/*!
 * DevExtreme (dx.all.debug.js)
 * Version: 25.2.7
 * Build date: Tue May 05 2026
 *
 * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
 * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
 */
"use strict";
(() => {
    var __webpack_modules__ = {
        75299(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
            __webpack_require__.r(__webpack_exports__);
            __webpack_require__.d(__webpack_exports__, {
                Computed: () => p,
                Effect: () => E,
                Signal: () => l,
                action: () => C,
                batch: () => n,
                computed: () => g,
                createModel: () => T,
                effect: () => j,
                signal: () => y,
                untracked: () => o
            });
            var i = Symbol.for("preact-signals");

            function t() {
                if (!(s > 1)) {
                    var i, t = !1;
                    ! function() {
                        var i = c;
                        c = void 0;
                        while (void 0 !== i) {
                            if (i.S.v === i.v) {
                                i.S.i = i.i
                            }
                            i = i.o
                        }
                    }();
                    while (void 0 !== h) {
                        var n = h;
                        h = void 0;
                        v++;
                        while (void 0 !== n) {
                            var r = n.u;
                            n.u = void 0;
                            n.f &= -3;
                            if (!(8 & n.f) && w(n)) {
                                try {
                                    n.c()
                                } catch (n) {
                                    if (!t) {
                                        i = n;
                                        t = !0
                                    }
                                }
                            }
                            n = r
                        }
                    }
                    v = 0;
                    s--;
                    if (t) {
                        throw i
                    }
                } else {
                    s--
                }
            }

            function n(i) {
                if (s > 0) {
                    return i()
                }
                e = ++u;
                s++;
                try {
                    return i()
                } finally {
                    t()
                }
            }
            var r = void 0;

            function o(i) {
                var t = r;
                r = void 0;
                try {
                    return i()
                } finally {
                    r = t
                }
            }
            var f, h = void 0,
                s = 0,
                v = 0,
                u = 0,
                e = 0,
                c = void 0,
                d = 0;

            function a(i) {
                if (void 0 !== r) {
                    var t = i.n;
                    if (void 0 === t || t.t !== r) {
                        t = {
                            i: 0,
                            S: i,
                            p: r.s,
                            n: void 0,
                            t: r,
                            e: void 0,
                            x: void 0,
                            r: t
                        };
                        if (void 0 !== r.s) {
                            r.s.n = t
                        }
                        r.s = t;
                        i.n = t;
                        if (32 & r.f) {
                            i.S(t)
                        }
                        return t
                    } else if (-1 === t.i) {
                        t.i = 0;
                        if (void 0 !== t.n) {
                            t.n.p = t.p;
                            if (void 0 !== t.p) {
                                t.p.n = t.n
                            }
                            t.p = r.s;
                            t.n = void 0;
                            r.s.n = t;
                            r.s = t
                        }
                        return t
                    }
                }
            }

            function l(i, t) {
                this.v = i;
                this.i = 0;
                this.n = void 0;
                this.t = void 0;
                this.l = 0;
                this.W = null == t ? void 0 : t.watched;
                this.Z = null == t ? void 0 : t.unwatched;
                this.name = null == t ? void 0 : t.name
            }
            l.prototype.brand = i;
            l.prototype.h = function() {
                return !0
            };
            l.prototype.S = function(i) {
                var t = this,
                    n = this.t;
                if (n !== i && void 0 === i.e) {
                    i.x = n;
                    this.t = i;
                    if (void 0 !== n) {
                        n.e = i
                    } else {
                        o(function() {
                            var i;
                            null == (i = t.W) || i.call(t)
                        })
                    }
                }
            };
            l.prototype.U = function(i) {
                var t = this;
                if (void 0 !== this.t) {
                    var n = i.e,
                        r = i.x;
                    if (void 0 !== n) {
                        n.x = r;
                        i.e = void 0
                    }
                    if (void 0 !== r) {
                        r.e = n;
                        i.x = void 0
                    }
                    if (i === this.t) {
                        this.t = r;
                        if (void 0 === r) {
                            o(function() {
                                var i;
                                null == (i = t.Z) || i.call(t)
                            })
                        }
                    }
                }
            };
            l.prototype.subscribe = function(i) {
                var t = this;
                return j(function() {
                    var n = t.value,
                        o = r;
                    r = void 0;
                    try {
                        i(n)
                    } finally {
                        r = o
                    }
                }, {
                    name: "sub"
                })
            };
            l.prototype.valueOf = function() {
                return this.value
            };
            l.prototype.toString = function() {
                return this.value + ""
            };
            l.prototype.toJSON = function() {
                return this.value
            };
            l.prototype.peek = function() {
                var i = r;
                r = void 0;
                try {
                    return this.value
                } finally {
                    r = i
                }
            };
            Object.defineProperty(l.prototype, "value", {
                get: function() {
                    var i = a(this);
                    if (void 0 !== i) {
                        i.i = this.i
                    }
                    return this.v
                },
                set: function(i) {
                    if (i !== this.v) {
                        if (v > 100) {
                            throw new Error("Cycle detected")
                        }! function(i) {
                            if (0 !== s && 0 === v) {
                                if (i.l !== e) {
                                    i.l = e;
                                    c = {
                                        S: i,
                                        v: i.v,
                                        i: i.i,
                                        o: c
                                    }
                                }
                            }
                        }(this);
                        this.v = i;
                        this.i++;
                        d++;
                        s++;
                        try {
                            for (var n = this.t; void 0 !== n; n = n.x) {
                                n.t.N()
                            }
                        } finally {
                            t()
                        }
                    }
                }
            });

            function y(i, t) {
                return new l(i, t)
            }

            function w(i) {
                for (var t = i.s; void 0 !== t; t = t.n) {
                    if (t.S.i !== t.i || !t.S.h() || t.S.i !== t.i) {
                        return !0
                    }
                }
                return !1
            }

            function _(i) {
                for (var t = i.s; void 0 !== t; t = t.n) {
                    var n = t.S.n;
                    if (void 0 !== n) {
                        t.r = n
                    }
                    t.S.n = t;
                    t.i = -1;
                    if (void 0 === t.n) {
                        i.s = t;
                        break
                    }
                }
            }

            function b(i) {
                var t = i.s,
                    n = void 0;
                while (void 0 !== t) {
                    var r = t.p;
                    if (-1 === t.i) {
                        t.S.U(t);
                        if (void 0 !== r) {
                            r.n = t.n
                        }
                        if (void 0 !== t.n) {
                            t.n.p = r
                        }
                    } else {
                        n = t
                    }
                    t.S.n = t.r;
                    if (void 0 !== t.r) {
                        t.r = void 0
                    }
                    t = r
                }
                i.s = n
            }

            function p(i, t) {
                l.call(this, void 0);
                this.x = i;
                this.s = void 0;
                this.g = d - 1;
                this.f = 4;
                this.W = null == t ? void 0 : t.watched;
                this.Z = null == t ? void 0 : t.unwatched;
                this.name = null == t ? void 0 : t.name
            }
            p.prototype = new l;
            p.prototype.h = function() {
                this.f &= -3;
                if (1 & this.f) {
                    return !1
                }
                if (32 == (36 & this.f)) {
                    return !0
                }
                this.f &= -5;
                if (this.g === d) {
                    return !0
                }
                this.g = d;
                this.f |= 1;
                if (this.i > 0 && !w(this)) {
                    this.f &= -2;
                    return !0
                }
                var i = r;
                try {
                    _(this);
                    r = this;
                    var t = this.x();
                    if (16 & this.f || this.v !== t || 0 === this.i) {
                        this.v = t;
                        this.f &= -17;
                        this.i++
                    }
                } catch (i) {
                    this.v = i;
                    this.f |= 16;
                    this.i++
                }
                r = i;
                b(this);
                this.f &= -2;
                return !0
            };
            p.prototype.S = function(i) {
                if (void 0 === this.t) {
                    this.f |= 36;
                    for (var t = this.s; void 0 !== t; t = t.n) {
                        t.S.S(t)
                    }
                }
                l.prototype.S.call(this, i)
            };
            p.prototype.U = function(i) {
                if (void 0 !== this.t) {
                    l.prototype.U.call(this, i);
                    if (void 0 === this.t) {
                        this.f &= -33;
                        for (var t = this.s; void 0 !== t; t = t.n) {
                            t.S.U(t)
                        }
                    }
                }
            };
            p.prototype.N = function() {
                if (!(2 & this.f)) {
                    this.f |= 6;
                    for (var i = this.t; void 0 !== i; i = i.x) {
                        i.t.N()
                    }
                }
            };
            Object.defineProperty(p.prototype, "value", {
                get: function() {
                    if (1 & this.f) {
                        throw new Error("Cycle detected")
                    }
                    var i = a(this);
                    this.h();
                    if (void 0 !== i) {
                        i.i = this.i
                    }
                    if (16 & this.f) {
                        throw this.v
                    }
                    return this.v
                }
            });

            function g(i, t) {
                return new p(i, t)
            }

            function S(i) {
                var n = i.m;
                i.m = void 0;
                if ("function" == typeof n) {
                    s++;
                    var o = r;
                    r = void 0;
                    try {
                        n()
                    } catch (t) {
                        i.f &= -2;
                        i.f |= 8;
                        m(i);
                        throw t
                    } finally {
                        r = o;
                        t()
                    }
                }
            }

            function m(i) {
                for (var t = i.s; void 0 !== t; t = t.n) {
                    t.S.U(t)
                }
                i.x = void 0;
                i.s = void 0;
                S(i)
            }

            function x(i) {
                if (r !== this) {
                    throw new Error("Out-of-order effect")
                }
                b(this);
                r = i;
                this.f &= -2;
                if (8 & this.f) {
                    m(this)
                }
                t()
            }

            function E(i, t) {
                this.x = i;
                this.m = void 0;
                this.s = void 0;
                this.u = void 0;
                this.f = 32;
                this.name = null == t ? void 0 : t.name;
                if (f) {
                    f.push(this)
                }
            }
            E.prototype.c = function() {
                var i = this.S();
                try {
                    if (8 & this.f) {
                        return
                    }
                    if (void 0 === this.x) {
                        return
                    }
                    var t = this.x();
                    if ("function" == typeof t) {
                        this.m = t
                    }
                } finally {
                    i()
                }
            };
            E.prototype.S = function() {
                if (1 & this.f) {
                    throw new Error("Cycle detected")
                }
                this.f |= 1;
                this.f &= -9;
                S(this);
                _(this);
                s++;
                var i = r;
                r = this;
                return x.bind(this, i)
            };
            E.prototype.N = function() {
                if (!(2 & this.f)) {
                    this.f |= 2;
                    this.u = h;
                    h = this
                }
            };
            E.prototype.d = function() {
                this.f |= 8;
                if (!(1 & this.f)) {
                    m(this)
                }
            };
            E.prototype.dispose = function() {
                this.d()
            };

            function j(i, t) {
                var n = new E(i, t);
                try {
                    n.c()
                } catch (i) {
                    n.d();
                    throw i
                }
                var r = n.d.bind(n);
                r[Symbol.dispose] = r;
                return r
            }

            function C(i) {
                return function() {
                    var t = arguments,
                        r = this;
                    return n(function() {
                        return o(function() {
                            return i.apply(r, [].slice.call(t))
                        })
                    })
                }
            }
            var k = function(i) {
                for (var t in i) {
                    var n = i[t];
                    if ("function" == typeof n) {
                        i[t] = C(n)
                    } else if ("object" == typeof n && null !== n && !("brand" in n)) {
                        k(n)
                    }
                }
            };

            function T(i) {
                return function() {
                    var t, n, r = function() {
                        var i = f;
                        f = [];
                        return function() {
                            var t = f;
                            if (f && i) {
                                i = i.concat(f)
                            }
                            f = i;
                            return t
                        }
                    }();
                    try {
                        n = i.apply(void 0, [].slice.call(arguments))
                    } catch (i) {
                        f = void 0;
                        throw i
                    } finally {
                        t = r()
                    }
                    k(n);
                    n[Symbol.dispose] = C(function() {
                        if (t) {
                            for (var i = 0; i < t.length; i++) {
                                t[i].dispose()
                            }
                        }
                        t = void 0
                    });
                    return n
                }
            }
        },
        12887(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
            __webpack_require__.r(__webpack_exports__);
            __webpack_require__.d(__webpack_exports__, {
                createElement: () => createElement
            });
            var inferno__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__( /*! inferno */ 76231);

            function isNullOrUndef(o) {
                return void 0 === o || null === o
            }

            function isUndefined(o) {
                return void 0 === o
            }
            var componentHooks = {
                onComponentDidAppear: 1,
                onComponentDidMount: 1,
                onComponentDidUpdate: 1,
                onComponentShouldUpdate: 1,
                onComponentWillDisappear: 1,
                onComponentWillMount: 1,
                onComponentWillUnmount: 1,
                onComponentWillUpdate: 1
            };

            function createElement(type, props, _children) {
                var children;
                var ref = null;
                var key = null;
                var className = null;
                var flags;
                var newProps;
                var childLen = arguments.length - 2;
                if (1 === childLen) {
                    children = _children
                } else if (childLen > 1) {
                    children = [];
                    while (childLen-- > 0) {
                        children[childLen] = arguments[childLen + 2]
                    }
                }
                if (o = type, "string" === typeof o) {
                    flags = (0, inferno__WEBPACK_IMPORTED_MODULE_0__.getFlagsForElementVnode)(type);
                    if (!isNullOrUndef(props)) {
                        newProps = {};
                        for (var prop in props) {
                            if ("className" === prop || "class" === prop) {
                                className = props[prop]
                            } else if ("key" === prop) {
                                key = props.key
                            } else if ("children" === prop && isUndefined(children)) {
                                children = props.children
                            } else if ("ref" === prop) {
                                ref = props.ref
                            } else {
                                if ("contenteditable" === prop) {
                                    flags |= 4096
                                }
                                newProps[prop] = props[prop]
                            }
                        }
                    }
                } else {
                    flags = 2;
                    if (!isUndefined(children)) {
                        if (!props) {
                            props = {}
                        }
                        props.children = children
                    }
                    if (!isNullOrUndef(props)) {
                        newProps = {};
                        for (var _prop in props) {
                            if ("key" === _prop) {
                                key = props.key
                            } else if ("ref" === _prop) {
                                ref = props.ref
                            } else if (1 === componentHooks[_prop]) {
                                if (!ref) {
                                    ref = {}
                                }
                                ref[_prop] = props[_prop]
                            } else {
                                newProps[_prop] = props[_prop]
                            }
                        }
                    }
                    return (0, inferno__WEBPACK_IMPORTED_MODULE_0__.createComponentVNode)(flags, type, newProps, key, ref)
                }
                var o;
                if (8192 & flags) {
                    return (0, inferno__WEBPACK_IMPORTED_MODULE_0__.createFragment)(1 === childLen ? [children] : children, 0, key)
                }
                return (0, inferno__WEBPACK_IMPORTED_MODULE_0__.createVNode)(flags, type, className, children, 0, newProps, key, ref)
            }
        },
        76231(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
            __webpack_require__.r(__webpack_exports__);
            __webpack_require__.d(__webpack_exports__, {
                AnimationQueues: () => AnimationQueues,
                Component: () => Component,
                EMPTY_OBJ: () => EMPTY_OBJ,
                Fragment: () => Fragment,
                _CI: () => createClassComponentInstance,
                _HI: () => normalizeRoot,
                _M: () => mount,
                _MCCC: () => mountClassComponentCallbacks,
                _ME: () => mountElement,
                _MFCC: () => mountFunctionalComponentCallbacks,
                _MP: () => mountProps,
                _MR: () => mountRef,
                _RFC: () => renderFunctionalComponent,
                __render: () => __render,
                createComponentVNode: () => createComponentVNode,
                createFragment: () => createFragment,
                createPortal: () => createPortal,
                createRef: () => createRef,
                createRenderer: () => createRenderer,
                createTextVNode: () => createTextVNode,
                createVNode: () => createVNode,
                directClone: () => directClone,
                findDOMFromVNode: () => findDOMFromVNode,
                forwardRef: () => forwardRef,
                getFlagsForElementVnode: () => getFlagsForElementVnode,
                linkEvent: () => linkEvent,
                normalizeProps: () => normalizeProps,
                options: () => options,
                render: () => render,
                rerender: () => rerender,
                version: () => version
            });
            var isArray = Array.isArray;

            function isStringOrNumber(o) {
                var type = typeof o;
                return "string" === type || "number" === type
            }

            function isNullOrUndef(o) {
                return void 0 === o || null === o
            }

            function isInvalid(o) {
                return null === o || false === o || true === o || void 0 === o
            }

            function isFunction(o) {
                return "function" === typeof o
            }

            function isString(o) {
                return "string" === typeof o
            }

            function isNull(o) {
                return null === o
            }

            function isUndefined(o) {
                return void 0 === o
            }

            function combineFrom(first, second) {
                var out = {};
                if (first) {
                    for (var key in first) {
                        out[key] = first[key]
                    }
                }
                if (second) {
                    for (var _key in second) {
                        out[_key] = second[_key]
                    }
                }
                return out
            }

            function linkEvent(data, event) {
                if (isFunction(event)) {
                    return {
                        data: data,
                        event: event
                    }
                }
                return null
            }

            function isLinkEventObject(o) {
                return !isNull(o) && "object" === typeof o
            }
            var EMPTY_OBJ = {};
            var Fragment = "$F";
            var AnimationQueues = function() {
                this.componentDidAppear = [];
                this.componentWillDisappear = [];
                this.componentWillMove = []
            };

            function normalizeEventName(name) {
                return name.substring(2).toLowerCase()
            }

            function appendChild(parentDOM, dom) {
                parentDOM.appendChild(dom)
            }

            function insertOrAppend(parentDOM, newNode, nextNode) {
                if (isNull(nextNode)) {
                    appendChild(parentDOM, newNode)
                } else {
                    parentDOM.insertBefore(newNode, nextNode)
                }
            }

            function removeChild(parentDOM, childNode) {
                parentDOM.removeChild(childNode)
            }

            function callAll(arrayFn) {
                for (var i = 0; i < arrayFn.length; i++) {
                    arrayFn[i]()
                }
            }

            function findChildVNode(vNode, startEdge, flags) {
                var children = vNode.children;
                if (4 & flags) {
                    return children.$LI
                }
                if (8192 & flags) {
                    return 2 === vNode.childFlags ? children : children[startEdge ? 0 : children.length - 1]
                }
                return children
            }

            function findDOMFromVNode(vNode, startEdge) {
                var flags;
                while (vNode) {
                    flags = vNode.flags;
                    if (1521 & flags) {
                        return vNode.dom
                    }
                    vNode = findChildVNode(vNode, startEdge, flags)
                }
                return null
            }

            function callAllAnimationHooks(animationQueue, callback) {
                var animationsLeft = animationQueue.length;
                var fn;
                while (void 0 !== (fn = animationQueue.pop())) {
                    fn(function() {
                        if (--animationsLeft <= 0 && isFunction(callback)) {
                            callback()
                        }
                    })
                }
            }

            function clearVNodeDOM(vNode, parentDOM, deferredRemoval) {
                do {
                    var flags = vNode.flags;
                    if (1521 & flags) {
                        if (!deferredRemoval || vNode.dom.parentNode === parentDOM) {
                            removeChild(parentDOM, vNode.dom)
                        }
                        return
                    }
                    var children = vNode.children;
                    if (4 & flags) {
                        vNode = children.$LI
                    }
                    if (8 & flags) {
                        vNode = children
                    }
                    if (8192 & flags) {
                        if (2 === vNode.childFlags) {
                            vNode = children
                        } else {
                            for (var i = 0, len = children.length; i < len; ++i) {
                                clearVNodeDOM(children[i], parentDOM, false)
                            }
                            return
                        }
                    }
                } while (vNode)
            }

            function removeVNodeDOM(vNode, parentDOM, animations) {
                if (animations.componentWillDisappear.length > 0) {
                    callAllAnimationHooks(animations.componentWillDisappear, function(vNode, parentDOM) {
                        return function() {
                            clearVNodeDOM(vNode, parentDOM, true)
                        }
                    }(vNode, parentDOM))
                } else {
                    clearVNodeDOM(vNode, parentDOM, false)
                }
            }

            function addMoveAnimationHook(animations, parentVNode, refOrInstance, dom, parentDOM, nextNode, flags, props) {
                animations.componentWillMove.push({
                    dom: dom,
                    fn: function() {
                        if (4 & flags) {
                            refOrInstance.componentWillMove(parentVNode, parentDOM, dom)
                        } else if (8 & flags) {
                            refOrInstance.onComponentWillMove(parentVNode, parentDOM, dom, props)
                        }
                    },
                    next: nextNode,
                    parent: parentDOM
                })
            }

            function moveVNodeDOM(parentVNode, vNode, parentDOM, nextNode, animations) {
                var refOrInstance;
                var instanceProps;
                var instanceFlags = vNode.flags;
                do {
                    var flags = vNode.flags;
                    if (1521 & flags) {
                        if (!isNullOrUndef(refOrInstance) && (isFunction(refOrInstance.componentWillMove) || isFunction(refOrInstance.onComponentWillMove))) {
                            addMoveAnimationHook(animations, parentVNode, refOrInstance, vNode.dom, parentDOM, nextNode, instanceFlags, instanceProps)
                        } else {
                            insertOrAppend(parentDOM, vNode.dom, nextNode)
                        }
                        return
                    }
                    var children = vNode.children;
                    if (4 & flags) {
                        refOrInstance = vNode.children;
                        instanceProps = vNode.props;
                        vNode = children.$LI
                    } else if (8 & flags) {
                        refOrInstance = vNode.ref;
                        instanceProps = vNode.props;
                        vNode = children
                    } else if (8192 & flags) {
                        if (2 === vNode.childFlags) {
                            vNode = children
                        } else {
                            for (var i = 0, len = children.length; i < len; ++i) {
                                moveVNodeDOM(parentVNode, children[i], parentDOM, nextNode, animations)
                            }
                            return
                        }
                    }
                } while (vNode)
            }

            function createDerivedState(instance, nextProps, state) {
                if (instance.constructor.getDerivedStateFromProps) {
                    return combineFrom(state, instance.constructor.getDerivedStateFromProps(nextProps, state))
                }
                return state
            }
            var renderCheck = {
                v: false
            };
            var options = {
                componentComparator: null,
                createVNode: null,
                renderComplete: null
            };

            function setTextContent(dom, children) {
                dom.textContent = children
            }

            function isLastValueSameLinkEvent(lastValue, nextValue) {
                return isLinkEventObject(lastValue) && lastValue.event === nextValue.event && lastValue.data === nextValue.data
            }

            function mergeUnsetProperties(to, from) {
                for (var propName in from) {
                    if (isUndefined(to[propName])) {
                        to[propName] = from[propName]
                    }
                }
                return to
            }

            function safeCall1(method, arg1) {
                return !!isFunction(method) && (method(arg1), true)
            }

            function V(childFlags, children, className, flags, key, props, ref, type) {
                this.childFlags = childFlags;
                this.children = children;
                this.className = className;
                this.dom = null;
                this.flags = flags;
                this.key = void 0 === key ? null : key;
                this.props = void 0 === props ? null : props;
                this.ref = void 0 === ref ? null : ref;
                this.type = type
            }

            function createVNode(flags, type, className, children, childFlags, props, key, ref) {
                var childFlag = void 0 === childFlags ? 1 : childFlags;
                var vNode = new V(childFlag, children, className, flags, key, props, ref, type);
                if (options.createVNode) {
                    options.createVNode(vNode)
                }
                if (0 === childFlag) {
                    normalizeChildren(vNode, vNode.children)
                }
                return vNode
            }

            function createComponentVNode(flags, type, props, key, ref) {
                flags = function(flags, type) {
                    if (12 & flags) {
                        return flags
                    }
                    if (type.prototype && type.prototype.render) {
                        return 4
                    }
                    if (type.render) {
                        return 32776
                    }
                    return 8
                }(flags, type);
                var vNode = new V(1, null, null, flags, key, function(flags, type, props) {
                    var defaultProps = (32768 & flags ? type.render : type).defaultProps;
                    if (isNullOrUndef(defaultProps)) {
                        return props
                    }
                    if (isNullOrUndef(props)) {
                        return combineFrom(defaultProps, null)
                    }
                    return mergeUnsetProperties(props, defaultProps)
                }(flags, type, props), function(flags, type, ref) {
                    if (4 & flags) {
                        return ref
                    }
                    var defaultHooks = (32768 & flags ? type.render : type).defaultHooks;
                    if (isNullOrUndef(defaultHooks)) {
                        return ref
                    }
                    if (isNullOrUndef(ref)) {
                        return defaultHooks
                    }
                    return mergeUnsetProperties(ref, defaultHooks)
                }(flags, type, ref), type);
                if (options.createVNode) {
                    options.createVNode(vNode)
                }
                return vNode
            }

            function createTextVNode(text, key) {
                return new V(1, isNullOrUndef(text) || true === text || false === text ? "" : text, null, 16, key, null, null, null)
            }

            function createFragment(children, childFlags, key) {
                var fragment = createVNode(8192, 8192, null, children, childFlags, null, key, null);
                switch (fragment.childFlags) {
                    case 1:
                        fragment.children = createVoidVNode();
                        fragment.childFlags = 2;
                        break;
                    case 16:
                        fragment.children = [createTextVNode(children)];
                        fragment.childFlags = 4
                }
                return fragment
            }

            function normalizeProps(vNode) {
                var props = vNode.props;
                if (props) {
                    var flags = vNode.flags;
                    if (481 & flags) {
                        if (void 0 !== props.children && isNullOrUndef(vNode.children)) {
                            normalizeChildren(vNode, props.children)
                        }
                        if (void 0 !== props.className) {
                            if (isNullOrUndef(vNode.className)) {
                                vNode.className = props.className || null
                            }
                            props.className = void 0
                        }
                    }
                    if (void 0 !== props.key) {
                        vNode.key = props.key;
                        props.key = void 0
                    }
                    if (void 0 !== props.ref) {
                        if (8 & flags) {
                            vNode.ref = combineFrom(vNode.ref, props.ref)
                        } else {
                            vNode.ref = props.ref
                        }
                        props.ref = void 0
                    }
                }
                return vNode
            }

            function directClone(vNodeToClone) {
                var flags = -16385 & vNodeToClone.flags;
                var props = vNodeToClone.props;
                if (14 & flags) {
                    if (!isNull(props)) {
                        var propsToClone = props;
                        props = {};
                        for (var key in propsToClone) {
                            props[key] = propsToClone[key]
                        }
                    }
                }
                if (0 === (8192 & flags)) {
                    return new V(vNodeToClone.childFlags, vNodeToClone.children, vNodeToClone.className, flags, vNodeToClone.key, props, vNodeToClone.ref, vNodeToClone.type)
                }
                return function(vNodeToClone) {
                    var oldChildren = vNodeToClone.children;
                    var childFlags = vNodeToClone.childFlags;
                    return createFragment(2 === childFlags ? directClone(oldChildren) : oldChildren.map(directClone), childFlags, vNodeToClone.key)
                }(vNodeToClone)
            }

            function createVoidVNode() {
                return createTextVNode("", null)
            }

            function createPortal(children, container) {
                var normalizedRoot = normalizeRoot(children);
                return createVNode(1024, 1024, null, normalizedRoot, 0, null, normalizedRoot.key, container)
            }

            function _normalizeVNodes(nodes, result, index, currentKey) {
                for (var len = nodes.length; index < len; index++) {
                    var n = nodes[index];
                    if (!isInvalid(n)) {
                        var newKey = currentKey + "$" + index;
                        if (isArray(n)) {
                            _normalizeVNodes(n, result, 0, newKey)
                        } else {
                            if (isStringOrNumber(n)) {
                                n = createTextVNode(n, newKey)
                            } else {
                                var oldKey = n.key;
                                var isPrefixedKey = isString(oldKey) && "$" === oldKey[0];
                                if (81920 & n.flags || isPrefixedKey) {
                                    n = directClone(n)
                                }
                                n.flags |= 65536;
                                if (!isPrefixedKey) {
                                    if (isNull(oldKey)) {
                                        n.key = newKey
                                    } else {
                                        n.key = currentKey + oldKey
                                    }
                                } else if (oldKey.substring(0, currentKey.length) !== currentKey) {
                                    n.key = currentKey + oldKey
                                }
                            }
                            result.push(n)
                        }
                    }
                }
            }

            function getFlagsForElementVnode(type) {
                switch (type) {
                    case "svg":
                        return 32;
                    case "input":
                        return 64;
                    case "select":
                        return 256;
                    case "textarea":
                        return 128;
                    case Fragment:
                        return 8192;
                    default:
                        return 1
                }
            }

            function normalizeChildren(vNode, children) {
                var newChildren;
                var newChildFlags = 1;
                if (isInvalid(children)) {
                    newChildren = children
                } else if (isStringOrNumber(children)) {
                    newChildFlags = 16;
                    newChildren = children
                } else if (isArray(children)) {
                    var len = children.length;
                    for (var i = 0; i < len; ++i) {
                        var n = children[i];
                        if (isInvalid(n) || isArray(n)) {
                            newChildren = newChildren || children.slice(0, i);
                            _normalizeVNodes(children, newChildren, i, "");
                            break
                        } else if (isStringOrNumber(n)) {
                            newChildren = newChildren || children.slice(0, i);
                            newChildren.push(createTextVNode(n, "$" + i))
                        } else {
                            var key = n.key;
                            var needsCloning = (81920 & n.flags) > 0;
                            var isNullKey = isNull(key);
                            var isPrefixed = isString(key) && "$" === key[0];
                            if (needsCloning || isNullKey || isPrefixed) {
                                newChildren = newChildren || children.slice(0, i);
                                if (needsCloning || isPrefixed) {
                                    n = directClone(n)
                                }
                                if (isNullKey || isPrefixed) {
                                    n.key = "$" + i
                                }
                                newChildren.push(n)
                            } else if (newChildren) {
                                newChildren.push(n)
                            }
                            n.flags |= 65536
                        }
                    }
                    newChildren = newChildren || children;
                    if (0 === newChildren.length) {
                        newChildFlags = 1
                    } else {
                        newChildFlags = 8
                    }
                } else {
                    newChildren = children;
                    newChildren.flags |= 65536;
                    if (81920 & children.flags) {
                        newChildren = directClone(children)
                    }
                    newChildFlags = 2
                }
                vNode.children = newChildren;
                vNode.childFlags = newChildFlags;
                return vNode
            }

            function normalizeRoot(input) {
                if (isInvalid(input) || isStringOrNumber(input)) {
                    return createTextVNode(input, null)
                }
                if (isArray(input)) {
                    return createFragment(input, 0, null)
                }
                return 16384 & input.flags ? directClone(input) : input
            }
            var xlinkNS = "http://www.w3.org/1999/xlink";
            var xmlNS = "http://www.w3.org/XML/1998/namespace";
            var namespaces = {
                "xlink:actuate": xlinkNS,
                "xlink:arcrole": xlinkNS,
                "xlink:href": xlinkNS,
                "xlink:role": xlinkNS,
                "xlink:show": xlinkNS,
                "xlink:title": xlinkNS,
                "xlink:type": xlinkNS,
                "xml:base": xmlNS,
                "xml:lang": xmlNS,
                "xml:space": xmlNS
            };

            function getDelegatedEventObject(v) {
                return {
                    onClick: v,
                    onDblClick: v,
                    onFocusIn: v,
                    onFocusOut: v,
                    onKeyDown: v,
                    onKeyPress: v,
                    onKeyUp: v,
                    onMouseDown: v,
                    onMouseMove: v,
                    onMouseUp: v,
                    onTouchEnd: v,
                    onTouchMove: v,
                    onTouchStart: v
                }
            }
            var attachedEventCounts = getDelegatedEventObject(0);
            var attachedEvents = getDelegatedEventObject(null);
            var syntheticEvents = getDelegatedEventObject(true);

            function updateOrAddSyntheticEvent(name, dom) {
                var eventsObject = dom.$EV;
                if (!eventsObject) {
                    eventsObject = dom.$EV = getDelegatedEventObject(null)
                }
                if (!eventsObject[name]) {
                    if (1 === ++attachedEventCounts[name]) {
                        attachedEvents[name] = function(name) {
                            var attachedEvent = "onClick" === name || "onDblClick" === name ? function(name) {
                                return function(event) {
                                    if (0 !== event.button) {
                                        event.stopPropagation();
                                        return
                                    }
                                    dispatchEvents(event, true, name, extendEventProperties(event))
                                }
                            }(name) : function(name) {
                                return function(event) {
                                    dispatchEvents(event, false, name, extendEventProperties(event))
                                }
                            }(name);
                            document.addEventListener(normalizeEventName(name), attachedEvent);
                            return attachedEvent
                        }(name)
                    }
                }
                return eventsObject
            }

            function unmountSyntheticEvent(name, dom) {
                var eventsObject = dom.$EV;
                if (eventsObject && eventsObject[name]) {
                    if (0 === --attachedEventCounts[name]) {
                        document.removeEventListener(normalizeEventName(name), attachedEvents[name]);
                        attachedEvents[name] = null
                    }
                    eventsObject[name] = null
                }
            }

            function dispatchEvents(event, isClick, name, eventData) {
                var dom = function(event) {
                    return isFunction(event.composedPath) ? event.composedPath()[0] : event.target
                }(event);
                do {
                    if (isClick && dom.disabled) {
                        return
                    }
                    var eventsObject = dom.$EV;
                    if (eventsObject) {
                        var currentEvent = eventsObject[name];
                        if (currentEvent) {
                            eventData.dom = dom;
                            currentEvent.event ? currentEvent.event(currentEvent.data, event) : currentEvent(event);
                            if (event.cancelBubble) {
                                return
                            }
                        }
                    }
                    dom = dom.parentNode
                } while (!isNull(dom))
            }

            function stopPropagation() {
                this.cancelBubble = true;
                if (!this.immediatePropagationStopped) {
                    this.stopImmediatePropagation()
                }
            }

            function isDefaultPrevented() {
                return this.defaultPrevented
            }

            function isPropagationStopped() {
                return this.cancelBubble
            }

            function extendEventProperties(event) {
                var eventData = {
                    dom: document
                };
                event.isDefaultPrevented = isDefaultPrevented;
                event.isPropagationStopped = isPropagationStopped;
                event.stopPropagation = stopPropagation;
                Object.defineProperty(event, "currentTarget", {
                    configurable: true,
                    get: function() {
                        return eventData.dom
                    }
                });
                return eventData
            }

            function triggerEventListener(props, methodName, e) {
                if (props[methodName]) {
                    var listener = props[methodName];
                    if (listener.event) {
                        listener.event(listener.data, e)
                    } else {
                        listener(e)
                    }
                } else {
                    var nativeListenerName = methodName.toLowerCase();
                    if (props[nativeListenerName]) {
                        props[nativeListenerName](e)
                    }
                }
            }

            function createWrappedFunction(methodName, applyValue) {
                var fnMethod = function(e) {
                    var vNode = this.$V;
                    if (!vNode) {
                        return
                    }
                    var props = vNode.props || EMPTY_OBJ;
                    var dom = vNode.dom;
                    if (isString(methodName)) {
                        triggerEventListener(props, methodName, e)
                    } else {
                        for (var i = 0; i < methodName.length; ++i) {
                            triggerEventListener(props, methodName[i], e)
                        }
                    }
                    if (isFunction(applyValue)) {
                        var newVNode = this.$V;
                        var newProps = newVNode.props || EMPTY_OBJ;
                        applyValue(newProps, dom, false, newVNode)
                    }
                };
                Object.defineProperty(fnMethod, "wrapped", {
                    configurable: false,
                    enumerable: false,
                    value: true,
                    writable: false
                });
                return fnMethod
            }

            function attachEvent(dom, eventName, handler) {
                var previousKey = "$" + eventName;
                var previousArgs = dom[previousKey];
                if (previousArgs) {
                    if (previousArgs[1].wrapped) {
                        return
                    }
                    dom.removeEventListener(previousArgs[0], previousArgs[1]);
                    dom[previousKey] = null
                }
                if (isFunction(handler)) {
                    dom.addEventListener(eventName, handler);
                    dom[previousKey] = [eventName, handler]
                }
            }

            function isCheckedType(type) {
                return "checkbox" === type || "radio" === type
            }
            var onTextInputChange = createWrappedFunction("onInput", applyValueInput);
            var wrappedOnChange$1 = createWrappedFunction(["onClick", "onChange"], applyValueInput);

            function emptywrapper(event) {
                event.stopPropagation()
            }
            emptywrapper.wrapped = true;

            function applyValueInput(nextPropsOrEmpty, dom) {
                var type = nextPropsOrEmpty.type;
                var value = nextPropsOrEmpty.value;
                var checked = nextPropsOrEmpty.checked;
                var multiple = nextPropsOrEmpty.multiple;
                var defaultValue = nextPropsOrEmpty.defaultValue;
                var hasValue = !isNullOrUndef(value);
                if (type && type !== dom.type) {
                    dom.setAttribute("type", type)
                }
                if (!isNullOrUndef(multiple) && multiple !== dom.multiple) {
                    dom.multiple = multiple
                }
                if (!isNullOrUndef(defaultValue) && !hasValue) {
                    dom.defaultValue = defaultValue + ""
                }
                if (isCheckedType(type)) {
                    if (hasValue) {
                        dom.value = value
                    }
                    if (!isNullOrUndef(checked)) {
                        dom.checked = checked
                    }
                } else if (hasValue && dom.value !== value) {
                    dom.defaultValue = value;
                    dom.value = value
                } else if (!isNullOrUndef(checked)) {
                    dom.checked = checked
                }
            }

            function updateChildOptions(vNode, value) {
                if ("option" === vNode.type) {
                    ! function(vNode, value) {
                        var props = vNode.props || EMPTY_OBJ;
                        var dom = vNode.dom;
                        dom.value = props.value;
                        if (props.value === value || isArray(value) && -1 !== value.indexOf(props.value)) {
                            dom.selected = true
                        } else if (!isNullOrUndef(value) || !isNullOrUndef(props.selected)) {
                            dom.selected = props.selected || false
                        }
                    }(vNode, value)
                } else {
                    var children = vNode.children;
                    var flags = vNode.flags;
                    if (4 & flags) {
                        updateChildOptions(children.$LI, value)
                    } else if (8 & flags) {
                        updateChildOptions(children, value)
                    } else if (2 === vNode.childFlags) {
                        updateChildOptions(children, value)
                    } else if (12 & vNode.childFlags) {
                        for (var i = 0, len = children.length; i < len; ++i) {
                            updateChildOptions(children[i], value)
                        }
                    }
                }
            }
            var onSelectChange = createWrappedFunction("onChange", applyValueSelect);

            function applyValueSelect(nextPropsOrEmpty, dom, mounting, vNode) {
                var multiplePropInBoolean = Boolean(nextPropsOrEmpty.multiple);
                if (!isNullOrUndef(nextPropsOrEmpty.multiple) && multiplePropInBoolean !== dom.multiple) {
                    dom.multiple = multiplePropInBoolean
                }
                var index = nextPropsOrEmpty.selectedIndex;
                if (-1 === index) {
                    dom.selectedIndex = -1
                }
                var childFlags = vNode.childFlags;
                if (1 !== childFlags) {
                    var value = nextPropsOrEmpty.value;
                    if ((o = index, "number" === typeof o) && index > -1 && dom.options[index]) {
                        value = dom.options[index].value
                    }
                    if (mounting && isNullOrUndef(value)) {
                        value = nextPropsOrEmpty.defaultValue
                    }
                    updateChildOptions(vNode, value)
                }
                var o
            }
            var onTextareaInputChange = createWrappedFunction("onInput", applyValueTextArea);
            var wrappedOnChange = createWrappedFunction("onChange");

            function applyValueTextArea(nextPropsOrEmpty, dom, mounting) {
                var value = nextPropsOrEmpty.value;
                var domValue = dom.value;
                if (isNullOrUndef(value)) {
                    if (mounting) {
                        var defaultValue = nextPropsOrEmpty.defaultValue;
                        if (!isNullOrUndef(defaultValue) && defaultValue !== domValue) {
                            dom.defaultValue = defaultValue;
                            dom.value = defaultValue
                        }
                    }
                } else if (domValue !== value) {
                    dom.defaultValue = value;
                    dom.value = value
                }
            }

            function processElement(flags, vNode, dom, nextPropsOrEmpty, mounting, isControlled) {
                if (64 & flags) {
                    applyValueInput(nextPropsOrEmpty, dom)
                } else if (256 & flags) {
                    applyValueSelect(nextPropsOrEmpty, dom, mounting, vNode)
                } else if (128 & flags) {
                    applyValueTextArea(nextPropsOrEmpty, dom, mounting)
                }
                if (isControlled) {
                    dom.$V = vNode
                }
            }

            function addFormElementEventHandlers(flags, dom, nextPropsOrEmpty) {
                if (64 & flags) {
                    ! function(dom, nextPropsOrEmpty) {
                        if (isCheckedType(nextPropsOrEmpty.type)) {
                            attachEvent(dom, "change", wrappedOnChange$1);
                            attachEvent(dom, "click", emptywrapper)
                        } else {
                            attachEvent(dom, "input", onTextInputChange)
                        }
                    }(dom, nextPropsOrEmpty)
                } else if (256 & flags) {
                    ! function(dom) {
                        attachEvent(dom, "change", onSelectChange)
                    }(dom)
                } else if (128 & flags) {
                    ! function(dom, nextPropsOrEmpty) {
                        attachEvent(dom, "input", onTextareaInputChange);
                        if (nextPropsOrEmpty.onChange) {
                            attachEvent(dom, "change", wrappedOnChange)
                        }
                    }(dom, nextPropsOrEmpty)
                }
            }

            function isControlledFormElement(nextPropsOrEmpty) {
                return nextPropsOrEmpty.type && isCheckedType(nextPropsOrEmpty.type) ? !isNullOrUndef(nextPropsOrEmpty.checked) : !isNullOrUndef(nextPropsOrEmpty.value)
            }

            function createRef() {
                return {
                    current: null
                }
            }

            function forwardRef(render) {
                var ref = {
                    render: render
                };
                return ref
            }

            function unmountRef(ref) {
                if (ref) {
                    if (!safeCall1(ref, null) && ref.current) {
                        ref.current = null
                    }
                }
            }

            function mountRef(ref, value, lifecycle) {
                if (ref && (isFunction(ref) || void 0 !== ref.current)) {
                    lifecycle.push(function() {
                        if (!safeCall1(ref, value) && void 0 !== ref.current) {
                            ref.current = value
                        }
                    })
                }
            }

            function remove(vNode, parentDOM, animations) {
                unmount(vNode, animations);
                removeVNodeDOM(vNode, parentDOM, animations)
            }

            function unmount(vNode, animations) {
                var flags = vNode.flags;
                var children = vNode.children;
                var ref;
                if (481 & flags) {
                    ref = vNode.ref;
                    var props = vNode.props;
                    unmountRef(ref);
                    var childFlags = vNode.childFlags;
                    if (!isNull(props)) {
                        var keys = Object.keys(props);
                        for (var i = 0, len = keys.length; i < len; i++) {
                            var key = keys[i];
                            if (syntheticEvents[key]) {
                                unmountSyntheticEvent(key, vNode.dom)
                            }
                        }
                    }
                    if (12 & childFlags) {
                        unmountAllChildren(children, animations)
                    } else if (2 === childFlags) {
                        unmount(children, animations)
                    }
                } else if (children) {
                    if (4 & flags) {
                        if (isFunction(children.componentWillUnmount)) {
                            children.componentWillUnmount()
                        }
                        var childAnimations = animations;
                        if (isFunction(children.componentWillDisappear)) {
                            childAnimations = new AnimationQueues;
                            addDisappearAnimationHook(animations, children, children.$LI.dom, flags, void 0)
                        }
                        unmountRef(vNode.ref);
                        children.$UN = true;
                        unmount(children.$LI, childAnimations)
                    } else if (8 & flags) {
                        var _childAnimations = animations;
                        ref = vNode.ref;
                        if (!isNullOrUndef(ref)) {
                            var domEl = null;
                            if (isFunction(ref.onComponentWillUnmount)) {
                                domEl = findDOMFromVNode(vNode, true);
                                ref.onComponentWillUnmount(domEl, vNode.props || EMPTY_OBJ)
                            }
                            if (isFunction(ref.onComponentWillDisappear)) {
                                _childAnimations = new AnimationQueues;
                                domEl = domEl || findDOMFromVNode(vNode, true);
                                addDisappearAnimationHook(animations, ref, domEl, flags, vNode.props)
                            }
                        }
                        unmount(children, _childAnimations)
                    } else if (1024 & flags) {
                        remove(children, vNode.ref, animations)
                    } else if (8192 & flags) {
                        if (12 & vNode.childFlags) {
                            unmountAllChildren(children, animations)
                        }
                    }
                }
            }

            function unmountAllChildren(children, animations) {
                for (var i = 0, len = children.length; i < len; ++i) {
                    unmount(children[i], animations)
                }
            }

            function clearDOM(parentDOM, children, animations) {
                if (animations.componentWillDisappear.length > 0) {
                    callAllAnimationHooks(animations.componentWillDisappear, function(children, parentDOM) {
                        return function() {
                            if (parentDOM) {
                                for (var i = 0; i < children.length; i++) {
                                    var vNode = children[i];
                                    clearVNodeDOM(vNode, parentDOM, false)
                                }
                            }
                        }
                    }(children, parentDOM))
                } else {
                    parentDOM.textContent = ""
                }
            }

            function removeAllChildren(dom, vNode, children, animations) {
                unmountAllChildren(children, animations);
                if (8192 & vNode.flags) {
                    removeVNodeDOM(vNode, dom, animations)
                } else {
                    clearDOM(dom, children, animations)
                }
            }

            function addDisappearAnimationHook(animations, instanceOrRef, dom, flags, props) {
                animations.componentWillDisappear.push(function(callback) {
                    if (4 & flags) {
                        instanceOrRef.componentWillDisappear(dom, callback)
                    } else if (8 & flags) {
                        instanceOrRef.onComponentWillDisappear(dom, props, callback)
                    }
                })
            }

            function patchDangerInnerHTML(lastValue, nextValue, lastVNode, dom, animations) {
                var lastHtml = lastValue && lastValue.__html || "";
                var nextHtml = nextValue && nextValue.__html || "";
                if (lastHtml !== nextHtml) {
                    if (!isNullOrUndef(nextHtml) && ! function(dom, innerHTML) {
                            var tempdom = document.createElement("i");
                            tempdom.innerHTML = innerHTML;
                            return tempdom.innerHTML === dom.innerHTML
                        }(dom, nextHtml)) {
                        if (!isNull(lastVNode)) {
                            if (12 & lastVNode.childFlags) {
                                unmountAllChildren(lastVNode.children, animations)
                            } else if (2 === lastVNode.childFlags) {
                                unmount(lastVNode.children, animations)
                            }
                            lastVNode.children = null;
                            lastVNode.childFlags = 1
                        }
                        dom.innerHTML = nextHtml
                    }
                }
            }

            function patchProp(prop, lastValue, nextValue, dom, isSVG, hasControlledValue, lastVNode, animations) {
                switch (prop) {
                    case "children":
                    case "childrenType":
                    case "className":
                    case "defaultValue":
                    case "key":
                    case "multiple":
                    case "ref":
                    case "selectedIndex":
                        break;
                    case "autoFocus":
                        dom.autofocus = !!nextValue;
                        break;
                    case "allowfullscreen":
                    case "autoplay":
                    case "capture":
                    case "checked":
                    case "controls":
                    case "default":
                    case "disabled":
                    case "hidden":
                    case "indeterminate":
                    case "loop":
                    case "muted":
                    case "novalidate":
                    case "open":
                    case "readOnly":
                    case "required":
                    case "reversed":
                    case "scoped":
                    case "seamless":
                    case "selected":
                        dom[prop] = !!nextValue;
                        break;
                    case "defaultChecked":
                    case "value":
                    case "volume":
                        if (hasControlledValue && "value" === prop) {
                            break
                        }
                        var value = isNullOrUndef(nextValue) ? "" : nextValue;
                        if (dom[prop] !== value) {
                            dom[prop] = value
                        }
                        break;
                    case "style":
                        ! function(lastAttrValue, nextAttrValue, dom) {
                            if (isNullOrUndef(nextAttrValue)) {
                                dom.removeAttribute("style");
                                return
                            }
                            var domStyle = dom.style;
                            var style;
                            var value;
                            if (isString(nextAttrValue)) {
                                domStyle.cssText = nextAttrValue;
                                return
                            }
                            if (!isNullOrUndef(lastAttrValue) && !isString(lastAttrValue)) {
                                for (style in nextAttrValue) {
                                    value = nextAttrValue[style];
                                    if (value !== lastAttrValue[style]) {
                                        domStyle.setProperty(style, value)
                                    }
                                }
                                for (style in lastAttrValue) {
                                    if (isNullOrUndef(nextAttrValue[style])) {
                                        domStyle.removeProperty(style)
                                    }
                                }
                            } else {
                                for (style in nextAttrValue) {
                                    value = nextAttrValue[style];
                                    domStyle.setProperty(style, value)
                                }
                            }
                        }(lastValue, nextValue, dom);
                        break;
                    case "dangerouslySetInnerHTML":
                        patchDangerInnerHTML(lastValue, nextValue, lastVNode, dom, animations);
                        break;
                    default:
                        if (syntheticEvents[prop]) {
                            ! function(name, lastEvent, nextEvent, dom) {
                                if (isFunction(nextEvent)) {
                                    updateOrAddSyntheticEvent(name, dom)[name] = nextEvent
                                } else if (isLinkEventObject(nextEvent)) {
                                    if (isLastValueSameLinkEvent(lastEvent, nextEvent)) {
                                        return
                                    }
                                    updateOrAddSyntheticEvent(name, dom)[name] = nextEvent
                                } else {
                                    unmountSyntheticEvent(name, dom)
                                }
                            }(prop, lastValue, nextValue, dom)
                        } else if (111 === prop.charCodeAt(0) && 110 === prop.charCodeAt(1)) {
                            ! function(name, lastValue, nextValue, dom) {
                                if (isLinkEventObject(nextValue)) {
                                    if (isLastValueSameLinkEvent(lastValue, nextValue)) {
                                        return
                                    }
                                    nextValue = function(nextValue) {
                                        var ev = nextValue.event;
                                        return function(e) {
                                            ev(nextValue.data, e)
                                        }
                                    }(nextValue)
                                }
                                attachEvent(dom, normalizeEventName(name), nextValue)
                            }(prop, lastValue, nextValue, dom)
                        } else if (isNullOrUndef(nextValue)) {
                            dom.removeAttribute(prop)
                        } else if (isSVG && namespaces[prop]) {
                            dom.setAttributeNS(namespaces[prop], prop, nextValue)
                        } else {
                            dom.setAttribute(prop, nextValue)
                        }
                }
            }

            function mountProps(vNode, flags, props, dom, isSVG, animations) {
                var hasControlledValue = false;
                var isFormElement = (448 & flags) > 0;
                if (isFormElement) {
                    hasControlledValue = isControlledFormElement(props);
                    if (hasControlledValue) {
                        addFormElementEventHandlers(flags, dom, props)
                    }
                }
                for (var prop in props) {
                    patchProp(prop, null, props[prop], dom, isSVG, hasControlledValue, null, animations)
                }
                if (isFormElement) {
                    processElement(flags, vNode, dom, props, true, hasControlledValue)
                }
            }

            function renderNewInput(instance, props, context) {
                var nextInput = normalizeRoot(instance.render(props, instance.state, context));
                var childContext = context;
                if (isFunction(instance.getChildContext)) {
                    childContext = combineFrom(context, instance.getChildContext())
                }
                instance.$CX = childContext;
                return nextInput
            }

            function createClassComponentInstance(vNode, Component, props, context, isSVG, lifecycle) {
                var instance = new Component(props, context);
                var usesNewAPI = instance.$N = Boolean(Component.getDerivedStateFromProps || instance.getSnapshotBeforeUpdate);
                instance.$SVG = isSVG;
                instance.$L = lifecycle;
                vNode.children = instance;
                instance.$BS = false;
                instance.context = context;
                if (instance.props === EMPTY_OBJ) {
                    instance.props = props
                }
                if (!usesNewAPI) {
                    if (isFunction(instance.componentWillMount)) {
                        instance.$BR = true;
                        instance.componentWillMount();
                        var pending = instance.$PS;
                        if (!isNull(pending)) {
                            var state = instance.state;
                            if (isNull(state)) {
                                instance.state = pending
                            } else {
                                for (var key in pending) {
                                    state[key] = pending[key]
                                }
                            }
                            instance.$PS = null
                        }
                        instance.$BR = false
                    }
                } else {
                    instance.state = createDerivedState(instance, props, instance.state)
                }
                instance.$LI = renderNewInput(instance, props, context);
                return instance
            }

            function renderFunctionalComponent(vNode, context) {
                var props = vNode.props || EMPTY_OBJ;
                return 32768 & vNode.flags ? vNode.type.render(props, vNode.ref, context) : vNode.type(props, context)
            }

            function mount(vNode, parentDOM, context, isSVG, nextNode, lifecycle, animations) {
                var flags = vNode.flags |= 16384;
                if (481 & flags) {
                    mountElement(vNode, parentDOM, context, isSVG, nextNode, lifecycle, animations)
                } else if (4 & flags) {
                    ! function(vNode, parentDOM, context, isSVG, nextNode, lifecycle, animations) {
                        var instance = createClassComponentInstance(vNode, vNode.type, vNode.props || EMPTY_OBJ, context, isSVG, lifecycle);
                        var childAnimations = animations;
                        if (isFunction(instance.componentDidAppear)) {
                            childAnimations = new AnimationQueues
                        }
                        mount(instance.$LI, parentDOM, instance.$CX, isSVG, nextNode, lifecycle, childAnimations);
                        mountClassComponentCallbacks(vNode.ref, instance, lifecycle, animations)
                    }(vNode, parentDOM, context, isSVG, nextNode, lifecycle, animations)
                } else if (8 & flags) {
                    ! function(vNode, parentDOM, context, isSVG, nextNode, lifecycle, animations) {
                        var ref = vNode.ref;
                        var childAnimations = animations;
                        if (!isNullOrUndef(ref) && isFunction(ref.onComponentDidAppear)) {
                            childAnimations = new AnimationQueues
                        }
                        mount(vNode.children = normalizeRoot(renderFunctionalComponent(vNode, context)), parentDOM, context, isSVG, nextNode, lifecycle, childAnimations);
                        mountFunctionalComponentCallbacks(vNode, lifecycle, animations)
                    }(vNode, parentDOM, context, isSVG, nextNode, lifecycle, animations)
                } else if (16 & flags) {
                    mountText(vNode, parentDOM, nextNode)
                } else if (8192 & flags) {
                    ! function(vNode, context, parentDOM, isSVG, nextNode, lifecycle, animations) {
                        var children = vNode.children;
                        var childFlags = vNode.childFlags;
                        if (12 & childFlags && 0 === children.length) {
                            childFlags = vNode.childFlags = 2;
                            children = vNode.children = createVoidVNode()
                        }
                        if (2 === childFlags) {
                            mount(children, parentDOM, context, isSVG, nextNode, lifecycle, animations)
                        } else {
                            mountArrayChildren(children, parentDOM, context, isSVG, nextNode, lifecycle, animations)
                        }
                    }(vNode, context, parentDOM, isSVG, nextNode, lifecycle, animations)
                } else if (1024 & flags) {
                    ! function(vNode, context, parentDOM, nextNode, lifecycle, animations) {
                        mount(vNode.children, vNode.ref, context, false, null, lifecycle, animations);
                        var placeHolderVNode = createVoidVNode();
                        mountText(placeHolderVNode, parentDOM, nextNode);
                        vNode.dom = placeHolderVNode.dom
                    }(vNode, context, parentDOM, nextNode, lifecycle, animations)
                }
            }

            function mountText(vNode, parentDOM, nextNode) {
                var dom = vNode.dom = document.createTextNode(vNode.children);
                if (!isNull(parentDOM)) {
                    insertOrAppend(parentDOM, dom, nextNode)
                }
            }

            function mountElement(vNode, parentDOM, context, isSVG, nextNode, lifecycle, animations) {
                var flags = vNode.flags;
                var props = vNode.props;
                var className = vNode.className;
                var childFlags = vNode.childFlags;
                var dom = vNode.dom = function(tag, isSVG) {
                    if (isSVG) {
                        return document.createElementNS("http://www.w3.org/2000/svg", tag)
                    }
                    return document.createElement(tag)
                }(vNode.type, isSVG = isSVG || (32 & flags) > 0);
                var children = vNode.children;
                if (!isNullOrUndef(className) && "" !== className) {
                    if (isSVG) {
                        dom.setAttribute("class", className)
                    } else {
                        dom.className = className
                    }
                }
                if (16 === childFlags) {
                    setTextContent(dom, children)
                } else if (1 !== childFlags) {
                    var childrenIsSVG = isSVG && "foreignObject" !== vNode.type;
                    if (2 === childFlags) {
                        if (16384 & children.flags) {
                            vNode.children = children = directClone(children)
                        }
                        mount(children, dom, context, childrenIsSVG, null, lifecycle, animations)
                    } else if (8 === childFlags || 4 === childFlags) {
                        mountArrayChildren(children, dom, context, childrenIsSVG, null, lifecycle, animations)
                    }
                }
                if (!isNull(parentDOM)) {
                    insertOrAppend(parentDOM, dom, nextNode)
                }
                if (!isNull(props)) {
                    mountProps(vNode, flags, props, dom, isSVG, animations)
                }
                mountRef(vNode.ref, dom, lifecycle)
            }

            function mountArrayChildren(children, dom, context, isSVG, nextNode, lifecycle, animations) {
                for (var i = 0; i < children.length; ++i) {
                    var child = children[i];
                    if (16384 & child.flags) {
                        children[i] = child = directClone(child)
                    }
                    mount(child, dom, context, isSVG, nextNode, lifecycle, animations)
                }
            }

            function addAppearAnimationHook(animations, instanceOrRef, dom, flags, props) {
                animations.componentDidAppear.push(function() {
                    if (4 & flags) {
                        instanceOrRef.componentDidAppear(dom)
                    } else if (8 & flags) {
                        instanceOrRef.onComponentDidAppear(dom, props)
                    }
                })
            }

            function mountClassComponentCallbacks(ref, instance, lifecycle, animations) {
                mountRef(ref, instance, lifecycle);
                if (isFunction(instance.componentDidMount)) {
                    lifecycle.push(function(instance) {
                        return function() {
                            instance.componentDidMount()
                        }
                    }(instance))
                }
                if (isFunction(instance.componentDidAppear)) {
                    addAppearAnimationHook(animations, instance, instance.$LI.dom, 4, void 0)
                }
            }

            function mountFunctionalComponentCallbacks(vNode, lifecycle, animations) {
                var ref = vNode.ref;
                if (!isNullOrUndef(ref)) {
                    safeCall1(ref.onComponentWillMount, vNode.props || EMPTY_OBJ);
                    if (isFunction(ref.onComponentDidMount)) {
                        lifecycle.push(function(ref, vNode) {
                            return function() {
                                ref.onComponentDidMount(findDOMFromVNode(vNode, true), vNode.props || EMPTY_OBJ)
                            }
                        }(ref, vNode))
                    }
                    if (isFunction(ref.onComponentDidAppear)) {
                        addAppearAnimationHook(animations, ref, findDOMFromVNode(vNode, true), 8, vNode.props)
                    }
                }
            }

            function patch(lastVNode, nextVNode, parentDOM, context, isSVG, nextNode, lifecycle, animations) {
                var nextFlags = nextVNode.flags |= 16384;
                if (lastVNode.flags !== nextFlags || lastVNode.type !== nextVNode.type || lastVNode.key !== nextVNode.key || 2048 & nextFlags) {
                    if (16384 & lastVNode.flags) {
                        ! function(lastVNode, nextVNode, parentDOM, context, isSVG, lifecycle, animations) {
                            unmount(lastVNode, animations);
                            if (0 !== (nextVNode.flags & lastVNode.flags & 1521)) {
                                mount(nextVNode, null, context, isSVG, null, lifecycle, animations);
                                ! function(parentDOM, newDom, lastDom) {
                                    parentDOM.replaceChild(newDom, lastDom)
                                }(parentDOM, nextVNode.dom, lastVNode.dom)
                            } else {
                                mount(nextVNode, parentDOM, context, isSVG, findDOMFromVNode(lastVNode, true), lifecycle, animations);
                                removeVNodeDOM(lastVNode, parentDOM, animations)
                            }
                        }(lastVNode, nextVNode, parentDOM, context, isSVG, lifecycle, animations)
                    } else {
                        mount(nextVNode, parentDOM, context, isSVG, nextNode, lifecycle, animations)
                    }
                } else if (481 & nextFlags) {
                    ! function(lastVNode, nextVNode, context, isSVG, nextFlags, lifecycle, animations) {
                        var dom = nextVNode.dom = lastVNode.dom;
                        var lastProps = lastVNode.props;
                        var nextProps = nextVNode.props;
                        var isFormElement = false;
                        var hasControlledValue = false;
                        var nextPropsOrEmpty;
                        isSVG = isSVG || (32 & nextFlags) > 0;
                        if (lastProps !== nextProps) {
                            var lastPropsOrEmpty = lastProps || EMPTY_OBJ;
                            nextPropsOrEmpty = nextProps || EMPTY_OBJ;
                            if (nextPropsOrEmpty !== EMPTY_OBJ) {
                                isFormElement = (448 & nextFlags) > 0;
                                if (isFormElement) {
                                    hasControlledValue = isControlledFormElement(nextPropsOrEmpty)
                                }
                                for (var prop in nextPropsOrEmpty) {
                                    var lastValue = lastPropsOrEmpty[prop];
                                    var nextValue = nextPropsOrEmpty[prop];
                                    if (lastValue !== nextValue) {
                                        patchProp(prop, lastValue, nextValue, dom, isSVG, hasControlledValue, lastVNode, animations)
                                    }
                                }
                            }
                            if (lastPropsOrEmpty !== EMPTY_OBJ) {
                                for (var _prop in lastPropsOrEmpty) {
                                    if (isNullOrUndef(nextPropsOrEmpty[_prop]) && !isNullOrUndef(lastPropsOrEmpty[_prop])) {
                                        patchProp(_prop, lastPropsOrEmpty[_prop], null, dom, isSVG, hasControlledValue, lastVNode, animations)
                                    }
                                }
                            }
                        }
                        var nextChildren = nextVNode.children;
                        var nextClassName = nextVNode.className;
                        if (lastVNode.className !== nextClassName) {
                            if (isNullOrUndef(nextClassName)) {
                                dom.removeAttribute("class")
                            } else if (isSVG) {
                                dom.setAttribute("class", nextClassName)
                            } else {
                                dom.className = nextClassName
                            }
                        }
                        if (4096 & nextFlags) {
                            ! function(dom, nextChildren) {
                                if (dom.textContent !== nextChildren) {
                                    dom.textContent = nextChildren
                                }
                            }(dom, nextChildren)
                        } else {
                            patchChildren(lastVNode.childFlags, nextVNode.childFlags, lastVNode.children, nextChildren, dom, context, isSVG && "foreignObject" !== nextVNode.type, null, lastVNode, lifecycle, animations)
                        }
                        if (isFormElement) {
                            processElement(nextFlags, nextVNode, dom, nextPropsOrEmpty, false, hasControlledValue)
                        }
                        var nextRef = nextVNode.ref;
                        var lastRef = lastVNode.ref;
                        if (lastRef !== nextRef) {
                            unmountRef(lastRef);
                            mountRef(nextRef, dom, lifecycle)
                        }
                    }(lastVNode, nextVNode, context, isSVG, nextFlags, lifecycle, animations)
                } else if (4 & nextFlags) {
                    ! function(lastVNode, nextVNode, parentDOM, context, isSVG, nextNode, lifecycle, animations) {
                        var instance = nextVNode.children = lastVNode.children;
                        if (isNull(instance)) {
                            return
                        }
                        instance.$L = lifecycle;
                        var nextProps = nextVNode.props || EMPTY_OBJ;
                        var nextRef = nextVNode.ref;
                        var lastRef = lastVNode.ref;
                        var nextState = instance.state;
                        if (!instance.$N) {
                            if (isFunction(instance.componentWillReceiveProps)) {
                                instance.$BR = true;
                                instance.componentWillReceiveProps(nextProps, context);
                                if (instance.$UN) {
                                    return
                                }
                                instance.$BR = false
                            }
                            if (!isNull(instance.$PS)) {
                                nextState = combineFrom(nextState, instance.$PS);
                                instance.$PS = null
                            }
                        }
                        updateClassComponent(instance, nextState, nextProps, parentDOM, context, isSVG, false, nextNode, lifecycle, animations);
                        if (lastRef !== nextRef) {
                            unmountRef(lastRef);
                            mountRef(nextRef, instance, lifecycle)
                        }
                    }(lastVNode, nextVNode, parentDOM, context, isSVG, nextNode, lifecycle, animations)
                } else if (8 & nextFlags) {
                    ! function(lastVNode, nextVNode, parentDOM, context, isSVG, nextNode, lifecycle, animations) {
                        var shouldUpdate = true;
                        var nextProps = nextVNode.props || EMPTY_OBJ;
                        var nextRef = nextVNode.ref;
                        var lastProps = lastVNode.props;
                        var nextHooksDefined = !isNullOrUndef(nextRef);
                        var lastInput = lastVNode.children;
                        if (nextHooksDefined && isFunction(nextRef.onComponentShouldUpdate)) {
                            shouldUpdate = nextRef.onComponentShouldUpdate(lastProps, nextProps)
                        }
                        if (false !== shouldUpdate) {
                            if (nextHooksDefined && isFunction(nextRef.onComponentWillUpdate)) {
                                nextRef.onComponentWillUpdate(lastProps, nextProps)
                            }
                            var nextInput = normalizeRoot(renderFunctionalComponent(nextVNode, context));
                            patch(lastInput, nextInput, parentDOM, context, isSVG, nextNode, lifecycle, animations);
                            nextVNode.children = nextInput;
                            if (nextHooksDefined && isFunction(nextRef.onComponentDidUpdate)) {
                                nextRef.onComponentDidUpdate(lastProps, nextProps)
                            }
                        } else {
                            nextVNode.children = lastInput
                        }
                    }(lastVNode, nextVNode, parentDOM, context, isSVG, nextNode, lifecycle, animations)
                } else if (16 & nextFlags) {
                    ! function(lastVNode, nextVNode) {
                        var nextText = nextVNode.children;
                        var dom = nextVNode.dom = lastVNode.dom;
                        if (nextText !== lastVNode.children) {
                            dom.nodeValue = nextText
                        }
                    }(lastVNode, nextVNode)
                } else if (8192 & nextFlags) {
                    ! function(lastVNode, nextVNode, parentDOM, context, isSVG, lifecycle, animations) {
                        var lastChildren = lastVNode.children;
                        var nextChildren = nextVNode.children;
                        var lastChildFlags = lastVNode.childFlags;
                        var nextChildFlags = nextVNode.childFlags;
                        var nextNode = null;
                        if (12 & nextChildFlags && 0 === nextChildren.length) {
                            nextChildFlags = nextVNode.childFlags = 2;
                            nextChildren = nextVNode.children = createVoidVNode()
                        }
                        var nextIsSingle = 0 !== (2 & nextChildFlags);
                        if (12 & lastChildFlags) {
                            var lastLen = lastChildren.length;
                            if (8 & lastChildFlags && 8 & nextChildFlags || nextIsSingle || !nextIsSingle && nextChildren.length > lastLen) {
                                nextNode = findDOMFromVNode(lastChildren[lastLen - 1], false).nextSibling
                            }
                        }
                        patchChildren(lastChildFlags, nextChildFlags, lastChildren, nextChildren, parentDOM, context, isSVG, nextNode, lastVNode, lifecycle, animations)
                    }(lastVNode, nextVNode, parentDOM, context, isSVG, lifecycle, animations)
                } else {
                    ! function(lastVNode, nextVNode, context, lifecycle, animations) {
                        var lastContainer = lastVNode.ref;
                        var nextContainer = nextVNode.ref;
                        var nextChildren = nextVNode.children;
                        patchChildren(lastVNode.childFlags, nextVNode.childFlags, lastVNode.children, nextChildren, lastContainer, context, false, null, lastVNode, lifecycle, animations);
                        nextVNode.dom = lastVNode.dom;
                        if (lastContainer !== nextContainer && !isInvalid(nextChildren)) {
                            var node = nextChildren.dom;
                            removeChild(lastContainer, node);
                            appendChild(nextContainer, node)
                        }
                    }(lastVNode, nextVNode, context, lifecycle, animations)
                }
            }

            function patchChildren(lastChildFlags, nextChildFlags, lastChildren, nextChildren, parentDOM, context, isSVG, nextNode, parentVNode, lifecycle, animations) {
                switch (lastChildFlags) {
                    case 2:
                        switch (nextChildFlags) {
                            case 2:
                                patch(lastChildren, nextChildren, parentDOM, context, isSVG, nextNode, lifecycle, animations);
                                break;
                            case 1:
                                remove(lastChildren, parentDOM, animations);
                                break;
                            case 16:
                                unmount(lastChildren, animations);
                                setTextContent(parentDOM, nextChildren);
                                break;
                            default:
                                ! function(lastChildren, nextChildren, parentDOM, context, isSVG, lifecycle, animations) {
                                    unmount(lastChildren, animations);
                                    mountArrayChildren(nextChildren, parentDOM, context, isSVG, findDOMFromVNode(lastChildren, true), lifecycle, animations);
                                    removeVNodeDOM(lastChildren, parentDOM, animations)
                                }(lastChildren, nextChildren, parentDOM, context, isSVG, lifecycle, animations)
                        }
                        break;
                    case 1:
                        switch (nextChildFlags) {
                            case 2:
                                mount(nextChildren, parentDOM, context, isSVG, nextNode, lifecycle, animations);
                                break;
                            case 1:
                                break;
                            case 16:
                                setTextContent(parentDOM, nextChildren);
                                break;
                            default:
                                mountArrayChildren(nextChildren, parentDOM, context, isSVG, nextNode, lifecycle, animations)
                        }
                        break;
                    case 16:
                        switch (nextChildFlags) {
                            case 16:
                                ! function(lastChildren, nextChildren, parentDOM) {
                                    if (lastChildren !== nextChildren) {
                                        if ("" !== lastChildren) {
                                            parentDOM.firstChild.nodeValue = nextChildren
                                        } else {
                                            setTextContent(parentDOM, nextChildren)
                                        }
                                    }
                                }(lastChildren, nextChildren, parentDOM);
                                break;
                            case 2:
                                clearDOM(parentDOM, lastChildren, animations);
                                mount(nextChildren, parentDOM, context, isSVG, nextNode, lifecycle, animations);
                                break;
                            case 1:
                                clearDOM(parentDOM, lastChildren, animations);
                                break;
                            default:
                                clearDOM(parentDOM, lastChildren, animations);
                                mountArrayChildren(nextChildren, parentDOM, context, isSVG, nextNode, lifecycle, animations)
                        }
                        break;
                    default:
                        switch (nextChildFlags) {
                            case 16:
                                unmountAllChildren(lastChildren, animations);
                                setTextContent(parentDOM, nextChildren);
                                break;
                            case 2:
                                removeAllChildren(parentDOM, parentVNode, lastChildren, animations);
                                mount(nextChildren, parentDOM, context, isSVG, nextNode, lifecycle, animations);
                                break;
                            case 1:
                                removeAllChildren(parentDOM, parentVNode, lastChildren, animations);
                                break;
                            default:
                                var lastLength = 0 | lastChildren.length;
                                var nextLength = 0 | nextChildren.length;
                                if (0 === lastLength) {
                                    if (nextLength > 0) {
                                        mountArrayChildren(nextChildren, parentDOM, context, isSVG, nextNode, lifecycle, animations)
                                    }
                                } else if (0 === nextLength) {
                                    removeAllChildren(parentDOM, parentVNode, lastChildren, animations)
                                } else if (8 === nextChildFlags && 8 === lastChildFlags) {
                                    ! function(a, b, dom, context, isSVG, aLength, bLength, outerEdge, parentVNode, lifecycle, animations) {
                                        var aEnd = aLength - 1;
                                        var bEnd = bLength - 1;
                                        var j = 0;
                                        var aNode = a[j];
                                        var bNode = b[j];
                                        var nextPos;
                                        var nextNode;
                                        outer: {
                                            while (aNode.key === bNode.key) {
                                                if (16384 & bNode.flags) {
                                                    b[j] = bNode = directClone(bNode)
                                                }
                                                patch(aNode, bNode, dom, context, isSVG, outerEdge, lifecycle, animations);
                                                a[j] = bNode;
                                                ++j;
                                                if (j > aEnd || j > bEnd) {
                                                    break outer
                                                }
                                                aNode = a[j];
                                                bNode = b[j]
                                            }
                                            aNode = a[aEnd];bNode = b[bEnd];
                                            while (aNode.key === bNode.key) {
                                                if (16384 & bNode.flags) {
                                                    b[bEnd] = bNode = directClone(bNode)
                                                }
                                                patch(aNode, bNode, dom, context, isSVG, outerEdge, lifecycle, animations);
                                                a[aEnd] = bNode;
                                                aEnd--;
                                                bEnd--;
                                                if (j > aEnd || j > bEnd) {
                                                    break outer
                                                }
                                                aNode = a[aEnd];
                                                bNode = b[bEnd]
                                            }
                                        }
                                        if (j > aEnd) {
                                            if (j <= bEnd) {
                                                nextPos = bEnd + 1;
                                                nextNode = nextPos < bLength ? findDOMFromVNode(b[nextPos], true) : outerEdge;
                                                while (j <= bEnd) {
                                                    bNode = b[j];
                                                    if (16384 & bNode.flags) {
                                                        b[j] = bNode = directClone(bNode)
                                                    }++j;
                                                    mount(bNode, dom, context, isSVG, nextNode, lifecycle, animations)
                                                }
                                            }
                                        } else if (j > bEnd) {
                                            while (j <= aEnd) {
                                                remove(a[j++], dom, animations)
                                            }
                                        } else {
                                            ! function(a, b, context, aLength, bLength, aEnd, bEnd, j, dom, isSVG, outerEdge, parentVNode, lifecycle, animations) {
                                                var aNode;
                                                var bNode;
                                                var nextPos = 0;
                                                var i = 0;
                                                var aStart = j;
                                                var bStart = j;
                                                var aLeft = aEnd - j + 1;
                                                var bLeft = bEnd - j + 1;
                                                var sources = new Int32Array(bLeft + 1);
                                                var canRemoveWholeContent = aLeft === aLength;
                                                var moved = false;
                                                var pos = 0;
                                                var patched = 0;
                                                if (bLength < 4 || (aLeft | bLeft) < 32) {
                                                    for (i = aStart; i <= aEnd; ++i) {
                                                        aNode = a[i];
                                                        if (patched < bLeft) {
                                                            for (j = bStart; j <= bEnd; j++) {
                                                                bNode = b[j];
                                                                if (aNode.key === bNode.key) {
                                                                    sources[j - bStart] = i + 1;
                                                                    if (canRemoveWholeContent) {
                                                                        canRemoveWholeContent = false;
                                                                        while (aStart < i) {
                                                                            remove(a[aStart++], dom, animations)
                                                                        }
                                                                    }
                                                                    if (pos > j) {
                                                                        moved = true
                                                                    } else {
                                                                        pos = j
                                                                    }
                                                                    if (16384 & bNode.flags) {
                                                                        b[j] = bNode = directClone(bNode)
                                                                    }
                                                                    patch(aNode, bNode, dom, context, isSVG, outerEdge, lifecycle, animations);
                                                                    ++patched;
                                                                    break
                                                                }
                                                            }
                                                            if (!canRemoveWholeContent && j > bEnd) {
                                                                remove(aNode, dom, animations)
                                                            }
                                                        } else if (!canRemoveWholeContent) {
                                                            remove(aNode, dom, animations)
                                                        }
                                                    }
                                                } else {
                                                    var keyIndex = {};
                                                    for (i = bStart; i <= bEnd; ++i) {
                                                        keyIndex[b[i].key] = i
                                                    }
                                                    for (i = aStart; i <= aEnd; ++i) {
                                                        aNode = a[i];
                                                        if (patched < bLeft) {
                                                            j = keyIndex[aNode.key];
                                                            if (void 0 !== j) {
                                                                if (canRemoveWholeContent) {
                                                                    canRemoveWholeContent = false;
                                                                    while (i > aStart) {
                                                                        remove(a[aStart++], dom, animations)
                                                                    }
                                                                }
                                                                sources[j - bStart] = i + 1;
                                                                if (pos > j) {
                                                                    moved = true
                                                                } else {
                                                                    pos = j
                                                                }
                                                                bNode = b[j];
                                                                if (16384 & bNode.flags) {
                                                                    b[j] = bNode = directClone(bNode)
                                                                }
                                                                patch(aNode, bNode, dom, context, isSVG, outerEdge, lifecycle, animations);
                                                                ++patched
                                                            } else if (!canRemoveWholeContent) {
                                                                remove(aNode, dom, animations)
                                                            }
                                                        } else if (!canRemoveWholeContent) {
                                                            remove(aNode, dom, animations)
                                                        }
                                                    }
                                                }
                                                if (canRemoveWholeContent) {
                                                    removeAllChildren(dom, parentVNode, a, animations);
                                                    mountArrayChildren(b, dom, context, isSVG, outerEdge, lifecycle, animations)
                                                } else if (moved) {
                                                    var seq = function(arr) {
                                                        var arrI = 0;
                                                        var i = 0;
                                                        var j = 0;
                                                        var k = 0;
                                                        var u = 0;
                                                        var v = 0;
                                                        var c = 0;
                                                        var len = arr.length;
                                                        if (len > maxLen) {
                                                            maxLen = len;
                                                            result = new Int32Array(len);
                                                            p = new Int32Array(len)
                                                        }
                                                        for (; i < len; ++i) {
                                                            arrI = arr[i];
                                                            if (0 !== arrI) {
                                                                j = result[k];
                                                                if (arr[j] < arrI) {
                                                                    p[i] = j;
                                                                    result[++k] = i;
                                                                    continue
                                                                }
                                                                u = 0;
                                                                v = k;
                                                                while (u < v) {
                                                                    c = u + v >> 1;
                                                                    if (arr[result[c]] < arrI) {
                                                                        u = c + 1
                                                                    } else {
                                                                        v = c
                                                                    }
                                                                }
                                                                if (arrI < arr[result[u]]) {
                                                                    if (u > 0) {
                                                                        p[i] = result[u - 1]
                                                                    }
                                                                    result[u] = i
                                                                }
                                                            }
                                                        }
                                                        u = k + 1;
                                                        var seq = new Int32Array(u);
                                                        v = result[u - 1];
                                                        while (u-- > 0) {
                                                            seq[u] = v;
                                                            v = p[v];
                                                            result[u] = 0
                                                        }
                                                        return seq
                                                    }(sources);
                                                    j = seq.length - 1;
                                                    for (i = bLeft - 1; i >= 0; i--) {
                                                        if (0 === sources[i]) {
                                                            pos = i + bStart;
                                                            bNode = b[pos];
                                                            if (16384 & bNode.flags) {
                                                                b[pos] = bNode = directClone(bNode)
                                                            }
                                                            nextPos = pos + 1;
                                                            mount(bNode, dom, context, isSVG, nextPos < bLength ? findDOMFromVNode(b[nextPos], true) : outerEdge, lifecycle, animations)
                                                        } else if (j < 0 || i !== seq[j]) {
                                                            pos = i + bStart;
                                                            bNode = b[pos];
                                                            nextPos = pos + 1;
                                                            moveVNodeDOM(parentVNode, bNode, dom, nextPos < bLength ? findDOMFromVNode(b[nextPos], true) : outerEdge, animations)
                                                        } else {
                                                            j--
                                                        }
                                                    }
                                                    if (animations.componentWillMove.length > 0) {
                                                        ! function(animationQueue) {
                                                            for (var i = 0; i < animationQueue.length; i++) {
                                                                animationQueue[i].fn()
                                                            }
                                                            for (var _i = 0; _i < animationQueue.length; _i++) {
                                                                var tmp = animationQueue[_i];
                                                                insertOrAppend(tmp.parent, tmp.dom, tmp.next)
                                                            }
                                                            animationQueue.splice(0, animationQueue.length)
                                                        }(animations.componentWillMove)
                                                    }
                                                } else if (patched !== bLeft) {
                                                    for (i = bLeft - 1; i >= 0; i--) {
                                                        if (0 === sources[i]) {
                                                            pos = i + bStart;
                                                            bNode = b[pos];
                                                            if (16384 & bNode.flags) {
                                                                b[pos] = bNode = directClone(bNode)
                                                            }
                                                            nextPos = pos + 1;
                                                            mount(bNode, dom, context, isSVG, nextPos < bLength ? findDOMFromVNode(b[nextPos], true) : outerEdge, lifecycle, animations)
                                                        }
                                                    }
                                                }
                                            }(a, b, context, aLength, bLength, aEnd, bEnd, j, dom, isSVG, outerEdge, parentVNode, lifecycle, animations)
                                        }
                                    }(lastChildren, nextChildren, parentDOM, context, isSVG, lastLength, nextLength, nextNode, parentVNode, lifecycle, animations)
                                } else {
                                    ! function(lastChildren, nextChildren, dom, context, isSVG, lastChildrenLength, nextChildrenLength, nextNode, lifecycle, animations) {
                                        var commonLength = lastChildrenLength > nextChildrenLength ? nextChildrenLength : lastChildrenLength;
                                        var i = 0;
                                        var nextChild;
                                        var lastChild;
                                        for (; i < commonLength; ++i) {
                                            nextChild = nextChildren[i];
                                            lastChild = lastChildren[i];
                                            if (16384 & nextChild.flags) {
                                                nextChild = nextChildren[i] = directClone(nextChild)
                                            }
                                            patch(lastChild, nextChild, dom, context, isSVG, nextNode, lifecycle, animations);
                                            lastChildren[i] = nextChild
                                        }
                                        if (lastChildrenLength < nextChildrenLength) {
                                            for (i = commonLength; i < nextChildrenLength; ++i) {
                                                nextChild = nextChildren[i];
                                                if (16384 & nextChild.flags) {
                                                    nextChild = nextChildren[i] = directClone(nextChild)
                                                }
                                                mount(nextChild, dom, context, isSVG, nextNode, lifecycle, animations)
                                            }
                                        } else if (lastChildrenLength > nextChildrenLength) {
                                            for (i = commonLength; i < lastChildrenLength; ++i) {
                                                remove(lastChildren[i], dom, animations)
                                            }
                                        }
                                    }(lastChildren, nextChildren, parentDOM, context, isSVG, lastLength, nextLength, nextNode, lifecycle, animations)
                                }
                        }
                }
            }

            function updateClassComponent(instance, nextState, nextProps, parentDOM, context, isSVG, force, nextNode, lifecycle, animations) {
                var lastState = instance.state;
                var lastProps = instance.props;
                var usesNewAPI = Boolean(instance.$N);
                var hasSCU = isFunction(instance.shouldComponentUpdate);
                if (usesNewAPI) {
                    nextState = createDerivedState(instance, nextProps, nextState !== lastState ? combineFrom(lastState, nextState) : nextState)
                }
                if (force || !hasSCU || hasSCU && instance.shouldComponentUpdate(nextProps, nextState, context)) {
                    if (!usesNewAPI && isFunction(instance.componentWillUpdate)) {
                        instance.componentWillUpdate(nextProps, nextState, context)
                    }
                    instance.props = nextProps;
                    instance.state = nextState;
                    instance.context = context;
                    var snapshot = null;
                    var nextInput = renderNewInput(instance, nextProps, context);
                    if (usesNewAPI && isFunction(instance.getSnapshotBeforeUpdate)) {
                        snapshot = instance.getSnapshotBeforeUpdate(lastProps, lastState)
                    }
                    patch(instance.$LI, nextInput, parentDOM, instance.$CX, isSVG, nextNode, lifecycle, animations);
                    instance.$LI = nextInput;
                    if (isFunction(instance.componentDidUpdate)) {
                        ! function(instance, lastProps, lastState, snapshot, lifecycle) {
                            lifecycle.push(function() {
                                instance.componentDidUpdate(lastProps, lastState, snapshot)
                            })
                        }(instance, lastProps, lastState, snapshot, lifecycle)
                    }
                } else {
                    instance.props = nextProps;
                    instance.state = nextState;
                    instance.context = context
                }
            }
            var result;
            var p;
            var maxLen = 0;
            var hasDocumentAvailable = "undefined" !== typeof document;
            if (hasDocumentAvailable) {
                if (window.Node) {
                    Node.prototype.$EV = null;
                    Node.prototype.$V = null
                }
            }

            function __render(input, parentDOM, callback, context) {
                var lifecycle = [];
                var animations = new AnimationQueues;
                var rootInput = parentDOM.$V;
                renderCheck.v = true;
                if (isNullOrUndef(rootInput)) {
                    if (!isNullOrUndef(input)) {
                        if (16384 & input.flags) {
                            input = directClone(input)
                        }
                        mount(input, parentDOM, context, false, null, lifecycle, animations);
                        parentDOM.$V = input;
                        rootInput = input
                    }
                } else if (isNullOrUndef(input)) {
                    remove(rootInput, parentDOM, animations);
                    parentDOM.$V = null
                } else {
                    if (16384 & input.flags) {
                        input = directClone(input)
                    }
                    patch(rootInput, input, parentDOM, context, false, null, lifecycle, animations);
                    rootInput = parentDOM.$V = input
                }
                callAll(lifecycle);
                callAllAnimationHooks(animations.componentDidAppear);
                renderCheck.v = false;
                if (isFunction(callback)) {
                    callback()
                }
                if (isFunction(options.renderComplete)) {
                    options.renderComplete(rootInput, parentDOM)
                }
            }

            function render(input, parentDOM, callback, context) {
                if (void 0 === callback) {
                    callback = null
                }
                if (void 0 === context) {
                    context = EMPTY_OBJ
                }
                __render(input, parentDOM, callback, context)
            }

            function createRenderer(parentDOM) {
                return function(lastInput, nextInput, callback, context) {
                    if (!parentDOM) {
                        parentDOM = lastInput
                    }
                    render(nextInput, parentDOM, callback, context)
                }
            }
            var COMPONENTS_QUEUE = [];
            var nextTick = "undefined" !== typeof Promise ? Promise.resolve().then.bind(Promise.resolve()) : function(a) {
                window.setTimeout(a, 0)
            };
            var microTaskPending = false;

            function queueStateChanges(component, newState, callback, force) {
                var pending = component.$PS;
                if (isFunction(newState)) {
                    newState = newState(pending ? combineFrom(component.state, pending) : component.state, component.props, component.context)
                }
                if (isNullOrUndef(pending)) {
                    component.$PS = newState
                } else {
                    for (var stateKey in newState) {
                        pending[stateKey] = newState[stateKey]
                    }
                }
                if (!component.$BR) {
                    if (!renderCheck.v) {
                        if (0 === COMPONENTS_QUEUE.length) {
                            applyState(component, force);
                            if (isFunction(callback)) {
                                callback.call(component)
                            }
                            return
                        }
                    }
                    if (-1 === COMPONENTS_QUEUE.indexOf(component)) {
                        COMPONENTS_QUEUE.push(component)
                    }
                    if (force) {
                        component.$F = true
                    }
                    if (!microTaskPending) {
                        microTaskPending = true;
                        nextTick(rerender)
                    }
                    if (isFunction(callback)) {
                        var QU = component.$QU;
                        if (!QU) {
                            QU = component.$QU = []
                        }
                        QU.push(callback)
                    }
                } else if (isFunction(callback)) {
                    component.$L.push(callback.bind(component))
                }
            }

            function callSetStateCallbacks(component) {
                var queue = component.$QU;
                for (var i = 0; i < queue.length; ++i) {
                    queue[i].call(component)
                }
                component.$QU = null
            }

            function rerender() {
                var component;
                microTaskPending = false;
                while (component = COMPONENTS_QUEUE.shift()) {
                    if (!component.$UN) {
                        var force = component.$F;
                        component.$F = false;
                        applyState(component, force);
                        if (component.$QU) {
                            callSetStateCallbacks(component)
                        }
                    }
                }
            }

            function applyState(component, force) {
                if (force || !component.$BR) {
                    var pendingState = component.$PS;
                    component.$PS = null;
                    var lifecycle = [];
                    var animations = new AnimationQueues;
                    renderCheck.v = true;
                    updateClassComponent(component, combineFrom(component.state, pendingState), component.props, findDOMFromVNode(component.$LI, true).parentNode, component.context, component.$SVG, force, null, lifecycle, animations);
                    callAll(lifecycle);
                    callAllAnimationHooks(animations.componentDidAppear);
                    renderCheck.v = false
                } else {
                    component.state = component.$PS;
                    component.$PS = null
                }
            }
            var Component = function() {
                function Component(props, context) {
                    this.state = null;
                    this.props = void 0;
                    this.context = void 0;
                    this.displayName = void 0;
                    this.$BR = false;
                    this.$BS = true;
                    this.$PS = null;
                    this.$LI = null;
                    this.$UN = false;
                    this.$CX = null;
                    this.$QU = null;
                    this.$N = false;
                    this.$SSR = void 0;
                    this.$L = null;
                    this.$SVG = false;
                    this.$F = false;
                    this.props = props || EMPTY_OBJ;
                    this.context = context || EMPTY_OBJ
                }
                var _proto = Component.prototype;
                _proto.forceUpdate = function(callback) {
                    if (this.$UN) {
                        return
                    }
                    queueStateChanges(this, {}, callback, true)
                };
                _proto.setState = function(newState, callback) {
                    if (this.$UN) {
                        return
                    }
                    if (!this.$BS) {
                        queueStateChanges(this, newState, callback, false)
                    }
                };
                _proto.render = function(props, state, context) {
                    return null
                };
                return Component
            }();
            Component.defaultProps = null;
            var version = "8.2.3";
            if (false) {}
        },
        27692(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
            __webpack_require__.r(__webpack_exports__);
            __webpack_require__.d(__webpack_exports__, {
                ALL_WEEKDAYS: () => ALL_WEEKDAYS,
                Frequency: () => Frequency,
                RRule: () => RRule,
                RRuleSet: () => RRuleSet,
                Weekday: () => Weekday,
                datetime: () => datetime,
                rrulestr: () => rrulestr
            });
            var ALL_WEEKDAYS = ["MO", "TU", "WE", "TH", "FR", "SA", "SU"];
            var Weekday = function() {
                function Weekday(weekday, n) {
                    if (0 === n) {
                        throw new Error("Can't create weekday with n == 0")
                    }
                    this.weekday = weekday;
                    this.n = n
                }
                Weekday.fromStr = function(str) {
                    return new Weekday(ALL_WEEKDAYS.indexOf(str))
                };
                Weekday.prototype.nth = function(n) {
                    return this.n === n ? this : new Weekday(this.weekday, n)
                };
                Weekday.prototype.equals = function(other) {
                    return this.weekday === other.weekday && this.n === other.n
                };
                Weekday.prototype.toString = function() {
                    var s = ALL_WEEKDAYS[this.weekday];
                    if (this.n) {
                        s = (this.n > 0 ? "+" : "") + String(this.n) + s
                    }
                    return s
                };
                Weekday.prototype.getJsWeekday = function() {
                    return 6 === this.weekday ? 0 : this.weekday + 1
                };
                return Weekday
            }();
            var isPresent = function(value) {
                return null !== value && void 0 !== value
            };
            var isNumber = function(value) {
                return "number" === typeof value
            };
            var isWeekdayStr = function(value) {
                return "string" === typeof value && ALL_WEEKDAYS.includes(value)
            };
            var isArray = Array.isArray;
            var range = function(start, end) {
                if (void 0 === end) {
                    end = start
                }
                if (1 === arguments.length) {
                    end = start;
                    start = 0
                }
                var rang = [];
                for (var i = start; i < end; i++) {
                    rang.push(i)
                }
                return rang
            };
            var repeat = function(value, times) {
                var i = 0;
                var array = [];
                if (isArray(value)) {
                    for (; i < times; i++) {
                        array[i] = [].concat(value)
                    }
                } else {
                    for (; i < times; i++) {
                        array[i] = value
                    }
                }
                return array
            };
            var toArray = function(item) {
                if (isArray(item)) {
                    return item
                }
                return [item]
            };

            function padStart(item, targetLength, padString) {
                if (void 0 === padString) {
                    padString = " "
                }
                var str = String(item);
                targetLength |= 0;
                if (str.length > targetLength) {
                    return String(str)
                }
                targetLength -= str.length;
                if (targetLength > padString.length) {
                    padString += repeat(padString, targetLength / padString.length)
                }
                return padString.slice(0, targetLength) + String(str)
            }
            var pymod = function(a, b) {
                var r = a % b;
                return r * b < 0 ? r + b : r
            };
            var divmod = function(a, b) {
                return {
                    div: Math.floor(a / b),
                    mod: pymod(a, b)
                }
            };
            var empty = function(obj) {
                return !isPresent(obj) || 0 === obj.length
            };
            var notEmpty = function(obj) {
                return !empty(obj)
            };
            var includes = function(arr, val) {
                return notEmpty(arr) && -1 !== arr.indexOf(val)
            };
            var datetime = function(y, m, d, h, i, s) {
                if (void 0 === h) {
                    h = 0
                }
                if (void 0 === i) {
                    i = 0
                }
                if (void 0 === s) {
                    s = 0
                }
                return new Date(Date.UTC(y, m - 1, d, h, i, s))
            };
            var MONTH_DAYS = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
            var ORDINAL_BASE = datetime(1970, 1, 1);
            var PY_WEEKDAYS = [6, 0, 1, 2, 3, 4, 5];
            var isLeapYear = function(year) {
                return year % 4 === 0 && year % 100 !== 0 || year % 400 === 0
            };
            var isDate = function(value) {
                return value instanceof Date
            };
            var isValidDate = function(value) {
                return isDate(value) && !isNaN(value.getTime())
            };
            var toOrdinal = function(date) {
                return date1 = date, date2 = ORDINAL_BASE, date1ms = date1.getTime(), date2ms = date2.getTime(), differencems = date1ms - date2ms, Math.round(differencems / 864e5);
                var date1, date2, date1ms, date2ms, differencems
            };
            var fromOrdinal = function(ordinal) {
                return new Date(ORDINAL_BASE.getTime() + 864e5 * ordinal)
            };
            var getMonthDays = function(date) {
                var month = date.getUTCMonth();
                return 1 === month && isLeapYear(date.getUTCFullYear()) ? 29 : MONTH_DAYS[month]
            };
            var getWeekday = function(date) {
                return PY_WEEKDAYS[date.getUTCDay()]
            };
            var monthRange = function(year, month) {
                var date = datetime(year, month + 1, 1);
                return [getWeekday(date), getMonthDays(date)]
            };
            var combine = function(date, time) {
                time = time || date;
                return new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), time.getHours(), time.getMinutes(), time.getSeconds(), time.getMilliseconds()))
            };
            var dateutil_clone = function(date) {
                var dolly = new Date(date.getTime());
                return dolly
            };
            var cloneDates = function(dates) {
                var clones = [];
                for (var i = 0; i < dates.length; i++) {
                    clones.push(dateutil_clone(dates[i]))
                }
                return clones
            };
            var sort = function(dates) {
                dates.sort(function(a, b) {
                    return a.getTime() - b.getTime()
                })
            };
            var timeToUntilString = function(time, utc) {
                if (void 0 === utc) {
                    utc = true
                }
                var date = new Date(time);
                return [padStart(date.getUTCFullYear().toString(), 4, "0"), padStart(date.getUTCMonth() + 1, 2, "0"), padStart(date.getUTCDate(), 2, "0"), "T", padStart(date.getUTCHours(), 2, "0"), padStart(date.getUTCMinutes(), 2, "0"), padStart(date.getUTCSeconds(), 2, "0"), utc ? "Z" : ""].join("")
            };
            var untilStringToDate = function(until) {
                var bits = /^(\d{4})(\d{2})(\d{2})(T(\d{2})(\d{2})(\d{2})Z?)?$/.exec(until);
                if (!bits) {
                    throw new Error("Invalid UNTIL value: ".concat(until))
                }
                return new Date(Date.UTC(parseInt(bits[1], 10), parseInt(bits[2], 10) - 1, parseInt(bits[3], 10), parseInt(bits[5], 10) || 0, parseInt(bits[6], 10) || 0, parseInt(bits[7], 10) || 0))
            };
            var dateTZtoISO8601 = function(date, timeZone) {
                var dateStr = date.toLocaleString("sv-SE", {
                    timeZone: timeZone
                });
                return dateStr.replace(" ", "T") + "Z"
            };
            var IterResult = function() {
                function IterResult(method, args) {
                    this.minDate = null;
                    this.maxDate = null;
                    this._result = [];
                    this.total = 0;
                    this.method = method;
                    this.args = args;
                    if ("between" === method) {
                        this.maxDate = args.inc ? args.before : new Date(args.before.getTime() - 1);
                        this.minDate = args.inc ? args.after : new Date(args.after.getTime() + 1)
                    } else if ("before" === method) {
                        this.maxDate = args.inc ? args.dt : new Date(args.dt.getTime() - 1)
                    } else if ("after" === method) {
                        this.minDate = args.inc ? args.dt : new Date(args.dt.getTime() + 1)
                    }
                }
                IterResult.prototype.accept = function(date) {
                    ++this.total;
                    var tooEarly = this.minDate && date < this.minDate;
                    var tooLate = this.maxDate && date > this.maxDate;
                    if ("between" === this.method) {
                        if (tooEarly) {
                            return true
                        }
                        if (tooLate) {
                            return false
                        }
                    } else if ("before" === this.method) {
                        if (tooLate) {
                            return false
                        }
                    } else if ("after" === this.method) {
                        if (tooEarly) {
                            return true
                        }
                        this.add(date);
                        return false
                    }
                    return this.add(date)
                };
                IterResult.prototype.add = function(date) {
                    this._result.push(date);
                    return true
                };
                IterResult.prototype.getValue = function() {
                    var res = this._result;
                    switch (this.method) {
                        case "all":
                        case "between":
                            return res;
                        default:
                            return res.length ? res[res.length - 1] : null
                    }
                };
                IterResult.prototype.clone = function() {
                    return new IterResult(this.method, this.args)
                };
                return IterResult
            }();
            const iterresult = IterResult;
            var extendStatics = function(d, b) {
                extendStatics = Object.setPrototypeOf || {
                    __proto__: []
                }
                instanceof Array && function(d, b) {
                    d.__proto__ = b
                } || function(d, b) {
                    for (var p in b) {
                        if (Object.prototype.hasOwnProperty.call(b, p)) {
                            d[p] = b[p]
                        }
                    }
                };
                return extendStatics(d, b)
            };

            function __extends(d, b) {
                if ("function" !== typeof b && null !== b) {
                    throw new TypeError("Class extends value " + String(b) + " is not a constructor or null")
                }
                extendStatics(d, b);

                function __() {
                    this.constructor = d
                }
                d.prototype = null === b ? Object.create(b) : (__.prototype = b.prototype, new __)
            }
            var __assign = function() {
                __assign = Object.assign || function(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)
            };
            Object.create;

            function __spreadArray(to, from, pack) {
                if (pack || 2 === arguments.length) {
                    for (var ar, i = 0, l = from.length; i < l; i++) {
                        if (ar || !(i in from)) {
                            if (!ar) {
                                ar = Array.prototype.slice.call(from, 0, i)
                            }
                            ar[i] = from[i]
                        }
                    }
                }
                return to.concat(ar || Array.prototype.slice.call(from))
            }
            Object.create;
            "function" === typeof SuppressedError && SuppressedError;
            var CallbackIterResult = function(_super) {
                __extends(CallbackIterResult, _super);

                function CallbackIterResult(method, args, iterator) {
                    var _this = _super.call(this, method, args) || this;
                    _this.iterator = iterator;
                    return _this
                }
                CallbackIterResult.prototype.add = function(date) {
                    if (this.iterator(date, this._result.length)) {
                        this._result.push(date);
                        return true
                    }
                    return false
                };
                return CallbackIterResult
            }(iterresult);
            const callbackiterresult = CallbackIterResult;
            const i18n = {
                dayNames: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
                monthNames: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
                tokens: {
                    SKIP: /^[ \r\n\t]+|^\.$/,
                    number: /^[1-9][0-9]*/,
                    numberAsText: /^(one|two|three)/i,
                    every: /^every/i,
                    "day(s)": /^days?/i,
                    "weekday(s)": /^weekdays?/i,
                    "week(s)": /^weeks?/i,
                    "hour(s)": /^hours?/i,
                    "minute(s)": /^minutes?/i,
                    "month(s)": /^months?/i,
                    "year(s)": /^years?/i,
                    on: /^(on|in)/i,
                    at: /^(at)/i,
                    the: /^the/i,
                    first: /^first/i,
                    second: /^second/i,
                    third: /^third/i,
                    nth: /^([1-9][0-9]*)(\.|th|nd|rd|st)/i,
                    last: /^last/i,
                    for: /^for/i,
                    "time(s)": /^times?/i,
                    until: /^(un)?til/i,
                    monday: /^mo(n(day)?)?/i,
                    tuesday: /^tu(e(s(day)?)?)?/i,
                    wednesday: /^we(d(n(esday)?)?)?/i,
                    thursday: /^th(u(r(sday)?)?)?/i,
                    friday: /^fr(i(day)?)?/i,
                    saturday: /^sa(t(urday)?)?/i,
                    sunday: /^su(n(day)?)?/i,
                    january: /^jan(uary)?/i,
                    february: /^feb(ruary)?/i,
                    march: /^mar(ch)?/i,
                    april: /^apr(il)?/i,
                    may: /^may/i,
                    june: /^june?/i,
                    july: /^july?/i,
                    august: /^aug(ust)?/i,
                    september: /^sep(t(ember)?)?/i,
                    october: /^oct(ober)?/i,
                    november: /^nov(ember)?/i,
                    december: /^dec(ember)?/i,
                    comma: /^(,\s*|(and|or)\s*)+/i
                }
            };
            var contains = function(arr, val) {
                return -1 !== arr.indexOf(val)
            };
            var defaultGetText = function(id) {
                return id.toString()
            };
            var defaultDateFormatter = function(year, month, day) {
                return "".concat(month, " ").concat(day, ", ").concat(year)
            };
            var ToText = function() {
                function ToText(rrule, gettext, language, dateFormatter) {
                    if (void 0 === gettext) {
                        gettext = defaultGetText
                    }
                    if (void 0 === language) {
                        language = i18n
                    }
                    if (void 0 === dateFormatter) {
                        dateFormatter = defaultDateFormatter
                    }
                    this.text = [];
                    this.language = language || i18n;
                    this.gettext = gettext;
                    this.dateFormatter = dateFormatter;
                    this.rrule = rrule;
                    this.options = rrule.options;
                    this.origOptions = rrule.origOptions;
                    if (this.origOptions.bymonthday) {
                        var bymonthday = [].concat(this.options.bymonthday);
                        var bynmonthday = [].concat(this.options.bynmonthday);
                        bymonthday.sort(function(a, b) {
                            return a - b
                        });
                        bynmonthday.sort(function(a, b) {
                            return b - a
                        });
                        this.bymonthday = bymonthday.concat(bynmonthday);
                        if (!this.bymonthday.length) {
                            this.bymonthday = null
                        }
                    }
                    if (isPresent(this.origOptions.byweekday)) {
                        var byweekday = !isArray(this.origOptions.byweekday) ? [this.origOptions.byweekday] : this.origOptions.byweekday;
                        var days = String(byweekday);
                        this.byweekday = {
                            allWeeks: byweekday.filter(function(weekday) {
                                return !weekday.n
                            }),
                            someWeeks: byweekday.filter(function(weekday) {
                                return Boolean(weekday.n)
                            }),
                            isWeekdays: -1 !== days.indexOf("MO") && -1 !== days.indexOf("TU") && -1 !== days.indexOf("WE") && -1 !== days.indexOf("TH") && -1 !== days.indexOf("FR") && -1 === days.indexOf("SA") && -1 === days.indexOf("SU"),
                            isEveryDay: -1 !== days.indexOf("MO") && -1 !== days.indexOf("TU") && -1 !== days.indexOf("WE") && -1 !== days.indexOf("TH") && -1 !== days.indexOf("FR") && -1 !== days.indexOf("SA") && -1 !== days.indexOf("SU")
                        };
                        var sortWeekDays = function(a, b) {
                            return a.weekday - b.weekday
                        };
                        this.byweekday.allWeeks.sort(sortWeekDays);
                        this.byweekday.someWeeks.sort(sortWeekDays);
                        if (!this.byweekday.allWeeks.length) {
                            this.byweekday.allWeeks = null
                        }
                        if (!this.byweekday.someWeeks.length) {
                            this.byweekday.someWeeks = null
                        }
                    } else {
                        this.byweekday = null
                    }
                }
                ToText.isFullyConvertible = function(rrule) {
                    if (!(rrule.options.freq in ToText.IMPLEMENTED)) {
                        return false
                    }
                    if (rrule.origOptions.until && rrule.origOptions.count) {
                        return false
                    }
                    for (var key in rrule.origOptions) {
                        if (contains(["dtstart", "tzid", "wkst", "freq"], key)) {
                            return true
                        }
                        if (!contains(ToText.IMPLEMENTED[rrule.options.freq], key)) {
                            return false
                        }
                    }
                    return true
                };
                ToText.prototype.isFullyConvertible = function() {
                    return ToText.isFullyConvertible(this.rrule)
                };
                ToText.prototype.toString = function() {
                    var gettext = this.gettext;
                    if (!(this.options.freq in ToText.IMPLEMENTED)) {
                        return gettext("RRule error: Unable to fully convert this rrule to text")
                    }
                    this.text = [gettext("every")];
                    this[RRule.FREQUENCIES[this.options.freq]]();
                    if (this.options.until) {
                        this.add(gettext("until"));
                        var until = this.options.until;
                        this.add(this.dateFormatter(until.getUTCFullYear(), this.language.monthNames[until.getUTCMonth()], until.getUTCDate()))
                    } else if (this.options.count) {
                        this.add(gettext("for")).add(this.options.count.toString()).add(this.plural(this.options.count) ? gettext("times") : gettext("time"))
                    }
                    if (!this.isFullyConvertible()) {
                        this.add(gettext("(~ approximate)"))
                    }
                    return this.text.join("")
                };
                ToText.prototype.HOURLY = function() {
                    var gettext = this.gettext;
                    if (1 !== this.options.interval) {
                        this.add(this.options.interval.toString())
                    }
                    this.add(this.plural(this.options.interval) ? gettext("hours") : gettext("hour"))
                };
                ToText.prototype.MINUTELY = function() {
                    var gettext = this.gettext;
                    if (1 !== this.options.interval) {
                        this.add(this.options.interval.toString())
                    }
                    this.add(this.plural(this.options.interval) ? gettext("minutes") : gettext("minute"))
                };
                ToText.prototype.DAILY = function() {
                    var gettext = this.gettext;
                    if (1 !== this.options.interval) {
                        this.add(this.options.interval.toString())
                    }
                    if (this.byweekday && this.byweekday.isWeekdays) {
                        this.add(this.plural(this.options.interval) ? gettext("weekdays") : gettext("weekday"))
                    } else {
                        this.add(this.plural(this.options.interval) ? gettext("days") : gettext("day"))
                    }
                    if (this.origOptions.bymonth) {
                        this.add(gettext("in"));
                        this._bymonth()
                    }
                    if (this.bymonthday) {
                        this._bymonthday()
                    } else if (this.byweekday) {
                        this._byweekday()
                    } else if (this.origOptions.byhour) {
                        this._byhour()
                    }
                };
                ToText.prototype.WEEKLY = function() {
                    var gettext = this.gettext;
                    if (1 !== this.options.interval) {
                        this.add(this.options.interval.toString()).add(this.plural(this.options.interval) ? gettext("weeks") : gettext("week"))
                    }
                    if (this.byweekday && this.byweekday.isWeekdays) {
                        if (1 === this.options.interval) {
                            this.add(this.plural(this.options.interval) ? gettext("weekdays") : gettext("weekday"))
                        } else {
                            this.add(gettext("on")).add(gettext("weekdays"))
                        }
                    } else if (this.byweekday && this.byweekday.isEveryDay) {
                        this.add(this.plural(this.options.interval) ? gettext("days") : gettext("day"))
                    } else {
                        if (1 === this.options.interval) {
                            this.add(gettext("week"))
                        }
                        if (this.origOptions.bymonth) {
                            this.add(gettext("in"));
                            this._bymonth()
                        }
                        if (this.bymonthday) {
                            this._bymonthday()
                        } else if (this.byweekday) {
                            this._byweekday()
                        }
                        if (this.origOptions.byhour) {
                            this._byhour()
                        }
                    }
                };
                ToText.prototype.MONTHLY = function() {
                    var gettext = this.gettext;
                    if (this.origOptions.bymonth) {
                        if (1 !== this.options.interval) {
                            this.add(this.options.interval.toString()).add(gettext("months"));
                            if (this.plural(this.options.interval)) {
                                this.add(gettext("in"))
                            }
                        }
                        this._bymonth()
                    } else {
                        if (1 !== this.options.interval) {
                            this.add(this.options.interval.toString())
                        }
                        this.add(this.plural(this.options.interval) ? gettext("months") : gettext("month"))
                    }
                    if (this.bymonthday) {
                        this._bymonthday()
                    } else if (this.byweekday && this.byweekday.isWeekdays) {
                        this.add(gettext("on")).add(gettext("weekdays"))
                    } else if (this.byweekday) {
                        this._byweekday()
                    }
                };
                ToText.prototype.YEARLY = function() {
                    var gettext = this.gettext;
                    if (this.origOptions.bymonth) {
                        if (1 !== this.options.interval) {
                            this.add(this.options.interval.toString());
                            this.add(gettext("years"))
                        }
                        this._bymonth()
                    } else {
                        if (1 !== this.options.interval) {
                            this.add(this.options.interval.toString())
                        }
                        this.add(this.plural(this.options.interval) ? gettext("years") : gettext("year"))
                    }
                    if (this.bymonthday) {
                        this._bymonthday()
                    } else if (this.byweekday) {
                        this._byweekday()
                    }
                    if (this.options.byyearday) {
                        this.add(gettext("on the")).add(this.list(this.options.byyearday, this.nth, gettext("and"))).add(gettext("day"))
                    }
                    if (this.options.byweekno) {
                        this.add(gettext("in")).add(this.plural(this.options.byweekno.length) ? gettext("weeks") : gettext("week")).add(this.list(this.options.byweekno, void 0, gettext("and")))
                    }
                };
                ToText.prototype._bymonthday = function() {
                    var gettext = this.gettext;
                    if (this.byweekday && this.byweekday.allWeeks) {
                        this.add(gettext("on")).add(this.list(this.byweekday.allWeeks, this.weekdaytext, gettext("or"))).add(gettext("the")).add(this.list(this.bymonthday, this.nth, gettext("or")))
                    } else {
                        this.add(gettext("on the")).add(this.list(this.bymonthday, this.nth, gettext("and")))
                    }
                };
                ToText.prototype._byweekday = function() {
                    var gettext = this.gettext;
                    if (this.byweekday.allWeeks && !this.byweekday.isWeekdays) {
                        this.add(gettext("on")).add(this.list(this.byweekday.allWeeks, this.weekdaytext))
                    }
                    if (this.byweekday.someWeeks) {
                        if (this.byweekday.allWeeks) {
                            this.add(gettext("and"))
                        }
                        this.add(gettext("on the")).add(this.list(this.byweekday.someWeeks, this.weekdaytext, gettext("and")))
                    }
                };
                ToText.prototype._byhour = function() {
                    var gettext = this.gettext;
                    this.add(gettext("at")).add(this.list(this.origOptions.byhour, void 0, gettext("and")))
                };
                ToText.prototype._bymonth = function() {
                    this.add(this.list(this.options.bymonth, this.monthtext, this.gettext("and")))
                };
                ToText.prototype.nth = function(n) {
                    n = parseInt(n.toString(), 10);
                    var nth;
                    var gettext = this.gettext;
                    if (-1 === n) {
                        return gettext("last")
                    }
                    var npos = Math.abs(n);
                    switch (npos) {
                        case 1:
                        case 21:
                        case 31:
                            nth = npos + gettext("st");
                            break;
                        case 2:
                        case 22:
                            nth = npos + gettext("nd");
                            break;
                        case 3:
                        case 23:
                            nth = npos + gettext("rd");
                            break;
                        default:
                            nth = npos + gettext("th")
                    }
                    return n < 0 ? nth + " " + gettext("last") : nth
                };
                ToText.prototype.monthtext = function(m) {
                    return this.language.monthNames[m - 1]
                };
                ToText.prototype.weekdaytext = function(wday) {
                    var weekday = isNumber(wday) ? (wday + 1) % 7 : wday.getJsWeekday();
                    return (wday.n ? this.nth(wday.n) + " " : "") + this.language.dayNames[weekday]
                };
                ToText.prototype.plural = function(n) {
                    return n % 100 !== 1
                };
                ToText.prototype.add = function(s) {
                    this.text.push(" ");
                    this.text.push(s);
                    return this
                };
                ToText.prototype.list = function(arr, callback, finalDelim, delim) {
                    var _this = this;
                    if (void 0 === delim) {
                        delim = ","
                    }
                    if (!isArray(arr)) {
                        arr = [arr]
                    }
                    callback = callback || function(o) {
                        return o.toString()
                    };
                    var realCallback = function(arg) {
                        return callback && callback.call(_this, arg)
                    };
                    if (finalDelim) {
                        return function(array, delimiter, finalDelimiter) {
                            var list = "";
                            for (var i = 0; i < array.length; i++) {
                                if (0 !== i) {
                                    if (i === array.length - 1) {
                                        list += " " + finalDelimiter + " "
                                    } else {
                                        list += delimiter + " "
                                    }
                                }
                                list += array[i]
                            }
                            return list
                        }(arr.map(realCallback), delim, finalDelim)
                    } else {
                        return arr.map(realCallback).join(delim + " ")
                    }
                };
                return ToText
            }();
            const totext = ToText;
            var Parser = function() {
                function Parser(rules) {
                    this.done = true;
                    this.rules = rules
                }
                Parser.prototype.start = function(text) {
                    this.text = text;
                    this.done = false;
                    return this.nextSymbol()
                };
                Parser.prototype.isDone = function() {
                    return this.done && null === this.symbol
                };
                Parser.prototype.nextSymbol = function() {
                    var best;
                    var bestSymbol;
                    this.symbol = null;
                    this.value = null;
                    do {
                        if (this.done) {
                            return false
                        }
                        var rule = void 0;
                        best = null;
                        for (var name_1 in this.rules) {
                            rule = this.rules[name_1];
                            var match = rule.exec(this.text);
                            if (match) {
                                if (null === best || match[0].length > best[0].length) {
                                    best = match;
                                    bestSymbol = name_1
                                }
                            }
                        }
                        if (null != best) {
                            this.text = this.text.substr(best[0].length);
                            if ("" === this.text) {
                                this.done = true
                            }
                        }
                        if (null == best) {
                            this.done = true;
                            this.symbol = null;
                            this.value = null;
                            return
                        }
                    } while ("SKIP" === bestSymbol);
                    this.symbol = bestSymbol;
                    this.value = best;
                    return true
                };
                Parser.prototype.accept = function(name) {
                    if (this.symbol === name) {
                        if (this.value) {
                            var v = this.value;
                            this.nextSymbol();
                            return v
                        }
                        this.nextSymbol();
                        return true
                    }
                    return false
                };
                Parser.prototype.acceptNumber = function() {
                    return this.accept("number")
                };
                Parser.prototype.expect = function(name) {
                    if (this.accept(name)) {
                        return true
                    }
                    throw new Error("expected " + name + " but found " + this.symbol)
                };
                return Parser
            }();

            function parseText(text, language) {
                if (void 0 === language) {
                    language = i18n
                }
                var options = {};
                var ttr = new Parser(language.tokens);
                if (!ttr.start(text)) {
                    return null
                }! function() {
                    ttr.expect("every");
                    var n = ttr.acceptNumber();
                    if (n) {
                        options.interval = parseInt(n[0], 10)
                    }
                    if (ttr.isDone()) {
                        throw new Error("Unexpected end")
                    }
                    switch (ttr.symbol) {
                        case "day(s)":
                            options.freq = RRule.DAILY;
                            if (ttr.nextSymbol()) {
                                AT();
                                F()
                            }
                            break;
                        case "weekday(s)":
                            options.freq = RRule.WEEKLY;
                            options.byweekday = [RRule.MO, RRule.TU, RRule.WE, RRule.TH, RRule.FR];
                            ttr.nextSymbol();
                            AT();
                            F();
                            break;
                        case "week(s)":
                            options.freq = RRule.WEEKLY;
                            if (ttr.nextSymbol()) {
                                ON();
                                AT();
                                F()
                            }
                            break;
                        case "hour(s)":
                            options.freq = RRule.HOURLY;
                            if (ttr.nextSymbol()) {
                                ON();
                                F()
                            }
                            break;
                        case "minute(s)":
                            options.freq = RRule.MINUTELY;
                            if (ttr.nextSymbol()) {
                                ON();
                                F()
                            }
                            break;
                        case "month(s)":
                            options.freq = RRule.MONTHLY;
                            if (ttr.nextSymbol()) {
                                ON();
                                F()
                            }
                            break;
                        case "year(s)":
                            options.freq = RRule.YEARLY;
                            if (ttr.nextSymbol()) {
                                ON();
                                F()
                            }
                            break;
                        case "monday":
                        case "tuesday":
                        case "wednesday":
                        case "thursday":
                        case "friday":
                        case "saturday":
                        case "sunday":
                            options.freq = RRule.WEEKLY;
                            var key = ttr.symbol.substr(0, 2).toUpperCase();
                            options.byweekday = [RRule[key]];
                            if (!ttr.nextSymbol()) {
                                return
                            }
                            while (ttr.accept("comma")) {
                                if (ttr.isDone()) {
                                    throw new Error("Unexpected end")
                                }
                                var wkd = decodeWKD();
                                if (!wkd) {
                                    throw new Error("Unexpected symbol " + ttr.symbol + ", expected weekday")
                                }
                                options.byweekday.push(RRule[wkd]);
                                ttr.nextSymbol()
                            }
                            AT();
                            ! function() {
                                ttr.accept("on");
                                ttr.accept("the");
                                var nth = decodeNTH();
                                if (!nth) {
                                    return
                                }
                                options.bymonthday = [nth];
                                ttr.nextSymbol();
                                while (ttr.accept("comma")) {
                                    nth = decodeNTH();
                                    if (!nth) {
                                        throw new Error("Unexpected symbol " + ttr.symbol + "; expected monthday")
                                    }
                                    options.bymonthday.push(nth);
                                    ttr.nextSymbol()
                                }
                            }();
                            F();
                            break;
                        case "january":
                        case "february":
                        case "march":
                        case "april":
                        case "may":
                        case "june":
                        case "july":
                        case "august":
                        case "september":
                        case "october":
                        case "november":
                        case "december":
                            options.freq = RRule.YEARLY;
                            options.bymonth = [decodeM()];
                            if (!ttr.nextSymbol()) {
                                return
                            }
                            while (ttr.accept("comma")) {
                                if (ttr.isDone()) {
                                    throw new Error("Unexpected end")
                                }
                                var m = decodeM();
                                if (!m) {
                                    throw new Error("Unexpected symbol " + ttr.symbol + ", expected month")
                                }
                                options.bymonth.push(m);
                                ttr.nextSymbol()
                            }
                            ON();
                            F();
                            break;
                        default:
                            throw new Error("Unknown symbol")
                    }
                }();
                return options;

                function ON() {
                    var on = ttr.accept("on");
                    var the = ttr.accept("the");
                    if (!(on || the)) {
                        return
                    }
                    do {
                        var nth = decodeNTH();
                        var wkd = decodeWKD();
                        var m = decodeM();
                        if (nth) {
                            if (wkd) {
                                ttr.nextSymbol();
                                if (!options.byweekday) {
                                    options.byweekday = []
                                }
                                options.byweekday.push(RRule[wkd].nth(nth))
                            } else {
                                if (!options.bymonthday) {
                                    options.bymonthday = []
                                }
                                options.bymonthday.push(nth);
                                ttr.accept("day(s)")
                            }
                        } else if (wkd) {
                            ttr.nextSymbol();
                            if (!options.byweekday) {
                                options.byweekday = []
                            }
                            options.byweekday.push(RRule[wkd])
                        } else if ("weekday(s)" === ttr.symbol) {
                            ttr.nextSymbol();
                            if (!options.byweekday) {
                                options.byweekday = [RRule.MO, RRule.TU, RRule.WE, RRule.TH, RRule.FR]
                            }
                        } else if ("week(s)" === ttr.symbol) {
                            ttr.nextSymbol();
                            var n = ttr.acceptNumber();
                            if (!n) {
                                throw new Error("Unexpected symbol " + ttr.symbol + ", expected week number")
                            }
                            options.byweekno = [parseInt(n[0], 10)];
                            while (ttr.accept("comma")) {
                                n = ttr.acceptNumber();
                                if (!n) {
                                    throw new Error("Unexpected symbol " + ttr.symbol + "; expected monthday")
                                }
                                options.byweekno.push(parseInt(n[0], 10))
                            }
                        } else if (m) {
                            ttr.nextSymbol();
                            if (!options.bymonth) {
                                options.bymonth = []
                            }
                            options.bymonth.push(m)
                        } else {
                            return
                        }
                    } while (ttr.accept("comma") || ttr.accept("the") || ttr.accept("on"))
                }

                function AT() {
                    var at = ttr.accept("at");
                    if (!at) {
                        return
                    }
                    do {
                        var n = ttr.acceptNumber();
                        if (!n) {
                            throw new Error("Unexpected symbol " + ttr.symbol + ", expected hour")
                        }
                        options.byhour = [parseInt(n[0], 10)];
                        while (ttr.accept("comma")) {
                            n = ttr.acceptNumber();
                            if (!n) {
                                throw new Error("Unexpected symbol " + ttr.symbol + "; expected hour")
                            }
                            options.byhour.push(parseInt(n[0], 10))
                        }
                    } while (ttr.accept("comma") || ttr.accept("at"))
                }

                function decodeM() {
                    switch (ttr.symbol) {
                        case "january":
                            return 1;
                        case "february":
                            return 2;
                        case "march":
                            return 3;
                        case "april":
                            return 4;
                        case "may":
                            return 5;
                        case "june":
                            return 6;
                        case "july":
                            return 7;
                        case "august":
                            return 8;
                        case "september":
                            return 9;
                        case "october":
                            return 10;
                        case "november":
                            return 11;
                        case "december":
                            return 12;
                        default:
                            return false
                    }
                }

                function decodeWKD() {
                    switch (ttr.symbol) {
                        case "monday":
                        case "tuesday":
                        case "wednesday":
                        case "thursday":
                        case "friday":
                        case "saturday":
                        case "sunday":
                            return ttr.symbol.substr(0, 2).toUpperCase();
                        default:
                            return false
                    }
                }

                function decodeNTH() {
                    switch (ttr.symbol) {
                        case "last":
                            ttr.nextSymbol();
                            return -1;
                        case "first":
                            ttr.nextSymbol();
                            return 1;
                        case "second":
                            ttr.nextSymbol();
                            return ttr.accept("last") ? -2 : 2;
                        case "third":
                            ttr.nextSymbol();
                            return ttr.accept("last") ? -3 : 3;
                        case "nth":
                            var v = parseInt(ttr.value[1], 10);
                            if (v < -366 || v > 366) {
                                throw new Error("Nth out of range: " + v)
                            }
                            ttr.nextSymbol();
                            return ttr.accept("last") ? -v : v;
                        default:
                            return false
                    }
                }

                function F() {
                    if ("until" === ttr.symbol) {
                        var date = Date.parse(ttr.text);
                        if (!date) {
                            throw new Error("Cannot parse until date:" + ttr.text)
                        }
                        options.until = new Date(date)
                    } else if (ttr.accept("for")) {
                        options.count = parseInt(ttr.value[0], 10);
                        ttr.expect("number")
                    }
                }
            }
            var Frequency;
            ! function(Frequency) {
                Frequency[Frequency.YEARLY = 0] = "YEARLY";
                Frequency[Frequency.MONTHLY = 1] = "MONTHLY";
                Frequency[Frequency.WEEKLY = 2] = "WEEKLY";
                Frequency[Frequency.DAILY = 3] = "DAILY";
                Frequency[Frequency.HOURLY = 4] = "HOURLY";
                Frequency[Frequency.MINUTELY = 5] = "MINUTELY";
                Frequency[Frequency.SECONDLY = 6] = "SECONDLY"
            }(Frequency || (Frequency = {}));

            function freqIsDailyOrGreater(freq) {
                return freq < Frequency.HOURLY
            }
            /* !
             * rrule.js - Library for working with recurrence rules for calendar dates.
             * https://github.com/jakubroztocil/rrule
             *
             * Copyright 2010, Jakub Roztocil and Lars Schoning
             * Licenced under the BSD licence.
             * https://github.com/jakubroztocil/rrule/blob/master/LICENCE
             *
             */
            var fromText = function(text, language) {
                if (void 0 === language) {
                    language = i18n
                }
                return new RRule(parseText(text, language) || void 0)
            };
            var common = ["count", "until", "interval", "byweekday", "bymonthday", "bymonth"];
            totext.IMPLEMENTED = [];
            totext.IMPLEMENTED[Frequency.HOURLY] = common;
            totext.IMPLEMENTED[Frequency.MINUTELY] = common;
            totext.IMPLEMENTED[Frequency.DAILY] = ["byhour"].concat(common);
            totext.IMPLEMENTED[Frequency.WEEKLY] = common;
            totext.IMPLEMENTED[Frequency.MONTHLY] = common;
            totext.IMPLEMENTED[Frequency.YEARLY] = ["byweekno", "byyearday"].concat(common);
            var isFullyConvertible = totext.isFullyConvertible;
            var Time = function() {
                function Time(hour, minute, second, millisecond) {
                    this.hour = hour;
                    this.minute = minute;
                    this.second = second;
                    this.millisecond = millisecond || 0
                }
                Time.prototype.getHours = function() {
                    return this.hour
                };
                Time.prototype.getMinutes = function() {
                    return this.minute
                };
                Time.prototype.getSeconds = function() {
                    return this.second
                };
                Time.prototype.getMilliseconds = function() {
                    return this.millisecond
                };
                Time.prototype.getTime = function() {
                    return 1e3 * (60 * this.hour * 60 + 60 * this.minute + this.second) + this.millisecond
                };
                return Time
            }();
            var DateTime = function(_super) {
                __extends(DateTime, _super);

                function DateTime(year, month, day, hour, minute, second, millisecond) {
                    var _this = _super.call(this, hour, minute, second, millisecond) || this;
                    _this.year = year;
                    _this.month = month;
                    _this.day = day;
                    return _this
                }
                DateTime.fromDate = function(date) {
                    return new this(date.getUTCFullYear(), date.getUTCMonth() + 1, date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds(), date.valueOf() % 1e3)
                };
                DateTime.prototype.getWeekday = function() {
                    return getWeekday(new Date(this.getTime()))
                };
                DateTime.prototype.getTime = function() {
                    return new Date(Date.UTC(this.year, this.month - 1, this.day, this.hour, this.minute, this.second, this.millisecond)).getTime()
                };
                DateTime.prototype.getDay = function() {
                    return this.day
                };
                DateTime.prototype.getMonth = function() {
                    return this.month
                };
                DateTime.prototype.getYear = function() {
                    return this.year
                };
                DateTime.prototype.addYears = function(years) {
                    this.year += years
                };
                DateTime.prototype.addMonths = function(months) {
                    this.month += months;
                    if (this.month > 12) {
                        var yearDiv = Math.floor(this.month / 12);
                        var monthMod = pymod(this.month, 12);
                        this.month = monthMod;
                        this.year += yearDiv;
                        if (0 === this.month) {
                            this.month = 12;
                            --this.year
                        }
                    }
                };
                DateTime.prototype.addWeekly = function(days, wkst) {
                    if (wkst > this.getWeekday()) {
                        this.day += -(this.getWeekday() + 1 + (6 - wkst)) + 7 * days
                    } else {
                        this.day += -(this.getWeekday() - wkst) + 7 * days
                    }
                    this.fixDay()
                };
                DateTime.prototype.addDaily = function(days) {
                    this.day += days;
                    this.fixDay()
                };
                DateTime.prototype.addHours = function(hours, filtered, byhour) {
                    if (filtered) {
                        this.hour += Math.floor((23 - this.hour) / hours) * hours
                    }
                    for (;;) {
                        this.hour += hours;
                        var _a = divmod(this.hour, 24),
                            dayDiv = _a.div,
                            hourMod = _a.mod;
                        if (dayDiv) {
                            this.hour = hourMod;
                            this.addDaily(dayDiv)
                        }
                        if (empty(byhour) || includes(byhour, this.hour)) {
                            break
                        }
                    }
                };
                DateTime.prototype.addMinutes = function(minutes, filtered, byhour, byminute) {
                    if (filtered) {
                        this.minute += Math.floor((1439 - (60 * this.hour + this.minute)) / minutes) * minutes
                    }
                    for (;;) {
                        this.minute += minutes;
                        var _a = divmod(this.minute, 60),
                            hourDiv = _a.div,
                            minuteMod = _a.mod;
                        if (hourDiv) {
                            this.minute = minuteMod;
                            this.addHours(hourDiv, false, byhour)
                        }
                        if ((empty(byhour) || includes(byhour, this.hour)) && (empty(byminute) || includes(byminute, this.minute))) {
                            break
                        }
                    }
                };
                DateTime.prototype.addSeconds = function(seconds, filtered, byhour, byminute, bysecond) {
                    if (filtered) {
                        this.second += Math.floor((86399 - (3600 * this.hour + 60 * this.minute + this.second)) / seconds) * seconds
                    }
                    for (;;) {
                        this.second += seconds;
                        var _a = divmod(this.second, 60),
                            minuteDiv = _a.div,
                            secondMod = _a.mod;
                        if (minuteDiv) {
                            this.second = secondMod;
                            this.addMinutes(minuteDiv, false, byhour, byminute)
                        }
                        if ((empty(byhour) || includes(byhour, this.hour)) && (empty(byminute) || includes(byminute, this.minute)) && (empty(bysecond) || includes(bysecond, this.second))) {
                            break
                        }
                    }
                };
                DateTime.prototype.fixDay = function() {
                    if (this.day <= 28) {
                        return
                    }
                    var daysinmonth = monthRange(this.year, this.month - 1)[1];
                    if (this.day <= daysinmonth) {
                        return
                    }
                    while (this.day > daysinmonth) {
                        this.day -= daysinmonth;
                        ++this.month;
                        if (13 === this.month) {
                            this.month = 1;
                            ++this.year;
                            if (this.year > 9999) {
                                return
                            }
                        }
                        daysinmonth = monthRange(this.year, this.month - 1)[1]
                    }
                };
                DateTime.prototype.add = function(options, filtered) {
                    var freq = options.freq,
                        interval = options.interval,
                        wkst = options.wkst,
                        byhour = options.byhour,
                        byminute = options.byminute,
                        bysecond = options.bysecond;
                    switch (freq) {
                        case Frequency.YEARLY:
                            return this.addYears(interval);
                        case Frequency.MONTHLY:
                            return this.addMonths(interval);
                        case Frequency.WEEKLY:
                            return this.addWeekly(interval, wkst);
                        case Frequency.DAILY:
                            return this.addDaily(interval);
                        case Frequency.HOURLY:
                            return this.addHours(interval, filtered, byhour);
                        case Frequency.MINUTELY:
                            return this.addMinutes(interval, filtered, byhour, byminute);
                        case Frequency.SECONDLY:
                            return this.addSeconds(interval, filtered, byhour, byminute, bysecond)
                    }
                };
                return DateTime
            }(Time);

            function initializeOptions(options) {
                var invalid = [];
                var keys = Object.keys(options);
                for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
                    var key = keys_1[_i];
                    if (!includes(defaultKeys, key)) {
                        invalid.push(key)
                    }
                    if (isDate(options[key]) && !isValidDate(options[key])) {
                        invalid.push(key)
                    }
                }
                if (invalid.length) {
                    throw new Error("Invalid options: " + invalid.join(", "))
                }
                return __assign({}, options)
            }

            function parseOptions(options) {
                var opts = __assign(__assign({}, DEFAULT_OPTIONS), initializeOptions(options));
                if (isPresent(opts.byeaster)) {
                    opts.freq = RRule.YEARLY
                }
                if (!(isPresent(opts.freq) && RRule.FREQUENCIES[opts.freq])) {
                    throw new Error("Invalid frequency: ".concat(opts.freq, " ").concat(options.freq))
                }
                if (!opts.dtstart) {
                    opts.dtstart = new Date((new Date).setMilliseconds(0))
                }
                if (!isPresent(opts.wkst)) {
                    opts.wkst = RRule.MO.weekday
                } else if (isNumber(opts.wkst)) {} else {
                    opts.wkst = opts.wkst.weekday
                }
                if (isPresent(opts.bysetpos)) {
                    if (isNumber(opts.bysetpos)) {
                        opts.bysetpos = [opts.bysetpos]
                    }
                    for (var i = 0; i < opts.bysetpos.length; i++) {
                        var v = opts.bysetpos[i];
                        if (0 === v || !(v >= -366 && v <= 366)) {
                            throw new Error("bysetpos must be between 1 and 366, or between -366 and -1")
                        }
                    }
                }
                if (!(Boolean(opts.byweekno) || notEmpty(opts.byweekno) || notEmpty(opts.byyearday) || Boolean(opts.bymonthday) || notEmpty(opts.bymonthday) || isPresent(opts.byweekday) || isPresent(opts.byeaster))) {
                    switch (opts.freq) {
                        case RRule.YEARLY:
                            if (!opts.bymonth) {
                                opts.bymonth = opts.dtstart.getUTCMonth() + 1
                            }
                            opts.bymonthday = opts.dtstart.getUTCDate();
                            break;
                        case RRule.MONTHLY:
                            opts.bymonthday = opts.dtstart.getUTCDate();
                            break;
                        case RRule.WEEKLY:
                            opts.byweekday = [getWeekday(opts.dtstart)]
                    }
                }
                if (isPresent(opts.bymonth) && !isArray(opts.bymonth)) {
                    opts.bymonth = [opts.bymonth]
                }
                if (isPresent(opts.byyearday) && !isArray(opts.byyearday) && isNumber(opts.byyearday)) {
                    opts.byyearday = [opts.byyearday]
                }
                if (!isPresent(opts.bymonthday)) {
                    opts.bymonthday = [];
                    opts.bynmonthday = []
                } else if (isArray(opts.bymonthday)) {
                    var bymonthday = [];
                    var bynmonthday = [];
                    for (i = 0; i < opts.bymonthday.length; i++) {
                        v = opts.bymonthday[i];
                        if (v > 0) {
                            bymonthday.push(v)
                        } else if (v < 0) {
                            bynmonthday.push(v)
                        }
                    }
                    opts.bymonthday = bymonthday;
                    opts.bynmonthday = bynmonthday
                } else if (opts.bymonthday < 0) {
                    opts.bynmonthday = [opts.bymonthday];
                    opts.bymonthday = []
                } else {
                    opts.bynmonthday = [];
                    opts.bymonthday = [opts.bymonthday]
                }
                if (isPresent(opts.byweekno) && !isArray(opts.byweekno)) {
                    opts.byweekno = [opts.byweekno]
                }
                if (!isPresent(opts.byweekday)) {
                    opts.bynweekday = null
                } else if (isNumber(opts.byweekday)) {
                    opts.byweekday = [opts.byweekday];
                    opts.bynweekday = null
                } else if (isWeekdayStr(opts.byweekday)) {
                    opts.byweekday = [Weekday.fromStr(opts.byweekday).weekday];
                    opts.bynweekday = null
                } else if (opts.byweekday instanceof Weekday) {
                    if (!opts.byweekday.n || opts.freq > RRule.MONTHLY) {
                        opts.byweekday = [opts.byweekday.weekday];
                        opts.bynweekday = null
                    } else {
                        opts.bynweekday = [
                            [opts.byweekday.weekday, opts.byweekday.n]
                        ];
                        opts.byweekday = null
                    }
                } else {
                    var byweekday = [];
                    var bynweekday = [];
                    for (i = 0; i < opts.byweekday.length; i++) {
                        var wday = opts.byweekday[i];
                        if (isNumber(wday)) {
                            byweekday.push(wday);
                            continue
                        } else if (isWeekdayStr(wday)) {
                            byweekday.push(Weekday.fromStr(wday).weekday);
                            continue
                        }
                        if (!wday.n || opts.freq > RRule.MONTHLY) {
                            byweekday.push(wday.weekday)
                        } else {
                            bynweekday.push([wday.weekday, wday.n])
                        }
                    }
                    opts.byweekday = notEmpty(byweekday) ? byweekday : null;
                    opts.bynweekday = notEmpty(bynweekday) ? bynweekday : null
                }
                if (!isPresent(opts.byhour)) {
                    opts.byhour = opts.freq < RRule.HOURLY ? [opts.dtstart.getUTCHours()] : null
                } else if (isNumber(opts.byhour)) {
                    opts.byhour = [opts.byhour]
                }
                if (!isPresent(opts.byminute)) {
                    opts.byminute = opts.freq < RRule.MINUTELY ? [opts.dtstart.getUTCMinutes()] : null
                } else if (isNumber(opts.byminute)) {
                    opts.byminute = [opts.byminute]
                }
                if (!isPresent(opts.bysecond)) {
                    opts.bysecond = opts.freq < RRule.SECONDLY ? [opts.dtstart.getUTCSeconds()] : null
                } else if (isNumber(opts.bysecond)) {
                    opts.bysecond = [opts.bysecond]
                }
                return {
                    parsedOptions: opts
                }
            }

            function parseString(rfcString) {
                var options = rfcString.split("\n").map(parseLine).filter(function(x) {
                    return null !== x
                });
                return __assign(__assign({}, options[0]), options[1])
            }

            function parseDtstart(line) {
                var options = {};
                var dtstartWithZone = /DTSTART(?:;TZID=([^:=]+?))?(?::|=)([^;\s]+)/i.exec(line);
                if (!dtstartWithZone) {
                    return options
                }
                var tzid = dtstartWithZone[1],
                    dtstart = dtstartWithZone[2];
                if (tzid) {
                    options.tzid = tzid
                }
                options.dtstart = untilStringToDate(dtstart);
                return options
            }

            function parseLine(rfcString) {
                rfcString = rfcString.replace(/^\s+|\s+$/, "");
                if (!rfcString.length) {
                    return null
                }
                var header = /^([A-Z]+?)[:;]/.exec(rfcString.toUpperCase());
                if (!header) {
                    return parseRrule(rfcString)
                }
                var key = header[1];
                switch (key.toUpperCase()) {
                    case "RRULE":
                    case "EXRULE":
                        return parseRrule(rfcString);
                    case "DTSTART":
                        return parseDtstart(rfcString);
                    default:
                        throw new Error("Unsupported RFC prop ".concat(key, " in ").concat(rfcString))
                }
            }

            function parseRrule(line) {
                var strippedLine = line.replace(/^RRULE:/i, "");
                var options = parseDtstart(strippedLine);
                var attrs = line.replace(/^(?:RRULE|EXRULE):/i, "").split(";");
                attrs.forEach(function(attr) {
                    var _a = attr.split("="),
                        key = _a[0],
                        value = _a[1];
                    switch (key.toUpperCase()) {
                        case "FREQ":
                            options.freq = Frequency[value.toUpperCase()];
                            break;
                        case "WKST":
                            options.wkst = Days[value.toUpperCase()];
                            break;
                        case "COUNT":
                        case "INTERVAL":
                        case "BYSETPOS":
                        case "BYMONTH":
                        case "BYMONTHDAY":
                        case "BYYEARDAY":
                        case "BYWEEKNO":
                        case "BYHOUR":
                        case "BYMINUTE":
                        case "BYSECOND":
                            var num = function(value) {
                                if (-1 !== value.indexOf(",")) {
                                    var values = value.split(",");
                                    return values.map(parseIndividualNumber)
                                }
                                return parseIndividualNumber(value)
                            }(value);
                            var optionKey = key.toLowerCase();
                            options[optionKey] = num;
                            break;
                        case "BYWEEKDAY":
                        case "BYDAY":
                            options.byweekday = function(value) {
                                var days = value.split(",");
                                return days.map(function(day) {
                                    if (2 === day.length) {
                                        return Days[day]
                                    }
                                    var parts = day.match(/^([+-]?\d{1,2})([A-Z]{2})$/);
                                    if (!parts || parts.length < 3) {
                                        throw new SyntaxError("Invalid weekday string: ".concat(day))
                                    }
                                    var n = Number(parts[1]);
                                    var wdaypart = parts[2];
                                    var wday = Days[wdaypart].weekday;
                                    return new Weekday(wday, n)
                                })
                            }(value);
                            break;
                        case "DTSTART":
                        case "TZID":
                            var dtstart = parseDtstart(line);
                            options.tzid = dtstart.tzid;
                            options.dtstart = dtstart.dtstart;
                            break;
                        case "UNTIL":
                            options.until = untilStringToDate(value);
                            break;
                        case "BYEASTER":
                            options.byeaster = Number(value);
                            break;
                        default:
                            throw new Error("Unknown RRULE property '" + key + "'")
                    }
                });
                return options
            }

            function parseIndividualNumber(value) {
                if (/^[+-]?\d+$/.test(value)) {
                    return Number(value)
                }
                return value
            }
            var DateWithZone = function() {
                function DateWithZone(date, tzid) {
                    if (isNaN(date.getTime())) {
                        throw new RangeError("Invalid date passed to DateWithZone")
                    }
                    this.date = date;
                    this.tzid = tzid
                }
                Object.defineProperty(DateWithZone.prototype, "isUTC", {
                    get: function() {
                        return !this.tzid || "UTC" === this.tzid.toUpperCase()
                    },
                    enumerable: false,
                    configurable: true
                });
                DateWithZone.prototype.toString = function() {
                    var datestr = timeToUntilString(this.date.getTime(), this.isUTC);
                    if (!this.isUTC) {
                        return ";TZID=".concat(this.tzid, ":").concat(datestr)
                    }
                    return ":".concat(datestr)
                };
                DateWithZone.prototype.getTime = function() {
                    return this.date.getTime()
                };
                DateWithZone.prototype.rezonedDate = function() {
                    if (this.isUTC) {
                        return this.date
                    }
                    return function(date, timeZone) {
                        var localTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
                        var dateInLocalTZ = new Date(dateTZtoISO8601(date, localTimeZone));
                        var dateInTargetTZ = new Date(dateTZtoISO8601(date, null !== timeZone && void 0 !== timeZone ? timeZone : "UTC"));
                        var tzOffset = dateInTargetTZ.getTime() - dateInLocalTZ.getTime();
                        return new Date(date.getTime() - tzOffset)
                    }(this.date, this.tzid)
                };
                return DateWithZone
            }();

            function optionsToString(options) {
                var rrule = [];
                var dtstart = "";
                var keys = Object.keys(options);
                var defaultKeys = Object.keys(DEFAULT_OPTIONS);
                for (var i = 0; i < keys.length; i++) {
                    if ("tzid" === keys[i]) {
                        continue
                    }
                    if (!includes(defaultKeys, keys[i])) {
                        continue
                    }
                    var key = keys[i].toUpperCase();
                    var value = options[keys[i]];
                    var outValue = "";
                    if (!isPresent(value) || isArray(value) && !value.length) {
                        continue
                    }
                    switch (key) {
                        case "FREQ":
                            outValue = RRule.FREQUENCIES[options.freq];
                            break;
                        case "WKST":
                            if (isNumber(value)) {
                                outValue = new Weekday(value).toString()
                            } else {
                                outValue = value.toString()
                            }
                            break;
                        case "BYWEEKDAY":
                            key = "BYDAY";
                            outValue = toArray(value).map(function(wday) {
                                if (wday instanceof Weekday) {
                                    return wday
                                }
                                if (isArray(wday)) {
                                    return new Weekday(wday[0], wday[1])
                                }
                                return new Weekday(wday)
                            }).toString();
                            break;
                        case "DTSTART":
                            dtstart = buildDtstart(value, options.tzid);
                            break;
                        case "UNTIL":
                            outValue = timeToUntilString(value, !options.tzid);
                            break;
                        default:
                            if (isArray(value)) {
                                var strValues = [];
                                for (var j = 0; j < value.length; j++) {
                                    strValues[j] = String(value[j])
                                }
                                outValue = strValues.toString()
                            } else {
                                outValue = String(value)
                            }
                    }
                    if (outValue) {
                        rrule.push([key, outValue])
                    }
                }
                var rules = rrule.map(function(_a) {
                    var key = _a[0],
                        value = _a[1];
                    return "".concat(key, "=").concat(value.toString())
                }).join(";");
                var ruleString = "";
                if ("" !== rules) {
                    ruleString = "RRULE:".concat(rules)
                }
                return [dtstart, ruleString].filter(function(x) {
                    return !!x
                }).join("\n")
            }

            function buildDtstart(dtstart, tzid) {
                if (!dtstart) {
                    return ""
                }
                return "DTSTART" + new DateWithZone(new Date(dtstart), tzid).toString()
            }

            function argsMatch(left, right) {
                if (Array.isArray(left)) {
                    if (!Array.isArray(right)) {
                        return false
                    }
                    if (left.length !== right.length) {
                        return false
                    }
                    return left.every(function(date, i) {
                        return date.getTime() === right[i].getTime()
                    })
                }
                if (left instanceof Date) {
                    return right instanceof Date && left.getTime() === right.getTime()
                }
                return left === right
            }
            var Cache = function() {
                function Cache() {
                    this.all = false;
                    this.before = [];
                    this.after = [];
                    this.between = []
                }
                Cache.prototype._cacheAdd = function(what, value, args) {
                    if (value) {
                        value = value instanceof Date ? dateutil_clone(value) : cloneDates(value)
                    }
                    if ("all" === what) {
                        this.all = value
                    } else {
                        args._value = value;
                        this[what].push(args)
                    }
                };
                Cache.prototype._cacheGet = function(what, args) {
                    var cached = false;
                    var argsKeys = args ? Object.keys(args) : [];
                    var findCacheDiff = function(item) {
                        for (var i = 0; i < argsKeys.length; i++) {
                            var key = argsKeys[i];
                            if (!argsMatch(args[key], item[key])) {
                                return true
                            }
                        }
                        return false
                    };
                    var cachedObject = this[what];
                    if ("all" === what) {
                        cached = this.all
                    } else if (isArray(cachedObject)) {
                        for (var i = 0; i < cachedObject.length; i++) {
                            var item = cachedObject[i];
                            if (argsKeys.length && findCacheDiff(item)) {
                                continue
                            }
                            cached = item._value;
                            break
                        }
                    }
                    if (!cached && this.all) {
                        var iterResult = new iterresult(what, args);
                        for (i = 0; i < this.all.length; i++) {
                            if (!iterResult.accept(this.all[i])) {
                                break
                            }
                        }
                        cached = iterResult.getValue();
                        this._cacheAdd(what, cached, args)
                    }
                    return isArray(cached) ? cloneDates(cached) : cached instanceof Date ? dateutil_clone(cached) : cached
                };
                return Cache
            }();
            var M365MASK = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], repeat(1, 31), true), repeat(2, 28), true), repeat(3, 31), true), repeat(4, 30), true), repeat(5, 31), true), repeat(6, 30), true), repeat(7, 31), true), repeat(8, 31), true), repeat(9, 30), true), repeat(10, 31), true), repeat(11, 30), true), repeat(12, 31), true), repeat(1, 7), true);
            var M366MASK = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], repeat(1, 31), true), repeat(2, 29), true), repeat(3, 31), true), repeat(4, 30), true), repeat(5, 31), true), repeat(6, 30), true), repeat(7, 31), true), repeat(8, 31), true), repeat(9, 30), true), repeat(10, 31), true), repeat(11, 30), true), repeat(12, 31), true), repeat(1, 7), true);
            var M28 = range(1, 29);
            var M29 = range(1, 30);
            var M30 = range(1, 31);
            var M31 = range(1, 32);
            var MDAY366MASK = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], M31, true), M29, true), M31, true), M30, true), M31, true), M30, true), M31, true), M31, true), M30, true), M31, true), M30, true), M31, true), M31.slice(0, 7), true);
            var MDAY365MASK = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], M31, true), M28, true), M31, true), M30, true), M31, true), M30, true), M31, true), M31, true), M30, true), M31, true), M30, true), M31, true), M31.slice(0, 7), true);
            var NM28 = range(-28, 0);
            var NM29 = range(-29, 0);
            var NM30 = range(-30, 0);
            var NM31 = range(-31, 0);
            var NMDAY366MASK = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], NM31, true), NM29, true), NM31, true), NM30, true), NM31, true), NM30, true), NM31, true), NM31, true), NM30, true), NM31, true), NM30, true), NM31, true), NM31.slice(0, 7), true);
            var NMDAY365MASK = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], NM31, true), NM28, true), NM31, true), NM30, true), NM31, true), NM30, true), NM31, true), NM31, true), NM30, true), NM31, true), NM30, true), NM31, true), NM31.slice(0, 7), true);
            var M366RANGE = [0, 31, 60, 91, 121, 152, 182, 213, 244, 274, 305, 335, 366];
            var M365RANGE = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334, 365];
            var WDAYMASK = function() {
                var wdaymask = [];
                for (var i = 0; i < 55; i++) {
                    wdaymask = wdaymask.concat(range(7))
                }
                return wdaymask
            }();

            function rebuildYear(year, options) {
                var firstyday = datetime(year, 1, 1);
                var yearlen = isLeapYear(year) ? 366 : 365;
                var nextyearlen = isLeapYear(year + 1) ? 366 : 365;
                var yearordinal = toOrdinal(firstyday);
                var yearweekday = getWeekday(firstyday);
                var result = __assign(__assign({
                    yearlen: yearlen,
                    nextyearlen: nextyearlen,
                    yearordinal: yearordinal,
                    yearweekday: yearweekday
                }, function(year) {
                    var yearlen = isLeapYear(year) ? 366 : 365;
                    var firstyday = datetime(year, 1, 1);
                    var wday = getWeekday(firstyday);
                    if (365 === yearlen) {
                        return {
                            mmask: M365MASK,
                            mdaymask: MDAY365MASK,
                            nmdaymask: NMDAY365MASK,
                            wdaymask: WDAYMASK.slice(wday),
                            mrange: M365RANGE
                        }
                    }
                    return {
                        mmask: M366MASK,
                        mdaymask: MDAY366MASK,
                        nmdaymask: NMDAY366MASK,
                        wdaymask: WDAYMASK.slice(wday),
                        mrange: M366RANGE
                    }
                }(year)), {
                    wnomask: null
                });
                if (empty(options.byweekno)) {
                    return result
                }
                result.wnomask = repeat(0, yearlen + 7);
                var firstwkst;
                var wyearlen;
                var no1wkst = firstwkst = pymod(7 - yearweekday + options.wkst, 7);
                if (no1wkst >= 4) {
                    no1wkst = 0;
                    wyearlen = result.yearlen + pymod(yearweekday - options.wkst, 7)
                } else {
                    wyearlen = yearlen - no1wkst
                }
                var div = Math.floor(wyearlen / 7);
                var mod = pymod(wyearlen, 7);
                var numweeks = Math.floor(div + mod / 4);
                for (var j = 0; j < options.byweekno.length; j++) {
                    var n = options.byweekno[j];
                    if (n < 0) {
                        n += numweeks + 1
                    }
                    if (!(n > 0 && n <= numweeks)) {
                        continue
                    }
                    var i = void 0;
                    if (n > 1) {
                        i = no1wkst + 7 * (n - 1);
                        if (no1wkst !== firstwkst) {
                            i -= 7 - firstwkst
                        }
                    } else {
                        i = no1wkst
                    }
                    for (var k = 0; k < 7; k++) {
                        result.wnomask[i] = 1;
                        i++;
                        if (result.wdaymask[i] === options.wkst) {
                            break
                        }
                    }
                }
                if (includes(options.byweekno, 1)) {
                    i = no1wkst + 7 * numweeks;
                    if (no1wkst !== firstwkst) {
                        i -= 7 - firstwkst
                    }
                    if (i < yearlen) {
                        for (j = 0; j < 7; j++) {
                            result.wnomask[i] = 1;
                            i += 1;
                            if (result.wdaymask[i] === options.wkst) {
                                break
                            }
                        }
                    }
                }
                if (no1wkst) {
                    var lnumweeks = void 0;
                    if (!includes(options.byweekno, -1)) {
                        var lyearweekday = getWeekday(datetime(year - 1, 1, 1));
                        var lno1wkst = pymod(7 - lyearweekday.valueOf() + options.wkst, 7);
                        var lyearlen = isLeapYear(year - 1) ? 366 : 365;
                        var weekst = void 0;
                        if (lno1wkst >= 4) {
                            lno1wkst = 0;
                            weekst = lyearlen + pymod(lyearweekday - options.wkst, 7)
                        } else {
                            weekst = yearlen - no1wkst
                        }
                        lnumweeks = Math.floor(52 + pymod(weekst, 7) / 4)
                    } else {
                        lnumweeks = -1
                    }
                    if (includes(options.byweekno, lnumweeks)) {
                        for (i = 0; i < no1wkst; i++) {
                            result.wnomask[i] = 1
                        }
                    }
                }
                return result
            }
            var Iterinfo = function() {
                function Iterinfo(options) {
                    this.options = options
                }
                Iterinfo.prototype.rebuild = function(year, month) {
                    var options = this.options;
                    if (year !== this.lastyear) {
                        this.yearinfo = rebuildYear(year, options)
                    }
                    if (notEmpty(options.bynweekday) && (month !== this.lastmonth || year !== this.lastyear)) {
                        var _a = this.yearinfo,
                            yearlen = _a.yearlen,
                            mrange = _a.mrange,
                            wdaymask = _a.wdaymask;
                        this.monthinfo = function(year, month, yearlen, mrange, wdaymask, options) {
                            var result = {
                                lastyear: year,
                                lastmonth: month,
                                nwdaymask: []
                            };
                            var ranges = [];
                            if (options.freq === RRule.YEARLY) {
                                if (empty(options.bymonth)) {
                                    ranges = [
                                        [0, yearlen]
                                    ]
                                } else {
                                    for (var j = 0; j < options.bymonth.length; j++) {
                                        month = options.bymonth[j];
                                        ranges.push(mrange.slice(month - 1, month + 1))
                                    }
                                }
                            } else if (options.freq === RRule.MONTHLY) {
                                ranges = [mrange.slice(month - 1, month + 1)]
                            }
                            if (empty(ranges)) {
                                return result
                            }
                            result.nwdaymask = repeat(0, yearlen);
                            for (j = 0; j < ranges.length; j++) {
                                var rang = ranges[j];
                                var first = rang[0];
                                var last = rang[1] - 1;
                                for (var k = 0; k < options.bynweekday.length; k++) {
                                    var i = void 0;
                                    var _a = options.bynweekday[k],
                                        wday = _a[0],
                                        n = _a[1];
                                    if (n < 0) {
                                        i = last + 7 * (n + 1);
                                        i -= pymod(wdaymask[i] - wday, 7)
                                    } else {
                                        i = first + 7 * (n - 1);
                                        i += pymod(7 - wdaymask[i] + wday, 7)
                                    }
                                    if (first <= i && i <= last) {
                                        result.nwdaymask[i] = 1
                                    }
                                }
                            }
                            return result
                        }(year, month, yearlen, mrange, wdaymask, options)
                    }
                    if (isPresent(options.byeaster)) {
                        this.eastermask = function(y, offset) {
                            if (void 0 === offset) {
                                offset = 0
                            }
                            var a = y % 19;
                            var b = Math.floor(y / 100);
                            var c = y % 100;
                            var d = Math.floor(b / 4);
                            var e = b % 4;
                            var f = Math.floor((b + 8) / 25);
                            var g = Math.floor((b - f + 1) / 3);
                            var h = Math.floor(19 * a + b - d - g + 15) % 30;
                            var i = Math.floor(c / 4);
                            var k = c % 4;
                            var l = Math.floor(32 + 2 * e + 2 * i - h - k) % 7;
                            var m = Math.floor((a + 11 * h + 22 * l) / 451);
                            var month = Math.floor((h + l - 7 * m + 114) / 31);
                            var day = (h + l - 7 * m + 114) % 31 + 1;
                            var date = Date.UTC(y, month - 1, day + offset);
                            var yearStart = Date.UTC(y, 0, 1);
                            return [Math.ceil((date - yearStart) / 864e5)]
                        }(year, options.byeaster)
                    }
                };
                Object.defineProperty(Iterinfo.prototype, "lastyear", {
                    get: function() {
                        return this.monthinfo ? this.monthinfo.lastyear : null
                    },
                    enumerable: false,
                    configurable: true
                });
                Object.defineProperty(Iterinfo.prototype, "lastmonth", {
                    get: function() {
                        return this.monthinfo ? this.monthinfo.lastmonth : null
                    },
                    enumerable: false,
                    configurable: true
                });
                Object.defineProperty(Iterinfo.prototype, "yearlen", {
                    get: function() {
                        return this.yearinfo.yearlen
                    },
                    enumerable: false,
                    configurable: true
                });
                Object.defineProperty(Iterinfo.prototype, "yearordinal", {
                    get: function() {
                        return this.yearinfo.yearordinal
                    },
                    enumerable: false,
                    configurable: true
                });
                Object.defineProperty(Iterinfo.prototype, "mrange", {
                    get: function() {
                        return this.yearinfo.mrange
                    },
                    enumerable: false,
                    configurable: true
                });
                Object.defineProperty(Iterinfo.prototype, "wdaymask", {
                    get: function() {
                        return this.yearinfo.wdaymask
                    },
                    enumerable: false,
                    configurable: true
                });
                Object.defineProperty(Iterinfo.prototype, "mmask", {
                    get: function() {
                        return this.yearinfo.mmask
                    },
                    enumerable: false,
                    configurable: true
                });
                Object.defineProperty(Iterinfo.prototype, "wnomask", {
                    get: function() {
                        return this.yearinfo.wnomask
                    },
                    enumerable: false,
                    configurable: true
                });
                Object.defineProperty(Iterinfo.prototype, "nwdaymask", {
                    get: function() {
                        return this.monthinfo ? this.monthinfo.nwdaymask : []
                    },
                    enumerable: false,
                    configurable: true
                });
                Object.defineProperty(Iterinfo.prototype, "nextyearlen", {
                    get: function() {
                        return this.yearinfo.nextyearlen
                    },
                    enumerable: false,
                    configurable: true
                });
                Object.defineProperty(Iterinfo.prototype, "mdaymask", {
                    get: function() {
                        return this.yearinfo.mdaymask
                    },
                    enumerable: false,
                    configurable: true
                });
                Object.defineProperty(Iterinfo.prototype, "nmdaymask", {
                    get: function() {
                        return this.yearinfo.nmdaymask
                    },
                    enumerable: false,
                    configurable: true
                });
                Iterinfo.prototype.ydayset = function() {
                    return [range(this.yearlen), 0, this.yearlen]
                };
                Iterinfo.prototype.mdayset = function(_, month) {
                    var start = this.mrange[month - 1];
                    var end = this.mrange[month];
                    var set = repeat(null, this.yearlen);
                    for (var i = start; i < end; i++) {
                        set[i] = i
                    }
                    return [set, start, end]
                };
                Iterinfo.prototype.wdayset = function(year, month, day) {
                    var set = repeat(null, this.yearlen + 7);
                    var i = toOrdinal(datetime(year, month, day)) - this.yearordinal;
                    var start = i;
                    for (var j = 0; j < 7; j++) {
                        set[i] = i;
                        ++i;
                        if (this.wdaymask[i] === this.options.wkst) {
                            break
                        }
                    }
                    return [set, start, i]
                };
                Iterinfo.prototype.ddayset = function(year, month, day) {
                    var set = repeat(null, this.yearlen);
                    var i = toOrdinal(datetime(year, month, day)) - this.yearordinal;
                    set[i] = i;
                    return [set, i, i + 1]
                };
                Iterinfo.prototype.htimeset = function(hour, _, second, millisecond) {
                    var _this = this;
                    var set = [];
                    this.options.byminute.forEach(function(minute) {
                        set = set.concat(_this.mtimeset(hour, minute, second, millisecond))
                    });
                    sort(set);
                    return set
                };
                Iterinfo.prototype.mtimeset = function(hour, minute, _, millisecond) {
                    var set = this.options.bysecond.map(function(second) {
                        return new Time(hour, minute, second, millisecond)
                    });
                    sort(set);
                    return set
                };
                Iterinfo.prototype.stimeset = function(hour, minute, second, millisecond) {
                    return [new Time(hour, minute, second, millisecond)]
                };
                Iterinfo.prototype.getdayset = function(freq) {
                    switch (freq) {
                        case Frequency.YEARLY:
                            return this.ydayset.bind(this);
                        case Frequency.MONTHLY:
                            return this.mdayset.bind(this);
                        case Frequency.WEEKLY:
                            return this.wdayset.bind(this);
                        case Frequency.DAILY:
                        default:
                            return this.ddayset.bind(this)
                    }
                };
                Iterinfo.prototype.gettimeset = function(freq) {
                    switch (freq) {
                        case Frequency.HOURLY:
                            return this.htimeset.bind(this);
                        case Frequency.MINUTELY:
                            return this.mtimeset.bind(this);
                        case Frequency.SECONDLY:
                            return this.stimeset.bind(this)
                    }
                };
                return Iterinfo
            }();
            const iterinfo = Iterinfo;

            function buildPoslist(bysetpos, timeset, start, end, ii, dayset) {
                var poslist = [];
                for (var j = 0; j < bysetpos.length; j++) {
                    var daypos = void 0;
                    var timepos = void 0;
                    var pos = bysetpos[j];
                    if (pos < 0) {
                        daypos = Math.floor(pos / timeset.length);
                        timepos = pymod(pos, timeset.length)
                    } else {
                        daypos = Math.floor((pos - 1) / timeset.length);
                        timepos = pymod(pos - 1, timeset.length)
                    }
                    var tmp = [];
                    for (var k = start; k < end; k++) {
                        var val = dayset[k];
                        if (!isPresent(val)) {
                            continue
                        }
                        tmp.push(val)
                    }
                    var i = void 0;
                    if (daypos < 0) {
                        i = tmp.slice(daypos)[0]
                    } else {
                        i = tmp[daypos]
                    }
                    var time = timeset[timepos];
                    var date = fromOrdinal(ii.yearordinal + i);
                    var res = combine(date, time);
                    if (!includes(poslist, res)) {
                        poslist.push(res)
                    }
                }
                sort(poslist);
                return poslist
            }

            function iter(iterResult, options) {
                var dtstart = options.dtstart,
                    freq = options.freq,
                    interval = options.interval,
                    until = options.until,
                    bysetpos = options.bysetpos;
                var count = options.count;
                if (0 === count || 0 === interval) {
                    return emitResult(iterResult)
                }
                var counterDate = DateTime.fromDate(dtstart);
                var ii = new iterinfo(options);
                ii.rebuild(counterDate.year, counterDate.month);
                var timeset = function(ii, counterDate, options) {
                    var freq = options.freq,
                        byhour = options.byhour,
                        byminute = options.byminute,
                        bysecond = options.bysecond;
                    if (freqIsDailyOrGreater(freq)) {
                        return function(opts) {
                            var millisecondModulo = opts.dtstart.getTime() % 1e3;
                            if (!freqIsDailyOrGreater(opts.freq)) {
                                return []
                            }
                            var timeset = [];
                            opts.byhour.forEach(function(hour) {
                                opts.byminute.forEach(function(minute) {
                                    opts.bysecond.forEach(function(second) {
                                        timeset.push(new Time(hour, minute, second, millisecondModulo))
                                    })
                                })
                            });
                            return timeset
                        }(options)
                    }
                    if (freq >= RRule.HOURLY && notEmpty(byhour) && !includes(byhour, counterDate.hour) || freq >= RRule.MINUTELY && notEmpty(byminute) && !includes(byminute, counterDate.minute) || freq >= RRule.SECONDLY && notEmpty(bysecond) && !includes(bysecond, counterDate.second)) {
                        return []
                    }
                    return ii.gettimeset(freq)(counterDate.hour, counterDate.minute, counterDate.second, counterDate.millisecond)
                }(ii, counterDate, options);
                for (;;) {
                    var _a = ii.getdayset(freq)(counterDate.year, counterDate.month, counterDate.day),
                        dayset = _a[0],
                        start = _a[1],
                        end = _a[2];
                    var filtered = removeFilteredDays(dayset, start, end, ii, options);
                    if (notEmpty(bysetpos)) {
                        var poslist = buildPoslist(bysetpos, timeset, start, end, ii, dayset);
                        for (var j = 0; j < poslist.length; j++) {
                            var res = poslist[j];
                            if (until && res > until) {
                                return emitResult(iterResult)
                            }
                            if (res >= dtstart) {
                                var rezonedDate = rezoneIfNeeded(res, options);
                                if (!iterResult.accept(rezonedDate)) {
                                    return emitResult(iterResult)
                                }
                                if (count) {
                                    --count;
                                    if (!count) {
                                        return emitResult(iterResult)
                                    }
                                }
                            }
                        }
                    } else {
                        for (j = start; j < end; j++) {
                            var currentDay = dayset[j];
                            if (!isPresent(currentDay)) {
                                continue
                            }
                            var date = fromOrdinal(ii.yearordinal + currentDay);
                            for (var k = 0; k < timeset.length; k++) {
                                var time = timeset[k];
                                res = combine(date, time);
                                if (until && res > until) {
                                    return emitResult(iterResult)
                                }
                                if (res >= dtstart) {
                                    rezonedDate = rezoneIfNeeded(res, options);
                                    if (!iterResult.accept(rezonedDate)) {
                                        return emitResult(iterResult)
                                    }
                                    if (count) {
                                        --count;
                                        if (!count) {
                                            return emitResult(iterResult)
                                        }
                                    }
                                }
                            }
                        }
                    }
                    if (0 === options.interval) {
                        return emitResult(iterResult)
                    }
                    counterDate.add(options, filtered);
                    if (counterDate.year > 9999) {
                        return emitResult(iterResult)
                    }
                    if (!freqIsDailyOrGreater(freq)) {
                        timeset = ii.gettimeset(freq)(counterDate.hour, counterDate.minute, counterDate.second, 0)
                    }
                    ii.rebuild(counterDate.year, counterDate.month)
                }
            }

            function isFiltered(ii, currentDay, options) {
                var bymonth = options.bymonth,
                    byweekno = options.byweekno,
                    byweekday = options.byweekday,
                    byeaster = options.byeaster,
                    bymonthday = options.bymonthday,
                    bynmonthday = options.bynmonthday,
                    byyearday = options.byyearday;
                return notEmpty(bymonth) && !includes(bymonth, ii.mmask[currentDay]) || notEmpty(byweekno) && !ii.wnomask[currentDay] || notEmpty(byweekday) && !includes(byweekday, ii.wdaymask[currentDay]) || notEmpty(ii.nwdaymask) && !ii.nwdaymask[currentDay] || null !== byeaster && !includes(ii.eastermask, currentDay) || (notEmpty(bymonthday) || notEmpty(bynmonthday)) && !includes(bymonthday, ii.mdaymask[currentDay]) && !includes(bynmonthday, ii.nmdaymask[currentDay]) || notEmpty(byyearday) && (currentDay < ii.yearlen && !includes(byyearday, currentDay + 1) && !includes(byyearday, -ii.yearlen + currentDay) || currentDay >= ii.yearlen && !includes(byyearday, currentDay + 1 - ii.yearlen) && !includes(byyearday, -ii.nextyearlen + currentDay - ii.yearlen))
            }

            function rezoneIfNeeded(date, options) {
                return new DateWithZone(date, options.tzid).rezonedDate()
            }

            function emitResult(iterResult) {
                return iterResult.getValue()
            }

            function removeFilteredDays(dayset, start, end, ii, options) {
                var filtered = false;
                for (var dayCounter = start; dayCounter < end; dayCounter++) {
                    var currentDay = dayset[dayCounter];
                    filtered = isFiltered(ii, currentDay, options);
                    if (filtered) {
                        dayset[currentDay] = null
                    }
                }
                return filtered
            }
            var Days = {
                MO: new Weekday(0),
                TU: new Weekday(1),
                WE: new Weekday(2),
                TH: new Weekday(3),
                FR: new Weekday(4),
                SA: new Weekday(5),
                SU: new Weekday(6)
            };
            var DEFAULT_OPTIONS = {
                freq: Frequency.YEARLY,
                dtstart: null,
                interval: 1,
                wkst: Days.MO,
                count: null,
                until: null,
                tzid: null,
                bysetpos: null,
                bymonth: null,
                bymonthday: null,
                bynmonthday: null,
                byyearday: null,
                byweekno: null,
                byweekday: null,
                bynweekday: null,
                byhour: null,
                byminute: null,
                bysecond: null,
                byeaster: null
            };
            var defaultKeys = Object.keys(DEFAULT_OPTIONS);
            var RRule = function() {
                function RRule(options, noCache) {
                    if (void 0 === options) {
                        options = {}
                    }
                    if (void 0 === noCache) {
                        noCache = false
                    }
                    this._cache = noCache ? null : new Cache;
                    this.origOptions = initializeOptions(options);
                    var parsedOptions = parseOptions(options).parsedOptions;
                    this.options = parsedOptions
                }
                RRule.parseText = function(text, language) {
                    return parseText(text, language)
                };
                RRule.fromText = function(text, language) {
                    return fromText(text, language)
                };
                RRule.fromString = function(str) {
                    return new RRule(RRule.parseString(str) || void 0)
                };
                RRule.prototype._iter = function(iterResult) {
                    return iter(iterResult, this.options)
                };
                RRule.prototype._cacheGet = function(what, args) {
                    if (!this._cache) {
                        return false
                    }
                    return this._cache._cacheGet(what, args)
                };
                RRule.prototype._cacheAdd = function(what, value, args) {
                    if (!this._cache) {
                        return
                    }
                    return this._cache._cacheAdd(what, value, args)
                };
                RRule.prototype.all = function(iterator) {
                    if (iterator) {
                        return this._iter(new callbackiterresult("all", {}, iterator))
                    }
                    var result = this._cacheGet("all");
                    if (false === result) {
                        result = this._iter(new iterresult("all", {}));
                        this._cacheAdd("all", result)
                    }
                    return result
                };
                RRule.prototype.between = function(after, before, inc, iterator) {
                    if (void 0 === inc) {
                        inc = false
                    }
                    if (!isValidDate(after) || !isValidDate(before)) {
                        throw new Error("Invalid date passed in to RRule.between")
                    }
                    var args = {
                        before: before,
                        after: after,
                        inc: inc
                    };
                    if (iterator) {
                        return this._iter(new callbackiterresult("between", args, iterator))
                    }
                    var result = this._cacheGet("between", args);
                    if (false === result) {
                        result = this._iter(new iterresult("between", args));
                        this._cacheAdd("between", result, args)
                    }
                    return result
                };
                RRule.prototype.before = function(dt, inc) {
                    if (void 0 === inc) {
                        inc = false
                    }
                    if (!isValidDate(dt)) {
                        throw new Error("Invalid date passed in to RRule.before")
                    }
                    var args = {
                        dt: dt,
                        inc: inc
                    };
                    var result = this._cacheGet("before", args);
                    if (false === result) {
                        result = this._iter(new iterresult("before", args));
                        this._cacheAdd("before", result, args)
                    }
                    return result
                };
                RRule.prototype.after = function(dt, inc) {
                    if (void 0 === inc) {
                        inc = false
                    }
                    if (!isValidDate(dt)) {
                        throw new Error("Invalid date passed in to RRule.after")
                    }
                    var args = {
                        dt: dt,
                        inc: inc
                    };
                    var result = this._cacheGet("after", args);
                    if (false === result) {
                        result = this._iter(new iterresult("after", args));
                        this._cacheAdd("after", result, args)
                    }
                    return result
                };
                RRule.prototype.count = function() {
                    return this.all().length
                };
                RRule.prototype.toString = function() {
                    return optionsToString(this.origOptions)
                };
                RRule.prototype.toText = function(gettext, language, dateFormatter) {
                    return function(rrule, gettext, language, dateFormatter) {
                        return new totext(rrule, gettext, language, dateFormatter).toString()
                    }(this, gettext, language, dateFormatter)
                };
                RRule.prototype.isFullyConvertibleToText = function() {
                    return isFullyConvertible(this)
                };
                RRule.prototype.clone = function() {
                    return new RRule(this.origOptions)
                };
                RRule.FREQUENCIES = ["YEARLY", "MONTHLY", "WEEKLY", "DAILY", "HOURLY", "MINUTELY", "SECONDLY"];
                RRule.YEARLY = Frequency.YEARLY;
                RRule.MONTHLY = Frequency.MONTHLY;
                RRule.WEEKLY = Frequency.WEEKLY;
                RRule.DAILY = Frequency.DAILY;
                RRule.HOURLY = Frequency.HOURLY;
                RRule.MINUTELY = Frequency.MINUTELY;
                RRule.SECONDLY = Frequency.SECONDLY;
                RRule.MO = Days.MO;
                RRule.TU = Days.TU;
                RRule.WE = Days.WE;
                RRule.TH = Days.TH;
                RRule.FR = Days.FR;
                RRule.SA = Days.SA;
                RRule.SU = Days.SU;
                RRule.parseString = parseString;
                RRule.optionsToString = optionsToString;
                return RRule
            }();
            var rrulestr_DEFAULT_OPTIONS = {
                dtstart: null,
                cache: false,
                unfold: false,
                forceset: false,
                compatible: false,
                tzid: null
            };

            function parseInput(s, options) {
                var rrulevals = [];
                var rdatevals = [];
                var exrulevals = [];
                var exdatevals = [];
                var parsedDtstart = parseDtstart(s);
                var dtstart = parsedDtstart.dtstart;
                var tzid = parsedDtstart.tzid;
                var lines = function(s, unfold) {
                    if (void 0 === unfold) {
                        unfold = false
                    }
                    s = s && s.trim();
                    if (!s) {
                        throw new Error("Invalid empty string")
                    }
                    if (!unfold) {
                        return s.split(/\s/)
                    }
                    var lines = s.split("\n");
                    var i = 0;
                    while (i < lines.length) {
                        var line = lines[i] = lines[i].replace(/\s+$/g, "");
                        if (!line) {
                            lines.splice(i, 1)
                        } else if (i > 0 && " " === line[0]) {
                            lines[i - 1] += line.slice(1);
                            lines.splice(i, 1)
                        } else {
                            i += 1
                        }
                    }
                    return lines
                }(s, options.unfold);
                lines.forEach(function(line) {
                    var _a;
                    if (!line) {
                        return
                    }
                    var _b = function(line) {
                            var _a = function(line) {
                                    if (-1 === line.indexOf(":")) {
                                        return {
                                            name: "RRULE",
                                            value: line
                                        }
                                    }
                                    var _a = (str = line, sep = ":", num = 1, splits = str.split(sep), num ? splits.slice(0, num).concat([splits.slice(num).join(sep)]) : splits),
                                        name = _a[0],
                                        value = _a[1];
                                    var str, sep, num, splits;
                                    return {
                                        name: name,
                                        value: value
                                    }
                                }(line),
                                name = _a.name,
                                value = _a.value;
                            var parms = name.split(";");
                            if (!parms) {
                                throw new Error("empty property name")
                            }
                            return {
                                name: parms[0].toUpperCase(),
                                parms: parms.slice(1),
                                value: value
                            }
                        }(line),
                        name = _b.name,
                        parms = _b.parms,
                        value = _b.value;
                    switch (name.toUpperCase()) {
                        case "RRULE":
                            if (parms.length) {
                                throw new Error("unsupported RRULE parm: ".concat(parms.join(",")))
                            }
                            rrulevals.push(parseString(line));
                            break;
                        case "RDATE":
                            var _c = null !== (_a = /RDATE(?:;TZID=([^:=]+))?/i.exec(line)) && void 0 !== _a ? _a : [],
                                rdateTzid = _c[1];
                            if (rdateTzid && !tzid) {
                                tzid = rdateTzid
                            }
                            rdatevals = rdatevals.concat(parseRDate(value, parms));
                            break;
                        case "EXRULE":
                            if (parms.length) {
                                throw new Error("unsupported EXRULE parm: ".concat(parms.join(",")))
                            }
                            exrulevals.push(parseString(value));
                            break;
                        case "EXDATE":
                            exdatevals = exdatevals.concat(parseRDate(value, parms));
                            break;
                        case "DTSTART":
                            break;
                        default:
                            throw new Error("unsupported property: " + name)
                    }
                });
                return {
                    dtstart: dtstart,
                    tzid: tzid,
                    rrulevals: rrulevals,
                    rdatevals: rdatevals,
                    exrulevals: exrulevals,
                    exdatevals: exdatevals
                }
            }

            function rrulestr(s, options) {
                if (void 0 === options) {
                    options = {}
                }
                return function(s, options) {
                    var _a = parseInput(s, options),
                        rrulevals = _a.rrulevals,
                        rdatevals = _a.rdatevals,
                        exrulevals = _a.exrulevals,
                        exdatevals = _a.exdatevals,
                        dtstart = _a.dtstart,
                        tzid = _a.tzid;
                    var noCache = false === options.cache;
                    if (options.compatible) {
                        options.forceset = true;
                        options.unfold = true
                    }
                    if (options.forceset || rrulevals.length > 1 || rdatevals.length || exrulevals.length || exdatevals.length) {
                        var rset_1 = new RRuleSet(noCache);
                        rset_1.dtstart(dtstart);
                        rset_1.tzid(tzid || void 0);
                        rrulevals.forEach(function(val) {
                            rset_1.rrule(new RRule(groomRruleOptions(val, dtstart, tzid), noCache))
                        });
                        rdatevals.forEach(function(date) {
                            rset_1.rdate(date)
                        });
                        exrulevals.forEach(function(val) {
                            rset_1.exrule(new RRule(groomRruleOptions(val, dtstart, tzid), noCache))
                        });
                        exdatevals.forEach(function(date) {
                            rset_1.exdate(date)
                        });
                        if (options.compatible && options.dtstart) {
                            rset_1.rdate(dtstart)
                        }
                        return rset_1
                    }
                    var val = rrulevals[0] || {};
                    return new RRule(groomRruleOptions(val, val.dtstart || options.dtstart || dtstart, val.tzid || options.tzid || tzid), noCache)
                }(s, function(options) {
                    var invalid = [];
                    var keys = Object.keys(options);
                    var defaultKeys = Object.keys(rrulestr_DEFAULT_OPTIONS);
                    keys.forEach(function(key) {
                        if (!includes(defaultKeys, key)) {
                            invalid.push(key)
                        }
                    });
                    if (invalid.length) {
                        throw new Error("Invalid options: " + invalid.join(", "))
                    }
                    return __assign(__assign({}, rrulestr_DEFAULT_OPTIONS), options)
                }(options))
            }

            function groomRruleOptions(val, dtstart, tzid) {
                return __assign(__assign({}, val), {
                    dtstart: dtstart,
                    tzid: tzid
                })
            }

            function parseRDate(rdateval, parms) {
                ! function(parms) {
                    parms.forEach(function(parm) {
                        if (!/(VALUE=DATE(-TIME)?)|(TZID=)/.test(parm)) {
                            throw new Error("unsupported RDATE/EXDATE parm: " + parm)
                        }
                    })
                }(parms);
                return rdateval.split(",").map(function(datestr) {
                    return untilStringToDate(datestr)
                })
            }

            function createGetterSetter(fieldName) {
                var _this = this;
                return function(field) {
                    if (void 0 !== field) {
                        _this["_".concat(fieldName)] = field
                    }
                    if (void 0 !== _this["_".concat(fieldName)]) {
                        return _this["_".concat(fieldName)]
                    }
                    for (var i = 0; i < _this._rrule.length; i++) {
                        var field_1 = _this._rrule[i].origOptions[fieldName];
                        if (field_1) {
                            return field_1
                        }
                    }
                }
            }
            var RRuleSet = function(_super) {
                __extends(RRuleSet, _super);

                function RRuleSet(noCache) {
                    if (void 0 === noCache) {
                        noCache = false
                    }
                    var _this = _super.call(this, {}, noCache) || this;
                    _this.dtstart = createGetterSetter.apply(_this, ["dtstart"]);
                    _this.tzid = createGetterSetter.apply(_this, ["tzid"]);
                    _this._rrule = [];
                    _this._rdate = [];
                    _this._exrule = [];
                    _this._exdate = [];
                    return _this
                }
                RRuleSet.prototype._iter = function(iterResult) {
                    return function(iterResult, _rrule, _exrule, _rdate, _exdate, tzid) {
                        var _exdateHash = {};
                        var _accept = iterResult.accept;

                        function evalExdate(after, before) {
                            _exrule.forEach(function(rrule) {
                                rrule.between(after, before, true).forEach(function(date) {
                                    _exdateHash[Number(date)] = true
                                })
                            })
                        }
                        _exdate.forEach(function(date) {
                            var zonedDate = new DateWithZone(date, tzid).rezonedDate();
                            _exdateHash[Number(zonedDate)] = true
                        });
                        iterResult.accept = function(date) {
                            var dt = Number(date);
                            if (isNaN(dt)) {
                                return _accept.call(this, date)
                            }
                            if (!_exdateHash[dt]) {
                                evalExdate(new Date(dt - 1), new Date(dt + 1));
                                if (!_exdateHash[dt]) {
                                    _exdateHash[dt] = true;
                                    return _accept.call(this, date)
                                }
                            }
                            return true
                        };
                        if ("between" === iterResult.method) {
                            evalExdate(iterResult.args.after, iterResult.args.before);
                            iterResult.accept = function(date) {
                                var dt = Number(date);
                                if (!_exdateHash[dt]) {
                                    _exdateHash[dt] = true;
                                    return _accept.call(this, date)
                                }
                                return true
                            }
                        }
                        for (var i = 0; i < _rdate.length; i++) {
                            var zonedDate = new DateWithZone(_rdate[i], tzid).rezonedDate();
                            if (!iterResult.accept(new Date(zonedDate.getTime()))) {
                                break
                            }
                        }
                        _rrule.forEach(function(rrule) {
                            iter(iterResult, rrule.options)
                        });
                        var res = iterResult._result;
                        sort(res);
                        switch (iterResult.method) {
                            case "all":
                            case "between":
                                return res;
                            case "before":
                                return res.length && res[res.length - 1] || null;
                            default:
                                return res.length && res[0] || null
                        }
                    }(iterResult, this._rrule, this._exrule, this._rdate, this._exdate, this.tzid())
                };
                RRuleSet.prototype.rrule = function(rrule) {
                    _addRule(rrule, this._rrule)
                };
                RRuleSet.prototype.exrule = function(rrule) {
                    _addRule(rrule, this._exrule)
                };
                RRuleSet.prototype.rdate = function(date) {
                    _addDate(date, this._rdate)
                };
                RRuleSet.prototype.exdate = function(date) {
                    _addDate(date, this._exdate)
                };
                RRuleSet.prototype.rrules = function() {
                    return this._rrule.map(function(e) {
                        return rrulestr(e.toString())
                    })
                };
                RRuleSet.prototype.exrules = function() {
                    return this._exrule.map(function(e) {
                        return rrulestr(e.toString())
                    })
                };
                RRuleSet.prototype.rdates = function() {
                    return this._rdate.map(function(e) {
                        return new Date(e.getTime())
                    })
                };
                RRuleSet.prototype.exdates = function() {
                    return this._exdate.map(function(e) {
                        return new Date(e.getTime())
                    })
                };
                RRuleSet.prototype.valueOf = function() {
                    var result = [];
                    if (!this._rrule.length && this._dtstart) {
                        result = result.concat(optionsToString({
                            dtstart: this._dtstart
                        }))
                    }
                    this._rrule.forEach(function(rrule) {
                        result = result.concat(rrule.toString().split("\n"))
                    });
                    this._exrule.forEach(function(exrule) {
                        result = result.concat(exrule.toString().split("\n").map(function(line) {
                            return line.replace(/^RRULE:/, "EXRULE:")
                        }).filter(function(line) {
                            return !/^DTSTART/.test(line)
                        }))
                    });
                    if (this._rdate.length) {
                        result.push(rdatesToString("RDATE", this._rdate, this.tzid()))
                    }
                    if (this._exdate.length) {
                        result.push(rdatesToString("EXDATE", this._exdate, this.tzid()))
                    }
                    return result
                };
                RRuleSet.prototype.toString = function() {
                    return this.valueOf().join("\n")
                };
                RRuleSet.prototype.clone = function() {
                    var rrs = new RRuleSet(!!this._cache);
                    this._rrule.forEach(function(rule) {
                        return rrs.rrule(rule.clone())
                    });
                    this._exrule.forEach(function(rule) {
                        return rrs.exrule(rule.clone())
                    });
                    this._rdate.forEach(function(date) {
                        return rrs.rdate(new Date(date.getTime()))
                    });
                    this._exdate.forEach(function(date) {
                        return rrs.exdate(new Date(date.getTime()))
                    });
                    return rrs
                };
                return RRuleSet
            }(RRule);

            function _addRule(rrule, collection) {
                if (!(rrule instanceof RRule)) {
                    throw new TypeError(String(rrule) + " is not RRule instance")
                }
                if (!includes(collection.map(String), String(rrule))) {
                    collection.push(rrule)
                }
            }

            function _addDate(date, collection) {
                if (!(date instanceof Date)) {
                    throw new TypeError(String(date) + " is not Date instance")
                }
                if (!includes(collection.map(Number), Number(date))) {
                    collection.push(date);
                    sort(collection)
                }
            }

            function rdatesToString(param, rdates, tzid) {
                var isUTC = !tzid || "UTC" === tzid.toUpperCase();
                var header = isUTC ? "".concat(param, ":") : "".concat(param, ";TZID=").concat(tzid, ":");
                var dateString = rdates.map(function(rdate) {
                    return timeToUntilString(rdate.valueOf(), isUTC)
                }).join(",");
                return "".concat(header).concat(dateString)
            }
        },
        11610(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.convertTransitionTimingFuncToEasing = void 0;
            exports.getEasing = function(name) {
                return easing[name]
            };
            exports.setEasing = function(value) {
                easing = value
            };
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            const CSS_TRANSITION_EASING_REGEX = /cubic-bezier\((\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\)/;
            const TransitionTimingFuncMap = {
                linear: "cubic-bezier(0, 0, 1, 1)",
                swing: "cubic-bezier(0.445, 0.05, 0.55, 0.95)",
                ease: "cubic-bezier(0.25, 0.1, 0.25, 1)",
                "ease-in": "cubic-bezier(0.42, 0, 1, 1)",
                "ease-out": "cubic-bezier(0, 0, 0.58, 1)",
                "ease-in-out": "cubic-bezier(0.42, 0, 0.58, 1)"
            };
            const polynomBezier = (x1, y1, x2, y2) => {
                const Cx = 3 * x1;
                const Bx = 3 * (x2 - x1) - Cx;
                const Ax = 1 - Cx - Bx;
                const Cy = 3 * y1;
                const By = 3 * (y2 - y1) - Cy;
                const Ay = 1 - Cy - By;
                const bezierX = t => t * (Cx + t * (Bx + t * Ax));
                const derivativeX = t => Cx + t * (2 * Bx + 3 * t * Ax);
                return t => (t => t * (Cy + t * (By + t * Ay)))((t => {
                    let x = t;
                    let i = 0;
                    let z;
                    while (i < 14) {
                        z = bezierX(x) - t;
                        if (Math.abs(z) < .001) {
                            break
                        }
                        x -= z / derivativeX(x);
                        i += 1
                    }
                    return x
                })(t))
            };
            let easing = {};
            exports.convertTransitionTimingFuncToEasing = cssTransitionEasing => {
                cssTransitionEasing = TransitionTimingFuncMap[cssTransitionEasing] || cssTransitionEasing;
                let coeffs = CSS_TRANSITION_EASING_REGEX.exec(cssTransitionEasing);
                const numCoeffs = [];
                let forceName = null;
                if (!coeffs) {
                    forceName = "linear";
                    coeffs = TransitionTimingFuncMap[forceName].match(CSS_TRANSITION_EASING_REGEX)
                }
                coeffs = coeffs.slice(1, 5);
                for (let i = 0; i < coeffs.length; i += 1) {
                    numCoeffs[i] = parseFloat(coeffs[i])
                }
                const easingName = forceName || `cubicbezier_${numCoeffs.join("_").replace(/\./g,"p")}`;
                if (!(0, _type.isFunction)(easing[easingName])) {
                    easing[easingName] = function(x, t, b, c, d) {
                        return c * polynomBezier(numCoeffs[0], numCoeffs[1], numCoeffs[2], numCoeffs[3])(t / d) + b
                    }
                }
                return easingName
            }
        },
        26106(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.cancelAnimationFrame = function(requestID) {
                setAnimationFrameMethods();
                cancel.apply(window, [requestID])
            };
            exports.requestAnimationFrame = function() {
                setAnimationFrameMethods();
                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                    args[_key] = arguments[_key]
                }
                return request.apply(window, args)
            };
            var _call_once = (e = __webpack_require__( /*! ../../../../core/utils/call_once */ 13630), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            const window = (0, _window.hasWindow)() ? (0, _window.getWindow)() : {};
            let request = function(callback) {
                return setTimeout(callback, 16.666666666666668)
            };
            let cancel = function(requestID) {
                clearTimeout(requestID)
            };
            const setAnimationFrameMethods = (0, _call_once.default)(() => {
                const nativeRequest = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame;
                const nativeCancel = window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame || window.oCancelAnimationFrame || window.msCancelAnimationFrame;
                if (nativeRequest && nativeCancel) {
                    request = nativeRequest;
                    cancel = nativeCancel
                }
            })
        },
        28885(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _frame = __webpack_require__( /*! ../../../../common/core/animation/frame */ 84096);
            var _position = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/animation/position */ 3030));
            var _translator = __webpack_require__( /*! ../../../../common/core/animation/translator */ 88603);
            var _element = __webpack_require__( /*! ../../../../core/element */ 61404);
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../../../core/errors */ 87129));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../events/core/events_engine */ 76772));
            var _remove = __webpack_require__( /*! ../../../../events/remove */ 92492);
            var _index = __webpack_require__( /*! ../../../../events/utils/index */ 34356);
            var _easing = __webpack_require__( /*! ../../../common/core/animation/easing */ 11610);
            var _m_support = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/m_support */ 85991));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const removeEventName = (0, _index.addNamespace)(_remove.removeEvent, "dxFX");
            const RELATIVE_VALUE_REGEX = /^([+-])=(.*)/i;
            const TransitionAnimationStrategy = {
                initAnimation($element, config) {
                    $element.css({
                        transitionProperty: "none"
                    });
                    if ("string" === typeof config.from) {
                        $element.addClass(config.from)
                    } else {
                        setProps($element, config.from)
                    }
                    const that = this;
                    const deferred = new _deferred.Deferred;
                    const {
                        cleanupWhen: cleanupWhen
                    } = config;
                    config.transitionAnimation = {
                        deferred: deferred,
                        finish() {
                            that._finishTransition($element);
                            if (cleanupWhen) {
                                (0, _deferred.when)(deferred, cleanupWhen).always(() => {
                                    that._cleanup($element, config)
                                })
                            } else {
                                that._cleanup($element, config)
                            }
                            deferred.resolveWith($element, [config, $element])
                        }
                    };
                    this._completeAnimationCallback($element, config).done(() => {
                        config.transitionAnimation.finish()
                    }).fail(() => {
                        deferred.rejectWith($element, [config, $element])
                    });
                    if (!config.duration) {
                        config.transitionAnimation.finish()
                    }
                    $element.css("transform")
                },
                animate($element, config) {
                    this._startAnimation($element, config);
                    return config.transitionAnimation.deferred.promise()
                },
                _completeAnimationCallback($element, config) {
                    const that = this;
                    const startTime = Date.now() + config.delay;
                    const deferred = new _deferred.Deferred;
                    const transitionEndFired = new _deferred.Deferred;
                    const simulatedTransitionEndFired = new _deferred.Deferred;
                    let simulatedEndEventTimer;
                    const transitionEndEventFullName = `${_m_support.default.transitionEndEventName()}.dxFX`;
                    config.transitionAnimation.cleanup = function() {
                        clearTimeout(simulatedEndEventTimer);
                        clearTimeout(waitForJSCompleteTimer);
                        _events_engine.default.off($element, transitionEndEventFullName);
                        _events_engine.default.off($element, removeEventName)
                    };
                    _events_engine.default.one($element, transitionEndEventFullName, () => {
                        if (Date.now() - startTime >= config.duration) {
                            transitionEndFired.reject()
                        }
                    });
                    _events_engine.default.off($element, removeEventName);
                    _events_engine.default.on($element, removeEventName, () => {
                        that.stop($element, config);
                        deferred.reject()
                    });
                    const waitForJSCompleteTimer = setTimeout(() => {
                        simulatedEndEventTimer = setTimeout(() => {
                            simulatedTransitionEndFired.reject()
                        }, config.duration + config.delay + fx._simulatedTransitionEndDelay);
                        (0, _deferred.when)(transitionEndFired, simulatedTransitionEndFired).fail(() => {
                            deferred.resolve()
                        })
                    });
                    return deferred.promise()
                },
                _startAnimation($element, config) {
                    $element.css({
                        transitionProperty: "all",
                        transitionDelay: `${config.delay}ms`,
                        transitionDuration: `${config.duration}ms`,
                        transitionTimingFunction: config.easing
                    });
                    if ("string" === typeof config.to) {
                        $element[0].className += ` ${config.to}`
                    } else if (config.to) {
                        setProps($element, config.to)
                    }
                },
                _finishTransition($element) {
                    $element.css("transition", "none")
                },
                _cleanup($element, config) {
                    config.transitionAnimation.cleanup();
                    if ("string" === typeof config.from) {
                        $element.removeClass(config.from);
                        $element.removeClass(config.to)
                    }
                },
                stop($element, config, jumpToEnd) {
                    if (!config) {
                        return
                    }
                    if (jumpToEnd) {
                        config.transitionAnimation.finish()
                    } else {
                        if ((0, _type.isPlainObject)(config.to)) {
                            (0, _iterator.each)(config.to, key => {
                                $element.css(key, $element.css(key))
                            })
                        }
                        this._finishTransition($element);
                        this._cleanup($element, config)
                    }
                }
            };
            const FrameAnimationStrategy = {
                initAnimation($element, config) {
                    setProps($element, config.from)
                },
                animate($element, config) {
                    const deferred = new _deferred.Deferred;
                    const that = this;
                    if (!config) {
                        return deferred.reject().promise()
                    }(0, _iterator.each)(config.to, prop => {
                        if (void 0 === config.from[prop]) {
                            config.from[prop] = that._normalizeValue($element.css(prop))
                        }
                    });
                    if (config.to.transform) {
                        config.from.transform = that._parseTransform(config.from.transform);
                        config.to.transform = that._parseTransform(config.to.transform)
                    }
                    config.frameAnimation = {
                        to: config.to,
                        from: config.from,
                        currentValue: config.from,
                        easing: (0, _easing.convertTransitionTimingFuncToEasing)(config.easing),
                        duration: config.duration,
                        startTime: (new Date).valueOf(),
                        finish() {
                            this.currentValue = this.to;
                            this.draw();
                            (0, _frame.cancelAnimationFrame)(config.frameAnimation.animationFrameId);
                            deferred.resolve()
                        },
                        draw() {
                            if (config.draw) {
                                config.draw(this.currentValue);
                                return
                            }
                            const currentValue = (0, _extend.extend)({}, this.currentValue);
                            if (currentValue.transform) {
                                currentValue.transform = (0, _iterator.map)(currentValue.transform, (value, prop) => {
                                    if ("translate" === prop) {
                                        return (0, _translator.getTranslateCss)(value)
                                    }
                                    if ("scale" === prop) {
                                        return `scale(${value})`
                                    }
                                    if ("rotate" === prop.substr(0, prop.length - 1)) {
                                        return `${prop}(${value}deg)`
                                    }
                                }).join(" ")
                            }
                            $element.css(currentValue)
                        }
                    };
                    if (config.delay) {
                        config.frameAnimation.startTime += config.delay;
                        config.frameAnimation.delayTimeout = setTimeout(() => {
                            that._startAnimation($element, config)
                        }, config.delay)
                    } else {
                        that._startAnimation($element, config)
                    }
                    return deferred.promise()
                },
                _startAnimation($element, config) {
                    _events_engine.default.off($element, removeEventName);
                    _events_engine.default.on($element, removeEventName, () => {
                        if (config.frameAnimation) {
                            (0, _frame.cancelAnimationFrame)(config.frameAnimation.animationFrameId)
                        }
                    });
                    this._animationStep($element, config)
                },
                _parseTransform(transformString) {
                    const result = {};
                    (0, _iterator.each)(transformString.match(/\w+\d*\w*\([^)]*\)\s*/g), (i, part) => {
                        const translateData = (0, _translator.parseTranslate)(part);
                        const scaleData = part.match(/scale\((.+?)\)/);
                        const rotateData = part.match(/(rotate.)\((.+)deg\)/);
                        if (translateData) {
                            result.translate = translateData
                        }
                        if (scaleData && scaleData[1]) {
                            result.scale = parseFloat(scaleData[1])
                        }
                        if (rotateData && rotateData[1]) {
                            result[rotateData[1]] = parseFloat(rotateData[2])
                        }
                    });
                    return result
                },
                stop($element, config, jumpToEnd) {
                    const frameAnimation = config && config.frameAnimation;
                    if (!frameAnimation) {
                        return
                    }(0, _frame.cancelAnimationFrame)(frameAnimation.animationFrameId);
                    clearTimeout(frameAnimation.delayTimeout);
                    if (jumpToEnd) {
                        frameAnimation.finish()
                    }
                    delete config.frameAnimation
                },
                _animationStep($element, config) {
                    const frameAnimation = config && config.frameAnimation;
                    if (!frameAnimation) {
                        return
                    }
                    const now = (new Date).valueOf();
                    if (now >= frameAnimation.startTime + frameAnimation.duration) {
                        frameAnimation.finish();
                        return
                    }
                    frameAnimation.currentValue = this._calcStepValue(frameAnimation, now - frameAnimation.startTime);
                    frameAnimation.draw();
                    const that = this;
                    frameAnimation.animationFrameId = (0, _frame.requestAnimationFrame)(() => {
                        that._animationStep($element, config)
                    })
                },
                _calcStepValue(frameAnimation, currentDuration) {
                    const calcValueRecursively = function(from, to) {
                        const result = Array.isArray(to) ? [] : {};
                        (0, _iterator.each)(to, (propName, endPropValue) => {
                            if ("string" === typeof endPropValue && false === parseFloat(endPropValue)) {
                                return true
                            }
                            result[propName] = "object" === typeof endPropValue ? calcValueRecursively(from[propName], endPropValue) : function(propName) {
                                const x = currentDuration / frameAnimation.duration;
                                const t = currentDuration;
                                const b = 1 * from[propName];
                                const c = to[propName] - from[propName];
                                const d = frameAnimation.duration;
                                return (0, _easing.getEasing)(frameAnimation.easing)(x, t, b, c, d)
                            }(propName)
                        });
                        return result
                    };
                    return calcValueRecursively(frameAnimation.from, frameAnimation.to)
                },
                _normalizeValue(value) {
                    const numericValue = parseFloat(value);
                    if (false === numericValue) {
                        return value
                    }
                    return numericValue
                }
            };
            const FallbackToNoAnimationStrategy = {
                initAnimation() {},
                animate: () => (new _deferred.Deferred).resolve().promise(),
                stop: _common.noop,
                isSynchronous: true
            };
            const baseConfigValidator = function(config, animationType, validate, typeMessage) {
                (0, _iterator.each)(["from", "to"], function() {
                    if (!validate(config[this])) {
                        throw _errors.default.Error("E0010", animationType, this, typeMessage)
                    }
                })
            };
            const isObjectConfigValidator = function(config, animationType) {
                return baseConfigValidator(config, animationType, target => (0, _type.isPlainObject)(target), "a plain object")
            };
            const CustomAnimationConfigurator = {
                setup() {}
            };
            const CssAnimationConfigurator = {
                validateConfig(config) {
                    ! function(config, animationType) {
                        return baseConfigValidator(config, animationType, target => "string" === typeof target, "a string")
                    }(config, "css")
                },
                setup() {}
            };
            const positionAliases = {
                top: {
                    my: "bottom center",
                    at: "top center"
                },
                bottom: {
                    my: "top center",
                    at: "bottom center"
                },
                right: {
                    my: "left center",
                    at: "right center"
                },
                left: {
                    my: "right center",
                    at: "left center"
                }
            };
            const SlideAnimationConfigurator = {
                validateConfig(config) {
                    isObjectConfigValidator(config, "slide")
                },
                setup($element, config) {
                    const location = (0, _translator.locate)($element);
                    if ("slide" !== config.type) {
                        const positioningConfig = "slideIn" === config.type ? config.from : config.to;
                        positioningConfig.position = (0, _extend.extend)({
                            of: window
                        }, positionAliases[config.direction]);
                        setupPosition($element, positioningConfig)
                    }
                    this._setUpConfig(location, config.from);
                    this._setUpConfig(location, config.to);
                    (0, _translator.clearCache)($element)
                },
                _setUpConfig(location, config) {
                    config.left = "left" in config ? config.left : "+=0";
                    config.top = "top" in config ? config.top : "+=0";
                    this._initNewPosition(location, config)
                },
                _initNewPosition(location, config) {
                    const position = {
                        left: config.left,
                        top: config.top
                    };
                    delete config.left;
                    delete config.top;
                    let relativeValue = this._getRelativeValue(position.left);
                    if (void 0 !== relativeValue) {
                        position.left = relativeValue + location.left
                    } else {
                        config.left = 0
                    }
                    relativeValue = this._getRelativeValue(position.top);
                    if (void 0 !== relativeValue) {
                        position.top = relativeValue + location.top
                    } else {
                        config.top = 0
                    }
                    config.transform = (0, _translator.getTranslateCss)({
                        x: position.left,
                        y: position.top
                    })
                },
                _getRelativeValue(value) {
                    let relativeValue;
                    if ("string" === typeof value && (relativeValue = RELATIVE_VALUE_REGEX.exec(value))) {
                        return parseInt(`${relativeValue[1]}1`, 10) * relativeValue[2]
                    }
                }
            };
            const FadeAnimationConfigurator = {
                setup($element, config) {
                    const {
                        from: from,
                        to: to
                    } = config;
                    const defaultFromOpacity = "fadeOut" === config.type ? 1 : 0;
                    const defaultToOpacity = "fadeOut" === config.type ? 0 : 1;
                    let fromOpacity = (0, _type.isPlainObject)(from) ? String(from.opacity ?? defaultFromOpacity) : String(from);
                    let toOpacity = (0, _type.isPlainObject)(to) ? String(to.opacity ?? defaultToOpacity) : String(to);
                    if (!config.skipElementInitialStyles) {
                        fromOpacity = $element.css("opacity")
                    }
                    switch (config.type) {
                        case "fadeIn":
                            toOpacity = 1;
                            break;
                        case "fadeOut":
                            toOpacity = 0
                    }
                    config.from = {
                        visibility: "visible",
                        opacity: fromOpacity
                    };
                    config.to = {
                        opacity: toOpacity
                    }
                }
            };
            const PopAnimationConfigurator = {
                validateConfig(config) {
                    isObjectConfigValidator(config, "pop")
                },
                setup($element, config) {
                    const {
                        from: from,
                        to: to
                    } = config;
                    const fromOpacity = "opacity" in from ? from.opacity : $element.css("opacity");
                    const toOpacity = "opacity" in to ? to.opacity : 1;
                    const fromScale = "scale" in from ? from.scale : 0;
                    const toScale = "scale" in to ? to.scale : 1;
                    config.from = {
                        opacity: fromOpacity
                    };
                    const translate = (0, _translator.getTranslate)($element);
                    config.from.transform = this._getCssTransform(translate, fromScale);
                    config.to = {
                        opacity: toOpacity
                    };
                    config.to.transform = this._getCssTransform(translate, toScale)
                },
                _getCssTransform: (translate, scale) => `${(0,_translator.getTranslateCss)(translate)}scale(${scale})`
            };
            const animationConfigurators = {
                custom: CustomAnimationConfigurator,
                slide: SlideAnimationConfigurator,
                slideIn: SlideAnimationConfigurator,
                slideOut: SlideAnimationConfigurator,
                fade: FadeAnimationConfigurator,
                fadeIn: FadeAnimationConfigurator,
                fadeOut: FadeAnimationConfigurator,
                pop: PopAnimationConfigurator,
                css: CssAnimationConfigurator
            };
            const defaultJSConfig = {
                type: "custom",
                from: {},
                to: {},
                duration: 400,
                start: _common.noop,
                complete: _common.noop,
                easing: "ease",
                delay: 0
            };
            const defaultCssConfig = {
                duration: 400,
                easing: "ease",
                delay: 0
            };

            function setupAnimationOnElement() {
                const $element = this.element;
                const {
                    config: config
                } = this;
                setupPosition($element, config.from);
                setupPosition($element, config.to);
                this.configurator.setup($element, config);
                $element.data("dxAnimData", this);
                if (fx.off) {
                    config.duration = 0;
                    config.delay = 0
                }
                this.strategy.initAnimation($element, config);
                if (config.start) {
                    const element = (0, _element.getPublicElement)($element);
                    config.start.apply(this, [element, config])
                }
            }
            const startAnimationOnElement = function() {
                const animation = this;
                const $element = animation.element;
                const {
                    config: config
                } = animation;
                animation.isStarted = true;
                return animation.strategy.animate($element, config).done(() => {
                    ! function(animation) {
                        const $element = animation.element;
                        const {
                            config: config
                        } = animation;
                        $element.removeData("dxAnimData");
                        if (config.complete) {
                            const element = (0, _element.getPublicElement)($element);
                            config.complete.apply(this, [element, config])
                        }
                        animation.deferred.resolveWith(this, [$element, config])
                    }(animation)
                }).fail(function() {
                    animation.deferred.rejectWith(this, [$element, config])
                })
            };
            const stopAnimationOnElement = function(jumpToEnd) {
                const animation = this;
                const $element = animation.element;
                const {
                    config: config
                } = animation;
                clearTimeout(animation.startTimeout);
                if (!animation.isStarted) {
                    animation.start()
                }
                animation.strategy.stop($element, config, jumpToEnd)
            };
            const scopedRemoveEvent = (0, _index.addNamespace)(_remove.removeEvent, "dxFXStartAnimation");
            const createAnimation = function(element, initialConfig) {
                const defaultConfig = "css" === initialConfig.type ? defaultCssConfig : defaultJSConfig;
                const config = (0, _extend.extend)(true, {}, defaultConfig, initialConfig);
                const configurator = function(config) {
                    const result = animationConfigurators[config.type];
                    if (!result) {
                        throw _errors.default.Error("E0011", config.type)
                    }
                    return result
                }(config);
                const strategy = function(config) {
                    config = config || {};
                    const animationStrategies = {
                        transition: _m_support.default.transition() ? TransitionAnimationStrategy : FrameAnimationStrategy,
                        frame: FrameAnimationStrategy,
                        noAnimation: FallbackToNoAnimationStrategy
                    };
                    let strategy = config.strategy || "transition";
                    if ("css" === config.type && !_m_support.default.transition()) {
                        strategy = "noAnimation"
                    }
                    return animationStrategies[strategy]
                }(config);
                const animation = {
                    element: (0, _renderer.default)(element),
                    config: config,
                    configurator: configurator,
                    strategy: strategy,
                    isSynchronous: strategy.isSynchronous,
                    setup: setupAnimationOnElement,
                    start: startAnimationOnElement,
                    stop: stopAnimationOnElement,
                    deferred: new _deferred.Deferred
                };
                if ("validateConfig" in configurator && (0, _type.isFunction)(configurator.validateConfig)) {
                    configurator.validateConfig(config)
                }! function(animation) {
                    _events_engine.default.off(animation.element, scopedRemoveEvent);
                    _events_engine.default.on(animation.element, scopedRemoveEvent, () => {
                        fx.stop(animation.element)
                    });
                    animation.deferred.always(() => {
                        _events_engine.default.off(animation.element, scopedRemoveEvent)
                    })
                }(animation);
                return animation
            };

            function getAnimQueueData($element) {
                return $element.data("dxAnimQueue") || []
            }
            const destroyAnimQueueData = function($element) {
                $element.removeData("dxAnimQueue")
            };

            function isAnimating(element) {
                const $element = (0, _renderer.default)(element);
                return !!$element.data("dxAnimData")
            }

            function shiftFromAnimationQueue($element, queueData) {
                queueData = getAnimQueueData($element);
                if (!queueData.length) {
                    return
                }
                const animation = queueData.shift();
                if (0 === queueData.length) {
                    destroyAnimQueueData($element)
                }(function(animation) {
                    animation.setup();
                    if (fx.off || animation.isSynchronous) {
                        animation.start()
                    } else {
                        animation.startTimeout = setTimeout(() => {
                            animation.start()
                        })
                    }
                    return animation.deferred.promise()
                })(animation).done(() => {
                    if (!isAnimating($element)) {
                        shiftFromAnimationQueue($element)
                    }
                })
            }

            function setupPosition($element, config) {
                if (!config || !config.position) {
                    return
                }
                const win = (0, _renderer.default)(window);
                let left = 0;
                let top = 0;
                const position = _position.default.calculate($element, config.position);
                const offset = $element.offset();
                const currentPosition = $element.position();
                if (currentPosition.top > offset.top) {
                    top = win.scrollTop()
                }
                if (currentPosition.left > offset.left) {
                    left = win.scrollLeft()
                }(0, _extend.extend)(config, {
                    left: position.h.location - offset.left + currentPosition.left - left,
                    top: position.v.location - offset.top + currentPosition.top - top
                });
                delete config.position
            }

            function setProps($element, props) {
                (0, _iterator.each)(props, (key, value) => {
                    try {
                        $element.css(key, (0, _type.isFunction)(value) ? value() : value)
                    } catch (e) {}
                })
            }
            const fx = {
                off: false,
                animationTypes: animationConfigurators,
                animate: function(element, config) {
                    const $element = (0, _renderer.default)(element);
                    if (!$element.length) {
                        return (new _deferred.Deferred).resolve().promise()
                    }
                    const animation = createAnimation($element, config);
                    ! function($element, animation) {
                        const queueData = getAnimQueueData($element);
                        ! function($element, queueData) {
                            $element.data("dxAnimQueue", queueData)
                        }($element, queueData);
                        queueData.push(animation);
                        if (!isAnimating($element)) {
                            shiftFromAnimationQueue($element, queueData)
                        }
                    }($element, animation);
                    return animation.deferred.promise()
                },
                createAnimation: createAnimation,
                isAnimating: isAnimating,
                stop: function(element, jumpToEnd) {
                    const $element = (0, _renderer.default)(element);
                    const queueData = getAnimQueueData($element);
                    (0, _iterator.each)(queueData, (_, animation) => {
                        animation.config.delay = 0;
                        animation.config.duration = 0;
                        animation.isSynchronous = true
                    });
                    if (!isAnimating($element)) {
                        shiftFromAnimationQueue($element, queueData)
                    }
                    const animation = $element.data("dxAnimData");
                    if (animation) {
                        animation.stop(jumpToEnd)
                    }
                    $element.removeData("dxAnimData");
                    destroyAnimQueueData($element)
                },
                _simulatedTransitionEndDelay: 100
            };
            exports.default = fx
        },
        36972(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _translator = __webpack_require__( /*! ../../../../common/core/animation/translator */ 88603);
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../../core/devices */ 65951));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/browser */ 48314));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _style = __webpack_require__( /*! ../../../../core/utils/style */ 58515);
            var _support = __webpack_require__( /*! ../../../../core/utils/support */ 4785);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _m_common = __webpack_require__( /*! ../../../core/utils/m_common */ 39315);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const horzRe = /left|right/;
            const vertRe = /top|bottom/;
            const collisionRe = /fit|flip|none/;
            const scaleRe = /scale\(.+?\)/;
            const IS_SAFARI = _browser.default.safari;
            const normalizeAlign = function(raw) {
                const result = {
                    h: "center",
                    v: "center"
                };
                const pair = (0, _m_common.splitPair)(raw);
                if (pair) {
                    (0, _iterator.each)(pair, function() {
                        const w = String(this).toLowerCase();
                        if (horzRe.test(w)) {
                            result.h = w
                        } else if (vertRe.test(w)) {
                            result.v = w
                        }
                    })
                }
                return result
            };
            const normalizeOffset = function(raw, preventRound) {
                return (0, _m_common.pairToObject)(raw, preventRound)
            };
            const getAlignFactor = function(align) {
                switch (align) {
                    case "center":
                        return .5;
                    case "right":
                    case "bottom":
                        return 1;
                    default:
                        return 0
                }
            };
            const inverseAlign = function(align) {
                switch (align) {
                    case "left":
                        return "right";
                    case "right":
                        return "left";
                    case "top":
                        return "bottom";
                    case "bottom":
                        return "top";
                    default:
                        return align
                }
            };
            const calculateOversize = function(data, bounds) {
                let oversize = 0;
                if (data.myLocation < bounds.min) {
                    oversize += bounds.min - data.myLocation
                }
                if (data.myLocation > bounds.max) {
                    oversize += data.myLocation - bounds.max
                }
                return oversize
            };
            const collisionSide = function(direction, data, bounds) {
                if (data.myLocation < bounds.min) {
                    return "h" === direction ? "left" : "top"
                }
                if (data.myLocation > bounds.max) {
                    return "h" === direction ? "right" : "bottom"
                }
                return "none"
            };
            const initMyLocation = function(data) {
                data.myLocation = data.atLocation + getAlignFactor(data.atAlign) * data.atSize - getAlignFactor(data.myAlign) * data.mySize + data.offset
            };
            const collisionResolvers = {
                fit: function(data, bounds) {
                    let result = false;
                    if (data.myLocation > bounds.max) {
                        data.myLocation = bounds.max;
                        result = true
                    }
                    if (data.myLocation < bounds.min) {
                        data.myLocation = bounds.min;
                        result = true
                    }
                    data.fit = result
                },
                flip: function(data, bounds) {
                    data.flip = false;
                    if ("center" === data.myAlign && "center" === data.atAlign) {
                        return
                    }
                    if (data.myLocation < bounds.min || data.myLocation > bounds.max) {
                        const inverseData = (0, _extend.extend)({}, data, {
                            myAlign: inverseAlign(data.myAlign),
                            atAlign: inverseAlign(data.atAlign),
                            offset: -data.offset
                        });
                        initMyLocation(inverseData);
                        inverseData.oversize = calculateOversize(inverseData, bounds);
                        if (inverseData.myLocation >= bounds.min && inverseData.myLocation <= bounds.max || data.oversize > inverseData.oversize) {
                            data.myLocation = inverseData.myLocation;
                            data.oversize = inverseData.oversize;
                            data.flip = true
                        }
                    }
                },
                flipfit: function(data, bounds) {
                    this.flip(data, bounds);
                    this.fit(data, bounds)
                },
                none: function(data) {
                    data.oversize = 0
                }
            };
            let scrollbarWidth;
            const calculateScrollbarWidth = function() {
                const $scrollDiv = (0, _renderer.default)("<div>").css({
                    width: 100,
                    height: 100,
                    overflow: "scroll",
                    position: "absolute",
                    top: -9999
                }).appendTo((0, _renderer.default)("body"));
                const result = $scrollDiv.get(0).offsetWidth - $scrollDiv.get(0).clientWidth;
                $scrollDiv.remove();
                scrollbarWidth = result
            };
            const defaultPositionResult = {
                h: {
                    location: 0,
                    flip: false,
                    fit: false,
                    oversize: 0
                },
                v: {
                    location: 0,
                    flip: false,
                    fit: false,
                    oversize: 0
                }
            };
            const calculatePosition = function(what, options) {
                const $what = (0, _renderer.default)(what);
                const currentOffset = $what.offset();
                const result = (0, _extend.extend)(true, {}, defaultPositionResult, {
                    h: {
                        location: currentOffset.left
                    },
                    v: {
                        location: currentOffset.top
                    }
                });
                if (!options) {
                    return result
                }
                const my = normalizeAlign(options.my);
                const at = normalizeAlign(options.at);
                let of = (0, _renderer.default)(options.of).length && options.of || window;
                const offset = normalizeOffset(options.offset, options.precise);
                const collision = function(raw) {
                    const pair = (0, _m_common.splitPair)(raw);
                    let h = String(pair && pair[0]).toLowerCase();
                    let v = String(pair && pair[1]).toLowerCase();
                    if (!collisionRe.test(h)) {
                        h = "none"
                    }
                    if (!collisionRe.test(v)) {
                        v = h
                    }
                    return {
                        h: h,
                        v: v
                    }
                }(options.collision);
                const {
                    boundary: boundary
                } = options;
                const boundaryOffset = normalizeOffset(options.boundaryOffset, options.precise);
                const h = {
                    mySize: (0, _size.getOuterWidth)($what),
                    myAlign: my.h,
                    atAlign: at.h,
                    offset: offset.h,
                    collision: collision.h,
                    boundaryOffset: boundaryOffset.h
                };
                const v = {
                    mySize: (0, _size.getOuterHeight)($what),
                    myAlign: my.v,
                    atAlign: at.v,
                    offset: offset.v,
                    collision: collision.v,
                    boundaryOffset: boundaryOffset.v
                };
                if (of.preventDefault) {
                    h.atLocation = of.pageX;
                    v.atLocation = of.pageY;
                    h.atSize = 0;
                    v.atSize = 0
                } else {
                    of = (0, _renderer.default)(of);
                    if ((0, _type.isWindow)(of [0])) {
                        h.atLocation = of.scrollLeft();
                        v.atLocation = of.scrollTop();
                        if ("phone" === _devices.default.real().deviceType && of [0].visualViewport) {
                            h.atLocation = Math.max(h.atLocation, of [0].visualViewport.offsetLeft);
                            v.atLocation = Math.max(v.atLocation, of [0].visualViewport.offsetTop);
                            h.atSize = of [0].visualViewport.width;
                            v.atSize = of [0].visualViewport.height
                        } else {
                            h.atSize = of [0].innerWidth > of [0].outerWidth ? of [0].innerWidth : (0, _size.getWidth)(of);
                            v.atSize = of [0].innerHeight > of [0].outerHeight || IS_SAFARI ? of [0].innerHeight : (0, _size.getHeight)(of)
                        }
                    } else if (9 === of [0].nodeType) {
                        h.atLocation = 0;
                        v.atLocation = 0;
                        h.atSize = (0, _size.getWidth)(of);
                        v.atSize = (0, _size.getHeight)(of)
                    } else {
                        const ofRect = (0, _position.getBoundingRect)(of.get(0));
                        const o = getOffsetWithoutScale(of);
                        h.atLocation = o.left;
                        v.atLocation = o.top;
                        h.atSize = Math.max(ofRect.width, (0, _size.getOuterWidth)(of));
                        v.atSize = Math.max(ofRect.height, (0, _size.getOuterHeight)(of))
                    }
                }
                initMyLocation(h);
                initMyLocation(v);
                const bounds = function() {
                    const win = (0, _renderer.default)(window);
                    const windowWidth = (0, _size.getWidth)(win);
                    const windowHeight = (0, _size.getHeight)(win);
                    let left = win.scrollLeft();
                    let top = win.scrollTop();
                    const documentElement = _dom_adapter.default.getDocumentElement();
                    const hZoomLevel = _support.touch ? documentElement.clientWidth / windowWidth : 1;
                    const vZoomLevel = _support.touch ? documentElement.clientHeight / windowHeight : 1;
                    if (void 0 === scrollbarWidth) {
                        calculateScrollbarWidth()
                    }
                    let boundaryWidth = windowWidth;
                    let boundaryHeight = windowHeight;
                    if (boundary && !(0, _type.isWindow)(boundary)) {
                        const $boundary = (0, _renderer.default)(boundary);
                        const boundaryPosition = $boundary.offset();
                        left = boundaryPosition.left;
                        top = boundaryPosition.top;
                        boundaryWidth = (0, _size.getWidth)($boundary);
                        boundaryHeight = (0, _size.getHeight)($boundary)
                    }
                    return {
                        h: {
                            min: left + h.boundaryOffset,
                            max: left + boundaryWidth / hZoomLevel - h.mySize - h.boundaryOffset
                        },
                        v: {
                            min: top + v.boundaryOffset,
                            max: top + boundaryHeight / vZoomLevel - v.mySize - v.boundaryOffset
                        }
                    }
                }();
                h.oversize = calculateOversize(h, bounds.h);
                v.oversize = calculateOversize(v, bounds.v);
                h.collisionSide = collisionSide("h", h, bounds.h);
                v.collisionSide = collisionSide("v", v, bounds.v);
                if (collisionResolvers[h.collision]) {
                    collisionResolvers[h.collision](h, bounds.h)
                }
                if (collisionResolvers[v.collision]) {
                    collisionResolvers[v.collision](v, bounds.v)
                }
                const preciser = function(number) {
                    return options.precise ? number : Math.round(number)
                };
                (0, _extend.extend)(true, result, {
                    h: {
                        location: preciser(h.myLocation),
                        oversize: preciser(h.oversize),
                        fit: h.fit,
                        flip: h.flip,
                        collisionSide: h.collisionSide
                    },
                    v: {
                        location: preciser(v.myLocation),
                        oversize: preciser(v.oversize),
                        fit: v.fit,
                        flip: v.flip,
                        collisionSide: v.collisionSide
                    },
                    precise: options.precise
                });
                return result
            };
            const setScaleProperty = function(element, scale, styleAttr, isEmpty) {
                const stylePropIsValid = (0, _type.isDefined)(element.style) && !_dom_adapter.default.isNode(element.style);
                const newStyleValue = isEmpty ? styleAttr.replace(scale, "") : styleAttr;
                if (stylePropIsValid) {
                    (0, _style.setStyle)(element, newStyleValue, false)
                } else {
                    const styleAttributeNode = _dom_adapter.default.createAttribute("style");
                    styleAttributeNode.value = newStyleValue;
                    element.setAttributeNode(styleAttributeNode)
                }
            };
            const getOffsetWithoutScale = function($startElement) {
                var _currentElement$getAt, _style$match;
                let $currentElement = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : $startElement;
                const currentElement = $currentElement.get(0);
                if (!currentElement) {
                    return $startElement.offset()
                }
                const style = (null === (_currentElement$getAt = currentElement.getAttribute) || void 0 === _currentElement$getAt ? void 0 : _currentElement$getAt.call(currentElement, "style")) || "";
                const scale = null === (_style$match = style.match(scaleRe)) || void 0 === _style$match ? void 0 : _style$match[0];
                let offset;
                if (scale) {
                    setScaleProperty(currentElement, scale, style, true);
                    offset = getOffsetWithoutScale($startElement, $currentElement.parent());
                    setScaleProperty(currentElement, scale, style, false)
                } else {
                    offset = getOffsetWithoutScale($startElement, $currentElement.parent())
                }
                return offset
            };
            const position = function(what, options) {
                const $what = (0, _renderer.default)(what);
                if (!$what.length) {
                    return
                }
                if (!options) {
                    return $what.offset()
                }(0, _translator.resetPosition)($what, true);
                const offset = getOffsetWithoutScale($what);
                const targetPosition = options.h && options.v ? options : calculatePosition($what, options);
                const preciser = function(number) {
                    return options.precise ? number : Math.round(number)
                };
                (0, _translator.move)($what, {
                    left: targetPosition.h.location - preciser(offset.left),
                    top: targetPosition.v.location - preciser(offset.top)
                });
                return targetPosition
            };
            if (!position.inverseAlign) {
                position.inverseAlign = inverseAlign
            }
            if (!position.normalizeAlign) {
                position.normalizeAlign = normalizeAlign
            }
            exports.default = {
                calculateScrollbarWidth: calculateScrollbarWidth,
                calculate: calculatePosition,
                setup: position,
                offset: function(element) {
                    element = (0, _renderer.default)(element).get(0);
                    if ((0, _type.isWindow)(element)) {
                        return null
                    }
                    if (element && "pageY" in element && "pageX" in element) {
                        return {
                            top: element.pageY,
                            left: element.pageX
                        }
                    }
                    return (0, _renderer.default)(element).offset()
                }
            }
        },
        50084(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.presets = exports.PresetCollection = void 0;
            var _fx = _interopRequireDefault(__webpack_require__( /*! ../../../../../common/core/animation/fx */ 27075));
            var _component = __webpack_require__( /*! ../../../../../core/component */ 17863);
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../../../core/devices */ 65951));
            var _extend = __webpack_require__( /*! ../../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../../../core/utils/size */ 57653);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const directionPostfixes = {
                forward: " dx-forward",
                backward: " dx-backward",
                none: " dx-no-direction",
                undefined: " dx-no-direction"
            };
            const AnimationPresetCollection = exports.PresetCollection = _component.Component.inherit({
                ctor: function() {
                    this.callBase.apply(this, arguments);
                    this._registeredPresets = [];
                    this.resetToDefaults()
                },
                _getDefaultOptions: function() {
                    return (0, _extend.extend)(this.callBase(), {
                        defaultAnimationDuration: 400,
                        defaultAnimationDelay: 0,
                        defaultStaggerAnimationDuration: 300,
                        defaultStaggerAnimationDelay: 40,
                        defaultStaggerAnimationStartDelay: 500
                    })
                },
                _defaultOptionsRules: function() {
                    return this.callBase().concat([{
                        device: function(device) {
                            return device.phone
                        },
                        options: {
                            defaultStaggerAnimationDuration: 350,
                            defaultStaggerAnimationDelay: 50,
                            defaultStaggerAnimationStartDelay: 0
                        }
                    }, {
                        device: function() {
                            return _devices.default.current().android || _devices.default.real.android
                        },
                        options: {
                            defaultAnimationDelay: 100
                        }
                    }])
                },
                _getPresetOptionName: function(animationName) {
                    return "preset_" + animationName
                },
                _createAndroidSlideAnimationConfig: function(throughOpacity, widthMultiplier) {
                    const that = this;
                    const createBaseConfig = function(configModifier) {
                        return {
                            type: "slide",
                            delay: void 0 === configModifier.delay ? that.option("defaultAnimationDelay") : configModifier.delay,
                            duration: void 0 === configModifier.duration ? that.option("defaultAnimationDuration") : configModifier.duration
                        }
                    };
                    return {
                        enter: function($element, configModifier) {
                            const width = (0, _size.getWidth)($element.parent()) * widthMultiplier;
                            const {
                                direction: direction
                            } = configModifier;
                            const config = createBaseConfig(configModifier);
                            config.to = {
                                left: 0,
                                opacity: 1
                            };
                            if ("forward" === direction) {
                                config.from = {
                                    left: width,
                                    opacity: throughOpacity
                                }
                            } else if ("backward" === direction) {
                                config.from = {
                                    left: -width,
                                    opacity: throughOpacity
                                }
                            } else {
                                config.from = {
                                    left: 0,
                                    opacity: 0
                                }
                            }
                            return _fx.default.createAnimation($element, config)
                        },
                        leave: function($element, configModifier) {
                            const width = (0, _size.getWidth)($element.parent()) * widthMultiplier;
                            const {
                                direction: direction
                            } = configModifier;
                            const config = createBaseConfig(configModifier);
                            config.from = {
                                left: 0,
                                opacity: 1
                            };
                            switch (direction) {
                                case "forward":
                                    config.to = {
                                        left: -width,
                                        opacity: throughOpacity
                                    };
                                    break;
                                case "backward":
                                    config.to = {
                                        left: width,
                                        opacity: throughOpacity
                                    };
                                    break;
                                default:
                                    config.to = {
                                        left: 0,
                                        opacity: 0
                                    }
                            }
                            return _fx.default.createAnimation($element, config)
                        }
                    }
                },
                _createOpenDoorConfig: function() {
                    const that = this;
                    const createBaseConfig = function(configModifier) {
                        return {
                            type: "css",
                            extraCssClasses: "dx-opendoor-animation",
                            delay: void 0 === configModifier.delay ? that.option("defaultAnimationDelay") : configModifier.delay,
                            duration: void 0 === configModifier.duration ? that.option("defaultAnimationDuration") : configModifier.duration
                        }
                    };
                    return {
                        enter: function($element, configModifier) {
                            const {
                                direction: direction
                            } = configModifier;
                            const config = createBaseConfig(configModifier);
                            config.delay = "none" === direction ? config.delay : config.duration;
                            config.from = `dx-enter dx-opendoor-animation${directionPostfixes[direction]}`;
                            config.to = "dx-enter-active";
                            return _fx.default.createAnimation($element, config)
                        },
                        leave: function($element, configModifier) {
                            const {
                                direction: direction
                            } = configModifier;
                            const config = createBaseConfig(configModifier);
                            config.from = `dx-leave dx-opendoor-animation${directionPostfixes[direction]}`;
                            config.to = "dx-leave-active";
                            return _fx.default.createAnimation($element, config)
                        }
                    }
                },
                _createWinPopConfig: function() {
                    const that = this;
                    const baseConfig = {
                        type: "css",
                        extraCssClasses: "dx-win-pop-animation",
                        duration: that.option("defaultAnimationDuration")
                    };
                    return {
                        enter: function($element, configModifier) {
                            const config = baseConfig;
                            const {
                                direction: direction
                            } = configModifier;
                            config.delay = "none" === direction ? that.option("defaultAnimationDelay") : that.option("defaultAnimationDuration") / 2;
                            config.from = `dx-enter dx-win-pop-animation${directionPostfixes[direction]}`;
                            config.to = "dx-enter-active";
                            return _fx.default.createAnimation($element, config)
                        },
                        leave: function($element, configModifier) {
                            const config = baseConfig;
                            const {
                                direction: direction
                            } = configModifier;
                            config.delay = that.option("defaultAnimationDelay");
                            config.from = `dx-leave dx-win-pop-animation${directionPostfixes[direction]}`;
                            config.to = "dx-leave-active";
                            return _fx.default.createAnimation($element, config)
                        }
                    }
                },
                resetToDefaults: function() {
                    this.clear();
                    this.registerDefaultPresets();
                    this.applyChanges()
                },
                clear: function(name) {
                    const that = this;
                    const newRegisteredPresets = [];
                    (0, _iterator.each)(this._registeredPresets, function(index, preset) {
                        if (!name || name === preset.name) {
                            that.option(that._getPresetOptionName(preset.name), void 0)
                        } else {
                            newRegisteredPresets.push(preset)
                        }
                    });
                    this._registeredPresets = newRegisteredPresets;
                    this.applyChanges()
                },
                registerPreset: function(name, config) {
                    this._registeredPresets.push({
                        name: name,
                        config: config
                    })
                },
                applyChanges: function() {
                    const that = this;
                    const customRules = [];
                    (0, _iterator.each)(this._registeredPresets, function(index, preset) {
                        const rule = {
                            device: preset.config.device,
                            options: {}
                        };
                        rule.options[that._getPresetOptionName(preset.name)] = preset.config.animation;
                        customRules.push(rule)
                    });
                    this._setOptionsByDevice(customRules)
                },
                getPreset: function(name) {
                    let result = name;
                    while ("string" === typeof result) {
                        result = this.option(this._getPresetOptionName(result))
                    }
                    return result
                },
                registerDefaultPresets: function() {
                    this.registerPreset("pop", {
                        animation: {
                            extraCssClasses: "dx-android-pop-animation",
                            delay: this.option("defaultAnimationDelay"),
                            duration: this.option("defaultAnimationDuration")
                        }
                    });
                    this.registerPreset("openDoor", {
                        animation: this._createOpenDoorConfig()
                    });
                    this.registerPreset("win-pop", {
                        animation: this._createWinPopConfig()
                    });
                    this.registerPreset("fade", {
                        animation: {
                            extraCssClasses: "dx-fade-animation",
                            delay: this.option("defaultAnimationDelay"),
                            duration: this.option("defaultAnimationDuration")
                        }
                    });
                    this.registerPreset("slide", {
                        device: function() {
                            return _devices.default.current().android || _devices.default.real.android
                        },
                        animation: this._createAndroidSlideAnimationConfig(1, 1)
                    });
                    this.registerPreset("slide", {
                        device: function() {
                            return !_devices.default.current().android && !_devices.default.real.android
                        },
                        animation: {
                            extraCssClasses: "dx-slide-animation",
                            delay: this.option("defaultAnimationDelay"),
                            duration: this.option("defaultAnimationDuration")
                        }
                    });
                    this.registerPreset("ios7-slide", {
                        animation: {
                            extraCssClasses: "dx-ios7-slide-animation",
                            delay: this.option("defaultAnimationDelay"),
                            duration: this.option("defaultAnimationDuration")
                        }
                    });
                    this.registerPreset("overflow", {
                        animation: {
                            extraCssClasses: "dx-overflow-animation",
                            delay: this.option("defaultAnimationDelay"),
                            duration: this.option("defaultAnimationDuration")
                        }
                    });
                    this.registerPreset("ios7-toolbar", {
                        device: function() {
                            return !_devices.default.current().android && !_devices.default.real.android
                        },
                        animation: {
                            extraCssClasses: "dx-ios7-toolbar-animation",
                            delay: this.option("defaultAnimationDelay"),
                            duration: this.option("defaultAnimationDuration")
                        }
                    });
                    this.registerPreset("ios7-toolbar", {
                        device: function() {
                            return _devices.default.current().android || _devices.default.real.android
                        },
                        animation: this._createAndroidSlideAnimationConfig(0, .4)
                    });
                    this.registerPreset("stagger-fade", {
                        animation: {
                            extraCssClasses: "dx-fade-animation",
                            staggerDelay: this.option("defaultStaggerAnimationDelay"),
                            duration: this.option("defaultStaggerAnimationDuration"),
                            delay: this.option("defaultStaggerAnimationStartDelay")
                        }
                    });
                    this.registerPreset("stagger-slide", {
                        animation: {
                            extraCssClasses: "dx-slide-animation",
                            staggerDelay: this.option("defaultStaggerAnimationDelay"),
                            duration: this.option("defaultStaggerAnimationDuration"),
                            delay: this.option("defaultStaggerAnimationStartDelay")
                        }
                    });
                    this.registerPreset("stagger-fade-slide", {
                        animation: {
                            extraCssClasses: "dx-fade-slide-animation",
                            staggerDelay: this.option("defaultStaggerAnimationDelay"),
                            duration: this.option("defaultStaggerAnimationDuration"),
                            delay: this.option("defaultStaggerAnimationStartDelay")
                        }
                    });
                    this.registerPreset("stagger-drop", {
                        animation: {
                            extraCssClasses: "dx-drop-animation",
                            staggerDelay: this.option("defaultStaggerAnimationDelay"),
                            duration: this.option("defaultStaggerAnimationDuration"),
                            delay: this.option("defaultStaggerAnimationStartDelay")
                        }
                    });
                    this.registerPreset("stagger-fade-drop", {
                        animation: {
                            extraCssClasses: "dx-fade-drop-animation",
                            staggerDelay: this.option("defaultStaggerAnimationDelay"),
                            duration: this.option("defaultStaggerAnimationDuration"),
                            delay: this.option("defaultStaggerAnimationStartDelay")
                        }
                    });
                    this.registerPreset("stagger-fade-rise", {
                        animation: {
                            extraCssClasses: "dx-fade-rise-animation",
                            staggerDelay: this.option("defaultStaggerAnimationDelay"),
                            duration: this.option("defaultStaggerAnimationDuration"),
                            delay: this.option("defaultStaggerAnimationStartDelay")
                        }
                    });
                    this.registerPreset("stagger-3d-drop", {
                        animation: {
                            extraCssClasses: "dx-3d-drop-animation",
                            staggerDelay: this.option("defaultStaggerAnimationDelay"),
                            duration: this.option("defaultStaggerAnimationDuration"),
                            delay: this.option("defaultStaggerAnimationStartDelay")
                        }
                    });
                    this.registerPreset("stagger-fade-zoom", {
                        animation: {
                            extraCssClasses: "dx-fade-zoom-animation",
                            staggerDelay: this.option("defaultStaggerAnimationDelay"),
                            duration: this.option("defaultStaggerAnimationDuration"),
                            delay: this.option("defaultStaggerAnimationStartDelay")
                        }
                    })
                }
            });
            exports.presets = new AnimationPresetCollection
        },
        33100(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TransitionExecutor = void 0;
            var _fx = _interopRequireDefault(__webpack_require__( /*! ../../../../../common/core/animation/fx */ 27075));
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../../../../core/class */ 55620));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../../core/utils/type */ 11528);
            var _m_presets = __webpack_require__( /*! ../../../../common/core/animation/presets/m_presets */ 50084);
            var _m_common = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/m_common */ 39315));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const directionPostfixes = {
                forward: " dx-forward",
                backward: " dx-backward",
                none: " dx-no-direction",
                undefined: " dx-no-direction"
            };
            exports.TransitionExecutor = _class.default.inherit({
                ctor() {
                    this._accumulatedDelays = {
                        enter: 0,
                        leave: 0
                    };
                    this._animations = [];
                    this.reset()
                },
                _createAnimations($elements, initialConfig, configModifier, type) {
                    $elements = (0, _renderer.default)($elements);
                    const that = this;
                    const result = [];
                    configModifier = configModifier || {};
                    const animationConfig = this._prepareElementAnimationConfig(initialConfig, configModifier, type);
                    if (animationConfig) {
                        $elements.each(function() {
                            const animation = that._createAnimation((0, _renderer.default)(this), animationConfig, configModifier);
                            if (animation) {
                                animation.element.addClass("dx-animating");
                                animation.setup();
                                result.push(animation)
                            }
                        })
                    }
                    return result
                },
                _prepareElementAnimationConfig(config, configModifier, type) {
                    let result;
                    if ("string" === typeof config) {
                        const presetName = config;
                        config = _m_presets.presets.getPreset(presetName)
                    }
                    if (!config) {
                        result = void 0
                    } else if ((0, _type.isFunction)(config[type])) {
                        result = config[type]
                    } else {
                        result = (0, _extend.extend)({
                            skipElementInitialStyles: true,
                            cleanupWhen: this._completePromise
                        }, config, configModifier);
                        if (!result.type || "css" === result.type) {
                            const cssClass = `dx-${type}`;
                            const extraCssClasses = (result.extraCssClasses ? ` ${result.extraCssClasses}` : "") + directionPostfixes[result.direction];
                            result.type = "css";
                            result.from = (result.from || cssClass) + extraCssClasses;
                            result.to = result.to || `${cssClass}-active`
                        }
                        result.staggerDelay = result.staggerDelay || 0;
                        result.delay = result.delay || 0;
                        if (result.staggerDelay) {
                            result.delay += this._accumulatedDelays[type];
                            this._accumulatedDelays[type] += result.staggerDelay
                        }
                    }
                    return result
                },
                _createAnimation($element, animationConfig, configModifier) {
                    let result;
                    if ((0, _type.isPlainObject)(animationConfig)) {
                        result = _fx.default.createAnimation($element, animationConfig)
                    } else if ((0, _type.isFunction)(animationConfig)) {
                        result = animationConfig($element, configModifier)
                    }
                    return result
                },
                _startAnimations() {
                    const animations = this._animations;
                    for (let i = 0; i < animations.length; i += 1) {
                        animations[i].start()
                    }
                },
                _stopAnimations(jumpToEnd) {
                    const animations = this._animations;
                    for (let i = 0; i < animations.length; i += 1) {
                        animations[i].stop(jumpToEnd)
                    }
                },
                _clearAnimations() {
                    const animations = this._animations;
                    for (let i = 0; i < animations.length; i += 1) {
                        animations[i].element.removeClass("dx-animating")
                    }
                    this._animations.length = 0
                },
                reset() {
                    this._accumulatedDelays.enter = 0;
                    this._accumulatedDelays.leave = 0;
                    this._clearAnimations();
                    this._completeDeferred = new _deferred.Deferred;
                    this._completePromise = this._completeDeferred.promise()
                },
                enter($elements, animationConfig, configModifier) {
                    const animations = this._createAnimations($elements, animationConfig, configModifier, "enter");
                    this._animations.push.apply(this._animations, animations)
                },
                leave($elements, animationConfig, configModifier) {
                    const animations = this._createAnimations($elements, animationConfig, configModifier, "leave");
                    this._animations.push.apply(this._animations, animations)
                },
                start() {
                    const that = this;
                    let result;
                    if (!this._animations.length) {
                        that.reset();
                        result = (new _deferred.Deferred).resolve().promise()
                    } else {
                        const animationDeferreds = (0, _iterator.map)(this._animations, animation => {
                            const result = new _deferred.Deferred;
                            animation.deferred.always(() => {
                                result.resolve()
                            });
                            return result.promise()
                        });
                        result = _deferred.when.apply(_renderer.default, animationDeferreds).always(() => {
                            that._completeDeferred.resolve();
                            that.reset()
                        });
                        _m_common.default.executeAsync(() => {
                            that._startAnimations()
                        })
                    }
                    return result
                },
                stop(jumpToEnd) {
                    this._stopAnimations(jumpToEnd)
                }
            })
        },
        10469(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.resetPosition = exports.parseTranslate = exports.move = exports.locate = exports.getTranslateCss = exports.getTranslate = exports.clearCache = void 0;
            var _element_data = __webpack_require__( /*! ../../../../core/element_data */ 74663);
            var _renderer = (e = __webpack_require__( /*! ../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            const TRANSFORM_MATRIX_REGEX = /matrix(3d)?\((.+?)\)/;
            const TRANSLATE_REGEX = /translate(?:3d)?\((.+?)\)/;
            exports.locate = function($element) {
                $element = (0, _renderer.default)($element);
                const translate = getTranslate($element);
                return {
                    left: translate.x,
                    top: translate.y
                }
            };

            function isPercentValue(value) {
                return "string" === (0, _type.type)(value) && "%" === value[value.length - 1]
            }

            function cacheTranslate($element, translate) {
                if ($element.length) {
                    (0, _element_data.data)($element.get(0), "dxTranslator", translate)
                }
            }
            const clearCache = function($element) {
                if ($element.length) {
                    (0, _element_data.removeData)($element.get(0), "dxTranslator")
                }
            };
            exports.clearCache = clearCache;
            const getTranslateCss = function(translate) {
                translate.x = translate.x || 0;
                translate.y = translate.y || 0;
                const xValueString = isPercentValue(translate.x) ? translate.x : `${translate.x}px`;
                const yValueString = isPercentValue(translate.y) ? translate.y : `${translate.y}px`;
                return `translate(${xValueString}, ${yValueString})`
            };
            exports.getTranslateCss = getTranslateCss;
            const getTranslate = function($element) {
                let result = $element.length ? (0, _element_data.data)($element.get(0), "dxTranslator") : null;
                if (!result) {
                    const transformValue = $element.css("transform") || getTranslateCss({
                        x: 0,
                        y: 0
                    });
                    let matrix = transformValue.match(TRANSFORM_MATRIX_REGEX);
                    const is3D = matrix && matrix[1];
                    if (matrix) {
                        matrix = matrix[2].split(",");
                        if ("3d" === is3D) {
                            matrix = matrix.slice(12, 15)
                        } else {
                            matrix.push("0");
                            matrix = matrix.slice(4, 7)
                        }
                    } else {
                        matrix = ["0", "0", "0"]
                    }
                    result = {
                        x: parseFloat(matrix[0]),
                        y: parseFloat(matrix[1]),
                        z: parseFloat(matrix[2])
                    };
                    cacheTranslate($element, result)
                }
                return result
            };
            exports.getTranslate = getTranslate;
            exports.move = function($element, position) {
                $element = (0, _renderer.default)($element);
                const {
                    left: left,
                    top: top
                } = position;
                let translate;
                if (void 0 === left) {
                    translate = getTranslate($element);
                    translate.y = top || 0
                } else if (void 0 === top) {
                    translate = getTranslate($element);
                    translate.x = left || 0
                } else {
                    translate = {
                        x: left || 0,
                        y: top || 0,
                        z: 0
                    };
                    cacheTranslate($element, translate)
                }
                $element.css({
                    transform: getTranslateCss(translate)
                });
                if (isPercentValue(left) || isPercentValue(top)) {
                    clearCache($element)
                }
            };
            exports.resetPosition = function($element, finishTransition) {
                $element = (0, _renderer.default)($element);
                let originalTransition;
                const stylesConfig = {
                    left: 0,
                    top: 0,
                    transform: "none"
                };
                if (finishTransition) {
                    originalTransition = $element.css("transition");
                    stylesConfig.transition = "none"
                }
                $element.css(stylesConfig);
                clearCache($element);
                if (finishTransition) {
                    $element.css("transition", originalTransition)
                }
            };
            exports.parseTranslate = function(translateString) {
                let result = translateString.match(TRANSLATE_REGEX);
                if (!result || !result[1]) {
                    return
                }
                result = result[1].split(",");
                return {
                    x: parseFloat(result[0]),
                    y: parseFloat(result[1]),
                    z: parseFloat(result[2])
                }
            }
        },
        55351(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.registerPattern = exports.registerGradient = exports.default = void 0;
            var _utils = __webpack_require__( /*! ../viz/core/utils */ 98013);
            const graphicObjects = {};
            exports.registerPattern = options => {
                const id = (0, _utils.getNextDefsSvgId)();
                graphicObjects[id] = Object.assign({
                    type: "pattern"
                }, options);
                return id
            };
            exports.registerGradient = (type, options) => {
                const id = (0, _utils.getNextDefsSvgId)();
                graphicObjects[id] = Object.assign({
                    type: type
                }, options);
                return id
            };
            exports.default = {
                getGraphicObjects: () => graphicObjects
            }
        },
        87752(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DIContext = void 0;
            exports.DIContext = class {
                constructor() {
                    this.instances = new Map;
                    this.fabrics = new Map;
                    this.aliases = new Map;
                    this.antiRecursionSet = new Set;
                    this.globalDecorators = []
                }
                register(id, fabric) {
                    fabric ?? (fabric = id);
                    this.fabrics.set(id, fabric)
                }
                registerInstance(id, instance) {
                    const decoratedInstance = this.applyGlobalDecorators(instance);
                    this.instances.set(id, decoratedInstance)
                }
                get(id) {
                    const instance = this.tryGet(id);
                    if (instance) {
                        return instance
                    }
                    throw new Error(`DI item is not registered: ${id}`)
                }
                tryGet(id) {
                    id = this.resolveAlias(id);
                    if (this.instances.get(id)) {
                        return this.instances.get(id)
                    }
                    const fabric = this.fabrics.get(id);
                    if (fabric) {
                        const instance = this.create(fabric);
                        const decoratedInstance = this.applyGlobalDecorators(instance);
                        this.instances.set(id, decoratedInstance);
                        this.instances.set(fabric, decoratedInstance);
                        return decoratedInstance
                    }
                    return null
                }
                registerDecorator(decoratorFn) {
                    if (this.hasInitiatedInstances) {
                        throw new Error("Cannot register decorator: decorators must be registered before any instances are created or retrieved from the DI container.")
                    }
                    this.globalDecorators.push(decoratorFn)
                }
                get hasInitiatedInstances() {
                    return this.instances.size > 0
                }
                applyGlobalDecorators(instance) {
                    return this.globalDecorators.reduce((currentInstance, currentDecorator) => currentDecorator(currentInstance), instance)
                }
                create(fabric) {
                    if (this.antiRecursionSet.has(fabric)) {
                        throw new Error("dependency cycle in DI")
                    }
                    this.antiRecursionSet.add(fabric);
                    const args = fabric.dependencies.map(dependency => this.get(dependency));
                    this.antiRecursionSet.delete(fabric);
                    return new fabric(...args)
                }
                addAlias(aliasId, id) {
                    this.aliases.set(aliasId, id)
                }
                resolveAlias(aliasId) {
                    let result = aliasId;
                    while (this.aliases.has(result)) {
                        result = this.aliases.get(result)
                    }
                    return result
                }
            }
        },
        91922(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.hideCallback = exports.fireCallback = void 0;
            const hideCallback = exports.hideCallback = function() {
                let callbacks = [];
                return {
                    add(callback) {
                        if (!callbacks.includes(callback)) {
                            callbacks.push(callback)
                        }
                    },
                    remove(callback) {
                        const indexOfCallback = callbacks.indexOf(callback);
                        if (-1 !== indexOfCallback) {
                            callbacks.splice(indexOfCallback, 1)
                        }
                    },
                    fire() {
                        const callback = callbacks.pop();
                        const result = !!callback;
                        if (result) {
                            callback()
                        }
                        return result
                    },
                    hasCallback: () => callbacks.length > 0
                }
            }();
            exports.fireCallback = () => hideCallback.fire()
        },
        1522(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.initMobileViewport = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _m_devices = _interopRequireDefault(__webpack_require__( /*! ../../core/m_devices */ 98905));
            var _m_dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../core/m_dom_adapter */ 62018));
            var _m_extend = __webpack_require__( /*! ../../core/utils/m_extend */ 96298);
            var _m_resize_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_resize_callbacks */ 33717));
            var _m_size = __webpack_require__( /*! ../../core/utils/m_size */ 64587);
            var _m_style = __webpack_require__( /*! ../../core/utils/m_style */ 11953);
            var _m_support = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_support */ 85991));
            var _m_window = __webpack_require__( /*! ../../core/utils/m_window */ 14470);
            var _m_events_engine = _interopRequireDefault(__webpack_require__( /*! ../../events/core/m_events_engine */ 36306));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _m_window.getWindow)();
            exports.initMobileViewport = function(options) {
                options = (0, _m_extend.extend)({}, options);
                let realDevice = _m_devices.default.real();
                const {
                    allowZoom: allowZoom
                } = options;
                const {
                    allowPan: allowPan
                } = options;
                const allowSelection = "allowSelection" in options ? options.allowSelection : "generic" === realDevice.platform;
                if (!(0, _renderer.default)("meta[name=viewport]").length) {
                    (0, _renderer.default)("<meta>").attr("name", "viewport").appendTo("head")
                }
                const metaVerbs = ["width=device-width"];
                const msTouchVerbs = [];
                if (allowZoom) {
                    msTouchVerbs.push("pinch-zoom")
                } else {
                    metaVerbs.push("initial-scale=1.0", "maximum-scale=1.0, user-scalable=no")
                }
                if (allowPan) {
                    msTouchVerbs.push("pan-x", "pan-y")
                }
                if (!allowPan && !allowZoom) {
                    (0, _renderer.default)("html, body").css({
                        msContentZooming: "none",
                        msUserSelect: "none",
                        overflow: "hidden"
                    })
                } else {
                    (0, _renderer.default)("html").css("msOverflowStyle", "-ms-autohiding-scrollbar")
                }
                if (!allowSelection && _m_support.default.supportProp("userSelect")) {
                    (0, _renderer.default)(".dx-viewport").css((0, _m_style.styleProp)("userSelect"), "none")
                }(0, _renderer.default)("meta[name=viewport]").attr("content", metaVerbs.join());
                (0, _renderer.default)("html").css("msTouchAction", msTouchVerbs.join(" ") || "none");
                realDevice = _m_devices.default.real();
                if (_m_support.default.touch) {
                    _m_events_engine.default.off(_m_dom_adapter.default.getDocument(), ".dxInitMobileViewport");
                    _m_events_engine.default.on(_m_dom_adapter.default.getDocument(), "dxpointermove.dxInitMobileViewport", e => {
                        const count = e.pointers.length;
                        const isTouchEvent = "touch" === e.pointerType;
                        const zoomDisabled = !allowZoom && count > 1;
                        const panDisabled = !allowPan && 1 === count && !e.isScrollingEvent;
                        if (isTouchEvent && (zoomDisabled || panDisabled)) {
                            e.preventDefault()
                        }
                    })
                }
                if (realDevice.ios) {
                    const isPhoneGap = "file:" === _m_dom_adapter.default.getLocation().protocol;
                    if (!isPhoneGap) {
                        _m_resize_callbacks.default.add(() => {
                            const windowWidth = (0, _m_size.getWidth)(window);
                            (0, _m_size.setWidth)((0, _renderer.default)("body"), windowWidth)
                        })
                    }
                }
                if (realDevice.android) {
                    _m_resize_callbacks.default.add(() => {
                        setTimeout(() => {
                            const activeElement = _m_dom_adapter.default.getActiveElement();
                            if (activeElement.scrollIntoViewIfNeeded) {
                                activeElement.scrollIntoViewIfNeeded()
                            } else {
                                activeElement.scrollIntoView(false)
                            }
                        })
                    })
                }
            }
        },
        22692(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.base64ToBytes = function(base64) {
                return new Uint8Array(atob(base64).split("").map(s => s.charCodeAt(0)))
            };
            exports.bigIntFromBytes = function(bytes) {
                const eight = BigInt(8);
                const zero = BigInt(0);
                return bytes.reduce((acc, cur) => (acc << eight) + BigInt(cur), zero)
            };
            exports.bytesToHex = function(bytes) {
                return [...bytes].map(b => b.toString(16).padStart(2, "0")).join("")
            };
            exports.bytesToWords = function(bytes) {
                const words = new Uint32Array(1 + (bytes.length - 1 >> 2));
                for (let k = 0; k < bytes.length; k += 1) {
                    words[k >> 2] |= bytes[k] << 8 * (3 - k % 4)
                }
                return words
            };
            exports.concatBytes = function(a, b) {
                const result = new Uint8Array(a.length + b.length);
                result.set(a, 0);
                result.set(b, a.length);
                return result
            };
            exports.hexToBytes = function(string) {
                var _string$match;
                return new Uint8Array((null === (_string$match = string.match(/.{1,2}/g)) || void 0 === _string$match ? void 0 : _string$match.map(byte => parseInt(byte, 16))) ?? [])
            };
            exports.leftRotate = function(x, n) {
                return (x << n | x >>> 32 - n) >>> 0
            };
            exports.stringToBytes = function(string) {
                const bytes = new Uint8Array(string.length);
                for (let k = 0; k < string.length; k += 1) {
                    bytes[k] = 255 & string.charCodeAt(k)
                }
                return bytes
            };
            exports.wordsToBytes = function(words) {
                const bytes = new Uint8Array(4 * words.length);
                for (let k = 0; k < bytes.length; k += 1) {
                    bytes[k] = words[k >> 2] >>> 8 * (3 - k % 4)
                }
                return bytes
            };
            exports.wordsToHex = function(words) {
                return [...words].map(w => w.toString(16).padStart(8, "0")).join("")
            }
        },
        32153(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SUBSCRIPTION_NAMES = exports.RTM_MIN_PATCH_VERSION = exports.NBSP = exports.LICENSING_DOC_LINK = exports.LICENSE_KEY_PLACEHOLDER = exports.KEY_SPLITTER = exports.FORMAT = exports.BUY_NOW_LINK = void 0;
            exports.FORMAT = 1;
            exports.RTM_MIN_PATCH_VERSION = 3;
            exports.KEY_SPLITTER = ".";
            exports.BUY_NOW_LINK = "https://go.devexpress.com/Licensing_Installer_Watermark_DevExtremeJQuery.aspx";
            exports.LICENSING_DOC_LINK = "https://go.devexpress.com/Licensing_Documentation_DevExtremeJQuery.aspx";
            exports.LICENSE_KEY_PLACEHOLDER = "/* ___$$$$$___devextreme___lcp___placeholder____$$$$$ */";
            const NBSP = exports.NBSP = "\xa0";
            exports.SUBSCRIPTION_NAMES = `Universal, DXperience, ASP.NET${NBSP}and${NBSP}Blazor, DevExtreme${NBSP}Complete`
        },
        78157(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PUBLIC_KEY = exports.INTERNAL_USAGE_ID = void 0;
            exports.PUBLIC_KEY = {
                e: 65537,
                n: new Uint8Array([200, 219, 153, 203, 140, 7, 228, 253, 193, 243, 62, 137, 139, 60, 68, 242, 48, 142, 113, 88, 185, 235, 253, 105, 80, 74, 32, 170, 96, 74, 111, 250, 7, 205, 154, 3, 146, 115, 153, 53, 45, 132, 123, 56, 61, 208, 184, 201, 63, 24, 109, 223, 0, 179, 169, 102, 139, 224, 73, 233, 45, 173, 138, 66, 98, 88, 69, 76, 177, 111, 113, 218, 192, 33, 101, 152, 25, 134, 34, 173, 32, 82, 230, 44, 247, 200, 253, 170, 192, 246, 30, 12, 96, 205, 100, 249, 181, 93, 0, 231])
            };
            exports.INTERNAL_USAGE_ID = "Z1vs8j7zEaLzQ0kO4zM2Kz"
        },
        61395(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SIGN_LENGTH = exports.RSA_PUBLIC_KEY_XML = exports.LCP_SIGNATURE = exports.DECODE_MAP = void 0;
            exports.LCP_SIGNATURE = "LCPv1";
            exports.SIGN_LENGTH = 136;
            exports.DECODE_MAP = "\0\x01\x02\x03\x04\x05\x06\x07\b\t\n\v\f\r\x0e\x0f\x10\x11\x12\x13\x14\x15\x16\x17\x18\x19\x1a\x1b\x1c\x1d\x1e\x1f R\"f6U`'aA7Fdp,?#yeYx[KWwQMqk^T+5&r/8ItLDb2C0;H._ElZ@*N>ojOv\\$]m)JncBVsi<XGP=93zS%g:h(u-!14{|}~";
            exports.RSA_PUBLIC_KEY_XML = "<RSAKeyValue><Modulus>94ACmndawR6kB4PEJnXBBrz5Dn8ekEf5IvL7ro5ZvOyLVDiRwZXYR2uF8tFUSYjS5v7kOg74lfpZqfPXof7kcZwV3ENuy3tB7rqPBZaAqTMp5nBsZOc2H7MgDBXzrSdd4hzASQ==</Modulus><Exponent>AQAB</Exponent></RSAKeyValue>"
        },
        82670(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.isProductOnlyLicense = isProductOnlyLicense;
            exports.parseDevExpressProductKey = function(productsLicenseSource) {
                if (!isProductOnlyLicense(productsLicenseSource)) {
                    return _types.GENERAL_ERROR
                }
                try {
                    const productsLicense = atob((0, _utils.shiftDecodeText)(productsLicenseSource.substring(_const2.LCP_SIGNATURE.length)));
                    const signature = productsLicense.substring(0, _const2.SIGN_LENGTH);
                    const productsPayload = productsLicense.substring(_const2.SIGN_LENGTH);
                    if (!(0, _utils.verifyHash)(_const2.RSA_PUBLIC_KEY_XML, productsPayload, signature)) {
                        return _types.VERIFICATION_ERROR
                    }
                    const {
                        products: products,
                        errorToken: errorToken
                    } = function(encodedString) {
                        if (!encodedString) {
                            return {
                                products: [],
                                errorToken: _types.GENERAL_ERROR
                            }
                        }
                        try {
                            const splitInfo = encodedString.split(";");
                            const productTuples = splitInfo.slice(1).filter(entry => entry.length > 0);
                            const products = productTuples.map(tuple => {
                                const parts = tuple.split(",");
                                const version = Number.parseInt(parts[0], 10);
                                const productsValue = BigInt(parts[1]);
                                const expiration = parts.length > 3 ? (0, _utils.dotNetTicksToMs)(parts[3]) : 1 / 0;
                                return (0, _product_info.createProductInfo)(version, productsValue, expiration)
                            });
                            return {
                                products: products
                            }
                        } catch (error) {
                            return {
                                products: [],
                                errorToken: _types.DESERIALIZATION_ERROR
                            }
                        }
                    }((0, _utils.encodeString)(productsPayload, _utils.shiftDecodeText));
                    if (errorToken) {
                        return errorToken
                    }
                    const maxVersionAllowed = (0, _license_info.findLatestDevExtremeVersion)({
                        products: products
                    });
                    if (!maxVersionAllowed) {
                        const maxExpiration = (0, _license_info.getMaxExpiration)({
                            products: products
                        });
                        if (maxExpiration !== 1 / 0 && maxExpiration < Date.now()) {
                            return _types.TRIAL_EXPIRED_ERROR
                        }
                    }
                    if (!maxVersionAllowed) {
                        return _types.PRODUCT_KIND_ERROR
                    }
                    return {
                        kind: _types.TokenKind.verified,
                        payload: {
                            customerId: "",
                            maxVersionAllowed: maxVersionAllowed,
                            format: _const.FORMAT
                        }
                    }
                } catch (error) {
                    return _types.GENERAL_ERROR
                }
            };
            var _const = __webpack_require__( /*! ../const */ 32153);
            var _types = __webpack_require__( /*! ../types */ 13407);
            var _const2 = __webpack_require__( /*! ./const */ 61395);
            var _license_info = __webpack_require__( /*! ./license_info */ 61674);
            var _product_info = __webpack_require__( /*! ./product_info */ 33602);
            var _utils = __webpack_require__( /*! ./utils */ 80993);

            function isProductOnlyLicense(license) {
                return "string" === typeof license && license.startsWith(_const2.LCP_SIGNATURE)
            }
        },
        61674(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.findLatestDevExtremeVersion = function(info) {
                var _sorted$find;
                if (!isLicenseValid(info)) {
                    return
                }
                const sorted = [...info.products].sort((a, b) => b.version - a.version);
                return null === (_sorted$find = sorted.find(p => (0, _product_info.isProduct)(p, _types.ProductKind.DevExtremeHtmlJs))) || void 0 === _sorted$find ? void 0 : _sorted$find.version
            };
            exports.getMaxExpiration = function(info) {
                const expirationDates = info.products.map(p => p.expiration).filter(e => e > 0 && e !== 1 / 0);
                if (0 === expirationDates.length) {
                    return 1 / 0
                }
                return Math.max(...expirationDates)
            };
            exports.isLicenseValid = isLicenseValid;
            var _product_info = __webpack_require__( /*! ./product_info */ 33602);
            var _types = __webpack_require__( /*! ./types */ 91677);

            function isLicenseValid(info) {
                return Array.isArray(info.products) && info.products.length > 0
            }
        },
        33602(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.createProductInfo = function(version, products) {
                let expiration = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 1 / 0;
                return {
                    version: version,
                    products: BigInt(products),
                    expiration: expiration
                }
            };
            exports.isProduct = function(info) {
                for (var _len = arguments.length, productIds = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
                    productIds[_key - 1] = arguments[_key]
                }
                if (1 === productIds.length) {
                    const flag = BigInt(productIds[0]);
                    return (info.products & flag) === flag
                }
                return productIds.some(id => (info.products & BigInt(id)) === BigInt(id))
            }
        },
        91677(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ProductKind = void 0;
            var _utils = __webpack_require__( /*! ./utils */ 80993);
            const productKind = {
                Default: 0n,
                DXperienceWin: (0, _utils.bit)(0),
                XtraReports: (0, _utils.bit)(4),
                XPO: (0, _utils.bit)(15),
                DevExtremeAspNet: (0, _utils.bit)(17),
                DXperienceASP: (0, _utils.bit)(25),
                XAF: (0, _utils.bit)(28),
                Blazor: (0, _utils.bit)(31),
                DXperienceWPF: (0, _utils.bit)(38),
                DocsBasic: (0, _utils.bit)(39),
                Dashboard: (0, _utils.bit)(47),
                Snap: (0, _utils.bit)(49),
                DevExtremeHtmlJs: (0, _utils.bit)(54),
                Docs: (0, _utils.bit)(55),
                XtraReportsWpf: (0, _utils.bit)(57),
                XtraReportsWeb: (0, _utils.bit)(59),
                XtraReportsWin: (0, _utils.bit)(60),
                XtraReportsBlazor: (0, _utils.bit)(41),
                DXperienceEnt: (0, _utils.bit)(0),
                DXperienceUni: (0, _utils.bit)(0)
            };
            productKind.DXperienceEnt = productKind.Blazor | productKind.DXperienceWin | productKind.XtraReports | productKind.Snap | productKind.XtraReportsWin | productKind.XPO | productKind.DXperienceASP | productKind.DXperienceWPF | productKind.XtraReportsWeb | productKind.XtraReportsWpf | productKind.XtraReportsBlazor | productKind.DevExtremeAspNet | productKind.DevExtremeHtmlJs;
            productKind.DXperienceUni = productKind.DXperienceEnt | productKind.XAF | productKind.DXperienceWPF | productKind.Dashboard | productKind.Docs;
            exports.ProductKind = Object.freeze(productKind)
        },
        80993(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.bit = void 0;
            exports.dotNetTicksToMs = function(ticksStr) {
                const ticks = BigInt(ticksStr);
                if (ticks >= 3155378975999999999n) {
                    return 1 / 0
                }
                return Number((ticks - 621355968000000000n) / 10000n)
            };
            exports.verifyHash = exports.shiftText = exports.shiftDecodeText = exports.parseRsaXml = exports.encodeString = void 0;
            var _byte_utils = __webpack_require__( /*! ../byte_utils */ 22692);
            var _pkcs = __webpack_require__( /*! ../pkcs1 */ 1012);
            var _rsa_bigint = __webpack_require__( /*! ../rsa_bigint */ 42752);
            var _sha = __webpack_require__( /*! ../sha1 */ 94281);
            var _const = __webpack_require__( /*! ./const */ 61395);
            exports.bit = shift => 1n << BigInt(shift);
            const parseRsaXml = xml => {
                const modulusMatch = /<Modulus>([^<]+)<\/Modulus>/.exec(xml);
                const exponentMatch = /<Exponent>([^<]+)<\/Exponent>/.exec(xml);
                if (!modulusMatch || !exponentMatch) {
                    throw new Error("Invalid RSA XML key.")
                }
                return {
                    modulus: (0, _byte_utils.base64ToBytes)(modulusMatch[1]),
                    exponent: Number((0, _byte_utils.bigIntFromBytes)((0, _byte_utils.base64ToBytes)(exponentMatch[1])))
                }
            };
            exports.parseRsaXml = parseRsaXml;
            exports.encodeString = (text, encode) => "function" === typeof encode ? encode(text) : text;
            const shiftText = (text, map) => {
                if (!text) {
                    return text || ""
                }
                let result = "";
                for (let i = 0; i < text.length; i += 1) {
                    const charCode = text.charCodeAt(i);
                    if (charCode < map.length) {
                        result += map[charCode]
                    } else {
                        result += text[i]
                    }
                }
                return result
            };
            exports.shiftText = shiftText;
            exports.shiftDecodeText = text => shiftText(text, _const.DECODE_MAP);
            exports.verifyHash = (xmlKey, data, signature) => {
                const {
                    modulus: modulus,
                    exponent: exponent
                } = parseRsaXml(xmlKey);
                const key = {
                    n: modulus,
                    e: exponent
                };
                const sign = (0, _byte_utils.base64ToBytes)(signature);
                return (0, _rsa_bigint.compareSignatures)({
                    key: key,
                    signature: sign,
                    actual: (0, _pkcs.pad)((0, _sha.sha1)(data))
                })
            }
        },
        93391(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.isUnsupportedKeyFormat = function(licenseKey) {
                if (!licenseKey) {
                    return false
                }
                if (hasLicensePrefix(licenseKey, "LCXv1")) {
                    _errors.default.log("W0000", "config", "licenseKey", "LCXv1 is specified in the license key");
                    return true
                }
                return false
            };
            exports.parseLicenseKey = parseLicenseKey;
            exports.peekValidationPerformed = function() {
                return validationPerformed
            };
            exports.setLicenseCheckSkipCondition = function() {};
            exports.validateLicense = validateLicense;
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../../core/config */ 66636));
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../../core/errors */ 87129));
            var _version = __webpack_require__( /*! ../../../core/version */ 1956);
            var _version2 = __webpack_require__( /*! ../../utils/version */ 20258);
            var _byte_utils = __webpack_require__( /*! ./byte_utils */ 22692);
            var _const = __webpack_require__( /*! ./const */ 32153);
            var _key = __webpack_require__( /*! ./key */ 78157);
            var _lcp_key_validator = __webpack_require__( /*! ./lcp_key_validation/lcp_key_validator */ 82670);
            var _license_warnings = __webpack_require__( /*! ./license_warnings */ 97865);
            var _pkcs = __webpack_require__( /*! ./pkcs1 */ 1012);
            var _rsa_bigint = __webpack_require__( /*! ./rsa_bigint */ 42752);
            var _sha = __webpack_require__( /*! ./sha1 */ 94281);
            var _trial_panel = __webpack_require__( /*! ./trial_panel */ 99671);
            var _types = __webpack_require__( /*! ./types */ 13407);
            const _excluded = ["customerId", "maxVersionAllowed", "format", "internalUsageId"];

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            let validationPerformed = false;

            function parseLicenseKey(encodedKey) {
                if (void 0 === encodedKey) {
                    return _types.GENERAL_ERROR
                }
                if ((0, _lcp_key_validator.isProductOnlyLicense)(encodedKey)) {
                    return (0, _lcp_key_validator.parseDevExpressProductKey)(encodedKey)
                }
                const parts = encodedKey.split(_const.KEY_SPLITTER);
                if (2 !== parts.length || 0 === parts[0].length || 0 === parts[1].length) {
                    return _types.GENERAL_ERROR
                }
                if (! function(_ref) {
                        let {
                            text: text,
                            signature: encodedSignature
                        } = _ref;
                        return (0, _rsa_bigint.compareSignatures)({
                            key: _key.PUBLIC_KEY,
                            signature: (0, _byte_utils.base64ToBytes)(encodedSignature),
                            actual: (0, _pkcs.pad)((0, _sha.sha1)(text))
                        })
                    }({
                        text: parts[0],
                        signature: parts[1]
                    })) {
                    return _types.VERIFICATION_ERROR
                }
                let decodedPayload = "";
                try {
                    decodedPayload = atob(parts[0])
                } catch {
                    return _types.DECODING_ERROR
                }
                let payload = {};
                try {
                    payload = JSON.parse(decodedPayload)
                } catch {
                    return _types.DESERIALIZATION_ERROR
                }
                const {
                    customerId: customerId,
                    maxVersionAllowed: maxVersionAllowed,
                    format: format,
                    internalUsageId: internalUsageId
                } = payload, rest = function(r, e) {
                    if (null == r) {
                        return {}
                    }
                    var t = {};
                    for (var n in r) {
                        if ({}.hasOwnProperty.call(r, n)) {
                            if (-1 !== e.indexOf(n)) {
                                continue
                            }
                            t[n] = r[n]
                        }
                    }
                    return t
                }(payload, _excluded);
                if (void 0 !== internalUsageId) {
                    return {
                        kind: _types.TokenKind.internal,
                        internalUsageId: internalUsageId
                    }
                }
                if (void 0 === customerId || void 0 === maxVersionAllowed || void 0 === format) {
                    return _types.PAYLOAD_ERROR
                }
                if (format !== _const.FORMAT) {
                    return _types.VERSION_ERROR
                }
                return {
                    kind: _types.TokenKind.verified,
                    payload: Object.assign({
                        customerId: customerId,
                        maxVersionAllowed: maxVersionAllowed
                    }, rest)
                }
            }

            function hasLicensePrefix(licenseKey, prefix) {
                return licenseKey.trim().startsWith(prefix)
            }

            function getLicenseCheckParams(_ref2) {
                let {
                    licenseKey: licenseKey,
                    version: version
                } = _ref2;
                let preview = false;
                try {
                    preview = (patch = version.patch, isNaN(patch) || patch < _const.RTM_MIN_PATCH_VERSION);
                    const {
                        major: major,
                        minor: minor
                    } = preview ? (0, _version2.getPreviousMajorVersion)(version) : version;
                    if (!licenseKey || licenseKey === _const.LICENSE_KEY_PLACEHOLDER) {
                        return {
                            preview: preview,
                            error: "W0019",
                            warningType: "no-key"
                        }
                    }
                    if (hasLicensePrefix(licenseKey, "LCX")) {
                        return {
                            preview: preview,
                            error: "W0021",
                            warningType: "lcx-used"
                        }
                    }
                    const license = parseLicenseKey(licenseKey);
                    if (license.kind === _types.TokenKind.corrupted) {
                        if ("product-kind" === license.error) {
                            return {
                                preview: preview,
                                error: "W0021",
                                warningType: "no-devextreme-license"
                            }
                        }
                        if ("trial-expired" === license.error) {
                            return {
                                preview: preview,
                                error: "W0020",
                                warningType: "trial-expired"
                            }
                        }
                        return {
                            preview: preview,
                            error: "W0021",
                            warningType: "invalid-key"
                        }
                    }
                    if (license.kind === _types.TokenKind.internal) {
                        return {
                            preview: preview,
                            internal: true,
                            error: license.internalUsageId === _key.INTERNAL_USAGE_ID ? void 0 : "W0020"
                        }
                    }
                    if (!(major && minor)) {
                        return {
                            preview: preview,
                            error: "W0021",
                            warningType: "invalid-key"
                        }
                    }
                    if (10 * major + minor > license.payload.maxVersionAllowed) {
                        return {
                            preview: preview,
                            error: "W0020",
                            warningType: "version-mismatch",
                            maxVersionAllowed: license.payload.maxVersionAllowed
                        }
                    }
                    return {
                        preview: preview,
                        error: void 0
                    }
                } catch {
                    return {
                        preview: preview,
                        error: "W0021",
                        warningType: "invalid-key"
                    }
                }
                var patch
            }

            function validateLicense(licenseKey) {
                let versionStr = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : _version.fullVersion;
                if (validationPerformed) {
                    return
                }
                validationPerformed = true;
                const version = (0, _version2.parseVersion)(versionStr);
                const versionsCompatible = (0, _version2.assertedVersionsCompatible)(version);
                const {
                    internal: internal,
                    error: error,
                    warningType: warningType,
                    maxVersionAllowed: maxVersionAllowed
                } = getLicenseCheckParams({
                    licenseKey: licenseKey,
                    version: version
                });
                if (!versionsCompatible && internal) {
                    return
                }
                if (error && !internal) {
                    ! function() {
                        const buyNowLink = (0, _config.default)().buyNowLink ?? _const.BUY_NOW_LINK;
                        const licensingDocLink = (0, _config.default)().licensingDocLink ?? _const.LICENSING_DOC_LINK;
                        (0, _trial_panel.showTrialPanel)(buyNowLink, licensingDocLink, _version.fullVersion, _const.SUBSCRIPTION_NAMES)
                    }()
                }
                if (error) {
                    if (warningType) {
                        const versionInfo = "version-mismatch" === warningType && void 0 !== maxVersionAllowed ? {
                            keyVersion: `${Math.floor(maxVersionAllowed/10)}.${maxVersionAllowed%10}`,
                            requiredVersion: `${version.major}.${version.minor}`
                        } : void 0;
                        (0, _license_warnings.logLicenseWarning)(warningType, versionStr, versionInfo)
                    } else {
                        _errors.default.log(error)
                    }
                }
            }
            exports.default = {
                validateLicense: validateLicense
            }
        },
        97865(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TEMPLATES = void 0;
            exports.logLicenseWarning = function(warningType, version, versionInfo) {
                const T = TEMPLATES;
                const purchaseLine = `${T.warningPrefix("W0019")} ${T.purchaseLicense}`;
                const installLine = `${T.warningPrefix("W0021")} ${T.installationInstructions}`;
                const warnings = [
                    [purchaseLine]
                ];
                switch (warningType) {
                    case "no-key":
                        warnings[warnings.length - 1].push(T.keyNotFound);
                        warnings.push([installLine]);
                        break;
                    case "invalid-key":
                        warnings[warnings.length - 1].push(T.keyVerificationFailed());
                        warnings.push([installLine]);
                        break;
                    case "lcx-used":
                        warnings[warnings.length - 1].push(T.keyVerificationFailed(), T.lcxUsedInsteadOfLcp);
                        warnings.push([installLine]);
                        break;
                    case "old-devextreme-key":
                        warnings[warnings.length - 1].push(T.keyVerificationFailed(), T.oldDevExtremeKey);
                        warnings.push([installLine]);
                        break;
                    case "version-mismatch": {
                        const incompatibleLine = `${T.warningPrefix("W0020")} ${T.keyVerificationFailed("incompatibleVersion",null===versionInfo||void 0===versionInfo?void 0:versionInfo.keyVersion,null===versionInfo||void 0===versionInfo?void 0:versionInfo.requiredVersion)}`;
                        warnings[warnings.length - 1].push(T.keyVerificationFailed());
                        warnings.push([incompatibleLine]);
                        break
                    }
                    case "trial-expired": {
                        const expiredLine = `${T.warningPrefix("W0020")} ${T.keyVerificationFailed("trialExpired")}`;
                        warnings.push([expiredLine]);
                        break
                    }
                }
                warnings.forEach(group => {
                    console.warn(group.join("\n"))
                })
            };
            const TEMPLATES = exports.TEMPLATES = Object.freeze({
                warningPrefix: code => {
                    let warningDescription = "";
                    switch (code) {
                        case "W0019":
                            warningDescription = "DevExtreme: You are using a trial (evaluation) version of DevExtreme.";
                            break;
                        case "W0020":
                            warningDescription = "DevExtreme: License Key Has Expired.";
                            break;
                        case "W0021":
                            warningDescription = "DevExtreme: License Key Verification Has Failed.";
                            break;
                        default:
                            warningDescription = "DevExtreme: For evaluation purposes only. Redistribution prohibited."
                    }
                    return `${code} - ${warningDescription}`
                },
                keyNotFound: "A devextreme-license generated key has not been specified in the GlobalConfig.",
                keyWasFound: (type, path) => {
                    switch (type) {
                        case "envVariable":
                            return "The DevExpress license key was retrieved from the 'DevExpress_License' environment variable.";
                        case "envPath":
                            return "The DevExpress license key was retrieved from the 'DevExpress_LicensePath' environment variable.";
                        case "file":
                            return `The DevExpress license key was retrieved from file: "${path}".`;
                        default:
                            return "The DevExpress license key was retrieved."
                    }
                },
                keyVerificationFailed: (type, keyVersion, requiredVersion) => {
                    switch (type) {
                        case "incompatibleVersion":
                            return `Incompatible DevExpress license key version (v${keyVersion}). Download and register an updated DevExpress license key (v${requiredVersion}+). Clear npm/IDE/NuGet cache and rebuild your project (https://devexpress.com/DX1002).`;
                        case "trialExpired":
                            return "Your DevExpress trial period has expired. Purchase a license to continue using DevExpress product libraries.";
                        default:
                            return "License key verification has failed."
                    }
                },
                purchaseLicense: "Please register an existing license (https://devexpress.com/DX1000) or purchase a new license (https://devexpress.com/Buy/) to continue use of the following DevExpress product libraries: DevExtreme - Included in Subscriptions: Universal, DXperience, ASP.NET and Blazor, DevExtreme Complete.",
                installationInstructions: "If you own a licensed/registered version or if you are using a 30-day trial version of DevExpress product libraries on a development machine, download your personal license key and verify it with the devextreme-license tool (https://devexpress.com/DX1001).",
                lcxUsedInsteadOfLcp: "A DevExpress license key has been specified instead of a key generated using devextreme-license.",
                oldDevExtremeKey: "A DevExtreme key (v25.2 or earlier) has been detected in the GlobalConfig. Generate a key with devextreme-license instead.",
                licenseId: id => `License ID: ${id}`
            })
        },
        1012(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.pad = function(hash) {
                const dataLength = (8 * _key.PUBLIC_KEY.n.length + 6) / 8;
                const data = (0, _byte_utils.concatBytes)((0, _byte_utils.hexToBytes)("3021300906052b0e03021a05000414"), hash);
                if (data.length + 10 > dataLength) {
                    throw Error("Key is too short for SHA1 signing algorithm")
                }
                const padding = new Uint8Array(dataLength - data.length);
                padding.fill(255, 0, padding.length - 1);
                padding[0] = 0;
                padding[1] = 1;
                padding[padding.length - 1] = 0;
                return (0, _byte_utils.concatBytes)(padding, data)
            };
            var _byte_utils = __webpack_require__( /*! ./byte_utils */ 22692);
            var _key = __webpack_require__( /*! ./key */ 78157)
        },
        42752(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.compareSignatures = function(args) {
                try {
                    const one = BigInt(1);
                    const modExp = (base, exponent, modulus) => {
                        let result = one;
                        let b = base;
                        let e = exponent;
                        while (e) {
                            if (e & one) {
                                result = result * b % modulus
                            }
                            b = b * b % modulus;
                            e >>= one
                        }
                        return result
                    };
                    const actual = (0, _byte_utils.bigIntFromBytes)(args.actual);
                    const signature = (0, _byte_utils.bigIntFromBytes)(args.signature);
                    const exponent = BigInt(args.key.e);
                    const modulus = (0, _byte_utils.bigIntFromBytes)(args.key.n);
                    const expected = modExp(signature, exponent, modulus);
                    return expected === actual
                } catch {
                    return true
                }
            };
            var _byte_utils = __webpack_require__( /*! ./byte_utils */ 22692)
        },
        94281(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.preprocess = preprocess;
            exports.sha1 = function(text) {
                const message = preprocess(text);
                const h = new Uint32Array([1732584193, 4023233417, 2562383102, 271733878, 3285377520]);
                for (let i = 0; i < message.length; i += 16) {
                    const w = new Uint32Array(80);
                    for (let j = 0; j < 16; j += 1) {
                        w[j] = message[i + j]
                    }
                    for (let j = 16; j < 80; j += 1) {
                        const n = w[j - 3] ^ w[j - 8] ^ w[j - 14] ^ w[j - 16];
                        w[j] = n << 1 | n >>> 31
                    }
                    let a = h[0];
                    let b = h[1];
                    let c = h[2];
                    let d = h[3];
                    let e = h[4];
                    for (let j = 0; j < 80; j += 1) {
                        const [f, k] = j < 20 ? [b & c | ~b & d, 1518500249] : j < 40 ? [b ^ c ^ d, 1859775393] : j < 60 ? [b & c | b & d | c & d, 2400959708] : [b ^ c ^ d, 3395469782];
                        const temp = (0, _byte_utils.leftRotate)(a, 5) + f + e + k + w[j];
                        e = d;
                        d = c;
                        c = (0, _byte_utils.leftRotate)(b, 30);
                        b = a;
                        a = temp
                    }
                    h[0] += a;
                    h[1] += b;
                    h[2] += c;
                    h[3] += d;
                    h[4] += e
                }
                return (0, _byte_utils.wordsToBytes)(h)
            };
            var _byte_utils = __webpack_require__( /*! ./byte_utils */ 22692);

            function preprocess(text) {
                const bytes = new Uint8Array(text.length + 1);
                bytes.set((0, _byte_utils.stringToBytes)(text));
                bytes[bytes.length - 1] = 128;
                const words = (0, _byte_utils.bytesToWords)(new Uint8Array(bytes));
                const result = new Uint32Array(16 * Math.ceil((words.length + 2) / 16));
                result.set(words, 0);
                result[result.length - 1] = 8 * (bytes.length - 1);
                return result
            }
        },
        42570(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.isClient = exports.BASE_Z_INDEX = void 0;
            exports.registerCustomComponents = registerCustomComponents;
            exports.renderTrialPanel = function(buyNowUrl, licensingDocUrl, version, subscriptions, customStyles) {
                registerCustomComponents(customStyles);
                const trialPanelTrigger = document.createElement(componentNames_trigger);
                trialPanelTrigger.setAttribute(attributeNames.buyNow, buyNowUrl);
                trialPanelTrigger.setAttribute(attributeNames.licensingDoc, licensingDocUrl);
                trialPanelTrigger.setAttribute(attributeNames.version, version);
                trialPanelTrigger.setAttribute(attributeNames.subscriptions, subscriptions ?? "");
                document.body.appendChild(trialPanelTrigger)
            };
            const BASE_Z_INDEX = exports.BASE_Z_INDEX = 1500;
            const isClient = () => "undefined" !== typeof HTMLElement && "undefined" !== typeof customElements;
            exports.isClient = isClient;
            const SafeHTMLElement = isClient() ? HTMLElement : class {};
            const componentNames_trigger = "dx-license-trigger",
                componentNames_panel = "dx-license";
            const attributeNames = {
                buyNow: "buy-now",
                licensingDoc: "licensing-doc",
                version: "version",
                subscriptions: "subscriptions"
            };
            const commonStyles = {
                opacity: "1",
                visibility: "visible",
                "clip-path": "none",
                filter: "none"
            };
            const contentStyles = Object.assign({}, commonStyles, {
                width: "100%",
                height: "auto",
                "line-height": "normal",
                display: "block",
                "z-index": `${BASE_Z_INDEX}`,
                position: "static",
                transform: "translate(0px, 0px)",
                "background-color": "#FF7200",
                border: "none",
                margin: "auto",
                "box-sizing": "border-box",
                "text-align": "center"
            });
            const containerStyles = Object.assign({}, contentStyles, {
                display: "flex",
                "align-items": "center",
                "flex-direction": "row",
                position: "relative",
                top: "0px",
                left: "0px",
                padding: "0.5rem"
            });
            const buttonStyles = {
                width: "1rem",
                cursor: "pointer",
                height: "1rem"
            };
            const textStyles = Object.assign({}, commonStyles, {
                display: "inline",
                position: "static",
                padding: "0px",
                margin: "0px",
                color: "white",
                "font-family": "-apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', 'adwaita sans', cantarell, ubuntu, roboto, noto, helvetica, arial, sans-serif",
                "font-size": "0.875rem",
                "font-weight": "600"
            });

            function createImportantStyles(defaultStyles, customStyles) {
                const styles = customStyles ? Object.assign({}, defaultStyles, customStyles) : defaultStyles;
                return Object.keys(styles).reduce((cssString, currentKey) => `${cssString}${[currentKey,`${styles[currentKey]} !important;`].join(": ")}`, "")
            }
            class DxLicense extends SafeHTMLElement {
                constructor() {
                    var _DxLicense$customStyl, _DxLicense$customStyl2, _DxLicense$customStyl3, _DxLicense$customStyl4, _DxLicense$customStyl5;
                    super();
                    this._observer = null;
                    this._inReassign = false;
                    this._spanStyles = createImportantStyles(textStyles, null === (_DxLicense$customStyl = DxLicense.customStyles) || void 0 === _DxLicense$customStyl ? void 0 : _DxLicense$customStyl.textStyles);
                    this._linkStyles = createImportantStyles(textStyles, null === (_DxLicense$customStyl2 = DxLicense.customStyles) || void 0 === _DxLicense$customStyl2 ? void 0 : _DxLicense$customStyl2.linkStyles);
                    this._containerStyles = createImportantStyles(containerStyles, null === (_DxLicense$customStyl3 = DxLicense.customStyles) || void 0 === _DxLicense$customStyl3 ? void 0 : _DxLicense$customStyl3.containerStyles);
                    this._contentStyles = createImportantStyles(contentStyles, null === (_DxLicense$customStyl4 = DxLicense.customStyles) || void 0 === _DxLicense$customStyl4 ? void 0 : _DxLicense$customStyl4.contentStyles);
                    this._buttonStyles = createImportantStyles(buttonStyles, null === (_DxLicense$customStyl5 = DxLicense.customStyles) || void 0 === _DxLicense$customStyl5 ? void 0 : _DxLicense$customStyl5.contentStyles)
                }
                _getSubscriptionsArray(subscriptions) {
                    return (null === subscriptions || void 0 === subscriptions ? void 0 : subscriptions.split(",").map(x => x.trim())) ?? []
                }
                updateSubscriptions(newSubscriptions) {
                    if (!this._subscriptionsSpan || !newSubscriptions) {
                        return
                    }
                    const currentSubscriptionsStr = this.getAttribute(attributeNames.subscriptions);
                    const currentSubscriptions = this._getSubscriptionsArray(currentSubscriptionsStr);
                    if (!currentSubscriptions.length) {
                        this._updateSubscriptionsText(newSubscriptions);
                        return
                    }
                    const newSubscriptionsArray = this._getSubscriptionsArray(newSubscriptions);
                    const mergedSubscriptions = [];
                    newSubscriptionsArray.forEach(subscription => {
                        if (currentSubscriptions.some(x => x === subscription)) {
                            mergedSubscriptions.push(subscription)
                        }
                    });
                    this._updateSubscriptionsText(0 !== mergedSubscriptions.length ? mergedSubscriptions.join(", ") : [...currentSubscriptions, ...newSubscriptionsArray].join(", "))
                }
                _updateSubscriptionsText(subscriptions) {
                    if (subscriptions && this._subscriptionsSpan) {
                        this.setAttribute(attributeNames.subscriptions, subscriptions);
                        this._subscriptionsSpan.innerText = ` Included in Subscriptions: ${subscriptions}`
                    }
                }
                _createSubscriptionsSpan() {
                    this._subscriptionsSpan = this._createSpan("");
                    this._updateSubscriptionsText(this.getAttribute(attributeNames.subscriptions));
                    return this._subscriptionsSpan
                }
                _createSpan(text) {
                    const span = document.createElement("span");
                    span.innerText = text;
                    span.style.cssText = this._spanStyles;
                    return span
                }
                _createLink(text, href) {
                    const link = document.createElement("a");
                    link.innerText = text;
                    link.style.cssText = this._linkStyles;
                    link.href = href;
                    link.target = "_blank";
                    return link
                }
                _createButton() {
                    const button = document.createElement("div");
                    button.style.cssText = this._buttonStyles;
                    const polygon = document.createElementNS("http://www.w3.org/2000/svg", "polygon");
                    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
                    polygon.setAttribute("points", "13.4 12.7 8.7 8 13.4 3.4 12.6 2.6 8 7.3 3.4 2.6 2.6 3.4 7.3 8 2.6 12.6 3.4 13.4 8 8.7 12.7 13.4 13.4 12.7");
                    polygon.style.cssText = createImportantStyles({
                        fill: "#fff",
                        opacity: ".5",
                        "stroke-width": "0px"
                    });
                    svg.setAttribute("id", "Layer_1");
                    svg.setAttribute("data-name", "Layer 1");
                    svg.setAttribute("version", "1.1");
                    svg.setAttribute("viewBox", "0 0 16 16");
                    svg.style.cssText = createImportantStyles({
                        "vertical-align": "baseline"
                    });
                    svg.appendChild(polygon);
                    button.appendChild(svg);
                    button.onclick = () => {
                        DxLicense.closed = true;
                        this.style.cssText = createImportantStyles({
                            display: "none"
                        })
                    };
                    return button
                }
                _createContentContainer() {
                    const contentContainer = document.createElement("div");
                    contentContainer.style.cssText = this._contentStyles;
                    contentContainer.append(this._createSpan("For evaluation purposes only. Redistribution prohibited. Please "), this._createLink("register", this.getAttribute(attributeNames.licensingDoc)), this._createSpan(" an existing license or "), this._createLink("purchase a new license", this.getAttribute(attributeNames.buyNow)), this._createSpan(` to continue use of DevExpress product libraries (v${this.getAttribute(attributeNames.version)}).`), this._createSubscriptionsSpan());
                    return contentContainer
                }
                _reassignComponent() {
                    this.innerHTML = "";
                    this.style.cssText = this._containerStyles;
                    this.append(this._createContentContainer(), this._createButton())
                }
                connectedCallback() {
                    this._reassignComponent();
                    if (!this._observer) {
                        this._observer = new MutationObserver(() => {
                            if (DxLicense.closed) {
                                var _this$_observer;
                                null === (_this$_observer = this._observer) || void 0 === _this$_observer || _this$_observer.disconnect();
                                return
                            }
                            if (this._inReassign) {
                                this._inReassign = false
                            } else {
                                this._inReassign = true;
                                this._reassignComponent()
                            }
                        });
                        this._observer.observe(this, {
                            childList: true,
                            attributes: true,
                            subtree: true
                        })
                    }
                }
                disconnectedCallback() {
                    if (DxLicense.closed) {
                        return
                    }
                    Promise.resolve().then(() => {
                        if (!document) {
                            return
                        }
                        const licensePanel = document.getElementsByTagName(componentNames_panel);
                        if (!licensePanel.length) {
                            document.body.prepend(this)
                        }
                    })
                }
            }
            DxLicense.customStyles = void 0;
            DxLicense.closed = false;
            class DxLicenseTrigger extends SafeHTMLElement {
                connectedCallback() {
                    this.style.cssText = createImportantStyles({
                        display: "none"
                    });
                    const licensePanel = document.getElementsByTagName(componentNames_panel);
                    if (DxLicense.closed) {
                        return
                    }
                    if (!licensePanel.length) {
                        const license = document.createElement(componentNames_panel);
                        Object.values(attributeNames).forEach(attrName => {
                            const attrValue = this.getAttribute(attrName);
                            if (attrValue) {
                                license.setAttribute(attrName, attrValue)
                            }
                        });
                        license.setAttribute("data-permanent", "");
                        document.body.prepend(license)
                    } else {
                        const subscriptions = this.getAttribute(attributeNames.subscriptions);
                        licensePanel[0].updateSubscriptions(subscriptions)
                    }
                }
            }

            function registerCustomComponents(customStyles) {
                if (!customElements.get(componentNames_trigger)) {
                    DxLicense.customStyles = customStyles;
                    customElements.define(componentNames_panel, DxLicense);
                    customElements.define(componentNames_trigger, DxLicenseTrigger)
                }
            }
        },
        99671(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.registerTrialPanelComponents = function(customStyles) {
                if ((0, _trial_panel.isClient)()) {
                    (0, _trial_panel.registerCustomComponents)(customStyles)
                }
            };
            exports.showTrialPanel = function(buyNowUrl, licensingDocUrl, version, subscriptions, customStyles) {
                if ((0, _trial_panel.isClient)()) {
                    (0, _trial_panel.renderTrialPanel)(buyNowUrl, licensingDocUrl, version, subscriptions, customStyles)
                }
            };
            var _trial_panel = __webpack_require__( /*! ./trial_panel.client */ 42570)
        },
        13407(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.VERSION_ERROR = exports.VERIFICATION_ERROR = exports.TokenKind = exports.TRIAL_EXPIRED_ERROR = exports.PRODUCT_KIND_ERROR = exports.PAYLOAD_ERROR = exports.GENERAL_ERROR = exports.DESERIALIZATION_ERROR = exports.DECODING_ERROR = void 0;
            var TokenKind;
            ! function(TokenKind) {
                TokenKind.corrupted = "corrupted";
                TokenKind.verified = "verified";
                TokenKind.internal = "internal"
            }(TokenKind || (exports.TokenKind = TokenKind = {}));
            exports.GENERAL_ERROR = {
                kind: TokenKind.corrupted,
                error: "general"
            };
            exports.VERIFICATION_ERROR = {
                kind: TokenKind.corrupted,
                error: "verification"
            };
            exports.DECODING_ERROR = {
                kind: TokenKind.corrupted,
                error: "decoding"
            };
            exports.DESERIALIZATION_ERROR = {
                kind: TokenKind.corrupted,
                error: "deserialization"
            };
            exports.PAYLOAD_ERROR = {
                kind: TokenKind.corrupted,
                error: "payload"
            };
            exports.VERSION_ERROR = {
                kind: TokenKind.corrupted,
                error: "version"
            };
            exports.PRODUCT_KIND_ERROR = {
                kind: TokenKind.corrupted,
                error: "product-kind"
            };
            exports.TRIAL_EXPIRED_ERROR = {
                kind: TokenKind.corrupted,
                error: "trial-expired"
            }
        },
        85601(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "date", {
                enumerable: true,
                get: function() {
                    return _date.default
                }
            });
            exports.disableIntl = function() {
                if ("intl" === _number.default.engine()) {
                    _number.default.resetInjection()
                }
                if ("intl" === _date.default.engine()) {
                    _date.default.resetInjection()
                }
            };
            exports.locale = exports.loadMessages = exports.formatNumber = exports.formatMessage = exports.formatDate = void 0;
            Object.defineProperty(exports, "message", {
                enumerable: true,
                get: function() {
                    return _message.default
                }
            });
            Object.defineProperty(exports, "number", {
                enumerable: true,
                get: function() {
                    return _number.default
                }
            });
            exports.parseNumber = exports.parseDate = void 0;
            __webpack_require__( /*! ../core/localization/currency */ 87631);
            var _core = _interopRequireDefault(__webpack_require__( /*! ../core/localization/core */ 55407));
            var _date = _interopRequireDefault(__webpack_require__( /*! ../core/localization/date */ 45508));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../core/localization/message */ 18205));
            var _number = _interopRequireDefault(__webpack_require__( /*! ../core/localization/number */ 60605));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.locale = _core.default.locale.bind(_core.default);
            exports.loadMessages = _message.default.load.bind(_message.default);
            exports.formatMessage = _message.default.format.bind(_message.default);
            exports.formatNumber = _number.default.format.bind(_number.default);
            exports.parseNumber = _number.default.parse.bind(_number.default);
            exports.formatDate = _date.default.format.bind(_date.default);
            exports.parseDate = _date.default.parse.bind(_date.default)
        },
        35227(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            // !!! AUTO-GENERATED FILE, DO NOT EDIT
            exports.default = {
                af: "\xa4#,##0.00;(\xa4#,##0.00)",
                "af-NA": "\xa4#,##0.00;(\xa4#,##0.00)",
                agq: "#,##0.00\xa4",
                ak: "\xa4#,##0.00",
                am: "\xa4#,##0.00;(\xa4#,##0.00)",
                ar: "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-AE": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-BH": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-DJ": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-DZ": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-EG": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-EH": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-ER": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-IL": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-IQ": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-JO": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-KM": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-KW": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-LB": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-LY": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-MA": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-MR": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-OM": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-PS": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-QA": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-SA": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-SD": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-SO": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-SS": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-SY": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-TD": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-TN": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ar-YE": "\xa4#,##0.00;(\xa4#,##0.00)",
                as: "\xa4\xa0#,##,##0.00",
                asa: "#,##0.00\xa0\xa4",
                ast: "#,##0.00\xa0\xa4",
                az: "#,##0.00\xa0\xa4",
                "az-Cyrl": "#,##0.00\xa0\xa4",
                "az-Latn": "#,##0.00\xa0\xa4",
                bas: "#,##0.00\xa0\xa4",
                be: "#,##0.00\xa0\xa4",
                "be-tarask": "#,##0.00\xa0\xa4",
                bem: "\xa4#,##0.00;(\xa4#,##0.00)",
                bez: "#,##0.00\xa4",
                bg: "0.00\xa0\xa4;(0.00\xa0\xa4)",
                bm: "\xa4#,##0.00;(\xa4#,##0.00)",
                bn: "#,##,##0.00\xa4;(#,##,##0.00\xa4)",
                "bn-IN": "#,##,##0.00\xa4;(#,##,##0.00\xa4)",
                bo: "\xa4\xa0#,##0.00",
                "bo-IN": "\xa4\xa0#,##0.00",
                br: "#,##0.00\xa0\xa4",
                brx: "\xa4\xa0#,##,##0.00",
                bs: "#,##0.00\xa0\xa4",
                "bs-Cyrl": "#,##0.00\xa0\xa4",
                "bs-Latn": "#,##0.00\xa0\xa4",
                ca: "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "ca-AD": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "ca-ES-valencia": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "ca-FR": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "ca-IT": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                ccp: "#,##,##0.00\xa4;(#,##,##0.00\xa4)",
                "ccp-IN": "#,##,##0.00\xa4;(#,##,##0.00\xa4)",
                ce: "#,##0.00\xa0\xa4",
                ceb: "\xa4#,##0.00;(\xa4#,##0.00)",
                cgg: "\xa4#,##0.00",
                chr: "\xa4#,##0.00;(\xa4#,##0.00)",
                ckb: "\xa4\xa0#,##0.00",
                "ckb-IR": "\xa4\xa0#,##0.00",
                cs: "#,##0.00\xa0\xa4",
                cy: "\xa4#,##0.00;(\xa4#,##0.00)",
                da: "#,##0.00\xa0\xa4",
                "da-GL": "#,##0.00\xa0\xa4",
                dav: "\xa4#,##0.00;(\xa4#,##0.00)",
                de: "#,##0.00\xa0\xa4",
                "de-AT": "#,##0.00\xa0\xa4",
                "de-BE": "#,##0.00\xa0\xa4",
                "de-CH": "#,##0.00\xa0\xa4",
                "de-IT": "#,##0.00\xa0\xa4",
                "de-LI": "#,##0.00\xa0\xa4",
                "de-LU": "#,##0.00\xa0\xa4",
                dje: "#,##0.00\xa4",
                doi: "\xa4#,##0.00",
                dsb: "#,##0.00\xa0\xa4",
                dua: "#,##0.00\xa0\xa4",
                dyo: "#,##0.00\xa0\xa4",
                dz: "\xa4#,##,##0.00",
                ebu: "\xa4#,##0.00;(\xa4#,##0.00)",
                ee: "\xa4#,##0.00;(\xa4#,##0.00)",
                "ee-TG": "\xa4#,##0.00;(\xa4#,##0.00)",
                el: "#,##0.00\xa0\xa4",
                "el-CY": "#,##0.00\xa0\xa4",
                en: "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-001": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-150": "#,##0.00\xa0\xa4",
                "en-AE": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-AG": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-AI": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-AS": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-AT": "\xa4\xa0#,##0.00",
                "en-AU": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-BB": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-BE": "#,##0.00\xa0\xa4",
                "en-BI": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-BM": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-BS": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-BW": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-BZ": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-CA": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-CC": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-CH": "\xa4\xa0#,##0.00;\xa4-#,##0.00",
                "en-CK": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-CM": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-CX": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-CY": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-DE": "#,##0.00\xa0\xa4",
                "en-DG": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-DK": "#,##0.00\xa0\xa4",
                "en-DM": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-ER": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-FI": "#,##0.00\xa0\xa4",
                "en-FJ": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-FK": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-FM": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-GB": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-GD": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-GG": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-GH": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-GI": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-GM": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-GU": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-GY": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-HK": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-IE": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-IL": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-IM": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-IN": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-IO": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-JE": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-JM": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-KE": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-KI": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-KN": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-KY": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-LC": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-LR": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-LS": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-MG": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-MH": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-MO": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-MP": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-MS": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-MT": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-MU": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-MV": "\xa4\xa0#,##0.00",
                "en-MW": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-MY": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-NA": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-NF": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-NG": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-NL": "\xa4\xa0#,##0.00;(\xa4\xa0#,##0.00)",
                "en-NR": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-NU": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-NZ": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-PG": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-PH": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-PK": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-PN": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-PR": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-PW": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-RW": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-SB": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-SC": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-SD": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-SE": "#,##0.00\xa0\xa4",
                "en-SG": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-SH": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-SI": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "en-SL": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-SS": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-SX": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-SZ": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-TC": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-TK": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-TO": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-TT": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-TV": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-TZ": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-UG": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-UM": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-VC": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-VG": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-VI": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-VU": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-WS": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-ZA": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-ZM": "\xa4#,##0.00;(\xa4#,##0.00)",
                "en-ZW": "\xa4#,##0.00;(\xa4#,##0.00)",
                eo: "\xa4\xa0#,##0.00",
                es: "#,##0.00\xa0\xa4",
                "es-419": "\xa4#,##0.00",
                "es-AR": "\xa4\xa0#,##0.00;(\xa4\xa0#,##0.00)",
                "es-BO": "\xa4#,##0.00",
                "es-BR": "\xa4#,##0.00",
                "es-BZ": "\xa4#,##0.00",
                "es-CL": "\xa4#,##0.00",
                "es-CO": "\xa4#,##0.00",
                "es-CR": "\xa4#,##0.00",
                "es-CU": "\xa4#,##0.00",
                "es-DO": "\xa4#,##0.00;(\xa4#,##0.00)",
                "es-EA": "#,##0.00\xa0\xa4",
                "es-EC": "\xa4#,##0.00",
                "es-GQ": "#,##0.00\xa0\xa4",
                "es-GT": "\xa4#,##0.00",
                "es-HN": "\xa4#,##0.00",
                "es-IC": "#,##0.00\xa0\xa4",
                "es-MX": "\xa4#,##0.00",
                "es-NI": "\xa4#,##0.00",
                "es-PA": "\xa4#,##0.00",
                "es-PE": "\xa4#,##0.00",
                "es-PH": "#,##0.00\xa0\xa4",
                "es-PR": "\xa4#,##0.00",
                "es-PY": "\xa4#,##0.00",
                "es-SV": "\xa4#,##0.00",
                "es-US": "\xa4#,##0.00",
                "es-UY": "\xa4\xa0#,##0.00;(\xa4\xa0#,##0.00)",
                "es-VE": "\xa4#,##0.00",
                et: "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                eu: "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                ewo: "#,##0.00\xa0\xa4",
                fa: "\u200e\xa4\xa0#,##0.00;\u200e(\xa4\xa0#,##0.00)",
                "fa-AF": "\xa4\xa0#,##0.00;\u200e(\xa4\xa0#,##0.00)",
                ff: "#,##0.00\xa0\xa4",
                "ff-Adlm": "\xa4\xa0#,##0.00",
                "ff-Adlm-BF": "\xa4\xa0#,##0.00",
                "ff-Adlm-CM": "\xa4\xa0#,##0.00",
                "ff-Adlm-GH": "\xa4\xa0#,##0.00",
                "ff-Adlm-GM": "\xa4\xa0#,##0.00",
                "ff-Adlm-GW": "\xa4\xa0#,##0.00",
                "ff-Adlm-LR": "\xa4\xa0#,##0.00",
                "ff-Adlm-MR": "\xa4\xa0#,##0.00",
                "ff-Adlm-NE": "\xa4\xa0#,##0.00",
                "ff-Adlm-NG": "\xa4\xa0#,##0.00",
                "ff-Adlm-SL": "\xa4\xa0#,##0.00",
                "ff-Adlm-SN": "\xa4\xa0#,##0.00",
                "ff-Latn": "#,##0.00\xa0\xa4",
                "ff-Latn-BF": "#,##0.00\xa0\xa4",
                "ff-Latn-CM": "#,##0.00\xa0\xa4",
                "ff-Latn-GH": "#,##0.00\xa0\xa4",
                "ff-Latn-GM": "#,##0.00\xa0\xa4",
                "ff-Latn-GN": "#,##0.00\xa0\xa4",
                "ff-Latn-GW": "#,##0.00\xa0\xa4",
                "ff-Latn-LR": "#,##0.00\xa0\xa4",
                "ff-Latn-MR": "#,##0.00\xa0\xa4",
                "ff-Latn-NE": "#,##0.00\xa0\xa4",
                "ff-Latn-NG": "#,##0.00\xa0\xa4",
                "ff-Latn-SL": "#,##0.00\xa0\xa4",
                fi: "#,##0.00\xa0\xa4",
                fil: "\xa4#,##0.00;(\xa4#,##0.00)",
                fo: "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fo-DK": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                fr: "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-BE": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-BF": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-BI": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-BJ": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-BL": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-CA": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-CD": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-CF": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-CG": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-CH": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-CI": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-CM": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-DJ": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-DZ": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-GA": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-GF": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-GN": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-GP": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-GQ": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-HT": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-KM": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-LU": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-MA": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-MC": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-MF": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-MG": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-ML": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-MQ": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-MR": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-MU": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-NC": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-NE": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-PF": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-PM": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-RE": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-RW": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-SC": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-SN": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-SY": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-TD": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-TG": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-TN": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-VU": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-WF": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "fr-YT": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                fur: "\xa4\xa0#,##0.00",
                fy: "\xa4\xa0#,##0.00;(\xa4\xa0#,##0.00)",
                ga: "\xa4#,##0.00;(\xa4#,##0.00)",
                "ga-GB": "\xa4#,##0.00;(\xa4#,##0.00)",
                gd: "\xa4#,##0.00;(\xa4#,##0.00)",
                gl: "#,##0.00\xa0\xa4",
                gsw: "#,##0.00\xa0\xa4",
                "gsw-FR": "#,##0.00\xa0\xa4",
                "gsw-LI": "#,##0.00\xa0\xa4",
                gu: "\xa4#,##,##0.00;(\xa4#,##,##0.00)",
                guz: "\xa4#,##0.00;(\xa4#,##0.00)",
                gv: "\xa4#,##0.00",
                ha: "\xa4\xa0#,##0.00",
                "ha-GH": "\xa4\xa0#,##0.00",
                "ha-NE": "\xa4\xa0#,##0.00",
                haw: "\xa4#,##0.00;(\xa4#,##0.00)",
                he: "#,##0.00\xa0\xa4",
                hi: "\xa4#,##,##0.00",
                "hi-Latn": "\xa4#,##,##0.00",
                hr: "#,##0.00\xa0\xa4",
                "hr-BA": "#,##0.00\xa0\xa4",
                hsb: "#,##0.00\xa0\xa4",
                hu: "#,##0.00\xa0\xa4",
                hy: "#,##0.00\xa0\xa4",
                ia: "\xa4\xa0#,##0.00;(\xa4\xa0#,##0.00)",
                id: "\xa4#,##0.00",
                ig: "\xa4#,##0.00;(\xa4#,##0.00)",
                ii: "\xa4\xa0#,##0.00",
                is: "#,##0.00\xa0\xa4",
                it: "#,##0.00\xa0\xa4",
                "it-CH": "#,##0.00\xa0\xa4",
                "it-SM": "#,##0.00\xa0\xa4",
                "it-VA": "#,##0.00\xa0\xa4",
                ja: "\xa4#,##0.00;(\xa4#,##0.00)",
                jgo: "\xa4\xa0#,##0.00",
                jmc: "\xa4#,##0.00",
                jv: "\xa4\xa0#,##0.00",
                ka: "#,##0.00\xa0\xa4",
                kab: "#,##0.00\xa4",
                kam: "\xa4#,##0.00;(\xa4#,##0.00)",
                kde: "\xa4#,##0.00;(\xa4#,##0.00)",
                kea: "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                kgp: "\xa4\xa0#,##0.00",
                khq: "#,##0.00\xa4",
                ki: "\xa4#,##0.00;(\xa4#,##0.00)",
                kk: "#,##0.00\xa0\xa4",
                kkj: "\xa4\xa0#,##0.00",
                kl: "\xa4#,##0.00;\xa4-#,##0.00",
                kln: "\xa4#,##0.00;(\xa4#,##0.00)",
                km: "#,##0.00\xa4;(#,##0.00\xa4)",
                kn: "\xa4#,##0.00;(\xa4#,##0.00)",
                ko: "\xa4#,##0.00;(\xa4#,##0.00)",
                "ko-KP": "\xa4#,##0.00;(\xa4#,##0.00)",
                kok: "\xa4#,##0.00;(\xa4#,##0.00)",
                ks: "\xa4#,##0.00",
                "ks-Arab": "\xa4#,##0.00",
                "ks-Deva": "\xa4\xa0#,##0.00",
                ksb: "#,##0.00\xa4",
                ksf: "#,##0.00\xa0\xa4",
                ksh: "#,##0.00\xa0\xa4",
                ku: "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                kw: "\xa4#,##0.00",
                ky: "#,##0.00\xa0\xa4",
                lag: "\xa4\xa0#,##0.00",
                lb: "#,##0.00\xa0\xa4",
                lg: "#,##0.00\xa4",
                lkt: "\xa4\xa0#,##0.00",
                ln: "#,##0.00\xa0\xa4",
                "ln-AO": "#,##0.00\xa0\xa4",
                "ln-CF": "#,##0.00\xa0\xa4",
                "ln-CG": "#,##0.00\xa0\xa4",
                lo: "\xa4#,##0.00;\xa4-#,##0.00",
                lrc: "\xa4\xa0#,##0.00",
                "lrc-IQ": "\xa4\xa0#,##0.00",
                lt: "#,##0.00\xa0\xa4",
                lu: "#,##0.00\xa4",
                luo: "#,##0.00\xa4",
                luy: "\xa4#,##0.00;\xa4-\xa0#,##0.00",
                lv: "#,##0.00\xa0\xa4",
                mai: "\xa4\xa0#,##0.00",
                mas: "\xa4#,##0.00;(\xa4#,##0.00)",
                "mas-TZ": "\xa4#,##0.00;(\xa4#,##0.00)",
                mer: "\xa4#,##0.00;(\xa4#,##0.00)",
                mfe: "\xa4\xa0#,##0.00",
                mg: "\xa4#,##0.00",
                mgh: "\xa4\xa0#,##0.00",
                mgo: "\xa4\xa0#,##0.00",
                mi: "\xa4\xa0#,##0.00",
                mk: "#,##0.00\xa0\xa4",
                ml: "\xa4#,##0.00;(\xa4#,##0.00)",
                mn: "\xa4\xa0#,##0.00",
                mni: "\xa4\xa0#,##0.00",
                "mni-Beng": "\xa4\xa0#,##0.00",
                mr: "\xa4#,##0.00;(\xa4#,##0.00)",
                ms: "\xa4#,##0.00;(\xa4#,##0.00)",
                "ms-BN": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ms-ID": "\xa4#,##0.00",
                "ms-SG": "\xa4#,##0.00;(\xa4#,##0.00)",
                mt: "\xa4#,##0.00",
                mua: "\xa4#,##0.00;(\xa4#,##0.00)",
                my: "\xa4\xa0#,##0.00",
                mzn: "\xa4\xa0#,##0.00",
                naq: "\xa4#,##0.00",
                nb: "\xa4\xa0#,##0.00;(\xa4\xa0#,##0.00)",
                "nb-SJ": "\xa4\xa0#,##0.00;(\xa4\xa0#,##0.00)",
                nd: "\xa4#,##0.00;(\xa4#,##0.00)",
                nds: "\xa4\xa0#,##0.00",
                "nds-NL": "\xa4\xa0#,##0.00",
                ne: "\xa4\xa0#,##,##0.00",
                "ne-IN": "\xa4\xa0#,##,##0.00",
                nl: "\xa4\xa0#,##0.00;(\xa4\xa0#,##0.00)",
                "nl-AW": "\xa4\xa0#,##0.00;(\xa4\xa0#,##0.00)",
                "nl-BE": "\xa4\xa0#,##0.00;(\xa4\xa0#,##0.00)",
                "nl-BQ": "\xa4\xa0#,##0.00;(\xa4\xa0#,##0.00)",
                "nl-CW": "\xa4\xa0#,##0.00;(\xa4\xa0#,##0.00)",
                "nl-SR": "\xa4\xa0#,##0.00;(\xa4\xa0#,##0.00)",
                "nl-SX": "\xa4\xa0#,##0.00;(\xa4\xa0#,##0.00)",
                nmg: "#,##0.00\xa0\xa4",
                nn: "#,##0.00\xa0\xa4",
                nnh: "\xa4\xa0#,##0.00",
                no: "\xa4\xa0#,##0.00;(\xa4\xa0#,##0.00)",
                nus: "\xa4#,##0.00;(\xa4#,##0.00)",
                nyn: "\xa4#,##0.00",
                om: "\xa4#,##0.00",
                "om-KE": "\xa4#,##0.00",
                or: "\xa4#,##0.00;(\xa4#,##0.00)",
                os: "\xa4\xa0#,##0.00",
                "os-RU": "\xa4\xa0#,##0.00",
                pa: "\xa4\xa0#,##0.00",
                "pa-Arab": "\xa4\xa0#,##0.00",
                "pa-Guru": "\xa4\xa0#,##0.00",
                pcm: "\xa4#,##0.00",
                pl: "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                ps: "\xa4#,##0.00;(\xa4#,##0.00)",
                "ps-PK": "\xa4#,##0.00;(\xa4#,##0.00)",
                pt: "\xa4\xa0#,##0.00",
                "pt-AO": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "pt-CH": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "pt-CV": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "pt-GQ": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "pt-GW": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "pt-LU": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "pt-MO": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "pt-MZ": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "pt-PT": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "pt-ST": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "pt-TL": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                qu: "\xa4\xa0#,##0.00",
                "qu-BO": "\xa4\xa0#,##0.00",
                "qu-EC": "\xa4\xa0#,##0.00",
                rm: "#,##0.00\xa0\xa4",
                rn: "#,##0.00\xa4",
                ro: "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "ro-MD": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                rof: "\xa4#,##0.00",
                ru: "#,##0.00\xa0\xa4",
                "ru-BY": "#,##0.00\xa0\xa4",
                "ru-KG": "#,##0.00\xa0\xa4",
                "ru-KZ": "#,##0.00\xa0\xa4",
                "ru-MD": "#,##0.00\xa0\xa4",
                "ru-UA": "#,##0.00\xa0\xa4",
                rw: "\xa4\xa0#,##0.00",
                rwk: "#,##0.00\xa4",
                sa: "\xa4\xa0#,##0.00",
                sah: "#,##0.00\xa0\xa4",
                saq: "\xa4#,##0.00;(\xa4#,##0.00)",
                sat: "\xa4\xa0#,##0.00",
                "sat-Olck": "\xa4\xa0#,##0.00",
                sbp: "#,##0.00\xa4",
                sc: "#,##0.00\xa0\xa4",
                sd: "\xa4\xa0#,##0.00",
                "sd-Arab": "\xa4\xa0#,##0.00",
                "sd-Deva": "\xa4\xa0#,##0.00",
                se: "#,##0.00\xa0\xa4",
                "se-FI": "#,##0.00\xa0\xa4",
                "se-SE": "#,##0.00\xa0\xa4",
                seh: "#,##0.00\xa4",
                ses: "#,##0.00\xa4",
                sg: "\xa4#,##0.00;\xa4-#,##0.00",
                shi: "#,##0.00\xa4",
                "shi-Latn": "#,##0.00\xa4",
                "shi-Tfng": "#,##0.00\xa4",
                si: "\xa4#,##0.00;(\xa4#,##0.00)",
                sk: "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                sl: "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                smn: "#,##0.00\xa0\xa4",
                sn: "\xa4#,##0.00;(\xa4#,##0.00)",
                so: "\xa4#,##0.00;(\xa4#,##0.00)",
                "so-DJ": "\xa4#,##0.00;(\xa4#,##0.00)",
                "so-ET": "\xa4#,##0.00;(\xa4#,##0.00)",
                "so-KE": "\xa4#,##0.00;(\xa4#,##0.00)",
                sq: "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "sq-MK": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "sq-XK": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                sr: "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "sr-Cyrl": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "sr-Cyrl-BA": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "sr-Cyrl-ME": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "sr-Cyrl-XK": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "sr-Latn": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "sr-Latn-BA": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "sr-Latn-ME": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                "sr-Latn-XK": "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                su: "\xa4#,##0.00",
                "su-Latn": "\xa4#,##0.00",
                sv: "#,##0.00\xa0\xa4",
                "sv-AX": "#,##0.00\xa0\xa4",
                "sv-FI": "#,##0.00\xa0\xa4",
                sw: "\xa4\xa0#,##0.00",
                "sw-CD": "\xa4\xa0#,##0.00",
                "sw-KE": "\xa4\xa0#,##0.00",
                "sw-UG": "\xa4\xa0#,##0.00",
                ta: "\xa4#,##0.00;(\xa4#,##0.00)",
                "ta-LK": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ta-MY": "\xa4#,##0.00;(\xa4#,##0.00)",
                "ta-SG": "\xa4#,##0.00;(\xa4#,##0.00)",
                te: "\xa4#,##0.00;(\xa4#,##0.00)",
                teo: "\xa4#,##0.00;(\xa4#,##0.00)",
                "teo-KE": "\xa4#,##0.00;(\xa4#,##0.00)",
                tg: "#,##0.00\xa0\xa4",
                th: "\xa4#,##0.00;(\xa4#,##0.00)",
                ti: "\xa4#,##0.00",
                "ti-ER": "\xa4#,##0.00",
                tk: "#,##0.00\xa0\xa4",
                to: "\xa4\xa0#,##0.00",
                tr: "\xa4#,##0.00;(\xa4#,##0.00)",
                "tr-CY": "\xa4#,##0.00;(\xa4#,##0.00)",
                tt: "#,##0.00\xa0\xa4",
                twq: "#,##0.00\xa4",
                tzm: "#,##0.00\xa0\xa4",
                ug: "\xa4#,##0.00;(\xa4#,##0.00)",
                uk: "#,##0.00\xa0\xa4",
                und: "\xa4\xa0#,##0.00",
                ur: "\xa4#,##0.00;(\xa4#,##0.00)",
                "ur-IN": "\xa4#,##0.00;(\xa4#,##0.00)",
                uz: "#,##0.00\xa0\xa4",
                "uz-Arab": "\xa4\xa0#,##0.00",
                "uz-Cyrl": "#,##0.00\xa0\xa4",
                "uz-Latn": "#,##0.00\xa0\xa4",
                vai: "\xa4#,##0.00;(\xa4#,##0.00)",
                "vai-Latn": "\xa4#,##0.00;(\xa4#,##0.00)",
                "vai-Vaii": "\xa4#,##0.00;(\xa4#,##0.00)",
                vi: "#,##0.00\xa0\xa4",
                vun: "\xa4#,##0.00",
                wae: "\xa4\xa0#,##0.00",
                wo: "\xa4\xa0#,##0.00",
                xh: "\xa4#,##0.00",
                xog: "#,##0.00\xa0\xa4",
                yav: "#,##0.00\xa0\xa4;(#,##0.00\xa0\xa4)",
                yi: "\xa4\xa0#,##0.00",
                yo: "\xa4#,##0.00;(\xa4#,##0.00)",
                "yo-BJ": "\xa4#,##0.00;(\xa4#,##0.00)",
                yrl: "\xa4\xa0#,##0.00",
                "yrl-CO": "\xa4\xa0#,##0.00",
                "yrl-VE": "\xa4\xa0#,##0.00",
                yue: "\xa4#,##0.00;(\xa4#,##0.00)",
                "yue-Hans": "\xa4#,##0.00;(\xa4#,##0.00)",
                "yue-Hant": "\xa4#,##0.00;(\xa4#,##0.00)",
                zgh: "#,##0.00\xa4",
                zh: "\xa4#,##0.00;(\xa4#,##0.00)",
                "zh-Hans": "\xa4#,##0.00;(\xa4#,##0.00)",
                "zh-Hans-HK": "\xa4#,##0.00;(\xa4#,##0.00)",
                "zh-Hans-MO": "\xa4#,##0.00;(\xa4#,##0.00)",
                "zh-Hans-SG": "\xa4#,##0.00;(\xa4#,##0.00)",
                "zh-Hant": "\xa4#,##0.00;(\xa4#,##0.00)",
                "zh-Hant-HK": "\xa4#,##0.00;(\xa4#,##0.00)",
                "zh-Hant-MO": "\xa4#,##0.00;(\xa4#,##0.00)",
                zu: "\xa4#,##0.00;(\xa4#,##0.00)"
            }
        },
        29242(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.enCldr = void 0;
            // !!! AUTO-GENERATED FILE, DO NOT EDIT
            exports.enCldr = {
                main: {
                    en: {
                        identity: {
                            version: {
                                _cldrVersion: "36"
                            }
                        },
                        dates: {
                            calendars: {
                                gregorian: {
                                    months: {
                                        format: {
                                            abbreviated: {
                                                1: "Jan",
                                                2: "Feb",
                                                3: "Mar",
                                                4: "Apr",
                                                5: "May",
                                                6: "Jun",
                                                7: "Jul",
                                                8: "Aug",
                                                9: "Sep",
                                                10: "Oct",
                                                11: "Nov",
                                                12: "Dec"
                                            },
                                            narrow: {
                                                1: "J",
                                                2: "F",
                                                3: "M",
                                                4: "A",
                                                5: "M",
                                                6: "J",
                                                7: "J",
                                                8: "A",
                                                9: "S",
                                                10: "O",
                                                11: "N",
                                                12: "D"
                                            },
                                            wide: {
                                                1: "January",
                                                2: "February",
                                                3: "March",
                                                4: "April",
                                                5: "May",
                                                6: "June",
                                                7: "July",
                                                8: "August",
                                                9: "September",
                                                10: "October",
                                                11: "November",
                                                12: "December"
                                            }
                                        },
                                        "stand-alone": {
                                            abbreviated: {
                                                1: "Jan",
                                                2: "Feb",
                                                3: "Mar",
                                                4: "Apr",
                                                5: "May",
                                                6: "Jun",
                                                7: "Jul",
                                                8: "Aug",
                                                9: "Sep",
                                                10: "Oct",
                                                11: "Nov",
                                                12: "Dec"
                                            },
                                            narrow: {
                                                1: "J",
                                                2: "F",
                                                3: "M",
                                                4: "A",
                                                5: "M",
                                                6: "J",
                                                7: "J",
                                                8: "A",
                                                9: "S",
                                                10: "O",
                                                11: "N",
                                                12: "D"
                                            },
                                            wide: {
                                                1: "January",
                                                2: "February",
                                                3: "March",
                                                4: "April",
                                                5: "May",
                                                6: "June",
                                                7: "July",
                                                8: "August",
                                                9: "September",
                                                10: "October",
                                                11: "November",
                                                12: "December"
                                            }
                                        }
                                    },
                                    days: {
                                        format: {
                                            abbreviated: {
                                                sun: "Sun",
                                                mon: "Mon",
                                                tue: "Tue",
                                                wed: "Wed",
                                                thu: "Thu",
                                                fri: "Fri",
                                                sat: "Sat"
                                            },
                                            narrow: {
                                                sun: "S",
                                                mon: "M",
                                                tue: "T",
                                                wed: "W",
                                                thu: "T",
                                                fri: "F",
                                                sat: "S"
                                            },
                                            short: {
                                                sun: "Su",
                                                mon: "Mo",
                                                tue: "Tu",
                                                wed: "We",
                                                thu: "Th",
                                                fri: "Fr",
                                                sat: "Sa"
                                            },
                                            wide: {
                                                sun: "Sunday",
                                                mon: "Monday",
                                                tue: "Tuesday",
                                                wed: "Wednesday",
                                                thu: "Thursday",
                                                fri: "Friday",
                                                sat: "Saturday"
                                            }
                                        },
                                        "stand-alone": {
                                            abbreviated: {
                                                sun: "Sun",
                                                mon: "Mon",
                                                tue: "Tue",
                                                wed: "Wed",
                                                thu: "Thu",
                                                fri: "Fri",
                                                sat: "Sat"
                                            },
                                            narrow: {
                                                sun: "S",
                                                mon: "M",
                                                tue: "T",
                                                wed: "W",
                                                thu: "T",
                                                fri: "F",
                                                sat: "S"
                                            },
                                            short: {
                                                sun: "Su",
                                                mon: "Mo",
                                                tue: "Tu",
                                                wed: "We",
                                                thu: "Th",
                                                fri: "Fr",
                                                sat: "Sa"
                                            },
                                            wide: {
                                                sun: "Sunday",
                                                mon: "Monday",
                                                tue: "Tuesday",
                                                wed: "Wednesday",
                                                thu: "Thursday",
                                                fri: "Friday",
                                                sat: "Saturday"
                                            }
                                        }
                                    },
                                    quarters: {
                                        format: {
                                            abbreviated: {
                                                1: "Q1",
                                                2: "Q2",
                                                3: "Q3",
                                                4: "Q4"
                                            },
                                            narrow: {
                                                1: "1",
                                                2: "2",
                                                3: "3",
                                                4: "4"
                                            },
                                            wide: {
                                                1: "1st quarter",
                                                2: "2nd quarter",
                                                3: "3rd quarter",
                                                4: "4th quarter"
                                            }
                                        },
                                        "stand-alone": {
                                            abbreviated: {
                                                1: "Q1",
                                                2: "Q2",
                                                3: "Q3",
                                                4: "Q4"
                                            },
                                            narrow: {
                                                1: "1",
                                                2: "2",
                                                3: "3",
                                                4: "4"
                                            },
                                            wide: {
                                                1: "1st quarter",
                                                2: "2nd quarter",
                                                3: "3rd quarter",
                                                4: "4th quarter"
                                            }
                                        }
                                    },
                                    dayPeriods: {
                                        format: {
                                            abbreviated: {
                                                midnight: "midnight",
                                                am: "AM",
                                                "am-alt-variant": "am",
                                                noon: "noon",
                                                pm: "PM",
                                                "pm-alt-variant": "pm",
                                                morning1: "in the morning",
                                                afternoon1: "in the afternoon",
                                                evening1: "in the evening",
                                                night1: "at night"
                                            },
                                            narrow: {
                                                midnight: "mi",
                                                am: "a",
                                                "am-alt-variant": "am",
                                                noon: "n",
                                                pm: "p",
                                                "pm-alt-variant": "pm",
                                                morning1: "in the morning",
                                                afternoon1: "in the afternoon",
                                                evening1: "in the evening",
                                                night1: "at night"
                                            },
                                            wide: {
                                                midnight: "midnight",
                                                am: "AM",
                                                "am-alt-variant": "am",
                                                noon: "noon",
                                                pm: "PM",
                                                "pm-alt-variant": "pm",
                                                morning1: "in the morning",
                                                afternoon1: "in the afternoon",
                                                evening1: "in the evening",
                                                night1: "at night"
                                            }
                                        },
                                        "stand-alone": {
                                            abbreviated: {
                                                midnight: "midnight",
                                                am: "AM",
                                                "am-alt-variant": "am",
                                                noon: "noon",
                                                pm: "PM",
                                                "pm-alt-variant": "pm",
                                                morning1: "morning",
                                                afternoon1: "afternoon",
                                                evening1: "evening",
                                                night1: "night"
                                            },
                                            narrow: {
                                                midnight: "midnight",
                                                am: "AM",
                                                "am-alt-variant": "am",
                                                noon: "noon",
                                                pm: "PM",
                                                "pm-alt-variant": "pm",
                                                morning1: "morning",
                                                afternoon1: "afternoon",
                                                evening1: "evening",
                                                night1: "night"
                                            },
                                            wide: {
                                                midnight: "midnight",
                                                am: "AM",
                                                "am-alt-variant": "am",
                                                noon: "noon",
                                                pm: "PM",
                                                "pm-alt-variant": "pm",
                                                morning1: "morning",
                                                afternoon1: "afternoon",
                                                evening1: "evening",
                                                night1: "night"
                                            }
                                        }
                                    },
                                    eras: {
                                        eraNames: {
                                            0: "Before Christ",
                                            1: "Anno Domini",
                                            "0-alt-variant": "Before Common Era",
                                            "1-alt-variant": "Common Era"
                                        },
                                        eraAbbr: {
                                            0: "BC",
                                            1: "AD",
                                            "0-alt-variant": "BCE",
                                            "1-alt-variant": "CE"
                                        },
                                        eraNarrow: {
                                            0: "B",
                                            1: "A",
                                            "0-alt-variant": "BCE",
                                            "1-alt-variant": "CE"
                                        }
                                    },
                                    dateFormats: {
                                        full: "EEEE, MMMM d, y",
                                        long: "MMMM d, y",
                                        medium: "MMM d, y",
                                        short: "M/d/yy"
                                    },
                                    timeFormats: {
                                        full: "h:mm:ss a zzzz",
                                        long: "h:mm:ss a z",
                                        medium: "h:mm:ss a",
                                        short: "h:mm a"
                                    },
                                    dateTimeFormats: {
                                        full: "{1} 'at' {0}",
                                        long: "{1} 'at' {0}",
                                        medium: "{1}, {0}",
                                        short: "{1}, {0}",
                                        availableFormats: {
                                            Bh: "h B",
                                            Bhm: "h:mm B",
                                            Bhms: "h:mm:ss B",
                                            d: "d",
                                            E: "ccc",
                                            EBhm: "E h:mm B",
                                            EBhms: "E h:mm:ss B",
                                            Ed: "d E",
                                            Ehm: "E h:mm a",
                                            EHm: "E HH:mm",
                                            Ehms: "E h:mm:ss a",
                                            EHms: "E HH:mm:ss",
                                            Gy: "y G",
                                            GyMMM: "MMM y G",
                                            GyMMMd: "MMM d, y G",
                                            GyMMMEd: "E, MMM d, y G",
                                            h: "h a",
                                            H: "HH",
                                            hm: "h:mm a",
                                            Hm: "HH:mm",
                                            hms: "h:mm:ss a",
                                            Hms: "HH:mm:ss",
                                            hmsv: "h:mm:ss a v",
                                            Hmsv: "HH:mm:ss v",
                                            hmv: "h:mm a v",
                                            Hmv: "HH:mm v",
                                            M: "L",
                                            Md: "M/d",
                                            MEd: "E, M/d",
                                            MMM: "LLL",
                                            MMMd: "MMM d",
                                            MMMEd: "E, MMM d",
                                            MMMMd: "MMMM d",
                                            "MMMMW-count-one": "'week' W 'of' MMMM",
                                            "MMMMW-count-other": "'week' W 'of' MMMM",
                                            ms: "mm:ss",
                                            y: "y",
                                            yM: "M/y",
                                            yMd: "M/d/y",
                                            yMEd: "E, M/d/y",
                                            yMMM: "MMM y",
                                            yMMMd: "MMM d, y",
                                            yMMMEd: "E, MMM d, y",
                                            yMMMM: "MMMM y",
                                            yQQQ: "QQQ y",
                                            yQQQQ: "QQQQ y",
                                            "yw-count-one": "'week' w 'of' Y",
                                            "yw-count-other": "'week' w 'of' Y"
                                        }
                                    }
                                }
                            }
                        },
                        numbers: {
                            defaultNumberingSystem: "latn",
                            otherNumberingSystems: {
                                native: "latn"
                            },
                            minimumGroupingDigits: "1",
                            "symbols-numberSystem-latn": {
                                decimal: ".",
                                group: ",",
                                list: ";",
                                percentSign: "%",
                                plusSign: "+",
                                minusSign: "-",
                                exponential: "E",
                                superscriptingExponent: "\xd7",
                                perMille: "\u2030",
                                infinity: "\u221e",
                                nan: "NaN",
                                timeSeparator: ":"
                            },
                            "decimalFormats-numberSystem-latn": {
                                standard: "#,##0.###"
                            },
                            "scientificFormats-numberSystem-latn": {
                                standard: "#E0"
                            },
                            "percentFormats-numberSystem-latn": {
                                standard: "#,##0%"
                            },
                            "currencyFormats-numberSystem-latn": {
                                currencySpacing: {
                                    beforeCurrency: {
                                        currencyMatch: "[:^S:]",
                                        surroundingMatch: "[:digit:]",
                                        insertBetween: "\xa0"
                                    },
                                    afterCurrency: {
                                        currencyMatch: "[:^S:]",
                                        surroundingMatch: "[:digit:]",
                                        insertBetween: "\xa0"
                                    }
                                },
                                standard: "\xa4#,##0.00",
                                accounting: "\xa4#,##0.00;(\xa4#,##0.00)"
                            },
                            currencies: {
                                ADP: {
                                    symbol: "ADP"
                                },
                                AED: {
                                    symbol: "AED"
                                },
                                AFA: {
                                    symbol: "AFA"
                                },
                                AFN: {
                                    symbol: "AFN"
                                },
                                ALK: {
                                    symbol: "ALK"
                                },
                                ALL: {
                                    symbol: "ALL"
                                },
                                AMD: {
                                    symbol: "AMD"
                                },
                                ANG: {
                                    symbol: "ANG"
                                },
                                AOA: {
                                    symbol: "AOA",
                                    "symbol-alt-narrow": "Kz"
                                },
                                AOK: {
                                    symbol: "AOK"
                                },
                                AON: {
                                    symbol: "AON"
                                },
                                AOR: {
                                    symbol: "AOR"
                                },
                                ARA: {
                                    symbol: "ARA"
                                },
                                ARL: {
                                    symbol: "ARL"
                                },
                                ARM: {
                                    symbol: "ARM"
                                },
                                ARP: {
                                    symbol: "ARP"
                                },
                                ARS: {
                                    symbol: "ARS",
                                    "symbol-alt-narrow": "$"
                                },
                                ATS: {
                                    symbol: "ATS"
                                },
                                AUD: {
                                    symbol: "A$",
                                    "symbol-alt-narrow": "$"
                                },
                                AWG: {
                                    symbol: "AWG"
                                },
                                AZM: {
                                    symbol: "AZM"
                                },
                                AZN: {
                                    symbol: "AZN"
                                },
                                BAD: {
                                    symbol: "BAD"
                                },
                                BAM: {
                                    symbol: "BAM",
                                    "symbol-alt-narrow": "KM"
                                },
                                BAN: {
                                    symbol: "BAN"
                                },
                                BBD: {
                                    symbol: "BBD",
                                    "symbol-alt-narrow": "$"
                                },
                                BDT: {
                                    symbol: "BDT",
                                    "symbol-alt-narrow": "\u09f3"
                                },
                                BEC: {
                                    symbol: "BEC"
                                },
                                BEF: {
                                    symbol: "BEF"
                                },
                                BEL: {
                                    symbol: "BEL"
                                },
                                BGL: {
                                    symbol: "BGL"
                                },
                                BGM: {
                                    symbol: "BGM"
                                },
                                BGN: {
                                    symbol: "BGN"
                                },
                                BGO: {
                                    symbol: "BGO"
                                },
                                BHD: {
                                    symbol: "BHD"
                                },
                                BIF: {
                                    symbol: "BIF"
                                },
                                BMD: {
                                    symbol: "BMD",
                                    "symbol-alt-narrow": "$"
                                },
                                BND: {
                                    symbol: "BND",
                                    "symbol-alt-narrow": "$"
                                },
                                BOB: {
                                    symbol: "BOB",
                                    "symbol-alt-narrow": "Bs"
                                },
                                BOL: {
                                    symbol: "BOL"
                                },
                                BOP: {
                                    symbol: "BOP"
                                },
                                BOV: {
                                    symbol: "BOV"
                                },
                                BRB: {
                                    symbol: "BRB"
                                },
                                BRC: {
                                    symbol: "BRC"
                                },
                                BRE: {
                                    symbol: "BRE"
                                },
                                BRL: {
                                    symbol: "R$",
                                    "symbol-alt-narrow": "R$"
                                },
                                BRN: {
                                    symbol: "BRN"
                                },
                                BRR: {
                                    symbol: "BRR"
                                },
                                BRZ: {
                                    symbol: "BRZ"
                                },
                                BSD: {
                                    symbol: "BSD",
                                    "symbol-alt-narrow": "$"
                                },
                                BTN: {
                                    symbol: "BTN"
                                },
                                BUK: {
                                    symbol: "BUK"
                                },
                                BWP: {
                                    symbol: "BWP",
                                    "symbol-alt-narrow": "P"
                                },
                                BYB: {
                                    symbol: "BYB"
                                },
                                BYN: {
                                    symbol: "BYN",
                                    "symbol-alt-narrow": "\u0440."
                                },
                                BYR: {
                                    symbol: "BYR"
                                },
                                BZD: {
                                    symbol: "BZD",
                                    "symbol-alt-narrow": "$"
                                },
                                CAD: {
                                    symbol: "CA$",
                                    "symbol-alt-narrow": "$"
                                },
                                CDF: {
                                    symbol: "CDF"
                                },
                                CHE: {
                                    symbol: "CHE"
                                },
                                CHF: {
                                    symbol: "CHF"
                                },
                                CHW: {
                                    symbol: "CHW"
                                },
                                CLE: {
                                    symbol: "CLE"
                                },
                                CLF: {
                                    symbol: "CLF"
                                },
                                CLP: {
                                    symbol: "CLP",
                                    "symbol-alt-narrow": "$"
                                },
                                CNH: {
                                    symbol: "CNH"
                                },
                                CNX: {
                                    symbol: "CNX"
                                },
                                CNY: {
                                    symbol: "CN\xa5",
                                    "symbol-alt-narrow": "\xa5"
                                },
                                COP: {
                                    symbol: "COP",
                                    "symbol-alt-narrow": "$"
                                },
                                COU: {
                                    symbol: "COU"
                                },
                                CRC: {
                                    symbol: "CRC",
                                    "symbol-alt-narrow": "\u20a1"
                                },
                                CSD: {
                                    symbol: "CSD"
                                },
                                CSK: {
                                    symbol: "CSK"
                                },
                                CUC: {
                                    symbol: "CUC",
                                    "symbol-alt-narrow": "$"
                                },
                                CUP: {
                                    symbol: "CUP",
                                    "symbol-alt-narrow": "$"
                                },
                                CVE: {
                                    symbol: "CVE"
                                },
                                CYP: {
                                    symbol: "CYP"
                                },
                                CZK: {
                                    symbol: "CZK",
                                    "symbol-alt-narrow": "K\u010d"
                                },
                                DDM: {
                                    symbol: "DDM"
                                },
                                DEM: {
                                    symbol: "DEM"
                                },
                                DJF: {
                                    symbol: "DJF"
                                },
                                DKK: {
                                    symbol: "DKK",
                                    "symbol-alt-narrow": "kr"
                                },
                                DOP: {
                                    symbol: "DOP",
                                    "symbol-alt-narrow": "$"
                                },
                                DZD: {
                                    symbol: "DZD"
                                },
                                ECS: {
                                    symbol: "ECS"
                                },
                                ECV: {
                                    symbol: "ECV"
                                },
                                EEK: {
                                    symbol: "EEK"
                                },
                                EGP: {
                                    symbol: "EGP",
                                    "symbol-alt-narrow": "E\xa3"
                                },
                                ERN: {
                                    symbol: "ERN"
                                },
                                ESA: {
                                    symbol: "ESA"
                                },
                                ESB: {
                                    symbol: "ESB"
                                },
                                ESP: {
                                    symbol: "ESP",
                                    "symbol-alt-narrow": "\u20a7"
                                },
                                ETB: {
                                    symbol: "ETB"
                                },
                                EUR: {
                                    symbol: "\u20ac",
                                    "symbol-alt-narrow": "\u20ac"
                                },
                                FIM: {
                                    symbol: "FIM"
                                },
                                FJD: {
                                    symbol: "FJD",
                                    "symbol-alt-narrow": "$"
                                },
                                FKP: {
                                    symbol: "FKP",
                                    "symbol-alt-narrow": "\xa3"
                                },
                                FRF: {
                                    symbol: "FRF"
                                },
                                GBP: {
                                    symbol: "\xa3",
                                    "symbol-alt-narrow": "\xa3"
                                },
                                GEK: {
                                    symbol: "GEK"
                                },
                                GEL: {
                                    symbol: "GEL",
                                    "symbol-alt-narrow": "\u20be"
                                },
                                GHC: {
                                    symbol: "GHC"
                                },
                                GHS: {
                                    symbol: "GHS"
                                },
                                GIP: {
                                    symbol: "GIP",
                                    "symbol-alt-narrow": "\xa3"
                                },
                                GMD: {
                                    symbol: "GMD"
                                },
                                GNF: {
                                    symbol: "GNF",
                                    "symbol-alt-narrow": "FG"
                                },
                                GNS: {
                                    symbol: "GNS"
                                },
                                GQE: {
                                    symbol: "GQE"
                                },
                                GRD: {
                                    symbol: "GRD"
                                },
                                GTQ: {
                                    symbol: "GTQ",
                                    "symbol-alt-narrow": "Q"
                                },
                                GWE: {
                                    symbol: "GWE"
                                },
                                GWP: {
                                    symbol: "GWP"
                                },
                                GYD: {
                                    symbol: "GYD",
                                    "symbol-alt-narrow": "$"
                                },
                                HKD: {
                                    symbol: "HK$",
                                    "symbol-alt-narrow": "$"
                                },
                                HNL: {
                                    symbol: "HNL",
                                    "symbol-alt-narrow": "L"
                                },
                                HRD: {
                                    symbol: "HRD"
                                },
                                HRK: {
                                    symbol: "HRK",
                                    "symbol-alt-narrow": "kn"
                                },
                                HTG: {
                                    symbol: "HTG"
                                },
                                HUF: {
                                    symbol: "HUF",
                                    "symbol-alt-narrow": "Ft"
                                },
                                IDR: {
                                    symbol: "IDR",
                                    "symbol-alt-narrow": "Rp"
                                },
                                IEP: {
                                    symbol: "IEP"
                                },
                                ILP: {
                                    symbol: "ILP"
                                },
                                ILR: {
                                    symbol: "ILR"
                                },
                                ILS: {
                                    symbol: "\u20aa",
                                    "symbol-alt-narrow": "\u20aa"
                                },
                                INR: {
                                    symbol: "\u20b9",
                                    "symbol-alt-narrow": "\u20b9"
                                },
                                IQD: {
                                    symbol: "IQD"
                                },
                                IRR: {
                                    symbol: "IRR"
                                },
                                ISJ: {
                                    symbol: "ISJ"
                                },
                                ISK: {
                                    symbol: "ISK",
                                    "symbol-alt-narrow": "kr"
                                },
                                ITL: {
                                    symbol: "ITL"
                                },
                                JMD: {
                                    symbol: "JMD",
                                    "symbol-alt-narrow": "$"
                                },
                                JOD: {
                                    symbol: "JOD"
                                },
                                JPY: {
                                    symbol: "\xa5",
                                    "symbol-alt-narrow": "\xa5"
                                },
                                KES: {
                                    symbol: "KES"
                                },
                                KGS: {
                                    symbol: "KGS"
                                },
                                KHR: {
                                    symbol: "KHR",
                                    "symbol-alt-narrow": "\u17db"
                                },
                                KMF: {
                                    symbol: "KMF",
                                    "symbol-alt-narrow": "CF"
                                },
                                KPW: {
                                    symbol: "KPW",
                                    "symbol-alt-narrow": "\u20a9"
                                },
                                KRH: {
                                    symbol: "KRH"
                                },
                                KRO: {
                                    symbol: "KRO"
                                },
                                KRW: {
                                    symbol: "\u20a9",
                                    "symbol-alt-narrow": "\u20a9"
                                },
                                KWD: {
                                    symbol: "KWD"
                                },
                                KYD: {
                                    symbol: "KYD",
                                    "symbol-alt-narrow": "$"
                                },
                                KZT: {
                                    symbol: "KZT",
                                    "symbol-alt-narrow": "\u20b8"
                                },
                                LAK: {
                                    symbol: "LAK",
                                    "symbol-alt-narrow": "\u20ad"
                                },
                                LBP: {
                                    symbol: "LBP",
                                    "symbol-alt-narrow": "L\xa3"
                                },
                                LKR: {
                                    symbol: "LKR",
                                    "symbol-alt-narrow": "Rs"
                                },
                                LRD: {
                                    symbol: "LRD",
                                    "symbol-alt-narrow": "$"
                                },
                                LSL: {
                                    symbol: "LSL"
                                },
                                LTL: {
                                    symbol: "LTL",
                                    "symbol-alt-narrow": "Lt"
                                },
                                LTT: {
                                    symbol: "LTT"
                                },
                                LUC: {
                                    symbol: "LUC"
                                },
                                LUF: {
                                    symbol: "LUF"
                                },
                                LUL: {
                                    symbol: "LUL"
                                },
                                LVL: {
                                    symbol: "LVL",
                                    "symbol-alt-narrow": "Ls"
                                },
                                LVR: {
                                    symbol: "LVR"
                                },
                                LYD: {
                                    symbol: "LYD"
                                },
                                MAD: {
                                    symbol: "MAD"
                                },
                                MAF: {
                                    symbol: "MAF"
                                },
                                MCF: {
                                    symbol: "MCF"
                                },
                                MDC: {
                                    symbol: "MDC"
                                },
                                MDL: {
                                    symbol: "MDL"
                                },
                                MGA: {
                                    symbol: "MGA",
                                    "symbol-alt-narrow": "Ar"
                                },
                                MGF: {
                                    symbol: "MGF"
                                },
                                MKD: {
                                    symbol: "MKD"
                                },
                                MKN: {
                                    symbol: "MKN"
                                },
                                MLF: {
                                    symbol: "MLF"
                                },
                                MMK: {
                                    symbol: "MMK",
                                    "symbol-alt-narrow": "K"
                                },
                                MNT: {
                                    symbol: "MNT",
                                    "symbol-alt-narrow": "\u20ae"
                                },
                                MOP: {
                                    symbol: "MOP"
                                },
                                MRO: {
                                    symbol: "MRO"
                                },
                                MRU: {
                                    symbol: "MRU"
                                },
                                MTL: {
                                    symbol: "MTL"
                                },
                                MTP: {
                                    symbol: "MTP"
                                },
                                MUR: {
                                    symbol: "MUR",
                                    "symbol-alt-narrow": "Rs"
                                },
                                MVP: {
                                    symbol: "MVP"
                                },
                                MVR: {
                                    symbol: "MVR"
                                },
                                MWK: {
                                    symbol: "MWK"
                                },
                                MXN: {
                                    symbol: "MX$",
                                    "symbol-alt-narrow": "$"
                                },
                                MXP: {
                                    symbol: "MXP"
                                },
                                MXV: {
                                    symbol: "MXV"
                                },
                                MYR: {
                                    symbol: "MYR",
                                    "symbol-alt-narrow": "RM"
                                },
                                MZE: {
                                    symbol: "MZE"
                                },
                                MZM: {
                                    symbol: "MZM"
                                },
                                MZN: {
                                    symbol: "MZN"
                                },
                                NAD: {
                                    symbol: "NAD",
                                    "symbol-alt-narrow": "$"
                                },
                                NGN: {
                                    symbol: "NGN",
                                    "symbol-alt-narrow": "\u20a6"
                                },
                                NIC: {
                                    symbol: "NIC"
                                },
                                NIO: {
                                    symbol: "NIO",
                                    "symbol-alt-narrow": "C$"
                                },
                                NLG: {
                                    symbol: "NLG"
                                },
                                NOK: {
                                    symbol: "NOK",
                                    "symbol-alt-narrow": "kr"
                                },
                                NPR: {
                                    symbol: "NPR",
                                    "symbol-alt-narrow": "Rs"
                                },
                                NZD: {
                                    symbol: "NZ$",
                                    "symbol-alt-narrow": "$"
                                },
                                OMR: {
                                    symbol: "OMR"
                                },
                                PAB: {
                                    symbol: "PAB"
                                },
                                PEI: {
                                    symbol: "PEI"
                                },
                                PEN: {
                                    symbol: "PEN"
                                },
                                PES: {
                                    symbol: "PES"
                                },
                                PGK: {
                                    symbol: "PGK"
                                },
                                PHP: {
                                    symbol: "PHP",
                                    "symbol-alt-narrow": "\u20b1"
                                },
                                PKR: {
                                    symbol: "PKR",
                                    "symbol-alt-narrow": "Rs"
                                },
                                PLN: {
                                    symbol: "PLN",
                                    "symbol-alt-narrow": "z\u0142"
                                },
                                PLZ: {
                                    symbol: "PLZ"
                                },
                                PTE: {
                                    symbol: "PTE"
                                },
                                PYG: {
                                    symbol: "PYG",
                                    "symbol-alt-narrow": "\u20b2"
                                },
                                QAR: {
                                    symbol: "QAR"
                                },
                                RHD: {
                                    symbol: "RHD"
                                },
                                ROL: {
                                    symbol: "ROL"
                                },
                                RON: {
                                    symbol: "RON",
                                    "symbol-alt-narrow": "lei"
                                },
                                RSD: {
                                    symbol: "RSD"
                                },
                                RUB: {
                                    symbol: "RUB",
                                    "symbol-alt-narrow": "\u20bd"
                                },
                                RUR: {
                                    symbol: "RUR",
                                    "symbol-alt-narrow": "\u0440."
                                },
                                RWF: {
                                    symbol: "RWF",
                                    "symbol-alt-narrow": "RF"
                                },
                                SAR: {
                                    symbol: "SAR"
                                },
                                SBD: {
                                    symbol: "SBD",
                                    "symbol-alt-narrow": "$"
                                },
                                SCR: {
                                    symbol: "SCR"
                                },
                                SDD: {
                                    symbol: "SDD"
                                },
                                SDG: {
                                    symbol: "SDG"
                                },
                                SDP: {
                                    symbol: "SDP"
                                },
                                SEK: {
                                    symbol: "SEK",
                                    "symbol-alt-narrow": "kr"
                                },
                                SGD: {
                                    symbol: "SGD",
                                    "symbol-alt-narrow": "$"
                                },
                                SHP: {
                                    symbol: "SHP",
                                    "symbol-alt-narrow": "\xa3"
                                },
                                SIT: {
                                    symbol: "SIT"
                                },
                                SKK: {
                                    symbol: "SKK"
                                },
                                SLL: {
                                    symbol: "SLL"
                                },
                                SOS: {
                                    symbol: "SOS"
                                },
                                SRD: {
                                    symbol: "SRD",
                                    "symbol-alt-narrow": "$"
                                },
                                SRG: {
                                    symbol: "SRG"
                                },
                                SSP: {
                                    symbol: "SSP",
                                    "symbol-alt-narrow": "\xa3"
                                },
                                STD: {
                                    symbol: "STD"
                                },
                                STN: {
                                    symbol: "STN",
                                    "symbol-alt-narrow": "Db"
                                },
                                SUR: {
                                    symbol: "SUR"
                                },
                                SVC: {
                                    symbol: "SVC"
                                },
                                SYP: {
                                    symbol: "SYP",
                                    "symbol-alt-narrow": "\xa3"
                                },
                                SZL: {
                                    symbol: "SZL"
                                },
                                THB: {
                                    symbol: "THB",
                                    "symbol-alt-narrow": "\u0e3f"
                                },
                                TJR: {
                                    symbol: "TJR"
                                },
                                TJS: {
                                    symbol: "TJS"
                                },
                                TMM: {
                                    symbol: "TMM"
                                },
                                TMT: {
                                    symbol: "TMT"
                                },
                                TND: {
                                    symbol: "TND"
                                },
                                TOP: {
                                    symbol: "TOP",
                                    "symbol-alt-narrow": "T$"
                                },
                                TPE: {
                                    symbol: "TPE"
                                },
                                TRL: {
                                    symbol: "TRL"
                                },
                                TRY: {
                                    symbol: "TRY",
                                    "symbol-alt-narrow": "\u20ba"
                                },
                                TTD: {
                                    symbol: "TTD",
                                    "symbol-alt-narrow": "$"
                                },
                                TWD: {
                                    symbol: "NT$",
                                    "symbol-alt-narrow": "$"
                                },
                                TZS: {
                                    symbol: "TZS"
                                },
                                UAH: {
                                    symbol: "UAH",
                                    "symbol-alt-narrow": "\u20b4"
                                },
                                UAK: {
                                    symbol: "UAK"
                                },
                                UGS: {
                                    symbol: "UGS"
                                },
                                UGX: {
                                    symbol: "UGX"
                                },
                                USD: {
                                    symbol: "$",
                                    "symbol-alt-narrow": "$"
                                },
                                USN: {
                                    symbol: "USN"
                                },
                                USS: {
                                    symbol: "USS"
                                },
                                UYI: {
                                    symbol: "UYI"
                                },
                                UYP: {
                                    symbol: "UYP"
                                },
                                UYU: {
                                    symbol: "UYU",
                                    "symbol-alt-narrow": "$"
                                },
                                UYW: {
                                    symbol: "UYW"
                                },
                                UZS: {
                                    symbol: "UZS"
                                },
                                VEB: {
                                    symbol: "VEB"
                                },
                                VEF: {
                                    symbol: "VEF",
                                    "symbol-alt-narrow": "Bs"
                                },
                                VES: {
                                    symbol: "VES"
                                },
                                VND: {
                                    symbol: "\u20ab",
                                    "symbol-alt-narrow": "\u20ab"
                                },
                                VNN: {
                                    symbol: "VNN"
                                },
                                VUV: {
                                    symbol: "VUV"
                                },
                                WST: {
                                    symbol: "WST"
                                },
                                XAF: {
                                    symbol: "FCFA"
                                },
                                XAG: {
                                    symbol: "XAG"
                                },
                                XAU: {
                                    symbol: "XAU"
                                },
                                XBA: {
                                    symbol: "XBA"
                                },
                                XBB: {
                                    symbol: "XBB"
                                },
                                XBC: {
                                    symbol: "XBC"
                                },
                                XBD: {
                                    symbol: "XBD"
                                },
                                XCD: {
                                    symbol: "EC$",
                                    "symbol-alt-narrow": "$"
                                },
                                XDR: {
                                    symbol: "XDR"
                                },
                                XEU: {
                                    symbol: "XEU"
                                },
                                XFO: {
                                    symbol: "XFO"
                                },
                                XFU: {
                                    symbol: "XFU"
                                },
                                XOF: {
                                    symbol: "CFA"
                                },
                                XPD: {
                                    symbol: "XPD"
                                },
                                XPF: {
                                    symbol: "CFPF"
                                },
                                XPT: {
                                    symbol: "XPT"
                                },
                                XRE: {
                                    symbol: "XRE"
                                },
                                XSU: {
                                    symbol: "XSU"
                                },
                                XTS: {
                                    symbol: "XTS"
                                },
                                XUA: {
                                    symbol: "XUA"
                                },
                                XXX: {
                                    symbol: "\xa4"
                                },
                                YDD: {
                                    symbol: "YDD"
                                },
                                YER: {
                                    symbol: "YER"
                                },
                                YUD: {
                                    symbol: "YUD"
                                },
                                YUM: {
                                    symbol: "YUM"
                                },
                                YUN: {
                                    symbol: "YUN"
                                },
                                YUR: {
                                    symbol: "YUR"
                                },
                                ZAL: {
                                    symbol: "ZAL"
                                },
                                ZAR: {
                                    symbol: "ZAR",
                                    "symbol-alt-narrow": "R"
                                },
                                ZMK: {
                                    symbol: "ZMK"
                                },
                                ZMW: {
                                    symbol: "ZMW",
                                    "symbol-alt-narrow": "ZK"
                                },
                                ZRN: {
                                    symbol: "ZRN"
                                },
                                ZRZ: {
                                    symbol: "ZRZ"
                                },
                                ZWD: {
                                    symbol: "ZWD"
                                },
                                ZWL: {
                                    symbol: "ZWL"
                                },
                                ZWR: {
                                    symbol: "ZWR"
                                }
                            }
                        }
                    }
                }
            }
        },
        48970(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            // !!! AUTO-GENERATED FILE, DO NOT EDIT
            exports.default = {
                "af-NA": 1,
                agq: 1,
                ak: 1,
                ar: 6,
                "ar-EH": 1,
                "ar-ER": 1,
                "ar-KM": 1,
                "ar-LB": 1,
                "ar-MA": 1,
                "ar-MR": 1,
                "ar-PS": 1,
                "ar-SO": 1,
                "ar-SS": 1,
                "ar-TD": 1,
                "ar-TN": 1,
                asa: 1,
                ast: 1,
                az: 1,
                "az-Cyrl": 1,
                bas: 1,
                be: 1,
                bem: 1,
                bez: 1,
                bg: 1,
                bm: 1,
                br: 1,
                bs: 1,
                "bs-Cyrl": 1,
                ca: 1,
                ce: 1,
                cgg: 1,
                ckb: 6,
                cs: 1,
                cy: 1,
                da: 1,
                de: 1,
                dje: 1,
                dsb: 1,
                dua: 1,
                dyo: 1,
                ee: 1,
                el: 1,
                "en-001": 1,
                "en-AE": 6,
                "en-BI": 1,
                "en-MP": 1,
                "en-MV": 5,
                "en-SD": 6,
                eo: 1,
                es: 1,
                et: 1,
                eu: 1,
                ewo: 1,
                fa: 6,
                ff: 1,
                "ff-Adlm": 1,
                fi: 1,
                fo: 1,
                fr: 1,
                "fr-DJ": 6,
                "fr-DZ": 6,
                "fr-SY": 6,
                fur: 1,
                fy: 1,
                ga: 1,
                gd: 1,
                gl: 1,
                gsw: 1,
                gv: 1,
                ha: 1,
                hr: 1,
                hsb: 1,
                hu: 1,
                hy: 1,
                ia: 1,
                ig: 1,
                is: 1,
                it: 1,
                jgo: 1,
                jmc: 1,
                ka: 1,
                kab: 6,
                kde: 1,
                kea: 1,
                khq: 1,
                kk: 1,
                kkj: 1,
                kl: 1,
                "ko-KP": 1,
                ksb: 1,
                ksf: 1,
                ksh: 1,
                ku: 1,
                kw: 1,
                ky: 1,
                lag: 1,
                lb: 1,
                lg: 1,
                ln: 1,
                lrc: 6,
                lt: 1,
                lu: 1,
                lv: 1,
                "mas-TZ": 1,
                mfe: 1,
                mg: 1,
                mgo: 1,
                mi: 1,
                mk: 1,
                mn: 1,
                ms: 1,
                mua: 1,
                mzn: 6,
                naq: 1,
                nds: 1,
                nl: 1,
                nmg: 1,
                nnh: 1,
                no: 1,
                nus: 1,
                nyn: 1,
                os: 1,
                pcm: 1,
                pl: 1,
                ps: 6,
                "pt-AO": 1,
                "pt-CH": 1,
                "pt-CV": 1,
                "pt-GQ": 1,
                "pt-GW": 1,
                "pt-LU": 1,
                "pt-ST": 1,
                "pt-TL": 1,
                "qu-BO": 1,
                "qu-EC": 1,
                rm: 1,
                rn: 1,
                ro: 1,
                rof: 1,
                ru: 1,
                rw: 1,
                rwk: 1,
                sah: 1,
                sbp: 1,
                sc: 1,
                se: 1,
                ses: 1,
                sg: 1,
                shi: 1,
                "shi-Latn": 1,
                si: 1,
                sk: 1,
                sl: 1,
                smn: 1,
                so: 1,
                "so-DJ": 6,
                sq: 1,
                sr: 1,
                "sr-Latn": 1,
                sv: 1,
                sw: 1,
                "ta-LK": 1,
                "ta-MY": 1,
                teo: 1,
                tg: 1,
                "ti-ER": 1,
                tk: 1,
                to: 1,
                tr: 1,
                tt: 1,
                twq: 1,
                tzm: 1,
                uk: 1,
                uz: 1,
                "uz-Arab": 6,
                "uz-Cyrl": 1,
                vai: 1,
                "vai-Latn": 1,
                vi: 1,
                vun: 1,
                wae: 1,
                wo: 1,
                xog: 1,
                yav: 1,
                yi: 1,
                yo: 1,
                zgh: 1
            }
        },
        63377(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            // !!! AUTO-GENERATED FILE, DO NOT EDIT
            exports.default = {
                "en-150": "en-001",
                "en-AG": "en-001",
                "en-AI": "en-001",
                "en-AU": "en-001",
                "en-BB": "en-001",
                "en-BM": "en-001",
                "en-BS": "en-001",
                "en-BW": "en-001",
                "en-BZ": "en-001",
                "en-CC": "en-001",
                "en-CK": "en-001",
                "en-CM": "en-001",
                "en-CX": "en-001",
                "en-CY": "en-001",
                "en-DG": "en-001",
                "en-DM": "en-001",
                "en-ER": "en-001",
                "en-FJ": "en-001",
                "en-FK": "en-001",
                "en-FM": "en-001",
                "en-GB": "en-001",
                "en-GD": "en-001",
                "en-GG": "en-001",
                "en-GH": "en-001",
                "en-GI": "en-001",
                "en-GM": "en-001",
                "en-GY": "en-001",
                "en-HK": "en-001",
                "en-IE": "en-001",
                "en-IL": "en-001",
                "en-IM": "en-001",
                "en-IN": "en-001",
                "en-IO": "en-001",
                "en-JE": "en-001",
                "en-JM": "en-001",
                "en-KE": "en-001",
                "en-KI": "en-001",
                "en-KN": "en-001",
                "en-KY": "en-001",
                "en-LC": "en-001",
                "en-LR": "en-001",
                "en-LS": "en-001",
                "en-MG": "en-001",
                "en-MO": "en-001",
                "en-MS": "en-001",
                "en-MT": "en-001",
                "en-MU": "en-001",
                "en-MV": "en-001",
                "en-MW": "en-001",
                "en-MY": "en-001",
                "en-NA": "en-001",
                "en-NF": "en-001",
                "en-NG": "en-001",
                "en-NR": "en-001",
                "en-NU": "en-001",
                "en-NZ": "en-001",
                "en-PG": "en-001",
                "en-PK": "en-001",
                "en-PN": "en-001",
                "en-PW": "en-001",
                "en-RW": "en-001",
                "en-SB": "en-001",
                "en-SC": "en-001",
                "en-SD": "en-001",
                "en-SG": "en-001",
                "en-SH": "en-001",
                "en-SL": "en-001",
                "en-SS": "en-001",
                "en-SX": "en-001",
                "en-SZ": "en-001",
                "en-TC": "en-001",
                "en-TK": "en-001",
                "en-TO": "en-001",
                "en-TT": "en-001",
                "en-TV": "en-001",
                "en-TZ": "en-001",
                "en-UG": "en-001",
                "en-VC": "en-001",
                "en-VG": "en-001",
                "en-VU": "en-001",
                "en-WS": "en-001",
                "en-ZA": "en-001",
                "en-ZM": "en-001",
                "en-ZW": "en-001",
                "en-AT": "en-150",
                "en-BE": "en-150",
                "en-CH": "en-150",
                "en-DE": "en-150",
                "en-DK": "en-150",
                "en-FI": "en-150",
                "en-NL": "en-150",
                "en-SE": "en-150",
                "en-SI": "en-150",
                "hi-Latn": "en-IN",
                "es-AR": "es-419",
                "es-BO": "es-419",
                "es-BR": "es-419",
                "es-BZ": "es-419",
                "es-CL": "es-419",
                "es-CO": "es-419",
                "es-CR": "es-419",
                "es-CU": "es-419",
                "es-DO": "es-419",
                "es-EC": "es-419",
                "es-GT": "es-419",
                "es-HN": "es-419",
                "es-MX": "es-419",
                "es-NI": "es-419",
                "es-PA": "es-419",
                "es-PE": "es-419",
                "es-PR": "es-419",
                "es-PY": "es-419",
                "es-SV": "es-419",
                "es-US": "es-419",
                "es-UY": "es-419",
                "es-VE": "es-419",
                nb: "no",
                nn: "no",
                "pt-AO": "pt-PT",
                "pt-CH": "pt-PT",
                "pt-CV": "pt-PT",
                "pt-FR": "pt-PT",
                "pt-GQ": "pt-PT",
                "pt-GW": "pt-PT",
                "pt-LU": "pt-PT",
                "pt-MO": "pt-PT",
                "pt-MZ": "pt-PT",
                "pt-ST": "pt-PT",
                "pt-TL": "pt-PT",
                "az-Arab": "und",
                "az-Cyrl": "und",
                "bal-Latn": "und",
                "blt-Latn": "und",
                "bm-Nkoo": "und",
                "bs-Cyrl": "und",
                "byn-Latn": "und",
                "cu-Glag": "und",
                "dje-Arab": "und",
                "dyo-Arab": "und",
                "en-Dsrt": "und",
                "en-Shaw": "und",
                "ff-Adlm": "und",
                "ff-Arab": "und",
                "ha-Arab": "und",
                "iu-Latn": "und",
                "kk-Arab": "und",
                "ks-Deva": "und",
                "ku-Arab": "und",
                "ky-Arab": "und",
                "ky-Latn": "und",
                "ml-Arab": "und",
                "mn-Mong": "und",
                "mni-Mtei": "und",
                "ms-Arab": "und",
                "pa-Arab": "und",
                "sat-Deva": "und",
                "sd-Deva": "und",
                "sd-Khoj": "und",
                "sd-Sind": "und",
                "shi-Latn": "und",
                "so-Arab": "und",
                "sr-Latn": "und",
                "sw-Arab": "und",
                "tg-Arab": "und",
                "ug-Cyrl": "und",
                "uz-Arab": "und",
                "uz-Cyrl": "und",
                "vai-Latn": "und",
                "wo-Arab": "und",
                "yo-Arab": "und",
                "yue-Hans": "und",
                "zh-Hant": "und",
                "zh-Hant-MO": "zh-Hant-HK"
            }
        },
        3311(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.supplementalCldr = void 0;
            // !!! AUTO-GENERATED FILE, DO NOT EDIT
            exports.supplementalCldr = {
                supplemental: {
                    version: {
                        _unicodeVersion: "12.1.0",
                        _cldrVersion: "36"
                    },
                    likelySubtags: {
                        aa: "aa-Latn-ET",
                        aai: "aai-Latn-ZZ",
                        aak: "aak-Latn-ZZ",
                        aau: "aau-Latn-ZZ",
                        ab: "ab-Cyrl-GE",
                        abi: "abi-Latn-ZZ",
                        abq: "abq-Cyrl-ZZ",
                        abr: "abr-Latn-GH",
                        abt: "abt-Latn-ZZ",
                        aby: "aby-Latn-ZZ",
                        acd: "acd-Latn-ZZ",
                        ace: "ace-Latn-ID",
                        ach: "ach-Latn-UG",
                        ada: "ada-Latn-GH",
                        ade: "ade-Latn-ZZ",
                        adj: "adj-Latn-ZZ",
                        adp: "adp-Tibt-BT",
                        ady: "ady-Cyrl-RU",
                        adz: "adz-Latn-ZZ",
                        ae: "ae-Avst-IR",
                        aeb: "aeb-Arab-TN",
                        aey: "aey-Latn-ZZ",
                        af: "af-Latn-ZA",
                        agc: "agc-Latn-ZZ",
                        agd: "agd-Latn-ZZ",
                        agg: "agg-Latn-ZZ",
                        agm: "agm-Latn-ZZ",
                        ago: "ago-Latn-ZZ",
                        agq: "agq-Latn-CM",
                        aha: "aha-Latn-ZZ",
                        ahl: "ahl-Latn-ZZ",
                        aho: "aho-Ahom-IN",
                        ajg: "ajg-Latn-ZZ",
                        ak: "ak-Latn-GH",
                        akk: "akk-Xsux-IQ",
                        ala: "ala-Latn-ZZ",
                        ali: "ali-Latn-ZZ",
                        aln: "aln-Latn-XK",
                        alt: "alt-Cyrl-RU",
                        am: "am-Ethi-ET",
                        amm: "amm-Latn-ZZ",
                        amn: "amn-Latn-ZZ",
                        amo: "amo-Latn-NG",
                        amp: "amp-Latn-ZZ",
                        an: "an-Latn-ES",
                        anc: "anc-Latn-ZZ",
                        ank: "ank-Latn-ZZ",
                        ann: "ann-Latn-ZZ",
                        any: "any-Latn-ZZ",
                        aoj: "aoj-Latn-ZZ",
                        aom: "aom-Latn-ZZ",
                        aoz: "aoz-Latn-ID",
                        apc: "apc-Arab-ZZ",
                        apd: "apd-Arab-TG",
                        ape: "ape-Latn-ZZ",
                        apr: "apr-Latn-ZZ",
                        aps: "aps-Latn-ZZ",
                        apz: "apz-Latn-ZZ",
                        ar: "ar-Arab-EG",
                        arc: "arc-Armi-IR",
                        "arc-Nbat": "arc-Nbat-JO",
                        "arc-Palm": "arc-Palm-SY",
                        arh: "arh-Latn-ZZ",
                        arn: "arn-Latn-CL",
                        aro: "aro-Latn-BO",
                        arq: "arq-Arab-DZ",
                        ars: "ars-Arab-SA",
                        ary: "ary-Arab-MA",
                        arz: "arz-Arab-EG",
                        as: "as-Beng-IN",
                        asa: "asa-Latn-TZ",
                        ase: "ase-Sgnw-US",
                        asg: "asg-Latn-ZZ",
                        aso: "aso-Latn-ZZ",
                        ast: "ast-Latn-ES",
                        ata: "ata-Latn-ZZ",
                        atg: "atg-Latn-ZZ",
                        atj: "atj-Latn-CA",
                        auy: "auy-Latn-ZZ",
                        av: "av-Cyrl-RU",
                        avl: "avl-Arab-ZZ",
                        avn: "avn-Latn-ZZ",
                        avt: "avt-Latn-ZZ",
                        avu: "avu-Latn-ZZ",
                        awa: "awa-Deva-IN",
                        awb: "awb-Latn-ZZ",
                        awo: "awo-Latn-ZZ",
                        awx: "awx-Latn-ZZ",
                        ay: "ay-Latn-BO",
                        ayb: "ayb-Latn-ZZ",
                        az: "az-Latn-AZ",
                        "az-Arab": "az-Arab-IR",
                        "az-IQ": "az-Arab-IQ",
                        "az-IR": "az-Arab-IR",
                        "az-RU": "az-Cyrl-RU",
                        ba: "ba-Cyrl-RU",
                        bal: "bal-Arab-PK",
                        ban: "ban-Latn-ID",
                        bap: "bap-Deva-NP",
                        bar: "bar-Latn-AT",
                        bas: "bas-Latn-CM",
                        bav: "bav-Latn-ZZ",
                        bax: "bax-Bamu-CM",
                        bba: "bba-Latn-ZZ",
                        bbb: "bbb-Latn-ZZ",
                        bbc: "bbc-Latn-ID",
                        bbd: "bbd-Latn-ZZ",
                        bbj: "bbj-Latn-CM",
                        bbp: "bbp-Latn-ZZ",
                        bbr: "bbr-Latn-ZZ",
                        bcf: "bcf-Latn-ZZ",
                        bch: "bch-Latn-ZZ",
                        bci: "bci-Latn-CI",
                        bcm: "bcm-Latn-ZZ",
                        bcn: "bcn-Latn-ZZ",
                        bco: "bco-Latn-ZZ",
                        bcq: "bcq-Ethi-ZZ",
                        bcu: "bcu-Latn-ZZ",
                        bdd: "bdd-Latn-ZZ",
                        be: "be-Cyrl-BY",
                        bef: "bef-Latn-ZZ",
                        beh: "beh-Latn-ZZ",
                        bej: "bej-Arab-SD",
                        bem: "bem-Latn-ZM",
                        bet: "bet-Latn-ZZ",
                        bew: "bew-Latn-ID",
                        bex: "bex-Latn-ZZ",
                        bez: "bez-Latn-TZ",
                        bfd: "bfd-Latn-CM",
                        bfq: "bfq-Taml-IN",
                        bft: "bft-Arab-PK",
                        bfy: "bfy-Deva-IN",
                        bg: "bg-Cyrl-BG",
                        bgc: "bgc-Deva-IN",
                        bgn: "bgn-Arab-PK",
                        bgx: "bgx-Grek-TR",
                        bhb: "bhb-Deva-IN",
                        bhg: "bhg-Latn-ZZ",
                        bhi: "bhi-Deva-IN",
                        bhl: "bhl-Latn-ZZ",
                        bho: "bho-Deva-IN",
                        bhy: "bhy-Latn-ZZ",
                        bi: "bi-Latn-VU",
                        bib: "bib-Latn-ZZ",
                        big: "big-Latn-ZZ",
                        bik: "bik-Latn-PH",
                        bim: "bim-Latn-ZZ",
                        bin: "bin-Latn-NG",
                        bio: "bio-Latn-ZZ",
                        biq: "biq-Latn-ZZ",
                        bjh: "bjh-Latn-ZZ",
                        bji: "bji-Ethi-ZZ",
                        bjj: "bjj-Deva-IN",
                        bjn: "bjn-Latn-ID",
                        bjo: "bjo-Latn-ZZ",
                        bjr: "bjr-Latn-ZZ",
                        bjt: "bjt-Latn-SN",
                        bjz: "bjz-Latn-ZZ",
                        bkc: "bkc-Latn-ZZ",
                        bkm: "bkm-Latn-CM",
                        bkq: "bkq-Latn-ZZ",
                        bku: "bku-Latn-PH",
                        bkv: "bkv-Latn-ZZ",
                        blt: "blt-Tavt-VN",
                        bm: "bm-Latn-ML",
                        bmh: "bmh-Latn-ZZ",
                        bmk: "bmk-Latn-ZZ",
                        bmq: "bmq-Latn-ML",
                        bmu: "bmu-Latn-ZZ",
                        bn: "bn-Beng-BD",
                        bng: "bng-Latn-ZZ",
                        bnm: "bnm-Latn-ZZ",
                        bnp: "bnp-Latn-ZZ",
                        bo: "bo-Tibt-CN",
                        boj: "boj-Latn-ZZ",
                        bom: "bom-Latn-ZZ",
                        bon: "bon-Latn-ZZ",
                        bpy: "bpy-Beng-IN",
                        bqc: "bqc-Latn-ZZ",
                        bqi: "bqi-Arab-IR",
                        bqp: "bqp-Latn-ZZ",
                        bqv: "bqv-Latn-CI",
                        br: "br-Latn-FR",
                        bra: "bra-Deva-IN",
                        brh: "brh-Arab-PK",
                        brx: "brx-Deva-IN",
                        brz: "brz-Latn-ZZ",
                        bs: "bs-Latn-BA",
                        bsj: "bsj-Latn-ZZ",
                        bsq: "bsq-Bass-LR",
                        bss: "bss-Latn-CM",
                        bst: "bst-Ethi-ZZ",
                        bto: "bto-Latn-PH",
                        btt: "btt-Latn-ZZ",
                        btv: "btv-Deva-PK",
                        bua: "bua-Cyrl-RU",
                        buc: "buc-Latn-YT",
                        bud: "bud-Latn-ZZ",
                        bug: "bug-Latn-ID",
                        buk: "buk-Latn-ZZ",
                        bum: "bum-Latn-CM",
                        buo: "buo-Latn-ZZ",
                        bus: "bus-Latn-ZZ",
                        buu: "buu-Latn-ZZ",
                        bvb: "bvb-Latn-GQ",
                        bwd: "bwd-Latn-ZZ",
                        bwr: "bwr-Latn-ZZ",
                        bxh: "bxh-Latn-ZZ",
                        bye: "bye-Latn-ZZ",
                        byn: "byn-Ethi-ER",
                        byr: "byr-Latn-ZZ",
                        bys: "bys-Latn-ZZ",
                        byv: "byv-Latn-CM",
                        byx: "byx-Latn-ZZ",
                        bza: "bza-Latn-ZZ",
                        bze: "bze-Latn-ML",
                        bzf: "bzf-Latn-ZZ",
                        bzh: "bzh-Latn-ZZ",
                        bzw: "bzw-Latn-ZZ",
                        ca: "ca-Latn-ES",
                        can: "can-Latn-ZZ",
                        cbj: "cbj-Latn-ZZ",
                        cch: "cch-Latn-NG",
                        ccp: "ccp-Cakm-BD",
                        ce: "ce-Cyrl-RU",
                        ceb: "ceb-Latn-PH",
                        cfa: "cfa-Latn-ZZ",
                        cgg: "cgg-Latn-UG",
                        ch: "ch-Latn-GU",
                        chk: "chk-Latn-FM",
                        chm: "chm-Cyrl-RU",
                        cho: "cho-Latn-US",
                        chp: "chp-Latn-CA",
                        chr: "chr-Cher-US",
                        cic: "cic-Latn-US",
                        cja: "cja-Arab-KH",
                        cjm: "cjm-Cham-VN",
                        cjv: "cjv-Latn-ZZ",
                        ckb: "ckb-Arab-IQ",
                        ckl: "ckl-Latn-ZZ",
                        cko: "cko-Latn-ZZ",
                        cky: "cky-Latn-ZZ",
                        cla: "cla-Latn-ZZ",
                        cme: "cme-Latn-ZZ",
                        cmg: "cmg-Soyo-MN",
                        co: "co-Latn-FR",
                        cop: "cop-Copt-EG",
                        cps: "cps-Latn-PH",
                        cr: "cr-Cans-CA",
                        crh: "crh-Cyrl-UA",
                        crj: "crj-Cans-CA",
                        crk: "crk-Cans-CA",
                        crl: "crl-Cans-CA",
                        crm: "crm-Cans-CA",
                        crs: "crs-Latn-SC",
                        cs: "cs-Latn-CZ",
                        csb: "csb-Latn-PL",
                        csw: "csw-Cans-CA",
                        ctd: "ctd-Pauc-MM",
                        cu: "cu-Cyrl-RU",
                        "cu-Glag": "cu-Glag-BG",
                        cv: "cv-Cyrl-RU",
                        cy: "cy-Latn-GB",
                        da: "da-Latn-DK",
                        dad: "dad-Latn-ZZ",
                        daf: "daf-Latn-ZZ",
                        dag: "dag-Latn-ZZ",
                        dah: "dah-Latn-ZZ",
                        dak: "dak-Latn-US",
                        dar: "dar-Cyrl-RU",
                        dav: "dav-Latn-KE",
                        dbd: "dbd-Latn-ZZ",
                        dbq: "dbq-Latn-ZZ",
                        dcc: "dcc-Arab-IN",
                        ddn: "ddn-Latn-ZZ",
                        de: "de-Latn-DE",
                        ded: "ded-Latn-ZZ",
                        den: "den-Latn-CA",
                        dga: "dga-Latn-ZZ",
                        dgh: "dgh-Latn-ZZ",
                        dgi: "dgi-Latn-ZZ",
                        dgl: "dgl-Arab-ZZ",
                        dgr: "dgr-Latn-CA",
                        dgz: "dgz-Latn-ZZ",
                        dia: "dia-Latn-ZZ",
                        dje: "dje-Latn-NE",
                        dnj: "dnj-Latn-CI",
                        dob: "dob-Latn-ZZ",
                        doi: "doi-Arab-IN",
                        dop: "dop-Latn-ZZ",
                        dow: "dow-Latn-ZZ",
                        drh: "drh-Mong-CN",
                        dri: "dri-Latn-ZZ",
                        drs: "drs-Ethi-ZZ",
                        dsb: "dsb-Latn-DE",
                        dtm: "dtm-Latn-ML",
                        dtp: "dtp-Latn-MY",
                        dts: "dts-Latn-ZZ",
                        dty: "dty-Deva-NP",
                        dua: "dua-Latn-CM",
                        duc: "duc-Latn-ZZ",
                        dud: "dud-Latn-ZZ",
                        dug: "dug-Latn-ZZ",
                        dv: "dv-Thaa-MV",
                        dva: "dva-Latn-ZZ",
                        dww: "dww-Latn-ZZ",
                        dyo: "dyo-Latn-SN",
                        dyu: "dyu-Latn-BF",
                        dz: "dz-Tibt-BT",
                        dzg: "dzg-Latn-ZZ",
                        ebu: "ebu-Latn-KE",
                        ee: "ee-Latn-GH",
                        efi: "efi-Latn-NG",
                        egl: "egl-Latn-IT",
                        egy: "egy-Egyp-EG",
                        eka: "eka-Latn-ZZ",
                        eky: "eky-Kali-MM",
                        el: "el-Grek-GR",
                        ema: "ema-Latn-ZZ",
                        emi: "emi-Latn-ZZ",
                        en: "en-Latn-US",
                        "en-Shaw": "en-Shaw-GB",
                        enn: "enn-Latn-ZZ",
                        enq: "enq-Latn-ZZ",
                        eo: "eo-Latn-001",
                        eri: "eri-Latn-ZZ",
                        es: "es-Latn-ES",
                        esg: "esg-Gonm-IN",
                        esu: "esu-Latn-US",
                        et: "et-Latn-EE",
                        etr: "etr-Latn-ZZ",
                        ett: "ett-Ital-IT",
                        etu: "etu-Latn-ZZ",
                        etx: "etx-Latn-ZZ",
                        eu: "eu-Latn-ES",
                        ewo: "ewo-Latn-CM",
                        ext: "ext-Latn-ES",
                        fa: "fa-Arab-IR",
                        faa: "faa-Latn-ZZ",
                        fab: "fab-Latn-ZZ",
                        fag: "fag-Latn-ZZ",
                        fai: "fai-Latn-ZZ",
                        fan: "fan-Latn-GQ",
                        ff: "ff-Latn-SN",
                        "ff-Adlm": "ff-Adlm-GN",
                        ffi: "ffi-Latn-ZZ",
                        ffm: "ffm-Latn-ML",
                        fi: "fi-Latn-FI",
                        fia: "fia-Arab-SD",
                        fil: "fil-Latn-PH",
                        fit: "fit-Latn-SE",
                        fj: "fj-Latn-FJ",
                        flr: "flr-Latn-ZZ",
                        fmp: "fmp-Latn-ZZ",
                        fo: "fo-Latn-FO",
                        fod: "fod-Latn-ZZ",
                        fon: "fon-Latn-BJ",
                        for: "for-Latn-ZZ",
                        fpe: "fpe-Latn-ZZ",
                        fqs: "fqs-Latn-ZZ",
                        fr: "fr-Latn-FR",
                        frc: "frc-Latn-US",
                        frp: "frp-Latn-FR",
                        frr: "frr-Latn-DE",
                        frs: "frs-Latn-DE",
                        fub: "fub-Arab-CM",
                        fud: "fud-Latn-WF",
                        fue: "fue-Latn-ZZ",
                        fuf: "fuf-Latn-GN",
                        fuh: "fuh-Latn-ZZ",
                        fuq: "fuq-Latn-NE",
                        fur: "fur-Latn-IT",
                        fuv: "fuv-Latn-NG",
                        fuy: "fuy-Latn-ZZ",
                        fvr: "fvr-Latn-SD",
                        fy: "fy-Latn-NL",
                        ga: "ga-Latn-IE",
                        gaa: "gaa-Latn-GH",
                        gaf: "gaf-Latn-ZZ",
                        gag: "gag-Latn-MD",
                        gah: "gah-Latn-ZZ",
                        gaj: "gaj-Latn-ZZ",
                        gam: "gam-Latn-ZZ",
                        gan: "gan-Hans-CN",
                        gaw: "gaw-Latn-ZZ",
                        gay: "gay-Latn-ID",
                        gba: "gba-Latn-ZZ",
                        gbf: "gbf-Latn-ZZ",
                        gbm: "gbm-Deva-IN",
                        gby: "gby-Latn-ZZ",
                        gbz: "gbz-Arab-IR",
                        gcr: "gcr-Latn-GF",
                        gd: "gd-Latn-GB",
                        gde: "gde-Latn-ZZ",
                        gdn: "gdn-Latn-ZZ",
                        gdr: "gdr-Latn-ZZ",
                        geb: "geb-Latn-ZZ",
                        gej: "gej-Latn-ZZ",
                        gel: "gel-Latn-ZZ",
                        gez: "gez-Ethi-ET",
                        gfk: "gfk-Latn-ZZ",
                        ggn: "ggn-Deva-NP",
                        ghs: "ghs-Latn-ZZ",
                        gil: "gil-Latn-KI",
                        gim: "gim-Latn-ZZ",
                        gjk: "gjk-Arab-PK",
                        gjn: "gjn-Latn-ZZ",
                        gju: "gju-Arab-PK",
                        gkn: "gkn-Latn-ZZ",
                        gkp: "gkp-Latn-ZZ",
                        gl: "gl-Latn-ES",
                        glk: "glk-Arab-IR",
                        gmm: "gmm-Latn-ZZ",
                        gmv: "gmv-Ethi-ZZ",
                        gn: "gn-Latn-PY",
                        gnd: "gnd-Latn-ZZ",
                        gng: "gng-Latn-ZZ",
                        god: "god-Latn-ZZ",
                        gof: "gof-Ethi-ZZ",
                        goi: "goi-Latn-ZZ",
                        gom: "gom-Deva-IN",
                        gon: "gon-Telu-IN",
                        gor: "gor-Latn-ID",
                        gos: "gos-Latn-NL",
                        got: "got-Goth-UA",
                        grb: "grb-Latn-ZZ",
                        grc: "grc-Cprt-CY",
                        "grc-Linb": "grc-Linb-GR",
                        grt: "grt-Beng-IN",
                        grw: "grw-Latn-ZZ",
                        gsw: "gsw-Latn-CH",
                        gu: "gu-Gujr-IN",
                        gub: "gub-Latn-BR",
                        guc: "guc-Latn-CO",
                        gud: "gud-Latn-ZZ",
                        gur: "gur-Latn-GH",
                        guw: "guw-Latn-ZZ",
                        gux: "gux-Latn-ZZ",
                        guz: "guz-Latn-KE",
                        gv: "gv-Latn-IM",
                        gvf: "gvf-Latn-ZZ",
                        gvr: "gvr-Deva-NP",
                        gvs: "gvs-Latn-ZZ",
                        gwc: "gwc-Arab-ZZ",
                        gwi: "gwi-Latn-CA",
                        gwt: "gwt-Arab-ZZ",
                        gyi: "gyi-Latn-ZZ",
                        ha: "ha-Latn-NG",
                        "ha-CM": "ha-Arab-CM",
                        "ha-SD": "ha-Arab-SD",
                        hag: "hag-Latn-ZZ",
                        hak: "hak-Hans-CN",
                        ham: "ham-Latn-ZZ",
                        haw: "haw-Latn-US",
                        haz: "haz-Arab-AF",
                        hbb: "hbb-Latn-ZZ",
                        hdy: "hdy-Ethi-ZZ",
                        he: "he-Hebr-IL",
                        hhy: "hhy-Latn-ZZ",
                        hi: "hi-Deva-IN",
                        hia: "hia-Latn-ZZ",
                        hif: "hif-Latn-FJ",
                        hig: "hig-Latn-ZZ",
                        hih: "hih-Latn-ZZ",
                        hil: "hil-Latn-PH",
                        hla: "hla-Latn-ZZ",
                        hlu: "hlu-Hluw-TR",
                        hmd: "hmd-Plrd-CN",
                        hmt: "hmt-Latn-ZZ",
                        hnd: "hnd-Arab-PK",
                        hne: "hne-Deva-IN",
                        hnj: "hnj-Hmng-LA",
                        hnn: "hnn-Latn-PH",
                        hno: "hno-Arab-PK",
                        ho: "ho-Latn-PG",
                        hoc: "hoc-Deva-IN",
                        hoj: "hoj-Deva-IN",
                        hot: "hot-Latn-ZZ",
                        hr: "hr-Latn-HR",
                        hsb: "hsb-Latn-DE",
                        hsn: "hsn-Hans-CN",
                        ht: "ht-Latn-HT",
                        hu: "hu-Latn-HU",
                        hui: "hui-Latn-ZZ",
                        hy: "hy-Armn-AM",
                        hz: "hz-Latn-NA",
                        ia: "ia-Latn-001",
                        ian: "ian-Latn-ZZ",
                        iar: "iar-Latn-ZZ",
                        iba: "iba-Latn-MY",
                        ibb: "ibb-Latn-NG",
                        iby: "iby-Latn-ZZ",
                        ica: "ica-Latn-ZZ",
                        ich: "ich-Latn-ZZ",
                        id: "id-Latn-ID",
                        idd: "idd-Latn-ZZ",
                        idi: "idi-Latn-ZZ",
                        idu: "idu-Latn-ZZ",
                        ife: "ife-Latn-TG",
                        ig: "ig-Latn-NG",
                        igb: "igb-Latn-ZZ",
                        ige: "ige-Latn-ZZ",
                        ii: "ii-Yiii-CN",
                        ijj: "ijj-Latn-ZZ",
                        ik: "ik-Latn-US",
                        ikk: "ikk-Latn-ZZ",
                        ikt: "ikt-Latn-CA",
                        ikw: "ikw-Latn-ZZ",
                        ikx: "ikx-Latn-ZZ",
                        ilo: "ilo-Latn-PH",
                        imo: "imo-Latn-ZZ",
                        in: "in-Latn-ID",
                        inh: "inh-Cyrl-RU",
                        io: "io-Latn-001",
                        iou: "iou-Latn-ZZ",
                        iri: "iri-Latn-ZZ",
                        is: "is-Latn-IS",
                        it: "it-Latn-IT",
                        iu: "iu-Cans-CA",
                        iw: "iw-Hebr-IL",
                        iwm: "iwm-Latn-ZZ",
                        iws: "iws-Latn-ZZ",
                        izh: "izh-Latn-RU",
                        izi: "izi-Latn-ZZ",
                        ja: "ja-Jpan-JP",
                        jab: "jab-Latn-ZZ",
                        jam: "jam-Latn-JM",
                        jbo: "jbo-Latn-001",
                        jbu: "jbu-Latn-ZZ",
                        jen: "jen-Latn-ZZ",
                        jgk: "jgk-Latn-ZZ",
                        jgo: "jgo-Latn-CM",
                        ji: "ji-Hebr-UA",
                        jib: "jib-Latn-ZZ",
                        jmc: "jmc-Latn-TZ",
                        jml: "jml-Deva-NP",
                        jra: "jra-Latn-ZZ",
                        jut: "jut-Latn-DK",
                        jv: "jv-Latn-ID",
                        jw: "jw-Latn-ID",
                        ka: "ka-Geor-GE",
                        kaa: "kaa-Cyrl-UZ",
                        kab: "kab-Latn-DZ",
                        kac: "kac-Latn-MM",
                        kad: "kad-Latn-ZZ",
                        kai: "kai-Latn-ZZ",
                        kaj: "kaj-Latn-NG",
                        kam: "kam-Latn-KE",
                        kao: "kao-Latn-ML",
                        kbd: "kbd-Cyrl-RU",
                        kbm: "kbm-Latn-ZZ",
                        kbp: "kbp-Latn-ZZ",
                        kbq: "kbq-Latn-ZZ",
                        kbx: "kbx-Latn-ZZ",
                        kby: "kby-Arab-NE",
                        kcg: "kcg-Latn-NG",
                        kck: "kck-Latn-ZW",
                        kcl: "kcl-Latn-ZZ",
                        kct: "kct-Latn-ZZ",
                        kde: "kde-Latn-TZ",
                        kdh: "kdh-Arab-TG",
                        kdl: "kdl-Latn-ZZ",
                        kdt: "kdt-Thai-TH",
                        kea: "kea-Latn-CV",
                        ken: "ken-Latn-CM",
                        kez: "kez-Latn-ZZ",
                        kfo: "kfo-Latn-CI",
                        kfr: "kfr-Deva-IN",
                        kfy: "kfy-Deva-IN",
                        kg: "kg-Latn-CD",
                        kge: "kge-Latn-ID",
                        kgf: "kgf-Latn-ZZ",
                        kgp: "kgp-Latn-BR",
                        kha: "kha-Latn-IN",
                        khb: "khb-Talu-CN",
                        khn: "khn-Deva-IN",
                        khq: "khq-Latn-ML",
                        khs: "khs-Latn-ZZ",
                        kht: "kht-Mymr-IN",
                        khw: "khw-Arab-PK",
                        khz: "khz-Latn-ZZ",
                        ki: "ki-Latn-KE",
                        kij: "kij-Latn-ZZ",
                        kiu: "kiu-Latn-TR",
                        kiw: "kiw-Latn-ZZ",
                        kj: "kj-Latn-NA",
                        kjd: "kjd-Latn-ZZ",
                        kjg: "kjg-Laoo-LA",
                        kjs: "kjs-Latn-ZZ",
                        kjy: "kjy-Latn-ZZ",
                        kk: "kk-Cyrl-KZ",
                        "kk-AF": "kk-Arab-AF",
                        "kk-Arab": "kk-Arab-CN",
                        "kk-CN": "kk-Arab-CN",
                        "kk-IR": "kk-Arab-IR",
                        "kk-MN": "kk-Arab-MN",
                        kkc: "kkc-Latn-ZZ",
                        kkj: "kkj-Latn-CM",
                        kl: "kl-Latn-GL",
                        kln: "kln-Latn-KE",
                        klq: "klq-Latn-ZZ",
                        klt: "klt-Latn-ZZ",
                        klx: "klx-Latn-ZZ",
                        km: "km-Khmr-KH",
                        kmb: "kmb-Latn-AO",
                        kmh: "kmh-Latn-ZZ",
                        kmo: "kmo-Latn-ZZ",
                        kms: "kms-Latn-ZZ",
                        kmu: "kmu-Latn-ZZ",
                        kmw: "kmw-Latn-ZZ",
                        kn: "kn-Knda-IN",
                        knf: "knf-Latn-GW",
                        knp: "knp-Latn-ZZ",
                        ko: "ko-Kore-KR",
                        koi: "koi-Cyrl-RU",
                        kok: "kok-Deva-IN",
                        kol: "kol-Latn-ZZ",
                        kos: "kos-Latn-FM",
                        koz: "koz-Latn-ZZ",
                        kpe: "kpe-Latn-LR",
                        kpf: "kpf-Latn-ZZ",
                        kpo: "kpo-Latn-ZZ",
                        kpr: "kpr-Latn-ZZ",
                        kpx: "kpx-Latn-ZZ",
                        kqb: "kqb-Latn-ZZ",
                        kqf: "kqf-Latn-ZZ",
                        kqs: "kqs-Latn-ZZ",
                        kqy: "kqy-Ethi-ZZ",
                        kr: "kr-Latn-ZZ",
                        krc: "krc-Cyrl-RU",
                        kri: "kri-Latn-SL",
                        krj: "krj-Latn-PH",
                        krl: "krl-Latn-RU",
                        krs: "krs-Latn-ZZ",
                        kru: "kru-Deva-IN",
                        ks: "ks-Arab-IN",
                        ksb: "ksb-Latn-TZ",
                        ksd: "ksd-Latn-ZZ",
                        ksf: "ksf-Latn-CM",
                        ksh: "ksh-Latn-DE",
                        ksj: "ksj-Latn-ZZ",
                        ksr: "ksr-Latn-ZZ",
                        ktb: "ktb-Ethi-ZZ",
                        ktm: "ktm-Latn-ZZ",
                        kto: "kto-Latn-ZZ",
                        ktr: "ktr-Latn-MY",
                        ku: "ku-Latn-TR",
                        "ku-Arab": "ku-Arab-IQ",
                        "ku-LB": "ku-Arab-LB",
                        kub: "kub-Latn-ZZ",
                        kud: "kud-Latn-ZZ",
                        kue: "kue-Latn-ZZ",
                        kuj: "kuj-Latn-ZZ",
                        kum: "kum-Cyrl-RU",
                        kun: "kun-Latn-ZZ",
                        kup: "kup-Latn-ZZ",
                        kus: "kus-Latn-ZZ",
                        kv: "kv-Cyrl-RU",
                        kvg: "kvg-Latn-ZZ",
                        kvr: "kvr-Latn-ID",
                        kvx: "kvx-Arab-PK",
                        kw: "kw-Latn-GB",
                        kwj: "kwj-Latn-ZZ",
                        kwo: "kwo-Latn-ZZ",
                        kwq: "kwq-Latn-ZZ",
                        kxa: "kxa-Latn-ZZ",
                        kxc: "kxc-Ethi-ZZ",
                        kxe: "kxe-Latn-ZZ",
                        kxm: "kxm-Thai-TH",
                        kxp: "kxp-Arab-PK",
                        kxw: "kxw-Latn-ZZ",
                        kxz: "kxz-Latn-ZZ",
                        ky: "ky-Cyrl-KG",
                        "ky-Arab": "ky-Arab-CN",
                        "ky-CN": "ky-Arab-CN",
                        "ky-Latn": "ky-Latn-TR",
                        "ky-TR": "ky-Latn-TR",
                        kye: "kye-Latn-ZZ",
                        kyx: "kyx-Latn-ZZ",
                        kzj: "kzj-Latn-MY",
                        kzr: "kzr-Latn-ZZ",
                        kzt: "kzt-Latn-MY",
                        la: "la-Latn-VA",
                        lab: "lab-Lina-GR",
                        lad: "lad-Hebr-IL",
                        lag: "lag-Latn-TZ",
                        lah: "lah-Arab-PK",
                        laj: "laj-Latn-UG",
                        las: "las-Latn-ZZ",
                        lb: "lb-Latn-LU",
                        lbe: "lbe-Cyrl-RU",
                        lbu: "lbu-Latn-ZZ",
                        lbw: "lbw-Latn-ID",
                        lcm: "lcm-Latn-ZZ",
                        lcp: "lcp-Thai-CN",
                        ldb: "ldb-Latn-ZZ",
                        led: "led-Latn-ZZ",
                        lee: "lee-Latn-ZZ",
                        lem: "lem-Latn-ZZ",
                        lep: "lep-Lepc-IN",
                        leq: "leq-Latn-ZZ",
                        leu: "leu-Latn-ZZ",
                        lez: "lez-Cyrl-RU",
                        lg: "lg-Latn-UG",
                        lgg: "lgg-Latn-ZZ",
                        li: "li-Latn-NL",
                        lia: "lia-Latn-ZZ",
                        lid: "lid-Latn-ZZ",
                        lif: "lif-Deva-NP",
                        "lif-Limb": "lif-Limb-IN",
                        lig: "lig-Latn-ZZ",
                        lih: "lih-Latn-ZZ",
                        lij: "lij-Latn-IT",
                        lis: "lis-Lisu-CN",
                        ljp: "ljp-Latn-ID",
                        lki: "lki-Arab-IR",
                        lkt: "lkt-Latn-US",
                        lle: "lle-Latn-ZZ",
                        lln: "lln-Latn-ZZ",
                        lmn: "lmn-Telu-IN",
                        lmo: "lmo-Latn-IT",
                        lmp: "lmp-Latn-ZZ",
                        ln: "ln-Latn-CD",
                        lns: "lns-Latn-ZZ",
                        lnu: "lnu-Latn-ZZ",
                        lo: "lo-Laoo-LA",
                        loj: "loj-Latn-ZZ",
                        lok: "lok-Latn-ZZ",
                        lol: "lol-Latn-CD",
                        lor: "lor-Latn-ZZ",
                        los: "los-Latn-ZZ",
                        loz: "loz-Latn-ZM",
                        lrc: "lrc-Arab-IR",
                        lt: "lt-Latn-LT",
                        ltg: "ltg-Latn-LV",
                        lu: "lu-Latn-CD",
                        lua: "lua-Latn-CD",
                        luo: "luo-Latn-KE",
                        luy: "luy-Latn-KE",
                        luz: "luz-Arab-IR",
                        lv: "lv-Latn-LV",
                        lwl: "lwl-Thai-TH",
                        lzh: "lzh-Hans-CN",
                        lzz: "lzz-Latn-TR",
                        mad: "mad-Latn-ID",
                        maf: "maf-Latn-CM",
                        mag: "mag-Deva-IN",
                        mai: "mai-Deva-IN",
                        mak: "mak-Latn-ID",
                        man: "man-Latn-GM",
                        "man-GN": "man-Nkoo-GN",
                        "man-Nkoo": "man-Nkoo-GN",
                        mas: "mas-Latn-KE",
                        maw: "maw-Latn-ZZ",
                        maz: "maz-Latn-MX",
                        mbh: "mbh-Latn-ZZ",
                        mbo: "mbo-Latn-ZZ",
                        mbq: "mbq-Latn-ZZ",
                        mbu: "mbu-Latn-ZZ",
                        mbw: "mbw-Latn-ZZ",
                        mci: "mci-Latn-ZZ",
                        mcp: "mcp-Latn-ZZ",
                        mcq: "mcq-Latn-ZZ",
                        mcr: "mcr-Latn-ZZ",
                        mcu: "mcu-Latn-ZZ",
                        mda: "mda-Latn-ZZ",
                        mde: "mde-Arab-ZZ",
                        mdf: "mdf-Cyrl-RU",
                        mdh: "mdh-Latn-PH",
                        mdj: "mdj-Latn-ZZ",
                        mdr: "mdr-Latn-ID",
                        mdx: "mdx-Ethi-ZZ",
                        med: "med-Latn-ZZ",
                        mee: "mee-Latn-ZZ",
                        mek: "mek-Latn-ZZ",
                        men: "men-Latn-SL",
                        mer: "mer-Latn-KE",
                        met: "met-Latn-ZZ",
                        meu: "meu-Latn-ZZ",
                        mfa: "mfa-Arab-TH",
                        mfe: "mfe-Latn-MU",
                        mfn: "mfn-Latn-ZZ",
                        mfo: "mfo-Latn-ZZ",
                        mfq: "mfq-Latn-ZZ",
                        mg: "mg-Latn-MG",
                        mgh: "mgh-Latn-MZ",
                        mgl: "mgl-Latn-ZZ",
                        mgo: "mgo-Latn-CM",
                        mgp: "mgp-Deva-NP",
                        mgy: "mgy-Latn-TZ",
                        mh: "mh-Latn-MH",
                        mhi: "mhi-Latn-ZZ",
                        mhl: "mhl-Latn-ZZ",
                        mi: "mi-Latn-NZ",
                        mif: "mif-Latn-ZZ",
                        min: "min-Latn-ID",
                        mis: "mis-Hatr-IQ",
                        "mis-Medf": "mis-Medf-NG",
                        miw: "miw-Latn-ZZ",
                        mk: "mk-Cyrl-MK",
                        mki: "mki-Arab-ZZ",
                        mkl: "mkl-Latn-ZZ",
                        mkp: "mkp-Latn-ZZ",
                        mkw: "mkw-Latn-ZZ",
                        ml: "ml-Mlym-IN",
                        mle: "mle-Latn-ZZ",
                        mlp: "mlp-Latn-ZZ",
                        mls: "mls-Latn-SD",
                        mmo: "mmo-Latn-ZZ",
                        mmu: "mmu-Latn-ZZ",
                        mmx: "mmx-Latn-ZZ",
                        mn: "mn-Cyrl-MN",
                        "mn-CN": "mn-Mong-CN",
                        "mn-Mong": "mn-Mong-CN",
                        mna: "mna-Latn-ZZ",
                        mnf: "mnf-Latn-ZZ",
                        mni: "mni-Beng-IN",
                        mnw: "mnw-Mymr-MM",
                        mo: "mo-Latn-RO",
                        moa: "moa-Latn-ZZ",
                        moe: "moe-Latn-CA",
                        moh: "moh-Latn-CA",
                        mos: "mos-Latn-BF",
                        mox: "mox-Latn-ZZ",
                        mpp: "mpp-Latn-ZZ",
                        mps: "mps-Latn-ZZ",
                        mpt: "mpt-Latn-ZZ",
                        mpx: "mpx-Latn-ZZ",
                        mql: "mql-Latn-ZZ",
                        mr: "mr-Deva-IN",
                        mrd: "mrd-Deva-NP",
                        mrj: "mrj-Cyrl-RU",
                        mro: "mro-Mroo-BD",
                        ms: "ms-Latn-MY",
                        "ms-CC": "ms-Arab-CC",
                        "ms-ID": "ms-Arab-ID",
                        mt: "mt-Latn-MT",
                        mtc: "mtc-Latn-ZZ",
                        mtf: "mtf-Latn-ZZ",
                        mti: "mti-Latn-ZZ",
                        mtr: "mtr-Deva-IN",
                        mua: "mua-Latn-CM",
                        mur: "mur-Latn-ZZ",
                        mus: "mus-Latn-US",
                        mva: "mva-Latn-ZZ",
                        mvn: "mvn-Latn-ZZ",
                        mvy: "mvy-Arab-PK",
                        mwk: "mwk-Latn-ML",
                        mwr: "mwr-Deva-IN",
                        mwv: "mwv-Latn-ID",
                        mww: "mww-Hmnp-US",
                        mxc: "mxc-Latn-ZW",
                        mxm: "mxm-Latn-ZZ",
                        my: "my-Mymr-MM",
                        myk: "myk-Latn-ZZ",
                        mym: "mym-Ethi-ZZ",
                        myv: "myv-Cyrl-RU",
                        myw: "myw-Latn-ZZ",
                        myx: "myx-Latn-UG",
                        myz: "myz-Mand-IR",
                        mzk: "mzk-Latn-ZZ",
                        mzm: "mzm-Latn-ZZ",
                        mzn: "mzn-Arab-IR",
                        mzp: "mzp-Latn-ZZ",
                        mzw: "mzw-Latn-ZZ",
                        mzz: "mzz-Latn-ZZ",
                        na: "na-Latn-NR",
                        nac: "nac-Latn-ZZ",
                        naf: "naf-Latn-ZZ",
                        nak: "nak-Latn-ZZ",
                        nan: "nan-Hans-CN",
                        nap: "nap-Latn-IT",
                        naq: "naq-Latn-NA",
                        nas: "nas-Latn-ZZ",
                        nb: "nb-Latn-NO",
                        nca: "nca-Latn-ZZ",
                        nce: "nce-Latn-ZZ",
                        ncf: "ncf-Latn-ZZ",
                        nch: "nch-Latn-MX",
                        nco: "nco-Latn-ZZ",
                        ncu: "ncu-Latn-ZZ",
                        nd: "nd-Latn-ZW",
                        ndc: "ndc-Latn-MZ",
                        nds: "nds-Latn-DE",
                        ne: "ne-Deva-NP",
                        neb: "neb-Latn-ZZ",
                        new: "new-Deva-NP",
                        nex: "nex-Latn-ZZ",
                        nfr: "nfr-Latn-ZZ",
                        ng: "ng-Latn-NA",
                        nga: "nga-Latn-ZZ",
                        ngb: "ngb-Latn-ZZ",
                        ngl: "ngl-Latn-MZ",
                        nhb: "nhb-Latn-ZZ",
                        nhe: "nhe-Latn-MX",
                        nhw: "nhw-Latn-MX",
                        nif: "nif-Latn-ZZ",
                        nii: "nii-Latn-ZZ",
                        nij: "nij-Latn-ID",
                        nin: "nin-Latn-ZZ",
                        niu: "niu-Latn-NU",
                        niy: "niy-Latn-ZZ",
                        niz: "niz-Latn-ZZ",
                        njo: "njo-Latn-IN",
                        nkg: "nkg-Latn-ZZ",
                        nko: "nko-Latn-ZZ",
                        nl: "nl-Latn-NL",
                        nmg: "nmg-Latn-CM",
                        nmz: "nmz-Latn-ZZ",
                        nn: "nn-Latn-NO",
                        nnf: "nnf-Latn-ZZ",
                        nnh: "nnh-Latn-CM",
                        nnk: "nnk-Latn-ZZ",
                        nnm: "nnm-Latn-ZZ",
                        nnp: "nnp-Wcho-IN",
                        no: "no-Latn-NO",
                        nod: "nod-Lana-TH",
                        noe: "noe-Deva-IN",
                        non: "non-Runr-SE",
                        nop: "nop-Latn-ZZ",
                        nou: "nou-Latn-ZZ",
                        nqo: "nqo-Nkoo-GN",
                        nr: "nr-Latn-ZA",
                        nrb: "nrb-Latn-ZZ",
                        nsk: "nsk-Cans-CA",
                        nsn: "nsn-Latn-ZZ",
                        nso: "nso-Latn-ZA",
                        nss: "nss-Latn-ZZ",
                        ntm: "ntm-Latn-ZZ",
                        ntr: "ntr-Latn-ZZ",
                        nui: "nui-Latn-ZZ",
                        nup: "nup-Latn-ZZ",
                        nus: "nus-Latn-SS",
                        nuv: "nuv-Latn-ZZ",
                        nux: "nux-Latn-ZZ",
                        nv: "nv-Latn-US",
                        nwb: "nwb-Latn-ZZ",
                        nxq: "nxq-Latn-CN",
                        nxr: "nxr-Latn-ZZ",
                        ny: "ny-Latn-MW",
                        nym: "nym-Latn-TZ",
                        nyn: "nyn-Latn-UG",
                        nzi: "nzi-Latn-GH",
                        oc: "oc-Latn-FR",
                        ogc: "ogc-Latn-ZZ",
                        okr: "okr-Latn-ZZ",
                        okv: "okv-Latn-ZZ",
                        om: "om-Latn-ET",
                        ong: "ong-Latn-ZZ",
                        onn: "onn-Latn-ZZ",
                        ons: "ons-Latn-ZZ",
                        opm: "opm-Latn-ZZ",
                        or: "or-Orya-IN",
                        oro: "oro-Latn-ZZ",
                        oru: "oru-Arab-ZZ",
                        os: "os-Cyrl-GE",
                        osa: "osa-Osge-US",
                        ota: "ota-Arab-ZZ",
                        otk: "otk-Orkh-MN",
                        ozm: "ozm-Latn-ZZ",
                        pa: "pa-Guru-IN",
                        "pa-Arab": "pa-Arab-PK",
                        "pa-PK": "pa-Arab-PK",
                        pag: "pag-Latn-PH",
                        pal: "pal-Phli-IR",
                        "pal-Phlp": "pal-Phlp-CN",
                        pam: "pam-Latn-PH",
                        pap: "pap-Latn-AW",
                        pau: "pau-Latn-PW",
                        pbi: "pbi-Latn-ZZ",
                        pcd: "pcd-Latn-FR",
                        pcm: "pcm-Latn-NG",
                        pdc: "pdc-Latn-US",
                        pdt: "pdt-Latn-CA",
                        ped: "ped-Latn-ZZ",
                        peo: "peo-Xpeo-IR",
                        pex: "pex-Latn-ZZ",
                        pfl: "pfl-Latn-DE",
                        phl: "phl-Arab-ZZ",
                        phn: "phn-Phnx-LB",
                        pil: "pil-Latn-ZZ",
                        pip: "pip-Latn-ZZ",
                        pka: "pka-Brah-IN",
                        pko: "pko-Latn-KE",
                        pl: "pl-Latn-PL",
                        pla: "pla-Latn-ZZ",
                        pms: "pms-Latn-IT",
                        png: "png-Latn-ZZ",
                        pnn: "pnn-Latn-ZZ",
                        pnt: "pnt-Grek-GR",
                        pon: "pon-Latn-FM",
                        ppa: "ppa-Deva-IN",
                        ppo: "ppo-Latn-ZZ",
                        pra: "pra-Khar-PK",
                        prd: "prd-Arab-IR",
                        prg: "prg-Latn-001",
                        ps: "ps-Arab-AF",
                        pss: "pss-Latn-ZZ",
                        pt: "pt-Latn-BR",
                        ptp: "ptp-Latn-ZZ",
                        puu: "puu-Latn-GA",
                        pwa: "pwa-Latn-ZZ",
                        qu: "qu-Latn-PE",
                        quc: "quc-Latn-GT",
                        qug: "qug-Latn-EC",
                        rai: "rai-Latn-ZZ",
                        raj: "raj-Deva-IN",
                        rao: "rao-Latn-ZZ",
                        rcf: "rcf-Latn-RE",
                        rej: "rej-Latn-ID",
                        rel: "rel-Latn-ZZ",
                        res: "res-Latn-ZZ",
                        rgn: "rgn-Latn-IT",
                        rhg: "rhg-Arab-MM",
                        ria: "ria-Latn-IN",
                        rif: "rif-Tfng-MA",
                        "rif-NL": "rif-Latn-NL",
                        rjs: "rjs-Deva-NP",
                        rkt: "rkt-Beng-BD",
                        rm: "rm-Latn-CH",
                        rmf: "rmf-Latn-FI",
                        rmo: "rmo-Latn-CH",
                        rmt: "rmt-Arab-IR",
                        rmu: "rmu-Latn-SE",
                        rn: "rn-Latn-BI",
                        rna: "rna-Latn-ZZ",
                        rng: "rng-Latn-MZ",
                        ro: "ro-Latn-RO",
                        rob: "rob-Latn-ID",
                        rof: "rof-Latn-TZ",
                        roo: "roo-Latn-ZZ",
                        rro: "rro-Latn-ZZ",
                        rtm: "rtm-Latn-FJ",
                        ru: "ru-Cyrl-RU",
                        rue: "rue-Cyrl-UA",
                        rug: "rug-Latn-SB",
                        rw: "rw-Latn-RW",
                        rwk: "rwk-Latn-TZ",
                        rwo: "rwo-Latn-ZZ",
                        ryu: "ryu-Kana-JP",
                        sa: "sa-Deva-IN",
                        saf: "saf-Latn-GH",
                        sah: "sah-Cyrl-RU",
                        saq: "saq-Latn-KE",
                        sas: "sas-Latn-ID",
                        sat: "sat-Latn-IN",
                        sav: "sav-Latn-SN",
                        saz: "saz-Saur-IN",
                        sba: "sba-Latn-ZZ",
                        sbe: "sbe-Latn-ZZ",
                        sbp: "sbp-Latn-TZ",
                        sc: "sc-Latn-IT",
                        sck: "sck-Deva-IN",
                        scl: "scl-Arab-ZZ",
                        scn: "scn-Latn-IT",
                        sco: "sco-Latn-GB",
                        scs: "scs-Latn-CA",
                        sd: "sd-Arab-PK",
                        "sd-Deva": "sd-Deva-IN",
                        "sd-Khoj": "sd-Khoj-IN",
                        "sd-Sind": "sd-Sind-IN",
                        sdc: "sdc-Latn-IT",
                        sdh: "sdh-Arab-IR",
                        se: "se-Latn-NO",
                        sef: "sef-Latn-CI",
                        seh: "seh-Latn-MZ",
                        sei: "sei-Latn-MX",
                        ses: "ses-Latn-ML",
                        sg: "sg-Latn-CF",
                        sga: "sga-Ogam-IE",
                        sgs: "sgs-Latn-LT",
                        sgw: "sgw-Ethi-ZZ",
                        sgz: "sgz-Latn-ZZ",
                        shi: "shi-Tfng-MA",
                        shk: "shk-Latn-ZZ",
                        shn: "shn-Mymr-MM",
                        shu: "shu-Arab-ZZ",
                        si: "si-Sinh-LK",
                        sid: "sid-Latn-ET",
                        sig: "sig-Latn-ZZ",
                        sil: "sil-Latn-ZZ",
                        sim: "sim-Latn-ZZ",
                        sjr: "sjr-Latn-ZZ",
                        sk: "sk-Latn-SK",
                        skc: "skc-Latn-ZZ",
                        skr: "skr-Arab-PK",
                        sks: "sks-Latn-ZZ",
                        sl: "sl-Latn-SI",
                        sld: "sld-Latn-ZZ",
                        sli: "sli-Latn-PL",
                        sll: "sll-Latn-ZZ",
                        sly: "sly-Latn-ID",
                        sm: "sm-Latn-WS",
                        sma: "sma-Latn-SE",
                        smj: "smj-Latn-SE",
                        smn: "smn-Latn-FI",
                        smp: "smp-Samr-IL",
                        smq: "smq-Latn-ZZ",
                        sms: "sms-Latn-FI",
                        sn: "sn-Latn-ZW",
                        snc: "snc-Latn-ZZ",
                        snk: "snk-Latn-ML",
                        snp: "snp-Latn-ZZ",
                        snx: "snx-Latn-ZZ",
                        sny: "sny-Latn-ZZ",
                        so: "so-Latn-SO",
                        sog: "sog-Sogd-UZ",
                        sok: "sok-Latn-ZZ",
                        soq: "soq-Latn-ZZ",
                        sou: "sou-Thai-TH",
                        soy: "soy-Latn-ZZ",
                        spd: "spd-Latn-ZZ",
                        spl: "spl-Latn-ZZ",
                        sps: "sps-Latn-ZZ",
                        sq: "sq-Latn-AL",
                        sr: "sr-Cyrl-RS",
                        "sr-ME": "sr-Latn-ME",
                        "sr-RO": "sr-Latn-RO",
                        "sr-RU": "sr-Latn-RU",
                        "sr-TR": "sr-Latn-TR",
                        srb: "srb-Sora-IN",
                        srn: "srn-Latn-SR",
                        srr: "srr-Latn-SN",
                        srx: "srx-Deva-IN",
                        ss: "ss-Latn-ZA",
                        ssd: "ssd-Latn-ZZ",
                        ssg: "ssg-Latn-ZZ",
                        ssy: "ssy-Latn-ER",
                        st: "st-Latn-ZA",
                        stk: "stk-Latn-ZZ",
                        stq: "stq-Latn-DE",
                        su: "su-Latn-ID",
                        sua: "sua-Latn-ZZ",
                        sue: "sue-Latn-ZZ",
                        suk: "suk-Latn-TZ",
                        sur: "sur-Latn-ZZ",
                        sus: "sus-Latn-GN",
                        sv: "sv-Latn-SE",
                        sw: "sw-Latn-TZ",
                        swb: "swb-Arab-YT",
                        swc: "swc-Latn-CD",
                        swg: "swg-Latn-DE",
                        swp: "swp-Latn-ZZ",
                        swv: "swv-Deva-IN",
                        sxn: "sxn-Latn-ID",
                        sxw: "sxw-Latn-ZZ",
                        syl: "syl-Beng-BD",
                        syr: "syr-Syrc-IQ",
                        szl: "szl-Latn-PL",
                        ta: "ta-Taml-IN",
                        taj: "taj-Deva-NP",
                        tal: "tal-Latn-ZZ",
                        tan: "tan-Latn-ZZ",
                        taq: "taq-Latn-ZZ",
                        tbc: "tbc-Latn-ZZ",
                        tbd: "tbd-Latn-ZZ",
                        tbf: "tbf-Latn-ZZ",
                        tbg: "tbg-Latn-ZZ",
                        tbo: "tbo-Latn-ZZ",
                        tbw: "tbw-Latn-PH",
                        tbz: "tbz-Latn-ZZ",
                        tci: "tci-Latn-ZZ",
                        tcy: "tcy-Knda-IN",
                        tdd: "tdd-Tale-CN",
                        tdg: "tdg-Deva-NP",
                        tdh: "tdh-Deva-NP",
                        tdu: "tdu-Latn-MY",
                        te: "te-Telu-IN",
                        ted: "ted-Latn-ZZ",
                        tem: "tem-Latn-SL",
                        teo: "teo-Latn-UG",
                        tet: "tet-Latn-TL",
                        tfi: "tfi-Latn-ZZ",
                        tg: "tg-Cyrl-TJ",
                        "tg-Arab": "tg-Arab-PK",
                        "tg-PK": "tg-Arab-PK",
                        tgc: "tgc-Latn-ZZ",
                        tgo: "tgo-Latn-ZZ",
                        tgu: "tgu-Latn-ZZ",
                        th: "th-Thai-TH",
                        thl: "thl-Deva-NP",
                        thq: "thq-Deva-NP",
                        thr: "thr-Deva-NP",
                        ti: "ti-Ethi-ET",
                        tif: "tif-Latn-ZZ",
                        tig: "tig-Ethi-ER",
                        tik: "tik-Latn-ZZ",
                        tim: "tim-Latn-ZZ",
                        tio: "tio-Latn-ZZ",
                        tiv: "tiv-Latn-NG",
                        tk: "tk-Latn-TM",
                        tkl: "tkl-Latn-TK",
                        tkr: "tkr-Latn-AZ",
                        tkt: "tkt-Deva-NP",
                        tl: "tl-Latn-PH",
                        tlf: "tlf-Latn-ZZ",
                        tlx: "tlx-Latn-ZZ",
                        tly: "tly-Latn-AZ",
                        tmh: "tmh-Latn-NE",
                        tmy: "tmy-Latn-ZZ",
                        tn: "tn-Latn-ZA",
                        tnh: "tnh-Latn-ZZ",
                        to: "to-Latn-TO",
                        tof: "tof-Latn-ZZ",
                        tog: "tog-Latn-MW",
                        toq: "toq-Latn-ZZ",
                        tpi: "tpi-Latn-PG",
                        tpm: "tpm-Latn-ZZ",
                        tpz: "tpz-Latn-ZZ",
                        tqo: "tqo-Latn-ZZ",
                        tr: "tr-Latn-TR",
                        tru: "tru-Latn-TR",
                        trv: "trv-Latn-TW",
                        trw: "trw-Arab-ZZ",
                        ts: "ts-Latn-ZA",
                        tsd: "tsd-Grek-GR",
                        tsf: "tsf-Deva-NP",
                        tsg: "tsg-Latn-PH",
                        tsj: "tsj-Tibt-BT",
                        tsw: "tsw-Latn-ZZ",
                        tt: "tt-Cyrl-RU",
                        ttd: "ttd-Latn-ZZ",
                        tte: "tte-Latn-ZZ",
                        ttj: "ttj-Latn-UG",
                        ttr: "ttr-Latn-ZZ",
                        tts: "tts-Thai-TH",
                        ttt: "ttt-Latn-AZ",
                        tuh: "tuh-Latn-ZZ",
                        tul: "tul-Latn-ZZ",
                        tum: "tum-Latn-MW",
                        tuq: "tuq-Latn-ZZ",
                        tvd: "tvd-Latn-ZZ",
                        tvl: "tvl-Latn-TV",
                        tvu: "tvu-Latn-ZZ",
                        twh: "twh-Latn-ZZ",
                        twq: "twq-Latn-NE",
                        txg: "txg-Tang-CN",
                        ty: "ty-Latn-PF",
                        tya: "tya-Latn-ZZ",
                        tyv: "tyv-Cyrl-RU",
                        tzm: "tzm-Latn-MA",
                        ubu: "ubu-Latn-ZZ",
                        udm: "udm-Cyrl-RU",
                        ug: "ug-Arab-CN",
                        "ug-Cyrl": "ug-Cyrl-KZ",
                        "ug-KZ": "ug-Cyrl-KZ",
                        "ug-MN": "ug-Cyrl-MN",
                        uga: "uga-Ugar-SY",
                        uk: "uk-Cyrl-UA",
                        uli: "uli-Latn-FM",
                        umb: "umb-Latn-AO",
                        und: "en-Latn-US",
                        "und-002": "en-Latn-NG",
                        "und-003": "en-Latn-US",
                        "und-005": "pt-Latn-BR",
                        "und-009": "en-Latn-AU",
                        "und-011": "en-Latn-NG",
                        "und-013": "es-Latn-MX",
                        "und-014": "sw-Latn-TZ",
                        "und-015": "ar-Arab-EG",
                        "und-017": "sw-Latn-CD",
                        "und-018": "en-Latn-ZA",
                        "und-019": "en-Latn-US",
                        "und-021": "en-Latn-US",
                        "und-029": "es-Latn-CU",
                        "und-030": "zh-Hans-CN",
                        "und-034": "hi-Deva-IN",
                        "und-035": "id-Latn-ID",
                        "und-039": "it-Latn-IT",
                        "und-053": "en-Latn-AU",
                        "und-054": "en-Latn-PG",
                        "und-057": "en-Latn-GU",
                        "und-061": "sm-Latn-WS",
                        "und-142": "zh-Hans-CN",
                        "und-143": "uz-Latn-UZ",
                        "und-145": "ar-Arab-SA",
                        "und-150": "ru-Cyrl-RU",
                        "und-151": "ru-Cyrl-RU",
                        "und-154": "en-Latn-GB",
                        "und-155": "de-Latn-DE",
                        "und-202": "en-Latn-NG",
                        "und-419": "es-Latn-419",
                        "und-AD": "ca-Latn-AD",
                        "und-Adlm": "ff-Adlm-GN",
                        "und-AE": "ar-Arab-AE",
                        "und-AF": "fa-Arab-AF",
                        "und-Aghb": "lez-Aghb-RU",
                        "und-Ahom": "aho-Ahom-IN",
                        "und-AL": "sq-Latn-AL",
                        "und-AM": "hy-Armn-AM",
                        "und-AO": "pt-Latn-AO",
                        "und-AQ": "und-Latn-AQ",
                        "und-AR": "es-Latn-AR",
                        "und-Arab": "ar-Arab-EG",
                        "und-Arab-CC": "ms-Arab-CC",
                        "und-Arab-CN": "ug-Arab-CN",
                        "und-Arab-GB": "ks-Arab-GB",
                        "und-Arab-ID": "ms-Arab-ID",
                        "und-Arab-IN": "ur-Arab-IN",
                        "und-Arab-KH": "cja-Arab-KH",
                        "und-Arab-MM": "rhg-Arab-MM",
                        "und-Arab-MN": "kk-Arab-MN",
                        "und-Arab-MU": "ur-Arab-MU",
                        "und-Arab-NG": "ha-Arab-NG",
                        "und-Arab-PK": "ur-Arab-PK",
                        "und-Arab-TG": "apd-Arab-TG",
                        "und-Arab-TH": "mfa-Arab-TH",
                        "und-Arab-TJ": "fa-Arab-TJ",
                        "und-Arab-TR": "az-Arab-TR",
                        "und-Arab-YT": "swb-Arab-YT",
                        "und-Armi": "arc-Armi-IR",
                        "und-Armn": "hy-Armn-AM",
                        "und-AS": "sm-Latn-AS",
                        "und-AT": "de-Latn-AT",
                        "und-Avst": "ae-Avst-IR",
                        "und-AW": "nl-Latn-AW",
                        "und-AX": "sv-Latn-AX",
                        "und-AZ": "az-Latn-AZ",
                        "und-BA": "bs-Latn-BA",
                        "und-Bali": "ban-Bali-ID",
                        "und-Bamu": "bax-Bamu-CM",
                        "und-Bass": "bsq-Bass-LR",
                        "und-Batk": "bbc-Batk-ID",
                        "und-BD": "bn-Beng-BD",
                        "und-BE": "nl-Latn-BE",
                        "und-Beng": "bn-Beng-BD",
                        "und-BF": "fr-Latn-BF",
                        "und-BG": "bg-Cyrl-BG",
                        "und-BH": "ar-Arab-BH",
                        "und-Bhks": "sa-Bhks-IN",
                        "und-BI": "rn-Latn-BI",
                        "und-BJ": "fr-Latn-BJ",
                        "und-BL": "fr-Latn-BL",
                        "und-BN": "ms-Latn-BN",
                        "und-BO": "es-Latn-BO",
                        "und-Bopo": "zh-Bopo-TW",
                        "und-BQ": "pap-Latn-BQ",
                        "und-BR": "pt-Latn-BR",
                        "und-Brah": "pka-Brah-IN",
                        "und-Brai": "fr-Brai-FR",
                        "und-BT": "dz-Tibt-BT",
                        "und-Bugi": "bug-Bugi-ID",
                        "und-Buhd": "bku-Buhd-PH",
                        "und-BV": "und-Latn-BV",
                        "und-BY": "be-Cyrl-BY",
                        "und-Cakm": "ccp-Cakm-BD",
                        "und-Cans": "cr-Cans-CA",
                        "und-Cari": "xcr-Cari-TR",
                        "und-CD": "sw-Latn-CD",
                        "und-CF": "fr-Latn-CF",
                        "und-CG": "fr-Latn-CG",
                        "und-CH": "de-Latn-CH",
                        "und-Cham": "cjm-Cham-VN",
                        "und-Cher": "chr-Cher-US",
                        "und-CI": "fr-Latn-CI",
                        "und-CL": "es-Latn-CL",
                        "und-CM": "fr-Latn-CM",
                        "und-CN": "zh-Hans-CN",
                        "und-CO": "es-Latn-CO",
                        "und-Copt": "cop-Copt-EG",
                        "und-CP": "und-Latn-CP",
                        "und-Cprt": "grc-Cprt-CY",
                        "und-CR": "es-Latn-CR",
                        "und-CU": "es-Latn-CU",
                        "und-CV": "pt-Latn-CV",
                        "und-CW": "pap-Latn-CW",
                        "und-CY": "el-Grek-CY",
                        "und-Cyrl": "ru-Cyrl-RU",
                        "und-Cyrl-AL": "mk-Cyrl-AL",
                        "und-Cyrl-BA": "sr-Cyrl-BA",
                        "und-Cyrl-GE": "ab-Cyrl-GE",
                        "und-Cyrl-GR": "mk-Cyrl-GR",
                        "und-Cyrl-MD": "uk-Cyrl-MD",
                        "und-Cyrl-RO": "bg-Cyrl-RO",
                        "und-Cyrl-SK": "uk-Cyrl-SK",
                        "und-Cyrl-TR": "kbd-Cyrl-TR",
                        "und-Cyrl-XK": "sr-Cyrl-XK",
                        "und-CZ": "cs-Latn-CZ",
                        "und-DE": "de-Latn-DE",
                        "und-Deva": "hi-Deva-IN",
                        "und-Deva-BT": "ne-Deva-BT",
                        "und-Deva-FJ": "hif-Deva-FJ",
                        "und-Deva-MU": "bho-Deva-MU",
                        "und-Deva-PK": "btv-Deva-PK",
                        "und-DJ": "aa-Latn-DJ",
                        "und-DK": "da-Latn-DK",
                        "und-DO": "es-Latn-DO",
                        "und-Dogr": "doi-Dogr-IN",
                        "und-Dupl": "fr-Dupl-FR",
                        "und-DZ": "ar-Arab-DZ",
                        "und-EA": "es-Latn-EA",
                        "und-EC": "es-Latn-EC",
                        "und-EE": "et-Latn-EE",
                        "und-EG": "ar-Arab-EG",
                        "und-Egyp": "egy-Egyp-EG",
                        "und-EH": "ar-Arab-EH",
                        "und-Elba": "sq-Elba-AL",
                        "und-Elym": "arc-Elym-IR",
                        "und-ER": "ti-Ethi-ER",
                        "und-ES": "es-Latn-ES",
                        "und-ET": "am-Ethi-ET",
                        "und-Ethi": "am-Ethi-ET",
                        "und-EU": "en-Latn-GB",
                        "und-EZ": "de-Latn-EZ",
                        "und-FI": "fi-Latn-FI",
                        "und-FO": "fo-Latn-FO",
                        "und-FR": "fr-Latn-FR",
                        "und-GA": "fr-Latn-GA",
                        "und-GE": "ka-Geor-GE",
                        "und-Geor": "ka-Geor-GE",
                        "und-GF": "fr-Latn-GF",
                        "und-GH": "ak-Latn-GH",
                        "und-GL": "kl-Latn-GL",
                        "und-Glag": "cu-Glag-BG",
                        "und-GN": "fr-Latn-GN",
                        "und-Gong": "wsg-Gong-IN",
                        "und-Gonm": "esg-Gonm-IN",
                        "und-Goth": "got-Goth-UA",
                        "und-GP": "fr-Latn-GP",
                        "und-GQ": "es-Latn-GQ",
                        "und-GR": "el-Grek-GR",
                        "und-Gran": "sa-Gran-IN",
                        "und-Grek": "el-Grek-GR",
                        "und-Grek-TR": "bgx-Grek-TR",
                        "und-GS": "und-Latn-GS",
                        "und-GT": "es-Latn-GT",
                        "und-Gujr": "gu-Gujr-IN",
                        "und-Guru": "pa-Guru-IN",
                        "und-GW": "pt-Latn-GW",
                        "und-Hanb": "zh-Hanb-TW",
                        "und-Hang": "ko-Hang-KR",
                        "und-Hani": "zh-Hani-CN",
                        "und-Hano": "hnn-Hano-PH",
                        "und-Hans": "zh-Hans-CN",
                        "und-Hant": "zh-Hant-TW",
                        "und-Hatr": "mis-Hatr-IQ",
                        "und-Hebr": "he-Hebr-IL",
                        "und-Hebr-CA": "yi-Hebr-CA",
                        "und-Hebr-GB": "yi-Hebr-GB",
                        "und-Hebr-SE": "yi-Hebr-SE",
                        "und-Hebr-UA": "yi-Hebr-UA",
                        "und-Hebr-US": "yi-Hebr-US",
                        "und-Hira": "ja-Hira-JP",
                        "und-HK": "zh-Hant-HK",
                        "und-Hluw": "hlu-Hluw-TR",
                        "und-HM": "und-Latn-HM",
                        "und-Hmng": "hnj-Hmng-LA",
                        "und-Hmnp": "mww-Hmnp-US",
                        "und-HN": "es-Latn-HN",
                        "und-HR": "hr-Latn-HR",
                        "und-HT": "ht-Latn-HT",
                        "und-HU": "hu-Latn-HU",
                        "und-Hung": "hu-Hung-HU",
                        "und-IC": "es-Latn-IC",
                        "und-ID": "id-Latn-ID",
                        "und-IL": "he-Hebr-IL",
                        "und-IN": "hi-Deva-IN",
                        "und-IQ": "ar-Arab-IQ",
                        "und-IR": "fa-Arab-IR",
                        "und-IS": "is-Latn-IS",
                        "und-IT": "it-Latn-IT",
                        "und-Ital": "ett-Ital-IT",
                        "und-Jamo": "ko-Jamo-KR",
                        "und-Java": "jv-Java-ID",
                        "und-JO": "ar-Arab-JO",
                        "und-JP": "ja-Jpan-JP",
                        "und-Jpan": "ja-Jpan-JP",
                        "und-Kali": "eky-Kali-MM",
                        "und-Kana": "ja-Kana-JP",
                        "und-KE": "sw-Latn-KE",
                        "und-KG": "ky-Cyrl-KG",
                        "und-KH": "km-Khmr-KH",
                        "und-Khar": "pra-Khar-PK",
                        "und-Khmr": "km-Khmr-KH",
                        "und-Khoj": "sd-Khoj-IN",
                        "und-KM": "ar-Arab-KM",
                        "und-Knda": "kn-Knda-IN",
                        "und-Kore": "ko-Kore-KR",
                        "und-KP": "ko-Kore-KP",
                        "und-KR": "ko-Kore-KR",
                        "und-Kthi": "bho-Kthi-IN",
                        "und-KW": "ar-Arab-KW",
                        "und-KZ": "ru-Cyrl-KZ",
                        "und-LA": "lo-Laoo-LA",
                        "und-Lana": "nod-Lana-TH",
                        "und-Laoo": "lo-Laoo-LA",
                        "und-Latn-AF": "tk-Latn-AF",
                        "und-Latn-AM": "ku-Latn-AM",
                        "und-Latn-CN": "za-Latn-CN",
                        "und-Latn-CY": "tr-Latn-CY",
                        "und-Latn-DZ": "fr-Latn-DZ",
                        "und-Latn-ET": "en-Latn-ET",
                        "und-Latn-GE": "ku-Latn-GE",
                        "und-Latn-IR": "tk-Latn-IR",
                        "und-Latn-KM": "fr-Latn-KM",
                        "und-Latn-MA": "fr-Latn-MA",
                        "und-Latn-MK": "sq-Latn-MK",
                        "und-Latn-MM": "kac-Latn-MM",
                        "und-Latn-MO": "pt-Latn-MO",
                        "und-Latn-MR": "fr-Latn-MR",
                        "und-Latn-RU": "krl-Latn-RU",
                        "und-Latn-SY": "fr-Latn-SY",
                        "und-Latn-TN": "fr-Latn-TN",
                        "und-Latn-TW": "trv-Latn-TW",
                        "und-Latn-UA": "pl-Latn-UA",
                        "und-LB": "ar-Arab-LB",
                        "und-Lepc": "lep-Lepc-IN",
                        "und-LI": "de-Latn-LI",
                        "und-Limb": "lif-Limb-IN",
                        "und-Lina": "lab-Lina-GR",
                        "und-Linb": "grc-Linb-GR",
                        "und-Lisu": "lis-Lisu-CN",
                        "und-LK": "si-Sinh-LK",
                        "und-LS": "st-Latn-LS",
                        "und-LT": "lt-Latn-LT",
                        "und-LU": "fr-Latn-LU",
                        "und-LV": "lv-Latn-LV",
                        "und-LY": "ar-Arab-LY",
                        "und-Lyci": "xlc-Lyci-TR",
                        "und-Lydi": "xld-Lydi-TR",
                        "und-MA": "ar-Arab-MA",
                        "und-Mahj": "hi-Mahj-IN",
                        "und-Maka": "mak-Maka-ID",
                        "und-Mand": "myz-Mand-IR",
                        "und-Mani": "xmn-Mani-CN",
                        "und-Marc": "bo-Marc-CN",
                        "und-MC": "fr-Latn-MC",
                        "und-MD": "ro-Latn-MD",
                        "und-ME": "sr-Latn-ME",
                        "und-Medf": "mis-Medf-NG",
                        "und-Mend": "men-Mend-SL",
                        "und-Merc": "xmr-Merc-SD",
                        "und-Mero": "xmr-Mero-SD",
                        "und-MF": "fr-Latn-MF",
                        "und-MG": "mg-Latn-MG",
                        "und-MK": "mk-Cyrl-MK",
                        "und-ML": "bm-Latn-ML",
                        "und-Mlym": "ml-Mlym-IN",
                        "und-MM": "my-Mymr-MM",
                        "und-MN": "mn-Cyrl-MN",
                        "und-MO": "zh-Hant-MO",
                        "und-Modi": "mr-Modi-IN",
                        "und-Mong": "mn-Mong-CN",
                        "und-MQ": "fr-Latn-MQ",
                        "und-MR": "ar-Arab-MR",
                        "und-Mroo": "mro-Mroo-BD",
                        "und-MT": "mt-Latn-MT",
                        "und-Mtei": "mni-Mtei-IN",
                        "und-MU": "mfe-Latn-MU",
                        "und-Mult": "skr-Mult-PK",
                        "und-MV": "dv-Thaa-MV",
                        "und-MX": "es-Latn-MX",
                        "und-MY": "ms-Latn-MY",
                        "und-Mymr": "my-Mymr-MM",
                        "und-Mymr-IN": "kht-Mymr-IN",
                        "und-Mymr-TH": "mnw-Mymr-TH",
                        "und-MZ": "pt-Latn-MZ",
                        "und-NA": "af-Latn-NA",
                        "und-Nand": "sa-Nand-IN",
                        "und-Narb": "xna-Narb-SA",
                        "und-Nbat": "arc-Nbat-JO",
                        "und-NC": "fr-Latn-NC",
                        "und-NE": "ha-Latn-NE",
                        "und-Newa": "new-Newa-NP",
                        "und-NI": "es-Latn-NI",
                        "und-Nkoo": "man-Nkoo-GN",
                        "und-NL": "nl-Latn-NL",
                        "und-NO": "nb-Latn-NO",
                        "und-NP": "ne-Deva-NP",
                        "und-Nshu": "zhx-Nshu-CN",
                        "und-Ogam": "sga-Ogam-IE",
                        "und-Olck": "sat-Olck-IN",
                        "und-OM": "ar-Arab-OM",
                        "und-Orkh": "otk-Orkh-MN",
                        "und-Orya": "or-Orya-IN",
                        "und-Osge": "osa-Osge-US",
                        "und-Osma": "so-Osma-SO",
                        "und-PA": "es-Latn-PA",
                        "und-Palm": "arc-Palm-SY",
                        "und-Pauc": "ctd-Pauc-MM",
                        "und-PE": "es-Latn-PE",
                        "und-Perm": "kv-Perm-RU",
                        "und-PF": "fr-Latn-PF",
                        "und-PG": "tpi-Latn-PG",
                        "und-PH": "fil-Latn-PH",
                        "und-Phag": "lzh-Phag-CN",
                        "und-Phli": "pal-Phli-IR",
                        "und-Phlp": "pal-Phlp-CN",
                        "und-Phnx": "phn-Phnx-LB",
                        "und-PK": "ur-Arab-PK",
                        "und-PL": "pl-Latn-PL",
                        "und-Plrd": "hmd-Plrd-CN",
                        "und-PM": "fr-Latn-PM",
                        "und-PR": "es-Latn-PR",
                        "und-Prti": "xpr-Prti-IR",
                        "und-PS": "ar-Arab-PS",
                        "und-PT": "pt-Latn-PT",
                        "und-PW": "pau-Latn-PW",
                        "und-PY": "gn-Latn-PY",
                        "und-QA": "ar-Arab-QA",
                        "und-QO": "en-Latn-DG",
                        "und-RE": "fr-Latn-RE",
                        "und-Rjng": "rej-Rjng-ID",
                        "und-RO": "ro-Latn-RO",
                        "und-Rohg": "rhg-Rohg-MM",
                        "und-RS": "sr-Cyrl-RS",
                        "und-RU": "ru-Cyrl-RU",
                        "und-Runr": "non-Runr-SE",
                        "und-RW": "rw-Latn-RW",
                        "und-SA": "ar-Arab-SA",
                        "und-Samr": "smp-Samr-IL",
                        "und-Sarb": "xsa-Sarb-YE",
                        "und-Saur": "saz-Saur-IN",
                        "und-SC": "fr-Latn-SC",
                        "und-SD": "ar-Arab-SD",
                        "und-SE": "sv-Latn-SE",
                        "und-Sgnw": "ase-Sgnw-US",
                        "und-Shaw": "en-Shaw-GB",
                        "und-Shrd": "sa-Shrd-IN",
                        "und-SI": "sl-Latn-SI",
                        "und-Sidd": "sa-Sidd-IN",
                        "und-Sind": "sd-Sind-IN",
                        "und-Sinh": "si-Sinh-LK",
                        "und-SJ": "nb-Latn-SJ",
                        "und-SK": "sk-Latn-SK",
                        "und-SM": "it-Latn-SM",
                        "und-SN": "fr-Latn-SN",
                        "und-SO": "so-Latn-SO",
                        "und-Sogd": "sog-Sogd-UZ",
                        "und-Sogo": "sog-Sogo-UZ",
                        "und-Sora": "srb-Sora-IN",
                        "und-Soyo": "cmg-Soyo-MN",
                        "und-SR": "nl-Latn-SR",
                        "und-ST": "pt-Latn-ST",
                        "und-Sund": "su-Sund-ID",
                        "und-SV": "es-Latn-SV",
                        "und-SY": "ar-Arab-SY",
                        "und-Sylo": "syl-Sylo-BD",
                        "und-Syrc": "syr-Syrc-IQ",
                        "und-Tagb": "tbw-Tagb-PH",
                        "und-Takr": "doi-Takr-IN",
                        "und-Tale": "tdd-Tale-CN",
                        "und-Talu": "khb-Talu-CN",
                        "und-Taml": "ta-Taml-IN",
                        "und-Tang": "txg-Tang-CN",
                        "und-Tavt": "blt-Tavt-VN",
                        "und-TD": "fr-Latn-TD",
                        "und-Telu": "te-Telu-IN",
                        "und-TF": "fr-Latn-TF",
                        "und-Tfng": "zgh-Tfng-MA",
                        "und-TG": "fr-Latn-TG",
                        "und-Tglg": "fil-Tglg-PH",
                        "und-TH": "th-Thai-TH",
                        "und-Thaa": "dv-Thaa-MV",
                        "und-Thai": "th-Thai-TH",
                        "und-Thai-CN": "lcp-Thai-CN",
                        "und-Thai-KH": "kdt-Thai-KH",
                        "und-Thai-LA": "kdt-Thai-LA",
                        "und-Tibt": "bo-Tibt-CN",
                        "und-Tirh": "mai-Tirh-IN",
                        "und-TJ": "tg-Cyrl-TJ",
                        "und-TK": "tkl-Latn-TK",
                        "und-TL": "pt-Latn-TL",
                        "und-TM": "tk-Latn-TM",
                        "und-TN": "ar-Arab-TN",
                        "und-TO": "to-Latn-TO",
                        "und-TR": "tr-Latn-TR",
                        "und-TV": "tvl-Latn-TV",
                        "und-TW": "zh-Hant-TW",
                        "und-TZ": "sw-Latn-TZ",
                        "und-UA": "uk-Cyrl-UA",
                        "und-UG": "sw-Latn-UG",
                        "und-Ugar": "uga-Ugar-SY",
                        "und-UY": "es-Latn-UY",
                        "und-UZ": "uz-Latn-UZ",
                        "und-VA": "it-Latn-VA",
                        "und-Vaii": "vai-Vaii-LR",
                        "und-VE": "es-Latn-VE",
                        "und-VN": "vi-Latn-VN",
                        "und-VU": "bi-Latn-VU",
                        "und-Wara": "hoc-Wara-IN",
                        "und-Wcho": "nnp-Wcho-IN",
                        "und-WF": "fr-Latn-WF",
                        "und-WS": "sm-Latn-WS",
                        "und-XK": "sq-Latn-XK",
                        "und-Xpeo": "peo-Xpeo-IR",
                        "und-Xsux": "akk-Xsux-IQ",
                        "und-YE": "ar-Arab-YE",
                        "und-Yiii": "ii-Yiii-CN",
                        "und-YT": "fr-Latn-YT",
                        "und-Zanb": "cmg-Zanb-MN",
                        "und-ZW": "sn-Latn-ZW",
                        unr: "unr-Beng-IN",
                        "unr-Deva": "unr-Deva-NP",
                        "unr-NP": "unr-Deva-NP",
                        unx: "unx-Beng-IN",
                        uok: "uok-Latn-ZZ",
                        ur: "ur-Arab-PK",
                        uri: "uri-Latn-ZZ",
                        urt: "urt-Latn-ZZ",
                        urw: "urw-Latn-ZZ",
                        usa: "usa-Latn-ZZ",
                        utr: "utr-Latn-ZZ",
                        uvh: "uvh-Latn-ZZ",
                        uvl: "uvl-Latn-ZZ",
                        uz: "uz-Latn-UZ",
                        "uz-AF": "uz-Arab-AF",
                        "uz-Arab": "uz-Arab-AF",
                        "uz-CN": "uz-Cyrl-CN",
                        vag: "vag-Latn-ZZ",
                        vai: "vai-Vaii-LR",
                        van: "van-Latn-ZZ",
                        ve: "ve-Latn-ZA",
                        vec: "vec-Latn-IT",
                        vep: "vep-Latn-RU",
                        vi: "vi-Latn-VN",
                        vic: "vic-Latn-SX",
                        viv: "viv-Latn-ZZ",
                        vls: "vls-Latn-BE",
                        vmf: "vmf-Latn-DE",
                        vmw: "vmw-Latn-MZ",
                        vo: "vo-Latn-001",
                        vot: "vot-Latn-RU",
                        vro: "vro-Latn-EE",
                        vun: "vun-Latn-TZ",
                        vut: "vut-Latn-ZZ",
                        wa: "wa-Latn-BE",
                        wae: "wae-Latn-CH",
                        waj: "waj-Latn-ZZ",
                        wal: "wal-Ethi-ET",
                        wan: "wan-Latn-ZZ",
                        war: "war-Latn-PH",
                        wbp: "wbp-Latn-AU",
                        wbq: "wbq-Telu-IN",
                        wbr: "wbr-Deva-IN",
                        wci: "wci-Latn-ZZ",
                        wer: "wer-Latn-ZZ",
                        wgi: "wgi-Latn-ZZ",
                        whg: "whg-Latn-ZZ",
                        wib: "wib-Latn-ZZ",
                        wiu: "wiu-Latn-ZZ",
                        wiv: "wiv-Latn-ZZ",
                        wja: "wja-Latn-ZZ",
                        wji: "wji-Latn-ZZ",
                        wls: "wls-Latn-WF",
                        wmo: "wmo-Latn-ZZ",
                        wnc: "wnc-Latn-ZZ",
                        wni: "wni-Arab-KM",
                        wnu: "wnu-Latn-ZZ",
                        wo: "wo-Latn-SN",
                        wob: "wob-Latn-ZZ",
                        wos: "wos-Latn-ZZ",
                        wrs: "wrs-Latn-ZZ",
                        wsg: "wsg-Gong-IN",
                        wsk: "wsk-Latn-ZZ",
                        wtm: "wtm-Deva-IN",
                        wuu: "wuu-Hans-CN",
                        wuv: "wuv-Latn-ZZ",
                        wwa: "wwa-Latn-ZZ",
                        xav: "xav-Latn-BR",
                        xbi: "xbi-Latn-ZZ",
                        xcr: "xcr-Cari-TR",
                        xes: "xes-Latn-ZZ",
                        xh: "xh-Latn-ZA",
                        xla: "xla-Latn-ZZ",
                        xlc: "xlc-Lyci-TR",
                        xld: "xld-Lydi-TR",
                        xmf: "xmf-Geor-GE",
                        xmn: "xmn-Mani-CN",
                        xmr: "xmr-Merc-SD",
                        xna: "xna-Narb-SA",
                        xnr: "xnr-Deva-IN",
                        xog: "xog-Latn-UG",
                        xon: "xon-Latn-ZZ",
                        xpr: "xpr-Prti-IR",
                        xrb: "xrb-Latn-ZZ",
                        xsa: "xsa-Sarb-YE",
                        xsi: "xsi-Latn-ZZ",
                        xsm: "xsm-Latn-ZZ",
                        xsr: "xsr-Deva-NP",
                        xwe: "xwe-Latn-ZZ",
                        yam: "yam-Latn-ZZ",
                        yao: "yao-Latn-MZ",
                        yap: "yap-Latn-FM",
                        yas: "yas-Latn-ZZ",
                        yat: "yat-Latn-ZZ",
                        yav: "yav-Latn-CM",
                        yay: "yay-Latn-ZZ",
                        yaz: "yaz-Latn-ZZ",
                        yba: "yba-Latn-ZZ",
                        ybb: "ybb-Latn-CM",
                        yby: "yby-Latn-ZZ",
                        yer: "yer-Latn-ZZ",
                        ygr: "ygr-Latn-ZZ",
                        ygw: "ygw-Latn-ZZ",
                        yi: "yi-Hebr-001",
                        yko: "yko-Latn-ZZ",
                        yle: "yle-Latn-ZZ",
                        ylg: "ylg-Latn-ZZ",
                        yll: "yll-Latn-ZZ",
                        yml: "yml-Latn-ZZ",
                        yo: "yo-Latn-NG",
                        yon: "yon-Latn-ZZ",
                        yrb: "yrb-Latn-ZZ",
                        yre: "yre-Latn-ZZ",
                        yrl: "yrl-Latn-BR",
                        yss: "yss-Latn-ZZ",
                        yua: "yua-Latn-MX",
                        yue: "yue-Hant-HK",
                        "yue-CN": "yue-Hans-CN",
                        "yue-Hans": "yue-Hans-CN",
                        yuj: "yuj-Latn-ZZ",
                        yut: "yut-Latn-ZZ",
                        yuw: "yuw-Latn-ZZ",
                        za: "za-Latn-CN",
                        zag: "zag-Latn-SD",
                        zdj: "zdj-Arab-KM",
                        zea: "zea-Latn-NL",
                        zgh: "zgh-Tfng-MA",
                        zh: "zh-Hans-CN",
                        "zh-AU": "zh-Hant-AU",
                        "zh-BN": "zh-Hant-BN",
                        "zh-Bopo": "zh-Bopo-TW",
                        "zh-GB": "zh-Hant-GB",
                        "zh-GF": "zh-Hant-GF",
                        "zh-Hanb": "zh-Hanb-TW",
                        "zh-Hant": "zh-Hant-TW",
                        "zh-HK": "zh-Hant-HK",
                        "zh-ID": "zh-Hant-ID",
                        "zh-MO": "zh-Hant-MO",
                        "zh-MY": "zh-Hant-MY",
                        "zh-PA": "zh-Hant-PA",
                        "zh-PF": "zh-Hant-PF",
                        "zh-PH": "zh-Hant-PH",
                        "zh-SR": "zh-Hant-SR",
                        "zh-TH": "zh-Hant-TH",
                        "zh-TW": "zh-Hant-TW",
                        "zh-US": "zh-Hant-US",
                        "zh-VN": "zh-Hant-VN",
                        zhx: "zhx-Nshu-CN",
                        zia: "zia-Latn-ZZ",
                        zlm: "zlm-Latn-TG",
                        zmi: "zmi-Latn-MY",
                        zne: "zne-Latn-ZZ",
                        zu: "zu-Latn-ZA",
                        zza: "zza-Latn-TR"
                    },
                    timeData: {
                        AX: {
                            _allowed: "H",
                            _preferred: "H"
                        },
                        BQ: {
                            _allowed: "H",
                            _preferred: "H"
                        },
                        CP: {
                            _allowed: "H",
                            _preferred: "H"
                        },
                        CZ: {
                            _allowed: "H",
                            _preferred: "H"
                        },
                        DK: {
                            _allowed: "H",
                            _preferred: "H"
                        },
                        FI: {
                            _allowed: "H",
                            _preferred: "H"
                        },
                        ID: {
                            _allowed: "H",
                            _preferred: "H"
                        },
                        IS: {
                            _allowed: "H",
                            _preferred: "H"
                        },
                        ML: {
                            _allowed: "H",
                            _preferred: "H"
                        },
                        NE: {
                            _allowed: "H",
                            _preferred: "H"
                        },
                        RU: {
                            _allowed: "H",
                            _preferred: "H"
                        },
                        SE: {
                            _allowed: "H",
                            _preferred: "H"
                        },
                        SJ: {
                            _allowed: "H",
                            _preferred: "H"
                        },
                        SK: {
                            _allowed: "H",
                            _preferred: "H"
                        },
                        AS: {
                            _allowed: "h H",
                            _preferred: "h"
                        },
                        BT: {
                            _allowed: "h H",
                            _preferred: "h"
                        },
                        DJ: {
                            _allowed: "h H",
                            _preferred: "h"
                        },
                        ER: {
                            _allowed: "h H",
                            _preferred: "h"
                        },
                        GH: {
                            _allowed: "h H",
                            _preferred: "h"
                        },
                        IN: {
                            _allowed: "h H",
                            _preferred: "h"
                        },
                        LS: {
                            _allowed: "h H",
                            _preferred: "h"
                        },
                        PG: {
                            _allowed: "h H",
                            _preferred: "h"
                        },
                        PW: {
                            _allowed: "h H",
                            _preferred: "h"
                        },
                        SO: {
                            _allowed: "h H",
                            _preferred: "h"
                        },
                        TO: {
                            _allowed: "h H",
                            _preferred: "h"
                        },
                        VU: {
                            _allowed: "h H",
                            _preferred: "h"
                        },
                        WS: {
                            _allowed: "h H",
                            _preferred: "h"
                        },
                        "001": {
                            _allowed: "H h",
                            _preferred: "H"
                        },
                        AL: {
                            _allowed: "h H hB",
                            _preferred: "h"
                        },
                        TD: {
                            _allowed: "h H hB",
                            _preferred: "h"
                        },
                        ca_ES: {
                            _allowed: "H h hB",
                            _preferred: "H"
                        },
                        CF: {
                            _allowed: "H h hB",
                            _preferred: "H"
                        },
                        CM: {
                            _allowed: "H h hB",
                            _preferred: "H"
                        },
                        fr_CA: {
                            _allowed: "H h hB",
                            _preferred: "H"
                        },
                        gl_ES: {
                            _allowed: "H h hB",
                            _preferred: "H"
                        },
                        it_CH: {
                            _allowed: "H h hB",
                            _preferred: "H"
                        },
                        it_IT: {
                            _allowed: "H h hB",
                            _preferred: "H"
                        },
                        LU: {
                            _allowed: "H h hB",
                            _preferred: "H"
                        },
                        NP: {
                            _allowed: "H h hB",
                            _preferred: "H"
                        },
                        PF: {
                            _allowed: "H h hB",
                            _preferred: "H"
                        },
                        SC: {
                            _allowed: "H h hB",
                            _preferred: "H"
                        },
                        SM: {
                            _allowed: "H h hB",
                            _preferred: "H"
                        },
                        SN: {
                            _allowed: "H h hB",
                            _preferred: "H"
                        },
                        TF: {
                            _allowed: "H h hB",
                            _preferred: "H"
                        },
                        VA: {
                            _allowed: "H h hB",
                            _preferred: "H"
                        },
                        CY: {
                            _allowed: "h H hb hB",
                            _preferred: "h"
                        },
                        GR: {
                            _allowed: "h H hb hB",
                            _preferred: "h"
                        },
                        CO: {
                            _allowed: "h H hB hb",
                            _preferred: "h"
                        },
                        DO: {
                            _allowed: "h H hB hb",
                            _preferred: "h"
                        },
                        KP: {
                            _allowed: "h H hB hb",
                            _preferred: "h"
                        },
                        KR: {
                            _allowed: "h H hB hb",
                            _preferred: "h"
                        },
                        NA: {
                            _allowed: "h H hB hb",
                            _preferred: "h"
                        },
                        PA: {
                            _allowed: "h H hB hb",
                            _preferred: "h"
                        },
                        PR: {
                            _allowed: "h H hB hb",
                            _preferred: "h"
                        },
                        VE: {
                            _allowed: "h H hB hb",
                            _preferred: "h"
                        },
                        AC: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        AI: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        BW: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        BZ: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        CC: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        CK: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        CX: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        DG: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        FK: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        GB: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        GG: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        GI: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        IE: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        IM: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        IO: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        JE: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        LT: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        MK: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        MN: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        MS: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        NF: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        NG: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        NR: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        NU: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        PN: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        SH: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        SX: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        TA: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        ZA: {
                            _allowed: "H h hb hB",
                            _preferred: "H"
                        },
                        af_ZA: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        AR: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        CL: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        CR: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        CU: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        EA: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        es_BO: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        es_BR: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        es_EC: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        es_ES: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        es_GQ: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        es_PE: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        GT: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        HN: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        IC: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        KG: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        KM: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        LK: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        MA: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        MX: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        NI: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        PY: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        SV: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        UY: {
                            _allowed: "H h hB hb",
                            _preferred: "H"
                        },
                        JP: {
                            _allowed: "H h K",
                            _preferred: "H"
                        },
                        AD: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        AM: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        AO: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        AT: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        AW: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        BE: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        BF: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        BJ: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        BL: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        BR: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        CG: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        CI: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        CV: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        DE: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        EE: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        FR: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        GA: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        GF: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        GN: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        GP: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        GW: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        HR: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        IL: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        IT: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        KZ: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        MC: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        MD: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        MF: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        MQ: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        MZ: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        NC: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        NL: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        PM: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        PT: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        RE: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        RO: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        SI: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        SR: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        ST: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        TG: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        TR: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        WF: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        YT: {
                            _allowed: "H hB",
                            _preferred: "H"
                        },
                        BD: {
                            _allowed: "h hB H",
                            _preferred: "h"
                        },
                        PK: {
                            _allowed: "h hB H",
                            _preferred: "h"
                        },
                        AZ: {
                            _allowed: "H hB h",
                            _preferred: "H"
                        },
                        BA: {
                            _allowed: "H hB h",
                            _preferred: "H"
                        },
                        BG: {
                            _allowed: "H hB h",
                            _preferred: "H"
                        },
                        CH: {
                            _allowed: "H hB h",
                            _preferred: "H"
                        },
                        GE: {
                            _allowed: "H hB h",
                            _preferred: "H"
                        },
                        LI: {
                            _allowed: "H hB h",
                            _preferred: "H"
                        },
                        ME: {
                            _allowed: "H hB h",
                            _preferred: "H"
                        },
                        RS: {
                            _allowed: "H hB h",
                            _preferred: "H"
                        },
                        UA: {
                            _allowed: "H hB h",
                            _preferred: "H"
                        },
                        UZ: {
                            _allowed: "H hB h",
                            _preferred: "H"
                        },
                        XK: {
                            _allowed: "H hB h",
                            _preferred: "H"
                        },
                        AG: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        AU: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        BB: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        BM: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        BS: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        CA: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        DM: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        en_001: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        FJ: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        FM: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        GD: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        GM: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        GU: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        GY: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        JM: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        KI: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        KN: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        KY: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        LC: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        LR: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        MH: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        MP: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        MW: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        NZ: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        SB: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        SG: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        SL: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        SS: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        SZ: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        TC: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        TT: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        UM: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        US: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        VC: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        VG: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        VI: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        ZM: {
                            _allowed: "h hb H hB",
                            _preferred: "h"
                        },
                        BO: {
                            _allowed: "H hB h hb",
                            _preferred: "H"
                        },
                        EC: {
                            _allowed: "H hB h hb",
                            _preferred: "H"
                        },
                        ES: {
                            _allowed: "H hB h hb",
                            _preferred: "H"
                        },
                        GQ: {
                            _allowed: "H hB h hb",
                            _preferred: "H"
                        },
                        PE: {
                            _allowed: "H hB h hb",
                            _preferred: "H"
                        },
                        AE: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        ar_001: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        BH: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        DZ: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        EG: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        EH: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        IQ: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        JO: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        KW: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        LB: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        LY: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        MR: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        OM: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        PH: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        PS: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        QA: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        SA: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        SD: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        SY: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        TN: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        YE: {
                            _allowed: "h hB hb H",
                            _preferred: "h"
                        },
                        AF: {
                            _allowed: "H hb hB h",
                            _preferred: "H"
                        },
                        LA: {
                            _allowed: "H hb hB h",
                            _preferred: "H"
                        },
                        LV: {
                            _allowed: "H hB hb h",
                            _preferred: "H"
                        },
                        TL: {
                            _allowed: "H hB hb h",
                            _preferred: "H"
                        },
                        zu_ZA: {
                            _allowed: "H hB hb h",
                            _preferred: "H"
                        },
                        CD: {
                            _allowed: "hB H",
                            _preferred: "H"
                        },
                        IR: {
                            _allowed: "hB H",
                            _preferred: "H"
                        },
                        hi_IN: {
                            _allowed: "hB h H",
                            _preferred: "h"
                        },
                        kn_IN: {
                            _allowed: "hB h H",
                            _preferred: "h"
                        },
                        ml_IN: {
                            _allowed: "hB h H",
                            _preferred: "h"
                        },
                        te_IN: {
                            _allowed: "hB h H",
                            _preferred: "h"
                        },
                        KH: {
                            _allowed: "hB h H hb",
                            _preferred: "h"
                        },
                        ta_IN: {
                            _allowed: "hB h hb H",
                            _preferred: "h"
                        },
                        BN: {
                            _allowed: "hb hB h H",
                            _preferred: "h"
                        },
                        MY: {
                            _allowed: "hb hB h H",
                            _preferred: "h"
                        },
                        CN: {
                            _allowed: "hB hb h H",
                            _preferred: "h"
                        },
                        ET: {
                            _allowed: "hB hb h H",
                            _preferred: "h"
                        },
                        gu_IN: {
                            _allowed: "hB hb h H",
                            _preferred: "h"
                        },
                        HK: {
                            _allowed: "hB hb h H",
                            _preferred: "h"
                        },
                        MO: {
                            _allowed: "hB hb h H",
                            _preferred: "h"
                        },
                        mr_IN: {
                            _allowed: "hB hb h H",
                            _preferred: "h"
                        },
                        pa_IN: {
                            _allowed: "hB hb h H",
                            _preferred: "h"
                        },
                        TW: {
                            _allowed: "hB hb h H",
                            _preferred: "h"
                        },
                        KE: {
                            _allowed: "hB hb H h",
                            _preferred: "H"
                        },
                        MM: {
                            _allowed: "hB hb H h",
                            _preferred: "H"
                        },
                        TZ: {
                            _allowed: "hB hb H h",
                            _preferred: "H"
                        },
                        UG: {
                            _allowed: "hB hb H h",
                            _preferred: "H"
                        }
                    },
                    weekData: {
                        minDays: {
                            "001": "1",
                            AD: "4",
                            AN: "4",
                            AT: "4",
                            AX: "4",
                            BE: "4",
                            BG: "4",
                            CH: "4",
                            CZ: "4",
                            DE: "4",
                            DK: "4",
                            EE: "4",
                            ES: "4",
                            FI: "4",
                            FJ: "4",
                            FO: "4",
                            FR: "4",
                            GB: "4",
                            GF: "4",
                            GG: "4",
                            GI: "4",
                            GP: "4",
                            GR: "4",
                            GU: "1",
                            HU: "4",
                            IE: "4",
                            IM: "4",
                            IS: "4",
                            IT: "4",
                            JE: "4",
                            LI: "4",
                            LT: "4",
                            LU: "4",
                            MC: "4",
                            MQ: "4",
                            NL: "4",
                            NO: "4",
                            PL: "4",
                            PT: "4",
                            RE: "4",
                            RU: "4",
                            SE: "4",
                            SJ: "4",
                            SK: "4",
                            SM: "4",
                            UM: "1",
                            US: "1",
                            VA: "4",
                            VI: "1"
                        },
                        firstDay: {
                            "001": "mon",
                            AD: "mon",
                            AE: "sat",
                            AF: "sat",
                            AG: "sun",
                            AI: "mon",
                            AL: "mon",
                            AM: "mon",
                            AN: "mon",
                            AR: "mon",
                            AS: "sun",
                            AT: "mon",
                            AU: "sun",
                            AX: "mon",
                            AZ: "mon",
                            BA: "mon",
                            BD: "sun",
                            BE: "mon",
                            BG: "mon",
                            BH: "sat",
                            BM: "mon",
                            BN: "mon",
                            BR: "sun",
                            BS: "sun",
                            BT: "sun",
                            BW: "sun",
                            BY: "mon",
                            BZ: "sun",
                            CA: "sun",
                            CH: "mon",
                            CL: "mon",
                            CM: "mon",
                            CN: "sun",
                            CO: "sun",
                            CR: "mon",
                            CY: "mon",
                            CZ: "mon",
                            DE: "mon",
                            DJ: "sat",
                            DK: "mon",
                            DM: "sun",
                            DO: "sun",
                            DZ: "sat",
                            EC: "mon",
                            EE: "mon",
                            EG: "sat",
                            ES: "mon",
                            ET: "sun",
                            FI: "mon",
                            FJ: "mon",
                            FO: "mon",
                            FR: "mon",
                            GB: "mon",
                            "GB-alt-variant": "sun",
                            GE: "mon",
                            GF: "mon",
                            GP: "mon",
                            GR: "mon",
                            GT: "sun",
                            GU: "sun",
                            HK: "sun",
                            HN: "sun",
                            HR: "mon",
                            HU: "mon",
                            ID: "sun",
                            IE: "mon",
                            IL: "sun",
                            IN: "sun",
                            IQ: "sat",
                            IR: "sat",
                            IS: "mon",
                            IT: "mon",
                            JM: "sun",
                            JO: "sat",
                            JP: "sun",
                            KE: "sun",
                            KG: "mon",
                            KH: "sun",
                            KR: "sun",
                            KW: "sat",
                            KZ: "mon",
                            LA: "sun",
                            LB: "mon",
                            LI: "mon",
                            LK: "mon",
                            LT: "mon",
                            LU: "mon",
                            LV: "mon",
                            LY: "sat",
                            MC: "mon",
                            MD: "mon",
                            ME: "mon",
                            MH: "sun",
                            MK: "mon",
                            MM: "sun",
                            MN: "mon",
                            MO: "sun",
                            MQ: "mon",
                            MT: "sun",
                            MV: "fri",
                            MX: "sun",
                            MY: "mon",
                            MZ: "sun",
                            NI: "sun",
                            NL: "mon",
                            NO: "mon",
                            NP: "sun",
                            NZ: "mon",
                            OM: "sat",
                            PA: "sun",
                            PE: "sun",
                            PH: "sun",
                            PK: "sun",
                            PL: "mon",
                            PR: "sun",
                            PT: "sun",
                            PY: "sun",
                            QA: "sat",
                            RE: "mon",
                            RO: "mon",
                            RS: "mon",
                            RU: "mon",
                            SA: "sun",
                            SD: "sat",
                            SE: "mon",
                            SG: "sun",
                            SI: "mon",
                            SK: "mon",
                            SM: "mon",
                            SV: "sun",
                            SY: "sat",
                            TH: "sun",
                            TJ: "mon",
                            TM: "mon",
                            TR: "mon",
                            TT: "sun",
                            TW: "sun",
                            UA: "mon",
                            UM: "sun",
                            US: "sun",
                            UY: "mon",
                            UZ: "mon",
                            VA: "mon",
                            VE: "sun",
                            VI: "sun",
                            VN: "mon",
                            WS: "sun",
                            XK: "mon",
                            YE: "sun",
                            ZA: "sun",
                            ZW: "sun"
                        },
                        weekendStart: {
                            "001": "sat",
                            AE: "fri",
                            AF: "thu",
                            BH: "fri",
                            DZ: "fri",
                            EG: "fri",
                            IL: "fri",
                            IN: "sun",
                            IQ: "fri",
                            IR: "fri",
                            JO: "fri",
                            KW: "fri",
                            LY: "fri",
                            OM: "fri",
                            QA: "fri",
                            SA: "fri",
                            SD: "fri",
                            SY: "fri",
                            UG: "sun",
                            YE: "fri"
                        },
                        weekendEnd: {
                            "001": "sun",
                            AE: "sat",
                            AF: "fri",
                            BH: "sat",
                            DZ: "sat",
                            EG: "sat",
                            IL: "sat",
                            IQ: "sat",
                            IR: "fri",
                            JO: "sat",
                            KW: "sat",
                            LY: "sat",
                            OM: "sat",
                            QA: "sat",
                            SA: "sat",
                            SD: "sat",
                            SY: "sat",
                            YE: "sat"
                        },
                        af: {
                            _ordering: "weekOfDate weekOfInterval weekOfMonth"
                        },
                        "am az bs cs cy da el et hi ky lt mk sk ta th": {
                            _ordering: "weekOfYear weekOfMonth"
                        },
                        "ar fil gu hu hy id kk ko": {
                            _ordering: "weekOfMonth"
                        },
                        "be ro ru": {
                            _ordering: "weekOfInterval weekOfMonth"
                        },
                        "bg de iw pt ur zh": {
                            _ordering: "weekOfDate weekOfMonth weekOfInterval"
                        },
                        "ca es fr gl": {
                            _ordering: "weekOfDate"
                        },
                        "en bn ja ka": {
                            _ordering: "weekOfDate weekOfMonth"
                        },
                        eu: {
                            _ordering: "weekOfMonth weekOfDate"
                        },
                        "fa hr it lv pl si sr uk uz": {
                            _ordering: "weekOfMonth weekOfInterval"
                        },
                        "fi zh-TW": {
                            _ordering: "weekOfYear weekOfDate weekOfMonth"
                        },
                        "is mn no sv vi": {
                            _ordering: "weekOfYear weekOfMonth weekOfInterval"
                        },
                        "km mr": {
                            _ordering: "weekOfMonth weekOfYear"
                        },
                        "kn ml pa": {
                            _ordering: "weekOfMonth weekOfDate weekOfYear"
                        },
                        "lo sq": {
                            _ordering: "weekOfMonth weekOfInterval weekOfDate weekOfYear"
                        },
                        "ms tr": {
                            _ordering: "weekOfMonth weekOfYear weekOfInterval weekOfDate"
                        },
                        nl: {
                            _ordering: "weekOfDate weekOfYear weekOfMonth"
                        },
                        sl: {
                            _ordering: "weekOfInterval"
                        },
                        "sw te": {
                            _ordering: "weekOfMonth weekOfInterval weekOfYear"
                        },
                        und: {
                            _ordering: "weekOfYear"
                        },
                        zu: {
                            _ordering: "weekOfYear weekOfInterval"
                        }
                    },
                    currencyData: {
                        fractions: {
                            ADP: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            AFN: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            ALL: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            AMD: {
                                _rounding: "0",
                                _digits: "2",
                                _cashRounding: "0",
                                _cashDigits: "0"
                            },
                            BHD: {
                                _rounding: "0",
                                _digits: "3"
                            },
                            BIF: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            BYN: {
                                _rounding: "0",
                                _digits: "2"
                            },
                            BYR: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            CAD: {
                                _rounding: "0",
                                _digits: "2",
                                _cashRounding: "5"
                            },
                            CHF: {
                                _rounding: "0",
                                _digits: "2",
                                _cashRounding: "5"
                            },
                            CLF: {
                                _rounding: "0",
                                _digits: "4"
                            },
                            CLP: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            COP: {
                                _rounding: "0",
                                _digits: "2",
                                _cashRounding: "0",
                                _cashDigits: "0"
                            },
                            CRC: {
                                _rounding: "0",
                                _digits: "2",
                                _cashRounding: "0",
                                _cashDigits: "0"
                            },
                            CZK: {
                                _rounding: "0",
                                _digits: "2",
                                _cashRounding: "0",
                                _cashDigits: "0"
                            },
                            DEFAULT: {
                                _rounding: "0",
                                _digits: "2"
                            },
                            DJF: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            DKK: {
                                _rounding: "0",
                                _digits: "2",
                                _cashRounding: "50"
                            },
                            ESP: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            GNF: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            GYD: {
                                _rounding: "0",
                                _digits: "2",
                                _cashRounding: "0",
                                _cashDigits: "0"
                            },
                            HUF: {
                                _rounding: "0",
                                _digits: "2",
                                _cashRounding: "0",
                                _cashDigits: "0"
                            },
                            IDR: {
                                _rounding: "0",
                                _digits: "2",
                                _cashRounding: "0",
                                _cashDigits: "0"
                            },
                            IQD: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            IRR: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            ISK: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            ITL: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            JOD: {
                                _rounding: "0",
                                _digits: "3"
                            },
                            JPY: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            KMF: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            KPW: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            KRW: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            KWD: {
                                _rounding: "0",
                                _digits: "3"
                            },
                            LAK: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            LBP: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            LUF: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            LYD: {
                                _rounding: "0",
                                _digits: "3"
                            },
                            MGA: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            MGF: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            MMK: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            MNT: {
                                _rounding: "0",
                                _digits: "2",
                                _cashRounding: "0",
                                _cashDigits: "0"
                            },
                            MRO: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            MUR: {
                                _rounding: "0",
                                _digits: "2",
                                _cashRounding: "0",
                                _cashDigits: "0"
                            },
                            NOK: {
                                _rounding: "0",
                                _digits: "2",
                                _cashRounding: "0",
                                _cashDigits: "0"
                            },
                            OMR: {
                                _rounding: "0",
                                _digits: "3"
                            },
                            PKR: {
                                _rounding: "0",
                                _digits: "2",
                                _cashRounding: "0",
                                _cashDigits: "0"
                            },
                            PYG: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            RSD: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            RWF: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            SEK: {
                                _rounding: "0",
                                _digits: "2",
                                _cashRounding: "0",
                                _cashDigits: "0"
                            },
                            SLL: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            SOS: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            STD: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            SYP: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            TMM: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            TND: {
                                _rounding: "0",
                                _digits: "3"
                            },
                            TRL: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            TWD: {
                                _rounding: "0",
                                _digits: "2",
                                _cashRounding: "0",
                                _cashDigits: "0"
                            },
                            TZS: {
                                _rounding: "0",
                                _digits: "2",
                                _cashRounding: "0",
                                _cashDigits: "0"
                            },
                            UGX: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            UYI: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            UYW: {
                                _rounding: "0",
                                _digits: "4"
                            },
                            UZS: {
                                _rounding: "0",
                                _digits: "2",
                                _cashRounding: "0",
                                _cashDigits: "0"
                            },
                            VEF: {
                                _rounding: "0",
                                _digits: "2",
                                _cashRounding: "0",
                                _cashDigits: "0"
                            },
                            VND: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            VUV: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            XAF: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            XOF: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            XPF: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            YER: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            ZMK: {
                                _rounding: "0",
                                _digits: "0"
                            },
                            ZWD: {
                                _rounding: "0",
                                _digits: "0"
                            }
                        },
                        region: {
                            AC: [{
                                SHP: {
                                    _from: "1976-01-01"
                                }
                            }],
                            AD: [{
                                ESP: {
                                    _from: "1873-01-01",
                                    _to: "2002-02-28"
                                }
                            }, {
                                ADP: {
                                    _from: "1936-01-01",
                                    _to: "2001-12-31"
                                }
                            }, {
                                FRF: {
                                    _from: "1960-01-01",
                                    _to: "2002-02-17"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            AE: [{
                                AED: {
                                    _from: "1973-05-19"
                                }
                            }],
                            AF: [{
                                AFA: {
                                    _from: "1927-03-14",
                                    _to: "2002-12-31"
                                }
                            }, {
                                AFN: {
                                    _from: "2002-10-07"
                                }
                            }],
                            AG: [{
                                XCD: {
                                    _from: "1965-10-06"
                                }
                            }],
                            AI: [{
                                XCD: {
                                    _from: "1965-10-06"
                                }
                            }],
                            AL: [{
                                ALK: {
                                    _from: "1946-11-01",
                                    _to: "1965-08-16"
                                }
                            }, {
                                ALL: {
                                    _from: "1965-08-16"
                                }
                            }],
                            AM: [{
                                SUR: {
                                    _from: "1961-01-01",
                                    _to: "1991-12-25"
                                }
                            }, {
                                RUR: {
                                    _from: "1991-12-25",
                                    _to: "1993-11-22"
                                }
                            }, {
                                AMD: {
                                    _from: "1993-11-22"
                                }
                            }],
                            AO: [{
                                AOK: {
                                    _from: "1977-01-08",
                                    _to: "1991-03-01"
                                }
                            }, {
                                AON: {
                                    _from: "1990-09-25",
                                    _to: "2000-02-01"
                                }
                            }, {
                                AOR: {
                                    _from: "1995-07-01",
                                    _to: "2000-02-01"
                                }
                            }, {
                                AOA: {
                                    _from: "1999-12-13"
                                }
                            }],
                            AQ: [{
                                XXX: {
                                    _tender: "false"
                                }
                            }],
                            AR: [{
                                ARM: {
                                    _from: "1881-11-05",
                                    _to: "1970-01-01"
                                }
                            }, {
                                ARL: {
                                    _from: "1970-01-01",
                                    _to: "1983-06-01"
                                }
                            }, {
                                ARP: {
                                    _from: "1983-06-01",
                                    _to: "1985-06-14"
                                }
                            }, {
                                ARA: {
                                    _from: "1985-06-14",
                                    _to: "1992-01-01"
                                }
                            }, {
                                ARS: {
                                    _from: "1992-01-01"
                                }
                            }],
                            AS: [{
                                USD: {
                                    _from: "1904-07-16"
                                }
                            }],
                            AT: [{
                                ATS: {
                                    _from: "1947-12-04",
                                    _to: "2002-02-28"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            AU: [{
                                AUD: {
                                    _from: "1966-02-14"
                                }
                            }],
                            AW: [{
                                ANG: {
                                    _from: "1940-05-10",
                                    _to: "1986-01-01"
                                }
                            }, {
                                AWG: {
                                    _from: "1986-01-01"
                                }
                            }],
                            AX: [{
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            AZ: [{
                                SUR: {
                                    _from: "1961-01-01",
                                    _to: "1991-12-25"
                                }
                            }, {
                                RUR: {
                                    _from: "1991-12-25",
                                    _to: "1994-01-01"
                                }
                            }, {
                                AZM: {
                                    _from: "1993-11-22",
                                    _to: "2006-12-31"
                                }
                            }, {
                                AZN: {
                                    _from: "2006-01-01"
                                }
                            }],
                            BA: [{
                                YUD: {
                                    _from: "1966-01-01",
                                    _to: "1990-01-01"
                                }
                            }, {
                                YUN: {
                                    _from: "1990-01-01",
                                    _to: "1992-07-01"
                                }
                            }, {
                                YUR: {
                                    _from: "1992-07-01",
                                    _to: "1993-10-01"
                                }
                            }, {
                                BAD: {
                                    _from: "1992-07-01",
                                    _to: "1994-08-15"
                                }
                            }, {
                                BAN: {
                                    _from: "1994-08-15",
                                    _to: "1997-07-01"
                                }
                            }, {
                                BAM: {
                                    _from: "1995-01-01"
                                }
                            }],
                            BB: [{
                                XCD: {
                                    _from: "1965-10-06",
                                    _to: "1973-12-03"
                                }
                            }, {
                                BBD: {
                                    _from: "1973-12-03"
                                }
                            }],
                            BD: [{
                                INR: {
                                    _from: "1835-08-17",
                                    _to: "1948-04-01"
                                }
                            }, {
                                PKR: {
                                    _from: "1948-04-01",
                                    _to: "1972-01-01"
                                }
                            }, {
                                BDT: {
                                    _from: "1972-01-01"
                                }
                            }],
                            BE: [{
                                NLG: {
                                    _from: "1816-12-15",
                                    _to: "1831-02-07"
                                }
                            }, {
                                BEF: {
                                    _from: "1831-02-07",
                                    _to: "2002-02-28"
                                }
                            }, {
                                BEC: {
                                    _tender: "false",
                                    _from: "1970-01-01",
                                    _to: "1990-03-05"
                                }
                            }, {
                                BEL: {
                                    _tender: "false",
                                    _from: "1970-01-01",
                                    _to: "1990-03-05"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            BF: [{
                                XOF: {
                                    _from: "1984-08-04"
                                }
                            }],
                            BG: [{
                                BGO: {
                                    _from: "1879-07-08",
                                    _to: "1952-05-12"
                                }
                            }, {
                                BGM: {
                                    _from: "1952-05-12",
                                    _to: "1962-01-01"
                                }
                            }, {
                                BGL: {
                                    _from: "1962-01-01",
                                    _to: "1999-07-05"
                                }
                            }, {
                                BGN: {
                                    _from: "1999-07-05"
                                }
                            }],
                            BH: [{
                                BHD: {
                                    _from: "1965-10-16"
                                }
                            }],
                            BI: [{
                                BIF: {
                                    _from: "1964-05-19"
                                }
                            }],
                            BJ: [{
                                XOF: {
                                    _from: "1975-11-30"
                                }
                            }],
                            BL: [{
                                FRF: {
                                    _from: "1960-01-01",
                                    _to: "2002-02-17"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            BM: [{
                                BMD: {
                                    _from: "1970-02-06"
                                }
                            }],
                            BN: [{
                                MYR: {
                                    _from: "1963-09-16",
                                    _to: "1967-06-12"
                                }
                            }, {
                                BND: {
                                    _from: "1967-06-12"
                                }
                            }],
                            BO: [{
                                BOV: {
                                    _tender: "false"
                                }
                            }, {
                                BOL: {
                                    _from: "1863-06-23",
                                    _to: "1963-01-01"
                                }
                            }, {
                                BOP: {
                                    _from: "1963-01-01",
                                    _to: "1986-12-31"
                                }
                            }, {
                                BOB: {
                                    _from: "1987-01-01"
                                }
                            }],
                            BQ: [{
                                ANG: {
                                    _from: "2010-10-10",
                                    _to: "2011-01-01"
                                }
                            }, {
                                USD: {
                                    _from: "2011-01-01"
                                }
                            }],
                            BR: [{
                                BRZ: {
                                    _from: "1942-11-01",
                                    _to: "1967-02-13"
                                }
                            }, {
                                BRB: {
                                    _from: "1967-02-13",
                                    _to: "1986-02-28"
                                }
                            }, {
                                BRC: {
                                    _from: "1986-02-28",
                                    _to: "1989-01-15"
                                }
                            }, {
                                BRN: {
                                    _from: "1989-01-15",
                                    _to: "1990-03-16"
                                }
                            }, {
                                BRE: {
                                    _from: "1990-03-16",
                                    _to: "1993-08-01"
                                }
                            }, {
                                BRR: {
                                    _from: "1993-08-01",
                                    _to: "1994-07-01"
                                }
                            }, {
                                BRL: {
                                    _from: "1994-07-01"
                                }
                            }],
                            BS: [{
                                BSD: {
                                    _from: "1966-05-25"
                                }
                            }],
                            BT: [{
                                INR: {
                                    _from: "1907-01-01"
                                }
                            }, {
                                BTN: {
                                    _from: "1974-04-16"
                                }
                            }],
                            BU: [{
                                BUK: {
                                    _from: "1952-07-01",
                                    _to: "1989-06-18"
                                }
                            }],
                            BV: [{
                                NOK: {
                                    _from: "1905-06-07"
                                }
                            }],
                            BW: [{
                                ZAR: {
                                    _from: "1961-02-14",
                                    _to: "1976-08-23"
                                }
                            }, {
                                BWP: {
                                    _from: "1976-08-23"
                                }
                            }],
                            BY: [{
                                SUR: {
                                    _from: "1961-01-01",
                                    _to: "1991-12-25"
                                }
                            }, {
                                RUR: {
                                    _from: "1991-12-25",
                                    _to: "1994-11-08"
                                }
                            }, {
                                BYB: {
                                    _from: "1994-08-01",
                                    _to: "2000-12-31"
                                }
                            }, {
                                BYR: {
                                    _from: "2000-01-01",
                                    _to: "2017-01-01"
                                }
                            }, {
                                BYN: {
                                    _from: "2016-07-01"
                                }
                            }],
                            BZ: [{
                                BZD: {
                                    _from: "1974-01-01"
                                }
                            }],
                            CA: [{
                                CAD: {
                                    _from: "1858-01-01"
                                }
                            }],
                            CC: [{
                                AUD: {
                                    _from: "1966-02-14"
                                }
                            }],
                            CD: [{
                                ZRZ: {
                                    _from: "1971-10-27",
                                    _to: "1993-11-01"
                                }
                            }, {
                                ZRN: {
                                    _from: "1993-11-01",
                                    _to: "1998-07-01"
                                }
                            }, {
                                CDF: {
                                    _from: "1998-07-01"
                                }
                            }],
                            CF: [{
                                XAF: {
                                    _from: "1993-01-01"
                                }
                            }],
                            CG: [{
                                XAF: {
                                    _from: "1993-01-01"
                                }
                            }],
                            CH: [{
                                CHE: {
                                    _tender: "false"
                                }
                            }, {
                                CHW: {
                                    _tender: "false"
                                }
                            }, {
                                CHF: {
                                    _from: "1799-03-17"
                                }
                            }],
                            CI: [{
                                XOF: {
                                    _from: "1958-12-04"
                                }
                            }],
                            CK: [{
                                NZD: {
                                    _from: "1967-07-10"
                                }
                            }],
                            CL: [{
                                CLF: {
                                    _tender: "false"
                                }
                            }, {
                                CLE: {
                                    _from: "1960-01-01",
                                    _to: "1975-09-29"
                                }
                            }, {
                                CLP: {
                                    _from: "1975-09-29"
                                }
                            }],
                            CM: [{
                                XAF: {
                                    _from: "1973-04-01"
                                }
                            }],
                            CN: [{
                                CNY: {
                                    _from: "1953-03-01"
                                }
                            }, {
                                CNX: {
                                    _tender: "false",
                                    _from: "1979-01-01",
                                    _to: "1998-12-31"
                                }
                            }, {
                                CNH: {
                                    _tender: "false",
                                    _from: "2010-07-19"
                                }
                            }],
                            CO: [{
                                COU: {
                                    _tender: "false"
                                }
                            }, {
                                COP: {
                                    _from: "1905-01-01"
                                }
                            }],
                            CP: [{
                                XXX: {
                                    _tender: "false"
                                }
                            }],
                            CR: [{
                                CRC: {
                                    _from: "1896-10-26"
                                }
                            }],
                            CS: [{
                                YUM: {
                                    _from: "1994-01-24",
                                    _to: "2002-05-15"
                                }
                            }, {
                                CSD: {
                                    _from: "2002-05-15",
                                    _to: "2006-06-03"
                                }
                            }, {
                                EUR: {
                                    _from: "2003-02-04",
                                    _to: "2006-06-03"
                                }
                            }],
                            CU: [{
                                CUP: {
                                    _from: "1859-01-01"
                                }
                            }, {
                                USD: {
                                    _from: "1899-01-01",
                                    _to: "1959-01-01"
                                }
                            }, {
                                CUC: {
                                    _from: "1994-01-01"
                                }
                            }],
                            CV: [{
                                PTE: {
                                    _from: "1911-05-22",
                                    _to: "1975-07-05"
                                }
                            }, {
                                CVE: {
                                    _from: "1914-01-01"
                                }
                            }],
                            CW: [{
                                ANG: {
                                    _from: "2010-10-10"
                                }
                            }],
                            CX: [{
                                AUD: {
                                    _from: "1966-02-14"
                                }
                            }],
                            CY: [{
                                CYP: {
                                    _from: "1914-09-10",
                                    _to: "2008-01-31"
                                }
                            }, {
                                EUR: {
                                    _from: "2008-01-01"
                                }
                            }],
                            CZ: [{
                                CSK: {
                                    _from: "1953-06-01",
                                    _to: "1993-03-01"
                                }
                            }, {
                                CZK: {
                                    _from: "1993-01-01"
                                }
                            }],
                            DD: [{
                                DDM: {
                                    _from: "1948-07-20",
                                    _to: "1990-10-02"
                                }
                            }],
                            DE: [{
                                DEM: {
                                    _from: "1948-06-20",
                                    _to: "2002-02-28"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            DG: [{
                                USD: {
                                    _from: "1965-11-08"
                                }
                            }],
                            DJ: [{
                                DJF: {
                                    _from: "1977-06-27"
                                }
                            }],
                            DK: [{
                                DKK: {
                                    _from: "1873-05-27"
                                }
                            }],
                            DM: [{
                                XCD: {
                                    _from: "1965-10-06"
                                }
                            }],
                            DO: [{
                                USD: {
                                    _from: "1905-06-21",
                                    _to: "1947-10-01"
                                }
                            }, {
                                DOP: {
                                    _from: "1947-10-01"
                                }
                            }],
                            DZ: [{
                                DZD: {
                                    _from: "1964-04-01"
                                }
                            }],
                            EA: [{
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            EC: [{
                                ECS: {
                                    _from: "1884-04-01",
                                    _to: "2000-10-02"
                                }
                            }, {
                                ECV: {
                                    _tender: "false",
                                    _from: "1993-05-23",
                                    _to: "2000-01-09"
                                }
                            }, {
                                USD: {
                                    _from: "2000-10-02"
                                }
                            }],
                            EE: [{
                                SUR: {
                                    _from: "1961-01-01",
                                    _to: "1992-06-20"
                                }
                            }, {
                                EEK: {
                                    _from: "1992-06-21",
                                    _to: "2010-12-31"
                                }
                            }, {
                                EUR: {
                                    _from: "2011-01-01"
                                }
                            }],
                            EG: [{
                                EGP: {
                                    _from: "1885-11-14"
                                }
                            }],
                            EH: [{
                                MAD: {
                                    _from: "1976-02-26"
                                }
                            }],
                            ER: [{
                                ETB: {
                                    _from: "1993-05-24",
                                    _to: "1997-11-08"
                                }
                            }, {
                                ERN: {
                                    _from: "1997-11-08"
                                }
                            }],
                            ES: [{
                                ESP: {
                                    _from: "1868-10-19",
                                    _to: "2002-02-28"
                                }
                            }, {
                                ESB: {
                                    _tender: "false",
                                    _from: "1975-01-01",
                                    _to: "1994-12-31"
                                }
                            }, {
                                ESA: {
                                    _tender: "false",
                                    _from: "1978-01-01",
                                    _to: "1981-12-31"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            ET: [{
                                ETB: {
                                    _from: "1976-09-15"
                                }
                            }],
                            EU: [{
                                XEU: {
                                    _tender: "false",
                                    _from: "1979-01-01",
                                    _to: "1998-12-31"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            FI: [{
                                FIM: {
                                    _from: "1963-01-01",
                                    _to: "2002-02-28"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            FJ: [{
                                FJD: {
                                    _from: "1969-01-13"
                                }
                            }],
                            FK: [{
                                FKP: {
                                    _from: "1901-01-01"
                                }
                            }],
                            FM: [{
                                JPY: {
                                    _from: "1914-10-03",
                                    _to: "1944-01-01"
                                }
                            }, {
                                USD: {
                                    _from: "1944-01-01"
                                }
                            }],
                            FO: [{
                                DKK: {
                                    _from: "1948-01-01"
                                }
                            }],
                            FR: [{
                                FRF: {
                                    _from: "1960-01-01",
                                    _to: "2002-02-17"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            GA: [{
                                XAF: {
                                    _from: "1993-01-01"
                                }
                            }],
                            GB: [{
                                GBP: {
                                    _from: "1694-07-27"
                                }
                            }],
                            GD: [{
                                XCD: {
                                    _from: "1967-02-27"
                                }
                            }],
                            GE: [{
                                SUR: {
                                    _from: "1961-01-01",
                                    _to: "1991-12-25"
                                }
                            }, {
                                RUR: {
                                    _from: "1991-12-25",
                                    _to: "1993-06-11"
                                }
                            }, {
                                GEK: {
                                    _from: "1993-04-05",
                                    _to: "1995-09-25"
                                }
                            }, {
                                GEL: {
                                    _from: "1995-09-23"
                                }
                            }],
                            GF: [{
                                FRF: {
                                    _from: "1960-01-01",
                                    _to: "2002-02-17"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            GG: [{
                                GBP: {
                                    _from: "1830-01-01"
                                }
                            }],
                            GH: [{
                                GHC: {
                                    _from: "1979-03-09",
                                    _to: "2007-12-31"
                                }
                            }, {
                                GHS: {
                                    _from: "2007-07-03"
                                }
                            }],
                            GI: [{
                                GIP: {
                                    _from: "1713-01-01"
                                }
                            }],
                            GL: [{
                                DKK: {
                                    _from: "1873-05-27"
                                }
                            }],
                            GM: [{
                                GMD: {
                                    _from: "1971-07-01"
                                }
                            }],
                            GN: [{
                                GNS: {
                                    _from: "1972-10-02",
                                    _to: "1986-01-06"
                                }
                            }, {
                                GNF: {
                                    _from: "1986-01-06"
                                }
                            }],
                            GP: [{
                                FRF: {
                                    _from: "1960-01-01",
                                    _to: "2002-02-17"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            GQ: [{
                                GQE: {
                                    _from: "1975-07-07",
                                    _to: "1986-06-01"
                                }
                            }, {
                                XAF: {
                                    _from: "1993-01-01"
                                }
                            }],
                            GR: [{
                                GRD: {
                                    _from: "1954-05-01",
                                    _to: "2002-02-28"
                                }
                            }, {
                                EUR: {
                                    _from: "2001-01-01"
                                }
                            }],
                            GS: [{
                                GBP: {
                                    _from: "1908-01-01"
                                }
                            }],
                            GT: [{
                                GTQ: {
                                    _from: "1925-05-27"
                                }
                            }],
                            GU: [{
                                USD: {
                                    _from: "1944-08-21"
                                }
                            }],
                            GW: [{
                                GWE: {
                                    _from: "1914-01-01",
                                    _to: "1976-02-28"
                                }
                            }, {
                                GWP: {
                                    _from: "1976-02-28",
                                    _to: "1997-03-31"
                                }
                            }, {
                                XOF: {
                                    _from: "1997-03-31"
                                }
                            }],
                            GY: [{
                                GYD: {
                                    _from: "1966-05-26"
                                }
                            }],
                            HK: [{
                                HKD: {
                                    _from: "1895-02-02"
                                }
                            }],
                            HM: [{
                                AUD: {
                                    _from: "1967-02-16"
                                }
                            }],
                            HN: [{
                                HNL: {
                                    _from: "1926-04-03"
                                }
                            }],
                            HR: [{
                                YUD: {
                                    _from: "1966-01-01",
                                    _to: "1990-01-01"
                                }
                            }, {
                                YUN: {
                                    _from: "1990-01-01",
                                    _to: "1991-12-23"
                                }
                            }, {
                                HRD: {
                                    _from: "1991-12-23",
                                    _to: "1995-01-01"
                                }
                            }, {
                                HRK: {
                                    _from: "1994-05-30"
                                }
                            }],
                            HT: [{
                                HTG: {
                                    _from: "1872-08-26"
                                }
                            }, {
                                USD: {
                                    _from: "1915-01-01"
                                }
                            }],
                            HU: [{
                                HUF: {
                                    _from: "1946-07-23"
                                }
                            }],
                            IC: [{
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            ID: [{
                                IDR: {
                                    _from: "1965-12-13"
                                }
                            }],
                            IE: [{
                                GBP: {
                                    _from: "1800-01-01",
                                    _to: "1922-01-01"
                                }
                            }, {
                                IEP: {
                                    _from: "1922-01-01",
                                    _to: "2002-02-09"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            IL: [{
                                ILP: {
                                    _from: "1948-08-16",
                                    _to: "1980-02-22"
                                }
                            }, {
                                ILR: {
                                    _from: "1980-02-22",
                                    _to: "1985-09-04"
                                }
                            }, {
                                ILS: {
                                    _from: "1985-09-04"
                                }
                            }],
                            IM: [{
                                GBP: {
                                    _from: "1840-01-03"
                                }
                            }],
                            IN: [{
                                INR: {
                                    _from: "1835-08-17"
                                }
                            }],
                            IO: [{
                                USD: {
                                    _from: "1965-11-08"
                                }
                            }],
                            IQ: [{
                                EGP: {
                                    _from: "1920-11-11",
                                    _to: "1931-04-19"
                                }
                            }, {
                                INR: {
                                    _from: "1920-11-11",
                                    _to: "1931-04-19"
                                }
                            }, {
                                IQD: {
                                    _from: "1931-04-19"
                                }
                            }],
                            IR: [{
                                IRR: {
                                    _from: "1932-05-13"
                                }
                            }],
                            IS: [{
                                DKK: {
                                    _from: "1873-05-27",
                                    _to: "1918-12-01"
                                }
                            }, {
                                ISJ: {
                                    _from: "1918-12-01",
                                    _to: "1981-01-01"
                                }
                            }, {
                                ISK: {
                                    _from: "1981-01-01"
                                }
                            }],
                            IT: [{
                                ITL: {
                                    _from: "1862-08-24",
                                    _to: "2002-02-28"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            JE: [{
                                GBP: {
                                    _from: "1837-01-01"
                                }
                            }],
                            JM: [{
                                JMD: {
                                    _from: "1969-09-08"
                                }
                            }],
                            JO: [{
                                JOD: {
                                    _from: "1950-07-01"
                                }
                            }],
                            JP: [{
                                JPY: {
                                    _from: "1871-06-01"
                                }
                            }],
                            KE: [{
                                KES: {
                                    _from: "1966-09-14"
                                }
                            }],
                            KG: [{
                                SUR: {
                                    _from: "1961-01-01",
                                    _to: "1991-12-25"
                                }
                            }, {
                                RUR: {
                                    _from: "1991-12-25",
                                    _to: "1993-05-10"
                                }
                            }, {
                                KGS: {
                                    _from: "1993-05-10"
                                }
                            }],
                            KH: [{
                                KHR: {
                                    _from: "1980-03-20"
                                }
                            }],
                            KI: [{
                                AUD: {
                                    _from: "1966-02-14"
                                }
                            }],
                            KM: [{
                                KMF: {
                                    _from: "1975-07-06"
                                }
                            }],
                            KN: [{
                                XCD: {
                                    _from: "1965-10-06"
                                }
                            }],
                            KP: [{
                                KPW: {
                                    _from: "1959-04-17"
                                }
                            }],
                            KR: [{
                                KRO: {
                                    _from: "1945-08-15",
                                    _to: "1953-02-15"
                                }
                            }, {
                                KRH: {
                                    _from: "1953-02-15",
                                    _to: "1962-06-10"
                                }
                            }, {
                                KRW: {
                                    _from: "1962-06-10"
                                }
                            }],
                            KW: [{
                                KWD: {
                                    _from: "1961-04-01"
                                }
                            }],
                            KY: [{
                                JMD: {
                                    _from: "1969-09-08",
                                    _to: "1971-01-01"
                                }
                            }, {
                                KYD: {
                                    _from: "1971-01-01"
                                }
                            }],
                            KZ: [{
                                KZT: {
                                    _from: "1993-11-05"
                                }
                            }],
                            LA: [{
                                LAK: {
                                    _from: "1979-12-10"
                                }
                            }],
                            LB: [{
                                LBP: {
                                    _from: "1948-02-02"
                                }
                            }],
                            LC: [{
                                XCD: {
                                    _from: "1965-10-06"
                                }
                            }],
                            LI: [{
                                CHF: {
                                    _from: "1921-02-01"
                                }
                            }],
                            LK: [{
                                LKR: {
                                    _from: "1978-05-22"
                                }
                            }],
                            LR: [{
                                LRD: {
                                    _from: "1944-01-01"
                                }
                            }],
                            LS: [{
                                ZAR: {
                                    _from: "1961-02-14"
                                }
                            }, {
                                LSL: {
                                    _from: "1980-01-22"
                                }
                            }],
                            LT: [{
                                SUR: {
                                    _from: "1961-01-01",
                                    _to: "1992-10-01"
                                }
                            }, {
                                LTT: {
                                    _from: "1992-10-01",
                                    _to: "1993-06-25"
                                }
                            }, {
                                LTL: {
                                    _from: "1993-06-25",
                                    _to: "2014-12-31"
                                }
                            }, {
                                EUR: {
                                    _from: "2015-01-01"
                                }
                            }],
                            LU: [{
                                LUF: {
                                    _from: "1944-09-04",
                                    _to: "2002-02-28"
                                }
                            }, {
                                LUC: {
                                    _tender: "false",
                                    _from: "1970-01-01",
                                    _to: "1990-03-05"
                                }
                            }, {
                                LUL: {
                                    _tender: "false",
                                    _from: "1970-01-01",
                                    _to: "1990-03-05"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            LV: [{
                                SUR: {
                                    _from: "1961-01-01",
                                    _to: "1992-07-20"
                                }
                            }, {
                                LVR: {
                                    _from: "1992-05-07",
                                    _to: "1993-10-17"
                                }
                            }, {
                                LVL: {
                                    _from: "1993-06-28",
                                    _to: "2013-12-31"
                                }
                            }, {
                                EUR: {
                                    _from: "2014-01-01"
                                }
                            }],
                            LY: [{
                                LYD: {
                                    _from: "1971-09-01"
                                }
                            }],
                            MA: [{
                                MAF: {
                                    _from: "1881-01-01",
                                    _to: "1959-10-17"
                                }
                            }, {
                                MAD: {
                                    _from: "1959-10-17"
                                }
                            }],
                            MC: [{
                                FRF: {
                                    _from: "1960-01-01",
                                    _to: "2002-02-17"
                                }
                            }, {
                                MCF: {
                                    _from: "1960-01-01",
                                    _to: "2002-02-17"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            MD: [{
                                MDC: {
                                    _from: "1992-06-01",
                                    _to: "1993-11-29"
                                }
                            }, {
                                MDL: {
                                    _from: "1993-11-29"
                                }
                            }],
                            ME: [{
                                YUM: {
                                    _from: "1994-01-24",
                                    _to: "2002-05-15"
                                }
                            }, {
                                DEM: {
                                    _from: "1999-10-02",
                                    _to: "2002-05-15"
                                }
                            }, {
                                EUR: {
                                    _from: "2002-01-01"
                                }
                            }],
                            MF: [{
                                FRF: {
                                    _from: "1960-01-01",
                                    _to: "2002-02-17"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            MG: [{
                                MGF: {
                                    _from: "1963-07-01",
                                    _to: "2004-12-31"
                                }
                            }, {
                                MGA: {
                                    _from: "1983-11-01"
                                }
                            }],
                            MH: [{
                                USD: {
                                    _from: "1944-01-01"
                                }
                            }],
                            MK: [{
                                MKN: {
                                    _from: "1992-04-26",
                                    _to: "1993-05-20"
                                }
                            }, {
                                MKD: {
                                    _from: "1993-05-20"
                                }
                            }],
                            ML: [{
                                XOF: {
                                    _from: "1958-11-24",
                                    _to: "1962-07-02"
                                }
                            }, {
                                MLF: {
                                    _from: "1962-07-02",
                                    _to: "1984-08-31"
                                }
                            }, {
                                XOF: {
                                    _from: "1984-06-01"
                                }
                            }],
                            MM: [{
                                BUK: {
                                    _from: "1952-07-01",
                                    _to: "1989-06-18"
                                }
                            }, {
                                MMK: {
                                    _from: "1989-06-18"
                                }
                            }],
                            MN: [{
                                MNT: {
                                    _from: "1915-03-01"
                                }
                            }],
                            MO: [{
                                MOP: {
                                    _from: "1901-01-01"
                                }
                            }],
                            MP: [{
                                USD: {
                                    _from: "1944-01-01"
                                }
                            }],
                            MQ: [{
                                FRF: {
                                    _from: "1960-01-01",
                                    _to: "2002-02-17"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            MR: [{
                                XOF: {
                                    _from: "1958-11-28",
                                    _to: "1973-06-29"
                                }
                            }, {
                                MRO: {
                                    _from: "1973-06-29",
                                    _to: "2018-06-30"
                                }
                            }, {
                                MRU: {
                                    _from: "2018-01-01"
                                }
                            }],
                            MS: [{
                                XCD: {
                                    _from: "1967-02-27"
                                }
                            }],
                            MT: [{
                                MTP: {
                                    _from: "1914-08-13",
                                    _to: "1968-06-07"
                                }
                            }, {
                                MTL: {
                                    _from: "1968-06-07",
                                    _to: "2008-01-31"
                                }
                            }, {
                                EUR: {
                                    _from: "2008-01-01"
                                }
                            }],
                            MU: [{
                                MUR: {
                                    _from: "1934-04-01"
                                }
                            }],
                            MV: [{
                                MVP: {
                                    _from: "1947-01-01",
                                    _to: "1981-07-01"
                                }
                            }, {
                                MVR: {
                                    _from: "1981-07-01"
                                }
                            }],
                            MW: [{
                                MWK: {
                                    _from: "1971-02-15"
                                }
                            }],
                            MX: [{
                                MXV: {
                                    _tender: "false"
                                }
                            }, {
                                MXP: {
                                    _from: "1822-01-01",
                                    _to: "1992-12-31"
                                }
                            }, {
                                MXN: {
                                    _from: "1993-01-01"
                                }
                            }],
                            MY: [{
                                MYR: {
                                    _from: "1963-09-16"
                                }
                            }],
                            MZ: [{
                                MZE: {
                                    _from: "1975-06-25",
                                    _to: "1980-06-16"
                                }
                            }, {
                                MZM: {
                                    _from: "1980-06-16",
                                    _to: "2006-12-31"
                                }
                            }, {
                                MZN: {
                                    _from: "2006-07-01"
                                }
                            }],
                            NA: [{
                                ZAR: {
                                    _from: "1961-02-14"
                                }
                            }, {
                                NAD: {
                                    _from: "1993-01-01"
                                }
                            }],
                            NC: [{
                                XPF: {
                                    _from: "1985-01-01"
                                }
                            }],
                            NE: [{
                                XOF: {
                                    _from: "1958-12-19"
                                }
                            }],
                            NF: [{
                                AUD: {
                                    _from: "1966-02-14"
                                }
                            }],
                            NG: [{
                                NGN: {
                                    _from: "1973-01-01"
                                }
                            }],
                            NI: [{
                                NIC: {
                                    _from: "1988-02-15",
                                    _to: "1991-04-30"
                                }
                            }, {
                                NIO: {
                                    _from: "1991-04-30"
                                }
                            }],
                            NL: [{
                                NLG: {
                                    _from: "1813-01-01",
                                    _to: "2002-02-28"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            NO: [{
                                SEK: {
                                    _from: "1873-05-27",
                                    _to: "1905-06-07"
                                }
                            }, {
                                NOK: {
                                    _from: "1905-06-07"
                                }
                            }],
                            NP: [{
                                INR: {
                                    _from: "1870-01-01",
                                    _to: "1966-10-17"
                                }
                            }, {
                                NPR: {
                                    _from: "1933-01-01"
                                }
                            }],
                            NR: [{
                                AUD: {
                                    _from: "1966-02-14"
                                }
                            }],
                            NU: [{
                                NZD: {
                                    _from: "1967-07-10"
                                }
                            }],
                            NZ: [{
                                NZD: {
                                    _from: "1967-07-10"
                                }
                            }],
                            OM: [{
                                OMR: {
                                    _from: "1972-11-11"
                                }
                            }],
                            PA: [{
                                PAB: {
                                    _from: "1903-11-04"
                                }
                            }, {
                                USD: {
                                    _from: "1903-11-18"
                                }
                            }],
                            PE: [{
                                PES: {
                                    _from: "1863-02-14",
                                    _to: "1985-02-01"
                                }
                            }, {
                                PEI: {
                                    _from: "1985-02-01",
                                    _to: "1991-07-01"
                                }
                            }, {
                                PEN: {
                                    _from: "1991-07-01"
                                }
                            }],
                            PF: [{
                                XPF: {
                                    _from: "1945-12-26"
                                }
                            }],
                            PG: [{
                                AUD: {
                                    _from: "1966-02-14",
                                    _to: "1975-09-16"
                                }
                            }, {
                                PGK: {
                                    _from: "1975-09-16"
                                }
                            }],
                            PH: [{
                                PHP: {
                                    _from: "1946-07-04"
                                }
                            }],
                            PK: [{
                                INR: {
                                    _from: "1835-08-17",
                                    _to: "1947-08-15"
                                }
                            }, {
                                PKR: {
                                    _from: "1948-04-01"
                                }
                            }],
                            PL: [{
                                PLZ: {
                                    _from: "1950-10-28",
                                    _to: "1994-12-31"
                                }
                            }, {
                                PLN: {
                                    _from: "1995-01-01"
                                }
                            }],
                            PM: [{
                                FRF: {
                                    _from: "1972-12-21",
                                    _to: "2002-02-17"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            PN: [{
                                NZD: {
                                    _from: "1969-01-13"
                                }
                            }],
                            PR: [{
                                ESP: {
                                    _from: "1800-01-01",
                                    _to: "1898-12-10"
                                }
                            }, {
                                USD: {
                                    _from: "1898-12-10"
                                }
                            }],
                            PS: [{
                                JOD: {
                                    _from: "1950-07-01",
                                    _to: "1967-06-01"
                                }
                            }, {
                                ILP: {
                                    _from: "1967-06-01",
                                    _to: "1980-02-22"
                                }
                            }, {
                                ILS: {
                                    _from: "1985-09-04"
                                }
                            }, {
                                JOD: {
                                    _from: "1996-02-12"
                                }
                            }],
                            PT: [{
                                PTE: {
                                    _from: "1911-05-22",
                                    _to: "2002-02-28"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            PW: [{
                                USD: {
                                    _from: "1944-01-01"
                                }
                            }],
                            PY: [{
                                PYG: {
                                    _from: "1943-11-01"
                                }
                            }],
                            QA: [{
                                QAR: {
                                    _from: "1973-05-19"
                                }
                            }],
                            RE: [{
                                FRF: {
                                    _from: "1975-01-01",
                                    _to: "2002-02-17"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            RO: [{
                                ROL: {
                                    _from: "1952-01-28",
                                    _to: "2006-12-31"
                                }
                            }, {
                                RON: {
                                    _from: "2005-07-01"
                                }
                            }],
                            RS: [{
                                YUM: {
                                    _from: "1994-01-24",
                                    _to: "2002-05-15"
                                }
                            }, {
                                CSD: {
                                    _from: "2002-05-15",
                                    _to: "2006-10-25"
                                }
                            }, {
                                RSD: {
                                    _from: "2006-10-25"
                                }
                            }],
                            RU: [{
                                RUR: {
                                    _from: "1991-12-25",
                                    _to: "1998-12-31"
                                }
                            }, {
                                RUB: {
                                    _from: "1999-01-01"
                                }
                            }],
                            RW: [{
                                RWF: {
                                    _from: "1964-05-19"
                                }
                            }],
                            SA: [{
                                SAR: {
                                    _from: "1952-10-22"
                                }
                            }],
                            SB: [{
                                AUD: {
                                    _from: "1966-02-14",
                                    _to: "1978-06-30"
                                }
                            }, {
                                SBD: {
                                    _from: "1977-10-24"
                                }
                            }],
                            SC: [{
                                SCR: {
                                    _from: "1903-11-01"
                                }
                            }],
                            SD: [{
                                EGP: {
                                    _from: "1889-01-19",
                                    _to: "1958-01-01"
                                }
                            }, {
                                GBP: {
                                    _from: "1889-01-19",
                                    _to: "1958-01-01"
                                }
                            }, {
                                SDP: {
                                    _from: "1957-04-08",
                                    _to: "1998-06-01"
                                }
                            }, {
                                SDD: {
                                    _from: "1992-06-08",
                                    _to: "2007-06-30"
                                }
                            }, {
                                SDG: {
                                    _from: "2007-01-10"
                                }
                            }],
                            SE: [{
                                SEK: {
                                    _from: "1873-05-27"
                                }
                            }],
                            SG: [{
                                MYR: {
                                    _from: "1963-09-16",
                                    _to: "1967-06-12"
                                }
                            }, {
                                SGD: {
                                    _from: "1967-06-12"
                                }
                            }],
                            SH: [{
                                SHP: {
                                    _from: "1917-02-15"
                                }
                            }],
                            SI: [{
                                SIT: {
                                    _from: "1992-10-07",
                                    _to: "2007-01-14"
                                }
                            }, {
                                EUR: {
                                    _from: "2007-01-01"
                                }
                            }],
                            SJ: [{
                                NOK: {
                                    _from: "1905-06-07"
                                }
                            }],
                            SK: [{
                                CSK: {
                                    _from: "1953-06-01",
                                    _to: "1992-12-31"
                                }
                            }, {
                                SKK: {
                                    _from: "1992-12-31",
                                    _to: "2009-01-01"
                                }
                            }, {
                                EUR: {
                                    _from: "2009-01-01"
                                }
                            }],
                            SL: [{
                                GBP: {
                                    _from: "1808-11-30",
                                    _to: "1966-02-04"
                                }
                            }, {
                                SLL: {
                                    _from: "1964-08-04"
                                }
                            }],
                            SM: [{
                                ITL: {
                                    _from: "1865-12-23",
                                    _to: "2001-02-28"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            SN: [{
                                XOF: {
                                    _from: "1959-04-04"
                                }
                            }],
                            SO: [{
                                SOS: {
                                    _from: "1960-07-01"
                                }
                            }],
                            SR: [{
                                NLG: {
                                    _from: "1815-11-20",
                                    _to: "1940-05-10"
                                }
                            }, {
                                SRG: {
                                    _from: "1940-05-10",
                                    _to: "2003-12-31"
                                }
                            }, {
                                SRD: {
                                    _from: "2004-01-01"
                                }
                            }],
                            SS: [{
                                SDG: {
                                    _from: "2007-01-10",
                                    _to: "2011-09-01"
                                }
                            }, {
                                SSP: {
                                    _from: "2011-07-18"
                                }
                            }],
                            ST: [{
                                STD: {
                                    _from: "1977-09-08",
                                    _to: "2017-12-31"
                                }
                            }, {
                                STN: {
                                    _from: "2018-01-01"
                                }
                            }],
                            SU: [{
                                SUR: {
                                    _from: "1961-01-01",
                                    _to: "1991-12-25"
                                }
                            }],
                            SV: [{
                                SVC: {
                                    _from: "1919-11-11",
                                    _to: "2001-01-01"
                                }
                            }, {
                                USD: {
                                    _from: "2001-01-01"
                                }
                            }],
                            SX: [{
                                ANG: {
                                    _from: "2010-10-10"
                                }
                            }],
                            SY: [{
                                SYP: {
                                    _from: "1948-01-01"
                                }
                            }],
                            SZ: [{
                                SZL: {
                                    _from: "1974-09-06"
                                }
                            }],
                            TA: [{
                                GBP: {
                                    _from: "1938-01-12"
                                }
                            }],
                            TC: [{
                                USD: {
                                    _from: "1969-09-08"
                                }
                            }],
                            TD: [{
                                XAF: {
                                    _from: "1993-01-01"
                                }
                            }],
                            TF: [{
                                FRF: {
                                    _from: "1959-01-01",
                                    _to: "2002-02-17"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            TG: [{
                                XOF: {
                                    _from: "1958-11-28"
                                }
                            }],
                            TH: [{
                                THB: {
                                    _from: "1928-04-15"
                                }
                            }],
                            TJ: [{
                                RUR: {
                                    _from: "1991-12-25",
                                    _to: "1995-05-10"
                                }
                            }, {
                                TJR: {
                                    _from: "1995-05-10",
                                    _to: "2000-10-25"
                                }
                            }, {
                                TJS: {
                                    _from: "2000-10-26"
                                }
                            }],
                            TK: [{
                                NZD: {
                                    _from: "1967-07-10"
                                }
                            }],
                            TL: [{
                                TPE: {
                                    _from: "1959-01-02",
                                    _to: "2002-05-20"
                                }
                            }, {
                                IDR: {
                                    _from: "1975-12-07",
                                    _to: "2002-05-20"
                                }
                            }, {
                                USD: {
                                    _from: "1999-10-20"
                                }
                            }],
                            TM: [{
                                SUR: {
                                    _from: "1961-01-01",
                                    _to: "1991-12-25"
                                }
                            }, {
                                RUR: {
                                    _from: "1991-12-25",
                                    _to: "1993-11-01"
                                }
                            }, {
                                TMM: {
                                    _from: "1993-11-01",
                                    _to: "2009-01-01"
                                }
                            }, {
                                TMT: {
                                    _from: "2009-01-01"
                                }
                            }],
                            TN: [{
                                TND: {
                                    _from: "1958-11-01"
                                }
                            }],
                            TO: [{
                                TOP: {
                                    _from: "1966-02-14"
                                }
                            }],
                            TP: [{
                                TPE: {
                                    _from: "1959-01-02",
                                    _to: "2002-05-20"
                                }
                            }, {
                                IDR: {
                                    _from: "1975-12-07",
                                    _to: "2002-05-20"
                                }
                            }],
                            TR: [{
                                TRL: {
                                    _from: "1922-11-01",
                                    _to: "2005-12-31"
                                }
                            }, {
                                TRY: {
                                    _from: "2005-01-01"
                                }
                            }],
                            TT: [{
                                TTD: {
                                    _from: "1964-01-01"
                                }
                            }],
                            TV: [{
                                AUD: {
                                    _from: "1966-02-14"
                                }
                            }],
                            TW: [{
                                TWD: {
                                    _from: "1949-06-15"
                                }
                            }],
                            TZ: [{
                                TZS: {
                                    _from: "1966-06-14"
                                }
                            }],
                            UA: [{
                                SUR: {
                                    _from: "1961-01-01",
                                    _to: "1991-12-25"
                                }
                            }, {
                                RUR: {
                                    _from: "1991-12-25",
                                    _to: "1992-11-13"
                                }
                            }, {
                                UAK: {
                                    _from: "1992-11-13",
                                    _to: "1993-10-17"
                                }
                            }, {
                                UAH: {
                                    _from: "1996-09-02"
                                }
                            }],
                            UG: [{
                                UGS: {
                                    _from: "1966-08-15",
                                    _to: "1987-05-15"
                                }
                            }, {
                                UGX: {
                                    _from: "1987-05-15"
                                }
                            }],
                            UM: [{
                                USD: {
                                    _from: "1944-01-01"
                                }
                            }],
                            US: [{
                                USN: {
                                    _tender: "false"
                                }
                            }, {
                                USS: {
                                    _tender: "false",
                                    _to: "2014-03-01"
                                }
                            }, {
                                USD: {
                                    _from: "1792-01-01"
                                }
                            }],
                            UY: [{
                                UYI: {
                                    _tender: "false"
                                }
                            }, {
                                UYW: {
                                    _tender: "false"
                                }
                            }, {
                                UYP: {
                                    _from: "1975-07-01",
                                    _to: "1993-03-01"
                                }
                            }, {
                                UYU: {
                                    _from: "1993-03-01"
                                }
                            }],
                            UZ: [{
                                UZS: {
                                    _from: "1994-07-01"
                                }
                            }],
                            VA: [{
                                ITL: {
                                    _from: "1870-10-19",
                                    _to: "2002-02-28"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            VC: [{
                                XCD: {
                                    _from: "1965-10-06"
                                }
                            }],
                            VE: [{
                                VEB: {
                                    _from: "1871-05-11",
                                    _to: "2008-06-30"
                                }
                            }, {
                                VEF: {
                                    _from: "2008-01-01",
                                    _to: "2018-08-20"
                                }
                            }, {
                                VES: {
                                    _from: "2018-08-20"
                                }
                            }],
                            VG: [{
                                USD: {
                                    _from: "1833-01-01"
                                }
                            }, {
                                GBP: {
                                    _from: "1833-01-01",
                                    _to: "1959-01-01"
                                }
                            }],
                            VI: [{
                                USD: {
                                    _from: "1837-01-01"
                                }
                            }],
                            VN: [{
                                VNN: {
                                    _from: "1978-05-03",
                                    _to: "1985-09-14"
                                }
                            }, {
                                VND: {
                                    _from: "1985-09-14"
                                }
                            }],
                            VU: [{
                                VUV: {
                                    _from: "1981-01-01"
                                }
                            }],
                            WF: [{
                                XPF: {
                                    _from: "1961-07-30"
                                }
                            }],
                            WS: [{
                                WST: {
                                    _from: "1967-07-10"
                                }
                            }],
                            XK: [{
                                YUM: {
                                    _from: "1994-01-24",
                                    _to: "1999-09-30"
                                }
                            }, {
                                DEM: {
                                    _from: "1999-09-01",
                                    _to: "2002-03-09"
                                }
                            }, {
                                EUR: {
                                    _from: "2002-01-01"
                                }
                            }],
                            YD: [{
                                YDD: {
                                    _from: "1965-04-01",
                                    _to: "1996-01-01"
                                }
                            }],
                            YE: [{
                                YER: {
                                    _from: "1990-05-22"
                                }
                            }],
                            YT: [{
                                KMF: {
                                    _from: "1975-01-01",
                                    _to: "1976-02-23"
                                }
                            }, {
                                FRF: {
                                    _from: "1976-02-23",
                                    _to: "2002-02-17"
                                }
                            }, {
                                EUR: {
                                    _from: "1999-01-01"
                                }
                            }],
                            YU: [{
                                YUD: {
                                    _from: "1966-01-01",
                                    _to: "1990-01-01"
                                }
                            }, {
                                YUN: {
                                    _from: "1990-01-01",
                                    _to: "1992-07-24"
                                }
                            }, {
                                YUM: {
                                    _from: "1994-01-24",
                                    _to: "2002-05-15"
                                }
                            }],
                            ZA: [{
                                ZAR: {
                                    _from: "1961-02-14"
                                }
                            }, {
                                ZAL: {
                                    _tender: "false",
                                    _from: "1985-09-01",
                                    _to: "1995-03-13"
                                }
                            }],
                            ZM: [{
                                ZMK: {
                                    _from: "1968-01-16",
                                    _to: "2013-01-01"
                                }
                            }, {
                                ZMW: {
                                    _from: "2013-01-01"
                                }
                            }],
                            ZR: [{
                                ZRZ: {
                                    _from: "1971-10-27",
                                    _to: "1993-11-01"
                                }
                            }, {
                                ZRN: {
                                    _from: "1993-11-01",
                                    _to: "1998-07-31"
                                }
                            }],
                            ZW: [{
                                RHD: {
                                    _from: "1970-02-17",
                                    _to: "1980-04-18"
                                }
                            }, {
                                ZWD: {
                                    _from: "1980-04-18",
                                    _to: "2008-08-01"
                                }
                            }, {
                                ZWR: {
                                    _from: "2008-08-01",
                                    _to: "2009-02-02"
                                }
                            }, {
                                ZWL: {
                                    _from: "2009-02-02",
                                    _to: "2009-04-12"
                                }
                            }, {
                                USD: {
                                    _from: "2009-04-12"
                                }
                            }],
                            ZZ: [{
                                XAG: {
                                    _tender: "false"
                                }
                            }, {
                                XAU: {
                                    _tender: "false"
                                }
                            }, {
                                XBA: {
                                    _tender: "false"
                                }
                            }, {
                                XBB: {
                                    _tender: "false"
                                }
                            }, {
                                XBC: {
                                    _tender: "false"
                                }
                            }, {
                                XBD: {
                                    _tender: "false"
                                }
                            }, {
                                XDR: {
                                    _tender: "false"
                                }
                            }, {
                                XPD: {
                                    _tender: "false"
                                }
                            }, {
                                XPT: {
                                    _tender: "false"
                                }
                            }, {
                                XSU: {
                                    _tender: "false"
                                }
                            }, {
                                XTS: {
                                    _tender: "false"
                                }
                            }, {
                                XUA: {
                                    _tender: "false"
                                }
                            }, {
                                XXX: {
                                    _tender: "false"
                                }
                            }, {
                                XRE: {
                                    _tender: "false",
                                    _to: "1999-11-30"
                                }
                            }, {
                                XFU: {
                                    _tender: "false",
                                    _to: "2013-11-30"
                                }
                            }, {
                                XFO: {
                                    _tender: "false",
                                    _from: "1930-01-01",
                                    _to: "2003-04-01"
                                }
                            }]
                        }
                    },
                    numberingSystems: {
                        adlm: {
                            _digits: "\ud83a\udd50\ud83a\udd51\ud83a\udd52\ud83a\udd53\ud83a\udd54\ud83a\udd55\ud83a\udd56\ud83a\udd57\ud83a\udd58\ud83a\udd59",
                            _type: "numeric"
                        },
                        ahom: {
                            _digits: "\ud805\udf30\ud805\udf31\ud805\udf32\ud805\udf33\ud805\udf34\ud805\udf35\ud805\udf36\ud805\udf37\ud805\udf38\ud805\udf39",
                            _type: "numeric"
                        },
                        arab: {
                            _digits: "\u0660\u0661\u0662\u0663\u0664\u0665\u0666\u0667\u0668\u0669",
                            _type: "numeric"
                        },
                        arabext: {
                            _digits: "\u06f0\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8\u06f9",
                            _type: "numeric"
                        },
                        armn: {
                            _rules: "armenian-upper",
                            _type: "algorithmic"
                        },
                        armnlow: {
                            _rules: "armenian-lower",
                            _type: "algorithmic"
                        },
                        bali: {
                            _digits: "\u1b50\u1b51\u1b52\u1b53\u1b54\u1b55\u1b56\u1b57\u1b58\u1b59",
                            _type: "numeric"
                        },
                        beng: {
                            _digits: "\u09e6\u09e7\u09e8\u09e9\u09ea\u09eb\u09ec\u09ed\u09ee\u09ef",
                            _type: "numeric"
                        },
                        bhks: {
                            _digits: "\ud807\udc50\ud807\udc51\ud807\udc52\ud807\udc53\ud807\udc54\ud807\udc55\ud807\udc56\ud807\udc57\ud807\udc58\ud807\udc59",
                            _type: "numeric"
                        },
                        brah: {
                            _digits: "\ud804\udc66\ud804\udc67\ud804\udc68\ud804\udc69\ud804\udc6a\ud804\udc6b\ud804\udc6c\ud804\udc6d\ud804\udc6e\ud804\udc6f",
                            _type: "numeric"
                        },
                        cakm: {
                            _digits: "\ud804\udd36\ud804\udd37\ud804\udd38\ud804\udd39\ud804\udd3a\ud804\udd3b\ud804\udd3c\ud804\udd3d\ud804\udd3e\ud804\udd3f",
                            _type: "numeric"
                        },
                        cham: {
                            _digits: "\uaa50\uaa51\uaa52\uaa53\uaa54\uaa55\uaa56\uaa57\uaa58\uaa59",
                            _type: "numeric"
                        },
                        cyrl: {
                            _rules: "cyrillic-lower",
                            _type: "algorithmic"
                        },
                        deva: {
                            _digits: "\u0966\u0967\u0968\u0969\u096a\u096b\u096c\u096d\u096e\u096f",
                            _type: "numeric"
                        },
                        ethi: {
                            _rules: "ethiopic",
                            _type: "algorithmic"
                        },
                        fullwide: {
                            _digits: "\uff10\uff11\uff12\uff13\uff14\uff15\uff16\uff17\uff18\uff19",
                            _type: "numeric"
                        },
                        geor: {
                            _rules: "georgian",
                            _type: "algorithmic"
                        },
                        gong: {
                            _digits: "\ud807\udda0\ud807\udda1\ud807\udda2\ud807\udda3\ud807\udda4\ud807\udda5\ud807\udda6\ud807\udda7\ud807\udda8\ud807\udda9",
                            _type: "numeric"
                        },
                        gonm: {
                            _digits: "\ud807\udd50\ud807\udd51\ud807\udd52\ud807\udd53\ud807\udd54\ud807\udd55\ud807\udd56\ud807\udd57\ud807\udd58\ud807\udd59",
                            _type: "numeric"
                        },
                        grek: {
                            _rules: "greek-upper",
                            _type: "algorithmic"
                        },
                        greklow: {
                            _rules: "greek-lower",
                            _type: "algorithmic"
                        },
                        gujr: {
                            _digits: "\u0ae6\u0ae7\u0ae8\u0ae9\u0aea\u0aeb\u0aec\u0aed\u0aee\u0aef",
                            _type: "numeric"
                        },
                        guru: {
                            _digits: "\u0a66\u0a67\u0a68\u0a69\u0a6a\u0a6b\u0a6c\u0a6d\u0a6e\u0a6f",
                            _type: "numeric"
                        },
                        hanidays: {
                            _rules: "zh/SpelloutRules/spellout-numbering-days",
                            _type: "algorithmic"
                        },
                        hanidec: {
                            _digits: "\u3007\u4e00\u4e8c\u4e09\u56db\u4e94\u516d\u4e03\u516b\u4e5d",
                            _type: "numeric"
                        },
                        hans: {
                            _rules: "zh/SpelloutRules/spellout-cardinal",
                            _type: "algorithmic"
                        },
                        hansfin: {
                            _rules: "zh/SpelloutRules/spellout-cardinal-financial",
                            _type: "algorithmic"
                        },
                        hant: {
                            _rules: "zh_Hant/SpelloutRules/spellout-cardinal",
                            _type: "algorithmic"
                        },
                        hantfin: {
                            _rules: "zh_Hant/SpelloutRules/spellout-cardinal-financial",
                            _type: "algorithmic"
                        },
                        hebr: {
                            _rules: "hebrew",
                            _type: "algorithmic"
                        },
                        hmng: {
                            _digits: "\ud81a\udf50\ud81a\udf51\ud81a\udf52\ud81a\udf53\ud81a\udf54\ud81a\udf55\ud81a\udf56\ud81a\udf57\ud81a\udf58\ud81a\udf59",
                            _type: "numeric"
                        },
                        hmnp: {
                            _digits: "\ud838\udd40\ud838\udd41\ud838\udd42\ud838\udd43\ud838\udd44\ud838\udd45\ud838\udd46\ud838\udd47\ud838\udd48\ud838\udd49",
                            _type: "numeric"
                        },
                        java: {
                            _digits: "\ua9d0\ua9d1\ua9d2\ua9d3\ua9d4\ua9d5\ua9d6\ua9d7\ua9d8\ua9d9",
                            _type: "numeric"
                        },
                        jpan: {
                            _rules: "ja/SpelloutRules/spellout-cardinal",
                            _type: "algorithmic"
                        },
                        jpanfin: {
                            _rules: "ja/SpelloutRules/spellout-cardinal-financial",
                            _type: "algorithmic"
                        },
                        jpanyear: {
                            _rules: "ja/SpelloutRules/spellout-numbering-year-latn",
                            _type: "algorithmic"
                        },
                        kali: {
                            _digits: "\ua900\ua901\ua902\ua903\ua904\ua905\ua906\ua907\ua908\ua909",
                            _type: "numeric"
                        },
                        khmr: {
                            _digits: "\u17e0\u17e1\u17e2\u17e3\u17e4\u17e5\u17e6\u17e7\u17e8\u17e9",
                            _type: "numeric"
                        },
                        knda: {
                            _digits: "\u0ce6\u0ce7\u0ce8\u0ce9\u0cea\u0ceb\u0cec\u0ced\u0cee\u0cef",
                            _type: "numeric"
                        },
                        lana: {
                            _digits: "\u1a80\u1a81\u1a82\u1a83\u1a84\u1a85\u1a86\u1a87\u1a88\u1a89",
                            _type: "numeric"
                        },
                        lanatham: {
                            _digits: "\u1a90\u1a91\u1a92\u1a93\u1a94\u1a95\u1a96\u1a97\u1a98\u1a99",
                            _type: "numeric"
                        },
                        laoo: {
                            _digits: "\u0ed0\u0ed1\u0ed2\u0ed3\u0ed4\u0ed5\u0ed6\u0ed7\u0ed8\u0ed9",
                            _type: "numeric"
                        },
                        latn: {
                            _digits: "0123456789",
                            _type: "numeric"
                        },
                        lepc: {
                            _digits: "\u1c40\u1c41\u1c42\u1c43\u1c44\u1c45\u1c46\u1c47\u1c48\u1c49",
                            _type: "numeric"
                        },
                        limb: {
                            _digits: "\u1946\u1947\u1948\u1949\u194a\u194b\u194c\u194d\u194e\u194f",
                            _type: "numeric"
                        },
                        mathbold: {
                            _digits: "\ud835\udfce\ud835\udfcf\ud835\udfd0\ud835\udfd1\ud835\udfd2\ud835\udfd3\ud835\udfd4\ud835\udfd5\ud835\udfd6\ud835\udfd7",
                            _type: "numeric"
                        },
                        mathdbl: {
                            _digits: "\ud835\udfd8\ud835\udfd9\ud835\udfda\ud835\udfdb\ud835\udfdc\ud835\udfdd\ud835\udfde\ud835\udfdf\ud835\udfe0\ud835\udfe1",
                            _type: "numeric"
                        },
                        mathmono: {
                            _digits: "\ud835\udff6\ud835\udff7\ud835\udff8\ud835\udff9\ud835\udffa\ud835\udffb\ud835\udffc\ud835\udffd\ud835\udffe\ud835\udfff",
                            _type: "numeric"
                        },
                        mathsanb: {
                            _digits: "\ud835\udfec\ud835\udfed\ud835\udfee\ud835\udfef\ud835\udff0\ud835\udff1\ud835\udff2\ud835\udff3\ud835\udff4\ud835\udff5",
                            _type: "numeric"
                        },
                        mathsans: {
                            _digits: "\ud835\udfe2\ud835\udfe3\ud835\udfe4\ud835\udfe5\ud835\udfe6\ud835\udfe7\ud835\udfe8\ud835\udfe9\ud835\udfea\ud835\udfeb",
                            _type: "numeric"
                        },
                        mlym: {
                            _digits: "\u0d66\u0d67\u0d68\u0d69\u0d6a\u0d6b\u0d6c\u0d6d\u0d6e\u0d6f",
                            _type: "numeric"
                        },
                        modi: {
                            _digits: "\ud805\ude50\ud805\ude51\ud805\ude52\ud805\ude53\ud805\ude54\ud805\ude55\ud805\ude56\ud805\ude57\ud805\ude58\ud805\ude59",
                            _type: "numeric"
                        },
                        mong: {
                            _digits: "\u1810\u1811\u1812\u1813\u1814\u1815\u1816\u1817\u1818\u1819",
                            _type: "numeric"
                        },
                        mroo: {
                            _digits: "\ud81a\ude60\ud81a\ude61\ud81a\ude62\ud81a\ude63\ud81a\ude64\ud81a\ude65\ud81a\ude66\ud81a\ude67\ud81a\ude68\ud81a\ude69",
                            _type: "numeric"
                        },
                        mtei: {
                            _digits: "\uabf0\uabf1\uabf2\uabf3\uabf4\uabf5\uabf6\uabf7\uabf8\uabf9",
                            _type: "numeric"
                        },
                        mymr: {
                            _digits: "\u1040\u1041\u1042\u1043\u1044\u1045\u1046\u1047\u1048\u1049",
                            _type: "numeric"
                        },
                        mymrshan: {
                            _digits: "\u1090\u1091\u1092\u1093\u1094\u1095\u1096\u1097\u1098\u1099",
                            _type: "numeric"
                        },
                        mymrtlng: {
                            _digits: "\ua9f0\ua9f1\ua9f2\ua9f3\ua9f4\ua9f5\ua9f6\ua9f7\ua9f8\ua9f9",
                            _type: "numeric"
                        },
                        newa: {
                            _digits: "\ud805\udc50\ud805\udc51\ud805\udc52\ud805\udc53\ud805\udc54\ud805\udc55\ud805\udc56\ud805\udc57\ud805\udc58\ud805\udc59",
                            _type: "numeric"
                        },
                        nkoo: {
                            _digits: "\u07c0\u07c1\u07c2\u07c3\u07c4\u07c5\u07c6\u07c7\u07c8\u07c9",
                            _type: "numeric"
                        },
                        olck: {
                            _digits: "\u1c50\u1c51\u1c52\u1c53\u1c54\u1c55\u1c56\u1c57\u1c58\u1c59",
                            _type: "numeric"
                        },
                        orya: {
                            _digits: "\u0b66\u0b67\u0b68\u0b69\u0b6a\u0b6b\u0b6c\u0b6d\u0b6e\u0b6f",
                            _type: "numeric"
                        },
                        osma: {
                            _digits: "\ud801\udca0\ud801\udca1\ud801\udca2\ud801\udca3\ud801\udca4\ud801\udca5\ud801\udca6\ud801\udca7\ud801\udca8\ud801\udca9",
                            _type: "numeric"
                        },
                        rohg: {
                            _digits: "\ud803\udd30\ud803\udd31\ud803\udd32\ud803\udd33\ud803\udd34\ud803\udd35\ud803\udd36\ud803\udd37\ud803\udd38\ud803\udd39",
                            _type: "numeric"
                        },
                        roman: {
                            _rules: "roman-upper",
                            _type: "algorithmic"
                        },
                        romanlow: {
                            _rules: "roman-lower",
                            _type: "algorithmic"
                        },
                        saur: {
                            _digits: "\ua8d0\ua8d1\ua8d2\ua8d3\ua8d4\ua8d5\ua8d6\ua8d7\ua8d8\ua8d9",
                            _type: "numeric"
                        },
                        shrd: {
                            _digits: "\ud804\uddd0\ud804\uddd1\ud804\uddd2\ud804\uddd3\ud804\uddd4\ud804\uddd5\ud804\uddd6\ud804\uddd7\ud804\uddd8\ud804\uddd9",
                            _type: "numeric"
                        },
                        sind: {
                            _digits: "\ud804\udef0\ud804\udef1\ud804\udef2\ud804\udef3\ud804\udef4\ud804\udef5\ud804\udef6\ud804\udef7\ud804\udef8\ud804\udef9",
                            _type: "numeric"
                        },
                        sinh: {
                            _digits: "\u0de6\u0de7\u0de8\u0de9\u0dea\u0deb\u0dec\u0ded\u0dee\u0def",
                            _type: "numeric"
                        },
                        sora: {
                            _digits: "\ud804\udcf0\ud804\udcf1\ud804\udcf2\ud804\udcf3\ud804\udcf4\ud804\udcf5\ud804\udcf6\ud804\udcf7\ud804\udcf8\ud804\udcf9",
                            _type: "numeric"
                        },
                        sund: {
                            _digits: "\u1bb0\u1bb1\u1bb2\u1bb3\u1bb4\u1bb5\u1bb6\u1bb7\u1bb8\u1bb9",
                            _type: "numeric"
                        },
                        takr: {
                            _digits: "\ud805\udec0\ud805\udec1\ud805\udec2\ud805\udec3\ud805\udec4\ud805\udec5\ud805\udec6\ud805\udec7\ud805\udec8\ud805\udec9",
                            _type: "numeric"
                        },
                        talu: {
                            _digits: "\u19d0\u19d1\u19d2\u19d3\u19d4\u19d5\u19d6\u19d7\u19d8\u19d9",
                            _type: "numeric"
                        },
                        taml: {
                            _rules: "tamil",
                            _type: "algorithmic"
                        },
                        tamldec: {
                            _digits: "\u0be6\u0be7\u0be8\u0be9\u0bea\u0beb\u0bec\u0bed\u0bee\u0bef",
                            _type: "numeric"
                        },
                        telu: {
                            _digits: "\u0c66\u0c67\u0c68\u0c69\u0c6a\u0c6b\u0c6c\u0c6d\u0c6e\u0c6f",
                            _type: "numeric"
                        },
                        thai: {
                            _digits: "\u0e50\u0e51\u0e52\u0e53\u0e54\u0e55\u0e56\u0e57\u0e58\u0e59",
                            _type: "numeric"
                        },
                        tibt: {
                            _digits: "\u0f20\u0f21\u0f22\u0f23\u0f24\u0f25\u0f26\u0f27\u0f28\u0f29",
                            _type: "numeric"
                        },
                        tirh: {
                            _digits: "\ud805\udcd0\ud805\udcd1\ud805\udcd2\ud805\udcd3\ud805\udcd4\ud805\udcd5\ud805\udcd6\ud805\udcd7\ud805\udcd8\ud805\udcd9",
                            _type: "numeric"
                        },
                        vaii: {
                            _digits: "\ua620\ua621\ua622\ua623\ua624\ua625\ua626\ua627\ua628\ua629",
                            _type: "numeric"
                        },
                        wara: {
                            _digits: "\ud806\udce0\ud806\udce1\ud806\udce2\ud806\udce3\ud806\udce4\ud806\udce5\ud806\udce6\ud806\udce7\ud806\udce8\ud806\udce9",
                            _type: "numeric"
                        },
                        wcho: {
                            _digits: "\ud838\udef0\ud838\udef1\ud838\udef2\ud838\udef3\ud838\udef4\ud838\udef5\ud838\udef6\ud838\udef7\ud838\udef8\ud838\udef9",
                            _type: "numeric"
                        }
                    }
                }
            }
        },
        55407(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _parent_locales = _interopRequireDefault(__webpack_require__( /*! ../../core/localization/cldr-data/parent_locales */ 63377));
            var _parentLocale = _interopRequireDefault(__webpack_require__( /*! ../../core/localization/parentLocale */ 32286));
            var _m_dependency_injector = __webpack_require__( /*! ../../core/utils/m_dependency_injector */ 62142);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = (0, _m_dependency_injector.injector)({
                locale: (() => {
                    let currentLocale = "en";
                    return locale => {
                        if (!locale) {
                            return currentLocale
                        }
                        currentLocale = locale
                    }
                })(),
                getValueByClosestLocale(getter) {
                    let locale = this.locale();
                    let value = getter(locale);
                    let isRootLocale = false;
                    while (!value && !isRootLocale) {
                        locale = (0, _parentLocale.default)(_parent_locales.default, locale);
                        if (locale) {
                            value = getter(locale)
                        } else {
                            isRootLocale = true
                        }
                    }
                    if (void 0 === value && "en" !== locale) {
                        return getter("en")
                    }
                    return value
                }
            })
        },
        87631(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.default = {
                _formatNumberCore(value, format, formatConfig) {
                    if ("currency" === format) {
                        formatConfig.precision = formatConfig.precision ?? 0;
                        let result = this.format(value, Object.assign({}, formatConfig, {
                            type: "fixedpoint"
                        }));
                        const currencyPart = this.getCurrencySymbol().symbol.replace(/\$/g, "$$$$");
                        result = result.replace(/^(\D*)(\d.*)/, `$1${currencyPart}$2`);
                        return result
                    }
                    return this.callBase.apply(this, [value, format, formatConfig])
                },
                getCurrencySymbol: () => ({
                    symbol: "$"
                }),
                getOpenXmlCurrencyFormat: () => "$#,##0{0}_);\\($#,##0{0}\\)"
            }
        },
        45508(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _first_day_of_week_data = _interopRequireDefault(__webpack_require__( /*! ../../core/localization/cldr-data/first_day_of_week_data */ 48970));
            var _core = _interopRequireDefault(__webpack_require__( /*! ../../core/localization/core */ 55407));
            var _default_date_names = _interopRequireDefault(__webpack_require__( /*! ../../core/localization/default_date_names */ 4445));
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../core/localization/intl/date */ 22018));
            var _date2 = __webpack_require__( /*! ../../core/localization/ldml/date.format */ 65015);
            var _date3 = __webpack_require__( /*! ../../core/localization/ldml/date.formatter */ 19632);
            var _date4 = __webpack_require__( /*! ../../core/localization/ldml/date.parser */ 86743);
            var _number = _interopRequireDefault(__webpack_require__( /*! ../../core/localization/number */ 60605));
            var _m_errors = _interopRequireDefault(__webpack_require__( /*! ../../core/m_errors */ 5583));
            var _m_dependency_injector = __webpack_require__( /*! ../../core/utils/m_dependency_injector */ 62142);
            var _m_iterator = __webpack_require__( /*! ../../core/utils/m_iterator */ 26044);
            var _m_type = __webpack_require__( /*! ../../core/utils/m_type */ 39918);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const hasIntl = "undefined" !== typeof Intl;
            const FORMATS_TO_PATTERN_MAP = {
                shortdate: "M/d/y",
                shorttime: "h:mm a",
                longdate: "EEEE, MMMM d, y",
                longtime: "h:mm:ss a",
                monthandday: "MMMM d",
                monthandyear: "MMMM y",
                quarterandyear: "QQQ y",
                day: "d",
                year: "y",
                shortdateshorttime: "M/d/y, h:mm a",
                longdatelongtime: "EEEE, MMMM d, y, h:mm:ss a",
                month: "LLLL",
                shortyear: "yy",
                dayofweek: "EEEE",
                quarter: "QQQ",
                hour: "HH",
                minute: "mm",
                second: "ss",
                millisecond: "SSS",
                "datetime-local": "yyyy-MM-ddTHH':'mm':'ss"
            };
            const possiblePartPatterns = {
                year: ["y", "yy", "yyyy"],
                day: ["d", "dd"],
                month: ["M", "MM", "MMM", "MMMM"],
                hours: ["H", "HH", "h", "hh", "ah"],
                minutes: ["m", "mm"],
                seconds: ["s", "ss"],
                milliseconds: ["S", "SS", "SSS"]
            };
            const dateLocalization = (0, _m_dependency_injector.injector)({
                engine: () => "base",
                _getPatternByFormat: format => FORMATS_TO_PATTERN_MAP[format.toLowerCase()],
                _expandPattern(pattern) {
                    return this._getPatternByFormat(pattern) || pattern
                },
                formatUsesMonthName(format) {
                    return -1 !== this._expandPattern(format).indexOf("MMMM")
                },
                formatUsesDayName(format) {
                    return -1 !== this._expandPattern(format).indexOf("EEEE")
                },
                getFormatParts(format) {
                    const pattern = this._getPatternByFormat(format) || format;
                    const result = [];
                    (0, _m_iterator.each)(pattern.split(/\W+/), (_, formatPart) => {
                        (0, _m_iterator.each)(possiblePartPatterns, (partName, possiblePatterns) => {
                            if (possiblePatterns.includes(formatPart)) {
                                result.push(partName)
                            }
                        })
                    });
                    return result
                },
                getMonthNames: format => _default_date_names.default.getMonthNames(format),
                getDayNames: format => _default_date_names.default.getDayNames(format),
                getQuarterNames: format => _default_date_names.default.getQuarterNames(format),
                getPeriodNames: format => _default_date_names.default.getPeriodNames(format),
                getTimeSeparator: () => ":",
                is24HourFormat(format) {
                    const amTime = new Date(2017, 0, 20, 11, 0, 0, 0);
                    const pmTime = new Date(2017, 0, 20, 23, 0, 0, 0);
                    const amTimeFormatted = this.format(amTime, format);
                    const pmTimeFormatted = this.format(pmTime, format);
                    for (let i = 0; i < amTimeFormatted.length; i += 1) {
                        if (amTimeFormatted[i] !== pmTimeFormatted[i]) {
                            return !isNaN(parseInt(amTimeFormatted[i], 10))
                        }
                    }
                    return
                },
                format(date, format) {
                    if (!date) {
                        return
                    }
                    if (!format) {
                        return date
                    }
                    let formatter;
                    if ("function" === typeof format) {
                        formatter = format
                    } else if (format.formatter) {
                        formatter = format.formatter
                    } else {
                        format = format.type ?? format;
                        if ((0, _m_type.isString)(format)) {
                            format = FORMATS_TO_PATTERN_MAP[format.toLowerCase()] || format;
                            return _number.default.convertDigits((0, _date3.getFormatter)(format, this)(date))
                        }
                    }
                    if (!formatter) {
                        return
                    }
                    return formatter(date)
                },
                parse(text, format) {
                    const that = this;
                    let ldmlFormat;
                    let formatter;
                    if (!text) {
                        return
                    }
                    if (!format) {
                        return this.parse(text, "shortdate")
                    }
                    if ("object" === typeof format && format.parser) {
                        return format.parser(text)
                    }
                    if ("string" === typeof format && !FORMATS_TO_PATTERN_MAP[format.toLowerCase()]) {
                        ldmlFormat = format
                    } else {
                        formatter = value => {
                            const text = that.format(value, format);
                            return _number.default.convertDigits(text, true)
                        };
                        try {
                            ldmlFormat = (0, _date2.getFormat)(formatter)
                        } catch (e) {}
                    }
                    if (ldmlFormat) {
                        text = _number.default.convertDigits(text, true);
                        return (0, _date4.getParser)(ldmlFormat, this)(text)
                    }
                    _m_errors.default.log("W0012");
                    const result = new Date(text);
                    if (!result || isNaN(result.getTime())) {
                        return
                    }
                    return result
                },
                firstDayOfWeekIndex() {
                    const index = _core.default.getValueByClosestLocale(locale => _first_day_of_week_data.default[locale]);
                    return index ?? 0
                }
            });
            if (hasIntl) {
                dateLocalization.inject(_date.default)
            }
            exports.default = dateLocalization
        },
        4445(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _m_iterator = __webpack_require__( /*! ../../core/utils/m_iterator */ 26044);
            const MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
            const DAYS = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
            const PERIODS = ["AM", "PM"];
            const QUARTERS = ["Q1", "Q2", "Q3", "Q4"];
            const cutCaptions = (captions, format) => {
                const lengthByFormat = {
                    abbreviated: 3,
                    short: 2,
                    narrow: 1
                };
                return (0, _m_iterator.map)(captions, caption => caption.substr(0, lengthByFormat[format]))
            };
            exports.default = {
                getMonthNames: format => cutCaptions(MONTHS, format),
                getDayNames: format => cutCaptions(DAYS, format),
                getQuarterNames: _format => QUARTERS,
                getPeriodNames: _format => PERIODS
            }
        },
        73418(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultMessages = void 0;
            // !!! AUTO-GENERATED FILE, DO NOT EDIT
            exports.defaultMessages = {
                en: {
                    Yes: "Yes",
                    No: "No",
                    Cancel: "Cancel",
                    CheckState: "Check state",
                    Close: "Close",
                    Clear: "Clear",
                    Done: "Done",
                    Loading: "Loading...",
                    Select: "Select...",
                    Search: "Search",
                    Back: "Back",
                    OK: "OK",
                    Today: "Today",
                    Yesterday: "Yesterday",
                    "dxCollectionWidget-noDataText": "No data to display",
                    "dxDropDownEditor-selectLabel": "Select",
                    "validation-required": "Required",
                    "validation-required-formatted": "{0} is required",
                    "validation-numeric": "Value must be a number",
                    "validation-numeric-formatted": "{0} must be a number",
                    "validation-range": "Value is out of range",
                    "validation-range-formatted": "{0} is out of range",
                    "validation-stringLength": "The length of the value is not correct",
                    "validation-stringLength-formatted": "The length of {0} is not correct",
                    "validation-custom": "Value is invalid",
                    "validation-custom-formatted": "{0} is invalid",
                    "validation-async": "Value is invalid",
                    "validation-async-formatted": "{0} is invalid",
                    "validation-compare": "Values do not match",
                    "validation-compare-formatted": "{0} does not match",
                    "validation-pattern": "Value does not match pattern",
                    "validation-pattern-formatted": "{0} does not match pattern",
                    "validation-email": "Email is invalid",
                    "validation-email-formatted": "{0} is invalid",
                    "validation-mask": "Value is invalid",
                    "dxLookup-searchPlaceholder": "Minimum character number: {0}",
                    "dxList-pullingDownText": "Pull down to refresh...",
                    "dxList-pulledDownText": "Release to refresh...",
                    "dxList-refreshingText": "Refreshing...",
                    "dxList-pageLoadingText": "Loading...",
                    "dxList-nextButtonText": "More",
                    "dxList-selectAll": "Select All",
                    "dxList-listAriaLabel": "Items",
                    "dxList-listAriaLabel-deletable": "Deletable items",
                    "dxListEditDecorator-delete": "Delete",
                    "dxListEditDecorator-more": "More",
                    "dxList-selectAll-indeterminate": "Half-checked",
                    "dxList-selectAll-checked": "Checked",
                    "dxList-selectAll-notChecked": "Not checked",
                    "dxList-ariaRoleDescription": "List",
                    "dxList-listAriaLabel-itemContent": "List item content",
                    "dxScrollView-pullingDownText": "Pull down to refresh...",
                    "dxScrollView-pulledDownText": "Release to refresh...",
                    "dxScrollView-refreshingText": "Refreshing...",
                    "dxScrollView-reachBottomText": "Loading...",
                    "dxDateBox-simulatedDataPickerTitleTime": "Select time",
                    "dxDateBox-simulatedDataPickerTitleDate": "Select date",
                    "dxDateBox-simulatedDataPickerTitleDateTime": "Select date and time",
                    "dxDateBox-validation-datetime": "Value must be a date or time",
                    "dxDateRangeBox-invalidStartDateMessage": "Start value must be a date",
                    "dxDateRangeBox-invalidEndDateMessage": "End value must be a date",
                    "dxDateRangeBox-startDateOutOfRangeMessage": "Start date is out of range",
                    "dxDateRangeBox-endDateOutOfRangeMessage": "End date is out of range",
                    "dxDateRangeBox-startDateLabel": "Start Date",
                    "dxDateRangeBox-endDateLabel": "End Date",
                    "dxFileUploader-selectFile": "Select a file",
                    "dxFileUploader-dropFile": "or Drop a file here",
                    "dxFileUploader-bytes": "bytes",
                    "dxFileUploader-kb": "KB",
                    "dxFileUploader-Mb": "MB",
                    "dxFileUploader-Gb": "GB",
                    "dxFileUploader-upload": "Upload",
                    "dxFileUploader-uploaded": "Uploaded",
                    "dxFileUploader-readyToUpload": "Ready to upload",
                    "dxFileUploader-uploadAbortedMessage": "Upload cancelled",
                    "dxFileUploader-uploadFailedMessage": "Upload failed",
                    "dxFileUploader-invalidFileExtension": "File type is not allowed",
                    "dxFileUploader-invalidMaxFileSize": "File is too large",
                    "dxFileUploader-invalidMinFileSize": "File is too small",
                    "dxFileUploader-fileListLabel": "File list",
                    "dxFileUploader-removeFileButtonLabel": "Remove file {0}",
                    "dxFileUploader-uploadFileButtonLabel": "Upload file {0}",
                    "dxRangeSlider-ariaFrom": "From",
                    "dxRangeSlider-ariaTill": "Till",
                    "dxSwitch-switchedOnText": "ON",
                    "dxSwitch-switchedOffText": "OFF",
                    "dxForm-optionalMark": "optional",
                    "dxForm-requiredMessage": "{0} is required",
                    "dxForm-smartPasteButtonText": "Smart Paste",
                    "dxForm-resetButtonText": "Reset",
                    "dxForm-submitButtonText": "Submit",
                    "dxNumberBox-invalidValueMessage": "Value must be a number",
                    "dxNumberBox-noDataText": "No data",
                    "dxDataGrid-aiPromptEditorTitle": "AI Prompt Editor",
                    "dxDataGrid-aiPromptEditorPlaceholder": "Prompt AI to generate column values...",
                    "dxDataGrid-aiPromptEditorApplyButton": "Apply",
                    "dxDataGrid-aiPromptEditorRegenerateButton": "Regenerate Data",
                    "dxDataGrid-aiPromptEditorStopButton": "Stop",
                    "dxDataGrid-aiDropDownAutofill": "Autofill with AI",
                    "dxDataGrid-aiDropDownClear": "Clear Data",
                    "dxDataGrid-emptyHeaderWithColumnChooserText": "Use {0} to display columns",
                    "dxDataGrid-emptyHeaderWithGroupPanelText": "Drag a column from the group panel here",
                    "dxDataGrid-emptyHeaderWithColumnChooserAndGroupPanelText": "Use {0} or drag a column from the group panel",
                    "dxDataGrid-emptyHeaderColumnChooserText": "column chooser",
                    "dxDataGrid-columnChooserTitle": "Column Chooser",
                    "dxDataGrid-columnChooserEmptyText": "Drag a column here to hide it",
                    "dxDataGrid-groupContinuesMessage": "Continues on the next page",
                    "dxDataGrid-groupContinuedMessage": "Continued from the previous page",
                    "dxDataGrid-groupHeaderText": "Group by This Column",
                    "dxDataGrid-ungroupHeaderText": "Ungroup",
                    "dxDataGrid-ungroupAllText": "Ungroup All",
                    "dxDataGrid-editingEditRow": "Edit",
                    "dxDataGrid-editingSaveRowChanges": "Save",
                    "dxDataGrid-editingCancelRowChanges": "Cancel",
                    "dxDataGrid-editingDeleteRow": "Delete",
                    "dxDataGrid-editingUndeleteRow": "Undelete",
                    "dxDataGrid-editingConfirmDeleteMessage": "Are you sure you want to delete this record?",
                    "dxDataGrid-validationCancelChanges": "Cancel changes",
                    "dxDataGrid-groupPanelEmptyText": "Drag a column header here to group by that column",
                    "dxDataGrid-noDataText": "No data",
                    "dxDataGrid-searchPanelPlaceholder": "Search...",
                    "dxDataGrid-filterRowShowAllText": "(All)",
                    "dxDataGrid-filterRowResetOperationText": "Reset",
                    "dxDataGrid-filterRowOperationEquals": "Equals",
                    "dxDataGrid-filterRowOperationNotEquals": "Does not equal",
                    "dxDataGrid-filterRowOperationLess": "Less than",
                    "dxDataGrid-filterRowOperationLessOrEquals": "Less than or equal to",
                    "dxDataGrid-filterRowOperationGreater": "Greater than",
                    "dxDataGrid-filterRowOperationGreaterOrEquals": "Greater than or equal to",
                    "dxDataGrid-filterRowOperationStartsWith": "Starts with",
                    "dxDataGrid-filterRowOperationContains": "Contains",
                    "dxDataGrid-filterRowOperationNotContains": "Does not contain",
                    "dxDataGrid-filterRowOperationEndsWith": "Ends with",
                    "dxDataGrid-filterRowOperationBetween": "Between",
                    "dxDataGrid-filterRowOperationBetweenStartText": "Start",
                    "dxDataGrid-filterRowOperationBetweenEndText": "End",
                    "dxDataGrid-ariaSearchBox": "Search box",
                    "dxDataGrid-applyFilterText": "Apply filter",
                    "dxDataGrid-trueText": "true",
                    "dxDataGrid-falseText": "false",
                    "dxDataGrid-sortingAscendingText": "Sort Ascending",
                    "dxDataGrid-sortingDescendingText": "Sort Descending",
                    "dxDataGrid-sortingClearText": "Clear Sorting",
                    "dxDataGrid-ariaNotSortedColumn": "Not sorted column",
                    "dxDataGrid-ariaSortedAscendingColumn": "Column sorted in ascending order",
                    "dxDataGrid-ariaSortedDescendingColumn": "Column sorted in descending order",
                    "dxDataGrid-ariaSortIndex": "Sort index {0}",
                    "dxDataGrid-editingSaveAllChanges": "Save changes",
                    "dxDataGrid-editingCancelAllChanges": "Discard changes",
                    "dxDataGrid-editingAddRow": "Add a row",
                    "dxDataGrid-summaryMin": "Min: {0}",
                    "dxDataGrid-summaryMinOtherColumn": "Min of {1} is {0}",
                    "dxDataGrid-summaryMax": "Max: {0}",
                    "dxDataGrid-summaryMaxOtherColumn": "Max of {1} is {0}",
                    "dxDataGrid-summaryAvg": "Avg: {0}",
                    "dxDataGrid-summaryAvgOtherColumn": "Avg of {1} is {0}",
                    "dxDataGrid-summarySum": "Sum: {0}",
                    "dxDataGrid-summarySumOtherColumn": "Sum of {1} is {0}",
                    "dxDataGrid-summaryCount": "Count: {0}",
                    "dxDataGrid-columnFixingFix": "Set Fixed Position",
                    "dxDataGrid-columnFixingUnfix": "Unfix",
                    "dxDataGrid-columnFixingLeftPosition": "Left",
                    "dxDataGrid-columnFixingRightPosition": "Right",
                    "dxDataGrid-columnFixingStickyPosition": "Sticky",
                    "dxDataGrid-exportTo": "Export",
                    "dxDataGrid-exportToExcel": "Export to Excel file",
                    "dxDataGrid-exporting": "Exporting...",
                    "dxDataGrid-excelFormat": "Excel file",
                    "dxDataGrid-selectedRows": "Selected rows",
                    "dxDataGrid-exportSelectedRows": "Export selected rows to {0}",
                    "dxDataGrid-exportAll": "Export all data to {0}",
                    "dxDataGrid-headerFilterLabel": "Filter options",
                    "dxDataGrid-headerFilterIndicatorLabel": "Show filter options for column '{0}'",
                    "dxDataGrid-headerFilterEmptyValue": "(Blanks)",
                    "dxDataGrid-headerFilterOK": "OK",
                    "dxDataGrid-headerFilterCancel": "Cancel",
                    "dxDataGrid-ariaAdaptiveCollapse": "Hide additional data",
                    "dxDataGrid-ariaAdaptiveExpand": "Display additional data",
                    "dxDataGrid-ariaColumn": "Column",
                    "dxDataGrid-ariaColumnHeader": "Column header",
                    "dxDataGrid-ariaValue": "Value",
                    "dxDataGrid-ariaError": "Error",
                    "dxDataGrid-ariaRevertButton": "Press Escape to discard the changes",
                    "dxDataGrid-ariaFilterCell": "Filter cell",
                    "dxDataGrid-ariaCollapse": "Collapse",
                    "dxDataGrid-ariaModifiedCell": "Modified",
                    "dxDataGrid-ariaDeletedCell": "Deleted",
                    "dxDataGrid-ariaEditableCell": "Editable",
                    "dxDataGrid-ariaExpand": "Expand",
                    "dxDataGrid-ariaCollapsedRow": "Collapsed row",
                    "dxDataGrid-ariaExpandedRow": "Expanded row",
                    "dxDataGrid-ariaDataGrid": "Data grid with {0} rows and {1} columns",
                    "dxDataGrid-ariaSearchInGrid": "Search in the data grid",
                    "dxDataGrid-ariaSelectAll": "Select all",
                    "dxDataGrid-ariaSelectRow": "Select row",
                    "dxDataGrid-ariaToolbar": "Data grid toolbar",
                    "dxDataGrid-ariaEditForm": "Edit form",
                    "dxDataGrid-filterBuilderPopupTitle": "Filter Builder",
                    "dxDataGrid-filterPanelCreateFilter": "Create Filter",
                    "dxDataGrid-filterPanelClearFilter": "Clear",
                    "dxDataGrid-filterPanelFilterEnabledHint": "Enable the filter",
                    "dxDataGrid-masterDetail": "Cell with details",
                    "dxDataGrid-moveColumnToTheRight": "Move to the right",
                    "dxDataGrid-moveColumnToTheLeft": "Move to the left",
                    "dxTreeList-ariaTreeList": "Tree list with {0} rows and {1} columns",
                    "dxTreeList-ariaExpandableInstruction": "Press Ctrl + right arrow to expand the focused node and Ctrl + left arrow to collapse it",
                    "dxTreeList-ariaSearchInGrid": "Search in the tree list",
                    "dxTreeList-ariaToolbar": "Tree list toolbar",
                    "dxTreeList-editingAddRowToNode": "Add",
                    "dxPager-infoText": "Page {0} of {1} ({2} items)",
                    "dxPager-pagesCountText": "of",
                    "dxPager-pageSize": "Items per page: {0}",
                    "dxPager-pageSizesAllText": "All",
                    "dxPager-page": "Page {0}",
                    "dxPager-prevPage": "Previous page",
                    "dxPager-nextPage": "Next page",
                    "dxPager-ariaLabel": "Page navigation",
                    "dxPager-ariaPageSize": "Page size",
                    "dxPager-ariaPageNumber": "Page number",
                    "dxPagination-infoText": "Page {0} of {1} ({2} items)",
                    "dxPagination-pagesCountText": "of",
                    "dxPagination-pageSize": "Items per page: {0}",
                    "dxPagination-pageSizesAllText": "All",
                    "dxPagination-page": "Page {0}",
                    "dxPagination-prevPage": "Previous page",
                    "dxPagination-nextPage": "Next page",
                    "dxPagination-ariaLabel": "Page navigation",
                    "dxPagination-ariaPageSize": "Page size",
                    "dxPagination-ariaPageNumber": "Page number",
                    "dxPivotGrid-grandTotal": "Grand Total",
                    "dxPivotGrid-total": "{0} Total",
                    "dxPivotGrid-fieldChooserTitle": "Field Chooser",
                    "dxPivotGrid-showFieldChooser": "Show Field Chooser",
                    "dxPivotGrid-expandAll": "Expand All",
                    "dxPivotGrid-collapseAll": "Collapse All",
                    "dxPivotGrid-sortColumnBySummary": 'Sort "{0}" by This Column',
                    "dxPivotGrid-sortRowBySummary": 'Sort "{0}" by This Row',
                    "dxPivotGrid-removeAllSorting": "Remove All Sorting",
                    "dxPivotGrid-dataNotAvailable": "N/A",
                    "dxPivotGrid-rowFields": "Row Fields",
                    "dxPivotGrid-columnFields": "Column Fields",
                    "dxPivotGrid-dataFields": "Data Fields",
                    "dxPivotGrid-filterFields": "Filter Fields",
                    "dxPivotGrid-allFields": "All Fields",
                    "dxPivotGrid-columnFieldArea": "Drop Column Fields Here",
                    "dxPivotGrid-dataFieldArea": "Drop Data Fields Here",
                    "dxPivotGrid-rowFieldArea": "Drop Row Fields Here",
                    "dxPivotGrid-filterFieldArea": "Drop Filter Fields Here",
                    "dxScheduler-dateRange": "from {0} to {1}",
                    "dxScheduler-ariaLabel": "Scheduler. {0} view: {1} with {2} appointments",
                    "dxScheduler-ariaLabel-currentIndicator-present": "The current time indicator is visible in the view",
                    "dxScheduler-ariaLabel-currentIndicator-not-present": "The current time indicator is not visible on the screen",
                    "dxScheduler-appointmentAriaLabel-group": "Group: {0}",
                    "dxScheduler-appointmentAriaLabel-recurring": "Recurring appointment",
                    "dxScheduler-appointmentListAriaLabel": "Appointment list",
                    "dxScheduler-newPopupTitle": "New Appointment",
                    "dxScheduler-editPopupTitle": "Edit Appointment",
                    "dxScheduler-editPopupSaveButtonText": "Save",
                    "dxScheduler-editorLabelTitle": "Subject",
                    "dxScheduler-editorLabelStartDate": "Start Date",
                    "dxScheduler-editorAriaLabelStartTime": "Start time",
                    "dxScheduler-editorLabelEndDate": "End Date",
                    "dxScheduler-editorAriaLabelEndTime": "End time",
                    "dxScheduler-editorLabelDescription": "Description",
                    "dxScheduler-editorLabelRecurrence": "Repeat",
                    "dxScheduler-noSubject": "(No subject)",
                    "dxScheduler-navigationToday": "Today",
                    "dxScheduler-navigationPrevious": "Previous page",
                    "dxScheduler-navigationNext": "Next page",
                    "dxScheduler-openAppointment": "Open appointment",
                    "dxScheduler-recurrenceNever": "Never",
                    "dxScheduler-recurrenceMinutely": "Every minute",
                    "dxScheduler-recurrenceHourly": "Hourly",
                    "dxScheduler-recurrenceDaily": "Daily",
                    "dxScheduler-recurrenceWeekly": "Weekly",
                    "dxScheduler-recurrenceMonthly": "Monthly",
                    "dxScheduler-recurrenceYearly": "Yearly",
                    "dxScheduler-recurrenceRepeatEvery": "Repeat Every",
                    "dxScheduler-recurrenceRepeatOn": "Repeat On",
                    "dxScheduler-recurrenceEnd": "End repeat",
                    "dxScheduler-recurrenceAfter": "After",
                    "dxScheduler-recurrenceOn": "On",
                    "dxScheduler-recurrenceUntilDateLabel": "Date when repeat ends",
                    "dxScheduler-recurrenceOccurrenceLabel": "Number of occurrences",
                    "dxScheduler-recurrenceRepeatMinutely": "minute(s)",
                    "dxScheduler-recurrenceRepeatHourly": "hour(s)",
                    "dxScheduler-recurrenceRepeatDaily": "day(s)",
                    "dxScheduler-recurrenceRepeatWeekly": "week(s)",
                    "dxScheduler-recurrenceRepeatMonthly": "month(s)",
                    "dxScheduler-recurrenceRepeatYearly": "year(s)",
                    "dxScheduler-switcherDay": "Day",
                    "dxScheduler-switcherWeek": "Week",
                    "dxScheduler-switcherWorkWeek": "Work Week",
                    "dxScheduler-switcherMonth": "Month",
                    "dxScheduler-switcherAgenda": "Agenda",
                    "dxScheduler-switcherTimelineDay": "Timeline Day",
                    "dxScheduler-switcherTimelineWeek": "Timeline Week",
                    "dxScheduler-switcherTimelineWorkWeek": "Timeline Work Week",
                    "dxScheduler-switcherTimelineMonth": "Timeline Month",
                    "dxScheduler-recurrenceRepeatOnDate": "on date",
                    "dxScheduler-recurrenceRepeatCount": "occurrence(s)",
                    "dxScheduler-allDay": "All day",
                    "dxScheduler-ariaEditForm": "Edit form",
                    "dxScheduler-confirmRecurrenceEditTitle": "Edit Recurring Appointment",
                    "dxScheduler-confirmRecurrenceDeleteTitle": "Delete Recurring Appointment",
                    "dxScheduler-confirmRecurrenceEditMessage": "Do you want to edit only this appointment or the whole series?",
                    "dxScheduler-confirmRecurrenceDeleteMessage": "Do you want to delete only this appointment or the whole series?",
                    "dxScheduler-confirmRecurrenceEditSeries": "Edit series",
                    "dxScheduler-confirmRecurrenceDeleteSeries": "Delete series",
                    "dxScheduler-confirmRecurrenceEditOccurrence": "Edit appointment",
                    "dxScheduler-confirmRecurrenceDeleteOccurrence": "Delete appointment",
                    "dxScheduler-noTimezoneTitle": "No timezone",
                    "dxScheduler-moreAppointments": "{0} more",
                    "dxCalendar-currentDay": "Today",
                    "dxCalendar-currentMonth": "Current month",
                    "dxCalendar-currentYear": "Current year",
                    "dxCalendar-currentYearRange": "Current year range",
                    "dxCalendar-todayButtonText": "Today",
                    "dxCalendar-ariaWidgetName": "Calendar",
                    "dxCalendar-previousMonthButtonLabel": "Previous month",
                    "dxCalendar-previousYearButtonLabel": "Previous year",
                    "dxCalendar-previousDecadeButtonLabel": "Previous decade",
                    "dxCalendar-previousCenturyButtonLabel": "Previous century",
                    "dxCalendar-nextMonthButtonLabel": "Next month",
                    "dxCalendar-nextYearButtonLabel": "Next year",
                    "dxCalendar-nextDecadeButtonLabel": "Next decade",
                    "dxCalendar-nextCenturyButtonLabel": "Next century",
                    "dxCalendar-captionMonthLabel": "Month selection",
                    "dxCalendar-captionYearLabel": "Year selection",
                    "dxCalendar-captionDecadeLabel": "Decade selection",
                    "dxCalendar-captionCenturyLabel": "Century selection",
                    "dxCalendar-selectedDate": "The selected date is {0}",
                    "dxCalendar-selectedDates": "The selected dates",
                    "dxCalendar-selectedDateRange": "The selected date range is from {0} to {1}",
                    "dxCalendar-selectedMultipleDateRange": "from {0} to {1}",
                    "dxCalendar-selectedDateRangeCount": "There are {0} selected date ranges",
                    "dxCalendar-readOnlyLabel": "Read-only calendar",
                    "dxCardView-ariaSearchInGrid": "Search in the card view",
                    "dxCardView-ariaHeaderItemLabel": "Field name {0}",
                    "dxCardView-ariaHeaderItemSortingAscendingLabel": "Sorted in ascending order",
                    "dxCardView-ariaHeaderItemSortingDescendingLabel": "Sorted in descending order",
                    "dxCardView-ariaHeaderItemSortingIndexLabel": "Sort index {0}",
                    "dxCardView-ariaHeaderHasHeaderFilterLabel": "Header filter applied",
                    "dxCardView-ariaSelectCard": "Select card",
                    "dxCardView-ariaCardView": "Card view with {0} cards. Each card has {1} fields",
                    "dxCardView-ariaCard": "Card",
                    "dxCardView-ariaEditableCard": "Editable card",
                    "dxCardView-ariaCardPosition": "Row {0}, column {1}",
                    "dxCardView-ariaSelectedCardState": "Selected",
                    "dxCardView-ariaNotSelectedCardState": "Not selected",
                    "dxCardView-selectAll": "Select all",
                    "dxCardView-clearSelection": "Clear selection",
                    "dxCardView-cardNoImageAriaLabel": "No image",
                    "dxCardView-headerItemDropZoneText": "Drop the header item here",
                    "dxCardView-emptyHeaderPanelText": "Use {0} to display columns",
                    "dxCardView-emptyHeaderPanelColumnChooserText": "column chooser",
                    "dxAvatar-defaultImageAlt": "Avatar",
                    "dxChat-elementAriaLabel": "Chat",
                    "dxChat-textareaPlaceholder": "Type a message",
                    "dxChat-sendButtonAriaLabel": "Send",
                    "dxChat-cancelEditingButtonAriaLabel": "Cancel",
                    "dxChat-editingMessageCaption": "Edit Message",
                    "dxChat-defaultUserName": "Unknown User",
                    "dxChat-messageListAriaLabel": "Message list",
                    "dxChat-alertListAriaLabel": "Error list",
                    "dxChat-emptyListMessage": "There are no messages in this chat",
                    "dxChat-emptyListPrompt": "Write your first message",
                    "dxChat-typingMessageSingleUser": "{0} is typing...",
                    "dxChat-typingMessageTwoUsers": "{0} and {1} are typing...",
                    "dxChat-typingMessageThreeUsers": "{0}, {1} and {2} are typing...",
                    "dxChat-typingMessageMultipleUsers": "{0} and others are typing...",
                    "dxChat-editedMessageText": "Edited",
                    "dxChat-editingEditMessage": "Edit",
                    "dxChat-editingDeleteMessage": "Delete",
                    "dxChat-editingDeleteConfirmText": "Are you sure you want to delete this message?",
                    "dxChat-deletedMessageText": "This message was deleted",
                    "dxChat-defaultImageAlt": "Image shared in chat",
                    "dxChat-fileViewLabel": "File list",
                    "dxChat-downloadButtonLabel": "Download file {0}",
                    "dxChat-fileLimitReachedWarning": "You selected too many files. Select no more than {0} files and retry.",
                    "dxColorView-ariaRed": "Red",
                    "dxColorView-ariaGreen": "Green",
                    "dxColorView-ariaBlue": "Blue",
                    "dxColorView-ariaAlpha": "Transparency",
                    "dxColorView-ariaHex": "Color code",
                    "dxTagBox-selected": "{0} selected",
                    "dxTagBox-allSelected": "All selected ({0})",
                    "dxTagBox-moreSelected": "{0} more",
                    "dxTagBox-tagRoleDescription": "Tag. Press the delete button to remove this tag",
                    "dxTagBox-ariaRoleDescription": "Tag box",
                    "vizExport-printingButtonText": "Print",
                    "vizExport-titleMenuText": "Exporting/Printing",
                    "vizExport-exportButtonText": "{0} file",
                    "dxFilterBuilder-and": "And",
                    "dxFilterBuilder-or": "Or",
                    "dxFilterBuilder-notAnd": "Not And",
                    "dxFilterBuilder-notOr": "Not Or",
                    "dxFilterBuilder-addCondition": "Add Condition",
                    "dxFilterBuilder-addGroup": "Add Group",
                    "dxFilterBuilder-enterValueText": "<enter a value>",
                    "dxFilterBuilder-filterOperationEquals": "Equals",
                    "dxFilterBuilder-filterOperationNotEquals": "Does not equal",
                    "dxFilterBuilder-filterOperationLess": "Is less than",
                    "dxFilterBuilder-filterOperationLessOrEquals": "Is less than or equal to",
                    "dxFilterBuilder-filterOperationGreater": "Is greater than",
                    "dxFilterBuilder-filterOperationGreaterOrEquals": "Is greater than or equal to",
                    "dxFilterBuilder-filterOperationStartsWith": "Starts with",
                    "dxFilterBuilder-filterOperationContains": "Contains",
                    "dxFilterBuilder-filterOperationNotContains": "Does not contain",
                    "dxFilterBuilder-filterOperationEndsWith": "Ends with",
                    "dxFilterBuilder-filterOperationIsBlank": "Is blank",
                    "dxFilterBuilder-filterOperationIsNotBlank": "Is not blank",
                    "dxFilterBuilder-filterOperationBetween": "Is between",
                    "dxFilterBuilder-filterOperationAnyOf": "Is any of",
                    "dxFilterBuilder-filterOperationNoneOf": "Is none of",
                    "dxFilterBuilder-filterAriaRootElement": "Filter builder",
                    "dxFilterBuilder-filterAriaGroupLevel": "Level {0}",
                    "dxFilterBuilder-filterAriaGroupItem": "Group item",
                    "dxFilterBuilder-filterAriaOperationButton": "Operation",
                    "dxFilterBuilder-filterAriaAddButton": "Add",
                    "dxFilterBuilder-filterAriaRemoveButton": "Remove {0}",
                    "dxFilterBuilder-filterAriaItemField": "Item field",
                    "dxFilterBuilder-filterAriaItemOperation": "Item operation",
                    "dxFilterBuilder-filterAriaItemValue": "Item value",
                    "dxHtmlEditor-dialogColorCaption": "Change Font Color",
                    "dxHtmlEditor-dialogBackgroundCaption": "Change Background Color",
                    "dxHtmlEditor-dialogLinkCaption": "Add Link",
                    "dxHtmlEditor-dialogLinkUrlField": "URL",
                    "dxHtmlEditor-dialogLinkTextField": "Text",
                    "dxHtmlEditor-dialogLinkTargetField": "Open link in new window",
                    "dxHtmlEditor-dialogImageCaption": "Add Image",
                    "dxHtmlEditor-dialogImageUrlField": "URL",
                    "dxHtmlEditor-dialogImageAltField": "Alternate text",
                    "dxHtmlEditor-dialogImageWidthField": "Width (px)",
                    "dxHtmlEditor-dialogImageHeightField": "Height (px)",
                    "dxHtmlEditor-dialogInsertTableRowsField": "Rows",
                    "dxHtmlEditor-dialogInsertTableColumnsField": "Columns",
                    "dxHtmlEditor-dialogInsertTableCaption": "Insert Table",
                    "dxHtmlEditor-dialogUpdateImageCaption": "Update Image",
                    "dxHtmlEditor-dialogImageUpdateButton": "Update",
                    "dxHtmlEditor-dialogImageAddButton": "Add",
                    "dxHtmlEditor-dialogImageSpecifyUrl": "From the Web",
                    "dxHtmlEditor-dialogImageSelectFile": "From This Device",
                    "dxHtmlEditor-dialogImageKeepAspectRatio": "Keep Aspect Ratio",
                    "dxHtmlEditor-dialogImageEncodeToBase64": "Encode to Base64",
                    "dxHtmlEditor-heading": "Heading",
                    "dxHtmlEditor-normalText": "Normal text",
                    "dxHtmlEditor-background": "Background Color",
                    "dxHtmlEditor-bold": "Bold",
                    "dxHtmlEditor-color": "Font Color",
                    "dxHtmlEditor-font": "Font",
                    "dxHtmlEditor-italic": "Italic",
                    "dxHtmlEditor-link": "Add Link",
                    "dxHtmlEditor-image": "Add Image",
                    "dxHtmlEditor-size": "Size",
                    "dxHtmlEditor-strike": "Strikethrough",
                    "dxHtmlEditor-subscript": "Subscript",
                    "dxHtmlEditor-superscript": "Superscript",
                    "dxHtmlEditor-underline": "Underline",
                    "dxHtmlEditor-blockquote": "Blockquote",
                    "dxHtmlEditor-header": "Header",
                    "dxHtmlEditor-increaseIndent": "Increase Indent",
                    "dxHtmlEditor-decreaseIndent": "Decrease Indent",
                    "dxHtmlEditor-orderedList": "Ordered List",
                    "dxHtmlEditor-bulletList": "Bullet List",
                    "dxHtmlEditor-alignLeft": "Align Left",
                    "dxHtmlEditor-alignCenter": "Align Center",
                    "dxHtmlEditor-alignRight": "Align Right",
                    "dxHtmlEditor-alignJustify": "Align Justify",
                    "dxHtmlEditor-codeBlock": "Code Block",
                    "dxHtmlEditor-variable": "Add Variable",
                    "dxHtmlEditor-undo": "Undo",
                    "dxHtmlEditor-redo": "Redo",
                    "dxHtmlEditor-clear": "Clear Formatting",
                    "dxHtmlEditor-insertTable": "Insert Table",
                    "dxHtmlEditor-insertHeaderRow": "Insert Header Row",
                    "dxHtmlEditor-insertRowAbove": "Insert Row Above",
                    "dxHtmlEditor-insertRowBelow": "Insert Row Below",
                    "dxHtmlEditor-insertColumnLeft": "Insert Column Left",
                    "dxHtmlEditor-insertColumnRight": "Insert Column Right",
                    "dxHtmlEditor-deleteColumn": "Delete Column",
                    "dxHtmlEditor-deleteRow": "Delete Row",
                    "dxHtmlEditor-deleteTable": "Delete Table",
                    "dxHtmlEditor-cellProperties": "Cell Properties",
                    "dxHtmlEditor-tableProperties": "Table Properties",
                    "dxHtmlEditor-insert": "Insert",
                    "dxHtmlEditor-delete": "Delete",
                    "dxHtmlEditor-border": "Border",
                    "dxHtmlEditor-style": "Style",
                    "dxHtmlEditor-width": "Width",
                    "dxHtmlEditor-height": "Height",
                    "dxHtmlEditor-borderColor": "Color",
                    "dxHtmlEditor-borderWidth": "Border Width",
                    "dxHtmlEditor-tableBackground": "Background",
                    "dxHtmlEditor-dimensions": "Dimensions",
                    "dxHtmlEditor-alignment": "Alignment",
                    "dxHtmlEditor-horizontal": "Horizontal",
                    "dxHtmlEditor-vertical": "Vertical",
                    "dxHtmlEditor-paddingVertical": "Vertical Padding",
                    "dxHtmlEditor-paddingHorizontal": "Horizontal Padding",
                    "dxHtmlEditor-pixels": "Pixels",
                    "dxHtmlEditor-list": "List",
                    "dxHtmlEditor-ordered": "Ordered",
                    "dxHtmlEditor-bullet": "Bullet",
                    "dxHtmlEditor-align": "Align",
                    "dxHtmlEditor-center": "Center",
                    "dxHtmlEditor-left": "Left",
                    "dxHtmlEditor-right": "Right",
                    "dxHtmlEditor-indent": "Indent",
                    "dxHtmlEditor-justify": "Justify",
                    "dxHtmlEditor-borderStyleNone": "none",
                    "dxHtmlEditor-borderStyleHidden": "hidden",
                    "dxHtmlEditor-borderStyleDotted": "dotted",
                    "dxHtmlEditor-borderStyleDashed": "dashed",
                    "dxHtmlEditor-borderStyleSolid": "solid",
                    "dxHtmlEditor-borderStyleDouble": "double",
                    "dxHtmlEditor-borderStyleGroove": "groove",
                    "dxHtmlEditor-borderStyleRidge": "ridge",
                    "dxHtmlEditor-borderStyleInset": "inset",
                    "dxHtmlEditor-borderStyleOutset": "outset",
                    "dxHtmlEditor-aiDialogTitle": "AI Assistant",
                    "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
                    "dxHtmlEditor-aiDialogCanceled": "Generation canceled",
                    "dxHtmlEditor-aiReplace": "Replace",
                    "dxHtmlEditor-aiInsertAbove": "Insert above",
                    "dxHtmlEditor-aiInsertBelow": "Insert below",
                    "dxHtmlEditor-aiCopy": "Copy",
                    "dxHtmlEditor-aiRegenerate": "Regenerate",
                    "dxHtmlEditor-aiGenerate": "Generate",
                    "dxHtmlEditor-aiCancel": "Cancel",
                    "dxHtmlEditor-aiToolbarItemAriaLabel": "AI Assistant toolbar item",
                    "dxHtmlEditor-aiResultTextAreaAriaLabel": "AI Assistant result",
                    "dxHtmlEditor-aiAskPlaceholder": "Ask AI to modify text",
                    "dxHtmlEditor-aiCommandSummarize": "Summarize",
                    "dxHtmlEditor-aiCommandProofread": "Proofread",
                    "dxHtmlEditor-aiCommandExpand": "Expand",
                    "dxHtmlEditor-aiCommandShorten": "Shorten",
                    "dxHtmlEditor-aiCommandChangeStyle": "Change Style",
                    "dxHtmlEditor-aiCommandChangeTone": "Change Tone",
                    "dxHtmlEditor-aiCommandTranslate": "Translate",
                    "dxHtmlEditor-aiCommandAskAI": "Ask AI",
                    "dxHtmlEditor-aiCommandChangeStyleFormal": "Formal",
                    "dxHtmlEditor-aiCommandChangeStyleInformal": "Informal",
                    "dxHtmlEditor-aiCommandChangeStyleTechnical": "Technical",
                    "dxHtmlEditor-aiCommandChangeStyleBusiness": "Business",
                    "dxHtmlEditor-aiCommandChangeStyleCreative": "Creative",
                    "dxHtmlEditor-aiCommandChangeStyleJournalistic": "Journalistic",
                    "dxHtmlEditor-aiCommandChangeStyleAcademic": "Academic",
                    "dxHtmlEditor-aiCommandChangeStylePersuasive": "Persuasive",
                    "dxHtmlEditor-aiCommandChangeStyleNarrative": "Narrative",
                    "dxHtmlEditor-aiCommandChangeStyleExpository": "Expository",
                    "dxHtmlEditor-aiCommandChangeStyleDescriptive": "Descriptive",
                    "dxHtmlEditor-aiCommandChangeStyleConversational": "Conversational",
                    "dxHtmlEditor-aiCommandChangeToneProfessional": "Professional",
                    "dxHtmlEditor-aiCommandChangeToneCasual": "Casual",
                    "dxHtmlEditor-aiCommandChangeToneStraightforward": "Straightforward",
                    "dxHtmlEditor-aiCommandChangeToneConfident": "Confident",
                    "dxHtmlEditor-aiCommandChangeToneFriendly": "Friendly",
                    "dxHtmlEditor-aiCommandTranslateArabic": "Arabic",
                    "dxHtmlEditor-aiCommandTranslateChinese": "Chinese",
                    "dxHtmlEditor-aiCommandTranslateEnglish": "English",
                    "dxHtmlEditor-aiCommandTranslateFrench": "French",
                    "dxHtmlEditor-aiCommandTranslateGerman": "German",
                    "dxHtmlEditor-aiCommandTranslateJapanese": "Japanese",
                    "dxHtmlEditor-aiCommandTranslateSpanish": "Spanish",
                    "dxFileManager-newDirectoryName": "Untitled directory",
                    "dxFileManager-rootDirectoryName": "Files",
                    "dxFileManager-errorNoAccess": "Access Denied. Operation could not be completed.",
                    "dxFileManager-errorDirectoryExistsFormat": "Directory '{0}' already exists.",
                    "dxFileManager-errorFileExistsFormat": "File '{0}' already exists.",
                    "dxFileManager-errorFileNotFoundFormat": "File '{0}' not found.",
                    "dxFileManager-errorDirectoryNotFoundFormat": "Directory '{0}' not found.",
                    "dxFileManager-errorWrongFileExtension": "File extension is not allowed.",
                    "dxFileManager-errorMaxFileSizeExceeded": "File size exceeds the maximum allowed size.",
                    "dxFileManager-errorInvalidSymbols": "This name contains invalid characters.",
                    "dxFileManager-errorDefault": "Unspecified error.",
                    "dxFileManager-errorDirectoryOpenFailed": "The directory cannot be opened",
                    "dxFileManager-commandCreate": "New directory",
                    "dxFileManager-commandRename": "Rename",
                    "dxFileManager-commandMove": "Move to",
                    "dxFileManager-commandCopy": "Copy to",
                    "dxFileManager-commandDelete": "Delete",
                    "dxFileManager-commandDownload": "Download",
                    "dxFileManager-commandUpload": "Upload files",
                    "dxFileManager-commandRefresh": "Refresh",
                    "dxFileManager-commandThumbnails": "Thumbnails View",
                    "dxFileManager-commandDetails": "Details View",
                    "dxFileManager-commandClearSelection": "Clear selection",
                    "dxFileManager-commandShowNavPane": "Toggle navigation pane",
                    "dxFileManager-dialogDirectoryChooserMoveTitle": "Move to",
                    "dxFileManager-dialogDirectoryChooserMoveButtonText": "Move",
                    "dxFileManager-dialogDirectoryChooserCopyTitle": "Copy to",
                    "dxFileManager-dialogDirectoryChooserCopyButtonText": "Copy",
                    "dxFileManager-dialogRenameItemTitle": "Rename",
                    "dxFileManager-dialogRenameItemButtonText": "Save",
                    "dxFileManager-dialogCreateDirectoryTitle": "New directory",
                    "dxFileManager-dialogCreateDirectoryButtonText": "Create",
                    "dxFileManager-dialogDeleteItemTitle": "Delete",
                    "dxFileManager-dialogDeleteItemButtonText": "Delete",
                    "dxFileManager-dialogDeleteItemSingleItemConfirmation": "Are you sure you want to delete {0}?",
                    "dxFileManager-dialogDeleteItemMultipleItemsConfirmation": "Are you sure you want to delete {0} items?",
                    "dxFileManager-dialogButtonCancel": "Cancel",
                    "dxFileManager-editingCreateSingleItemProcessingMessage": "Creating a directory inside {0}",
                    "dxFileManager-editingCreateSingleItemSuccessMessage": "Created a directory inside {0}",
                    "dxFileManager-editingCreateSingleItemErrorMessage": "Directory was not created",
                    "dxFileManager-editingCreateCommonErrorMessage": "Directory was not created",
                    "dxFileManager-editingRenameSingleItemProcessingMessage": "Renaming an item inside {0}",
                    "dxFileManager-editingRenameSingleItemSuccessMessage": "Renamed an item inside {0}",
                    "dxFileManager-editingRenameSingleItemErrorMessage": "Item was not renamed",
                    "dxFileManager-editingRenameCommonErrorMessage": "Item was not renamed",
                    "dxFileManager-editingDeleteSingleItemProcessingMessage": "Deleting an item from {0}",
                    "dxFileManager-editingDeleteMultipleItemsProcessingMessage": "Deleting {0} items from {1}",
                    "dxFileManager-editingDeleteSingleItemSuccessMessage": "Deleted an item from {0}",
                    "dxFileManager-editingDeleteMultipleItemsSuccessMessage": "Deleted {0} items from {1}",
                    "dxFileManager-editingDeleteSingleItemErrorMessage": "Item was not deleted",
                    "dxFileManager-editingDeleteMultipleItemsErrorMessage": "{0} items were not deleted",
                    "dxFileManager-editingDeleteCommonErrorMessage": "Some items were not deleted",
                    "dxFileManager-editingMoveSingleItemProcessingMessage": "Moving an item to {0}",
                    "dxFileManager-editingMoveMultipleItemsProcessingMessage": "Moving {0} items to {1}",
                    "dxFileManager-editingMoveSingleItemSuccessMessage": "Moved an item to {0}",
                    "dxFileManager-editingMoveMultipleItemsSuccessMessage": "Moved {0} items to {1}",
                    "dxFileManager-editingMoveSingleItemErrorMessage": "Item was not moved",
                    "dxFileManager-editingMoveMultipleItemsErrorMessage": "{0} items were not moved",
                    "dxFileManager-editingMoveCommonErrorMessage": "Some items were not moved",
                    "dxFileManager-editingCopySingleItemProcessingMessage": "Copying an item to {0}",
                    "dxFileManager-editingCopyMultipleItemsProcessingMessage": "Copying {0} items to {1}",
                    "dxFileManager-editingCopySingleItemSuccessMessage": "Copied an item to {0}",
                    "dxFileManager-editingCopyMultipleItemsSuccessMessage": "Copied {0} items to {1}",
                    "dxFileManager-editingCopySingleItemErrorMessage": "Item was not copied",
                    "dxFileManager-editingCopyMultipleItemsErrorMessage": "{0} items were not copied",
                    "dxFileManager-editingCopyCommonErrorMessage": "Some items were not copied",
                    "dxFileManager-editingUploadSingleItemProcessingMessage": "Uploading an item to {0}",
                    "dxFileManager-editingUploadMultipleItemsProcessingMessage": "Uploading {0} items to {1}",
                    "dxFileManager-editingUploadSingleItemSuccessMessage": "Uploaded an item to {0}",
                    "dxFileManager-editingUploadMultipleItemsSuccessMessage": "Uploaded {0} items to {1}",
                    "dxFileManager-editingUploadSingleItemErrorMessage": "Item was not uploaded",
                    "dxFileManager-editingUploadMultipleItemsErrorMessage": "{0} items were not uploaded",
                    "dxFileManager-editingUploadCanceledMessage": "Canceled",
                    "dxFileManager-editingDownloadSingleItemErrorMessage": "Item was not downloaded",
                    "dxFileManager-editingDownloadMultipleItemsErrorMessage": "{0} items were not downloaded",
                    "dxFileManager-listDetailsColumnCaptionName": "Name",
                    "dxFileManager-listDetailsColumnCaptionDateModified": "Date Modified",
                    "dxFileManager-listDetailsColumnCaptionFileSize": "File Size",
                    "dxFileManager-listThumbnailsTooltipTextSize": "Size",
                    "dxFileManager-listThumbnailsTooltipTextDateModified": "Date Modified",
                    "dxFileManager-notificationProgressPanelTitle": "Progress",
                    "dxFileManager-notificationProgressPanelEmptyListText": "No operations",
                    "dxFileManager-notificationProgressPanelOperationCanceled": "Canceled",
                    "dxDiagram-categoryGeneral": "General",
                    "dxDiagram-categoryFlowchart": "Flowchart",
                    "dxDiagram-categoryOrgChart": "Org Chart",
                    "dxDiagram-categoryContainers": "Containers",
                    "dxDiagram-categoryCustom": "Custom",
                    "dxDiagram-commandExportToSvg": "Export to SVG",
                    "dxDiagram-commandExportToPng": "Export to PNG",
                    "dxDiagram-commandExportToJpg": "Export to JPEG",
                    "dxDiagram-commandUndo": "Undo",
                    "dxDiagram-commandRedo": "Redo",
                    "dxDiagram-commandFontName": "Font Name",
                    "dxDiagram-commandFontSize": "Font Size",
                    "dxDiagram-commandBold": "Bold",
                    "dxDiagram-commandItalic": "Italic",
                    "dxDiagram-commandUnderline": "Underline",
                    "dxDiagram-commandTextColor": "Font Color",
                    "dxDiagram-commandLineColor": "Line Color",
                    "dxDiagram-commandLineWidth": "Line Width",
                    "dxDiagram-commandLineStyle": "Line Style",
                    "dxDiagram-commandLineStyleSolid": "Solid",
                    "dxDiagram-commandLineStyleDotted": "Dotted",
                    "dxDiagram-commandLineStyleDashed": "Dashed",
                    "dxDiagram-commandFillColor": "Fill Color",
                    "dxDiagram-commandAlignLeft": "Align Left",
                    "dxDiagram-commandAlignCenter": "Align Center",
                    "dxDiagram-commandAlignRight": "Align Right",
                    "dxDiagram-commandConnectorLineType": "Connector Line Type",
                    "dxDiagram-commandConnectorLineStraight": "Straight",
                    "dxDiagram-commandConnectorLineOrthogonal": "Orthogonal",
                    "dxDiagram-commandConnectorLineStart": "Connector Line Start",
                    "dxDiagram-commandConnectorLineEnd": "Connector Line End",
                    "dxDiagram-commandConnectorLineNone": "None",
                    "dxDiagram-commandConnectorLineArrow": "Arrow",
                    "dxDiagram-commandFullscreen": "Full Screen",
                    "dxDiagram-commandUnits": "Units",
                    "dxDiagram-commandPageSize": "Page Size",
                    "dxDiagram-commandPageOrientation": "Page Orientation",
                    "dxDiagram-commandPageOrientationLandscape": "Landscape",
                    "dxDiagram-commandPageOrientationPortrait": "Portrait",
                    "dxDiagram-commandPageColor": "Page Color",
                    "dxDiagram-commandShowGrid": "Show Grid",
                    "dxDiagram-commandSnapToGrid": "Snap to Grid",
                    "dxDiagram-commandGridSize": "Grid Size",
                    "dxDiagram-commandZoomLevel": "Zoom Level",
                    "dxDiagram-commandAutoZoom": "Auto Zoom",
                    "dxDiagram-commandFitToContent": "Fit to Content",
                    "dxDiagram-commandFitToWidth": "Fit to Width",
                    "dxDiagram-commandAutoZoomByContent": "Auto Zoom by Content",
                    "dxDiagram-commandAutoZoomByWidth": "Auto Zoom by Width",
                    "dxDiagram-commandSimpleView": "Simple View",
                    "dxDiagram-commandCut": "Cut",
                    "dxDiagram-commandCopy": "Copy",
                    "dxDiagram-commandPaste": "Paste",
                    "dxDiagram-commandSelectAll": "Select All",
                    "dxDiagram-commandDelete": "Delete",
                    "dxDiagram-commandBringToFront": "Bring to Front",
                    "dxDiagram-commandSendToBack": "Send to Back",
                    "dxDiagram-commandLock": "Lock",
                    "dxDiagram-commandUnlock": "Unlock",
                    "dxDiagram-commandInsertShapeImage": "Insert Image...",
                    "dxDiagram-commandEditShapeImage": "Change Image...",
                    "dxDiagram-commandDeleteShapeImage": "Delete Image",
                    "dxDiagram-commandLayoutLeftToRight": "Left-to-right",
                    "dxDiagram-commandLayoutRightToLeft": "Right-to-left",
                    "dxDiagram-commandLayoutTopToBottom": "Top-to-bottom",
                    "dxDiagram-commandLayoutBottomToTop": "Bottom-to-top",
                    "dxDiagram-unitIn": "in",
                    "dxDiagram-unitCm": "cm",
                    "dxDiagram-unitPx": "px",
                    "dxDiagram-dialogButtonOK": "OK",
                    "dxDiagram-dialogButtonCancel": "Cancel",
                    "dxDiagram-dialogInsertShapeImageTitle": "Insert Image",
                    "dxDiagram-dialogEditShapeImageTitle": "Change Image",
                    "dxDiagram-dialogEditShapeImageSelectButton": "Select image",
                    "dxDiagram-dialogEditShapeImageLabelText": "or drop a file here",
                    "dxDiagram-uiExport": "Export",
                    "dxDiagram-uiProperties": "Properties",
                    "dxDiagram-uiSettings": "Settings",
                    "dxDiagram-uiShowToolbox": "Show Toolbox",
                    "dxDiagram-uiSearch": "Search",
                    "dxDiagram-uiStyle": "Style",
                    "dxDiagram-uiLayout": "Layout",
                    "dxDiagram-uiLayoutTree": "Tree",
                    "dxDiagram-uiLayoutLayered": "Layered",
                    "dxDiagram-uiDiagram": "Diagram",
                    "dxDiagram-uiText": "Text",
                    "dxDiagram-uiObject": "Object",
                    "dxDiagram-uiConnector": "Connector",
                    "dxDiagram-uiPage": "Page",
                    "dxDiagram-shapeText": "Text",
                    "dxDiagram-shapeRectangle": "Rectangle",
                    "dxDiagram-shapeEllipse": "Ellipse",
                    "dxDiagram-shapeCross": "Cross",
                    "dxDiagram-shapeTriangle": "Triangle",
                    "dxDiagram-shapeDiamond": "Diamond",
                    "dxDiagram-shapeHeart": "Heart",
                    "dxDiagram-shapePentagon": "Pentagon",
                    "dxDiagram-shapeHexagon": "Hexagon",
                    "dxDiagram-shapeOctagon": "Octagon",
                    "dxDiagram-shapeStar": "Star",
                    "dxDiagram-shapeArrowLeft": "Left Arrow",
                    "dxDiagram-shapeArrowUp": "Up Arrow",
                    "dxDiagram-shapeArrowRight": "Right Arrow",
                    "dxDiagram-shapeArrowDown": "Down Arrow",
                    "dxDiagram-shapeArrowUpDown": "Up Down Arrow",
                    "dxDiagram-shapeArrowLeftRight": "Left Right Arrow",
                    "dxDiagram-shapeProcess": "Process",
                    "dxDiagram-shapeDecision": "Decision",
                    "dxDiagram-shapeTerminator": "Terminator",
                    "dxDiagram-shapePredefinedProcess": "Predefined Process",
                    "dxDiagram-shapeDocument": "Document",
                    "dxDiagram-shapeMultipleDocuments": "Multiple Documents",
                    "dxDiagram-shapeManualInput": "Manual Input",
                    "dxDiagram-shapePreparation": "Preparation",
                    "dxDiagram-shapeData": "Data",
                    "dxDiagram-shapeDatabase": "Database",
                    "dxDiagram-shapeHardDisk": "Hard Disk",
                    "dxDiagram-shapeInternalStorage": "Internal Storage",
                    "dxDiagram-shapePaperTape": "Paper Tape",
                    "dxDiagram-shapeManualOperation": "Manual Operation",
                    "dxDiagram-shapeDelay": "Delay",
                    "dxDiagram-shapeStoredData": "Stored Data",
                    "dxDiagram-shapeDisplay": "Display",
                    "dxDiagram-shapeMerge": "Merge",
                    "dxDiagram-shapeConnector": "Connector",
                    "dxDiagram-shapeOr": "Or",
                    "dxDiagram-shapeSummingJunction": "Summing Junction",
                    "dxDiagram-shapeContainerDefaultText": "Container",
                    "dxDiagram-shapeVerticalContainer": "Vertical Container",
                    "dxDiagram-shapeHorizontalContainer": "Horizontal Container",
                    "dxDiagram-shapeCardDefaultText": "Person's Name",
                    "dxDiagram-shapeCardWithImageOnLeft": "Card with Image on the Left",
                    "dxDiagram-shapeCardWithImageOnTop": "Card with Image on the Top",
                    "dxDiagram-shapeCardWithImageOnRight": "Card with Image on the Right",
                    "dxGantt-dialogTitle": "Title",
                    "dxGantt-dialogStartTitle": "Start",
                    "dxGantt-dialogEndTitle": "End",
                    "dxGantt-dialogProgressTitle": "Progress",
                    "dxGantt-dialogResourcesTitle": "Resources",
                    "dxGantt-dialogResourceManagerTitle": "Resource Manager",
                    "dxGantt-dialogTaskDetailsTitle": "Task Details",
                    "dxGantt-dialogEditResourceListHint": "Edit Resource List",
                    "dxGantt-dialogEditNoResources": "No resources",
                    "dxGantt-dialogButtonAdd": "Add",
                    "dxGantt-contextMenuNewTask": "New Task",
                    "dxGantt-contextMenuNewSubtask": "New Subtask",
                    "dxGantt-contextMenuDeleteTask": "Delete Task",
                    "dxGantt-contextMenuDeleteDependency": "Delete Dependency",
                    "dxGantt-dialogTaskDeleteConfirmation": "Deleting a task also deletes all its dependencies and subtasks. Are you sure you want to delete this task?",
                    "dxGantt-dialogDependencyDeleteConfirmation": "Are you sure you want to delete the dependency from the task?",
                    "dxGantt-dialogResourcesDeleteConfirmation": "Deleting a resource also deletes it from tasks to which this resource is assigned. Are you sure you want to delete these resources? Resources: {0}",
                    "dxGantt-dialogConstraintCriticalViolationMessage": "The task you are attempting to move is linked to a second task by a dependency relation. This change would conflict with dependency rules. How would you like to proceed?",
                    "dxGantt-dialogConstraintViolationMessage": "The task you are attempting to move is linked to a second task by a dependency relation. How would you like to proceed?",
                    "dxGantt-dialogCancelOperationMessage": "Cancel the operation",
                    "dxGantt-dialogDeleteDependencyMessage": "Delete the dependency",
                    "dxGantt-dialogMoveTaskAndKeepDependencyMessage": "Move the task and keep the dependency",
                    "dxGantt-dialogConstraintCriticalViolationSeveralTasksMessage": "The task you are attempting to move is linked to another tasks by dependency relations. This change would conflict with dependency rules. How would you like to proceed?",
                    "dxGantt-dialogConstraintViolationSeveralTasksMessage": "The task you are attempting to move is linked to another tasks by dependency relations. How would you like to proceed?",
                    "dxGantt-dialogDeleteDependenciesMessage": "Delete the dependency relations",
                    "dxGantt-dialogMoveTaskAndKeepDependenciesMessage": "Move the task and keep the dependencies",
                    "dxGantt-undo": "Undo",
                    "dxGantt-redo": "Redo",
                    "dxGantt-expandAll": "Expand All",
                    "dxGantt-collapseAll": "Collapse All",
                    "dxGantt-addNewTask": "Add New Task",
                    "dxGantt-deleteSelectedTask": "Delete Selected Task",
                    "dxGantt-zoomIn": "Zoom In",
                    "dxGantt-zoomOut": "Zoom Out",
                    "dxGantt-fullScreen": "Full Screen",
                    "dxGantt-quarter": "Q{0}",
                    "dxGantt-sortingAscendingText": "Sort Ascending",
                    "dxGantt-sortingDescendingText": "Sort Descending",
                    "dxGantt-sortingClearText": "Clear Sorting",
                    "dxGantt-showResources": "Show Resources",
                    "dxGantt-showDependencies": "Show Dependencies",
                    "dxGantt-dialogStartDateValidation": "Start date must be after {0}",
                    "dxGantt-dialogEndDateValidation": "End date must be after {0}",
                    "dxGallery-itemName": "Gallery item",
                    "dxMultiView-elementAriaRoleDescription": "MultiView",
                    "dxMultiView-elementAriaLabel": "Use the arrow keys or swipe to navigate between views",
                    "dxMultiView-itemAriaRoleDescription": "View",
                    "dxMultiView-itemAriaLabel": "{0} of {1}",
                    "dxSplitter-resizeHandleAriaLabel": "Split bar",
                    "dxSplitter-resizeHandleAriaRoleDescription": "Separator",
                    "dxStepper-optionalMark": "(Optional)",
                    "dxSpeechToText-ariaLabelStart": "Press to start voice transcription",
                    "dxSpeechToText-ariaLabelStop": "Press to stop voice transcription"
                }
            }
        },
        75107(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _en = __webpack_require__( /*! ../../../core/localization/cldr-data/en */ 29242);
            var _supplemental = __webpack_require__( /*! ../../../core/localization/cldr-data/supplemental */ 3311);
            var _core = _interopRequireDefault(__webpack_require__( /*! ../../../core/localization/core */ 55407));
            var _globalize = _interopRequireDefault(__webpack_require__( /*! globalize */ 87626));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            if (null !== _globalize.default && void 0 !== _globalize.default && _globalize.default.load) {
                if (!_globalize.default.locale()) {
                    _globalize.default.load(_en.enCldr, _supplemental.supplementalCldr);
                    _globalize.default.locale("en")
                }
                _core.default.inject({
                    locale(locale) {
                        if (!locale) {
                            return _globalize.default.locale().locale
                        }
                        _globalize.default.locale(locale)
                    }
                })
            }
        },
        80811(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../../core/localization/globalize/core */ 75107);
            __webpack_require__( /*! ../../../core/localization/globalize/number */ 19377);
            __webpack_require__( /*! ../../../core/localization/currency */ 87631);
            __webpack_require__( /*! globalize/currency */ 87626);
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../../../core/config */ 66636));
            var _number2 = _interopRequireDefault(__webpack_require__( /*! ../../../core/localization/number */ 60605));
            var _open_xml_currency_format = _interopRequireDefault(__webpack_require__( /*! ../../../core/localization/open_xml_currency_format */ 69170));
            var _globalize = _interopRequireDefault(__webpack_require__( /*! globalize */ 87626));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CURRENCY_STYLES = ["symbol", "accounting"];
            if (null !== _globalize.default && void 0 !== _globalize.default && _globalize.default.formatCurrency) {
                if ("en" === _globalize.default.locale().locale) {
                    _globalize.default.locale("en")
                }
                const formattersCache = {};
                const getFormatter = (currency, format) => {
                    let formatter;
                    let formatCacheKey;
                    if ("object" === typeof format) {
                        formatCacheKey = `${_globalize.default.locale().locale}:${currency}:${JSON.stringify(format)}`
                    } else {
                        formatCacheKey = `${_globalize.default.locale().locale}:${currency}:${format}`
                    }
                    formatter = formattersCache[formatCacheKey];
                    if (!formatter) {
                        formatter = _globalize.default.currencyFormatter(currency, format);
                        formattersCache[formatCacheKey] = formatter
                    }
                    return formatter
                };
                const globalizeCurrencyLocalization = {
                    _formatNumberCore(value, format, formatConfig) {
                        if ("currency" === format) {
                            const currency = (null === formatConfig || void 0 === formatConfig ? void 0 : formatConfig.currency) ?? (0, _config.default)().defaultCurrency;
                            return getFormatter(currency, this._normalizeFormatConfig(format, formatConfig, value))(value)
                        }
                        return this.callBase.apply(this, [value, format, formatConfig])
                    },
                    _normalizeFormatConfig(format, formatConfig, value) {
                        const normalizedConfig = this.callBase.apply(this, [format, formatConfig, value]);
                        if ("currency" === format) {
                            const useAccountingStyle = formatConfig.useCurrencyAccountingStyle ?? (0, _config.default)().defaultUseCurrencyAccountingStyle;
                            normalizedConfig.style = CURRENCY_STYLES[+useAccountingStyle]
                        }
                        return normalizedConfig
                    },
                    format(value, format) {
                        if ("number" !== typeof value) {
                            return value
                        }
                        format = this._normalizeFormat(format);
                        if (format) {
                            if ("default" === format.currency) {
                                format.currency = (0, _config.default)().defaultCurrency
                            }
                            if ("currency" === format.type) {
                                return this._formatNumber(value, this._parseNumberFormatString("currency"), format)
                            }
                            if (!format.type && format.currency) {
                                return getFormatter(format.currency, format)(value)
                            }
                        }
                        return this.callBase.apply(this, [value, format])
                    },
                    getCurrencySymbol(currency) {
                        if (!currency) {
                            currency = (0, _config.default)().defaultCurrency
                        }
                        return _globalize.default.cldr.main(`numbers/currencies/${currency}`)
                    },
                    getOpenXmlCurrencyFormat(currency) {
                        const currencySymbol = this.getCurrencySymbol(currency).symbol;
                        const accountingFormat = _globalize.default.cldr.main("numbers/currencyFormats-numberSystem-latn").accounting;
                        return (0, _open_xml_currency_format.default)(currencySymbol, accountingFormat)
                    }
                };
                _number2.default.inject(globalizeCurrencyLocalization)
            }
        },
        60256(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../../core/localization/globalize/core */ 75107);
            __webpack_require__( /*! ../../../core/localization/globalize/number */ 19377);
            __webpack_require__( /*! globalize/date */ 87626);
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ../../../core/localization/date */ 45508));
            var iteratorUtils = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../../core/utils/m_iterator */ 26044));
            var _m_type = __webpack_require__( /*! ../../../core/utils/m_type */ 39918);
            var _globalize = _interopRequireDefault(__webpack_require__( /*! globalize */ 87626));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ACCEPTABLE_JSON_FORMAT_PROPERTIES = ["skeleton", "date", "time", "datetime", "raw"];
            const RTL_MARKS_REGEX = /[\u200E\u200F]/g;
            if (null !== _globalize.default && void 0 !== _globalize.default && _globalize.default.formatDate) {
                if ("en" === _globalize.default.locale().locale) {
                    _globalize.default.locale("en")
                }
                const formattersCache = {};
                const FORMATS_TO_GLOBALIZE_MAP = {
                    shortdate: {
                        path: "dateTimeFormats/availableFormats/yMd"
                    },
                    shorttime: {
                        path: "timeFormats/short"
                    },
                    longdate: {
                        path: "dateFormats/full"
                    },
                    longtime: {
                        path: "timeFormats/medium"
                    },
                    monthandday: {
                        path: "dateTimeFormats/availableFormats/MMMMd"
                    },
                    monthandyear: {
                        path: "dateTimeFormats/availableFormats/yMMMM"
                    },
                    quarterandyear: {
                        path: "dateTimeFormats/availableFormats/yQQQ"
                    },
                    day: {
                        path: "dateTimeFormats/availableFormats/d"
                    },
                    year: {
                        path: "dateTimeFormats/availableFormats/y"
                    },
                    shortdateshorttime: {
                        path: "dateTimeFormats/short",
                        parts: ["shorttime", "shortdate"]
                    },
                    longdatelongtime: {
                        path: "dateTimeFormats/medium",
                        parts: ["longtime", "longdate"]
                    },
                    month: {
                        pattern: "LLLL"
                    },
                    shortyear: {
                        pattern: "yy"
                    },
                    dayofweek: {
                        pattern: "EEEE"
                    },
                    quarter: {
                        pattern: "QQQ"
                    },
                    millisecond: {
                        pattern: "SSS"
                    },
                    hour: {
                        pattern: "HH"
                    },
                    minute: {
                        pattern: "mm"
                    },
                    second: {
                        pattern: "ss"
                    }
                };
                const globalizeDateLocalization = {
                    engine: () => "globalize",
                    _getPatternByFormat(format) {
                        const that = this;
                        const lowerFormat = format.toLowerCase();
                        const globalizeFormat = FORMATS_TO_GLOBALIZE_MAP[lowerFormat];
                        if ("datetime-local" === lowerFormat) {
                            return "yyyy-MM-ddTHH':'mm':'ss"
                        }
                        if (!globalizeFormat) {
                            return
                        }
                        let result = "path" in globalizeFormat ? that._getFormatStringByPath(globalizeFormat.path) : globalizeFormat.pattern;
                        if ("parts" in globalizeFormat) {
                            iteratorUtils.each(globalizeFormat.parts, (index, part) => {
                                result = result.replace(`{${index}}`, that._getPatternByFormat(part))
                            })
                        }
                        return result
                    },
                    _getFormatStringByPath: path => _globalize.default.locale().main(`dates/calendars/gregorian/${path}`),
                    getPeriodNames(format, type) {
                        format = format || "wide";
                        type = "format" === type ? type : "stand-alone";
                        const json = _globalize.default.locale().main(`dates/calendars/gregorian/dayPeriods/${type}/${format}`);
                        return [json.am, json.pm]
                    },
                    getMonthNames(format, type) {
                        const months = _globalize.default.locale().main(`dates/calendars/gregorian/months/${"format"===type?type:"stand-alone"}/${format||"wide"}`);
                        return iteratorUtils.map(months, month => month)
                    },
                    getDayNames(format) {
                        const days = _globalize.default.locale().main(`dates/calendars/gregorian/days/stand-alone/${format||"wide"}`);
                        return iteratorUtils.map(days, day => day)
                    },
                    getTimeSeparator: () => _globalize.default.locale().main("numbers/symbols-numberSystem-latn/timeSeparator"),
                    removeRtlMarks: text => text.replace(RTL_MARKS_REGEX, ""),
                    format(date, format) {
                        if (!date) {
                            return
                        }
                        if (!format) {
                            return date
                        }
                        let formatter;
                        let formatCacheKey;
                        if ("function" === typeof format) {
                            return format(date)
                        }
                        if (format.formatter) {
                            return format.formatter(date)
                        }
                        format = format.type ?? format;
                        if ("string" === typeof format) {
                            formatCacheKey = `${_globalize.default.locale().locale}:${format}`;
                            formatter = formattersCache[formatCacheKey];
                            if (!formatter) {
                                format = {
                                    raw: this._getPatternByFormat(format) || format
                                };
                                formatter = _globalize.default.dateFormatter(format);
                                formattersCache[formatCacheKey] = formatter
                            }
                        } else {
                            if (!this._isAcceptableFormat(format)) {
                                return
                            }
                            formatter = _globalize.default.dateFormatter(format)
                        }
                        return this.removeRtlMarks(formatter(date))
                    },
                    parse(text, format) {
                        if (!text) {
                            return
                        }
                        if (!format || "function" === typeof format || (0, _m_type.isObject)(format) && !this._isAcceptableFormat(format)) {
                            if (format) {
                                const parsedValue = this.callBase(text, format);
                                if (parsedValue) {
                                    return parsedValue
                                }
                            }
                            return _globalize.default.parseDate(text)
                        }
                        if (format.parser) {
                            return format.parser(text)
                        }
                        if ("string" === typeof format) {
                            format = {
                                raw: this._getPatternByFormat(format) || format
                            }
                        }
                        const parsedDate = _globalize.default.parseDate(text, format);
                        return parsedDate ?? this.callBase(text, format)
                    },
                    _isAcceptableFormat(format) {
                        if (format.parser) {
                            return true
                        }
                        for (let i = 0; i < ACCEPTABLE_JSON_FORMAT_PROPERTIES.length; i += 1) {
                            if (Object.prototype.hasOwnProperty.call(format, ACCEPTABLE_JSON_FORMAT_PROPERTIES[i])) {
                                return true
                            }
                        }
                        return false
                    },
                    firstDayOfWeekIndex() {
                        const firstDay = _globalize.default.locale().supplemental.weekData.firstDay();
                        return this._getDayKeys().indexOf(firstDay)
                    },
                    _getDayKeys() {
                        const days = _globalize.default.locale().main("dates/calendars/gregorian/days/format/short");
                        return iteratorUtils.map(days, (_, key) => key)
                    }
                };
                _date2.default.resetInjection();
                _date2.default.inject(globalizeDateLocalization)
            }
        },
        29113(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../../core/localization/globalize/core */ 75107);
            __webpack_require__( /*! globalize/message */ 87626);
            var _core2 = _interopRequireDefault(__webpack_require__( /*! ../../../core/localization/core */ 55407));
            var _message2 = _interopRequireDefault(__webpack_require__( /*! ../../../core/localization/message */ 18205));
            var _globalize = _interopRequireDefault(__webpack_require__( /*! globalize */ 87626));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            if (null !== _globalize.default && void 0 !== _globalize.default && _globalize.default.formatMessage) {
                const DEFAULT_LOCALE = "en";
                const originalLoadMessages = _globalize.default.loadMessages;
                _globalize.default.loadMessages = messages => {
                    _message2.default.load(messages)
                };
                const globalizeMessageLocalization = {
                    engine: () => "globalize",
                    ctor() {
                        this.load(this._dictionary)
                    },
                    load(messages) {
                        this.callBase(messages);
                        originalLoadMessages(messages)
                    },
                    getMessagesByLocales: () => _globalize.default.cldr.get("globalize-messages"),
                    getFormatter(key, locale) {
                        const currentLocale = locale || _core2.default.locale();
                        let formatter = this._getFormatterBase(key, locale);
                        if (!formatter) {
                            formatter = this._formatterByGlobalize(key, locale)
                        }
                        if (!formatter && currentLocale !== DEFAULT_LOCALE) {
                            formatter = this.getFormatter(key, DEFAULT_LOCALE)
                        }
                        return formatter
                    },
                    _formatterByGlobalize(key, locale) {
                        const currentGlobalize = !locale || locale === _core2.default.locale() ? _globalize.default : new _globalize.default(locale);
                        let result;
                        if (this._messageLoaded(key, locale)) {
                            result = currentGlobalize.messageFormatter(key)
                        }
                        return result
                    },
                    _messageLoaded(key, locale) {
                        const currentCldr = locale ? new _globalize.default(locale).cldr : _globalize.default.locale();
                        const value = currentCldr.get(["globalize-messages/{bundle}", key]);
                        return !!value
                    },
                    _loadSingle(key, value, locale) {
                        const data = {};
                        data[locale] = {};
                        data[locale][key] = value;
                        this.load(data)
                    }
                };
                _message2.default.inject(globalizeMessageLocalization)
            }
        },
        19377(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../../core/localization/globalize/core */ 75107);
            __webpack_require__( /*! globalize/number */ 87626);
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../../../core/errors */ 87129));
            var _number2 = _interopRequireDefault(__webpack_require__( /*! ../../../core/localization/number */ 60605));
            var _globalize = _interopRequireDefault(__webpack_require__( /*! globalize */ 87626));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            if (null !== _globalize.default && void 0 !== _globalize.default && _globalize.default.formatNumber) {
                if ("en" === _globalize.default.locale().locale) {
                    _globalize.default.locale("en")
                }
                const formattersCache = {};
                const getFormatter = format => {
                    let formatter;
                    let formatCacheKey;
                    if ("object" === typeof format) {
                        formatCacheKey = `${_globalize.default.locale().locale}:${JSON.stringify(format)}`
                    } else {
                        formatCacheKey = `${_globalize.default.locale().locale}:${format}`
                    }
                    formatter = formattersCache[formatCacheKey];
                    if (!formatter) {
                        formatter = _globalize.default.numberFormatter(format);
                        formattersCache[formatCacheKey] = formatter
                    }
                    return formatter
                };
                const globalizeNumberLocalization = {
                    engine: () => "globalize",
                    _formatNumberCore(value, format, formatConfig) {
                        if ("exponential" === format) {
                            return this.callBase.apply(this, [value, format, formatConfig])
                        }
                        return getFormatter(this._normalizeFormatConfig(format, formatConfig, value))(value)
                    },
                    _normalizeFormatConfig(format, formatConfig, value) {
                        let config;
                        if ("decimal" === format) {
                            config = {
                                minimumIntegerDigits: formatConfig.precision || 1,
                                useGrouping: false,
                                minimumFractionDigits: 0,
                                maximumFractionDigits: 20,
                                round: value < 0 ? "ceil" : "floor"
                            }
                        } else {
                            config = this._getPrecisionConfig(formatConfig.precision)
                        }
                        if ("percent" === format) {
                            config.style = "percent"
                        }
                        return config
                    },
                    _getPrecisionConfig(precision) {
                        let config;
                        if (null === precision) {
                            config = {
                                minimumFractionDigits: 0,
                                maximumFractionDigits: 20
                            }
                        } else {
                            config = {
                                minimumFractionDigits: precision ?? 0,
                                maximumFractionDigits: precision ?? 0
                            }
                        }
                        return config
                    },
                    format(value, format) {
                        if ("number" !== typeof value) {
                            return value
                        }
                        format = this._normalizeFormat(format);
                        if (!format || "function" !== typeof format && !format.type && !format.formatter) {
                            return getFormatter(format)(value)
                        }
                        return this.callBase.apply(this, [value, format])
                    },
                    parse(text, format) {
                        if (!text) {
                            return
                        }
                        if (format && ("string" === typeof format || format.parser)) {
                            return this.callBase.apply(this, [text, format])
                        }
                        if (format) {
                            _errors.default.log("W0011")
                        }
                        let result = _globalize.default.parseNumber(text);
                        if (isNaN(result)) {
                            result = this.callBase.apply(this, [text, format])
                        }
                        return result
                    }
                };
                _number2.default.resetInjection();
                _number2.default.inject(globalizeNumberLocalization)
            }
        },
        22018(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _core = (e = __webpack_require__( /*! ../../../core/localization/core */ 55407), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _m_extend = __webpack_require__( /*! ../../../core/utils/m_extend */ 96298);
            const SYMBOLS_TO_REMOVE_REGEX = /[\u200E\u200F]/g;
            const NARROW_NO_BREAK_SPACE_REGEX = /[\u202F]/g;
            const formattersCache = {};

            function formatDateTime(date, format) {
                return (format => {
                    const key = `${_core.default.locale()}/${JSON.stringify(format)}`;
                    if (!formattersCache[key]) {
                        formattersCache[key] = new Intl.DateTimeFormat(_core.default.locale(), format).format
                    }
                    return formattersCache[key]
                })(format)(date).replace(SYMBOLS_TO_REMOVE_REGEX, "").replace(NARROW_NO_BREAK_SPACE_REGEX, " ")
            }
            const getIntlFormatter = format => date => {
                if (!format.timeZoneName) {
                    const year = date.getFullYear();
                    const recognizableAsTwentyCentury = String(year).length < 3;
                    const safeYearShift = 400;
                    const temporaryYearValue = recognizableAsTwentyCentury ? year + safeYearShift : year;
                    const utcDate = new Date(Date.UTC(temporaryYearValue, date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()));
                    if (recognizableAsTwentyCentury) {
                        utcDate.setFullYear(year)
                    }
                    const utcFormat = (0, _m_extend.extend)({
                        timeZone: "UTC"
                    }, format);
                    return formatDateTime(utcDate, utcFormat)
                }
                return formatDateTime(date, format)
            };
            const formatNumber = number => new Intl.NumberFormat(_core.default.locale()).format(number);
            const getAlternativeNumeralsMap = (() => {
                const numeralsMapCache = {};
                return locale => {
                    if (!(locale in numeralsMapCache)) {
                        if ("0" === formatNumber(0)) {
                            numeralsMapCache[locale] = false;
                            return false
                        }
                        numeralsMapCache[locale] = {};
                        for (let i = 0; i < 10; ++i) {
                            numeralsMapCache[locale][formatNumber(i)] = i
                        }
                    }
                    return numeralsMapCache[locale]
                }
            })();
            const normalizeNumerals = dateString => {
                const alternativeNumeralsMap = getAlternativeNumeralsMap(_core.default.locale());
                if (!alternativeNumeralsMap) {
                    return dateString
                }
                return dateString.split("").map(sign => sign in alternativeNumeralsMap ? String(alternativeNumeralsMap[sign]) : sign).join("")
            };
            const removeLeadingZeroes = str => str.replace(/(\D)0+(\d)/g, "$1$2");
            const normalizeMonth = text => text.replace("d\u2019", "de ");
            const intlFormats = {
                day: {
                    day: "numeric"
                },
                date: {
                    year: "numeric",
                    month: "long",
                    day: "numeric"
                },
                dayofweek: {
                    weekday: "long"
                },
                longdate: {
                    weekday: "long",
                    year: "numeric",
                    month: "long",
                    day: "numeric"
                },
                longdatelongtime: {
                    weekday: "long",
                    year: "numeric",
                    month: "long",
                    day: "numeric",
                    hour: "numeric",
                    minute: "numeric",
                    second: "numeric"
                },
                longtime: {
                    hour: "numeric",
                    minute: "numeric",
                    second: "numeric"
                },
                month: {
                    month: "long"
                },
                monthandday: {
                    month: "long",
                    day: "numeric"
                },
                monthandyear: {
                    year: "numeric",
                    month: "long"
                },
                shortdate: {},
                shorttime: {
                    hour: "numeric",
                    minute: "numeric"
                },
                shortyear: {
                    year: "2-digit"
                },
                year: {
                    year: "numeric"
                }
            };
            Object.defineProperty(intlFormats, "shortdateshorttime", {
                get() {
                    const defaultOptions = Intl.DateTimeFormat(_core.default.locale()).resolvedOptions();
                    return {
                        year: defaultOptions.year,
                        month: defaultOptions.month,
                        day: defaultOptions.day,
                        hour: "numeric",
                        minute: "numeric"
                    }
                }
            });
            const monthNameStrategies = {
                standalone(monthIndex, monthFormat) {
                    const date = new Date(1999, monthIndex, 13, 1);
                    return getIntlFormatter({
                        month: monthFormat
                    })(date)
                },
                format(monthIndex, monthFormat) {
                    const date = new Date(0, monthIndex, 13, 1);
                    const dateString = normalizeMonth(getIntlFormatter({
                        day: "numeric",
                        month: monthFormat
                    })(date));
                    const parts = dateString.split(" ").filter(part => !part.includes("13"));
                    if (1 === parts.length) {
                        return parts[0]
                    }
                    if (2 === parts.length) {
                        return parts[0].length > parts[1].length ? parts[0] : parts[1]
                    }
                    return monthNameStrategies.standalone(monthIndex, monthFormat)
                }
            };
            exports.default = {
                engine: () => "intl",
                getMonthNames(format, type) {
                    const monthFormat = {
                        wide: "long",
                        abbreviated: "short",
                        narrow: "narrow"
                    } [format || "wide"];
                    type = "format" === type ? type : "standalone";
                    return Array.from({
                        length: 12
                    }, (_, monthIndex) => monthNameStrategies[type](monthIndex, monthFormat))
                },
                getDayNames: format => (format => Array.from({
                    length: 7
                }, (_, dayIndex) => getIntlFormatter({
                    weekday: format
                })(new Date(0, 0, dayIndex))))({
                    wide: "long",
                    abbreviated: "short",
                    short: "narrow",
                    narrow: "narrow"
                } [format || "wide"]),
                getPeriodNames() {
                    const hour12Formatter = getIntlFormatter({
                        hour: "numeric",
                        hour12: true
                    });
                    return [1, 13].map(hours => {
                        const hourNumberText = formatNumber(1);
                        const timeParts = hour12Formatter(new Date(0, 0, 1, hours)).split(hourNumberText);
                        if (2 !== timeParts.length) {
                            return ""
                        }
                        const biggerPart = timeParts[0].length > timeParts[1].length ? timeParts[0] : timeParts[1];
                        return biggerPart.trim()
                    })
                },
                format(date, format) {
                    if (!date) {
                        return
                    }
                    if (!format) {
                        return date
                    }
                    if ("function" !== typeof format && !format.formatter) {
                        format = format.type ?? format
                    }
                    const intlFormat = (format => "string" === typeof format && intlFormats[format.toLowerCase()])(format);
                    if (intlFormat) {
                        return getIntlFormatter(intlFormat)(date)
                    }
                    const formatType = typeof format;
                    if (format.formatter || "function" === formatType || "string" === formatType) {
                        return this.callBase.apply(this, [date, format])
                    }
                    return getIntlFormatter(format)(date)
                },
                parse(dateString, format) {
                    let formatter;
                    if (format && !format.parser && "string" === typeof dateString) {
                        dateString = normalizeMonth(dateString);
                        formatter = date => normalizeMonth(this.format(date, format))
                    }
                    return this.callBase(dateString, formatter ?? format)
                },
                _parseDateBySimpleFormat(dateString, format) {
                    dateString = normalizeNumerals(dateString);
                    const formatParts = this.getFormatParts(format);
                    const dateParts = dateString.split(/\D+/).filter(part => part.length > 0);
                    if (formatParts.length !== dateParts.length) {
                        return
                    }
                    const dateArgs = this._generateDateArgs(formatParts, dateParts);
                    const constructValidDate = ampmShift => {
                        const parsedDate = ((dateArgs, ampmShift) => {
                            const hoursShift = ampmShift ? 12 : 0;
                            return new Date(dateArgs.year, dateArgs.month, dateArgs.day, (dateArgs.hours + hoursShift) % 24, dateArgs.minutes, dateArgs.seconds)
                        })(dateArgs, ampmShift);
                        if (actual = normalizeNumerals(this.format(parsedDate, format)), expected = dateString, removeLeadingZeroes(actual) === removeLeadingZeroes(expected)) {
                            return parsedDate
                        }
                        var actual, expected;
                        return
                    };
                    return constructValidDate(false) ?? constructValidDate(true)
                },
                _generateDateArgs(formatParts, dateParts) {
                    const currentDate = new Date;
                    const dateArgs = {
                        year: currentDate.getFullYear(),
                        month: currentDate.getMonth(),
                        day: currentDate.getDate(),
                        hours: 0,
                        minutes: 0,
                        seconds: 0
                    };
                    formatParts.forEach((formatPart, index) => {
                        const datePart = dateParts[index];
                        let parsed = parseInt(datePart, 10);
                        if ("month" === formatPart) {
                            parsed -= 1
                        }
                        dateArgs[formatPart] = parsed
                    });
                    return dateArgs
                },
                formatUsesMonthName(format) {
                    if ("object" === typeof format && !(format.type || format.format)) {
                        return "long" === format.month
                    }
                    return this.callBase.apply(this, [format])
                },
                formatUsesDayName(format) {
                    if ("object" === typeof format && !(format.type || format.format)) {
                        return "long" === format.weekday
                    }
                    return this.callBase.apply(this, [format])
                },
                getTimeSeparator: () => normalizeNumerals(formatDateTime(new Date(2001, 1, 1, 11, 11), {
                    hour: "numeric",
                    minute: "numeric",
                    hour12: false
                })).replace(/\d/g, ""),
                getFormatParts(format) {
                    if ("string" === typeof format) {
                        return this.callBase(format)
                    }
                    const intlFormat = (0, _m_extend.extend)({}, intlFormats[format.toLowerCase()]);
                    const date = new Date(2001, 2, 4, 5, 6, 7);
                    let formattedDate = getIntlFormatter(intlFormat)(date);
                    formattedDate = normalizeNumerals(formattedDate);
                    return [{
                        name: "year",
                        value: 1
                    }, {
                        name: "month",
                        value: 3
                    }, {
                        name: "day",
                        value: 4
                    }, {
                        name: "hours",
                        value: 5
                    }, {
                        name: "minutes",
                        value: 6
                    }, {
                        name: "seconds",
                        value: 7
                    }].map(part => ({
                        name: part.name,
                        index: formattedDate.indexOf(`${part.value}`)
                    })).filter(part => part.index > -1).sort((a, b) => a.index - b.index).map(part => part.name)
                }
            }
        },
        40791(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../../../core/config */ 66636));
            var _accounting_formats = _interopRequireDefault(__webpack_require__( /*! ../../../core/localization/cldr-data/accounting_formats */ 35227));
            var _core = _interopRequireDefault(__webpack_require__( /*! ../../../core/localization/core */ 55407));
            var _open_xml_currency_format = _interopRequireDefault(__webpack_require__( /*! ../../../core/localization/open_xml_currency_format */ 69170));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CURRENCY_STYLES = ["standard", "accounting"];
            const detectCurrencySymbolRegex = /([^\s0]+)?(\s*)0*[.,]*0*(\s*)([^\s0]+)?/;
            const formattersCache = {};
            const getFormatter = format => {
                const key = `${_core.default.locale()}/${JSON.stringify(format)}`;
                if (!formattersCache[key]) {
                    formattersCache[key] = new Intl.NumberFormat(_core.default.locale(), format).format
                }
                return formattersCache[key]
            };
            exports.default = {
                engine: () => "intl",
                _formatNumberCore(value, format, formatConfig) {
                    if ("exponential" === format) {
                        return this.callBase.apply(this, [value, format, formatConfig])
                    }
                    return getFormatter(this._normalizeFormatConfig(format, formatConfig, value))(value)
                },
                _normalizeFormatConfig(format, formatConfig, value) {
                    let config;
                    if ("decimal" === format) {
                        const fractionDigits = String(value).split(".")[1];
                        config = {
                            minimumIntegerDigits: formatConfig.precision || void 0,
                            useGrouping: false,
                            maximumFractionDigits: null === fractionDigits || void 0 === fractionDigits ? void 0 : fractionDigits.length,
                            round: value < 0 ? "ceil" : "floor"
                        }
                    } else {
                        config = this._getPrecisionConfig(formatConfig.precision)
                    }
                    if ("percent" === format) {
                        config.style = "percent"
                    } else if ("currency" === format) {
                        const useAccountingStyle = formatConfig.useCurrencyAccountingStyle ?? (0, _config.default)().defaultUseCurrencyAccountingStyle;
                        config.style = "currency";
                        config.currency = formatConfig.currency || (0, _config.default)().defaultCurrency;
                        config.currencySign = CURRENCY_STYLES[+useAccountingStyle]
                    }
                    return config
                },
                _getPrecisionConfig(precision) {
                    let config;
                    if (null === precision) {
                        config = {
                            minimumFractionDigits: 0,
                            maximumFractionDigits: 20
                        }
                    } else {
                        config = {
                            minimumFractionDigits: precision || 0,
                            maximumFractionDigits: precision || 0
                        }
                    }
                    return config
                },
                format(value, format) {
                    if ("number" !== typeof value) {
                        return value
                    }
                    format = this._normalizeFormat(format);
                    if ("default" === format.currency) {
                        format.currency = (0, _config.default)().defaultCurrency
                    }
                    if (!format || "function" !== typeof format && !format.type && !format.formatter) {
                        return getFormatter(format)(value)
                    }
                    return this.callBase.apply(this, [value, format])
                },
                _getCurrencySymbolInfo(currency) {
                    const formatter = (currency => new Intl.NumberFormat(_core.default.locale(), {
                        style: "currency",
                        currency: currency
                    }))(currency);
                    return this._extractCurrencySymbolInfo(formatter.format(0))
                },
                _extractCurrencySymbolInfo(currencyValueString) {
                    const match = detectCurrencySymbolRegex.exec(currencyValueString) || [];
                    const position = match[1] ? "before" : "after";
                    const symbol = match[1] || match[4] || "";
                    const delimiter = match[2] || match[3] || "";
                    return {
                        position: position,
                        symbol: symbol,
                        delimiter: delimiter
                    }
                },
                getCurrencySymbol(currency) {
                    if (!currency) {
                        currency = (0, _config.default)().defaultCurrency
                    }
                    const symbolInfo = this._getCurrencySymbolInfo(currency);
                    return {
                        symbol: symbolInfo.symbol
                    }
                },
                getOpenXmlCurrencyFormat(currency) {
                    const targetCurrency = currency || (0, _config.default)().defaultCurrency;
                    const currencySymbol = this._getCurrencySymbolInfo(targetCurrency).symbol;
                    const closestAccountingFormat = _core.default.getValueByClosestLocale(locale => _accounting_formats.default[locale]);
                    return (0, _open_xml_currency_format.default)(currencySymbol, closestAccountingFormat)
                }
            }
        },
        22247(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getLanguageId = function() {
                return LANGUAGE_CODES[_core.default.locale()]
            };
            var _core = (e = __webpack_require__( /*! ../../core/localization/core */ 55407), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const LANGUAGE_CODES = {
                ar: 1,
                bg: 2,
                ca: 3,
                "zh-Hans": 4,
                cs: 5,
                da: 6,
                de: 7,
                el: 8,
                en: 9,
                es: 10,
                fi: 11,
                fr: 12,
                he: 13,
                hu: 14,
                is: 15,
                it: 16,
                ja: 17,
                ko: 18,
                nl: 19,
                no: 20,
                pl: 21,
                pt: 22,
                rm: 23,
                ro: 24,
                ru: 25,
                hr: 26,
                sk: 27,
                sq: 28,
                sv: 29,
                th: 30,
                tr: 31,
                ur: 32,
                id: 33,
                uk: 34,
                be: 35,
                sl: 36,
                et: 37,
                lv: 38,
                lt: 39,
                tg: 40,
                fa: 41,
                vi: 42,
                hy: 43,
                az: 44,
                eu: 45,
                hsb: 46,
                mk: 47,
                tn: 50,
                xh: 52,
                zu: 53,
                af: 54,
                ka: 55,
                fo: 56,
                hi: 57,
                mt: 58,
                se: 59,
                ga: 60,
                ms: 62,
                kk: 63,
                ky: 64,
                sw: 65,
                tk: 66,
                uz: 67,
                tt: 68,
                bn: 69,
                pa: 70,
                gu: 71,
                or: 72,
                ta: 73,
                te: 74,
                kn: 75,
                ml: 76,
                as: 77,
                mr: 78,
                sa: 79,
                mn: 80,
                bo: 81,
                cy: 82,
                km: 83,
                lo: 84,
                gl: 86,
                kok: 87,
                syr: 90,
                si: 91,
                iu: 93,
                am: 94,
                tzm: 95,
                ne: 97,
                fy: 98,
                ps: 99,
                fil: 100,
                dv: 101,
                ha: 104,
                yo: 106,
                quz: 107,
                nso: 108,
                ba: 109,
                lb: 110,
                kl: 111,
                ig: 112,
                ii: 120,
                arn: 122,
                moh: 124,
                br: 126,
                ug: 128,
                mi: 129,
                oc: 130,
                co: 131,
                gsw: 132,
                sah: 133,
                qut: 134,
                rw: 135,
                wo: 136,
                prs: 140,
                gd: 145,
                "ar-SA": 1025,
                "bg-BG": 1026,
                "ca-ES": 1027,
                "zh-TW": 1028,
                "cs-CZ": 1029,
                "da-DK": 1030,
                "de-DE": 1031,
                "el-GR": 1032,
                "en-US": 1033,
                "fi-FI": 1035,
                "fr-FR": 1036,
                "he-IL": 1037,
                "hu-HU": 1038,
                "is-IS": 1039,
                "it-IT": 1040,
                "ja-JP": 1041,
                "ko-KR": 1042,
                "nl-NL": 1043,
                "nb-NO": 1044,
                "pl-PL": 1045,
                "pt-BR": 1046,
                "rm-CH": 1047,
                "ro-RO": 1048,
                "ru-RU": 1049,
                "hr-HR": 1050,
                "sk-SK": 1051,
                "sq-AL": 1052,
                "sv-SE": 1053,
                "th-TH": 1054,
                "tr-TR": 1055,
                "ur-PK": 1056,
                "id-ID": 1057,
                "uk-UA": 1058,
                "be-BY": 1059,
                "sl-SI": 1060,
                "et-EE": 1061,
                "lv-LV": 1062,
                "lt-LT": 1063,
                "tg-Cyrl-TJ": 1064,
                "fa-IR": 1065,
                "vi-VN": 1066,
                "hy-AM": 1067,
                "az-Latn-AZ": 1068,
                "eu-ES": 1069,
                "hsb-DE": 1070,
                "mk-MK": 1071,
                "tn-ZA": 1074,
                "xh-ZA": 1076,
                "zu-ZA": 1077,
                "af-ZA": 1078,
                "ka-GE": 1079,
                "fo-FO": 1080,
                "hi-IN": 1081,
                "mt-MT": 1082,
                "se-NO": 1083,
                "ms-MY": 1086,
                "kk-KZ": 1087,
                "ky-KG": 1088,
                "sw-KE": 1089,
                "tk-TM": 1090,
                "uz-Latn-UZ": 1091,
                "tt-RU": 1092,
                "bn-IN": 1093,
                "pa-IN": 1094,
                "gu-IN": 1095,
                "or-IN": 1096,
                "ta-IN": 1097,
                "te-IN": 1098,
                "kn-IN": 1099,
                "ml-IN": 1100,
                "as-IN": 1101,
                "mr-IN": 1102,
                "sa-IN": 1103,
                "mn-MN": 1104,
                "bo-CN": 1105,
                "cy-GB": 1106,
                "km-KH": 1107,
                "lo-LA": 1108,
                "gl-ES": 1110,
                "kok-IN": 1111,
                "syr-SY": 1114,
                "si-LK": 1115,
                "iu-Cans-CA": 1117,
                "am-ET": 1118,
                "ne-NP": 1121,
                "fy-NL": 1122,
                "ps-AF": 1123,
                "fil-PH": 1124,
                "dv-MV": 1125,
                "ha-Latn-NG": 1128,
                "yo-NG": 1130,
                "quz-BO": 1131,
                "nso-ZA": 1132,
                "ba-RU": 1133,
                "lb-LU": 1134,
                "kl-GL": 1135,
                "ig-NG": 1136,
                "ii-CN": 1144,
                "arn-CL": 1146,
                "moh-CA": 1148,
                "br-FR": 1150,
                "ug-CN": 1152,
                "mi-NZ": 1153,
                "oc-FR": 1154,
                "co-FR": 1155,
                "gsw-FR": 1156,
                "sah-RU": 1157,
                "qut-GT": 1158,
                "rw-RW": 1159,
                "wo-SN": 1160,
                "prs-AF": 1164,
                "gd-GB": 1169,
                "ar-IQ": 2049,
                "zh-CN": 2052,
                "de-CH": 2055,
                "en-GB": 2057,
                "es-MX": 2058,
                "fr-BE": 2060,
                "it-CH": 2064,
                "nl-BE": 2067,
                "nn-NO": 2068,
                "pt-PT": 2070,
                "sr-Latn-CS": 2074,
                "sv-FI": 2077,
                "az-Cyrl-AZ": 2092,
                "dsb-DE": 2094,
                "se-SE": 2107,
                "ga-IE": 2108,
                "ms-BN": 2110,
                "uz-Cyrl-UZ": 2115,
                "bn-BD": 2117,
                "mn-Mong-CN": 2128,
                "iu-Latn-CA": 2141,
                "tzm-Latn-DZ": 2143,
                "quz-EC": 2155,
                "ar-EG": 3073,
                "zh-HK": 3076,
                "de-AT": 3079,
                "en-AU": 3081,
                "es-ES": 3082,
                "fr-CA": 3084,
                "sr-Cyrl-CS": 3098,
                "se-FI": 3131,
                "quz-PE": 3179,
                "ar-LY": 4097,
                "zh-SG": 4100,
                "de-LU": 4103,
                "en-CA": 4105,
                "es-GT": 4106,
                "fr-CH": 4108,
                "hr-BA": 4122,
                "smj-NO": 4155,
                "ar-DZ": 5121,
                "zh-MO": 5124,
                "de-LI": 5127,
                "en-NZ": 5129,
                "es-CR": 5130,
                "fr-LU": 5132,
                "bs-Latn-BA": 5146,
                "smj-SE": 5179,
                "ar-MA": 6145,
                "en-IE": 6153,
                "es-PA": 6154,
                "fr-MC": 6156,
                "sr-Latn-BA": 6170,
                "sma-NO": 6203,
                "ar-TN": 7169,
                "en-ZA": 7177,
                "es-DO": 7178,
                "sr-Cyrl-BA": 7194,
                "sma-SE": 7227,
                "ar-OM": 8193,
                "en-JM": 8201,
                "es-VE": 8202,
                "bs-Cyrl-BA": 8218,
                "sms-FI": 8251,
                "ar-YE": 9217,
                "en-029": 9225,
                "es-CO": 9226,
                "sr-Latn-RS": 9242,
                "smn-FI": 9275,
                "ar-SY": 10241,
                "en-BZ": 10249,
                "es-PE": 10250,
                "sr-Cyrl-RS": 10266,
                "ar-JO": 11265,
                "en-TT": 11273,
                "es-AR": 11274,
                "sr-Latn-ME": 11290,
                "ar-LB": 12289,
                "en-ZW": 12297,
                "es-EC": 12298,
                "sr-Cyrl-ME": 12314,
                "ar-KW": 13313,
                "en-PH": 13321,
                "es-CL": 13322,
                "ar-AE": 14337,
                "es-UY": 14346,
                "ar-BH": 15361,
                "es-PY": 15370,
                "ar-QA": 16385,
                "en-IN": 16393,
                "es-BO": 16394,
                "en-MY": 17417,
                "es-SV": 17418,
                "en-SG": 18441,
                "es-HN": 18442,
                "es-NI": 19466,
                "es-PR": 20490,
                "es-US": 21514,
                "bs-Cyrl": 25626,
                "bs-Latn": 26650,
                "sr-Cyrl": 27674,
                "sr-Latn": 28698,
                smn: 28731,
                "az-Cyrl": 29740,
                sms: 29755,
                zh: 30724,
                nn: 30740,
                bs: 30746,
                "az-Latn": 30764,
                sma: 30779,
                "uz-Cyrl": 30787,
                "mn-Cyrl": 30800,
                "iu-Cans": 30813,
                "zh-Hant": 31748,
                nb: 31764,
                sr: 31770,
                "tg-Cyrl": 31784,
                dsb: 31790,
                smj: 31803,
                "uz-Latn": 31811,
                "mn-Mong": 31824,
                "iu-Latn": 31837,
                "tzm-Latn": 31839,
                "ha-Latn": 31848
            }
        },
        65015(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getFormat = void 0;
            var _number = (e = __webpack_require__( /*! ../../../core/localization/number */ 60605), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const FORMAT_SEPARATORS = " .,:;/\\<>()-[]\u060c";
            const checkDigit = char => {
                const code = char && _number.default.convertDigits(char, false).charCodeAt(0);
                const zeroCode = _number.default.convertDigits("0", false).charCodeAt(0);
                return zeroCode <= code && code < zeroCode + 10
            };
            const checkPatternContinue = (text, patterns, index, isDigit) => {
                const char = text[index];
                const nextChar = text[index + 1];
                if (!isDigit) {
                    if ("." === char || " " === char && ". m." === text.slice(index - 1, index + 3)) {
                        return true
                    }
                    if ("-" === char && !checkDigit(nextChar)) {
                        return true
                    }
                }
                const isDigitChanged = isDigit && patterns.some(pattern => text[index] !== pattern[index]);
                return !FORMAT_SEPARATORS.includes(char) && isDigit === checkDigit(char) && (!isDigit || isDigitChanged)
            };
            const getPatternStartIndex = (defaultPattern, index) => {
                if (!checkDigit(defaultPattern[index])) {
                    while (index > 0 && !checkDigit(defaultPattern[index - 1]) && ("." === defaultPattern[index - 1] || !FORMAT_SEPARATORS.includes(defaultPattern[index - 1]))) {
                        index -= 1
                    }
                }
                return index
            };
            const formatValue = (value, formatter) => {
                if (Array.isArray(value)) {
                    return value.map(value => (formatter(value) || "").toString())
                }
                return (formatter(value) || "").toString()
            };
            const ESCAPE_CHARS_REGEXP = /[a-zA-Z]/g;
            exports.getFormat = formatter => {
                const processedIndexes = [];
                const defaultPattern = formatValue(new Date(2009, 8, 8, 6, 5, 4), formatter);
                const patternPositions = defaultPattern.split("").map((_, index) => index);
                let result = defaultPattern;
                const replacedPatterns = {};
                const datePatterns = [{
                    date: new Date(2009, 8, 8, 6, 5, 4, 111),
                    pattern: "S"
                }, {
                    date: new Date(2009, 8, 8, 6, 5, 2),
                    pattern: "s"
                }, {
                    date: new Date(2009, 8, 8, 6, 2, 4),
                    pattern: "m"
                }, {
                    date: new Date(2009, 8, 8, 18, 5, 4),
                    pattern: "H",
                    isDigit: true
                }, {
                    date: new Date(2009, 8, 8, 2, 5, 4),
                    pattern: "h",
                    isDigit: true
                }, {
                    date: new Date(2009, 8, 8, 18, 5, 4),
                    pattern: "a",
                    isDigit: false
                }, {
                    date: new Date(2009, 8, 1, 6, 5, 4),
                    pattern: "d"
                }, {
                    date: [new Date(2009, 8, 2, 6, 5, 4), new Date(2009, 8, 3, 6, 5, 4), new Date(2009, 8, 4, 6, 5, 4)],
                    pattern: "E"
                }, {
                    date: new Date(2009, 9, 6, 6, 5, 4),
                    pattern: "M"
                }, {
                    date: new Date(1998, 8, 8, 6, 5, 4),
                    pattern: "y"
                }];
                if (!result) {
                    return
                }
                datePatterns.forEach(test => {
                    const diff = ((defaultPattern, patterns, processedIndexes, isDigit) => {
                        let i = 0;
                        const result = [];
                        const patternsFilter = pattern => defaultPattern[i] !== pattern[i] && (void 0 === isDigit || checkDigit(defaultPattern[i]) === isDigit);
                        if (!Array.isArray(patterns)) {
                            patterns = [patterns]
                        }
                        for (i = 0; i < defaultPattern.length; i += 1) {
                            if (!processedIndexes.includes(i) && patterns.filter(patternsFilter).length) {
                                i = getPatternStartIndex(defaultPattern, i);
                                do {
                                    isDigit = checkDigit(defaultPattern[i]);
                                    if (!result.length && !isDigit && checkDigit(patterns[0][i])) {
                                        break
                                    }
                                    result.push(i);
                                    processedIndexes.unshift(i);
                                    i += 1
                                } while (defaultPattern[i] && checkPatternContinue(defaultPattern, patterns, i, isDigit));
                                break
                            }
                        }
                        if (1 === result.length && ("0" === defaultPattern[processedIndexes[0] - 1] || "\u0660" === defaultPattern[processedIndexes[0] - 1])) {
                            processedIndexes.unshift(processedIndexes[0] - 1)
                        }
                        return result
                    })(defaultPattern, formatValue(test.date, formatter), processedIndexes, test.isDigit);
                    const pattern = "M" === test.pattern && !replacedPatterns.d ? "L" : test.pattern;
                    result = ((pattern, indexes, char, patternPositions) => {
                        let i;
                        let index;
                        let patternIndex;
                        if (!checkDigit(pattern[indexes[0]] || "0")) {
                            const letterCount = Math.max(indexes.length <= 3 ? 3 : 4, char.length);
                            while (indexes.length > letterCount) {
                                index = indexes.pop();
                                patternIndex = patternPositions[index];
                                patternPositions[index] = -1;
                                for (i = index + 1; i < patternPositions.length; i += 1) {
                                    patternPositions[i] -= 1
                                }
                                pattern = pattern.substr(0, patternIndex) + pattern.substr(patternIndex + 1)
                            }
                            index = indexes[indexes.length - 1] + 1;
                            patternIndex = index < patternPositions.length ? patternPositions[index] : index;
                            while (indexes.length < letterCount) {
                                indexes.push(indexes[indexes.length - 1] + 1);
                                for (i = index; i < patternPositions.length; i += 1) {
                                    patternPositions[i] += 1
                                }
                                pattern = `${pattern.substr(0,patternIndex)} ${pattern.substr(patternIndex)}`
                            }
                        }
                        pattern = ((pattern, indexes, char, patternPositions) => {
                            const baseCharIndex = indexes[0];
                            const patternIndex = baseCharIndex < patternPositions.length ? patternPositions[baseCharIndex] : baseCharIndex;
                            indexes.forEach((_, index) => {
                                pattern = pattern.substr(0, patternIndex + index) + (char.length > 1 ? char[index] : char) + pattern.substr(patternIndex + index + 1)
                            });
                            if (1 === indexes.length) {
                                pattern = pattern.replace(`0${char}`, char + char);
                                pattern = pattern.replace(`\u0660${char}`, char + char)
                            }
                            return pattern
                        })(pattern, indexes, char, patternPositions);
                        return pattern
                    })(result, diff, pattern, patternPositions);
                    replacedPatterns[pattern] = diff.length
                });
                result = ((pattern, defaultPattern, processedIndexes, patternPositions) => {
                    const escapeIndexes = defaultPattern.split("").map((char, index) => {
                        if (!processedIndexes.includes(index) && (char.match(ESCAPE_CHARS_REGEXP) || "'" === char)) {
                            return patternPositions[index]
                        }
                        return -1
                    });
                    pattern = pattern.split("").map((char, index) => {
                        let result = char;
                        const isCurrentCharEscaped = escapeIndexes.includes(index);
                        const isPrevCharEscaped = index > 0 && escapeIndexes.includes(index - 1);
                        const isNextCharEscaped = escapeIndexes.includes(index + 1);
                        if (isCurrentCharEscaped) {
                            if (!isPrevCharEscaped) {
                                result = `'${result}`
                            }
                            if (!isNextCharEscaped) {
                                result = `${result}'`
                            }
                        }
                        return result
                    }).join("");
                    return pattern
                })(result, defaultPattern, processedIndexes, patternPositions);
                if (processedIndexes.length) {
                    return result
                }
                return
            }
        },
        19632(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getFormatter = void 0;

            function leftPad(text, length) {
                while (text.length < length) {
                    text = `0${text}`
                }
                return text
            }
            const FORMAT_TYPES = {
                3: "abbreviated",
                4: "wide",
                5: "narrow"
            };
            const LDML_FORMATTERS = {
                y(date, count, useUtc) {
                    let year = date[useUtc ? "getUTCFullYear" : "getFullYear"]();
                    if (2 === count) {
                        year %= 100
                    }
                    return leftPad(year.toString(), count)
                },
                M(date, count, useUtc, dateParts) {
                    const month = date[useUtc ? "getUTCMonth" : "getMonth"]();
                    const formatType = FORMAT_TYPES[count];
                    if (formatType) {
                        return dateParts.getMonthNames(formatType, "format")[month]
                    }
                    return leftPad((month + 1).toString(), Math.min(count, 2))
                },
                L(date, count, useUtc, dateParts) {
                    const month = date[useUtc ? "getUTCMonth" : "getMonth"]();
                    const formatType = FORMAT_TYPES[count];
                    if (formatType) {
                        return dateParts.getMonthNames(formatType, "standalone")[month]
                    }
                    return leftPad((month + 1).toString(), Math.min(count, 2))
                },
                Q(date, count, useUtc, dateParts) {
                    const month = date[useUtc ? "getUTCMonth" : "getMonth"]();
                    const quarter = Math.floor(month / 3);
                    const formatType = FORMAT_TYPES[count];
                    if (formatType) {
                        return dateParts.getQuarterNames(formatType)[quarter]
                    }
                    return leftPad((quarter + 1).toString(), Math.min(count, 2))
                },
                E(date, count, useUtc, dateParts) {
                    const day = date[useUtc ? "getUTCDay" : "getDay"]();
                    const formatType = FORMAT_TYPES[count < 3 ? 3 : count];
                    return dateParts.getDayNames(formatType)[day]
                },
                a(date, count, useUtc, dateParts) {
                    const hours = date[useUtc ? "getUTCHours" : "getHours"]();
                    const period = hours < 12 ? 0 : 1;
                    const formatType = FORMAT_TYPES[count];
                    return dateParts.getPeriodNames(formatType)[period]
                },
                d: (date, count, useUtc) => leftPad(date[useUtc ? "getUTCDate" : "getDate"]().toString(), Math.min(count, 2)),
                H: (date, count, useUtc) => leftPad(date[useUtc ? "getUTCHours" : "getHours"]().toString(), Math.min(count, 2)),
                h(date, count, useUtc) {
                    const hours = date[useUtc ? "getUTCHours" : "getHours"]();
                    return leftPad((hours % 12 || 12).toString(), Math.min(count, 2))
                },
                m: (date, count, useUtc) => leftPad(date[useUtc ? "getUTCMinutes" : "getMinutes"]().toString(), Math.min(count, 2)),
                s: (date, count, useUtc) => leftPad(date[useUtc ? "getUTCSeconds" : "getSeconds"]().toString(), Math.min(count, 2)),
                S: (date, count, useUtc) => leftPad(date[useUtc ? "getUTCMilliseconds" : "getMilliseconds"]().toString(), 3).substr(0, count),
                x(date, count, useUtc) {
                    const timezoneOffset = useUtc ? 0 : date.getTimezoneOffset();
                    const signPart = timezoneOffset > 0 ? "-" : "+";
                    const timezoneOffsetAbs = Math.abs(timezoneOffset);
                    const hours = Math.floor(timezoneOffsetAbs / 60);
                    const minutes = timezoneOffsetAbs % 60;
                    const hoursPart = leftPad(hours.toString(), 2);
                    const minutesPart = leftPad(minutes.toString(), 2);
                    return signPart + hoursPart + (count >= 3 ? ":" : "") + (count > 1 || minutes ? minutesPart : "")
                },
                X(date, count, useUtc) {
                    if (useUtc || !date.getTimezoneOffset()) {
                        return "Z"
                    }
                    return LDML_FORMATTERS.x(date, count, useUtc)
                },
                Z: (date, count, useUtc) => LDML_FORMATTERS.X(date, count >= 5 ? 3 : 2, useUtc)
            };
            exports.getFormatter = (format, dateParts) => date => {
                let charIndex;
                let formatter;
                let char;
                let charCount = 0;
                let isEscaping = false;
                let isCurrentCharEqualsNext;
                let result = "";
                if (!date) {
                    return null
                }
                if (!format) {
                    return date
                }
                const useUtc = format.endsWith("Z") || format.endsWith("'Z'");
                for (charIndex = 0; charIndex < format.length; charIndex += 1) {
                    char = format[charIndex];
                    formatter = LDML_FORMATTERS[char];
                    isCurrentCharEqualsNext = char === format[charIndex + 1];
                    charCount += 1;
                    if (!isCurrentCharEqualsNext) {
                        if (formatter && !isEscaping) {
                            result += formatter(date, charCount, useUtc, dateParts)
                        }
                        charCount = 0
                    }
                    if ("'" === char && !isCurrentCharEqualsNext) {
                        isEscaping = !isEscaping
                    } else if (isEscaping || !formatter) {
                        result += char
                    }
                    if ("'" === char && isCurrentCharEqualsNext) {
                        charIndex += 1
                    }
                }
                return result
            }
        },
        86743(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.isPossibleForParsingFormat = exports.getRegExpInfo = exports.getPatternSetters = exports.getParser = void 0;
            var _m_common = __webpack_require__( /*! ../../../core/utils/m_common */ 39315);
            var _m_console = __webpack_require__( /*! ../../../core/utils/m_console */ 35005);
            const FORMAT_TYPES = {
                3: "abbreviated",
                4: "wide",
                5: "narrow"
            };
            const monthRegExpGenerator = (count, dateParts) => {
                if (count > 2) {
                    return Object.keys(FORMAT_TYPES).map(count => ["format", "standalone"].map(type => dateParts.getMonthNames(FORMAT_TYPES[count], type).join("|")).join("|")).join("|")
                }
                return 2 === count ? "1[012]|0?[1-9]" : "0??[1-9]|1[012]"
            };
            const PATTERN_REGEXPS = {
                ":": (count, dateParts) => {
                    var _dateParts$getTimeSep;
                    const countSuffix = count > 1 ? `{${count}}` : "";
                    let timeSeparator = (0, _m_common.escapeRegExp)(null === (_dateParts$getTimeSep = dateParts.getTimeSeparator) || void 0 === _dateParts$getTimeSep ? void 0 : _dateParts$getTimeSep.call(dateParts));
                    if (":" !== timeSeparator) {
                        timeSeparator = `${timeSeparator}|:`
                    }
                    return `${timeSeparator}${countSuffix}`
                },
                y: count => 2 === count ? `[0-9]{${count}}` : "[0-9]+?",
                M: monthRegExpGenerator,
                L: monthRegExpGenerator,
                Q(count, dateParts) {
                    if (count > 2) {
                        return dateParts.getQuarterNames(FORMAT_TYPES[count], "format").join("|")
                    }
                    return "0?[1-4]"
                },
                E: (_count, _dateParts) => "\\D*",
                a: (count, dateParts) => dateParts.getPeriodNames(FORMAT_TYPES[count < 3 ? 3 : count], "format").join("|"),
                d: count => 2 === count ? "3[01]|[12][0-9]|0?[1-9]" : "0??[1-9]|[12][0-9]|3[01]",
                H: count => 2 === count ? "2[0-3]|1[0-9]|0?[0-9]" : "0??[0-9]|1[0-9]|2[0-3]",
                h: count => 2 === count ? "1[012]|0?[1-9]" : "0??[1-9]|1[012]",
                m: count => 2 === count ? "[1-5][0-9]|0?[0-9]" : "0??[0-9]|[1-5][0-9]",
                s: count => 2 === count ? "[1-5][0-9]|0?[0-9]" : "0??[0-9]|[1-5][0-9]",
                S: count => `[0-9]{1,${count}}`,
                w: count => 2 === count ? "[1-5][0-9]|0?[0-9]" : "0??[0-9]|[1-5][0-9]",
                x: count => 3 === count ? "[+-](?:2[0-3]|[01][0-9]):(?:[0-5][0-9])|Z" : "[+-](?:2[0-3]|[01][0-9])(?:[0-5][0-9])|Z"
            };
            const parseNumber = Number;
            const caseInsensitiveIndexOf = (array, value) => array.map(item => item.toLowerCase()).indexOf(value.toLowerCase());
            const monthPatternParser = (text, count, dateParts) => {
                if (count > 2) {
                    return ["format", "standalone"].map(type => Object.keys(FORMAT_TYPES).map(count => {
                        const monthNames = dateParts.getMonthNames(FORMAT_TYPES[count], type);
                        return caseInsensitiveIndexOf(monthNames, text)
                    })).reduce((a, b) => a.concat(b)).filter(index => index >= 0)[0]
                }
                return parseNumber(text) - 1
            };
            const PATTERN_PARSERS = {
                y(text, count) {
                    const year = parseNumber(text);
                    if (2 === count) {
                        return year < 30 ? 2e3 + year : 1900 + year
                    }
                    return year
                },
                M: monthPatternParser,
                L: monthPatternParser,
                Q(text, count, dateParts) {
                    if (count > 2) {
                        return dateParts.getQuarterNames(FORMAT_TYPES[count], "format").indexOf(text)
                    }
                    return parseNumber(text) - 1
                },
                E(text, count, dateParts) {
                    const dayNames = dateParts.getDayNames(FORMAT_TYPES[count < 3 ? 3 : count], "format");
                    return caseInsensitiveIndexOf(dayNames, text)
                },
                a(text, count, dateParts) {
                    const periodNames = dateParts.getPeriodNames(FORMAT_TYPES[count < 3 ? 3 : count], "format");
                    return caseInsensitiveIndexOf(periodNames, text)
                },
                d: parseNumber,
                H: parseNumber,
                h: parseNumber,
                m: parseNumber,
                s: parseNumber,
                S(text, count) {
                    count = Math.max(count, 3);
                    text = text.slice(0, 3);
                    while (count < 3) {
                        text = `${text}0`;
                        count += 1
                    }
                    return parseNumber(text)
                }
            };
            const ORDERED_PATTERNS = ["y", "M", "d", "h", "m", "s", "S"];
            const PATTERN_SETTERS = {
                y: "setFullYear",
                M: "setMonth",
                L: "setMonth",
                a(date, value, datePartValues) {
                    let hours = date.getHours();
                    const hourPartValue = datePartValues.h;
                    if (void 0 !== hourPartValue && hourPartValue !== hours) {
                        hours -= 1
                    }
                    if (!value && 12 === hours) {
                        hours = 0
                    } else if (value && 12 !== hours) {
                        hours += 12
                    }
                    date.setHours(hours)
                },
                d: "setDate",
                H: "setHours",
                h: "setHours",
                m: "setMinutes",
                s: "setSeconds",
                S: "setMilliseconds"
            };
            const getSameCharCount = (text, index) => {
                const char = text[index];
                if (!char) {
                    return 0
                }
                let count = 0;
                do {
                    index += 1;
                    count += 1
                } while (text[index] === char);
                return count
            };
            const createPattern = (char, count) => {
                let result = "";
                for (let i = 0; i < count; i += 1) {
                    result += char
                }
                return result
            };
            const digitFieldSymbols = ["d", "H", "h", "m", "s", "w", "M", "L", "Q"];
            const isPossibleForParsingFormat = patterns => {
                const isDigitPattern = pattern => {
                    if (!pattern) {
                        return false
                    }
                    const char = pattern[0];
                    return ["y", "S"].includes(char) || digitFieldSymbols.includes(char) && pattern.length < 3
                };
                let possibleForParsing = true;
                let ambiguousDigitPatternsCount = 0;
                return patterns.every((pattern, index, patterns) => {
                    if (isDigitPattern(pattern)) {
                        if ((pattern => !pattern.startsWith("S") && 2 !== pattern.length)(pattern)) {
                            possibleForParsing = ++ambiguousDigitPatternsCount < 2
                        }
                        if (!isDigitPattern(patterns[index + 1])) {
                            ambiguousDigitPatternsCount = 0
                        }
                    }
                    return possibleForParsing
                })
            };
            exports.isPossibleForParsingFormat = isPossibleForParsingFormat;
            const getRegExpInfo = (format, dateParts) => {
                let regexpText = "";
                let stubText = "";
                let isEscaping = false;
                const patterns = [];
                const addPreviousStub = () => {
                    if (stubText) {
                        patterns.push(`'${stubText}'`);
                        regexpText += `${(0,_m_common.escapeRegExp)(stubText)})`;
                        stubText = ""
                    }
                };
                for (let i = 0; i < format.length; i += 1) {
                    const char = format[i];
                    const isEscapeChar = "'" === char;
                    const regexpPart = PATTERN_REGEXPS[char];
                    if (isEscapeChar) {
                        isEscaping = !isEscaping;
                        if ("'" !== format[i - 1]) {
                            continue
                        }
                    }
                    if (regexpPart && !isEscaping) {
                        const count = getSameCharCount(format, i);
                        const pattern = createPattern(char, count);
                        addPreviousStub();
                        patterns.push(pattern);
                        regexpText += `(${regexpPart(count,dateParts)})`;
                        i += count - 1
                    } else {
                        if (!stubText) {
                            regexpText += "("
                        }
                        stubText += char
                    }
                }
                addPreviousStub();
                if (!isPossibleForParsingFormat(patterns)) {
                    _m_console.logger.warn(`The following format may be parsed incorrectly: ${format}.`)
                }
                return {
                    patterns: patterns,
                    regexp: new RegExp(`^${regexpText}$`, "i")
                }
            };
            exports.getRegExpInfo = getRegExpInfo;
            exports.getPatternSetters = () => PATTERN_SETTERS;
            exports.getParser = (format, dateParts) => {
                const regExpInfo = getRegExpInfo(format, dateParts);
                return text => {
                    const regExpResult = regExpInfo.regexp.exec(text);
                    if (regExpResult) {
                        const now = new Date;
                        const date = new Date(now.getFullYear(), 0, 1);
                        const formatPatterns = (fullPatterns = regExpInfo.patterns, fullPatterns.map(pattern => {
                            if (pattern.startsWith("'")) {
                                return ""
                            }
                            return pattern.startsWith("H") ? "h" : pattern[0]
                        }));
                        const maxPatternIndex = (patterns => {
                            const indexes = patterns.map(pattern => ORDERED_PATTERNS.indexOf(pattern));
                            return Math.max(...indexes)
                        })(formatPatterns);
                        const orderedFormatPatterns = (formatPatterns => {
                            const otherPatterns = formatPatterns.filter(pattern => !ORDERED_PATTERNS.includes(pattern));
                            return ORDERED_PATTERNS.concat(otherPatterns)
                        })(formatPatterns);
                        const datePartValues = {};
                        orderedFormatPatterns.forEach((pattern, index) => {
                            if (!pattern || index < ORDERED_PATTERNS.length && index > maxPatternIndex) {
                                return
                            }
                            const patternIndex = formatPatterns.indexOf(pattern);
                            if (patternIndex >= 0) {
                                const regExpPattern = regExpInfo.patterns[patternIndex];
                                const regExpText = regExpResult[patternIndex + 1];
                                ((date, pattern, text, dateParts, datePartValues) => {
                                    const patternChar = pattern[0];
                                    const partSetter = PATTERN_SETTERS[patternChar];
                                    const partParser = PATTERN_PARSERS[patternChar];
                                    if (partSetter && partParser) {
                                        const value = partParser(text, pattern.length, dateParts);
                                        datePartValues[pattern] = value;
                                        if (date[partSetter]) {
                                            date[partSetter](value)
                                        } else {
                                            partSetter(date, value, datePartValues)
                                        }
                                    }
                                })(date, regExpPattern, regExpText, dateParts, datePartValues)
                            } else {
                                ((date, pattern, now) => {
                                    const setterName = PATTERN_SETTERS[pattern];
                                    const getterName = `g${setterName.substr(1)}`;
                                    const value = now[getterName]();
                                    date[setterName](value)
                                })(date, pattern, now)
                            }
                        });
                        return date
                    }
                    var fullPatterns;
                    return null
                }
            }
        },
        63249(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getFormat = function(formatter) {
                let valueText = ".";
                const isPercent = formatter(1).includes("100");
                valueText = prepareValueText(valueText, formatter, isPercent, true);
                valueText = prepareValueText(valueText, formatter, isPercent, false);
                const positiveFormat = getFormatByValueText(valueText, formatter, isPercent, false);
                const negativeFormat = getFormatByValueText(valueText, formatter, isPercent, true);
                return negativeFormat === `-${positiveFormat}` ? positiveFormat : `${positiveFormat};${negativeFormat}`
            };
            exports.getFormatter = function(format, config) {
                config = config || DEFAULT_CONFIG;
                return value => {
                    if ("number" !== typeof value || isNaN(value)) {
                        return ""
                    }
                    const signFormatParts = function(format) {
                        const signParts = function(format) {
                            let separatorChar = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : ";";
                            let escapingChar = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : "'";
                            const parts = [];
                            let currentPart = "";
                            let state = "searchingSeparator";
                            for (let i = 0; i < format.length; i += 1) {
                                const char = format[i];
                                if ("searchingSeparator" === state && char === escapingChar) {
                                    state = "skippingSeparationInsideEscaping"
                                } else if ("skippingSeparationInsideEscaping" === state && char === escapingChar) {
                                    state = "searchingSeparator"
                                } else if ("searchingSeparator" === state && char === separatorChar) {
                                    state = "separating";
                                    parts.push(currentPart);
                                    currentPart = ""
                                }
                                if ("separating" !== state) {
                                    currentPart += char
                                } else {
                                    state = "searchingSeparator"
                                }
                            }
                            parts.push(currentPart);
                            return parts
                        }(format);
                        if (1 === signParts.length) {
                            signParts.push(`-${signParts[0]}`)
                        }
                        return signParts
                    }(format);
                    const isPositiveZero = 1 / value === 1 / 0;
                    const isPositive = value > 0 || isPositiveZero;
                    const numberFormat = signFormatParts[isPositive ? 0 : 1];
                    const floatPointIndex = function(format) {
                        let isEscape = false;
                        for (let index = 0; index < format.length; index += 1) {
                            if ("'" === format[index]) {
                                isEscape = !isEscape
                            }
                            if ("." === format[index] && !isEscape) {
                                return index
                            }
                        }
                        return format.length
                    }(numberFormat);
                    const floatFormatParts = [numberFormat.substr(0, floatPointIndex), numberFormat.substr(floatPointIndex + 1)];
                    const minFloatPrecision = getRequiredDigitCount(floatFormatParts[1]);
                    const maxFloatPrecision = minFloatPrecision + getNonRequiredDigitCount(floatFormatParts[1]);
                    if (function(format) {
                            return format.includes("%") && !format.match(/'[^']*%[^']*'/g)
                        }(numberFormat)) {
                        value = (0, _m_math.multiplyInExponentialForm)(value, 2)
                    }
                    if (!isPositive) {
                        value = -value
                    }
                    const minIntegerPrecision = getRequiredDigitCount(floatFormatParts[0]);
                    const maxIntegerPrecision = getNonRequiredDigitCount(floatFormatParts[0]) || config.unlimitedIntegerDigits ? void 0 : minIntegerPrecision;
                    const integerLength = Math.floor(value).toString().length;
                    const floatPrecision = (0, _m_math.fitIntoRange)(maxFloatPrecision, 0, 15 - integerLength);
                    const groupSizes = (formatString = floatFormatParts[0], formatString.split(",").slice(1).map(str => {
                        let singleQuotesLeft = 0;
                        return str.split("").filter(char => {
                            singleQuotesLeft += Number("'" === char);
                            const isDigit = "#" === char || "0" === char;
                            const isInStub = singleQuotesLeft % 2;
                            return isDigit && !isInStub
                        }).length
                    })).reverse();
                    var formatString;
                    const valueParts = (0, _utils.toFixed)(value, floatPrecision < 0 ? 0 : floatPrecision).split(".");
                    let valueIntegerPart = normalizeValueString(reverseString(valueParts[0]), minIntegerPrecision, maxIntegerPrecision);
                    const valueFloatPart = normalizeValueString(valueParts[1], minFloatPrecision, maxFloatPrecision);
                    valueIntegerPart = function(valueString, groupSizes, thousandsSeparator) {
                        if (!groupSizes.length) {
                            return valueString
                        }
                        const groups = [];
                        let index = 0;
                        while (valueString) {
                            const groupSize = groupSizes[index];
                            if (!groupSize) {
                                break
                            }
                            groups.push(valueString.slice(0, groupSize));
                            valueString = valueString.slice(groupSize);
                            if (index < groupSizes.length - 1) {
                                index += 1
                            }
                        }
                        return groups.join(thousandsSeparator)
                    }(valueIntegerPart, groupSizes, config.thousandsSeparator);
                    const integerString = reverseString(formatNumberPart(reverseString(floatFormatParts[0]), valueIntegerPart));
                    const floatString = maxFloatPrecision ? formatNumberPart(floatFormatParts[1], valueFloatPart) : "";
                    return integerString + (floatString.match(/\d/) ? config.decimalSeparator : "") + floatString
                }
            };
            var _utils = __webpack_require__( /*! ../../../core/localization/utils */ 82475);
            var _m_math = __webpack_require__( /*! ../../../core/utils/m_math */ 80764);
            const DEFAULT_CONFIG = {
                thousandsSeparator: ",",
                decimalSeparator: "."
            };

            function reverseString(str) {
                return str.toString().split("").reverse().join("")
            }

            function removeStubs(str) {
                return str.replace(/'[^']*'/g, "")
            }

            function getNonRequiredDigitCount(floatFormat) {
                if (!floatFormat) {
                    return 0
                }
                const format = removeStubs(floatFormat);
                return format.length - format.replace(/[#]/g, "").length
            }

            function getRequiredDigitCount(floatFormat) {
                if (!floatFormat) {
                    return 0
                }
                const format = removeStubs(floatFormat);
                return format.length - format.replace(/[0]/g, "").length
            }

            function normalizeValueString(valuePart, minDigitCount, maxDigitCount) {
                if (!valuePart) {
                    return ""
                }
                if (valuePart.length > maxDigitCount) {
                    valuePart = valuePart.substr(0, maxDigitCount)
                }
                while (valuePart.length > minDigitCount && valuePart.endsWith("0")) {
                    valuePart = valuePart.substr(0, valuePart.length - 1)
                }
                while (valuePart.length < minDigitCount) {
                    valuePart += "0"
                }
                return valuePart
            }

            function formatNumberPart(format, valueString) {
                return format.split("'").map((formatPart, escapeIndex) => {
                    const isEscape = escapeIndex % 2;
                    if (!formatPart && isEscape) {
                        return "'"
                    }
                    return isEscape ? formatPart : formatPart.replace(/[,#0]+/, valueString)
                }).join("")
            }

            function parseValue(text, isPercent, isNegative) {
                const value = (isPercent ? .01 : 1) * parseFloat(text) || 0;
                return isNegative ? -value : value
            }

            function prepareValueText(valueText, formatter, isPercent, isIntegerPart) {
                let nextValueText = valueText;
                let char = "";
                let text = "";
                let nextText = "";
                do {
                    if (nextText) {
                        char = text.length === nextText.length ? "0" : "1";
                        valueText = isIntegerPart ? char + valueText : valueText + char
                    }
                    text = nextText || formatter(parseValue(nextValueText, isPercent));
                    nextValueText = isIntegerPart ? `1${nextValueText}` : `${nextValueText}1`;
                    nextText = formatter(parseValue(nextValueText, isPercent))
                } while (text !== nextText && (isIntegerPart ? text.length === nextText.length : text.length <= nextText.length));
                if (isIntegerPart && nextText.length > text.length) {
                    const hasGroups = !formatter(12345).includes("12345");
                    do {
                        valueText = `1${valueText}`
                    } while (hasGroups && parseValue(valueText, isPercent) < 1e5)
                }
                return valueText
            }

            function getFormatByValueText(valueText, formatter, isPercent, isNegative) {
                let format = formatter(parseValue(valueText, isPercent, isNegative));
                const valueTextParts = valueText.split(".");
                const valueTextWithModifiedFloat = `${valueTextParts[0]}.3${valueTextParts[1].slice(1)}`;
                const valueWithModifiedFloat = parseValue(valueTextWithModifiedFloat, isPercent, isNegative);
                const decimalSeparatorIndex = formatter(valueWithModifiedFloat).indexOf("3") - 1;
                format = format.replace(/(\d)\D(\d)/g, "$1,$2");
                if (decimalSeparatorIndex >= 0) {
                    format = `${format.slice(0,decimalSeparatorIndex)}.${format.slice(decimalSeparatorIndex+1)}`
                }
                format = format.replace(/1+/, "1").replace(/1/g, "#");
                if (!isPercent) {
                    format = format.replace(/%/g, "'%'")
                }
                return format
            }
        },
        18205(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _core = (e = __webpack_require__( /*! ../../core/localization/core */ 55407), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _default_messages = __webpack_require__( /*! ../../core/localization/default_messages */ 73418);
            var _m_dependency_injector = __webpack_require__( /*! ../../core/utils/m_dependency_injector */ 62142);
            var _m_extend = __webpack_require__( /*! ../../core/utils/m_extend */ 96298);
            var _m_inflector = __webpack_require__( /*! ../../core/utils/m_inflector */ 66122);
            var _m_string = __webpack_require__( /*! ../../core/utils/m_string */ 32527);
            const baseDictionary = (0, _m_extend.extend)(true, {}, _default_messages.defaultMessages);
            const newMessages = {};
            const messageLocalization = (0, _m_dependency_injector.injector)({
                engine: () => "base",
                _dictionary: baseDictionary,
                load(messages) {
                    (0, _m_extend.extend)(true, this._dictionary, messages)
                },
                _localizablePrefix: "@",
                setup(localizablePrefix) {
                    this._localizablePrefix = localizablePrefix
                },
                localizeString(text) {
                    const that = this;
                    const regex = new RegExp(`(^|[^a-zA-Z_0-9${that._localizablePrefix}-]+)(${that._localizablePrefix}{1,2})([a-zA-Z_0-9-]+)`, "g");
                    const escapeString = that._localizablePrefix + that._localizablePrefix;
                    return text.replace(regex, (_, prefix, escape, localizationKey) => {
                        const defaultResult = that._localizablePrefix + localizationKey;
                        let result;
                        if (escape !== escapeString) {
                            result = that.format(localizationKey)
                        }
                        if (!result) {
                            newMessages[localizationKey] = (0, _m_inflector.humanize)(localizationKey)
                        }
                        return prefix + (result || defaultResult)
                    })
                },
                getMessagesByLocales() {
                    return this._dictionary
                },
                getDictionary(onlyNew) {
                    if (onlyNew) {
                        return newMessages
                    }
                    return (0, _m_extend.extend)({}, newMessages, this.getMessagesByLocales()[_core.default.locale()])
                },
                getFormatter(key) {
                    return this._getFormatterBase(key) || this._getFormatterBase(key, "en")
                },
                _getFormatterBase(key, _locale) {
                    const message = _core.default.getValueByClosestLocale(locale => ((localeData, locale) => {
                        var _Object$entries$find;
                        return localeData[locale] || (null === locale || void 0 === locale ? void 0 : locale.toLowerCase) && (null === (_Object$entries$find = Object.entries(localeData).find(_ref => {
                            let [key] = _ref;
                            return key.toLowerCase() === locale.toLowerCase()
                        })) || void 0 === _Object$entries$find ? void 0 : _Object$entries$find[1]) || {}
                    })(this._dictionary, locale)[key]);
                    if (message) {
                        return function() {
                            const args = 1 === arguments.length && Array.isArray(arguments[0]) ? arguments[0].slice(0) : Array.prototype.slice.call(arguments, 0);
                            args.unshift(message);
                            return _m_string.format.apply(this, args)
                        }
                    }
                    return
                },
                format(key) {
                    const formatter = this.getFormatter(key);
                    const values = Array.prototype.slice.call(arguments, 1);
                    return (null === formatter || void 0 === formatter ? void 0 : formatter.apply(this, values)) || ""
                }
            });
            exports.default = messageLocalization
        },
        60605(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../../core/config */ 66636));
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../../core/errors */ 87129));
            var _currency = _interopRequireDefault(__webpack_require__( /*! ../../core/localization/currency */ 87631));
            var _number = _interopRequireDefault(__webpack_require__( /*! ../../core/localization/intl/number */ 40791));
            var _number2 = __webpack_require__( /*! ../../core/localization/ldml/number */ 63249);
            var _utils = __webpack_require__( /*! ../../core/localization/utils */ 82475);
            var _m_common = __webpack_require__( /*! ../../core/utils/m_common */ 39315);
            var _m_dependency_injector = __webpack_require__( /*! ../../core/utils/m_dependency_injector */ 62142);
            var _m_iterator = __webpack_require__( /*! ../../core/utils/m_iterator */ 26044);
            var _m_type = __webpack_require__( /*! ../../core/utils/m_type */ 39918);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const hasIntl = "undefined" !== typeof Intl;
            const NUMERIC_FORMATS = ["currency", "fixedpoint", "exponential", "percent", "decimal"];
            const LargeNumberFormatPostfixes = {
                1: "K",
                2: "M",
                3: "B",
                4: "T"
            };
            const LargeNumberFormatPowers = {
                largenumber: "auto",
                thousands: 1,
                millions: 2,
                billions: 3,
                trillions: 4
            };
            const numberLocalization = (0, _m_dependency_injector.injector)({
                engine: () => "base",
                numericFormats: NUMERIC_FORMATS,
                defaultLargeNumberFormatPostfixes: LargeNumberFormatPostfixes,
                _parseNumberFormatString(formatType) {
                    const formatObject = {};
                    if (!formatType || "string" !== typeof formatType) {
                        return
                    }
                    const formatList = formatType.toLowerCase().split(" ");
                    (0, _m_iterator.each)(formatList, (_, value) => {
                        if (NUMERIC_FORMATS.includes(value)) {
                            formatObject.formatType = value
                        } else if (value in LargeNumberFormatPowers) {
                            formatObject.power = LargeNumberFormatPowers[value]
                        }
                    });
                    if (formatObject.power && !formatObject.formatType) {
                        formatObject.formatType = "fixedpoint"
                    }
                    if ((rule = formatObject, "formatType" in rule) && formatObject.formatType) {
                        return formatObject
                    }
                    var rule;
                    return
                },
                _calculateNumberPower(value, base, minPower, maxPower) {
                    let number = Math.abs(value);
                    let power = 0;
                    if (number > 1) {
                        while (number && number >= base && (void 0 === maxPower || power < maxPower)) {
                            power += 1;
                            number /= base
                        }
                    } else if (number > 0 && number < 1) {
                        while (number < 1 && (void 0 === minPower || power > minPower)) {
                            power -= 1;
                            number *= base
                        }
                    }
                    return power
                },
                _getNumberByPower(number, power, base) {
                    let result = number;
                    while (power > 0) {
                        result /= base;
                        power -= 1
                    }
                    while (power < 0) {
                        result *= base;
                        power += 1
                    }
                    return result
                },
                _formatNumber(value, formatObject, formatConfig) {
                    if ("auto" === formatObject.power) {
                        formatObject.power = this._calculateNumberPower(value, 1e3, 0, 4)
                    }
                    if (formatObject.power) {
                        value = this._getNumberByPower(value, formatObject.power, 1e3)
                    }
                    const powerPostfix = formatObject.power ? this.defaultLargeNumberFormatPostfixes[formatObject.power] || "" : "";
                    let result = this._formatNumberCore(value, formatObject.formatType, formatConfig);
                    result = result.replace(/(\d|.$)(\D*)$/, `$1${powerPostfix}$2`);
                    return result
                },
                _formatNumberExponential(value, formatConfig) {
                    let power = this._calculateNumberPower(value, 10);
                    let number = this._getNumberByPower(value, power, 10);
                    if (void 0 === formatConfig.precision) {
                        formatConfig.precision = 1
                    }
                    if (number.toFixed(formatConfig.precision || 0) >= 10) {
                        power += 1;
                        number /= 10
                    }
                    const powString = (power >= 0 ? "+" : "") + power.toString();
                    return `${this._formatNumberCore(number,"fixedpoint",formatConfig)}E${powString}`
                },
                _addZeroes(value, precision) {
                    const multiplier = 10 ** precision;
                    const sign = value < 0 ? "-" : "";
                    value = (Math.abs(value) * multiplier >>> 0) / multiplier;
                    let result = value.toString();
                    while (result.length < precision) {
                        result = `0${result}`
                    }
                    return sign + result
                },
                _addGroupSeparators(value) {
                    const parts = value.toString().split(".");
                    return parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, (0, _config.default)().thousandsSeparator) + (parts[1] ? (0, _config.default)().decimalSeparator + parts[1] : "")
                },
                _formatNumberCore(value, format, formatConfig) {
                    if ("exponential" === format) {
                        return this._formatNumberExponential(value, formatConfig)
                    }
                    if ("decimal" !== format && null !== formatConfig.precision) {
                        formatConfig.precision = formatConfig.precision || 0
                    }
                    if ("percent" === format) {
                        value *= 100
                    }
                    let result = `${value}`;
                    if (void 0 !== formatConfig.precision) {
                        if ("decimal" === format) {
                            result = this._addZeroes(value, formatConfig.precision)
                        } else {
                            result = null === formatConfig.precision ? value.toPrecision() : (0, _utils.toFixed)(value, formatConfig.precision)
                        }
                    }
                    if ("decimal" !== format) {
                        result = this._addGroupSeparators(result)
                    } else {
                        result = result.toString().replace(".", (0, _config.default)().decimalSeparator)
                    }
                    if ("percent" === format) {
                        result += "%"
                    }
                    return result
                },
                _normalizeFormat(format) {
                    if (!format) {
                        return {}
                    }
                    if ("function" === typeof format) {
                        return format
                    }
                    if (!(0, _m_type.isPlainObject)(format)) {
                        format = {
                            type: format
                        }
                    }
                    return format
                },
                _getSeparators() {
                    return {
                        decimalSeparator: this.getDecimalSeparator(),
                        thousandsSeparator: this.getThousandsSeparator()
                    }
                },
                getThousandsSeparator() {
                    return this.format(1e4, "fixedPoint")[2]
                },
                getDecimalSeparator() {
                    return this.format(1.2, {
                        type: "fixedPoint",
                        precision: 1
                    })[1]
                },
                convertDigits(value, toStandard) {
                    const digits = this.format(90, "decimal");
                    if ("string" !== typeof value || "0" === digits[1]) {
                        return value
                    }
                    const fromFirstDigit = toStandard ? digits[1] : "0";
                    const toFirstDigit = toStandard ? "0" : digits[1];
                    const fromLastDigit = toStandard ? digits[0] : "9";
                    const regExp = new RegExp(`[${fromFirstDigit}-${fromLastDigit}]`, "g");
                    return value.replace(regExp, char => String.fromCharCode(char.charCodeAt(0) + (toFirstDigit.charCodeAt(0) - fromFirstDigit.charCodeAt(0))))
                },
                getNegativeEtalonRegExp(format) {
                    const separators = this._getSeparators();
                    const digitalRegExp = new RegExp(`[0-9${(0,_m_common.escapeRegExp)(separators.decimalSeparator+separators.thousandsSeparator)}]+`, "g");
                    let negativeEtalon = this.format(-1, format).replace(digitalRegExp, "1");
                    ["\\", "(", ")", "[", "]", "*", "+", "$", "^", "?", "|", "{", "}"].forEach(char => {
                        negativeEtalon = negativeEtalon.replace(new RegExp(`\\${char}`, "g"), `\\${char}`)
                    });
                    negativeEtalon = negativeEtalon.replace(/ /g, "\\s");
                    negativeEtalon = negativeEtalon.replace(/1/g, ".*");
                    return new RegExp(negativeEtalon, "g")
                },
                getSign(text, format) {
                    if (!format) {
                        if (text.replace(/[^0-9-]/g, "").startsWith("-")) {
                            return -1
                        }
                        return 1
                    }
                    const negativeEtalon = this.getNegativeEtalonRegExp(format);
                    return text.match(negativeEtalon) ? -1 : 1
                },
                format(value, format) {
                    var _format;
                    if ("number" !== typeof value) {
                        return value
                    }
                    if ("number" === typeof format) {
                        return value
                    }
                    format = (null === (_format = format) || void 0 === _format ? void 0 : _format.formatter) || format;
                    if ("function" === typeof format) {
                        return format(value)
                    }
                    format = this._normalizeFormat(format);
                    if (!format.type) {
                        format.type = "decimal"
                    }
                    const numberConfig = this._parseNumberFormatString(format.type);
                    if (!numberConfig) {
                        const formatterConfig = this._getSeparators();
                        formatterConfig.unlimitedIntegerDigits = format.unlimitedIntegerDigits;
                        const formattedValue = (0, _number2.getFormatter)(format.type, formatterConfig)(value);
                        return this.convertDigits(formattedValue)
                    }
                    return this._formatNumber(value, numberConfig, format)
                },
                parse(text, format) {
                    var _format2;
                    if (!text) {
                        return
                    }
                    if ("string" !== typeof format && null !== (_format2 = format) && void 0 !== _format2 && _format2.parser) {
                        return format.parser(text)
                    }
                    text = this.convertDigits(text, true);
                    if (format && "string" !== typeof format) {
                        _errors.default.log("W0011")
                    }
                    const decimalSeparator = this.getDecimalSeparator();
                    const regExp = new RegExp(`[^0-9${(0,_m_common.escapeRegExp)(decimalSeparator)}]`, "g");
                    const cleanedText = text.replace(regExp, "").replace(decimalSeparator, ".").replace(/\.$/g, "");
                    if ("." === cleanedText || "" === cleanedText) {
                        return null
                    }
                    if (this._calcSignificantDigits(cleanedText) > 15) {
                        return NaN
                    }
                    let parsed = +cleanedText * this.getSign(text, format);
                    format = this._normalizeFormat(format);
                    const formatConfig = this._parseNumberFormatString(format.type);
                    let power = null === formatConfig || void 0 === formatConfig ? void 0 : formatConfig.power;
                    if (power) {
                        if ("auto" === power) {
                            const match = /\d(K|M|B|T)/.exec(text);
                            if (match) {
                                power = Object.keys(LargeNumberFormatPostfixes).map(Number).find(p => LargeNumberFormatPostfixes[p] === match[1])
                            }
                        }
                        parsed *= 10 ** (3 * power)
                    }
                    if ("percent" === (null === formatConfig || void 0 === formatConfig ? void 0 : formatConfig.formatType)) {
                        parsed /= 100
                    }
                    return parsed
                },
                _calcSignificantDigits(text) {
                    const [integer, fractional] = text.split(".");
                    const calcDigitsAfterLeadingZeros = digits => {
                        let index = -1;
                        for (let i = 0; i < digits.length; i += 1) {
                            if ("0" !== digits[i]) {
                                index = i;
                                break
                            }
                        }
                        return index > -1 ? digits.length - index : 0
                    };
                    let result = 0;
                    if (integer) {
                        result += calcDigitsAfterLeadingZeros(integer.split(""))
                    }
                    if (fractional) {
                        result += calcDigitsAfterLeadingZeros(fractional.split("").reverse())
                    }
                    return result
                }
            });
            numberLocalization.inject(_currency.default);
            if (hasIntl) {
                numberLocalization.inject(_number.default)
            }
            exports.default = numberLocalization
        },
        69170(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.default = (currencySymbol, accountingFormat) => {
                if (!accountingFormat) {
                    return
                }
                let encodedCurrencySymbol = currencySymbol;
                if ("string" === typeof currencySymbol) {
                    encodedCurrencySymbol = "";
                    for (let i = 0; i < currencySymbol.length; i += 1) {
                        if ("$" !== currencySymbol[i]) {
                            encodedCurrencySymbol += "\\"
                        }
                        encodedCurrencySymbol += currencySymbol[i]
                    }
                }
                const encodeSymbols = {
                    ".00": "{0}",
                    "'": "\\'",
                    "\\(": "\\(",
                    "\\)": "\\)",
                    " ": "\\ ",
                    '"': "&quot;",
                    "\\\xa4": encodedCurrencySymbol
                };
                const result = accountingFormat.split(";");
                for (let i = 0; i < result.length; i += 1) {
                    for (const symbol in encodeSymbols) {
                        if (Object.prototype.hasOwnProperty.call(encodeSymbols, symbol)) {
                            result[i] = result[i].replace(new RegExp(symbol, "g"), encodeSymbols[symbol])
                        }
                    }
                }
                return 2 === result.length ? `${result[0]}_);${result[1]}` : result[0]
            }
        },
        32286(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.default = (parentLocales, locale) => {
                const parentLocale = parentLocales[locale];
                if (parentLocale) {
                    return "root" !== parentLocale && parentLocale
                }
                return locale.substr(0, locale.lastIndexOf("-"))
            }
        },
        82475(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.toFixed = function(value, precision) {
                const valuePrecision = precision ?? 0;
                const adjustedValue = valuePrecision > 0 ? function(value, precision) {
                    const precisionMultiplier = 10 ** precision;
                    const intermediateValue = (0, _m_math.multiplyInExponentialForm)(value, precision);
                    return function(value) {
                        const valueSign = (0, _m_math.sign)(value);
                        return valueSign * Math.round(Math.abs(value))
                    }(intermediateValue) / precisionMultiplier
                }(value, valuePrecision) : value;
                return adjustedValue.toFixed(valuePrecision)
            };
            var _m_math = __webpack_require__( /*! ../../core/utils/m_math */ 80764)
        },
        3226(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.Action = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            class Action {
                constructor(action, config) {
                    config = config || {};
                    this._action = action;
                    this._context = config.context || (0, _window.getWindow)();
                    this._beforeExecute = config.beforeExecute;
                    this._afterExecute = config.afterExecute;
                    this._component = config.component;
                    this._validatingTargetName = config.validatingTargetName;
                    const excludeValidators = this._excludeValidators = {};
                    if (config.excludeValidators) {
                        for (let i = 0; i < config.excludeValidators.length; i++) {
                            excludeValidators[config.excludeValidators[i]] = true
                        }
                    }
                }
                execute() {
                    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                        args[_key] = arguments[_key]
                    }
                    const e = {
                        action: this._action,
                        args: Array.prototype.slice.call(args),
                        context: this._context,
                        component: this._component,
                        validatingTargetName: this._validatingTargetName,
                        cancel: false,
                        handled: false
                    };
                    const beforeExecute = this._beforeExecute;
                    const afterExecute = this._afterExecute;
                    const argsBag = e.args[0] || {};
                    if (!this._validateAction(e)) {
                        return
                    }
                    null === beforeExecute || void 0 === beforeExecute || beforeExecute.call(this._context, e);
                    if (e.cancel) {
                        return
                    }
                    const result = this._executeAction(e);
                    if (argsBag.cancel) {
                        return
                    }
                    null === afterExecute || void 0 === afterExecute || afterExecute.call(this._context, e);
                    return result
                }
                _validateAction(e) {
                    const excludeValidators = this._excludeValidators;
                    const {
                        executors: executors
                    } = Action;
                    for (const name in executors) {
                        if (!excludeValidators[name]) {
                            var _executor$validate;
                            const executor = executors[name];
                            null === (_executor$validate = executor.validate) || void 0 === _executor$validate || _executor$validate.call(executor, e);
                            if (e.cancel) {
                                return false
                            }
                        }
                    }
                    return true
                }
                _executeAction(e) {
                    let result;
                    const {
                        executors: executors
                    } = Action;
                    for (const name in executors) {
                        var _executor$execute;
                        const executor = executors[name];
                        null === (_executor$execute = executor.execute) || void 0 === _executor$execute || _executor$execute.call(executor, e);
                        if (e.handled) {
                            result = e.result;
                            break
                        }
                    }
                    return result
                }
                static registerExecutor(name, executor) {
                    if ((0, _type.isPlainObject)(name)) {
                        (0, _iterator.each)(name, Action.registerExecutor);
                        return
                    }
                    Action.executors[name] = executor
                }
                static unregisterExecutor() {
                    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
                        args[_key2] = arguments[_key2]
                    }(0, _iterator.each)(args, function() {
                        delete Action.executors[this]
                    })
                }
            }
            exports.Action = Action;
            Action.executors = {};
            const createValidatorByTargetElement = condition => e => {
                if (!e.args.length) {
                    return
                }
                const args = e.args[0];
                const element = args[e.validatingTargetName] || args.element;
                if (element && condition((0, _renderer.default)(element))) {
                    e.cancel = true
                }
            };
            Action.registerExecutor({
                disabled: {
                    validate: createValidatorByTargetElement($target => $target.is(".dx-state-disabled, .dx-state-disabled *"))
                },
                readOnly: {
                    validate: createValidatorByTargetElement($target => $target.is(".dx-state-readonly, .dx-state-readonly *:not(.dx-state-independent)"))
                },
                undefined: {
                    execute: e => {
                        if (!e.action) {
                            e.result = void 0;
                            e.handled = true
                        }
                    }
                },
                func: {
                    execute: e => {
                        if ((0, _type.isFunction)(e.action)) {
                            e.result = e.action.call(e.context, e.args[0]);
                            e.handled = true
                        }
                    }
                }
            });
            exports.default = Action
        },
        40958(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _errors = (e = __webpack_require__( /*! ../../core/errors */ 87129), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            const wrapOverridden = function(baseProto, methodName, method) {
                return function() {
                    const prevCallBase = this.callBase;
                    this.callBase = baseProto[methodName];
                    try {
                        return method.apply(this, arguments)
                    } finally {
                        this.callBase = prevCallBase
                    }
                }
            };
            const redefine = function(members) {
                const that = this;
                let overridden;
                let memberName;
                let member;
                if (!members) {
                    return that
                }
                for (memberName in members) {
                    member = members[memberName];
                    overridden = "function" === typeof that.prototype[memberName] && "function" === typeof member;
                    that.prototype[memberName] = overridden ? wrapOverridden(that.parent.prototype, memberName, member) : member
                }
                return that
            };
            const include = function() {
                const classObj = this;
                let argument;
                let name;
                let i;
                const hasClassObjOwnProperty = Object.prototype.hasOwnProperty.bind(classObj);
                const isES6Class = !hasClassObjOwnProperty("_includedCtors") && !hasClassObjOwnProperty("_includedPostCtors");
                if (isES6Class) {
                    classObj._includedCtors = classObj._includedCtors.slice(0);
                    classObj._includedPostCtors = classObj._includedPostCtors.slice(0)
                }
                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                    args[_key] = arguments[_key]
                }
                for (i = 0; i < args.length; i++) {
                    argument = args[i];
                    if (argument.ctor) {
                        classObj._includedCtors.push(argument.ctor)
                    }
                    if (argument.postCtor) {
                        classObj._includedPostCtors.push(argument.postCtor)
                    }
                    for (name in argument) {
                        if ("ctor" === name || "postCtor" === name || "default" === name) {
                            continue
                        }
                        classObj.prototype[name] = argument[name]
                    }
                }
                return classObj
            };
            const subclassOf = function(parentClass) {
                const hasParentProperty = Object.prototype.hasOwnProperty.bind(this)("parent");
                const isES6Class = !hasParentProperty && this.parent;
                if (isES6Class) {
                    const baseClass = Object.getPrototypeOf(this);
                    return baseClass === parentClass || baseClass.subclassOf(parentClass)
                }
                if (this.parent === parentClass) {
                    return true
                }
                if (!this.parent || !this.parent.subclassOf) {
                    return false
                }
                return this.parent.subclassOf(parentClass)
            };
            const abstract = function() {
                throw _errors.default.Error("E0001")
            };
            const classImpl = function() {};
            classImpl.inherit = function(members) {
                const inheritor = function() {
                    if (!this || (0, _type.isWindow)(this) || "function" !== typeof this.constructor) {
                        throw _errors.default.Error("E0003")
                    }
                    const instance = this;
                    const {
                        ctor: ctor
                    } = instance;
                    const includedCtors = instance.constructor._includedCtors;
                    const includedPostCtors = instance.constructor._includedPostCtors;
                    let i;
                    for (i = 0; i < includedCtors.length; i++) {
                        includedCtors[i].call(instance)
                    }
                    if (ctor) {
                        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
                            args[_key2] = arguments[_key2]
                        }
                        ctor.apply(instance, args)
                    }
                    for (i = 0; i < includedPostCtors.length; i++) {
                        includedPostCtors[i].call(instance)
                    }
                };
                inheritor.prototype = function(obj) {
                    const func = function() {};
                    func.prototype = obj.prototype;
                    return new func
                }(this);
                Object.setPrototypeOf(inheritor, this);
                inheritor.inherit = this.inherit;
                inheritor.abstract = abstract;
                inheritor.redefine = redefine;
                inheritor.include = include;
                inheritor.subclassOf = subclassOf;
                inheritor.parent = this;
                inheritor._includedCtors = this._includedCtors ? this._includedCtors.slice(0) : [];
                inheritor._includedPostCtors = this._includedPostCtors ? this._includedPostCtors.slice(0) : [];
                inheritor.prototype.constructor = inheritor;
                inheritor.redefine(members);
                return inheritor
            };
            classImpl.abstract = abstract;
            exports.default = classImpl
        },
        10718(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.registerComponent = void 0;
            var _component_registrator_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator_callbacks */ 55771));
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../core/errors */ 87129));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _public_component = __webpack_require__( /*! ../../core/utils/public_component */ 85521);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.registerComponent = function(name, namespace, componentClass) {
                if (!componentClass) {
                    componentClass = namespace
                } else {
                    namespace[name] = componentClass
                }(0, _public_component.name)(componentClass, name);
                _component_registrator_callbacks.default.fire(name, componentClass)
            };
            _component_registrator_callbacks.default.add(function(name, componentClass) {
                _renderer.default.fn[name] = function(options) {
                    const isMemberInvoke = "string" === typeof options;
                    let result;
                    if (isMemberInvoke) {
                        const memberName = options;
                        const memberArgs = [].slice.call(arguments).slice(1);
                        this.each(function() {
                            const instance = componentClass.getInstance(this);
                            if (!instance) {
                                throw _errors.default.Error("E0009", name)
                            }
                            const member = instance[memberName];
                            const memberValue = member.apply(instance, memberArgs);
                            if (void 0 === result) {
                                result = memberValue
                            }
                        })
                    } else {
                        this.each(function() {
                            const instance = componentClass.getInstance(this);
                            if (instance) {
                                instance.option(options)
                            } else {
                                new componentClass(this, options)
                            }
                        });
                        result = this
                    }
                    return result
                }
            })
        },
        21233(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.componentRegistratorCallbacks = void 0;
            var _memorized_callbacks = (e = __webpack_require__( /*! ../../core/memorized_callbacks */ 35329), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.componentRegistratorCallbacks = new _memorized_callbacks.default
        },
        34338(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _errors = (e = __webpack_require__( /*! ../../core/errors */ 87129), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            const config = {
                rtlEnabled: false,
                defaultCurrency: "USD",
                defaultUseCurrencyAccountingStyle: true,
                oDataFilterToLower: true,
                serverDecimalSeparator: ".",
                decimalSeparator: ".",
                thousandsSeparator: ",",
                forceIsoDateParsing: true,
                wrapActionsBeforeExecute: true,
                useLegacyStoreResult: false,
                useJQuery: void 0,
                editorStylingMode: void 0,
                useLegacyVisibleIndex: false,
                versionAssertions: [],
                copyStylesToShadowDom: true,
                licenseKey: "/* ___$$$$$___devextreme___lcp___placeholder____$$$$$ */",
                floatingActionButtonConfig: {
                    icon: "add",
                    closeIcon: "close",
                    label: "",
                    position: {
                        at: "right bottom",
                        my: "right bottom",
                        offset: {
                            x: -16,
                            y: -16
                        }
                    },
                    maxSpeedDialActionCount: 5,
                    shading: false,
                    direction: "auto"
                },
                optionsParser: optionsString => {
                    if ("{" !== optionsString.trim().charAt(0)) {
                        optionsString = `{${optionsString}}`
                    }
                    try {
                        return JSON.parse(optionsString)
                    } catch (ex) {
                        try {
                            return JSON.parse(normalizeToJSONString(optionsString))
                        } catch (exNormalize) {
                            throw _errors.default.Error("E3018", ex, optionsString)
                        }
                    }
                }
            };
            const normalizeToJSONString = optionsString => optionsString.replace(/'/g, '"').replace(/,\s*([\]}])/g, "$1").replace(/([{,])\s*([^":\s]+)\s*:/g, '$1"$2":');
            const deprecatedFields = ["decimalSeparator", "thousandsSeparator"];
            const configMethod = function() {
                if (!arguments.length) {
                    return config
                }
                const newConfig = arguments.length <= 0 ? void 0 : arguments[0];
                deprecatedFields.forEach(deprecatedField => {
                    if (newConfig[deprecatedField]) {
                        const message = `Now, the ${deprecatedField} is selected based on the specified locale.`;
                        _errors.default.log("W0003", "config", deprecatedField, "19.2", message)
                    }
                });
                (0, _extend.extend)(config, newConfig)
            };
            if ("undefined" !== typeof DevExpress && DevExpress.config) {
                configMethod(DevExpress.config)
            }
            exports.default = configMethod
        },
        98905(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../core/config */ 66636));
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../core/errors */ 87129));
            var _events_strategy = __webpack_require__( /*! ../../core/events_strategy */ 2607);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/callbacks */ 84718));
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _ready_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/ready_callbacks */ 3122));
            var _resize_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/resize_callbacks */ 63283));
            var _size = __webpack_require__( /*! ../../core/utils/size */ 57653);
            var _storage = __webpack_require__( /*! ../../core/utils/storage */ 98479);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _view_port = __webpack_require__( /*! ../../core/utils/view_port */ 55355);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _m_common = __webpack_require__( /*! ../core/utils/m_common */ 39315);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const KNOWN_UA_TABLE = {
                iPhone: "iPhone",
                iPhone5: "iPhone",
                iPhone6: "iPhone",
                iPhone6plus: "iPhone",
                iPad: "iPad",
                iPadMini: "iPad Mini",
                androidPhone: "Android Mobile",
                androidTablet: "Android",
                msSurface: "Windows ARM Tablet PC",
                desktop: "desktop"
            };
            const DEFAULT_DEVICE = {
                deviceType: "desktop",
                platform: "generic",
                version: [],
                phone: false,
                tablet: false,
                android: false,
                ios: false,
                generic: true,
                grade: "A",
                mac: false
            };
            const UA_PARSERS = {
                generic(userAgent) {
                    const isPhone = /windows phone/i.test(userAgent) || userAgent.match(/WPDesktop/);
                    const isTablet = !isPhone && /Windows(.*)arm(.*)Tablet PC/i.test(userAgent);
                    const isDesktop = !isPhone && !isTablet && /msapphost/i.test(userAgent);
                    const isMac = /((intel|ppc) mac os x)/.test(userAgent.toLowerCase());
                    if (!(isPhone || isTablet || isDesktop || isMac)) {
                        return null
                    }
                    return {
                        deviceType: isPhone ? "phone" : isTablet ? "tablet" : "desktop",
                        platform: "generic",
                        version: [],
                        grade: "A",
                        mac: isMac
                    }
                },
                appleTouchDevice(userAgent) {
                    const navigator = (0, _window.getNavigator)();
                    const isIpadOs = /Macintosh/i.test(userAgent) && (null === navigator || void 0 === navigator ? void 0 : navigator.maxTouchPoints) > 2;
                    const isAppleDevice = /ip(hone|od|ad)/i.test(userAgent);
                    if (!isAppleDevice && !isIpadOs) {
                        return null
                    }
                    const isPhone = /ip(hone|od)/i.test(userAgent);
                    const matches = userAgent.match(/os\s{0,}X? (\d+)_(\d+)_?(\d+)?/i);
                    const version = matches ? [parseInt(matches[1], 10), parseInt(matches[2], 10), parseInt(matches[3] || 0, 10)] : [];
                    const isIPhone4 = 480 === window.screen.height;
                    const grade = isIPhone4 ? "B" : "A";
                    const isDesktopMode = /Macintosh/i.test(userAgent) && !/Mobile/i.test(userAgent);
                    return {
                        deviceType: isDesktopMode ? "desktop" : isPhone ? "phone" : "tablet",
                        platform: "ios",
                        version: version,
                        grade: grade
                    }
                },
                android(userAgent) {
                    const isAndroid = /android|htc_|silk/i.test(userAgent);
                    const isWinPhone = /windows phone/i.test(userAgent);
                    if (!isAndroid || isWinPhone) {
                        return null
                    }
                    const isPhone = /mobile/i.test(userAgent);
                    const matches = userAgent.match(/android (\d+)\.?(\d+)?\.?(\d+)?/i);
                    const version = matches ? [parseInt(matches[1], 10), parseInt(matches[2] || 0, 10), parseInt(matches[3] || 0, 10)] : [];
                    const worseThan4_4 = version.length > 1 && (version[0] < 4 || 4 === version[0] && version[1] < 4);
                    const grade = worseThan4_4 ? "B" : "A";
                    return {
                        deviceType: isPhone ? "phone" : "tablet",
                        platform: "android",
                        version: version,
                        grade: grade
                    }
                }
            };
            const UA_PARSERS_ARRAY = [UA_PARSERS.appleTouchDevice, UA_PARSERS.android, UA_PARSERS.generic];
            const devices = new class {
                constructor(options) {
                    this._window = (null === options || void 0 === options ? void 0 : options.window) ?? window;
                    this._realDevice = this._getDevice();
                    this._currentDevice = void 0;
                    this._currentOrientation = void 0;
                    this._eventsStrategy = new _events_strategy.EventsStrategy(this);
                    this.changed = (0, _callbacks.default)();
                    if ((0, _window.hasWindow)()) {
                        _ready_callbacks.default.add(this._recalculateOrientation.bind(this));
                        _resize_callbacks.default.add(this._recalculateOrientation.bind(this))
                    }
                }
                current(deviceOrName) {
                    if (deviceOrName) {
                        this._currentDevice = this._getDevice(deviceOrName);
                        this._forced = true;
                        this.changed.fire();
                        return
                    }
                    if (!this._currentDevice) {
                        deviceOrName = void 0;
                        try {
                            deviceOrName = this._getDeviceOrNameFromWindowScope()
                        } catch (e) {
                            deviceOrName = this._getDeviceNameFromSessionStorage()
                        } finally {
                            if (!deviceOrName) {
                                deviceOrName = this._getDeviceNameFromSessionStorage()
                            }
                            if (deviceOrName) {
                                this._forced = true
                            }
                        }
                        this._currentDevice = this._getDevice(deviceOrName)
                    }
                    return this._currentDevice
                }
                real(forceDevice) {
                    return (0, _extend.extend)({}, this._realDevice)
                }
                orientation() {
                    return this._currentOrientation
                }
                isForced() {
                    return this._forced
                }
                isRippleEmulator() {
                    return !!this._window.tinyHippos
                }
                _getCssClasses(device) {
                    const result = [];
                    const realDevice = this._realDevice;
                    device = device || this.current();
                    if (device.deviceType) {
                        result.push(`dx-device-${device.deviceType}`);
                        if ("desktop" !== device.deviceType) {
                            result.push("dx-device-mobile")
                        }
                    }
                    result.push(`dx-device-${realDevice.platform}`);
                    if (realDevice.version && realDevice.version.length) {
                        result.push(`dx-device-${realDevice.platform}-${realDevice.version[0]}`)
                    }
                    if (this.isSimulator()) {
                        result.push("dx-simulator")
                    }
                    if ((0, _config.default)().rtlEnabled) {
                        result.push("dx-rtl")
                    }
                    return result
                }
                attachCssClasses(element, device) {
                    this._deviceClasses = this._getCssClasses(device).join(" ");
                    (0, _renderer.default)(element).addClass(this._deviceClasses)
                }
                detachCssClasses(element) {
                    (0, _renderer.default)(element).removeClass(this._deviceClasses)
                }
                isSimulator() {
                    try {
                        var _this$_window$top;
                        return this._isSimulator || (0, _window.hasWindow)() && this._window.top !== this._window.self && (null === (_this$_window$top = this._window.top) || void 0 === _this$_window$top ? void 0 : _this$_window$top["dx-force-device"]) || this.isRippleEmulator()
                    } catch (e) {
                        return false
                    }
                }
                forceSimulator() {
                    this._isSimulator = true
                }
                _getDevice(deviceName) {
                    if ("genericPhone" === deviceName) {
                        deviceName = {
                            deviceType: "phone",
                            platform: "generic",
                            generic: true
                        }
                    }
                    if ((0, _type.isPlainObject)(deviceName)) {
                        return this._fromConfig(deviceName)
                    }
                    let ua;
                    if (deviceName) {
                        ua = KNOWN_UA_TABLE[deviceName];
                        if (!ua) {
                            throw _errors.default.Error("E0005")
                        }
                    } else {
                        const navigator = (0, _window.getNavigator)();
                        ua = navigator.userAgent
                    }
                    return this._fromUA(ua)
                }
                _getDeviceOrNameFromWindowScope() {
                    var _this$_window$top2, _this$_window$top3;
                    let result;
                    if ((0, _window.hasWindow)() && (null !== (_this$_window$top2 = this._window.top) && void 0 !== _this$_window$top2 && _this$_window$top2["dx-force-device-object"] || null !== (_this$_window$top3 = this._window.top) && void 0 !== _this$_window$top3 && _this$_window$top3["dx-force-device"])) {
                        var _this$_window$top4, _this$_window$top5;
                        result = (null === (_this$_window$top4 = this._window.top) || void 0 === _this$_window$top4 ? void 0 : _this$_window$top4["dx-force-device-object"]) || (null === (_this$_window$top5 = this._window.top) || void 0 === _this$_window$top5 ? void 0 : _this$_window$top5["dx-force-device"])
                    }
                    return result
                }
                _getDeviceNameFromSessionStorage() {
                    const sessionStorage = (0, _storage.sessionStorage)();
                    if (!sessionStorage) {
                        return
                    }
                    const deviceOrName = sessionStorage.getItem("dx-force-device");
                    try {
                        return JSON.parse(deviceOrName)
                    } catch (ex) {
                        return deviceOrName
                    }
                }
                _fromConfig(config) {
                    const result = (0, _extend.extend)({}, DEFAULT_DEVICE, this._currentDevice, config);
                    const shortcuts = {
                        phone: "phone" === result.deviceType,
                        tablet: "tablet" === result.deviceType,
                        android: "android" === result.platform,
                        ios: "ios" === result.platform,
                        generic: "generic" === result.platform
                    };
                    return (0, _extend.extend)(result, shortcuts)
                }
                _fromUA(ua) {
                    for (let idx = 0; idx < UA_PARSERS_ARRAY.length; idx += 1) {
                        const parser = UA_PARSERS_ARRAY[idx];
                        const config = parser(ua);
                        if (config) {
                            return this._fromConfig(config)
                        }
                    }
                    return DEFAULT_DEVICE
                }
                _changeOrientation() {
                    const $window = (0, _renderer.default)(this._window);
                    const orientation = (0, _size.getHeight)($window) > (0, _size.getWidth)($window) ? "portrait" : "landscape";
                    if (this._currentOrientation === orientation) {
                        return
                    }
                    this._currentOrientation = orientation;
                    this._eventsStrategy.fireEvent("orientationChanged", [{
                        orientation: orientation
                    }])
                }
                _recalculateOrientation() {
                    const windowWidth = (0, _size.getWidth)(this._window);
                    if (this._currentWidth === windowWidth) {
                        return
                    }
                    this._currentWidth = windowWidth;
                    this._changeOrientation()
                }
                on(eventName, eventHandler) {
                    this._eventsStrategy.on(eventName, eventHandler);
                    return this
                }
                off(eventName, eventHandler) {
                    this._eventsStrategy.off(eventName, eventHandler);
                    return this
                }
            };
            (0, _deferred.when)(_m_common.uiLayerInitialized).done(() => {
                const viewPortElement = (0, _view_port.value)();
                if (viewPortElement) {
                    devices.attachCssClasses(viewPortElement)
                }
                _view_port.changeCallback.add((viewPort, prevViewport) => {
                    devices.detachCssClasses(prevViewport);
                    devices.attachCssClasses(viewPort)
                })
            });
            exports.default = devices
        },
        62018(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.domAdapter = exports.default = void 0;
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _dependency_injector = (e = __webpack_require__( /*! ../../core/utils/dependency_injector */ 89656), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _shadow_dom = __webpack_require__( /*! ../../core/utils/shadow_dom */ 93631);
            const nativeDOMAdapterStrategy = {
                querySelectorAll: (element, selector) => element.querySelectorAll(selector),
                elementMatches(element, selector) {
                    const matches = element.matches || element.matchesSelector || element.mozMatchesSelector || element.msMatchesSelector || element.oMatchesSelector || element.webkitMatchesSelector || (selector => {
                        const doc = element.document || element.ownerDocument;
                        if (!doc) {
                            return false
                        }
                        const items = this.querySelectorAll(doc, selector);
                        for (let i = 0; i < items.length; i++) {
                            if (items[i] === element) {
                                return true
                            }
                        }
                    });
                    return matches.call(element, selector)
                },
                createElement(tagName, context) {
                    context = context ?? this._document;
                    return context.createElement(tagName)
                },
                createElementNS(ns, tagName, context) {
                    context = context || this._document;
                    return context.createElementNS(ns, tagName)
                },
                createTextNode(text, context) {
                    context = context || this._document;
                    return context.createTextNode(text)
                },
                createAttribute(text, context) {
                    context = context || this._document;
                    return context.createAttribute(text)
                },
                isNode: element => !!element && "object" === typeof element && "nodeType" in element && "nodeName" in element,
                isElementNode: element => !!element && 1 === element.nodeType,
                isTextNode: element => element && 3 === element.nodeType,
                isDocument: element => element && 9 === element.nodeType,
                isDocumentFragment: element => element && 11 === element.nodeType,
                removeElement(element) {
                    const parentNode = element && element.parentNode;
                    if (parentNode) {
                        parentNode.removeChild(element)
                    }
                },
                insertElement(parentElement, newElement, nextSiblingElement) {
                    if (parentElement && newElement && parentElement !== newElement) {
                        if (nextSiblingElement) {
                            parentElement.insertBefore(newElement, nextSiblingElement)
                        } else {
                            parentElement.appendChild(newElement)
                        }
                    }
                },
                getAttribute: (element, name) => element.getAttribute(name),
                setAttribute(element, name, value) {
                    if ("style" === name) {
                        element.style.cssText = value
                    } else {
                        element.setAttribute(name, value)
                    }
                },
                removeAttribute(element, name) {
                    element.removeAttribute(name)
                },
                setProperty(element, name, value) {
                    element[name] = value
                },
                setText(element, text) {
                    if (element) {
                        element.textContent = text
                    }
                },
                setClass(element, className, isAdd) {
                    if (1 === element.nodeType && className) {
                        isAdd ? element.classList.add(className) : element.classList.remove(className)
                    }
                },
                setStyle(element, name, value) {
                    element.style[name] = value || ""
                },
                _document: "undefined" === typeof document ? void 0 : document,
                getDocument() {
                    return this._document
                },
                getActiveElement(element) {
                    const activeElementHolder = this.getRootNode(element);
                    return activeElementHolder.activeElement
                },
                getRootNode(element) {
                    var _element$getRootNode;
                    return (null === element || void 0 === element || null === (_element$getRootNode = element.getRootNode) || void 0 === _element$getRootNode ? void 0 : _element$getRootNode.call(element)) ?? this._document
                },
                getBody() {
                    return this._document.body
                },
                createDocumentFragment() {
                    return this._document.createDocumentFragment()
                },
                getDocumentElement() {
                    return this._document.documentElement
                },
                getLocation() {
                    return this._document.location
                },
                getSelection() {
                    return this._document.selection
                },
                getReadyState() {
                    return this._document.readyState
                },
                getHead() {
                    return this._document.head
                },
                hasDocumentProperty(property) {
                    return property in this._document
                },
                listen(element, event, callback, options) {
                    if (!element || !("addEventListener" in element)) {
                        return _common.noop
                    }
                    element.addEventListener(event, callback, options);
                    return () => {
                        element.removeEventListener(event, callback)
                    }
                },
                elementsFromPoint(x, y, element) {
                    const activeElementHolder = this.getRootNode(element);
                    if (activeElementHolder.host) {
                        return (0, _shadow_dom.getShadowElementsFromPoint)(x, y, activeElementHolder)
                    }
                    return activeElementHolder.elementsFromPoint(x, y)
                }
            };
            const domAdapter = exports.domAdapter = (0, _dependency_injector.default)(nativeDOMAdapterStrategy);
            exports.default = domAdapter
        },
        93630(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getPublicElement = function(element) {
                return strategy(element)
            };
            exports.getPublicElementNonJquery = getPublicElementNonJquery;
            exports.setPublicElementWrapper = function(newStrategy) {
                strategy = newStrategy
            };

            function getPublicElementNonJquery(element) {
                if (element && element.get) {
                    return element.get(0)
                }
                return element
            }
            let strategy = getPublicElementNonJquery
        },
        29489(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.afterCleanData = function(callback) {
                afterCleanDataFunc = callback
            };
            exports.beforeCleanData = function(callback) {
                beforeCleanDataFunc = callback
            };
            exports.cleanData = function(nodes) {
                return strategy.cleanData.call(this, nodes)
            };
            exports.cleanDataRecursive = function(element, cleanSelf) {
                if (!_dom_adapter.default.isElementNode(element)) {
                    return
                }
                const childElements = element.getElementsByTagName("*");
                strategy.cleanData(childElements);
                if (cleanSelf) {
                    strategy.cleanData([element])
                }
            };
            exports.data = function() {
                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                    args[_key] = arguments[_key]
                }
                return strategy.data.apply(this, args)
            };
            exports.getDataStrategy = function() {
                return strategy
            };
            exports.removeData = function(element, key) {
                return strategy.removeData.call(this, element, key)
            };
            exports.strategyChanging = exports.setDataStrategy = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../core/dom_adapter */ 64960));
            var _memorized_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../core/memorized_callbacks */ 35329));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const dataMap = new WeakMap;
            let strategy;
            const strategyChanging = exports.strategyChanging = new _memorized_callbacks.default;
            let beforeCleanDataFunc = function() {};
            let afterCleanDataFunc = function() {};
            const setDataStrategy = function(value) {
                strategyChanging.fire(value);
                strategy = value;
                const {
                    cleanData: cleanData
                } = strategy;
                strategy.cleanData = function(nodes) {
                    beforeCleanDataFunc(nodes);
                    const result = cleanData.call(this, nodes);
                    afterCleanDataFunc(nodes);
                    return result
                }
            };
            exports.setDataStrategy = setDataStrategy;
            setDataStrategy({
                data: function() {
                    const element = arguments.length <= 0 ? void 0 : arguments[0];
                    const key = arguments.length <= 1 ? void 0 : arguments[1];
                    const value = arguments.length <= 2 ? void 0 : arguments[2];
                    if (!element) {
                        return
                    }
                    let elementData = dataMap.get(element);
                    if (!elementData) {
                        elementData = {};
                        dataMap.set(element, elementData)
                    }
                    if (void 0 === key) {
                        return elementData
                    }
                    if (2 === arguments.length) {
                        return elementData[key]
                    }
                    elementData[key] = value;
                    return value
                },
                removeData: function(element, key) {
                    if (!element) {
                        return
                    }
                    if (void 0 === key) {
                        dataMap.delete(element)
                    } else {
                        const elementData = dataMap.get(element);
                        if (elementData) {
                            delete elementData[key]
                        }
                    }
                },
                cleanData: function(elements) {
                    for (let i = 0; i < elements.length; i++) {
                        _events_engine.default.off(elements[i]);
                        dataMap.delete(elements[i])
                    }
                }
            })
        },
        5583(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _error = (e = __webpack_require__( /*! ../../core/utils/error */ 67264), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = (0, _error.default)({
                E0001: "Method is not implemented",
                E0002: "Member name collision: {0}",
                E0003: "A class must be instantiated using the 'new' keyword",
                E0004: "The NAME property of the component is not specified",
                E0005: "Unknown device",
                E0006: "Unknown endpoint key is requested",
                E0007: "'Invalidate' method is called outside the update transaction",
                E0008: "Type of the option name is not appropriate to create an action",
                E0009: "Component '{0}' has not been initialized for an element",
                E0010: "Animation configuration with the '{0}' type requires '{1}' configuration as {2}",
                E0011: "Unknown animation type '{0}'",
                E0012: "jQuery version is too old. Please upgrade jQuery to 1.10.0 or later",
                E0013: "KnockoutJS version is too old. Please upgrade KnockoutJS to 2.3.0 or later",
                E0014: "The 'release' method shouldn't be called for an unlocked Lock object",
                E0015: "Queued task returned an unexpected result",
                E0017: "Event namespace is not defined",
                E0018: "DevExpress.ui.DevExpressPopup widget is required",
                E0020: "Template engine '{0}' is not supported",
                E0021: "Unknown theme is set: {0}",
                E0022: "LINK[rel=DevExpress-theme] tags must go before DevExpress included scripts",
                E0023: "Template name is not specified",
                E0024: "DevExtreme bundle already included",
                E0025: "Unexpected argument type",
                E0100: "Unknown validation type is detected",
                E0101: "Misconfigured range validation rule is detected",
                E0102: "Misconfigured comparison validation rule is detected",
                E0103: "validationCallback of an asynchronous rule should return a jQuery or a native promise",
                E0110: "Unknown validation group is detected",
                E0120: "Adapter for a DevExpressValidator component cannot be configured",
                E0121: "The 'customItem' parameter of the 'onCustomItemCreating' function is empty or contains invalid data. Assign a custom object or a Promise that is resolved after the item is created.",
                E0122: "AIIntegration: The sendRequest method is missing.",
                W0000: "'{0}' is deprecated in {1}. {2}",
                W0001: "{0} - '{1}' option is deprecated in {2}. {3}",
                W0002: "{0} - '{1}' method is deprecated in {2}. {3}",
                W0003: "{0} - '{1}' property is deprecated in {2}. {3}",
                W0004: "Timeout for theme loading is over: {0}",
                W0005: "'{0}' event is deprecated in {1}. {2}",
                W0006: "Invalid recurrence rule: '{0}'",
                W0007: "'{0}' Globalize culture is not defined",
                W0008: "Invalid view type: {0}",
                W0009: "Invalid time zone name: '{0}'",
                W0010: "{0} is deprecated in {1}. {2}",
                W0011: "Number parsing is invoked while the parser is not defined",
                W0012: "Date parsing is invoked while the parser is not defined",
                W0013: "'{0}' file is deprecated in {1}. {2}",
                W0014: "{0} - '{1}' type is deprecated in {2}. {3}",
                W0015: "Instead of returning a value from the '{0}' function, write it into the '{1}' field of the function's parameter.",
                W0016: 'The "{0}" option does not accept the "{1}" value since v{2}. {3}.',
                W0017: 'Setting the "{0}" property with a function is deprecated since v21.2',
                W0018: 'Setting the "position" property with a function is deprecated since v21.2',
                W0019: "DevExtreme: Unable to Locate a Valid License Key.\n\nDetailed license/registration related information and instructions: https://js.devexpress.com/Documentation/Licensing/.\n\nIf you are using a 30-day trial version of DevExtreme, you must uninstall all copies of DevExtreme once your 30-day trial period expires. For terms and conditions that govern use of DevExtreme UI components/libraries, please refer to the DevExtreme End User License Agreement: https://js.devexpress.com/EULAs/DevExtremeComplete.\n\nTo use DevExtreme in a commercial project, you must purchase a license. For pricing/licensing options, please visit: https://js.devexpress.com/Buy.\n\nIf you have licensing-related questions or need help with a purchase, please email clientservices@devexpress.com.\n\n",
                W0020: "DevExtreme: License Key Has Expired.\n\nDetailed license/registration related information and instructions: https://js.devexpress.com/Documentation/Licensing/.\n\nA mismatch exists between the license key used and the DevExtreme version referenced in this project.\n\nTo proceed, you can:\n\u2022 use a version of DevExtreme linked to your license key: https://www.devexpress.com/ClientCenter/DownloadManager\n\u2022 renew your DevExpress Subscription: https://www.devexpress.com/buy/renew (once you renew your subscription, you will be entitled to product updates and support service as defined in the DevExtreme End User License Agreement)\n\nIf you have licensing-related questions or need help with a renewal, please email clientservices@devexpress.com.\n\n",
                W0021: "DevExtreme: License Key Verification Has Failed.\n\nDetailed license/registration related information and instructions: https://js.devexpress.com/Documentation/Licensing/.\n\nTo verify your DevExtreme license, make certain to specify a correct key in the GlobalConfig. If you continue to encounter this error, please visit https://www.devexpress.com/ClientCenter/DownloadManager to obtain a valid license key.\n\nIf you have a valid license and this problem persists, please submit a support ticket via the DevExpress Support Center. We will be happy to follow-up: https://supportcenter.devexpress.com/ticket/create.\n\n",
                W0022: "DevExtreme: Pre-release software. Not suitable for commercial use.\n\nDetailed license/registration related information and instructions: https://js.devexpress.com/Documentation/Licensing/.\n\nPre-release software may contain deficiencies and as such, should not be considered for use or integrated in any mission critical application.\n\n",
                W0023: "DevExtreme: the following 'devextreme' package version does not match versions of other DevExpress products used in this application:\n\n{0}\n\nInteroperability between different versions of the products listed herein cannot be guaranteed.\n\n",
                W0024: "DevExtreme: Use Your DevExtreme License Key - Not Your DevExpress .NET License Key\n\nInvalid/incorrect license key. You used your DevExpress .NET license key instead of your DevExtreme (React, Angular, Vue, JS) license key. Please copy your DevExtreme license key and try again. \n\nGo to https://www.devexpress.com/ClientCenter/DownloadManager (navigate to the DevExtreme Subscription section) to obtain a valid DevExtreme license key. To validate your license, specify the correct key within GlobalConfig.\n\nFor detailed license/registration information, visit https://js.devexpress.com/Documentation/Licensing/.\n\nIf you have a valid license and the issue persists, submit a support ticket via the DevExpress Support Center. We will be happy to follow-up: https://supportcenter.devexpress.com/ticket/create.\n\n"
            })
        },
        14201(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.EventsStrategy = void 0;
            var _callbacks = (e = __webpack_require__( /*! ../../core/utils/callbacks */ 84718), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            class EventsStrategy {
                constructor(owner) {
                    let options = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
                    this._events = {};
                    this._owner = owner;
                    this._options = options
                }
                static create(owner, strategy) {
                    if (strategy) {
                        return (0, _type.isFunction)(strategy) ? strategy(owner) : strategy
                    }
                    return new EventsStrategy(owner)
                }
                hasEvent(eventName) {
                    const callbacks = this._events[eventName];
                    return callbacks ? callbacks.has() : false
                }
                fireEvent(eventName, eventArgs) {
                    const callbacks = this._events[eventName];
                    if (callbacks) {
                        callbacks.fireWith(this._owner, eventArgs)
                    }
                    return this._owner
                }
                on(eventName, eventHandler) {
                    if ((0, _type.isPlainObject)(eventName)) {
                        (0, _iterator.each)(eventName, (e, h) => {
                            this.on(e, h)
                        })
                    } else {
                        let callbacks = this._events[eventName];
                        if (!callbacks) {
                            callbacks = (0, _callbacks.default)({
                                syncStrategy: this._options.syncStrategy
                            });
                            this._events[eventName] = callbacks
                        }
                        const addFn = callbacks.originalAdd || callbacks.add;
                        addFn.call(callbacks, eventHandler)
                    }
                }
                off(eventName, eventHandler) {
                    const callbacks = this._events[eventName];
                    if (callbacks) {
                        if ((0, _type.isFunction)(eventHandler)) {
                            callbacks.remove(eventHandler)
                        } else {
                            callbacks.empty()
                        }
                    }
                }
                dispose() {
                    (0, _iterator.each)(this._events, (eventName, event) => {
                        event.empty()
                    });
                    this._owner = null
                }
            }
            exports.EventsStrategy = EventsStrategy
        },
        7201(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Guid = void 0;
            var _class = (e = __webpack_require__( /*! ../../core/class */ 55620), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.Guid = _class.default.inherit({
                ctor: function(value) {
                    if (value) {
                        value = String(value)
                    }
                    this._value = this._normalize(value || this._generate())
                },
                _normalize: function(value) {
                    value = value.replace(/[^a-f0-9]/gi, "").toLowerCase();
                    while (value.length < 32) {
                        value += "0"
                    }
                    return [value.substr(0, 8), value.substr(8, 4), value.substr(12, 4), value.substr(16, 4), value.substr(20, 12)].join("-")
                },
                _generate: function() {
                    let value = "";
                    for (let i = 0; i < 32; i++) {
                        value += Math.round(15 * Math.random()).toString(16)
                    }
                    return value
                },
                toString: function() {
                    return this._value
                },
                valueOf: function() {
                    return this._value
                },
                toJSON: function() {
                    return this._value
                }
            })
        },
        58670(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.httpRequest = void 0;
            var _dependency_injector = (e = __webpack_require__( /*! ../../core/utils/dependency_injector */ 89656), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            const window = (0, _window.getWindow)();
            const nativeXMLHttpRequest = {
                getXhr: () => new window.XMLHttpRequest
            };
            exports.httpRequest = (0, _dependency_injector.default)(nativeXMLHttpRequest)
        },
        21327(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.infernoRenderer = void 0;
            var _short = __webpack_require__( /*! ../../common/core/events/short */ 42222);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../core/dom_adapter */ 64960));
            var _element_data = __webpack_require__( /*! ../../core/element_data */ 74663);
            var _dependency_injector = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/dependency_injector */ 89656));
            var _index = __webpack_require__( /*! ../core/r1/runtime/inferno/index */ 6257);
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _infernoCreateElement = __webpack_require__( /*! inferno-create-element */ 12887);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const remove = element => {
                _short.keyboard.disposeProcessorsForSubtree(element);
                const {
                    parentNode: parentNode
                } = element;
                if (parentNode) {
                    const {
                        nextSibling: nextSibling
                    } = element;
                    (0, _element_data.cleanDataRecursive)(element);
                    parentNode.$V = element.$V;
                    (0, _inferno.render)(null, parentNode);
                    parentNode.insertBefore(element, nextSibling);
                    element.innerHTML = "";
                    delete parentNode.$V
                }
                delete element.$V
            };
            exports.infernoRenderer = (0, _dependency_injector.default)({
                createElement: (component, props) => (0, _infernoCreateElement.createElement)(component, props),
                remove: remove,
                onAfterRender: () => {
                    _index.InfernoEffectHost.callEffects()
                },
                onPreRender: () => {
                    _index.InfernoEffectHost.lock()
                },
                render: (component, props, container, replace) => {
                    if (!replace) {
                        const {
                            parentNode: parentNode
                        } = container;
                        const nextNode = null === container || void 0 === container ? void 0 : container.nextSibling;
                        const rootNode = _dom_adapter.default.createElement("div");
                        rootNode.appendChild(container);
                        const mountNode = _dom_adapter.default.createDocumentFragment().appendChild(rootNode);
                        const vNodeAlreadyExists = !!container.$V;
                        vNodeAlreadyExists && remove(container);
                        (0, _index.hydrate)((0, _infernoCreateElement.createElement)(component, props), mountNode);
                        container.$V = mountNode.$V;
                        if (parentNode) {
                            parentNode.insertBefore(container, nextNode)
                        }
                    } else {
                        (0, _inferno.render)((0, _infernoCreateElement.createElement)(component, props), container)
                    }
                },
                renderIntoContainer: (jsx, container, replace) => {
                    if (!replace) {
                        (0, _index.hydrate)(jsx, container)
                    } else {
                        (0, _inferno.render)(jsx, container)
                    }
                }
            })
        },
        87107(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.MemorizedCallbacks = void 0;
            var _callbacks = (e = __webpack_require__( /*! ../../core/utils/callbacks */ 84718), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            exports.MemorizedCallbacks = class {
                constructor() {
                    this.memory = [];
                    this.callbacks = (0, _callbacks.default)()
                }
                add(fn) {
                    (0, _iterator.each)(this.memory, (_, item) => fn.apply(fn, item));
                    this.callbacks.add(fn)
                }
                remove(fn) {
                    this.callbacks.remove(fn)
                }
                fire() {
                    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                        args[_key] = arguments[_key]
                    }
                    this.memory.push(args);
                    this.callbacks.fire.apply(this.callbacks, args)
                }
            }
        },
        45693(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PostponedOperations = void 0;
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            exports.PostponedOperations = class {
                constructor() {
                    this._postponedOperations = {}
                }
                add(key, fn, postponedPromise) {
                    if (key in this._postponedOperations) {
                        postponedPromise && this._postponedOperations[key].promises.push(postponedPromise)
                    } else {
                        const completePromise = new _deferred.Deferred;
                        this._postponedOperations[key] = {
                            fn: fn,
                            completePromise: completePromise,
                            promises: postponedPromise ? [postponedPromise] : []
                        }
                    }
                    return this._postponedOperations[key].completePromise.promise()
                }
                callPostponedOperations() {
                    for (const key in this._postponedOperations) {
                        const operation = this._postponedOperations[key];
                        if ((0, _type.isDefined)(operation)) {
                            if (operation.promises && operation.promises.length) {
                                (0, _deferred.when)(...operation.promises).done(operation.fn).then(operation.completePromise.resolve)
                            } else {
                                operation.fn().done(operation.completePromise.resolve)
                            }
                        }
                    }
                    this._postponedOperations = {}
                }
            }
        },
        95539(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.renderer = exports.default = void 0;
            var _renderer_base = (e = __webpack_require__( /*! ../../core/renderer_base */ 21681), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const renderer = exports.renderer = _renderer_base.default.get();
            exports.default = renderer
        },
        1811(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _dom_adapter = (e = __webpack_require__( /*! ../../core/dom_adapter */ 64960), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _element_data = __webpack_require__( /*! ../../core/element_data */ 74663);
            var _html_parser = __webpack_require__( /*! ../../core/utils/html_parser */ 23563);
            var _size = __webpack_require__( /*! ../../core/utils/size */ 57653);
            var _style = __webpack_require__( /*! ../../core/utils/style */ 58515);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            const window = (0, _window.getWindow)();
            let renderer;
            const initRender = function(selector, context) {
                if (!selector) {
                    this.length = 0;
                    return this
                }
                if ("string" === typeof selector) {
                    if ("body" === selector) {
                        this[0] = context ? context.body : _dom_adapter.default.getBody();
                        this.length = 1;
                        return this
                    }
                    context = context || _dom_adapter.default.getDocument();
                    if (selector.startsWith("<")) {
                        this[0] = _dom_adapter.default.createElement(selector.slice(1, -1), context);
                        this.length = 1;
                        return this
                    } [].push.apply(this, _dom_adapter.default.querySelectorAll(context, selector));
                    return this
                }
                if (_dom_adapter.default.isNode(selector) || (0, _type.isWindow)(selector)) {
                    this[0] = selector;
                    this.length = 1;
                    return this
                }
                if (Array.isArray(selector)) {
                    [].push.apply(this, selector);
                    return this
                }
                return renderer(selector.toArray ? selector.toArray() : [selector])
            };
            renderer = function(selector, context) {
                return new initRender(selector, context)
            };
            renderer.fn = {
                dxRenderer: true
            };
            initRender.prototype = renderer.fn;
            const repeatMethod = function(methodName, args) {
                for (let i = 0; i < this.length; i++) {
                    const item = renderer(this[i]);
                    item[methodName].apply(item, args)
                }
                return this
            };
            const setAttributeValue = function(element, attrName, value) {
                if (void 0 !== value && null !== value && false !== value) {
                    _dom_adapter.default.setAttribute(element, attrName, value)
                } else {
                    _dom_adapter.default.removeAttribute(element, attrName)
                }
            };
            initRender.prototype.show = function() {
                return this.toggle(true)
            };
            initRender.prototype.hide = function() {
                return this.toggle(false)
            };
            initRender.prototype.toggle = function(value) {
                if (this[0]) {
                    this.toggleClass("dx-state-invisible", !value)
                }
                return this
            };
            initRender.prototype.attr = function(attrName, value) {
                if (this.length > 1 && arguments.length > 1) {
                    return repeatMethod.call(this, "attr", arguments)
                }
                if (!this[0]) {
                    if ((0, _type.isObject)(attrName) || void 0 !== value) {
                        return this
                    }
                    return
                }
                if (!this[0].getAttribute) {
                    return this.prop(attrName, value)
                }
                if ("string" === typeof attrName && 1 === arguments.length) {
                    const result = this[0].getAttribute(attrName);
                    return null == result ? void 0 : result
                }
                if ((0, _type.isPlainObject)(attrName)) {
                    for (const key in attrName) {
                        this.attr(key, attrName[key])
                    }
                } else {
                    setAttributeValue(this[0], attrName, value)
                }
                return this
            };
            initRender.prototype.removeAttr = function(attrName) {
                this.each(function(_, element) {
                    _dom_adapter.default.removeAttribute(element, attrName)
                });
                return this
            };
            initRender.prototype.prop = function(propName, value) {
                if (!this[0]) {
                    return this
                }
                if ("string" === typeof propName && 1 === arguments.length) {
                    return this[0][propName]
                }
                if ((0, _type.isPlainObject)(propName)) {
                    for (const key in propName) {
                        this.prop(key, propName[key])
                    }
                } else {
                    _dom_adapter.default.setProperty(this[0], propName, value)
                }
                return this
            };
            initRender.prototype.addClass = function(className) {
                return this.toggleClass(className, true)
            };
            initRender.prototype.removeClass = function(className) {
                return this.toggleClass(className, false)
            };
            initRender.prototype.hasClass = function(className) {
                const classNames = className.split(" ");
                for (let i = 0; i < this.length; i++) {
                    if (!this[i] || !this[i].className) {
                        continue
                    }
                    for (let j = 0; j < classNames.length; j++) {
                        if (this[i].classList.contains(classNames[j])) {
                            return true
                        }
                    }
                }
                return false
            };
            initRender.prototype.toggleClass = function(className, value) {
                if (this.length > 1) {
                    return repeatMethod.call(this, "toggleClass", arguments)
                }
                if (!this[0] || !className) {
                    return this
                }
                value = void 0 === value ? !this.hasClass(className) : value;
                const classNames = className.split(" ");
                for (let i = 0; i < classNames.length; i++) {
                    _dom_adapter.default.setClass(this[0], classNames[i], value)
                }
                return this
            };
            initRender.prototype.html = function(value) {
                if (!arguments.length) {
                    return this[0].innerHTML
                }
                this.empty();
                if ("string" === typeof value && !(0, _html_parser.isTablePart)(value) || "number" === typeof value) {
                    this[0].innerHTML = value;
                    return this
                }
                return this.append((0, _html_parser.parseHTML)(value))
            };
            const appendElements = function(element, nextSibling) {
                if (!this[0] || !element) {
                    return
                }
                if ("string" === typeof element) {
                    element = (0, _html_parser.parseHTML)(element)
                } else if (element.nodeType) {
                    element = [element]
                } else if ((0, _type.isNumeric)(element)) {
                    element = [_dom_adapter.default.createTextNode(element)]
                }
                for (let i = 0; i < element.length; i++) {
                    const item = element[i];
                    let container = this[0];
                    const wrapTR = "TABLE" === container.tagName && "TR" === item.tagName;
                    if (wrapTR && container.tBodies && container.tBodies.length) {
                        container = container.tBodies[0]
                    }
                    _dom_adapter.default.insertElement(container, item.nodeType ? item : item[0], nextSibling)
                }
            };
            const setCss = function(name, value) {
                if (!this[0] || !this[0].style) {
                    return
                }
                if (null === value || "number" === typeof value && isNaN(value)) {
                    return
                }
                name = (0, _style.styleProp)(name);
                for (let i = 0; i < this.length; i++) {
                    this[i].style[name] = (0, _style.normalizeStyleProp)(name, value)
                }
            };
            initRender.prototype.css = function(name, value) {
                if ((0, _type.isString)(name)) {
                    if (2 === arguments.length) {
                        setCss.call(this, name, value)
                    } else {
                        if (!this[0]) {
                            return
                        }
                        name = (0, _style.styleProp)(name);
                        const result = window.getComputedStyle(this[0])[name] || this[0].style[name];
                        return (0, _type.isNumeric)(result) ? result.toString() : result
                    }
                } else if ((0, _type.isPlainObject)(name)) {
                    for (const key in name) {
                        setCss.call(this, key, name[key])
                    }
                }
                return this
            };
            initRender.prototype.prepend = function(element) {
                if (arguments.length > 1) {
                    for (let i = 0; i < arguments.length; i++) {
                        this.prepend(arguments[i])
                    }
                    return this
                }
                appendElements.apply(this, [element, this[0].firstChild]);
                return this
            };
            initRender.prototype.append = function(element) {
                if (arguments.length > 1) {
                    for (let i = 0; i < arguments.length; i++) {
                        this.append(arguments[i])
                    }
                    return this
                }
                appendElements.apply(this, [element]);
                return this
            };
            initRender.prototype.prependTo = function(element) {
                if (this.length > 1) {
                    for (let i = this.length - 1; i >= 0; i--) {
                        renderer(this[i]).prependTo(element)
                    }
                    return this
                }
                element = renderer(element);
                if (element[0]) {
                    _dom_adapter.default.insertElement(element[0], this[0], element[0].firstChild)
                }
                return this
            };
            initRender.prototype.appendTo = function(element) {
                if (this.length > 1) {
                    return repeatMethod.call(this, "appendTo", arguments)
                }
                _dom_adapter.default.insertElement(renderer(element)[0], this[0]);
                return this
            };
            initRender.prototype.insertBefore = function(element) {
                if (element && element[0]) {
                    _dom_adapter.default.insertElement(element[0].parentNode, this[0], element[0])
                }
                return this
            };
            initRender.prototype.insertAfter = function(element) {
                if (element && element[0]) {
                    _dom_adapter.default.insertElement(element[0].parentNode, this[0], element[0].nextSibling)
                }
                return this
            };
            initRender.prototype.before = function(element) {
                if (this[0]) {
                    _dom_adapter.default.insertElement(this[0].parentNode, element[0], this[0])
                }
                return this
            };
            initRender.prototype.after = function(element) {
                if (this[0]) {
                    _dom_adapter.default.insertElement(this[0].parentNode, element[0], this[0].nextSibling)
                }
                return this
            };
            initRender.prototype.wrap = function(wrapper) {
                if (this[0]) {
                    const wrap = renderer(wrapper);
                    wrap.insertBefore(this);
                    wrap.append(this)
                }
                return this
            };
            initRender.prototype.wrapInner = function(wrapper) {
                const contents = this.contents();
                if (contents.length) {
                    contents.wrap(wrapper)
                } else {
                    this.append(wrapper)
                }
                return this
            };
            initRender.prototype.replaceWith = function(element) {
                if (!(element && element[0])) {
                    return
                }
                if (element.is(this)) {
                    return this
                }
                element.insertBefore(this);
                this.remove();
                return element
            };
            initRender.prototype.remove = function() {
                if (this.length > 1) {
                    return repeatMethod.call(this, "remove", arguments)
                }(0, _element_data.cleanDataRecursive)(this[0], true);
                _dom_adapter.default.removeElement(this[0]);
                return this
            };
            initRender.prototype.detach = function() {
                if (this.length > 1) {
                    return repeatMethod.call(this, "detach", arguments)
                }
                _dom_adapter.default.removeElement(this[0]);
                return this
            };
            initRender.prototype.empty = function() {
                if (this.length > 1) {
                    return repeatMethod.call(this, "empty", arguments)
                }(0, _element_data.cleanDataRecursive)(this[0]);
                _dom_adapter.default.setText(this[0], "");
                return this
            };
            initRender.prototype.clone = function() {
                const result = [];
                for (let i = 0; i < this.length; i++) {
                    result.push(this[i].cloneNode(true))
                }
                return renderer(result)
            };
            initRender.prototype.text = function(value) {
                if (!arguments.length) {
                    let result = "";
                    for (let i = 0; i < this.length; i++) {
                        result += this[i] && this[i].textContent || ""
                    }
                    return result
                }
                const text = (0, _type.isFunction)(value) ? value() : value;
                (0, _element_data.cleanDataRecursive)(this[0], false);
                _dom_adapter.default.setText(this[0], (0, _type.isDefined)(text) ? text : "");
                return this
            };
            initRender.prototype.val = function(value) {
                if (1 === arguments.length) {
                    return this.prop("value", (0, _type.isDefined)(value) ? value : "")
                }
                return this.prop("value")
            };
            initRender.prototype.contents = function() {
                if (!this[0]) {
                    return renderer()
                }
                const result = [];
                result.push.apply(result, this[0].childNodes);
                return renderer(result)
            };
            initRender.prototype.find = function(selector) {
                const result = renderer();
                if (!selector) {
                    return result
                }
                const nodes = [];
                let i;
                if ("string" === typeof selector) {
                    selector = selector.trim();
                    for (i = 0; i < this.length; i++) {
                        const element = this[i];
                        if (_dom_adapter.default.isElementNode(element)) {
                            const elementId = element.getAttribute("id");
                            let queryId = elementId || "dx-query-children";
                            if (!elementId) {
                                setAttributeValue(element, "id", queryId)
                            }
                            queryId = `[id='${queryId}'] `;
                            const querySelector = queryId + selector.replace(/([^\\])(,)/g, `$1, ${queryId}`);
                            nodes.push.apply(nodes, _dom_adapter.default.querySelectorAll(element, querySelector));
                            setAttributeValue(element, "id", elementId)
                        } else if (_dom_adapter.default.isDocument(element) || _dom_adapter.default.isDocumentFragment(element)) {
                            nodes.push.apply(nodes, _dom_adapter.default.querySelectorAll(element, selector))
                        }
                    }
                } else {
                    for (i = 0; i < this.length; i++) {
                        selector = _dom_adapter.default.isNode(selector) ? selector : selector[0];
                        if (this[i] !== selector && this[i].contains(selector)) {
                            nodes.push(selector)
                        }
                    }
                }
                return result.add(nodes)
            };
            const isVisible = function(_, element) {
                var _element$getClientRec, _element;
                element = element.host ?? element;
                if (!element.nodeType) {
                    return true
                }
                return !!(element.offsetWidth || element.offsetHeight || null !== (_element$getClientRec = (_element = element).getClientRects) && void 0 !== _element$getClientRec && _element$getClientRec.call(_element).length)
            };
            initRender.prototype.filter = function(selector) {
                if (!selector) {
                    return renderer()
                }
                if (":visible" === selector) {
                    return this.filter(isVisible)
                }
                if (":hidden" === selector) {
                    return this.filter(function(_, element) {
                        return !isVisible(0, element)
                    })
                }
                const result = [];
                for (let i = 0; i < this.length; i++) {
                    const item = this[i];
                    if (_dom_adapter.default.isElementNode(item) && "string" === (0, _type.type)(selector)) {
                        _dom_adapter.default.elementMatches(item, selector) && result.push(item)
                    } else if (_dom_adapter.default.isNode(selector) || (0, _type.isWindow)(selector)) {
                        selector === item && result.push(item)
                    } else if ((0, _type.isFunction)(selector)) {
                        selector.call(item, i, item) && result.push(item)
                    } else {
                        for (let j = 0; j < selector.length; j++) {
                            selector[j] === item && result.push(item)
                        }
                    }
                }
                return renderer(result)
            };
            initRender.prototype.not = function(selector) {
                const result = [];
                const nodes = this.filter(selector).toArray();
                for (let i = 0; i < this.length; i++) {
                    if (-1 === nodes.indexOf(this[i])) {
                        result.push(this[i])
                    }
                }
                return renderer(result)
            };
            initRender.prototype.is = function(selector) {
                return !!this.filter(selector).length
            };
            initRender.prototype.children = function(selector) {
                let result = [];
                for (let i = 0; i < this.length; i++) {
                    const nodes = this[i] ? this[i].childNodes : [];
                    for (let j = 0; j < nodes.length; j++) {
                        if (_dom_adapter.default.isElementNode(nodes[j])) {
                            result.push(nodes[j])
                        }
                    }
                }
                result = renderer(result);
                return selector ? result.filter(selector) : result
            };
            initRender.prototype.siblings = function() {
                const element = this[0];
                if (!element || !element.parentNode) {
                    return renderer()
                }
                const result = [];
                const parentChildNodes = element.parentNode.childNodes || [];
                for (let i = 0; i < parentChildNodes.length; i++) {
                    const node = parentChildNodes[i];
                    if (_dom_adapter.default.isElementNode(node) && node !== element) {
                        result.push(node)
                    }
                }
                return renderer(result)
            };
            initRender.prototype.each = function(callback) {
                for (let i = 0; i < this.length; i++) {
                    if (false === callback.call(this[i], i, this[i])) {
                        break
                    }
                }
            };
            initRender.prototype.index = function(element) {
                if (!element) {
                    return this.parent().children().index(this)
                }
                element = renderer(element);
                return this.toArray().indexOf(element[0])
            };
            initRender.prototype.get = function(index) {
                return this[index < 0 ? this.length + index : index]
            };
            initRender.prototype.eq = function(index) {
                index = index < 0 ? this.length + index : index;
                return renderer(this[index])
            };
            initRender.prototype.first = function() {
                return this.eq(0)
            };
            initRender.prototype.last = function() {
                return this.eq(-1)
            };
            initRender.prototype.select = function() {
                for (let i = 0; i < this.length; i += 1) {
                    this[i].select && this[i].select()
                }
                return this
            };
            initRender.prototype.parent = function(selector) {
                if (!this[0]) {
                    return renderer()
                }
                const result = renderer(this[0].parentNode);
                return !selector || result.is(selector) ? result : renderer()
            };
            initRender.prototype.parents = function(selector) {
                const result = [];
                let parent = this.parent();
                while (parent && parent[0] && !_dom_adapter.default.isDocument(parent[0])) {
                    if (_dom_adapter.default.isElementNode(parent[0])) {
                        if (!selector || parent.is(selector)) {
                            result.push(parent.get(0))
                        }
                    }
                    parent = parent.parent()
                }
                return renderer(result)
            };
            initRender.prototype.closest = function(selector) {
                if (this.is(selector)) {
                    return this
                }
                let parent = this.parent();
                while (parent && parent.length) {
                    if (parent.is(selector)) {
                        return parent
                    }
                    parent = parent.parent()
                }
                return renderer()
            };
            initRender.prototype.next = function(selector) {
                if (!this[0]) {
                    return renderer()
                }
                let next = renderer(this[0].nextSibling);
                if (!arguments.length) {
                    return next
                }
                while (next && next.length) {
                    if (next.is(selector)) {
                        return next
                    }
                    next = next.next()
                }
                return renderer()
            };
            initRender.prototype.prev = function() {
                if (!this[0]) {
                    return renderer()
                }
                return renderer(this[0].previousSibling)
            };
            initRender.prototype.add = function(selector) {
                const targets = renderer(selector);
                const result = this.toArray();
                for (let i = 0; i < targets.length; i++) {
                    const target = targets[i];
                    if (-1 === result.indexOf(target)) {
                        result.push(target)
                    }
                }
                return renderer(result)
            };
            const emptyArray = [];
            initRender.prototype.splice = function() {
                return renderer(emptyArray.splice.apply(this, arguments))
            };
            initRender.prototype.slice = function() {
                return renderer(emptyArray.slice.apply(this, arguments))
            };
            initRender.prototype.toArray = function() {
                return emptyArray.slice.call(this)
            };
            initRender.prototype.offset = function() {
                if (!this[0]) {
                    return
                }
                return (0, _size.getOffset)(this[0])
            };
            initRender.prototype.offsetParent = function() {
                if (!this[0]) {
                    return renderer()
                }
                let offsetParent = renderer(this[0].offsetParent);
                while (offsetParent[0] && "static" === offsetParent.css("position")) {
                    offsetParent = renderer(offsetParent[0].offsetParent)
                }
                offsetParent = offsetParent[0] ? offsetParent : renderer(_dom_adapter.default.getDocumentElement());
                return offsetParent
            };
            initRender.prototype.position = function() {
                if (!this[0]) {
                    return
                }
                let offset;
                const marginTop = parseFloat(this.css("marginTop"));
                const marginLeft = parseFloat(this.css("marginLeft"));
                if ("fixed" === this.css("position")) {
                    offset = this[0].getBoundingClientRect();
                    return {
                        top: offset.top - marginTop,
                        left: offset.left - marginLeft
                    }
                }
                offset = this.offset();
                const offsetParent = this.offsetParent();
                let parentOffset = {
                    top: 0,
                    left: 0
                };
                if ("HTML" !== offsetParent[0].nodeName) {
                    parentOffset = offsetParent.offset()
                }
                parentOffset = {
                    top: parentOffset.top + parseFloat(offsetParent.css("borderTopWidth")),
                    left: parentOffset.left + parseFloat(offsetParent.css("borderLeftWidth"))
                };
                return {
                    top: offset.top - parentOffset.top - marginTop,
                    left: offset.left - parentOffset.left - marginLeft
                }
            };
            [{
                name: "scrollLeft",
                offsetProp: "pageXOffset",
                scrollWindow: function(win, value) {
                    win.scrollTo(value, win.pageYOffset)
                }
            }, {
                name: "scrollTop",
                offsetProp: "pageYOffset",
                scrollWindow: function(win, value) {
                    win.scrollTo(win.pageXOffset, value)
                }
            }].forEach(function(directionStrategy) {
                const propName = directionStrategy.name;
                initRender.prototype[propName] = function(value) {
                    if (!this[0]) {
                        return
                    }
                    const window = (0, _size.getWindowByElement)(this[0]);
                    if (void 0 === value) {
                        return window ? window[directionStrategy.offsetProp] : this[0][propName]
                    }
                    if (window) {
                        directionStrategy.scrollWindow(window, value)
                    } else {
                        this[0][propName] = value
                    }
                    return this
                }
            });
            initRender.prototype.data = function(key, value) {
                if (!this[0]) {
                    return
                }
                if (arguments.length < 2) {
                    return _element_data.data.call(renderer, this[0], key)
                }
                _element_data.data.call(renderer, this[0], key, value);
                return this
            };
            initRender.prototype.removeData = function(key) {
                this[0] && (0, _element_data.removeData)(this[0], key);
                return this
            };
            const rendererWrapper = function() {
                return renderer.apply(this, arguments)
            };
            Object.defineProperty(rendererWrapper, "fn", {
                enumerable: true,
                configurable: true,
                get: function() {
                    return renderer.fn
                },
                set: function(value) {
                    renderer.fn = value
                }
            });
            exports.default = {
                set: function(strategy) {
                    renderer = strategy
                },
                get: function() {
                    return rendererWrapper
                }
            }
        },
        57785(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.resizeObserverSingleton = void 0;
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _m_window = (e = __webpack_require__( /*! ./utils/m_window */ 14470), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const window = _m_window.default.getWindow();
            const ResizeObserverMock = {
                observe: _common.noop,
                unobserve: _common.noop,
                disconnect: _common.noop
            };
            exports.resizeObserverSingleton = new class {
                constructor() {
                    if (!_m_window.default.hasWindow() || !window.ResizeObserver) {
                        return ResizeObserverMock
                    }
                    this._callbacksMap = new Map;
                    this._observer = new window.ResizeObserver(entries => {
                        entries.forEach(entry => {
                            var _this$_callbacksMap$g;
                            null === (_this$_callbacksMap$g = this._callbacksMap.get(entry.target)) || void 0 === _this$_callbacksMap$g || _this$_callbacksMap$g(entry)
                        })
                    })
                }
                observe(element, callback) {
                    this._callbacksMap.set(element, callback);
                    this._observer.observe(element)
                }
                unobserve(element) {
                    this._callbacksMap.delete(element);
                    this._observer.unobserve(element)
                }
                disconnect() {
                    this._callbacksMap.clear();
                    this._observer.disconnect()
                }
            }
        },
        61644(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "setTemplateEngine", {
                enumerable: true,
                get: function() {
                    return _template_engine_registry.setTemplateEngine
                }
            });
            var _template_engine_registry = __webpack_require__( /*! ../../core/templates/template_engine_registry */ 35155)
        },
        66298(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.TemplateManager = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _empty_template = __webpack_require__( /*! ../../core/templates/empty_template */ 48650);
            var _function_template = __webpack_require__( /*! ../../core/templates/function_template */ 38699);
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _template_manager = __webpack_require__( /*! ../../core/utils/template_manager */ 49194);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            const DX_POLYMORPH_WIDGET_TEMPLATE = new _function_template.FunctionTemplate(_ref => {
                let {
                    model: model,
                    parent: parent
                } = _ref;
                const widgetName = model.widget;
                if (!widgetName) {
                    return (0, _renderer.default)()
                }
                const widgetElement = (0, _renderer.default)("<div>");
                const widgetOptions = model.options || {};
                if (parent) {
                    parent._createComponent(widgetElement, widgetName, widgetOptions)
                } else {
                    widgetElement[widgetName](widgetOptions)
                }
                return widgetElement
            });
            class TemplateManager {
                constructor(createElement, anonymousTemplateName) {
                    this._tempTemplates = [];
                    this._defaultTemplates = {};
                    this._anonymousTemplateName = anonymousTemplateName || "template";
                    this._createElement = createElement || _template_manager.defaultCreateElement;
                    this._createTemplateIfNeeded = this._createTemplateIfNeeded.bind(this)
                }
                static createDefaultOptions() {
                    return {
                        integrationOptions: {
                            watchMethod: function(fn, callback) {
                                let options = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
                                if (!options.skipImmediate) {
                                    callback(fn())
                                }
                                return _common.noop
                            },
                            templates: {
                                "dx-polymorph-widget": DX_POLYMORPH_WIDGET_TEMPLATE
                            },
                            useDeferUpdateForTemplates: true
                        }
                    }
                }
                get anonymousTemplateName() {
                    return this._anonymousTemplateName
                }
                addDefaultTemplates(templates) {
                    this._defaultTemplates = (0, _extend.extend)({}, this._defaultTemplates, templates)
                }
                dispose() {
                    this._tempTemplates.forEach(tempTemplate => {
                        tempTemplate.template.dispose && tempTemplate.template.dispose()
                    });
                    this._tempTemplates = []
                }
                extractTemplates($el) {
                    const templates = this._extractTemplates($el);
                    const anonymousTemplateMeta = this._extractAnonymousTemplate($el);
                    return {
                        templates: templates,
                        anonymousTemplateMeta: anonymousTemplateMeta
                    }
                }
                _extractTemplates($el) {
                    const templates = (0, _template_manager.findTemplates)($el, "dxTemplate");
                    const suitableTemplates = (0, _template_manager.suitableTemplatesByName)(templates);
                    templates.forEach(_ref2 => {
                        let {
                            element: element,
                            options: {
                                name: name
                            }
                        } = _ref2;
                        if (element === suitableTemplates[name]) {
                            (0, _renderer.default)(element).addClass("dx-template-wrapper").detach()
                        } else {
                            (0, _renderer.default)(element).remove()
                        }
                    });
                    return Object.keys(suitableTemplates).map(name => ({
                        name: name,
                        template: this._createTemplate(suitableTemplates[name])
                    }))
                }
                _extractAnonymousTemplate($el) {
                    const $anonymousTemplate = $el.contents().detach();
                    const $notJunkTemplateContent = $anonymousTemplate.filter((_, element) => {
                        const isTextNode = 3 === element.nodeType;
                        const isEmptyText = (0, _renderer.default)(element).text().trim().length < 1;
                        return !(isTextNode && isEmptyText)
                    });
                    return $notJunkTemplateContent.length > 0 ? {
                        template: this._createTemplate($anonymousTemplate),
                        name: this._anonymousTemplateName
                    } : {}
                }
                _createTemplateIfNeeded(templateSource) {
                    const cachedTemplate = this._tempTemplates.filter(tempTemplate => tempTemplate.source === (0, _template_manager.templateKey)(templateSource))[0];
                    if (cachedTemplate) {
                        return cachedTemplate.template
                    }
                    const template = this._createTemplate(templateSource);
                    this._tempTemplates.push({
                        template: template,
                        source: (0, _template_manager.templateKey)(templateSource)
                    });
                    return template
                }
                _createTemplate(templateSource) {
                    return this._createElement((0, _template_manager.validateTemplateSource)(templateSource))
                }
                getTemplate(templateSource, templates, _ref3, context) {
                    let {
                        isAsyncTemplate: isAsyncTemplate,
                        skipTemplates: skipTemplates
                    } = _ref3;
                    if (!(0, _type.isFunction)(templateSource)) {
                        return (0, _template_manager.acquireTemplate)(templateSource, this._createTemplateIfNeeded, templates, isAsyncTemplate, skipTemplates, this._defaultTemplates)
                    }
                    return new _function_template.FunctionTemplate(options => {
                        const templateSourceResult = templateSource.apply(context, (0, _template_manager.getNormalizedTemplateArgs)(options));
                        if (!(0, _type.isDefined)(templateSourceResult)) {
                            return new _empty_template.EmptyTemplate
                        }
                        let dispose = false;
                        const template = (0, _template_manager.acquireTemplate)(templateSourceResult, templateSource => {
                            if (templateSource.nodeType || (0, _type.isRenderer)(templateSource) && !(0, _renderer.default)(templateSource).is("script")) {
                                return new _function_template.FunctionTemplate(() => templateSource)
                            }
                            dispose = true;
                            return this._createTemplate(templateSource)
                        }, templates, isAsyncTemplate, skipTemplates, this._defaultTemplates);
                        const result = template.render(options);
                        dispose && template.dispose && template.dispose();
                        return result
                    })
                }
            }
            exports.TemplateManager = TemplateManager;
            exports.default = {
                TemplateManager: TemplateManager
            }
        },
        43399(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Options = void 0;
            var _option_manager = __webpack_require__( /*! ../../../core/options/option_manager */ 1896);
            var _utils = __webpack_require__( /*! ../../../core/options/utils */ 53904);
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            exports.Options = class {
                constructor(options, defaultOptions, optionsByReference, deprecatedOptions) {
                    this._deprecatedCallback;
                    this._startChangeCallback;
                    this._endChangeCallback;
                    this._validateOptionsCallback;
                    this._default = defaultOptions;
                    this._deprecated = deprecatedOptions;
                    this._deprecatedNames = [];
                    this._initDeprecatedNames();
                    this._optionManager = new _option_manager.OptionManager(options, optionsByReference);
                    this._optionManager.onRelevantNamesPrepared((options, name, value, silent) => this._setRelevantNames(options, name, value, silent));
                    this._rules = []
                }
                set _initial(value) {
                    this._initialOptions = value
                }
                get _initial() {
                    if (!this._initialOptions) {
                        const rulesOptions = this._getByRules(this.silent("defaultOptionsRules"));
                        this._initialOptions = this._default;
                        this._optionManager._setByReference(this._initialOptions, rulesOptions)
                    }
                    return this._initialOptions
                }
                _initDeprecatedNames() {
                    for (const optionName in this._deprecated) {
                        this._deprecatedNames.push(optionName)
                    }
                }
                _getByRules(rules) {
                    rules = Array.isArray(rules) ? this._rules.concat(rules) : this._rules;
                    return (0, _utils.convertRulesToOptions)(rules)
                }
                _notifyDeprecated(option) {
                    const info = this._deprecated[option];
                    if (info) {
                        this._deprecatedCallback(option, info)
                    }
                }
                _setRelevantNames(options, name, value, silent) {
                    if (name) {
                        const normalizedName = this._normalizeName(name, silent);
                        if (normalizedName && normalizedName !== name) {
                            this._setField(options, normalizedName, value);
                            this._clearField(options, name)
                        }
                    }
                }
                _setField(options, fullName, value) {
                    let fieldName = "";
                    let fieldObject = null;
                    do {
                        fieldName = fieldName ? `.${fieldName}` : "";
                        fieldName = (0, _utils.getFieldName)(fullName) + fieldName;
                        fullName = (0, _utils.getParentName)(fullName);
                        fieldObject = fullName ? this._optionManager.get(options, fullName, false) : options
                    } while (!fieldObject);
                    fieldObject[fieldName] = value
                }
                _clearField(options, name) {
                    delete options[name];
                    const previousFieldName = (0, _utils.getParentName)(name);
                    const fieldObject = previousFieldName ? this._optionManager.get(options, previousFieldName, false) : options;
                    if (fieldObject) {
                        delete fieldObject[(0, _utils.getFieldName)(name)]
                    }
                }
                _normalizeName(name, silent) {
                    if (this._deprecatedNames.length && name) {
                        for (let i = 0; i < this._deprecatedNames.length; i++) {
                            if (this._deprecatedNames[i] === name) {
                                const deprecate = this._deprecated[name];
                                if (deprecate) {
                                    !silent && this._notifyDeprecated(name);
                                    return deprecate.alias || name
                                }
                            }
                        }
                    }
                    return name
                }
                addRules(rules) {
                    this._rules = rules.concat(this._rules)
                }
                applyRules(rules) {
                    const options = this._getByRules(rules);
                    this.silent(options)
                }
                dispose() {
                    this._deprecatedCallback = _common.noop;
                    this._startChangeCallback = _common.noop;
                    this._endChangeCallback = _common.noop;
                    this._optionManager.dispose()
                }
                onChanging(callBack) {
                    this._optionManager.onChanging(callBack)
                }
                onChanged(callBack) {
                    this._optionManager.onChanged(callBack)
                }
                validateOptions(callBack) {
                    this._optionManager.onValidateOptions(callBack)
                }
                onDeprecated(callBack) {
                    this._deprecatedCallback = callBack
                }
                onStartChange(callBack) {
                    this._startChangeCallback = callBack
                }
                onEndChange(callBack) {
                    this._endChangeCallback = callBack
                }
                isInitial(name) {
                    const value = this.silent(name);
                    const initialValue = this.initial(name);
                    const areFunctions = (0, _type.isFunction)(value) && (0, _type.isFunction)(initialValue);
                    return areFunctions ? value.toString() === initialValue.toString() : (0, _common.equalByValue)(value, initialValue)
                }
                initial(name) {
                    return (0, _utils.getNestedOptionValue)(this._initial, name)
                }
                option(options, value) {
                    const isGetter = arguments.length < 2 && "object" !== (0, _type.type)(options);
                    if (isGetter) {
                        return this._optionManager.get(void 0, this._normalizeName(options))
                    }
                    this._startChangeCallback();
                    try {
                        this._optionManager.set(options, value)
                    } finally {
                        this._endChangeCallback()
                    }
                }
                silent(options, value) {
                    const isGetter = arguments.length < 2 && "object" !== (0, _type.type)(options);
                    if (isGetter) {
                        return this._optionManager.get(void 0, options, void 0, true)
                    }
                    this._optionManager.set(options, value, void 0, true)
                }
                reset(name) {
                    if (name) {
                        const fullPath = (0, _data.getPathParts)(name);
                        const value = fullPath.reduce((value, field) => value ? value[field] : this.initial(field), null);
                        const defaultValue = (0, _type.isObject)(value) ? Object.assign({}, value) : value;
                        this._optionManager.set(name, defaultValue, false)
                    }
                }
                getAliasesByName(name) {
                    return Object.keys(this._deprecated).filter(aliasName => name === this._deprecated[aliasName].alias)
                }
                isDeprecated(name) {
                    return Object.prototype.hasOwnProperty.call(this._deprecated, name)
                }
                cache(name, value) {
                    const isGetter = arguments.length < 2;
                    const optionName = `_cached_${name}`;
                    if (isGetter) {
                        return this.option(optionName)
                    }
                    this.option(optionName, value)
                }
            }
        },
        59830(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.OptionManager = void 0;
            var _utils = __webpack_require__( /*! ../../../core/options/utils */ 53904);
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _comparator = __webpack_require__( /*! ../../../core/utils/comparator */ 60648);
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            const cachedGetters = {};
            const cachedSetters = {};
            exports.OptionManager = class {
                constructor(options, optionsByReference) {
                    this._options = options;
                    this._optionsByReference = optionsByReference;
                    this._changingCallback;
                    this._changedCallback;
                    this._namePreparedCallbacks;
                    this._validateOptionsCallback
                }
                _setByReference(options, rulesOptions) {
                    (0, _extend.extend)(true, options, rulesOptions);
                    for (const fieldName in this._optionsByReference) {
                        if (Object.prototype.hasOwnProperty.call(rulesOptions, fieldName)) {
                            options[fieldName] = rulesOptions[fieldName]
                        }
                    }
                }
                _setPreparedValue(name, value, merge, silent) {
                    const previousValue = this.get(this._options, name, false);
                    if (!(0, _comparator.equals)(previousValue, value)) {
                        const path = (0, _data.getPathParts)(name);
                        !silent && this._changingCallback(name, previousValue, value);
                        cachedSetters[name] = cachedSetters[name] || (0, _data.compileSetter)(name);
                        cachedSetters[name](this._options, value, {
                            functionsAsIs: true,
                            merge: (0, _type.isDefined)(merge) ? merge : !this._optionsByReference[name],
                            unwrapObservables: path.length > 1 && !!this._optionsByReference[path[0]]
                        });
                        !silent && this._changedCallback(name, value, previousValue)
                    }
                }
                _prepareRelevantNames(options, name, value, silent) {
                    if ((0, _type.isPlainObject)(value)) {
                        for (const valueName in value) {
                            this._prepareRelevantNames(options, `${name}.${valueName}`, value[valueName])
                        }
                    }
                    this._namePreparedCallbacks(options, name, value, silent)
                }
                get() {
                    let options = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this._options;
                    let name = arguments.length > 1 ? arguments[1] : void 0;
                    let unwrapObservables = arguments.length > 2 ? arguments[2] : void 0;
                    cachedGetters[name] = cachedGetters[name] || (0, _data.compileGetter)(name);
                    return cachedGetters[name](options, {
                        functionsAsIs: true,
                        unwrapObservables: unwrapObservables
                    })
                }
                set(options, value, merge, silent) {
                    options = (0, _utils.normalizeOptions)(options, value);
                    for (const name in options) {
                        this._prepareRelevantNames(options, name, options[name], silent)
                    }
                    if (this._validateOptionsCallback) {
                        options = this._validateOptionsCallback(options)
                    }
                    for (const name in options) {
                        this._setPreparedValue(name, options[name], merge, silent)
                    }
                }
                onRelevantNamesPrepared(callBack) {
                    this._namePreparedCallbacks = callBack
                }
                onChanging(callBack) {
                    this._changingCallback = callBack
                }
                onChanged(callBack) {
                    this._changedCallback = callBack
                }
                onValidateOptions(callback) {
                    this._validateOptionsCallback = callback
                }
                dispose() {
                    this._changingCallback = _common.noop;
                    this._changedCallback = _common.noop
                }
            }
        },
        33810(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.normalizeOptions = exports.getParentName = exports.getNestedOptionValue = exports.getFieldName = exports.deviceMatch = exports.createDefaultOptionRules = exports.convertRulesToOptions = void 0;
            var _devices = (e = __webpack_require__( /*! ../../../core/devices */ 65951), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            const cachedGetters = {};
            exports.convertRulesToOptions = rules => {
                const currentDevice = _devices.default.current();
                return rules.reduce((options, _ref) => {
                    let {
                        device: device,
                        options: ruleOptions
                    } = _ref;
                    const deviceFilter = device || {};
                    const match = (0, _type.isFunction)(deviceFilter) ? deviceFilter(currentDevice) : deviceMatch(currentDevice, deviceFilter);
                    if (match) {
                        (0, _extend.extend)(true, options, ruleOptions)
                    }
                    return options
                }, {})
            };
            exports.normalizeOptions = (options, value) => "string" !== typeof options ? options : {
                [options]: value
            };
            const deviceMatch = (device, filter) => (0, _type.isEmptyObject)(filter) || (0, _common.findBestMatches)(device, [filter]).length > 0;
            exports.deviceMatch = deviceMatch;
            exports.getFieldName = fullName => fullName.substr(fullName.lastIndexOf(".") + 1);
            exports.getParentName = fullName => fullName.substr(0, fullName.lastIndexOf("."));
            exports.getNestedOptionValue = function(optionsObject, name) {
                cachedGetters[name] = cachedGetters[name] || (0, _data.compileGetter)(name);
                return cachedGetters[name](optionsObject, {
                    functionsAsIs: true
                })
            };
            exports.createDefaultOptionRules = function() {
                let options = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
                return options
            }
        },
        28112(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.BaseWidgetDefaultProps = void 0;
            exports.BaseWidgetDefaultProps = {
                className: "",
                activeStateEnabled: false,
                disabled: false,
                focusStateEnabled: false,
                hoverStateEnabled: false,
                tabIndex: 0,
                visible: true
            }
        },
        34993(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ComponentWrapper = void 0;
            __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            __webpack_require__( /*! ../../../common/core/events/core/emitter.feedback */ 69331);
            __webpack_require__( /*! ../../../common/core/events/hover */ 638);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _dom_component = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_component */ 97832));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _keyboard_processor = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/keyboard_processor */ 52818));
            var _inferno_renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/inferno_renderer */ 16965));
            var _template_wrapper = __webpack_require__( /*! ./template_wrapper */ 34554);
            var _index = __webpack_require__( /*! ./utils/index */ 10632);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const setDefaultOptionValue = (options, defaultValueGetter) => name => {
                if (Object.prototype.hasOwnProperty.call(options, name) && void 0 === options[name]) {
                    options[name] = defaultValueGetter(name)
                }
            };
            class ComponentWrapper extends _dom_component.default {
                get _propsInfo() {
                    return {
                        allowNull: [],
                        twoWay: [],
                        elements: [],
                        templates: [],
                        props: []
                    }
                }
                constructor(element, options) {
                    super(element, options);
                    this._shouldRaiseContentReady = false;
                    this.validateKeyDownHandler()
                }
                validateKeyDownHandler() {
                    const supportedKeyNames = this.getSupportedKeyNames();
                    const hasComponentDefaultKeyHandlers = supportedKeyNames.length > 0;
                    const hasComponentKeyDownMethod = "function" === typeof this._viewComponent.prototype.keyDown;
                    if (hasComponentDefaultKeyHandlers && !hasComponentKeyDownMethod) {
                        throw Error("Component's declaration must have 'keyDown' method.")
                    }
                }
                get viewRef() {
                    var _this$_viewRef;
                    return null === (_this$_viewRef = this._viewRef) || void 0 === _this$_viewRef ? void 0 : _this$_viewRef.current
                }
                _checkContentReadyOption(fullName) {
                    const contentReadyOptions = this._getContentReadyOptions().reduce((options, name) => {
                        options[name] = true;
                        return options
                    }, {});
                    this._checkContentReadyOption = optionName => !!contentReadyOptions[optionName];
                    return this._checkContentReadyOption(fullName)
                }
                _getContentReadyOptions() {
                    return ["rtlEnabled"]
                }
                _fireContentReady() {
                    this._actionsMap.onContentReady({})
                }
                _getDefaultOptions() {
                    const viewDefaultProps = this._getViewComponentDefaultProps();
                    return (0, _extend.extend)(true, super._getDefaultOptions(), viewDefaultProps, this._propsInfo.twoWay.reduce((options, _ref) => {
                        let [name, defaultName, eventName] = _ref;
                        return Object.assign({}, options, {
                            [name]: viewDefaultProps[defaultName],
                            [eventName]: value => this.option(name, value)
                        })
                    }, {}), this._propsInfo.templates.reduce((options, name) => Object.assign({}, options, {
                        [name]: null
                    }), {}))
                }
                _getUnwrappedOption() {
                    const unwrappedProps = {};
                    Object.keys(this.option()).forEach(key => {
                        unwrappedProps[key] = this.option(key)
                    });
                    return unwrappedProps
                }
                _initializeComponent() {
                    var _this$_templateManage;
                    super._initializeComponent();
                    null === (_this$_templateManage = this._templateManager) || void 0 === _this$_templateManage || _this$_templateManage.addDefaultTemplates(this.getDefaultTemplates());
                    const optionProxy = this._getUnwrappedOption();
                    this._props = this._optionsWithDefaultTemplates(optionProxy);
                    this._propsInfo.templates.forEach(template => {
                        this._componentTemplates[template] = this._createTemplateComponent(this._props[template])
                    });
                    Object.keys(this._getActionConfigsFull()).forEach(name => this._addAction(name));
                    this._viewRef = (0, _inferno.createRef)();
                    this.defaultKeyHandlers = this._createDefaultKeyHandlers()
                }
                _initMarkup() {
                    const props = this.getProps();
                    this._renderWrapper(props)
                }
                _renderWrapper(props) {
                    const containerNode = this.$element()[0];
                    if (!this._isNodeReplaced) {
                        _inferno_renderer.default.onPreRender()
                    }
                    _inferno_renderer.default.render(this._viewComponent, props, containerNode, this._isNodeReplaced);
                    if (!this._isNodeReplaced) {
                        this._isNodeReplaced = true;
                        _inferno_renderer.default.onAfterRender();
                        this._shouldRaiseContentReady = true
                    }
                    if (this._shouldRaiseContentReady) {
                        this._fireContentReady();
                        this._shouldRaiseContentReady = false
                    }
                }
                _silent(name, value) {
                    this._options.silent(name, value)
                }
                _render() {}
                _removeWidget() {
                    _inferno_renderer.default.remove(this.$element()[0])
                }
                _dispose() {
                    this._removeWidget();
                    super._dispose()
                }
                get elementAttr() {
                    const element = this.$element()[0];
                    if (!this._elementAttr) {
                        const {
                            attributes: attributes
                        } = element;
                        const attrs = Array.from(attributes).filter(attr => {
                            var _attributes$attr$name;
                            return !this._propsInfo.templates.includes(attr.name) && (null === (_attributes$attr$name = attributes[attr.name]) || void 0 === _attributes$attr$name ? void 0 : _attributes$attr$name.specified)
                        }).reduce((result, _ref2) => {
                            let {
                                name: name,
                                value: value
                            } = _ref2;
                            const updatedAttributes = result;
                            const isDomAttr = name in element;
                            updatedAttributes[name] = "" === value && isDomAttr ? element[name] : value;
                            return updatedAttributes
                        }, {});
                        this._elementAttr = attrs;
                        this._storedClasses = element.getAttribute("class") || ""
                    }
                    const elemStyle = element.style;
                    const style = {};
                    for (let i = 0; i < elemStyle.length; i += 1) {
                        style[elemStyle[i]] = elemStyle.getPropertyValue(elemStyle[i])
                    }
                    this._elementAttr.style = style;
                    this._elementAttr.class = this._storedClasses;
                    return this._elementAttr
                }
                _getAdditionalActionConfigs() {
                    return {
                        onContentReady: {
                            excludeValidators: ["disabled", "readOnly"]
                        }
                    }
                }
                _getAdditionalProps() {
                    return []
                }
                _patchOptionValues(options) {
                    const {
                        allowNull: allowNull,
                        twoWay: twoWay,
                        elements: elements,
                        props: props
                    } = this._propsInfo;
                    const viewDefaultProps = this._getViewComponentDefaultProps();
                    const defaultWidgetPropsKeys = Object.keys(viewDefaultProps);
                    const defaultOptions = this._getDefaultOptions();
                    const {
                        ref: ref,
                        children: children,
                        onKeyboardHandled: onKeyboardHandled
                    } = options;
                    const onKeyDown = onKeyboardHandled ? (_, event_options) => {
                        onKeyboardHandled(event_options)
                    } : void 0;
                    const widgetProps = {
                        ref: ref,
                        children: children,
                        onKeyDown: onKeyDown
                    };
                    [...props, ...this._getAdditionalProps()].forEach(propName => {
                        if (Object.prototype.hasOwnProperty.call(options, propName)) {
                            widgetProps[propName] = options[propName]
                        }
                    });
                    allowNull.forEach(setDefaultOptionValue(widgetProps, () => null));
                    defaultWidgetPropsKeys.forEach(setDefaultOptionValue(widgetProps, name => defaultOptions[name]));
                    twoWay.forEach(_ref3 => {
                        let [name, defaultName] = _ref3;
                        setDefaultOptionValue(widgetProps, () => defaultOptions[defaultName])(name)
                    });
                    elements.forEach(name => {
                        if (name in widgetProps) {
                            const value = widgetProps[name];
                            if ((0, _type.isRenderer)(value)) {
                                widgetProps[name] = this._patchElementParam(value)
                            }
                        }
                    });
                    return widgetProps
                }
                getSupportedKeyNames() {
                    return []
                }
                prepareStyleProp(props) {
                    if ("string" === typeof props.style) {
                        return Object.assign({}, props, {
                            style: {},
                            cssText: props.style
                        })
                    }
                    return props
                }
                getProps() {
                    const {
                        elementAttr: elementAttr
                    } = this.option();
                    const options = this._patchOptionValues(Object.assign({}, this._props, {
                        ref: this._viewRef,
                        children: this._extractDefaultSlot(),
                        aria: this._aria
                    }));
                    this._propsInfo.templates.forEach(template => {
                        options[template] = this._componentTemplates[template]
                    });
                    return this.prepareStyleProp(Object.assign({}, options, this.elementAttr, elementAttr, {
                        className: [...(this.elementAttr.class ?? "").split(" "), ...((null === elementAttr || void 0 === elementAttr ? void 0 : elementAttr.class) ?? "").split(" ")].filter((c, i, a) => c && a.indexOf(c) === i).join(" ").trim(),
                        class: ""
                    }, this._actionsMap))
                }
                _getActionConfigs() {
                    return {}
                }
                _getActionConfigsFull() {
                    return Object.assign({}, this._getActionConfigs(), this._getAdditionalActionConfigs())
                }
                getDefaultTemplates() {
                    const defaultTemplates = Object.values(this._templatesInfo);
                    const result = {};
                    defaultTemplates.forEach(template => {
                        result[template] = "dx-renovation-template-mock"
                    });
                    return result
                }
                get _templatesInfo() {
                    return {}
                }
                _optionsWithDefaultTemplates(options) {
                    const templateOptions = Object.entries(this._templatesInfo).reduce((result, _ref4) => {
                        let [templateName, templateValue] = _ref4;
                        return Object.assign({}, result, {
                            [templateName]: options[templateName] ?? templateValue
                        })
                    }, {});
                    return Object.assign({}, options, templateOptions)
                }
                _init() {
                    super._init();
                    this.customKeyHandlers = {};
                    this._actionsMap = {};
                    this._aria = {};
                    this._componentTemplates = {}
                }
                _createDefaultKeyHandlers() {
                    const result = {};
                    const keys = this.getSupportedKeyNames();
                    keys.forEach(key => {
                        result[key] = e => this.viewRef.keyDown(_keyboard_processor.default.createKeyDownOptions(e))
                    });
                    return result
                }
                _addAction(event, actionToAdd) {
                    let action = actionToAdd;
                    if (!action) {
                        const actionByOption = this._createActionByOption(event, this._getActionConfigsFull()[event]);
                        action = actArgs => {
                            Object.keys(actArgs).forEach(name => {
                                if ((0, _type.isDefined)(actArgs[name]) && _dom_adapter.default.isNode(actArgs[name])) {
                                    actArgs[name] = (0, _element.getPublicElement)((0, _renderer.default)(actArgs[name]))
                                }
                            });
                            return actionByOption(actArgs)
                        }
                    }
                    this._actionsMap[event] = action
                }
                _optionChanged(option) {
                    const {
                        name: name,
                        fullName: fullName,
                        value: value,
                        previousValue: previousValue
                    } = option;
                    (0, _index.updatePropsImmutable)(this._props, this.option(), name, fullName);
                    if (this._propsInfo.templates.includes(name) && value !== previousValue) {
                        this._componentTemplates[name] = this._createTemplateComponent(value)
                    }
                    if (name && this._getActionConfigsFull()[name]) {
                        this._addAction(name)
                    }
                    this._shouldRaiseContentReady = this._shouldRaiseContentReady || this._checkContentReadyOption(fullName);
                    super._optionChanged(option);
                    this._invalidate()
                }
                _validateOptions(options) {
                    return super._validateOptions(options)
                }
                _extractDefaultSlot() {
                    if (this.option("_hasAnonymousTemplateContent")) {
                        return _inferno_renderer.default.createElement(_template_wrapper.TemplateWrapper, {
                            template: this._getTemplate(this._templateManager.anonymousTemplateName),
                            transclude: true,
                            renovated: true
                        })
                    }
                    return null
                }
                _createTemplateComponent(templateOption) {
                    if (!templateOption) {
                        return
                    }
                    const template = this._getTemplate(templateOption);
                    if ((0, _type.isString)(template) && "dx-renovation-template-mock" === template) {
                        return
                    }
                    return model => _inferno_renderer.default.createElement(_template_wrapper.TemplateWrapper, (0, _template_wrapper.buildTemplateArgs)(model, template))
                }
                _wrapKeyDownHandler(initialHandler) {
                    return options => {
                        const {
                            originalEvent: originalEvent,
                            keyName: keyName,
                            which: which
                        } = options;
                        const keys = this.customKeyHandlers;
                        const func = keys[keyName] || keys[which];
                        if (void 0 !== func) {
                            const handler = func.bind(this);
                            const result = handler(originalEvent, options);
                            if (!result) {
                                originalEvent.cancel = true;
                                return originalEvent
                            }
                        }
                        return null === initialHandler || void 0 === initialHandler ? void 0 : initialHandler(originalEvent, options)
                    }
                }
                _toPublicElement(element) {
                    return (0, _element.getPublicElement)((0, _renderer.default)(element))
                }
                _patchElementParam(value) {
                    try {
                        const result = (0, _renderer.default)(value);
                        const element = null === result || void 0 === result ? void 0 : result.get(0);
                        return null !== element && void 0 !== element && element.nodeType ? element : value
                    } catch (error) {
                        return value
                    }
                }
                focus() {
                    const $root = this.$element();
                    const hasFocus = $root.is(":focus") || $root.find(":focus").length > 0;
                    if (hasFocus) {
                        return
                    }
                    if (this.option("focusStateEnabled")) {
                        $root.focus()
                    } else {
                        var _focusableElements$;
                        const focusableElements = $root.find("[tabindex]");
                        null === (_focusableElements$ = focusableElements[0]) || void 0 === _focusableElements$ || _focusableElements$.focus()
                    }
                }
                repaint() {
                    this._isNodeReplaced = false;
                    this._shouldRaiseContentReady = true;
                    this._removeWidget();
                    this._refresh()
                }
                _supportedKeys() {
                    return Object.assign({}, this.defaultKeyHandlers, this.customKeyHandlers)
                }
                registerKeyHandler(key, handler) {
                    this.customKeyHandlers[key] = handler
                }
                setAria(name, value) {
                    this._aria[name] = value;
                    this._initMarkup()
                }
                _getViewComponentDefaultProps() {
                    return this._viewComponent.defaultProps || {}
                }
            }
            exports.ComponentWrapper = ComponentWrapper;
            ComponentWrapper.IS_RENOVATED_WIDGET = false;
            ComponentWrapper.IS_RENOVATED_WIDGET = true
        },
        12274(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ConfigContext = void 0;
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            exports.ConfigContext = (0, _index.createContext)(void 0)
        },
        86688(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ConfigProviderDefaultProps = exports.ConfigProvider = void 0;
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            var _config_context = __webpack_require__( /*! ./config_context */ 12274);
            const ConfigProviderDefaultProps = exports.ConfigProviderDefaultProps = {};
            class ConfigProvider extends _index.BaseInfernoComponent {
                constructor() {
                    super(...arguments);
                    this.__getterCache = {}
                }
                get config() {
                    if (void 0 !== this.__getterCache.config) {
                        return this.__getterCache.config
                    }
                    return this.__getterCache.config = (() => ({
                        rtlEnabled: this.props.rtlEnabled
                    }))()
                }
                componentWillUpdate(nextProps) {
                    if (this.props.rtlEnabled !== nextProps.rtlEnabled) {
                        this.__getterCache.config = void 0
                    }
                }
                getChildContext() {
                    return Object.assign({}, this.context, {
                        [_config_context.ConfigContext.id]: this.config || _config_context.ConfigContext.defaultValue
                    })
                }
                render() {
                    return this.props.children
                }
            }
            exports.ConfigProvider = ConfigProvider;
            ConfigProvider.defaultProps = ConfigProviderDefaultProps
        },
        10922(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DomComponentWrapper = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            var _get_updated_options = __webpack_require__( /*! ../../core/r1/utils/get_updated_options */ 15393);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _config_context = __webpack_require__( /*! ./config_context */ 12274);
            const _excluded = ["componentProps", "componentType", "templateNames"];
            const normalizeProps = props => Object.keys(props).reduce((accumulator, key) => {
                if (void 0 !== props[key]) {
                    accumulator[key] = props[key]
                }
                return accumulator
            }, {});
            class DomComponentWrapper extends _index.InfernoComponent {
                constructor(props) {
                    super(props);
                    this.state = {};
                    this.refs = null;
                    this.widgetRef = (0, _inferno.createRef)();
                    this.instance = null;
                    this.prevProps = null;
                    this.getInstance = this.getInstance.bind(this);
                    this.setupWidget = this.setupWidget.bind(this);
                    this.updateWidget = this.updateWidget.bind(this)
                }
                getConfig() {
                    const {
                        id: id
                    } = _config_context.ConfigContext;
                    if (this.context[id]) {
                        return this.context[id]
                    }
                    return _config_context.ConfigContext.defaultValue
                }
                render() {
                    return normalizeProps((0, _inferno.createVNode)(1, "div", this.props.componentProps.className, null, 1, Object.assign({}, this.getRestAttributes()), null, this.widgetRef))
                }
                componentWillUpdate(nextProps, nextState, context) {
                    super.componentWillUpdate(nextProps, nextState, context)
                }
                createEffects() {
                    return [new _index.InfernoEffect(this.setupWidget, []), new _index.InfernoEffect(this.updateWidget, [this.props.componentProps, this.getConfig(), this.props.templateNames])]
                }
                updateEffects() {
                    var _this$_effects$;
                    const dependency = [this.props.componentProps, this.getConfig(), this.props.templateNames];
                    null === (_this$_effects$ = this._effects[1]) || void 0 === _this$_effects$ || _this$_effects$.update(dependency)
                }
                setupWidget() {
                    const current = this.widgetRef.current;
                    const componentInstance = new this.props.componentType(current, this.getProperties());
                    this.instance = componentInstance;
                    return () => {
                        componentInstance.dispose();
                        this.instance = null
                    }
                }
                updateWidget() {
                    if (!this.instance) {
                        return
                    }
                    const updatedOptions = (0, _get_updated_options.getUpdatedOptions)(this.prevProps ?? {}, this.getProperties());
                    if (updatedOptions.length) {
                        this.instance.beginUpdate();
                        updatedOptions.forEach(_ref2 => {
                            var _this$instance;
                            const {
                                path: path,
                                value: value
                            } = _ref2;
                            null === (_this$instance = this.instance) || void 0 === _this$instance || _this$instance.option(path, value)
                        });
                        this.instance.endUpdate()
                    }
                    this.prevProps = this.getProperties()
                }
                getRestAttributes() {
                    const _this$props = this.props,
                        restAttr = function(r, e) {
                            if (null == r) {
                                return {}
                            }
                            var t = {};
                            for (var n in r) {
                                if ({}.hasOwnProperty.call(r, n)) {
                                    if (-1 !== e.indexOf(n)) {
                                        continue
                                    }
                                    t[n] = r[n]
                                }
                            }
                            return t
                        }(_this$props, _excluded);
                    return restAttr
                }
                getProperties() {
                    var _this$getConfig;
                    const normalizedProps = normalizeProps(this.props.componentProps);
                    const {
                        valueChange: valueChange
                    } = normalizedProps;
                    const properties = (0, _extend.extend)({
                        rtlEnabled: null === (_this$getConfig = this.getConfig()) || void 0 === _this$getConfig ? void 0 : _this$getConfig.rtlEnabled,
                        isRenovated: true
                    }, normalizedProps);
                    if (valueChange) {
                        properties.onValueChanged = _ref3 => {
                            const {
                                value: value
                            } = _ref3;
                            return valueChange(value)
                        }
                    }
                    const templates = this.props.templateNames;
                    templates.forEach(name => {
                        if ((0, _index.hasTemplate)(name, properties, this)) {
                            properties[name] = (item, index, container) => {
                                (0, _index.renderTemplate)(this.props.componentProps[name], {
                                    item: item,
                                    index: index,
                                    container: container
                                }, this)
                            }
                        }
                    });
                    return properties
                }
                getInstance() {
                    return this.instance
                }
            }
            exports.DomComponentWrapper = DomComponentWrapper
        },
        84766(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "ComponentWrapper", {
                enumerable: true,
                get: function() {
                    return _component_wrapper.ComponentWrapper
                }
            });
            var _component_wrapper = __webpack_require__( /*! ./component_wrapper */ 34993)
        },
        5428(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.InfernoWrapperComponent = exports.InfernoComponent = exports.BaseInfernoComponent = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _effect_host = __webpack_require__( /*! ./effect_host */ 23405);
            const areObjectsEqual = (firstObject, secondObject) => {
                const bothAreObjects = firstObject instanceof Object && secondObject instanceof Object;
                if (!bothAreObjects) {
                    return firstObject === secondObject
                }
                const firstObjectKeys = Object.keys(firstObject);
                const secondObjectKeys = Object.keys(secondObject);
                if (firstObjectKeys.length !== secondObjectKeys.length) {
                    return false
                }
                const hasDifferentElement = firstObjectKeys.some(key => firstObject[key] !== secondObject[key]);
                return !hasDifferentElement
            };
            class BaseInfernoComponent extends _inferno.Component {
                constructor() {
                    super(...arguments);
                    this._pendingContext = this.context
                }
                componentWillReceiveProps(_, context) {
                    this._pendingContext = context ?? {}
                }
                shouldComponentUpdate(nextProps, nextState) {
                    return !areObjectsEqual(this.props, nextProps) || !areObjectsEqual(this.state, nextState) || !areObjectsEqual(this.context, this._pendingContext)
                }
            }
            exports.BaseInfernoComponent = BaseInfernoComponent;
            class InfernoComponent extends BaseInfernoComponent {
                constructor() {
                    super(...arguments);
                    this._effects = []
                }
                createEffects() {
                    return []
                }
                updateEffects() {}
                componentWillMount() {
                    _effect_host.InfernoEffectHost.lock()
                }
                componentWillUpdate(_nextProps, _nextState, _context) {
                    _effect_host.InfernoEffectHost.lock()
                }
                componentDidMount() {
                    _effect_host.InfernoEffectHost.callbacks.push(() => {
                        this._effects = this.createEffects()
                    });
                    _effect_host.InfernoEffectHost.callEffects()
                }
                componentDidUpdate() {
                    _effect_host.InfernoEffectHost.callbacks.push(() => this.updateEffects());
                    _effect_host.InfernoEffectHost.callEffects()
                }
                destroyEffects() {
                    this._effects.forEach(e => e.dispose())
                }
                componentWillUnmount() {
                    this.destroyEffects()
                }
            }
            exports.InfernoComponent = InfernoComponent;
            exports.InfernoWrapperComponent = class extends InfernoComponent {
                constructor() {
                    super(...arguments);
                    this.vDomElement = null
                }
                vDomUpdateClasses() {
                    var _el$className;
                    const el = this.vDomElement;
                    const currentClasses = null !== (_el$className = el.className) && void 0 !== _el$className && _el$className.length ? el.className.split(" ") : [];
                    const addedClasses = currentClasses.filter(className => !el.dxClasses.previous.includes(className));
                    const removedClasses = el.dxClasses.previous.filter(className => !currentClasses.includes(className));
                    addedClasses.forEach(value => {
                        const indexInRemoved = el.dxClasses.removed.indexOf(value);
                        if (indexInRemoved > -1) {
                            el.dxClasses.removed.splice(indexInRemoved, 1)
                        }
                        if (!el.dxClasses.added.includes(value)) {
                            el.dxClasses.added.push(value)
                        }
                    });
                    removedClasses.forEach(value => {
                        const indexInAdded = el.dxClasses.added.indexOf(value);
                        if (indexInAdded > -1) {
                            el.dxClasses.added.splice(indexInAdded, 1)
                        }
                        if (!el.dxClasses.removed.includes(value)) {
                            el.dxClasses.removed.push(value)
                        }
                    })
                }
                componentDidMount() {
                    var _el$className2;
                    const el = (0, _inferno.findDOMFromVNode)(this.$LI, true);
                    this.vDomElement = el;
                    super.componentDidMount();
                    el.dxClasses = el.dxClasses || {
                        removed: [],
                        added: [],
                        previous: []
                    };
                    el.dxClasses.previous = null !== el && void 0 !== el && null !== (_el$className2 = el.className) && void 0 !== _el$className2 && _el$className2.length ? el.className.split(" ") : []
                }
                componentDidUpdate() {
                    super.componentDidUpdate();
                    const el = this.vDomElement;
                    if (null !== el) {
                        var _el$className3;
                        el.dxClasses.added.forEach(className => el.classList.add(className));
                        el.dxClasses.removed.forEach(className => el.classList.remove(className));
                        el.dxClasses.previous = null !== (_el$className3 = el.className) && void 0 !== _el$className3 && _el$className3.length ? el.className.split(" ") : []
                    }
                }
                shouldComponentUpdate(nextProps, nextState) {
                    const shouldUpdate = super.shouldComponentUpdate(nextProps, nextState);
                    if (shouldUpdate) {
                        this.vDomUpdateClasses()
                    }
                    return shouldUpdate
                }
            }
        },
        34781(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.createContext = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            let contextId = 0;
            exports.createContext = function(defaultValue) {
                const id = contextId++;
                return {
                    id: id,
                    defaultValue: defaultValue,
                    Provider: class extends _inferno.Component {
                        getChildContext() {
                            return Object.assign({}, this.context, {
                                [id]: this.props.value || defaultValue
                            })
                        }
                        render() {
                            return this.props.children
                        }
                    }
                }
            }
        },
        2836(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.InfernoEffect = void 0;
            exports.InfernoEffect = class {
                constructor(effect, dependency) {
                    this.dependency = dependency;
                    this.effect = effect;
                    this.destroy = effect()
                }
                update(dependency) {
                    const currentDependency = this.dependency;
                    if (dependency) {
                        this.dependency = dependency
                    }
                    if (!dependency || dependency.some((d, i) => currentDependency[i] !== d)) {
                        this.dispose();
                        this.destroy = this.effect()
                    }
                }
                dispose() {
                    if (this.destroy) {
                        this.destroy()
                    }
                }
            }
        },
        23405(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.InfernoEffectHost = void 0;
            exports.InfernoEffectHost = {
                lockCount: 0,
                lock() {
                    this.lockCount++
                },
                callbacks: [],
                callEffects() {
                    this.lockCount--;
                    if (this.lockCount < 0) {
                        throw new Error("Unexpected Effect Call")
                    }
                    if (0 === this.lockCount) {
                        const effects = this.callbacks;
                        this.callbacks = [];
                        effects.forEach(callback => callback())
                    }
                }
            }
        },
        6257(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            var _base_component = __webpack_require__( /*! ./base_component */ 5428);
            Object.keys(_base_component).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _base_component[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _base_component[key]
                    }
                })
            });
            var _create_context = __webpack_require__( /*! ./create_context */ 34781);
            Object.keys(_create_context).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _create_context[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _create_context[key]
                    }
                })
            });
            var _effect = __webpack_require__( /*! ./effect */ 2836);
            Object.keys(_effect).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _effect[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _effect[key]
                    }
                })
            });
            var _effect_host = __webpack_require__( /*! ./effect_host */ 23405);
            Object.keys(_effect_host).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _effect_host[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _effect_host[key]
                    }
                })
            });
            var _hydrate = __webpack_require__( /*! ./mocked/hydrate */ 11934);
            Object.keys(_hydrate).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _hydrate[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _hydrate[key]
                    }
                })
            });
            var _normalize_styles = __webpack_require__( /*! ./normalize_styles */ 75467);
            Object.keys(_normalize_styles).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _normalize_styles[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _normalize_styles[key]
                    }
                })
            });
            var _portal = __webpack_require__( /*! ./portal */ 37695);
            Object.keys(_portal).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _portal[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _portal[key]
                    }
                })
            });
            var _re_render_effect = __webpack_require__( /*! ./re_render_effect */ 31603);
            Object.keys(_re_render_effect).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _re_render_effect[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _re_render_effect[key]
                    }
                })
            });
            var _render_template = __webpack_require__( /*! ./render_template */ 90626);
            Object.keys(_render_template).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _render_template[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _render_template[key]
                    }
                })
            })
        },
        11934(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.hydrate = function(input, parentDOM, callback) {
                let dom = parentDOM.firstChild;
                if ((0, _shared.isNull)(dom)) {
                    (0, _inferno.render)(input, parentDOM, callback)
                } else {
                    const lifecycle = [];
                    const animations = new _inferno.AnimationQueues;
                    if (!(0, _shared.isInvalid)(input)) {
                        dom = hydrateVNode(input, parentDOM, dom, {}, false, lifecycle, animations)
                    }
                    while (dom && (dom = dom.nextSibling)) {
                        parentDOM.removeChild(dom)
                    }
                    if (lifecycle.length > 0) {
                        let listener;
                        while (void 0 !== (listener = lifecycle.shift())) {
                            listener()
                        }
                    }
                }
                parentDOM.$V = input;
                if ((0, _shared.isFunction)(callback)) {
                    callback()
                }
            };
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _shared = __webpack_require__( /*! ./shared */ 54640);
            var _vnodeFlags = __webpack_require__( /*! ./vnode-flags */ 55869);

            function isSamePropsInnerHTML(dom, props) {
                return Boolean(props && props.dangerouslySetInnerHTML && props.dangerouslySetInnerHTML.__html && function(dom, innerHTML) {
                    const tempdom = document.createElement("i");
                    tempdom.innerHTML = innerHTML;
                    return tempdom.innerHTML === dom.innerHTML
                }(dom, props.dangerouslySetInnerHTML.__html))
            }

            function hydrateChildren(parentVNode, parentNode, currentNode, context, isSVG, lifecycle, animations) {
                const childFlags = parentVNode.childFlags;
                const children = parentVNode.children;
                const props = parentVNode.props;
                const flags = parentVNode.flags;
                if (childFlags !== _vnodeFlags.ChildFlags.HasInvalidChildren) {
                    if (childFlags === _vnodeFlags.ChildFlags.HasVNodeChildren) {
                        if ((0, _shared.isNull)(currentNode)) {
                            (0, _inferno._M)(children, parentNode, context, isSVG, null, lifecycle, animations)
                        } else {
                            currentNode = hydrateVNode(children, parentNode, currentNode, context, isSVG, lifecycle, animations);
                            currentNode = currentNode ? currentNode.nextSibling : null
                        }
                    } else if (childFlags === _vnodeFlags.ChildFlags.HasTextChildren) {
                        if ((0, _shared.isNull)(currentNode)) {
                            parentNode.appendChild(document.createTextNode(children))
                        } else if (1 !== parentNode.childNodes.length || 3 !== currentNode.nodeType) {
                            parentNode.textContent = children
                        } else if (currentNode.nodeValue !== children) {
                            currentNode.nodeValue = children
                        }
                        currentNode = null
                    } else if (childFlags & _vnodeFlags.ChildFlags.MultipleChildren) {
                        let prevVNodeIsTextNode = false;
                        for (let i = 0, len = children.length; i < len; ++i) {
                            const child = children[i];
                            if ((0, _shared.isNull)(currentNode) || prevVNodeIsTextNode && (child.flags & _vnodeFlags.VNodeFlags.Text) > 0) {
                                (0, _inferno._M)(child, parentNode, context, isSVG, currentNode, lifecycle, animations)
                            } else {
                                currentNode = hydrateVNode(child, parentNode, currentNode, context, isSVG, lifecycle, animations);
                                currentNode = currentNode ? currentNode.nextSibling : null
                            }
                            prevVNodeIsTextNode = (child.flags & _vnodeFlags.VNodeFlags.Text) > 0
                        }
                    }
                    if (0 === (flags & _vnodeFlags.VNodeFlags.Fragment)) {
                        let nextSibling = null;
                        while (currentNode) {
                            nextSibling = currentNode.nextSibling;
                            parentNode.removeChild(currentNode);
                            currentNode = nextSibling
                        }
                    }
                } else if (!(0, _shared.isNull)(parentNode.firstChild) && !isSamePropsInnerHTML(parentNode, props)) {
                    parentNode.textContent = "";
                    if (flags & _vnodeFlags.VNodeFlags.FormElement) {
                        parentNode.defaultValue = ""
                    }
                }
            }

            function hydrateText(vNode, parentDOM, dom) {
                if (3 !== dom.nodeType) {
                    parentDOM.replaceChild(vNode.dom = document.createTextNode(vNode.children), dom)
                } else {
                    const text = vNode.children;
                    if (dom.nodeValue !== text) {
                        dom.nodeValue = text
                    }
                    vNode.dom = dom
                }
                return vNode.dom
            }

            function hydrateFragment(vNode, parentDOM, dom, context, isSVG, lifecycle, animations) {
                const children = vNode.children;
                if (vNode.childFlags === _vnodeFlags.ChildFlags.HasVNodeChildren) {
                    hydrateText(children, parentDOM, dom);
                    return children.dom
                }
                hydrateChildren(vNode, parentDOM, dom, context, isSVG, lifecycle, animations);
                return function(vNode) {
                    let flags;
                    let children;
                    while (vNode) {
                        flags = vNode.flags;
                        if (flags & _vnodeFlags.VNodeFlags.DOMRef) {
                            return vNode.dom
                        }
                        children = vNode.children;
                        if (flags & _vnodeFlags.VNodeFlags.Fragment) {
                            vNode = vNode.childFlags === _vnodeFlags.ChildFlags.HasVNodeChildren ? children : children[children.length - 1]
                        } else if (flags & _vnodeFlags.VNodeFlags.ComponentClass) {
                            vNode = children.$LI
                        } else {
                            vNode = children
                        }
                    }
                    return null
                }(children[children.length - 1])
            }

            function hydrateVNode(vNode, parentDOM, currentDom, context, isSVG, lifecycle, animations) {
                const flags = vNode.flags |= _vnodeFlags.VNodeFlags.InUse;
                if (flags & _vnodeFlags.VNodeFlags.Component) {
                    return function(vNode, parentDOM, dom, context, isSVG, isClass, lifecycle, animations) {
                        const type = vNode.type;
                        const ref = vNode.ref;
                        const props = vNode.props || _inferno.EMPTY_OBJ;
                        let currentNode;
                        if (isClass) {
                            const instance = (0, _inferno._CI)(vNode, type, props, context, isSVG, lifecycle);
                            const input = instance.$LI;
                            currentNode = hydrateVNode(input, parentDOM, dom, instance.$CX, isSVG, lifecycle, animations);
                            (0, _inferno._MCCC)(ref, instance, lifecycle, animations)
                        } else {
                            const input = (0, _inferno._HI)((0, _inferno._RFC)(vNode, context));
                            currentNode = hydrateVNode(input, parentDOM, dom, context, isSVG, lifecycle, animations);
                            vNode.children = input;
                            (0, _inferno._MFCC)(vNode, lifecycle, animations)
                        }
                        return currentNode
                    }(vNode, parentDOM, currentDom, context, isSVG, (flags & _vnodeFlags.VNodeFlags.ComponentClass) > 0, lifecycle, animations)
                }
                if (flags & _vnodeFlags.VNodeFlags.Element) {
                    return function(vNode, parentDOM, dom, context, isSVG, lifecycle, animations) {
                        const props = vNode.props;
                        const className = vNode.className;
                        const flags = vNode.flags;
                        const ref = vNode.ref;
                        isSVG = isSVG || (flags & _vnodeFlags.VNodeFlags.SvgElement) > 0;
                        if (1 !== dom.nodeType) {
                            (0, _inferno._ME)(vNode, null, context, isSVG, null, lifecycle, animations);
                            parentDOM.replaceChild(vNode.dom, dom)
                        } else {
                            vNode.dom = dom;
                            hydrateChildren(vNode, dom, dom.firstChild, context, isSVG, lifecycle, animations);
                            if (!(0, _shared.isNull)(props)) {
                                (0, _inferno._MP)(vNode, flags, props, dom, isSVG, animations)
                            }
                            if ((0, _shared.isNullOrUndef)(className)) {
                                if ("" !== dom.className) {
                                    dom.removeAttribute("class")
                                }
                            } else if (isSVG) {
                                dom.setAttribute("class", className)
                            } else {
                                dom.className = className
                            }(0, _inferno._MR)(ref, dom, lifecycle)
                        }
                        return vNode.dom
                    }(vNode, parentDOM, currentDom, context, isSVG, lifecycle, animations)
                }
                if (flags & _vnodeFlags.VNodeFlags.Text) {
                    return hydrateText(vNode, parentDOM, currentDom)
                }
                if (flags & _vnodeFlags.VNodeFlags.Void) {
                    return vNode.dom = currentDom
                }
                if (flags & _vnodeFlags.VNodeFlags.Fragment) {
                    return hydrateFragment(vNode, parentDOM, currentDom, context, isSVG, lifecycle, animations)
                }(0, _shared.throwError)();
                return null
            }
        },
        54640(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ERROR_MSG = void 0;
            exports.isFunction = function(o) {
                return "function" === typeof o
            };
            exports.isInvalid = function(o) {
                return null === o || false === o || true === o || void 0 === o
            };
            exports.isNull = function(o) {
                return null === o
            };
            exports.isNullOrUndef = function(o) {
                return void 0 === o || null === o
            };
            exports.throwError = function(message) {
                if (!message) {
                    message = ERROR_MSG
                }
                throw new Error(`Inferno Error: ${message}`)
            };
            const ERROR_MSG = exports.ERROR_MSG = "a runtime error occured! Use Inferno in development environment to find the error."
        },
        55869(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.VNodeFlags = exports.ChildFlags = void 0;
            var VNodeFlags;
            ! function(VNodeFlags) {
                VNodeFlags[VNodeFlags.HtmlElement = 1] = "HtmlElement";
                VNodeFlags[VNodeFlags.ComponentUnknown = 2] = "ComponentUnknown";
                VNodeFlags[VNodeFlags.ComponentClass = 4] = "ComponentClass";
                VNodeFlags[VNodeFlags.ComponentFunction = 8] = "ComponentFunction";
                VNodeFlags[VNodeFlags.Text = 16] = "Text";
                VNodeFlags[VNodeFlags.SvgElement = 32] = "SvgElement";
                VNodeFlags[VNodeFlags.InputElement = 64] = "InputElement";
                VNodeFlags[VNodeFlags.TextareaElement = 128] = "TextareaElement";
                VNodeFlags[VNodeFlags.SelectElement = 256] = "SelectElement";
                VNodeFlags[VNodeFlags.Void = 512] = "Void";
                VNodeFlags[VNodeFlags.Portal = 1024] = "Portal";
                VNodeFlags[VNodeFlags.ReCreate = 2048] = "ReCreate";
                VNodeFlags[VNodeFlags.ContentEditable = 4096] = "ContentEditable";
                VNodeFlags[VNodeFlags.Fragment = 8192] = "Fragment";
                VNodeFlags[VNodeFlags.InUse = 16384] = "InUse";
                VNodeFlags[VNodeFlags.ForwardRef = 32768] = "ForwardRef";
                VNodeFlags[VNodeFlags.Normalized = 65536] = "Normalized";
                VNodeFlags[VNodeFlags.ForwardRefComponent = 32776] = "ForwardRefComponent";
                VNodeFlags[VNodeFlags.FormElement = 448] = "FormElement";
                VNodeFlags[VNodeFlags.Element = 481] = "Element";
                VNodeFlags[VNodeFlags.Component = 14] = "Component";
                VNodeFlags[VNodeFlags.DOMRef = 2033] = "DOMRef";
                VNodeFlags[VNodeFlags.InUseOrNormalized = 81920] = "InUseOrNormalized";
                VNodeFlags[VNodeFlags.ClearInUse = -16385] = "ClearInUse";
                VNodeFlags[VNodeFlags.ComponentKnown = 12] = "ComponentKnown"
            }(VNodeFlags || (exports.VNodeFlags = VNodeFlags = {}));
            var ChildFlags;
            ! function(ChildFlags) {
                ChildFlags[ChildFlags.UnknownChildren = 0] = "UnknownChildren";
                ChildFlags[ChildFlags.HasInvalidChildren = 1] = "HasInvalidChildren";
                ChildFlags[ChildFlags.HasVNodeChildren = 2] = "HasVNodeChildren";
                ChildFlags[ChildFlags.HasNonKeyedChildren = 4] = "HasNonKeyedChildren";
                ChildFlags[ChildFlags.HasKeyedChildren = 8] = "HasKeyedChildren";
                ChildFlags[ChildFlags.HasTextChildren = 16] = "HasTextChildren";
                ChildFlags[ChildFlags.MultipleChildren = 12] = "MultipleChildren"
            }(ChildFlags || (exports.ChildFlags = ChildFlags = {}))
        },
        75467(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.normalizeStyles = function(styles) {
                if (!(styles instanceof Object)) {
                    return
                }
                return Object.entries(styles).reduce((acc, _ref) => {
                    let [key, value] = _ref;
                    acc[str = key, str.replace(uppercasePattern, "-$&").toLowerCase()] = (value => {
                        if ("number" === typeof value) {
                            return true
                        }
                        return !Number.isNaN(Number(value))
                    })(value) ? ((style, value) => NUMBER_STYLES.has(style) ? value : `${value}px`)(key, value) : value;
                    var str;
                    return acc
                }, {})
            };
            const NUMBER_STYLES = new Set(["animationIterationCount", "borderImageOutset", "borderImageSlice", "border-imageWidth", "boxFlex", "boxFlexGroup", "boxOrdinalGroup", "columnCount", "fillOpacity", "flex", "flexGrow", "flexNegative", "flexOrder", "flexPositive", "flexShrink", "floodOpacity", "fontWeight", "gridColumn", "gridRow", "lineClamp", "lineHeight", "opacity", "order", "orphans", "stopOpacity", "strokeDasharray", "strokeDashoffset", "strokeMiterlimit", "strokeOpacity", "strokeWidth", "tabSize", "widows", "zIndex", "zoom"]);
            const uppercasePattern = /[A-Z]/g
        },
        37695(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Portal = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            exports.Portal = _ref => {
                let {
                    container: container,
                    children: children
                } = _ref;
                if (container) {
                    return (0, _inferno.createPortal)(children, container)
                }
                return null
            }
        },
        31603(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.createReRenderEffect = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _effect = __webpack_require__( /*! ./effect */ 2836);
            exports.createReRenderEffect = () => new _effect.InfernoEffect(() => {
                (0, _inferno.rerender)()
            }, [])
        },
        90626(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.hasTemplate = void 0;
            exports.renderTemplate = function(template, props, _component) {
                setTimeout(() => {
                    (0, _inferno.render)((0, _infernoCreateElement.createElement)(template, props), (props => {
                        var _props$container, _props$item;
                        return (null === (_props$container = props.container) || void 0 === _props$container ? void 0 : _props$container.get(0)) || (null === (_props$item = props.item) || void 0 === _props$item ? void 0 : _props$item.get(0))
                    })(props))
                }, 0)
            };
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _infernoCreateElement = __webpack_require__( /*! inferno-create-element */ 12887);
            exports.hasTemplate = (name, properties, _component) => {
                const value = properties[name];
                return !!value && "string" !== typeof value
            }
        },
        34554(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.buildTemplateArgs = exports.TemplateWrapper = void 0;
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _dom = __webpack_require__( /*! ../../../core/utils/dom */ 86858);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _shallow_equals = __webpack_require__( /*! ./utils/shallow_equals */ 1270);
            const _excluded = ["isEqual"];

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.buildTemplateArgs = (model, template) => {
                const args = {
                    template: template,
                    model: Object.assign({}, model)
                };
                const _ref = model.data ?? {},
                    {
                        isEqual: isEqual
                    } = _ref,
                    data = function(r, e) {
                        if (null == r) {
                            return {}
                        }
                        var t = {};
                        for (var n in r) {
                            if ({}.hasOwnProperty.call(r, n)) {
                                if (-1 !== e.indexOf(n)) {
                                    continue
                                }
                                t[n] = r[n]
                            }
                        }
                        return t
                    }(_ref, _excluded);
                if (isEqual) {
                    args.model.data = data;
                    args.isEqual = isEqual
                }
                return args
            };
            class TemplateWrapper extends _index.InfernoComponent {
                constructor(props) {
                    super(props);
                    this.renderTemplate = this.renderTemplate.bind(this)
                }
                renderTemplate() {
                    const node = (0, _inferno.findDOMFromVNode)(this.$LI, true);
                    if (!(null !== node && void 0 !== node && node.parentNode)) {
                        return () => {}
                    }
                    const container = node.parentNode;
                    const $container = (0, _renderer.default)(container);
                    const $oldContainerContent = $container.contents().toArray();
                    const content = ((props, container) => {
                        const {
                            data: data,
                            index: index
                        } = props.model ?? {
                            data: {}
                        };
                        if (data) {
                            Object.keys(data).forEach(name => {
                                if (data[name] && _dom_adapter.default.isNode(data[name])) {
                                    data[name] = (0, _element.getPublicElement)((0, _renderer.default)(data[name]))
                                }
                            })
                        }
                        const rendered = props.template.render(Object.assign({
                            container: container,
                            transclude: props.transclude
                        }, {
                            renovated: props.renovated
                        }, !props.transclude ? {
                            model: data
                        } : {}, !props.transclude && Number.isFinite(index) ? {
                            index: index
                        } : {}));
                        if (void 0 === rendered) {
                            return []
                        }
                        return (element = rendered, !!element.toArray) ? rendered.toArray() : [(0, _renderer.default)(rendered).get(0)];
                        var element
                    })(this.props, (0, _element.getPublicElement)($container));
                    (0, _dom.replaceWith)((0, _renderer.default)(node), (0, _renderer.default)(content));
                    return () => {
                        const $actualContainerContent = (0, _renderer.default)(container).contents().toArray();
                        oldChildren = $oldContainerContent, newChildren = $actualContainerContent, void newChildren.forEach(newElement => {
                            const hasOldChild = !!oldChildren.find(oldElement => newElement === oldElement);
                            if (!hasOldChild && newElement.parentNode) {
                                (0, _renderer.default)(newElement).remove()
                            }
                        });
                        var oldChildren, newChildren;
                        container.appendChild(node)
                    }
                }
                shouldComponentUpdate(nextProps) {
                    const {
                        template: template,
                        model: model
                    } = this.props;
                    const {
                        template: nextTemplate,
                        model: nextModel,
                        isEqual: isEqual
                    } = nextProps;
                    const equalityComparer = isEqual ?? _shallow_equals.shallowEquals;
                    if (template !== nextTemplate) {
                        return true
                    }
                    if (!(0, _type.isDefined)(model) || !(0, _type.isDefined)(nextModel)) {
                        return model !== nextModel
                    }
                    const {
                        data: data,
                        index: index
                    } = model;
                    const {
                        data: nextData,
                        index: nextIndex
                    } = nextModel;
                    if (index !== nextIndex) {
                        return true
                    }
                    if (!(0, _type.isDefined)(data) || !(0, _type.isDefined)(nextData)) {
                        return model !== nextModel
                    }
                    return !equalityComparer(data, nextData)
                }
                createEffects() {
                    return [new _index.InfernoEffect(this.renderTemplate, [this.props.template, this.props.model])]
                }
                updateEffects() {
                    this._effects[0].update([this.props.template, this.props.model])
                }
                componentWillUnmount() {}
                render() {
                    return null
                }
            }
            exports.TemplateWrapper = TemplateWrapper
        },
        8808(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.querySelectorInSameDocument = function(el, selector) {
                var _el$getRootNode;
                const root = (null === (_el$getRootNode = el.getRootNode) || void 0 === _el$getRootNode ? void 0 : _el$getRootNode.call(el)) ?? document;
                return root.querySelector(selector)
            }
        },
        31006(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = function(el) {
                var _window$getComputedSt;
                const window = (0, _window.getWindow)();
                return el ? null === (_window$getComputedSt = window.getComputedStyle) || void 0 === _window$getComputedSt ? void 0 : _window$getComputedSt.call(window, el) : null
            };
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104)
        },
        6909(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getTemplate = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            exports.getTemplate = TemplateProp => TemplateProp && (TemplateProp.defaultProps ? props => (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, TemplateProp, Object.assign({}, props))) : TemplateProp)
        },
        15393(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getUpdatedOptions = function(oldProps, props) {
                let notDeepCopyArrays = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : defaultNotDeepCopyArrays;
                return objectDiffsWithoutReactProps(oldProps, props, "", notDeepCopyArrays)
            };
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            const defaultNotDeepCopyArrays = ["dataSource", "selectedRowKeys"];
            const propsToIgnore = {
                integrationOptions: true
            };

            function getDiffItem(key, value, previousValue) {
                return {
                    path: key,
                    value: value,
                    previousValue: previousValue
                }
            }

            function compare(resultPaths, item1, item2, key, fullPropName, notDeepCopyArrays) {
                if (propsToIgnore[key]) {
                    return
                }
                const type1 = (0, _type.type)(item1);
                const type2 = (0, _type.type)(item2);
                if (item1 === item2) {
                    return
                }
                if (type1 !== type2) {
                    resultPaths.push(getDiffItem(key, item2, item1))
                } else if ("object" === type1) {
                    if (!(0, _type.isPlainObject)(item2)) {
                        resultPaths.push(getDiffItem(key, item2, item1))
                    } else {
                        const diffPaths = objectDiffs(item1, item2, fullPropName, notDeepCopyArrays);
                        resultPaths.push(...diffPaths.map(item => Object.assign({}, item, {
                            path: `${key}.${item.path}`
                        })))
                    }
                } else if ("array" === type1) {
                    const notDeepCopy = notDeepCopyArrays.some(prop => fullPropName.includes(prop));
                    if (notDeepCopy && item1 !== item2) {
                        resultPaths.push(getDiffItem(key, item2, item1))
                    } else if (item1.length !== item2.length) {
                        resultPaths.push(getDiffItem(key, item2, item1))
                    } else {
                        const diffPaths = objectDiffs(item1, item2, fullPropName, notDeepCopyArrays);
                        [].push.apply(resultPaths, diffPaths.map(item => Object.assign({}, item, {
                            path: `${key}${item.path}`
                        })))
                    }
                } else {
                    resultPaths.push(getDiffItem(key, item2, item1))
                }
            }
            const objectDiffsFiltered = propsEnumerator => (oldProps, props, fullPropName, notDeepCopyArrays) => {
                const resultPaths = [];
                const processItem = !Array.isArray(oldProps) ? propName => {
                    compare(resultPaths, oldProps[propName], props[propName], propName, `${fullPropName}.${propName}`, notDeepCopyArrays)
                } : propName => {
                    compare(resultPaths, oldProps[propName], props[propName], `[${propName}]`, `${fullPropName}.${propName}`, notDeepCopyArrays)
                };
                propsEnumerator(oldProps).forEach(processItem);
                Object.keys(props).filter(propName => !Object.prototype.hasOwnProperty.call(oldProps, propName) && oldProps[propName] !== props[propName]).forEach(propName => {
                    resultPaths.push({
                        path: propName,
                        value: props[propName],
                        previousValue: oldProps[propName]
                    })
                });
                return resultPaths
            };
            const objectDiffs = objectDiffsFiltered(oldProps => Object.keys(oldProps));
            const reactProps = {
                key: true,
                ref: true,
                children: true,
                style: true
            };
            const objectDiffsWithoutReactProps = objectDiffsFiltered(prop => Object.keys(prop).filter(p => !reactProps[p]))
        },
        10632(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "getTemplate", {
                enumerable: true,
                get: function() {
                    return _get_template.getTemplate
                }
            });
            Object.defineProperty(exports, "shallowEquals", {
                enumerable: true,
                get: function() {
                    return _shallow_equals.shallowEquals
                }
            });
            Object.defineProperty(exports, "updatePropsImmutable", {
                enumerable: true,
                get: function() {
                    return _update_props_immutable.updatePropsImmutable
                }
            });
            var _get_template = __webpack_require__( /*! ./get_template */ 6909);
            var _shallow_equals = __webpack_require__( /*! ./shallow_equals */ 1270);
            var _update_props_immutable = __webpack_require__( /*! ./update_props_immutable */ 73725)
        },
        71312(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.combineClasses = void 0;
            exports.combineClasses = classesMap => Object.keys(classesMap).filter(cssClass => !!cssClass && classesMap[cssClass]).join(" ").split(" ").filter((cssClass, i, filteredClassesMap) => filteredClassesMap.indexOf(cssClass) === i).join(" ")
        },
        28477(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.resolveRtlEnabled = function(rtlProp, config) {
                if (void 0 !== rtlProp) {
                    return rtlProp
                }
                if (void 0 !== (null === config || void 0 === config ? void 0 : config.rtlEnabled)) {
                    return config.rtlEnabled
                }
                return (0, _common.config)().rtlEnabled
            };
            exports.resolveRtlEnabledDefinition = function(rtlProp, config) {
                const isPropDefined = (0, _type.isDefined)(rtlProp);
                const onlyGlobalDefined = (0, _type.isDefined)((0, _common.config)().rtlEnabled) && !isPropDefined && !(0, _type.isDefined)(null === config || void 0 === config ? void 0 : config.rtlEnabled);
                return isPropDefined && rtlProp !== (null === config || void 0 === config ? void 0 : config.rtlEnabled) || onlyGlobalDefined
            };
            var _common = __webpack_require__( /*! ../../../../common */ 83077);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528)
        },
        1270(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.shallowEquals = void 0;
            exports.shallowEquals = (firstObject, secondObject) => {
                if (Object.keys(firstObject).length !== Object.keys(secondObject).length) {
                    return false
                }
                return Object.entries(firstObject).every(_ref => {
                    let [key, firstValue] = _ref;
                    const secondValue = secondObject[key];
                    if (firstValue instanceof Date && secondValue instanceof Date) {
                        return firstValue.getTime() === secondValue.getTime()
                    }
                    return firstValue === secondValue
                })
            }
        },
        28677(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.subscribeToDxInactiveEvent = exports.subscribeToDxHoverStartEvent = exports.subscribeToDxHoverEndEvent = exports.subscribeToDxFocusOutEvent = exports.subscribeToDxFocusInEvent = exports.subscribeToDxActiveEvent = exports.subscribeToDXScrollStopEvent = exports.subscribeToDXScrollStartEvent = exports.subscribeToDXScrollMoveEvent = exports.subscribeToDXScrollEndEvent = exports.subscribeToDXScrollCancelEvent = exports.subscribeToDXPointerUpEvent = exports.subscribeToDXPointerMoveEvent = exports.subscribeToDXPointerDownEvent = exports.subscribeToClickEvent = void 0;
            exports.subscribeToEvent = subscribeToEvent;
            exports.subscribeToScrollInitEvent = exports.subscribeToScrollEvent = exports.subscribeToMouseLeaveEvent = exports.subscribeToMouseEnterEvent = exports.subscribeToKeyDownEvent = void 0;
            var clickEvent = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../../../common/core/events/click */ 64044));
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _emitterGesture = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/gesture/emitter.gesture.scroll */ 86548));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }

            function subscribeToEvent(eventName) {
                return (element, handler, eventData, namespace) => {
                    const event = namespace ? (0, _index.addNamespace)(eventName, namespace) : eventName;
                    if (handler) {
                        _events_engine.default.on(element, event, eventData, handler);
                        return () => {
                            _events_engine.default.off(element, event, handler)
                        }
                    }
                    return
                }
            }
            exports.subscribeToClickEvent = subscribeToEvent(clickEvent.name);
            exports.subscribeToScrollEvent = subscribeToEvent(_emitterGesture.default.scroll);
            exports.subscribeToScrollInitEvent = subscribeToEvent(_emitterGesture.default.init);
            exports.subscribeToDXScrollStartEvent = subscribeToEvent(_emitterGesture.default.start);
            exports.subscribeToDXScrollMoveEvent = subscribeToEvent(_emitterGesture.default.move);
            exports.subscribeToDXScrollEndEvent = subscribeToEvent(_emitterGesture.default.end);
            exports.subscribeToDXScrollStopEvent = subscribeToEvent(_emitterGesture.default.stop);
            exports.subscribeToDXScrollCancelEvent = subscribeToEvent(_emitterGesture.default.cancel);
            exports.subscribeToDXPointerDownEvent = subscribeToEvent(_pointer.default.down);
            exports.subscribeToDXPointerUpEvent = subscribeToEvent(_pointer.default.up);
            exports.subscribeToDXPointerMoveEvent = subscribeToEvent(_pointer.default.move);
            exports.subscribeToMouseEnterEvent = subscribeToEvent("mouseenter");
            exports.subscribeToMouseLeaveEvent = subscribeToEvent("mouseleave");
            exports.subscribeToKeyDownEvent = subscribeToEvent("keydown");
            exports.subscribeToDxActiveEvent = subscribeToEvent("dxactive");
            exports.subscribeToDxInactiveEvent = subscribeToEvent("dxinactive");
            exports.subscribeToDxHoverStartEvent = subscribeToEvent("dxhoverstart");
            exports.subscribeToDxHoverEndEvent = subscribeToEvent("dxhoverend");
            exports.subscribeToDxFocusInEvent = subscribeToEvent("focusin");
            exports.subscribeToDxFocusOutEvent = subscribeToEvent("focusout")
        },
        7529(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.toNumber = function(attribute) {
                return attribute ? Number(attribute.replace("px", "")) : 0
            }
        },
        73725(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.updatePropsImmutable = void 0;
            var _data = __webpack_require__( /*! ../../../../core/utils/data */ 31e3);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            const cloneObjectValue = value => Array.isArray(value) ? [...value] : Object.assign({}, value);
            const cloneObjectProp = (value, prevValue, fullNameParts) => {
                const result = fullNameParts.length > 0 && prevValue && value !== prevValue ? cloneObjectValue(prevValue) : cloneObjectValue(value);
                const name = fullNameParts[0];
                if (fullNameParts.length > 1) {
                    result[name] = cloneObjectProp(value[name], null === prevValue || void 0 === prevValue ? void 0 : prevValue[name], fullNameParts.slice(1))
                } else if (name) {
                    if ((0, _type.isPlainObject)(value[name])) {
                        result[name] = cloneObjectValue(value[name])
                    } else {
                        result[name] = value[name]
                    }
                }
                return result
            };
            exports.updatePropsImmutable = (props, option, name, fullName) => {
                const currentPropsValue = option[name];
                const prevPropsValue = props[name];
                const result = props;
                if ((0, _type.isPlainObject)(currentPropsValue) || name !== fullName && Array.isArray(currentPropsValue)) {
                    result[name] = cloneObjectProp(currentPropsValue, prevPropsValue, (0, _data.getPathParts)(fullName).slice(1))
                } else {
                    result[name] = currentPropsValue
                }
            }
        },
        93796(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.WidgetDefaultProps = exports.Widget = exports.WIDGET_CLASS = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            __webpack_require__( /*! ../../../common/core/events/hover */ 638);
            var _short = __webpack_require__( /*! ../../../common/core/events/short */ 42222);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../../core/errors */ 87129));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _resize_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/resize_callbacks */ 63283));
            var _style = __webpack_require__( /*! ../../../core/utils/style */ 58515);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _config_context = __webpack_require__( /*! ../../core/r1/config_context */ 12274);
            var _config_provider = __webpack_require__( /*! ../../core/r1/config_provider */ 86688);
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            var _render_utils = __webpack_require__( /*! ../../core/r1/utils/render_utils */ 71312);
            var _resolve_rtl = __webpack_require__( /*! ../../core/r1/utils/resolve_rtl */ 28477);
            var _base_props = __webpack_require__( /*! ./base_props */ 28112);
            var _subscribe_to_event = __webpack_require__( /*! ./utils/subscribe_to_event */ 28677);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const WIDGET_CLASS = exports.WIDGET_CLASS = "dx-widget";
            const WidgetDefaultProps = exports.WidgetDefaultProps = Object.assign({}, _base_props.BaseWidgetDefaultProps, {
                _feedbackHideTimeout: 400,
                _feedbackShowTimeout: 30,
                cssText: "",
                aria: {},
                classes: "",
                name: "",
                addWidgetClass: true
            });
            class Widget extends _index.InfernoWrapperComponent {
                constructor(props) {
                    super(props);
                    this.state = {
                        active: false,
                        focused: false,
                        hovered: false
                    };
                    this.refs = null;
                    this.rootElementRef = (0, _inferno.createRef)();
                    this.widgetElementRef = (0, _inferno.createRef)();
                    this.setRootElementRef = this.setRootElementRef.bind(this);
                    this.activeEffect = this.activeEffect.bind(this);
                    this.inactiveEffect = this.inactiveEffect.bind(this);
                    this.clickEffect = this.clickEffect.bind(this);
                    this.focus = this.focus.bind(this);
                    this.blur = this.blur.bind(this);
                    this.activate = this.activate.bind(this);
                    this.deactivate = this.deactivate.bind(this);
                    this.focusInEffect = this.focusInEffect.bind(this);
                    this.focusOutEffect = this.focusOutEffect.bind(this);
                    this.hoverStartEffect = this.hoverStartEffect.bind(this);
                    this.hoverEndEffect = this.hoverEndEffect.bind(this);
                    this.keyboardEffect = this.keyboardEffect.bind(this);
                    this.resizeEffect = this.resizeEffect.bind(this);
                    this.windowResizeEffect = this.windowResizeEffect.bind(this);
                    this.visibilityEffect = this.visibilityEffect.bind(this);
                    this.checkDeprecation = this.checkDeprecation.bind(this);
                    this.applyCssTextEffect = this.applyCssTextEffect.bind(this)
                }
                componentWillUpdate(nextProps, nextState, context) {
                    super.componentWillUpdate(nextProps, nextState, context)
                }
                getConfig() {
                    if (this.context[_config_context.ConfigContext.id]) {
                        return this.context[_config_context.ConfigContext.id]
                    }
                    return _config_context.ConfigContext.defaultValue
                }
                createEffects() {
                    return [new _index.InfernoEffect(this.setRootElementRef, []), new _index.InfernoEffect(this.activeEffect, [this.props._feedbackShowTimeout, this.props.activeStateEnabled, this.props.activeStateUnit, this.props.disabled, this.props.onActive]), new _index.InfernoEffect(this.inactiveEffect, [this.props._feedbackHideTimeout, this.props.activeStateEnabled, this.props.activeStateUnit, this.props.onInactive, this.state.active]), new _index.InfernoEffect(this.clickEffect, [this.props.disabled, this.props.name, this.props.onClick]), new _index.InfernoEffect(this.focusInEffect, [this.props.disabled, this.props.focusStateEnabled, this.props.name, this.props.onFocusIn]), new _index.InfernoEffect(this.focusOutEffect, [this.props.focusStateEnabled, this.props.name, this.props.onFocusOut, this.state.focused]), new _index.InfernoEffect(this.hoverStartEffect, [this.props.activeStateUnit, this.props.disabled, this.props.hoverStateEnabled, this.props.onHoverStart, this.state.active]), new _index.InfernoEffect(this.hoverEndEffect, [this.props.activeStateUnit, this.props.hoverStateEnabled, this.props.onHoverEnd, this.state.hovered]), new _index.InfernoEffect(this.keyboardEffect, [this.props.focusStateEnabled, this.props.onKeyDown]), new _index.InfernoEffect(this.resizeEffect, [this.props.name, this.props.onDimensionChanged]), new _index.InfernoEffect(this.windowResizeEffect, [this.props.onDimensionChanged]), new _index.InfernoEffect(this.visibilityEffect, [this.props.name, this.props.onVisibilityChange]), new _index.InfernoEffect(this.checkDeprecation, [this.props.height, this.props.width]), new _index.InfernoEffect(this.applyCssTextEffect, [this.props.cssText]), (0, _index.createReRenderEffect)()]
                }
                updateEffects() {
                    var _this$_effects$, _this$_effects$2, _this$_effects$3, _this$_effects$4, _this$_effects$5, _this$_effects$6, _this$_effects$7, _this$_effects$8, _this$_effects$9, _this$_effects$0, _this$_effects$1, _this$_effects$10, _this$_effects$11;
                    null === (_this$_effects$ = this._effects[1]) || void 0 === _this$_effects$ || _this$_effects$.update([this.props._feedbackShowTimeout, this.props.activeStateEnabled, this.props.activeStateUnit, this.props.disabled, this.props.onActive]);
                    null === (_this$_effects$2 = this._effects[2]) || void 0 === _this$_effects$2 || _this$_effects$2.update([this.props._feedbackHideTimeout, this.props.activeStateEnabled, this.props.activeStateUnit, this.props.onInactive, this.state.active]);
                    null === (_this$_effects$3 = this._effects[3]) || void 0 === _this$_effects$3 || _this$_effects$3.update([this.props.disabled, this.props.name, this.props.onClick]);
                    null === (_this$_effects$4 = this._effects[4]) || void 0 === _this$_effects$4 || _this$_effects$4.update([this.props.disabled, this.props.focusStateEnabled, this.props.name, this.props.onFocusIn]);
                    null === (_this$_effects$5 = this._effects[5]) || void 0 === _this$_effects$5 || _this$_effects$5.update([this.props.focusStateEnabled, this.props.name, this.props.onFocusOut, this.state.focused]);
                    null === (_this$_effects$6 = this._effects[6]) || void 0 === _this$_effects$6 || _this$_effects$6.update([this.props.activeStateUnit, this.props.disabled, this.props.hoverStateEnabled, this.props.onHoverStart, this.state.active]);
                    null === (_this$_effects$7 = this._effects[7]) || void 0 === _this$_effects$7 || _this$_effects$7.update([this.props.activeStateUnit, this.props.hoverStateEnabled, this.props.onHoverEnd, this.state.hovered]);
                    null === (_this$_effects$8 = this._effects[8]) || void 0 === _this$_effects$8 || _this$_effects$8.update([this.props.focusStateEnabled, this.props.onKeyDown]);
                    null === (_this$_effects$9 = this._effects[9]) || void 0 === _this$_effects$9 || _this$_effects$9.update([this.props.name, this.props.onDimensionChanged]);
                    null === (_this$_effects$0 = this._effects[10]) || void 0 === _this$_effects$0 || _this$_effects$0.update([this.props.onDimensionChanged]);
                    null === (_this$_effects$1 = this._effects[11]) || void 0 === _this$_effects$1 || _this$_effects$1.update([this.props.name, this.props.onVisibilityChange]);
                    null === (_this$_effects$10 = this._effects[12]) || void 0 === _this$_effects$10 || _this$_effects$10.update([this.props.height, this.props.width]);
                    null === (_this$_effects$11 = this._effects[13]) || void 0 === _this$_effects$11 || _this$_effects$11.update([this.props.cssText])
                }
                setRootElementRef() {
                    var _this$widgetElementRe;
                    const {
                        rootElementRef: rootElementRef,
                        onRootElementRendered: onRootElementRendered
                    } = this.props;
                    if (rootElementRef && this.widgetElementRef) {
                        rootElementRef.current = this.widgetElementRef.current
                    }
                    if (null !== this && void 0 !== this && null !== (_this$widgetElementRe = this.widgetElementRef) && void 0 !== _this$widgetElementRe && _this$widgetElementRe.current) {
                        null === onRootElementRendered || void 0 === onRootElementRendered || onRootElementRendered(this.widgetElementRef.current)
                    }
                }
                activeEffect() {
                    const {
                        activeStateEnabled: activeStateEnabled,
                        activeStateUnit: activeStateUnit,
                        disabled: disabled,
                        _feedbackShowTimeout: _feedbackShowTimeout,
                        onActive: onActive
                    } = this.props;
                    const selector = activeStateUnit;
                    if (activeStateEnabled) {
                        if (!disabled) {
                            var _this$widgetElementRe2;
                            return (0, _subscribe_to_event.subscribeToDxActiveEvent)(null === (_this$widgetElementRe2 = this.widgetElementRef) || void 0 === _this$widgetElementRe2 ? void 0 : _this$widgetElementRe2.current, event => {
                                this.setState({
                                    active: true
                                });
                                null === onActive || void 0 === onActive || onActive(event)
                            }, {
                                timeout: _feedbackShowTimeout,
                                selector: selector
                            }, "UIFeedback")
                        }
                    }
                    return
                }
                inactiveEffect() {
                    const {
                        activeStateEnabled: activeStateEnabled,
                        activeStateUnit: activeStateUnit,
                        _feedbackHideTimeout: _feedbackHideTimeout,
                        onInactive: onInactive
                    } = this.props;
                    const selector = activeStateUnit;
                    if (activeStateEnabled) {
                        var _this$widgetElementRe3;
                        return (0, _subscribe_to_event.subscribeToDxInactiveEvent)(null === (_this$widgetElementRe3 = this.widgetElementRef) || void 0 === _this$widgetElementRe3 ? void 0 : _this$widgetElementRe3.current, event => {
                            if (this.state.active) {
                                this.setState({
                                    active: false
                                });
                                null === onInactive || void 0 === onInactive || onInactive(event)
                            }
                        }, {
                            timeout: _feedbackHideTimeout,
                            selector: selector
                        }, "UIFeedback")
                    }
                    return
                }
                clickEffect() {
                    const {
                        name: name,
                        onClick: onClick,
                        disabled: disabled
                    } = this.props;
                    const namespace = name;
                    if (onClick && !disabled) {
                        var _this$widgetElementRe4;
                        _short.dxClick.on(null === (_this$widgetElementRe4 = this.widgetElementRef) || void 0 === _this$widgetElementRe4 ? void 0 : _this$widgetElementRe4.current, onClick, {
                            namespace: namespace
                        });
                        return () => {
                            var _this$widgetElementRe5;
                            return _short.dxClick.off(null === (_this$widgetElementRe5 = this.widgetElementRef) || void 0 === _this$widgetElementRe5 ? void 0 : _this$widgetElementRe5.current, {
                                namespace: namespace
                            })
                        }
                    }
                    return
                }
                focusInEffect() {
                    const {
                        disabled: disabled,
                        focusStateEnabled: focusStateEnabled,
                        name: name,
                        onFocusIn: onFocusIn
                    } = this.props;
                    const namespace = `${name}Focus`;
                    if (focusStateEnabled) {
                        if (!disabled) {
                            var _this$widgetElementRe6;
                            return (0, _subscribe_to_event.subscribeToDxFocusInEvent)(null === (_this$widgetElementRe6 = this.widgetElementRef) || void 0 === _this$widgetElementRe6 ? void 0 : _this$widgetElementRe6.current, event => {
                                if (!event.isDefaultPrevented()) {
                                    this.setState({
                                        focused: true
                                    });
                                    null === onFocusIn || void 0 === onFocusIn || onFocusIn(event)
                                }
                            }, null, namespace)
                        }
                    }
                    return
                }
                focusOutEffect() {
                    const {
                        focusStateEnabled: focusStateEnabled,
                        name: name,
                        onFocusOut: onFocusOut
                    } = this.props;
                    const namespace = `${name}Focus`;
                    if (focusStateEnabled) {
                        var _this$widgetElementRe7;
                        return (0, _subscribe_to_event.subscribeToDxFocusOutEvent)(null === (_this$widgetElementRe7 = this.widgetElementRef) || void 0 === _this$widgetElementRe7 ? void 0 : _this$widgetElementRe7.current, event => {
                            if (!event.isDefaultPrevented() && this.state.focused) {
                                this.setState({
                                    focused: false
                                });
                                null === onFocusOut || void 0 === onFocusOut || onFocusOut(event)
                            }
                        }, null, namespace)
                    }
                    return
                }
                hoverStartEffect() {
                    const {
                        activeStateUnit: activeStateUnit,
                        hoverStateEnabled: hoverStateEnabled,
                        disabled: disabled,
                        onHoverStart: onHoverStart
                    } = this.props;
                    const selector = activeStateUnit;
                    if (hoverStateEnabled) {
                        if (!disabled) {
                            var _this$widgetElementRe8;
                            return (0, _subscribe_to_event.subscribeToDxHoverStartEvent)(null === (_this$widgetElementRe8 = this.widgetElementRef) || void 0 === _this$widgetElementRe8 ? void 0 : _this$widgetElementRe8.current, event => {
                                if (!this.state.active) {
                                    this.setState({
                                        hovered: true
                                    })
                                }
                                null === onHoverStart || void 0 === onHoverStart || onHoverStart(event)
                            }, {
                                selector: selector
                            }, "UIFeedback")
                        }
                    }
                    return
                }
                hoverEndEffect() {
                    const {
                        activeStateUnit: activeStateUnit,
                        hoverStateEnabled: hoverStateEnabled,
                        onHoverEnd: onHoverEnd
                    } = this.props;
                    const selector = activeStateUnit;
                    if (hoverStateEnabled) {
                        var _this$widgetElementRe9;
                        return (0, _subscribe_to_event.subscribeToDxHoverEndEvent)(null === (_this$widgetElementRe9 = this.widgetElementRef) || void 0 === _this$widgetElementRe9 ? void 0 : _this$widgetElementRe9.current, event => {
                            if (this.state.hovered) {
                                this.setState({
                                    hovered: false
                                });
                                null === onHoverEnd || void 0 === onHoverEnd || onHoverEnd(event)
                            }
                        }, {
                            selector: selector
                        }, "UIFeedback")
                    }
                    return
                }
                keyboardEffect() {
                    const {
                        onKeyDown: onKeyDown,
                        focusStateEnabled: focusStateEnabled
                    } = this.props;
                    if (focusStateEnabled && onKeyDown) {
                        var _this$widgetElementRe0, _this$widgetElementRe1;
                        const id = _short.keyboard.on(null === (_this$widgetElementRe0 = this.widgetElementRef) || void 0 === _this$widgetElementRe0 ? void 0 : _this$widgetElementRe0.current, null === (_this$widgetElementRe1 = this.widgetElementRef) || void 0 === _this$widgetElementRe1 ? void 0 : _this$widgetElementRe1.current, e => onKeyDown(e));
                        return () => _short.keyboard.off(id)
                    }
                    return
                }
                resizeEffect() {
                    const namespace = `${this.props.name}VisibilityChange`;
                    const {
                        onDimensionChanged: onDimensionChanged
                    } = this.props;
                    if (onDimensionChanged) {
                        var _this$widgetElementRe10;
                        _short.resize.on(null === (_this$widgetElementRe10 = this.widgetElementRef) || void 0 === _this$widgetElementRe10 ? void 0 : _this$widgetElementRe10.current, onDimensionChanged, {
                            namespace: namespace
                        });
                        return () => {
                            var _this$widgetElementRe11;
                            return _short.resize.off(null === (_this$widgetElementRe11 = this.widgetElementRef) || void 0 === _this$widgetElementRe11 ? void 0 : _this$widgetElementRe11.current, {
                                namespace: namespace
                            })
                        }
                    }
                    return
                }
                windowResizeEffect() {
                    const {
                        onDimensionChanged: onDimensionChanged
                    } = this.props;
                    if (onDimensionChanged) {
                        _resize_callbacks.default.add(onDimensionChanged);
                        return () => {
                            _resize_callbacks.default.remove(onDimensionChanged)
                        }
                    }
                    return
                }
                visibilityEffect() {
                    const {
                        name: name,
                        onVisibilityChange: onVisibilityChange
                    } = this.props;
                    const namespace = `${name}VisibilityChange`;
                    if (onVisibilityChange) {
                        var _this$widgetElementRe12;
                        _short.visibility.on(null === (_this$widgetElementRe12 = this.widgetElementRef) || void 0 === _this$widgetElementRe12 ? void 0 : _this$widgetElementRe12.current, () => onVisibilityChange(true), () => onVisibilityChange(false), {
                            namespace: namespace
                        });
                        return () => {
                            var _this$widgetElementRe13;
                            return _short.visibility.off(null === (_this$widgetElementRe13 = this.widgetElementRef) || void 0 === _this$widgetElementRe13 ? void 0 : _this$widgetElementRe13.current, {
                                namespace: namespace
                            })
                        }
                    }
                    return
                }
                checkDeprecation() {
                    const {
                        width: width,
                        height: height
                    } = this.props;
                    if ((0, _type.isFunction)(width)) {
                        _errors.default.log("W0017", "width")
                    }
                    if ((0, _type.isFunction)(height)) {
                        _errors.default.log("W0017", "height")
                    }
                }
                applyCssTextEffect() {
                    var _this$widgetElementRe14;
                    const {
                        cssText: cssText
                    } = this.props;
                    if (void 0 !== cssText && "" !== cssText && null !== (_this$widgetElementRe14 = this.widgetElementRef) && void 0 !== _this$widgetElementRe14 && _this$widgetElementRe14.current) {
                        this.widgetElementRef.current.style.cssText = cssText
                    }
                }
                getShouldRenderConfigProvider() {
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.props;
                    return (0, _resolve_rtl.resolveRtlEnabledDefinition)(rtlEnabled, this.config)
                }
                getRtlEnabled() {
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.props;
                    return (0, _resolve_rtl.resolveRtlEnabled)(rtlEnabled, this.config)
                }
                getAttributes() {
                    const {
                        aria: aria,
                        disabled: disabled,
                        focusStateEnabled: focusStateEnabled,
                        visible: visible
                    } = this.props;
                    const accessKey = focusStateEnabled && !disabled && this.props.accessKey;
                    const props = Object.assign({}, (0, _extend.extend)({}, accessKey && {
                        accessKey: accessKey
                    }), (args = Object.assign({}, aria, {
                        disabled: disabled,
                        hidden: !visible
                    }), Object.keys(args).reduce((r, key) => {
                        if (args[key]) {
                            return Object.assign({}, r, {
                                ["role" === key || "id" === key ? key : `aria-${key}`]: String(args[key])
                            })
                        }
                        return r
                    }, {})), (0, _extend.extend)({}, this.getRestAttributes(this.props)));
                    var args;
                    return props
                }
                getRestAttributes(props) {
                    const result = Object.assign({}, props);
                    ["_feedbackHideTimeout", "_feedbackShowTimeout", "accessKey", "activeStateEnabled", "activeStateUnit", "addWidgetClass", "aria", "children", "className", "classes", "cssText", "disabled", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "name", "onActive", "onClick", "onDimensionChanged", "onFocusIn", "onFocusOut", "onHoverEnd", "onHoverStart", "onInactive", "onKeyDown", "onRootElementRendered", "onVisibilityChange", "rootElementRef", "rtlEnabled", "tabIndex", "visible", "width"].forEach(exclude => {
                        delete result[exclude]
                    });
                    return result
                }
                getStyles() {
                    const {
                        width: width,
                        height: height
                    } = this.props;
                    const style = this.props.style || {};
                    const computedWidth = (0, _style.normalizeStyleProp)("width", (0, _type.isFunction)(width) ? width() : width);
                    const computedHeight = (0, _style.normalizeStyleProp)("height", (0, _type.isFunction)(height) ? height() : height);
                    return Object.assign({}, style, {
                        height: computedHeight ?? style.height,
                        width: computedWidth ?? style.width
                    })
                }
                getCssClasses() {
                    const {
                        classes: classes,
                        addWidgetClass: addWidgetClass,
                        className: className,
                        disabled: disabled,
                        activeStateEnabled: activeStateEnabled,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        onVisibilityChange: onVisibilityChange,
                        visible: visible
                    } = this.props;
                    const isFocusable = !!focusStateEnabled && !disabled;
                    const isHoverable = !!hoverStateEnabled && !disabled;
                    const canBeActive = !!activeStateEnabled && !disabled;
                    const classesMap = {
                        [WIDGET_CLASS]: !!addWidgetClass,
                        [String(classes)]: !!classes,
                        [String(className)]: !!className,
                        "dx-state-disabled": !!disabled,
                        "dx-state-invisible": !visible,
                        "dx-state-focused": !!this.state.focused && isFocusable,
                        "dx-state-active": !!this.state.active && canBeActive,
                        "dx-state-hover": !!this.state.hovered && isHoverable && !this.state.active,
                        "dx-rtl": !!this.props.rtlEnabled,
                        "dx-visibility-change-handler": !!onVisibilityChange
                    };
                    return (0, _render_utils.combineClasses)(classesMap)
                }
                getTabIndex() {
                    const {
                        focusStateEnabled: focusStateEnabled,
                        disabled: disabled,
                        tabIndex: tabIndex
                    } = this.props;
                    const isFocusable = focusStateEnabled && !disabled;
                    return isFocusable ? tabIndex : void 0
                }
                focus() {
                    var _this$widgetElementRe15;
                    _short.focus.trigger(null === (_this$widgetElementRe15 = this.widgetElementRef) || void 0 === _this$widgetElementRe15 ? void 0 : _this$widgetElementRe15.current)
                }
                blur() {
                    var _this$widgetElementRe16, _this$widgetElementRe17;
                    const activeElement = _dom_adapter.default.getActiveElement(null === (_this$widgetElementRe16 = this.widgetElementRef) || void 0 === _this$widgetElementRe16 ? void 0 : _this$widgetElementRe16.current);
                    if ((null === (_this$widgetElementRe17 = this.widgetElementRef) || void 0 === _this$widgetElementRe17 ? void 0 : _this$widgetElementRe17.current) === activeElement) {
                        activeElement.blur()
                    }
                }
                activate() {
                    this.setState({
                        active: true
                    })
                }
                deactivate() {
                    this.setState({
                        active: false
                    })
                }
                render() {
                    const {
                        hint: hint,
                        children: children
                    } = this.props;
                    const widget = (0, _inferno.normalizeProps)((0, _inferno.createVNode)(1, "div", this.getCssClasses(), children, 0, Object.assign({}, this.getAttributes(), {
                        tabindex: this.getTabIndex(),
                        title: hint,
                        style: this.getStyles()
                    }), null, this.widgetElementRef));
                    return this.getShouldRenderConfigProvider() ? (0, _inferno.createComponentVNode)(2, _config_provider.ConfigProvider, {
                        rtlEnabled: this.getRtlEnabled(),
                        children: widget
                    }) : widget
                }
            }
            exports.Widget = Widget;
            Widget.defaultProps = WidgetDefaultProps
        },
        85690(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SpeechRecognitionAdapter = exports.NOT_SUPPORTED_ERROR = void 0;
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _ui = (e = __webpack_require__( /*! ../../ui/widget/ui.errors */ 35185), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const NOT_SUPPORTED_ERROR = exports.NOT_SUPPORTED_ERROR = "E1065";
            const EVENT_NAMES = ["onresult", "onerror", "onend"];
            exports.SpeechRecognitionAdapter = class {
                constructor(config, events) {
                    this._isListening = false;
                    const window = (0, _window.getWindow)();
                    const SpeechRecognitionConstructor = window.SpeechRecognition || window.webkitSpeechRecognition;
                    if (!SpeechRecognitionConstructor) {
                        _ui.default.log(NOT_SUPPORTED_ERROR);
                        return
                    }
                    this._speechRecognition = new SpeechRecognitionConstructor;
                    this.applyConfig(config);
                    this._attachEvents(events)
                }
                _attachEvents(events) {
                    if (!this._speechRecognition) {
                        return
                    }
                    this._speechRecognition.onstart = () => {
                        this._isListening = true
                    };
                    this._speechRecognition.onend = event => {
                        this._isListening = false;
                        events.onEnd(event)
                    };
                    this._speechRecognition.onresult = events.onResult;
                    this._speechRecognition.onerror = events.onError
                }
                applyConfig() {
                    let config = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
                    Object.entries(config).forEach(_ref => {
                        let [key, value] = _ref;
                        if (this._speechRecognition && !EVENT_NAMES.includes(key)) {
                            this._speechRecognition[key] = value
                        }
                    })
                }
                start() {
                    var _this$_speechRecognit;
                    if (this._isListening) {
                        return
                    }
                    null === (_this$_speechRecognit = this._speechRecognition) || void 0 === _this$_speechRecognit || _this$_speechRecognit.start()
                }
                stop() {
                    var _this$_speechRecognit2;
                    if (!this._isListening) {
                        return
                    }
                    null === (_this$_speechRecognit2 = this._speechRecognition) || void 0 === _this$_speechRecognit2 || _this$_speechRecognit2.stop()
                }
                dispose() {
                    this._speechRecognition = null
                }
                isAvailable() {
                    return Boolean(this._speechRecognition)
                }
            }
        },
        74636(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
            __webpack_require__.r(__webpack_exports__);
            __webpack_require__.d(__webpack_exports__, {
                __esModule: () => _prod_index__WEBPACK_IMPORTED_MODULE_0__.BJ,
                batch: () => _prod_index__WEBPACK_IMPORTED_MODULE_0__.vA,
                computed: () => _prod_index__WEBPACK_IMPORTED_MODULE_0__.EW,
                effect: () => _prod_index__WEBPACK_IMPORTED_MODULE_0__.QZ,
                setupStateManager: () => _prod_index__WEBPACK_IMPORTED_MODULE_0__._3,
                signal: () => _prod_index__WEBPACK_IMPORTED_MODULE_0__.vP,
                untracked: () => _prod_index__WEBPACK_IMPORTED_MODULE_0__.O8
            });
            var _prod_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__( /*! ./prod/index */ 10880)
        },
        10880(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "BJ", {
                value: true
            });
            Object.defineProperty(exports, "vA", {
                enumerable: true,
                get: function() {
                    return _index.batch
                }
            });
            Object.defineProperty(exports, "EW", {
                enumerable: true,
                get: function() {
                    return _index.computed
                }
            });
            Object.defineProperty(exports, "QZ", {
                enumerable: true,
                get: function() {
                    return _index.effect
                }
            });
            exports._3 = void 0;
            Object.defineProperty(exports, "vP", {
                enumerable: true,
                get: function() {
                    return _index.signal
                }
            });
            Object.defineProperty(exports, "O8", {
                enumerable: true,
                get: function() {
                    return _index.untracked
                }
            });
            var _index = __webpack_require__( /*! ./reactive_primitives/index */ 52581);
            exports._3 = () => {}
        },
        52581(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.batch = function(fn) {
                SignalsCore.batch(fn)
            };
            exports.computed = function(fn) {
                return SignalsCore.computed(fn)
            };
            exports.effect = function(fn) {
                return SignalsCore.effect(fn)
            };
            exports.signal = function(initialValue) {
                return SignalsCore.signal(initialValue)
            };
            exports.untracked = function(fn) {
                return SignalsCore.untracked(fn)
            };
            var SignalsCore = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! @preact/signals-core */ 75299))
        },
        52820(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.BindableTemplate = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _remove = __webpack_require__( /*! ../../../common/core/events/remove */ 28630);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _template_base = __webpack_require__( /*! ../../../core/templates/template_base */ 42186);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const watchChanges = function(rawData, watchMethod, fields, fieldsMap, callback) {
                let fieldsDispose;
                const globalDispose = ((data, watchMethod, callback) => watchMethod(() => data, callback))(rawData, watchMethod, dataWithRawFields => {
                    fieldsDispose && fieldsDispose();
                    if ((0, _type.isPrimitive)(dataWithRawFields)) {
                        callback(dataWithRawFields);
                        return
                    }
                    fieldsDispose = function(data, watchMethod, fields, fieldsMap, callback) {
                        const resolvedData = {};
                        const missedFields = fields.slice();
                        const watchHandlers = fields.map(name => {
                            const fieldGetter = fieldsMap[name];
                            return watchMethod(fieldGetter ? () => fieldGetter(data) : () => data[name], value => {
                                resolvedData[name] = value;
                                if (missedFields.length) {
                                    const index = missedFields.indexOf(name);
                                    if (index >= 0) {
                                        missedFields.splice(index, 1)
                                    }
                                }
                                if (!missedFields.length) {
                                    callback(resolvedData)
                                }
                            })
                        });
                        return function() {
                            watchHandlers.forEach(dispose => dispose())
                        }
                    }(dataWithRawFields, watchMethod, fields, fieldsMap, callback)
                });
                return function() {
                    fieldsDispose && fieldsDispose();
                    globalDispose && globalDispose()
                }
            };
            class BindableTemplate extends _template_base.TemplateBase {
                constructor(render, fields, watchMethod, fieldsMap) {
                    super();
                    this._render = render;
                    this._fields = fields;
                    this._fieldsMap = fieldsMap || {};
                    this._watchMethod = watchMethod
                }
                _renderCore(options) {
                    const $container = (0, _renderer.default)(options.container);
                    const dispose = watchChanges(options.model, this._watchMethod, this._fields, this._fieldsMap, data => {
                        $container.empty();
                        this._render($container, data, options.model)
                    });
                    _events_engine.default.on($container, _remove.removeEvent, dispose);
                    return $container.contents()
                }
            }
            exports.BindableTemplate = BindableTemplate
        },
        93971(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ChildDefaultTemplate = void 0;
            var _template_base = __webpack_require__( /*! ../../../core/templates/template_base */ 42186);
            class ChildDefaultTemplate extends _template_base.TemplateBase {
                constructor(name) {
                    super();
                    this.name = name
                }
            }
            exports.ChildDefaultTemplate = ChildDefaultTemplate
        },
        11768(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.EmptyTemplate = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _template_base = __webpack_require__( /*! ../../../core/templates/template_base */ 42186);
            class EmptyTemplate extends _template_base.TemplateBase {
                _renderCore() {
                    return (0, _renderer.default)()
                }
            }
            exports.EmptyTemplate = EmptyTemplate
        },
        88969(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.FunctionTemplate = void 0;
            var _template_base = __webpack_require__( /*! ../../../core/templates/template_base */ 42186);
            var _dom = __webpack_require__( /*! ../../../core/utils/dom */ 86858);
            class FunctionTemplate extends _template_base.TemplateBase {
                constructor(render) {
                    super();
                    this._render = render
                }
                _renderCore(options) {
                    return (0, _dom.normalizeTemplateElement)(this._render(options))
                }
            }
            exports.FunctionTemplate = FunctionTemplate
        },
        52538(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Template = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _template_base = __webpack_require__( /*! ../../../core/templates/template_base */ 42186);
            var _template_engine_registry = __webpack_require__( /*! ../../../core/templates/template_engine_registry */ 35155);
            var _dom = __webpack_require__( /*! ../../../core/utils/dom */ 86858);
            (0, _template_engine_registry.registerTemplateEngine)("default", {
                compile: element => (0, _dom.normalizeTemplateElement)(element),
                render: (template, model, index) => template.clone()
            });
            (0, _template_engine_registry.setTemplateEngine)("default");
            class Template extends _template_base.TemplateBase {
                constructor(element) {
                    super();
                    this._element = element
                }
                _renderCore(options) {
                    const {
                        transclude: transclude
                    } = options;
                    if (!transclude && !this._compiledTemplate) {
                        this._compiledTemplate = (0, _template_engine_registry.getCurrentTemplateEngine)().compile(this._element)
                    }
                    return (0, _renderer.default)("<div>").append(transclude ? this._element : (0, _template_engine_registry.getCurrentTemplateEngine)().render(this._compiledTemplate, options.model, options.index)).contents()
                }
                source() {
                    return (0, _renderer.default)(this._element).clone()
                }
            }
            exports.Template = Template
        },
        31292(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.renderedCallbacks = exports.TemplateBase = void 0;
            var _visibility_change = __webpack_require__( /*! ../../../common/core/events/visibility_change */ 18029);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../../core/errors */ 87129));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/callbacks */ 84718));
            var _dom = __webpack_require__( /*! ../../../core/utils/dom */ 86858);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const renderedCallbacks = exports.renderedCallbacks = (0, _callbacks.default)({
                syncStrategy: true
            });
            exports.TemplateBase = class {
                render(options) {
                    options = options || {};
                    const {
                        onRendered: onRendered
                    } = options;
                    delete options.onRendered;
                    let $result;
                    if (options.renovated && options.transclude && this._element) {
                        $result = (0, _renderer.default)("<div>").append(this._element).contents()
                    } else {
                        $result = this._renderCore(options)
                    }
                    this._ensureResultInContainer($result, options.container);
                    renderedCallbacks.fire($result, options.container);
                    onRendered && onRendered();
                    return $result
                }
                _ensureResultInContainer($result, container) {
                    if (!container) {
                        return
                    }
                    const $container = (0, _renderer.default)(container);
                    const resultInContainer = (0, _dom.contains)($container.get(0), $result.get(0));
                    $container.append($result);
                    if (resultInContainer) {
                        return
                    }
                    const resultInBody = (0, _dom.contains)(_dom_adapter.default.getBody(), $container.get(0));
                    if (!resultInBody) {
                        return
                    }(0, _visibility_change.triggerShownEvent)($result)
                }
                _renderCore() {
                    throw _errors.default.Error("E0001")
                }
            }
        },
        70785(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getCurrentTemplateEngine = function() {
                return currentTemplateEngine
            };
            exports.registerTemplateEngine = function(name, templateEngine) {
                templateEngines[name] = templateEngine
            };
            exports.setTemplateEngine = function(templateEngine) {
                if ((0, _type.isString)(templateEngine)) {
                    currentTemplateEngine = templateEngines[templateEngine];
                    if (!currentTemplateEngine) {
                        throw _errors.default.Error("E0020", templateEngine)
                    }
                } else {
                    currentTemplateEngine = templateEngine
                }
            };
            var _errors = (e = __webpack_require__( /*! ../../../core/errors */ 87129), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            const templateEngines = {};
            let currentTemplateEngine
        },
        72928(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.capitalize = void 0;
            exports.capitalize = str => str.charAt(0).toUpperCase() + str.slice(1)
        },
        46190(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.combineClasses = function(classesMap) {
                return Object.keys(classesMap).filter(p => classesMap[p]).join(" ")
            }
        },
        93147(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.invokeConditionally = function(cancelResult, callback, cancelCallback) {
                const invokeCallback = cancel => {
                    const callbackToInvoke = cancel ? cancelCallback : callback;
                    null === callbackToInvoke || void 0 === callbackToInvoke || callbackToInvoke()
                };
                if ((0, _type.isPromise)(cancelResult)) {
                    cancelResult.then(invokeCallback).catch(callback)
                } else {
                    invokeCallback(Boolean(cancelResult))
                }
            };
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528)
        },
        55594(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.dateUtilsTs = void 0;
            exports.dateUtilsTs = {
                addOffsets: function(date) {
                    for (var _len = arguments.length, offsets = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
                        offsets[_key - 1] = arguments[_key]
                    }
                    const newDateMs = offsets.reduce((result, offset) => result + offset, date.getTime());
                    return new Date(newDateMs)
                },
                isValidDate: date => Boolean(date && !isNaN(new Date(date).valueOf()))
            }
        },
        14136(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Ajax = void 0;
            var _http_request = _interopRequireDefault(__webpack_require__( /*! ../../../core/http_request */ 35688));
            var _ajax_utils = __webpack_require__( /*! ../../../core/utils/ajax_utils */ 28248);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _dependency_injector = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/dependency_injector */ 89656));
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            exports.Ajax = (0, _dependency_injector.default)({
                sendRequest: function(options) {
                    const xhr = _http_request.default.getXhr();
                    const d = new _deferred.Deferred;
                    const result = d.promise();
                    const async = (0, _type.isDefined)(options.async) ? options.async : true;
                    const {
                        dataType: dataType
                    } = options;
                    const timeout = options.timeout || 0;
                    let timeoutId;
                    options.crossDomain = (0, _ajax_utils.isCrossDomain)(options.url);
                    const needScriptEvaluation = "jsonp" === dataType || "script" === dataType;
                    if (void 0 === options.cache) {
                        options.cache = !needScriptEvaluation
                    }
                    const callbackName = (0, _ajax_utils.getJsonpCallbackName)(options);
                    const headers = (0, _ajax_utils.getRequestHeaders)(options);
                    const requestOptions = (0, _ajax_utils.getRequestOptions)(options, headers);
                    const {
                        url: url
                    } = requestOptions;
                    const {
                        parameters: parameters
                    } = requestOptions;
                    if (callbackName) {
                        window[callbackName] = function(data) {
                            d.resolve(data, "success", xhr)
                        }
                    }
                    if (options.crossDomain && needScriptEvaluation) {
                        const reject = function() {
                            d.reject(xhr, "error")
                        };
                        const resolve = function() {
                            if ("jsonp" === dataType) {
                                return
                            }
                            d.resolve(null, "success", xhr)
                        };
                        (0, _ajax_utils.evalCrossDomainScript)(url).then(resolve, reject);
                        return result
                    }
                    if (options.crossDomain && !("withCredentials" in xhr)) {
                        d.reject(xhr, "error");
                        return result
                    }
                    xhr.open((0, _ajax_utils.getMethod)(options), url, async, options.username, options.password);
                    if (async) {
                        xhr.timeout = timeout;
                        timeoutId = function(timeout, xhr) {
                            return timeout && setTimeout(function() {
                                xhr.customStatus = "timeout";
                                xhr.abort()
                            }, timeout)
                        }(timeout, xhr)
                    }
                    xhr.onreadystatechange = function(e) {
                        if (4 === xhr.readyState) {
                            clearTimeout(timeoutId);
                            if (status = xhr.status, status >= 200 && status < 300) {
                                if (function(status) {
                                        return 204 !== status
                                    }(xhr.status)) {
                                    ! function(deferred, xhr, dataType) {
                                        const data = function(xhr) {
                                            return xhr.responseType && "text" !== xhr.responseType || "string" !== typeof xhr.responseText ? xhr.response : xhr.responseText
                                        }(xhr);
                                        switch (dataType) {
                                            case "jsonp":
                                                (0, _ajax_utils.evalScript)(data);
                                                break;
                                            case "script":
                                                (0, _ajax_utils.evalScript)(data);
                                                deferred.resolve(data, "success", xhr);
                                                break;
                                            case "json":
                                                try {
                                                    deferred.resolve(JSON.parse(data), "success", xhr)
                                                } catch (e) {
                                                    deferred.reject(xhr, "parsererror", e)
                                                }
                                                break;
                                            default:
                                                deferred.resolve(data, "success", xhr)
                                        }
                                    }(d, xhr, dataType)
                                } else {
                                    d.resolve(null, "nocontent", xhr)
                                }
                            } else {
                                d.reject(xhr, xhr.customStatus || "error")
                            }
                        }
                        var status
                    };
                    if (options.upload) {
                        xhr.upload.onprogress = options.upload.onprogress;
                        xhr.upload.onloadstart = options.upload.onloadstart;
                        xhr.upload.onabort = options.upload.onabort
                    }
                    if (options.xhrFields) {
                        for (const field in options.xhrFields) {
                            xhr[field] = options.xhrFields[field]
                        }
                    }
                    if ("arraybuffer" === options.responseType) {
                        xhr.responseType = options.responseType
                    }
                    for (const name in headers) {
                        if (Object.prototype.hasOwnProperty.call(headers, name) && (0, _type.isDefined)(headers[name])) {
                            xhr.setRequestHeader(name, headers[name])
                        }
                    }
                    if (options.beforeSend) {
                        options.beforeSend(xhr)
                    }
                    xhr.send(parameters);
                    result.abort = function() {
                        xhr.abort()
                    };
                    return result
                }
            })
        },
        42202(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getJsonpCallbackName = exports.getAcceptHeader = exports.evalScript = exports.evalCrossDomainScript = void 0;
            exports.getMethod = getMethod;
            exports.isCrossDomain = exports.getRequestOptions = exports.getRequestHeaders = void 0;
            var _dom_adapter = (e = __webpack_require__( /*! ../../../core/dom_adapter */ 64960), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            const window = (0, _window.getWindow)();
            const createScript = function(options) {
                const script = _dom_adapter.default.createElement("script");
                for (const name in options) {
                    script[name] = options[name]
                }
                return script
            };
            const appendToHead = function(element) {
                return _dom_adapter.default.getHead().appendChild(element)
            };
            const removeScript = function(scriptNode) {
                scriptNode.parentNode.removeChild(scriptNode)
            };
            exports.evalScript = function(code) {
                const script = createScript({
                    text: code
                });
                appendToHead(script);
                removeScript(script)
            };
            exports.evalCrossDomainScript = function(url) {
                const script = createScript({
                    src: url
                });
                return new Promise((resolve, reject) => {
                    const events = {
                        load: resolve,
                        error: reject
                    };
                    const loadHandler = function(e) {
                        events[e.type]();
                        removeScript(script)
                    };
                    for (const event in events) {
                        _dom_adapter.default.listen(script, event, loadHandler)
                    }
                    appendToHead(script)
                })
            };

            function getMethod(options) {
                return (options.method || "GET").toUpperCase()
            }
            const getAcceptHeader = function(options) {
                const dataType = options.dataType || "*";
                const scriptAccept = "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript";
                const accepts = {
                    "*": "*/*",
                    text: "text/plain",
                    html: "text/html",
                    xml: "application/xml, text/xml",
                    json: "application/json, text/javascript",
                    jsonp: scriptAccept,
                    script: scriptAccept
                };
                (0, _extend.extendFromObject)(accepts, options.accepts, true);
                return accepts[dataType] ? accepts[dataType] + ("*" !== dataType ? ", */*; q=0.01" : "") : accepts["*"]
            };
            exports.getAcceptHeader = getAcceptHeader;
            exports.getRequestHeaders = function(options) {
                const headers = options.headers || {};
                headers["Content-Type"] = headers["Content-Type"] || function(options) {
                    let defaultContentType;
                    if (options.data && !options.upload && "GET" !== getMethod(options)) {
                        defaultContentType = "application/x-www-form-urlencoded;charset=utf-8"
                    }
                    return options.contentType || defaultContentType
                }(options);
                headers.Accept = headers.Accept || getAcceptHeader(options);
                if (!options.crossDomain && !headers["X-Requested-With"]) {
                    headers["X-Requested-With"] = "XMLHttpRequest"
                }
                return headers
            };
            exports.getJsonpCallbackName = function(options) {
                if ("jsonp" === options.dataType) {
                    const random = Math.random().toString().replace(/\D/g, "");
                    const callbackName = options.jsonpCallback || `dxCallback${Date.now()}_${random}`;
                    const callbackParameter = options.jsonp || "callback";
                    options.data = options.data || {};
                    options.data[callbackParameter] = callbackName;
                    return callbackName
                }
            };
            exports.getRequestOptions = function(options, headers) {
                let params = options.data;
                const paramsAlreadyString = "string" === typeof params;
                let url = options.url || window.location.href;
                if (!paramsAlreadyString && !options.cache) {
                    params = params || {};
                    params._ = Date.now()
                }
                if (params && !options.upload) {
                    if (!paramsAlreadyString) {
                        params = function(params) {
                            const result = [];
                            for (const name in params) {
                                let value = params[name];
                                if (void 0 === value) {
                                    continue
                                }
                                if (null === value) {
                                    value = ""
                                }
                                if ("function" === typeof value) {
                                    value = value()
                                }
                                result.push(`${encodeURIComponent(name)}=${encodeURIComponent(value)}`)
                            }
                            return result.join("&")
                        }(params)
                    }
                    if ("GET" === getMethod(options)) {
                        if ("" !== params) {
                            url += (url.indexOf("?") > -1 ? "&" : "?") + params
                        }
                        params = null
                    } else if (headers["Content-Type"] && headers["Content-Type"].indexOf("application/x-www-form-urlencoded") > -1) {
                        params = params.replace(/%20/g, "+")
                    }
                }
                return {
                    url: url,
                    parameters: params
                }
            };
            exports.isCrossDomain = function(url) {
                if (!(0, _window.hasWindow)()) {
                    return true
                }
                let crossDomain = false;
                const originAnchor = _dom_adapter.default.createElement("a");
                const urlAnchor = _dom_adapter.default.createElement("a");
                originAnchor.href = window.location.href;
                try {
                    urlAnchor.href = url;
                    urlAnchor.href = urlAnchor.href;
                    crossDomain = `${originAnchor.protocol}//${originAnchor.host}` !== `${urlAnchor.protocol}//${urlAnchor.host}`
                } catch (e) {
                    crossDomain = true
                }
                return crossDomain
            }
        },
        28601(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.wrapToArray = exports.removeDuplicates = exports.normalizeIndexes = exports.groupBy = exports.getUniqueValues = exports.getIntersection = void 0;
            var _config = (e = __webpack_require__( /*! ../../../core/config */ 66636), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _object = __webpack_require__( /*! ../../../core/utils/object */ 22263);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);

            function createOccurrenceMap(array) {
                return array.reduce((map, value) => {
                    const count = (map.get(value) ?? 0) + 1;
                    map.set(value, count);
                    return map
                }, new Map)
            }
            exports.wrapToArray = function(item) {
                return Array.isArray(item) ? item : [item]
            };
            exports.getUniqueValues = function(values) {
                return [...new Set(values)]
            };
            exports.getIntersection = function(firstArray, secondArray) {
                const toRemoveMap = createOccurrenceMap(secondArray);
                return firstArray.filter(value => {
                    const occurrencesCount = toRemoveMap.get(value);
                    occurrencesCount && toRemoveMap.set(value, occurrencesCount - 1);
                    return occurrencesCount
                })
            };
            exports.removeDuplicates = function() {
                let from = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
                let toRemove = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : [];
                const toRemoveMap = createOccurrenceMap(toRemove);
                return from.filter(value => {
                    const occurrencesCount = toRemoveMap.get(value);
                    occurrencesCount && toRemoveMap.set(value, occurrencesCount - 1);
                    return !occurrencesCount
                })
            };
            exports.normalizeIndexes = function(items, indexPropName, currentItem, needIndexCallback) {
                const indexedItems = {};
                const {
                    useLegacyVisibleIndex: useLegacyVisibleIndex
                } = (0, _config.default)();
                let currentIndex = 0;
                const shouldUpdateIndex = item => !(0, _type.isDefined)(item[indexPropName]) && (!needIndexCallback || needIndexCallback(item));
                items.forEach(item => {
                    const index = item[indexPropName];
                    if (index >= 0) {
                        indexedItems[index] = indexedItems[index] || [];
                        if (item === currentItem) {
                            indexedItems[index].unshift(item)
                        } else {
                            indexedItems[index].push(item)
                        }
                    } else {
                        item[indexPropName] = void 0
                    }
                });
                if (!useLegacyVisibleIndex) {
                    items.forEach(item => {
                        if (shouldUpdateIndex(item)) {
                            while (indexedItems[currentIndex]) {
                                currentIndex++
                            }
                            indexedItems[currentIndex] = [item];
                            currentIndex++
                        }
                    })
                }
                currentIndex = 0;
                (0, _object.orderEach)(indexedItems, function(index, items) {
                    items.forEach(item => {
                        if (index >= 0) {
                            item[indexPropName] = currentIndex++
                        }
                    })
                });
                if (useLegacyVisibleIndex) {
                    items.forEach(item => {
                        if (shouldUpdateIndex(item)) {
                            item[indexPropName] = currentIndex++
                        }
                    })
                }
            };
            exports.groupBy = (array, getGroupName) => array.reduce((groupedResult, item) => {
                const groupName = getGroupName(item);
                groupedResult[groupName] = groupedResult[groupName] ?? [];
                groupedResult[groupName].push(item);
                return groupedResult
            }, {})
        },
        87525(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.isKeysEqual = exports.findChanges = void 0;
            var _console = __webpack_require__( /*! ../../../core/utils/console */ 31951);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _ui = (e = __webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const getKeyWrapper = function(item, getKey) {
                const key = getKey(item);
                if ((0, _type.isObject)(key)) {
                    try {
                        return JSON.stringify(key)
                    } catch (e) {
                        return key
                    }
                }
                return key
            };
            const getSameNewByOld = function(oldItem, newItems, newIndexByKey, getKey) {
                const key = getKeyWrapper(oldItem, getKey);
                return newItems[newIndexByKey[key]]
            };
            exports.isKeysEqual = function(oldKeys, newKeys) {
                if (oldKeys.length !== newKeys.length) {
                    return false
                }
                for (let i = 0; i < newKeys.length; i++) {
                    if (oldKeys[i] !== newKeys[i]) {
                        return false
                    }
                }
                return true
            };
            const mapIndexByKey = function(items, getKey) {
                const indexByKey = {};
                items.forEach((item, index) => {
                    const key = getKeyWrapper(item, getKey);
                    if ((0, _type.isDefined)(indexByKey[String(key)])) {
                        throw _ui.default.Error("E1040", key)
                    }
                    indexByKey[key] = index
                });
                return indexByKey
            };
            exports.findChanges = function(_ref) {
                let {
                    oldItems: oldItems,
                    newItems: newItems,
                    getKey: getKey,
                    isItemEquals: isItemEquals,
                    detectReorders: detectReorders = false
                } = _ref;
                try {
                    const oldIndexByKey = mapIndexByKey(oldItems, getKey);
                    const newIndexByKey = mapIndexByKey(newItems, getKey);
                    let addedCount = 0;
                    let removeCount = 0;
                    const result = [];
                    const itemCount = Math.max(oldItems.length, newItems.length);
                    for (let index = 0; index < itemCount + addedCount; index += 1) {
                        const newItem = newItems[index];
                        const oldNextIndex = index - addedCount + removeCount;
                        const nextOldItem = oldItems[oldNextIndex];
                        const isRemoved = !newItem || nextOldItem && !getSameNewByOld(nextOldItem, newItems, newIndexByKey, getKey);
                        if (isRemoved) {
                            if (nextOldItem) {
                                result.push({
                                    type: "remove",
                                    key: getKey(nextOldItem),
                                    index: index,
                                    oldItem: nextOldItem
                                });
                                removeCount++;
                                index--
                            }
                        } else {
                            const key = getKeyWrapper(newItem, getKey);
                            const oldIndex = oldIndexByKey[key];
                            const oldItem = oldItems[oldIndex];
                            if (!oldItem) {
                                addedCount++;
                                result.push({
                                    type: "insert",
                                    data: newItem,
                                    index: index
                                })
                            } else if (oldIndex === oldNextIndex) {
                                if (!isItemEquals(oldItem, newItem)) {
                                    result.push({
                                        type: "update",
                                        data: newItem,
                                        key: getKey(newItem),
                                        index: index,
                                        oldItem: oldItem
                                    })
                                }
                            } else {
                                if (!detectReorders) {
                                    return
                                }
                                result.push({
                                    type: "remove",
                                    key: getKey(oldItem),
                                    index: oldIndex,
                                    oldItem: oldItem
                                });
                                result.push({
                                    type: "insert",
                                    data: newItem,
                                    index: index
                                });
                                addedCount++;
                                removeCount++
                            }
                        }
                    }
                    if (detectReorders) {
                        const removes = result.filter(r => "remove" === r.type).sort((a, b) => b.index - a.index);
                        const inserts = result.filter(i => "insert" === i.type).sort((a, b) => a.index - b.index);
                        const updates = result.filter(u => "update" === u.type);
                        return [...removes, ...inserts, ...updates]
                    }
                    return result
                } catch (e) {
                    _console.logger.error(e);
                    return
                }
            }
        },
        33436(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.browser = void 0;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            const navigator = (0, _window.getNavigator)();
            const webkitRegExp = /(webkit)[ /]([\w.]+)/;
            const mozillaRegExp = /(mozilla)(?:.*? rv:([\w.]+))/;
            const browserFromUA = ua => {
                ua = ua.toLowerCase();
                const result = {};
                const matches = webkitRegExp.exec(ua) || ua.indexOf("compatible") < 0 && mozillaRegExp.exec(ua) || [];
                let browserName = matches[1];
                let browserVersion = matches[2];
                if ("webkit" === browserName) {
                    result.webkit = true;
                    if (ua.indexOf("chrome") >= 0 || ua.indexOf("crios") >= 0) {
                        browserName = "chrome";
                        browserVersion = /(?:chrome|crios)\/(\d+\.\d+)/.exec(ua);
                        browserVersion = browserVersion && browserVersion[1]
                    } else if (ua.indexOf("fxios") >= 0) {
                        browserName = "mozilla";
                        browserVersion = /fxios\/(\d+\.\d+)/.exec(ua);
                        browserVersion = browserVersion && browserVersion[1]
                    } else if (ua.indexOf("safari") >= 0 && /version|phantomjs/.test(ua)) {
                        browserName = "safari";
                        browserVersion = /(?:version|phantomjs)\/([0-9.]+)/.exec(ua);
                        browserVersion = browserVersion && browserVersion[1]
                    } else {
                        browserName = "unknown";
                        browserVersion = /applewebkit\/([0-9.]+)/.exec(ua);
                        browserVersion = browserVersion && browserVersion[1]
                    }
                }
                if (browserName) {
                    result[browserName] = true;
                    result.version = browserVersion
                }
                return result
            };
            exports.browser = (0, _extend.extend)({
                _fromUA: browserFromUA
            }, browserFromUA(navigator.userAgent))
        },
        58060(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.callOnce = void 0;
            exports.callOnce = function(handler) {
                let result;
                let wrappedHandler = function() {
                    result = handler.apply(this, arguments);
                    wrappedHandler = function() {
                        return result
                    };
                    return result
                };
                return function() {
                    return wrappedHandler.apply(this, arguments)
                }
            }
        },
        63172(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.Callbacks = void 0;
            const Callback = function(options) {
                this._options = options || {};
                this._list = [];
                this._queue = [];
                this._firing = false;
                this._fired = false;
                this._firingIndexes = []
            };
            Callback.prototype._fireCore = function(context, args) {
                const firingIndexes = this._firingIndexes;
                const list = this._list;
                const {
                    stopOnFalse: stopOnFalse
                } = this._options;
                const step = firingIndexes.length;
                for (firingIndexes[step] = 0; firingIndexes[step] < list.length; firingIndexes[step]++) {
                    const result = list[firingIndexes[step]].apply(context, args);
                    if (false === result && stopOnFalse) {
                        break
                    }
                }
                firingIndexes.pop()
            };
            Callback.prototype.add = function(fn) {
                if ("function" === typeof fn && (!this._options.unique || !this.has(fn))) {
                    this._list.push(fn)
                }
                return this
            };
            Callback.prototype.remove = function(fn) {
                const list = this._list;
                const firingIndexes = this._firingIndexes;
                const index = list.indexOf(fn);
                if (index > -1) {
                    list.splice(index, 1);
                    if (this._firing && firingIndexes.length) {
                        for (let step = 0; step < firingIndexes.length; step++) {
                            if (index <= firingIndexes[step]) {
                                firingIndexes[step]--
                            }
                        }
                    }
                }
                return this
            };
            Callback.prototype.has = function(fn) {
                const list = this._list;
                return fn ? list.indexOf(fn) > -1 : !!list.length
            };
            Callback.prototype.empty = function(fn) {
                this._list = [];
                return this
            };
            Callback.prototype.fireWith = function(context, args) {
                const queue = this._queue;
                args = args || [];
                args = args.slice ? args.slice() : args;
                if (this._options.syncStrategy) {
                    this._firing = true;
                    this._fireCore(context, args)
                } else {
                    queue.push([context, args]);
                    if (this._firing) {
                        return
                    }
                    this._firing = true;
                    while (queue.length) {
                        const memory = queue.shift();
                        this._fireCore(memory[0], memory[1])
                    }
                }
                this._firing = false;
                this._fired = true;
                return this
            };
            Callback.prototype.fire = function() {
                this.fireWith(this, arguments)
            };
            Callback.prototype.fired = function() {
                return this._fired
            };
            const Callbacks = function(options) {
                return new Callback(options)
            };
            exports.Callbacks = Callbacks;
            exports.default = Callbacks
        },
        39315(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.uiLayerInitialized = exports.splitPair = exports.pairToObject = exports.normalizeKey = exports.noop = exports.grep = exports.getKeyHash = exports.findBestMatches = exports.executeAsync = exports.escapeRegExp = exports.equalByValue = exports.ensureDefined = exports.denormalizeKey = exports.deferUpdater = exports.deferUpdate = exports.deferRenderer = exports.deferRender = exports.default = exports.asyncNoop = exports.applyServerDecimalSeparator = void 0;
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../../core/config */ 66636));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.uiLayerInitialized = new _deferred.Deferred;
            const ensureDefined = function(value, defaultValue) {
                return (0, _type.isDefined)(value) ? value : defaultValue
            };
            exports.ensureDefined = ensureDefined;
            const executeAsync = function(action, context) {
                const deferred = new _deferred.Deferred;
                const normalizedContext = context || this;
                const task = {
                    promise: deferred.promise(),
                    abort() {
                        clearTimeout(timerId);
                        deferred.rejectWith(normalizedContext)
                    }
                };
                const timerId = (arguments[2] || setTimeout)(function() {
                    const result = action.call(normalizedContext);
                    if (result && result.done && (0, _type.isFunction)(result.done)) {
                        result.done(function() {
                            deferred.resolveWith(normalizedContext)
                        })
                    } else {
                        deferred.resolveWith(normalizedContext)
                    }
                }, "number" === typeof context ? context : 0);
                return task
            };
            exports.executeAsync = executeAsync;
            const delayedFuncs = [];
            const delayedNames = [];
            const delayedDeferreds = [];
            let executingName;
            const deferExecute = function(name, func, deferred) {
                if (executingName && executingName !== name) {
                    delayedFuncs.push(func);
                    delayedNames.push(name);
                    deferred = deferred || new _deferred.Deferred;
                    delayedDeferreds.push(deferred);
                    return deferred
                }
                const oldExecutingName = executingName;
                const currentDelayedCount = delayedDeferreds.length;
                executingName = name;
                let result = func();
                if (!result) {
                    if (delayedDeferreds.length > currentDelayedCount) {
                        result = _deferred.when.apply(this, delayedDeferreds.slice(currentDelayedCount))
                    } else if (deferred) {
                        deferred.resolve()
                    }
                }
                executingName = oldExecutingName;
                if (deferred && result && result.done) {
                    result.done(deferred.resolve).fail(deferred.reject)
                }
                if (!executingName && delayedFuncs.length) {
                    ("render" === delayedNames.shift() ? deferRender : deferUpdate)(delayedFuncs.shift(), delayedDeferreds.shift())
                }
                return result || (0, _deferred.when)()
            };
            const deferRender = function(func, deferred) {
                return deferExecute("render", func, deferred)
            };
            exports.deferRender = deferRender;
            const deferUpdate = function(func, deferred) {
                return deferExecute("update", func, deferred)
            };
            exports.deferUpdate = deferUpdate;
            const deferRenderer = function(func) {
                return function() {
                    const that = this;
                    return deferExecute("render", function() {
                        return func.call(that)
                    })
                }
            };
            exports.deferRenderer = deferRenderer;
            const deferUpdater = function(func) {
                return function() {
                    const that = this;
                    return deferExecute("update", function() {
                        return func.call(that)
                    })
                }
            };
            exports.deferUpdater = deferUpdater;
            const findBestMatches = (targetFilter, items, mapFn) => {
                const bestMatches = [];
                let maxMatchCount = 0;
                (0, _iterator.each)(items, (index, itemSrc) => {
                    let matchCount = 0;
                    const item = mapFn ? mapFn(itemSrc) : itemSrc;
                    (0, _iterator.each)(targetFilter, (paramName, targetValue) => {
                        const value = item[paramName];
                        if (void 0 === value) {
                            return
                        }
                        if (match(value, targetValue)) {
                            matchCount++;
                            return
                        }
                        matchCount = -1;
                        return false
                    });
                    if (matchCount < maxMatchCount) {
                        return
                    }
                    if (matchCount > maxMatchCount) {
                        bestMatches.length = 0;
                        maxMatchCount = matchCount
                    }
                    bestMatches.push(itemSrc)
                });
                return bestMatches
            };
            exports.findBestMatches = findBestMatches;
            const match = function(value, targetValue) {
                if (Array.isArray(value) && Array.isArray(targetValue)) {
                    let mismatch = false;
                    (0, _iterator.each)(value, (index, valueItem) => {
                        if (valueItem !== targetValue[index]) {
                            mismatch = true;
                            return false
                        }
                    });
                    if (mismatch) {
                        return false
                    }
                    return true
                }
                if (value === targetValue) {
                    return true
                }
                return false
            };
            const splitPair = function(raw) {
                switch ((0, _type.type)(raw)) {
                    case "string":
                        return raw.split(/\s+/, 2);
                    case "object":
                        return [raw.x ?? raw.h, raw.y ?? raw.v];
                    case "number":
                        return [raw];
                    case "array":
                        return raw;
                    default:
                        return null
                }
            };
            exports.splitPair = splitPair;
            const normalizeKey = function(id) {
                let key = (0, _type.isString)(id) ? id : id.toString();
                const arr = key.match(/[^a-zA-Z0-9_]/g);
                arr && (0, _iterator.each)(arr, (_, sign) => {
                    key = key.replace(sign, `__${sign.charCodeAt()}__`)
                });
                return key
            };
            exports.normalizeKey = normalizeKey;
            const denormalizeKey = function(key) {
                const arr = key.match(/__\d+__/g);
                arr && arr.forEach(char => {
                    const charCode = parseInt(char.replace("__", ""));
                    key = key.replace(char, String.fromCharCode(charCode))
                });
                return key
            };
            exports.denormalizeKey = denormalizeKey;
            const pairToObject = function(raw, preventRound) {
                const pair = splitPair(raw);
                let h = preventRound ? parseFloat(pair && pair[0]) : parseInt(pair && pair[0], 10);
                let v = preventRound ? parseFloat(pair && pair[1]) : parseInt(pair && pair[1], 10);
                if (!isFinite(h)) {
                    h = 0
                }
                if (!isFinite(v)) {
                    v = h
                }
                return {
                    h: h,
                    v: v
                }
            };
            exports.pairToObject = pairToObject;
            const getKeyHash = function(key) {
                if (key instanceof _guid.default) {
                    return key.toString()
                }
                if ((0, _type.isObject)(key) || Array.isArray(key)) {
                    try {
                        const keyHash = JSON.stringify(key);
                        return "{}" === keyHash ? key : keyHash
                    } catch (e) {
                        return key
                    }
                }
                return key
            };
            exports.getKeyHash = getKeyHash;
            const escapeRegExp = function(string) {
                return string.replace(/[[\]{}\-()*+?.\\^$|\s]/g, "\\$&")
            };
            exports.escapeRegExp = escapeRegExp;
            const applyServerDecimalSeparator = function(value) {
                const separator = (0, _config.default)().serverDecimalSeparator;
                if ((0, _type.isDefined)(value)) {
                    value = value.toString().replace(".", separator)
                }
                return value
            };
            exports.applyServerDecimalSeparator = applyServerDecimalSeparator;
            const noop = function() {};
            exports.noop = noop;
            const asyncNoop = function() {
                return (new _deferred.Deferred).resolve().promise()
            };
            exports.asyncNoop = asyncNoop;
            const grep = function(elements, checkFunction, invert) {
                const result = [];
                let check;
                const expectedCheck = !invert;
                for (let i = 0; i < elements.length; i++) {
                    check = !!checkFunction(elements[i], i);
                    if (check === expectedCheck) {
                        result.push(elements[i])
                    }
                }
                return result
            };
            exports.grep = grep;
            const DEFAULT_EQUAL_BY_VALUE_OPTS = {
                maxDepth: 3,
                strict: true
            };
            const compareByValue = (value1, value2, depth, options) => {
                const {
                    strict: strict,
                    maxDepth: maxDepth
                } = options;
                const comparable1 = (0, _data.toComparable)(value1, true);
                const comparable2 = (0, _data.toComparable)(value2, true);
                const comparisonResult = strict ? comparable1 === comparable2 : comparable1 == comparable2;
                switch (true) {
                    case comparisonResult:
                    case depth >= maxDepth:
                        return true;
                    case (0, _type.isObject)(comparable1) && (0, _type.isObject)(comparable2):
                        return ((object1, object2, depth, options) => {
                            const keys1 = Object.keys(object1);
                            const keys2 = Object.keys(object2);
                            if (keys1.length !== keys2.length) {
                                return false
                            }
                            const keys2Set = new Set(keys2);
                            return !keys1.some(key => !keys2Set.has(key) || !compareByValue(object1[key], object2[key], depth + 1, options))
                        })(comparable1, comparable2, depth, options);
                    case Array.isArray(comparable1) && Array.isArray(comparable2):
                        return ((array1, array2, depth, options) => {
                            if (array1.length !== array2.length) {
                                return false
                            }
                            return !array1.some((item, idx) => !compareByValue(item, array2[idx], depth + 1, Object.assign({}, options, {
                                strict: true
                            })))
                        })(comparable1, comparable2, depth, options);
                    default:
                        return false
                }
            };
            const equalByValue = function(value1, value2) {
                let options = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : DEFAULT_EQUAL_BY_VALUE_OPTS;
                const compareOptions = Object.assign({}, DEFAULT_EQUAL_BY_VALUE_OPTS, options);
                return compareByValue(value1, value2, 0, compareOptions)
            };
            exports.equalByValue = equalByValue;
            exports.default = {
                ensureDefined: ensureDefined,
                executeAsync: executeAsync,
                deferRender: deferRender,
                deferUpdate: deferUpdate,
                deferRenderer: deferRenderer,
                deferUpdater: deferUpdater,
                findBestMatches: findBestMatches,
                splitPair: splitPair,
                normalizeKey: normalizeKey,
                denormalizeKey: denormalizeKey,
                pairToObject: pairToObject,
                getKeyHash: getKeyHash,
                escapeRegExp: escapeRegExp,
                applyServerDecimalSeparator: applyServerDecimalSeparator,
                noop: noop,
                asyncNoop: asyncNoop,
                grep: grep,
                equalByValue: equalByValue
            }
        },
        90834(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.equals = void 0;
            var _dom_adapter = (e = __webpack_require__( /*! ../../../core/dom_adapter */ 64960), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            exports.equals = function(oldValue, newValue) {
                oldValue = (0, _data.toComparable)(oldValue, true);
                newValue = (0, _data.toComparable)(newValue, true);
                if (oldValue && newValue && (0, _type.isRenderer)(oldValue) && (0, _type.isRenderer)(newValue)) {
                    return newValue.is(oldValue)
                }
                const oldValueIsNaN = oldValue !== oldValue;
                const newValueIsNaN = newValue !== newValue;
                if (oldValueIsNaN && newValueIsNaN) {
                    return true
                }
                if (0 === oldValue && 0 === newValue) {
                    return function(oldValue, newValue) {
                        return 1 / oldValue === 1 / newValue
                    }(oldValue, newValue)
                }
                if (null === oldValue || "object" !== typeof oldValue || _dom_adapter.default.isElementNode(oldValue)) {
                    return oldValue === newValue
                }
                return false
            }
        },
        35005(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.logger = exports.default = exports.debug = void 0;
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            const noop = function() {};
            const getConsoleMethod = function(method) {
                if ("undefined" === typeof console || !(0, _type.isFunction)(console[method])) {
                    return noop
                }
                return console[method].bind(console)
            };
            const logger = exports.logger = {
                log: getConsoleMethod("log"),
                info: getConsoleMethod("info"),
                warn: getConsoleMethod("warn"),
                error: getConsoleMethod("error")
            };
            const debug = exports.debug = function() {
                function assert(condition, message) {
                    if (!condition) {
                        throw new Error(message)
                    }
                }
                return {
                    assert: assert,
                    assertParam: function(parameter, message) {
                        assert(null !== parameter && void 0 !== parameter, message)
                    }
                }
            }();
            exports.default = {
                logger: logger,
                debug: debug
            }
        },
        93142(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.toComparable = exports.getPathParts = exports.compileSetter = exports.compileGetter = void 0;
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../../core/class */ 55620));
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../../core/errors */ 87129));
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _object = __webpack_require__( /*! ../../../core/utils/object */ 22263);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _variable_wrapper = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/variable_wrapper */ 40216));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const unwrapVariable = _variable_wrapper.default.unwrap;
            const {
                isWrapped: isWrapped
            } = _variable_wrapper.default;
            const {
                assign: assign
            } = _variable_wrapper.default;
            const getPathParts = function(name) {
                return (expr = name, expr.replace(/\[/g, ".").replace(/\]/g, "")).split(".");
                var expr
            };
            exports.getPathParts = getPathParts;
            const assignPropValue = function(obj, propName, value, options) {
                if ("this" === propName) {
                    throw new _errors.default.Error("E4016")
                }
                const propValue = obj[propName];
                if (options.unwrapObservables && isWrapped(propValue)) {
                    assign(propValue, value)
                } else {
                    obj[propName] = value
                }
            };
            const prepareOptions = function(options) {
                options = options || {};
                options.unwrapObservables = void 0 !== options.unwrapObservables ? options.unwrapObservables : true;
                return options
            };

            function unwrap(value, options) {
                return options.unwrapObservables ? unwrapVariable(value) : value
            }
            const compileGetter = function(expr) {
                if (arguments.length > 1) {
                    expr = [].slice.call(arguments)
                }
                if (!expr || "this" === expr) {
                    return function(obj) {
                        return obj
                    }
                }
                if ("string" === typeof expr) {
                    const path = getPathParts(expr);
                    return function(obj, options) {
                        options = prepareOptions(options);
                        const functionAsIs = options.functionsAsIs;
                        const hasDefaultValue = "defaultValue" in options;
                        let current = unwrap(obj, options);
                        for (let i = 0; i < path.length; i++) {
                            if (!current) {
                                if (null == current && hasDefaultValue) {
                                    return options.defaultValue
                                }
                                break
                            }
                            const pathPart = path[i];
                            if (hasDefaultValue && (0, _type.isObject)(current) && !(pathPart in current)) {
                                return options.defaultValue
                            }
                            let next = unwrap(current[pathPart], options);
                            if (!functionAsIs && (0, _type.isFunction)(next)) {
                                next = next.call(current)
                            }
                            current = next
                        }
                        return current
                    }
                }
                if (Array.isArray(expr)) {
                    return function(getters) {
                        const compiledGetters = {};
                        for (let i = 0, l = getters.length; i < l; i++) {
                            const getter = getters[i];
                            compiledGetters[getter] = compileGetter(getter)
                        }
                        return function(obj, options) {
                            let result;
                            (0, _iterator.each)(compiledGetters, function(name) {
                                const value = this(obj, options);
                                if (void 0 === value) {
                                    return
                                }
                                let current = result || (result = {});
                                const path = name.split(".");
                                const last = path.length - 1;
                                for (let i = 0; i < last; i++) {
                                    const pathItem = path[i];
                                    if (!(pathItem in current)) {
                                        current[pathItem] = {}
                                    }
                                    current = current[pathItem]
                                }
                                current[path[last]] = value
                            });
                            return result
                        }
                    }(expr)
                }
                if ((0, _type.isFunction)(expr)) {
                    return expr
                }
            };
            exports.compileGetter = compileGetter;

            function toLowerCase(value, options) {
                return null !== options && void 0 !== options && options.locale ? value.toLocaleLowerCase(options.locale) : value.toLowerCase()
            }

            function toUpperCase(value, options) {
                return null !== options && void 0 !== options && options.locale ? value.toLocaleUpperCase(options.locale) : value.toUpperCase()
            }
            const ensurePropValueDefined = function(obj, propName, value, options) {
                if ((0, _type.isDefined)(value)) {
                    return value
                }
                const newValue = {};
                assignPropValue(obj, propName, newValue, options);
                return newValue
            };
            exports.compileSetter = function(expr) {
                expr = getPathParts(expr || "this");
                const lastLevelIndex = expr.length - 1;
                return function(obj, value, options) {
                    options = prepareOptions(options);
                    let currentValue = unwrap(obj, options);
                    expr.forEach(function(propertyName, levelIndex) {
                        let propertyValue = function(obj, propName, options) {
                            options = options || {};
                            if ("this" === propName) {
                                return unwrap(obj, options)
                            }
                            return unwrap(obj[propName], options)
                        }(currentValue, propertyName, options);
                        const isPropertyFunc = !options.functionsAsIs && (0, _type.isFunction)(propertyValue) && !isWrapped(propertyValue);
                        if (levelIndex === lastLevelIndex) {
                            if (options.merge && (0, _type.isPlainObject)(value) && (!(0, _type.isDefined)(propertyValue) || (0, _type.isPlainObject)(propertyValue))) {
                                propertyValue = ensurePropValueDefined(currentValue, propertyName, propertyValue, options);
                                (0, _object.deepExtendArraySafe)(propertyValue, value, false, true)
                            } else if (isPropertyFunc) {
                                currentValue[propertyName](value)
                            } else {
                                assignPropValue(currentValue, propertyName, value, options)
                            }
                        } else {
                            propertyValue = ensurePropValueDefined(currentValue, propertyName, propertyValue, options);
                            if (isPropertyFunc) {
                                propertyValue = propertyValue.call(currentValue)
                            }
                            currentValue = propertyValue
                        }
                    })
                }
            };
            exports.toComparable = function(value, caseSensitive) {
                var _options$collatorOpti;
                let options = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
                if (value instanceof Date) {
                    return value.getTime()
                }
                const collatorSensitivity = null === options || void 0 === options || null === (_options$collatorOpti = options.collatorOptions) || void 0 === _options$collatorOpti ? void 0 : _options$collatorOpti.sensitivity;
                if (value && value instanceof _class.default && value.valueOf) {
                    value = value.valueOf()
                } else if ("string" === typeof value && ("base" === collatorSensitivity || "case" === collatorSensitivity)) {
                    const REMOVE_DIACRITICAL_MARKS_REGEXP = /[\u0300-\u036f]/g;
                    if ("base" === collatorSensitivity) {
                        value = toLowerCase(value, options)
                    }
                    value = value.normalize("NFD").replace(REMOVE_DIACRITICAL_MARKS_REGEXP, "")
                }
                const isCaseSensitive = caseSensitive || "case" === collatorSensitivity || "variant" === collatorSensitivity;
                if ("string" === typeof value && !isCaseSensitive) {
                    var _options$locale;
                    value = value.normalize("NFC");
                    const locale = null === options || void 0 === options || null === (_options$locale = options.locale) || void 0 === _options$locale ? void 0 : _options$locale.toLowerCase();
                    const useUpperCase = locale && !!["hy", "el"].find(code => locale === code || locale.startsWith(`${code}-`));
                    return (useUpperCase ? toUpperCase : toLowerCase)(value, options)
                }
                return value
            }
        },
        66570(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.dateUtils = void 0;
            var _date_serialization = (e = __webpack_require__( /*! ../../../core/utils/date_serialization */ 71051), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _inflector = __webpack_require__( /*! ../../../core/utils/inflector */ 53124);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _toMilliseconds = __webpack_require__( /*! ../../utils/toMilliseconds */ 24491);
            const dateUnitIntervals = ["millisecond", "second", "minute", "hour", "day", "week", "month", "quarter", "year"];
            const convertMillisecondsToDateUnits = function(value) {
                let i;
                let dateUnitCount;
                let dateUnitInterval;
                const dateUnitIntervals = ["millisecond", "second", "minute", "hour", "day", "month", "year"];
                const result = {};
                for (i = dateUnitIntervals.length - 1; i >= 0; i--) {
                    dateUnitInterval = dateUnitIntervals[i];
                    dateUnitCount = Math.floor(value / (0, _toMilliseconds.toMilliseconds)(dateUnitInterval));
                    if (dateUnitCount > 0) {
                        result[`${dateUnitInterval}s`] = dateUnitCount;
                        value -= convertDateUnitToMilliseconds(dateUnitInterval, dateUnitCount)
                    }
                }
                return result
            };

            function convertDateUnitToMilliseconds(dateUnit, count) {
                return (0, _toMilliseconds.toMilliseconds)(dateUnit) * count
            }

            function getDateUnitInterval(tickInterval) {
                let maxInterval = -1;
                let i;
                if ((0, _type.isString)(tickInterval)) {
                    return tickInterval
                }
                if ((0, _type.isObject)(tickInterval)) {
                    (0, _iterator.each)(tickInterval, function(key, value) {
                        for (i = 0; i < dateUnitIntervals.length; i++) {
                            if (value && (key === `${dateUnitIntervals[i]}s` || key === dateUnitIntervals[i]) && maxInterval < i) {
                                maxInterval = i
                            }
                        }
                    });
                    return dateUnitIntervals[maxInterval]
                }
                return ""
            }
            const tickIntervalToFormatMap = {
                millisecond: "millisecond",
                second: "longtime",
                minute: "shorttime",
                hour: "shorttime",
                day: "day",
                week: "day",
                month: "month",
                quarter: "quarter",
                year: "year"
            };
            const getQuarter = function(month) {
                return Math.floor(month / 3)
            };
            const getFirstQuarterMonth = function(month) {
                return 3 * getQuarter(month)
            };

            function correctDateWithUnitBeginning(date, dateInterval, withCorrection, firstDayOfWeek) {
                date = new Date(date.getTime());
                const oldDate = new Date(date.getTime());
                let firstQuarterMonth;
                let month;
                const dateUnitInterval = getDateUnitInterval(dateInterval);
                switch (dateUnitInterval) {
                    case "second":
                        date = new Date(1e3 * Math.floor(oldDate.getTime() / 1e3));
                        break;
                    case "minute":
                        date = new Date(6e4 * Math.floor(oldDate.getTime() / 6e4));
                        break;
                    case "hour":
                        date = new Date(36e5 * Math.floor(oldDate.getTime() / 36e5));
                        break;
                    case "year":
                        date.setMonth(0);
                    case "month":
                        date.setDate(1);
                    case "day":
                        date.setHours(0, 0, 0, 0);
                        break;
                    case "week":
                        date = getFirstWeekDate(date, firstDayOfWeek || 0);
                        date.setHours(0, 0, 0, 0);
                        break;
                    case "quarter":
                        firstQuarterMonth = getFirstQuarterMonth(date.getMonth());
                        month = date.getMonth();
                        date.setDate(1);
                        date.setHours(0, 0, 0, 0);
                        if (month !== firstQuarterMonth) {
                            date.setMonth(firstQuarterMonth)
                        }
                }
                if (withCorrection && "hour" !== dateUnitInterval && "minute" !== dateUnitInterval && "second" !== dateUnitInterval) {
                    fixTimezoneGap(oldDate, date)
                }
                return date
            }

            function trimTime(date) {
                return correctDateWithUnitBeginning(date, "day")
            }

            function addDateInterval(value, interval, dir) {
                const result = new Date(value.getTime());
                const intervalObject = (0, _type.isString)(interval) ? getDateIntervalByString(interval.toLowerCase()) : (0, _type.isNumeric)(interval) ? convertMillisecondsToDateUnits(interval) : interval;
                if (intervalObject.years) {
                    result.setFullYear(result.getFullYear() + intervalObject.years * dir)
                }
                if (intervalObject.quarters) {
                    result.setMonth(result.getMonth() + 3 * intervalObject.quarters * dir)
                }
                if (intervalObject.months) {
                    result.setMonth(result.getMonth() + intervalObject.months * dir)
                }
                if (intervalObject.weeks) {
                    result.setDate(result.getDate() + 7 * intervalObject.weeks * dir)
                }
                if (intervalObject.days) {
                    result.setDate(result.getDate() + intervalObject.days * dir)
                }
                if (intervalObject.hours) {
                    result.setTime(result.getTime() + 36e5 * intervalObject.hours * dir)
                }
                if (intervalObject.minutes) {
                    result.setTime(result.getTime() + 6e4 * intervalObject.minutes * dir)
                }
                if (intervalObject.seconds) {
                    result.setTime(result.getTime() + 1e3 * intervalObject.seconds * dir)
                }
                if (intervalObject.milliseconds) {
                    result.setTime(result.getTime() + intervalObject.milliseconds * dir)
                }
                return result
            }
            const addInterval = function(value, interval, isNegative) {
                const dir = isNegative ? -1 : 1;
                return (0, _type.isDate)(value) ? addDateInterval(value, interval, dir) : (0, _math.adjust)(value + interval * dir, interval)
            };

            function getLastMonthDay(date) {
                const resultDate = createDateWithFullYear(date.getFullYear(), date.getMonth() + 1, 0);
                return resultDate.getDate()
            }

            function getDateIntervalByString(intervalString) {
                const result = {};
                switch (intervalString) {
                    case "year":
                        result.years = 1;
                        break;
                    case "month":
                        result.months = 1;
                        break;
                    case "quarter":
                        result.months = 3;
                        break;
                    case "week":
                        result.weeks = 1;
                        break;
                    case "day":
                        result.days = 1;
                        break;
                    case "hour":
                        result.hours = 1;
                        break;
                    case "minute":
                        result.minutes = 1;
                        break;
                    case "second":
                        result.seconds = 1;
                        break;
                    case "millisecond":
                        result.milliseconds = 1
                }
                return result
            }

            function sameDate(date1, date2) {
                return sameMonthAndYear(date1, date2) && date1.getDate() === date2.getDate()
            }

            function sameMonthAndYear(date1, date2) {
                return sameYear(date1, date2) && date1.getMonth() === date2.getMonth()
            }

            function sameYear(date1, date2) {
                return date1 && date2 && date1.getFullYear() === date2.getFullYear()
            }

            function getFirstDecadeInCentury(date) {
                return date && date.getFullYear() - date.getFullYear() % 100
            }

            function getFirstYearInDecade(date) {
                return date && date.getFullYear() - date.getFullYear() % 10
            }

            function getFirstWeekDate(date, firstDayOfWeek) {
                const delta = (date.getDay() - firstDayOfWeek + 7) % 7;
                const result = new Date(date);
                result.setDate(date.getDate() - delta);
                return result
            }

            function getUTCTime(date) {
                return Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())
            }

            function getFirstDateInYear(year) {
                return new Date(year, 0, 1)
            }

            function getLastDateInYear(year) {
                return new Date(year, 11, 31)
            }

            function getDayWeekNumber(date, firstDayOfWeek) {
                let day = date.getDay() - firstDayOfWeek + 1;
                if (day <= 0) {
                    day += 7
                }
                return day
            }

            function normalizeDate(date, min, max) {
                let normalizedDate = date;
                if (!(0, _type.isDefined)(date)) {
                    return date
                }
                if ((0, _type.isDefined)(min) && date < min) {
                    normalizedDate = min
                }
                if ((0, _type.isDefined)(max) && date > max) {
                    normalizedDate = max
                }
                return normalizedDate
            }

            function fixTimezoneGap(oldDate, newDate) {
                if (!(0, _type.isDefined)(oldDate)) {
                    return
                }
                const diff = newDate.getHours() - oldDate.getHours();
                if (0 === diff) {
                    return
                }
                const sign = 1 === diff || -23 === diff ? -1 : 1;
                const trial = new Date(newDate.getTime() + 36e5 * sign);
                if (sign > 0 || trial.getDate() === newDate.getDate()) {
                    newDate.setTime(trial.getTime())
                }
            }

            function getTimezonesDifference(min, max) {
                return 60 * (max.getTimezoneOffset() - min.getTimezoneOffset()) * 1e3
            }
            const createDateWithFullYear = function(year) {
                for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
                    args[_key - 1] = arguments[_key]
                }
                const result = new Date(year, ...args);
                result.setFullYear(year);
                return result
            };
            const dateUtils = exports.dateUtils = {
                dateUnitIntervals: dateUnitIntervals,
                convertMillisecondsToDateUnits: convertMillisecondsToDateUnits,
                dateToMilliseconds: function(tickInterval) {
                    let milliseconds = 0;
                    if ((0, _type.isObject)(tickInterval)) {
                        (0, _iterator.each)(tickInterval, function(key, value) {
                            milliseconds += convertDateUnitToMilliseconds(key.substr(0, key.length - 1), value)
                        })
                    }
                    if ((0, _type.isString)(tickInterval)) {
                        milliseconds = convertDateUnitToMilliseconds(tickInterval, 1)
                    }
                    return milliseconds
                },
                getNextDateUnit: function(unit, withWeeks) {
                    const interval = getDateUnitInterval(unit);
                    switch (interval) {
                        case "millisecond":
                            return "second";
                        case "second":
                            return "minute";
                        case "minute":
                            return "hour";
                        case "hour":
                            return "day";
                        case "day":
                            return withWeeks ? "week" : "month";
                        case "week":
                            return "month";
                        case "month":
                            return "quarter";
                        case "quarter":
                        case "year":
                            return "year";
                        default:
                            return 0
                    }
                },
                convertDateUnitToMilliseconds: convertDateUnitToMilliseconds,
                getDateUnitInterval: getDateUnitInterval,
                getDateFormatByTickInterval: function(tickInterval) {
                    return tickIntervalToFormatMap[getDateUnitInterval(tickInterval)] || ""
                },
                getDatesDifferences: function(date1, date2) {
                    let counter = 0;
                    const differences = {
                        year: date1.getFullYear() !== date2.getFullYear(),
                        month: date1.getMonth() !== date2.getMonth(),
                        day: date1.getDate() !== date2.getDate(),
                        hour: date1.getHours() !== date2.getHours(),
                        minute: date1.getMinutes() !== date2.getMinutes(),
                        second: date1.getSeconds() !== date2.getSeconds(),
                        millisecond: date1.getMilliseconds() !== date2.getMilliseconds()
                    };
                    (0, _iterator.each)(differences, function(key, value) {
                        if (value) {
                            counter++
                        }
                    });
                    if (0 === counter && 0 !== getTimezonesDifference(date1, date2)) {
                        differences.hour = true;
                        counter++
                    }
                    differences.count = counter;
                    return differences
                },
                correctDateWithUnitBeginning: correctDateWithUnitBeginning,
                trimTime: trimTime,
                setToDayEnd: function(date) {
                    const result = trimTime(date);
                    result.setDate(result.getDate() + 1);
                    return new Date(result.getTime() - 1)
                },
                roundDateByStartDayHour: function(date, startDayHour) {
                    const startTime = this.dateTimeFromDecimal(startDayHour);
                    const result = new Date(date);
                    if (date.getHours() === startTime.hours && date.getMinutes() < startTime.minutes || date.getHours() < startTime.hours) {
                        result.setHours(startTime.hours, startTime.minutes, 0, 0)
                    }
                    return result
                },
                dateTimeFromDecimal: function(number) {
                    const hours = Math.floor(number);
                    const minutes = Math.round(number % 1 * 60);
                    return {
                        hours: hours,
                        minutes: minutes
                    }
                },
                addDateInterval: addDateInterval,
                addInterval: addInterval,
                getSequenceByInterval: function(min, max, interval) {
                    const intervals = [];
                    let cur;
                    intervals.push((0, _type.isDate)(min) ? new Date(min.getTime()) : min);
                    cur = min;
                    while (cur < max) {
                        cur = addInterval(cur, interval);
                        intervals.push(cur)
                    }
                    return intervals
                },
                getDateIntervalByString: getDateIntervalByString,
                sameHoursAndMinutes: function(date1, date2) {
                    return date1 && date2 && date1.getHours() === date2.getHours() && date1.getMinutes() === date2.getMinutes()
                },
                sameDate: sameDate,
                sameMonthAndYear: sameMonthAndYear,
                sameMonth: sameMonthAndYear,
                sameYear: sameYear,
                sameDecade: function(date1, date2) {
                    if (!(0, _type.isDefined)(date1) || !(0, _type.isDefined)(date2)) {
                        return false
                    }
                    const startDecadeDate1 = date1.getFullYear() - date1.getFullYear() % 10;
                    const startDecadeDate2 = date2.getFullYear() - date2.getFullYear() % 10;
                    return date1 && date2 && startDecadeDate1 === startDecadeDate2
                },
                sameCentury: function(date1, date2) {
                    if (!(0, _type.isDefined)(date1) || !(0, _type.isDefined)(date2)) {
                        return false
                    }
                    const startCenturyDate1 = date1.getFullYear() - date1.getFullYear() % 100;
                    const startCenturyDate2 = date2.getFullYear() - date2.getFullYear() % 100;
                    return date1 && date2 && startCenturyDate1 === startCenturyDate2
                },
                sameView: function(view, date1, date2) {
                    return dateUtils[(0, _inflector.camelize)(`same ${view}`)](date1, date2)
                },
                sameDatesArrays: (arr1, arr2) => {
                    if (!Array.isArray(arr1) || !Array.isArray(arr2) || arr1.length !== arr2.length) {
                        return false
                    }
                    return arr1.every((date1, index) => {
                        const date2 = arr2[index];
                        if ([date1, date2].some(date => null !== date && !(date instanceof Date))) {
                            return false
                        }
                        if (date1 instanceof Date && date2 instanceof Date) {
                            return sameDate(date1, date2)
                        }
                        return date1 === date2
                    })
                },
                getDifferenceInMonth: function(typeView) {
                    let difference = 1;
                    if ("year" === typeView) {
                        difference = 12
                    }
                    if ("decade" === typeView) {
                        difference = 120
                    }
                    if ("century" === typeView) {
                        difference = 1200
                    }
                    return difference
                },
                getDifferenceInMonthForCells: function(typeView) {
                    let difference = 1;
                    if ("decade" === typeView) {
                        difference = 12
                    }
                    if ("century" === typeView) {
                        difference = 120
                    }
                    return difference
                },
                getFirstYearInDecade: getFirstYearInDecade,
                getFirstDecadeInCentury: getFirstDecadeInCentury,
                getShortDateFormat: function() {
                    return "yyyy/MM/dd"
                },
                getViewFirstCellDate: function(viewType, date) {
                    if ("month" === viewType) {
                        return createDateWithFullYear(date.getFullYear(), date.getMonth(), 1)
                    }
                    if ("year" === viewType) {
                        return createDateWithFullYear(date.getFullYear(), 0, date.getDate())
                    }
                    if ("decade" === viewType) {
                        return createDateWithFullYear(getFirstYearInDecade(date), date.getMonth(), date.getDate())
                    }
                    if ("century" === viewType) {
                        return createDateWithFullYear(getFirstDecadeInCentury(date), date.getMonth(), date.getDate())
                    }
                },
                getViewLastCellDate: function(viewType, date) {
                    if ("month" === viewType) {
                        return createDateWithFullYear(date.getFullYear(), date.getMonth(), getLastMonthDay(date))
                    }
                    if ("year" === viewType) {
                        return createDateWithFullYear(date.getFullYear(), 11, date.getDate())
                    }
                    if ("decade" === viewType) {
                        return createDateWithFullYear(getFirstYearInDecade(date) + 9, date.getMonth(), date.getDate())
                    }
                    if ("century" === viewType) {
                        return createDateWithFullYear(getFirstDecadeInCentury(date) + 90, date.getMonth(), date.getDate())
                    }
                },
                getViewDown: function(typeView) {
                    switch (typeView) {
                        case "century":
                            return "decade";
                        case "decade":
                            return "year";
                        case "year":
                            return "month"
                    }
                },
                getViewUp: function(typeView) {
                    switch (typeView) {
                        case "month":
                            return "year";
                        case "year":
                            return "decade";
                        case "decade":
                            return "century"
                    }
                },
                getLastMonthDay: getLastMonthDay,
                getLastMonthDate: function(date) {
                    let offset = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0;
                    if (!(0, _type.isDefined)(date)) {
                        return
                    }
                    const currentDate = new Date(date.getTime());
                    const month = currentDate.getMonth() + offset;
                    currentDate.setMonth(month);
                    return createDateWithFullYear(currentDate.getFullYear(), month + 1, 0)
                },
                getFirstMonthDate: function(date) {
                    let offset = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0;
                    if (!(0, _type.isDefined)(date)) {
                        return
                    }
                    const currentDate = new Date(date.getTime());
                    const month = currentDate.getMonth() + offset;
                    currentDate.setMonth(month);
                    return createDateWithFullYear(currentDate.getFullYear(), month, 1)
                },
                getFirstWeekDate: getFirstWeekDate,
                getWeekNumber: function getWeekNumber(date, firstDayOfWeek, rule) {
                    const firstWeekDayInYear = getDayWeekNumber(getFirstDateInYear(date.getFullYear()), firstDayOfWeek);
                    const lastWeekDayInYear = getDayWeekNumber(getLastDateInYear(date.getFullYear()), firstDayOfWeek);
                    const daysInFirstWeek = 7 - firstWeekDayInYear + 1;
                    let weekNumber = Math.ceil((function(date) {
                        const ms = getUTCTime(date) - getUTCTime(getFirstDateInYear(date.getFullYear()));
                        return 1 + Math.floor(ms / (0, _toMilliseconds.toMilliseconds)("day"))
                    }(date) - daysInFirstWeek) / 7);
                    switch (rule) {
                        case "fullWeek":
                            if (7 === daysInFirstWeek) {
                                weekNumber += 1
                            }
                            if (0 === weekNumber) {
                                const lastDateInPreviousYear = getLastDateInYear(date.getFullYear() - 1);
                                return getWeekNumber(lastDateInPreviousYear, firstDayOfWeek, rule)
                            }
                            return weekNumber;
                        case "firstDay": {
                            if (daysInFirstWeek > 0) {
                                weekNumber += 1
                            }
                            const isSunday = 7 === firstWeekDayInYear || 7 === lastWeekDayInYear;
                            if (weekNumber > 52 && !isSunday || 54 === weekNumber) {
                                weekNumber = 1
                            }
                            return weekNumber
                        }
                        case "firstFourDays": {
                            if (daysInFirstWeek > 3) {
                                weekNumber += 1
                            }
                            const isThursday = 4 === firstWeekDayInYear || 4 === lastWeekDayInYear;
                            if (weekNumber > 52 && !isThursday) {
                                weekNumber = 1
                            }
                            if (0 === weekNumber) {
                                const lastDateInPreviousYear = getLastDateInYear(date.getFullYear() - 1);
                                return getWeekNumber(lastDateInPreviousYear, firstDayOfWeek, rule)
                            }
                            return weekNumber
                        }
                        default:
                            return weekNumber
                    }
                },
                normalizeDateByWeek: function(date, currentDate) {
                    const differenceInDays = dateUtils.getDatesInterval(date, currentDate, "day");
                    let resultDate = new Date(date);
                    if (differenceInDays >= 6) {
                        resultDate = new Date(resultDate.setDate(resultDate.getDate() + 7))
                    }
                    return resultDate
                },
                getQuarter: getQuarter,
                getFirstQuarterMonth: getFirstQuarterMonth,
                dateInRange: function(date, min, max, format) {
                    if ("date" === format) {
                        min = min && dateUtils.correctDateWithUnitBeginning(min, "day");
                        max = max && dateUtils.correctDateWithUnitBeginning(max, "day");
                        date = date && dateUtils.correctDateWithUnitBeginning(date, "day")
                    }
                    return normalizeDate(date, min, max) === date
                },
                intervalsOverlap: function(options) {
                    const {
                        firstMin: firstMin,
                        firstMax: firstMax,
                        secondMin: secondMin,
                        secondMax: secondMax
                    } = options;
                    return firstMin <= secondMin && secondMin <= firstMax || firstMin > secondMin && firstMin < secondMax || firstMin < secondMax && firstMax > secondMax
                },
                roundToHour: function(date) {
                    const result = new Date(date.getTime());
                    result.setHours(result.getHours() + 1);
                    result.setMinutes(0);
                    return result
                },
                normalizeDate: normalizeDate,
                getViewMinBoundaryDate: function(viewType, date) {
                    const resultDate = createDateWithFullYear(date.getFullYear(), date.getMonth(), 1);
                    if ("month" === viewType) {
                        return resultDate
                    }
                    resultDate.setMonth(0);
                    if ("year" === viewType) {
                        return resultDate
                    }
                    if ("decade" === viewType) {
                        resultDate.setFullYear(getFirstYearInDecade(date))
                    }
                    if ("century" === viewType) {
                        resultDate.setFullYear(getFirstDecadeInCentury(date))
                    }
                    return resultDate
                },
                getViewMaxBoundaryDate: function(viewType, date) {
                    const resultDate = new Date(date);
                    resultDate.setDate(getLastMonthDay(date));
                    if ("month" === viewType) {
                        return resultDate
                    }
                    resultDate.setMonth(11);
                    resultDate.setDate(getLastMonthDay(resultDate));
                    if ("year" === viewType) {
                        return resultDate
                    }
                    if ("decade" === viewType) {
                        resultDate.setFullYear(getFirstYearInDecade(date) + 9)
                    }
                    if ("century" === viewType) {
                        resultDate.setFullYear(getFirstDecadeInCentury(date) + 99)
                    }
                    return resultDate
                },
                fixTimezoneGap: fixTimezoneGap,
                getTimezonesDifference: getTimezonesDifference,
                makeDate: function(date) {
                    return new Date(date)
                },
                getDatesInterval: function(startDate, endDate, intervalUnit) {
                    const delta = endDate.getTime() - startDate.getTime();
                    const millisecondCount = (0, _toMilliseconds.toMilliseconds)(intervalUnit) || 1;
                    return Math.floor(delta / millisecondCount)
                },
                getDatesOfInterval: function(startDate, endDate, step) {
                    const result = [];
                    let currentDate = new Date(startDate.getTime());
                    while (currentDate < endDate) {
                        result.push(new Date(currentDate.getTime()));
                        currentDate = this.addInterval(currentDate, step)
                    }
                    return result
                },
                createDateWithFullYear: createDateWithFullYear,
                getMachineTimezoneName: () => {
                    const hasIntl = "undefined" !== typeof Intl;
                    return hasIntl ? Intl.DateTimeFormat().resolvedOptions().timeZone : null
                },
                getRangesByDates: dates => {
                    const datesInMilliseconds = dates.map(value => correctDateWithUnitBeginning(value, "day").getTime());
                    const sortedDates = datesInMilliseconds.sort((a, b) => a - b);
                    const msInDay = (0, _toMilliseconds.toMilliseconds)("day");
                    const ranges = [];
                    let startDate = sortedDates[0];
                    for (let i = 1; i <= sortedDates.length; ++i) {
                        const nextDate = sortedDates[i];
                        const currentDate = sortedDates[i - 1];
                        const isNewRange = nextDate - currentDate > msInDay;
                        if (isNewRange || i === sortedDates.length) {
                            const range = startDate === sortedDates[i - 1] ? [startDate] : [startDate, sortedDates[i - 1]];
                            const serializedRange = range.map(value => _date_serialization.default.deserializeDate(value));
                            ranges.push(serializedRange);
                            startDate = nextDate
                        }
                    }
                    return ranges
                }
            }
        },
        62897(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.dateSerialization = void 0;
            var _default_date_names = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/default_date_names */ 81179));
            var _date = __webpack_require__( /*! ../../../common/core/localization/ldml/date.formatter */ 86670);
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../../core/config */ 66636));
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ISO_PARTIAL_DATE_PATTERN = /^\d{4,}(-\d{2})?$/;
            const ISO8601_PATTERN = /^(\d{4,})(-)?(\d{2})(-)?(\d{2})(?:T(\d{2})(:)?(\d{2})?(:)?(\d{2}(?:\.(\d{1,3})\d*)?)?)?(Z|([+-])(\d{2})(:)?(\d{2})?)?$/;
            const ISO8601_TIME_PATTERN = /^(\d{2}):(\d{2})(:(\d{2}))?$/;
            const ISO8601_PATTERN_PARTS = ["", "yyyy", "", "MM", "", "dd", "THH", "", "mm", "", "ss", ".SSS"];
            const DATE_SERIALIZATION_PATTERN = /^(\d{4})\/(\d{2})\/(\d{2})$/;
            const dateParser = function(text, skipISO8601Parsing) {
                let result;
                if ((0, _type.isString)(text) && !skipISO8601Parsing) {
                    result = function(text) {
                        let parts = text.match(ISO8601_PATTERN);
                        if (!parts) {
                            parts = text.match(ISO8601_TIME_PATTERN);
                            if (parts) {
                                return new Date(0, 0, 0, getTimePart(parts[1]), getTimePart(parts[2]), getTimePart(parts[4]))
                            }
                            return
                        }
                        const year = getTimePart(parts[1]);
                        const month = --parts[3];
                        const day = parts[5];
                        let timeZoneHour = 0;
                        let timeZoneMinute = 0;
                        const correctYear = d => {
                            year < 100 && d.setFullYear(year);
                            return d
                        };
                        timeZoneHour = getTimePart(parts[14]);
                        timeZoneMinute = getTimePart(parts[16]);
                        if ("-" === parts[13]) {
                            timeZoneHour = -timeZoneHour;
                            timeZoneMinute = -timeZoneMinute
                        }
                        const hour = getTimePart(parts[6]) - timeZoneHour;
                        const minute = getTimePart(parts[8]) - timeZoneMinute;
                        const second = getTimePart(parts[10]);
                        const parseMilliseconds = function(part) {
                            part = part || "";
                            return getTimePart(part) * 10 ** (3 - part.length)
                        };
                        const millisecond = parseMilliseconds(parts[11]);
                        if (parts[12]) {
                            return correctYear(new Date(Date.UTC(year, month, day, hour, minute, second, millisecond)))
                        }
                        return correctYear(new Date(year, month, day, hour, minute, second, millisecond))
                    }(text)
                }
                return result || function(text) {
                    const isDefaultSerializationFormat = "yyyy/MM/dd" === getDateSerializationFormat(text);
                    const parsedValue = !(0, _type.isDate)(text) && Date.parse(text);
                    if (!parsedValue && isDefaultSerializationFormat) {
                        const parts = text.match(DATE_SERIALIZATION_PATTERN);
                        if (parts) {
                            const newDate = new Date(getTimePart(parts[1]), getTimePart(parts[2]), getTimePart(parts[3]));
                            newDate.setFullYear(getTimePart(parts[1]));
                            newDate.setMonth(getTimePart(parts[2]) - 1);
                            newDate.setDate(getTimePart(parts[3]));
                            return newDate
                        }
                    }
                    if (!(0, _type.isNumeric)(parsedValue)) {
                        return text
                    }
                    return function(text) {
                        return ISO_PARTIAL_DATE_PATTERN.test(text)
                    }(text) ? createLocalDateFromUTCTimestamp(parsedValue) : new Date(parsedValue)
                }(text)
            };

            function getTimePart(part) {
                return +part || 0
            }

            function createLocalDateFromUTCTimestamp(timestamp) {
                const utc = new Date(timestamp);
                return new Date(utc.getUTCFullYear(), utc.getUTCMonth(), utc.getUTCDate())
            }
            const getDateSerializationFormat = function(value) {
                if ("number" === typeof value) {
                    return "number"
                }
                if ((0, _type.isString)(value)) {
                    let format;
                    if ((0, _config.default)().forceIsoDateParsing) {
                        format = function(text) {
                            let parts = text.match(ISO8601_PATTERN);
                            let result = "";
                            if (!parts) {
                                parts = text.match(ISO8601_TIME_PATTERN);
                                if (parts) {
                                    return parts[3] ? "HH:mm:ss" : "HH:mm"
                                }
                                return
                            }
                            for (let i = 1; i < ISO8601_PATTERN_PARTS.length; i++) {
                                if (parts[i]) {
                                    result += ISO8601_PATTERN_PARTS[i] || parts[i]
                                }
                            }
                            if ("Z" === parts[12]) {
                                result += "'Z'"
                            }
                            if (parts[14]) {
                                if (parts[15]) {
                                    result += "xxx"
                                } else if (parts[16]) {
                                    result += "xx"
                                } else {
                                    result += "x"
                                }
                            }
                            return result
                        }(value)
                    }
                    if (format) {
                        return format
                    }
                    if (value.includes(":")) {
                        return "yyyy/MM/dd HH:mm:ss"
                    }
                    return "yyyy/MM/dd"
                }
                if (value) {
                    return null
                }
            };
            exports.dateSerialization = {
                createLocalDateFromUTCTimestamp: createLocalDateFromUTCTimestamp,
                dateParser: dateParser,
                deserializeDate: function(value) {
                    if ("number" === typeof value) {
                        return new Date(value)
                    }
                    return dateParser(value, !(0, _config.default)().forceIsoDateParsing)
                },
                serializeDate: function(value, serializationFormat) {
                    if (!serializationFormat) {
                        return value
                    }
                    if (!(0, _type.isDate)(value)) {
                        return null
                    }
                    if ("number" === serializationFormat) {
                        return value && value.valueOf ? value.valueOf() : null
                    }
                    return (0, _date.getFormatter)(serializationFormat, _default_date_names.default)(value)
                },
                getDateSerializationFormat: getDateSerializationFormat
            }
        },
        77117(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Deferred = function() {
                return new DeferredObj
            };
            exports.fromPromise = fromPromise;
            exports.setStrategy = function(value) {
                DeferredObj = value.Deferred;
                whenFunc = value.when
            };
            exports.when = function() {
                return whenFunc.apply(this, arguments)
            };
            var _callbacks = (e = __webpack_require__( /*! ../../../core/utils/callbacks */ 84718), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            const deferredConfig = [{
                method: "resolve",
                handler: "done",
                state: "resolved"
            }, {
                method: "reject",
                handler: "fail",
                state: "rejected"
            }, {
                method: "notify",
                handler: "progress"
            }];
            let DeferredObj = function() {
                const that = this;
                this._state = "pending";
                this._promise = {};
                deferredConfig.forEach(function(config) {
                    const methodName = config.method;
                    this[`${methodName}Callbacks`] = (0, _callbacks.default)();
                    this[methodName] = function() {
                        return this[`${methodName}With`](this._promise, arguments)
                    }.bind(this);
                    this._promise[config.handler] = function(handler) {
                        if (!handler) {
                            return this
                        }
                        const callbacks = that[`${methodName}Callbacks`];
                        if (callbacks.fired()) {
                            handler.apply(that[`${methodName}Context`], that[`${methodName}Args`])
                        } else {
                            callbacks.add(function(context, args) {
                                handler.apply(context, args)
                            })
                        }
                        return this
                    }
                }.bind(this));
                this._promise.always = function(handler) {
                    return this.done(handler).fail(handler)
                };
                this._promise.catch = function(handler) {
                    return this.then(null, handler)
                };
                this._promise.then = function(resolve, reject) {
                    const result = new DeferredObj;
                    ["done", "fail"].forEach(function(method) {
                        const callback = "done" === method ? resolve : reject;
                        this[method](function() {
                            if (!callback) {
                                result["done" === method ? "resolve" : "reject"].apply(this, arguments);
                                return
                            }
                            const callbackResult = callback && callback.apply(this, arguments);
                            if ((0, _type.isDeferred)(callbackResult)) {
                                callbackResult.done(result.resolve).fail(result.reject)
                            } else if ((0, _type.isPromise)(callbackResult)) {
                                callbackResult.then(result.resolve, result.reject)
                            } else {
                                result.resolve.apply(this, (0, _type.isDefined)(callbackResult) ? [callbackResult] : arguments)
                            }
                        })
                    }.bind(this));
                    return result.promise()
                };
                this._promise.state = function() {
                    return that._state
                };
                this._promise.promise = function(args) {
                    return args ? (0, _extend.extend)(args, that._promise) : that._promise
                };
                this._promise.promise(this)
            };
            deferredConfig.forEach(function(config) {
                const methodName = config.method;
                const {
                    state: state
                } = config;
                DeferredObj.prototype[`${methodName}With`] = function(context, args) {
                    const callbacks = this[`${methodName}Callbacks`];
                    if ("pending" === this.state()) {
                        this[`${methodName}Args`] = args;
                        this[`${methodName}Context`] = context;
                        if (state) {
                            this._state = state
                        }
                        callbacks.fire(context, args);
                        if ("pending" !== state) {
                            this.resolveCallbacks.empty();
                            this.rejectCallbacks.empty()
                        }
                    }
                    return this
                }
            });

            function fromPromise(promise, context) {
                if ((0, _type.isDeferred)(promise)) {
                    return promise
                }
                if ((0, _type.isPromise)(promise)) {
                    const d = new DeferredObj;
                    promise.then(function() {
                        d.resolveWith.apply(d, [context].concat([
                            [].slice.call(arguments)
                        ]))
                    }, function() {
                        d.rejectWith.apply(d, [context].concat([
                            [].slice.call(arguments)
                        ]))
                    });
                    return d
                }
                return (new DeferredObj).resolveWith(context, [promise])
            }
            let whenFunc = function() {
                if (1 === arguments.length) {
                    return fromPromise(arguments[0])
                }
                const values = [].slice.call(arguments);
                const contexts = [];
                let resolvedCount = 0;
                const deferred = new DeferredObj;
                const updateState = function(i) {
                    return function(value) {
                        contexts[i] = this;
                        values[i] = arguments.length > 1 ? [].slice.call(arguments) : value;
                        resolvedCount++;
                        if (resolvedCount === values.length) {
                            deferred.resolveWith(contexts, values)
                        }
                    }
                };
                for (let i = 0; i < values.length; i++) {
                    if ((0, _type.isDeferred)(values[i])) {
                        values[i].promise().done(updateState(i)).fail(deferred.reject)
                    } else {
                        resolvedCount++
                    }
                }
                if (resolvedCount === values.length) {
                    deferred.resolveWith(contexts, values)
                }
                return deferred.promise()
            }
        },
        62142(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.injector = function(object) {
                const BaseClass = _class.default.inherit(object);
                let InjectedClass = BaseClass;
                let instance = new InjectedClass(object);
                const initialFields = {};
                const injectFields = function(injectionObject, initial) {
                    (0, _iterator.each)(injectionObject, function(key) {
                        if ((0, _type.isFunction)(instance[key])) {
                            if (initial || !object[key]) {
                                object[key] = function() {
                                    return instance[key].apply(object, arguments)
                                }
                            }
                        } else {
                            if (initial) {
                                initialFields[key] = object[key]
                            }
                            object[key] = instance[key]
                        }
                    })
                };
                injectFields(object, true);
                object.inject = function(injectionObject) {
                    InjectedClass = InjectedClass.inherit(injectionObject);
                    instance = new InjectedClass;
                    injectFields(injectionObject)
                };
                object.resetInjection = function() {
                    (0, _extend.extend)(object, initialFields);
                    InjectedClass = BaseClass;
                    instance = new BaseClass
                };
                return object
            };
            var _class = (e = __webpack_require__( /*! ../../../core/class */ 55620), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528)
        },
        76400(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.resetActiveElement = exports.replaceWith = exports.normalizeTemplateElement = exports.isElementInDom = exports.insertBefore = exports.extractTemplateMarkup = exports.default = exports.createTextElementHiddenCopy = exports.contains = exports.closestCommonParent = exports.clipboardText = exports.clearSelection = void 0;
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const resetActiveElement = () => {
                const activeElement = _dom_adapter.default.getActiveElement();
                if (activeElement && activeElement !== _dom_adapter.default.getBody()) {
                    var _activeElement$blur;
                    null === (_activeElement$blur = activeElement.blur) || void 0 === _activeElement$blur || _activeElement$blur.call(activeElement)
                }
            };
            exports.resetActiveElement = resetActiveElement;
            const clearSelection = () => {
                const selection = window.getSelection();
                if (!selection) {
                    return
                }
                if ("Caret" === selection.type) {
                    return
                }
                if (selection.empty) {
                    selection.empty()
                } else if (selection.removeAllRanges) {
                    try {
                        selection.removeAllRanges()
                    } catch (e) {}
                }
            };
            exports.clearSelection = clearSelection;
            const closestCommonParent = (startTarget, endTarget) => {
                const $startTarget = (0, _renderer.default)(startTarget);
                const $endTarget = (0, _renderer.default)(endTarget);
                if ($startTarget[0] === $endTarget[0]) {
                    return $startTarget[0]
                }
                const $startParents = $startTarget.parents();
                const $endParents = $endTarget.parents();
                const startingParent = Math.min($startParents.length, $endParents.length);
                for (let i = -startingParent; i < 0; i++) {
                    if ($startParents.get(i) === $endParents.get(i)) {
                        return $startParents.get(i)
                    }
                }
            };
            exports.closestCommonParent = closestCommonParent;
            const extractTemplateMarkup = element => {
                element = (0, _renderer.default)(element);
                const templateTag = element.length && element.filter(function() {
                    const $node = (0, _renderer.default)(this);
                    return $node.is("script[type]") && !$node.attr("type").includes("script")
                });
                if (templateTag.length) {
                    return templateTag.eq(0).html()
                }
                element = (0, _renderer.default)("<div>").append(element);
                return element.html()
            };
            exports.extractTemplateMarkup = extractTemplateMarkup;
            const normalizeTemplateElement = element => {
                let $element = (0, _renderer.default)();
                if ((0, _type.isDefined)(element) && (element.nodeType || (0, _type.isRenderer)(element))) {
                    $element = (0, _renderer.default)(element)
                } else if ("object" !== typeof element) {
                    $element = (0, _renderer.default)("<div>").html(element).contents()
                }
                if (1 === $element.length) {
                    if ($element.is("script")) {
                        $element = normalizeTemplateElement($element.html().trim())
                    } else if ($element.is("table")) {
                        $element = $element.children("tbody").contents()
                    }
                }
                return $element
            };
            exports.normalizeTemplateElement = normalizeTemplateElement;
            const clipboardText = (event, text) => {
                const clipboard = event.originalEvent && event.originalEvent.clipboardData || window.clipboardData;
                if (!text) {
                    return clipboard && clipboard.getData("Text")
                }
                clipboard && clipboard.setData("Text", text)
            };
            exports.clipboardText = clipboardText;
            const contains = (container, element) => {
                if (!element) {
                    return false
                }
                if ((0, _type.isWindow)(container)) {
                    return contains(container.document, element)
                }
                return container.contains(element) || contains(container, (element => {
                    if (!element.getRootNode) {
                        return
                    }
                    const {
                        host: host
                    } = element.getRootNode();
                    if ((0, _type.isString)(host)) {
                        return
                    }
                    return host
                })(element))
            };
            exports.contains = contains;
            const createTextElementHiddenCopy = (element, text, options) => {
                const elementStyles = window.getComputedStyle((0, _renderer.default)(element).get(0));
                const includePaddings = options && options.includePaddings;
                return (0, _renderer.default)("<div>").text(text).css({
                    fontStyle: elementStyles.fontStyle,
                    fontVariant: elementStyles.fontVariant,
                    fontWeight: elementStyles.fontWeight,
                    fontSize: elementStyles.fontSize,
                    fontFamily: elementStyles.fontFamily,
                    letterSpacing: elementStyles.letterSpacing,
                    border: elementStyles.border,
                    paddingTop: includePaddings ? elementStyles.paddingTop : "",
                    paddingRight: includePaddings ? elementStyles.paddingRight : "",
                    paddingBottom: includePaddings ? elementStyles.paddingBottom : "",
                    paddingLeft: includePaddings ? elementStyles.paddingLeft : "",
                    visibility: "hidden",
                    whiteSpace: "pre",
                    position: "absolute",
                    float: "left"
                })
            };
            exports.createTextElementHiddenCopy = createTextElementHiddenCopy;
            const insertBefore = (element, newElement) => {
                if (newElement) {
                    _dom_adapter.default.insertElement(element.parentNode, newElement, element)
                }
                return element
            };
            exports.insertBefore = insertBefore;
            const replaceWith = (element, newElement) => {
                if (!(newElement && newElement[0])) {
                    return
                }
                if (newElement.is(element)) {
                    return element
                }(0, _iterator.each)(newElement, (_, currentElement) => {
                    insertBefore(element[0], currentElement)
                });
                element.remove();
                return newElement
            };
            exports.replaceWith = replaceWith;
            const isElementInDom = $element => {
                const element = null === $element || void 0 === $element ? void 0 : $element.get(0);
                const shadowHost = null === element || void 0 === element ? void 0 : element.getRootNode().host;
                return !!(0, _renderer.default)(shadowHost || element).closest((0, _window.getWindow)().document).length
            };
            exports.isElementInDom = isElementInDom;
            exports.default = {
                resetActiveElement: resetActiveElement,
                clearSelection: clearSelection,
                closestCommonParent: closestCommonParent,
                extractTemplateMarkup: extractTemplateMarkup,
                normalizeTemplateElement: normalizeTemplateElement,
                clipboardText: clipboardText,
                contains: contains,
                createTextElementHiddenCopy: createTextElementHiddenCopy,
                insertBefore: insertBefore,
                replaceWith: replaceWith,
                isElementInDom: isElementInDom
            }
        },
        40818(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.error = error;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _string = __webpack_require__( /*! ../../../core/utils/string */ 54497);
            var _version = __webpack_require__( /*! ../../../core/version */ 1956);
            var _m_console = (e = __webpack_require__( /*! ./m_console */ 35005), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const ERROR_URL = `https://js.devexpress.com/error/${_version.version.split(".").slice(0,2).join("_")}/`;

            function error(baseErrors, errors) {
                const exports = {
                    ERROR_MESSAGES: (0, _extend.extend)(errors, baseErrors),
                    Error: function() {
                        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                            args[_key] = arguments[_key]
                        }
                        return function(args) {
                            const id = args[0];
                            args = args.slice(1);
                            const details = formatDetails(id, args);
                            const url = getErrorUrl(id);
                            const message = formatMessage(id, details);
                            return (0, _extend.extend)(new Error(message), {
                                __id: id,
                                __details: details,
                                url: url
                            })
                        }(args)
                    },
                    log() {
                        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
                            args[_key2] = arguments[_key2]
                        }
                        const id = args[0];
                        let method = "log";
                        if (/^E\d+$/.test(id)) {
                            method = "error"
                        } else if (/^W\d+$/.test(id)) {
                            method = "warn"
                        }
                        _m_console.default.logger[method]("log" === method ? id : function(args) {
                            const id = args[0];
                            args = args.slice(1);
                            return formatMessage(id, formatDetails(id, args))
                        }(args))
                    }
                };

                function formatDetails(id, args) {
                    args = [exports.ERROR_MESSAGES[id]].concat(args);
                    return _string.format.apply(this, args).replace(/\.*\s*?$/, "")
                }

                function formatMessage(id, details) {
                    const kind = null !== id && void 0 !== id && id.startsWith("W") ? "warning" : "error";
                    return _string.format.apply(this, ["{0} - {1}.\n\nFor additional information on this {2} message, see: {3}", id, details, kind, getErrorUrl(id)])
                }

                function getErrorUrl(id) {
                    return ERROR_URL + id
                }
                return exports
            }
            exports.default = error
        },
        96298(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.extendFromObject = exports.extend = void 0;
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            exports.extendFromObject = function(target, source, overrideExistingValues) {
                target = target || {};
                for (const prop in source) {
                    if (Object.prototype.hasOwnProperty.call(source, prop)) {
                        const value = source[prop];
                        if (!(prop in target) || overrideExistingValues) {
                            target[prop] = value
                        }
                    }
                }
                return target
            };
            const extend = function(target) {
                target = target || {};
                let i = 1;
                let deep = false;
                if ("boolean" === typeof target) {
                    deep = target;
                    target = arguments[1] || {};
                    i++
                }
                for (; i < arguments.length; i++) {
                    const source = arguments[i];
                    if (null == source) {
                        continue
                    }
                    for (const key in source) {
                        const targetValue = target[key];
                        const sourceValue = source[key];
                        let sourceValueIsArray = false;
                        let clone;
                        if ("__proto__" === key || "constructor" === key || target === sourceValue) {
                            continue
                        }
                        if (deep && sourceValue && ((0, _type.isPlainObject)(sourceValue) || (sourceValueIsArray = Array.isArray(sourceValue)))) {
                            if (sourceValueIsArray) {
                                clone = targetValue && Array.isArray(targetValue) ? targetValue : []
                            } else {
                                clone = targetValue && (0, _type.isPlainObject)(targetValue) ? targetValue : {}
                            }
                            target[key] = extend(deep, clone, sourceValue)
                        } else if (void 0 !== sourceValue) {
                            target[key] = sourceValue
                        }
                    }
                }
                return target
            };
            exports.extend = extend
        },
        25317(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.parseHTML = exports.isTablePart = void 0;
            var _dom_adapter = (e = __webpack_require__( /*! ../../../core/dom_adapter */ 64960), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const isTagName = /<([a-z][^/\0>\x20\t\r\n\f]+)/i;
            const tagWrappers = {
                default: {
                    tagsCount: 0,
                    startTags: "",
                    endTags: ""
                },
                thead: {
                    tagsCount: 1,
                    startTags: "<table>",
                    endTags: "</table>"
                },
                td: {
                    tagsCount: 3,
                    startTags: "<table><tbody><tr>",
                    endTags: "</tr></tbody></table>"
                },
                col: {
                    tagsCount: 2,
                    startTags: "<table><colgroup>",
                    endTags: "</colgroup></table>"
                },
                tr: {
                    tagsCount: 2,
                    startTags: "<table><tbody>",
                    endTags: "</tbody></table>"
                }
            };
            tagWrappers.tbody = tagWrappers.colgroup = tagWrappers.caption = tagWrappers.tfoot = tagWrappers.thead;
            tagWrappers.th = tagWrappers.td;
            exports.parseHTML = function(html) {
                if ("string" !== typeof html) {
                    return null
                }
                const fragment = _dom_adapter.default.createDocumentFragment();
                let container = fragment.appendChild(_dom_adapter.default.createElement("div"));
                const tags = isTagName.exec(html);
                const firstRootTag = null === tags || void 0 === tags ? void 0 : tags[1].toLowerCase();
                const tagWrapper = tagWrappers[firstRootTag] || tagWrappers.default;
                container.innerHTML = tagWrapper.startTags + html + tagWrapper.endTags;
                for (let i = 0; i < tagWrapper.tagsCount; i++) {
                    container = container.lastChild
                }
                return [...container.childNodes]
            };
            exports.isTablePart = function(html) {
                const tags = isTagName.exec(html);
                return tags && tags[1] in tagWrappers
            }
        },
        42463(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getImageSourceType = exports.getImageContainer = exports.ICON_CLASS = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const ICON_CLASS = exports.ICON_CLASS = "dx-icon";
            const getImageSourceType = source => {
                if (!source || "string" !== typeof source) {
                    return false
                }
                if (/^\s*<svg[^>]*>(.|\r?\n)*?<\/svg>\s*$/i.test(source)) {
                    return "svg"
                }
                if (/data:.*base64|\.|[^<\s]\/{1,1}/.test(source)) {
                    return "image"
                }
                if (/^[\w-_]+$/.test(source)) {
                    return "dxIcon"
                }
                if (/^\s?([\w-_:]\s?)+$/.test(source)) {
                    return "fontIcon"
                }
                return false
            };
            exports.getImageSourceType = getImageSourceType;
            exports.getImageContainer = source => {
                switch (getImageSourceType(source)) {
                    case "image":
                        return (0, _renderer.default)("<img>").attr("src", source).addClass(ICON_CLASS);
                    case "fontIcon":
                        return (0, _renderer.default)("<i>").addClass(`${ICON_CLASS} ${source}`);
                    case "dxIcon":
                        return (0, _renderer.default)("<i>").addClass(`${ICON_CLASS} ${ICON_CLASS}-${source}`);
                    case "svg":
                        return (0, _renderer.default)("<i>").addClass(`${ICON_CLASS} dx-svg-icon`).append(source);
                    default:
                        return null
                }
            }
        },
        66122(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.underscore = exports.titleize = exports.humanize = exports.default = exports.dasherize = exports.captionize = exports.camelize = void 0;
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            const _normalize = function(text) {
                if (void 0 === text || null === text) {
                    return ""
                }
                return String(text)
            };
            const _upperCaseFirst = function(text) {
                return _normalize(text).charAt(0).toUpperCase() + text.substr(1)
            };
            const _chop = function(text) {
                return _normalize(text).replace(/([a-z\d])([A-Z])/g, "$1 $2").split(/[\s_-]+/)
            };
            const dasherize = function(text) {
                return (0, _iterator.map)(_chop(text), function(p) {
                    return p.toLowerCase()
                }).join("-")
            };
            exports.dasherize = dasherize;
            const underscore = function(text) {
                return dasherize(text).replace(/-/g, "_")
            };
            exports.underscore = underscore;
            const camelize = function(text, upperFirst) {
                return (0, _iterator.map)(_chop(text), function(p, i) {
                    p = p.toLowerCase();
                    if (upperFirst || i > 0) {
                        p = _upperCaseFirst(p)
                    }
                    return p
                }).join("")
            };
            exports.camelize = camelize;
            const humanize = function(text) {
                return _upperCaseFirst(dasherize(text).replace(/-/g, " "))
            };
            exports.humanize = humanize;
            const titleize = function(text) {
                return (0, _iterator.map)(_chop(text), function(p) {
                    return _upperCaseFirst(p.toLowerCase())
                }).join(" ")
            };
            exports.titleize = titleize;
            const DIGIT_CHARS = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
            const captionize = function(name) {
                const captionList = [];
                let i;
                let char;
                let isPrevCharNewWord = false;
                let isNewWord = false;
                for (i = 0; i < name.length; i++) {
                    char = name.charAt(i);
                    isNewWord = char === char.toUpperCase() && "-" !== char && ")" !== char && "/" !== char || char in DIGIT_CHARS;
                    if ("_" === char || "." === char) {
                        char = " ";
                        isNewWord = true
                    } else if (0 === i) {
                        char = char.toUpperCase();
                        isNewWord = true
                    } else if (!isPrevCharNewWord && isNewWord) {
                        if (captionList.length > 0) {
                            captionList.push(" ")
                        }
                    }
                    captionList.push(char);
                    isPrevCharNewWord = isNewWord
                }
                return captionList.join("")
            };
            exports.captionize = captionize;
            exports.default = {
                dasherize: dasherize,
                underscore: underscore,
                camelize: camelize,
                humanize: humanize,
                titleize: titleize,
                captionize: captionize
            }
        },
        43469(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.hideWave = hideWave;
            exports.render = exports.initConfig = void 0;
            exports.showWave = showWave;
            var _renderer = (e = __webpack_require__( /*! ../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            const initConfig = function() {
                let config = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
                const {
                    useHoldAnimation: useHoldAnimation,
                    waveSizeCoefficient: waveSizeCoefficient,
                    isCentered: isCentered,
                    wavesNumber: wavesNumber
                } = config;
                return {
                    waveSizeCoefficient: waveSizeCoefficient || 2,
                    isCentered: isCentered || false,
                    wavesNumber: wavesNumber || 1,
                    durations: getDurations(useHoldAnimation ?? true)
                }
            };
            exports.initConfig = initConfig;
            exports.render = function(args) {
                const config = initConfig(args);
                return {
                    showWave: showWave.bind(this, config),
                    hideWave: hideWave.bind(this, config)
                }
            };
            const getWaves = function(element, wavesNumber) {
                const inkRipple = function(element) {
                    let result = element.children(".dx-inkripple");
                    if (0 === result.length) {
                        result = (0, _renderer.default)("<div>").addClass("dx-inkripple").appendTo(element)
                    }
                    return result
                }((0, _renderer.default)(element));
                const result = inkRipple.children(".dx-inkripple-wave").toArray();
                for (let i = result.length; i < wavesNumber; i++) {
                    const $currentWave = (0, _renderer.default)("<div>").appendTo(inkRipple).addClass("dx-inkripple-wave");
                    result.push($currentWave[0])
                }
                return (0, _renderer.default)(result)
            };

            function showWave(args, config) {
                const $wave = getWaves(config.element, args.wavesNumber).eq(config.wave || 0);
                args.hidingTimeout && clearTimeout(args.hidingTimeout);
                hideSelectedWave($wave);
                $wave.css(function(args, config) {
                    const element = (0, _renderer.default)(config.element);
                    const elementWidth = (0, _size.getOuterWidth)(element);
                    const elementHeight = (0, _size.getOuterHeight)(element);
                    const elementDiagonal = parseInt(Math.sqrt(elementWidth * elementWidth + elementHeight * elementHeight));
                    const waveSize = Math.min(4e3, parseInt(elementDiagonal * args.waveSizeCoefficient));
                    let left;
                    let top;
                    if (args.isCentered) {
                        left = (elementWidth - waveSize) / 2;
                        top = (elementHeight - waveSize) / 2
                    } else {
                        const {
                            event: event
                        } = config;
                        const position = element.offset();
                        const x = event.pageX - position.left;
                        const y = event.pageY - position.top;
                        left = x - waveSize / 2;
                        top = y - waveSize / 2
                    }
                    return {
                        left: left,
                        top: top,
                        height: waveSize,
                        width: waveSize
                    }
                }(args, config));
                args.showingTimeout = setTimeout(showingWaveHandler.bind(this, args, $wave), 0)
            }

            function showingWaveHandler(args, $wave) {
                const durationCss = `${args.durations.showingScale}ms`;
                $wave.addClass("dx-inkripple-showing").css("transitionDuration", durationCss)
            }

            function getDurations(useHoldAnimation) {
                return {
                    showingScale: useHoldAnimation ? 1e3 : 300,
                    hidingScale: 300,
                    hidingOpacity: 300
                }
            }

            function hideSelectedWave($wave) {
                $wave.removeClass("dx-inkripple-hiding").css("transitionDuration", "")
            }

            function hideWave(args, config) {
                args.showingTimeout && clearTimeout(args.showingTimeout);
                const $wave = getWaves(config.element, config.wavesNumber).eq(config.wave || 0);
                const {
                    durations: durations
                } = args;
                const durationCss = `${durations.hidingScale}ms, ${durations.hidingOpacity}ms`;
                $wave.addClass("dx-inkripple-hiding").removeClass("dx-inkripple-showing").css("transitionDuration", durationCss);
                const animationDuration = Math.max(durations.hidingScale, durations.hidingOpacity);
                args.hidingTimeout = setTimeout(hideSelectedWave.bind(this, $wave), animationDuration)
            }
        },
        26044(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.reverseEach = exports.map = exports.each = void 0;
            exports.map = (values, callback) => {
                if (Array.isArray(values)) {
                    return values.map(callback)
                }
                const result = [];
                for (const key in values) {
                    result.push(callback(values[key], key))
                }
                return result
            };
            exports.each = (values, callback) => {
                if (!values) {
                    return
                }
                if ("length" in values) {
                    for (let i = 0; i < values.length; i++) {
                        if (false === callback.call(values[i], i, values[i])) {
                            break
                        }
                    }
                } else {
                    for (const key in values) {
                        if (false === callback.call(values[key], key, values[key])) {
                            break
                        }
                    }
                }
                return values
            };
            exports.reverseEach = (array, callback) => {
                if (!array || !("length" in array) || 0 === array.length) {
                    return
                }
                for (let i = array.length - 1; i >= 0; i--) {
                    if (false === callback.call(array[i], i, array[i])) {
                        break
                    }
                }
            }
        },
        24574(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Locker = void 0;
            var _errors = (e = __webpack_require__( /*! ../../../core/errors */ 87129), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.Locker = function() {
                const info = {};
                const currentCount = function(lockName) {
                    return info[lockName] || 0
                };
                return {
                    obtain(lockName) {
                        info[lockName] = currentCount(lockName) + 1
                    },
                    release(lockName) {
                        const count = currentCount(lockName);
                        if (count < 1) {
                            throw _errors.default.Error("E0014")
                        }
                        if (1 === count) {
                            delete info[lockName]
                        } else {
                            info[lockName] = count - 1
                        }
                    },
                    locked: lockName => currentCount(lockName) > 0
                }
            }
        },
        80764(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.adjust = function(value, interval) {
                const absValue = Math.abs(value);
                const integerPart = absValue > 1 ? 10 : 0;
                const precision = getPrecision(interval ?? 0) + 2;
                const finalPrecision = precision > 7 ? 15 : 7;
                const [integerValuePart, fractionalValuePart] = value.toString().split(".");
                const sourceValue = value;
                const isExponentValue = (0, _type.isExponential)(value);
                if (isExponentValue) {
                    return function(value, precision) {
                        const expValue = value.toExponential();
                        const [mantissa, _exponent] = expValue.split("e");
                        if (!mantissa.includes(".")) {
                            return parseFloat(expValue)
                        }
                        return parseFloat(value.toPrecision(precision))
                    }(value, finalPrecision)
                }
                if (!fractionalValuePart) {
                    return value
                }
                if ((0, _type.isExponential)(interval)) {
                    const expPrecision = integerValuePart.length + getExponent(interval);
                    return parseFloat(sourceValue.toPrecision(expPrecision))
                }
                const fractionalPart = absValue - Math.floor(absValue);
                const adjustedValue = integerPart + fractionalPart;
                const separatedAdjustedValue = parseFloat(adjustedValue.toPrecision(finalPrecision)).toString().split(".");
                const isIntPartNotChanged = separatedAdjustedValue[0] === integerPart.toString();
                if (isIntPartNotChanged) {
                    return parseFloat(`${integerValuePart}.${separatedAdjustedValue[1]}`)
                }
                return parseFloat(sourceValue.toPrecision(finalPrecision))
            };
            exports.fitIntoRange = void 0;
            exports.getExponent = getExponent;
            exports.getExponentLength = function(value) {
                var _valueString$split$;
                const valueString = value.toString();
                return (null === (_valueString$split$ = valueString.split(".")[1]) || void 0 === _valueString$split$ ? void 0 : _valueString$split$.length) || parseInt(valueString.split("e-")[1], 10) || 0
            };
            exports.getPrecision = getPrecision;
            exports.getRemainderByDivision = function(dividend, divider, digitsCount) {
                if (divider === parseInt(divider, 10)) {
                    return dividend % divider
                }
                const quotient = roundFloatPart(dividend / divider, digitsCount);
                return (quotient - parseInt(quotient, 10)) * divider
            };
            exports.getRoot = getRoot;
            exports.inRange = void 0;
            exports.multiplyInExponentialForm = function(value, exponentShift) {
                const exponentialNotation = function(value) {
                    const parts = value.toExponential().split("e");
                    const mantissa = parseFloat(parts[0]);
                    const exponent = parseInt(parts[1], 10);
                    return {
                        exponent: exponent,
                        mantissa: mantissa
                    }
                }(value);
                return parseFloat(`${exponentialNotation.mantissa}e${exponentialNotation.exponent+exponentShift}`)
            };
            exports.roundFloatPart = roundFloatPart;
            exports.sign = void 0;
            exports.solveCubicEquation = function(a, b, c, d) {
                if (Math.abs(a) < 1e-8) {
                    a = b;
                    b = c;
                    c = d;
                    if (Math.abs(a) < 1e-8) {
                        a = b;
                        b = c;
                        if (Math.abs(a) < 1e-8) {
                            return []
                        }
                        return [-b / a]
                    }
                    const D2 = b * b - 4 * a * c;
                    if (Math.abs(D2) < 1e-8) {
                        return [-b / (2 * a)]
                    }
                    if (D2 > 0) {
                        return [(-b + Math.sqrt(D2)) / (2 * a), (-b - Math.sqrt(D2)) / (2 * a)]
                    }
                    return []
                }
                const p = (3 * a * c - b * b) / (3 * a * a);
                const q = (2 * b * b * b - 9 * a * b * c + 27 * a * a * d) / (27 * a * a * a);
                let roots;
                let u;
                if (Math.abs(p) < 1e-8) {
                    roots = [getRoot(-q, 3)]
                } else if (Math.abs(q) < 1e-8) {
                    roots = [0].concat(p < 0 ? [Math.sqrt(-p), -Math.sqrt(-p)] : [])
                } else {
                    const D3 = q * q / 4 + p * p * p / 27;
                    if (Math.abs(D3) < 1e-8) {
                        roots = [-1.5 * q / p, 3 * q / p]
                    } else if (D3 > 0) {
                        u = getRoot(-q / 2 - Math.sqrt(D3), 3);
                        roots = [u - p / (3 * u)]
                    } else {
                        u = 2 * Math.sqrt(-p / 3);
                        const t = Math.acos(3 * q / p / u) / 3;
                        const k = 2 * Math.PI / 3;
                        roots = [u * Math.cos(t), u * Math.cos(t - k), u * Math.cos(t - 2 * k)]
                    }
                }
                for (let i = 0; i < roots.length; i++) {
                    roots[i] -= b / (3 * a)
                }
                return roots
            };
            exports.trunc = function(value) {
                return Math.trunc ? Math.trunc(value) : value > 0 ? Math.floor(value) : Math.ceil(value)
            };
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            exports.sign = function(value) {
                if (0 === value) {
                    return 0
                }
                return value / Math.abs(value)
            };
            exports.fitIntoRange = function(value, minValue, maxValue) {
                const isMinValueUndefined = !minValue && 0 !== minValue;
                const isMaxValueUndefined = !maxValue && 0 !== maxValue;
                isMinValueUndefined && (minValue = !isMaxValueUndefined ? Math.min(value, maxValue) : value);
                isMaxValueUndefined && (maxValue = !isMinValueUndefined ? Math.max(value, minValue) : value);
                return Math.min(Math.max(value, minValue), maxValue)
            };
            exports.inRange = function(value, minValue, maxValue) {
                return value >= minValue && value <= maxValue
            };

            function getExponent(value) {
                const [_, exponentString] = value.toExponential().split("e");
                return Math.abs(parseInt(exponentString, 10))
            }

            function getPrecision(value) {
                const str = value.toString();
                if (!str.includes(".")) {
                    return 0
                }
                const [_, fractionalPart] = str.split(".");
                const positionOfDelimiter = fractionalPart.indexOf("e");
                return positionOfDelimiter >= 0 ? positionOfDelimiter : fractionalPart.length
            }

            function getRoot(x, n) {
                if (x < 0 && n % 2 !== 1) {
                    return NaN
                }
                const y = Math.abs(x) ** (1 / n);
                return n % 2 === 1 && x < 0 ? -y : y
            }

            function roundFloatPart(value) {
                let digitsCount = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0;
                return parseFloat(value.toFixed(digitsCount))
            }
        },
        86005(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.orderEach = exports.newAssign = exports.legacyAssign = exports.deepExtendArraySafe = exports.clone = void 0;
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _variable_wrapper = (e = __webpack_require__( /*! ../../../core/utils/variable_wrapper */ 40216), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.clone = function() {
                function Clone() {}
                return function(obj) {
                    Clone.prototype = obj;
                    return new Clone
                }
            }();
            exports.orderEach = function(map, func) {
                const keys = [];
                let key;
                let i;
                for (key in map) {
                    if (Object.prototype.hasOwnProperty.call(map, key)) {
                        keys.push(key)
                    }
                }
                keys.sort(function(x, y) {
                    const isNumberX = (0, _type.isNumeric)(x);
                    const isNumberY = (0, _type.isNumeric)(y);
                    if (isNumberX && isNumberY) {
                        return x - y
                    }
                    if (isNumberX && !isNumberY) {
                        return -1
                    }
                    if (!isNumberX && isNumberY) {
                        return 1
                    }
                    if (x < y) {
                        return -1
                    }
                    if (x > y) {
                        return 1
                    }
                    return 0
                });
                for (i = 0; i < keys.length; i++) {
                    key = keys[i];
                    func(key, map[key])
                }
            };
            const getDeepCopyTarget = item => {
                if ((0, _type.isObject)(item)) {
                    if (Array.isArray(item)) {
                        return []
                    }
                    if (!(0, _type.isPlainObject)(item)) {
                        return Object.create(Object.getPrototypeOf(item))
                    }
                    return {}
                }
                return item
            };
            const legacyAssign = function(target, property, value, extendComplexObject, assignByReference, shouldCopyUndefined) {
                if (!assignByReference && _variable_wrapper.default.isWrapped(target[property])) {
                    _variable_wrapper.default.assign(target[property], value)
                } else {
                    target[property] = value
                }
            };
            exports.legacyAssign = legacyAssign;
            const newAssign = function(target, property, value, extendComplexObject, assignByReference, shouldCopyUndefined) {
                const goDeeper = extendComplexObject ? (0, _type.isObject)(target) : (0, _type.isPlainObject)(target);
                if (!assignByReference && _variable_wrapper.default.isWrapped(target[property])) {
                    _variable_wrapper.default.assign(target[property], value)
                } else if (!assignByReference && Array.isArray(value)) {
                    target[property] = value.map(item => deepExtendArraySafe(getDeepCopyTarget(item), item, extendComplexObject, assignByReference, shouldCopyUndefined))
                } else if (!assignByReference && goDeeper) {
                    target[property] = deepExtendArraySafe(getDeepCopyTarget(value), value, extendComplexObject, assignByReference, shouldCopyUndefined, newAssign)
                } else {
                    target[property] = value
                }
            };
            exports.newAssign = newAssign;
            const deepExtendArraySafe = function(target, changes, extendComplexObject, assignByReference, shouldCopyUndefined, useNewAssign) {
                let prevValue;
                let newValue;
                const assignFunc = useNewAssign ? newAssign : legacyAssign;
                for (const name in changes) {
                    prevValue = target[name];
                    newValue = changes[name];
                    if ("__proto__" === name || "constructor" === name || target === newValue) {
                        continue
                    }
                    if ((0, _type.isPlainObject)(newValue)) {
                        const goDeeper = extendComplexObject ? (0, _type.isObject)(prevValue) : (0, _type.isPlainObject)(prevValue);
                        newValue = deepExtendArraySafe(goDeeper ? prevValue : {}, newValue, extendComplexObject, assignByReference, shouldCopyUndefined)
                    }
                    const isDeepCopyArray = Array.isArray(newValue) && !assignByReference;
                    const hasDifferentNewValue = (shouldCopyUndefined || void 0 !== newValue) && prevValue !== newValue || shouldCopyUndefined && void 0 === prevValue;
                    if (isDeepCopyArray || hasDifferentNewValue) {
                        assignFunc(target, name, newValue, extendComplexObject, assignByReference, shouldCopyUndefined)
                    }
                }
                return target
            };
            exports.deepExtendArraySafe = deepExtendArraySafe
        },
        80125(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getDefaultAlignment = exports.getBoundingRect = void 0;
            var _config = (e = __webpack_require__( /*! ../../../core/config */ 66636), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            exports.getDefaultAlignment = isRtlEnabled => {
                const rtlEnabled = isRtlEnabled ?? (0, _config.default)().rtlEnabled;
                return rtlEnabled ? "right" : "left"
            };
            exports.getBoundingRect = element => {
                var _element$getBoundingC;
                if ((0, _type.isWindow)(element)) {
                    return {
                        width: element.outerWidth,
                        height: element.outerHeight
                    }
                }
                return null === (_element$getBoundingC = element.getBoundingClientRect) || void 0 === _element$getBoundingC ? void 0 : _element$getBoundingC.call(element)
            }
        },
        871(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.attachInstanceToElement = function($element, componentInstance, disposeFn) {
                const data = (0, _element_data.data)($element.get(0));
                const name = getName(componentInstance.constructor);
                data[name] = componentInstance;
                if (disposeFn) {
                    _events_engine.default.one($element, _remove.removeEvent, function() {
                        disposeFn.call(componentInstance)
                    })
                }
                if (!data.dxComponents) {
                    data.dxComponents = []
                }
                data.dxComponents.push(name)
            };
            exports.default = void 0;
            exports.getInstanceByElement = function($element, componentClass) {
                const name = getName(componentClass);
                return (0, _element_data.data)($element.get(0), name)
            };
            exports.name = void 0;
            var _events_engine = (e = __webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _remove = __webpack_require__( /*! ../../../common/core/events/remove */ 28630);
            var _element_data = __webpack_require__( /*! ../../../core/element_data */ 74663);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            const componentNames = new WeakMap;
            let nextAnonymousComponent = 0;
            const getName = function(componentClass, newName) {
                if ((0, _type.isDefined)(newName)) {
                    componentNames.set(componentClass, newName);
                    return
                }
                if (!componentNames.has(componentClass)) {
                    const generatedName = "dxPrivateComponent" + nextAnonymousComponent++;
                    componentNames.set(componentClass, generatedName);
                    return generatedName
                }
                return componentNames.get(componentClass)
            };
            exports.name = getName;
            exports.default = {
                name: getName
            }
        },
        52799(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.create = createQueue;
            exports.enqueue = void 0;
            var _errors = (e = __webpack_require__( /*! ../../../core/errors */ 87129), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);

            function createQueue(discardPendingTasks) {
                let _tasks = [];
                let _busy = false;

                function exec() {
                    while (_tasks.length) {
                        _busy = true;
                        const task = _tasks.shift();
                        const result = task();
                        if (void 0 === result) {
                            continue
                        }
                        if (result.then) {
                            (0, _deferred.when)(result).always(exec);
                            return
                        }
                        throw _errors.default.Error("E0015")
                    }
                    _busy = false
                }
                return {
                    add: function(task, removeTaskCallback) {
                        if (!discardPendingTasks) {
                            _tasks.push(task)
                        } else {
                            if (_tasks[0] && removeTaskCallback) {
                                removeTaskCallback(_tasks[0])
                            }
                            _tasks = [task]
                        }
                        if (!_busy) {
                            exec()
                        }
                    },
                    busy: function() {
                        return _busy
                    }
                }
            }
            exports.enqueue = createQueue().add
        },
        18344(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.readyCallbacksModule = exports.default = void 0;
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _call_once = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/call_once */ 13630));
            var _dependency_injector = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/dependency_injector */ 89656));
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            let callbacks = [];
            const subscribeReady = (0, _call_once.default)(() => {
                const removeListener = _dom_adapter.default.listen(_dom_adapter.default.getDocument(), "DOMContentLoaded", () => {
                    readyCallbacks.fire();
                    removeListener()
                })
            });
            const readyCallbacks = {
                add: callback => {
                    const windowExists = (0, _window.hasWindow)();
                    if (windowExists && "loading" !== _dom_adapter.default.getReadyState()) {
                        callback()
                    } else {
                        callbacks.push(callback);
                        windowExists && subscribeReady()
                    }
                },
                fire: () => {
                    callbacks.forEach(callback => callback());
                    callbacks = []
                }
            };
            const readyCallbacksModule = exports.readyCallbacksModule = (0, _dependency_injector.default)(readyCallbacks);
            exports.default = readyCallbacksModule
        },
        33717(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.resizeCallbacks = exports.default = void 0;
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _call_once = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/call_once */ 13630));
            var _m_callbacks = _interopRequireDefault(__webpack_require__( /*! ./m_callbacks */ 63172));
            var _m_ready_callbacks = _interopRequireDefault(__webpack_require__( /*! ./m_ready_callbacks */ 18344));
            var _m_window = _interopRequireDefault(__webpack_require__( /*! ./m_window */ 14470));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const resizeCallbacks = exports.resizeCallbacks = function() {
                let prevSize;
                const callbacks = (0, _m_callbacks.default)();
                const originalCallbacksAdd = callbacks.add;
                const originalCallbacksRemove = callbacks.remove;
                if (!_m_window.default.hasWindow()) {
                    return callbacks
                }
                const formatSize = function() {
                    const window = _m_window.default.getWindow();
                    return {
                        width: window.innerWidth,
                        height: window.innerHeight
                    }
                };
                const handleResize = function() {
                    const now = formatSize();
                    if (now.width === prevSize.width && now.height === prevSize.height) {
                        return
                    }
                    let changedDimension;
                    if (now.width === prevSize.width) {
                        changedDimension = "height"
                    }
                    if (now.height === prevSize.height) {
                        changedDimension = "width"
                    }
                    prevSize = now;
                    callbacks.fire(changedDimension)
                };
                const setPrevSize = (0, _call_once.default)(function() {
                    prevSize = formatSize()
                });
                let removeListener;
                callbacks.add = function() {
                    const result = originalCallbacksAdd.apply(callbacks, arguments);
                    setPrevSize();
                    _m_ready_callbacks.default.add(function() {
                        if (!removeListener && callbacks.has()) {
                            removeListener = _dom_adapter.default.listen(_m_window.default.getWindow(), "resize", handleResize)
                        }
                    });
                    return result
                };
                callbacks.remove = function() {
                    const result = originalCallbacksRemove.apply(callbacks, arguments);
                    if (!callbacks.has() && removeListener) {
                        removeListener();
                        removeListener = void 0
                    }
                    return result
                };
                return callbacks
            }();
            exports.default = resizeCallbacks
        },
        67135(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SelectionFilterCreator = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            exports.SelectionFilterCreator = function(selectedItemKeys, isSelectAll) {
                this.getLocalFilter = function(keyGetter, equalKeys, equalByReference, keyExpr) {
                    equalKeys = void 0 === equalKeys ? _common.equalByValue : equalKeys;
                    return functionFilter.bind(this, equalKeys, keyGetter, equalByReference, keyExpr)
                };
                this.getExpr = function(keyExpr) {
                    if (!keyExpr) {
                        return
                    }
                    let filterExpr;
                    selectedItemKeys.forEach(function(key, index) {
                        filterExpr = filterExpr || [];
                        let filterExprPart;
                        if (index > 0) {
                            filterExpr.push(isSelectAll ? "and" : "or")
                        }
                        if ((0, _type.isString)(keyExpr) || (0, _type.isFunction)(keyExpr)) {
                            filterExprPart = getFilterForPlainKey(keyExpr, key)
                        } else {
                            filterExprPart = function(keyExpr, itemKeyValue) {
                                const filterExpr = [];
                                for (let i = 0, {
                                        length: length
                                    } = keyExpr; i < length; i++) {
                                    const currentKeyExpr = keyExpr[i];
                                    const keyValueGetter = (0, _data.compileGetter)(currentKeyExpr);
                                    const currentKeyValue = itemKeyValue && keyValueGetter(itemKeyValue);
                                    const filterExprPart = getFilterForPlainKey(currentKeyExpr, currentKeyValue);
                                    if (!filterExprPart) {
                                        break
                                    }
                                    if (i > 0) {
                                        filterExpr.push(isSelectAll ? "or" : "and")
                                    }
                                    filterExpr.push(filterExprPart)
                                }
                                return filterExpr
                            }(keyExpr, key)
                        }
                        filterExpr.push(filterExprPart)
                    });
                    if (filterExpr && 1 === filterExpr.length) {
                        filterExpr = filterExpr[0]
                    }
                    return filterExpr
                };
                this.getCombinedFilter = function(keyExpr, dataSourceFilter) {
                    let forceCombinedFilter = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : false;
                    const filterExpr = this.getExpr(keyExpr);
                    let combinedFilter = filterExpr;
                    if ((forceCombinedFilter || isSelectAll) && dataSourceFilter) {
                        if (filterExpr) {
                            combinedFilter = [];
                            combinedFilter.push(filterExpr);
                            combinedFilter.push(dataSourceFilter)
                        } else {
                            combinedFilter = dataSourceFilter
                        }
                    }
                    return combinedFilter
                };
                let selectedItemKeyHashesMap;
                const getSelectedItemKeyHashesMap = function(keyOf, keyExpr) {
                    if (!selectedItemKeyHashesMap) {
                        selectedItemKeyHashesMap = {};
                        const normalizedKeys = normalizeKeys(selectedItemKeys, keyOf, keyExpr);
                        for (let i = 0; i < normalizedKeys.length; i++) {
                            selectedItemKeyHashesMap[(0, _common.getKeyHash)(normalizedKeys[i])] = true
                        }
                    }
                    return selectedItemKeyHashesMap
                };
                const normalizeKeys = function(keys, keyOf, keyExpr) {
                    return Array.isArray(keyExpr) ? keys.map(key => keyOf(key)) : keys
                };

                function functionFilter(equalKeys, keyOf, equalByReference, keyExpr, item) {
                    const key = keyOf(item);
                    let keyHash;
                    let i;
                    if (!equalByReference) {
                        keyHash = (0, _common.getKeyHash)(key);
                        if (!(0, _type.isObject)(keyHash)) {
                            const selectedKeyHashesMap = getSelectedItemKeyHashesMap(keyOf, keyExpr);
                            if (selectedKeyHashesMap[keyHash]) {
                                return !isSelectAll
                            }
                            return !!isSelectAll
                        }
                    }
                    for (i = 0; i < selectedItemKeys.length; i++) {
                        if (equalKeys(selectedItemKeys[i], key)) {
                            return !isSelectAll
                        }
                    }
                    return !!isSelectAll
                }

                function getFilterForPlainKey(keyExpr, keyValue) {
                    if (void 0 === keyValue) {
                        return
                    }
                    return [keyExpr, isSelectAll ? "<>" : "=", keyValue]
                }
            }
        },
        62238(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.tabbable = exports.focused = exports.focusable = exports.default = void 0;
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const focusableFn = (element, tabIndex) => {
                if (! function(element) {
                        const $element = (0, _renderer.default)(element);
                        return $element.is(":visible") && "hidden" !== $element.css("visibility") && "hidden" !== $element.parents().css("visibility")
                    }(element)) {
                    return false
                }
                const nodeName = element.nodeName.toLowerCase();
                const isTabIndexNotNaN = !isNaN(tabIndex);
                const isDisabled = element.disabled;
                const isDefaultFocus = /^(input|select|textarea|button|object|iframe)$/.test(nodeName);
                const isHyperlink = "a" === nodeName;
                let isFocusable;
                const {
                    isContentEditable: isContentEditable
                } = element;
                if (isDefaultFocus || isContentEditable) {
                    isFocusable = !isDisabled
                } else if (isHyperlink) {
                    isFocusable = element.href || isTabIndexNotNaN
                } else {
                    isFocusable = isTabIndexNotNaN
                }
                return isFocusable
            };
            const focusable = (index, element) => focusableFn(element, (0, _renderer.default)(element).attr("tabIndex"));
            exports.focusable = focusable;
            const tabbable = (index, element) => {
                const tabIndex = (0, _renderer.default)(element).attr("tabIndex");
                return (isNaN(tabIndex) || tabIndex >= 0) && focusableFn(element, tabIndex)
            };
            exports.tabbable = tabbable;
            const focused = $element => {
                const element = (0, _renderer.default)($element).get(0);
                return _dom_adapter.default.getActiveElement(element) === element
            };
            exports.focused = focused;
            exports.default = {
                focusable: focusable,
                tabbable: tabbable,
                focused: focused
            }
        },
        17113(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addShadowDomStyles = function($element) {
                var _el$getRootNode;
                if (!(0, _config.default)().copyStylesToShadowDom) {
                    return
                }
                const el = $element.get(0);
                const root = null === (_el$getRootNode = el.getRootNode) || void 0 === _el$getRootNode ? void 0 : _el$getRootNode.call(el);
                if (!(null !== root && void 0 !== root && root.host)) {
                    return
                }
                if (!ownerDocumentStyleSheet) {
                    ownerDocumentStyleSheet = createConstructedStyleSheet(root);
                    processRules(ownerDocumentStyleSheet, el.ownerDocument.styleSheets, false)
                }
                const localHash = computeStyleSheetsHash(root.styleSheets);
                if (styleSheetHashes.get(root) === localHash) {
                    return
                }
                styleSheetHashes.set(root, localHash);
                const currentShadowDomStyleSheet = createConstructedStyleSheet(root);
                processRules(currentShadowDomStyleSheet, root.styleSheets, true);
                root.adoptedStyleSheets = [ownerDocumentStyleSheet, currentShadowDomStyleSheet]
            };
            exports.computeStyleSheetsHash = computeStyleSheetsHash;
            exports.getShadowElementsFromPoint = function(x, y, root) {
                const elementQueue = function() {
                    let shiftIndex = 0;
                    const items = [];
                    return {
                        push(item) {
                            items.push(item);
                            return this
                        },
                        shift() {
                            shiftIndex++;
                            return items[shiftIndex - 1]
                        },
                        get length() {
                            return items.length - shiftIndex
                        },
                        get items() {
                            return items
                        }
                    }
                }().push(root);
                while (elementQueue.length) {
                    const el = elementQueue.shift();
                    for (let i = 0; i < el.childNodes.length; i++) {
                        const childNode = el.childNodes[i];
                        if (childNode.nodeType === Node.ELEMENT_NODE && isPositionInElementRectangle(childNode, x, y) && "none" !== getComputedStyle(childNode).pointerEvents) {
                            elementQueue.push(childNode)
                        }
                    }
                }
                const result = elementQueue.items.reverse();
                result.pop();
                return result
            };
            var _config = (e = __webpack_require__( /*! ../../../core/config */ 66636), e && e.__esModule ? e : {
                default: e
            });
            var e;
            let ownerDocumentStyleSheet = null;

            function createConstructedStyleSheet(rootNode) {
                try {
                    return new CSSStyleSheet
                } catch (err) {
                    const styleElement = rootNode.ownerDocument.createElement("style");
                    rootNode.appendChild(styleElement);
                    return styleElement.sheet
                }
            }

            function processRules(targetStyleSheet, styleSheets, needApplyAllStyles) {
                for (let i = 0; i < styleSheets.length; i++) {
                    const sheet = styleSheets[i];
                    try {
                        for (let j = 0; j < sheet.cssRules.length; j++) {
                            insertRule(targetStyleSheet, sheet.cssRules[j], needApplyAllStyles)
                        }
                    } catch (err) {}
                }
            }

            function insertRule(targetStyleSheet, rule, needApplyAllStyles) {
                var _rule$selectorText, _rule$cssRules, _rule$name, _rule$style;
                const isDxRule = needApplyAllStyles || (null === (_rule$selectorText = rule.selectorText) || void 0 === _rule$selectorText ? void 0 : _rule$selectorText.includes("dx-")) || (null === (_rule$cssRules = rule.cssRules) || void 0 === _rule$cssRules || null === (_rule$cssRules = _rule$cssRules[0]) || void 0 === _rule$cssRules || null === (_rule$cssRules = _rule$cssRules.selectorText) || void 0 === _rule$cssRules ? void 0 : _rule$cssRules.includes("dx-")) || (null === (_rule$name = rule.name) || void 0 === _rule$name ? void 0 : _rule$name.startsWith("dx-")) || "DXIcons" === (null === (_rule$style = rule.style) || void 0 === _rule$style ? void 0 : _rule$style.fontFamily);
                if (isDxRule) {
                    targetStyleSheet.insertRule(rule.cssText, targetStyleSheet.cssRules.length)
                }
            }
            const sheetHashes = new WeakMap;

            function computeStyleSheetsHash(styleSheets) {
                let hash = 2166136261;
                for (const sheet of styleSheets) {
                    if (sheetHashes.has(sheet)) {
                        hash ^= sheetHashes.get(sheet);
                        continue
                    }
                    let localHash = 2166136261;
                    try {
                        for (const rule of sheet.cssRules) {
                            const text = rule.cssText;
                            for (let i = 0; i < text.length; i++) {
                                localHash ^= text.charCodeAt(i);
                                localHash += (localHash << 1) + (localHash << 4) + (localHash << 7) + (localHash << 8) + (localHash << 24)
                            }
                        }
                    } catch (_) {}
                    localHash >>>= 0;
                    sheetHashes.set(sheet, localHash);
                    hash ^= localHash
                }
                return hash >>> 0
            }
            const styleSheetHashes = new WeakMap;

            function isPositionInElementRectangle(element, x, y) {
                var _element$getBoundingC;
                const rect = null === (_element$getBoundingC = element.getBoundingClientRect) || void 0 === _element$getBoundingC ? void 0 : _element$getBoundingC.call(element);
                return rect && x >= rect.left && x < rect.right && y >= rect.top && y < rect.bottom
            }
        },
        64587(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.setWidth = exports.setOuterWidth = exports.setOuterHeight = exports.setInnerWidth = exports.setInnerHeight = exports.setHeight = exports.parseHeight = exports.implementationsMap = exports.getWindowByElement = exports.getWidth = exports.getVisibleHeight = exports.getVerticalOffsets = exports.getSize = exports.getOuterWidth = exports.getOuterHeight = exports.getOffset = exports.getInnerWidth = exports.getInnerHeight = exports.getHeight = exports.getElementBoxParams = exports.addOffsetToMinHeight = exports.addOffsetToMaxHeight = void 0;
            var _dom_adapter = (e = __webpack_require__( /*! ../../../core/dom_adapter */ 64960), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            const window = (0, _window.getWindow)();
            const SPECIAL_HEIGHT_VALUES = ["auto", "none", "inherit", "initial"];
            const getSizeByStyles = function(elementStyles, styles) {
                let result = 0;
                styles.forEach(function(style) {
                    result += parseFloat(elementStyles[style]) || 0
                });
                return result
            };
            const getElementBoxParams = function(name, elementStyles) {
                const beforeName = "width" === name ? "Left" : "Top";
                const afterName = "width" === name ? "Right" : "Bottom";
                return {
                    padding: getSizeByStyles(elementStyles, [`padding${beforeName}`, `padding${afterName}`]),
                    border: getSizeByStyles(elementStyles, [`border${beforeName}Width`, `border${afterName}Width`]),
                    margin: getSizeByStyles(elementStyles, [`margin${beforeName}`, `margin${afterName}`])
                }
            };
            exports.getElementBoxParams = getElementBoxParams;
            const getElementComputedStyle = function(element) {
                var _element$ownerDocumen;
                const view = (null === element || void 0 === element || null === (_element$ownerDocumen = element.ownerDocument) || void 0 === _element$ownerDocumen ? void 0 : _element$ownerDocumen.defaultView) || window;
                return view.getComputedStyle && view.getComputedStyle(element)
            };
            const getCSSProperty = function(element, styles, name, defaultValue) {
                var _element$style;
                return (null === styles || void 0 === styles ? void 0 : styles[name]) || (null === (_element$style = element.style) || void 0 === _element$style ? void 0 : _element$style[name]) || defaultValue
            };
            const boxIndices = {
                content: 0,
                padding: 1,
                border: 2,
                margin: 3,
                "content-box": 0,
                "border-box": 2
            };
            const dimensionComponents = {
                width: ["left", "right"],
                height: ["top", "bottom"]
            };

            function getComponentThickness(elem, dimension, component, styles) {
                const get = (elem, styles, field) => parseFloat(getCSSProperty(elem, styles, field, "0")) || 0;
                const suffix = "border" === component ? "-width" : "";
                return get(elem, styles, `${component}-${dimensionComponents[dimension][0]}${suffix}`) + get(elem, styles, `${component}-${dimensionComponents[dimension][1]}${suffix}`)
            }
            const getSize = function(element, dimension, box) {
                const offsetFieldName = "width" === dimension ? "offsetWidth" : "offsetHeight";
                const styles = getElementComputedStyle(element);
                let result = getCSSProperty(element, styles, dimension);
                if ("" === result || "auto" === result) {
                    result = element[offsetFieldName]
                }
                result = parseFloat(result) || 0;
                const currentBox = getCSSProperty(element, styles, "boxSizing", "content-box");
                const targetBox = box || currentBox;
                let targetBoxIndex = boxIndices[targetBox];
                let currentBoxIndex = boxIndices[currentBox];
                if (void 0 === targetBoxIndex || void 0 === currentBoxIndex) {
                    throw new Error
                }
                if (currentBoxIndex === targetBoxIndex) {
                    return result
                }
                const coeff = Math.sign(targetBoxIndex - currentBoxIndex);
                let padding = false;
                let border = false;
                let margin = false;
                let scrollThickness = false;
                if (1 === coeff) {
                    targetBoxIndex += 1;
                    currentBoxIndex += 1
                }
                for (let boxPart = currentBoxIndex; boxPart !== targetBoxIndex; boxPart += coeff) {
                    switch (boxPart) {
                        case boxIndices.content:
                            break;
                        case boxIndices.padding:
                            padding = coeff * getComponentThickness(element, dimension, "padding", styles);
                            break;
                        case boxIndices.border:
                            border = coeff * getComponentThickness(element, dimension, "border", styles);
                            break;
                        case boxIndices.margin:
                            margin = coeff * getComponentThickness(element, dimension, "margin", styles)
                    }
                }
                if (padding || border) {
                    const paddingAndBorder = (false === padding ? coeff * getComponentThickness(element, dimension, "padding", styles) : padding) + (false === border ? coeff * getComponentThickness(element, dimension, "border", styles) : border);
                    scrollThickness = coeff * Math.max(0, Math.floor(element[offsetFieldName] - result - coeff * paddingAndBorder)) || 0
                }
                return result + margin + padding + border + scrollThickness
            };
            exports.getSize = getSize;
            const parseHeight = function(value, container, element) {
                if (value.indexOf("px") > 0) {
                    value = parseInt(value.replace("px", ""))
                } else if (value.indexOf("%") > 0) {
                    value = parseInt(value.replace("%", "")) * function(container) {
                        return (0, _type.isWindow)(container) ? container.innerHeight : container.offsetHeight
                    }(container) / 100
                } else if (!isNaN(value)) {
                    value = parseInt(value)
                } else if (value.indexOf("vh") > 0) {
                    value = window.innerHeight / 100 * parseInt(value.replace("vh", ""))
                } else if (element && value.indexOf("em") > 0) {
                    value = parseFloat(value.replace("em", "")) * parseFloat(window.getComputedStyle(element).fontSize)
                }
                return value
            };
            exports.parseHeight = parseHeight;
            const getHeightWithOffset = function(value, offset, container) {
                if (!value) {
                    return null
                }
                if (SPECIAL_HEIGHT_VALUES.includes(value)) {
                    return offset ? null : value
                }
                if ((0, _type.isString)(value)) {
                    value = parseHeight(value, container)
                }
                if ((0, _type.isNumeric)(value)) {
                    return Math.max(0, value + offset)
                }
                const operationString = offset < 0 ? " - " : " ";
                return `calc(${value}${operationString}${Math.abs(offset)}px)`
            };
            exports.addOffsetToMaxHeight = function(value, offset, container) {
                const maxHeight = getHeightWithOffset(value, offset, container);
                return null !== maxHeight ? maxHeight : "none"
            };
            exports.addOffsetToMinHeight = function(value, offset, container) {
                const minHeight = getHeightWithOffset(value, offset, container);
                return null !== minHeight ? minHeight : 0
            };
            exports.getVerticalOffsets = function(element, withMargins) {
                if (!element) {
                    return 0
                }
                const boxParams = getElementBoxParams("height", window.getComputedStyle(element));
                return boxParams.padding + boxParams.border + (withMargins ? boxParams.margin : 0)
            };
            exports.getVisibleHeight = function(element) {
                if (element) {
                    var _element$getBoundingC;
                    const boundingClientRect = null === (_element$getBoundingC = element.getBoundingClientRect) || void 0 === _element$getBoundingC ? void 0 : _element$getBoundingC.call(element);
                    if (null !== boundingClientRect && void 0 !== boundingClientRect && boundingClientRect.height) {
                        return boundingClientRect.height
                    }
                }
                return 0
            };
            const implementationsMap = exports.implementationsMap = {
                getWidth: function() {
                    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                        args[_key] = arguments[_key]
                    }
                    return elementSizeHelper("width", ...args)
                },
                setWidth: function() {
                    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
                        args[_key2] = arguments[_key2]
                    }
                    return elementSizeHelper("width", ...args)
                },
                getHeight: function() {
                    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
                        args[_key3] = arguments[_key3]
                    }
                    return elementSizeHelper("height", ...args)
                },
                setHeight: function() {
                    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
                        args[_key4] = arguments[_key4]
                    }
                    return elementSizeHelper("height", ...args)
                },
                getOuterWidth: function() {
                    for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
                        args[_key5] = arguments[_key5]
                    }
                    return elementSizeHelper("outerWidth", ...args)
                },
                setOuterWidth: function() {
                    for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
                        args[_key6] = arguments[_key6]
                    }
                    return elementSizeHelper("outerWidth", ...args)
                },
                getOuterHeight: function() {
                    for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
                        args[_key7] = arguments[_key7]
                    }
                    return elementSizeHelper("outerHeight", ...args)
                },
                setOuterHeight: function() {
                    for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
                        args[_key8] = arguments[_key8]
                    }
                    return elementSizeHelper("outerHeight", ...args)
                },
                getInnerWidth: function() {
                    for (var _len9 = arguments.length, args = new Array(_len9), _key9 = 0; _key9 < _len9; _key9++) {
                        args[_key9] = arguments[_key9]
                    }
                    return elementSizeHelper("innerWidth", ...args)
                },
                setInnerWidth: function() {
                    for (var _len0 = arguments.length, args = new Array(_len0), _key0 = 0; _key0 < _len0; _key0++) {
                        args[_key0] = arguments[_key0]
                    }
                    return elementSizeHelper("innerWidth", ...args)
                },
                getInnerHeight: function() {
                    for (var _len1 = arguments.length, args = new Array(_len1), _key1 = 0; _key1 < _len1; _key1++) {
                        args[_key1] = arguments[_key1]
                    }
                    return elementSizeHelper("innerHeight", ...args)
                },
                setInnerHeight: function() {
                    for (var _len10 = arguments.length, args = new Array(_len10), _key10 = 0; _key10 < _len10; _key10++) {
                        args[_key10] = arguments[_key10]
                    }
                    return elementSizeHelper("innerHeight", ...args)
                }
            };

            function elementSizeHelper(sizeProperty, el, value) {
                return 2 === arguments.length ? elementSize(el, sizeProperty) : elementSize(el, sizeProperty, value)
            }
            exports.getWidth = el => implementationsMap.getWidth(el);
            exports.setWidth = (el, value) => implementationsMap.setWidth(el, value);
            exports.getHeight = el => implementationsMap.getHeight(el);
            exports.setHeight = (el, value) => implementationsMap.setHeight(el, value);
            exports.getOuterWidth = (el, includeMargin) => implementationsMap.getOuterWidth(el, includeMargin || false);
            exports.setOuterWidth = (el, value) => implementationsMap.setOuterWidth(el, value);
            exports.getOuterHeight = (el, includeMargin) => implementationsMap.getOuterHeight(el, includeMargin || false);
            exports.setOuterHeight = (el, value) => implementationsMap.setOuterHeight(el, value);
            exports.getInnerWidth = el => implementationsMap.getInnerWidth(el);
            exports.setInnerWidth = (el, value) => implementationsMap.setInnerWidth(el, value);
            exports.getInnerHeight = el => implementationsMap.getInnerHeight(el);
            exports.setInnerHeight = (el, value) => implementationsMap.setInnerHeight(el, value);
            const elementSize = function(el, sizeProperty, value) {
                const partialName = sizeProperty.toLowerCase().indexOf("width") >= 0 ? "Width" : "Height";
                const propName = partialName.toLowerCase();
                const isOuter = 0 === sizeProperty.indexOf("outer");
                const isInner = 0 === sizeProperty.indexOf("inner");
                const isGetter = 2 === arguments.length || "boolean" === typeof value;
                if ((0, _type.isRenderer)(el)) {
                    if (el.length > 1 && !isGetter) {
                        for (let i = 0; i < el.length; i++) {
                            elementSize(el[i], sizeProperty, value)
                        }
                        return
                    }
                    el = el[0]
                }
                if (!el) {
                    return
                }
                if ((0, _type.isWindow)(el)) {
                    return isOuter ? el[`inner${partialName}`] : _dom_adapter.default.getDocumentElement()[`client${partialName}`]
                }
                if (_dom_adapter.default.isDocument(el)) {
                    const documentElement = _dom_adapter.default.getDocumentElement();
                    const body = _dom_adapter.default.getBody();
                    return Math.max(body[`scroll${partialName}`], body[`offset${partialName}`], documentElement[`scroll${partialName}`], documentElement[`offset${partialName}`], documentElement[`client${partialName}`])
                }
                if (isGetter) {
                    let box = "content";
                    if (isOuter) {
                        box = value ? "margin" : "border"
                    }
                    if (isInner) {
                        box = "padding"
                    }
                    return getSize(el, propName, box)
                }
                if ((0, _type.isNumeric)(value)) {
                    const elementStyles = getElementComputedStyle(el);
                    const sizeAdjustment = getElementBoxParams(propName, elementStyles);
                    const isBorderBox = "border-box" === elementStyles.boxSizing;
                    value = Number(value);
                    if (isOuter) {
                        value -= isBorderBox ? 0 : sizeAdjustment.border + sizeAdjustment.padding
                    } else if (isInner) {
                        value += isBorderBox ? sizeAdjustment.border : -sizeAdjustment.padding
                    } else if (isBorderBox) {
                        value += sizeAdjustment.border + sizeAdjustment.padding
                    }
                }
                value += (0, _type.isNumeric)(value) ? "px" : "";
                _dom_adapter.default.setStyle(el, propName, value);
                return null
            };
            const getWindowByElement = el => (0, _type.isWindow)(el) ? el : el.defaultView;
            exports.getWindowByElement = getWindowByElement;
            exports.getOffset = el => {
                if (!el.getClientRects().length) {
                    return {
                        top: 0,
                        left: 0
                    }
                }
                const rect = el.getBoundingClientRect();
                const win = getWindowByElement(el.ownerDocument);
                const docElem = el.ownerDocument.documentElement;
                return {
                    top: rect.top + win.pageYOffset - docElem.clientTop,
                    left: rect.left + win.pageXOffset - docElem.clientLeft
                }
            }
        },
        47865(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.sessionStorage = void 0;
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            const window = (0, _window.getWindow)();
            exports.sessionStorage = function() {
                let sessionStorage;
                try {
                    sessionStorage = window.sessionStorage
                } catch (e) {}
                return sessionStorage
            }
        },
        32527(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.encodeHtml = void 0;
            exports.format = function(template) {
                for (var _len = arguments.length, values = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
                    values[_key - 1] = arguments[_key]
                }
                if ((0, _type.isFunction)(template)) {
                    return template(...values)
                }
                values.forEach((value, index) => {
                    if ((0, _type.isString)(value)) {
                        value = value.replace(/\$/g, "$$$$")
                    }
                    const placeholderReg = new RegExp(`\\{${index}\\}`, "gm");
                    template = template.replace(placeholderReg, value)
                });
                return template
            };
            exports.quadToObject = exports.isEmpty = void 0;
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            exports.encodeHtml = function() {
                const encodeRegExp = [new RegExp("&", "g"), new RegExp('"', "g"), new RegExp("'", "g"), new RegExp("<", "g"), new RegExp(">", "g")];
                return function(str) {
                    return String(str).replace(encodeRegExp[0], "&amp;").replace(encodeRegExp[1], "&quot;").replace(encodeRegExp[2], "&#39;").replace(encodeRegExp[3], "&lt;").replace(encodeRegExp[4], "&gt;")
                }
            }();
            exports.quadToObject = function(raw) {
                const quad = function(raw) {
                    switch (typeof raw) {
                        case "string":
                            return raw.split(/\s+/, 4);
                        case "object":
                            return [raw.x || raw.h || raw.left, raw.y || raw.v || raw.top, raw.x || raw.h || raw.right, raw.y || raw.v || raw.bottom];
                        case "number":
                            return [raw];
                        default:
                            return raw
                    }
                }(raw);
                let left = parseInt(quad && quad[0], 10);
                let top = parseInt(quad && quad[1], 10);
                let right = parseInt(quad && quad[2], 10);
                let bottom = parseInt(quad && quad[3], 10);
                if (!isFinite(left)) {
                    left = 0
                }
                if (!isFinite(top)) {
                    top = left
                }
                if (!isFinite(right)) {
                    right = left
                }
                if (!isFinite(bottom)) {
                    bottom = top
                }
                return {
                    top: top,
                    right: right,
                    bottom: bottom,
                    left: left
                }
            };
            exports.isEmpty = function() {
                const SPACE_REGEXP = /\s/g;
                return function(text) {
                    return !text || !text.replace(SPACE_REGEXP, "")
                }
            }()
        },
        47453(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.stubComponent = function(componentName) {
                return class {
                    constructor() {
                        throw new Error(`Module '${componentName}' not found`)
                    }
                    static getInstance() {}
                }
            }
        },
        11953(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.stylePropPrefix = exports.styleProp = exports.setWidth = exports.setStyle = exports.setHeight = exports.parsePixelValue = exports.normalizeStyleProp = void 0;
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _call_once = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/call_once */ 13630));
            var _inflector = __webpack_require__( /*! ../../../core/utils/inflector */ 53124);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const jsPrefixes = ["", "Webkit", "Moz", "O", "Ms"];
            const cssPrefixes = {
                "": "",
                Webkit: "-webkit-",
                Moz: "-moz-",
                O: "-o-",
                ms: "-ms-"
            };
            const getStyles = (0, _call_once.default)(function() {
                return _dom_adapter.default.createElement("dx").style
            });
            exports.styleProp = function(name) {
                if (name in getStyles()) {
                    return name
                }
                const originalName = name;
                name = name.charAt(0).toUpperCase() + name.substr(1);
                for (let i = 1; i < jsPrefixes.length; i++) {
                    const prefixedProp = jsPrefixes[i].toLowerCase() + name;
                    if (prefixedProp in getStyles()) {
                        return prefixedProp
                    }
                }
                return originalName
            };
            exports.stylePropPrefix = function(prop) {
                return function(prop, callBack) {
                    prop = (0, _inflector.camelize)(prop, true);
                    let result;
                    for (let i = 0, cssPrefixesCount = jsPrefixes.length; i < cssPrefixesCount; i++) {
                        const jsPrefix = jsPrefixes[i];
                        const prefixedProp = jsPrefix + prop;
                        const lowerPrefixedProp = (0, _inflector.camelize)(prefixedProp);
                        result = callBack(lowerPrefixedProp, jsPrefix);
                        if (void 0 === result) {
                            result = callBack(prefixedProp, jsPrefix)
                        }
                        if (void 0 !== result) {
                            break
                        }
                    }
                    return result || ""
                }(prop, function(specific, jsPrefix) {
                    if (specific in getStyles()) {
                        return cssPrefixes[jsPrefix]
                    }
                })
            };
            const pxExceptions = ["fillOpacity", "columnCount", "flexGrow", "flexShrink", "fontWeight", "lineHeight", "opacity", "zIndex", "zoom"];
            exports.parsePixelValue = function(value) {
                if ((0, _type.isNumeric)(value)) {
                    return value
                }
                if ((0, _type.isString)(value)) {
                    return Number(value.replace("px", ""))
                }
                return NaN
            };
            exports.normalizeStyleProp = function(prop, value) {
                if ((0, _type.isNumeric)(value) && !pxExceptions.includes(prop)) {
                    value += "px"
                }
                return value
            };
            const setDimensionProperty = function(elements, propertyName, value) {
                if (elements) {
                    value = (0, _type.isNumeric)(value) ? value += "px" : value;
                    for (let i = 0; i < elements.length; ++i) {
                        elements[i].style[propertyName] = value
                    }
                }
            };
            exports.setWidth = function(elements, value) {
                setDimensionProperty(elements, "width", value)
            };
            exports.setHeight = function(elements, value) {
                setDimensionProperty(elements, "height", value)
            };
            exports.setStyle = function(element, styleString) {
                let resetStyle = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : true;
                if (resetStyle) {
                    const styleList = [].slice.call(element.style);
                    styleList.forEach(propertyName => {
                        element.style.removeProperty(propertyName)
                    })
                }
                styleString.split(";").forEach(style => {
                    const parts = style.split(":").map(stylePart => stylePart.trim());
                    if (2 === parts.length) {
                        const [property, value] = parts;
                        element.style[property] = value
                    }
                })
            }
        },
        85991(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.pointerEvents = exports.nativeScrolling = exports.inputType = exports.default = exports.animation = void 0;
            Object.defineProperty(exports, "styleProp", {
                enumerable: true,
                get: function() {
                    return _style.styleProp
                }
            });
            Object.defineProperty(exports, "stylePropPrefix", {
                enumerable: true,
                get: function() {
                    return _style.stylePropPrefix
                }
            });
            exports.transitionEndEventName = exports.transition = exports.touchEvents = exports.touch = exports.supportProp = void 0;
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/environment/devices */ 44257));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _call_once = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/call_once */ 13630));
            var _style = __webpack_require__( /*! ../../../core/utils/style */ 58515);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                maxTouchPoints: maxTouchPoints
            } = (0, _window.getNavigator)();
            const transitionEndEventNames = {
                webkitTransition: "webkitTransitionEnd",
                MozTransition: "transitionend",
                OTransition: "oTransitionEnd",
                transition: "transitionend"
            };
            const supportProp = function(prop) {
                return !!(0, _style.styleProp)(prop)
            };
            exports.supportProp = supportProp;
            const inputType = function(type) {
                if ("text" === type) {
                    return true
                }
                const input = _dom_adapter.default.createElement("input");
                try {
                    input.setAttribute("type", type);
                    input.value = "wrongValue";
                    return !input.value
                } catch (e) {
                    return false
                }
            };
            exports.inputType = inputType;
            const touchEvents = exports.touchEvents = function(hasWindowProperty, maxTouchPoints) {
                return (hasWindowProperty("ontouchstart") || !!maxTouchPoints) && !hasWindowProperty("callPhantom")
            }(_window.hasProperty, maxTouchPoints);
            const pointerEvents = exports.pointerEvents = (hasWindowProperty = _window.hasProperty, hasWindowProperty("PointerEvent"));
            var hasWindowProperty;
            const touchPointersPresent = !!maxTouchPoints;
            const touch = exports.touch = touchEvents || pointerEvents && touchPointersPresent;
            const transition = exports.transition = (0, _call_once.default)(function() {
                return supportProp("transition")
            });
            const transitionEndEventName = exports.transitionEndEventName = (0, _call_once.default)(function() {
                return transitionEndEventNames[(0, _style.styleProp)("transition")]
            });
            const animation = exports.animation = (0, _call_once.default)(function() {
                return supportProp("animation")
            });
            const nativeScrolling = exports.nativeScrolling = function() {
                const {
                    platform: platform,
                    mac: isMac
                } = _devices.default.real();
                const isNativeScrollDevice = "ios" === platform || "android" === platform || isMac;
                return isNativeScrollDevice
            }();
            exports.default = {
                animation: animation,
                inputType: inputType,
                nativeScrolling: nativeScrolling,
                pointerEvents: pointerEvents,
                styleProp: _style.styleProp,
                stylePropPrefix: _style.stylePropPrefix,
                supportProp: supportProp,
                touch: touch,
                touchEvents: touchEvents,
                transition: transition,
                transitionEndEventName: transitionEndEventName
            }
        },
        89650(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.HIDDEN_FOR_EXPORT = void 0;
            exports.getSvgElement = getSvgElement;
            exports.getSvgMarkup = getSvgMarkup;
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const HIDDEN_FOR_EXPORT = exports.HIDDEN_FOR_EXPORT = "hidden-for-export";

            function getSvgMarkup(element, backgroundColor) {
                return function(markup) {
                    if (-1 === markup.indexOf("xmlns:xlink")) {
                        markup = markup.replace("<svg", '<svg xmlns:xlink="http://www.w3.org/1999/xlink"')
                    }
                    return markup.replace(/xmlns:NS1="[\s\S]*?"/gi, "").replace(/NS1:xmlns:xlink="([\s\S]*?)"/gi, 'xmlns:xlink="$1"')
                }((markup = function(element, backgroundColor) {
                    const clone = element.cloneNode(true);
                    const serializer = new XMLSerializer;
                    if (backgroundColor) {
                        (0, _renderer.default)(clone).css("backgroundColor", backgroundColor)
                    }
                    return serializer.serializeToString(clone)
                }(element, backgroundColor), markup.replace(/&quot;/gi, "&#34;").replace(/&amp;/gi, "&#38;").replace(/&apos;/gi, "&#39;").replace(/&lt;/gi, "&#60;").replace(/&gt;/gi, "&#62;").replace(/&nbsp;/gi, "&#160;").replace(/\u00A0/g, "&#160;").replace(/&shy;/gi, "&#173;").replace(/\u00AD/g, "&#173;")));
                var markup
            }

            function getSvgElement(markup) {
                if ((0, _type.isString)(markup)) {
                    const parsedMarkup = (new window.DOMParser).parseFromString(markup, "image/svg+xml").childNodes[0];
                    return parsedMarkup
                }
                if (_dom_adapter.default.isNode(markup)) {
                    return markup
                }
                if ((0, _type.isRenderer)(markup)) {
                    return markup.get(0)
                }
            }
            exports.default = {
                getSvgElement: getSvgElement,
                getSvgMarkup: getSvgMarkup,
                HIDDEN_FOR_EXPORT: HIDDEN_FOR_EXPORT
            }
        },
        91008(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.validateTemplateSource = exports.templateKey = exports.suitableTemplatesByName = exports.getNormalizedTemplateArgs = exports.findTemplates = exports.defaultCreateElement = exports.default = exports.addPublicElementNormalization = exports.addOneRenderedCall = exports.acquireTemplate = exports.acquireIntegrationTemplate = void 0;
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../../core/config */ 66636));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../../core/errors */ 87129));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _child_default_template = __webpack_require__( /*! ../../../core/templates/child_default_template */ 91585);
            var _empty_template = __webpack_require__( /*! ../../../core/templates/empty_template */ 48650);
            var _template = __webpack_require__( /*! ../../../core/templates/template */ 67872);
            var _template_base = __webpack_require__( /*! ../../../core/templates/template_base */ 42186);
            var _array = __webpack_require__( /*! ../../../core/utils/array */ 94487);
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _m_dom = _interopRequireDefault(__webpack_require__( /*! ./m_dom */ 76400));
            var _m_type = _interopRequireDefault(__webpack_require__( /*! ./m_type */ 39918));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const findTemplates = (element, name) => {
                const templates = (0, _renderer.default)(element).contents().filter(`[data-options*="${name}"]`);
                return [].slice.call(templates).map(element => {
                    const optionsString = (0, _renderer.default)(element).attr("data-options") || "";
                    return {
                        element: element,
                        options: (0, _config.default)().optionsParser(optionsString)[name]
                    }
                }).filter(template => !!template.options)
            };
            exports.findTemplates = findTemplates;
            const suitableTemplatesByName = rawTemplates => {
                const templatesMap = (0, _array.groupBy)(rawTemplates, template => template.options.name);
                if (templatesMap.undefined) {
                    throw _errors.default.Error("E0023")
                }
                const result = {};
                Object.keys(templatesMap).forEach(name => {
                    var _findBestMatches$;
                    const suitableTemplate = null === (_findBestMatches$ = (0, _common.findBestMatches)(_devices.default.current(), templatesMap[name], template => template.options)[0]) || void 0 === _findBestMatches$ ? void 0 : _findBestMatches$.element;
                    if (suitableTemplate) {
                        result[name] = suitableTemplate
                    }
                });
                return result
            };
            exports.suitableTemplatesByName = suitableTemplatesByName;
            const addOneRenderedCall = template => {
                const render = template.render.bind(template);
                return (0, _extend.extend)({}, template, {
                    render(options) {
                        const templateResult = render(options);
                        options && options.onRendered && options.onRendered();
                        return templateResult
                    }
                })
            };
            exports.addOneRenderedCall = addOneRenderedCall;
            const addPublicElementNormalization = template => {
                const render = template.render.bind(template);
                return (0, _extend.extend)({}, template, {
                    render(options) {
                        const $container = (0, _renderer.default)(options.container);
                        return render(Object.assign({}, options, {
                            container: (0, _element.getPublicElement)($container)
                        }))
                    }
                })
            };
            exports.addPublicElementNormalization = addPublicElementNormalization;
            const getNormalizedTemplateArgs = options => {
                const args = [];
                if ("model" in options) {
                    args.push(options.model)
                }
                if ("index" in options) {
                    args.push(options.index)
                }
                args.push(options.container);
                return args
            };
            exports.getNormalizedTemplateArgs = getNormalizedTemplateArgs;
            const validateTemplateSource = templateSource => "string" === typeof templateSource ? _m_dom.default.normalizeTemplateElement(templateSource) : templateSource;
            exports.validateTemplateSource = validateTemplateSource;
            const templateKey = templateSource => _m_type.default.isRenderer(templateSource) && templateSource[0] || templateSource;
            exports.templateKey = templateKey;
            const defaultCreateElement = element => new _template.Template(element);
            exports.defaultCreateElement = defaultCreateElement;
            const acquireIntegrationTemplate = (templateSource, templates, isAsyncTemplate, skipTemplates) => {
                let integrationTemplate = null;
                if (!skipTemplates || -1 === skipTemplates.indexOf(templateSource)) {
                    integrationTemplate = templates[templateSource];
                    if (integrationTemplate && !(integrationTemplate instanceof _template_base.TemplateBase)) {
                        if (_m_type.default.isFunction(integrationTemplate.render)) {
                            integrationTemplate = addPublicElementNormalization(integrationTemplate)
                        }
                        if (!isAsyncTemplate) {
                            integrationTemplate = addOneRenderedCall(integrationTemplate)
                        }
                    }
                }
                return integrationTemplate
            };
            exports.acquireIntegrationTemplate = acquireIntegrationTemplate;
            const acquireTemplate = (templateSource, createTemplate, templates, isAsyncTemplate, skipTemplates, defaultTemplates) => {
                if (null == templateSource) {
                    return new _empty_template.EmptyTemplate
                }
                if (templateSource instanceof _child_default_template.ChildDefaultTemplate) {
                    return defaultTemplates[templateSource.name]
                }
                if (templateSource instanceof _template_base.TemplateBase) {
                    return templateSource
                }
                if (_m_type.default.isFunction(templateSource.render) && !_m_type.default.isRenderer(templateSource)) {
                    return isAsyncTemplate ? templateSource : addOneRenderedCall(templateSource)
                }
                if (templateSource.nodeType || _m_type.default.isRenderer(templateSource)) {
                    return createTemplate((0, _renderer.default)(templateSource))
                }
                return acquireIntegrationTemplate(templateSource, templates, isAsyncTemplate, skipTemplates) || defaultTemplates[templateSource] || createTemplate(templateSource)
            };
            exports.acquireTemplate = acquireTemplate;
            exports.default = {
                findTemplates: findTemplates,
                suitableTemplatesByName: suitableTemplatesByName,
                addOneRenderedCall: addOneRenderedCall,
                addPublicElementNormalization: addPublicElementNormalization,
                getNormalizedTemplateArgs: getNormalizedTemplateArgs,
                validateTemplateSource: validateTemplateSource,
                templateKey: templateKey,
                defaultCreateElement: defaultCreateElement,
                acquireIntegrationTemplate: acquireIntegrationTemplate,
                acquireTemplate: acquireTemplate
            }
        },
        39918(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.type = exports.isWindow = exports.isString = exports.isRenderer = exports.isPromise = exports.isPrimitive = exports.isPlainObject = exports.isObject = exports.isNumeric = exports.isFunction = exports.isExponential = exports.isEvent = exports.isEmptyObject = exports.isDefined = exports.isDeferred = exports.isDate = exports.isBoolean = exports.default = void 0;
            const types = {
                "[object Array]": "array",
                "[object Date]": "date",
                "[object Object]": "object",
                "[object String]": "string"
            };
            const type = function(object) {
                if (null === object) {
                    return "null"
                }
                const typeOfObject = Object.prototype.toString.call(object);
                return "object" === typeof object ? types[typeOfObject] || "object" : typeof object
            };
            exports.type = type;
            const isBoolean = function(object) {
                return "boolean" === typeof object
            };
            exports.isBoolean = isBoolean;
            const isExponential = function(value) {
                return isNumeric(value) && -1 !== value.toString().indexOf("e")
            };
            exports.isExponential = isExponential;
            const isDate = function(object) {
                return "date" === type(object)
            };
            exports.isDate = isDate;
            const isDefined = function(object) {
                return null !== object && void 0 !== object
            };
            exports.isDefined = isDefined;
            const isFunction = function(object) {
                return "function" === typeof object
            };
            exports.isFunction = isFunction;
            const isString = function(object) {
                return "string" === typeof object
            };
            exports.isString = isString;
            const isNumeric = function(object) {
                return "number" === typeof object && isFinite(object) || !isNaN(object - parseFloat(object))
            };
            exports.isNumeric = isNumeric;
            const isObject = function(object) {
                return "object" === type(object)
            };
            exports.isObject = isObject;
            const isEmptyObject = function(object) {
                let property;
                for (property in object) {
                    return false
                }
                return true
            };
            exports.isEmptyObject = isEmptyObject;
            const isPlainObject = function(object) {
                if (!object || "object" !== type(object)) {
                    return false
                }
                const proto = Object.getPrototypeOf(object);
                if (!proto) {
                    return true
                }
                const ctor = Object.hasOwnProperty.call(proto, "constructor") && proto.constructor;
                return "function" === typeof ctor && Object.toString.call(ctor) === Object.toString.call(Object)
            };
            exports.isPlainObject = isPlainObject;
            const isPrimitive = function(value) {
                return !["object", "array", "function"].includes(type(value))
            };
            exports.isPrimitive = isPrimitive;
            const isWindow = function(object) {
                return null != object && object === object.window
            };
            exports.isWindow = isWindow;
            const isRenderer = function(object) {
                return !!object && !!(object.jquery || object.dxRenderer)
            };
            exports.isRenderer = isRenderer;
            const isPromise = function(object) {
                return !!object && isFunction(object.then)
            };
            exports.isPromise = isPromise;
            const isDeferred = function(object) {
                return !!object && isFunction(object.done) && isFunction(object.fail)
            };
            exports.isDeferred = isDeferred;
            const isEvent = function(object) {
                return !!(object && object.preventDefault)
            };
            exports.isEvent = isEvent;
            exports.default = {
                isBoolean: isBoolean,
                isDate: isDate,
                isDeferred: isDeferred,
                isDefined: isDefined,
                isEmptyObject: isEmptyObject,
                isEvent: isEvent,
                isExponential: isExponential,
                isFunction: isFunction,
                isNumeric: isNumeric,
                isObject: isObject,
                isPlainObject: isPlainObject,
                isPrimitive: isPrimitive,
                isPromise: isPromise,
                isRenderer: isRenderer,
                isString: isString,
                isWindow: isWindow,
                type: type
            }
        },
        66082(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.variableWrapper = void 0;
            var _console = __webpack_require__( /*! ../../../core/utils/console */ 31951);
            var _dependency_injector = (e = __webpack_require__( /*! ../../../core/utils/dependency_injector */ 89656), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.variableWrapper = (0, _dependency_injector.default)({
                isWrapped: function() {
                    return false
                },
                isWritableWrapped: function() {
                    return false
                },
                wrap: function(value) {
                    return value
                },
                unwrap: function(value) {
                    return value
                },
                assign: function() {
                    _console.logger.error("Method 'assign' should not be used for not wrapped variables. Use 'isWrapped' method for ensuring.")
                }
            })
        },
        5388(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.compare = function(x, y, maxLevel) {
                function normalizeArg(value) {
                    if ("string" === typeof value) {
                        return value.split(".")
                    }
                    if ("number" === typeof value) {
                        return [value]
                    }
                    return value
                }
                x = normalizeArg(x);
                y = normalizeArg(y);
                let length = Math.max(x.length, y.length);
                if (isFinite(maxLevel)) {
                    length = Math.min(length, maxLevel)
                }
                for (let i = 0; i < length; i++) {
                    const xItem = parseInt(x[i] || 0, 10);
                    const yItem = parseInt(y[i] || 0, 10);
                    if (xItem < yItem) {
                        return -1
                    }
                    if (xItem > yItem) {
                        return 1
                    }
                }
                return 0
            }
        },
        65913(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.changeCallback = void 0;
            exports.originalViewPort = function() {
                return $originalViewPort
            };
            exports.value = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/callbacks */ 84718));
            var _ready_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/ready_callbacks */ 3122));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ready = _ready_callbacks.default.add;
            const changeCallback = exports.changeCallback = (0, _callbacks.default)();
            let $originalViewPort = (0, _renderer.default)();
            const value = exports.value = function() {
                let $current;
                return function(element) {
                    if (!arguments.length) {
                        return $current
                    }
                    const $element = (0, _renderer.default)(element);
                    $originalViewPort = $element;
                    const isNewViewportFound = !!$element.length;
                    const prevViewPort = value();
                    $current = isNewViewportFound ? $element : (0, _renderer.default)("body");
                    changeCallback.fire(isNewViewportFound ? value() : (0, _renderer.default)(), prevViewPort)
                }
            }();
            ready(function() {
                value(".dx-viewport")
            })
        },
        14470(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.setWindow = exports.hasWindow = exports.hasProperty = exports.getWindow = exports.getNavigator = exports.getCurrentScreenFactor = exports.defaultScreenFactorFunc = exports.default = void 0;
            var _dom_adapter = (e = __webpack_require__( /*! ../../../core/dom_adapter */ 64960), e && e.__esModule ? e : {
                default: e
            });
            var e;
            let hasWindowValue = "undefined" !== typeof window;
            const hasWindow = () => hasWindowValue;
            exports.hasWindow = hasWindow;
            let windowObject = hasWindow() ? window : void 0;
            if (!windowObject) {
                windowObject = {};
                windowObject.window = windowObject
            }
            const getWindow = () => windowObject;
            exports.getWindow = getWindow;
            const setWindow = (newWindowObject, hasWindow) => {
                if (void 0 === hasWindow) {
                    hasWindowValue = "undefined" !== typeof window && window === newWindowObject
                } else {
                    hasWindowValue = hasWindow
                }
                windowObject = newWindowObject
            };
            exports.setWindow = setWindow;
            const hasProperty = prop => hasWindow() && prop in windowObject;
            exports.hasProperty = hasProperty;
            const defaultScreenFactorFunc = width => {
                if (width < 768) {
                    return "xs"
                }
                if (width < 992) {
                    return "sm"
                }
                if (width < 1200) {
                    return "md"
                }
                return "lg"
            };
            exports.defaultScreenFactorFunc = defaultScreenFactorFunc;
            const getCurrentScreenFactor = screenFactorCallback => {
                const screenFactorFunc = screenFactorCallback || defaultScreenFactorFunc;
                const windowWidth = _dom_adapter.default.getDocumentElement().clientWidth;
                return screenFactorFunc(windowWidth)
            };
            exports.getCurrentScreenFactor = getCurrentScreenFactor;
            const getNavigator = () => {
                var _windowObject;
                return hasWindow() ? null === (_windowObject = windowObject) || void 0 === _windowObject ? void 0 : _windowObject.navigator : {
                    userAgent: ""
                }
            };
            exports.getNavigator = getNavigator;
            exports.default = {
                defaultScreenFactorFunc: defaultScreenFactorFunc,
                getCurrentScreenFactor: getCurrentScreenFactor,
                getNavigator: getNavigator,
                getWindow: getWindow,
                hasProperty: hasProperty,
                hasWindow: hasWindow,
                setWindow: setWindow
            }
        },
        12220(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.shiftIntegerByModule = void 0;
            exports.shiftIntegerByModule = (integerValue, moduleValue) => {
                if (!Number.isInteger(integerValue)) {
                    throw Error(`Passed integer value ${integerValue} is not an integer.`)
                }
                if (!Number.isInteger(moduleValue)) {
                    throw Error(`Passed module value ${moduleValue} is not an integer.`)
                }
                if (moduleValue <= 0) {
                    throw Error(`Passed module value ${moduleValue} must be > 0.`)
                }
                const normalizedInteger = integerValue % moduleValue;
                switch (true) {
                    case 0 === normalizedInteger:
                        return 0;
                    case normalizedInteger > 0:
                        return normalizedInteger;
                    case normalizedInteger < 0:
                        return moduleValue + normalizedInteger;
                    default:
                        throw Error(`Unexpected division (${integerValue} % ${moduleValue}) occurred.`)
                }
            }
        },
        51413(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.createPromise = function() {
                let resolve;
                let reject;
                const promise = new Promise((res, rej) => {
                    resolve = res;
                    reject = rej
                });
                return {
                    promise: promise,
                    resolve: resolve,
                    reject: reject
                }
            }
        },
        11371(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getMemoizeScrollTo = function(getScrollableInstance) {
                const instance = getScrollableInstance();
                let lastParams = {};
                return function(params) {
                    let force = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                    const normalizedParams = {
                        top: void 0 !== params.top ? Math.ceil(params.top) : void 0,
                        left: void 0 !== params.left ? Math.ceil(params.left) : void 0
                    };
                    const isSameParams = normalizedParams.top === lastParams.top && normalizedParams.left === lastParams.left;
                    if (!force && isSameParams) {
                        return
                    }
                    lastParams = normalizedParams;
                    instance.scrollTo(params)
                }
            }
        },
        40954(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _view_port = __webpack_require__( /*! ../../../core/utils/view_port */ 55355);
            exports.default = {
                getSwatchContainer: element => {
                    const $element = (0, _renderer.default)(element);
                    const swatchContainer = $element.closest('[class^="dx-swatch-"], [class*=" dx-swatch-"]');
                    const viewport = (0, _view_port.value)();
                    if (!swatchContainer.length) {
                        return viewport
                    }
                    const swatchClassRegex = new RegExp("(\\s|^)(dx-swatch-.*?)(\\s|$)");
                    const swatchClass = swatchContainer[0].className.match(swatchClassRegex)[2];
                    let viewportSwatchContainer = viewport.children(`.${swatchClass}`);
                    if (!viewportSwatchContainer.length) {
                        viewportSwatchContainer = (0, _renderer.default)("<div>").addClass(swatchClass).appendTo(viewport)
                    }
                    return viewportSwatchContainer
                }
            }
        },
        65020(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Component = void 0;
            var _action = _interopRequireDefault(__webpack_require__( /*! ../../../core/action */ 88412));
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../../core/class */ 55620));
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../../core/config */ 66636));
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../../core/errors */ 87129));
            var _events_strategy = __webpack_require__( /*! ../../../core/events_strategy */ 2607);
            var _index = __webpack_require__( /*! ../../../core/options/index */ 74453);
            var _utils = __webpack_require__( /*! ../../../core/options/utils */ 53904);
            var _postponed_operations = __webpack_require__( /*! ../../../core/postponed_operations */ 21971);
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/callbacks */ 84718));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _public_component = __webpack_require__( /*! ../../../core/utils/public_component */ 85521);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const getEventName = actionName => actionName.charAt(2).toLowerCase() + actionName.substr(3);
            const isInnerOption = optionName => 0 === optionName.indexOf("_", 0);
            class Component extends(_class.default.inherit({})) {
                _setDeprecatedOptions() {
                    this._deprecatedOptions = {}
                }
                _getDeprecatedOptions() {
                    return this._deprecatedOptions
                }
                _getDefaultOptions() {
                    return {
                        onInitialized: null,
                        onOptionChanged: null,
                        onDisposing: null,
                        defaultOptionsRules: null
                    }
                }
                _defaultOptionsRules() {
                    return []
                }
                _setOptionsByDevice(rules) {
                    this._options.applyRules(rules)
                }
                _convertRulesToOptions(rules) {
                    return (0, _utils.convertRulesToOptions)(rules)
                }
                _isInitialOptionValue(name) {
                    return this._options.isInitial(name)
                }
                _setOptionsByReference() {
                    this._optionsByReference = {}
                }
                _getOptionsByReference() {
                    return this._optionsByReference
                }
                ctor() {
                    let options = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
                    const {
                        _optionChangedCallbacks: _optionChangedCallbacks,
                        _disposingCallbacks: _disposingCallbacks
                    } = options;
                    this.NAME = (0, _public_component.name)(this.constructor);
                    this._eventsStrategy = _events_strategy.EventsStrategy.create(this, options.eventsStrategy);
                    this._updateLockCount = 0;
                    this._optionChangedCallbacks = _optionChangedCallbacks || (0, _callbacks.default)();
                    this._disposingCallbacks = _disposingCallbacks || (0, _callbacks.default)();
                    this.postponedOperations = new _postponed_operations.PostponedOperations;
                    this._createOptions(options)
                }
                _createOptions(options) {
                    this.beginUpdate();
                    try {
                        this._setOptionsByReference();
                        this._setDeprecatedOptions();
                        this._options = new _index.Options(this._getDefaultOptions(), this._getDefaultOptions(), this._getOptionsByReference(), this._getDeprecatedOptions());
                        this._options.onChanging((name, previousValue, value) => this._initialized && this._optionChanging(name, previousValue, value));
                        this._options.onDeprecated((option, info) => this._logDeprecatedOptionWarning(option, info));
                        this._options.onChanged((name, value, previousValue) => this._notifyOptionChanged(name, value, previousValue));
                        this._options.onStartChange(() => this.beginUpdate());
                        this._options.onEndChange(() => this.endUpdate());
                        this._options.addRules(this._defaultOptionsRules());
                        this._options.validateOptions(opts => this._validateOptions(opts));
                        if (options && options.onInitializing) {
                            options.onInitializing.apply(this, [options])
                        }
                        this._setOptionsByDevice(options.defaultOptionsRules);
                        this._initOptions(options)
                    } finally {
                        this.endUpdate()
                    }
                }
                _initOptions(options) {
                    this.option(options)
                }
                _init() {
                    this._createOptionChangedAction();
                    this.on("disposing", args => {
                        this._disposingCallbacks.fireWith(this, [args])
                    })
                }
                _logDeprecatedOptionWarning(option, info) {
                    const message = info.message || `Use the '${info.alias}' option instead`;
                    _errors.default.log("W0001", this.NAME, option, info.since, message)
                }
                _logDeprecatedComponentWarning(since, alias) {
                    _errors.default.log("W0000", this.NAME, since, `Use the '${alias}' widget instead`)
                }
                _createOptionChangedAction() {
                    this._optionChangedAction = this._createActionByOption("onOptionChanged", {
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _createDisposingAction() {
                    this._disposingAction = this._createActionByOption("onDisposing", {
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "onDisposing":
                        case "onInitialized":
                        case "defaultOptionsRules":
                        default:
                            break;
                        case "onOptionChanged":
                            this._createOptionChangedAction()
                    }
                }
                _dispose() {
                    var _this$_disposingActio;
                    this._optionChangedCallbacks.empty();
                    this._createDisposingAction();
                    null === (_this$_disposingActio = this._disposingAction) || void 0 === _this$_disposingActio || _this$_disposingActio.call(this);
                    this._eventsStrategy.dispose();
                    this._options.dispose();
                    this._disposed = true
                }
                _lockUpdate() {
                    this._updateLockCount += 1
                }
                _unlockUpdate() {
                    this._updateLockCount = Math.max(this._updateLockCount - 1, 0)
                }
                _isUpdateAllowed() {
                    return 0 === this._updateLockCount
                }
                _isInitializingRequired() {
                    return !this._initializing && !this._initialized
                }
                isInitialized() {
                    return this._initialized
                }
                _commitUpdate() {
                    this.postponedOperations.callPostponedOperations();
                    this._isInitializingRequired() && this._initializeComponent()
                }
                _initializeComponent() {
                    this._initializing = true;
                    try {
                        this._init()
                    } finally {
                        this._initializing = false;
                        this._lockUpdate();
                        this._createActionByOption("onInitialized", {
                            excludeValidators: ["disabled", "readOnly"]
                        })();
                        this._unlockUpdate();
                        this._initialized = true
                    }
                }
                instance() {
                    return this
                }
                beginUpdate() {
                    this._lockUpdate()
                }
                endUpdate() {
                    this._unlockUpdate();
                    this._isUpdateAllowed() && this._commitUpdate()
                }
                _optionChanging() {}
                _notifyOptionChanged(option, value, previousValue) {
                    if (this._initialized) {
                        const optionNames = [option].concat(this._options.getAliasesByName(option));
                        for (let i = 0; i < optionNames.length; i += 1) {
                            const name = optionNames[i];
                            const args = {
                                name: (0, _data.getPathParts)(name)[0],
                                fullName: name,
                                value: value,
                                previousValue: previousValue
                            };
                            if (!isInnerOption(name)) {
                                var _this$_optionChangedA;
                                this._optionChangedCallbacks.fireWith(this, [(0, _extend.extend)(this._defaultActionArgs(), args)]);
                                null === (_this$_optionChangedA = this._optionChangedAction) || void 0 === _this$_optionChangedA || _this$_optionChangedA.call(this, (0, _extend.extend)({}, args))
                            }
                            if (!this._disposed && this._cancelOptionChange !== name) {
                                this._optionChanged(args)
                            }
                        }
                    }
                }
                initialOption(name) {
                    return this._options.initial(name)
                }
                _defaultActionConfig() {
                    return {
                        context: this,
                        component: this
                    }
                }
                _defaultActionArgs() {
                    return {
                        component: this
                    }
                }
                _createAction(actionSource, config) {
                    let action;
                    return e => {
                        if (!(0, _type.isDefined)(e)) {
                            e = {}
                        }
                        if (!(0, _type.isPlainObject)(e)) {
                            e = {
                                actionValue: e
                            }
                        }
                        action = action || new _action.default(actionSource, (0, _extend.extend)({}, config, this._defaultActionConfig()));
                        return action.execute.call(action, (0, _extend.extend)(e, this._defaultActionArgs()))
                    }
                }
                _createActionByOption(optionName, config) {
                    var _this = this;
                    let action;
                    let eventName;
                    let actionFunc;
                    let actionConfig = Object.assign({}, config ?? {});
                    const result = function() {
                        var _actionConfig, _actionConfig2;
                        if (!eventName) {
                            actionConfig = actionConfig || {};
                            if ("string" !== typeof optionName) {
                                throw _errors.default.Error("E0008")
                            }
                            if (optionName.startsWith("on")) {
                                eventName = getEventName(optionName)
                            }
                            actionFunc = _this.option(optionName)
                        }
                        if (!action && !actionFunc && !(null !== (_actionConfig = actionConfig) && void 0 !== _actionConfig && _actionConfig.beforeExecute) && !(null !== (_actionConfig2 = actionConfig) && void 0 !== _actionConfig2 && _actionConfig2.afterExecute) && !_this._eventsStrategy.hasEvent(eventName)) {
                            return
                        }
                        if (!action) {
                            const {
                                beforeExecute: beforeExecute
                            } = actionConfig;
                            actionConfig.beforeExecute = function() {
                                for (var _len2 = arguments.length, props = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
                                    props[_key2] = arguments[_key2]
                                }
                                null === beforeExecute || void 0 === beforeExecute || beforeExecute.apply(_this, props);
                                _this._eventsStrategy.fireEvent(eventName, props[0].args)
                            };
                            action = _this._createAction(actionFunc, actionConfig)
                        }
                        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                            args[_key] = arguments[_key]
                        }
                        if ((0, _config.default)().wrapActionsBeforeExecute) {
                            const {
                                beforeActionExecute: beforeActionExecute = _common.noop
                            } = _this.option();
                            const wrappedAction = beforeActionExecute(_this, action, actionConfig) || action;
                            return wrappedAction.apply(_this, args)
                        }
                        return action.apply(_this, args)
                    };
                    if ((0, _config.default)().wrapActionsBeforeExecute) {
                        return result
                    }
                    const {
                        onActionCreated: onActionCreated = _common.noop
                    } = this.option();
                    return onActionCreated(this, result, actionConfig) || result
                }
                on(eventName, eventHandler) {
                    this._eventsStrategy.on(eventName, eventHandler);
                    return this
                }
                off(eventName, eventHandler) {
                    this._eventsStrategy.off(eventName, eventHandler);
                    return this
                }
                hasActionSubscription(actionName) {
                    return !!this._options.silent(actionName) || (0, _type.isString)(actionName) && this._eventsStrategy.hasEvent(getEventName(actionName))
                }
                isOptionDeprecated(name) {
                    return this._options.isDeprecated(name)
                }
                _setOptionWithoutOptionChange(name, value) {
                    this._cancelOptionChange = name;
                    this.option(name, value);
                    this._cancelOptionChange = false
                }
                _getOptionValue(name, context) {
                    const value = this.option(name);
                    if ((0, _type.isFunction)(value)) {
                        return value.bind(context)()
                    }
                    return value
                }
                option() {
                    return this._options.option(...arguments)
                }
                resetOption(name) {
                    this.beginUpdate();
                    this._options.reset(name);
                    this.endUpdate()
                }
                _validateOptions(options) {
                    return options
                }
            }
            exports.Component = Component
        },
        22331(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _short = __webpack_require__( /*! ../../../common/core/events/short */ 42222);
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../../core/config */ 66636));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _element_data = __webpack_require__( /*! ../../../core/element_data */ 74663);
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../../core/errors */ 87129));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _public_component = __webpack_require__( /*! ../../../core/utils/public_component */ 85521);
            var _resize_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/resize_callbacks */ 63283));
            var _shadow_dom = __webpack_require__( /*! ../../../core/utils/shadow_dom */ 93631);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _license_validation = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../core/license/license_validation */ 93391));
            var _m_template_manager = _interopRequireDefault(__webpack_require__( /*! ../../core/m_template_manager */ 66298));
            var _m_common = __webpack_require__( /*! ../../core/utils/m_common */ 39315);
            var _component = __webpack_require__( /*! ../../core/widget/component */ 65020);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DOMComponent extends _component.Component {
                static getInstance(element) {
                    return (0, _public_component.getInstanceByElement)((0, _renderer.default)(element), this)
                }
                static defaultOptions(rule) {
                    this._classCustomRules = Object.hasOwnProperty.bind(this)("_classCustomRules") && this._classCustomRules ? this._classCustomRules : [];
                    this._classCustomRules.push(rule)
                }
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        width: void 0,
                        height: void 0,
                        rtlEnabled: (0, _config.default)().rtlEnabled,
                        elementAttr: {},
                        disabled: false,
                        integrationOptions: {}
                    }, this._useTemplates() ? _m_template_manager.default.TemplateManager.createDefaultOptions() : {})
                }
                ctor(element, options) {
                    this._customClass = null;
                    this._createElement(element);
                    (0, _public_component.attachInstanceToElement)(this._$element, this, this._dispose);
                    super.ctor(options);
                    const validationAlreadyPerformed = (0, _license_validation.peekValidationPerformed)();
                    _license_validation.default.validateLicense((0, _config.default)().licenseKey);
                    if (!validationAlreadyPerformed && (0, _license_validation.peekValidationPerformed)()) {
                        (0, _config.default)({
                            licenseKey: ""
                        })
                    }
                    _m_common.uiLayerInitialized.resolve()
                }
                _createElement(element) {
                    this._$element = (0, _renderer.default)(element)
                }
                _getSynchronizableOptionsForCreateComponent() {
                    return ["rtlEnabled", "disabled", "templatesRenderAsynchronously"]
                }
                _checkFunctionValueDeprecation(optionNames) {
                    if (!this.option("_ignoreFunctionValueDeprecation")) {
                        optionNames.forEach(optionName => {
                            if ((0, _type.isFunction)(this.option(optionName))) {
                                _errors.default.log("W0017", optionName)
                            }
                        })
                    }
                }
                _visibilityChanged(value) {}
                _dimensionChanged() {}
                _init() {
                    super._init();
                    this._checkFunctionValueDeprecation(["width", "height", "maxHeight", "maxWidth", "minHeight", "minWidth", "popupHeight", "popupWidth"]);
                    this._attachWindowResizeCallback();
                    this._initTemplateManager()
                }
                _setOptionsByDevice(instanceCustomRules) {
                    const ctor = this.constructor;
                    const hasOwnCustomRules = Object.prototype.hasOwnProperty.call(ctor, "_classCustomRules");
                    const hasOwnDefaultOptions = Object.prototype.hasOwnProperty.call(ctor, "defaultOptions");
                    const ownClassCustomRules = hasOwnCustomRules || hasOwnDefaultOptions ? ctor._classCustomRules : [];
                    super._setOptionsByDevice([].concat(ownClassCustomRules || [], instanceCustomRules || []))
                }
                _isInitialOptionValue(name) {
                    const isCustomOption = this.constructor._classCustomRules && Object.prototype.hasOwnProperty.call(this._convertRulesToOptions(this.constructor._classCustomRules), name);
                    return !isCustomOption && super._isInitialOptionValue(name)
                }
                _attachWindowResizeCallback() {
                    if (this._isDimensionChangeSupported()) {
                        const windowResizeCallBack = this._windowResizeCallBack = this._dimensionChanged.bind(this);
                        _resize_callbacks.default.add(windowResizeCallBack)
                    }
                }
                _isDimensionChangeSupported() {
                    return this._dimensionChanged !== DOMComponent.prototype._dimensionChanged
                }
                _renderComponent() {
                    (0, _shadow_dom.addShadowDomStyles)(this.$element());
                    this._initMarkup();
                    (0, _window.hasWindow)() && this._render()
                }
                _initMarkup() {
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option() || {};
                    this._renderElementAttributes();
                    this._toggleRTLDirection(rtlEnabled);
                    this._renderVisibilityChange();
                    this._renderDimensions()
                }
                _render() {
                    this._attachVisibilityChangeHandlers()
                }
                _renderElementAttributes() {
                    const {
                        elementAttr: elementAttr
                    } = this.option() || {};
                    const attributes = (0, _extend.extend)({}, elementAttr);
                    const classNames = attributes.class;
                    delete attributes.class;
                    this.$element().attr(attributes).removeClass(this._customClass).addClass(classNames);
                    this._customClass = classNames
                }
                _renderVisibilityChange() {
                    if (this._isDimensionChangeSupported()) {
                        this._attachDimensionChangeHandlers()
                    }
                    if (this._isVisibilityChangeSupported()) {
                        const $element = this.$element();
                        $element.addClass("dx-visibility-change-handler")
                    }
                }
                _renderDimensions() {
                    const $element = this.$element();
                    const element = $element.get(0);
                    const width = this._getOptionValue("width", element);
                    const height = this._getOptionValue("height", element);
                    if (this._isCssUpdateRequired(element, height, width)) {
                        $element.css({
                            width: null === width ? "" : width,
                            height: null === height ? "" : height
                        })
                    }
                }
                _isCssUpdateRequired(element, height, width) {
                    return !!((0, _type.isDefined)(width) || (0, _type.isDefined)(height) || element.style.width || element.style.height)
                }
                _attachDimensionChangeHandlers() {
                    const $el = this.$element();
                    const namespace = `${this.NAME}VisibilityChange`;
                    _short.resize.off($el, {
                        namespace: namespace
                    });
                    _short.resize.on($el, () => this._dimensionChanged(), {
                        namespace: namespace
                    })
                }
                _attachVisibilityChangeHandlers() {
                    if (this._isVisibilityChangeSupported()) {
                        const $el = this.$element();
                        const namespace = `${this.NAME}VisibilityChange`;
                        this._isHidden = !this._isVisible();
                        _short.visibility.off($el, {
                            namespace: namespace
                        });
                        _short.visibility.on($el, () => this._checkVisibilityChanged("shown"), () => this._checkVisibilityChanged("hiding"), {
                            namespace: namespace
                        })
                    }
                }
                _isVisible() {
                    const $element = this.$element();
                    return $element.is(":visible")
                }
                _checkVisibilityChanged(action) {
                    const isVisible = this._isVisible();
                    if (isVisible) {
                        if ("hiding" === action && !this._isHidden) {
                            this._visibilityChanged(false);
                            this._isHidden = true
                        } else if ("shown" === action && this._isHidden) {
                            this._isHidden = false;
                            this._visibilityChanged(true)
                        }
                    }
                }
                _isVisibilityChangeSupported() {
                    return this._visibilityChanged !== DOMComponent.prototype._visibilityChanged && (0, _window.hasWindow)()
                }
                _clean() {}
                _modelByElement($element) {
                    const {
                        modelByElement: modelByElement
                    } = this.option();
                    return modelByElement ? modelByElement(this.$element()) : void 0
                }
                _invalidate() {
                    if (this._isUpdateAllowed()) {
                        throw _errors.default.Error("E0007")
                    }
                    this._requireRefresh = true
                }
                _refresh() {
                    this._clean();
                    this._renderComponent()
                }
                _dispose() {
                    var _this$_templateManage;
                    null === (_this$_templateManage = this._templateManager) || void 0 === _this$_templateManage || _this$_templateManage.dispose();
                    super._dispose();
                    this._clean();
                    this._detachWindowResizeCallback()
                }
                _detachWindowResizeCallback() {
                    if (this._isDimensionChangeSupported()) {
                        _resize_callbacks.default.remove(this._windowResizeCallBack)
                    }
                }
                _toggleRTLDirection(rtl) {
                    const $element = this.$element();
                    $element.toggleClass("dx-rtl", rtl)
                }
                _createComponent(element, component, componentConfiguration) {
                    const configuration = componentConfiguration ?? {};
                    const synchronizableOptions = this._getSynchronizableOptionsForCreateComponent().filter(value => !(value in configuration));
                    const {
                        integrationOptions: integrationOptions
                    } = this.option();
                    let {
                        nestedComponentOptions: nestedComponentOptions
                    } = this.option();
                    nestedComponentOptions = nestedComponentOptions ?? _common.noop;
                    const nestedComponentConfig = (0, _extend.extend)({
                        integrationOptions: integrationOptions
                    }, nestedComponentOptions(this));
                    synchronizableOptions.forEach(optionName => {
                        const {
                            [optionName]: value
                        } = this.option();
                        nestedComponentConfig[optionName] = value
                    });
                    this._extendConfig(configuration, nestedComponentConfig);
                    let instance;
                    if ((0, _type.isString)(component)) {
                        const $element = (0, _renderer.default)(element)[component](configuration);
                        instance = $element[component]("instance")
                    } else if (element) {
                        instance = component.getInstance(element);
                        if (instance) {
                            instance.option(configuration)
                        } else {
                            instance = new component(element, configuration)
                        }
                    }
                    if (instance) {
                        const optionChangedHandler = _ref => {
                            let {
                                name: name,
                                value: value
                            } = _ref;
                            if (synchronizableOptions.includes(name)) {
                                instance.option(name, value)
                            }
                        };
                        this.on("optionChanged", optionChangedHandler);
                        instance.on("disposing", () => this.off("optionChanged", optionChangedHandler))
                    }
                    return instance
                }
                _extendConfig(configuration, extendConfig) {
                    (0, _iterator.each)(extendConfig, (key, value) => {
                        configuration[key] ?? (configuration[key] = value)
                    })
                }
                _defaultActionConfig() {
                    const $element = this.$element();
                    const context = this._modelByElement($element);
                    const defaultConfig = super._defaultActionConfig();
                    if (context) {
                        defaultConfig.context = context
                    }
                    return defaultConfig
                }
                _defaultActionArgs() {
                    const args = super._defaultActionArgs();
                    const $element = this.$element();
                    const model = this._modelByElement($element);
                    const element = this.element();
                    if (element) {
                        args.element = element
                    }
                    if (model) {
                        args.model = model
                    }
                    return args
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "width":
                        case "height":
                            this._renderDimensions();
                            break;
                        case "rtlEnabled":
                            this._invalidate();
                            break;
                        case "elementAttr":
                            this._renderElementAttributes();
                            break;
                        case "disabled":
                        case "integrationOptions":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _removeAttributes(element) {
                    const attrs = element.attributes;
                    for (let i = attrs.length - 1; i >= 0; i -= 1) {
                        const attr = attrs[i];
                        if (attr) {
                            const {
                                name: name
                            } = attr;
                            if (!name.indexOf("aria-") || -1 !== name.indexOf("dx-") || "role" === name || "style" === name || "tabindex" === name) {
                                element.removeAttribute(name)
                            }
                        }
                    }
                }
                _removeClasses(element) {
                    element.className = element.className.split(" ").filter(cssClass => 0 !== cssClass.lastIndexOf("dx-", 0)).join(" ")
                }
                _updateDOMComponent(renderRequired) {
                    if (renderRequired) {
                        this._renderComponent()
                    } else if (this._requireRefresh) {
                        this._requireRefresh = false;
                        this._refresh()
                    }
                }
                endUpdate() {
                    const renderRequired = this._isInitializingRequired();
                    super.endUpdate();
                    this._isUpdateAllowed() && this._updateDOMComponent(renderRequired)
                }
                $element() {
                    return this._$element
                }
                element() {
                    const $element = this.$element();
                    return (0, _element.getPublicElement)($element)
                }
                dispose() {
                    const element = this.$element().get(0);
                    (0, _element_data.cleanDataRecursive)(element, true);
                    element.textContent = "";
                    this._removeAttributes(element);
                    this._removeClasses(element)
                }
                resetOption(optionName) {
                    super.resetOption(optionName);
                    if ("width" === optionName || "height" === optionName) {
                        const initialOption = this.initialOption(optionName);
                        !(0, _type.isDefined)(initialOption) && this.$element().css(optionName, "")
                    }
                }
                _getAnonymousTemplateName() {
                    return
                }
                _initTemplateManager() {
                    if (this._templateManager || !this._useTemplates()) {
                        return
                    }
                    const {
                        integrationOptions: integrationOptions = {}
                    } = this.option();
                    const {
                        createTemplate: createTemplate
                    } = integrationOptions;
                    this._templateManager = new _m_template_manager.default.TemplateManager(createTemplate, this._getAnonymousTemplateName());
                    this._initTemplates();
                    return
                }
                _initTemplates() {
                    const {
                        templates: templates,
                        anonymousTemplateMeta: anonymousTemplateMeta
                    } = this._templateManager.extractTemplates(this.$element());
                    const anonymousTemplate = this.option(`integrationOptions.templates.${anonymousTemplateMeta.name}`);
                    templates.forEach(_ref2 => {
                        let {
                            name: name,
                            template: template
                        } = _ref2;
                        this._options.silent(`integrationOptions.templates.${name}`, template)
                    });
                    if (anonymousTemplateMeta.name && !anonymousTemplate) {
                        this._options.silent(`integrationOptions.templates.${anonymousTemplateMeta.name}`, anonymousTemplateMeta.template);
                        this._options.silent("_hasAnonymousTemplateContent", true)
                    }
                }
                _getTemplateByOption(optionName) {
                    return this._getTemplate(this.option(optionName))
                }
                _getTemplate(templateSource) {
                    const templates = this.option("integrationOptions.templates");
                    const isAsyncTemplate = this.option("templatesRenderAsynchronously");
                    const skipTemplates = this.option("integrationOptions.skipTemplates");
                    return this._templateManager.getTemplate(templateSource, templates, {
                        isAsyncTemplate: isAsyncTemplate,
                        skipTemplates: skipTemplates
                    }, this)
                }
                _saveTemplate(name, template) {
                    this._setOptionWithoutOptionChange(`integrationOptions.templates.${name}`, this._templateManager._createTemplate(template))
                }
                _useTemplates() {
                    return true
                }
            }
            exports.default = DOMComponent
        },
        89275(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.WIDGET_CLASS = exports.HOVER_STATE_CLASS = exports.FOCUSED_STATE_CLASS = exports.EMPTY_ACTIVE_STATE_UNIT = exports.ACTIVE_STATE_CLASS = void 0;
            __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            __webpack_require__( /*! ../../../common/core/events/core/emitter.feedback */ 69331);
            __webpack_require__( /*! ../../../common/core/events/hover */ 638);
            var _short = __webpack_require__( /*! ../../../common/core/events/short */ 42222);
            var _action = _interopRequireDefault(__webpack_require__( /*! ../../../core/action */ 88412));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _version = __webpack_require__( /*! ../../../core/utils/version */ 20142);
            var _m_selectors = __webpack_require__( /*! ../../core/utils/m_selectors */ 62238);
            var _dom_component = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/dom_component */ 22331));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const WIDGET_CLASS = exports.WIDGET_CLASS = "dx-widget";
            const ACTIVE_STATE_CLASS = exports.ACTIVE_STATE_CLASS = "dx-state-active";
            const FOCUSED_STATE_CLASS = exports.FOCUSED_STATE_CLASS = "dx-state-focused";
            const HOVER_STATE_CLASS = exports.HOVER_STATE_CLASS = "dx-state-hover";
            const EMPTY_ACTIVE_STATE_UNIT = exports.EMPTY_ACTIVE_STATE_UNIT = "";

            function setAttribute(name, value, $target) {
                const attributeName = "role" === name || "id" === name ? name : `aria-${name}`;
                const attr = (0, _type.isDefined)(value) ? value.toString() : null;
                $target.attr(attributeName, attr)
            }
            class Widget extends _dom_component.default {
                static getOptionsFromContainer(_ref) {
                    let {
                        name: name,
                        fullName: fullName,
                        value: value
                    } = _ref;
                    let options = {};
                    if (name === fullName) {
                        options = value
                    } else {
                        const option = fullName.split(".").pop();
                        options[option] = value
                    }
                    return options
                }
                _activeStateUnit() {
                    return EMPTY_ACTIVE_STATE_UNIT
                }
                _feedbackHideTimeout() {
                    return 400
                }
                _feedbackShowTimeout() {
                    return 30
                }
                _supportedKeys(e) {
                    return {}
                }
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        hoveredElement: null,
                        isActive: false,
                        disabled: false,
                        visible: true,
                        hint: void 0,
                        activeStateEnabled: false,
                        onContentReady: null,
                        hoverStateEnabled: false,
                        focusStateEnabled: false,
                        tabIndex: 0,
                        accessKey: void 0,
                        onFocusIn: null,
                        onFocusOut: null,
                        onKeyboardHandled: null,
                        ignoreParentReadOnly: false,
                        useResizeObserver: true
                    })
                }
                _defaultOptionsRules() {
                    const rules = [...super._defaultOptionsRules(), {
                        device() {
                            const device = _devices.default.real();
                            const {
                                platform: platform
                            } = device;
                            const {
                                version: version
                            } = device;
                            return "ios" === platform && (0, _version.compare)(version, "13.3") <= 0
                        },
                        options: {
                            useResizeObserver: false
                        }
                    }];
                    return rules
                }
                _init() {
                    super._init();
                    this._initContentReadyAction()
                }
                _innerWidgetOptionChanged(innerWidget, args) {
                    const {
                        fullName: fullName,
                        value: value
                    } = args;
                    if (fullName.indexOf(".") > -1) {
                        const innerWidgetOptionName = fullName.split(".").slice(1).join(".");
                        null === innerWidget || void 0 === innerWidget || innerWidget.option(innerWidgetOptionName, value)
                    } else {
                        null === innerWidget || void 0 === innerWidget || innerWidget.option(value)
                    }
                    this._options.cache(fullName, value)
                }
                _bindInnerWidgetOptions(innerWidget, optionsContainer) {
                    const syncOptions = () => this._options.silent(optionsContainer, (0, _extend.extend)({}, innerWidget.option()));
                    syncOptions();
                    innerWidget.on("optionChanged", syncOptions)
                }
                _getAriaTarget() {
                    return this._focusTarget()
                }
                _initContentReadyAction() {
                    this._contentReadyAction = this._createActionByOption("onContentReady", {
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _initMarkup() {
                    const {
                        disabled: disabled,
                        visible: visible
                    } = this.option();
                    this.$element().addClass(WIDGET_CLASS);
                    this._toggleDisabledState(disabled);
                    this._toggleVisibility(visible);
                    this._renderHint();
                    this._isFocusable() && this._renderFocusTarget();
                    super._initMarkup()
                }
                _render() {
                    super._render();
                    this._renderContent();
                    this._renderFocusState();
                    this._attachFeedbackEvents();
                    this._attachHoverEvents();
                    this._toggleIndependentState()
                }
                _renderHint() {
                    const {
                        hint: hint
                    } = this.option();
                    this.$element().attr("title", hint || null)
                }
                _renderContent() {
                    (0, _common.deferRender)(() => !this._disposed ? this._renderContentImpl() : void 0).done(() => !this._disposed ? this._fireContentReadyAction() : void 0)
                }
                _renderContentImpl() {}
                _fireContentReadyAction() {
                    return (0, _common.deferRender)(() => {
                        var _this$_contentReadyAc;
                        return null === (_this$_contentReadyAc = this._contentReadyAction) || void 0 === _this$_contentReadyAc ? void 0 : _this$_contentReadyAc.call(this)
                    })
                }
                _dispose() {
                    this._contentReadyAction = null;
                    this._detachKeyboardEvents();
                    super._dispose()
                }
                _resetActiveState() {
                    this._toggleActiveState(this._eventBindingTarget(), false)
                }
                _clean() {
                    this._cleanFocusState();
                    this._resetActiveState();
                    super._clean();
                    this.$element().empty()
                }
                _toggleVisibility(visible) {
                    this.$element().toggleClass("dx-state-invisible", !visible)
                }
                _renderFocusState() {
                    this._attachKeyboardEvents();
                    if (this._isFocusable()) {
                        this._renderFocusTarget();
                        this._attachFocusEvents();
                        this._renderAccessKey()
                    }
                }
                _renderAccessKey() {
                    const $el = this._focusTarget();
                    const {
                        accessKey: accessKey
                    } = this.option();
                    $el.attr("accesskey", accessKey)
                }
                _isFocusable() {
                    const {
                        focusStateEnabled: focusStateEnabled,
                        disabled: disabled
                    } = this.option();
                    return focusStateEnabled && !disabled
                }
                _eventBindingTarget() {
                    return this.$element()
                }
                _focusTarget() {
                    return this._getActiveElement()
                }
                _isFocusTarget(element) {
                    const focusTargets = (0, _renderer.default)(this._focusTarget()).toArray();
                    return focusTargets.includes(element)
                }
                _findActiveTarget($element) {
                    return $element.find(this._activeStateUnit()).not(".dx-state-disabled")
                }
                _getActiveElement() {
                    const activeElement = this._eventBindingTarget();
                    if (this._activeStateUnit()) {
                        return this._findActiveTarget(activeElement)
                    }
                    return activeElement
                }
                _renderFocusTarget() {
                    const {
                        tabIndex: tabIndex
                    } = this.option();
                    this._focusTarget().attr("tabIndex", tabIndex)
                }
                _keyboardEventBindingTarget() {
                    return this._eventBindingTarget()
                }
                _refreshFocusEvent() {
                    this._detachFocusEvents();
                    this._attachFocusEvents()
                }
                _focusEventTarget() {
                    return this._focusTarget()
                }
                _focusInHandler(event) {
                    if (!event.isDefaultPrevented()) {
                        this._createActionByOption("onFocusIn", {
                            beforeExecute: () => this._updateFocusState(event, true),
                            excludeValidators: ["readOnly"]
                        })({
                            event: event
                        })
                    }
                }
                _focusOutHandler(event) {
                    if (!event.isDefaultPrevented()) {
                        this._createActionByOption("onFocusOut", {
                            beforeExecute: () => this._updateFocusState(event, false),
                            excludeValidators: ["readOnly", "disabled"]
                        })({
                            event: event
                        })
                    }
                }
                _updateFocusState(_ref2, isFocused) {
                    let {
                        target: target
                    } = _ref2;
                    if (this._isFocusTarget(target)) {
                        this._toggleFocusClass(isFocused, (0, _renderer.default)(target))
                    }
                }
                _toggleFocusClass(isFocused, $element) {
                    const $focusTarget = null !== $element && void 0 !== $element && $element.length ? $element : this._focusTarget();
                    null === $focusTarget || void 0 === $focusTarget || $focusTarget.toggleClass(FOCUSED_STATE_CLASS, isFocused)
                }
                _hasFocusClass(element) {
                    const $focusTarget = (0, _renderer.default)(element ?? this._focusTarget());
                    return $focusTarget.hasClass(FOCUSED_STATE_CLASS)
                }
                _isFocused() {
                    return this._hasFocusClass()
                }
                _getKeyboardListeners() {
                    return []
                }
                _attachKeyboardEvents() {
                    this._detachKeyboardEvents();
                    const {
                        focusStateEnabled: focusStateEnabled,
                        onKeyboardHandled: onKeyboardHandled
                    } = this.option();
                    const hasChildListeners = this._getKeyboardListeners().length;
                    const hasKeyboardEventHandler = !!onKeyboardHandled;
                    const shouldAttach = focusStateEnabled || hasChildListeners || hasKeyboardEventHandler;
                    if (shouldAttach) {
                        this._keyboardListenerId = _short.keyboard.on(this._keyboardEventBindingTarget(), this._focusTarget(), opts => this._keyboardHandler(opts))
                    }
                }
                _keyboardHandler(options, onlyChildProcessing) {
                    if (!onlyChildProcessing) {
                        const {
                            originalEvent: originalEvent,
                            keyName: keyName,
                            which: which
                        } = options;
                        const keys = this._supportedKeys(originalEvent);
                        const func = keys[keyName] || keys[which];
                        if (void 0 !== func) {
                            const handler = func.bind(this);
                            const result = handler(originalEvent, options);
                            if (!result) {
                                return false
                            }
                        }
                    }
                    const keyboardListeners = this._getKeyboardListeners();
                    const {
                        onKeyboardHandled: onKeyboardHandled
                    } = this.option();
                    keyboardListeners.forEach(listener => null === listener || void 0 === listener ? void 0 : listener._keyboardHandler(options));
                    onKeyboardHandled && onKeyboardHandled(options);
                    return true
                }
                _refreshFocusState() {
                    this._cleanFocusState();
                    this._renderFocusState()
                }
                _cleanFocusState() {
                    const $element = this._focusTarget();
                    null === $element || void 0 === $element || $element.removeAttr("tabIndex");
                    this._toggleFocusClass(false);
                    this._detachFocusEvents();
                    this._detachKeyboardEvents()
                }
                _detachKeyboardEvents() {
                    _short.keyboard.off(this._keyboardListenerId);
                    this._keyboardListenerId = null
                }
                _attachHoverEvents() {
                    const {
                        hoverStateEnabled: hoverStateEnabled
                    } = this.option();
                    const selector = this._activeStateUnit();
                    const $el = this._eventBindingTarget();
                    _short.hover.off($el, {
                        selector: selector,
                        namespace: "UIFeedback"
                    });
                    if (hoverStateEnabled) {
                        _short.hover.on($el, new _action.default(_ref3 => {
                            let {
                                event: event,
                                element: element
                            } = _ref3;
                            this._hoverStartHandler(event);
                            this.option("hoveredElement", (0, _renderer.default)(element))
                        }, {
                            excludeValidators: ["readOnly"]
                        }), event => {
                            this.option("hoveredElement", null);
                            this._hoverEndHandler(event)
                        }, {
                            selector: selector,
                            namespace: "UIFeedback"
                        })
                    }
                }
                _attachFeedbackEvents() {
                    const {
                        activeStateEnabled: activeStateEnabled
                    } = this.option();
                    const selector = this._activeStateUnit();
                    const $el = this._eventBindingTarget();
                    _short.active.off($el, {
                        namespace: "UIFeedback",
                        selector: selector
                    });
                    if (activeStateEnabled) {
                        _short.active.on($el, new _action.default(_ref4 => {
                            let {
                                event: event,
                                element: element
                            } = _ref4;
                            return this._toggleActiveState((0, _renderer.default)(element), true, event)
                        }), new _action.default(_ref5 => {
                            let {
                                event: event,
                                element: element
                            } = _ref5;
                            return this._toggleActiveState((0, _renderer.default)(element), false, event)
                        }, {
                            excludeValidators: ["disabled", "readOnly"]
                        }), {
                            showTimeout: this._feedbackShowTimeout(),
                            hideTimeout: this._feedbackHideTimeout(),
                            selector: selector,
                            namespace: "UIFeedback"
                        })
                    }
                }
                _detachFocusEvents() {
                    const $el = this._focusEventTarget();
                    _short.focus.off($el, {
                        namespace: `${this.NAME}Focus`
                    })
                }
                _attachFocusEvents() {
                    const $element = this._focusEventTarget();
                    _short.focus.on($element, e => this._focusInHandler(e), e => this._focusOutHandler(e), {
                        namespace: `${this.NAME}Focus`,
                        isFocusable: (_index, el) => (0, _renderer.default)(el).is(_m_selectors.focusable)
                    })
                }
                _hoverStartHandler(event) {}
                _hoverEndHandler(event) {}
                _toggleActiveState($element, value, event) {
                    this.option("isActive", value);
                    $element.toggleClass(ACTIVE_STATE_CLASS, value)
                }
                _updatedHover() {
                    const hoveredElement = this._options.silent("hoveredElement");
                    this._hover(hoveredElement, hoveredElement)
                }
                _findHoverTarget($el) {
                    return null === $el || void 0 === $el ? void 0 : $el.closest(this._activeStateUnit() || this._eventBindingTarget())
                }
                _hover($el, $previous) {
                    var _$previous;
                    const {
                        hoverStateEnabled: hoverStateEnabled,
                        disabled: disabled,
                        isActive: isActive
                    } = this.option();
                    $previous = this._findHoverTarget($previous);
                    null === (_$previous = $previous) || void 0 === _$previous || _$previous.toggleClass(HOVER_STATE_CLASS, false);
                    if ($el && hoverStateEnabled && !disabled && !isActive) {
                        const newHoveredElement = this._findHoverTarget($el);
                        null === newHoveredElement || void 0 === newHoveredElement || newHoveredElement.toggleClass(HOVER_STATE_CLASS, true)
                    }
                }
                _toggleDisabledState(value) {
                    this.$element().toggleClass("dx-state-disabled", Boolean(value));
                    this.setAria("disabled", value || void 0)
                }
                _toggleIndependentState() {
                    const {
                        ignoreParentReadOnly: ignoreParentReadOnly
                    } = this.option();
                    this.$element().toggleClass("dx-state-independent", ignoreParentReadOnly)
                }
                _setWidgetOption(widgetName, args) {
                    if (!this[widgetName]) {
                        return
                    }
                    if ((0, _type.isPlainObject)(args[0])) {
                        (0, _iterator.each)(args[0], (option, value) => this._setWidgetOption(widgetName, [option, value]));
                        return
                    }
                    const optionName = args[0];
                    let value = args[1];
                    if (1 === args.length) {
                        value = this.option(optionName)
                    }
                    const widgetOptionMap = this[`${widgetName}OptionMap`];
                    this[widgetName].option(widgetOptionMap ? widgetOptionMap(optionName) : optionName, value)
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value,
                        previousValue: previousValue
                    } = args;
                    switch (name) {
                        case "disabled":
                            this._toggleDisabledState(value);
                            this._updatedHover();
                            this._refreshFocusState();
                            break;
                        case "hint":
                            this._renderHint();
                            break;
                        case "ignoreParentReadOnly":
                            this._toggleIndependentState();
                            break;
                        case "activeStateEnabled":
                            this._attachFeedbackEvents();
                            break;
                        case "hoverStateEnabled":
                            this._attachHoverEvents();
                            this._updatedHover();
                            break;
                        case "tabIndex":
                        case "focusStateEnabled":
                            this._refreshFocusState();
                            break;
                        case "onFocusIn":
                        case "onFocusOut":
                        case "useResizeObserver":
                            break;
                        case "accessKey":
                            this._renderAccessKey();
                            break;
                        case "hoveredElement":
                            this._hover(value, previousValue);
                            break;
                        case "isActive":
                            this._updatedHover();
                            break;
                        case "visible":
                            this._toggleVisibility(value);
                            if (this._isVisibilityChangeSupported()) {
                                this._checkVisibilityChanged(value ? "shown" : "hiding")
                            }
                            break;
                        case "onKeyboardHandled":
                            this._attachKeyboardEvents();
                            break;
                        case "onContentReady":
                            this._initContentReadyAction();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _isVisible() {
                    const {
                        visible: visible
                    } = this.option();
                    return super._isVisible() && visible
                }
                beginUpdate() {
                    this._ready(false);
                    super.beginUpdate()
                }
                endUpdate() {
                    super.endUpdate();
                    if (this._initialized) {
                        this._ready(true)
                    }
                }
                _ready(value) {
                    if (0 === arguments.length) {
                        return !!this._isReady
                    }
                    this._isReady = !!value;
                    return this._isReady
                }
                setAria() {
                    if (!(0, _type.isPlainObject)(arguments.length <= 0 ? void 0 : arguments[0])) {
                        setAttribute(arguments.length <= 0 ? void 0 : arguments[0], arguments.length <= 1 ? void 0 : arguments[1], (arguments.length <= 2 ? void 0 : arguments[2]) || this._getAriaTarget())
                    } else {
                        const target = (arguments.length <= 1 ? void 0 : arguments[1]) || this._getAriaTarget();
                        (0, _iterator.each)(arguments.length <= 0 ? void 0 : arguments[0], (name, value) => setAttribute(name, value, target))
                    }
                }
                isReady() {
                    return this._ready()
                }
                repaint() {
                    this._refresh()
                }
                focus() {
                    _short.focus.trigger(this._focusTarget())
                }
                registerKeyHandler(key, handler) {
                    const currentKeys = this._supportedKeys();
                    this._supportedKeys = () => Object.assign({}, currentKeys, {
                        [key]: handler
                    })
                }
            }
            exports.default = Widget
        },
        11774(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _array_store = (e = __webpack_require__( /*! ../../../common/data/array_store */ 80556), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _data_source = __webpack_require__( /*! ../../../common/data/data_source/data_source */ 68216);
            var _utils = __webpack_require__( /*! ../../../common/data/data_source/utils */ 97169);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            exports.default = class {
                constructor(dataSourceOptions, _ref) {
                    let {
                        key: key
                    } = _ref;
                    this._isSharedDataSource = false;
                    this._keyExpr = key;
                    this.updateDataSource(dataSourceOptions)
                }
                _updateDataSource(dataSourceOptions) {
                    if (!dataSourceOptions) {
                        return
                    }
                    if (dataSourceOptions instanceof _data_source.DataSource) {
                        this._isSharedDataSource = true;
                        this._dataSource = dataSourceOptions
                    } else {
                        const normalizedDataSourceOptions = (0, _utils.normalizeDataSourceOptions)(dataSourceOptions);
                        this._dataSource = new _data_source.DataSource((0, _extend.extend)(true, {}, {}, normalizedDataSourceOptions))
                    }
                }
                _updateDataSourceByItems(items) {
                    this._dataSource = new _data_source.DataSource({
                        store: new _array_store.default({
                            key: this.key(),
                            data: items
                        }),
                        pageSize: 0
                    })
                }
                _disposeDataSource() {
                    if (this._dataSource) {
                        if (this._isSharedDataSource) {
                            this._isSharedDataSource = false
                        } else {
                            this._dataSource.dispose()
                        }
                        delete this._dataSource
                    }
                }
                load() {
                    return this._dataSource.load()
                }
                loadSingle(propName, propValue) {
                    if (!this._dataSource) {
                        return (new _deferred.Deferred).reject()
                    }
                    let pName = propName;
                    let pValue = propValue;
                    if (arguments.length < 2) {
                        pValue = propName;
                        pName = this.key()
                    }
                    return this._dataSource.loadSingle(pName, pValue)
                }
                loadFromStore(loadOptions) {
                    return this.store().load(loadOptions)
                }
                loadNextPage() {
                    this.pageIndex(1 + this.pageIndex());
                    return this.load()
                }
                loadOptions() {
                    return this._dataSource.loadOptions()
                }
                userData() {
                    return this._dataSource._userData
                }
                cancel(operationId) {
                    this._dataSource.cancel(operationId)
                }
                cancelAll() {
                    this._dataSource.cancelAll()
                }
                filter(filter) {
                    return this._dataSource.filter(filter)
                }
                addSearchFilter(storeLoadOptions) {
                    this._dataSource._addSearchFilter(storeLoadOptions)
                }
                group(group) {
                    return this._dataSource.group(group)
                }
                paginate() {
                    return this._dataSource.paginate()
                }
                pageSize() {
                    return this._dataSource._pageSize
                }
                pageIndex(pageIndex) {
                    if (void 0 === pageIndex) {
                        return this._dataSource.pageIndex(void 0)
                    }
                    return this._dataSource.pageIndex(pageIndex)
                }
                resetDataSource() {
                    this._disposeDataSource()
                }
                resetDataSourcePageIndex() {
                    if (this.pageIndex()) {
                        this.pageIndex(0);
                        this.load()
                    }
                }
                updateDataSource(items, key) {
                    const dataSourceOptions = items ?? this.items();
                    if (key) {
                        this._keyExpr = key
                    }
                    this._disposeDataSource();
                    if (Array.isArray(dataSourceOptions)) {
                        this._updateDataSourceByItems(dataSourceOptions)
                    } else {
                        this._updateDataSource(dataSourceOptions)
                    }
                }
                totalCount() {
                    return this._dataSource.totalCount()
                }
                isLastPage() {
                    return this._dataSource.isLastPage() || !this._dataSource._pageSize
                }
                isLoading() {
                    return this._dataSource.isLoading()
                }
                isLoaded() {
                    return this._dataSource.isLoaded()
                }
                searchValue(value) {
                    return this._dataSource.searchValue(value)
                }
                searchOperation(operation) {
                    return this._dataSource.searchOperation(operation)
                }
                searchExpr(expr) {
                    return this._dataSource.searchExpr(expr)
                }
                select() {
                    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                        args[_key] = arguments[_key]
                    }
                    return this._dataSource.select(args)
                }
                key() {
                    var _this$_dataSource;
                    const storeKey = null === (_this$_dataSource = this._dataSource) || void 0 === _this$_dataSource ? void 0 : _this$_dataSource.key();
                    return (0, _type.isDefined)(storeKey) && "this" === this._keyExpr ? storeKey : this._keyExpr
                }
                keyOf(item) {
                    return this.store().keyOf(item)
                }
                store() {
                    return this._dataSource.store()
                }
                items() {
                    var _this$_dataSource2;
                    return null === (_this$_dataSource2 = this._dataSource) || void 0 === _this$_dataSource2 ? void 0 : _this$_dataSource2.items()
                }
                applyMapFunction(data) {
                    return this._dataSource._applyMapFunction(data)
                }
                getDataSource() {
                    return this._dataSource ?? null
                }
                reload() {
                    return this._dataSource.reload()
                }
                on(event, handler) {
                    this._dataSource.on(event, handler)
                }
                off(event, handler) {
                    this._dataSource.off(event, handler)
                }
            }
        },
        40375(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getDataSourceOptions = function(dataSource) {
                if (!(0, _data.isGroupItemsArray)(dataSource) || dataSource.some(item => 2 !== Object.keys(item).length)) {
                    return dataSource
                }
                let hasSimpleItems = false;
                const data = dataSource.reduce((accumulator, item) => {
                    var _item$items;
                    const items = (null === (_item$items = item.items) || void 0 === _item$items ? void 0 : _item$items.map(value => {
                        let innerItem = value;
                        if (!(0, _type.isObject)(innerItem)) {
                            innerItem = {
                                text: innerItem
                            };
                            hasSimpleItems = true
                        }
                        const objectItem = innerItem;
                        if (!("key" in objectItem)) {
                            objectItem.key = item.key
                        }
                        return objectItem
                    })) ?? [];
                    return accumulator.concat(items)
                }, []);
                return {
                    store: {
                        type: "array",
                        data: data
                    },
                    group: {
                        selector: "key",
                        keepInitialKeyOrder: true
                    },
                    searchExpr: hasSimpleItems ? "text" : void 0
                }
            };
            var _data = __webpack_require__( /*! ../../../common/data */ 11036);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528)
        },
        79562(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DataSource = void 0;
            var _array_utils = __webpack_require__( /*! ../../../common/data/array_utils */ 43792);
            var _custom_store = __webpack_require__( /*! ../../../common/data/custom_store */ 63326);
            var _operation_manager = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/data_source/operation_manager */ 95853));
            var _utils = __webpack_require__( /*! ../../../common/data/data_source/utils */ 97169);
            var _errors = __webpack_require__( /*! ../../../common/data/errors */ 82812);
            var _utils2 = __webpack_require__( /*! ../../../common/data/utils */ 89358);
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../../core/class */ 55620));
            var _events_strategy = __webpack_require__( /*! ../../../core/events_strategy */ 2607);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _queue = __webpack_require__( /*! ../../../core/utils/queue */ 65221);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _m_common = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_common */ 39315));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.DataSource = _class.default.inherit({
                ctor(options) {
                    options = (0, _utils.normalizeDataSourceOptions)(options);
                    this._eventsStrategy = new _events_strategy.EventsStrategy(this, {
                        syncStrategy: true
                    });
                    this._store = options.store;
                    this._changedTime = 0;
                    const needThrottling = 0 !== options.pushAggregationTimeout;
                    if (needThrottling) {
                        const throttlingTimeout = void 0 === options.pushAggregationTimeout ? () => 5 * this._changedTime : options.pushAggregationTimeout;
                        let pushDeferred;
                        let lastPushWaiters;
                        const throttlingPushHandler = (0, _utils2.throttleChanges)(changes => {
                            pushDeferred.resolve();
                            const storePushPending = (0, _deferred.when)(...lastPushWaiters);
                            storePushPending.done(() => this._onPush(changes));
                            lastPushWaiters = void 0;
                            pushDeferred = void 0
                        }, throttlingTimeout);
                        this._onPushHandler = args => {
                            this._aggregationTimeoutId = throttlingPushHandler(args.changes);
                            if (!pushDeferred) {
                                pushDeferred = new _deferred.Deferred
                            }
                            lastPushWaiters = args.waitFor;
                            args.waitFor.push(pushDeferred.promise())
                        };
                        this._store.on("beforePushAggregation", this._onPushHandler)
                    } else {
                        this._onPushHandler = changes => this._onPush(changes);
                        this._store.on("push", this._onPushHandler)
                    }
                    this._storeLoadOptions = this._extractLoadOptions(options);
                    this._mapFunc = options.map;
                    this._postProcessFunc = options.postProcess;
                    this._pageIndex = void 0 !== options.pageIndex ? options.pageIndex : 0;
                    this._pageSize = void 0 !== options.pageSize ? options.pageSize : 20;
                    this._loadingCount = 0;
                    this._loadQueue = this._createLoadQueue();
                    this._searchValue = "searchValue" in options ? options.searchValue : null;
                    this._searchOperation = options.searchOperation || "contains";
                    this._searchExpr = options.searchExpr;
                    this._paginate = options.paginate;
                    this._reshapeOnPush = options.reshapeOnPush ?? false;
                    (0, _iterator.each)(["onChanged", "onLoadError", "onLoadingChanged", "onCustomizeLoadResult", "onCustomizeStoreLoadOptions"], (_, optionName) => {
                        if (optionName in options) {
                            this.on(optionName.substr(2, 1).toLowerCase() + optionName.substr(3), options[optionName])
                        }
                    });
                    this._operationManager = new _operation_manager.default;
                    this._init()
                },
                _init() {
                    this._items = [];
                    this._userData = {};
                    this._totalCount = -1;
                    this._isLoaded = false;
                    if (!(0, _type.isDefined)(this._paginate)) {
                        this._paginate = !this.group()
                    }
                    this._isLastPage = !this._paginate
                },
                dispose() {
                    var _this$_delayedLoadTas;
                    this._store.off("beforePushAggregation", this._onPushHandler);
                    this._store.off("push", this._onPushHandler);
                    this._eventsStrategy.dispose();
                    clearTimeout(this._aggregationTimeoutId);
                    null === (_this$_delayedLoadTas = this._delayedLoadTask) || void 0 === _this$_delayedLoadTas || _this$_delayedLoadTas.abort();
                    this._operationManager.cancelAll();
                    delete this._store;
                    delete this._items;
                    delete this._delayedLoadTask;
                    this._disposed = true
                },
                _extractLoadOptions(options) {
                    const result = {};
                    let names = ["sort", "filter", "langParams", "select", "group", "requireTotalCount"];
                    const customNames = this._store._customLoadOptions();
                    if (customNames) {
                        names = names.concat(customNames)
                    }(0, _iterator.each)(names, function() {
                        result[this] = options[this]
                    });
                    return result
                },
                loadOptions() {
                    return this._storeLoadOptions
                },
                items() {
                    return this._items
                },
                pageIndex(newIndex) {
                    if (!(0, _type.isNumeric)(newIndex)) {
                        return this._pageIndex
                    }
                    this._pageIndex = newIndex;
                    this._isLastPage = !this._paginate
                },
                paginate(value) {
                    if (!(0, _type.isBoolean)(value)) {
                        return this._paginate
                    }
                    if (this._paginate !== value) {
                        this._paginate = value;
                        this.pageIndex(0)
                    }
                },
                pageSize(value) {
                    if (!(0, _type.isNumeric)(value)) {
                        return this._pageSize
                    }
                    this._pageSize = value
                },
                isLastPage() {
                    return this._isLastPage
                },
                generateStoreLoadOptionAccessor(optionName) {
                    return args => {
                        const normalizedArgs = (0, _utils.normalizeStoreLoadOptionAccessorArguments)(args);
                        if (void 0 === normalizedArgs) {
                            return this._storeLoadOptions[optionName]
                        }
                        this._storeLoadOptions[optionName] = normalizedArgs
                    }
                },
                sort() {
                    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                        args[_key] = arguments[_key]
                    }
                    return this.generateStoreLoadOptionAccessor("sort")(args)
                },
                filter() {
                    const newFilter = (0, _utils.normalizeStoreLoadOptionAccessorArguments)(arguments);
                    if (void 0 === newFilter) {
                        return this._storeLoadOptions.filter
                    }
                    this._storeLoadOptions.filter = newFilter;
                    this.pageIndex(0)
                },
                group() {
                    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
                        args[_key2] = arguments[_key2]
                    }
                    return this.generateStoreLoadOptionAccessor("group")(args)
                },
                select() {
                    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
                        args[_key3] = arguments[_key3]
                    }
                    return this.generateStoreLoadOptionAccessor("select")(args)
                },
                requireTotalCount(value) {
                    if (!(0, _type.isBoolean)(value)) {
                        return this._storeLoadOptions.requireTotalCount
                    }
                    this._storeLoadOptions.requireTotalCount = value
                },
                searchValue(value) {
                    if (arguments.length < 1) {
                        return this._searchValue
                    }
                    this._searchValue = value;
                    this.pageIndex(0)
                },
                searchOperation(op) {
                    if (!(0, _type.isString)(op)) {
                        return this._searchOperation
                    }
                    this._searchOperation = op;
                    this.pageIndex(0)
                },
                searchExpr(expr) {
                    const argc = arguments.length;
                    if (0 === argc) {
                        return this._searchExpr
                    }
                    if (argc > 1) {
                        expr = [].slice.call(arguments)
                    }
                    this._searchExpr = expr;
                    this.pageIndex(0)
                },
                store() {
                    return this._store
                },
                key() {
                    var _this$_store;
                    return null === (_this$_store = this._store) || void 0 === _this$_store ? void 0 : _this$_store.key()
                },
                totalCount() {
                    return this._totalCount
                },
                isLoaded() {
                    return this._isLoaded
                },
                isLoading() {
                    return this._loadingCount > 0
                },
                beginLoading() {
                    this._changeLoadingCount(1)
                },
                endLoading() {
                    this._changeLoadingCount(-1)
                },
                _createLoadQueue: () => (0, _queue.create)(),
                _changeLoadingCount(increment) {
                    const oldLoading = this.isLoading();
                    this._loadingCount += increment;
                    const newLoading = this.isLoading();
                    if (oldLoading ^ newLoading) {
                        this._eventsStrategy.fireEvent("loadingChanged", [newLoading])
                    }
                },
                _scheduleLoadCallbacks(deferred) {
                    this.beginLoading();
                    deferred.always(() => {
                        this.endLoading()
                    })
                },
                _scheduleFailCallbacks(deferred) {
                    var _this = this;
                    deferred.fail(function() {
                        for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
                            args[_key4] = arguments[_key4]
                        }
                        if (args[0] === _utils.CANCELED_TOKEN) {
                            return
                        }
                        _this._eventsStrategy.fireEvent("loadError", args)
                    })
                },
                _fireChanged(args) {
                    const date = new Date;
                    this._eventsStrategy.fireEvent("changed", args);
                    this._changedTime = new Date - date
                },
                _scheduleChangedCallbacks(deferred) {
                    deferred.done(() => this._fireChanged())
                },
                loadSingle(propName, propValue) {
                    const d = new _deferred.Deferred;
                    const key = this.key();
                    const store = this._store;
                    const options = this._createStoreLoadOptions();
                    this._scheduleFailCallbacks(d);
                    if (arguments.length < 2) {
                        propValue = propName;
                        propName = key
                    }
                    delete options.skip;
                    delete options.group;
                    delete options.refresh;
                    delete options.pageIndex;
                    delete options.searchString;
                    (() => {
                        if (propName === key || store instanceof _custom_store.CustomStore && !store._byKeyViaLoad()) {
                            return store.byKey(propValue, options)
                        }
                        options.take = 1;
                        options.filter = options.filter ? [options.filter, [propName, propValue]] : [propName, propValue];
                        return store.load(options)
                    })().fail(d.reject).done(data => {
                        const isEmptyArray = Array.isArray(data) && !data.length;
                        if (!(0, _type.isDefined)(data) || isEmptyArray) {
                            d.reject(_errors.errors.Error("E4009"))
                        } else {
                            if (!Array.isArray(data)) {
                                data = [data]
                            }
                            d.resolve(this._applyMapFunction(data)[0])
                        }
                    });
                    return d.promise()
                },
                load() {
                    const d = new _deferred.Deferred;
                    const loadTask = () => {
                        if (this._disposed) {
                            return
                        }
                        if (!(0, _utils.isPending)(d)) {
                            return
                        }
                        return this._loadFromStore(loadOperation, d)
                    };
                    this._scheduleLoadCallbacks(d);
                    this._scheduleFailCallbacks(d);
                    this._scheduleChangedCallbacks(d);
                    const loadOperation = this._createLoadOperation(d);
                    this._eventsStrategy.fireEvent("customizeStoreLoadOptions", [loadOperation]);
                    this._loadQueue.add(() => {
                        if ("number" === typeof loadOperation.delay) {
                            this._delayedLoadTask = _m_common.default.executeAsync(loadTask, loadOperation.delay)
                        } else {
                            loadTask()
                        }
                        return d.promise()
                    });
                    return d.promise({
                        operationId: loadOperation.operationId
                    })
                },
                _onPush(changes) {
                    if (this._reshapeOnPush) {
                        this.load()
                    } else {
                        const changingArgs = {
                            changes: changes
                        };
                        this._eventsStrategy.fireEvent("changing", [changingArgs]);
                        const group = this.group();
                        const items = this.items();
                        let groupLevel = 0;
                        let dataSourceChanges = this.paginate() || group ? changes.filter(item => "update" === item.type) : changes;
                        if (group) {
                            groupLevel = Array.isArray(group) ? group.length : 1
                        }
                        if (this._mapFunc) {
                            dataSourceChanges.forEach(item => {
                                if ("insert" === item.type) {
                                    item.data = this._mapFunc(item.data)
                                }
                            })
                        }
                        if (changingArgs.postProcessChanges) {
                            dataSourceChanges = changingArgs.postProcessChanges(dataSourceChanges)
                        }(0, _array_utils.applyBatch)({
                            keyInfo: this.store(),
                            data: items,
                            changes: dataSourceChanges,
                            groupCount: groupLevel,
                            useInsertIndex: true
                        });
                        this._fireChanged([{
                            changes: changes
                        }])
                    }
                },
                _createLoadOperation(deferred) {
                    const operationId = this._operationManager.add(deferred);
                    const storeLoadOptions = this._createStoreLoadOptions();
                    if (this._store && !(0, _type.isEmptyObject)(null === storeLoadOptions || void 0 === storeLoadOptions ? void 0 : storeLoadOptions.langParams)) {
                        this._store._langParams = Object.assign({}, this._store._langParams, storeLoadOptions.langParams)
                    }
                    deferred.always(() => this._operationManager.remove(operationId));
                    return {
                        operationId: operationId,
                        storeLoadOptions: storeLoadOptions
                    }
                },
                reload() {
                    const store = this.store();
                    store._clearCache();
                    this._init();
                    return this.load()
                },
                cancel(operationId) {
                    return this._operationManager.cancel(operationId)
                },
                cancelAll() {
                    return this._operationManager.cancelAll()
                },
                _addSearchOptions(storeLoadOptions) {
                    if (this._disposed) {
                        return
                    }
                    if (this.store()._useDefaultSearch) {
                        this._addSearchFilter(storeLoadOptions)
                    } else {
                        storeLoadOptions.searchOperation = this._searchOperation;
                        storeLoadOptions.searchValue = this._searchValue;
                        storeLoadOptions.searchExpr = this._searchExpr
                    }
                },
                _createStoreLoadOptions() {
                    const result = (0, _extend.extend)({}, this._storeLoadOptions);
                    this._addSearchOptions(result);
                    if (this._paginate) {
                        if (this._pageSize) {
                            result.skip = this._pageIndex * this._pageSize;
                            result.take = this._pageSize
                        }
                    }
                    result.userData = this._userData;
                    return result
                },
                _addSearchFilter(storeLoadOptions) {
                    const value = this._searchValue;
                    const op = this._searchOperation;
                    let selector = this._searchExpr;
                    const searchFilter = [];
                    if (!value) {
                        return
                    }
                    if (!selector) {
                        selector = "this"
                    }
                    if (!Array.isArray(selector)) {
                        selector = [selector]
                    }(0, _iterator.each)(selector, (i, item) => {
                        if (searchFilter.length) {
                            searchFilter.push("or")
                        }
                        searchFilter.push([item, op, value])
                    });
                    if (storeLoadOptions.filter) {
                        storeLoadOptions.filter = [searchFilter, storeLoadOptions.filter]
                    } else {
                        storeLoadOptions.filter = searchFilter
                    }
                },
                _loadFromStore(loadOptions, pendingDeferred) {
                    const handleSuccess = (data, extra) => {
                        if (this._disposed) {
                            return
                        }
                        if (!(0, _utils.isPending)(pendingDeferred)) {
                            return
                        }
                        const loadResult = (0, _extend.extend)((0, _utils.normalizeLoadResult)(data, extra), loadOptions);
                        this._eventsStrategy.fireEvent("customizeLoadResult", [loadResult]);
                        (0, _deferred.when)(loadResult.data).done(data => {
                            loadResult.data = data;
                            this._processStoreLoadResult(loadResult, pendingDeferred)
                        }).fail(pendingDeferred.reject)
                    };
                    if (loadOptions.data) {
                        return (new _deferred.Deferred).resolve(loadOptions.data).done(handleSuccess)
                    }
                    return this.store().load(loadOptions.storeLoadOptions).done(handleSuccess).fail(pendingDeferred.reject)
                },
                _processStoreLoadResult(loadResult, pendingDeferred) {
                    let {
                        data: data
                    } = loadResult;
                    let {
                        extra: extra
                    } = loadResult;
                    const {
                        storeLoadOptions: storeLoadOptions
                    } = loadResult;
                    const resolvePendingDeferred = () => {
                        this._isLoaded = true;
                        this._totalCount = isFinite(extra.totalCount) ? extra.totalCount : -1;
                        return pendingDeferred.resolve(data, extra)
                    };
                    const proceedLoadingTotalCount = () => {
                        this.store().totalCount(storeLoadOptions).done(count => {
                            extra.totalCount = count;
                            resolvePendingDeferred()
                        }).fail(pendingDeferred.reject)
                    };
                    if (this._disposed) {
                        return
                    }
                    data = this._applyPostProcessFunction(this._applyMapFunction(data));
                    if (!(0, _type.isObject)(extra)) {
                        extra = {}
                    }
                    this._items = data;
                    if (!data.length || !this._paginate || this._pageSize && data.length < this._pageSize) {
                        this._isLastPage = true
                    }
                    if (storeLoadOptions.requireTotalCount && !isFinite(extra.totalCount)) {
                        proceedLoadingTotalCount()
                    } else {
                        resolvePendingDeferred()
                    }
                },
                _applyMapFunction(data) {
                    if (this._mapFunc) {
                        return (0, _utils.mapDataRespectingGrouping)(data, this._mapFunc, this.group())
                    }
                    return data
                },
                _applyPostProcessFunction(data) {
                    if (this._postProcessFunc) {
                        return this._postProcessFunc(data)
                    }
                    return data
                },
                on(eventName, eventHandler) {
                    this._eventsStrategy.on(eventName, eventHandler);
                    return this
                },
                off(eventName, eventHandler) {
                    this._eventsStrategy.off(eventName, eventHandler);
                    return this
                }
            })
        },
        9427(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _utils = __webpack_require__( /*! ../../../common/data/data_source/utils */ 97169);
            exports.default = class {
                constructor() {
                    this._counter = -1;
                    this._deferreds = {}
                }
                add(deferred) {
                    this._counter++;
                    this._deferreds[this._counter] = deferred;
                    return this._counter
                }
                remove(operationId) {
                    return delete this._deferreds[operationId]
                }
                cancel(operationId) {
                    if (operationId in this._deferreds) {
                        this._deferreds[operationId].reject(_utils.CANCELED_TOKEN);
                        return true
                    }
                    return false
                }
                cancelAll() {
                    while (this._counter > -1) {
                        this.cancel(this._counter);
                        this._counter--
                    }
                }
            }
        },
        23923(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.normalizeStoreLoadOptionAccessorArguments = exports.normalizeLoadResult = exports.normalizeDataSourceOptions = exports.mapDataRespectingGrouping = exports.isPending = exports.CANCELED_TOKEN = void 0;
            var _array_store = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/array_store */ 80556));
            var _custom_store = __webpack_require__( /*! ../../../common/data/custom_store */ 63326);
            var _utils = __webpack_require__( /*! ../../../common/data/utils */ 89358);
            var _ajax = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/ajax */ 78670));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _abstract_store = _interopRequireDefault(__webpack_require__( /*! ../../../data/abstract_store */ 77735));
            const _excluded = ["items"];

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.CANCELED_TOKEN = "canceled";
            exports.isPending = deferred => "pending" === deferred.state();
            exports.normalizeStoreLoadOptionAccessorArguments = originalArguments => {
                switch (originalArguments.length) {
                    case 0:
                        return;
                    case 1:
                        return originalArguments[0]
                }
                return [].slice.call(originalArguments)
            };
            const mapRecursive = (items, level, mapper) => {
                if (!Array.isArray(items)) {
                    return items
                }
                return level ? ((group, level, mapper) => (0, _iterator.map)(group, item => {
                    const restItem = function(r, e) {
                        if (null == r) {
                            return {}
                        }
                        var t = {};
                        for (var n in r) {
                            if ({}.hasOwnProperty.call(r, n)) {
                                if (-1 !== e.indexOf(n)) {
                                    continue
                                }
                                t[n] = r[n]
                            }
                        }
                        return t
                    }(item, _excluded);
                    return Object.assign({}, restItem, {
                        items: mapRecursive(item.items, level - 1, mapper)
                    })
                }))(items, level, mapper) : (0, _iterator.map)(items, mapper)
            };
            exports.mapDataRespectingGrouping = (items, mapper, groupInfo) => {
                const level = groupInfo ? (0, _utils.normalizeSortingInfo)(groupInfo).length : 0;
                return mapRecursive(items, level, mapper)
            };
            exports.normalizeLoadResult = (data, extra) => {
                var _data;
                if (null !== (_data = data) && void 0 !== _data && _data.data) {
                    extra = data;
                    data = data.data
                }
                if (!Array.isArray(data)) {
                    data = [data]
                }
                return {
                    data: data,
                    extra: extra
                }
            };
            const createCustomStoreFromLoadFunc = options => {
                const storeConfig = {};
                (0, _iterator.each)(["useDefaultSearch", "key", "load", "loadMode", "cacheRawData", "byKey", "lookup", "totalCount", "insert", "update", "remove"], function() {
                    storeConfig[this] = options[this];
                    delete options[this]
                });
                return new _custom_store.CustomStore(storeConfig)
            };
            const createCustomStoreFromUrl = (url, normalizationOptions) => new _custom_store.CustomStore({
                load: () => _ajax.default.sendRequest({
                    url: url,
                    dataType: "json"
                }),
                loadMode: null === normalizationOptions || void 0 === normalizationOptions ? void 0 : normalizationOptions.fromUrlLoadMode
            });
            exports.normalizeDataSourceOptions = (options, normalizationOptions) => {
                let store;
                if ("string" === typeof options) {
                    options = {
                        paginate: false,
                        store: createCustomStoreFromUrl(options, normalizationOptions)
                    }
                }
                if (void 0 === options) {
                    options = []
                }
                if (Array.isArray(options) || options instanceof _abstract_store.default) {
                    options = {
                        store: options
                    }
                } else {
                    options = (0, _extend.extend)({}, options)
                }
                if (void 0 === options.store) {
                    options.store = []
                }
                store = options.store;
                if ("load" in options) {
                    store = createCustomStoreFromLoadFunc(options)
                } else if (Array.isArray(store)) {
                    store = new _array_store.default(store)
                } else if ((0, _type.isPlainObject)(store)) {
                    store = (storeConfig => {
                        const alias = storeConfig.type;
                        delete storeConfig.type;
                        return _abstract_store.default.create(alias, storeConfig)
                    })((0, _extend.extend)({}, store))
                }
                options.store = store;
                return options
            }
        },
        1773(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _errors = __webpack_require__( /*! ../../common/data/errors */ 82812);
            var _store_helper = _interopRequireDefault(__webpack_require__( /*! ../../common/data/store_helper */ 66177));
            var _utils = __webpack_require__( /*! ../../common/data/utils */ 89358);
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../core/class */ 55620));
            var _events_strategy = __webpack_require__( /*! ../../core/events_strategy */ 2607);
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../core/utils/data */ 31e3);
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                abstract: abstract
            } = _class.default;
            const {
                queryByOptions: queryByOptions
            } = _store_helper.default;
            const storeImpl = {};
            const Store = _class.default.inherit({
                _langParams: {},
                ctor(options) {
                    const that = this;
                    options = options || {};
                    this._eventsStrategy = new _events_strategy.EventsStrategy(this);
                    (0, _iterator.each)(["onLoaded", "onLoading", "onInserted", "onInserting", "onUpdated", "onUpdating", "onPush", "onRemoved", "onRemoving", "onModified", "onModifying"], (_, optionName) => {
                        if (optionName in options) {
                            that.on(optionName.slice(2).toLowerCase(), options[optionName])
                        }
                    });
                    this._key = options.key;
                    this._errorHandler = options.errorHandler;
                    this._useDefaultSearch = true
                },
                _clearCache: _common.noop,
                _customLoadOptions: () => null,
                key() {
                    return this._key
                },
                keyOf(obj) {
                    if (!this._keyGetter) {
                        this._keyGetter = (0, _data.compileGetter)(this.key())
                    }
                    return this._keyGetter(obj)
                },
                _requireKey() {
                    if (!this.key()) {
                        throw _errors.errors.Error("E4005")
                    }
                },
                load(options) {
                    const that = this;
                    options = options || {};
                    this._eventsStrategy.fireEvent("loading", [options]);
                    return this._withLock(this._loadImpl(options)).done(result => {
                        that._eventsStrategy.fireEvent("loaded", [result, options])
                    })
                },
                _loadImpl(options) {
                    if (!(0, _type.isEmptyObject)(this._langParams)) {
                        options = options || {};
                        options._langParams = Object.assign({}, this._langParams, options._langParams)
                    }
                    return queryByOptions(this.createQuery(options), options).enumerate()
                },
                _withLock(task) {
                    const result = new _deferred.Deferred;
                    task.done(function() {
                        const that = this;
                        const args = arguments;
                        _utils.processRequestResultLock.promise().done(() => {
                            result.resolveWith(that, args)
                        })
                    }).fail(function() {
                        result.rejectWith(this, arguments)
                    });
                    return result
                },
                createQuery: abstract,
                totalCount(options) {
                    return this._totalCountImpl(options)
                },
                _totalCountImpl(options) {
                    return queryByOptions(this.createQuery(options), options, true).count()
                },
                byKey(key, extraOptions) {
                    return this._addFailHandlers(this._withLock(this._byKeyImpl(key, extraOptions)))
                },
                _byKeyImpl: abstract,
                insert(values) {
                    const that = this;
                    that._eventsStrategy.fireEvent("modifying");
                    that._eventsStrategy.fireEvent("inserting", [values]);
                    return that._addFailHandlers(that._insertImpl(values).done((callbackValues, callbackKey) => {
                        that._eventsStrategy.fireEvent("inserted", [callbackValues, callbackKey]);
                        that._eventsStrategy.fireEvent("modified")
                    }))
                },
                _insertImpl: abstract,
                update(key, values) {
                    const that = this;
                    that._eventsStrategy.fireEvent("modifying");
                    that._eventsStrategy.fireEvent("updating", [key, values]);
                    return that._addFailHandlers(that._updateImpl(key, values).done(() => {
                        that._eventsStrategy.fireEvent("updated", [key, values]);
                        that._eventsStrategy.fireEvent("modified")
                    }))
                },
                _updateImpl: abstract,
                push(changes) {
                    const beforePushArgs = {
                        changes: changes,
                        waitFor: []
                    };
                    this._eventsStrategy.fireEvent("beforePushAggregation", [beforePushArgs]);
                    (0, _deferred.when)(...beforePushArgs.waitFor).done(() => {
                        this._pushImpl(changes);
                        this._eventsStrategy.fireEvent("beforePush", [{
                            changes: changes
                        }]);
                        this._eventsStrategy.fireEvent("push", [changes])
                    })
                },
                _pushImpl: _common.noop,
                remove(key) {
                    const that = this;
                    that._eventsStrategy.fireEvent("modifying");
                    that._eventsStrategy.fireEvent("removing", [key]);
                    return that._addFailHandlers(that._removeImpl(key).done(callbackKey => {
                        that._eventsStrategy.fireEvent("removed", [callbackKey]);
                        that._eventsStrategy.fireEvent("modified")
                    }))
                },
                _removeImpl: abstract,
                _addFailHandlers(deferred) {
                    return deferred.fail(this._errorHandler).fail(_errors.handleError)
                },
                on(eventName, eventHandler) {
                    this._eventsStrategy.on(eventName, eventHandler);
                    return this
                },
                off(eventName, eventHandler) {
                    this._eventsStrategy.off(eventName, eventHandler);
                    return this
                }
            });
            Store.create = function(alias, options) {
                if (!(alias in storeImpl)) {
                    throw _errors.errors.Error("E4020", alias)
                }
                return new storeImpl[alias](options)
            };
            Store.registerClass = function(type, alias) {
                if (alias) {
                    storeImpl[alias] = type
                }
                return type
            };
            Store.inherit = (inheritor = Store.inherit, function(members, alias) {
                const type = inheritor.apply(this, [members]);
                Store.registerClass(type, alias);
                return type
            });
            var inheritor;
            exports.default = Store
        },
        79587(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _errors = __webpack_require__( /*! ../../common/data/errors */ 82812);
            var _utils = __webpack_require__( /*! ../../common/data/utils */ 89358);
            var _class = (e = __webpack_require__( /*! ../../core/class */ 55620), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _data = __webpack_require__( /*! ../../core/utils/data */ 31e3);
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            const Iterator = _class.default.inherit({
                toArray() {
                    const result = [];
                    this.reset();
                    while (this.next()) {
                        result.push(this.current())
                    }
                    return result
                },
                countable: () => false
            });
            const ArrayIterator = Iterator.inherit({
                ctor(array) {
                    this.array = array;
                    this.index = -1
                },
                next() {
                    if (this.index + 1 < this.array.length) {
                        this.index++;
                        return true
                    }
                    return false
                },
                current() {
                    return this.array[this.index]
                },
                reset() {
                    this.index = -1
                },
                toArray() {
                    return this.array.slice(0)
                },
                countable: () => true,
                count() {
                    return this.array.length
                }
            });
            const WrappedIterator = Iterator.inherit({
                ctor(iter) {
                    this.iter = iter
                },
                next() {
                    return this.iter.next()
                },
                current() {
                    return this.iter.current()
                },
                reset() {
                    return this.iter.reset()
                }
            });
            const MapIterator = WrappedIterator.inherit({
                ctor(iter, mapper) {
                    this.callBase(iter);
                    this.index = -1;
                    this.mapper = mapper
                },
                current() {
                    return this.mapper(this.callBase(), this.index)
                },
                next() {
                    const hasNext = this.callBase();
                    if (hasNext) {
                        this.index++
                    }
                    return hasNext
                }
            });
            const SortIterator = Iterator.inherit({
                ctor(iter, getter, desc, compare) {
                    this.langParams = iter.langParams;
                    if (!(iter instanceof MapIterator)) {
                        iter = new MapIterator(iter, this._wrap);
                        iter.langParams = this.langParams
                    }
                    this.iter = iter;
                    this.rules = [{
                        getter: getter,
                        desc: desc,
                        compare: compare,
                        langParams: this.langParams
                    }]
                },
                thenBy(getter, desc, compare) {
                    const result = new SortIterator(this.sortedIter || this.iter, getter, desc, compare);
                    if (!this.sortedIter) {
                        result.rules = this.rules.concat(result.rules)
                    }
                    return result
                },
                next() {
                    this._ensureSorted();
                    return this.sortedIter.next()
                },
                current() {
                    this._ensureSorted();
                    return this.sortedIter.current()
                },
                reset() {
                    delete this.sortedIter
                },
                countable() {
                    return this.sortedIter || this.iter.countable()
                },
                count() {
                    if (this.sortedIter) {
                        return this.sortedIter.count()
                    }
                    return this.iter.count()
                },
                _ensureSorted() {
                    const that = this;
                    if (that.sortedIter) {
                        return
                    }(0, _iterator.each)(that.rules, function() {
                        this.getter = (0, _data.compileGetter)(this.getter)
                    });
                    that.sortedIter = new MapIterator(new ArrayIterator(this.iter.toArray().sort((x, y) => that._compare(x, y))), that._unwrap)
                },
                _wrap: (record, index) => ({
                    index: index,
                    value: record
                }),
                _unwrap: wrappedItem => wrappedItem.value,
                _getDefaultCompare: langParams => (xValue, yValue) => function(xValue, yValue, options) {
                    if ((0, _type.isString)(xValue) && (0, _type.isString)(yValue) && (null !== options && void 0 !== options && options.locale || null !== options && void 0 !== options && options.collatorOptions)) {
                        return new Intl.Collator((null === options || void 0 === options ? void 0 : options.locale) || void 0, (null === options || void 0 === options ? void 0 : options.collatorOptions) || void 0).compare(xValue, yValue)
                    }
                    xValue = (0, _data.toComparable)(xValue, false, options);
                    yValue = (0, _data.toComparable)(yValue, false, options);
                    if (null === xValue && null !== yValue) {
                        return -1
                    }
                    if (null !== xValue && null === yValue) {
                        return 1
                    }
                    if (void 0 === xValue && void 0 !== yValue) {
                        return 1
                    }
                    if (void 0 !== xValue && void 0 === yValue) {
                        return -1
                    }
                    if (xValue < yValue) {
                        return -1
                    }
                    if (xValue > yValue) {
                        return 1
                    }
                    return 0
                }(xValue, yValue, langParams),
                _compare(x, y) {
                    const xIndex = x.index;
                    const yIndex = y.index;
                    x = x.value;
                    y = y.value;
                    if (x === y) {
                        return xIndex - yIndex
                    }
                    for (let i = 0, rulesCount = this.rules.length; i < rulesCount; i++) {
                        const rule = this.rules[i];
                        const xValue = rule.getter(x);
                        const yValue = rule.getter(y);
                        const compare = rule.compare || this._getDefaultCompare(rule.langParams);
                        const compareResult = compare(xValue, yValue);
                        if (compareResult) {
                            return rule.desc ? -compareResult : compareResult
                        }
                    }
                    return xIndex - yIndex
                }
            });
            const compileCriteria = function() {
                let langParams = {};
                const _toComparable = value => (0, _data.toComparable)(value, false, langParams);
                const compileGroup = function(crit) {
                    if ((0, _utils.isUniformEqualsByOr)(crit)) {
                        return (crit => {
                            const getter = (0, _data.compileGetter)(crit[0][0]);
                            const filterValues = crit.reduce((acc, item, i) => {
                                if (i % 2 === 0) {
                                    acc.push(_toComparable(item[2]))
                                }
                                return acc
                            }, []);
                            return obj => {
                                const value = _toComparable(getter(obj));
                                return filterValues.some(filterValue => useStrictComparison(filterValue) ? value === filterValue : value == filterValue)
                            }
                        })(crit)
                    }
                    const ops = [];
                    let isConjunctiveOperator = false;
                    let isConjunctiveNextOperator = false;
                    (0, _iterator.each)(crit, function() {
                        if (Array.isArray(this) || (0, _type.isFunction)(this)) {
                            if (ops.length > 1 && isConjunctiveOperator !== isConjunctiveNextOperator) {
                                throw _errors.errors.Error("E4019")
                            }
                            ops.push(compileCriteria(this, langParams));
                            isConjunctiveOperator = isConjunctiveNextOperator;
                            isConjunctiveNextOperator = true
                        } else {
                            isConjunctiveNextOperator = (0, _utils.isConjunctiveOperator)(this)
                        }
                    });
                    return function(d) {
                        let result = isConjunctiveOperator;
                        for (let i = 0; i < ops.length; i++) {
                            if (ops[i](d) !== isConjunctiveOperator) {
                                result = !isConjunctiveOperator;
                                break
                            }
                        }
                        return result
                    }
                };
                const toString = function(value) {
                    var _langParams;
                    return (0, _type.isDefined)(value) ? null !== (_langParams = langParams) && void 0 !== _langParams && _langParams.locale ? value.toLocaleString(langParams.locale) : value.toString() : ""
                };

                function compileEquals(getter, value, negate) {
                    return function(obj) {
                        obj = _toComparable(getter(obj));
                        let result = useStrictComparison(value) ? obj === value : obj == value;
                        if (negate) {
                            result = !result
                        }
                        return result
                    }
                }

                function useStrictComparison(value) {
                    return "" === value || 0 === value || false === value
                }
                return function(crit, options) {
                    langParams = options || {};
                    if ((0, _type.isFunction)(crit)) {
                        return crit
                    }
                    if ((0, _utils.isGroupCriterion)(crit)) {
                        return compileGroup(crit)
                    }
                    if ((0, _utils.isUnaryOperation)(crit)) {
                        return function(crit) {
                            const op = crit[0];
                            const criteria = compileCriteria(crit[1], langParams);
                            if ("!" === op) {
                                return function(obj) {
                                    return !criteria(obj)
                                }
                            }
                            throw _errors.errors.Error("E4003", op)
                        }(crit)
                    }
                    return function(crit) {
                        crit = (0, _utils.normalizeBinaryCriterion)(crit);
                        const getter = (0, _data.compileGetter)(crit[0]);
                        const op = crit[1];
                        let value = crit[2];
                        value = _toComparable(value);
                        const compare = (obj, operatorFn) => {
                            obj = _toComparable(getter(obj));
                            return (null == value || null == obj) && value !== obj ? false : operatorFn(obj, value)
                        };
                        switch (op.toLowerCase()) {
                            case "=":
                                return compileEquals(getter, value);
                            case "<>":
                                return compileEquals(getter, value, true);
                            case ">":
                                return obj => compare(obj, (a, b) => a > b);
                            case "<":
                                return obj => compare(obj, (a, b) => a < b);
                            case ">=":
                                return obj => compare(obj, (a, b) => a >= b);
                            case "<=":
                                return obj => compare(obj, (a, b) => a <= b);
                            case "startswith":
                                return obj => _toComparable(toString(getter(obj))).startsWith(value);
                            case "endswith":
                                return obj => _toComparable(toString(getter(obj))).endsWith(value);
                            case "contains":
                                return obj => _toComparable(toString(getter(obj))).includes(value);
                            case "notcontains":
                                return obj => !_toComparable(toString(getter(obj))).includes(value)
                        }
                        throw _errors.errors.Error("E4003", op)
                    }(crit)
                }
            }();
            const FilterIterator = WrappedIterator.inherit({
                ctor(iter, criteria) {
                    this.callBase(iter);
                    this.langParams = iter.langParams;
                    this.criteria = compileCriteria(criteria, this.langParams)
                },
                next() {
                    while (this.iter.next()) {
                        if (this.criteria(this.current())) {
                            return true
                        }
                    }
                    return false
                }
            });
            const GroupIterator = Iterator.inherit({
                ctor(iter, getter) {
                    this.iter = iter;
                    this.getter = getter
                },
                next() {
                    this._ensureGrouped();
                    return this.groupedIter.next()
                },
                current() {
                    this._ensureGrouped();
                    return this.groupedIter.current()
                },
                reset() {
                    delete this.groupedIter
                },
                countable() {
                    return !!this.groupedIter
                },
                count() {
                    return this.groupedIter.count()
                },
                _ensureGrouped() {
                    if (this.groupedIter) {
                        return
                    }
                    const hash = {};
                    const keys = [];
                    const {
                        iter: iter
                    } = this;
                    const getter = (0, _data.compileGetter)(this.getter);
                    iter.reset();
                    while (iter.next()) {
                        const current = iter.current();
                        const key = getter(current);
                        if (key in hash) {
                            hash[key].push(current)
                        } else {
                            hash[key] = [current];
                            keys.push(key)
                        }
                    }
                    this.groupedIter = new ArrayIterator((0, _iterator.map)(keys, key => ({
                        key: key,
                        items: hash[key]
                    })))
                }
            });
            const SelectIterator = WrappedIterator.inherit({
                ctor(iter, getter) {
                    this.callBase(iter);
                    this.getter = (0, _data.compileGetter)(getter)
                },
                current() {
                    return this.getter(this.callBase())
                },
                countable() {
                    return this.iter.countable()
                },
                count() {
                    return this.iter.count()
                }
            });
            const SliceIterator = WrappedIterator.inherit({
                ctor(iter, skip, take) {
                    this.callBase(iter);
                    this.skip = Math.max(0, skip);
                    this.take = Math.max(0, take);
                    this.pos = 0
                },
                next() {
                    if (this.pos >= this.skip + this.take) {
                        return false
                    }
                    while (this.pos < this.skip && this.iter.next()) {
                        this.pos++
                    }
                    this.pos++;
                    return this.iter.next()
                },
                reset() {
                    this.callBase();
                    this.pos = 0
                },
                countable() {
                    return this.iter.countable()
                },
                count() {
                    return Math.min(this.iter.count() - this.skip, this.take)
                }
            });
            const arrayQueryImpl = function(iter, queryOptions) {
                queryOptions = queryOptions || {};
                if (!(iter instanceof Iterator)) {
                    iter = new ArrayIterator(iter)
                }
                if (queryOptions.langParams) {
                    iter.langParams = queryOptions.langParams
                }
                const handleError = function(error) {
                    const handler = queryOptions.errorHandler;
                    if (handler) {
                        handler(error)
                    }(0, _errors.handleError)(error)
                };
                const aggregateCore = function(aggregator) {
                    const d = (new _deferred.Deferred).fail(handleError);
                    let seed;
                    const {
                        step: step
                    } = aggregator;
                    const {
                        finalize: finalize
                    } = aggregator;
                    try {
                        iter.reset();
                        if ("seed" in aggregator) {
                            seed = aggregator.seed
                        } else {
                            seed = iter.next() ? iter.current() : NaN
                        }
                        let accumulator = seed;
                        while (iter.next()) {
                            accumulator = step(accumulator, iter.current())
                        }
                        d.resolve(finalize ? finalize(accumulator) : accumulator)
                    } catch (x) {
                        d.reject(x)
                    }
                    return d.promise()
                };
                const standardAggregate = function(name) {
                    return aggregateCore(_utils.aggregators[name])
                };
                const select = function(getter) {
                    if (!(0, _type.isFunction)(getter) && !Array.isArray(getter)) {
                        getter = [].slice.call(arguments)
                    }
                    return chainQuery(new SelectIterator(iter, getter))
                };
                const selectProp = function(name) {
                    return select((0, _data.compileGetter)(name))
                };

                function chainQuery(iter) {
                    return arrayQueryImpl(iter, queryOptions)
                }
                return {
                    toArray: () => iter.toArray(),
                    enumerate() {
                        const d = (new _deferred.Deferred).fail(handleError);
                        try {
                            d.resolve(iter.toArray())
                        } catch (x) {
                            d.reject(x)
                        }
                        return d.promise()
                    },
                    setLangParams(options) {
                        iter.langParams = options
                    },
                    sortBy: (getter, desc, compare) => chainQuery(new SortIterator(iter, getter, desc, compare)),
                    thenBy(getter, desc, compare) {
                        if (iter instanceof SortIterator) {
                            return chainQuery(iter.thenBy(getter, desc, compare))
                        }
                        throw _errors.errors.Error("E4004")
                    },
                    filter(criteria) {
                        if (!Array.isArray(criteria)) {
                            criteria = [].slice.call(arguments)
                        }
                        return chainQuery(new FilterIterator(iter, criteria))
                    },
                    slice(skip, take) {
                        if (void 0 === take) {
                            take = Number.MAX_VALUE
                        }
                        return chainQuery(new SliceIterator(iter, skip, take))
                    },
                    select: select,
                    groupBy: getter => chainQuery(new GroupIterator(iter, getter)),
                    aggregate: function(seed, step, finalize) {
                        if (arguments.length < 2) {
                            return aggregateCore({
                                step: arguments[0]
                            })
                        }
                        return aggregateCore({
                            seed: seed,
                            step: step,
                            finalize: finalize
                        })
                    },
                    count() {
                        if (iter.countable()) {
                            const d = (new _deferred.Deferred).fail(handleError);
                            try {
                                d.resolve(iter.count())
                            } catch (x) {
                                d.reject(x)
                            }
                            return d.promise()
                        }
                        return standardAggregate("count")
                    },
                    sum(getter) {
                        if (getter) {
                            return selectProp(getter).sum()
                        }
                        return standardAggregate("sum")
                    },
                    min(getter) {
                        if (getter) {
                            return selectProp(getter).min()
                        }
                        return standardAggregate("min")
                    },
                    max(getter) {
                        if (getter) {
                            return selectProp(getter).max()
                        }
                        return standardAggregate("max")
                    },
                    avg(getter) {
                        if (getter) {
                            return selectProp(getter).avg()
                        }
                        return standardAggregate("avg")
                    }
                }
            };
            exports.default = arrayQueryImpl
        },
        11338(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _array_utils = __webpack_require__( /*! ../../common/data/array_utils */ 43792);
            var _errors = __webpack_require__( /*! ../../common/data/errors */ 82812);
            var _query = _interopRequireDefault(__webpack_require__( /*! ../../common/data/query */ 30771));
            var _utils = __webpack_require__( /*! ../../common/data/utils */ 89358);
            var _abstract_store = _interopRequireDefault(__webpack_require__( /*! ../../data/abstract_store */ 77735));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ArrayStore = _abstract_store.default.inherit({
                ctor(options) {
                    if (Array.isArray(options)) {
                        options = {
                            data: options
                        }
                    } else {
                        options = options || {}
                    }
                    this.callBase(options);
                    const initialArray = options.data;
                    if (initialArray && !Array.isArray(initialArray)) {
                        throw _errors.errors.Error("E4006")
                    }
                    this._array = initialArray || []
                },
                createQuery() {
                    return (0, _query.default)(this._array, {
                        errorHandler: this._errorHandler
                    })
                },
                _byKeyImpl(key) {
                    const index = (0, _array_utils.indexByKey)(this, this._array, key);
                    if (-1 === index) {
                        return (0, _utils.rejectedPromise)(_errors.errors.Error("E4009"))
                    }
                    return (0, _utils.trivialPromise)(this._array[index])
                },
                _insertImpl(values) {
                    return (0, _array_utils.insert)(this, this._array, values)
                },
                _pushImpl(changes) {
                    (0, _array_utils.applyBatch)({
                        keyInfo: this,
                        data: this._array,
                        changes: changes
                    })
                },
                _updateImpl(key, values) {
                    return (0, _array_utils.update)(this, this._array, key, values)
                },
                _removeImpl(key) {
                    return (0, _array_utils.remove)(this, this._array, key)
                },
                clear() {
                    this._eventsStrategy.fireEvent("modifying");
                    this._array = [];
                    this._eventsStrategy.fireEvent("modified")
                }
            }, "array");
            exports.default = ArrayStore
        },
        3198(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.applyBatch = applyBatch;
            exports.applyChanges = function(data, changes) {
                let options = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
                const {
                    keyExpr: keyExpr = "id",
                    immutable: immutable = true
                } = options;
                const keyGetter = (0, _data.compileGetter)(keyExpr);
                const keyInfo = {
                    key: () => keyExpr,
                    keyOf: obj => keyGetter(obj)
                };
                return applyBatch({
                    keyInfo: keyInfo,
                    data: data,
                    changes: changes,
                    immutable: immutable,
                    disableCache: true,
                    logError: true
                })
            };
            exports.createObjectWithChanges = createObjectWithChanges;
            exports.indexByKey = indexByKey;
            exports.insert = insert;
            exports.remove = remove;
            exports.update = update;
            var _errors = __webpack_require__( /*! ../../common/data/errors */ 82812);
            var _utils = __webpack_require__( /*! ../../common/data/utils */ 89358);
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../core/config */ 66636));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../core/guid */ 19427));
            var _data = __webpack_require__( /*! ../../core/utils/data */ 31e3);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _object = __webpack_require__( /*! ../../core/utils/object */ 22263);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }

            function findItems(keyInfo, items, key, groupCount) {
                let childItems;
                let result;
                if (groupCount) {
                    for (let i = 0; i < items.length; i++) {
                        childItems = items[i].items || items[i].collapsedItems || [];
                        result = findItems(keyInfo, childItems || [], key, groupCount - 1);
                        if (result) {
                            return result
                        }
                    }
                } else if (indexByKey(keyInfo, items, key) >= 0) {
                    return items
                }
            }

            function getItems(keyInfo, items, key, groupCount) {
                if (groupCount) {
                    return findItems(keyInfo, items, key, groupCount) || []
                }
                return items
            }

            function setDataByKeyMapValue(array, key, data) {
                if (array._dataByKeyMap) {
                    array._dataByKeyMap[JSON.stringify(key)] = data;
                    array._dataByKeyMapLength += data ? 1 : -1
                }
            }

            function cloneInstanceWithChangedPaths(instance, changes, clonedInstances) {
                clonedInstances = clonedInstances || new WeakMap;
                const result = instance ? Object.create(Object.getPrototypeOf(instance)) : {};
                if (instance) {
                    clonedInstances.set(instance, result)
                }
                const instanceWithoutPrototype = Object.assign({}, instance);
                (0, _object.deepExtendArraySafe)(result, instanceWithoutPrototype, true, true, true);
                for (const name in instanceWithoutPrototype) {
                    const value = instanceWithoutPrototype[name];
                    const change = null === changes || void 0 === changes ? void 0 : changes[name];
                    if ((0, _type.isObject)(value) && !(0, _type.isPlainObject)(value) && (0, _type.isObject)(change) && !clonedInstances.has(value)) {
                        result[name] = cloneInstanceWithChangedPaths(value, change, clonedInstances)
                    }
                }
                for (const name in result) {
                    const prop = result[name];
                    if ((0, _type.isObject)(prop) && clonedInstances.has(prop)) {
                        result[name] = clonedInstances.get(prop)
                    }
                }
                return result
            }

            function createObjectWithChanges(target, changes) {
                const result = cloneInstanceWithChangedPaths(target, changes);
                return (0, _object.deepExtendArraySafe)(result, changes, true, true, true)
            }

            function applyBatch(_ref) {
                let {
                    keyInfo: keyInfo,
                    data: data,
                    changes: changes,
                    groupCount: groupCount,
                    useInsertIndex: useInsertIndex,
                    immutable: immutable,
                    disableCache: disableCache,
                    logError: logError,
                    skipCopying: skipCopying
                } = _ref;
                const resultItems = true === immutable ? [...data] : data;
                changes.forEach(item => {
                    const items = "insert" === item.type ? resultItems : getItems(keyInfo, resultItems, item.key, groupCount);
                    !disableCache && function(keyInfo, array) {
                        if (keyInfo.key() && (!array._dataByKeyMap || array._dataByKeyMapLength !== array.length)) {
                            const dataByKeyMap = {};
                            const arrayLength = array.length;
                            for (let i = 0; i < arrayLength; i++) {
                                dataByKeyMap[JSON.stringify(keyInfo.keyOf(array[i]))] = array[i]
                            }
                            array._dataByKeyMap = dataByKeyMap;
                            array._dataByKeyMapLength = arrayLength
                        }
                    }(keyInfo, items);
                    switch (item.type) {
                        case "update":
                            update(keyInfo, items, item.key, item.data, true, immutable, logError);
                            break;
                        case "insert":
                            insert(keyInfo, items, item.data, useInsertIndex && (0, _type.isDefined)(item.index) ? item.index : -1, true, logError, skipCopying);
                            break;
                        case "remove":
                            remove(keyInfo, items, item.key, true, logError)
                    }
                });
                return resultItems
            }

            function getErrorResult(isBatch, logError, errorCode) {
                return !isBatch ? (0, _utils.rejectedPromise)(_errors.errors.Error(errorCode)) : logError && _errors.errors.log(errorCode)
            }

            function update(keyInfo, array, key, data, isBatch, immutable, logError) {
                let target;
                const keyExpr = keyInfo.key();
                if (keyExpr) {
                    if (function(target, keyOrKeys) {
                            let key;
                            const keys = "string" === typeof keyOrKeys ? keyOrKeys.split() : keyOrKeys.slice();
                            while (keys.length) {
                                key = keys.shift();
                                if (key in target) {
                                    return true
                                }
                            }
                            return false
                        }(data, keyExpr) && !(0, _utils.keysEqual)(keyExpr, key, keyInfo.keyOf(data))) {
                        return getErrorResult(isBatch, logError, "E4017")
                    }
                    target = function(array, key) {
                        if (array._dataByKeyMap) {
                            return array._dataByKeyMap[JSON.stringify(key)]
                        }
                    }(array, key);
                    if (!target) {
                        const index = indexByKey(keyInfo, array, key);
                        if (index < 0) {
                            return getErrorResult(isBatch, logError, "E4009")
                        }
                        target = array[index];
                        if (true === immutable && (0, _type.isDefined)(target)) {
                            const newTarget = createObjectWithChanges(target, data);
                            array[index] = newTarget;
                            return !isBatch && (0, _utils.trivialPromise)(newTarget, key)
                        }
                    }
                } else {
                    target = key
                }(0, _object.deepExtendArraySafe)(target, data, true, false, true, true);
                if (!isBatch) {
                    if ((0, _config.default)().useLegacyStoreResult) {
                        return (0, _utils.trivialPromise)(key, data)
                    }
                    return (0, _utils.trivialPromise)(target, key)
                }
            }

            function insert(keyInfo, array, data, index, isBatch, logError, skipCopying) {
                let keyValue;
                const keyExpr = keyInfo.key();
                const obj = (0, _type.isPlainObject)(data) && !skipCopying ? (0, _extend.extend)({}, data) : data;
                if (keyExpr) {
                    keyValue = keyInfo.keyOf(obj);
                    if (void 0 === keyValue || "object" === typeof keyValue && (0, _type.isEmptyObject)(keyValue)) {
                        if (Array.isArray(keyExpr)) {
                            throw _errors.errors.Error("E4007")
                        }
                        keyValue = obj[keyExpr] = String(new _guid.default)
                    } else if (void 0 !== array[indexByKey(keyInfo, array, keyValue)]) {
                        return getErrorResult(isBatch, logError, "E4008")
                    }
                } else {
                    keyValue = obj
                }
                if (index >= 0) {
                    array.splice(index, 0, obj)
                } else {
                    array.push(obj)
                }
                setDataByKeyMapValue(array, keyValue, obj);
                if (!isBatch) {
                    return (0, _utils.trivialPromise)((0, _config.default)().useLegacyStoreResult ? data : obj, keyValue)
                }
            }

            function remove(keyInfo, array, key, isBatch, logError) {
                const index = indexByKey(keyInfo, array, key);
                if (index > -1) {
                    array.splice(index, 1);
                    setDataByKeyMapValue(array, key, null)
                }
                if (!isBatch) {
                    return (0, _utils.trivialPromise)(key)
                }
                if (index < 0) {
                    return getErrorResult(isBatch, logError, "E4009")
                }
            }

            function indexByKey(keyInfo, array, key) {
                const keyExpr = keyInfo.key();
                if (! function(array, key) {
                        if (array._dataByKeyMap) {
                            return array._dataByKeyMap[JSON.stringify(key)]
                        }
                        return true
                    }(array, key)) {
                    return -1
                }
                for (let i = 0, arrayLength = array.length; i < arrayLength; i++) {
                    if ((0, _utils.keysEqual)(keyExpr, keyInfo.keyOf(array[i]), key)) {
                        return i
                    }
                }
                return -1
            }
        },
        12764(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.isGroupItem = isGroupItem;
            exports.isGroupItemsArray = function(res) {
                return Array.isArray(res) && !!res.length && isGroupItem(res[0])
            };
            exports.isItemsArray = function(res) {
                return Array.isArray(res) && !isGroupItem(res[0])
            };
            exports.isLoadResultObject = function(res) {
                return !Array.isArray(res) && "data" in res
            };
            var _array_query = _interopRequireDefault(__webpack_require__( /*! ../../common/data/array_query */ 65517));
            var _array_utils = __webpack_require__( /*! ../../common/data/array_utils */ 43792);
            var _errors = __webpack_require__( /*! ../../common/data/errors */ 82812);
            var _store_helper = _interopRequireDefault(__webpack_require__( /*! ../../common/data/store_helper */ 66177));
            var _utils = __webpack_require__( /*! ../../common/data/utils */ 89358);
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../core/config */ 66636));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _abstract_store = _interopRequireDefault(__webpack_require__( /*! ../../data/abstract_store */ 77735));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }

            function isPromise(obj) {
                return obj && (0, _type.isFunction)(obj.then)
            }

            function trivialPromise(value) {
                return (new _deferred.Deferred).resolve(value).promise()
            }

            function ensureRequiredFuncOption(name, obj) {
                if (!(0, _type.isFunction)(obj)) {
                    throw _errors.errors.Error("E4011", name)
                }
            }

            function throwInvalidUserFuncResult(name) {
                throw _errors.errors.Error("E4012", name)
            }

            function createUserFuncFailureHandler(pendingDeferred) {
                return function(arg) {
                    let error;
                    if (arg instanceof Error) {
                        error = arg
                    } else {
                        error = new Error(function(promiseArguments) {
                            const xhr = promiseArguments[0];
                            const textStatus = promiseArguments[1];
                            if (!xhr || !xhr.getResponseHeader) {
                                return null
                            }
                            return (0, _utils.errorMessageFromXhr)(xhr, textStatus)
                        }(arguments) || arg && String(arg) || "Unknown error")
                    }
                    if (error.message !== _utils.XHR_ERROR_UNLOAD) {
                        pendingDeferred.reject(error)
                    }
                }
            }

            function invokeUserLoad(store, options) {
                const userFunc = store._loadFunc;
                let userResult;
                ensureRequiredFuncOption("load", userFunc);
                userResult = userFunc.apply(store, [options]);
                if (Array.isArray(userResult)) {
                    userResult = trivialPromise(userResult)
                } else if (null === userResult || void 0 === userResult) {
                    userResult = trivialPromise([])
                } else if (!isPromise(userResult)) {
                    throwInvalidUserFuncResult("load")
                }
                return (0, _deferred.fromPromise)(userResult)
            }

            function runRawLoad(pendingDeferred, store, userFuncOptions, continuation) {
                if (store.__rawData) {
                    continuation(store.__rawData)
                } else {
                    const loadPromise = store.__rawDataPromise || invokeUserLoad(store, userFuncOptions);
                    if (store._cacheRawData) {
                        store.__rawDataPromise = loadPromise
                    }
                    loadPromise.always(() => {
                        delete store.__rawDataPromise
                    }).done(rawData => {
                        if (store._cacheRawData) {
                            store.__rawData = rawData
                        }
                        continuation(rawData)
                    }).fail(error => {
                        var _store$_errorHandler;
                        const userFuncFailureHandler = createUserFuncFailureHandler(pendingDeferred);
                        null === (_store$_errorHandler = store._errorHandler) || void 0 === _store$_errorHandler || _store$_errorHandler.call(store, error);
                        userFuncFailureHandler(error)
                    })
                }
            }

            function runRawLoadWithQuery(pendingDeferred, store, options, countOnly) {
                options = options || {};
                const userFuncOptions = {};
                if ("userData" in options) {
                    userFuncOptions.userData = options.userData
                }
                runRawLoad(pendingDeferred, store, userFuncOptions, rawData => {
                    const rawDataQuery = (0, _array_query.default)(rawData, {
                        errorHandler: store._errorHandler
                    });
                    let itemsQuery;
                    let totalCountQuery;
                    const waitList = [];
                    let items;
                    let totalCount;
                    if (!countOnly) {
                        itemsQuery = _store_helper.default.queryByOptions(rawDataQuery, options);
                        if (itemsQuery === rawDataQuery) {
                            items = rawData.slice(0)
                        } else {
                            waitList.push(itemsQuery.enumerate().done(asyncResult => {
                                items = asyncResult
                            }))
                        }
                    }
                    if (options.requireTotalCount || countOnly) {
                        totalCountQuery = _store_helper.default.queryByOptions(rawDataQuery, options, true);
                        if (totalCountQuery === rawDataQuery) {
                            totalCount = rawData.length
                        } else {
                            waitList.push(totalCountQuery.count().done(asyncResult => {
                                totalCount = asyncResult
                            }))
                        }
                    }
                    _deferred.when.apply(_renderer.default, waitList).done(() => {
                        if (countOnly) {
                            pendingDeferred.resolve(totalCount)
                        } else if (options.requireTotalCount) {
                            pendingDeferred.resolve(items, {
                                totalCount: totalCount
                            })
                        } else {
                            pendingDeferred.resolve(items)
                        }
                    }).fail(x => {
                        pendingDeferred.reject(x)
                    })
                })
            }

            function isGroupItem(item) {
                if (void 0 === item || null === item || "object" !== typeof item) {
                    return false
                }
                return "key" in item && "items" in item
            }
            const CustomStore = _abstract_store.default.inherit({
                ctor(options) {
                    options = options || {};
                    this.callBase(options);
                    this._useDefaultSearch = !!options.useDefaultSearch || "raw" === options.loadMode;
                    this._loadMode = options.loadMode;
                    this._cacheRawData = false !== options.cacheRawData;
                    this._loadFunc = options.load;
                    this._totalCountFunc = options.totalCount;
                    this._byKeyFunc = options.byKey;
                    this._insertFunc = options.insert;
                    this._updateFunc = options.update;
                    this._removeFunc = options.remove
                },
                _clearCache() {
                    delete this.__rawData
                },
                createQuery() {
                    throw _errors.errors.Error("E4010")
                },
                clearRawDataCache() {
                    this._clearCache()
                },
                _totalCountImpl(options) {
                    let d = new _deferred.Deferred;
                    if ("raw" === this._loadMode && !this._totalCountFunc) {
                        runRawLoadWithQuery(d, this, options, true)
                    } else {
                        (function(store, options) {
                            const userFunc = store._totalCountFunc;
                            let userResult;
                            if (!(0, _type.isFunction)(userFunc)) {
                                throw _errors.errors.Error("E4021")
                            }
                            userResult = userFunc.apply(store, [options]);
                            if (!isPromise(userResult)) {
                                userResult = Number(userResult);
                                if (!isFinite(userResult)) {
                                    throwInvalidUserFuncResult("totalCount")
                                }
                                userResult = trivialPromise(userResult)
                            }
                            return (0, _deferred.fromPromise)(userResult)
                        })(this, options).done(count => {
                            d.resolve(Number(count))
                        }).fail(createUserFuncFailureHandler(d));
                        d = this._addFailHandlers(d)
                    }
                    return d.promise()
                },
                _pushImpl(changes) {
                    if (this.__rawData) {
                        (0, _array_utils.applyBatch)({
                            keyInfo: this,
                            data: this.__rawData,
                            changes: changes
                        })
                    }
                },
                _loadImpl(options) {
                    let d = new _deferred.Deferred;
                    if ("raw" === this._loadMode) {
                        runRawLoadWithQuery(d, this, options, false)
                    } else {
                        invokeUserLoad(this, options).done((data, extra) => {
                            d.resolve(data, extra)
                        }).fail(createUserFuncFailureHandler(d));
                        d = this._addFailHandlers(d)
                    }
                    return d.promise()
                },
                _byKeyImpl(key, extraOptions) {
                    const d = new _deferred.Deferred;
                    if (this._byKeyViaLoad()) {
                        this._requireKey();
                        ! function(pendingDeferred, store, key) {
                            runRawLoad(pendingDeferred, store, {}, rawData => {
                                const keyExpr = store.key();
                                let item;
                                for (let i = 0, len = rawData.length; i < len; i++) {
                                    item = rawData[i];
                                    if ((0, _utils.keysEqual)(keyExpr, store.keyOf(rawData[i]), key)) {
                                        pendingDeferred.resolve(item);
                                        return
                                    }
                                }
                                pendingDeferred.reject(_errors.errors.Error("E4009"))
                            })
                        }(d, this, key)
                    } else {
                        (function(store, key, extraOptions) {
                            const userFunc = store._byKeyFunc;
                            let userResult;
                            ensureRequiredFuncOption("byKey", userFunc);
                            userResult = userFunc.apply(store, [key, extraOptions]);
                            if (!isPromise(userResult)) {
                                userResult = trivialPromise(userResult)
                            }
                            return (0, _deferred.fromPromise)(userResult)
                        })(this, key, extraOptions).done(obj => {
                            d.resolve(obj)
                        }).fail(createUserFuncFailureHandler(d))
                    }
                    return d.promise()
                },
                _byKeyViaLoad() {
                    return "raw" === this._loadMode && !this._byKeyFunc
                },
                _insertImpl(values) {
                    const that = this;
                    const userFunc = that._insertFunc;
                    let userResult;
                    const d = new _deferred.Deferred;
                    ensureRequiredFuncOption("insert", userFunc);
                    userResult = userFunc.apply(that, [values]);
                    if (!isPromise(userResult)) {
                        userResult = trivialPromise(userResult)
                    }(0, _deferred.fromPromise)(userResult).done(serverResponse => {
                        if ((0, _config.default)().useLegacyStoreResult) {
                            d.resolve(values, serverResponse)
                        } else {
                            d.resolve(serverResponse || values, that.keyOf(serverResponse))
                        }
                    }).fail(createUserFuncFailureHandler(d));
                    return d.promise()
                },
                _updateImpl(key, values) {
                    const userFunc = this._updateFunc;
                    let userResult;
                    const d = new _deferred.Deferred;
                    ensureRequiredFuncOption("update", userFunc);
                    userResult = userFunc.apply(this, [key, values]);
                    if (!isPromise(userResult)) {
                        userResult = trivialPromise(userResult)
                    }(0, _deferred.fromPromise)(userResult).done(serverResponse => {
                        if ((0, _config.default)().useLegacyStoreResult) {
                            d.resolve(key, values)
                        } else {
                            d.resolve(serverResponse || values, key)
                        }
                    }).fail(createUserFuncFailureHandler(d));
                    return d.promise()
                },
                _removeImpl(key) {
                    const userFunc = this._removeFunc;
                    let userResult;
                    const d = new _deferred.Deferred;
                    ensureRequiredFuncOption("remove", userFunc);
                    userResult = userFunc.apply(this, [key]);
                    if (!isPromise(userResult)) {
                        userResult = trivialPromise()
                    }(0, _deferred.fromPromise)(userResult).done(() => {
                        d.resolve(key)
                    }).fail(createUserFuncFailureHandler(d));
                    return d.promise()
                }
            });
            exports.default = CustomStore
        },
        16780(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.DataHelperMixin = void 0;
            var _data_source = __webpack_require__( /*! ../../common/data/data_source/data_source */ 68216);
            var _utils = __webpack_require__( /*! ../../common/data/data_source/utils */ 97169);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _m_data_controller = (e = __webpack_require__( /*! ../ui/collection/m_data_controller */ 5285), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const DataHelperMixin = exports.DataHelperMixin = {
                postCtor() {
                    this.on("disposing", () => {
                        this._disposeDataSource()
                    })
                },
                _refreshDataSource() {
                    this._initDataSource();
                    this._loadDataSource()
                },
                _initDataSource() {
                    let dataSourceOptions = "_getSpecificDataSourceOption" in this ? this._getSpecificDataSourceOption() : this.option("dataSource");
                    let widgetDataSourceOptions;
                    let dataSourceType;
                    this._disposeDataSource();
                    if (dataSourceOptions) {
                        if (dataSourceOptions instanceof _data_source.DataSource) {
                            this._isSharedDataSource = true;
                            this._dataSource = dataSourceOptions
                        } else {
                            widgetDataSourceOptions = "_dataSourceOptions" in this ? this._dataSourceOptions() : {};
                            dataSourceType = this._dataSourceType ? this._dataSourceType() : _data_source.DataSource;
                            dataSourceOptions = (0, _utils.normalizeDataSourceOptions)(dataSourceOptions, {
                                fromUrlLoadMode: "_dataSourceFromUrlLoadMode" in this && this._dataSourceFromUrlLoadMode()
                            });
                            this._dataSource = new dataSourceType((0, _extend.extend)(true, {}, widgetDataSourceOptions, dataSourceOptions))
                        }
                        if ("_normalizeDataSource" in this) {
                            this._dataSource = this._normalizeDataSource(this._dataSource)
                        }
                        this._addDataSourceHandlers();
                        this._initDataController()
                    }
                },
                _initDataController() {
                    var _this$option;
                    const dataController = null === (_this$option = this.option) || void 0 === _this$option ? void 0 : _this$option.call(this, "_dataController");
                    const dataSource = this._dataSource;
                    if (dataController) {
                        this._dataController = dataController
                    } else {
                        this._dataController = new _m_data_controller.default(dataSource)
                    }
                },
                _addDataSourceHandlers() {
                    if ("_dataSourceChangedHandler" in this) {
                        this._addDataSourceChangeHandler()
                    }
                    if ("_dataSourceLoadErrorHandler" in this) {
                        this._addDataSourceLoadErrorHandler()
                    }
                    if ("_dataSourceLoadingChangedHandler" in this) {
                        this._addDataSourceLoadingChangedHandler()
                    }
                    this._addReadyWatcher()
                },
                _addReadyWatcher() {
                    this.readyWatcher = function(isLoading) {
                        this._ready && this._ready(!isLoading)
                    }.bind(this);
                    this._dataSource.on("loadingChanged", this.readyWatcher)
                },
                _addDataSourceChangeHandler() {
                    const dataSource = this._dataSource;
                    this._proxiedDataSourceChangedHandler = function(e) {
                        this._dataSourceChangedHandler(dataSource.items(), e)
                    }.bind(this);
                    dataSource.on("changed", this._proxiedDataSourceChangedHandler)
                },
                _addDataSourceLoadErrorHandler() {
                    this._proxiedDataSourceLoadErrorHandler = this._dataSourceLoadErrorHandler.bind(this);
                    this._dataSource.on("loadError", this._proxiedDataSourceLoadErrorHandler)
                },
                _addDataSourceLoadingChangedHandler() {
                    this._proxiedDataSourceLoadingChangedHandler = this._dataSourceLoadingChangedHandler.bind(this);
                    this._dataSource.on("loadingChanged", this._proxiedDataSourceLoadingChangedHandler)
                },
                _loadDataSource() {
                    const dataSource = this._dataSource;
                    if (dataSource) {
                        if (dataSource.isLoaded()) {
                            this._proxiedDataSourceChangedHandler && this._proxiedDataSourceChangedHandler()
                        } else {
                            dataSource.load()
                        }
                    }
                },
                _loadSingle(key, value) {
                    key = "this" === key ? this._dataSource.key() || "this" : key;
                    return this._dataSource.loadSingle(key, value)
                },
                _isLastPage() {
                    return !this._dataSource || this._dataSource.isLastPage() || !this._dataSource._pageSize
                },
                _isDataSourceLoading() {
                    return this._dataSource && this._dataSource.isLoading()
                },
                _disposeDataSource() {
                    if (this._dataSource) {
                        if (this._isSharedDataSource) {
                            delete this._isSharedDataSource;
                            this._proxiedDataSourceChangedHandler && this._dataSource.off("changed", this._proxiedDataSourceChangedHandler);
                            this._proxiedDataSourceLoadErrorHandler && this._dataSource.off("loadError", this._proxiedDataSourceLoadErrorHandler);
                            this._proxiedDataSourceLoadingChangedHandler && this._dataSource.off("loadingChanged", this._proxiedDataSourceLoadingChangedHandler);
                            if (this._dataSource._eventsStrategy) {
                                this._dataSource._eventsStrategy.off("loadingChanged", this.readyWatcher)
                            }
                        } else {
                            this._dataSource.dispose()
                        }
                        delete this._dataSource;
                        delete this._proxiedDataSourceChangedHandler;
                        delete this._proxiedDataSourceLoadErrorHandler;
                        delete this._proxiedDataSourceLoadingChangedHandler
                    }
                },
                getDataSource() {
                    return this._dataSource || null
                }
            };
            exports.default = DataHelperMixin
        },
        17410(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _errors = (e = __webpack_require__( /*! ../../core/errors */ 87129), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            const window = (0, _window.getWindow)();
            let IS_WINJS_ORIGIN;
            let IS_LOCAL_ORIGIN;
            const EndpointSelector = function(config) {
                this.config = config;
                IS_WINJS_ORIGIN = "ms-appx:" === window.location.protocol;
                IS_LOCAL_ORIGIN = (url = window.location.hostname, /^(localhost$|127\.)/i.test(url));
                var url
            };
            EndpointSelector.prototype = {
                urlFor(key) {
                    const bag = this.config[key];
                    if (!bag) {
                        throw _errors.default.Error("E0006")
                    }
                    if (bag.production) {
                        if (IS_WINJS_ORIGIN && !Debug.debuggerEnabled || !IS_WINJS_ORIGIN && !IS_LOCAL_ORIGIN) {
                            return bag.production
                        }
                    }
                    return bag.local
                }
            };
            exports.default = EndpointSelector
        },
        5930(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.setErrorHandler = exports.handleError = exports.errors = exports.errorHandler = void 0;
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../core/errors */ 87129));
            var _error = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/error */ 67264));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.errors = (0, _error.default)(_errors.default.ERROR_MESSAGES, {
                E4000: "[DevExpress.data]: {0}",
                E4001: "Unknown aggregating function is detected: '{0}'",
                E4002: "Unsupported OData protocol version is used",
                E4003: "Unknown filter operation is used: {0}",
                E4004: "The thenby() method is called before the sortby() method",
                E4005: "Store requires a key expression for this operation",
                E4006: "ArrayStore 'data' option must be an array",
                E4007: "Compound keys cannot be auto-generated",
                E4008: "Attempt to insert an item with a duplicated key",
                E4009: "Data item cannot be found",
                E4010: "CustomStore does not support creating queries",
                E4011: "Custom Store method is not implemented or is not a function: {0}",
                E4012: "Custom Store method returns an invalid value: {0}",
                E4013: "Local Store requires the 'name' configuration option is specified",
                E4014: "Unknown data type is specified for ODataStore: {0}",
                E4015: "Unknown entity name or alias is used: {0}",
                E4016: "The compileSetter(expr) method is called with 'self' passed as a parameter",
                E4017: "Keys cannot be modified",
                E4018: "The server has returned a non-numeric value in a response to an item count request",
                E4019: "Mixing of group operators inside a single group of filter expression is not allowed",
                E4020: "Unknown store type is detected: {0}",
                E4021: "The server response does not provide the totalCount value",
                E4022: "The server response does not provide the groupCount value",
                E4023: "Could not parse the following XML: {0}",
                E4024: "String function {0} cannot be used with the data field {1} of type {2}.",
                W4000: "Data returned from the server has an incorrect structure",
                W4001: 'The {0} field is listed in both "keyType" and "fieldTypes". The value of "fieldTypes" is used.',
                W4002: "Data loading has failed for some cells due to the following error: {0}"
            });
            let errorHandler = exports.errorHandler = null;
            exports.handleError = function(error) {
                var _errorHandler;
                null === (_errorHandler = errorHandler) || void 0 === _errorHandler || _errorHandler(error)
            };
            exports.setErrorHandler = handler => exports.errorHandler = errorHandler = handler
        },
        33260(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _array_store = _interopRequireDefault(__webpack_require__( /*! ../../common/data/array_store */ 80556));
            var _errors = __webpack_require__( /*! ../../common/data/errors */ 82812);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../core/dom_adapter */ 64960));
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _m_abstract_store = _interopRequireDefault(__webpack_require__( /*! ./m_abstract_store */ 1773));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            class LocalStoreBackend {
                constructor(store, storeOptions) {
                    this._store = store;
                    this._dirty = !!storeOptions.data;
                    const {
                        name: name
                    } = storeOptions;
                    if (!name) {
                        throw _errors.errors.Error("E4013")
                    }
                    this._key = `dx-data-localStore-${name}`;
                    this.save();
                    const immediate = this._immediate = storeOptions.immediate;
                    const flushInterval = Math.max(100, storeOptions.flushInterval || 1e4);
                    if (!immediate) {
                        const saveProxy = this.save.bind(this);
                        setInterval(saveProxy, flushInterval);
                        _events_engine.default.on(window, "beforeunload", saveProxy);
                        if (window.cordova) {
                            _dom_adapter.default.listen(_dom_adapter.default.getDocument(), "pause", saveProxy, false)
                        }
                    }
                }
                notifyChanged() {
                    this._dirty = true;
                    if (this._immediate) {
                        this.save()
                    }
                }
                load() {
                    this._store._array = this._loadImpl();
                    this._dirty = false
                }
                save() {
                    if (!this._dirty) {
                        return
                    }
                    this._saveImpl(this._store._array);
                    this._dirty = false
                }
                _loadImpl() {
                    const raw = window.localStorage.getItem(this._key);
                    if (raw) {
                        return JSON.parse(raw)
                    }
                    return []
                }
                _saveImpl(array) {
                    if (!array.length) {
                        window.localStorage.removeItem(this._key)
                    } else {
                        window.localStorage.setItem(this._key, JSON.stringify(array))
                    }
                }
            }
            class LocalStore extends _array_store.default {
                constructor(options) {
                    if ("string" === typeof options) {
                        options = {
                            name: options
                        }
                    } else {
                        options = options || {}
                    }
                    super(options);
                    this._array = options.data || [];
                    this._backend = new LocalStoreBackend(this, options);
                    this._backend.load()
                }
                _clearCache() {
                    this._backend.load()
                }
                clear() {
                    super.clear();
                    this._backend.notifyChanged()
                }
                _insertImpl(values) {
                    const b = this._backend;
                    return super._insertImpl(values).done(b.notifyChanged.bind(b))
                }
                _updateImpl(key, values) {
                    const b = this._backend;
                    return super._updateImpl(key, values).done(b.notifyChanged.bind(b))
                }
                _removeImpl(key) {
                    const b = this._backend;
                    return super._removeImpl(key).done(b.notifyChanged.bind(b))
                }
            }
            _m_abstract_store.default.registerClass(LocalStore, "local");
            exports.default = LocalStore
        },
        45149(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _query_implementation = __webpack_require__( /*! ../../common/data/query_implementation */ 84816);
            exports.default = function() {
                const impl = Array.isArray(arguments[0]) ? "array" : "remote";
                return _query_implementation.queryImpl[impl].apply(this, arguments)
            }
        },
        51324(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _array_query = _interopRequireDefault(__webpack_require__( /*! ../../common/data/array_query */ 65517));
            var _errors = __webpack_require__( /*! ../../common/data/errors */ 82812);
            var _query_adapters = _interopRequireDefault(__webpack_require__( /*! ../../common/data/query_adapters */ 5842));
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const remoteQueryImpl = function(url, queryOptions, tasks) {
                tasks = tasks || [];
                queryOptions = queryOptions || {};
                const createTask = function(name, args) {
                    return {
                        name: name,
                        args: args
                    }
                };
                const exec = function(executorTask) {
                    const d = new _deferred.Deferred;
                    let _adapterFactory;
                    let _adapter;
                    let _taskQueue;
                    let _currentTask;
                    let _mergedSortArgs;
                    const rejectWithNotify = function(error) {
                        const handler = queryOptions.errorHandler;
                        if (handler) {
                            handler(error)
                        }(0, _errors.handleError)(error);
                        d.reject(error)
                    };

                    function mergeSortTask(task) {
                        switch (task.name) {
                            case "sortBy":
                                _mergedSortArgs = [task.args];
                                return true;
                            case "thenBy":
                                if (!_mergedSortArgs) {
                                    throw _errors.errors.Error("E4004")
                                }
                                _mergedSortArgs.push(task.args);
                                return true
                        }
                        return false
                    }
                    try {
                        _adapterFactory = queryOptions.adapter;
                        if (!(0, _type.isFunction)(_adapterFactory)) {
                            _adapterFactory = _query_adapters.default[_adapterFactory]
                        }
                        _adapter = _adapterFactory(queryOptions);
                        _taskQueue = [].concat(tasks).concat(executorTask);
                        const {
                            optimize: optimize
                        } = _adapter;
                        if (optimize) {
                            optimize(_taskQueue)
                        }
                        while (_taskQueue.length) {
                            _currentTask = _taskQueue[0];
                            if (!mergeSortTask(_currentTask)) {
                                if (_mergedSortArgs) {
                                    _taskQueue.unshift(createTask("multiSort", [_mergedSortArgs]));
                                    _mergedSortArgs = null;
                                    continue
                                }
                                if ("enumerate" !== String(_currentTask.name)) {
                                    if (!_adapter[_currentTask.name] || false === _adapter[_currentTask.name].apply(_adapter, _currentTask.args)) {
                                        break
                                    }
                                }
                            }
                            _taskQueue.shift()
                        }! function() {
                            const head = _taskQueue[0];
                            const unmergedTasks = [];
                            if (head && "multiSort" === head.name) {
                                _taskQueue.shift();
                                (0, _iterator.each)(head.args[0], function() {
                                    unmergedTasks.push(createTask(unmergedTasks.length ? "thenBy" : "sortBy", this))
                                })
                            }
                            _taskQueue = unmergedTasks.concat(_taskQueue)
                        }();
                        _adapter.exec(url).done((result, extra) => {
                            if (!_taskQueue.length) {
                                d.resolve(result, extra)
                            } else {
                                let clientChain = (0, _array_query.default)(result, {
                                    errorHandler: queryOptions.errorHandler
                                });
                                (0, _iterator.each)(_taskQueue, function() {
                                    clientChain = clientChain[this.name].apply(clientChain, this.args)
                                });
                                clientChain.done(d.resolve).fail(d.reject)
                            }
                        }).fail(rejectWithNotify)
                    } catch (x) {
                        rejectWithNotify(x)
                    }
                    return d.promise()
                };
                const query = {};
                (0, _iterator.each)(["sortBy", "thenBy", "filter", "slice", "select", "groupBy"], function() {
                    const name = String(this);
                    query[name] = function() {
                        return remoteQueryImpl(url, queryOptions, tasks.concat(createTask(name, arguments)))
                    }
                });
                (0, _iterator.each)(["count", "min", "max", "sum", "avg", "aggregate", "enumerate"], function() {
                    const name = String(this);
                    query[name] = function() {
                        return exec.call(this, createTask(name, arguments))
                    }
                });
                return query
            };
            exports.default = remoteQueryImpl
        },
        41943(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _array_query = (e = __webpack_require__( /*! ../../common/data/array_query */ 65517), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _utils = __webpack_require__( /*! ../../common/data/utils */ 89358);
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);

            function multiLevelGroup(query, groupInfo) {
                query = query.groupBy(groupInfo[0].selector);
                if (groupInfo.length > 1) {
                    query = query.select(g => (0, _extend.extend)({}, g, {
                        items: multiLevelGroup((0, _array_query.default)(g.items), groupInfo.slice(1)).toArray()
                    }))
                }
                return query
            }

            function arrangeSortingInfo(groupInfo, sortInfo) {
                const filteredGroup = [];
                (0, _iterator.each)(groupInfo, (_, group) => {
                    const collision = (0, _common.grep)(sortInfo, sort => group.selector === sort.selector);
                    if (collision.length < 1) {
                        filteredGroup.push(group)
                    }
                });
                return filteredGroup.concat(sortInfo)
            }
            exports.default = {
                multiLevelGroup: multiLevelGroup,
                arrangeSortingInfo: arrangeSortingInfo,
                queryByOptions: function(query, options, isCountQuery) {
                    var _options;
                    options = options || {};
                    const {
                        filter: filter
                    } = options;
                    if (null !== (_options = options) && void 0 !== _options && _options.langParams) {
                        var _query$setLangParams, _query;
                        null === (_query$setLangParams = (_query = query).setLangParams) || void 0 === _query$setLangParams || _query$setLangParams.call(_query, options.langParams)
                    }
                    if (filter) {
                        query = query.filter(filter)
                    }
                    if (isCountQuery) {
                        return query
                    }
                    let {
                        sort: sort
                    } = options;
                    const {
                        select: select
                    } = options;
                    let {
                        group: group
                    } = options;
                    const {
                        skip: skip
                    } = options;
                    const {
                        take: take
                    } = options;
                    if (group) {
                        group = (0, _utils.normalizeSortingInfo)(group);
                        group.keepInitialKeyOrder = !!options.group.keepInitialKeyOrder
                    }
                    if (sort || group) {
                        sort = (0, _utils.normalizeSortingInfo)(sort || []);
                        if (group && !group.keepInitialKeyOrder) {
                            sort = arrangeSortingInfo(group, sort)
                        }(0, _iterator.each)(sort, function(index) {
                            query = query[index ? "thenBy" : "sortBy"](this.selector, this.desc, this.compare)
                        })
                    }
                    if (select) {
                        query = query.select(select)
                    }
                    if (group) {
                        query = multiLevelGroup(query, group)
                    }
                    if (take || skip) {
                        query = query.slice(skip || 0, take)
                    }
                    return query
                }
            }
        },
        30912(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.errorMessageFromXhr = exports.base64_encode = exports.aggregators = exports.XHR_ERROR_UNLOAD = void 0;
            exports.isConjunctiveOperator = function(condition) {
                return /^(and|&&|&)$/i.test(condition)
            };
            exports.isDisjunctiveOperator = function(condition) {
                return /^(or|\|\||\|)$/i.test(condition)
            };
            exports.rejectedPromise = exports.processRequestResultLock = exports.normalizeSortingInfo = exports.normalizeBinaryCriterion = exports.keysEqual = exports.isUniformEqualsByOr = exports.isUnaryOperation = exports.isGroupCriterion = void 0;
            exports.throttleChanges = function(func, timeout) {
                let cache = [];
                const throttled = function(func, timeout) {
                    let timeoutId;
                    return function() {
                        if (!timeoutId) {
                            timeoutId = setTimeout(() => {
                                timeoutId = void 0;
                                func.call(this)
                            }, (0, _type.isFunction)(timeout) ? timeout() : timeout)
                        }
                        return timeoutId
                    }
                }(function() {
                    func.call(this, cache);
                    cache = []
                }, timeout);
                return function(changes) {
                    if (Array.isArray(changes)) {
                        cache.push(...changes)
                    }
                    return throttled.call(this, cache)
                }
            };
            exports.trivialPromise = void 0;
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../core/dom_adapter */ 64960));
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _ready_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/ready_callbacks */ 3122));
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ready = _ready_callbacks.default.add;
            const XHR_ERROR_UNLOAD = exports.XHR_ERROR_UNLOAD = "DEVEXTREME_XHR_ERROR_UNLOAD";
            exports.normalizeBinaryCriterion = function(crit) {
                return [crit[0], crit.length < 3 ? "=" : String(crit[1]).toLowerCase(), crit.length < 2 ? true : crit[crit.length - 1]]
            };
            exports.normalizeSortingInfo = function(info) {
                if (!Array.isArray(info)) {
                    info = [info]
                }
                return (0, _iterator.map)(info, i => {
                    const result = {
                        selector: (0, _type.isFunction)(i) || "string" === typeof i ? i : i.getter || i.field || i.selector,
                        desc: !!(i.desc || "d" === String(i.dir).charAt(0).toLowerCase())
                    };
                    if (i.compare) {
                        result.compare = i.compare
                    }
                    return result
                })
            };
            exports.errorMessageFromXhr = function() {
                const textStatusMessages = {
                    timeout: "Network connection timeout",
                    error: "Unspecified network error",
                    parsererror: "Unexpected server response"
                };
                let unloading;
                ready(() => {
                    const window = (0, _window.getWindow)();
                    _dom_adapter.default.listen(window, "beforeunload", () => {
                        unloading = true
                    })
                });
                return function(xhr, textStatus) {
                    if (unloading) {
                        return XHR_ERROR_UNLOAD
                    }
                    if (xhr.status < 400) {
                        return function(textStatus) {
                            let result = textStatusMessages[textStatus];
                            if (!result) {
                                return textStatus
                            }
                            return result
                        }(textStatus)
                    }
                    return xhr.statusText
                }
            }();
            exports.aggregators = {
                count: {
                    seed: 0,
                    step: count => 1 + count
                },
                sum: {
                    seed: 0,
                    step: (sum, item) => sum + item
                },
                min: {
                    step: (min, item) => item < min ? item : min
                },
                max: {
                    step: (max, item) => item > max ? item : max
                },
                avg: {
                    seed: [0, 0],
                    step: (pair, value) => [pair[0] + value, pair[1] + 1],
                    finalize: pair => pair[1] ? pair[0] / pair[1] : NaN
                }
            };
            exports.processRequestResultLock = function() {
                let lockCount = 0;
                let lockDeferred;
                return {
                    obtain: function() {
                        if (0 === lockCount) {
                            lockDeferred = new _deferred.Deferred
                        }
                        lockCount++
                    },
                    release: function() {
                        lockCount--;
                        if (lockCount < 1) {
                            lockDeferred.resolve()
                        }
                    },
                    promise: function() {
                        const deferred = 0 === lockCount ? (new _deferred.Deferred).resolve() : lockDeferred;
                        return deferred.promise()
                    },
                    reset: function() {
                        lockCount = 0;
                        if (lockDeferred) {
                            lockDeferred.resolve()
                        }
                    }
                }
            }();
            exports.keysEqual = function(keyExpr, key1, key2) {
                if (Array.isArray(keyExpr)) {
                    const names = (0, _iterator.map)(key1, (v, k) => k);
                    let name;
                    for (let i = 0; i < names.length; i++) {
                        name = names[i];
                        if (!(0, _common.equalByValue)(key1[name], key2[name], {
                                strict: false
                            })) {
                            return false
                        }
                    }
                    return true
                }
                return (0, _common.equalByValue)(key1, key2, {
                    strict: false
                })
            };
            exports.base64_encode = function(input) {
                if (!Array.isArray(input)) {
                    input = function(str) {
                        const bytes = [];
                        let code;
                        let i;
                        for (i = 0; i < str.length; i++) {
                            code = str.charCodeAt(i);
                            if (code < 128) {
                                bytes.push(code)
                            } else if (code < 2048) {
                                bytes.push(192 + (code >> 6), 128 + (63 & code))
                            } else if (code < 65536) {
                                bytes.push(224 + (code >> 12), 128 + (code >> 6 & 63), 128 + (63 & code))
                            } else if (code < 2097152) {
                                bytes.push(240 + (code >> 18), 128 + (code >> 12 & 63), 128 + (code >> 6 & 63), 128 + (63 & code))
                            }
                        }
                        return bytes
                    }(String(input))
                }
                let result = "";

                function getBase64Char(index) {
                    return "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=".charAt(index)
                }
                for (let i = 0; i < input.length; i += 3) {
                    const octet1 = input[i];
                    const octet2 = input[i + 1];
                    const octet3 = input[i + 2];
                    result += (0, _iterator.map)([octet1 >> 2, (3 & octet1) << 4 | octet2 >> 4, isNaN(octet2) ? 64 : (15 & octet2) << 2 | octet3 >> 6, isNaN(octet3) ? 64 : 63 & octet3], getBase64Char).join("")
                }
                return result
            };
            exports.isUnaryOperation = function(crit) {
                return "!" === crit[0] && Array.isArray(crit[1])
            };
            exports.isUniformEqualsByOr = function(crit) {
                if (crit.length > 2 && Array.isArray(crit[0]) && "or" === crit[1] && "string" === typeof crit[0][0] && "=" === crit[0][1]) {
                    const [prop] = crit[0];
                    return !crit.find((el, i) => i % 2 !== 0 ? "or" !== el : !Array.isArray(el) || 3 !== el.length || el[0] !== prop || "=" !== el[1])
                }
                return false
            };
            exports.isGroupCriterion = function(crit) {
                const first = crit[0];
                const second = crit[1];
                if (Array.isArray(first)) {
                    return true
                }
                if ((0, _type.isFunction)(first)) {
                    if (Array.isArray(second) || (0, _type.isFunction)(second) || (value = second, "and" === value || "or" === value)) {
                        return true
                    }
                }
                var value;
                return false
            };
            exports.trivialPromise = function() {
                const d = new _deferred.Deferred;
                return d.resolve.apply(d, arguments).promise()
            };
            exports.rejectedPromise = function() {
                const d = new _deferred.Deferred;
                return d.reject.apply(d, arguments).promise()
            }
        },
        58824(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ../../../common/data/odata/query_adapter */ 65001);
            var _request_dispatcher = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/odata/request_dispatcher */ 26098));
            var _store = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/odata/store */ 29284));
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../../core/class */ 55620));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _m_errors = __webpack_require__( /*! ../m_errors */ 5930);
            var _m_utils = __webpack_require__( /*! ./m_utils */ 14606);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ODataContext = _class.default.inherit({
                ctor(options) {
                    this._requestDispatcher = new _request_dispatcher.default(options);
                    this._errorHandler = options.errorHandler;
                    (0, _iterator.each)(options.entities || [], (entityAlias, entityOptions) => {
                        this[entityAlias] = new _store.default((0, _extend.extend)({}, options, {
                            url: `${this._requestDispatcher.url}/${encodeURIComponent(entityOptions.name||entityAlias)}`
                        }, entityOptions))
                    })
                },
                get(operationName, params) {
                    return this.invoke(operationName, params, "GET")
                },
                invoke(operationName) {
                    let params = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
                    let httpMethod = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : "POST";
                    httpMethod = httpMethod.toLowerCase();
                    const d = new _deferred.Deferred;
                    let url = `${this._requestDispatcher.url}/${encodeURIComponent(operationName)}`;
                    let payload;
                    if (4 === this.version()) {
                        if ("get" === httpMethod) {
                            url = (0, _m_utils.formatFunctionInvocationUrl)(url, (0, _m_utils.escapeServiceOperationParams)(params, this.version()));
                            params = null
                        } else if ("post" === httpMethod) {
                            payload = params;
                            params = null
                        }
                    }(0, _deferred.when)(this._requestDispatcher.sendRequest(url, httpMethod, (0, _m_utils.escapeServiceOperationParams)(params, this.version()), payload)).done(r => {
                        if ((0, _type.isPlainObject)(r) && operationName in r) {
                            r = r[operationName]
                        }
                        d.resolve(r)
                    }).fail(this._errorHandler).fail(_m_errors.handleError).fail(d.reject);
                    return d.promise()
                },
                objectLink(entityAlias, key) {
                    const store = this[entityAlias];
                    if (!store) {
                        throw _m_errors.errors.Error("E4015", entityAlias)
                    }
                    if (!(0, _type.isDefined)(key)) {
                        return null
                    }
                    return {
                        __metadata: {
                            uri: store._byKeyUrl(key)
                        }
                    }
                },
                version() {
                    return this._requestDispatcher.version
                }
            });
            exports.default = ODataContext
        },
        61575(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.odata = void 0;
            var _query_adapters = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/query_adapters */ 5842));
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../../core/config */ 66636));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _m_errors = __webpack_require__( /*! ../m_errors */ 5930);
            var _m_utils = __webpack_require__( /*! ../m_utils */ 30912);
            var _m_utils2 = __webpack_require__( /*! ./m_utils */ 14606);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const STRING_FUNCTIONS = ["contains", "notcontains", "startswith", "endswith"];
            const compileCriteria = (() => {
                let protocolVersion;
                let forceLowerCase;
                let fieldTypes;
                const createBinaryOperationFormatter = op => (prop, val) => `${prop} ${op} ${val}`;
                const createStringFuncFormatter = (op, reverse) => (prop, val) => {
                    const bag = [op, "("];
                    if (forceLowerCase) {
                        prop = -1 === prop.indexOf("tolower(") ? `tolower(${prop})` : prop;
                        val = val.toLowerCase()
                    }
                    if (reverse) {
                        bag.push(val, ",", prop)
                    } else {
                        bag.push(prop, ",", val)
                    }
                    bag.push(")");
                    return bag.join("")
                };
                const formatters = {
                    "=": createBinaryOperationFormatter("eq"),
                    "<>": createBinaryOperationFormatter("ne"),
                    ">": createBinaryOperationFormatter("gt"),
                    ">=": createBinaryOperationFormatter("ge"),
                    "<": createBinaryOperationFormatter("lt"),
                    "<=": createBinaryOperationFormatter("le"),
                    startswith: createStringFuncFormatter("startswith"),
                    endswith: createStringFuncFormatter("endswith")
                };
                const formattersV2 = (0, _extend.extend)({}, formatters, {
                    contains: createStringFuncFormatter("substringof", true),
                    notcontains: createStringFuncFormatter("not substringof", true)
                });
                const formattersV4 = (0, _extend.extend)({}, formatters, {
                    contains: createStringFuncFormatter("contains"),
                    notcontains: createStringFuncFormatter("not contains")
                });
                const compileBinary = criteria => {
                    var _fieldTypes;
                    criteria = (0, _m_utils.normalizeBinaryCriterion)(criteria);
                    const op = criteria[1];
                    const fieldName = criteria[0];
                    const fieldType = fieldTypes && fieldTypes[fieldName];
                    if (fieldType && (name = op, STRING_FUNCTIONS.some(funcName => funcName === name)) && "String" !== fieldType) {
                        throw new _m_errors.errors.Error("E4024", op, fieldName, fieldType)
                    }
                    var name;
                    const formatters = 4 === protocolVersion ? formattersV4 : formattersV2;
                    const formatter = formatters[op.toLowerCase()];
                    if (!formatter) {
                        throw _m_errors.errors.Error("E4003", op)
                    }
                    let value = criteria[2];
                    if (null !== (_fieldTypes = fieldTypes) && void 0 !== _fieldTypes && _fieldTypes[fieldName]) {
                        value = (0, _m_utils2.convertPrimitiveValue)(fieldTypes[fieldName], value)
                    }
                    return formatter((0, _m_utils2.serializePropName)(fieldName), (0, _m_utils2.serializeValue)(value, protocolVersion))
                };
                const compileGroup = criteria => {
                    const bag = [];
                    let groupOperator;
                    let nextGroupOperator;
                    (0, _iterator.each)(criteria, function(index, criterion) {
                        if (Array.isArray(criterion)) {
                            if (bag.length > 1 && groupOperator !== nextGroupOperator) {
                                throw new _m_errors.errors.Error("E4019")
                            }
                            bag.push(`(${compileCore(criterion)})`);
                            groupOperator = nextGroupOperator;
                            nextGroupOperator = "and"
                        } else {
                            nextGroupOperator = (0, _m_utils.isConjunctiveOperator)(this) ? "and" : "or"
                        }
                    });
                    return bag.join(` ${groupOperator} `)
                };
                const compileCore = criteria => {
                    if (Array.isArray(criteria[0])) {
                        return compileGroup(criteria)
                    }
                    if ((0, _m_utils.isUnaryOperation)(criteria)) {
                        return (criteria => {
                            const op = criteria[0];
                            const crit = compileCore(criteria[1]);
                            if ("!" === op) {
                                return `not (${crit})`
                            }
                            throw _m_errors.errors.Error("E4003", op)
                        })(criteria)
                    }
                    return compileBinary(criteria)
                };
                return (criteria, version, types, filterToLower) => {
                    fieldTypes = types;
                    forceLowerCase = filterToLower ?? (0, _config.default)().oDataFilterToLower;
                    protocolVersion = version;
                    return compileCore(criteria)
                }
            })();
            const createODataQueryAdapter = queryOptions => {
                let _sorting = [];
                const _criteria = [];
                const _expand = queryOptions.expand;
                let _select;
                let _skip;
                let _take;
                let _countQuery;
                const _oDataVersion = queryOptions.version || 4;
                const hasSlice = () => _skip || void 0 !== _take;
                const hasFunction = criterion => {
                    for (let i = 0; i < criterion.length; i++) {
                        if ((0, _type.isFunction)(criterion[i])) {
                            return true
                        }
                        if (Array.isArray(criterion[i]) && hasFunction(criterion[i])) {
                            return true
                        }
                    }
                    return false
                };
                const requestData = () => {
                    const result = {};
                    if (!_countQuery) {
                        if (_sorting.length) {
                            result.$orderby = _sorting.join(",")
                        }
                        if (_skip) {
                            result.$skip = _skip
                        }
                        if (void 0 !== _take) {
                            result.$top = _take
                        }
                        result.$select = (0, _m_utils2.generateSelect)(_oDataVersion, _select) || void 0;
                        result.$expand = (0, _m_utils2.generateExpand)(_oDataVersion, _expand, _select) || void 0
                    }
                    if (_criteria.length) {
                        const criteria = _criteria.length < 2 ? _criteria[0] : _criteria;
                        const fieldTypes = null === queryOptions || void 0 === queryOptions ? void 0 : queryOptions.fieldTypes;
                        const filterToLower = null === queryOptions || void 0 === queryOptions ? void 0 : queryOptions.filterToLower;
                        result.$filter = compileCriteria(criteria, _oDataVersion, fieldTypes, filterToLower)
                    }
                    if (_countQuery) {
                        result.$top = 0
                    }
                    if (queryOptions.requireTotalCount || _countQuery) {
                        if (4 !== _oDataVersion) {
                            result.$inlinecount = "allpages"
                        } else {
                            result.$count = "true"
                        }
                    }
                    return result
                };
                return {
                    optimize: tasks => {
                        let selectIndex = -1;
                        for (let i = 0; i < tasks.length; i++) {
                            if ("select" === tasks[i].name) {
                                selectIndex = i;
                                break
                            }
                        }
                        if (selectIndex < 0 || !(0, _type.isFunction)(tasks[selectIndex].args[0])) {
                            return
                        }
                        const nextTask = tasks[1 + selectIndex];
                        if (!nextTask || "slice" !== nextTask.name) {
                            return
                        }
                        tasks[1 + selectIndex] = tasks[selectIndex];
                        tasks[selectIndex] = nextTask
                    },
                    exec: url => (0, _m_utils2.sendRequest)(_oDataVersion, {
                        url: url,
                        params: (0, _extend.extend)(requestData(), null === queryOptions || void 0 === queryOptions ? void 0 : queryOptions.params)
                    }, {
                        beforeSend: queryOptions.beforeSend,
                        jsonp: queryOptions.jsonp,
                        withCredentials: queryOptions.withCredentials,
                        countOnly: _countQuery,
                        deserializeDates: queryOptions.deserializeDates,
                        fieldTypes: queryOptions.fieldTypes,
                        isPaged: isFinite(_take)
                    }),
                    multiSort(args) {
                        let rules;
                        if (hasSlice()) {
                            return false
                        }
                        for (let i = 0; i < args.length; i++) {
                            const getter = args[i][0];
                            const desc = !!args[i][1];
                            let rule;
                            if ("string" !== typeof getter) {
                                return false
                            }
                            rule = (0, _m_utils2.serializePropName)(getter);
                            if (desc) {
                                rule += " desc"
                            }
                            rules = rules || [];
                            rules.push(rule)
                        }
                        _sorting = rules
                    },
                    slice(skipCount, takeCount) {
                        if (hasSlice()) {
                            return false
                        }
                        _skip = skipCount;
                        _take = takeCount
                    },
                    filter(criterion) {
                        if (hasSlice()) {
                            return false
                        }
                        if (!Array.isArray(criterion)) {
                            criterion = [].slice.call(arguments)
                        }
                        if (hasFunction(criterion)) {
                            return false
                        }
                        if (_criteria.length) {
                            _criteria.push("and")
                        }
                        _criteria.push(criterion)
                    },
                    select(expr) {
                        if (_select || (0, _type.isFunction)(expr)) {
                            return false
                        }
                        if (!Array.isArray(expr)) {
                            expr = [].slice.call(arguments)
                        }
                        _select = expr
                    },
                    count: () => _countQuery = true
                }
            };
            _query_adapters.default.odata = createODataQueryAdapter;
            exports.odata = createODataQueryAdapter
        },
        8920(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ../../../common/data/odata/query_adapter */ 65001);
            var _utils = __webpack_require__( /*! ../../../common/data/odata/utils */ 8056);
            exports.default = class {
                constructor(options) {
                    options = options || {};
                    this._url = String(options.url).replace(/\/+$/, "");
                    this._beforeSend = options.beforeSend;
                    this._jsonp = options.jsonp;
                    this._version = options.version || 4;
                    this._withCredentials = options.withCredentials;
                    this._deserializeDates = options.deserializeDates;
                    this._filterToLower = options.filterToLower
                }
                sendRequest(url, method, params, payload) {
                    return (0, _utils.sendRequest)(this.version, {
                        url: url,
                        method: method,
                        params: params || {},
                        payload: payload
                    }, {
                        beforeSend: this._beforeSend,
                        jsonp: this._jsonp,
                        withCredentials: this._withCredentials,
                        deserializeDates: this._deserializeDates
                    })
                }
                get version() {
                    return this._version
                }
                get beforeSend() {
                    return this._beforeSend
                }
                get url() {
                    return this._url
                }
                get jsonp() {
                    return this._jsonp
                }
                get filterToLower() {
                    return this._filterToLower
                }
            }
        },
        17594(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ../../../common/data/odata/query_adapter */ 65001);
            var _errors = __webpack_require__( /*! ../../../common/data/errors */ 82812);
            var _request_dispatcher = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/odata/request_dispatcher */ 26098));
            var _query = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/query */ 30771));
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../../core/config */ 66636));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _abstract_store = _interopRequireDefault(__webpack_require__( /*! ../../../data/abstract_store */ 77735));
            var _m_utils = __webpack_require__( /*! ./m_utils */ 14606);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ODataStore = _abstract_store.default.inherit({
                ctor(options) {
                    this.callBase(options);
                    this._requestDispatcher = new _request_dispatcher.default(options);
                    let key = this.key();
                    let {
                        fieldTypes: fieldTypes
                    } = options;
                    let {
                        keyType: keyType
                    } = options;
                    if (keyType) {
                        const keyTypeIsString = "string" === typeof keyType;
                        if (!key) {
                            key = keyTypeIsString ? "5d46402c-7899-4ea9-bd81-8b73c47c7683" : Object.keys(keyType);
                            this._legacyAnonymousKey = key
                        }
                        if (keyTypeIsString) {
                            keyType = ((key, keyType) => ({
                                [key]: keyType
                            }))(key, keyType)
                        }
                        fieldTypes = ((fieldTypes, keyType) => {
                            const result = {};
                            for (const field in fieldTypes) {
                                result[field] = fieldTypes[field]
                            }
                            for (const keyName in keyType) {
                                if (keyName in result) {
                                    if (result[keyName] !== keyType[keyName]) {
                                        _errors.errors.log("W4001", keyName)
                                    }
                                } else {
                                    result[keyName] = keyType[keyName]
                                }
                            }
                            return result
                        })(fieldTypes, keyType)
                    }
                    this._fieldTypes = fieldTypes || {};
                    if (2 === this.version()) {
                        this._updateMethod = "MERGE"
                    } else {
                        this._updateMethod = "PATCH"
                    }
                },
                _customLoadOptions: () => ["expand", "customQueryParams"],
                _byKeyImpl(key, extraOptions) {
                    const params = {};
                    if (extraOptions) {
                        params.$expand = (0, _m_utils.generateExpand)(this.version(), extraOptions.expand, extraOptions.select) || void 0;
                        params.$select = (0, _m_utils.generateSelect)(this.version(), extraOptions.select) || void 0
                    }
                    return this._requestDispatcher.sendRequest(this._byKeyUrl(key), "GET", params)
                },
                createQuery(loadOptions) {
                    let url;
                    const queryOptions = {
                        adapter: "odata",
                        beforeSend: this._requestDispatcher.beforeSend,
                        errorHandler: this._errorHandler,
                        jsonp: this._requestDispatcher.jsonp,
                        version: this._requestDispatcher.version,
                        withCredentials: this._requestDispatcher._withCredentials,
                        expand: null === loadOptions || void 0 === loadOptions ? void 0 : loadOptions.expand,
                        requireTotalCount: null === loadOptions || void 0 === loadOptions ? void 0 : loadOptions.requireTotalCount,
                        deserializeDates: this._requestDispatcher._deserializeDates,
                        fieldTypes: this._fieldTypes
                    };
                    url = (null === loadOptions || void 0 === loadOptions ? void 0 : loadOptions.urlOverride) ?? this._requestDispatcher.url;
                    if ((0, _type.isDefined)(this._requestDispatcher.filterToLower)) {
                        queryOptions.filterToLower = this._requestDispatcher.filterToLower
                    }
                    if (null !== loadOptions && void 0 !== loadOptions && loadOptions.customQueryParams) {
                        const params = (0, _m_utils.escapeServiceOperationParams)(null === loadOptions || void 0 === loadOptions ? void 0 : loadOptions.customQueryParams, this.version());
                        if (4 === this.version()) {
                            url = (0, _m_utils.formatFunctionInvocationUrl)(url, params)
                        } else {
                            queryOptions.params = params
                        }
                    }
                    return (0, _query.default)(url, queryOptions)
                },
                _insertImpl(values) {
                    this._requireKey();
                    const d = new _deferred.Deferred;
                    (0, _deferred.when)(this._requestDispatcher.sendRequest(this._requestDispatcher.url, "POST", null, values)).done(serverResponse => d.resolve(serverResponse && !(0, _config.default)().useLegacyStoreResult ? serverResponse : values, this.keyOf(serverResponse))).fail(d.reject);
                    return d.promise()
                },
                _updateImpl(key, values) {
                    const d = new _deferred.Deferred;
                    (0, _deferred.when)(this._requestDispatcher.sendRequest(this._byKeyUrl(key), this._updateMethod, null, values)).done(serverResponse => (0, _config.default)().useLegacyStoreResult ? d.resolve(key, values) : d.resolve(serverResponse || values, key)).fail(d.reject);
                    return d.promise()
                },
                _removeImpl(key) {
                    const d = new _deferred.Deferred;
                    (0, _deferred.when)(this._requestDispatcher.sendRequest(this._byKeyUrl(key), "DELETE")).done(() => d.resolve(key)).fail(d.reject);
                    return d.promise()
                },
                _convertKey(value) {
                    let result = value;
                    const fieldTypes = this._fieldTypes;
                    const key = this.key() || this._legacyAnonymousKey;
                    if (Array.isArray(key)) {
                        result = {};
                        for (let i = 0; i < key.length; i++) {
                            const keyName = key[i];
                            result[keyName] = (0, _m_utils.convertPrimitiveValue)(fieldTypes[keyName], value[keyName])
                        }
                    } else if (fieldTypes[key]) {
                        result = (0, _m_utils.convertPrimitiveValue)(fieldTypes[key], value)
                    }
                    return result
                },
                _byKeyUrl(value) {
                    const baseUrl = this._requestDispatcher.url;
                    const convertedKey = this._convertKey(value);
                    return `${baseUrl}(${encodeURIComponent((0,_m_utils.serializeKey)(convertedKey,this.version()))})`
                },
                version() {
                    return this._requestDispatcher.version
                }
            }, "odata");
            exports.default = ODataStore
        },
        14606(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.serializeValue = exports.serializePropName = exports.serializeKey = exports.sendRequest = exports.keyConverters = exports.generateSelect = exports.generateExpand = exports.formatFunctionInvocationUrl = exports.escapeServiceOperationParams = exports.convertPrimitiveValue = exports.EdmLiteral = void 0;
            var _errors = __webpack_require__( /*! ../../../common/data/errors */ 82812);
            var _utils = __webpack_require__( /*! ../../../common/data/utils */ 89358);
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../../core/class */ 55620));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _ajax = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/ajax */ 78670));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _string = __webpack_require__( /*! ../../../core/utils/string */ 54497);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const GUID_REGEX = /^(\{{0,1}([0-9a-fA-F]){8}-([0-9a-fA-F]){4}-([0-9a-fA-F]){4}-([0-9a-fA-F]){4}-([0-9a-fA-F]){12}\}{0,1})$/;
            const VERBOSE_DATE_REGEX = /^\/Date\((-?\d+)((\+|-)?(\d+)?)\)\/$/;
            const ISO8601_DATE_REGEX = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d+)?(Z|[-+]{1}\d{2}(:?)(\d{2})?)?$/;
            const JSON_VERBOSE_MIME_TYPE = "application/json;odata=verbose";
            const makeArray = value => "string" === (0, _type.type)(value) ? value.split() : value;
            const hasDot = x => /\./.test(x);
            const pad = (text, length, right) => {
                text = String(text);
                while (text.length < length) {
                    text = right ? `${text}0` : `0${text}`
                }
                return text
            };
            const formatISO8601 = (date, skipZeroTime, skipTimezone) => {
                const bag = [];
                const padLeft2 = text => pad(text, 2);
                bag.push(date.getFullYear());
                bag.push("-");
                bag.push(padLeft2(date.getMonth() + 1));
                bag.push("-");
                bag.push(padLeft2(date.getDate()));
                if (!(skipZeroTime && date.getHours() + date.getMinutes() + date.getSeconds() + date.getMilliseconds() < 1)) {
                    bag.push("T");
                    bag.push(padLeft2(date.getHours()));
                    bag.push(":");
                    bag.push(padLeft2(date.getMinutes()));
                    bag.push(":");
                    bag.push(padLeft2(date.getSeconds()));
                    if (date.getMilliseconds()) {
                        bag.push(".");
                        bag.push(pad(date.getMilliseconds(), 3))
                    }
                    if (!skipTimezone) {
                        bag.push("Z")
                    }
                }
                return bag.join("")
            };
            const sendRequest = (protocolVersion, request, options) => {
                const {
                    deserializeDates: deserializeDates,
                    fieldTypes: fieldTypes,
                    countOnly: countOnly,
                    isPaged: isPaged
                } = options;
                const d = new _deferred.Deferred;
                const ajaxOptions = function(protocolVersion, request) {
                    var _options$beforeSend;
                    let options = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
                    request = (0, _extend.extend)({
                        async: true,
                        method: "get",
                        url: "",
                        params: {},
                        payload: null,
                        headers: {},
                        timeout: 3e4
                    }, request);
                    null === (_options$beforeSend = options.beforeSend) || void 0 === _options$beforeSend || _options$beforeSend.call(options, request);
                    const {
                        async: async,
                        timeout: timeout,
                        headers: headers
                    } = request;
                    let {
                        url: url,
                        method: method
                    } = request;
                    const {
                        jsonp: jsonp,
                        withCredentials: withCredentials
                    } = options;
                    method = (method || "get").toLowerCase();
                    const isGet = "get" === method;
                    const useJsonp = isGet && jsonp;
                    const params = (0, _extend.extend)({}, request.params);
                    const ajaxData = isGet ? params : (payload = request.payload, JSON.stringify(payload, function(key, value) {
                        if (!(this[key] instanceof Date)) {
                            return value
                        }
                        value = formatISO8601(this[key]);
                        switch (protocolVersion) {
                            case 2:
                                return value.substr(0, value.length - 1);
                            case 3:
                            case 4:
                                return value;
                            default:
                                throw _errors.errors.Error("E4002")
                        }
                    }));
                    var payload;
                    const qs = !isGet && (params => {
                        const result = [];
                        for (const name in params) {
                            result.push(`${name}=${params[name]}`)
                        }
                        return result.join("&")
                    })(params);
                    const contentType = !isGet && JSON_VERBOSE_MIME_TYPE;
                    if (qs) {
                        url += (url.indexOf("?") > -1 ? "&" : "?") + qs
                    }
                    if (useJsonp) {
                        ajaxData.$format = "json"
                    }
                    return {
                        url: url,
                        data: ajaxData,
                        dataType: useJsonp ? "jsonp" : "json",
                        jsonp: useJsonp && "$callback",
                        method: method,
                        async: async,
                        timeout: timeout,
                        headers: headers,
                        contentType: contentType,
                        accepts: {
                            json: [JSON_VERBOSE_MIME_TYPE, "text/plain"].join()
                        },
                        xhrFields: {
                            withCredentials: withCredentials
                        }
                    }
                }(protocolVersion, request, options);
                _ajax.default.sendRequest(ajaxOptions).always((obj, textStatus) => {
                    const transformOptions = {
                        deserializeDates: deserializeDates,
                        fieldTypes: fieldTypes
                    };
                    const tuple = interpretJsonFormat(obj, textStatus, transformOptions, ajaxOptions);
                    const {
                        error: error,
                        data: data,
                        count: count
                    } = tuple;
                    let {
                        nextUrl: nextUrl
                    } = tuple;
                    if (error) {
                        if (error.message !== _utils.XHR_ERROR_UNLOAD) {
                            d.reject(error)
                        }
                    } else if (countOnly) {
                        if (isFinite(count)) {
                            d.resolve(count)
                        } else {
                            d.reject(_errors.errors.Error("E4018"))
                        }
                    } else if (nextUrl && !isPaged) {
                        if (!(url = nextUrl, /^(?:[a-z]+:)?\/{2,2}/i.test(url))) {
                            nextUrl = ((basePath, relativePath) => {
                                let part;
                                const baseParts = (url => {
                                    const index = url.indexOf("?");
                                    if (index > -1) {
                                        return url.substr(0, index)
                                    }
                                    return url
                                })(basePath).split("/");
                                const relativeParts = relativePath.split("/");
                                baseParts.pop();
                                while (relativeParts.length) {
                                    part = relativeParts.shift();
                                    if (".." === part) {
                                        baseParts.pop()
                                    } else {
                                        baseParts.push(part)
                                    }
                                }
                                return baseParts.join("/")
                            })(ajaxOptions.url, nextUrl)
                        }
                        sendRequest(protocolVersion, {
                            url: nextUrl
                        }, options).fail(d.reject).done(nextData => d.resolve(data.concat(nextData)))
                    } else {
                        const extra = isFinite(count) ? {
                            totalCount: count
                        } : void 0;
                        d.resolve(data, extra)
                    }
                    var url
                });
                return d.promise()
            };
            exports.sendRequest = sendRequest;
            const interpretJsonFormat = (obj, textStatus, transformOptions, ajaxOptions) => {
                const error = ((obj, textStatus, ajaxOptions) => {
                    var _response, _response2, _response3, _response4;
                    if ("nocontent" === textStatus) {
                        return null
                    }
                    let message = "Unknown error";
                    let response = obj;
                    let httpStatus = 200;
                    const errorData = {
                        requestOptions: ajaxOptions
                    };
                    if ("success" !== textStatus) {
                        const {
                            status: status,
                            responseText: responseText
                        } = obj;
                        httpStatus = status;
                        message = (0, _utils.errorMessageFromXhr)(obj, textStatus);
                        try {
                            response = JSON.parse(responseText)
                        } catch (x) {}
                    }
                    const errorObj = (null === (_response = response) || void 0 === _response ? void 0 : _response.then) || (null === (_response2 = response) || void 0 === _response2 ? void 0 : _response2.error) || (null === (_response3 = response) || void 0 === _response3 ? void 0 : _response3["odata.error"]) || (null === (_response4 = response) || void 0 === _response4 ? void 0 : _response4["@odata.error"]);
                    if (errorObj) {
                        message = (errorObj => {
                            let message;
                            let currentMessage;
                            let currentError = errorObj;
                            if ("message" in errorObj) {
                                var _errorObj$message;
                                message = (null === (_errorObj$message = errorObj.message) || void 0 === _errorObj$message ? void 0 : _errorObj$message.value) || errorObj.message
                            }
                            while (currentError = currentError.innererror || currentError.internalexception) {
                                currentMessage = currentError.message;
                                message = currentMessage ?? message;
                                if (currentError.internalexception && -1 === message.indexOf("inner exception")) {
                                    break
                                }
                            }
                            return message
                        })(errorObj) || message;
                        errorData.errorDetails = errorObj;
                        if (200 === httpStatus) {
                            httpStatus = 500
                        }
                        const customCode = Number(errorObj.code);
                        if (isFinite(customCode) && customCode >= 400) {
                            httpStatus = customCode
                        }
                    }
                    if (httpStatus >= 400 || 0 === httpStatus) {
                        errorData.httpStatus = httpStatus;
                        return (0, _extend.extend)(Error(message), errorData)
                    }
                    return null
                })(obj, textStatus, ajaxOptions);
                if (error) {
                    return {
                        error: error
                    }
                }
                if (!(0, _type.isPlainObject)(obj)) {
                    return {
                        data: obj
                    }
                }
                const value = "d" in obj && (Array.isArray(obj.d) || (0, _type.isObject)(obj.d)) ? interpretVerboseJsonFormat(obj) : interpretLightJsonFormat(obj);
                transformTypes(value, transformOptions);
                return value
            };
            const interpretVerboseJsonFormat = _ref => {
                let {
                    d: data
                } = _ref;
                if (!(0, _type.isDefined)(data)) {
                    return {
                        error: Error("Malformed or unsupported JSON response received")
                    }
                }
                return {
                    data: data.results ?? data,
                    nextUrl: data.__next,
                    count: parseInt(data.__count, 10)
                }
            };
            const interpretLightJsonFormat = obj => ({
                data: obj.value ?? obj,
                nextUrl: obj["@odata.nextLink"],
                count: parseInt(obj["@odata.count"], 10)
            });
            const EdmLiteral = exports.EdmLiteral = _class.default.inherit({
                ctor(value) {
                    this._value = value
                },
                valueOf() {
                    return this._value
                }
            });
            const transformTypes = function(obj) {
                let options = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
                (0, _iterator.each)(obj, (key, value) => {
                    if (null !== value && "object" === typeof value) {
                        if ("results" in value) {
                            obj[key] = value.results
                        }
                        transformTypes(obj[key], options)
                    } else if ("string" === typeof value) {
                        const {
                            fieldTypes: fieldTypes,
                            deserializeDates: deserializeDates
                        } = options;
                        const canBeGuid = !fieldTypes || "String" !== fieldTypes[key];
                        if (canBeGuid && GUID_REGEX.test(value)) {
                            obj[key] = new _guid.default(value)
                        }
                        if (false !== deserializeDates) {
                            if (VERBOSE_DATE_REGEX.exec(value)) {
                                const date = new Date(Number(RegExp.$1) + 60 * RegExp.$2 * 1e3);
                                obj[key] = new Date(date.valueOf() + 60 * date.getTimezoneOffset() * 1e3)
                            } else if (ISO8601_DATE_REGEX.test(value)) {
                                obj[key] = new Date((isoString => {
                                    const result = new Date(60 * new Date(0).getTimezoneOffset() * 1e3);
                                    const chunks = isoString.replace("Z", "").split("T");
                                    const date = /(\d{4})-(\d{2})-(\d{2})/.exec(chunks[0]);
                                    const time = /(\d{2}):(\d{2}):(\d{2})\.?(\d{0,7})?/.exec(chunks[1]);
                                    result.setFullYear(Number(date[1]));
                                    result.setMonth(Number(date[2]) - 1);
                                    result.setDate(Number(date[3]));
                                    if (Array.isArray(time) && time.length) {
                                        result.setHours(Number(time[1]));
                                        result.setMinutes(Number(time[2]));
                                        result.setSeconds(Number(time[3]));
                                        let fractional = (time[4] || "").slice(0, 3);
                                        fractional = pad(fractional, 3, true);
                                        result.setMilliseconds(Number(fractional))
                                    }
                                    return result
                                })(obj[key]).valueOf())
                            }
                        }
                    }
                })
            };
            const serializePropName = propName => propName instanceof EdmLiteral ? propName.valueOf() : propName.replace(/\./g, "/");
            exports.serializePropName = serializePropName;
            const serializeValueV4 = value => {
                if (value instanceof Date) {
                    return formatISO8601(value, false, false)
                }
                if (value instanceof _guid.default) {
                    return value.valueOf()
                }
                if (Array.isArray(value)) {
                    return `[${value.map(item=>serializeValueV4(item)).join(",")}]`
                }
                return serializeValueV2(value)
            };
            const serializeValueV2 = value => {
                if (value instanceof Date) {
                    return date = value, `datetime'${formatISO8601(date,true,true)}'`
                }
                var date;
                if (value instanceof _guid.default) {
                    return `guid'${value}'`
                }
                if (value instanceof EdmLiteral) {
                    return value.valueOf()
                }
                if ("string" === typeof value) {
                    return (value => `'${value.replace(/'/g,"''")}'`)(value)
                }
                return String(value)
            };
            const serializeValue = (value, protocolVersion) => {
                switch (protocolVersion) {
                    case 2:
                    case 3:
                        return serializeValueV2(value);
                    case 4:
                        return serializeValueV4(value);
                    default:
                        throw _errors.errors.Error("E4002")
                }
            };
            exports.serializeValue = serializeValue;
            exports.serializeKey = (key, protocolVersion) => {
                if ((0, _type.isPlainObject)(key)) {
                    const parts = [];
                    (0, _iterator.each)(key, (k, v) => parts.push(`${serializePropName(k)}=${serializeValue(v,protocolVersion)}`));
                    return parts.join()
                }
                return serializeValue(key, protocolVersion)
            };
            const keyConverters = exports.keyConverters = {
                String: value => `${value}`,
                Int32: value => Math.floor(value),
                Int64: value => value instanceof EdmLiteral ? value : new EdmLiteral(`${value}L`),
                Guid: value => value instanceof _guid.default ? value : new _guid.default(value),
                Boolean: value => !!value,
                Single: value => value instanceof EdmLiteral ? value : new EdmLiteral(`${value}f`),
                Decimal: value => value instanceof EdmLiteral ? value : new EdmLiteral(`${value}m`)
            };
            exports.convertPrimitiveValue = (type, value) => {
                if (null === value) {
                    return null
                }
                const converter = keyConverters[type];
                if (!converter) {
                    throw _errors.errors.Error("E4014", type)
                }
                return converter(value)
            };
            exports.generateSelect = (oDataVersion, select) => {
                if (!select) {
                    return
                }
                return oDataVersion < 4 ? serializePropName(select.join()) : (0, _common.grep)(select, hasDot, true).join()
            };
            const formatCore = hash => {
                let result = "";
                const selectValue = [];
                const expandValue = [];
                (0, _iterator.each)(hash, (key, value) => {
                    if (Array.isArray(value)) {
                        [].push.apply(selectValue, value)
                    }
                    if ((0, _type.isPlainObject)(value)) {
                        expandValue.push(`${key}${formatCore(value)}`)
                    }
                });
                if (selectValue.length || expandValue.length) {
                    result += "(";
                    if (selectValue.length) {
                        result += `$select=${(0,_iterator.map)(selectValue,serializePropName).join()}`
                    }
                    if (expandValue.length) {
                        if (selectValue.length) {
                            result += ";"
                        }
                        result += `$expand=${(0,_iterator.map)(expandValue,serializePropName).join()}`
                    }
                    result += ")"
                }
                return result
            };
            const parseCore = (exprParts, root, stepper) => {
                const result = stepper(root, exprParts.shift(), exprParts);
                if (false === result) {
                    return
                }
                parseCore(exprParts, result, stepper)
            };
            const parseTree = (exprs, root, stepper) => (0, _iterator.each)(exprs, (_, x) => parseCore(x.split("."), root, stepper));
            const generatorV2 = (expand, select) => {
                const hash = {};
                if (expand) {
                    (0, _iterator.each)(makeArray(expand), function() {
                        hash[serializePropName(this)] = 1
                    })
                }
                if (select) {
                    (0, _iterator.each)(makeArray(select), function() {
                        const path = this.split(".");
                        if (path.length < 2) {
                            return
                        }
                        path.pop();
                        hash[serializePropName(path.join("."))] = 1
                    })
                }
                return (0, _iterator.map)(hash, (_, v) => v).join()
            };
            const generatorV4 = (expand, select) => {
                const hash = {};
                if (expand || select) {
                    if (expand) {
                        parseTree(makeArray(expand), hash, (node, key, path) => {
                            node[key] = node[key] || {};
                            return !path.length ? false : node[key]
                        })
                    }
                    if (select) {
                        parseTree((0, _common.grep)(makeArray(select), hasDot), hash, (node, key, path) => {
                            if (!path.length) {
                                node[key] = node[key] || [];
                                node[key].push(key);
                                return false
                            }
                            return node[key] = node[key] || {}
                        })
                    }
                    return (hash => {
                        const result = [];
                        (0, _iterator.each)(hash, (key, value) => result.push(`${key}${formatCore(value)}`));
                        return result.join()
                    })(hash)
                }
            };
            exports.generateExpand = (oDataVersion, expand, select) => oDataVersion < 4 ? generatorV2(expand, select) : generatorV4(expand, select);
            exports.formatFunctionInvocationUrl = (baseUrl, args) => (0, _string.format)("{0}({1})", baseUrl, (0, _iterator.map)(args || {}, (value, key) => (0, _string.format)("{0}={1}", key, value)).join(","));
            exports.escapeServiceOperationParams = (params, version) => {
                if (!params) {
                    return params
                }
                const result = {};
                (0, _iterator.each)(params, (k, v) => {
                    result[k] = serializeValue(v, version)
                });
                return result
            }
        },
        16362(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.queryImpl = void 0;
            var _m_array_query = _interopRequireDefault(__webpack_require__( /*! ./m_array_query */ 79587));
            var _m_remote_query = _interopRequireDefault(__webpack_require__( /*! ./m_remote_query */ 51324));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.queryImpl = {
                array: _m_array_query.default,
                remote: _m_remote_query.default
            }
        },
        49953(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.trigger = exports.one = exports.on = exports.off = exports.Event = void 0;
            var _m_events_engine = (e = __webpack_require__( /*! ./m_events_engine */ 36306), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.on = _m_events_engine.default.on;
            exports.one = _m_events_engine.default.one;
            exports.off = _m_events_engine.default.off;
            exports.trigger = _m_events_engine.default.trigger;
            exports.Event = _m_events_engine.default.Event
        },
        55408(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.forcePassiveFalseEventNames = exports.NO_BUBBLE_EVENTS = exports.NATIVE_EVENTS_TO_TRIGGER = exports.NATIVE_EVENTS_TO_SUBSCRIBE = exports.EVENT_PROPERTIES = exports.EMPTY_EVENT_NAME = void 0;
            exports.EMPTY_EVENT_NAME = "dxEmptyEventType";
            exports.NATIVE_EVENTS_TO_SUBSCRIBE = {
                mouseenter: "mouseover",
                mouseleave: "mouseout",
                pointerenter: "pointerover",
                pointerleave: "pointerout"
            };
            exports.NATIVE_EVENTS_TO_TRIGGER = {
                focusin: "focus",
                focusout: "blur"
            };
            exports.NO_BUBBLE_EVENTS = ["blur", "focus", "load"];
            exports.forcePassiveFalseEventNames = ["touchmove", "wheel", "mousewheel", "touchstart"];
            exports.EVENT_PROPERTIES = ["altKey", "altitudeAngle", "azimuthAngle", "bubbles", "button", "buttons", "cancelable", "cancelBubble", "changedTouches", "char", "charCode", "clipboardData", "code", "composed", "ctrlKey", "defaultPrevented", "delegateTarget", "deltaMode", "deltaX", "deltaY", "deltaZ", "detail", "eventPhase", "height", "isComposing", "isPrimary", "key", "keyCode", "layerX", "layerY", "location", "metaKey", "movementX", "movementY", "offsetX", "offsetY", "pointerId", "pointerType", "pressure", "relatedTarget", "repeat", "returnValue", "srcElement", "shiftKey", "tangentialPressure", "target", "targetTouches", "tiltX", "tiltY", "toElement", "touches", "twist", "view", "width", "x", "y"]
        },
        14911(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.lock = exports.inactive = exports.active = void 0;
            var _emitter = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/emitter */ 59e3));
            var _emitter_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/emitter_registrator */ 81411));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../../core/class */ 55620));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _dom = __webpack_require__( /*! ../../../core/utils/dom */ 86858);
            var _m_devices = _interopRequireDefault(__webpack_require__( /*! ../../core/m_devices */ 98905));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ACTIVE_EVENT_NAME = exports.active = "dxactive";
            const INACTIVE_EVENT_NAME = exports.inactive = "dxinactive";
            const FeedbackEvent = _class.default.inherit({
                ctor(timeout, fire) {
                    this._timeout = timeout;
                    this._fire = fire
                },
                start() {
                    const that = this;
                    this._schedule(() => {
                        that.force()
                    })
                },
                _schedule(fn) {
                    this.stop();
                    this._timer = setTimeout(fn, this._timeout)
                },
                stop() {
                    clearTimeout(this._timer)
                },
                force() {
                    if (this._fired) {
                        return
                    }
                    this.stop();
                    this._fire();
                    this._fired = true
                },
                fired() {
                    return this._fired
                }
            });
            let activeFeedback;
            const FeedbackEmitter = _emitter.default.inherit({
                ctor() {
                    this.callBase.apply(this, arguments);
                    this._active = new FeedbackEvent(0, _common.noop);
                    this._inactive = new FeedbackEvent(0, _common.noop)
                },
                configure(data, eventName) {
                    switch (eventName) {
                        case ACTIVE_EVENT_NAME:
                            data.activeTimeout = data.timeout;
                            break;
                        case INACTIVE_EVENT_NAME:
                            data.inactiveTimeout = data.timeout
                    }
                    this.callBase(data)
                },
                start(e) {
                    if (activeFeedback) {
                        const activeChildExists = (0, _dom.contains)(this.getElement().get(0), activeFeedback.getElement().get(0));
                        const childJustActivated = !activeFeedback._active.fired();
                        if (activeChildExists && childJustActivated) {
                            this._cancel();
                            return
                        }
                        activeFeedback._inactive.force()
                    }
                    activeFeedback = this;
                    this._initEvents(e);
                    this._active.start()
                },
                _initEvents(e) {
                    const that = this;
                    const eventTarget = this._getEmitterTarget(e);
                    const mouseEvent = (0, _index.isMouseEvent)(e);
                    const isSimulator = _m_devices.default.isSimulator();
                    const deferFeedback = isSimulator || !mouseEvent;
                    const activeTimeout = (0, _common.ensureDefined)(this.activeTimeout, 30);
                    const inactiveTimeout = (0, _common.ensureDefined)(this.inactiveTimeout, 400);
                    this._active = new FeedbackEvent(deferFeedback ? activeTimeout : 0, () => {
                        that._fireEvent(ACTIVE_EVENT_NAME, e, {
                            target: eventTarget
                        })
                    });
                    this._inactive = new FeedbackEvent(deferFeedback ? inactiveTimeout : 0, () => {
                        that._fireEvent(INACTIVE_EVENT_NAME, e, {
                            target: eventTarget
                        });
                        activeFeedback = null
                    })
                },
                cancel(e) {
                    this.end(e)
                },
                end(e) {
                    const skipTimers = e.type !== _pointer.default.up;
                    if (skipTimers) {
                        this._active.stop()
                    } else {
                        this._active.force()
                    }
                    this._inactive.start();
                    if (skipTimers) {
                        this._inactive.force()
                    }
                },
                dispose() {
                    this._active.stop();
                    this._inactive.stop();
                    if (activeFeedback === this) {
                        activeFeedback = null
                    }
                    this.callBase()
                },
                lockInactive() {
                    this._active.force();
                    this._inactive.stop();
                    activeFeedback = null;
                    this._cancel();
                    return this._inactive.force.bind(this._inactive)
                }
            });
            FeedbackEmitter.lock = function(deferred) {
                const lockInactive = activeFeedback ? activeFeedback.lockInactive() : _common.noop;
                deferred.done(lockInactive)
            };
            (0, _emitter_registrator.default)({
                emitter: FeedbackEmitter,
                events: [ACTIVE_EVENT_NAME, INACTIVE_EVENT_NAME]
            });
            const {
                lock: lock
            } = FeedbackEmitter;
            exports.lock = lock
        },
        96292(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../../core/class */ 55620));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/callbacks */ 84718));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const Emitter = _class.default.inherit({
                ctor(element) {
                    this._$element = (0, _renderer.default)(element);
                    this._cancelCallback = (0, _callbacks.default)();
                    this._acceptCallback = (0, _callbacks.default)()
                },
                getElement() {
                    return this._$element
                },
                validate: e => !(0, _index.isDxMouseWheelEvent)(e),
                validatePointers: e => 1 === (0, _index.hasTouches)(e),
                allowInterruptionByMouseWheel: () => true,
                configure(data) {
                    (0, _extend.extend)(this, data)
                },
                addCancelCallback(callback) {
                    this._cancelCallback.add(callback)
                },
                removeCancelCallback() {
                    this._cancelCallback.empty()
                },
                _cancel(e) {
                    this._cancelCallback.fire(this, e)
                },
                addAcceptCallback(callback) {
                    this._acceptCallback.add(callback)
                },
                removeAcceptCallback() {
                    this._acceptCallback.empty()
                },
                _accept(e) {
                    this._acceptCallback.fire(this, e)
                },
                _requestAccept(e) {
                    this._acceptRequestEvent = e
                },
                _forgetAccept() {
                    this._accept(this._acceptRequestEvent);
                    this._acceptRequestEvent = null
                },
                start: _common.noop,
                move: _common.noop,
                end: _common.noop,
                cancel: _common.noop,
                reset() {
                    if (this._acceptRequestEvent) {
                        this._accept(this._acceptRequestEvent)
                    }
                },
                _fireEvent(eventName, e, params) {
                    const eventData = (0, _extend.extend)({
                        type: eventName,
                        originalEvent: e,
                        target: this._getEmitterTarget(e),
                        delegateTarget: this.getElement().get(0)
                    }, params);
                    e = (0, _index.fireEvent)(eventData);
                    if (e.cancel) {
                        this._cancel(e)
                    }
                    return e
                },
                _getEmitterTarget(e) {
                    return (this.delegateSelector ? (0, _renderer.default)(e.target).closest(this.delegateSelector) : this.getElement()).get(0)
                },
                dispose: _common.noop
            });
            exports.default = Emitter
        },
        58063(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _event_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/event_registrator */ 15273));
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _wheel = __webpack_require__( /*! ../../../common/core/events/core/wheel */ 37373);
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../../core/class */ 55620));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _element_data = __webpack_require__( /*! ../../../core/element_data */ 74663);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _ready_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/ready_callbacks */ 3122));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const EventManager = _class.default.inherit({
                ctor() {
                    this._attachHandlers();
                    this.reset();
                    this._proxiedCancelHandler = this._cancelHandler.bind(this);
                    this._proxiedAcceptHandler = this._acceptHandler.bind(this)
                },
                _attachHandlers() {
                    _ready_callbacks.default.add(() => {
                        const document = _dom_adapter.default.getDocument();
                        _events_engine.default.subscribeGlobal(document, (0, _index.addNamespace)(_pointer.default.down, "dxEventManager"), this._pointerDownHandler.bind(this));
                        _events_engine.default.subscribeGlobal(document, (0, _index.addNamespace)(_pointer.default.move, "dxEventManager"), this._pointerMoveHandler.bind(this));
                        _events_engine.default.subscribeGlobal(document, (0, _index.addNamespace)([_pointer.default.up, _pointer.default.cancel].join(" "), "dxEventManager"), this._pointerUpHandler.bind(this));
                        _events_engine.default.subscribeGlobal(document, (0, _index.addNamespace)(_wheel.name, "dxEventManager"), this._mouseWheelHandler.bind(this))
                    })
                },
                _eachEmitter(callback) {
                    const activeEmitters = this._activeEmitters || [];
                    let i = 0;
                    while (activeEmitters.length > i) {
                        const emitter = activeEmitters[i];
                        if (false === callback(emitter)) {
                            break
                        }
                        if (activeEmitters[i] === emitter) {
                            i++
                        }
                    }
                },
                _applyToEmitters(method, arg) {
                    this._eachEmitter(emitter => {
                        emitter[method].call(emitter, arg)
                    })
                },
                reset() {
                    this._eachEmitter(this._proxiedCancelHandler);
                    this._activeEmitters = []
                },
                resetEmitter(emitter) {
                    this._proxiedCancelHandler(emitter)
                },
                _pointerDownHandler(e) {
                    if ((0, _index.isMouseEvent)(e) && e.which > 1) {
                        return
                    }
                    this._updateEmitters(e)
                },
                _updateEmitters(e) {
                    if (!this._isSetChanged(e)) {
                        return
                    }
                    this._cleanEmitters(e);
                    this._fetchEmitters(e)
                },
                _isSetChanged(e) {
                    const currentSet = this._closestEmitter(e);
                    const previousSet = this._emittersSet || [];
                    let setChanged = currentSet.length !== previousSet.length;
                    (0, _iterator.each)(currentSet, (index, emitter) => {
                        setChanged = setChanged || previousSet[index] !== emitter;
                        return !setChanged
                    });
                    this._emittersSet = currentSet;
                    return setChanged
                },
                _closestEmitter(e) {
                    const that = this;
                    const result = [];
                    let $element = (0, _renderer.default)(e.target);

                    function handleEmitter(_, emitter) {
                        if (!!emitter && emitter.validatePointers(e) && emitter.validate(e)) {
                            emitter.addCancelCallback(that._proxiedCancelHandler);
                            emitter.addAcceptCallback(that._proxiedAcceptHandler);
                            result.push(emitter)
                        }
                    }
                    while ($element.length) {
                        const emitters = (0, _element_data.data)($element.get(0), "dxEmitter") || [];
                        (0, _iterator.each)(emitters, handleEmitter);
                        $element = $element.parent()
                    }
                    return result
                },
                _acceptHandler(acceptedEmitter, e) {
                    this._eachEmitter(emitter => {
                        if (emitter !== acceptedEmitter) {
                            this._cancelEmitter(emitter, e)
                        }
                    })
                },
                _cancelHandler(canceledEmitter, e) {
                    this._cancelEmitter(canceledEmitter, e)
                },
                _cancelEmitter(emitter, e) {
                    const activeEmitters = this._activeEmitters;
                    if (e) {
                        emitter.cancel(e)
                    } else {
                        emitter.reset()
                    }
                    emitter.removeCancelCallback();
                    emitter.removeAcceptCallback();
                    const emitterIndex = activeEmitters.indexOf(emitter);
                    if (emitterIndex > -1) {
                        activeEmitters.splice(emitterIndex, 1)
                    }
                },
                _cleanEmitters(e) {
                    this._applyToEmitters("end", e);
                    this.reset(e)
                },
                _fetchEmitters(e) {
                    this._activeEmitters = this._emittersSet.slice();
                    this._applyToEmitters("start", e)
                },
                _pointerMoveHandler(e) {
                    this._applyToEmitters("move", e)
                },
                _pointerUpHandler(e) {
                    this._updateEmitters(e)
                },
                _mouseWheelHandler(e) {
                    if (!this._allowInterruptionByMouseWheel()) {
                        return
                    }
                    e.pointers = [null];
                    this._pointerDownHandler(e);
                    this._adjustWheelEvent(e);
                    this._pointerMoveHandler(e);
                    e.pointers = [];
                    this._pointerUpHandler(e)
                },
                _allowInterruptionByMouseWheel() {
                    let allowInterruption = true;
                    this._eachEmitter(emitter => {
                        allowInterruption = emitter.allowInterruptionByMouseWheel() && allowInterruption;
                        return allowInterruption
                    });
                    return allowInterruption
                },
                _adjustWheelEvent(e) {
                    let closestGestureEmitter = null;
                    this._eachEmitter(emitter => {
                        if (!emitter.gesture) {
                            return
                        }
                        const direction = emitter.getDirection(e);
                        if ("horizontal" !== direction && !e.shiftKey || "vertical" !== direction && e.shiftKey) {
                            closestGestureEmitter = emitter;
                            return false
                        }
                    });
                    if (!closestGestureEmitter) {
                        return
                    }
                    const direction = closestGestureEmitter.getDirection(e);
                    const verticalGestureDirection = "both" === direction && !e.shiftKey || "vertical" === direction;
                    const prop = verticalGestureDirection ? "pageY" : "pageX";
                    e[prop] += e.delta
                },
                isActive(element) {
                    let result = false;
                    this._eachEmitter(emitter => {
                        result = result || emitter.getElement().is(element)
                    });
                    return result
                }
            });
            const eventManager = new EventManager;
            exports.default = function(emitterConfig) {
                const EmitterClass = emitterConfig.emitter;
                const emitterName = emitterConfig.events[0];
                const emitterEvents = emitterConfig.events;
                (0, _iterator.each)(emitterEvents, (_, eventName) => {
                    (0, _event_registrator.default)(eventName, {
                        noBubble: !emitterConfig.bubble,
                        setup(element) {
                            const subscriptions = (0, _element_data.data)(element, "dxEmitterSubscription") || {};
                            const emitters = (0, _element_data.data)(element, "dxEmitter") || {};
                            const emitter = emitters[emitterName] || new EmitterClass(element);
                            subscriptions[eventName] = true;
                            emitters[emitterName] = emitter;
                            (0, _element_data.data)(element, "dxEmitter", emitters);
                            (0, _element_data.data)(element, "dxEmitterSubscription", subscriptions)
                        },
                        add(element, handleObj) {
                            const emitters = (0, _element_data.data)(element, "dxEmitter");
                            const emitter = emitters[emitterName];
                            emitter.configure((0, _extend.extend)({
                                delegateSelector: handleObj.selector
                            }, handleObj.data), handleObj.type)
                        },
                        teardown(element) {
                            const subscriptions = (0, _element_data.data)(element, "dxEmitterSubscription");
                            const emitters = (0, _element_data.data)(element, "dxEmitter");
                            const emitter = emitters[emitterName];
                            delete subscriptions[eventName];
                            let disposeEmitter = true;
                            (0, _iterator.each)(emitterEvents, (_, eventName) => {
                                disposeEmitter = disposeEmitter && !subscriptions[eventName];
                                return disposeEmitter
                            });
                            if (disposeEmitter) {
                                if (eventManager.isActive(element)) {
                                    eventManager.resetEmitter(emitter)
                                }
                                emitter && emitter.dispose();
                                delete emitters[emitterName]
                            }
                        }
                    })
                })
            }
        },
        65381(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _event_registrator_callbacks = (e = __webpack_require__( /*! ../../../common/core/events/core/event_registrator_callbacks */ 85030), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            const registerEvent = function(name, eventObject) {
                const strategy = {};
                if ("noBubble" in eventObject) {
                    strategy.noBubble = eventObject.noBubble
                }
                if ("bindType" in eventObject) {
                    strategy.bindType = eventObject.bindType
                }
                if ("delegateType" in eventObject) {
                    strategy.delegateType = eventObject.delegateType
                }(0, _iterator.each)(["setup", "teardown", "add", "remove", "trigger", "handle", "_default", "dispose"], (_, methodName) => {
                    if (!eventObject[methodName]) {
                        return
                    }
                    strategy[methodName] = function() {
                        const args = [].slice.call(arguments);
                        args.unshift(this);
                        return eventObject[methodName].apply(eventObject, args)
                    }
                });
                _event_registrator_callbacks.default.fire(name, strategy)
            };
            registerEvent.callbacks = _event_registrator_callbacks.default;
            exports.default = registerEvent
        },
        36306(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _event_registrator_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/event_registrator_callbacks */ 85030));
            var _hook_touch_props = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/hook_touch_props */ 65462));
            var _event_target = __webpack_require__( /*! ../../../common/core/events/utils/event_target */ 45280);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../../core/errors */ 87129));
            var _call_once = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/call_once */ 13630));
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/callbacks */ 84718));
            var _dependency_injector = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/dependency_injector */ 89656));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _m_consts = __webpack_require__( /*! ../../events/core/m_consts */ 55408);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();

            function matchesSafe(target, selector) {
                return !(0, _type.isWindow)(target) && "#document" !== target.nodeName && _dom_adapter.default.elementMatches(target, selector)
            }
            const elementDataMap = new WeakMap;
            let guid = 0;
            let skipEvent;
            const special = function() {
                const specialData = {};
                _event_registrator_callbacks.default.add((eventName, eventObject) => {
                    specialData[eventName] = eventObject
                });
                return {
                    getField: (eventName, field) => specialData[eventName] && specialData[eventName][field],
                    callMethod: (eventName, methodName, context, args) => specialData[eventName] && specialData[eventName][methodName] && specialData[eventName][methodName].apply(context, args)
                }
            }();
            const eventsEngine = (0, _dependency_injector.default)({
                on: getHandler(normalizeOnArguments(iterate((element, eventName, selector, data, handler) => {
                    const handlersController = getHandlersController(element, eventName);
                    handlersController.addHandler(handler, selector, data)
                }))),
                one: getHandler(normalizeOnArguments((element, eventName, selector, data, handler) => {
                    const oneTimeHandler = function() {
                        eventsEngine.off(element, eventName, selector, oneTimeHandler);
                        handler.apply(this, arguments)
                    };
                    eventsEngine.on(element, eventName, selector, data, oneTimeHandler)
                })),
                off: getHandler((callback = iterate((element, eventName, selector, handler) => {
                    const handlersController = getHandlersController(element, eventName);
                    handlersController.removeHandler(handler, selector)
                }), function(element, eventName, selector, handler) {
                    if ("function" === typeof selector) {
                        handler = selector;
                        selector = void 0
                    }
                    callback(element, eventName, selector, handler)
                })),
                trigger: getHandler(normalizeTriggerArguments((element, event, extraParameters) => {
                    const eventName = event.type;
                    const handlersController = getHandlersController(element, event.type);
                    special.callMethod(eventName, "trigger", element, [event, extraParameters]);
                    handlersController.callHandlers(event, extraParameters);
                    const noBubble = special.getField(eventName, "noBubble") || event.isPropagationStopped() || _m_consts.NO_BUBBLE_EVENTS.includes(eventName);
                    if (!noBubble) {
                        const parents = [];
                        const getParents = function(element) {
                            const parent = element.parentNode ?? ((0, _type.isObject)(element.host) ? element.host : null);
                            if (parent) {
                                parents.push(parent);
                                getParents(parent)
                            }
                        };
                        getParents(element);
                        parents.push(window);
                        let i = 0;
                        while (parents[i] && !event.isPropagationStopped()) {
                            const parentDataByEvent = getHandlersController(parents[i], event.type);
                            parentDataByEvent.callHandlers((0, _extend.extend)(event, {
                                currentTarget: parents[i]
                            }), extraParameters);
                            i++
                        }
                    }
                    if (element.nodeType || (0, _type.isWindow)(element)) {
                        special.callMethod(eventName, "_default", element, [event, extraParameters]);
                        ! function(eventName, element) {
                            const nativeMethodName = _m_consts.NATIVE_EVENTS_TO_TRIGGER[eventName] || eventName;
                            const isLinkClickEvent = function(eventName, element) {
                                return "click" === eventName && "a" === element.localName
                            };
                            if (isLinkClickEvent(eventName, element)) {
                                return
                            }
                            if ((0, _type.isFunction)(element[nativeMethodName])) {
                                skipEvent = eventName;
                                element[nativeMethodName]();
                                skipEvent = void 0
                            }
                        }(eventName, element)
                    }
                })),
                triggerHandler: getHandler(normalizeTriggerArguments((element, event, extraParameters) => {
                    const handlersController = getHandlersController(element, event.type);
                    handlersController.callHandlers(event, extraParameters)
                }))
            });
            var callback;

            function applyForEach(args, method) {
                const element = args[0];
                if (!element) {
                    return
                }
                if (_dom_adapter.default.isNode(element) || (0, _type.isWindow)(element)) {
                    method.apply(eventsEngine, args)
                } else if (!(0, _type.isString)(element) && "length" in element) {
                    const itemArgs = Array.prototype.slice.call(args, 0);
                    Array.prototype.forEach.call(element, itemElement => {
                        itemArgs[0] = itemElement;
                        applyForEach(itemArgs, method)
                    })
                } else {
                    throw _errors.default.Error("E0025")
                }
            }

            function getHandler(method) {
                return function() {
                    applyForEach(arguments, method)
                }
            }
            const passiveEventHandlersSupported = (0, _call_once.default)(function() {
                let isSupported = false;
                try {
                    const options = Object.defineProperty({}, "passive", {
                        get() {
                            isSupported = true;
                            return true
                        }
                    });
                    window.addEventListener("test", null, options)
                } catch (e) {}
                return isSupported
            });
            const contains = (container, element) => {
                if ((0, _type.isWindow)(container)) {
                    return contains(container.document, element)
                }
                return container.contains ? container.contains(element) : !!(element.compareDocumentPosition(container) & element.DOCUMENT_POSITION_CONTAINS)
            };

            function getHandlersController(element, eventName) {
                let elementData = elementDataMap.get(element);
                eventName = eventName || "";
                const eventNameParts = eventName.split(".");
                const namespaces = eventNameParts.slice(1);
                const eventNameIsDefined = !!eventNameParts[0];
                eventName = eventNameParts[0] || _m_consts.EMPTY_EVENT_NAME;
                if (!elementData) {
                    elementData = {};
                    elementDataMap.set(element, elementData)
                }
                if (!elementData[eventName]) {
                    elementData[eventName] = {
                        handleObjects: [],
                        nativeHandler: null
                    }
                }
                const eventData = elementData[eventName];
                return {
                    addHandler(handler, selector, data) {
                        const callHandler = function(e, extraParameters) {
                            const handlerArgs = [e];
                            const target = e.currentTarget;
                            const {
                                relatedTarget: relatedTarget
                            } = e;
                            let secondaryTargetIsInside;
                            let result;
                            if (eventName in _m_consts.NATIVE_EVENTS_TO_SUBSCRIBE) {
                                secondaryTargetIsInside = relatedTarget && target && (relatedTarget === target || contains(target, relatedTarget))
                            }
                            if (void 0 !== extraParameters) {
                                handlerArgs.push(extraParameters)
                            }
                            special.callMethod(eventName, "handle", element, [e, data]);
                            if (!secondaryTargetIsInside) {
                                result = handler.apply(target, handlerArgs)
                            }
                            if (false === result) {
                                e.preventDefault();
                                e.stopPropagation()
                            }
                        };
                        const handleObject = {
                            handler: handler,
                            wrappedHandler: function(e, extraParameters) {
                                if (skipEvent && e.type === skipEvent) {
                                    return
                                }
                                e.data = data;
                                e.delegateTarget = element;
                                if (selector) {
                                    let currentTarget = e.target;
                                    while (currentTarget && currentTarget !== element) {
                                        if (matchesSafe(currentTarget, selector)) {
                                            e.currentTarget = currentTarget;
                                            callHandler(e, extraParameters)
                                        }
                                        currentTarget = currentTarget.parentNode
                                    }
                                } else {
                                    var _e$target;
                                    e.currentTarget = e.delegateTarget || e.target;
                                    const isTargetInShadowDOM = Boolean(null === (_e$target = e.target) || void 0 === _e$target ? void 0 : _e$target.shadowRoot);
                                    if (isTargetInShadowDOM) {
                                        const target = (0, _event_target.getEventTarget)(e);
                                        e.target = target
                                    }
                                    callHandler(e, extraParameters)
                                }
                            },
                            selector: selector,
                            type: eventName,
                            data: data,
                            namespace: namespaces.join("."),
                            namespaces: namespaces,
                            guid: ++guid
                        };
                        eventData.handleObjects.push(handleObject);
                        const firstHandlerForTheType = 1 === eventData.handleObjects.length;
                        let shouldAddNativeListener = firstHandlerForTheType && eventNameIsDefined;
                        let nativeListenerOptions;
                        if (shouldAddNativeListener) {
                            shouldAddNativeListener = !special.callMethod(eventName, "setup", element, [data, namespaces, handler])
                        }
                        if (shouldAddNativeListener) {
                            eventData.nativeHandler = (subscribeName = eventName, function(event, extraParameters) {
                                const handlersController = getHandlersController(this, subscribeName);
                                event = eventsEngine.Event(event);
                                handlersController.callHandlers(event, extraParameters)
                            });
                            if (passiveEventHandlersSupported() && _m_consts.forcePassiveFalseEventNames.includes(eventName)) {
                                nativeListenerOptions = {
                                    passive: false
                                }
                            }
                            eventData.removeListener = _dom_adapter.default.listen(element, _m_consts.NATIVE_EVENTS_TO_SUBSCRIBE[eventName] || eventName, eventData.nativeHandler, nativeListenerOptions)
                        }
                        var subscribeName;
                        special.callMethod(eventName, "add", element, [handleObject])
                    },
                    removeHandler(handler, selector) {
                        const removeByEventName = function(eventName) {
                            const eventData = elementData[eventName];
                            if (!eventData.handleObjects.length) {
                                delete elementData[eventName];
                                return
                            }
                            let removedHandler;
                            eventData.handleObjects = eventData.handleObjects.filter(handleObject => {
                                const skip = namespaces.length && !isSubset(handleObject.namespaces, namespaces) || handler && handleObject.handler !== handler || selector && handleObject.selector !== selector;
                                if (!skip) {
                                    removedHandler = handleObject.handler;
                                    special.callMethod(eventName, "remove", element, [handleObject])
                                }
                                return skip
                            });
                            const lastHandlerForTheType = !eventData.handleObjects.length;
                            const shouldRemoveNativeListener = lastHandlerForTheType && eventName !== _m_consts.EMPTY_EVENT_NAME;
                            if (shouldRemoveNativeListener) {
                                special.callMethod(eventName, "teardown", element, [namespaces, removedHandler]);
                                if (eventData.nativeHandler) {
                                    eventData.removeListener()
                                }
                                delete elementData[eventName]
                            }
                        };
                        if (eventNameIsDefined) {
                            removeByEventName(eventName)
                        } else {
                            for (const name in elementData) {
                                removeByEventName(name)
                            }
                        }
                        const elementDataIsEmpty = 0 === Object.keys(elementData).length;
                        if (elementDataIsEmpty) {
                            elementDataMap.delete(element)
                        }
                    },
                    callHandlers(event, extraParameters) {
                        let forceStop = false;
                        const handleCallback = function(handleObject) {
                            if (forceStop) {
                                return
                            }
                            if (!namespaces.length || isSubset(handleObject.namespaces, namespaces)) {
                                handleObject.wrappedHandler(event, extraParameters);
                                forceStop = event.isImmediatePropagationStopped()
                            }
                        };
                        eventData.handleObjects.forEach(handleCallback);
                        if (namespaces.length && elementData[_m_consts.EMPTY_EVENT_NAME]) {
                            elementData[_m_consts.EMPTY_EVENT_NAME].handleObjects.forEach(handleCallback)
                        }
                    }
                }
            }

            function isSubset(original, checked) {
                for (let i = 0; i < checked.length; i++) {
                    if (original.indexOf(checked[i]) < 0) {
                        return false
                    }
                }
                return true
            }

            function normalizeOnArguments(callback) {
                return function(element, eventName, selector, data, handler) {
                    if (!handler) {
                        handler = data;
                        data = void 0
                    }
                    if ("string" !== typeof selector) {
                        data = selector;
                        selector = void 0
                    }
                    if (!handler && "string" === typeof eventName) {
                        handler = data || selector;
                        selector = void 0;
                        data = void 0
                    }
                    callback(element, eventName, selector, data, handler)
                }
            }

            function normalizeTriggerArguments(callback) {
                return function(element, src, extraParameters) {
                    if ("string" === typeof src) {
                        src = {
                            type: src
                        }
                    }
                    if (!src.target) {
                        src.target = element
                    }
                    src.currentTarget = element;
                    if (!src.delegateTarget) {
                        src.delegateTarget = element
                    }
                    if (!src.type && src.originalEvent) {
                        src.type = src.originalEvent.type
                    }
                    callback(element, src instanceof eventsEngine.Event ? src : eventsEngine.Event(src), extraParameters)
                }
            }

            function iterate(callback) {
                const iterateEventNames = function(element, eventName) {
                    if (eventName && eventName.indexOf(" ") > -1) {
                        const args = Array.prototype.slice.call(arguments, 0);
                        eventName.split(" ").forEach(function(eventName) {
                            args[1] = eventName;
                            callback.apply(this, args)
                        })
                    } else {
                        callback.apply(this, arguments)
                    }
                };
                return function(element, eventName) {
                    if ("object" === typeof eventName) {
                        const args = Array.prototype.slice.call(arguments, 0);
                        for (const name in eventName) {
                            args[1] = name;
                            args[args.length - 1] = eventName[name];
                            iterateEventNames.apply(this, args)
                        }
                    } else {
                        iterateEventNames.apply(this, arguments)
                    }
                }
            }

            function calculateWhich(event) {
                if (function(event) {
                        return null == event.which && 0 === event.type.indexOf("key")
                    }(event)) {
                    return null != event.charCode ? event.charCode : event.keyCode
                }
                if (function(event) {
                        return !event.which && void 0 !== event.button && /^(?:mouse|pointer|contextmenu|drag|drop)|click/.test(event.type)
                    }(event)) {
                    const whichByButton = {
                        1: 1,
                        2: 3,
                        3: 1,
                        4: 2
                    };
                    return whichByButton[event.button]
                }
                return event.which
            }

            function initEvent(EventClass) {
                if (EventClass) {
                    eventsEngine.Event = EventClass;
                    eventsEngine.Event.prototype = EventClass.prototype
                }
            }
            initEvent(function(callback) {
                eventsEngine.Event = function(src, config) {
                    if (!(this instanceof eventsEngine.Event)) {
                        return new eventsEngine.Event(src, config)
                    }
                    if (!src) {
                        src = {}
                    }
                    if ("string" === typeof src) {
                        src = {
                            type: src
                        }
                    }
                    if (!config) {
                        config = {}
                    }
                    callback.call(this, src, config)
                };
                Object.assign(eventsEngine.Event.prototype, {
                    _propagationStopped: false,
                    _immediatePropagationStopped: false,
                    _defaultPrevented: false,
                    isPropagationStopped() {
                        return !!(this._propagationStopped || this.originalEvent && this.originalEvent.propagationStopped)
                    },
                    stopPropagation() {
                        this._propagationStopped = true;
                        this.originalEvent && this.originalEvent.stopPropagation()
                    },
                    isImmediatePropagationStopped() {
                        return this._immediatePropagationStopped
                    },
                    stopImmediatePropagation() {
                        this.stopPropagation();
                        this._immediatePropagationStopped = true;
                        this.originalEvent && this.originalEvent.stopImmediatePropagation()
                    },
                    isDefaultPrevented() {
                        return !!(this._defaultPrevented || this.originalEvent && this.originalEvent.defaultPrevented)
                    },
                    preventDefault() {
                        this._defaultPrevented = true;
                        this.originalEvent && this.originalEvent.preventDefault()
                    }
                });
                return eventsEngine.Event
            }(function(src, config) {
                var _src$view;
                const srcIsEvent = src instanceof eventsEngine.Event || (0, _window.hasWindow)() && src instanceof window.Event || (null === (_src$view = src.view) || void 0 === _src$view ? void 0 : _src$view.Event) && src instanceof src.view.Event;
                if (srcIsEvent) {
                    this.originalEvent = src;
                    this.type = src.type;
                    this.currentTarget = void 0;
                    if (Object.prototype.hasOwnProperty.call(src, "isTrusted")) {
                        this.isTrusted = src.isTrusted
                    }
                    this.timeStamp = src.timeStamp || Date.now()
                } else {
                    Object.assign(this, src)
                }
                addProperty("which", calculateWhich, this);
                if (0 === src.type.indexOf("touch")) {
                    delete config.pageX;
                    delete config.pageY
                }
                Object.assign(this, config);
                this.guid = ++guid
            }));

            function addProperty(propName, hook, eventInstance) {
                Object.defineProperty(eventInstance || eventsEngine.Event.prototype, propName, {
                    enumerable: true,
                    configurable: true,
                    get() {
                        return this.originalEvent && hook(this.originalEvent)
                    },
                    set(value) {
                        Object.defineProperty(this, propName, {
                            enumerable: true,
                            configurable: true,
                            writable: true,
                            value: value
                        })
                    }
                })
            }
            _m_consts.EVENT_PROPERTIES.forEach(prop => addProperty(prop, event => event[prop]));
            (0, _hook_touch_props.default)(addProperty);
            const beforeSetStrategy = (0, _callbacks.default)();
            const afterSetStrategy = (0, _callbacks.default)();
            eventsEngine.set = function(engine) {
                beforeSetStrategy.fire();
                eventsEngine.inject(engine);
                initEvent(engine.Event);
                afterSetStrategy.fire()
            };
            eventsEngine.subscribeGlobal = function() {
                applyForEach(arguments, normalizeOnArguments(function() {
                    const args = arguments;
                    eventsEngine.on.apply(this, args);
                    beforeSetStrategy.add(function() {
                        const offArgs = Array.prototype.slice.call(args, 0);
                        offArgs.splice(3, 1);
                        eventsEngine.off.apply(this, offArgs)
                    });
                    afterSetStrategy.add(function() {
                        eventsEngine.on.apply(this, args)
                    })
                }))
            };
            eventsEngine.forcePassiveFalseEventNames = _m_consts.forcePassiveFalseEventNames;
            eventsEngine.passiveEventHandlersSupported = passiveEventHandlersSupported;
            exports.default = eventsEngine
        },
        40866(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = function(callback) {
                touchPropsToHook.forEach(name => {
                    callback(name, event => function(name, event) {
                        if (event[name] && !event.touches || !event.touches) {
                            return event[name]
                        }
                        const touches = event.touches.length ? event.touches : event.changedTouches;
                        if (!touches.length) {
                            return
                        }
                        return touches[0][name]
                    }(name, event))
                }, this)
            };
            const touchPropsToHook = ["pageX", "pageY", "screenX", "screenY", "clientX", "clientY"]
        },
        34422(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../../core/class */ 55620));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const createKeyDownOptions = e => ({
                keyName: (0, _index.normalizeKeyName)(e),
                key: e.key,
                code: e.code,
                ctrl: e.ctrlKey,
                location: e.location,
                metaKey: e.metaKey,
                shift: e.shiftKey,
                alt: e.altKey,
                which: e.which,
                originalEvent: e
            });
            const KeyboardProcessor = _class.default.inherit({
                _keydown: (0, _index.addNamespace)("keydown", "KeyboardProcessor"),
                _compositionStart: (0, _index.addNamespace)("compositionstart", "KeyboardProcessor"),
                _compositionEnd: (0, _index.addNamespace)("compositionend", "KeyboardProcessor"),
                ctor(options) {
                    options = options || {};
                    if (options.element) {
                        this._element = (0, _renderer.default)(options.element)
                    }
                    if (options.focusTarget) {
                        this._focusTarget = options.focusTarget
                    }
                    this._handler = options.handler;
                    if (this._element) {
                        this._processFunction = e => {
                            const focusTargets = (0, _renderer.default)(this._focusTarget).toArray();
                            const isNotFocusTarget = this._focusTarget && this._focusTarget !== e.target && !focusTargets.includes(e.target);
                            const shouldSkipProcessing = this._isComposingJustFinished && 229 === e.which || this._isComposing || isNotFocusTarget;
                            this._isComposingJustFinished = false;
                            if (!shouldSkipProcessing) {
                                this.process(e)
                            }
                        };
                        this._toggleProcessingWithContext = this.toggleProcessing.bind(this);
                        _events_engine.default.on(this._element, this._keydown, this._processFunction);
                        _events_engine.default.on(this._element, this._compositionStart, this._toggleProcessingWithContext);
                        _events_engine.default.on(this._element, this._compositionEnd, this._toggleProcessingWithContext)
                    }
                },
                dispose() {
                    if (this._element) {
                        _events_engine.default.off(this._element, this._keydown, this._processFunction);
                        _events_engine.default.off(this._element, this._compositionStart, this._toggleProcessingWithContext);
                        _events_engine.default.off(this._element, this._compositionEnd, this._toggleProcessingWithContext)
                    }
                    this._element = void 0;
                    this._handler = void 0
                },
                process(e) {
                    this._handler(createKeyDownOptions(e))
                },
                toggleProcessing(_ref) {
                    let {
                        type: type
                    } = _ref;
                    this._isComposing = "compositionstart" === type;
                    this._isComposingJustFinished = !this._isComposing
                }
            });
            KeyboardProcessor.createKeyDownOptions = createKeyDownOptions;
            exports.default = KeyboardProcessor
        },
        58065(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.name = void 0;
            var _event_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/event_registrator */ 15273));
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const EVENT_NAME = exports.name = "dxmousewheel";
            var DeltaMode;
            ! function(DeltaMode) {
                DeltaMode[DeltaMode.DOM_DELTA_PIXEL = 0] = "DOM_DELTA_PIXEL";
                DeltaMode[DeltaMode.DOM_DELTA_LINE = 1] = "DOM_DELTA_LINE";
                DeltaMode[DeltaMode.DOM_DELTA_PAGE = 2] = "DOM_DELTA_PAGE"
            }(DeltaMode || (DeltaMode = {}));
            const wheel = {
                setup(element) {
                    const $element = (0, _renderer.default)(element);
                    _events_engine.default.on($element, (0, _index.addNamespace)("wheel", "dxWheel"), wheel._wheelHandler.bind(wheel))
                },
                teardown(element) {
                    _events_engine.default.off(element, ".dxWheel")
                },
                _wheelHandler(e) {
                    const {
                        deltaMode: deltaMode,
                        deltaY: deltaY,
                        deltaX: deltaX,
                        deltaZ: deltaZ
                    } = e.originalEvent;
                    const delta = this._getWheelDelta(deltaY, deltaX);
                    (0, _index.fireEvent)({
                        type: EVENT_NAME,
                        originalEvent: e,
                        delta: this._normalizeDelta(delta, deltaMode),
                        deltaX: deltaX,
                        deltaY: deltaY,
                        deltaZ: deltaZ,
                        deltaMode: deltaMode,
                        pointerType: "mouse"
                    });
                    e.stopPropagation()
                },
                _normalizeDelta(delta) {
                    let deltaMode = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0;
                    if (0 === deltaMode) {
                        return -delta
                    }
                    return -30 * delta
                },
                _getWheelDelta(deltaY, deltaX) {
                    if (deltaY) {
                        return deltaY
                    }
                    if (deltaX) {
                        return deltaX
                    }
                    return 0
                }
            };
            (0, _event_registrator.default)(EVENT_NAME, wheel)
        },
        77859(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _emitter = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/emitter */ 59e3));
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _call_once = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/call_once */ 13630));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _ready_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/ready_callbacks */ 3122));
            var _style = __webpack_require__( /*! ../../../core/utils/style */ 58515);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _m_devices = _interopRequireDefault(__webpack_require__( /*! ../../core/m_devices */ 98905));
            var _m_dom = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_dom */ 76400));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ready = _ready_callbacks.default.add;
            const {
                abs: abs
            } = Math;
            let TOUCH_BOUNDARY = 10;
            const setGestureCover = (0, _call_once.default)(() => {
                const isDesktop = "desktop" === _m_devices.default.real().deviceType;
                if (!(0, _style.styleProp)("pointer-events") || !isDesktop) {
                    return _common.noop
                }
                const $cover = (0, _renderer.default)("<div>").addClass("dx-gesture-cover").css("pointerEvents", "none");
                _events_engine.default.subscribeGlobal($cover, "dxmousewheel", e => {
                    e.preventDefault()
                });
                ready(() => {
                    $cover.appendTo("body")
                });
                return function(toggle, cursor) {
                    $cover.css("pointerEvents", toggle ? "all" : "none");
                    toggle && $cover.css("cursor", cursor)
                }
            });
            const GestureEmitter = _emitter.default.inherit({
                gesture: true,
                configure(data) {
                    this.getElement().css("msTouchAction", data.immediate ? "pinch-zoom" : "");
                    this.callBase(data)
                },
                allowInterruptionByMouseWheel() {
                    return 2 !== this._stage
                },
                getDirection() {
                    return this.direction
                },
                _cancel() {
                    this.callBase.apply(this, arguments);
                    this._toggleGestureCover(false);
                    this._stage = 0
                },
                start(e) {
                    if (e._needSkipEvent || (0, _index.needSkipEvent)(e)) {
                        this._cancel(e);
                        return
                    }
                    this._startEvent = (0, _index.createEvent)(e);
                    this._startEventData = (0, _index.eventData)(e);
                    this._stage = 1;
                    this._init(e);
                    this._setupImmediateTimer()
                },
                _setupImmediateTimer() {
                    clearTimeout(this._immediateTimer);
                    this._immediateAccepted = false;
                    if (!this.immediate) {
                        return
                    }
                    if (0 === this.immediateTimeout) {
                        this._immediateAccepted = true;
                        return
                    }
                    this._immediateTimer = setTimeout(() => {
                        this._immediateAccepted = true
                    }, this.immediateTimeout ?? 180)
                },
                move(e) {
                    if (1 === this._stage && this._directionConfirmed(e)) {
                        this._stage = 2;
                        this._resetActiveElement();
                        this._toggleGestureCover(true);
                        this._clearSelection(e);
                        this._adjustStartEvent(e);
                        this._start(this._startEvent);
                        if (0 === this._stage) {
                            return
                        }
                        this._requestAccept(e);
                        this._move(e);
                        this._forgetAccept()
                    } else if (2 === this._stage) {
                        this._clearSelection(e);
                        this._move(e)
                    }
                },
                _directionConfirmed(e) {
                    const touchBoundary = this._getTouchBoundary(e);
                    const delta = (0, _index.eventDelta)(this._startEventData, (0, _index.eventData)(e));
                    const deltaX = abs(delta.x);
                    const deltaY = abs(delta.y);
                    const horizontalMove = this._validateMove(touchBoundary, deltaX, deltaY);
                    const verticalMove = this._validateMove(touchBoundary, deltaY, deltaX);
                    const direction = this.getDirection(e);
                    const bothAccepted = "both" === direction && (horizontalMove || verticalMove);
                    const horizontalAccepted = "horizontal" === direction && horizontalMove;
                    const verticalAccepted = "vertical" === direction && verticalMove;
                    return bothAccepted || horizontalAccepted || verticalAccepted || this._immediateAccepted
                },
                _validateMove(touchBoundary, mainAxis, crossAxis) {
                    return mainAxis && mainAxis >= touchBoundary && (this.immediate ? mainAxis >= crossAxis : true)
                },
                _getTouchBoundary(e) {
                    return this.immediate || (0, _index.isDxMouseWheelEvent)(e) ? 0 : TOUCH_BOUNDARY
                },
                _adjustStartEvent(e) {
                    const touchBoundary = this._getTouchBoundary(e);
                    const delta = (0, _index.eventDelta)(this._startEventData, (0, _index.eventData)(e));
                    this._startEvent.pageX += (0, _math.sign)(delta.x) * touchBoundary;
                    this._startEvent.pageY += (0, _math.sign)(delta.y) * touchBoundary
                },
                _resetActiveElement() {
                    if ("ios" === _m_devices.default.real().platform && this.getElement().find(":focus").length) {
                        _m_dom.default.resetActiveElement()
                    }
                },
                _toggleGestureCover(toggle) {
                    this._toggleGestureCoverImpl(toggle)
                },
                _toggleGestureCoverImpl(toggle) {
                    const isStarted = 2 === this._stage;
                    if (isStarted) {
                        ! function(toggle, cursor) {
                            const gestureCoverStrategy = setGestureCover();
                            gestureCoverStrategy(toggle, cursor)
                        }(toggle, this.getElement().css("cursor"))
                    }
                },
                _clearSelection(e) {
                    if ((0, _index.isDxMouseWheelEvent)(e) || (0, _index.isTouchEvent)(e)) {
                        return
                    }
                    _m_dom.default.clearSelection()
                },
                end(e) {
                    this._toggleGestureCover(false);
                    if (2 === this._stage) {
                        this._end(e)
                    } else if (1 === this._stage) {
                        this._stop(e)
                    }
                    this._stage = 0
                },
                dispose() {
                    clearTimeout(this._immediateTimer);
                    this.callBase.apply(this, arguments);
                    this._toggleGestureCover(false)
                },
                _init: _common.noop,
                _start: _common.noop,
                _move: _common.noop,
                _stop: _common.noop,
                _end: _common.noop
            });
            GestureEmitter.initialTouchBoundary = TOUCH_BOUNDARY;
            GestureEmitter.touchBoundary = function(newBoundary) {
                if ((0, _type.isDefined)(newBoundary)) {
                    TOUCH_BOUNDARY = newBoundary;
                    return
                }
                return TOUCH_BOUNDARY
            };
            exports.default = GestureEmitter
        },
        18572(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _frame = __webpack_require__( /*! ../../../common/core/animation/frame */ 84096);
            var _emitter_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/emitter_registrator */ 81411));
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _emitter = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/gesture/emitter.gesture */ 85915));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../../core/class */ 55620));
            var _m_devices = _interopRequireDefault(__webpack_require__( /*! ../../core/m_devices */ 98905));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                abstract: abstract
            } = _class.default;
            const realDevice = _m_devices.default.real();
            const Locker = _class.default.inherit(function() {
                const NAMESPACED_SCROLL_EVENT = (0, _index.addNamespace)("scroll", "dxScrollEmitter");
                return {
                    ctor(element) {
                        this._element = element;
                        this._locked = false;
                        this._proxiedScroll = e => {
                            if (!this._disposed) {
                                this._scroll(e)
                            }
                        };
                        _events_engine.default.on(this._element, NAMESPACED_SCROLL_EVENT, this._proxiedScroll)
                    },
                    _scroll: abstract,
                    check(e, callback) {
                        if (this._locked) {
                            callback()
                        }
                    },
                    dispose() {
                        this._disposed = true;
                        _events_engine.default.off(this._element, NAMESPACED_SCROLL_EVENT, this._proxiedScroll)
                    }
                }
            }());
            const TimeoutLocker = Locker.inherit({
                ctor(element, timeout) {
                    this.callBase(element);
                    this._timeout = timeout
                },
                _scroll() {
                    this._prepare();
                    this._forget()
                },
                _prepare() {
                    if (this._timer) {
                        this._clearTimer()
                    }
                    this._locked = true
                },
                _clearTimer() {
                    clearTimeout(this._timer);
                    this._locked = false;
                    this._timer = null
                },
                _forget() {
                    const that = this;
                    this._timer = setTimeout(() => {
                        that._clearTimer()
                    }, this._timeout)
                },
                dispose() {
                    this.callBase();
                    this._clearTimer()
                }
            });
            const WheelLocker = TimeoutLocker.inherit({
                ctor(element) {
                    this.callBase(element, 400);
                    this._lastWheelDirection = null
                },
                check(e, callback) {
                    this._checkDirectionChanged(e);
                    this.callBase(e, callback)
                },
                _checkDirectionChanged(e) {
                    if (!(0, _index.isDxMouseWheelEvent)(e)) {
                        this._lastWheelDirection = null;
                        return
                    }
                    const direction = e.shiftKey || false;
                    const directionChange = null !== this._lastWheelDirection && direction !== this._lastWheelDirection;
                    this._lastWheelDirection = direction;
                    this._locked = this._locked && !directionChange
                }
            });
            let PointerLocker = TimeoutLocker.inherit({
                ctor(element) {
                    this.callBase(element, 400)
                }
            });
            ! function() {
                const {
                    ios: isIos,
                    android: isAndroid
                } = realDevice;
                if (!(isIos || isAndroid)) {
                    return
                }
                PointerLocker = Locker.inherit({
                    _scroll() {
                        this._locked = true;
                        const that = this;
                        (0, _frame.cancelAnimationFrame)(this._scrollFrame);
                        this._scrollFrame = (0, _frame.requestAnimationFrame)(() => {
                            that._locked = false
                        })
                    },
                    check(e, callback) {
                        (0, _frame.cancelAnimationFrame)(this._scrollFrame);
                        (0, _frame.cancelAnimationFrame)(this._checkFrame);
                        const that = this;
                        const {
                            callBase: callBase
                        } = this;
                        this._checkFrame = (0, _frame.requestAnimationFrame)(() => {
                            callBase.call(that, e, callback);
                            that._locked = false
                        })
                    },
                    dispose() {
                        this.callBase();
                        (0, _frame.cancelAnimationFrame)(this._scrollFrame);
                        (0, _frame.cancelAnimationFrame)(this._checkFrame)
                    }
                })
            }();
            const ScrollEmitter = _emitter.default.inherit(function() {
                const FRAME_DURATION = Math.round(1e3 / 60);
                return {
                    ctor(element) {
                        this.callBase.apply(this, arguments);
                        this.direction = "both";
                        this._pointerLocker = new PointerLocker(element);
                        this._wheelLocker = new WheelLocker(element)
                    },
                    validate: () => true,
                    configure(data) {
                        if (data.scrollTarget) {
                            this._pointerLocker.dispose();
                            this._wheelLocker.dispose();
                            this._pointerLocker = new PointerLocker(data.scrollTarget);
                            this._wheelLocker = new WheelLocker(data.scrollTarget)
                        }
                        this.callBase(data)
                    },
                    _init(e) {
                        this._wheelLocker.check(e, () => {
                            if ((0, _index.isDxMouseWheelEvent)(e)) {
                                this._accept(e)
                            }
                        });
                        this._pointerLocker.check(e, () => {
                            const skipCheck = this.isNative && (0, _index.isMouseEvent)(e);
                            if (!(0, _index.isDxMouseWheelEvent)(e) && !skipCheck) {
                                this._accept(e)
                            }
                        });
                        this._fireEvent("dxscrollinit", e);
                        this._prevEventData = (0, _index.eventData)(e)
                    },
                    move(e) {
                        this.callBase.apply(this, arguments);
                        e.isScrollingEvent = this.isNative || e.isScrollingEvent
                    },
                    _start(e) {
                        this._savedEventData = (0, _index.eventData)(e);
                        this._fireEvent("dxscrollstart", e);
                        this._prevEventData = (0, _index.eventData)(e)
                    },
                    _move(e) {
                        const currentEventData = (0, _index.eventData)(e);
                        this._fireEvent("dxscroll", e, {
                            delta: (0, _index.eventDelta)(this._prevEventData, currentEventData)
                        });
                        const delta = (0, _index.eventDelta)(this._savedEventData, currentEventData);
                        if (delta.time > 200) {
                            this._savedEventData = this._prevEventData
                        }
                        this._prevEventData = (0, _index.eventData)(e)
                    },
                    _end(e) {
                        const endEventDelta = (0, _index.eventDelta)(this._prevEventData, (0, _index.eventData)(e));
                        let velocity = {
                            x: 0,
                            y: 0
                        };
                        if (!(0, _index.isDxMouseWheelEvent)(e) && endEventDelta.time < 100) {
                            const delta = (0, _index.eventDelta)(this._savedEventData, this._prevEventData);
                            const velocityMultiplier = FRAME_DURATION / delta.time;
                            velocity = {
                                x: delta.x * velocityMultiplier,
                                y: delta.y * velocityMultiplier
                            }
                        }
                        this._fireEvent("dxscrollend", e, {
                            velocity: velocity
                        })
                    },
                    _stop(e) {
                        this._fireEvent("dxscrollstop", e)
                    },
                    cancel(e) {
                        this.callBase.apply(this, arguments);
                        this._fireEvent("dxscrollcancel", e)
                    },
                    dispose() {
                        this.callBase.apply(this, arguments);
                        this._pointerLocker.dispose();
                        this._wheelLocker.dispose()
                    },
                    _clearSelection() {
                        if (this.isNative) {
                            return
                        }
                        return this.callBase.apply(this, arguments)
                    },
                    _toggleGestureCover() {
                        if (this.isNative) {
                            return
                        }
                        return this.callBase.apply(this, arguments)
                    }
                }
            }());
            (0, _emitter_registrator.default)({
                emitter: ScrollEmitter,
                events: ["dxscrollinit", "dxscrollstart", "dxscroll", "dxscrollend", "dxscrollstop", "dxscrollcancel"]
            });
            exports.default = {
                init: "dxscrollinit",
                start: "dxscrollstart",
                move: "dxscroll",
                end: "dxscrollend",
                stop: "dxscrollstop",
                cancel: "dxscrollcancel",
                scroll: "scroll"
            }
        },
        54078(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _swipe = __webpack_require__( /*! ../../../common/core/events/swipe */ 80250);
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _public_component = __webpack_require__( /*! ../../../core/utils/public_component */ 85521);
            var _dom_component = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/dom_component */ 22331));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ACTION_TO_EVENT_MAP = {
                onStart: _swipe.start,
                onUpdated: _swipe.swipe,
                onEnd: _swipe.end,
                onCancel: "dxswipecancel"
            };
            class Swipeable extends _dom_component.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        elastic: true,
                        immediate: false,
                        immediateTimeout: 180,
                        direction: "horizontal",
                        itemSizeFunc: null,
                        onStart: null,
                        onUpdated: null,
                        onEnd: null,
                        onCancel: null
                    })
                }
                _render() {
                    super._render();
                    this.$element().addClass("dx-swipeable");
                    this._attachEventHandlers()
                }
                _attachEventHandlers() {
                    this._detachEventHandlers();
                    if (this.option("disabled")) {
                        return
                    }
                    const {
                        NAME: NAME
                    } = this;
                    this._createEventData();
                    (0, _iterator.each)(ACTION_TO_EVENT_MAP, (actionName, eventName) => {
                        const action = this._createActionByOption(actionName, {
                            context: this
                        });
                        const event = (0, _index.addNamespace)(eventName, NAME);
                        _events_engine.default.on(this.$element(), event, this._eventData, e => action({
                            event: e
                        }))
                    })
                }
                _createEventData() {
                    this._eventData = {
                        elastic: this.option("elastic"),
                        itemSizeFunc: this.option("itemSizeFunc"),
                        direction: this.option("direction"),
                        immediate: this.option("immediate"),
                        immediateTimeout: this.option("immediateTimeout")
                    }
                }
                _detachEventHandlers() {
                    _events_engine.default.off(this.$element(), ".dxSwipeable")
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "disabled":
                        case "onStart":
                        case "onUpdated":
                        case "onEnd":
                        case "onCancel":
                        case "elastic":
                        case "immediate":
                        case "itemSizeFunc":
                        case "direction":
                            this._detachEventHandlers();
                            this._attachEventHandlers();
                            break;
                        case "rtlEnabled":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _useTemplates() {
                    return false
                }
            }(0, _public_component.name)(Swipeable, "dxSwipeable");
            exports.default = Swipeable
        },
        28356(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.name = void 0;
            var _frame = __webpack_require__( /*! ../../animation/frame */ 81578);
            var _emitter = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/emitter */ 59e3));
            var _emitter_registrator = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/emitter_registrator */ 81411));
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/pointer */ 89797));
            var _event_nodes_disposing = __webpack_require__( /*! ../../common/core/events/utils/event_nodes_disposing */ 47413);
            var _event_target = __webpack_require__( /*! ../../common/core/events/utils/event_target */ 45280);
            var _index = __webpack_require__( /*! ../../common/core/events/utils/index */ 98834);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _m_devices = _interopRequireDefault(__webpack_require__( /*! ../core/m_devices */ 98905));
            var _m_dom = _interopRequireDefault(__webpack_require__( /*! ../core/utils/m_dom */ 76400));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CLICK_EVENT_NAME = exports.name = "dxclick";
            _frame.requestAnimationFrame, _frame.cancelAnimationFrame;
            let prevented = null;
            let lastFiredEvent = null;
            const subscriptions = new Map;
            const onNodeRemove = () => {
                lastFiredEvent = null
            };
            const clickHandler = function(e) {
                const {
                    originalEvent: originalEvent
                } = e;
                const eventAlreadyFired = lastFiredEvent === originalEvent || originalEvent && originalEvent.DXCLICK_FIRED;
                const leftButton = !e.which || 1 === e.which;
                if (leftButton && !prevented && !eventAlreadyFired) {
                    if (originalEvent) {
                        originalEvent.DXCLICK_FIRED = true
                    }
                    if (subscriptions.has(lastFiredEvent)) {
                        const {
                            nodes: nodes,
                            callback: callback
                        } = subscriptions.get(lastFiredEvent);
                        (0, _event_nodes_disposing.unsubscribeNodesDisposing)(lastFiredEvent, callback, nodes);
                        subscriptions.delete(lastFiredEvent)
                    }
                    lastFiredEvent = originalEvent;
                    const subscriptionData = (0, _event_nodes_disposing.subscribeNodesDisposing)(lastFiredEvent, onNodeRemove);
                    subscriptions.set(lastFiredEvent, subscriptionData);
                    (0, _index.fireEvent)({
                        type: CLICK_EVENT_NAME,
                        originalEvent: e
                    })
                }
            };
            const ClickEmitter = _emitter.default.inherit({
                ctor(element) {
                    this.callBase(element);
                    _events_engine.default.on(this.getElement(), "click", clickHandler)
                },
                start() {
                    prevented = null
                },
                cancel() {
                    prevented = true
                },
                dispose() {
                    _events_engine.default.off(this.getElement(), "click", clickHandler)
                }
            });
            ! function() {
                const desktopDevice = _m_devices.default.real().generic;
                if (!desktopDevice) {
                    let startTarget = null;
                    let blurPrevented = false;
                    const isInput = function(element) {
                        return (0, _renderer.default)(element).is("input, textarea, select, button ,:focus, :focus *")
                    };
                    const pointerDownHandler = function(e) {
                        startTarget = e.target;
                        blurPrevented = e.isDefaultPrevented()
                    };
                    const getTarget = function(e) {
                        const target = (0, _event_target.getEventTarget)(e);
                        return (0, _renderer.default)(target)
                    };
                    const clickHandler = function(e) {
                        const $target = getTarget(e);
                        if (!blurPrevented && startTarget && !$target.is(startTarget) && !(0, _renderer.default)(startTarget).is("label") && isInput($target)) {
                            _m_dom.default.resetActiveElement()
                        }
                        startTarget = null;
                        blurPrevented = false
                    };
                    const NATIVE_CLICK_FIXER_NAMESPACE = "NATIVE_CLICK_FIXER";
                    const document = _dom_adapter.default.getDocument();
                    _events_engine.default.subscribeGlobal(document, (0, _index.addNamespace)(_pointer.default.down, NATIVE_CLICK_FIXER_NAMESPACE), pointerDownHandler);
                    _events_engine.default.subscribeGlobal(document, (0, _index.addNamespace)("click", NATIVE_CLICK_FIXER_NAMESPACE), clickHandler)
                }
            }();
            (0, _emitter_registrator.default)({
                emitter: ClickEmitter,
                bubble: true,
                events: [CLICK_EVENT_NAME]
            })
        },
        90096(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.name = void 0;
            var _event_registrator = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/event_registrator */ 15273));
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _hold = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/hold */ 68095));
            var _index = __webpack_require__( /*! ../../common/core/events/utils/index */ 98834);
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../core/class */ 55620));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _m_devices = _interopRequireDefault(__webpack_require__( /*! ../core/m_devices */ 98905));
            var _m_support = _interopRequireDefault(__webpack_require__( /*! ../core/utils/m_support */ 85991));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CONTEXTMENU_NAMESPACED_EVENT_NAME = (0, _index.addNamespace)("contextmenu", "dxContexMenu");
            const HOLD_NAMESPACED_EVENT_NAME = (0, _index.addNamespace)(_hold.default.name, "dxContexMenu");
            const ContextMenu = _class.default.inherit({
                setup(element) {
                    const $element = (0, _renderer.default)(element);
                    _events_engine.default.on($element, CONTEXTMENU_NAMESPACED_EVENT_NAME, this._contextMenuHandler.bind(this));
                    if (_m_support.default.touch || _m_devices.default.isSimulator()) {
                        _events_engine.default.on($element, HOLD_NAMESPACED_EVENT_NAME, this._holdHandler.bind(this))
                    }
                },
                _holdHandler(e) {
                    if ((0, _index.isMouseEvent)(e) && !_m_devices.default.isSimulator()) {
                        return
                    }
                    this._fireContextMenu(e)
                },
                _contextMenuHandler(e) {
                    this._fireContextMenu(e)
                },
                _fireContextMenu: e => (0, _index.fireEvent)({
                    type: "dxcontextmenu",
                    originalEvent: e
                }),
                teardown(element) {
                    _events_engine.default.off(element, ".dxContexMenu")
                }
            });
            (0, _event_registrator.default)("dxcontextmenu", new ContextMenu);
            exports.name = "dxcontextmenu"
        },
        36212(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.name = exports.dblClick = void 0;
            var _click = __webpack_require__( /*! ../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../common/core/events/utils/index */ 98834);
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../core/class */ 55620));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../core/dom_adapter */ 64960));
            var _dom = __webpack_require__( /*! ../../core/utils/dom */ 86858);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DBLCLICK_EVENT_NAME = exports.name = "dxdblclick";
            const NAMESPACED_CLICK_EVENT = (0, _index.addNamespace)(_click.name, "dxDblClick");
            const DblClick = _class.default.inherit({
                ctor() {
                    this._handlerCount = 0;
                    this._forgetLastClick()
                },
                _forgetLastClick() {
                    this._firstClickTarget = null;
                    this._lastClickTimeStamp = -300
                },
                add() {
                    if (this._handlerCount <= 0) {
                        _events_engine.default.on(_dom_adapter.default.getDocument(), NAMESPACED_CLICK_EVENT, this._clickHandler.bind(this))
                    }
                    this._handlerCount += 1
                },
                _clickHandler(e) {
                    const timeStamp = e.timeStamp || Date.now();
                    const timeBetweenClicks = timeStamp - this._lastClickTimeStamp;
                    const isSimulated = timeBetweenClicks < 0;
                    const isDouble = !isSimulated && timeBetweenClicks < 300;
                    if (isDouble) {
                        (0, _index.fireEvent)({
                            type: DBLCLICK_EVENT_NAME,
                            target: (0, _dom.closestCommonParent)(this._firstClickTarget, e.target),
                            originalEvent: e
                        });
                        this._forgetLastClick()
                    } else {
                        this._firstClickTarget = e.target;
                        this._lastClickTimeStamp = timeStamp;
                        clearTimeout(this._lastClickClearTimeout);
                        this._lastClickClearTimeout = setTimeout(() => {
                            this._forgetLastClick()
                        }, 600)
                    }
                },
                remove() {
                    this._handlerCount -= 1;
                    if (this._handlerCount <= 0) {
                        this._forgetLastClick();
                        _events_engine.default.off(_dom_adapter.default.getDocument(), NAMESPACED_CLICK_EVENT, void 0);
                        clearTimeout(this._lastClickClearTimeout);
                        this._handlerCount = 0
                    }
                }
            });
            exports.dblClick = new DblClick
        },
        88480(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.start = exports.move = exports.leave = exports.enter = exports.end = exports.drop = void 0;
            var _emitter_registrator = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/emitter_registrator */ 81411));
            var _event_registrator = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/event_registrator */ 15273));
            var _emitter = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/gesture/emitter.gesture */ 85915));
            var _index = __webpack_require__( /*! ../../common/core/events/utils/index */ 98834);
            var _element_data = __webpack_require__( /*! ../../core/element_data */ 74663);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _array = __webpack_require__( /*! ../../core/utils/array */ 94487);
            var _dom = __webpack_require__( /*! ../../core/utils/dom */ 86858);
            var iteratorUtils = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../core/utils/iterator */ 21274));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DRAG_START_EVENT = exports.start = "dxdragstart";
            const DRAG_EVENT = exports.move = "dxdrag";
            const DRAG_END_EVENT = exports.end = "dxdragend";
            const DRAG_ENTER_EVENT = exports.enter = "dxdragenter";
            const DRAG_LEAVE_EVENT = exports.leave = "dxdragleave";
            const DROP_EVENT = exports.drop = "dxdrop";
            const knownDropTargets = [];
            const knownDropTargetSelectors = [];
            const knownDropTargetConfigs = [];
            const dropTargetRegistration = {
                setup(element, data) {
                    const knownDropTarget = knownDropTargets.includes(element);
                    if (!knownDropTarget) {
                        knownDropTargets.push(element);
                        knownDropTargetSelectors.push([]);
                        knownDropTargetConfigs.push(data || {})
                    }
                },
                add(element, handleObj) {
                    const index = knownDropTargets.indexOf(element);
                    this.updateEventsCounter(element, handleObj.type, 1);
                    const {
                        selector: selector
                    } = handleObj;
                    if (!knownDropTargetSelectors[index].includes(selector)) {
                        knownDropTargetSelectors[index].push(selector)
                    }
                },
                updateEventsCounter(element, event, value) {
                    if ([DRAG_ENTER_EVENT, DRAG_LEAVE_EVENT, DROP_EVENT].includes(event)) {
                        const eventsCount = (0, _element_data.data)(element, "dxDragEventsCount") || 0;
                        (0, _element_data.data)(element, "dxDragEventsCount", Math.max(0, eventsCount + value))
                    }
                },
                remove(element, handleObj) {
                    this.updateEventsCounter(element, handleObj.type, -1)
                },
                teardown(element) {
                    const handlersCount = (0, _element_data.data)(element, "dxDragEventsCount");
                    if (!handlersCount) {
                        const index = knownDropTargets.indexOf(element);
                        knownDropTargets.splice(index, 1);
                        knownDropTargetSelectors.splice(index, 1);
                        knownDropTargetConfigs.splice(index, 1);
                        (0, _element_data.removeData)(element, "dxDragEventsCount")
                    }
                }
            };
            (0, _event_registrator.default)(DRAG_ENTER_EVENT, dropTargetRegistration);
            (0, _event_registrator.default)(DRAG_LEAVE_EVENT, dropTargetRegistration);
            (0, _event_registrator.default)(DROP_EVENT, dropTargetRegistration);
            const DragEmitter = _emitter.default.inherit({
                ctor(element) {
                    this.callBase(element);
                    this.direction = "both"
                },
                _init(e) {
                    this._initEvent = e
                },
                _start(e) {
                    e = this._fireEvent(DRAG_START_EVENT, this._initEvent);
                    this._maxLeftOffset = e.maxLeftOffset;
                    this._maxRightOffset = e.maxRightOffset;
                    this._maxTopOffset = e.maxTopOffset;
                    this._maxBottomOffset = e.maxBottomOffset;
                    if (e.targetElements || null === e.targetElements) {
                        const dropTargets = (0, _array.wrapToArray)(e.targetElements || []);
                        this._dropTargets = iteratorUtils.map(dropTargets, element => (0, _renderer.default)(element).get(0))
                    } else {
                        this._dropTargets = knownDropTargets
                    }
                },
                _move(e) {
                    const eventData = (0, _index.eventData)(e);
                    const dragOffset = this._calculateOffset(eventData);
                    e = this._fireEvent(DRAG_EVENT, e, {
                        offset: dragOffset
                    });
                    this._processDropTargets(e);
                    if (!e._cancelPreventDefault) {
                        e.preventDefault()
                    }
                },
                _calculateOffset(eventData) {
                    return {
                        x: this._calculateXOffset(eventData),
                        y: this._calculateYOffset(eventData)
                    }
                },
                _calculateXOffset(eventData) {
                    if ("vertical" !== this.direction) {
                        const offset = eventData.x - this._startEventData.x;
                        return this._fitOffset(offset, this._maxLeftOffset, this._maxRightOffset)
                    }
                    return 0
                },
                _calculateYOffset(eventData) {
                    if ("horizontal" !== this.direction) {
                        const offset = eventData.y - this._startEventData.y;
                        return this._fitOffset(offset, this._maxTopOffset, this._maxBottomOffset)
                    }
                    return 0
                },
                _fitOffset(offset, minOffset, maxOffset) {
                    if (null != minOffset) {
                        offset = Math.max(offset, -minOffset)
                    }
                    if (null != maxOffset) {
                        offset = Math.min(offset, maxOffset)
                    }
                    return offset
                },
                _processDropTargets(e) {
                    const target = this._findDropTarget(e);
                    const sameTarget = target === this._currentDropTarget;
                    if (!sameTarget) {
                        this._fireDropTargetEvent(e, DRAG_LEAVE_EVENT);
                        this._currentDropTarget = target;
                        this._fireDropTargetEvent(e, DRAG_ENTER_EVENT)
                    }
                },
                _fireDropTargetEvent(event, eventName) {
                    if (!this._currentDropTarget) {
                        return
                    }
                    const eventData = {
                        type: eventName,
                        originalEvent: event,
                        draggingElement: this._$element.get(0),
                        target: this._currentDropTarget
                    };
                    (0, _index.fireEvent)(eventData)
                },
                _findDropTarget(e) {
                    const that = this;
                    let result;
                    iteratorUtils.each(knownDropTargets, (_, target) => {
                        if (!that._checkDropTargetActive(target)) {
                            return
                        }
                        const $target = (0, _renderer.default)(target);
                        iteratorUtils.each(function($element) {
                            const dropTargetIndex = knownDropTargets.indexOf($element.get(0));
                            const dropTargetSelectors = knownDropTargetSelectors[dropTargetIndex].filter(selector => selector);
                            let $delegatedTargets = $element.find(dropTargetSelectors.join(", "));
                            if (knownDropTargetSelectors[dropTargetIndex].includes(void 0)) {
                                $delegatedTargets = $delegatedTargets.add($element)
                            }
                            return $delegatedTargets
                        }($target), (_, delegatedTarget) => {
                            const $delegatedTarget = (0, _renderer.default)(delegatedTarget);
                            if (that._checkDropTarget(function($element) {
                                    const dropTargetIndex = knownDropTargets.indexOf($element.get(0));
                                    return knownDropTargetConfigs[dropTargetIndex]
                                }($target), $delegatedTarget, (0, _renderer.default)(result), e)) {
                                result = delegatedTarget
                            }
                        })
                    });
                    return result
                },
                _checkDropTargetActive(target) {
                    let active = false;
                    iteratorUtils.each(this._dropTargets, (_, activeTarget) => {
                        active = active || activeTarget === target || (0, _dom.contains)(activeTarget, target);
                        return !active
                    });
                    return active
                },
                _checkDropTarget(config, $target, $prevTarget, e) {
                    const isDraggingElement = $target.get(0) === (0, _renderer.default)(e.target).get(0);
                    if (isDraggingElement) {
                        return false
                    }
                    const targetPosition = function(dropTargetConfig, $element) {
                        if (dropTargetConfig.itemPositionFunc) {
                            return dropTargetConfig.itemPositionFunc($element)
                        }
                        return $element.offset()
                    }(config, $target);
                    if (e.pageX < targetPosition.left) {
                        return false
                    }
                    if (e.pageY < targetPosition.top) {
                        return false
                    }
                    const targetSize = function(dropTargetConfig, $element) {
                        if (dropTargetConfig.itemSizeFunc) {
                            return dropTargetConfig.itemSizeFunc($element)
                        }
                        return {
                            width: $element.get(0).getBoundingClientRect().width,
                            height: $element.get(0).getBoundingClientRect().height
                        }
                    }(config, $target);
                    if (e.pageX > targetPosition.left + targetSize.width) {
                        return false
                    }
                    if (e.pageY > targetPosition.top + targetSize.height) {
                        return false
                    }
                    if ($prevTarget.length && $prevTarget.closest($target).length) {
                        return false
                    }
                    if (config.checkDropTarget && !config.checkDropTarget($target, e)) {
                        return false
                    }
                    return $target
                },
                _end(e) {
                    const eventData = (0, _index.eventData)(e);
                    this._fireEvent(DRAG_END_EVENT, e, {
                        offset: this._calculateOffset(eventData)
                    });
                    this._fireDropTargetEvent(e, DROP_EVENT);
                    delete this._currentDropTarget
                }
            });
            (0, _emitter_registrator.default)({
                emitter: DragEmitter,
                events: [DRAG_START_EVENT, DRAG_EVENT, DRAG_END_EVENT]
            })
        },
        3111(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _emitter = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/emitter */ 59e3));
            var _emitter_registrator = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/emitter_registrator */ 81411));
            var _index = __webpack_require__( /*! ../../common/core/events/utils/index */ 98834);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                abs: abs
            } = Math;
            const HoldEmitter = _emitter.default.inherit({
                start(e) {
                    this._startEventData = (0, _index.eventData)(e);
                    this._startTimer(e)
                },
                _startTimer(e) {
                    const holdTimeout = "timeout" in this ? this.timeout : 750;
                    this._holdTimer = setTimeout(() => {
                        this._requestAccept(e);
                        this._fireEvent("dxhold", e, {
                            target: e.target
                        });
                        this._forgetAccept()
                    }, holdTimeout)
                },
                move(e) {
                    if (this._touchWasMoved(e)) {
                        this._cancel(e)
                    }
                },
                _touchWasMoved(e) {
                    const delta = (0, _index.eventDelta)(this._startEventData, (0, _index.eventData)(e));
                    return abs(delta.x) > 5 || abs(delta.y) > 5
                },
                end() {
                    this._stopTimer()
                },
                _stopTimer() {
                    clearTimeout(this._holdTimer)
                },
                cancel() {
                    this._stopTimer()
                },
                dispose() {
                    this._stopTimer()
                }
            });
            (0, _emitter_registrator.default)({
                emitter: HoldEmitter,
                bubble: true,
                events: ["dxhold"]
            });
            exports.default = {
                name: "dxhold"
            }
        },
        57798(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.start = exports.end = void 0;
            var _event_registrator = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/event_registrator */ 15273));
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../common/core/events/utils/index */ 98834);
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../core/class */ 55620));
            var _element_data = __webpack_require__( /*! ../../core/element_data */ 74663);
            var _m_devices = _interopRequireDefault(__webpack_require__( /*! ../core/m_devices */ 98905));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const HOVERSTART = exports.start = "dxhoverstart";
            const POINTERENTER_NAMESPACED_EVENT_NAME = (0, _index.addNamespace)(_pointer.default.enter, "dxHoverStart");
            const HOVEREND = exports.end = "dxhoverend";
            const POINTERLEAVE_NAMESPACED_EVENT_NAME = (0, _index.addNamespace)(_pointer.default.leave, "dxHoverEnd");
            const Hover = _class.default.inherit({
                noBubble: true,
                ctor() {
                    this._handlerArrayKeyPath = `${this._eventNamespace}_HandlerStore`
                },
                setup(element) {
                    (0, _element_data.data)(element, this._handlerArrayKeyPath, {})
                },
                add(element, handleObj) {
                    const that = this;
                    const handler = function(e) {
                        that._handler(e)
                    };
                    _events_engine.default.on(element, this._originalEventName, handleObj.selector, handler);
                    (0, _element_data.data)(element, this._handlerArrayKeyPath)[handleObj.guid] = handler
                },
                _handler(e) {
                    if ((0, _index.isTouchEvent)(e) || _m_devices.default.isSimulator()) {
                        return
                    }(0, _index.fireEvent)({
                        type: this._eventName,
                        originalEvent: e,
                        delegateTarget: e.delegateTarget
                    })
                },
                remove(element, handleObj) {
                    const handler = (0, _element_data.data)(element, this._handlerArrayKeyPath)[handleObj.guid];
                    _events_engine.default.off(element, this._originalEventName, handleObj.selector, handler)
                },
                teardown(element) {
                    (0, _element_data.removeData)(element, this._handlerArrayKeyPath)
                }
            });
            const HoverStart = Hover.inherit({
                ctor() {
                    this._eventNamespace = "dxHoverStart";
                    this._eventName = HOVERSTART;
                    this._originalEventName = POINTERENTER_NAMESPACED_EVENT_NAME;
                    this.callBase()
                },
                _handler(e) {
                    const pointers = e.pointers || [];
                    if (!pointers.length) {
                        this.callBase(e)
                    }
                }
            });
            const HoverEnd = Hover.inherit({
                ctor() {
                    this._eventNamespace = "dxHoverEnd";
                    this._eventName = HOVEREND;
                    this._originalEventName = POINTERLEAVE_NAMESPACED_EVENT_NAME;
                    this.callBase()
                }
            });
            (0, _event_registrator.default)(HOVERSTART, new HoverStart);
            (0, _event_registrator.default)(HOVEREND, new HoverEnd)
        },
        24381(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _event_registrator = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/event_registrator */ 15273));
            var _mouse = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/pointer/mouse */ 5949));
            var _mouse_and_touch = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/pointer/mouse_and_touch */ 71887));
            var _touch = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/pointer/touch */ 71017));
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../core/config */ 66636));
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _m_devices = _interopRequireDefault(__webpack_require__( /*! ../core/m_devices */ 98905));
            var _m_support = _interopRequireDefault(__webpack_require__( /*! ../core/utils/m_support */ 85991));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const EventStrategy = ((support, _ref) => {
                let {
                    tablet: tablet,
                    phone: phone
                } = _ref;
                const pointerEventStrategy = function() {
                    const eventStrategyName = (0, _config.default)().pointerEventStrategy;
                    return {
                        "mouse-and-touch": _mouse_and_touch.default,
                        touch: _touch.default,
                        mouse: _mouse.default
                    } [eventStrategyName]
                }();
                if (pointerEventStrategy) {
                    return pointerEventStrategy
                }
                if (support.touch && !(tablet || phone)) {
                    return _mouse_and_touch.default
                }
                if (support.touch) {
                    return _touch.default
                }
                return _mouse.default
            })(_m_support.default, _m_devices.default.real());
            (0, _iterator.each)(EventStrategy.map, (pointerEvent, originalEvents) => {
                (0, _event_registrator.default)(pointerEvent, new EventStrategy(pointerEvent, originalEvents))
            });
            exports.default = {
                down: "dxpointerdown",
                up: "dxpointerup",
                move: "dxpointermove",
                cancel: "dxpointercancel",
                enter: "dxpointerenter",
                leave: "dxpointerleave",
                over: "dxpointerover",
                out: "dxpointerout"
            }
        },
        92686(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.removeEvent = void 0;
            var _event_registrator = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/event_registrator */ 15273));
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _element_data = __webpack_require__( /*! ../../core/element_data */ 74663);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const removeEvent = exports.removeEvent = "dxremove";
            (0, _element_data.beforeCleanData)(elements => {
                elements = [].slice.call(elements);
                for (let i = 0; i < elements.length; i++) {
                    const $element = (0, _renderer.default)(elements[i]);
                    if ($element.prop("dxRemoveEvent")) {
                        $element[0].dxRemoveEvent = null;
                        _events_engine.default.triggerHandler($element, removeEvent)
                    }
                }
            });
            (0, _event_registrator.default)(removeEvent, {
                noBubble: true,
                setup(element) {
                    (0, _renderer.default)(element).prop("dxRemoveEvent", true)
                }
            })
        },
        43926(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.visibility = exports.resize = exports.keyboard = exports.hover = exports.focus = exports.dxClick = exports.click = exports.active = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _keyboard_processor = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/keyboard_processor */ 52818));
            var _index = __webpack_require__( /*! ../../common/core/events/utils/index */ 98834);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }

            function addNamespace(event, namespace) {
                return namespace ? (0, _index.addNamespace)(event, namespace) : event
            }

            function executeAction(action, args) {
                return "function" === typeof action ? action(args) : action.execute(args)
            }
            exports.active = {
                on: ($el, active, inactive, opts) => {
                    const {
                        selector: selector,
                        showTimeout: showTimeout,
                        hideTimeout: hideTimeout,
                        namespace: namespace
                    } = opts;
                    _events_engine.default.on($el, addNamespace("dxactive", namespace), selector, {
                        timeout: showTimeout
                    }, event => executeAction(active, {
                        event: event,
                        element: event.currentTarget
                    }));
                    _events_engine.default.on($el, addNamespace("dxinactive", namespace), selector, {
                        timeout: hideTimeout
                    }, event => executeAction(inactive, {
                        event: event,
                        element: event.currentTarget
                    }))
                },
                off: ($el, _ref) => {
                    let {
                        namespace: namespace,
                        selector: selector
                    } = _ref;
                    _events_engine.default.off($el, addNamespace("dxactive", namespace), selector);
                    _events_engine.default.off($el, addNamespace("dxinactive", namespace), selector)
                }
            };
            exports.resize = {
                on: function($el, resize) {
                    let {
                        namespace: namespace
                    } = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
                    _events_engine.default.on($el, addNamespace("dxresize", namespace), resize)
                },
                off: function($el) {
                    let {
                        namespace: namespace
                    } = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
                    _events_engine.default.off($el, addNamespace("dxresize", namespace))
                }
            };
            exports.hover = {
                on: ($el, start, end, _ref2) => {
                    let {
                        selector: selector,
                        namespace: namespace
                    } = _ref2;
                    _events_engine.default.on($el, addNamespace("dxhoverend", namespace), selector, event => end(event));
                    _events_engine.default.on($el, addNamespace("dxhoverstart", namespace), selector, event => executeAction(start, {
                        element: event.target,
                        event: event
                    }))
                },
                off: ($el, _ref3) => {
                    let {
                        selector: selector,
                        namespace: namespace
                    } = _ref3;
                    _events_engine.default.off($el, addNamespace("dxhoverstart", namespace), selector);
                    _events_engine.default.off($el, addNamespace("dxhoverend", namespace), selector)
                }
            };
            exports.visibility = {
                on: ($el, shown, hiding, _ref4) => {
                    let {
                        namespace: namespace
                    } = _ref4;
                    _events_engine.default.on($el, addNamespace("dxhiding", namespace), hiding);
                    _events_engine.default.on($el, addNamespace("dxshown", namespace), shown)
                },
                off: ($el, _ref5) => {
                    let {
                        namespace: namespace
                    } = _ref5;
                    _events_engine.default.off($el, addNamespace("dxhiding", namespace));
                    _events_engine.default.off($el, addNamespace("dxshown", namespace))
                }
            };
            exports.focus = {
                on: ($el, focusIn, focusOut, _ref6) => {
                    let {
                        namespace: namespace
                    } = _ref6;
                    _events_engine.default.on($el, addNamespace("focusin", namespace), focusIn);
                    _events_engine.default.on($el, addNamespace("focusout", namespace), focusOut)
                },
                off: ($el, _ref7) => {
                    let {
                        namespace: namespace
                    } = _ref7;
                    _events_engine.default.off($el, addNamespace("focusin", namespace));
                    _events_engine.default.off($el, addNamespace("focusout", namespace))
                },
                trigger: $el => _events_engine.default.trigger($el, "focus")
            };
            exports.dxClick = {
                on: function($el, click) {
                    let {
                        namespace: namespace
                    } = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
                    _events_engine.default.on($el, addNamespace("dxclick", namespace), click)
                },
                off: function($el) {
                    let {
                        namespace: namespace
                    } = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
                    _events_engine.default.off($el, addNamespace("dxclick", namespace))
                }
            };
            exports.click = {
                on: function($el, click) {
                    let {
                        namespace: namespace
                    } = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
                    _events_engine.default.on($el, addNamespace("click", namespace), click)
                },
                off: function($el) {
                    let {
                        namespace: namespace
                    } = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
                    _events_engine.default.off($el, addNamespace("click", namespace))
                }
            };
            let index = 0;
            const keyboardProcessors = {};
            const keyboard = exports.keyboard = {
                on: (element, focusTarget, handler) => {
                    const listenerId = "keyboardProcessorId" + index++;
                    keyboardProcessors[listenerId] = new _keyboard_processor.default({
                        element: element,
                        focusTarget: focusTarget,
                        handler: handler
                    });
                    return listenerId
                },
                off: listenerId => {
                    if (listenerId && keyboardProcessors[listenerId]) {
                        keyboardProcessors[listenerId].dispose();
                        delete keyboardProcessors[listenerId]
                    }
                },
                disposeProcessorsForSubtree(root) {
                    if (!(null !== root && void 0 !== root && root.nodeType)) {
                        return
                    }
                    const touchesRoot = value => {
                        const elements = (value => {
                            if (!value) {
                                return []
                            }
                            if (value instanceof Element) {
                                return [value]
                            }
                            if (Array.isArray(value)) {
                                return value.filter(item => item instanceof Element)
                            }
                            const v = value;
                            if ("function" === typeof v.toArray) {
                                const arr = v.toArray();
                                if (Array.isArray(arr)) {
                                    return arr.filter(item => item instanceof Element)
                                }
                            }
                            const first = v[0];
                            return first instanceof Element ? [first] : []
                        })(value);
                        return elements.some(el => el === root || root.contains(el))
                    };
                    Object.keys(keyboardProcessors).forEach(id => {
                        const keyboardProcessor = keyboardProcessors[id];
                        if (!keyboardProcessor) {
                            return
                        }
                        if (touchesRoot(keyboardProcessor._element) || touchesRoot(keyboardProcessor._focusTarget)) {
                            keyboard.off(id)
                        }
                    })
                },
                _getProcessor: listenerId => keyboardProcessors[listenerId]
            }
        },
        6066(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.swipe = exports.start = exports.end = void 0;
            var _emitter_registrator = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/emitter_registrator */ 81411));
            var _emitter = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/gesture/emitter.gesture */ 85915));
            var _utils = __webpack_require__( /*! ../../common/core/events/utils */ 98834);
            var _size = __webpack_require__( /*! ../../core/utils/size */ 57653);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const SWIPE_START_EVENT = exports.start = "dxswipestart";
            const SWIPE_EVENT = exports.swipe = "dxswipe";
            const SWIPE_END_EVENT = exports.end = "dxswipeend";
            const HorizontalStrategy = {
                defaultItemSizeFunc() {
                    return (0, _size.getWidth)(this.getElement())
                },
                getBounds() {
                    return [this._maxLeftOffset, this._maxRightOffset]
                },
                calcOffsetRatio(e) {
                    const endEventData = (0, _utils.eventData)(e);
                    return (endEventData.x - (this._savedEventData && this._savedEventData.x || 0)) / this._itemSizeFunc().call(this, e)
                },
                isFastSwipe(e) {
                    const endEventData = (0, _utils.eventData)(e);
                    return this.FAST_SWIPE_SPEED_LIMIT * Math.abs(endEventData.x - this._tickData.x) >= endEventData.time - this._tickData.time
                }
            };
            const VerticalStrategy = {
                defaultItemSizeFunc() {
                    return (0, _size.getHeight)(this.getElement())
                },
                getBounds() {
                    return [this._maxTopOffset, this._maxBottomOffset]
                },
                calcOffsetRatio(e) {
                    const endEventData = (0, _utils.eventData)(e);
                    return (endEventData.y - (this._savedEventData && this._savedEventData.y || 0)) / this._itemSizeFunc().call(this, e)
                },
                isFastSwipe(e) {
                    const endEventData = (0, _utils.eventData)(e);
                    return this.FAST_SWIPE_SPEED_LIMIT * Math.abs(endEventData.y - this._tickData.y) >= endEventData.time - this._tickData.time
                }
            };
            const STRATEGIES = {
                horizontal: HorizontalStrategy,
                vertical: VerticalStrategy
            };
            const SwipeEmitter = _emitter.default.inherit({
                TICK_INTERVAL: 300,
                FAST_SWIPE_SPEED_LIMIT: 10,
                ctor(element) {
                    this.callBase(element);
                    this.direction = "horizontal";
                    this.elastic = true
                },
                _getStrategy() {
                    return STRATEGIES[this.direction]
                },
                _defaultItemSizeFunc() {
                    return this._getStrategy().defaultItemSizeFunc.call(this)
                },
                _itemSizeFunc() {
                    return this.itemSizeFunc || this._defaultItemSizeFunc
                },
                _init(e) {
                    this._tickData = (0, _utils.eventData)(e)
                },
                _start(e) {
                    this._savedEventData = (0, _utils.eventData)(e);
                    e = this._fireEvent(SWIPE_START_EVENT, e);
                    if (!e.cancel) {
                        this._maxLeftOffset = e.maxLeftOffset;
                        this._maxRightOffset = e.maxRightOffset;
                        this._maxTopOffset = e.maxTopOffset;
                        this._maxBottomOffset = e.maxBottomOffset
                    }
                },
                _move(e) {
                    const strategy = this._getStrategy();
                    const moveEventData = (0, _utils.eventData)(e);
                    let offset = strategy.calcOffsetRatio.call(this, e);
                    offset = this._fitOffset(offset, this.elastic);
                    if (moveEventData.time - this._tickData.time > this.TICK_INTERVAL) {
                        this._tickData = moveEventData
                    }
                    this._fireEvent(SWIPE_EVENT, e, {
                        offset: offset
                    });
                    if (false !== e.cancelable) {
                        e.preventDefault()
                    }
                },
                _end(e) {
                    const strategy = this._getStrategy();
                    const offsetRatio = strategy.calcOffsetRatio.call(this, e);
                    const isFast = strategy.isFastSwipe.call(this, e);
                    let startOffset = offsetRatio;
                    let targetOffset = this._calcTargetOffset(offsetRatio, isFast);
                    startOffset = this._fitOffset(startOffset, this.elastic);
                    targetOffset = this._fitOffset(targetOffset, false);
                    this._fireEvent(SWIPE_END_EVENT, e, {
                        offset: startOffset,
                        targetOffset: targetOffset
                    })
                },
                _fitOffset(offset, elastic) {
                    const strategy = this._getStrategy();
                    const bounds = strategy.getBounds.call(this);
                    if (offset < -bounds[0]) {
                        return elastic ? (-2 * bounds[0] + offset) / 3 : -bounds[0]
                    }
                    if (offset > bounds[1]) {
                        return elastic ? (2 * bounds[1] + offset) / 3 : bounds[1]
                    }
                    return offset
                },
                _calcTargetOffset(offsetRatio, isFast) {
                    let result;
                    if (isFast) {
                        result = Math.ceil(Math.abs(offsetRatio));
                        if (offsetRatio < 0) {
                            result = -result
                        }
                    } else {
                        result = Math.round(offsetRatio)
                    }
                    return result
                }
            });
            (0, _emitter_registrator.default)({
                emitter: SwipeEmitter,
                events: [SWIPE_START_EVENT, SWIPE_EVENT, SWIPE_END_EVENT]
            })
        },
        68264(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.exportNames = void 0;
            var _emitter = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/emitter */ 59e3));
            var _emitter_registrator = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/emitter_registrator */ 81411));
            var _index = __webpack_require__( /*! ../../common/core/events/utils/index */ 98834);
            var iteratorUtils = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../core/utils/iterator */ 21274));
            var _math = __webpack_require__( /*! ../../core/utils/math */ 50254);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const START_POSTFIX = "start";
            const UPDATE_POSTFIX = "";
            const END_POSTFIX = "end";
            const eventAliases = [];
            const addAlias = function(eventName, eventArgs) {
                eventAliases.push({
                    name: eventName,
                    args: eventArgs
                })
            };
            addAlias("transform", {
                scale: true,
                deltaScale: true,
                rotation: true,
                deltaRotation: true,
                translation: true,
                deltaTranslation: true
            });
            addAlias("translate", {
                translation: true,
                deltaTranslation: true
            });
            addAlias("pinch", {
                scale: true,
                deltaScale: true
            });
            addAlias("rotate", {
                rotation: true,
                deltaRotation: true
            });
            const getEventVector = function(e) {
                const {
                    pointers: pointers
                } = e;
                return first = pointers[0], second = pointers[1], {
                    x: second.pageX - first.pageX,
                    y: -second.pageY + first.pageY,
                    centerX: .5 * (second.pageX + first.pageX),
                    centerY: .5 * (second.pageY + first.pageY)
                };
                var first, second
            };
            const getDistance = function(vector) {
                return Math.sqrt(vector.x * vector.x + vector.y * vector.y)
            };
            const getScale = function(firstVector, secondVector) {
                return getDistance(firstVector) / getDistance(secondVector)
            };
            const getRotation = function(firstVector, secondVector) {
                const scalarProduct = firstVector.x * secondVector.x + firstVector.y * secondVector.y;
                const distanceProduct = getDistance(firstVector) * getDistance(secondVector);
                if (0 === distanceProduct) {
                    return 0
                }
                const sign = (0, _math.sign)(firstVector.x * secondVector.y - secondVector.x * firstVector.y);
                const angle = Math.acos((0, _math.fitIntoRange)(scalarProduct / distanceProduct, -1, 1));
                return sign * angle
            };
            const getTranslation = function(firstVector, secondVector) {
                return {
                    x: firstVector.centerX - secondVector.centerX,
                    y: firstVector.centerY - secondVector.centerY
                }
            };
            const TransformEmitter = _emitter.default.inherit({
                validatePointers: e => (0, _index.hasTouches)(e) > 1,
                start(e) {
                    this._accept(e);
                    const startVector = getEventVector(e);
                    this._startVector = startVector;
                    this._prevVector = startVector;
                    this._fireEventAliases(START_POSTFIX, e)
                },
                move(e) {
                    const currentVector = getEventVector(e);
                    const eventArgs = this._getEventArgs(currentVector);
                    this._fireEventAliases(UPDATE_POSTFIX, e, eventArgs);
                    this._prevVector = currentVector
                },
                end(e) {
                    const eventArgs = this._getEventArgs(this._prevVector);
                    this._fireEventAliases(END_POSTFIX, e, eventArgs)
                },
                _getEventArgs(vector) {
                    return {
                        scale: getScale(vector, this._startVector),
                        deltaScale: getScale(vector, this._prevVector),
                        rotation: getRotation(vector, this._startVector),
                        deltaRotation: getRotation(vector, this._prevVector),
                        translation: getTranslation(vector, this._startVector),
                        deltaTranslation: getTranslation(vector, this._prevVector)
                    }
                },
                _fireEventAliases(eventPostfix, originalEvent, eventArgs) {
                    eventArgs = eventArgs || {};
                    iteratorUtils.each(eventAliases, (_, eventAlias) => {
                        const args = {};
                        iteratorUtils.each(eventAlias.args, name => {
                            if (name in eventArgs) {
                                args[name] = eventArgs[name]
                            }
                        });
                        this._fireEvent("dx" + eventAlias.name + eventPostfix, originalEvent, args)
                    })
                }
            });
            const eventNames = eventAliases.reduce((result, eventAlias) => {
                [START_POSTFIX, UPDATE_POSTFIX, END_POSTFIX].forEach(eventPostfix => {
                    result.push("dx" + eventAlias.name + eventPostfix)
                });
                return result
            }, []);
            (0, _emitter_registrator.default)({
                emitter: TransformEmitter,
                events: eventNames
            });
            const exportNames = exports.exportNames = {};
            iteratorUtils.each(eventNames, (_, eventName) => {
                exportNames[eventName.substring(2)] = eventName
            })
        },
        52997(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.triggerShownEvent = exports.triggerResizeEvent = exports.triggerHidingEvent = exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const triggerVisibilityChangeEvent = function(eventName) {
                return function(element) {
                    const $element = (0, _renderer.default)(element || "body");
                    const changeHandlers = $element.filter(".dx-visibility-change-handler").add($element.find(".dx-visibility-change-handler"));
                    for (let i = 0; i < changeHandlers.length; i++) {
                        _events_engine.default.triggerHandler(changeHandlers[i], eventName)
                    }
                }
            };
            const triggerShownEvent = exports.triggerShownEvent = triggerVisibilityChangeEvent("dxshown");
            const triggerHidingEvent = exports.triggerHidingEvent = triggerVisibilityChangeEvent("dxhiding");
            const triggerResizeEvent = exports.triggerResizeEvent = triggerVisibilityChangeEvent("dxresize");
            exports.default = {
                triggerHidingEvent: triggerHidingEvent,
                triggerResizeEvent: triggerResizeEvent,
                triggerShownEvent: triggerShownEvent
            }
        },
        37321(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _event_target = __webpack_require__( /*! ../../../common/core/events/utils/event_target */ 45280);
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../../core/class */ 55620));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/browser */ 48314));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const BaseStrategy = _class.default.inherit({
                ctor(eventName, originalEvents) {
                    this._eventName = eventName;
                    this._originalEvents = (0, _index.addNamespace)(originalEvents, "dxPointerEvents");
                    this._handlerCount = 0;
                    this.noBubble = this._isNoBubble()
                },
                _isNoBubble() {
                    const eventName = this._eventName;
                    return "dxpointerenter" === eventName || "dxpointerleave" === eventName
                },
                _handler(e) {
                    const delegateTarget = this._getDelegateTarget(e);
                    const event = {
                        type: this._eventName,
                        pointerType: e.pointerType || (0, _index.eventSource)(e),
                        originalEvent: e,
                        delegateTarget: delegateTarget,
                        timeStamp: _browser.default.mozilla ? (new Date).getTime() : e.timeStamp
                    };
                    const target = (0, _event_target.getEventTarget)(e);
                    event.target = target;
                    return this._fireEvent(event)
                },
                _getDelegateTarget(e) {
                    let delegateTarget;
                    if (this.noBubble) {
                        delegateTarget = e.delegateTarget
                    }
                    return delegateTarget
                },
                _fireEvent: args => (0, _index.fireEvent)(args),
                _setSelector(handleObj) {
                    this._selector = this.noBubble && handleObj ? handleObj.selector : null
                },
                _getSelector() {
                    return this._selector
                },
                setup: () => true,
                add(element, handleObj) {
                    if (this._handlerCount <= 0 || this.noBubble) {
                        element = this.noBubble ? element : _dom_adapter.default.getDocument();
                        this._setSelector(handleObj);
                        const that = this;
                        _events_engine.default.on(element, this._originalEvents, this._getSelector(), e => {
                            that._handler(e)
                        })
                    }
                    if (!this.noBubble) {
                        this._handlerCount++
                    }
                },
                remove(handleObj) {
                    this._setSelector(handleObj);
                    if (!this.noBubble) {
                        this._handlerCount--
                    }
                },
                teardown(element) {
                    if (this._handlerCount && !this.noBubble) {
                        return
                    }
                    element = this.noBubble ? element : _dom_adapter.default.getDocument();
                    if (".dxPointerEvents" !== this._originalEvents) {
                        _events_engine.default.off(element, this._originalEvents, this._getSelector())
                    }
                },
                dispose(element) {
                    element = this.noBubble ? element : _dom_adapter.default.getDocument();
                    _events_engine.default.off(element, this._originalEvents)
                }
            });
            exports.default = BaseStrategy
        },
        45841(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _base = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer/base */ 725));
            var _observer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer/observer */ 38242));
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/browser */ 48314));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const eventMap = {
                dxpointerdown: "mousedown",
                dxpointermove: "mousemove",
                dxpointerup: "mouseup",
                dxpointercancel: "pointercancel",
                dxpointerover: "mouseover",
                dxpointerout: "mouseout",
                dxpointerenter: "mouseenter",
                dxpointerleave: "mouseleave"
            };
            if (_browser.default.safari) {
                eventMap.dxpointercancel += " dragstart"
            }
            const normalizeMouseEvent = function(e) {
                e.pointerId = 1;
                return {
                    pointers: observer.pointers(),
                    pointerId: 1
                }
            };
            let observer;
            let activated = false;
            const activateStrategy = function() {
                if (activated) {
                    return
                }
                observer = new _observer.default(eventMap, () => true);
                activated = true
            };
            const MouseStrategy = _base.default.inherit({
                ctor() {
                    this.callBase.apply(this, arguments);
                    activateStrategy()
                },
                _fireEvent(args) {
                    return this.callBase((0, _extend.extend)(normalizeMouseEvent(args.originalEvent), args))
                }
            });
            MouseStrategy.map = eventMap;
            MouseStrategy.normalize = normalizeMouseEvent;
            MouseStrategy.activate = activateStrategy;
            MouseStrategy.resetObserver = function() {
                observer.reset()
            };
            exports.default = MouseStrategy
        },
        60699(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _base = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer/base */ 725));
            var _mouse = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer/mouse */ 5949));
            var _touch = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer/touch */ 71017));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            let activated = false;
            const MouseAndTouchStrategy = _base.default.inherit({
                EVENT_LOCK_TIMEOUT: 100,
                ctor() {
                    this.callBase.apply(this, arguments);
                    ! function() {
                        if (activated) {
                            return
                        }
                        _mouse.default.activate();
                        activated = true
                    }()
                },
                _handler(e) {
                    const isMouse = (0, _index.isMouseEvent)(e);
                    if (!isMouse) {
                        this._skipNextEvents = true
                    }
                    if (isMouse && this._mouseLocked) {
                        return
                    }
                    if (isMouse && this._skipNextEvents) {
                        this._skipNextEvents = false;
                        this._mouseLocked = true;
                        clearTimeout(this._unlockMouseTimer);
                        const that = this;
                        this._unlockMouseTimer = setTimeout(() => {
                            that._mouseLocked = false
                        }, this.EVENT_LOCK_TIMEOUT);
                        return
                    }
                    return this.callBase(e)
                },
                _fireEvent(args) {
                    const normalizer = (0, _index.isMouseEvent)(args.originalEvent) ? _mouse.default.normalize : _touch.default.normalize;
                    return this.callBase((0, _extend.extend)(normalizer(args.originalEvent), args))
                },
                dispose() {
                    this.callBase();
                    this._skipNextEvents = false;
                    this._mouseLocked = false;
                    clearTimeout(this._unlockMouseTimer)
                }
            });
            MouseAndTouchStrategy.map = {
                dxpointerdown: "touchstart mousedown",
                dxpointermove: "touchmove mousemove",
                dxpointerup: "touchend mouseup",
                dxpointercancel: "touchcancel",
                dxpointerover: "mouseover",
                dxpointerout: "mouseout",
                dxpointerenter: "mouseenter",
                dxpointerleave: "mouseleave"
            };
            MouseAndTouchStrategy.resetObserver = _mouse.default.resetObserver;
            exports.default = MouseAndTouchStrategy
        },
        62814(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _ready_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/ready_callbacks */ 3122));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const addEventsListener = function(events, handler) {
                _ready_callbacks.default.add(() => {
                    events.split(" ").forEach(event => {
                        _dom_adapter.default.listen(_dom_adapter.default.getDocument(), event, handler, true)
                    })
                })
            };
            exports.default = function(eventMap, pointerEquals, onPointerAdding) {
                onPointerAdding = onPointerAdding || function() {};
                let pointers = [];
                const getPointerIndex = function(e) {
                    let index = -1;
                    (0, _iterator.each)(pointers, (i, pointer) => {
                        if (!pointerEquals(e, pointer)) {
                            return true
                        }
                        index = i;
                        return false
                    });
                    return index
                };
                const removePointer = function(e) {
                    const index = getPointerIndex(e);
                    if (index > -1) {
                        pointers.splice(index, 1)
                    }
                };
                addEventsListener(eventMap.dxpointerdown, function(e) {
                    if (-1 === getPointerIndex(e)) {
                        onPointerAdding(e);
                        pointers.push(e)
                    }
                });
                addEventsListener(eventMap.dxpointermove, function(e) {
                    pointers[getPointerIndex(e)] = e
                });
                addEventsListener(eventMap.dxpointerup, removePointer);
                addEventsListener(eventMap.dxpointercancel, removePointer);
                this.pointers = function() {
                    return pointers
                };
                this.reset = function() {
                    pointers = []
                }
            }
        },
        95253(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _base = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer/base */ 725));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _m_devices = _interopRequireDefault(__webpack_require__( /*! ../../core/m_devices */ 98905));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const normalizeTouchEvent = function(e) {
                const pointers = [];
                (0, _iterator.each)(e.touches, (_, touch) => {
                    pointers.push((0, _extend.extend)({
                        pointerId: touch.identifier
                    }, touch))
                });
                return {
                    pointers: pointers,
                    pointerId: e.changedTouches[0].identifier
                }
            };
            const TouchStrategy = _base.default.inherit({
                ctor() {
                    this.callBase.apply(this, arguments);
                    this._pointerId = 0
                },
                _handler(e) {
                    if (pointerEvent = this._eventName, "ios" === _m_devices.default.real().platform && ("dxpointerdown" === pointerEvent || "dxpointerup" === pointerEvent)) {
                        const touch = e.changedTouches[0];
                        if (this._pointerId === touch.identifier && 0 !== this._pointerId) {
                            return
                        }
                        this._pointerId = touch.identifier
                    }
                    var pointerEvent;
                    return this.callBase.apply(this, arguments)
                },
                _fireEvent(args) {
                    return this.callBase((0, _extend.extend)(normalizeTouchEvent(args.originalEvent), args))
                }
            });
            TouchStrategy.map = {
                dxpointerdown: "touchstart",
                dxpointermove: "touchmove",
                dxpointerup: "touchend",
                dxpointercancel: "touchcancel",
                dxpointerover: "",
                dxpointerout: "",
                dxpointerenter: "",
                dxpointerleave: ""
            };
            TouchStrategy.normalize = normalizeTouchEvent;
            exports.default = TouchStrategy
        },
        61210(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.stopEventsSkipping = exports.setEventFixMethod = exports.normalizeKeyName = exports.needSkipEvent = exports.isTouchEvent = exports.isPointerEvent = exports.isMouseEvent = exports.isKeyboardEvent = exports.isFakeClickEvent = exports.isDxMouseWheelEvent = exports.isCommandKeyPressed = exports.hasTouches = exports.getChar = exports.forceSkipEvents = exports.fireEvent = exports.eventSource = exports.eventDelta = exports.eventData = exports.createEvent = exports.addNamespace = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _m_selectors = __webpack_require__( /*! ../../core/utils/m_selectors */ 62238);
            var _m_add_namespace = _interopRequireDefault(__webpack_require__( /*! ./m_add_namespace */ 91293));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const KEY_MAP = {
                backspace: "backspace",
                tab: "tab",
                enter: "enter",
                escape: "escape",
                pageup: "pageUp",
                pagedown: "pageDown",
                end: "end",
                home: "home",
                arrowleft: "leftArrow",
                arrowup: "upArrow",
                arrowright: "rightArrow",
                arrowdown: "downArrow",
                delete: "del",
                " ": "space",
                f: "F",
                a: "A",
                "*": "asterisk",
                "-": "minus",
                alt: "alt",
                control: "control",
                shift: "shift"
            };
            const LEGACY_KEY_CODES = {
                8: "backspace",
                9: "tab",
                13: "enter",
                27: "escape",
                33: "pageUp",
                34: "pageDown",
                35: "end",
                36: "home",
                37: "leftArrow",
                38: "upArrow",
                39: "rightArrow",
                40: "downArrow",
                46: "del",
                32: "space",
                70: "F",
                65: "A",
                106: "asterisk",
                109: "minus",
                189: "minus",
                173: "minus",
                16: "shift",
                17: "control",
                18: "alt"
            };
            const EVENT_SOURCES_REGEX = {
                dx: /^dx/i,
                mouse: /(mouse|wheel)/i,
                touch: /^touch/i,
                keyboard: /^key/i,
                pointer: /^(ms)?pointer/i
            };
            const eventSource = _ref => {
                let {
                    type: type
                } = _ref;
                let result = "other";
                (0, _iterator.each)(EVENT_SOURCES_REGEX, function(key) {
                    if (this.test(type)) {
                        result = key;
                        return false
                    }
                });
                return result
            };
            exports.eventSource = eventSource;
            let fixMethod = e => e;
            const copyEvent = originalEvent => fixMethod((originalEvent => _events_engine.default.Event(originalEvent, originalEvent))(originalEvent), originalEvent);
            const isDxEvent = e => "dx" === eventSource(e);
            const isNativeTouchEvent = e => "touch" === eventSource(e);
            const isPointerEvent = e => "pointer" === eventSource(e);
            exports.isPointerEvent = isPointerEvent;
            const isMouseEvent = e => (e => "mouse" === eventSource(e))(e) || (isPointerEvent(e) || isDxEvent(e)) && "mouse" === e.pointerType;
            exports.isMouseEvent = isMouseEvent;
            const isDxMouseWheelEvent = e => e && "dxmousewheel" === e.type;
            exports.isDxMouseWheelEvent = isDxMouseWheelEvent;
            const isTouchEvent = e => isNativeTouchEvent(e) || (isPointerEvent(e) || isDxEvent(e)) && "touch" === e.pointerType;
            exports.isTouchEvent = isTouchEvent;
            exports.isKeyboardEvent = e => "keyboard" === eventSource(e);
            exports.isFakeClickEvent = _ref2 => {
                let {
                    screenX: screenX,
                    offsetX: offsetX,
                    pageX: pageX
                } = _ref2;
                return 0 === screenX && !offsetX && 0 === pageX
            };
            exports.eventData = _ref3 => {
                let {
                    pageX: pageX,
                    pageY: pageY,
                    timeStamp: timeStamp
                } = _ref3;
                return {
                    x: pageX,
                    y: pageY,
                    time: timeStamp
                }
            };
            exports.eventDelta = (from, to) => ({
                x: to.x - from.x,
                y: to.y - from.y,
                time: to.time - from.time || 1
            });
            exports.hasTouches = e => {
                const {
                    originalEvent: originalEvent,
                    pointers: pointers
                } = e;
                if (isNativeTouchEvent(e)) {
                    return (originalEvent.touches || []).length
                }
                if (isDxEvent(e)) {
                    return (pointers || []).length
                }
                return 0
            };
            let skipEvents = false;
            exports.forceSkipEvents = () => {
                skipEvents = true
            };
            exports.stopEventsSkipping = () => {
                skipEvents = false
            };
            exports.needSkipEvent = e => {
                if (skipEvents) {
                    return true
                }
                const {
                    target: target
                } = e;
                const $target = (0, _renderer.default)(target);
                const isContentEditable = (null === target || void 0 === target ? void 0 : target.isContentEditable) || (null === target || void 0 === target ? void 0 : target.hasAttribute("contenteditable"));
                const touchInEditable = $target.is("input, textarea, select") || isContentEditable;
                if (isDxMouseWheelEvent(e)) {
                    const isTextArea = $target.is("textarea") && $target.hasClass("dx-texteditor-input");
                    if (isTextArea || isContentEditable) {
                        return false
                    }
                    const isInputFocused = $target.is("input[type='number'], textarea, select") && $target.is(":focus");
                    return isInputFocused
                }
                if (isMouseEvent(e)) {
                    return touchInEditable || e.which > 1
                }
                if (isTouchEvent(e)) {
                    return touchInEditable && (0, _m_selectors.focused)($target)
                }
            };
            exports.setEventFixMethod = func => {
                fixMethod = func
            };
            const createEvent = (originalEvent, args) => {
                const event = copyEvent(originalEvent);
                if (args) {
                    (0, _extend.extend)(event, args)
                }
                return event
            };
            exports.createEvent = createEvent;
            exports.fireEvent = props => {
                const {
                    originalEvent: originalEvent,
                    delegateTarget: delegateTarget
                } = props;
                const event = createEvent(originalEvent, props);
                _events_engine.default.trigger(delegateTarget || event.target, event);
                return event
            };
            exports.normalizeKeyName = _ref4 => {
                let {
                    key: key,
                    which: which
                } = _ref4;
                const normalizedKey = KEY_MAP[null === key || void 0 === key ? void 0 : key.toLowerCase()] || key;
                const normalizedKeyFromWhich = LEGACY_KEY_CODES[which];
                if (normalizedKeyFromWhich && normalizedKey === key) {
                    return normalizedKeyFromWhich
                }
                if (!normalizedKey && which) {
                    return String.fromCharCode(which)
                }
                return normalizedKey
            };
            exports.getChar = _ref5 => {
                let {
                    key: key,
                    which: which
                } = _ref5;
                return key || String.fromCharCode(which)
            };
            exports.addNamespace = _m_add_namespace.default;
            exports.isCommandKeyPressed = _ref6 => {
                let {
                    ctrlKey: ctrlKey,
                    metaKey: metaKey
                } = _ref6;
                return ctrlKey || metaKey
            }
        },
        91293(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _errors = (e = __webpack_require__( /*! ../../../core/errors */ 87129), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const addNamespace = (eventNames, namespace) => {
                if (!namespace) {
                    throw _errors.default.Error("E0017")
                }
                if (Array.isArray(eventNames)) {
                    return eventNames.map(eventName => addNamespace(eventName, namespace)).join(" ")
                }
                if (-1 !== eventNames.indexOf(" ")) {
                    return addNamespace(eventNames.split(/\s+/g), namespace)
                }
                return `${eventNames}.${namespace}`
            };
            exports.default = addNamespace
        },
        68337(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.unsubscribeNodesDisposing = exports.subscribeNodesDisposing = void 0;
            var _events_engine = (e = __webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _remove = __webpack_require__( /*! ../../../common/core/events/remove */ 28630);

            function nodesByEvent(event) {
                return event && [event.target, event.delegateTarget, event.relatedTarget, event.currentTarget].reduce((res, node) => {
                    if (!!node && !res.includes(node)) {
                        res.push(node)
                    }
                    return res
                }, [])
            }
            exports.subscribeNodesDisposing = (event, callback) => {
                const nodes = nodesByEvent(event);
                const onceCallback = function() {
                    _events_engine.default.off(nodes, _remove.removeEvent, onceCallback);
                    return callback(...arguments)
                };
                _events_engine.default.on(nodes, _remove.removeEvent, onceCallback);
                return {
                    onceCallback: onceCallback,
                    nodes: nodes
                }
            };
            exports.unsubscribeNodesDisposing = (event, callback, nodes) => {
                _events_engine.default.off(nodes || nodesByEvent(event), _remove.removeEvent, callback)
            }
        },
        86940(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getEventTarget = void 0;
            exports.getEventTarget = event => {
                var _originalEvent$target, _originalEvent$compos;
                const {
                    originalEvent: originalEvent
                } = event;
                if (!originalEvent) {
                    return event.target
                }
                const isShadowDOMUsed = Boolean(null === (_originalEvent$target = originalEvent.target) || void 0 === _originalEvent$target ? void 0 : _originalEvent$target.shadowRoot);
                if (!isShadowDOMUsed) {
                    return originalEvent.target
                }
                const path = originalEvent.path ?? (null === (_originalEvent$compos = originalEvent.composedPath) || void 0 === _originalEvent$compos ? void 0 : _originalEvent$compos.call(originalEvent));
                const target = (null === path || void 0 === path ? void 0 : path[0]) ?? event.target;
                return target
            }
        },
        45510(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ExportLoadPanel = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _load_panel = _interopRequireDefault(__webpack_require__( /*! ../../../ui/load_panel */ 31876));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../../grids/grid_core/m_utils */ 53226));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.ExportLoadPanel = class {
                constructor(component, $targetElement, $container, options) {
                    this._$targetElement = $targetElement;
                    this._$container = $container;
                    this._loadPanel = component._createComponent((0, _renderer.default)("<div>").addClass("dx-export-loadpanel").appendTo(this._$container), _load_panel.default, this.getOptions(options))
                }
                getDefaultOptions() {
                    return {
                        animation: null,
                        shading: false,
                        height: 90,
                        width: 200,
                        container: this._$container
                    }
                }
                getOptions(options) {
                    if ((0, _type.isDefined)(options.text)) {
                        options.message = options.text
                    } else {
                        options.message = _message.default.format("dxDataGrid-exporting")
                    }
                    return (0, _extend.extend)(this.getDefaultOptions(), options)
                }
                show() {
                    this._loadPanel.option("position", _m_utils.default.calculateLoadPanelPosition(this._$targetElement));
                    this._loadPanel.show()
                }
                dispose() {
                    (0, _renderer.default)(this._loadPanel.element()).remove();
                    delete this._loadPanel
                }
            }
        },
        98741(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Export = void 0;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _export_load_panel = __webpack_require__( /*! ../common/export_load_panel */ 45510);
            var _export_format = __webpack_require__( /*! ./export_format */ 28015);
            exports.Export = {
                getFullOptions(options) {
                    const fullOptions = (0, _extend.extend)({}, options);
                    if (!((0, _type.isDefined)(fullOptions.worksheet) && (0, _type.isObject)(fullOptions.worksheet))) {
                        throw Error('The "worksheet" field must contain an object.')
                    }
                    if (!(0, _type.isDefined)(fullOptions.topLeftCell)) {
                        fullOptions.topLeftCell = {
                            row: 1,
                            column: 1
                        }
                    } else if ((0, _type.isString)(fullOptions.topLeftCell)) {
                        const {
                            row: row,
                            col: col
                        } = fullOptions.worksheet.getCell(fullOptions.topLeftCell);
                        fullOptions.topLeftCell = {
                            row: row,
                            column: col
                        }
                    }
                    if (!(0, _type.isDefined)(fullOptions.keepColumnWidths)) {
                        fullOptions.keepColumnWidths = true
                    }
                    if (!(0, _type.isDefined)(fullOptions.loadPanel)) {
                        fullOptions.loadPanel = {}
                    }
                    if (!(0, _type.isDefined)(fullOptions.loadPanel.enabled)) {
                        fullOptions.loadPanel.enabled = true
                    }
                    if (!(0, _type.isDefined)(fullOptions.encodeExecutableContent)) {
                        fullOptions.encodeExecutableContent = false
                    }
                    return fullOptions
                },
                convertDateForExcelJS: date => new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds())),
                setNumberFormat(excelCell, numberFormat) {
                    excelCell.numFmt = numberFormat
                },
                getCellStyles(dataProvider) {
                    const styles = dataProvider.getStyles();
                    styles.forEach(style => {
                        let numberFormat = this.tryConvertToExcelNumberFormat(style.format, style.dataType);
                        if ((0, _type.isDefined)(numberFormat)) {
                            numberFormat = numberFormat.replace(/&quot;/g, '"')
                        }
                        style.numberFormat = numberFormat
                    });
                    return styles
                },
                tryConvertToExcelNumberFormat(format, dataType) {
                    const newFormat = _export_format.ExportFormat.formatObjectConverter(format, dataType);
                    const {
                        currency: currency
                    } = newFormat;
                    format = newFormat.format;
                    dataType = newFormat.dataType;
                    return _export_format.ExportFormat.convertFormat(format, newFormat.precision, dataType, currency)
                },
                setAlignment(excelCell, wrapText, horizontalAlignment) {
                    excelCell.alignment = excelCell.alignment ?? {};
                    if ((0, _type.isDefined)(wrapText)) {
                        excelCell.alignment.wrapText = wrapText
                    }
                    if ((0, _type.isDefined)(horizontalAlignment)) {
                        excelCell.alignment.horizontal = horizontalAlignment
                    }
                    excelCell.alignment.vertical = "top"
                },
                setColumnsWidth(worksheet, widths, startColumnIndex) {
                    if (!(0, _type.isDefined)(widths)) {
                        return
                    }
                    for (let i = 0; i < widths.length; i += 1) {
                        const columnWidth = widths[i];
                        if ("number" === typeof columnWidth && isFinite(columnWidth)) {
                            worksheet.getColumn(startColumnIndex + i).width = Math.min(255, Math.floor(columnWidth / 7 * 100) / 100)
                        }
                    }
                },
                export (options, Helpers, getLoadPanelTargetElement, getLoadPanelContainer) {
                    var _component$_getIntern, _internalComponent$op;
                    const {
                        component: component,
                        worksheet: worksheet,
                        topLeftCell: topLeftCell,
                        keepColumnWidths: keepColumnWidths,
                        selectedRowsOnly: selectedRowsOnly,
                        loadPanel: loadPanel,
                        encodeExecutableContent: encodeExecutableContent
                    } = options;
                    const dataProvider = component.getDataProvider(selectedRowsOnly);
                    const internalComponent = (null === (_component$_getIntern = component._getInternalInstance) || void 0 === _component$_getIntern ? void 0 : _component$_getIntern.call(component)) || component;
                    const initialLoadPanelEnabledOption = null === (_internalComponent$op = internalComponent.option("loadPanel")) || void 0 === _internalComponent$op ? void 0 : _internalComponent$op.enabled;
                    if (initialLoadPanelEnabledOption) {
                        component.option("loadPanel.enabled", false)
                    }
                    let exportLoadPanel;
                    if (loadPanel.enabled && (0, _window.hasWindow)()) {
                        const $targetElement = getLoadPanelTargetElement(component);
                        const $container = getLoadPanelContainer(component);
                        exportLoadPanel = new _export_load_panel.ExportLoadPanel(component, $targetElement, $container, loadPanel);
                        exportLoadPanel.show()
                    }
                    const wrapText = !!component.option("wordWrapEnabled");
                    worksheet.properties.outlineProperties = {
                        summaryBelow: false,
                        summaryRight: false
                    };
                    const cellRange = {
                        from: {
                            row: topLeftCell.row,
                            column: topLeftCell.column
                        },
                        to: {
                            row: topLeftCell.row,
                            column: topLeftCell.column
                        }
                    };
                    return new Promise(resolve => {
                        dataProvider.ready().done(() => {
                            const columns = dataProvider.getColumns();
                            const dataRowsCount = dataProvider.getRowsCount();
                            const helpers = new Helpers(component, dataProvider, worksheet, options);
                            if (keepColumnWidths) {
                                this.setColumnsWidth(worksheet, dataProvider.getColumnsWidths(), cellRange.from.column)
                            }
                            helpers._exportAllFieldHeaders(columns, this.setAlignment);
                            const fieldHeaderRowsCount = helpers._getFieldHeaderRowsCount();
                            cellRange.to.row = cellRange.from.row + fieldHeaderRowsCount;
                            const styles = this.getCellStyles(dataProvider);
                            for (let rowIndex = 0; rowIndex < dataRowsCount; rowIndex += 1) {
                                const currentRowIndex = cellRange.from.row + fieldHeaderRowsCount + rowIndex;
                                const row = worksheet.getRow(currentRowIndex);
                                let startColumnIndex = 0;
                                if (helpers._isRowFieldHeadersRow(rowIndex)) {
                                    startColumnIndex = dataProvider.getRowAreaColCount();
                                    helpers._exportFieldHeaders("row", currentRowIndex, 0, startColumnIndex, this.setAlignment)
                                }
                                helpers._trySetOutlineLevel(row, rowIndex);
                                this.exportRow(dataProvider, helpers, row, rowIndex, startColumnIndex, columns.length, wrapText, styles, encodeExecutableContent);
                                cellRange.to.row = currentRowIndex
                            }
                            helpers.mergedRangesManager.applyMergedRages();
                            cellRange.to.column += columns.length > 0 ? columns.length - 1 : 0;
                            const worksheetViewSettings = worksheet.views[0] || {};
                            if (component.option("rtlEnabled")) {
                                worksheetViewSettings.rightToLeft = true
                            }
                            if (helpers._isFrozenZone(dataProvider)) {
                                if (!Object.keys(worksheetViewSettings).includes("state")) {
                                    (0, _extend.extend)(worksheetViewSettings, helpers._getWorksheetFrozenState(cellRange))
                                }
                                helpers._trySetAutoFilter(cellRange)
                            }
                            if (Object.keys(worksheetViewSettings).length > 0) {
                                worksheet.views = [worksheetViewSettings]
                            }
                            resolve(cellRange)
                        }).always(() => {
                            if (initialLoadPanelEnabledOption) {
                                component.option("loadPanel.enabled", initialLoadPanelEnabledOption)
                            }
                            if (loadPanel.enabled && (0, _window.hasWindow)()) {
                                exportLoadPanel.dispose()
                            }
                        })
                    })
                },
                exportRow(dataProvider, helpers, row, rowIndex, startColumnIndex, columnsCount, wrapText, styles, encodeExecutableContent) {
                    for (let cellIndex = startColumnIndex; cellIndex < columnsCount; cellIndex += 1) {
                        const cellData = dataProvider.getCellData(rowIndex, cellIndex, true);
                        const excelCell = row.getCell(helpers._getFirstColumnIndex() + cellIndex);
                        helpers.mergedRangesManager.updateMergedRanges(excelCell, rowIndex, cellIndex, helpers);
                        const cellInfo = helpers.mergedRangesManager.findMergedCellInfo(rowIndex, cellIndex, helpers._isHeaderCell(rowIndex, cellIndex));
                        if ((0, _type.isDefined)(cellInfo) && excelCell !== cellInfo.masterCell) {
                            excelCell.style = cellInfo.masterCell.style;
                            excelCell.value = cellInfo.masterCell.value
                        } else {
                            if ((0, _type.isDate)(cellData.value)) {
                                excelCell.value = this.convertDateForExcelJS(cellData.value)
                            } else {
                                excelCell.value = cellData.value
                            }
                            if ((0, _type.isDefined)(excelCell.value)) {
                                const {
                                    bold: bold,
                                    alignment: horizontalAlignment,
                                    numberFormat: numberFormat
                                } = styles[dataProvider.getStyleId(rowIndex, cellIndex)];
                                if ((0, _type.isDefined)(numberFormat)) {
                                    this.setNumberFormat(excelCell, numberFormat)
                                } else if ((0, _type.isString)(excelCell.value) && /^[@=+-]/.test(excelCell.value)) {
                                    this.setNumberFormat(excelCell, "@")
                                }
                                helpers._trySetFont(excelCell, bold);
                                this.setAlignment(excelCell, wrapText, horizontalAlignment)
                            }
                        }
                        helpers._customizeCell(excelCell, cellData.cellSourceData);
                        if (encodeExecutableContent) {
                            excelCell.value = _export_format.ExportFormat.encode(excelCell.value)
                        }
                    }
                }
            }
        },
        57391(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.exportDataGrid = function(options) {
                return _export.Export.export(function(options) {
                    if (!((0, _type.isDefined)(options) && (0, _type.isObject)(options))) {
                        throw Error('The "exportDataGrid" method requires a configuration object.')
                    }
                    if (!((0, _type.isDefined)(options.component) && (0, _type.isObject)(options.component) && "dxDataGrid" === options.component.NAME)) {
                        throw Error('The "component" field must contain a DataGrid instance.')
                    }
                    if (!(0, _type.isDefined)(options.selectedRowsOnly)) {
                        options.selectedRowsOnly = false
                    }
                    if (!(0, _type.isDefined)(options.autoFilterEnabled)) {
                        options.autoFilterEnabled = false
                    }
                    return _export.Export.getFullOptions(options)
                }(options), DataGridHelpers, _getLoadPanelTargetElement, _getLoadPanelContainer)
            };
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _export = __webpack_require__( /*! ./export */ 98741);
            var _export_merged_ranges_manager = __webpack_require__( /*! ./export_merged_ranges_manager */ 91189);
            class DataGridHelpers {
                constructor(component, dataProvider, worksheet, options) {
                    this.component = component;
                    this.dataProvider = dataProvider;
                    this.worksheet = worksheet;
                    this.mergedRangesManager = new _export_merged_ranges_manager.MergedRangesManager(dataProvider, worksheet);
                    this.topLeftCell = options.topLeftCell;
                    this.customizeCell = options.customizeCell;
                    this.autoFilterEnabled = options.autoFilterEnabled
                }
                _getFirstColumnIndex() {
                    return this.topLeftCell.column
                }
                _getFieldHeaderRowsCount() {
                    return 0
                }
                _trySetAutoFilter(cellRange) {
                    if (this.autoFilterEnabled) {
                        if (!(0, _type.isDefined)(this.worksheet.autoFilter) && this.dataProvider.getRowsCount() > 0) {
                            const dataRange = {
                                from: {
                                    row: cellRange.from.row + this.dataProvider.getHeaderRowCount() - 1,
                                    column: cellRange.from.column
                                },
                                to: cellRange.to
                            };
                            this.worksheet.autoFilter = dataRange
                        }
                    }
                }
                _trySetFont(excelCell, bold) {
                    if ((0, _type.isDefined)(bold)) {
                        excelCell.font = excelCell.font || {};
                        excelCell.font.bold = bold
                    }
                }
                _getWorksheetFrozenState(cellRange) {
                    return {
                        state: "frozen",
                        ySplit: cellRange.from.row + this.dataProvider.getFrozenArea().y - 1
                    }
                }
                _trySetOutlineLevel(row, rowIndex) {
                    if (rowIndex >= this.dataProvider.getHeaderRowCount()) {
                        row.outlineLevel = this.dataProvider.getGroupLevel(rowIndex)
                    }
                }
                _isFrozenZone(dataProvider) {
                    return dataProvider.getHeaderRowCount() > 0
                }
                _isHeaderCell(rowIndex) {
                    return rowIndex < this.dataProvider.getHeaderRowCount()
                }
                _isInfoCell() {
                    return false
                }
                _allowToMergeRange() {
                    return true
                }
                _getAllFieldHeaders() {
                    return []
                }
                _customizeCell(excelCell, gridCell) {
                    if ((0, _type.isFunction)(this.customizeCell)) {
                        this.customizeCell({
                            excelCell: excelCell,
                            gridCell: gridCell
                        })
                    }
                }
                _exportFieldHeaders() {}
                _exportAllFieldHeaders() {}
                _isRowFieldHeadersRow() {}
            }

            function _getLoadPanelTargetElement(component) {
                return component.getView("rowsView").element()
            }

            function _getLoadPanelContainer(component) {
                return component.getView("rowsView").element().parent()
            }
        },
        28015(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ExportFormat = void 0;
            __webpack_require__( /*! ../../../common/core/localization/currency */ 17333);
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _language_codes = __webpack_require__( /*! ../../../common/core/localization/language_codes */ 64333);
            var _date2 = __webpack_require__( /*! ../../../common/core/localization/ldml/date.format */ 83445);
            var _number = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/number */ 52771));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _string = __webpack_require__( /*! ../../../core/utils/string */ 54497);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DEFINED_NUMBER_FORMTATS = {
                thousands: "#,##0{0},&quot;K&quot;",
                millions: "#,##0{0},,&quot;M&quot;",
                billions: "#,##0{0},,,&quot;B&quot;",
                trillions: "#,##0{0},,,,&quot;T&quot;",
                percent: "0{0}%",
                decimal: "#{0}",
                fixedpoint: "#,##0{0}",
                exponential: "0{0}E+00",
                currency: " "
            };
            const PERIOD_REGEXP = /a+/g;
            const DAY_REGEXP = /E/g;
            const DO_REGEXP = /dE+/g;
            const STANDALONE_MONTH_REGEXP = /L/g;
            const HOUR_REGEXP = /h/g;
            const ANY_REGEXP = /./g;

            function _convertDateFormat(format) {
                const formattedValue = (_date.default.format(new Date(2009, 8, 8, 6, 5, 4), format) || "").toString();
                let result = (0, _date2.getFormat)(value => _date.default.format(value, format));
                if (result) {
                    result = function(format) {
                        return format.split("/").join("\\/").split("'").map((datePart, index) => {
                            if (index % 2 === 0) {
                                return datePart.replace(PERIOD_REGEXP, "AM/PM").replace(DO_REGEXP, "d").replace(DAY_REGEXP, "d").replace(STANDALONE_MONTH_REGEXP, "M").replace(HOUR_REGEXP, "H").split("[").join("\\[").split("]").join("\\]")
                            }
                            if (datePart) {
                                return datePart.replace(ANY_REGEXP, "\\$&")
                            }
                            return "'"
                        }).join("")
                    }(result);
                    result = function(defaultPattern) {
                        const languageID = (0, _language_codes.getLanguageId)();
                        let languageIDStr = languageID ? languageID.toString(16) : "";
                        let languageInfo = "";
                        if (function(text) {
                                let code;
                                for (let i = 0; i < text.length; i += 1) {
                                    code = text.charCodeAt(i);
                                    if (code >= 1632 && code < 1642) {
                                        return true
                                    }
                                }
                                return false
                            }(defaultPattern)) {
                            while (languageIDStr.length < 3) {
                                languageIDStr = `0${languageIDStr}`
                            }
                            languageInfo = `[$-2010${languageIDStr}]`
                        } else if (languageIDStr) {
                            languageInfo = `[$-${languageIDStr}]`
                        }
                        return languageInfo
                    }(formattedValue) + result
                }
                return result
            }

            function _includesCSVExpression(value) {
                if (!value) {
                    return false
                }
                if (/^[@=\t\r]/.test(value)) {
                    return true
                }
                if (!/^[+-]/.test(value)) {
                    return false
                }
                return !(0, _type.isNumeric)(value)
            }
            exports.ExportFormat = {
                formatObjectConverter(format, dataType) {
                    const result = {
                        format: format,
                        precision: null === format || void 0 === format ? void 0 : format.precision,
                        dataType: dataType
                    };
                    if ((0, _type.isObject)(format)) {
                        return (0, _extend.extend)(result, format, {
                            format: format.formatter || format.type,
                            currency: format.currency
                        })
                    }
                    return result
                },
                convertFormat(format, precision, type, currency) {
                    if ((0, _type.isDefined)(format)) {
                        if ("date" === type) {
                            return _convertDateFormat(format)
                        }
                        if ((0, _type.isString)(format) && DEFINED_NUMBER_FORMTATS[format.toLowerCase()]) {
                            return function(format, precision, currency) {
                                let result;
                                let excelFormat;
                                if ("currency" === format) {
                                    excelFormat = _number.default.getOpenXmlCurrencyFormat(currency)
                                } else {
                                    excelFormat = DEFINED_NUMBER_FORMTATS[format.toLowerCase()]
                                }
                                if (excelFormat) {
                                    result = (0, _string.format)(excelFormat, function(format, precision) {
                                        let result;
                                        let i;
                                        if (precision > 0) {
                                            result = "decimal" !== format ? "." : "";
                                            for (i = 0; i < precision; i += 1) {
                                                result += "0"
                                            }
                                            return result
                                        }
                                        return ""
                                    }(format, precision))
                                }
                                return result
                            }(format, precision, currency)
                        }
                    }
                },
                encode(value) {
                    let escaped = false;
                    if (function(value) {
                            if (!value || value.length < 2) {
                                return false
                            }
                            return _includesCSVExpression(value)
                        }(value)) {
                        escaped = true
                    } else if (function(value, textQualifier) {
                            if (!value || value.length < 4 || value[0] !== textQualifier) {
                                return false
                            }
                            return _includesCSVExpression(value.substring(1, value.length - 1))
                        }(value, '"')) {
                        value = value.substring(1, value.length - 1);
                        escaped = true
                    }
                    if (escaped) {
                        const singleTextQualifier = '"';
                        const escapedTextQualifier = '""';
                        return `"'${value.replaceAll(singleTextQualifier,escapedTextQualifier)}"`
                    }
                    return value
                }
            }
        },
        91189(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.MergedRangesManager = void 0;
            exports.MergedRangesManager = class {
                constructor(dataProvider, worksheet) {
                    this.dataProvider = dataProvider;
                    this.worksheet = worksheet;
                    this.mergedCells = [];
                    this.mergedRanges = []
                }
                updateMergedRanges(excelCell, rowIndex, cellIndex, helpers) {
                    if (helpers._isHeaderCell(rowIndex, cellIndex) && !this.isCellInMergedRanges(rowIndex, cellIndex)) {
                        const {
                            rowspan: rowspan,
                            colspan: colspan
                        } = this.dataProvider.getCellMerging(rowIndex, cellIndex);
                        const isMasterCellOfMergedRange = colspan || rowspan;
                        if (isMasterCellOfMergedRange) {
                            const allowToMergeRange = helpers._allowToMergeRange(rowIndex, cellIndex, rowspan, colspan);
                            this.updateMergedCells(excelCell, rowIndex, cellIndex, rowspan, colspan);
                            if (allowToMergeRange) {
                                const shouldReduceInfoRange = helpers._isInfoCell(rowIndex, cellIndex) && helpers._allowExportRowFieldHeaders();
                                this.mergedRanges.push({
                                    masterCell: excelCell,
                                    rowspan: rowspan - (shouldReduceInfoRange && rowspan > 0),
                                    colspan: colspan
                                })
                            }
                        }
                    }
                }
                isCellInMergedRanges(rowIndex, cellIndex) {
                    var _this$mergedCells$row;
                    return null === (_this$mergedCells$row = this.mergedCells[rowIndex]) || void 0 === _this$mergedCells$row ? void 0 : _this$mergedCells$row[cellIndex]
                }
                findMergedCellInfo(rowIndex, cellIndex, isHeaderCell) {
                    if (isHeaderCell && this.isCellInMergedRanges(rowIndex, cellIndex)) {
                        return this.mergedCells[rowIndex][cellIndex]
                    }
                }
                updateMergedCells(excelCell, rowIndex, cellIndex, rowspan, colspan) {
                    for (let i = rowIndex; i <= rowIndex + rowspan; i += 1) {
                        for (let j = cellIndex; j <= cellIndex + colspan; j += 1) {
                            if (!this.mergedCells[i]) {
                                this.mergedCells[i] = []
                            }
                            this.mergedCells[i][j] = {
                                masterCell: excelCell
                            }
                        }
                    }
                }
                addMergedRange(masterCell, rowspan, colspan) {
                    this.mergedRanges.push({
                        masterCell: masterCell,
                        rowspan: rowspan,
                        colspan: colspan
                    })
                }
                applyMergedRages() {
                    this.mergedRanges.forEach(range => {
                        const startRowIndex = range.masterCell.fullAddress.row;
                        const startColumnIndex = range.masterCell.fullAddress.col;
                        const endRowIndex = startRowIndex + range.rowspan;
                        const endColumnIndex = startColumnIndex + range.colspan;
                        this.worksheet.mergeCells(startRowIndex, startColumnIndex, endRowIndex, endColumnIndex)
                    })
                }
            }
        },
        60457(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.exportPivotGrid = function(options) {
                return _export.Export.export(function(options) {
                    if (!((0, _type.isDefined)(options) && (0, _type.isObject)(options))) {
                        throw Error('The "exportPivotGrid" method requires a configuration object.')
                    }
                    if (!((0, _type.isDefined)(options.component) && (0, _type.isObject)(options.component) && "dxPivotGrid" === options.component.NAME)) {
                        throw Error('The "component" field must contain a PivotGrid instance.')
                    }
                    if (!(0, _type.isDefined)(options.mergeRowFieldValues)) {
                        options.mergeRowFieldValues = true
                    }
                    if (!(0, _type.isDefined)(options.mergeColumnFieldValues)) {
                        options.mergeColumnFieldValues = true
                    }
                    if (!(0, _type.isDefined)(options.exportDataFieldHeaders)) {
                        options.exportDataFieldHeaders = false
                    }
                    if (!(0, _type.isDefined)(options.exportRowFieldHeaders)) {
                        options.exportRowFieldHeaders = false
                    }
                    if (!(0, _type.isDefined)(options.exportColumnFieldHeaders)) {
                        options.exportColumnFieldHeaders = false
                    }
                    if (!(0, _type.isDefined)(options.exportFilterFieldHeaders)) {
                        options.exportFilterFieldHeaders = false
                    }
                    return _export.Export.getFullOptions(options)
                }(options), PivotGridHelpers, _getLoadPanelTargetElement, _getLoadPanelContainer)
            };
            var _inflector = __webpack_require__( /*! ../../../core/utils/inflector */ 53124);
            var _position = __webpack_require__( /*! ../../../core/utils/position */ 41639);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _export = __webpack_require__( /*! ./export */ 98741);
            var _export_merged_ranges_manager = __webpack_require__( /*! ./export_merged_ranges_manager */ 91189);
            class PivotGridHelpers {
                constructor(component, dataProvider, worksheet, options) {
                    this.component = component;
                    this.dataProvider = dataProvider;
                    this.worksheet = worksheet;
                    this.mergedRangesManager = new _export_merged_ranges_manager.MergedRangesManager(dataProvider, worksheet);
                    this.topLeftCell = options.topLeftCell;
                    this.customizeCell = options.customizeCell;
                    this.mergeColumnFieldValues = options.mergeColumnFieldValues;
                    this.mergeRowFieldValues = options.mergeRowFieldValues;
                    this.exportFilterFieldHeaders = options.exportFilterFieldHeaders;
                    this.exportDataFieldHeaders = options.exportDataFieldHeaders;
                    this.exportColumnFieldHeaders = options.exportColumnFieldHeaders;
                    this.exportRowFieldHeaders = options.exportRowFieldHeaders;
                    this.rtlEnabled = component.option("rtlEnabled");
                    this.rowHeaderLayout = component.option("rowHeaderLayout");
                    this.wrapText = !!component.option("wordWrapEnabled");
                    this.filterFieldHeaders = this._tryGetFieldHeaders("filter");
                    this.dataFieldHeaders = this._tryGetFieldHeaders("data");
                    this.columnFieldHeaders = this._tryGetFieldHeaders("column");
                    this.rowFieldHeaders = this._tryGetFieldHeaders("row")
                }
                _getFirstColumnIndex() {
                    return this.topLeftCell.column
                }
                _getWorksheetFrozenState(cellRange) {
                    const {
                        x: x,
                        y: y
                    } = this.dataProvider.getFrozenArea();
                    return {
                        state: "frozen",
                        xSplit: cellRange.from.column + x - 1,
                        ySplit: cellRange.from.row + y + this._getFieldHeaderRowsCount() - 1
                    }
                }
                _getFieldHeaderRowsCount() {
                    return 0 + this._allowExportFilterFieldHeaders() + (this._allowExportDataFieldHeaders() || this._allowExportColumnFieldHeaders())
                }
                _isFrozenZone() {
                    return true
                }
                _isHeaderCell(rowIndex, cellIndex) {
                    return rowIndex < this.dataProvider.getColumnAreaRowCount() || cellIndex < this.dataProvider.getRowAreaColCount()
                }
                _getDefaultFieldHeaderCellsData(value) {
                    return {
                        text: value,
                        value: value
                    }
                }
                _isInfoCell(rowIndex, cellIndex) {
                    return rowIndex < this.dataProvider.getColumnAreaRowCount() && cellIndex < this.dataProvider.getRowAreaColCount()
                }
                _allowToMergeRange(rowIndex, cellIndex, rowspan, colspan) {
                    return !(this.dataProvider.isColumnAreaCell(rowIndex, cellIndex) && !this.mergeColumnFieldValues && !!colspan || this.dataProvider.isRowAreaCell(rowIndex, cellIndex) && !this.mergeRowFieldValues && !!rowspan)
                }
                _trySetAutoFilter() {}
                _trySetFont(excelCell, bold) {
                    if ((0, _type.isDefined)(bold)) {
                        excelCell.font = excelCell.font || {};
                        excelCell.font.bold = bold
                    }
                }
                _getFieldHeaderStyles() {
                    const borderStyle = {
                        style: "thin",
                        color: {
                            argb: "FF7E7E7E"
                        }
                    };
                    return {
                        alignment: (0, _position.getDefaultAlignment)(this.rtlEnabled),
                        bold: true,
                        border: {
                            bottom: borderStyle,
                            left: borderStyle,
                            right: borderStyle,
                            top: borderStyle
                        }
                    }
                }
                _trySetOutlineLevel() {}
                _getAllFieldHeaders() {
                    return this.dataProvider._exportController.getDataSource()._descriptions
                }
                _tryGetFieldHeaders(area) {
                    if (!this[`export${(0,_inflector.camelize)(area,true)}FieldHeaders`]) {
                        return []
                    }
                    const fields = this._getAllFieldHeaders()["data" === area ? "values" : `${area}s`].filter(fieldHeader => fieldHeader.area === area && false !== fieldHeader.visible);
                    if ("right" === (0, _position.getDefaultAlignment)(this.rtlEnabled)) {
                        fields.sort((a, b) => b.areaIndex - a.areaIndex)
                    }
                    return fields.map(field => field.caption)
                }
                _customizeCell(excelCell, pivotCell, shouldPreventCall) {
                    if ((0, _type.isFunction)(this.customizeCell) && !shouldPreventCall) {
                        this.customizeCell({
                            excelCell: excelCell,
                            pivotCell: pivotCell
                        })
                    }
                }
                _isRowFieldHeadersRow(rowIndex) {
                    const isLastInfoRangeCell = this._isInfoCell(rowIndex, 0) && "row" === this.dataProvider.getCellData(rowIndex + 1, 0, true).cellSourceData.area;
                    return this._allowExportRowFieldHeaders() && isLastInfoRangeCell
                }
                _exportAllFieldHeaders(columns, setAlignment) {
                    const totalCellsCount = columns.length;
                    const rowAreaColCount = this.dataProvider.getRowAreaColCount();
                    let rowIndex = this.topLeftCell.row;
                    if (this._allowExportFilterFieldHeaders()) {
                        this._exportFieldHeaders("filter", rowIndex, 0, totalCellsCount, setAlignment);
                        rowIndex += 1
                    }
                    if (this._allowExportDataFieldHeaders()) {
                        this._exportFieldHeaders("data", rowIndex, 0, rowAreaColCount, setAlignment);
                        if (!this._allowExportColumnFieldHeaders()) {
                            this._exportFieldHeaders("column", rowIndex, rowAreaColCount, totalCellsCount - rowAreaColCount, setAlignment)
                        }
                    }
                    if (this._allowExportColumnFieldHeaders()) {
                        if (!this._allowExportDataFieldHeaders()) {
                            this._exportFieldHeaders("data", rowIndex, 0, rowAreaColCount, setAlignment)
                        }
                        this._exportFieldHeaders("column", rowIndex, rowAreaColCount, totalCellsCount - rowAreaColCount, setAlignment)
                    }
                }
                _exportFieldHeaders(area, rowIndex, startColumnIndex, totalColumnsCount, setAlignment) {
                    const fieldHeaders = this[`${area}FieldHeaders`];
                    const row = this.worksheet.getRow(rowIndex);
                    const shouldMergeHeaderField = "row" !== area || "row" === area && "tree" === this.rowHeaderLayout;
                    if (shouldMergeHeaderField) {
                        this.mergedRangesManager.addMergedRange(row.getCell(this.topLeftCell.column + startColumnIndex), 0, totalColumnsCount - 1)
                    }
                    for (let cellIndex = 0; cellIndex < totalColumnsCount; cellIndex += 1) {
                        const excelCell = row.getCell(this.topLeftCell.column + startColumnIndex + cellIndex);
                        const values = fieldHeaders;
                        let cellData = [];
                        const value = values.length > totalColumnsCount || shouldMergeHeaderField ? values.join(", ") : values[cellIndex];
                        cellData = Object.assign({}, this._getDefaultFieldHeaderCellsData(value), {
                            headerType: area
                        });
                        excelCell.value = value;
                        this._applyHeaderStyles(excelCell, setAlignment);
                        this._customizeCell(excelCell, cellData)
                    }
                }
                _applyHeaderStyles(excelCell, setAlignment) {
                    const {
                        bold: bold,
                        alignment: alignment,
                        border: border
                    } = this._getFieldHeaderStyles();
                    this._trySetFont(excelCell, bold);
                    setAlignment(excelCell, this.wrapText, alignment);
                    excelCell.border = border
                }
                _allowExportRowFieldHeaders() {
                    return this.rowFieldHeaders.length > 0
                }
                _allowExportFilterFieldHeaders() {
                    return this.filterFieldHeaders.length > 0
                }
                _allowExportDataFieldHeaders() {
                    return this.dataFieldHeaders.length > 0
                }
                _allowExportColumnFieldHeaders() {
                    return this.columnFieldHeaders.length > 0
                }
            }

            function _getLoadPanelTargetElement(component) {
                return component._dataArea.groupElement()
            }

            function _getLoadPanelContainer(component) {
                return component.$element()
            }
        },
        47486(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.fileSaver = exports.MIME_TYPES = void 0;
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../core/dom_adapter */ 64960));
            var _console = __webpack_require__( /*! ../../core/utils/console */ 31951);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../ui/widget/ui.errors */ 35185));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const navigator = (0, _window.getNavigator)();
            const FILE_EXTESIONS = {
                EXCEL: "xlsx",
                CSS: "css",
                PNG: "png",
                JPEG: "jpeg",
                GIF: "gif",
                SVG: "svg",
                PDF: "pdf"
            };
            const MIME_TYPES = exports.MIME_TYPES = {
                CSS: "text/css",
                EXCEL: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
                PNG: "image/png",
                JPEG: "image/jpeg",
                GIF: "image/gif",
                SVG: "image/svg+xml",
                PDF: "application/pdf"
            };
            exports.fileSaver = {
                _revokeObjectURLTimeout: 3e4,
                _getDataUri(format, data) {
                    const mimeType = this._getMimeType(format);
                    return `data:${mimeType};base64,${data}`
                },
                _getMimeType: format => MIME_TYPES[format] || "application/octet-stream",
                _linkDownloader(fileName, href) {
                    const exportLinkElement = _dom_adapter.default.createElement("a");
                    exportLinkElement.download = fileName;
                    exportLinkElement.href = href;
                    exportLinkElement.target = "_blank";
                    return exportLinkElement
                },
                _winJSBlobSave(blob, fileName, format) {
                    const savePicker = new Windows.Storage.Pickers.FileSavePicker;
                    savePicker.suggestedStartLocation = Windows.Storage.Pickers.PickerLocationId.documentsLibrary;
                    const fileExtension = FILE_EXTESIONS[format];
                    if (fileExtension) {
                        const mimeType = this._getMimeType(format);
                        savePicker.fileTypeChoices.insert(mimeType, [`.${fileExtension}`])
                    }
                    savePicker.suggestedFileName = fileName;
                    savePicker.pickSaveFileAsync().then(file => {
                        if (file) {
                            file.openAsync(Windows.Storage.FileAccessMode.readWrite).then(outputStream => {
                                const inputStream = blob.msDetachStream();
                                Windows.Storage.Streams.RandomAccessStream.copyAsync(inputStream, outputStream).then(() => {
                                    outputStream.flushAsync().done(() => {
                                        inputStream.close();
                                        outputStream.close()
                                    })
                                })
                            })
                        }
                    })
                },
                _click(link) {
                    try {
                        link.dispatchEvent(new MouseEvent("click", {
                            cancelable: true
                        }))
                    } catch (e) {
                        const event = _dom_adapter.default.getDocument().createEvent("MouseEvents");
                        event.initMouseEvent("click", true, true, window, 0, 0, 0, 80, 20, false, false, false, false, 0, null);
                        link.dispatchEvent(event)
                    }
                },
                _saveBlobAs(fileName, format, data) {
                    this._blobSaved = false;
                    if ((0, _type.isDefined)(navigator.msSaveOrOpenBlob)) {
                        navigator.msSaveOrOpenBlob(data, fileName);
                        this._blobSaved = true
                    } else if ((0, _type.isDefined)(window.WinJS)) {
                        this._winJSBlobSave(data, fileName, format);
                        this._blobSaved = true
                    } else {
                        const URL = window.URL || window.webkitURL || window.mozURL || window.msURL || window.oURL;
                        if ((0, _type.isDefined)(URL)) {
                            const objectURL = URL.createObjectURL(data);
                            const downloadLink = this._linkDownloader(fileName, objectURL);
                            setTimeout(() => {
                                URL.revokeObjectURL(objectURL);
                                this._objectUrlRevoked = true
                            }, this._revokeObjectURLTimeout);
                            this._click(downloadLink)
                        } else {
                            _console.logger.warn("window.URL || window.webkitURL || window.mozURL || window.msURL || window.oURL is not defined")
                        }
                    }
                },
                saveAs(fileName, format, data) {
                    const fileExtension = FILE_EXTESIONS[format];
                    if (fileExtension) {
                        fileName += `.${fileExtension}`
                    }
                    if ((0, _type.isFunction)(window.Blob)) {
                        this._saveBlobAs(fileName, format, data)
                    } else {
                        if (!(0, _type.isDefined)(/iPad/i.exec(navigator.userAgent))) {
                            _ui.default.log("E1034")
                        }
                        const downloadLink = this._linkDownloader(fileName, this._getDataUri(format, data));
                        this._click(downloadLink)
                    }
                }
            }
        },
        80146(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.calcScaledInfo = calcScaledInfo;
            exports.getData = function(data, options) {
                return imageCreator.getData(data, options)
            };
            exports.imageCreator = void 0;
            exports.testFormats = function(formats) {
                const canvas = imageCreator._createCanvas(100, 100, 0);
                return formats.reduce((r, f) => {
                    const mimeType = `image/${f}`.toLowerCase();
                    if (-1 !== canvas.toDataURL(mimeType).indexOf(mimeType)) {
                        r.supported.push(f)
                    } else {
                        r.unsupported.push(f)
                    }
                    return r
                }, {
                    supported: [],
                    unsupported: []
                })
            };
            var _color = _interopRequireDefault(__webpack_require__( /*! ../../color */ 43101));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _dom = __webpack_require__( /*! ../../core/utils/dom */ 86858);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _inflector = __webpack_require__( /*! ../../core/utils/inflector */ 53124);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _m_svg = _interopRequireDefault(__webpack_require__( /*! ../core/utils/m_svg */ 89650));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const _math = Math;
            const {
                PI: PI
            } = _math;
            const _min = _math.min;
            const _abs = _math.abs;
            const _sqrt = _math.sqrt;
            _math.pow;
            const _atan2 = _math.atan2;
            const _cos = _math.cos;
            const _sin = _math.sin;
            const _number = Number;
            let parseAttributes;

            function arcTo(x1, y1, x2, y2, radius, largeArcFlag, clockwise, context) {
                const cBx = (x1 + x2) / 2;
                const cBy = (y1 + y2) / 2;
                let aB = _atan2(y1 - y2, x1 - x2);
                const k = largeArcFlag ? 1 : -1;
                aB += PI / 180 * 90 * (clockwise ? 1 : -1);
                const opSide = _sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2) / 2;
                const adjSide = _sqrt(_abs(radius ** 2 - opSide ** 2));
                const centerX = cBx + k * (adjSide * _cos(aB));
                const centerY = cBy + k * (adjSide * _sin(aB));
                const startAngle = _atan2(y1 - centerY, x1 - centerX);
                const endAngle = _atan2(y2 - centerY, x2 - centerX);
                context.arc(centerX, centerY, radius, startAngle, endAngle, !clockwise)
            }

            function getElementOptions(element, rootAppended) {
                const attr = parseAttributes(element.attributes || {});
                const options = (0, _extend.extend)({}, attr, {
                    text: element.textContent.replace(/\s+/g, " "),
                    textAlign: "middle" === attr["text-anchor"] ? "center" : attr["text-anchor"]
                });
                const {
                    transform: transform
                } = attr;
                let coords;
                if (transform) {
                    coords = transform.match(/translate\(-*\d+([.]\d+)*(,*\s*-*\d+([.]\d+)*)*/);
                    if (coords) {
                        coords = coords[0].match(/-*\d+([.]\d+)*/g);
                        options.translateX = _number(coords[0]);
                        options.translateY = coords[1] ? _number(coords[1]) : 0
                    }
                    coords = transform.match(/rotate\(-*\d+([.]\d+)*(,*\s*-*\d+([.]\d+)*,*\s*-*\d+([.]\d+)*)*/);
                    if (coords) {
                        coords = coords[0].match(/-*\d+([.]\d+)*/g);
                        options.rotationAngle = _number(coords[0]);
                        options.rotationX = coords[1] && _number(coords[1]);
                        options.rotationY = coords[2] && _number(coords[2])
                    }
                    coords = transform.match(/scale\(-*\d+([.]\d+)*(,*\s*-*\d+([.]\d+)*)*/);
                    if (coords) {
                        coords = coords[0].match(/-*\d+([.]\d+)*/g);
                        options.scaleX = _number(coords[0]);
                        if (coords.length > 1) {
                            options.scaleY = _number(coords[1])
                        } else {
                            options.scaleY = options.scaleX
                        }
                    }
                }! function(element, options, rootAppended) {
                    let style = element.style || {};
                    let field;
                    for (field in style) {
                        if ("" !== style[field]) {
                            options[(0, _inflector.camelize)(field)] = style[field]
                        }
                    }
                    if (rootAppended && _dom_adapter.default.isElementNode(element)) {
                        style = window.getComputedStyle(element);
                        ["fill", "stroke", "stroke-width", "font-family", "font-size", "font-style", "font-weight"].forEach(prop => {
                            if (prop in style && "" !== style[prop]) {
                                options[(0, _inflector.camelize)(prop)] = style[prop]
                            }
                        });
                        ["opacity", "fill-opacity", "stroke-opacity"].forEach(prop => {
                            if (prop in style && "" !== style[prop] && "1" !== style[prop]) {
                                options[prop] = _number(style[prop])
                            }
                        })
                    }
                    options.textDecoration = options.textDecoration || options.textDecorationLine;
                    options.globalAlpha = (0, _type.isDefined)(options.opacity) ? options.opacity : options.globalAlpha
                }(element, options, rootAppended);
                return options
            }

            function parseUrl(urlString) {
                const matches = null === urlString || void 0 === urlString ? void 0 : urlString.match(/url\(.*#(.*?)["']?\)/i);
                return null === matches || void 0 === matches ? void 0 : matches[1]
            }

            function setFontStyle(context, options) {
                const fontParams = [];
                options.fontSize = options.fontSize || "10px";
                options.fontFamily = options.fontFamily || "sans-serif";
                options.fill = options.fill || "#000";
                options.fontStyle && fontParams.push(options.fontStyle);
                options.fontWeight && fontParams.push(options.fontWeight);
                fontParams.push(options.fontSize);
                fontParams.push(options.fontFamily);
                context.font = fontParams.join(" ");
                context.textAlign = options.textAlign;
                context.fillStyle = options.fill;
                context.globalAlpha = options.globalAlpha
            }

            function drawText(context, options, shared) {
                setFontStyle(context, options);
                applyFilter(context, options, shared);
                options.text && context.fillText(options.text, options.x || 0, options.y || 0);
                strokeElement(context, options, true);
                ! function(context, options, shared) {
                    if (!options.textDecoration || "none" === options.textDecoration) {
                        return
                    }
                    const {
                        x: x
                    } = options;
                    const textWidth = context.measureText(options.text).width;
                    const textHeight = parseInt(options.fontSize, 10);
                    const lineHeight = .05 * textHeight < 1 ? 1 : .05 * textHeight;
                    let {
                        y: y
                    } = options;
                    switch (options.textDecoration) {
                        case "line-through":
                            y -= textHeight / 3 + lineHeight / 2;
                            break;
                        case "overline":
                            y -= textHeight - lineHeight;
                            break;
                        case "underline":
                            y += lineHeight
                    }
                    context.rect(x, y, textWidth, lineHeight);
                    fillElement(context, options, shared);
                    strokeElement(context, options)
                }(context, options, shared)
            }

            function hasTspan(element) {
                const nodes = element.childNodes;
                for (let i = 0; i < nodes.length; i++) {
                    if ("tspan" === nodes[i].tagName) {
                        return true
                    }
                }
                return false
            }

            function drawTextElement(childNodes, context, options, shared) {
                const lines = [];
                let line;
                let offset = 0;
                for (let i = 0; i < childNodes.length; i++) {
                    const element = childNodes[i];
                    if (void 0 === element.tagName) {
                        drawElement(element, context, options, shared)
                    } else if ("tspan" === element.tagName || "text" === element.tagName) {
                        const elementOptions = getElementOptions(element, shared.rootAppended);
                        const mergedOptions = (0, _extend.extend)({}, options, elementOptions);
                        if ("tspan" === element.tagName && hasTspan(element)) {
                            drawTextElement(element.childNodes, context, mergedOptions, shared);
                            continue
                        }
                        mergedOptions.textAlign = "start";
                        if (!line || void 0 !== elementOptions.x) {
                            line = {
                                elements: [],
                                options: [],
                                widths: [],
                                offsets: []
                            };
                            lines.push(line)
                        }
                        if (void 0 !== elementOptions.y) {
                            offset = 0
                        }
                        if (void 0 !== elementOptions.dy) {
                            offset += parseFloat(elementOptions.dy)
                        }
                        line.elements.push(element);
                        line.options.push(mergedOptions);
                        line.offsets.push(offset);
                        setFontStyle(context, mergedOptions);
                        line.widths.push(context.measureText(mergedOptions.text).width)
                    }
                }
                lines.forEach(line => {
                    const commonWidth = line.widths.reduce((commonWidth, width) => commonWidth + width, 0);
                    let xDiff = 0;
                    let currentOffset = 0;
                    if ("center" === options.textAlign) {
                        xDiff = commonWidth / 2
                    }
                    if ("end" === options.textAlign) {
                        xDiff = commonWidth
                    }
                    line.options.forEach((o, index) => {
                        const width = line.widths[index];
                        o.x = o.x - xDiff + currentOffset;
                        o.y += line.offsets[index];
                        currentOffset += width
                    });
                    line.elements.forEach((element, index) => {
                        drawTextElement(element.childNodes, context, line.options[index], shared)
                    })
                })
            }

            function drawElement(element, context, parentOptions, shared) {
                const {
                    tagName: tagName
                } = element;
                const isText = "text" === tagName || "tspan" === tagName || void 0 === tagName;
                const isImage = "image" === tagName;
                const isComment = 8 === element.nodeType;
                const options = (0, _extend.extend)({}, parentOptions, getElementOptions(element, shared.rootAppended));
                if ("hidden" === options.visibility || options[_m_svg.default.HIDDEN_FOR_EXPORT] || isComment) {
                    return
                }
                context.save();
                !isImage && transformElement(context, options);
                clipElement(context, options, shared);
                ! function(options) {
                    options.strokeOpacity = void 0 !== options["stroke-opacity"] ? options["stroke-opacity"] : 1;
                    options.fillOpacity = void 0 !== options["fill-opacity"] ? options["fill-opacity"] : 1;
                    if (void 0 !== options.opacity) {
                        options.strokeOpacity *= options.opacity;
                        options.fillOpacity *= options.opacity
                    }
                }(options);
                let promise;
                context.beginPath();
                switch (element.tagName) {
                    case void 0:
                        drawText(context, options, shared);
                        break;
                    case "text":
                    case "tspan":
                        drawTextElement(element.childNodes, context, options, shared);
                        break;
                    case "image":
                        promise = function(context, options, shared) {
                            const d = (0, _deferred.Deferred)();
                            const image = new window.Image;
                            image.onload = function() {
                                context.save();
                                context.globalAlpha = options.globalAlpha;
                                transformElement(context, options);
                                clipElement(context, options, shared);
                                context.drawImage(image, options.x || 0, options.y || 0, options.width, options.height);
                                context.restore();
                                d.resolve()
                            };
                            image.onerror = function() {
                                d.resolve()
                            };
                            image.setAttribute("crossOrigin", "anonymous");
                            image.src = options.href || options["xlink:href"];
                            return d
                        }(context, options, shared);
                        break;
                    case "path":
                        ! function(context, dAttr) {
                            const dArray = dAttr.replace(/,/g, " ").split(/([A-Z])/i).filter(item => "" !== item.trim());
                            let i = 0;
                            let params;
                            let prevParams;
                            let prevParamsLen;
                            do {
                                params = (dArray[i + 1] || "").trim().split(" ");
                                switch (dArray[i]) {
                                    case "M":
                                        context.moveTo(_number(params[0]), _number(params[1]));
                                        i += 2;
                                        break;
                                    case "L":
                                        for (let j = 0; j < params.length / 2; j++) {
                                            context.lineTo(_number(params[2 * j]), _number(params[2 * j + 1]))
                                        }
                                        i += 2;
                                        break;
                                    case "C":
                                        context.bezierCurveTo(_number(params[0]), _number(params[1]), _number(params[2]), _number(params[3]), _number(params[4]), _number(params[5]));
                                        i += 2;
                                        break;
                                    case "a":
                                        prevParams = dArray[i - 1].trim().split(" ");
                                        prevParamsLen = prevParams.length - 1;
                                        arcTo(_number(prevParams[prevParamsLen - 1]), _number(prevParams[prevParamsLen]), _number(prevParams[prevParamsLen - 1]) + _number(params[5]), _number(prevParams[prevParamsLen]) + _number(params[6]), _number(params[0]), _number(params[3]), _number(params[4]), context);
                                        i += 2;
                                        break;
                                    case "A":
                                        prevParams = dArray[i - 1].trim().split(" ");
                                        prevParamsLen = prevParams.length - 1;
                                        arcTo(_number(prevParams[prevParamsLen - 1]), _number(prevParams[prevParamsLen]), _number(params[5]), _number(params[6]), _number(params[0]), _number(params[3]), _number(params[4]), context);
                                        i += 2;
                                        break;
                                    case "Z":
                                        context.closePath();
                                        i += 1;
                                        break;
                                    default:
                                        i++
                                }
                            } while (i < dArray.length)
                        }(context, options.d);
                        break;
                    case "rect":
                        ! function(context, options) {
                            const {
                                x: x
                            } = options;
                            const {
                                y: y
                            } = options;
                            const {
                                width: width
                            } = options;
                            const {
                                height: height
                            } = options;
                            let cornerRadius = options.rx;
                            if (!cornerRadius) {
                                context.rect(x, y, width, height)
                            } else {
                                cornerRadius = _min(cornerRadius, width / 2, height / 2);
                                context.save();
                                context.translate(x, y);
                                context.moveTo(width / 2, 0);
                                context.arcTo(width, 0, width, height, cornerRadius);
                                context.arcTo(width, height, 0, height, cornerRadius);
                                context.arcTo(0, height, 0, 0, cornerRadius);
                                context.arcTo(0, 0, cornerRadius, 0, cornerRadius);
                                context.lineTo(width / 2, 0);
                                context.restore()
                            }
                        }(context, options);
                        context.closePath();
                        break;
                    case "circle":
                        context.arc(options.cx, options.cy, options.r, 0, 2 * PI, 1)
                }
                if (!isText) {
                    applyFilter(context, options, shared);
                    if (!isImage) {
                        promise = fillElement(context, options, shared)
                    }
                    strokeElement(context, options)
                }
                applyGradient(context, options, shared, element, "linear");
                applyGradient(context, options, shared, element, "radial");
                context.restore();
                return promise
            }

            function applyGradient(context, options, _ref, element, type) {
                let {
                    linearGradients: linearGradients,
                    radialGradients: radialGradients
                } = _ref;
                const gradients = "linear" === type ? linearGradients : radialGradients;
                if (0 === Object.keys(gradients).length) {
                    return
                }
                const id = parseUrl(options.fill);
                if (id && gradients[id]) {
                    const box = element.getBBox();
                    const horizontalCenter = box.x + box.width / 2;
                    const verticalCenter = box.y + box.height / 2;
                    const maxRadius = Math.max(box.height / 2, box.width / 2);
                    const gradient = "linear" === type ? context.createLinearGradient(box.x, 0, box.x + box.width, 0) : context.createRadialGradient(horizontalCenter, verticalCenter, 0, horizontalCenter, verticalCenter, maxRadius);
                    gradients[id].colors.forEach(opt => {
                        const offset = parseInt(opt.offset.replace(/%/, ""));
                        gradient.addColorStop(offset / 100, opt.stopColor)
                    });
                    if ("linear" === type) {
                        var _gradients$id$transfo;
                        const angle = ((null === (_gradients$id$transfo = gradients[id].transform) || void 0 === _gradients$id$transfo ? void 0 : _gradients$id$transfo.replace(/\D/g, "")) || 0) * Math.PI / 180;
                        context.translate(horizontalCenter, verticalCenter);
                        context.rotate(angle);
                        context.translate(-horizontalCenter, -verticalCenter)
                    }
                    context.globalAlpha = options.opacity;
                    context.fillStyle = gradient;
                    context.fill()
                }
            }

            function applyFilter(context, options, shared) {
                let filterOptions;
                const id = parseUrl(options.filter);
                if (id) {
                    filterOptions = shared.filters[id];
                    if (!filterOptions) {
                        filterOptions = {
                            offsetX: 0,
                            offsetY: 0,
                            blur: 0,
                            color: "#000"
                        }
                    }
                    context.shadowOffsetX = filterOptions.offsetX;
                    context.shadowOffsetY = filterOptions.offsetY;
                    context.shadowColor = filterOptions.color;
                    context.shadowBlur = filterOptions.blur
                }
            }

            function transformElement(context, options) {
                context.translate(options.translateX || 0, options.translateY || 0);
                options.translateX = void 0;
                options.translateY = void 0;
                if (options.rotationAngle) {
                    context.translate(options.rotationX || 0, options.rotationY || 0);
                    context.rotate(options.rotationAngle * PI / 180);
                    context.translate(-(options.rotationX || 0), -(options.rotationY || 0));
                    options.rotationAngle = void 0;
                    options.rotationX = void 0;
                    options.rotationY = void 0
                }
                if (isFinite(options.scaleX)) {
                    context.scale(options.scaleX, options.scaleY);
                    options.scaleX = void 0;
                    options.scaleY = void 0
                }
            }

            function clipElement(context, options, shared) {
                if (options["clip-path"]) {
                    drawElement(shared.clipPaths[parseUrl(options["clip-path"])], context, {}, shared);
                    context.clip();
                    options["clip-path"] = void 0
                }
            }

            function createGradient(element) {
                var _element$attributes$g;
                const options = {
                    colors: [],
                    transform: null === (_element$attributes$g = element.attributes.gradientTransform) || void 0 === _element$attributes$g ? void 0 : _element$attributes$g.textContent
                };
                (0, _iterator.each)(element.childNodes, (_, _ref2) => {
                    let {
                        attributes: attributes
                    } = _ref2;
                    options.colors.push({
                        offset: attributes.offset.value,
                        stopColor: attributes["stop-color"].value
                    })
                });
                return options
            }

            function createFilter(element) {
                let color;
                let opacity;
                const filterOptions = {};
                (0, _iterator.each)(element.childNodes, (_, node) => {
                    const attr = node.attributes;
                    if (!attr.result) {
                        return
                    }
                    switch (attr.result.value) {
                        case "gaussianBlurResult":
                            filterOptions.blur = _number(attr.stdDeviation.value);
                            break;
                        case "offsetResult":
                            filterOptions.offsetX = _number(attr.dx.value);
                            filterOptions.offsetY = _number(attr.dy.value);
                            break;
                        case "floodResult":
                            color = attr["flood-color"] ? attr["flood-color"].value : "#000";
                            opacity = attr["flood-opacity"] ? attr["flood-opacity"].value : 1;
                            filterOptions.color = function(hexColor, alpha) {
                                const color = new _color.default(hexColor);
                                return `rgba(${color.r},${color.g},${color.b},${alpha})`
                            }(color, opacity)
                    }
                });
                return filterOptions
            }

            function asyncEach(array, callback) {
                let d = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : (0, _deferred.Deferred)();
                let i = 0;
                for (; i < array.length; i++) {
                    const result = callback(array[i]);
                    if ((0, _type.isPromise)(result)) {
                        result.then(() => {
                            asyncEach(Array.prototype.slice.call(array, i + 1), callback, d)
                        });
                        break
                    }
                }
                if (i === array.length) {
                    d.resolve()
                }
                return d
            }

            function drawCanvasElements(elements, context, parentOptions, shared) {
                return asyncEach(elements, element => {
                    var _element$tagName;
                    switch (null === (_element$tagName = element.tagName) || void 0 === _element$tagName ? void 0 : _element$tagName.toLowerCase()) {
                        case "g":
                        case "svg": {
                            const options = (0, _extend.extend)({}, parentOptions, getElementOptions(element, shared.rootAppended));
                            context.save();
                            transformElement(context, options);
                            clipElement(context, options, shared);
                            const onDone = () => {
                                context.restore()
                            };
                            const promise = drawCanvasElements(element.childNodes, context, options, shared);
                            if ((0, _type.isPromise)(promise)) {
                                promise.then(onDone)
                            } else {
                                onDone()
                            }
                            return promise
                        }
                        case "defs":
                            return drawCanvasElements(element.childNodes, context, {}, shared);
                        case "clippath":
                            shared.clipPaths[element.attributes.id.textContent] = element.childNodes[0];
                            break;
                        case "pattern":
                            shared.patterns[element.attributes.id.textContent] = element;
                            break;
                        case "filter":
                            shared.filters[element.id] = createFilter(element);
                            break;
                        case "lineargradient":
                            shared.linearGradients[element.attributes.id.textContent] = createGradient(element);
                            break;
                        case "radialgradient":
                            shared.radialGradients[element.attributes.id.textContent] = createGradient(element);
                            break;
                        default:
                            return drawElement(element, context, parentOptions, shared)
                    }
                })
            }

            function strokeElement(context, options, isText) {
                const {
                    stroke: stroke
                } = options;
                if (stroke && "none" !== stroke && 0 !== options["stroke-width"]) {
                    ! function(context, options) {
                        var _options$strokeDasha, _matches;
                        let matches = null === (_options$strokeDasha = options["stroke-dasharray"]) || void 0 === _options$strokeDasha ? void 0 : _options$strokeDasha.match(/(\d+)/g);
                        if (null !== (_matches = matches) && void 0 !== _matches && _matches.length) {
                            matches = (0, _iterator.map)(matches, item => _number(item));
                            context.setLineDash(matches)
                        }
                    }(context, options);
                    context.lineJoin = options["stroke-linejoin"];
                    context.lineWidth = options["stroke-width"];
                    context.globalAlpha = options.strokeOpacity;
                    context.strokeStyle = stroke;
                    isText ? context.strokeText(options.text, options.x, options.y) : context.stroke();
                    context.globalAlpha = 1
                }
            }

            function fillElement(context, options, shared) {
                const {
                    fill: fill
                } = options;
                let promise;
                if (fill && "none" !== fill) {
                    if (-1 === fill.search(/url/)) {
                        context.fillStyle = fill;
                        context.globalAlpha = options.fillOpacity;
                        context.fill();
                        context.globalAlpha = 1
                    } else {
                        const pattern = shared.patterns[parseUrl(fill)];
                        if (!pattern) {
                            return
                        }
                        promise = function(context, pattern, shared, parentOptions) {
                            const options = getElementOptions(pattern, shared.rootAppended);
                            const patternCanvas = imageCreator._createCanvas(options.width, options.height, 0);
                            const patternContext = patternCanvas.getContext("2d");
                            const promise = drawCanvasElements(pattern.childNodes, patternContext, options, shared);
                            const onDone = () => {
                                context.fillStyle = context.createPattern(patternCanvas, "repeat");
                                context.globalAlpha = parentOptions.fillOpacity;
                                context.fill();
                                context.globalAlpha = 1
                            };
                            if ((0, _type.isPromise)(promise)) {
                                promise.then(onDone)
                            } else {
                                onDone()
                            }
                            return promise
                        }(context, pattern, shared, options)
                    }
                }
                return promise
            }
            parseAttributes = function(attributes) {
                const newAttributes = {};
                let attr;
                (0, _iterator.each)(attributes, (index, item) => {
                    attr = item.textContent;
                    if (isFinite(attr)) {
                        attr = _number(attr)
                    }
                    newAttributes[item.name.toLowerCase()] = attr
                });
                return newAttributes
            };

            function convertSvgToCanvas(svg, canvas, rootAppended) {
                return drawCanvasElements(svg.childNodes, canvas.getContext("2d"), {}, {
                    clipPaths: {},
                    patterns: {},
                    filters: {},
                    linearGradients: {},
                    radialGradients: {},
                    rootAppended: rootAppended
                })
            }

            function getCanvasFromSvg(markup, _ref3) {
                let {
                    width: width,
                    height: height,
                    backgroundColor: backgroundColor,
                    margin: margin,
                    svgToCanvas: svgToCanvas = convertSvgToCanvas
                } = _ref3;
                const scaledScreenInfo = calcScaledInfo(width, height);
                const canvas = imageCreator._createCanvas(scaledScreenInfo.width, scaledScreenInfo.height, margin);
                const context = canvas.getContext("2d");
                context.setTransform(scaledScreenInfo.pixelRatio, 0, 0, scaledScreenInfo.pixelRatio, 0, 0);
                const svgElem = _m_svg.default.getSvgElement(markup);
                let invisibleDiv;
                const markupIsDomElement = _dom_adapter.default.isElementNode(markup) || (0, _type.isRenderer)(markup);
                context.translate(margin, margin);
                _dom_adapter.default.getBody().appendChild(canvas);
                if (!markupIsDomElement) {
                    invisibleDiv = function() {
                        const invisibleDiv = _dom_adapter.default.createElement("div");
                        invisibleDiv.style.left = "-9999px";
                        invisibleDiv.style.position = "absolute";
                        return invisibleDiv
                    }();
                    invisibleDiv.appendChild(svgElem);
                    _dom_adapter.default.getBody().appendChild(invisibleDiv)
                }
                if (svgElem.attributes.direction) {
                    canvas.dir = svgElem.attributes.direction.textContent
                }! function(context, width, height, backgroundColor, margin) {
                    context.fillStyle = backgroundColor || "#ffffff";
                    context.fillRect(-margin, -margin, width + 2 * margin, height + 2 * margin)
                }(context, width, height, backgroundColor, margin);
                return (0, _deferred.fromPromise)(svgToCanvas(svgElem, canvas, markupIsDomElement && (0, _dom.contains)(_dom_adapter.default.getBody(), (0, _renderer.default)(markup).get(0)))).then(() => canvas).always(() => {
                    invisibleDiv && _dom_adapter.default.getBody().removeChild(invisibleDiv);
                    _dom_adapter.default.getBody().removeChild(canvas)
                })
            }
            const imageCreator = exports.imageCreator = {
                getImageData(markup, options) {
                    const mimeType = `image/${options.format}`;
                    if ((0, _type.isFunction)(options.__parseAttributesFn)) {
                        parseAttributes = options.__parseAttributesFn
                    }
                    return getCanvasFromSvg(markup, options).then(canvas => function(canvas, mimeType) {
                        const dataURL = canvas.toDataURL(mimeType, 1);
                        const imageData = window.atob(dataURL.substring(`data:${mimeType};base64,`.length));
                        return imageData
                    }(canvas, mimeType))
                },
                getData(markup, options) {
                    const that = this;
                    return imageCreator.getImageData(markup, options).then(binaryData => {
                        const mimeType = `image/${options.format}`;
                        const data = (0, _type.isFunction)(window.Blob) && !options.useBase64 ? that._getBlob(binaryData, mimeType) : that._getBase64(binaryData);
                        return data
                    })
                },
                _getBlob(binaryData, mimeType) {
                    let i;
                    const dataArray = new Uint8Array(binaryData.length);
                    for (i = 0; i < binaryData.length; i++) {
                        dataArray[i] = binaryData.charCodeAt(i)
                    }
                    return new window.Blob([dataArray.buffer], {
                        type: mimeType
                    })
                },
                _getBase64: binaryData => window.btoa(binaryData),
                _createCanvas(width, height, margin) {
                    const canvas = (0, _renderer.default)("<canvas>")[0];
                    canvas.width = width + 2 * margin;
                    canvas.height = height + 2 * margin;
                    canvas.hidden = true;
                    return canvas
                }
            };

            function calcScaledInfo(width, height) {
                const pixelRatio = window.devicePixelRatio || 1;
                return {
                    pixelRatio: pixelRatio,
                    width: width * pixelRatio,
                    height: height * pixelRatio
                }
            }
        },
        92090(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Export = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/date */ 38662));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _number = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/number */ 52771));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _export_load_panel = __webpack_require__( /*! ../../common/export_load_panel */ 45510);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.Export = {
                getFullOptions(options) {
                    const fullOptions = (0, _extend.extend)({}, options);
                    if (!((0, _type.isDefined)(fullOptions.jsPDFDocument) && (0, _type.isObject)(fullOptions.jsPDFDocument))) {
                        throw Error('The "jsPDFDocument" field must contain a jsPDF instance.')
                    }
                    if (!((0, _type.isDefined)(fullOptions.jsPDFDocument.autoTable) && (0, _type.isFunction)(fullOptions.jsPDFDocument.autoTable))) {
                        throw Error('The "exportDataGrid" method requires a autoTable plugin for jsPDF object.')
                    }
                    if (!(0, _type.isDefined)(fullOptions.keepColumnWidths)) {
                        fullOptions.keepColumnWidths = true
                    }
                    if (!(0, _type.isDefined)(fullOptions.autoTableOptions)) {
                        fullOptions.autoTableOptions = this._getDefaultAutoTableOptions()
                    } else {
                        if (!(0, _type.isObject)(fullOptions.autoTableOptions)) {
                            throw Error('The "autoTableOptions" option must be of object type.')
                        }
                        fullOptions.autoTableOptions = (0, _extend.extend)(true, {}, this._getDefaultAutoTableOptions(), fullOptions.autoTableOptions)
                    }
                    if (!(0, _type.isDefined)(fullOptions.loadPanel)) {
                        fullOptions.loadPanel = {}
                    }
                    if (!(0, _type.isDefined)(fullOptions.loadPanel.enabled)) {
                        fullOptions.loadPanel.enabled = true
                    }
                    if (!(0, _type.isDefined)(fullOptions.loadPanel.text)) {
                        fullOptions.loadPanel.text = _message.default.format("dxDataGrid-exporting")
                    }
                    return fullOptions
                },
                _getDefaultAutoTableOptions: () => ({
                    theme: "plain",
                    tableLineColor: 149,
                    tableLineWidth: .1,
                    styles: {
                        textColor: 51,
                        lineColor: 149,
                        lineWidth: 0
                    },
                    columnStyles: {},
                    headStyles: {
                        fontStyle: "normal",
                        textColor: 149,
                        lineWidth: .1
                    },
                    bodyStyles: {
                        lineWidth: .1
                    },
                    head: [],
                    body: []
                }),
                export (options) {
                    var _component$_getIntern, _internalComponent$op;
                    const {
                        jsPDFDocument: jsPDFDocument,
                        autoTableOptions: autoTableOptions,
                        component: component,
                        customizeCell: customizeCell,
                        keepColumnWidths: keepColumnWidths,
                        selectedRowsOnly: selectedRowsOnly,
                        loadPanel: loadPanel
                    } = options;
                    const internalComponent = (null === (_component$_getIntern = component._getInternalInstance) || void 0 === _component$_getIntern ? void 0 : _component$_getIntern.call(component)) || component;
                    const initialLoadPanelEnabledOption = null === (_internalComponent$op = internalComponent.option("loadPanel")) || void 0 === _internalComponent$op ? void 0 : _internalComponent$op.enabled;
                    if (initialLoadPanelEnabledOption) {
                        component.option("loadPanel.enabled", false)
                    }
                    let exportLoadPanel;
                    if (loadPanel.enabled && (0, _window.hasWindow)()) {
                        const rowsView = component.getView("rowsView");
                        exportLoadPanel = new _export_load_panel.ExportLoadPanel(component, rowsView.element(), rowsView.element().parent(), loadPanel);
                        exportLoadPanel.show()
                    }
                    const dataProvider = component.getDataProvider(selectedRowsOnly);
                    const wrapText = !!component.option("wordWrapEnabled");
                    return new Promise(resolve => {
                        dataProvider.ready().done(() => {
                            const columns = dataProvider.getColumns();
                            const styles = dataProvider.getStyles();
                            const dataRowsCount = dataProvider.getRowsCount();
                            const headerRowCount = dataProvider.getHeaderRowCount();
                            const mergedCells = [];
                            if (keepColumnWidths) {
                                const pdfColumnWidths = this._tryGetPdfColumnWidths(autoTableOptions.tableWidth, dataProvider.getColumnsWidths());
                                if ((0, _type.isDefined)(pdfColumnWidths) && (0, _type.isDefined)(autoTableOptions.columnStyles)) {
                                    this._setColumnWidths(autoTableOptions.columnStyles, pdfColumnWidths)
                                }
                            }
                            for (let rowIndex = 0; rowIndex < dataRowsCount; rowIndex++) {
                                const row = [];
                                for (let cellIndex = 0; cellIndex < columns.length; cellIndex++) {
                                    const {
                                        value: value,
                                        cellSourceData: gridCell
                                    } = dataProvider.getCellData(rowIndex, cellIndex, true);
                                    const cellStyle = styles[dataProvider.getStyleId(rowIndex, cellIndex)];
                                    const pdfCell = {
                                        content: this._getFormattedValue(value, cellStyle.format),
                                        styles: this._getPDFCellStyles(gridCell.rowType, columns[cellIndex].alignment, cellStyle, wrapText)
                                    };
                                    if ("header" === gridCell.rowType) {
                                        const mergedRange = this._tryGetMergeRange(rowIndex, cellIndex, mergedCells, dataProvider);
                                        if (mergedRange && mergedRange.rowSpan > 0) {
                                            pdfCell.rowSpan = mergedRange.rowSpan + 1
                                        }
                                        if (mergedRange && mergedRange.colSpan > 0) {
                                            pdfCell.colSpan = mergedRange.colSpan + 1
                                        }
                                        const isMergedCell = mergedCells[rowIndex] && mergedCells[rowIndex][cellIndex];
                                        if (!isMergedCell || pdfCell.rowSpan > 1 || pdfCell.colSpan > 1) {
                                            if ((0, _type.isFunction)(customizeCell)) {
                                                customizeCell({
                                                    gridCell: gridCell,
                                                    pdfCell: pdfCell
                                                })
                                            }
                                            row.push(pdfCell)
                                        }
                                    } else if ("group" === gridCell.rowType && !(0, _type.isDefined)(pdfCell.content) && 1 === row.length) {
                                        row[0].colSpan = row[0].colSpan ?? 1;
                                        row[0].colSpan++
                                    } else {
                                        pdfCell.content = pdfCell.content ?? "";
                                        if ((0, _type.isFunction)(customizeCell)) {
                                            customizeCell({
                                                gridCell: gridCell,
                                                pdfCell: pdfCell
                                            })
                                        }
                                        row.push(pdfCell)
                                    }
                                }
                                if (rowIndex < headerRowCount) {
                                    autoTableOptions.head.push(row)
                                } else {
                                    autoTableOptions.body.push(row)
                                }
                            }
                            jsPDFDocument.autoTable(autoTableOptions);
                            resolve()
                        }).always(() => {
                            if (initialLoadPanelEnabledOption) {
                                component.option("loadPanel.enabled", initialLoadPanelEnabledOption)
                            }
                            if (loadPanel.enabled && (0, _window.hasWindow)()) {
                                exportLoadPanel.dispose()
                            }
                        })
                    })
                },
                _getFormattedValue(value, format) {
                    if ((0, _type.isDefined)(format)) {
                        if ((0, _type.isDate)(value)) {
                            return _date.default.format(value, format)
                        }
                        if ((0, _type.isNumeric)(value)) {
                            return _number.default.format(value, format)
                        }
                    }
                    return value
                },
                _getPDFCellStyles(rowType, columnAlignment, cellStyle, wrapText) {
                    const {
                        alignment: cellAlignment,
                        bold: bold
                    } = cellStyle;
                    const align = "header" === rowType ? columnAlignment : cellAlignment;
                    const pdfCellStyle = {};
                    if (align) {
                        pdfCellStyle.halign = align
                    }
                    if (bold && "header" !== rowType) {
                        pdfCellStyle.fontStyle = "bold"
                    }
                    if (wrapText) {
                        pdfCellStyle.cellWidth = "wrap"
                    }
                    return pdfCellStyle
                },
                _tryGetMergeRange(rowIndex, cellIndex, mergedCells, dataProvider) {
                    var _mergedCells$rowIndex;
                    if (!(null !== (_mergedCells$rowIndex = mergedCells[rowIndex]) && void 0 !== _mergedCells$rowIndex && _mergedCells$rowIndex[cellIndex])) {
                        const {
                            colspan: colspan,
                            rowspan: rowspan
                        } = dataProvider.getCellMerging(rowIndex, cellIndex);
                        if (colspan || rowspan) {
                            for (let i = rowIndex; i <= rowIndex + rowspan || 0; i++) {
                                for (let j = cellIndex; j <= cellIndex + colspan || 0; j++) {
                                    if (!mergedCells[i]) {
                                        mergedCells[i] = []
                                    }
                                    mergedCells[i][j] = true
                                }
                            }
                            return {
                                rowSpan: rowspan,
                                colSpan: colspan
                            }
                        }
                    }
                    return
                },
                _tryGetPdfColumnWidths(autoTableWidth, columnWidths) {
                    if ((0, _type.isNumeric)(autoTableWidth) && (0, _type.isDefined)(columnWidths)) {
                        const tableWidth = columnWidths.reduce((a, b) => a + b, 0);
                        return columnWidths.map(columnWidth => autoTableWidth * columnWidth / tableWidth)
                    }
                },
                _setColumnWidths(autoTableColumnStyles, pdfColumnWidths) {
                    pdfColumnWidths.forEach((width, index) => {
                        autoTableColumnStyles[index] = autoTableColumnStyles[index] || {};
                        autoTableColumnStyles[index].cellWidth = width
                    })
                }
            }
        },
        50328(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.exportDataGrid = function(options) {
                return _export.Export.export(function(options) {
                    if (!((0, _type.isDefined)(options) && (0, _type.isObject)(options))) {
                        throw Error('The "exportDataGrid" method requires a configuration object.')
                    }
                    if (!((0, _type.isDefined)(options.component) && (0, _type.isObject)(options.component) && "dxDataGrid" === options.component.NAME)) {
                        throw Error('The "component" field must contain a DataGrid instance.')
                    }
                    if (!(0, _type.isDefined)(options.selectedRowsOnly)) {
                        options.selectedRowsOnly = false
                    }
                    return _export.Export.getFullOptions(options)
                }(options))
            };
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _export = __webpack_require__( /*! ./export */ 92090)
        },
        82650(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addNewPage = function(doc) {
                doc.addPage();
                ! function(doc) {
                    if (!(0, _type.isDefined)(doc.getLineWidth)) {
                        doc.__borderWidth = null
                    }
                }(doc)
            };
            exports.drawCellsContent = function(doc, customDrawCell, cellsArray, docStyles) {
                cellsArray.forEach(cell => {
                    const {
                        _rect: _rect,
                        gridCell: gridCell
                    } = cell, pdfCell = function(r, e) {
                        if (null == r) {
                            return {}
                        }
                        var t = {};
                        for (var n in r) {
                            if ({}.hasOwnProperty.call(r, n)) {
                                if (-1 !== e.indexOf(n)) {
                                    continue
                                }
                                t[n] = r[n]
                            }
                        }
                        return t
                    }(cell, _excluded);
                    const {
                        x: x,
                        y: y,
                        w: w,
                        h: h
                    } = _rect;
                    const rect = {
                        x: x,
                        y: y,
                        w: w,
                        h: h
                    };
                    const eventArg = {
                        doc: doc,
                        rect: rect,
                        pdfCell: pdfCell,
                        gridCell: gridCell,
                        cancel: false
                    };
                    null === customDrawCell || void 0 === customDrawCell || customDrawCell(eventArg);
                    if (!eventArg.cancel) {
                        ! function(doc, cell) {
                            if ((0, _type.isDefined)(cell.backgroundColor)) {
                                trySetColor(doc, "fill", cell.backgroundColor);
                                drawRect(doc, cell._rect.x, cell._rect.y, cell._rect.w, cell._rect.h, "F")
                            }
                        }(doc, cell);
                        ! function(doc, cell, docStyles) {
                            if ((0, _type.isDefined)(cell.text) && "" !== cell.text) {
                                const {
                                    textColor: textColor,
                                    font: font,
                                    _rect: _rect,
                                    padding: padding
                                } = cell;
                                ! function(doc, _ref2, docStyles) {
                                    let {
                                        textColor: textColor,
                                        font: font
                                    } = _ref2;
                                    trySetColor(doc, "text", (0, _type.isDefined)(textColor) ? textColor : docStyles.textColor);
                                    const currentFont = (0, _type.isDefined)(font) ? (0, _extend.extend)({}, docStyles.font, font) : docStyles.font;
                                    const docFont = doc.getFont();
                                    if (currentFont.name !== docFont.fontName || currentFont.style !== docFont.fontStyle || (0, _type.isDefined)(currentFont.weight)) {
                                        doc.setFont(currentFont.name, currentFont.style, currentFont.weight)
                                    }
                                    if (currentFont.size !== doc.getFontSize()) {
                                        doc.setFontSize(currentFont.size)
                                    }
                                }(doc, {
                                    textColor: textColor,
                                    font: font
                                }, docStyles);
                                const textRect = {
                                    x: _rect.x + padding.left,
                                    y: _rect.y + padding.top,
                                    w: _rect.w - (padding.left + padding.right),
                                    h: _rect.h - (padding.top + padding.bottom)
                                };
                                if ((0, _type.isDefined)(cell._textLeftOffset) || (0, _type.isDefined)(cell._textTopOffset)) {
                                    textRect.x += cell._textLeftOffset ?? 0;
                                    textRect.y += cell._textTopOffset ?? 0;
                                    doc.saveGraphicsState();
                                    ! function(doc, x, y, w, h) {
                                        doc.moveTo(roundToThreeDecimals(x), roundToThreeDecimals(y));
                                        doc.lineTo(roundToThreeDecimals(x + w), roundToThreeDecimals(y));
                                        doc.lineTo(roundToThreeDecimals(x + w), roundToThreeDecimals(y + h));
                                        doc.lineTo(roundToThreeDecimals(x), roundToThreeDecimals(y + h));
                                        doc.clip();
                                        doc.discardPath()
                                    }(doc, cell._rect.x, cell._rect.y, cell._rect.w, cell._rect.h)
                                }
                                drawTextInRect(doc, cell.text, textRect, cell.verticalAlign, cell.horizontalAlign, cell._internalTextOptions);
                                if ((0, _type.isDefined)(cell._textLeftOffset) || (0, _type.isDefined)(cell._textTopOffset)) {
                                    doc.restoreGraphicsState()
                                }
                            }
                        }(doc, cell, docStyles)
                    }
                })
            };
            exports.drawCellsLines = function(doc, cellsArray, docStyles) {
                cellsArray.filter(cell => !(0, _type.isDefined)(cell.borderColor)).forEach(cell => {
                    drawBorders(doc, cell._rect, cell, docStyles)
                });
                cellsArray.filter(cell => (0, _type.isDefined)(cell.borderColor)).forEach(cell => {
                    drawBorders(doc, cell._rect, cell, docStyles)
                })
            };
            exports.drawGridLines = function(doc, rect, options, docStyles) {
                drawBorders(doc, rect, options, docStyles)
            };
            exports.drawLine = drawLine;
            exports.drawRect = drawRect;
            exports.drawTextInRect = drawTextInRect;
            exports.getDocumentStyles = function(doc) {
                const docFont = doc.getFont();
                return {
                    borderWidth: getDocBorderWidth(doc),
                    borderColor: doc.getDrawColor(),
                    font: {
                        name: docFont.fontName,
                        style: docFont.fontStyle,
                        size: doc.getFontSize()
                    },
                    textColor: doc.getTextColor()
                }
            };
            exports.roundToThreeDecimals = roundToThreeDecimals;
            exports.setDocumentStyles = function(doc, styles) {
                const {
                    borderWidth: borderWidth,
                    borderColor: borderColor,
                    font: font,
                    textColor: textColor
                } = styles;
                const docFont = doc.getFont();
                if (docFont.fontName !== font.name || docFont.fontStyle !== font.style) {
                    doc.setFont(font.name, font.style, void 0)
                }
                const docFontSize = doc.getFontSize();
                if (docFontSize !== font.size) {
                    doc.setFontSize(font.size)
                }
                if (getDocBorderWidth(doc) !== borderWidth) {
                    setDocBorderWidth(doc, borderWidth)
                }
                if (doc.getDrawColor() !== borderColor) {
                    doc.setDrawColor(borderColor)
                }
                if (doc.getTextColor() !== textColor) {
                    doc.setTextColor(textColor)
                }
            };
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _pdf_utils = __webpack_require__( /*! ./pdf_utils */ 73960);
            const _excluded = ["_rect", "gridCell"];

            function capitalizeFirstLetter(string) {
                return string.charAt(0).toUpperCase() + string.slice(1)
            }

            function roundToThreeDecimals(value) {
                return Math.round(1e3 * value) / 1e3
            }

            function drawLine(doc, startX, startY, endX, endY) {
                doc.line(roundToThreeDecimals(startX), roundToThreeDecimals(startY), roundToThreeDecimals(endX), roundToThreeDecimals(endY))
            }

            function drawRect(doc, x, y, width, height, style) {
                if ((0, _type.isDefined)(style)) {
                    doc.rect(roundToThreeDecimals(x), roundToThreeDecimals(y), roundToThreeDecimals(width), roundToThreeDecimals(height), style)
                } else {
                    doc.rect(roundToThreeDecimals(x), roundToThreeDecimals(y), roundToThreeDecimals(width), roundToThreeDecimals(height))
                }
            }

            function drawTextInRect(doc, text, rect, verticalAlign, horizontalAlign, jsPDFTextOptions) {
                const textArray = text.split("\n");
                const linesCount = textArray.length;
                const heightOfOneLine = (0, _pdf_utils.calculateTextHeight)(doc, textArray[0], doc.getFont(), {
                    wordWrapEnabled: false,
                    targetRectWidth: 1e9
                });
                const vAlign = verticalAlign ?? "middle";
                const hAlign = horizontalAlign ?? "left";
                const verticalAlignCoefficientsMap = {
                    top: 0,
                    middle: .5,
                    bottom: 1
                };
                const y = rect.y + rect.h * verticalAlignCoefficientsMap[vAlign] - heightOfOneLine * (linesCount - 1) * verticalAlignCoefficientsMap[vAlign] + function(doc) {
                    return (doc.getLineHeightFactor() - 1.15) * doc.getFontSize()
                }(doc);
                const x = rect.x + rect.w * {
                    left: 0,
                    center: .5,
                    right: 1
                } [hAlign];
                const textOptions = (0, _extend.extend)({
                    baseline: vAlign,
                    align: hAlign
                }, jsPDFTextOptions);
                doc.text(textArray.join("\n"), roundToThreeDecimals(x), roundToThreeDecimals(y), textOptions)
            }

            function drawBorders(doc, rect, _ref, docStyles) {
                let {
                    borderWidth: borderWidth,
                    borderColor: borderColor,
                    drawLeftBorder: drawLeftBorder = true,
                    drawRightBorder: drawRightBorder = true,
                    drawTopBorder: drawTopBorder = true,
                    drawBottomBorder: drawBottomBorder = true
                } = _ref;
                if (!(0, _type.isDefined)(rect)) {
                    throw "rect is required"
                }
                if (!drawLeftBorder && !drawRightBorder && !drawTopBorder && !drawBottomBorder) {} else if (drawLeftBorder && drawRightBorder && drawTopBorder && drawBottomBorder) {
                    setLinesStyles(doc, {
                        borderWidth: borderWidth,
                        borderColor: borderColor
                    }, docStyles);
                    drawRect(doc, rect.x, rect.y, rect.w, rect.h)
                } else {
                    setLinesStyles(doc, {
                        borderWidth: borderWidth,
                        borderColor: borderColor
                    }, docStyles);
                    if (drawTopBorder) {
                        drawLine(doc, rect.x, rect.y, rect.x + rect.w, rect.y)
                    }
                    if (drawLeftBorder) {
                        drawLine(doc, rect.x, rect.y, rect.x, rect.y + rect.h)
                    }
                    if (drawRightBorder) {
                        drawLine(doc, rect.x + rect.w, rect.y, rect.x + rect.w, rect.y + rect.h)
                    }
                    if (drawBottomBorder) {
                        drawLine(doc, rect.x, rect.y + rect.h, rect.x + rect.w, rect.y + rect.h)
                    }
                }
            }

            function setLinesStyles(doc, _ref3, docStyles) {
                let {
                    borderWidth: borderWidth,
                    borderColor: borderColor
                } = _ref3;
                const currentBorderWidth = (0, _type.isDefined)(borderWidth) ? borderWidth : docStyles.borderWidth;
                if (currentBorderWidth !== getDocBorderWidth(doc)) {
                    setDocBorderWidth(doc, (0, _pdf_utils.toPdfUnit)(doc, currentBorderWidth))
                }
                trySetColor(doc, "draw", (0, _type.isDefined)(borderColor) ? borderColor : docStyles.borderColor)
            }

            function trySetColor(doc, target, color) {
                const getterName = `get${capitalizeFirstLetter(target)}Color`;
                const setterName = `set${capitalizeFirstLetter(target)}Color`;
                const {
                    ch1: ch1 = color,
                    ch2: ch2,
                    ch3: ch3,
                    ch4: ch4
                } = color;
                const normalizedColor = doc.__private__.decodeColorString(doc.__private__.encodeColorString({
                    ch1: ch1,
                    ch2: ch2,
                    ch3: ch3,
                    ch4: ch4,
                    precision: "text" === target ? 3 : 2
                }));
                if (normalizedColor !== doc[getterName]() || "fill" === target) {
                    doc[setterName].apply(doc, [ch1, ch2, ch3, ch4].filter(item => void 0 !== item))
                }
            }

            function getDocBorderWidth(doc) {
                if ((0, _type.isDefined)(doc.getLineWidth)) {
                    return doc.getLineWidth()
                }
                return doc.__borderWidth ?? .200025
            }

            function setDocBorderWidth(doc, width) {
                doc.setLineWidth(width);
                if (!(0, _type.isDefined)(doc.getLineWidth)) {
                    doc.__borderWidth = width
                }
            }
        },
        14400(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Export = void 0;
            var _message = (e = __webpack_require__( /*! ../../../../common/core/localization/message */ 4671), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _export_load_panel = __webpack_require__( /*! ../../common/export_load_panel */ 45510);
            var _draw_utils = __webpack_require__( /*! ./draw_utils */ 82650);
            var _height_updater = __webpack_require__( /*! ./height_updater */ 39699);
            var _normalizeOptions = __webpack_require__( /*! ./normalizeOptions */ 50877);
            var _pdf_utils = __webpack_require__( /*! ./pdf_utils */ 73960);
            var _row_utils = __webpack_require__( /*! ./row_utils */ 47850);
            var _rows_generator = __webpack_require__( /*! ./rows_generator */ 53965);
            var _rows_splitting = __webpack_require__( /*! ./rows_splitting */ 81888);
            exports.Export = {
                getFullOptions: function(options) {
                    const {
                        jsPDFDocument: jsPDFDocument
                    } = options;
                    const fullOptions = (0, _extend.extend)({}, options);
                    if (!(0, _type.isDefined)(fullOptions.topLeft)) {
                        fullOptions.topLeft = {
                            x: 0,
                            y: 0
                        }
                    }
                    if (!(0, _type.isDefined)(fullOptions.indent)) {
                        fullOptions.indent = 0
                    }
                    if (!(0, _type.isDefined)(fullOptions.repeatHeaders)) {
                        fullOptions.repeatHeaders = true
                    }
                    if (!(0, _type.isDefined)(fullOptions.margin)) {
                        fullOptions.margin = (0, _pdf_utils.toPdfUnit)(jsPDFDocument, 40)
                    }
                    fullOptions.margin = (0, _normalizeOptions.normalizeBoundaryValue)(fullOptions.margin);
                    if (!Array.isArray(fullOptions.columnWidths)) {
                        fullOptions.columnWidths = []
                    }
                    if (!(0, _type.isDefined)(fullOptions.loadPanel)) {
                        fullOptions.loadPanel = {}
                    }
                    if (!(0, _type.isDefined)(fullOptions.loadPanel.enabled)) {
                        fullOptions.loadPanel.enabled = true
                    }
                    if (!(0, _type.isDefined)(fullOptions.loadPanel.text)) {
                        fullOptions.loadPanel.text = _message.default.format("dxDataGrid-exporting")
                    }
                    return fullOptions
                },
                export: function(options) {
                    var _component$_getIntern, _internalComponent$op;
                    const {
                        jsPDFDocument: jsPDFDocument,
                        component: component,
                        selectedRowsOnly: selectedRowsOnly,
                        loadPanel: loadPanel
                    } = options;
                    const internalComponent = (null === (_component$_getIntern = component._getInternalInstance) || void 0 === _component$_getIntern ? void 0 : _component$_getIntern.call(component)) || component;
                    const initialLoadPanelEnabledOption = null === (_internalComponent$op = internalComponent.option("loadPanel")) || void 0 === _internalComponent$op ? void 0 : _internalComponent$op.enabled;
                    if (initialLoadPanelEnabledOption) {
                        component.option("loadPanel.enabled", false)
                    }
                    let exportLoadPanel;
                    if (loadPanel.enabled && (0, _window.hasWindow)()) {
                        const rowsView = component.getView("rowsView");
                        exportLoadPanel = new _export_load_panel.ExportLoadPanel(component, rowsView.element(), rowsView.element().parent(), loadPanel);
                        exportLoadPanel.show()
                    }
                    const dataProvider = component.getDataProvider(selectedRowsOnly);
                    return new Promise(resolve => {
                        dataProvider.ready().done(() => {
                            var _options$rowOptions;
                            const rowsInfo = (0, _rows_generator.generateRowsInfo)(jsPDFDocument, dataProvider, component, null === (_options$rowOptions = options.rowOptions) || void 0 === _options$rowOptions || null === (_options$rowOptions = _options$rowOptions.headerStyles) || void 0 === _options$rowOptions ? void 0 : _options$rowOptions.backgroundColor);
                            if (options.customizeCell) {
                                rowsInfo.forEach(rowInfo => rowInfo.cells.forEach(cellInfo => options.customizeCell(cellInfo)))
                            }(0, _normalizeOptions.normalizeRowsInfo)(rowsInfo);
                            (0, _row_utils.initializeCellsWidth)(jsPDFDocument, dataProvider, rowsInfo, options);
                            (0, _row_utils.resizeFirstColumnByIndentLevel)(rowsInfo, options);
                            (0, _row_utils.applyColSpans)(rowsInfo);
                            (0, _row_utils.calculateHeights)(jsPDFDocument, rowsInfo, options);
                            (0, _row_utils.applyRowSpans)(rowsInfo);
                            (0, _height_updater.updateRowsAndCellsHeights)(jsPDFDocument, rowsInfo);
                            (0, _row_utils.calculateCoordinates)(jsPDFDocument, rowsInfo, options);
                            (0, _row_utils.applyBordersConfig)(rowsInfo);
                            (0, _pdf_utils.applyWordWrap)(jsPDFDocument, rowsInfo);
                            const docStyles = (0, _draw_utils.getDocumentStyles)(jsPDFDocument);
                            const rtlEnabled = !!component.option("rtlEnabled");
                            const rectsByPages = (0, _rows_splitting.splitByPages)(jsPDFDocument, rowsInfo, options, _ref => {
                                var _sourceRect$sourceCel;
                                let {
                                    sourceRect: sourceRect,
                                    leftRect: leftRect,
                                    rightRect: rightRect
                                } = _ref;
                                let leftRectTextOptions = {};
                                let rightRectTextOptions = {};
                                const isTextNotEmpty = (null === (_sourceRect$sourceCel = sourceRect.sourceCellInfo.text) || void 0 === _sourceRect$sourceCel ? void 0 : _sourceRect$sourceCel.length) > 0;
                                if (isTextNotEmpty) {
                                    if (rtlEnabled) {
                                        const isTextWidthGreaterThanRect = jsPDFDocument.getTextWidth(sourceRect.sourceCellInfo.text) > leftRect.w;
                                        const isTextRightAlignment = !(0, _type.isDefined)(sourceRect.sourceCellInfo.horizontalAlign) || "right" === sourceRect.sourceCellInfo.horizontalAlign;
                                        if (isTextWidthGreaterThanRect || !isTextRightAlignment) {
                                            var _sourceRect$sourceCel2, _sourceRect$sourceCel3, _sourceRect$sourceCel4;
                                            let rightRectTextOffset;
                                            let leftRectTextOffset;
                                            if ("right" === (null === (_sourceRect$sourceCel2 = sourceRect.sourceCellInfo) || void 0 === _sourceRect$sourceCel2 ? void 0 : _sourceRect$sourceCel2.horizontalAlign)) {
                                                rightRectTextOffset = sourceRect.sourceCellInfo._textLeftOffset ?? 0;
                                                leftRectTextOffset = rightRectTextOffset + leftRect.w
                                            } else if ("center" === (null === (_sourceRect$sourceCel3 = sourceRect.sourceCellInfo) || void 0 === _sourceRect$sourceCel3 ? void 0 : _sourceRect$sourceCel3.horizontalAlign)) {
                                                leftRectTextOffset = sourceRect.x + sourceRect.w - (rightRect.x + rightRect.w) + sourceRect.sourceCellInfo._rect.w / 2 - leftRect.w / 2;
                                                rightRectTextOffset = leftRectTextOffset - rightRect.w
                                            } else if ("left" === (null === (_sourceRect$sourceCel4 = sourceRect.sourceCellInfo) || void 0 === _sourceRect$sourceCel4 ? void 0 : _sourceRect$sourceCel4.horizontalAlign)) {
                                                leftRectTextOffset = sourceRect.x + sourceRect.w - (rightRect.x + rightRect.w);
                                                rightRectTextOffset = leftRectTextOffset - rightRect.w
                                            }
                                            leftRectTextOptions = {
                                                _textLeftOffset: rightRectTextOffset
                                            };
                                            rightRectTextOptions = {
                                                _textLeftOffset: leftRectTextOffset
                                            }
                                        } else {
                                            rightRectTextOptions = {
                                                text: ""
                                            }
                                        }
                                    } else {
                                        const isTextWidthGreaterThanRect = jsPDFDocument.getTextWidth(sourceRect.sourceCellInfo.text) > leftRect.w;
                                        const isTextLeftAlignment = !(0, _type.isDefined)(sourceRect.sourceCellInfo.horizontalAlign) || "left" === sourceRect.sourceCellInfo.horizontalAlign;
                                        if (isTextWidthGreaterThanRect || !isTextLeftAlignment) {
                                            var _sourceRect$sourceCel5, _sourceRect$sourceCel6, _sourceRect$sourceCel7;
                                            let leftTextLeftOffset;
                                            let rightTextLeftOffset;
                                            if ("left" === (null === (_sourceRect$sourceCel5 = sourceRect.sourceCellInfo) || void 0 === _sourceRect$sourceCel5 ? void 0 : _sourceRect$sourceCel5.horizontalAlign)) {
                                                leftTextLeftOffset = sourceRect.sourceCellInfo._textLeftOffset ?? 0;
                                                rightTextLeftOffset = leftTextLeftOffset - leftRect.w
                                            } else if ("center" === (null === (_sourceRect$sourceCel6 = sourceRect.sourceCellInfo) || void 0 === _sourceRect$sourceCel6 ? void 0 : _sourceRect$sourceCel6.horizontalAlign)) {
                                                const offset = sourceRect.sourceCellInfo._textLeftOffset ?? 0;
                                                leftTextLeftOffset = offset + (sourceRect.x + sourceRect.w / 2) - (leftRect.x + leftRect.w / 2);
                                                rightTextLeftOffset = offset + (sourceRect.x + sourceRect.w / 2) - (rightRect.x + rightRect.w / 2)
                                            } else if ("right" === (null === (_sourceRect$sourceCel7 = sourceRect.sourceCellInfo) || void 0 === _sourceRect$sourceCel7 ? void 0 : _sourceRect$sourceCel7.horizontalAlign)) {
                                                leftTextLeftOffset = sourceRect.x + sourceRect.w - (leftRect.x + leftRect.w);
                                                rightTextLeftOffset = sourceRect.x + sourceRect.w - (rightRect.x + rightRect.w)
                                            }
                                            leftRectTextOptions = {
                                                _textLeftOffset: leftTextLeftOffset
                                            };
                                            rightRectTextOptions = {
                                                _textLeftOffset: rightTextLeftOffset
                                            }
                                        } else {
                                            rightRectTextOptions = {
                                                text: ""
                                            }
                                        }
                                    }
                                }
                                leftRect.sourceCellInfo = Object.assign({}, sourceRect.sourceCellInfo, {
                                    debugSourceCellInfo: sourceRect.sourceCellInfo
                                }, leftRectTextOptions);
                                rightRect.sourceCellInfo = Object.assign({}, sourceRect.sourceCellInfo, {
                                    debugSourceCellInfo: sourceRect.sourceCellInfo
                                }, rightRectTextOptions)
                            }, _ref2 => {
                                var _sourceRect$sourceCel8;
                                let {
                                    sourceRect: sourceRect,
                                    topRect: topRect,
                                    bottomRect: bottomRect
                                } = _ref2;
                                let topRectTextOptions = {};
                                let bottomRectTextOptions = {};
                                const isTextNotEmpty = (null === (_sourceRect$sourceCel8 = sourceRect.sourceCellInfo.text) || void 0 === _sourceRect$sourceCel8 ? void 0 : _sourceRect$sourceCel8.length) > 0;
                                if (isTextNotEmpty) {
                                    var _sourceRect$sourceCel9;
                                    const isTextHeightGreaterThanRect = jsPDFDocument.getTextDimensions(sourceRect.sourceCellInfo.text).h > topRect.h;
                                    const isTextTopAlignment = "top" === (null === (_sourceRect$sourceCel9 = sourceRect.sourceCellInfo) || void 0 === _sourceRect$sourceCel9 ? void 0 : _sourceRect$sourceCel9.verticalAlign);
                                    if (isTextHeightGreaterThanRect || !isTextTopAlignment) {
                                        var _sourceRect$sourceCel0, _sourceRect$sourceCel1, _sourceRect$sourceCel10;
                                        let topTextTopOffset;
                                        let bottomTextTopOffset;
                                        if ("top" === (null === (_sourceRect$sourceCel0 = sourceRect.sourceCellInfo) || void 0 === _sourceRect$sourceCel0 ? void 0 : _sourceRect$sourceCel0.verticalAlign)) {
                                            topTextTopOffset = sourceRect.sourceCellInfo._textTopOffset ?? 0;
                                            bottomTextTopOffset = topTextTopOffset - topRect.h
                                        } else if ("middle" === (null === (_sourceRect$sourceCel1 = sourceRect.sourceCellInfo) || void 0 === _sourceRect$sourceCel1 ? void 0 : _sourceRect$sourceCel1.verticalAlign)) {
                                            const offset = sourceRect.sourceCellInfo._textTopOffset ?? 0;
                                            topTextTopOffset = offset + (sourceRect.y + sourceRect.h / 2) - (topRect.y + topRect.h / 2);
                                            bottomTextTopOffset = offset + (sourceRect.y + sourceRect.h / 2) - (bottomRect.y + bottomRect.h / 2)
                                        } else if ("bottom" === (null === (_sourceRect$sourceCel10 = sourceRect.sourceCellInfo) || void 0 === _sourceRect$sourceCel10 ? void 0 : _sourceRect$sourceCel10.verticalAlign)) {
                                            topTextTopOffset = sourceRect.y + sourceRect.h - (topRect.y + topRect.h);
                                            bottomTextTopOffset = sourceRect.y + sourceRect.h - (bottomRect.y + bottomRect.h)
                                        }
                                        topRectTextOptions = {
                                            _textTopOffset: topTextTopOffset
                                        };
                                        bottomRectTextOptions = {
                                            _textTopOffset: bottomTextTopOffset
                                        }
                                    } else {
                                        bottomRectTextOptions = {
                                            text: ""
                                        }
                                    }
                                }
                                topRect.sourceCellInfo = Object.assign({}, sourceRect.sourceCellInfo, {
                                    debugSourceCellInfo: sourceRect.sourceCellInfo
                                }, topRectTextOptions);
                                bottomRect.sourceCellInfo = Object.assign({}, sourceRect.sourceCellInfo, {
                                    debugSourceCellInfo: sourceRect.sourceCellInfo
                                }, bottomRectTextOptions)
                            });
                            if (rtlEnabled) {
                                (0, _pdf_utils.applyRtl)(jsPDFDocument, rectsByPages, options)
                            }
                            rectsByPages.forEach((pdfCellsInfo, index) => {
                                if (index > 0) {
                                    (0, _draw_utils.addNewPage)(jsPDFDocument)
                                }(0, _draw_utils.drawCellsContent)(jsPDFDocument, options.customDrawCell, pdfCellsInfo, docStyles);
                                (0, _draw_utils.drawCellsLines)(jsPDFDocument, pdfCellsInfo, docStyles);
                                const isEmptyPdfCellsInfoSpecified = (0, _type.isDefined)(pdfCellsInfo) && 0 === pdfCellsInfo.length;
                                if (isEmptyPdfCellsInfoSpecified) {
                                    const tableRect = (0, _row_utils.calculateTableSize)(jsPDFDocument, pdfCellsInfo, options);
                                    const baseStyle = (0, _rows_generator.getBaseTableStyle)();
                                    (0, _draw_utils.drawGridLines)(jsPDFDocument, tableRect, baseStyle, docStyles)
                                }
                            });
                            (0, _draw_utils.setDocumentStyles)(jsPDFDocument, docStyles);
                            resolve()
                        }).always(() => {
                            if (initialLoadPanelEnabledOption) {
                                component.option("loadPanel.enabled", initialLoadPanelEnabledOption)
                            }
                            if (loadPanel.enabled && (0, _window.hasWindow)()) {
                                exportLoadPanel.dispose()
                            }
                        })
                    })
                }
            }
        },
        39699(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.updateRowsAndCellsHeights = function(doc, rows) {
                const rowsAdditionalHeights = function(doc, rows) {
                    const rowsAdditionalHeights = Array.from({
                        length: rows.length
                    }, () => 0);
                    const sortedRows = function(rows) {
                        const getMaxRowSpan = row => {
                            const spansArray = row.cells.map(cell => cell.rowSpan ?? 0);
                            return Math.max(...spansArray)
                        };
                        const sortByMaxRowSpan = (row1, row2) => {
                            const row1RowSpan = getMaxRowSpan(row1);
                            const row2RowSpan = getMaxRowSpan(row2);
                            if (row1RowSpan > row2RowSpan) {
                                return 1
                            }
                            if (row2RowSpan > row1RowSpan) {
                                return -1
                            }
                            return 0
                        };
                        return [...rows].sort(sortByMaxRowSpan)
                    }(rows);
                    sortedRows.forEach(row => {
                        const cellsWithRowSpan = row.cells.filter(cell => (0, _type.isDefined)(cell.rowSpan));
                        cellsWithRowSpan.forEach(cell => {
                            const targetRectWidth = (0, _pdf_utils.calculateTargetRectWidth)(cell.pdfCell._rect.w, cell.pdfCell.padding);
                            const textHeight = (0, _pdf_utils.calculateTextHeight)(doc, cell.pdfCell.text, cell.pdfCell.font, {
                                wordWrapEnabled: cell.pdfCell.wordWrapEnabled,
                                targetRectWidth: targetRectWidth
                            });
                            const cellHeight = textHeight + cell.pdfCell.padding.top + cell.pdfCell.padding.bottom;
                            const rowsCount = cell.rowSpan + 1;
                            const currentRowSpanRowsHeight = rows.slice(row.rowIndex, row.rowIndex + rowsCount).reduce((accumulator, rowInfo) => accumulator + rowInfo.height + rowsAdditionalHeights[rowInfo.rowIndex], 0);
                            if (cellHeight > currentRowSpanRowsHeight) {
                                const delta = (cellHeight - currentRowSpanRowsHeight) / rowsCount;
                                for (let spanIndex = row.rowIndex; spanIndex < row.rowIndex + rowsCount; spanIndex++) {
                                    rowsAdditionalHeights[spanIndex] += delta
                                }
                            }
                        })
                    });
                    return rowsAdditionalHeights
                }(doc, rows);
                rows.forEach(row => {
                    row.height += rowsAdditionalHeights[row.rowIndex]
                });
                rows.forEach(row => {
                    row.cells.forEach(cell => {
                        const rowsCount = (cell.rowSpan ?? 0) + 1;
                        cell.pdfCell._rect.h = rows.slice(row.rowIndex, row.rowIndex + rowsCount).reduce((accumulator, rowInfo) => accumulator + rowInfo.height, 0)
                    })
                })
            };
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _pdf_utils = __webpack_require__( /*! ./pdf_utils */ 73960)
        },
        50877(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.normalizeBoundaryValue = normalizeBoundaryValue;
            exports.normalizeRowsInfo = function(rowsInfo) {
                rowsInfo.forEach(row => {
                    row.cells.forEach(_ref => {
                        let {
                            pdfCell: pdfCell
                        } = _ref;
                        pdfCell.padding = normalizeBoundaryValue(pdfCell.padding)
                    })
                })
            };
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);

            function normalizeBoundaryValue(value) {
                if ((0, _type.isNumeric)(value)) {
                    return {
                        top: value,
                        right: value,
                        bottom: value,
                        left: value
                    }
                }
                return {
                    top: (null === value || void 0 === value ? void 0 : value.top) ?? 0,
                    right: (null === value || void 0 === value ? void 0 : value.right) ?? 0,
                    bottom: (null === value || void 0 === value ? void 0 : value.bottom) ?? 0,
                    left: (null === value || void 0 === value ? void 0 : value.left) ?? 0
                }
            }
        },
        73960(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.applyRtl = function(doc, rectsByPages, options) {
                rectsByPages.forEach(pageRects => {
                    pageRects.forEach(pdfCell => {
                        const mirroredX = getPageWidth(doc) - (pdfCell._rect.x + pdfCell._rect.w);
                        const marginDiff = options.margin.left - options.margin.right;
                        pdfCell._rect.x = mirroredX + marginDiff
                    })
                })
            };
            exports.applyWordWrap = function(doc, rowsInfo) {
                rowsInfo.forEach(row => {
                    row.cells.forEach(_ref3 => {
                        let {
                            pdfCell: pdfCell
                        } = _ref3;
                        if ((0, _type.isDefined)(pdfCell.text)) {
                            const lines = getTextLines(doc, pdfCell.text, pdfCell.font, {
                                wordWrapEnabled: pdfCell.wordWrapEnabled,
                                targetRectWidth: calculateTargetRectWidth(pdfCell._rect.w, pdfCell.padding)
                            });
                            pdfCell.text = lines.join("\n")
                        }
                    })
                })
            };
            exports.calculateRowHeight = function(doc, cells, columnWidths) {
                if (cells.length !== columnWidths.length) {
                    throw "the cells count must be equal to the count of the columns"
                }
                let rowHeight = 0;
                for (let cellIndex = 0; cellIndex < cells.length; cellIndex++) {
                    if ((0, _type.isDefined)(cells[cellIndex].rowSpan)) {
                        continue
                    }
                    const cellText = cells[cellIndex].pdfCell.text;
                    const cellPadding = cells[cellIndex].pdfCell.padding;
                    const {
                        font: font
                    } = cells[cellIndex].pdfCell;
                    const {
                        wordWrapEnabled: wordWrapEnabled
                    } = cells[cellIndex].pdfCell;
                    const columnWidth = columnWidths[cellIndex];
                    const targetRectWidth = calculateTargetRectWidth(columnWidth, cellPadding);
                    if ((0, _type.isDefined)(cellText)) {
                        const textHeight = "" !== cellText ? calculateTextHeight(doc, cellText, font, {
                            wordWrapEnabled: wordWrapEnabled,
                            targetRectWidth: targetRectWidth
                        }) : 0;
                        const cellHeight = textHeight + cellPadding.top + cellPadding.bottom;
                        if (rowHeight < cellHeight) {
                            rowHeight = cellHeight
                        }
                    }
                }
                return rowHeight
            };
            exports.calculateTargetRectWidth = calculateTargetRectWidth;
            exports.calculateTextHeight = calculateTextHeight;
            exports.getPageHeight = function(doc) {
                return doc.internal.pageSize.getHeight()
            };
            exports.getPageWidth = getPageWidth;
            exports.getTextDimensions = getTextDimensions;
            exports.getTextLines = getTextLines;
            exports.toPdfUnit = function(doc, value) {
                const coefficient = 1 / doc.internal.scaleFactor;
                return value * coefficient
            };
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);

            function getPageWidth(doc) {
                return doc.internal.pageSize.getWidth()
            }

            function getTextLines(doc, text, font, _ref) {
                let {
                    wordWrapEnabled: wordWrapEnabled,
                    targetRectWidth: targetRectWidth
                } = _ref;
                if (wordWrapEnabled) {
                    const usedFont = doc.getFont(null === font || void 0 === font ? void 0 : font.name, null === font || void 0 === font ? void 0 : font.style);
                    return doc.splitTextToSize(text, targetRectWidth, {
                        fontSize: (null === font || void 0 === font ? void 0 : font.size) || doc.getFontSize(),
                        fontName: usedFont.fontName,
                        fontStyle: usedFont.fontStyle
                    })
                }
                let textWithoutLineBreak = text.split("\n").filter(ch => "" !== ch).join(" ");
                if (getTextDimensions(doc, textWithoutLineBreak, font).w <= targetRectWidth) {
                    return [textWithoutLineBreak]
                }
                let textWidth = getTextDimensions(doc, textWithoutLineBreak + "...", font).w;
                while (textWithoutLineBreak.length > 0 && textWidth > targetRectWidth) {
                    let symbolsCountToRemove = 0;
                    if (textWidth >= 2 * targetRectWidth) {
                        symbolsCountToRemove = textWithoutLineBreak.length / 2
                    }
                    if (symbolsCountToRemove < 1) {
                        symbolsCountToRemove = 1
                    }
                    textWithoutLineBreak = textWithoutLineBreak.substring(0, textWithoutLineBreak.length - symbolsCountToRemove);
                    textWidth = getTextDimensions(doc, textWithoutLineBreak + "...", font).w
                }
                return [textWithoutLineBreak + "..."]
            }

            function calculateTargetRectWidth(columnWidth, padding) {
                const width = columnWidth - (padding.left + padding.right);
                return width >= 0 ? width : 0
            }

            function getTextDimensions(doc, text, font) {
                return doc.getTextDimensions(text, {
                    font: doc.getFont(null === font || void 0 === font ? void 0 : font.name, null === font || void 0 === font ? void 0 : font.style),
                    fontSize: (null === font || void 0 === font ? void 0 : font.size) || doc.getFontSize()
                })
            }

            function calculateTextHeight(doc, text, font, _ref2) {
                let {
                    wordWrapEnabled: wordWrapEnabled,
                    targetRectWidth: targetRectWidth
                } = _ref2;
                const heightOfOneLine = getTextDimensions(doc, text, font).h;
                const linesCount = getTextLines(doc, text, font, {
                    wordWrapEnabled: wordWrapEnabled,
                    targetRectWidth: targetRectWidth
                }).length;
                return heightOfOneLine * linesCount * doc.getLineHeightFactor()
            }
        },
        47850(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.applyBordersConfig = function(rows) {
                for (let rowIndex = 0; rowIndex < rows.length; rowIndex++) {
                    const {
                        cells: cells
                    } = rows[rowIndex];
                    for (let columnIndex = 0; columnIndex < cells.length; columnIndex++) {
                        const {
                            pdfCell: pdfCell
                        } = cells[columnIndex];
                        const leftPdfCell = columnIndex >= 1 ? cells[columnIndex - 1].pdfCell : null;
                        const topPdfCell = rowIndex >= 1 ? rows[rowIndex - 1].cells[columnIndex].pdfCell : null;
                        if (false === pdfCell.drawLeftBorder && !(0, _type.isDefined)(cells[columnIndex].colSpan)) {
                            if ((0, _type.isDefined)(leftPdfCell)) {
                                leftPdfCell.drawRightBorder = false
                            }
                        } else if (!(0, _type.isDefined)(pdfCell.drawLeftBorder)) {
                            if ((0, _type.isDefined)(leftPdfCell) && false === leftPdfCell.drawRightBorder) {
                                pdfCell.drawLeftBorder = false
                            }
                        }
                        if (false === pdfCell.drawTopBorder) {
                            if ((0, _type.isDefined)(topPdfCell)) {
                                topPdfCell.drawBottomBorder = false
                            }
                        } else if (!(0, _type.isDefined)(pdfCell.drawTopBorder)) {
                            if ((0, _type.isDefined)(topPdfCell) && false === topPdfCell.drawBottomBorder) {
                                pdfCell.drawTopBorder = false
                            }
                        }
                    }
                }
            };
            exports.applyColSpans = function(rows) {
                for (let rowIndex = 0; rowIndex < rows.length; rowIndex++) {
                    const row = rows[rowIndex];
                    for (let cellIndex = 0; cellIndex < row.cells.length; cellIndex++) {
                        const cell = row.cells[cellIndex];
                        if ((0, _type.isDefined)(cell.colSpan) && !(0, _type.isDefined)(cell.pdfCell.isMerged)) {
                            for (let spanIndex = 1; spanIndex <= cell.colSpan; spanIndex++) {
                                const mergedCell = rows[rowIndex].cells[cellIndex + spanIndex];
                                cell.pdfCell._rect.w += mergedCell.pdfCell._rect.w;
                                mergedCell.pdfCell._rect.w = 0;
                                mergedCell.pdfCell.isMerged = true
                            }
                        }
                    }
                }
            };
            exports.applyRowSpans = function(rows) {
                for (let rowIndex = 0; rowIndex < rows.length; rowIndex++) {
                    const row = rows[rowIndex];
                    for (let cellIndex = 0; cellIndex < row.cells.length; cellIndex++) {
                        const cell = row.cells[cellIndex];
                        if ((0, _type.isDefined)(cell.rowSpan) && !(0, _type.isDefined)(cell.pdfCell.isMerged)) {
                            for (let spanIndex = 1; spanIndex <= cell.rowSpan; spanIndex++) {
                                const mergedCell = rows[rowIndex + spanIndex].cells[cellIndex];
                                cell.pdfCell._rect.h += mergedCell.pdfCell._rect.h;
                                mergedCell.pdfCell._rect.h = 0;
                                mergedCell.pdfCell.isMerged = true
                            }
                        }
                    }
                }
            };
            exports.calculateCoordinates = function(doc, rows, options) {
                const topLeft = null === options || void 0 === options ? void 0 : options.topLeft;
                const margin = null === options || void 0 === options ? void 0 : options.margin;
                let y = ((null === topLeft || void 0 === topLeft ? void 0 : topLeft.y) ?? 0) + margin.top;
                rows.forEach(row => {
                    let x = ((null === topLeft || void 0 === topLeft ? void 0 : topLeft.x) ?? 0) + margin.left;
                    const intend = row.indentLevel * options.indent;
                    row.cells.forEach(cell => {
                        cell.pdfCell._rect.x = x + intend;
                        cell.pdfCell._rect.y = y;
                        x += cell.pdfCell._rect.w
                    });
                    y += row.height
                })
            };
            exports.calculateHeights = function(doc, rows, options) {
                rows.forEach(row => {
                    const pdfCells = row.cells.map(c => c.pdfCell);
                    let customerHeight;
                    if (options.onRowExporting) {
                        const args = {
                            rowCells: pdfCells
                        };
                        options.onRowExporting(args);
                        if ((0, _type.isDefined)(args.rowHeight)) {
                            customerHeight = args.rowHeight
                        }
                    }
                    row.height = (0, _type.isDefined)(customerHeight) ? customerHeight : (0, _pdf_utils.calculateRowHeight)(doc, row.cells, pdfCells.map(c => c._rect.w));
                    pdfCells.forEach(cell => {
                        cell._rect.h = row.height
                    })
                })
            };
            exports.calculateTableSize = function(doc, cells, options) {
                var _options$topLeft, _options$topLeft2;
                let leftPos;
                let topPos;
                let rightPos;
                let bottomPos;
                cells.forEach(cell => {
                    if (!(0, _type.isDefined)(leftPos) || leftPos > cell._rect.x) {
                        leftPos = cell._rect.x
                    }
                    if (!(0, _type.isDefined)(topPos) || topPos > cell._rect.y) {
                        topPos = cell._rect.y
                    }
                    if (!(0, _type.isDefined)(rightPos) || rightPos < cell._rect.x + cell._rect.w) {
                        rightPos = cell._rect.x + cell._rect.w
                    }
                    if (!(0, _type.isDefined)(bottomPos) || bottomPos < cell._rect.y + cell._rect.h) {
                        bottomPos = cell._rect.y + cell._rect.h
                    }
                });
                const x = leftPos ?? (null === options || void 0 === options || null === (_options$topLeft = options.topLeft) || void 0 === _options$topLeft ? void 0 : _options$topLeft.x) ?? 0;
                const y = topPos ?? (null === options || void 0 === options || null === (_options$topLeft2 = options.topLeft) || void 0 === _options$topLeft2 ? void 0 : _options$topLeft2.y) ?? 0;
                const w = (0, _type.isDefined)(rightPos) ? rightPos - x : 0;
                const h = (0, _type.isDefined)(bottomPos) ? bottomPos - y : 0;
                return {
                    x: x,
                    y: y,
                    w: w,
                    h: h
                }
            };
            exports.initializeCellsWidth = function(doc, dataProvider, rows, options) {
                const columnWidths = function(doc, dataProvider, topLeftX, margin, customerColumnWidths) {
                    const DEFAULT_WIDTH = 150;
                    const resultWidths = dataProvider.getColumnsWidths().map(width => (0, _pdf_utils.toPdfUnit)(doc, width ?? DEFAULT_WIDTH));
                    const totalAutoColumnsWidth = resultWidths.filter((width, index) => !(0, _type.isDefined)(customerColumnWidths[index])).reduce(getSum, 0);
                    const totalCustomerColumnsWidth = customerColumnWidths.filter(width => (0, _type.isNumeric)(width)).reduce(getSum, 0);
                    const availablePageWidth = function(doc, topLeftX, margin) {
                        return (0, _pdf_utils.getPageWidth)(doc) - topLeftX - margin.left - margin.right
                    }(doc, topLeftX, margin);
                    const ratio = totalCustomerColumnsWidth < availablePageWidth ? (availablePageWidth - totalCustomerColumnsWidth) / totalAutoColumnsWidth : 1;
                    return resultWidths.map((width, index) => customerColumnWidths[index] ?? width * ratio)
                }(doc, dataProvider, options.topLeft.x, options.margin, options.columnWidths);
                rows.forEach(row => {
                    row.cells.forEach((_ref, index) => {
                        let {
                            gridCell: gridCell,
                            pdfCell: pdfCell
                        } = _ref;
                        pdfCell._rect.w = columnWidths[index]
                    })
                })
            };
            exports.resizeFirstColumnByIndentLevel = function(rows, options) {
                rows.forEach(row => {
                    row.cells[0].pdfCell._rect.w -= row.indentLevel * options.indent
                })
            };
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _pdf_utils = __webpack_require__( /*! ./pdf_utils */ 73960);
            const getSum = (a, b) => a + b
        },
        53965(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.generateRowsInfo = function(doc, dataProvider, dataGrid, headerBackgroundColor) {
                const result = [];
                const rowsCount = dataProvider.getRowsCount();
                const wordWrapEnabled = !!dataGrid.option("wordWrapEnabled");
                const rtlEnabled = !!dataGrid.option("rtlEnabled");
                const columns = dataProvider.getColumns();
                const styles = dataProvider.getStyles();
                for (let rowIndex = 0; rowIndex < rowsCount; rowIndex++) {
                    const {
                        rowType: rowType
                    } = dataProvider.getCellData(rowIndex, 0, true).cellSourceData;
                    let indentLevel = "header" !== rowType ? dataProvider.getGroupLevel(rowIndex) : 0;
                    const previousRow = result[rowIndex - 1];
                    if ("groupFooter" === rowType && "groupFooter" === (null === previousRow || void 0 === previousRow ? void 0 : previousRow.rowType)) {
                        indentLevel = previousRow.indentLevel - 1
                    }
                    result.push({
                        rowType: rowType,
                        indentLevel: indentLevel,
                        cells: generateRowCells({
                            doc: doc,
                            dataProvider: dataProvider,
                            rowIndex: rowIndex,
                            wordWrapEnabled: wordWrapEnabled,
                            columns: columns,
                            styles: styles,
                            rowType: rowType,
                            backgroundColor: "header" === rowType ? headerBackgroundColor : void 0,
                            rtlEnabled: rtlEnabled
                        }),
                        rowIndex: rowIndex
                    })
                }
                return result
            };
            exports.getBaseTableStyle = function() {
                return defaultStyles.base
            };
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/date */ 38662));
            var _number = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/number */ 52771));
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _pdf_utils = __webpack_require__( /*! ./pdf_utils */ 73960);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const defaultStyles = {
                base: {
                    font: {
                        size: 10
                    },
                    borderWidth: .5,
                    borderColor: "#979797"
                },
                header: {
                    textColor: "#979797"
                },
                group: {},
                data: {},
                groupFooter: {},
                totalFooter: {}
            };

            function generateRowCells(_ref) {
                let {
                    doc: doc,
                    dataProvider: dataProvider,
                    rowIndex: rowIndex,
                    wordWrapEnabled: wordWrapEnabled,
                    columns: columns,
                    styles: styles,
                    rowType: rowType,
                    backgroundColor: backgroundColor,
                    rtlEnabled: rtlEnabled
                } = _ref;
                const result = [];
                for (let cellIndex = 0; cellIndex < columns.length; cellIndex++) {
                    const cellData = dataProvider.getCellData(rowIndex, cellIndex, true);
                    const cellStyle = styles[dataProvider.getStyleId(rowIndex, cellIndex)];
                    const style = getPdfCellStyle(columns[cellIndex], rowType, cellStyle);
                    const defaultAlignment = rtlEnabled ? "right" : "left";
                    const paddingValue = (0, _pdf_utils.toPdfUnit)(doc, 5);
                    const pdfCell = {
                        text: getFormattedValue(cellData.value, cellStyle.format),
                        verticalAlign: "middle",
                        horizontalAlign: style.alignment ?? defaultAlignment,
                        wordWrapEnabled: wordWrapEnabled,
                        backgroundColor: backgroundColor,
                        padding: {
                            top: paddingValue,
                            right: paddingValue,
                            bottom: paddingValue,
                            left: paddingValue
                        },
                        _rect: {},
                        _internalTextOptions: {}
                    };
                    if (rtlEnabled) {
                        pdfCell._internalTextOptions.isInputVisual = false;
                        pdfCell._internalTextOptions.isOutputVisual = true;
                        pdfCell._internalTextOptions.isInputRtl = true;
                        pdfCell._internalTextOptions.isOutputRtl = false
                    }
                    const cellInfo = {
                        gridCell: cellData.cellSourceData,
                        pdfCell: Object.assign({}, pdfCell, style)
                    };
                    if ("header" === rowType) {
                        const cellMerging = dataProvider.getCellMerging(rowIndex, cellIndex);
                        if (cellMerging && cellMerging.rowspan > 0) {
                            cellInfo.rowSpan = cellMerging.rowspan
                        }
                        if (cellMerging && cellMerging.colspan > 0) {
                            cellInfo.colSpan = cellMerging.colspan
                        }
                    } else if ("group" === rowType) {
                        const drawLeftBorderField = rtlEnabled ? "drawRightBorder" : "drawLeftBorder";
                        const drawRightBorderField = rtlEnabled ? "drawLeftBorder" : "drawRightBorder";
                        cellInfo.pdfCell[drawLeftBorderField] = 0 === cellIndex;
                        cellInfo.pdfCell[drawRightBorderField] = cellIndex === columns.length - 1;
                        if (cellIndex > 0) {
                            const isEmptyCellsExceptFirst = result.slice(1).reduce((accumulate, cellInfo) => accumulate && !(0, _type.isDefined)(cellInfo.pdfCell.text), true);
                            if (!(0, _type.isDefined)(cellInfo.pdfCell.text) && isEmptyCellsExceptFirst) {
                                result[0].pdfCell[drawRightBorderField] = true;
                                for (let i = 0; i < result.length; i++) {
                                    result[i].colSpan = result.length
                                }
                                cellInfo.colSpan = result.length
                            }
                        }
                    }
                    result.push(cellInfo)
                }
                return result
            }

            function getPdfCellStyle(column, rowType, cellStyle) {
                const styles = Object.assign({}, defaultStyles.base, defaultStyles[rowType]);
                const alignment = "header" === rowType ? column.alignment : cellStyle.alignment;
                if (alignment) {
                    styles.alignment = alignment
                }
                if (cellStyle.bold && "header" !== rowType) {
                    styles.font = Object.assign({}, styles.font, {
                        style: "bold"
                    })
                }
                return styles
            }

            function getFormattedValue(value, format) {
                if ((0, _type.isDefined)(format)) {
                    if ((0, _type.isDate)(value)) {
                        return _date.default.format(value, format)
                    }
                    if ((0, _type.isNumeric)(value)) {
                        return _number.default.format(value, format)
                    }
                }
                return null === value || void 0 === value ? void 0 : value.toString()
            }
        },
        40046(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.createOnSplitMultiPageRow = void 0;
            var _pdf_utils = __webpack_require__( /*! ../pdf_utils */ 73960);

            function createMultiCellRect(rect, text, marginTop) {
                return Object.assign({}, rect, {
                    sourceCellInfo: Object.assign({}, rect.sourceCellInfo, {
                        text: text
                    }),
                    y: marginTop
                })
            }
            exports.createOnSplitMultiPageRow = (doc, options, headerHeight, maxBottomRight) => (isFirstPage, pageRects) => {
                const currentPageRects = [];
                const nextPageRects = [];
                let maxCurrentPageHeight = 0;
                let maxNextPageHeight = 0;
                pageRects.forEach(rect => {
                    const {
                        w: w,
                        sourceCellInfo: sourceCellInfo
                    } = rect;
                    const additionalHeight = !isFirstPage && options.repeatHeaders ? headerHeight : headerHeight + options.topLeft.y;
                    const heightOfOneLine = (0, _pdf_utils.getTextDimensions)(doc, sourceCellInfo.text, sourceCellInfo.font).h;
                    const paddingHeight = sourceCellInfo.padding.top + sourceCellInfo.padding.bottom;
                    const fullPageHeight = maxBottomRight.y - additionalHeight - paddingHeight - options.margin.top;
                    const possibleLinesCount = Math.floor(fullPageHeight / (heightOfOneLine * doc.getLineHeightFactor()));
                    const allLines = (0, _pdf_utils.getTextLines)(doc, sourceCellInfo.text, sourceCellInfo.font, {
                        wordWrapEnabled: sourceCellInfo.wordWrapEnabled,
                        targetRectWidth: w
                    });
                    if (possibleLinesCount < allLines.length) {
                        const currentPageText = allLines.slice(0, possibleLinesCount).join("\n");
                        const currentPageHeight = (0, _pdf_utils.calculateTextHeight)(doc, currentPageText, sourceCellInfo.font, {
                            wordWrapEnabled: sourceCellInfo.wordWrapEnabled,
                            targetRectWidth: w
                        });
                        maxCurrentPageHeight = Math.max(maxCurrentPageHeight, currentPageHeight + paddingHeight);
                        maxNextPageHeight = rect.h - currentPageHeight;
                        currentPageRects.push(createMultiCellRect(rect, currentPageText, options.margin.top));
                        nextPageRects.push(createMultiCellRect(rect, allLines.slice(possibleLinesCount).join("\n"), options.margin.top))
                    } else {
                        const currentPageHeight = (0, _pdf_utils.calculateTextHeight)(doc, sourceCellInfo.text, sourceCellInfo.font, {
                            wordWrapEnabled: sourceCellInfo.wordWrapEnabled,
                            targetRectWidth: w
                        });
                        maxCurrentPageHeight = Math.max(maxCurrentPageHeight, currentPageHeight + paddingHeight);
                        maxNextPageHeight = Math.max(maxNextPageHeight, currentPageHeight + paddingHeight);
                        currentPageRects.push(createMultiCellRect(rect, sourceCellInfo.text, options.margin.top));
                        nextPageRects.push(createMultiCellRect(rect, "", options.margin.top))
                    }
                });
                currentPageRects.forEach(rect => rect.h = maxCurrentPageHeight);
                nextPageRects.forEach(rect => rect.h = maxNextPageHeight);
                return [currentPageRects, nextPageRects]
            }
        },
        23826(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getMultiPageRowPages = exports.checkPageContainsOnlyHeader = void 0;
            const isHeader = rect => "header" === (null === rect || void 0 === rect ? void 0 : rect.sourceCellInfo.gridCell.rowType);
            exports.checkPageContainsOnlyHeader = (pageRects, isFirstPage) => isFirstPage && isHeader(pageRects[pageRects.length - 1]);
            exports.getMultiPageRowPages = (currentPageRects, rectsToSplit, isCurrentPageContainsOnlyHeader, splitMultiPageRowFunc, checkIsFitToPageFunc) => {
                if (!splitMultiPageRowFunc) {
                    return []
                }
                const currentPageLastRect = currentPageRects[currentPageRects.length - 1];
                const nextPageFirstRect = rectsToSplit[currentPageRects.length];
                if (!nextPageFirstRect || isHeader(nextPageFirstRect)) {
                    return []
                }
                const isRectsFitsToPage = checkIsFitToPageFunc(isCurrentPageContainsOnlyHeader, nextPageFirstRect.h);
                if (isRectsFitsToPage && !isCurrentPageContainsOnlyHeader) {
                    return []
                }
                const rectsToPatch = rectsToSplit.filter(_ref => {
                    let {
                        y: y
                    } = _ref;
                    return y === nextPageFirstRect.y
                });
                const firstRectYAdjustment = currentPageLastRect.y + currentPageLastRect.h;
                const [multiPageRowPages, remainPageRects] = ((rectsToPatch, isCurrentPageContainsOnlyHeader, firstRectYAdjustment, splitMultiPageRowFunc, checkIsFitToPageFunc) => {
                    let [newPageRects, remainPageRects] = splitMultiPageRowFunc(isCurrentPageContainsOnlyHeader, rectsToPatch);
                    const newPageRectsArray = [isCurrentPageContainsOnlyHeader ? newPageRects.map(rect => Object.assign({}, rect, {
                        y: firstRectYAdjustment
                    })) : newPageRects];
                    while (!checkIsFitToPageFunc(false, remainPageRects[0].h)) {
                        [newPageRects, remainPageRects] = splitMultiPageRowFunc(false, remainPageRects);
                        newPageRectsArray.push(newPageRects)
                    }
                    return [newPageRectsArray, remainPageRects]
                })(rectsToPatch, isCurrentPageContainsOnlyHeader, firstRectYAdjustment, splitMultiPageRowFunc, checkIsFitToPageFunc);
                ((rectsToSplit, rectsToPatch, remainPageRects) => {
                    rectsToPatch.forEach((rect, rectIndex) => {
                        rect.sourceCellInfo.text = remainPageRects[rectIndex].sourceCellInfo.text;
                        rect.h = remainPageRects[rectIndex].h
                    });
                    const untouchedRowIdx = rectsToSplit.indexOf(rectsToPatch[rectsToPatch.length - 1]) + 1;
                    if (untouchedRowIdx >= rectsToSplit.length) {
                        return
                    }
                    const delta = rectsToSplit[untouchedRowIdx].y - (rectsToPatch[0].y + remainPageRects[0].h);
                    for (let idx = untouchedRowIdx; idx < rectsToSplit.length; idx++) {
                        rectsToSplit[idx].y = rectsToSplit[idx].y - delta
                    }
                })(rectsToSplit, rectsToPatch, remainPageRects);
                return multiPageRowPages
            }
        },
        81888(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.splitByPages = function(doc, rowsInfo, options, onSeparateRectHorizontally, onSeparateRectVertically) {
                if (0 === rowsInfo.length) {
                    return [
                        []
                    ]
                }
                const maxBottomRight = {
                    x: (0, _pdf_utils.getPageWidth)(doc) - options.margin.right,
                    y: (0, _pdf_utils.getPageHeight)(doc) - options.margin.bottom
                };
                const headerRows = rowsInfo.filter(r => "header" === r.rowType);
                const headerHeight = headerRows.reduce((accumulator, row) => accumulator + row.height, 0);
                const verticallyPages = splitRectsByPages(convertToCellsArray(rowsInfo), options.margin.top, "y", "h", (isFirstPage, currentCoordinate) => {
                    const additionalHeight = !isFirstPage && options.repeatHeaders ? headerHeight : 0;
                    return (0, _draw_utils.roundToThreeDecimals)(currentCoordinate + additionalHeight) <= (0, _draw_utils.roundToThreeDecimals)(maxBottomRight.y)
                }, (rect, currentPageMaxRectCoordinate, currentPageRects, rectsToSplit) => {
                    const args = {
                        sourceRect: rect,
                        topRect: {
                            x: rect.x,
                            y: rect.y,
                            w: rect.w,
                            h: currentPageMaxRectCoordinate - rect.y
                        },
                        bottomRect: {
                            x: rect.x,
                            y: currentPageMaxRectCoordinate,
                            w: rect.w,
                            h: rect.h - (currentPageMaxRectCoordinate - rect.y)
                        }
                    };
                    onSeparateRectVertically(args);
                    currentPageRects.push(args.topRect);
                    rectsToSplit.push(args.bottomRect)
                }, (0, _create_on_split_multipage_row.createOnSplitMultiPageRow)(doc, options, headerHeight, maxBottomRight));
                if (options.repeatHeaders) {
                    for (let i = 1; i < verticallyPages.length; i++) {
                        verticallyPages[i].forEach(rect => rect.y += headerHeight);
                        const headerCells = convertToCellsArray(headerRows);
                        headerCells.forEach(cell => {
                            cell.y -= options.topLeft.y
                        });
                        verticallyPages[i] = [...headerCells, ...verticallyPages[i]]
                    }
                }
                let pageIndex = 0;
                while (pageIndex < verticallyPages.length) {
                    const horizontallyPages = splitRectsByPages(verticallyPages[pageIndex], options.margin.left, "x", "w", (pagesLength, currentCoordinate) => (0, _draw_utils.roundToThreeDecimals)(currentCoordinate) <= (0, _draw_utils.roundToThreeDecimals)(maxBottomRight.x), (rect, currentPageMaxRectCoordinate, currentPageRects, rectsToSplit) => {
                        const args = {
                            sourceRect: rect,
                            leftRect: {
                                x: rect.x,
                                y: rect.y,
                                w: currentPageMaxRectCoordinate - rect.x,
                                h: rect.h
                            },
                            rightRect: {
                                x: currentPageMaxRectCoordinate,
                                y: rect.y,
                                w: rect.w - (currentPageMaxRectCoordinate - rect.x),
                                h: rect.h
                            }
                        };
                        onSeparateRectHorizontally(args);
                        currentPageRects.push(args.leftRect);
                        rectsToSplit.push(args.rightRect)
                    });
                    if (horizontallyPages.length > 1) {
                        verticallyPages.splice(pageIndex, 1, ...horizontallyPages);
                        pageIndex += horizontallyPages.length
                    } else {
                        pageIndex += 1
                    }
                }
                return verticallyPages.map(rects => rects.map(rect => Object.assign({}, rect.sourceCellInfo, {
                    _rect: rect
                })))
            };
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _draw_utils = __webpack_require__( /*! ./draw_utils */ 82650);
            var _pdf_utils = __webpack_require__( /*! ./pdf_utils */ 73960);
            var _create_on_split_multipage_row = __webpack_require__( /*! ./rows_spliting_utils/create_on_split_multipage_row */ 40046);
            var _get_multipage_row_pages = __webpack_require__( /*! ./rows_spliting_utils/get_multipage_row_pages */ 23826);

            function convertToCellsArray(rows) {
                return [].concat.apply([], rows.map(rowInfo => rowInfo.cells.filter(cell => !(0, _type.isDefined)(cell.pdfCell.isMerged)).map(cellInfo => Object.assign({}, cellInfo.pdfCell._rect, {
                    sourceCellInfo: Object.assign({}, cellInfo.pdfCell, {
                        gridCell: cellInfo.gridCell
                    })
                }))))
            }

            function splitRectsByPages(rects, marginValue, coordinate, dimension, isFitToPage, onSeparateCallback, onSplitMultiPageRow) {
                const pages = [];
                const rectsToSplit = [...rects];
                const isFitToPageForMultiPageRow = (isFirstPage, rectHeight) => isFitToPage(isFirstPage, rectHeight + marginValue);
                while (rectsToSplit.length > 0) {
                    let currentPageMaxRectCoordinate = 0;
                    const currentPageRects = rectsToSplit.filter(rect => {
                        const currentRectCoordinate = rect[coordinate] + rect[dimension];
                        if (isFitToPage(0 === pages.length, currentRectCoordinate)) {
                            if (currentPageMaxRectCoordinate <= currentRectCoordinate) {
                                currentPageMaxRectCoordinate = currentRectCoordinate
                            }
                            return true
                        }
                        return false
                    });
                    const isCurrentPageContainsOnlyHeader = (0, _get_multipage_row_pages.checkPageContainsOnlyHeader)(currentPageRects, 0 === pages.length);
                    const multiPageRowPages = (0, _get_multipage_row_pages.getMultiPageRowPages)(currentPageRects, rectsToSplit, isCurrentPageContainsOnlyHeader, onSplitMultiPageRow, isFitToPageForMultiPageRow);
                    const rectsToSeparate = rectsToSplit.filter(rect => {
                        const currentRectLeft = rect[coordinate];
                        const currentRectRight = rect[coordinate] + rect[dimension];
                        return currentPageMaxRectCoordinate - currentRectLeft > .001 && currentRectRight - currentPageMaxRectCoordinate > .001
                    });
                    rectsToSeparate.forEach(rect => {
                        onSeparateCallback(rect, currentPageMaxRectCoordinate, currentPageRects, rectsToSplit);
                        const index = rectsToSplit.indexOf(rect);
                        if (-1 !== index) {
                            rectsToSplit.splice(index, 1)
                        }
                    });
                    currentPageRects.forEach(rect => {
                        const index = rectsToSplit.indexOf(rect);
                        if (-1 !== index) {
                            rectsToSplit.splice(index, 1)
                        }
                    });
                    rectsToSplit.forEach(rect => {
                        rect[coordinate] = (0, _type.isDefined)(currentPageMaxRectCoordinate) ? rect[coordinate] - currentPageMaxRectCoordinate + marginValue : rect[coordinate]
                    });
                    const firstPageContainsHeaderAndMultiPageRow = isCurrentPageContainsOnlyHeader && multiPageRowPages.length > 0;
                    if (firstPageContainsHeaderAndMultiPageRow) {
                        const [firstPage, ...restOfPages] = multiPageRowPages;
                        pages.push([...currentPageRects, ...firstPage]);
                        pages.push(...restOfPages)
                    } else if (currentPageRects.length > 0) {
                        pages.push(currentPageRects);
                        pages.push(...multiPageRowPages)
                    } else if (multiPageRowPages.length > 0) {
                        pages.push(...multiPageRowPages);
                        pages.push(rectsToSplit)
                    } else {
                        pages.push(rectsToSplit);
                        break
                    }
                }
                return pages
            }
        },
        5954(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.exportDataGrid = function(options) {
                return _export.Export.export(function(options) {
                    if (!((0, _type.isDefined)(options) && (0, _type.isObject)(options))) {
                        throw Error('The "exportDataGrid" method requires a configuration object.')
                    }
                    if (!((0, _type.isDefined)(options.component) && (0, _type.isObject)(options.component) && "dxDataGrid" === options.component.NAME)) {
                        throw Error('The "component" field must contain a DataGrid instance.')
                    }
                    if (!((0, _type.isDefined)(options.jsPDFDocument) && (0, _type.isObject)(options.jsPDFDocument))) {
                        throw Error('The "jsPDFDocument" field must contain a jsPDF instance.')
                    }
                    if ((0, _type.isDefined)(options.autoTableOptions)) {
                        _errors.default.log("W0001", "Export", "autoTableOptions", "22.1", "You can migrate from exporting to PDF with the AutoTable plugin to a new export system. See the following topic for more information: https://supportcenter.devexpress.com/ticket/details/t1077554")
                    }
                    return _export.Export.getFullOptions(options)
                }(options))
            };
            var _errors = (e = __webpack_require__( /*! ../../../core/errors */ 87129), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _export = __webpack_require__( /*! ./common/export */ 14400)
        },
        38113(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.exportGantt = function(options) {
                const {
                    component: component
                } = options;
                return null === component || void 0 === component ? void 0 : component.exportToPdf(options)
            }
        },
        16377(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getData = function(data, options) {
                return _image_creator.imageCreator.getImageData(data, (0, _extend.extend)({}, options, {
                    format: "JPEG"
                })).then(imageString => {
                    const binaryData = function(imageString, options, curDate) {
                        const margin = 2 * (options.margin || 0);
                        let {
                            width: width,
                            height: height
                        } = (0, _image_creator.calcScaledInfo)(options.width, options.height);
                        width += margin;
                        height += margin;
                        const widthPt = (.75 * width).toFixed(2);
                        const heightPt = (.75 * height).toFixed(2);
                        const flooredWidth = Math.floor(width);
                        const flooredHeight = Math.floor(height);
                        const mainPage = mainPageTemplate.replace("_width_", widthPt).replace("_height_", heightPt);
                        const content = contentTemplate.replace("_width_", widthPt).replace("_height_", heightPt);
                        const info = infoTemplate.replace("_date_", curDate).replace("_version_", _version.version);
                        const image = imageStartTemplate.replace("_width_", flooredWidth).replace("_height_", flooredHeight).replace("_length_", imageString.length) + imageString + "\r\nendstream\r\nendobj\r\n";
                        const xref = (mainPageLength = mainPage.length, contentLength = content.length, infoLength = info.length, xrefTemplate.replace("_main_", pad(`${mainPageLength}`, 10)).replace("_info_", pad(`${mainPageLength+contentLength}`, 10)).replace("_image_", pad(`${mainPageLength+contentLength+infoLength}`, 10)));
                        var mainPageLength, contentLength, infoLength;
                        const mainContent = mainPage + content + info + image;
                        const trailer = trailerTemplate.replace("_length_", mainContent.length);
                        return mainContent + xref + trailer
                    }(imageString, options, function(date) {
                        const dateUnits = [date.getUTCFullYear(), getTwoDigitValue(date.getUTCMonth()), getTwoDigitValue(date.getUTCDate()), getTwoDigitValue(date.getUTCHours()), getTwoDigitValue(date.getUTCMinutes()), getTwoDigitValue(date.getUTCSeconds())];
                        return `(D:${dateUnits.join("")}Z00'00')`
                    }(new Date));
                    const pdfData = (0, _type.isFunction)(window.Blob) ? function(binaryData) {
                        let i = 0;
                        const dataArray = new Uint8Array(binaryData.length);
                        for (; i < binaryData.length; i++) {
                            dataArray[i] = binaryData.charCodeAt(i)
                        }
                        return new window.Blob([dataArray.buffer], {
                            type: "application/pdf"
                        })
                    }(binaryData) : function(binaryData) {
                        return window.btoa(binaryData)
                    }(binaryData);
                    return pdfData
                })
            };
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _version = __webpack_require__( /*! ../../core/version */ 1956);
            var _image_creator = __webpack_require__( /*! ./image_creator */ 80146);
            const window = (0, _window.getWindow)();
            const mainPageTemplate = "%PDF-1.3\r\n2 0 obj\r\n<</ProcSet[/PDF/ImageB/ImageC/ImageI]/XObject<</I0 5 0 R>>>>\r\nendobj\r\n4 0 obj\r\n<</Type/Pages/Kids[1 0 R]/Count 1>>\r\nendobj\r\n7 0 obj\r\n<</OpenAction[1 0 R /FitH null]/Type/Catalog/Pages 4 0 R/PageLayout/OneColumn>>\r\nendobj\r\n1 0 obj\r\n<</Type/Page/Resources 2 0 R/MediaBox[0 0 _width_ _height_]/Contents 3 0 R/Parent 4 0 R>>\r\nendobj\r\n";
            const contentTemplate = "3 0 obj\r\n<</Length 52>>stream\r\n0.20 w\n0 G\nq _width_ 0 0 _height_ 0.00 0.00 cm /I0 Do Q\r\nendstream\r\nendobj\r\n";
            const infoTemplate = "6 0 obj\r\n<</CreationDate _date_/Producer(DevExtreme _version_)>>\r\nendobj\r\n";
            const imageStartTemplate = "5 0 obj\r\n<</Type/XObject/Subtype/Image/Width _width_/Height _height_/ColorSpace/DeviceRGB/BitsPerComponent 8/Filter/DCTDecode/Length _length_>>stream\r\n";
            const trailerTemplate = "trailer\r\n<<\r\n/Size 8\r\n/Root 7 0 R\r\n/Info 6 0 R\r\n>>\r\nstartxref\r\n_length_\r\n%%EOF";
            const xrefTemplate = "xref\r\n0 8\r\n0000000000 65535 f\r\n0000000241 00000 n\r\n0000000010 00000 n\r\n_main_ 00000 n\r\n0000000089 00000 n\r\n_image_ 00000 n\r\n_info_ 00000 n\r\n0000000143 00000 n\r\n";
            const pad = function(str, len) {
                return str.length < len ? pad(`0${str}`, len) : str
            };

            function getTwoDigitValue(value) {
                const stringValue = value.toString();
                if (1 === stringValue.length) {
                    return `0${value}`
                }
                return value
            }
        },
        75165(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getData = function(data, options) {
                return svgCreator.getData(data, options)
            };
            exports.svgCreator = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _ajax = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/ajax */ 78670));
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _m_svg = _interopRequireDefault(__webpack_require__( /*! ../core/utils/m_svg */ 89650));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const svgCreator = exports.svgCreator = {
                _markup: "",
                _imageArray: {},
                _imageDeferreds: [],
                _getBinaryFile(src, callback) {
                    _ajax.default.sendRequest({
                        url: src,
                        method: "GET",
                        responseType: "arraybuffer"
                    }).done(callback).fail(() => {
                        callback(false)
                    })
                },
                _loadImages() {
                    const that = this;
                    (0, _iterator.each)(that._imageArray, src => {
                        const deferred = (0, _deferred.Deferred)();
                        that._imageDeferreds.push(deferred);
                        that._getBinaryFile(src, response => {
                            if (!response) {
                                delete that._imageArray[src];
                                deferred.resolve();
                                return
                            }
                            let i;
                            let binary = "";
                            const bytes = new Uint8Array(response);
                            const length = bytes.byteLength;
                            for (i = 0; i < length; i++) {
                                binary += String.fromCharCode(bytes[i])
                            }
                            that._imageArray[src] = `data:image/png;base64,${window.btoa(binary)}`;
                            deferred.resolve()
                        })
                    })
                },
                _parseImages(element) {
                    let href;
                    const that = this;
                    if ("image" === element.tagName) {
                        href = (0, _renderer.default)(element).attr("href") || (0, _renderer.default)(element).attr("xlink:href");
                        if (!that._imageArray[href]) {
                            that._imageArray[href] = ""
                        }
                    }(0, _iterator.each)(element.childNodes, (_, element) => {
                        that._parseImages(element)
                    })
                },
                _prepareImages(svgElem) {
                    this._parseImages(svgElem);
                    this._loadImages();
                    return _deferred.when.apply(_renderer.default, this._imageDeferreds)
                },
                getData(data, options) {
                    let markup;
                    const that = this;
                    const svgElem = _m_svg.default.getSvgElement(data);
                    const $svgObject = (0, _renderer.default)(svgElem);
                    $svgObject.find(`[${_m_svg.default.HIDDEN_FOR_EXPORT}]`).remove();
                    markup = '<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>' + _m_svg.default.getSvgMarkup($svgObject.get(0), options.backgroundColor);
                    return that._prepareImages(svgElem).then(() => {
                        (0, _iterator.each)(that._imageArray, (href, dataURI) => {
                            const regexpString = `href=['|"]${href}['|"]`;
                            markup = markup.replace(new RegExp(regexpString, "gi"), `href="${dataURI}"`)
                        });
                        return (0, _type.isFunction)(window.Blob) ? that._getBlob(markup) : that._getBase64(markup)
                    })
                },
                _getBlob: markup => new window.Blob([markup], {
                    type: "image/svg+xml"
                }),
                _getBase64: markup => window.btoa(markup)
            }
        },
        43846(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../core/utils/data */ 31e3);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _provider_base = (e = __webpack_require__( /*! ../file_management/provider_base */ 3508), e && e.__esModule ? e : {
                default: e
            });
            var e;
            class CustomFileSystemProvider extends _provider_base.default {
                constructor(options) {
                    options = (0, _common.ensureDefined)(options, {});
                    super(options);
                    this._hasSubDirsGetter = (0, _data.compileGetter)(options.hasSubDirectoriesExpr ?? "hasSubDirectories");
                    this._getItemsFunction = this._ensureFunction(options.getItems, () => []);
                    this._renameItemFunction = this._ensureFunction(options.renameItem);
                    this._createDirectoryFunction = this._ensureFunction(options.createDirectory);
                    this._deleteItemFunction = this._ensureFunction(options.deleteItem);
                    this._moveItemFunction = this._ensureFunction(options.moveItem);
                    this._copyItemFunction = this._ensureFunction(options.copyItem);
                    this._uploadFileChunkFunction = this._ensureFunction(options.uploadFileChunk);
                    this._abortFileUploadFunction = this._ensureFunction(options.abortFileUpload);
                    this._downloadItemsFunction = this._ensureFunction(options.downloadItems);
                    this._getItemsContentFunction = this._ensureFunction(options.getItemsContent)
                }
                getItems(parentDirectory) {
                    const pathInfo = parentDirectory.getFullPathInfo();
                    return this._executeActionAsDeferred(() => {
                        var _this$_getItemsFuncti;
                        return null === (_this$_getItemsFuncti = this._getItemsFunction) || void 0 === _this$_getItemsFuncti ? void 0 : _this$_getItemsFuncti.call(this, parentDirectory)
                    }, true).then(dataItems => this._convertDataObjectsToFileItems(dataItems, pathInfo))
                }
                renameItem(item, name) {
                    return this._executeActionAsDeferred(() => {
                        var _this$_renameItemFunc;
                        return null === (_this$_renameItemFunc = this._renameItemFunction) || void 0 === _this$_renameItemFunc ? void 0 : _this$_renameItemFunc.call(this, item, name)
                    })
                }
                createDirectory(parentDirectory, name) {
                    return this._executeActionAsDeferred(() => {
                        var _this$_createDirector;
                        return null === (_this$_createDirector = this._createDirectoryFunction) || void 0 === _this$_createDirector ? void 0 : _this$_createDirector.call(this, parentDirectory, name)
                    })
                }
                deleteItems(items) {
                    return items.map(item => this._executeActionAsDeferred(() => {
                        var _this$_deleteItemFunc;
                        return null === (_this$_deleteItemFunc = this._deleteItemFunction) || void 0 === _this$_deleteItemFunc ? void 0 : _this$_deleteItemFunc.call(this, item)
                    }))
                }
                moveItems(items, destinationDirectory) {
                    return items.map(item => this._executeActionAsDeferred(() => {
                        var _this$_moveItemFuncti;
                        return null === (_this$_moveItemFuncti = this._moveItemFunction) || void 0 === _this$_moveItemFuncti ? void 0 : _this$_moveItemFuncti.call(this, item, destinationDirectory)
                    }))
                }
                copyItems(items, destinationFolder) {
                    return items.map(item => this._executeActionAsDeferred(() => {
                        var _this$_copyItemFuncti;
                        return null === (_this$_copyItemFuncti = this._copyItemFunction) || void 0 === _this$_copyItemFuncti ? void 0 : _this$_copyItemFuncti.call(this, item, destinationFolder)
                    }))
                }
                uploadFileChunk(fileData, chunksInfo, destinationDirectory) {
                    return this._executeActionAsDeferred(() => {
                        var _this$_uploadFileChun;
                        return null === (_this$_uploadFileChun = this._uploadFileChunkFunction) || void 0 === _this$_uploadFileChun ? void 0 : _this$_uploadFileChun.call(this, fileData, chunksInfo, destinationDirectory)
                    })
                }
                abortFileUpload(fileData, chunksInfo, destinationDirectory) {
                    return this._executeActionAsDeferred(() => {
                        var _this$_abortFileUploa;
                        return null === (_this$_abortFileUploa = this._abortFileUploadFunction) || void 0 === _this$_abortFileUploa ? void 0 : _this$_abortFileUploa.call(this, fileData, chunksInfo, destinationDirectory)
                    })
                }
                downloadItems(items) {
                    return this._executeActionAsDeferred(() => {
                        var _this$_downloadItemsF;
                        return null === (_this$_downloadItemsF = this._downloadItemsFunction) || void 0 === _this$_downloadItemsF ? void 0 : _this$_downloadItemsF.call(this, items)
                    })
                }
                getItemsContent(items) {
                    return this._executeActionAsDeferred(() => {
                        var _this$_getItemsConten;
                        return null === (_this$_getItemsConten = this._getItemsContentFunction) || void 0 === _this$_getItemsConten ? void 0 : _this$_getItemsConten.call(this, items)
                    })
                }
                _hasSubDirs(dataObj) {
                    var _this$_hasSubDirsGett;
                    const hasSubDirs = null === (_this$_hasSubDirsGett = this._hasSubDirsGetter) || void 0 === _this$_hasSubDirsGett ? void 0 : _this$_hasSubDirsGett.call(this, dataObj);
                    return "boolean" === typeof hasSubDirs ? hasSubDirs : true
                }
                _getKeyExpr(options) {
                    return options.keyExpr ?? "key"
                }
                _ensureFunction(functionObject, defaultFunction) {
                    defaultFunction = defaultFunction ?? _common.noop;
                    return (0, _type.isFunction)(functionObject) ? functionObject : defaultFunction
                }
            }
            exports.default = CustomFileSystemProvider
        },
        44997(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.default = class {
                constructor(errorCode, fileSystemItem, errorText) {
                    this.errorCode = errorCode;
                    this.fileSystemItem = fileSystemItem;
                    this.errorText = errorText
                }
            }
        },
        21420(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.default = {
                NoAccess: 0,
                FileExists: 1,
                FileNotFound: 2,
                DirectoryExists: 3,
                DirectoryNotFound: 4,
                WrongFileExtension: 5,
                MaxFileSizeExceeded: 6,
                InvalidSymbols: 7,
                Other: 32767
            }
        },
        50259(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../file_management/utils */ 15522);
            class FileSystemItem {
                constructor() {
                    if ((0, _type.isString)(arguments.length <= 0 ? void 0 : arguments[0])) {
                        this._publicCtor(arguments.length <= 0 ? void 0 : arguments[0], arguments.length <= 1 ? void 0 : arguments[1], arguments.length <= 2 ? void 0 : arguments[2])
                    } else {
                        this._internalCtor(arguments.length <= 0 ? void 0 : arguments[0], arguments.length <= 1 ? void 0 : arguments[1], arguments.length <= 2 ? void 0 : arguments[2], arguments.length <= 3 ? void 0 : arguments[3])
                    }
                }
                _internalCtor(pathInfo, name, isDirectory, key) {
                    this.name = name || "";
                    this.pathInfo = pathInfo ? [...pathInfo] : [];
                    this.parentPath = this._getPathByPathInfo(this.pathInfo);
                    this.relativeName = (0, _utils.pathCombine)(this.parentPath, name);
                    this.key = key || this._getPathByPathInfo(this.getFullPathInfo(), true);
                    this.path = (0, _utils.pathCombine)(this.parentPath, name);
                    this.pathKeys = this.pathInfo.map(info => info.key);
                    if (!this.isRoot()) {
                        this.pathKeys.push(this.key)
                    }
                    this._initialize(isDirectory)
                }
                _publicCtor(path, isDirectory, pathKeys) {
                    this.path = path || "";
                    this.pathKeys = pathKeys ?? [];
                    const pathInfo = [];
                    const parts = (0, _utils.getPathParts)(path, true);
                    for (let i = 0; i < parts.length - 1; i += 1) {
                        const part = parts[i];
                        const pathInfoPart = {
                            key: this.pathKeys[i] || part,
                            name: (0, _utils.getName)(part)
                        };
                        pathInfo.push(pathInfoPart)
                    }
                    this.pathInfo = pathInfo;
                    this.relativeName = path;
                    this.name = (0, _utils.getName)(path);
                    this.key = this.pathKeys.length ? this.pathKeys[this.pathKeys.length - 1] : path;
                    this.parentPath = parts.length > 1 ? parts[parts.length - 2] : "";
                    this._initialize(isDirectory)
                }
                _initialize(isDirectory) {
                    this.isDirectory = !!isDirectory;
                    this.size = 0;
                    this.dateModified = new Date;
                    this.thumbnail = "";
                    this.tooltipText = ""
                }
                getFullPathInfo() {
                    const pathInfo = [...this.pathInfo ?? []];
                    if (!this.isRoot()) {
                        pathInfo.push({
                            key: this.key,
                            name: this.name
                        })
                    }
                    return pathInfo
                }
                isRoot() {
                    return "" === this.path
                }
                getFileExtension() {
                    return this.isDirectory ? "" : (0, _utils.getFileExtension)(this.name)
                }
                equals(item) {
                    return item && this.key === item.key
                }
                createClone() {
                    const result = new FileSystemItem(this.pathInfo, this.name, this.isDirectory, this.key);
                    result.key = this.key;
                    result.size = this.size;
                    result.dateModified = this.dateModified;
                    result.thumbnail = this.thumbnail;
                    result.tooltipText = this.tooltipText;
                    result.hasSubDirectories = this.hasSubDirectories;
                    result.dataItem = this.dataItem;
                    return result
                }
                _getPathByPathInfo(pathInfo, escape) {
                    return pathInfo.map(info => escape ? (0, _utils.getEscapedFileName)(info.name) : info.name).join(_utils.PATH_SEPARATOR)
                }
            }
            exports.default = FileSystemItem
        },
        91498(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _common = __webpack_require__( /*! ../../common */ 83077);
            var _errors = __webpack_require__( /*! ../../common/data/errors */ 82812);
            var _common2 = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../core/utils/data */ 31e3);
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../ui/widget/ui.errors */ 35185));
            var _file_saver = __webpack_require__( /*! ../exporter/file_saver */ 47486);
            var _error = _interopRequireDefault(__webpack_require__( /*! ../file_management/error */ 44997));
            var _error_codes = _interopRequireDefault(__webpack_require__( /*! ../file_management/error_codes */ 21420));
            var _provider_base = _interopRequireDefault(__webpack_require__( /*! ../file_management/provider_base */ 3508));
            var _utils = __webpack_require__( /*! ../file_management/utils */ 15522);
            var _jszip = _interopRequireDefault(__webpack_require__( /*! jszip */ 87531));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            class ObjectFileSystemProvider extends _provider_base.default {
                constructor(options) {
                    options = (0, _common2.ensureDefined)(options, {});
                    super(options);
                    const initialArray = options.data;
                    if (initialArray && !Array.isArray(initialArray)) {
                        throw _errors.errors.Error("E4006")
                    }
                    const itemsExpr = options.itemsExpr ?? "items";
                    this._subFileItemsGetter = (0, _data.compileGetter)(itemsExpr);
                    this._subFileItemsSetter = this._getSetter(itemsExpr);
                    const contentExpr = options.contentExpr ?? "content";
                    this._contentGetter = (0, _data.compileGetter)(contentExpr);
                    this._contentSetter = this._getSetter(contentExpr);
                    const nameExpr = this._getNameExpr(options);
                    this._nameSetter = this._getSetter(nameExpr);
                    const isDirExpr = this._getIsDirExpr(options);
                    this._getIsDirSetter = this._getSetter(isDirExpr);
                    const keyExpr = this._getKeyExpr(options);
                    this._keySetter = this._getSetter(keyExpr);
                    const sizeExpr = this._getSizeExpr(options);
                    this._sizeSetter = this._getSetter(sizeExpr);
                    const dateModifiedExpr = this._getDateModifiedExpr(options);
                    this._dateModifiedSetter = this._getSetter(dateModifiedExpr);
                    this._data = initialArray ?? []
                }
                getItems(parentDirectory) {
                    return this._executeActionAsDeferred(() => this._getItems(parentDirectory), true)
                }
                renameItem(item, name) {
                    return this._executeActionAsDeferred(() => this._renameItemCore(item, name))
                }
                _renameItemCore(item, name) {
                    if (!item) {
                        return
                    }
                    const dataItem = this._findDataObject(item);
                    this._nameSetter(dataItem, name);
                    item.name = name;
                    item.key = this._ensureDataObjectKey(dataItem)
                }
                createDirectory(parentDirectory, name) {
                    return this._executeActionAsDeferred(() => {
                        this._validateDirectoryExists(parentDirectory);
                        this._createDataObject(parentDirectory, name, true)
                    })
                }
                deleteItems(items) {
                    return items.map(item => this._executeActionAsDeferred(() => this._deleteItem(item)))
                }
                moveItems(items, destinationDirectory) {
                    const destinationDataItem = this._findDataObject(destinationDirectory);
                    const array = this._getDirectoryDataItems(destinationDataItem);
                    return items.map(item => this._executeActionAsDeferred(() => {
                        this._checkAbilityToMoveOrCopyItem(item, destinationDirectory);
                        const dataItem = this._findDataObject(item);
                        this._deleteItem(item);
                        array.push(dataItem)
                    }))
                }
                copyItems(items, destinationDirectory) {
                    const destinationDataItem = this._findDataObject(destinationDirectory);
                    const array = this._getDirectoryDataItems(destinationDataItem);
                    return items.map(item => this._executeActionAsDeferred(() => {
                        this._checkAbilityToMoveOrCopyItem(item, destinationDirectory);
                        const dataItem = this._findDataObject(item);
                        const copiedItem = this._createCopy(dataItem);
                        array.push(copiedItem)
                    }))
                }
                uploadFileChunk(fileData, chunksInfo, destinationDirectory) {
                    if (chunksInfo.chunkIndex > 0) {
                        return chunksInfo.customData.deferred
                    }
                    this._validateDirectoryExists(destinationDirectory);
                    const deferred = chunksInfo.customData.deferred = new _deferred.Deferred;
                    const reader = this._createFileReader();
                    reader.readAsDataURL(fileData);
                    reader.onload = () => {
                        const content = reader.result.split(",")[1];
                        const dataObj = this._createDataObject(destinationDirectory, fileData.name, false);
                        this._sizeSetter(dataObj, fileData.size);
                        this._dateModifiedSetter(dataObj, fileData.lastModified);
                        this._contentSetter(dataObj, content);
                        deferred.resolve()
                    };
                    reader.onerror = error => deferred.reject(error);
                    return deferred
                }
                downloadItems(items) {
                    if (1 === items.length) {
                        this._downloadSingleFile(items[0])
                    } else {
                        this._downloadMultipleFiles(items)
                    }
                }
                _downloadSingleFile(file) {
                    const content = this._getFileContent(file);
                    const byteString = window.atob(content);
                    const arrayBuffer = new ArrayBuffer(byteString.length);
                    const array = new Uint8Array(arrayBuffer);
                    for (let i = 0; i < byteString.length; i += 1) {
                        array[i] = byteString.charCodeAt(i)
                    }
                    const blob = new window.Blob([arrayBuffer], {
                        type: "application/octet-stream"
                    });
                    _file_saver.fileSaver.saveAs(file.name, null, blob)
                }
                _downloadMultipleFiles(files) {
                    const jsZip = function() {
                        if (!_jszip.default) {
                            throw _ui.default.Error("E1041", "JSZip")
                        }
                        return _jszip.default
                    }();
                    const zip = new jsZip;
                    files.forEach(file => zip.file(file.name, this._getFileContent(file), {
                        base64: true
                    }));
                    const options = {
                        type: "blob",
                        compression: "DEFLATE",
                        mimeType: "application/zip"
                    };
                    const deferred = new _deferred.Deferred;
                    if (zip.generateAsync) {
                        zip.generateAsync(options).then(deferred.resolve)
                    } else {
                        deferred.resolve(zip.generate(options))
                    }
                    deferred.done(blob => _file_saver.fileSaver.saveAs("files.zip", null, blob))
                }
                _getFileContent(file) {
                    const dataItem = this._findDataObject(file);
                    return this._contentGetter(dataItem) || ""
                }
                _validateDirectoryExists(directoryInfo) {
                    var _this$_isDirGetter;
                    if (!this._isFileItemExists(directoryInfo) || null !== (_this$_isDirGetter = this._isDirGetter) && void 0 !== _this$_isDirGetter && _this$_isDirGetter.call(this, directoryInfo.fileItem)) {
                        throw new _error.default(_error_codes.default.DirectoryNotFound, directoryInfo)
                    }
                }
                _checkAbilityToMoveOrCopyItem(item, destinationDirectory) {
                    const dataItem = this._findDataObject(item);
                    const itemKey = this._getKeyFromDataObject(dataItem, item.parentPath);
                    const pathInfo = destinationDirectory.getFullPathInfo();
                    let currentPath = "";
                    pathInfo.forEach(info => {
                        currentPath = (0, _utils.pathCombine)(currentPath, info.name);
                        const pathKey = this._getDataObjectKey(info.key, currentPath);
                        if (pathKey === itemKey) {
                            throw new _error.default(_error_codes.default.Other, item)
                        }
                    })
                }
                _createDataObject(parentDirectory, name, isDirectory) {
                    const dataObj = {};
                    this._nameSetter(dataObj, name);
                    this._getIsDirSetter(dataObj, isDirectory);
                    this._keySetter(dataObj, String(new _common.Guid));
                    const parentDataItem = this._findDataObject(parentDirectory);
                    const array = this._getDirectoryDataItems(parentDataItem);
                    array.push(dataObj);
                    return dataObj
                }
                _createCopy(dataObj) {
                    var _this$_nameGetter, _this$_isDirGetter2;
                    const copyObj = {};
                    this._nameSetter(copyObj, null === (_this$_nameGetter = this._nameGetter) || void 0 === _this$_nameGetter ? void 0 : _this$_nameGetter.call(this, dataObj));
                    this._getIsDirSetter(copyObj, null === (_this$_isDirGetter2 = this._isDirGetter) || void 0 === _this$_isDirGetter2 ? void 0 : _this$_isDirGetter2.call(this, dataObj));
                    const items = this._subFileItemsGetter(dataObj);
                    if (Array.isArray(items)) {
                        const itemsCopy = [];
                        items.forEach(childItem => {
                            const childCopy = this._createCopy(childItem);
                            itemsCopy.push(childCopy)
                        });
                        this._subFileItemsSetter(copyObj, itemsCopy)
                    }
                    return copyObj
                }
                _deleteItem(fileItem) {
                    const dataItem = this._findDataObject(fileItem);
                    const parentDirDataObj = this._findFileItemObj(fileItem.pathInfo);
                    const array = this._getDirectoryDataItems(parentDirDataObj);
                    const index = array.indexOf(dataItem);
                    array.splice(index, 1)
                }
                _getDirectoryDataItems(directoryDataObj) {
                    if (!directoryDataObj) {
                        return this._data
                    }
                    let dataItems = this._subFileItemsGetter(directoryDataObj);
                    if (!Array.isArray(dataItems)) {
                        dataItems = [];
                        this._subFileItemsSetter(directoryDataObj, dataItems)
                    }
                    return dataItems
                }
                _getItems(parentDirectory) {
                    this._validateDirectoryExists(parentDirectory);
                    const pathInfo = parentDirectory.getFullPathInfo();
                    const parentDirKey = pathInfo && pathInfo.length > 0 ? pathInfo[pathInfo.length - 1].key : null;
                    let dirFileObjects = this._data;
                    if (parentDirKey) {
                        const directoryEntry = this._findFileItemObj(pathInfo);
                        dirFileObjects = directoryEntry && this._subFileItemsGetter(directoryEntry) || []
                    }
                    this._ensureKeysForDuplicateNameItems(dirFileObjects);
                    return this._convertDataObjectsToFileItems(dirFileObjects, pathInfo)
                }
                _ensureKeysForDuplicateNameItems(dataObjects) {
                    const names = {};
                    dataObjects.forEach(obj => {
                        var _this$_nameGetter2;
                        const name = null === (_this$_nameGetter2 = this._nameGetter) || void 0 === _this$_nameGetter2 ? void 0 : _this$_nameGetter2.call(this, obj);
                        if (names[name]) {
                            this._ensureDataObjectKey(obj)
                        } else {
                            names[name] = true
                        }
                    })
                }
                _findDataObject(item) {
                    if (item.isRoot()) {
                        return null
                    }
                    const result = this._findFileItemObj(item.getFullPathInfo());
                    if (!result) {
                        const errorCode = item.isDirectory ? _error_codes.default.DirectoryNotFound : _error_codes.default.FileNotFound;
                        throw new _error.default(errorCode, item)
                    }
                    return result
                }
                _findFileItemObj(pathInfo) {
                    if (!Array.isArray(pathInfo)) {
                        pathInfo = []
                    }
                    let currentPath = "";
                    let fileItemObj = null;
                    let fileItemObjects = this._data;
                    for (let i = 0; i < pathInfo.length && (0 === i || fileItemObj); i += 1) {
                        fileItemObj = fileItemObjects.find(item => {
                            var _this$_isDirGetter3, _this$_nameGetter3;
                            const hasCorrectFileItemType = (null === (_this$_isDirGetter3 = this._isDirGetter) || void 0 === _this$_isDirGetter3 ? void 0 : _this$_isDirGetter3.call(this, item)) || i === pathInfo.length - 1;
                            return this._getKeyFromDataObject(item, currentPath) === pathInfo[i].key && (null === (_this$_nameGetter3 = this._nameGetter) || void 0 === _this$_nameGetter3 ? void 0 : _this$_nameGetter3.call(this, item)) === pathInfo[i].name && hasCorrectFileItemType
                        });
                        if (fileItemObj) {
                            var _this$_nameGetter4;
                            currentPath = (0, _utils.pathCombine)(currentPath, null === (_this$_nameGetter4 = this._nameGetter) || void 0 === _this$_nameGetter4 ? void 0 : _this$_nameGetter4.call(this, fileItemObj));
                            fileItemObjects = this._subFileItemsGetter(fileItemObj)
                        }
                    }
                    return fileItemObj
                }
                _getKeyFromDataObject(dataObj, defaultKeyPrefix) {
                    var _this$_keyGetter, _this$_nameGetter5;
                    const key = null === (_this$_keyGetter = this._keyGetter) || void 0 === _this$_keyGetter ? void 0 : _this$_keyGetter.call(this, dataObj);
                    const relativeName = (0, _utils.pathCombine)(defaultKeyPrefix, null === (_this$_nameGetter5 = this._nameGetter) || void 0 === _this$_nameGetter5 ? void 0 : _this$_nameGetter5.call(this, dataObj));
                    return this._getDataObjectKey(key, relativeName)
                }
                _getDataObjectKey(key, relativeName) {
                    return key || relativeName
                }
                _ensureDataObjectKey(dataObj) {
                    var _this$_keyGetter2;
                    let key = null === (_this$_keyGetter2 = this._keyGetter) || void 0 === _this$_keyGetter2 ? void 0 : _this$_keyGetter2.call(this, dataObj);
                    if (!key) {
                        key = String(new _common.Guid);
                        this._keySetter(dataObj, key)
                    }
                    return key
                }
                _hasSubDirs(dataObj) {
                    const subItems = (0, _common2.ensureDefined)(this._subFileItemsGetter(dataObj), []);
                    if (!Array.isArray(subItems)) {
                        return true
                    }
                    for (let i = 0; i < subItems.length; i += 1) {
                        var _this$_isDirGetter4;
                        if (true === (null === (_this$_isDirGetter4 = this._isDirGetter) || void 0 === _this$_isDirGetter4 ? void 0 : _this$_isDirGetter4.call(this, subItems[i]))) {
                            return true
                        }
                    }
                    return false
                }
                _getSetter(expr) {
                    return (0, _type.isFunction)(expr) ? expr : (0, _data.compileSetter)(expr)
                }
                _isFileItemExists(fileItem) {
                    return fileItem.isDirectory && fileItem.isRoot() || !!this._findFileItemObj(fileItem.getFullPathInfo())
                }
                _createFileReader() {
                    return new window.FileReader
                }
            }
            exports.default = ObjectFileSystemProvider
        },
        3508(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../core/utils/data */ 31e3);
            var _date_serialization = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/date_serialization */ 71051));
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _file_system_item = _interopRequireDefault(__webpack_require__( /*! ../file_management/file_system_item */ 50259));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = class {
                constructor(options) {
                    options = (0, _common.ensureDefined)(options, {});
                    this._keyGetter = (0, _data.compileGetter)(this._getKeyExpr(options));
                    this._nameGetter = (0, _data.compileGetter)(this._getNameExpr(options));
                    this._isDirGetter = (0, _data.compileGetter)(this._getIsDirExpr(options));
                    this._sizeGetter = (0, _data.compileGetter)(this._getSizeExpr(options));
                    this._dateModifiedGetter = (0, _data.compileGetter)(this._getDateModifiedExpr(options));
                    this._thumbnailGetter = (0, _data.compileGetter)(this._getThumbnailExpr(options))
                }
                getItems(parentDirectory) {
                    const deferred = new _deferred.Deferred;
                    deferred.resolve([]);
                    return deferred.promise()
                }
                abortFileUpload(fileData, chunksInfo, destinationDirectory) {}
                getItemsContent(items) {}
                getFileUploadChunkSize() {
                    return 2e5
                }
                _convertDataObjectsToFileItems(entries, pathInfo) {
                    const result = [];
                    (0, _iterator.each)(entries, (_, entry) => {
                        const fileItem = this._createFileItem(entry, pathInfo);
                        result.push(fileItem)
                    });
                    return result
                }
                _createFileItem(dataObj, pathInfo) {
                    var _this$_keyGetter, _this$_nameGetter, _this$_isDirGetter, _this$_sizeGetter, _this$_dateModifiedGe, _this$_thumbnailGette;
                    const key = null === (_this$_keyGetter = this._keyGetter) || void 0 === _this$_keyGetter ? void 0 : _this$_keyGetter.call(this, dataObj);
                    const fileItem = new _file_system_item.default(pathInfo, null === (_this$_nameGetter = this._nameGetter) || void 0 === _this$_nameGetter ? void 0 : _this$_nameGetter.call(this, dataObj), !!(null !== (_this$_isDirGetter = this._isDirGetter) && void 0 !== _this$_isDirGetter && _this$_isDirGetter.call(this, dataObj)), key);
                    fileItem.size = null === (_this$_sizeGetter = this._sizeGetter) || void 0 === _this$_sizeGetter ? void 0 : _this$_sizeGetter.call(this, dataObj);
                    if (void 0 === fileItem.size) {
                        fileItem.size = 0
                    }
                    fileItem.dateModified = _date_serialization.default.deserializeDate(null === (_this$_dateModifiedGe = this._dateModifiedGetter) || void 0 === _this$_dateModifiedGe ? void 0 : _this$_dateModifiedGe.call(this, dataObj));
                    if (void 0 === fileItem.dateModified) {
                        fileItem.dateModified = new Date
                    }
                    if (fileItem.isDirectory) {
                        fileItem.hasSubDirectories = this._hasSubDirs(dataObj)
                    }
                    if (!key) {
                        fileItem.key = fileItem.relativeName
                    }
                    fileItem.thumbnail = (null === (_this$_thumbnailGette = this._thumbnailGetter) || void 0 === _this$_thumbnailGette ? void 0 : _this$_thumbnailGette.call(this, dataObj)) || "";
                    fileItem.dataItem = dataObj;
                    return fileItem
                }
                _hasSubDirs(dataObj) {
                    return true
                }
                _getKeyExpr(options) {
                    return options.keyExpr ?? this._defaultKeyExpr
                }
                _defaultKeyExpr(fileItem) {
                    if (2 === arguments.length) {
                        fileItem.__KEY__ = arguments[1];
                        return
                    }
                    return Object.prototype.hasOwnProperty.call(fileItem, "__KEY__") ? fileItem.__KEY__ : null
                }
                _getNameExpr(options) {
                    return options.nameExpr ?? "name"
                }
                _getIsDirExpr(options) {
                    return options.isDirectoryExpr ?? "isDirectory"
                }
                _getSizeExpr(options) {
                    return options.sizeExpr ?? "size"
                }
                _getDateModifiedExpr(options) {
                    return options.dateModifiedExpr ?? "dateModified"
                }
                _getThumbnailExpr(options) {
                    return options.thumbnailExpr ?? "thumbnail"
                }
                _executeActionAsDeferred(action, keepResult) {
                    const deferred = new _deferred.Deferred;
                    try {
                        const result = action();
                        if ((0, _type.isPromise)(result)) {
                            (0, _deferred.fromPromise)(result).done(userResult => deferred.resolve(keepResult ? userResult : void 0)).fail(error => deferred.reject(error))
                        } else {
                            deferred.resolve(keepResult ? result : void 0)
                        }
                    } catch (error) {
                        return deferred.reject(error)
                    }
                    return deferred.promise()
                }
            }
        },
        77745(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _common = __webpack_require__( /*! ../../common */ 83077);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _ajax = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/ajax */ 78670));
            var _common2 = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../core/utils/data */ 31e3);
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _provider_base = _interopRequireDefault(__webpack_require__( /*! ../file_management/provider_base */ 3508));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const FILE_CHUNK_BLOB_NAME = "chunk";
            const FILE_SYSTEM_COMMNAD_GET_DIR_CONTENTS = "GetDirContents",
                FILE_SYSTEM_COMMNAD_CREATE_DIR = "CreateDir",
                FILE_SYSTEM_COMMNAD_RENAME = "Rename",
                FILE_SYSTEM_COMMNAD_MOVE = "Move",
                FILE_SYSTEM_COMMNAD_COPY = "Copy",
                FILE_SYSTEM_COMMNAD_REMOVE = "Remove",
                FILE_SYSTEM_COMMNAD_UPLOAD_CHUNK = "UploadChunk",
                FILE_SYSTEM_COMMNAD_ABORT_UPLOAD = "AbortUpload",
                FILE_SYSTEM_COMMNAD_DOWLOAD = "Download";
            const REQUEST_METHOD_GET = "GET",
                REQUEST_METHOD_POST = "POST";
            class RemoteFileSystemProvider extends _provider_base.default {
                constructor(options) {
                    options = (0, _common2.ensureDefined)(options, {});
                    super(options);
                    this._endpointUrl = options.endpointUrl;
                    this._beforeAjaxSend = options.beforeAjaxSend;
                    this._beforeSubmit = options.beforeSubmit;
                    this._requestHeaders = options.requestHeaders;
                    this._hasSubDirsGetter = (0, _data.compileGetter)(options.hasSubDirectoriesExpr ?? "hasSubDirectories")
                }
                getItems(parentDirectory) {
                    const pathInfo = parentDirectory.getFullPathInfo();
                    return this._executeRequest(FILE_SYSTEM_COMMNAD_GET_DIR_CONTENTS, {
                        pathInfo: pathInfo
                    }).then(result => this._convertDataObjectsToFileItems(result.result, pathInfo))
                }
                renameItem(item, name) {
                    return this._executeRequest(FILE_SYSTEM_COMMNAD_RENAME, {
                        pathInfo: item.getFullPathInfo(),
                        isDirectory: item.isDirectory,
                        name: name
                    })
                }
                createDirectory(parentDirectory, name) {
                    return this._executeRequest(FILE_SYSTEM_COMMNAD_CREATE_DIR, {
                        pathInfo: parentDirectory.getFullPathInfo(),
                        name: name
                    })
                }
                deleteItems(items) {
                    return items.map(item => this._executeRequest(FILE_SYSTEM_COMMNAD_REMOVE, {
                        pathInfo: item.getFullPathInfo(),
                        isDirectory: item.isDirectory
                    }))
                }
                moveItems(items, destinationDirectory) {
                    return items.map(item => this._executeRequest(FILE_SYSTEM_COMMNAD_MOVE, {
                        sourcePathInfo: item.getFullPathInfo(),
                        sourceIsDirectory: item.isDirectory,
                        destinationPathInfo: destinationDirectory.getFullPathInfo()
                    }))
                }
                copyItems(items, destinationFolder) {
                    return items.map(item => this._executeRequest(FILE_SYSTEM_COMMNAD_COPY, {
                        sourcePathInfo: item.getFullPathInfo(),
                        sourceIsDirectory: item.isDirectory,
                        destinationPathInfo: destinationFolder.getFullPathInfo()
                    }))
                }
                uploadFileChunk(fileData, chunksInfo, destinationDirectory) {
                    if (0 === chunksInfo.chunkIndex) {
                        chunksInfo.customData.uploadId = new _common.Guid
                    }
                    const args = {
                        destinationPathInfo: destinationDirectory.getFullPathInfo(),
                        chunkMetadata: JSON.stringify({
                            UploadId: chunksInfo.customData.uploadId,
                            FileName: fileData.name,
                            Index: chunksInfo.chunkIndex,
                            TotalCount: chunksInfo.chunkCount,
                            FileSize: fileData.size
                        })
                    };
                    const ajaxSettings = {
                        url: this._endpointUrl,
                        headers: this._requestHeaders || {},
                        method: REQUEST_METHOD_POST,
                        dataType: "json",
                        data: {
                            [FILE_CHUNK_BLOB_NAME]: chunksInfo.chunkBlob,
                            arguments: JSON.stringify(args),
                            command: FILE_SYSTEM_COMMNAD_UPLOAD_CHUNK
                        },
                        upload: {
                            onprogress: _common2.noop,
                            onloadstart: _common2.noop,
                            onabort: _common2.noop
                        },
                        xhrFields: {},
                        cache: false
                    };
                    const deferred = new _deferred.Deferred;
                    this._beforeSendInternal(ajaxSettings);
                    _ajax.default.sendRequest(ajaxSettings).done(result => {
                        if (result.success) {
                            deferred.resolve(result)
                        } else {
                            deferred.reject(result)
                        }
                    }).fail(deferred.reject);
                    return deferred.promise()
                }
                abortFileUpload(fileData, chunksInfo, destinationDirectory) {
                    return this._executeRequest(FILE_SYSTEM_COMMNAD_ABORT_UPLOAD, {
                        uploadId: chunksInfo.customData.uploadId
                    })
                }
                downloadItems(items) {
                    const args = this._getDownloadArgs(items);
                    const $form = (0, _renderer.default)("<form>").css({
                        display: "none"
                    }).attr({
                        method: REQUEST_METHOD_POST,
                        action: args.url
                    });
                    const formDataEntries = {
                        command: args.command,
                        arguments: args.arguments
                    };
                    this._beforeSubmitInternal(formDataEntries);
                    this._appendFormDataInputsToForm(formDataEntries, $form);
                    $form.appendTo("body");
                    _events_engine.default.trigger($form, "submit");
                    setTimeout(() => $form.remove())
                }
                getItemsContent(items) {
                    const args = this._getDownloadArgs(items);
                    const ajaxSettings = {
                        url: args.url,
                        headers: this._requestHeaders || {},
                        method: REQUEST_METHOD_POST,
                        responseType: "arraybuffer",
                        data: {
                            command: args.command,
                            arguments: args.arguments
                        },
                        upload: {
                            onprogress: _common2.noop,
                            onloadstart: _common2.noop,
                            onabort: _common2.noop
                        },
                        xhrFields: {},
                        cache: false
                    };
                    this._beforeSendInternal(ajaxSettings);
                    return _ajax.default.sendRequest(ajaxSettings)
                }
                _getDownloadArgs(items) {
                    const pathInfoList = items.map(item => item.getFullPathInfo());
                    const args = {
                        pathInfoList: pathInfoList
                    };
                    const argsStr = JSON.stringify(args);
                    return {
                        url: this._endpointUrl,
                        arguments: argsStr,
                        command: FILE_SYSTEM_COMMNAD_DOWLOAD
                    }
                }
                _getItemsIds(items) {
                    return items.map(it => it.relativeName)
                }
                _executeRequest(command, args) {
                    const method = command === FILE_SYSTEM_COMMNAD_GET_DIR_CONTENTS ? REQUEST_METHOD_GET : REQUEST_METHOD_POST;
                    const deferred = new _deferred.Deferred;
                    const ajaxSettings = {
                        url: this._getEndpointUrl(command, args),
                        headers: this._requestHeaders || {},
                        method: method,
                        dataType: "json",
                        data: {},
                        xhrFields: {},
                        cache: false
                    };
                    this._beforeSendInternal(ajaxSettings);
                    _ajax.default.sendRequest(ajaxSettings).then(result => {
                        if (result.success) {
                            deferred.resolve(result)
                        } else {
                            deferred.reject(result)
                        }
                    }, e => deferred.reject(e));
                    return deferred.promise()
                }
                _beforeSubmitInternal(formDataEntries) {
                    if ((0, _type.isFunction)(this._beforeSubmit)) {
                        this._beforeSubmit({
                            formData: formDataEntries
                        })
                    }
                }
                _beforeSendInternal(ajaxSettings) {
                    if ((0, _type.isFunction)(this._beforeAjaxSend)) {
                        const ajaxArguments = {
                            headers: ajaxSettings.headers,
                            formData: ajaxSettings.data,
                            xhrFields: ajaxSettings.xhrFields
                        };
                        this._beforeAjaxSend(ajaxArguments);
                        ajaxSettings.headers = ajaxArguments.headers;
                        ajaxSettings.data = ajaxArguments.formData;
                        ajaxSettings.xhrFields = ajaxArguments.xhrFields
                    }
                    if ((0, _type.isEmptyObject)(ajaxSettings.data)) {
                        delete ajaxSettings.data
                    } else if (ajaxSettings.responseType || ajaxSettings.upload) {
                        ajaxSettings.data = this._createFormData(ajaxSettings.data)
                    }
                }
                _createFormData(formDataEntries) {
                    const formData = new window.FormData;
                    for (const entryName in formDataEntries) {
                        if (Object.prototype.hasOwnProperty.call(formDataEntries, entryName) && (0, _type.isDefined)(formDataEntries[entryName])) {
                            formData.append(entryName, formDataEntries[entryName])
                        }
                    }
                    return formData
                }
                _appendFormDataInputsToForm(formDataEntries, formElement) {
                    for (const entryName in formDataEntries) {
                        if (Object.prototype.hasOwnProperty.call(formDataEntries, entryName) && (0, _type.isDefined)(formDataEntries[entryName])) {
                            (0, _renderer.default)("<input>").attr({
                                type: "hidden",
                                name: entryName,
                                value: formDataEntries[entryName]
                            }).appendTo(formElement)
                        }
                    }
                }
                _getEndpointUrl(command, args) {
                    const queryString = this._getQueryString({
                        command: command,
                        arguments: JSON.stringify(args)
                    });
                    const separator = this._endpointUrl && this._endpointUrl.indexOf("?") > 0 ? "&" : "?";
                    return this._endpointUrl + separator + queryString
                }
                _getQueryString(params) {
                    const pairs = [];
                    const keys = Object.keys(params);
                    for (let i = 0; i < keys.length; i += 1) {
                        const key = keys[i];
                        let value = params[key];
                        if (void 0 === value) {
                            continue
                        }
                        if (null === value) {
                            value = ""
                        }
                        if (Array.isArray(value)) {
                            this._processQueryStringArrayParam(key, value, pairs)
                        } else {
                            const pair = this._getQueryStringPair(key, value);
                            pairs.push(pair)
                        }
                    }
                    return pairs.join("&")
                }
                _processQueryStringArrayParam(key, array, pairs) {
                    (0, _iterator.each)(array, (_, item) => {
                        const pair = this._getQueryStringPair(key, item);
                        pairs.push(pair)
                    })
                }
                _getQueryStringPair(key, value) {
                    return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`
                }
                _hasSubDirs(dataObj) {
                    const hasSubDirs = (0, _type.isFunction)(this._hasSubDirsGetter) && this._hasSubDirsGetter(dataObj);
                    return "boolean" === typeof hasSubDirs ? hasSubDirs : true
                }
                _getKeyExpr(options) {
                    return options.keyExpr ?? "key"
                }
            }
            exports.default = RemoteFileSystemProvider
        },
        15522(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.pathCombine = exports.getPathParts = exports.getParentPath = exports.getName = exports.getFileExtension = exports.getEscapedFileName = exports.PATH_SEPARATOR = void 0;
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            const PATH_SEPARATOR = exports.PATH_SEPARATOR = "/";
            exports.getFileExtension = path => {
                const index = path.lastIndexOf(".");
                return -1 !== index ? path.substring(index) : ""
            };
            exports.getName = path => {
                const index = path.lastIndexOf(PATH_SEPARATOR);
                return -1 !== index ? path.substring(index + PATH_SEPARATOR.length) : path
            };
            exports.getParentPath = path => {
                const index = path.lastIndexOf(PATH_SEPARATOR);
                return -1 !== index ? path.substring(0, index) : ""
            };
            const getEscapedFileName = fileName => fileName.replace(/\/{1,1}/g, "//");
            exports.getEscapedFileName = getEscapedFileName;
            const pathCombine = function() {
                let result = "";
                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                    args[_key] = arguments[_key]
                }(0, _iterator.each)(args, (_, arg) => {
                    if (arg) {
                        if (result) {
                            result += PATH_SEPARATOR
                        }
                        result += arg
                    }
                });
                return result
            };
            exports.pathCombine = pathCombine;
            exports.getPathParts = (path, includeFullPath) => {
                if (!path || "/" === path) {
                    return []
                }
                const result = [];
                let pathPart = "";
                for (let i = 0; i < path.length; i += 1) {
                    let char = path.charAt(i);
                    if (char === PATH_SEPARATOR) {
                        const nextChar = path.charAt(i + 1);
                        if (nextChar !== PATH_SEPARATOR) {
                            if (pathPart) {
                                result.push(pathPart);
                                pathPart = ""
                            }
                            char = nextChar
                        }
                        i += 1
                    }
                    pathPart += char
                }
                if (pathPart) {
                    result.push(pathPart)
                }
                if (includeFullPath) {
                    for (let i = 0; i < result.length; i += 1) {
                        result[i] = pathCombine(0 === i ? "" : result[i - 1], getEscapedFileName(result[i]))
                    }
                }
                return result
            }
        },
        46827(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getConfig = function(caption, context) {
                return {
                    name: "between",
                    caption: caption,
                    icon: "range",
                    valueSeparator: "\u2013",
                    dataTypes: ["number", "date", "datetime"],
                    editorTemplate: editorTemplate.bind(context),
                    notForLookup: true
                }
            };
            var _renderer = (e = __webpack_require__( /*! ../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);

            function editorTemplate(conditionInfo, container) {
                const $editorStart = (0, _renderer.default)("<div>").addClass("dx-filterbuilder-range-start");
                const $editorEnd = (0, _renderer.default)("<div>").addClass("dx-filterbuilder-range-end");
                let values = conditionInfo.value || [];
                const getStartValue = function(values) {
                    return values && values.length > 0 ? values[0] : null
                };
                const getEndValue = function(values) {
                    return values && 2 === values.length ? values[1] : null
                };
                container.append($editorStart);
                container.append((0, _renderer.default)("<span>").addClass("dx-filterbuilder-range-separator").text("\u2013"));
                container.append($editorEnd);
                container.addClass("dx-filterbuilder-range");
                this._editorFactory.createEditor.call(this, $editorStart, (0, _extend.extend)({}, conditionInfo.field, conditionInfo, {
                    value: getStartValue(values),
                    parentType: "filterBuilder",
                    setValue(value) {
                        values = [value, getEndValue(values)];
                        conditionInfo.setValue(values)
                    }
                }));
                this._editorFactory.createEditor.call(this, $editorEnd, (0, _extend.extend)({}, conditionInfo.field, conditionInfo, {
                    value: getEndValue(values),
                    parentType: "filterBuilder",
                    setValue(value) {
                        values = [getStartValue(values), value];
                        conditionInfo.setValue(values)
                    }
                }))
            }
        },
        26005(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../common/core/events/utils/index */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../core/dom_adapter */ 64960));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../ui/popup/ui.popup */ 10720));
            var _ui2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/shared/ui.editor_factory_mixin */ 87093));
            var _tree_view = _interopRequireDefault(__webpack_require__( /*! ../../ui/tree_view */ 4313));
            var _ui3 = _interopRequireDefault(__webpack_require__( /*! ../../ui/widget/ui.widget */ 11118));
            var _utils = __webpack_require__( /*! ../ui/overlay/utils */ 37185);
            var _m_utils = __webpack_require__( /*! ./m_utils */ 29498);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ACTIONS = [{
                name: "onEditorPreparing",
                config: {
                    excludeValidators: ["disabled", "readOnly"],
                    category: "rendering"
                }
            }, {
                name: "onEditorPrepared",
                config: {
                    excludeValidators: ["disabled", "readOnly"],
                    category: "rendering"
                }
            }, {
                name: "onValueChanged",
                config: {
                    excludeValidators: ["disabled", "readOnly"]
                }
            }];
            const OPERATORS = {
                and: "and",
                or: "or",
                notAnd: "!and",
                notOr: "!or"
            };
            const EditorFactory = (0, _ui2.default)(class {});
            class FilterBuilder extends _ui3.default {
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        onEditorPreparing: null,
                        onEditorPrepared: null,
                        onValueChanged: null,
                        fields: [],
                        groupOperations: ["and", "or", "notAnd", "notOr"],
                        maxGroupLevel: void 0,
                        value: null,
                        allowHierarchicalFields: false,
                        groupOperationDescriptions: {
                            and: _message.default.format("dxFilterBuilder-and"),
                            or: _message.default.format("dxFilterBuilder-or"),
                            notAnd: _message.default.format("dxFilterBuilder-notAnd"),
                            notOr: _message.default.format("dxFilterBuilder-notOr")
                        },
                        customOperations: [],
                        closePopupOnTargetScroll: true,
                        filterOperationDescriptions: {
                            between: _message.default.format("dxFilterBuilder-filterOperationBetween"),
                            equal: _message.default.format("dxFilterBuilder-filterOperationEquals"),
                            notEqual: _message.default.format("dxFilterBuilder-filterOperationNotEquals"),
                            lessThan: _message.default.format("dxFilterBuilder-filterOperationLess"),
                            lessThanOrEqual: _message.default.format("dxFilterBuilder-filterOperationLessOrEquals"),
                            greaterThan: _message.default.format("dxFilterBuilder-filterOperationGreater"),
                            greaterThanOrEqual: _message.default.format("dxFilterBuilder-filterOperationGreaterOrEquals"),
                            startsWith: _message.default.format("dxFilterBuilder-filterOperationStartsWith"),
                            contains: _message.default.format("dxFilterBuilder-filterOperationContains"),
                            notContains: _message.default.format("dxFilterBuilder-filterOperationNotContains"),
                            endsWith: _message.default.format("dxFilterBuilder-filterOperationEndsWith"),
                            isBlank: _message.default.format("dxFilterBuilder-filterOperationIsBlank"),
                            isNotBlank: _message.default.format("dxFilterBuilder-filterOperationIsNotBlank")
                        }
                    })
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "closePopupOnTargetScroll":
                            break;
                        case "onEditorPreparing":
                        case "onEditorPrepared":
                        case "onValueChanged":
                            this._initActions();
                            break;
                        case "customOperations":
                            this._initCustomOperations();
                            this._invalidate();
                            break;
                        case "fields":
                        case "maxGroupLevel":
                        case "groupOperations":
                        case "allowHierarchicalFields":
                        case "groupOperationDescriptions":
                        case "filterOperationDescriptions":
                            this._invalidate();
                            break;
                        case "value":
                            if (args.value !== args.previousValue) {
                                const disableInvalidateForValue = this._disableInvalidateForValue;
                                if (!disableInvalidateForValue) {
                                    this._initModel();
                                    this._invalidate()
                                }
                                this._disableInvalidateForValue = false;
                                this.executeAction("onValueChanged", {
                                    value: args.value,
                                    previousValue: args.previousValue
                                });
                                this._disableInvalidateForValue = disableInvalidateForValue
                            }
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                getFilterExpression() {
                    const fields = this._getNormalizedFields();
                    const value = (0, _extend.extend)(true, [], this._model);
                    return (0, _m_utils.getFilterExpression)((0, _m_utils.getNormalizedFilter)(value), fields, this._customOperations, "filterBuilder")
                }
                _getNormalizedFields() {
                    return (0, _m_utils.getNormalizedFields)(this.option("fields"))
                }
                _updateFilter() {
                    this._disableInvalidateForValue = true;
                    const value = (0, _extend.extend)(true, [], this._model);
                    const normalizedValue = (0, _m_utils.getNormalizedFilter)(value);
                    const oldValue = (0, _m_utils.getNormalizedFilter)(this._getModel(this.option("value")));
                    if (JSON.stringify(oldValue) !== JSON.stringify(normalizedValue)) {
                        this.option("value", normalizedValue)
                    }
                    this._disableInvalidateForValue = false;
                    this._fireContentReadyAction()
                }
                _init() {
                    this._initCustomOperations();
                    this._initModel();
                    this._initEditorFactory();
                    this._initActions();
                    super._init()
                }
                _initEditorFactory() {
                    this._editorFactory = new EditorFactory
                }
                _initCustomOperations() {
                    this._customOperations = (0, _m_utils.getMergedOperations)(this.option("customOperations"), this.option("filterOperationDescriptions.between"), this)
                }
                _getDefaultGroupOperation() {
                    var _this$option;
                    return (null === (_this$option = this.option("groupOperations")) || void 0 === _this$option ? void 0 : _this$option[0]) ?? OPERATORS.and
                }
                _getModel(value) {
                    return (0, _m_utils.convertToInnerStructure)(value, this._customOperations, this._getDefaultGroupOperation())
                }
                _initModel() {
                    this._model = this._getModel(this.option("value"))
                }
                _initActions() {
                    const that = this;
                    that._actions = {};
                    ACTIONS.forEach(action => {
                        const actionConfig = (0, _extend.extend)({}, action.config);
                        that._actions[action.name] = that._createActionByOption(action.name, actionConfig)
                    })
                }
                executeAction(actionName, options) {
                    const action = this._actions[actionName];
                    return action && action(options)
                }
                _initMarkup() {
                    this.$element().addClass("dx-filterbuilder");
                    super._initMarkup();
                    this._addAriaAttributes(this.$element(), _message.default.format("dxFilterBuilder-filterAriaRootElement"), "group");
                    this._createGroupElementByCriteria(this._model).appendTo(this.$element())
                }
                _addAriaAttributes($element, ariaLabel, role, hasPopup, hasExpanded, ariaLevel) {
                    if (!$element || !$element.length) {
                        return
                    }
                    const attributes = {
                        role: role
                    };
                    if (ariaLabel) {
                        if ($element.text().length > 0) {
                            attributes.title = ariaLabel
                        } else {
                            attributes["aria-label"] = ariaLabel
                        }
                    }
                    if ((0, _type.isDefined)(hasPopup)) {
                        attributes["aria-haspopup"] = `${hasPopup}`
                    }
                    if ((0, _type.isDefined)(hasExpanded)) {
                        attributes["aria-expanded"] = `${hasExpanded}`
                    }
                    if ((0, _type.isDefined)(ariaLevel)) {
                        attributes["aria-level"] = `${ariaLevel}`
                    }
                    $element.attr(attributes)
                }
                _createConditionElement(condition, parent, groupLevel) {
                    return (0, _renderer.default)("<div>").addClass("dx-filterbuilder-group").append(this._createConditionItem(condition, parent, groupLevel)).attr("role", "group")
                }
                _createGroupElementByCriteria(criteria, parent) {
                    let groupLevel = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 0;
                    const $group = this._createGroupElement(criteria, parent, groupLevel);
                    const $groupContent = $group.find(".dx-filterbuilder-group-content");
                    const groupCriteria = (0, _m_utils.getGroupCriteria)(criteria);
                    for (let i = 0; i < groupCriteria.length; i++) {
                        const innerCriteria = groupCriteria[i];
                        if ((0, _m_utils.isGroup)(innerCriteria)) {
                            this._createGroupElementByCriteria(innerCriteria, criteria, groupLevel + 1).appendTo($groupContent)
                        } else if ((0, _m_utils.isCondition)(innerCriteria)) {
                            this._createConditionElement(innerCriteria, criteria, `${groupLevel+1}`).appendTo($groupContent)
                        }
                    }
                    return $group
                }
                _createGroupElement(criteria, parent, groupLevel) {
                    const $guid = new _guid.default;
                    const $groupItem = (0, _renderer.default)("<div>").addClass("dx-filterbuilder-group-item");
                    const $groupContent = (0, _renderer.default)("<div>").addClass("dx-filterbuilder-group-content").attr("id", `${$guid}`);
                    const $group = (0, _renderer.default)("<div>").addClass("dx-filterbuilder-group").append($groupItem).append($groupContent);
                    if (null != parent) {
                        this._createRemoveButton(() => {
                            (0, _m_utils.removeItem)(parent, criteria);
                            $group.remove();
                            this._updateFilter()
                        }, "group").appendTo($groupItem)
                    }
                    let groupItemLevel = groupLevel;
                    if (0 === groupLevel) {
                        this._addAriaAttributes($group, "", "tree");
                        groupItemLevel += 1
                    }
                    this._addAriaAttributes($groupItem, _message.default.format("dxFilterBuilder-filterAriaGroupItem"), "treeitem", null, null, groupItemLevel);
                    $groupItem.attr("aria-owns", `${$guid}`);
                    this._createGroupOperationButton(criteria).appendTo($groupItem);
                    this._createAddButton(() => {
                        const newGroup = (0, _m_utils.createEmptyGroup)(this._getDefaultGroupOperation());
                        (0, _m_utils.addItem)(newGroup, criteria);
                        this._createGroupElement(newGroup, criteria, groupLevel + 1).appendTo($groupContent);
                        this._updateFilter()
                    }, () => {
                        const field = this.option("fields")[0];
                        const newCondition = (0, _m_utils.createCondition)(field, this._customOperations);
                        (0, _m_utils.addItem)(newCondition, criteria);
                        this._createConditionElement(newCondition, criteria, groupLevel + 1).appendTo($groupContent);
                        this._updateFilter()
                    }, groupLevel).appendTo($groupItem);
                    return $group
                }
                _createButton(caption) {
                    return (0, _renderer.default)("<div>").text(caption)
                }
                _createGroupOperationButton(criteria) {
                    const groupOperations = this._getGroupOperations(criteria);
                    let groupMenuItem = (0, _m_utils.getGroupMenuItem)(criteria, groupOperations);
                    const caption = groupMenuItem.text;
                    const $operationButton = groupOperations && groupOperations.length < 2 ? this._createButton(caption).addClass("dx-state-disabled") : this._createButtonWithMenu({
                        caption: caption,
                        menu: {
                            items: groupOperations,
                            displayExpr: "text",
                            keyExpr: "value",
                            onItemClick: e => {
                                if (groupMenuItem !== e.itemData) {
                                    (0, _m_utils.setGroupValue)(criteria, e.itemData.value);
                                    $operationButton.text(e.itemData.text);
                                    groupMenuItem = e.itemData;
                                    this._updateFilter()
                                }
                            },
                            onContentReady(e) {
                                e.component.selectItem(groupMenuItem)
                            },
                            cssClass: "dx-filterbuilder-group-operations"
                        }
                    });
                    this._addAriaAttributes($operationButton, _message.default.format("dxFilterBuilder-filterAriaOperationButton"), "combobox", true, false);
                    return $operationButton.addClass("dx-filterbuilder-text").addClass("dx-filterbuilder-group-operation").attr("tabindex", 0)
                }
                _createButtonWithMenu(options) {
                    const that = this;
                    const removeMenu = function() {
                        that.$element().find(".dx-state-active").removeClass("dx-state-active").attr("aria-expanded", "false");
                        that.$element().find(".dx-overlay .dx-treeview").remove();
                        that.$element().find(".dx-overlay").remove()
                    };
                    const rtlEnabled = this.option("rtlEnabled");
                    const position = rtlEnabled ? "right" : "left";
                    const $button = this._createButton(options.caption);
                    const $guid = new _guid.default;
                    $button.attr("aria-controls", `${$guid}`);
                    (0, _extend.extend)(options.menu, {
                        id: $guid,
                        focusStateEnabled: true,
                        selectionMode: "single",
                        onItemClick: (handler = options.menu.onItemClick, function(e) {
                            handler(e);
                            if ("dxclick" === e.event.type) {
                                removeMenu()
                            }
                        }),
                        onHiding() {
                            $button.removeClass("dx-state-active").attr("aria-expanded", "false")
                        },
                        position: {
                            my: `${position} top`,
                            at: `${position} bottom`,
                            offset: "0 1",
                            of: $button,
                            collision: "flip"
                        },
                        animation: null,
                        onHidden() {
                            removeMenu()
                        },
                        cssClass: `dx-filterbuilder-overlay ${options.menu.cssClass}`,
                        rtlEnabled: rtlEnabled
                    });
                    var handler;
                    options.popup = {
                        onShown(info) {
                            const treeViewContentElement = (0, _renderer.default)(info.component.content());
                            const treeViewElement = treeViewContentElement.find(".dx-treeview");
                            if (treeViewElement.length) {
                                that._applyAccessibilityAttributes(treeViewElement)
                            }
                            _events_engine.default.on(treeViewElement, "keyup keydown", e => {
                                const keyName = (0, _index.normalizeKeyName)(e);
                                if ("keydown" === e.type && "tab" === keyName || "keyup" === e.type && ("escape" === keyName || "enter" === keyName)) {
                                    info.component.hide();
                                    _events_engine.default.trigger(options.menu.position.of, "focus")
                                }
                            });
                            const treeView = treeViewElement.dxTreeView("instance");
                            treeView.focus();
                            treeView.option("focusedElement", null)
                        }
                    };
                    this._subscribeOnClickAndEnterKey($button, () => {
                        removeMenu();
                        that._createPopupWithTreeView(options, that.$element());
                        $button.addClass("dx-state-active").attr("aria-expanded", "true")
                    });
                    return $button
                }
                _hasValueButton(condition) {
                    const customOperation = (0, _m_utils.getCustomOperation)(this._customOperations, condition[1]);
                    return customOperation ? false !== customOperation.hasValue : null !== condition[2]
                }
                _createOperationButtonWithMenu(condition, field) {
                    const that = this;
                    const availableOperations = (0, _m_utils.getAvailableOperations)(field, this.option("filterOperationDescriptions"), this._customOperations);
                    let currentOperation = (0, _m_utils.getOperationFromAvailable)((0, _m_utils.getOperationValue)(condition), availableOperations);
                    const $operationButton = this._createButtonWithMenu({
                        caption: currentOperation.text,
                        menu: {
                            items: availableOperations,
                            displayExpr: "text",
                            onItemRendered(e) {
                                e.itemData.isCustom && (0, _renderer.default)(e.itemElement).addClass("dx-filterbuilder-menu-custom-operation")
                            },
                            onContentReady(e) {
                                e.component.selectItem(currentOperation)
                            },
                            onItemClick: e => {
                                if (currentOperation !== e.itemData) {
                                    currentOperation = e.itemData;
                                    (0, _m_utils.updateConditionByOperation)(condition, currentOperation.value, that._customOperations);
                                    const $valueButton = $operationButton.siblings().filter(".dx-filterbuilder-item-value");
                                    if (that._hasValueButton(condition)) {
                                        if (0 !== $valueButton.length) {
                                            $valueButton.remove()
                                        }
                                        that._createValueButton(condition, field).appendTo($operationButton.parent())
                                    } else {
                                        $valueButton.remove()
                                    }
                                    $operationButton.text(currentOperation.text);
                                    this._updateFilter()
                                }
                            },
                            cssClass: "dx-filterbuilder-operations"
                        }
                    }).addClass("dx-filterbuilder-text").addClass("dx-filterbuilder-item-operation").attr("tabindex", 0);
                    this._addAriaAttributes($operationButton, _message.default.format("dxFilterBuilder-filterAriaItemOperation"), "combobox", true, false);
                    return $operationButton
                }
                _createOperationAndValueButtons(condition, field, $item) {
                    this._createOperationButtonWithMenu(condition, field).appendTo($item);
                    if (this._hasValueButton(condition)) {
                        this._createValueButton(condition, field).appendTo($item)
                    }
                }
                _createFieldButtonWithMenu(fields, condition, field) {
                    const that = this;
                    const allowHierarchicalFields = this.option("allowHierarchicalFields");
                    const items = (0, _m_utils.getItems)(fields, allowHierarchicalFields);
                    let item = (0, _m_utils.getField)(field.name || field.dataField, items);
                    const getFullCaption = function(item, items) {
                        return allowHierarchicalFields ? (0, _m_utils.getCaptionWithParents)(item, items) : item.caption
                    };
                    condition[0] = item.name || item.dataField;
                    const $fieldButton = this._createButtonWithMenu({
                        caption: getFullCaption(item, items),
                        menu: {
                            items: items,
                            dataStructure: "plain",
                            keyExpr: "id",
                            parentId: "parentId",
                            displayExpr: "caption",
                            onItemClick: e => {
                                if (item !== e.itemData) {
                                    item = e.itemData;
                                    condition[0] = item.name || item.dataField;
                                    condition[2] = "object" === item.dataType ? null : "";
                                    (0, _m_utils.updateConditionByOperation)(condition, (0, _m_utils.getDefaultOperation)(item), that._customOperations);
                                    $fieldButton.siblings().filter(".dx-filterbuilder-text").remove();
                                    that._createOperationAndValueButtons(condition, item, $fieldButton.parent());
                                    const caption = getFullCaption(item, e.component.option("items"));
                                    $fieldButton.text(caption);
                                    this._updateFilter()
                                }
                            },
                            onContentReady(e) {
                                e.component.selectItem(item)
                            },
                            cssClass: "dx-filterbuilder-fields"
                        }
                    }).addClass("dx-filterbuilder-text").addClass("dx-filterbuilder-item-field").attr("tabindex", 0);
                    this._addAriaAttributes($fieldButton, _message.default.format("dxFilterBuilder-filterAriaItemField"), "combobox", true, false);
                    return $fieldButton
                }
                _createConditionItem(condition, parent, groupLevel) {
                    const $item = (0, _renderer.default)("<div>").addClass("dx-filterbuilder-group-item");
                    const fields = this._getNormalizedFields();
                    const field = (0, _m_utils.getField)(condition[0], fields);
                    this._addAriaAttributes($item, "", "treeitem", null, null, groupLevel);
                    this._createRemoveButton(() => {
                        (0, _m_utils.removeItem)(parent, condition);
                        const isSingleChild = 1 === $item.parent().children().length;
                        if (isSingleChild) {
                            $item.parent().remove()
                        } else {
                            $item.remove()
                        }
                        this._updateFilter()
                    }, "condition").appendTo($item);
                    this._createFieldButtonWithMenu(fields, condition, field).appendTo($item);
                    this._createOperationAndValueButtons(condition, field, $item);
                    return $item
                }
                _getGroupOperations(criteria) {
                    let groupOperations = this.option("groupOperations");
                    const groupOperationDescriptions = {
                        and: this.option("groupOperationDescriptions.and") ?? _message.default.format("dxFilterBuilder-and"),
                        or: this.option("groupOperationDescriptions.or") ?? _message.default.format("dxFilterBuilder-or"),
                        notAnd: this.option("groupOperationDescriptions.notAnd") ?? _message.default.format("dxFilterBuilder-notAnd"),
                        notOr: this.option("groupOperationDescriptions.notOr") ?? _message.default.format("dxFilterBuilder-notOr")
                    };
                    if (!groupOperations || !groupOperations.length) {
                        groupOperations = [(0, _m_utils.getGroupValue)(criteria).replace("!", "not")]
                    }
                    return groupOperations.map(operation => ({
                        text: groupOperationDescriptions[operation],
                        value: OPERATORS[operation]
                    }))
                }
                _createRemoveButton(handler, type) {
                    const $removeButton = (0, _renderer.default)("<div>").addClass("dx-filterbuilder-action-icon").addClass("dx-icon-remove").addClass("dx-filterbuilder-action").attr("tabindex", 0);
                    if (type) {
                        const removeMessage = _message.default.format("dxFilterBuilder-filterAriaRemoveButton", type);
                        this._addAriaAttributes($removeButton, removeMessage, "button")
                    }
                    this._subscribeOnClickAndEnterKey($removeButton, handler);
                    return $removeButton
                }
                _createAddButton(addGroupHandler, addConditionHandler, groupLevel) {
                    let $button;
                    const maxGroupLevel = this.option("maxGroupLevel");
                    if ((0, _type.isDefined)(maxGroupLevel) && groupLevel >= maxGroupLevel) {
                        $button = this._createButton();
                        this._subscribeOnClickAndEnterKey($button, addConditionHandler)
                    } else {
                        $button = this._createButtonWithMenu({
                            menu: {
                                items: [{
                                    caption: _message.default.format("dxFilterBuilder-addCondition"),
                                    click: addConditionHandler
                                }, {
                                    caption: _message.default.format("dxFilterBuilder-addGroup"),
                                    click: addGroupHandler
                                }],
                                displayExpr: "caption",
                                onItemClick(e) {
                                    e.itemData.click()
                                },
                                cssClass: "dx-filterbuilder-add-condition"
                            }
                        })
                    }
                    this._addAriaAttributes($button, _message.default.format("dxFilterBuilder-filterAriaAddButton"), "combobox", true, false);
                    return $button.addClass("dx-filterbuilder-action-icon").addClass("dx-icon-plus").addClass("dx-filterbuilder-action").attr("tabindex", 0)
                }
                _createValueText(item, field, $container) {
                    const that = this;
                    const $text = (0, _renderer.default)("<div>").html("&nbsp;").addClass("dx-filterbuilder-item-value-text").attr("tabindex", 0).appendTo($container);
                    this._addAriaAttributes($text, _message.default.format("dxFilterBuilder-filterAriaItemValue"), "button", true);
                    const value = item[2];
                    const customOperation = (0, _m_utils.getCustomOperation)(that._customOperations, item[1]);
                    if (!customOperation && field.lookup) {
                        (0, _m_utils.getCurrentLookupValueText)(field, value, result => {
                            (0, _m_utils.renderValueText)($text, result)
                        })
                    } else {
                        (0, _deferred.when)((0, _m_utils.getCurrentValueText)(field, value, customOperation)).done(result => {
                            (0, _m_utils.renderValueText)($text, result, customOperation)
                        })
                    }
                    that._subscribeOnClickAndEnterKey($text, e => {
                        if ("keyup" === e.type) {
                            e.stopPropagation()
                        }
                        that._createValueEditorWithEvents(item, field, $container)
                    });
                    return $text
                }
                _updateConditionValue(item, value, callback) {
                    const areValuesDifferent = item[2] !== value;
                    if (areValuesDifferent) {
                        item[2] = value
                    }
                    callback();
                    this._updateFilter()
                }
                _addDocumentKeyUp($editor, handler) {
                    let isComposing = false;
                    let hasCompositionJustEnded = false;
                    const document = _dom_adapter.default.getDocument();
                    const documentKeyUpHandler = e => {
                        if (isComposing || hasCompositionJustEnded) {
                            hasCompositionJustEnded = false;
                            return
                        }
                        handler(e)
                    };
                    _events_engine.default.on(document, "keyup", documentKeyUpHandler);
                    const input = $editor.find("input");
                    _events_engine.default.on(input, "compositionstart", () => {
                        isComposing = true
                    });
                    _events_engine.default.on(input, "compositionend", () => {
                        isComposing = false;
                        hasCompositionJustEnded = true
                    });
                    _events_engine.default.on(input, "keydown", event => {
                        if (229 !== event.which) {
                            hasCompositionJustEnded = false
                        }
                    });
                    this._documentKeyUpHandler = documentKeyUpHandler
                }
                _addDocumentClick($editor, closeEditorFunc) {
                    const document = _dom_adapter.default.getDocument();
                    const documentClickHandler = e => {
                        if (!this._isFocusOnEditorParts($editor, e.target)) {
                            _events_engine.default.trigger($editor.find("input"), "change");
                            closeEditorFunc()
                        }
                    };
                    _events_engine.default.on(document, "dxpointerdown", documentClickHandler);
                    this._documentClickHandler = documentClickHandler
                }
                _isFocusOnEditorParts($editor, target) {
                    const activeElement = target || _dom_adapter.default.getActiveElement();
                    return (0, _renderer.default)(activeElement).closest($editor.children()).length || (0, _renderer.default)(activeElement).closest(".dx-dropdowneditor-overlay").length
                }
                _removeEvents() {
                    const document = _dom_adapter.default.getDocument();
                    (0, _type.isDefined)(this._documentKeyUpHandler) && _events_engine.default.off(document, "keyup", this._documentKeyUpHandler);
                    (0, _type.isDefined)(this._documentClickHandler) && _events_engine.default.off(document, "dxpointerdown", this._documentClickHandler)
                }
                _dispose() {
                    this._removeEvents();
                    super._dispose()
                }
                _createValueEditorWithEvents(item, field, $container) {
                    let value = item[2];
                    const createValueText = () => {
                        $container.empty();
                        this._removeEvents();
                        return this._createValueText(item, field, $container)
                    };
                    const closeEditor = () => {
                        this._updateConditionValue(item, value, () => {
                            createValueText()
                        })
                    };
                    const options = {
                        value: "" === value ? null : value,
                        filterOperation: (0, _m_utils.getOperationValue)(item),
                        setValue(data) {
                            value = null === data ? "" : data
                        },
                        closeEditor: closeEditor,
                        text: $container.text()
                    };
                    $container.empty();
                    const $editor = this._createValueEditor($container, field, options);
                    _events_engine.default.trigger($editor.find("input").not(":hidden").eq(0), "focus");
                    this._removeEvents();
                    this._addDocumentClick($editor, closeEditor);
                    this._addDocumentKeyUp($editor, e => {
                        const keyName = (0, _index.normalizeKeyName)(e);
                        if ("tab" === keyName) {
                            if (this._isFocusOnEditorParts($editor)) {
                                return
                            }
                            this._updateConditionValue(item, value, () => {
                                createValueText();
                                if (e.shiftKey) {
                                    _events_engine.default.trigger($container.prev(), "focus")
                                }
                            })
                        }
                        if ("escape" === keyName) {
                            _events_engine.default.trigger(createValueText(), "focus")
                        }
                        if ("enter" === keyName) {
                            this._updateConditionValue(item, value, () => {
                                _events_engine.default.trigger(createValueText(), "focus")
                            })
                        }
                    });
                    this._fireContentReadyAction()
                }
                _createValueButton(item, field) {
                    const $valueButton = (0, _renderer.default)("<div>").addClass("dx-filterbuilder-text").addClass("dx-filterbuilder-item-value");
                    this._createValueText(item, field, $valueButton);
                    return $valueButton
                }
                _createValueEditor($container, field, options) {
                    const $editor = (0, _renderer.default)("<div>").attr("tabindex", 0).appendTo($container);
                    const customOperation = (0, _m_utils.getCustomOperation)(this._customOperations, options.filterOperation);
                    const editorTemplate = customOperation && customOperation.editorTemplate ? customOperation.editorTemplate : field.editorTemplate;
                    if (editorTemplate) {
                        const template = this._getTemplate(editorTemplate);
                        template.render({
                            model: (0, _extend.extend)({
                                field: field
                            }, options),
                            container: $editor
                        })
                    } else {
                        this._editorFactory.createEditor.call(this, $editor, (0, _extend.extend)({}, field, options, {
                            parentType: "filterBuilder"
                        }))
                    }
                    return $editor
                }
                _createPopupWithTreeView(options, $container) {
                    const that = this;
                    const $popup = (0, _renderer.default)("<div>").addClass(options.menu.cssClass).appendTo($container);
                    this._createComponent($popup, _ui.default, {
                        onHiding: options.menu.onHiding,
                        onHidden: options.menu.onHidden,
                        rtlEnabled: options.menu.rtlEnabled,
                        position: options.menu.position,
                        animation: options.menu.animation,
                        contentTemplate(contentElement) {
                            const $menuContainer = (0, _renderer.default)("<div>").appendTo(contentElement);
                            that._createComponent($menuContainer, _tree_view.default, options.menu);
                            $menuContainer.attr("id", `${options.menu.id}`);
                            this.repaint()
                        },
                        _ignoreFunctionValueDeprecation: true,
                        maxHeight: () => (0, _utils.getElementMaxHeightByWindow)(options.menu.position.of),
                        visible: true,
                        focusStateEnabled: false,
                        preventScrollEvents: false,
                        hideOnParentScroll: this.option("closePopupOnTargetScroll"),
                        _hideOnParentScrollTarget: $popup,
                        hideOnOutsideClick: true,
                        onShown: options.popup.onShown,
                        shading: false,
                        width: "auto",
                        height: "auto",
                        showTitle: false,
                        _wrapperClassExternal: options.menu.cssClass,
                        _ignorePreventScrollEventsDeprecation: true
                    })
                }
                _subscribeOnClickAndEnterKey($button, handler) {
                    _events_engine.default.on($button, "dxclick", handler);
                    _events_engine.default.on($button, "keyup", e => {
                        if ("enter" === (0, _index.normalizeKeyName)(e)) {
                            handler(e)
                        }
                    })
                }
                _applyAccessibilityAttributes($element) {
                    var _treeViewPopup$find;
                    const treeViewPopup = $element.closest(".dx-overlay-content");
                    null === treeViewPopup || void 0 === treeViewPopup || treeViewPopup.removeAttr("role");
                    const treeViewNode = null === treeViewPopup || void 0 === treeViewPopup || null === (_treeViewPopup$find = treeViewPopup.find) || void 0 === _treeViewPopup$find ? void 0 : _treeViewPopup$find.call(treeViewPopup, ".dx-treeview-node-container");
                    null === treeViewNode || void 0 === treeViewNode || treeViewNode.attr("role", "presentation")
                }
                addWidgetPrefix(className) {
                    return `dx-filterbuilder-${className}`
                }
            }(0, _component_registrator.default)("dxFilterBuilder", FilterBuilder);
            exports.default = FilterBuilder
        },
        86193(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            const OPERATION_ICONS = {
                "=": "equal",
                "<>": "notequal",
                "<": "less",
                "<=": "lessorequal",
                ">": "greater",
                ">=": "greaterorequal",
                notcontains: "doesnotcontain",
                contains: "contains",
                startswith: "startswith",
                endswith: "endswith",
                isblank: "isblank",
                isnotblank: "isnotblank"
            };
            const OPERATION_NAME = {
                "=": "equal",
                "<>": "notEqual",
                "<": "lessThan",
                "<=": "lessThanOrEqual",
                ">": "greaterThan",
                ">=": "greaterThanOrEqual",
                startswith: "startsWith",
                contains: "contains",
                notcontains: "notContains",
                endswith: "endsWith",
                isblank: "isBlank",
                isnotblank: "isNotBlank",
                between: "between"
            };
            exports.default = {
                getIconByFilterOperation: filterOperation => OPERATION_ICONS[filterOperation],
                getNameByFilterOperation: filterOperation => OPERATION_NAME[filterOperation]
            }
        },
        29498(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addItem = function(item, group) {
                const criteria = getGroupCriteria(group);
                const groupValue = getGroupValue(criteria);
                1 === criteria.length ? criteria.unshift(item) : criteria.push(item, groupValue);
                return group
            };
            exports.convertToInnerStructure = convertToInnerStructure;
            exports.createCondition = function(field, customOperations) {
                const condition = [field.dataField, "", ""];
                const filterOperation = getDefaultOperation(field);
                updateConditionByOperation(condition, filterOperation, customOperations);
                return condition
            };
            exports.createEmptyGroup = createEmptyGroup;
            exports.filterHasField = function filterHasField(filter, dataField) {
                if (null === filter || 0 === filter.length) {
                    return false
                }
                if (isCondition(filter)) {
                    return filter[0] === dataField
                }
                return filter.some(item => (isCondition(item) || isGroup(item)) && filterHasField(item, dataField))
            };
            exports.getAvailableOperations = function(field, filterOperationDescriptions, customOperations) {
                const filterOperations = getFilterOperations(field);
                const isLookupField = !!field.lookup;
                customOperations.forEach(customOperation => {
                    if (!field.filterOperations && -1 === filterOperations.indexOf(customOperation.name)) {
                        const dataTypes = customOperation && customOperation.dataTypes;
                        const isOperationForbidden = isLookupField ? !!customOperation.notForLookup : false;
                        if (!isOperationForbidden && dataTypes && dataTypes.indexOf(field.dataType || "string") >= 0) {
                            filterOperations.push(customOperation.name)
                        }
                    }
                });
                return filterOperations.map(operation => {
                    const customOperation = getCustomOperation(customOperations, operation);
                    if (customOperation) {
                        return {
                            icon: customOperation.icon || "icon-none",
                            text: customOperation.caption || (0, _inflector.captionize)(customOperation.name),
                            value: customOperation.name,
                            isCustom: true
                        }
                    }
                    return {
                        icon: _m_filter_operations_dictionary.default.getIconByFilterOperation(operation) || "icon-none",
                        text: getCaptionByOperation(operation, filterOperationDescriptions),
                        value: operation
                    }
                })
            };
            exports.getCaptionByOperation = getCaptionByOperation;
            exports.getCaptionWithParents = function getCaptionWithParents(item, plainItems) {
                if (hasParent(item.dataField)) {
                    const parentId = getParentIdFromItemDataField(item.dataField);
                    for (let i = 0; i < plainItems.length; i++) {
                        if (plainItems[i].dataField === parentId) {
                            return `${getCaptionWithParents(plainItems[i],plainItems)}.${item.caption}`
                        }
                    }
                }
                return item.caption
            };
            exports.getCurrentLookupValueText = function(field, value, handler) {
                if ("" === value) {
                    handler("");
                    return
                }
                const {
                    lookup: lookup
                } = field;
                if (lookup.items) {
                    handler(lookup.calculateCellValue(value) || "")
                } else {
                    const lookupDataSource = (0, _type.isFunction)(lookup.dataSource) ? lookup.dataSource({}) : lookup.dataSource;
                    const dataSource = new _data_source.DataSource(lookupDataSource);
                    dataSource.loadSingle(lookup.valueExpr, value).done(result => {
                        let valueText = "";
                        if (result) {
                            valueText = lookup.displayExpr ? (0, _data.compileGetter)(lookup.displayExpr)(result) : result
                        }
                        if (field.customizeText) {
                            valueText = field.customizeText({
                                value: value,
                                valueText: valueText
                            })
                        }
                        handler(valueText)
                    }).fail(() => {
                        handler("")
                    })
                }
            };
            exports.getCurrentValueText = function(field, value, customOperation) {
                let target = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : "filterBuilder";
                if (checkDefaultValue(value)) {
                    return ""
                }
                if (Array.isArray(value)) {
                    const result = new _deferred.Deferred;
                    _deferred.when.apply(this, function(field, value, customOperation, target) {
                        const options = {
                            values: value
                        };
                        return value.map(v => getPrimitiveValueText(field, v, customOperation, target, options))
                    }(field, value, customOperation, target)).done(function() {
                        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                            args[_key] = arguments[_key]
                        }
                        const text = args.some(item => !checkDefaultValue(item)) ? args.map(item => !checkDefaultValue(item) ? item : "?") : "";
                        result.resolve(text)
                    });
                    return result
                }
                return getPrimitiveValueText(field, value, customOperation, target)
            };
            exports.getCustomOperation = getCustomOperation;
            exports.getDefaultOperation = getDefaultOperation;
            exports.getField = getField;
            exports.getFilterExpression = function getFilterExpression(value, fields, customOperations, target) {
                if (!(0, _type.isDefined)(value)) {
                    return null
                }
                if (isNegationGroup(value)) {
                    const filterExpression = getFilterExpression(value[1], fields, customOperations, target);
                    return ["!", filterExpression]
                }
                const criteria = getGroupCriteria(value);
                if (isCondition(criteria)) {
                    return getConditionFilterExpression(criteria, fields, customOperations, target) || null
                }
                let result = [];
                let filterExpression;
                const groupValue = getGroupValue(criteria);
                for (let i = 0; i < criteria.length; i++) {
                    if (isGroup(criteria[i])) {
                        filterExpression = getFilterExpression(criteria[i], fields, customOperations, target);
                        if (filterExpression) {
                            i && result.push(groupValue);
                            result.push(filterExpression)
                        }
                    } else if (isCondition(criteria[i])) {
                        filterExpression = getConditionFilterExpression(criteria[i], fields, customOperations, target);
                        if (filterExpression) {
                            result.length && result.push(groupValue);
                            result.push(filterExpression)
                        }
                    }
                }
                if (1 === result.length) {
                    result = result[0]
                }
                return result.length ? result : null
            };
            exports.getFilterOperations = getFilterOperations;
            exports.getGroupCriteria = getGroupCriteria;
            exports.getGroupMenuItem = function(group, availableGroups) {
                const groupValue = getGroupValue(group);
                return availableGroups.filter(item => item.value === groupValue)[0]
            };
            exports.getGroupValue = getGroupValue;
            exports.getItems = getItems;
            exports.getMatchedConditions = function(filter, dataField) {
                if (null === filter || 0 === filter.length) {
                    return []
                }
                if (isCondition(filter)) {
                    if (isMatchedCondition(filter, dataField)) {
                        return [filter]
                    }
                    return []
                }
                const groupValue = getGroupValue(filter);
                if ("and" !== groupValue) {
                    return []
                }
                const result = filter.filter(item => isCondition(item) && isMatchedCondition(item, dataField));
                return result
            };
            exports.getMergedOperations = function(customOperations, betweenCaption, context) {
                const result = (0, _extend.extend)(true, [], customOperations);
                let betweenIndex = -1;
                result.some((customOperation, index) => {
                    if ("between" === customOperation.name) {
                        betweenIndex = index;
                        return true
                    }
                    return
                });
                if (-1 !== betweenIndex) {
                    result[betweenIndex] = (0, _extend.extend)((0, _m_between.getConfig)(betweenCaption, context), result[betweenIndex])
                } else {
                    result.unshift((0, _m_between.getConfig)(betweenCaption, context))
                }
                return result
            };
            exports.getNormalizedFields = function(fields) {
                return fields.reduce((result, field) => {
                    if ((0, _type.isDefined)(field.dataField)) {
                        const normalizedField = {};
                        for (const key in field) {
                            if (field[key] && AVAILABLE_FIELD_PROPERTIES.includes(key)) {
                                normalizedField[key] = field[key]
                            }
                        }
                        normalizedField.defaultCalculateFilterExpression = _filtering.default.defaultCalculateFilterExpression;
                        if (!(0, _type.isDefined)(normalizedField.dataType)) {
                            normalizedField.dataType = "string"
                        }
                        if (!(0, _type.isDefined)(normalizedField.trueText)) {
                            normalizedField.trueText = _message.default.format("dxDataGrid-trueText")
                        }
                        if (!(0, _type.isDefined)(normalizedField.falseText)) {
                            normalizedField.falseText = _message.default.format("dxDataGrid-falseText")
                        }
                        result.push(normalizedField)
                    }
                    return result
                }, [])
            };
            exports.getNormalizedFilter = function getNormalizedFilter(group) {
                const criteria = getGroupCriteria(group);
                let i;
                if (0 === criteria.length) {
                    return null
                }
                const itemsForRemove = [];
                for (i = 0; i < criteria.length; i++) {
                    if (isGroup(criteria[i])) {
                        const normalizedGroupValue = getNormalizedFilter(criteria[i]);
                        if (normalizedGroupValue) {
                            criteria[i] = normalizedGroupValue
                        } else {
                            itemsForRemove.push(criteria[i])
                        }
                    } else if (isCondition(criteria[i])) {
                        if (!isValidCondition(criteria[i])) {
                            itemsForRemove.push(criteria[i])
                        }
                    }
                }
                for (i = 0; i < itemsForRemove.length; i++) {
                    removeItem(criteria, itemsForRemove[i])
                }
                if (1 === criteria.length) {
                    return null
                }
                criteria.splice(criteria.length - 1, 1);
                if (1 === criteria.length) {
                    group = function(group, criteria) {
                        if (isNegationGroup(group)) {
                            group[1] = criteria
                        } else {
                            group = criteria
                        }
                        return group
                    }(group, criteria[0])
                }
                if (0 === group.length) {
                    return null
                }
                return group
            };
            exports.getOperationFromAvailable = function(operation, availableOperations) {
                for (let i = 0; i < availableOperations.length; i++) {
                    if (availableOperations[i].value === operation) {
                        return availableOperations[i]
                    }
                }
                throw new _ui.default.Error("E1048", operation)
            };
            exports.getOperationValue = function(condition) {
                let caption;
                if (null === condition[2]) {
                    if ("=" === condition[1]) {
                        caption = "isblank"
                    } else {
                        caption = "isnotblank"
                    }
                } else {
                    caption = condition[1]
                }
                return caption
            };
            exports.isCondition = isCondition;
            exports.isEmptyGroup = function(group) {
                const criteria = getGroupCriteria(group);
                if (isCondition(criteria)) {
                    return false
                }
                const hasConditions = criteria.some(item => isCondition(item));
                return !hasConditions
            };
            exports.isGroup = isGroup;
            exports.isValidCondition = isValidCondition;
            exports.removeFieldConditionsFromFilter = function(filter, dataField) {
                if (!filter || 0 === filter.length) {
                    return null
                }
                if (isCondition(filter)) {
                    const hasMatchedCondition = isMatchedCondition(filter, dataField);
                    return !hasMatchedCondition ? filter : null
                }
                return syncConditionIntoGroup(filter, [dataField], false)
            };
            exports.removeItem = removeItem;
            exports.renderValueText = void 0;
            exports.setGroupValue = function(group, value) {
                ! function(group, value) {
                    const isNegationValue = function(value) {
                        return -1 !== value.indexOf("!")
                    };
                    const convertGroupToNegationGroup = function(group) {
                        const criteria = group.slice(0);
                        group.length = 0;
                        group.push("!", criteria)
                    };
                    const convertNegationGroupToGroup = function(group) {
                        const criteria = getGroupCriteria(group);
                        group.length = 0;
                        [].push.apply(group, criteria)
                    };
                    if (isNegationValue(value)) {
                        if (!isNegationGroup(group)) {
                            convertGroupToNegationGroup(group)
                        }
                    } else if (isNegationGroup(group)) {
                        convertNegationGroupToGroup(group)
                    }
                }(group, value);
                const criteria = getGroupCriteria(group);
                let i;
                value = function(value) {
                    return -1 === value.indexOf("!") ? value : value.substring(1)
                }(value);
                ! function(criteria, value) {
                    for (i = 0; i < criteria.length; i++) {
                        if (!Array.isArray(criteria[i])) {
                            criteria[i] = value
                        }
                    }
                }(criteria, value);
                return group
            };
            exports.syncFilters = function(filter, addedFilter) {
                if (null === filter || 0 === filter.length) {
                    return addedFilter
                }
                if (isCondition(filter)) {
                    if (isMatchedCondition(filter, addedFilter[0])) {
                        return addedFilter
                    }
                    return [filter, "and", addedFilter]
                }
                const groupValue = getGroupValue(filter);
                if ("and" !== groupValue) {
                    return [addedFilter, "and", filter]
                }
                return syncConditionIntoGroup(filter, addedFilter, true)
            };
            exports.updateConditionByOperation = updateConditionByOperation;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/message */ 4671));
            var _data_source = __webpack_require__( /*! ../../common/data/data_source/data_source */ 68216);
            var _errors = __webpack_require__( /*! ../../common/data/errors */ 82812);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _data = __webpack_require__( /*! ../../core/utils/data */ 31e3);
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _inflector = __webpack_require__( /*! ../../core/utils/inflector */ 53124);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _format_helper = _interopRequireDefault(__webpack_require__( /*! ../../format_helper */ 2082));
            var _filtering = _interopRequireDefault(__webpack_require__( /*! ../../ui/shared/filtering */ 56417));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../ui/widget/ui.errors */ 35185));
            var _m_between = __webpack_require__( /*! ./m_between */ 46827);
            var _m_filter_operations_dictionary = _interopRequireDefault(__webpack_require__( /*! ./m_filter_operations_dictionary */ 86193));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DATATYPE_OPERATIONS = {
                number: ["=", "<>", "<", ">", "<=", ">=", "isblank", "isnotblank"],
                string: ["contains", "notcontains", "startswith", "endswith", "=", "<>", "isblank", "isnotblank"],
                date: ["=", "<>", "<", ">", "<=", ">=", "isblank", "isnotblank"],
                datetime: ["=", "<>", "<", ">", "<=", ">=", "isblank", "isnotblank"],
                boolean: ["=", "<>", "isblank", "isnotblank"],
                object: ["isblank", "isnotblank"]
            };
            const DEFAULT_FORMAT = {
                date: "shortDate",
                datetime: "shortDateShortTime"
            };
            const LOOKUP_OPERATIONS = ["=", "<>", "isblank", "isnotblank"];
            const AVAILABLE_FIELD_PROPERTIES = ["caption", "customizeText", "dataField", "dataType", "editorTemplate", "falseText", "editorOptions", "filterOperations", "format", "lookup", "trueText", "calculateFilterExpression", "name"];

            function getFormattedValueText(field, value) {
                const fieldFormat = field.format ?? (dataType = field.dataType, dataType ? DEFAULT_FORMAT[dataType] : void 0);
                var dataType;
                if ((0, _type.isBoolean)(value)) {
                    const trueText = field.trueText ?? _message.default.format("dxDataGrid-trueText");
                    const falseText = field.falseText ?? _message.default.format("dxDataGrid-falseText");
                    return value ? trueText : falseText
                }
                if ("date" === field.dataType || "datetime" === field.dataType) {
                    if ((0, _type.isString)(value) || (0, _type.isNumeric)(value)) {
                        return _format_helper.default.format(new Date(value), fieldFormat)
                    }
                }
                return _format_helper.default.format(value, fieldFormat)
            }

            function isNegationGroup(group) {
                return group && group.length > 1 && "!" === group[0] && !isCondition(group)
            }

            function getGroupCriteria(group) {
                return isNegationGroup(group) ? group[1] : group
            }

            function getCriteriaOperation(criteria) {
                if (isCondition(criteria)) {
                    return "and"
                }
                let value = "";
                for (let i = 0; i < criteria.length; i++) {
                    const item = criteria[i];
                    if (!Array.isArray(item)) {
                        if (value && value !== item) {
                            throw _errors.errors.Error("E4019")
                        }
                        if ("!" !== item) {
                            value = item
                        }
                    }
                }
                return value
            }

            function getGroupValue(group) {
                const criteria = getGroupCriteria(group);
                let value = getCriteriaOperation(criteria);
                if (!value) {
                    value = "and"
                }
                if (criteria !== group) {
                    value = `!${value}`
                }
                return value
            }

            function getFilterOperations(field) {
                const result = (entity = field.filterOperations, Array.isArray(entity) && entity.length) ? field.filterOperations : function(field) {
                    return field.lookup && LOOKUP_OPERATIONS || DATATYPE_OPERATIONS[field.dataType || "string"]
                }(field);
                var entity;
                return (0, _extend.extend)([], result)
            }

            function getCaptionByOperation(operation, filterOperationDescriptions) {
                const operationName = _m_filter_operations_dictionary.default.getNameByFilterOperation(operation);
                return filterOperationDescriptions && filterOperationDescriptions[operationName] ? filterOperationDescriptions[operationName] : operationName
            }

            function getCustomOperation(customOperations, name) {
                const filteredOperations = customOperations.filter(item => item.name === name);
                return filteredOperations.length ? filteredOperations[0] : null
            }

            function getDefaultOperation(field) {
                return field.defaultFilterOperation || getFilterOperations(field)[0]
            }

            function removeItem(group, item) {
                const criteria = getGroupCriteria(group);
                const index = criteria.indexOf(item);
                criteria.splice(index, 1);
                if (1 !== criteria.length) {
                    criteria.splice(index, 1)
                }
                return group
            }

            function createEmptyGroup(value) {
                const isNegation = isNegationGroupOperation(value);
                const groupOperation = isNegation ? getGroupOperationFromNegationOperation(value) : value;
                return isNegation ? ["!", [groupOperation]] : [groupOperation]
            }

            function getField(dataField, fields) {
                for (let i = 0; i < fields.length; i++) {
                    if (fields[i].name === dataField) {
                        return fields[i]
                    }
                    if (fields[i].dataField.toLowerCase() === dataField.toLowerCase()) {
                        return fields[i]
                    }
                }
                const extendedFields = getItems(fields, true).filter(item => item.dataField.toLowerCase() === dataField.toLowerCase());
                if (extendedFields.length > 0) {
                    return extendedFields[0]
                }
                throw new _ui.default.Error("E1047", dataField)
            }

            function isGroup(criteria) {
                if (!Array.isArray(criteria)) {
                    return false
                }
                return criteria.length < 2 || Array.isArray(criteria[0]) || Array.isArray(criteria[1])
            }

            function isCondition(criteria) {
                if (!Array.isArray(criteria)) {
                    return false
                }
                return criteria.length > 1 && !Array.isArray(criteria[0]) && !Array.isArray(criteria[1])
            }

            function convertToInnerGroup(group, customOperations, defaultGroupOperation) {
                defaultGroupOperation = defaultGroupOperation || "and";
                const groupOperation = getCriteriaOperation(group).toLowerCase() || defaultGroupOperation;
                let innerGroup = [];
                for (let i = 0; i < group.length; i++) {
                    if (isGroup(group[i])) {
                        innerGroup.push(convertToInnerStructure(group[i], customOperations, defaultGroupOperation));
                        innerGroup = appendGroupOperationToGroup(innerGroup, groupOperation)
                    } else if (isCondition(group[i])) {
                        innerGroup.push(convertToInnerCondition(group[i], customOperations));
                        innerGroup = appendGroupOperationToGroup(innerGroup, groupOperation)
                    }
                }
                if (0 === innerGroup.length) {
                    innerGroup = appendGroupOperationToGroup(innerGroup, groupOperation)
                }
                return innerGroup
            }

            function convertToInnerCondition(condition, customOperations) {
                if (function(condition, customOperations) {
                        const customOperation = getCustomOperation(customOperations, condition[1]);
                        return customOperation && customOperation.name === condition[1]
                    }(condition, customOperations)) {
                    return condition
                }
                if (condition.length < 3) {
                    condition[2] = condition[1];
                    condition[1] = "="
                }
                return condition
            }

            function isNegationGroupOperation(operation) {
                return -1 !== operation.indexOf("not")
            }

            function getGroupOperationFromNegationOperation(operation) {
                return operation.substring(3).toLowerCase()
            }

            function appendGroupOperationToCriteria(criteria, groupOperation) {
                const isNegation = isNegationGroupOperation(groupOperation);
                groupOperation = isNegation ? getGroupOperationFromNegationOperation(groupOperation) : groupOperation;
                return isNegation ? ["!", criteria, groupOperation] : [criteria, groupOperation]
            }

            function appendGroupOperationToGroup(group, groupOperation) {
                const isNegation = isNegationGroupOperation(groupOperation);
                groupOperation = isNegation ? getGroupOperationFromNegationOperation(groupOperation) : groupOperation;
                group.push(groupOperation);
                let result = group;
                if (isNegation) {
                    result = ["!", result]
                }
                return result
            }

            function convertToInnerStructure(value, customOperations, defaultGroupOperation) {
                defaultGroupOperation = defaultGroupOperation || "and";
                if (!value) {
                    return createEmptyGroup(defaultGroupOperation)
                }
                value = (0, _extend.extend)(true, [], value);
                if (isCondition(value)) {
                    return appendGroupOperationToCriteria(convertToInnerCondition(value, customOperations), defaultGroupOperation)
                }
                if (isNegationGroup(value)) {
                    return ["!", isCondition(value[1]) ? appendGroupOperationToCriteria(convertToInnerCondition(value[1], customOperations), defaultGroupOperation) : isNegationGroup(value[1]) ? appendGroupOperationToCriteria(convertToInnerStructure(value[1], customOperations), defaultGroupOperation) : convertToInnerGroup(value[1], customOperations, defaultGroupOperation)]
                }
                return convertToInnerGroup(value, customOperations, defaultGroupOperation)
            }

            function getConditionFilterExpression(condition, fields, customOperations, target) {
                const field = getField(condition[0], fields);
                const filterExpression = convertToInnerCondition(condition, customOperations);
                const customOperation = customOperations.length && getCustomOperation(customOperations, filterExpression[1]);
                if (customOperation && customOperation.calculateFilterExpression) {
                    return customOperation.calculateFilterExpression.apply(customOperation, [filterExpression[2], field, fields])
                }
                if (field.createFilterExpression) {
                    return field.createFilterExpression.apply(field, [filterExpression[2], filterExpression[1], target])
                }
                if (field.calculateFilterExpression) {
                    return field.calculateFilterExpression.apply(field, [filterExpression[2], filterExpression[1], target])
                }
                return field.defaultCalculateFilterExpression.apply(field, [filterExpression[2], filterExpression[1], target])
            }

            function getPrimitiveValueText(field, value, customOperation, target, options) {
                let valueText = getFormattedValueText(field, value);
                if (field.customizeText) {
                    valueText = field.customizeText.call(field, {
                        value: value,
                        valueText: valueText,
                        target: target
                    })
                }
                if (customOperation && customOperation.customizeText) {
                    valueText = customOperation.customizeText.call(customOperation, {
                        value: value,
                        valueText: valueText,
                        field: field,
                        target: target
                    }, options)
                }
                return valueText
            }

            function checkDefaultValue(value) {
                return "" === value || null === value
            }

            function itemExists(plainItems, parentId) {
                return plainItems.some(item => item.dataField === parentId)
            }

            function pushItemAndCheckParent(originalItems, plainItems, item) {
                const {
                    dataField: dataField
                } = item;
                if (hasParent(dataField)) {
                    item.parentId = getParentIdFromItemDataField(dataField);
                    if (!itemExists(plainItems, item.parentId) && !itemExists(originalItems, item.parentId)) {
                        pushItemAndCheckParent(originalItems, plainItems, {
                            id: item.parentId,
                            dataType: "object",
                            dataField: item.parentId,
                            caption: generateCaptionByDataField(item.parentId, true),
                            filterOperations: ["isblank", "isnotblank"],
                            defaultCalculateFilterExpression: _filtering.default.defaultCalculateFilterExpression
                        })
                    }
                }
                plainItems.push(item)
            }

            function generateCaptionByDataField(dataField, allowHierarchicalFields) {
                let caption = "";
                if (allowHierarchicalFields) {
                    dataField = dataField.substring(dataField.lastIndexOf(".") + 1)
                } else if (hasParent(dataField)) {
                    dataField.split(".").forEach((field, index, arr) => {
                        caption += (0, _inflector.captionize)(field);
                        if (index !== arr.length - 1) {
                            caption += "."
                        }
                    });
                    return caption
                }
                return (0, _inflector.captionize)(dataField)
            }

            function getItems(fields, allowHierarchicalFields) {
                const items = [];
                for (let i = 0; i < fields.length; i++) {
                    const item = (0, _extend.extend)(true, {
                        caption: generateCaptionByDataField(fields[i].dataField, allowHierarchicalFields)
                    }, fields[i]);
                    item.id = item.name || item.dataField;
                    if (allowHierarchicalFields) {
                        pushItemAndCheckParent(fields, items, item)
                    } else {
                        items.push(item)
                    }
                }
                return items
            }

            function hasParent(dataField) {
                return -1 !== dataField.lastIndexOf(".")
            }

            function getParentIdFromItemDataField(dataField) {
                return dataField.substring(0, dataField.lastIndexOf("."))
            }

            function updateConditionByOperation(condition, operation, customOperations) {
                let customOperation = getCustomOperation(customOperations, operation);
                if (customOperation) {
                    if (false === customOperation.hasValue) {
                        condition[1] = operation;
                        condition.length = 2
                    } else {
                        condition[1] = operation;
                        condition[2] = ""
                    }
                    return condition
                }
                if ("isblank" === operation) {
                    condition[1] = "=";
                    condition[2] = null
                } else if ("isnotblank" === operation) {
                    condition[1] = "<>";
                    condition[2] = null
                } else {
                    customOperation = getCustomOperation(customOperations, condition[1]);
                    if (customOperation || 2 === condition.length || null === condition[2]) {
                        condition[2] = ""
                    }
                    condition[1] = operation
                }
                return condition
            }

            function isValidCondition(condition) {
                return "" !== condition[2]
            }

            function isMatchedCondition(filter, addedFilterDataField) {
                return filter[0] === addedFilterDataField
            }

            function syncConditionIntoGroup(filter, addedFilter, canPush) {
                const result = [];
                const isNegation = isNegationGroup(filter);
                filter.forEach(item => {
                    if (isCondition(item)) {
                        if (isMatchedCondition(item, addedFilter[0])) {
                            if (canPush) {
                                result.push(addedFilter);
                                canPush = false
                            } else {
                                result.splice(result.length - 1, 1)
                            }
                        } else {
                            result.push(item)
                        }
                    } else {
                        (result.length || isGroup(item)) && result.push(item)
                    }
                });
                if (0 === result.length) {
                    return null
                }
                if (canPush) {
                    result.push("and");
                    result.push(addedFilter)
                }
                if (isNegation) {
                    return ["!", 1 === result.length ? result[0] : result]
                }
                return 1 === result.length ? result[0] : result
            }
            exports.renderValueText = function($container, value, customOperation) {
                if (Array.isArray(value)) {
                    const lastItemIndex = value.length - 1;
                    $container.empty();
                    value.forEach((t, i) => {
                        (0, _renderer.default)("<span>").addClass("dx-filterbuilder-text-part").text(t).appendTo($container);
                        if (i !== lastItemIndex) {
                            (0, _renderer.default)("<span>").addClass("dx-filterbuilder-text-separator").text(customOperation && customOperation.valueSeparator ? customOperation.valueSeparator : "|").addClass("dx-filterbuilder-text-separator-empty").appendTo($container)
                        }
                    })
                } else if (value) {
                    $container.text(value)
                } else {
                    $container.text(_message.default.format("dxFilterBuilder-enterValueText"))
                }
            }
        },
        83189(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ExportController = exports.DataProvider = void 0;
            __webpack_require__( /*! ../../../../ui/button */ 64973);
            __webpack_require__( /*! ../../../../ui/drop_down_button */ 56582);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _string = __webpack_require__( /*! ../../../../core/utils/string */ 54497);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/widget/ui.errors */ 35185));
            var _m_export = __webpack_require__( /*! ../../../grids/grid_core/m_export */ 47197);
            var _listEdit = _interopRequireDefault(__webpack_require__( /*! ../../../ui/list/list.edit.search */ 51802));
            var _m_core = _interopRequireDefault(__webpack_require__( /*! ../m_core */ 54353));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DataProvider {
                constructor(exportController, initialColumnWidthsByColumnIndex, selectedRowsOnly) {
                    this._exportController = exportController;
                    this._initialColumnWidthsByColumnIndex = initialColumnWidthsByColumnIndex;
                    this._selectedRowsOnly = selectedRowsOnly
                }
                _getGroupValue(item) {
                    const {
                        key: key,
                        data: data,
                        rowType: rowType,
                        groupIndex: groupIndex,
                        summaryCells: summaryCells
                    } = item;
                    const groupColumn = this._options.groupColumns[groupIndex];
                    const value = _m_core.default.getDisplayValue(groupColumn, groupColumn.deserializeValue ? groupColumn.deserializeValue(key[groupIndex]) : key[groupIndex], data, rowType);
                    let result = `${groupColumn.caption}: ${_m_core.default.formatValue(value,groupColumn)}`;
                    if (summaryCells && summaryCells[0] && summaryCells[0].length) {
                        result += ` ${_m_core.default.getGroupRowSummaryText(summaryCells[0],this._options.summaryTexts)}`
                    }
                    return result
                }
                _correctCellIndex(cellIndex) {
                    return cellIndex
                }
                _initOptions() {
                    const exportController = this._exportController;
                    const groupColumns = exportController._columnsController.getGroupColumns();
                    this._options = {
                        columns: exportController._getColumns(this._initialColumnWidthsByColumnIndex),
                        groupColumns: groupColumns,
                        items: this._selectedRowsOnly || exportController._selectionOnly ? exportController._getSelectedItems() : exportController._getAllItems(),
                        isHeadersVisible: exportController.option("showColumnHeaders"),
                        summaryTexts: exportController.option("summary.texts"),
                        rtlEnabled: exportController.option("rtlEnabled")
                    }
                }
                getHeaderStyles() {
                    return [{
                        bold: true,
                        alignment: "center"
                    }, {
                        bold: true,
                        alignment: "left"
                    }, {
                        bold: true,
                        alignment: "right"
                    }]
                }
                getGroupRowStyle() {
                    return {
                        bold: true,
                        alignment: (0, _position.getDefaultAlignment)(this._options.rtlEnabled)
                    }
                }
                getColumnStyles() {
                    const columnStyles = [];
                    this.getColumns().forEach(column => {
                        columnStyles.push({
                            alignment: column.alignment || "left",
                            format: column.format,
                            dataType: column.dataType
                        })
                    });
                    return columnStyles
                }
                getStyles() {
                    return [...this.getHeaderStyles(), ...this.getColumnStyles(), this.getGroupRowStyle()]
                }
                _getTotalCellStyleId(cellIndex) {
                    var _this$getColumns$cell;
                    const alignment = (null === (_this$getColumns$cell = this.getColumns()[cellIndex]) || void 0 === _this$getColumns$cell ? void 0 : _this$getColumns$cell.alignment) || "right";
                    return this.getHeaderStyles().map(style => style.alignment).indexOf(alignment)
                }
                getStyleId(rowIndex, cellIndex) {
                    if (rowIndex < this.getHeaderRowCount()) {
                        return 0
                    }
                    if (this.isTotalCell(rowIndex - this.getHeaderRowCount(), cellIndex)) {
                        return this._getTotalCellStyleId(cellIndex)
                    }
                    if (this.isGroupRow(rowIndex - this.getHeaderRowCount())) {
                        return this.getHeaderStyles().length + this.getColumns().length
                    }
                    return cellIndex + this.getHeaderStyles().length
                }
                getColumns(getColumnsByAllRows) {
                    const {
                        columns: columns
                    } = this._options;
                    return getColumnsByAllRows ? columns : columns[columns.length - 1]
                }
                getColumnsWidths() {
                    const columns = this.getColumns();
                    return (0, _type.isDefined)(columns) ? columns.map(c => c.width) : void 0
                }
                getRowsCount() {
                    return this._options.items.length + this.getHeaderRowCount()
                }
                getHeaderRowCount() {
                    if (this.isHeadersVisible()) {
                        return this._options.columns.length - 1
                    }
                    return 0
                }
                isGroupRow(rowIndex) {
                    return rowIndex < this._options.items.length && "group" === this._options.items[rowIndex].rowType
                }
                getGroupLevel(rowIndex) {
                    const item = this._options.items[rowIndex - this.getHeaderRowCount()];
                    const groupIndex = item && item.groupIndex;
                    if (item && "totalFooter" === item.rowType) {
                        return 0
                    }
                    return (0, _type.isDefined)(groupIndex) ? groupIndex : this._options.groupColumns.length
                }
                getCellType(rowIndex, cellIndex) {
                    const columns = this.getColumns();
                    if (rowIndex < this.getHeaderRowCount()) {
                        return "string"
                    }
                    rowIndex -= this.getHeaderRowCount();
                    if (cellIndex < columns.length) {
                        const item = this._options.items.length && this._options.items[rowIndex];
                        const column = columns[cellIndex];
                        if (item && "data" === item.rowType) {
                            if (isFinite(item.values[this._correctCellIndex(cellIndex)]) && !(0, _type.isDefined)(column.customizeText)) {
                                return (0, _type.isDefined)(column.lookup) ? column.lookup.dataType : column.dataType
                            }
                        }
                        return "string"
                    }
                }
                ready() {
                    this._initOptions();
                    const options = this._options;
                    return (0, _deferred.when)(options.items).done(items => {
                        options.items = items
                    }).fail(() => {
                        options.items = []
                    })
                }
                _convertFromGridGroupSummaryItems(gridGroupSummaryItems) {
                    if ((0, _type.isDefined)(gridGroupSummaryItems) && gridGroupSummaryItems.length > 0) {
                        return gridGroupSummaryItems.map(item => ({
                            value: item.value,
                            name: item.name
                        }))
                    }
                }
                getCellData(rowIndex, cellIndex, isExcelJS) {
                    let value;
                    let column;
                    const result = {
                        cellSourceData: {},
                        value: value
                    };
                    const columns = this.getColumns();
                    const correctedCellIndex = this._correctCellIndex(cellIndex);
                    if (rowIndex < this.getHeaderRowCount()) {
                        const columnsRow = this.getColumns(true)[rowIndex];
                        column = columnsRow[cellIndex];
                        result.cellSourceData.rowType = "header";
                        result.cellSourceData.column = column && column.gridColumn;
                        result.value = column && column.caption
                    } else {
                        rowIndex -= this.getHeaderRowCount();
                        const item = this._options.items.length && this._options.items[rowIndex];
                        if (item) {
                            const itemValues = item.values;
                            result.cellSourceData.rowType = item.rowType;
                            result.cellSourceData.column = columns[cellIndex] && columns[cellIndex].gridColumn;
                            switch (item.rowType) {
                                case "groupFooter":
                                case "totalFooter":
                                    if (correctedCellIndex < itemValues.length) {
                                        value = itemValues[correctedCellIndex];
                                        if ((0, _type.isDefined)(value)) {
                                            result.cellSourceData.value = value.value;
                                            result.cellSourceData.totalSummaryItemName = value.name;
                                            result.value = _m_core.default.getSummaryText(value, this._options.summaryTexts)
                                        } else {
                                            result.cellSourceData.value = void 0
                                        }
                                    }
                                    break;
                                case "group":
                                    result.cellSourceData.groupIndex = item.groupIndex;
                                    if (cellIndex < 1) {
                                        result.cellSourceData.column = this._options.groupColumns[item.groupIndex];
                                        result.cellSourceData.value = item.key[item.groupIndex];
                                        result.cellSourceData.groupSummaryItems = this._convertFromGridGroupSummaryItems(item.summaryCells[0]);
                                        result.value = this._getGroupValue(item)
                                    } else {
                                        const summaryItems = item.values[correctedCellIndex];
                                        if (Array.isArray(summaryItems)) {
                                            result.cellSourceData.groupSummaryItems = this._convertFromGridGroupSummaryItems(summaryItems);
                                            value = "";
                                            for (let i = 0; i < summaryItems.length; i++) {
                                                value += (i > 0 ? isExcelJS ? "\n" : " \n " : "") + _m_core.default.getSummaryText(summaryItems[i], this._options.summaryTexts)
                                            }
                                            result.value = value
                                        } else {
                                            result.cellSourceData.value = void 0
                                        }
                                    }
                                    break;
                                default:
                                    column = columns[cellIndex];
                                    if (column) {
                                        const value = itemValues[correctedCellIndex];
                                        const displayValue = _m_core.default.getDisplayValue(column, value, item.data, item.rowType);
                                        if (!isFinite(displayValue) || (0, _type.isDefined)(column.customizeText)) {
                                            if (isExcelJS && (0, _type.isDefined)(column.customizeText) && column.customizeText === this._exportController._columnsController.getCustomizeTextByDataType("boolean")) {
                                                result.value = displayValue
                                            } else {
                                                result.value = _m_core.default.formatValue(displayValue, column)
                                            }
                                        } else {
                                            result.value = displayValue
                                        }
                                        result.cellSourceData.value = value
                                    }
                                    result.cellSourceData.data = item.data
                            }
                        }
                    }
                    return result
                }
                isHeadersVisible() {
                    return this._options.isHeadersVisible
                }
                isTotalCell(rowIndex, cellIndex) {
                    const {
                        items: items
                    } = this._options;
                    const item = items[rowIndex];
                    const correctCellIndex = this._correctCellIndex(cellIndex);
                    const isSummaryAlignByColumn = item.summaryCells && item.summaryCells[correctCellIndex] && item.summaryCells[correctCellIndex].length > 0 && item.summaryCells[correctCellIndex][0].alignByColumn;
                    return item && "groupFooter" === item.rowType || "totalFooter" === item.rowType || isSummaryAlignByColumn
                }
                getCellMerging(rowIndex, cellIndex) {
                    const {
                        columns: columns
                    } = this._options;
                    const column = columns[rowIndex] && columns[rowIndex][cellIndex];
                    return column ? {
                        colspan: (column.exportColspan || 1) - 1,
                        rowspan: (column.rowspan || 1) - 1
                    } : {
                        colspan: 0,
                        rowspan: 0
                    }
                }
                getFrozenArea() {
                    return {
                        x: 0,
                        y: this.getHeaderRowCount()
                    }
                }
            }
            exports.DataProvider = DataProvider;
            class ExportController extends _m_core.default.ViewController {
                init() {
                    this.throwWarningIfNoOnExportingEvent();
                    this._columnsController = this.getController("columns");
                    this._dataController = this.getController("data");
                    this._selectionController = this.getController("selection");
                    this._rowsView = this.getView("rowsView");
                    this._headersView = this.getView("columnHeadersView");
                    this.createAction("onExporting", {
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _getEmptyCell() {
                    return {
                        caption: "",
                        colspan: 1,
                        rowspan: 1
                    }
                }
                _updateColumnWidth(column, width) {
                    column.width = width
                }
                _getColumns(initialColumnWidthsByColumnIndex) {
                    let result = [];
                    let i;
                    let columns;
                    const columnsController = this._columnsController;
                    const rowCount = columnsController.getRowCount();
                    for (i = 0; i <= rowCount; i++) {
                        const currentHeaderRow = [];
                        columns = columnsController.getVisibleColumns(i, true);
                        let columnWidthsByColumnIndex;
                        if (i === rowCount) {
                            if (this._updateLockCount) {
                                columnWidthsByColumnIndex = initialColumnWidthsByColumnIndex
                            } else {
                                const columnWidths = this._getColumnWidths(this._headersView, this._rowsView);
                                if (columnWidths && columnWidths.length) {
                                    columnWidthsByColumnIndex = {};
                                    for (let i = 0; i < columns.length; i++) {
                                        columnWidthsByColumnIndex[columns[i].index] = columnWidths[i]
                                    }
                                }
                            }
                        }
                        for (let j = 0; j < columns.length; j++) {
                            const column = (0, _extend.extend)({}, columns[j], {
                                dataType: "datetime" === columns[j].dataType ? "date" : columns[j].dataType,
                                gridColumn: columns[j]
                            });
                            if (this._needColumnExporting(column)) {
                                const currentColspan = this._calculateExportColspan(column);
                                if ((0, _type.isDefined)(currentColspan)) {
                                    column.exportColspan = currentColspan
                                }
                                if (columnWidthsByColumnIndex) {
                                    this._updateColumnWidth(column, columnWidthsByColumnIndex[column.index])
                                }
                                currentHeaderRow.push(column)
                            }
                        }
                        result.push(currentHeaderRow)
                    }
                    columns = result[rowCount];
                    result = (0, _m_export.prepareItems)(result.slice(0, -1), this._getEmptyCell());
                    result.push(columns);
                    return result
                }
                _calculateExportColspan(column) {
                    if (!column.isBand) {
                        return
                    }
                    const childColumns = this._columnsController.getChildrenByBandColumn(column.index, true);
                    if (!(0, _type.isDefined)(childColumns)) {
                        return
                    }
                    return childColumns.reduce((result, childColumn) => {
                        if (this._needColumnExporting(childColumn)) {
                            return result + (this._calculateExportColspan(childColumn) || 1)
                        }
                        return result
                    }, 0)
                }
                _needColumnExporting(column) {
                    return !column.command && (column.allowExporting || void 0 === column.allowExporting)
                }
                _getFooterSummaryItems(summaryCells, isTotal) {
                    const result = [];
                    let estimatedItemsCount = 1;
                    let i = 0;
                    do {
                        const values = [];
                        for (let j = 0; j < summaryCells.length; j++) {
                            const summaryCell = summaryCells[j];
                            const itemsLength = summaryCell.length;
                            if (estimatedItemsCount < itemsLength) {
                                estimatedItemsCount = itemsLength
                            }
                            values.push(summaryCell[i])
                        }
                        result.push({
                            values: values,
                            rowType: isTotal ? "totalFooter" : "groupFooter"
                        })
                    } while (i++ < estimatedItemsCount - 1);
                    return result
                }
                _hasSummaryGroupFooters() {
                    const groupItems = this.option("summary.groupItems");
                    if ((0, _type.isDefined)(groupItems)) {
                        for (let i = 0; i < groupItems.length; i++) {
                            if (groupItems[i].showInGroupFooter) {
                                return true
                            }
                        }
                    }
                    return false
                }
                _getItemsWithSummaryGroupFooters(sourceItems) {
                    let result = [];
                    let beforeGroupFooterItems = [];
                    let groupFooterItems = [];
                    for (let i = 0; i < sourceItems.length; i++) {
                        const item = sourceItems[i];
                        if ("groupFooter" === item.rowType) {
                            groupFooterItems = this._getFooterSummaryItems(item.summaryCells);
                            result = result.concat(beforeGroupFooterItems, groupFooterItems);
                            beforeGroupFooterItems = []
                        } else {
                            beforeGroupFooterItems.push(item)
                        }
                    }
                    return result.length ? result : beforeGroupFooterItems
                }
                _updateGroupValuesWithSummaryByColumn(sourceItems) {
                    let summaryValues = [];
                    for (let i = 0; i < sourceItems.length; i++) {
                        const item = sourceItems[i];
                        const {
                            summaryCells: summaryCells
                        } = item;
                        if ("group" === item.rowType && summaryCells && summaryCells.length > 1) {
                            const groupColumnCount = item.values.length;
                            for (let j = 1; j < summaryCells.length; j++) {
                                for (let k = 0; k < summaryCells[j].length; k++) {
                                    const summaryItem = summaryCells[j][k];
                                    if (summaryItem && summaryItem.alignByColumn) {
                                        if (!Array.isArray(summaryValues[j - groupColumnCount])) {
                                            summaryValues[j - groupColumnCount] = []
                                        }
                                        summaryValues[j - groupColumnCount].push(summaryItem)
                                    }
                                }
                            }
                            if (summaryValues.length > 0) {
                                item.values.push(...summaryValues);
                                summaryValues = []
                            }
                        }
                    }
                }
                _processUnExportedItems(items) {
                    const columns = this._columnsController.getVisibleColumns(null, true);
                    const groupColumns = this._columnsController.getGroupColumns();
                    let values;
                    let summaryCells;
                    for (let i = 0; i < items.length; i++) {
                        const item = items[i];
                        let isCommand = false;
                        values = [];
                        summaryCells = [];
                        for (let j = 0; j < columns.length; j++) {
                            const column = columns[j];
                            isCommand || (isCommand = ["detailExpand", "buttons"].includes(column.type));
                            if (this._needColumnExporting(column)) {
                                if (item.values) {
                                    if ("group" === item.rowType && !values.length) {
                                        values.push(item.key[item.groupIndex])
                                    } else {
                                        values.push(item.values[j])
                                    }
                                }
                                if (item.summaryCells) {
                                    if ("group" === item.rowType && !summaryCells.length) {
                                        const index = j - groupColumns.length + item.groupIndex;
                                        summaryCells.push(item.summaryCells[isCommand ? index : index + 1])
                                    } else {
                                        summaryCells.push(item.summaryCells[j])
                                    }
                                }
                            }
                        }
                        if (values.length) {
                            item.values = values
                        }
                        if (summaryCells.length) {
                            item.summaryCells = summaryCells
                        }
                    }
                }
                _getAllItems(data) {
                    let skipFilter = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                    const that = this;
                    const d = new _deferred.Deferred;
                    const footerItems = this._dataController.footerItems();
                    const totalItem = footerItems.length && footerItems[0];
                    const summaryTotalItems = that.option("summary.totalItems");
                    let summaryCells;
                    (0, _deferred.when)(data).done(data => {
                        this._dataController.loadAll(data, skipFilter).done((sourceItems, totalAggregates) => {
                            that._updateGroupValuesWithSummaryByColumn(sourceItems);
                            if (that._hasSummaryGroupFooters()) {
                                sourceItems = that._getItemsWithSummaryGroupFooters(sourceItems)
                            }
                            summaryCells = totalItem && totalItem.summaryCells;
                            if ((0, _type.isDefined)(totalAggregates) && summaryTotalItems) {
                                summaryCells = that._getSummaryCells(summaryTotalItems, totalAggregates)
                            }
                            const summaryItems = totalItem && that._getFooterSummaryItems(summaryCells, true);
                            if (summaryItems) {
                                sourceItems = sourceItems.concat(summaryItems)
                            }
                            that._processUnExportedItems(sourceItems);
                            d.resolve(sourceItems)
                        }).fail(d.reject)
                    }).fail(d.reject);
                    return d
                }
                _getSummaryCells(summaryTotalItems, totalAggregates) {
                    return this._dataController._calculateSummaryCells({
                        summaryItems: summaryTotalItems,
                        aggregates: totalAggregates,
                        visibleColumns: this._columnsController.getVisibleColumns(null, true),
                        calculateTargetColumnIndex: (summaryItem, column) => this._dataController._isDataColumn(column) ? column.index : -1
                    })
                }
                _getSelectedItems() {
                    if (this.needLoadItemsOnExportingSelectedItems()) {
                        return this._getAllItems(this._selectionController.loadSelectedItemsWithFilter(), true)
                    }
                    return this._getAllItems(this._selectionController.getSelectedRowsData())
                }
                _getColumnWidths(headersView, rowsView) {
                    return headersView && headersView.isVisible() ? headersView.getColumnWidths() : rowsView.getColumnWidths()
                }
                throwWarningIfNoOnExportingEvent() {
                    var _this$component$hasAc, _this$component;
                    const hasOnExporting = null === (_this$component$hasAc = (_this$component = this.component).hasActionSubscription) || void 0 === _this$component$hasAc ? void 0 : _this$component$hasAc.call(_this$component, "onExporting");
                    if (this.option("export.enabled") && !hasOnExporting) {
                        _ui.default.log("W1024")
                    }
                }
                callbackNames() {
                    return ["selectionOnlyChanged"]
                }
                getDataProvider(selectedRowsOnly) {
                    const columnWidths = this._getColumnWidths(this._headersView, this._rowsView);
                    let initialColumnWidthsByColumnIndex;
                    if (columnWidths && columnWidths.length) {
                        initialColumnWidthsByColumnIndex = {};
                        const columnsLastRowVisibleColumns = this._columnsController.getVisibleColumns(this._columnsController.getRowCount(), true);
                        for (let i = 0; i < columnsLastRowVisibleColumns.length; i++) {
                            initialColumnWidthsByColumnIndex[columnsLastRowVisibleColumns[i].index] = columnWidths[i]
                        }
                    }
                    return new DataProvider(this, initialColumnWidthsByColumnIndex, selectedRowsOnly)
                }
                exportTo(selectedRowsOnly, format) {
                    this._selectionOnly = selectedRowsOnly;
                    const onExporting = this.getAction("onExporting");
                    const eventArgs = {
                        rtlEnabled: this.option("rtlEnabled"),
                        selectedRowsOnly: !!selectedRowsOnly,
                        format: format,
                        fileName: "DataGrid",
                        cancel: false
                    };
                    (0, _type.isFunction)(onExporting) && onExporting(eventArgs)
                }
                publicMethods() {
                    return ["getDataProvider"]
                }
                selectionOnly(value) {
                    if ((0, _type.isDefined)(value)) {
                        this._isSelectedRows = value;
                        this.selectionOnlyChanged.fire()
                    } else {
                        return this._isSelectedRows
                    }
                }
                optionChanged(args) {
                    super.optionChanged(args);
                    if ("export" === args.name) {
                        this.throwWarningIfNoOnExportingEvent()
                    }
                }
                needLoadItemsOnExportingSelectedItems() {
                    return this.option("loadItemsOnExportingSelectedItems") ?? this._dataController._dataSource.remoteOperations().filtering
                }
            }
            exports.ExportController = ExportController;
            _m_core.default.registerModule("export", {
                defaultOptions: () => ({
                    export: {
                        enabled: false,
                        fileName: "DataGrid",
                        formats: ["xlsx"],
                        allowExportSelectedData: false,
                        texts: {
                            exportTo: _message.default.format("dxDataGrid-exportTo"),
                            exportAll: _message.default.format("dxDataGrid-exportAll"),
                            exportSelectedRows: _message.default.format("dxDataGrid-exportSelectedRows")
                        }
                    }
                }),
                controllers: {
                    export: ExportController
                },
                extenders: {
                    controllers: {
                        editing: Base => class extends Base {
                            callbackNames() {
                                const callbackList = super.callbackNames();
                                return (0, _type.isDefined)(callbackList) ? callbackList.push("editingButtonsUpdated") : ["editingButtonsUpdated"]
                            }
                            _updateEditButtons() {
                                super._updateEditButtons();
                                this.editingButtonsUpdated.fire()
                            }
                        }
                    },
                    views: {
                        headerPanel: Base => class extends Base {
                            _getToolbarItems() {
                                const items = super._getToolbarItems();
                                const exportButton = this._getExportToolbarButton();
                                if (exportButton) {
                                    items.push(exportButton);
                                    this._correctItemsPosition(items)
                                }
                                return items
                            }
                            _getExportToolbarButton() {
                                const items = this._getExportToolbarItems();
                                if (0 === items.length) {
                                    return null
                                }
                                const disabled = this._needDisableExportButton();
                                const toolbarButtonOptions = {
                                    name: "exportButton",
                                    location: "after",
                                    locateInMenu: "auto",
                                    sortIndex: 30,
                                    options: {
                                        items: items
                                    },
                                    disabled: disabled
                                };
                                if (1 === items.length) {
                                    const widgetOptions = Object.assign({}, items[0], {
                                        hint: items[0].text,
                                        elementAttr: {
                                            class: "dx-datagrid-export-button"
                                        }
                                    });
                                    toolbarButtonOptions.widget = "dxButton";
                                    toolbarButtonOptions.showText = "inMenu";
                                    toolbarButtonOptions.options = widgetOptions
                                } else {
                                    const widgetOptions = {
                                        icon: "export",
                                        displayExpr: "text",
                                        items: items,
                                        hint: this.option("export.texts.exportTo"),
                                        elementAttr: {
                                            class: "dx-datagrid-export-button"
                                        },
                                        dropDownOptions: {
                                            width: "auto",
                                            _wrapperClassExternal: "dx-datagrid-export-menu"
                                        }
                                    };
                                    toolbarButtonOptions.options = widgetOptions;
                                    toolbarButtonOptions.widget = "dxDropDownButton";
                                    toolbarButtonOptions.menuItemTemplate = (_data, _index, container) => {
                                        this._createComponent((0, _renderer.default)(container), _listEdit.default, {
                                            items: items
                                        })
                                    }
                                }
                                return toolbarButtonOptions
                            }
                            _getExportToolbarItems() {
                                const exportOptions = this.option("export");
                                const texts = this.option("export.texts");
                                const formats = this.option("export.formats") ?? [];
                                if (!exportOptions.enabled) {
                                    return []
                                }
                                const items = [];
                                formats.forEach(formatType => {
                                    let formatName = formatType.toUpperCase();
                                    let exportAllIcon = "export";
                                    if ("xlsx" === formatType) {
                                        formatName = "Excel";
                                        exportAllIcon = "xlsxfile"
                                    }
                                    if ("pdf" === formatType) {
                                        exportAllIcon = "pdffile"
                                    }
                                    items.push({
                                        text: (0, _string.format)(texts.exportAll, formatName),
                                        icon: exportAllIcon,
                                        onClick: () => {
                                            this._exportController.exportTo(false, formatType)
                                        }
                                    });
                                    if (exportOptions.allowExportSelectedData) {
                                        items.push({
                                            text: (0, _string.format)(texts.exportSelectedRows, formatName),
                                            icon: "exportselected",
                                            onClick: () => {
                                                this._exportController.exportTo(true, formatType)
                                            }
                                        })
                                    }
                                });
                                return items
                            }
                            _correctItemsPosition(items) {
                                items.sort((itemA, itemB) => itemA.sortIndex - itemB.sortIndex)
                            }
                            _isExportButtonVisible() {
                                return this.option("export.enabled")
                            }
                            optionChanged(args) {
                                super.optionChanged(args);
                                if ("export" === args.name) {
                                    args.handled = true;
                                    this._invalidate()
                                }
                            }
                            _needDisableExportButton() {
                                const isDataColumnsInvisible = !this._columnsController.hasVisibleDataColumns();
                                const hasUnsavedChanges = this._editingController.hasChanges();
                                return isDataColumnsInvisible || hasUnsavedChanges
                            }
                            _columnOptionChanged(e) {
                                super._columnOptionChanged(e);
                                const isColumnLocationChanged = _m_core.default.checkChanges(e.optionNames, ["groupIndex", "visible", "all"]);
                                if (isColumnLocationChanged) {
                                    const disabled = this._needDisableExportButton();
                                    this.setToolbarItemDisabled("exportButton", disabled)
                                }
                            }
                            init() {
                                super.init();
                                this._exportController = this.getController("export");
                                this._editingController.editingButtonsUpdated.add(() => {
                                    const disabled = this._needDisableExportButton();
                                    this.setToolbarItemDisabled("exportButton", disabled)
                                })
                            }
                        }
                    }
                }
            })
        },
        30131(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../../../core/utils/data */ 31e3);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _m_focus = __webpack_require__( /*! ../../../grids/grid_core/focus/m_focus */ 51628);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _m_utils = __webpack_require__( /*! ../m_utils */ 73057);
            const MAX_SAFE_INTEGER = Number.MAX_SAFE_INTEGER || 9007199254740991;
            _m_core.default.registerModule("focus", Object.assign({}, _m_focus.focusModule, {
                extenders: Object.assign({}, _m_focus.focusModule.extenders, {
                    controllers: Object.assign({}, _m_focus.focusModule.extenders.controllers, {
                        data: Base => class extends(_m_focus.focusModule.extenders.controllers.data(Base)) {
                            changeRowExpand(path, isRowClick) {
                                if (this.option("focusedRowEnabled") && Array.isArray(path) && this.isRowExpanded(path)) {
                                    if ((!isRowClick || !this._keyboardNavigationController.isKeyboardEnabled()) && this._isFocusedRowInsideGroup(path)) {
                                        this.option("focusedRowKey", path)
                                    }
                                }
                                return super.changeRowExpand(path, isRowClick)
                            }
                            _isFocusedRowInsideGroup(path) {
                                const focusedRowKey = this.option("focusedRowKey");
                                const rowIndex = this.getRowIndexByKey(focusedRowKey);
                                const focusedRow = rowIndex >= 0 && this.getVisibleRows()[rowIndex];
                                const groups = this._columnsController.getGroupDataSourceParameters(true);
                                if (focusedRow) {
                                    for (let i = 0; i < path.length; ++i) {
                                        const getter = (0, _data.compileGetter)(groups[i] && groups[i].selector);
                                        if (getter(focusedRow.data) !== path[i]) {
                                            return false
                                        }
                                    }
                                }
                                return true
                            }
                            _getGroupPath(groupItems, groupCount) {
                                const groupPath = [];
                                let groupItem = groupItems[0];
                                while (groupItem && groupPath.length < groupCount) {
                                    var _groupItem$items;
                                    groupPath.push(groupItem.key);
                                    groupItem = null === (_groupItem$items = groupItem.items) || void 0 === _groupItem$items ? void 0 : _groupItem$items[0]
                                }
                                return groupPath
                            }
                            _expandGroupByPath(that, groupPath, level) {
                                const d = new _deferred.Deferred;
                                level++;
                                that.expandRow(groupPath.slice(0, level)).done(() => {
                                    if (level === groupPath.length) {
                                        d.resolve()
                                    } else {
                                        that._expandGroupByPath(that, groupPath, level).done(d.resolve).fail(d.reject)
                                    }
                                }).fail(d.reject);
                                return d.promise()
                            }
                            _calculateGlobalRowIndexByGroupedData(key) {
                                const that = this;
                                const dataSource = that._dataSource;
                                const filter = that._generateFilterByKey(key);
                                const deferred = new _deferred.Deferred;
                                const isGroupKey = Array.isArray(key);
                                const group = dataSource.group();
                                if (isGroupKey) {
                                    return deferred.resolve(-1).promise()
                                }
                                if (!dataSource._grouping._updatePagingOptions) {
                                    that._calculateGlobalRowIndexByFlatData(key, null, true).done(deferred.resolve).fail(deferred.reject);
                                    return deferred
                                }
                                dataSource.load({
                                    filter: that._concatWithCombinedFilter(filter),
                                    group: group
                                }).done(data => {
                                    const hasData = (0, _type.isDefined)(data) && data.length > 0;
                                    if (!hasData) {
                                        return deferred.resolve(-1).promise()
                                    }
                                    const groupPath = that._getGroupPath(data, group.length);
                                    that._expandGroupByPath(that, groupPath, 0).done(() => {
                                        that._calculateExpandedRowGlobalIndex(deferred, key, groupPath, group)
                                    }).fail(deferred.reject)
                                }).fail(deferred.reject);
                                return deferred.promise()
                            }
                            _calculateExpandedRowGlobalIndex(deferred, key, groupPath, group) {
                                const groupFilter = (0, _m_utils.createGroupFilter)(groupPath, {
                                    group: group
                                });
                                const dataSource = this._dataSource;
                                const scrollingMode = this.option("scrolling.mode");
                                const isVirtualScrolling = "virtual" === scrollingMode || "infinite" === scrollingMode;
                                const pageSize = dataSource.pageSize();
                                let groupOffset;
                                dataSource._grouping._updatePagingOptions({
                                    skip: 0,
                                    take: MAX_SAFE_INTEGER
                                }, (groupInfo, totalOffset) => {
                                    if ((0, _common.equalByValue)(groupInfo.path, groupPath)) {
                                        groupOffset = totalOffset
                                    }
                                });
                                this._calculateGlobalRowIndexByFlatData(key, groupFilter).done(dataOffset => {
                                    let count;
                                    let groupContinuationCount;
                                    if (dataOffset < 0) {
                                        deferred.resolve(-1);
                                        return
                                    }
                                    const currentPageOffset = groupOffset % pageSize || pageSize;
                                    count = currentPageOffset + dataOffset - groupPath.length;
                                    if (isVirtualScrolling) {
                                        groupContinuationCount = 0
                                    } else {
                                        groupContinuationCount = Math.floor(count / (pageSize - groupPath.length)) * groupPath.length
                                    }
                                    count = groupOffset + dataOffset + groupContinuationCount;
                                    deferred.resolve(count)
                                }).fail(deferred.reject)
                            }
                        }
                    })
                })
            }))
        },
        35479(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CONTEXT_MENU_UNGROUP_COLUMN_ICON_NAME = exports.CONTEXT_MENU_UNGROUP_ALL_COLUMNS_ICON_NAME = exports.CONTEXT_MENU_GROUP_BY_COLUMN_ICON_NAME = exports.CLASSES = void 0;
            exports.CLASSES = {
                groupPanel: "dx-datagrid-group-panel",
                groupPanelMessage: "dx-group-panel-message",
                groupPanelItem: "dx-group-panel-item",
                groupPanelLabel: "dx-toolbar-label",
                groupPanelContainer: "dx-toolbar-item"
            };
            exports.CONTEXT_MENU_GROUP_BY_COLUMN_ICON_NAME = "groupbycolumn";
            exports.CONTEXT_MENU_UNGROUP_COLUMN_ICON_NAME = "ungroupcolumn";
            exports.CONTEXT_MENU_UNGROUP_ALL_COLUMNS_ICON_NAME = "ungroupallcolumns"
        },
        43983(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GroupingHeaderPanelExtender = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../../core/devices */ 65951));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _accessibility = __webpack_require__( /*! ../../../../ui/shared/accessibility */ 16191);
            var _m_column_context_menu_mixin = __webpack_require__( /*! ../../../grids/grid_core/context_menu/m_column_context_menu_mixin */ 16217);
            var _m_accessibility = __webpack_require__( /*! ../../../grids/grid_core/m_accessibility */ 68491);
            var _m_core = _interopRequireDefault(__webpack_require__( /*! ../m_core */ 54353));
            var _m_data_source_adapter = _interopRequireDefault(__webpack_require__( /*! ../m_data_source_adapter */ 72208));
            var _const = __webpack_require__( /*! ./const */ 35479);
            var _m_grouping_collapsed = __webpack_require__( /*! ./m_grouping_collapsed */ 13729);
            var _m_grouping_expanded = __webpack_require__( /*! ./m_grouping_expanded */ 27191);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            _m_data_source_adapter.default.extend(Base => class extends Base {
                init() {
                    super.init.apply(this, arguments);
                    this._initGroupingHelper()
                }
                _initGroupingHelper(options) {
                    const grouping = this._grouping;
                    const isAutoExpandAll = this.option("grouping.autoExpandAll");
                    const isFocusedRowEnabled = this.option("focusedRowEnabled");
                    const remoteOperations = options ? options.remoteOperations : this.remoteOperations();
                    const isODataRemoteOperations = remoteOperations.filtering && remoteOperations.sorting && remoteOperations.paging;
                    if (isODataRemoteOperations && !remoteOperations.grouping && (isAutoExpandAll || !isFocusedRowEnabled)) {
                        if (!grouping || grouping instanceof _m_grouping_collapsed.GroupingHelper) {
                            this._grouping = new _m_grouping_expanded.GroupingHelper(this)
                        }
                    } else if (!grouping || grouping instanceof _m_grouping_expanded.GroupingHelper) {
                        this._grouping = new _m_grouping_collapsed.GroupingHelper(this)
                    }
                }
                totalItemsCount() {
                    const totalCount = super.totalItemsCount();
                    return totalCount > 0 && this._dataSource.group() && this._dataSource.requireTotalCount() ? totalCount + this._grouping.totalCountCorrection() : totalCount
                }
                itemsCount() {
                    return this._dataSource.group() ? this._grouping.itemsCount() || 0 : super.itemsCount.apply(this, arguments)
                }
                allowCollapseAll() {
                    return this._grouping.allowCollapseAll()
                }
                isGroupItemCountable(item) {
                    return this._grouping.isGroupItemCountable(item)
                }
                isRowExpanded(key) {
                    const groupInfo = this._grouping.findGroupInfo(key);
                    return groupInfo ? groupInfo.isExpanded : !this._grouping.allowCollapseAll()
                }
                collapseAll(groupIndex) {
                    return this._collapseExpandAll(groupIndex, false)
                }
                expandAll(groupIndex) {
                    return this._collapseExpandAll(groupIndex, true)
                }
                _collapseExpandAll(groupIndex, isExpand) {
                    const that = this;
                    const dataSource = that._dataSource;
                    const group = dataSource.group();
                    const groups = _m_core.default.normalizeSortingInfo(group || []);
                    if (groups.length) {
                        for (let i = 0; i < groups.length; i++) {
                            if (void 0 === groupIndex || groupIndex === i) {
                                groups[i].isExpanded = isExpand
                            } else if (null !== group && void 0 !== group && group[i]) {
                                groups[i].isExpanded = group[i].isExpanded
                            }
                        }
                        dataSource.group(groups);
                        that._grouping.foreachGroups((groupInfo, parents) => {
                            if (void 0 === groupIndex || groupIndex === parents.length - 1) {
                                groupInfo.isExpanded = isExpand
                            }
                        }, false, true);
                        that.resetPagesCache()
                    }
                    return true
                }
                refresh() {
                    super.refresh.apply(this, arguments);
                    return this._grouping.refresh.apply(this._grouping, arguments)
                }
                changeRowExpand(path) {
                    const that = this;
                    const dataSource = that._dataSource;
                    if (dataSource.group()) {
                        dataSource.beginLoading();
                        if (that._lastLoadOptions) {
                            that._lastLoadOptions.groupExpand = true
                        }
                        return that._changeRowExpandCore(path).always(() => {
                            dataSource.endLoading()
                        })
                    }
                }
                _changeRowExpandCore(path) {
                    return this._grouping.changeRowExpand(path)
                }
                _hasGroupLevelsExpandState(group, isExpanded) {
                    if (group && Array.isArray(group)) {
                        for (let i = 0; i < group.length; i++) {
                            if (group[i].isExpanded === isExpanded) {
                                return true
                            }
                        }
                    }
                }
                _customizeRemoteOperations(options, operationTypes) {
                    const {
                        remoteOperations: remoteOperations
                    } = options;
                    if (options.storeLoadOptions.group) {
                        if (remoteOperations.grouping && !options.isCustomLoading) {
                            if (!remoteOperations.groupPaging || this._hasGroupLevelsExpandState(options.storeLoadOptions.group, true)) {
                                remoteOperations.paging = false
                            }
                        }
                        if (!remoteOperations.grouping && (!remoteOperations.sorting || !remoteOperations.filtering || options.isCustomLoading || this._hasGroupLevelsExpandState(options.storeLoadOptions.group, false))) {
                            remoteOperations.paging = false
                        }
                    } else if (!options.isCustomLoading && remoteOperations.paging && operationTypes.grouping) {
                        this.resetCache()
                    }
                    super._customizeRemoteOperations.apply(this, arguments)
                }
                _handleDataLoading(options) {
                    super._handleDataLoading(options);
                    this._initGroupingHelper(options);
                    return this._grouping.handleDataLoading(options)
                }
                _handleDataLoaded(options) {
                    return this._grouping.handleDataLoaded(options, super._handleDataLoaded.bind(this))
                }
                _handleDataLoadedCore(options) {
                    return this._grouping.handleDataLoadedCore(options, super._handleDataLoadedCore.bind(this))
                }
            });
            const onGroupingMenuItemClick = function(column, rowIndex, params) {
                var _this$getKeyboardNavi, _keyboardNavigationCo2;
                const keyboardNavigationController = null === (_this$getKeyboardNavi = this.getKeyboardNavigationController) || void 0 === _this$getKeyboardNavi ? void 0 : _this$getKeyboardNavi.call(this);
                switch (params.itemData.value) {
                    case "group":
                        var _keyboardNavigationCo;
                        this.isNeedToFocusColumn = true;
                        null === keyboardNavigationController || void 0 === keyboardNavigationController || null === (_keyboardNavigationCo = keyboardNavigationController.groupColumn) || void 0 === _keyboardNavigationCo || _keyboardNavigationCo.call(keyboardNavigationController, column, rowIndex);
                        break;
                    case "ungroup":
                        this.isNeedToFocusColumn = true;
                        null === keyboardNavigationController || void 0 === keyboardNavigationController || null === (_keyboardNavigationCo2 = keyboardNavigationController.ungroupColumn) || void 0 === _keyboardNavigationCo2 || _keyboardNavigationCo2.call(keyboardNavigationController, column, rowIndex);
                        break;
                    case "ungroupAll":
                        this.isNeedToFocusColumn = true;
                        null === keyboardNavigationController || void 0 === keyboardNavigationController || keyboardNavigationController.ungroupAllColumns()
                }
            };
            const isGroupPanelVisible = groupPanelOptions => {
                const visible = null === groupPanelOptions || void 0 === groupPanelOptions ? void 0 : groupPanelOptions.visible;
                return "auto" === visible ? "desktop" === _devices.default.current().deviceType : !!visible
            };
            const allowDragging = (groupPanelOptions, column) => {
                const isVisible = isGroupPanelVisible(groupPanelOptions);
                const canDrag = (null === groupPanelOptions || void 0 === groupPanelOptions ? void 0 : groupPanelOptions.allowColumnDragging) && (null === column || void 0 === column ? void 0 : column.allowGrouping);
                return isVisible && !!canDrag
            };
            const GroupingHeaderPanelExtender = Base => class extends((0, _m_column_context_menu_mixin.ColumnContextMenuMixin)(Base)) {
                _getToolbarItems() {
                    const items = super._getToolbarItems();
                    return this._appendGroupingItem(items)
                }
                _appendGroupingItem(items) {
                    if (this._isGroupPanelVisible()) {
                        let isRendered = false;
                        const toolbarItem = {
                            template: () => {
                                const $groupPanel = (0, _renderer.default)("<div>").addClass(_const.CLASSES.groupPanel);
                                this._updateGroupPanelContent($groupPanel);
                                (0, _m_accessibility.registerKeyboardAction)("groupPanel", this, $groupPanel, void 0, this._handleActionKeyDown.bind(this));
                                return $groupPanel
                            },
                            name: "groupPanel",
                            onItemRendered: () => {
                                isRendered && this.renderCompleted.fire();
                                isRendered = true
                            },
                            location: "before",
                            locateInMenu: "never",
                            sortIndex: 1
                        };
                        items.push(toolbarItem);
                        this.updateToolbarDimensions()
                    }
                    return items
                }
                _handleActionKeyDown(args) {
                    const {
                        event: event
                    } = args;
                    const $target = (0, _renderer.default)(event.target);
                    const groupColumnIndex = $target.closest(`.${_const.CLASSES.groupPanelItem}`).index();
                    const column = this._columnsController.getGroupColumns()[groupColumnIndex];
                    const columnIndex = column && column.index;
                    if ($target.is(".dx-header-filter")) {
                        this._headerFilterController.showHeaderFilterMenu(columnIndex, true)
                    } else {
                        this._processGroupItemAction(columnIndex)
                    }
                    event.preventDefault()
                }
                _isGroupPanelVisible() {
                    return isGroupPanelVisible(this.option("groupPanel"))
                }
                _renderGroupPanelItems($groupPanel, groupColumns) {
                    const that = this;
                    $groupPanel.empty();
                    (0, _iterator.each)(groupColumns, (index, groupColumn) => {
                        that._createGroupPanelItem($groupPanel, groupColumn)
                    });
                    (0, _accessibility.restoreFocus)(this)
                }
                _createGroupPanelItem($rootElement, groupColumn) {
                    const $groupPanelItem = (0, _renderer.default)("<div>").addClass(groupColumn.cssClass).addClass(_const.CLASSES.groupPanelItem).data("columnData", groupColumn).appendTo($rootElement).text(groupColumn.caption);
                    (0, _accessibility.setTabIndex)(this, $groupPanelItem);
                    return $groupPanelItem
                }
                getGroupAndUngroupItems(options) {
                    const {
                        column: column
                    } = options;
                    const contextMenuEnabled = this.option("grouping.contextMenuEnabled");
                    if (contextMenuEnabled && column) {
                        const isGroupingAllowed = (0, _type.isDefined)(column.allowGrouping) ? column.allowGrouping : true;
                        if (isGroupingAllowed) {
                            const isColumnGrouped = (0, _type.isDefined)(column.groupIndex) && column.groupIndex > -1;
                            const groupingTexts = this.option("grouping.texts");
                            const onItemClick = onGroupingMenuItemClick.bind(this, column, 0);
                            return [{
                                text: groupingTexts.ungroup,
                                value: "ungroup",
                                disabled: !isColumnGrouped,
                                onItemClick: onItemClick,
                                icon: _const.CONTEXT_MENU_UNGROUP_COLUMN_ICON_NAME
                            }, {
                                text: groupingTexts.ungroupAll,
                                value: "ungroupAll",
                                onItemClick: onItemClick,
                                icon: _const.CONTEXT_MENU_UNGROUP_ALL_COLUMNS_ICON_NAME
                            }]
                        }
                    }
                    return []
                }
                _columnOptionChanged(e) {
                    if (!this._requireReady && !_m_core.default.checkChanges(e.optionNames, ["width", "visibleWidth"])) {
                        const $toolbarElement = this.element();
                        const $groupPanel = null === $toolbarElement || void 0 === $toolbarElement ? void 0 : $toolbarElement.find(`.${_const.CLASSES.groupPanel}`);
                        if ($groupPanel && $groupPanel.length) {
                            this._updateGroupPanelContent($groupPanel);
                            this.updateToolbarDimensions();
                            this.renderCompleted.fire()
                        }
                    }
                    super._columnOptionChanged()
                }
                _updateGroupPanelContent($groupPanel) {
                    const groupColumns = this.getColumns();
                    const groupPanelOptions = this.option("groupPanel");
                    this._renderGroupPanelItems($groupPanel, groupColumns);
                    if (groupPanelOptions.allowColumnDragging && !groupColumns.length) {
                        (0, _renderer.default)("<div>").addClass(_const.CLASSES.groupPanelMessage).text(groupPanelOptions.emptyPanelText).appendTo($groupPanel);
                        $groupPanel.closest(`.${_const.CLASSES.groupPanelContainer}`).addClass(_const.CLASSES.groupPanelLabel);
                        $groupPanel.closest(`.${_const.CLASSES.groupPanelLabel}`).css("maxWidth", "none")
                    }
                }
                allowDragging(column) {
                    const groupPanelOptions = this.option("groupPanel");
                    return allowDragging(groupPanelOptions, column)
                }
                getColumnElements() {
                    const $element = this.element();
                    return null === $element || void 0 === $element ? void 0 : $element.find(`.${_const.CLASSES.groupPanelItem}`)
                }
                getColumns() {
                    return this._columnsController.getGroupColumns()
                }
                getBoundingRect() {
                    const $element = this.element();
                    if (null !== $element && void 0 !== $element && $element.find(`.${_const.CLASSES.groupPanel}`).length) {
                        const offset = $element.offset();
                        return {
                            top: offset.top,
                            bottom: offset.top + (0, _size.getHeight)($element)
                        }
                    }
                    return null
                }
                getName() {
                    return "group"
                }
                hasGroupedColumns() {
                    return this._isGroupPanelVisible() && !!this.getColumns().length
                }
                optionChanged(args) {
                    if ("groupPanel" === args.name) {
                        this._invalidate();
                        args.handled = true
                    } else {
                        super.optionChanged(args)
                    }
                }
                getKeyboardNavigationController() {
                    return this.getController("groupPanelKeyboardNavigation")
                }
                isColumnReorderingEnabled(column) {
                    return this.allowDragging(column)
                }
                getContextMenuItems(options) {
                    let items = super.getContextMenuItems(options);
                    const $groupedColumnElement = (0, _renderer.default)(options.targetElement).closest(`.${_const.CLASSES.groupPanelItem}`);
                    if (!$groupedColumnElement.length) {
                        return
                    }
                    options.column = this._columnsController.columnOption(`groupIndex:${$groupedColumnElement.index()}`);
                    const groupAndUngroupItems = this.getGroupAndUngroupItems(options);
                    if (null !== groupAndUngroupItems && void 0 !== groupAndUngroupItems && groupAndUngroupItems.length) {
                        items = items ?? [];
                        items.push(...groupAndUngroupItems)
                    }
                    const moveColumnItems = this.getMoveColumnContextMenuItems(options);
                    if (null !== moveColumnItems && void 0 !== moveColumnItems && moveColumnItems.length) {
                        items = items ?? [];
                        items.push(...moveColumnItems)
                    }
                    return items
                }
            };
            exports.GroupingHeaderPanelExtender = GroupingHeaderPanelExtender;
            _m_core.default.registerModule("grouping", {
                defaultOptions: () => ({
                    grouping: {
                        autoExpandAll: true,
                        allowCollapsing: true,
                        contextMenuEnabled: true,
                        expandMode: "buttonClick",
                        texts: {
                            groupContinuesMessage: _message.default.format("dxDataGrid-groupContinuesMessage"),
                            groupContinuedMessage: _message.default.format("dxDataGrid-groupContinuedMessage"),
                            groupByThisColumn: _message.default.format("dxDataGrid-groupHeaderText"),
                            ungroup: _message.default.format("dxDataGrid-ungroupHeaderText"),
                            ungroupAll: _message.default.format("dxDataGrid-ungroupAllText")
                        }
                    },
                    groupPanel: {
                        visible: false,
                        emptyPanelText: _message.default.format("dxDataGrid-groupPanelEmptyText"),
                        allowColumnDragging: true
                    }
                }),
                extenders: {
                    controllers: {
                        data: Base => class extends Base {
                            init() {
                                super.init();
                                this.createAction("onRowExpanding");
                                this.createAction("onRowExpanded");
                                this.createAction("onRowCollapsing");
                                this.createAction("onRowCollapsed")
                            }
                            _beforeProcessItems(items) {
                                const groupColumns = this._columnsController.getGroupColumns();
                                items = super._beforeProcessItems(items);
                                if (items.length && groupColumns.length) {
                                    items = this._processGroupItems(items, groupColumns.length)
                                }
                                return items
                            }
                            _processItem(item, options) {
                                if ((0, _type.isDefined)(item.groupIndex) && (0, _type.isString)(item.rowType) && 0 === item.rowType.indexOf("group")) {
                                    item = this._processGroupItem(item, options);
                                    options.dataIndex = 0
                                } else {
                                    item = super._processItem.apply(this, arguments)
                                }
                                return item
                            }
                            _processGroupItem(item, options) {
                                return item
                            }
                            _processGroupItems(items, groupsCount, options) {
                                const that = this;
                                const groupedColumns = that._columnsController.getGroupColumns();
                                const column = groupedColumns[groupedColumns.length - groupsCount];
                                if (!options) {
                                    const scrollingMode = that.option("scrolling.mode");
                                    options = {
                                        collectContinuationItems: "virtual" !== scrollingMode && "infinite" !== scrollingMode,
                                        resultItems: [],
                                        path: [],
                                        values: []
                                    }
                                }
                                const {
                                    resultItems: resultItems
                                } = options;
                                if (options.data) {
                                    if (options.collectContinuationItems || !options.data.isContinuation) {
                                        resultItems.push({
                                            rowType: "group",
                                            data: options.data,
                                            groupIndex: options.path.length - 1,
                                            isExpanded: !!options.data.items,
                                            key: options.path.slice(0),
                                            values: options.values.slice(0)
                                        })
                                    }
                                }
                                if (items) {
                                    if (0 === groupsCount) {
                                        resultItems.push.apply(resultItems, items)
                                    } else {
                                        for (let i = 0; i < items.length; i++) {
                                            const item = items[i];
                                            if (item && "items" in item) {
                                                options.data = item;
                                                options.path.push(item.key);
                                                options.values.push(column && column.deserializeValue && !column.calculateDisplayValue ? column.deserializeValue(item.key) : item.key);
                                                that._processGroupItems(item.items, groupsCount - 1, options);
                                                options.data = void 0;
                                                options.path.pop();
                                                options.values.pop()
                                            } else {
                                                resultItems.push(item)
                                            }
                                        }
                                    }
                                }
                                return resultItems
                            }
                            publicMethods() {
                                return super.publicMethods().concat(["collapseAll", "expandAll", "isRowExpanded", "expandRow", "collapseRow"])
                            }
                            collapseAll(groupIndex) {
                                const dataSource = this._dataSource;
                                if (dataSource && dataSource.collapseAll(groupIndex)) {
                                    dataSource.pageIndex(0);
                                    dataSource.reload()
                                }
                            }
                            expandAll(groupIndex) {
                                const dataSource = this._dataSource;
                                if (dataSource && dataSource.expandAll(groupIndex)) {
                                    dataSource.pageIndex(0);
                                    dataSource.reload()
                                }
                            }
                            changeRowExpand(key) {
                                const that = this;
                                const expanded = that.isRowExpanded(key);
                                const args = {
                                    key: key,
                                    expanded: expanded
                                };
                                that.executeAction(expanded ? "onRowCollapsing" : "onRowExpanding", args);
                                if (!args.cancel) {
                                    return (0, _deferred.when)(that._changeRowExpandCore(key)).done(() => {
                                        args.expanded = !expanded;
                                        that.executeAction(expanded ? "onRowCollapsed" : "onRowExpanded", args)
                                    })
                                }
                                return (new _deferred.Deferred).resolve()
                            }
                            _changeRowExpandCore(key) {
                                const that = this;
                                const dataSource = this._dataSource;
                                const d = new _deferred.Deferred;
                                if (!dataSource) {
                                    d.resolve()
                                } else {
                                    (0, _deferred.when)(dataSource.changeRowExpand(key)).done(() => {
                                        that.load().done(d.resolve).fail(d.reject)
                                    }).fail(d.reject)
                                }
                                return d
                            }
                            isRowExpanded(key) {
                                const dataSource = this._dataSource;
                                return dataSource && dataSource.isRowExpanded(key)
                            }
                            expandRow(key) {
                                if (!this.isRowExpanded(key)) {
                                    return this.changeRowExpand(key)
                                }
                                return (new _deferred.Deferred).resolve()
                            }
                            collapseRow(key) {
                                if (this.isRowExpanded(key)) {
                                    return this.changeRowExpand(key)
                                }
                                return (new _deferred.Deferred).resolve()
                            }
                            optionChanged(args) {
                                if ("grouping" === args.name) {
                                    args.name = "dataSource"
                                }
                                super.optionChanged(args)
                            }
                        },
                        columns: Base => class extends Base {
                            _getExpandColumnOptions() {
                                const options = super._getExpandColumnOptions.apply(this, arguments);
                                options.cellTemplate = _m_core.default.getExpandCellTemplate();
                                return options
                            }
                        },
                        editing: Base => class extends Base {
                            _isProcessedItem(item) {
                                return (0, _type.isDefined)(item.groupIndex) && (0, _type.isString)(item.rowType) && 0 === item.rowType.indexOf("group")
                            }
                        }
                    },
                    views: {
                        headerPanel: GroupingHeaderPanelExtender,
                        rowsView: Base => class extends Base {
                            getContextMenuItems(options) {
                                const that = this;
                                const contextMenuEnabled = that.option("grouping.contextMenuEnabled");
                                let items;
                                if (contextMenuEnabled && options.row && "group" === options.row.rowType) {
                                    const columnsController = that._columnsController;
                                    const column = columnsController.columnOption(`groupIndex:${options.row.groupIndex}`);
                                    if (column && column.allowGrouping) {
                                        const groupingTexts = that.option("grouping.texts");
                                        const onItemClick = e => {
                                            var _e$itemData, _e$itemData2;
                                            if ("ungroup" === (null === (_e$itemData = e.itemData) || void 0 === _e$itemData ? void 0 : _e$itemData.value)) {
                                                columnsController.columnOption(column.dataField, "groupIndex", -1)
                                            } else if ("ungroupAll" === (null === (_e$itemData2 = e.itemData) || void 0 === _e$itemData2 ? void 0 : _e$itemData2.value)) {
                                                columnsController.clearGrouping()
                                            }
                                        };
                                        items = [];
                                        items.push({
                                            text: groupingTexts.ungroup,
                                            value: "ungroup",
                                            onItemClick: onItemClick,
                                            icon: _const.CONTEXT_MENU_UNGROUP_COLUMN_ICON_NAME
                                        }, {
                                            text: groupingTexts.ungroupAll,
                                            value: "ungroupAll",
                                            onItemClick: onItemClick,
                                            icon: _const.CONTEXT_MENU_UNGROUP_ALL_COLUMNS_ICON_NAME
                                        })
                                    }
                                }
                                return items
                            }
                            _rowClick(e) {
                                const that = this;
                                const expandMode = that.option("grouping.expandMode");
                                const scrollingMode = that.option("scrolling.mode");
                                const isGroupRowStateChanged = "infinite" !== scrollingMode && "rowClick" === expandMode && (0, _renderer.default)(e.event.target).closest(".dx-group-row").length;
                                const isExpandButtonClicked = (0, _renderer.default)(e.event.target).closest(".dx-datagrid-expand").length;
                                if (isGroupRowStateChanged || isExpandButtonClicked) {
                                    that._changeGroupRowState(e)
                                }
                                super._rowClick(e)
                            }
                            _changeGroupRowState(e) {
                                const row = this._dataController.items()[e.rowIndex];
                                const allowCollapsing = this._columnsController.columnOption(`groupIndex:${row.groupIndex}`, "allowCollapsing");
                                if ("data" === row.rowType || "group" === row.rowType && false !== allowCollapsing) {
                                    this._dataController.changeRowExpand(row.key, true);
                                    e.event.preventDefault();
                                    e.handled = true
                                }
                            }
                        },
                        columnHeadersView: Base => class extends Base {
                            getContextMenuItems(options) {
                                const that = this;
                                const groupItems = [];
                                const contextMenuEnabled = that.option("grouping.contextMenuEnabled");
                                let items = super.getContextMenuItems(options);
                                if (contextMenuEnabled && options.row && ("header" === options.row.rowType || "detailAdaptive" === options.row.rowType)) {
                                    const {
                                        column: column,
                                        rowIndex: rowIndex
                                    } = options;
                                    if (!column.command && (!(0, _type.isDefined)(column.allowGrouping) || column.allowGrouping)) {
                                        const groupingTexts = that.option("grouping.texts");
                                        const isColumnGrouped = (0, _type.isDefined)(column.groupIndex) && column.groupIndex > -1;
                                        const onItemClick = onGroupingMenuItemClick.bind(that, column, rowIndex);
                                        groupItems.push({
                                            text: groupingTexts.groupByThisColumn,
                                            value: "group",
                                            beginGroup: true,
                                            disabled: isColumnGrouped,
                                            onItemClick: onItemClick,
                                            icon: _const.CONTEXT_MENU_GROUP_BY_COLUMN_ICON_NAME
                                        });
                                        if (column.showWhenGrouped) {
                                            groupItems.push({
                                                text: groupingTexts.ungroup,
                                                value: "ungroup",
                                                disabled: !isColumnGrouped,
                                                onItemClick: onItemClick,
                                                icon: _const.CONTEXT_MENU_UNGROUP_COLUMN_ICON_NAME
                                            })
                                        }
                                        groupItems.push({
                                            text: groupingTexts.ungroupAll,
                                            value: "ungroupAll",
                                            onItemClick: onItemClick,
                                            icon: _const.CONTEXT_MENU_UNGROUP_ALL_COLUMNS_ICON_NAME
                                        })
                                    }
                                }
                                if (groupItems.length) {
                                    items = items ?? [];
                                    const clearSortingItemIndex = items.findIndex(item => "clearSorting" === item.name) + 1;
                                    items.splice(clearSortingItemIndex, 0, ...groupItems)
                                }
                                return items
                            }
                            allowDragging(column) {
                                const groupPanelOptions = this.option("groupPanel");
                                return allowDragging(groupPanelOptions, column) || super.allowDragging(column)
                            }
                        }
                    }
                }
            })
        },
        13729(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GroupingHelper = void 0;
            var _errors = __webpack_require__( /*! ../../../../common/data/errors */ 82812);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/widget/ui.errors */ 35185));
            var _m_core = _interopRequireDefault(__webpack_require__( /*! ../m_core */ 54353));
            var _m_utils = __webpack_require__( /*! ../m_utils */ 73057);
            var _m_grouping_core = __webpack_require__( /*! ./m_grouping_core */ 14385);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }

            function getContinuationGroupCount(groupOffset, pageSize, groupSize, groupIndex) {
                groupIndex = groupIndex || 0;
                if (pageSize > 1 && groupSize > 0) {
                    let pageOffset = groupOffset - Math.floor(groupOffset / pageSize) * pageSize || pageSize;
                    pageOffset += groupSize - groupIndex - 2;
                    if (pageOffset < 0) {
                        pageOffset += pageSize
                    }
                    return Math.floor(pageOffset / (pageSize - groupIndex - 1))
                }
                return 0
            }
            const foreachExpandedGroups = function(that, callback, updateGroups) {
                return that.foreachGroups((groupInfo, parents) => {
                    if (groupInfo.isExpanded) {
                        return callback(groupInfo, parents)
                    }
                }, true, false, updateGroups, updateGroups)
            };
            const processGroupItems = function(that, items, groupsCount, expandedInfo, path, isCustomLoading, isLastGroupExpanded) {
                let isExpanded;
                expandedInfo.items = expandedInfo.items || [];
                expandedInfo.paths = expandedInfo.paths || [];
                expandedInfo.count = expandedInfo.count || 0;
                expandedInfo.lastCount = expandedInfo.lastCount || 0;
                if (!groupsCount) {
                    return
                }
                for (let i = 0; i < items.length; i++) {
                    const item = items[i];
                    if (void 0 !== item.items) {
                        path.push(item.key);
                        if (isCustomLoading) {
                            isExpanded = true
                        } else {
                            const groupInfo = that.findGroupInfo(path);
                            isExpanded = groupInfo && groupInfo.isExpanded
                        }
                        if (!isExpanded) {
                            item.collapsedItems = item.items;
                            item.items = null
                        } else if (item.items) {
                            processGroupItems(that, item.items, groupsCount - 1, expandedInfo, path, isCustomLoading, isLastGroupExpanded)
                        } else if (1 === groupsCount && item.count && (!isCustomLoading || isLastGroupExpanded)) {
                            expandedInfo.items.push(item);
                            expandedInfo.paths.push(path.slice(0));
                            expandedInfo.count += expandedInfo.lastCount;
                            expandedInfo.lastCount = item.count
                        }
                        path.pop()
                    }
                }
            };
            const updateGroupInfoItem = function(that, item, isLastGroupLevel, path, offset) {
                const groupInfo = that.findGroupInfo(path);
                let count;
                if (!groupInfo) {
                    if (isLastGroupLevel) {
                        count = item.count > 0 ? item.count : item.items.length
                    }
                    that.addGroupInfo({
                        isExpanded: that._isGroupExpanded(path.length - 1),
                        path: path.slice(0),
                        offset: offset,
                        count: count || 0
                    })
                } else {
                    if (isLastGroupLevel) {
                        groupInfo.count = item.count > 0 ? item.count : item.items && item.items.length || 0
                    } else {
                        item.count = groupInfo.count || item.count
                    }
                    groupInfo.offset = offset
                }
            };
            const updateGroupInfos = function(that, options, items, loadedGroupCount, groupIndex, path, parentIndex) {
                const groupCount = options.group ? options.group.length : 0;
                const isLastGroupLevel = groupCount === loadedGroupCount;
                const remotePaging = options.remoteOperations.paging;
                let offset = 0;
                let totalCount = 0;
                let count;
                groupIndex = groupIndex || 0;
                path = path || [];
                if (remotePaging && !parentIndex) {
                    offset = 0 === groupIndex ? options.skip || 0 : options.skips[groupIndex - 1] || 0
                }
                if (groupIndex >= loadedGroupCount) {
                    return items.length
                }
                for (let i = 0; i < items.length; i++) {
                    const item = items[i];
                    if (item) {
                        path.push(item.key);
                        if (!item.count && !item.items || void 0 === item.items) {
                            return -1
                        }
                        updateGroupInfoItem(that, item, isLastGroupLevel, path, offset + i);
                        count = item.items ? updateGroupInfos(that, options, item.items, loadedGroupCount, groupIndex + 1, path, i) : item.count || -1;
                        if (count < 0) {
                            return -1
                        }
                        totalCount += count;
                        path.pop()
                    }
                }
                return totalCount
            };
            const isGroupExpanded = function(groups, groupIndex) {
                return groups && groups.length && groups[groupIndex] && !!groups[groupIndex].isExpanded
            };
            const getTotalOffset = function(groupInfos, pageSize, offset) {
                let groupSize;
                let totalOffset = offset;
                for (let groupIndex = 0; groupIndex < groupInfos.length; groupIndex++) {
                    groupSize = groupInfos[groupIndex].offset + 1;
                    if (groupIndex > 0) {
                        groupSize += groupInfos[groupIndex - 1].childrenTotalCount;
                        if (pageSize) {
                            groupSize += getContinuationGroupCount(totalOffset, pageSize, groupSize, groupIndex - 1) * groupIndex
                        }
                    }
                    totalOffset += groupSize
                }
                return totalOffset
            };

            function applyContinuationToGroupItem(options, expandedInfo, groupLevel, expandedItemIndex) {
                const item = expandedInfo.items[expandedItemIndex];
                const skip = options.skips && options.skips[groupLevel];
                const take = options.takes && options.takes[groupLevel];
                const isLastExpandedItem = expandedItemIndex === expandedInfo.items.length - 1;
                const isFirstExpandedItem = 0 === expandedItemIndex;
                const lastExpandedItemSkip = isFirstExpandedItem && skip || 0;
                const isItemsTruncatedByTake = item.count > take + lastExpandedItemSkip;
                if (isFirstExpandedItem && void 0 !== skip) {
                    item.isContinuation = true
                }
                if (isLastExpandedItem && void 0 !== take && isItemsTruncatedByTake) {
                    item.isContinuationOnNextPage = true
                }
            }

            function isDataDeferred(data) {
                return !Array.isArray(data)
            }

            function makeDataDeferred(options) {
                if (!isDataDeferred(options.data)) {
                    options.data = new _deferred.Deferred
                }
            }

            function loadGroupItems(that, options, loadedGroupCount, expandedInfo, groupLevel, data) {
                if (!options.isCustomLoading) {
                    expandedInfo = {};
                    processGroupItems(that, data, loadedGroupCount, expandedInfo, []);
                    ! function(options, expandedInfo, currentGroupCount) {
                        const currentGroupIndex = currentGroupCount - 1;
                        const groupCount = options.group ? options.group.length : 0;
                        expandedInfo.skip = options.skips && options.skips[currentGroupIndex];
                        if (options.takes && void 0 !== options.takes[currentGroupIndex]) {
                            if (groupCount === currentGroupCount) {
                                expandedInfo.take = expandedInfo.count ? expandedInfo.count - (expandedInfo.skip || 0) : 0
                            } else {
                                expandedInfo.take = 0
                            }
                            expandedInfo.take += options.takes[currentGroupIndex]
                        }
                    }(options, expandedInfo, loadedGroupCount)
                }
                const groupCount = options.group ? options.group.length : 0;
                if (expandedInfo.paths.length && groupCount - loadedGroupCount > 0) {
                    makeDataDeferred(options);
                    ! function(that, options, expandedInfo, loadedGroupCount, groupLevel, data) {
                        const groups = options.group || [];
                        const currentGroup = groups[groupLevel + 1];
                        const deferreds = [];
                        (0, _iterator.each)(expandedInfo.paths, expandedItemIndex => {
                            var _options$storeLoadOpt;
                            const loadOptions = {
                                requireTotalCount: false,
                                requireGroupCount: true,
                                group: [currentGroup],
                                groupSummary: options.storeLoadOptions.groupSummary,
                                filter: (0, _m_utils.createGroupFilter)(expandedInfo.paths[expandedItemIndex], {
                                    filter: options.storeLoadOptions.filter,
                                    group: groups
                                }),
                                select: options.storeLoadOptions.select,
                                langParams: null === (_options$storeLoadOpt = options.storeLoadOptions) || void 0 === _options$storeLoadOpt ? void 0 : _options$storeLoadOpt.langParams
                            };
                            if (0 === expandedItemIndex) {
                                loadOptions.skip = expandedInfo.skip || 0
                            }
                            if (expandedItemIndex === expandedInfo.paths.length - 1) {
                                loadOptions.take = expandedInfo.take
                            }
                            const loadResult = 0 === loadOptions.take ? [] : that._dataSource.loadFromStore(loadOptions);
                            (0, _deferred.when)(loadResult).done(data => {
                                const item = expandedInfo.items[expandedItemIndex];
                                applyContinuationToGroupItem(options, expandedInfo, groupLevel, expandedItemIndex);
                                item.items = data
                            });
                            deferreds.push(loadResult)
                        });
                        _deferred.when.apply(null, deferreds).done(() => {
                            updateGroupInfos(that, options, data, loadedGroupCount + 1);
                            loadGroupItems(that, options, loadedGroupCount + 1, expandedInfo, groupLevel + 1, data)
                        })
                    }(that, options, expandedInfo, loadedGroupCount, groupLevel, data)
                } else if (expandedInfo.paths.length && options.storeLoadOptions.group) {
                    makeDataDeferred(options);
                    ! function(that, options, expandedInfo, data) {
                        const expandedFilters = [];
                        const groups = options.group || [];
                        (0, _iterator.each)(expandedInfo.paths, (_, expandedPath) => {
                            expandedFilters.push((0, _m_utils.createGroupFilter)(expandedPath, {
                                group: options.isCustomLoading ? options.storeLoadOptions.group : groups
                            }))
                        });
                        let {
                            filter: filter
                        } = options.storeLoadOptions;
                        if (!options.storeLoadOptions.isLoadingAll) {
                            filter = _m_core.default.combineFilters([filter, _m_core.default.combineFilters(expandedFilters, "or")])
                        }
                        const loadOptions = (0, _extend.extend)({}, options.storeLoadOptions, {
                            requireTotalCount: false,
                            requireGroupCount: false,
                            group: null,
                            sort: groups.concat(_m_core.default.normalizeSortingInfo(options.storeLoadOptions.sort || [])),
                            filter: filter
                        });
                        const isPagingLocal = that._dataSource.isLastLevelGroupItemsPagingLocal();
                        if (!isPagingLocal) {
                            loadOptions.skip = expandedInfo.skip;
                            loadOptions.take = expandedInfo.take
                        }(0, _deferred.when)(0 === expandedInfo.take ? [] : that._dataSource.loadFromStore(loadOptions)).done(items => {
                            if (isPagingLocal) {
                                items = that._dataSource.sortLastLevelGroupItems(items, groups, expandedInfo.paths);
                                items = expandedInfo.skip ? items.slice(expandedInfo.skip) : items;
                                items = expandedInfo.take ? items.slice(0, expandedInfo.take) : items
                            }(0, _iterator.each)(expandedInfo.items, (index, item) => {
                                const itemCount = item.count - (0 === index && expandedInfo.skip || 0);
                                const expandedItems = items.splice(0, itemCount);
                                applyContinuationToGroupItem(options, expandedInfo, groups.length - 1, index);
                                item.items = expandedItems
                            });
                            options.data.resolve(data)
                        }).fail(options.data.reject)
                    }(that, options, expandedInfo, data)
                } else if (isDataDeferred(options.data)) {
                    options.data.resolve(data)
                }
            }
            const loadGroupTotalCount = function(dataSource, options) {
                const d = new _deferred.Deferred;
                const isGrouping = !!(options.group && options.group.length);
                const loadOptions = (0, _extend.extend)({
                    skip: 0,
                    take: 1,
                    requireGroupCount: isGrouping,
                    requireTotalCount: !isGrouping
                }, options, {
                    group: isGrouping ? options.group : null
                });
                dataSource.load(loadOptions).done((data, extra) => {
                    const count = extra && (isGrouping ? extra.groupCount : extra.totalCount);
                    if (!isFinite(count)) {
                        d.reject(_errors.errors.Error(isGrouping ? "E4022" : "E4021"));
                        return
                    }
                    d.resolve(count)
                }).fail(d.reject.bind(d));
                return d
            };
            class GroupingHelper extends _m_grouping_core.GroupingHelper {
                updateTotalItemsCount(options) {
                    let totalItemsCount = 0;
                    const totalCount = options.extra && options.extra.totalCount || 0;
                    const groupCount = options.extra && options.extra.groupCount || 0;
                    const pageSize = this._dataSource.pageSize();
                    const isVirtualPaging = this._isVirtualPaging();
                    foreachExpandedGroups(this, groupInfo => {
                        groupInfo.childrenTotalCount = 0
                    });
                    foreachExpandedGroups(this, (groupInfo, parents) => {
                        const totalOffset = getTotalOffset(parents, isVirtualPaging ? 0 : pageSize, totalItemsCount);
                        let count = groupInfo.count + groupInfo.childrenTotalCount;
                        if (!isVirtualPaging) {
                            count += getContinuationGroupCount(totalOffset, pageSize, count, parents.length - 1)
                        }
                        if (parents[parents.length - 2]) {
                            parents[parents.length - 2].childrenTotalCount += count
                        } else {
                            totalItemsCount += count
                        }
                    });
                    super.updateTotalItemsCount(totalItemsCount - totalCount + groupCount)
                }
                _isGroupExpanded(groupIndex) {
                    const groups = this._dataSource.group();
                    return isGroupExpanded(groups, groupIndex)
                }
                _updatePagingOptions(options, callback) {
                    const that = this;
                    const isVirtualPaging = that._isVirtualPaging();
                    const pageSize = that._dataSource.pageSize();
                    const skips = [];
                    const takes = [];
                    let skipChildrenTotalCount = 0;
                    let childrenTotalCount = 0;
                    if (options.take) {
                        foreachExpandedGroups(this, groupInfo => {
                            groupInfo.childrenTotalCount = 0;
                            groupInfo.skipChildrenTotalCount = 0
                        });
                        foreachExpandedGroups(that, (groupInfo, parents) => {
                            let take;
                            let takeCorrection = 0;
                            let parentTakeCorrection = 0;
                            const totalOffset = getTotalOffset(parents, isVirtualPaging ? 0 : pageSize, childrenTotalCount);
                            let continuationGroupCount = 0;
                            let skipContinuationGroupCount = 0;
                            let groupInfoCount = groupInfo.count + groupInfo.childrenTotalCount;
                            let childrenGroupInfoCount = groupInfoCount;
                            callback && callback(groupInfo, totalOffset);
                            const skip = options.skip - totalOffset;
                            if (totalOffset <= options.skip + options.take && groupInfoCount) {
                                take = options.take;
                                if (!isVirtualPaging) {
                                    continuationGroupCount = getContinuationGroupCount(totalOffset, pageSize, groupInfoCount, parents.length - 1);
                                    groupInfoCount += continuationGroupCount * parents.length;
                                    childrenGroupInfoCount += continuationGroupCount;
                                    if (pageSize && skip >= 0) {
                                        takeCorrection = parents.length;
                                        parentTakeCorrection = parents.length - 1;
                                        skipContinuationGroupCount = Math.floor(skip / pageSize)
                                    }
                                }
                                if (skip >= 0) {
                                    if (totalOffset + groupInfoCount > options.skip) {
                                        skips.unshift(skip - skipContinuationGroupCount * takeCorrection - groupInfo.skipChildrenTotalCount)
                                    }
                                    if (totalOffset + groupInfoCount >= options.skip + take) {
                                        takes.unshift(take - takeCorrection - groupInfo.childrenTotalCount + groupInfo.skipChildrenTotalCount)
                                    }
                                } else if (totalOffset + groupInfoCount >= options.skip + take) {
                                    takes.unshift(take + skip - groupInfo.childrenTotalCount)
                                }
                            }
                            if (totalOffset <= options.skip) {
                                if (parents[parents.length - 2]) {
                                    parents[parents.length - 2].skipChildrenTotalCount += Math.min(childrenGroupInfoCount, skip + 1 - skipContinuationGroupCount * parentTakeCorrection)
                                } else {
                                    skipChildrenTotalCount += Math.min(childrenGroupInfoCount, skip + 1)
                                }
                            }
                            if (totalOffset <= options.skip + take) {
                                groupInfoCount = Math.min(childrenGroupInfoCount, skip + take - (skipContinuationGroupCount + 1) * parentTakeCorrection);
                                if (parents[parents.length - 2]) {
                                    parents[parents.length - 2].childrenTotalCount += groupInfoCount
                                } else {
                                    childrenTotalCount += groupInfoCount
                                }
                            }
                        });
                        options.skip -= skipChildrenTotalCount;
                        options.take -= childrenTotalCount - skipChildrenTotalCount
                    }
                    options.skips = skips;
                    options.takes = takes
                }
                changeRowExpand(path) {
                    const groupInfo = this.findGroupInfo(path);
                    const dataSource = this._dataSource;
                    const remoteGroupPaging = dataSource.remoteOperations().groupPaging;
                    const groups = _m_core.default.normalizeSortingInfo(dataSource.group());
                    if (groupInfo) {
                        groupInfo.isExpanded = !groupInfo.isExpanded;
                        if (remoteGroupPaging && groupInfo.isExpanded && path.length < groups.length) {
                            return loadGroupTotalCount(dataSource, {
                                filter: (0, _m_utils.createGroupFilter)(path, {
                                    filter: dataSource.lastLoadOptions().filter,
                                    group: dataSource.group()
                                }),
                                group: [groups[path.length]],
                                select: dataSource.select()
                            }).done(groupCount => {
                                groupInfo.count = groupCount
                            })
                        }
                        return (new _deferred.Deferred).resolve()
                    }
                    return (new _deferred.Deferred).reject()
                }
                handleDataLoading(options) {
                    const that = this;
                    const {
                        storeLoadOptions: storeLoadOptions
                    } = options;
                    const groups = _m_core.default.normalizeSortingInfo(storeLoadOptions.group || options.loadOptions.group);
                    if (options.isCustomLoading || !groups.length) {
                        return
                    }
                    if (options.remoteOperations.grouping) {
                        const remotePaging = that._dataSource.remoteOperations().paging;
                        storeLoadOptions.group = _m_core.default.normalizeSortingInfo(storeLoadOptions.group);
                        storeLoadOptions.group.forEach((group, index) => {
                            const isLastGroup = index === storeLoadOptions.group.length - 1;
                            group.isExpanded = !remotePaging || !isLastGroup
                        })
                    }
                    options.group = options.group || groups;
                    if (options.remoteOperations.paging) {
                        options.skip = storeLoadOptions.skip;
                        options.take = storeLoadOptions.take;
                        storeLoadOptions.requireGroupCount = true;
                        storeLoadOptions.group = groups.slice(0, 1);
                        that._updatePagingOptions(options);
                        storeLoadOptions.skip = options.skip;
                        storeLoadOptions.take = options.take
                    } else {
                        options.skip = options.loadOptions.skip;
                        options.take = options.loadOptions.take;
                        that._updatePagingOptions(options)
                    }
                }
                handleDataLoadedCore(options, callBase) {
                    const that = this;
                    const loadedGroupCount = _m_core.default.normalizeSortingInfo(options.storeLoadOptions.group || options.loadOptions.group).length;
                    const groupCount = options.group ? options.group.length : 0;
                    let totalCount;
                    const expandedInfo = {};
                    if (options.isCustomLoading) {
                        callBase(options);
                        processGroupItems(that, options.data, loadedGroupCount, expandedInfo, [], options.isCustomLoading, options.storeLoadOptions.isLoadingAll)
                    } else {
                        if (!options.remoteOperations.paging) {
                            that.foreachGroups(groupInfo => {
                                groupInfo.count = 0
                            })
                        }
                        totalCount = updateGroupInfos(that, options, options.data, loadedGroupCount);
                        if (totalCount < 0) {
                            options.data = (new _deferred.Deferred).reject(_ui.default.Error("E1037"));
                            return
                        }
                        if (!options.remoteOperations.paging) {
                            if (loadedGroupCount && options.extra && options.loadOptions.requireTotalCount) {
                                options.extra.totalCount = totalCount;
                                options.extra.groupCount = options.data.length
                            }
                        }
                        if (groupCount && options.storeLoadOptions.requireGroupCount && !isFinite(options.extra.groupCount)) {
                            options.data = (new _deferred.Deferred).reject(_errors.errors.Error("E4022"));
                            return
                        }
                        that.updateTotalItemsCount(options);
                        if (!options.remoteOperations.paging) {
                            that._updatePagingOptions(options);
                            options.lastLoadOptions.skips = options.skips;
                            options.lastLoadOptions.takes = options.takes
                        }
                        callBase(options);
                        if (!options.remoteOperations.paging) {
                            that._processPaging(options, loadedGroupCount)
                        }
                    }
                    loadGroupItems(that, options, loadedGroupCount, expandedInfo, 0, options.data)
                }
                _processSkips(items, skips, groupCount) {
                    if (!groupCount) {
                        return
                    }
                    const firstItem = items[0];
                    const skip = skips[0];
                    const children = firstItem && firstItem.items;
                    if (void 0 !== skip) {
                        firstItem.isContinuation = true;
                        if (children) {
                            firstItem.items = children.slice(skip);
                            this._processSkips(firstItem.items, skips.slice(1), groupCount - 1)
                        }
                    }
                }
                _processTakes(items, skips, takes, groupCount, parents) {
                    if (!groupCount || !items) {
                        return
                    }
                    parents = parents || [];
                    const lastItem = items[items.length - 1];
                    let children = lastItem && lastItem.items;
                    const take = takes[0];
                    const skip = skips[0];
                    if (lastItem) {
                        const maxTakeCount = lastItem.count - (lastItem.isContinuation && skip || 0) || children.length;
                        if (void 0 !== take && maxTakeCount > take) {
                            lastItem.isContinuationOnNextPage = true;
                            parents.forEach(parent => {
                                parent.isContinuationOnNextPage = true
                            });
                            if (children) {
                                children = children.slice(0, take);
                                lastItem.items = children
                            }
                        }
                        parents.push(lastItem);
                        this._processTakes(children, skips.slice(1), takes.slice(1), groupCount - 1, parents)
                    }
                }
                _processPaging(options, groupCount) {
                    this._processSkips(options.data, options.skips, groupCount);
                    this._processTakes(options.data, options.skips, options.takes, groupCount)
                }
                isLastLevelGroupItemsPagingLocal() {
                    return false
                }
                sortLastLevelGroupItems(items) {
                    return items
                }
                refresh(options, operationTypes) {
                    const that = this;
                    const dataSource = that._dataSource;
                    const {
                        storeLoadOptions: storeLoadOptions
                    } = options;
                    const group = options.group || options.storeLoadOptions.group;
                    const oldGroups = _m_core.default.normalizeSortingInfo(that._group);
                    let isExpanded;
                    let groupIndex;

                    function handleGroup(groupInfo, parents) {
                        if (parents.length === groupIndex + 1) {
                            groupInfo.isExpanded = isExpanded
                        }
                    }
                    for (groupIndex = 0; groupIndex < oldGroups.length; groupIndex++) {
                        isExpanded = isGroupExpanded(group, groupIndex);
                        if (isGroupExpanded(that._group, groupIndex) !== isExpanded) {
                            that.foreachGroups(handleGroup)
                        }
                    }
                    super.refresh.apply(this, arguments);
                    if (group && options.remoteOperations.paging && operationTypes.reload) {
                        return foreachExpandedGroups(that, groupInfo => {
                            const groupCountQuery = loadGroupTotalCount(dataSource, {
                                filter: (0, _m_utils.createGroupFilter)(groupInfo.path, {
                                    filter: storeLoadOptions.filter,
                                    group: group
                                }),
                                group: group.slice(groupInfo.path.length),
                                select: storeLoadOptions.select
                            });
                            const groupOffsetQuery = loadGroupTotalCount(dataSource, {
                                filter: (0, _m_grouping_core.createOffsetFilter)(groupInfo.path, {
                                    filter: storeLoadOptions.filter,
                                    group: group
                                }, true),
                                group: group.slice(groupInfo.path.length - 1, groupInfo.path.length),
                                select: storeLoadOptions.select
                            });
                            return (0, _deferred.when)(groupOffsetQuery, groupCountQuery).done((offset, count) => {
                                offset = parseInt(offset.length ? offset[0] : offset);
                                count = parseInt(count.length ? count[0] : count);
                                groupInfo.offset = offset;
                                if (groupInfo.count !== count) {
                                    groupInfo.count = count;
                                    that.updateTotalItemsCount(options)
                                }
                            })
                        }, true)
                    }
                }
            }
            exports.GroupingHelper = GroupingHelper
        },
        14385(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GroupingHelper = void 0;
            exports.createOffsetFilter = function(path, storeLoadOptions, lastLevelOnly) {
                const groups = (0, _utils.normalizeSortingInfo)(storeLoadOptions.group);
                let filter = [];
                for (let i = lastLevelOnly ? path.length - 1 : 0; i < path.length; i++) {
                    const filterElement = [];
                    for (let j = 0; j <= i; j++) {
                        const {
                            selector: selector
                        } = groups[j];
                        if (i === j && (null === path[j] || false === path[j] || true === path[j])) {
                            if (false === path[j]) {
                                filterElement.push([selector, "=", groups[j].desc ? true : null])
                            } else if (path[j] ? !groups[j].desc : groups[j].desc) {
                                filterElement.push([selector, "<>", path[j]])
                            } else {
                                filterElement.push([selector, "<>", null]);
                                filterElement.push([selector, "=", null])
                            }
                        } else {
                            const currentFilter = [selector, i === j ? groups[j].desc ? ">" : "<" : "=", path[j]];
                            if ("<" === currentFilter[1]) {
                                filterElement.push([currentFilter, "or", [selector, "=", null]])
                            } else {
                                filterElement.push(currentFilter)
                            }
                        }
                    }
                    filter.push(_m_core.default.combineFilters(filterElement))
                }
                filter = _m_core.default.combineFilters(filter, "or");
                return _m_core.default.combineFilters([filter, storeLoadOptions.filter])
            };
            var _utils = __webpack_require__( /*! ../../../../common/data/utils */ 89358);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../../../grids/grid_core/m_utils */ 53226));
            var _m_core = _interopRequireDefault(__webpack_require__( /*! ../m_core */ 54353));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const findGroupInfoByKey = function(groupsInfo, key) {
                const {
                    hash: hash
                } = groupsInfo;
                return hash && hash[JSON.stringify(key)]
            };
            const getGroupInfoIndexByOffset = function(groupsInfo, offset) {
                let leftIndex = 0;
                let rightIndex = groupsInfo.length - 1;
                if (!groupsInfo.length) {
                    return 0
                }
                do {
                    const middleIndex = rightIndex + leftIndex >> 1;
                    if (groupsInfo[middleIndex].offset > offset) {
                        rightIndex = middleIndex
                    } else {
                        leftIndex = middleIndex
                    }
                } while (rightIndex - leftIndex > 1);
                let index;
                for (index = leftIndex; index <= rightIndex; index++) {
                    if (groupsInfo[index].offset > offset) {
                        break
                    }
                }
                return index
            };
            const cleanGroupsInfo = function(groupsInfo, groupIndex, groupsCount) {
                for (let i = 0; i < groupsInfo.length; i++) {
                    if (groupIndex + 1 >= groupsCount) {
                        groupsInfo[i].children = []
                    } else {
                        cleanGroupsInfo(groupsInfo[i].children, groupIndex + 1, groupsCount)
                    }
                }
            };
            const calculateItemsCount = function(that, items, groupsCount) {
                let result = 0;
                if (items) {
                    if (!groupsCount) {
                        result = items.length
                    } else {
                        for (let i = 0; i < items.length; i++) {
                            if (that.isGroupItemCountable(items[i])) {
                                result++
                            }
                            result += calculateItemsCount(that, items[i].items, groupsCount - 1)
                        }
                    }
                }
                return result
            };
            exports.GroupingHelper = class {
                constructor(dataSourceAdapter) {
                    this._dataSource = dataSourceAdapter;
                    this.reset()
                }
                reset() {
                    this._groupsInfo = [];
                    this._totalCountCorrection = 0
                }
                totalCountCorrection() {
                    return this._totalCountCorrection
                }
                updateTotalItemsCount(totalCountCorrection) {
                    this._totalCountCorrection = totalCountCorrection || 0
                }
                isGroupItemCountable(item) {
                    return !this._isVirtualPaging() || !item.isContinuation
                }
                _isVirtualPaging() {
                    const scrollingMode = this._dataSource.option("scrolling.mode");
                    return "virtual" === scrollingMode || "infinite" === scrollingMode
                }
                itemsCount() {
                    const dataSourceAdapter = this._dataSource;
                    const dataSource = dataSourceAdapter._dataSource;
                    const groupCount = _m_core.default.normalizeSortingInfo(dataSource.group() || []).length;
                    const itemsCount = calculateItemsCount(this, dataSource.items(), groupCount);
                    return itemsCount
                }
                foreachGroups(callback, childrenAtFirst, foreachCollapsedGroups, updateOffsets, updateParentOffsets) {
                    const that = this;
                    return function foreachGroupsCore(groupsInfo, callback, childrenAtFirst, parents) {
                        const callbackResults = [];

                        function executeCallback(callback, data, parents, callbackResults) {
                            const callbackResult = data && callback(data, parents);
                            callbackResult && callbackResults.push(callbackResult);
                            return callbackResult
                        }
                        for (let i = 0; i < groupsInfo.length; i++) {
                            parents.push(groupsInfo[i].data);
                            if (!childrenAtFirst && false === executeCallback(callback, groupsInfo[i].data, parents, callbackResults)) {
                                return false
                            }
                            if (!groupsInfo[i].data || groupsInfo[i].data.isExpanded || foreachCollapsedGroups) {
                                const {
                                    children: children
                                } = groupsInfo[i];
                                const callbackResult = children.length && foreachGroupsCore(children, callback, childrenAtFirst, parents);
                                callbackResult && callbackResults.push(callbackResult);
                                if (false === callbackResult) {
                                    return false
                                }
                            }
                            if (childrenAtFirst && false === executeCallback(callback, groupsInfo[i].data, parents, callbackResults)) {
                                return false
                            }
                            if (!groupsInfo[i].data || groupsInfo[i].data.offset !== groupsInfo[i].offset) {
                                updateOffsets = true
                            }
                            parents.pop()
                        }
                        const currentParents = updateParentOffsets && parents.slice(0);
                        return updateOffsets && _deferred.when.apply(_renderer.default, callbackResults).always(() => {
                            that._updateGroupInfoOffsets(groupsInfo, currentParents)
                        })
                    }(that._groupsInfo, callback, childrenAtFirst, [])
                }
                _updateGroupInfoOffsets(groupsInfo, parents) {
                    parents = parents || [];
                    for (let index = 0; index < groupsInfo.length; index++) {
                        const groupInfo = groupsInfo[index];
                        if (groupInfo.data && groupInfo.data.offset !== groupInfo.offset) {
                            groupInfo.offset = groupInfo.data.offset;
                            for (let parentIndex = 0; parentIndex < parents.length; parentIndex++) {
                                parents[parentIndex].offset = groupInfo.offset
                            }
                        }
                    }
                    groupsInfo.sort((a, b) => a.offset - b.offset)
                }
                findGroupInfo(path) {
                    let groupInfo;
                    let groupsInfo = this._groupsInfo;
                    for (let pathIndex = 0; groupsInfo && pathIndex < path.length; pathIndex++) {
                        groupInfo = findGroupInfoByKey(groupsInfo, path[pathIndex]);
                        groupsInfo = groupInfo && groupInfo.children
                    }
                    return groupInfo && groupInfo.data
                }
                addGroupInfo(groupInfoData) {
                    const that = this;
                    let groupInfo;
                    const {
                        path: path
                    } = groupInfoData;
                    let groupsInfo = that._groupsInfo;
                    for (let pathIndex = 0; pathIndex < path.length; pathIndex++) {
                        groupInfo = findGroupInfoByKey(groupsInfo, path[pathIndex]);
                        if (!groupInfo) {
                            groupInfo = {
                                key: path[pathIndex],
                                offset: groupInfoData.offset,
                                data: {
                                    offset: groupInfoData.offset,
                                    isExpanded: true,
                                    path: path.slice(0, pathIndex + 1)
                                },
                                children: []
                            };
                            const index = getGroupInfoIndexByOffset(groupsInfo, groupInfoData.offset);
                            groupsInfo.splice(index, 0, groupInfo);
                            groupsInfo.hash = groupsInfo.hash || {};
                            groupsInfo.hash[JSON.stringify(groupInfo.key)] = groupInfo
                        }
                        if (pathIndex === path.length - 1) {
                            groupInfo.data = groupInfoData;
                            if (groupInfo.offset !== groupInfoData.offset) {
                                that._updateGroupInfoOffsets(groupsInfo)
                            }
                        }
                        groupsInfo = groupInfo.children
                    }
                }
                allowCollapseAll() {
                    return true
                }
                refresh(options) {
                    const that = this;
                    const {
                        storeLoadOptions: storeLoadOptions
                    } = options;
                    const groups = (0, _utils.normalizeSortingInfo)(storeLoadOptions.group || []);
                    const oldGroups = "_group" in that ? (0, _utils.normalizeSortingInfo)(that._group || []) : groups;
                    let groupsCount = Math.min(oldGroups.length, groups.length);
                    that._group = storeLoadOptions.group;
                    for (let groupIndex = 0; groupIndex < groupsCount; groupIndex++) {
                        if (!_m_utils.default.isEqualSelectors(oldGroups[groupIndex].selector, groups[groupIndex].selector)) {
                            groupsCount = groupIndex;
                            break
                        }
                    }
                    if (!groupsCount) {
                        that.reset()
                    } else {
                        cleanGroupsInfo(that._groupsInfo, 0, groupsCount)
                    }
                }
                handleDataLoading() {}
                handleDataLoaded(options, callBase) {
                    callBase(options)
                }
                handleDataLoadedCore(options, callBase) {
                    callBase(options)
                }
            }
        },
        27191(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GroupingHelper = void 0;
            var _query = _interopRequireDefault(__webpack_require__( /*! ../../../../common/data/query */ 30771));
            var _store_helper = _interopRequireDefault(__webpack_require__( /*! ../../../../common/data/store_helper */ 66177));
            var _utils = __webpack_require__( /*! ../../../../common/data/utils */ 89358);
            var _data = __webpack_require__( /*! ../../../../core/utils/data */ 31e3);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _m_core = _interopRequireDefault(__webpack_require__( /*! ../m_core */ 54353));
            var _m_utils = __webpack_require__( /*! ../m_utils */ 73057);
            var _m_grouping_core = __webpack_require__( /*! ./m_grouping_core */ 14385);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const loadTotalCount = function(dataSource, options) {
                const d = new _deferred.Deferred;
                const loadOptions = (0, _extend.extend)({
                    skip: 0,
                    take: 1,
                    requireTotalCount: true
                }, options);
                dataSource.load(loadOptions).done((data, extra) => {
                    d.resolve(extra && extra.totalCount)
                }).fail(d.reject.bind(d));
                return d
            };
            const foreachCollapsedGroups = function(that, callback, updateOffsets) {
                return that.foreachGroups(groupInfo => {
                    if (!groupInfo.isExpanded) {
                        return callback(groupInfo)
                    }
                }, false, false, updateOffsets, true)
            };
            const correctSkipLoadOption = function(that, skip) {
                let skipCorrection = 0;
                let resultSkip = skip || 0;
                if (skip) {
                    foreachCollapsedGroups(that, groupInfo => {
                        if (groupInfo.offset - skipCorrection >= skip) {
                            return false
                        }
                        skipCorrection += groupInfo.count - 1
                    });
                    resultSkip += skipCorrection
                }
                return resultSkip
            };
            const processGroupItems = function(that, items, path, offset, skipFirstItem, take) {
                let removeLastItemsCount = 0;
                let needRemoveFirstItem = false;
                for (let i = 0; i < items.length; i++) {
                    const item = items[i];
                    if (void 0 !== item.items) {
                        path.push(item.key);
                        const groupInfo = that.findGroupInfo(path);
                        if (groupInfo && !groupInfo.isExpanded) {
                            item.collapsedItems = item.items;
                            item.items = null;
                            offset += groupInfo.count;
                            take--;
                            if (take < 0) {
                                removeLastItemsCount++
                            }
                            if (skipFirstItem) {
                                needRemoveFirstItem = true
                            }
                        } else if (item.items) {
                            const offsetInfo = processGroupItems(that, item.items, path, offset, skipFirstItem, take);
                            if (skipFirstItem) {
                                if (offsetInfo.offset - offset > 1) {
                                    item.isContinuation = true
                                } else {
                                    needRemoveFirstItem = true
                                }
                            }
                            offset = offsetInfo.offset;
                            take = offsetInfo.take;
                            if (take < 0) {
                                if (item.items.length) {
                                    item.isContinuationOnNextPage = true
                                } else {
                                    removeLastItemsCount++
                                }
                            }
                        }
                        path.pop()
                    } else {
                        if (skipFirstItem) {
                            needRemoveFirstItem = true
                        }
                        offset++;
                        take--;
                        if (take < 0) {
                            removeLastItemsCount++
                        }
                    }
                    skipFirstItem = false
                }
                if (needRemoveFirstItem) {
                    items.splice(0, 1)
                }
                if (removeLastItemsCount) {
                    items.splice(-removeLastItemsCount, removeLastItemsCount)
                }
                return {
                    offset: offset,
                    take: take
                }
            };
            const pathEquals = function(path1, path2) {
                if (path1.length !== path2.length) {
                    return false
                }
                for (let i = 0; i < path1.length; i++) {
                    if (!(0, _utils.keysEqual)(null, path1[i], path2[i])) {
                        return false
                    }
                }
                return true
            };
            const isGroupItem = item => "key" in item && void 0 !== item.items;
            const updateGroupOffsets = (that, items, path, offset, pendingGroupInfo) => {
                if (!items) {
                    return offset
                }
                for (let i = 0; i < items.length; i += 1) {
                    const item = items[i];
                    if (isGroupItem(item)) {
                        path.push(item.key);
                        const isPendingGroup = pendingGroupInfo && pathEquals(pendingGroupInfo.path, path);
                        const groupInfo = that.findGroupInfo(path);
                        if (isPendingGroup && !item.isContinuation) {
                            pendingGroupInfo.offset = offset
                        }
                        if (groupInfo && !item.isContinuation) {
                            groupInfo.offset = offset
                        }
                        if (groupInfo && !groupInfo.isExpanded) {
                            offset += groupInfo.count
                        } else if (isPendingGroup && !pendingGroupInfo.isExpanded) {
                            offset += pendingGroupInfo.count
                        } else if (item.items) {
                            offset = updateGroupOffsets(that, item.items, path, offset, pendingGroupInfo)
                        }
                        path.pop()
                    } else {
                        offset += 1
                    }
                }
                return offset
            };
            const getGroupCount = function(item, groupCount) {
                let count = item.count || item.items.length;
                if (!item.count && groupCount > 1) {
                    count = 0;
                    for (let i = 0; i < item.items.length; i++) {
                        count += getGroupCount(item.items[i], groupCount - 1)
                    }
                }
                return count
            };
            class GroupingHelper extends _m_grouping_core.GroupingHelper {
                handleDataLoading(options) {
                    const {
                        storeLoadOptions: storeLoadOptions
                    } = options;
                    const collapsedGroups = [];
                    let collapsedItemsCount = 0;
                    let skipFirstItem = false;
                    let take;
                    const {
                        group: group
                    } = options.loadOptions;
                    let skipCorrection = 0;
                    ! function(storeLoadOptions, loadOptions) {
                        if (loadOptions.group) {
                            const groups = _m_core.default.normalizeSortingInfo(loadOptions.group);
                            const sorts = _m_core.default.normalizeSortingInfo(storeLoadOptions.sort);
                            storeLoadOptions.sort = _store_helper.default.arrangeSortingInfo(groups, sorts);
                            delete loadOptions.group
                        }
                    }(storeLoadOptions, options.loadOptions);
                    options.group = options.group || group;
                    if (options.isCustomLoading) {
                        return
                    }
                    const loadOptions = (0, _extend.extend)({}, storeLoadOptions);
                    loadOptions.skip = correctSkipLoadOption(this, storeLoadOptions.skip);
                    if (loadOptions.skip && loadOptions.take && group) {
                        loadOptions.skip--;
                        loadOptions.take++;
                        skipFirstItem = true
                    }
                    if (loadOptions.take && group) {
                        take = loadOptions.take;
                        loadOptions.take++
                    }
                    let loadEndOffset = loadOptions.skip + loadOptions.take;
                    this.foreachGroups(groupInfo => {
                        if (groupInfo.isPending && groupInfo.isExpanded && groupInfo.count) {
                            loadEndOffset += groupInfo.count
                        }
                        if (!groupInfo.isExpanded) {
                            if (groupInfo.offset >= loadEndOffset + skipCorrection) {
                                return false
                            }
                            if (groupInfo.offset >= loadOptions.skip + skipCorrection && groupInfo.count) {
                                skipCorrection += groupInfo.count - 1;
                                collapsedGroups.push(groupInfo);
                                collapsedItemsCount += groupInfo.count
                            }
                        }
                        if (groupInfo.isPending) {
                            delete groupInfo.isPending
                        }
                        return
                    }, false, false, void 0, true);
                    (0, _iterator.each)(collapsedGroups, function() {
                        loadOptions.filter = function(path, storeLoadOptions, group) {
                            const groups = _m_core.default.normalizeSortingInfo(group || storeLoadOptions.group);
                            let filter = [];
                            for (let i = 0; i < path.length; i++) {
                                const filterElement = [];
                                for (let j = 0; j <= i; j++) {
                                    filterElement.push([groups[j].selector, i === j ? "<>" : "=", path[j]])
                                }
                                filter.push(_m_core.default.combineFilters(filterElement))
                            }
                            filter = _m_core.default.combineFilters(filter, "or");
                            return _m_core.default.combineFilters([filter, storeLoadOptions.filter])
                        }(this.path, loadOptions, group)
                    });
                    options.storeLoadOptions = loadOptions;
                    options.collapsedGroups = collapsedGroups;
                    options.collapsedItemsCount = collapsedItemsCount;
                    options.skip = loadOptions.skip || 0;
                    options.skipFirstItem = skipFirstItem;
                    options.take = take
                }
                handleDataLoaded(options, callBase) {
                    const that = this;
                    const {
                        collapsedGroups: collapsedGroups
                    } = options;
                    const groups = _m_core.default.normalizeSortingInfo(options.group);
                    const groupCount = groups.length;

                    function appendCollapsedPath(data, path, groups, collapsedGroup, offset) {
                        if (!data || !path.length || !groups.length) {
                            return
                        }
                        let keyValue;
                        let i;
                        const pathValue = (0, _data.toComparable)(path[0], true);
                        for (i = 0; i < data.length; i++) {
                            keyValue = (0, _data.toComparable)(data[i].key, true);
                            if (offset >= collapsedGroup.offset || pathValue === keyValue) {
                                break
                            } else {
                                offset += getGroupCount(data[i], groups.length)
                            }
                        }
                        if (!data.length || pathValue !== keyValue) {
                            data.splice(i, 0, {
                                key: path[0],
                                items: [],
                                count: 1 === path.length ? collapsedGroup.count : void 0
                            })
                        }
                        appendCollapsedPath(data[i].items, path.slice(1), groups.slice(1), collapsedGroup, offset)
                    }
                    if (options.collapsedItemsCount && options.extra && options.extra.totalCount >= 0) {
                        if (!options.extra._totalCountWasIncreasedByCollapsedItems) {
                            options.extra.totalCount += options.collapsedItemsCount;
                            options.extra._totalCountWasIncreasedByCollapsedItems = true
                        }
                    }
                    callBase(options);
                    if (groupCount) {
                        let {
                            data: data
                        } = options;
                        const query = (0, _query.default)(data);
                        _store_helper.default.multiLevelGroup(query, groups).enumerate().done(groupedData => {
                            data = groupedData
                        });
                        if (collapsedGroups) {
                            for (let pathIndex = 0; pathIndex < collapsedGroups.length; pathIndex++) {
                                appendCollapsedPath(data, collapsedGroups[pathIndex].path, groups, collapsedGroups[pathIndex], options.skip)
                            }
                        }
                        if (!options.isCustomLoading) {
                            processGroupItems(that, data, [], options.skip, options.skipFirstItem, options.take)
                        }
                        options.data = data
                    }
                }
                isGroupItemCountable(item) {
                    return null === item.items
                }
                updateTotalItemsCount() {
                    let itemsCountCorrection = 0;
                    foreachCollapsedGroups(this, groupInfo => {
                        if (groupInfo.count) {
                            itemsCountCorrection -= groupInfo.count - 1
                        }
                    });
                    super.updateTotalItemsCount(itemsCountCorrection)
                }
                changeRowExpand(path) {
                    const that = this;
                    const dataSource = that._dataSource;
                    const beginPageIndex = dataSource.beginPageIndex ? dataSource.beginPageIndex() : dataSource.pageIndex();
                    const dataSourceItems = dataSource.items();
                    const offset = correctSkipLoadOption(that, beginPageIndex * dataSource.pageSize());
                    const groupInfo = that.findGroupInfo(path);
                    let groupCountQuery;
                    if (groupInfo && !groupInfo.isExpanded) {
                        groupCountQuery = (new _deferred.Deferred).resolve(groupInfo.count)
                    } else {
                        groupCountQuery = loadTotalCount(dataSource, {
                            filter: (0, _m_utils.createGroupFilter)(path, {
                                filter: dataSource.filter(),
                                group: dataSource.group()
                            })
                        })
                    }
                    return (0, _deferred.when)(groupCountQuery).done(count => {
                        const normalizedCount = parseInt(count.length ? count[0] : count, 10);
                        const pendingGroupInfo = {
                            offset: groupInfo ? groupInfo.offset : -1,
                            path: groupInfo ? groupInfo.path : path,
                            isExpanded: groupInfo ? !groupInfo.isExpanded : false,
                            count: normalizedCount,
                            isPending: true
                        };
                        updateGroupOffsets(that, dataSourceItems, [], offset, pendingGroupInfo);
                        if (groupInfo) {
                            groupInfo.isExpanded = !groupInfo.isExpanded;
                            groupInfo.count = normalizedCount;
                            groupInfo.isPending = true
                        } else if (pendingGroupInfo.offset >= 0) {
                            that.addGroupInfo(pendingGroupInfo)
                        }
                        that.updateTotalItemsCount()
                    }).fail(function() {
                        dataSource._eventsStrategy.fireEvent("loadError", arguments)
                    })
                }
                allowCollapseAll() {
                    return false
                }
                refresh(options, operationTypes) {
                    const that = this;
                    const {
                        storeLoadOptions: storeLoadOptions
                    } = options;
                    const dataSource = that._dataSource;
                    super.refresh.apply(this, arguments);
                    if (operationTypes.reload) {
                        return foreachCollapsedGroups(that, groupInfo => {
                            const groupCountQuery = loadTotalCount(dataSource, {
                                filter: (0, _m_utils.createGroupFilter)(groupInfo.path, storeLoadOptions)
                            });
                            const groupOffsetQuery = loadTotalCount(dataSource, {
                                filter: (0, _m_grouping_core.createOffsetFilter)(groupInfo.path, storeLoadOptions)
                            });
                            return (0, _deferred.when)(groupOffsetQuery, groupCountQuery).done((offset, count) => {
                                offset = parseInt(offset.length ? offset[0] : offset);
                                count = parseInt(count.length ? count[0] : count);
                                groupInfo.offset = offset;
                                if (groupInfo.count !== count) {
                                    groupInfo.count = count;
                                    that.updateTotalItemsCount()
                                }
                            })
                        }, true)
                    }
                }
            }
            exports.GroupingHelper = GroupingHelper
        },
        3716(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ColumnKeyboardNavigationMixin = void 0;
            var _utils = __webpack_require__( /*! ../../../../common/core/events/utils */ 98834);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _const = __webpack_require__( /*! ../../../grids/grid_core/keyboard_navigation/const */ 24171);
            exports.ColumnKeyboardNavigationMixin = Base => class extends Base {
                ungroupColumnByPressingKey(e) {
                    var _e$originalEvent;
                    const column = this.getColumnFromEvent(e);
                    const rowIndex = this.getRowIndexFromEvent(e);
                    this.ungroupColumn(column, rowIndex);
                    null === (_e$originalEvent = e.originalEvent) || void 0 === _e$originalEvent || _e$originalEvent.preventDefault()
                }
                getFocusedCellPositionByColumn(column) {
                    if (!column) {
                        return
                    }
                    const newRowIndex = this._columnsController.getRowIndex(column.index, true);
                    return {
                        rowIndex: newRowIndex,
                        columnIndex: this.getVisibleIndex(column, newRowIndex)
                    }
                }
                getRowIndexFromEvent(e) {
                    return 0
                }
                getColumnFromEvent(e) {}
                getNewFocusedColumnBeforeUngrouping(column, rowIndex) {
                    return column
                }
                keyDownHandler(e) {
                    let isHandled = super.keyDownHandler(e);
                    if (isHandled) {
                        return true
                    }
                    if (this.canUngroupColumnByPressingKey(e)) {
                        this.ungroupColumnByPressingKey(e);
                        isHandled = true
                    } else if (this.canUngroupAllColumnByPressingKey(e)) {
                        this.ungroupAllColumns();
                        isHandled = true
                    }
                    return isHandled
                }
                changeGroupColumnIndex(groupIndex, column, newFocusedColumn) {
                    this._columnsController.beginUpdate();
                    this._columnsController.columnOption(column.dataField, "groupIndex", groupIndex);
                    const newFocusedCellPosition = this.getFocusedCellPositionByColumn(newFocusedColumn);
                    this.updateViewFocusPosition(newFocusedCellPosition);
                    this._columnsController.endUpdate()
                }
                canUngroupColumnByPressingKey(e) {
                    return e.which === _const.KEY_CODES.G && e.shift && (0, _utils.isCommandKeyPressed)(e.originalEvent)
                }
                canUngroupAllColumnByPressingKey(e) {
                    return e.which === _const.KEY_CODES.G && e.shift && e.alt
                }
                ungroupColumn(column) {
                    let rowIndex = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0;
                    if ((0, _type.isDefined)(null === column || void 0 === column ? void 0 : column.groupIndex)) {
                        const newFocusedColumn = this.getNewFocusedColumnBeforeUngrouping(column, rowIndex);
                        this.changeGroupColumnIndex(-1, column, newFocusedColumn)
                    }
                }
                ungroupAllColumns() {
                    this._columnsController.clearGrouping()
                }
            }
        },
        45422(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GroupPanelKeyboardNavigationController = void 0;
            var _click = __webpack_require__( /*! ../../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _accessibility = __webpack_require__( /*! ../../../../ui/shared/accessibility */ 16191);
            var _const = __webpack_require__( /*! ../../../grids/grid_core/keyboard_navigation/const */ 24171);
            var _m_column_keyboard_navigation_core = __webpack_require__( /*! ../../../grids/grid_core/keyboard_navigation/m_column_keyboard_navigation_core */ 37565);
            var _const2 = __webpack_require__( /*! ../grouping/const */ 35479);
            var _m_core = _interopRequireDefault(__webpack_require__( /*! ../m_core */ 54353));
            var _m_column_keyboard_navigation_mixin = __webpack_require__( /*! ./m_column_keyboard_navigation_mixin */ 3716);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class GroupPanelKeyboardNavigationController extends((0, _m_column_keyboard_navigation_mixin.ColumnKeyboardNavigationMixin)(_m_column_keyboard_navigation_core.ColumnKeyboardNavigationController)) {
                constructor() {
                    super(...arguments);
                    this.isNeedToHiddenFocusAfterClick = false
                }
                groupItemClickHandler(e) {
                    var _this$_columnsControl;
                    const $groupedColumnElement = (0, _renderer.default)(e.originalEvent.target);
                    const groupColumn = this._columnsController.columnOption(`groupIndex:${$groupedColumnElement.index()}`);
                    this.isNeedToHiddenFocusAfterClick = null === (_this$_columnsControl = this._columnsController) || void 0 === _this$_columnsControl ? void 0 : _this$_columnsControl.allowColumnSorting(groupColumn)
                }
                unsubscribeFromGroupItemClick() {
                    const $focusedView = this.getFocusedViewElement();
                    if ($focusedView) {
                        _events_engine.default.off($focusedView, _click.name, this.groupItemClickHandlerContext)
                    }
                }
                subscribeToGroupItemClick() {
                    const $focusedView = this.getFocusedViewElement();
                    if ($focusedView) {
                        _events_engine.default.on($focusedView, _click.name, `.${_const2.CLASSES.groupPanelItem}`, this.groupItemClickHandlerContext)
                    }
                }
                leftRightKeysHandler(e) {
                    const {
                        originalEvent: originalEvent
                    } = e;
                    if ((0, _index.isCommandKeyPressed)(originalEvent)) {
                        const $groupedColumnElement = (0, _renderer.default)(originalEvent.target);
                        const column = this._columnsController.columnOption(`groupIndex:${$groupedColumnElement.index()}`);
                        const direction = this.getDirectionByKeyName(e.keyName);
                        if (this.canReorderColumn(column, direction)) {
                            this.moveColumn(column, direction)
                        }
                        null === originalEvent || void 0 === originalEvent || originalEvent.preventDefault()
                    }
                }
                getVisibleIndex(column) {
                    return column.groupIndex
                }
                getColumnFromEvent(e) {
                    const $groupedColumnElement = (0, _renderer.default)(e.originalEvent.target);
                    return this._columnsController.columnOption(`groupIndex:${$groupedColumnElement.index()}`)
                }
                getNewFocusedColumnBeforeUngrouping(column) {
                    const visibleColumnIndex = column.groupIndex;
                    const groupColumns = this._columnsController.getGroupColumns();
                    return visibleColumnIndex === groupColumns.length - 1 ? groupColumns[visibleColumnIndex - 1] : groupColumns[visibleColumnIndex + 1]
                }
                _getCell(cellPosition) {
                    var _this$headerPanel;
                    const $groupColumnElements = null === (_this$headerPanel = this.headerPanel) || void 0 === _this$headerPanel ? void 0 : _this$headerPanel.getColumnElements();
                    return null === $groupColumnElements || void 0 === $groupColumnElements ? void 0 : $groupColumnElements.eq(cellPosition.columnIndex)
                }
                getFocusedView() {
                    return this.getView("headerPanel")
                }
                getFocusedViewElement() {
                    var _this$headerPanel2;
                    return null === (_this$headerPanel2 = this.headerPanel) || void 0 === _this$headerPanel2 || null === (_this$headerPanel2 = _this$headerPanel2.element()) || void 0 === _this$headerPanel2 ? void 0 : _this$headerPanel2.find(`.${_const2.CLASSES.groupPanel}`)
                }
                getFocusinSelector() {
                    return `.${_const2.CLASSES.groupPanelItem}`
                }
                focusinHandler(e) {
                    this.setFocusedCellPosition(0, (0, _renderer.default)(e.target).index())
                }
                keyDownHandler(e) {
                    let isHandled = super.keyDownHandler(e);
                    if (isHandled) {
                        return true
                    }
                    if ("leftArrow" === e.keyName || "rightArrow" === e.keyName) {
                        this.leftRightKeysHandler(e);
                        isHandled = true
                    }
                    return isHandled
                }
                renderCompleted(e) {
                    const {
                        needToRestoreFocus: needToRestoreFocus
                    } = this;
                    super.renderCompleted(e);
                    this.unsubscribeFromGroupItemClick();
                    this.subscribeToGroupItemClick();
                    if (!needToRestoreFocus && this.isNeedToHiddenFocusAfterClick) {
                        const $focusElement = this._getFocusedCell();
                        if (null !== $focusElement && void 0 !== $focusElement && $focusElement.length) {
                            (0, _accessibility.hiddenFocus)($focusElement.get(0))
                        }
                        this.isNeedToHiddenFocusAfterClick = false
                    }
                }
                canUngroupColumnByPressingKey(e) {
                    return super.canUngroupColumnByPressingKey(e) || "backspace" === e.keyName || "del" === e.keyName
                }
                getFirstFocusableVisibleIndex() {
                    var _this$headerPanel3;
                    const columns = null === (_this$headerPanel3 = this.headerPanel) || void 0 === _this$headerPanel3 ? void 0 : _this$headerPanel3.getColumns();
                    return null !== columns && void 0 !== columns && columns.length ? 0 : -1
                }
                init() {
                    this.headerPanel = this.getView("headerPanel");
                    this.groupItemClickHandlerContext = this.groupItemClickHandlerContext ?? this.groupItemClickHandler.bind(this);
                    super.init()
                }
                canReorderColumn(groupColumn, direction) {
                    const allowDragging = this.headerPanel.allowDragging(groupColumn);
                    if (!allowDragging) {
                        return false
                    }
                    const groupedColumns = this._columnsController.getGroupColumns();
                    return direction === _const.Direction.Next ? groupColumn.groupIndex !== groupedColumns.length - 1 : 0 !== groupColumn.groupIndex
                }
                ungroupAllColumns() {
                    this.updateViewFocusPosition();
                    super.ungroupAllColumns()
                }
            }
            exports.GroupPanelKeyboardNavigationController = GroupPanelKeyboardNavigationController;
            _m_core.default.registerModule("groupPanelKeyboardNavigation", {
                controllers: {
                    groupPanelKeyboardNavigation: GroupPanelKeyboardNavigationController
                }
            })
        },
        85518(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _utils = __webpack_require__( /*! ../../../../common/core/events/utils */ 98834);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _const = __webpack_require__( /*! ../../../grids/grid_core/keyboard_navigation/const */ 24171);
            var _m_headers_keyboard_navigation = __webpack_require__( /*! ../../../grids/grid_core/keyboard_navigation/m_headers_keyboard_navigation */ 86421);
            var _m_core = _interopRequireDefault(__webpack_require__( /*! ../m_core */ 54353));
            var _m_column_keyboard_navigation_mixin = __webpack_require__( /*! ./m_column_keyboard_navigation_mixin */ 3716);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            _m_core.default.registerModule("headersKeyboardNavigation", Object.assign({}, _m_headers_keyboard_navigation.headersKeyboardNavigationModule, {
                extenders: {
                    controllers: {
                        headersKeyboardNavigation: Base => class extends((0, _m_column_keyboard_navigation_mixin.ColumnKeyboardNavigationMixin)(Base)) {
                            getNewFocusedColumnBeforeGrouping(column, rowIndex) {
                                if (column.showWhenGrouped) {
                                    return column
                                }
                                const focusableColumns = this.getFocusableColumns(rowIndex, column.ownerBand);
                                if (1 === focusableColumns.length && (0, _type.isDefined)(column.ownerBand)) {
                                    return this._columnsController.getParentColumn(column, true)
                                }
                                if (1 === focusableColumns.length) {
                                    return
                                }
                                const visibleColumnIndex = focusableColumns.findIndex(col => col.index === column.index);
                                return visibleColumnIndex === focusableColumns.length - 1 ? focusableColumns[visibleColumnIndex - 1] : focusableColumns[visibleColumnIndex + 1]
                            }
                            groupColumnByPressingKey(e) {
                                var _e$originalEvent;
                                const $cell = (0, _renderer.default)(e.originalEvent.target).closest("td");
                                const rowIndex = this._getRowIndex($cell.parent());
                                const column = this._getColumnByCellElement($cell, rowIndex);
                                this.groupColumn(column, rowIndex);
                                null === (_e$originalEvent = e.originalEvent) || void 0 === _e$originalEvent || _e$originalEvent.preventDefault()
                            }
                            canGroupColumnByPressingKey(e) {
                                return e.which === _const.KEY_CODES.G && (0, _utils.isCommandKeyPressed)(e.originalEvent)
                            }
                            getRowIndexFromEvent(e) {
                                const $cell = (0, _renderer.default)(e.originalEvent.target).closest("td");
                                return this._getRowIndex($cell.parent())
                            }
                            getColumnFromEvent(e) {
                                const $cell = (0, _renderer.default)(e.originalEvent.target).closest("td");
                                const rowIndex = this._getRowIndex($cell.parent());
                                return this._getColumnByCellElement($cell, rowIndex)
                            }
                            keyDownHandler(e) {
                                let isHandled = super.keyDownHandler(e);
                                if (isHandled) {
                                    return true
                                }
                                if (this.canGroupColumnByPressingKey(e)) {
                                    this.groupColumnByPressingKey(e);
                                    isHandled = true
                                }
                                return isHandled
                            }
                            groupColumn(column) {
                                let rowIndex = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0;
                                if (!(0, _type.isDefined)(column.groupIndex) && null !== column && void 0 !== column && column.allowGrouping) {
                                    var _this$_columnsControl;
                                    const newGroupIndex = (null === (_this$_columnsControl = this._columnsController.getGroupColumns()) || void 0 === _this$_columnsControl ? void 0 : _this$_columnsControl.length) ?? 0;
                                    const newFocusedColumn = this.getNewFocusedColumnBeforeGrouping(column, rowIndex);
                                    this.changeGroupColumnIndex(newGroupIndex, column, newFocusedColumn)
                                }
                            }
                            ungroupAllColumns() {
                                const $focusedCell = this._getFocusedCell();
                                const focusedColumn = this._getColumnByCellElement($focusedCell);
                                this._columnsController.beginUpdate();
                                super.ungroupAllColumns();
                                const rowIndex = this._columnsController.getRowIndex(focusedColumn.index, true);
                                const newVisibleIndex = this.getVisibleIndex(focusedColumn);
                                this.updateFocusPosition({
                                    rowIndex: rowIndex,
                                    columnIndex: newVisibleIndex
                                });
                                this._columnsController.endUpdate()
                            }
                        }
                    }
                }
            }))
        },
        89430(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _errors = __webpack_require__( /*! ../../../common/data/errors */ 82812);
            var _utils = __webpack_require__( /*! ../../../common/data/utils */ 89358);
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);

            function depthFirstSearch(i, depth, root, callback) {
                let j = 0;
                if (i < depth) {
                    for (; j < root.items.length; j++) {
                        depthFirstSearch(i + 1, depth, root.items[j], callback)
                    }
                }
                if (i === depth) {
                    callback(root)
                }
            }

            function map(array, callback) {
                let i;
                if ("map" in array) {
                    return array.map(callback)
                }
                const result = new Array(array.length);
                for (i in array) {
                    result[i] = callback(array[i], i)
                }
                return result
            }

            function isCount(aggregator) {
                return aggregator === _utils.aggregators.count
            }

            function normalizeAggregate(aggregate) {
                const selector = (0, _data.compileGetter)(aggregate.selector);
                const skipEmptyValues = "skipEmptyValues" in aggregate ? aggregate.skipEmptyValues : true;
                let {
                    aggregator: aggregator
                } = aggregate;
                if ("string" === typeof aggregator) {
                    aggregator = _utils.aggregators[aggregator];
                    if (!aggregator) {
                        throw _errors.errors.Error("E4001", aggregate.aggregator)
                    }
                }
                return {
                    selector: selector,
                    aggregator: aggregator,
                    skipEmptyValues: skipEmptyValues
                }
            }
            exports.default = class {
                constructor(options) {
                    this._data = options.data;
                    this._groupLevel = options.groupLevel || 0;
                    this._totalAggregates = map(options.totalAggregates || [], normalizeAggregate);
                    this._groupAggregates = map(options.groupAggregates || [], normalizeAggregate);
                    this._totals = []
                }
                calculate() {
                    if (this._totalAggregates.length) {
                        this._calculateTotals(0, {
                            items: this._data
                        })
                    }
                    if (this._groupAggregates.length && this._groupLevel > 0) {
                        this._calculateGroups({
                            items: this._data
                        })
                    }
                }
                totalAggregates() {
                    return this._totals
                }
                _aggregate(aggregates, data, container) {
                    const length = data.items ? data.items.length : 0;
                    for (let i = 0; i < aggregates.length; i++) {
                        if (isCount(aggregates[i].aggregator)) {
                            container[i] = (container[i] || 0) + length;
                            continue
                        }
                        for (let j = 0; j < length; j++) {
                            this._accumulate(i, aggregates[i], container, data.items[j])
                        }
                    }
                }
                _calculateTotals(level, data) {
                    if (0 === level) {
                        this._totals = this._seed(this._totalAggregates)
                    }
                    if (level === this._groupLevel) {
                        this._aggregate(this._totalAggregates, data, this._totals)
                    } else {
                        for (let i = 0; i < data.items.length; i++) {
                            this._calculateTotals(level + 1, data.items[i])
                        }
                    }
                    if (0 === level) {
                        this._totals = this._finalize(this._totalAggregates, this._totals)
                    }
                }
                _calculateGroups(root) {
                    const maxLevel = this._groupLevel;
                    let currentLevel = maxLevel + 1;
                    const seedFn = this._seed.bind(this, this._groupAggregates);
                    const stepFn = this._aggregate.bind(this, this._groupAggregates);
                    const finalizeFn = this._finalize.bind(this, this._groupAggregates);

                    function aggregator(node) {
                        node.aggregates = seedFn(currentLevel - 1);
                        if (currentLevel === maxLevel) {
                            stepFn(node, node.aggregates)
                        } else {
                            depthFirstSearch(currentLevel, maxLevel, node, innerNode => {
                                stepFn(innerNode, node.aggregates)
                            })
                        }
                        node.aggregates = finalizeFn(node.aggregates)
                    }
                    while (--currentLevel > 0) {
                        depthFirstSearch(0, currentLevel, root, aggregator)
                    }
                }
                _seed(aggregates, groupIndex) {
                    return map(aggregates, aggregate => {
                        const {
                            aggregator: aggregator
                        } = aggregate;
                        const seed = "seed" in aggregator ? (0, _type.isFunction)(aggregator.seed) ? aggregator.seed(groupIndex) : aggregator.seed : NaN;
                        return seed
                    })
                }
                _accumulate(aggregateIndex, aggregate, results, item) {
                    const value = aggregate.selector(item);
                    const {
                        aggregator: aggregator
                    } = aggregate;
                    const {
                        skipEmptyValues: skipEmptyValues
                    } = aggregate;
                    if (skipEmptyValues && (x = value, x !== x || "" === x || null === x || void 0 === x)) {
                        return
                    }
                    var x;
                    if (results[aggregateIndex] !== results[aggregateIndex]) {
                        results[aggregateIndex] = value
                    } else {
                        results[aggregateIndex] = aggregator.step(results[aggregateIndex], value)
                    }
                }
                _finalize(aggregates, results) {
                    return map(aggregates, (aggregate, index) => {
                        const fin = aggregate.aggregator.finalize;
                        return fin ? fin(results[index]) : results[index]
                    })
                }
            }
        },
        34894(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _m_columns_controller = __webpack_require__( /*! ../../grids/grid_core/columns_controller/m_columns_controller */ 17798);
            var _m_core = (e = __webpack_require__( /*! ./m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("columns", {
                defaultOptions: () => (0, _extend.extend)(true, {}, _m_columns_controller.columnsControllerModule.defaultOptions(), {
                    commonColumnSettings: {
                        allowExporting: true
                    }
                }),
                controllers: _m_columns_controller.columnsControllerModule.controllers
            })
        },
        54353(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../../grids/grid_core/m_modules */ 74854));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../../grids/grid_core/m_utils */ 53226));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = Object.assign({}, _m_modules.default, _m_utils.default, {
                modules: []
            })
        },
        12937(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DataController = void 0;
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _m_data_controller = __webpack_require__( /*! ../../grids/grid_core/data_controller/m_data_controller */ 32688);
            var _m_core = _interopRequireDefault(__webpack_require__( /*! ./m_core */ 54353));
            var _m_data_source_adapter = _interopRequireDefault(__webpack_require__( /*! ./m_data_source_adapter */ 72208));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DataGridDataController extends _m_data_controller.DataController {
                _getDataSourceAdapter() {
                    return _m_data_source_adapter.default
                }
                _getSpecificDataSourceOption() {
                    const dataSource = this.option("dataSource");
                    if (dataSource && !Array.isArray(dataSource) && this.option("keyExpr")) {
                        _ui.default.log("W1011")
                    }
                    return super._getSpecificDataSourceOption()
                }
            }
            exports.DataController = DataGridDataController;
            _m_core.default.registerModule("data", {
                defaultOptions: _m_data_controller.dataControllerModule.defaultOptions,
                controllers: {
                    data: DataGridDataController
                }
            })
        },
        72208(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _m_data_source_adapter = (e = __webpack_require__( /*! ../../grids/grid_core/data_source_adapter/m_data_source_adapter */ 3120), e && e.__esModule ? e : {
                default: e
            });
            var e;
            let DataSourceAdapterType = _m_data_source_adapter.default;
            exports.default = {
                extend(extender) {
                    DataSourceAdapterType = extender(DataSourceAdapterType)
                },
                create: component => new DataSourceAdapterType(component)
            }
        },
        41636(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ./module_not_extended/editor_factory */ 9521);
            var _m_editing = __webpack_require__( /*! ../../grids/grid_core/editing/m_editing */ 13876);
            var _m_core = (e = __webpack_require__( /*! ./m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("editing", Object.assign({}, _m_editing.editingModule, {
                extenders: Object.assign({}, _m_editing.editingModule.extenders, {
                    controllers: Object.assign({}, _m_editing.editingModule.extenders.controllers, {
                        data: Base => class extends((0, _m_editing.dataControllerEditingExtenderMixin)(Base)) {
                            _changeRowExpandCore(key) {
                                const editingController = this._editingController;
                                if (Array.isArray(key)) {
                                    editingController && editingController.refresh()
                                }
                                return super._changeRowExpandCore.apply(this, arguments)
                            }
                        }
                    })
                })
            }))
        },
        73057(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.createGroupFilter = function(path, storeLoadOptions) {
                const groups = (0, _utils.normalizeSortingInfo)(storeLoadOptions.group);
                const filter = [];
                for (let i = 0; i < path.length; i++) {
                    filter.push([groups[i].selector, "=", path[i]])
                }
                if (storeLoadOptions.filter) {
                    filter.push(storeLoadOptions.filter)
                }
                return _m_utils.default.combineFilters(filter)
            };
            var _utils = __webpack_require__( /*! ../../../common/data/utils */ 89358);
            var _m_utils = (e = __webpack_require__( /*! ../../grids/grid_core/m_utils */ 53226), e && e.__esModule ? e : {
                default: e
            });
            var e
        },
        89398(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _m_widget_base = (e = __webpack_require__( /*! ./m_widget_base */ 77456), e && e.__esModule ? e : {
                default: e
            });
            var e;
            __webpack_require__( /*! ./module_not_extended/state_storing */ 15241);
            __webpack_require__( /*! ./module_not_extended/ai_column */ 60008);
            __webpack_require__( /*! ./module_not_extended/selection */ 79495);
            __webpack_require__( /*! ./module_not_extended/column_chooser */ 45573);
            __webpack_require__( /*! ./grouping/m_grouping */ 43983);
            __webpack_require__( /*! ./module_not_extended/master_detail */ 50255);
            __webpack_require__( /*! ./m_editing */ 41636);
            __webpack_require__( /*! ./module_not_extended/editing_row_based */ 93426);
            __webpack_require__( /*! ./module_not_extended/editing_form_based */ 23002);
            __webpack_require__( /*! ./module_not_extended/editing_cell_based */ 36224);
            __webpack_require__( /*! ./module_not_extended/validating */ 59352);
            __webpack_require__( /*! ./module_not_extended/virtual_scrolling */ 1978);
            __webpack_require__( /*! ./module_not_extended/filter_row */ 23808);
            __webpack_require__( /*! ./module_not_extended/header_filter */ 39525);
            __webpack_require__( /*! ./module_not_extended/filter_sync */ 15277);
            __webpack_require__( /*! ./module_not_extended/filter_builder */ 11215);
            __webpack_require__( /*! ./module_not_extended/filter_panel */ 8030);
            __webpack_require__( /*! ./module_not_extended/search */ 1881);
            __webpack_require__( /*! ./module_not_extended/pager */ 10150);
            __webpack_require__( /*! ./module_not_extended/columns_resizing_reordering */ 65040);
            __webpack_require__( /*! ./module_not_extended/keyboard_navigation */ 97209);
            __webpack_require__( /*! ./keyboard_navigation/m_headers_keyboard_navigation */ 85518);
            __webpack_require__( /*! ./keyboard_navigation/m_group_panel_keyboard_navigation */ 45422);
            __webpack_require__( /*! ./summary/m_summary */ 8691);
            __webpack_require__( /*! ./module_not_extended/sticky_columns */ 22382);
            __webpack_require__( /*! ./module_not_extended/column_fixing */ 94851);
            __webpack_require__( /*! ./module_not_extended/adaptivity */ 32048);
            __webpack_require__( /*! ./module_not_extended/virtual_columns */ 85646);
            __webpack_require__( /*! ./export/m_export */ 83189);
            __webpack_require__( /*! ./focus/m_focus */ 30131);
            __webpack_require__( /*! ./module_not_extended/row_dragging */ 22949);
            __webpack_require__( /*! ./module_not_extended/toast */ 37442);
            exports.default = _m_widget_base.default
        },
        77456(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ./module_not_extended/column_headers */ 774);
            __webpack_require__( /*! ./m_columns_controller */ 34894);
            __webpack_require__( /*! ./m_data_controller */ 12937);
            __webpack_require__( /*! ./module_not_extended/sorting */ 58261);
            __webpack_require__( /*! ./module_not_extended/rows */ 57008);
            __webpack_require__( /*! ./module_not_extended/context_menu */ 98094);
            __webpack_require__( /*! ./module_not_extended/error_handling */ 99763);
            __webpack_require__( /*! ./module_not_extended/grid_view */ 47513);
            __webpack_require__( /*! ./module_not_extended/header_panel */ 47641);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/browser */ 48314));
            var _console = __webpack_require__( /*! ../../../core/utils/console */ 31951);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../../grids/grid_core/m_utils */ 53226));
            var _m_widget_base = _interopRequireDefault(__webpack_require__( /*! ../../grids/grid_core/m_widget_base */ 99335));
            var _m_core = _interopRequireDefault(__webpack_require__( /*! ./m_core */ 54353));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            _m_core.default.registerModulesOrder(["stateStoring", "columns", "selection", "editorFactory", "columnChooser", "grouping", "editing", "editingRowBased", "editingFormBased", "editingCellBased", "masterDetail", "validating", "adaptivity", "data", "virtualScrolling", "aiColumn", "columnHeaders", "filterRow", "headerPanel", "headerFilter", "sorting", "search", "rows", "pager", "columnsResizingReordering", "contextMenu", "keyboardNavigation", "headersKeyboardNavigation", "groupPanelKeyboardNavigation", "errorHandling", "summary", "columnFixing", "export", "toast", "gridView"]);
            class DataGrid extends _m_widget_base.default {
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: {
                            platform: "ios"
                        },
                        options: {
                            showRowLines: true
                        }
                    }, {
                        device: () => (0, _themes.isMaterialBased)(),
                        options: {
                            showRowLines: true,
                            showColumnLines: false,
                            headerFilter: {
                                height: 315
                            },
                            editing: {
                                useIcons: true
                            },
                            selection: {
                                showCheckBoxesMode: "always"
                            }
                        }
                    }, {
                        device: () => _browser.default.webkit,
                        options: {
                            loadingTimeout: 30,
                            loadPanel: {
                                animation: {
                                    show: {
                                        easing: "cubic-bezier(1, 0, 1, 0)",
                                        duration: 500,
                                        from: {
                                            opacity: 0
                                        },
                                        to: {
                                            opacity: 1
                                        }
                                    }
                                }
                            }
                        }
                    }, {
                        device: device => "desktop" !== device.deviceType,
                        options: {
                            grouping: {
                                expandMode: "rowClick"
                            }
                        }
                    }])
                }
                _init() {
                    super._init();
                    _m_utils.default.logHeaderFilterDeprecatedWarningIfNeed(this);
                    _m_core.default.processModules(this, _m_core.default);
                    _m_core.default.callModuleItemsMethod(this, "init")
                }
                _initMarkup() {
                    super._initMarkup.apply(this, arguments);
                    this.getView("gridView").render(this.$element())
                }
                _setDeprecatedOptions() {
                    super._setDeprecatedOptions();
                    (0, _extend.extend)(this._deprecatedOptions, {
                        useKeyboard: {
                            since: "19.2",
                            alias: "keyboardNavigation.enabled"
                        },
                        rowTemplate: {
                            since: "21.2",
                            message: 'Use the "dataRowTemplate" option instead'
                        }
                    })
                }
                static registerModule(name, module) {
                    _m_core.default.registerModule(name, module)
                }
                getGridCoreHelper() {
                    return _m_core.default
                }
                _getTemplate(templateName) {
                    let template = templateName;
                    if ((0, _type.isString)(template) && template.startsWith("#")) {
                        template = (0, _renderer.default)(templateName);
                        _console.logger.warn("Specifying grid templates with the jQuery selector name is now deprecated. Use the DOM Node or the jQuery object that references this selector instead.")
                    }
                    return super._getTemplate(template)
                }
                focus(element) {
                    this.getController("keyboardNavigation").focus(element)
                }
            }(0, _component_registrator.default)("dxDataGrid", DataGrid);
            exports.default = DataGrid
        },
        32048(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_adaptivity = __webpack_require__( /*! ../../../grids/grid_core/adaptivity/m_adaptivity */ 8468);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("adaptivity", _m_adaptivity.adaptivityModule)
        },
        60008(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _index = __webpack_require__( /*! ../../../grids/grid_core/ai_column/index */ 6549);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("aiColumn", {
                controllers: {
                    aiColumn: _index.AIColumnController,
                    aiPromptEditor: _index.AIPromptEditorViewController
                },
                views: {
                    aiPromptEditorView: _index.AIPromptEditorView
                },
                extenders: {
                    views: {
                        columnHeadersView: _index.columnHeadersViewExtender
                    }
                }
            })
        },
        45573(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ColumnChooserView = exports.ColumnChooserController = void 0;
            var _m_column_chooser = __webpack_require__( /*! ../../../grids/grid_core/column_chooser/m_column_chooser */ 69862);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.ColumnChooserController = _m_column_chooser.columnChooserModule.controllers.columnChooser;
            exports.ColumnChooserView = _m_column_chooser.columnChooserModule.views.columnChooserView;
            _m_core.default.registerModule("columnChooser", _m_column_chooser.columnChooserModule)
        },
        94851(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_column_fixing = __webpack_require__( /*! ../../../grids/grid_core/column_fixing/m_column_fixing */ 54704);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("columnFixing", _m_column_fixing.columnFixingModule)
        },
        774(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ColumnHeadersView = void 0;
            var _m_column_headers = __webpack_require__( /*! ../../../grids/grid_core/column_headers/m_column_headers */ 88568);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.ColumnHeadersView = _m_column_headers.columnHeadersModule.views.columnHeadersView;
            _m_core.default.registerModule("columnHeaders", _m_column_headers.columnHeadersModule)
        },
        65040(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.TrackerView = exports.TablePositionViewController = exports.DraggingHeaderViewController = exports.DraggingHeaderView = exports.ColumnsSeparatorView = exports.ColumnsResizerViewController = void 0;
            var _m_columns_resizing_reordering = __webpack_require__( /*! ../../../grids/grid_core/columns_resizing_reordering/m_columns_resizing_reordering */ 19448);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const DraggingHeaderView = exports.DraggingHeaderView = _m_columns_resizing_reordering.columnsResizingReorderingModule.views.draggingHeaderView;
            const DraggingHeaderViewController = exports.DraggingHeaderViewController = _m_columns_resizing_reordering.columnsResizingReorderingModule.controllers.draggingHeader;
            const ColumnsSeparatorView = exports.ColumnsSeparatorView = _m_columns_resizing_reordering.columnsResizingReorderingModule.views.columnsSeparatorView;
            const TablePositionViewController = exports.TablePositionViewController = _m_columns_resizing_reordering.columnsResizingReorderingModule.controllers.tablePosition;
            const ColumnsResizerViewController = exports.ColumnsResizerViewController = _m_columns_resizing_reordering.columnsResizingReorderingModule.controllers.columnsResizer;
            const TrackerView = exports.TrackerView = _m_columns_resizing_reordering.columnsResizingReorderingModule.views.trackerView;
            _m_core.default.registerModule("columnsResizingReordering", _m_columns_resizing_reordering.columnsResizingReorderingModule);
            exports.default = {
                DraggingHeaderView: DraggingHeaderView,
                DraggingHeaderViewController: DraggingHeaderViewController,
                ColumnsSeparatorView: ColumnsSeparatorView,
                TablePositionViewController: TablePositionViewController,
                ColumnsResizerViewController: ColumnsResizerViewController,
                TrackerView: TrackerView
            }
        },
        98094(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_context_menu = __webpack_require__( /*! ../../../grids/grid_core/context_menu/m_context_menu */ 73680);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("contextMenu", _m_context_menu.contextMenuModule)
        },
        36224(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_editing_cell_based = __webpack_require__( /*! ../../../grids/grid_core/editing/m_editing_cell_based */ 48295);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("editingCellBased", _m_editing_cell_based.editingCellBasedModule)
        },
        23002(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_editing_form_based = __webpack_require__( /*! ../../../grids/grid_core/editing/m_editing_form_based */ 29657);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("editingFormBased", _m_editing_form_based.editingFormBasedModule)
        },
        93426(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_editing_row_based = __webpack_require__( /*! ../../../grids/grid_core/editing/m_editing_row_based */ 56671);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("editingRowBased", _m_editing_row_based.editingRowBasedModule)
        },
        9521(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_editor_factory = __webpack_require__( /*! ../../../grids/grid_core/editor_factory/m_editor_factory */ 77862);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("editorFactory", _m_editor_factory.editorFactoryModule)
        },
        99763(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_error_handling = __webpack_require__( /*! ../../../grids/grid_core/error_handling/m_error_handling */ 82358);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("errorHandling", _m_error_handling.errorHandlingModule)
        },
        11215(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_filter_builder = __webpack_require__( /*! ../../../grids/grid_core/filter/m_filter_builder */ 65382);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("filterBuilder", _m_filter_builder.filterBuilderModule)
        },
        8030(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_filter_panel = __webpack_require__( /*! ../../../grids/grid_core/filter/m_filter_panel */ 17887);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("filterPanel", _m_filter_panel.filterPanelModule)
        },
        23808(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_filter_row = __webpack_require__( /*! ../../../grids/grid_core/filter/m_filter_row */ 62289);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("filterRow", _m_filter_row.filterRowModule)
        },
        15277(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_filter_sync = __webpack_require__( /*! ../../../grids/grid_core/filter/m_filter_sync */ 78746);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("filterSync", _m_filter_sync.filterSyncModule)
        },
        47513(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_grid_view = __webpack_require__( /*! ../../../grids/grid_core/views/m_grid_view */ 33706);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("gridView", _m_grid_view.gridViewModule)
        },
        39525(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_header_filter = __webpack_require__( /*! ../../../grids/grid_core/header_filter/m_header_filter */ 69952);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("headerFilter", _m_header_filter.headerFilterModule)
        },
        47641(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.HeaderPanel = void 0;
            var _m_header_panel = __webpack_require__( /*! ../../../grids/grid_core/header_panel/m_header_panel */ 5542);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.HeaderPanel = _m_header_panel.headerPanelModule.views.headerPanel;
            _m_core.default.registerModule("headerPanel", _m_header_panel.headerPanelModule)
        },
        97209(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_keyboard_navigation = __webpack_require__( /*! ../../../grids/grid_core/keyboard_navigation/m_keyboard_navigation */ 4628);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("keyboardNavigation", _m_keyboard_navigation.keyboardNavigationModule)
        },
        50255(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_master_detail = __webpack_require__( /*! ../../../grids/grid_core/master_detail/m_master_detail */ 11052);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("masterDetail", _m_master_detail.masterDetailModule)
        },
        10150(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_pager = __webpack_require__( /*! ../../../grids/grid_core/pager/m_pager */ 66040);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("pager", _m_pager.pagerModule)
        },
        22949(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_row_dragging = __webpack_require__( /*! ../../../grids/grid_core/row_dragging/m_row_dragging */ 52714);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("rowDragging", _m_row_dragging.rowDraggingModule)
        },
        57008(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.RowsView = void 0;
            var _m_rows_view = __webpack_require__( /*! ../../../grids/grid_core/views/m_rows_view */ 77081);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.RowsView = _m_rows_view.rowsModule.views.rowsView;
            _m_core.default.registerModule("rows", _m_rows_view.rowsModule)
        },
        1881(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_search = __webpack_require__( /*! ../../../grids/grid_core/search/m_search */ 7370);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("search", _m_search.searchModule)
        },
        79495(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_selection = __webpack_require__( /*! ../../../grids/grid_core/selection/m_selection */ 1620);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("selection", _m_selection.selectionModule)
        },
        58261(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_sorting = __webpack_require__( /*! ../../../grids/grid_core/sorting/m_sorting */ 8036);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("sorting", _m_sorting.sortingModule)
        },
        15241(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_state_storing = __webpack_require__( /*! ../../../grids/grid_core/state_storing/m_state_storing */ 87960);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("stateStoring", _m_state_storing.stateStoringModule)
        },
        22382(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_sticky_columns = __webpack_require__( /*! ../../../grids/grid_core/sticky_columns/m_sticky_columns */ 67624);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("stickyColumns", _m_sticky_columns.stickyColumnsModule)
        },
        37442(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_toast_controller = __webpack_require__( /*! ../../../grids/grid_core/toast/m_toast_controller */ 39859);
            var _m_toast_view = __webpack_require__( /*! ../../../grids/grid_core/toast/m_toast_view */ 66982);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("toast", {
                defaultOptions: () => ({}),
                controllers: {
                    toastViewController: _m_toast_controller.ToastViewController
                },
                views: {
                    toastView: _m_toast_view.ToastView
                }
            })
        },
        59352(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_validating = __webpack_require__( /*! ../../../grids/grid_core/validating/m_validating */ 52932);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("validating", _m_validating.validatingModule)
        },
        85646(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_virtual_columns = __webpack_require__( /*! ../../../grids/grid_core/virtual_columns/m_virtual_columns */ 74280);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 54353), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("virtualColumns", _m_virtual_columns.virtualColumnsModule)
        },
        1978(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_virtual_scrolling = __webpack_require__( /*! ../../../grids/grid_core/virtual_scrolling/m_virtual_scrolling */ 21640);
            var _m_core = _interopRequireDefault(__webpack_require__( /*! ../m_core */ 54353));
            var _m_data_source_adapter = _interopRequireDefault(__webpack_require__( /*! ../m_data_source_adapter */ 72208));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            _m_core.default.registerModule("virtualScrolling", _m_virtual_scrolling.virtualScrollingModule);
            _m_data_source_adapter.default.extend(_m_virtual_scrolling.dataSourceAdapterExtender)
        },
        8691(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.renderSummaryCell = exports.FooterView = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _query = _interopRequireDefault(__webpack_require__( /*! ../../../../common/data/query */ 30771));
            var _store_helper = _interopRequireDefault(__webpack_require__( /*! ../../../../common/data/store_helper */ 66177));
            var _utils = __webpack_require__( /*! ../../../../common/data/utils */ 89358);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../../../core/utils/data */ 31e3);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/widget/ui.errors */ 35185));
            var _m_columns_view = __webpack_require__( /*! ../../../grids/grid_core/views/m_columns_view */ 48921);
            var _m_aggregate_calculator = _interopRequireDefault(__webpack_require__( /*! ../m_aggregate_calculator */ 89430));
            var _m_core = _interopRequireDefault(__webpack_require__( /*! ../m_core */ 54353));
            var _m_data_source_adapter = _interopRequireDefault(__webpack_require__( /*! ../m_data_source_adapter */ 72208));
            var _utils2 = __webpack_require__( /*! ./utils */ 39650);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const renderSummaryCell = function(cell, options, setAria) {
                const $cell = (0, _renderer.default)(cell);
                const {
                    column: column
                } = options;
                const {
                    summaryItems: summaryItems
                } = options;
                const $summaryItems = [];
                if (!column.command && summaryItems) {
                    for (const summaryItem of summaryItems) {
                        const text = _m_core.default.getSummaryText(summaryItem, options.summaryTexts);
                        const $summaryItemElement = (0, _renderer.default)("<div>").css("textAlign", summaryItem.alignment || column.alignment).addClass("dx-datagrid-summary-item").addClass("dx-datagrid-text-content").addClass(summaryItem.cssClass).toggleClass("dx-datagrid-group-text-content", "group" === options.rowType).text(text);
                        setAria("label", `${column.caption??""} ${text??""}`, $summaryItemElement);
                        $summaryItems.push($summaryItemElement)
                    }
                    $cell.append($summaryItems)
                }
            };
            exports.renderSummaryCell = renderSummaryCell;
            const getSummaryCellOptions = function(that, options) {
                const summaryTexts = that.option("summary.texts") || {};
                return {
                    totalItem: options.row,
                    summaryItems: options.row.summaryCells[options.columnIndex],
                    summaryTexts: summaryTexts
                }
            };
            const getGroupAggregates = function(data) {
                return data.summary || data.aggregates || []
            };
            const recalculateWhileEditing = function(that) {
                return that.option("summary.recalculateWhileEditing")
            };
            const forEachGroup = function(groups, groupCount, callback, path) {
                path = path || [];
                for (let i = 0; i < groups.length; i++) {
                    path.push(groups[i].key);
                    if (1 === groupCount) {
                        callback(path, groups[i].items)
                    } else {
                        forEachGroup(groups[i].items, groupCount - 1, callback, path)
                    }
                    path.pop()
                }
            };
            const applyAddedData = function(data, insertedData, groupLevel) {
                if (groupLevel) {
                    return applyAddedData(data, insertedData.map(item => ({
                        items: [item]
                    }), groupLevel - 1))
                }
                return data.concat(insertedData)
            };
            const applyRemovedData = function(data, removedData, groupLevel) {
                if (groupLevel) {
                    return data.map(data => {
                        const updatedData = {};
                        const updatedItems = applyRemovedData(data.items || [], removedData, groupLevel - 1);
                        Object.defineProperty(updatedData, "aggregates", {
                            get: () => data.aggregates,
                            set: value => {
                                data.aggregates = value
                            }
                        });
                        return (0, _extend.extend)(updatedData, data, {
                            items: updatedItems
                        })
                    })
                }
                return data.filter(data => removedData.indexOf(data) < 0)
            };
            const sortGroupsBySummaryCore = function(items, groups, sortByGroups) {
                if (!items || !groups.length) {
                    return items
                }
                const group = groups[0];
                const sorts = sortByGroups[0];
                let query;
                if (group && sorts && sorts.length) {
                    query = (0, _query.default)(items);
                    (0, _iterator.each)(sorts, function(index) {
                        if (0 === index) {
                            query = query.sortBy(this.selector, this.desc)
                        } else {
                            query = query.thenBy(this.selector, this.desc)
                        }
                    });
                    query.enumerate().done(sortedItems => {
                        items = sortedItems
                    })
                }
                groups = groups.slice(1);
                sortByGroups = sortByGroups.slice(1);
                if (groups.length && sortByGroups.length) {
                    (0, _iterator.each)(items, function() {
                        this.items = sortGroupsBySummaryCore(this.items, groups, sortByGroups)
                    })
                }
                return items
            };
            const sortGroupsBySummary = function(data, group, summary) {
                const sortByGroups = summary && summary.sortByGroups && summary.sortByGroups();
                if (sortByGroups && sortByGroups.length) {
                    return sortGroupsBySummaryCore(data, group, sortByGroups)
                }
                return data
            };
            const calculateAggregates = function(that, summary, data, groupLevel) {
                let calculator;
                if (recalculateWhileEditing(that)) {
                    const editingController = that._editingController;
                    if (editingController) {
                        const insertedData = editingController.getInsertedData();
                        if (insertedData.length) {
                            data = applyAddedData(data, insertedData, groupLevel)
                        }
                        const removedData = editingController.getRemovedData();
                        if (removedData.length) {
                            data = applyRemovedData(data, removedData, groupLevel)
                        }
                    }
                }
                if (summary) {
                    calculator = new _m_aggregate_calculator.default({
                        totalAggregates: summary.totalAggregates,
                        groupAggregates: summary.groupAggregates,
                        data: data,
                        groupLevel: groupLevel
                    });
                    calculator.calculate()
                }
                return calculator ? calculator.totalAggregates() : []
            };
            class FooterView extends _m_columns_view.ColumnsView {
                _getRows() {
                    return this._dataController.footerItems()
                }
                _getCellOptions(options) {
                    return (0, _extend.extend)(super._getCellOptions(options), getSummaryCellOptions(this, options))
                }
                _renderCellContent($cell, options) {
                    renderSummaryCell($cell, options, this.setAria.bind(this));
                    super._renderCellContent.apply(this, arguments)
                }
                _renderCore(change) {
                    let needUpdateScrollLeft = false;
                    const totalItem = this._dataController.footerItems()[0];
                    if (!change || !change.columnIndices) {
                        this.element().empty().addClass("dx-datagrid-total-footer").toggleClass("dx-datagrid-nowrap", !this.option("wordWrapEnabled"));
                        needUpdateScrollLeft = true
                    }
                    if (totalItem && totalItem.summaryCells && totalItem.summaryCells.length) {
                        this._updateContent(this._renderTable({
                            change: change
                        }), change);
                        needUpdateScrollLeft && this._updateScrollLeftPosition()
                    }
                    return super._renderCore(change)
                }
                _updateContent($newTable, change) {
                    if (change && "update" === change.changeType && change.columnIndices) {
                        return this.waitAsyncTemplates().done(() => {
                            const $row = this.getTableElement().find(".dx-row");
                            const $newRow = $newTable.find(".dx-row");
                            this._updateCells($row, $newRow, change.columnIndices[0])
                        })
                    }
                    return super._updateContent.apply(this, arguments)
                }
                _rowClick(e) {
                    const item = this._dataController.footerItems()[e.rowIndex] || {};
                    this.executeAction("onRowClick", (0, _extend.extend)({}, e, item))
                }
                _columnOptionChanged(e) {
                    const {
                        optionNames: optionNames
                    } = e;
                    if (e.changeTypes.grouping) {
                        return
                    }
                    if (optionNames.width || optionNames.visibleWidth) {
                        super._columnOptionChanged(e)
                    }
                }
                _handleDataChanged(e) {
                    const {
                        changeType: changeType
                    } = e;
                    if ("update" === e.changeType && e.repaintChangesOnly) {
                        if (!e.totalColumnIndices) {
                            this.render()
                        } else if (e.totalColumnIndices.length) {
                            this.render(null, {
                                changeType: "update",
                                columnIndices: [e.totalColumnIndices]
                            })
                        }
                    } else if ("refresh" === changeType || "append" === changeType || "prepend" === changeType) {
                        this.render()
                    }
                }
                _createRow(row) {
                    const $row = super._createRow.apply(this, arguments);
                    if ("totalFooter" === row.rowType) {
                        $row.addClass("dx-footer-row");
                        $row.addClass("dx-cell-focus-disabled");
                        $row.attr("tabindex", 0)
                    }
                    return $row
                }
                getHeight() {
                    return this.getElementHeight()
                }
                isVisible() {
                    return !!this._dataController.footerItems().length
                }
            }
            exports.FooterView = FooterView;
            _m_data_source_adapter.default.extend(Base => class extends Base {
                init() {
                    super.init.apply(this, arguments);
                    this._editingController = this.getController("editing");
                    this._totalAggregates = [];
                    this._summaryGetter = _common.noop
                }
                summaryGetter(summaryGetter) {
                    if (!arguments.length) {
                        return this._summaryGetter
                    }
                    if ((0, _type.isFunction)(summaryGetter)) {
                        this._summaryGetter = summaryGetter
                    }
                }
                summary(summary) {
                    if (!arguments.length) {
                        return this._summaryGetter()
                    }
                    this._summaryGetter = function() {
                        return summary
                    }
                }
                totalAggregates() {
                    return this._totalAggregates
                }
                isLastLevelGroupItemsPagingLocal() {
                    const summary = this.summary();
                    const sortByGroupsInfo = null === summary || void 0 === summary ? void 0 : summary.sortByGroups();
                    return null === sortByGroupsInfo || void 0 === sortByGroupsInfo ? void 0 : sortByGroupsInfo.length
                }
                sortLastLevelGroupItems(items, groups, paths) {
                    const groupedItems = _store_helper.default.multiLevelGroup((0, _query.default)(items), groups).toArray();
                    let result = [];
                    paths.forEach(path => {
                        forEachGroup(groupedItems, groups.length, (itemsPath, items) => {
                            if (path.toString() === itemsPath.toString()) {
                                result = result.concat(items)
                            }
                        })
                    });
                    return result
                }
                _customizeRemoteOperations(options) {
                    const summary = this.summary();
                    if (summary) {
                        if (options.remoteOperations.summary) {
                            if (!options.isCustomLoading || options.storeLoadOptions.isLoadingAll) {
                                if (options.storeLoadOptions.group) {
                                    if (options.remoteOperations.grouping) {
                                        options.storeLoadOptions.groupSummary = summary.groupAggregates
                                    } else if (summary.groupAggregates.length) {
                                        options.remoteOperations.paging = false
                                    }
                                }
                                options.storeLoadOptions.totalSummary = summary.totalAggregates
                            }
                        } else if (summary.totalAggregates.length || summary.groupAggregates.length && options.storeLoadOptions.group) {
                            options.remoteOperations.paging = false
                        }
                    }
                    super._customizeRemoteOperations.apply(this, arguments);
                    const cachedExtra = options.cachedData.extra;
                    if (null !== cachedExtra && void 0 !== cachedExtra && cachedExtra.summary && !options.isCustomLoading) {
                        options.storeLoadOptions.totalSummary = void 0
                    }
                }
                _handleDataLoadedCore(options) {
                    const groups = (0, _utils.normalizeSortingInfo)(options.storeLoadOptions.group || options.loadOptions.group || []);
                    const remoteOperations = options.remoteOperations || {};
                    const summary = this.summaryGetter()(remoteOperations);
                    if (!options.isCustomLoading || options.storeLoadOptions.isLoadingAll) {
                        if (remoteOperations.summary) {
                            if (!remoteOperations.paging && groups.length && summary) {
                                if (!remoteOperations.grouping) {
                                    calculateAggregates(this, {
                                        groupAggregates: summary.groupAggregates
                                    }, options.data, groups.length)
                                }
                                options.data = sortGroupsBySummary(options.data, groups, summary)
                            }
                        } else if (!remoteOperations.paging && summary) {
                            var _options$cachedData;
                            const operationTypes = options.operationTypes || {};
                            const hasOperations = Object.keys(operationTypes).some(type => operationTypes[type]);
                            if (!hasOperations || !(null !== (_options$cachedData = options.cachedData) && void 0 !== _options$cachedData && null !== (_options$cachedData = _options$cachedData.extra) && void 0 !== _options$cachedData && _options$cachedData.summary) || groups.length && summary.groupAggregates.length) {
                                const totalAggregates = calculateAggregates(this, summary, options.data, groups.length);
                                options.extra = (0, _type.isPlainObject)(options.extra) ? options.extra : {};
                                options.extra.summary = totalAggregates;
                                if (options.cachedData) {
                                    options.cachedData.extra = options.extra
                                }
                            }
                            options.data = sortGroupsBySummary(options.data, groups, summary)
                        }
                    }
                    if (!options.isCustomLoading) {
                        this._totalAggregates = options.extra && options.extra.summary || this._totalAggregates
                    }
                    super._handleDataLoadedCore(options)
                }
            });
            _m_core.default.registerModule("summary", {
                defaultOptions: () => ({
                    summary: {
                        groupItems: void 0,
                        totalItems: void 0,
                        calculateCustomSummary: void 0,
                        skipEmptyValues: true,
                        recalculateWhileEditing: false,
                        texts: {
                            sum: _message.default.format("dxDataGrid-summarySum"),
                            sumOtherColumn: _message.default.format("dxDataGrid-summarySumOtherColumn"),
                            min: _message.default.format("dxDataGrid-summaryMin"),
                            minOtherColumn: _message.default.format("dxDataGrid-summaryMinOtherColumn"),
                            max: _message.default.format("dxDataGrid-summaryMax"),
                            maxOtherColumn: _message.default.format("dxDataGrid-summaryMaxOtherColumn"),
                            avg: _message.default.format("dxDataGrid-summaryAvg"),
                            avgOtherColumn: _message.default.format("dxDataGrid-summaryAvgOtherColumn"),
                            count: _message.default.format("dxDataGrid-summaryCount")
                        }
                    },
                    sortByGroupSummaryInfo: void 0
                }),
                views: {
                    footerView: FooterView
                },
                extenders: {
                    controllers: {
                        data: Base => class extends Base {
                            _isDataColumn(column) {
                                return column && (!(0, _type.isDefined)(column.groupIndex) || column.showWhenGrouped)
                            }
                            _isGroupFooterVisible() {
                                const groupItems = this.option("summary.groupItems") || [];
                                for (let i = 0; i < groupItems.length; i++) {
                                    const groupItem = groupItems[i];
                                    const column = this._columnsController.columnOption(groupItem.showInColumn || groupItem.column);
                                    if (groupItem.showInGroupFooter && this._isDataColumn(column)) {
                                        return true
                                    }
                                }
                                return false
                            }
                            _processGroupItems(items, groupCount, options) {
                                const data = options && options.data;
                                const result = super._processGroupItems.apply(this, arguments);
                                if (options) {
                                    if (void 0 === options.isGroupFooterVisible) {
                                        options.isGroupFooterVisible = this._isGroupFooterVisible()
                                    }
                                    if (data && data.items && options.isGroupFooterVisible && (options.collectContinuationItems || !data.isContinuationOnNextPage)) {
                                        result.push({
                                            rowType: "groupFooter",
                                            key: options.path.slice(),
                                            data: data,
                                            groupIndex: options.path.length - 1,
                                            values: []
                                        })
                                    }
                                }
                                return result
                            }
                            _processGroupItem(groupItem, options) {
                                options.summaryGroupItems ?? (options.summaryGroupItems = this.option("summary.groupItems") || []);
                                options.summaryColumnMap ?? (options.summaryColumnMap = this._buildColumnLookupMap());
                                if ("group" === groupItem.rowType) {
                                    let groupColumnIndex = -1;
                                    let afterGroupColumnIndex = -1;
                                    (0, _iterator.each)(options.visibleColumns, function(visibleIndex) {
                                        const prevColumn = options.visibleColumns[visibleIndex - 1];
                                        if (groupItem.groupIndex === this.groupIndex) {
                                            groupColumnIndex = this.index
                                        }
                                        if (visibleIndex > 0 && "expand" === prevColumn.command && "expand" !== this.command) {
                                            afterGroupColumnIndex = this.index
                                        }
                                    });
                                    groupItem.summaryCells = this._calculateSummaryCells({
                                        summaryItems: options.summaryGroupItems,
                                        aggregates: getGroupAggregates(groupItem.data),
                                        visibleColumns: options.visibleColumns,
                                        calculateTargetColumnIndex: (summaryItem, column) => {
                                            if (summaryItem.showInGroupFooter) {
                                                return -1
                                            }
                                            if (summaryItem.alignByColumn && column && !(0, _type.isDefined)(column.groupIndex) && column.index !== afterGroupColumnIndex) {
                                                return column.index
                                            }
                                            return groupColumnIndex
                                        },
                                        isGroupRow: true,
                                        columnMap: options.summaryColumnMap
                                    })
                                }
                                if ("groupFooter" === groupItem.rowType) {
                                    groupItem.summaryCells = this._calculateSummaryCells({
                                        summaryItems: options.summaryGroupItems,
                                        aggregates: getGroupAggregates(groupItem.data),
                                        visibleColumns: options.visibleColumns,
                                        calculateTargetColumnIndex: (summaryItem, column) => summaryItem.showInGroupFooter && this._isDataColumn(column) ? column.index : -1,
                                        isGroupRow: false,
                                        columnMap: options.summaryColumnMap
                                    })
                                }
                                return groupItem
                            }
                            _buildColumnLookupMap() {
                                const columnMap = new Map;
                                const allColumns = this._columnsController.getColumns();
                                for (const column of allColumns) {
                                    const copiedColumn = Object.assign({}, column);
                                    const keys = [column.index, column.name, column.dataField, column.caption].filter(key => void 0 !== key && !columnMap.has(key));
                                    for (const key of keys) {
                                        columnMap.set(key, copiedColumn)
                                    }
                                }
                                return columnMap
                            }
                            _calculateSummaryCells(_ref) {
                                let {
                                    summaryItems: summaryItems,
                                    aggregates: aggregates,
                                    visibleColumns: visibleColumns,
                                    calculateTargetColumnIndex: calculateTargetColumnIndex,
                                    isGroupRow: isGroupRow,
                                    columnMap: columnMap
                                } = _ref;
                                const summaryCells = [];
                                const summaryCellsByColumns = {};
                                const getColumnByKey = key => columnMap ? (0, _utils2.getColumnFromMap)(key, columnMap) : this._columnsController.columnOption(key);
                                (0, _iterator.each)(summaryItems, (summaryIndex, summaryItem) => {
                                    const column = getColumnByKey(summaryItem.column);
                                    const showInColumn = summaryItem.showInColumn ? getColumnByKey(summaryItem.showInColumn) : void 0;
                                    const columnIndex = calculateTargetColumnIndex(summaryItem, showInColumn ?? column);
                                    if (columnIndex >= 0) {
                                        if (!summaryCellsByColumns[columnIndex]) {
                                            summaryCellsByColumns[columnIndex] = []
                                        }
                                        const aggregate = aggregates[summaryIndex];
                                        if (aggregate === aggregate) {
                                            let valueFormat;
                                            if ((0, _type.isDefined)(summaryItem.valueFormat)) {
                                                valueFormat = summaryItem.valueFormat
                                            } else if ("count" !== summaryItem.summaryType) {
                                                valueFormat = _m_core.default.getFormatByDataType(column && column.dataType)
                                            }
                                            summaryCellsByColumns[columnIndex].push((0, _extend.extend)({}, summaryItem, {
                                                value: (0, _type.isString)(aggregate) && column && column.deserializeValue ? column.deserializeValue(aggregate) : aggregate,
                                                valueFormat: valueFormat,
                                                columnCaption: column && column.index !== columnIndex ? column.caption : void 0
                                            }))
                                        }
                                    }
                                });
                                if (!(0, _type.isEmptyObject)(summaryCellsByColumns)) {
                                    visibleColumns.forEach((column, visibleIndex) => {
                                        const prevColumn = visibleColumns[visibleIndex - 1];
                                        const columnIndex = (0, _utils2.getSummaryCellIndex)(column, prevColumn, isGroupRow);
                                        summaryCells.push(summaryCellsByColumns[columnIndex] || [])
                                    })
                                }
                                return summaryCells
                            }
                            _getSummaryCells(summaryTotalItems, totalAggregates) {
                                const columnsController = this._columnsController;
                                return this._calculateSummaryCells({
                                    summaryItems: summaryTotalItems,
                                    aggregates: totalAggregates,
                                    visibleColumns: columnsController.getVisibleColumns(),
                                    calculateTargetColumnIndex: (_, column) => this._isDataColumn(column) ? column.index : -1
                                })
                            }
                            _updateItemsCore(change) {
                                const that = this;
                                let summaryCells;
                                const dataSource = that._dataSource;
                                const footerItems = that._footerItems;
                                const oldSummaryCells = footerItems && footerItems[0] && footerItems[0].summaryCells;
                                const summaryTotalItems = that.option("summary.totalItems");
                                that._footerItems = [];
                                if (dataSource && summaryTotalItems && summaryTotalItems.length) {
                                    const totalAggregates = dataSource.totalAggregates();
                                    summaryCells = that._getSummaryCells(summaryTotalItems, totalAggregates);
                                    if (change && change.repaintChangesOnly && oldSummaryCells) {
                                        change.totalColumnIndices = summaryCells.map((summaryCell, index) => {
                                            if (JSON.stringify(summaryCell) !== JSON.stringify(oldSummaryCells[index])) {
                                                return index
                                            }
                                            return -1
                                        }).filter(index => index >= 0)
                                    }
                                    if (summaryCells.length) {
                                        that._footerItems.push({
                                            rowType: "totalFooter",
                                            summaryCells: summaryCells
                                        })
                                    }
                                }
                                super._updateItemsCore(change)
                            }
                            _prepareUnsavedDataSelector(selector) {
                                if (recalculateWhileEditing(this)) {
                                    const editingController = this._editingController;
                                    if (editingController) {
                                        return function(data) {
                                            data = editingController.getUpdatedData(data);
                                            return selector(data)
                                        }
                                    }
                                }
                                return selector
                            }
                            _prepareAggregateSelector(selector, aggregator) {
                                selector = this._prepareUnsavedDataSelector(selector);
                                if ("avg" === aggregator || "sum" === aggregator) {
                                    return function(data) {
                                        const value = selector(data);
                                        return (0, _type.isDefined)(value) ? Number(value) : value
                                    }
                                }
                                return selector
                            }
                            _getAggregates(summaryItems, remoteOperations) {
                                const that = this;
                                let calculateCustomSummary = that.option("summary.calculateCustomSummary");
                                const commonSkipEmptyValues = that.option("summary.skipEmptyValues");
                                return (0, _iterator.map)(summaryItems || [], summaryItem => {
                                    const column = this._columnsController.columnOption(summaryItem.column);
                                    const calculateCellValue = column && column.calculateCellValue ? column.calculateCellValue.bind(column) : (0, _data.compileGetter)(column ? column.dataField : summaryItem.column);
                                    let aggregator = summaryItem.summaryType || "count";
                                    const skipEmptyValues = (0, _type.isDefined)(summaryItem.skipEmptyValues) ? summaryItem.skipEmptyValues : commonSkipEmptyValues;
                                    if (remoteOperations) {
                                        return {
                                            selector: summaryItem.column,
                                            summaryType: aggregator
                                        }
                                    }
                                    const selector = that._prepareAggregateSelector(calculateCellValue, aggregator);
                                    if ("custom" === aggregator) {
                                        if (!calculateCustomSummary) {
                                            _ui.default.log("E1026");
                                            calculateCustomSummary = function() {}
                                        }
                                        const options = {
                                            component: that.component,
                                            name: summaryItem.name
                                        };
                                        calculateCustomSummary(options);
                                        options.summaryProcess = "calculate";
                                        aggregator = {
                                            seed(groupIndex) {
                                                options.summaryProcess = "start";
                                                options.totalValue = void 0;
                                                options.groupIndex = groupIndex;
                                                delete options.value;
                                                calculateCustomSummary(options);
                                                return options.totalValue
                                            },
                                            step(totalValue, value) {
                                                options.summaryProcess = "calculate";
                                                options.totalValue = totalValue;
                                                options.value = value;
                                                calculateCustomSummary(options);
                                                return options.totalValue
                                            },
                                            finalize(totalValue) {
                                                options.summaryProcess = "finalize";
                                                options.totalValue = totalValue;
                                                delete options.value;
                                                calculateCustomSummary(options);
                                                return options.totalValue
                                            }
                                        }
                                    }
                                    return {
                                        selector: selector,
                                        aggregator: aggregator,
                                        skipEmptyValues: skipEmptyValues
                                    }
                                })
                            }
                            _addSortInfo(sortByGroups, groupColumn, selector, sortOrder) {
                                if (groupColumn) {
                                    const {
                                        groupIndex: groupIndex
                                    } = groupColumn;
                                    sortOrder = sortOrder || groupColumn.sortOrder;
                                    if ((0, _type.isDefined)(groupIndex)) {
                                        sortByGroups[groupIndex] = sortByGroups[groupIndex] || [];
                                        sortByGroups[groupIndex].push({
                                            selector: selector,
                                            desc: "desc" === sortOrder
                                        })
                                    }
                                }
                            }
                            _findSummaryItem(summaryItems, name) {
                                let summaryItemIndex = -1;
                                if ((0, _type.isDefined)(name)) {
                                    (0, _iterator.each)(summaryItems || [], function(index) {
                                        if (this.name === name || index === name || this.summaryType === name || this.column === name || function(summaryItem) {
                                                const {
                                                    summaryType: summaryType
                                                } = summaryItem;
                                                const {
                                                    column: column
                                                } = summaryItem;
                                                return summaryType && column && `${summaryType}_${column}`
                                            }(this) === name) {
                                            summaryItemIndex = index;
                                            return false
                                        }
                                    })
                                }
                                return summaryItemIndex
                            }
                            _getSummarySortByGroups(sortByGroupSummaryInfo, groupSummaryItems) {
                                const that = this;
                                const columnsController = that._columnsController;
                                const groupColumns = columnsController.getGroupColumns();
                                const sortByGroups = [];
                                if (!groupSummaryItems || !groupSummaryItems.length) {
                                    return
                                }(0, _iterator.each)(sortByGroupSummaryInfo || [], function() {
                                    const {
                                        sortOrder: sortOrder
                                    } = this;
                                    let {
                                        groupColumn: groupColumn
                                    } = this;
                                    const summaryItemIndex = that._findSummaryItem(groupSummaryItems, this.summaryItem);
                                    if (summaryItemIndex < 0) {
                                        return
                                    }
                                    const selector = function(data) {
                                        return getGroupAggregates(data)[summaryItemIndex]
                                    };
                                    if ((0, _type.isDefined)(groupColumn)) {
                                        groupColumn = columnsController.columnOption(groupColumn);
                                        that._addSortInfo(sortByGroups, groupColumn, selector, sortOrder)
                                    } else {
                                        (0, _iterator.each)(groupColumns, (groupIndex, groupColumn) => {
                                            that._addSortInfo(sortByGroups, groupColumn, selector, sortOrder)
                                        })
                                    }
                                });
                                return sortByGroups
                            }
                            _createDataSourceAdapterCore(dataSource, remoteOperations) {
                                const that = this;
                                const dataSourceAdapter = super._createDataSourceAdapterCore(dataSource, remoteOperations);
                                dataSourceAdapter.summaryGetter(currentRemoteOperations => that._getSummaryOptions(currentRemoteOperations || remoteOperations));
                                return dataSourceAdapter
                            }
                            _getSummaryOptions(remoteOperations) {
                                const that = this;
                                const groupSummaryItems = that.option("summary.groupItems");
                                const totalSummaryItems = that.option("summary.totalItems");
                                const sortByGroupSummaryInfo = that.option("sortByGroupSummaryInfo");
                                const groupAggregates = that._getAggregates(groupSummaryItems, remoteOperations && remoteOperations.grouping && remoteOperations.summary);
                                const totalAggregates = that._getAggregates(totalSummaryItems, remoteOperations && remoteOperations.summary);
                                const sortByGroups = function() {
                                    return that._getSummarySortByGroups(sortByGroupSummaryInfo, groupSummaryItems)
                                };
                                if (groupAggregates.length || totalAggregates.length) {
                                    return {
                                        groupAggregates: groupAggregates,
                                        totalAggregates: totalAggregates,
                                        sortByGroups: sortByGroups
                                    }
                                }
                                return
                            }
                            publicMethods() {
                                const methods = super.publicMethods();
                                methods.push("getTotalSummaryValue");
                                return methods
                            }
                            getTotalSummaryValue(summaryItemName) {
                                const summaryItemIndex = this._findSummaryItem(this.option("summary.totalItems"), summaryItemName);
                                const aggregates = this._dataSource.totalAggregates();
                                if (aggregates.length && summaryItemIndex > -1) {
                                    return aggregates[summaryItemIndex]
                                }
                            }
                            optionChanged(args) {
                                if ("summary" === args.name || "sortByGroupSummaryInfo" === args.name) {
                                    args.name = "dataSource"
                                }
                                super.optionChanged(args)
                            }
                            init() {
                                this._footerItems = [];
                                super.init()
                            }
                            footerItems() {
                                return this._footerItems
                            }
                        },
                        editing: Base => class extends Base {
                            _refreshSummary() {
                                if (recalculateWhileEditing(this) && !this.isSaving()) {
                                    this._dataController.refresh({
                                        load: true,
                                        changesOnly: true
                                    })
                                }
                            }
                            _addChange(params) {
                                const result = super._addChange.apply(this, arguments);
                                if (params.type) {
                                    this._refreshSummary()
                                }
                                return result
                            }
                            _removeChange() {
                                const result = super._removeChange.apply(this, arguments);
                                this._refreshSummary();
                                return result
                            }
                            cancelEditData() {
                                const result = super.cancelEditData.apply(this, arguments);
                                this._refreshSummary();
                                return result
                            }
                        }
                    },
                    views: {
                        rowsView: Base => class extends Base {
                            _createRow(row) {
                                const $row = super._createRow.apply(this, arguments);
                                row && $row.addClass("groupFooter" === row.rowType ? "dx-datagrid-group-footer" : "");
                                return $row
                            }
                            _renderCells($row, options) {
                                super._renderCells.apply(this, arguments);
                                if ("group" === options.row.rowType && options.row.summaryCells && options.row.summaryCells.length) {
                                    this._renderGroupSummaryCells($row, options)
                                }
                            }
                            _hasAlignByColumnSummaryItems(columnIndex, options) {
                                const column = options.columns[columnIndex];
                                const isGrouped = (0, _type.isDefined)(column.groupIndex);
                                const isVirtual = "virtual" === column.command;
                                const hasSummaryCells = !!options.row.summaryCells[columnIndex].length;
                                return !isGrouped && (isVirtual || hasSummaryCells)
                            }
                            _getAlignByColumnCellCount(groupCellColSpan, options) {
                                let alignByColumnCellCount = 0;
                                for (let i = 1; i < groupCellColSpan; i++) {
                                    const columnIndex = options.row.summaryCells.length - i;
                                    const hasAlignBySummary = this._hasAlignByColumnSummaryItems(columnIndex, options);
                                    if (hasAlignBySummary) {
                                        alignByColumnCellCount = i
                                    }
                                }
                                return alignByColumnCellCount
                            }
                            _renderGroupSummaryCells($row, options) {
                                const $groupCell = $row.children().last();
                                const groupCellColSpan = Number($groupCell.attr("colSpan")) || 1;
                                const alignByColumnCellCount = this._getAlignByColumnCellCount(groupCellColSpan, options);
                                this._renderGroupSummaryCellsCore($groupCell, options, groupCellColSpan, alignByColumnCellCount)
                            }
                            _renderGroupSummaryCellsCore($groupCell, options, groupCellColSpan, alignByColumnCellCount) {
                                if (alignByColumnCellCount > 0) {
                                    $groupCell.attr("colSpan", groupCellColSpan - alignByColumnCellCount);
                                    for (let i = 0; i < alignByColumnCellCount; i++) {
                                        const columnIndex = options.columns.length - alignByColumnCellCount + i;
                                        this._renderCell($groupCell.parent(), (0, _extend.extend)({
                                            column: options.columns[columnIndex],
                                            columnIndex: this._getSummaryCellIndex(columnIndex, options.columns)
                                        }, options))
                                    }
                                }
                            }
                            _getSummaryCellIndex(columnIndex, columns) {
                                return columnIndex
                            }
                            _getCellTemplate(options) {
                                if (!options.column.command && !(0, _type.isDefined)(options.column.groupIndex) && options.summaryItems && options.summaryItems.length) {
                                    return (cell, options) => renderSummaryCell(cell, options, this.setAria.bind(this))
                                }
                                return super._getCellTemplate(options)
                            }
                            _getCellOptions(options) {
                                const that = this;
                                const parameters = super._getCellOptions(options);
                                if (options.row.summaryCells) {
                                    return (0, _extend.extend)(parameters, getSummaryCellOptions(that, options))
                                }
                                return parameters
                            }
                        }
                    }
                }
            })
        },
        39650(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getColumnFromMap = function(identifier, columnMap) {
                return void 0 !== identifier ? columnMap.get(identifier) : void 0
            };
            exports.getSummaryCellIndex = function(column, prevColumn) {
                let isGroupRow = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : false;
                const cellIndex = column.index ?? -1;
                if (!isGroupRow) {
                    return cellIndex
                }
                if ("groupExpand" === (null === prevColumn || void 0 === prevColumn ? void 0 : prevColumn.type) || "groupExpand" === column.type) {
                    return (null === prevColumn || void 0 === prevColumn ? void 0 : prevColumn.index) ?? -1
                }
                return !(0, _type.isDefined)(column.groupIndex) ? cellIndex : -1
            };
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528)
        },
        26854(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.HIDDEN_COLUMNS_WIDTH = void 0;
            exports.HIDDEN_COLUMNS_WIDTH = "adaptiveHidden"
        },
        8468(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.adaptivityModule = exports.AdaptiveColumnsController = void 0;
            var _click = __webpack_require__( /*! ../../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _remove = __webpack_require__( /*! ../../../../common/core/events/remove */ 28630);
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _dom = __webpack_require__( /*! ../../../../core/utils/dom */ 86858);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _form = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/form */ 74075));
            var _themes = __webpack_require__( /*! ../../../../ui/themes */ 52071);
            var _const = __webpack_require__( /*! ../ai_column/const */ 92806);
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _utils = __webpack_require__( /*! ./utils */ 90608);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const COLUMN_VIEWS = ["columnHeadersView", "rowsView", "footerView"];

            function getColumnId(that, column) {
                return that._columnsController.getColumnId(column)
            }

            function adaptiveCellTemplate(container, options) {
                let $adaptiveColumnButton;
                const $container = (0, _renderer.default)(container);
                const adaptiveColumnsController = options.component.getController("adaptiveColumns");
                if ("data" === options.rowType) {
                    $adaptiveColumnButton = (0, _renderer.default)("<span>").addClass(adaptiveColumnsController.addWidgetPrefix("adaptive-more"));
                    _events_engine.default.on($adaptiveColumnButton, (0, _index.addNamespace)(_click.name, "dxDataGridAdaptivity"), adaptiveColumnsController.createAction(() => {
                        adaptiveColumnsController.toggleExpandAdaptiveDetailRow(options.key)
                    }));
                    $adaptiveColumnButton.appendTo($container)
                } else {
                    _m_utils.default.setEmptyText($container)
                }
            }

            function focusCellHandler(e) {
                var _e$data;
                const $nextCell = null === (_e$data = e.data) || void 0 === _e$data ? void 0 : _e$data.$nextCell;
                _events_engine.default.off($nextCell, "focus", focusCellHandler);
                _events_engine.default.trigger($nextCell, "dxclick")
            }
            class AdaptiveColumnsController extends _m_modules.default.ViewController {
                init() {
                    this._columnsController = this.getController("columns");
                    this._dataController = this.getController("data");
                    this._editingController = this.getController("editing");
                    this._keyboardNavigationController = this.getController("keyboardNavigation");
                    this._rowsView = this.getView("rowsView");
                    this._columnsController.addCommandColumn({
                        type: "adaptive",
                        command: "adaptive",
                        visible: true,
                        adaptiveHidden: true,
                        cssClass: "dx-command-adaptive",
                        alignment: "center",
                        width: "auto",
                        cellTemplate: adaptiveCellTemplate,
                        fixedPosition: "right"
                    });
                    this._columnsController.columnsChanged.add(() => {
                        const isAdaptiveVisible = !!this.updateHidingQueue(this._columnsController.getColumns()).length;
                        this._columnsController.columnOption("command:adaptive", "adaptiveHidden", !isAdaptiveVisible, true)
                    });
                    this._hidingColumnsQueue = [];
                    this._hiddenColumns = [];
                    this.createAction("onAdaptiveDetailRowPreparing");
                    super.init()
                }
                optionChanged(args) {
                    if ("columnHidingEnabled" === args.name) {
                        this._columnsController.columnOption("command:adaptive", "adaptiveHidden", !args.value)
                    }
                    super.optionChanged(args)
                }
                publicMethods() {
                    return ["isAdaptiveDetailRowExpanded", "expandAdaptiveDetailRow", "collapseAdaptiveDetailRow"]
                }
                _getValueFromCellOptions(columnIndex, cellOptions) {
                    return cellOptions.row.values[columnIndex]
                }
                _isRowEditMode() {
                    const editMode = this._getEditMode();
                    return "row" === editMode
                }
                _isItemModified(item, cellOptions) {
                    const columnIndex = this._columnsController.getVisibleIndex(item.column.index);
                    const rowIndex = this._dataController.getRowIndexByKey(cellOptions.key);
                    const row = this._dataController.items()[rowIndex + 1];
                    return row && row.modifiedValues && (0, _type.isDefined)(row.modifiedValues[columnIndex])
                }
                _renderFormViewTemplate(item, cellOptions, $container) {
                    const that = this;
                    const {
                        column: column
                    } = item;
                    const focusAction = that.createAction(() => {
                        if (that._editingController.isEditing()) {
                            _events_engine.default.trigger($container, _click.name)
                        }
                    });
                    const rowData = cellOptions.row.data;
                    const columnIndex = that._columnsController.getVisibleIndex(column.index);
                    const value = column.type === _const.AI_COLUMN_NAME ? this._getValueFromCellOptions(columnIndex, cellOptions) : column.calculateCellValue(rowData);
                    const displayValue = _m_utils.default.getDisplayValue(column, value, rowData, cellOptions.rowType);
                    const text = _m_utils.default.formatValue(displayValue, column);
                    const isCellOrBatchEditMode = this._editingController.isCellOrBatchEditMode();
                    const rowsView = that._rowsView;
                    if (column.allowEditing && this._keyboardNavigationController.isKeyboardEnabled()) {
                        $container.attr("tabIndex", that.option("tabIndex"));
                        if (isCellOrBatchEditMode) {
                            _events_engine.default.off($container, "focus", focusAction);
                            _events_engine.default.on($container, "focus", focusAction)
                        }
                    }
                    if (column.cellTemplate) {
                        const templateOptions = (0, _extend.extend)({}, cellOptions, {
                            value: value,
                            displayValue: displayValue,
                            text: text,
                            column: column
                        });
                        rowsView.renderTemplate($container, column.cellTemplate, templateOptions, (0, _dom.isElementInDom)($container)).done(() => {
                            rowsView._cellPrepared($container, cellOptions)
                        })
                    } else {
                        const container = $container.get(0);
                        if (column.encodeHtml) {
                            container.textContent = text
                        } else {
                            container.innerHTML = text
                        }
                        $container.addClass("dx-adaptive-item-text");
                        if (!(0, _type.isDefined)(text) || "" === text) {
                            $container.html("&nbsp;")
                        }
                        if (!that._isRowEditMode()) {
                            if (that._isItemModified(item, cellOptions)) {
                                $container.addClass("dx-item-modified")
                            }
                        }
                        rowsView._cellPrepared($container, cellOptions)
                    }
                }
                _getTemplate(item, cellOptions, updateForm) {
                    const that = this;
                    const {
                        column: column
                    } = item;
                    const editingController = this._editingController;
                    return function(options, container) {
                        const $container = (0, _renderer.default)(container);
                        const columnIndex = that._columnsController.getVisibleIndex(column.index);
                        const templateOptions = (0, _extend.extend)({}, cellOptions);
                        const renderFormTemplate = function() {
                            const isItemEdited = that._isItemEdited(item);
                            templateOptions.value = that._getValueFromCellOptions(columnIndex, cellOptions);
                            if (isItemEdited || column.showEditorAlways) {
                                editingController.renderFormEditorTemplate(templateOptions, item, options, $container, !isItemEdited)
                            } else {
                                templateOptions.column = column;
                                templateOptions.columnIndex = columnIndex;
                                that._renderFormViewTemplate(item, templateOptions, $container)
                            }
                        };
                        renderFormTemplate();
                        if (templateOptions.watch) {
                            const dispose = templateOptions.watch(() => ({
                                isItemEdited: that._isItemEdited(item),
                                value: that._getValueFromCellOptions(columnIndex, cellOptions)
                            }), () => {
                                $container.contents().remove();
                                $container.removeClass("dx-adaptive-item-text");
                                renderFormTemplate()
                            });
                            _events_engine.default.on($container, _remove.removeEvent, dispose)
                        }
                    }
                }
                _isVisibleColumnsValid(visibleColumns) {
                    if (visibleColumns < 2) {
                        return false
                    }
                    if (visibleColumns.length - function() {
                            let result = 0;
                            for (let j = 0; j < visibleColumns.length; j++) {
                                const visibleColumn = visibleColumns[j];
                                if (visibleColumn.command) {
                                    result++
                                }
                            }
                            return result
                        }() <= 1) {
                        return false
                    }
                    return true
                }
                _calculatePercentWidths(widths, visibleColumns) {
                    const that = this;
                    let percentWidths = 0;
                    visibleColumns.forEach((item, index) => {
                        if ("adaptiveHidden" !== widths[index]) {
                            percentWidths += that._getItemPercentWidth(item)
                        }
                    });
                    return percentWidths
                }
                _isPercentWidth(width) {
                    return (0, _type.isString)(width) && width.endsWith("%")
                }
                _getAverageColumnsWidth(containerWidth, columns, columnsCanFit) {
                    const that = this;
                    let fixedColumnsWidth = 0;
                    let columnsWithoutFixedWidthCount = 0;
                    columns.forEach(column => {
                        if (!that.isColumnHidden(column)) {
                            const {
                                width: width
                            } = column;
                            if ((0, _type.isDefined)(width) && !isNaN(parseFloat(width))) {
                                fixedColumnsWidth += that._isPercentWidth(width) ? that._calculatePercentWidth({
                                    visibleIndex: column.visibleIndex,
                                    columnsCount: columns.length,
                                    columnsCanFit: columnsCanFit,
                                    bestFitWidth: column.bestFitWidth,
                                    columnWidth: width,
                                    containerWidth: containerWidth
                                }) : parseFloat(width)
                            } else {
                                columnsWithoutFixedWidthCount++
                            }
                        }
                    });
                    return (containerWidth - fixedColumnsWidth) / columnsWithoutFixedWidthCount
                }
                _calculateColumnWidth(column, containerWidth, contentColumns, columnsCanFit) {
                    const columnId = getColumnId(this, column);
                    const widthOption = this._columnsController.columnOption(columnId, "width");
                    const bestFitWidth = this._columnsController.columnOption(columnId, "bestFitWidth");
                    const columnsCount = contentColumns.length;
                    let colWidth;
                    if (widthOption && "auto" !== widthOption) {
                        if (this._isPercentWidth(widthOption)) {
                            colWidth = this._calculatePercentWidth({
                                visibleIndex: column.visibleIndex,
                                columnsCount: columnsCount,
                                columnsCanFit: columnsCanFit,
                                bestFitWidth: bestFitWidth,
                                columnWidth: widthOption,
                                containerWidth: containerWidth
                            })
                        } else {
                            return parseFloat(widthOption)
                        }
                    } else {
                        const columnAutoWidth = this.option("columnAutoWidth");
                        colWidth = columnAutoWidth || !!column.command ? bestFitWidth : this._getAverageColumnsWidth(containerWidth, contentColumns, columnsCanFit)
                    }
                    return colWidth
                }
                _calculatePercentWidth(options) {
                    const columnFitted = options.visibleIndex < options.columnsCount - 1 && options.columnsCanFit;
                    const partialWidth = options.containerWidth * parseFloat(options.columnWidth) / 100;
                    const resultWidth = options.columnsCanFit && partialWidth < options.bestFitWidth ? options.bestFitWidth : partialWidth;
                    return columnFitted ? options.containerWidth * parseFloat(options.columnWidth) / 100 : resultWidth
                }
                _getNotTruncatedColumnWidth(column, containerWidth, contentColumns, columnsCanFit) {
                    const columnId = getColumnId(this, column);
                    const widthOption = this._columnsController.columnOption(columnId, "width");
                    const bestFitWidth = this._columnsController.columnOption(columnId, "bestFitWidth");
                    if (widthOption && "auto" !== widthOption && !this._isPercentWidth(widthOption)) {
                        return parseFloat(widthOption)
                    }
                    const colWidth = this._calculateColumnWidth(column, containerWidth, contentColumns, columnsCanFit);
                    return colWidth < bestFitWidth ? null : colWidth
                }
                _getItemPercentWidth(item) {
                    let result = 0;
                    if (item.width && this._isPercentWidth(item.width)) {
                        result = parseFloat(item.width)
                    }
                    return result
                }
                _getCommandColumnsWidth() {
                    const that = this;
                    const columns = that._columnsController.getVisibleColumns();
                    let colWidth = 0;
                    (0, _iterator.each)(columns, (index, column) => {
                        if (column.index < 0 || column.command) {
                            colWidth += that._columnsController.columnOption(getColumnId(that, column), "bestFitWidth") || 0
                        }
                    });
                    return colWidth
                }
                _isItemEdited(item) {
                    if (this.isFormOrPopupEditMode()) {
                        return false
                    }
                    if (this._isRowEditMode()) {
                        const editRowKey = this.option("editing.editRowKey");
                        if ((0, _common.equalByValue)(editRowKey, this._dataController.adaptiveExpandedKey())) {
                            return true
                        }
                    } else {
                        const rowIndex = this._dataController.getRowIndexByKey(this._dataController.adaptiveExpandedKey()) + 1;
                        const columnIndex = this._columnsController.getVisibleIndex(item.column.index);
                        return this._editingController.isEditCell(rowIndex, columnIndex)
                    }
                    return
                }
                _getFormItemsByHiddenColumns(hiddenColumns) {
                    const items = [];
                    (0, _iterator.each)(hiddenColumns, (_, column) => {
                        items.push({
                            column: column,
                            name: column.name,
                            dataField: column.dataField,
                            visibleIndex: column.visibleIndex
                        })
                    });
                    return items
                }
                _getAdaptiveColumnVisibleIndex(visibleColumns) {
                    for (let i = 0; i < visibleColumns.length; i++) {
                        const column = visibleColumns[i];
                        if ("adaptive" === column.command) {
                            return i
                        }
                    }
                    return
                }
                _hideAdaptiveColumn(resultWidths, visibleColumns) {
                    const visibleIndex = this._getAdaptiveColumnVisibleIndex(visibleColumns);
                    if ((0, _type.isDefined)(visibleIndex)) {
                        resultWidths[visibleIndex] = "adaptiveHidden";
                        this._hideVisibleColumn({
                            isCommandColumn: true,
                            visibleIndex: visibleIndex
                        })
                    }
                }
                _showHiddenCellsInView(_ref) {
                    let {
                        $cells: $cells,
                        isCommandColumn: isCommandColumn
                    } = _ref;
                    let cssClassNameToRemove = this.addWidgetPrefix("hidden-column");
                    if (isCommandColumn) {
                        cssClassNameToRemove = "dx-command-adaptive-hidden";
                        $cells.attr({
                            tabIndex: 0,
                            "aria-hidden": null
                        }).removeClass(cssClassNameToRemove)
                    } else {
                        $cells.removeClass(cssClassNameToRemove)
                    }
                }
                _showHiddenColumns() {
                    for (let i = 0; i < COLUMN_VIEWS.length; i++) {
                        const view = this.getView(COLUMN_VIEWS[i]);
                        if (view && view.isVisible() && view.element()) {
                            const viewName = view.name;
                            const $hiddenCommandCells = view.element().find(".dx-command-adaptive-hidden");
                            this._showHiddenCellsInView({
                                viewName: viewName,
                                $cells: $hiddenCommandCells,
                                isCommandColumn: true
                            });
                            const $hiddenCells = view.element().find(`.${this.addWidgetPrefix("hidden-column")}`);
                            this._showHiddenCellsInView({
                                viewName: viewName,
                                $cells: $hiddenCells
                            })
                        }
                    }
                }
                _toggleGroupAdaptiveRowVisibility(isBestFit) {
                    const hasHiddenColumns = this.hasHiddenColumns() || this.getHidingColumnsQueue().length > 0;
                    if (!hasHiddenColumns) {
                        return
                    }
                    const rowsView = this.getView("rowsView");
                    const items = this._dataController.items();
                    if (!items || 0 === items.length) {
                        return
                    }
                    items.forEach((item, index) => {
                        if ("detailAdaptive" === item.rowType) {
                            const $row = (0, _renderer.default)(rowsView.getRowElement(index));
                            $row.css("display", isBestFit ? "none" : "")
                        }
                    })
                }
                _isCellValid($cell) {
                    return $cell && $cell.length && !$cell.hasClass("dx-master-detail-cell") && !$cell.hasClass("dx-group-cell")
                }
                _hideVisibleColumn(_ref2) {
                    let {
                        isCommandColumn: isCommandColumn,
                        visibleIndex: visibleIndex
                    } = _ref2;
                    const that = this;
                    COLUMN_VIEWS.forEach(viewName => {
                        const view = that.getView(viewName);
                        view && that._hideVisibleColumnInView({
                            view: view,
                            isCommandColumn: isCommandColumn,
                            visibleIndex: visibleIndex
                        })
                    })
                }
                _hideVisibleColumnInView(_ref3) {
                    let {
                        view: view,
                        isCommandColumn: isCommandColumn,
                        visibleIndex: visibleIndex
                    } = _ref3;
                    const viewName = view.name;
                    let $cellElement;
                    const column = this._columnsController.getVisibleColumns()[visibleIndex];
                    const editFormRowIndex = this._editingController && this._editingController.getEditFormRowIndex();
                    if (view && view.isVisible() && column) {
                        const rowsCount = view.getRowsCount();
                        const $rowElements = view._getRowElements();
                        for (let rowIndex = 0; rowIndex < rowsCount; rowIndex++) {
                            const cancelClassAdding = rowIndex === editFormRowIndex && "rowsView" === viewName && "popup" !== this.option("editing.mode");
                            if (!cancelClassAdding) {
                                const currentVisibleIndex = "columnHeadersView" === viewName ? this._columnsController.getVisibleIndex(column.index, rowIndex) : visibleIndex;
                                if (currentVisibleIndex >= 0) {
                                    const $rowElement = $rowElements.eq(rowIndex);
                                    $cellElement = this._findCellElementInRow($rowElement, currentVisibleIndex);
                                    this._isCellValid($cellElement) && this._hideVisibleCellInView({
                                        viewName: viewName,
                                        isCommandColumn: isCommandColumn,
                                        $cell: $cellElement
                                    })
                                }
                            }
                        }
                    }
                }
                _findCellElementInRow($rowElement, visibleColumnIndex) {
                    const $rowCells = $rowElement.children();
                    let visibleIndex = visibleColumnIndex;
                    let cellIsInsideGroup = false;
                    if ($rowElement.hasClass("dx-group-row")) {
                        const $groupCell = $rowElement.find(".dx-group-cell");
                        const colSpan = $groupCell.attr("colspan");
                        if ($groupCell.length && (0, _type.isDefined)(colSpan)) {
                            const groupCellLength = parseInt(colSpan);
                            const endGroupIndex = $groupCell.index() + groupCellLength - 1;
                            if (visibleColumnIndex > endGroupIndex) {
                                visibleIndex = visibleColumnIndex - groupCellLength + 1
                            } else {
                                cellIsInsideGroup = true
                            }
                        }
                    }
                    const $cellElement = !cellIsInsideGroup ? $rowCells.eq(visibleIndex) : void 0;
                    return $cellElement
                }
                _hideVisibleCellInView(_ref4) {
                    let {
                        $cell: $cell,
                        isCommandColumn: isCommandColumn
                    } = _ref4;
                    const cssClassNameToAdd = isCommandColumn ? "dx-command-adaptive-hidden" : this.addWidgetPrefix("hidden-column");
                    $cell.attr({
                        tabIndex: -1,
                        "aria-hidden": true
                    }).addClass(cssClassNameToAdd)
                }
                _getEditMode() {
                    return this._editingController.getEditMode()
                }
                isFormOrPopupEditMode() {
                    const editMode = this._getEditMode();
                    return "form" === editMode || "popup" === editMode
                }
                hideRedundantColumns(resultWidths, visibleColumns, hiddenQueue) {
                    this._hiddenColumns = [];
                    if (this._isVisibleColumnsValid(visibleColumns) && hiddenQueue.length) {
                        let totalWidth = 0;
                        const $rootElement = this.component.$element();
                        const availableWidth = (0, _size.getWidth)($rootElement) - this._rowsView.getScrollbarWidth();
                        let rootElementWidth = availableWidth - this._getCommandColumnsWidth();
                        const getVisibleContentColumns = function() {
                            return visibleColumns.filter(item => !item.command && 0 === this._hiddenColumns.filter(i => i.index === item.index).length)
                        }.bind(this);
                        let visibleContentColumns = getVisibleContentColumns();
                        const contentColumnsCount = visibleContentColumns.length;
                        let hasHiddenColumns = false;
                        let needHideColumn = false;
                        do {
                            needHideColumn = false;
                            totalWidth = 0;
                            const percentWidths = this._calculatePercentWidths(resultWidths, visibleColumns);
                            const columnsCanFit = percentWidths < 100 && 0 !== percentWidths;
                            for (let i = 0; i < visibleColumns.length; i += 1) {
                                const visibleColumn = visibleColumns[i];
                                let columnWidth = this._getNotTruncatedColumnWidth(visibleColumn, rootElementWidth, visibleContentColumns, columnsCanFit);
                                const columnId = getColumnId(this, visibleColumn);
                                const widthOption = this._columnsController.columnOption(columnId, "width");
                                const minWidth = this._columnsController.columnOption(columnId, "minWidth");
                                const columnBestFitWidth = this._columnsController.columnOption(columnId, "bestFitWidth");
                                if ("adaptiveHidden" === resultWidths[i]) {
                                    hasHiddenColumns = true;
                                    continue
                                }
                                if (!columnWidth && !visibleColumn.command && !visibleColumn.fixed) {
                                    needHideColumn = true;
                                    break
                                }
                                if (!widthOption || "auto" === widthOption) {
                                    columnWidth = Math.max(columnBestFitWidth || 0, minWidth || 0)
                                }
                                if ("adaptive" !== visibleColumn.command || hasHiddenColumns) {
                                    totalWidth += columnWidth
                                }
                            }
                            needHideColumn = needHideColumn || totalWidth > availableWidth;
                            if (needHideColumn) {
                                const column = hiddenQueue.pop();
                                const visibleIndex = this._columnsController.getVisibleIndex(column.index);
                                rootElementWidth += this._calculateColumnWidth(column, rootElementWidth, visibleContentColumns, columnsCanFit);
                                this._hideVisibleColumn({
                                    visibleIndex: visibleIndex
                                });
                                resultWidths[visibleIndex] = "adaptiveHidden";
                                this._hiddenColumns.push(column);
                                visibleContentColumns = getVisibleContentColumns()
                            }
                        } while (needHideColumn && visibleContentColumns.length > 1 && hiddenQueue.length);
                        if (contentColumnsCount === visibleContentColumns.length) {
                            this._hideAdaptiveColumn(resultWidths, visibleColumns)
                        }
                    } else {
                        this._hideAdaptiveColumn(resultWidths, visibleColumns)
                    }
                }
                getAdaptiveDetailItems() {
                    return this._$itemContents
                }
                getItemContentByColumnIndex(visibleColumnIndex) {
                    let $itemContent;
                    for (let i = 0; i < this._$itemContents.length; i++) {
                        $itemContent = this._$itemContents.eq(i);
                        const item = $itemContent.data("dx-form-item");
                        if (item && item.column && this._columnsController.getVisibleIndex(item.column.index) === visibleColumnIndex) {
                            return $itemContent
                        }
                    }
                }
                toggleExpandAdaptiveDetailRow(key, alwaysExpanded) {
                    if (!(this.isFormOrPopupEditMode() && this._editingController.isEditing())) {
                        this._dataController.toggleExpandAdaptiveDetailRow(key, alwaysExpanded)
                    }
                }
                createFormByHiddenColumns(container, options) {
                    const that = this;
                    const $container = (0, _renderer.default)(container);
                    const userFormOptions = {
                        items: that._getFormItemsByHiddenColumns(that._hiddenColumns),
                        formID: `dx-${new _guid.default}`
                    };
                    const defaultFormOptions = (0, _themes.isMaterial)() ? {
                        colCount: 2
                    } : {};
                    this.executeAction("onAdaptiveDetailRowPreparing", {
                        formOptions: userFormOptions
                    });
                    that._$itemContents = null;
                    that._form = that._createComponent((0, _renderer.default)("<div>").appendTo($container), _form.default, (0, _extend.extend)(defaultFormOptions, userFormOptions, {
                        customizeItem(item) {
                            const column = item.column || that._columnsController.columnOption(item.name || item.dataField);
                            if (column) {
                                item.label = item.label || {};
                                item.label.text = item.label.text || column.caption;
                                item.column = column;
                                item.template = that._getTemplate(item, options, that.updateForm.bind(that))
                            }
                            userFormOptions.customizeItem && userFormOptions.customizeItem.call(this, item)
                        },
                        onContentReady(e) {
                            userFormOptions.onContentReady && userFormOptions.onContentReady.call(this, e);
                            that._$itemContents = $container.find(".dx-field-item-content")
                        }
                    }))
                }
                hasAdaptiveDetailRowExpanded() {
                    return (0, _type.isDefined)(this._dataController.adaptiveExpandedKey())
                }
                updateForm(hiddenColumns) {
                    if (this.hasAdaptiveDetailRowExpanded()) {
                        if (this._form && (0, _type.isDefined)(this._form._contentReadyAction)) {
                            if (hiddenColumns && hiddenColumns.length) {
                                this._form.option("items", this._getFormItemsByHiddenColumns(hiddenColumns))
                            } else {
                                this._form.repaint()
                            }
                        }
                    }
                }
                updateHidingQueue(columns) {
                    const that = this;
                    const hideableColumns = (0, _utils.getHideableColumns)(columns);
                    let columnsHasHidingPriority;
                    let i;
                    that._hidingColumnsQueue = [];
                    if (that.option("allowColumnResizing") && "widget" === that.option("columnResizingMode")) {
                        return that._hidingColumnsQueue
                    }
                    for (i = 0; i < hideableColumns.length; i++) {
                        const column = hideableColumns[i];
                        if ((0, _type.isDefined)(column.hidingPriority) && column.hidingPriority >= 0) {
                            columnsHasHidingPriority = true;
                            that._hidingColumnsQueue[column.hidingPriority] = column
                        }
                    }
                    if (columnsHasHidingPriority) {
                        that._hidingColumnsQueue.reverse()
                    } else if (that.option("columnHidingEnabled")) {
                        for (i = 0; i < hideableColumns.length; i++) {
                            const visibleIndex = that._columnsController.getVisibleIndex(hideableColumns[i].index);
                            that._hidingColumnsQueue[visibleIndex] = hideableColumns[i]
                        }
                    }
                    that._hidingColumnsQueue = that._hidingColumnsQueue.filter(Object);
                    return that._hidingColumnsQueue
                }
                getHiddenColumns() {
                    return this._hiddenColumns
                }
                hasHiddenColumns() {
                    return this._hiddenColumns.length > 0
                }
                getHidingColumnsQueue() {
                    return this._hidingColumnsQueue ?? []
                }
                isAdaptiveDetailRowExpanded(key) {
                    const dataController = this._dataController;
                    return dataController.adaptiveExpandedKey() && (0, _common.equalByValue)(dataController.adaptiveExpandedKey(), key)
                }
                expandAdaptiveDetailRow(key) {
                    if (!this.hasAdaptiveDetailRowExpanded()) {
                        this.toggleExpandAdaptiveDetailRow(key)
                    }
                }
                collapseAdaptiveDetailRow() {
                    if (this.hasAdaptiveDetailRowExpanded()) {
                        this.toggleExpandAdaptiveDetailRow()
                    }
                }
                updateCommandAdaptiveAriaLabel(key, label) {
                    const rowIndex = this._dataController.getRowIndexByKey(key);
                    if (-1 === rowIndex) {
                        return
                    }
                    const $row = (0, _renderer.default)(this.component.getRowElement(rowIndex));
                    this.setCommandAdaptiveAriaLabel($row, label)
                }
                setCommandAdaptiveAriaLabel($row, labelName) {
                    const $adaptiveCommand = $row.find(".dx-command-adaptive");
                    if ($adaptiveCommand.length) {
                        this.setAria("label", _message.default.format(labelName), $adaptiveCommand)
                    }
                }
                isColumnHidden(column) {
                    return this._hiddenColumns.filter(hiddenColumn => hiddenColumn.index === column.index).length > 0
                }
            }
            exports.AdaptiveColumnsController = AdaptiveColumnsController;
            exports.adaptivityModule = {
                defaultOptions: () => ({
                    columnHidingEnabled: false,
                    onAdaptiveDetailRowPreparing: null
                }),
                controllers: {
                    adaptiveColumns: AdaptiveColumnsController
                },
                extenders: {
                    views: {
                        rowsView: Base => class extends Base {
                            _getCellTemplate(options) {
                                const that = this;
                                const {
                                    column: column
                                } = options;
                                if ("detailAdaptive" === options.rowType && "detail" === column.command) {
                                    return function(container, options) {
                                        that._adaptiveColumnsController.createFormByHiddenColumns((0, _renderer.default)(container), options)
                                    }
                                }
                                return super._getCellTemplate(options)
                            }
                            _createRow(row) {
                                const $row = super._createRow.apply(this, arguments);
                                if (row && "detailAdaptive" === row.rowType && row.key === this._dataController.adaptiveExpandedKey()) {
                                    $row.addClass("dx-adaptive-detail-row")
                                }
                                return $row
                            }
                            _renderCells($row, options) {
                                super._renderCells($row, options);
                                const adaptiveColumnsController = this._adaptiveColumnsController;
                                const hidingColumnsQueueLength = adaptiveColumnsController.getHidingColumnsQueue().length;
                                const hiddenColumnsLength = adaptiveColumnsController.getHiddenColumns().length;
                                if (hidingColumnsQueueLength && !hiddenColumnsLength) {
                                    (function($row) {
                                        return $row.find("td:not(.dx-datagrid-hidden-column):not([class*='dx-command-'])")
                                    })($row).last().addClass("dx-last-data-cell")
                                }
                                if ("data" === options.row.rowType) {
                                    adaptiveColumnsController.setCommandAdaptiveAriaLabel($row, "dxDataGrid-ariaAdaptiveExpand")
                                }
                            }
                            _getColumnIndexByElementCore($element) {
                                const $itemContent = $element.closest(".dx-field-item-content");
                                if ($itemContent.length && $itemContent.closest(this.component.$element()).length) {
                                    const formItem = $itemContent.length ? $itemContent.first().data("dx-form-item") : null;
                                    return formItem && formItem.column && this._columnsController.getVisibleIndex(formItem.column.index)
                                }
                                return super._getColumnIndexByElementCore($element)
                            }
                            _cellPrepared($cell, options) {
                                super._cellPrepared.apply(this, arguments);
                                if ("detailAdaptive" !== options.row.rowType && "adaptiveHidden" === options.column.visibleWidth) {
                                    $cell.addClass(this.addWidgetPrefix("hidden-column"))
                                }
                            }
                            getCell(cellPosition, rows) {
                                const item = this._dataController.items()[null === cellPosition || void 0 === cellPosition ? void 0 : cellPosition.rowIndex];
                                if ("detailAdaptive" === (null === item || void 0 === item ? void 0 : item.rowType)) {
                                    const $adaptiveDetailItems = this._adaptiveColumnsController.getAdaptiveDetailItems();
                                    return super.getCell(cellPosition, rows, $adaptiveDetailItems)
                                }
                                return super.getCell.apply(this, arguments)
                            }
                            _getCellElement(rowIndex, columnIdentifier) {
                                const item = this._dataController.items()[rowIndex];
                                if (item && "detailAdaptive" === item.rowType) {
                                    return this._adaptiveColumnsController.getItemContentByColumnIndex(columnIdentifier)
                                }
                                return super._getCellElement.apply(this, arguments)
                            }
                            getContextMenuItems(options) {
                                var _super$getContextMenu;
                                if (options.row && "detailAdaptive" === options.row.rowType) {
                                    const view = this._columnHeadersView;
                                    const formItem = (0, _renderer.default)(options.targetElement).closest(".dx-field-item-label").next().data("dx-form-item");
                                    options.column = formItem ? formItem.column : options.column;
                                    return view.getContextMenuItems && view.getContextMenuItems(options)
                                }
                                return null === (_super$getContextMenu = super.getContextMenuItems) || void 0 === _super$getContextMenu ? void 0 : _super$getContextMenu.call(this, options)
                            }
                            isClickableElement($target) {
                                var _super$isClickableEle;
                                const isClickable = (null === (_super$isClickableEle = super.isClickableElement) || void 0 === _super$isClickableEle ? void 0 : _super$isClickableEle.call(this, $target)) ?? false;
                                return isClickable || !!$target.closest(".dx-command-adaptive").length
                            }
                        }
                    },
                    controllers: {
                        export: Base => class extends Base {
                            _updateColumnWidth(column, width) {
                                super._updateColumnWidth(column, "adaptiveHidden" === column.visibleWidth ? column.bestFitWidth : width)
                            }
                        },
                        columnsResizer: Base => class extends Base {
                            _pointCreated(point, columns, cells) {
                                const result = super._pointCreated(point, columns, cells);
                                const currentColumn = columns[point.columnIndex] || {};
                                const nextColumnIndex = this._getNextColumnIndex(point.columnIndex);
                                const nextColumn = columns[nextColumnIndex] || {};
                                const hasHiddenColumnsOnly = nextColumnIndex !== point.columnIndex + 1 && nextColumn.command;
                                const hasAdaptiveHiddenWidth = "adaptiveHidden" === currentColumn.visibleWidth || hasHiddenColumnsOnly;
                                return result || hasAdaptiveHiddenWidth
                            }
                            _getNextColumnIndex(currentColumnIndex) {
                                const visibleColumns = this._columnsController.getVisibleColumns();
                                let index = super._getNextColumnIndex(currentColumnIndex);
                                while (visibleColumns[index] && "adaptiveHidden" === visibleColumns[index].visibleWidth) {
                                    index++
                                }
                                return index
                            }
                        },
                        draggingHeader: Base => class extends Base {
                            _pointCreated(_ref5) {
                                let {
                                    point: point,
                                    columns: columns,
                                    location: location,
                                    sourceColumn: sourceColumn,
                                    cells: cells
                                } = _ref5;
                                const result = super._pointCreated({
                                    point: point,
                                    columns: columns,
                                    location: location,
                                    sourceColumn: sourceColumn,
                                    cells: cells
                                });
                                const column = columns[point.columnIndex - 1] || {};
                                const hasAdaptiveHiddenWidth = "adaptiveHidden" === column.visibleWidth;
                                return result || hasAdaptiveHiddenWidth
                            }
                        },
                        editing: Base => class extends Base {
                            _isRowEditMode() {
                                return "row" === this.getEditMode()
                            }
                            _getFormEditItemTemplate(cellOptions, column) {
                                if ("row" !== this.getEditMode() && "detailAdaptive" === cellOptions.rowType) {
                                    cellOptions.columnIndex = this._columnsController.getVisibleIndex(column.index);
                                    return this.getColumnTemplate(cellOptions)
                                }
                                return super._getFormEditItemTemplate(cellOptions, column)
                            }
                            _closeEditItem($targetElement) {
                                const $itemContents = $targetElement.closest(".dx-field-item-content");
                                const rowIndex = this._dataController.getRowIndexByKey(this._dataController.adaptiveExpandedKey()) + 1;
                                const formItem = $itemContents.length ? $itemContents.first().data("dx-form-item") : null;
                                const columnIndex = formItem && formItem.column && this._columnsController.getVisibleIndex(formItem.column.index);
                                if (!this.isEditCell(rowIndex, columnIndex)) {
                                    super._closeEditItem($targetElement)
                                }
                            }
                            _beforeUpdateItems(rowIndices, rowIndex) {
                                if (!this._adaptiveColumnsController.isFormOrPopupEditMode() && this._adaptiveColumnsController.hasHiddenColumns()) {
                                    const items = this._dataController.items();
                                    const item = items[rowIndex];
                                    const oldExpandRowIndex = _m_utils.default.getIndexByKey(this._dataController.adaptiveExpandedKey(), items);
                                    this._isForceRowAdaptiveExpand = !this._adaptiveColumnsController.hasAdaptiveDetailRowExpanded();
                                    if (oldExpandRowIndex >= 0) {
                                        rowIndices.push(oldExpandRowIndex + 1)
                                    }
                                    rowIndices.push(rowIndex + 1);
                                    this._dataController.adaptiveExpandedKey(item.key)
                                }
                            }
                            _afterInsertRow(key) {
                                super._afterInsertRow.apply(this, arguments);
                                if (this._adaptiveColumnsController.hasHiddenColumns()) {
                                    this._adaptiveColumnsController.toggleExpandAdaptiveDetailRow(key, this.isRowEditMode());
                                    this._isForceRowAdaptiveExpand = true
                                }
                            }
                            _collapseAdaptiveDetailRow() {
                                if (this._isRowEditMode() && this._isForceRowAdaptiveExpand) {
                                    this._adaptiveColumnsController.collapseAdaptiveDetailRow();
                                    this._isForceRowAdaptiveExpand = false
                                }
                            }
                            _cancelEditAdaptiveDetailRow() {
                                if (this._adaptiveColumnsController.hasHiddenColumns()) {
                                    this._collapseAdaptiveDetailRow()
                                }
                            }
                            _afterSaveEditData() {
                                super._afterSaveEditData.apply(this, arguments);
                                const deferred = new _deferred.Deferred;
                                if (this._isRowEditMode() && this._adaptiveColumnsController.hasHiddenColumns()) {
                                    (0, _deferred.when)(this._validatingController.validate(true)).done(isValid => {
                                        if (isValid) {
                                            this._cancelEditAdaptiveDetailRow()
                                        }
                                        deferred.resolve()
                                    })
                                } else {
                                    deferred.resolve()
                                }
                                return deferred.promise()
                            }
                            _beforeCancelEditData() {
                                super._beforeCancelEditData();
                                this._cancelEditAdaptiveDetailRow()
                            }
                            _getRowIndicesForCascadeUpdating(row) {
                                const rowIndices = super._getRowIndicesForCascadeUpdating.apply(this, arguments);
                                if (this._adaptiveColumnsController.isAdaptiveDetailRowExpanded(row.key)) {
                                    rowIndices.push("detailAdaptive" === row.rowType ? row.rowIndex - 1 : row.rowIndex + 1)
                                }
                                return rowIndices
                            }
                            _beforeCloseEditCellInBatchMode(rowIndices) {
                                const expandedKey = this._dataController._adaptiveExpandedKey;
                                if (expandedKey) {
                                    const rowIndex = _m_utils.default.getIndexByKey(expandedKey, this._dataController.items());
                                    if (rowIndex > -1) {
                                        rowIndices.unshift(rowIndex)
                                    }
                                }
                            }
                            editRow(rowIndex) {
                                if (this._adaptiveColumnsController.isFormOrPopupEditMode()) {
                                    this._adaptiveColumnsController.collapseAdaptiveDetailRow()
                                }
                                return super.editRow(rowIndex)
                            }
                            deleteRow(rowIndex) {
                                const rowKey = this._dataController.getKeyByRowIndex(rowIndex);
                                if ("batch" === this.getEditMode() && this._adaptiveColumnsController.isAdaptiveDetailRowExpanded(rowKey)) {
                                    this._adaptiveColumnsController.collapseAdaptiveDetailRow()
                                }
                                super.deleteRow(rowIndex)
                            }
                        },
                        resizing: Base => class extends Base {
                            dispose() {
                                super.dispose.apply(this, arguments);
                                clearTimeout(this._updateScrollableTimeoutID)
                            }
                            isHiddenColumnsChanged(oldHiddenColumns, hiddenColumns) {
                                if (oldHiddenColumns.length !== hiddenColumns.length) {
                                    return true
                                }
                                const oldIndices = new Set(oldHiddenColumns.map(col => col.index));
                                return hiddenColumns.some(col => !oldIndices.has(col.index))
                            }
                            updateColumnViewsFirstCellClasses() {
                                COLUMN_VIEWS.forEach(viewName => {
                                    const view = this.getView(viewName);
                                    if (null !== view && void 0 !== view && view.isVisible()) {
                                        view.updateFirstCellClasses()
                                    }
                                })
                            }
                            _needBestFit() {
                                return super._needBestFit() || !!this._adaptiveColumnsController.getHidingColumnsQueue().length
                            }
                            _correctColumnWidths(resultWidths, visibleColumns) {
                                const adaptiveController = this._adaptiveColumnsController;
                                const oldHiddenColumns = adaptiveController.getHiddenColumns();
                                const hidingColumnsQueue = adaptiveController.updateHidingQueue(this._columnsController.getColumns());
                                adaptiveController.hideRedundantColumns(resultWidths, visibleColumns, hidingColumnsQueue);
                                const hiddenColumns = adaptiveController.getHiddenColumns();
                                const isHiddenColumnsChanged = this.isHiddenColumnsChanged(oldHiddenColumns, hiddenColumns);
                                if (isHiddenColumnsChanged && adaptiveController.hasAdaptiveDetailRowExpanded()) {
                                    adaptiveController.updateForm(hiddenColumns)
                                }
                                if (isHiddenColumnsChanged) {
                                    this.updateColumnViewsFirstCellClasses()
                                }
                                if (!hiddenColumns.length) {
                                    adaptiveController.collapseAdaptiveDetailRow()
                                }
                                return super._correctColumnWidths.apply(this, arguments)
                            }
                            _toggleBestFitMode(isBestFit) {
                                this._adaptiveColumnsController._toggleGroupAdaptiveRowVisibility(isBestFit);
                                isBestFit && this._adaptiveColumnsController._showHiddenColumns();
                                super._toggleBestFitMode(isBestFit)
                            }
                            _needStretch() {
                                const adaptiveColumnsController = this._adaptiveColumnsController;
                                return super._needStretch.apply(this, arguments) || adaptiveColumnsController.getHidingColumnsQueue().length || adaptiveColumnsController.hasHiddenColumns()
                            }
                        },
                        data: Base => class extends Base {
                            init() {
                                super.init();
                                this._adaptiveExpandedKey = void 0
                            }
                            _processItems(items, change) {
                                const {
                                    changeType: changeType
                                } = change;
                                items = super._processItems.apply(this, arguments);
                                if ("loadingAll" === changeType || !(0, _type.isDefined)(this._adaptiveExpandedKey)) {
                                    return items
                                }
                                const expandRowIndex = _m_utils.default.getIndexByKey(this._adaptiveExpandedKey, items);
                                const newMode = false === this.option("scrolling.legacyMode");
                                if (expandRowIndex >= 0) {
                                    const item = items[expandRowIndex];
                                    items.splice(expandRowIndex + 1, 0, {
                                        visible: true,
                                        rowType: "detailAdaptive",
                                        key: item.key,
                                        data: item.data,
                                        node: item.node,
                                        modifiedValues: item.modifiedValues,
                                        isNewRow: item.isNewRow,
                                        values: item.values
                                    })
                                } else if ("refresh" === changeType && !(newMode && change.repaintChangesOnly)) {
                                    this._adaptiveExpandedKey = void 0
                                }
                                return items
                            }
                            _getRowIndicesForExpand(key) {
                                const rowIndices = super._getRowIndicesForExpand.apply(this, arguments);
                                if (this._adaptiveColumnsController.isAdaptiveDetailRowExpanded(key)) {
                                    const lastRowIndex = rowIndices[rowIndices.length - 1];
                                    rowIndices.push(lastRowIndex + 1)
                                }
                                return rowIndices
                            }
                            adaptiveExpandedKey(value) {
                                if ((0, _type.isDefined)(value)) {
                                    this._adaptiveExpandedKey = value
                                } else {
                                    return this._adaptiveExpandedKey
                                }
                            }
                            toggleExpandAdaptiveDetailRow(key, alwaysExpanded) {
                                let oldExpandLoadedRowIndex = _m_utils.default.getIndexByKey(this._adaptiveExpandedKey, this._items);
                                let newExpandLoadedRowIndex = _m_utils.default.getIndexByKey(key, this._items);
                                if (oldExpandLoadedRowIndex >= 0 && oldExpandLoadedRowIndex === newExpandLoadedRowIndex && !alwaysExpanded) {
                                    key = void 0;
                                    newExpandLoadedRowIndex = -1
                                }
                                const oldKey = this._adaptiveExpandedKey;
                                this._adaptiveExpandedKey = key;
                                if (oldExpandLoadedRowIndex >= 0) {
                                    oldExpandLoadedRowIndex++
                                }
                                if (newExpandLoadedRowIndex >= 0) {
                                    newExpandLoadedRowIndex++
                                }
                                const rowIndexDelta = this.getRowIndexDelta();
                                this.updateItems({
                                    allowInvisibleRowIndices: true,
                                    changeType: "update",
                                    rowIndices: [oldExpandLoadedRowIndex - rowIndexDelta, newExpandLoadedRowIndex - rowIndexDelta]
                                });
                                this._adaptiveColumnsController.updateCommandAdaptiveAriaLabel(key, "dxDataGrid-ariaAdaptiveCollapse");
                                this._adaptiveColumnsController.updateCommandAdaptiveAriaLabel(oldKey, "dxDataGrid-ariaAdaptiveExpand")
                            }
                        },
                        editorFactory: Base => class extends Base {
                            _needHideBorder($element) {
                                return super._needHideBorder($element) || (null === $element || void 0 === $element ? void 0 : $element.hasClass("dx-field-item-content")) && (null === $element || void 0 === $element ? void 0 : $element.find(".dx-checkbox").length)
                            }
                            _getFocusCellSelector() {
                                return `${super._getFocusCellSelector()}, .dx-adaptive-detail-row .dx-field-item > .dx-field-item-content`
                            }
                            _getRevertTooltipsSelector() {
                                return `${super._getRevertTooltipsSelector()}, .dx-field-item-content .${this.addWidgetPrefix("revert-tooltip")}`
                            }
                        },
                        columns: Base => class extends Base {
                            init(isApplyingUserState) {
                                super.init(isApplyingUserState);
                                this._adaptiveColumnsController = this.getController("adaptiveColumns")
                            }
                            _isColumnVisible(column) {
                                return super._isColumnVisible(column) && !column.adaptiveHidden
                            }
                            getVisibleDataColumnsByBandColumn(bandColumnIndex) {
                                return super.getVisibleDataColumnsByBandColumn(bandColumnIndex).filter(column => "adaptiveHidden" !== column.visibleWidth)
                            }
                            isAdaptiveHiddenColumn(column) {
                                return super.isAdaptiveHiddenColumn(column) || this._adaptiveColumnsController.isColumnHidden(column)
                            }
                        },
                        keyboardNavigation: Base => class extends Base {
                            _isCellValid($cell, isClick) {
                                return super._isCellValid($cell, isClick) && !$cell.hasClass(this.addWidgetPrefix("hidden-column")) && !$cell.hasClass("dx-command-adaptive-hidden")
                            }
                            _processNextCellInMasterDetail($nextCell, $cell) {
                                super._processNextCellInMasterDetail($nextCell, $cell);
                                const isCellOrBatchMode = this._editingController.isCellOrBatchEditMode();
                                const isEditing = this._editingController.isEditing();
                                if (isEditing && $nextCell && isCellOrBatchMode && !this._isInsideEditForm($nextCell)) {
                                    _events_engine.default.off($nextCell, "focus", focusCellHandler);
                                    _events_engine.default.on($nextCell, "focus", {
                                        $nextCell: $nextCell
                                    }, focusCellHandler);
                                    _events_engine.default.trigger($cell, "focus")
                                }
                            }
                            isFocusableColumn(column) {
                                return super.isFocusableColumn(column) && "adaptiveHidden" !== column.visibleWidth
                            }
                            _isCellElement($cell) {
                                return super._isCellElement($cell) || $cell.hasClass("dx-adaptive-item-text")
                            }
                        },
                        headersKeyboardNavigation: Base => class extends Base {
                            getColumnVisibleIndexCorrection(visibleIndex, rowIndex, direction) {
                                let indexCorrection = super.getColumnVisibleIndexCorrection(visibleIndex, rowIndex, direction);
                                let visibleColumns = this._columnsController.getVisibleColumns(rowIndex);
                                visibleColumns = "next" === direction ? visibleColumns.slice(visibleIndex + 1) : visibleColumns.slice(0, visibleIndex).reverse();
                                while ("adaptiveHidden" === (null === (_visibleColumns = visibleColumns) || void 0 === _visibleColumns || null === (_visibleColumns = _visibleColumns.shift()) || void 0 === _visibleColumns ? void 0 : _visibleColumns.visibleWidth)) {
                                    var _visibleColumns;
                                    indexCorrection += "next" === direction ? 1 : -1
                                }
                                return indexCorrection
                            }
                            getFocusableColumns(rowIndex, bandColumnId) {
                                return super.getFocusableColumns(rowIndex, bandColumnId).filter(col => "adaptiveHidden" !== col.visibleWidth)
                            }
                            getDraggableColumns(column, rowIndex) {
                                return super.getDraggableColumns(column, rowIndex).filter(col => "adaptiveHidden" !== col.visibleWidth)
                            }
                        }
                    }
                }
            }
        },
        90608(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getHideableColumns = function(columns) {
                return columns.filter(isHideableColumn)
            };
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            const HIDEABLE_COMMAND_COLUMNS = ["ai"];

            function isHideableColumn(column) {
                const isGroup = ((null === column || void 0 === column ? void 0 : column.groupIndex) ?? -1) >= 0;
                return true === column.visible && (!(0, _type.isDefined)(column.type) || HIDEABLE_COMMAND_COLUMNS.includes(column.type)) && !column.fixed && !isGroup
            }
        },
        92806(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ICON_NAMES = exports.CLASSES = exports.AI_COLUMN_NAME = exports.AI_CHAT_SPARKLE_OUTLINE = void 0;
            exports.AI_COLUMN_NAME = "ai";
            const AI_CHAT_SPARKLE_OUTLINE = exports.AI_CHAT_SPARKLE_OUTLINE = "chatsparkleoutline";
            exports.CLASSES = {
                aiColumn: "dx-command-ai",
                aiColumnHeaderContent: "dx-command-ai-header-content",
                aiColumnHeaderButton: "dx-command-ai-header-button",
                aiChatSparkleOutlineIcon: "dx-icon-chatsparkleoutline"
            };
            exports.ICON_NAMES = {
                autoFill: AI_CHAT_SPARKLE_OUTLINE,
                regenerate: "refresh",
                clear: "trash"
            }
        },
        31330(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AIColumnCacheController = void 0;
            var _m_modules = __webpack_require__( /*! ../../m_modules */ 74854);
            class AIColumnCacheController extends _m_modules.Controller {
                constructor() {
                    super(...arguments);
                    this.cache = {}
                }
                clearCache(columnName) {
                    this.cache[columnName] = void 0
                }
                clearCacheByKey(columnName, key) {
                    const columnCache = this.cache[columnName];
                    if (columnCache) {
                        columnCache[key] = void 0
                    }
                }
                getCachedResponse(columnName, keys) {
                    const columnCache = this.cache[columnName];
                    if (!columnCache) {
                        return {}
                    }
                    return keys.reduce((acc, key) => {
                        const value = columnCache[key];
                        if (void 0 !== value && "" !== value) {
                            acc[key] = value
                        }
                        return acc
                    }, {})
                }
                setCachedResponse(columnName, data) {
                    const columnCache = this.cache[columnName] ?? {};
                    this.cache[columnName] = columnCache;
                    Object.entries(data).forEach(_ref => {
                        let [key, value] = _ref;
                        columnCache[key] = value
                    })
                }
                getCachedString(columnName, key) {
                    var _this$cache$columnNam;
                    return null === (_this$cache$columnNam = this.cache[columnName]) || void 0 === _this$cache$columnNam ? void 0 : _this$cache$columnNam[key]
                }
                isEmptyCache(columnName) {
                    return 0 === Object.keys(this.cache[columnName] ?? {}).length
                }
            }
            exports.AIColumnCacheController = AIColumnCacheController
        },
        50909(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AIColumnController = void 0;
            var _m_type = __webpack_require__( /*! ../../../../core/utils/m_type */ 39918);
            var _m_modules = __webpack_require__( /*! ../../m_modules */ 74854);
            var _m_utils = (e = __webpack_require__( /*! ../../m_utils */ 53226), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _utils = __webpack_require__( /*! ../utils */ 40208);
            var _m_ai_column_integration_controller = __webpack_require__( /*! ./m_ai_column_integration_controller */ 43942);
            class AIColumnController extends _m_modules.Controller {
                getDefaultCellValue(column, cellValue) {
                    var _column$ai2;
                    if (void 0 === cellValue) {
                        var _column$ai;
                        return (null === (_column$ai = column.ai) || void 0 === _column$ai ? void 0 : _column$ai.emptyText) ?? null
                    }
                    return (null === (_column$ai2 = column.ai) || void 0 === _column$ai2 ? void 0 : _column$ai2.noDataText) ?? null
                }
                _endCustomLoadingIfNoPendingRequests() {
                    if (!this.aiColumnIntegrationController.isAnyRequestAwaitingCompletion()) {
                        this.dataController.endCustomLoading()
                    }
                }
                addAICommandColumn() {
                    const that = this;
                    const {
                        dataController: dataController,
                        aiColumnIntegrationController: aiColumnIntegrationController
                    } = this;
                    this.columnsController.addCommandColumn(Object.assign({}, (0, _utils.getAICommandColumnDefaultOptions)(), {
                        calculateCellValue(data) {
                            const key = dataController.keyOf(data);
                            const cellValue = aiColumnIntegrationController.getAIColumnText(this.name, key);
                            const defaultValue = that.getDefaultCellValue(this, cellValue);
                            return cellValue || defaultValue
                        }
                    }))
                }
                subscribeToDataSourceChanged() {
                    var _this$dataController$;
                    this.dataSourceChangedHandler = this.handleDataSourceChanged.bind(this);
                    null === (_this$dataController$ = this.dataController.dataSource()) || void 0 === _this$dataController$ || _this$dataController$.changed.add(this.dataSourceChangedHandler)
                }
                unsubscribeFromDataControllerChanged() {
                    if (!this.dataControllerChangedHandler) {
                        return
                    }
                    this.dataController.changed.remove(this.dataControllerChangedHandler)
                }
                subscribeToDataControllerChanged() {
                    if (!this.getAIColumns().length || !_m_utils.default.isVirtualRowRendering(this)) {
                        return
                    }
                    this.dataControllerChangedHandler = this.dataControllerChangedHandler ?? this.handleDataControllerChanged.bind(this);
                    this.dataController.changed.add(this.dataControllerChangedHandler)
                }
                handleDataControllerChanged() {
                    if (this.dataController.isViewportChanging()) {
                        this.sendRequests()
                    }
                }
                unsubscribeFromStoreEvents() {
                    const store = this.dataController.store();
                    if (this.storeUpdatedHandler) {
                        null === store || void 0 === store || store.off("updated", this.storeUpdatedHandler)
                    }
                    if (this.storeRemovedHandler) {
                        null === store || void 0 === store || store.off("removed", this.storeRemovedHandler)
                    }
                    if (this.storeBeforePushHandler) {
                        null === store || void 0 === store || store.off("beforePush", this.storeBeforePushHandler)
                    }
                }
                subscribeToStoreEvents() {
                    const store = this.dataController.store();
                    if (!store) {
                        return
                    }
                    this.storeUpdatedHandler = this.storeUpdatedHandler ?? this.handleStoreUpdated.bind(this);
                    this.storeRemovedHandler = this.storeRemovedHandler ?? this.handleStoreRemoved.bind(this);
                    this.storeBeforePushHandler = this.storeBeforePushHandler ?? this.handleStoreBeforePush.bind(this);
                    store.on("updated", this.storeUpdatedHandler);
                    store.on("removed", this.storeRemovedHandler);
                    store.on("beforePush", this.storeBeforePushHandler)
                }
                handleStoreUpdated(key) {
                    this.clearAIColumnsByKey(key)
                }
                handleStoreRemoved(key) {
                    this.clearAIColumnsByKey(key)
                }
                handleStoreBeforePush(_ref) {
                    let {
                        changes: changes
                    } = _ref;
                    changes.forEach(_ref2 => {
                        let {
                            key: key
                        } = _ref2;
                        if ((0, _m_type.isDefined)(key)) {
                            this.clearAIColumnsByKey(key)
                        }
                    })
                }
                updateAICells() {
                    this.dataController.updateItems({
                        repaintChangesOnly: this.option("repaintChangesOnly")
                    })
                }
                checkStoreKey() {
                    const store = this.dataController.store();
                    if (store && !store.key()) {
                        this.dataController.fireError("E1042", "AI Column");
                        return false
                    }
                    return true
                }
                clearAIColumnsByKey(key) {
                    const aiColumns = this.getAIColumns();
                    aiColumns.forEach(col => {
                        this.aiColumnIntegrationController.clearAIColumnByKey(col.name, key)
                    })
                }
                sendRequests() {
                    const aiColumns = this.getAIColumns();
                    if (!aiColumns.length || !this.checkStoreKey()) {
                        return
                    }
                    for (const col of aiColumns) {
                        if ((0, _utils.isAIColumnAutoMode)(col)) {
                            this.sendRequest(col.name, true)
                        }
                    }
                }
                handleDataSourceChanged(args) {
                    if ("loadError" === (null === args || void 0 === args ? void 0 : args.changeType)) {
                        return
                    }
                    this.sendRequests()
                }
                callbackNames() {
                    return ["aiRequestCompleted", "aiRequestRejected"]
                }
                init() {
                    this.columnsController = this.getController("columns");
                    this.dataController = this.getController("data");
                    this.aiColumnIntegrationController = new _m_ai_column_integration_controller.AIColumnIntegrationController(this.component);
                    this.aiColumnIntegrationController.init();
                    this.aiColumnOptionChangedHandler = this.aiColumnOptionChanged.bind(this);
                    this.columnsController.aiColumnOptionChanged.add(this.aiColumnOptionChangedHandler);
                    this.subscribeToDataSourceChanged();
                    this.unsubscribeFromStoreEvents();
                    this.subscribeToStoreEvents();
                    this.unsubscribeFromDataControllerChanged();
                    this.subscribeToDataControllerChanged();
                    this.addAICommandColumn()
                }
                getAIColumns() {
                    return this.columnsController.getColumns().filter(col => "ai" === col.type)
                }
                publicMethods() {
                    return ["abortAIColumnRequest", "sendAIColumnRequest", "refreshAIColumn", "clearAIColumn", "getAIColumnText"]
                }
                abortAIColumnRequest(columnName) {
                    this.aiColumnIntegrationController.abortRequest(columnName);
                    this._endCustomLoadingIfNoPendingRequests()
                }
                sendRequest(columnName, useCache) {
                    let needToShowLoadPanel = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : true;
                    if (!this.checkStoreKey()) {
                        return
                    }
                    const callbacks = this.getRequestCallbacks();
                    this.aiColumnIntegrationController.sendRequestCore({
                        columnName: columnName,
                        useCache: useCache,
                        needToShowLoadPanel: needToShowLoadPanel,
                        callbacks: callbacks
                    })
                }
                sendAIColumnRequest(columnName) {
                    this.sendRequest(columnName, false)
                }
                refreshAIColumn(columnName) {
                    this.sendRequest(columnName, false)
                }
                getRequestCallbacks() {
                    return {
                        onRequestSending: needToShowLoadPanel => {
                            if (needToShowLoadPanel) {
                                this.dataController.beginCustomLoading()
                            }
                        },
                        onComplete: data => {
                            this._endCustomLoadingIfNoPendingRequests();
                            this.aiRequestCompleted.fire(data);
                            this.updateAICells()
                        },
                        onError: error => {
                            this._endCustomLoadingIfNoPendingRequests();
                            this.aiRequestRejected.fire(error)
                        },
                        onRequestCanceled: () => {
                            this._endCustomLoadingIfNoPendingRequests()
                        }
                    }
                }
                clearAIColumn(columnName) {
                    this.abortAIColumnRequest(columnName);
                    this.aiColumnIntegrationController.clearAIColumn(columnName);
                    this.columnsController.columnOption(columnName, "ai.prompt", "");
                    this.updateAICells()
                }
                getAIColumnText(columnName, key) {
                    return this.aiColumnIntegrationController.getAIColumnText(columnName, key)
                }
                aiColumnOptionChanged(column, optionName, value) {
                    const isPromptOptionName = (0, _utils.isPromptOption)(optionName, value);
                    if (isPromptOptionName && column.name) {
                        var _column$ai3;
                        this.aiColumnIntegrationController.clearAIColumn(column.name);
                        if (!(null !== (_column$ai3 = column.ai) && void 0 !== _column$ai3 && _column$ai3.prompt)) {
                            this.updateAICells()
                        }
                    }
                }
                dispose() {
                    var _this$dataController$2;
                    super.dispose();
                    null === (_this$dataController$2 = this.dataController.dataSource()) || void 0 === _this$dataController$2 || _this$dataController$2.changed.remove(this.dataSourceChangedHandler);
                    this.unsubscribeFromStoreEvents();
                    this.unsubscribeFromDataControllerChanged()
                }
            }
            exports.AIColumnController = AIColumnController
        },
        43942(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AIColumnIntegrationController = void 0;
            var _ui = (e = __webpack_require__( /*! ../../../../../ui/widget/ui.errors */ 35185), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _m_modules = __webpack_require__( /*! ../../m_modules */ 74854);
            var _utils = __webpack_require__( /*! ../utils */ 40208);
            var _m_ai_column_cache_controller = __webpack_require__( /*! ./m_ai_column_cache_controller */ 31330);
            class AIColumnIntegrationController extends _m_modules.Controller {
                constructor() {
                    super(...arguments);
                    this.aborts = {}
                }
                getAIIntegration(columnName) {
                    if (!columnName) {
                        _ui.default.log("E1066")
                    }
                    const aiIntegration = this.columnsController.columnOption(columnName, "ai.aiIntegration");
                    if (aiIntegration) {
                        return aiIntegration
                    }
                    const gridAIIntegration = this.option("aiIntegration");
                    if (gridAIIntegration) {
                        return gridAIIntegration
                    }
                    _ui.default.log("E1067", columnName);
                    return null
                }
                isRequestAwaitingCompletion(columnName) {
                    return !!this.aborts[columnName]
                }
                processCommandCompletion(columnName) {
                    this.abortRequest(columnName)
                }
                getAICommandCallbacks(columnName, cachedResponse, callBacks) {
                    const callbacks = {
                        onComplete: finalResponse => {
                            if (this.isRequestAwaitingCompletion(columnName)) {
                                var _callBacks$onComplete;
                                this.aiColumnCacheController.setCachedResponse(columnName, finalResponse.data);
                                this.processCommandCompletion(columnName);
                                null === callBacks || void 0 === callBacks || null === (_callBacks$onComplete = callBacks.onComplete) || void 0 === _callBacks$onComplete || _callBacks$onComplete.call(callBacks, finalResponse)
                            }
                        },
                        onError: error => {
                            var _callBacks$onError;
                            const message = (null === error || void 0 === error ? void 0 : error.message) ?? error;
                            this.showError(message);
                            this.processCommandCompletion(columnName);
                            null === callBacks || void 0 === callBacks || null === (_callBacks$onError = callBacks.onError) || void 0 === _callBacks$onError || _callBacks$onError.call(callBacks, error)
                        }
                    };
                    return callbacks
                }
                init() {
                    this.columnsController = this.getController("columns");
                    this.dataController = this.getController("data");
                    this.errorHandlingController = this.getController("errorHandling");
                    this.aiColumnCacheController = new _m_ai_column_cache_controller.AIColumnCacheController(this.component);
                    this.aiColumnCacheController.init();
                    this.createAction("onAIColumnRequestCreating")
                }
                sendRequestCore(_ref) {
                    let {
                        columnName: columnName,
                        useCache: useCache,
                        needToShowLoadPanel: needToShowLoadPanel,
                        callbacks: callbacks
                    } = _ref;
                    const aiIntegration = this.getAIIntegration(columnName);
                    if (!aiIntegration) {
                        return
                    }
                    const column = this.columnsController.getColumnByName(columnName);
                    if (!(null !== column && void 0 !== column && column.ai)) {
                        return
                    }
                    const {
                        prompt: prompt
                    } = column.ai;
                    if (!prompt) {
                        return
                    }
                    if (this.isRequestAwaitingCompletion(columnName)) {
                        this.abortRequest(columnName);
                        callbacks.onRequestCanceled()
                    }
                    const rowItems = this.dataController.items();
                    const data = (0, _utils.getDataFromRowItems)(rowItems);
                    const args = {
                        column: column,
                        useCache: useCache,
                        cancel: false,
                        additionalInfo: {},
                        data: data
                    };
                    this.executeAction("onAIColumnRequestCreating", args);
                    if (args.cancel) {
                        return
                    }
                    const keyField = this.dataController.key();
                    let cachedResponse = {};
                    if (args.useCache) {
                        const keys = data.map(item => item[keyField]);
                        cachedResponse = this.aiColumnCacheController.getCachedResponse(columnName, keys)
                    }
                    const reducedData = (0, _utils.reduceDataCachedKeys)(args.data, cachedResponse, keyField);
                    const areAllDataCached = 0 === Object.keys(reducedData).length;
                    if (areAllDataCached) {
                        return
                    }
                    callbacks.onRequestSending(needToShowLoadPanel);
                    const abort = aiIntegration.generateGridColumn({
                        text: prompt,
                        data: reducedData,
                        additionalInfo: args.additionalInfo
                    }, this.getAICommandCallbacks(columnName, cachedResponse, callbacks));
                    this.aborts[columnName] = abort
                }
                isAnyRequestAwaitingCompletion() {
                    return Object.values(this.aborts).some(abort => !!abort)
                }
                abortRequest(columnName) {
                    var _this$aborts$columnNa, _this$aborts;
                    null === (_this$aborts$columnNa = (_this$aborts = this.aborts)[columnName]) || void 0 === _this$aborts$columnNa || _this$aborts$columnNa.call(_this$aborts);
                    this.aborts[columnName] = void 0
                }
                showError(message) {
                    var _this$errorHandlingCo;
                    null === (_this$errorHandlingCo = this.errorHandlingController) || void 0 === _this$errorHandlingCo || _this$errorHandlingCo.showToastError(message)
                }
                getAIColumnText(columnName, key) {
                    return this.aiColumnCacheController.getCachedString(columnName, key)
                }
                clearAIColumn(columnName) {
                    this.aiColumnCacheController.clearCache(columnName)
                }
                clearAIColumnByKey(columnName, key) {
                    this.aiColumnCacheController.clearCacheByKey(columnName, key)
                }
                dispose() {
                    super.dispose();
                    Object.keys(this.aborts).forEach(columnName => this.abortRequest(columnName))
                }
            }
            exports.AIColumnIntegrationController = AIColumnIntegrationController
        },
        73537(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AIPromptEditorViewController = void 0;
            var _m_modules = __webpack_require__( /*! ../../m_modules */ 74854);
            class AIPromptEditorViewController extends _m_modules.ViewController {
                init() {
                    this.aiPromptEditorView = this.getView("aiPromptEditorView")
                }
                show(cellElement, column) {
                    return this.aiPromptEditorView.show(cellElement, column)
                }
                hide() {
                    return this.aiPromptEditorView.hide()
                }
            }
            exports.AIPromptEditorViewController = AIPromptEditorViewController
        },
        32333(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.createChatSparkleOutlineIcon = exports.createAIHeaderContainer = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _icon = __webpack_require__( /*! ../../../../core/utils/icon */ 69629);
            var _const = __webpack_require__( /*! ./const */ 92806);
            exports.createChatSparkleOutlineIcon = () => (0, _icon.getImageContainer)(_const.AI_CHAT_SPARKLE_OUTLINE);
            exports.createAIHeaderContainer = () => (0, _renderer.default)("<div>").addClass(_const.CLASSES.aiColumnHeaderContent)
        },
        6549(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "AIColumnController", {
                enumerable: true,
                get: function() {
                    return _m_ai_column_controller.AIColumnController
                }
            });
            Object.defineProperty(exports, "AIPromptEditorView", {
                enumerable: true,
                get: function() {
                    return _m_ai_prompt_editor_view.AIPromptEditorView
                }
            });
            Object.defineProperty(exports, "AIPromptEditorViewController", {
                enumerable: true,
                get: function() {
                    return _m_ai_prompt_editor_view_controller.AIPromptEditorViewController
                }
            });
            Object.defineProperty(exports, "columnHeadersViewExtender", {
                enumerable: true,
                get: function() {
                    return _m_ai_column_view.columnHeadersViewExtender
                }
            });
            var _m_ai_column_controller = __webpack_require__( /*! ./controllers/m_ai_column_controller */ 50909);
            var _m_ai_prompt_editor_view_controller = __webpack_require__( /*! ./controllers/m_ai_prompt_editor_view_controller */ 73537);
            var _m_ai_column_view = __webpack_require__( /*! ./views/m_ai_column_view */ 35281);
            var _m_ai_prompt_editor_view = __webpack_require__( /*! ./views/m_ai_prompt_editor_view */ 95013)
        },
        40208(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.reduceDataCachedKeys = exports.isRefreshOption = exports.isPromptOption = exports.isPopupOptions = exports.isHeaderDropDownButtonVisible = exports.isEditorOptions = exports.isAIColumnHeader = exports.isAIColumnAutoMode = exports.getDataFromRowItems = exports.getAICommandColumnDefaultOptions = void 0;
            var _m_type = __webpack_require__( /*! ../../../core/utils/m_type */ 39918);
            var _const = __webpack_require__( /*! ./const */ 92806);
            exports.getAICommandColumnDefaultOptions = () => ({
                type: _const.AI_COLUMN_NAME,
                command: _const.AI_COLUMN_NAME,
                cssClass: _const.CLASSES.aiColumn,
                fixed: false,
                encodeHtml: true,
                minWidth: 120
            });
            exports.getDataFromRowItems = items => items.filter(row => "data" === row.rowType).map(row => row.data);
            exports.reduceDataCachedKeys = (data, cachedData, keyField) => {
                const newData = {};
                for (const item of data) {
                    const key = item[keyField];
                    if (!(key in cachedData)) {
                        newData[key] = item
                    }
                }
                return newData
            };
            exports.isAIColumnAutoMode = column => {
                var _column$ai;
                return "ai" === column.type && (!(null !== (_column$ai = column.ai) && void 0 !== _column$ai && _column$ai.mode) || "auto" === column.ai.mode)
            };
            exports.isPopupOptions = (optionName, value) => optionName.startsWith("ai.popup") || "ai" === optionName && (0, _m_type.isDefined)(null === value || void 0 === value ? void 0 : value.popup);
            exports.isEditorOptions = (optionName, value) => optionName.startsWith("ai.editorOptions") || "ai" === optionName && (0, _m_type.isDefined)(null === value || void 0 === value ? void 0 : value.editorOptions);
            exports.isPromptOption = (optionName, value) => "ai.prompt" === optionName || "ai" === optionName && (0, _m_type.isDefined)(null === value || void 0 === value ? void 0 : value.prompt);
            exports.isRefreshOption = (optionName, value) => {
                const refreshOptionNames = ["showHeaderMenu", "noDataText", "emptyText"];
                const matchesName = refreshOptionNames.map(n => `ai.${n}`).includes(optionName);
                if (matchesName) {
                    return true
                }
                if ("ai" !== optionName) {
                    return false
                }
                const valueKeys = Object.keys(value);
                return valueKeys.some(key => refreshOptionNames.includes(key))
            };
            exports.isAIColumnHeader = function(column) {
                let rowType = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "header";
                return "header" === rowType && column.type === _const.AI_COLUMN_NAME
            };
            exports.isHeaderDropDownButtonVisible = column => {
                var _column$ai2;
                return false !== (null === column || void 0 === column || null === (_column$ai2 = column.ai) || void 0 === _column$ai2 ? void 0 : _column$ai2.showHeaderMenu)
            }
        },
        35281(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.columnHeadersViewExtender = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../../core/renderer */ 64553));
            var _drop_down_button = _interopRequireDefault(__webpack_require__( /*! ../../../../../ui/drop_down_button */ 56582));
            var _const = __webpack_require__( /*! ../const */ 92806);
            var _dom = __webpack_require__( /*! ../dom */ 32333);
            var _utils = __webpack_require__( /*! ../utils */ 40208);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.columnHeadersViewExtender = Base => class extends Base {
                getDropDownButtonItems(column) {
                    var _column$ai, _column$ai2;
                    return [{
                        key: "autoFill",
                        icon: _const.ICON_NAMES.autoFill,
                        text: _message.default.format("dxDataGrid-aiDropDownAutofill")
                    }, {
                        key: "regenerate",
                        icon: _const.ICON_NAMES.regenerate,
                        text: _message.default.format("dxDataGrid-aiPromptEditorRegenerateButton"),
                        disabled: !(null !== (_column$ai = column.ai) && void 0 !== _column$ai && _column$ai.prompt)
                    }, {
                        key: "clear",
                        icon: _const.ICON_NAMES.clear,
                        text: _message.default.format("dxDataGrid-aiDropDownClear"),
                        disabled: !(null !== (_column$ai2 = column.ai) && void 0 !== _column$ai2 && _column$ai2.prompt)
                    }]
                }
                getDropDownButtonInstance($container) {
                    return _drop_down_button.default.getInstance($container.find(`.${_const.CLASSES.aiColumnHeaderButton}`)[0])
                }
                getDropDownButtonConfig(column, $container) {
                    const alignment = "right" === column.alignment ? "left" : "right";
                    return {
                        showArrowIcon: false,
                        icon: "overflow",
                        stylingMode: "text",
                        useItemTextAsTitle: false,
                        items: this.getDropDownButtonItems(column),
                        onItemClick: e => {
                            const {
                                key: actionName
                            } = e.itemData;
                            switch (actionName) {
                                case "autoFill":
                                    this.aiPromptEditorController.show($container[0], column);
                                    break;
                                case "regenerate":
                                    this.aiColumnController.sendRequest(column.name, false);
                                    break;
                                case "clear":
                                    this.aiColumnController.clearAIColumn(column.name)
                            }
                        },
                        dropDownOptions: {
                            width: 180,
                            position: {
                                of: $container[0],
                                at: `${alignment} bottom`,
                                my: `${alignment} top`
                            },
                            onShown: () => {
                                this.activeDropDownButtonInstance = this.getDropDownButtonInstance($container)
                            },
                            onHidden: () => {
                                this.activeDropDownButtonInstance = null
                            },
                            onDisposing: () => {
                                this.activeDropDownButtonInstance = null
                            }
                        }
                    }
                }
                renderHeaderDropDownButton(column, $container) {
                    const $dropDownButton = (0, _renderer.default)("<div>").addClass(_const.CLASSES.aiColumnHeaderButton).appendTo($container);
                    this._createComponent($dropDownButton, _drop_down_button.default, this.getDropDownButtonConfig(column, $container))
                }
                renderAIHeader($container, column) {
                    const $iconElement = (0, _dom.createChatSparkleOutlineIcon)();
                    const $aiHeaderContainer = (0, _dom.createAIHeaderContainer)();
                    const $cellContent = this.createCellContent($container, column);
                    $cellContent.text(column.caption ?? "");
                    $aiHeaderContainer.append($iconElement).append($cellContent).appendTo($container)
                }
                getHeaderDefaultTemplate($container, options) {
                    if ((0, _utils.isAIColumnHeader)(options.column)) {
                        this.renderAIHeader($container, options.column);
                        return
                    }
                    super.getHeaderDefaultTemplate($container, options)
                }
                _processTemplate(template, options) {
                    const renderingTemplate = super._processTemplate(template, options);
                    const needToRenderHeaderDropDownButton = (0, _utils.isAIColumnHeader)(options.column, options.rowType) && (0, _utils.isHeaderDropDownButtonVisible)(options.column);
                    if (renderingTemplate && needToRenderHeaderDropDownButton) {
                        return {
                            render: args => {
                                renderingTemplate.render(args);
                                this.renderHeaderDropDownButton(args.model.column, (0, _renderer.default)(args.container))
                            }
                        }
                    }
                    return renderingTemplate
                }
                aiColumnOptionChanged(column, optionName, value) {
                    const isPromptOptionName = (0, _utils.isPromptOption)(optionName, value);
                    if (isPromptOptionName) {
                        const visibleIndex = this._columnsController.getVisibleIndex(column.index);
                        const $headerElement = this.getHeaderElement(visibleIndex);
                        const dropDownButtonInstance = this.getDropDownButtonInstance($headerElement);
                        null === dropDownButtonInstance || void 0 === dropDownButtonInstance || dropDownButtonInstance.option("items", this.getDropDownButtonItems(column))
                    }
                }
                init() {
                    super.init();
                    this.aiColumnController = this.getController("aiColumn");
                    this.aiPromptEditorController = this.getController("aiPromptEditor");
                    this.columnsResizer = this.getController("columnsResizer");
                    this.columnsResizer.resizeStarted.add(() => {
                        var _this$activeDropDownB;
                        null === (_this$activeDropDownB = this.activeDropDownButtonInstance) || void 0 === _this$activeDropDownB || _this$activeDropDownB.close();
                        this.aiPromptEditorController.hide()
                    });
                    this.aiColumnOptionChangedHandler = this.aiColumnOptionChanged.bind(this);
                    this._columnsController.aiColumnOptionChanged.add(this.aiColumnOptionChangedHandler)
                }
                renderDragCellContent($dragContainer, column) {
                    if (column.type === _const.AI_COLUMN_NAME) {
                        this.renderAIHeader($dragContainer, column);
                        return
                    }
                    super.renderDragCellContent($dragContainer, column)
                }
            }
        },
        95013(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AIPromptEditorView = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../../core/renderer */ 64553));
            var _m_dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../../core/m_dom_adapter */ 62018));
            var _ai_prompt_editor = __webpack_require__( /*! ../../ai_prompt_editor/ai_prompt_editor */ 18928);
            var _m_columns_controller_utils = __webpack_require__( /*! ../../columns_controller/m_columns_controller_utils */ 63904);
            var _m_modules = __webpack_require__( /*! ../../m_modules */ 74854);
            var _const = __webpack_require__( /*! ../const */ 92806);
            var _utils = __webpack_require__( /*! ../utils */ 40208);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class AIPromptEditorView extends _m_modules.View {
                getAIPromptEditorConfig(column) {
                    var _column$ai, _column$ai2, _column$ai3;
                    const alignment = "right" === column.alignment ? "left" : "right";
                    const visibleIndex = this.columnsController.getVisibleIndex(column.index);
                    return {
                        prompt: (null === (_column$ai = column.ai) || void 0 === _column$ai ? void 0 : _column$ai.prompt) ?? "",
                        container: this.element(),
                        createComponent: this._createComponent.bind(this),
                        onSubmit: () => {
                            this.promptEditorInstance.updateStateOnAction("apply");
                            this.columnsController.columnOption(column.index, "ai.prompt", this.promptEditorInstance.getEditorValue(), true)
                        },
                        onStop: () => {
                            this.promptEditorInstance.updateStateOnAction("stop");
                            this.aiColumnController.abortAIColumnRequest(column.name)
                        },
                        onRefresh: () => {
                            this.promptEditorInstance.updateStateOnAction("regenerate");
                            this.aiColumnController.sendRequest(column.name, false, false)
                        },
                        popupOptions: Object.assign({
                            container: _m_dom_adapter.default.getBody(),
                            onHiding: () => {
                                this.promptEditorInstance.updateStateOnAction("stop");
                                this.aiColumnController.abortAIColumnRequest(column.name)
                            },
                            position: {
                                my: `${alignment} top`,
                                at: `${alignment} bottom`,
                                of: (0, _m_columns_controller_utils.getColumnHeaderCellSelector)(visibleIndex),
                                collision: "fit",
                                boundary: this.component.element()
                            }
                        }, null === (_column$ai2 = column.ai) || void 0 === _column$ai2 ? void 0 : _column$ai2.popup),
                        editorOptions: Object.assign({}, null === (_column$ai3 = column.ai) || void 0 === _column$ai3 ? void 0 : _column$ai3.editorOptions)
                    }
                }
                updatePromptEditorInstance(column) {
                    const config = this.getAIPromptEditorConfig(column);
                    if (!this.promptEditorInstance) {
                        this.promptEditorInstance = new _ai_prompt_editor.AIPromptEditor(config)
                    } else {
                        this.promptEditorInstance.updateOptions(config)
                    }
                }
                ensureAIPromptEditorVisibility() {
                    const aiColumns = this.aiColumnController.getAIColumns();
                    const aiColumnsWithVisiblePopup = aiColumns.filter(column => {
                        var _column$ai4;
                        return null === (_column$ai4 = column.ai) || void 0 === _column$ai4 || null === (_column$ai4 = _column$ai4.popup) || void 0 === _column$ai4 ? void 0 : _column$ai4.visible
                    });
                    if (aiColumnsWithVisiblePopup.length > 0) {
                        this.updatePromptEditorInstance(aiColumnsWithVisiblePopup[0])
                    }
                }
                init() {
                    this.columnsController = this.getController("columns");
                    this.aiColumnController = this.getController("aiColumn");
                    this.aiColumnController.aiRequestCompleted.add(() => {
                        var _this$promptEditorIns, _this$promptEditorIns2;
                        null === (_this$promptEditorIns = this.promptEditorInstance) || void 0 === _this$promptEditorIns || _this$promptEditorIns.updatePrompt(this.promptEditorInstance.getEditorValue());
                        null === (_this$promptEditorIns2 = this.promptEditorInstance) || void 0 === _this$promptEditorIns2 || _this$promptEditorIns2.updateStateOnAction("stop")
                    });
                    this.aiColumnController.aiRequestRejected.add(() => {
                        var _this$promptEditorIns3;
                        null === (_this$promptEditorIns3 = this.promptEditorInstance) || void 0 === _this$promptEditorIns3 || _this$promptEditorIns3.updateStateOnAction("stop")
                    });
                    this.renderCompleted.add(() => {
                        this.ensureAIPromptEditorVisibility()
                    });
                    this.aiColumnOptionChangedHandler = this.aiColumnOptionChanged.bind(this);
                    this.columnsController.aiColumnOptionChanged.add(this.aiColumnOptionChangedHandler)
                }
                show(cellElement, column) {
                    const $cellElement = (0, _renderer.default)(cellElement);
                    if (!(null !== $cellElement && void 0 !== $cellElement && $cellElement.length) || (null === column || void 0 === column ? void 0 : column.type) !== _const.AI_COLUMN_NAME) {
                        return Promise.resolve(false)
                    }
                    this.updatePromptEditorInstance(column);
                    return this.promptEditorInstance.show()
                }
                hide() {
                    var _this$promptEditorIns4;
                    return null === (_this$promptEditorIns4 = this.promptEditorInstance) || void 0 === _this$promptEditorIns4 ? void 0 : _this$promptEditorIns4.hide()
                }
                getPromptEditorInstance() {
                    return this.promptEditorInstance
                }
                aiColumnOptionChanged(column, optionName, value) {
                    var _this$promptEditorIns6;
                    const isPromptOptionName = (0, _utils.isPromptOption)(optionName, value);
                    if (isPromptOptionName) {
                        var _this$promptEditorIns5;
                        null === (_this$promptEditorIns5 = this.promptEditorInstance) || void 0 === _this$promptEditorIns5 || _this$promptEditorIns5.updatePrompt(value)
                    }
                    if (isPromptOptionName && ((0, _utils.isAIColumnAutoMode)(column) || null !== (_this$promptEditorIns6 = this.promptEditorInstance) && void 0 !== _this$promptEditorIns6 && _this$promptEditorIns6.isApplying())) {
                        var _this$promptEditorIns7;
                        this.aiColumnController.sendRequest(column.name, false, !(null !== (_this$promptEditorIns7 = this.promptEditorInstance) && void 0 !== _this$promptEditorIns7 && _this$promptEditorIns7.isVisible()))
                    }
                    const needUpdatePopup = (0, _utils.isPopupOptions)(optionName, value);
                    const needUpdateEditor = (0, _utils.isEditorOptions)(optionName, value);
                    if (needUpdatePopup || needUpdateEditor) {
                        this.updatePromptEditorInstance(column)
                    }
                    if ((0, _utils.isRefreshOption)(optionName, value)) {}
                }
            }
            exports.AIPromptEditorView = AIPromptEditorView
        },
        18928(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AIPromptEditor = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _popup = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/popup */ 97643));
            var _progress_bar = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/progress_bar */ 58436));
            var _text_area = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/text_area */ 23116));
            var _const = __webpack_require__( /*! ./const */ 4640);
            var _utils = __webpack_require__( /*! ./utils */ 30982);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.AIPromptEditor = class {
                constructor(options) {
                    this.options = options;
                    this.currentAction = null;
                    const {
                        container: container,
                        createComponent: createComponent
                    } = options;
                    container.addClass(_const.CLASSES.aiPromptEditor);
                    this.prompt = (0, _utils.getPrompt)(options.prompt);
                    this.popupInstance = createComponent(container, _popup.default, this.getPopupConfig())
                }
                updateButtonOption(buttonIndex, optionName, optionValue) {
                    this.popupInstance.option(`toolbarItems[${buttonIndex}].options.${optionName}`, optionValue)
                }
                updateToolbarItemVisibility(itemIndex, visible) {
                    this.popupInstance.option(`toolbarItems[${itemIndex}].visible`, visible)
                }
                getTextAreaConfig() {
                    return Object.assign({
                        value: this.prompt,
                        height: 110,
                        stylingMode: "outlined",
                        onValueChanged: e => {
                            this.updateButtonOption(_const.APPLY_BUTTON_INDEX, "disabled", !e.value || e.value === this.prompt);
                            this.updateButtonOption(_const.REGENERATE_DATA_BUTTON_INDEX, "disabled", !e.value || e.value !== this.prompt)
                        },
                        placeholder: _message.default.format("dxDataGrid-aiPromptEditorPlaceholder"),
                        valueChangeEvent: "input change keyup"
                    }, this.options.editorOptions)
                }
                getPopupConfig() {
                    return Object.assign({}, _const.DEFAULT_POPUP_OPTIONS, {
                        shading: false,
                        shadingColor: "transparent",
                        dragEnabled: true,
                        hideOnOutsideClick: true,
                        showCloseButton: true,
                        title: _message.default.format("dxDataGrid-aiPromptEditorTitle"),
                        wrapperAttr: {
                            class: `${_const.CLASSES.aiPromptEditor} ${_const.CLASSES.aiDialog}`
                        },
                        contentTemplate: $container => {
                            const $editorContainer = (0, _renderer.default)("<div>").addClass(_const.CLASSES.aiPromptEditorTextArea).appendTo($container);
                            const $progressContainer = (0, _renderer.default)("<div>").addClass(_const.CLASSES.aiPromptEditorProgressBar).appendTo($container);
                            this.editorInstance = this.options.createComponent($editorContainer, _text_area.default, this.getTextAreaConfig());
                            this.progressBar = this.options.createComponent($progressContainer, _progress_bar.default, {
                                value: false,
                                visible: false,
                                showStatus: false,
                                width: "100%"
                            })
                        },
                        toolbarItems: [{
                            toolbar: "bottom",
                            location: "before",
                            widget: "dxButton",
                            options: this.getRegenerateDataButtonConfig()
                        }, {
                            toolbar: "bottom",
                            location: "after",
                            widget: "dxButton",
                            options: this.getApplyButtonConfig()
                        }, {
                            toolbar: "bottom",
                            location: "after",
                            widget: "dxButton",
                            visible: false,
                            options: this.getStopButtonConfig()
                        }]
                    }, this.options.popupOptions)
                }
                getApplyButtonConfig() {
                    return {
                        type: "default",
                        icon: "arrowright",
                        stylingMode: "contained",
                        text: _message.default.format("dxDataGrid-aiPromptEditorApplyButton"),
                        disabled: !this.editorInstance || !(0, _utils.isPromptChanged)(this.prompt, this.editorInstance.option("value")),
                        elementAttr: {
                            class: _const.CLASSES.aiPromptEditorApplyButton
                        },
                        onClick: this.options.onSubmit
                    }
                }
                getRegenerateDataButtonConfig() {
                    return {
                        icon: "refresh",
                        stylingMode: "outlined",
                        text: _message.default.format("dxDataGrid-aiPromptEditorRegenerateButton"),
                        disabled: !this.prompt,
                        elementAttr: {
                            class: _const.CLASSES.aiPromptEditorRefreshButton
                        },
                        onClick: this.options.onRefresh
                    }
                }
                getStopButtonConfig() {
                    return {
                        type: "default",
                        icon: "square",
                        stylingMode: "contained",
                        text: _message.default.format("dxDataGrid-aiPromptEditorStopButton"),
                        elementAttr: {
                            class: _const.CLASSES.aiPromptEditorStopButton
                        },
                        onClick: this.options.onStop
                    }
                }
                setPrompt(prompt) {
                    this.prompt = (0, _utils.getPrompt)(prompt)
                }
                toggleDisableState(disabled) {
                    const editorValue = this.getEditorValue();
                    this.updateButtonOption(_const.REGENERATE_DATA_BUTTON_INDEX, "disabled", disabled ? true : (0, _utils.isPromptChanged)(this.prompt, editorValue));
                    this.updateButtonOption(_const.APPLY_BUTTON_INDEX, "disabled", disabled ? true : !(0, _utils.isPromptChanged)(this.prompt, editorValue));
                    this.editorInstance.option("disabled", disabled);
                    this.popupInstance.option("shading", disabled);
                    this.popupInstance.option("hideOnOutsideClick", !disabled)
                }
                getEditorValue() {
                    return this.editorInstance.option("value")
                }
                show() {
                    return this.popupInstance.show()
                }
                hide() {
                    return this.popupInstance.hide()
                }
                isVisible() {
                    return true === this.popupInstance.option("visible")
                }
                toggleApplyButtonVisibility(visible) {
                    this.updateToolbarItemVisibility(_const.APPLY_BUTTON_INDEX, visible);
                    this.updateToolbarItemVisibility(_const.STOP_BUTTON_INDEX, !visible)
                }
                setLoading(isLoading) {
                    this.progressBar.option("visible", isLoading)
                }
                updatePrompt(prompt) {
                    this.setPrompt(prompt);
                    this.editorInstance.option("value", prompt)
                }
                updateStateOnAction(action) {
                    this.currentAction = action;
                    switch (action) {
                        case "apply":
                        case "regenerate":
                            this.setLoading(true);
                            this.toggleDisableState(true);
                            this.toggleApplyButtonVisibility(false);
                            break;
                        case "stop":
                            this.setLoading(false);
                            this.toggleDisableState(false);
                            this.toggleApplyButtonVisibility(true)
                    }
                }
                updateOptions(options) {
                    this.options = options;
                    this.updatePrompt((0, _utils.getPrompt)(options.prompt));
                    this.popupInstance.option(this.getPopupConfig())
                }
                isApplying() {
                    return "apply" === this.currentAction
                }
            }
        },
        4640(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.STOP_BUTTON_INDEX = exports.REGENERATE_DATA_BUTTON_INDEX = exports.DEFAULT_POPUP_OPTIONS = exports.CLASSES = exports.APPLY_BUTTON_INDEX = void 0;
            exports.DEFAULT_POPUP_OPTIONS = {
                width: 360,
                height: "auto",
                visible: false
            };
            exports.CLASSES = {
                aiDialog: "dx-aidialog",
                aiPromptEditor: "dx-ai-prompt-editor",
                aiPromptEditorTextArea: "dx-ai-prompt-editor__text-area",
                aiPromptEditorRefreshButton: "dx-ai-prompt-editor__refresh-button",
                aiPromptEditorApplyButton: "dx-ai-prompt-editor__apply-button",
                aiPromptEditorStopButton: "dx-ai-prompt-editor__stop-button",
                aiPromptEditorProgressBar: "dx-ai-prompt-editor__progressbar"
            };
            exports.REGENERATE_DATA_BUTTON_INDEX = 0;
            exports.APPLY_BUTTON_INDEX = 1;
            exports.STOP_BUTTON_INDEX = 2
        },
        30982(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.isPromptChanged = exports.getPrompt = void 0;
            const getPrompt = prompt => prompt ?? "";
            exports.getPrompt = getPrompt;
            exports.isPromptChanged = (initialPrompt, currentPrompt) => getPrompt(initialPrompt) !== getPrompt(currentPrompt)
        },
        71263(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptions = void 0;
            var _message = (e = __webpack_require__( /*! ../../../../localization/message */ 33881), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.defaultOptions = {
                columnChooser: {
                    enabled: false,
                    search: {
                        enabled: false,
                        timeout: 500,
                        editorOptions: {}
                    },
                    selection: {
                        allowSelectAll: false,
                        selectByClick: false,
                        recursive: false
                    },
                    position: void 0,
                    sortOrder: void 0,
                    mode: "dragAndDrop",
                    width: 250,
                    height: 260,
                    get title() {
                        return _message.default.format("dxDataGrid-columnChooserTitle")
                    },
                    get emptyPanelText() {
                        return _message.default.format("dxDataGrid-columnChooserEmptyText")
                    },
                    container: void 0
                }
            }
        },
        69862(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.columnChooserModule = exports.ColumnChooserView = exports.ColumnChooserController = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/button */ 64973));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/popup/ui.popup */ 10720));
            var _tree_view = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/tree_view */ 4313));
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));
            var _m_columns_view = __webpack_require__( /*! ../views/m_columns_view */ 48921);
            var _const = __webpack_require__( /*! ./const */ 71263);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const COLUMN_OPTIONS_USED_IN_ITEMS = ["showInColumnChooser", "caption", "allowHiding", "visible", "cssClass", "ownerBand"];
            class ColumnChooserController extends _m_modules.default.ViewController {
                init() {
                    super.init();
                    this._rowsView = this.getView("rowsView")
                }
                renderShowColumnChooserButton($element) {
                    const that = this;
                    const columnChooserButtonClass = that.addWidgetPrefix("column-chooser-button");
                    const columnChooserEnabled = that.option("columnChooser.enabled");
                    const $showColumnChooserButton = $element.find(`.${columnChooserButtonClass}`);
                    let $columnChooserButton;
                    if (columnChooserEnabled) {
                        if (!$showColumnChooserButton.length) {
                            $columnChooserButton = (0, _renderer.default)("<div>").addClass(columnChooserButtonClass).appendTo($element);
                            that._createComponent($columnChooserButton, _button.default, {
                                icon: "column-chooser",
                                onClick() {
                                    that.getView("columnChooserView").showColumnChooser()
                                },
                                hint: that.option("columnChooser.title"),
                                integrationOptions: {}
                            })
                        } else {
                            $showColumnChooserButton.show()
                        }
                    } else {
                        $showColumnChooserButton.hide()
                    }
                }
                getPosition() {
                    var _this$_rowsView;
                    const position = this.option("columnChooser.position");
                    return (0, _type.isDefined)(position) ? position : {
                        my: "right bottom",
                        at: "right bottom",
                        of: null === (_this$_rowsView = this._rowsView) || void 0 === _this$_rowsView ? void 0 : _this$_rowsView.element(),
                        collision: "fit",
                        offset: "-2 -2",
                        boundaryOffset: "2 2"
                    }
                }
            }
            exports.ColumnChooserController = ColumnChooserController;
            class ColumnChooserView extends _m_columns_view.ColumnsView {
                optionChanged(args) {
                    if ("columnChooser" === args.name) {
                        this._initializePopupContainer();
                        this.render(null, "full")
                    } else {
                        super.optionChanged(args)
                    }
                }
                publicMethods() {
                    return ["showColumnChooser", "hideColumnChooser"]
                }
                _resizeCore() {}
                _initializePopupContainer() {
                    const that = this;
                    const columnChooserClass = that.addWidgetPrefix("column-chooser");
                    const $element = that.element().addClass(columnChooserClass);
                    const columnChooserOptions = that.option("columnChooser");
                    const popupPosition = this._columnChooserController.getPosition();
                    const dxPopupOptions = {
                        visible: false,
                        shading: false,
                        showCloseButton: true,
                        dragEnabled: true,
                        resizeEnabled: true,
                        wrapperAttr: {
                            class: columnChooserClass
                        },
                        toolbarItems: [{
                            text: columnChooserOptions.title,
                            toolbar: "top",
                            location: "before"
                        }],
                        position: popupPosition,
                        width: columnChooserOptions.width,
                        height: columnChooserOptions.height,
                        rtlEnabled: that.option("rtlEnabled"),
                        container: columnChooserOptions.container,
                        _loopFocus: true
                    };
                    if (!(0, _type.isDefined)(this._popupContainer)) {
                        that._popupContainer = that._createComponent($element, _ui.default, dxPopupOptions);
                        that._popupContainer.on("optionChanged", args => {
                            if ("visible" === args.name) {
                                that.renderCompleted.fire()
                            }
                        })
                    } else {
                        this._popupContainer.option(dxPopupOptions)
                    }
                    this.setPopupAttributes()
                }
                setPopupAttributes() {
                    const isSelectMode = this.isSelectMode();
                    const isBandColumnsUsed = this._columnsController.isBandColumnsUsed();
                    this._popupContainer.setAria({
                        role: "dialog",
                        label: _message.default.format("dxDataGrid-columnChooserTitle")
                    });
                    this._popupContainer.$wrapper().toggleClass(this.addWidgetPrefix("column-chooser-mode-drag"), !isSelectMode).toggleClass(this.addWidgetPrefix("column-chooser-mode-select"), isSelectMode);
                    this._popupContainer.$content().addClass(this.addWidgetPrefix("column-chooser-list"));
                    if (isSelectMode && !isBandColumnsUsed) {
                        this._popupContainer.$content().addClass(this.addWidgetPrefix("column-chooser-plain"))
                    }
                }
                _renderCore(change) {
                    if (this._popupContainer) {
                        const isDragMode = !this.isSelectMode();
                        if (!this._columnChooserList || "full" === change) {
                            this._renderTreeView()
                        } else if (isDragMode) {
                            this._updateItems()
                        }
                    }
                }
                _renderTreeView() {
                    var _columnChooser$search, _columnChooser$search2, _columnChooser$search3;
                    const that = this;
                    const $container = this._popupContainer.$content();
                    const columnChooser = this.option("columnChooser");
                    const isSelectMode = this.isSelectMode();
                    const searchEnabled = (0, _type.isDefined)(columnChooser.allowSearch) ? columnChooser.allowSearch : null === (_columnChooser$search = columnChooser.search) || void 0 === _columnChooser$search ? void 0 : _columnChooser$search.enabled;
                    const searchTimeout = (0, _type.isDefined)(columnChooser.searchTimeout) ? columnChooser.searchTimeout : null === (_columnChooser$search2 = columnChooser.search) || void 0 === _columnChooser$search2 ? void 0 : _columnChooser$search2.timeout;
                    const treeViewConfig = {
                        dataStructure: "plain",
                        activeStateEnabled: true,
                        focusStateEnabled: true,
                        hoverStateEnabled: true,
                        itemTemplate: "item",
                        showCheckBoxesMode: "none",
                        rootValue: null,
                        searchEnabled: searchEnabled,
                        searchTimeout: searchTimeout,
                        searchEditorOptions: null === (_columnChooser$search3 = columnChooser.search) || void 0 === _columnChooser$search3 ? void 0 : _columnChooser$search3.editorOptions
                    };
                    (0, _extend.extend)(treeViewConfig, isSelectMode ? this._prepareSelectModeConfig() : this._prepareDragModeConfig());
                    if (this._columnChooserList) {
                        if (!treeViewConfig.searchEnabled) {
                            treeViewConfig.searchValue = ""
                        }
                        this._columnChooserList.option(treeViewConfig);
                        this._updateItems()
                    } else {
                        this._columnChooserList = this._createComponent($container, _tree_view.default, treeViewConfig);
                        this._updateItems();
                        let scrollTop = 0;
                        this._columnChooserList.on("optionChanged", e => {
                            const scrollable = e.component.getScrollable();
                            scrollTop = scrollable.scrollTop()
                        });
                        this._columnChooserList.on("contentReady", e => {
                            (0, _common.deferUpdate)(() => {
                                const scrollable = e.component.getScrollable();
                                scrollable.scrollTo({
                                    y: scrollTop
                                });
                                that.renderCompleted.fire()
                            })
                        })
                    }
                }
                _prepareDragModeConfig() {
                    const columnChooserOptions = this.option("columnChooser");
                    return {
                        noDataText: columnChooserOptions.emptyPanelText,
                        activeStateEnabled: false,
                        hoverStateEnabled: false,
                        itemTemplate(data, index, item) {
                            (0, _renderer.default)(item).text(data.text).parent().addClass(data.cssClass).addClass("dx-column-chooser-item")
                        }
                    }
                }
                _getBandColumnVisibility(columnIndex) {
                    const childColumns = this._columnsController.getChildrenByBandColumn(columnIndex, true);
                    return !!childColumns.some(column => !!column.visible)
                }
                _getColumnVisibility(columnIndex, isNodeSelected) {
                    const column = this._columnsController.columnOption(columnIndex);
                    const selectionOptions = this.option("columnChooser.selection");
                    const recursive = null === selectionOptions || void 0 === selectionOptions ? void 0 : selectionOptions.recursive;
                    if (recursive && null !== column && void 0 !== column && column.hasColumns) {
                        return this._getBandColumnVisibility(columnIndex)
                    }
                    return isNodeSelected
                }
                _updateColumnVisibility(nodes) {
                    nodes.forEach(node => {
                        const columnIndex = node.itemData.id;
                        const isVisible = this._getColumnVisibility(columnIndex, node.selected);
                        this._columnsController.columnOption(columnIndex, "visible", isVisible)
                    })
                }
                _getOrderedFlatNodes(nodes) {
                    const getFlattenedNodesRecursive = (sourceNodes, flatNodesArray) => sourceNodes.reduce((result, node) => {
                        result.push(node);
                        if (node.children.length) {
                            getFlattenedNodesRecursive(node.children, result)
                        }
                        return result
                    }, flatNodesArray);
                    return getFlattenedNodesRecursive(nodes, []).reverse()
                }
                _prepareSelectModeConfig() {
                    const selectionOptions = this.option("columnChooser.selection") ?? {};
                    let isUpdatingSelection = false;
                    return {
                        selectByClick: selectionOptions.selectByClick,
                        selectNodesRecursive: selectionOptions.recursive,
                        showCheckBoxesMode: selectionOptions.allowSelectAll ? "selectAll" : "normal",
                        onSelectionChanged: e => {
                            if (isUpdatingSelection) {
                                return
                            }
                            const nodes = this._getOrderedFlatNodes(e.component.getNodes());
                            e.component.beginUpdate();
                            isUpdatingSelection = true;
                            ((e, nodes) => {
                                nodes.filter(node => false === node.itemData.allowHiding).forEach(node => e.component.selectItem(node.key))
                            })(e, nodes);
                            e.component.endUpdate();
                            isUpdatingSelection = false;
                            this.component.beginUpdate();
                            this._isUpdatingColumnVisibility = true;
                            this._updateColumnVisibility(nodes);
                            this.component.endUpdate();
                            this._isUpdatingColumnVisibility = false
                        }
                    }
                }
                _updateItems() {
                    const isSelectMode = this.isSelectMode();
                    const chooserColumns = this._columnsController.getChooserColumns(isSelectMode);
                    const items = function(that, chooserColumns) {
                        const items = [];
                        const isSelectMode = that.isSelectMode();
                        const isRecursive = that.option("columnChooser.selection.recursive");
                        if (chooserColumns.length) {
                            (0, _iterator.each)(chooserColumns, (index, column) => {
                                const item = {
                                    text: column.caption,
                                    cssClass: column.cssClass,
                                    allowHiding: column.allowHiding,
                                    expanded: true,
                                    id: column.index,
                                    disabled: false === column.allowHiding,
                                    parentId: (0, _type.isDefined)(column.ownerBand) ? column.ownerBand : null
                                };
                                const isRecursiveWithColumns = isRecursive && column.hasColumns;
                                if (isSelectMode && !isRecursiveWithColumns) {
                                    item.selected = column.visible
                                }
                                items.push(item)
                            })
                        }
                        return items
                    }(this, chooserColumns);
                    this._columnChooserList.option("items", items)
                }
                _updateItemsSelection(columnIndices) {
                    const changedColumns = null === columnIndices || void 0 === columnIndices ? void 0 : columnIndices.map(columnIndex => this._columnsController.columnOption(columnIndex));
                    this._columnChooserList.beginUpdate();
                    null === changedColumns || void 0 === changedColumns || changedColumns.forEach(_ref => {
                        let {
                            visible: visible,
                            index: index
                        } = _ref;
                        if (visible) {
                            this._columnChooserList.selectItem(index)
                        } else {
                            this._columnChooserList.unselectItem(index)
                        }
                    });
                    this._columnChooserList.endUpdate()
                }
                _columnOptionChanged(changes) {
                    super._columnOptionChanged(changes);
                    const {
                        optionNames: optionNames
                    } = changes;
                    const isSelectMode = this.isSelectMode();
                    const onlyVisibleChanged = this.isColumnVisibilityOnlyUpdated(optionNames);
                    const isOnlyColumnVisibilityUpdated = this._isUpdatingColumnVisibility && onlyVisibleChanged;
                    if (!isSelectMode || !this._columnChooserList || isOnlyColumnVisibilityUpdated) {
                        return
                    }
                    const columnIndices = (0, _type.isDefined)(changes.columnIndex) ? [changes.columnIndex] : changes.columnIndices;
                    const hasItemsOptionNames = COLUMN_OPTIONS_USED_IN_ITEMS.some(optionName => optionNames[optionName]);
                    const needUpdate = hasItemsOptionNames || changes.changeTypes.columns && optionNames.all;
                    if (!needUpdate) {
                        return
                    }
                    this._updateItemsSelection(columnIndices);
                    if (!onlyVisibleChanged) {
                        this._updateItems()
                    }
                }
                isColumnVisibilityOnlyUpdated(optionNames) {
                    const optionKeys = Object.keys(optionNames ?? {}).filter(key => "length" !== key);
                    return 1 === optionKeys.length && "visible" === optionKeys[0]
                }
                getColumnElements() {
                    var _this$_popupContainer;
                    const result = [];
                    const isSelectMode = this.isSelectMode();
                    const chooserColumns = this._columnsController.getChooserColumns(isSelectMode);
                    const $content = null === (_this$_popupContainer = this._popupContainer) || void 0 === _this$_popupContainer ? void 0 : _this$_popupContainer.$content();
                    const $nodes = null === $content || void 0 === $content ? void 0 : $content.find(".dx-treeview-node");
                    if ($nodes) {
                        chooserColumns.forEach(column => {
                            const $node = $nodes.filter(`[data-item-id = '${column.index}']`);
                            const item = $node.length ? $node.children(".dx-column-chooser-item").get(0) : null;
                            result.push(item)
                        })
                    }
                    return (0, _renderer.default)(result)
                }
                getName() {
                    return "columnChooser"
                }
                getColumns() {
                    return this._columnsController.getChooserColumns()
                }
                allowDragging(column) {
                    const isParentColumnVisible = this._columnsController.isParentColumnVisible(column.index);
                    const isColumnHidden = !column.visible && column.allowHiding;
                    return this.isColumnChooserVisible() && isParentColumnVisible && isColumnHidden
                }
                allowColumnHeaderDragging(column) {
                    const isDragMode = !this.isSelectMode();
                    return isDragMode && this.isColumnChooserVisible() && column.allowHiding
                }
                getBoundingRect() {
                    var _that$_popupContainer;
                    const container = null === (_that$_popupContainer = this._popupContainer) || void 0 === _that$_popupContainer ? void 0 : _that$_popupContainer.$overlayContent();
                    if (null !== container && void 0 !== container && container.is(":visible")) {
                        const offset = container.offset();
                        return {
                            left: offset.left,
                            top: offset.top,
                            right: offset.left + (0, _size.getOuterWidth)(container),
                            bottom: offset.top + (0, _size.getOuterHeight)(container)
                        }
                    }
                    return null
                }
                showColumnChooser() {
                    if (!this._popupContainer) {
                        this._initializePopupContainer();
                        this.render()
                    }
                    this._popupContainer.show()
                }
                hideColumnChooser() {
                    if (this._popupContainer) {
                        this._popupContainer.hide()
                    }
                }
                isColumnChooserVisible() {
                    const popupContainer = this._popupContainer;
                    return null === popupContainer || void 0 === popupContainer ? void 0 : popupContainer.option("visible")
                }
                isSelectMode() {
                    return "select" === this.option("columnChooser.mode")
                }
                hasHiddenColumns() {
                    const isEnabled = this.option("columnChooser.enabled");
                    const hiddenColumns = this.getColumns().filter(column => !column.visible);
                    return isEnabled && hiddenColumns.length
                }
            }
            exports.ColumnChooserView = ColumnChooserView;
            exports.columnChooserModule = {
                defaultOptions: () => _const.defaultOptions,
                controllers: {
                    columnChooser: ColumnChooserController
                },
                views: {
                    columnChooserView: ColumnChooserView
                },
                extenders: {
                    views: {
                        headerPanel: Base => class extends Base {
                            _getToolbarItems() {
                                const items = super._getToolbarItems();
                                return this._appendColumnChooserItem(items)
                            }
                            _appendColumnChooserItem(items) {
                                const that = this;
                                const columnChooserEnabled = that.option("columnChooser.enabled");
                                if (columnChooserEnabled) {
                                    const onClickHandler = function() {
                                        that.component.getView("columnChooserView").showColumnChooser()
                                    };
                                    const onInitialized = function(e) {
                                        (0, _renderer.default)(e.element).addClass(that._getToolbarButtonClass(that.addWidgetPrefix("column-chooser-button")))
                                    };
                                    const hintText = that.option("columnChooser.title");
                                    const toolbarItem = {
                                        widget: "dxButton",
                                        options: {
                                            icon: "column-chooser",
                                            onClick: onClickHandler,
                                            hint: hintText,
                                            text: hintText,
                                            onInitialized: onInitialized,
                                            elementAttr: {
                                                "aria-haspopup": "dialog"
                                            }
                                        },
                                        showText: "inMenu",
                                        location: "after",
                                        name: "columnChooserButton",
                                        locateInMenu: "auto",
                                        sortIndex: 40
                                    };
                                    items.push(toolbarItem)
                                }
                                return items
                            }
                            optionChanged(args) {
                                if ("columnChooser" === args.name) {
                                    this._invalidate();
                                    args.handled = true
                                } else {
                                    super.optionChanged(args)
                                }
                            }
                        },
                        columnHeadersView: Base => class extends Base {
                            allowDragging(column) {
                                const isDragMode = !this._columnChooserView.isSelectMode();
                                const isColumnChooserVisible = this._columnChooserView.isColumnChooserVisible();
                                return isDragMode && isColumnChooserVisible && column.allowHiding || super.allowDragging(column)
                            }
                        }
                    },
                    controllers: {
                        columns: Base => class extends Base {
                            allowMoveColumn(fromVisibleIndex, toVisibleIndex, sourceLocation, targetLocation) {
                                const isSelectMode = "select" === this.option("columnChooser.mode");
                                const isMoveColumnDisallowed = isSelectMode && "columnChooser" === targetLocation;
                                return isMoveColumnDisallowed ? false : super.allowMoveColumn(fromVisibleIndex, toVisibleIndex, sourceLocation, targetLocation)
                            }
                        }
                    }
                }
            }
        },
        54704(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.columnFixingModule = void 0;
            var _translator = __webpack_require__( /*! ../../../../common/core/animation/translator */ 88603);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _wheel = __webpack_require__( /*! ../../../../common/core/events/core/wheel */ 37373);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/browser */ 48314));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _style = __webpack_require__( /*! ../../../../core/utils/style */ 58515);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/scroll_view/ui.scrollable */ 20876));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _m_columns_view = __webpack_require__( /*! ../views/m_columns_view */ 48921);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const getTransparentColumnIndex = function(fixedColumns) {
                let transparentColumnIndex = -1;
                (0, _iterator.each)(fixedColumns, (index, column) => {
                    if ("transparent" === column.command) {
                        transparentColumnIndex = index;
                        return false
                    }
                    return
                });
                return transparentColumnIndex
            };
            const normalizeColumnWidths = function(fixedColumns, widths, fixedWidths) {
                let fixedColumnIndex = 0;
                if (fixedColumns && widths && fixedWidths) {
                    for (let i = 0; i < fixedColumns.length; i++) {
                        if ("transparent" === fixedColumns[i].command) {
                            fixedColumnIndex += fixedColumns[i].colspan
                        } else {
                            if (widths[fixedColumnIndex] < fixedWidths[i]) {
                                widths[fixedColumnIndex] = fixedWidths[i]
                            }
                            fixedColumnIndex++
                        }
                    }
                }
                return widths
            };
            const baseFixedColumns = Base => class extends Base {
                init() {
                    super.init();
                    this._isFixedTableRendering = false;
                    this._isFixedColumns = false
                }
                _createCol(column) {
                    return super._createCol(column).toggleClass("dx-col-fixed", !!(this._isFixedTableRendering && (column.fixed || column.command && "transparent" !== column.command)))
                }
                isIndicesArray(arr) {
                    return Array.isArray(arr) && arr.length > 0
                }
                _correctColumnIndicesForFixedColumns(fixedColumns, change) {
                    var _change$items;
                    const columnIndicesArray = null === change || void 0 === change ? void 0 : change.columnIndices;
                    if (!this.isIndicesArray(columnIndicesArray)) {
                        return
                    }
                    const transparentColumnIndex = getTransparentColumnIndex(fixedColumns);
                    const transparentColspan = fixedColumns[transparentColumnIndex].colspan;
                    const transparentOffset = transparentColumnIndex + transparentColspan;
                    const rowTypes = null === change || void 0 === change || null === (_change$items = change.items) || void 0 === _change$items ? void 0 : _change$items.map(_ref => {
                        let {
                            rowType: rowType
                        } = _ref;
                        return rowType
                    });
                    change.columnIndices = columnIndicesArray.map((columnIndices, idx) => {
                        if (!this.isIndicesArray(columnIndices)) {
                            return columnIndices
                        }
                        const isGroupRow = rowTypes && "group" === rowTypes[idx];
                        if (isGroupRow) {
                            return [...columnIndices]
                        }
                        return columnIndices.reduce((result, colIdx) => {
                            switch (true) {
                                case colIdx < transparentColumnIndex:
                                    result.push(colIdx);
                                    break;
                                case colIdx >= transparentOffset:
                                    result.push(colIdx - transparentColspan + 1)
                            }
                            return result
                        }, [])
                    })
                }
                _partialUpdateFixedTable(fixedColumns, rows) {
                    const fixedTableElement = this._fixedTableElement;
                    const $rows = this._getRowElementsCore(fixedTableElement);
                    const $colgroup = fixedTableElement.children("colgroup");
                    $colgroup.replaceWith(this._createColGroup(fixedColumns));
                    for (let i = 0; i < rows.length; i++) {
                        this._partialUpdateFixedRow((0, _renderer.default)($rows[i]), fixedColumns, rows[i])
                    }
                }
                _partialUpdateFixedRow($row, fixedColumns, row) {
                    const cellElements = $row.get(0).childNodes;
                    const transparentColumnIndex = getTransparentColumnIndex(fixedColumns);
                    const transparentColumn = fixedColumns[transparentColumnIndex];
                    const columnIndexOffset = this._columnsController.getColumnIndexOffset();
                    let groupCellOptions;
                    let colIndex = columnIndexOffset + 1;
                    let {
                        colspan: colspan
                    } = transparentColumn;
                    if ($row.hasClass("dx-master-detail-row")) {
                        var _this$_columnsControl;
                        cellElements[0].setAttribute("colspan", null === (_this$_columnsControl = this._columnsController.getVisibleColumns()) || void 0 === _this$_columnsControl ? void 0 : _this$_columnsControl.length);
                        return
                    }
                    if ($row.hasClass("dx-group-row")) {
                        groupCellOptions = this._getGroupCellOptions({
                            row: row,
                            columns: this._columnsController.getVisibleColumns()
                        });
                        const hasSummary = row.summaryCells.length > 0;
                        if (hasSummary) {
                            const alignByColumnCellCount = this._getAlignByColumnCellCount(groupCellOptions.colspan, {
                                columns: this._columnsController.getVisibleColumns(),
                                row: row,
                                isFixed: true
                            });
                            colspan = groupCellOptions.colspan - alignByColumnCellCount
                        } else {
                            colspan = groupCellOptions.colspan - Math.max(0, cellElements.length - (groupCellOptions.columnIndex + 2))
                        }
                    }
                    for (let j = 0; j < cellElements.length; j++) {
                        const needUpdateColspan = groupCellOptions ? j === groupCellOptions.columnIndex + 1 : j === transparentColumnIndex;
                        cellElements[j].setAttribute("aria-colindex", colIndex);
                        if (needUpdateColspan) {
                            cellElements[j].setAttribute("colspan", colspan);
                            colIndex += colspan
                        } else {
                            colIndex++
                        }
                    }
                }
                _renderTable(options) {
                    let $fixedTable;
                    const fixedColumns = this.getFixedColumns();
                    this._isFixedColumns = this.isFixedColumns();
                    const $table = super._renderTable(options);
                    if (this._isFixedColumns) {
                        var _change$items2;
                        const change = null === options || void 0 === options ? void 0 : options.change;
                        const $fixedDataRows = this._getRowElements(this._fixedTableElement);
                        const needPartialUpdate = (null === change || void 0 === change ? void 0 : change.virtualColumnsScrolling) && $fixedDataRows.length === (null === change || void 0 === change || null === (_change$items2 = change.items) || void 0 === _change$items2 ? void 0 : _change$items2.length);
                        this._isFixedTableRendering = true;
                        if (needPartialUpdate && true !== this.option("scrolling.legacyMode")) {
                            var _options$change;
                            this._partialUpdateFixedTable(fixedColumns, null === options || void 0 === options || null === (_options$change = options.change) || void 0 === _options$change ? void 0 : _options$change.items);
                            this._isFixedTableRendering = false
                        } else {
                            const columnIndices = null === change || void 0 === change ? void 0 : change.columnIndices;
                            this._correctColumnIndicesForFixedColumns(fixedColumns, change);
                            $fixedTable = this._createTable(fixedColumns);
                            this._renderRows($fixedTable, (0, _extend.extend)({}, options, {
                                columns: fixedColumns
                            }));
                            this._updateContent($fixedTable, change, true);
                            if (columnIndices) {
                                change.columnIndices = columnIndices
                            }
                            this._isFixedTableRendering = false
                        }
                    } else {
                        this._fixedTableElement && this._fixedTableElement.parent().remove();
                        this._fixedTableElement = null
                    }
                    return $table
                }
                _renderRow($table, options) {
                    let fixedCorrection;
                    let {
                        cells: cells
                    } = options.row;
                    super._renderRow.apply(this, arguments);
                    if (this._isFixedTableRendering && cells && cells.length) {
                        fixedCorrection = 0;
                        const fixedCells = options.row.cells || [];
                        cells = cells.slice();
                        options.row.cells = cells;
                        for (let i = 0; i < fixedCells.length; i++) {
                            if (fixedCells[i].column && "transparent" === fixedCells[i].column.command) {
                                fixedCorrection = (fixedCells[i].column.colspan || 1) - 1;
                                continue
                            }
                            cells[i + fixedCorrection] = fixedCells[i]
                        }
                    }
                }
                _createCell(options) {
                    const that = this;
                    const {
                        column: column
                    } = options;
                    const columnCommand = column && column.command;
                    const {
                        rowType: rowType
                    } = options;
                    const $cell = super._createCell.apply(that, arguments);
                    let fixedColumns;
                    let prevFixedColumn;
                    let transparentColumnIndex;
                    if (that._isFixedTableRendering || "filter" === rowType) {
                        fixedColumns = that.getFixedColumns();
                        transparentColumnIndex = getTransparentColumnIndex(fixedColumns);
                        prevFixedColumn = fixedColumns[transparentColumnIndex - 1]
                    }
                    if (that._isFixedTableRendering) {
                        if ("transparent" === columnCommand) {
                            $cell.addClass("dx-pointer-events-none").toggleClass("dx-first-cell", 0 === transparentColumnIndex || prevFixedColumn && "expand" === prevFixedColumn.command).toggleClass("dx-last-cell", fixedColumns.length && transparentColumnIndex === fixedColumns.length - 1);
                            if ("freeSpace" !== rowType) {
                                _m_utils.default.setEmptyText($cell)
                            }
                        }
                    } else if ("filter" === rowType) {
                        $cell.toggleClass("dx-first-cell", options.columnIndex === transparentColumnIndex)
                    }
                    const isRowAltStyle = that.option("rowAlternationEnabled") && options.isAltRow;
                    const isSelectAllCell = "multiple" === that.option("selection.mode") && 0 === options.columnIndex && "header" === options.rowType;
                    if (_browser.default.mozilla && options.column.fixed && "group" !== options.rowType && !isRowAltStyle && !isSelectAllCell) {
                        $cell.addClass("dx-col-fixed")
                    }
                    return $cell
                }
                _wrapTableInScrollContainer($table, isFixedTableRendering) {
                    const $scrollContainer = super._wrapTableInScrollContainer.apply(this, arguments);
                    if (this._isFixedTableRendering || isFixedTableRendering) {
                        $scrollContainer.addClass(this.addWidgetPrefix("content-fixed"))
                    }
                    return $scrollContainer
                }
                _renderCellContent($cell, options) {
                    let isEmptyCell;
                    const {
                        column: column
                    } = options;
                    const isFixedTableRendering = this._isFixedTableRendering;
                    const isGroupCell = "group" === options.rowType && (0, _type.isDefined)(column.groupIndex);
                    if (isFixedTableRendering && isGroupCell && !column.command && !column.groupCellTemplate) {
                        $cell.css("pointerEvents", "none")
                    }
                    if (!isFixedTableRendering && this._isFixedColumns) {
                        isEmptyCell = column.fixed || column.command && false !== column.fixed;
                        if (isGroupCell) {
                            isEmptyCell = false;
                            if (options.row.summaryCells && options.row.summaryCells.length) {
                                var _this$_getAlignByColu;
                                const columns = this._columnsController.getVisibleColumns();
                                const alignByFixedColumnCellCount = (null === (_this$_getAlignByColu = this._getAlignByColumnCellCount) || void 0 === _this$_getAlignByColu ? void 0 : _this$_getAlignByColu.call(this, column.colspan, {
                                    columns: columns,
                                    row: options.row,
                                    isFixed: true
                                })) ?? 0;
                                if (alignByFixedColumnCellCount > 0) {
                                    const transparentColumnIndex = getTransparentColumnIndex(this._columnsController.getFixedColumns());
                                    isEmptyCell = columns.length - alignByFixedColumnCellCount < transparentColumnIndex
                                }
                            }
                        }
                        if (isEmptyCell) {
                            if (column.command && "buttons" !== column.type || "group" === options.rowType) {
                                $cell.html("&nbsp;").addClass(column.cssClass);
                                return
                            }
                            $cell.addClass("dx-hidden-cell")
                        }
                    }
                    if ("transparent" !== column.command) {
                        super._renderCellContent.apply(this, arguments)
                    }
                }
                getContent(isFixedTableRendering) {
                    var _this$_fixedTableElem;
                    return isFixedTableRendering ? null === (_this$_fixedTableElem = this._fixedTableElement) || void 0 === _this$_fixedTableElem ? void 0 : _this$_fixedTableElem.parent() : super.getContent.apply(this, arguments)
                }
                _getCellElementsCore(rowIndex) {
                    const cellElements = super._getCellElementsCore.apply(this, arguments);
                    const isGroupRow = null === cellElements || void 0 === cellElements ? void 0 : cellElements.parent().hasClass("dx-group-row");
                    const headerRowIndex = "columnHeadersView" === this.name ? rowIndex : void 0;
                    if (this._fixedTableElement && cellElements) {
                        const fixedColumns = this.getFixedColumns(headerRowIndex);
                        const fixedCellElements = this._getRowElements(this._fixedTableElement).eq(rowIndex).children("td");
                        (0, _iterator.each)(fixedCellElements, (columnIndex, cell) => {
                            if (isGroupRow) {
                                if (cellElements[columnIndex] && "hidden" !== cell.style.visibility) {
                                    cellElements[columnIndex] = cell
                                }
                            } else {
                                const fixedColumn = fixedColumns[columnIndex];
                                if (fixedColumn) {
                                    if ("transparent" === fixedColumn.command) {
                                        if (fixedCellElements.eq(columnIndex).hasClass("dx-master-detail-cell")) {
                                            cellElements[columnIndex] = cell || cellElements[columnIndex]
                                        }
                                    } else {
                                        const fixedColumnIndex = this._columnsController.getVisibleIndexByColumn(fixedColumn, headerRowIndex);
                                        cellElements[fixedColumnIndex] = cell || cellElements[fixedColumnIndex]
                                    }
                                }
                            }
                        })
                    }
                    return cellElements
                }
                getColumnWidths(fixedTableElement, rowIndex) {
                    const result = super.getColumnWidths(fixedTableElement, rowIndex);
                    const fixedColumns = this.getFixedColumns();
                    const fixedWidths = this._fixedTableElement && result.length ? super.getColumnWidths(this._fixedTableElement) : void 0;
                    return normalizeColumnWidths(fixedColumns, result, fixedWidths)
                }
                getTableElement(isFixedTableRendering) {
                    isFixedTableRendering = this._isFixedTableRendering || isFixedTableRendering;
                    const tableElement = isFixedTableRendering ? this._fixedTableElement : super.getTableElement();
                    return tableElement
                }
                setTableElement(tableElement, isFixedTableRendering) {
                    if (this._isFixedTableRendering || isFixedTableRendering) {
                        this._fixedTableElement = tableElement.addClass("dx-pointer-events-none")
                    } else {
                        super.setTableElement(tableElement)
                    }
                }
                getColumns(rowIndex) {
                    const $tableElement = this.getTableElement();
                    if (this._isFixedTableRendering) {
                        return this.getFixedColumns(rowIndex)
                    }
                    return super.getColumns(rowIndex, $tableElement)
                }
                getRowIndex($row) {
                    const $fixedTable = this._fixedTableElement;
                    if ($fixedTable && $fixedTable.find($row).length) {
                        return this._getRowElements($fixedTable).index($row)
                    }
                    return super.getRowIndex($row)
                }
                getTableElements() {
                    let result = super.getTableElements.apply(this, arguments);
                    if (this._fixedTableElement) {
                        result = (0, _renderer.default)([result.get(0), this._fixedTableElement.get(0)])
                    }
                    return result
                }
                getFixedColumns(rowIndex) {
                    return this._columnsController.getFixedColumns(rowIndex)
                }
                getFixedColumnsOffset() {
                    let offset = {
                        left: 0,
                        right: 0
                    };
                    let $transparentColumn;
                    if (this._fixedTableElement) {
                        $transparentColumn = this.getTransparentColumnElement();
                        const positionTransparentColumn = $transparentColumn.position();
                        offset = {
                            left: positionTransparentColumn.left,
                            right: (0, _size.getOuterWidth)(this.element(), true) - ((0, _size.getOuterWidth)($transparentColumn, true) + positionTransparentColumn.left)
                        }
                    }
                    return offset
                }
                getTransparentColumnElement() {
                    return this._fixedTableElement && this._fixedTableElement.find(".dx-pointer-events-none").first()
                }
                getFixedTableElement() {
                    return this._fixedTableElement
                }
                _resizeCore() {
                    super._resizeCore();
                    this.synchronizeRows()
                }
                setColumnWidths(options) {
                    var _options$optionNames;
                    const {
                        widths: widths
                    } = options;
                    const visibleColumns = this._columnsController.getVisibleColumns();
                    const isColumnWidthsSynced = (null === widths || void 0 === widths ? void 0 : widths.length) && visibleColumns.some(column => (0, _type.isDefined)(column.visibleWidth));
                    const isColumnWidthChanged = null === (_options$optionNames = options.optionNames) || void 0 === _options$optionNames ? void 0 : _options$optionNames.width;
                    super.setColumnWidths(options);
                    if (this._fixedTableElement) {
                        const hasAutoWidth = null === widths || void 0 === widths ? void 0 : widths.some(width => "auto" === width || !(0, _type.isDefined)(width));
                        const needVisibleColumns = hasAutoWidth && (!isColumnWidthsSynced || !this.isScrollbarVisible(true));
                        const columns = needVisibleColumns ? visibleColumns : this.getFixedColumns();
                        this.setFixedTableColumnWidths(columns, widths)
                    }
                    const wordWrapEnabled = this.option("wordWrapEnabled");
                    const needSynchronizeRows = isColumnWidthsSynced || isColumnWidthChanged && wordWrapEnabled;
                    if (needSynchronizeRows) {
                        this.synchronizeRows()
                    }
                }
                setFixedTableColumnWidths(columns, widths) {
                    if (!this._fixedTableElement || !widths) {
                        return
                    }
                    const $cols = this._fixedTableElement.children("colgroup").children("col");
                    $cols.toArray().forEach(col => col.removeAttribute("style"));
                    let columnIndex = 0;
                    columns.forEach(column => {
                        if (column.colspan) {
                            columnIndex += column.colspan;
                            return
                        }
                        const colWidth = (0, _m_columns_view.normalizeWidth)(widths[columnIndex]);
                        if ((0, _type.isDefined)(colWidth)) {
                            (0, _style.setWidth)($cols.eq(columnIndex), colWidth)
                        }
                        columnIndex += 1
                    })
                }
                _getClientHeight(element) {
                    const boundingClientRectElement = element.getBoundingClientRect && (0, _position.getBoundingRect)(element);
                    return boundingClientRectElement && boundingClientRectElement.height ? boundingClientRectElement.height : element.clientHeight
                }
                synchronizeRows() {
                    const rowHeights = [];
                    const fixedRowHeights = [];
                    let rowIndex;
                    let $rowElements;
                    let $fixedRowElements;
                    let $contentElement;
                    this.waitAsyncTemplates(true).done(() => {
                        if (this._isFixedColumns && this._tableElement && this._fixedTableElement) {
                            const heightTable = this._getClientHeight(this._tableElement.get(0));
                            const heightFixedTable = this._getClientHeight(this._fixedTableElement.get(0));
                            $rowElements = this._getRowElements(this._tableElement);
                            $fixedRowElements = this._getRowElements(this._fixedTableElement);
                            $contentElement = this._findContentElement();
                            if (heightTable !== heightFixedTable) {
                                $contentElement && $contentElement.css("height", heightTable);
                                $rowElements.css("height", "");
                                $fixedRowElements.css("height", "");
                                for (rowIndex = 0; rowIndex < $rowElements.length; rowIndex++) {
                                    rowHeights.push(this._getClientHeight($rowElements.get(rowIndex)));
                                    fixedRowHeights.push(this._getClientHeight($fixedRowElements.get(rowIndex)))
                                }
                                for (rowIndex = 0; rowIndex < $rowElements.length; rowIndex++) {
                                    const rowHeight = rowHeights[rowIndex];
                                    const fixedRowHeight = fixedRowHeights[rowIndex];
                                    if (rowHeight > fixedRowHeight) {
                                        $fixedRowElements.eq(rowIndex).css("height", rowHeight)
                                    } else if (rowHeight < fixedRowHeight) {
                                        $rowElements.eq(rowIndex).css("height", fixedRowHeight)
                                    }
                                }
                                $contentElement && $contentElement.css("height", "")
                            }
                        }
                    })
                }
                setScrollerSpacing(width, hWidth) {
                    const rtlEnabled = this.option("rtlEnabled");
                    super.setScrollerSpacing(width);
                    this.element().children(`.${this.addWidgetPrefix("content-fixed")}`).css({
                        paddingLeft: rtlEnabled ? width : "",
                        paddingRight: !rtlEnabled ? width : ""
                    })
                }
                isFixedColumns() {
                    const fixedColumns = this.getFixedColumns();
                    const legacyMode = this.option("columnFixing.legacyMode");
                    return true === legacyMode && !!fixedColumns.length
                }
            };
            exports.columnFixingModule = {
                defaultOptions: () => ({
                    columnFixing: {
                        enabled: false,
                        legacyMode: false,
                        texts: {
                            fix: _message.default.format("dxDataGrid-columnFixingFix"),
                            unfix: _message.default.format("dxDataGrid-columnFixingUnfix"),
                            leftPosition: _message.default.format("dxDataGrid-columnFixingLeftPosition"),
                            rightPosition: _message.default.format("dxDataGrid-columnFixingRightPosition"),
                            stickyPosition: _message.default.format("dxDataGrid-columnFixingStickyPosition")
                        },
                        icons: {
                            fix: "fix-column",
                            unfix: "unfix-column",
                            leftPosition: "fix-column-left",
                            rightPosition: "fix-column-right",
                            stickyPosition: "stick-column"
                        }
                    }
                }),
                extenders: {
                    views: {
                        columnHeadersView: Base => class extends(baseFixedColumns(Base)) {
                            _getRowVisibleColumns(rowIndex) {
                                if (this._isFixedTableRendering) {
                                    return this.getFixedColumns(rowIndex)
                                }
                                return super._getRowVisibleColumns(rowIndex)
                            }
                            getFixedColumnElements(rowIndex) {
                                const that = this;
                                if (!this._isFixedColumns) {
                                    return
                                }
                                if ((0, _type.isDefined)(rowIndex)) {
                                    return this._fixedTableElement && this._getRowElements(this._fixedTableElement).eq(rowIndex).children()
                                }
                                const columnElements = that.getColumnElements();
                                const $transparentColumnElement = that.getTransparentColumnElement();
                                if (columnElements && $transparentColumnElement && $transparentColumnElement.length) {
                                    var _$transparentColumnEl;
                                    const transparentColumnIndex = getTransparentColumnIndex(that.getFixedColumns());
                                    [].splice.apply(columnElements, [transparentColumnIndex, null === (_$transparentColumnEl = $transparentColumnElement.get(0)) || void 0 === _$transparentColumnEl ? void 0 : _$transparentColumnEl.colSpan, $transparentColumnElement.get(0)])
                                }
                                return columnElements
                            }
                            getColumnWidths(fixedTableElement, rowIndex) {
                                const that = this;
                                let fixedWidths;
                                const result = super.getColumnWidths(fixedTableElement, rowIndex);
                                const $fixedColumnElements = that.getFixedColumnElements();
                                const fixedColumns = that.getFixedColumns();
                                if (that._fixedTableElement) {
                                    if ($fixedColumnElements && $fixedColumnElements.length) {
                                        fixedWidths = that._getWidths($fixedColumnElements)
                                    } else {
                                        fixedWidths = super.getColumnWidths(that._fixedTableElement)
                                    }
                                }
                                return normalizeColumnWidths(fixedColumns, result, fixedWidths)
                            }
                        },
                        rowsView: Base => class extends(baseFixedColumns(Base)) {
                            dispose() {
                                super.dispose.apply(this, arguments);
                                clearTimeout(this._fixedScrollTimeout)
                            }
                            optionChanged(args) {
                                super.optionChanged(args);
                                if ("hoverStateEnabled" === args.name && this._isFixedColumns) {
                                    args.value ? this._attachHoverEvents() : this._detachHoverEvents()
                                }
                            }
                            _detachHoverEvents() {
                                const element = this.element();
                                if (this._fixedTableElement && this._tableElement) {
                                    _events_engine.default.off(element, "mouseover mouseout", ".dx-data-row")
                                }
                            }
                            _attachHoverEvents() {
                                if (this._fixedTableElement && this._tableElement) {
                                    _events_engine.default.on(this.element(), "mouseover mouseout", ".dx-data-row", this.createAction(args => {
                                        const {
                                            event: event
                                        } = args;
                                        const rowIndex = this.getRowIndex((0, _renderer.default)(event.target).closest(".dx-row"));
                                        const isHover = "mouseover" === event.type;
                                        if (rowIndex >= 0) {
                                            this._tableElement && this._getRowElements(this._tableElement).eq(rowIndex).toggleClass("dx-state-hover", isHover);
                                            this._fixedTableElement && this._getRowElements(this._fixedTableElement).eq(rowIndex).toggleClass("dx-state-hover", isHover)
                                        }
                                    }))
                                }
                            }
                            _getScrollDelay() {
                                var _this$_resizingContro;
                                const hasResizeTimeout = null === (_this$_resizingContro = this._resizingController) || void 0 === _this$_resizingContro ? void 0 : _this$_resizingContro.hasResizeTimeout();
                                if (hasResizeTimeout) {
                                    return this.option("scrolling.updateTimeout")
                                }
                                return _browser.default.mozilla ? 60 : 0
                            }
                            _findContentElement(isFixedTableRendering) {
                                let $content;
                                let scrollTop;
                                const contentClass = this.addWidgetPrefix("content");
                                const element = this.element();
                                isFixedTableRendering = this._isFixedTableRendering || isFixedTableRendering;
                                if (element && isFixedTableRendering) {
                                    $content = element.children(`.${contentClass}`);
                                    const scrollable = this.getScrollable();
                                    if (!$content.length && scrollable) {
                                        $content = (0, _renderer.default)("<div>").addClass(contentClass);
                                        _events_engine.default.on($content, "scroll", e => {
                                            const {
                                                target: target
                                            } = e;
                                            const scrollDelay = this._getScrollDelay();
                                            clearTimeout(this._fixedScrollTimeout);
                                            this._fixedScrollTimeout = setTimeout(() => {
                                                scrollTop = (0, _renderer.default)(target).scrollTop();
                                                scrollable.scrollTo({
                                                    y: scrollTop
                                                })
                                            }, scrollDelay)
                                        });
                                        _events_engine.default.on($content, _wheel.name, e => {
                                            const $nearestScrollable = (0, _renderer.default)(e.target).closest(".dx-scrollable");
                                            let shouldScroll = false;
                                            if (scrollable && scrollable.$element().is($nearestScrollable)) {
                                                shouldScroll = true
                                            } else {
                                                const nearestScrollableInstance = $nearestScrollable.length && _ui.default.getInstance($nearestScrollable.get(0));
                                                const nearestScrollableHasVerticalScrollbar = nearestScrollableInstance && nearestScrollableInstance.scrollHeight() - nearestScrollableInstance.clientHeight() > 0;
                                                shouldScroll = nearestScrollableInstance && !nearestScrollableHasVerticalScrollbar
                                            }
                                            if (shouldScroll) {
                                                scrollTop = scrollable.scrollTop();
                                                scrollable.scrollTo({
                                                    y: scrollTop - e.delta
                                                });
                                                const scrollableTop = scrollable.scrollTop() + scrollable.clientHeight();
                                                const scrollableHeight = scrollable.scrollHeight() + this.getScrollbarWidth();
                                                const isPreventDefault = scrollable.scrollTop() > 0 && scrollableTop < scrollableHeight;
                                                if (isPreventDefault) {
                                                    return false
                                                }
                                            }
                                            return
                                        });
                                        $content.appendTo(element)
                                    }
                                    return $content
                                }
                                return super._findContentElement()
                            }
                            _updateScrollable() {
                                super._updateScrollable();
                                const scrollable = this.getScrollable();
                                if (null !== scrollable && void 0 !== scrollable && scrollable._disposed) {
                                    return
                                }
                                const scrollTop = scrollable && scrollable.scrollOffset().top;
                                this._updateFixedTablePosition(scrollTop)
                            }
                            _renderContent(contentElement, tableElement, isFixedTableRendering) {
                                if (this._isFixedTableRendering || isFixedTableRendering) {
                                    return contentElement.empty().addClass(`${this.addWidgetPrefix("content")} ${this.addWidgetPrefix("content-fixed")}`).append(tableElement)
                                }
                                return super._renderContent(contentElement, tableElement)
                            }
                            _getGroupCellOptions(options) {
                                if (this._isFixedTableRendering) {
                                    return super._getGroupCellOptions((0, _extend.extend)({}, options, {
                                        columns: this._columnsController.getVisibleColumns()
                                    }))
                                }
                                return super._getGroupCellOptions(options)
                            }
                            _renderGroupedCells($row, options) {
                                return super._renderGroupedCells($row, (0, _extend.extend)({}, options, {
                                    columns: this._columnsController.getVisibleColumns()
                                }))
                            }
                            _renderGroupSummaryCells($row, options) {
                                if (this._isFixedTableRendering) {
                                    super._renderGroupSummaryCells($row, (0, _extend.extend)({}, options, {
                                        columns: this._columnsController.getVisibleColumns()
                                    }))
                                } else {
                                    super._renderGroupSummaryCells($row, options)
                                }
                            }
                            _hasAlignByColumnSummaryItems(columnIndex, options) {
                                const result = super._hasAlignByColumnSummaryItems.apply(this, arguments);
                                const column = options.columns[columnIndex];
                                if (options.isFixed) {
                                    return column.fixed && (result || "right" === column.fixedPosition)
                                }
                                return result && (!this._isFixedColumns || !column.fixed)
                            }
                            _renderGroupSummaryCellsCore($groupCell, options, groupCellColSpan, alignByColumnCellCount) {
                                let alignByFixedColumnCellCount;
                                if (this._isFixedTableRendering) {
                                    options.isFixed = true;
                                    alignByFixedColumnCellCount = this._getAlignByColumnCellCount(groupCellColSpan, options);
                                    options.isFixed = false;
                                    const startColumnIndex = options.columns.length - alignByFixedColumnCellCount;
                                    options = (0, _extend.extend)({}, options, {
                                        columns: this.getFixedColumns()
                                    });
                                    const transparentColumnIndex = getTransparentColumnIndex(options.columns);
                                    if (startColumnIndex < transparentColumnIndex) {
                                        alignByFixedColumnCellCount -= options.columns[transparentColumnIndex].colspan - 1 || 0;
                                        groupCellColSpan -= options.columns[transparentColumnIndex].colspan - 1 || 0
                                    } else if (alignByColumnCellCount > 0) {
                                        $groupCell.css("visibility", "hidden")
                                    }
                                    alignByColumnCellCount = alignByFixedColumnCellCount
                                }
                                super._renderGroupSummaryCellsCore($groupCell, options, groupCellColSpan, alignByColumnCellCount)
                            }
                            _getSummaryCellIndex(columnIndex, columns) {
                                if (this._isFixedTableRendering) {
                                    const transparentColumnIndex = getTransparentColumnIndex(columns);
                                    if (columnIndex > transparentColumnIndex) {
                                        columnIndex += columns[transparentColumnIndex].colspan - 1
                                    }
                                    return columnIndex
                                }
                                return super._getSummaryCellIndex.apply(this, arguments)
                            }
                            _renderCore(change) {
                                this._detachHoverEvents();
                                const deferred = super._renderCore(change);
                                const isFixedColumns = this._isFixedColumns;
                                this.element().toggleClass("dx-fixed-columns", isFixedColumns);
                                if (this.option("hoverStateEnabled") && isFixedColumns) {
                                    this._attachHoverEvents()
                                }
                                return deferred
                            }
                            setAriaOwns(headerTableId, footerTableId, isFixed) {
                                if (isFixed) {
                                    var _this$element;
                                    const contentFixedClass = this.addWidgetPrefix("content-fixed");
                                    const $contentFixedElement = null === (_this$element = this.element()) || void 0 === _this$element ? void 0 : _this$element.children(`.${contentFixedClass}`);
                                    const $fixedTableElement = this.getFixedTableElement();
                                    if ($contentFixedElement.length && null !== $fixedTableElement && void 0 !== $fixedTableElement && $fixedTableElement.length) {
                                        this.setAria("owns", `${headerTableId??""} ${$fixedTableElement.attr("id")??""} ${footerTableId??""}`.trim(), $contentFixedElement)
                                    }
                                } else {
                                    super.setAriaOwns.apply(this, arguments)
                                }
                            }
                            toggleDraggableColumnClass(columnIndex, value) {
                                super.toggleDraggableColumnClass(columnIndex, value);
                                if (this.isFixedColumns()) {
                                    const $rows = this._getRowElements(this._fixedTableElement);
                                    this._toggleDraggableSourceColumnClass($rows, this.getFixedColumns(), columnIndex, value)
                                }
                            }
                            getCellIndex($cell) {
                                const $fixedTable = this._fixedTableElement;
                                let cellIndex = 0;
                                if ($fixedTable && $cell.is("td") && $cell.closest($fixedTable).length) {
                                    const columns = this.getFixedColumns();
                                    (0, _iterator.each)(columns, (index, column) => {
                                        if (index === $cell[0].cellIndex) {
                                            return false
                                        }
                                        if (column.colspan) {
                                            cellIndex += column.colspan;
                                            return
                                        }
                                        cellIndex++;
                                        return
                                    });
                                    return cellIndex
                                }
                                return super.getCellIndex.apply(this, arguments)
                            }
                            _updateFixedTablePosition(scrollTop, needFocus) {
                                if (this._fixedTableElement && this._tableElement) {
                                    let $focusedElement;
                                    this._fixedTableElement.parent().scrollTop(scrollTop);
                                    if (needFocus && this._editorFactoryController) {
                                        $focusedElement = this._editorFactoryController.focus();
                                        $focusedElement && this._editorFactoryController.focus($focusedElement)
                                    }
                                }
                            }
                            setScrollerSpacing(vWidth, hWidth) {
                                const that = this;
                                const styles = {
                                    marginBottom: 0
                                };
                                const $fixedContent = that.element().children(`.${this.addWidgetPrefix("content-fixed")}`);
                                if ($fixedContent.length && that._fixedTableElement) {
                                    $fixedContent.css(styles);
                                    that._fixedTableElement.css(styles);
                                    styles[that.option("rtlEnabled") ? "marginLeft" : "marginRight"] = vWidth;
                                    styles.marginBottom = hWidth;
                                    const useNativeScrolling = that._scrollable && that._scrollable.option("useNative");
                                    (useNativeScrolling ? $fixedContent : that._fixedTableElement).css(styles)
                                }
                            }
                            _getElasticScrollTop(e) {
                                let elasticScrollTop = 0;
                                if (e.scrollOffset.top < 0) {
                                    elasticScrollTop = -e.scrollOffset.top
                                } else if (e.reachedBottom) {
                                    const $scrollableContent = (0, _renderer.default)(e.component.content());
                                    const $scrollableContainer = (0, _renderer.default)(e.component.container());
                                    const maxScrollTop = Math.max($scrollableContent.get(0).clientHeight - $scrollableContainer.get(0).clientHeight, 0);
                                    elasticScrollTop = Math.min(maxScrollTop - e.scrollOffset.top, 0)
                                }
                                return Math.floor(elasticScrollTop)
                            }
                            _applyElasticScrolling(e) {
                                if (this._fixedTableElement) {
                                    const elasticScrollTop = this._getElasticScrollTop(e);
                                    if (0 !== Math.ceil(elasticScrollTop)) {
                                        (0, _translator.move)(this._fixedTableElement, {
                                            top: elasticScrollTop
                                        })
                                    } else {
                                        this._fixedTableElement.css("transform", "")
                                    }
                                }
                            }
                            _handleScroll(e) {
                                this._updateFixedTablePosition(e.scrollOffset.top, true);
                                this._applyElasticScrolling(e);
                                super._handleScroll(e)
                            }
                            _updateContentPosition(isRender) {
                                super._updateContentPosition.apply(this, arguments);
                                if (!isRender) {
                                    this._updateFixedTablePosition(this._scrollTop)
                                }
                            }
                            _afterRowPrepared(e) {
                                if (this._isFixedTableRendering) {
                                    return
                                }
                                super._afterRowPrepared(e)
                            }
                            _scrollToElement($element, offset) {
                                const scrollOffset = this.isFixedColumns() ? this.getFixedColumnsOffset() : offset;
                                super._scrollToElement($element, scrollOffset)
                            }
                        },
                        footerView: Base => class extends(baseFixedColumns(Base)) {}
                    },
                    controllers: {
                        draggingHeader: Base => class extends Base {
                            _generatePointsByColumns(options, needToCheckPrevPoint) {
                                const visibleColumns = options.columns;
                                const {
                                    targetDraggingPanel: targetDraggingPanel
                                } = options;
                                if (targetDraggingPanel && "headers" === targetDraggingPanel.getName() && targetDraggingPanel.isFixedColumns()) {
                                    if (options.sourceColumn.fixed) {
                                        if (!options.rowIndex) {
                                            options.columnElements = targetDraggingPanel.getFixedColumnElements(0)
                                        }
                                        options.columns = targetDraggingPanel.getFixedColumns(options.rowIndex);
                                        const pointsByColumns = super._generatePointsByColumns(options, needToCheckPrevPoint);
                                        ! function(columns, fixedColumns, pointsByColumns) {
                                            const transparentColumnIndex = getTransparentColumnIndex(fixedColumns);
                                            const correctIndex = columns.length - fixedColumns.length;
                                            (0, _iterator.each)(pointsByColumns, (_, point) => {
                                                if (point.index > transparentColumnIndex) {
                                                    point.columnIndex += correctIndex;
                                                    point.index += correctIndex
                                                }
                                            });
                                            return pointsByColumns
                                        }(visibleColumns, options.columns, pointsByColumns);
                                        return pointsByColumns
                                    }
                                }
                                return super._generatePointsByColumns(options, needToCheckPrevPoint)
                            }
                            _pointCreated(_ref2) {
                                let {
                                    point: point,
                                    columns: columns,
                                    location: location,
                                    sourceColumn: sourceColumn,
                                    cells: cells
                                } = _ref2;
                                const result = super._pointCreated({
                                    point: point,
                                    columns: columns,
                                    location: location,
                                    sourceColumn: sourceColumn,
                                    cells: cells
                                });
                                const targetColumn = columns[point.columnIndex];
                                const $transparentColumn = this._columnHeadersView.getTransparentColumnElement();
                                if (!result && "headers" === location && $transparentColumn && $transparentColumn.length) {
                                    const boundingRect = (0, _position.getBoundingRect)($transparentColumn.get(0));
                                    if (sourceColumn && sourceColumn.fixed) {
                                        return "right" === sourceColumn.fixedPosition ? point.x < boundingRect.right : point.x > boundingRect.left
                                    }
                                    if (targetColumn && targetColumn.fixed && "right" !== targetColumn.fixedPosition) {
                                        return true
                                    }
                                    return point.x < boundingRect.left || point.x > boundingRect.right
                                }
                                return result
                            }
                        },
                        columnsResizer: Base => class extends Base {
                            _generatePointsByColumns(needToCheckPrevPoint) {
                                const that = this;
                                const columnsController = that._columnsController;
                                const columns = columnsController && that._columnsController.getVisibleColumns();
                                const fixedColumns = columnsController && that._columnsController.getFixedColumns();
                                const transparentColumnIndex = getTransparentColumnIndex(fixedColumns);
                                const correctIndex = columns.length - fixedColumns.length;
                                const cells = that._columnHeadersView.getFixedColumnElements();
                                super._generatePointsByColumns(needToCheckPrevPoint);
                                if (cells && cells.length > 0) {
                                    that._pointsByFixedColumns = _m_utils.default.getPointsByColumns(cells, point => {
                                        if (point.index > transparentColumnIndex) {
                                            point.columnIndex += correctIndex;
                                            point.index += correctIndex
                                        }
                                        return that._pointCreated(point, columns)
                                    })
                                }
                            }
                            _getTargetPoint(pointsByColumns, currentPoint, deltaX) {
                                const $transparentColumn = this._columnHeadersView.getTransparentColumnElement();
                                if ($transparentColumn && $transparentColumn.length) {
                                    const boundingRect = (0, _position.getBoundingRect)($transparentColumn.get(0));
                                    if (currentPoint.x <= boundingRect.left || currentPoint.x >= boundingRect.right) {
                                        return super._getTargetPoint(this._pointsByFixedColumns, currentPoint, deltaX)
                                    }
                                }
                                return super._getTargetPoint(pointsByColumns, currentPoint, deltaX)
                            }
                        },
                        resizing: Base => class extends Base {
                            _setAriaOwns() {
                                var _this$_columnHeadersV, _this$_footerView, _this$_rowsView;
                                super._setAriaOwns.apply(this, arguments);
                                const headerFixedTable = null === (_this$_columnHeadersV = this._columnHeadersView) || void 0 === _this$_columnHeadersV ? void 0 : _this$_columnHeadersV.getFixedTableElement();
                                const footerFixedTable = null === (_this$_footerView = this._footerView) || void 0 === _this$_footerView ? void 0 : _this$_footerView.getFixedTableElement();
                                null === (_this$_rowsView = this._rowsView) || void 0 === _this$_rowsView || _this$_rowsView.setAriaOwns(null === headerFixedTable || void 0 === headerFixedTable ? void 0 : headerFixedTable.attr("id"), null === footerFixedTable || void 0 === footerFixedTable ? void 0 : footerFixedTable.attr("id"), true)
                            }
                        },
                        keyboardNavigation: Base => class extends Base {
                            _toggleInertAttr(value) {
                                var _this$_rowsView2;
                                const $fixedContent = null === (_this$_rowsView2 = this._rowsView) || void 0 === _this$_rowsView2 ? void 0 : _this$_rowsView2.getFixedContentElement();
                                if (value) {
                                    null === $fixedContent || void 0 === $fixedContent || $fixedContent.attr("inert", true)
                                } else {
                                    null === $fixedContent || void 0 === $fixedContent || $fixedContent.removeAttr("inert")
                                }
                            }
                        },
                        editorFactory: Base => class extends Base {
                            getValidationMessageContainer($cell) {
                                const isFixedColumns = this._rowsView.isFixedColumns();
                                if (isFixedColumns) {
                                    return this._rowsView.element()
                                }
                                return super.getValidationMessageContainer($cell)
                            }
                        }
                    }
                }
            }
        },
        10508(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CLASSES = void 0;
            exports.CLASSES = {
                cellContent: "text-content"
            }
        },
        88568(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.columnHeadersModule = exports.ColumnHeadersView = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _m_column_context_menu_mixin = __webpack_require__( /*! ../../../grids/grid_core/context_menu/m_column_context_menu_mixin */ 16217);
            var _const = __webpack_require__( /*! ../columns_resizing_reordering/const */ 91066);
            var _m_accessibility = __webpack_require__( /*! ../m_accessibility */ 68491);
            var _m_columns_view = __webpack_require__( /*! ../views/m_columns_view */ 48921);
            var _const2 = __webpack_require__( /*! ./const */ 10508);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class ColumnHeadersView extends((0, _m_column_context_menu_mixin.ColumnContextMenuMixin)(_m_columns_view.ColumnsView)) {
                addCssClassesToCellContent($cell, column, $cellContent) {
                    const $indicatorElements = this._getIndicatorElements($cell, true);
                    const $visibleIndicatorElements = this._getIndicatorElements($cell);
                    const indicatorCount = null === $indicatorElements || void 0 === $indicatorElements ? void 0 : $indicatorElements.length;
                    const columnAlignment = this._getColumnAlignment(column.alignment ?? "");
                    const sortIndicatorClassName = `.${this._getIndicatorClassName("sort")}`;
                    const sortIndexIndicatorClassName = `.${this._getIndicatorClassName("sortIndex")}`;
                    const $sortIndicator = $visibleIndicatorElements.filter(sortIndicatorClassName);
                    const $sortIndexIndicator = $visibleIndicatorElements.children().filter(sortIndexIndicatorClassName);
                    const $content = $cellContent ?? $cell.children(`.${this.addWidgetPrefix(_const2.CLASSES.cellContent)}`);
                    $content.toggleClass("dx-text-content-alignment-" + columnAlignment, indicatorCount > 0).toggleClass("dx-text-content-alignment-" + ("left" === columnAlignment ? "right" : "left"), indicatorCount > 0 && "center" === column.alignment).toggleClass("dx-sort-indicator", !!$sortIndicator.length).toggleClass("dx-sort-index-indicator", !!$sortIndexIndicator.length).toggleClass("dx-header-filter-indicator", !!$visibleIndicatorElements.filter(`.${this._getIndicatorClassName("headerFilter")}`).length)
                }
                createCellContent($cell, column) {
                    const $cellContent = (0, _renderer.default)("<div>").addClass(this.addWidgetPrefix(_const2.CLASSES.cellContent));
                    this.setAria("role", "presentation", $cellContent);
                    this.addCssClassesToCellContent($cell, column, $cellContent);
                    const showColumnLines = this.option("showColumnLines");
                    const contentAlignment = this.getController("columns").getHeaderContentAlignment(column.alignment);
                    if (showColumnLines || "right" === contentAlignment) {
                        $cellContent.appendTo($cell)
                    } else {
                        $cellContent.prependTo($cell)
                    }
                    return $cellContent
                }
                init() {
                    super.init();
                    this._headerPanelView = this.getView("headerPanel");
                    this._headerFilterController = this.getController("headerFilter");
                    this._dataController = this.getController("data");
                    this._headersKeyboardNavigation = this.getController("headersKeyboardNavigation")
                }
                _createTable() {
                    const $table = super._createTable.apply(this, arguments);
                    _events_engine.default.on($table, "mousedown selectstart", this.createAction(e => {
                        const {
                            event: event
                        } = e;
                        if (event.shiftKey) {
                            event.preventDefault()
                        }
                    }));
                    return $table
                }
                _isLegacyKeyboardNavigation() {
                    return this.option("useLegacyKeyboardNavigation")
                }
                getHeaderDefaultTemplate($container, options) {
                    const {
                        column: column
                    } = options;
                    const {
                        caption: caption
                    } = column;
                    const needCellContent = !column.command || caption && "expand" !== column.command;
                    if ("empty" === column.command) {
                        this._renderEmptyMessage($container, options)
                    } else if (needCellContent) {
                        const $content = this.createCellContent($container, column);
                        $content.text(caption)
                    } else if (column.command) {
                        $container.html("&nbsp;")
                    }
                }
                _renderEmptyMessage($container, options) {
                    const textEmpty = this._getEmptyHeaderText();
                    if (!textEmpty) {
                        $container.html("&nbsp;");
                        return
                    }
                    const $cellContent = this.createCellContent($container, options.column);
                    const needSplit = textEmpty.includes("{0}");
                    if (needSplit) {
                        const [leftPart, rightPart] = textEmpty.split("{0}");
                        const columnChooserTitle = _message.default.format("dxDataGrid-emptyHeaderColumnChooserText");
                        const columnChooserView = this._columnChooserView;
                        const $link = (0, _renderer.default)("<a>").text(columnChooserTitle).addClass("dx-link");
                        _events_engine.default.on($link, "click", this.createAction(() => columnChooserView.showColumnChooser()));
                        $cellContent.append(_dom_adapter.default.createTextNode(leftPart)).append($link).append(_dom_adapter.default.createTextNode(rightPart))
                    } else {
                        $cellContent.text(textEmpty)
                    }
                }
                _getEmptyHeaderText() {
                    const hasHiddenColumns = !!this._columnChooserView.hasHiddenColumns();
                    const hasGroupedColumns = !!this._headerPanelView.hasGroupedColumns();
                    switch (true) {
                        case hasHiddenColumns && hasGroupedColumns:
                            return _message.default.format("dxDataGrid-emptyHeaderWithColumnChooserAndGroupPanelText");
                        case hasGroupedColumns:
                            return _message.default.format("dxDataGrid-emptyHeaderWithGroupPanelText");
                        case hasHiddenColumns:
                            return _message.default.format("dxDataGrid-emptyHeaderWithColumnChooserText");
                        default:
                            return ""
                    }
                }
                _getHeaderTemplate(column) {
                    return column.headerCellTemplate || {
                        allowRenderToDetachedContainer: true,
                        render: this.getHeaderDefaultTemplate.bind(this)
                    }
                }
                _processTemplate(template, options) {
                    const that = this;
                    let resultTemplate;
                    const {
                        column: column
                    } = options;
                    const renderingTemplate = super._processTemplate(template);
                    if ("header" === options.rowType && renderingTemplate && column.headerCellTemplate && !column.command) {
                        resultTemplate = {
                            render(options) {
                                const $content = that.createCellContent(options.container, column);
                                renderingTemplate.render((0, _extend.extend)({}, options, {
                                    container: $content
                                }))
                            }
                        }
                    } else {
                        resultTemplate = renderingTemplate
                    }
                    return resultTemplate
                }
                _handleDataChanged(e) {
                    if ("refresh" !== e.changeType) {
                        return
                    }
                    if (this._isGroupingChanged || this._requireReady) {
                        this._isGroupingChanged = false;
                        this.render()
                    }
                }
                _renderCell($row, options) {
                    const $cell = super._renderCell($row, options);
                    if ("header" === options.row.rowType) {
                        $cell.addClass("dx-cell-focus-disabled");
                        if (!this._isLegacyKeyboardNavigation()) {
                            const {
                                column: column
                            } = options;
                            const isCustomCommandColumn = this._columnsController.isCustomCommandColumn(column);
                            if (column && (!column.type || isCustomCommandColumn)) {
                                $cell.attr("tabindex", this.option("tabindex") || 0)
                            }
                        }
                    }
                    return $cell
                }
                _setCellAriaAttributes($cell, cellOptions, options) {
                    super._setCellAriaAttributes($cell, cellOptions, options);
                    if ("header" === cellOptions.rowType) {
                        if (!cellOptions.column.type) {
                            this.setAria("role", "columnheader", $cell)
                        }
                        if (cellOptions.column && !cellOptions.column.command && !cellOptions.column.isBand) {
                            $cell.attr("id", cellOptions.column.headerId);
                            this.setAria("label", `${_message.default.format("dxDataGrid-ariaColumn")} ${cellOptions.column.caption}`, $cell)
                        }
                    }
                }
                _createRow(row) {
                    const $row = super._createRow.apply(this, arguments);
                    $row.toggleClass("dx-column-lines", this.option("showColumnLines"));
                    if ("header" === row.rowType) {
                        $row.addClass("dx-header-row");
                        if (!this._isLegacyKeyboardNavigation()) {
                            (0, _m_accessibility.registerKeyboardAction)("columnHeaders", this, $row, "td", this._handleActionKeyDown.bind(this))
                        }
                    }
                    return $row
                }
                _processHeaderAction(event, $row) {}
                _handleActionKeyDown(args) {
                    const {
                        event: event
                    } = args;
                    const $target = (0, _renderer.default)(event.target);
                    this._lastActionElement = event.target;
                    if ($target.is(".dx-header-filter")) {
                        const headerFilterController = this._headerFilterController;
                        const $column = $target.closest("td");
                        const columnIndex = this.getColumnIndexByElement($column);
                        if (columnIndex >= 0) {
                            headerFilterController.showHeaderFilterMenu(columnIndex, false)
                        }
                    } else {
                        const $row = $target.closest(".dx-row");
                        this._processHeaderAction(event, $row)
                    }
                    event.preventDefault()
                }
                _renderCore() {
                    const $container = this.element();
                    const change = {};
                    if (this._tableElement && !this._dataController.isLoaded() && !this._hasRowElements) {
                        return (new _deferred.Deferred).resolve()
                    }
                    $container.addClass(this.addWidgetPrefix("headers")).toggleClass(this.addWidgetPrefix("nowrap"), !this.option("wordWrapEnabled"));
                    this.setAria("role", "presentation", $container);
                    const deferred = this._updateContent(this._renderTable({
                        change: change
                    }), change);
                    $container.toggleClass("dx-header-multi-row", this.getRowCount() > 1);
                    super._renderCore.apply(this, arguments);
                    return deferred
                }
                _renderRows() {
                    const that = this;
                    if (that._dataController.isLoaded() || that._hasRowElements) {
                        super._renderRows.apply(that, arguments);
                        that._hasRowElements = true
                    }
                }
                _renderRow($table, options) {
                    const rowIndex = 1 === this.getRowCount() ? null : options.row.rowIndex;
                    options.columns = this.getColumns(rowIndex);
                    super._renderRow($table, options)
                }
                _createCell(options) {
                    const {
                        column: column
                    } = options;
                    const $cellElement = super._createCell.apply(this, arguments);
                    if ("header" !== options.rowType) {
                        return $cellElement
                    }
                    const isBandColumnsUsed = this._columnsController.isBandColumnsUsed();
                    if (isBandColumnsUsed) {
                        this.toggleFirstCellClass($cellElement, this._columnsController.isFirstColumn(column, options.rowIndex))
                    }
                    if (column.rowspan > 1) {
                        $cellElement.attr("rowSpan", column.rowspan)
                    }
                    return $cellElement
                }
                _getRows() {
                    const result = [];
                    const rowCount = this.getRowCount();
                    if (this.option("showColumnHeaders")) {
                        for (let i = 0; i < rowCount; i++) {
                            result.push({
                                rowType: "header",
                                rowIndex: i
                            })
                        }
                    }
                    return result
                }
                _getCellTemplate(options) {
                    if ("header" === options.rowType) {
                        return this._getHeaderTemplate(options.column)
                    }
                }
                _columnOptionChanged(e) {
                    const {
                        changeTypes: changeTypes
                    } = e;
                    const {
                        optionNames: optionNames
                    } = e;
                    if (changeTypes.grouping || changeTypes.groupExpanding) {
                        if (changeTypes.grouping) {
                            this._isGroupingChanged = true
                        }
                        return
                    }
                    super._columnOptionChanged(e);
                    if (optionNames.width || optionNames.visible) {
                        this.resizeCompleted.fire()
                    }
                }
                _isElementVisible(elementOptions) {
                    return null === elementOptions || void 0 === elementOptions ? void 0 : elementOptions.visible
                }
                _alignCaptionByCenter($cell) {
                    var _$indicatorsContainer;
                    let $indicatorsContainer = this._getIndicatorContainer($cell, true);
                    if (null !== (_$indicatorsContainer = $indicatorsContainer) && void 0 !== _$indicatorsContainer && _$indicatorsContainer.length) {
                        $indicatorsContainer.filter(".dx-visibility-hidden").remove();
                        $indicatorsContainer = this._getIndicatorContainer($cell);
                        $indicatorsContainer.clone().addClass("dx-visibility-hidden").css("float", "").insertBefore($cell.children(`.${this.addWidgetPrefix(_const2.CLASSES.cellContent)}`))
                    }
                }
                _updateCell($cell, options) {
                    if ("header" === options.rowType && "center" === options.column.alignment) {
                        this._alignCaptionByCenter($cell)
                    }
                    super._updateCell.apply(this, arguments)
                }
                _updateIndicator($cell, column, indicatorName) {
                    const $indicatorElement = super._updateIndicator.apply(this, arguments);
                    if ("center" === column.alignment) {
                        this._alignCaptionByCenter($cell)
                    }
                    this.addCssClassesToCellContent($cell, column);
                    return $indicatorElement
                }
                _getIndicatorContainer($cell, returnAll) {
                    const $indicatorsContainer = super._getIndicatorContainer($cell);
                    return returnAll ? $indicatorsContainer : $indicatorsContainer.filter(":not(.dx-visibility-hidden)")
                }
                _isSortableElement($target) {
                    return true
                }
                getHeadersRowHeight() {
                    const $tableElement = this.getTableElement();
                    const $headerRows = null === $tableElement || void 0 === $tableElement ? void 0 : $tableElement.find(".dx-header-row");
                    return (null === $headerRows || void 0 === $headerRows ? void 0 : $headerRows.toArray().reduce((sum, headerRow) => sum + (0, _size.getHeight)(headerRow), 0)) || 0
                }
                getHeaderElement(index) {
                    const $columnElements = this.getColumnElements();
                    return (null === $columnElements || void 0 === $columnElements ? void 0 : $columnElements.eq(index)) ?? (0, _renderer.default)("")
                }
                getColumnElements(index, bandColumnIndex) {
                    let $cellElement;
                    const columnsController = this._columnsController;
                    const rowCount = this.getRowCount();
                    if (this.option("showColumnHeaders")) {
                        if (rowCount > 1 && (!(0, _type.isDefined)(index) || (0, _type.isDefined)(bandColumnIndex))) {
                            const result = [];
                            let visibleColumns = [];
                            if ((0, _type.isDefined)(bandColumnIndex)) {
                                visibleColumns = columnsController.getChildrenByBandColumn(bandColumnIndex, true)
                            } else {
                                visibleColumns = columnsController.getVisibleColumns()
                            }
                            visibleColumns.forEach(column => {
                                const rowIndex = index ?? columnsController.getRowIndex(column.index);
                                const visibleIndex = columnsController.getVisibleIndex(column.index, rowIndex);
                                $cellElement = this._getCellElement(rowIndex, visibleIndex);
                                if ($cellElement) {
                                    result.push($cellElement.get(0))
                                }
                            });
                            return (0, _renderer.default)(result)
                        }
                        if (!index || index < rowCount) {
                            return this.getCellElements(index || 0)
                        }
                    }
                    return
                }
                getColumnIndexByElement($cell) {
                    const cellIndex = this.getCellIndex($cell);
                    const $row = $cell.closest(".dx-row");
                    const {
                        rowIndex: rowIndex
                    } = $row[0];
                    const column = this.getColumns(rowIndex)[cellIndex];
                    return column ? column.index : -1
                }
                getVisibleColumnIndex(columnIndex, rowIndex) {
                    const column = this.getColumns()[columnIndex];
                    return column ? this._columnsController.getVisibleIndex(column.index, rowIndex) : -1
                }
                getColumnWidths($tableElement, rowIndex) {
                    const $columnElements = this.getColumnElements(rowIndex);
                    if (null !== $columnElements && void 0 !== $columnElements && $columnElements.length) {
                        return this._getWidths($columnElements)
                    }
                    return super.getColumnWidths.apply(this, arguments)
                }
                isColumnReorderingEnabled(column) {
                    return column.allowReordering && (this.option("allowColumnReordering") ?? this._columnsController.isColumnOptionUsed("allowReordering"))
                }
                allowDragging(column) {
                    const rowIndex = column && this._columnsController.getRowIndex(column.index);
                    const columns = this.getColumns(rowIndex);
                    return this.isColumnReorderingEnabled(column) && columns.length > 1
                }
                getBoundingRect() {
                    const that = this;
                    const $columnElements = that.getColumnElements();
                    if (null !== $columnElements && void 0 !== $columnElements && $columnElements.length) {
                        const offset = that.getTableElement().offset();
                        return {
                            top: offset.top
                        }
                    }
                    return null
                }
                getName() {
                    return "headers"
                }
                getColumnCount() {
                    const $columnElements = this.getColumnElements();
                    return $columnElements ? $columnElements.length : 0
                }
                _getVisibleColumnIndex($cells, rowIndex, columnIdentifier) {
                    if ((0, _type.isString)(columnIdentifier)) {
                        const columnIndex = this._columnsController.columnOption(columnIdentifier, "index");
                        return this._columnsController.getVisibleIndex(columnIndex, rowIndex)
                    }
                    return super._getVisibleColumnIndex($cells, rowIndex, columnIdentifier)
                }
                isVisible() {
                    return this.option("showColumnHeaders")
                }
                optionChanged(args) {
                    const that = this;
                    switch (args.name) {
                        case "showColumnHeaders":
                        case "wordWrapEnabled":
                        case "showColumnLines":
                            that._invalidate(true, true);
                            args.handled = true;
                            break;
                        default:
                            super.optionChanged(args)
                    }
                }
                getHeight() {
                    return this.getElementHeight()
                }
                getContextMenuItems(options) {
                    let items;
                    const {
                        column: column
                    } = options;
                    if (options.row && ("header" === options.row.rowType || "detailAdaptive" === options.row.rowType)) {
                        const sortingOptions = this.option("sorting");
                        if (sortingOptions && "none" !== sortingOptions.mode && null !== column && void 0 !== column && column.allowSorting) {
                            const onItemClick = params => {
                                setTimeout(() => {
                                    this._columnsController.changeSortOrder(column.index, params.itemData.value)
                                })
                            };
                            items = [{
                                text: sortingOptions.ascendingText,
                                value: "asc",
                                disabled: "asc" === column.sortOrder,
                                icon: "context-menu-sort-asc",
                                onItemClick: onItemClick
                            }, {
                                text: sortingOptions.descendingText,
                                value: "desc",
                                disabled: "desc" === column.sortOrder,
                                icon: "context-menu-sort-desc",
                                onItemClick: onItemClick
                            }, {
                                name: "clearSorting",
                                text: sortingOptions.clearText,
                                value: "none",
                                disabled: !column.sortOrder,
                                icon: "context-menu-sort-none",
                                onItemClick: onItemClick
                            }]
                        }
                        if ("header" === options.row.rowType) {
                            const moveColumnItems = this.getMoveColumnContextMenuItems(options);
                            if (null !== moveColumnItems && void 0 !== moveColumnItems && moveColumnItems.length) {
                                items = items ?? [];
                                items.push(...moveColumnItems)
                            }
                        }
                    }
                    return items
                }
                getRowCount() {
                    var _this$_columnsControl;
                    return null === (_this$_columnsControl = this._columnsController) || void 0 === _this$_columnsControl ? void 0 : _this$_columnsControl.getRowCount()
                }
                toggleDraggableColumnClass(columnIndex, value, rowIndex) {
                    let i;
                    let columnElements;
                    const rowCount = this.getRowCount();
                    const columns = this._columnsController.getColumns();
                    const column = null === columns || void 0 === columns ? void 0 : columns[columnIndex];
                    const columnID = (null === column || void 0 === column ? void 0 : column.isBand) && column.index;
                    const setColumnClass = (column, index) => {
                        if (column.ownerBand === columnID) {
                            columnElements.eq(index).toggleClass(this.addWidgetPrefix(_const.CLASSES.draggableColumn), value);
                            if (column.isBand) {
                                this.toggleDraggableColumnClass(column.index, value, i + 1)
                            }
                        }
                    };
                    if ((0, _type.isDefined)(columnID)) {
                        rowIndex = rowIndex || 0;
                        for (i = rowIndex; i < rowCount; i++) {
                            columnElements = this.getCellElements(i);
                            if (columnElements) {
                                const rowColumns = this.getColumns(i);
                                rowColumns.forEach(setColumnClass)
                            }
                        }
                    }
                }
                isFilterRowCell($cell) {
                    return false
                }
                getKeyboardNavigationController() {
                    return this._headersKeyboardNavigation
                }
                renderDragCellContent($dragContainer, column) {
                    $dragContainer.text(column.caption ?? "")
                }
            }
            exports.ColumnHeadersView = ColumnHeadersView;
            exports.columnHeadersModule = {
                defaultOptions: () => ({
                    showColumnHeaders: true,
                    cellHintEnabled: true
                }),
                views: {
                    columnHeadersView: ColumnHeadersView
                }
            }
        },
        96790(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.ColumnStateMixin = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            const ColumnStateMixin = Base => class extends Base {
                _applyColumnState(options) {
                    var _that$component;
                    const rtlEnabled = this.option("rtlEnabled");
                    const columnAlignment = this._getColumnAlignment(options.column.alignment, rtlEnabled);
                    const parameters = (0, _extend.extend)(true, {
                        columnAlignment: columnAlignment
                    }, options);
                    const isGroupPanelItem = parameters.rootElement.hasClass("dx-group-panel-item");
                    const $indicatorsContainer = this._createIndicatorContainer(parameters, isGroupPanelItem);
                    const $span = (0, _renderer.default)("<span>").addClass(this._getIndicatorClassName(options.name));
                    const columnsController = null === (_that$component = this.component) || void 0 === _that$component ? void 0 : _that$component.getController("columns");
                    const indicatorAlignment = (null === columnsController || void 0 === columnsController ? void 0 : columnsController.getHeaderContentAlignment(columnAlignment)) || columnAlignment;
                    parameters.container = $indicatorsContainer;
                    parameters.indicator = $span;
                    this._renderIndicator(parameters);
                    $indicatorsContainer[(isGroupPanelItem || !options.showColumnLines) && "left" === indicatorAlignment ? "appendTo" : "prependTo"](options.rootElement);
                    return $span
                }
                _getIndicatorClassName(name) {}
                _getColumnAlignment(alignment) {
                    let rtl = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                    const rtlEnabled = rtl || this.option("rtlEnabled");
                    return alignment && "center" !== alignment ? alignment : (0, _position.getDefaultAlignment)(rtlEnabled)
                }
                _createIndicatorContainer(options, ignoreIndicatorAlignment) {
                    let $indicatorsContainer = this._getIndicatorContainer(options.rootElement);
                    const indicatorAlignment = "left" === options.columnAlignment ? "right" : "left";
                    if (!$indicatorsContainer.length) {
                        $indicatorsContainer = (0, _renderer.default)("<div>").addClass("dx-column-indicators")
                    }
                    this.setAria("role", "presentation", $indicatorsContainer);
                    return $indicatorsContainer.css("float", options.showColumnLines && !ignoreIndicatorAlignment ? indicatorAlignment : null)
                }
                _getIndicatorContainer($cell) {
                    return $cell && $cell.find(".dx-column-indicators")
                }
                _getIndicatorElements($cell) {
                    const $indicatorContainer = this._getIndicatorContainer($cell);
                    return null === $indicatorContainer || void 0 === $indicatorContainer ? void 0 : $indicatorContainer.children()
                }
                _renderIndicator(options) {
                    const $container = options.container;
                    const $indicator = options.indicator;
                    $container && $indicator && $container.append($indicator)
                }
                _updateIndicators(indicatorName) {
                    const that = this;
                    const columns = that.getColumns();
                    const $cells = that.getColumnElements();
                    let $cell;
                    if (!$cells || columns.length !== $cells.length) {
                        return
                    }
                    for (let i = 0; i < columns.length; i++) {
                        $cell = $cells.eq(i);
                        that._updateIndicator($cell, columns[i], indicatorName);
                        const rowOptions = $cell.parent().data("options");
                        if (rowOptions && rowOptions.cells) {
                            rowOptions.cells[$cell.index()].column = columns[i]
                        }
                    }
                }
                _updateIndicator($cell, column, indicatorName) {
                    if (!column.command) {
                        return this._applyColumnState({
                            name: indicatorName,
                            rootElement: $cell,
                            column: column,
                            showColumnLines: this.option("showColumnLines")
                        })
                    }
                    return
                }
            };
            exports.ColumnStateMixin = ColumnStateMixin;
            exports.default = ColumnStateMixin
        },
        48795(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.VIRTUAL_COMMAND_COLUMN_NAME = exports.USER_STATE_FIELD_NAMES_15_1 = exports.USER_STATE_FIELD_NAMES = exports.UNSUPPORTED_PROPERTIES_FOR_CHILD_COLUMNS = exports.MAX_SAFE_INTEGER = exports.IGNORE_COLUMN_OPTION_NAMES = exports.HEADERS_LOCATION = exports.GROUP_LOCATION = exports.GROUP_COMMAND_COLUMN_NAME = exports.DETAIL_COMMAND_COLUMN_NAME = exports.DEFAULT_COLUMN_OPTIONS = exports.DATATYPE_OPERATIONS = exports.COMMAND_EXPAND_CLASS = exports.COMMAND_COLUMNS_WITH_REQUIRED_NAMES = exports.COLUMN_OPTION_REGEXP = exports.COLUMN_INDEX_OPTIONS = exports.COLUMN_CHOOSER_LOCATION = void 0;
            const USER_STATE_FIELD_NAMES_15_1 = exports.USER_STATE_FIELD_NAMES_15_1 = ["filterValues", "filterType", "fixed", "fixedPosition"];
            exports.USER_STATE_FIELD_NAMES = ["visibleIndex", "dataField", "name", "dataType", "width", "visible", "sortOrder", "lastSortOrder", "sortIndex", "groupIndex", "filterValue", "bufferedFilterValue", "selectedFilterOperation", "bufferedSelectedFilterOperation", "added"].concat(USER_STATE_FIELD_NAMES_15_1);
            exports.IGNORE_COLUMN_OPTION_NAMES = {
                visibleWidth: true,
                bestFitWidth: true,
                bufferedFilterValue: true
            };
            exports.COMMAND_EXPAND_CLASS = "dx-command-expand";
            exports.MAX_SAFE_INTEGER = Number.MAX_SAFE_INTEGER || 9007199254740991;
            exports.GROUP_COMMAND_COLUMN_NAME = "groupExpand";
            exports.VIRTUAL_COMMAND_COLUMN_NAME = "virtual";
            exports.DETAIL_COMMAND_COLUMN_NAME = "detailExpand";
            exports.COLUMN_OPTION_REGEXP = /columns\[(\d+)\]\.?/gi;
            exports.DEFAULT_COLUMN_OPTIONS = {
                visible: true,
                showInColumnChooser: true
            };
            exports.DATATYPE_OPERATIONS = {
                number: ["=", "<>", "<", ">", "<=", ">=", "between"],
                string: ["contains", "notcontains", "startswith", "endswith", "=", "<>"],
                date: ["=", "<>", "<", ">", "<=", ">=", "between"],
                datetime: ["=", "<>", "<", ">", "<=", ">=", "between"]
            };
            exports.COLUMN_INDEX_OPTIONS = {
                visibleIndex: true,
                groupIndex: true,
                grouped: true,
                sortIndex: true,
                sortOrder: true
            };
            exports.GROUP_LOCATION = "group";
            exports.COLUMN_CHOOSER_LOCATION = "columnChooser";
            exports.HEADERS_LOCATION = "headers";
            exports.UNSUPPORTED_PROPERTIES_FOR_CHILD_COLUMNS = ["fixed", "fixedPosition", "type", "buttons"];
            exports.COMMAND_COLUMNS_WITH_REQUIRED_NAMES = ["ai"]
        },
        17798(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.columnsControllerModule = exports.ColumnsController = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/date */ 38662));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _data_source = __webpack_require__( /*! ../../../../common/data/data_source/data_source */ 68216);
            var _utils = __webpack_require__( /*! ../../../../common/data/data_source/utils */ 97169);
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../../../core/config */ 66636));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/callbacks */ 84718));
            var _data = __webpack_require__( /*! ../../../../core/utils/data */ 31e3);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _object = __webpack_require__( /*! ../../../../core/utils/object */ 22263);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _variable_wrapper = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/variable_wrapper */ 40216));
            var _abstract_store = _interopRequireDefault(__webpack_require__( /*! ../../../../data/abstract_store */ 77735));
            var _filtering = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/shared/filtering */ 56417));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/widget/ui.errors */ 35185));
            var _m_inflector = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/m_inflector */ 66122));
            var _const = __webpack_require__( /*! ../ai_column/const */ 92806);
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _const2 = __webpack_require__( /*! ../sticky_columns/const */ 87396);
            var _const3 = __webpack_require__( /*! ./const */ 48795);
            var _m_columns_controller_utils = __webpack_require__( /*! ./m_columns_controller_utils */ 63904);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class ColumnsController extends _m_modules.default.Controller {
                getCommonColumnSettings(column) {
                    switch (true) {
                        case !(null !== column && void 0 !== column && column.type):
                            return this.option("commonColumnSettings");
                        case (null === column || void 0 === column ? void 0 : column.type) === _const.AI_COLUMN_NAME:
                            return this.getAIColumnSettings();
                        default:
                            return {}
                    }
                }
                getAIColumnSettings() {
                    return {
                        allowHiding: true,
                        ai: {
                            mode: "auto",
                            showHeaderMenu: true
                        }
                    }
                }
                init(isApplyingUserState) {
                    this._dataController = this.getController("data");
                    this._focusController = this.getController("focus");
                    this._stateStoringController = this.getController("stateStoring");
                    const columns = this.option("columns");
                    this._commandColumns = this._commandColumns || [];
                    this._columns = this._columns || [];
                    this._isColumnsFromOptions = !!columns;
                    if (this._isColumnsFromOptions) {
                        (0, _m_columns_controller_utils.assignColumns)(this, columns ? (0, _m_columns_controller_utils.createColumnsFromOptions)(this, columns) : []);
                        (0, _m_columns_controller_utils.applyUserState)(this)
                    } else {
                        (0, _m_columns_controller_utils.assignColumns)(this, this._columnsUserState ? (0, _m_columns_controller_utils.createColumnsFromOptions)(this, this._columnsUserState) : this._columns)
                    }(0, _m_columns_controller_utils.addExpandColumn)(this);
                    if (this._dataSourceApplied) {
                        this.applyDataSource(this._dataSource, true, isApplyingUserState)
                    } else {
                        (0, _m_columns_controller_utils.updateIndexes)(this)
                    }
                    this._checkColumns()
                }
                _getExpandColumnOptions() {
                    return {
                        type: "expand",
                        command: "expand",
                        width: "auto",
                        cssClass: _const3.COMMAND_EXPAND_CLASS,
                        allowEditing: false,
                        allowGrouping: false,
                        allowSorting: false,
                        allowResizing: false,
                        allowReordering: false,
                        allowHiding: false
                    }
                }
                _getFirstItems(dataSource) {
                    let groupsCount;
                    let items = [];
                    const getFirstItemsCore = function(items, groupsCount) {
                        if (!items || !groupsCount) {
                            return items
                        }
                        for (let i = 0; i < items.length; i++) {
                            const childItems = getFirstItemsCore(items[i].items || items[i].collapsedItems, groupsCount - 1);
                            if (childItems && childItems.length) {
                                return childItems
                            }
                        }
                    };
                    if (dataSource && dataSource.items().length > 0) {
                        groupsCount = _m_utils.default.normalizeSortingInfo(dataSource.group()).length;
                        items = getFirstItemsCore(dataSource.items(), groupsCount) || []
                    }
                    return items
                }
                _endUpdateCore() {
                    !this._skipProcessingColumnsChange && (0, _m_columns_controller_utils.fireColumnsChanged)(this)
                }
                callbackNames() {
                    return ["columnsChanged", "aiColumnOptionChanged"]
                }
                getColumnByPath(path, columns) {
                    const that = this;
                    let column;
                    const columnIndexes = [];
                    path.replace(_const3.COLUMN_OPTION_REGEXP, (_, columnIndex) => {
                        columnIndexes.push(parseInt(columnIndex));
                        return ""
                    });
                    if (columnIndexes.length) {
                        if (columns) {
                            column = columnIndexes.reduce((column, index) => column && column.columns && column.columns[index], {
                                columns: columns
                            })
                        } else {
                            column = (0, _m_columns_controller_utils.getColumnByIndexes)(that, columnIndexes)
                        }
                    }
                    return column
                }
                optionChanged(args) {
                    let needUpdateRequireResize;
                    switch (args.name) {
                        case "adaptColumnWidthByRatio":
                            args.handled = true;
                            break;
                        case "dataSource":
                            if (args.value !== args.previousValue && !this.option("columns") && (!Array.isArray(args.value) || !Array.isArray(args.previousValue))) {
                                this._columns = []
                            }
                            break;
                        case "columns":
                            needUpdateRequireResize = this._skipProcessingColumnsChange;
                            args.handled = true;
                            if (!this._skipProcessingColumnsChange) {
                                if (args.name === args.fullName) {
                                    this._columnsUserState = null;
                                    this._ignoreColumnOptionNames = null;
                                    this.init()
                                } else {
                                    this._columnOptionChanged(args);
                                    needUpdateRequireResize = true
                                }
                            }
                            if (needUpdateRequireResize) {
                                this._updateRequireResize(args)
                            }
                            break;
                        case "commonColumnSettings":
                        case "columnAutoWidth":
                        case "allowColumnResizing":
                        case "allowColumnReordering":
                        case "columnFixing":
                        case "grouping":
                        case "groupPanel":
                        case "regenerateColumnsByVisibleItems":
                        case "customizeColumns":
                        case "columnHidingEnabled":
                        case "dateSerializationFormat":
                        case "columnResizingMode":
                        case "columnMinWidth":
                        case "columnWidth": {
                            args.handled = true;
                            const ignoreColumnOptionNames = "columnWidth" === args.fullName && ["width"];
                            this.reinit(ignoreColumnOptionNames);
                            break
                        }
                        case "rtlEnabled":
                            this.reinit();
                            break;
                        default:
                            super.optionChanged(args)
                    }
                }
                _columnOptionChanged(args) {
                    let columnOptionValue = {};
                    const column = this.getColumnByPath(args.fullName);
                    const columnOptionName = this.getColumnOptionNameByFullName(args.fullName);
                    if (column) {
                        if (columnOptionName) {
                            columnOptionValue[columnOptionName] = args.value
                        } else {
                            columnOptionValue = args.value
                        }
                        this._skipProcessingColumnsChange = args.fullName;
                        this.columnOption(column.index, columnOptionValue);
                        this._skipProcessingColumnsChange = false
                    }
                }
                _updateRequireResize(args) {
                    const {
                        component: component
                    } = this;
                    if ("width" === args.fullName.replace(_const3.COLUMN_OPTION_REGEXP, "") && component._updateLockCount) {
                        component._requireResize = true
                    }
                }
                publicMethods() {
                    return ["addColumn", "deleteColumn", "columnOption", "columnCount", "clearSorting", "clearGrouping", "getVisibleColumns", "getVisibleColumnIndex", "getColumns"]
                }
                applyDataSource(dataSource, forceApplying, isApplyingUserState) {
                    const that = this;
                    const isDataSourceLoaded = dataSource && dataSource.isLoaded();
                    that._dataSource = dataSource;
                    if (!that._dataSourceApplied || 0 === that._dataSourceColumnsCount || forceApplying || that.option("regenerateColumnsByVisibleItems")) {
                        if (isDataSourceLoaded) {
                            if (!that._isColumnsFromOptions) {
                                const columnsFromDataSource = (0, _m_columns_controller_utils.createColumnsFromDataSource)(that, dataSource);
                                if (columnsFromDataSource.length) {
                                    (0, _m_columns_controller_utils.assignColumns)(that, columnsFromDataSource);
                                    that._dataSourceColumnsCount = that._columns.length;
                                    (0, _m_columns_controller_utils.applyUserState)(that)
                                }
                            }
                            return that.updateColumns(dataSource, forceApplying, isApplyingUserState)
                        }
                        that._dataSourceApplied = false;
                        (0, _m_columns_controller_utils.updateIndexes)(that)
                    } else if (isDataSourceLoaded && !that.isAllDataTypesDefined(true) && that.updateColumnDataTypes(dataSource)) {
                        (0, _m_columns_controller_utils.updateColumnChanges)(that, "columns");
                        (0, _m_columns_controller_utils.fireColumnsChanged)(that);
                        return (new _deferred.Deferred).reject().promise()
                    }
                }
                reset() {
                    this._dataSource = null;
                    this._dataSourceApplied = false;
                    this._dataSourceColumnsCount = void 0;
                    this.reinit()
                }
                resetColumnsCache() {
                    this._visibleColumns = void 0;
                    this._fixedColumns = void 0;
                    this._rowCount = void 0;
                    (0, _m_columns_controller_utils.resetBandColumnsCache)(this)
                }
                reinit(ignoreColumnOptionNames) {
                    this._columnsUserState = this.getUserState();
                    this._ignoreColumnOptionNames = ignoreColumnOptionNames || null;
                    this.init();
                    if (ignoreColumnOptionNames) {
                        this._ignoreColumnOptionNames = null
                    }
                }
                isInitialized() {
                    return !!this._columns.length || !!this.option("columns")
                }
                isDataSourceApplied() {
                    return this._dataSourceApplied
                }
                getCommonSettings(column) {
                    const commonColumnSettings = this.getCommonColumnSettings(column);
                    const groupingOptions = this.option("grouping") ?? {};
                    const groupPanelOptions = this.option("groupPanel") ?? {};
                    return (0, _extend.extend)({
                        allowFixing: this.option("columnFixing.enabled"),
                        allowResizing: this.option("allowColumnResizing") || void 0,
                        allowReordering: this.option("allowColumnReordering"),
                        minWidth: this.option("columnMinWidth"),
                        width: this.option("columnWidth"),
                        autoExpandGroup: groupingOptions.autoExpandAll,
                        allowCollapsing: groupingOptions.allowCollapsing,
                        allowGrouping: groupPanelOptions.allowColumnDragging && groupPanelOptions.visible || groupingOptions.contextMenuEnabled
                    }, commonColumnSettings)
                }
                isColumnOptionUsed(optionName) {
                    for (let i = 0; i < this._columns.length; i++) {
                        if (this._columns[i][optionName]) {
                            return true
                        }
                    }
                }
                isAllDataTypesDefined(checkSerializers) {
                    const columns = this._columns;
                    if (!columns.length) {
                        return false
                    }
                    for (let i = 0; i < columns.length; i++) {
                        if (!columns[i].dataField && columns[i].calculateCellValue === columns[i].defaultCalculateCellValue) {
                            continue
                        }
                        if (!columns[i].dataType || checkSerializers && columns[i].deserializeValue && void 0 === columns[i].serializationFormat) {
                            return false
                        }
                    }
                    return true
                }
                getColumns() {
                    return this._columns
                }
                getColumnByName(columnName) {
                    return this.getColumns().find(column => column.name === columnName)
                }
                isBandColumnsUsed() {
                    return this.getColumns().some(column => column.isBand)
                }
                getGroupColumns() {
                    const result = [];
                    this._columns.forEach(column => {
                        if ((0, _type.isDefined)(column.groupIndex) && !column.type) {
                            result[column.groupIndex] = column
                        }
                    });
                    return result
                }
                _shouldReturnVisibleColumns() {
                    return true
                }
                _compileVisibleColumns(rowIndex) {
                    this._visibleColumns = this._visibleColumns || this._compileVisibleColumnsCore();
                    rowIndex = (0, _type.isDefined)(rowIndex) ? rowIndex : this._visibleColumns.length - 1;
                    return this._visibleColumns[rowIndex] || []
                }
                getVisibleColumns(rowIndex, isBase) {
                    if (!this._shouldReturnVisibleColumns()) {
                        return []
                    }
                    return this._compileVisibleColumns.apply(this, arguments)
                }
                getFixedColumns(rowIndex) {
                    this._fixedColumns = this._fixedColumns || this._getFixedColumnsCore();
                    rowIndex = (0, _type.isDefined)(rowIndex) ? rowIndex : this._fixedColumns.length - 1;
                    return this._fixedColumns[rowIndex] || []
                }
                getFilteringColumns() {
                    return this.getColumns().filter(item => (item.dataField || item.name) && (item.allowFiltering || item.allowHeaderFiltering)).map(item => {
                        const field = (0, _extend.extend)(true, {}, item);
                        if (!(0, _type.isDefined)(field.dataField)) {
                            field.dataField = field.name
                        }
                        field.filterOperations = item.filterOperations !== item.defaultFilterOperations ? field.filterOperations : null;
                        return field
                    })
                }
                getColumnIndexOffset() {
                    return 0
                }
                getStickyColumns(rowIndex) {
                    const visibleColumns = this.getVisibleColumns(rowIndex, true);
                    return visibleColumns.filter(column => column.fixed)
                }
                _getFixedColumnsCore() {
                    const that = this;
                    const result = [];
                    const rowCount = that.getRowCount();
                    const isColumnFixing = that._isColumnFixing();
                    const transparentColumn = {
                        command: "transparent"
                    };
                    let transparentColspan = 0;
                    let notFixedColumnCount;
                    let transparentColumnIndex;
                    let lastFixedPosition;
                    if (isColumnFixing) {
                        for (let i = 0; i <= rowCount; i++) {
                            notFixedColumnCount = 0;
                            lastFixedPosition = null;
                            transparentColumnIndex = null;
                            const visibleColumns = that.getVisibleColumns(i, true);
                            for (let j = 0; j < visibleColumns.length; j++) {
                                const prevColumn = visibleColumns[j - 1];
                                const column = visibleColumns[j];
                                if (!column.fixed || column.fixedPosition === _const2.StickyPosition.Sticky) {
                                    if (0 === i) {
                                        if (column.isBand && column.colspan) {
                                            transparentColspan += column.colspan
                                        } else {
                                            transparentColspan++
                                        }
                                    }
                                    notFixedColumnCount++;
                                    if (!(0, _type.isDefined)(transparentColumnIndex)) {
                                        transparentColumnIndex = j
                                    }
                                } else if (prevColumn && prevColumn.fixed && (0, _m_columns_controller_utils.getFixedPosition)(that, prevColumn) !== (0, _m_columns_controller_utils.getFixedPosition)(that, column)) {
                                    if (!(0, _type.isDefined)(transparentColumnIndex)) {
                                        transparentColumnIndex = j
                                    }
                                } else {
                                    lastFixedPosition = column.fixedPosition
                                }
                            }
                            if (0 === i && (0 === notFixedColumnCount || notFixedColumnCount >= visibleColumns.length)) {
                                return []
                            }
                            if (!(0, _type.isDefined)(transparentColumnIndex)) {
                                transparentColumnIndex = "right" === lastFixedPosition ? 0 : visibleColumns.length
                            }
                            result[i] = visibleColumns.slice(0);
                            if (!transparentColumn.colspan) {
                                transparentColumn.colspan = transparentColspan
                            }
                            result[i].splice(transparentColumnIndex, notFixedColumnCount, transparentColumn)
                        }
                    }
                    return result.map(columns => columns.map(column => {
                        const newColumn = Object.assign({}, column);
                        if (newColumn.headerId) {
                            newColumn.headerId += "-fixed"
                        }
                        return newColumn
                    }))
                }
                _isColumnFixing() {
                    let isColumnFixing = this.option("columnFixing.enabled");
                    !isColumnFixing && (0, _iterator.each)(this._columns, (_, column) => {
                        if (column.fixed) {
                            isColumnFixing = true;
                            return false
                        }
                    });
                    return isColumnFixing
                }
                _getExpandColumnsCore() {
                    return this.getGroupColumns()
                }
                getExpandColumns() {
                    let expandColumns = this._getExpandColumnsCore();
                    let expandColumn;
                    const firstGroupColumn = expandColumns.filter(column => 0 === column.groupIndex)[0];
                    const isFixedFirstGroupColumn = firstGroupColumn && firstGroupColumn.fixed;
                    const isColumnFixing = this._isColumnFixing();
                    const rtlEnabled = this.option("rtlEnabled");
                    if (expandColumns.length) {
                        expandColumn = this.columnOption("command:expand")
                    }
                    expandColumns = (0, _iterator.map)(expandColumns, column => (0, _extend.extend)({}, Object.assign({}, column, {
                        ownerBand: void 0
                    }), {
                        visibleWidth: null,
                        minWidth: null,
                        cellTemplate: !(0, _type.isDefined)(column.groupIndex) ? column.cellTemplate : null,
                        headerCellTemplate: null,
                        fixed: !(0, _type.isDefined)(column.groupIndex) || !isFixedFirstGroupColumn ? isColumnFixing : true,
                        fixedPosition: rtlEnabled ? "right" : "left"
                    }, expandColumn, {
                        index: column.index,
                        type: column.type || _const3.GROUP_COMMAND_COLUMN_NAME
                    }));
                    return expandColumns
                }
                getBandColumnsCache() {
                    if (!this._bandColumnsCache) {
                        const columns = this._columns;
                        const columnChildrenByIndex = {};
                        const columnParentByIndex = {};
                        let isPlain = true;
                        columns.forEach(column => {
                            const {
                                ownerBand: ownerBand
                            } = column;
                            let parentIndex = (0, _type.isObject)(ownerBand) ? ownerBand.index : ownerBand;
                            const parent = columns[parentIndex];
                            if (column.hasColumns) {
                                isPlain = false
                            }
                            if (column.colspan) {
                                column.colspan = void 0
                            }
                            if (column.rowspan) {
                                column.rowspan = void 0
                            }
                            if (parent) {
                                columnParentByIndex[column.index] = parent
                            } else {
                                parentIndex = -1
                            }
                            columnChildrenByIndex[parentIndex] = columnChildrenByIndex[parentIndex] || [];
                            columnChildrenByIndex[parentIndex].push(column)
                        });
                        this._bandColumnsCache = {
                            isPlain: isPlain,
                            columnChildrenByIndex: columnChildrenByIndex,
                            columnParentByIndex: columnParentByIndex
                        }
                    }
                    return this._bandColumnsCache
                }
                _isColumnVisible(column) {
                    return column.visible && this.isParentColumnVisible(column.index)
                }
                _isColumnInGroupPanel(column) {
                    return (0, _type.isDefined)(column.groupIndex) && !column.showWhenGrouped
                }
                hasVisibleDataColumns() {
                    const columns = this._columns;
                    return columns.some(column => {
                        const isVisible = this._isColumnVisible(column);
                        const isInGroupPanel = this._isColumnInGroupPanel(column);
                        const isCommand = !!column.command;
                        return isVisible && !isInGroupPanel && !isCommand
                    })
                }
                _compileVisibleColumnsCore() {
                    const bandColumnsCache = this.getBandColumnsCache();
                    const columns = (0, _m_columns_controller_utils.mergeColumns)(this, this._columns, this._commandColumns, true);
                    (0, _m_columns_controller_utils.processBandColumns)(this, columns, bandColumnsCache);
                    const indexedColumns = this._getIndexedColumns(columns);
                    const visibleColumns = this._getVisibleColumnsFromIndexed(indexedColumns);
                    const isDataColumnsInvisible = !this.hasVisibleDataColumns();
                    if (isDataColumnsInvisible && this._columns.length) {
                        visibleColumns[visibleColumns.length - 1].push({
                            command: "empty",
                            type: "empty"
                        })
                    }
                    return visibleColumns
                }
                _getIndexedColumns(columns) {
                    const rtlEnabled = this.option("rtlEnabled");
                    const rowCount = this.getRowCount();
                    const columnDigitsCount = (0, _m_columns_controller_utils.digitsCount)(columns.length);
                    const bandColumnsCache = this.getBandColumnsCache();
                    const positiveIndexedColumns = [];
                    const negativeIndexedColumns = [];
                    for (let i = 0; i < rowCount; i += 1) {
                        negativeIndexedColumns[i] = {};
                        positiveIndexedColumns[i] = [{}, {}, {}]
                    }
                    columns.forEach(column => {
                        const {
                            visibleIndex: visibleIndex
                        } = column;
                        const isVisible = this._isColumnVisible(column);
                        const isInGroupPanel = this._isColumnInGroupPanel(column);
                        if (isVisible && !isInGroupPanel) {
                            const parentBandColumns = (0, _m_columns_controller_utils.getParentBandColumns)(column.index, bandColumnsCache.columnParentByIndex);
                            const rowIndex = parentBandColumns.length;
                            let targetIndex = visibleIndex ?? "undefined";
                            let indexedColumns;
                            if ((0, _type.isDefined)(visibleIndex) && visibleIndex < 0) {
                                targetIndex = -visibleIndex;
                                indexedColumns = negativeIndexedColumns[rowIndex]
                            } else {
                                var _parentBandColumns$, _parentBandColumns$2;
                                column.fixed = (null === (_parentBandColumns$ = parentBandColumns[0]) || void 0 === _parentBandColumns$ ? void 0 : _parentBandColumns$.fixed) ?? column.fixed;
                                column.fixedPosition = (null === (_parentBandColumns$2 = parentBandColumns[0]) || void 0 === _parentBandColumns$2 ? void 0 : _parentBandColumns$2.fixedPosition) ?? column.fixedPosition;
                                if (column.fixed && column.fixedPosition !== _const2.StickyPosition.Sticky) {
                                    const isDefaultCommandColumn = !!column.command && !_m_utils.default.isCustomCommandColumn(this._columns, column);
                                    let isFixedToEnd = "right" === column.fixedPosition;
                                    if (rtlEnabled && !isDefaultCommandColumn) {
                                        isFixedToEnd = !isFixedToEnd
                                    }
                                    indexedColumns = isFixedToEnd ? positiveIndexedColumns[rowIndex][2] : positiveIndexedColumns[rowIndex][0]
                                } else {
                                    indexedColumns = positiveIndexedColumns[rowIndex][1]
                                }
                            }
                            if (parentBandColumns.length) {
                                targetIndex = (0, _m_columns_controller_utils.numberToString)(targetIndex, columnDigitsCount);
                                for (let i = parentBandColumns.length - 1; i >= 0; i -= 1) {
                                    const {
                                        visibleIndex: parentVisibleIndex
                                    } = parentBandColumns[i];
                                    targetIndex = `${(0,_m_columns_controller_utils.numberToString)(parentVisibleIndex,columnDigitsCount)}${targetIndex}`
                                }
                            }
                            indexedColumns[targetIndex] = indexedColumns[targetIndex] || [];
                            indexedColumns[targetIndex].push(column)
                        }
                    });
                    return {
                        positiveIndexedColumns: positiveIndexedColumns,
                        negativeIndexedColumns: negativeIndexedColumns
                    }
                }
                _getVisibleColumnsFromIndexed(_ref) {
                    let {
                        positiveIndexedColumns: positiveIndexedColumns,
                        negativeIndexedColumns: negativeIndexedColumns
                    } = _ref;
                    const result = [];
                    const rowCount = this.getRowCount();
                    const expandColumns = (0, _m_columns_controller_utils.mergeColumns)(this, this.getExpandColumns(), this._columns);
                    for (let rowIndex = 0; rowIndex < rowCount; rowIndex += 1) {
                        result.push([]);
                        (0, _object.orderEach)(negativeIndexedColumns[rowIndex], (_, columns) => {
                            result[rowIndex].unshift(...columns)
                        })
                    }
                    const firstExpandColumnIndex = result[0].length;
                    for (let rowIndex = 0; rowIndex < rowCount; rowIndex += 1) {
                        positiveIndexedColumns[rowIndex].forEach(columnsByFixing => {
                            (0, _object.orderEach)(columnsByFixing, (_, columnsByVisibleIndex) => {
                                result[rowIndex].push(...columnsByVisibleIndex)
                            })
                        })
                    }(0, _m_columns_controller_utils.processExpandColumns)(result[0], expandColumns, _const3.DETAIL_COMMAND_COLUMN_NAME, firstExpandColumnIndex, rowCount);
                    (0, _m_columns_controller_utils.processExpandColumns)(result[0], expandColumns, _const3.GROUP_COMMAND_COLUMN_NAME, firstExpandColumnIndex, rowCount);
                    result.push((0, _m_columns_controller_utils.getDataColumns)(result));
                    return result
                }
                getInvisibleColumns(columns, bandColumnIndex) {
                    const that = this;
                    let result = [];
                    let hiddenColumnsByBand;
                    columns = columns || that._columns;
                    (0, _iterator.each)(columns, (_, column) => {
                        if (column.ownerBand !== bandColumnIndex) {
                            return
                        }
                        if (column.isBand) {
                            if (!column.visible) {
                                hiddenColumnsByBand = that.getChildrenByBandColumn(column.index)
                            } else {
                                hiddenColumnsByBand = that.getInvisibleColumns(that.getChildrenByBandColumn(column.index), column.index)
                            }
                            if (hiddenColumnsByBand.length) {
                                result.push(column);
                                result = result.concat(hiddenColumnsByBand)
                            }
                            return
                        }
                        if (!column.visible) {
                            result.push(column)
                        }
                    });
                    return result
                }
                getChooserColumns(getAllColumns) {
                    const columns = getAllColumns ? this.getColumns() : this.getInvisibleColumns();
                    const columnChooserColumns = columns.filter(column => column.showInColumnChooser);
                    const sortOrder = this.option("columnChooser.sortOrder");
                    return (0, _m_columns_controller_utils.sortColumns)(columnChooserColumns, sortOrder)
                }
                allowMoveColumn(fromVisibleIndex, toVisibleIndex, sourceLocation, targetLocation) {
                    const columnIndex = (0, _m_columns_controller_utils.getColumnIndexByVisibleIndex)(this, fromVisibleIndex, sourceLocation);
                    const sourceColumn = this._columns[columnIndex];
                    if (sourceColumn && (sourceColumn.allowReordering || sourceColumn.allowGrouping || sourceColumn.allowHiding)) {
                        if (sourceLocation === targetLocation) {
                            if (sourceLocation === _const3.COLUMN_CHOOSER_LOCATION) {
                                return false
                            }
                            fromVisibleIndex = (0, _type.isObject)(fromVisibleIndex) ? fromVisibleIndex.columnIndex : fromVisibleIndex;
                            toVisibleIndex = (0, _type.isObject)(toVisibleIndex) ? toVisibleIndex.columnIndex : toVisibleIndex;
                            return fromVisibleIndex !== toVisibleIndex && fromVisibleIndex + 1 !== toVisibleIndex
                        }
                        if (sourceLocation === _const3.GROUP_LOCATION && targetLocation !== _const3.COLUMN_CHOOSER_LOCATION || targetLocation === _const3.GROUP_LOCATION) {
                            return sourceColumn && sourceColumn.allowGrouping
                        }
                        if (sourceLocation === _const3.COLUMN_CHOOSER_LOCATION || targetLocation === _const3.COLUMN_CHOOSER_LOCATION) {
                            return sourceColumn && sourceColumn.allowHiding
                        }
                        return true
                    }
                    return false
                }
                moveColumn(fromVisibleIndex, toVisibleIndex, sourceLocation, targetLocation) {
                    const that = this;
                    const options = {};
                    let prevGroupIndex;
                    const fromIndex = (0, _m_columns_controller_utils.getColumnIndexByVisibleIndex)(that, fromVisibleIndex, sourceLocation);
                    const toIndex = (0, _m_columns_controller_utils.getColumnIndexByVisibleIndex)(that, toVisibleIndex, targetLocation);
                    let targetGroupIndex;
                    if (fromIndex >= 0) {
                        const column = that._columns[fromIndex];
                        toVisibleIndex = (0, _type.isObject)(toVisibleIndex) ? toVisibleIndex.columnIndex : toVisibleIndex;
                        targetGroupIndex = toIndex >= 0 ? that._columns[toIndex].groupIndex : -1;
                        if ((0, _type.isDefined)(column.groupIndex) && sourceLocation === _const3.GROUP_LOCATION) {
                            if (targetGroupIndex > column.groupIndex) {
                                targetGroupIndex--
                            }
                            if (targetLocation !== _const3.GROUP_LOCATION) {
                                options.groupIndex = void 0
                            } else {
                                prevGroupIndex = column.groupIndex;
                                delete column.groupIndex;
                                (0, _m_columns_controller_utils.updateColumnGroupIndexes)(that)
                            }
                        }
                        if (targetLocation === _const3.GROUP_LOCATION) {
                            options.groupIndex = (0, _m_columns_controller_utils.moveColumnToGroup)(that, column, targetGroupIndex);
                            column.groupIndex = prevGroupIndex
                        } else if (toVisibleIndex >= 0) {
                            const targetColumn = that._columns[toIndex];
                            if (!targetColumn || column.ownerBand !== targetColumn.ownerBand) {
                                options.visibleIndex = _const3.MAX_SAFE_INTEGER
                            } else if ((0, _m_columns_controller_utils.isColumnFixed)(that, column) ^ (0, _m_columns_controller_utils.isColumnFixed)(that, targetColumn)) {
                                options.visibleIndex = _const3.MAX_SAFE_INTEGER
                            } else {
                                options.visibleIndex = targetColumn.visibleIndex
                            }
                        }
                        const isVisible = targetLocation !== _const3.COLUMN_CHOOSER_LOCATION;
                        if (column.visible !== isVisible) {
                            options.visible = isVisible
                        }
                        that.columnOption(column.index, options)
                    }
                }
                allowColumnSorting(column) {
                    const sortingOptions = this.option("sorting");
                    const allowSorting = "single" === (null === sortingOptions || void 0 === sortingOptions ? void 0 : sortingOptions.mode) || "multiple" === (null === sortingOptions || void 0 === sortingOptions ? void 0 : sortingOptions.mode);
                    return allowSorting && (null === column || void 0 === column ? void 0 : column.allowSorting)
                }
                changeSortOrder(columnIndex, sortOrder) {
                    const that = this;
                    const options = {};
                    const sortingOptions = that.option("sorting");
                    const sortingMode = null === sortingOptions || void 0 === sortingOptions ? void 0 : sortingOptions.mode;
                    const needResetSorting = "single" === sortingMode || !sortOrder;
                    const column = that._columns[columnIndex];
                    if (this.allowColumnSorting(column)) {
                        if (needResetSorting && !(0, _type.isDefined)(column.groupIndex)) {
                            (0, _iterator.each)(that._columns, function(index) {
                                if (index !== columnIndex && this.sortOrder) {
                                    if (!(0, _type.isDefined)(this.groupIndex)) {
                                        delete this.sortOrder
                                    }
                                    delete this.sortIndex
                                }
                            })
                        }
                        if ((0, _m_columns_controller_utils.isSortOrderValid)(sortOrder)) {
                            if (column.sortOrder !== sortOrder) {
                                options.sortOrder = sortOrder
                            }
                        } else if ("none" === sortOrder) {
                            if (column.sortOrder) {
                                options.sortIndex = void 0;
                                options.sortOrder = void 0
                            }
                        } else {
                            ! function(column) {
                                if ("ctrl" === sortOrder) {
                                    if (!("sortOrder" in column && "sortIndex" in column)) {
                                        return false
                                    }
                                    options.sortOrder = void 0;
                                    options.sortIndex = void 0
                                } else if ((0, _type.isDefined)(column.groupIndex) || (0, _type.isDefined)(column.sortIndex)) {
                                    options.sortOrder = "desc" === column.sortOrder ? "asc" : "desc"
                                } else {
                                    options.sortOrder = "asc"
                                }
                                return true
                            }(column)
                        }
                    }
                    that.columnOption(column.index, options)
                }
                getSortDataSourceParameters(useLocalSelector) {
                    const sortColumns = [];
                    const sort = [];
                    (0, _iterator.each)(this._columns, function() {
                        if ((this.dataField || this.selector || this.calculateCellValue) && (0, _type.isDefined)(this.sortIndex) && !(0, _type.isDefined)(this.groupIndex)) {
                            sortColumns[this.sortIndex] = this
                        }
                    });
                    (0, _iterator.each)(sortColumns, function() {
                        const sortOrder = this && this.sortOrder;
                        if ((0, _m_columns_controller_utils.isSortOrderValid)(sortOrder)) {
                            const sortItem = {
                                selector: this.calculateSortValue || this.displayField || this.calculateDisplayValue || useLocalSelector && this.selector || this.dataField || this.calculateCellValue,
                                desc: "desc" === this.sortOrder
                            };
                            if (this.sortingMethod) {
                                sortItem.compare = this.sortingMethod.bind(this)
                            }
                            sort.push(sortItem)
                        }
                    });
                    return sort.length > 0 ? sort : null
                }
                getGroupDataSourceParameters(useLocalSelector) {
                    const group = [];
                    (0, _iterator.each)(this.getGroupColumns(), function() {
                        const selector = this.calculateGroupValue || this.displayField || this.calculateDisplayValue || useLocalSelector && this.selector || this.dataField || this.calculateCellValue;
                        if (selector) {
                            const groupItem = {
                                selector: selector,
                                desc: "desc" === this.sortOrder,
                                isExpanded: !!this.autoExpandGroup
                            };
                            if (this.sortingMethod) {
                                groupItem.compare = this.sortingMethod.bind(this)
                            }
                            group.push(groupItem)
                        }
                    });
                    return group.length > 0 ? group : null
                }
                refresh(updateNewLookupsOnly) {
                    const deferreds = [];
                    (0, _iterator.each)(this._columns, function() {
                        const {
                            lookup: lookup
                        } = this;
                        if (lookup && !this.calculateDisplayValue) {
                            if (updateNewLookupsOnly && lookup.valueMap) {
                                return
                            }
                            if (lookup.update) {
                                deferreds.push(lookup.update())
                            }
                        }
                    });
                    return _deferred.when.apply(_renderer.default, deferreds).done(_m_columns_controller_utils.resetColumnsCache.bind(null, this))
                }
                _updateColumnOptions(column, columnIndex) {
                    var _this$_previousColumn, _this$_previousColumn2;
                    const shouldTakeOriginalCallbackFromPrevious = this._reinitAfterLookupChanges && (null === (_this$_previousColumn = this._previousColumns) || void 0 === _this$_previousColumn ? void 0 : _this$_previousColumn[columnIndex]);
                    column.selector = column.selector ?? (data => column.calculateCellValue(data));
                    column.selector.columnIndex = columnIndex;
                    column.selector.originalCallback = shouldTakeOriginalCallbackFromPrevious ? (null === (_this$_previousColumn2 = this._previousColumns[columnIndex].selector) || void 0 === _this$_previousColumn2 ? void 0 : _this$_previousColumn2.originalCallback) ?? column.selector : column.selector;
                    (0, _iterator.each)(["calculateSortValue", "calculateGroupValue", "calculateDisplayValue"], (_, calculateCallbackName) => {
                        const calculateCallback = column[calculateCallbackName];
                        if ((0, _type.isFunction)(calculateCallback)) {
                            if (!calculateCallback.originalCallback) {
                                const context = {
                                    column: column
                                };
                                column[calculateCallbackName] = function(data) {
                                    return calculateCallback.call(context.column, data)
                                };
                                column[calculateCallbackName].originalCallback = calculateCallback;
                                column[calculateCallbackName].columnIndex = columnIndex;
                                column[calculateCallbackName].context = context
                            } else {
                                column[calculateCallbackName].context.column = column
                            }
                        }
                    });
                    if ((0, _type.isString)(column.calculateDisplayValue)) {
                        column.displayField = column.calculateDisplayValue;
                        column.calculateDisplayValue = (0, _data.compileGetter)(column.displayField)
                    }
                    if (column.calculateDisplayValue) {
                        column.displayValueMap = column.displayValueMap || {}
                    }(0, _m_columns_controller_utils.updateSerializers)(column, column.dataType);
                    const {
                        lookup: lookup
                    } = column;
                    if (lookup) {
                        (0, _m_columns_controller_utils.updateSerializers)(lookup, lookup.dataType)
                    }
                    const dataType = lookup ? lookup.dataType : column.dataType;
                    if (dataType) {
                        column.alignment = column.alignment || (0, _m_columns_controller_utils.getAlignmentByDataType)(dataType, this.option("rtlEnabled"));
                        column.format = column.format || _m_utils.default.getFormatByDataType(dataType);
                        column.customizeText = column.customizeText || (0, _m_columns_controller_utils.getCustomizeTextByDataType)(dataType);
                        column.defaultFilterOperations = column.defaultFilterOperations || !lookup && _const3.DATATYPE_OPERATIONS[dataType] || [];
                        if (!(0, _type.isDefined)(column.filterOperations)) {
                            (0, _m_columns_controller_utils.setFilterOperationsAsDefaultValues)(column)
                        }
                        column.defaultFilterOperation = column.filterOperations && column.filterOperations[0] || "=";
                        column.showEditorAlways = (0, _type.isDefined)(column.showEditorAlways) ? column.showEditorAlways : "boolean" === dataType && !column.cellTemplate && !column.lookup
                    }
                }
                updateColumnDataTypes(dataSource) {
                    const that = this;
                    const dateSerializationFormat = that.option("dateSerializationFormat");
                    const firstItems = that._getFirstItems(dataSource);
                    let isColumnDataTypesUpdated = false;
                    (0, _iterator.each)(that._columns, (index, column) => {
                        if (column.type === _const.AI_COLUMN_NAME) {
                            return
                        }
                        let i;
                        let value;
                        let dataType;
                        let lookupDataType;
                        let valueDataType;
                        const {
                            lookup: lookup
                        } = column;
                        if (_m_utils.default.isDateType(column.dataType) && void 0 === column.serializationFormat) {
                            column.serializationFormat = dateSerializationFormat
                        }
                        if (lookup && _m_utils.default.isDateType(lookup.dataType) && void 0 === column.serializationFormat) {
                            lookup.serializationFormat = dateSerializationFormat
                        }
                        if (column.calculateCellValue && firstItems.length) {
                            if (!column.dataType || lookup && !lookup.dataType) {
                                for (i = 0; i < firstItems.length; i++) {
                                    value = column.calculateCellValue(firstItems[i]);
                                    if (!column.dataType) {
                                        valueDataType = (0, _m_columns_controller_utils.getValueDataType)(value);
                                        dataType = dataType || valueDataType;
                                        if (dataType && valueDataType && dataType !== valueDataType) {
                                            dataType = "string"
                                        }
                                    }
                                    if (lookup && !lookup.dataType) {
                                        valueDataType = (0, _m_columns_controller_utils.getValueDataType)(_m_utils.default.getDisplayValue(column, value, firstItems[i]));
                                        lookupDataType = lookupDataType || valueDataType;
                                        if (lookupDataType && valueDataType && lookupDataType !== valueDataType) {
                                            lookupDataType = "string"
                                        }
                                    }
                                }
                                if (dataType || lookupDataType) {
                                    if (dataType) {
                                        column.dataType = dataType
                                    }
                                    if (lookup && lookupDataType) {
                                        lookup.dataType = lookupDataType
                                    }
                                    isColumnDataTypesUpdated = true
                                }
                            }
                            if (void 0 === column.serializationFormat || lookup && void 0 === lookup.serializationFormat) {
                                for (i = 0; i < firstItems.length; i++) {
                                    value = column.calculateCellValue(firstItems[i], true);
                                    if (void 0 === column.serializationFormat) {
                                        column.serializationFormat = (0, _m_columns_controller_utils.getSerializationFormat)(column.dataType, value)
                                    }
                                    if (lookup && void 0 === lookup.serializationFormat) {
                                        lookup.serializationFormat = (0, _m_columns_controller_utils.getSerializationFormat)(lookup.dataType, lookup.calculateCellValue(value, true))
                                    }
                                }
                            }
                        }
                        that._updateColumnOptions(column, index)
                    });
                    return isColumnDataTypesUpdated
                }
                _customizeColumns(columns) {
                    const that = this;
                    const customizeColumns = that.option("customizeColumns");
                    if (customizeColumns) {
                        const hasOwnerBand = columns.some(column => (0, _type.isObject)(column.ownerBand));
                        if (hasOwnerBand) {
                            (0, _m_columns_controller_utils.updateIndexes)(that)
                        }
                        customizeColumns(columns);
                        (0, _m_columns_controller_utils.assignColumns)(that, (0, _m_columns_controller_utils.createColumnsFromOptions)(that, columns))
                    }
                }
                updateColumns(dataSource, forceApplying, isApplyingUserState) {
                    if (!forceApplying) {
                        this.updateSortingGrouping(dataSource)
                    }
                    if (!dataSource || dataSource.isLoaded()) {
                        const sortParameters = dataSource ? dataSource.sort() || [] : this.getSortDataSourceParameters();
                        const groupParameters = dataSource ? dataSource.group() || [] : this.getGroupDataSourceParameters();
                        const filterParameters = null === dataSource || void 0 === dataSource ? void 0 : dataSource.lastLoadOptions().filter;
                        if (!isApplyingUserState) {
                            this._customizeColumns(this._columns)
                        }(0, _m_columns_controller_utils.updateIndexes)(this);
                        const columns = this._columns;
                        return (0, _deferred.when)(this.refresh(true)).always(() => {
                            if (this._columns !== columns) {
                                return
                            }
                            this._updateChanges(dataSource, {
                                sorting: sortParameters,
                                grouping: groupParameters,
                                filtering: filterParameters
                            });
                            (0, _m_columns_controller_utils.fireColumnsChanged)(this)
                        })
                    }
                }
                _updateChanges(dataSource, parameters) {
                    var _dataSource$loadOptio;
                    const langParams = null === dataSource || void 0 === dataSource || null === (_dataSource$loadOptio = dataSource.loadOptions) || void 0 === _dataSource$loadOptio || null === (_dataSource$loadOptio = _dataSource$loadOptio.call(dataSource)) || void 0 === _dataSource$loadOptio ? void 0 : _dataSource$loadOptio.langParams;
                    if (dataSource) {
                        this.updateColumnDataTypes(dataSource);
                        this._dataSourceApplied = true
                    }
                    if (!_m_utils.default.equalSortParameters(parameters.sorting, this.getSortDataSourceParameters())) {
                        (0, _m_columns_controller_utils.updateColumnChanges)(this, "sorting")
                    }
                    if (!_m_utils.default.equalSortParameters(parameters.grouping, this.getGroupDataSourceParameters())) {
                        (0, _m_columns_controller_utils.updateColumnChanges)(this, "grouping")
                    }
                    if (this._dataController && !_m_utils.default.equalFilterParameters(parameters.filtering, this._dataController.getCombinedFilter(), langParams)) {
                        (0, _m_columns_controller_utils.updateColumnChanges)(this, "filtering")
                    }(0, _m_columns_controller_utils.updateColumnChanges)(this, "columns")
                }
                updateSortingGrouping(dataSource, fromDataSource) {
                    const that = this;
                    let isColumnsChanged;
                    const updateSortGroupParameterIndexes = function(columns, sortParameters, indexParameterName) {
                        const referencedGroupValues = columns.filter(column => (0, _type.isString)(column.calculateGroupValue)).map(column => column.calculateGroupValue);
                        (0, _iterator.each)(columns, (_, column) => {
                            const isReferencedAsGroupValue = "groupIndex" === indexParameterName && referencedGroupValues.some(groupValue => column.dataField === groupValue || column.name === groupValue);
                            if (!isReferencedAsGroupValue) {
                                delete column[indexParameterName];
                                if (sortParameters) {
                                    for (let i = 0; i < sortParameters.length; i += 1) {
                                        const {
                                            selector: selector,
                                            isExpanded: isExpanded
                                        } = sortParameters[i];
                                        if (selector === column.dataField || selector === column.name || selector === column.displayField || _m_utils.default.isEqualSelectors(selector, column.selector) || _m_utils.default.isSelectorEqualWithCallback(selector, column.calculateCellValue) || _m_utils.default.isEqualSelectors(selector, column.calculateGroupValue) || _m_utils.default.isSelectorEqualWithCallback(selector, column.calculateDisplayValue)) {
                                            if (fromDataSource) {
                                                column.sortOrder = "sortOrder" in column ? column.sortOrder : sortParameters[i].desc ? "desc" : "asc"
                                            } else {
                                                column.sortOrder = column.sortOrder ?? (sortParameters[i].desc ? "desc" : "asc")
                                            }
                                            if (void 0 !== isExpanded) {
                                                column.autoExpandGroup = isExpanded
                                            }
                                            column[indexParameterName] = i;
                                            break
                                        }
                                    }
                                }
                            }
                        })
                    };
                    if (dataSource) {
                        var _this$_columnChanges;
                        const sortParameters = _m_utils.default.normalizeSortingInfo(dataSource.sort());
                        const groupParameters = _m_utils.default.normalizeSortingInfo(dataSource.group());
                        const columnsGroupParameters = that.getGroupDataSourceParameters();
                        const columnsSortParameters = that.getSortDataSourceParameters();
                        const changeTypes = null === (_this$_columnChanges = this._columnChanges) || void 0 === _this$_columnChanges ? void 0 : _this$_columnChanges.changeTypes;
                        const sortingChanged = !_m_utils.default.equalSortParameters(sortParameters, columnsSortParameters);
                        const needToApplySortingFromDataSource = fromDataSource && !(null !== changeTypes && void 0 !== changeTypes && changeTypes.sorting);
                        const needToApplyGroupingFromDataSource = fromDataSource && !(null !== changeTypes && void 0 !== changeTypes && changeTypes.grouping);
                        const groupingChanged = !_m_utils.default.equalSortParameters(groupParameters, columnsGroupParameters, true);
                        const groupExpandingChanged = !groupingChanged && !_m_utils.default.equalSortParameters(groupParameters, columnsGroupParameters);
                        if (!that._columns.length) {
                            (0, _iterator.each)(groupParameters, (_, group) => {
                                that._columns.push(group.selector)
                            });
                            (0, _iterator.each)(sortParameters, (_, sort) => {
                                if (!(0, _type.isFunction)(sort.selector)) {
                                    that._columns.push(sort.selector)
                                }
                            });
                            (0, _m_columns_controller_utils.assignColumns)(that, (0, _m_columns_controller_utils.createColumnsFromOptions)(that, that._columns))
                        }
                        if ((needToApplyGroupingFromDataSource || !columnsGroupParameters && !that._hasUserState) && (groupingChanged || groupExpandingChanged)) {
                            updateSortGroupParameterIndexes(that._columns, groupParameters, "groupIndex");
                            if (fromDataSource) {
                                groupingChanged && (0, _m_columns_controller_utils.updateColumnChanges)(that, "grouping");
                                groupExpandingChanged && (0, _m_columns_controller_utils.updateColumnChanges)(that, "groupExpanding");
                                isColumnsChanged = true
                            }
                        }
                        if ((needToApplySortingFromDataSource || !columnsSortParameters && !that._hasUserState) && sortingChanged) {
                            updateSortGroupParameterIndexes(that._columns, sortParameters, "sortIndex");
                            if (fromDataSource) {
                                (0, _m_columns_controller_utils.updateColumnChanges)(that, "sorting");
                                isColumnsChanged = true
                            }
                        }
                        if (isColumnsChanged) {
                            (0, _m_columns_controller_utils.fireColumnsChanged)(that)
                        }
                    }
                }
                updateFilter(filter, remoteFiltering, columnIndex, filterValue) {
                    const that = this;
                    if (!Array.isArray(filter)) {
                        return filter
                    }
                    filter = (0, _extend.extend)([], filter);
                    columnIndex = void 0 !== filter.columnIndex ? filter.columnIndex : columnIndex;
                    filterValue = void 0 !== filter.filterValue ? filter.filterValue : filterValue;
                    if ((0, _type.isString)(filter[0]) && "!" !== filter[0]) {
                        const column = that.columnOption(filter[0]);
                        if (remoteFiltering) {
                            if ((0, _config.default)().forceIsoDateParsing && column && column.serializeValue && filter.length > 1) {
                                filter[filter.length - 1] = column.serializeValue(filter[filter.length - 1], "filter")
                            }
                        } else if (column && column.selector) {
                            filter[0] = column.selector;
                            filter[0].columnIndex = column.index
                        }
                    } else if ((0, _type.isFunction)(filter[0])) {
                        filter[0].columnIndex = columnIndex;
                        filter[0].filterValue = filterValue;
                        filter[0].selectedFilterOperation = filter.selectedFilterOperation
                    }
                    for (let i = 0; i < filter.length; i++) {
                        filter[i] = that.updateFilter(filter[i], remoteFiltering, columnIndex, filterValue)
                    }
                    return filter
                }
                columnCount() {
                    return this._columns ? this._columns.length : 0
                }
                columnOption(identifier, option, value, notFireEvent) {
                    const that = this;
                    const columns = that._columns.concat(that._commandColumns);
                    const column = (0, _m_columns_controller_utils.findColumn)(columns, identifier);
                    if (column) {
                        if (1 === arguments.length) {
                            return (0, _extend.extend)({}, column)
                        }
                        if ((0, _type.isString)(option)) {
                            if (2 === arguments.length) {
                                return (0, _m_columns_controller_utils.columnOptionCore)(that, column, option)
                            }(0, _m_columns_controller_utils.columnOptionCore)(that, column, option, value, notFireEvent)
                        } else if ((0, _type.isObject)(option)) {
                            (0, _iterator.each)(option, (optionName, optionValue) => {
                                (0, _m_columns_controller_utils.columnOptionCore)(that, column, optionName, optionValue, notFireEvent)
                            })
                        }(0, _m_columns_controller_utils.fireColumnsChanged)(that)
                    }
                }
                clearSorting() {
                    const that = this;
                    const columnCount = this.columnCount();
                    that.beginUpdate();
                    for (let i = 0; i < columnCount; i++) {
                        that.columnOption(i, "sortOrder", void 0);
                        delete(0, _m_columns_controller_utils.findColumn)(that._columns, i).sortOrder
                    }
                    that.endUpdate()
                }
                clearGrouping() {
                    const that = this;
                    const columnCount = this.columnCount();
                    that.beginUpdate();
                    for (let i = 0; i < columnCount; i++) {
                        that.columnOption(i, "groupIndex", void 0)
                    }
                    that.endUpdate()
                }
                getVisibleIndex(index, rowIndex) {
                    const columns = this.getVisibleColumns(rowIndex);
                    for (let i = columns.length - 1; i >= 0; i--) {
                        if (columns[i].index === index) {
                            return i
                        }
                    }
                    return -1
                }
                getVisibleIndexByColumn(column, rowIndex) {
                    const visibleColumns = this.getVisibleColumns(rowIndex);
                    const visibleColumn = visibleColumns.filter(col => col.index === column.index && col.command === column.command)[0];
                    return visibleColumns.indexOf(visibleColumn)
                }
                getVisibleColumnIndex(id, rowIndex) {
                    const index = this.columnOption(id, "index");
                    return this.getVisibleIndex(index, rowIndex)
                }
                addColumn(options) {
                    const that = this;
                    let column = (0, _m_columns_controller_utils.createColumn)(that, options);
                    const index = that._columns.length;
                    that._columns.push(column);
                    if (column.isBand) {
                        that._columns = (0, _m_columns_controller_utils.createColumnsFromOptions)(that, that._columns);
                        column = that._columns[index]
                    }
                    column.added = options;
                    (0, _m_columns_controller_utils.updateIndexes)(that, column);
                    that.updateColumns(that._dataSource);
                    that._checkColumns()
                }
                deleteColumn(id) {
                    const that = this;
                    const column = that.columnOption(id);
                    if (column && column.index >= 0) {
                        (0, _m_columns_controller_utils.convertOwnerBandToColumnReference)(that._columns);
                        that._columns.splice(column.index, 1);
                        if (column.isBand) {
                            const childIndexes = that.getChildrenByBandColumn(column.index).map(column => column.index);
                            that._columns = that._columns.filter(column => childIndexes.indexOf(column.index) < 0)
                        }(0, _m_columns_controller_utils.updateIndexes)(that);
                        that.updateColumns(that._dataSource)
                    }
                }
                addCommandColumn(options) {
                    let commandColumn = this._commandColumns.filter(column => column.command === options.command)[0];
                    if (!commandColumn) {
                        commandColumn = options;
                        this._commandColumns.push(commandColumn)
                    }
                }
                getUserState() {
                    const columns = this._columns;
                    const result = [];
                    let i;

                    function handleStateField(index, value) {
                        if (void 0 !== columns[i][value]) {
                            result[i][value] = columns[i][value]
                        }
                    }
                    for (i = 0; i < columns.length; i++) {
                        result[i] = {};
                        (0, _iterator.each)(_const3.USER_STATE_FIELD_NAMES, handleStateField)
                    }
                    return result
                }
                setName(column) {
                    if (!(0, _m_columns_controller_utils.isColumnNameRequired)(column)) {
                        column.name = column.name || column.dataField || column.type
                    }
                }
                setUserState(state) {
                    const that = this;
                    const dataSource = that._dataSource;
                    let ignoreColumnOptionNames = that.option("stateStoring.ignoreColumnOptionNames");
                    null === state || void 0 === state || state.forEach(this.setName);
                    if (!ignoreColumnOptionNames) {
                        ignoreColumnOptionNames = [];
                        const commonColumnSettings = that.getCommonSettings();
                        if (!that.option("columnChooser.enabled")) {
                            ignoreColumnOptionNames.push("visible")
                        }
                        if ("none" === that.option("sorting.mode")) {
                            ignoreColumnOptionNames.push("sortIndex", "sortOrder")
                        }
                        if (!commonColumnSettings.allowGrouping) {
                            ignoreColumnOptionNames.push("groupIndex")
                        }
                        if (!commonColumnSettings.allowFixing) {
                            ignoreColumnOptionNames.push("fixed", "fixedPosition")
                        }
                        if (!commonColumnSettings.allowResizing) {
                            ignoreColumnOptionNames.push("width", "visibleWidth")
                        }
                        const isFilterPanelHidden = !that.option("filterPanel.visible");
                        if (!that.option("filterRow.visible") && isFilterPanelHidden) {
                            ignoreColumnOptionNames.push("filterValue", "selectedFilterOperation")
                        }
                        if (!that.option("headerFilter.visible") && isFilterPanelHidden) {
                            ignoreColumnOptionNames.push("filterValues", "filterType")
                        }
                    }
                    that._columnsUserState = state;
                    that._ignoreColumnOptionNames = ignoreColumnOptionNames;
                    that._hasUserState = !!state;
                    (0, _m_columns_controller_utils.updateColumnChanges)(that, "filtering");
                    that.init(true);
                    if (dataSource) {
                        dataSource.sort(that.getSortDataSourceParameters());
                        dataSource.group(that.getGroupDataSourceParameters())
                    }
                }
                _checkColumns() {
                    const usedNames = {};
                    const duplicatedNames = [];
                    let hasEditableColumnWithoutName = false;
                    let hasColumnsWithoutRequiredNames = false;
                    this._columns.forEach(column => {
                        var _column$columns;
                        const {
                            name: name
                        } = column;
                        const isBand = null === (_column$columns = column.columns) || void 0 === _column$columns ? void 0 : _column$columns.length;
                        const isEditable = column.allowEditing && (column.dataField || column.setCellValue) && !isBand;
                        if (name) {
                            if (usedNames[name]) {
                                duplicatedNames.push(`"${name}"`)
                            }
                            usedNames[name] = true
                        } else if ((0, _m_columns_controller_utils.isColumnNameRequired)(column)) {
                            hasColumnsWithoutRequiredNames = true
                        } else if (isEditable) {
                            hasEditableColumnWithoutName = true
                        }
                    });
                    if (duplicatedNames.length) {
                        _ui.default.log("E1059", duplicatedNames.join(", "))
                    }
                    if (hasColumnsWithoutRequiredNames) {
                        _ui.default.log("E1066")
                    }
                    if (hasEditableColumnWithoutName) {
                        _ui.default.log("E1060")
                    }
                }
                _createCalculatedColumnOptions(columnOptions, bandColumn) {
                    let calculatedColumnOptions = {};
                    let {
                        dataField: dataField
                    } = columnOptions;
                    if (Array.isArray(columnOptions.columns) && columnOptions.columns.length || columnOptions.isBand) {
                        calculatedColumnOptions.isBand = true;
                        dataField = null
                    }
                    if (dataField) {
                        if ((0, _type.isString)(dataField)) {
                            const getter = (0, _data.compileGetter)(dataField);
                            calculatedColumnOptions = {
                                caption: _m_inflector.default.captionize(dataField),
                                calculateCellValue(data, skipDeserialization) {
                                    const value = getter(data);
                                    return this.deserializeValue && !skipDeserialization ? this.deserializeValue(value) : value
                                },
                                setCellValue: _m_columns_controller_utils.defaultSetCellValue,
                                parseValue(text) {
                                    const column = this;
                                    let result;
                                    let parsedValue;
                                    if ("number" === column.dataType) {
                                        if ((0, _type.isString)(text) && column.format) {
                                            result = (0, _m_columns_controller_utils.strictParseNumber)(text.trim(), column.format)
                                        } else if ((0, _type.isDefined)(text) && (0, _type.isNumeric)(text)) {
                                            result = Number(text)
                                        }
                                    } else if ("boolean" === column.dataType) {
                                        if (text === column.trueText) {
                                            result = true
                                        } else if (text === column.falseText) {
                                            result = false
                                        }
                                    } else if (_m_utils.default.isDateType(column.dataType)) {
                                        parsedValue = _date.default.parse(text, column.format);
                                        if (parsedValue) {
                                            result = parsedValue
                                        }
                                    } else {
                                        result = text
                                    }
                                    return result
                                }
                            }
                        }
                        calculatedColumnOptions.allowFiltering = true
                    } else {
                        calculatedColumnOptions.allowFiltering = !!columnOptions.calculateFilterExpression
                    }
                    calculatedColumnOptions.calculateFilterExpression = function() {
                        return _filtering.default.defaultCalculateFilterExpression.apply(this, arguments)
                    };
                    calculatedColumnOptions.defaultFilterOperation = "=";
                    calculatedColumnOptions.createFilterExpression = function(filterValue, selectedFilterOperation) {
                        let result;
                        if (this.calculateFilterExpression) {
                            result = this.calculateFilterExpression.apply(this, arguments)
                        }
                        if ((0, _type.isFunction)(result)) {
                            result = [result, "=", true]
                        }
                        if (result) {
                            result.columnIndex = this.index;
                            result.filterValue = filterValue;
                            result.selectedFilterOperation = selectedFilterOperation
                        }
                        return result
                    };
                    if (!dataField || !(0, _type.isString)(dataField)) {
                        (0, _extend.extend)(true, calculatedColumnOptions, {
                            allowSorting: false,
                            allowGrouping: false,
                            calculateCellValue: () => null
                        })
                    }
                    if (bandColumn) {
                        calculatedColumnOptions.allowFixing = false
                    }
                    if (columnOptions.dataType) {
                        calculatedColumnOptions.userDataType = columnOptions.dataType
                    }
                    if (columnOptions.selectedFilterOperation && !("defaultSelectedFilterOperation" in calculatedColumnOptions)) {
                        calculatedColumnOptions.defaultSelectedFilterOperation = columnOptions.selectedFilterOperation
                    }
                    if (columnOptions.lookup && columnOptions.type !== _const.AI_COLUMN_NAME) {
                        calculatedColumnOptions.lookup = {
                            calculateCellValue(value, skipDeserialization) {
                                if (this.valueExpr) {
                                    value = this.valueMap && this.valueMap[value]
                                }
                                return this.deserializeValue && !skipDeserialization ? this.deserializeValue(value) : value
                            },
                            updateValueMap() {
                                this.valueMap = {};
                                if (this.items) {
                                    const calculateValue = (0, _data.compileGetter)(this.valueExpr);
                                    const calculateDisplayValue = (0, _data.compileGetter)(this.displayExpr);
                                    for (let i = 0; i < this.items.length; i++) {
                                        const item = this.items[i];
                                        const displayValue = calculateDisplayValue(item);
                                        this.valueMap[calculateValue(item)] = displayValue;
                                        this.dataType = this.dataType || (0, _m_columns_controller_utils.getValueDataType)(displayValue)
                                    }
                                }
                            },
                            update() {
                                const that = this;
                                let {
                                    dataSource: dataSource
                                } = that;
                                if (dataSource) {
                                    if ((0, _type.isFunction)(dataSource) && !_variable_wrapper.default.isWrapped(dataSource)) {
                                        dataSource = dataSource({})
                                    }
                                    if ((0, _type.isPlainObject)(dataSource) || dataSource instanceof _abstract_store.default || Array.isArray(dataSource)) {
                                        if (that.valueExpr) {
                                            const dataSourceOptions = (0, _utils.normalizeDataSourceOptions)(dataSource);
                                            dataSourceOptions.paginate = false;
                                            dataSource = new _data_source.DataSource(dataSourceOptions);
                                            return dataSource.load().done(data => {
                                                that.items = data;
                                                that.updateValueMap && that.updateValueMap()
                                            })
                                        }
                                    } else {
                                        _ui.default.log("E1016")
                                    }
                                } else {
                                    that.updateValueMap && that.updateValueMap()
                                }
                            }
                        }
                    }
                    calculatedColumnOptions.resizedCallbacks = (0, _callbacks.default)();
                    if (columnOptions.resized) {
                        calculatedColumnOptions.resizedCallbacks.add(columnOptions.resized.bind(columnOptions))
                    }(0, _iterator.each)(calculatedColumnOptions, optionName => {
                        if ((0, _type.isFunction)(calculatedColumnOptions[optionName]) && 0 !== optionName.indexOf("default")) {
                            const defaultOptionName = `default${optionName.charAt(0).toUpperCase()}${optionName.substr(1)}`;
                            calculatedColumnOptions[defaultOptionName] = calculatedColumnOptions[optionName]
                        }
                    });
                    return calculatedColumnOptions
                }
                getRowCount() {
                    this._rowCount = this._rowCount || (0, _m_columns_controller_utils.getRowCount)(this);
                    return this._rowCount
                }
                getRowIndex(columnIndex, alwaysGetRowIndex) {
                    const column = this._columns[columnIndex];
                    if (!column) {
                        return 0
                    }
                    const isCommandOrGroupColumn = column.command || this._isColumnInGroupPanel(column);
                    const isVisibleDataColumn = column.visible && !isCommandOrGroupColumn;
                    if (!alwaysGetRowIndex && !isVisibleDataColumn) {
                        return 0
                    }
                    const bandColumnsCache = this.getBandColumnsCache();
                    return (0, _m_columns_controller_utils.getParentBandColumns)(columnIndex, bandColumnsCache.columnParentByIndex).length
                }
                getChildrenByBandColumn(bandColumnIndex, onlyVisibleDirectChildren) {
                    const bandColumnsCache = this.getBandColumnsCache();
                    const result = (0, _m_columns_controller_utils.getChildrenByBandColumn)(bandColumnIndex, bandColumnsCache.columnChildrenByIndex, !onlyVisibleDirectChildren);
                    if (onlyVisibleDirectChildren) {
                        return result.filter(column => column.visible && !column.command).sort((column1, column2) => column1.visibleIndex - column2.visibleIndex)
                    }
                    return result
                }
                getVisibleDataColumnsByBandColumn(bandColumnIndex) {
                    const bandColumnsCache = this.getBandColumnsCache();
                    const result = this.getChildrenByBandColumn(bandColumnIndex, bandColumnsCache.columnChildrenByIndex);
                    return result.filter(column => !column.isBand && column.visible)
                }
                isParentBandColumn(columnIndex, bandColumnIndex) {
                    let result = false;
                    const column = this._columns[columnIndex];
                    const bandColumnsCache = this.getBandColumnsCache();
                    const parentBandColumns = column && (0, _m_columns_controller_utils.getParentBandColumns)(columnIndex, bandColumnsCache.columnParentByIndex);
                    if (parentBandColumns) {
                        (0, _iterator.each)(parentBandColumns, (_, bandColumn) => {
                            if (bandColumn.index === bandColumnIndex) {
                                result = true;
                                return false
                            }
                        })
                    }
                    return result
                }
                isParentColumnVisible(columnIndex) {
                    let result = true;
                    const bandColumnsCache = this.getBandColumnsCache();
                    const bandColumns = columnIndex >= 0 && (0, _m_columns_controller_utils.getParentBandColumns)(columnIndex, bandColumnsCache.columnParentByIndex);
                    bandColumns && (0, _iterator.each)(bandColumns, (_, bandColumn) => {
                        result = result && bandColumn.visible;
                        return result
                    });
                    return result
                }
                getParentColumn(column) {
                    let needDirectParent = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                    const bandColumnsCache = this.getBandColumnsCache();
                    const parentColumns = (0, _m_columns_controller_utils.getParentBandColumns)(column.index, bandColumnsCache.columnParentByIndex);
                    const parentColumnIndex = needDirectParent ? -1 : 0;
                    return parentColumns.at(parentColumnIndex)
                }
                isFirstColumn(column, rowIndex) {
                    let onlyWithinBandColumn = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : false;
                    let fixedPosition = arguments.length > 3 ? arguments[3] : void 0;
                    return (0, _m_columns_controller_utils.isFirstOrLastColumn)(this, column, rowIndex, onlyWithinBandColumn, false, fixedPosition)
                }
                isLastColumn(column, rowIndex) {
                    let onlyWithinBandColumn = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : false;
                    let fixedPosition = arguments.length > 3 ? arguments[3] : void 0;
                    return (0, _m_columns_controller_utils.isFirstOrLastColumn)(this, column, rowIndex, onlyWithinBandColumn, true, fixedPosition)
                }
                isCustomCommandColumn(commandColumn) {
                    return _m_utils.default.isCustomCommandColumn(this._columns, commandColumn)
                }
                getColumnId(column) {
                    if (column.command && column.type === _const3.GROUP_COMMAND_COLUMN_NAME) {
                        if (_m_utils.default.isCustomCommandColumn(this._columns, column)) {
                            return `type:${column.type}`
                        }
                        return `command:${column.command}`
                    }
                    return column.index
                }
                getCustomizeTextByDataType(dataType) {
                    return (0, _m_columns_controller_utils.getCustomizeTextByDataType)(dataType)
                }
                getHeaderContentAlignment(columnAlignment) {
                    const rtlEnabled = this.option("rtlEnabled");
                    if (rtlEnabled) {
                        return "left" === columnAlignment ? "right" : "left"
                    }
                    return columnAlignment
                }
                isVirtualMode() {
                    return false
                }
                isNeedToRenderVirtualColumns(scrollPosition) {
                    return false
                }
                getColumnOptionNameByFullName(fullName) {
                    return fullName.replace(_const3.COLUMN_OPTION_REGEXP, "")
                }
                getFirstColumn(rowIndex) {
                    const visibleColumns = this.getVisibleColumns(rowIndex);
                    return visibleColumns.find(column => this.isFirstColumn(column, rowIndex))
                }
                isAdaptiveHiddenColumn(column) {
                    return false
                }
            }
            exports.ColumnsController = ColumnsController;
            exports.columnsControllerModule = {
                defaultOptions: () => ({
                    commonColumnSettings: {
                        allowFiltering: true,
                        allowHiding: true,
                        allowSorting: true,
                        allowEditing: true,
                        encodeHtml: true,
                        trueText: _message.default.format("dxDataGrid-trueText"),
                        falseText: _message.default.format("dxDataGrid-falseText")
                    },
                    allowColumnReordering: false,
                    allowColumnResizing: false,
                    columnResizingMode: "nextColumn",
                    columnMinWidth: void 0,
                    columnWidth: void 0,
                    adaptColumnWidthByRatio: true,
                    columns: void 0,
                    regenerateColumnsByVisibleItems: false,
                    customizeColumns: null,
                    dateSerializationFormat: void 0
                }),
                controllers: {
                    columns: ColumnsController
                }
            }
        },
        63904(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.applyUserState = exports.addExpandColumn = void 0;
            exports.assignColumns = assignColumns;
            exports.getColumnHeaderCellSelector = exports.getColumnFullPath = exports.getColumnByIndexes = exports.getChildrenByBandColumn = exports.getAlignmentByDataType = exports.fireOptionChanged = exports.fireColumnsChanged = exports.findColumn = exports.digitsCount = exports.defaultSetCellValue = exports.customizeTextForBooleanDataType = exports.createColumnsFromOptions = exports.createColumnsFromDataSource = exports.createColumn = exports.convertOwnerBandToColumnReference = exports.columnOptionCore = exports.calculateColspan = void 0;
            exports.getColumnIndexByVisibleIndex = function(that, visibleIndex, location) {
                const column = function(that, visibleIndex, location) {
                    const rowIndex = (0, _type.isObject)(visibleIndex) ? visibleIndex.rowIndex : null;
                    const columns = function(that, location, rowIndex) {
                        switch (location) {
                            case _const3.GROUP_LOCATION:
                                return that.getGroupColumns();
                            case _const3.COLUMN_CHOOSER_LOCATION:
                                return that.getChooserColumns();
                            default:
                                return that.getVisibleColumns(rowIndex)
                        }
                    }(that, location, rowIndex);
                    const correctedVisibleIndex = function(that, visibleIndex) {
                        return (0, _type.isObject)(visibleIndex) ? visibleIndex.columnIndex : visibleIndex
                    }(0, visibleIndex);
                    const column = columns[correctedVisibleIndex];
                    if ((null === column || void 0 === column ? void 0 : column.type) === _const3.GROUP_COMMAND_COLUMN_NAME) {
                        return that._columns.filter(col => column.type === col.type)[0] || column
                    }
                    if (that.isVirtualMode() && (!column || column.command === _const3.VIRTUAL_COMMAND_COLUMN_NAME)) {
                        const columnIndexOffset = that.getColumnIndexOffset();
                        return that.getVisibleColumns(rowIndex, true)[correctedVisibleIndex + columnIndexOffset]
                    }
                    return column
                }(that, visibleIndex, location);
                return (null === column || void 0 === column ? void 0 : column.index) ?? -1
            };
            exports.isFirstOrLastColumn = exports.isColumnNameRequired = exports.isColumnFixed = exports.getValueDataType = exports.getSerializationFormat = exports.getRowCount = exports.getParentBandColumns = exports.getFixedPosition = exports.getDataColumns = exports.getCustomizeTextByDataType = void 0;
            exports.isSortOrderValid = isSortOrderValid;
            exports.updateSortOrderWhenGrouping = exports.updateSerializers = exports.updateIndexes = exports.updateColumnVisibleIndexes = exports.updateColumnSortIndexes = exports.updateColumnIndexes = exports.updateColumnGroupIndexes = exports.updateColumnChanges = exports.strictParseNumber = exports.sortColumns = exports.setFilterOperationsAsDefaultValues = exports.resetColumnsCache = exports.resetBandColumnsCache = exports.processExpandColumns = exports.processBandColumns = exports.numberToString = exports.moveColumnToGroup = exports.mergeColumns = void 0;
            var _number = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/number */ 52771));
            var _array = __webpack_require__( /*! ../../../../core/utils/array */ 94487);
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../../../core/utils/data */ 31e3);
            var _date_serialization = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/date_serialization */ 71051));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _object = __webpack_require__( /*! ../../../../core/utils/object */ 22263);
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _variable_wrapper = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/variable_wrapper */ 40216));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/widget/ui.errors */ 35185));
            var _const = __webpack_require__( /*! ../ai_column/const */ 92806);
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _const2 = __webpack_require__( /*! ../sticky_columns/const */ 87396);
            var _utils = __webpack_require__( /*! ../sticky_columns/utils */ 24378);
            var _const3 = __webpack_require__( /*! ./const */ 48795);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const setFilterOperationsAsDefaultValues = function(column) {
                column.filterOperations = column.defaultFilterOperations
            };
            exports.setFilterOperationsAsDefaultValues = setFilterOperationsAsDefaultValues;
            let globalColumnId = 1;
            const createColumn = function(that, columnOptions, userStateColumnOptions, bandColumn) {
                let commonColumnOptions = {};
                if (columnOptions) {
                    if ((0, _type.isString)(columnOptions)) {
                        columnOptions = {
                            dataField: columnOptions
                        }
                    }
                    that.setName(columnOptions);
                    let result = {};
                    if (columnOptions.command) {
                        result = (0, _object.deepExtendArraySafe)(commonColumnOptions, columnOptions)
                    } else {
                        commonColumnOptions = that.getCommonSettings(columnOptions);
                        if (userStateColumnOptions && userStateColumnOptions.name && userStateColumnOptions.dataField) {
                            columnOptions = (0, _extend.extend)({}, columnOptions, {
                                dataField: userStateColumnOptions.dataField
                            })
                        }
                        const calculatedColumnOptions = that._createCalculatedColumnOptions(columnOptions, bandColumn);
                        if (!columnOptions.type) {
                            result = {
                                headerId: "dx-col-" + globalColumnId++
                            }
                        }
                        result = (0, _object.deepExtendArraySafe)(result, _const3.DEFAULT_COLUMN_OPTIONS, false, true);
                        (0, _object.deepExtendArraySafe)(result, commonColumnOptions, false, true);
                        (0, _object.deepExtendArraySafe)(result, calculatedColumnOptions, false, true);
                        (0, _object.deepExtendArraySafe)(result, columnOptions, false, true);
                        (0, _object.deepExtendArraySafe)(result, {
                            selector: null
                        }, false, true)
                    }
                    if (columnOptions.filterOperations === columnOptions.defaultFilterOperations) {
                        setFilterOperationsAsDefaultValues(result)
                    }
                    return result
                }
            };
            exports.createColumn = createColumn;
            const createColumnsFromOptions = function(that, columnsOptions, bandColumn, createdColumnCount) {
                let result = [];
                if (columnsOptions) {
                    (0, _iterator.each)(columnsOptions, (index, columnOptions) => {
                        const currentIndex = (createdColumnCount ?? 0) + result.length;
                        const userStateColumnOptions = that._columnsUserState && checkUserStateColumn(columnOptions, that._columnsUserState[currentIndex]) && that._columnsUserState[currentIndex];
                        const column = createColumn(that, columnOptions, userStateColumnOptions, bandColumn);
                        if (column) {
                            if (bandColumn) {
                                column.ownerBand = bandColumn
                            }
                            result.push(column);
                            if (column.columns) {
                                ((controller, childColumns) => {
                                    if (null !== controller && void 0 !== controller && controller._isWarnedAboutUnsupportedProperties) {
                                        return
                                    }
                                    if (!childColumns || !Array.isArray(childColumns) || 0 === (null === childColumns || void 0 === childColumns ? void 0 : childColumns.length)) {
                                        return
                                    }
                                    let unsupportedProperty = null;
                                    for (const column of childColumns) {
                                        if (unsupportedProperty) {
                                            break
                                        }
                                        if (!column || "object" !== typeof column || null === column) {
                                            continue
                                        }
                                        for (const property of _const3.UNSUPPORTED_PROPERTIES_FOR_CHILD_COLUMNS) {
                                            if (property in column) {
                                                unsupportedProperty = property;
                                                break
                                            }
                                        }
                                    }
                                    if (unsupportedProperty) {
                                        controller && (controller._isWarnedAboutUnsupportedProperties = true);
                                        _ui.default.log("W1028", unsupportedProperty)
                                    }
                                })(that, column.columns);
                                result = result.concat(createColumnsFromOptions(that, column.columns, column, result.length));
                                delete column.columns;
                                column.hasColumns = true
                            }
                        }
                    })
                }
                return result
            };
            exports.createColumnsFromOptions = createColumnsFromOptions;
            const getParentBandColumns = function(columnIndex, columnParentByIndex) {
                const result = [];
                let parent = columnParentByIndex[columnIndex];
                while (parent) {
                    result.unshift(parent);
                    columnIndex = parent.index;
                    parent = columnParentByIndex[columnIndex]
                }
                return result
            };
            exports.getParentBandColumns = getParentBandColumns;
            const getChildrenByBandColumn = function(columnIndex, columnChildrenByIndex, recursive) {
                let result = [];
                const children = columnChildrenByIndex[columnIndex];
                if (children) {
                    for (let i = 0; i < children.length; i++) {
                        const column = children[i];
                        if (!(0, _type.isDefined)(column.groupIndex) || column.showWhenGrouped) {
                            result.push(column);
                            if (recursive && column.isBand) {
                                result = result.concat(getChildrenByBandColumn(column.index, columnChildrenByIndex, recursive))
                            }
                        }
                    }
                }
                return result
            };
            exports.getChildrenByBandColumn = getChildrenByBandColumn;
            exports.getColumnByIndexes = function(that, columnIndexes) {
                let result;
                let columns;
                const bandColumnsCache = that.getBandColumnsCache();
                const callbackFilter = function(column) {
                    const ownerBand = result ? result.index : void 0;
                    return column.ownerBand === ownerBand
                };
                if (bandColumnsCache.isPlain) {
                    result = that._columns[columnIndexes[0]]
                } else {
                    columns = that._columns.filter(callbackFilter);
                    for (let i = 0; i < columnIndexes.length; i++) {
                        result = columns[columnIndexes[i]];
                        if (result) {
                            columns = that._columns.filter(callbackFilter)
                        }
                    }
                }
                return result
            };
            const getColumnFullPath = function(that, column) {
                let result = [];
                let columns;
                const bandColumnsCache = that.getBandColumnsCache();
                const callbackFilter = function(item) {
                    return item.ownerBand === column.ownerBand
                };
                if (bandColumnsCache.isPlain) {
                    const columnIndex = that._columns.indexOf(column);
                    if (columnIndex >= 0) {
                        result = [`columns[${columnIndex}]`]
                    }
                } else {
                    columns = that._columns.filter(callbackFilter);
                    while (columns.length && -1 !== columns.indexOf(column)) {
                        result.unshift(`columns[${columns.indexOf(column)}]`);
                        column = bandColumnsCache.columnParentByIndex[column.index];
                        columns = column ? that._columns.filter(callbackFilter) : []
                    }
                }
                return result.join(".")
            };
            exports.getColumnFullPath = getColumnFullPath;
            const calculateColspan = function(that, columnID) {
                let colspan = 0;
                const columns = that.getChildrenByBandColumn(columnID, true);
                (0, _iterator.each)(columns, (_, column) => {
                    if (column.isBand) {
                        column.colspan = column.colspan || calculateColspan(that, column.index);
                        colspan += column.colspan || 1
                    } else {
                        colspan += 1
                    }
                });
                return colspan
            };
            exports.calculateColspan = calculateColspan;
            exports.processBandColumns = function(that, columns, bandColumnsCache) {
                let rowspan;
                for (let i = 0; i < columns.length; i++) {
                    const column = columns[i];
                    if (column.visible || column.command) {
                        if (column.isBand) {
                            column.colspan = column.colspan || calculateColspan(that, column.index)
                        }
                        if (!column.isBand || !column.colspan) {
                            rowspan = that.getRowCount();
                            if (!column.command && (!(0, _type.isDefined)(column.groupIndex) || column.showWhenGrouped)) {
                                rowspan -= getParentBandColumns(column.index, bandColumnsCache.columnParentByIndex).length
                            }
                            if (rowspan > 1) {
                                column.rowspan = rowspan
                            }
                        }
                    }
                }
            };
            exports.getValueDataType = function(value) {
                let dataType = (0, _type.type)(value);
                if ("string" !== dataType && "boolean" !== dataType && "number" !== dataType && "date" !== dataType && "object" !== dataType) {
                    dataType = void 0
                }
                return dataType
            };
            exports.getSerializationFormat = function(dataType, value) {
                switch (dataType) {
                    case "date":
                    case "datetime":
                        return _date_serialization.default.getDateSerializationFormat(value);
                    case "number":
                        if ((0, _type.isString)(value)) {
                            return "string"
                        }
                        if ((0, _type.isNumeric)(value)) {
                            return null
                        }
                }
            };
            exports.updateSerializers = function(options, dataType) {
                if (!options.deserializeValue) {
                    if (_m_utils.default.isDateType(dataType)) {
                        options.deserializeValue = function(value) {
                            return _date_serialization.default.deserializeDate(value)
                        };
                        options.serializeValue = function(value) {
                            return (0, _type.isString)(value) ? value : _date_serialization.default.serializeDate(value, this.serializationFormat)
                        }
                    }
                    if ("number" === dataType) {
                        options.deserializeValue = function(value) {
                            const parsedValue = parseFloat(value);
                            return isNaN(parsedValue) ? value : parsedValue
                        };
                        options.serializeValue = function(value, target) {
                            if ("filter" === target) {
                                return value
                            }
                            return (0, _type.isDefined)(value) && "string" === this.serializationFormat ? value.toString() : value
                        }
                    }
                }
            };
            exports.getAlignmentByDataType = function(dataType, isRTL) {
                switch (dataType) {
                    case "number":
                        return "right";
                    case "boolean":
                        return "center";
                    default:
                        return (0, _position.getDefaultAlignment)(isRTL)
                }
            };
            const customizeTextForBooleanDataType = function(e) {
                if (true === e.value) {
                    return this.trueText || "true"
                }
                if (false === e.value) {
                    return this.falseText || "false"
                }
                return e.valueText || ""
            };
            exports.customizeTextForBooleanDataType = customizeTextForBooleanDataType;
            exports.getCustomizeTextByDataType = function(dataType) {
                if ("boolean" === dataType) {
                    return customizeTextForBooleanDataType
                }
            };
            exports.createColumnsFromDataSource = function(that, dataSource) {
                const firstItems = that._getFirstItems(dataSource);
                let fieldName;
                const processedFields = {};
                const result = [];
                for (let i = 0; i < firstItems.length; i++) {
                    if (firstItems[i]) {
                        for (fieldName in firstItems[i]) {
                            if (!(0, _type.isFunction)(firstItems[i][fieldName]) || _variable_wrapper.default.isWrapped(firstItems[i][fieldName])) {
                                processedFields[fieldName] = true
                            }
                        }
                    }
                }
                for (fieldName in processedFields) {
                    if (0 !== fieldName.indexOf("__")) {
                        const column = createColumn(that, fieldName);
                        result.push(column)
                    }
                }
                return result
            };
            const updateColumnIndexes = function(that) {
                (0, _iterator.each)(that._columns, (index, column) => {
                    column.index = index
                });
                (0, _iterator.each)(that._columns, (index, column) => {
                    if ((0, _type.isObject)(column.ownerBand)) {
                        column.ownerBand = column.ownerBand.index
                    }
                });
                (0, _iterator.each)(that._commandColumns, (index, column) => {
                    column.index = -(index + 1)
                })
            };
            exports.updateColumnIndexes = updateColumnIndexes;
            const updateColumnGroupIndexes = function(that, currentColumn) {
                (0, _array.normalizeIndexes)(that._columns, "groupIndex", currentColumn, column => {
                    const {
                        grouped: grouped
                    } = column;
                    delete column.grouped;
                    return grouped
                })
            };
            exports.updateColumnGroupIndexes = updateColumnGroupIndexes;
            const updateColumnSortIndexes = function(that, currentColumn) {
                (0, _iterator.each)(that._columns, (index, column) => {
                    if ((0, _type.isDefined)(column.sortIndex) && !isSortOrderValid(column.sortOrder)) {
                        delete column.sortIndex
                    }
                });
                (0, _array.normalizeIndexes)(that._columns, "sortIndex", currentColumn, column => !(0, _type.isDefined)(column.groupIndex) && isSortOrderValid(column.sortOrder))
            };
            exports.updateColumnSortIndexes = updateColumnSortIndexes;
            const updateColumnVisibleIndexes = function(that, currentColumn) {
                let column;
                const result = [];
                const bandColumnsCache = that.getBandColumnsCache();
                const bandedColumns = [];
                const columns = that._columns.filter(column => !column.command);
                for (let i = 0; i < columns.length; i++) {
                    column = columns[i];
                    const parentBandColumns = getParentBandColumns(i, bandColumnsCache.columnParentByIndex);
                    if (parentBandColumns.length) {
                        bandedColumns.push(column)
                    } else {
                        result.push(column)
                    }
                }(0, _array.normalizeIndexes)(bandedColumns, "visibleIndex", currentColumn);
                (0, _array.normalizeIndexes)(result, "visibleIndex", currentColumn)
            };
            exports.updateColumnVisibleIndexes = updateColumnVisibleIndexes;
            exports.moveColumnToGroup = function(that, column, groupIndex) {
                const groupColumns = that.getGroupColumns();
                let i;
                if (groupIndex >= 0) {
                    for (i = 0; i < groupColumns.length; i++) {
                        if (groupColumns[i].groupIndex >= groupIndex) {
                            groupColumns[i].groupIndex++
                        }
                    }
                } else {
                    groupIndex = 0;
                    for (i = 0; i < groupColumns.length; i++) {
                        groupIndex = Math.max(groupIndex, groupColumns[i].groupIndex + 1)
                    }
                }
                return groupIndex
            };

            function checkUserStateColumn(column, userStateColumn) {
                return column && userStateColumn && userStateColumn.name === (column.name || column.dataField) && (userStateColumn.dataField === column.dataField || column.name)
            }
            exports.applyUserState = function(that) {
                const columnsUserState = that._columnsUserState;
                const ignoreColumnOptionNames = that._ignoreColumnOptionNames || [];
                const columns = that._columns;
                const columnCountById = {};
                let resultColumns = [];
                let allColumnsHaveState = true;
                const userStateColumnIndexes = [];
                let column;
                let userStateColumnIndex;
                let i;

                function applyFieldsState(column, userStateColumn) {
                    if (!userStateColumn) {
                        return
                    }
                    for (let index = 0; index < _const3.USER_STATE_FIELD_NAMES.length; index++) {
                        const fieldName = _const3.USER_STATE_FIELD_NAMES[index];
                        if (ignoreColumnOptionNames.includes(fieldName)) {
                            continue
                        }
                        if ("dataType" === fieldName) {
                            column[fieldName] = column[fieldName] || userStateColumn[fieldName]
                        } else if (_const3.USER_STATE_FIELD_NAMES_15_1.includes(fieldName)) {
                            if (fieldName in userStateColumn) {
                                column[fieldName] = userStateColumn[fieldName]
                            }
                        } else {
                            if ("selectedFilterOperation" === fieldName && userStateColumn[fieldName]) {
                                column.defaultSelectedFilterOperation = column[fieldName] || null
                            }
                            column[fieldName] = userStateColumn[fieldName]
                        }
                    }
                }

                function findUserStateColumn(columnsUserState, column) {
                    const id = column.name || column.dataField;
                    let count = columnCountById[id] || 0;
                    for (let j = 0; j < columnsUserState.length; j++) {
                        if (checkUserStateColumn(column, columnsUserState[j])) {
                            if (count) {
                                count--
                            } else {
                                columnCountById[id] = columnCountById[id] || 0;
                                columnCountById[id]++;
                                return j
                            }
                        }
                    }
                    return -1
                }
                if (columnsUserState) {
                    for (i = 0; i < columns.length; i++) {
                        userStateColumnIndex = findUserStateColumn(columnsUserState, columns[i]);
                        allColumnsHaveState = allColumnsHaveState && userStateColumnIndex >= 0;
                        userStateColumnIndexes.push(userStateColumnIndex)
                    }
                    for (i = 0; i < columns.length; i++) {
                        column = columns[i];
                        userStateColumnIndex = userStateColumnIndexes[i];
                        if (that._hasUserState || allColumnsHaveState) {
                            applyFieldsState(column, columnsUserState[userStateColumnIndex])
                        }
                        if (userStateColumnIndex >= 0 && (0, _type.isDefined)(columnsUserState[userStateColumnIndex].initialIndex)) {
                            resultColumns[userStateColumnIndex] = column
                        } else {
                            resultColumns.push(column)
                        }
                    }
                    let hasAddedBands = false;
                    for (i = 0; i < columnsUserState.length; i++) {
                        const columnUserState = columnsUserState[i];
                        if (columnUserState.added && findUserStateColumn(columns, columnUserState) < 0) {
                            column = createColumn(that, columnUserState.added);
                            applyFieldsState(column, columnUserState);
                            resultColumns.push(column);
                            if (columnUserState.added.columns) {
                                hasAddedBands = true
                            }
                        }
                    }
                    if (hasAddedBands) {
                        updateColumnIndexes(that);
                        resultColumns = createColumnsFromOptions(that, resultColumns)
                    }
                    assignColumns(that, resultColumns)
                }
            };
            const updateIndexes = function(that, column) {
                updateColumnIndexes(that);
                updateColumnGroupIndexes(that, column);
                updateColumnSortIndexes(that, column);
                resetBandColumnsCache(that);
                updateColumnVisibleIndexes(that, column)
            };
            exports.updateIndexes = updateIndexes;
            const resetColumnsCache = function(that) {
                that.resetColumnsCache()
            };
            exports.resetColumnsCache = resetColumnsCache;

            function assignColumns(that, columns) {
                that._previousColumns = that._columns;
                that._columns = columns;
                resetColumnsCache(that);
                that.updateColumnDataTypes()
            }
            const updateColumnChanges = function(that, changeType, optionName, columnIndex) {
                const columnChanges = that._columnChanges || {
                    optionNames: {
                        length: 0
                    },
                    changeTypes: {
                        length: 0
                    },
                    columnIndex: columnIndex
                };
                optionName = optionName || "all";
                optionName = optionName.split(".")[0];
                const {
                    changeTypes: changeTypes
                } = columnChanges;
                if (changeType && !changeTypes[changeType]) {
                    changeTypes[changeType] = true;
                    changeTypes.length++
                }
                const {
                    optionNames: optionNames
                } = columnChanges;
                if (optionName && !optionNames[optionName]) {
                    optionNames[optionName] = true;
                    optionNames.length++
                }
                if (void 0 === columnIndex || columnIndex !== columnChanges.columnIndex) {
                    if ((0, _type.isDefined)(columnIndex)) {
                        columnChanges.columnIndices ?? (columnChanges.columnIndices = []);
                        if ((0, _type.isDefined)(columnChanges.columnIndex)) {
                            columnChanges.columnIndices.push(columnChanges.columnIndex)
                        }
                        columnChanges.columnIndices.push(columnIndex)
                    }
                    delete columnChanges.columnIndex
                }
                that._columnChanges = columnChanges;
                resetColumnsCache(that)
            };
            exports.updateColumnChanges = updateColumnChanges;
            exports.fireColumnsChanged = function(that) {
                const onColumnsChanging = that.option("onColumnsChanging");
                const columnChanges = that._columnChanges;
                const reinitOptionNames = ["dataField", "lookup", "dataType", "columns"];
                if (that.isInitialized() && !that._updateLockCount && columnChanges) {
                    if (onColumnsChanging) {
                        that._updateLockCount++;
                        onColumnsChanging((0, _extend.extend)({
                            component: that.component
                        }, columnChanges));
                        that._updateLockCount--
                    }
                    that._columnChanges = void 0;
                    if (options = columnChanges.optionNames, options && reinitOptionNames.some(name => options[name])) {
                        that._reinitAfterLookupChanges = null === columnChanges || void 0 === columnChanges ? void 0 : columnChanges.optionNames.lookup;
                        that.reinit();
                        that._reinitAfterLookupChanges = void 0
                    } else {
                        that.columnsChanged.fire(columnChanges)
                    }
                }
                var options
            };
            const updateSortOrderWhenGrouping = function(that, column, groupIndex, prevGroupIndex) {
                const columnWasGrouped = prevGroupIndex >= 0;
                if (groupIndex >= 0) {
                    if (!columnWasGrouped) {
                        column.lastSortOrder = column.sortOrder
                    }
                } else {
                    const sortMode = that.option("sorting.mode");
                    let sortOrder = column.lastSortOrder;
                    if ("single" === sortMode) {
                        const sortedByAnotherColumn = that._columns.some(col => col !== column && (0, _type.isDefined)(col.sortIndex));
                        if (sortedByAnotherColumn) {
                            sortOrder = void 0
                        }
                    }
                    column.sortOrder = sortOrder
                }
            };
            exports.updateSortOrderWhenGrouping = updateSortOrderWhenGrouping;
            const fireOptionChanged = function(that, options) {
                const {
                    value: value
                } = options;
                const {
                    optionName: optionName
                } = options;
                const {
                    prevValue: prevValue
                } = options;
                const {
                    fullOptionName: fullOptionName
                } = options;
                const fullOptionPath = `${fullOptionName}.${optionName}`;
                if (!_const3.IGNORE_COLUMN_OPTION_NAMES[optionName] && that._skipProcessingColumnsChange !== fullOptionPath) {
                    that._skipProcessingColumnsChange = fullOptionPath;
                    that.component._notifyOptionChanged(fullOptionPath, value, prevValue);
                    that._skipProcessingColumnsChange = false
                }
            };
            exports.fireOptionChanged = fireOptionChanged;
            exports.columnOptionCore = function(that, column, optionName, value, notFireEvent) {
                const optionGetter = (0, _data.compileGetter)(optionName);
                const columnIndex = column.index;
                let columns;
                let changeType;
                let initialColumn;
                if (3 === arguments.length) {
                    return optionGetter(column, {
                        functionsAsIs: true
                    })
                }
                const prevValue = optionGetter(column, {
                    functionsAsIs: true
                });
                if (!(0, _common.equalByValue)(prevValue, value, {
                        maxDepth: 5
                    })) {
                    if ("groupIndex" === optionName) {
                        changeType = "grouping";
                        updateSortOrderWhenGrouping(that, column, value, prevValue)
                    } else if ("calculateGroupValue" === optionName) {
                        changeType = "grouping"
                    } else if ("sortIndex" === optionName || "sortOrder" === optionName || "calculateSortValue" === optionName) {
                        changeType = "sorting"
                    } else {
                        changeType = "columns"
                    }
                    const optionSetter = (0, _data.compileSetter)(optionName);
                    optionSetter(column, value, {
                        functionsAsIs: true
                    });
                    const fullOptionName = getColumnFullPath(that, column);
                    if (_const3.COLUMN_INDEX_OPTIONS[optionName]) {
                        updateIndexes(that, column);
                        value = optionGetter(column)
                    }
                    if ("name" === optionName || "allowEditing" === optionName) {
                        that._checkColumns()
                    }
                    if (!(0, _type.isDefined)(prevValue) && !(0, _type.isDefined)(value) && 0 !== optionName.indexOf("buffer") && false !== notFireEvent) {
                        notFireEvent = true
                    }
                    if (!notFireEvent) {
                        if (!_const3.USER_STATE_FIELD_NAMES.includes(optionName) && "visibleWidth" !== optionName) {
                            columns = that.option("columns");
                            initialColumn = that.getColumnByPath(fullOptionName, columns);
                            if ((0, _type.isString)(initialColumn)) {
                                initialColumn = columns[columnIndex] = {
                                    dataField: initialColumn
                                }
                            }
                            if (initialColumn && checkUserStateColumn(initialColumn, column)) {
                                optionSetter(initialColumn, value, {
                                    functionsAsIs: true
                                })
                            }
                        }
                        updateColumnChanges(that, changeType, optionName, columnIndex)
                    } else {
                        resetColumnsCache(that)
                    }
                    fullOptionName && fireOptionChanged(that, {
                        fullOptionName: fullOptionName,
                        optionName: optionName,
                        value: value,
                        prevValue: prevValue
                    });
                    if (column.type === _const.AI_COLUMN_NAME) {
                        that.aiColumnOptionChanged.fire(column, optionName, value)
                    }
                }
            };

            function isSortOrderValid(sortOrder) {
                return "asc" === sortOrder || "desc" === sortOrder
            }
            exports.addExpandColumn = function(that) {
                const options = that._getExpandColumnOptions();
                that.addCommandColumn(options)
            };
            exports.defaultSetCellValue = function(data, value) {
                if (!this.dataField) {
                    return
                }
                const path = this.dataField.split(".");
                const dotCount = path.length - 1;
                if (this.serializeValue) {
                    value = this.serializeValue(value)
                }
                for (let i = 0; i < dotCount; i++) {
                    const name = path[i];
                    data = data[name] = data[name] || {}
                }
                data[path[dotCount]] = value
            };
            const getDataColumns = function(columns, rowIndex, bandColumnID) {
                const result = [];
                rowIndex = rowIndex || 0;
                columns[rowIndex] && (0, _iterator.each)(columns[rowIndex], (_, column) => {
                    if (column.ownerBand === bandColumnID || column.type === _const3.GROUP_COMMAND_COLUMN_NAME) {
                        if (!column.isBand || !column.colspan) {
                            if (!column.command || rowIndex < 1) {
                                result.push(column)
                            }
                        } else {
                            result.push.apply(result, getDataColumns(columns, rowIndex + 1, column.index))
                        }
                    }
                });
                return result
            };
            exports.getDataColumns = getDataColumns;
            exports.getRowCount = function(that) {
                let rowCount = 1;
                const bandColumnsCache = that.getBandColumnsCache();
                const {
                    columnParentByIndex: columnParentByIndex
                } = bandColumnsCache;
                that._columns.forEach(column => {
                    const parents = getParentBandColumns(column.index, columnParentByIndex);
                    const invisibleParents = parents.filter(column => !column.visible);
                    if (column.visible && !invisibleParents.length) {
                        rowCount = Math.max(rowCount, parents.length + 1)
                    }
                });
                return rowCount
            };
            exports.getFixedPosition = function(that, column) {
                const rtlEnabled = that.option("rtlEnabled");
                if (column.command && !_m_utils.default.isCustomCommandColumn(that._columns, column) || !column.fixedPosition) {
                    return rtlEnabled ? "right" : "left"
                }
                return column.fixedPosition
            };
            exports.processExpandColumns = (columns, expandColumns, commandType, columnIndex, rowspan) => {
                const expandColumnsByType = expandColumns.filter(column => column.type === commandType).map(column => rowspan > 1 ? Object.assign({}, column, {
                    rowspan: rowspan
                }) : column);
                const customExpandColumnIndex = columns.findIndex(column => column.type === commandType);
                const targetIndex = customExpandColumnIndex >= 0 ? customExpandColumnIndex : columnIndex;
                const deleteCount = customExpandColumnIndex >= 0 ? 1 : 0;
                columns.splice(targetIndex, deleteCount, ...expandColumnsByType)
            };
            exports.digitsCount = function(number) {
                let i;
                for (i = 0; number > 1; i++) {
                    number /= 10
                }
                return i
            };
            exports.numberToString = function(number, digitsCount) {
                let str = number ? number.toString() : "0";
                while (str.length < digitsCount) {
                    str = `0${str}`
                }
                return str
            };
            exports.mergeColumns = (that, columns, commandColumns, needToExtend) => {
                let column;
                let commandColumnIndex;
                let result = columns.slice().map(column => (0, _extend.extend)({}, column));
                const isColumnFixing = that._isColumnFixing();
                let defaultCommandColumns = commandColumns.slice().map(column => (0, _extend.extend)({
                    fixed: isColumnFixing
                }, column));
                const getCommandColumnIndex = column => commandColumns.reduce((result, commandColumn, index) => {
                    const columnType = needToExtend && column.type === _const3.GROUP_COMMAND_COLUMN_NAME ? "expand" : column.type;
                    return commandColumn.type === columnType || commandColumn.command === column.command ? index : result
                }, -1);
                const callbackFilter = commandColumn => commandColumn.command !== commandColumns[commandColumnIndex].command;
                for (let i = 0; i < columns.length; i++) {
                    column = columns[i];
                    commandColumnIndex = column && (column.type || column.command) ? getCommandColumnIndex(column) : -1;
                    if (commandColumnIndex >= 0) {
                        if (needToExtend) {
                            result[i] = (0, _extend.extend)({
                                fixed: isColumnFixing
                            }, commandColumns[commandColumnIndex], column, {
                                calculateCellValue: commandColumns[commandColumnIndex].calculateCellValue,
                                cssClass: [commandColumns[commandColumnIndex].cssClass ?? "", column.cssClass ?? ""].join(" ").trim()
                            });
                            if (column.type !== _const3.GROUP_COMMAND_COLUMN_NAME) {
                                defaultCommandColumns = defaultCommandColumns.filter(callbackFilter)
                            }
                        } else {
                            const columnOptions = {
                                visibleIndex: column.visibleIndex,
                                index: column.index,
                                headerId: column.headerId,
                                allowFixing: 0 === column.groupIndex,
                                allowReordering: 0 === column.groupIndex,
                                groupIndex: column.groupIndex
                            };
                            result[i] = (0, _extend.extend)({}, column, commandColumns[commandColumnIndex], column.type === _const3.GROUP_COMMAND_COLUMN_NAME && columnOptions)
                        }
                    }
                }
                if (columns.length && needToExtend && defaultCommandColumns.length) {
                    result = result.concat(defaultCommandColumns)
                }
                return result
            };
            exports.isColumnFixed = (that, column) => {
                const isFixedCommandColumn = column.type && column.type !== _const.AI_COLUMN_NAME;
                if (!isFixedCommandColumn) {
                    return column.fixed && column.fixedPosition !== _const2.StickyPosition.Sticky
                }
                return that._isColumnFixing()
            };
            exports.convertOwnerBandToColumnReference = columns => {
                columns.forEach(column => {
                    if ((0, _type.isDefined)(column.ownerBand)) {
                        column.ownerBand = columns[column.ownerBand]
                    }
                })
            };
            const resetBandColumnsCache = that => {
                that._bandColumnsCache = void 0
            };
            exports.resetBandColumnsCache = resetBandColumnsCache;
            exports.findColumn = (columns, identifier) => {
                const identifierOptionName = (0, _type.isString)(identifier) && identifier.substr(0, identifier.indexOf(":"));
                let column;
                if (void 0 === identifier) {
                    return
                }
                if (identifierOptionName) {
                    identifier = identifier.substr(identifierOptionName.length + 1)
                }
                if (identifierOptionName) {
                    column = columns.filter(column => `${column[identifierOptionName]}` === identifier)[0]
                } else {
                    ["index", "name", "dataField", "caption"].some(optionName => {
                        column = columns.filter(column => column[optionName] === identifier)[0];
                        return !!column
                    })
                }
                return column
            };
            exports.sortColumns = (columns, sortOrder) => {
                if ("asc" !== sortOrder && "desc" !== sortOrder) {
                    return columns
                }
                const sign = "asc" === sortOrder ? 1 : -1;
                columns.sort((column1, column2) => {
                    const caption1 = column1.caption || "";
                    const caption2 = column2.caption || "";
                    return sign * caption1.localeCompare(caption2)
                });
                return columns
            };
            exports.strictParseNumber = function(text, format) {
                const parsedValue = _number.default.parse(text);
                if ((0, _type.isNumeric)(parsedValue)) {
                    const formattedValue = _number.default.format(parsedValue, format);
                    const formattedValueWithDefaultFormat = _number.default.format(parsedValue, "decimal");
                    if (formattedValue === text || formattedValueWithDefaultFormat === text) {
                        return parsedValue
                    }
                }
            };
            const isFirstOrLastColumnCore = function(that, column, rowIndex) {
                var _columns, _columns$;
                let onlyWithinBandColumn = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : false;
                let isLast = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : false;
                let fixedPosition = arguments.length > 5 ? arguments[5] : void 0;
                const columnIndex = column.index;
                const columns = (index = rowIndex, that.getVisibleColumns(index).filter(col => {
                    let res = true;
                    if (that.isAdaptiveHiddenColumn(col)) {
                        return false
                    }
                    if (onlyWithinBandColumn && column) {
                        res && (res = col.ownerBand === column.ownerBand)
                    } else if (fixedPosition) {
                        res && (res = col.fixed && (0, _utils.getColumnFixedPosition)(that, col) === fixedPosition)
                    }
                    return res
                }));
                var index;
                const visibleColumnIndex = that.getVisibleIndex(columnIndex, rowIndex);
                return isLast ? visibleColumnIndex === that.getVisibleIndex(null === (_columns = columns[columns.length - 1]) || void 0 === _columns ? void 0 : _columns.index, rowIndex) : visibleColumnIndex === that.getVisibleIndex(null === (_columns$ = columns[0]) || void 0 === _columns$ ? void 0 : _columns$.index, rowIndex)
            };
            exports.isFirstOrLastColumn = function(that, targetColumn, rowIndex) {
                let onlyWithinBandColumn = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : false;
                let isLast = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : false;
                let fixedPosition = arguments.length > 5 ? arguments[5] : void 0;
                const targetColumnIndex = targetColumn.index;
                const bandColumnsCache = that.getBandColumnsCache();
                const parentBandColumns = !(0, _type.isDefined)(targetColumn.type) && getParentBandColumns(targetColumnIndex, bandColumnsCache.columnParentByIndex);
                if (null !== parentBandColumns && void 0 !== parentBandColumns && parentBandColumns.length) {
                    return function(that, bandColumns) {
                        let onlyWithinBandColumn = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : false;
                        let isLast = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : false;
                        let fixedPosition = arguments.length > 4 ? arguments[4] : void 0;
                        return bandColumns.every((column, index) => onlyWithinBandColumn && 0 === index || isFirstOrLastColumnCore(that, column, index, onlyWithinBandColumn, isLast, fixedPosition))
                    }(that, parentBandColumns.concat([targetColumn]), onlyWithinBandColumn, isLast, fixedPosition)
                }
                return onlyWithinBandColumn || isFirstOrLastColumnCore(that, targetColumn, rowIndex, onlyWithinBandColumn, isLast, fixedPosition)
            };
            exports.isColumnNameRequired = function(_ref) {
                let {
                    type: type = ""
                } = _ref;
                return _const3.COMMAND_COLUMNS_WITH_REQUIRED_NAMES.includes(type)
            };
            exports.getColumnHeaderCellSelector = visibleIndex => `.dx-header-row td[aria-colindex="${visibleIndex+1}"]`
        },
        91066(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CLASSES = void 0;
            exports.CLASSES = {
                draggableColumn: "draggable-column"
            }
        },
        19448(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.columnsResizingReorderingModule = exports.TrackerView = exports.TablePositionViewController = exports.SeparatorView = exports.DraggingHeaderViewController = exports.DraggingHeaderView = exports.ColumnsSeparatorView = exports.ColumnsResizerViewController = exports.BlockSeparatorView = void 0;
            var _animation = __webpack_require__( /*! ../../../../common/core/animation */ 16826);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _drag = __webpack_require__( /*! ../../../../common/core/events/drag */ 59144);
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/callbacks */ 84718));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _swatch_container = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/swatch_container */ 40954));
            var _utils = __webpack_require__( /*! ../../../grids/grid_core/columns_resizing_reordering/utils */ 14356);
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _const = __webpack_require__( /*! ./const */ 91066);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const MODULE_NAMESPACE = "dxDataGridResizingReordering";
            const allowResizing = function(that) {
                return that.option("allowColumnResizing") || that.getController("columns").isColumnOptionUsed("allowResizing")
            };
            const allowReordering = function(that) {
                return that.option("allowColumnReordering") || that.getController("columns").isColumnOptionUsed("allowReordering")
            };
            class TrackerView extends _m_modules.default.View {
                init() {
                    super.init();
                    this._tablePositionController = this.getController("tablePosition");
                    this._subscribeToCallback()
                }
                dispose() {
                    this._unsubscribeFromCallback();
                    super.dispose()
                }
                optionChanged(args) {
                    if ("allowColumnResizing" === args.name) {
                        this._unsubscribeFromCallback();
                        if (args.value) {
                            this._subscribeToCallback();
                            this._invalidate()
                        }
                    }
                    super.optionChanged(args)
                }
                _renderCore() {
                    const deferred = super._renderCore();
                    this.element().addClass(this.addWidgetPrefix("tracker"));
                    this.hide();
                    return deferred
                }
                _unsubscribeFromCallback() {
                    if (this._positionChanged) {
                        this._tablePositionController.positionChanged.remove(this._positionChanged)
                    }
                }
                _subscribeToCallback() {
                    const that = this;
                    that._positionChanged = function(position) {
                        const $element = that.element();
                        if (null !== $element && void 0 !== $element && $element.hasClass(that.addWidgetPrefix("tracker"))) {
                            $element.css({
                                top: position.top
                            });
                            (0, _size.setHeight)($element, position.height)
                        }
                    };
                    this._tablePositionController.positionChanged.add(that._positionChanged)
                }
                isVisible() {
                    return allowResizing(this)
                }
                show() {
                    this.element().show()
                }
                hide() {
                    var _this$element;
                    null === (_this$element = this.element()) || void 0 === _this$element || _this$element.hide()
                }
                setHeight(value) {
                    (0, _size.setHeight)(this.element(), value)
                }
            }
            exports.TrackerView = TrackerView;
            class SeparatorView extends _m_modules.default.View {
                _renderSeparator() {}
                _renderCore(options) {
                    const deferred = super._renderCore(options);
                    this._isShown = true;
                    this._renderSeparator();
                    this.hide();
                    return deferred
                }
                show() {
                    this._isShown = true
                }
                hide() {
                    this._isShown = false
                }
                height(value) {
                    const $element = this.element();
                    if ($element) {
                        if ((0, _type.isDefined)(value)) {
                            (0, _size.setHeight)($element, value)
                        } else {
                            return (0, _size.getHeight)($element)
                        }
                    }
                }
                width(value) {
                    const $element = this.element();
                    if ($element) {
                        if ((0, _type.isDefined)(value)) {
                            (0, _size.setWidth)($element, value)
                        } else {
                            return (0, _size.getWidth)($element)
                        }
                    }
                }
            }
            exports.SeparatorView = SeparatorView;
            class ColumnsSeparatorView extends SeparatorView {
                init() {
                    super.init();
                    this._tablePositionController = this.getController("tablePosition");
                    this._init()
                }
                dispose() {
                    this._unsubscribeFromCallback();
                    super.dispose()
                }
                optionChanged(args) {
                    if ("allowColumnResizing" === args.name) {
                        if (args.value) {
                            this._init();
                            this._invalidate();
                            this.hide(true)
                        } else {
                            this._unsubscribeFromCallback();
                            this._isTransparent = allowResizing(this);
                            this.hide(true)
                        }
                    }
                    super.optionChanged(args)
                }
                _renderSeparator() {
                    super._renderSeparator();
                    const $element = this.element();
                    $element.addClass(this.addWidgetPrefix("columns-separator"))
                }
                _subscribeToCallback() {
                    const that = this;
                    let $element;
                    that._positionChanged = function(position) {
                        $element = that.element();
                        if ($element) {
                            $element.css({
                                top: position.top
                            });
                            (0, _size.setHeight)($element, position.height)
                        }
                    };
                    that._tablePositionController.positionChanged.add(that._positionChanged)
                }
                _unsubscribeFromCallback() {
                    this._positionChanged && this._tablePositionController.positionChanged.remove(this._positionChanged)
                }
                _init() {
                    this._isTransparent = allowResizing(this);
                    if (this.isVisible()) {
                        this._subscribeToCallback()
                    }
                }
                isVisible() {
                    return this.option("showColumnHeaders") && (allowReordering(this) || allowResizing(this))
                }
                show() {
                    const that = this;
                    const $element = this.element();
                    if ($element && !that._isShown) {
                        if (that._isTransparent) {
                            $element.removeClass(that.addWidgetPrefix("columns-separator-transparent"))
                        } else {
                            $element.show()
                        }
                    }
                    super.show()
                }
                hide(force) {
                    const $element = this.element();
                    const columnsSeparatorTransparent = this.addWidgetPrefix("columns-separator-transparent");
                    if ($element && (this._isShown || force)) {
                        if (this._isTransparent) {
                            $element.addClass(columnsSeparatorTransparent);
                            $element.css("left", "");
                            $element.show()
                        } else {
                            if ($element.hasClass(columnsSeparatorTransparent)) {
                                $element.removeClass(columnsSeparatorTransparent)
                            }
                            $element.hide()
                        }
                    }
                    super.hide()
                }
                moveByX(outerX) {
                    const $element = this.element();
                    if ($element) {
                        $element.css("left", null === outerX ? 0 : outerX - this._parentElement().offset().left)
                    }
                }
                changeCursor(cursorName) {
                    cursorName = (0, _type.isDefined)(cursorName) ? cursorName : "";
                    const $element = this.element();
                    if ($element) {
                        $element.css("cursor", cursorName)
                    }
                }
            }
            exports.ColumnsSeparatorView = ColumnsSeparatorView;
            class BlockSeparatorView extends SeparatorView {
                init() {
                    super.init();
                    const dataController = this.getController("data");
                    dataController.loadingChanged.add(isLoading => {
                        if (!isLoading) {
                            this.hide()
                        }
                    })
                }
                _renderSeparator() {
                    super._renderSeparator();
                    this.element().addClass("dx-block-separator").html("&nbsp;")
                }
                hide() {
                    const that = this;
                    const $parent = this._parentElement();
                    const $element = this.element();
                    if ($element && this._isShown) {
                        $element.css("display", "none")
                    }
                    if ($parent && !$parent.children(".dx-block-separator").length) {
                        $parent.prepend(that.element())
                    }
                    super.hide()
                }
                isVisible() {
                    const groupPanelOptions = this.option("groupPanel");
                    const columnChooserOptions = this.option("columnChooser");
                    return (null === groupPanelOptions || void 0 === groupPanelOptions ? void 0 : groupPanelOptions.visible) || (null === columnChooserOptions || void 0 === columnChooserOptions ? void 0 : columnChooserOptions.enabled)
                }
                show(targetLocation) {
                    const $element = this.element();
                    if ($element && !this._isShown) {
                        switch (targetLocation) {
                            case "group":
                                this.element().css("display", "block");
                                break;
                            case "columnChooser":
                                ! function(toOptions) {
                                    _animation.fx.stop($element, true);
                                    _animation.fx.animate($element, {
                                        type: "slide",
                                        from: {
                                            width: 0,
                                            display: toOptions.display
                                        },
                                        to: toOptions,
                                        duration: 300,
                                        easing: "swing"
                                    })
                                }({
                                    width: "100%",
                                    display: "block"
                                });
                                break;
                            default:
                                $element.css("display", "")
                        }
                    }
                    super.show()
                }
            }
            exports.BlockSeparatorView = BlockSeparatorView;
            class DraggingHeaderView extends _m_modules.default.View {
                getSourceDraggingPanel() {
                    const {
                        sourceLocation: sourceLocation,
                        draggingPanels: draggingPanels
                    } = this._dragOptions;
                    return draggingPanels.find(draggingPanel => draggingPanel.getName() === sourceLocation)
                }
                updateDragElement() {
                    const {
                        columnElement: columnElement,
                        sourceColumn: sourceColumn
                    } = this._dragOptions;
                    const sourceDraggingPanel = this.getSourceDraggingPanel();
                    const dragElement = this.element();
                    dragElement.empty().css({
                        textAlign: null === columnElement || void 0 === columnElement ? void 0 : columnElement.css("textAlign"),
                        height: columnElement && (0, _size.getHeight)(columnElement),
                        width: columnElement && (0, _size.getWidth)(columnElement),
                        whiteSpace: null === columnElement || void 0 === columnElement ? void 0 : columnElement.css("whiteSpace")
                    }).addClass(this.addWidgetPrefix("drag-action"));
                    sourceDraggingPanel.renderDragCellContent(dragElement, sourceColumn)
                }
                init() {
                    super.init();
                    const dataController = this.getController("data");
                    this._controller = this.getController("draggingHeader");
                    this._columnsResizerViewController = this.getController("columnsResizer");
                    this._columnsController = this.getController("columns");
                    this._isDragging = false;
                    dataController.loadingChanged.add(isLoading => {
                        const element = this.element();
                        if (!isLoading && element) {
                            element.hide()
                        }
                    })
                }
                isDragging() {
                    return this._isDragging
                }
                _getDraggingPanelByPos(pos) {
                    let result;
                    (0, _iterator.each)(this._dragOptions.draggingPanelBoundingRects, (_, _ref) => {
                        let {
                            draggingPanel: draggingPanel,
                            boundingRect: boundingRect
                        } = _ref;
                        if (boundingRect && (void 0 === boundingRect.bottom || pos.y < boundingRect.bottom) && (void 0 === boundingRect.top || pos.y > boundingRect.top) && (void 0 === boundingRect.left || pos.x > boundingRect.left) && (void 0 === boundingRect.right || pos.x < boundingRect.right)) {
                            result = draggingPanel;
                            return false
                        }
                        return
                    });
                    return result
                }
                _renderCore() {
                    this.element().addClass(`${this.addWidgetPrefix("drag-header")} ${this.addWidgetPrefix("text-content")} dx-widget`).hide()
                }
                _resetTargetColumnOptions() {
                    const params = this._dropOptions;
                    params.targetColumnIndex = -1;
                    delete params.targetColumnElement;
                    delete params.isLast;
                    delete params.posX;
                    delete params.posY
                }
                _getVisibleIndexObject(rowIndex, visibleIndex) {
                    if ((0, _type.isDefined)(rowIndex)) {
                        return {
                            columnIndex: visibleIndex,
                            rowIndex: rowIndex
                        }
                    }
                    return visibleIndex
                }
                dispose() {
                    const element = this.element();
                    this._dragOptions = null;
                    null === element || void 0 === element || element.parent().find(`.${this.addWidgetPrefix("drag-header")}`).remove()
                }
                isVisible() {
                    const commonColumnSettings = this._columnsController.getCommonSettings();
                    return this.option("showColumnHeaders") && (allowReordering(this) || commonColumnSettings.allowGrouping || commonColumnSettings.allowHiding)
                }
                dragHeader(options) {
                    const {
                        columnElement: columnElement
                    } = options;
                    const dragOptions = Object.assign({}, options, {
                        draggingPanelBoundingRects: (0, _utils.getDraggingPanelBoundingRects)(options.draggingPanels)
                    });
                    this._isDragging = true;
                    this._dragOptions = dragOptions;
                    this._dropOptions = {
                        sourceIndex: options.index,
                        sourceColumnIndex: this._getVisibleIndexObject(options.rowIndex, options.columnIndex),
                        sourceColumnElement: columnElement,
                        sourceLocation: options.sourceLocation
                    };
                    const document = _dom_adapter.default.getDocument();
                    this._onSelectStart = document.onselectstart;
                    document.onselectstart = function() {
                        return false
                    };
                    this._controller.drag(this._dropOptions);
                    this.updateDragElement();
                    this.element().appendTo(_swatch_container.default.getSwatchContainer(columnElement))
                }
                moveHeader(args) {
                    const e = args.event;
                    const {
                        that: that
                    } = e.data;
                    const eventData = (0, _index.eventData)(e);
                    const isResizing = that._columnsResizerViewController ? that._columnsResizerViewController.isResizing() : false;
                    const dragOptions = that._dragOptions;
                    if (that._isDragging && !isResizing) {
                        const $element = that.element();
                        const moveDeltaX = Math.abs(eventData.x - dragOptions.columnElement.offset().left - dragOptions.deltaX);
                        const moveDeltaY = Math.abs(eventData.y - dragOptions.columnElement.offset().top - dragOptions.deltaY);
                        if ($element.is(":visible") || moveDeltaX > 5 || moveDeltaY > 5) {
                            $element.show();
                            const newLeft = eventData.x - dragOptions.deltaX;
                            const newTop = eventData.y - dragOptions.deltaY;
                            $element.css({
                                left: newLeft,
                                top: newTop
                            });
                            that.dockHeader(eventData)
                        }
                        e.preventDefault()
                    }
                }
                dockHeader(eventData) {
                    const that = this;
                    const targetDraggingPanel = that._getDraggingPanelByPos(eventData);
                    const controller = that._controller;
                    const params = that._dropOptions;
                    const dragOptions = that._dragOptions;
                    if (targetDraggingPanel) {
                        const rtlEnabled = that.option("rtlEnabled");
                        const isVerticalOrientation = "columnChooser" === targetDraggingPanel.getName();
                        const axisName = isVerticalOrientation ? "y" : "x";
                        const targetLocation = targetDraggingPanel.getName();
                        const rowIndex = "headers" === targetLocation ? dragOptions.rowIndex : void 0;
                        const {
                            sourceColumn: sourceColumn
                        } = dragOptions;
                        const columnElements = targetDraggingPanel.getColumnElements(rowIndex, null === sourceColumn || void 0 === sourceColumn ? void 0 : sourceColumn.ownerBand) || [];
                        const pointsByTarget = dragOptions.pointsByTarget = dragOptions.pointsByTarget || {};
                        const pointsByColumns = "columnChooser" === targetLocation ? [] : pointsByTarget[targetLocation] || controller._generatePointsByColumns((0, _extend.extend)({}, dragOptions, {
                            targetDraggingPanel: targetDraggingPanel,
                            columns: targetDraggingPanel.getColumns(rowIndex),
                            columnElements: columnElements,
                            isVerticalOrientation: isVerticalOrientation,
                            startColumnIndex: "headers" === targetLocation ? (0, _renderer.default)(columnElements[0]).index() : 0
                        }));
                        pointsByTarget[targetLocation] = pointsByColumns;
                        params.targetLocation = targetLocation;
                        if (pointsByColumns.length > 0) {
                            for (let i = 0; i < pointsByColumns.length; i++) {
                                const centerPosition = pointsByColumns[i + 1] && (pointsByColumns[i][axisName] + pointsByColumns[i + 1][axisName]) / 2;
                                if (void 0 === centerPosition || (rtlEnabled && "x" === axisName ? eventData[axisName] > centerPosition : eventData[axisName] < centerPosition)) {
                                    params.targetColumnIndex = that._getVisibleIndexObject(rowIndex, pointsByColumns[i].columnIndex);
                                    if (columnElements[i]) {
                                        params.targetColumnElement = columnElements.eq(i);
                                        params.isLast = false
                                    } else {
                                        params.targetColumnElement = columnElements.last();
                                        params.isLast = true
                                    }
                                    params.posX = pointsByColumns[i].x;
                                    params.posY = pointsByColumns[i].y;
                                    controller.dock(params);
                                    break
                                }
                            }
                        } else {
                            that._resetTargetColumnOptions();
                            controller.dock(params)
                        }
                    }
                }
                dropHeader(args) {
                    const e = args.event;
                    const {
                        that: that
                    } = e.data;
                    const controller = that._controller;
                    that.element().hide();
                    if (controller && that._isDragging) {
                        controller.drop(that._dropOptions)
                    }
                    that.element().appendTo(that._parentElement());
                    that._dragOptions = null;
                    that._dropOptions = null;
                    that._isDragging = false;
                    _dom_adapter.default.getDocument().onselectstart = that._onSelectStart || null
                }
            }
            exports.DraggingHeaderView = DraggingHeaderView;
            const isNextColumnResizingMode = function(that) {
                return "widget" !== that.option("columnResizingMode")
            };
            class ColumnsResizerViewController extends _m_modules.default.ViewController {
                callbackNames() {
                    return ["resizeStarted"]
                }
                init() {
                    this._subscribesToCallbacks = [];
                    if (allowResizing(this)) {
                        this._init()
                    }
                }
                dispose() {
                    this._unsubscribes();
                    super.dispose()
                }
                optionChanged(args) {
                    super.optionChanged(args);
                    if ("allowColumnResizing" === args.name) {
                        if (args.value) {
                            this._init();
                            this._subscribeToEvents()
                        } else {
                            this._unsubscribes()
                        }
                    }
                }
                _isHeadersRowArea(posY) {
                    if (this._columnHeadersView) {
                        const element = this._columnHeadersView.element();
                        if (element) {
                            const offsetTop = element.offset().top;
                            const headersRowHeight = this._columnHeadersView.getHeadersRowHeight();
                            return posY >= offsetTop && posY <= offsetTop + headersRowHeight
                        }
                    }
                    return false
                }
                _isRtlParentStyle() {
                    var _this$_$parentContain;
                    const rtlEnabled = this.option("rtlEnabled");
                    return rtlEnabled && "rtl" === (null === (_this$_$parentContain = this._$parentContainer) || void 0 === _this$_$parentContain ? void 0 : _this$_$parentContain.parent().css("direction"))
                }
                _correctColumnIndexForPoint(point, correctionValue, columns) {
                    point.columnIndex -= correctionValue
                }
                _pointCreated(point, columns, cells) {
                    const isNextColumnMode = isNextColumnResizingMode(this);
                    const rtlEnabled = this.option("rtlEnabled");
                    const isRtlParentStyle = this._isRtlParentStyle();
                    const firstPointColumnIndex = !isNextColumnMode && rtlEnabled && !isRtlParentStyle ? 0 : 1;
                    const cellsLength = (null === cells || void 0 === cells ? void 0 : cells.length) ?? columns.length;
                    if (point.index >= firstPointColumnIndex && point.index < cellsLength + (!isNextColumnMode && (!rtlEnabled || isRtlParentStyle) ? 1 : 0)) {
                        this._correctColumnIndexForPoint(point, firstPointColumnIndex, columns);
                        const currentColumn = columns[point.columnIndex] || {};
                        const nextColumn = columns[point.columnIndex + 1] || {};
                        return !(isNextColumnMode ? currentColumn.allowResizing && nextColumn.allowResizing : currentColumn.allowResizing)
                    }
                    return true
                }
                _getTargetPoint(pointsByColumns, currentPoint, deltaX) {
                    if (pointsByColumns) {
                        for (let i = 0; i < pointsByColumns.length; i += 1) {
                            if (pointsByColumns[i].x === pointsByColumns[0].x && pointsByColumns[i + 1] && pointsByColumns[i].x === pointsByColumns[i + 1].x) {
                                continue
                            }
                            if (currentPoint.y >= pointsByColumns[i].y && pointsByColumns[i].x - deltaX <= currentPoint.x && currentPoint.x <= pointsByColumns[i].x + deltaX) {
                                return pointsByColumns[i]
                            }
                        }
                    }
                    return null
                }
                getSeparatorOffsetX($cell) {
                    var _$cell$offset;
                    const isNextColumnMode = isNextColumnResizingMode(this);
                    const rtlEnabled = this.option("rtlEnabled");
                    const isRtlParentStyle = this._isRtlParentStyle();
                    const outerWidth = $cell[0].getBoundingClientRect().width;
                    const cellOffset = (null === (_$cell$offset = $cell.offset()) || void 0 === _$cell$offset ? void 0 : _$cell$offset.left) ?? 0;
                    return cellOffset + ((isNextColumnMode || isRtlParentStyle) && rtlEnabled ? 0 : outerWidth)
                }
                _moveSeparator(args) {
                    var _that$_draggingHeader;
                    const e = args.event;
                    const that = e.data;
                    const columnsSeparatorWidth = that._columnsSeparatorView.width();
                    const isNextColumnMode = isNextColumnResizingMode(that);
                    const deltaX = columnsSeparatorWidth / 2;
                    const parentOffset = that._$parentContainer.offset();
                    const parentOffsetLeft = parentOffset.left;
                    const eventData = (0, _index.eventData)(e);
                    const isRtlParentStyle = this._isRtlParentStyle();
                    const isDragging = null === (_that$_draggingHeader = that._draggingHeaderView) || void 0 === _that$_draggingHeader ? void 0 : _that$_draggingHeader.isDragging();
                    if (that._isResizing && that._resizingInfo) {
                        if ((parentOffsetLeft <= eventData.x || !isNextColumnMode && isRtlParentStyle) && (!isNextColumnMode || eventData.x <= parentOffsetLeft + (0, _size.getWidth)(that._$parentContainer))) {
                            if (that._updateColumnsWidthIfNeeded(eventData.x)) {
                                const $cell = that._columnHeadersView.getColumnElements().eq(that._resizingInfo.currentColumnIndex);
                                if ($cell.length) {
                                    const offsetX = this.getSeparatorOffsetX($cell);
                                    that._columnsSeparatorView.moveByX(offsetX);
                                    that._tablePositionController.update(that._targetPoint.y);
                                    e.preventDefault()
                                }
                            }
                        }
                    } else if (!isDragging) {
                        if (that._isHeadersRowArea(eventData.y)) {
                            if (that._previousParentOffset) {
                                if (that._previousParentOffset.left !== parentOffset.left || that._previousParentOffset.top !== parentOffset.top) {
                                    that.pointsByColumns(null)
                                }
                            }
                            that._targetPoint = that._getTargetPoint(that.pointsByColumns(), eventData, columnsSeparatorWidth);
                            that._previousParentOffset = parentOffset;
                            that._isReadyResizing = false;
                            if (that._targetPoint) {
                                that._columnsSeparatorView.changeCursor("col-resize");
                                that._columnsSeparatorView.moveByX(that._targetPoint.x - deltaX);
                                that._tablePositionController.update(that._targetPoint.y);
                                that._isReadyResizing = true;
                                e.preventDefault()
                            } else {
                                that._columnsSeparatorView.changeCursor();
                                that._columnsSeparatorView.moveByX(null)
                            }
                        } else {
                            that.pointsByColumns(null);
                            that._isReadyResizing = false;
                            that._columnsSeparatorView.changeCursor();
                            that._columnsSeparatorView.moveByX(null)
                        }
                    }
                }
                _endResizing(args) {
                    const e = args.event;
                    const that = e.data;
                    if (that._isResizing) {
                        that.pointsByColumns(null);
                        that._resizingInfo = null;
                        that._columnsSeparatorView.hide();
                        that._columnsSeparatorView.changeCursor();
                        that._trackerView.hide();
                        that._isReadyResizing = false;
                        that._isResizing = false
                    }
                }
                _getNextColumnIndex(currentColumnIndex) {
                    return currentColumnIndex + 1
                }
                _setupResizingInfo(posX) {
                    if (this._targetPoint) {
                        const currentColumnIndex = this._targetPoint.columnIndex;
                        const nextColumnIndex = this._getNextColumnIndex(currentColumnIndex);
                        const $currentHeader = this._columnHeadersView.getHeaderElement(currentColumnIndex);
                        const $nextHeader = this._columnHeadersView.getHeaderElement(nextColumnIndex);
                        this._resizingInfo = {
                            startPosX: posX,
                            currentColumnIndex: currentColumnIndex,
                            currentColumnWidth: null !== $currentHeader && void 0 !== $currentHeader && $currentHeader.length ? (0, _position.getBoundingRect)($currentHeader[0]).width : 0,
                            nextColumnIndex: nextColumnIndex,
                            nextColumnWidth: null !== $nextHeader && void 0 !== $nextHeader && $nextHeader.length ? (0, _position.getBoundingRect)($nextHeader[0]).width : 0,
                            needToInvertResizing: this._needToInvertResizing($currentHeader)
                        }
                    }
                }
                _startResizing(args) {
                    const e = args.event;
                    const that = e.data;
                    const eventData = (0, _index.eventData)(e);
                    if ((0, _index.isTouchEvent)(e)) {
                        if (that._isHeadersRowArea(eventData.y)) {
                            that._targetPoint = that._getTargetPoint(that.pointsByColumns(), eventData, 10);
                            if (that._targetPoint) {
                                that._columnsSeparatorView.moveByX(that._targetPoint.x - that._columnsSeparatorView.width() / 2);
                                that._isReadyResizing = true
                            }
                        } else {
                            that._isReadyResizing = false
                        }
                    }
                    if (that._isReadyResizing) {
                        that._setupResizingInfo(eventData.x);
                        that._isResizing = true;
                        that._tablePositionController.update(that._targetPoint.y);
                        that._columnsSeparatorView.show();
                        that._trackerView.show();
                        const scrollable = that.component.getScrollable();
                        if (scrollable && that._isRtlParentStyle()) {
                            that._scrollRight = (0, _size.getWidth)(scrollable.$content()) - (0, _size.getWidth)(scrollable.container()) - scrollable.scrollLeft()
                        }
                        this.resizeStarted.fire();
                        e.preventDefault();
                        e.stopPropagation()
                    }
                    if (this.isResizing()) {
                        this._editorFactoryController.loseFocus()
                    }
                }
                _generateColumnsTopYIndex() {
                    let needToCheckPrevPoint = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : false;
                    const that = this;
                    const rowCount = that._columnsController.getRowCount();
                    const topYMap = {};
                    const pointCreated = point => {
                        const x = Math.ceil(point.x);
                        if (!topYMap[x]) {
                            topYMap[x] = point.y
                        }
                        return true
                    };
                    for (let rowIndex = 0; rowIndex < rowCount - 1; rowIndex++) {
                        const cells = that._columnHeadersView.getColumnElements(rowIndex);
                        if (cells && cells.length > 0) {
                            _m_utils.default.getPointsByColumns(cells, pointCreated, false, 0, needToCheckPrevPoint)
                        }
                    }
                    return topYMap
                }
                _generatePointsByColumns() {
                    let needToCheckPrevPoint = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : false;
                    const that = this;
                    const topYMap = that._generateColumnsTopYIndex(needToCheckPrevPoint);
                    const columns = that._columnsController ? that._columnsController.getVisibleColumns() : [];
                    const cells = that._columnHeadersView.getColumnElements();
                    that._pointsByColumns = [];
                    if (cells && cells.length > 0) {
                        that._pointsByColumns = _m_utils.default.getPointsByColumns(cells, point => that._pointCreated((point => {
                            const x = Math.ceil(point.x);
                            if (topYMap[x]) {
                                point.y = topYMap[x]
                            }
                            return point
                        })(point), columns, cells), false, 0, needToCheckPrevPoint)
                    }
                }
                _needToInvertResizing($cell) {
                    const rtlEnabled = this.option("rtlEnabled");
                    const isRtlParentStyle = this._isRtlParentStyle();
                    const isNextColumnMode = isNextColumnResizingMode(this);
                    return (isNextColumnMode || isRtlParentStyle) && rtlEnabled
                }
                _unsubscribeFromEvents() {
                    this._moveSeparatorHandler && _events_engine.default.off(_dom_adapter.default.getDocument(), (0, _index.addNamespace)(_pointer.default.move, MODULE_NAMESPACE), this._moveSeparatorHandler);
                    this._startResizingHandler && _events_engine.default.off(this._$parentContainer, (0, _index.addNamespace)(_pointer.default.down, MODULE_NAMESPACE), this._startResizingHandler);
                    if (this._endResizingHandler) {
                        _events_engine.default.off(this._columnsSeparatorView.element(), (0, _index.addNamespace)(_pointer.default.up, MODULE_NAMESPACE), this._endResizingHandler);
                        _events_engine.default.off(_dom_adapter.default.getDocument(), (0, _index.addNamespace)(_pointer.default.up, MODULE_NAMESPACE), this._endResizingHandler)
                    }
                }
                _subscribeToEvents() {
                    this._moveSeparatorHandler = this.createAction(this._moveSeparator);
                    this._startResizingHandler = this.createAction(this._startResizing);
                    this._endResizingHandler = this.createAction(this._endResizing);
                    _events_engine.default.on(_dom_adapter.default.getDocument(), (0, _index.addNamespace)(_pointer.default.move, MODULE_NAMESPACE), this, this._moveSeparatorHandler);
                    _events_engine.default.on(this._$parentContainer, (0, _index.addNamespace)(_pointer.default.down, MODULE_NAMESPACE), this, this._startResizingHandler);
                    _events_engine.default.on(this._columnsSeparatorView.element(), (0, _index.addNamespace)(_pointer.default.up, MODULE_NAMESPACE), this, this._endResizingHandler);
                    _events_engine.default.on(_dom_adapter.default.getDocument(), (0, _index.addNamespace)(_pointer.default.up, MODULE_NAMESPACE), this, this._endResizingHandler)
                }
                _updateColumnsWidthIfNeeded(posX) {
                    let deltaX;
                    let needUpdate = false;
                    let contentWidth = this._rowsView.contentWidth();
                    const resizingInfo = this._resizingInfo;
                    const columnsController = this._columnsController;
                    const visibleColumns = columnsController.getVisibleColumns();
                    const columnsSeparatorWidth = this._columnsSeparatorView.width();
                    const isNextColumnMode = isNextColumnResizingMode(this);
                    const adaptColumnWidthByRatio = isNextColumnMode && this.option("adaptColumnWidthByRatio") && !this.option("columnAutoWidth");
                    const isRtlParentStyle = this._isRtlParentStyle();
                    const column = visibleColumns[resizingInfo.currentColumnIndex];
                    const nextColumn = visibleColumns[resizingInfo.nextColumnIndex];
                    const {
                        needToInvertResizing: needToInvertResizing
                    } = resizingInfo;

                    function isPercentWidth(width) {
                        return (0, _type.isString)(width) && width.endsWith("%")
                    }

                    function setColumnWidth(column, columnWidth, contentWidth, adaptColumnWidthByRatio) {
                        if (column) {
                            const oldColumnWidth = column.width;
                            if (oldColumnWidth) {
                                adaptColumnWidthByRatio = isPercentWidth(oldColumnWidth)
                            }
                            if (adaptColumnWidthByRatio) {
                                columnsController.columnOption(column.index, "visibleWidth", columnWidth);
                                columnsController.columnOption(column.index, "width", `${(columnWidth/contentWidth*100).toFixed(3)}%`)
                            } else {
                                columnsController.columnOption(column.index, "visibleWidth", null);
                                columnsController.columnOption(column.index, "width", columnWidth)
                            }
                        }
                    }
                    deltaX = posX - resizingInfo.startPosX;
                    if (needToInvertResizing) {
                        deltaX = -deltaX
                    }
                    let {
                        cellWidth: cellWidth,
                        nextCellWidth: nextCellWidth
                    } = function(delta) {
                        let nextMinWidth;
                        let nextCellWidth;
                        let needCorrectionNextCellWidth;
                        const cellWidth = resizingInfo.currentColumnWidth + delta;
                        const minWidth = (null === column || void 0 === column ? void 0 : column.minWidth) || columnsSeparatorWidth;
                        const result = {};
                        if (cellWidth >= minWidth) {
                            result.cellWidth = cellWidth
                        } else {
                            result.cellWidth = minWidth;
                            needCorrectionNextCellWidth = true
                        }
                        if (isNextColumnMode) {
                            nextCellWidth = resizingInfo.nextColumnWidth - delta;
                            nextMinWidth = (null === nextColumn || void 0 === nextColumn ? void 0 : nextColumn.minWidth) || columnsSeparatorWidth;
                            if (nextCellWidth >= nextMinWidth) {
                                if (needCorrectionNextCellWidth) {
                                    result.nextCellWidth = resizingInfo.nextColumnWidth - (delta + minWidth - cellWidth)
                                } else {
                                    result.nextCellWidth = nextCellWidth
                                }
                            } else {
                                result.nextCellWidth = nextMinWidth;
                                result.cellWidth = resizingInfo.currentColumnWidth + (delta - nextMinWidth + nextCellWidth)
                            }
                        }
                        return result
                    }(deltaX);
                    needUpdate = column.width !== cellWidth;
                    if (needUpdate) {
                        columnsController.beginUpdate();
                        cellWidth = Math.floor(cellWidth);
                        contentWidth = function(contentWidth, visibleColumns) {
                            const allColumnsHaveWidth = visibleColumns.every(column => column.width);
                            if (allColumnsHaveWidth) {
                                const totalPercent = visibleColumns.reduce((sum, column) => {
                                    if (isPercentWidth(column.width)) {
                                        sum += parseFloat(column.width)
                                    }
                                    return sum
                                }, 0);
                                if (totalPercent > 100) {
                                    contentWidth = contentWidth / totalPercent * 100
                                }
                            }
                            return contentWidth
                        }(contentWidth, visibleColumns);
                        setColumnWidth(column, cellWidth, contentWidth, adaptColumnWidthByRatio);
                        if (isNextColumnMode) {
                            nextCellWidth = Math.floor(nextCellWidth);
                            setColumnWidth(nextColumn, nextCellWidth, contentWidth, adaptColumnWidthByRatio)
                        } else {
                            const columnWidths = this._columnHeadersView.getColumnWidths();
                            columnWidths[resizingInfo.currentColumnIndex] = cellWidth;
                            const hasScroll = columnWidths.reduce((totalWidth, width) => totalWidth + width, 0) > this._rowsView.contentWidth();
                            if (!hasScroll) {
                                const lastColumnIndex = _m_utils.default.getLastResizableColumnIndex(visibleColumns);
                                if (lastColumnIndex >= 0) {
                                    columnsController.columnOption(visibleColumns[lastColumnIndex].index, "visibleWidth", "auto")
                                }
                            }
                            for (let i = 0; i < columnWidths.length; i++) {
                                if (visibleColumns[i] && visibleColumns[i] !== column && void 0 === visibleColumns[i].width) {
                                    columnsController.columnOption(visibleColumns[i].index, "width", columnWidths[i])
                                }
                            }
                        }
                        columnsController.endUpdate();
                        if (!isNextColumnMode) {
                            this.component.updateDimensions();
                            const scrollable = this.component.getScrollable();
                            if (scrollable && isRtlParentStyle) {
                                const left = (0, _size.getWidth)(scrollable.$content()) - (0, _size.getWidth)(scrollable.container()) - this._scrollRight;
                                scrollable.scrollTo({
                                    left: left
                                })
                            }
                        }
                    }
                    return needUpdate
                }
                _subscribeToCallback(callback, handler) {
                    callback.add(handler);
                    this._subscribesToCallbacks.push({
                        callback: callback,
                        handler: handler
                    })
                }
                _unsubscribeFromCallbacks() {
                    for (let i = 0; i < this._subscribesToCallbacks.length; i++) {
                        const subscribe = this._subscribesToCallbacks[i];
                        subscribe.callback.remove(subscribe.handler)
                    }
                    this._subscribesToCallbacks = []
                }
                _unsubscribes() {
                    this._unsubscribeFromEvents();
                    this._unsubscribeFromCallbacks()
                }
                _init() {
                    const generatePointsByColumnsHandler = () => {
                        if (!this._isResizing) {
                            this.pointsByColumns(null)
                        }
                    };
                    const generatePointsByColumnsScrollHandler = offset => {
                        if (this._scrollLeft !== offset.left) {
                            this._scrollLeft = offset.left;
                            this.pointsByColumns(null)
                        }
                    };
                    this._columnsSeparatorView = this.getView("columnsSeparatorView");
                    this._columnHeadersView = this.getView("columnHeadersView");
                    this._trackerView = this.getView("trackerView");
                    this._rowsView = this.getView("rowsView");
                    this._columnsController = this.getController("columns");
                    this._tablePositionController = this.getController("tablePosition");
                    this._editorFactoryController = this.getController("editorFactory");
                    this._draggingHeaderView = this.component.getView("draggingHeaderView");
                    this._$parentContainer = this.component.$element();
                    this._subscribeToCallback(this._columnHeadersView.renderCompleted, generatePointsByColumnsHandler);
                    this._subscribeToCallback(this._columnHeadersView.resizeCompleted, generatePointsByColumnsHandler);
                    this._subscribeToCallback(this._columnsSeparatorView.renderCompleted, () => {
                        this._unsubscribeFromEvents();
                        this._subscribeToEvents()
                    });
                    this._subscribeToCallback(this._rowsView.renderCompleted, () => {
                        this._rowsView.scrollChanged.remove(generatePointsByColumnsScrollHandler);
                        this._rowsView.scrollChanged.add(generatePointsByColumnsScrollHandler)
                    });
                    let previousScrollbarVisibility = 0 !== this._rowsView.getScrollbarWidth();
                    let previousTableHeight = 0;
                    this._subscribeToCallback(this._tablePositionController.positionChanged, e => {
                        if (this._isResizing && !this._rowsView.isResizing) {
                            const scrollbarVisibility = 0 !== this._rowsView.getScrollbarWidth();
                            if (previousScrollbarVisibility !== scrollbarVisibility || previousTableHeight && previousTableHeight !== e.height) {
                                previousScrollbarVisibility = scrollbarVisibility;
                                previousTableHeight = e.height;
                                this.component.updateDimensions()
                            } else {
                                this._rowsView.updateFreeSpaceRowHeight()
                            }
                        }
                        previousTableHeight = e.height
                    })
                }
                isResizing() {
                    return this._isResizing
                }
                pointsByColumns(value) {
                    if (void 0 !== value) {
                        this._pointsByColumns = value
                    } else if (!this._pointsByColumns) {
                        this._generatePointsByColumns()
                    }
                    return this._pointsByColumns
                }
            }
            exports.ColumnsResizerViewController = ColumnsResizerViewController;
            class TablePositionViewController extends _m_modules.default.ViewController {
                constructor(component) {
                    super(component);
                    this.positionChanged = (0, _callbacks.default)()
                }
                init() {
                    super.init();
                    this._columnsResizerController = this.getController("columnsResizer");
                    this._columnHeadersView = this.getView("columnHeadersView");
                    this._rowsView = this.getView("rowsView");
                    this._pagerView = this.getView("pagerView");
                    this._rowsView.resizeCompleted.add(() => {
                        if (this.option("allowColumnResizing")) {
                            const targetPoint = this._columnsResizerController._targetPoint;
                            this.update(targetPoint ? targetPoint.y : null)
                        }
                    })
                }
                update(top) {
                    const params = {};
                    const $element = this._columnHeadersView.element();
                    const offset = null === $element || void 0 === $element ? void 0 : $element.offset();
                    const offsetTop = (null === offset || void 0 === offset ? void 0 : offset.top) || 0;
                    const diffOffsetTop = (0, _type.isDefined)(top) ? Math.abs(top - offsetTop) : 0;
                    const columnsHeadersHeight = this._columnHeadersView ? this._columnHeadersView.getHeight() : 0;
                    const scrollBarWidth = this._rowsView.getScrollbarWidth(true);
                    const rowsHeight = this._rowsView ? this._rowsView.height() - scrollBarWidth : 0;
                    const draggingHeaderView = this.component.getView("draggingHeaderView");
                    params.height = columnsHeadersHeight;
                    const isDraggingOrResizing = this._columnsResizerController.isResizing() || draggingHeaderView.isDragging();
                    if (isDraggingOrResizing) {
                        params.height += rowsHeight - diffOffsetTop
                    }
                    if (null !== top && null !== $element && void 0 !== $element && $element.length) {
                        params.top = $element[0].offsetTop + diffOffsetTop
                    }
                    this.positionChanged.fire(params)
                }
            }
            exports.TablePositionViewController = TablePositionViewController;
            class DraggingHeaderViewController extends _m_modules.default.ViewController {
                init() {
                    var _this$_headerPanelVie, _this$_columnChooserV;
                    super.init();
                    this._columnsController = this.getController("columns");
                    this._tablePositionController = this.getController("tablePosition");
                    this._columnHeadersView = this.getView("columnHeadersView");
                    this._columnsSeparatorView = this.getView("columnsSeparatorView");
                    this._draggingHeaderView = this.getView("draggingHeaderView");
                    this._rowsView = this.getView("rowsView");
                    this._blockSeparatorView = this.getView("blockSeparatorView");
                    this._headerPanelView = this.getView("headerPanel");
                    this._columnChooserView = this.getView("columnChooserView");
                    const subscribeToEvents = () => {
                        if (this._draggingHeaderView) {
                            const draggingPanels = [this._columnChooserView, this._columnHeadersView, this._headerPanelView];
                            this._unsubscribeFromEvents(this._draggingHeaderView, draggingPanels);
                            this._subscribeToEvents(this._draggingHeaderView, draggingPanels)
                        }
                    };
                    this._columnHeadersView.renderCompleted.add(subscribeToEvents);
                    null === (_this$_headerPanelVie = this._headerPanelView) || void 0 === _this$_headerPanelVie || _this$_headerPanelVie.renderCompleted.add(subscribeToEvents);
                    null === (_this$_columnChooserV = this._columnChooserView) || void 0 === _this$_columnChooserV || _this$_columnChooserV.renderCompleted.add(subscribeToEvents)
                }
                dispose() {
                    if (this._draggingHeaderView) {
                        this._unsubscribeFromEvents(this._draggingHeaderView, [this._columnChooserView, this._columnHeadersView, this._headerPanelView])
                    }
                }
                _generatePointsByColumns(options) {
                    let needToCheckPrevPoint = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                    const cells = this._columnHeadersView.getColumnElements();
                    this.isCustomGroupColumnPosition = this.checkIsCustomGroupColumnPosition(options);
                    const points = _m_utils.default.getPointsByColumns(options.columnElements, point => this._pointCreated({
                        point: point,
                        columns: options.columns,
                        location: options.targetDraggingPanel.getName(),
                        sourceColumn: options.sourceColumn,
                        cells: cells
                    }), options.isVerticalOrientation, options.startColumnIndex, needToCheckPrevPoint);
                    return points
                }
                checkIsCustomGroupColumnPosition(options) {
                    let wasOnlyCommandColumns = true;
                    for (let i = 0; i < options.columns.length; i += 1) {
                        const col = options.columns[i];
                        if ("expand" === col.command && !wasOnlyCommandColumns) {
                            return true
                        }
                        if (!col.command) {
                            wasOnlyCommandColumns = false
                        }
                    }
                    return false
                }
                _pointCreated(_ref2) {
                    let {
                        point: point,
                        columns: columns,
                        location: location,
                        sourceColumn: sourceColumn
                    } = _ref2;
                    const targetColumn = columns[point.columnIndex];
                    const prevColumn = columns[point.columnIndex - 1];
                    const isColumnAfterExpandColumn = "expand" === (null === prevColumn || void 0 === prevColumn ? void 0 : prevColumn.command);
                    const isFirstExpandColumn = "expand" === (null === targetColumn || void 0 === targetColumn ? void 0 : targetColumn.command) && "expand" !== (null === prevColumn || void 0 === prevColumn ? void 0 : prevColumn.command);
                    const sourceColumnReorderingDisabled = sourceColumn && !sourceColumn.allowReordering;
                    const otherColumnsReorderingDisabled = !(null !== targetColumn && void 0 !== targetColumn && targetColumn.allowReordering) && !(null !== prevColumn && void 0 !== prevColumn && prevColumn.allowReordering);
                    switch (location) {
                        case "columnChooser":
                            return true;
                        case "headers":
                            if (sourceColumnReorderingDisabled) {
                                return true
                            }
                            if (!isFirstExpandColumn) {
                                return isColumnAfterExpandColumn || otherColumnsReorderingDisabled
                            }
                            if (this.isCustomGroupColumnPosition) {
                                return false
                            }
                            while ("expand" === (null === (_columns$point$column = columns[point.columnIndex]) || void 0 === _columns$point$column ? void 0 : _columns$point$column.command)) {
                                var _columns$point$column;
                                point.columnIndex += 1
                            }
                            return false;
                        default:
                            return 0 === columns.length
                    }
                }
                _subscribeToEvents(draggingHeader, draggingPanels) {
                    const that = this;
                    (0, _iterator.each)(draggingPanels, (_, draggingPanel) => {
                        if (draggingPanel) {
                            let columns;
                            const rowCount = draggingPanel.getRowCount ? draggingPanel.getRowCount() : 1;
                            const nameDraggingPanel = draggingPanel.getName();
                            const subscribeToEvents = function(index, columnElement) {
                                if (!columnElement) {
                                    return
                                }
                                const $columnElement = (0, _renderer.default)(columnElement);
                                const column = columns[index];
                                if (column && draggingPanel.allowDragging(column)) {
                                    $columnElement.addClass(that.addWidgetPrefix("drag-action"));
                                    _events_engine.default.on($columnElement, (0, _index.addNamespace)(_drag.start, MODULE_NAMESPACE), that.createAction(args => {
                                        const e = args.event;
                                        const eventData = (0, _index.eventData)(e);
                                        draggingHeader.dragHeader({
                                            deltaX: eventData.x - (0, _renderer.default)(e.currentTarget).offset().left,
                                            deltaY: eventData.y - (0, _renderer.default)(e.currentTarget).offset().top,
                                            sourceColumn: column,
                                            index: column.index,
                                            columnIndex: index,
                                            columnElement: $columnElement,
                                            sourceLocation: nameDraggingPanel,
                                            draggingPanels: draggingPanels,
                                            rowIndex: that._columnsController.getRowIndex(column.index, true)
                                        })
                                    }));
                                    _events_engine.default.on($columnElement, (0, _index.addNamespace)(_drag.move, MODULE_NAMESPACE), {
                                        that: draggingHeader
                                    }, that.createAction(draggingHeader.moveHeader));
                                    _events_engine.default.on($columnElement, (0, _index.addNamespace)(_drag.end, MODULE_NAMESPACE), {
                                        that: draggingHeader
                                    }, that.createAction(draggingHeader.dropHeader))
                                }
                            };
                            for (let i = 0; i < rowCount; i++) {
                                const columnElements = draggingPanel.getColumnElements(i) || [];
                                if (columnElements.length) {
                                    columns = draggingPanel.getColumns(i) || [];
                                    (0, _iterator.each)(columnElements, subscribeToEvents)
                                }
                            }
                        }
                    })
                }
                _unsubscribeFromEvents(draggingHeader, draggingPanels) {
                    const that = this;
                    (0, _iterator.each)(draggingPanels, (_, draggingPanel) => {
                        if (draggingPanel) {
                            const columnElements = draggingPanel.getColumnElements() || [];
                            (0, _iterator.each)(columnElements, (index, columnElement) => {
                                const $columnElement = (0, _renderer.default)(columnElement);
                                _events_engine.default.off($columnElement, (0, _index.addNamespace)(_drag.start, MODULE_NAMESPACE));
                                _events_engine.default.off($columnElement, (0, _index.addNamespace)(_drag.move, MODULE_NAMESPACE));
                                _events_engine.default.off($columnElement, (0, _index.addNamespace)(_drag.end, MODULE_NAMESPACE));
                                $columnElement.removeClass(that.addWidgetPrefix("drag-action"))
                            })
                        }
                    })
                }
                _getSeparator(targetLocation) {
                    return "headers" === targetLocation ? this._columnsSeparatorView : this._blockSeparatorView
                }
                hideSeparators(type) {
                    const blockSeparator = this._blockSeparatorView;
                    const columnsSeparator = this._columnsSeparatorView;
                    this._animationColumnIndex = void 0;
                    blockSeparator && blockSeparator.hide();
                    "block" !== type && columnsSeparator && columnsSeparator.hide()
                }
                allowDrop(parameters) {
                    return this._columnsController.allowMoveColumn(parameters.sourceColumnIndex, parameters.targetColumnIndex, parameters.sourceLocation, parameters.targetLocation)
                }
                drag(parameters) {
                    const {
                        sourceIndex: sourceIndex
                    } = parameters;
                    const {
                        sourceLocation: sourceLocation
                    } = parameters;
                    const {
                        sourceColumnElement: sourceColumnElement
                    } = parameters;
                    const headersView = this._columnHeadersView;
                    const rowsView = this._rowsView;
                    if (sourceColumnElement) {
                        sourceColumnElement.addClass(this.addWidgetPrefix(_const.CLASSES.draggableColumn));
                        if ("headers" === sourceLocation) {
                            headersView && headersView.toggleDraggableColumnClass(sourceIndex, true);
                            rowsView && rowsView.toggleDraggableColumnClass(sourceIndex, true)
                        }
                    }
                }
                dock(parameters) {
                    const that = this;
                    const targetColumnIndex = (0, _type.isObject)(parameters.targetColumnIndex) ? parameters.targetColumnIndex.columnIndex : parameters.targetColumnIndex;
                    const {
                        sourceLocation: sourceLocation
                    } = parameters;
                    const {
                        targetLocation: targetLocation
                    } = parameters;
                    const separator = that._getSeparator(targetLocation);
                    const hasTargetVisibleIndex = targetColumnIndex >= 0;
                    that._columnHeadersView.element().find(".dx-header-row").toggleClass(that.addWidgetPrefix("drop-highlight"), "headers" !== sourceLocation && "headers" === targetLocation && !hasTargetVisibleIndex);
                    if (separator) {
                        if (that.allowDrop(parameters) && hasTargetVisibleIndex) {
                            if ("group" === targetLocation || "columnChooser" === targetLocation) {
                                ! function() {
                                    if (that._animationColumnIndex !== targetColumnIndex) {
                                        that.hideSeparators();
                                        separator.element()[parameters.isLast ? "insertAfter" : "insertBefore"](parameters.targetColumnElement);
                                        that._animationColumnIndex = targetColumnIndex;
                                        separator.show(targetLocation)
                                    }
                                }()
                            } else {
                                that.hideSeparators("block");
                                that._tablePositionController.update(parameters.posY);
                                separator.moveByX(parameters.posX - separator.width());
                                separator.show()
                            }
                        } else {
                            that.hideSeparators()
                        }
                    }
                }
                drop(parameters) {
                    const {
                        sourceColumnElement: sourceColumnElement
                    } = parameters;
                    if (sourceColumnElement) {
                        sourceColumnElement.removeClass(this.addWidgetPrefix(_const.CLASSES.draggableColumn));
                        this._columnHeadersView.toggleDraggableColumnClass(parameters.sourceIndex, false);
                        this._rowsView.toggleDraggableColumnClass(parameters.sourceIndex, false);
                        this._columnHeadersView.element().find(".dx-header-row").removeClass(this.addWidgetPrefix("drop-highlight"))
                    }
                    if (this.allowDrop(parameters)) {
                        const separator = this._getSeparator(parameters.targetLocation);
                        if (separator) {
                            separator.hide()
                        }
                        this._columnsController.moveColumn(parameters.sourceColumnIndex, parameters.targetColumnIndex, parameters.sourceLocation, parameters.targetLocation)
                    }
                }
            }
            exports.DraggingHeaderViewController = DraggingHeaderViewController;
            exports.columnsResizingReorderingModule = {
                views: {
                    columnsSeparatorView: ColumnsSeparatorView,
                    blockSeparatorView: BlockSeparatorView,
                    draggingHeaderView: DraggingHeaderView,
                    trackerView: TrackerView
                },
                controllers: {
                    draggingHeader: DraggingHeaderViewController,
                    tablePosition: TablePositionViewController,
                    columnsResizer: ColumnsResizerViewController
                },
                extenders: {
                    views: {
                        rowsView: Base => class extends Base {
                            _needUpdateRowHeight(itemCount) {
                                const wordWrapEnabled = this.option("wordWrapEnabled");
                                const isResizing = this._columnsResizerController.isResizing();
                                return super._needUpdateRowHeight.apply(this, arguments) || itemCount > 0 && !!wordWrapEnabled && !!isResizing
                            }
                        }
                    },
                    controllers: {
                        editorFactory: Base => class extends Base {
                            renderFocusOverlay() {
                                if (this._columnsResizerController.isResizing()) {
                                    return
                                }
                                return super.renderFocusOverlay.apply(this, arguments)
                            }
                        }
                    }
                }
            }
        },
        14356(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getDraggingPanelBoundingRects = void 0;
            var _m_iterator = __webpack_require__( /*! ../../../core/utils/m_iterator */ 26044);
            exports.getDraggingPanelBoundingRects = draggingPanels => {
                const boundingRects = [];
                (0, _m_iterator.each)(draggingPanels, (_, draggingPanel) => {
                    const boundingRect = null === draggingPanel || void 0 === draggingPanel ? void 0 : draggingPanel.getBoundingRect();
                    if (boundingRect) {
                        boundingRects.push({
                            draggingPanel: draggingPanel,
                            boundingRect: boundingRect
                        })
                    }
                });
                return boundingRects.length ? boundingRects : null
            }
        },
        68672(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CONTEXT_MENU_MOVE_PREVIOUS_ICON_NAME = exports.CONTEXT_MENU_MOVE_NEXT_ICON_NAME = void 0;
            exports.CONTEXT_MENU_MOVE_PREVIOUS_ICON_NAME = "arrowleft";
            exports.CONTEXT_MENU_MOVE_NEXT_ICON_NAME = "arrowright"
        },
        16217(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ColumnContextMenuMixin = void 0;
            var _message = (e = __webpack_require__( /*! ../../../../common/core/localization/message */ 4671), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _const = __webpack_require__( /*! ../keyboard_navigation/const */ 24171);
            var _const2 = __webpack_require__( /*! ./const */ 68672);
            exports.ColumnContextMenuMixin = Base => class extends Base {
                constructor() {
                    super(...arguments);
                    this.isNeedToFocusColumn = false
                }
                getMoveColumnContextMenuItems(options) {
                    var _this$isColumnReorder, _this$getKeyboardNavi;
                    const {
                        column: column,
                        rowIndex: rowIndex
                    } = options;
                    const allowColumnReordering = null === (_this$isColumnReorder = this.isColumnReorderingEnabled) || void 0 === _this$isColumnReorder ? void 0 : _this$isColumnReorder.call(this, null === options || void 0 === options ? void 0 : options.column);
                    const keyboardNavigationController = null === (_this$getKeyboardNavi = this.getKeyboardNavigationController) || void 0 === _this$getKeyboardNavi ? void 0 : _this$getKeyboardNavi.call(this);
                    if (!allowColumnReordering || !keyboardNavigationController) {
                        return []
                    }
                    const rtlEnabled = this.option("rtlEnabled");
                    const onItemClick = e => {
                        var _e$itemData;
                        this.isNeedToFocusColumn = true;
                        keyboardNavigationController.moveColumn(column, null === (_e$itemData = e.itemData) || void 0 === _e$itemData ? void 0 : _e$itemData.value, rowIndex)
                    };
                    return [{
                        text: rtlEnabled ? _message.default.format("dxDataGrid-moveColumnToTheRight") : _message.default.format("dxDataGrid-moveColumnToTheLeft"),
                        value: _const.Direction.Previous,
                        beginGroup: true,
                        disabled: !keyboardNavigationController.canReorderColumn(column, _const.Direction.Previous, rowIndex),
                        icon: rtlEnabled ? _const2.CONTEXT_MENU_MOVE_NEXT_ICON_NAME : _const2.CONTEXT_MENU_MOVE_PREVIOUS_ICON_NAME,
                        onItemClick: onItemClick
                    }, {
                        text: rtlEnabled ? _message.default.format("dxDataGrid-moveColumnToTheLeft") : _message.default.format("dxDataGrid-moveColumnToTheRight"),
                        value: _const.Direction.Next,
                        disabled: !keyboardNavigationController.canReorderColumn(column, _const.Direction.Next, rowIndex),
                        icon: rtlEnabled ? _const2.CONTEXT_MENU_MOVE_PREVIOUS_ICON_NAME : _const2.CONTEXT_MENU_MOVE_NEXT_ICON_NAME,
                        onItemClick: onItemClick
                    }]
                }
            }
        },
        73680(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.contextMenuModule = exports.ContextMenuView = exports.ContextMenuController = void 0;
            var _element = __webpack_require__( /*! ../../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _context_menu = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/context_menu */ 34378));
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const viewName = {
                columnHeadersView: "header",
                rowsView: "content",
                footerView: "footer",
                headerPanel: "toolbar"
            };
            const VIEW_NAMES = ["columnHeadersView", "rowsView", "footerView", "headerPanel"];
            class ContextMenuController extends _m_modules.default.ViewController {
                init() {
                    this.createAction("onContextMenuPreparing")
                }
                getContextMenuItems(dxEvent) {
                    if (!dxEvent) {
                        return false
                    }
                    const that = this;
                    const $targetElement = (0, _renderer.default)(dxEvent.target);
                    let menuItems;
                    (0, _iterator.each)(VIEW_NAMES, function() {
                        const view = that.getView(this);
                        if (!view) {
                            return
                        }
                        const $viewElement = view.element();
                        const isTargetElementInsideView = (null === $viewElement || void 0 === $viewElement ? void 0 : $viewElement.is($targetElement)) || (null === $viewElement || void 0 === $viewElement ? void 0 : $viewElement.find($targetElement).length);
                        if (isTargetElementInsideView) {
                            var _$targetCellElement$, _rowOptions$cells, _view$getContextMenuI;
                            const isGroupRow = $targetElement.hasClass("dx-group-row");
                            const $targetCellElement = isGroupRow ? $targetElement.find(".dx-group-cell").first() : $targetElement.closest(".dx-row > td, .dx-row > tr");
                            const $targetRowElement = $targetCellElement.parent();
                            const rowIndex = view.getRowIndex($targetRowElement);
                            const columnIndex = null === (_$targetCellElement$ = $targetCellElement[0]) || void 0 === _$targetCellElement$ ? void 0 : _$targetCellElement$.cellIndex;
                            const rowOptions = $targetRowElement.data("options");
                            const options = {
                                event: dxEvent,
                                targetElement: (0, _element.getPublicElement)($targetElement),
                                target: viewName[this],
                                rowIndex: rowIndex,
                                row: view._getRows()[rowIndex],
                                columnIndex: columnIndex,
                                column: null === rowOptions || void 0 === rowOptions || null === (_rowOptions$cells = rowOptions.cells) || void 0 === _rowOptions$cells || null === (_rowOptions$cells = _rowOptions$cells[columnIndex]) || void 0 === _rowOptions$cells ? void 0 : _rowOptions$cells.column
                            };
                            options.items = null === (_view$getContextMenuI = view.getContextMenuItems) || void 0 === _view$getContextMenuI ? void 0 : _view$getContextMenuI.call(view, options);
                            that.executeAction("onContextMenuPreparing", options);
                            that._contextMenuPrepared(options);
                            menuItems = options.items;
                            if (menuItems) {
                                return false
                            }
                        }
                        return
                    });
                    return menuItems
                }
                _contextMenuPrepared(options) {}
            }
            exports.ContextMenuController = ContextMenuController;
            class ContextMenuView extends _m_modules.default.View {
                init() {
                    super.init();
                    this._contextMenuController = this.getController("contextMenu")
                }
                _renderCore() {
                    const $element = this.element().addClass("dx-context-menu");
                    this.setAria("role", "presentation", $element);
                    this._createComponent($element, _context_menu.default, {
                        onPositioning: actionArgs => {
                            const {
                                event: event
                            } = actionArgs;
                            const contextMenuInstance = actionArgs.component;
                            const items = this._contextMenuController.getContextMenuItems(event);
                            if (items) {
                                contextMenuInstance.option("items", items);
                                event.stopPropagation()
                            } else {
                                actionArgs.cancel = true
                            }
                        },
                        onItemClick(params) {
                            var _params$itemData, _params$itemData$onIt;
                            null === (_params$itemData = params.itemData) || void 0 === _params$itemData || null === (_params$itemData$onIt = _params$itemData.onItemClick) || void 0 === _params$itemData$onIt || _params$itemData$onIt.call(_params$itemData, params)
                        },
                        cssClass: this.getWidgetContainerClass(),
                        target: this.component.$element()
                    })
                }
            }
            exports.ContextMenuView = ContextMenuView;
            exports.contextMenuModule = {
                defaultOptions: () => ({
                    onContextMenuPreparing: null
                }),
                controllers: {
                    contextMenu: ContextMenuController
                },
                views: {
                    contextMenuView: ContextMenuView
                }
            }
        },
        32688(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.dataControllerModule = exports.DataController = void 0;
            var _array_store = _interopRequireDefault(__webpack_require__( /*! ../../../../common/data/array_store */ 80556));
            var _custom_store = __webpack_require__( /*! ../../../../common/data/custom_store */ 63326);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _array_compare = __webpack_require__( /*! ../../../../core/utils/array_compare */ 13387);
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/widget/ui.errors */ 35185));
            var _const = __webpack_require__( /*! ../ai_column/const */ 92806);
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _m_data_helper_mixin = __webpack_require__( /*! ./m_data_helper_mixin */ 68910);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const changePaging = function(that, optionName, value) {
                const dataSource = that._dataSource;
                if (dataSource) {
                    if (void 0 !== value) {
                        const oldValue = that._getPagingOptionValue(optionName);
                        if (oldValue !== value) {
                            if ("pageSize" === optionName) {
                                dataSource.pageIndex(0)
                            }
                            dataSource[optionName](value);
                            that._skipProcessingPagingChange = true;
                            that.option(`paging.${optionName}`, value);
                            that._skipProcessingPagingChange = false;
                            const pageIndex = dataSource.pageIndex();
                            that._isPaging = "pageIndex" === optionName;
                            return dataSource["pageIndex" === optionName ? "load" : "reload"]().done(() => {
                                that._isPaging = false;
                                that.pageChanged.fire(pageIndex)
                            })
                        }
                        return (0, _deferred.Deferred)().resolve().promise()
                    }
                    return dataSource[optionName]()
                }
                if ("pageIndex" === optionName && void 0 !== value) {
                    return (0, _deferred.Deferred)().resolve().promise()
                }
                return 0
            };
            class DataController extends((0, _m_data_helper_mixin.DataHelperMixin)(_m_modules.default.Controller)) {
                init() {
                    this._items = [];
                    this._cachedProcessedItems = null;
                    this._columnsController = this.getController("columns");
                    this._adaptiveColumnsController = this.getController("adaptiveColumns");
                    this._editingController = this.getController("editing");
                    this._editorFactoryController = this.getController("editorFactory");
                    this._errorHandlingController = this.getController("errorHandling");
                    this._filterSyncController = this.getController("filterSync");
                    this._applyFilterController = this.getController("applyFilter");
                    this._keyboardNavigationController = this.getController("keyboardNavigation");
                    this._focusController = this.getController("focus");
                    this._headerFilterController = this.getController("headerFilter");
                    this._selectionController = this.getController("selection");
                    this._stateStoringController = this.getController("stateStoring");
                    this._validatingController = this.getController("validating");
                    this._isPaging = false;
                    this._currentOperationTypes = null;
                    this._dataChangedHandler = e => {
                        this._currentOperationTypes = this._dataSource.operationTypes();
                        this._handleDataChanged(e);
                        this._currentOperationTypes = null
                    };
                    this._columnsChangedHandler = this._handleColumnsChanged.bind(this);
                    this._loadingChangedHandler = this._handleLoadingChanged.bind(this);
                    this._loadErrorHandler = this._handleLoadError.bind(this);
                    this._customizeStoreLoadOptionsHandler = this._handleCustomizeStoreLoadOptions.bind(this);
                    this._changingHandler = this._handleChanging.bind(this);
                    this._dataPushedHandler = this._handleDataPushed.bind(this);
                    this._columnsController.columnsChanged.add(this._columnsChangedHandler);
                    this._isLoading = false;
                    this._isCustomLoading = false;
                    this._repaintChangesOnly = void 0;
                    this._changes = [];
                    this.createAction("onDataErrorOccurred");
                    this.dataErrorOccurred.add(error => this.executeAction("onDataErrorOccurred", {
                        error: error
                    }));
                    this._refreshDataSource();
                    this.postCtor()
                }
                _getPagingOptionValue(optionName) {
                    return this._dataSource[optionName]()
                }
                callbackNames() {
                    return ["changed", "loadingChanged", "dataErrorOccurred", "pageChanged", "dataSourceChanged", "pushed"]
                }
                callbackFlags(name) {
                    if ("dataErrorOccurred" === name) {
                        return {
                            stopOnFalse: true
                        }
                    }
                    return
                }
                publicMethods() {
                    return ["_disposeDataSource", "beginCustomLoading", "byKey", "clearFilter", "endCustomLoading", "filter", "getCombinedFilter", "getDataByKeys", "getDataSource", "getKeyByRowIndex", "getRowIndexByKey", "getVisibleRows", "keyOf", "pageCount", "pageIndex", "pageSize", "refresh", "repaintRows", "totalCount"]
                }
                reset() {
                    this._columnsController.reset();
                    this._items = [];
                    this._refreshDataSource()
                }
                _handleDataSourceChange(args) {
                    if (args.value === args.previousValue || this.option("columns") && Array.isArray(args.value) && Array.isArray(args.previousValue)) {
                        const isValueChanged = args.value !== args.previousValue;
                        if (isValueChanged) {
                            const store = this.store();
                            if (store) {
                                store._array = args.value
                            }
                        }
                        if (this.needToRefreshOnDataSourceChange(args)) {
                            this.refresh(this.option("repaintChangesOnly"))
                        }
                        return true
                    }
                    return false
                }
                needToRefreshOnDataSourceChange(args) {
                    return true
                }
                optionChanged(args) {
                    const that = this;
                    let dataSource;
                    let changedPagingOptions;

                    function handled() {
                        args.handled = true
                    }
                    if ("dataSource" === args.name && args.name === args.fullName && this._handleDataSourceChange(args)) {
                        handled();
                        return
                    }
                    switch (args.name) {
                        case "cacheEnabled":
                        case "repaintChangesOnly":
                        case "highlightChanges":
                        case "loadingTimeout":
                            handled();
                            break;
                        case "remoteOperations":
                        case "keyExpr":
                        case "dataSource":
                        case "scrolling":
                            handled();
                            that.reset();
                            break;
                        case "paging":
                            dataSource = that.dataSource();
                            if (dataSource) {
                                changedPagingOptions = that._setPagingOptions(dataSource);
                                if (changedPagingOptions) {
                                    const pageIndex = dataSource.pageIndex();
                                    this._isPaging = changedPagingOptions.isPageIndexChanged;
                                    dataSource.load().done(() => {
                                        this._isPaging = false;
                                        that.pageChanged.fire(pageIndex)
                                    })
                                }
                            }
                            handled();
                            break;
                        case "rtlEnabled":
                            that.reset();
                            break;
                        case "columns":
                            dataSource = that.dataSource();
                            if (dataSource && dataSource.isLoading() && args.name === args.fullName) {
                                this._useSortingGroupingFromColumns = true;
                                dataSource.load()
                            }
                            break;
                        default:
                            super.optionChanged(args)
                    }
                }
                isReady() {
                    return !this._isLoading
                }
                getDataSource() {
                    return this._dataSource && this._dataSource._dataSource
                }
                getCombinedFilter(returnDataField) {
                    return this.combinedFilter(void 0, returnDataField)
                }
                combinedFilter(filter, returnDataField) {
                    if (!this._dataSource) {
                        return filter
                    }
                    let combined = filter ?? this._dataSource.filter();
                    const isColumnsTypesDefined = this._columnsController.isDataSourceApplied() || this._columnsController.isAllDataTypesDefined();
                    if (isColumnsTypesDefined) {
                        const additionalFilter = this._calculateAdditionalFilter();
                        combined = additionalFilter ? _m_utils.default.combineFilters([additionalFilter, combined]) : combined
                    }
                    const isRemoteFiltering = this._dataSource.remoteOperations().filtering || returnDataField;
                    combined = this._columnsController.updateFilter(combined, isRemoteFiltering);
                    return combined
                }
                waitReady() {
                    if (this._updateLockCount) {
                        this._readyDeferred = new _deferred.Deferred;
                        return this._readyDeferred
                    }
                    return (0, _deferred.when)()
                }
                _endUpdateCore() {
                    const changes = this._changes;
                    if (changes.length) {
                        this._changes = [];
                        const repaintChangesOnly = changes.every(change => change.repaintChangesOnly);
                        this.updateItems(1 === changes.length ? changes[0] : {
                            repaintChangesOnly: repaintChangesOnly
                        })
                    }
                    if (this._readyDeferred) {
                        this._readyDeferred.resolve();
                        this._readyDeferred = null
                    }
                }
                _handleCustomizeStoreLoadOptions(e) {
                    var _storeLoadOptions$fil;
                    const columnsController = this._columnsController;
                    const dataSource = this._dataSource;
                    const {
                        storeLoadOptions: storeLoadOptions
                    } = e;
                    if (e.isCustomLoading && !storeLoadOptions.isLoadingAll) {
                        return
                    }
                    storeLoadOptions.filter = this.combinedFilter(storeLoadOptions.filter);
                    if (1 === (null === (_storeLoadOptions$fil = storeLoadOptions.filter) || void 0 === _storeLoadOptions$fil ? void 0 : _storeLoadOptions$fil.length) && "!" === storeLoadOptions.filter[0]) {
                        e.data = [];
                        e.extra = e.extra || {};
                        e.extra.totalCount = 0
                    }
                    if (!columnsController.isDataSourceApplied()) {
                        columnsController.updateColumnDataTypes(dataSource)
                    }
                    this._columnsUpdating = true;
                    columnsController.updateSortingGrouping(dataSource, !this._useSortingGroupingFromColumns);
                    this._columnsUpdating = false;
                    storeLoadOptions.sort = columnsController.getSortDataSourceParameters();
                    storeLoadOptions.group = columnsController.getGroupDataSourceParameters();
                    dataSource.sort(storeLoadOptions.sort);
                    dataSource.group(storeLoadOptions.group);
                    storeLoadOptions.sort = columnsController.getSortDataSourceParameters(!dataSource.remoteOperations().sorting);
                    e.group = columnsController.getGroupDataSourceParameters(!dataSource.remoteOperations().grouping)
                }
                _handleColumnsChanged(e) {
                    const that = this;
                    const {
                        changeTypes: changeTypes
                    } = e;
                    const {
                        optionNames: optionNames
                    } = e;
                    let filterValue;
                    let filterValues;
                    let filterApplied;
                    const updateItemsHandler = function(change) {
                        var _change$changeTypes, _change$changeTypes2;
                        that._columnsController.columnsChanged.remove(updateItemsHandler);
                        that.updateItems({
                            repaintChangesOnly: false,
                            event: null === change || void 0 === change || null === (_change$changeTypes = change.changeTypes) || void 0 === _change$changeTypes ? void 0 : _change$changeTypes.event,
                            virtualColumnsScrolling: null === change || void 0 === change || null === (_change$changeTypes2 = change.changeTypes) || void 0 === _change$changeTypes2 ? void 0 : _change$changeTypes2.virtualColumnsScrolling
                        })
                    };
                    if (changeTypes.sorting || changeTypes.grouping) {
                        if (that._dataSource && !that._columnsUpdating) {
                            that._dataSource.group(that._columnsController.getGroupDataSourceParameters());
                            that._dataSource.sort(that._columnsController.getSortDataSourceParameters());
                            that.reload()
                        }
                    } else if (changeTypes.columns) {
                        filterValues = that._columnsController.columnOption(e.columnIndex, "filterValues");
                        if (optionNames.filterValues || optionNames.filterType && Array.isArray(filterValues) || optionNames.filterValue || optionNames.selectedFilterOperation || optionNames.allowFiltering) {
                            filterValue = that._columnsController.columnOption(e.columnIndex, "filterValue");
                            if (Array.isArray(filterValues) || void 0 === e.columnIndex || (0, _type.isDefined)(filterValue) || !optionNames.selectedFilterOperation || optionNames.filterValue) {
                                that._applyFilter();
                                filterApplied = true
                            }
                        }
                        const excludedOptionNames = ["width", "visibleWidth", "filterValue", "bufferedFilterValue", "selectedFilterOperation", "filterValues", "filterType"];
                        if (!that._needApplyFilter && !_m_utils.default.checkChanges(optionNames, excludedOptionNames)) {
                            that._columnsController.columnsChanged.add(updateItemsHandler)
                        }
                        if ((0, _type.isDefined)(optionNames.visible)) {
                            const column = that._columnsController.columnOption(e.columnIndex);
                            if (column && ((0, _type.isDefined)(column.filterValue) || (0, _type.isDefined)(column.filterValues))) {
                                that._applyFilter();
                                filterApplied = true
                            }
                        }
                    }
                    if (!filterApplied && changeTypes.filtering && !this._needApplyFilter) {
                        that.reload()
                    }
                }
                _handleDataChanged(e) {
                    const that = this;
                    const dataSource = that._dataSource;
                    const columnsController = that._columnsController;
                    let isAsyncDataSourceApplying = false;
                    this._useSortingGroupingFromColumns = false;
                    if (dataSource && !that._isDataSourceApplying) {
                        that._isDataSourceApplying = true;
                        (0, _deferred.when)(that._columnsController.applyDataSource(dataSource)).done(() => {
                            if (that._isLoading) {
                                that._handleLoadingChanged(false)
                            }
                            if (isAsyncDataSourceApplying && e && e.isDelayed) {
                                e.isDelayed = false
                            }
                            that._isDataSourceApplying = false;
                            const needApplyFilter = that._needApplyFilter;
                            that._needApplyFilter = false;
                            if (needApplyFilter && !that._isAllDataTypesDefined && (() => {
                                    const additionalFilter = that._calculateAdditionalFilter();
                                    return additionalFilter && additionalFilter.length
                                })()) {
                                _ui.default.log("W1005", that.component.NAME);
                                that._applyFilter()
                            } else {
                                that.updateItems(e, true)
                            }
                        }).fail(() => {
                            that._isDataSourceApplying = false
                        });
                        if (that._isDataSourceApplying) {
                            isAsyncDataSourceApplying = true;
                            that._handleLoadingChanged(true)
                        }
                        that._needApplyFilter = !that._columnsController.isDataSourceApplied();
                        that._isAllDataTypesDefined = columnsController.isAllDataTypesDefined()
                    }
                }
                _handleLoadingChanged(isLoading) {
                    this._isLoading = isLoading;
                    this._fireLoadingChanged()
                }
                _handleLoadError(e) {
                    this.dataErrorOccurred.fire(e)
                }
                _handleDataPushed(changes) {
                    this.pushed.fire(changes)
                }
                fireError() {
                    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                        args[_key] = arguments[_key]
                    }
                    this.dataErrorOccurred.fire(_ui.default.Error.apply(_ui.default, args))
                }
                _setPagingOptions(dataSource) {
                    const pageIndex = this.option("paging.pageIndex");
                    const pageSize = this.option("paging.pageSize");
                    const pagingEnabled = this.option("paging.enabled");
                    const scrollingMode = this.option("scrolling.mode");
                    const appendMode = "infinite" === scrollingMode;
                    const virtualMode = "virtual" === scrollingMode;
                    const paginate = pagingEnabled || virtualMode || appendMode;
                    let isPaginateChanged = false;
                    let isPageSizeChanged = false;
                    let isPageIndexChanged = false;
                    dataSource.requireTotalCount(!appendMode);
                    if (void 0 !== pagingEnabled && dataSource.paginate() !== paginate) {
                        dataSource.paginate(paginate);
                        isPaginateChanged = true
                    }
                    if (void 0 !== pageSize && dataSource.pageSize() !== pageSize) {
                        dataSource.pageSize(pageSize);
                        isPageSizeChanged = true
                    }
                    if (void 0 !== pageIndex && dataSource.pageIndex() !== pageIndex) {
                        dataSource.pageIndex(pageIndex);
                        isPageIndexChanged = true
                    }
                    if (isPaginateChanged || isPageSizeChanged || isPageIndexChanged) {
                        return {
                            isPaginateChanged: isPaginateChanged,
                            isPageSizeChanged: isPageSizeChanged,
                            isPageIndexChanged: isPageIndexChanged
                        }
                    }
                    return false
                }
                _getSpecificDataSourceOption() {
                    const dataSource = this.option("dataSource");
                    if (Array.isArray(dataSource)) {
                        return {
                            store: {
                                type: "array",
                                data: dataSource,
                                key: this.option("keyExpr")
                            }
                        }
                    }
                    return dataSource
                }
                _initDataSource() {
                    const that = this;
                    const oldDataSource = this._dataSource;
                    super._initDataSource();
                    const dataSource = that._dataSource;
                    that._useSortingGroupingFromColumns = true;
                    that._cachedProcessedItems = null;
                    if (dataSource) {
                        const changedPagingOptions = that._setPagingOptions(dataSource);
                        this._isPaging = null === changedPagingOptions || void 0 === changedPagingOptions ? void 0 : changedPagingOptions.isPageIndexChanged;
                        that.setDataSource(dataSource)
                    } else if (oldDataSource) {
                        that.updateItems()
                    }
                }
                _loadDataSource() {
                    const that = this;
                    const dataSource = that._dataSource;
                    const result = new _deferred.Deferred;
                    (0, _deferred.when)(this._columnsController.refresh(true)).always(() => {
                        if (dataSource) {
                            dataSource.load().done(function() {
                                that._isPaging = false;
                                result.resolve.apply(result, arguments)
                            }).fail(result.reject)
                        } else {
                            result.resolve()
                        }
                    });
                    return result.promise()
                }
                _beforeProcessItems(items) {
                    return items.slice(0)
                }
                getRowIndexDelta() {
                    return 0
                }
                getDataIndex(change) {
                    const visibleItems = this._items;
                    const lastVisibleItem = "append" === change.changeType && visibleItems.length > 0 ? visibleItems[visibleItems.length - 1] : null;
                    return (0, _type.isDefined)(null === lastVisibleItem || void 0 === lastVisibleItem ? void 0 : lastVisibleItem.dataIndex) ? lastVisibleItem.dataIndex + 1 : 0
                }
                _processItems(items, change) {
                    const that = this;
                    const rowIndexDelta = that.getRowIndexDelta();
                    const {
                        changeType: changeType
                    } = change;
                    const visibleColumns = that._columnsController.getVisibleColumns(null, "loadingAll" === changeType);
                    const dataIndex = this.getDataIndex(change);
                    const options = {
                        visibleColumns: visibleColumns,
                        dataIndex: dataIndex
                    };
                    const result = [];
                    (0, _iterator.each)(items, (index, item) => {
                        if ((0, _type.isDefined)(item)) {
                            options.rowIndex = index - rowIndexDelta;
                            item = that._processItem(item, options);
                            result.push(item)
                        }
                    });
                    return result
                }
                _processItem(item, options) {
                    item = this._generateDataItem(item, options);
                    item = this._processDataItem(item, options);
                    item.dataIndex = options.dataIndex++;
                    return item
                }
                _generateDataItem(data, options) {
                    return {
                        rowType: "data",
                        data: data,
                        key: this.keyOf(data)
                    }
                }
                _processDataItem(dataItem, options) {
                    dataItem.values = this.generateDataValues(dataItem.data, options.visibleColumns);
                    return dataItem
                }
                generateDataValues(data, columns, isModified) {
                    const values = [];
                    let value;
                    for (let i = 0; i < columns.length; i++) {
                        const column = columns[i];
                        value = isModified ? void 0 : null;
                        if (!column.command || column.type === _const.AI_COLUMN_NAME) {
                            if (column.calculateCellValue) {
                                value = column.calculateCellValue(data)
                            } else if (column.dataField) {
                                value = data[column.dataField]
                            }
                        }
                        values.push(value)
                    }
                    return values
                }
                _applyChange(change) {
                    const that = this;
                    if ("update" === change.changeType) {
                        that._applyChangeUpdate(change)
                    } else if (that.items().length && change.repaintChangesOnly && "refresh" === change.changeType) {
                        that._applyChangesOnly(change)
                    } else if ("refresh" === change.changeType) {
                        that._applyChangeFull(change)
                    }
                }
                _applyChangeFull(change) {
                    this._items = change.items.slice(0)
                }
                _getRowIndices(change) {
                    const rowIndices = change.rowIndices.slice(0);
                    const rowIndexDelta = this.getRowIndexDelta();
                    rowIndices.sort((a, b) => a - b);
                    for (let i = 0; i < rowIndices.length; i++) {
                        let correctedRowIndex = rowIndices[i];
                        if (change.allowInvisibleRowIndices) {
                            correctedRowIndex += rowIndexDelta
                        }
                        if (correctedRowIndex < 0) {
                            rowIndices.splice(i, 1);
                            i--
                        }
                    }
                    return rowIndices
                }
                _applyChangeUpdate(change) {
                    const that = this;
                    const {
                        items: items
                    } = change;
                    const rowIndices = that._getRowIndices(change);
                    const rowIndexDelta = that.getRowIndexDelta();
                    const repaintChangesOnly = that.option("repaintChangesOnly");
                    let prevIndex = -1;
                    let rowIndexCorrection = 0;
                    let changeType;
                    change.items = [];
                    change.rowIndices = [];
                    change.columnIndices = [];
                    change.changeTypes = [];
                    const equalItems = function(item1, item2, strict) {
                        let result = item1 && item2 && (0, _common.equalByValue)(item1.key, item2.key);
                        if (result && strict) {
                            result = item1.rowType === item2.rowType && ("detail" !== item2.rowType || item1.isEditing === item2.isEditing)
                        }
                        return result
                    };
                    (0, _iterator.each)(rowIndices, (index, rowIndex) => {
                        let columnIndices;
                        rowIndex += rowIndexCorrection + rowIndexDelta;
                        if (prevIndex === rowIndex) {
                            return
                        }
                        prevIndex = rowIndex;
                        const oldItem = that._items[rowIndex];
                        const oldNextItem = that._items[rowIndex + 1];
                        const newItem = items[rowIndex];
                        const newNextItem = items[rowIndex + 1];
                        const strict = equalItems(oldItem, oldNextItem) || equalItems(newItem, newNextItem);
                        if (newItem) {
                            newItem.rowIndex = rowIndex;
                            change.items.push(newItem)
                        }
                        if (oldItem && newItem && equalItems(oldItem, newItem, strict)) {
                            changeType = "update";
                            that._items[rowIndex] = newItem;
                            if (oldItem.visible !== newItem.visible) {
                                change.items.splice(-1, 1, {
                                    visible: newItem.visible
                                })
                            } else if (repaintChangesOnly && !change.isFullUpdate) {
                                columnIndices = that._partialUpdateRow(oldItem, newItem, rowIndex - rowIndexDelta)
                            }
                        } else if (newItem && !oldItem || newNextItem && equalItems(oldItem, newNextItem, strict)) {
                            changeType = "insert";
                            that._items.splice(rowIndex, 0, newItem);
                            rowIndexCorrection++
                        } else if (oldItem && !newItem || oldNextItem && equalItems(newItem, oldNextItem, strict)) {
                            changeType = "remove";
                            that._items.splice(rowIndex, 1);
                            rowIndexCorrection--;
                            prevIndex = -1
                        } else if (newItem) {
                            changeType = "update";
                            that._items[rowIndex] = newItem
                        } else {
                            return
                        }
                        change.rowIndices.push(rowIndex - rowIndexDelta);
                        change.changeTypes.push(changeType);
                        change.columnIndices.push(columnIndices)
                    })
                }
                _isCellChanged(oldRow, newRow, visibleRowIndex, columnIndex, isLiveUpdate) {
                    if (JSON.stringify(oldRow.values[columnIndex]) !== JSON.stringify(newRow.values[columnIndex])) {
                        return true
                    }

                    function isCellModified(row, columnIndex) {
                        return row.modifiedValues ? void 0 !== row.modifiedValues[columnIndex] : false
                    }
                    if (isCellModified(oldRow, columnIndex) !== isCellModified(newRow, columnIndex)) {
                        return true
                    }
                    return false
                }
                _getChangedColumnIndices(oldItem, newItem, visibleRowIndex, isLiveUpdate) {
                    let columnIndices;
                    if (oldItem.rowType === newItem.rowType) {
                        if ("group" !== newItem.rowType && "groupFooter" !== newItem.rowType) {
                            columnIndices = [];
                            if ("detail" !== newItem.rowType) {
                                for (let columnIndex = 0; columnIndex < oldItem.values.length; columnIndex++) {
                                    if (this._isCellChanged(oldItem, newItem, visibleRowIndex, columnIndex, isLiveUpdate)) {
                                        columnIndices.push(columnIndex)
                                    }
                                }
                            }
                        }
                        if ("group" === newItem.rowType && oldItem.cells) {
                            const isRowStateEquals = newItem.isExpanded === oldItem.isExpanded && newItem.data.isContinuation === oldItem.data.isContinuation && newItem.data.isContinuationOnNextPage === oldItem.data.isContinuationOnNextPage;
                            if (isRowStateEquals) {
                                columnIndices = oldItem.cells.map((cell, index) => {
                                    var _cell$column;
                                    return "groupExpand" !== (null === (_cell$column = cell.column) || void 0 === _cell$column ? void 0 : _cell$column.type) ? index : -1
                                }).filter(index => index >= 0)
                            }
                        }
                    }
                    return columnIndices
                }
                _partialUpdateRow(oldItem, newItem, visibleRowIndex, isLiveUpdate) {
                    var _changedColumnIndices;
                    let changedColumnIndices = this._getChangedColumnIndices(oldItem, newItem, visibleRowIndex, isLiveUpdate);
                    if (null !== (_changedColumnIndices = changedColumnIndices) && void 0 !== _changedColumnIndices && _changedColumnIndices.length && this.option("dataRowTemplate")) {
                        changedColumnIndices = void 0
                    }
                    if (changedColumnIndices) {
                        oldItem.cells && oldItem.cells.forEach((cell, columnIndex) => {
                            const isCellChanged = changedColumnIndices.indexOf(columnIndex) >= 0;
                            if (!isCellChanged && cell && cell.update) {
                                cell.update(newItem)
                            }
                        });
                        newItem.update = oldItem.update;
                        newItem.watch = oldItem.watch;
                        newItem.cells = oldItem.cells;
                        if (isLiveUpdate) {
                            newItem.oldValues = oldItem.values
                        }
                        oldItem.update && oldItem.update(newItem)
                    }
                    return changedColumnIndices
                }
                _isItemEquals(item1, item2) {
                    if (JSON.stringify(item1.values) !== JSON.stringify(item2.values)) {
                        return false
                    }
                    if (["modified", "isNewRow", "removed", "isEditing"].some(field => item1[field] !== item2[field])) {
                        return false
                    }
                    if ("group" === item1.rowType || "groupFooter" === item1.rowType) {
                        var _item1$data, _item2$data, _item1$data2, _item2$data2;
                        const expandedMatch = item1.isExpanded === item2.isExpanded;
                        const summaryCellsMatch = JSON.stringify(item1.summaryCells) === JSON.stringify(item2.summaryCells);
                        const continuationMatch = (null === (_item1$data = item1.data) || void 0 === _item1$data ? void 0 : _item1$data.isContinuation) === (null === (_item2$data = item2.data) || void 0 === _item2$data ? void 0 : _item2$data.isContinuation) && (null === (_item1$data2 = item1.data) || void 0 === _item1$data2 ? void 0 : _item1$data2.isContinuationOnNextPage) === (null === (_item2$data2 = item2.data) || void 0 === _item2$data2 ? void 0 : _item2$data2.isContinuationOnNextPage);
                        if (!expandedMatch || !summaryCellsMatch || !continuationMatch) {
                            return false
                        }
                    }
                    return true
                }
                _applyChangesOnly(change) {
                    const rowIndices = [];
                    const columnIndices = [];
                    const changeTypes = [];
                    const items = [];
                    const newIndexByKey = {};
                    const isLiveUpdate = (null === change || void 0 === change ? void 0 : change.isLiveUpdate) ?? true;

                    function getRowKey(row) {
                        if (row) {
                            return `${row.rowType},${JSON.stringify(row.key)}`
                        }
                        return
                    }
                    const currentItems = this._items;
                    const oldItems = currentItems.slice();
                    change.items.forEach((item, index) => {
                        const key = getRowKey(item);
                        newIndexByKey[key] = index;
                        item.rowIndex = index
                    });
                    const result = (0, _array_compare.findChanges)({
                        oldItems: oldItems,
                        newItems: change.items,
                        getKey: getRowKey,
                        isItemEquals: (item1, item2) => {
                            if (!this._isItemEquals(item1, item2)) {
                                return false
                            }
                            if (item1.cells) {
                                item1.update && item1.update(item2);
                                item1.cells.forEach(cell => {
                                    if (cell && cell.update) {
                                        cell.update(item2, true)
                                    }
                                })
                            }
                            return true
                        }
                    });
                    if (!result) {
                        this._applyChangeFull(change);
                        return
                    }
                    result.forEach(change => {
                        switch (change.type) {
                            case "update": {
                                const {
                                    index: index
                                } = change;
                                const newItem = change.data;
                                const {
                                    oldItem: oldItem
                                } = change;
                                const changedColumnIndices = this._partialUpdateRow(oldItem, newItem, index, isLiveUpdate);
                                rowIndices.push(index);
                                changeTypes.push("update");
                                items.push(newItem);
                                currentItems[index] = newItem;
                                columnIndices.push(changedColumnIndices);
                                break
                            }
                            case "insert":
                                rowIndices.push(change.index);
                                changeTypes.push("insert");
                                items.push(change.data);
                                columnIndices.push(void 0);
                                currentItems.splice(change.index, 0, change.data);
                                break;
                            case "remove":
                                rowIndices.push(change.index);
                                changeTypes.push("remove");
                                currentItems.splice(change.index, 1);
                                items.push(change.oldItem);
                                columnIndices.push(void 0)
                        }
                    });
                    change.repaintChangesOnly = true;
                    change.changeType = "update";
                    change.rowIndices = rowIndices;
                    change.columnIndices = columnIndices;
                    change.changeTypes = changeTypes;
                    change.items = items;
                    if (oldItems.length) {
                        change.isLiveUpdate = true
                    }
                    this._correctRowIndices(rowIndex => {
                        const oldRowIndexOffset = this._rowIndexOffset || 0;
                        const rowIndexOffset = this.getRowIndexOffset();
                        const oldItem = oldItems[rowIndex - oldRowIndexOffset];
                        const key = getRowKey(oldItem);
                        const newVisibleRowIndex = newIndexByKey[key];
                        return newVisibleRowIndex >= 0 ? newVisibleRowIndex + rowIndexOffset - rowIndex : 0
                    })
                }
                _correctRowIndices(rowIndex) {}
                _afterProcessItems(items, change) {
                    return items
                }
                _updateItemsCore(change) {
                    let items;
                    const dataSource = this._dataSource;
                    const changeType = change.changeType || "refresh";
                    change.changeType = changeType;
                    if (dataSource) {
                        const cachedProcessedItems = this._cachedProcessedItems;
                        if (change.useProcessedItemsCache && cachedProcessedItems) {
                            items = cachedProcessedItems
                        } else {
                            items = change.items || dataSource.items();
                            items = this._beforeProcessItems(items);
                            items = this._processItems(items, change);
                            this._cachedProcessedItems = items
                        }
                        items = this._afterProcessItems(items, change);
                        change.items = items;
                        const oldItems = this._items.length === items.length && this._items;
                        this._applyChange(change);
                        const rowIndexDelta = this.getRowIndexDelta();
                        (0, _iterator.each)(this._items, (index, item) => {
                            item.rowIndex = index - rowIndexDelta;
                            if (oldItems) {
                                item.cells = oldItems[index].cells ?? []
                            }
                            const newItem = items[index];
                            if (newItem) {
                                item.loadIndex = newItem.loadIndex
                            }
                        });
                        this._rowIndexOffset = this.getRowIndexOffset()
                    } else {
                        this._items = []
                    }
                }
                _handleChanging(e) {
                    const rows = this.getVisibleRows();
                    const dataSource = this.dataSource();
                    if (dataSource) {
                        e.changes.forEach(change => {
                            if ("insert" === change.type && change.index >= 0) {
                                let dataIndex = 0;
                                for (let i = 0; i < change.index; i++) {
                                    const row = rows[i];
                                    if (row && ("data" === row.rowType || "group" === row.rowType)) {
                                        dataIndex++
                                    }
                                }
                                change.index = dataIndex
                            }
                        })
                    }
                }
                updateItems(change, isDataChanged) {
                    change = change || {};
                    const that = this;
                    change.isFirstRender = !that.changed.fired();
                    if (void 0 !== that._repaintChangesOnly) {
                        change.repaintChangesOnly = change.repaintChangesOnly ?? that._repaintChangesOnly;
                        change.needUpdateDimensions = change.needUpdateDimensions || that._needUpdateDimensions
                    } else if (change.changes) {
                        change.repaintChangesOnly = that.option("repaintChangesOnly")
                    } else if (isDataChanged) {
                        const operationTypes = that.dataSource().operationTypes();
                        change.repaintChangesOnly = operationTypes && !operationTypes.grouping && !operationTypes.filtering && that.option("repaintChangesOnly");
                        change.isDataChanged = true;
                        if (operationTypes && (operationTypes.reload || operationTypes.paging || operationTypes.groupExpanding)) {
                            change.needUpdateDimensions = true
                        }
                    }
                    if (that._updateLockCount && !change.cancel) {
                        that._changes.push(change);
                        return
                    }
                    that._updateItemsCore(change);
                    if (change.cancel) {
                        return
                    }
                    that._fireChanged(change)
                }
                loadingOperationTypes() {
                    const dataSource = this.dataSource();
                    return dataSource && dataSource.loadingOperationTypes() || {}
                }
                _fireChanged(change) {
                    if (this._currentOperationTypes) {
                        change.operationTypes = this._currentOperationTypes;
                        this._currentOperationTypes = null
                    }(0, _common.deferRender)(() => {
                        this.changed.fire(change)
                    })
                }
                isLoading() {
                    return this._isLoading || this._isCustomLoading
                }
                _fireLoadingChanged() {
                    this.loadingChanged.fire(this.isLoading(), this._loadingText)
                }
                _calculateAdditionalFilter() {
                    return null
                }
                _applyFilter() {
                    const dataSource = this._dataSource;
                    if (dataSource) {
                        dataSource.pageIndex(0);
                        this._isFilterApplying = true;
                        return this.reload().done(() => {
                            if (this._isFilterApplying) {
                                this.pageChanged.fire()
                            }
                        })
                    }
                    return (new _deferred.Deferred).resolve()
                }
                resetFilterApplying() {
                    this._isFilterApplying = false
                }
                filter(filterExpr) {
                    var _dataSource$loadOptio;
                    const dataSource = this._dataSource;
                    const filter = null === dataSource || void 0 === dataSource ? void 0 : dataSource.filter();
                    const langParams = null === dataSource || void 0 === dataSource || null === (_dataSource$loadOptio = dataSource.loadOptions) || void 0 === _dataSource$loadOptio || null === (_dataSource$loadOptio = _dataSource$loadOptio.call(dataSource)) || void 0 === _dataSource$loadOptio ? void 0 : _dataSource$loadOptio.langParams;
                    if (0 === arguments.length) {
                        return filter
                    }
                    filterExpr = arguments.length > 1 ? Array.prototype.slice.call(arguments, 0) : filterExpr;
                    if (_m_utils.default.equalFilterParameters(filter, filterExpr, langParams)) {
                        return
                    }
                    if (dataSource) {
                        dataSource.filter(filterExpr)
                    }
                    this._applyFilter()
                }
                clearFilter(filterName) {
                    const that = this;
                    const columnsController = that._columnsController;
                    const clearColumnOption = function(optionName) {
                        const columnCount = columnsController.columnCount();
                        for (let index = 0; index < columnCount; index++) {
                            columnsController.columnOption(index, optionName, void 0)
                        }
                    };
                    that.component.beginUpdate();
                    if (arguments.length > 0) {
                        switch (filterName) {
                            case "dataSource":
                                that.filter(null);
                                break;
                            case "search":
                                that.searchByText("");
                                break;
                            case "header":
                                clearColumnOption("filterValues");
                                break;
                            case "row":
                                clearColumnOption("filterValue")
                        }
                    } else {
                        that.filter(null);
                        that.searchByText("");
                        clearColumnOption("filterValue");
                        clearColumnOption("bufferedFilterValue");
                        clearColumnOption("filterValues")
                    }
                    that.component.endUpdate()
                }
                _fireDataSourceChanged() {
                    const that = this;
                    const changedHandler = function() {
                        that.changed.remove(changedHandler);
                        that.dataSourceChanged.fire()
                    };
                    that.changed.add(changedHandler)
                }
                _getDataSourceAdapter() {}
                _createDataSourceAdapterCore(dataSource, remoteOperations) {
                    const dataSourceAdapterProvider = this._getDataSourceAdapter();
                    const dataSourceAdapter = dataSourceAdapterProvider.create(this.component);
                    dataSourceAdapter.init(dataSource, remoteOperations);
                    return dataSourceAdapter
                }
                isLocalStore() {
                    let store = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this.store();
                    return store instanceof _array_store.default
                }
                isCustomStore(store) {
                    store = store || this.store();
                    return store instanceof _custom_store.CustomStore
                }
                _createDataSourceAdapter(dataSource) {
                    let remoteOperations = this.option("remoteOperations");
                    const store = dataSource.store();
                    const enabledRemoteOperations = {
                        filtering: true,
                        sorting: true,
                        paging: true,
                        grouping: true,
                        summary: true
                    };
                    if ((0, _type.isObject)(remoteOperations) && remoteOperations.groupPaging) {
                        remoteOperations = (0, _extend.extend)({}, enabledRemoteOperations, remoteOperations)
                    }
                    if ("auto" === remoteOperations) {
                        remoteOperations = this.isLocalStore(store) || this.isCustomStore(store) ? {} : {
                            filtering: true,
                            sorting: true,
                            paging: true
                        }
                    }
                    if (true === remoteOperations) {
                        remoteOperations = enabledRemoteOperations
                    }
                    return this._createDataSourceAdapterCore(dataSource, remoteOperations)
                }
                setDataSource(dataSource) {
                    const that = this;
                    const oldDataSource = that._dataSource;
                    if (!dataSource && oldDataSource) {
                        oldDataSource.cancelAll();
                        oldDataSource.changed.remove(that._dataChangedHandler);
                        oldDataSource.loadingChanged.remove(that._loadingChangedHandler);
                        oldDataSource.loadError.remove(that._loadErrorHandler);
                        oldDataSource.customizeStoreLoadOptions.remove(that._customizeStoreLoadOptionsHandler);
                        oldDataSource.changing.remove(that._changingHandler);
                        oldDataSource.pushed.remove(that._dataPushedHandler);
                        oldDataSource.dispose(that._isSharedDataSource)
                    }
                    if (dataSource) {
                        dataSource = that._createDataSourceAdapter(dataSource)
                    }
                    that._dataSource = dataSource;
                    if (dataSource) {
                        that._fireDataSourceChanged();
                        that._isLoading = !dataSource.isLoaded();
                        that._needApplyFilter = true;
                        that._isAllDataTypesDefined = that._columnsController.isAllDataTypesDefined();
                        dataSource.changed.add(that._dataChangedHandler);
                        dataSource.loadingChanged.add(that._loadingChangedHandler);
                        dataSource.loadError.add(that._loadErrorHandler);
                        dataSource.customizeStoreLoadOptions.add(that._customizeStoreLoadOptionsHandler);
                        dataSource.changing.add(that._changingHandler);
                        dataSource.pushed.add(that._dataPushedHandler)
                    }
                }
                items(byLoaded) {
                    return this._items
                }
                isEmpty() {
                    return !this.items().length
                }
                pageCount() {
                    return this._dataSource ? this._dataSource.pageCount() : 1
                }
                dataSource() {
                    return this._dataSource
                }
                store() {
                    const dataSource = this._dataSource;
                    return dataSource && dataSource.store()
                }
                loadAll(data) {
                    let skipFilter = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                    const that = this;
                    const d = new _deferred.Deferred;
                    const dataSource = that._dataSource;
                    if (dataSource) {
                        if (data) {
                            const options = {
                                data: data,
                                isCustomLoading: true,
                                storeLoadOptions: {
                                    isLoadingAll: true
                                },
                                loadOptions: {
                                    filter: skipFilter ? null : that.getCombinedFilter(),
                                    group: dataSource.group(),
                                    sort: dataSource.sort()
                                }
                            };
                            dataSource._handleDataLoaded(options);
                            (0, _deferred.when)(options.data).done(data => {
                                var _options$extra;
                                data = that._beforeProcessItems(data);
                                d.resolve(that._processItems(data, {
                                    changeType: "loadingAll"
                                }), null === (_options$extra = options.extra) || void 0 === _options$extra ? void 0 : _options$extra.summary)
                            }).fail(d.reject)
                        } else if (!dataSource.isLoading()) {
                            const loadOptions = (0, _extend.extend)({}, dataSource.loadOptions(), {
                                isLoadingAll: true,
                                requireTotalCount: false
                            });
                            dataSource.load(loadOptions).done((items, extra) => {
                                items = that._beforeProcessItems(items);
                                items = that._processItems(items, {
                                    changeType: "loadingAll"
                                });
                                d.resolve(items, extra && extra.summary)
                            }).fail(d.reject)
                        } else {
                            d.reject()
                        }
                    } else {
                        d.resolve([])
                    }
                    return d
                }
                getKeyByRowIndex(rowIndex, byLoaded) {
                    const item = this.items(byLoaded)[rowIndex];
                    if (item) {
                        return item.key
                    }
                }
                getRowIndexByKey(key, byLoaded) {
                    return _m_utils.default.getIndexByKey(key, this.items(byLoaded))
                }
                getRowByKey(key) {
                    var _this$items;
                    return null === (_this$items = this.items()) || void 0 === _this$items ? void 0 : _this$items[this.getRowIndexByKey(key)]
                }
                keyOf(data) {
                    const store = this.store();
                    if (store) {
                        return store.keyOf(data)
                    }
                }
                byKey(key) {
                    const store = this.store();
                    const rowIndex = this.getRowIndexByKey(key);
                    let result;
                    if (!store) {
                        return
                    }
                    if (rowIndex >= 0) {
                        result = (new _deferred.Deferred).resolve(this.items()[rowIndex].data)
                    }
                    return result || store.byKey(key)
                }
                key() {
                    const store = this.store();
                    if (store) {
                        return store.key()
                    }
                }
                getRowIndexOffset(byLoadedRows) {
                    return 0
                }
                getDataByKeys(rowKeys) {
                    const that = this;
                    const result = new _deferred.Deferred;
                    const deferreds = [];
                    const data = [];
                    (0, _iterator.each)(rowKeys, (index, key) => {
                        deferreds.push(that.byKey(key).done(keyData => {
                            data[index] = keyData
                        }))
                    });
                    _deferred.when.apply(_renderer.default, deferreds).always(() => {
                        result.resolve(data)
                    });
                    return result
                }
                pageIndex(value) {
                    return changePaging(this, "pageIndex", value)
                }
                pageSize(value) {
                    return changePaging(this, "pageSize", value)
                }
                isCustomLoading() {
                    var _this$_dataSource;
                    return this._isCustomLoading || (null === (_this$_dataSource = this._dataSource) || void 0 === _this$_dataSource ? void 0 : _this$_dataSource.isCustomLoading())
                }
                beginCustomLoading(messageText) {
                    this._isCustomLoading = true;
                    this._loadingText = messageText ?? "";
                    this._fireLoadingChanged()
                }
                endCustomLoading() {
                    this._isCustomLoading = false;
                    this._loadingText = void 0;
                    this._fireLoadingChanged()
                }
                refresh(options) {
                    if (true === options) {
                        options = {
                            reload: true,
                            changesOnly: true
                        }
                    } else if (!options) {
                        options = {
                            reload: true,
                            lookup: true
                        }
                    }
                    const that = this;
                    const dataSource = that.getDataSource();
                    const {
                        changesOnly: changesOnly
                    } = options;
                    const d = new _deferred.Deferred;
                    const customizeLoadResult = function() {
                        that._repaintChangesOnly = !!changesOnly
                    };
                    (0, _deferred.when)(!options.lookup || that._columnsController.refresh()).always(() => {
                        if (options.load || options.reload) {
                            dataSource && dataSource.on("customizeLoadResult", customizeLoadResult);
                            (0, _deferred.when)(that.reload(options.reload, changesOnly)).always(() => {
                                dataSource && dataSource.off("customizeLoadResult", customizeLoadResult);
                                that._repaintChangesOnly = void 0
                            }).done(d.resolve).fail(d.reject)
                        } else {
                            that.updateItems({
                                repaintChangesOnly: options.changesOnly
                            });
                            d.resolve()
                        }
                    });
                    return d.promise()
                }
                getVisibleRows() {
                    return this.items()
                }
                _disposeDataSource() {
                    if (this._dataSource && this._dataSource._eventsStrategy) {
                        this._dataSource._eventsStrategy.off("loadingChanged", this.readyWatcher)
                    }
                    this.setDataSource(null)
                }
                dispose() {
                    this._disposeDataSource();
                    super.dispose()
                }
                repaintRows(rowIndexes, changesOnly) {
                    rowIndexes = Array.isArray(rowIndexes) ? rowIndexes : [rowIndexes];
                    if (rowIndexes.length > 1 || (0, _type.isDefined)(rowIndexes[0])) {
                        this.updateItems({
                            changeType: "update",
                            rowIndices: rowIndexes,
                            isFullUpdate: !changesOnly
                        })
                    }
                }
                skipProcessingPagingChange(fullName) {
                    return this._skipProcessingPagingChange && ("paging.pageIndex" === fullName || "paging.pageSize" === fullName)
                }
                getUserState() {
                    return {
                        searchText: this.option("searchPanel.text"),
                        pageIndex: this.pageIndex(),
                        pageSize: this.pageSize()
                    }
                }
                getCachedStoreData() {
                    return this._dataSource && this._dataSource.getCachedStoreData()
                }
                isLastPageLoaded() {
                    const pageIndex = this.pageIndex();
                    const pageCount = this.pageCount();
                    return pageIndex === pageCount - 1
                }
                load() {
                    var _this$_dataSource2;
                    return null === (_this$_dataSource2 = this._dataSource) || void 0 === _this$_dataSource2 ? void 0 : _this$_dataSource2.load()
                }
                reload(reload, changesOnly) {
                    var _this$_dataSource3;
                    return null === (_this$_dataSource3 = this._dataSource) || void 0 === _this$_dataSource3 ? void 0 : _this$_dataSource3.reload(reload, changesOnly)
                }
                push() {
                    var _this$_dataSource4;
                    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
                        args[_key2] = arguments[_key2]
                    }
                    return null === (_this$_dataSource4 = this._dataSource) || void 0 === _this$_dataSource4 ? void 0 : _this$_dataSource4.push(...args)
                }
                itemsCount() {
                    var _this$_dataSource5;
                    return this._dataSource ? null === (_this$_dataSource5 = this._dataSource) || void 0 === _this$_dataSource5 ? void 0 : _this$_dataSource5.itemsCount() : 0
                }
                totalItemsCount() {
                    var _this$_dataSource6;
                    return this._dataSource ? null === (_this$_dataSource6 = this._dataSource) || void 0 === _this$_dataSource6 ? void 0 : _this$_dataSource6.totalItemsCount() : 0
                }
                hasKnownLastPage() {
                    var _this$_dataSource7;
                    return this._dataSource ? null === (_this$_dataSource7 = this._dataSource) || void 0 === _this$_dataSource7 ? void 0 : _this$_dataSource7.hasKnownLastPage() : true
                }
                isLoaded() {
                    var _this$_dataSource8;
                    return this._dataSource ? null === (_this$_dataSource8 = this._dataSource) || void 0 === _this$_dataSource8 ? void 0 : _this$_dataSource8.isLoaded() : true
                }
                totalCount() {
                    var _this$_dataSource9;
                    return this._dataSource ? null === (_this$_dataSource9 = this._dataSource) || void 0 === _this$_dataSource9 ? void 0 : _this$_dataSource9.totalCount() : 0
                }
                hasLoadOperation() {
                    var _this$_dataSource0;
                    const operationTypes = (null === (_this$_dataSource0 = this._dataSource) || void 0 === _this$_dataSource0 ? void 0 : _this$_dataSource0.operationTypes()) ?? {};
                    return Object.keys(operationTypes).some(type => operationTypes[type])
                }
                isViewportChanging() {
                    return false
                }
                resetCachedProcessedItems() {
                    this._cachedProcessedItems = null
                }
            }
            exports.DataController = DataController;
            exports.dataControllerModule = {
                defaultOptions: () => ({
                    loadingTimeout: 0,
                    dataSource: null,
                    cacheEnabled: true,
                    repaintChangesOnly: false,
                    highlightChanges: false,
                    onDataErrorOccurred: null,
                    remoteOperations: "auto",
                    paging: {
                        enabled: true,
                        pageSize: void 0,
                        pageIndex: void 0
                    }
                }),
                controllers: {
                    data: DataController
                }
            }
        },
        68910(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DataHelperMixin = void 0;
            var _data_source = __webpack_require__( /*! ../../../../common/data/data_source/data_source */ 68216);
            var _utils = __webpack_require__( /*! ../../../../common/data/data_source/utils */ 97169);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _m_data_controller = (e = __webpack_require__( /*! ../../../ui/collection/m_data_controller */ 5285), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.DataHelperMixin = Base => class extends Base {
                postCtor() {
                    this.on("disposing", () => {
                        this._disposeDataSource()
                    })
                }
                _refreshDataSource() {
                    this._initDataSource();
                    this._loadDataSource()
                }
                _initDataSource() {
                    let dataSourceOptions = "_getSpecificDataSourceOption" in this ? this._getSpecificDataSourceOption() : this.option("dataSource");
                    let widgetDataSourceOptions;
                    let dataSourceType;
                    this._disposeDataSource();
                    if (dataSourceOptions) {
                        if (dataSourceOptions instanceof _data_source.DataSource) {
                            this._isSharedDataSource = true;
                            this._dataSource = dataSourceOptions
                        } else {
                            widgetDataSourceOptions = "_dataSourceOptions" in this ? this._dataSourceOptions() : {};
                            dataSourceType = this._dataSourceType ? this._dataSourceType() : _data_source.DataSource;
                            dataSourceOptions = (0, _utils.normalizeDataSourceOptions)(dataSourceOptions, {
                                fromUrlLoadMode: "_dataSourceFromUrlLoadMode" in this && this._dataSourceFromUrlLoadMode()
                            });
                            this._dataSource = new dataSourceType((0, _extend.extend)(true, {}, widgetDataSourceOptions, dataSourceOptions))
                        }
                        if ("_normalizeDataSource" in this) {
                            this._dataSource = this._normalizeDataSource(this._dataSource)
                        }
                        this._addDataSourceHandlers();
                        this._initDataController()
                    }
                }
                _initDataController() {
                    var _this$option;
                    const dataController = null === (_this$option = this.option) || void 0 === _this$option ? void 0 : _this$option.call(this, "_dataController");
                    const dataSource = this._dataSource;
                    if (dataController) {
                        this._dataController = dataController
                    } else {
                        this._dataController = new _m_data_controller.default(dataSource)
                    }
                }
                _addDataSourceHandlers() {
                    if ("_dataSourceChangedHandler" in this) {
                        this._addDataSourceChangeHandler()
                    }
                    if ("_dataSourceLoadErrorHandler" in this) {
                        this._addDataSourceLoadErrorHandler()
                    }
                    if ("_dataSourceLoadingChangedHandler" in this) {
                        this._addDataSourceLoadingChangedHandler()
                    }
                    this._addReadyWatcher()
                }
                _addReadyWatcher() {
                    this.readyWatcher = function(isLoading) {
                        this._ready && this._ready(!isLoading)
                    }.bind(this);
                    this._dataSource.on("loadingChanged", this.readyWatcher)
                }
                _addDataSourceChangeHandler() {
                    const dataSource = this._dataSource;
                    this._proxiedDataSourceChangedHandler = function(e) {
                        this._dataSourceChangedHandler(dataSource.items(), e)
                    }.bind(this);
                    dataSource.on("changed", this._proxiedDataSourceChangedHandler)
                }
                _addDataSourceLoadErrorHandler() {
                    this._proxiedDataSourceLoadErrorHandler = this._dataSourceLoadErrorHandler.bind(this);
                    this._dataSource.on("loadError", this._proxiedDataSourceLoadErrorHandler)
                }
                _addDataSourceLoadingChangedHandler() {
                    this._proxiedDataSourceLoadingChangedHandler = this._dataSourceLoadingChangedHandler.bind(this);
                    this._dataSource.on("loadingChanged", this._proxiedDataSourceLoadingChangedHandler)
                }
                _loadDataSource() {
                    const dataSource = this._dataSource;
                    if (dataSource) {
                        if (dataSource.isLoaded()) {
                            this._proxiedDataSourceChangedHandler && this._proxiedDataSourceChangedHandler()
                        } else {
                            dataSource.load()
                        }
                    }
                }
                _loadSingle(key, value) {
                    key = "this" === key ? this._dataSource.key() || "this" : key;
                    return this._dataSource.loadSingle(key, value)
                }
                _isLastPage() {
                    return !this._dataSource || this._dataSource.isLastPage() || !this._dataSource._pageSize
                }
                _isDataSourceLoading() {
                    return this._dataSource && this._dataSource.isLoading()
                }
                _disposeDataSource() {
                    if (this._dataSource) {
                        if (this._isSharedDataSource) {
                            delete this._isSharedDataSource;
                            this._proxiedDataSourceChangedHandler && this._dataSource.off("changed", this._proxiedDataSourceChangedHandler);
                            this._proxiedDataSourceLoadErrorHandler && this._dataSource.off("loadError", this._proxiedDataSourceLoadErrorHandler);
                            this._proxiedDataSourceLoadingChangedHandler && this._dataSource.off("loadingChanged", this._proxiedDataSourceLoadingChangedHandler);
                            if (this._dataSource._eventsStrategy) {
                                this._dataSource._eventsStrategy.off("loadingChanged", this.readyWatcher)
                            }
                        } else {
                            this._dataSource.dispose()
                        }
                        delete this._dataSource;
                        delete this._proxiedDataSourceChangedHandler;
                        delete this._proxiedDataSourceLoadErrorHandler;
                        delete this._proxiedDataSourceLoadingChangedHandler
                    }
                }
                getDataSource() {
                    return this._dataSource || null
                }
            }
        },
        3120(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _array_store = _interopRequireDefault(__webpack_require__( /*! ../../../../common/data/array_store */ 80556));
            var _array_utils = __webpack_require__( /*! ../../../../common/data/array_utils */ 43792);
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/callbacks */ 84718));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _m_data_source_adapter_utils = __webpack_require__( /*! ./m_data_source_adapter_utils */ 39394);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DataSourceAdapter extends _m_modules.default.Controller {
                init(dataSource, remoteOperations) {
                    const that = this;
                    that._dataSource = dataSource;
                    that._remoteOperations = remoteOperations || {};
                    that._isLastPage = !dataSource.isLastPage();
                    that._hasLastPage = false;
                    that._currentTotalCount = 0;
                    that._cachedData = (0, _m_data_source_adapter_utils.createEmptyCachedData)();
                    that._lastOperationTypes = {};
                    that._eventsStrategy = dataSource._eventsStrategy;
                    that._totalCountCorrection = 0;
                    that._isLoadingAll = false;
                    that.changed = (0, _callbacks.default)();
                    that.loadingChanged = (0, _callbacks.default)();
                    that.loadError = (0, _callbacks.default)();
                    that.customizeStoreLoadOptions = (0, _callbacks.default)();
                    that.changing = (0, _callbacks.default)();
                    that.pushed = (0, _callbacks.default)();
                    that._dataChangedHandler = that._handleDataChanged.bind(that);
                    that._customizeStoreLoadOptionsHandler = that._handleCustomizeStoreLoadOptions.bind(that);
                    that._dataLoadedHandler = that._handleDataLoaded.bind(that);
                    that._loadingChangedHandler = that._handleLoadingChanged.bind(that);
                    that._loadErrorHandler = that._handleLoadError.bind(that);
                    that._pushHandler = that._handlePush.bind(that);
                    that._changingHandler = that._handleChanging.bind(that);
                    dataSource.on("changed", that._dataChangedHandler);
                    dataSource.on("customizeStoreLoadOptions", that._customizeStoreLoadOptionsHandler);
                    dataSource.on("customizeLoadResult", that._dataLoadedHandler);
                    dataSource.on("loadingChanged", that._loadingChangedHandler);
                    dataSource.on("loadError", that._loadErrorHandler);
                    dataSource.on("changing", that._changingHandler);
                    dataSource.store().on("beforePush", that._pushHandler);
                    (0, _iterator.each)(dataSource, (memberName, member) => {
                        if (!that[memberName] && (0, _type.isFunction)(member)) {
                            that[memberName] = function() {
                                return this._dataSource[memberName].apply(this._dataSource, arguments)
                            }
                        }
                    })
                }
                dispose(isSharedDataSource) {
                    const dataSource = this._dataSource;
                    const store = dataSource.store();
                    dataSource.off("changed", this._dataChangedHandler);
                    dataSource.off("customizeStoreLoadOptions", this._customizeStoreLoadOptionsHandler);
                    dataSource.off("customizeLoadResult", this._dataLoadedHandler);
                    dataSource.off("loadingChanged", this._loadingChangedHandler);
                    dataSource.off("loadError", this._loadErrorHandler);
                    dataSource.off("changing", this._changingHandler);
                    store && store.off("beforePush", this._pushHandler);
                    if (!isSharedDataSource) {
                        dataSource.dispose()
                    }
                }
                remoteOperations() {
                    return this._remoteOperations
                }
                refresh(options, operationTypes) {
                    const that = this;
                    const dataSource = that._dataSource;
                    if (operationTypes.reload) {
                        that.resetCurrentTotalCount();
                        that._isLastPage = !dataSource.paginate();
                        that._hasLastPage = that._isLastPage
                    }
                }
                resetCurrentTotalCount() {
                    this._currentTotalCount = 0;
                    this._totalCountCorrection = 0
                }
                resetCache() {
                    this._cachedStoreData = void 0;
                    this._cachedPagingData = void 0
                }
                resetPagesCache(isLiveUpdate) {
                    this._cachedData = (0, _m_data_source_adapter_utils.createEmptyCachedData)()
                }
                _needClearStoreDataCache() {
                    const remoteOperations = this.remoteOperations();
                    const operationTypes = (0, _m_data_source_adapter_utils.calculateOperationTypes)(this._lastLoadOptions || {}, {});
                    const isLocalOperations = Object.keys(remoteOperations).every(operationName => !operationTypes[operationName] || !remoteOperations[operationName]);
                    return !isLocalOperations
                }
                push(changes, fromStore) {
                    const store = this.store();
                    if (this._needClearStoreDataCache()) {
                        this._cachedStoreData = void 0
                    }
                    this._cachedPagingData = void 0;
                    this.resetPagesCache(true);
                    if (this._cachedStoreData) {
                        (0, _array_utils.applyBatch)({
                            keyInfo: store,
                            data: this._cachedStoreData,
                            changes: changes
                        })
                    }
                    if (!fromStore) {
                        this._applyBatch(changes)
                    }
                    this.pushed.fire(changes)
                }
                getDataIndexGetter() {
                    if (!this._dataIndexGetter) {
                        let indexByKey;
                        let storeData;
                        const store = this.store();
                        this._dataIndexGetter = data => {
                            const isCacheUpdated = storeData && storeData !== this._cachedStoreData;
                            if (!indexByKey || isCacheUpdated) {
                                storeData = this._cachedStoreData || [];
                                indexByKey = {};
                                for (let i = 0; i < storeData.length; i++) {
                                    indexByKey[(0, _common.getKeyHash)(store.keyOf(storeData[i]))] = i
                                }
                            }
                            return indexByKey[(0, _common.getKeyHash)(store.keyOf(data))]
                        }
                    }
                    return this._dataIndexGetter
                }
                _getKeyInfo() {
                    return this.store()
                }
                _needToCopyDataObject() {
                    return true
                }
                _applyBatch(changes, fromStore) {
                    const keyInfo = this._getKeyInfo();
                    const dataSource = this._dataSource;
                    const groupCount = _m_utils.default.normalizeSortingInfo(this.group()).length;
                    const isReshapeMode = "reshape" === this.option("editing.refreshMode");
                    const isVirtualMode = "virtual" === this.option("scrolling.mode");
                    changes = changes.filter(change => !dataSource.paginate() || "insert" !== change.type || void 0 !== change.index);
                    const getItemCount = () => groupCount ? this.itemsCount() : this.items().length;
                    const oldItemCount = getItemCount();
                    (0, _array_utils.applyBatch)({
                        keyInfo: keyInfo,
                        data: this._items,
                        changes: changes,
                        groupCount: groupCount,
                        useInsertIndex: true,
                        skipCopying: !this._needToCopyDataObject()
                    });
                    (0, _array_utils.applyBatch)({
                        keyInfo: keyInfo,
                        data: dataSource.items(),
                        changes: changes,
                        groupCount: groupCount,
                        useInsertIndex: true,
                        skipCopying: !this._needToCopyDataObject()
                    });
                    const needUpdateTotalCountCorrection = this._currentTotalCount > 0 || (fromStore || !isReshapeMode) && isVirtualMode;
                    if (needUpdateTotalCountCorrection) {
                        this._totalCountCorrection += getItemCount() - oldItemCount
                    }
                    changes.splice(0, changes.length)
                }
                _handlePush(_ref) {
                    let {
                        changes: changes
                    } = _ref;
                    this.push(changes, true)
                }
                _handleChanging(e) {
                    this.changing.fire(e);
                    this._applyBatch(e.changes, true)
                }
                _needCleanCacheByOperation(operationType, remoteOperations) {
                    const operationTypesByOrder = ["filtering", "sorting", "paging"];
                    const operationTypeIndex = operationTypesByOrder.indexOf(operationType);
                    const currentOperationTypes = operationTypeIndex >= 0 ? operationTypesByOrder.slice(operationTypeIndex) : [operationType];
                    return currentOperationTypes.some(operationType => remoteOperations[operationType])
                }
                _customizeRemoteOperations(options, operationTypes) {
                    let cachedStoreData = this._cachedStoreData;
                    let cachedPagingData = this._cachedPagingData;
                    let cachedData = this._cachedData;
                    if (options.storeLoadOptions.filter && !options.remoteOperations.filtering || options.storeLoadOptions.sort && !options.remoteOperations.sorting) {
                        options.remoteOperations = {
                            filtering: options.remoteOperations.filtering,
                            summary: options.remoteOperations.summary
                        }
                    }
                    if (operationTypes.fullReload) {
                        cachedStoreData = void 0;
                        cachedPagingData = void 0;
                        cachedData = (0, _m_data_source_adapter_utils.createEmptyCachedData)()
                    } else {
                        if (operationTypes.reload) {
                            cachedPagingData = void 0;
                            cachedData = (0, _m_data_source_adapter_utils.createEmptyCachedData)()
                        } else if (operationTypes.groupExpanding) {
                            cachedData = (0, _m_data_source_adapter_utils.createEmptyCachedData)()
                        }(0, _iterator.each)(operationTypes, (operationType, value) => {
                            if (value && this._needCleanCacheByOperation(operationType, options.remoteOperations)) {
                                cachedStoreData = void 0;
                                cachedPagingData = void 0
                            }
                        })
                    }
                    if (cachedPagingData) {
                        options.remoteOperations.paging = false
                    }
                    options.cachedStoreData = cachedStoreData;
                    options.cachedPagingData = cachedPagingData;
                    options.cachedData = cachedData;
                    if (!options.isCustomLoading) {
                        this._cachedStoreData = cachedStoreData;
                        this._cachedPagingData = cachedPagingData;
                        this._cachedData = cachedData
                    }
                }
                _handleCustomizeStoreLoadOptions(options) {
                    var _options$data;
                    this._handleDataLoading(options);
                    if (!(0 === (null === (_options$data = options.data) || void 0 === _options$data ? void 0 : _options$data.length))) {
                        options.data = (0, _m_data_source_adapter_utils.getPageDataFromCache)(options, true) || options.cachedStoreData
                    }
                }
                _handleDataLoading(options) {
                    const dataSource = this._dataSource;
                    const lastLoadOptions = this._lastLoadOptions;
                    this.customizeStoreLoadOptions.fire(options);
                    options.delay = this.option("loadingTimeout");
                    options.originalStoreLoadOptions = options.storeLoadOptions;
                    options.remoteOperations = (0, _extend.extend)({}, this.remoteOperations());
                    const isFullReload = !this.isLoaded() && !this._isRefreshing;
                    if (this.option("integrationOptions.renderedOnServer") && !this.isLoaded()) {
                        options.delay = void 0
                    }
                    const loadOptions = (0, _extend.extend)({
                        pageIndex: this.pageIndex(),
                        pageSize: this.pageSize()
                    }, options.storeLoadOptions);
                    const operationTypes = (0, _m_data_source_adapter_utils.calculateOperationTypes)(loadOptions, lastLoadOptions, isFullReload);
                    this._customizeRemoteOperations(options, operationTypes);
                    if (!options.isCustomLoading) {
                        const isRefreshing = this._isRefreshing;
                        options.pageIndex = dataSource.pageIndex();
                        options.lastLoadOptions = loadOptions;
                        options.operationTypes = operationTypes;
                        this._loadingOperationTypes = operationTypes;
                        this._isRefreshing = true;
                        (0, _deferred.when)(isRefreshing || this._isRefreshed || this.refresh(options, operationTypes)).done(() => {
                            if (this._lastOperationId === options.operationId) {
                                this._isRefreshed = true;
                                this.load().always(() => {
                                    this._isRefreshed = false
                                })
                            }
                        }).fail(() => {
                            dataSource.cancel(options.operationId)
                        }).always(() => {
                            this._isRefreshing = false
                        });
                        dataSource.cancel(this._lastOperationId);
                        this._lastOperationId = options.operationId;
                        if (this._isRefreshing) {
                            dataSource.cancel(this._lastOperationId)
                        }
                    }
                    this._handleDataLoadingCore(options)
                }
                _handleDataLoadingCore(options) {
                    const {
                        remoteOperations: remoteOperations
                    } = options;
                    options.loadOptions = {};
                    const cachedExtra = options.cachedData.extra;
                    const localLoadOptionNames = {
                        filter: !remoteOperations.filtering,
                        sort: !remoteOperations.sorting,
                        group: !remoteOperations.grouping,
                        summary: !remoteOperations.summary,
                        skip: !remoteOperations.paging,
                        take: !remoteOperations.paging,
                        requireTotalCount: cachedExtra && "totalCount" in cachedExtra || !remoteOperations.paging,
                        langParams: !remoteOperations.filtering || !remoteOperations.sorting
                    };
                    (0, _iterator.each)(options.storeLoadOptions, (optionName, optionValue) => {
                        if (localLoadOptionNames[optionName]) {
                            options.loadOptions[optionName] = optionValue;
                            delete options.storeLoadOptions[optionName]
                        }
                    });
                    if (cachedExtra) {
                        options.extra = cachedExtra
                    }
                }
                _handleDataLoaded(options) {
                    const {
                        loadOptions: loadOptions
                    } = options;
                    const localPaging = options.remoteOperations && !options.remoteOperations.paging;
                    const {
                        cachedData: cachedData
                    } = options;
                    const {
                        storeLoadOptions: storeLoadOptions
                    } = options;
                    const needCache = false !== this.option("cacheEnabled") && storeLoadOptions;
                    const needPageCache = needCache && !options.isCustomLoading && cachedData && (!localPaging || storeLoadOptions.group);
                    const needPagingCache = needCache && localPaging;
                    const needStoreCache = needPagingCache && !options.isCustomLoading;
                    if (!loadOptions) {
                        this._dataSource.cancel(options.operationId);
                        return
                    }
                    if (localPaging) {
                        options.skip = loadOptions.skip;
                        options.take = loadOptions.take;
                        delete loadOptions.skip;
                        delete loadOptions.take
                    }
                    if (loadOptions.group) {
                        loadOptions.group = options.group || loadOptions.group
                    }
                    const groupCount = _m_utils.default.normalizeSortingInfo(options.group || storeLoadOptions.group || loadOptions.group).length;
                    if (options.cachedDataPartBegin) {
                        options.data = options.cachedDataPartBegin.concat(options.data)
                    }
                    if (options.cachedDataPartEnd) {
                        options.data = options.data.concat(options.cachedDataPartEnd)
                    }
                    if (!needPageCache || !(0, _m_data_source_adapter_utils.getPageDataFromCache)(options)) {
                        var _options$extra;
                        if (needPagingCache && options.cachedPagingData) {
                            options.data = (0, _m_data_source_adapter_utils.cloneItems)(options.cachedPagingData, groupCount)
                        } else {
                            if (needStoreCache) {
                                if (!this._cachedStoreData) {
                                    this._cachedStoreData = (0, _m_data_source_adapter_utils.cloneItems)(options.data, _m_utils.default.normalizeSortingInfo(storeLoadOptions.group).length)
                                } else if (options.mergeStoreLoadData) {
                                    options.data = this._cachedStoreData = this._cachedStoreData.concat(options.data)
                                }
                            }
                            new _array_store.default(options.data).load(loadOptions).done(data => {
                                options.data = data;
                                if (needStoreCache) {
                                    this._cachedPagingData = (0, _m_data_source_adapter_utils.cloneItems)(options.data, groupCount)
                                }
                            }).fail(error => {
                                options.data = (new _deferred.Deferred).reject(error)
                            })
                        }
                        if (loadOptions.requireTotalCount && localPaging) {
                            options.extra = (0, _type.isPlainObject)(options.extra) ? options.extra : {};
                            options.extra.totalCount = options.data.length
                        }
                        if (options.extra && options.extra.totalCount >= 0 && (false === storeLoadOptions.requireTotalCount || false === loadOptions.requireTotalCount)) {
                            options.extra.totalCount = -1
                        }
                        if (!loadOptions.data && (storeLoadOptions.requireTotalCount || ((null === (_options$extra = options.extra) || void 0 === _options$extra ? void 0 : _options$extra.totalCount) ?? -1) >= 0)) {
                            this._totalCountCorrection = 0
                        }
                        this._handleDataLoadedCore(options);
                        if (needPageCache) {
                            cachedData.extra = cachedData.extra || (0, _extend.extend)({}, options.extra);
                            (0, _deferred.when)(options.data).done(data => {
                                (0, _m_data_source_adapter_utils.setPageDataToCache)(options, data, groupCount)
                            })
                        }
                    }(0, _deferred.when)(options.data).done(() => {
                        if (options.lastLoadOptions) {
                            this._lastLoadOptions = options.lastLoadOptions;
                            Object.keys(options.operationTypes).forEach(operationType => {
                                this._lastOperationTypes[operationType] = this._lastOperationTypes[operationType] || options.operationTypes[operationType]
                            })
                        }
                    });
                    options.storeLoadOptions = options.originalStoreLoadOptions
                }
                _handleDataLoadedCore(options) {
                    if (options.remoteOperations && !options.remoteOperations.paging && Array.isArray(options.data)) {
                        if (void 0 !== options.skip) {
                            options.data = options.data.slice(options.skip)
                        }
                        if (void 0 !== options.take) {
                            options.data = options.data.slice(0, options.take)
                        }
                    }
                }
                _handleLoadingChanged(isLoading) {
                    this.loadingChanged.fire(isLoading)
                }
                _handleLoadError(error) {
                    this.loadError.fire(error);
                    this.changed.fire({
                        changeType: "loadError",
                        error: error
                    })
                }
                _loadPageSize() {
                    return this.pageSize()
                }
                _handleDataChanged(args) {
                    let currentTotalCount;
                    const dataSource = this._dataSource;
                    let isLoading = false;
                    const isDataLoading = !args || (0, _type.isDefined)(args.changeType);
                    const itemsCount = this.itemsCount();
                    if (isDataLoading) {
                        this._isLastPage = !itemsCount || !this._loadPageSize() || itemsCount < this._loadPageSize();
                        if (this._isLastPage) {
                            this._hasLastPage = true
                        }
                    }
                    if (dataSource.totalCount() >= 0) {
                        if (dataSource.pageIndex() >= this.pageCount()) {
                            dataSource.pageIndex(this.pageCount() - 1);
                            this.pageIndex(dataSource.pageIndex());
                            this.resetPagesCache();
                            dataSource.load();
                            isLoading = true
                        }
                    } else if (isDataLoading) {
                        currentTotalCount = dataSource.pageIndex() * this.pageSize() + itemsCount;
                        if (currentTotalCount > this._currentTotalCount) {
                            this._currentTotalCount = currentTotalCount;
                            if (0 === dataSource.pageIndex() || !this.option("scrolling.legacyMode")) {
                                this._totalCountCorrection = 0
                            }
                        }
                        if (0 === itemsCount && dataSource.pageIndex() >= this.pageCount()) {
                            dataSource.pageIndex(this.pageCount() - 1);
                            if ("infinite" !== this.option("scrolling.mode")) {
                                dataSource.load();
                                isLoading = true
                            }
                        }
                    }
                    if (!isLoading) {
                        this._operationTypes = this._lastOperationTypes;
                        this._lastOperationTypes = {};
                        this.component._optionCache = {};
                        this.changed.fire(args);
                        this.component._optionCache = void 0
                    }
                }
                _scheduleCustomLoadCallbacks(deferred) {
                    const that = this;
                    that._isCustomLoading = true;
                    deferred.always(() => {
                        that._isCustomLoading = false
                    })
                }
                loadingOperationTypes() {
                    return this._loadingOperationTypes
                }
                operationTypes() {
                    return this._operationTypes
                }
                lastLoadOptions() {
                    return this._lastLoadOptions || {}
                }
                isLastPage() {
                    return this._isLastPage
                }
                _dataSourceTotalCount() {
                    return this._dataSource.totalCount()
                }
                _changeRowExpandCore(path) {}
                changeRowExpand(path) {}
                totalCount() {
                    return parseInt((this._currentTotalCount || this._dataSourceTotalCount()) + this._totalCountCorrection)
                }
                totalCountCorrection() {
                    return this._totalCountCorrection
                }
                items() {}
                itemsCount() {
                    return this._dataSource.items().length
                }
                totalItemsCount() {
                    return this.totalCount()
                }
                pageSize() {
                    const dataSource = this._dataSource;
                    if (!arguments.length && !dataSource.paginate()) {
                        return 0
                    }
                    return dataSource.pageSize.apply(dataSource, arguments)
                }
                pageCount() {
                    const count = this.totalItemsCount() - this._totalCountCorrection;
                    const pageSize = this.pageSize();
                    if (pageSize && count > 0) {
                        return Math.max(1, Math.ceil(count / pageSize))
                    }
                    return 1
                }
                hasKnownLastPage() {
                    return this._hasLastPage || this._dataSource.totalCount() >= 0
                }
                loadFromStore(loadOptions, store) {
                    const dataSource = this._dataSource;
                    const d = new _deferred.Deferred;
                    if (!dataSource) {
                        return
                    }
                    store = store || dataSource.store();
                    store.load(loadOptions).done((data, extra) => {
                        if (data && !Array.isArray(data) && Array.isArray(data.data)) {
                            extra = data;
                            data = data.data
                        }
                        d.resolve(data, extra)
                    }).fail(d.reject);
                    return d
                }
                isCustomLoading() {
                    return !!this._isCustomLoading
                }
                load(options) {
                    const that = this;
                    const dataSource = that._dataSource;
                    const d = new _deferred.Deferred;
                    if (options) {
                        const store = dataSource.store();
                        const dataSourceLoadOptions = dataSource.loadOptions();
                        const loadResult = {
                            storeLoadOptions: (0, _extend.extend)({}, options, {
                                langParams: null === dataSourceLoadOptions || void 0 === dataSourceLoadOptions ? void 0 : dataSourceLoadOptions.langParams
                            }),
                            isCustomLoading: true
                        };
                        (0, _iterator.each)(store._customLoadOptions() || [], (_, optionName) => {
                            if (!(optionName in loadResult.storeLoadOptions)) {
                                loadResult.storeLoadOptions[optionName] = dataSourceLoadOptions[optionName]
                            }
                        });
                        this._isLoadingAll = options.isLoadingAll;
                        that._scheduleCustomLoadCallbacks(d);
                        dataSource._scheduleLoadCallbacks(d);
                        that._handleCustomizeStoreLoadOptions(loadResult);
                        (0, _m_data_source_adapter_utils.executeTask)(() => {
                            if (!dataSource.store()) {
                                return d.reject("canceled")
                            }(0, _deferred.when)(loadResult.data || that.loadFromStore(loadResult.storeLoadOptions)).done((data, extra) => {
                                loadResult.data = data;
                                loadResult.extra = extra || {};
                                that._handleDataLoaded(loadResult);
                                if (options.requireTotalCount && void 0 === loadResult.extra.totalCount) {
                                    loadResult.extra.totalCount = store.totalCount(loadResult.storeLoadOptions)
                                }(0, _deferred.when)(loadResult.data, loadResult.extra.totalCount).done((data, totalCount) => {
                                    loadResult.extra.totalCount = totalCount;
                                    d.resolve(data, loadResult.extra)
                                }).fail(d.reject)
                            }).fail(d.reject)
                        }, that.option("loadingTimeout"));
                        return d.fail(function() {
                            that._eventsStrategy.fireEvent("loadError", arguments)
                        }).always(() => {
                            this._isLoadingAll = false
                        }).promise()
                    }
                    return dataSource.load()
                }
                reload(full) {
                    return full ? this._dataSource.reload() : this._dataSource.load()
                }
                getCachedStoreData() {
                    return this._cachedStoreData
                }
                isLoaded() {}
                pageIndex(pageIndex) {}
            }
            exports.default = DataSourceAdapter
        },
        39394(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.updatePagingOptionsByCache = exports.setPageDataToCache = exports.getPageDataFromCache = exports.getItemFromCache = exports.getGroupItemFromCache = exports.getCacheItem = exports.fillItemsFromCache = exports.executeTask = exports.createEmptyCachedData = exports.cloneItems = exports.calculateOperationTypes = void 0;
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _m_common = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/m_common */ 39315));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const cloneItems = function(items, groupCount) {
                if (items) {
                    items = items.slice(0);
                    if (groupCount) {
                        for (let i = 0; i < items.length; i++) {
                            items[i] = (0, _extend.extend)({
                                key: items[i].key
                            }, items[i]);
                            items[i].items = cloneItems(items[i].items, groupCount - 1)
                        }
                    }
                }
                return items
            };
            exports.cloneItems = cloneItems;
            exports.calculateOperationTypes = function(loadOptions, lastLoadOptions, isFullReload) {
                let operationTypes = {
                    reload: true,
                    fullReload: true
                };
                if (lastLoadOptions) {
                    operationTypes = {
                        sorting: !_m_utils.default.equalSortParameters(loadOptions.sort, lastLoadOptions.sort),
                        grouping: !_m_utils.default.equalSortParameters(loadOptions.group, lastLoadOptions.group, true),
                        groupExpanding: !_m_utils.default.equalSortParameters(loadOptions.group, lastLoadOptions.group) || lastLoadOptions.groupExpand,
                        filtering: !_m_utils.default.equalFilterParameters(loadOptions.filter, lastLoadOptions.filter, loadOptions.langParams),
                        pageIndex: loadOptions.pageIndex !== lastLoadOptions.pageIndex,
                        skip: loadOptions.skip !== lastLoadOptions.skip,
                        take: loadOptions.take !== lastLoadOptions.take,
                        pageSize: loadOptions.pageSize !== lastLoadOptions.pageSize,
                        fullReload: isFullReload,
                        reload: false,
                        paging: false
                    };
                    operationTypes.reload = isFullReload || operationTypes.sorting || operationTypes.grouping || operationTypes.filtering;
                    operationTypes.paging = operationTypes.pageIndex || operationTypes.pageSize || operationTypes.take
                }
                return operationTypes
            };
            exports.executeTask = function(action, timeout) {
                if ((0, _type.isDefined)(timeout)) {
                    _m_common.default.executeAsync(action, timeout)
                } else {
                    action()
                }
            };
            exports.createEmptyCachedData = function() {
                return {
                    items: {}
                }
            };
            exports.getPageDataFromCache = function(options, updatePaging) {
                const groupCount = _m_utils.default.normalizeSortingInfo(options.group || options.storeLoadOptions.group || options.loadOptions.group).length;
                const items = [];
                if (fillItemsFromCache(items, options, groupCount)) {
                    return items
                }
                if (updatePaging) {
                    updatePagingOptionsByCache(items, options, groupCount)
                }
            };
            const fillItemsFromCache = function(items, options, groupCount, fromEnd) {
                var _options$cachedData;
                const {
                    storeLoadOptions: storeLoadOptions
                } = options;
                const take = options.take ?? storeLoadOptions.take ?? 0;
                const cachedItems = null === (_options$cachedData = options.cachedData) || void 0 === _options$cachedData ? void 0 : _options$cachedData.items;
                if (take && cachedItems) {
                    const skip = options.skip ?? storeLoadOptions.skip ?? 0;
                    for (let i = 0; i < take; i += 1) {
                        const localIndex = fromEnd ? take - 1 - i : i;
                        const cacheItemIndex = localIndex + skip;
                        const cacheItem = cachedItems[cacheItemIndex];
                        if (void 0 === cacheItem && cacheItemIndex in cachedItems) {
                            return true
                        }
                        const item = getItemFromCache(options, cacheItem, groupCount, localIndex, take);
                        if (item) {
                            items.push(item)
                        } else {
                            return false
                        }
                    }
                    return true
                }
                return false
            };
            exports.fillItemsFromCache = fillItemsFromCache;
            const getItemFromCache = function(options, cacheItem, groupCount, index, take) {
                if (groupCount && cacheItem) {
                    const skips = 0 === index && options.skips || [];
                    const takes = index === take - 1 && options.takes || [];
                    return getGroupItemFromCache(cacheItem, groupCount, skips, takes)
                }
                return cacheItem
            };
            exports.getItemFromCache = getItemFromCache;
            const getGroupItemFromCache = function(cacheItem, groupCount, skips, takes) {
                if (groupCount && cacheItem) {
                    const result = Object.assign({}, cacheItem);
                    const skip = skips[0] || 0;
                    const take = takes[0];
                    const {
                        items: items
                    } = cacheItem;
                    if (items) {
                        if (void 0 === take && !items[skip]) {
                            return
                        }
                        result.items = [];
                        if (skips.length) {
                            result.isContinuation = true
                        }
                        if (take) {
                            result.isContinuationOnNextPage = cacheItem.count > take
                        }
                        for (let i = 0; void 0 === take ? items[i + skip] : i < take; i += 1) {
                            const childCacheItem = items[i + skip];
                            const isLast = i + 1 === take;
                            const item = getGroupItemFromCache(childCacheItem, groupCount - 1, 0 === i ? skips.slice(1) : [], isLast ? takes.slice(1) : []);
                            if (void 0 !== item) {
                                result.items.push(item)
                            } else {
                                return
                            }
                        }
                    }
                    return result
                }
                return cacheItem
            };
            exports.getGroupItemFromCache = getGroupItemFromCache;
            const updatePagingOptionsByCache = function(cacheItemsFromBegin, options, groupCount) {
                const cacheItemBeginCount = cacheItemsFromBegin.length;
                const {
                    storeLoadOptions: storeLoadOptions
                } = options;
                if (void 0 !== storeLoadOptions.skip && storeLoadOptions.take && !groupCount) {
                    const cacheItemsFromEnd = [];
                    fillItemsFromCache(cacheItemsFromEnd, options, groupCount, true);
                    const cacheItemEndCount = cacheItemsFromEnd.length;
                    if (cacheItemBeginCount || cacheItemEndCount) {
                        options.skip = options.skip ?? storeLoadOptions.skip;
                        options.take = options.take ?? storeLoadOptions.take
                    }
                    if (cacheItemBeginCount) {
                        storeLoadOptions.skip += cacheItemBeginCount;
                        storeLoadOptions.take -= cacheItemBeginCount;
                        options.cachedDataPartBegin = cacheItemsFromBegin
                    }
                    if (cacheItemEndCount) {
                        storeLoadOptions.take -= cacheItemEndCount;
                        options.cachedDataPartEnd = cacheItemsFromEnd.reverse()
                    }
                }
            };
            exports.updatePagingOptionsByCache = updatePagingOptionsByCache;
            exports.setPageDataToCache = function(options, data, groupCount) {
                const {
                    storeLoadOptions: storeLoadOptions
                } = options;
                const skip = options.skip ?? storeLoadOptions.skip ?? 0;
                const take = options.take ?? storeLoadOptions.take ?? 0;
                for (let i = 0; i < take; i += 1) {
                    const globalIndex = i + skip;
                    const cacheItems = options.cachedData.items;
                    const skips = 0 === i && options.skips || [];
                    cacheItems[globalIndex] = getCacheItem(cacheItems[globalIndex], data[i], groupCount, skips)
                }
            };
            const getCacheItem = function(cacheItem, loadedItem, groupCount, skips) {
                if (groupCount && loadedItem) {
                    const result = Object.assign({}, loadedItem);
                    delete result.isContinuation;
                    delete result.isContinuationOnNextPage;
                    const skip = skips[0] || 0;
                    if (loadedItem.items) {
                        result.items = (null === cacheItem || void 0 === cacheItem ? void 0 : cacheItem.items) || {};
                        loadedItem.items.forEach((item, index) => {
                            const globalIndex = index + skip;
                            const childSkips = 0 === index ? skips.slice(1) : [];
                            result.items[globalIndex] = getCacheItem(result.items[globalIndex], item, groupCount - 1, childSkips)
                        })
                    }
                    return result
                }
                return loadedItem
            };
            exports.getCacheItem = getCacheItem
        },
        69699(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.VIEWPORT_TOP_NEW_ROW_POSITION = exports.VIEWPORT_BOTTOM_NEW_ROW_POSITION = exports.TARGET_COMPONENT_NAME = exports.ROW_SELECTED_CLASS = exports.ROW_SELECTED = exports.ROW_REMOVED = exports.ROW_MODIFIED = exports.ROW_INSERTED = exports.ROW_CLASS = exports.ROW_BASED_MODES = exports.REQUIRED_EDITOR_LABELLEDBY_MODES = exports.READONLY_CLASS = exports.PAGE_TOP_NEW_ROW_POSITION = exports.PAGE_BOTTOM_NEW_ROW_POSITION = exports.MODES_WITH_DELAYED_FOCUS = exports.METHOD_NAMES = exports.LINK_ICON_CLASS = exports.LINK_CLASS = exports.LAST_NEW_ROW_POSITION = exports.INSERT_INDEX = exports.FORM_BUTTONS_CONTAINER_CLASS = exports.FOCUS_OVERLAY_CLASS = exports.FOCUSABLE_ELEMENT_SELECTOR = exports.FOCUSABLE_ELEMENT_CLASS = exports.FIRST_NEW_ROW_POSITION = exports.FILTER_ROW_CLASS = exports.EDIT_ROW = exports.EDIT_POPUP_FORM_CLASS = exports.EDIT_POPUP_CLASS = exports.EDIT_MODE_ROW = exports.EDIT_MODE_POPUP = exports.EDIT_MODE_FORM = exports.EDIT_MODE_CELL = exports.EDIT_MODE_BATCH = exports.EDIT_MODES = exports.EDIT_LINK_CLASS = exports.EDIT_ICON_CLASS = exports.EDIT_FORM_ITEM_CLASS = exports.EDIT_FORM_CLASS = exports.EDIT_BUTTON_CLASS = exports.EDITOR_CELL_CLASS = exports.EDITORS_TEXTAREA_SELECTOR = exports.EDITORS_INPUT_SELECTOR = exports.EDITING_POPUP_OPTION_NAME = exports.EDITING_NAMESPACE = exports.EDITING_FORM_OPTION_NAME = exports.EDITING_EDITROWKEY_OPTION_NAME = exports.EDITING_EDITCOLUMNNAME_OPTION_NAME = exports.EDITING_CHANGES_OPTION_NAME = exports.DROPDOWN_EDITOR_OVERLAY_CLASS = exports.DEFAULT_START_EDIT_ACTION = exports.DATA_ROW_CLASS = exports.DATA_EDIT_DATA_UPDATE_TYPE = exports.DATA_EDIT_DATA_REMOVE_TYPE = exports.DATA_EDIT_DATA_INSERT_TYPE = exports.COMMAND_EDIT_WITH_ICONS_CLASS = exports.COMMAND_EDIT_CLASS = exports.CELL_MODIFIED_CLASS = exports.CELL_MODIFIED = exports.CELL_FOCUS_DISABLED_CLASS = exports.CELL_BASED_MODES = exports.BUTTON_NAMES = exports.BUTTON_CLASS = exports.ADD_ROW_BUTTON_CLASS = exports.ACTION_OPTION_NAMES = void 0;
            exports.EDITOR_CELL_CLASS = "dx-editor-cell";
            exports.ROW_CLASS = "dx-row";
            exports.CELL_MODIFIED_CLASS = "dx-cell-modified";
            exports.ROW_SELECTED_CLASS = "dx-selection";
            exports.EDIT_FORM_CLASS = "edit-form";
            exports.DATA_EDIT_DATA_INSERT_TYPE = "insert";
            exports.DATA_EDIT_DATA_REMOVE_TYPE = "remove";
            exports.EDITING_POPUP_OPTION_NAME = "editing.popup";
            exports.EDITING_FORM_OPTION_NAME = "editing.form";
            exports.EDITING_EDITROWKEY_OPTION_NAME = "editing.editRowKey";
            exports.EDITING_EDITCOLUMNNAME_OPTION_NAME = "editing.editColumnName";
            exports.TARGET_COMPONENT_NAME = "targetComponent";
            const EDITORS_TEXTAREA_SELECTOR = exports.EDITORS_TEXTAREA_SELECTOR = "textarea:not([hidden])";
            const EDITORS_INPUT_SELECTOR = exports.EDITORS_INPUT_SELECTOR = "input:not([type='hidden'])";
            exports.FOCUSABLE_ELEMENT_SELECTOR = `[tabindex]:not([disabled]), ${EDITORS_INPUT_SELECTOR}:not([disabled]), ${EDITORS_TEXTAREA_SELECTOR}:not([disabled])`;
            const EDIT_MODE_BATCH = exports.EDIT_MODE_BATCH = "batch";
            const EDIT_MODE_ROW = exports.EDIT_MODE_ROW = "row";
            const EDIT_MODE_CELL = exports.EDIT_MODE_CELL = "cell";
            const EDIT_MODE_FORM = exports.EDIT_MODE_FORM = "form";
            const EDIT_MODE_POPUP = exports.EDIT_MODE_POPUP = "popup";
            exports.FIRST_NEW_ROW_POSITION = "first";
            exports.LAST_NEW_ROW_POSITION = "last";
            exports.PAGE_BOTTOM_NEW_ROW_POSITION = "pageBottom";
            exports.PAGE_TOP_NEW_ROW_POSITION = "pageTop";
            exports.VIEWPORT_BOTTOM_NEW_ROW_POSITION = "viewportBottom";
            exports.VIEWPORT_TOP_NEW_ROW_POSITION = "viewportTop";
            exports.EDIT_MODES = [EDIT_MODE_BATCH, EDIT_MODE_ROW, EDIT_MODE_CELL, EDIT_MODE_FORM, EDIT_MODE_POPUP];
            exports.ROW_BASED_MODES = [EDIT_MODE_ROW, EDIT_MODE_FORM, EDIT_MODE_POPUP];
            exports.CELL_BASED_MODES = [EDIT_MODE_BATCH, EDIT_MODE_CELL];
            exports.REQUIRED_EDITOR_LABELLEDBY_MODES = [EDIT_MODE_BATCH, EDIT_MODE_ROW, EDIT_MODE_CELL];
            exports.MODES_WITH_DELAYED_FOCUS = [EDIT_MODE_ROW, EDIT_MODE_FORM];
            exports.READONLY_CLASS = "readonly";
            exports.LINK_CLASS = "dx-link";
            exports.LINK_ICON_CLASS = "dx-link-icon";
            exports.ROW_SELECTED = "dx-selection";
            exports.EDIT_BUTTON_CLASS = "dx-edit-button";
            const COMMAND_EDIT_CLASS = exports.COMMAND_EDIT_CLASS = "dx-command-edit";
            exports.COMMAND_EDIT_WITH_ICONS_CLASS = `${COMMAND_EDIT_CLASS}-with-icons`;
            exports.INSERT_INDEX = "__DX_INSERT_INDEX__";
            exports.ROW_INSERTED = "dx-row-inserted";
            exports.ROW_MODIFIED = "dx-row-modified";
            exports.CELL_MODIFIED = "dx-cell-modified";
            exports.EDITING_NAMESPACE = "dxDataGridEditing";
            exports.CELL_FOCUS_DISABLED_CLASS = "dx-cell-focus-disabled";
            exports.DATA_EDIT_DATA_UPDATE_TYPE = "update";
            exports.DEFAULT_START_EDIT_ACTION = "click";
            exports.EDIT_LINK_CLASS = {
                save: "dx-link-save",
                cancel: "dx-link-cancel",
                edit: "dx-link-edit",
                undelete: "dx-link-undelete",
                delete: "dx-link-delete",
                add: "dx-link-add"
            };
            exports.EDIT_ICON_CLASS = {
                save: "save",
                cancel: "revert",
                edit: "edit",
                undelete: "revert",
                delete: "trash",
                add: "add"
            };
            exports.METHOD_NAMES = {
                edit: "editRow",
                delete: "deleteRow",
                undelete: "undeleteRow",
                save: "saveEditData",
                cancel: "cancelEditData",
                add: "addRowByRowIndex"
            };
            exports.ACTION_OPTION_NAMES = {
                add: "allowAdding",
                edit: "allowUpdating",
                delete: "allowDeleting"
            };
            exports.BUTTON_NAMES = ["edit", "save", "cancel", "delete", "undelete"];
            exports.EDITING_CHANGES_OPTION_NAME = "editing.changes";
            exports.FOCUS_OVERLAY_CLASS = "focus-overlay";
            exports.ADD_ROW_BUTTON_CLASS = "addrow-button";
            exports.DROPDOWN_EDITOR_OVERLAY_CLASS = "dx-dropdowneditor-overlay";
            exports.DATA_ROW_CLASS = "dx-data-row";
            exports.ROW_REMOVED = "dx-row-removed";
            exports.FILTER_ROW_CLASS = "filter-row";
            exports.EDIT_FORM_ITEM_CLASS = "edit-form-item";
            exports.EDIT_POPUP_CLASS = "edit-popup";
            exports.EDIT_POPUP_FORM_CLASS = "edit-popup-form";
            exports.FOCUSABLE_ELEMENT_CLASS = "dx-scrollable-container";
            exports.BUTTON_CLASS = "dx-button";
            exports.FORM_BUTTONS_CONTAINER_CLASS = "form-buttons-container";
            exports.EDIT_ROW = "dx-edit-row"
        },
        13876(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.editingModule = exports.dataControllerEditingExtenderMixin = void 0;
            var _click = __webpack_require__( /*! ../../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/pointer */ 89797));
            var _remove = __webpack_require__( /*! ../../../../common/core/events/remove */ 28630);
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _array_utils = __webpack_require__( /*! ../../../../common/data/array_utils */ 43792);
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../../core/devices */ 65951));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../../core/dom_adapter */ 64960));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var iconUtils = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../../../core/utils/icon */ 69629));
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _object = __webpack_require__( /*! ../../../../core/utils/object */ 22263);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _dialog = __webpack_require__( /*! ../../../../ui/dialog */ 35757);
            var _themes = __webpack_require__( /*! ../../../../ui/themes */ 52071);
            var _m_dom = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/m_dom */ 76400));
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _const = __webpack_require__( /*! ./const */ 69699);
            var _m_editing_utils = __webpack_require__( /*! ./m_editing_utils */ 1414);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class EditingControllerImpl extends _m_modules.default.ViewController {
                init() {
                    this._columnsController = this.getController("columns");
                    this._dataController = this.getController("data");
                    this._adaptiveColumnsController = this.getController("adaptiveColumns");
                    this._validatingController = this.getController("validating");
                    this._editorFactoryController = this.getController("editorFactory");
                    this._focusController = this.getController("focus");
                    this._keyboardNavigationController = this.getController("keyboardNavigation");
                    this._columnsResizerController = this.getController("columnsResizer");
                    this._errorHandlingController = this.getController("errorHandling");
                    this._rowsView = this.getView("rowsView");
                    this._headerPanelView = this.getView("headerPanel");
                    this._lastOperation = null;
                    this._changes = [];
                    if (this._deferreds) {
                        this._deferreds.forEach(d => {
                            d.reject("cancel")
                        })
                    }
                    this._deferreds = [];
                    if (!this._dataChangedHandler) {
                        this._dataChangedHandler = this._handleDataChanged.bind(this);
                        this._dataController.changed.add(this._dataChangedHandler)
                    }
                    if (!this._saveEditorHandler) {
                        this.createAction("onInitNewRow", {
                            excludeValidators: ["disabled", "readOnly"]
                        });
                        this.createAction("onRowInserting", {
                            excludeValidators: ["disabled", "readOnly"]
                        });
                        this.createAction("onRowInserted", {
                            excludeValidators: ["disabled", "readOnly"]
                        });
                        this.createAction("onEditingStart", {
                            excludeValidators: ["disabled", "readOnly"]
                        });
                        this.createAction("onRowUpdating", {
                            excludeValidators: ["disabled", "readOnly"]
                        });
                        this.createAction("onRowUpdated", {
                            excludeValidators: ["disabled", "readOnly"]
                        });
                        this.createAction("onRowRemoving", {
                            excludeValidators: ["disabled", "readOnly"]
                        });
                        this.createAction("onRowRemoved", {
                            excludeValidators: ["disabled", "readOnly"]
                        });
                        this.createAction("onSaved", {
                            excludeValidators: ["disabled", "readOnly"]
                        });
                        this.createAction("onSaving", {
                            excludeValidators: ["disabled", "readOnly"]
                        });
                        this.createAction("onEditCanceling", {
                            excludeValidators: ["disabled", "readOnly"]
                        });
                        this.createAction("onEditCanceled", {
                            excludeValidators: ["disabled", "readOnly"]
                        })
                    }
                    this._updateEditColumn();
                    this._updateEditButtons();
                    if (!this._internalState) {
                        this._internalState = new Map
                    }
                    this.component._optionsByReference[_const.EDITING_EDITROWKEY_OPTION_NAME] = true;
                    this.component._optionsByReference[_const.EDITING_CHANGES_OPTION_NAME] = true
                }
                getEditMode() {
                    const editMode = this.option("editing.mode") ?? _const.EDIT_MODE_ROW;
                    if (_const.EDIT_MODES.includes(editMode)) {
                        return editMode
                    }
                    return _const.EDIT_MODE_ROW
                }
                isCellBasedEditMode() {
                    const editMode = this.getEditMode();
                    return _const.CELL_BASED_MODES.includes(editMode)
                }
                _getDefaultEditorTemplate() {
                    return (container, options) => {
                        const $editor = (0, _renderer.default)("<div>").appendTo(container);
                        const editorOptions = (0, _extend.extend)({}, options.column, {
                            value: options.value,
                            setValue: options.setValue,
                            row: options.row,
                            parentType: "dataRow",
                            width: null,
                            readOnly: !options.setValue,
                            isOnForm: options.isOnForm,
                            id: options.id
                        });
                        const needLabel = _const.REQUIRED_EDITOR_LABELLEDBY_MODES.includes(this.getEditMode());
                        if (needLabel) {
                            editorOptions["aria-labelledby"] = options.column.headerId
                        }
                        this._editorFactoryController.createEditor($editor, editorOptions)
                    }
                }
                _getNewRowPosition() {
                    const newRowPosition = this.option("editing.newRowPosition");
                    const scrollingMode = this.option("scrolling.mode");
                    if ("virtual" === scrollingMode) {
                        switch (newRowPosition) {
                            case _const.PAGE_TOP_NEW_ROW_POSITION:
                                return _const.VIEWPORT_TOP_NEW_ROW_POSITION;
                            case _const.PAGE_BOTTOM_NEW_ROW_POSITION:
                                return _const.VIEWPORT_BOTTOM_NEW_ROW_POSITION;
                            default:
                                return newRowPosition
                        }
                    }
                    return newRowPosition
                }
                getChanges() {
                    return this.option(_const.EDITING_CHANGES_OPTION_NAME)
                }
                getInsertRowCount() {
                    const changes = this.option(_const.EDITING_CHANGES_OPTION_NAME);
                    return changes.filter(change => "insert" === change.type).length
                }
                resetChanges() {
                    const changes = this.getChanges();
                    const needReset = null === changes || void 0 === changes ? void 0 : changes.length;
                    if (needReset) {
                        this._silentOption(_const.EDITING_CHANGES_OPTION_NAME, []);
                        this._internalState.clear()
                    }
                }
                _getInternalData(key) {
                    return this._internalState.get((0, _common.getKeyHash)(key))
                }
                _addInternalData(params) {
                    const internalData = this._getInternalData(params.key) ?? {};
                    this._internalState.set((0, _common.getKeyHash)(params.key), Object.assign({}, internalData, params));
                    return params
                }
                _getOldData(key) {
                    var _this$_getInternalDat;
                    return null === (_this$_getInternalDat = this._getInternalData(key)) || void 0 === _this$_getInternalDat ? void 0 : _this$_getInternalDat.oldData
                }
                getUpdatedData(data) {
                    const key = this._dataController.keyOf(data);
                    const changes = this.getChanges();
                    const editIndex = _m_utils.default.getIndexByKey(key, changes);
                    if (changes[editIndex]) {
                        return (0, _array_utils.createObjectWithChanges)(data, changes[editIndex].data)
                    }
                    return data
                }
                getInsertedData() {
                    return this.getChanges().filter(change => change.data && change.type === _const.DATA_EDIT_DATA_INSERT_TYPE).map(change => change.data)
                }
                getRemovedData() {
                    return this.getChanges().filter(change => this._getOldData(change.key) && change.type === _const.DATA_EDIT_DATA_REMOVE_TYPE).map(change => this._getOldData(change.key))
                }
                _fireDataErrorOccurred(arg) {
                    if ("cancel" === arg) {
                        return
                    }
                    const $popupContent = this.getPopupContent();
                    this._dataController.dataErrorOccurred.fire(arg, $popupContent)
                }
                _needToCloseEditableCell($targetElement) {}
                _closeEditItem($targetElement) {}
                _handleDataChanged(args) {}
                _isDefaultButtonVisible(button, options) {
                    let result = true;
                    switch (button.name) {
                        case "delete":
                            result = this.allowDeleting(options);
                            break;
                        case "undelete":
                            result = false
                    }
                    return result
                }
                isPopupEditMode() {
                    const editMode = this.option("editing.mode");
                    return editMode === _const.EDIT_MODE_POPUP
                }
                _isButtonVisible(button, options) {
                    const {
                        visible: visible
                    } = button;
                    if (!(0, _type.isDefined)(visible)) {
                        return this._isDefaultButtonVisible(button, options)
                    }
                    return (0, _type.isFunction)(visible) ? visible.call(button, {
                        component: options.component,
                        row: options.row,
                        column: options.column
                    }) : visible
                }
                _isButtonDisabled(button, options) {
                    const {
                        disabled: disabled
                    } = button;
                    return (0, _type.isFunction)(disabled) ? disabled.call(button, {
                        component: options.component,
                        row: options.row,
                        column: options.column
                    }) : !!disabled
                }
                _getButtonConfig(button, options) {
                    const config = (0, _type.isObject)(button) ? button : {};
                    const buttonName = (0, _m_editing_utils.getButtonName)(button);
                    const editingTexts = (0, _m_editing_utils.getEditingTexts)(options);
                    const methodName = _const.METHOD_NAMES[buttonName];
                    const editingOptions = this.option("editing");
                    const actionName = _const.ACTION_OPTION_NAMES[buttonName];
                    const allowAction = actionName ? editingOptions[actionName] : true;
                    return (0, _extend.extend)({
                        name: buttonName,
                        text: editingTexts[buttonName],
                        cssClass: _const.EDIT_LINK_CLASS[buttonName]
                    }, {
                        onClick: methodName && (e => {
                            const {
                                event: event
                            } = e;
                            event.stopPropagation();
                            event.preventDefault();
                            setTimeout(() => {
                                options.row && allowAction && this[methodName] && this[methodName](options.row.rowIndex)
                            })
                        })
                    }, config)
                }
                _getEditingButtons(options) {
                    let buttonIndex;
                    const haveCustomButtons = !!options.column.buttons;
                    let buttons = (options.column.buttons || []).slice();
                    if (haveCustomButtons) {
                        buttonIndex = (0, _m_editing_utils.getButtonIndex)(buttons, "edit");
                        if (buttonIndex >= 0) {
                            if ((0, _m_editing_utils.getButtonIndex)(buttons, "save") < 0) {
                                buttons.splice(buttonIndex + 1, 0, "save")
                            }
                            if ((0, _m_editing_utils.getButtonIndex)(buttons, "cancel") < 0) {
                                buttons.splice((0, _m_editing_utils.getButtonIndex)(buttons, "save") + 1, 0, "cancel")
                            }
                        }
                        buttonIndex = (0, _m_editing_utils.getButtonIndex)(buttons, "delete");
                        if (buttonIndex >= 0 && (0, _m_editing_utils.getButtonIndex)(buttons, "undelete") < 0) {
                            buttons.splice(buttonIndex + 1, 0, "undelete")
                        }
                    } else {
                        buttons = _const.BUTTON_NAMES.slice()
                    }
                    return buttons.map(button => this._getButtonConfig(button, options))
                }
                _renderEditingButtons($container, buttons, options, change) {
                    buttons.forEach(button => {
                        if (this._isButtonVisible(button, options)) {
                            this._createButton($container, button, options, change)
                        }
                    })
                }
                _getEditCommandCellTemplate() {
                    return (container, options, change) => {
                        const $container = (0, _renderer.default)(container);
                        if ("data" === options.rowType) {
                            const buttons = this._getEditingButtons(options);
                            this._renderEditingButtons($container, buttons, options, change);
                            if (options.watch) {
                                const dispose = options.watch(() => buttons.map(button => ({
                                    visible: this._isButtonVisible(button, options),
                                    disabled: this._isButtonDisabled(button, options)
                                })), () => {
                                    $container.empty();
                                    this._renderEditingButtons($container, buttons, options)
                                });
                                _events_engine.default.on($container, _remove.removeEvent, dispose)
                            }
                        } else {
                            _m_utils.default.setEmptyText($container)
                        }
                    }
                }
                isRowBasedEditMode() {
                    const editMode = this.getEditMode();
                    return _const.ROW_BASED_MODES.includes(editMode)
                }
                getFirstEditableColumnIndex() {
                    let columnIndex;
                    const visibleColumns = this._columnsController.getVisibleColumns();
                    (0, _iterator.each)(visibleColumns, (index, column) => {
                        if (column.allowEditing) {
                            columnIndex = index;
                            return false
                        }
                    });
                    return columnIndex
                }
                getFirstEditableCellInRow(rowIndex) {
                    var _this$_rowsView;
                    const columnIndex = this.getFirstEditableColumnIndex();
                    return null === (_this$_rowsView = this._rowsView) || void 0 === _this$_rowsView ? void 0 : _this$_rowsView._getCellElement(rowIndex || 0, columnIndex)
                }
                getFocusedCellInRow(rowIndex) {
                    return this.getFirstEditableCellInRow(rowIndex)
                }
                getIndexByKey(key, items) {
                    return _m_utils.default.getIndexByKey(key, items)
                }
                hasChanges(rowIndex) {
                    const changes = this.getChanges();
                    let result = false;
                    for (let i = 0; i < (null === changes || void 0 === changes ? void 0 : changes.length); i++) {
                        if (changes[i].type && (!(0, _type.isDefined)(rowIndex) || this._dataController.getRowIndexByKey(changes[i].key) === rowIndex)) {
                            result = true;
                            break
                        }
                    }
                    return result
                }
                dispose() {
                    super.dispose();
                    clearTimeout(this._inputFocusTimeoutID);
                    _events_engine.default.off(_dom_adapter.default.getDocument(), _pointer.default.up, this._pointerUpEditorHandler);
                    _events_engine.default.off(_dom_adapter.default.getDocument(), _pointer.default.down, this._pointerDownEditorHandler);
                    _events_engine.default.off(_dom_adapter.default.getDocument(), _click.name, this._saveEditorHandler)
                }
                _silentOption(name, value) {
                    if ("editing.changes" === name) {
                        this._changes = (0, _object.deepExtendArraySafe)([], value)
                    }
                    super._silentOption(name, value)
                }
                optionChanged(args) {
                    if ("editing" === args.name) {
                        const {
                            fullName: fullName
                        } = args;
                        if (fullName === _const.EDITING_EDITROWKEY_OPTION_NAME) {
                            this._handleEditRowKeyChange(args)
                        } else if (fullName === _const.EDITING_CHANGES_OPTION_NAME) {
                            const isEqual = (0, _common.equalByValue)(args.value, this._changes, {
                                maxDepth: 4
                            });
                            if (!isEqual) {
                                this._changes = (0, _object.deepExtendArraySafe)([], args.value);
                                this._handleChangesChange(args)
                            }
                        } else if (!args.handled) {
                            this._columnsController.reinit();
                            this.init();
                            this.resetChanges();
                            this._resetEditColumnName();
                            this._resetEditRowKey()
                        }
                        args.handled = true
                    } else {
                        super.optionChanged(args)
                    }
                }
                _handleEditRowKeyChange(args) {
                    const rowIndex = this._dataController.getRowIndexByKey(args.value);
                    const oldRowIndexCorrection = this._getEditRowIndexCorrection();
                    const oldRowIndex = this._dataController.getRowIndexByKey(args.previousValue) + oldRowIndexCorrection;
                    if ((0, _type.isDefined)(args.value)) {
                        if (args.value !== args.previousValue) {
                            this._editRowFromOptionChanged(rowIndex, oldRowIndex)
                        }
                    } else {
                        this.cancelEditData()
                    }
                }
                _handleChangesChange(args) {
                    const dataController = this._dataController;
                    const changes = args.value;
                    if (!args.value.length && !args.previousValue.length) {
                        return
                    }
                    changes.forEach(change => {
                        if ("insert" === change.type) {
                            this._addInsertInfo(change)
                        } else {
                            var _dataController$items;
                            const items = dataController.getCachedStoreData() || (null === (_dataController$items = dataController.items()) || void 0 === _dataController$items ? void 0 : _dataController$items.map(item => item.data));
                            const rowIndex = _m_utils.default.getIndexByKey(change.key, items, dataController.key());
                            this._addInternalData({
                                key: change.key,
                                oldData: items[rowIndex]
                            })
                        }
                    });
                    dataController.updateItems({
                        repaintChangesOnly: true,
                        isLiveUpdate: false,
                        isOptionChanged: true
                    })
                }
                publicMethods() {
                    return ["addRow", "deleteRow", "undeleteRow", "editRow", "saveEditData", "cancelEditData", "hasEditData"]
                }
                refresh() {
                    if (!(0, _type.isDefined)(this._pageIndex)) {
                        return
                    }
                    this._refreshCore.apply(this, arguments)
                }
                _refreshCore(params) {}
                isEditing() {
                    const isEditRowKeyDefined = (0, _type.isDefined)(this.option(_const.EDITING_EDITROWKEY_OPTION_NAME));
                    return isEditRowKeyDefined
                }
                isEditRow(rowIndex) {
                    return false
                }
                _setEditRowKey(value, silent) {
                    if (silent) {
                        this._silentOption(_const.EDITING_EDITROWKEY_OPTION_NAME, value)
                    } else {
                        this.option(_const.EDITING_EDITROWKEY_OPTION_NAME, value)
                    }
                    if (this._refocusEditCell) {
                        this._refocusEditCell = false;
                        this._focusEditingCell()
                    }
                }
                getEditRowIndex() {
                    return this._getVisibleEditRowIndex()
                }
                getEditFormRowIndex() {
                    return -1
                }
                isEditRowByIndex(rowIndex) {
                    const key = this._dataController.getKeyByRowIndex(rowIndex);
                    const isKeyEqual = (0, _type.isDefined)(key) && (0, _common.equalByValue)(this.option(_const.EDITING_EDITROWKEY_OPTION_NAME), key);
                    if (isKeyEqual) {
                        return this._getVisibleEditRowIndex() === rowIndex
                    }
                    return isKeyEqual
                }
                isEditCell(visibleRowIndex, columnIndex) {
                    return this.isEditRowByIndex(visibleRowIndex) && this._getVisibleEditColumnIndex() === columnIndex
                }
                getPopupContent() {}
                _isProcessedItem(item) {
                    return false
                }
                _getInsertRowIndex(items, change, isProcessedItems) {
                    let result = -1;
                    const dataController = this._dataController;
                    const key = this._getInsertAfterOrBeforeKey(change);
                    if (!(0, _type.isDefined)(key) && 0 === items.length) {
                        result = 0
                    } else if ((0, _type.isDefined)(key)) {
                        items.some((item, index) => {
                            const isProcessedItem = isProcessedItems || this._isProcessedItem(item);
                            if ((0, _type.isObject)(item)) {
                                if (isProcessedItem || (0, _type.isDefined)(item[_const.INSERT_INDEX])) {
                                    if ((0, _common.equalByValue)(item.key, key)) {
                                        result = index
                                    }
                                } else if ((0, _common.equalByValue)(dataController.keyOf(item), key)) {
                                    result = index
                                }
                            }
                            if (result >= 0) {
                                const nextItem = items[result + 1];
                                if (nextItem && ("detail" === nextItem.rowType || "detailAdaptive" === nextItem.rowType) && (0, _type.isDefined)(change.insertAfterKey)) {
                                    return
                                }
                                if ((0, _type.isDefined)(change.insertAfterKey)) {
                                    result += 1
                                }
                                return true
                            }
                        })
                    }
                    return result
                }
                _generateNewItem(key) {
                    var _this$_getInternalDat2;
                    const item = {
                        key: key
                    };
                    const insertInfo = null === (_this$_getInternalDat2 = this._getInternalData(key)) || void 0 === _this$_getInternalDat2 ? void 0 : _this$_getInternalDat2.insertInfo;
                    if (null !== insertInfo && void 0 !== insertInfo && insertInfo[_const.INSERT_INDEX]) {
                        item[_const.INSERT_INDEX] = insertInfo[_const.INSERT_INDEX]
                    }
                    return item
                }
                _getLoadedRowIndex(items, change, isProcessedItems) {
                    let loadedRowIndex = this._getInsertRowIndex(items, change, isProcessedItems);
                    const dataController = this._dataController;
                    if (loadedRowIndex < 0) {
                        const newRowPosition = this._getNewRowPosition();
                        const pageIndex = dataController.pageIndex();
                        const insertAfterOrBeforeKey = this._getInsertAfterOrBeforeKey(change);
                        if (newRowPosition !== _const.LAST_NEW_ROW_POSITION && 0 === pageIndex && !(0, _type.isDefined)(insertAfterOrBeforeKey)) {
                            loadedRowIndex = 0
                        } else if (newRowPosition === _const.LAST_NEW_ROW_POSITION && dataController.isLastPageLoaded()) {
                            loadedRowIndex = items.length
                        }
                    }
                    return loadedRowIndex
                }
                processItems(items, e) {
                    const {
                        changeType: changeType
                    } = e;
                    this.update(changeType);
                    const changes = this.getChanges();
                    changes.forEach(change => {
                        var _this$_getInternalDat3;
                        const isInsert = change.type === _const.DATA_EDIT_DATA_INSERT_TYPE;
                        if (!isInsert) {
                            return
                        }
                        let {
                            key: key
                        } = change;
                        const insertInfo = null === (_this$_getInternalDat3 = this._getInternalData(key)) || void 0 === _this$_getInternalDat3 ? void 0 : _this$_getInternalDat3.insertInfo;
                        if (!(0, _type.isDefined)(key) || !(0, _type.isDefined)(insertInfo)) {
                            key = this._addInsertInfo(change).key
                        }
                        const loadedRowIndex = this._getLoadedRowIndex(items, change);
                        const item = this._generateNewItem(key);
                        if (loadedRowIndex >= 0) {
                            items.splice(loadedRowIndex, 0, item)
                        }
                    });
                    return items
                }
                processDataItem(item, options, generateDataValues) {
                    const columns = options.visibleColumns;
                    const key = item.data[_const.INSERT_INDEX] ? item.data.key : item.key;
                    const changes = this.getChanges();
                    const editIndex = _m_utils.default.getIndexByKey(key, changes);
                    item.isEditing = false;
                    if (editIndex >= 0) {
                        this._processDataItemCore(item, changes[editIndex], key, columns, generateDataValues)
                    }
                }
                _processDataItemCore(item, change, key, columns, generateDataValues) {
                    const {
                        data: data,
                        type: type
                    } = change;
                    switch (type) {
                        case _const.DATA_EDIT_DATA_INSERT_TYPE:
                            item.isNewRow = true;
                            item.key = key;
                            item.data = data;
                            break;
                        case _const.DATA_EDIT_DATA_UPDATE_TYPE:
                            item.modified = true;
                            item.oldData = item.data;
                            item.data = (0, _array_utils.createObjectWithChanges)(item.data, data);
                            item.modifiedValues = generateDataValues(data, columns, true);
                            break;
                        case _const.DATA_EDIT_DATA_REMOVE_TYPE:
                            item.removed = true
                    }
                }
                _initNewRow(options) {
                    this.executeAction("onInitNewRow", options);
                    if (options.promise) {
                        const deferred = new _deferred.Deferred;
                        (0, _deferred.when)((0, _deferred.fromPromise)(options.promise)).done(deferred.resolve).fail((0, _m_editing_utils.createFailureHandler)(deferred)).fail(arg => this._fireDataErrorOccurred(arg));
                        return deferred
                    }
                }
                _createInsertInfo() {
                    return {
                        [_const.INSERT_INDEX]: this._getInsertIndex()
                    }
                }
                _addInsertInfo(change, parentKey) {
                    var _this$_getInternalDat4;
                    let insertInfo;
                    change.key = this.getChangeKeyValue(change);
                    const {
                        key: key
                    } = change;
                    insertInfo = null === (_this$_getInternalDat4 = this._getInternalData(key)) || void 0 === _this$_getInternalDat4 ? void 0 : _this$_getInternalDat4.insertInfo;
                    if (!(0, _type.isDefined)(insertInfo)) {
                        const insertAfterOrBeforeKey = this._getInsertAfterOrBeforeKey(change);
                        insertInfo = this._createInsertInfo();
                        if (!(0, _type.isDefined)(insertAfterOrBeforeKey)) {
                            this._setInsertAfterOrBeforeKey(change, parentKey)
                        }
                    }
                    this._addInternalData({
                        insertInfo: insertInfo,
                        key: key
                    });
                    return {
                        insertInfo: insertInfo,
                        key: key
                    }
                }
                getChangeKeyValue(change) {
                    if ((0, _type.isDefined)(change.key)) {
                        return change.key
                    }
                    const keyExpr = this._dataController.key();
                    let keyValue;
                    if (change.data && keyExpr && !Array.isArray(keyExpr)) {
                        keyValue = change.data[keyExpr]
                    }
                    if (!(0, _type.isDefined)(keyValue)) {
                        keyValue = (0, _m_editing_utils.generateNewRowTempKey)()
                    }
                    return keyValue
                }
                _setInsertAfterOrBeforeKey(change, parentKey) {
                    const rowsView = this.getView("rowsView");
                    const dataController = this._dataController;
                    const allItems = dataController.items(true);
                    const newRowPosition = this._getNewRowPosition();
                    switch (newRowPosition) {
                        case _const.FIRST_NEW_ROW_POSITION:
                        case _const.LAST_NEW_ROW_POSITION:
                            break;
                        case _const.PAGE_TOP_NEW_ROW_POSITION:
                            if (allItems.length) {
                                change.insertBeforeKey = allItems[0].key
                            }
                            break;
                        case _const.PAGE_BOTTOM_NEW_ROW_POSITION:
                            if (allItems.length) {
                                change.insertAfterKey = allItems[allItems.length - 1].key
                            }
                            break;
                        default: {
                            const isViewportBottom = newRowPosition === _const.VIEWPORT_BOTTOM_NEW_ROW_POSITION;
                            let visibleItemIndex = isViewportBottom ? null === rowsView || void 0 === rowsView ? void 0 : rowsView.getBottomVisibleItemIndex() : null === rowsView || void 0 === rowsView ? void 0 : rowsView.getTopVisibleItemIndex();
                            const row = dataController.getVisibleRows()[visibleItemIndex];
                            if (row && (!row.isEditing && "detail" === row.rowType || "detailAdaptive" === row.rowType)) {
                                visibleItemIndex++
                            }
                            const insertKey = dataController.getKeyByRowIndex(visibleItemIndex);
                            if ((0, _type.isDefined)(insertKey)) {
                                change.insertBeforeKey = insertKey
                            }
                        }
                    }
                }
                _getInsertIndex() {
                    let maxInsertIndex = 0;
                    this.getChanges().forEach(editItem => {
                        var _this$_getInternalDat5;
                        const insertInfo = null === (_this$_getInternalDat5 = this._getInternalData(editItem.key)) || void 0 === _this$_getInternalDat5 ? void 0 : _this$_getInternalDat5.insertInfo;
                        if ((0, _type.isDefined)(insertInfo) && editItem.type === _const.DATA_EDIT_DATA_INSERT_TYPE && insertInfo[_const.INSERT_INDEX] > maxInsertIndex) {
                            maxInsertIndex = insertInfo[_const.INSERT_INDEX]
                        }
                    });
                    return maxInsertIndex + 1
                }
                _getInsertAfterOrBeforeKey(insertChange) {
                    return insertChange.insertAfterKey ?? insertChange.insertBeforeKey
                }
                _getPageIndexToInsertRow() {
                    const newRowPosition = this._getNewRowPosition();
                    const dataController = this._dataController;
                    const pageIndex = dataController.pageIndex();
                    const lastPageIndex = dataController.pageCount() - 1;
                    if (newRowPosition === _const.FIRST_NEW_ROW_POSITION && 0 !== pageIndex) {
                        return 0
                    }
                    if (newRowPosition === _const.LAST_NEW_ROW_POSITION && pageIndex !== lastPageIndex) {
                        return lastPageIndex
                    }
                    return -1
                }
                addRow(parentKey) {
                    const dataController = this._dataController;
                    const store = dataController.store();
                    if (!store) {
                        dataController.fireError("E1052", this.component.NAME);
                        return (new _deferred.Deferred).reject()
                    }
                    return this._addRow(parentKey)
                }
                _addRow(parentKey) {
                    const dataController = this._dataController;
                    const store = dataController.store();
                    const key = store && store.key();
                    const param = {
                        data: {}
                    };
                    const oldEditRowIndex = this._getVisibleEditRowIndex();
                    const deferred = new _deferred.Deferred;
                    this.refresh({
                        allowCancelEditing: true
                    });
                    if (!this._allowRowAdding()) {
                        (0, _deferred.when)(this._navigateToNewRow(oldEditRowIndex)).done(deferred.resolve).fail(deferred.reject);
                        return deferred.promise()
                    }
                    if (!key) {
                        param.data.__KEY__ = String(new _guid.default)
                    }(0, _deferred.when)(this._initNewRow(param, parentKey)).done(() => {
                        if (this._allowRowAdding()) {
                            (0, _deferred.when)(this._addRowCore(param.data, parentKey, oldEditRowIndex)).done(deferred.resolve).fail(deferred.reject)
                        } else {
                            deferred.reject("cancel")
                        }
                    }).fail(deferred.reject);
                    return deferred.promise()
                }
                _allowRowAdding(params) {
                    const insertIndex = this._getInsertIndex();
                    if (insertIndex > 1) {
                        return false
                    }
                    return true
                }
                _addRowCore(data, parentKey, initialOldEditRowIndex) {
                    const change = {
                        data: data,
                        type: _const.DATA_EDIT_DATA_INSERT_TYPE
                    };
                    const editRowIndex = this._getVisibleEditRowIndex();
                    const insertInfo = this._addInsertInfo(change, parentKey);
                    const {
                        key: key
                    } = insertInfo;
                    this._setEditRowKey(key, true);
                    this._addChange(change);
                    return this._navigateToNewRow(initialOldEditRowIndex, change, editRowIndex)
                }
                _navigateToNewRow(oldEditRowIndex, change, editRowIndex) {
                    const d = new _deferred.Deferred;
                    const dataController = this._dataController;
                    editRowIndex = editRowIndex ?? -1;
                    change = change ?? this.getChanges().filter(c => c.type === _const.DATA_EDIT_DATA_INSERT_TYPE)[0];
                    if (!change) {
                        return d.reject("cancel").promise()
                    }
                    const pageIndexToInsertRow = this._getPageIndexToInsertRow();
                    let rowIndex = this._getLoadedRowIndex(dataController.items(), change, true);
                    const navigateToRowByKey = key => {
                        var _this$_focusControlle;
                        (0, _deferred.when)(null === (_this$_focusControlle = this._focusController) || void 0 === _this$_focusControlle ? void 0 : _this$_focusControlle.navigateToRow(key)).done(() => {
                            rowIndex = dataController.getRowIndexByKey(change.key);
                            d.resolve()
                        })
                    };
                    const insertAfterOrBeforeKey = this._getInsertAfterOrBeforeKey(change);
                    if (pageIndexToInsertRow >= 0) {
                        dataController.pageIndex(pageIndexToInsertRow).done(() => {
                            navigateToRowByKey(change.key)
                        }).fail(d.reject)
                    } else if (rowIndex < 0 && (0, _type.isDefined)(insertAfterOrBeforeKey)) {
                        navigateToRowByKey(insertAfterOrBeforeKey)
                    } else {
                        dataController.updateItems({
                            changeType: "update",
                            rowIndices: [oldEditRowIndex, editRowIndex, rowIndex]
                        });
                        rowIndex = dataController.getRowIndexByKey(change.key);
                        if (rowIndex < 0) {
                            navigateToRowByKey(change.key)
                        } else {
                            d.resolve()
                        }
                    }
                    d.done(() => {
                        var _this$_rowsView2;
                        null === (_this$_rowsView2 = this._rowsView) || void 0 === _this$_rowsView2 || _this$_rowsView2.waitAsyncTemplates(true).done(() => {
                            this._showAddedRow(rowIndex);
                            this._afterInsertRow(change.key)
                        })
                    });
                    return d.promise()
                }
                _showAddedRow(rowIndex) {
                    this._focusFirstEditableCellInRow(rowIndex)
                }
                _beforeFocusElementInRow(rowIndex) {}
                _focusFirstEditableCellInRow(rowIndex) {
                    var _this$_keyboardNaviga;
                    const dataController = this._dataController;
                    const key = dataController.getKeyByRowIndex(rowIndex);
                    const $firstCell = this.getFirstEditableCellInRow(rowIndex);
                    null === (_this$_keyboardNaviga = this._keyboardNavigationController) || void 0 === _this$_keyboardNaviga || _this$_keyboardNaviga.focus($firstCell);
                    this.option("focusedRowKey", key);
                    this._editCellInProgress = true;
                    this._delayedInputFocus($firstCell, () => {
                        rowIndex = dataController.getRowIndexByKey(key);
                        this._editCellInProgress = false;
                        this._beforeFocusElementInRow(rowIndex)
                    })
                }
                _isEditingStart(options) {
                    this.executeAction("onEditingStart", options);
                    return options.cancel
                }
                _beforeUpdateItems(rowIndices, rowIndex) {}
                _getVisibleEditColumnIndex() {
                    const editColumnName = this.option(_const.EDITING_EDITCOLUMNNAME_OPTION_NAME);
                    if (!(0, _type.isDefined)(editColumnName)) {
                        return -1
                    }
                    return this._columnsController.getVisibleColumnIndex(editColumnName)
                }
                _setEditColumnNameByIndex(index, silent) {
                    var _visibleColumns$index;
                    const visibleColumns = this._columnsController.getVisibleColumns();
                    this._setEditColumnName(null === (_visibleColumns$index = visibleColumns[index]) || void 0 === _visibleColumns$index ? void 0 : _visibleColumns$index.name, silent)
                }
                _setEditColumnName(name, silent) {
                    if (silent) {
                        this._silentOption(_const.EDITING_EDITCOLUMNNAME_OPTION_NAME, name)
                    } else {
                        this.option(_const.EDITING_EDITCOLUMNNAME_OPTION_NAME, name)
                    }
                }
                _resetEditColumnName() {
                    this._setEditColumnName(null, true)
                }
                _getEditColumn() {
                    const editColumnName = this.option(_const.EDITING_EDITCOLUMNNAME_OPTION_NAME);
                    return this._getColumnByName(editColumnName)
                }
                _getColumnByName(name) {
                    const visibleColumns = this._columnsController.getVisibleColumns();
                    let editColumn;
                    (0, _type.isDefined)(name) && visibleColumns.some(column => {
                        if (column.name === name) {
                            editColumn = column;
                            return true
                        }
                    });
                    return editColumn
                }
                _getVisibleEditRowIndex(columnName) {
                    const dataController = this._dataController;
                    const editRowKey = this.option(_const.EDITING_EDITROWKEY_OPTION_NAME);
                    const rowIndex = dataController.getRowIndexByKey(editRowKey);
                    if (-1 === rowIndex) {
                        return rowIndex
                    }
                    return rowIndex + this._getEditRowIndexCorrection(columnName)
                }
                _getEditRowIndexCorrection(columnName) {
                    const editColumn = columnName ? this._getColumnByName(columnName) : this._getEditColumn();
                    const isColumnHidden = "adaptiveHidden" === (null === editColumn || void 0 === editColumn ? void 0 : editColumn.visibleWidth);
                    return isColumnHidden ? 1 : 0
                }
                _resetEditRowKey() {
                    this._refocusEditCell = false;
                    this._setEditRowKey(null, true)
                }
                _resetEditIndices() {
                    this._resetEditColumnName();
                    this._resetEditRowKey()
                }
                editRow(rowIndex) {
                    const dataController = this._dataController;
                    const items = dataController.items();
                    const item = items[rowIndex];
                    const params = {
                        data: item && item.data,
                        cancel: false
                    };
                    const oldRowIndex = this._getVisibleEditRowIndex();
                    if (!item) {
                        return
                    }
                    if (rowIndex === oldRowIndex) {
                        return true
                    }
                    if (void 0 === item.key) {
                        this._dataController.fireError("E1043");
                        return
                    }
                    if (!item.isNewRow) {
                        params.key = item.key
                    }
                    if (this._isEditingStart(params)) {
                        return
                    }
                    this.resetChanges();
                    this.init();
                    this._resetEditColumnName();
                    this._pageIndex = dataController.pageIndex();
                    this._addInternalData({
                        key: item.key,
                        oldData: item.oldData ?? item.data
                    });
                    this._setEditRowKey(item.key)
                }
                _editRowFromOptionChanged(rowIndex, oldRowIndex) {
                    const rowIndices = [oldRowIndex, rowIndex];
                    this._beforeUpdateItems(rowIndices, rowIndex, oldRowIndex);
                    this._editRowFromOptionChangedCore(rowIndices, rowIndex)
                }
                _editRowFromOptionChangedCore(rowIndices, rowIndex, preventRendering) {
                    this._needFocusEditor = true;
                    this._dataController.updateItems({
                        changeType: "update",
                        rowIndices: rowIndices,
                        cancel: preventRendering
                    })
                }
                _focusEditorIfNeed() {}
                _showEditPopup(rowIndex, repaintForm) {}
                _repaintEditPopup() {}
                _getEditPopupHiddenHandler() {
                    return e => {
                        if (this.isEditing()) {
                            this.cancelEditData()
                        }
                    }
                }
                _getPopupEditFormTemplate(rowIndex) {}
                _getSaveButtonConfig() {
                    const buttonConfig = {
                        text: this.option("editing.texts.saveRowChanges"),
                        onClick: this.saveEditData.bind(this)
                    };
                    if ((0, _themes.isFluent)((0, _themes.current)())) {
                        buttonConfig.stylingMode = "contained";
                        buttonConfig.type = "default"
                    }
                    return buttonConfig
                }
                _getCancelButtonConfig() {
                    const buttonConfig = {
                        text: this.option("editing.texts.cancelRowChanges"),
                        onClick: this.cancelEditData.bind(this)
                    };
                    if ((0, _themes.isFluent)((0, _themes.current)())) {
                        buttonConfig.stylingMode = "outlined"
                    }
                    return buttonConfig
                }
                _removeInternalData(key) {
                    this._internalState.delete((0, _common.getKeyHash)(key))
                }
                updateInternalDataKey(oldKey, newKey) {
                    const internalData = this._getInternalData(oldKey) ?? {};
                    this._removeInternalData(oldKey);
                    this._addInternalData(Object.assign({}, internalData, {
                        key: newKey
                    }))
                }
                _updateInsertAfterOrBeforeKeys(changes, index) {
                    const removeChange = changes[index];
                    changes.forEach(change => {
                        if (change.type === _const.DATA_EDIT_DATA_INSERT_TYPE) {
                            const insertAfterOrBeforeKey = this._getInsertAfterOrBeforeKey(change);
                            if ((0, _common.equalByValue)(insertAfterOrBeforeKey, removeChange.key)) {
                                change[(0, _type.isDefined)(change.insertAfterKey) ? "insertAfterKey" : "insertBeforeKey"] = this._getInsertAfterOrBeforeKey(removeChange)
                            }
                        }
                    })
                }
                _removeChange(index) {
                    if (index >= 0) {
                        const changes = [...this.getChanges()];
                        const {
                            key: key,
                            type: type
                        } = changes[index];
                        this._removeInternalData(key);
                        if (type !== _const.DATA_EDIT_DATA_REMOVE_TYPE) {
                            this._updateInsertAfterOrBeforeKeys(changes, index)
                        }
                        changes.splice(index, 1);
                        this._silentOption(_const.EDITING_CHANGES_OPTION_NAME, changes);
                        if ((0, _common.equalByValue)(this.option(_const.EDITING_EDITROWKEY_OPTION_NAME), key)) {
                            this._resetEditIndices()
                        }
                    }
                }
                executeOperation(deferred, func) {
                    this._lastOperation && this._lastOperation.reject();
                    this._lastOperation = deferred;
                    this.waitForDeferredOperations().done(() => {
                        if ("rejected" === deferred.state()) {
                            return
                        }
                        func();
                        this._lastOperation = null
                    }).fail(() => {
                        deferred.reject();
                        this._lastOperation = null
                    })
                }
                waitForDeferredOperations() {
                    return (0, _deferred.when)(...this._deferreds)
                }
                _processCanceledEditingCell() {}
                _repaintEditCell(column, oldColumn, oldEditRowIndex) {
                    if (!column || !column.showEditorAlways || oldColumn && !oldColumn.showEditorAlways) {
                        this._editCellInProgress = true;
                        this._needFocusEditor = true;
                        this._editorFactoryController.loseFocus();
                        this._dataController.updateItems({
                            changeType: "update",
                            rowIndices: [oldEditRowIndex, this._getVisibleEditRowIndex()]
                        })
                    } else if (column !== oldColumn) {
                        this._needFocusEditor = true;
                        this._dataController.updateItems({
                            changeType: "update",
                            rowIndices: []
                        })
                    }
                }
                _delayedInputFocus($cell, beforeFocusCallback, callBeforeFocusCallbackAlways) {
                    const inputFocus = () => {
                        if (beforeFocusCallback) {
                            beforeFocusCallback()
                        }
                        if ($cell) {
                            const $focusableElement = $cell.find(_const.FOCUSABLE_ELEMENT_SELECTOR).first();
                            _m_utils.default.focusAndSelectElement(this, $focusableElement)
                        }
                        this._beforeFocusCallback = null
                    };
                    if (_devices.default.real().ios || _devices.default.real().android) {
                        inputFocus()
                    } else {
                        if (this._beforeFocusCallback) {
                            this._beforeFocusCallback()
                        }
                        clearTimeout(this._inputFocusTimeoutID);
                        if (callBeforeFocusCallbackAlways) {
                            this._beforeFocusCallback = beforeFocusCallback
                        }
                        this._inputFocusTimeoutID = setTimeout(inputFocus)
                    }
                }
                _focusEditingCell(beforeFocusCallback, $editCell, callBeforeFocusCallbackAlways) {
                    const editColumnIndex = this._getVisibleEditColumnIndex();
                    $editCell = $editCell || this._rowsView && this._rowsView._getCellElement(this._getVisibleEditRowIndex(), editColumnIndex);
                    if ($editCell) {
                        this._delayedInputFocus($editCell, beforeFocusCallback, callBeforeFocusCallbackAlways)
                    }
                }
                deleteRow(rowIndex) {
                    this._checkAndDeleteRow(rowIndex)
                }
                _checkAndDeleteRow(rowIndex) {
                    const editingOptions = this.option("editing");
                    const editingTexts = null === editingOptions || void 0 === editingOptions ? void 0 : editingOptions.texts;
                    const confirmDelete = null === editingOptions || void 0 === editingOptions ? void 0 : editingOptions.confirmDelete;
                    const confirmDeleteMessage = null === editingTexts || void 0 === editingTexts ? void 0 : editingTexts.confirmDeleteMessage;
                    const item = this._dataController.items()[rowIndex];
                    const allowDeleting = !this.isEditing() || item.isNewRow;
                    if (item && allowDeleting) {
                        if (!confirmDelete || !confirmDeleteMessage) {
                            this._deleteRowCore(rowIndex)
                        } else {
                            const confirmDeleteTitle = editingTexts && editingTexts.confirmDeleteTitle;
                            const showDialogTitle = (0, _type.isDefined)(confirmDeleteTitle) && confirmDeleteTitle.length > 0;
                            (0, _dialog.confirm)(confirmDeleteMessage, confirmDeleteTitle, showDialogTitle).done(confirmResult => {
                                if (confirmResult) {
                                    this._deleteRowCore(rowIndex)
                                }
                            })
                        }
                    }
                }
                _deleteRowCore(rowIndex) {
                    const dataController = this._dataController;
                    const item = dataController.items()[rowIndex];
                    const key = item && item.key;
                    const oldEditRowIndex = this._getVisibleEditRowIndex();
                    this.refresh();
                    const changes = this.getChanges();
                    const editIndex = _m_utils.default.getIndexByKey(key, changes);
                    if (editIndex >= 0) {
                        if (changes[editIndex].type === _const.DATA_EDIT_DATA_INSERT_TYPE) {
                            this._removeChange(editIndex)
                        } else {
                            this._addChange({
                                key: key,
                                type: _const.DATA_EDIT_DATA_REMOVE_TYPE
                            })
                        }
                    } else {
                        this._addChange({
                            key: key,
                            oldData: item.data,
                            type: _const.DATA_EDIT_DATA_REMOVE_TYPE
                        })
                    }
                    return this._afterDeleteRow(rowIndex, oldEditRowIndex)
                }
                _afterDeleteRow(rowIndex, oldEditRowIndex) {
                    return this.saveEditData()
                }
                undeleteRow(rowIndex) {
                    const dataController = this._dataController;
                    const item = dataController.items()[rowIndex];
                    const oldEditRowIndex = this._getVisibleEditRowIndex();
                    const key = item && item.key;
                    const changes = this.getChanges();
                    if (item) {
                        const editIndex = _m_utils.default.getIndexByKey(key, changes);
                        if (editIndex >= 0) {
                            const {
                                data: data
                            } = changes[editIndex];
                            if ((0, _type.isEmptyObject)(data)) {
                                this._removeChange(editIndex)
                            } else {
                                this._addChange({
                                    key: key,
                                    type: _const.DATA_EDIT_DATA_UPDATE_TYPE
                                })
                            }
                            dataController.updateItems({
                                changeType: "update",
                                rowIndices: [oldEditRowIndex, rowIndex]
                            })
                        }
                    }
                }
                _fireOnSaving() {
                    const onSavingParams = {
                        cancel: false,
                        promise: null,
                        changes: [...this.getChanges()]
                    };
                    this.executeAction("onSaving", onSavingParams);
                    const d = new _deferred.Deferred;
                    (0, _deferred.when)((0, _deferred.fromPromise)(onSavingParams.promise)).done(() => {
                        d.resolve(onSavingParams)
                    }).fail(arg => {
                        (0, _m_editing_utils.createFailureHandler)(d);
                        this._fireDataErrorOccurred(arg);
                        d.resolve({
                            cancel: true
                        })
                    });
                    return d
                }
                _executeEditingAction(actionName, params, func) {
                    if (this.component._disposed) {
                        return null
                    }
                    const deferred = new _deferred.Deferred;
                    this.executeAction(actionName, params);
                    (0, _deferred.when)((0, _deferred.fromPromise)(params.cancel)).done(cancel => {
                        if (cancel) {
                            setTimeout(() => {
                                deferred.resolve("cancel")
                            })
                        } else {
                            func(params).done(deferred.resolve).fail((0, _m_editing_utils.createFailureHandler)(deferred))
                        }
                    }).fail((0, _m_editing_utils.createFailureHandler)(deferred));
                    return deferred
                }
                _processChanges(deferreds, results, dataChanges, changes) {
                    const store = this._dataController.store();
                    (0, _iterator.each)(changes, (index, change) => {
                        const oldData = this._getOldData(change.key);
                        const {
                            data: data,
                            type: type
                        } = change;
                        const changeCopy = Object.assign({}, change);
                        let deferred;
                        let params;
                        if (this._beforeSaveEditData(change, index)) {
                            return
                        }
                        switch (type) {
                            case _const.DATA_EDIT_DATA_REMOVE_TYPE:
                                params = {
                                    data: oldData,
                                    key: change.key,
                                    cancel: false
                                };
                                deferred = this._executeEditingAction("onRowRemoving", params, () => store.remove(change.key).done(key => {
                                    dataChanges.push({
                                        type: "remove",
                                        key: key
                                    })
                                }));
                                break;
                            case _const.DATA_EDIT_DATA_INSERT_TYPE:
                                params = {
                                    data: data,
                                    cancel: false
                                };
                                deferred = this._executeEditingAction("onRowInserting", params, () => store.insert(params.data).done((data, key) => {
                                    if ((0, _type.isDefined)(key)) {
                                        const initialKey = changeCopy.key;
                                        changeCopy.key = key;
                                        this.updateInternalDataKey(initialKey, key)
                                    }
                                    if (data && (0, _type.isObject)(data) && data !== params.data) {
                                        changeCopy.data = data
                                    }
                                    dataChanges.push({
                                        type: "insert",
                                        data: data,
                                        index: 0
                                    })
                                }));
                                break;
                            case _const.DATA_EDIT_DATA_UPDATE_TYPE:
                                params = {
                                    newData: data,
                                    oldData: oldData,
                                    key: change.key,
                                    cancel: false
                                };
                                deferred = this._executeEditingAction("onRowUpdating", params, () => store.update(change.key, params.newData).done((data, key) => {
                                    if (data && (0, _type.isObject)(data) && data !== params.newData) {
                                        changeCopy.data = data
                                    }
                                    dataChanges.push({
                                        type: "update",
                                        key: key,
                                        data: data
                                    })
                                }))
                        }
                        changes[index] = changeCopy;
                        if (deferred) {
                            const doneDeferred = new _deferred.Deferred;
                            deferred.always(data => {
                                results.push({
                                    key: change.key,
                                    result: data
                                })
                            }).always(doneDeferred.resolve);
                            deferreds.push(doneDeferred.promise())
                        }
                    })
                }
                _processRemoveIfError(changes, editIndex) {
                    const change = changes[editIndex];
                    if ((null === change || void 0 === change ? void 0 : change.type) === _const.DATA_EDIT_DATA_REMOVE_TYPE) {
                        if (editIndex >= 0) {
                            changes.splice(editIndex, 1)
                        }
                    }
                    return true
                }
                _processRemove(changes, editIndex, cancel) {
                    const change = changes[editIndex];
                    if (!cancel || !change || change.type === _const.DATA_EDIT_DATA_REMOVE_TYPE) {
                        return this._processRemoveCore(changes, editIndex, !cancel || !change)
                    }
                }
                _processRemoveCore(changes, editIndex, processIfBatch) {
                    if (editIndex >= 0) {
                        changes.splice(editIndex, 1)
                    }
                    return true
                }
                _processSaveEditDataResult(results) {
                    let hasSavedData = false;
                    const originalChanges = this.getChanges();
                    const changes = [...originalChanges];
                    const changesLength = changes.length;
                    for (let i = 0; i < results.length; i++) {
                        const arg = results[i].result;
                        const cancel = "cancel" === arg;
                        const editIndex = _m_utils.default.getIndexByKey(results[i].key, changes);
                        const change = changes[editIndex];
                        const isError = arg && arg instanceof Error;
                        if (isError) {
                            if (change) {
                                this._addInternalData({
                                    key: change.key,
                                    error: arg
                                })
                            }
                            this._fireDataErrorOccurred(arg);
                            if (this._processRemoveIfError(changes, editIndex)) {
                                break
                            }
                        } else if (this._processRemove(changes, editIndex, cancel)) {
                            hasSavedData = !cancel;
                            const removedChangeIndex = _m_utils.default.getIndexByKey(results[i].key, originalChanges);
                            this._updateInsertAfterOrBeforeKeys(originalChanges, removedChangeIndex)
                        }
                    }
                    if (changes.length < changesLength) {
                        this._silentOption(_const.EDITING_CHANGES_OPTION_NAME, changes)
                    }
                    return hasSavedData
                }
                _fireSaveEditDataEvents(changes) {
                    (0, _iterator.each)(changes, (_, _ref) => {
                        let {
                            data: data,
                            key: key,
                            type: type
                        } = _ref;
                        const internalData = this._getInternalData(key);
                        const params = {
                            key: key,
                            data: data
                        };
                        if (null !== internalData && void 0 !== internalData && internalData.error) {
                            params.error = internalData.error
                        }
                        switch (type) {
                            case _const.DATA_EDIT_DATA_REMOVE_TYPE:
                                this.executeAction("onRowRemoved", Object.assign({}, params, {
                                    data: null === internalData || void 0 === internalData ? void 0 : internalData.oldData
                                }));
                                break;
                            case _const.DATA_EDIT_DATA_INSERT_TYPE:
                                this.executeAction("onRowInserted", params);
                                break;
                            case _const.DATA_EDIT_DATA_UPDATE_TYPE:
                                this.executeAction("onRowUpdated", params)
                        }
                        this._removeInternalData(key)
                    });
                    this.executeAction("onSaved", {
                        changes: changes
                    })
                }
                saveEditData() {
                    const deferred = new _deferred.Deferred;
                    this.waitForDeferredOperations().done(() => {
                        if (this.isSaving()) {
                            this._resolveAfterSave(deferred);
                            return
                        }(0, _deferred.when)(this._beforeSaveEditData()).done(cancel => {
                            if (cancel) {
                                this._resolveAfterSave(deferred, {
                                    cancel: cancel
                                });
                                return
                            }
                            this._saving = true;
                            this._saveEditDataInner().always(() => {
                                this._saving = false;
                                if (this._refocusEditCell) {
                                    this._focusEditingCell()
                                }
                            }).done(deferred.resolve).fail(deferred.reject)
                        }).fail(deferred.reject)
                    }).fail(deferred.reject);
                    return deferred.promise()
                }
                _resolveAfterSave(deferred) {
                    let {
                        cancel: cancel,
                        error: error
                    } = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
                    (0, _deferred.when)(this._afterSaveEditData(cancel)).done(() => {
                        deferred.resolve(error)
                    }).fail(deferred.reject)
                }
                _saveEditDataInner() {
                    const result = new _deferred.Deferred;
                    const results = [];
                    const deferreds = [];
                    const dataChanges = [];
                    const dataSource = this._dataController.dataSource();
                    (0, _deferred.when)(this._fireOnSaving()).done(_ref2 => {
                        let {
                            cancel: cancel,
                            changes: changes
                        } = _ref2;
                        if (cancel) {
                            return result.resolve().promise()
                        }
                        this._processChanges(deferreds, results, dataChanges, changes);
                        if (deferreds.length) {
                            this._refocusEditCell = true;
                            null === dataSource || void 0 === dataSource || dataSource.beginLoading();
                            (0, _deferred.when)(...deferreds).done(() => {
                                if (this._processSaveEditDataResult(results)) {
                                    this._endSaving(dataChanges, changes, result)
                                } else {
                                    null === dataSource || void 0 === dataSource || dataSource.endLoading();
                                    result.resolve()
                                }
                            }).fail(error => {
                                null === dataSource || void 0 === dataSource || dataSource.endLoading();
                                result.resolve(error)
                            });
                            return result.always(() => {
                                this._refocusEditCell = true
                            }).promise()
                        }
                        this._cancelSaving(result)
                    }).fail(result.reject);
                    return result.promise()
                }
                _beforeEndSaving(changes) {
                    this._resetEditIndices()
                }
                _endSaving(dataChanges, changes, deferred) {
                    const dataSource = this._dataController.dataSource();
                    this._beforeEndSaving(changes);
                    null === dataSource || void 0 === dataSource || dataSource.endLoading();
                    this._refreshDataAfterSave(dataChanges, changes, deferred)
                }
                _cancelSaving(result) {
                    this.executeAction("onSaved", {
                        changes: []
                    });
                    this._resolveAfterSave(result)
                }
                _refreshDataAfterSave(dataChanges, changes, deferred) {
                    const dataController = this._dataController;
                    const refreshMode = this.option("editing.refreshMode");
                    const isFullRefresh = "reshape" !== refreshMode && "repaint" !== refreshMode;
                    if (!isFullRefresh) {
                        dataController.push(dataChanges)
                    }(0, _deferred.when)(dataController.refresh({
                        selection: isFullRefresh,
                        reload: isFullRefresh,
                        load: "reshape" === refreshMode,
                        changesOnly: this.option("repaintChangesOnly")
                    })).always(() => {
                        this._fireSaveEditDataEvents(changes)
                    }).done(() => {
                        this._resolveAfterSave(deferred)
                    }).fail(error => {
                        this._resolveAfterSave(deferred, {
                            error: error
                        })
                    })
                }
                isSaving() {
                    return this._saving
                }
                _updateEditColumn() {
                    const isEditColumnVisible = this._isEditColumnVisible();
                    const useIcons = this.option("editing.useIcons");
                    const cssClass = _const.COMMAND_EDIT_CLASS + (useIcons ? ` ${_const.COMMAND_EDIT_WITH_ICONS_CLASS}` : "");
                    this._columnsController.addCommandColumn({
                        type: "buttons",
                        command: "edit",
                        visible: isEditColumnVisible,
                        cssClass: cssClass,
                        width: "auto",
                        alignment: "center",
                        cellTemplate: this._getEditCommandCellTemplate(),
                        fixedPosition: "right"
                    });
                    this._columnsController.columnOption("command:edit", {
                        visible: isEditColumnVisible,
                        cssClass: cssClass
                    })
                }
                _isEditColumnVisible() {
                    const editingOptions = this.option("editing");
                    return editingOptions.allowDeleting
                }
                _isEditButtonDisabled() {
                    const hasChanges = this.hasChanges();
                    const isEditRowDefined = (0, _type.isDefined)(this.option("editing.editRowKey"));
                    return !(isEditRowDefined || hasChanges)
                }
                _updateEditButtons() {
                    const isButtonDisabled = this._isEditButtonDisabled();
                    if (this._headerPanelView) {
                        this._headerPanelView.setToolbarItemDisabled("saveButton", isButtonDisabled);
                        this._headerPanelView.setToolbarItemDisabled("revertButton", isButtonDisabled)
                    }
                }
                _applyModified($element, options) {
                    $element && $element.addClass(_const.CELL_MODIFIED)
                }
                _beforeCloseEditCellInBatchMode(rowIndices) {}
                cancelEditData() {
                    const changes = this.getChanges();
                    const params = {
                        cancel: false,
                        changes: changes
                    };
                    this.executeAction("onEditCanceling", params);
                    if (!params.cancel) {
                        this._cancelEditDataCore();
                        this.executeAction("onEditCanceled", {
                            changes: changes
                        })
                    }
                }
                _cancelEditDataCore() {
                    const rowIndex = this._getVisibleEditRowIndex();
                    this._beforeCancelEditData();
                    this.init();
                    this.resetChanges();
                    this._resetEditColumnName();
                    this._resetEditRowKey();
                    this._afterCancelEditData(rowIndex)
                }
                _afterCancelEditData(rowIndex) {
                    const dataController = this._dataController;
                    dataController.updateItems({
                        repaintChangesOnly: this.option("repaintChangesOnly")
                    })
                }
                _hideEditPopup() {}
                hasEditData() {
                    return this.hasChanges()
                }
                update(changeType) {
                    const dataController = this._dataController;
                    if (dataController && this._pageIndex !== dataController.pageIndex()) {
                        if ("refresh" === changeType) {
                            this.refresh({
                                isPageChanged: true
                            })
                        }
                        this._pageIndex = dataController.pageIndex()
                    }
                    this._updateEditButtons()
                }
                _getRowIndicesForCascadeUpdating(row, skipCurrentRow) {
                    return skipCurrentRow ? [] : [row.rowIndex]
                }
                addDeferred(deferred) {
                    if (!this._deferreds.includes(deferred)) {
                        this._deferreds.push(deferred);
                        deferred.always(() => {
                            const index = this._deferreds.indexOf(deferred);
                            if (index >= 0) {
                                this._deferreds.splice(index, 1)
                            }
                        })
                    }
                }
                _prepareChange(options, value, text) {
                    var _options$row;
                    const newData = {};
                    const oldData = null === (_options$row = options.row) || void 0 === _options$row ? void 0 : _options$row.data;
                    const rowKey = options.key;
                    const deferred = new _deferred.Deferred;
                    if (void 0 !== rowKey) {
                        options.value = value;
                        const setCellValueResult = (0, _deferred.fromPromise)(options.column.setCellValue(newData, value, (0, _extend.extend)(true, {}, oldData), text));
                        setCellValueResult.done(() => {
                            deferred.resolve({
                                data: newData,
                                key: rowKey,
                                oldData: oldData,
                                type: _const.DATA_EDIT_DATA_UPDATE_TYPE
                            })
                        }).fail((0, _m_editing_utils.createFailureHandler)(deferred)).fail(arg => this._fireDataErrorOccurred(arg));
                        if ((0, _type.isDefined)(text) && options.column.displayValueMap) {
                            options.column.displayValueMap[value] = text
                        }
                        this._updateRowValues(options);
                        this.addDeferred(deferred)
                    }
                    return deferred
                }
                _updateRowValues(options) {
                    if (options.values) {
                        const dataController = this._dataController;
                        const rowIndex = dataController.getRowIndexByKey(options.key);
                        const row = dataController.getVisibleRows()[rowIndex];
                        if (row) {
                            options.row.values = row.values;
                            options.values = row.values
                        }
                        options.values[options.columnIndex] = options.value
                    }
                }
                updateFieldValue(options, value, text, forceUpdateRow) {
                    const rowKey = options.key;
                    const deferred = new _deferred.Deferred;
                    if (void 0 === rowKey) {
                        this._dataController.fireError("E1043")
                    }
                    if (options.column.setCellValue) {
                        this._prepareChange(options, value, text).done(params => {
                            (0, _deferred.when)(this._applyChange(options, params, forceUpdateRow)).always(() => {
                                deferred.resolve()
                            })
                        })
                    } else {
                        deferred.resolve()
                    }
                    return deferred.promise()
                }
                _focusPreviousEditingCellIfNeed(options) {
                    if (this.hasEditData() && !this.isEditCell(options.rowIndex, options.columnIndex)) {
                        this._focusEditingCell();
                        this._updateEditRow(options.row, true);
                        return true
                    }
                }
                _needUpdateRow(column) {
                    const visibleColumns = this._columnsController.getVisibleColumns();
                    if (!column) {
                        column = this._getEditColumn()
                    }
                    const isCustomSetCellValue = column && column.setCellValue !== column.defaultSetCellValue;
                    const isCustomCalculateCellValue = visibleColumns.some(visibleColumn => visibleColumn.calculateCellValue !== visibleColumn.defaultCalculateCellValue);
                    return isCustomSetCellValue || isCustomCalculateCellValue
                }
                _applyChange(options, params, forceUpdateRow) {
                    const changeOptions = Object.assign({}, options, {
                        forceUpdateRow: forceUpdateRow
                    });
                    this._addChange(params, changeOptions);
                    this._updateEditButtons();
                    return this._applyChangeCore(options, changeOptions.forceUpdateRow)
                }
                _applyChangeCore(options, forceUpdateRow) {
                    const isCustomSetCellValue = options.column.setCellValue !== options.column.defaultSetCellValue;
                    const {
                        row: row
                    } = options;
                    if (row) {
                        if (forceUpdateRow || isCustomSetCellValue) {
                            this._updateEditRow(row, forceUpdateRow, isCustomSetCellValue)
                        } else if (row.update) {
                            row.update()
                        }
                    }
                }
                _updateEditRowCore(row, skipCurrentRow, isCustomSetCellValue) {
                    this._dataController.updateItems({
                        changeType: "update",
                        rowIndices: this._getRowIndicesForCascadeUpdating(row, skipCurrentRow)
                    })
                }
                _updateEditRow(row, forceUpdateRow, isCustomSetCellValue) {
                    if (forceUpdateRow) {
                        this._updateRowImmediately(row, forceUpdateRow, isCustomSetCellValue)
                    } else {
                        this._updateRowWithDelay(row, isCustomSetCellValue)
                    }
                }
                _updateRowImmediately(row, forceUpdateRow, isCustomSetCellValue) {
                    this._updateEditRowCore(row, !forceUpdateRow, isCustomSetCellValue);
                    this._validateEditFormAfterUpdate(row, isCustomSetCellValue);
                    if (!forceUpdateRow) {
                        this._focusEditingCell()
                    }
                }
                _updateRowWithDelay(row, isCustomSetCellValue) {
                    const deferred = new _deferred.Deferred;
                    this.addDeferred(deferred);
                    setTimeout(() => {
                        var _this$_editForm;
                        const elementContainer = (null === (_this$_editForm = this._editForm) || void 0 === _this$_editForm ? void 0 : _this$_editForm.element()) || this.component.$element().get(0);
                        const $focusedElement = (0, _renderer.default)(_dom_adapter.default.getActiveElement(elementContainer));
                        const columnIndex = this._rowsView.getCellIndex($focusedElement, row.rowIndex);
                        let focusedElement = $focusedElement.get(0);
                        const selectionRange = _m_utils.default.getSelectionRange(focusedElement);
                        this._updateEditRowCore(row, false, isCustomSetCellValue);
                        this._validateEditFormAfterUpdate(row, isCustomSetCellValue);
                        if (columnIndex >= 0) {
                            const $focusedItem = this._rowsView._getCellElement(row.rowIndex, columnIndex);
                            this._delayedInputFocus($focusedItem, () => {
                                setTimeout(() => {
                                    var _this$component$$elem;
                                    focusedElement = _dom_adapter.default.getActiveElement(null === (_this$component$$elem = this.component.$element()) || void 0 === _this$component$$elem ? void 0 : _this$component$$elem.get(0));
                                    if (selectionRange.selectionStart >= 0) {
                                        _m_utils.default.setSelectionRange(focusedElement, selectionRange)
                                    }
                                })
                            })
                        }
                        deferred.resolve()
                    })
                }
                _validateEditFormAfterUpdate() {}
                _addChange(changeParams, options) {
                    var _this$getChanges;
                    const row = null === options || void 0 === options ? void 0 : options.row;
                    const changes = [...this.getChanges()];
                    let index = _m_utils.default.getIndexByKey(changeParams.key, changes);
                    if (index < 0) {
                        index = changes.length;
                        this._addInternalData({
                            key: changeParams.key,
                            oldData: changeParams.oldData
                        });
                        delete changeParams.oldData;
                        changes.push(changeParams)
                    }
                    const change = Object.assign({}, changes[index]);
                    if (change) {
                        if (changeParams.data) {
                            change.data = (0, _array_utils.createObjectWithChanges)(change.data, changeParams.data)
                        }
                        if ((!change.type || !changeParams.data) && changeParams.type) {
                            change.type = changeParams.type
                        }
                        if (row) {
                            row.oldData = this._getOldData(row.key);
                            row.data = (0, _array_utils.createObjectWithChanges)(row.data, changeParams.data)
                        }
                    }
                    changes[index] = change;
                    this._silentOption(_const.EDITING_CHANGES_OPTION_NAME, changes);
                    if (options && change !== (null === (_this$getChanges = this.getChanges()) || void 0 === _this$getChanges ? void 0 : _this$getChanges[index])) {
                        options.forceUpdateRow = true
                    }
                    return change
                }
                _getFormEditItemTemplate(cellOptions, column) {
                    return column.editCellTemplate || this._getDefaultEditorTemplate()
                }
                getColumnTemplate(options) {
                    const {
                        column: column,
                        row: row,
                        rowType: rowType
                    } = options;
                    const rowIndex = null === row || void 0 === row ? void 0 : row.rowIndex;
                    let template;
                    const isRowMode = this.isRowBasedEditMode();
                    const isRowEditing = this.isEditRow(rowIndex);
                    const isCellEditing = this.isEditCell(rowIndex, options.columnIndex);
                    const isEditableRowType = "data" === rowType || "detailAdaptive" === rowType;
                    const isEditableByRowState = isRowEditing && !!column.allowEditing;
                    const needsEditorTemplate = !!column.showEditorAlways || column.setCellValue && (isEditableByRowState || isCellEditing);
                    if (needsEditorTemplate && isEditableRowType && !column.command) {
                        const allowUpdating = !!this.allowUpdating(options);
                        const canModifyCell = (allowUpdating || isRowEditing || !!(null !== row && void 0 !== row && row.isNewRow)) && !!column.allowEditing;
                        const isEditable = (canModifyCell || isCellEditing) && (isRowEditing || !isRowMode);
                        if (isEditable) {
                            let editingStartOptions;
                            if (column.showEditorAlways && !isRowMode) {
                                editingStartOptions = {
                                    cancel: false,
                                    key: null !== row && void 0 !== row && row.isNewRow ? void 0 : row.key,
                                    data: row.data,
                                    column: column
                                };
                                this._isEditingStart(editingStartOptions)
                            }
                            if (!editingStartOptions || !editingStartOptions.cancel) {
                                options.setValue = (value, text) => {
                                    this.updateFieldValue(options, value, text)
                                }
                            }
                        }
                        template = column.editCellTemplate || this._getDefaultEditorTemplate()
                    } else if ("detail" === column.command && "detail" === rowType && isRowEditing) {
                        template = null === this || void 0 === this ? void 0 : this.getEditFormTemplate(options)
                    }
                    return template
                }
                _createButton($container, button, options, change) {
                    let icon = _const.EDIT_ICON_CLASS[button.name];
                    const useIcons = this.option("editing.useIcons");
                    const useLegacyColumnButtonTemplate = this.option("useLegacyColumnButtonTemplate");
                    let $button = (0, _renderer.default)("<a>").attr("href", "#").addClass(_const.LINK_CLASS).addClass(button.cssClass);
                    if (button.template && useLegacyColumnButtonTemplate) {
                        this._rowsView.renderTemplate($container, button.template, options, true)
                    } else {
                        if (button.template) {
                            $button = (0, _renderer.default)("<span>").addClass(button.cssClass)
                        } else if (useIcons && icon || button.icon) {
                            icon = button.icon || icon;
                            const iconType = iconUtils.getImageSourceType(icon);
                            if ("image" === iconType || "svg" === iconType) {
                                $button = iconUtils.getImageContainer(icon).addClass(button.cssClass)
                            } else {
                                $button.addClass(`dx-icon${"dxIcon"===iconType?"-":" "}${icon}`).attr("title", button.text)
                            }
                            $button.addClass(_const.LINK_ICON_CLASS);
                            $container.addClass(_const.COMMAND_EDIT_WITH_ICONS_CLASS);
                            const localizationName = this.getButtonLocalizationNames()[button.name];
                            if (localizationName) {
                                this.setAria("label", _message.default.format(localizationName), $button)
                            }
                        } else {
                            $button.text(button.text)
                        }
                        if ((0, _type.isDefined)(button.hint)) {
                            $button.attr("title", button.hint)
                        }
                        if (this._isButtonDisabled(button, options)) {
                            $button.addClass("dx-state-disabled")
                        } else if (!button.template || button.onClick) {
                            _events_engine.default.on($button, (0, _index.addNamespace)("click", _const.EDITING_NAMESPACE), this.createAction(e => {
                                var _button$onClick;
                                null === (_button$onClick = button.onClick) || void 0 === _button$onClick || _button$onClick.call(button, (0, _extend.extend)({}, e, {
                                    row: options.row,
                                    column: options.column
                                }));
                                e.event.preventDefault();
                                e.event.stopPropagation()
                            }))
                        }
                        $container.append($button);
                        if (button.template) {
                            options.renderAsync = false;
                            this._rowsView.renderTemplate($button, button.template, options, true, change)
                        }
                    }
                }
                getButtonLocalizationNames() {
                    return {
                        edit: "dxDataGrid-editingEditRow",
                        save: "dxDataGrid-editingSaveRowChanges",
                        delete: "dxDataGrid-editingDeleteRow",
                        undelete: "dxDataGrid-editingUndeleteRow",
                        cancel: "dxDataGrid-editingCancelRowChanges"
                    }
                }
                prepareButtonItem(headerPanel, name, methodName, sortIndex) {
                    const editingTexts = this.option("editing.texts") ?? {};
                    const titleButtonTextByClassNames = {
                        revert: editingTexts.cancelAllChanges,
                        save: editingTexts.saveAllChanges,
                        addRow: editingTexts.addRow
                    };
                    const className = {
                        revert: "cancel",
                        save: "save",
                        addRow: "addrow"
                    } [name];
                    const hintText = titleButtonTextByClassNames[name];
                    const isButtonDisabled = ("save" === className || "cancel" === className) && this._isEditButtonDisabled();
                    return {
                        widget: "dxButton",
                        options: {
                            onInitialized: e => {
                                (0, _renderer.default)(e.element).addClass(headerPanel._getToolbarButtonClass(`${_const.EDIT_BUTTON_CLASS} ${this.addWidgetPrefix(className)}-button`))
                            },
                            icon: `edit-button-${className}`,
                            disabled: isButtonDisabled,
                            onClick: () => {
                                setTimeout(() => {
                                    this[methodName]()
                                })
                            },
                            text: hintText,
                            hint: hintText
                        },
                        showText: "inMenu",
                        name: `${name}Button`,
                        location: "after",
                        locateInMenu: "auto",
                        sortIndex: sortIndex
                    }
                }
                prepareEditButtons(headerPanel) {
                    const editingOptions = this.option("editing") ?? {};
                    const buttonItems = [];
                    if (editingOptions.allowAdding) {
                        buttonItems.push(this.prepareButtonItem(headerPanel, "addRow", "addRow", 20))
                    }
                    return buttonItems
                }
                highlightDataCell($cell, params) {
                    this.shouldHighlightCell(params) && $cell.addClass(_const.CELL_MODIFIED)
                }
                _afterInsertRow(key) {}
                _beforeSaveEditData(change) {
                    if (change && !(0, _type.isDefined)(change.key) && (0, _type.isDefined)(change.type)) {
                        return true
                    }
                }
                _afterSaveEditData() {}
                _beforeCancelEditData() {}
                _allowEditAction(actionName, options) {
                    let allowEditAction = this.option(`editing.${actionName}`);
                    if ((0, _type.isFunction)(allowEditAction)) {
                        allowEditAction = allowEditAction({
                            component: this.component,
                            row: options.row
                        })
                    }
                    return allowEditAction
                }
                allowUpdating(options, eventName) {
                    const startEditAction = this.option("editing.startEditAction") ?? _const.DEFAULT_START_EDIT_ACTION;
                    const needCallback = arguments.length > 1 ? startEditAction === eventName || "down" === eventName : true;
                    return needCallback && this._allowEditAction("allowUpdating", options)
                }
                allowDeleting(options) {
                    return this._allowEditAction("allowDeleting", options)
                }
                isCellModified(parameters) {
                    var _parameters$row, _parameters$row2;
                    const {
                        columnIndex: columnIndex
                    } = parameters;
                    let modifiedValue = null === parameters || void 0 === parameters || null === (_parameters$row = parameters.row) || void 0 === _parameters$row || null === (_parameters$row = _parameters$row.modifiedValues) || void 0 === _parameters$row ? void 0 : _parameters$row[columnIndex];
                    if (null !== parameters && void 0 !== parameters && null !== (_parameters$row2 = parameters.row) && void 0 !== _parameters$row2 && _parameters$row2.isNewRow) {
                        modifiedValue = parameters.value
                    }
                    return void 0 !== modifiedValue
                }
                isNewRowInEditMode() {
                    const visibleEditRowIndex = this._getVisibleEditRowIndex();
                    const rows = this._dataController.items();
                    return visibleEditRowIndex >= 0 ? rows[visibleEditRowIndex].isNewRow : false
                }
                _isRowDeleteAllowed() {}
                _prepareEditCell(parameters) {
                    return false
                }
                shouldHighlightCell(parameters) {
                    const cellModified = this.isCellModified(parameters);
                    return cellModified && parameters.column.setCellValue && (this.getEditMode() !== _const.EDIT_MODE_ROW || !parameters.row.isEditing)
                }
            }
            const dataControllerEditingExtenderMixin = Base => class extends Base {
                reload(full, repaintChangesOnly) {
                    !repaintChangesOnly && this._editingController.refresh();
                    return super.reload.apply(this, arguments)
                }
                repaintRows() {
                    if (this._editingController.isSaving()) {
                        return
                    }
                    return super.repaintRows.apply(this, arguments)
                }
                _updateEditRow(items) {
                    const editRowKey = this.option(_const.EDITING_EDITROWKEY_OPTION_NAME);
                    const editRowIndex = _m_utils.default.getIndexByKey(editRowKey, items);
                    const editItem = items[editRowIndex];
                    if (editItem) {
                        var _this$_updateEditItem;
                        editItem.isEditing = true;
                        null === (_this$_updateEditItem = this._updateEditItem) || void 0 === _this$_updateEditItem || _this$_updateEditItem.call(this, editItem)
                    }
                }
                _updateItemsCore(change) {
                    super._updateItemsCore(change);
                    this._updateEditRow(this.items(true))
                }
                _applyChangeUpdate(change) {
                    this._updateEditRow(change.items);
                    super._applyChangeUpdate(change)
                }
                _applyChangesOnly(change) {
                    this._updateEditRow(change.items);
                    super._applyChangesOnly(change)
                }
                _processItems(items, change) {
                    items = this._editingController.processItems(items, change);
                    return super._processItems(items, change)
                }
                _processDataItem(dataItem, options) {
                    this._editingController.processDataItem(dataItem, options, this.generateDataValues);
                    return super._processDataItem(dataItem, options)
                }
                _processItem(item, options) {
                    item = super._processItem(item, options);
                    if (item.isNewRow) {
                        options.dataIndex--;
                        delete item.dataIndex
                    }
                    return item
                }
                _getChangedColumnIndices(oldItem, newItem, rowIndex, isLiveUpdate) {
                    if (oldItem.isNewRow !== newItem.isNewRow || oldItem.removed !== newItem.removed) {
                        return
                    }
                    return super._getChangedColumnIndices.apply(this, arguments)
                }
                _isCellChanged(oldRow, newRow, visibleRowIndex, columnIndex, isLiveUpdate) {
                    const cell = oldRow.cells && oldRow.cells[columnIndex];
                    const isEditing = this._editingController && this._editingController.isEditCell(visibleRowIndex, columnIndex);
                    if (isLiveUpdate && isEditing) {
                        return false
                    }
                    if (cell && cell.column && !cell.column.showEditorAlways && cell.isEditing !== isEditing) {
                        return true
                    }
                    return super._isCellChanged.apply(this, arguments)
                }
                needToRefreshOnDataSourceChange(args) {
                    const isParasiteChange = Array.isArray(args.value) && args.value === args.previousValue && this._editingController.isSaving();
                    return !isParasiteChange
                }
                _handleDataSourceChange(args) {
                    const result = super._handleDataSourceChange(args);
                    const changes = this.option("editing.changes");
                    const dataSource = args.value;
                    if (Array.isArray(dataSource) && changes.length) {
                        const dataSourceKeys = dataSource.map(item => this.keyOf(item));
                        const newChanges = changes.filter(change => "insert" === change.type || dataSourceKeys.some(key => (0, _common.equalByValue)(change.key, key)));
                        if (newChanges.length !== changes.length) {
                            this.option("editing.changes", newChanges)
                        }
                        const editRowKey = this.option("editing.editRowKey");
                        const isEditNewItem = newChanges.some(change => "insert" === change.type && (0, _common.equalByValue)(editRowKey, change.key));
                        if (!isEditNewItem && dataSourceKeys.every(key => !(0, _common.equalByValue)(editRowKey, key))) {
                            this.option("editing.editRowKey", null)
                        }
                    }
                    return result
                }
            };
            exports.dataControllerEditingExtenderMixin = dataControllerEditingExtenderMixin;
            exports.editingModule = {
                defaultOptions: () => ({
                    editing: {
                        mode: "row",
                        refreshMode: "full",
                        newRowPosition: _const.VIEWPORT_TOP_NEW_ROW_POSITION,
                        allowAdding: false,
                        allowUpdating: false,
                        allowDeleting: false,
                        useIcons: false,
                        selectTextOnEditStart: false,
                        confirmDelete: true,
                        texts: {
                            editRow: _message.default.format("dxDataGrid-editingEditRow"),
                            saveAllChanges: _message.default.format("dxDataGrid-editingSaveAllChanges"),
                            saveRowChanges: _message.default.format("dxDataGrid-editingSaveRowChanges"),
                            cancelAllChanges: _message.default.format("dxDataGrid-editingCancelAllChanges"),
                            cancelRowChanges: _message.default.format("dxDataGrid-editingCancelRowChanges"),
                            addRow: _message.default.format("dxDataGrid-editingAddRow"),
                            deleteRow: _message.default.format("dxDataGrid-editingDeleteRow"),
                            undeleteRow: _message.default.format("dxDataGrid-editingUndeleteRow"),
                            confirmDeleteMessage: _message.default.format("dxDataGrid-editingConfirmDeleteMessage"),
                            confirmDeleteTitle: ""
                        },
                        form: {
                            colCount: 2
                        },
                        popup: {},
                        startEditAction: "click",
                        editRowKey: null,
                        editColumnName: null,
                        changes: []
                    },
                    useLegacyColumnButtonTemplate: false
                }),
                controllers: {
                    editing: EditingControllerImpl
                },
                extenders: {
                    controllers: {
                        data: dataControllerEditingExtenderMixin
                    },
                    views: {
                        rowsView: Base => class extends Base {
                            getCellIndex($cell, rowIndex) {
                                if (!$cell.is("td") && rowIndex >= 0) {
                                    const $cellElements = this.getCellElements(rowIndex);
                                    let cellIndex = -1;
                                    (0, _iterator.each)($cellElements, (index, cellElement) => {
                                        if ((0, _renderer.default)(cellElement).find($cell).length) {
                                            cellIndex = index
                                        }
                                    });
                                    return cellIndex
                                }
                                return super.getCellIndex.apply(this, arguments)
                            }
                            publicMethods() {
                                return super.publicMethods().concat(["cellValue"])
                            }
                            _getCellTemplate(options) {
                                const template = this._editingController.getColumnTemplate(options);
                                return template || super._getCellTemplate(options)
                            }
                            _createRow(row) {
                                const $row = super._createRow.apply(this, arguments);
                                if (row) {
                                    const isRowRemoved = !!row.removed;
                                    const isRowInserted = !!row.isNewRow;
                                    const isRowModified = !!row.modified;
                                    isRowInserted && $row.addClass(_const.ROW_INSERTED);
                                    isRowModified && $row.addClass(_const.ROW_MODIFIED);
                                    if (isRowInserted || isRowRemoved) {
                                        $row.removeClass(_const.ROW_SELECTED)
                                    }
                                }
                                return $row
                            }
                            _getColumnIndexByElement($element) {
                                let $tableElement = $element.closest("table");
                                const $tableElements = this.getTableElements();
                                while ($tableElement.length && !$tableElements.filter($tableElement).length) {
                                    $element = $tableElement.closest("td");
                                    $tableElement = $element.closest("table")
                                }
                                return this._getColumnIndexByElementCore($element)
                            }
                            _getColumnIndexByElementCore($element) {
                                const $targetElement = $element.closest(`.${_const.ROW_CLASS}> td:not(.dx-master-detail-cell)`);
                                return this.getCellIndex($targetElement)
                            }
                            _editCellByClick(e, eventName) {
                                const editingController = this._editingController;
                                const $targetElement = (0, _renderer.default)(e.event.target);
                                const columnIndex = this._getColumnIndexByElement($targetElement);
                                const row = this._dataController.items()[e.rowIndex];
                                const allowUpdating = editingController.allowUpdating({
                                    row: row
                                }, eventName) || row && row.isNewRow;
                                const column = this._columnsController.getVisibleColumns()[columnIndex];
                                const isEditedCell = editingController.isEditCell(e.rowIndex, columnIndex);
                                const allowEditing = allowUpdating && column && (column.allowEditing || isEditedCell);
                                const startEditAction = this.option("editing.startEditAction") || "click";
                                const isShowEditorAlways = column && column.showEditorAlways;
                                if (isEditedCell) {
                                    return true
                                }
                                if ("down" === eventName) {
                                    if (_devices.default.real().ios || _devices.default.real().android) {
                                        _m_dom.default.resetActiveElement()
                                    }
                                    return isShowEditorAlways && allowEditing && editingController.editCell(e.rowIndex, columnIndex)
                                }
                                if ("click" === eventName && "dblClick" === startEditAction && this._pointerDownTarget === $targetElement.get(0)) {
                                    const isError = false;
                                    const withoutSaveEditData = null === row || void 0 === row ? void 0 : row.isNewRow;
                                    editingController.closeEditCell(isError, withoutSaveEditData)
                                }
                                if (allowEditing && eventName === startEditAction) {
                                    return editingController.editCell(e.rowIndex, columnIndex) || editingController.isEditRow(e.rowIndex)
                                }
                            }
                            _rowPointerDown(e) {
                                this._pointerDownTarget = e.event.target;
                                this._pointerDownTimeout = setTimeout(() => {
                                    this._editCellByClick(e, "down")
                                })
                            }
                            _rowClickTreeListHack(e) {
                                super._rowClick.apply(this, arguments)
                            }
                            _rowClick(e) {
                                const isEditForm = (0, _renderer.default)(e.rowElement).hasClass(this.addWidgetPrefix(_const.EDIT_FORM_CLASS));
                                e.event[_const.TARGET_COMPONENT_NAME] = this.component;
                                if (!this._editCellByClick(e, "click") && !isEditForm) {
                                    super._rowClick.apply(this, arguments)
                                }
                            }
                            _rowDblClickTreeListHack(e) {
                                super._rowDblClick.apply(this, arguments)
                            }
                            _rowDblClick(e) {
                                if (!this._editCellByClick(e, "dblClick")) {
                                    super._rowDblClick.apply(this, arguments)
                                }
                            }
                            _cellPrepared($cell, parameters) {
                                var _parameters$column;
                                const editingController = this._editingController;
                                const isCommandCell = !!parameters.column.command;
                                const isEditableCell = parameters.setValue;
                                const isEditRow = editingController.isEditRow(parameters.rowIndex);
                                const isEditing = (0, _m_editing_utils.isEditingCell)(isEditRow, parameters);
                                if ((0, _m_editing_utils.isEditingOrShowEditorAlwaysDataCell)(isEditRow, parameters)) {
                                    const {
                                        alignment: alignment
                                    } = parameters.column;
                                    $cell.toggleClass(this.addWidgetPrefix(_const.READONLY_CLASS), !isEditableCell).toggleClass(_const.CELL_FOCUS_DISABLED_CLASS, !isEditableCell);
                                    if (alignment) {
                                        $cell.find(_const.EDITORS_INPUT_SELECTOR).first().css("textAlign", alignment)
                                    }
                                }
                                if (isEditing) {
                                    this._editCellPrepared($cell)
                                }
                                const hasTemplate = !!(null !== (_parameters$column = parameters.column) && void 0 !== _parameters$column && _parameters$column.cellTemplate);
                                if (parameters.column && !isCommandCell && (!hasTemplate || editingController.shouldHighlightCell(parameters))) {
                                    editingController.highlightDataCell($cell, parameters)
                                }
                                super._cellPrepared.apply(this, arguments)
                            }
                            _getCellOptions(options) {
                                const cellOptions = super._getCellOptions(options);
                                const {
                                    columnIndex: columnIndex,
                                    row: row
                                } = options;
                                cellOptions.isEditing = this._editingController.isEditCell(cellOptions.rowIndex, cellOptions.columnIndex);
                                cellOptions.removed = row.removed;
                                if (row.modified) {
                                    cellOptions.modified = void 0 !== row.modifiedValues[columnIndex]
                                }
                                return cellOptions
                            }
                            _setCellAriaAttributes($cell, cellOptions, options) {
                                super._setCellAriaAttributes($cell, cellOptions, options);
                                if (cellOptions.removed) {
                                    this.setAria("roledescription", _message.default.format("dxDataGrid-ariaDeletedCell"), $cell)
                                }
                                if (cellOptions.modified) {
                                    this.setAria("roledescription", _message.default.format("dxDataGrid-ariaModifiedCell"), $cell)
                                }
                                const isEditableCell = cellOptions.column.allowEditing && !cellOptions.removed && !cellOptions.modified && "data" === cellOptions.rowType && cellOptions.column.calculateCellValue === cellOptions.column.defaultCalculateCellValue && this._editingController.isCellBasedEditMode();
                                if (isEditableCell) {
                                    this.setAria("roledescription", _message.default.format("dxDataGrid-ariaEditableCell"), $cell)
                                }
                            }
                            _createCell(options) {
                                const $cell = super._createCell(options);
                                const isEditRow = this._editingController.isEditRow(options.rowIndex);
                                (0, _m_editing_utils.isEditingOrShowEditorAlwaysDataCell)(isEditRow, options) && $cell.addClass(_const.EDITOR_CELL_CLASS);
                                return $cell
                            }
                            cellValue(rowIndex, columnIdentifier, value, text) {
                                const cellOptions = this.getCellOptions(rowIndex, columnIdentifier);
                                if (cellOptions) {
                                    if (void 0 === value) {
                                        return cellOptions.value
                                    }
                                    this._editingController.updateFieldValue(cellOptions, value, text, true)
                                }
                            }
                            dispose() {
                                super.dispose.apply(this, arguments);
                                clearTimeout(this._pointerDownTimeout)
                            }
                            _renderCore() {
                                super._renderCore.apply(this, arguments);
                                return this.waitAsyncTemplates(true).done(() => {
                                    this._editingController._focusEditorIfNeed()
                                })
                            }
                            _editCellPrepared() {}
                            _formItemPrepared() {}
                        },
                        headerPanel: Base => class extends Base {
                            optionChanged(args) {
                                const {
                                    fullName: fullName
                                } = args;
                                switch (args.name) {
                                    case "editing": {
                                        const excludedOptions = [_const.EDITING_POPUP_OPTION_NAME, _const.EDITING_CHANGES_OPTION_NAME, _const.EDITING_EDITCOLUMNNAME_OPTION_NAME, _const.EDITING_EDITROWKEY_OPTION_NAME];
                                        const shouldInvalidate = fullName && !excludedOptions.some(optionName => optionName === fullName);
                                        shouldInvalidate && this._invalidate();
                                        super.optionChanged(args);
                                        break
                                    }
                                    case "useLegacyColumnButtonTemplate":
                                        args.handled = true;
                                        break;
                                    default:
                                        super.optionChanged(args)
                                }
                            }
                            _getToolbarItems() {
                                const items = super._getToolbarItems();
                                const editButtonItems = this._editingController.prepareEditButtons(this);
                                return editButtonItems.concat(items)
                            }
                        }
                    }
                }
            }
        },
        48295(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.editingCellBasedModule = void 0;
            var _click = __webpack_require__( /*! ../../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _hold = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/hold */ 68095));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _array_utils = __webpack_require__( /*! ../../../../common/data/array_utils */ 43792);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _deferred2 = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _dom = __webpack_require__( /*! ../../../../core/utils/dom */ 86858);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _const = __webpack_require__( /*! ./const */ 69699);
            var _m_editing_utils = __webpack_require__( /*! ./m_editing_utils */ 1414);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.editingCellBasedModule = {
                extenders: {
                    controllers: {
                        editing: Base => class extends Base {
                            init() {
                                const needCreateHandlers = !this._saveEditorHandler;
                                super.init();
                                if (needCreateHandlers) {
                                    let $pointerDownTarget;
                                    let isResizing;
                                    this._pointerUpEditorHandler = () => {
                                        var _this$_columnsResizer;
                                        isResizing = null === (_this$_columnsResizer = this._columnsResizerController) || void 0 === _this$_columnsResizer ? void 0 : _this$_columnsResizer.isResizing()
                                    };
                                    this._pointerDownEditorHandler = e => $pointerDownTarget = (0, _renderer.default)(e.target);
                                    this._saveEditorHandler = this.createAction(function(e) {
                                        const {
                                            event: event
                                        } = e;
                                        const $target = (0, _renderer.default)(event.target);
                                        const targetComponent = event[_const.TARGET_COMPONENT_NAME];
                                        const {
                                            component: component
                                        } = this;
                                        if ((0, _m_editing_utils.isEditable)($pointerDownTarget) && !$pointerDownTarget.is($target)) {
                                            return
                                        }

                                        function checkEditorPopup($element) {
                                            if (!$element) {
                                                return false
                                            }
                                            const $dropDownEditorOverlay = $element.closest(`.${_const.DROPDOWN_EDITOR_OVERLAY_CLASS}`);
                                            const $componentElement = component.$element();
                                            return $dropDownEditorOverlay.length > 0 && 0 === $componentElement.closest($dropDownEditorOverlay).length
                                        }
                                        if (this.isCellOrBatchEditMode() && !this._editCellInProgress) {
                                            const isEditorPopup = checkEditorPopup($target) || checkEditorPopup(null === targetComponent || void 0 === targetComponent ? void 0 : targetComponent.$element());
                                            const isAnotherComponent = targetComponent && !targetComponent._disposed && targetComponent !== this.component;
                                            const isAddRowButton = !!$target.closest(`.${this.addWidgetPrefix(_const.ADD_ROW_BUTTON_CLASS)}`).length;
                                            const isFocusOverlay = $target.hasClass(this.addWidgetPrefix(_const.FOCUS_OVERLAY_CLASS));
                                            const isCellEditMode = this.isCellEditMode();
                                            if (!isResizing && !isEditorPopup && !isFocusOverlay && !(isAddRowButton && isCellEditMode && this.isEditing()) && ((0, _dom.isElementInDom)($target) || isAnotherComponent)) {
                                                this._closeEditItem.bind(this)($target)
                                            }
                                        }
                                    });
                                    _events_engine.default.on(_dom_adapter.default.getDocument(), _pointer.default.up, this._pointerUpEditorHandler);
                                    _events_engine.default.on(_dom_adapter.default.getDocument(), _pointer.default.down, this._pointerDownEditorHandler);
                                    _events_engine.default.on(_dom_adapter.default.getDocument(), _click.name, this._saveEditorHandler)
                                }
                            }
                            isCellEditMode() {
                                return this.option("editing.mode") === _const.EDIT_MODE_CELL
                            }
                            isBatchEditMode() {
                                return this.option("editing.mode") === _const.EDIT_MODE_BATCH
                            }
                            isCellOrBatchEditMode() {
                                return this.isCellEditMode() || this.isBatchEditMode()
                            }
                            _needToCloseEditableCell($targetElement) {
                                const $element = this.component.$element();
                                let result = this.isEditing();
                                const isCurrentComponentElement = !$element || !!$targetElement.closest($element).length;
                                if (isCurrentComponentElement) {
                                    const isDataRow = $targetElement.closest(`.${_const.DATA_ROW_CLASS}`).length;
                                    if (isDataRow) {
                                        const $targetCell = $targetElement.closest(`.${_const.ROW_CLASS}> td`);
                                        const rowIndex = this._rowsView.getRowIndex($targetCell.parent());
                                        const cellElements = this._rowsView.getCellElements(rowIndex);
                                        if (null !== cellElements && void 0 !== cellElements && cellElements.length) {
                                            var _visibleColumns$colum;
                                            const columnIndex = cellElements.index($targetCell);
                                            const visibleColumns = this._columnsController.getVisibleColumns();
                                            const allowEditing = null === (_visibleColumns$colum = visibleColumns[columnIndex]) || void 0 === _visibleColumns$colum ? void 0 : _visibleColumns$colum.allowEditing;
                                            const isEditingCell = this.isEditCell(rowIndex, columnIndex);
                                            result = result && !allowEditing && !isEditingCell
                                        }
                                    }
                                }
                                return result || super._needToCloseEditableCell($targetElement)
                            }
                            _closeEditItem($targetElement) {
                                if (this._needToCloseEditableCell($targetElement)) {
                                    this.closeEditCell()
                                }
                            }
                            _focusEditorIfNeed() {
                                if (this._needFocusEditor && this.isCellOrBatchEditMode()) {
                                    var _this$_rowsView;
                                    const editColumnIndex = this._getVisibleEditColumnIndex();
                                    const $cell = null === (_this$_rowsView = this._rowsView) || void 0 === _this$_rowsView ? void 0 : _this$_rowsView._getCellElement(this._getVisibleEditRowIndex(), editColumnIndex);
                                    this._refocusEditCell = false;
                                    clearTimeout(this._inputFocusTimeoutID);
                                    if ($cell && !$cell.find(":focus").length) {
                                        this._focusEditingCell(() => {
                                            this._editCellInProgress = false
                                        }, $cell, true)
                                    } else {
                                        this._editCellInProgress = false
                                    }
                                    this._needFocusEditor = false
                                } else {
                                    super._focusEditorIfNeed()
                                }
                            }
                            isEditing() {
                                if (this.isCellOrBatchEditMode()) {
                                    const isEditRowKeyDefined = (0, _type.isDefined)(this.option(_const.EDITING_EDITROWKEY_OPTION_NAME));
                                    const isEditColumnNameDefined = (0, _type.isDefined)(this.option(_const.EDITING_EDITCOLUMNNAME_OPTION_NAME));
                                    return isEditRowKeyDefined && isEditColumnNameDefined
                                }
                                return super.isEditing()
                            }
                            _handleEditColumnNameChange(args) {
                                const oldRowIndex = this._getVisibleEditRowIndex(args.previousValue);
                                if (this.isCellOrBatchEditMode() && -1 !== oldRowIndex && (0, _type.isDefined)(args.value) && args.value !== args.previousValue) {
                                    const columnIndex = this._columnsController.getVisibleColumnIndex(args.value);
                                    const oldColumnIndex = this._columnsController.getVisibleColumnIndex(args.previousValue);
                                    this._editCellFromOptionChanged(columnIndex, oldColumnIndex, oldRowIndex)
                                }
                            }
                            _addRow(parentKey) {
                                if (this.isCellEditMode() && this.hasChanges()) {
                                    const deferred = new _deferred2.Deferred;
                                    this.saveEditData().done(() => {
                                        if (!this.hasChanges()) {
                                            this.addRow(parentKey).done(deferred.resolve).fail(deferred.reject)
                                        } else {
                                            deferred.reject("cancel")
                                        }
                                    });
                                    return deferred.promise()
                                }
                                return super._addRow(parentKey)
                            }
                            editCell(rowIndex, columnIndex) {
                                return this._editCell({
                                    rowIndex: rowIndex,
                                    columnIndex: columnIndex
                                })
                            }
                            _editCell(options) {
                                const d = new _deferred2.Deferred;
                                let coreResult;
                                this.executeOperation(d, () => {
                                    coreResult = this._editCellCore(options);
                                    (0, _deferred2.when)(coreResult).done(d.resolve).fail(d.reject)
                                });
                                return void 0 !== coreResult ? coreResult : d.promise()
                            }
                            _editCellCore(options) {
                                const editCellOptions = this._getNormalizedEditCellOptions(options);
                                const {
                                    columnIndex: columnIndex,
                                    rowIndex: rowIndex,
                                    column: column,
                                    item: item
                                } = editCellOptions;
                                if (void 0 === item.key) {
                                    this._dataController.fireError("E1043");
                                    return
                                }
                                if (column && ("data" === item.rowType || "detailAdaptive" === item.rowType) && !item.removed && this.isCellOrBatchEditMode()) {
                                    if (this.isEditCell(rowIndex, columnIndex)) {
                                        return true
                                    }
                                    return (0, _deferred2.when)(this._beforeEditCell(rowIndex, columnIndex, item)).done(cancel => {
                                        if (cancel) {
                                            return
                                        }
                                        if (!this._prepareEditCell(editCellOptions)) {
                                            this._processCanceledEditingCell()
                                        }
                                    })
                                }
                                return false
                            }
                            _beforeEditCell(rowIndex, columnIndex, item) {
                                if (this.isCellEditMode() && !item.isNewRow && this.hasChanges()) {
                                    const isSaving = new _deferred2.Deferred;
                                    this.saveEditData().always(() => {
                                        isSaving.resolve(this.hasChanges())
                                    });
                                    this.addDeferred(isSaving);
                                    return isSaving
                                }
                                return false
                            }
                            publicMethods() {
                                const publicMethods = super.publicMethods();
                                return publicMethods.concat(["editCell", "closeEditCell"])
                            }
                            _getNormalizedEditCellOptions(_ref) {
                                let {
                                    oldColumnIndex: oldColumnIndex,
                                    oldRowIndex: oldRowIndex,
                                    columnIndex: columnIndex,
                                    rowIndex: rowIndex
                                } = _ref;
                                const columnsController = this._columnsController;
                                const visibleColumns = columnsController.getVisibleColumns();
                                const items = this._dataController.items();
                                const item = items[rowIndex];
                                let oldColumn;
                                if ((0, _type.isDefined)(oldColumnIndex)) {
                                    oldColumn = visibleColumns[oldColumnIndex]
                                } else {
                                    oldColumn = this._getEditColumn()
                                }
                                if (!(0, _type.isDefined)(oldRowIndex)) {
                                    oldRowIndex = this._getVisibleEditRowIndex()
                                }
                                if ((0, _type.isString)(columnIndex)) {
                                    columnIndex = columnsController.columnOption(columnIndex, "index");
                                    columnIndex = columnsController.getVisibleIndex(columnIndex)
                                }
                                const column = visibleColumns[columnIndex];
                                return {
                                    oldColumn: oldColumn,
                                    columnIndex: columnIndex,
                                    oldRowIndex: oldRowIndex,
                                    rowIndex: rowIndex,
                                    column: column,
                                    item: item
                                }
                            }
                            _prepareEditCell(_ref2) {
                                let {
                                    item: item,
                                    column: column,
                                    oldColumn: oldColumn,
                                    columnIndex: columnIndex,
                                    oldRowIndex: oldRowIndex
                                } = _ref2;
                                const editingStartParams = {
                                    data: null === item || void 0 === item ? void 0 : item.data,
                                    cancel: false,
                                    column: column,
                                    key: !item.isNewRow ? item.key : void 0
                                };
                                if (this._isEditingStart(editingStartParams)) {
                                    return false
                                }
                                this._pageIndex = this._dataController.pageIndex();
                                this._setEditRowKey(item.key, true);
                                this._setEditColumnNameByIndex(columnIndex, true);
                                this._repaintEditCell(column, oldColumn, oldRowIndex);
                                if (!column.showEditorAlways) {
                                    this._addInternalData({
                                        key: item.key,
                                        oldData: item.oldData ?? item.data
                                    })
                                }
                                return true
                            }
                            closeEditCell(isError, withoutSaveEditData) {
                                let result = (0, _deferred2.when)();
                                const oldEditRowIndex = this._getVisibleEditRowIndex();
                                if (this.isCellOrBatchEditMode()) {
                                    const deferred = new _deferred2.Deferred;
                                    result = new _deferred2.Deferred;
                                    this.executeOperation(deferred, () => {
                                        this._closeEditCellCore(isError, oldEditRowIndex, withoutSaveEditData).always(result.resolve)
                                    })
                                }
                                return result.promise()
                            }
                            _closeEditCellCore(isError, oldEditRowIndex, withoutSaveEditData) {
                                const dataController = this._dataController;
                                const deferred = new _deferred2.Deferred;
                                const promise = deferred.promise();
                                if (this.isCellEditMode() && this.hasChanges()) {
                                    if (!withoutSaveEditData) {
                                        this.saveEditData().done(error => {
                                            if (!this.hasChanges()) {
                                                this.closeEditCell(!!error).always(deferred.resolve);
                                                return
                                            }
                                            deferred.resolve()
                                        });
                                        return promise
                                    }
                                } else {
                                    this._resetEditRowKey();
                                    this._resetEditColumnName();
                                    if (oldEditRowIndex >= 0) {
                                        const rowIndices = [oldEditRowIndex];
                                        this._beforeCloseEditCellInBatchMode(rowIndices);
                                        if (!isError) {
                                            dataController.updateItems({
                                                changeType: "update",
                                                rowIndices: rowIndices
                                            })
                                        }
                                    }
                                }
                                deferred.resolve();
                                return promise
                            }
                            _resetModifiedClassCells(changes) {
                                if (this.isBatchEditMode()) {
                                    const columnsCount = this._columnsController.getVisibleColumns().length;
                                    changes.forEach(_ref3 => {
                                        let {
                                            key: key
                                        } = _ref3;
                                        const rowIndex = this._dataController.getRowIndexByKey(key);
                                        for (let columnIndex = 0; columnIndex < columnsCount; columnIndex++) {
                                            const cellElement = this._rowsView._getCellElement(rowIndex, columnIndex);
                                            null === cellElement || void 0 === cellElement || cellElement.removeClass(_const.CELL_MODIFIED_CLASS)
                                        }
                                    })
                                }
                            }
                            _prepareChange(options, value, text) {
                                const $cellElement = (0, _renderer.default)(options.cellElement);
                                if (this.isBatchEditMode() && void 0 !== options.key) {
                                    this._applyModified($cellElement, options)
                                }
                                return super._prepareChange(options, value, text)
                            }
                            _cancelSaving(result) {
                                const dataController = this._dataController;
                                if (this.isCellOrBatchEditMode()) {
                                    if (this.isBatchEditMode()) {
                                        this._resetEditIndices()
                                    }
                                    dataController.updateItems()
                                }
                                super._cancelSaving(result)
                            }
                            optionChanged(args) {
                                const {
                                    fullName: fullName
                                } = args;
                                if ("editing" === args.name && fullName === _const.EDITING_EDITCOLUMNNAME_OPTION_NAME) {
                                    this._handleEditColumnNameChange(args);
                                    args.handled = true
                                } else {
                                    super.optionChanged(args)
                                }
                            }
                            _editCellFromOptionChanged(columnIndex, oldColumnIndex, oldRowIndex) {
                                const columns = this._columnsController.getVisibleColumns();
                                if (columnIndex > -1) {
                                    (0, _common.deferRender)(() => {
                                        this._repaintEditCell(columns[columnIndex], columns[oldColumnIndex], oldRowIndex)
                                    })
                                }
                            }
                            _handleEditRowKeyChange(args) {
                                if (this.isCellOrBatchEditMode()) {
                                    const columnIndex = this._getVisibleEditColumnIndex();
                                    const oldRowIndexCorrection = this._getEditRowIndexCorrection();
                                    const oldRowIndex = this._dataController.getRowIndexByKey(args.previousValue) + oldRowIndexCorrection;
                                    if ((0, _type.isDefined)(args.value) && args.value !== args.previousValue) {
                                        var _this$_editCellFromOp;
                                        null === (_this$_editCellFromOp = this._editCellFromOptionChanged) || void 0 === _this$_editCellFromOp || _this$_editCellFromOp.call(this, columnIndex, columnIndex, oldRowIndex)
                                    }
                                } else {
                                    super._handleEditRowKeyChange(args)
                                }
                            }
                            deleteRow(rowIndex) {
                                if (this.isCellEditMode() && this.isEditing()) {
                                    const {
                                        isNewRow: isNewRow
                                    } = this._dataController.items()[rowIndex];
                                    const rowKey = this._dataController.getKeyByRowIndex(rowIndex);
                                    this.closeEditCell(null, isNewRow).always(() => {
                                        rowIndex = this._dataController.getRowIndexByKey(rowKey);
                                        this._checkAndDeleteRow(rowIndex)
                                    })
                                } else {
                                    super.deleteRow(rowIndex)
                                }
                            }
                            _checkAndDeleteRow(rowIndex) {
                                if (this.isBatchEditMode()) {
                                    this._deleteRowCore(rowIndex)
                                } else {
                                    super._checkAndDeleteRow(rowIndex)
                                }
                            }
                            _refreshCore(params) {
                                const {
                                    isPageChanged: isPageChanged
                                } = params ?? {};
                                const needResetIndexes = this.isBatchEditMode() || isPageChanged && "virtual" !== this.option("scrolling.mode");
                                if (this.isCellOrBatchEditMode()) {
                                    if (needResetIndexes) {
                                        this._resetEditColumnName();
                                        this._resetEditRowKey()
                                    }
                                } else {
                                    super._refreshCore(params)
                                }
                            }
                            _allowRowAdding(params) {
                                if (this.isBatchEditMode()) {
                                    return true
                                }
                                return super._allowRowAdding(params)
                            }
                            _afterDeleteRow(rowIndex, oldEditRowIndex) {
                                const dataController = this._dataController;
                                if (this.isBatchEditMode()) {
                                    dataController.updateItems({
                                        changeType: "update",
                                        rowIndices: [oldEditRowIndex, rowIndex]
                                    });
                                    return (new _deferred2.Deferred).resolve()
                                }
                                return super._afterDeleteRow(rowIndex, oldEditRowIndex)
                            }
                            _updateEditRow(row, forceUpdateRow, isCustomSetCellValue) {
                                if (this.isCellOrBatchEditMode()) {
                                    this._updateRowImmediately(row, forceUpdateRow, isCustomSetCellValue)
                                } else {
                                    super._updateEditRow(row, forceUpdateRow, isCustomSetCellValue)
                                }
                            }
                            _isDefaultButtonVisible(button, options) {
                                if (this.isCellOrBatchEditMode()) {
                                    const isBatchMode = this.isBatchEditMode();
                                    switch (button.name) {
                                        case "save":
                                        case "cancel":
                                        case "edit":
                                            return false;
                                        case "delete":
                                            return super._isDefaultButtonVisible(button, options) && (!isBatchMode || !options.row.removed);
                                        case "undelete":
                                            return isBatchMode && this.allowDeleting(options) && options.row.removed;
                                        default:
                                            return super._isDefaultButtonVisible(button, options)
                                    }
                                }
                                return super._isDefaultButtonVisible(button, options)
                            }
                            _isRowDeleteAllowed() {
                                const callBaseResult = super._isRowDeleteAllowed();
                                return callBaseResult || this.isBatchEditMode()
                            }
                            _beforeEndSaving(changes) {
                                if (this.isCellEditMode()) {
                                    var _changes$;
                                    if ("update" !== (null === (_changes$ = changes[0]) || void 0 === _changes$ ? void 0 : _changes$.type)) {
                                        super._beforeEndSaving(changes)
                                    }
                                } else {
                                    if (this.isBatchEditMode()) {
                                        this._resetModifiedClassCells(changes)
                                    }
                                    super._beforeEndSaving(changes)
                                }
                            }
                            prepareEditButtons(headerPanel) {
                                const editingOptions = this.option("editing") ?? {};
                                const buttonItems = super.prepareEditButtons(headerPanel);
                                const needEditingButtons = editingOptions.allowUpdating || editingOptions.allowAdding || editingOptions.allowDeleting;
                                if (needEditingButtons && this.isBatchEditMode()) {
                                    buttonItems.push(this.prepareButtonItem(headerPanel, "save", "saveEditData", 21));
                                    buttonItems.push(this.prepareButtonItem(headerPanel, "revert", "cancelEditData", 22))
                                }
                                return buttonItems
                            }
                            _saveEditDataInner() {
                                var _deferred;
                                const editRow = this._dataController.getVisibleRows()[this.getEditRowIndex()];
                                const editColumn = this._getEditColumn();
                                const showEditorAlways = null === editColumn || void 0 === editColumn ? void 0 : editColumn.showEditorAlways;
                                const isUpdateInCellMode = this.isCellEditMode() && !(null !== editRow && void 0 !== editRow && editRow.isNewRow);
                                let deferred;
                                if (isUpdateInCellMode && showEditorAlways) {
                                    deferred = new _deferred2.Deferred;
                                    this.addDeferred(deferred)
                                }
                                return super._saveEditDataInner().always(null === (_deferred = deferred) || void 0 === _deferred ? void 0 : _deferred.resolve)
                            }
                            _applyChange(options, params, forceUpdateRow) {
                                const isUpdateInCellMode = this.isCellEditMode() && options.row && !options.row.isNewRow;
                                const {
                                    showEditorAlways: showEditorAlways
                                } = options.column;
                                const isCustomSetCellValue = options.column.setCellValue !== options.column.defaultSetCellValue;
                                const focusPreviousEditingCell = showEditorAlways && !forceUpdateRow && isUpdateInCellMode && this.hasEditData() && !this.isEditCell(options.rowIndex, options.columnIndex);
                                if (focusPreviousEditingCell) {
                                    this._focusEditingCell();
                                    this._updateEditRow(options.row, true, isCustomSetCellValue);
                                    return
                                }
                                return super._applyChange(options, params, forceUpdateRow)
                            }
                            _applyChangeCore(options, forceUpdateRow) {
                                const {
                                    showEditorAlways: showEditorAlways
                                } = options.column;
                                const isUpdateInCellMode = this.isCellEditMode() && options.row && !options.row.isNewRow;
                                if (showEditorAlways && !forceUpdateRow) {
                                    if (isUpdateInCellMode) {
                                        this._setEditRowKey(options.row.key, true);
                                        this._setEditColumnNameByIndex(options.columnIndex, true);
                                        return this.saveEditData()
                                    }
                                    if (this.isBatchEditMode()) {
                                        forceUpdateRow = this._needUpdateRow(options.column);
                                        return super._applyChangeCore(options, forceUpdateRow)
                                    }
                                }
                                return super._applyChangeCore(options, forceUpdateRow)
                            }
                            _processDataItemCore(item, change, key, columns, generateDataValues) {
                                const {
                                    data: data,
                                    type: type
                                } = change;
                                if (this.isBatchEditMode() && type === _const.DATA_EDIT_DATA_REMOVE_TYPE) {
                                    item.data = (0, _array_utils.createObjectWithChanges)(item.data, data)
                                }
                                super._processDataItemCore(item, change, key, columns, generateDataValues)
                            }
                            _processRemoveCore(changes, editIndex, processIfBatch) {
                                if (this.isBatchEditMode() && !processIfBatch) {
                                    return
                                }
                                return super._processRemoveCore(changes, editIndex, processIfBatch)
                            }
                            _processRemoveIfError(changes, editIndex) {
                                if (this.isBatchEditMode()) {
                                    return
                                }
                                return super._processRemoveIfError(changes, editIndex)
                            }
                            _beforeFocusElementInRow(rowIndex) {
                                super._beforeFocusElementInRow(rowIndex);
                                const editRowIndex = rowIndex >= 0 ? rowIndex : 0;
                                const columnIndex = this.getFirstEditableColumnIndex();
                                columnIndex >= 0 && this.editCell(editRowIndex, columnIndex)
                            }
                        }
                    },
                    views: {
                        rowsView: Base => class extends Base {
                            _createTable() {
                                const $table = super._createTable.apply(this, arguments);
                                const editingController = this._editingController;
                                if (editingController.isCellOrBatchEditMode() && this.option("editing.allowUpdating")) {
                                    _events_engine.default.on($table, (0, _index.addNamespace)(_hold.default.name, "dxDataGridRowsView"), `td:not(.${_const.EDITOR_CELL_CLASS})`, this.createAction(() => {
                                        if (editingController.isEditing()) {
                                            editingController.closeEditCell()
                                        }
                                    }))
                                }
                                return $table
                            }
                            _createRow(row) {
                                const $row = super._createRow.apply(this, arguments);
                                if (row) {
                                    const editingController = this._editingController;
                                    const isRowRemoved = !!row.removed;
                                    if (editingController.isBatchEditMode()) {
                                        isRowRemoved && $row.addClass(_const.ROW_REMOVED)
                                    }
                                }
                                return $row
                            }
                        }
                    }
                }
            }
        },
        29657(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.editingFormBasedModule = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _remove = __webpack_require__( /*! ../../../../common/core/events/remove */ 28630);
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../../core/devices */ 65951));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _dom = __webpack_require__( /*! ../../../../core/utils/dom */ 86858);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/button */ 64973));
            var _form = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/form */ 74075));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/popup/ui.popup */ 10720));
            var _ui2 = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/scroll_view/ui.scrollable */ 20876));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _const = __webpack_require__( /*! ./const */ 69699);
            var _m_editing_utils = __webpack_require__( /*! ./m_editing_utils */ 1414);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.editingFormBasedModule = {
                extenders: {
                    controllers: {
                        editing: Base => class extends Base {
                            init() {
                                this._editForm = null;
                                this._updateEditFormDeferred = null;
                                super.init()
                            }
                            isEditRow(rowIndex) {
                                return !this.isPopupEditMode() && super.isEditRow(rowIndex)
                            }
                            isFormOrPopupEditMode() {
                                return this.isPopupEditMode() || this.isFormEditMode()
                            }
                            isFormEditMode() {
                                const editMode = this.option("editing.mode");
                                return editMode === _const.EDIT_MODE_FORM
                            }
                            getFirstEditableColumnIndex() {
                                const firstFormItem = this._firstFormItem;
                                if (this.isFormEditMode() && firstFormItem) {
                                    const editRowKey = this.option(_const.EDITING_EDITROWKEY_OPTION_NAME);
                                    const editRowIndex = this._dataController.getRowIndexByKey(editRowKey);
                                    const $editFormElements = this._rowsView.getCellElements(editRowIndex);
                                    return this._rowsView._getEditFormEditorVisibleIndex($editFormElements, firstFormItem.column)
                                }
                                return super.getFirstEditableColumnIndex()
                            }
                            getEditFormRowIndex() {
                                return this.isFormOrPopupEditMode() ? this._getVisibleEditRowIndex() : super.getEditFormRowIndex()
                            }
                            _isEditColumnVisible() {
                                const result = super._isEditColumnVisible();
                                const editingOptions = this.option("editing");
                                return this.isFormOrPopupEditMode() ? editingOptions.allowUpdating || result : result
                            }
                            _handleDataChanged(args) {
                                if (this.isPopupEditMode()) {
                                    var _args$items, _args$changeTypes;
                                    const editRowKey = this.option("editing.editRowKey");
                                    const hasEditRow = null === args || void 0 === args || null === (_args$items = args.items) || void 0 === _args$items ? void 0 : _args$items.some(item => (0, _common.equalByValue)(item.key, editRowKey));
                                    const onlyInsertChanges = (null === (_args$changeTypes = args.changeTypes) || void 0 === _args$changeTypes ? void 0 : _args$changeTypes.length) && args.changeTypes.every(item => "insert" === item);
                                    if (("refresh" === args.changeType || hasEditRow && args.isOptionChanged) && !onlyInsertChanges) {
                                        this._repaintEditPopup()
                                    }
                                }
                                super._handleDataChanged(args)
                            }
                            getPopupContent() {
                                var _this$_editPopup;
                                const popupVisible = null === (_this$_editPopup = this._editPopup) || void 0 === _this$_editPopup ? void 0 : _this$_editPopup.option("visible");
                                if (this.isPopupEditMode() && popupVisible) {
                                    return this._$popupContent
                                }
                            }
                            _showAddedRow(rowIndex) {
                                if (this.isPopupEditMode()) {
                                    this._showEditPopup(rowIndex)
                                } else {
                                    super._showAddedRow(rowIndex)
                                }
                            }
                            _cancelEditDataCore() {
                                super._cancelEditDataCore();
                                if (this.isPopupEditMode()) {
                                    this._hideEditPopup()
                                }
                            }
                            _updateEditRowCore(row, skipCurrentRow, isCustomSetCellValue) {
                                const editForm = this._editForm;
                                if (this.isPopupEditMode()) {
                                    if (this.option("repaintChangesOnly")) {
                                        var _row$update;
                                        null === (_row$update = row.update) || void 0 === _row$update || _row$update.call(row, row);
                                        this._rowsView.renderDelayedTemplates()
                                    } else if (editForm) {
                                        this._updateEditFormDeferred = (new _deferred.Deferred).done(() => editForm.repaint());
                                        if (!this._updateLockCount) {
                                            this._updateEditFormDeferred.resolve()
                                        }
                                    }
                                } else {
                                    super._updateEditRowCore(row, skipCurrentRow, isCustomSetCellValue)
                                }
                            }
                            _showEditPopup(rowIndex, repaintForm) {
                                const isMobileDevice = "desktop" !== _devices.default.current().deviceType;
                                const editPopupClass = this.addWidgetPrefix(_const.EDIT_POPUP_CLASS);
                                const popupOptions = (0, _extend.extend)({
                                    showTitle: false,
                                    fullScreen: isMobileDevice,
                                    wrapperAttr: {
                                        class: editPopupClass
                                    },
                                    toolbarItems: [{
                                        toolbar: "bottom",
                                        location: "after",
                                        widget: "dxButton",
                                        options: this._getSaveButtonConfig()
                                    }, {
                                        toolbar: "bottom",
                                        location: "after",
                                        widget: "dxButton",
                                        options: this._getCancelButtonConfig()
                                    }],
                                    contentTemplate: this._getPopupEditFormTemplate(rowIndex)
                                }, this.option(_const.EDITING_POPUP_OPTION_NAME));
                                if (!this._editPopup) {
                                    const $popupContainer = (0, _renderer.default)("<div>").appendTo(this.component.$element()).addClass(editPopupClass);
                                    this._editPopup = this._createComponent($popupContainer, _ui.default);
                                    this._editPopup.on("hiding", this._getEditPopupHiddenHandler());
                                    this._editPopup.on("shown", e => {
                                        _events_engine.default.trigger(e.component.$content().find(_const.FOCUSABLE_ELEMENT_SELECTOR).not(`.${_const.FOCUSABLE_ELEMENT_CLASS}`).first(), "focus");
                                        if (repaintForm) {
                                            var _this$_editForm;
                                            null === (_this$_editForm = this._editForm) || void 0 === _this$_editForm || _this$_editForm.repaint()
                                        }
                                    })
                                }
                                this._editPopup.option(popupOptions);
                                this._editPopup.show();
                                super._showEditPopup(rowIndex, repaintForm)
                            }
                            _getPopupEditFormTemplate(rowIndex) {
                                const row = this.component.getVisibleRows()[rowIndex];
                                const templateOptions = {
                                    row: row,
                                    values: row.values,
                                    rowType: row.rowType,
                                    key: row.key,
                                    rowIndex: rowIndex
                                };
                                this._rowsView._addWatchMethod(templateOptions, row);
                                return container => {
                                    const formTemplate = this.getEditFormTemplate();
                                    const scrollable = this._createComponent((0, _renderer.default)("<div>").appendTo(container), _ui2.default);
                                    this._$popupContent = (0, _renderer.default)(scrollable.content());
                                    formTemplate(this._$popupContent, templateOptions, {
                                        isPopupForm: true
                                    });
                                    this._rowsView.renderDelayedTemplates();
                                    this.setAria("label", this.localize("dxDataGrid-ariaEditForm"), (0, _renderer.default)(container).parent())
                                }
                            }
                            _repaintEditPopup() {
                                const rowIndex = this._getVisibleEditRowIndex();
                                if (rowIndex >= 0) {
                                    var _this$_editPopup2, _this$_editPopup3;
                                    const defaultAnimation = null === (_this$_editPopup2 = this._editPopup) || void 0 === _this$_editPopup2 ? void 0 : _this$_editPopup2.option("animation");
                                    null === (_this$_editPopup3 = this._editPopup) || void 0 === _this$_editPopup3 || _this$_editPopup3.option("animation", null);
                                    this._showEditPopup(rowIndex, true);
                                    if (void 0 !== defaultAnimation) {
                                        this._editPopup.option("animation", defaultAnimation)
                                    }
                                }
                            }
                            _hideEditPopup() {
                                var _this$_editPopup4;
                                null === (_this$_editPopup4 = this._editPopup) || void 0 === _this$_editPopup4 || _this$_editPopup4.option("visible", false)
                            }
                            optionChanged(args) {
                                if ("editing" === args.name && this.isFormOrPopupEditMode()) {
                                    const {
                                        fullName: fullName
                                    } = args;
                                    if (0 === fullName.indexOf(_const.EDITING_FORM_OPTION_NAME)) {
                                        this._handleFormOptionChange(args);
                                        args.handled = true
                                    } else if (0 === fullName.indexOf(_const.EDITING_POPUP_OPTION_NAME)) {
                                        this._handlePopupOptionChange(args);
                                        args.handled = true
                                    }
                                }
                                super.optionChanged(args)
                            }
                            _handleFormOptionChange(args) {
                                var _this$_editPopup5;
                                if (this.isFormEditMode()) {
                                    const editRowIndex = this._getVisibleEditRowIndex();
                                    if (editRowIndex >= 0) {
                                        this._dataController.updateItems({
                                            changeType: "update",
                                            rowIndices: [editRowIndex]
                                        })
                                    }
                                } else if (null !== (_this$_editPopup5 = this._editPopup) && void 0 !== _this$_editPopup5 && _this$_editPopup5.option("visible") && 0 === args.fullName.indexOf(_const.EDITING_FORM_OPTION_NAME)) {
                                    this._repaintEditPopup()
                                }
                            }
                            _handlePopupOptionChange(args) {
                                const editPopup = this._editPopup;
                                if (editPopup) {
                                    const popupOptionName = args.fullName.slice(_const.EDITING_POPUP_OPTION_NAME.length + 1);
                                    if (popupOptionName) {
                                        editPopup.option(popupOptionName, args.value)
                                    } else {
                                        editPopup.option(args.value)
                                    }
                                }
                            }
                            renderFormEditorTemplate(detailCellOptions, item, formTemplateOptions, container, isReadOnly) {
                                const that = this;
                                const $container = (0, _renderer.default)(container);
                                const {
                                    column: column
                                } = item;
                                const editorType = (0, _m_editing_utils.getEditorType)(item);
                                const row = null === detailCellOptions || void 0 === detailCellOptions ? void 0 : detailCellOptions.row;
                                const rowData = null === row || void 0 === row ? void 0 : row.data;
                                const form = formTemplateOptions.component;
                                const value = column.calculateCellValue(rowData);
                                const displayValue = _m_utils.default.getDisplayValue(column, value, rowData, null === row || void 0 === row ? void 0 : row.rowType);
                                const {
                                    label: label,
                                    labelMark: labelMark,
                                    labelMode: labelMode
                                } = formTemplateOptions.editorOptions || {};
                                const cellOptions = (0, _extend.extend)({}, detailCellOptions, {
                                    data: rowData,
                                    cellElement: null,
                                    isOnForm: true,
                                    item: item,
                                    id: form.getItemID(item.name || item.dataField),
                                    column: (0, _extend.extend)({}, column, {
                                        editorType: editorType,
                                        editorOptions: (0, _extend.extend)({
                                            label: label,
                                            labelMark: labelMark,
                                            labelMode: labelMode
                                        }, column.editorOptions, item.editorOptions)
                                    }),
                                    columnIndex: column.index,
                                    setValue: !isReadOnly && column.allowEditing && function(value, text) {
                                        that.updateFieldValue(cellOptions, value, text)
                                    }
                                });
                                cellOptions.value = value;
                                cellOptions.displayValue = displayValue;
                                cellOptions.text = !column.command ? _m_utils.default.formatValue(displayValue, column) : "";
                                const template = this._getFormEditItemTemplate.bind(this)(cellOptions, column);
                                this._rowsView.renderTemplate($container, template, cellOptions, !!(0, _dom.isElementInDom)($container)).done(() => {
                                    this._rowsView._updateCell($container, cellOptions)
                                });
                                return cellOptions
                            }
                            getFormEditorTemplate(cellOptions, item) {
                                const column = this.component.columnOption(item.name || item.dataField);
                                return (options, container) => {
                                    const $container = (0, _renderer.default)(container);
                                    const {
                                        row: row
                                    } = cellOptions;
                                    if (null !== row && void 0 !== row && row.watch) {
                                        const dispose = row.watch(() => column.selector(row.data), () => {
                                            var _validator;
                                            let $editorElement = $container.find(".dx-widget").first();
                                            let validator = $editorElement.data("dxValidator");
                                            const validatorOptions = null === (_validator = validator) || void 0 === _validator ? void 0 : _validator.option();
                                            $container.contents().remove();
                                            cellOptions = this.renderFormEditorTemplate.bind(this)(cellOptions, item, options, $container);
                                            $editorElement = $container.find(".dx-widget").first();
                                            validator = $editorElement.data("dxValidator");
                                            if (validatorOptions && !validator) {
                                                $editorElement.dxValidator({
                                                    validationRules: validatorOptions.validationRules,
                                                    validationGroup: validatorOptions.validationGroup,
                                                    dataGetter: validatorOptions.dataGetter
                                                })
                                            }
                                        });
                                        _events_engine.default.on($container, _remove.removeEvent, dispose)
                                    }
                                    cellOptions = this.renderFormEditorTemplate.bind(this)(cellOptions, item, options, $container)
                                }
                            }
                            getEditFormOptions(detailOptions) {
                                var _this$_getValidationG;
                                const editFormOptions = null === (_this$_getValidationG = this._getValidationGroupsInForm) || void 0 === _this$_getValidationG ? void 0 : _this$_getValidationG.call(this, detailOptions);
                                const userCustomizeItem = this.option("editing.form.customizeItem");
                                const editFormItemClass = this.addWidgetPrefix(_const.EDIT_FORM_ITEM_CLASS);
                                let items = this.option("editing.form.items");
                                const isCustomEditorType = {};
                                if (!items) {
                                    const columns = this._columnsController.getColumns();
                                    items = [];
                                    (0, _iterator.each)(columns, (_, column) => {
                                        if (!column.isBand && !column.type) {
                                            items.push({
                                                column: column,
                                                name: column.name,
                                                dataField: column.dataField
                                            })
                                        }
                                    })
                                } else {
                                    (0, _m_editing_utils.forEachFormItems)(items, item => {
                                        const itemId = (null === item || void 0 === item ? void 0 : item.name) || (null === item || void 0 === item ? void 0 : item.dataField);
                                        if (itemId) {
                                            isCustomEditorType[itemId] = !!item.editorType
                                        }
                                    })
                                }
                                return (0, _extend.extend)({}, editFormOptions, {
                                    items: items,
                                    formID: `dx-${new _guid.default}`,
                                    customizeItem: item => {
                                        let column;
                                        const itemId = item.name || item.dataField;
                                        if (item.column || itemId) {
                                            column = item.column || this._columnsController.columnOption(item.name ? `name:${item.name}` : `dataField:${item.dataField}`)
                                        }
                                        if (column) {
                                            item.label = item.label || {};
                                            item.label.text = item.label.text || column.caption;
                                            if ("boolean" === column.dataType && void 0 === item.label.visible) {
                                                const labelMode = this.option("editing.form.labelMode");
                                                if ("floating" === labelMode || "static" === labelMode) {
                                                    item.label.visible = true
                                                }
                                            }
                                            item.template = item.template || this.getFormEditorTemplate(detailOptions, item);
                                            item.column = column;
                                            item.isCustomEditorType = isCustomEditorType[itemId];
                                            if (column.formItem) {
                                                (0, _extend.extend)(item, column.formItem)
                                            }
                                            if (void 0 === item.isRequired && column.validationRules) {
                                                item.isRequired = column.validationRules.some(rule => "required" === rule.type);
                                                item.validationRules = []
                                            }
                                            const itemVisible = (0, _type.isDefined)(item.visible) ? item.visible : true;
                                            if (!this._firstFormItem && itemVisible) {
                                                this._firstFormItem = item
                                            }
                                        }
                                        null === userCustomizeItem || void 0 === userCustomizeItem || userCustomizeItem.call(this, item);
                                        item.cssClass = (0, _type.isString)(item.cssClass) ? `${item.cssClass} ${editFormItemClass}` : editFormItemClass
                                    }
                                })
                            }
                            getEditFormTemplate() {
                                return ($container, detailOptions, options) => {
                                    const editFormOptions = this.option(_const.EDITING_FORM_OPTION_NAME);
                                    const baseEditFormOptions = this.getEditFormOptions(detailOptions);
                                    const $formContainer = (0, _renderer.default)("<div>").appendTo($container);
                                    const isPopupForm = null === options || void 0 === options ? void 0 : options.isPopupForm;
                                    this._firstFormItem = void 0;
                                    if (isPopupForm) {
                                        $formContainer.addClass(this.addWidgetPrefix(_const.EDIT_POPUP_FORM_CLASS))
                                    }
                                    this._editForm = this._createComponent($formContainer, _form.default, (0, _extend.extend)({}, editFormOptions, baseEditFormOptions));
                                    if (!isPopupForm) {
                                        const $buttonsContainer = (0, _renderer.default)("<div>").addClass(this.addWidgetPrefix(_const.FORM_BUTTONS_CONTAINER_CLASS)).appendTo($container);
                                        this._createComponent((0, _renderer.default)("<div>").appendTo($buttonsContainer), _button.default, this._getSaveButtonConfig());
                                        this._createComponent((0, _renderer.default)("<div>").appendTo($buttonsContainer), _button.default, this._getCancelButtonConfig())
                                    }
                                    this._editForm.on("contentReady", () => {
                                        var _this$_editPopup6;
                                        this._rowsView.renderDelayedTemplates();
                                        null === (_this$_editPopup6 = this._editPopup) || void 0 === _this$_editPopup6 || _this$_editPopup6.repaint()
                                    })
                                }
                            }
                            getEditForm() {
                                return this._editForm
                            }
                            _endUpdateCore() {
                                var _this$_updateEditForm;
                                null === (_this$_updateEditForm = this._updateEditFormDeferred) || void 0 === _this$_updateEditForm || _this$_updateEditForm.resolve()
                            }
                            _beforeEndSaving(changes) {
                                super._beforeEndSaving(changes);
                                if (this.isPopupEditMode()) {
                                    var _this$_editPopup7;
                                    null === (_this$_editPopup7 = this._editPopup) || void 0 === _this$_editPopup7 || _this$_editPopup7.hide()
                                }
                            }
                            _processDataItemCore(item, change, key, columns, generateDataValues) {
                                const {
                                    type: type
                                } = change;
                                if (this.isPopupEditMode() && type === _const.DATA_EDIT_DATA_INSERT_TYPE) {
                                    item.visible = false
                                }
                                super._processDataItemCore(item, change, key, columns, generateDataValues)
                            }
                            _editRowFromOptionChangedCore(rowIndices, rowIndex) {
                                const isPopupEditMode = this.isPopupEditMode();
                                super._editRowFromOptionChangedCore(rowIndices, rowIndex, isPopupEditMode);
                                if (isPopupEditMode) {
                                    this._showEditPopup(rowIndex)
                                }
                            }
                        },
                        data: Base => class extends Base {
                            _updateEditItem(item) {
                                if (this._editingController.isFormEditMode()) {
                                    item.rowType = "detail"
                                }
                            }
                            _getChangedColumnIndices(oldItem, newItem, visibleRowIndex, isLiveUpdate) {
                                if (false === isLiveUpdate && newItem.isEditing && this._editingController.isFormEditMode()) {
                                    return
                                }
                                return super._getChangedColumnIndices.apply(this, arguments)
                            }
                        }
                    },
                    views: {
                        rowsView: Base => class extends Base {
                            _renderCellContent($cell, options) {
                                if ("data" === options.rowType && this._editingController.isPopupEditMode() && false === options.row.visible) {
                                    return
                                }
                                super._renderCellContent.apply(this, arguments)
                            }
                            getCellElements(rowIndex) {
                                const $cellElements = super.getCellElements(rowIndex);
                                const editingController = this._editingController;
                                const editForm = editingController.getEditForm();
                                const editFormRowIndex = editingController.getEditFormRowIndex();
                                if (editFormRowIndex === rowIndex && $cellElements && editForm) {
                                    return editForm.$element().find(`.${this.addWidgetPrefix(_const.EDIT_FORM_ITEM_CLASS)}, .${_const.BUTTON_CLASS}`)
                                }
                                return $cellElements
                            }
                            _getVisibleColumnIndex($cells, rowIndex, columnIdentifier) {
                                const editFormRowIndex = this._editingController.getEditFormRowIndex();
                                if (editFormRowIndex === rowIndex && (0, _type.isString)(columnIdentifier)) {
                                    const column = this._columnsController.columnOption(columnIdentifier);
                                    return this._getEditFormEditorVisibleIndex($cells, column)
                                }
                                return super._getVisibleColumnIndex($cells, rowIndex, columnIdentifier)
                            }
                            _getEditFormEditorVisibleIndex($cells, column) {
                                let visibleIndex = -1;
                                (0, _iterator.each)($cells, (index, cellElement) => {
                                    const item = (0, _renderer.default)(cellElement).find(".dx-field-item-content").data("dx-form-item");
                                    if (null !== item && void 0 !== item && item.column && column && item.column.index === column.index) {
                                        visibleIndex = index;
                                        return false
                                    }
                                });
                                return visibleIndex
                            }
                            _isFormItem(parameters) {
                                const isDetailRow = "detail" === parameters.rowType || "detailAdaptive" === parameters.rowType;
                                const isPopupEditing = "data" === parameters.rowType && this._editingController.isPopupEditMode();
                                return (isDetailRow || isPopupEditing) && parameters.item
                            }
                            _updateCell($cell, parameters) {
                                if (this._isFormItem(parameters)) {
                                    this._formItemPrepared(parameters, $cell)
                                } else {
                                    super._updateCell($cell, parameters)
                                }
                            }
                            _updateContent() {
                                const editingController = this._editingController;
                                const oldEditForm = editingController.getEditForm();
                                const validationGroup = null === oldEditForm || void 0 === oldEditForm ? void 0 : oldEditForm.option("validationGroup");
                                const deferred = super._updateContent.apply(this, arguments);
                                return deferred.done(() => {
                                    const newEditForm = editingController.getEditForm();
                                    if (validationGroup && newEditForm && newEditForm !== oldEditForm) {
                                        newEditForm.option("validationGroup", validationGroup)
                                    }
                                })
                            }
                        }
                    }
                }
            }
        },
        56671(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.editingRowBasedModule = void 0;
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _const = __webpack_require__( /*! ./const */ 69699);
            exports.editingRowBasedModule = {
                extenders: {
                    controllers: {
                        editing: Base => class extends Base {
                            isRowEditMode() {
                                return this.getEditMode() === _const.EDIT_MODE_ROW
                            }
                            _afterCancelEditData(rowIndex) {
                                const dataController = this._dataController;
                                if (this.isRowBasedEditMode() && rowIndex >= 0) {
                                    dataController.updateItems({
                                        changeType: "update",
                                        rowIndices: [rowIndex, rowIndex + 1]
                                    })
                                } else {
                                    super._afterCancelEditData(rowIndex)
                                }
                            }
                            _isDefaultButtonVisible(button, options) {
                                const isRowMode = this.isRowBasedEditMode();
                                const isPopupEditMode = this.isPopupEditMode();
                                const isEditRow = !isPopupEditMode && options.row && (0, _common.equalByValue)(options.row.key, this.option(_const.EDITING_EDITROWKEY_OPTION_NAME));
                                if (isRowMode) {
                                    switch (button.name) {
                                        case "edit":
                                            return !isEditRow && this.allowUpdating(options);
                                        case "delete":
                                            return super._isDefaultButtonVisible(button, options) && !isEditRow;
                                        case "save":
                                        case "cancel":
                                            return isEditRow;
                                        default:
                                            return super._isDefaultButtonVisible(button, options)
                                    }
                                }
                                return super._isDefaultButtonVisible(button, options)
                            }
                            isEditRow(rowIndex) {
                                return this.isRowBasedEditMode() && this.isEditRowByIndex(rowIndex)
                            }
                            _cancelSaving(result) {
                                if (this.isRowBasedEditMode()) {
                                    if (!this.hasChanges()) {
                                        this._cancelEditDataCore()
                                    }
                                }
                                super._cancelSaving(result)
                            }
                            _refreshCore(params) {
                                const {
                                    allowCancelEditing: allowCancelEditing
                                } = params ?? {};
                                if (this.isRowBasedEditMode()) {
                                    const hasUpdateChanges = this.getChanges().filter(it => "update" === it.type).length > 0;
                                    this.init();
                                    allowCancelEditing && hasUpdateChanges && this._cancelEditDataCore()
                                }
                                super._refreshCore(params)
                            }
                            _isEditColumnVisible() {
                                const result = super._isEditColumnVisible();
                                const editingOptions = this.option("editing");
                                const isRowEditMode = this.isRowEditMode();
                                const isVisibleInRowEditMode = editingOptions.allowUpdating || editingOptions.allowAdding;
                                return result || isRowEditMode && isVisibleInRowEditMode
                            }
                            _focusEditorIfNeed() {
                                const editMode = this.getEditMode();
                                if (this._needFocusEditor) {
                                    if (_const.MODES_WITH_DELAYED_FOCUS.includes(editMode)) {
                                        const $editingCell = this.getFocusedCellInRow(this._getVisibleEditRowIndex());
                                        this._delayedInputFocus($editingCell, () => {
                                            $editingCell && this.component.focus($editingCell)
                                        })
                                    }
                                    this._needFocusEditor = false
                                }
                            }
                        },
                        data: Base => class extends Base {
                            _getChangedColumnIndices(oldItem, newItem, rowIndex, isLiveUpdate) {
                                if (this._editingController.isRowBasedEditMode() && oldItem.isEditing !== newItem.isEditing) {
                                    return
                                }
                                return super._getChangedColumnIndices.apply(this, arguments)
                            }
                        }
                    },
                    views: {
                        rowsView: Base => class extends Base {
                            _createRow(row) {
                                const $row = super._createRow.apply(this, arguments);
                                if (row) {
                                    const editingController = this._editingController;
                                    const isEditRow = editingController.isEditRow(row.rowIndex);
                                    if (isEditRow) {
                                        $row.addClass(_const.EDIT_ROW);
                                        $row.removeClass(_const.ROW_SELECTED_CLASS);
                                        if ("detail" === row.rowType) {
                                            $row.addClass(this.addWidgetPrefix(_const.EDIT_FORM_CLASS))
                                        }
                                    }
                                }
                                return $row
                            }
                            _update(change) {
                                super._update(change);
                                if ("updateSelection" === change.changeType) {
                                    this.getTableElements().children("tbody").children(`.${_const.EDIT_ROW}`).removeClass(_const.ROW_SELECTED_CLASS)
                                }
                            }
                        }
                    }
                }
            }
        },
        1414(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getButtonIndex = exports.generateNewRowTempKey = exports.forEachFormItems = exports.createFailureHandler = void 0;
            exports.getButtonName = getButtonName;
            exports.getEditorType = exports.getEditingTexts = void 0;
            exports.isEditable = function($element) {
                return $element && ($element.is("input") || $element.is("textarea"))
            };
            exports.isNewRowTempKey = exports.isEditingOrShowEditorAlwaysDataCell = exports.isEditingCell = void 0;
            var _guid = (e = __webpack_require__( /*! ../../../../core/guid */ 19427), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            exports.createFailureHandler = function(deferred) {
                return function(arg) {
                    const error = arg instanceof Error ? arg : new Error(arg && String(arg) || "Unknown error");
                    deferred.reject(error)
                }
            };
            const isEditingCell = function(isEditRow, cellOptions) {
                return cellOptions.isEditing || isEditRow && cellOptions.column.allowEditing
            };
            exports.isEditingCell = isEditingCell;
            exports.isEditingOrShowEditorAlwaysDataCell = function(isEditRow, cellOptions) {
                const isCommandCell = !!cellOptions.column.command;
                const isEditing = isEditingCell(isEditRow, cellOptions);
                const isEditorCell = !isCommandCell && (isEditing || cellOptions.column.showEditorAlways);
                return "data" === cellOptions.rowType && isEditorCell
            };
            exports.getEditingTexts = options => {
                const editingTexts = options.component.option("editing.texts") || {};
                return {
                    save: editingTexts.saveRowChanges,
                    cancel: editingTexts.cancelRowChanges,
                    edit: editingTexts.editRow,
                    undelete: editingTexts.undeleteRow,
                    delete: editingTexts.deleteRow,
                    add: editingTexts.addRowToNode
                }
            };
            exports.generateNewRowTempKey = () => `_DX_KEY_${new _guid.default}`;
            exports.isNewRowTempKey = key => "string" === typeof key && key.startsWith("_DX_KEY_") && 44 === key.length;
            exports.getButtonIndex = (buttons, name) => {
                let result = -1;
                buttons.some((button, index) => {
                    if (getButtonName(button) === name) {
                        result = index;
                        return true
                    }
                });
                return result
            };

            function getButtonName(button) {
                return (0, _type.isObject)(button) ? button.name : button
            }
            exports.getEditorType = item => {
                var _column$formItem;
                const {
                    column: column
                } = item;
                return item.isCustomEditorType ? item.editorType : null === (_column$formItem = column.formItem) || void 0 === _column$formItem ? void 0 : _column$formItem.editorType
            };
            const forEachFormItems = (items, callBack) => {
                items.forEach(item => {
                    if (item.items || item.tabs) {
                        forEachFormItems(item.items || item.tabs, callBack)
                    } else {
                        callBack(item)
                    }
                })
            };
            exports.forEachFormItems = forEachFormItems
        },
        77862(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.editorFactoryModule = exports.EditorFactory = void 0;
            var _position = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/animation/position */ 3030));
            var _click = __webpack_require__( /*! ../../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/browser */ 48314));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _position2 = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/shared/ui.editor_factory_mixin */ 87093));
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const UPDATE_FOCUS_EVENTS = (0, _index.addNamespace)([_click.name, "focusin"].join(" "), "dxDataGridEditorFactory");
            const ViewControllerWithMixin = (0, _ui.default)(_m_modules.default.ViewController);
            class EditorFactory extends ViewControllerWithMixin {
                init() {
                    this.createAction("onEditorPreparing", {
                        excludeValidators: ["disabled", "readOnly"],
                        category: "rendering"
                    });
                    this.createAction("onEditorPrepared", {
                        excludeValidators: ["disabled", "readOnly"],
                        category: "rendering"
                    });
                    this._columnsResizerController = this.getController("columnsResizer");
                    this._editingController = this.getController("editing");
                    this._keyboardNavigationController = this.getController("keyboardNavigation");
                    this._columnsController = this.getController("columns");
                    this._validatingController = this.getController("validating");
                    this._columnHeadersView = this.getView("columnHeadersView");
                    this._rowsView = this.getView("rowsView");
                    this._updateFocusHandler = this._updateFocusHandler || this.createAction(this._updateFocus.bind(this));
                    this._subscribedContainerRoot = this._getContainerRoot();
                    _events_engine.default.on(this._subscribedContainerRoot, UPDATE_FOCUS_EVENTS, this._updateFocusHandler);
                    this._attachContainerEventHandlers()
                }
                dispose() {
                    clearTimeout(this._focusTimeoutID);
                    clearTimeout(this._updateFocusTimeoutID);
                    _events_engine.default.off(this._subscribedContainerRoot, UPDATE_FOCUS_EVENTS, this._updateFocusHandler)
                }
                _getFocusedElement($dataGridElement) {
                    const rowSelector = this.option("focusedRowEnabled") ? "tr[tabindex]:focus" : "tr[tabindex]:not(.dx-data-row):focus";
                    const focusedElementSelector = ["td[tabindex]:focus", `${rowSelector}`, "input:focus", "button:focus", "textarea:focus", "div[tabindex]:focus", ".dx-lookup-field:focus", ".dx-checkbox:focus", ".dx-switch:focus", ".dx-dropdownbutton .dx-buttongroup:focus", ".dx-adaptive-item-text:focus"].join(",");
                    const $focusedElement = $dataGridElement.find(focusedElementSelector);
                    return this.elementIsInsideGrid($focusedElement) && $focusedElement
                }
                _getFocusCellSelector() {
                    return ".dx-row > td"
                }
                _updateFocusCore() {
                    const $dataGridElement = this.component && this.component.$element();
                    if ($dataGridElement) {
                        let $focus = this._getFocusedElement($dataGridElement);
                        if ($focus && $focus.length) {
                            let isHideBorder;
                            if (!$focus.hasClass("dx-cell-focus-disabled") && !$focus.hasClass("dx-row")) {
                                const $focusCell = $focus.closest(`${this._getFocusCellSelector()}, .dx-cell-focus-disabled`);
                                if ($focusCell.get(0) !== $focus.get(0)) {
                                    isHideBorder = this._needHideBorder($focusCell);
                                    $focus = $focusCell
                                }
                            }
                            if ($focus.length && !$focus.hasClass("dx-cell-focus-disabled")) {
                                this.focus($focus, isHideBorder);
                                return
                            }
                        }
                    }
                    this.loseFocus()
                }
                _needHideBorder($element) {
                    const rowsViewElement = this._rowsView.element();
                    const isRowsView = $element.closest(rowsViewElement).length > 0;
                    const isEditing = this._editingController.isEditing();
                    return $element.hasClass("dx-editor-inline-block") || isRowsView && !isEditing
                }
                _updateFocus(e) {
                    const that = this;
                    const isFocusOverlay = e && e.event && (0, _renderer.default)(e.event.target).hasClass(that.addWidgetPrefix("focus-overlay"));
                    that._isFocusOverlay = that._isFocusOverlay || isFocusOverlay;
                    clearTimeout(that._updateFocusTimeoutID);
                    that._updateFocusTimeoutID = setTimeout(() => {
                        delete that._updateFocusTimeoutID;
                        if (!that._isFocusOverlay) {
                            that._updateFocusCore()
                        }
                        that._isFocusOverlay = false
                    })
                }
                updateFocusOverlaySize($element, position) {
                    $element.hide();
                    const location = _position.default.calculate($element, (0, _extend.extend)({
                        collision: "fit"
                    }, position));
                    if (location.h.oversize > 0) {
                        (0, _size.setOuterWidth)($element, (0, _size.getOuterWidth)($element) - location.h.oversize)
                    }
                    if (location.v.oversize > 0) {
                        (0, _size.setOuterHeight)($element, (0, _size.getOuterHeight)($element) - location.v.oversize)
                    }
                    $element.show()
                }
                callbackNames() {
                    return ["focused"]
                }
                getFocusOverlayContainer($focusedElement) {
                    return $focusedElement.closest(`.${this.addWidgetPrefix("content")}`)
                }
                getFocusOverlaySize($element) {
                    const elementRect = (0, _position2.getBoundingRect)($element.get(0));
                    return {
                        width: elementRect.right - elementRect.left + 1,
                        height: elementRect.bottom - elementRect.top + 1
                    }
                }
                updateFocusOverlay($element) {
                    let isHideBorder = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                    if (isHideBorder) {
                        this._$focusOverlay.addClass("dx-hidden")
                    } else if ($element.length) {
                        const align = _browser.default.mozilla ? "right bottom" : "left top";
                        const isFocusedCellInvalid = $element.hasClass(this.addWidgetPrefix("invalid"));
                        const isFocusedCellModified = $element.hasClass("dx-cell-modified") && !isFocusedCellInvalid;
                        const $content = this.getFocusOverlayContainer($element);
                        const focusOverlaySize = this.getFocusOverlaySize($element);
                        this._$focusOverlay.removeClass("dx-hidden").toggleClass("dx-focused-cell-invalid", isFocusedCellInvalid).toggleClass("dx-focused-cell-modified", isFocusedCellModified).appendTo($content);
                        (0, _size.setOuterHeight)(this._$focusOverlay, focusOverlaySize.height);
                        (0, _size.setOuterWidth)(this._$focusOverlay, focusOverlaySize.width);
                        const focusOverlayPosition = {
                            precise: true,
                            my: align,
                            at: align,
                            of: $element,
                            boundary: $content.length && $content
                        };
                        this.updateFocusOverlaySize(this._$focusOverlay, focusOverlayPosition);
                        _position.default.setup(this._$focusOverlay, focusOverlayPosition);
                        this._$focusOverlay.css("visibility", "visible")
                    }
                }
                renderFocusOverlay($element, isHideBorder) {
                    if (!_m_utils.default.isElementInCurrentGrid(this, $element)) {
                        return
                    }
                    if (!this._$focusOverlay) {
                        this._$focusOverlay = (0, _renderer.default)("<div>").addClass(this.addWidgetPrefix("focus-overlay"))
                    }
                    this.updateFocusOverlay($element, isHideBorder)
                }
                focus($element, isHideBorder) {
                    const that = this;
                    if (void 0 === $element) {
                        return that._$focusedElement
                    }
                    if ($element) {
                        if (!$element.is(that._$focusedElement)) {
                            that._$focusedElement && that._$focusedElement.removeClass("dx-focused")
                        }
                        that._$focusedElement = $element;
                        clearTimeout(that._focusTimeoutID);
                        that._focusTimeoutID = setTimeout(() => {
                            delete that._focusTimeoutID;
                            that.renderFocusOverlay($element, isHideBorder);
                            $element.addClass("dx-focused");
                            that.focused.fire($element)
                        })
                    }
                }
                refocus() {
                    const $focus = this.focus();
                    this.focus($focus)
                }
                resize() {
                    const $focusedElement = this._$focusedElement;
                    if ($focusedElement) {
                        this.focus($focusedElement)
                    }
                }
                loseFocus(skipValidator) {
                    this._$focusedElement && this._$focusedElement.removeClass("dx-focused");
                    this._$focusedElement = null;
                    this._$focusOverlay && this._$focusOverlay.addClass("dx-hidden")
                }
                _getContainerRoot() {
                    var _this$component;
                    const $container = null === (_this$component = this.component) || void 0 === _this$component ? void 0 : _this$component.$element();
                    const root = _dom_adapter.default.getRootNode(null === $container || void 0 === $container ? void 0 : $container.get(0));
                    if (root.nodeType === Node.DOCUMENT_FRAGMENT_NODE && !root.host) {
                        return _dom_adapter.default.getDocument()
                    }
                    return root
                }
                _attachContainerEventHandlers() {
                    const that = this;
                    const $container = that.component && that.component.$element();
                    if ($container) {
                        _events_engine.default.on($container, (0, _index.addNamespace)("keydown", "dxDataGridEditorFactory"), e => {
                            if ("tab" === (0, _index.normalizeKeyName)(e)) {
                                that._updateFocusHandler(e)
                            }
                        })
                    }
                }
                getFocusOverlay() {
                    return this._$focusOverlay
                }
                hasOverlayElements() {
                    var _this$_$focusOverlay;
                    return !!(null !== (_this$_$focusOverlay = this._$focusOverlay) && void 0 !== _this$_$focusOverlay && _this$_$focusOverlay.length) && !this._$focusOverlay.hasClass("dx-hidden")
                }
            }
            exports.EditorFactory = EditorFactory;
            exports.editorFactoryModule = {
                defaultOptions: () => ({}),
                controllers: {
                    editorFactory: EditorFactory
                }
            }
        },
        82358(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.errorHandlingModule = exports.ErrorHandlingController = void 0;
            var _click = __webpack_require__( /*! ../../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class ErrorHandlingController extends _m_modules.default.ViewController {
                init() {
                    this._resizingController = this.getController("resizing");
                    this._columnsController = this.getController("columns");
                    this._columnHeadersView = this.getView("columnHeadersView");
                    this._toastViewController = this.getController("toastViewController");
                    this._rowsView = this.getView("rowsView")
                }
                _createErrorRow(error, $tableElements) {
                    let $errorRow;
                    let $closeButton;
                    const $errorMessage = this._renderErrorMessage(error);
                    if ($tableElements) {
                        $errorRow = (0, _renderer.default)("<tr>").attr("role", "row").addClass("dx-error-row");
                        $closeButton = (0, _renderer.default)("<div>").addClass("dx-closebutton").addClass(this.addWidgetPrefix("action"));
                        _events_engine.default.on($closeButton, _click.name, this.createAction(args => {
                            var _this$_resizingContro, _this$_resizingContro2;
                            const e = args.event;
                            let $errorRow;
                            const errorRowIndex = (0, _renderer.default)(e.currentTarget).closest(".dx-error-row").index();
                            e.stopPropagation();
                            (0, _iterator.each)($tableElements, (_, tableElement) => {
                                $errorRow = (0, _renderer.default)(tableElement).children("tbody").children("tr").eq(errorRowIndex);
                                this.removeErrorRow($errorRow)
                            });
                            null === (_this$_resizingContro = this._resizingController) || void 0 === _this$_resizingContro || null === (_this$_resizingContro2 = _this$_resizingContro.fireContentReadyAction) || void 0 === _this$_resizingContro2 || _this$_resizingContro2.call(_this$_resizingContro)
                        }));
                        (0, _renderer.default)("<td>").attr({
                            colSpan: this._columnsController.getVisibleColumns().length,
                            role: "gridcell"
                        }).prepend($closeButton).append($errorMessage).appendTo($errorRow);
                        return $errorRow
                    }
                    return $errorMessage
                }
                _renderErrorMessage(error) {
                    const message = error.url ? error.message.replace(error.url, "") : error.message || error;
                    const $message = (0, _renderer.default)("<div>").addClass("dx-error-message").text(message);
                    this.setAria("role", "alert", $message);
                    this.setAria("roledescription", _message.default.format("dxDataGrid-ariaError"), $message);
                    if (error.url) {
                        (0, _renderer.default)("<a>").attr("href", error.url).text(error.url).appendTo($message)
                    }
                    return $message
                }
                renderErrorRow(error, rowIndex, $popupContent) {
                    var _this$_resizingContro3, _this$_resizingContro4;
                    const that = this;
                    let $errorMessageElement;
                    let $firstErrorRow;
                    if ($popupContent) {
                        $popupContent.find(".dx-error-message").remove();
                        $errorMessageElement = that._createErrorRow(error);
                        $popupContent.prepend($errorMessageElement);
                        return $errorMessageElement
                    }
                    const viewElement = rowIndex >= 0 || !that._columnHeadersView.isVisible() ? that._rowsView : that._columnHeadersView;
                    const $tableElements = viewElement.getTableElements();
                    (0, _iterator.each)($tableElements, (_, tableElement) => {
                        $errorMessageElement = that._createErrorRow(error, $tableElements);
                        $firstErrorRow = $firstErrorRow || $errorMessageElement;
                        if (rowIndex >= 0) {
                            const $row = viewElement._getRowElements((0, _renderer.default)(tableElement)).eq(rowIndex);
                            that.removeErrorRow($row.next());
                            $errorMessageElement.insertAfter($row)
                        } else {
                            const $tbody = (0, _renderer.default)(tableElement).children("tbody");
                            const rowElements = $tbody.children("tr");
                            if (that._columnHeadersView.isVisible()) {
                                that.removeErrorRow(rowElements.last());
                                (0, _renderer.default)(tableElement).append($errorMessageElement)
                            } else {
                                that.removeErrorRow(rowElements.first());
                                $tbody.first().prepend($errorMessageElement)
                            }
                        }
                    });
                    null === (_this$_resizingContro3 = this._resizingController) || void 0 === _this$_resizingContro3 || null === (_this$_resizingContro4 = _this$_resizingContro3.fireContentReadyAction) || void 0 === _this$_resizingContro4 || _this$_resizingContro4.call(_this$_resizingContro3);
                    return $firstErrorRow
                }
                removeErrorRow($row) {
                    if (!$row) {
                        const $columnHeaders = this._columnHeadersView && this._columnHeadersView.element();
                        $row = $columnHeaders && $columnHeaders.find(".dx-error-row");
                        if (!$row || !$row.length) {
                            const $rowsViewElement = this._rowsView.element();
                            $row = $rowsViewElement && $rowsViewElement.find(".dx-error-row")
                        }
                    }
                    $row && $row.hasClass("dx-error-row") && $row.remove()
                }
                optionChanged(args) {
                    if ("errorRowEnabled" === args.name) {
                        args.handled = true
                    } else {
                        super.optionChanged(args)
                    }
                }
                showToastError(message) {
                    this._toastViewController.showToast(message, {
                        type: "error"
                    })
                }
            }
            exports.ErrorHandlingController = ErrorHandlingController;
            exports.errorHandlingModule = {
                defaultOptions: () => ({
                    errorRowEnabled: true
                }),
                controllers: {
                    errorHandling: ErrorHandlingController
                },
                extenders: {
                    controllers: {
                        data: Base => class extends Base {
                            init() {
                                super.init();
                                this.dataErrorOccurred.add((error, $popupContent) => {
                                    if (this.option("errorRowEnabled")) {
                                        this._errorHandlingController.renderErrorRow(error, void 0, $popupContent)
                                    }
                                });
                                this.changed.add(e => {
                                    if (e && "loadError" === e.changeType) {
                                        return
                                    }
                                    if (this._editingController && !this._editingController.hasChanges()) {
                                        var _this$_errorHandlingC, _this$_errorHandlingC2;
                                        null === (_this$_errorHandlingC = this._errorHandlingController) || void 0 === _this$_errorHandlingC || null === (_this$_errorHandlingC2 = _this$_errorHandlingC.removeErrorRow) || void 0 === _this$_errorHandlingC2 || _this$_errorHandlingC2.call(_this$_errorHandlingC)
                                    }
                                })
                            }
                        }
                    }
                }
            }
        },
        65382(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.filterBuilderModule = exports.FilterBuilderView = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _filter_builder = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/filter_builder */ 35299));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/popup/ui.popup */ 10720));
            var _scroll_view = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/scroll_view */ 91374));
            var _accessibility = __webpack_require__( /*! ../../../../ui/shared/accessibility */ 16191);
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class FilterBuilderView extends _m_modules.default.View {
                init() {
                    super.init();
                    this._columnsController = this.getController("columns");
                    this._filterSyncController = this.getController("filterSync")
                }
                optionChanged(args) {
                    switch (args.name) {
                        case "filterBuilder":
                        case "filterBuilderPopup":
                            this._invalidate();
                            args.handled = true;
                            break;
                        default:
                            super.optionChanged(args)
                    }
                }
                _renderCore() {
                    this._updatePopupOptions()
                }
                _updatePopupOptions() {
                    if (this.option("filterBuilderPopup.visible")) {
                        this._initPopup()
                    } else if (this._filterBuilderPopup) {
                        this._filterBuilderPopup.hide()
                    }
                }
                _disposePopup() {
                    if (this._filterBuilderPopup) {
                        this._filterBuilderPopup.dispose();
                        this._filterBuilderPopup = void 0
                    }
                    if (this._filterBuilder) {
                        this._filterBuilder.dispose();
                        this._filterBuilder = void 0
                    }
                }
                _initPopup() {
                    const that = this;
                    that._disposePopup();
                    that._filterBuilderPopup = that._createComponent(that.element(), _ui.default, (0, _extend.extend)({
                        title: _message.default.format("dxDataGrid-filterBuilderPopupTitle"),
                        contentTemplate: $contentElement => that._getPopupContentTemplate($contentElement),
                        onOptionChanged(args) {
                            if ("visible" === args.name) {
                                that.option("filterBuilderPopup.visible", args.value)
                            }
                        },
                        toolbarItems: that._getPopupToolbarItems()
                    }, that.option("filterBuilderPopup"), {
                        onHidden() {
                            (0, _accessibility.restoreFocus)(that);
                            that._disposePopup()
                        }
                    }))
                }
                _getPopupContentTemplate(contentElement) {
                    const $contentElement = (0, _renderer.default)(contentElement);
                    const $filterBuilderContainer = (0, _renderer.default)("<div>").appendTo((0, _renderer.default)(contentElement));
                    this._filterBuilder = this._createComponent($filterBuilderContainer, _filter_builder.default, (0, _extend.extend)({
                        value: this.option("filterValue"),
                        fields: this._columnsController.getFilteringColumns()
                    }, this.option("filterBuilder"), {
                        customOperations: this._filterSyncController.getCustomFilterOperations()
                    }));
                    this._createComponent($contentElement, _scroll_view.default, {
                        direction: "both"
                    })
                }
                _getPopupToolbarItems() {
                    const that = this;
                    return [{
                        toolbar: "bottom",
                        location: "after",
                        widget: "dxButton",
                        options: {
                            text: _message.default.format("OK"),
                            onClick() {
                                const filter = that._filterBuilder.option("value");
                                that.option("filterValue", filter);
                                that._filterBuilderPopup.hide()
                            }
                        }
                    }, {
                        toolbar: "bottom",
                        location: "after",
                        widget: "dxButton",
                        options: {
                            text: _message.default.format("Cancel"),
                            onClick() {
                                that._filterBuilderPopup.hide()
                            }
                        }
                    }]
                }
            }
            exports.FilterBuilderView = FilterBuilderView;
            exports.filterBuilderModule = {
                defaultOptions: () => ({
                    filterBuilder: {
                        groupOperationDescriptions: {
                            and: _message.default.format("dxFilterBuilder-and"),
                            or: _message.default.format("dxFilterBuilder-or"),
                            notAnd: _message.default.format("dxFilterBuilder-notAnd"),
                            notOr: _message.default.format("dxFilterBuilder-notOr")
                        },
                        filterOperationDescriptions: {
                            between: _message.default.format("dxFilterBuilder-filterOperationBetween"),
                            equal: _message.default.format("dxFilterBuilder-filterOperationEquals"),
                            notEqual: _message.default.format("dxFilterBuilder-filterOperationNotEquals"),
                            lessThan: _message.default.format("dxFilterBuilder-filterOperationLess"),
                            lessThanOrEqual: _message.default.format("dxFilterBuilder-filterOperationLessOrEquals"),
                            greaterThan: _message.default.format("dxFilterBuilder-filterOperationGreater"),
                            greaterThanOrEqual: _message.default.format("dxFilterBuilder-filterOperationGreaterOrEquals"),
                            startsWith: _message.default.format("dxFilterBuilder-filterOperationStartsWith"),
                            contains: _message.default.format("dxFilterBuilder-filterOperationContains"),
                            notContains: _message.default.format("dxFilterBuilder-filterOperationNotContains"),
                            endsWith: _message.default.format("dxFilterBuilder-filterOperationEndsWith"),
                            isBlank: _message.default.format("dxFilterBuilder-filterOperationIsBlank"),
                            isNotBlank: _message.default.format("dxFilterBuilder-filterOperationIsNotBlank")
                        }
                    },
                    filterBuilderPopup: {}
                }),
                views: {
                    filterBuilderView: FilterBuilderView
                }
            }
        },
        44651(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.anyOf = function(grid) {
                return (0, _extend.extend)(baseOperation(grid), {
                    name: "anyof",
                    icon: "selectall",
                    caption: _message.default.format("dxFilterBuilder-filterOperationAnyOf")
                })
            };
            exports.noneOf = function(grid) {
                const baseOp = baseOperation(grid);
                return (0, _extend.extend)({}, baseOp, {
                    calculateFilterExpression(filterValue, field, fields) {
                        const baseFilter = baseOp.calculateFilterExpression(filterValue, field, fields);
                        if (!baseFilter || 0 === baseFilter.length) {
                            return null
                        }
                        return "!" === baseFilter[0] ? baseFilter : ["!", baseFilter]
                    },
                    name: "noneof",
                    icon: "unselectall",
                    caption: _message.default.format("dxFilterBuilder-filterOperationNoneOf")
                })
            };
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _data_source = __webpack_require__( /*! ../../../../common/data/data_source/data_source */ 68216);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/widget/ui.errors */ 35185));
            var _m_utils = __webpack_require__( /*! ../../../filter_builder/m_utils */ 29498);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }

            function baseOperation(grid) {
                const getFullText = function(itemText, parentText) {
                    return parentText ? `${parentText}/${itemText}` : itemText
                };
                const getSelectedItemsTexts = function(items, parentText) {
                    let result = [];
                    items.forEach(item => {
                        if (item.items) {
                            const selectedItemsTexts = getSelectedItemsTexts(item.items, getFullText(item.text, parentText));
                            result = result.concat(selectedItemsTexts)
                        }
                        item.selected && result.push(getFullText(item.text, parentText))
                    });
                    return result
                };
                const headerFilterController = grid && grid.getController("headerFilter");
                return {
                    dataTypes: ["string", "date", "datetime", "number", "boolean", "object"],
                    calculateFilterExpression: function(filterValue, field, fields) {
                        const result = [];
                        const lastIndex = filterValue.length - 1;
                        filterValue && filterValue.forEach((value, index) => {
                            if ((0, _m_utils.isCondition)(value) || (0, _m_utils.isGroup)(value)) {
                                const filterExpression = (0, _m_utils.getFilterExpression)(value, fields, [], "headerFilter");
                                result.push(filterExpression)
                            } else {
                                const filterExpression = (0, _m_utils.getFilterExpression)([field.dataField, "=", value], fields, [], "headerFilter");
                                result.push(filterExpression)
                            }
                            index !== lastIndex && result.push("or")
                        });
                        if (1 === result.length) {
                            return result[0]
                        }
                        return result
                    },
                    editorTemplate(conditionInfo, container) {
                        const div = (0, _renderer.default)("<div>").addClass("dx-filterbuilder-item-value-text").appendTo(container);
                        const column = (0, _extend.extend)(true, {}, grid.columnOption(conditionInfo.field.dataField));
                        (0, _m_utils.renderValueText)(div, conditionInfo.text && conditionInfo.text.split("|"));
                        column.filterType = "include";
                        column.filterValues = conditionInfo.value ? conditionInfo.value.slice() : [];
                        headerFilterController.showHeaderFilterMenuBase({
                            columnElement: div,
                            column: column,
                            apply() {
                                value = this.filterValues, void conditionInfo.setValue(value);
                                var value;
                                headerFilterController.hideHeaderFilterMenu();
                                conditionInfo.closeEditor()
                            },
                            onHidden() {
                                conditionInfo.closeEditor()
                            },
                            isFilterBuilder: true
                        });
                        return container
                    },
                    customizeText: function(fieldInfo, options) {
                        options = options || {};
                        const {
                            value: value
                        } = fieldInfo;
                        let column = grid.columnOption(fieldInfo.field.dataField);
                        const headerFilter = column && column.headerFilter;
                        const lookup = column && column.lookup;
                        const values = options.values || [value];
                        if (headerFilter && headerFilter.dataSource || lookup && lookup.dataSource) {
                            const result = new _deferred.Deferred;
                            const itemsDeferred = options.items || new _deferred.Deferred;
                            if (!options.items) {
                                column = (0, _extend.extend)({}, column, {
                                    filterType: "include",
                                    filterValues: values
                                });
                                const dataSourceOptions = headerFilterController.getDataSource(column);
                                dataSourceOptions.paginate = false;
                                const dataSource = new _data_source.DataSource(dataSourceOptions);
                                const key = dataSource.store().key();
                                if (key) {
                                    const {
                                        values: values
                                    } = options;
                                    if (values && values.length > 1) {
                                        const filter = values.reduce((result, value) => {
                                            if (result.length) {
                                                result.push("or")
                                            }
                                            result.push([key, "=", value]);
                                            return result
                                        }, []);
                                        dataSource.filter(filter)
                                    } else {
                                        dataSource.filter([key, "=", fieldInfo.value])
                                    }
                                } else if (fieldInfo.field.calculateDisplayValue) {
                                    _ui.default.log("W1017")
                                }
                                options.items = itemsDeferred;
                                dataSource.load().done(itemsDeferred.resolve)
                            }
                            itemsDeferred.done(items => {
                                const index = values.indexOf(fieldInfo.value);
                                result.resolve(getSelectedItemsTexts(items, null)[index])
                            });
                            return result
                        }
                        const text = headerFilterController.getHeaderItemText(value, column, 0, grid.option("headerFilter"));
                        return text
                    }
                }
            }
        },
        17887(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.filterPanelModule = exports.FilterPanelView = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _check_box = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/check_box */ 94319));
            var _m_inflector = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/m_inflector */ 66122));
            var _m_utils = __webpack_require__( /*! ../../../filter_builder/m_utils */ 29498);
            var _m_accessibility = __webpack_require__( /*! ../m_accessibility */ 68491);
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));
            var _m_utils2 = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class FilterPanelView extends _m_modules.default.View {
                init() {
                    this._dataController = this.getController("data");
                    this._columnsController = this.getController("columns");
                    this._filterSyncController = this.getController("filterSync");
                    this._dataController.dataSourceChanged.add(() => this.render())
                }
                isVisible() {
                    return this.option("filterPanel.visible") && this._dataController.dataSource()
                }
                _renderCore() {
                    const $element = this.element();
                    $element.empty();
                    const isColumnsDefined = !!this._columnsController.getColumns().length;
                    if (!isColumnsDefined) {
                        return
                    }
                    $element.addClass(this.addWidgetPrefix("filter-panel"));
                    const $leftContainer = (0, _renderer.default)("<div>").addClass(this.addWidgetPrefix("filter-panel-left")).appendTo($element);
                    this._renderFilterBuilderText($element, $leftContainer)
                }
                _renderFilterBuilderText($element, $leftContainer) {
                    const $filterElement = this._getFilterElement();
                    const $textElement = this._getTextElement();
                    if (this.option("filterValue") || this._filterValueBuffer) {
                        const $checkElement = this._getCheckElement();
                        const $removeButtonElement = this._getRemoveButtonElement();
                        $leftContainer.append($checkElement).append($filterElement).append($textElement);
                        $element.append($removeButtonElement);
                        return
                    }
                    $leftContainer.append($filterElement).append($textElement)
                }
                _getCheckElement() {
                    const that = this;
                    const $element = (0, _renderer.default)("<div>").addClass(this.addWidgetPrefix("filter-panel-checkbox"));
                    that._createComponent($element, _check_box.default, {
                        value: that.option("filterPanel.filterEnabled"),
                        onValueChanged(e) {
                            that.option("filterPanel.filterEnabled", e.value)
                        }
                    });
                    const filterEnabledHint = this.option("filterPanel.texts.filterEnabledHint") ?? _message.default.format("dxDataGrid-filterPanelFilterEnabledHint");
                    $element.attr("title", filterEnabledHint);
                    return $element
                }
                _getFilterElement() {
                    const that = this;
                    const $element = (0, _renderer.default)("<div>").addClass("dx-icon-filter");
                    _events_engine.default.on($element, "click", () => that._showFilterBuilder());
                    (0, _m_accessibility.registerKeyboardAction)("filterPanel", that, $element, void 0, () => that._showFilterBuilder());
                    that._addTabIndexToElement($element);
                    return $element
                }
                _getTextElement() {
                    const that = this;
                    const $textElement = (0, _renderer.default)("<div>").addClass(that.addWidgetPrefix("filter-panel-text"));
                    let filterText;
                    const filterValue = that.option("filterValue");
                    if (filterValue) {
                        (0, _deferred.when)(that.getFilterText(filterValue, this._filterSyncController.getCustomFilterOperations())).done(filterText => {
                            const customizeText = that.option("filterPanel.customizeText");
                            if (customizeText) {
                                const customText = customizeText({
                                    component: that.component,
                                    filterValue: filterValue,
                                    text: filterText
                                });
                                if ("string" === typeof customText) {
                                    filterText = customText
                                }
                            }
                            $textElement.text(filterText)
                        })
                    } else {
                        filterText = that.option("filterPanel.texts.createFilter") ?? _message.default.format("dxDataGrid-filterPanelCreateFilter");
                        $textElement.text(filterText)
                    }
                    _events_engine.default.on($textElement, "click", () => that._showFilterBuilder());
                    (0, _m_accessibility.registerKeyboardAction)("filterPanel", that, $textElement, void 0, () => that._showFilterBuilder());
                    that._addTabIndexToElement($textElement);
                    return $textElement
                }
                _showFilterBuilder() {
                    this.option("filterBuilderPopup.visible", true)
                }
                _getRemoveButtonElement() {
                    const that = this;
                    const clearFilterValue = () => that.option("filterValue", null);
                    const clearFilterText = that.option("filterPanel.texts.clearFilter") ?? _message.default.format("dxDataGrid-filterPanelClearFilter");
                    const $element = (0, _renderer.default)("<div>").addClass(that.addWidgetPrefix("filter-panel-clear-filter")).text(clearFilterText);
                    _events_engine.default.on($element, "click", clearFilterValue);
                    (0, _m_accessibility.registerKeyboardAction)("filterPanel", this, $element, void 0, clearFilterValue);
                    that._addTabIndexToElement($element);
                    return $element
                }
                _addTabIndexToElement($element) {
                    if (!this.option("useLegacyKeyboardNavigation")) {
                        const tabindex = this.option("tabindex") || 0;
                        $element.attr("tabindex", tabindex)
                    }
                }
                optionChanged(args) {
                    switch (args.name) {
                        case "filterValue":
                            this._invalidate();
                            this.option("filterPanel.filterEnabled", true);
                            args.handled = true;
                            break;
                        case "filterPanel":
                            this._invalidate();
                            args.handled = true;
                            break;
                        default:
                            super.optionChanged(args)
                    }
                }
                _getConditionText(fieldText, operationText, valueText) {
                    let result = `[${fieldText}] ${operationText}`;
                    if ((0, _type.isDefined)(valueText)) {
                        result += valueText
                    }
                    return result
                }
                _getValueMaskedText(value) {
                    return Array.isArray(value) ? `('${value.join("', '")}')` : ` '${value}'`
                }
                _getValueText(field, customOperation, value) {
                    const deferred = new _deferred.Deferred;
                    const hasCustomOperation = customOperation && customOperation.customizeText;
                    if ((0, _type.isDefined)(value) || hasCustomOperation) {
                        if (!hasCustomOperation && field.lookup) {
                            (0, _m_utils.getCurrentLookupValueText)(field, value, data => {
                                deferred.resolve(this._getValueMaskedText(data))
                            })
                        } else {
                            const displayValue = Array.isArray(value) ? value : _m_utils2.default.getDisplayValue(field, value, null);
                            (0, _deferred.when)((0, _m_utils.getCurrentValueText)(field, displayValue, customOperation, "filterPanel")).done(data => {
                                deferred.resolve(this._getValueMaskedText(data))
                            })
                        }
                    } else {
                        deferred.resolve("")
                    }
                    return deferred.promise()
                }
                getFilterOperationDescriptions() {
                    return {
                        between: this.option("filterBuilder.filterOperationDescriptions.between") ?? _message.default.format("dxFilterBuilder-filterOperationBetween"),
                        equal: this.option("filterBuilder.filterOperationDescriptions.equal") ?? _message.default.format("dxFilterBuilder-filterOperationEquals"),
                        notEqual: this.option("filterBuilder.filterOperationDescriptions.notEqual") ?? _message.default.format("dxFilterBuilder-filterOperationNotEquals"),
                        lessThan: this.option("filterBuilder.filterOperationDescriptions.lessThan") ?? _message.default.format("dxFilterBuilder-filterOperationLess"),
                        lessThanOrEqual: this.option("filterBuilder.filterOperationDescriptions.lessThanOrEqual") ?? _message.default.format("dxFilterBuilder-filterOperationLessOrEquals"),
                        greaterThan: this.option("filterBuilder.filterOperationDescriptions.greaterThan") ?? _message.default.format("dxFilterBuilder-filterOperationGreater"),
                        greaterThanOrEqual: this.option("filterBuilder.filterOperationDescriptions.greaterThanOrEqual") ?? _message.default.format("dxFilterBuilder-filterOperationGreaterOrEquals"),
                        startsWith: this.option("filterBuilder.filterOperationDescriptions.startsWith") ?? _message.default.format("dxFilterBuilder-filterOperationStartsWith"),
                        contains: this.option("filterBuilder.filterOperationDescriptions.contains") ?? _message.default.format("dxFilterBuilder-filterOperationContains"),
                        notContains: this.option("filterBuilder.filterOperationDescriptions.notContains") ?? _message.default.format("dxFilterBuilder-filterOperationNotContains"),
                        endsWith: this.option("filterBuilder.filterOperationDescriptions.endsWith") ?? _message.default.format("dxFilterBuilder-filterOperationEndsWith"),
                        isBlank: this.option("filterBuilder.filterOperationDescriptions.isBlank") ?? _message.default.format("dxFilterBuilder-filterOperationIsBlank"),
                        isNotBlank: this.option("filterBuilder.filterOperationDescriptions.isNotBlank") ?? _message.default.format("dxFilterBuilder-filterOperationIsNotBlank")
                    }
                }
                getConditionText(filterValue, options) {
                    const that = this;
                    const operation = filterValue[1];
                    const deferred = new _deferred.Deferred;
                    const customOperation = (0, _m_utils.getCustomOperation)(options.customOperations, operation);
                    let operationText;
                    const field = (0, _m_utils.getField)(filterValue[0], options.columns);
                    const fieldText = field.caption || "";
                    const value = filterValue[2];
                    const filterOperationDescriptions = this.getFilterOperationDescriptions();
                    if (customOperation) {
                        operationText = customOperation.caption || _m_inflector.default.captionize(customOperation.name)
                    } else if (null === value) {
                        operationText = (0, _m_utils.getCaptionByOperation)("=" === operation ? "isblank" : "isnotblank", filterOperationDescriptions)
                    } else {
                        operationText = (0, _m_utils.getCaptionByOperation)(operation, filterOperationDescriptions)
                    }
                    this._getValueText(field, customOperation, value).done(valueText => {
                        deferred.resolve(that._getConditionText(fieldText, operationText, valueText))
                    });
                    return deferred
                }
                getGroupText(filterValue, options, isInnerGroup) {
                    const that = this;
                    const result = new _deferred.Deferred;
                    const textParts = [];
                    const groupValue = (0, _m_utils.getGroupValue)(filterValue);
                    filterValue.forEach(item => {
                        if ((0, _m_utils.isCondition)(item)) {
                            textParts.push(that.getConditionText(item, options))
                        } else if ((0, _m_utils.isGroup)(item)) {
                            textParts.push(that.getGroupText(item, options, true))
                        }
                    });
                    _deferred.when.apply(this, textParts).done(function() {
                        let text;
                        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                            args[_key] = arguments[_key]
                        }
                        if (groupValue.startsWith("!")) {
                            const groupText = options.groupOperationDescriptions[`not${groupValue.substring(1,2).toUpperCase()}${groupValue.substring(2)}`].split(" ");
                            text = `${groupText[0]} ${args[0]}`
                        } else {
                            text = args.join(` ${options.groupOperationDescriptions[groupValue]} `)
                        }
                        if (isInnerGroup) {
                            text = `(${text})`
                        }
                        result.resolve(text)
                    });
                    return result
                }
                getFilterText(filterValue, customOperations) {
                    const options = {
                        customOperations: customOperations,
                        columns: this._columnsController.getFilteringColumns(),
                        filterOperationDescriptions: this.getFilterOperationDescriptions(),
                        groupOperationDescriptions: {
                            and: this.option("filterBuilder.groupOperationDescriptions.and") ?? _message.default.format("dxFilterBuilder-and"),
                            or: this.option("filterBuilder.groupOperationDescriptions.or") ?? _message.default.format("dxFilterBuilder-or"),
                            notAnd: this.option("filterBuilder.groupOperationDescriptions.notAnd") ?? _message.default.format("dxFilterBuilder-notAnd"),
                            notOr: this.option("filterBuilder.groupOperationDescriptions.notOr") ?? _message.default.format("dxFilterBuilder-notOr")
                        }
                    };
                    return (0, _m_utils.isCondition)(filterValue) ? this.getConditionText(filterValue, options) : this.getGroupText(filterValue, options)
                }
            }
            exports.FilterPanelView = FilterPanelView;
            exports.filterPanelModule = {
                defaultOptions: () => ({
                    filterPanel: {
                        visible: false,
                        filterEnabled: true
                    }
                }),
                views: {
                    filterPanelView: FilterPanelView
                },
                extenders: {
                    controllers: {
                        data: Base => class extends Base {
                            optionChanged(args) {
                                if ("filterPanel" === args.name) {
                                    this._applyFilter();
                                    args.handled = true
                                } else {
                                    super.optionChanged(args)
                                }
                            }
                        }
                    }
                }
            }
        },
        62289(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.filterRowModule = exports.ApplyFilterViewController = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _menu = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/menu */ 1614));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/overlay/ui.overlay */ 89132));
            var _accessibility = __webpack_require__( /*! ../../../../ui/shared/accessibility */ 16191);
            var _editor = _interopRequireDefault(__webpack_require__( /*! ../../../ui/editor/editor */ 24768));
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const OPERATION_ICONS = {
                "=": "filter-operation-equals",
                "<>": "filter-operation-not-equals",
                "<": "filter-operation-less",
                "<=": "filter-operation-less-equal",
                ">": "filter-operation-greater",
                ">=": "filter-operation-greater-equal",
                default: "filter-operation-default",
                notcontains: "filter-operation-not-contains",
                contains: "filter-operation-contains",
                startswith: "filter-operation-starts-with",
                endswith: "filter-operation-ends-with",
                between: "filter-operation-between"
            };
            const OPERATION_DESCRIPTORS = {
                "=": "equal",
                "<>": "notEqual",
                "<": "lessThan",
                "<=": "lessThanOrEqual",
                ">": "greaterThan",
                ">=": "greaterThanOrEqual",
                startswith: "startsWith",
                contains: "contains",
                notcontains: "notContains",
                endswith: "endsWith",
                between: "between"
            };
            const BETWEEN_OPERATION_DATA_TYPES = ["date", "datetime", "number"];
            const MULTISELECT_EDITOR_NAMES = ["dxTagBox", "dxDateRangeBox", "dxCalendar", "dxRangeSlider"];

            function isOnClickApplyFilterMode(that) {
                return "onClick" === that.option("filterRow.applyFilter")
            }
            const getEditorInstance = function($editorContainer) {
                const $editor = null === $editorContainer || void 0 === $editorContainer ? void 0 : $editorContainer.children();
                const componentNames = null === $editor || void 0 === $editor ? void 0 : $editor.data("dxComponents");
                const editor = (null === componentNames || void 0 === componentNames ? void 0 : componentNames.length) && $editor.data(componentNames[0]);
                if (editor instanceof _editor.default) {
                    return editor
                }
                return null
            };
            const getRangeTextByFilterValue = function(that, column) {
                let result = "";
                let rangeEnd = "";
                const filterValue = getColumnFilterValue(that, column);
                const formatOptions = _m_utils.default.getFormatOptionsByColumn(column, "filterRow");
                if (Array.isArray(filterValue)) {
                    result = _m_utils.default.formatValue(filterValue[0], formatOptions);
                    rangeEnd = _m_utils.default.formatValue(filterValue[1], formatOptions);
                    if ("" !== rangeEnd) {
                        result += ` - ${rangeEnd}`
                    }
                } else if ((0, _type.isDefined)(filterValue)) {
                    result = _m_utils.default.formatValue(filterValue, formatOptions)
                }
                return result
            };

            function getColumnFilterValue(that, column) {
                if (column) {
                    return isOnClickApplyFilterMode(that) && void 0 !== column.bufferedFilterValue ? column.bufferedFilterValue : column.filterValue
                }
            }
            const getColumnSelectedFilterOperation = function(that, column) {
                if (column) {
                    return isOnClickApplyFilterMode(that) && void 0 !== column.bufferedSelectedFilterOperation ? column.bufferedSelectedFilterOperation : column.selectedFilterOperation
                }
            };
            const isValidFilterValue = function(filterValue, column, $editorContainer) {
                if (Array.isArray(filterValue)) {
                    if (function($editorContainer) {
                            const editor = getEditorInstance($editorContainer);
                            return !editor || MULTISELECT_EDITOR_NAMES.includes(editor.NAME ?? "")
                        }($editorContainer)) {
                        return true
                    }
                    if (BETWEEN_OPERATION_DATA_TYPES.includes((null === column || void 0 === column ? void 0 : column.dataType) ?? "")) {
                        return false
                    }
                }
                return void 0 !== filterValue
            };
            const getFilterValue = function(that, columnIndex, $editorContainer) {
                const column = that._columnsController.columnOption(columnIndex);
                const filterValue = getColumnFilterValue(that, column);
                const isFilterRange = $editorContainer.closest(`.${that.addWidgetPrefix("filter-range-overlay")}`).length;
                const isRangeStart = $editorContainer.hasClass(that.addWidgetPrefix("filter-range-start"));
                const isBetween = "between" === getColumnSelectedFilterOperation(that, column);
                if (filterValue && Array.isArray(filterValue) && isBetween) {
                    if (isRangeStart) {
                        return filterValue[0]
                    }
                    return filterValue[1]
                }
                if (isFilterRange || !isValidFilterValue(filterValue, column, $editorContainer)) {
                    return null
                }
                return filterValue
            };
            const updateFilterValue = function(that, options) {
                const value = "" === options.value ? null : options.value;
                const $editorContainer = options.container;
                const column = that._columnsController.columnOption(options.column.index);
                const filterValue = getFilterValue(that, column.index, $editorContainer);
                if (!(0, _type.isDefined)(filterValue) && !(0, _type.isDefined)(value)) {
                    return
                }
                that._applyFilterViewController.setHighLight($editorContainer, filterValue !== value);
                const columnOptionName = isOnClickApplyFilterMode(that) ? "bufferedFilterValue" : "filterValue";
                const normalizedValue = function(that, filterValue, column, $editorContainer) {
                    if ("between" === getColumnSelectedFilterOperation(that, column)) {
                        const columnFilterValue = getColumnFilterValue(that, column);
                        if ($editorContainer.hasClass(that.addWidgetPrefix("filter-range-start"))) {
                            return [filterValue, Array.isArray(columnFilterValue) ? columnFilterValue[1] : void 0]
                        }
                        return [Array.isArray(columnFilterValue) ? columnFilterValue[0] : columnFilterValue, filterValue]
                    }
                    return filterValue
                }(that, value, column, $editorContainer);
                const isBetween = "between" === getColumnSelectedFilterOperation(that, column);
                const notFireEvent = options.notFireEvent || isBetween && Array.isArray(normalizedValue) && normalizedValue.includes(void 0);
                that._columnsController.columnOption(column.index, columnOptionName, normalizedValue, notFireEvent)
            };
            class ApplyFilterViewController extends _m_modules.default.ViewController {
                init() {
                    this._columnsController = this.getController("columns")
                }
                _getHeaderPanel() {
                    if (!this._headerPanel) {
                        this._headerPanel = this.getView("headerPanel")
                    }
                    return this._headerPanel
                }
                setHighLight($element, value) {
                    if (isOnClickApplyFilterMode(this)) {
                        (null === $element || void 0 === $element ? void 0 : $element.toggleClass("dx-highlight-outline", value)) && $element.closest(".dx-editor-cell").toggleClass("dx-filter-modified", value);
                        this._getHeaderPanel().enableApplyButton(value)
                    }
                }
                applyFilter() {
                    const columns = this._columnsController.getColumns();
                    this._columnsController.beginUpdate();
                    for (let i = 0; i < columns.length; i++) {
                        const column = columns[i];
                        if (void 0 !== column.bufferedFilterValue) {
                            this._columnsController.columnOption(i, "filterValue", column.bufferedFilterValue);
                            column.bufferedFilterValue = void 0
                        }
                        if (void 0 !== column.bufferedSelectedFilterOperation) {
                            this._columnsController.columnOption(i, "selectedFilterOperation", column.bufferedSelectedFilterOperation);
                            column.bufferedSelectedFilterOperation = void 0
                        }
                    }
                    this._columnsController.endUpdate();
                    this.removeHighLights()
                }
                removeHighLights() {
                    if (isOnClickApplyFilterMode(this)) {
                        const columnHeadersViewElement = this.getView("columnHeadersView").element();
                        columnHeadersViewElement.find(`.${this.addWidgetPrefix("filter-row")} .dx-highlight-outline`).removeClass("dx-highlight-outline");
                        columnHeadersViewElement.find(`.${this.addWidgetPrefix("filter-row")} .dx-filter-modified`).removeClass("dx-filter-modified");
                        this._getHeaderPanel().enableApplyButton(false)
                    }
                }
                setCurrentColumnForFiltering(column) {
                    this._currentColumn = column
                }
                getCurrentColumnForFiltering() {
                    return this._currentColumn
                }
            }
            exports.ApplyFilterViewController = ApplyFilterViewController;
            exports.filterRowModule = {
                defaultOptions: () => ({
                    syncLookupFilterValues: true,
                    filterRow: {
                        visible: false,
                        showOperationChooser: true,
                        showAllText: _message.default.format("dxDataGrid-filterRowShowAllText"),
                        resetOperationText: _message.default.format("dxDataGrid-filterRowResetOperationText"),
                        applyFilter: "auto",
                        applyFilterText: _message.default.format("dxDataGrid-applyFilterText"),
                        operationDescriptions: {
                            equal: _message.default.format("dxDataGrid-filterRowOperationEquals"),
                            notEqual: _message.default.format("dxDataGrid-filterRowOperationNotEquals"),
                            lessThan: _message.default.format("dxDataGrid-filterRowOperationLess"),
                            lessThanOrEqual: _message.default.format("dxDataGrid-filterRowOperationLessOrEquals"),
                            greaterThan: _message.default.format("dxDataGrid-filterRowOperationGreater"),
                            greaterThanOrEqual: _message.default.format("dxDataGrid-filterRowOperationGreaterOrEquals"),
                            startsWith: _message.default.format("dxDataGrid-filterRowOperationStartsWith"),
                            contains: _message.default.format("dxDataGrid-filterRowOperationContains"),
                            notContains: _message.default.format("dxDataGrid-filterRowOperationNotContains"),
                            endsWith: _message.default.format("dxDataGrid-filterRowOperationEndsWith"),
                            between: _message.default.format("dxDataGrid-filterRowOperationBetween"),
                            isBlank: _message.default.format("dxFilterBuilder-filterOperationIsBlank"),
                            isNotBlank: _message.default.format("dxFilterBuilder-filterOperationIsNotBlank")
                        },
                        betweenStartText: _message.default.format("dxDataGrid-filterRowOperationBetweenStartText"),
                        betweenEndText: _message.default.format("dxDataGrid-filterRowOperationBetweenEndText")
                    }
                }),
                controllers: {
                    applyFilter: ApplyFilterViewController
                },
                extenders: {
                    controllers: {
                        data: Base => class extends Base {
                            skipCalculateColumnFilters() {
                                return false
                            }
                            _calculateAdditionalFilter() {
                                if (this.skipCalculateColumnFilters()) {
                                    return super._calculateAdditionalFilter()
                                }
                                const filters = [super._calculateAdditionalFilter()];
                                const columns = this._columnsController.getVisibleColumns(null, true);
                                const applyFilterController = this._applyFilterController;
                                (0, _iterator.each)(columns, function() {
                                    var _applyFilterControlle;
                                    const shouldSkip = (null === (_applyFilterControlle = applyFilterController.getCurrentColumnForFiltering()) || void 0 === _applyFilterControlle ? void 0 : _applyFilterControlle.index) === this.index;
                                    if (this.allowFiltering && this.calculateFilterExpression && (0, _type.isDefined)(this.filterValue) && !shouldSkip) {
                                        const filter = this.createFilterExpression(this.filterValue, this.selectedFilterOperation || this.defaultFilterOperation, "filterRow");
                                        filters.push(filter)
                                    }
                                });
                                return _m_utils.default.combineFilters(filters)
                            }
                        },
                        columnsResizer: Base => class extends Base {
                            _startResizing() {
                                super._startResizing.apply(this, arguments);
                                if (this.isResizing()) {
                                    const overlayInstance = this._columnHeadersView.getFilterRangeOverlayInstance();
                                    null === overlayInstance || void 0 === overlayInstance || overlayInstance.hide()
                                }
                            }
                        },
                        editing: Base => class extends Base {
                            updateFieldValue(options) {
                                if (options.column.lookup) {
                                    this._needUpdateLookupDataSource = true
                                }
                                return super.updateFieldValue.apply(this, arguments)
                            }
                            _afterSaveEditData(cancel) {
                                if (this._needUpdateLookupDataSource && !cancel) {
                                    var _this$getView;
                                    null === (_this$getView = this.getView("columnHeadersView")) || void 0 === _this$getView || _this$getView.updateLookupDataSource()
                                }
                                this._needUpdateLookupDataSource = false;
                                return super._afterSaveEditData.apply(this, arguments)
                            }
                            _afterCancelEditData() {
                                this._needUpdateLookupDataSource = false;
                                return super._afterCancelEditData.apply(this, arguments)
                            }
                        }
                    },
                    views: {
                        columnHeadersView: Base => class extends Base {
                            init() {
                                super.init();
                                this._applyFilterViewController = this.getController("applyFilter")
                            }
                            optionChanged(args) {
                                switch (args.name) {
                                    case "filterRow":
                                    case "showColumnLines":
                                        this._invalidate(true, true);
                                        args.handled = true;
                                        break;
                                    case "syncLookupFilterValues":
                                        if (args.value) {
                                            this.updateLookupDataSource()
                                        } else {
                                            this.render()
                                        }
                                        args.handled = true;
                                        break;
                                    default:
                                        super.optionChanged(args)
                                }
                            }
                            _updateEditorValue(column, $editorContainer) {
                                const editor = getEditorInstance($editorContainer);
                                editor && editor.option("value", getFilterValue(this, column.index, $editorContainer))
                            }
                            _columnOptionChanged(e) {
                                const that = this;
                                const {
                                    optionNames: optionNames
                                } = e;
                                let $cell;
                                let $editorContainer;
                                let $editorRangeElements;
                                let $menu;
                                if (_m_utils.default.checkChanges(optionNames, ["filterValue", "bufferedFilterValue", "selectedFilterOperation", "bufferedSelectedFilterOperation", "filterValues", "filterType"]) && void 0 !== e.columnIndex) {
                                    const visibleIndex = that._columnsController.getVisibleIndex(e.columnIndex);
                                    const column = that._columnsController.columnOption(e.columnIndex);
                                    $cell = that._getCellElement(that.element().find(`.${that.addWidgetPrefix("filter-row")}`).index(), visibleIndex) ?? (0, _renderer.default)();
                                    $editorContainer = $cell.find(".dx-editor-container").first();
                                    if (optionNames.filterValue || optionNames.bufferedFilterValue) {
                                        that._updateEditorValue(column, $editorContainer);
                                        const overlayInstance = $cell.find(`.${that.addWidgetPrefix("filter-range-overlay")}`).data("dxOverlay");
                                        if (overlayInstance) {
                                            $editorRangeElements = overlayInstance.$content().find(".dx-editor-container");
                                            that._updateEditorValue(column, $editorRangeElements.first());
                                            that._updateEditorValue(column, $editorRangeElements.last())
                                        }
                                        if (!(null !== overlayInstance && void 0 !== overlayInstance && overlayInstance.option("visible"))) {
                                            that._updateFilterRangeContent($cell, getRangeTextByFilterValue(that, column))
                                        }
                                    }
                                    if (optionNames.selectedFilterOperation || optionNames.bufferedSelectedFilterOperation) {
                                        if (visibleIndex >= 0 && column) {
                                            $menu = $cell.find(".dx-menu");
                                            if ($menu.length) {
                                                that._updateFilterOperationChooser($menu, column, $editorContainer);
                                                if ("between" === getColumnSelectedFilterOperation(that, column)) {
                                                    that._renderFilterRangeContent($cell, column)
                                                } else if ($editorContainer.find(".dx-filter-range-content").length) {
                                                    that._renderEditor($editorContainer, that._getEditorOptions($editorContainer, column));
                                                    that._hideFilterRange()
                                                }
                                            }
                                        }
                                    }
                                    return
                                }
                                super._columnOptionChanged(e)
                            }
                            _renderCore() {
                                this._filterRangeOverlayInstance = null;
                                return super._renderCore.apply(this, arguments)
                            }
                            _resizeCore() {
                                var _this$_filterRangeOve;
                                super._resizeCore.apply(this, arguments);
                                null === (_this$_filterRangeOve = this._filterRangeOverlayInstance) || void 0 === _this$_filterRangeOve || _this$_filterRangeOve.repaint()
                            }
                            isFilterRowVisible() {
                                return this._isElementVisible(this.option("filterRow"))
                            }
                            isVisible() {
                                return super.isVisible() || this.isFilterRowVisible()
                            }
                            _initFilterRangeOverlay($cell, column) {
                                const that = this;
                                const sharedData = {};
                                const $editorContainer = $cell.find(".dx-editor-container");
                                const filterRangeOverlayClass = that.addWidgetPrefix("filter-range-overlay");
                                const $overlay = (0, _renderer.default)("<div>").addClass(filterRangeOverlayClass).appendTo($cell);
                                return that._createComponent($overlay, _ui.default, {
                                    height: "auto",
                                    shading: false,
                                    showTitle: false,
                                    focusStateEnabled: false,
                                    hideOnOutsideClick: true,
                                    hideOnParentScroll: true,
                                    _hideOnParentScrollTarget: $overlay,
                                    wrapperAttr: {
                                        class: filterRangeOverlayClass
                                    },
                                    container: this.element(),
                                    animation: false,
                                    position: {
                                        my: "top",
                                        at: "top",
                                        of: $editorContainer.length && $editorContainer || $cell,
                                        offset: "0 -1"
                                    },
                                    contentTemplate(contentElement) {
                                        let editorOptions;
                                        let $editor = (0, _renderer.default)("<div>").addClass(`dx-editor-container ${that.addWidgetPrefix("filter-range-start")}`).appendTo(contentElement);
                                        column = that._columnsController.columnOption(column.index);
                                        editorOptions = that._getEditorOptions($editor, column);
                                        editorOptions.sharedData = sharedData;
                                        that._renderEditor($editor, editorOptions);
                                        _events_engine.default.on($editor.find("input:not([type='hidden'])"), "keydown", e => {
                                            let $prevElement = $cell.find("[tabindex]").not(e.target).first();
                                            if ("tab" === (0, _index.normalizeKeyName)(e) && e.shiftKey) {
                                                e.preventDefault();
                                                that._hideFilterRange();
                                                if (!$prevElement.length) {
                                                    $prevElement = $cell.prev().find("[tabindex]").last()
                                                }
                                                _events_engine.default.trigger($prevElement, "focus")
                                            }
                                        });
                                        $editor = (0, _renderer.default)("<div>").addClass(`dx-editor-container ${that.addWidgetPrefix("filter-range-end")}`).appendTo(contentElement);
                                        editorOptions = that._getEditorOptions($editor, column);
                                        editorOptions.sharedData = sharedData;
                                        that._renderEditor($editor, editorOptions);
                                        _events_engine.default.on($editor.find("input:not([type='hidden'])"), "keydown", e => {
                                            if ("tab" === (0, _index.normalizeKeyName)(e) && !e.shiftKey) {
                                                that._hideFilterRange();
                                                if ($cell.next().length) {
                                                    e.preventDefault();
                                                    _events_engine.default.trigger($cell.next().find("[tabindex]").first(), "focus")
                                                }
                                            }
                                        });
                                        return (0, _renderer.default)(contentElement).addClass(that.getWidgetContainerClass())
                                    },
                                    onShown(e) {
                                        const $editor = e.component.$content().find(".dx-editor-container").first();
                                        _events_engine.default.trigger($editor.find("input:not([type='hidden'])"), "focus")
                                    },
                                    onHidden() {
                                        column = that._columnsController.columnOption(column.index);
                                        $cell.find(".dx-menu").parent().addClass("dx-editor-with-menu");
                                        if ("between" === getColumnSelectedFilterOperation(that, column)) {
                                            that._updateFilterRangeContent($cell, getRangeTextByFilterValue(that, column));
                                            that.component.updateDimensions()
                                        }
                                    }
                                })
                            }
                            _updateFilterRangeOverlay(options) {
                                const overlayInstance = this._filterRangeOverlayInstance;
                                null === overlayInstance || void 0 === overlayInstance || overlayInstance.option(options)
                            }
                            _showFilterRange($cell, column) {
                                const that = this;
                                const $overlay = $cell.children(`.${that.addWidgetPrefix("filter-range-overlay")}`);
                                let overlayInstance = $overlay.length && $overlay.data("dxOverlay");
                                if (!overlayInstance && column) {
                                    overlayInstance = that._initFilterRangeOverlay($cell, column)
                                }
                                if (!overlayInstance.option("visible")) {
                                    var _that$_filterRangeOve, _that$_filterRangeOve2;
                                    null === (_that$_filterRangeOve = that._filterRangeOverlayInstance) || void 0 === _that$_filterRangeOve || _that$_filterRangeOve.hide();
                                    that._filterRangeOverlayInstance = overlayInstance;
                                    that._updateFilterRangeOverlay({
                                        width: (0, _size.getOuterWidth)($cell, true) + 1
                                    });
                                    null === (_that$_filterRangeOve2 = that._filterRangeOverlayInstance) || void 0 === _that$_filterRangeOve2 || _that$_filterRangeOve2.show()
                                }
                            }
                            _hideFilterRange() {
                                const overlayInstance = this._filterRangeOverlayInstance;
                                null === overlayInstance || void 0 === overlayInstance || overlayInstance.hide()
                            }
                            getFilterRangeOverlayInstance() {
                                return this._filterRangeOverlayInstance
                            }
                            _createRow(row) {
                                const $row = super._createRow(row);
                                if ("filter" === row.rowType) {
                                    $row.addClass(this.addWidgetPrefix("filter-row"));
                                    if (!this.option("useLegacyKeyboardNavigation")) {
                                        _events_engine.default.on($row, "keydown", event => (0, _accessibility.selectView)("filterRow", this, event))
                                    }
                                }
                                return $row
                            }
                            _getRows() {
                                const result = super._getRows();
                                if (this.isFilterRowVisible()) {
                                    result.push({
                                        rowType: "filter"
                                    })
                                }
                                return result
                            }
                            _renderFilterCell(cell, options) {
                                var _column$filterOperati;
                                const that = this;
                                const {
                                    column: column
                                } = options;
                                const $cell = (0, _renderer.default)(cell);
                                if (that.component.option("showColumnHeaders")) {
                                    that.setAria("describedby", column.headerId, $cell)
                                }
                                that.setAria("label", _message.default.format("dxDataGrid-ariaFilterCell"), $cell);
                                $cell.addClass("dx-editor-cell");
                                const $container = (0, _renderer.default)("<div>").appendTo($cell);
                                const $editorContainer = (0, _renderer.default)("<div>").addClass("dx-editor-container").appendTo($container);
                                if ("between" === getColumnSelectedFilterOperation(that, column)) {
                                    that._renderFilterRangeContent($cell, column)
                                } else {
                                    const editorOptions = that._getEditorOptions($editorContainer, column);
                                    that._renderEditor($editorContainer, editorOptions)
                                }
                                const {
                                    alignment: alignment
                                } = column;
                                if (alignment && "center" !== alignment) {
                                    $cell.find("input:not([type='hidden'])").first().css("textAlign", column.alignment)
                                }
                                if (null !== (_column$filterOperati = column.filterOperations) && void 0 !== _column$filterOperati && _column$filterOperati.length) {
                                    that._renderFilterOperationChooser($container, column, $editorContainer)
                                }
                            }
                            _renderCellContent($cell, options) {
                                const that = this;
                                const {
                                    column: column
                                } = options;
                                if ("filter" === options.rowType) {
                                    if (column.command) {
                                        $cell.html("&nbsp;")
                                    } else if (column.allowFiltering) {
                                        that.renderTemplate($cell, that._renderFilterCell.bind(that), options).done(() => {
                                            that._updateCell($cell, options)
                                        });
                                        return
                                    }
                                }
                                super._renderCellContent.apply(this, arguments)
                            }
                            _getEditorOptions($editorContainer, column) {
                                const that = this;
                                const accessibilityOptions = {
                                    editorOptions: {
                                        inputAttr: that._getFilterInputAccessibilityAttributes(column)
                                    }
                                };
                                const result = (0, _extend.extend)(accessibilityOptions, column, {
                                    value: getFilterValue(that, column.index, $editorContainer),
                                    parentType: "filterRow",
                                    showAllText: that.option("filterRow.showAllText"),
                                    updateValueTimeout: "onClick" === that.option("filterRow.applyFilter") ? 0 : 700,
                                    width: null,
                                    setValue(value, notFireEvent) {
                                        updateFilterValue(that, {
                                            column: column,
                                            value: value,
                                            container: $editorContainer,
                                            notFireEvent: notFireEvent
                                        })
                                    }
                                });
                                if ("between" === getColumnSelectedFilterOperation(that, column)) {
                                    if ($editorContainer.hasClass(that.addWidgetPrefix("filter-range-start"))) {
                                        result.placeholder = that.option("filterRow.betweenStartText")
                                    } else {
                                        result.placeholder = that.option("filterRow.betweenEndText")
                                    }
                                }
                                return result
                            }
                            _getFilterInputAccessibilityAttributes(column) {
                                const columnAriaLabel = _message.default.format("dxDataGrid-ariaFilterCell");
                                if (this.component.option("showColumnHeaders")) {
                                    return {
                                        "aria-label": columnAriaLabel,
                                        "aria-describedby": column.headerId
                                    }
                                }
                                return {
                                    "aria-label": columnAriaLabel
                                }
                            }
                            _renderEditor($editorContainer, options) {
                                $editorContainer.empty();
                                const $element = (0, _renderer.default)("<div>").appendTo($editorContainer);
                                const dataSource = this._dataController.dataSource();
                                if (options.lookup && this.option("syncLookupFilterValues")) {
                                    this._applyFilterViewController.setCurrentColumnForFiltering(options);
                                    const filter = this._dataController.getCombinedFilter();
                                    this._applyFilterViewController.setCurrentColumnForFiltering(null);
                                    const lookupDataSource = _m_utils.default.getWrappedLookupDataSource(options, dataSource, filter);
                                    const lookupOptions = Object.assign({}, options, {
                                        lookup: Object.assign({}, options.lookup, {
                                            dataSource: lookupDataSource
                                        })
                                    });
                                    return this._editorFactoryController.createEditor($element, lookupOptions)
                                }
                                return this._editorFactoryController.createEditor($element, options)
                            }
                            _renderFilterRangeContent($cell, column) {
                                const that = this;
                                const $editorContainer = $cell.find(".dx-editor-container").first();
                                $editorContainer.empty();
                                const $filterRangeContent = (0, _renderer.default)("<div>").addClass("dx-filter-range-content").attr("tabindex", this.option("tabIndex"));
                                _events_engine.default.on($filterRangeContent, "focusin", () => {
                                    that._showFilterRange($cell, column)
                                });
                                $filterRangeContent.appendTo($editorContainer);
                                that._updateFilterRangeContent($cell, getRangeTextByFilterValue(that, column))
                            }
                            _updateFilterRangeContent($cell, value) {
                                const $filterRangeContent = $cell.find(".dx-filter-range-content");
                                if ($filterRangeContent.length) {
                                    if ("" === value) {
                                        $filterRangeContent.html("&nbsp;")
                                    } else {
                                        $filterRangeContent.text(value)
                                    }
                                }
                            }
                            _updateFilterOperationChooser($menu, column, $editorContainer) {
                                var _column$filterOperati2;
                                const that = this;
                                let isCellWasFocused;
                                const restoreFocus = function() {
                                    const menu = _menu.default.getInstance($menu);
                                    menu && menu.option("focusedElement", null);
                                    isCellWasFocused && that._focusEditor($editorContainer)
                                };
                                const editorFactoryController = this._editorFactoryController;
                                const ariaSearchBox = _message.default.format("dxDataGrid-ariaSearchBox");
                                that._createComponent($menu, _menu.default, {
                                    integrationOptions: {},
                                    activeStateEnabled: false,
                                    selectionMode: "single",
                                    cssClass: `${that.getWidgetContainerClass()} dx-cell-focus-disabled dx-filter-menu`,
                                    showFirstSubmenuMode: "onHover",
                                    hideSubmenuOnMouseLeave: true,
                                    items: [{
                                        name: getColumnSelectedFilterOperation(that, column) || ariaSearchBox,
                                        disabled: !(null !== (_column$filterOperati2 = column.filterOperations) && void 0 !== _column$filterOperati2 && _column$filterOperati2.length),
                                        icon: OPERATION_ICONS[getColumnSelectedFilterOperation(that, column) || "default"],
                                        selectable: false,
                                        items: that._getFilterOperationMenuItems(column)
                                    }],
                                    onItemRendered: _ref => {
                                        let {
                                            itemElement: itemElement,
                                            itemData: itemData
                                        } = _ref;
                                        if (null !== itemData && void 0 !== itemData && itemData.items && null !== itemData && void 0 !== itemData && itemData.name) {
                                            const labelText = that._getOperationDescriptionFromDescriptor(itemData.name) || ariaSearchBox;
                                            this.setAria("label", labelText, (0, _renderer.default)(itemElement))
                                        }
                                    },
                                    onItemClick(properties) {
                                        var _properties$itemData;
                                        const selectedFilterOperation = properties.itemData.name;
                                        const columnSelectedFilterOperation = getColumnSelectedFilterOperation(that, column);
                                        let notFocusEditor = false;
                                        const isOnClickMode = isOnClickApplyFilterMode(that);
                                        const options = {};
                                        if (properties.itemData.items || selectedFilterOperation && selectedFilterOperation === columnSelectedFilterOperation) {
                                            return
                                        }
                                        if (selectedFilterOperation) {
                                            options[isOnClickMode ? "bufferedSelectedFilterOperation" : "selectedFilterOperation"] = selectedFilterOperation;
                                            if ("between" === selectedFilterOperation || "between" === columnSelectedFilterOperation) {
                                                notFocusEditor = "between" === selectedFilterOperation;
                                                options[isOnClickMode ? "bufferedFilterValue" : "filterValue"] = null
                                            }
                                        } else {
                                            options[isOnClickMode ? "bufferedFilterValue" : "filterValue"] = null;
                                            options[isOnClickMode ? "bufferedSelectedFilterOperation" : "selectedFilterOperation"] = column.defaultSelectedFilterOperation || null
                                        }
                                        const isResetFilterOperation = !(null !== (_properties$itemData = properties.itemData) && void 0 !== _properties$itemData && _properties$itemData.name);
                                        const isNotFireEvent = isResetFilterOperation ? false : void 0;
                                        that._columnsController.columnOption(column.index, options, void 0, isNotFireEvent);
                                        that._applyFilterViewController.setHighLight($editorContainer, true);
                                        if (!selectedFilterOperation) {
                                            const editor = getEditorInstance($editorContainer);
                                            if (editor && "dxDateBox" === editor.NAME && !editor.option("isValid")) {
                                                editor.clear();
                                                editor.option("isValid", true)
                                            }
                                        }
                                        if (!notFocusEditor) {
                                            that._focusEditor($editorContainer)
                                        } else {
                                            that._showFilterRange($editorContainer.closest(".dx-editor-cell"), column)
                                        }
                                    },
                                    onSubmenuShowing() {
                                        isCellWasFocused = that._isEditorFocused($editorContainer);
                                        editorFactoryController.loseFocus()
                                    },
                                    onSubmenuHiding() {
                                        restoreFocus()
                                    },
                                    onContentReady(e) {
                                        _events_engine.default.on($menu, "blur", () => {
                                            e.component._hideSubmenuAfterTimeout();
                                            restoreFocus()
                                        })
                                    },
                                    rtlEnabled: that.option("rtlEnabled")
                                })
                            }
                            _isEditorFocused($container) {
                                return $container.hasClass("dx-focused") || $container.parents(".dx-focused").length
                            }
                            _focusEditor($container) {
                                this._editorFactoryController.focus($container);
                                _events_engine.default.trigger($container.find("input:not([type='hidden'])"), "focus")
                            }
                            _renderFilterOperationChooser($container, column, $editorContainer) {
                                const that = this;
                                let $menu;
                                if (that.option("filterRow.showOperationChooser")) {
                                    $container.addClass("dx-editor-with-menu");
                                    $menu = (0, _renderer.default)("<div>").prependTo($container);
                                    that._updateFilterOperationChooser($menu, column, $editorContainer)
                                }
                            }
                            _getFilterOperationMenuItems(column) {
                                var _column$filterOperati3;
                                const that = this;
                                let result = [{}];
                                const filterRowOptions = that.option("filterRow");
                                if (null !== (_column$filterOperati3 = column.filterOperations) && void 0 !== _column$filterOperati3 && _column$filterOperati3.length) {
                                    const availableFilterOperations = column.filterOperations.filter(value => (0, _type.isDefined)(OPERATION_DESCRIPTORS[value]));
                                    result = (0, _iterator.map)(availableFilterOperations, value => ({
                                        name: value,
                                        selected: (getColumnSelectedFilterOperation(that, column) || column.defaultFilterOperation) === value,
                                        text: that._getOperationDescriptionFromDescriptor(value),
                                        icon: OPERATION_ICONS[value]
                                    }));
                                    result.push({
                                        name: null,
                                        text: null === filterRowOptions || void 0 === filterRowOptions ? void 0 : filterRowOptions.resetOperationText,
                                        icon: OPERATION_ICONS.default
                                    })
                                }
                                return result
                            }
                            _getOperationDescriptionFromDescriptor(value) {
                                const filterRowOptions = this.option("filterRow");
                                const operationDescriptions = (null === filterRowOptions || void 0 === filterRowOptions ? void 0 : filterRowOptions.operationDescriptions) || {};
                                const descriptionName = OPERATION_DESCRIPTORS[value];
                                return operationDescriptions[descriptionName]
                            }
                            _handleDataChanged(e) {
                                var _this$_dataController, _this$_dataController2, _dataSource$lastLoadO, _e$operationTypes, _e$operationTypes2;
                                const dataSource = null === (_this$_dataController = this._dataController) || void 0 === _this$_dataController || null === (_this$_dataController2 = _this$_dataController.dataSource) || void 0 === _this$_dataController2 ? void 0 : _this$_dataController2.call(_this$_dataController);
                                const lastLoadOptions = null === dataSource || void 0 === dataSource || null === (_dataSource$lastLoadO = dataSource.lastLoadOptions) || void 0 === _dataSource$lastLoadO ? void 0 : _dataSource$lastLoadO.call(dataSource);
                                super._handleDataChanged.apply(this, arguments);
                                if (null !== (_e$operationTypes = e.operationTypes) && void 0 !== _e$operationTypes && _e$operationTypes.filtering || null !== (_e$operationTypes2 = e.operationTypes) && void 0 !== _e$operationTypes2 && _e$operationTypes2.fullReload) {
                                    var _e$operationTypes3;
                                    this.updateLookupDataSource((null === (_e$operationTypes3 = e.operationTypes) || void 0 === _e$operationTypes3 ? void 0 : _e$operationTypes3.filtering) || (null === lastLoadOptions || void 0 === lastLoadOptions ? void 0 : lastLoadOptions.filter))
                                }
                            }
                            updateLookupDataSource(filterChanged) {
                                if (!this.option("syncLookupFilterValues")) {
                                    return
                                }
                                if (!this.element()) {
                                    return
                                }
                                const columns = this._columnsController.getVisibleColumns();
                                const dataSource = this._dataController.dataSource();
                                const applyFilterViewController = this._applyFilterViewController;
                                const rowIndex = this.element().find(`.${this.addWidgetPrefix("filter-row")}`).index();
                                if (-1 === rowIndex) {
                                    return
                                }
                                columns.forEach((column, index) => {
                                    if (!column.lookup || column.calculateCellValue !== column.defaultCalculateCellValue) {
                                        return
                                    }
                                    const $cell = this._getCellElement(rowIndex, index);
                                    const editor = getEditorInstance(null === $cell || void 0 === $cell ? void 0 : $cell.find(".dx-editor-container"));
                                    if (editor) {
                                        applyFilterViewController.setCurrentColumnForFiltering(column);
                                        const filter = this._dataController.getCombinedFilter() || null;
                                        applyFilterViewController.setCurrentColumnForFiltering(null);
                                        const editorDataSource = editor.option("dataSource");
                                        const shouldUpdateFilter = !filterChanged || !(0, _common.equalByValue)(editorDataSource.__dataGridSourceFilter || null, filter);
                                        if (shouldUpdateFilter) {
                                            const {
                                                selectedItem: selectedItem,
                                                items: items = []
                                            } = editor.option();
                                            const hasSelectedItem = items.some(item => (0, _common.equalByValue)(item, selectedItem));
                                            if (!hasSelectedItem) {
                                                editor.option("items", [...items, selectedItem])
                                            }
                                            const lookupDataSource = _m_utils.default.getWrappedLookupDataSource(column, dataSource, filter);
                                            editor.option("dataSource", lookupDataSource)
                                        }
                                    }
                                })
                            }
                            getColumnElements(index, bandColumnIndex) {
                                var _rows$index;
                                const rows = this._getRows();
                                if ("filter" === (null === rows || void 0 === rows || null === (_rows$index = rows[index]) || void 0 === _rows$index ? void 0 : _rows$index.rowType) && arguments.length < 2) {
                                    return this.getCellElements(index)
                                }
                                return super.getColumnElements(index, bandColumnIndex)
                            }
                            isFilterRowCell($cell) {
                                return !!$cell.closest(`.${this.addWidgetPrefix("filter-row")}`).length
                            }
                        },
                        headerPanel: Base => class extends Base {
                            init() {
                                super.init();
                                this._dataController = this.getController("data");
                                this._applyFilterViewController = this.getController("applyFilter")
                            }
                            optionChanged(args) {
                                if ("filterRow" === args.name) {
                                    this._invalidate();
                                    args.handled = true
                                } else {
                                    super.optionChanged(args)
                                }
                            }
                            _getToolbarItems() {
                                const items = super._getToolbarItems();
                                const filterItem = this._prepareFilterItem();
                                return filterItem.concat(items)
                            }
                            _prepareFilterItem() {
                                const that = this;
                                const filterItem = [];
                                if (that._isShowApplyFilterButton()) {
                                    const hintText = that.option("filterRow.applyFilterText");
                                    const columns = that._columnsController.getColumns();
                                    const disabled = !columns.filter(column => void 0 !== column.bufferedFilterValue).length;
                                    const onInitialized = function(e) {
                                        (0, _renderer.default)(e.element).addClass(that._getToolbarButtonClass("dx-apply-button"))
                                    };
                                    const onClickHandler = function() {
                                        that._applyFilterViewController.applyFilter()
                                    };
                                    const toolbarItem = {
                                        widget: "dxButton",
                                        options: {
                                            icon: "apply-filter",
                                            disabled: disabled,
                                            onClick: onClickHandler,
                                            hint: hintText,
                                            text: hintText,
                                            onInitialized: onInitialized
                                        },
                                        showText: "inMenu",
                                        name: "applyFilterButton",
                                        location: "after",
                                        locateInMenu: "auto",
                                        sortIndex: 10
                                    };
                                    filterItem.push(toolbarItem)
                                }
                                return filterItem
                            }
                            _isShowApplyFilterButton() {
                                const filterRowOptions = this.option("filterRow");
                                return !!(null !== filterRowOptions && void 0 !== filterRowOptions && filterRowOptions.visible) && "onClick" === filterRowOptions.applyFilter
                            }
                            enableApplyButton(value) {
                                this.setToolbarItemDisabled("applyFilterButton", !value)
                            }
                        }
                    }
                }
            }
        },
        78746(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.filterSyncModule = exports.FilterSyncController = void 0;
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _filtering = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/shared/filtering */ 56417));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/widget/ui.errors */ 35185));
            var _m_utils = __webpack_require__( /*! ../../../filter_builder/m_utils */ 29498);
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));
            var _m_utils2 = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _m_filter_custom_operations = __webpack_require__( /*! ./m_filter_custom_operations */ 44651);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const FILTER_ROW_OPERATIONS = ["=", "<>", "<", "<=", ">", ">=", "notcontains", "contains", "startswith", "endswith", "between"];

            function getColumnIdentifier(column) {
                return column.name || column.dataField
            }
            const canSyncHeaderFilterWithFilterRow = function(column) {
                const filterValues = column.filterValues || [];
                return !_filtering.default.getGroupInterval(column) && !(column.headerFilter && column.headerFilter.dataSource) || 1 === filterValues.length && null === filterValues[0]
            };
            const getConditionFromFilterRow = function(column) {
                const value = column.filterValue;
                if ((0, _type.isDefined)(value)) {
                    const operation = column.selectedFilterOperation || column.defaultFilterOperation || (0, _m_utils.getDefaultOperation)(column);
                    const filter = [getColumnIdentifier(column), operation, column.filterValue];
                    return filter
                }
                return null
            };
            const getConditionFromHeaderFilter = function(column) {
                let selectedOperation;
                let value;
                const {
                    filterValues: filterValues
                } = column;
                if (!filterValues) {
                    return null
                }
                if (1 === filterValues.length && canSyncHeaderFilterWithFilterRow(column) && !Array.isArray(filterValues[0])) {
                    "exclude" === column.filterType ? selectedOperation = "<>" : selectedOperation = "=";
                    value = filterValues[0]
                } else {
                    "exclude" === column.filterType ? selectedOperation = "noneof" : selectedOperation = "anyof";
                    value = filterValues
                }
                return [getColumnIdentifier(column), selectedOperation, value]
            };
            const updateHeaderFilterCondition = function(columnsController, column, headerFilterCondition) {
                const headerFilter = function(headerFilterCondition, column) {
                    if (!headerFilterCondition) {
                        return {
                            filterType: "include",
                            filterValues: void 0
                        }
                    }
                    let filterType;
                    const selectedFilterOperation = headerFilterCondition[1];
                    const value = headerFilterCondition[2];
                    const hasArrayValue = Array.isArray(value);
                    if (!hasArrayValue) {
                        if (!canSyncHeaderFilterWithFilterRow(column)) {
                            return {
                                filterType: "include",
                                filterValues: void 0
                            }
                        }
                    }
                    switch (selectedFilterOperation) {
                        case "anyof":
                        case "=":
                            filterType = "include";
                            break;
                        case "noneof":
                        case "<>":
                            filterType = "exclude";
                            break;
                        default:
                            return {
                                filterType: "include", filterValues: void 0
                            }
                    }
                    return {
                        filterType: filterType,
                        filterValues: hasArrayValue ? value : [value]
                    }
                }(headerFilterCondition, column);
                columnsController.columnOption(getColumnIdentifier(column), headerFilter)
            };
            const updateFilterRowCondition = function(columnsController, column, condition) {
                let filterRowOptions;
                let selectedFilterOperation = null === condition || void 0 === condition ? void 0 : condition[1];
                const filterValue = null === condition || void 0 === condition ? void 0 : condition[2];
                const filterOperations = column.filterOperations || column.defaultFilterOperations;
                const selectedOperationExists = !filterOperations || filterOperations.indexOf(selectedFilterOperation) >= 0;
                const defaultOperationSelected = selectedFilterOperation === column.defaultFilterOperation;
                const builtInOperationSelected = FILTER_ROW_OPERATIONS.includes(selectedFilterOperation);
                const filterValueNotNullOrEmpty = null !== filterValue && "" !== filterValue;
                if ((selectedOperationExists || defaultOperationSelected) && builtInOperationSelected && filterValueNotNullOrEmpty) {
                    if (defaultOperationSelected && !(0, _type.isDefined)(column.selectedFilterOperation)) {
                        selectedFilterOperation = column.selectedFilterOperation
                    }
                    filterRowOptions = {
                        filterValue: filterValue,
                        selectedFilterOperation: selectedFilterOperation
                    }
                } else {
                    filterRowOptions = {
                        filterValue: void 0,
                        selectedFilterOperation: void 0
                    }
                }
                columnsController.columnOption(getColumnIdentifier(column), filterRowOptions)
            };
            class FilterSyncController extends _m_modules.default.Controller {
                init() {
                    this._dataController = this.getController("data");
                    this._columnsController = this.getController("columns");
                    if (this._dataController.isFilterSyncActive()) {
                        if (this._columnsController.isAllDataTypesDefined()) {
                            this._initSync()
                        } else {
                            this._dataController.dataSourceChanged.add(() => this._initSync())
                        }
                    }
                }
                publicMethods() {
                    return ["getCustomFilterOperations"]
                }
                syncFilterValue() {
                    const that = this;
                    const columns = this._columnsController.getFilteringColumns();
                    this._skipSyncColumnOptions = true;
                    columns.forEach(column => {
                        const filterConditions = (0, _m_utils.getMatchedConditions)(that.option("filterValue"), getColumnIdentifier(column));
                        if (1 === filterConditions.length) {
                            const filterCondition = filterConditions[0];
                            updateHeaderFilterCondition(this._columnsController, column, filterCondition);
                            updateFilterRowCondition(this._columnsController, column, filterCondition)
                        } else {
                            (0, _type.isDefined)(column.filterValues) && updateHeaderFilterCondition(this._columnsController, column, null);
                            (0, _type.isDefined)(column.filterValue) && updateFilterRowCondition(this._columnsController, column, null)
                        }
                    });
                    this._skipSyncColumnOptions = false
                }
                _initSync() {
                    const columns = this._columnsController.getColumns();
                    const pageIndex = this._dataController.pageIndex();
                    ! function(columns) {
                        columns.forEach(column => {
                            const identifier = getColumnIdentifier(column);
                            if (!(0, _type.isDefined)(identifier) && column.allowFiltering) {
                                throw new _ui.default.Error("E1049", column.caption)
                            }
                        })
                    }(columns);
                    if (!this.option("filterValue")) {
                        const filteringColumns = this._columnsController.getFilteringColumns();
                        const filterValue = this.getFilterValueFromColumns(filteringColumns);
                        this._silentOption("filterValue", filterValue)
                    }
                    this.syncFilterValue();
                    this._dataController.pageIndex(pageIndex)
                }
                _getSyncFilterRow(filterValue, column) {
                    const filter = getConditionFromFilterRow(column);
                    if ((0, _type.isDefined)(filter)) {
                        return (0, _m_utils.syncFilters)(filterValue, filter)
                    }
                    return (0, _m_utils.removeFieldConditionsFromFilter)(filterValue, getColumnIdentifier(column))
                }
                _getSyncHeaderFilter(filterValue, column) {
                    const filter = getConditionFromHeaderFilter(column);
                    if (filter) {
                        return (0, _m_utils.syncFilters)(filterValue, filter)
                    }
                    return (0, _m_utils.removeFieldConditionsFromFilter)(filterValue, getColumnIdentifier(column))
                }
                getFilterValueFromColumns(columns) {
                    if (!this._dataController.isFilterSyncActive()) {
                        return null
                    }
                    const filterValue = ["and"];
                    columns && columns.forEach(column => {
                        const headerFilter = getConditionFromHeaderFilter(column);
                        const filterRow = getConditionFromFilterRow(column);
                        headerFilter && (0, _m_utils.addItem)(headerFilter, filterValue);
                        filterRow && (0, _m_utils.addItem)(filterRow, filterValue)
                    });
                    return (0, _m_utils.getNormalizedFilter)(filterValue)
                }
                syncFilterRow(column, filterValue) {
                    this.option("filterValue", this._getSyncFilterRow(this.option("filterValue"), column))
                }
                syncHeaderFilter(column) {
                    this.option("filterValue", this._getSyncHeaderFilter(this.option("filterValue"), column))
                }
                getCustomFilterOperations() {
                    const filterBuilderCustomOperations = this.option("filterBuilder.customOperations") ?? [];
                    return [(0, _m_filter_custom_operations.anyOf)(this.component), (0, _m_filter_custom_operations.noneOf)(this.component)].concat(filterBuilderCustomOperations)
                }
            }
            exports.FilterSyncController = FilterSyncController;
            exports.filterSyncModule = {
                defaultOptions: () => ({
                    filterValue: null,
                    filterSyncEnabled: "auto"
                }),
                controllers: {
                    filterSync: FilterSyncController
                },
                extenders: {
                    controllers: {
                        data: Base => class extends Base {
                            optionChanged(args) {
                                switch (args.name) {
                                    case "filterValue":
                                        this._applyFilter();
                                        this.isFilterSyncActive() && this._filterSyncController.syncFilterValue();
                                        args.handled = true;
                                        break;
                                    case "filterSyncEnabled":
                                        args.handled = true;
                                        break;
                                    case "columns":
                                        if (this.isFilterSyncActive()) {
                                            const column = this._columnsController.getColumnByPath(args.fullName);
                                            if (column && !this._filterSyncController._skipSyncColumnOptions) {
                                                const propertyName = this._parseColumnPropertyName(args.fullName);
                                                this._filterSyncController._skipSyncColumnOptions = true;
                                                if ("filterType" === propertyName) {
                                                    if ("exclude" === args.value || "exclude" === args.previousValue) {
                                                        this._filterSyncController.syncHeaderFilter(column)
                                                    }
                                                } else if ("filterValues" === propertyName) {
                                                    this._filterSyncController.syncHeaderFilter(column)
                                                } else if (["filterValue", "selectedFilterOperation"].includes(propertyName)) {
                                                    this._filterSyncController.syncFilterRow(column, column.filterValue)
                                                }
                                                this._filterSyncController._skipSyncColumnOptions = false
                                            }
                                        }
                                        super.optionChanged(args);
                                        break;
                                    default:
                                        super.optionChanged(args)
                                }
                            }
                            isFilterSyncActive() {
                                const filterSyncEnabledValue = this.option("filterSyncEnabled");
                                return "auto" === filterSyncEnabledValue ? this.option("filterPanel.visible") : filterSyncEnabledValue
                            }
                            skipCalculateColumnFilters() {
                                return ((0, _type.isDefined)(this.option("filterValue")) || this._filterSyncController._skipSyncColumnOptions) && this.isFilterSyncActive()
                            }
                            _calculateAdditionalFilter() {
                                const columns = this._columnsController.getFilteringColumns();
                                if (!(null !== columns && void 0 !== columns && columns.length) || false === this.option("filterPanel.filterEnabled")) {
                                    return super._calculateAdditionalFilter()
                                }
                                const filters = [super._calculateAdditionalFilter()];
                                let filterValue = this.option("filterValue");
                                if (this.isFilterSyncActive()) {
                                    const currentColumnForHeaderFilter = this._headerFilterController.getCurrentColumn();
                                    const currentColumnForFilterRow = this._applyFilterController.getCurrentColumnForFiltering();
                                    const currentColumn = currentColumnForHeaderFilter || currentColumnForFilterRow;
                                    const needRemoveCurrentColumnFilter = currentColumnForHeaderFilter || (0, _type.isDefined)(null === currentColumnForFilterRow || void 0 === currentColumnForFilterRow ? void 0 : currentColumnForFilterRow.filterValue);
                                    if (needRemoveCurrentColumnFilter && filterValue) {
                                        filterValue = (0, _m_utils.removeFieldConditionsFromFilter)(filterValue, getColumnIdentifier(currentColumn))
                                    }
                                }
                                const customOperations = this._filterSyncController.getCustomFilterOperations();
                                const calculatedFilterValue = (0, _m_utils.getFilterExpression)(filterValue, columns, customOperations, "filterBuilder");
                                if (calculatedFilterValue) {
                                    filters.push(calculatedFilterValue)
                                }
                                return _m_utils2.default.combineFilters(filters)
                            }
                            _parseColumnPropertyName(fullName) {
                                const matched = fullName.match(/.*\.(.*)/);
                                if (matched) {
                                    return matched[1]
                                }
                                return null
                            }
                            clearFilter(filterName) {
                                this.component.beginUpdate();
                                if (arguments.length > 0) {
                                    if ("filterValue" === filterName) {
                                        this.option("filterValue", null)
                                    }
                                    super.clearFilter(filterName)
                                } else {
                                    this.option("filterValue", null);
                                    super.clearFilter()
                                }
                                this.component.endUpdate()
                            }
                            _applyFilter() {
                                if (this._filterSyncController._skipSyncColumnOptions) {
                                    return (new _deferred.Deferred).resolve()
                                }
                                return super._applyFilter.apply(this, arguments)
                            }
                        }
                    },
                    views: {
                        columnHeadersView: Base => class extends Base {
                            optionChanged(args) {
                                if ("filterValue" === args.name) {
                                    this._updateHeaderFilterIndicators()
                                } else {
                                    super.optionChanged(args)
                                }
                            }
                            _isHeaderFilterEmpty(column) {
                                if (this._dataController.isFilterSyncActive()) {
                                    return !(0, _m_utils.filterHasField)(this.option("filterValue"), getColumnIdentifier(column))
                                }
                                return super._isHeaderFilterEmpty(column)
                            }
                            _needUpdateFilterIndicators() {
                                return !this._dataController.isFilterSyncActive()
                            }
                        }
                    }
                }
            }
        },
        51628(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.focusModule = exports.FocusController = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _m_editing_utils = __webpack_require__( /*! ../editing/m_editing_utils */ 1414);
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _m_focus_utils = __webpack_require__( /*! ./m_focus_utils */ 21774);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class FocusController extends _m_modules.default.ViewController {
                getKeyboardController() {
                    return this.getController("keyboardNavigation")
                }
                getDataController() {
                    return this.getController("data")
                }
                init() {
                    this.component._optionsByReference.focusedRowKey = true
                }
                optionChanged(args) {
                    const {
                        name: name,
                        value: value,
                        previousValue: previousValue
                    } = args;
                    switch (name) {
                        case "focusedRowIndex":
                            this._focusRowByIndex(value);
                            this.getKeyboardController()._fireFocusedRowChanged();
                            args.handled = true;
                            break;
                        case "focusedRowKey":
                            if (Array.isArray(value) && JSON.stringify(value) === JSON.stringify(previousValue)) {
                                return
                            }
                            this._focusRowByKey(value).done(() => {
                                this.getKeyboardController()._fireFocusedRowChanged()
                            });
                            args.handled = true;
                            break;
                        case "focusedColumnIndex":
                        case "focusedRowEnabled":
                        case "autoNavigateToFocusedRow":
                            args.handled = true;
                            break;
                        default:
                            super.optionChanged(args)
                    }
                }
                publicMethods() {
                    return ["navigateToRow", "isRowFocused"]
                }
                isAutoNavigateToFocusedRow() {
                    return "infinite" !== this.option("scrolling.mode") && this.option("autoNavigateToFocusedRow")
                }
                _focusRowByIndex(index, operationTypes) {
                    if (!this.option("focusedRowEnabled")) {
                        return
                    }
                    const currentIndex = void 0 !== index ? index : this.option("focusedRowIndex");
                    if (currentIndex < 0) {
                        if (this.isAutoNavigateToFocusedRow()) {
                            this._resetFocusedRow()
                        }
                    } else {
                        this._focusRowByIndexCore(currentIndex, operationTypes)
                    }
                }
                _focusRowByIndexCore(index, operationTypes) {
                    const pageSize = this.getDataController().pageSize();
                    const setKeyByIndex = () => {
                        if (this._isValidFocusedRowIndex(index)) {
                            let rowIndex = index - this.getDataController().getRowIndexOffset(true);
                            if (!operationTypes || operationTypes.paging && !operationTypes.filtering) {
                                const lastItemIndex = this.getDataController()._getLastItemIndex();
                                rowIndex = Math.min(rowIndex, lastItemIndex)
                            }
                            const focusedRowKey = this.getDataController().getKeyByRowIndex(rowIndex, true);
                            if ((0, _type.isDefined)(focusedRowKey) && !this.isRowFocused(focusedRowKey)) {
                                this.option("focusedRowKey", focusedRowKey)
                            }
                        }
                    };
                    if (pageSize >= 0) {
                        if (!this._isLocalRowIndex(index)) {
                            const pageIndex = Math.floor(index / this.getDataController().pageSize());
                            (0, _deferred.when)(this.getDataController().pageIndex(pageIndex), this.getDataController().waitReady()).done(() => {
                                setKeyByIndex()
                            })
                        } else {
                            setKeyByIndex()
                        }
                    }
                }
                _isLocalRowIndex(index) {
                    const isVirtualScrolling = this.getKeyboardController()._isVirtualScrolling();
                    if (isVirtualScrolling) {
                        const pageIndex = Math.floor(index / this.getDataController().pageSize());
                        const virtualItems = this.getDataController().virtualItemsCount();
                        const virtualItemsBegin = virtualItems ? virtualItems.begin : -1;
                        const visibleRowsCount = this.getDataController().getVisibleRows().length + this.getDataController().getRowIndexOffset();
                        const visiblePagesCount = Math.ceil(visibleRowsCount / this.getDataController().pageSize());
                        return virtualItemsBegin <= index && visiblePagesCount > pageIndex
                    }
                    return true
                }
                _setFocusedRowKeyByIndex(index) {
                    if (this._isValidFocusedRowIndex(index)) {
                        const rowIndex = Math.min(index - this.getDataController().getRowIndexOffset(), this.getDataController().items().length - 1);
                        const focusedRowKey = this.getDataController().getKeyByRowIndex(rowIndex);
                        if ((0, _type.isDefined)(focusedRowKey) && !this.isRowFocused(focusedRowKey)) {
                            this.option("focusedRowKey", focusedRowKey)
                        }
                    }
                }
                _focusRowByKey(key) {
                    if (!(0, _type.isDefined)(key)) {
                        this._resetFocusedRow();
                        return (0, _deferred.Deferred)().resolve()
                    }
                    return this._navigateToRow(key, true)
                }
                _resetFocusedRow() {
                    const focusedRowKey = this.option("focusedRowKey");
                    const isFocusedRowKeyDefined = (0, _type.isDefined)(focusedRowKey);
                    if (!isFocusedRowKeyDefined && this.option("focusedRowIndex") < 0) {
                        return
                    }
                    if (isFocusedRowKeyDefined) {
                        this.option("focusedRowKey", null)
                    }
                    this.getKeyboardController().setFocusedRowIndex(-1);
                    this.option("focusedRowIndex", -1);
                    this.getDataController().updateItems({
                        changeType: "updateFocusedRow",
                        focusedRowKey: null
                    });
                    this.getKeyboardController()._fireFocusedRowChanged()
                }
                _isValidFocusedRowIndex(rowIndex) {
                    const row = this.getDataController().getVisibleRows()[rowIndex];
                    return !row || "data" === row.rowType || "group" === row.rowType
                }
                navigateToRow(key) {
                    if (!this.isAutoNavigateToFocusedRow()) {
                        this.option("focusedRowIndex", -1)
                    }
                    return this._navigateToRow(key, false)
                }
                _navigateToRow(key, needFocusRow) {
                    const that = this;
                    const isAutoNavigate = that.isAutoNavigateToFocusedRow();
                    const d = new _deferred.Deferred;
                    const rowsView = this.getView("rowsView");
                    if (void 0 === key || !this.getDataController().dataSource()) {
                        return d.reject().promise()
                    }
                    const rowIndexByKey = that.getFocusedRowIndexByKey(key);
                    if (!isAutoNavigate && needFocusRow || rowIndexByKey >= 0) {
                        that._navigateTo(key, d, needFocusRow)
                    } else {
                        this.getDataController().getPageIndexByKey(key).done(pageIndex => {
                            if (pageIndex < 0) {
                                d.resolve(-1);
                                return
                            }
                            if (pageIndex === this.getDataController().pageIndex()) {
                                this.getDataController().reload().done(() => {
                                    if (that.isRowFocused(key) && this.getDataController().getRowIndexByKey(key) >= 0) {
                                        d.resolve(that.getFocusedRowIndexByKey(key))
                                    } else {
                                        that._navigateTo(key, d, needFocusRow)
                                    }
                                }).fail(d.reject)
                            } else {
                                this.getDataController().pageIndex(pageIndex).done(() => {
                                    rowsView.waitAsyncTemplates(true).done(() => {
                                        that._navigateTo(key, d, needFocusRow)
                                    })
                                }).fail(d.reject)
                            }
                        }).fail(d.reject)
                    }
                    return d.promise()
                }
                _navigateTo(key, deferred, needFocusRow) {
                    const visibleRowIndex = this.getDataController().getRowIndexByKey(key);
                    const isVirtualRowRenderingMode = _m_utils.default.isVirtualRowRendering(this);
                    const isAutoNavigate = this.isAutoNavigateToFocusedRow();
                    if (isAutoNavigate && isVirtualRowRenderingMode && visibleRowIndex < 0) {
                        this._navigateToVirtualRow(key, deferred, needFocusRow)
                    } else {
                        this._navigateToVisibleRow(key, deferred, needFocusRow)
                    }
                }
                _navigateToVisibleRow(key, deferred, needFocusRow) {
                    if (needFocusRow) {
                        this._triggerUpdateFocusedRow(key, deferred)
                    } else {
                        const focusedRowIndex = this.getFocusedRowIndexByKey(key);
                        this.getView("rowsView").scrollToRowElement(key, deferred).done(() => {
                            deferred.resolve(focusedRowIndex)
                        })
                    }
                }
                _navigateToVirtualRow(key, deferred, needFocusRow) {
                    const rowsScrollController = this.getDataController()._rowsScrollController;
                    const rowIndex = _m_utils.default.getIndexByKey(key, this.getDataController().items(true));
                    const scrollable = this.getView("rowsView").getScrollable();
                    if (rowsScrollController && scrollable && rowIndex >= 0) {
                        const focusedRowIndex = rowIndex + this.getDataController().getRowIndexOffset(true);
                        const offset = rowsScrollController.getItemOffset(focusedRowIndex);
                        const triggerUpdateFocusedRow = () => {
                            if (this.getDataController().totalCount() && !this.getDataController().items().length) {
                                return
                            }
                            this.component.off("contentReady", triggerUpdateFocusedRow);
                            if (needFocusRow) {
                                this._triggerUpdateFocusedRow(key, deferred)
                            } else {
                                deferred.resolve(focusedRowIndex)
                            }
                        };
                        this.component.on("contentReady", triggerUpdateFocusedRow);
                        this.getView("rowsView").scrollTopPosition(offset)
                    } else {
                        deferred.resolve(-1)
                    }
                }
                _triggerUpdateFocusedRow(key, deferred) {
                    const focusedRowIndex = this.getFocusedRowIndexByKey(key);
                    if (this._isValidFocusedRowIndex(focusedRowIndex)) {
                        let d;
                        if (this.option("focusedRowEnabled")) {
                            this.getDataController().updateItems({
                                changeType: "updateFocusedRow",
                                focusedRowKey: key
                            })
                        } else {
                            d = this.getView("rowsView").scrollToRowElement(key)
                        }(0, _deferred.when)(d).done(() => {
                            this.getKeyboardController().setFocusedRowIndex(focusedRowIndex);
                            deferred && deferred.resolve(focusedRowIndex)
                        })
                    } else {
                        deferred && deferred.resolve(-1)
                    }
                }
                getFocusedRowIndexByKey(key) {
                    const loadedRowIndex = this.getDataController().getRowIndexByKey(key, true);
                    return loadedRowIndex >= 0 ? loadedRowIndex + this.getDataController().getRowIndexOffset(true) : -1
                }
                _focusRowByKeyOrIndex() {
                    const focusedRowKey = this.option("focusedRowKey");
                    let currentFocusedRowIndex = this.option("focusedRowIndex");
                    if ((0, _type.isDefined)(focusedRowKey)) {
                        const visibleRowIndex = this.getDataController().getRowIndexByKey(focusedRowKey);
                        if (visibleRowIndex >= 0) {
                            if (this.getKeyboardController()._isVirtualScrolling()) {
                                currentFocusedRowIndex = visibleRowIndex + this.getDataController().getRowIndexOffset()
                            }
                            this.getKeyboardController().setFocusedRowIndex(currentFocusedRowIndex);
                            this._triggerUpdateFocusedRow(focusedRowKey)
                        } else {
                            this._navigateToRow(focusedRowKey, true).done(focusedRowIndex => {
                                if (currentFocusedRowIndex >= 0 && focusedRowIndex < 0) {
                                    this._focusRowByIndex()
                                } else if (currentFocusedRowIndex < 0 && focusedRowIndex >= 0) {
                                    this.getKeyboardController().setFocusedRowIndex(focusedRowIndex)
                                }
                            })
                        }
                    } else if (currentFocusedRowIndex >= 0) {
                        this._focusRowByIndex(currentFocusedRowIndex)
                    }
                }
                isRowFocused(key) {
                    const focusedRowKey = this.option("focusedRowKey");
                    if ((0, _type.isDefined)(focusedRowKey)) {
                        return (0, _common.equalByValue)(key, this.option("focusedRowKey"))
                    }
                    return
                }
                updateFocusedRow(e) {
                    const that = this;
                    const focusedRowIndex = that.getDataController().getRowIndexByKey(e.focusedRowKey);
                    const rowsView = that.getView("rowsView");
                    let $tableElement;
                    let $mainRow;
                    (0, _iterator.each)(rowsView.getTableElements(), (index, element) => {
                        const isMainTable = 0 === index;
                        $tableElement = (0, _renderer.default)(element);
                        that._clearPreviousFocusedRow($tableElement, focusedRowIndex);
                        const $row = that._prepareFocusedRow({
                            changedItem: that.getDataController().getVisibleRows()[focusedRowIndex],
                            $tableElement: $tableElement,
                            focusedRowIndex: focusedRowIndex
                        });
                        if (isMainTable) {
                            $mainRow = $row
                        }
                    });
                    if (!e.preventScroll && $mainRow) {
                        rowsView.scrollToElementVertically($mainRow)
                    }
                }
                _clearPreviousFocusedRow($tableElement, focusedRowIndex) {
                    const $prevRowFocusedElement = $tableElement.find(".dx-row.dx-row-focused").filter((_, focusedRow) => {
                        const $focusedRowTable = (0, _renderer.default)(focusedRow).closest(`.${this.addWidgetPrefix("table")}`);
                        return $tableElement.is($focusedRowTable)
                    });
                    $prevRowFocusedElement.removeClass("dx-row-focused").removeClass("dx-cell-focus-disabled").removeAttr("tabindex");
                    $prevRowFocusedElement.children("td").removeAttr("tabindex");
                    if (0 !== focusedRowIndex) {
                        const $firstRow = (0, _renderer.default)(this.getView("rowsView").getRowElement(0));
                        $firstRow.removeClass("dx-cell-focus-disabled").removeAttr("tabIndex")
                    }
                }
                _prepareFocusedRow(options) {
                    let $row;
                    const {
                        changedItem: changedItem
                    } = options;
                    if (changedItem && ("data" === changedItem.rowType || "group" === changedItem.rowType)) {
                        const {
                            focusedRowIndex: focusedRowIndex
                        } = options;
                        const {
                            $tableElement: $tableElement
                        } = options;
                        const tabIndex = this.option("tabindex") || 0;
                        const rowsView = this.getView("rowsView");
                        $row = (0, _renderer.default)(rowsView._getRowElements($tableElement).eq(focusedRowIndex));
                        $row.addClass("dx-row-focused").attr("tabindex", tabIndex)
                    }
                    return $row
                }
            }
            exports.FocusController = FocusController;
            exports.focusModule = {
                defaultOptions: () => ({
                    focusedRowEnabled: false,
                    autoNavigateToFocusedRow: true,
                    focusedRowKey: null,
                    focusedRowIndex: -1,
                    focusedColumnIndex: -1
                }),
                controllers: {
                    focus: FocusController
                },
                extenders: {
                    controllers: {
                        keyboardNavigation: Base => class extends Base {
                            init() {
                                const rowIndex = this.option("focusedRowIndex");
                                const columnIndex = this.option("focusedColumnIndex");
                                this.createAction("onFocusedRowChanging", {
                                    excludeValidators: ["disabled", "readOnly"]
                                });
                                this.createAction("onFocusedRowChanged", {
                                    excludeValidators: ["disabled", "readOnly"]
                                });
                                this.createAction("onFocusedCellChanging", {
                                    excludeValidators: ["disabled", "readOnly"]
                                });
                                this.createAction("onFocusedCellChanged", {
                                    excludeValidators: ["disabled", "readOnly"]
                                });
                                super.init();
                                this.setRowFocusType();
                                this._focusedCellPosition = {};
                                if ((0, _type.isDefined)(rowIndex) && rowIndex >= 0) {
                                    this._focusedCellPosition.rowIndex = rowIndex
                                }
                                if ((0, _type.isDefined)(columnIndex) && columnIndex >= 0) {
                                    this._focusedCellPosition.columnIndex = columnIndex
                                }
                            }
                            setFocusedRowIndex(rowIndex) {
                                super.setFocusedRowIndex(rowIndex);
                                this.option("focusedRowIndex", rowIndex)
                            }
                            setFocusedColumnIndex(columnIndex) {
                                super.setFocusedColumnIndex(columnIndex);
                                this.option("focusedColumnIndex", columnIndex)
                            }
                            _escapeKeyHandler(eventArgs, isEditing) {
                                if (isEditing || !this.option("focusedRowEnabled")) {
                                    return super._escapeKeyHandler(eventArgs, isEditing)
                                }
                                if (this.isCellFocusType()) {
                                    this.setRowFocusType();
                                    this._focus(this.getCellElementFromTarget(eventArgs.originalEvent.target), true);
                                    return true
                                }
                                return false
                            }
                            _updateFocusedCellPosition($cell, direction) {
                                const position = super._updateFocusedCellPosition($cell, direction);
                                if (position && position.columnIndex >= 0) {
                                    this._fireFocusedCellChanged($cell)
                                }
                                return position
                            }
                        },
                        editorFactory: Base => class extends Base {
                            renderFocusOverlay($element, isHideBorder) {
                                var _this$_keyboardNaviga;
                                const focusedRowEnabled = this.option("focusedRowEnabled");
                                if (!focusedRowEnabled || !(null !== (_this$_keyboardNaviga = this._keyboardNavigationController) && void 0 !== _this$_keyboardNaviga && _this$_keyboardNaviga.isRowFocusType()) || this._editingController.isEditing() || this._columnHeadersView.isFilterRowCell($element)) {
                                    super.renderFocusOverlay($element, isHideBorder)
                                } else if (focusedRowEnabled) {
                                    const isRowElement = "row" === this._keyboardNavigationController._getElementType($element);
                                    if (isRowElement && !$element.hasClass("dx-row-focused")) {
                                        const $cell = this._keyboardNavigationController.getFirstValidCellInRow($element);
                                        this._keyboardNavigationController.focus($cell)
                                    }
                                }
                            }
                        },
                        columns: Base => class extends Base {
                            getSortDataSourceParameters(_, sortByKey) {
                                let result = super.getSortDataSourceParameters.apply(this, arguments);
                                const dataSource = this._dataController._dataSource;
                                const store = this._dataController.store();
                                let key = store && store.key();
                                const remoteOperations = dataSource && dataSource.remoteOperations() || {};
                                const isLocalOperations = Object.keys(remoteOperations).every(operationName => !remoteOperations[operationName]);
                                if (key && (this.option("focusedRowEnabled") && false !== this._focusController.isAutoNavigateToFocusedRow() || sortByKey)) {
                                    key = Array.isArray(key) ? key : [key];
                                    const notSortedKeys = key.filter(key => !this.columnOption(key, "sortOrder"));
                                    if (notSortedKeys.length) {
                                        result = result || [];
                                        if (isLocalOperations) {
                                            result.push({
                                                selector: dataSource.getDataIndexGetter(),
                                                desc: false
                                            })
                                        } else {
                                            notSortedKeys.forEach(notSortedKey => result.push({
                                                selector: notSortedKey,
                                                desc: false
                                            }))
                                        }
                                    }
                                }
                                return result
                            }
                        },
                        data: Base => class extends Base {
                            constructor() {
                                super(...arguments);
                                this._isDataPushed = false
                            }
                            _applyChange(change) {
                                if (change && "updateFocusedRow" === change.changeType) {
                                    return
                                }
                                return super._applyChange.apply(this, arguments)
                            }
                            _fireChanged(e) {
                                super._fireChanged(e);
                                const forceUpdateFocusedRow = this._isDataPushed;
                                this._isDataPushed = false;
                                if (this.option("focusedRowEnabled") && this._dataSource) {
                                    const isPartialUpdate = "update" === e.changeType && e.repaintChangesOnly;
                                    const isPartialUpdateWithDeleting = isPartialUpdate && e.changeTypes && e.changeTypes.indexOf("remove") >= 0;
                                    if (forceUpdateFocusedRow && this.isEmpty()) {
                                        this._focusController._resetFocusedRow()
                                    } else if ("refresh" === e.changeType && e.items.length || isPartialUpdateWithDeleting) {
                                        this._updatePageIndexes();
                                        this._updateFocusedRowIfNeeded(e, forceUpdateFocusedRow)
                                    } else if ("append" === e.changeType || "prepend" === e.changeType) {
                                        this._updatePageIndexes()
                                    } else if (isPartialUpdate) {
                                        this._updateFocusedRowIfNeeded(e, forceUpdateFocusedRow)
                                    }
                                }
                            }
                            _handleDataPushed(changes) {
                                super._handleDataPushed(changes);
                                const focusedRowKey = this.option("focusedRowKey");
                                this._isDataPushed = (0, _type.isDefined)(focusedRowKey) && !!changes.length
                            }
                            _updatePageIndexes() {
                                const prevRenderingPageIndex = this._lastRenderingPageIndex || 0;
                                const renderingPageIndex = this._rowsScrollController ? this._rowsScrollController.pageIndex() : 0;
                                this._lastRenderingPageIndex = renderingPageIndex;
                                this._isPagingByRendering = renderingPageIndex !== prevRenderingPageIndex
                            }
                            isPagingByRendering() {
                                return this._isPagingByRendering
                            }
                            _updateFocusedRowIfNeeded(e) {
                                let forceUpdate = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                                const operationTypes = e.operationTypes || {};
                                const {
                                    reload: reload,
                                    fullReload: fullReload,
                                    pageIndex: pageIndex,
                                    paging: paging
                                } = operationTypes;
                                const isVirtualScrolling = this._keyboardNavigationController._isVirtualScrolling();
                                const pagingWithoutVirtualScrolling = paging && !isVirtualScrolling;
                                const focusedRowKey = this.option("focusedRowKey");
                                const isAutoNavigate = this._focusController.isAutoNavigateToFocusedRow();
                                const isReload = reload && false === pageIndex;
                                const rowIndexByKey = this.getRowIndexByKey(focusedRowKey);
                                switch (true) {
                                    case forceUpdate:
                                        this._focusController._focusRowByKeyOrIndex();
                                        break;
                                    case isReload && !fullReload && (0, _type.isDefined)(focusedRowKey):
                                        this._focusController._navigateToRow(focusedRowKey, true).done(focusedRowIndex => {
                                            if (focusedRowIndex < 0) {
                                                this._focusController._focusRowByIndex(void 0, operationTypes)
                                            }
                                        });
                                        break;
                                    case pagingWithoutVirtualScrolling && isAutoNavigate: {
                                        const focusedRowIndex = this.option("focusedRowIndex");
                                        const isValidRowIndexByKey = rowIndexByKey >= 0;
                                        const isValidFocusedRowIndex = focusedRowIndex >= 0;
                                        const isSameRowIndex = focusedRowIndex === rowIndexByKey;
                                        if (isValidFocusedRowIndex && (isSameRowIndex || !isValidRowIndexByKey)) {
                                            this._focusController._focusRowByIndex(focusedRowIndex, operationTypes)
                                        }
                                        break
                                    }
                                    case pagingWithoutVirtualScrolling && !isAutoNavigate && rowIndexByKey < 0:
                                        this.option("focusedRowIndex", -1);
                                        break;
                                    case operationTypes.fullReload:
                                        this._focusController._focusRowByKeyOrIndex()
                                }
                            }
                            getPageIndexByKey(key) {
                                const that = this;
                                const d = new _deferred.Deferred;
                                that.getGlobalRowIndexByKey(key).done(globalIndex => {
                                    d.resolve(globalIndex >= 0 ? Math.floor(globalIndex / that.pageSize()) : -1)
                                }).fail(d.reject);
                                return d.promise()
                            }
                            getGlobalRowIndexByKey(key) {
                                if (this._dataSource.group()) {
                                    return this._calculateGlobalRowIndexByGroupedData(key)
                                }
                                return this._calculateGlobalRowIndexByFlatData(key)
                            }
                            _calculateGlobalRowIndexByFlatData(key, groupFilter, useGroup) {
                                const that = this;
                                const deferred = new _deferred.Deferred;
                                const dataSource = that._dataSource;
                                if (Array.isArray(key) || (0, _m_editing_utils.isNewRowTempKey)(key)) {
                                    return deferred.resolve(-1).promise()
                                }
                                let filter = that._generateFilterByKey(key);
                                dataSource.load({
                                    filter: that._concatWithCombinedFilter(filter),
                                    skip: 0,
                                    take: 1
                                }).done(data => {
                                    if (data.length > 0) {
                                        filter = that._generateOperationFilterByKey(key, data[0], useGroup);
                                        dataSource.load({
                                            filter: that._concatWithCombinedFilter(filter, groupFilter),
                                            skip: 0,
                                            take: 1,
                                            requireTotalCount: true
                                        }).done((_, extra) => {
                                            deferred.resolve(extra.totalCount)
                                        })
                                    } else {
                                        deferred.resolve(-1)
                                    }
                                });
                                return deferred.promise()
                            }
                            _concatWithCombinedFilter(filter, groupFilter) {
                                const combinedFilter = this.getCombinedFilter();
                                return _m_utils.default.combineFilters([filter, combinedFilter, groupFilter])
                            }
                            _generateBooleanFilter(selector, value, sortInfo) {
                                const {
                                    desc: desc
                                } = sortInfo;
                                switch (true) {
                                    case false === value && desc:
                                        return [selector, "=", true];
                                    case false === value && !desc:
                                        return [selector, "=", null];
                                    case true === value && !desc:
                                    case !(0, _type.isBoolean)(value) && desc:
                                        return [selector, "<>", value];
                                    default:
                                        return
                                }
                            }
                            _generateOperationFilterByKey(key, rowData, useGroup) {
                                const that = this;
                                const dateSerializationFormat = that.option("dateSerializationFormat");
                                const isRemoteFiltering = that._dataSource.remoteOperations().filtering;
                                const isRemoteSorting = that._dataSource.remoteOperations().sorting;
                                let filter = that._generateFilterByKey(key, "<");
                                let sort = that._columnsController.getSortDataSourceParameters(!isRemoteFiltering, true);
                                if (useGroup) {
                                    const group = that._columnsController.getGroupDataSourceParameters(!isRemoteFiltering);
                                    if (group) {
                                        sort = sort ? group.concat(sort) : group
                                    }
                                }
                                if (sort) {
                                    sort.slice().reverse().forEach(sortInfo => {
                                        const {
                                            selector: selector,
                                            desc: desc,
                                            compare: compare
                                        } = sortInfo;
                                        const {
                                            getter: getter,
                                            rawValue: rawValue,
                                            safeValue: safeValue
                                        } = _m_focus_utils.UiGridCoreFocusUtils.getSortFilterValue(sortInfo, rowData, {
                                            isRemoteFiltering: isRemoteFiltering,
                                            dateSerializationFormat: dateSerializationFormat,
                                            getSelector: selector => that._columnsController.columnOption(selector, "selector")
                                        });
                                        filter = [
                                            [selector, "=", safeValue], "and", filter
                                        ];
                                        if (null === rawValue || (0, _type.isBoolean)(rawValue)) {
                                            const booleanFilter = that._generateBooleanFilter(selector, safeValue, desc);
                                            if (booleanFilter) {
                                                filter = [booleanFilter, "or", filter]
                                            }
                                        } else {
                                            const filterOperation = desc ? ">" : "<";
                                            let sortFilter;
                                            if (compare && !isRemoteSorting) {
                                                sortFilter = data => {
                                                    if ("<" === filterOperation) {
                                                        return compare(rawValue, getter(data)) >= 1
                                                    }
                                                    return compare(rawValue, getter(data)) <= -1
                                                }
                                            } else {
                                                sortFilter = [selector, filterOperation, safeValue];
                                                if (!desc) {
                                                    sortFilter = [sortFilter, "or", [selector, "=", null]]
                                                }
                                            }
                                            filter = [sortFilter, "or", filter]
                                        }
                                    })
                                }
                                return filter
                            }
                            _generateFilterByKey(key, operation) {
                                const dataSourceKey = this._dataSource.key();
                                let filter = [];
                                if (!operation) {
                                    operation = "="
                                }
                                if (Array.isArray(dataSourceKey)) {
                                    for (let i = 0; i < dataSourceKey.length; ++i) {
                                        const keyPart = key[dataSourceKey[i]];
                                        if (keyPart) {
                                            if (filter.length > 0) {
                                                filter.push("and")
                                            }
                                            filter.push([dataSourceKey[i], operation, keyPart])
                                        }
                                    }
                                } else {
                                    filter = [dataSourceKey, operation, key]
                                }
                                return filter
                            }
                            _getLastItemIndex() {
                                return this.items(true).length - 1
                            }
                        },
                        editing: Base => class extends Base {
                            _deleteRowCore(rowIndex) {
                                const deferred = super._deleteRowCore.apply(this, arguments);
                                const rowKey = this._dataController.getKeyByRowIndex(rowIndex);
                                deferred.done(() => {
                                    const rowIndex = this._dataController.getRowIndexByKey(rowKey);
                                    const visibleRows = this._dataController.getVisibleRows();
                                    if (-1 === rowIndex && !visibleRows.length) {
                                        this._focusController._resetFocusedRow()
                                    }
                                })
                            }
                        }
                    },
                    views: {
                        rowsView: Base => class extends Base {
                            _createRow(row) {
                                const $row = super._createRow.apply(this, arguments);
                                if (this.option("focusedRowEnabled") && row) {
                                    if (this._focusController.isRowFocused(row.key)) {
                                        $row.addClass("dx-row-focused")
                                    }
                                }
                                return $row
                            }
                            _checkRowKeys(options) {
                                super._checkRowKeys.apply(this, arguments);
                                if (this.option("focusedRowEnabled") && this.option("dataSource")) {
                                    const store = this._dataController.store();
                                    if (store && !store.key()) {
                                        this._dataController.fireError("E1042", "Row focusing")
                                    }
                                }
                            }
                            _update(change) {
                                if ("updateFocusedRow" === change.changeType) {
                                    if (this.option("focusedRowEnabled")) {
                                        this._focusController.updateFocusedRow(change)
                                    }
                                } else {
                                    super._update(change)
                                }
                            }
                            updateFocusElementTabIndex($cellElements, preventScroll) {
                                if (this.option("focusedRowEnabled")) {
                                    this._setFocusedRowElementTabIndex(preventScroll)
                                } else {
                                    super.updateFocusElementTabIndex($cellElements)
                                }
                            }
                            _setFocusedRowElementTabIndex(preventScroll) {
                                const focusedRowKey = this.option("focusedRowKey");
                                const tabIndex = this.option("tabIndex") ?? 0;
                                const columnsController = this._columnsController;
                                let rowIndex = this._dataController.getRowIndexByKey(focusedRowKey);
                                let columnIndex = this.option("focusedColumnIndex");
                                const $row = this._findRowElementForTabIndex();
                                const dataSource = this._dataController.dataSource();
                                const operationTypes = null === dataSource || void 0 === dataSource ? void 0 : dataSource.operationTypes();
                                const isPaging = !operationTypes || operationTypes.paging;
                                if (!(0, _type.isDefined)(this._scrollToFocusOnResize)) {
                                    this._scrollToFocusOnResize = () => {
                                        this.scrollToElementVertically(this._findRowElementForTabIndex());
                                        this.resizeCompleted.remove(this._scrollToFocusOnResize)
                                    }
                                }
                                $row.attr("tabIndex", tabIndex);
                                const rowIndexFromOption = this.option("focusedRowIndex") - this._dataController.getRowIndexOffset(true);
                                if (!isPaging && rowIndex < 0 && rowIndexFromOption >= 0) {
                                    this._focusController.updateFocusedRow({
                                        focusedRowKey: focusedRowKey,
                                        preventScroll: preventScroll
                                    })
                                }
                                if (rowIndex >= 0 && !preventScroll) {
                                    if (columnIndex < 0) {
                                        columnIndex = 0
                                    }
                                    rowIndex += this._dataController.getRowIndexOffset();
                                    columnIndex += columnsController.getColumnIndexOffset();
                                    this._keyboardNavigationController.setFocusedCellPosition(rowIndex, columnIndex);
                                    if (this._focusController.isAutoNavigateToFocusedRow()) {
                                        if (!isPaging && !this._dataController.isPagingByRendering()) {
                                            this.resizeCompleted.remove(this._scrollToFocusOnResize);
                                            this.resizeCompleted.add(this._scrollToFocusOnResize)
                                        }
                                    }
                                }
                            }
                            _findRowElementForTabIndex() {
                                const focusedRowKey = this.option("focusedRowKey");
                                const rowIndex = this._dataController.getRowIndexByKey(focusedRowKey);
                                return (0, _renderer.default)(this.getRowElement(rowIndex >= 0 ? rowIndex : 0))
                            }
                            scrollToRowElement(key) {
                                const rowIndex = this._dataController.getRowIndexByKey(key);
                                const $row = (0, _renderer.default)(this.getRow(rowIndex));
                                return this.scrollToElementVertically($row)
                            }
                            scrollToElementVertically($row) {
                                const scrollable = this.getScrollable();
                                if (scrollable && $row.length) {
                                    const position = scrollable.getScrollElementPosition($row, "vertical");
                                    return this.scrollTopPosition(position)
                                }
                                return (new _deferred.Deferred).resolve()
                            }
                            scrollTopPosition(scrollTop) {
                                const d = new _deferred.Deferred;
                                const scrollable = this.getScrollable();
                                if (scrollable) {
                                    const currentScrollTop = scrollable.scrollTop();
                                    const scrollHandler = () => {
                                        scrollable.off("scroll", scrollHandler);
                                        d.resolve()
                                    };
                                    if (scrollTop !== currentScrollTop) {
                                        scrollable.on("scroll", scrollHandler);
                                        this._dataController.resetFilterApplying();
                                        scrollable.scrollTo({
                                            top: scrollTop
                                        });
                                        return d.promise()
                                    }
                                }
                                return d.resolve()
                            }
                        }
                    }
                }
            }
        },
        21774(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.UiGridCoreFocusUtils = void 0;
            var _date_serialization = (e = __webpack_require__( /*! ../../../../core/utils/date_serialization */ 71051), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            exports.UiGridCoreFocusUtils = {
                getSortFilterValue: (sortInfo, rowData, _ref) => {
                    let {
                        isRemoteFiltering: isRemoteFiltering,
                        dateSerializationFormat: dateSerializationFormat,
                        getSelector: getSelector
                    } = _ref;
                    const {
                        selector: selector
                    } = sortInfo;
                    const getter = (0, _type.isFunction)(selector) ? selector : getSelector(selector);
                    const rawValue = getter ? getter(rowData) : rowData[selector];
                    const safeValue = isRemoteFiltering && (0, _type.isDate)(rawValue) ? _date_serialization.default.serializeDate(rawValue, dateSerializationFormat) : rawValue;
                    return {
                        getter: getter,
                        rawValue: rawValue,
                        safeValue: safeValue
                    }
                }
            }
        },
        69952(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.HeaderFilterController = void 0;
            exports.convertDataFromUTCToLocal = convertDataFromUTCToLocal;
            exports.headerFilterModule = exports.getFormatOptions = void 0;
            exports.invertFilterExpression = function(filter) {
                return ["!", filter]
            };
            exports.isUTCFormat = isUTCFormat;
            var _click = __webpack_require__( /*! ../../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/date */ 38662));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _utils = __webpack_require__( /*! ../../../../common/data/data_source/utils */ 97169);
            var _query = _interopRequireDefault(__webpack_require__( /*! ../../../../common/data/query */ 30771));
            var _store_helper = _interopRequireDefault(__webpack_require__( /*! ../../../../common/data/store_helper */ 66177));
            var _data = __webpack_require__( /*! ../../../../core/utils/data */ 31e3);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _accessibility = __webpack_require__( /*! ../../../../ui/shared/accessibility */ 16191);
            var _filtering = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/shared/filtering */ 56417));
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../../../grids/grid_core/m_modules */ 74854));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _m_header_filter_core = __webpack_require__( /*! ./m_header_filter_core */ 83040);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DATE_INTERVAL_FORMATS = {
                month: value => _date.default.getMonthNames()[value - 1],
                quarter: value => _date.default.format(new Date(2e3, 3 * value - 1), "quarter")
            };

            function ungroupUTCDates(items, dateParts, dates) {
                dateParts = dateParts || [];
                dates = dates || [];
                items.forEach(item => {
                    if ((0, _type.isDefined)(item.key)) {
                        const isMonthPart = 1 === dateParts.length;
                        dateParts.push(isMonthPart ? item.key - 1 : item.key);
                        if (item.items) {
                            ungroupUTCDates(item.items, dateParts, dates)
                        } else {
                            const date = new Date(Date.UTC.apply(Date, dateParts));
                            dates.push(date)
                        }
                        dateParts.pop()
                    } else {
                        dates.push(null)
                    }
                });
                return dates
            }

            function convertDataFromUTCToLocal(data, column) {
                const dates = ungroupUTCDates(data);
                const query = (0, _query.default)(dates);
                const group = _m_utils.default.getHeaderFilterGroupParameters(Object.assign({}, column, {
                    calculateCellValue: date => date
                }));
                return _store_helper.default.queryByOptions(query, {
                    group: group
                }).toArray()
            }

            function isUTCFormat(format) {
                return "Z" === (null === format || void 0 === format ? void 0 : format.slice(-1)) || "'Z'" === (null === format || void 0 === format ? void 0 : format.slice(-3))
            }
            const getFormatOptions = function(value, column, currentLevel) {
                const groupInterval = _filtering.default.getGroupInterval(column);
                const result = _m_utils.default.getFormatOptionsByColumn(column, "headerFilter");
                if (groupInterval) {
                    result.groupInterval = groupInterval[currentLevel];
                    if (_m_utils.default.isDateType(column.dataType)) {
                        result.format = DATE_INTERVAL_FORMATS[groupInterval[currentLevel]]
                    } else if ("number" === column.dataType) {
                        result.getDisplayFormat = function() {
                            const formatOptions = {
                                format: column.format,
                                target: "headerFilter"
                            };
                            const firstValueText = _m_utils.default.formatValue(value, formatOptions);
                            const secondValue = value + groupInterval[currentLevel];
                            const secondValueText = _m_utils.default.formatValue(secondValue, formatOptions);
                            return firstValueText && secondValueText ? `${firstValueText} - ${secondValueText}` : ""
                        }
                    }
                }
                return result
            };
            exports.getFormatOptions = getFormatOptions;
            class HeaderFilterController extends _m_modules.default.ViewController {
                init() {
                    this._columnsController = this.getController("columns");
                    this._dataController = this.getController("data");
                    this._headerFilterView = this.getView("headerFilterView")
                }
                _updateSelectedState(items, column) {
                    let i = items.length;
                    const isExclude = "exclude" === column.filterType;
                    while (i--) {
                        const item = items[i];
                        if ("items" in items[i]) {
                            this._updateSelectedState(items[i].items, column)
                        }(0, _m_header_filter_core.updateHeaderFilterItemSelectionState)(item, _m_utils.default.getIndexByKey(items[i].value, column.filterValues, null) > -1, isExclude)
                    }
                }
                _normalizeGroupItem(item, currentLevel, options) {
                    let value;
                    let displayValue;
                    const {
                        path: path
                    } = options;
                    const {
                        valueSelector: valueSelector
                    } = options;
                    const {
                        displaySelector: displaySelector
                    } = options;
                    const {
                        column: column
                    } = options;
                    if (valueSelector && displaySelector) {
                        value = valueSelector(item);
                        displayValue = displaySelector(item)
                    } else {
                        value = item.key;
                        displayValue = value
                    }
                    if (!(0, _type.isObject)(item)) {
                        item = {}
                    } else {
                        item = (0, _extend.extend)({}, item)
                    }
                    path.push(value);
                    if (1 === path.length) {
                        item.value = path[0]
                    } else {
                        item.value = path.join("/")
                    }
                    item.text = this.getHeaderItemText(displayValue, column, currentLevel, options.headerFilterOptions);
                    return item
                }
                getHeaderItemText(displayValue, column, currentLevel, headerFilterOptions) {
                    let text = _m_utils.default.formatValue(displayValue, getFormatOptions(displayValue, column, currentLevel));
                    if (!text) {
                        text = headerFilterOptions.texts.emptyValue
                    }
                    return text
                }
                _processGroupItems(groupItems, currentLevel, path, options) {
                    const that = this;
                    let displaySelector;
                    let valueSelector;
                    const {
                        column: column
                    } = options;
                    const {
                        lookup: lookup
                    } = column;
                    const {
                        level: level
                    } = options;
                    path = path || [];
                    currentLevel = currentLevel || 0;
                    if (lookup) {
                        displaySelector = (0, _data.compileGetter)(lookup.displayExpr);
                        valueSelector = (0, _data.compileGetter)(lookup.valueExpr)
                    }
                    for (let i = 0; i < groupItems.length; i++) {
                        groupItems[i] = that._normalizeGroupItem(groupItems[i], currentLevel, {
                            column: options.column,
                            headerFilterOptions: options.headerFilterOptions,
                            displaySelector: displaySelector,
                            valueSelector: valueSelector,
                            path: path
                        });
                        if ("items" in groupItems[i]) {
                            if (currentLevel === level || !(0, _type.isDefined)(groupItems[i].value)) {
                                delete groupItems[i].items
                            } else {
                                that._processGroupItems(groupItems[i].items, currentLevel + 1, path, options)
                            }
                        }
                        path.pop()
                    }
                }
                getDataSource(column) {
                    var _column$headerFilter;
                    const dataSource = this._dataController.dataSource();
                    const remoteGrouping = null === dataSource || void 0 === dataSource ? void 0 : dataSource.remoteOperations().grouping;
                    const group = _m_utils.default.getHeaderFilterGroupParameters(column, remoteGrouping);
                    const headerFilterDataSource = null === (_column$headerFilter = column.headerFilter) || void 0 === _column$headerFilter ? void 0 : _column$headerFilter.dataSource;
                    const headerFilterOptions = this.option("headerFilter");
                    let isLookup = false;
                    const options = {
                        component: this.component
                    };
                    if (!dataSource) {
                        return
                    }
                    if ((0, _type.isDefined)(headerFilterDataSource) && !(0, _type.isFunction)(headerFilterDataSource)) {
                        options.dataSource = (0, _utils.normalizeDataSourceOptions)(headerFilterDataSource)
                    } else if (column.lookup) {
                        isLookup = true;
                        if (this.option("syncLookupFilterValues")) {
                            this._currentColumn = column;
                            const filter = this._dataController.getCombinedFilter();
                            this._currentColumn = null;
                            options.dataSource = _m_utils.default.getWrappedLookupDataSource(column, dataSource, filter)
                        } else {
                            options.dataSource = _m_utils.default.normalizeLookupDataSource(column.lookup)
                        }
                    } else {
                        const cutoffLevel = Array.isArray(group) ? group.length - 1 : 0;
                        this._currentColumn = column;
                        const filter = this._dataController.getCombinedFilter();
                        this._currentColumn = null;
                        options.dataSource = {
                            filter: filter,
                            group: group,
                            useDefaultSearch: true,
                            load: options => {
                                const d = new _deferred.Deferred;
                                options.dataField = column.dataField || column.name;
                                dataSource.load(options).done(data => {
                                    const convertUTCDates = remoteGrouping && isUTCFormat(column.serializationFormat) && cutoffLevel > 3;
                                    if (convertUTCDates) {
                                        data = convertDataFromUTCToLocal(data, column)
                                    }
                                    that._processGroupItems(data, null, null, {
                                        level: cutoffLevel,
                                        column: column,
                                        headerFilterOptions: headerFilterOptions
                                    });
                                    d.resolve(data)
                                }).fail(d.reject);
                                return d
                            }
                        }
                    }
                    if ((0, _type.isFunction)(headerFilterDataSource)) {
                        headerFilterDataSource.call(column, options)
                    }
                    const origPostProcess = options.dataSource.postProcess;
                    const that = this;
                    options.dataSource.postProcess = function(data) {
                        let items = data;
                        if (isLookup) {
                            items = items.filter(item => null !== item[column.lookup.valueExpr]);
                            if (0 === this.pageIndex() && !this.searchValue()) {
                                items = items.slice(0);
                                items.unshift(null)
                            }
                            that._processGroupItems(items, null, null, {
                                level: 0,
                                column: column,
                                headerFilterOptions: headerFilterOptions
                            })
                        }
                        items = origPostProcess && origPostProcess.call(this, items) || items;
                        that._updateSelectedState(items, column);
                        return items
                    };
                    return options.dataSource
                }
                getCurrentColumn() {
                    return this._currentColumn
                }
                showHeaderFilterMenu(columnIndex, isGroupPanel) {
                    const columnsController = this._columnsController;
                    const column = (0, _extend.extend)(true, {}, this._columnsController.getColumns()[columnIndex]);
                    if (column) {
                        const visibleIndex = columnsController.getVisibleIndex(columnIndex);
                        const view = isGroupPanel ? this.getView("headerPanel") : this.getView("columnHeadersView");
                        const $columnElement = view.getColumnElements().eq(isGroupPanel ? column.groupIndex : visibleIndex);
                        this.showHeaderFilterMenuBase({
                            columnElement: $columnElement,
                            column: column,
                            applyFilter: true,
                            apply() {
                                columnsController.columnOption(columnIndex, {
                                    filterValues: this.filterValues,
                                    filterType: this.filterType
                                })
                            }
                        })
                    }
                }
                showHeaderFilterMenuBase(options) {
                    const that = this;
                    const {
                        column: column
                    } = options;
                    if (column) {
                        const groupInterval = _filtering.default.getGroupInterval(column);
                        const dataSource = that._dataController.dataSource();
                        const remoteFiltering = dataSource && dataSource.remoteOperations().filtering;
                        const previousOnHidden = options.onHidden;
                        (0, _extend.extend)(options, column, {
                            type: groupInterval && groupInterval.length > 1 ? "tree" : "list",
                            remoteFiltering: remoteFiltering,
                            onShowing: e => {
                                const dxResizableInstance = e.component.$overlayContent().dxResizable("instance");
                                dxResizableInstance && dxResizableInstance.option("onResizeEnd", e => {
                                    let headerFilterByColumn = this._columnsController.columnOption(options.dataField, "headerFilter");
                                    headerFilterByColumn = headerFilterByColumn || {};
                                    headerFilterByColumn.width = e.width;
                                    headerFilterByColumn.height = e.height;
                                    this._columnsController.columnOption(options.dataField, "headerFilter", headerFilterByColumn, true)
                                })
                            },
                            onHidden: () => {
                                null === previousOnHidden || void 0 === previousOnHidden || previousOnHidden();
                                (0, _accessibility.restoreFocus)(this)
                            }
                        });
                        options.dataSource = that.getDataSource(options);
                        if (options.isFilterBuilder) {
                            options.dataSource.filter = null;
                            options.alignment = "right"
                        }
                        that._headerFilterView.showHeaderFilterMenu(options.columnElement, options)
                    }
                }
                hideHeaderFilterMenu() {
                    this._headerFilterView.hideHeaderFilterMenu()
                }
            }
            exports.HeaderFilterController = HeaderFilterController;
            exports.headerFilterModule = {
                defaultOptions: () => ({
                    syncLookupFilterValues: true,
                    headerFilter: {
                        visible: false,
                        width: 252,
                        height: 325,
                        allowSelectAll: true,
                        search: {
                            enabled: false,
                            timeout: 500,
                            mode: "contains",
                            editorOptions: {}
                        },
                        texts: {
                            emptyValue: _message.default.format("dxDataGrid-headerFilterEmptyValue"),
                            ok: _message.default.format("dxDataGrid-headerFilterOK"),
                            cancel: _message.default.format("dxDataGrid-headerFilterCancel")
                        }
                    }
                }),
                controllers: {
                    headerFilter: HeaderFilterController
                },
                views: {
                    headerFilterView: _m_header_filter_core.HeaderFilterView
                },
                extenders: {
                    controllers: {
                        data: Base => class extends Base {
                            skipCalculateColumnFilters() {
                                return false
                            }
                            _calculateAdditionalFilter() {
                                if (this.skipCalculateColumnFilters()) {
                                    return super._calculateAdditionalFilter()
                                }
                                const filters = [super._calculateAdditionalFilter()];
                                const columns = this._columnsController.getVisibleColumns(null, true);
                                const headerFilterController = this._headerFilterController;
                                const currentColumn = headerFilterController.getCurrentColumn();
                                (0, _iterator.each)(columns, (_, column) => {
                                    let filter;
                                    if (currentColumn && currentColumn.index === column.index) {
                                        return
                                    }
                                    if ((0, _m_header_filter_core.allowHeaderFiltering)(column) && column.calculateFilterExpression && Array.isArray(column.filterValues) && column.filterValues.length) {
                                        let filterValues = [];
                                        (0, _iterator.each)(column.filterValues, (_, filterValue) => {
                                            if (Array.isArray(filterValue)) {
                                                filter = filterValue
                                            } else {
                                                if (column.deserializeValue && !_m_utils.default.isDateType(column.dataType) && "number" !== column.dataType) {
                                                    filterValue = column.deserializeValue(filterValue)
                                                }
                                                filter = column.createFilterExpression(filterValue, "=", "headerFilter")
                                            }
                                            if (filter) {
                                                filter.columnIndex = column.index
                                            }
                                            filterValues.push(filter)
                                        });
                                        filterValues = _m_utils.default.combineFilters(filterValues, "or");
                                        filters.push("exclude" === column.filterType ? ["!", filterValues] : filterValues)
                                    }
                                });
                                return _m_utils.default.combineFilters(filters)
                            }
                        }
                    },
                    views: {
                        columnHeadersView: Base => class extends((0, _m_header_filter_core.headerFilterMixin)(Base)) {
                            _renderCellContent($cell, options) {
                                const that = this;
                                let $headerFilterIndicator;
                                const {
                                    column: column
                                } = options;
                                if (!column.command && (0, _m_header_filter_core.allowHeaderFiltering)(column) && that.option("headerFilter.visible") && "header" === options.rowType) {
                                    $headerFilterIndicator = that._applyColumnState({
                                        name: "headerFilter",
                                        rootElement: $cell,
                                        column: column,
                                        showColumnLines: that.option("showColumnLines")
                                    });
                                    $headerFilterIndicator && that._subscribeToIndicatorEvent($headerFilterIndicator, column, "headerFilter")
                                }
                                super._renderCellContent.apply(this, arguments)
                            }
                            _subscribeToIndicatorEvent($indicator, column, indicatorName) {
                                if ("headerFilter" === indicatorName) {
                                    _events_engine.default.on($indicator, _click.name, this.createAction(e => {
                                        e.event.stopPropagation();
                                        (0, _accessibility.saveFocusedElementInfo)($indicator, this);
                                        this._headerFilterController.showHeaderFilterMenu(column.index, false)
                                    }))
                                }
                            }
                            _updateIndicator($cell, column, indicatorName) {
                                const $indicator = super._updateIndicator($cell, column, indicatorName);
                                $indicator && this._subscribeToIndicatorEvent($indicator, column, indicatorName)
                            }
                            _updateHeaderFilterIndicators() {
                                if (this.option("headerFilter.visible")) {
                                    this._updateIndicators("headerFilter")
                                }
                            }
                            _needUpdateFilterIndicators() {
                                return true
                            }
                            _columnOptionChanged(e) {
                                const {
                                    optionNames: optionNames
                                } = e;
                                const isFilterRowAndHeaderFilterValuesChanged = _m_utils.default.checkChanges(optionNames, ["filterValues", "filterValue"]);
                                const isHeaderFilterValuesAndTypeChanged = _m_utils.default.checkChanges(optionNames, ["filterValues", "filterType"]);
                                const shouldUpdateFilterIndicators = (isFilterRowAndHeaderFilterValuesChanged || isHeaderFilterValuesAndTypeChanged) && this._needUpdateFilterIndicators();
                                if (shouldUpdateFilterIndicators) {
                                    this._updateHeaderFilterIndicators()
                                }
                                if (!isHeaderFilterValuesAndTypeChanged) {
                                    super._columnOptionChanged(e)
                                }
                            }
                        },
                        headerPanel: Base => class extends((0, _m_header_filter_core.headerFilterMixin)(Base)) {
                            _createGroupPanelItem($rootElement, groupColumn) {
                                const that = this;
                                const $item = super._createGroupPanelItem.apply(that, arguments);
                                let $headerFilterIndicator;
                                if (!groupColumn.command && (0, _m_header_filter_core.allowHeaderFiltering)(groupColumn) && that.option("headerFilter.visible")) {
                                    $headerFilterIndicator = that._applyColumnState({
                                        name: "headerFilter",
                                        rootElement: $item,
                                        column: {
                                            alignment: (0, _position.getDefaultAlignment)(that.option("rtlEnabled")),
                                            filterValues: groupColumn.filterValues,
                                            allowHeaderFiltering: true,
                                            caption: groupColumn.caption
                                        },
                                        showColumnLines: true
                                    });
                                    $headerFilterIndicator && _events_engine.default.on($headerFilterIndicator, _click.name, that.createAction(e => {
                                        const {
                                            event: event
                                        } = e;
                                        event.stopPropagation();
                                        this._headerFilterController.showHeaderFilterMenu(groupColumn.index, true)
                                    }))
                                }
                                return $item
                            }
                        }
                    }
                }
            }
        },
        83040(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.headerFilterMixin = exports.allowHeaderFiltering = exports.HeaderFilterView = void 0;
            exports.updateHeaderFilterItemSelectionState = function(item, filterValuesMatch, isExcludeFilter) {
                if (filterValuesMatch ^ isExcludeFilter) {
                    item.selected = true;
                    if (isExcludeFilter && item.items) {
                        for (let j = 0; j < item.items.length; j++) {
                            if (!item.items[j].selected) {
                                item.selected = void 0;
                                break
                            }
                        }
                    }
                } else if (isExcludeFilter || item.selected) {
                    item.selected = false;
                    resetChildrenItemSelection(item.items)
                }
            };
            __webpack_require__( /*! ../../../ui/list/modules/search */ 2308);
            __webpack_require__( /*! ../../../ui/list/modules/selection */ 81400);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/popup/ui.popup */ 10720));
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../../../grids/grid_core/m_modules */ 74854));
            var _listEdit = _interopRequireDefault(__webpack_require__( /*! ../../../ui/list/list.edit.search */ 51802));
            var _tree_view = _interopRequireDefault(__webpack_require__( /*! ../../../ui/tree_view/tree_view.search */ 52192));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const HANDLER_DECORATED_KEY = Symbol("HANDLER_DECORATED_KEY");

            function resetChildrenItemSelection(items) {
                items = items || [];
                for (let i = 0; i < items.length; i++) {
                    items[i].selected = false;
                    resetChildrenItemSelection(items[i].items)
                }
            }

            function getSelectAllCheckBox(listComponent) {
                const selector = "dxTreeView" === listComponent.NAME ? ".dx-treeview-select-all-item" : ".dx-list-select-all-checkbox";
                return listComponent.$element().find(selector).dxCheckBox("instance")
            }

            function decorateListSelectAllValueChanged(listComponent) {
                const selectAllCheckBox = getSelectAllCheckBox(listComponent);
                if (!selectAllCheckBox) {
                    return
                }
                const handler = function(selectAllCheckBox, listComponent) {
                    const originalHandler = selectAllCheckBox.option("onValueChanged");
                    if (null !== originalHandler && void 0 !== originalHandler && originalHandler[HANDLER_DECORATED_KEY]) {
                        return originalHandler
                    }
                    const handler = originalEvent => {
                        const {
                            event: event,
                            value: value
                        } = originalEvent;
                        const isEventFromUI = !!event;
                        null === event || void 0 === event || event.stopPropagation();
                        switch (true) {
                            case isEventFromUI && true === value:
                                listComponent.selectAll();
                                return;
                            case isEventFromUI && false === value:
                                listComponent.unselectAll();
                                return;
                            default:
                                null === originalHandler || void 0 === originalHandler || originalHandler(originalEvent)
                        }
                    };
                    handler[HANDLER_DECORATED_KEY] = true;
                    return handler
                }(selectAllCheckBox, listComponent);
                selectAllCheckBox.option("onValueChanged", handler)
            }

            function updateListSelectAllState(listComponent, filterValues) {
                if (listComponent.option("searchValue")) {
                    return
                }
                const selectAllCheckBox = getSelectAllCheckBox(listComponent);
                if (selectAllCheckBox && null !== filterValues && void 0 !== filterValues && filterValues.length) {
                    selectAllCheckBox.option("value", void 0)
                }
            }
            class HeaderFilterView extends _m_modules.default.View {
                getPopupContainer() {
                    return this._popupContainer
                }
                getListComponent() {
                    return this._listComponent
                }
                applyHeaderFilter(options) {
                    const list = this.getListComponent();
                    const searchValue = list.option("searchValue");
                    const selectAllCheckBox = getSelectAllCheckBox(list);
                    const isAllSelected = !searchValue && !options.isFilterBuilder && (null === selectAllCheckBox || void 0 === selectAllCheckBox ? void 0 : selectAllCheckBox.option("value"));
                    const filterValues = [];
                    const fillSelectedItemKeys = function(filterValues, items, isExclude) {
                        (0, _iterator.each)(items, (_, item) => {
                            if (void 0 !== item.selected && !!item.selected ^ isExclude) {
                                const node = list._getNode(item);
                                const hasChildren = list._hasChildren(node);
                                const hasChildrenWithSelection = hasChildren && item.items && item.items.some(item => item.selected);
                                if (!searchValue || !hasChildrenWithSelection) {
                                    filterValues.push(item.value);
                                    return
                                }
                            }
                            if (item.items && item.items.length) {
                                fillSelectedItemKeys(filterValues, item.items, isExclude)
                            }
                        })
                    };
                    if (!isAllSelected) {
                        if ("tree" === options.type) {
                            if (options.filterType) {
                                options.filterType = "include"
                            }
                            fillSelectedItemKeys(filterValues, list.option("items"), false);
                            options.filterValues = filterValues
                        }
                    } else {
                        if ("tree" === options.type) {
                            options.filterType = "exclude"
                        }
                        if (Array.isArray(options.filterValues)) {
                            options.filterValues = []
                        }
                    }
                    if (options.filterValues && !options.filterValues.length) {
                        options.filterValues = null
                    }
                    options.apply();
                    this.hideHeaderFilterMenu()
                }
                showHeaderFilterMenu($columnElement, options) {
                    const that = this;
                    if (options) {
                        that._initializePopupContainer(options);
                        const popupContainer = that.getPopupContainer();
                        that.hideHeaderFilterMenu();
                        that.updatePopup($columnElement, options);
                        popupContainer.show()
                    }
                }
                hideHeaderFilterMenu() {
                    const headerFilterMenu = this.getPopupContainer();
                    headerFilterMenu && headerFilterMenu.hide()
                }
                updatePopup($element, options) {
                    const that = this;
                    const showColumnLines = this.option("showColumnLines");
                    const alignment = "right" === options.alignment ^ !showColumnLines ? "left" : "right";
                    that._popupContainer.setAria({
                        role: "dialog",
                        label: _message.default.format("dxDataGrid-headerFilterLabel")
                    });
                    if (that._popupContainer) {
                        that._cleanPopupContent();
                        that._popupContainer.option("position", {
                            my: `${alignment} top`,
                            at: `${alignment} bottom`,
                            of: $element,
                            collision: "fit fit"
                        })
                    }
                }
                _getSearchExpr(options, headerFilterOptions) {
                    const {
                        lookup: lookup
                    } = options;
                    const {
                        useDefaultSearchExpr: useDefaultSearchExpr
                    } = options;
                    const headerFilterDataSource = headerFilterOptions.dataSource;
                    const filterSearchExpr = headerFilterOptions.search.searchExpr;
                    if (filterSearchExpr) {
                        return filterSearchExpr
                    }
                    if (useDefaultSearchExpr || (0, _type.isDefined)(headerFilterDataSource) && !(0, _type.isFunction)(headerFilterDataSource)) {
                        return "text"
                    }
                    if (lookup) {
                        return lookup.displayExpr || "this"
                    }
                    if (options.dataSource) {
                        const {
                            group: group
                        } = options.dataSource;
                        if (Array.isArray(group) && group.length > 0) {
                            return group[0].selector
                        }
                        if ((0, _type.isFunction)(group) && !options.remoteFiltering) {
                            return group
                        }
                    }
                    return options.dataField || options.selector
                }
                _cleanPopupContent() {
                    this._popupContainer && this._popupContainer.$content().empty()
                }
                _initializePopupContainer(options) {
                    const that = this;
                    const $element = that.element();
                    const headerFilterOptions = this._normalizeHeaderFilterOptions(options);
                    const {
                        hidePopupCallback: hidePopupCallback
                    } = options;
                    const {
                        height: height,
                        width: width
                    } = headerFilterOptions;
                    const dxPopupOptions = {
                        width: width,
                        height: height,
                        visible: false,
                        shading: false,
                        showTitle: false,
                        showCloseButton: false,
                        hideOnParentScroll: false,
                        dragEnabled: false,
                        hideOnOutsideClick: true,
                        wrapperAttr: {
                            class: "dx-header-filter-menu"
                        },
                        focusStateEnabled: false,
                        toolbarItems: [{
                            toolbar: "bottom",
                            location: "after",
                            widget: "dxButton",
                            options: {
                                text: headerFilterOptions.texts.ok ?? _message.default.format("dxDataGrid-headerFilterOK"),
                                onClick() {
                                    that.applyHeaderFilter(options)
                                }
                            }
                        }, {
                            toolbar: "bottom",
                            location: "after",
                            widget: "dxButton",
                            options: {
                                text: headerFilterOptions.texts.cancel ?? _message.default.format("dxDataGrid-headerFilterCancel"),
                                onClick() {
                                    that.hideHeaderFilterMenu();
                                    null === hidePopupCallback || void 0 === hidePopupCallback || hidePopupCallback()
                                }
                            }
                        }],
                        resizeEnabled: true,
                        onShowing(e) {
                            e.component.$content().parent().addClass("dx-dropdowneditor-overlay");
                            that._initializeListContainer(options, headerFilterOptions);
                            options.onShowing && options.onShowing(e)
                        },
                        onShown() {
                            that.getListComponent().focus()
                        },
                        onHidden: options.onHidden,
                        onInitialized(e) {
                            const {
                                component: component
                            } = e;
                            component.option("animation", component._getDefaultOptions().animation)
                        },
                        _loopFocus: true
                    };
                    if (!(0, _type.isDefined)(that._popupContainer)) {
                        that._popupContainer = that._createComponent($element, _ui.default, dxPopupOptions)
                    } else {
                        that._popupContainer.option(dxPopupOptions)
                    }
                }
                _initializeListContainer(options, headerFilterOptions) {
                    const that = this;
                    const $content = that._popupContainer.$content();
                    const needShowSelectAllCheckbox = !options.isFilterBuilder && headerFilterOptions.allowSelectAll;
                    const widgetOptions = {
                        searchEnabled: headerFilterOptions.search.enabled,
                        searchTimeout: headerFilterOptions.search.timeout,
                        searchEditorOptions: headerFilterOptions.search.editorOptions,
                        searchMode: headerFilterOptions.search.mode || "",
                        dataSource: options.dataSource,
                        onContentReady() {
                            that.renderCompleted.fire()
                        },
                        itemTemplate(data, _, element) {
                            const $element = (0, _renderer.default)(element);
                            if (false !== options.encodeHtml) {
                                return $element.text(data.text)
                            }
                            return $element.html(data.text)
                        }
                    };
                    const shouldChangeSelectAllCheckBoxVisibility = () => needShowSelectAllCheckbox && false !== that.option("headerFilter.hideSelectAllOnSearch");
                    const onTreeViewOptionChanged = event => {
                        switch (true) {
                            case "searchValue" === event.fullName && shouldChangeSelectAllCheckBoxVisibility():
                                event.component.option("showCheckBoxesMode", event.value ? "normal" : "selectAll");
                                break;
                            case "showCheckBoxesMode" === event.fullName:
                                Promise.resolve().then(() => {
                                    event.component.getSearchBoxController().focus()
                                }).catch(() => {})
                        }
                    };
                    const onListOptionChanged = event => {
                        if ("searchValue" === event.fullName && shouldChangeSelectAllCheckBoxVisibility()) {
                            event.component.option("selectionMode", event.value ? "multiple" : "all")
                        }
                    };
                    if ("tree" === options.type) {
                        that._listComponent = that._createComponent((0, _renderer.default)("<div>").appendTo($content), _tree_view.default, (0, _extend.extend)(widgetOptions, {
                            showCheckBoxesMode: needShowSelectAllCheckbox ? "selectAll" : "normal",
                            onOptionChanged: onTreeViewOptionChanged,
                            keyExpr: "id"
                        }))
                    } else {
                        that._listComponent = that._createComponent((0, _renderer.default)("<div>").appendTo($content), _listEdit.default, (0, _extend.extend)(widgetOptions, {
                            searchExpr: that._getSearchExpr(options, headerFilterOptions),
                            pageLoadMode: "scrollBottom",
                            showSelectionControls: true,
                            selectionMode: needShowSelectAllCheckbox ? "all" : "multiple",
                            onOptionChanged: onListOptionChanged,
                            onSelectionChanged(event) {
                                const {
                                    component: listComponent
                                } = event;
                                const items = listComponent.option("items");
                                const selectedItems = listComponent.option("selectedItems");
                                if (!listComponent._selectedItemsUpdating && !listComponent.option("searchValue") && !options.isFilterBuilder) {
                                    const filterValues = options.filterValues || [];
                                    const isExclude = "exclude" === options.filterType;
                                    if (0 === selectedItems.length && items.length && (filterValues.length <= 1 || isExclude && filterValues.length === items.length - 1)) {
                                        options.filterType = "include";
                                        options.filterValues = []
                                    } else if (selectedItems.length === items.length) {
                                        options.filterType = "exclude";
                                        options.filterValues = []
                                    }
                                }(0, _iterator.each)(items, (index, item) => {
                                    const selected = _m_utils.default.getIndexByKey(item, selectedItems, null) >= 0;
                                    const oldSelected = !!item.selected;
                                    if (oldSelected !== selected) {
                                        item.selected = selected;
                                        options.filterValues = options.filterValues || [];
                                        const filterValueIndex = _m_utils.default.getIndexByKey(item.value, options.filterValues, null);
                                        if (filterValueIndex >= 0) {
                                            options.filterValues.splice(filterValueIndex, 1)
                                        }
                                        const isExcludeFilterType = "exclude" === options.filterType;
                                        if (selected ^ isExcludeFilterType) {
                                            options.filterValues.push(item.value)
                                        }
                                    }
                                });
                                updateListSelectAllState(listComponent, options.filterValues)
                            },
                            onContentReady(e) {
                                const {
                                    component: listComponent
                                } = e;
                                const items = listComponent.option("items");
                                const selectedItems = [];
                                (0, _iterator.each)(items, function() {
                                    if (this.selected) {
                                        selectedItems.push(this)
                                    }
                                });
                                listComponent._selectedItemsUpdating = true;
                                listComponent.option("selectedItems", selectedItems);
                                listComponent._selectedItemsUpdating = false;
                                decorateListSelectAllValueChanged(listComponent);
                                updateListSelectAllState(listComponent, options.filterValues)
                            }
                        }))
                    }
                }
                _normalizeHeaderFilterOptions(options) {
                    const generalHeaderFilter = this.option("headerFilter") || {};
                    const specificHeaderFilter = options.headerFilter || {};
                    const generalDeprecated = {
                        search: {
                            enabled: generalHeaderFilter.allowSearch,
                            timeout: generalHeaderFilter.searchTimeout
                        }
                    };
                    const specificDeprecated = {
                        search: {
                            enabled: specificHeaderFilter.allowSearch,
                            mode: specificHeaderFilter.searchMode,
                            timeout: specificHeaderFilter.searchTimeout
                        }
                    };
                    return (0, _extend.extend)(true, {}, generalHeaderFilter, generalDeprecated, specificHeaderFilter, specificDeprecated)
                }
                _renderCore() {
                    this.element().addClass("dx-header-filter-menu")
                }
            }
            exports.HeaderFilterView = HeaderFilterView;
            const allowHeaderFiltering = function(column) {
                return (0, _type.isDefined)(column.allowHeaderFiltering) ? column.allowHeaderFiltering : column.allowFiltering
            };
            exports.allowHeaderFiltering = allowHeaderFiltering;
            exports.headerFilterMixin = Base => class extends Base {
                optionChanged(args) {
                    if ("headerFilter" === args.name) {
                        const requireReady = "columnHeadersView" === this.name;
                        this._invalidate(requireReady, requireReady);
                        args.handled = true
                    } else {
                        super.optionChanged(args)
                    }
                }
                _applyColumnState(options) {
                    let $headerFilterIndicator;
                    const {
                        rootElement: rootElement
                    } = options;
                    const {
                        column: column
                    } = options;
                    if ("headerFilter" === options.name) {
                        rootElement.find(".dx-header-filter").remove();
                        if (allowHeaderFiltering(column)) {
                            $headerFilterIndicator = super._applyColumnState(options).toggleClass("dx-header-filter-empty", this._isHeaderFilterEmpty(column));
                            if (!this.option("useLegacyKeyboardNavigation")) {
                                $headerFilterIndicator.attr("tabindex", this.option("tabindex") || 0)
                            }
                            const indicatorLabel = _message.default.format("dxDataGrid-headerFilterIndicatorLabel", column.caption);
                            this.setAria("label", indicatorLabel, $headerFilterIndicator);
                            this.setAria("haspopup", "dialog", $headerFilterIndicator);
                            this.setAria("role", "button", $headerFilterIndicator)
                        }
                        return $headerFilterIndicator
                    }
                    return super._applyColumnState(options)
                }
                _isHeaderFilterEmpty(column) {
                    return !column.filterValues || !column.filterValues.length
                }
                _getIndicatorClassName(name) {
                    if ("headerFilter" === name) {
                        return "dx-header-filter"
                    }
                    return super._getIndicatorClassName(name)
                }
                _renderIndicator(options) {
                    const $container = options.container;
                    const $indicator = options.indicator;
                    if ("headerFilter" === options.name) {
                        const rtlEnabled = this.option("rtlEnabled");
                        if ($container.children().length && (!rtlEnabled && "right" === options.columnAlignment || rtlEnabled && "left" === options.columnAlignment)) {
                            $container.prepend($indicator);
                            return
                        }
                    }
                    super._renderIndicator(options)
                }
            }
        },
        5542(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.headerPanelModule = exports.HeaderPanel = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _data = __webpack_require__( /*! ../../../../core/utils/data */ 31e3);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _toolbar = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/toolbar */ 2850));
            var _utils = __webpack_require__( /*! ../../../grids/new/grid_core/toolbar/utils */ 31895);
            var _m_columns_view = __webpack_require__( /*! ../views/m_columns_view */ 48921);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DEFAULT_TOOLBAR_ITEM_NAMES = ["addRowButton", "applyFilterButton", "columnChooserButton", "exportButton", "groupPanel", "revertButton", "saveButton", "searchPanel"];
            class HeaderPanel extends _m_columns_view.ColumnsView {
                init() {
                    super.init();
                    this._editingController = this.getController("editing");
                    this._headerFilterController = this.getController("headerFilter");
                    this.createAction("onToolbarPreparing", {
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _getToolbarItems() {
                    return []
                }
                _getButtonContainer() {
                    return (0, _renderer.default)("<div>").addClass(this.addWidgetPrefix("toolbar-button"))
                }
                _getToolbarButtonClass(specificClass) {
                    const secondClass = specificClass ? ` ${specificClass}` : "";
                    return this.addWidgetPrefix("toolbar-button") + secondClass
                }
                _getToolbarOptions() {
                    const userToolbarOptions = this.option("toolbar");
                    const options = {
                        toolbarOptions: {
                            items: this._getToolbarItems(),
                            visible: null === userToolbarOptions || void 0 === userToolbarOptions ? void 0 : userToolbarOptions.visible,
                            disabled: null === userToolbarOptions || void 0 === userToolbarOptions ? void 0 : userToolbarOptions.disabled,
                            onItemRendered(e) {
                                const itemRenderedCallback = e.itemData.onItemRendered;
                                if (itemRenderedCallback) {
                                    itemRenderedCallback(e)
                                }
                            }
                        }
                    };
                    const userItems = null === userToolbarOptions || void 0 === userToolbarOptions ? void 0 : userToolbarOptions.items;
                    options.toolbarOptions.items = (0, _utils.normalizeToolbarItems)(options.toolbarOptions.items, userItems, DEFAULT_TOOLBAR_ITEM_NAMES);
                    this.executeAction("onToolbarPreparing", options);
                    if (options.toolbarOptions && !(0, _type.isDefined)(options.toolbarOptions.visible)) {
                        const toolbarItems = options.toolbarOptions.items;
                        options.toolbarOptions.visible = !!(null !== toolbarItems && void 0 !== toolbarItems && toolbarItems.length)
                    }
                    return options.toolbarOptions
                }
                _renderCore() {
                    if (!this._toolbar) {
                        const $headerPanel = this.element();
                        $headerPanel.addClass(this.addWidgetPrefix("header-panel"));
                        const label = _message.default.format(this.component.NAME + "-ariaToolbar");
                        const $toolbar = (0, _renderer.default)("<div>").appendTo($headerPanel);
                        this.setAria("label", label, $toolbar);
                        this._toolbar = this._createComponent($toolbar, _toolbar.default, this._toolbarOptions)
                    } else {
                        this._toolbar.option(this._toolbarOptions)
                    }
                }
                _columnOptionChanged() {}
                _handleDataChanged() {
                    if (this._requireReady) {
                        this.render()
                    }
                }
                _isDisabledDefinedByUser(name) {
                    var _this$option;
                    const userItems = null === (_this$option = this.option("toolbar")) || void 0 === _this$option ? void 0 : _this$option.items;
                    const userItem = null === userItems || void 0 === userItems ? void 0 : userItems.find(item => (null === item || void 0 === item ? void 0 : item.name) === name);
                    return (0, _type.isDefined)(null === userItem || void 0 === userItem ? void 0 : userItem.disabled)
                }
                render() {
                    this._toolbarOptions = this._getToolbarOptions();
                    super.render.apply(this, arguments)
                }
                setToolbarItemDisabled(name, disabled) {
                    const toolbar = this._toolbar;
                    const isDefinedByUser = this._isDisabledDefinedByUser(name);
                    if (!toolbar || isDefinedByUser) {
                        return
                    }
                    const items = toolbar.option("items") ?? [];
                    const itemIndex = items.findIndex(item => item.name === name);
                    if (itemIndex < 0) {
                        return
                    }
                    const item = toolbar.option(`items[${itemIndex}]`);
                    toolbar.option(`items[${itemIndex}].disabled`, disabled);
                    if (item.options) {
                        toolbar.option(`items[${itemIndex}].options.disabled`, disabled)
                    }
                }
                updateToolbarDimensions() {
                    var _this$_toolbar;
                    null === (_this$_toolbar = this._toolbar) || void 0 === _this$_toolbar || _this$_toolbar.updateDimensions()
                }
                getHeaderPanel() {
                    return this.element()
                }
                getHeight() {
                    return this.getElementHeight()
                }
                optionChanged(args) {
                    if ("onToolbarPreparing" === args.name) {
                        this._invalidate();
                        args.handled = true
                    }
                    if ("toolbar" === args.name) {
                        const parts = (0, _data.getPathParts)(args.fullName);
                        const optionName = args.fullName.replace(/^toolbar\./, "");
                        if (1 === parts.length || "visible" === parts[1]) {
                            this._invalidate()
                        } else if ("items" === parts[1]) {
                            if (2 === parts.length) {
                                this._invalidate()
                            } else if (3 === parts.length) {
                                var _this$_toolbar2;
                                const normalizedItem = (0, _utils.normalizeToolbarItems)(this._getToolbarItems(), [args.value], DEFAULT_TOOLBAR_ITEM_NAMES)[0];
                                null === (_this$_toolbar2 = this._toolbar) || void 0 === _this$_toolbar2 || _this$_toolbar2.option(optionName, normalizedItem)
                            } else if (parts.length >= 4) {
                                var _this$_toolbar3;
                                null === (_this$_toolbar3 = this._toolbar) || void 0 === _this$_toolbar3 || _this$_toolbar3.option(optionName, args.value)
                            }
                        } else {
                            var _this$_toolbar4;
                            null === (_this$_toolbar4 = this._toolbar) || void 0 === _this$_toolbar4 || _this$_toolbar4.option(optionName, args.value)
                        }
                        args.handled = true
                    }
                    super.optionChanged(args)
                }
                isVisible() {
                    return !!(this._toolbarOptions && this._toolbarOptions.visible)
                }
                allowDragging(column) {
                    return false
                }
                hasGroupedColumns() {}
                getContextMenuItems(options) {
                    return
                }
            }
            exports.HeaderPanel = HeaderPanel;
            exports.headerPanelModule = {
                defaultOptions: () => ({}),
                views: {
                    headerPanel: HeaderPanel
                },
                extenders: {
                    controllers: {
                        resizing: Base => class extends Base {
                            _updateDimensionsCore() {
                                super._updateDimensionsCore.apply(this, arguments);
                                this.getView("headerPanel").updateToolbarDimensions()
                            }
                        }
                    }
                }
            }
        },
        24171(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.WIDGET_CLASS = exports.ViewName = exports.VIRTUAL_ROW_CLASS = exports.TABLE_CLASS = exports.ROW_CLASS = exports.ROWS_VIEW_CLASS = exports.ROWS_VIEW = exports.REVERT_BUTTON_CLASS = exports.NON_FOCUSABLE_ELEMENTS_SELECTOR = exports.MASTER_DETAIL_ROW_CLASS = exports.MASTER_DETAIL_CELL_CLASS = exports.KEY_CODES = exports.INTERACTIVE_ELEMENTS_SELECTOR = exports.HEADER_ROW_CLASS = exports.GROUP_ROW_CLASS = exports.GROUP_FOOTER_CLASS = exports.FUNCTIONAL_KEYS = exports.FREESPACE_ROW_CLASS = exports.FOCUS_TYPE_ROW = exports.FOCUS_TYPE_CELL = exports.FOCUS_STATE_CLASS = exports.FOCUSED_CLASS = exports.FAST_EDITING_DELETE_KEY = exports.EDIT_MODE_FORM = exports.EDIT_FORM_ITEM_CLASS = exports.EDIT_FORM_CLASS = exports.EDITOR_CELL_CLASS = exports.Direction = exports.DROPDOWN_EDITOR_OVERLAY_CLASS = exports.DRAG_COLUMN_NAME = exports.DATEBOX_WIDGET_NAME = exports.DATA_ROW_CLASS = exports.COMMAND_SELECT_CLASS = exports.COMMAND_EXPAND_CLASS = exports.COMMAND_EDIT_CLASS = exports.COMMAND_CELL_SELECTOR = exports.COLUMN_HEADERS_VIEW = exports.CELL_FOCUS_DISABLED_CLASS = exports.ATTRIBUTES = exports.ADAPTIVE_ITEM_TEXT_CLASS = exports.ADAPTIVE_COLUMN_NAME_CLASS = void 0;
            exports.ATTRIBUTES = {
                ariaColIndex: "aria-colindex",
                dragCell: "dx-drag-cell"
            };
            exports.ROWS_VIEW_CLASS = "rowsview";
            exports.TABLE_CLASS = "table";
            exports.EDIT_FORM_CLASS = "edit-form";
            exports.GROUP_FOOTER_CLASS = "group-footer";
            exports.ROW_CLASS = "dx-row";
            exports.DATA_ROW_CLASS = "dx-data-row";
            exports.GROUP_ROW_CLASS = "dx-group-row";
            exports.HEADER_ROW_CLASS = "dx-header-row";
            exports.EDIT_FORM_ITEM_CLASS = "edit-form-item";
            exports.MASTER_DETAIL_ROW_CLASS = "dx-master-detail-row";
            exports.FREESPACE_ROW_CLASS = "dx-freespace-row";
            exports.VIRTUAL_ROW_CLASS = "dx-virtual-row";
            exports.MASTER_DETAIL_CELL_CLASS = "dx-master-detail-cell";
            exports.EDITOR_CELL_CLASS = "dx-editor-cell";
            exports.DROPDOWN_EDITOR_OVERLAY_CLASS = "dx-dropdowneditor-overlay";
            exports.COMMAND_EXPAND_CLASS = "dx-command-expand";
            exports.ADAPTIVE_COLUMN_NAME_CLASS = "dx-command-adaptive";
            exports.ADAPTIVE_ITEM_TEXT_CLASS = "dx-adaptive-item-text";
            exports.COMMAND_SELECT_CLASS = "dx-command-select";
            exports.COMMAND_EDIT_CLASS = "dx-command-edit";
            exports.COMMAND_CELL_SELECTOR = "[class^=dx-command]";
            exports.CELL_FOCUS_DISABLED_CLASS = "dx-cell-focus-disabled";
            exports.DATEBOX_WIDGET_NAME = "dxDateBox";
            exports.FOCUS_STATE_CLASS = "dx-state-focused";
            exports.WIDGET_CLASS = "dx-widget";
            exports.REVERT_BUTTON_CLASS = "dx-revert-button";
            exports.FOCUSED_CLASS = "dx-focused";
            exports.FAST_EDITING_DELETE_KEY = "delete";
            const INTERACTIVE_ELEMENTS_SELECTOR = exports.INTERACTIVE_ELEMENTS_SELECTOR = '\n  input:not([type="hidden"]):not([disabled]),\n  textarea:not([disabled]),\n  a:not([disabled]),\n  select:not([disabled]),\n  button:not([disabled]),\n  [tabindex]:not([disabled]),\n  .dx-checkbox:not([disabled],.dx-state-readonly)\n';
            exports.NON_FOCUSABLE_ELEMENTS_SELECTOR = `${INTERACTIVE_ELEMENTS_SELECTOR}, .dx-dropdowneditor-icon`;
            exports.EDIT_MODE_FORM = "form";
            exports.FOCUS_TYPE_ROW = "row";
            exports.FOCUS_TYPE_CELL = "cell";
            exports.COLUMN_HEADERS_VIEW = "columnHeadersView";
            exports.ROWS_VIEW = "rowsView";
            exports.FUNCTIONAL_KEYS = ["shift", "control", "alt"];
            exports.DRAG_COLUMN_NAME = "drag";
            var Direction;
            ! function(Direction) {
                Direction.Next = "next";
                Direction.Previous = "previous"
            }(Direction || (exports.Direction = Direction = {}));
            var ViewName;
            ! function(ViewName) {
                ViewName.Group = "group";
                ViewName.Headers = "headers"
            }(ViewName || (exports.ViewName = ViewName = {}));
            exports.KEY_CODES = {
                G: 71
            }
        },
        3024(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GridCoreKeyboardNavigationDom = void 0;
            var _const = __webpack_require__( /*! ./const */ 24171);
            exports.GridCoreKeyboardNavigationDom = {
                isDragCell: $cell => void 0 !== $cell.attr(_const.ATTRIBUTES.dragCell),
                getCellToFocus: ($cellElements, columnIndex) => $cellElements.filter((columnIndex => [`[${_const.ATTRIBUTES.ariaColIndex}="${columnIndex+1}"]`, `:not([${_const.ATTRIBUTES.dragCell}])`, ":not([aria-hidden=true])"].join(""))(columnIndex)).first()
            }
        },
        78079(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ColumnFocusDispatcher = void 0;
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _m_modules = __webpack_require__( /*! ../m_modules */ 74854);
            class ColumnFocusDispatcher extends _m_modules.Controller {
                constructor() {
                    super(...arguments);
                    this.keyboardNavigationControllers = []
                }
                registerKeyboardNavigationController(keyboardNavigationController) {
                    this.keyboardNavigationControllers.push(keyboardNavigationController)
                }
                updateFocusPosition(keyboardNavigationController, cellPosition) {
                    if ((0, _type.isDefined)(cellPosition)) {
                        keyboardNavigationController.updateFocusPosition(cellPosition)
                    } else {
                        this.keyboardNavigationControllers.forEach(keyboardController => {
                            if (keyboardController === keyboardNavigationController) {
                                return
                            }
                            keyboardController.updateFocusPosition()
                        })
                    }
                }
            }
            exports.ColumnFocusDispatcher = ColumnFocusDispatcher
        },
        37565(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ColumnKeyboardNavigationController = void 0;
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _const = __webpack_require__( /*! ./const */ 24171);
            var _m_keyboard_navigation_core = __webpack_require__( /*! ./m_keyboard_navigation_core */ 59796);
            class ColumnKeyboardNavigationController extends _m_keyboard_navigation_core.KeyboardNavigationController {
                keyDownHandler(e) {
                    return this.processOnKeyDown(e)
                }
                getVisibleIndex(column, rowIndex) {
                    return this._columnsController.getVisibleIndex(column.index, rowIndex)
                }
                getNewVisibleIndex(visibleIndex, rowIndex, direction) {
                    return "previous" === direction ? visibleIndex - 1 : visibleIndex + 2
                }
                getNewFocusedColumnIndex(newVisibleIndex, direction) {
                    return direction === _const.Direction.Next ? newVisibleIndex - 1 : newVisibleIndex
                }
                resizeCompleted() {
                    if (this.needToRestoreFocus) {
                        this.restoreFocus()
                    }
                }
                resetFocusedCellPosition() {
                    this._focusedCellPosition = {}
                }
                canReorderColumn(column, direction, rowIndex) {
                    return false
                }
                init() {
                    var _this$columnFocusDisp;
                    super.init();
                    this.columnFocusDispatcher = this.getController("columnFocusDispatcher");
                    null === (_this$columnFocusDisp = this.columnFocusDispatcher) || void 0 === _this$columnFocusDisp || _this$columnFocusDisp.registerKeyboardNavigationController(this)
                }
                moveColumn(column) {
                    let direction = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : _const.Direction.Next;
                    let rowIndex = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 0;
                    const viewName = this.getFocusedView().getName();
                    const visibleIndex = this.getVisibleIndex(column, rowIndex);
                    const newVisibleIndex = this.getNewVisibleIndex(visibleIndex, rowIndex, direction);
                    const newFocusedColumnIndex = this.getNewFocusedColumnIndex(newVisibleIndex, direction);
                    this.updateViewFocusPosition({
                        rowIndex: rowIndex,
                        columnIndex: newFocusedColumnIndex
                    });
                    this._columnsController.moveColumn({
                        columnIndex: visibleIndex,
                        rowIndex: rowIndex
                    }, {
                        columnIndex: newVisibleIndex,
                        rowIndex: rowIndex
                    }, viewName, viewName)
                }
                getFirstFocusableVisibleIndex() {
                    return -1
                }
                updateViewFocusPosition(cellPosition) {
                    var _this$columnFocusDisp2;
                    null === (_this$columnFocusDisp2 = this.columnFocusDispatcher) || void 0 === _this$columnFocusDisp2 || _this$columnFocusDisp2.updateFocusPosition(this, cellPosition)
                }
                updateFocusPosition(cellPosition) {
                    this.needToRestoreFocus = true;
                    if ((0, _type.isDefined)(cellPosition)) {
                        this.setFocusedCellPosition(cellPosition.rowIndex, cellPosition.columnIndex)
                    } else {
                        this.resetFocusedCellPosition()
                    }
                }
                restoreFocus() {
                    var _$focusedCell$;
                    this.needToRestoreFocus = false;
                    if ((0, _type.isEmptyObject)(this._focusedCellPosition)) {
                        this.setFocusedCellPosition(0, this.getFirstFocusableVisibleIndex())
                    }
                    const $focusedCell = this._getFocusedCell();
                    null === $focusedCell || void 0 === $focusedCell || null === (_$focusedCell$ = $focusedCell[0]) || void 0 === _$focusedCell$ || _$focusedCell$.focus({
                        preventScroll: true
                    })
                }
            }
            exports.ColumnKeyboardNavigationController = ColumnKeyboardNavigationController
        },
        86421(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.headersKeyboardNavigationModule = exports.HeadersKeyboardNavigationController = void 0;
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _renderer = (e = __webpack_require__( /*! ../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _const = __webpack_require__( /*! ../sticky_columns/const */ 87396);
            var _dom = __webpack_require__( /*! ../sticky_columns/dom */ 52511);
            var _utils = __webpack_require__( /*! ../sticky_columns/utils */ 24378);
            var _const2 = __webpack_require__( /*! ./const */ 24171);
            var _m_column_focus_dispatcher = __webpack_require__( /*! ./m_column_focus_dispatcher */ 78079);
            var _m_column_keyboard_navigation_core = __webpack_require__( /*! ./m_column_keyboard_navigation_core */ 37565);
            class HeadersKeyboardNavigationController extends _m_column_keyboard_navigation_core.ColumnKeyboardNavigationController {
                constructor() {
                    super(...arguments);
                    this.isOutsideVisibleArea = ($element, $container) => {
                        const elementRect = (0, _position.getBoundingRect)($element.get(0));
                        const elementRectLeft = Math.round(elementRect.left);
                        const elementRectRight = Math.round(elementRect.right);
                        const containerBoundingRect = this.getContainerBoundingRect($container);
                        return elementRectLeft < containerBoundingRect.left || elementRectRight > containerBoundingRect.right
                    }
                }
                leftRightKeysHandler(e) {
                    const {
                        originalEvent: originalEvent
                    } = e;
                    if ((0, _index.isCommandKeyPressed)(originalEvent)) {
                        const $cell = (0, _renderer.default)(originalEvent.target).closest("td");
                        const direction = this.getDirectionByKeyName(e.keyName);
                        const rowIndex = this._getRowIndex($cell.parent());
                        const column = this._getColumnByCellElement($cell, rowIndex);
                        if (this.canReorderColumn(column, direction, rowIndex)) {
                            this.moveColumn(column, direction, rowIndex)
                        }
                        null === originalEvent || void 0 === originalEvent || originalEvent.preventDefault()
                    }
                }
                correctFocusedColumnIndexAfterScroll(columnIndexOffset) {
                    var _this$_focusedCellPos;
                    if ((0, _type.isDefined)(null === (_this$_focusedCellPos = this._focusedCellPosition) || void 0 === _this$_focusedCellPos ? void 0 : _this$_focusedCellPos.columnIndex)) {
                        const columnIndexOffsetDiff = this._columnsController.getColumnIndexOffset() - columnIndexOffset;
                        this.setFocusedColumnIndex(this._focusedCellPosition.columnIndex - columnIndexOffsetDiff)
                    }
                }
                getColumnVisibleIndexCorrection(visibleColumnIndex, rowIndex, direction) {
                    return 0
                }
                getNewVisibleIndex(visibleIndex, rowIndex, direction) {
                    const newVisibleIndex = super.getNewVisibleIndex(visibleIndex, rowIndex, direction);
                    const indexCorrection = this.getColumnVisibleIndexCorrection(visibleIndex, rowIndex, direction);
                    return newVisibleIndex + indexCorrection
                }
                getDraggableColumns(column, rowIndex) {
                    var _columnsController$ge;
                    const columnsController = this._columnsController;
                    const visibleColumns = null === (_columnsController$ge = columnsController.getVisibleColumns(rowIndex, true)) || void 0 === _columnsController$ge ? void 0 : _columnsController$ge.filter(col => col.ownerBand === (null === column || void 0 === column ? void 0 : column.ownerBand) && (!(0, _type.isDefined)(col.type) || columnsController.isCustomCommandColumn(col)));
                    if (null !== column && void 0 !== column && column.fixed) {
                        const fixedPosition = (0, _utils.getColumnFixedPosition)(columnsController, column);
                        if (fixedPosition !== _const.StickyPosition.Sticky) {
                            return visibleColumns.filter(col => col.fixed && (0, _utils.getColumnFixedPosition)(columnsController, col) === fixedPosition)
                        }
                    }
                    return visibleColumns.filter(column => !column.fixed || column.fixedPosition === _const.StickyPosition.Sticky)
                }
                keyDownHandler(e) {
                    let isHandled = super.keyDownHandler(e);
                    if (isHandled) {
                        return true
                    }
                    switch (e.keyName) {
                        case "tab":
                            this.tabKeyHandler(e);
                            isHandled = true;
                            break;
                        case "leftArrow":
                        case "rightArrow":
                            this.leftRightKeysHandler(e);
                            isHandled = true
                    }
                    return isHandled
                }
                tabKeyHandler(e) {}
                getCellIndex($cell) {
                    return this._columnHeadersView.getCellIndex($cell)
                }
                _getCell(cellPosition) {
                    var _this$_columnHeadersV;
                    return null === (_this$_columnHeadersV = this._columnHeadersView) || void 0 === _this$_columnHeadersV ? void 0 : _this$_columnHeadersV.getCell(cellPosition)
                }
                getFocusedView() {
                    return this.getView("columnHeadersView")
                }
                focusinHandler(e) {
                    this._updateFocusedCellPosition((0, _renderer.default)(e.target))
                }
                getFocusinSelector() {
                    return ".dx-header-row > td"
                }
                getFocusableColumns(rowIndex, bandColumnId) {
                    const visibleColumns = this._columnsController.getVisibleColumns(rowIndex);
                    const result = visibleColumns.filter(column => !(0, _type.isDefined)(column.type) || this._columnsController.isCustomCommandColumn(column));
                    if ((0, _type.isDefined)(bandColumnId)) {
                        return result.filter(column => column.ownerBand === bandColumnId)
                    }
                    return result
                }
                init() {
                    super.init();
                    this._columnHeadersView = this.getView("columnHeadersView")
                }
                canReorderColumn(column, direction, rowIndex) {
                    const allowReordering = this._columnHeadersView.isColumnReorderingEnabled(column);
                    if (!allowReordering) {
                        return false
                    }
                    const draggableColumns = this.getDraggableColumns(column, rowIndex);
                    const isFirstColumn = column.index === draggableColumns[0].index;
                    const isLastColumn = column.index === draggableColumns[draggableColumns.length - 1].index;
                    return direction === _const2.Direction.Next ? !isLastColumn : !isFirstColumn
                }
                getFirstFocusableVisibleIndex() {
                    const focusableColumns = this.getFocusableColumns();
                    if (null !== focusableColumns && void 0 !== focusableColumns && focusableColumns.length) {
                        return this._columnsController.getVisibleIndex(focusableColumns[0].index)
                    }
                    return -1
                }
                restoreFocus() {
                    const $focusedCell = this._getFocusedCell();
                    const isFixedCell = _dom.GridCoreStickyColumnsDom.isFixedCell($focusedCell, this.addWidgetPrefix.bind(this));
                    if (isFixedCell) {
                        super.restoreFocus();
                        return
                    }
                    const focusedCellIsOutsideVisibleArea = $focusedCell.length && this.isOutsideVisibleArea($focusedCell, (0, _renderer.default)(this._columnHeadersView.getContent()));
                    if (focusedCellIsOutsideVisibleArea) {
                        const columnIndexOffset = this._columnsController.getColumnIndexOffset();
                        this.needToRestoreFocus = false;
                        this.scrollToNextCell($focusedCell).then(() => {
                            this.correctFocusedColumnIndexAfterScroll(columnIndexOffset);
                            super.restoreFocus()
                        });
                        return
                    }
                    super.restoreFocus()
                }
                needToFocus() {
                    return this.needToRestoreFocus
                }
            }
            exports.HeadersKeyboardNavigationController = HeadersKeyboardNavigationController;
            exports.headersKeyboardNavigationModule = {
                controllers: {
                    headersKeyboardNavigation: HeadersKeyboardNavigationController,
                    columnFocusDispatcher: _m_column_focus_dispatcher.ColumnFocusDispatcher
                }
            }
        },
        4628(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.keyboardNavigationModule = exports.KeyboardNavigationController = void 0;
            var _click = __webpack_require__( /*! ../../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../../core/dom_adapter */ 64960));
            var _element = __webpack_require__( /*! ../../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/browser */ 48314));
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var accessibility = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../../../ui/shared/accessibility */ 16191));
            var _m_dom = __webpack_require__( /*! ../../../core/utils/m_dom */ 76400);
            var _m_selectors = __webpack_require__( /*! ../../../core/utils/m_selectors */ 62238);
            var _memoize = __webpack_require__( /*! ../../../utils/memoize */ 78698);
            var _const = __webpack_require__( /*! ../editing/const */ 69699);
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _const2 = __webpack_require__( /*! ./const */ 24171);
            var _dom = __webpack_require__( /*! ./dom */ 3024);
            var _m_keyboard_navigation_core = __webpack_require__( /*! ./m_keyboard_navigation_core */ 59796);
            var _scrollable_a11y = __webpack_require__( /*! ./scrollable_a11y */ 47526);
            var _utils = __webpack_require__( /*! ./utils */ 28185);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class KeyboardNavigationController extends _m_keyboard_navigation_core.KeyboardNavigationController {
                constructor() {
                    super(...arguments);
                    this._needNavigationToCell = false
                }
                init() {
                    this._dataController = this.getController("data");
                    this._selectionController = this.getController("selection");
                    this._editingController = this.getController("editing");
                    this._headerPanel = this.getView("headerPanel");
                    this._editorFactory = this.getController("editorFactory");
                    this._focusController = this.getController("focus");
                    this._adaptiveColumnsController = this.getController("adaptiveColumns");
                    this._columnResizerController = this.getController("columnsResizer");
                    this._rowsView = this.getView("rowsView");
                    super.init();
                    this._memoFireFocusedCellChanged = (0, _memoize.memoize)(this._memoFireFocusedCellChanged.bind(this), {
                        compareType: "value"
                    });
                    this._memoFireFocusedRowChanged = (0, _memoize.memoize)(this._memoFireFocusedRowChanged.bind(this), {
                        compareType: "value"
                    });
                    this.focusedHandlerWithContext = this.focusedHandlerWithContext || this.focusedHandler.bind(this);
                    this.focusOutHandlerContext = this.focusOutHandlerContext ?? this.focusOutHandler.bind(this);
                    this._updateFocusTimeout = null;
                    this._fastEditingStarted = false;
                    this._canceledCellPosition = null;
                    if (this.isKeyboardEnabled()) {
                        var _this$_editorFactory;
                        accessibility.subscribeVisibilityChange();
                        null === (_this$_editorFactory = this._editorFactory) || void 0 === _this$_editorFactory || _this$_editorFactory.focused.add(this.focusedHandlerWithContext)
                    } else {
                        var _this$_editorFactory2;
                        accessibility.unsubscribeVisibilityChange();
                        null === (_this$_editorFactory2 = this._editorFactory) || void 0 === _this$_editorFactory2 || _this$_editorFactory2.focused.remove(this.focusedHandlerWithContext)
                    }
                    this.initDocumentHandlers()
                }
                dispose() {
                    super.dispose();
                    this._resetFocusedView();
                    _events_engine.default.off(_dom_adapter.default.getDocument(), (0, _index.addNamespace)(_pointer.default.down, "dxDataGridKeyboardNavigation"), this._documentClickHandler);
                    clearTimeout(this._updateFocusTimeout);
                    accessibility.unsubscribeVisibilityChange()
                }
                focusedHandler($element) {
                    this.setupFocusedView();
                    if (this._isNeedScroll) {
                        if ($element.is(":visible") && this._focusedView && this._focusedView.getScrollable()) {
                            this._focusedView._scrollToElement($element);
                            this._isNeedScroll = false
                        }
                    }
                }
                focusinHandler(event) {
                    const $element = (0, _renderer.default)(event.target);
                    const isRelatedTargetInRowsView = (0, _renderer.default)(event.relatedTarget).closest(this._rowsView.element()).length;
                    const isLink = $element.is("a");
                    if (event.relatedTarget && isLink && !isRelatedTargetInRowsView && this._isEventInCurrentGrid(event)) {
                        let $focusedCell = this._getFocusedCell();
                        $focusedCell = !(0, _utils.isElementDefined)($focusedCell) ? this._rowsView.getCellElements(0).filter("[tabindex]").eq(0) : $focusedCell;
                        if (!$element.closest($focusedCell).length) {
                            event.preventDefault();
                            _events_engine.default.trigger($focusedCell, "focus")
                        }
                    }
                    const isCell = $element.is("td");
                    const needSetFocusPosition = (this.option("focusedRowIndex") ?? -1) < 0;
                    if (isCell && needSetFocusPosition) {
                        this._focusView();
                        this._updateFocusedCellPosition($element)
                    }
                }
                focusOutHandler(e) {
                    const {
                        relatedTarget: relatedTarget
                    } = e;
                    this._toggleInertAttr(false);
                    if (relatedTarget && !this.isInsideFocusedView((0, _renderer.default)(relatedTarget))) {
                        this._isNeedFocus = false;
                        this._isHiddenFocus = false;
                        this._isNeedScroll = false
                    }
                }
                subscribeToRowsViewFocusEvent() {
                    var _this$_rowsView;
                    const $rowsView = null === (_this$_rowsView = this._rowsView) || void 0 === _this$_rowsView ? void 0 : _this$_rowsView.element();
                    _events_engine.default.on($rowsView, "focusin", this.focusinHandlerContext);
                    _events_engine.default.on($rowsView, "focusout", this.focusOutHandlerContext)
                }
                unsubscribeFromRowsViewFocusEvent() {
                    var _this$_rowsView2;
                    const $rowsView = null === (_this$_rowsView2 = this._rowsView) || void 0 === _this$_rowsView2 ? void 0 : _this$_rowsView2.element();
                    _events_engine.default.off($rowsView, "focusin", this.focusinHandlerContext);
                    _events_engine.default.off($rowsView, "focusout", this.focusOutHandlerContext)
                }
                resizeCompleted() {
                    var _this$_rowsView3;
                    if (this.navigationToCellInProgress()) {
                        this._resizeController.resetLastResizeTime()
                    }
                    if (!this.needToRestoreFocus) {
                        return
                    }
                    const scrollLeft = (null === (_this$_rowsView3 = this._rowsView) || void 0 === _this$_rowsView3 || null === (_this$_rowsView3 = _this$_rowsView3.getScrollable()) || void 0 === _this$_rowsView3 ? void 0 : _this$_rowsView3.scrollLeft()) ?? 0;
                    if (!this._columnsController.isNeedToRenderVirtualColumns(scrollLeft)) {
                        this.needToRestoreFocus = false;
                        this.focusFirstOrLastCell()
                    }
                }
                renderCompleted(e) {
                    const $rowsView = this._rowsView.element();
                    const isFullUpdate = !e || "refresh" === e.changeType;
                    const isFocusedViewCorrect = this._focusedView && this._focusedView.name === this._rowsView.name;
                    let needUpdateFocus = false;
                    const isAppend = e && ("append" === e.changeType || "prepend" === e.changeType);
                    const root = (0, _renderer.default)(_dom_adapter.default.getRootNode($rowsView.get && $rowsView.get(0)));
                    const $focusedElement = root.find(":focus");
                    const isFocusedElementCorrect = this._isFocusedElementCorrect($focusedElement, $rowsView, e);
                    this.unsubscribeFromRowsViewFocusEvent();
                    this.subscribeToRowsViewFocusEvent();
                    this.initPointerEventHandler();
                    this.initKeyDownHandler();
                    this._setRowsViewAttributes();
                    if (isFocusedViewCorrect && isFocusedElementCorrect) {
                        needUpdateFocus = this._isNeedFocus ? !isAppend : this._isHiddenFocus && isFullUpdate && !(null !== e && void 0 !== e && e.virtualColumnsScrolling);
                        if (needUpdateFocus) {
                            var _e$event;
                            const isScrollEvent = !!(null !== e && void 0 !== e && null !== (_e$event = e.event) && void 0 !== _e$event && _e$event.type);
                            const skipFocusEvent = (null === e || void 0 === e ? void 0 : e.virtualColumnsScrolling) && isScrollEvent;
                            this._updateFocus(true, skipFocusEvent)
                        }
                    }
                }
                _isFocusedElementCorrect($focusedElement, $rowsView, e) {
                    if ($focusedElement.length && !$focusedElement.closest($rowsView).length) {
                        return false
                    }
                    if (!$focusedElement.length && null !== e && void 0 !== e && e.virtualColumnsScrolling) {
                        var _this$_focusedCellPos;
                        const focusedColumnIndex = (null === (_this$_focusedCellPos = this._focusedCellPosition) || void 0 === _this$_focusedCellPos ? void 0 : _this$_focusedCellPos.columnIndex) ?? -1;
                        return this._isColumnRendered(focusedColumnIndex)
                    }
                    return true
                }
                initHandlers() {
                    this.unsubscribeFromRowsViewFocusEvent();
                    this.unsubscribeFromPointerEvent();
                    super.initHandlers()
                }
                initDocumentHandlers() {
                    const document = _dom_adapter.default.getDocument();
                    this._documentClickHandler = this._documentClickHandler || this.createAction(e => {
                        var _this$_columnResizerC;
                        const $target = (0, _renderer.default)(e.event.target);
                        const tableSelector = `.${this.addWidgetPrefix(_const2.TABLE_CLASS)}`;
                        const rowsViewSelector = `.${this.addWidgetPrefix(_const2.ROWS_VIEW_CLASS)}`;
                        const editorOverlaySelector = `.${_const2.DROPDOWN_EDITOR_OVERLAY_CLASS}`;
                        const needKeepFocus = !!$target.closest(tableSelector).length && !(0, _m_dom.isElementInDom)($target);
                        if (needKeepFocus) {
                            e.event.preventDefault();
                            return
                        }
                        const isRowsViewClick = this._isEventInCurrentGrid(e.event) && !!$target.closest(rowsViewSelector).length;
                        const isEditorOverlayClick = !!$target.closest(editorOverlaySelector).length;
                        const isColumnResizing = !!(null !== (_this$_columnResizerC = this._columnResizerController) && void 0 !== _this$_columnResizerC && _this$_columnResizerC.isResizing());
                        if (!isRowsViewClick && !isEditorOverlayClick && !isColumnResizing) {
                            const isClickOutsideFocusedView = this._focusedView ? 0 === $target.closest(this._focusedView.element()).length : true;
                            if (isClickOutsideFocusedView) {
                                this._resetFocusedCell(true)
                            }
                            this._resetFocusedView()
                        }
                    });
                    _events_engine.default.off(document, (0, _index.addNamespace)(_pointer.default.down, "dxDataGridKeyboardNavigation"), this._documentClickHandler);
                    if (this.isKeyboardEnabled()) {
                        _events_engine.default.on(document, (0, _index.addNamespace)(_pointer.default.down, "dxDataGridKeyboardNavigation"), this._documentClickHandler)
                    }
                }
                _setRowsViewAttributes() {
                    const $rowsView = this._getRowsViewElement();
                    const isGridEmpty = !this._dataController.getVisibleRows().length;
                    if (isGridEmpty) {
                        this._applyTabIndexToElement($rowsView)
                    }
                }
                unsubscribeFromPointerEvent() {
                    const pointerEventName = !(0, _utils.isMobile)() ? _pointer.default.down : _click.name;
                    const $rowsView = this._getRowsViewElement();
                    this._pointerEventAction && _events_engine.default.off($rowsView, (0, _index.addNamespace)(pointerEventName, "dxDataGridKeyboardNavigation"), this._pointerEventAction)
                }
                subscribeToPointerEvent() {
                    const pointerEventName = !(0, _utils.isMobile)() ? _pointer.default.down : _click.name;
                    const $rowsView = this._getRowsViewElement();
                    const clickSelector = `.${_const.ROW_CLASS} > td, .${_const.ROW_CLASS}`;
                    _events_engine.default.on($rowsView, (0, _index.addNamespace)(pointerEventName, "dxDataGridKeyboardNavigation"), clickSelector, this._pointerEventAction)
                }
                initPointerEventHandler() {
                    this._pointerEventAction = this._pointerEventAction || this.createAction(this._pointerEventHandler);
                    this.unsubscribeFromPointerEvent();
                    this.subscribeToPointerEvent()
                }
                isRowFocusType() {
                    return this.focusType === _const2.FOCUS_TYPE_ROW
                }
                isCellFocusType() {
                    return this.focusType === _const2.FOCUS_TYPE_CELL
                }
                setRowFocusType() {
                    if (this.option("focusedRowEnabled")) {
                        this.focusType = _const2.FOCUS_TYPE_ROW
                    }
                }
                setCellFocusType() {
                    this.focusType = _const2.FOCUS_TYPE_CELL
                }
                executeTabKey(event, options) {
                    const isEditing = this._editingController.isEditing();
                    const direction = event.shift ? "previous" : "next";
                    const eventTarget = event.originalEvent.target;
                    const {
                        hasEditingOptions: hasEditingOptions,
                        isLastValidCell: isLastValidCell
                    } = options;
                    let originalHandlerRequired = options.isOriginalHandlerRequired;
                    if (hasEditingOptions && eventTarget && !originalHandlerRequired) {
                        if (isEditing) {
                            if (!this.editingCellTabHandler(event, direction)) {
                                return
                            }
                        } else if (this.targetCellTabHandler(event, direction)) {
                            originalHandlerRequired = true
                        }
                    }
                    if (originalHandlerRequired) {
                        this.handleNativeTabOut(isLastValidCell);
                        return
                    }
                    event.originalEvent.preventDefault()
                }
                handleNativeTabOut(isLastValidCell) {
                    const $cell = this._getFocusedCell();
                    const isCommandCell = $cell.is(_const2.COMMAND_CELL_SELECTOR);
                    if (isLastValidCell && !isCommandCell) {
                        this._toggleInertAttr(true)
                    }
                    this._editorFactory.loseFocus();
                    if (this._editingController.isEditing() && !this.isRowEditMode()) {
                        this._resetFocusedCell(true);
                        this._resetFocusedView();
                        this._closeEditCell()
                    }
                }
                keyDownHandler(e) {
                    var _this$_editingControl;
                    let needStopPropagation = true;
                    this._isNeedFocus = true;
                    this._isNeedScroll = true;
                    let isHandled = this.processOnKeyDown(e);
                    const isEditing = null === (_this$_editingControl = this._editingController) || void 0 === _this$_editingControl ? void 0 : _this$_editingControl.isEditing();
                    const {
                        originalEvent: originalEvent
                    } = e;
                    if (originalEvent.isDefaultPrevented()) {
                        this._isNeedFocus = false;
                        this._isNeedScroll = false;
                        return
                    }!_const2.FUNCTIONAL_KEYS.includes(e.keyName) && this._updateFocusedCellPositionByTarget(originalEvent.target);
                    if (!isHandled) {
                        switch (e.keyName) {
                            case "leftArrow":
                            case "rightArrow":
                                this._leftRightKeysHandler(e, isEditing);
                                isHandled = true;
                                break;
                            case "upArrow":
                            case "downArrow":
                                if (e.ctrl) {
                                    accessibility.selectView("rowsView", this, originalEvent)
                                } else {
                                    this._upDownKeysHandler(e, isEditing)
                                }
                                isHandled = true;
                                break;
                            case "pageUp":
                            case "pageDown":
                                this._pageUpDownKeyHandler(e);
                                isHandled = true;
                                break;
                            case "space":
                                isHandled = this._spaceKeyHandler(e, isEditing);
                                break;
                            case "A":
                                if ((0, _index.isCommandKeyPressed)(e.originalEvent)) {
                                    this._ctrlAKeyHandler(e, isEditing);
                                    isHandled = true
                                } else {
                                    isHandled = this._beginFastEditing(e.originalEvent)
                                }
                                break;
                            case "tab":
                                this.tabKeyHandler(e);
                                isHandled = true;
                                break;
                            case "enter":
                                this._enterKeyHandler(e, isEditing);
                                isHandled = true;
                                break;
                            case "escape":
                                isHandled = this._escapeKeyHandler(e, isEditing);
                                break;
                            case "F":
                                if ((0, _index.isCommandKeyPressed)(e.originalEvent)) {
                                    this._ctrlFKeyHandler(e);
                                    isHandled = true
                                } else {
                                    isHandled = this._beginFastEditing(e.originalEvent)
                                }
                                break;
                            case "F2":
                                this._f2KeyHandler();
                                isHandled = true;
                                break;
                            case "del":
                            case "backspace":
                                if (this._isFastEditingAllowed() && !this._isFastEditingStarted()) {
                                    isHandled = this._beginFastEditing(originalEvent, true)
                                }
                                break;
                            case "home":
                            case "end":
                                this.homeOrEndKeyHandler(e)
                        }
                        if (!isHandled && !this._beginFastEditing(originalEvent)) {
                            this._isNeedFocus = false;
                            this._isNeedScroll = false;
                            needStopPropagation = false
                        }
                        if (needStopPropagation) {
                            originalEvent.stopPropagation()
                        }
                    }
                }
                _closeEditCell() {
                    const d = (0, _deferred.Deferred)();
                    setTimeout(() => {
                        this._editingController.closeEditCell().always(d.resolve)
                    });
                    return d
                }
                _leftRightKeysHandler(eventArgs, isEditing) {
                    const rowIndex = this.getVisibleRowIndex();
                    const {
                        originalEvent: originalEvent
                    } = eventArgs;
                    const $row = this._focusedView && this._focusedView.getRow(rowIndex);
                    const directionCode = this._getDirectionCodeByKey(eventArgs.keyName);
                    const isEditingNavigationMode = this._isFastEditingStarted();
                    const allowNavigate = (!isEditing || isEditingNavigationMode) && (0, _utils.isDataRow)($row);
                    if (!allowNavigate) {
                        return
                    }
                    null === originalEvent || void 0 === originalEvent || originalEvent.preventDefault();
                    this.setCellFocusType();
                    if (isEditingNavigationMode) {
                        this._closeEditCell()
                    }
                    const focusNextCell = () => {
                        const $cell = this._getNextCell(directionCode);
                        if ((0, _utils.isElementDefined)($cell)) {
                            this._arrowKeysHandlerFocusCell(originalEvent, $cell, directionCode)
                        }
                    };
                    if (this._isVirtualColumnRender()) {
                        this._processVirtualHorizontalPosition(directionCode, eventArgs).done(focusNextCell);
                        return
                    }
                    focusNextCell()
                }
                isInsideMasterDetail($target) {
                    const $masterDetail = $target.closest(`.${_const2.MASTER_DETAIL_CELL_CLASS}`);
                    return !!$masterDetail.get(0) && this.elementIsInsideGrid($masterDetail) && !$target.is($masterDetail)
                }
                _upDownKeysHandler(eventArgs, isEditing) {
                    var _this$_editingControl2, _this$_editingControl3;
                    const visibleRowIndex = this.getVisibleRowIndex();
                    const $row = this._focusedView && this._focusedView.getRow(visibleRowIndex);
                    const $event = eventArgs.originalEvent;
                    const isUpArrow = "upArrow" === eventArgs.keyName;
                    const dataSource = this._dataController.dataSource();
                    const isRowEditingInCurrentRow = null === (_this$_editingControl2 = this._editingController) || void 0 === _this$_editingControl2 || null === (_this$_editingControl3 = _this$_editingControl2.isEditRowByIndex) || void 0 === _this$_editingControl3 ? void 0 : _this$_editingControl3.call(_this$_editingControl2, visibleRowIndex);
                    const isEditingNavigationMode = this._isFastEditingStarted();
                    const isInsideMasterDetail = this.isInsideMasterDetail((0, _renderer.default)(null === $event || void 0 === $event ? void 0 : $event.target));
                    const allowNavigate = (!isRowEditingInCurrentRow || !isEditing || isEditingNavigationMode) && $row && !(0, _utils.isEditForm)($row) && !isInsideMasterDetail;
                    if (allowNavigate) {
                        isEditingNavigationMode && this._closeEditCell();
                        if (!this._navigateNextCell($event, eventArgs.keyName)) {
                            if (this._isVirtualRowRender() && isUpArrow && dataSource && !dataSource.isLoading()) {
                                const rowHeight = (0, _size.getOuterHeight)($row);
                                const rowIndex = this._focusedCellPosition.rowIndex - 1;
                                this._scrollBy(0, -rowHeight, rowIndex, $event)
                            }
                        }
                        $event && $event.preventDefault()
                    }
                }
                _pageUpDownKeyHandler(eventArgs) {
                    const pageIndex = this._dataController.pageIndex();
                    const pageCount = this._dataController.pageCount();
                    const pagingEnabled = this.option("paging.enabled");
                    const isPageUp = "pageUp" === eventArgs.keyName;
                    const pageStep = isPageUp ? -1 : 1;
                    const scrollable = this._rowsView.getScrollable();
                    if (pagingEnabled && !this._isVirtualScrolling()) {
                        if ((isPageUp ? pageIndex > 0 : pageIndex < pageCount - 1) && !this._isVirtualScrolling()) {
                            this._dataController.pageIndex(pageIndex + pageStep);
                            eventArgs.originalEvent.preventDefault()
                        }
                    } else if (scrollable && (0, _size.getHeight)(scrollable.container()) < (0, _size.getHeight)(scrollable.$content())) {
                        this._scrollBy(0, (0, _size.getHeight)(scrollable.container()) * pageStep);
                        eventArgs.originalEvent.preventDefault()
                    }
                }
                _spaceKeyHandler(eventArgs, isEditing) {
                    const rowIndex = this.getVisibleRowIndex();
                    const $target = (0, _renderer.default)(eventArgs.originalEvent && eventArgs.originalEvent.target);
                    if (this.option("selection") && "none" !== this.option("selection").mode && !isEditing) {
                        const isFocusedRowElement = "row" === this._getElementType($target) && this.isRowFocusType() && (0, _utils.isDataRow)($target);
                        const isFocusedSelectionCell = $target.hasClass(_const2.COMMAND_SELECT_CLASS);
                        if (isFocusedSelectionCell && "onClick" === this.option("selection.showCheckBoxesMode")) {
                            this._selectionController.startSelectionWithCheckboxes()
                        }
                        if (isFocusedRowElement || $target.parent().hasClass(_const2.DATA_ROW_CLASS) || $target.hasClass(this.addWidgetPrefix(_const2.ROWS_VIEW_CLASS))) {
                            this._selectionController.changeItemSelection(rowIndex, {
                                shift: eventArgs.shift,
                                control: eventArgs.ctrl
                            });
                            eventArgs.originalEvent.preventDefault();
                            return true
                        }
                        return false
                    }
                    return this._beginFastEditing(eventArgs.originalEvent)
                }
                _ctrlAKeyHandler(eventArgs, isEditing) {
                    if (!isEditing && !eventArgs.alt && "multiple" === this.option("selection.mode") && this.option("selection.allowSelectAll")) {
                        this._selectionController.selectAll();
                        eventArgs.originalEvent.preventDefault()
                    }
                }
                _toggleInertAttr(value) {}
                tabKeyHandler(event) {
                    var _this$_focusedView;
                    const direction = event.shift ? "previous" : "next";
                    const eventTarget = event.originalEvent.target;
                    if (this.handleTabKeyOnMasterDetailCell(eventTarget, direction)) {
                        return
                    }(0, _renderer.default)(null === (_this$_focusedView = this._focusedView) || void 0 === _this$_focusedView ? void 0 : _this$_focusedView.element()).addClass(_const2.FOCUS_STATE_CLASS);
                    const {
                        isLastValidCell: isLastValidCell,
                        isOriginalHandlerRequired: isOriginalHandlerRequired
                    } = this.getTabBoundaryInfo(event);
                    const hasEditingOptions = !!this.option("editing");
                    const canHandleNavigation = hasEditingOptions && !!eventTarget && !isOriginalHandlerRequired;
                    if (canHandleNavigation && (0, _renderer.default)(eventTarget).hasClass(this.addWidgetPrefix(_const2.ROWS_VIEW_CLASS))) {
                        this._resetFocusedCell()
                    }
                    const tabOptions = {
                        hasEditingOptions: hasEditingOptions,
                        isLastValidCell: isLastValidCell,
                        isOriginalHandlerRequired: isOriginalHandlerRequired
                    };
                    if (canHandleNavigation && this.needVirtualColumnScroll(eventTarget, event)) {
                        this._processVirtualHorizontalPosition(direction, event).done(() => this.executeTabKey(event, tabOptions));
                        return
                    }
                    this.executeTabKey(event, tabOptions)
                }
                needVirtualColumnScroll(eventTarget, event) {
                    if (!this._isVirtualColumnRender()) {
                        return false
                    }
                    const $cell = this.getCellElementFromTarget(eventTarget);
                    return !this.isOriginalTabHandlerRequired($cell, event)
                }
                getTabBoundaryInfo(event) {
                    const hasFocusedCellPosition = (0, _type.isDefined)(this._focusedCellPosition) && !(0, _type.isEmptyObject)(this._focusedCellPosition);
                    const isLastValidCell = !event.shift && hasFocusedCellPosition && this.isLastValidCell(this._focusedCellPosition);
                    const isOriginalHandlerRequired = !hasFocusedCellPosition || event.shift && this.isFirstValidCell(this._focusedCellPosition) || isLastValidCell;
                    return {
                        isLastValidCell: isLastValidCell,
                        isOriginalHandlerRequired: isOriginalHandlerRequired
                    }
                }
                _getMaxVerticalOffset() {
                    const scrollable = this.component.getScrollable();
                    return scrollable ? scrollable.scrollHeight() - (0, _size.getHeight)(this._rowsView.element()) : 0
                }
                _getMaxHorizontalOffset() {
                    const scrollable = this.component.getScrollable();
                    return scrollable ? scrollable.scrollWidth() - (0, _size.getWidth)(this._rowsView.element()) : 0
                }
                _isColumnRendered(columnIndex) {
                    const allVisibleColumns = this._columnsController.getVisibleColumns(null, true);
                    const renderedVisibleColumns = this._columnsController.getVisibleColumns();
                    const column = allVisibleColumns[columnIndex];
                    let result = false;
                    if (column) {
                        result = renderedVisibleColumns.indexOf(column) >= 0
                    }
                    return result
                }
                _isFixedColumn(columnIndex) {
                    const allVisibleColumns = this._columnsController.getVisibleColumns(null, true);
                    const column = allVisibleColumns[columnIndex];
                    return !!column && !!column.fixed
                }
                _isColumnVirtual(columnIndex) {
                    const localColumnIndex = columnIndex - this._columnsController.getColumnIndexOffset();
                    const visibleColumns = this._columnsController.getVisibleColumns();
                    const column = visibleColumns[localColumnIndex];
                    return !!column && "virtual" === column.command
                }
                _processVirtualHorizontalPosition(direction, event) {
                    const columnIndex = this.getColumnIndex();
                    const nextColumnIndex = (0, _utils.getNextColumnIndex)(direction, columnIndex);
                    if (this.needScrollToEdge(direction, columnIndex, nextColumnIndex)) {
                        const scrollPosition = this.getEdgeScrollPosition(direction);
                        event.originalEvent.preventDefault();
                        return this.scrollLeft(scrollPosition)
                    }
                    if (this._isColumnVirtual(nextColumnIndex)) {
                        event.originalEvent.preventDefault();
                        return this.scrollToNextCell(null, direction)
                    }
                    return (0, _deferred.Deferred)().resolve().promise()
                }
                getEdgeScrollPosition(direction) {
                    const isForward = "next" === direction || "nextInRow" === direction;
                    if (this.option("rtlEnabled")) {
                        return isForward ? this._getMaxHorizontalOffset() : 0
                    }
                    return isForward ? 0 : this._getMaxHorizontalOffset()
                }
                needScrollToEdge(direction, columnIndex, nextColumnIndex) {
                    const isFixedColumn = this._isFixedColumn(columnIndex);
                    const isNextColumnRendered = this._isColumnRendered(nextColumnIndex);
                    const needScrollPastFixed = isFixedColumn && !isNextColumnRendered;
                    switch (direction) {
                        case "next": {
                            const isLastColumn = this._getVisibleColumnCount() === nextColumnIndex;
                            return isLastColumn || needScrollPastFixed
                        }
                        case "nextInRow":
                            return this._getVisibleColumnCount() > nextColumnIndex && needScrollPastFixed;
                        case "previous": {
                            const columnIndexOffset = this._columnsController.getColumnIndexOffset();
                            const isAtLeftEdge = nextColumnIndex < 0 && 0 === columnIndexOffset;
                            return isAtLeftEdge || needScrollPastFixed
                        }
                        case "previousInRow":
                            return nextColumnIndex >= 0 && needScrollPastFixed;
                        default:
                            return false
                    }
                }
                editingCellTabHandler(eventArgs, direction) {
                    const eventTarget = eventArgs.originalEvent.target;
                    const $targetCell = this.getCellElementFromTarget(eventTarget);
                    if (this.isOriginalTabHandlerRequired($targetCell, eventArgs)) {
                        return false
                    }
                    if ($targetCell.is(_const2.COMMAND_CELL_SELECTOR)) {
                        return !this.targetCellTabHandler(eventArgs, direction)
                    }
                    this._updateFocusedCellPosition($targetCell);
                    const elementType = this._getElementType(eventTarget);
                    const nextCellInfo = this.getNextCellByTabKey(eventArgs.originalEvent, direction, elementType);
                    const $nextCell = nextCellInfo.$cell;
                    if (!$nextCell || this.handleTabKeyOnMasterDetailCell($nextCell, direction)) {
                        return false
                    }
                    this.focusAndEditNextCell($nextCell, nextCellInfo.isHighlighted, eventArgs.shift);
                    return true
                }
                focusAndEditNextCell($nextCell, isHighlighted, isShift) {
                    const isEditingAllowed = this.canEditNextCell($nextCell);
                    if (!isEditingAllowed) {
                        this._closeEditCell()
                    }
                    const nextCellFocused = this._focusCell($nextCell, !isHighlighted);
                    if (nextCellFocused) {
                        if (!this.isRowEditMode() && isEditingAllowed) {
                            this._editFocusedCell()
                        } else {
                            this._focusInteractiveElement($nextCell, isShift)
                        }
                    }
                }
                canEditNextCell($cell) {
                    const column = this._getColumnByCellElement($cell);
                    if (!(null !== column && void 0 !== column && column.allowEditing)) {
                        return false
                    }
                    const $row = $cell.parent();
                    const rowIndex = this._getLocalRowIndex($row);
                    const row = this._dataController.items()[rowIndex];
                    const isRowData = !row || "data" === row.rowType;
                    return this._editingController.allowUpdating({
                        row: row
                    }) ? isRowData : !!(null !== row && void 0 !== row && row.isNewRow)
                }
                isOriginalTabHandlerRequired($cell, event) {
                    const eventTarget = event.originalEvent.target;
                    const elementType = this._getElementType(eventTarget);
                    const $boundaryInteractiveElement = (0, _utils.getInteractiveElement)($cell, !event.shift);
                    if ("cell" !== elementType || 0 === $boundaryInteractiveElement.length) {
                        return false
                    }
                    return eventTarget !== $boundaryInteractiveElement.get(0)
                }
                targetCellTabHandler(eventArgs, direction) {
                    const $event = eventArgs.originalEvent;
                    let eventTarget = $event.target;
                    let elementType = this._getElementType(eventTarget);
                    const $cell = this.getCellElementFromTarget(eventTarget);
                    if (!(0, _utils.isEditorCell)(this, $cell) && this.isOriginalTabHandlerRequired($cell, eventArgs)) {
                        return true
                    }
                    if (void 0 === this._focusedCellPosition.rowIndex && (0, _renderer.default)(eventTarget).hasClass(_const.ROW_CLASS)) {
                        this._updateFocusedCellPosition($cell)
                    }
                    if (this.isRowFocusType()) {
                        this.setCellFocusType();
                        ({
                            target: eventTarget,
                            elementType: elementType
                        } = this.getCellFocusInfo(eventTarget, elementType))
                    }
                    const nextCellInfo = this.getNextCellByTabKey($event, direction, elementType);
                    if (!nextCellInfo.$cell) {
                        return false
                    }
                    const $newFocusedCell = this.checkNewLineTransition($event, nextCellInfo.$cell);
                    if (!$newFocusedCell) {
                        return false
                    }
                    this._focusCell($newFocusedCell, !nextCellInfo.isHighlighted);
                    if (!(0, _utils.isEditorCell)(this, $newFocusedCell)) {
                        this._focusInteractiveElement($newFocusedCell, eventArgs.shift)
                    }
                    return false
                }
                getCellFocusInfo(target, elementType) {
                    if ("row" === elementType && (0, _utils.isDataRow)((0, _renderer.default)(target))) {
                        const cellTarget = this.getFirstValidCellInRow((0, _renderer.default)(target));
                        return {
                            target: cellTarget,
                            elementType: this._getElementType(cellTarget)
                        }
                    }
                    return {
                        target: target,
                        elementType: elementType
                    }
                }
                getNextCellByTabKey($event, direction, elementType) {
                    const $cell = this._getNextCell(direction, elementType);
                    const args = $cell && this._fireFocusedCellChanging($event, $cell, true);
                    if (!args || args.cancel) {
                        return {}
                    }
                    return {
                        $cell: args.$newCellElement ?? $cell,
                        isHighlighted: args.isHighlighted
                    }
                }
                checkNewLineTransition($event, $cell) {
                    const rowIndex = this.getVisibleRowIndex();
                    const $row = $cell.parent();
                    if (rowIndex !== this._getRowIndex($row)) {
                        const cellPosition = this._getCellPosition($cell);
                        const args = this._fireFocusedRowChanging($event, $row);
                        if (args.cancel) {
                            return
                        }
                        if (args.rowIndexChanged && cellPosition) {
                            this.setFocusedColumnIndex(cellPosition.columnIndex);
                            return this._getFocusedCell()
                        }
                    }
                    return $cell
                }
                _enterKeyHandler(eventArgs, isEditing) {
                    var _this$_focusedView2, _this$getMasterDetail;
                    const rowIndex = this.getVisibleRowIndex();
                    const key = this._dataController.getKeyByRowIndex(rowIndex);
                    const $row = null === (_this$_focusedView2 = this._focusedView) || void 0 === _this$_focusedView2 ? void 0 : _this$_focusedView2.getRow(rowIndex);
                    const $cell = this._getFocusedCell();
                    const needExpandGroupRow = this.option("grouping.allowCollapsing") && (0, _utils.isGroupRow)($row);
                    const needExpandMasterDetailRow = this.option("masterDetail.enabled") && (null === $cell || void 0 === $cell ? void 0 : $cell.hasClass(_const2.COMMAND_EXPAND_CLASS));
                    const needExpandAdaptiveRow = null === $cell || void 0 === $cell ? void 0 : $cell.hasClass(_const2.ADAPTIVE_COLUMN_NAME_CLASS);
                    if (needExpandGroupRow || needExpandMasterDetailRow) {
                        const item = this._dataController.items()[rowIndex];
                        const isNotContinuation = (null === item || void 0 === item ? void 0 : item.data) && !item.data.isContinuation;
                        if ((0, _type.isDefined)(key) && isNotContinuation) {
                            this._dataController.changeRowExpand(key)
                        }
                    } else if (needExpandAdaptiveRow) {
                        this._adaptiveColumnsController.toggleExpandAdaptiveDetailRow(key);
                        this._updateFocusedCellPosition($cell)
                    } else if (null !== (_this$getMasterDetail = this.getMasterDetailCell($cell)) && void 0 !== _this$getMasterDetail && _this$getMasterDetail.is($cell)) {
                        if ($cell.is(":focus")) {
                            this.focusFirstInteractiveElementInside($cell)
                        }
                    } else if (!(null !== $cell && void 0 !== $cell && $cell.hasClass(_const2.COMMAND_EDIT_CLASS))) {
                        this._processEnterKeyForDataCell(eventArgs, isEditing)
                    }
                }
                focusFirstInteractiveElementInside($el) {
                    $el.find(_const2.INTERACTIVE_ELEMENTS_SELECTOR).get(0).focus()
                }
                _processEnterKeyForDataCell(eventArgs, isEditing) {
                    const direction = this._getEnterKeyDirection(eventArgs);
                    const allowEditingOnEnterKey = this._allowEditingOnEnterKey();
                    if (isEditing || !allowEditingOnEnterKey && direction) {
                        this._handleEnterKeyEditingCell(eventArgs.originalEvent).done(() => {
                            if ("next" === direction || "previous" === direction) {
                                this.targetCellTabHandler(eventArgs, direction)
                            } else if ("upArrow" === direction || "downArrow" === direction) {
                                this._navigateNextCell(eventArgs.originalEvent, direction)
                            }
                        })
                    } else if (allowEditingOnEnterKey) {
                        this._startEditing(eventArgs)
                    }
                }
                _getEnterKeyDirection(eventArgs) {
                    const enterKeyDirection = this.option("keyboardNavigation.enterKeyDirection");
                    const isShift = eventArgs.shift;
                    if ("column" === enterKeyDirection) {
                        return isShift ? "upArrow" : "downArrow"
                    }
                    if ("row" === enterKeyDirection) {
                        return isShift ? "previous" : "next"
                    }
                    return
                }
                _handleEnterKeyEditingCell(event) {
                    const d = (0, _deferred.Deferred)();
                    const {
                        target: target
                    } = event;
                    const $cell = this.getCellElementFromTarget(target);
                    const isRowEditMode = this.isRowEditMode();
                    this._updateFocusedCellPosition($cell);
                    if (isRowEditMode) {
                        this._focusEditFormCell($cell);
                        setTimeout(this._editingController.saveEditData.bind(this._editingController));
                        d.resolve()
                    } else {
                        _events_engine.default.trigger((0, _renderer.default)(target), "change");
                        this._closeEditCell().always(d.resolve);
                        event.preventDefault()
                    }
                    return d
                }
                _escapeKeyHandler(eventArgs, isEditing) {
                    const $cell = this.getCellElementFromTarget(eventArgs.originalEvent.target);
                    if (isEditing) {
                        this._updateFocusedCellPosition($cell);
                        if (!this.isRowEditMode()) {
                            if ("cell" === this._editingController.getEditMode()) {
                                this._editingController.cancelEditData()
                            } else {
                                this._closeEditCell()
                            }
                        } else {
                            this._focusEditFormCell($cell);
                            this._editingController.cancelEditData();
                            if (0 === this._dataController.items().length) {
                                this._resetFocusedCell();
                                this._editorFactory.loseFocus()
                            }
                        }
                        eventArgs.originalEvent.preventDefault();
                        return true
                    }
                    const masterDetailCell = this.getMasterDetailCell($cell);
                    if (masterDetailCell) {
                        this._focusCell(masterDetailCell);
                        return true
                    }
                    return false
                }
                _ctrlFKeyHandler(eventArgs) {
                    if (this.option("searchPanel.visible")) {
                        const searchTextEditor = this._headerPanel.getSearchTextEditor();
                        if (searchTextEditor) {
                            searchTextEditor.focus();
                            eventArgs.originalEvent.preventDefault()
                        }
                    }
                }
                _f2KeyHandler() {
                    const isEditing = this._editingController.isEditing();
                    const rowIndex = this.getVisibleRowIndex();
                    const $row = this._focusedView && this._focusedView.getRow(rowIndex);
                    if (!isEditing && (0, _utils.isDataRow)($row)) {
                        this._startEditing()
                    }
                }
                _navigateNextCell($event, keyCode) {
                    const $cell = this._getNextCell(keyCode);
                    const directionCode = this._getDirectionCodeByKey(keyCode);
                    const isCellValid = $cell && this._isCellValid($cell);
                    const result = isCellValid ? this._arrowKeysHandlerFocusCell($event, $cell, directionCode) : false;
                    return result
                }
                _arrowKeysHandlerFocusCell($event, $nextCell, direction) {
                    const isVerticalDirection = "prevRow" === direction || "nextRow" === direction;
                    const args = this._fireFocusChangingEvents($event, $nextCell, isVerticalDirection, true);
                    $nextCell = args.$newCellElement;
                    if (!args.cancel && this._isCellValid($nextCell)) {
                        this._focus($nextCell, !args.isHighlighted);
                        return true
                    }
                    return false
                }
                _beginFastEditing(originalEvent, isDeleting) {
                    if (!this._isFastEditingAllowed() || originalEvent.altKey || originalEvent.ctrlKey || this._editingController.isEditing()) {
                        return false
                    }
                    if (isDeleting) {
                        this._startEditing(originalEvent, _const2.FAST_EDITING_DELETE_KEY)
                    } else {
                        const {
                            key: key
                        } = originalEvent;
                        const keyCode = originalEvent.keyCode || originalEvent.which;
                        const fastEditingKey = key || keyCode && String.fromCharCode(keyCode);
                        if (fastEditingKey && (1 === fastEditingKey.length || fastEditingKey === _const2.FAST_EDITING_DELETE_KEY)) {
                            this._startEditing(originalEvent, fastEditingKey)
                        }
                    }
                    return true
                }
                isQuickNavigationPossible() {
                    var _this$_rowsView4, _this$_editingControl4, _this$_editingControl5;
                    const visibleRowIndex = this.getVisibleRowIndex();
                    const $row = null === (_this$_rowsView4 = this._rowsView) || void 0 === _this$_rowsView4 ? void 0 : _this$_rowsView4.getRow(visibleRowIndex);
                    const dataRowTemplate = this.option("dataRowTemplate");
                    const isEditRowByIndex = null === (_this$_editingControl4 = this._editingController) || void 0 === _this$_editingControl4 || null === (_this$_editingControl5 = _this$_editingControl4.isEditRowByIndex) || void 0 === _this$_editingControl5 ? void 0 : _this$_editingControl5.call(_this$_editingControl4, visibleRowIndex);
                    return !isEditRowByIndex && !dataRowTemplate && (0, _utils.isDataRow)($row)
                }
                getFirstOrLastColumnIndex(needFirstColumnIndex) {
                    const allVisibleColumns = this._columnsController.getVisibleColumns(null, true);
                    const findColumnIndex = column => this.isFocusableColumn(column);
                    return needFirstColumnIndex ? allVisibleColumns.findIndex(findColumnIndex) : allVisibleColumns.findLastIndex(findColumnIndex)
                }
                getFirstOrLastRowIndex(needFirstRow) {
                    var _this$_dataController;
                    const rowCount = this._isVirtualScrolling() ? this._dataController.totalItemsCount() : null === (_this$_dataController = this._dataController.items(true)) || void 0 === _this$_dataController ? void 0 : _this$_dataController.length;
                    return needFirstRow ? 0 : rowCount - 1
                }
                calculateScrollLeft(needScrollToFirstCell) {
                    var _this$_columnsControl;
                    const result = needScrollToFirstCell ? 0 : this._getMaxHorizontalOffset();
                    const isNeedToRenderVirtualColumns = null === (_this$_columnsControl = this._columnsController) || void 0 === _this$_columnsControl ? void 0 : _this$_columnsControl.isNeedToRenderVirtualColumns(result);
                    return isNeedToRenderVirtualColumns ? result : -1
                }
                calculateScrollTop(needScrollToFirstCell) {
                    const maxVerticalOffset = this._getMaxVerticalOffset();
                    const hasScroll = maxVerticalOffset > 0;
                    const isVirtualRowRender = this._isVirtualRowRender();
                    if (isVirtualRowRender && hasScroll) {
                        return needScrollToFirstCell ? 0 : maxVerticalOffset
                    }
                    return -1
                }
                scrollTo(scrollOffset) {
                    var _this$_rowsView5;
                    const scrollable = null === (_this$_rowsView5 = this._rowsView) || void 0 === _this$_rowsView5 ? void 0 : _this$_rowsView5.getScrollable();
                    null === scrollable || void 0 === scrollable || scrollable.scrollTo(scrollOffset)
                }
                focusFirstOrLastCell(e) {
                    var _this$_rowsView$getSc;
                    const $cell = this._getFocusedCell();
                    this._focusElement($cell, true, e);
                    null === (_this$_rowsView$getSc = this._rowsView.getScrollable()) || void 0 === _this$_rowsView$getSc || _this$_rowsView$getSc.update()
                }
                navigateToFirstOrLastRow(needNavigateToFirstCell, e) {
                    const scrollTop = this.calculateScrollTop(needNavigateToFirstCell);
                    const firstOrLastRowIndex = this.getFirstOrLastRowIndex(needNavigateToFirstCell);
                    const firstOrLastColumnIndex = this.getFirstOrLastColumnIndex(needNavigateToFirstCell);
                    this.silentUpdateFocusedCellPosition({
                        columnIndex: firstOrLastColumnIndex,
                        rowIndex: firstOrLastRowIndex
                    });
                    if (scrollTop >= 0) {
                        this._needNavigationToCell = true;
                        this.scrollTo({
                            top: scrollTop
                        })
                    } else {
                        this.navigateToFirstOrLastCell(needNavigateToFirstCell, e)
                    }
                }
                homeOrEndKeyHandler(e) {
                    if (!this.isQuickNavigationPossible()) {
                        return
                    }
                    const needNavigateToFirstCell = "home" === e.keyName;
                    const {
                        originalEvent: originalEvent
                    } = e;
                    if ((0, _index.isCommandKeyPressed)(originalEvent)) {
                        this.navigateToFirstOrLastRow(needNavigateToFirstCell, originalEvent)
                    } else {
                        this.navigateToFirstOrLastCell(needNavigateToFirstCell, originalEvent)
                    }
                    originalEvent.preventDefault()
                }
                isFocusableColumn(column) {
                    return column.type !== _const2.DRAG_COLUMN_NAME
                }
                navigateToFirstOrLastCell(needNavigateToFirstCell, e) {
                    const firstOrLastColumnIndex = this.getFirstOrLastColumnIndex(needNavigateToFirstCell);
                    this._needNavigationToCell = false;
                    if (firstOrLastColumnIndex < 0) {
                        return
                    }
                    const scrollLeft = this.calculateScrollLeft(needNavigateToFirstCell);
                    this.silentUpdateFocusedCellPosition({
                        columnIndex: firstOrLastColumnIndex
                    });
                    if (scrollLeft >= 0) {
                        this.needToRestoreFocus = true;
                        this.scrollTo({
                            left: scrollLeft
                        })
                    } else {
                        this.focusFirstOrLastCell(e)
                    }
                }
                isQuickNavigationToFirstCell() {
                    var _this$_focusedCellPos2;
                    const firstColumnIndex = this.getFirstOrLastColumnIndex(true);
                    return (null === (_this$_focusedCellPos2 = this._focusedCellPosition) || void 0 === _this$_focusedCellPos2 ? void 0 : _this$_focusedCellPos2.columnIndex) === firstColumnIndex
                }
                _pointerEventHandler(e) {
                    var _this$_rowsView6;
                    const event = e.event || e;
                    let $target = (0, _renderer.default)(event.currentTarget);
                    const focusedViewElement = null === (_this$_rowsView6 = this._rowsView) || void 0 === _this$_rowsView6 ? void 0 : _this$_rowsView6.element();
                    const $parent = $target.parent();
                    const isInteractiveElement = (0, _renderer.default)(event.target).is(_const2.INTERACTIVE_ELEMENTS_SELECTOR);
                    const isRevertButton = !!(0, _renderer.default)(event.target).closest(`.${_const2.REVERT_BUTTON_CLASS}`).length;
                    const isExpandCommandCell = $target.hasClass(_const2.COMMAND_EXPAND_CLASS);
                    if (!this._isEventInCurrentGrid(event)) {
                        return
                    }
                    if (!isRevertButton && (this._isCellValid($target, !isInteractiveElement) || isExpandCommandCell)) {
                        $target = this._isInsideEditForm($target) ? (0, _renderer.default)(event.target) : $target;
                        this._focusView();
                        (0, _renderer.default)(focusedViewElement).removeClass(_const2.FOCUS_STATE_CLASS);
                        if ($parent.hasClass(_const2.FREESPACE_ROW_CLASS)) {
                            this._updateFocusedCellPosition($target);
                            this._applyTabIndexToElement(this._focusedView.element());
                            this._focusedView.focus(true)
                        } else if (!this.getMasterDetailCell($target)) {
                            this._clickTargetCellHandler(event, $target)
                        } else {
                            this._updateFocusedCellPosition($target)
                        }
                    } else if ($target.is("td")) {
                        this._resetFocusedCell()
                    }
                }
                _clickTargetCellHandler(event, $cell) {
                    const column = this._getColumnByCellElement($cell);
                    const isCellEditMode = this._isCellEditMode();
                    const isEditing = this._editingController.isEditing();
                    this.setCellFocusType();
                    const args = this._fireFocusChangingEvents(event, $cell, true);
                    $cell = args.$newCellElement;
                    if (!args.cancel) {
                        if (args.resetFocusedRow) {
                            this._focusController._resetFocusedRow();
                            return
                        }
                        if (args.rowIndexChanged) {
                            $cell = this._getFocusedCell()
                        }
                        if (!args.isHighlighted && !isCellEditMode) {
                            this.setRowFocusType()
                        }
                        this._updateFocusedCellPosition($cell);
                        if (this._allowRowUpdating() && isCellEditMode && column && column.allowEditing) {
                            this._isNeedFocus = false;
                            this._isHiddenFocus = false
                        } else {
                            $cell = this._getFocusedCell();
                            const $target = event && (0, _renderer.default)(event.target).closest(`${_const2.NON_FOCUSABLE_ELEMENTS_SELECTOR}, td`);
                            const skipFocusEvent = $target && $target.not($cell).is(_const2.NON_FOCUSABLE_ELEMENTS_SELECTOR);
                            const isEditCell = !(null !== column && void 0 !== column && column.command) && isEditing && $cell.hasClass(_const.EDITOR_CELL_CLASS);
                            const isDisabled = !isEditCell && (!args.isHighlighted || skipFocusEvent);
                            this._focus($cell, isDisabled, skipFocusEvent)
                        }
                    } else {
                        this.setRowFocusType();
                        this.setFocusedRowIndex(args.prevRowIndex);
                        if (isEditing && isCellEditMode) {
                            this._closeEditCell()
                        }
                    }
                }
                _allowRowUpdating() {
                    const rowIndex = this.getVisibleRowIndex();
                    const row = this._dataController.items()[rowIndex];
                    return this._editingController.allowUpdating({
                        row: row
                    }, "click")
                }
                focus(element) {
                    const isHighlighted = this._isCellElement((0, _renderer.default)(element));
                    if (!element) {
                        const activeRowSelector = `.${this.addWidgetPrefix(_const2.ROWS_VIEW_CLASS)} .dx-row[tabindex]`;
                        const activeCellSelector = `.${this.addWidgetPrefix(_const2.ROWS_VIEW_CLASS)} .dx-row > td[tabindex]`;
                        const selectors = [activeRowSelector, activeCellSelector].join(", ");
                        element = this.component.$element().find(selectors).first()
                    }
                    element && this._focusElement((0, _renderer.default)(element), isHighlighted)
                }
                getFocusedView() {
                    return this.getView("rowsView")
                }
                setupFocusedView() {
                    if (this.isKeyboardEnabled() && !(0, _type.isDefined)(this._focusedView)) {
                        this._focusView()
                    }
                }
                _focusElement($element, isHighlighted, event) {
                    const rowsViewElement = (0, _renderer.default)(this._getRowsViewElement());
                    const $focusedView = $element.closest(rowsViewElement);
                    const isRowFocusType = this.isRowFocusType();
                    let args = {};
                    if (!$focusedView.length || this._isCellElement($element) && !this._isCellValid($element)) {
                        return
                    }
                    this._focusView();
                    this._isNeedFocus = true;
                    this._isNeedScroll = true;
                    if (this._isCellElement($element) || (0, _utils.isGroupRow)($element)) {
                        this.setCellFocusType();
                        args = this._fireFocusChangingEvents(event, $element, true, isHighlighted);
                        $element = args.$newCellElement;
                        if (isRowFocusType && !args.isHighlighted) {
                            this.setRowFocusType()
                        }
                    }
                    if (!args.cancel) {
                        this._focus($element, !args.isHighlighted);
                        if ("row" !== this._getElementType($element) || (0, _utils.isEditRow)($element)) {
                            this._focusInteractiveElement($element)
                        }
                    }
                }
                isInsideFocusedView($element) {
                    var _this$_focusedView3;
                    return 0 !== $element.closest(null === (_this$_focusedView3 = this._focusedView) || void 0 === _this$_focusedView3 ? void 0 : _this$_focusedView3.element()).length
                }
                _focusView() {
                    this._focusedView = this._rowsView
                }
                _resetFocusedView() {
                    this.setRowFocusType();
                    this._focusedView = null
                }
                _focusInteractiveElement($cell, isLast) {
                    if (!$cell) {
                        return
                    }
                    const $focusedElement = (0, _utils.getInteractiveElement)($cell, isLast);
                    _m_utils.default.focusAndSelectElement(this, $focusedElement)
                }
                _focus($cell, disableFocus, skipFocusEvent, preventScroll) {
                    const $row = $cell && !$cell.hasClass(_const.ROW_CLASS) ? $cell.closest(`.${_const.ROW_CLASS}`) : $cell;
                    if ($row && (0, _utils.isNotFocusedRow)($row)) {
                        return
                    }
                    const focusedView = this._focusedView;
                    const $focusViewElement = focusedView && focusedView.element();
                    let $focusElement;
                    this._isHiddenFocus = disableFocus;
                    const isRowFocus = (0, _utils.isGroupRow)($row) || (0, _utils.isGroupFooterRow)($row) || this.isRowFocusType();
                    if (isRowFocus) {
                        $focusElement = $row;
                        if (focusedView) {
                            this.setFocusedRowIndex(this._getRowIndex($row))
                        }
                    } else if (this._isCellElement($cell)) {
                        $focusElement = $cell;
                        this._updateFocusedCellPosition($cell)
                    }
                    if ($focusElement) {
                        if ($focusViewElement) {
                            $focusViewElement.find(".dx-row[tabindex], .dx-row > td[tabindex]").filter((i, node) => _m_utils.default.isElementInCurrentGrid(this, (0, _renderer.default)(node))).not($focusElement).removeClass(_const2.CELL_FOCUS_DISABLED_CLASS).removeClass(_const2.FOCUSED_CLASS).removeAttr("tabindex")
                        }
                        _events_engine.default.one($focusElement, "blur", e => {
                            if (e.relatedTarget) {
                                $focusElement.removeClass(_const2.CELL_FOCUS_DISABLED_CLASS).removeClass(_const2.FOCUSED_CLASS)
                            }
                        });
                        if (!skipFocusEvent) {
                            this._applyTabIndexToElement($focusElement);
                            if (preventScroll) {
                                var _$focusElement$get;
                                null === (_$focusElement$get = $focusElement.get(0)) || void 0 === _$focusElement$get || _$focusElement$get.focus({
                                    preventScroll: preventScroll
                                })
                            } else {
                                _events_engine.default.trigger($focusElement, "focus")
                            }
                        }
                        if (disableFocus) {
                            $focusElement.addClass(_const2.CELL_FOCUS_DISABLED_CLASS);
                            if (isRowFocus) {
                                $cell.addClass(_const2.CELL_FOCUS_DISABLED_CLASS)
                            }
                        } else {
                            this._editorFactory.focus($focusElement)
                        }
                    }
                }
                _updateFocus(isRenderView) {
                    let skipFocusEvent = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                    this._updateFocusTimeout = setTimeout(() => {
                        if (this._needFocusEditingCell()) {
                            this._editingController._focusEditingCell();
                            return
                        }
                        let $cell = this._getFocusedCell();
                        const isEditing = this._editingController.isEditing();
                        if (!this.getMasterDetailCell($cell) || this.isRowEditMode()) {
                            if (this._hasSkipRow($cell.parent())) {
                                const direction = this._focusedCellPosition && this._focusedCellPosition.rowIndex > 0 ? "upArrow" : "downArrow";
                                $cell = this._getNextCell(direction)
                            }
                            if ($cell && (0, _utils.isElementDefined)($cell)) {
                                if ($cell.is("td") || $cell.hasClass(this.addWidgetPrefix(_const2.EDIT_FORM_ITEM_CLASS))) {
                                    const isCommandCell = $cell.is(_const2.COMMAND_CELL_SELECTOR);
                                    const $focusedElementInsideCell = $cell.find(":focus");
                                    const isFocusedElementDefined = (0, _utils.isElementDefined)($focusedElementInsideCell);
                                    const column = this._getColumnByCellElement($cell);
                                    if ((isRenderView || !isCommandCell) && this._editorFactory.focus()) {
                                        if (isCommandCell && isFocusedElementDefined) {
                                            _m_utils.default.focusAndSelectElement(this, $focusedElementInsideCell);
                                            return
                                        }!isFocusedElementDefined && this._focus($cell, false, skipFocusEvent, isRenderView)
                                    } else if (!isFocusedElementDefined && (this._isNeedFocus || this._isHiddenFocus)) {
                                        this._focus($cell, this._isHiddenFocus, skipFocusEvent, isRenderView)
                                    }
                                    if (isEditing && !(null !== column && void 0 !== column && column.showEditorAlways)) {
                                        this._focusInteractiveElement.bind(this)($cell)
                                    }
                                } else {
                                    _events_engine.default.trigger($cell, "focus")
                                }
                            }
                        }
                    })
                }
                _needFocusEditingCell() {
                    const isCellEditMode = this._editingController.getEditMode() === _const.EDIT_MODE_CELL;
                    const isBatchEditMode = this._editingController.getEditMode() === _const.EDIT_MODE_BATCH;
                    const cellEditModeHasChanges = isCellEditMode && this._editingController.hasChanges();
                    const isNewRowBatchEditMode = isBatchEditMode && this._editingController.isNewRowInEditMode();
                    const $cell = this._getFocusedCell();
                    return (0 === $cell.children().length || $cell.find(_const.FOCUSABLE_ELEMENT_SELECTOR).length > 0) && (cellEditModeHasChanges || isNewRowBatchEditMode)
                }
                _updateFocusedCellPositionByTarget(target) {
                    var _this$_focusedCellPos3;
                    const elementType = this._getElementType(target);
                    if ("row" === elementType && (0, _type.isDefined)(null === (_this$_focusedCellPos3 = this._focusedCellPosition) || void 0 === _this$_focusedCellPos3 ? void 0 : _this$_focusedCellPos3.columnIndex)) {
                        const $row = (0, _renderer.default)(target);
                        this._focusedView && (0, _utils.isGroupRow)($row) && this.setFocusedRowIndex(this._getRowIndex($row))
                    } else {
                        this._updateFocusedCellPosition(this.getCellElementFromTarget(target))
                    }
                }
                _focusCell($cell, isDisabled) {
                    if (this._isCellValid($cell)) {
                        this._focus($cell, isDisabled);
                        return true
                    }
                    return
                }
                _focusEditFormCell($cell) {
                    if ($cell.hasClass(_const2.MASTER_DETAIL_CELL_CLASS)) {
                        this._editorFactory.focus($cell, true)
                    }
                }
                _resetFocusedCell(preventScroll) {
                    var _this$_focusedView4;
                    const $cell = this._getFocusedCell();
                    (0, _utils.isElementDefined)($cell) && $cell.removeAttr("tabindex").removeClass(_const2.CELL_FOCUS_DISABLED_CLASS);
                    this._isNeedFocus = false;
                    this._isNeedScroll = false;
                    this._focusedCellPosition = {};
                    clearTimeout(this._updateFocusTimeout);
                    null === (_this$_focusedView4 = this._focusedView) || void 0 === _this$_focusedView4 || _this$_focusedView4.renderFocusState({
                        preventScroll: preventScroll
                    })
                }
                restoreFocusableElement(rowIndex, $event) {
                    const that = this;
                    let args;
                    let $rowElement;
                    const isUpArrow = (0, _type.isDefined)(rowIndex);
                    const $rowsViewElement = this._rowsView.element();
                    const {
                        columnIndex: columnIndex
                    } = that._focusedCellPosition;
                    const rowIndexOffset = that._dataController.getRowIndexOffset();
                    rowIndex = isUpArrow ? rowIndex : this._rowsView.getTopVisibleItemIndex() + rowIndexOffset;
                    if (!isUpArrow) {
                        that._editorFactory.loseFocus();
                        that._applyTabIndexToElement($rowsViewElement);
                        _events_engine.default.trigger($rowsViewElement, "focus")
                    } else {
                        $rowElement = this._rowsView.getRow(rowIndex - rowIndexOffset);
                        args = that._fireFocusedRowChanging($event, $rowElement);
                        if (!args.cancel && args.rowIndexChanged) {
                            rowIndex = args.newRowIndex
                        }
                    }
                    if (!isUpArrow || !args.cancel) {
                        that.setFocusedCellPosition(rowIndex, columnIndex)
                    }
                    isUpArrow && that._updateFocus(false)
                }
                silentUpdateFocusedCellPosition(newFocusedCellPosition) {
                    this._focusedCellPosition = Object.assign({}, this._focusedCellPosition ?? {}, newFocusedCellPosition)
                }
                _getNewPositionByCode(cellPosition, elementType, code) {
                    let {
                        columnIndex: columnIndex
                    } = cellPosition;
                    let {
                        rowIndex: rowIndex
                    } = cellPosition;
                    let visibleColumnsCount;
                    if (void 0 === cellPosition.rowIndex && "next" === code) {
                        return {
                            columnIndex: 0,
                            rowIndex: 0
                        }
                    }
                    switch (code) {
                        case "nextInRow":
                        case "next":
                            visibleColumnsCount = this._getVisibleColumnCount();
                            if (columnIndex < visibleColumnsCount - 1 && "row" !== elementType && this._hasValidCellAfterPosition({
                                    columnIndex: columnIndex,
                                    rowIndex: rowIndex
                                })) {
                                columnIndex++
                            } else if (!this._isLastRow(rowIndex) && "next" === code) {
                                columnIndex = 0;
                                rowIndex++
                            }
                            break;
                        case "previousInRow":
                        case "previous":
                            if (columnIndex > 0 && "row" !== elementType && this.hasValidCellBeforePosition({
                                    columnIndex: columnIndex,
                                    rowIndex: rowIndex
                                })) {
                                columnIndex--
                            } else if (rowIndex > 0 && "previous" === code) {
                                rowIndex--;
                                visibleColumnsCount = this._getVisibleColumnCount();
                                columnIndex = visibleColumnsCount - 1
                            }
                            break;
                        case "upArrow":
                            rowIndex = rowIndex > 0 ? rowIndex - 1 : rowIndex;
                            break;
                        case "downArrow":
                            rowIndex = !this._isLastRow(rowIndex) ? rowIndex + 1 : rowIndex
                    }
                    return {
                        columnIndex: columnIndex,
                        rowIndex: rowIndex
                    }
                }
                getColumnIndex() {
                    return this._focusedCellPosition ? this._focusedCellPosition.columnIndex : -1
                }
                getVisibleRowIndex() {
                    var _this$_focusedCellPos4;
                    const rowIndex = null === (_this$_focusedCellPos4 = this._focusedCellPosition) || void 0 === _this$_focusedCellPos4 ? void 0 : _this$_focusedCellPos4.rowIndex;
                    return !(0, _type.isDefined)(rowIndex) || rowIndex < 0 ? -1 : rowIndex - this._dataController.getRowIndexOffset()
                }
                getVisibleColumnIndex() {
                    var _this$_focusedCellPos5;
                    const columnIndex = null === (_this$_focusedCellPos5 = this._focusedCellPosition) || void 0 === _this$_focusedCellPos5 ? void 0 : _this$_focusedCellPos5.columnIndex;
                    return !(0, _type.isDefined)(columnIndex) ? -1 : columnIndex - this._columnsController.getColumnIndexOffset()
                }
                _isCellByPositionValid(cellPosition) {
                    const $cell = (0, _renderer.default)(this._getCell(cellPosition));
                    return this._isCellValid($cell)
                }
                _isLastRow(rowIndex) {
                    const dataController = this._dataController;
                    if (this._isVirtualRowRender()) {
                        return rowIndex >= dataController.getMaxRowIndex()
                    }
                    const lastVisibleIndex = Math.max(...dataController.items().map((item, index) => false !== item.visible ? index : -1));
                    return rowIndex === lastVisibleIndex
                }
                isFirstValidCell(cellPosition) {
                    if (0 !== cellPosition.rowIndex) {
                        return false
                    }
                    if (this.isFullRowFocusType(cellPosition.rowIndex) && cellPosition.columnIndex > 0) {
                        return true
                    }
                    return cellPosition.columnIndex >= 0 && !this.hasValidCellBeforePosition(cellPosition)
                }
                hasValidCellBeforePosition(cellPosition) {
                    let {
                        columnIndex: columnIndex
                    } = cellPosition;
                    let hasValidCells = false;
                    while (columnIndex > 0 && !hasValidCells) {
                        const checkingPosition = {
                            columnIndex: --columnIndex,
                            rowIndex: cellPosition.rowIndex
                        };
                        hasValidCells = this._isCellByPositionValid(checkingPosition)
                    }
                    return hasValidCells
                }
                _hasValidCellAfterPosition(cellPosition) {
                    let {
                        columnIndex: columnIndex
                    } = cellPosition;
                    let hasValidCells = false;
                    const visibleColumnCount = this._getVisibleColumnCount();
                    while (columnIndex < visibleColumnCount - 1 && !hasValidCells) {
                        const checkingPosition = {
                            columnIndex: ++columnIndex,
                            rowIndex: cellPosition.rowIndex
                        };
                        hasValidCells = this._isCellByPositionValid(checkingPosition)
                    }
                    return hasValidCells
                }
                isLastValidCell(cellPosition) {
                    const {
                        rowIndex: rowIndex
                    } = cellPosition;
                    if (!this._isLastRow(rowIndex)) {
                        return false
                    }
                    if (this.isFullRowFocusType(rowIndex) && cellPosition.columnIndex > 0) {
                        return true
                    }
                    if (cellPosition.columnIndex === this._getVisibleColumnCount() - 1) {
                        return true
                    }
                    const nextColumnIndex = cellPosition.columnIndex >= 0 ? cellPosition.columnIndex + 1 : 0;
                    const checkingPosition = {
                        columnIndex: nextColumnIndex,
                        rowIndex: rowIndex
                    };
                    if (this._isCellByPositionValid(checkingPosition)) {
                        return false
                    }
                    return this.isLastValidCell(checkingPosition)
                }
                isFullRowFocusType(rowIndex) {
                    const visibleRows = this._dataController.getVisibleRows();
                    const row = visibleRows && visibleRows[rowIndex];
                    return "group" === (null === row || void 0 === row ? void 0 : row.rowType) || "groupFooter" === (null === row || void 0 === row ? void 0 : row.rowType)
                }
                _isCellValid($cell, isClick) {
                    if ((0, _utils.isElementDefined)($cell)) {
                        const $row = $cell.parent();
                        const columnIndex = this._rowsView.getCellIndex($cell) + this._columnsController.getColumnIndexOffset();
                        const column = this._getColumnByCellElement($cell);
                        const visibleColumnCount = this._getVisibleColumnCount();
                        const editingController = this._editingController;
                        const isMasterDetailRow = (0, _utils.isDetailRow)($row);
                        const isShowWhenGrouped = column && column.showWhenGrouped;
                        const isDataCell = column && !$cell.hasClass(_const2.COMMAND_EXPAND_CLASS) && (0, _utils.isDataRow)($row);
                        const isValidGroupSpaceColumn = function() {
                            return !isMasterDetailRow && column && (!(0, _type.isDefined)(column.groupIndex) || isShowWhenGrouped && isDataCell) || parseInt($cell.attr("colspan"), 10) > 1
                        };
                        const isDragCell = _dom.GridCoreKeyboardNavigationDom.isDragCell($cell);
                        if (isDragCell) {
                            return false
                        }
                        if (this.getMasterDetailCell($cell)) {
                            return true
                        }
                        if (visibleColumnCount > columnIndex && isValidGroupSpaceColumn()) {
                            const rowItems = this._dataController.items();
                            const visibleRowIndex = this._rowsView.getRowIndex($row);
                            const row = rowItems[visibleRowIndex];
                            const isCellEditing = editingController && this._isCellEditMode() && editingController.isEditing();
                            const isRowEditingInCurrentRow = null === editingController || void 0 === editingController ? void 0 : editingController.isEditRow(visibleRowIndex);
                            const isEditing = isRowEditingInCurrentRow || isCellEditing;
                            if (column.command) {
                                if (this._isLegacyNavigation()) {
                                    return !isEditing && "expand" === column.command
                                }
                                if (isCellEditing) {
                                    return false
                                }
                                if (isRowEditingInCurrentRow) {
                                    return "select" !== column.command
                                }
                                return !isEditing
                            }
                            if (isCellEditing && row && "data" !== row.rowType) {
                                return false
                            }
                            return !isEditing || column.allowEditing || isClick
                        }
                    }
                }
                getFirstValidCellInRow($row, columnIndex) {
                    const that = this;
                    const $cells = $row.find("> td");
                    let $cell;
                    let $result;
                    columnIndex = columnIndex || 0;
                    for (let i = columnIndex; i < $cells.length; ++i) {
                        $cell = $cells.eq(i);
                        if (that._isCellValid($cell)) {
                            $result = $cell;
                            break
                        }
                    }
                    return $result
                }
                _getNextCell(keyCode, elementType, cellPosition) {
                    const focusedPosition = cellPosition ?? this._focusedCellPosition;
                    if (!this._focusedView || !focusedPosition) {
                        return null
                    }
                    const newPosition = this._getNewPositionByCode(focusedPosition, elementType, keyCode);
                    const $cell = (0, _renderer.default)(this._getCell(newPosition));
                    const $adjustedCell = this.adjustCellOnVerticalNav($cell, newPosition, keyCode);
                    const $validCell = this.resolveInvalidCell($adjustedCell, newPosition, keyCode);
                    return this.resolveHiddenRowCell($validCell, focusedPosition, keyCode)
                }
                adjustCellOnVerticalNav($cell, position, keyCode) {
                    const isVerticalNav = "upArrow" === keyCode || "downArrow" === keyCode;
                    if (!isVerticalNav || !(0, _utils.isElementDefined)($cell) || this._isCellValid($cell)) {
                        return $cell
                    }
                    const visibleColumns = this._columnsController.getVisibleColumns(null, true);
                    const column = visibleColumns[position.columnIndex];
                    if ("expand" === (null === column || void 0 === column ? void 0 : column.command)) {
                        return this.getFirstValidCellInRow($cell.parent(), position.columnIndex) ?? $cell
                    }
                    return $cell
                }
                resolveInvalidCell($cell, position, keyCode) {
                    if (!(0, _utils.isElementDefined)($cell) || this._isCellValid($cell)) {
                        return $cell
                    }
                    const isRowFocus = this.isRowFocusType();
                    const includeCommandCells = isRowFocus || "next" === keyCode || "previous" === keyCode;
                    const isBoundaryCell = "previous" === keyCode ? this.isFirstValidCell(position) : this.isLastValidCell(position);
                    if (!this._isCellInRow(position, includeCommandCells) || isBoundaryCell) {
                        return $cell
                    }
                    return isRowFocus ? this.getFirstValidCellInRow($cell.parent(), position.columnIndex) : this._getNextCell(keyCode, "cell", position)
                }
                resolveHiddenRowCell($cell, originalPosition, keyCode) {
                    if (!(0, _utils.isElementDefined)($cell)) {
                        return null
                    }
                    const $row = $cell.parent();
                    if (!this._hasSkipRow($row)) {
                        return $cell
                    }
                    const rowIndex = this._getRowIndex($row);
                    if (this._isLastRow(rowIndex)) {
                        return null
                    }
                    return this._getNextCell(keyCode, "row", {
                        columnIndex: originalPosition.columnIndex,
                        rowIndex: rowIndex
                    })
                }
                _startEditing(eventArgs, fastEditingKey) {
                    const focusedCellPosition = this._focusedCellPosition;
                    const visibleRowIndex = this.getVisibleRowIndex();
                    const visibleColumnIndex = this.getVisibleColumnIndex();
                    const row = this._dataController.items()[visibleRowIndex];
                    const column = this._columnsController.getVisibleColumns()[visibleColumnIndex];
                    if (this._isAllowEditing(row, column)) {
                        if (this.isRowEditMode()) {
                            this._editingController.editRow(visibleRowIndex)
                        } else if (focusedCellPosition) {
                            this._startEditCell(eventArgs, fastEditingKey)
                        }
                    }
                }
                _isAllowEditing(row, column) {
                    return this._editingController.allowUpdating({
                        row: row
                    }) && column && column.allowEditing
                }
                _editFocusedCell() {
                    const rowIndex = this.getVisibleRowIndex();
                    const colIndex = this.getVisibleColumnIndex();
                    return this._editingController.editCell(rowIndex, colIndex)
                }
                _startEditCell(eventArgs, fastEditingKey) {
                    this._fastEditingStarted = (0, _type.isDefined)(fastEditingKey);
                    const editResult = this._editFocusedCell();
                    const isEditResultDeferred = (0, _type.isDeferred)(editResult);
                    const isFastEditingStarted = this._isFastEditingStarted();
                    if (!isFastEditingStarted || !isEditResultDeferred && !editResult) {
                        return
                    }
                    const editorValue = isEditResultDeferred && fastEditingKey === _const2.FAST_EDITING_DELETE_KEY ? "" : fastEditingKey;
                    const editResultDeferred = isEditResultDeferred ? editResult : (0, _deferred.Deferred)().resolve();
                    const waitTemplatesDeferred = this._rowsView.waitAsyncTemplates(true);
                    (0, _deferred.when)(editResultDeferred, waitTemplatesDeferred).done(() => {
                        this._editingCellHandler(eventArgs, editorValue)
                    })
                }
                _editingCellHandler(eventArgs, editorValue) {
                    var _$inputElement$select;
                    const $input = this._getFocusedCell().find(_const2.INTERACTIVE_ELEMENTS_SELECTOR).eq(0);
                    const $inputElement = $input.get(0);
                    if (!$inputElement) {
                        return
                    }
                    const keyDownEvent = (0, _index.createEvent)(eventArgs, {
                        type: "keydown",
                        target: $inputElement
                    });
                    const keyPressEvent = (0, _index.createEvent)(eventArgs, {
                        type: "keypress",
                        target: $inputElement
                    });
                    const inputEvent = (0, _index.createEvent)(eventArgs, {
                        type: "input",
                        target: $inputElement
                    });
                    if (inputEvent.originalEvent) {
                        inputEvent.originalEvent = (0, _index.createEvent)(inputEvent.originalEvent, {
                            data: editorValue
                        })
                    }
                    null === (_$inputElement$select = $inputElement.select) || void 0 === _$inputElement$select || _$inputElement$select.call($inputElement);
                    _events_engine.default.trigger($input, keyDownEvent);
                    if (!keyDownEvent.isDefaultPrevented()) {
                        _events_engine.default.trigger($input, keyPressEvent);
                        if (!keyPressEvent.isDefaultPrevented()) {
                            const timeout = _browser.default.mozilla ? 25 : 0;
                            setTimeout(() => {
                                const inputValue = this._getKeyPressInputValue($input, editorValue);
                                $input.val(inputValue);
                                const $widgetContainer = $input.closest(`.${_const2.WIDGET_CLASS}`);
                                _events_engine.default.off($widgetContainer, "focusout");
                                _events_engine.default.one($widgetContainer, "focusout", () => {
                                    _events_engine.default.trigger($input, "change")
                                });
                                _events_engine.default.trigger($input, inputEvent)
                            }, timeout)
                        }
                    }
                }
                _getKeyPressInputValue($input, editorValue) {
                    const inputCurrentValue = $input.val();
                    return "-" === editorValue && "-0" === inputCurrentValue ? "-0" : editorValue
                }
                _fireFocusChangingEvents($event, $cell, fireRowEvent, isHighlighted) {
                    let args = {};
                    const cellPosition = this._getCellPosition($cell) ?? {};
                    if (this.isCellFocusType()) {
                        args = this._fireFocusedCellChanging($event, $cell, isHighlighted);
                        if (!args.cancel) {
                            cellPosition.columnIndex = args.newColumnIndex;
                            cellPosition.rowIndex = args.newRowIndex;
                            isHighlighted = args.isHighlighted;
                            $cell = (0, _renderer.default)(this._getCell(cellPosition))
                        }
                    }
                    if (!args.cancel && fireRowEvent && $cell) {
                        args = this._fireFocusedRowChanging($event, $cell.parent());
                        if (!args.cancel) {
                            cellPosition.rowIndex = args.newRowIndex;
                            args.isHighlighted = isHighlighted
                        }
                    }
                    args.$newCellElement = (0, _renderer.default)(this._getCell(cellPosition));
                    if (!args.$newCellElement.length) {
                        args.$newCellElement = $cell
                    }
                    return args
                }
                _fireFocusedCellChanging($event, $cellElement, isHighlighted) {
                    const prevColumnIndex = this.option("focusedColumnIndex");
                    const prevRowIndex = this.option("focusedRowIndex");
                    const cellPosition = this._getCellPosition($cellElement);
                    const columnIndex = cellPosition ? cellPosition.columnIndex : -1;
                    const rowIndex = cellPosition ? cellPosition.rowIndex : -1;
                    const visibleRows = this._dataController.getVisibleRows();
                    const visibleColumns = this._columnsController.getVisibleColumns();
                    const args = {
                        cellElement: $cellElement,
                        prevColumnIndex: prevColumnIndex,
                        prevRowIndex: prevRowIndex,
                        newColumnIndex: columnIndex,
                        newRowIndex: rowIndex,
                        rows: visibleRows,
                        columns: visibleColumns,
                        event: $event,
                        isHighlighted: isHighlighted || false,
                        cancel: false
                    };
                    this._canceledCellPosition = null;
                    this.executeAction("onFocusedCellChanging", args);
                    if (args.newColumnIndex !== columnIndex || args.newRowIndex !== rowIndex) {
                        args.$newCellElement = (0, _renderer.default)(this._getCell({
                            columnIndex: args.newColumnIndex,
                            rowIndex: args.newRowIndex
                        }))
                    }
                    if (args.cancel) {
                        this._canceledCellPosition = {
                            rowIndex: rowIndex,
                            columnIndex: columnIndex
                        }
                    }
                    return args
                }
                _fireFocusedCellChanged($cell) {
                    const columnIndex = this._rowsView.getCellIndex($cell);
                    const rowOptions = null === $cell || void 0 === $cell ? void 0 : $cell.parent().data("options");
                    const focusedRowKey = null === rowOptions || void 0 === rowOptions ? void 0 : rowOptions.key;
                    this._memoFireFocusedCellChanged(focusedRowKey, columnIndex)
                }
                _memoFireFocusedCellChanged(rowKey, columnIndex) {
                    const $cell = this._getFocusedCell();
                    const $row = null === $cell || void 0 === $cell ? void 0 : $cell.parent();
                    const rowIndex = this.getRowIndex();
                    const localRowIndex = Math.min(this._getLocalRowIndex($row), this._dataController.items().length - 1);
                    const isEditingCell = this._editingController.isEditCell(localRowIndex, columnIndex);
                    if (isEditingCell) {
                        return
                    }
                    const row = this._dataController.items()[localRowIndex];
                    const column = this._columnsController.getVisibleColumns()[columnIndex];
                    this.executeAction("onFocusedCellChanged", {
                        cellElement: $cell ? (0, _element.getPublicElement)($cell) : void 0,
                        columnIndex: columnIndex,
                        rowIndex: rowIndex,
                        row: row,
                        column: column
                    })
                }
                _fireFocusedRowChanging(eventArgs, $newFocusedRow) {
                    const newRowIndex = this._getRowIndex($newFocusedRow);
                    const prevFocusedRowIndex = this.option("focusedRowIndex");
                    const loadingOperationTypes = this._dataController.loadingOperationTypes();
                    const args = {
                        rowElement: $newFocusedRow,
                        prevRowIndex: prevFocusedRowIndex,
                        newRowIndex: newRowIndex,
                        event: eventArgs,
                        rows: this._dataController.getVisibleRows(),
                        cancel: false
                    };
                    const loadingOperations = loadingOperationTypes.sorting || loadingOperationTypes.grouping || loadingOperationTypes.filtering || loadingOperationTypes.paging;
                    if (!this._dataController || this._dataController.isLoading() && loadingOperations) {
                        args.cancel = true;
                        return args
                    }
                    if (this.option("focusedRowEnabled")) {
                        this.executeAction("onFocusedRowChanging", args);
                        if (!args.cancel && args.newRowIndex !== newRowIndex) {
                            args.resetFocusedRow = args.newRowIndex < 0;
                            if (!args.resetFocusedRow) {
                                this.setFocusedRowIndex(args.newRowIndex)
                            }
                            args.rowIndexChanged = true
                        }
                    }
                    return args
                }
                _fireFocusedRowChanged() {
                    var _this$_focusControlle;
                    const focusedRowEnabled = this.option("focusedRowEnabled");
                    const focusedRowKey = this.option("focusedRowKey");
                    const focusedRowIndex = null === (_this$_focusControlle = this._focusController) || void 0 === _this$_focusControlle ? void 0 : _this$_focusControlle.getFocusedRowIndexByKey(focusedRowKey);
                    if (!focusedRowEnabled || (0, _type.isDefined)(focusedRowKey) && focusedRowIndex < 0) {
                        return
                    }
                    this._memoFireFocusedRowChanged(focusedRowKey, focusedRowIndex)
                }
                _memoFireFocusedRowChanged(focusedRowKey, focusedRowIndex) {
                    const localRowIndex = focusedRowIndex - this._dataController.getRowIndexOffset();
                    this.executeAction("onFocusedRowChanged", {
                        rowElement: focusedRowIndex < 0 ? void 0 : this._rowsView.getRowElement(localRowIndex),
                        rowIndex: focusedRowIndex,
                        row: focusedRowIndex < 0 ? void 0 : this._dataController.getVisibleRows()[localRowIndex]
                    })
                }
                _isEventInCurrentGrid(event) {
                    return _m_utils.default.isElementInCurrentGrid(this, (0, _renderer.default)(event.target))
                }
                _isCellEditMode() {
                    const editMode = this._editingController.getEditMode();
                    return editMode === _const.EDIT_MODE_CELL || editMode === _const.EDIT_MODE_BATCH
                }
                _isFastEditingAllowed() {
                    return this._isCellEditMode() && this.option("keyboardNavigation.editOnKeyPress")
                }
                _applyTabIndexToElement($element) {
                    const tabIndex = this.option("tabIndex") ?? 0;
                    $element.attr("tabindex", tabIndex)
                }
                _getCell(cellPosition) {
                    if (this._focusedView && cellPosition) {
                        const rowIndexOffset = this._dataController.getRowIndexOffset();
                        const column = this._columnsController.getVisibleColumns(null, true)[cellPosition.columnIndex];
                        const columnIndexOffset = column && column.fixed ? this._getFixedColumnIndexOffset(column) : this._columnsController.getColumnIndexOffset();
                        const rowIndex = cellPosition.rowIndex >= 0 ? cellPosition.rowIndex - rowIndexOffset : -1;
                        const columnIndex = cellPosition.columnIndex >= 0 ? cellPosition.columnIndex - columnIndexOffset : -1;
                        return this._focusedView.getCell({
                            rowIndex: rowIndex,
                            columnIndex: columnIndex
                        })
                    }
                }
                _getRowIndex($row) {
                    let rowIndex = this._getLocalRowIndex($row);
                    if (rowIndex >= 0) {
                        rowIndex += this._dataController.getRowIndexOffset()
                    }
                    return rowIndex
                }
                _getLocalRowIndex($row) {
                    const rowIndex = this._rowsView.getRowIndex($row);
                    return rowIndex
                }
                getCellIndex($cell, rowIndex) {
                    return this._rowsView.getCellIndex($cell, rowIndex)
                }
                _hasSkipRow($row) {
                    const row = $row && $row.get(0);
                    return row && "none" === row.style.display
                }
                _allowEditingOnEnterKey() {
                    return "startEdit" === this.option("keyboardNavigation.enterKeyAction")
                }
                _isLegacyNavigation() {
                    return this.option("useLegacyKeyboardNavigation")
                }
                _getDirectionCodeByKey(key) {
                    let directionCode;
                    switch (key) {
                        case "upArrow":
                            directionCode = "prevRow";
                            break;
                        case "downArrow":
                            directionCode = "nextRow";
                            break;
                        case "leftArrow":
                            directionCode = this.option("rtlEnabled") ? "nextInRow" : "previousInRow";
                            break;
                        case "rightArrow":
                            directionCode = this.option("rtlEnabled") ? "previousInRow" : "nextInRow"
                    }
                    return directionCode
                }
                _isVirtualScrolling() {
                    const scrollingMode = this.option("scrolling.mode");
                    return "virtual" === scrollingMode || "infinite" === scrollingMode
                }
                _isVirtualRowRender() {
                    return this._isVirtualScrolling() || _m_utils.default.isVirtualRowRendering(this)
                }
                _scrollBy(left, top, rowIndex, $event) {
                    const that = this;
                    const scrollable = this._rowsView.getScrollable();
                    if (that._focusedCellPosition) {
                        const scrollHandler = function() {
                            scrollable.off("scroll", scrollHandler);
                            setTimeout(that.restoreFocusableElement.bind(that, rowIndex, $event))
                        };
                        scrollable.on("scroll", scrollHandler)
                    }
                    return scrollable.scrollBy({
                        left: left,
                        top: top
                    })
                }
                _isInsideEditForm(element) {
                    const $editForm = (0, _renderer.default)(element).closest(`.${this.addWidgetPrefix(_const.EDIT_FORM_CLASS)}`);
                    return $editForm.length && this.elementIsInsideGrid($editForm)
                }
                getMasterDetailCell(element) {
                    const $masterDetailCell = (0, _renderer.default)(element).closest(`.${_const2.MASTER_DETAIL_CELL_CLASS}`);
                    if ($masterDetailCell.length && this.elementIsInsideGrid($masterDetailCell)) {
                        return $masterDetailCell
                    }
                    return null
                }
                _processNextCellInMasterDetail($nextCell, _$cell) {
                    if (!this._isInsideEditForm($nextCell) && $nextCell) {
                        this._applyTabIndexToElement($nextCell)
                    }
                }
                handleTabKeyOnMasterDetailCell(target, direction) {
                    if (this.getMasterDetailCell(target)) {
                        this._updateFocusedCellPosition((0, _renderer.default)(target), direction);
                        const $nextCell = this._getNextCell(direction, "row");
                        this._processNextCellInMasterDetail($nextCell, (0, _renderer.default)(target));
                        return true
                    }
                    return false
                }
                _getElementType(target) {
                    return (0, _renderer.default)(target).is("tr") ? "row" : "cell"
                }
                _isFastEditingStarted() {
                    return this._isFastEditingAllowed() && this._fastEditingStarted
                }
                _getVisibleColumnCount() {
                    return this._columnsController.getVisibleColumns(null, true).length
                }
                _isCellInRow(cellPosition, includeCommandCells) {
                    const {
                        columnIndex: columnIndex
                    } = cellPosition;
                    const visibleColumnsCount = this._getVisibleColumnCount();
                    return includeCommandCells ? columnIndex >= 0 && columnIndex <= visibleColumnsCount - 1 : columnIndex > 0 && columnIndex < visibleColumnsCount - 1
                }
                _isCellElement($element) {
                    return $element.length && "TD" === $element[0].tagName
                }
                getCellElementFromTarget(target) {
                    const elementType = this._getElementType(target);
                    const $targetElement = (0, _renderer.default)(target);
                    if ("cell" === elementType) {
                        return $targetElement.closest(`.${_const.ROW_CLASS} > td`)
                    }
                    return $targetElement.children().not(`.${_const2.COMMAND_EXPAND_CLASS}`).first()
                }
                _getRowsViewElement() {
                    var _this$_rowsView7;
                    return null === (_this$_rowsView7 = this._rowsView) || void 0 === _this$_rowsView7 ? void 0 : _this$_rowsView7.element()
                }
                _processCanceledEditCellPosition(rowIndex, columnIndex) {
                    if (this._canceledCellPosition) {
                        const isCanceled = this._canceledCellPosition.rowIndex === rowIndex && this._canceledCellPosition.columnIndex === columnIndex;
                        this._canceledCellPosition = null;
                        return isCanceled
                    }
                    return
                }
                updateFocusedRowIndex() {
                    const dataController = this._dataController;
                    const visibleRowIndex = this.getVisibleRowIndex();
                    const visibleItems = dataController.items();
                    const lastVisibleIndex = visibleItems.length ? visibleItems.length - 1 : -1;
                    const rowIndexOffset = dataController.getRowIndexOffset();
                    if (lastVisibleIndex >= 0 && visibleRowIndex > lastVisibleIndex) {
                        this.setFocusedRowIndex(lastVisibleIndex + rowIndexOffset)
                    }
                }
                needNavigationToCell() {
                    return this._needNavigationToCell
                }
                navigationToCellInProgress() {
                    return this.needToRestoreFocus || this.needNavigationToCell()
                }
                isRowEditMode() {
                    const editMode = this._editingController.getEditMode();
                    return editMode === _const.EDIT_MODE_ROW || editMode === _const.EDIT_MODE_FORM
                }
                getRowIndex() {
                    return this._focusedCellPosition ? this._focusedCellPosition.rowIndex : -1
                }
            }
            exports.KeyboardNavigationController = KeyboardNavigationController;
            exports.keyboardNavigationModule = {
                defaultOptions: () => ({
                    useLegacyKeyboardNavigation: false,
                    keyboardNavigation: {
                        enabled: true,
                        enterKeyAction: "startEdit",
                        enterKeyDirection: "none",
                        editOnKeyPress: false
                    }
                }),
                controllers: {
                    keyboardNavigation: KeyboardNavigationController
                },
                extenders: {
                    views: {
                        rowsView: Base => class extends Base {
                            _rowClick(e) {
                                const editRowIndex = this._editingController.getEditRowIndex();
                                const isKeyboardEnabled = this._keyboardNavigationController.isKeyboardEnabled();
                                if (editRowIndex === e.rowIndex) {
                                    this._keyboardNavigationController.setCellFocusType()
                                }
                                const needTriggerPointerEventHandler = ((0, _utils.isMobile)() || !isKeyboardEnabled) && this.option("focusedRowEnabled");
                                if (needTriggerPointerEventHandler) {
                                    this._triggerPointerDownEventHandler(e, !isKeyboardEnabled)
                                }
                                super._rowClick.apply(this, arguments)
                            }
                            _triggerPointerDownEventHandler(e, force) {
                                const {
                                    originalEvent: originalEvent
                                } = e.event;
                                if (originalEvent) {
                                    const $cell = (0, _renderer.default)(originalEvent.target);
                                    const columnIndex = this.getCellIndex($cell);
                                    const column = this._columnsController.getVisibleColumns()[columnIndex];
                                    const row = this._dataController.items()[e.rowIndex];
                                    if (this._keyboardNavigationController._isAllowEditing(row, column) || force) {
                                        const eventArgs = (0, _index.createEvent)(originalEvent, {
                                            currentTarget: originalEvent.target
                                        });
                                        this._keyboardNavigationController._pointerEventHandler(eventArgs)
                                    }
                                }
                            }
                            renderFocusState(params) {
                                super.renderFocusState(params);
                                if (this._keyboardNavigationController.navigationToCellInProgress()) {
                                    return
                                }
                                const {
                                    preventScroll: preventScroll,
                                    pageSizeChanged: pageSizeChanged
                                } = params ?? {};
                                const $rowsViewElement = this.element();
                                if ($rowsViewElement && !(0, _m_selectors.focused)($rowsViewElement)) {
                                    $rowsViewElement.attr("tabindex", null)
                                }
                                pageSizeChanged && this._keyboardNavigationController.updateFocusedRowIndex();
                                let rowIndex = this._keyboardNavigationController.getVisibleRowIndex();
                                if (!(0, _type.isDefined)(rowIndex) || rowIndex < 0) {
                                    rowIndex = 0
                                }
                                const cellElements = this.getCellElements(rowIndex);
                                if (this._keyboardNavigationController.isKeyboardEnabled() && null !== cellElements && void 0 !== cellElements && cellElements.length) {
                                    this.updateFocusElementTabIndex(cellElements, preventScroll)
                                }
                            }
                            updateFocusElementTabIndex(cellElements, preventScroll) {
                                const $row = cellElements.eq(0).parent();
                                if ((0, _utils.isGroupRow)($row)) {
                                    this._keyboardNavigationController._applyTabIndexToElement($row)
                                } else {
                                    let columnIndex = this._keyboardNavigationController.getColumnIndex();
                                    if (!(0, _type.isDefined)(columnIndex) || columnIndex < 0) {
                                        columnIndex = 0
                                    }
                                    this._updateFocusedCellTabIndex(cellElements, columnIndex)
                                }
                            }
                            _updateFocusedCellTabIndex(cellElements, columnIndex) {
                                const keyboardController = this._keyboardNavigationController;
                                const cellElementsLength = cellElements ? cellElements.length : -1;
                                const updateCellTabIndex = function($cell) {
                                    const isMasterDetailCell = !!keyboardController.getMasterDetailCell($cell);
                                    const isValidCell = keyboardController._isCellValid($cell);
                                    if (!isMasterDetailCell && isValidCell && keyboardController._isCellElement($cell)) {
                                        keyboardController._applyTabIndexToElement($cell);
                                        keyboardController.setCellFocusType();
                                        return true
                                    }
                                    return
                                };
                                const $cell = _dom.GridCoreKeyboardNavigationDom.getCellToFocus(cellElements, columnIndex);
                                if ($cell.length) {
                                    updateCellTabIndex($cell)
                                } else {
                                    if (cellElementsLength <= columnIndex) {
                                        columnIndex = cellElementsLength - 1
                                    }
                                    for (let i = columnIndex; i < cellElementsLength; ++i) {
                                        if (updateCellTabIndex((0, _renderer.default)(cellElements[i]))) {
                                            break
                                        }
                                    }
                                }
                            }
                            renderDelayedTemplates(change) {
                                super.renderDelayedTemplates.apply(this, arguments);
                                this.waitAsyncTemplates().done(() => {
                                    this._renderFocusByChange(change)
                                })
                            }
                            _renderFocusByChange(change) {
                                const {
                                    operationTypes: operationTypes,
                                    repaintChangesOnly: repaintChangesOnly
                                } = change ?? {};
                                const {
                                    fullReload: fullReload,
                                    pageSize: pageSize
                                } = operationTypes ?? {};
                                if (!change || !repaintChangesOnly || fullReload || pageSize) {
                                    const preventScroll = (0, _utils.shouldPreventScroll)(this._keyboardNavigationController);
                                    this.renderFocusState({
                                        preventScroll: preventScroll,
                                        pageSizeChanged: pageSize
                                    })
                                }
                            }
                            _renderCore(change) {
                                const deferred = super._renderCore.apply(this, arguments);
                                this._renderFocusByChange(change);
                                return deferred
                            }
                            _editCellPrepared($cell) {
                                var _this$_keyboardNaviga;
                                const editorInstance = this._getEditorInstance($cell);
                                const isEditingNavigationMode = null === (_this$_keyboardNaviga = this._keyboardNavigationController) || void 0 === _this$_keyboardNaviga ? void 0 : _this$_keyboardNaviga._isFastEditingStarted();
                                if (editorInstance && isEditingNavigationMode) {
                                    this._handleEditingNavigationMode(editorInstance)
                                }
                                super._editCellPrepared.apply(this, arguments)
                            }
                            _handleEditingNavigationMode(editorInstance) {
                                ["downArrow", "upArrow"].forEach(keyName => {
                                    const originalKeyHandler = editorInstance._supportedKeys()[keyName];
                                    editorInstance.registerKeyHandler(keyName, e => {
                                        const isDropDownOpened = "true" === editorInstance._input().attr("aria-expanded");
                                        if (isDropDownOpened) {
                                            return originalKeyHandler && originalKeyHandler.call(editorInstance, e)
                                        }
                                    })
                                });
                                editorInstance.registerKeyHandler("leftArrow", _common.noop);
                                editorInstance.registerKeyHandler("rightArrow", _common.noop);
                                const isDateBoxWithMask = editorInstance.NAME === _const2.DATEBOX_WIDGET_NAME && editorInstance.option("useMaskBehavior");
                                if (isDateBoxWithMask) {
                                    editorInstance.registerKeyHandler("enter", _common.noop)
                                }
                            }
                            _getEditorInstance($cell) {
                                const $editor = $cell.find(".dx-texteditor").eq(0);
                                return _m_utils.default.getWidgetInstance($editor)
                            }
                            _handleScroll(e) {
                                super._handleScroll(e);
                                if (this._keyboardNavigationController.needNavigationToCell()) {
                                    this._keyboardNavigationController.navigateToFirstOrLastCell(this._keyboardNavigationController.isQuickNavigationToFirstCell())
                                }
                            }
                            init() {
                                super.init();
                                this._resizeController = this.getController("resizing")
                            }
                        }
                    },
                    controllers: {
                        editing: Base => class extends Base {
                            editCell(rowIndex, columnIndex) {
                                if (this._keyboardNavigationController._processCanceledEditCellPosition(rowIndex, columnIndex)) {
                                    return false
                                }
                                const isCellEditing = super.editCell(rowIndex, columnIndex);
                                if (isCellEditing) {
                                    this._keyboardNavigationController.setupFocusedView()
                                }
                                return isCellEditing
                            }
                            editRow(rowIndex) {
                                const visibleColumnIndex = this._keyboardNavigationController.getVisibleColumnIndex();
                                const column = this._columnsController.getVisibleColumns()[visibleColumnIndex];
                                if (column && column.type || this.option("editing.mode") === _const.EDIT_MODE_FORM) {
                                    this._keyboardNavigationController._resetFocusedCell()
                                }
                                super.editRow(rowIndex);
                                return
                            }
                            addRow(parentKey) {
                                this._keyboardNavigationController.setupFocusedView();
                                this._keyboardNavigationController.setCellFocusType();
                                return super.addRow.apply(this, arguments)
                            }
                            getFocusedCellInRow(rowIndex) {
                                let $cell = super.getFocusedCellInRow(rowIndex);
                                const rowIndexOffset = this._dataController.getRowIndexOffset();
                                const focusedRowIndex = this._keyboardNavigationController._focusedCellPosition.rowIndex - rowIndexOffset;
                                if (this._keyboardNavigationController.isKeyboardEnabled() && focusedRowIndex === rowIndex) {
                                    const $focusedCell = this._keyboardNavigationController._getFocusedCell();
                                    if ((0, _utils.isElementDefined)($focusedCell) && !$focusedCell.hasClass(_const2.COMMAND_EDIT_CLASS)) {
                                        $cell = $focusedCell
                                    }
                                }
                                return $cell
                            }
                            _processCanceledEditingCell() {
                                this.closeEditCell().done(() => {
                                    this._keyboardNavigationController._updateFocus(false)
                                })
                            }
                            closeEditCell() {
                                const keyboardNavigation = this._keyboardNavigationController;
                                keyboardNavigation._fastEditingStarted = false;
                                const result = super.closeEditCell.apply(this, arguments);
                                const $focusedElement = this._getFocusedElement();
                                const isFilterCell = !!$focusedElement.closest(`.${this.addWidgetPrefix(_const.FILTER_ROW_CLASS)}`).length;
                                if (!isFilterCell) {
                                    keyboardNavigation._updateFocus(false)
                                }
                                return result
                            }
                            _getFocusedElement() {
                                var _this$component$eleme, _this$component;
                                const $element = (0, _renderer.default)(null === (_this$component$eleme = (_this$component = this.component).element) || void 0 === _this$component$eleme ? void 0 : _this$component$eleme.call(_this$component));
                                const $focusedElement = $element.find(":focus");
                                return $focusedElement
                            }
                            _delayedInputFocus() {
                                this._keyboardNavigationController._isNeedScroll = true;
                                super._delayedInputFocus.apply(this, arguments)
                            }
                            _isEditingStart() {
                                const cancel = super._isEditingStart.apply(this, arguments);
                                if (cancel && !this._keyboardNavigationController._isNeedFocus) {
                                    const $cell = this._keyboardNavigationController._getFocusedCell();
                                    this._keyboardNavigationController._focus($cell, true)
                                }
                                return cancel
                            }
                        },
                        data: Base => class extends Base {
                            _correctRowIndices(getRowIndexCorrection) {
                                const focusedCellPosition = this._keyboardNavigationController._focusedCellPosition;
                                super._correctRowIndices.apply(this, arguments);
                                if (focusedCellPosition && focusedCellPosition.rowIndex >= 0) {
                                    const focusedRowIndexCorrection = getRowIndexCorrection(focusedCellPosition.rowIndex);
                                    if (focusedRowIndexCorrection) {
                                        focusedCellPosition.rowIndex += focusedRowIndexCorrection;
                                        this._editorFactoryController.refocus()
                                    }
                                }
                            }
                            getMaxRowIndex() {
                                let result = this.items().length - 1;
                                const virtualItemsCount = this.virtualItemsCount();
                                if (virtualItemsCount) {
                                    const rowIndexOffset = this.getRowIndexOffset();
                                    result += rowIndexOffset + virtualItemsCount.end
                                }
                                return result
                            }
                        },
                        adaptiveColumns: Base => class extends Base {
                            _showHiddenCellsInView(_ref) {
                                let {
                                    viewName: viewName,
                                    $cells: $cells,
                                    isCommandColumn: isCommandColumn
                                } = _ref;
                                super._showHiddenCellsInView.apply(this, arguments);
                                viewName === _const2.COLUMN_HEADERS_VIEW && !isCommandColumn && $cells.each((_, cellElement) => {
                                    const $cell = (0, _renderer.default)(cellElement);
                                    (0, _utils.isCellInHeaderRow)($cell) && $cell.attr("tabindex", 0)
                                })
                            }
                            _hideVisibleCellInView(_ref2) {
                                let {
                                    viewName: viewName,
                                    $cell: $cell,
                                    isCommandColumn: isCommandColumn
                                } = _ref2;
                                super._hideVisibleCellInView.apply(this, arguments);
                                if (viewName === _const2.COLUMN_HEADERS_VIEW && !isCommandColumn && (0, _utils.isCellInHeaderRow)($cell)) {
                                    $cell.removeAttr("tabindex")
                                }
                            }
                            _hideVisibleColumnInView(_ref3) {
                                let {
                                    view: view,
                                    isCommandColumn: isCommandColumn,
                                    visibleIndex: visibleIndex
                                } = _ref3;
                                super._hideVisibleColumnInView({
                                    view: view,
                                    isCommandColumn: isCommandColumn,
                                    visibleIndex: visibleIndex
                                });
                                if (view.name === _const2.ROWS_VIEW) {
                                    this._rowsView.renderFocusState({
                                        preventScroll: (0, _utils.shouldPreventScroll)(this._keyboardNavigationController)
                                    })
                                }
                            }
                        },
                        keyboardNavigation: _scrollable_a11y.keyboardNavigationScrollableA11yExtender
                    }
                }
            }
        },
        59796(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.KeyboardNavigationController = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _short = __webpack_require__( /*! ../../../../common/core/events/short */ 42222);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _get_element_location_internal = __webpack_require__( /*! ../../../ui/scroll_view/utils/get_element_location_internal */ 62504);
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _const = __webpack_require__( /*! ./const */ 24171);
            var _utils = __webpack_require__( /*! ./utils */ 28185);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class KeyboardNavigationController extends _m_modules.default.ViewController {
                constructor() {
                    super(...arguments);
                    this.needToRestoreFocus = false
                }
                _applyColumnIndexBoundaries(columnIndex) {
                    const visibleColumnCount = this._columnsController.getVisibleColumns(null, true).length;
                    if (columnIndex < 0) {
                        columnIndex = 0
                    } else if (columnIndex >= visibleColumnCount) {
                        columnIndex = visibleColumnCount - 1
                    }
                    return columnIndex
                }
                unsubscribeFromKeyDownEvent() {
                    if (this.keyDownListener) {
                        _short.keyboard.off(this.keyDownListener)
                    }
                }
                subscribeToKeyDownEvent() {
                    const $focusedViewElement = this.getFocusedViewElement();
                    if ($focusedViewElement) {
                        this.keyDownListener = _short.keyboard.on($focusedViewElement, null, e => this.keyDownHandler(e))
                    }
                }
                unsubscribeFromFocusinEvent() {
                    const $focusedView = this.getFocusedViewElement();
                    if ($focusedView) {
                        _events_engine.default.off($focusedView, "focusin", this.focusinHandlerContext)
                    }
                }
                subscribeToFocusinEvent() {
                    const $focusedView = this.getFocusedViewElement();
                    const focusinSelector = this.getFocusinSelector();
                    if ($focusedView) {
                        _events_engine.default.on($focusedView, "focusin", focusinSelector, this.focusinHandlerContext)
                    }
                }
                getScrollPadding($container) {
                    const containerRect = (0, _position.getBoundingRect)($container.get(0));
                    const containerBoundingRect = this.getContainerBoundingRect($container);
                    return {
                        left: containerBoundingRect.left - containerRect.left,
                        right: containerRect.right - containerBoundingRect.right
                    }
                }
                getVirtualCellWidth() {
                    var _this$_focusedCellPos;
                    const visibleColumns = this._columnsController.getVisibleColumns(void 0, true);
                    const widths = _m_utils.default.getColumnWidths(visibleColumns);
                    const focusedColumnIndex = (null === (_this$_focusedCellPos = this._focusedCellPosition) || void 0 === _this$_focusedCellPos ? void 0 : _this$_focusedCellPos.columnIndex) ?? 0;
                    return widths[focusedColumnIndex] ?? 0
                }
                getNextCellLocation($cell, direction) {
                    var _this$getFocusedView;
                    const scrollable = this.getScrollable();
                    const isVirtualColumnRender = this._isVirtualColumnRender();
                    if (!scrollable || null === $cell && !isVirtualColumnRender) {
                        return 0
                    }
                    if (null === $cell) {
                        const isLeftDirection = "previous" === direction || "previousInRow" === direction;
                        const multiplier = isLeftDirection !== this.option("rtlEnabled") ? -1 : 1;
                        return scrollable.scrollLeft() + multiplier * this.getVirtualCellWidth()
                    }
                    const scrollPadding = this.getScrollPadding((0, _renderer.default)(scrollable.container()));
                    return (0, _get_element_location_internal.getElementLocationInternal)($cell[0], "horizontal", (0, _renderer.default)(null === (_this$getFocusedView = this.getFocusedView()) || void 0 === _this$getFocusedView ? void 0 : _this$getFocusedView.getContent())[0], scrollable.scrollOffset(), scrollPadding, this.addWidgetPrefix("table"))
                }
                resizeCompleted() {}
                getColumnIndexOffset(visibleIndex) {
                    let offset = 0;
                    const column = this._columnsController.getVisibleColumns()[visibleIndex];
                    if (null !== column && void 0 !== column && column.fixed) {
                        offset = this._getFixedColumnIndexOffset(column)
                    } else if (visibleIndex >= 0) {
                        offset = this._columnsController.getColumnIndexOffset()
                    }
                    return offset
                }
                getFocusedViewElement() {
                    var _this$getFocusedView2;
                    return null === (_this$getFocusedView2 = this.getFocusedView()) || void 0 === _this$getFocusedView2 ? void 0 : _this$getFocusedView2.element()
                }
                keyDownHandler(e) {}
                initKeyDownHandler() {
                    this.unsubscribeFromKeyDownEvent();
                    this.subscribeToKeyDownEvent()
                }
                getFocusinSelector() {
                    return ""
                }
                focusinHandler(e) {}
                initHandlers() {
                    var _focusedView$renderCo, _this$_resizeControll;
                    const focusedView = this.getFocusedView();
                    this.unsubscribeFromKeyDownEvent();
                    null === focusedView || void 0 === focusedView || null === (_focusedView$renderCo = focusedView.renderCompleted) || void 0 === _focusedView$renderCo || _focusedView$renderCo.remove(this.renderCompletedWithContext);
                    null === (_this$_resizeControll = this._resizeController) || void 0 === _this$_resizeControll || null === (_this$_resizeControll = _this$_resizeControll.resizeCompleted) || void 0 === _this$_resizeControll || _this$_resizeControll.remove(this.resizeCompletedWithContext);
                    if (this.isKeyboardEnabled()) {
                        var _focusedView$renderCo2, _this$_resizeControll2;
                        null === focusedView || void 0 === focusedView || null === (_focusedView$renderCo2 = focusedView.renderCompleted) || void 0 === _focusedView$renderCo2 || _focusedView$renderCo2.add(this.renderCompletedWithContext);
                        null === (_this$_resizeControll2 = this._resizeController) || void 0 === _this$_resizeControll2 || null === (_this$_resizeControll2 = _this$_resizeControll2.resizeCompleted) || void 0 === _this$_resizeControll2 || _this$_resizeControll2.add(this.resizeCompletedWithContext)
                    }
                }
                getFocusedView() {}
                _getCell(cellPosition) {}
                _getRowIndex($row) {
                    return null === $row || void 0 === $row ? void 0 : $row.index()
                }
                getCellIndex($cell, rowIndex) {
                    return null === $cell || void 0 === $cell ? void 0 : $cell.index()
                }
                _getFixedColumnIndexOffset(column) {
                    const visibleColumnCount = this._columnsController.getVisibleColumns(null, true).length;
                    const offset = (0, _utils.isFixedColumnIndexOffsetRequired)(this, column) ? visibleColumnCount - this._columnsController.getVisibleColumns().length : 0;
                    return offset
                }
                getNewVisibleIndex(visibleIndex, rowIndex, direction) {
                    return "previous" === direction ? visibleIndex - 1 : visibleIndex + 1
                }
                _getCellPosition($cell, direction) {
                    const $row = (0, _utils.isElementDefined)($cell) && $cell.closest("tr");
                    if ((0, _utils.isElementDefined)($row)) {
                        const rowIndex = this._getRowIndex($row);
                        let columnIndex = this.getCellIndex($cell, rowIndex);
                        columnIndex += this.getColumnIndexOffset(columnIndex);
                        if (direction) {
                            columnIndex = this.getNewVisibleIndex(columnIndex, rowIndex, direction);
                            columnIndex = this._applyColumnIndexBoundaries(columnIndex)
                        }
                        return {
                            rowIndex: rowIndex,
                            columnIndex: columnIndex
                        }
                    }
                    return
                }
                _getColumnByCellElement($cell, rowIndex) {
                    const cellIndex = this.getCellIndex($cell);
                    const columnIndex = cellIndex + this._columnsController.getColumnIndexOffset();
                    return this._columnsController.getVisibleColumns(rowIndex, true)[columnIndex]
                }
                processOnKeyDown(eventArgs) {
                    const {
                        originalEvent: originalEvent
                    } = eventArgs;
                    const args = {
                        handled: false,
                        event: originalEvent
                    };
                    this.executeAction("onKeyDown", args);
                    eventArgs.ctrl = originalEvent.ctrlKey;
                    eventArgs.alt = originalEvent.altKey;
                    eventArgs.shift = originalEvent.shiftKey;
                    return !!args.handled
                }
                setFocusedColumnIndex(columnIndex) {
                    if (!this._focusedCellPosition) {
                        this._focusedCellPosition = {}
                    }
                    this._focusedCellPosition.columnIndex = columnIndex
                }
                _updateFocusedCellPosition($cell, direction) {
                    const position = this._getCellPosition($cell, direction);
                    if (position) {
                        if (!$cell.length || position.rowIndex >= 0 && position.columnIndex >= 0) {
                            this.setFocusedCellPosition(position.rowIndex, position.columnIndex)
                        }
                    }
                    return position
                }
                renderCompleted(e) {
                    this.initKeyDownHandler();
                    this.unsubscribeFromFocusinEvent();
                    this.subscribeToFocusinEvent()
                }
                getScrollable() {
                    return this._rowsView.getScrollable()
                }
                scrollLeft(scrollLeft) {
                    const scrollable = this.getScrollable();
                    if (!scrollable || scrollable.scrollLeft() === scrollLeft) {
                        return (0, _deferred.Deferred)().resolve().promise()
                    }
                    const d = (0, _deferred.Deferred)();
                    const scrollHandler = () => {
                        var _this$_columnsControl;
                        scrollable.off("scroll", scrollHandler);
                        const normalizeScrollLeft = this._rowsView.normalizeScrollLeft(scrollLeft);
                        if (null !== (_this$_columnsControl = this._columnsController) && void 0 !== _this$_columnsControl && _this$_columnsControl.isNeedToRenderVirtualColumns(normalizeScrollLeft)) {
                            const renderCompletedHandler = () => {
                                this._rowsView.renderCompleted.remove(renderCompletedHandler);
                                d.resolve()
                            };
                            this._rowsView.renderCompleted.add(renderCompletedHandler)
                        } else {
                            d.resolve()
                        }
                    };
                    scrollable.on("scroll", scrollHandler);
                    scrollable.scrollTo({
                        left: scrollLeft
                    });
                    return d.promise()
                }
                scrollToNextCell($nextCell, direction) {
                    const scrollLeft = this.getNextCellLocation($nextCell, direction);
                    return this.scrollLeft(scrollLeft)
                }
                _isVirtualColumnRender() {
                    return "virtual" === this.option("scrolling.columnRenderingMode")
                }
                getContainerBoundingRect($container) {
                    const containerRect = (0, _position.getBoundingRect)($container.get(0));
                    return {
                        left: containerRect.left,
                        right: containerRect.right
                    }
                }
                init() {
                    this._columnsController = this.getController("columns");
                    this._resizeController = this.getController("resizing");
                    this._rowsView = this.getView("rowsView");
                    this._focusedCellPosition = {};
                    if (this.isKeyboardEnabled()) {
                        this.createAction("onKeyDown")
                    }
                    this.renderCompletedWithContext = this.renderCompletedWithContext ?? this.renderCompleted.bind(this);
                    this.resizeCompletedWithContext = this.resizeCompletedWithContext ?? this.resizeCompleted.bind(this);
                    this.focusinHandlerContext = this.focusinHandlerContext ?? this.focusinHandler.bind(this);
                    this.initHandlers()
                }
                dispose() {
                    _short.keyboard.off(this.keyDownListener)
                }
                setFocusedRowIndex(rowIndex) {
                    if (!this._focusedCellPosition) {
                        this._focusedCellPosition = {}
                    }
                    this._focusedCellPosition.rowIndex = rowIndex
                }
                setFocusedCellPosition(rowIndex, columnIndex) {
                    this.setFocusedRowIndex(rowIndex);
                    this.setFocusedColumnIndex(columnIndex)
                }
                optionChanged(args) {
                    switch (args.name) {
                        case "keyboardNavigation":
                            if ("keyboardNavigation.enabled" === args.fullName) {
                                this.init()
                            }
                            args.handled = true;
                            break;
                        case "useLegacyKeyboardNavigation":
                            this.init();
                            args.handled = true;
                            break;
                        default:
                            super.optionChanged(args)
                    }
                }
                isKeyboardEnabled() {
                    return this.option("keyboardNavigation.enabled")
                }
                _getFocusedCell() {
                    return (0, _renderer.default)(this._getCell(this._focusedCellPosition))
                }
                getDirectionByKeyName(keyName) {
                    const rtlEnabled = this.option("rtlEnabled");
                    switch (keyName) {
                        case "leftArrow":
                            return rtlEnabled ? _const.Direction.Next : _const.Direction.Previous;
                        case "rightArrow":
                            return rtlEnabled ? _const.Direction.Previous : _const.Direction.Next;
                        default:
                            return _const.Direction.Next
                    }
                }
            }
            exports.KeyboardNavigationController = KeyboardNavigationController
        },
        47526(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.keyboardNavigationScrollableA11yExtender = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            exports.keyboardNavigationScrollableA11yExtender = Base => class extends Base {
                focusinHandler(event) {
                    const $target = (0, _renderer.default)(event.target);
                    this.translateFocusIfNeed(event, $target);
                    super.focusinHandler(event)
                }
                focusOutHandler(e) {
                    super.focusOutHandler(e);
                    this.makeScrollableFocusableIfNeed()
                }
                translateFocusIfNeed(event, $target) {
                    const needTranslateFocus = this.isScrollableNeedFocusable();
                    const isFirstCellFixed = this._isFixedColumn(0);
                    if (!needTranslateFocus || !isFirstCellFixed) {
                        return
                    }
                    const $firstCell = this._rowsView.getCell({
                        rowIndex: 0,
                        columnIndex: 0
                    });
                    const firstCellHasTabIndex = !!$firstCell.attr("tabindex");
                    const notFixedCellIsTarget = $target.is(this._$firstNotFixedCell);
                    if (firstCellHasTabIndex && notFixedCellIsTarget) {
                        event.preventDefault();
                        this._focus($firstCell)
                    }
                }
                renderCompleted(e) {
                    this._$firstNotFixedCell = this.getFirstNotFixedCell();
                    this.makeScrollableFocusableIfNeed();
                    super.renderCompleted(e)
                }
                _focus($cell, disableFocus, skipFocusEvent, preventScroll) {
                    super._focus($cell, disableFocus, skipFocusEvent, preventScroll);
                    this.makeScrollableFocusableIfNeed()
                }
                tabKeyHandler(event) {
                    const isCellPositionDefined = (0, _type.isDefined)(this._focusedCellPosition) && !(0, _type.isEmptyObject)(this._focusedCellPosition);
                    const isOriginalHandlerRequired = !isCellPositionDefined || !event.shift && this.isLastValidCell(this._focusedCellPosition) || event.shift && this.isFirstValidCell(this._focusedCellPosition);
                    const isNeedFocusable = this.isScrollableNeedFocusable();
                    if (isOriginalHandlerRequired && isNeedFocusable) {
                        var _this$_$firstNotFixed;
                        null === (_this$_$firstNotFixed = this._$firstNotFixedCell) || void 0 === _this$_$firstNotFixed || _this$_$firstNotFixed.removeAttr("tabIndex")
                    }
                    super.tabKeyHandler(event)
                }
                getFirstNotFixedCell() {
                    var _this$_editingControl;
                    const columns = this._columnsController.getVisibleColumns();
                    const columnIndex = columns.findIndex(_ref => {
                        let {
                            fixed: fixed
                        } = _ref;
                        return !fixed
                    });
                    const isEditing = null === (_this$_editingControl = this._editingController) || void 0 === _this$_editingControl ? void 0 : _this$_editingControl.isEditing();
                    return -1 === columnIndex || isEditing ? void 0 : this._rowsView._getCellElement(0, columnIndex)
                }
                isScrollableNeedFocusable() {
                    var _this$_rowsView$_fixe, _this$_rowsView$getCe;
                    const hasScrollable = !!this._rowsView.getScrollable();
                    const hasFixedTable = !!(null !== (_this$_rowsView$_fixe = this._rowsView._fixedTableElement) && void 0 !== _this$_rowsView$_fixe && _this$_rowsView$_fixe.length);
                    const isCellsRendered = !!(null !== (_this$_rowsView$getCe = this._rowsView.getCellElements(0)) && void 0 !== _this$_rowsView$getCe && _this$_rowsView$getCe.length);
                    return hasScrollable && hasFixedTable && isCellsRendered
                }
                makeScrollableFocusableIfNeed() {
                    const needFocusable = this.isScrollableNeedFocusable();
                    if (!needFocusable || !this._$firstNotFixedCell) {
                        return
                    }
                    this._applyTabIndexToElement(this._$firstNotFixedCell)
                }
            }
        },
        28185(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.shouldPreventScroll = exports.isNotFocusedRow = exports.isMobile = exports.isGroupRow = exports.isGroupFooterRow = exports.isFixedColumnIndexOffsetRequired = exports.isElementDefined = exports.isEditorCell = exports.isEditRow = exports.isEditForm = exports.isDetailRow = exports.isDataRow = exports.isCellInHeaderRow = exports.isAdaptiveItem = exports.getNextColumnIndex = exports.getInteractiveElements = exports.getInteractiveElement = void 0;
            var _devices = (e = __webpack_require__( /*! ../../../../core/devices */ 65951), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _const = __webpack_require__( /*! ../editing/const */ 69699);
            var _const2 = __webpack_require__( /*! ./const */ 24171);
            exports.isGroupRow = $row => !!(null !== $row && void 0 !== $row && $row.hasClass(_const2.GROUP_ROW_CLASS));
            exports.isGroupFooterRow = $row => null === $row || void 0 === $row ? void 0 : $row.hasClass("dx-datagrid-group-footer");
            exports.isDetailRow = $row => null === $row || void 0 === $row ? void 0 : $row.hasClass(_const2.MASTER_DETAIL_ROW_CLASS);
            exports.isAdaptiveItem = $element => null === $element || void 0 === $element ? void 0 : $element.hasClass(_const2.ADAPTIVE_ITEM_TEXT_CLASS);
            exports.isEditRow = $row => null === $row || void 0 === $row ? void 0 : $row.hasClass(_const.EDIT_ROW);
            exports.isEditForm = $row => (null === $row || void 0 === $row ? void 0 : $row.hasClass(_const2.MASTER_DETAIL_ROW_CLASS)) && $row.hasClass(_const2.EDIT_FORM_CLASS);
            exports.isDataRow = $row => !!(null !== $row && void 0 !== $row && $row.hasClass(_const2.DATA_ROW_CLASS));
            exports.isNotFocusedRow = $row => !$row || $row.hasClass(_const2.FREESPACE_ROW_CLASS) || $row.hasClass(_const2.VIRTUAL_ROW_CLASS);
            exports.isEditorCell = (that, $cell) => !that.isRowEditMode() && $cell && !$cell.hasClass(_const2.COMMAND_SELECT_CLASS) && $cell.hasClass(_const.EDITOR_CELL_CLASS);
            exports.isElementDefined = $element => (0, _type.isDefined)($element) && $element.length > 0;
            exports.isMobile = () => "desktop" !== _devices.default.current().deviceType;
            exports.isCellInHeaderRow = $cell => !!$cell.parent(`.${_const2.HEADER_ROW_CLASS}`).length;
            exports.isFixedColumnIndexOffsetRequired = (that, column) => {
                const rtlEnabled = that.option("rtlEnabled");
                if (rtlEnabled) {
                    return !("right" === column.fixedPosition || (0, _type.isDefined)(column.command) && !(0, _type.isDefined)(column.fixedPosition))
                }
                return !(!(0, _type.isDefined)(column.fixedPosition) || "left" === column.fixedPosition)
            };
            exports.shouldPreventScroll = that => that._isVirtualScrolling() ? that.option("focusedRowIndex") === that.getRowIndex() : false;
            const getInteractiveElements = $cell => $cell.find(_const2.INTERACTIVE_ELEMENTS_SELECTOR).filter(":visible");
            exports.getInteractiveElements = getInteractiveElements;
            exports.getInteractiveElement = ($cell, isLast) => {
                const $focusedElement = getInteractiveElements($cell);
                return isLast ? $focusedElement.last() : $focusedElement.first()
            };
            exports.getNextColumnIndex = (direction, columnIndex) => "next" === direction || "nextInRow" === direction ? columnIndex + 1 : columnIndex - 1
        },
        68491(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.registerKeyboardAction = void 0;
            var accessibility = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../../ui/shared/accessibility */ 16191));
            exports.registerKeyboardAction = function(viewName, instance, $element, selector, action) {
                let executeKeyDown = args => {};
                const keyboardController = instance.getController("keyboardNavigation");
                if (instance.option("useLegacyKeyboardNavigation") || keyboardController && !keyboardController.isKeyboardEnabled()) {
                    return
                }
                if ("filterPanel" === viewName) {
                    executeKeyDown = args => {
                        instance.executeAction("onKeyDown", args)
                    };
                    instance.createAction("onKeyDown")
                }
                accessibility.registerKeyboardAction(viewName, instance, $element, selector, action, executeKeyDown)
            }
        },
        47197(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.prepareItems = function(items, emptyCell) {
                const defaultSetter = value => !value ? 1 : value;
                const resultItems = [];
                const cols = (items[0] || []).reduce((sum, item) => sum + defaultSetter(item.colspan), 0);
                const getItem = (items => {
                    let rowIndex = 0;
                    let cellIndex = 0;
                    return () => {
                        const row = items[rowIndex] || [];
                        const item = row[cellIndex++];
                        if (cellIndex >= row.length) {
                            rowIndex++;
                            cellIndex = 0
                        }
                        if (item) {
                            item.colspan = defaultSetter(item.colspan);
                            item.rowspan = defaultSetter(item.rowspan)
                        }
                        return item
                    }
                })(items);
                const addItem = (rowIndex, cellIndex, item) => {
                    const row = resultItems[rowIndex] = resultItems[rowIndex] || [];
                    row[cellIndex] = item;
                    if (item.colspan > 1 || item.rowspan > 1) {
                        const clone = (item => (0, _extend.extend)({}, item, emptyCell))(item);
                        for (let c = 1; c < item.colspan; c++) {
                            addItem(rowIndex, cellIndex + c, clone)
                        }
                        for (let r = 1; r < item.rowspan; r++) {
                            for (let c = 0; c < item.colspan; c++) {
                                addItem(rowIndex + r, cellIndex + c, clone)
                            }
                        }
                    }
                };
                let item = getItem();
                let rowIndex = 0;
                while (item) {
                    for (let cellIndex = 0; cellIndex < cols; cellIndex++) {
                        if (!item) {
                            break
                        }
                        if (resultItems[rowIndex] && resultItems[rowIndex][cellIndex]) {
                            continue
                        }
                        addItem(rowIndex, cellIndex, item);
                        cellIndex += item.colspan - 1;
                        item = getItem()
                    }
                    rowIndex++
                }
                return resultItems
            };
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576)
        },
        74854(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.ViewController = exports.View = exports.ModuleItem = exports.Controller = void 0;
            exports.processModules = processModules;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/callbacks */ 84718));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _update_views_borders = __webpack_require__( /*! ./views/utils/update_views_borders */ 20574);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class ModuleItem {
                constructor(component) {
                    const that = this;
                    that._updateLockCount = 0;
                    that.component = component;
                    that._actions = {};
                    that._actionConfigs = {};
                    (0, _iterator.each)(this.callbackNames() || [], function(index, name) {
                        const flags = that.callbackFlags(name) || {};
                        flags.unique = true;
                        flags.syncStrategy = true;
                        that[this] = (0, _callbacks.default)(flags)
                    })
                }
                _endUpdateCore() {}
                init() {}
                callbackNames() {
                    return
                }
                callbackFlags(name) {}
                publicMethods() {
                    return []
                }
                beginUpdate() {
                    this._updateLockCount++
                }
                endUpdate() {
                    if (this._updateLockCount > 0) {
                        this._updateLockCount--;
                        if (!this._updateLockCount) {
                            this._endUpdateCore()
                        }
                    }
                }
                option(name) {
                    const {
                        component: component
                    } = this;
                    const optionCache = component._optionCache;
                    if (1 === arguments.length && optionCache) {
                        if (!(name in optionCache)) {
                            optionCache[name] = component.option(name)
                        }
                        return optionCache[name]
                    }
                    return component.option.apply(component, arguments)
                }
                _silentOption(name, value) {
                    const {
                        component: component
                    } = this;
                    const optionCache = component._optionCache;
                    if (optionCache) {
                        optionCache[name] = value
                    }
                    return component._setOptionWithoutOptionChange(name, value)
                }
                localize(name) {
                    const optionCache = this.component._optionCache;
                    if (optionCache) {
                        if (!(name in optionCache)) {
                            optionCache[name] = _message.default.format(name)
                        }
                        return optionCache[name]
                    }
                    return _message.default.format(name)
                }
                on(event, callback) {
                    return this.component.on.apply(this.component, arguments)
                }
                off() {
                    return this.component.off.apply(this.component, arguments)
                }
                optionChanged(args) {
                    if (args.name in this._actions) {
                        this.createAction(args.name, this._actionConfigs[args.name]);
                        args.handled = true
                    }
                }
                getAction(actionName) {
                    return this._actions[actionName]
                }
                setAria(name, value, $target) {
                    if (!(0, _type.isDefined)(value)) {
                        return
                    }
                    const target = $target.get(0);
                    const prefix = "role" !== name && "id" !== name ? "aria-" : "";
                    const normalizedValue = String(value).replace(/\s+/g, " ").trim();
                    if (null !== target && void 0 !== target && target.setAttribute) {
                        target.setAttribute(prefix + name, normalizedValue)
                    } else {
                        $target.attr(prefix + name, normalizedValue)
                    }
                }
                _createComponent($container, component, options) {
                    return this.component._createComponent($container, component, options)
                }
                getController(name) {
                    return this.component._controllers[name]
                }
                createAction(actionName, config) {
                    if ((0, _type.isFunction)(actionName)) {
                        const action = this.component._createAction(actionName.bind(this), config);
                        return function(e) {
                            action({
                                event: e
                            })
                        }
                    }
                    this._actions[actionName] = this.component._createActionByOption(actionName, config);
                    this._actionConfigs[actionName] = config;
                    return
                }
                executeAction(actionName, options) {
                    const action = this._actions[actionName];
                    return action && action(options)
                }
                dispose() {
                    const that = this;
                    (0, _iterator.each)(that.callbackNames() || [], function() {
                        that[this].empty()
                    })
                }
                addWidgetPrefix(className) {
                    const componentName = this.component.NAME;
                    return `dx-${componentName.slice(2).toLowerCase()}${className?`-${className}`:""}`
                }
                getWidgetContainerClass() {
                    const containerName = "dxDataGrid" === this.component.NAME ? null : "container";
                    return this.addWidgetPrefix(containerName)
                }
                elementIsInsideGrid($element) {
                    const $gridElement = $element.closest(`.${this.getWidgetContainerClass()}`).parent();
                    return $gridElement.is(this.component.$element())
                }
            }
            exports.ModuleItem = ModuleItem;
            class Controller extends ModuleItem {}
            exports.Controller = Controller;
            class ViewController extends Controller {
                getView(name) {
                    return this.component._views[name]
                }
                getViews() {
                    return this.component._views
                }
            }
            exports.ViewController = ViewController;
            class View extends ModuleItem {
                constructor(component) {
                    super(component);
                    this.renderCompleted = (0, _callbacks.default)();
                    this.resizeCompleted = (0, _callbacks.default)()
                }
                _isReady() {
                    return this.component.isReady()
                }
                _endUpdateCore() {
                    super._endUpdateCore();
                    if (!this._isReady() && this._requireReady) {
                        this._requireRender = false;
                        this.component._requireResize = false
                    }
                    if (this._requireRender) {
                        this._requireRender = false;
                        this.render(this._$parent)
                    }
                }
                _invalidate(requireResize, requireReady) {
                    this._requireRender = true;
                    this.component._requireResize = (0, _window.hasWindow)() && (this.component._requireResize || requireResize);
                    this._requireReady = this._requireReady || requireReady
                }
                _renderCore(options) {}
                _resizeCore() {}
                _parentElement() {
                    return this._$parent
                }
                element() {
                    return this._$element
                }
                getElementHeight() {
                    const $element = this.element();
                    if (!$element) {
                        return 0
                    }
                    const marginTop = parseFloat($element.css("marginTop")) || 0;
                    const marginBottom = parseFloat($element.css("marginBottom")) || 0;
                    const {
                        offsetHeight: offsetHeight
                    } = $element.get(0);
                    return offsetHeight + marginTop + marginBottom
                }
                isVisible() {
                    return true
                }
                getTemplate(name) {
                    return this.component._getTemplate(name)
                }
                getView(name) {
                    return this.component._views[name]
                }
                _getBorderedViews() {
                    return {
                        columnHeadersView: this.component._views.columnHeadersView,
                        rowsView: this.component._views.rowsView,
                        filterPanelView: this.component._views.filterPanelView,
                        footerView: this.component._views.footerView
                    }
                }
                render($parent, options) {
                    let $element = this._$element;
                    const isVisible = this.isVisible();
                    if (!$element && !$parent) {
                        return
                    }
                    this._requireReady = false;
                    if (!$element) {
                        $element = this._$element = (0, _renderer.default)("<div>").appendTo($parent);
                        this._$parent = $parent
                    }
                    $element.toggleClass("dx-hidden", !isVisible);
                    if (this.component._views) {
                        (0, _update_views_borders.updateViewsBorders)(this.name, this._getBorderedViews())
                    }
                    if (isVisible) {
                        this.component._optionCache = {};
                        const deferred = this._renderCore(options);
                        this.component._optionCache = void 0;
                        if (deferred) {
                            deferred.done(() => {
                                this.renderCompleted.fire(options)
                            })
                        } else {
                            this.renderCompleted.fire(options)
                        }
                    }
                }
                resize() {
                    this.isResizing = true;
                    this._resizeCore();
                    this.resizeCompleted.fire();
                    this.isResizing = false
                }
                focus(preventScroll) {
                    this.element().get(0).focus({
                        preventScroll: preventScroll
                    })
                }
            }
            exports.View = View;

            function getExtendedTypes(types) {
                let moduleExtenders = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
                const extendTypes = {};
                Object.entries(moduleExtenders).forEach(_ref => {
                    let [name, extender] = _ref;
                    const currentType = types[name];
                    if (currentType) {
                        if ((0, _type.isFunction)(extender)) {
                            extendTypes[name] = extender(currentType)
                        } else {
                            const classType = currentType;
                            extendTypes[name] = classType.inherit(extender)
                        }
                    }
                });
                return extendTypes
            }

            function processModules(componentInstance, componentClass) {
                const {
                    modules: modules
                } = componentClass;
                const {
                    modulesOrder: modulesOrder
                } = componentClass;

                function createModuleItems(moduleTypes) {
                    const moduleItems = {};
                    (0, _iterator.each)(moduleTypes, (name, moduleType) => {
                        const moduleItem = new moduleType(componentInstance);
                        moduleItem.name = name;
                        ! function(componentInstance, name, moduleItem) {
                            const publicMethods = moduleItem.publicMethods();
                            if (publicMethods) {
                                (0, _iterator.each)(publicMethods, (_, methodName) => {
                                    if (moduleItem[methodName]) {
                                        if (!componentInstance[methodName]) {
                                            componentInstance[methodName] = function() {
                                                return moduleItem[methodName](...arguments)
                                            }
                                        } else {
                                            throw _ui.default.Error("E1005", methodName)
                                        }
                                    } else {
                                        throw _ui.default.Error("E1006", name, methodName)
                                    }
                                })
                            }
                        }(componentInstance, name, moduleItem);
                        moduleItems[name] = moduleItem
                    });
                    return moduleItems
                }
                if (modulesOrder) {
                    modules.sort((module1, module2) => {
                        let orderIndex1 = modulesOrder.indexOf(module1.name);
                        let orderIndex2 = modulesOrder.indexOf(module2.name);
                        if (orderIndex1 < 0) {
                            orderIndex1 = 1e6
                        }
                        if (orderIndex2 < 0) {
                            orderIndex2 = 1e6
                        }
                        return orderIndex1 - orderIndex2
                    })
                }
                const rootControllerTypes = {};
                const rootViewTypes = {};
                modules.forEach(_ref2 => {
                    let {
                        name: moduleName,
                        controllers: controllers = {},
                        views: views = {}
                    } = _ref2;
                    Object.entries(controllers).forEach(_ref3 => {
                        let [name, type] = _ref3;
                        if (rootControllerTypes[name]) {
                            throw _ui.default.Error("E1001", moduleName, name)
                        } else if (!((null === type || void 0 === type ? void 0 : type.prototype) instanceof Controller)) {
                            throw _ui.default.Error("E1002", moduleName, name)
                        }
                        rootControllerTypes[name] = type
                    });
                    Object.entries(views).forEach(_ref4 => {
                        let [name, type] = _ref4;
                        if (rootViewTypes[name]) {
                            throw _ui.default.Error("E1003", moduleName, name)
                        } else if (!((null === type || void 0 === type ? void 0 : type.prototype) instanceof View)) {
                            throw _ui.default.Error("E1004", moduleName, name)
                        }
                        rootViewTypes[name] = type
                    })
                });
                const moduleExtenders = modules.filter(_ref5 => {
                    let {
                        extenders: extenders
                    } = _ref5;
                    return !!extenders
                });
                const controllerTypes = moduleExtenders.reduce((types, _ref6) => {
                    let {
                        extenders: extenders
                    } = _ref6;
                    return Object.assign({}, types, getExtendedTypes(types, null === extenders || void 0 === extenders ? void 0 : extenders.controllers))
                }, rootControllerTypes);
                const viewTypes = moduleExtenders.reduce((types, _ref7) => {
                    let {
                        extenders: extenders
                    } = _ref7;
                    return Object.assign({}, types, getExtendedTypes(types, null === extenders || void 0 === extenders ? void 0 : extenders.views))
                }, rootViewTypes);
                componentInstance._controllers = createModuleItems(controllerTypes);
                componentInstance._views = createModuleItems(viewTypes)
            }
            exports.default = {
                modules: [],
                View: View,
                ViewController: ViewController,
                Controller: Controller,
                registerModule(name, module) {
                    const {
                        modules: modules
                    } = this;
                    for (let i = 0; i < modules.length; i++) {
                        if (modules[i].name === name) {
                            return
                        }
                    }
                    module.name = name;
                    modules.push(module)
                },
                registerModulesOrder(moduleNames) {
                    this.modulesOrder = moduleNames
                },
                unregisterModule(name) {
                    this.modules = (0, _common.grep)(this.modules, module => module.name !== name)
                },
                processModules: processModules,
                callModuleItemsMethod: function(that, methodName, args) {
                    args = args || [];
                    if (that._controllers) {
                        (0, _iterator.each)(that._controllers, function() {
                            this[methodName] && this[methodName].apply(this, args)
                        })
                    }
                    if (that._views) {
                        (0, _iterator.each)(that._views, function() {
                            this[methodName] && this[methodName].apply(this, args)
                        })
                    }
                }
            }
        },
        53226(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _data_source = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/data_source */ 14479));
            var _utils = __webpack_require__( /*! ../../../common/data/data_source/utils */ 97169);
            var _utils2 = __webpack_require__( /*! ../../../common/data/utils */ 89358);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _position = __webpack_require__( /*! ../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _string = __webpack_require__( /*! ../../../core/utils/string */ 54497);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _variable_wrapper = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/variable_wrapper */ 40216));
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _format_helper = _interopRequireDefault(__webpack_require__( /*! ../../../format_helper */ 2082));
            var _load_panel = _interopRequireDefault(__webpack_require__( /*! ../../../ui/load_panel */ 31876));
            var _filtering = _interopRequireDefault(__webpack_require__( /*! ../../../ui/shared/filtering */ 56417));
            var _m_type = __webpack_require__( /*! ../../core/utils/m_type */ 39918);
            var _const = __webpack_require__( /*! ./ai_column/const */ 92806);
            var _index = __webpack_require__( /*! ./utils/index */ 76097);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DATE_INTERVAL_SELECTORS = {
                year: value => value && value.getFullYear(),
                month: value => value && value.getMonth() + 1,
                day: value => value && value.getDate(),
                quarter: value => value && Math.floor(value.getMonth() / 3) + 1,
                hour: value => value && value.getHours(),
                minute: value => value && value.getMinutes(),
                second: value => value && value.getSeconds()
            };
            const getIntervalSelector = function() {
                const data = arguments[1];
                const value = this.calculateCellValue(data);
                if (!(0, _type.isDefined)(value)) {
                    return null
                }
                if (isDateType(this.dataType)) {
                    const nameIntervalSelector = arguments[0];
                    return DATE_INTERVAL_SELECTORS[nameIntervalSelector](value)
                }
                if ("number" === this.dataType) {
                    const groupInterval = arguments[0];
                    return Math.floor(Number(value) / groupInterval) * groupInterval
                }
            };

            function isDateType(dataType) {
                return "date" === dataType || "datetime" === dataType
            }
            const setEmptyText = function($container) {
                $container.get(0).textContent = "\xa0"
            };
            const normalizeSortingInfo = function(sort) {
                sort = sort || [];
                const result = (0, _utils2.normalizeSortingInfo)(sort);
                for (let i = 0; i < sort.length; i++) {
                    if (sort && sort[i] && void 0 !== sort[i].isExpanded) {
                        result[i].isExpanded = sort[i].isExpanded
                    }
                    if (sort && sort[i] && void 0 !== sort[i].groupInterval) {
                        result[i].groupInterval = sort[i].groupInterval
                    }
                }
                return result
            };
            const formatValue = function(value, options) {
                const valueText = _format_helper.default.format(value, options.format) || value && value.toString() || "";
                const formatObject = {
                    value: value,
                    valueText: options.getDisplayFormat ? options.getDisplayFormat(valueText) : valueText,
                    target: options.target || "row",
                    groupInterval: options.groupInterval
                };
                return options.customizeText ? options.customizeText.call(options, formatObject) : formatObject.valueText
            };
            const getSummaryText = function(summaryItem, summaryTexts) {
                const displayFormat = summaryItem.displayFormat || summaryItem.columnCaption && summaryTexts[`${summaryItem.summaryType}OtherColumn`] || summaryTexts[summaryItem.summaryType];
                return formatValue(summaryItem.value, {
                    format: summaryItem.valueFormat,
                    getDisplayFormat: valueText => displayFormat ? (0, _string.format)(displayFormat, valueText, summaryItem.columnCaption) : valueText,
                    customizeText: summaryItem.customizeText
                })
            };
            const getWidgetInstance = function($element) {
                const editorData = $element.data && $element.data();
                const dxComponents = editorData && editorData.dxComponents;
                const widgetName = dxComponents && dxComponents[0];
                return widgetName && editorData[widgetName]
            };
            const equalFilterParameters = function(filter1, filter2, langParams) {
                if (Array.isArray(filter1) && Array.isArray(filter2)) {
                    if (filter1.length !== filter2.length) {
                        return false
                    }
                    for (let i = 0; i < filter1.length; i++) {
                        if (!equalFilterParameters(filter1[i], filter2[i], langParams)) {
                            return false
                        }
                    }
                    return true
                }
                if ((0, _type.isFunction)(filter1) && filter1.columnIndex >= 0 && (0, _type.isFunction)(filter2) && filter2.columnIndex >= 0) {
                    return filter1.columnIndex === filter2.columnIndex && (0, _data.toComparable)(filter1.filterValue, void 0, langParams) === (0, _data.toComparable)(filter2.filterValue, void 0, langParams) && (0, _data.toComparable)(filter1.selectedFilterOperation, void 0, langParams) === (0, _data.toComparable)(filter2.selectedFilterOperation, void 0, langParams)
                }
                return (0, _data.toComparable)(filter1, void 0, langParams) == (0, _data.toComparable)(filter2, void 0, langParams)
            };
            const addPointIfNeed = (points, pointProps, pointCreated) => {
                let notCreatePoint = false;
                if (pointCreated) {
                    notCreatePoint = pointCreated(pointProps)
                }
                if (!notCreatePoint) {
                    const point = (options = pointProps, {
                        index: options.index,
                        columnIndex: options.columnIndex,
                        x: options.x,
                        y: options.y
                    });
                    points.push(point)
                }
                var options
            };
            exports.default = {
                renderNoDataText($element) {
                    var _this$_dataController, _this$_dataController2;
                    const that = this;
                    $element = $element || this.element();
                    if (!$element) {
                        return
                    }
                    const noDataClass = that.addWidgetPrefix("nodata");
                    let noDataElement = $element.find(`.${noDataClass}`).last();
                    const isVisible = this._dataController.isEmpty();
                    const isDefaultLoading = this._dataController.isLoading() && !(null !== (_this$_dataController = (_this$_dataController2 = this._dataController).isCustomLoading) && void 0 !== _this$_dataController && _this$_dataController.call(_this$_dataController2));
                    if (!noDataElement.length) {
                        noDataElement = (0, _renderer.default)("<span>").addClass(noDataClass)
                    }
                    if (!noDataElement.parent().is($element)) {
                        noDataElement.appendTo($element)
                    }
                    if (isVisible && !isDefaultLoading) {
                        noDataElement.removeClass("dx-hidden").text(that._getNoDataText())
                    } else {
                        noDataElement.addClass("dx-hidden")
                    }
                },
                renderLoadPanel($element, $container, isLocalStore) {
                    const that = this;
                    let loadPanelOptions;
                    that._loadPanel && that._loadPanel.$element().remove();
                    loadPanelOptions = that.option("loadPanel");
                    if (loadPanelOptions && ("auto" === loadPanelOptions.enabled ? !isLocalStore : loadPanelOptions.enabled)) {
                        loadPanelOptions = (0, _extend.extend)({
                            shading: false,
                            message: loadPanelOptions.text,
                            container: $container,
                            zIndex: 1e3
                        }, loadPanelOptions);
                        that._loadPanel = that._createComponent((0, _renderer.default)("<div>").appendTo($container), _load_panel.default, loadPanelOptions)
                    } else {
                        that._loadPanel = null
                    }
                },
                calculateLoadPanelPosition($element) {
                    const $window = (0, _renderer.default)((0, _window.getWindow)());
                    if ((0, _size.getHeight)($element) > (0, _size.getHeight)($window)) {
                        return {
                            of: $window,
                            boundary: $element,
                            collision: "fit"
                        }
                    }
                    return {
                        of: $element
                    }
                },
                getIndexByKey(key, items, keyName) {
                    let index = -1;
                    if (void 0 !== key && Array.isArray(items)) {
                        keyName = arguments.length <= 2 ? "key" : keyName;
                        for (let i = 0; i < items.length; i++) {
                            const item = (0, _type.isDefined)(keyName) ? items[i][keyName] : items[i];
                            if ((0, _common.equalByValue)(key, item)) {
                                index = i;
                                break
                            }
                        }
                    }
                    return index
                },
                combineFilters(filters, operation) {
                    let resultFilter = [];
                    operation = operation || "and";
                    for (let i = 0; i < filters.length; i++) {
                        var _filters$i;
                        if (!filters[i]) {
                            continue
                        }
                        if (1 === (null === (_filters$i = filters[i]) || void 0 === _filters$i ? void 0 : _filters$i.length) && "!" === filters[i][0]) {
                            if ("and" === operation) {
                                return ["!"]
                            }
                            if ("or" === operation) {
                                continue
                            }
                        }
                        if (resultFilter.length) {
                            resultFilter.push(operation)
                        }
                        resultFilter.push(filters[i])
                    }
                    if (1 === resultFilter.length) {
                        resultFilter = resultFilter[0]
                    }
                    if (resultFilter.length) {
                        return resultFilter
                    }
                    return
                },
                checkChanges(changes, changeNames) {
                    let changesWithChangeNamesCount = 0;
                    for (let i = 0; i < changeNames.length; i++) {
                        if (changes[changeNames[i]]) {
                            changesWithChangeNamesCount++
                        }
                    }
                    return changes.length && changes.length === changesWithChangeNamesCount
                },
                equalFilterParameters: equalFilterParameters,
                proxyMethod(instance, methodName, defaultResult) {
                    if (!instance[methodName]) {
                        instance[methodName] = function() {
                            const dataSource = this._dataSource;
                            return dataSource ? dataSource[methodName].apply(dataSource, arguments) : defaultResult
                        }
                    }
                },
                formatValue: formatValue,
                getFormatOptionsByColumn: (column, target) => ({
                    format: column.format,
                    getDisplayFormat: column.getDisplayFormat,
                    customizeText: column.customizeText,
                    target: target,
                    trueText: column.trueText,
                    falseText: column.falseText
                }),
                getDisplayValue(column, value, data, rowType) {
                    if (column.displayValueMap && void 0 !== column.displayValueMap[value]) {
                        return column.displayValueMap[value]
                    }
                    if (column.calculateDisplayValue && data && "group" !== rowType) {
                        return column.calculateDisplayValue(data)
                    }
                    const isCalculatedFromLookup = column.lookup && column.type !== _const.AI_COLUMN_NAME && ("group" !== rowType || !column.calculateGroupValue && !column.calculateDisplayValue);
                    if (isCalculatedFromLookup) {
                        return column.lookup.calculateCellValue(value)
                    }
                    return value
                },
                getGroupRowSummaryText(summaryItems, summaryTexts) {
                    let result = "(";
                    for (let i = 0; i < summaryItems.length; i++) {
                        const summaryItem = summaryItems[i];
                        result += (i > 0 ? ", " : "") + getSummaryText(summaryItem, summaryTexts)
                    }
                    return result + ")"
                },
                getSummaryText: getSummaryText,
                normalizeSortingInfo: normalizeSortingInfo,
                getFormatByDataType(dataType) {
                    switch (dataType) {
                        case "date":
                            return "shortDate";
                        case "datetime":
                            return "shortDateShortTime";
                        default:
                            return
                    }
                },
                getHeaderFilterGroupParameters(column, remoteGrouping) {
                    let result = [];
                    const dataField = column.dataField || column.name;
                    const groupInterval = _filtering.default.getGroupInterval(column);
                    if (groupInterval) {
                        (0, _iterator.each)(groupInterval, (index, interval) => {
                            result.push(remoteGrouping ? {
                                selector: dataField,
                                groupInterval: interval,
                                isExpanded: index < groupInterval.length - 1
                            } : getIntervalSelector.bind(column, interval))
                        });
                        return result
                    }
                    if (remoteGrouping) {
                        result = [{
                            selector: dataField,
                            isExpanded: false
                        }]
                    } else {
                        result = function(data) {
                            let result = column.calculateCellValue(data);
                            if (void 0 === result || "" === result) {
                                result = null
                            }
                            return result
                        };
                        if (column.sortingMethod) {
                            result = [{
                                selector: result,
                                compare: column.sortingMethod.bind(column)
                            }]
                        }
                    }
                    return result
                },
                equalSortParameters(sortParameters1, sortParameters2, ignoreIsExpanded) {
                    sortParameters1 = normalizeSortingInfo(sortParameters1);
                    sortParameters2 = normalizeSortingInfo(sortParameters2);
                    if (Array.isArray(sortParameters1) && Array.isArray(sortParameters2)) {
                        if (sortParameters1.length !== sortParameters2.length) {
                            return false
                        }
                        for (let i = 0; i < sortParameters1.length; i++) {
                            if (!(0, _index.isEqualSelectors)(sortParameters1[i].selector, sortParameters2[i].selector) || sortParameters1[i].desc !== sortParameters2[i].desc || sortParameters1[i].groupInterval !== sortParameters2[i].groupInterval || !ignoreIsExpanded && Boolean(sortParameters1[i].isExpanded) !== Boolean(sortParameters2[i].isExpanded)) {
                                return false
                            }
                        }
                        return true
                    }
                    return (!sortParameters1 || !sortParameters1.length) === (!sortParameters2 || !sortParameters2.length)
                },
                getPointsByColumns(items, pointCreated) {
                    let isVertical = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : false;
                    let startColumnIndex = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : 0;
                    let needToCheckPrevPoint = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : false;
                    const result = [];
                    const cellsLength = items.length;
                    let $item;
                    let offset = {
                        left: 0,
                        top: 0
                    };
                    let itemRect = {
                        width: 0,
                        height: 0
                    };
                    let columnIndex = startColumnIndex;
                    let rtlEnabled;
                    for (let i = 0; i <= cellsLength; i++) {
                        var _$item;
                        if (i < cellsLength) {
                            $item = items.eq(i);
                            offset = $item.offset();
                            itemRect = (0, _position.getBoundingRect)($item.get(0));
                            rtlEnabled = "rtl" === $item.css("direction")
                        }
                        const offsetRight = offset.left + itemRect.width;
                        const offsetBottom = offset.top + itemRect.height;
                        const pointProps = {
                            index: columnIndex,
                            columnIndex: columnIndex,
                            item: null === (_$item = $item) || void 0 === _$item ? void 0 : _$item.get(0),
                            x: !isVertical && rtlEnabled !== (i === cellsLength) ? offsetRight : offset.left,
                            y: isVertical && i === cellsLength ? offsetBottom : offset.top
                        };
                        if (!isVertical && i > 0) {
                            const prevItemOffset = items.eq(i - 1).offset();
                            const {
                                width: prevItemWidth
                            } = (0, _position.getBoundingRect)(items[i - 1]);
                            const prevItemOffsetX = rtlEnabled ? prevItemOffset.left : prevItemOffset.left + prevItemWidth;
                            if (prevItemOffset.top < pointProps.y) {
                                pointProps.y = prevItemOffset.top
                            }
                            if (needToCheckPrevPoint && Math.round(prevItemOffsetX) !== Math.round(pointProps.x)) {
                                const prevPointProps = Object.assign({}, pointProps, {
                                    item: items[i - 1],
                                    x: prevItemOffsetX
                                });
                                if (rtlEnabled) {
                                    pointProps.isRightBoundary = true;
                                    prevPointProps.isLeftBoundary = true
                                } else {
                                    pointProps.isLeftBoundary = true;
                                    prevPointProps.isRightBoundary = true
                                }
                                addPointIfNeed(result, prevPointProps, pointCreated)
                            }
                        }
                        addPointIfNeed(result, pointProps, pointCreated);
                        columnIndex++
                    }
                    return result
                },
                getExpandCellTemplate: () => ({
                    allowRenderToDetachedContainer: true,
                    render(container, options) {
                        const $container = (0, _renderer.default)(container);
                        if ((0, _type.isDefined)(options.value) && !(options.data && options.data.isContinuation) && !options.row.isNewRow) {
                            const rowsView = options.component.getView("rowsView");
                            $container.addClass("dx-datagrid-expand").addClass("dx-selection-disabled");
                            (0, _renderer.default)("<div>").addClass(options.value ? "dx-datagrid-group-opened" : "dx-datagrid-group-closed").appendTo($container);
                            rowsView.setAria("label", options.value ? rowsView.localize("dxDataGrid-ariaCollapse") : rowsView.localize("dxDataGrid-ariaExpand"), $container)
                        } else {
                            setEmptyText($container)
                        }
                    }
                }),
                setEmptyText: setEmptyText,
                isDateType: isDateType,
                getSelectionRange(focusedElement) {
                    try {
                        if (focusedElement) {
                            return {
                                selectionStart: focusedElement.selectionStart,
                                selectionEnd: focusedElement.selectionEnd
                            }
                        }
                    } catch (e) {}
                    return {}
                },
                setSelectionRange(focusedElement, selectionRange) {
                    try {
                        if (focusedElement && focusedElement.setSelectionRange) {
                            focusedElement.setSelectionRange(selectionRange.selectionStart, selectionRange.selectionEnd)
                        }
                    } catch (e) {}
                },
                focusAndSelectElement(component, $element) {
                    const isFocused = $element.is(":focus");
                    _events_engine.default.trigger($element, "focus");
                    const isSelectTextOnEditingStart = component.option("editing.selectTextOnEditStart");
                    const element = $element.get(0);
                    if (!isFocused && isSelectTextOnEditingStart && $element.is(".dx-texteditor-input") && !$element.is("[readonly]")) {
                        const editor = getWidgetInstance($element.closest(".dx-texteditor"));
                        (0, _deferred.when)(editor && editor._loadItemDeferred).done(() => {
                            element.select()
                        })
                    }
                },
                getWidgetInstance: getWidgetInstance,
                getLastResizableColumnIndex(columns, resultWidths) {
                    const hasResizableColumns = columns.some(column => column && !column.command && !column.fixed && false !== column.allowResizing);
                    let lastColumnIndex;
                    for (lastColumnIndex = columns.length - 1; columns[lastColumnIndex]; lastColumnIndex--) {
                        const column = columns[lastColumnIndex];
                        const width = resultWidths && resultWidths[lastColumnIndex];
                        const allowResizing = !hasResizableColumns || false !== column.allowResizing;
                        if (!column.command && !column.fixed && "adaptiveHidden" !== width && allowResizing) {
                            break
                        }
                    }
                    return lastColumnIndex
                },
                isElementInCurrentGrid(controller, $element) {
                    if ($element && $element.length) {
                        const $grid = $element.closest(`.${controller.getWidgetContainerClass()}`).parent();
                        return $grid.is(controller.component.$element())
                    }
                    return false
                },
                isVirtualRowRendering(that) {
                    const rowRenderingMode = that.option("scrolling.rowRenderingMode");
                    const isVirtualMode = "virtual" === that.option("scrolling.mode");
                    const isAppendMode = "infinite" === that.option("scrolling.mode");
                    if (false === that.option("scrolling.legacyMode") && (isVirtualMode || isAppendMode)) {
                        return true
                    }
                    return "virtual" === rowRenderingMode
                },
                getPixelRatio: window => window.devicePixelRatio || 1,
                getContentHeightLimit(browser) {
                    if (browser.mozilla) {
                        return 8e6
                    }
                    return 15e6 / this.getPixelRatio((0, _window.getWindow)())
                },
                normalizeLookupDataSource(lookup) {
                    let lookupDataSourceOptions;
                    if (lookup.items) {
                        lookupDataSourceOptions = lookup.items
                    } else {
                        lookupDataSourceOptions = lookup.dataSource;
                        if ((0, _type.isFunction)(lookupDataSourceOptions) && !_variable_wrapper.default.isWrapped(lookupDataSourceOptions)) {
                            lookupDataSourceOptions = lookupDataSourceOptions({})
                        }
                    }
                    return (0, _utils.normalizeDataSourceOptions)(lookupDataSourceOptions)
                },
                getWrappedLookupDataSource(column, dataSource, filter) {
                    if (!dataSource) {
                        return []
                    }
                    const lookupDataSourceOptions = this.normalizeLookupDataSource(column.lookup);
                    if (column.calculateCellValue !== column.defaultCalculateCellValue) {
                        return lookupDataSourceOptions
                    }
                    const hasGroupPaging = dataSource.remoteOperations().groupPaging;
                    const hasLookupOptimization = column.displayField && (0, _type.isString)(column.displayField);
                    let cachedUniqueRelevantItems;
                    let previousTake;
                    let previousSkip;
                    const sliceItems = (items, loadOptions) => {
                        const start = loadOptions.skip ?? 0;
                        const end = loadOptions.take ? start + loadOptions.take : items.length;
                        return items.slice(start, end)
                    };
                    const loadUniqueRelevantItems = loadOptions => {
                        const group = function(group) {
                            if (!Array.isArray(group)) {
                                group = [group]
                            }
                            return group.map((item, i) => {
                                if ((0, _type.isString)(item)) {
                                    return {
                                        selector: item,
                                        isExpanded: i < group.length - 1
                                    }
                                }
                                return item
                            })
                        }(hasLookupOptimization ? [column.dataField, column.displayField] : column.dataField);
                        const d = new _deferred.Deferred;
                        const canUseCache = cachedUniqueRelevantItems && (!hasGroupPaging || loadOptions.skip === previousSkip && loadOptions.take === previousTake);
                        if (canUseCache) {
                            d.resolve(sliceItems(cachedUniqueRelevantItems, loadOptions))
                        } else {
                            previousSkip = loadOptions.skip;
                            previousTake = loadOptions.take;
                            dataSource.load({
                                filter: filter,
                                group: group,
                                take: hasGroupPaging ? loadOptions.take : void 0,
                                skip: hasGroupPaging ? loadOptions.skip : void 0
                            }).done(items => {
                                cachedUniqueRelevantItems = items;
                                d.resolve(hasGroupPaging ? items : sliceItems(items, loadOptions))
                            }).fail(d.fail)
                        }
                        return d
                    };
                    const lookupDataSource = Object.assign({}, lookupDataSourceOptions, {
                        __dataGridSourceFilter: filter,
                        load: loadOptions => {
                            const d = new _deferred.Deferred;
                            loadUniqueRelevantItems(loadOptions).done(items => {
                                if (0 === items.length) {
                                    d.resolve([]);
                                    return
                                }
                                const filter = this.combineFilters(items.flatMap(data => data.key).map(key => [column.lookup.valueExpr, key]), "or");
                                const newDataSource = new _data_source.default(Object.assign({}, lookupDataSourceOptions, loadOptions, {
                                    filter: this.combineFilters([filter, loadOptions.filter], "and"),
                                    paginate: false
                                }));
                                newDataSource.load().done(d.resolve).fail(d.fail)
                            }).fail(d.fail);
                            return d
                        },
                        key: column.lookup.valueExpr,
                        byKey(key) {
                            const d = (0, _deferred.Deferred)();
                            this.load({
                                filter: [column.lookup.valueExpr, "=", key]
                            }).done(arr => {
                                d.resolve(arr[0])
                            });
                            return d.promise()
                        }
                    });
                    return lookupDataSource
                },
                logHeaderFilterDeprecatedWarningIfNeed(component) {
                    const logWarning = component._logDeprecatedOptionWarning.bind(component);
                    if ((0, _type.isDefined)(component.option("headerFilter.allowSearch"))) {
                        logWarning("headerFilter.allowSearch", {
                            since: "23.1",
                            alias: "headerFilter.search.enabled"
                        })
                    }
                    if ((0, _type.isDefined)(component.option("headerFilter.searchTimeout"))) {
                        logWarning("headerFilter.searchTimeout", {
                            since: "23.1",
                            alias: "headerFilter.search.timeout"
                        })
                    }
                    const specificName = "dxPivotGrid" === component.NAME ? "dataSource.fields" : "columns";
                    const columns = component.option(specificName);
                    if (!Array.isArray(columns)) {
                        return
                    }
                    const logSpecificDeprecatedWarningIfNeed = columns => {
                        columns.forEach(column => {
                            var _column$columns;
                            const headerFilter = column.headerFilter || {};
                            if ((0, _type.isDefined)(headerFilter.allowSearch)) {
                                logWarning(`${specificName}[].headerFilter.allowSearch`, {
                                    since: "23.1",
                                    alias: `${specificName}[].headerFilter.search.enabled`
                                })
                            }
                            if ((0, _type.isDefined)(headerFilter.searchMode)) {
                                logWarning(`${specificName}[].headerFilter.searchMode`, {
                                    since: "23.1",
                                    alias: `${specificName}[].headerFilter.search.mode`
                                })
                            }
                            if (null !== (_column$columns = column.columns) && void 0 !== _column$columns && _column$columns.length) {
                                logSpecificDeprecatedWarningIfNeed(column.columns)
                            }
                        })
                    };
                    logSpecificDeprecatedWarningIfNeed(columns)
                },
                getComponentBorderWidth(that, $rowsViewElement) {
                    const borderWidth = that.option("showBorders") ? Math.ceil((0, _size.getOuterWidth)($rowsViewElement) - (0, _size.getInnerWidth)($rowsViewElement)) : 0;
                    return borderWidth
                },
                isCustomCommandColumn(columns, commandColumn) {
                    const customCommandColumns = columns.filter(column => column.type === commandColumn.type);
                    return !!customCommandColumns.length
                },
                isEqualSelectors: _index.isEqualSelectors,
                isSelectorEqualWithCallback: _index.isSelectorEqualWithCallback,
                getColumnWidths: columns => columns.map(column => {
                    const width = column.visibleWidth || column.width;
                    return (0, _m_type.isNumeric)(width) ? parseFloat(width) : 50
                })
            }
        },
        99335(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _ui = (e = __webpack_require__( /*! ../../../ui/widget/ui.widget */ 11118), e && e.__esModule ? e : {
                default: e
            });
            var e;
            class GridCoreWidget extends _ui.default {
                _activeStateUnit() {
                    return ".dx-row"
                }
                _getDefaultOptions() {
                    const result = super._getDefaultOptions();
                    (0, _iterator.each)(this.getGridCoreHelper().modules, function() {
                        if ((0, _type.isFunction)(this.defaultOptions)) {
                            (0, _extend.extend)(true, result, this.defaultOptions())
                        }
                    });
                    return result
                }
                _init() {
                    super._init()
                }
                _setDeprecatedOptions() {
                    super._setDeprecatedOptions();
                    (0, _extend.extend)(this._deprecatedOptions, {
                        "columnChooser.allowSearch": {
                            since: "23.1",
                            message: 'Use the "columnChooser.search.enabled" option instead'
                        },
                        "columnChooser.searchTimeout": {
                            since: "23.1",
                            message: 'Use the "columnChooser.search.timeout" option instead'
                        }
                    })
                }
                _clean() {}
                _optionChanged(args) {
                    this.getGridCoreHelper().callModuleItemsMethod(this, "optionChanged", [args]);
                    if (!args.handled) {
                        super._optionChanged(args)
                    }
                }
                _dimensionChanged() {
                    this.updateDimensions(true)
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        this.updateDimensions()
                    }
                }
                _renderContentImpl() {
                    this.getView("gridView").update()
                }
                _renderContent() {
                    const that = this;
                    (0, _common.deferRender)(() => {
                        that._renderContentImpl()
                    })
                }
                _dispose() {
                    super._dispose();
                    this.getGridCoreHelper().callModuleItemsMethod(this, "dispose")
                }
                isReady() {
                    return this.getController("data").isReady()
                }
                getController(name) {
                    return this._controllers[name]
                }
                getView(name) {
                    return this._views[name]
                }
                getGridCoreHelper() {}
                beginUpdate() {
                    super.beginUpdate();
                    this.getGridCoreHelper().callModuleItemsMethod(this, "beginUpdate")
                }
                endUpdate() {
                    this.getGridCoreHelper().callModuleItemsMethod(this, "endUpdate");
                    super.endUpdate()
                }
            }
            exports.default = GridCoreWidget
        },
        9649(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CLASSES = void 0;
            exports.CLASSES = {
                detailRow: "dx-master-detail-row",
                detailCell: "dx-master-detail-cell",
                detailContainer: "master-detail-container",
                cellFocusDisabledClass: "dx-cell-focus-disabled",
                rowLines: "dx-row-lines"
            }
        },
        11052(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.masterDetailModule = exports.dataMasterDetailExtenderMixin = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _const = __webpack_require__( /*! ./const */ 9649);
            var _utils = __webpack_require__( /*! ./utils */ 90875);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const initMasterDetail = function(that) {
                that._expandedItems = [];
                that._isExpandAll = that.option("masterDetail.autoExpandAll")
            };
            const dataMasterDetailExtenderMixin = Base => class extends Base {
                init() {
                    initMasterDetail(this);
                    super.init()
                }
                expandAll(groupIndex) {
                    const that = this;
                    if (groupIndex < 0) {
                        that._isExpandAll = true;
                        that._expandedItems = [];
                        that.updateItems()
                    } else {
                        super.expandAll.apply(that, arguments)
                    }
                }
                collapseAll(groupIndex) {
                    const that = this;
                    if (groupIndex < 0) {
                        that._isExpandAll = false;
                        that._expandedItems = [];
                        that.updateItems()
                    } else {
                        super.collapseAll.apply(that, arguments)
                    }
                }
                isRowExpandedHack() {
                    return super.isRowExpanded.apply(this, arguments)
                }
                isRowExpanded(key) {
                    const that = this;
                    const expandIndex = _m_utils.default.getIndexByKey(key, that._expandedItems);
                    if (Array.isArray(key)) {
                        return super.isRowExpanded.apply(that, arguments)
                    }
                    return !!(that._isExpandAll ^ (expandIndex >= 0 && that._expandedItems[expandIndex].visible))
                }
                _getRowIndicesForExpand(key) {
                    const rowIndex = this.getRowIndexByKey(key);
                    return [rowIndex, rowIndex + 1]
                }
                _changeRowExpandCore(key) {
                    const that = this;
                    let result;
                    if (Array.isArray(key)) {
                        result = super._changeRowExpandCore.apply(that, arguments)
                    } else {
                        const expandIndex = _m_utils.default.getIndexByKey(key, that._expandedItems);
                        if (expandIndex >= 0) {
                            const {
                                visible: visible
                            } = that._expandedItems[expandIndex];
                            that._expandedItems[expandIndex].visible = !visible
                        } else {
                            that._expandedItems.push({
                                key: key,
                                visible: true
                            })
                        }
                        that.updateItems({
                            changeType: "update",
                            rowIndices: that._getRowIndicesForExpand(key)
                        });
                        that.resetCachedProcessedItems();
                        result = (new _deferred.Deferred).resolve()
                    }
                    return result
                }
                _processDataItemHack() {
                    return super._processDataItem.apply(this, arguments)
                }
                _processDataItem(data, options) {
                    const dataItem = super._processDataItem.apply(this, arguments);
                    dataItem.isExpanded = this.isRowExpanded(dataItem.key);
                    if (void 0 === options.detailColumnIndex) {
                        options.detailColumnIndex = -1;
                        (0, _iterator.each)(options.visibleColumns, (index, column) => {
                            if ("expand" === column.command && !(0, _type.isDefined)(column.groupIndex)) {
                                options.detailColumnIndex = index;
                                return false
                            }
                            return
                        })
                    }
                    if (options.detailColumnIndex >= 0) {
                        dataItem.values[options.detailColumnIndex] = dataItem.isExpanded
                    }
                    return dataItem
                }
                _processItemsHack() {
                    return super._processItems.apply(this, arguments)
                }
                _processItems(items, change) {
                    const that = this;
                    const {
                        changeType: changeType
                    } = change;
                    const result = [];
                    items = super._processItems.apply(that, arguments);
                    if ("loadingAll" === changeType) {
                        return items
                    }
                    if ("refresh" === changeType) {
                        that._expandedItems = (0, _common.grep)(that._expandedItems, item => item.visible)
                    }(0, _iterator.each)(items, (index, item) => {
                        result.push(item);
                        const expandIndex = _m_utils.default.getIndexByKey(item.key, that._expandedItems);
                        if ("data" === item.rowType && (item.isExpanded || expandIndex >= 0) && !item.isNewRow) {
                            result.push({
                                visible: item.isExpanded,
                                rowType: "detail",
                                key: item.key,
                                data: item.data,
                                values: []
                            })
                        }
                    });
                    return result
                }
                optionChanged(args) {
                    const that = this;
                    let isEnabledChanged;
                    let isAutoExpandAllChanged;
                    if ("masterDetail" === args.name) {
                        args.name = "dataSource";
                        switch (args.fullName) {
                            case "masterDetail": {
                                const value = args.value || {};
                                const previousValue = args.previousValue || {};
                                isEnabledChanged = value.enabled !== previousValue.enabled;
                                isAutoExpandAllChanged = value.autoExpandAll !== previousValue.autoExpandAll;
                                break
                            }
                            case "masterDetail.template":
                                initMasterDetail(that);
                                break;
                            case "masterDetail.enabled":
                                isEnabledChanged = true;
                                break;
                            case "masterDetail.autoExpandAll":
                                isAutoExpandAllChanged = true
                        }
                        if (isEnabledChanged || isAutoExpandAllChanged) {
                            initMasterDetail(that)
                        }
                    }
                    super.optionChanged(args)
                }
            };
            exports.dataMasterDetailExtenderMixin = dataMasterDetailExtenderMixin;
            exports.masterDetailModule = {
                defaultOptions: () => ({
                    masterDetail: {
                        enabled: false,
                        autoExpandAll: false,
                        template: null
                    }
                }),
                extenders: {
                    controllers: {
                        columns: Base => class extends Base {
                            _getExpandColumnsCore() {
                                const expandColumns = super._getExpandColumnsCore();
                                if (this.option("masterDetail.enabled")) {
                                    expandColumns.push({
                                        type: "detailExpand",
                                        cellTemplate: _m_utils.default.getExpandCellTemplate()
                                    })
                                }
                                return expandColumns
                            }
                        },
                        data: dataMasterDetailExtenderMixin,
                        resizing: Base => class extends Base {
                            fireContentReadyAction() {
                                super.fireContentReadyAction.apply(this, arguments);
                                this._updateParentDataGrids(this.component.$element())
                            }
                            _updateParentDataGrids($element) {
                                const $masterDetailRow = $element.closest(`.${_const.CLASSES.detailRow}`);
                                if ($masterDetailRow.length) {
                                    (0, _deferred.when)(this._updateMasterDataGrid($masterDetailRow, $element)).done(() => {
                                        this._updateParentDataGrids($masterDetailRow.parent())
                                    })
                                }
                            }
                            _updateMasterDataGrid($masterDetailRow, $detailElement) {
                                const masterRowOptions = (0, _renderer.default)($masterDetailRow).data("options");
                                const masterDataGrid = (0, _renderer.default)($masterDetailRow).closest(`.${this.getWidgetContainerClass()}`).parent().data("dxDataGrid");
                                if (masterRowOptions && masterDataGrid) {
                                    return this._updateMasterDataGridCore(masterDataGrid, masterRowOptions)
                                }
                                return
                            }
                            _updateMasterDataGridCore(masterDataGrid, masterRowOptions) {
                                var _masterDataGrid$getVi, _masterDataGrid$getVi2;
                                const d = (0, _deferred.Deferred)();
                                if (null !== (_masterDataGrid$getVi = masterDataGrid.getView("rowsView")) && void 0 !== _masterDataGrid$getVi && null !== (_masterDataGrid$getVi2 = _masterDataGrid$getVi.isFixedColumns) && void 0 !== _masterDataGrid$getVi2 && _masterDataGrid$getVi2.call(_masterDataGrid$getVi)) {
                                    this._updateFixedMasterDetailGrids(masterDataGrid, masterRowOptions.rowIndex, (0, _renderer.default)(masterRowOptions.rowElement)).done(d.resolve)
                                } else {
                                    if (true === masterDataGrid.option("scrolling.useNative")) {
                                        masterDataGrid.updateDimensions().done(() => d.resolve(true));
                                        return
                                    }
                                    const scrollable = masterDataGrid.getScrollable();
                                    if (scrollable) {
                                        null === scrollable || void 0 === scrollable || scrollable.update().done(() => d.resolve())
                                    } else {
                                        d.resolve()
                                    }
                                }
                                return d.promise()
                            }
                            _updateFixedMasterDetailGrids(masterDataGrid, masterRowIndex, $detailElement) {
                                const d = (0, _deferred.Deferred)();
                                const $rows = (0, _renderer.default)(masterDataGrid.getRowElement(masterRowIndex));
                                const $tables = (0, _renderer.default)(masterDataGrid.getView("rowsView").getTableElements());
                                const rowsNotEqual = 2 === (null === $rows || void 0 === $rows ? void 0 : $rows.length) && (0, _size.getHeight)($rows.eq(0)) !== (0, _size.getHeight)($rows.eq(1));
                                const tablesNotEqual = 2 === (null === $tables || void 0 === $tables ? void 0 : $tables.length) && (0, _size.getHeight)($tables.eq(0)) !== (0, _size.getHeight)($tables.eq(1));
                                if (rowsNotEqual || tablesNotEqual) {
                                    const detailElementWidth = (0, _size.getWidth)($detailElement);
                                    masterDataGrid.updateDimensions().done(() => {
                                        const isDetailHorizontalScrollCanBeShown = this.option("columnAutoWidth") && true === masterDataGrid.option("scrolling.useNative");
                                        const isDetailGridWidthChanged = isDetailHorizontalScrollCanBeShown && detailElementWidth !== (0, _size.getWidth)($detailElement);
                                        if (isDetailHorizontalScrollCanBeShown && isDetailGridWidthChanged) {
                                            this.updateDimensions().done(() => d.resolve(true))
                                        } else {
                                            d.resolve(true)
                                        }
                                    });
                                    return d.promise()
                                }
                                return (0, _deferred.Deferred)().resolve()
                            }
                            _toggleBestFitMode(isBestFit) {
                                super._toggleBestFitMode.apply(this, arguments);
                                const hasMasterDetailTemplate = this.option("masterDetail.template");
                                if (!hasMasterDetailTemplate) {
                                    return
                                }
                                const $rowsTable = this._rowsView.getTableElement();
                                if ($rowsTable) {
                                    const detailSelector = `.${this.addWidgetPrefix(_const.CLASSES.detailContainer)}, .${_const.CLASSES.detailCell}`;
                                    $rowsTable.find(detailSelector).css("maxWidth", isBestFit ? 0 : "")
                                }
                            }
                        }
                    },
                    views: {
                        rowsView: Base => class extends Base {
                            _getCellTemplate(options) {
                                const that = this;
                                const {
                                    column: column
                                } = options;
                                const editingController = this._editingController;
                                const isEditRow = editingController && editingController.isEditRow(options.rowIndex);
                                let template;
                                if ("detail" === column.command && !isEditRow) {
                                    template = that.option("masterDetail.template") || {
                                        allowRenderToDetachedContainer: false,
                                        render: that._getDefaultTemplate(column)
                                    }
                                } else {
                                    template = super._getCellTemplate.apply(that, arguments)
                                }
                                return template
                            }
                            _createRow(row) {
                                const $row = super._createRow.apply(this, arguments);
                                const isDetailRowResult = (0, _utils.isDetailRow)(row);
                                if (isDetailRowResult) {
                                    const showRowLines = this.option("showRowLines");
                                    $row.addClass(_const.CLASSES.detailRow).toggleClass(_const.CLASSES.rowLines, showRowLines);
                                    if ((0, _type.isDefined)(row.visible)) {
                                        $row.toggle(row.visible)
                                    }
                                }
                                return $row
                            }
                            _renderCells($row, options) {
                                const {
                                    row: row
                                } = options;
                                const isDetailRowResult = (0, _utils.isDetailRow)(row);
                                if (isDetailRowResult) {
                                    if (this._needRenderCell(0, options.columnIndices)) {
                                        this._renderMasterDetailCell($row, row, options)
                                    }
                                } else {
                                    super._renderCells.apply(this, arguments)
                                }
                            }
                            _renderMasterDetailCell($row, row, options) {
                                const visibleColumns = this._columnsController.getVisibleColumns();
                                const $detailCell = this._renderCell($row, {
                                    value: null,
                                    row: row,
                                    rowIndex: row.rowIndex,
                                    column: {
                                        command: "detail"
                                    },
                                    columnIndex: 0,
                                    change: options.change
                                });
                                $detailCell.addClass(_const.CLASSES.cellFocusDisabledClass).addClass(_const.CLASSES.detailCell).attr("colSpan", visibleColumns.length);
                                const isEditForm = row.isEditing;
                                if (!isEditForm) {
                                    this.setAria("roledescription", _message.default.format("dxDataGrid-masterDetail"), $detailCell)
                                }
                                return $detailCell
                            }
                        }
                    }
                }
            }
        },
        90875(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.isDetailRow = function(row) {
                const rowType = null === row || void 0 === row ? void 0 : row.rowType;
                return "detail" === rowType || "detailAdaptive" === rowType
            }
        },
        66040(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.pagerModule = exports.PagerView = exports.MAX_PAGES_COUNT = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _pagination = _interopRequireDefault(__webpack_require__( /*! ../../../pagination/wrappers/pagination */ 76988));
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const MAX_PAGES_COUNT = exports.MAX_PAGES_COUNT = 10;
            const getPageIndex = function(dataController) {
                return 1 + (parseInt(dataController.pageIndex()) || 0)
            };
            class PagerView extends _m_modules.default.View {
                init() {
                    const dataController = this.getController("data");
                    dataController.changed.add(e => {
                        if (e && e.repaintChangesOnly) {
                            const pager = this._pager;
                            if (pager) {
                                pager.option({
                                    pageIndex: getPageIndex(dataController),
                                    pageSize: dataController.pageSize(),
                                    pageCount: dataController.pageCount(),
                                    itemCount: dataController.totalCount(),
                                    hasKnownLastPage: dataController.hasKnownLastPage()
                                })
                            } else {
                                this.render()
                            }
                        } else if (!e || "update" !== e.changeType && "updateSelection" !== e.changeType && "updateFocusedRow" !== e.changeType) {
                            this._pager = null;
                            this.render()
                        }
                    })
                }
                dispose() {
                    this._pager = null
                }
                optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    const isPager = "pager" === name;
                    const isPaging = "paging" === name;
                    const isDataSource = "dataSource" === name;
                    const isScrolling = "scrolling" === name;
                    const dataController = this.getController("data");
                    if (isPager || isPaging || isScrolling || isDataSource) {
                        args.handled = true;
                        if (dataController.skipProcessingPagingChange(args.fullName)) {
                            return
                        }
                        if (isPager || isPaging) {
                            this._pageSizes = null
                        }
                        if (!isDataSource) {
                            this._pager = null;
                            this._invalidate();
                            if ((0, _window.hasWindow)() && isPager && this.component) {
                                this.component.resize()
                            }
                        }
                    }
                }
                _renderCore() {
                    const that = this;
                    const $element = that.element().addClass(that.addWidgetPrefix("pager"));
                    const pagerOptions = that.option("pager") ?? {};
                    const dataController = that.getController("data");
                    const keyboardController = that.getController("keyboardNavigation");
                    const options = {
                        maxPagesCount: MAX_PAGES_COUNT,
                        pageIndex: getPageIndex(dataController),
                        pageCount: dataController.pageCount(),
                        pageSize: dataController.pageSize(),
                        showPageSizeSelector: pagerOptions.showPageSizeSelector,
                        showInfo: pagerOptions.showInfo,
                        displayMode: pagerOptions.displayMode,
                        pagesNavigatorVisible: pagerOptions.visible,
                        showNavigationButtons: pagerOptions.showNavigationButtons,
                        label: pagerOptions.label,
                        allowedPageSizes: that.getPageSizes(),
                        itemCount: dataController.totalCount(),
                        hasKnownLastPage: dataController.hasKnownLastPage(),
                        rtlEnabled: that.option("rtlEnabled"),
                        isGridCompatibilityMode: true,
                        _getParentComponentRootNode: () => this.component.element(),
                        _skipValidation: true,
                        pageIndexChanged(pageIndex) {
                            if (dataController.pageIndex() !== pageIndex - 1) {
                                dataController.pageIndex(pageIndex - 1)
                            }
                        },
                        pageSizeChanged(pageSize) {
                            dataController.pageSize(pageSize)
                        },
                        onKeyDown: e => keyboardController && keyboardController.executeAction("onKeyDown", e)
                    };
                    if ((0, _type.isDefined)(pagerOptions.infoText)) {
                        options.infoText = pagerOptions.infoText
                    }
                    if (this._pager) {
                        this._pager.repaint();
                        return
                    }
                    if ((0, _window.hasWindow)()) {
                        this._pager = that._createComponent($element, _pagination.default, options)
                    } else {
                        $element.addClass("dx-pager").html('<div class="dx-pages"><div class="dx-page"></div></div>')
                    }
                }
                getPager() {
                    return this._pager
                }
                getPageSizes() {
                    const that = this;
                    const dataController = that.getController("data");
                    const pagerOptions = that.option("pager");
                    const allowedPageSizes = pagerOptions && pagerOptions.allowedPageSizes;
                    const pageSize = dataController.pageSize();
                    if (!(0, _type.isDefined)(that._pageSizes) || !that._pageSizes.includes(pageSize)) {
                        that._pageSizes = [];
                        if (pagerOptions) {
                            if (Array.isArray(allowedPageSizes)) {
                                that._pageSizes = allowedPageSizes
                            } else if (allowedPageSizes && pageSize > 1) {
                                that._pageSizes = [Math.floor(pageSize / 2), pageSize, 2 * pageSize]
                            }
                        }
                    }
                    return that._pageSizes
                }
                isVisible() {
                    const dataController = this.getController("data");
                    const pagerOptions = this.option("pager");
                    let pagerVisible = pagerOptions && pagerOptions.visible;
                    const scrolling = this.option("scrolling");
                    if ("auto" === pagerVisible) {
                        if (scrolling && ("virtual" === scrolling.mode || "infinite" === scrolling.mode)) {
                            pagerVisible = false
                        } else {
                            pagerVisible = dataController.pageCount() > 1 || dataController.isLoaded() && !dataController.hasKnownLastPage()
                        }
                    }
                    return !!pagerVisible
                }
                getHeight() {
                    return this.getElementHeight()
                }
            }
            exports.PagerView = PagerView;
            exports.pagerModule = {
                defaultOptions: () => ({
                    pager: {
                        visible: "auto",
                        showPageSizeSelector: false,
                        allowedPageSizes: "auto",
                        label: _message.default.format("dxPager-ariaLabel")
                    }
                }),
                views: {
                    pagerView: PagerView
                }
            }
        },
        88199(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CLASSES = exports.ATTRIBUTES = void 0;
            exports.ATTRIBUTES = {
                dragCell: "dx-drag-cell"
            };
            exports.CLASSES = {
                cellFocusDisabled: "dx-cell-focus-disabled",
                handleIcon: "drag-icon",
                commandDrag: "dx-command-drag",
                sortableWithoutHandle: "dx-sortable-without-handle",
                rowsView: "rowsview",
                dragView: "dragview"
            }
        },
        84700(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GridCoreRowDraggingDom = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _const = __webpack_require__( /*! ./const */ 88199);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.GridCoreRowDraggingDom = {
                createHandleTemplateFunc: addWidgetPrefix => (container, options) => {
                    const $container = (0, _renderer.default)(container);
                    if ("data" === options.rowType) {
                        $container.addClass(_const.CLASSES.cellFocusDisabled);
                        return (0, _renderer.default)("<span>").addClass(addWidgetPrefix(_const.CLASSES.handleIcon))
                    }
                    _m_utils.default.setEmptyText($container);
                    return
                }
            }
        },
        52714(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.rowDraggingModule = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../../core/../core/utils/extend */ 52576);
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _sortable = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/sortable */ 95305));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _const = __webpack_require__( /*! ./const */ 88199);
            var _dom = __webpack_require__( /*! ./dom */ 84700);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.rowDraggingModule = {
                defaultOptions: () => ({
                    rowDragging: {
                        showDragIcons: true,
                        dropFeedbackMode: "indicate",
                        allowReordering: false,
                        allowDropInsideItem: false
                    }
                }),
                extenders: {
                    views: {
                        rowsView: Base => class extends Base {
                            init() {
                                super.init.apply(this, arguments);
                                this._updateHandleColumn()
                            }
                            optionChanged(args) {
                                if ("rowDragging" === args.name) {
                                    this._updateHandleColumn();
                                    this._invalidate(true, true);
                                    args.handled = true
                                }
                                super.optionChanged.apply(this, arguments)
                            }
                            _allowReordering() {
                                const rowDragging = this.option("rowDragging");
                                return !!(rowDragging && (rowDragging.allowReordering || rowDragging.allowDropInsideItem || rowDragging.group))
                            }
                            _updateHandleColumn() {
                                const rowDragging = this.option("rowDragging");
                                const allowReordering = this._allowReordering();
                                const columnsController = this._columnsController;
                                const isHandleColumnVisible = allowReordering && rowDragging.showDragIcons;
                                null === columnsController || void 0 === columnsController || columnsController.addCommandColumn({
                                    type: "drag",
                                    command: "drag",
                                    visibleIndex: -2,
                                    alignment: "center",
                                    elementAttr: [{
                                        name: _const.ATTRIBUTES.dragCell,
                                        value: ""
                                    }],
                                    cssClass: _const.CLASSES.commandDrag,
                                    width: "auto",
                                    cellTemplate: this._getHandleTemplate(),
                                    visible: isHandleColumnVisible
                                });
                                null === columnsController || void 0 === columnsController || columnsController.columnOption("type:drag", "visible", isHandleColumnVisible)
                            }
                            _renderContent() {
                                const rowDragging = this.option("rowDragging");
                                const allowReordering = this._allowReordering();
                                const $content = super._renderContent.apply(this, arguments);
                                const isFixedTableRendering = this._isFixedTableRendering;
                                const currentSortableName = isFixedTableRendering ? "_sortableFixed" : "_sortable";
                                const anotherSortableName = isFixedTableRendering ? "_sortable" : "_sortableFixed";
                                const togglePointerEventsStyle = toggle => {
                                    var _this$sortableFixedNa;
                                    null === (_this$sortableFixedNa = this._sortableFixed) || void 0 === _this$sortableFixedNa || _this$sortableFixedNa.$element().css("pointerEvents", toggle ? "auto" : "")
                                };
                                const rowSelector = ".dx-row:not(.dx-freespace-row):not(.dx-virtual-row):not(.dx-header-row):not(.dx-footer-row)";
                                const filter = this.option("dataRowTemplate") ? `> table > tbody${rowSelector}` : `> table > tbody > ${rowSelector}`;
                                if ((allowReordering || this[currentSortableName]) && $content.length) {
                                    this[currentSortableName] = this._createComponent($content, _sortable.default, (0, _extend.extend)({
                                        component: this.component,
                                        contentTemplate: null,
                                        filter: filter,
                                        cursorOffset: options => {
                                            const {
                                                event: event
                                            } = options;
                                            const rowsViewOffset = (0, _renderer.default)(this.element()).offset();
                                            return {
                                                x: event.pageX - rowsViewOffset.left
                                            }
                                        },
                                        onDraggableElementShown: e => {
                                            if (rowDragging.dragTemplate) {
                                                return
                                            }
                                            const $dragElement = (0, _renderer.default)(e.dragElement);
                                            const gridInstance = $dragElement.children(".dx-widget").data(this.component.NAME);
                                            this._synchronizeScrollLeftPosition(gridInstance)
                                        },
                                        dragTemplate: this._getDraggableRowTemplate(),
                                        handle: rowDragging.showDragIcons && `.${_const.CLASSES.commandDrag}`,
                                        dropFeedbackMode: "indicate"
                                    }, rowDragging, {
                                        onDragStart: e => {
                                            var _this$getController, _rowDragging$onDragSt;
                                            null === (_this$getController = this.getController("keyboardNavigation")) || void 0 === _this$getController || _this$getController._resetFocusedCell();
                                            const row = e.component.getVisibleRows()[e.fromIndex];
                                            e.itemData = null === row || void 0 === row ? void 0 : row.data;
                                            const isDataRow = row && "data" === row.rowType;
                                            e.cancel = !allowReordering || !isDataRow;
                                            null === (_rowDragging$onDragSt = rowDragging.onDragStart) || void 0 === _rowDragging$onDragSt || _rowDragging$onDragSt.call(rowDragging, e)
                                        },
                                        onDragEnter: e => {
                                            if (e.fromComponent !== e.toComponent) {
                                                togglePointerEventsStyle(true)
                                            }
                                        },
                                        onDragLeave: () => {
                                            togglePointerEventsStyle(false)
                                        },
                                        onDragEnd: e => {
                                            var _rowDragging$onDragEn;
                                            togglePointerEventsStyle(false);
                                            null === (_rowDragging$onDragEn = rowDragging.onDragEnd) || void 0 === _rowDragging$onDragEn || _rowDragging$onDragEn.call(rowDragging, e)
                                        },
                                        onAdd: e => {
                                            var _rowDragging$onAdd;
                                            togglePointerEventsStyle(false);
                                            null === (_rowDragging$onAdd = rowDragging.onAdd) || void 0 === _rowDragging$onAdd || _rowDragging$onAdd.call(rowDragging, e)
                                        },
                                        dropFeedbackMode: rowDragging.dropFeedbackMode,
                                        onOptionChanged: e => {
                                            const hasFixedSortable = this._sortableFixed;
                                            if (hasFixedSortable) {
                                                if ("fromIndex" === e.name || "toIndex" === e.name) {
                                                    this[anotherSortableName].option(e.name, e.value)
                                                }
                                            }
                                        }
                                    }));
                                    $content.toggleClass("dx-scrollable-container", isFixedTableRendering);
                                    $content.toggleClass(_const.CLASSES.sortableWithoutHandle, allowReordering && !rowDragging.showDragIcons)
                                }
                                return $content
                            }
                            _renderCore(e) {
                                super._renderCore.apply(this, arguments);
                                if (e && "update" === e.changeType && e.repaintChangesOnly && _m_utils.default.isVirtualRowRendering(this)) {
                                    (0, _common.deferUpdate)(() => {
                                        this._updateSortable()
                                    })
                                }
                            }
                            _updateSortable() {
                                const offset = this._dataController.getRowIndexOffset();
                                const offsetDiff = offset - this._previousOffset;
                                [this._sortable, this._sortableFixed].forEach(sortable => {
                                    const toIndex = null === sortable || void 0 === sortable ? void 0 : sortable.option("toIndex");
                                    if ((0, _type.isDefined)(toIndex) && (0, _type.isDefined)(this._previousOffset)) {
                                        null === sortable || void 0 === sortable || sortable.option("toIndex", toIndex - offsetDiff)
                                    }
                                    null === sortable || void 0 === sortable || sortable.option("offset", offset);
                                    null === sortable || void 0 === sortable || sortable.update()
                                });
                                this._previousOffset = offset
                            }
                            _resizeCore() {
                                super._resizeCore.apply(this, arguments);
                                this._updateSortable()
                            }
                            _getDraggableGridOptions(options) {
                                const gridOptions = this.option();
                                const columns = this.getColumns();
                                const $rowElement = (0, _renderer.default)(this.getRowElement(options.rowIndex));
                                return {
                                    dataSource: [{
                                        id: 1,
                                        parentId: 0
                                    }],
                                    showBorders: true,
                                    showColumnHeaders: false,
                                    scrolling: {
                                        useNative: false,
                                        showScrollbar: "never"
                                    },
                                    pager: {
                                        visible: false
                                    },
                                    loadingTimeout: null,
                                    columnFixing: gridOptions.columnFixing,
                                    columnAutoWidth: gridOptions.columnAutoWidth,
                                    showColumnLines: gridOptions.showColumnLines,
                                    columns: columns.map(column => ({
                                        width: column.width || column.visibleWidth,
                                        fixed: column.fixed,
                                        fixedPosition: column.fixedPosition
                                    })),
                                    isDragging: true,
                                    onRowPrepared: e => {
                                        const rowsView = e.component.getView("rowsView");
                                        (0, _renderer.default)(e.rowElement).replaceWith($rowElement.eq(rowsView._isFixedTableRendering ? 1 : 0).clone())
                                    }
                                }
                            }
                            _synchronizeScrollLeftPosition(gridInstance) {
                                const scrollable = null === gridInstance || void 0 === gridInstance ? void 0 : gridInstance.getScrollable();
                                null === scrollable || void 0 === scrollable || scrollable.scrollTo({
                                    x: this._scrollLeft
                                })
                            }
                            _getDraggableRowTemplate() {
                                return options => {
                                    const $rootElement = this.component.$element();
                                    const $dataGridContainer = (0, _renderer.default)("<div>");
                                    (0, _size.setWidth)($dataGridContainer, (0, _size.getWidth)($rootElement));
                                    const items = this._dataController.items();
                                    const row = items && items[options.fromIndex];
                                    const gridOptions = this._getDraggableGridOptions(row);
                                    this._createComponent($dataGridContainer, this.component.NAME, gridOptions);
                                    $dataGridContainer.find(".dx-gridbase-container").children(`:not(.${this.addWidgetPrefix(_const.CLASSES.rowsView)})`).hide();
                                    $dataGridContainer.addClass(this.addWidgetPrefix(_const.CLASSES.dragView));
                                    return $dataGridContainer
                                }
                            }
                            _getHandleTemplate() {
                                return _dom.GridCoreRowDraggingDom.createHandleTemplateFunc(string => this.addWidgetPrefix(string))
                            }
                        }
                    }
                }
            }
        },
        7370(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.searchModule = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _query = _interopRequireDefault(__webpack_require__( /*! ../../../../common/data/query */ 30771));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _data = __webpack_require__( /*! ../../../../core/utils/data */ 31e3);
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }

            function allowSearch(column) {
                return !!(column.allowSearch ?? column.allowFiltering)
            }

            function parseValue(column, text) {
                const {
                    lookup: lookup
                } = column;
                if (!column.parseValue) {
                    return text
                }
                if (lookup) {
                    return column.parseValue.call(lookup, text)
                }
                return column.parseValue(text)
            }
            exports.searchModule = {
                defaultOptions: () => ({
                    searchPanel: {
                        visible: false,
                        width: 160,
                        placeholder: _message.default.format("dxDataGrid-searchPanelPlaceholder"),
                        highlightSearchText: true,
                        highlightCaseSensitive: false,
                        text: "",
                        searchVisibleColumnsOnly: false
                    }
                }),
                extenders: {
                    controllers: {
                        data: base => class extends base {
                            optionChanged(args) {
                                switch (args.fullName) {
                                    case "searchPanel.text":
                                    case "searchPanel":
                                        this._applyFilter();
                                        args.handled = true;
                                        break;
                                    default:
                                        super.optionChanged(args)
                                }
                            }
                            publicMethods() {
                                return super.publicMethods().concat(["searchByText"])
                            }
                            _calculateAdditionalFilter() {
                                var _this$_dataController, _this$_dataController2, _dataSource$loadOptio;
                                const dataSource = null === (_this$_dataController = this._dataController) || void 0 === _this$_dataController || null === (_this$_dataController2 = _this$_dataController.getDataSource) || void 0 === _this$_dataController2 ? void 0 : _this$_dataController2.call(_this$_dataController);
                                const langParams = null === dataSource || void 0 === dataSource || null === (_dataSource$loadOptio = dataSource.loadOptions) || void 0 === _dataSource$loadOptio || null === (_dataSource$loadOptio = _dataSource$loadOptio.call(dataSource)) || void 0 === _dataSource$loadOptio ? void 0 : _dataSource$loadOptio.langParams;
                                const filter = super._calculateAdditionalFilter();
                                const searchFilter = this.calculateSearchFilter(this.option("searchPanel.text"), langParams);
                                return _m_utils.default.combineFilters([filter, searchFilter])
                            }
                            searchByText(text) {
                                this.option("searchPanel.text", text)
                            }
                            calculateSearchFilter(text, langParams) {
                                let column;
                                const columns = this._columnsController.getColumns();
                                const searchVisibleColumnsOnly = this.option("searchPanel.searchVisibleColumnsOnly");
                                let lookup;
                                const filters = [];
                                if (!text) {
                                    return null
                                }

                                function onQueryDone(items) {
                                    const valueGetter = (0, _data.compileGetter)(lookup.valueExpr);
                                    for (let i = 0; i < items.length; i++) {
                                        const value = valueGetter(items[i]);
                                        filters.push(column.createFilterExpression(value, null, "search"))
                                    }
                                }
                                for (let i = 0; i < columns.length; i++) {
                                    column = columns[i];
                                    if (searchVisibleColumnsOnly && !column.visible) {
                                        continue
                                    }
                                    if (allowSearch(column) && column.calculateFilterExpression) {
                                        var _lookup;
                                        lookup = column.lookup;
                                        const filterValue = parseValue(column, text);
                                        if (null !== (_lookup = lookup) && void 0 !== _lookup && _lookup.items) {
                                            (0, _query.default)(lookup.items, {
                                                langParams: langParams
                                            }).filter(column.createFilterExpression.call({
                                                dataField: lookup.displayExpr,
                                                dataType: lookup.dataType,
                                                calculateFilterExpression: column.calculateFilterExpression
                                            }, filterValue, null, "search")).enumerate().done(onQueryDone)
                                        } else if (void 0 !== filterValue) {
                                            filters.push(column.createFilterExpression(filterValue, null, "search"))
                                        }
                                    }
                                }
                                if (0 === filters.length) {
                                    return ["!"]
                                }
                                return _m_utils.default.combineFilters(filters, "or")
                            }
                        }
                    },
                    views: {
                        headerPanel: Base => class extends Base {
                            optionChanged(args) {
                                if ("searchPanel" === args.name) {
                                    if ("searchPanel.text" === args.fullName) {
                                        const editor = this.getSearchTextEditor();
                                        if (editor) {
                                            editor.option("value", args.value)
                                        }
                                    } else {
                                        this._invalidate()
                                    }
                                    args.handled = true
                                } else {
                                    super.optionChanged(args)
                                }
                            }
                            _getToolbarItems() {
                                const items = super._getToolbarItems();
                                return this._prepareSearchItem(items)
                            }
                            _prepareSearchItem(items) {
                                const that = this;
                                const dataController = this._dataController;
                                const searchPanelOptions = this.option("searchPanel");
                                if (searchPanelOptions && searchPanelOptions.visible) {
                                    const toolbarItem = {
                                        template(data, index, container) {
                                            const $search = (0, _renderer.default)("<div>").addClass(that.addWidgetPrefix("search-panel")).appendTo(container);
                                            that._editorFactoryController.createEditor($search, {
                                                width: searchPanelOptions.width,
                                                placeholder: searchPanelOptions.placeholder,
                                                parentType: "searchPanel",
                                                value: that.option("searchPanel.text"),
                                                updateValueTimeout: 700,
                                                setValue(value) {
                                                    dataController.searchByText(value)
                                                },
                                                editorOptions: {
                                                    inputAttr: {
                                                        "aria-label": _message.default.format(`${that.component.NAME}-ariaSearchInGrid`)
                                                    }
                                                }
                                            });
                                            that.resize()
                                        },
                                        name: "searchPanel",
                                        location: "after",
                                        locateInMenu: "never",
                                        sortIndex: 40
                                    };
                                    items.push(toolbarItem)
                                }
                                return items
                            }
                            getSearchTextEditor() {
                                const that = this;
                                const $element = that.element();
                                const $searchPanel = $element.find(`.${that.addWidgetPrefix("search-panel")}`).filter(function() {
                                    return (0, _renderer.default)(this).closest(`.${that.addWidgetPrefix("header-panel")}`).is($element)
                                });
                                if ($searchPanel.length) {
                                    return $searchPanel.dxTextBox("instance")
                                }
                                return null
                            }
                        },
                        rowsView: Base => class extends Base {
                            init() {
                                super.init.apply(this, arguments);
                                this._searchParams = [];
                                this._dataController = this.getController("data")
                            }
                            dispose() {
                                clearTimeout(this._highlightTimer);
                                super.dispose()
                            }
                            _getFormattedSearchText(column, searchText) {
                                const value = parseValue(column, searchText);
                                const formatOptions = _m_utils.default.getFormatOptionsByColumn(column, "search");
                                return _m_utils.default.formatValue(value, formatOptions)
                            }
                            _getStringNormalizer() {
                                var _this$_dataController3, _this$_dataController4, _dataSource$loadOptio2;
                                const isCaseSensitive = this.option("searchPanel.highlightCaseSensitive");
                                const dataSource = null === (_this$_dataController3 = this._dataController) || void 0 === _this$_dataController3 || null === (_this$_dataController4 = _this$_dataController3.getDataSource) || void 0 === _this$_dataController4 ? void 0 : _this$_dataController4.call(_this$_dataController3);
                                const langParams = null === dataSource || void 0 === dataSource || null === (_dataSource$loadOptio2 = dataSource.loadOptions) || void 0 === _dataSource$loadOptio2 || null === (_dataSource$loadOptio2 = _dataSource$loadOptio2.call(dataSource)) || void 0 === _dataSource$loadOptio2 ? void 0 : _dataSource$loadOptio2.langParams;
                                return str => (0, _data.toComparable)(str, isCaseSensitive, langParams)
                            }
                            _findHighlightingTextNodes(column, cellElement, searchText) {
                                var _$items;
                                const that = this;
                                let $parent = cellElement.parent();
                                let $items;
                                const stringNormalizer = this._getStringNormalizer();
                                const normalizedSearchText = stringNormalizer(searchText);
                                const resultTextNodes = [];
                                if (!$parent.length) {
                                    $parent = (0, _renderer.default)("<div>").append(cellElement)
                                } else if (column) {
                                    if (column.groupIndex >= 0 && !column.showWhenGrouped) {
                                        $items = cellElement
                                    } else {
                                        const columnIndex = that._columnsController.getVisibleIndex(column.index);
                                        $items = $parent.children("td").eq(columnIndex).find("*")
                                    }
                                }
                                $items = null !== (_$items = $items) && void 0 !== _$items && _$items.length ? $items : $parent.find("*");
                                $items.each((_, element) => {
                                    const $contents = (0, _renderer.default)(element).contents();
                                    for (let i = 0; i < $contents.length; i++) {
                                        const node = $contents.get(i);
                                        if (3 === node.nodeType) {
                                            const normalizedText = stringNormalizer(node.textContent ?? node.nodeValue ?? "");
                                            if (normalizedText.includes(normalizedSearchText)) {
                                                resultTextNodes.push(node)
                                            }
                                        }
                                    }
                                });
                                return resultTextNodes
                            }
                            _highlightSearchTextCore($textNode, searchText) {
                                const that = this;
                                const $searchTextSpan = (0, _renderer.default)("<span>").addClass(that.addWidgetPrefix("search-text"));
                                const text = $textNode.text();
                                const firstContentElement = $textNode[0];
                                const stringNormalizer = this._getStringNormalizer();
                                const index = stringNormalizer(text).indexOf(stringNormalizer(searchText));
                                if (index >= 0) {
                                    if (firstContentElement.textContent) {
                                        firstContentElement.textContent = text.substr(0, index)
                                    } else {
                                        firstContentElement.nodeValue = text.substr(0, index)
                                    }
                                    $textNode.after($searchTextSpan.text(text.substr(index, searchText.length)));
                                    $textNode = (0, _renderer.default)(_dom_adapter.default.createTextNode(text.substr(index + searchText.length))).insertAfter($searchTextSpan);
                                    return that._highlightSearchTextCore($textNode, searchText)
                                }
                            }
                            _highlightSearchText(cellElement, isEquals, column) {
                                const that = this;
                                const stringNormalizer = this._getStringNormalizer();
                                let searchText = that.option("searchPanel.text");
                                if (isEquals && column) {
                                    searchText = searchText && that._getFormattedSearchText(column, searchText)
                                }
                                if (searchText && that.option("searchPanel.highlightSearchText")) {
                                    const textNodes = that._findHighlightingTextNodes(column, cellElement, searchText);
                                    textNodes.forEach(textNode => {
                                        if (isEquals) {
                                            if (stringNormalizer((0, _renderer.default)(textNode).text()) === stringNormalizer(searchText ?? "")) {
                                                (0, _renderer.default)(textNode).replaceWith((0, _renderer.default)("<span>").addClass(that.addWidgetPrefix("search-text")).text((0, _renderer.default)(textNode).text()))
                                            }
                                        } else {
                                            that._highlightSearchTextCore((0, _renderer.default)(textNode), searchText)
                                        }
                                    })
                                }
                            }
                            _renderCore() {
                                const deferred = super._renderCore.apply(this, arguments);
                                if (this.option().rowTemplate || this.option("dataRowTemplate")) {
                                    if (this.option("templatesRenderAsynchronously")) {
                                        clearTimeout(this._highlightTimer);
                                        this._highlightTimer = setTimeout(() => {
                                            this._highlightSearchText(this.getTableElement())
                                        })
                                    } else {
                                        this._highlightSearchText(this.getTableElement())
                                    }
                                }
                                return deferred
                            }
                            _updateCell($cell, parameters) {
                                const {
                                    column: column
                                } = parameters;
                                const dataType = column.lookup && column.lookup.dataType || column.dataType;
                                const isEquals = "string" !== dataType;
                                if (allowSearch(column) && !parameters.isOnForm) {
                                    if (this.option("templatesRenderAsynchronously")) {
                                        if (!this._searchParams.length) {
                                            clearTimeout(this._highlightTimer);
                                            this._highlightTimer = setTimeout(() => {
                                                this._searchParams.forEach(params => {
                                                    this._highlightSearchText.apply(this, params)
                                                });
                                                this._searchParams = []
                                            })
                                        }
                                        this._searchParams.push([$cell, isEquals, column])
                                    } else {
                                        this._highlightSearchText($cell, isEquals, column)
                                    }
                                }
                                super._updateCell($cell, parameters)
                            }
                        }
                    }
                }
            }
        },
        1620(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.selectionModule = exports.rowsViewSelectionExtenderMixin = exports.dataSelectionExtenderMixin = exports.columnHeadersSelectionExtenderMixin = exports.SelectionController = void 0;
            var _click = __webpack_require__( /*! ../../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _hold = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/hold */ 68095));
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _array_utils = __webpack_require__( /*! ../../../../common/data/array_utils */ 43792);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/widget/ui.errors */ 35185));
            var _m_support = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/m_support */ 85991));
            var _selection = _interopRequireDefault(__webpack_require__( /*! ../../../ui/selection/selection */ 80876));
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const SHOW_CHECKBOXES_MODE = "selection.showCheckBoxesMode";
            const processLongTap = function(that, dxEvent) {
                const rowsView = that.getView("rowsView");
                const selectionController = that.getController("selection");
                const $row = (0, _renderer.default)(dxEvent.target).closest(".dx-data-row");
                const rowIndex = rowsView.getRowIndex($row);
                if (rowIndex < 0) {
                    return
                }
                if ("onLongTap" === that.option(SHOW_CHECKBOXES_MODE)) {
                    if (selectionController.isSelectionWithCheckboxes()) {
                        selectionController.stopSelectionWithCheckboxes()
                    } else {
                        selectionController.startSelectionWithCheckboxes()
                    }
                } else {
                    if ("onClick" === that.option(SHOW_CHECKBOXES_MODE)) {
                        selectionController.startSelectionWithCheckboxes()
                    }
                    if ("always" !== that.option(SHOW_CHECKBOXES_MODE)) {
                        selectionController.changeItemSelection(rowIndex, {
                            control: true
                        })
                    }
                }
            };
            const selectionCellTemplate = (container, options) => {
                const {
                    component: component
                } = options;
                const rowsView = component.getView("rowsView");
                if (component.option("renderAsync") && !component.option("selection.deferred")) {
                    options.value = component.isRowSelected(options.row.key)
                }
                rowsView.renderSelectCheckBoxContainer((0, _renderer.default)(container), options)
            };
            const selectionHeaderTemplate = (container, options) => {
                const {
                    column: column
                } = options;
                const $cellElement = (0, _renderer.default)(container);
                const columnHeadersView = options.component.getView("columnHeadersView");
                $cellElement.addClass("dx-editor-cell");
                columnHeadersView._renderSelectAllCheckBox($cellElement, column);
                columnHeadersView._attachSelectAllCheckBoxClickEvent($cellElement)
            };
            class SelectionController extends _m_modules.default.Controller {
                init() {
                    const {
                        deferred: deferred,
                        selectAllMode: selectAllMode,
                        mode: mode
                    } = this.option("selection") ?? {};
                    if ("infinite" === this.option("scrolling.mode") && !deferred && "multiple" === mode && "allPages" === selectAllMode) {
                        _ui.default.log("W1018")
                    }
                    this._dataController = this.getController("data");
                    this._columnsController = this.getController("columns");
                    this._stateStoringController = this.getController("stateStoring");
                    this._selectionMode = mode;
                    this._isSelectionWithCheckboxes = false;
                    this._selection = this._createSelection();
                    this._updateSelectColumn();
                    this.createAction("onSelectionChanged", {
                        excludeValidators: ["disabled", "readOnly"]
                    });
                    if (!this._dataPushedHandler) {
                        this._dataPushedHandler = this._handleDataPushed.bind(this);
                        this._dataController.pushed.add(this._dataPushedHandler)
                    }
                }
                _handleDataPushed(changes) {
                    this._deselectRemovedOnPush(changes);
                    this._updateSelectedOnPush(changes)
                }
                _deselectRemovedOnPush(changes) {
                    const isDeferredSelection = this.option("selection.deferred");
                    let removedKeys = changes.filter(change => "remove" === change.type).map(change => change.key);
                    if (isDeferredSelection) {
                        const selectedKeys = this._dataController.items().filter(item => item.isSelected).map(item => item.key);
                        removedKeys = removedKeys.filter(key => selectedKeys.find(selectedKey => (0, _common.equalByValue)(selectedKey, key)))
                    }
                    removedKeys.length && this.deselectRows(removedKeys)
                }
                _updateSelectedOnPush(changes) {
                    const isDeferredSelection = this.option("selection.deferred");
                    if (isDeferredSelection) {
                        return
                    }
                    const updateChanges = changes.filter(change => "update" === change.type);
                    const data = this.getSelectedRowsData();
                    (0, _array_utils.applyBatch)({
                        keyInfo: this._selection.options,
                        data: data,
                        changes: updateChanges
                    })
                }
                _getSelectionConfig() {
                    const dataController = this._dataController;
                    const columnsController = this._columnsController;
                    const selectionOptions = this.option("selection") ?? {};
                    const {
                        deferred: deferred
                    } = selectionOptions;
                    const scrollingMode = this.option("scrolling.mode");
                    const virtualPaging = "virtual" === scrollingMode || "infinite" === scrollingMode;
                    const allowSelectAll = this.option("selection.allowSelectAll");
                    const legacyScrollingMode = this.option("scrolling.legacyMode");
                    return {
                        selectedKeys: this.option("selectedRowKeys"),
                        mode: this._selectionMode,
                        deferred: deferred,
                        alwaysSelectByShift: selectionOptions.alwaysSelectByShift,
                        maxFilterLengthInRequest: selectionOptions.maxFilterLengthInRequest,
                        selectionFilter: this.option("selectionFilter"),
                        ignoreDisabledItems: true,
                        isVirtualPaging: virtualPaging,
                        sensitivity: this.option("selection.sensitivity"),
                        allowLoadByRange() {
                            const hasGroupColumns = columnsController.getGroupColumns().length > 0;
                            return virtualPaging && !legacyScrollingMode && !hasGroupColumns && allowSelectAll && !deferred
                        },
                        key: () => null === dataController || void 0 === dataController ? void 0 : dataController.key(),
                        keyOf: item => null === dataController || void 0 === dataController ? void 0 : dataController.keyOf(item),
                        dataFields() {
                            var _dataController$dataS;
                            return null === (_dataController$dataS = dataController.dataSource()) || void 0 === _dataController$dataS ? void 0 : _dataController$dataS.select()
                        },
                        load(options) {
                            var _dataController$dataS2;
                            return (null === (_dataController$dataS2 = dataController.dataSource()) || void 0 === _dataController$dataS2 ? void 0 : _dataController$dataS2.load(options)) || (new _deferred.Deferred).resolve([])
                        },
                        plainItems: cached => dataController.items(true),
                        isItemSelected: item => item.selected,
                        isSelectableItem: item => "data" === (null === item || void 0 === item ? void 0 : item.rowType) && !item.isNewRow,
                        getItemData: item => (0, _type.isDefined)(null === item || void 0 === item ? void 0 : item.rowType) ? (null === item || void 0 === item ? void 0 : item.oldData) || (null === item || void 0 === item ? void 0 : item.data) : item,
                        filter: () => dataController.getCombinedFilter(deferred),
                        totalCount: () => dataController.totalCount(),
                        getLoadOptions(loadItemIndex, focusedItemIndex, shiftItemIndex) {
                            var _dataController$dataS3;
                            const {
                                sort: sort,
                                filter: filter
                            } = (null === (_dataController$dataS3 = dataController.dataSource()) || void 0 === _dataController$dataS3 ? void 0 : _dataController$dataS3.lastLoadOptions()) ?? {};
                            let minIndex = Math.min(loadItemIndex, focusedItemIndex);
                            let maxIndex = Math.max(loadItemIndex, focusedItemIndex);
                            if ((0, _type.isDefined)(shiftItemIndex)) {
                                minIndex = Math.min(shiftItemIndex, minIndex);
                                maxIndex = Math.max(shiftItemIndex, maxIndex)
                            }
                            const take = maxIndex - minIndex + 1;
                            return {
                                skip: minIndex,
                                take: take,
                                filter: filter,
                                sort: sort
                            }
                        },
                        onSelectionChanged: this._updateSelectedItems.bind(this)
                    }
                }
                _updateSelectColumn() {
                    const columnsController = this._columnsController;
                    const isSelectColumnVisible = this.isSelectColumnVisible();
                    columnsController.addCommandColumn({
                        type: "selection",
                        command: "select",
                        visible: isSelectColumnVisible,
                        visibleIndex: -1,
                        dataType: "boolean",
                        alignment: "center",
                        cssClass: "dx-command-select",
                        width: "auto",
                        cellTemplate: selectionCellTemplate,
                        headerCellTemplate: selectionHeaderTemplate
                    });
                    columnsController.columnOption("command:select", "visible", isSelectColumnVisible)
                }
                _createSelection() {
                    const options = this._getSelectionConfig();
                    return new _selection.default(options)
                }
                _fireSelectionChanged(options) {
                    const argument = this.option("selection.deferred") ? {
                        selectionFilter: this.option("selectionFilter")
                    } : {
                        selectedRowKeys: this.option("selectedRowKeys")
                    };
                    this.selectionChanged.fire(argument);
                    if (options) {
                        this.executeAction("onSelectionChanged", options)
                    }
                }
                _updateCheckboxesState(options) {
                    const {
                        isDeferredMode: isDeferredMode
                    } = options;
                    const {
                        selectionFilter: selectionFilter
                    } = options;
                    const {
                        selectedItemKeys: selectedItemKeys
                    } = options;
                    const {
                        removedItemKeys: removedItemKeys
                    } = options;
                    if ("onClick" === this.option(SHOW_CHECKBOXES_MODE)) {
                        if (isDeferredMode ? selectionFilter && function(that, selectionFilter) {
                                let keyIndex = 0;
                                const store = that._dataController.store();
                                const key = null === store || void 0 === store ? void 0 : store.key();
                                const isComplexKey = Array.isArray(key);
                                if (!selectionFilter.length) {
                                    return false
                                }
                                if (isComplexKey && Array.isArray(selectionFilter[0]) && "and" === selectionFilter[1]) {
                                    for (let i = 0; i < selectionFilter.length; i++) {
                                        if (Array.isArray(selectionFilter[i])) {
                                            if (selectionFilter[i][0] !== key[keyIndex] || "=" !== selectionFilter[i][1]) {
                                                return true
                                            }
                                            keyIndex++
                                        }
                                    }
                                    return false
                                }
                                return key !== selectionFilter[0]
                            }(this, selectionFilter) : selectedItemKeys.length > 1) {
                            this.startSelectionWithCheckboxes()
                        } else if (isDeferredMode ? selectionFilter && !selectionFilter.length : 0 === selectedItemKeys.length && removedItemKeys.length) {
                            this.stopSelectionWithCheckboxes()
                        }
                    }
                }
                _updateSelectedItems(args) {
                    const that = this;
                    let selectionChangedOptions;
                    const isDeferredMode = that.option("selection.deferred");
                    const selectionFilter = that._selection.selectionFilter();
                    const dataController = that._dataController;
                    const items = dataController.items(true);
                    const visibleItems = dataController.items();
                    if (!items) {
                        return
                    }
                    const isSelectionWithCheckboxes = that.isSelectionWithCheckboxes();
                    const changedItemIndexes = that.getChangedItemIndexes(items);
                    const visibleChangedItemIndexes = that.getChangedItemIndexes(visibleItems);
                    that._updateCheckboxesState({
                        selectedItemKeys: args.selectedItemKeys,
                        removedItemKeys: args.removedItemKeys,
                        selectionFilter: selectionFilter,
                        isDeferredMode: isDeferredMode
                    });
                    if (changedItemIndexes.length || isSelectionWithCheckboxes !== that.isSelectionWithCheckboxes()) {
                        dataController.updateItems({
                            changeType: "updateSelection",
                            itemIndexes: visibleChangedItemIndexes
                        })
                    }
                    if (isDeferredMode) {
                        that.option("selectionFilter", selectionFilter);
                        selectionChangedOptions = {}
                    } else if (args.addedItemKeys.length || args.removedItemKeys.length) {
                        that._selectedItemsInternalChange = true;
                        that.option("selectedRowKeys", args.selectedItemKeys.slice(0));
                        that._selectedItemsInternalChange = false;
                        selectionChangedOptions = {
                            selectedRowsData: args.selectedItems.slice(0),
                            selectedRowKeys: args.selectedItemKeys.slice(0),
                            currentSelectedRowKeys: args.addedItemKeys.slice(0),
                            currentDeselectedRowKeys: args.removedItemKeys.slice(0)
                        }
                    }
                    that._fireSelectionChanged(selectionChangedOptions)
                }
                getChangedItemIndexes(items) {
                    const that = this;
                    const itemIndexes = [];
                    const isDeferredSelection = this.option("selection.deferred");
                    for (let i = 0, {
                            length: length
                        } = items; i < length; i++) {
                        const row = items[i];
                        const isItemSelected = that.isRowSelected(isDeferredSelection ? row.data : row.key);
                        if (that._selection.isDataItem(row) && row.isSelected !== isItemSelected) {
                            itemIndexes.push(i)
                        }
                    }
                    return itemIndexes
                }
                callbackNames() {
                    return ["selectionChanged"]
                }
                optionChanged(args) {
                    var _this$_selection;
                    super.optionChanged(args);
                    const selectionOptionsExists = !!(null !== (_this$_selection = this._selection) && void 0 !== _this$_selection && _this$_selection.options);
                    switch (args.name) {
                        case "selection": {
                            const oldSelectionMode = this._selectionMode;
                            this.init();
                            if (selectionOptionsExists && "selection.sensitivity" === args.fullName) {
                                this._selection.options.sensitivity = args.value
                            }
                            if ("selection.showCheckBoxesMode" !== args.fullName) {
                                const selectionMode = this._selectionMode;
                                let selectedRowKeys = this.option("selectedRowKeys");
                                if (oldSelectionMode !== selectionMode) {
                                    if ("single" === selectionMode) {
                                        if (selectedRowKeys.length > 1) {
                                            selectedRowKeys = [selectedRowKeys[0]]
                                        }
                                    } else if ("multiple" !== selectionMode) {
                                        selectedRowKeys = []
                                    }
                                }
                                this.selectRows(selectedRowKeys).always(() => {
                                    this._fireSelectionChanged()
                                })
                            } else {
                                this.refresh().always(() => {
                                    this._fireSelectionChanged()
                                })
                            }
                            this._columnsController.updateColumns();
                            args.handled = true;
                            break
                        }
                        case "selectionFilter":
                            this._selection.selectionFilter(args.value);
                            args.handled = true;
                            break;
                        case "selectedRowKeys": {
                            const value = args.value || [];
                            if (Array.isArray(value) && !this._selectedItemsInternalChange && (this.component.getDataSource() || !value.length)) {
                                this.selectRows(value)
                            }
                            args.handled = true;
                            break
                        }
                    }
                }
                publicMethods() {
                    return ["selectRows", "deselectRows", "selectRowsByIndexes", "getSelectedRowKeys", "getSelectedRowsData", "clearSelection", "selectAll", "deselectAll", "startSelectionWithCheckboxes", "stopSelectionWithCheckboxes", "isRowSelected"]
                }
                isRowSelected(arg) {
                    return this._selection.isItemSelected(arg)
                }
                isSelectColumnVisible() {
                    return "multiple" === this.option("selection.mode") && ("always" === this.option(SHOW_CHECKBOXES_MODE) || "onClick" === this.option(SHOW_CHECKBOXES_MODE) || this._isSelectionWithCheckboxes)
                }
                _isOnePageSelectAll() {
                    return "page" === this.option("selection.selectAllMode")
                }
                isSelectAll() {
                    return this._selection.getSelectAllState(this._isOnePageSelectAll())
                }
                selectAll() {
                    if ("onClick" === this.option(SHOW_CHECKBOXES_MODE)) {
                        this.startSelectionWithCheckboxes()
                    }
                    return this._selection.selectAll(this._isOnePageSelectAll())
                }
                deselectAll() {
                    return this._selection.deselectAll(this._isOnePageSelectAll())
                }
                clearSelection() {
                    return this.selectedItemKeys([])
                }
                refresh() {
                    const selectedRowKeys = this.option("selectedRowKeys") ?? [];
                    if (!this.option("selection.deferred") && selectedRowKeys.length) {
                        return this.selectedItemKeys(selectedRowKeys)
                    }
                    return (new _deferred.Deferred).resolve().promise()
                }
                selectedItemKeys(value, preserve, isDeselect, isSelectAll) {
                    return this._selection.selectedItemKeys(value, preserve, isDeselect, isSelectAll)
                }
                getSelectedRowKeys(mode) {
                    return this._selection.getSelectedItemKeys()
                }
                selectRows(keys, preserve) {
                    return this.selectedItemKeys(keys, preserve)
                }
                deselectRows(keys) {
                    return this.selectedItemKeys(keys, true, true)
                }
                selectRowsByIndexes(indexes) {
                    const items = this._dataController.items();
                    const keys = [];
                    if (!Array.isArray(indexes)) {
                        indexes = Array.prototype.slice.call(arguments, 0)
                    }(0, _iterator.each)(indexes, function() {
                        const item = items[this];
                        if (item && "data" === item.rowType) {
                            keys.push(item.key)
                        }
                    });
                    return this.selectRows(keys)
                }
                getSelectedRowsData(mode) {
                    return this._selection.getSelectedItems()
                }
                loadSelectedItemsWithFilter() {
                    return this._selection.loadSelectedItemsWithFilter()
                }
                changeItemSelection(visibleItemIndex, keys, setFocusOnly) {
                    keys = keys || {};
                    if (this.isSelectionWithCheckboxes()) {
                        keys.control = true
                    }
                    const loadedItemIndex = visibleItemIndex + this._dataController.getRowIndexOffset() - this._dataController.getRowIndexOffset(true);
                    return this._selection.changeItemSelection(loadedItemIndex, keys, setFocusOnly)
                }
                focusedItemIndex(itemIndex) {
                    const that = this;
                    if ((0, _type.isDefined)(itemIndex)) {
                        that._selection._focusedItemIndex = itemIndex
                    } else {
                        return that._selection._focusedItemIndex
                    }
                    return
                }
                isSelectionWithCheckboxes() {
                    return "multiple" === this.option("selection.mode") && ("always" === this.option(SHOW_CHECKBOXES_MODE) || this._isSelectionWithCheckboxes)
                }
                startSelectionWithCheckboxes() {
                    const that = this;
                    if ("multiple" === that.option("selection.mode") && !that.isSelectionWithCheckboxes()) {
                        that._isSelectionWithCheckboxes = true;
                        that._updateSelectColumn();
                        return true
                    }
                    return false
                }
                stopSelectionWithCheckboxes() {
                    const that = this;
                    if (that._isSelectionWithCheckboxes) {
                        that._isSelectionWithCheckboxes = false;
                        that._updateSelectColumn();
                        return true
                    }
                    return false
                }
            }
            exports.SelectionController = SelectionController;
            const dataSelectionExtenderMixin = Base => class extends Base {
                init() {
                    const isDeferredMode = this.option("selection.deferred");
                    super.init.apply(this, arguments);
                    if (isDeferredMode) {
                        this._selectionController._updateCheckboxesState({
                            isDeferredMode: true,
                            selectionFilter: this.option("selectionFilter")
                        })
                    }
                }
                _loadDataSource() {
                    const that = this;
                    return super._loadDataSource().always(() => {
                        that._selectionController.refresh()
                    })
                }
                _processDataItem(item, options) {
                    const hasSelectColumn = this._selectionController.isSelectColumnVisible();
                    const isDeferredSelection = options.isDeferredSelection = void 0 === options.isDeferredSelection ? this.option("selection.deferred") : options.isDeferredSelection;
                    const dataItem = super._processDataItem.apply(this, arguments);
                    dataItem.isSelected = this._selectionController.isRowSelected(isDeferredSelection ? dataItem.data : dataItem.key);
                    if (hasSelectColumn && dataItem.values) {
                        for (let i = 0; i < options.visibleColumns.length; i++) {
                            if ("select" === options.visibleColumns[i].command) {
                                dataItem.values[i] = dataItem.isSelected;
                                break
                            }
                        }
                    }
                    return dataItem
                }
                refresh(options) {
                    const d = new _deferred.Deferred;
                    super.refresh(options).done(() => {
                        const skipSelectionRefresh = (0, _type.isObject)(options) && !options.selection;
                        if (skipSelectionRefresh) {
                            d.resolve();
                            return
                        }
                        this._selectionController.refresh().done(d.resolve).fail(d.reject)
                    }).fail(d.reject);
                    return d.promise()
                }
                _handleDataChanged(e) {
                    const hasLoadOperation = this.hasLoadOperation();
                    super._handleDataChanged.apply(this, arguments);
                    if (hasLoadOperation && !this._repaintChangesOnly) {
                        this._selectionController.focusedItemIndex(-1)
                    }
                }
                _applyChange(change) {
                    if (change && "updateSelection" === change.changeType) {
                        change.items.forEach((item, index) => {
                            const currentItem = this._items[index];
                            if (currentItem) {
                                currentItem.isSelected = item.isSelected;
                                currentItem.values = item.values
                            }
                        });
                        return
                    }
                    return super._applyChange.apply(this, arguments)
                }
                _endUpdateCore() {
                    const changes = this._changes;
                    const isUpdateSelection = changes.length > 1 && changes.every(change => "updateSelection" === change.changeType);
                    if (isUpdateSelection) {
                        const itemIndexes = changes.map(change => change.itemIndexes || []).reduce((a, b) => a.concat(b));
                        this._changes = [{
                            changeType: "updateSelection",
                            itemIndexes: itemIndexes
                        }]
                    }
                    super._endUpdateCore.apply(this, arguments)
                }
            };
            exports.dataSelectionExtenderMixin = dataSelectionExtenderMixin;
            const columnHeadersSelectionExtenderMixin = Base => class extends Base {
                init() {
                    super.init();
                    this._selectionController.selectionChanged.add(this._updateSelectAllValue.bind(this))
                }
                _isSelectAllCheckBoxVisible() {
                    const isEmptyData = this._dataController.isEmpty();
                    const allowSelectAll = this.option("selection.allowSelectAll");
                    const isSelectAll = this._selectionController.isSelectAll();
                    return !isEmptyData && (allowSelectAll || false !== isSelectAll)
                }
                _updateSelectAllValue() {
                    const $element = this.element();
                    const $editor = null === $element || void 0 === $element ? void 0 : $element.find(".dx-select-checkbox");
                    if ($element && $editor.length && "multiple" === this.option("selection.mode")) {
                        const selectAllValue = this._selectionController.isSelectAll();
                        const isVisible = this._isSelectAllCheckBoxVisible();
                        $editor.dxCheckBox("instance").option({
                            visible: isVisible,
                            value: selectAllValue
                        })
                    }
                }
                _handleDataChanged(e) {
                    super._handleDataChanged(e);
                    if (!e || "refresh" === e.changeType || e.repaintChangesOnly && "update" === e.changeType) {
                        this.waitAsyncTemplates().done(() => {
                            this._updateSelectAllValue()
                        })
                    }
                }
                _renderSelectAllCheckBox($container, column) {
                    const $checkbox = this._createSelectAllCheckboxElement(column);
                    $checkbox.appendTo($container);
                    return $checkbox
                }
                _createSelectAllCheckboxElement(column) {
                    const $groupElement = (0, _renderer.default)("<div>").addClass("dx-select-checkbox");
                    this.setAria("label", _message.default.format("dxDataGrid-ariaSelectAll"), $groupElement);
                    this._editorFactoryController.createEditor($groupElement, (0, _extend.extend)({}, column, {
                        parentType: "headerRow",
                        dataType: "boolean",
                        value: this._selectionController.isSelectAll(),
                        editorOptions: {
                            visible: this._isSelectAllCheckBoxVisible()
                        },
                        tabIndex: this.option("useLegacyKeyboardNavigation") ? -1 : this.option("tabIndex") || 0,
                        setValue: (value, e) => {
                            const allowSelectAll = this.option("selection.allowSelectAll");
                            e.component.option("visible", allowSelectAll || false !== e.component.option("value"));
                            if (!e.event || this._selectionController.isSelectAll() === value) {
                                return
                            }
                            if (e.value && !allowSelectAll) {
                                e.component.option("value", false)
                            } else {
                                e.value ? this._selectionController.selectAll() : this._selectionController.deselectAll()
                            }
                            e.event.preventDefault()
                        }
                    }));
                    return $groupElement
                }
                _attachSelectAllCheckBoxClickEvent($element) {
                    _events_engine.default.on($element, _click.name, this.createAction(e => {
                        const {
                            event: event
                        } = e;
                        if (!this._isSelectAllCheckBoxVisible()) {
                            event.preventDefault();
                            return
                        }
                        if (!(0, _renderer.default)(event.target).closest(".dx-select-checkbox").length) {
                            _events_engine.default.trigger((0, _renderer.default)(event.currentTarget).children(".dx-select-checkbox"), _click.name)
                        }
                        event.preventDefault()
                    }))
                }
            };
            exports.columnHeadersSelectionExtenderMixin = columnHeadersSelectionExtenderMixin;
            const rowsViewSelectionExtenderMixin = Base => class extends Base {
                renderSelectCheckBoxContainer($container, options) {
                    if ("data" === options.rowType && !options.row.isNewRow) {
                        $container.addClass("dx-editor-cell");
                        this._attachCheckBoxClickEvent($container);
                        this._renderSelectCheckBox($container, options)
                    } else {
                        _m_utils.default.setEmptyText($container)
                    }
                }
                _renderSelectCheckBox(container, options) {
                    const groupElement = (0, _renderer.default)("<div>").addClass("dx-select-checkbox").appendTo(container);
                    this.setAria("label", _message.default.format("dxDataGrid-ariaSelectRow"), groupElement);
                    this._editorFactoryController.createEditor(groupElement, (0, _extend.extend)({}, options.column, {
                        parentType: "dataRow",
                        dataType: "boolean",
                        lookup: null,
                        value: options.value,
                        setValue(value, e) {
                            var _e$event;
                            if ("keydown" === (null === e || void 0 === e || null === (_e$event = e.event) || void 0 === _e$event ? void 0 : _e$event.type)) {
                                _events_engine.default.trigger(e.element, _click.name, e)
                            }
                        },
                        row: options.row
                    }));
                    return groupElement
                }
                _attachCheckBoxClickEvent($element) {
                    _events_engine.default.on($element, _click.name, this.createAction(function(e) {
                        const {
                            event: event
                        } = e;
                        const rowIndex = this.getRowIndex((0, _renderer.default)(event.currentTarget).closest(".dx-row"));
                        if (rowIndex >= 0) {
                            this._selectionController.startSelectionWithCheckboxes();
                            this._selectionController.changeItemSelection(rowIndex, {
                                shift: event.shiftKey
                            });
                            if ((0, _renderer.default)(event.target).closest(".dx-select-checkbox").length) {
                                this._dataController.updateItems({
                                    changeType: "updateSelection",
                                    itemIndexes: [rowIndex]
                                })
                            }
                        }
                    }))
                }
                _update(change) {
                    const that = this;
                    const tableElements = that.getTableElements();
                    if ("updateSelection" === change.changeType) {
                        if (tableElements.length > 0) {
                            (0, _iterator.each)(tableElements, (_, tableElement) => {
                                (0, _iterator.each)(change.itemIndexes || [], (_, index) => {
                                    let $row;
                                    if (change.items[index]) {
                                        $row = that._getRowElements((0, _renderer.default)(tableElement)).eq(index);
                                        if ($row.length) {
                                            const {
                                                isSelected: isSelected
                                            } = change.items[index];
                                            $row.toggleClass("dx-selection", void 0 === isSelected ? false : isSelected).find(".dx-select-checkbox").dxCheckBox("option", "value", isSelected);
                                            that.setAria("selected", String(isSelected), $row)
                                        }
                                    }
                                })
                            });
                            that._updateCheckboxesClass()
                        }
                    } else {
                        super._update(change)
                    }
                }
                _createTable() {
                    const that = this;
                    const selectionMode = that.option("selection.mode");
                    const $table = super._createTable.apply(that, arguments);
                    if ("none" !== selectionMode) {
                        if ("onLongTap" === that.option(SHOW_CHECKBOXES_MODE) || !_m_support.default.touch) {
                            _events_engine.default.on($table, (0, _index.addNamespace)(_hold.default.name, "dxDataGridRowsView"), ".dx-data-row", that.createAction(e => {
                                processLongTap(that.component, e.event);
                                e.event.stopPropagation()
                            }))
                        }
                        _events_engine.default.on($table, "mousedown selectstart", that.createAction(e => {
                            const {
                                event: event
                            } = e;
                            if (event.shiftKey) {
                                event.preventDefault()
                            }
                        }))
                    }
                    return $table
                }
                _createRow(row) {
                    const $row = super._createRow.apply(this, arguments);
                    if (row) {
                        const {
                            isSelected: isSelected
                        } = row;
                        if (isSelected) {
                            $row.addClass("dx-selection")
                        }
                        const selectionMode = this.option("selection.mode");
                        if ("none" !== selectionMode) {
                            this.setAria("selected", String(isSelected), $row)
                        }
                    }
                    return $row
                }
                _rowClickForTreeList(e) {
                    super._rowClick(e)
                }
                _rowClick(e) {
                    const that = this;
                    const dxEvent = e.event;
                    const isSelectionDisabled = (0, _renderer.default)(dxEvent.target).closest(".dx-selection-disabled").length;
                    if (!that.isClickableElement((0, _renderer.default)(dxEvent.target))) {
                        if (!isSelectionDisabled && ("multiple" !== that.option("selection.mode") || "always" !== that.option(SHOW_CHECKBOXES_MODE))) {
                            if (that._selectionController.changeItemSelection(e.rowIndex, {
                                    control: (0, _index.isCommandKeyPressed)(dxEvent),
                                    shift: dxEvent.shiftKey
                                })) {
                                dxEvent.preventDefault();
                                e.handled = true
                            }
                        }
                        super._rowClick(e)
                    }
                }
                isClickableElement($target) {
                    const isCommandSelect = $target.closest(".dx-command-select").length;
                    return !!isCommandSelect
                }
                _renderCore(change) {
                    const deferred = super._renderCore(change);
                    this._updateCheckboxesClass();
                    return deferred
                }
                _updateCheckboxesClass() {
                    const tableElements = this.getTableElements();
                    const isCheckBoxesHidden = this._selectionController.isSelectColumnVisible() && !this._selectionController.isSelectionWithCheckboxes();
                    (0, _iterator.each)(tableElements, (_, tableElement) => {
                        (0, _renderer.default)(tableElement).toggleClass("dx-select-checkboxes-hidden", isCheckBoxesHidden)
                    })
                }
            };
            exports.rowsViewSelectionExtenderMixin = rowsViewSelectionExtenderMixin;
            exports.selectionModule = {
                defaultOptions: () => ({
                    selection: {
                        mode: "none",
                        showCheckBoxesMode: "onClick",
                        allowSelectAll: true,
                        selectAllMode: "allPages",
                        deferred: false,
                        maxFilterLengthInRequest: 1500,
                        alwaysSelectByShift: false
                    },
                    selectionFilter: [],
                    selectedRowKeys: []
                }),
                controllers: {
                    selection: SelectionController
                },
                extenders: {
                    controllers: {
                        data: dataSelectionExtenderMixin,
                        contextMenu: Base => class extends Base {
                            _contextMenuPrepared(options) {
                                const dxEvent = options.event;
                                if (dxEvent.originalEvent && "dxhold" !== dxEvent.originalEvent.type || options.items && options.items.length > 0) {
                                    return
                                }
                                processLongTap(this, dxEvent)
                            }
                        }
                    },
                    views: {
                        columnHeadersView: columnHeadersSelectionExtenderMixin,
                        rowsView: rowsViewSelectionExtenderMixin
                    }
                }
            }
        },
        8036(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.sortingModule = void 0;
            var _click = __webpack_require__( /*! ../../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _m_sorting_mixin = _interopRequireDefault(__webpack_require__( /*! ./m_sorting_mixin */ 2242));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.sortingModule = {
                defaultOptions: () => ({
                    sorting: {
                        mode: "single",
                        ascendingText: _message.default.format("dxDataGrid-sortingAscendingText"),
                        descendingText: _message.default.format("dxDataGrid-sortingDescendingText"),
                        clearText: _message.default.format("dxDataGrid-sortingClearText"),
                        showSortIndexes: true
                    }
                }),
                extenders: {
                    views: {
                        columnHeadersView: Base => class extends((0, _m_sorting_mixin.default)(Base)) {
                            optionChanged(args) {
                                const that = this;
                                if ("sorting" === args.name) {
                                    that._invalidate();
                                    args.handled = true
                                } else {
                                    super.optionChanged(args)
                                }
                            }
                            _createRow(row) {
                                const $row = super._createRow(row);
                                if ("header" === row.rowType) {
                                    _events_engine.default.on($row, (0, _index.addNamespace)(_click.name, "dxDataGridColumnHeadersView"), "td", this.createAction(e => {
                                        this._processHeaderAction(e.event, $row)
                                    }))
                                }
                                return $row
                            }
                            _processHeaderAction(event, $row) {
                                if ((0, _renderer.default)(event.currentTarget).parent().get(0) !== $row.get(0)) {
                                    return
                                }
                                const that = this;
                                let keyName = null;
                                const $cellElementFromEvent = (0, _renderer.default)(event.currentTarget);
                                const rowIndex = $cellElementFromEvent.parent().index();
                                let columnIndex = -1;
                                [].slice.call(that.getCellElements(rowIndex)).some(($cellElement, index) => {
                                    if ($cellElement === $cellElementFromEvent.get(0)) {
                                        columnIndex = index;
                                        return true
                                    }
                                    return
                                });
                                const visibleColumns = that._columnsController.getVisibleColumns(rowIndex);
                                const column = visibleColumns[columnIndex];
                                const editingController = that.getController("editing");
                                const editingMode = that.option("editing.mode");
                                const isCellEditing = editingController && editingController.isEditing() && ("batch" === editingMode || "cell" === editingMode);
                                if (isCellEditing || !that._isSortableElement((0, _renderer.default)(event.target))) {
                                    return
                                }
                                if (column && !(0, _type.isDefined)(column.groupIndex) && !column.command) {
                                    if (event.shiftKey) {
                                        keyName = "shift"
                                    } else if ((0, _index.isCommandKeyPressed)(event)) {
                                        keyName = "ctrl"
                                    }
                                    setTimeout(() => {
                                        that._columnsController.changeSortOrder(column.index, keyName)
                                    })
                                }
                            }
                            _renderCellContent($cell, options) {
                                const that = this;
                                const {
                                    column: column
                                } = options;
                                if (!column.command && "header" === options.rowType) {
                                    that._applyColumnState({
                                        name: "sort",
                                        rootElement: $cell,
                                        column: column,
                                        showColumnLines: that.option("showColumnLines")
                                    })
                                }
                                super._renderCellContent.apply(this, arguments)
                            }
                            _columnOptionChanged(e) {
                                const {
                                    changeTypes: changeTypes
                                } = e;
                                if (1 === changeTypes.length && changeTypes.sorting) {
                                    this._updateIndicators("sort");
                                    return
                                }
                                super._columnOptionChanged(e)
                            }
                        },
                        headerPanel: Base => class extends((0, _m_sorting_mixin.default)(Base)) {
                            optionChanged(args) {
                                const that = this;
                                if ("sorting" === args.name) {
                                    that._invalidate();
                                    args.handled = true
                                } else {
                                    super.optionChanged(args)
                                }
                            }
                            _createGroupPanelItem($rootElement, groupColumn) {
                                const that = this;
                                const $item = super._createGroupPanelItem(...arguments);
                                _events_engine.default.on($item, (0, _index.addNamespace)(_click.name, "dxDataGridHeaderPanel"), that.createAction(() => {
                                    that._processGroupItemAction(groupColumn.index)
                                }));
                                that._applyColumnState({
                                    name: "sort",
                                    rootElement: $item,
                                    column: {
                                        alignment: that.option("rtlEnabled") ? "right" : "left",
                                        allowSorting: groupColumn.allowSorting,
                                        sortOrder: "desc" === groupColumn.sortOrder ? "desc" : "asc",
                                        isGrouped: true
                                    },
                                    showColumnLines: true
                                });
                                return $item
                            }
                            _processGroupItemAction(groupColumnIndex) {
                                setTimeout(() => this.getController("columns").changeSortOrder(groupColumnIndex))
                            }
                        }
                    }
                }
            }
        },
        2242(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = Base => class extends Base {
                _applyColumnState(options) {
                    const that = this;
                    let ariaSortState;
                    let $sortIndicator;
                    const sortingMode = that.option("sorting.mode");
                    const {
                        rootElement: rootElement
                    } = options;
                    const {
                        column: column
                    } = options;
                    const $indicatorsContainer = that._getIndicatorContainer(rootElement);
                    if ("sort" === options.name) {
                        rootElement.find(".dx-sort").remove();
                        !$indicatorsContainer.children().length && $indicatorsContainer.remove();
                        const isSortingAllowed = "none" !== sortingMode && column.allowSorting;
                        const hasSeveralSortIndexes = that.getController && !!that.getController("columns").columnOption("sortIndex:1");
                        if (!(0, _type.isDefined)(column.groupIndex) && (isSortingAllowed || (0, _type.isDefined)(column.sortOrder))) {
                            ariaSortState = "asc" === column.sortOrder ? "ascending" : "descending";
                            $sortIndicator = super._applyColumnState(options).toggleClass("dx-sort-up", "asc" === column.sortOrder).toggleClass("dx-sort-down", "desc" === column.sortOrder);
                            if (hasSeveralSortIndexes && that.option("sorting.showSortIndexes") && column.sortIndex >= 0) {
                                (0, _renderer.default)("<span>").addClass("dx-sort-index-icon").text(column.sortIndex + 1).appendTo($sortIndicator);
                                $sortIndicator.addClass("dx-sort-index")
                            }
                            if (isSortingAllowed) {
                                options.rootElement.addClass(that.addWidgetPrefix("action"))
                            }
                        }
                        this._setAriaSortAttribute(column, ariaSortState, rootElement, hasSeveralSortIndexes);
                        return $sortIndicator
                    }
                    return super._applyColumnState(options)
                }
                _setAriaSortAttribute(column, ariaSortState, $rootElement, hasSeveralSortIndexes) {
                    $rootElement.removeAttr("aria-roledescription");
                    if (column.isGrouped) {
                        let description = this.localize("dxDataGrid-ariaNotSortedColumn");
                        if ((0, _type.isDefined)(column.sortOrder)) {
                            description = "asc" === column.sortOrder ? this.localize("dxDataGrid-ariaSortedAscendingColumn") : this.localize("dxDataGrid-ariaSortedDescendingColumn")
                        }
                        this.setAria("roledescription", description, $rootElement)
                    } else if (!(0, _type.isDefined)(column.sortOrder)) {
                        this.setAria("sort", "none", $rootElement)
                    } else {
                        this.setAria("sort", ariaSortState, $rootElement);
                        if (hasSeveralSortIndexes && column.sortIndex >= 0) {
                            const ariaColumnHeader = _message.default.format("dxDataGrid-ariaColumnHeader");
                            const ariaSortIndex = _message.default.format("dxDataGrid-ariaSortIndex", column.sortIndex + 1);
                            const description = `${ariaColumnHeader}, ${ariaSortIndex}`;
                            this.setAria("roledescription", description, $rootElement)
                        }
                    }
                }
                _getIndicatorClassName(name) {
                    if ("sort" === name) {
                        return "dx-sort"
                    }
                    if ("sortIndex" === name) {
                        return "dx-sort-index-icon"
                    }
                    return super._getIndicatorClassName(name)
                }
                _renderIndicator(options) {
                    const {
                        column: column
                    } = options;
                    const $container = options.container;
                    const $indicator = options.indicator;
                    if ("sort" === options.name) {
                        const rtlEnabled = this.option("rtlEnabled");
                        if (!(0, _type.isDefined)(column.sortOrder)) {
                            $indicator && $indicator.addClass("dx-sort-none")
                        }
                        if ($container.children().length && (!rtlEnabled && "left" === options.columnAlignment || rtlEnabled && "right" === options.columnAlignment)) {
                            $container.prepend($indicator);
                            return
                        }
                    }
                    super._renderIndicator(options)
                }
                _updateIndicator($cell, column, indicatorName) {
                    if ("sort" === indicatorName && (0, _type.isDefined)(column.groupIndex)) {
                        return
                    }
                    return super._updateIndicator.apply(this, arguments)
                }
                _getIndicatorElements($cell, returnAll) {
                    const $indicatorElements = super._getIndicatorElements($cell);
                    return returnAll ? $indicatorElements : $indicatorElements && $indicatorElements.not(".dx-sort-none")
                }
            }
        },
        87960(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.stateStoringModule = void 0;
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _m_state_storing_core = __webpack_require__( /*! ./m_state_storing_core */ 93416);
            const processLoadState = that => {
                const columnsController = that.getController("columns");
                const selectionController = that.getController("selection");
                const exportController = that.getController("export");
                const dataController = that.getController("data");
                if (columnsController) {
                    columnsController.columnsChanged.add(() => {
                        that.updateState({
                            columns: columnsController.getUserState()
                        })
                    })
                }
                if (selectionController) {
                    selectionController.selectionChanged.add(e => {
                        that.updateState({
                            selectedRowKeys: e.selectedRowKeys,
                            selectionFilter: e.selectionFilter
                        })
                    })
                }
                if (dataController) {
                    that._initialPageSize = that.option("paging.pageSize");
                    that._initialFilterValue = that.option("filterValue");
                    dataController.changed.add(() => {
                        const state = (that => {
                            const pagerView = that.getView("pagerView");
                            const dataController = that.getController("data");
                            const state = {
                                allowedPageSizes: pagerView ? pagerView.getPageSizes() : void 0,
                                filterPanel: {
                                    filterEnabled: that.option("filterPanel.filterEnabled")
                                },
                                filterValue: that.option("filterValue"),
                                focusedRowKey: that.option("focusedRowEnabled") ? that.option("focusedRowKey") : void 0
                            };
                            return (0, _extend.extend)(state, dataController.getUserState())
                        })(that);
                        that.updateState(state)
                    })
                }
                if (exportController) {
                    exportController.selectionOnlyChanged.add(() => {
                        that.updateState({
                            exportSelectionOnly: exportController.selectionOnly()
                        })
                    })
                }
            };
            exports.stateStoringModule = {
                defaultOptions: () => ({
                    stateStoring: {
                        enabled: false,
                        storageKey: null,
                        type: "localStorage",
                        customLoad: null,
                        customSave: null,
                        savingTimeout: 2e3
                    }
                }),
                controllers: {
                    stateStoring: _m_state_storing_core.StateStoringController
                },
                extenders: {
                    views: {
                        rowsView: Base => class extends Base {
                            init() {
                                super.init();
                                this._dataController.stateLoaded.add(() => {
                                    if (this._dataController.isLoaded() && !this._dataController.getDataSource()) {
                                        this.setLoading(false);
                                        this.renderNoDataText();
                                        const columnHeadersView = this.component.getView("columnHeadersView");
                                        columnHeadersView && columnHeadersView.render();
                                        this.component._fireContentReadyAction()
                                    }
                                })
                            }
                        }
                    },
                    controllers: {
                        stateStoring: Base => class extends Base {
                            init() {
                                super.init.apply(this, arguments);
                                processLoadState(this);
                                return this
                            }
                            isLoading() {
                                return super.isLoading() || this.getDataController().isStateLoading()
                            }
                            state(state) {
                                const result = super.state.apply(this, arguments);
                                if (void 0 !== state) {
                                    this.applyState((0, _extend.extend)(true, {}, state))
                                }
                                return result
                            }
                            updateState(state) {
                                if (this.isEnabled()) {
                                    const oldState = this.state();
                                    const newState = (0, _extend.extend)({}, oldState, state);
                                    const oldStateHash = (0, _common.getKeyHash)(oldState);
                                    const newStateHash = (0, _common.getKeyHash)(newState);
                                    if (!(0, _common.equalByValue)(oldStateHash, newStateHash)) {
                                        state = (0, _extend.extend)(true, {}, state);
                                        (0, _extend.extend)(this._state, state);
                                        this.save()
                                    }
                                } else {
                                    (0, _extend.extend)(this._state, state)
                                }
                            }
                            applyState(state) {
                                var _this$getView;
                                const {
                                    allowedPageSizes: allowedPageSizes
                                } = state;
                                const {
                                    searchText: searchText
                                } = state;
                                const {
                                    selectedRowKeys: selectedRowKeys
                                } = state;
                                const {
                                    selectionFilter: selectionFilter
                                } = state;
                                const scrollingMode = this.option("scrolling.mode");
                                const isVirtualScrollingMode = "virtual" === scrollingMode || "infinite" === scrollingMode;
                                const showPageSizeSelector = true === this.option("pager.visible") && this.option("pager.showPageSizeSelector");
                                const hasHeight = null === (_this$getView = this.getView("rowsView")) || void 0 === _this$getView ? void 0 : _this$getView.hasHeight();
                                this.component.beginUpdate();
                                if (this.getColumnsController()) {
                                    this.getColumnsController().setUserState(state.columns)
                                }
                                if (this.getExportController()) {
                                    this.getExportController().selectionOnly(state.exportSelectionOnly)
                                }
                                if (!this.option("selection.deferred")) {
                                    this.option("selectedRowKeys", selectedRowKeys || [])
                                }
                                this.option("selectionFilter", selectionFilter);
                                if (allowedPageSizes && "auto" === this.option("pager.allowedPageSizes")) {
                                    this.option("pager").allowedPageSizes = allowedPageSizes
                                }
                                if (this.option("focusedRowEnabled")) {
                                    this.option("focusedRowIndex", -1);
                                    this.option("focusedRowKey", state.focusedRowKey ?? null)
                                }
                                this.component.endUpdate();
                                this.option("searchPanel.text", searchText || "");
                                this.option("filterValue", ((that, state) => {
                                    var _filterSyncController;
                                    const filterSyncController = that.getController("filterSync");
                                    if (!filterSyncController) {
                                        return null
                                    }
                                    if (void 0 !== state.filterValue) {
                                        return state.filterValue
                                    }
                                    const filterValueFromColumns = null === (_filterSyncController = filterSyncController.getFilterValueFromColumns) || void 0 === _filterSyncController ? void 0 : _filterSyncController.call(filterSyncController, state.columns);
                                    if ((null === filterValueFromColumns || void 0 === filterValueFromColumns ? void 0 : filterValueFromColumns.length) > 0) {
                                        return filterValueFromColumns
                                    }
                                    const columns = that.getController("columns").getColumns();
                                    return that._initialFilterValue ?? filterSyncController.getFilterValueFromColumns(columns)
                                })(this, state));
                                this.option("filterPanel.filterEnabled", state.filterPanel ? state.filterPanel.filterEnabled : true);
                                this.option("paging.pageIndex", (!isVirtualScrollingMode || hasHeight) && state.pageIndex || 0);
                                this.option("paging.pageSize", (!isVirtualScrollingMode || showPageSizeSelector) && (0, _type.isDefined)(state.pageSize) ? state.pageSize : this._initialPageSize);
                                this.getDataController() && this.getDataController().reset()
                            }
                        },
                        columns: Base => class extends Base {
                            _shouldReturnVisibleColumns() {
                                const result = super._shouldReturnVisibleColumns.apply(this, arguments);
                                return result && (!this._stateStoringController.isEnabled() || this._stateStoringController.isLoaded())
                            }
                        },
                        data: Base => class extends Base {
                            dispose() {
                                clearTimeout(this._restoreStateTimeoutID);
                                super.dispose()
                            }
                            callbackNames() {
                                return super.callbackNames().concat(["stateLoaded"])
                            }
                            _refreshDataSource() {
                                if (this._stateStoringController.isEnabled() && !this._stateStoringController.isLoaded()) {
                                    clearTimeout(this._restoreStateTimeoutID);
                                    const deferred = new _deferred.Deferred;
                                    this._restoreStateTimeoutID = setTimeout(() => {
                                        this._stateStoringController.load().always(() => {
                                            this._restoreStateTimeoutID = null
                                        }).done(() => {
                                            super._refreshDataSource();
                                            this.stateLoaded.fire();
                                            deferred.resolve()
                                        }).fail(error => {
                                            this.stateLoaded.fire();
                                            this._handleLoadError(error || "Unknown error");
                                            deferred.reject()
                                        })
                                    });
                                    return deferred.promise()
                                }
                                if (!this.isStateLoading()) {
                                    super._refreshDataSource()
                                }
                            }
                            isLoading() {
                                return super.isLoading() || this._stateStoringController.isLoading()
                            }
                            isStateLoading() {
                                return (0, _type.isDefined)(this._restoreStateTimeoutID)
                            }
                            isLoaded() {
                                return super.isLoaded() && !this.isStateLoading()
                            }
                        },
                        selection: Base => class extends Base {
                            _fireSelectionChanged(options) {
                                const isDeferredSelection = this.option("selection.deferred");
                                if (this._stateStoringController.isLoading() && isDeferredSelection) {
                                    return
                                }
                                super._fireSelectionChanged.apply(this, arguments)
                            }
                        }
                    }
                }
            }
        },
        93416(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.StateStoringController = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _storage = __webpack_require__( /*! ../../../../core/utils/storage */ 98479);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/widget/ui.errors */ 35185));
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DATE_REGEX = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/;
            const parseDates = function(state) {
                if (!state) {
                    return
                }(0, _iterator.each)(state, (key, value) => {
                    if ((0, _type.isPlainObject)(value) || Array.isArray(value)) {
                        parseDates(value)
                    } else if ("string" === typeof value) {
                        const date = DATE_REGEX.exec(value);
                        if (date) {
                            state[key] = new Date(Date.UTC(+date[1], +date[2] - 1, +date[3], +date[4], +date[5], +date[6]))
                        }
                    }
                })
            };
            const getStorage = function(options) {
                const storage = "sessionStorage" === options.type ? (0, _storage.sessionStorage)() : (0, _window.getWindow)().localStorage;
                if (!storage) {
                    throw new Error("E1007")
                }
                return storage
            };
            const getUniqueStorageKey = function(options) {
                return (0, _type.isDefined)(options.storageKey) ? options.storageKey : "storage"
            };
            class StateStoringController extends _m_modules.default.ViewController {
                getDataController() {
                    return this.getController("data")
                }
                getExportController() {
                    return this.getController("export")
                }
                getColumnsController() {
                    return this.getController("columns")
                }
                init() {
                    this._state = {};
                    this._isLoaded = false;
                    this._isLoading = false;
                    this._windowUnloadHandler = () => {
                        if (void 0 !== this._savingTimeoutID) {
                            this._saveState(this.state())
                        }
                    };
                    _events_engine.default.on((0, _window.getWindow)(), "visibilitychange", this._windowUnloadHandler);
                    return this
                }
                optionChanged(args) {
                    const that = this;
                    if ("stateStoring" === args.name) {
                        if (that.isEnabled() && !that.isLoading()) {
                            that.load()
                        }
                        args.handled = true
                    } else {
                        super.optionChanged(args)
                    }
                }
                dispose() {
                    clearTimeout(this._savingTimeoutID);
                    _events_engine.default.off((0, _window.getWindow)(), "visibilitychange", this._windowUnloadHandler)
                }
                _loadState() {
                    const options = this.option("stateStoring");
                    if ("custom" === options.type) {
                        return options.customLoad && options.customLoad()
                    }
                    try {
                        return JSON.parse(getStorage(options).getItem(getUniqueStorageKey(options)))
                    } catch (e) {
                        _ui.default.log("W1022", "State storing", e.message)
                    }
                }
                _saveState(state) {
                    const options = this.option("stateStoring");
                    if ("custom" === options.type) {
                        options.customSave && options.customSave(state);
                        return
                    }
                    try {
                        getStorage(options).setItem(getUniqueStorageKey(options), JSON.stringify(state))
                    } catch (e) {
                        _ui.default.log(e.message)
                    }
                }
                publicMethods() {
                    return ["state"]
                }
                isEnabled() {
                    return this.option("stateStoring.enabled")
                }
                isLoaded() {
                    return this._isLoaded
                }
                isLoading() {
                    return this._isLoading
                }
                load() {
                    this._isLoading = true;
                    const loadResult = (0, _deferred.fromPromise)(this._loadState());
                    loadResult.always(() => {
                        this._isLoaded = true;
                        this._isLoading = false
                    }).done(state => {
                        if (null !== state && !(0, _type.isEmptyObject)(state)) {
                            this.state(state)
                        }
                    });
                    return loadResult
                }
                state(state) {
                    const that = this;
                    if (!arguments.length) {
                        return (0, _extend.extend)(true, {}, that._state)
                    }
                    that._state = (0, _extend.extend)({}, state);
                    parseDates(that._state)
                }
                save() {
                    const that = this;
                    clearTimeout(that._savingTimeoutID);
                    that._savingTimeoutID = setTimeout(() => {
                        that._saveState(that.state());
                        that._savingTimeoutID = void 0
                    }, that.option("stateStoring.savingTimeout"))
                }
            }
            exports.StateStoringController = StateStoringController;
            exports.default = {
                StateStoringController: StateStoringController
            }
        },
        87396(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.StickyPosition = exports.STICKY_BORDER_WIDTH = exports.CLASSES = void 0;
            exports.STICKY_BORDER_WIDTH = 2;
            var StickyPosition;
            ! function(StickyPosition) {
                StickyPosition.Left = "left";
                StickyPosition.Right = "right";
                StickyPosition.Sticky = "sticky"
            }(StickyPosition || (exports.StickyPosition = StickyPosition = {}));
            exports.CLASSES = {
                stickyColumn: "sticky-column",
                stickyColumnLeft: "sticky-column-left",
                stickyColumnRight: "sticky-column-right",
                stickyColumnBorderRight: "sticky-column-border-right",
                stickyColumnBorderLeft: "sticky-column-border-left",
                stickyColumns: "sticky-columns",
                columnNoBorder: "column-no-border",
                groupRowContainer: "group-row-container",
                focusedFixedElement: "dx-focused-fixed-element",
                focused: "dx-focused",
                hidden: "dx-hidden"
            }
        },
        52511(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GridCoreStickyColumnsDom = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _const = __webpack_require__( /*! ./const */ 87396);
            var _utils = __webpack_require__( /*! ./utils */ 24378);
            const isStickyCellPinnedToLeft = ($cell, $container, addWidgetPrefix) => {
                const isStickyCell = $cell.hasClass(addWidgetPrefix(_const.CLASSES.stickyColumn));
                if (!isStickyCell) {
                    return false
                }
                const cellLeft = parseFloat($cell[0].style.left);
                const cellRect = (0, _position.getBoundingRect)($cell[0]);
                const containerRect = (0, _position.getBoundingRect)($container[0]);
                const calculatedCellLeft = cellRect.left - containerRect.left;
                return Math.round(cellLeft) >= Math.round(calculatedCellLeft)
            };
            const isStickyCellPinnedToRight = ($cell, $container, addWidgetPrefix) => {
                const isStickyCell = $cell.hasClass(addWidgetPrefix(_const.CLASSES.stickyColumn));
                if (!isStickyCell) {
                    return false
                }
                const cellRight = parseFloat($cell[0].style.right);
                const cellRect = (0, _position.getBoundingRect)($cell[0]);
                const containerRect = (0, _position.getBoundingRect)($container[0]);
                const calculatedCellRight = containerRect.right - cellRect.right;
                return Math.round(cellRight) >= Math.round(calculatedCellRight)
            };
            const isLastLeftFixedCell = ($cell, addWidgetPrefix) => $cell.hasClass(addWidgetPrefix(_const.CLASSES.stickyColumnLeft)) && $cell.hasClass(addWidgetPrefix(_const.CLASSES.stickyColumnBorderRight));
            const isFirstRightFixedCell = ($cell, addWidgetPrefix) => $cell.hasClass(addWidgetPrefix(_const.CLASSES.stickyColumnRight)) && $cell.hasClass(addWidgetPrefix(_const.CLASSES.stickyColumnBorderLeft));
            const isFixedCell = ($cell, addWidgetPrefix) => $cell.hasClass(addWidgetPrefix(_const.CLASSES.stickyColumnLeft)) || $cell.hasClass(addWidgetPrefix(_const.CLASSES.stickyColumnRight)) || $cell.hasClass(addWidgetPrefix(_const.CLASSES.stickyColumn));
            const getNonFixedAreaBoundingRect = ($cells, $container, addWidgetPrefix) => {
                const containerRect = (0, _position.getBoundingRect)($container.get(0));
                const result = {
                    left: containerRect.left,
                    right: containerRect.right
                };
                if (null !== $cells && void 0 !== $cells && $cells.length) {
                    const $lastLeftFixedCell = (($cells, $container, addWidgetPrefix) => {
                        const rtlEnabled = "rtl" === $container.css("direction");
                        const processedCells = rtlEnabled ? $cells.toArray() : $cells.toArray().reverse();
                        const lastLeftFixedCell = processedCells.find(cell => isStickyCellPinnedToLeft((0, _renderer.default)(cell), $container, addWidgetPrefix) || isLastLeftFixedCell((0, _renderer.default)(cell), addWidgetPrefix));
                        return (0, _renderer.default)(lastLeftFixedCell ?? "")
                    })($cells, $container, addWidgetPrefix);
                    const $firstRightFixedCell = (($cells, $container, addWidgetPrefix) => {
                        const rtlEnabled = "rtl" === $container.css("direction");
                        const processedCells = rtlEnabled ? $cells.toArray().reverse() : $cells.toArray();
                        const firstRightFixedCell = processedCells.find(cell => isStickyCellPinnedToRight((0, _renderer.default)(cell), $container, addWidgetPrefix) || isFirstRightFixedCell((0, _renderer.default)(cell), addWidgetPrefix));
                        return (0, _renderer.default)(firstRightFixedCell ?? "")
                    })($cells, $container, addWidgetPrefix);
                    if (null !== $lastLeftFixedCell && void 0 !== $lastLeftFixedCell && $lastLeftFixedCell.length) {
                        result.left = Math.round((0, _position.getBoundingRect)($lastLeftFixedCell[0]).right)
                    }
                    if (null !== $firstRightFixedCell && void 0 !== $firstRightFixedCell && $firstRightFixedCell.length) {
                        result.right = Math.round((0, _position.getBoundingRect)($firstRightFixedCell[0]).left)
                    }
                }
                return result
            };
            const needToSkipHeaderCell = $cell => !$cell.is("[tabindex]");
            exports.GridCoreStickyColumnsDom = {
                toggleColumnNoBorderClass: ($cell, value, addWidgetPrefix) => {
                    $cell.toggleClass(addWidgetPrefix(_const.CLASSES.columnNoBorder), value)
                },
                addStickyColumnClass: ($cell, fixedPosition, addWidgetPrefix) => {
                    switch (fixedPosition) {
                        case _const.StickyPosition.Right:
                            $cell.addClass(addWidgetPrefix(_const.CLASSES.stickyColumnRight));
                            break;
                        case _const.StickyPosition.Sticky:
                            $cell.addClass(addWidgetPrefix(_const.CLASSES.stickyColumn));
                            break;
                        default:
                            $cell.addClass(addWidgetPrefix(_const.CLASSES.stickyColumnLeft))
                    }
                },
                addStickyColumnBorderLeftClass: ($cell, addWidgetPrefix) => {
                    $cell.addClass(addWidgetPrefix(_const.CLASSES.stickyColumnBorderLeft))
                },
                addStickyColumnBorderRightClass: ($cell, addWidgetPrefix) => {
                    $cell.addClass(addWidgetPrefix(_const.CLASSES.stickyColumnBorderRight))
                },
                doesGroupCellEndInFirstColumn: $groupCell => {
                    const $groupRow = $groupCell.parent();
                    const commandColumns = $groupRow.children().filter(i => i < $groupCell.index());
                    const groupColSpanWithoutCommand = $groupCell.attr("colspan") - commandColumns.length;
                    return 1 === groupColSpanWithoutCommand
                },
                toggleStickyColumnsClass: ($element, hasStickyColumns, addWidgetPrefix) => {
                    $element.toggleClass(addWidgetPrefix(_const.CLASSES.stickyColumns), hasStickyColumns)
                },
                getLeftFixedCells: ($cells, addWidgetPrefix) => $cells.filter((_, cell) => (0, _renderer.default)(cell).hasClass(addWidgetPrefix(_const.CLASSES.stickyColumnLeft))),
                getRightFixedCells: ($cells, addWidgetPrefix) => $cells.filter((_, cell) => (0, _renderer.default)(cell).hasClass(addWidgetPrefix(_const.CLASSES.stickyColumnRight))),
                getNonFixedAndStickyCells: ($cells, addWidgetPrefix) => $cells.filter((_, cell) => (0, _renderer.default)(cell).hasClass(addWidgetPrefix(_const.CLASSES.stickyColumn)) || !isFixedCell((0, _renderer.default)(cell), addWidgetPrefix)),
                getNonFixedAreaBoundingRect: getNonFixedAreaBoundingRect,
                getScrollPadding: ($cells, $container, addWidgetPrefix) => {
                    const containerRect = (0, _position.getBoundingRect)($container.get(0));
                    const nonFixedAreaBoundingRect = getNonFixedAreaBoundingRect($cells, $container, addWidgetPrefix);
                    return {
                        left: nonFixedAreaBoundingRect.left - containerRect.left,
                        right: containerRect.right - nonFixedAreaBoundingRect.right
                    }
                },
                getNextHeaderCell: function($cell) {
                    let direction = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "next";
                    let $nextCell = $cell;
                    let $nextRow = $cell.parent();
                    do {
                        $nextCell = "next" === direction ? $nextCell.next() : $nextCell.prev();
                        if (!$nextCell.length) {
                            $nextRow = "next" === direction ? $nextRow.next() : $nextRow.prev();
                            if ($nextRow.length) {
                                $nextCell = "next" === direction ? $nextRow.children().first() : $nextRow.children().last()
                            }
                        }
                    } while ($nextCell.length && needToSkipHeaderCell($nextCell));
                    return $nextCell
                },
                noNeedToCreateResizingPoint: (that, _ref, addWidgetPrefix) => {
                    let {
                        point: point,
                        column: column,
                        nextColumn: nextColumn,
                        cells: cells
                    } = _ref;
                    const {
                        item: item,
                        isLeftBoundary: isLeftBoundary,
                        isRightBoundary: isRightBoundary
                    } = point;
                    const $item = (0, _renderer.default)(item);
                    const offsetX = Math.round(point.x);
                    const rtlEnabled = that.option("rtlEnabled");
                    const isSplitPoint = (0, _type.isDefined)(isLeftBoundary) || (0, _type.isDefined)(isRightBoundary);
                    const $cells = (0, _renderer.default)(cells ?? "");
                    const $container = (0, _renderer.default)(that.getContent());
                    const isFixedPoint = (null === column || void 0 === column ? void 0 : column.fixed) && (null === nextColumn || void 0 === nextColumn ? void 0 : nextColumn.fixed);
                    const nonFixedAreaBoundingRect = getNonFixedAreaBoundingRect($cells, $container, addWidgetPrefix);
                    if (isFixedPoint || (0, _utils.isFixedEdge)(point, column, nextColumn)) {
                        return false
                    }
                    if (isSplitPoint) {
                        if (isLastLeftFixedCell($item, addWidgetPrefix) || isStickyCellPinnedToLeft($item, $container, addWidgetPrefix)) {
                            return isLeftBoundary
                        }
                        if (isFirstRightFixedCell($item, addWidgetPrefix) || isStickyCellPinnedToRight($item, $container, addWidgetPrefix)) {
                            return isRightBoundary
                        }
                    }
                    const isOutsideVisibleArea = offsetX < nonFixedAreaBoundingRect.left || offsetX > nonFixedAreaBoundingRect.right;
                    const isPointBoundary = offsetX === nonFixedAreaBoundingRect.left || offsetX === nonFixedAreaBoundingRect.right;
                    const isLastOrFirstPoint = rtlEnabled ? 0 === point.index : point.index === $cells.length;
                    return isOutsideVisibleArea || !isLastOrFirstPoint && isPointBoundary
                },
                isFixedCellPinnedToRight: ($cell, $container, addWidgetPrefix) => $cell.hasClass(addWidgetPrefix(_const.CLASSES.stickyColumnRight)) || isStickyCellPinnedToRight($cell, $container, addWidgetPrefix),
                noNeedToCreateReorderingPoint: (point, $cells, $container, addWidgetPrefix) => {
                    const {
                        item: item,
                        isLeftBoundary: isLeftBoundary,
                        isRightBoundary: isRightBoundary
                    } = point;
                    const $item = (0, _renderer.default)(item);
                    const pointX = Math.round(point.x);
                    const isSplitPoint = (0, _type.isDefined)(isLeftBoundary) || (0, _type.isDefined)(isRightBoundary);
                    const nonFixedAreaBoundingRect = getNonFixedAreaBoundingRect($cells, $container, addWidgetPrefix);
                    if (isStickyCellPinnedToLeft($item, $container, addWidgetPrefix)) {
                        return isSplitPoint && !isLeftBoundary
                    }
                    if (isStickyCellPinnedToRight($item, $container, addWidgetPrefix)) {
                        return isSplitPoint && !isRightBoundary
                    }
                    return pointX < nonFixedAreaBoundingRect.left || pointX > nonFixedAreaBoundingRect.right
                },
                isFixedCell: isFixedCell,
                isStickyCell: ($cell, addWidgetPrefix) => $cell.hasClass(addWidgetPrefix(_const.CLASSES.stickyColumn)),
                isStickyCellPinned: ($cell, $container, addWidgetPrefix) => isStickyCellPinnedToLeft($cell, $container, addWidgetPrefix) || isStickyCellPinnedToRight($cell, $container, addWidgetPrefix),
                isOutsideVisibleArea: ($element, $cells, $container, addWidgetPrefix) => {
                    const elementRect = (0, _position.getBoundingRect)($element.get(0));
                    const elementRectLeft = Math.round(elementRect.left);
                    const elementRectRight = Math.round(elementRect.right);
                    const nonFixedAreaBoundingRect = getNonFixedAreaBoundingRect($cells, $container, addWidgetPrefix);
                    return elementRectLeft < nonFixedAreaBoundingRect.left || elementRectRight > nonFixedAreaBoundingRect.right
                },
                isLastCell: $cell => {
                    if (!$cell.is("td")) {
                        return false
                    }
                    const $lastCell = $cell.parent().children().last();
                    return $cell[0] === $lastCell[0]
                }
            }
        },
        67624(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.stickyColumnsModule = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _const = __webpack_require__( /*! ../adaptivity/const */ 26854);
            var _utils = __webpack_require__( /*! ../keyboard_navigation/utils */ 28185);
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _const2 = __webpack_require__( /*! ../master_detail/const */ 9649);
            var _utils2 = __webpack_require__( /*! ../master_detail/utils */ 90875);
            var _m_rows_view = __webpack_require__( /*! ../views/m_rows_view */ 77081);
            var _const3 = __webpack_require__( /*! ./const */ 87396);
            var _dom = __webpack_require__( /*! ./dom */ 52511);
            var _utils3 = __webpack_require__( /*! ./utils */ 24378);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const baseStickyColumns = Base => class extends Base {
                _addStickyColumnBorderLeftClass($cell, column, rowIndex) {
                    let onlyWithinBandColumn = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : false;
                    let fixedPosition = arguments.length > 4 ? arguments[4] : void 0;
                    const isFirstFixedCell = (0, _utils3.isFirstFixedColumn)(this._columnsController, column, rowIndex, onlyWithinBandColumn, fixedPosition);
                    if (isFirstFixedCell) {
                        _dom.GridCoreStickyColumnsDom.addStickyColumnBorderLeftClass($cell, this.addWidgetPrefix.bind(this))
                    }
                }
                _addStickyColumnBorderRightClass($cell, column, rowIndex) {
                    let onlyWithinBandColumn = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : false;
                    let fixedPosition = arguments.length > 4 ? arguments[4] : void 0;
                    const isLastFixedCell = (0, _utils3.isLastFixedColumn)(this._columnsController, column, rowIndex, onlyWithinBandColumn, fixedPosition);
                    if (isLastFixedCell) {
                        _dom.GridCoreStickyColumnsDom.addStickyColumnBorderRightClass($cell, this.addWidgetPrefix.bind(this))
                    }
                }
                toggleColumnNoBorderClass($cell, column, rowIndex) {
                    const columnsController = this._columnsController;
                    const isRowsView = "rowsView" === this.name;
                    const needToRemoveBorder = (0, _utils3.needToRemoveColumnBorder)(columnsController, column, rowIndex, isRowsView);
                    _dom.GridCoreStickyColumnsDom.toggleColumnNoBorderClass($cell, needToRemoveBorder, this.addWidgetPrefix.bind(this))
                }
                updateColumnNoBorderClasses() {
                    const isColumnHeadersView = "columnHeadersView" === this.name;
                    const $rows = this._getRowElementsCore().not(`.${_const2.CLASSES.detailRow}`).toArray();
                    $rows.forEach((row, index) => {
                        const rowIndex = isColumnHeadersView ? index : null;
                        const $cells = (0, _renderer.default)(row).children("td").toArray();
                        let columns = this.getColumns(rowIndex);
                        columns = (0, _utils3.processFixedColumns)(this._columnsController, columns);
                        $cells.forEach((cell, cellIndex) => {
                            const $cell = (0, _renderer.default)(cell);
                            const column = columns[cellIndex];
                            if (column.visibleWidth !== _const.HIDDEN_COLUMNS_WIDTH) {
                                this.toggleColumnNoBorderClass($cell, column, rowIndex)
                            }
                        })
                    })
                }
                _renderCore(options) {
                    const deferred = super._renderCore(options);
                    const $element = this.element();
                    const hasStickyColumns = this.hasStickyColumns();
                    _dom.GridCoreStickyColumnsDom.toggleStickyColumnsClass($element, hasStickyColumns, this.addWidgetPrefix.bind(this));
                    if (hasStickyColumns) {
                        return deferred.done(() => {
                            this.setStickyOffsets()
                        })
                    }
                    return deferred
                }
                _createCell(options) {
                    const {
                        column: column
                    } = options;
                    const {
                        rowType: rowType
                    } = options;
                    const $cell = super._createCell(options);
                    const hasStickyColumns = this.hasStickyColumns();
                    const rowIndex = "header" === rowType ? options.rowIndex : null;
                    const isSummary = "groupFooter" === rowType || "totalFooter" === rowType || "group" === rowType;
                    const isExpandColumn = column.command && "expand" === column.command;
                    if (hasStickyColumns && !(0, _utils3.needToDisableStickyColumn)(this._columnsController, column)) {
                        this.toggleColumnNoBorderClass($cell, column, rowIndex);
                        if (column.fixed) {
                            const fixedPosition = (0, _utils3.getColumnFixedPosition)(this._columnsController, column);
                            _dom.GridCoreStickyColumnsDom.addStickyColumnClass($cell, fixedPosition, this.addWidgetPrefix.bind(this));
                            if (!isSummary && !isExpandColumn) {
                                switch (fixedPosition) {
                                    case _const3.StickyPosition.Right:
                                        this._addStickyColumnBorderLeftClass($cell, column, rowIndex, false, _const3.StickyPosition.Right);
                                        break;
                                    case _const3.StickyPosition.Sticky:
                                        this._addStickyColumnBorderLeftClass($cell, column, rowIndex, true);
                                        this._addStickyColumnBorderRightClass($cell, column, rowIndex, true);
                                        break;
                                    default:
                                        this._addStickyColumnBorderRightClass($cell, column, rowIndex, false, _const3.StickyPosition.Left)
                                }
                            }
                        }
                    }
                    return $cell
                }
                setStickyOffsets(rowIndex, offsets) {
                    const columnsController = this._columnsController;
                    const rtlEnabled = this.option("rtlEnabled");
                    const showColumnHeaders = this.option("showColumnHeaders");
                    let widths = this.getColumnWidths(void 0, rowIndex);
                    let columns = this.getColumns(showColumnHeaders ? rowIndex : void 0);
                    columns = (0, _utils3.processFixedColumns)(this._columnsController, columns);
                    if (rtlEnabled) {
                        columns = rtlEnabled ? [...columns].reverse() : columns;
                        widths = rtlEnabled ? [...widths].reverse() : widths
                    }
                    columns.forEach((column, columnIndex) => {
                        if (column.fixed) {
                            const visibleColumnIndex = rtlEnabled ? columns.length - columnIndex - 1 : columnIndex;
                            const offset = (0, _utils3.getStickyOffset)(columnsController, columns, widths, columnIndex, offsets);
                            if (offsets) {
                                offsets[column.index] = offset
                            }
                            const styleProps = (0, _utils3.normalizeOffset)(offset);
                            this.setCellProperties(styleProps, visibleColumnIndex, rowIndex)
                        }
                    })
                }
                setColumnWidths(options) {
                    const hasStickyColumns = this.hasStickyColumns();
                    const columnsResizerController = this.getController("columnsResizer");
                    const isColumnResizing = null === columnsResizerController || void 0 === columnsResizerController ? void 0 : columnsResizerController.isResizing();
                    super.setColumnWidths(options);
                    if (hasStickyColumns && isColumnResizing) {
                        this.setStickyOffsets()
                    }
                }
                _resizeCore() {
                    var _this$_adaptiveColumn;
                    const hasStickyColumns = this.hasStickyColumns();
                    const hasHidingColumnsQueue = !!(null !== (_this$_adaptiveColumn = this._adaptiveColumnsController) && void 0 !== _this$_adaptiveColumn && null !== (_this$_adaptiveColumn = _this$_adaptiveColumn.getHidingColumnsQueue()) && void 0 !== _this$_adaptiveColumn && _this$_adaptiveColumn.length);
                    super._resizeCore.apply(this);
                    if (!hasStickyColumns) {
                        return
                    }
                    this.setStickyOffsets();
                    if (hasHidingColumnsQueue) {
                        this.updateColumnNoBorderClasses()
                    }
                }
                hasStickyColumns() {
                    var _this$_columnsControl;
                    const stickyColumns = null === (_this$_columnsControl = this._columnsController) || void 0 === _this$_columnsControl ? void 0 : _this$_columnsControl.getStickyColumns();
                    return true !== this.option("columnFixing.legacyMode") && !!stickyColumns.length
                }
            };
            exports.stickyColumnsModule = {
                extenders: {
                    views: {
                        columnHeadersView: Base => class extends(baseStickyColumns(Base)) {
                            setStickyOffsets() {
                                const offsets = {};
                                const rows = this._getRows();
                                for (let rowIndex = 0; rowIndex < rows.length; rowIndex++) {
                                    var _rows$rowIndex;
                                    const isFilterRow = "filter" === (null === rows || void 0 === rows || null === (_rows$rowIndex = rows[rowIndex]) || void 0 === _rows$rowIndex ? void 0 : _rows$rowIndex.rowType);
                                    super.setStickyOffsets(rowIndex, isFilterRow ? void 0 : offsets)
                                }
                            }
                            getContextMenuItems(options) {
                                const {
                                    column: column
                                } = options;
                                const columnsController = this._columnsController;
                                const columnFixingOptions = this.option("columnFixing");
                                let items = super.getContextMenuItems(options);
                                if (options.row && "header" === options.row.rowType) {
                                    if (true === columnFixingOptions.enabled && column && column.allowFixing) {
                                        const onItemClick = params => {
                                            switch (params.itemData.value) {
                                                case "none":
                                                    this._columnsController.columnOption(column.index, "fixed", false);
                                                    break;
                                                case "left":
                                                    this._columnsController.columnOption(column.index, {
                                                        fixed: true,
                                                        fixedPosition: "left"
                                                    });
                                                    break;
                                                case "right":
                                                    this._columnsController.columnOption(column.index, {
                                                        fixed: true,
                                                        fixedPosition: "right"
                                                    });
                                                    break;
                                                case "sticky":
                                                    this._columnsController.columnOption(column.index, {
                                                        fixed: true,
                                                        fixedPosition: "sticky"
                                                    })
                                            }
                                        };
                                        const fixedPositionItems = [{
                                            text: columnFixingOptions.texts.leftPosition,
                                            icon: columnFixingOptions.icons.leftPosition,
                                            value: "left",
                                            disabled: column.fixed && (!column.fixedPosition || "left" === column.fixedPosition),
                                            onItemClick: onItemClick
                                        }, {
                                            text: columnFixingOptions.texts.rightPosition,
                                            icon: columnFixingOptions.icons.rightPosition,
                                            value: "right",
                                            disabled: column.fixed && "right" === column.fixedPosition,
                                            onItemClick: onItemClick
                                        }];
                                        if (true !== this.option("columnFixing.legacyMode") && !columnsController.isVirtualMode()) {
                                            fixedPositionItems.push({
                                                text: columnFixingOptions.texts.stickyPosition,
                                                icon: columnFixingOptions.icons.stickyPosition,
                                                value: "sticky",
                                                disabled: column.fixed && column.fixedPosition === _const3.StickyPosition.Sticky,
                                                onItemClick: onItemClick
                                            })
                                        }
                                        items = items || [];
                                        items.push({
                                            text: columnFixingOptions.texts.fix,
                                            icon: columnFixingOptions.icons.fix,
                                            beginGroup: true,
                                            items: fixedPositionItems
                                        }, {
                                            text: columnFixingOptions.texts.unfix,
                                            icon: columnFixingOptions.icons.unfix,
                                            value: "none",
                                            disabled: !column.fixed,
                                            onItemClick: onItemClick
                                        })
                                    }
                                }
                                return items
                            }
                        },
                        rowsView: Base => class extends(baseStickyColumns(Base)) {
                            _getMasterDetailWidth() {
                                const componentWidth = (0, _size.getWidth)(this.component.$element()) ?? 0;
                                const borderWidth = _m_utils.default.getComponentBorderWidth(this, this._$element);
                                return componentWidth - borderWidth - this.getScrollbarWidth()
                            }
                            _renderMasterDetailCell($row, row, options) {
                                const $detailCell = super._renderMasterDetailCell($row, row, options);
                                if (this.hasStickyColumns()) {
                                    const detailContainerSelector = `.${this.addWidgetPrefix(_const2.CLASSES.detailContainer)}`;
                                    const $detailContainer = $detailCell.find(detailContainerSelector);
                                    $detailContainer.addClass(this.addWidgetPrefix(_const3.CLASSES.stickyColumnLeft));
                                    (0, _size.setWidth)($detailContainer, this._getMasterDetailWidth())
                                }
                                return $detailCell
                            }
                            _updateMasterDetailWidths() {
                                const $detailContainers = this._getRowElements().children(`.${_const2.CLASSES.detailCell}`).children(`.${this.addWidgetPrefix(_const2.CLASSES.detailContainer)}`);
                                const width = this._getMasterDetailWidth();
                                (0, _size.setWidth)($detailContainers, `${width}px`)
                            }
                            setStickyOffsets(rowIndex, offsets) {
                                super.setStickyOffsets(rowIndex, offsets);
                                this.setStickyOffsetsForGroupCells()
                            }
                            setStickyOffsetsForGroupCells() {
                                const groupColumns = this._columnsController.getGroupColumns();
                                let columns = this.getColumns();
                                let widths = this.getColumnWidths();
                                const columnsCountBeforeGroups = this._getColumnsCountBeforeGroups(columns);
                                const rtlEnabled = this.option("rtlEnabled");
                                if (rtlEnabled) {
                                    columns = rtlEnabled ? [...columns].reverse() : columns;
                                    widths = rtlEnabled ? [...widths].reverse() : widths
                                }
                                const $tableElement = this.getTableElement();
                                groupColumns.forEach(column => {
                                    const columnIndex = columnsCountBeforeGroups + column.groupIndex + 1;
                                    const visibleColumnIndex = rtlEnabled ? columns.length - columnIndex - 1 : columnIndex;
                                    const offset = (0, _utils3.getStickyOffset)(this._columnsController, columns, widths, visibleColumnIndex);
                                    const styleProps = (0, _utils3.normalizeOffset)(offset);
                                    const $cells = $tableElement.children().children(".dx-group-row").find(`.dx-group-cell[aria-colindex='${columnIndex+1}']`);
                                    for (let i = 0; i < $cells.length; i += 1) {
                                        const cell = $cells.get(i);
                                        const container = (0, _renderer.default)(cell).find(".dx-datagrid-group-row-container").get(0);
                                        Object.assign(cell.style, styleProps);
                                        Object.assign(container.style, styleProps)
                                    }
                                })
                            }
                            _resizeCore() {
                                const hasStickyColumns = this.hasStickyColumns();
                                super._resizeCore.apply(this, arguments);
                                if (hasStickyColumns) {
                                    this._updateMasterDetailWidths()
                                }
                            }
                            _renderCellContent($cell, options, renderOptions) {
                                const hasStickyColumns = this.hasStickyColumns();
                                const isGroupRowResult = (0, _m_rows_view.isGroupRow)(options);
                                const isDetailRowResult = (0, _utils2.isDetailRow)(options);
                                const needWrapContent = isGroupRowResult || isDetailRowResult;
                                if (!hasStickyColumns || !needWrapContent) {
                                    return super._renderCellContent($cell, options, renderOptions)
                                }
                                const $container = (0, _renderer.default)("<div>").toggleClass(this.addWidgetPrefix(_const3.CLASSES.groupRowContainer), isGroupRowResult).toggleClass(this.addWidgetPrefix(_const2.CLASSES.detailContainer), isDetailRowResult).appendTo($cell);
                                return super._renderCellContent($container, options, renderOptions)
                            }
                            _renderGroupSummaryCellsCore($groupCell, options, groupCellColSpan, alignByColumnCellCount) {
                                super._renderGroupSummaryCellsCore($groupCell, options, groupCellColSpan, alignByColumnCellCount);
                                const stickySummarySelector = `.${this.addWidgetPrefix(_const3.CLASSES.stickyColumn)}`;
                                if ($groupCell.parent().find(stickySummarySelector).length && _dom.GridCoreStickyColumnsDom.doesGroupCellEndInFirstColumn($groupCell)) {
                                    _dom.GridCoreStickyColumnsDom.addStickyColumnBorderRightClass($groupCell, this.addWidgetPrefix.bind(this))
                                }
                            }
                            _handleScroll(e) {
                                const hasStickyColumns = this.hasStickyColumns();
                                super._handleScroll(e);
                                if (hasStickyColumns) {
                                    const editorFactoryController = this.getController("editorFactory");
                                    const hasOverlayElements = editorFactoryController.hasOverlayElements();
                                    if (hasOverlayElements) {
                                        const $focusedElement = editorFactoryController.focus();
                                        editorFactoryController.focus($focusedElement)
                                    }
                                }
                            }
                            _scrollToElement($element, offset) {
                                let scrollOffset = offset;
                                const scrollable = this.getScrollable();
                                const hasStickyColumns = this.hasStickyColumns();
                                if (hasStickyColumns && scrollable) {
                                    const isFixedCell = _dom.GridCoreStickyColumnsDom.isFixedCell($element, this.addWidgetPrefix.bind(this));
                                    if (!$element.is("td") || isFixedCell) {
                                        return
                                    }
                                    const $row = null === $element || void 0 === $element ? void 0 : $element.closest("tr");
                                    const $cells = null === $row || void 0 === $row ? void 0 : $row.children();
                                    scrollOffset = _dom.GridCoreStickyColumnsDom.getScrollPadding($cells, (0, _renderer.default)(scrollable.container()), this.addWidgetPrefix.bind(this))
                                }
                                super._scrollToElement($element, scrollOffset)
                            }
                        },
                        footerView: Base => class extends(baseStickyColumns(Base)) {}
                    },
                    controllers: {
                        columnsResizer: Base => class extends Base {
                            getSeparatorOffsetX($cell) {
                                var _this$_columnHeadersV;
                                const hasStickyColumns = null === (_this$_columnHeadersV = this._columnHeadersView) || void 0 === _this$_columnHeadersV ? void 0 : _this$_columnHeadersV.hasStickyColumns();
                                if (hasStickyColumns) {
                                    const $container = (0, _renderer.default)(this._columnHeadersView.getContent());
                                    const isFixedCellPinnedToRight = _dom.GridCoreStickyColumnsDom.isFixedCellPinnedToRight($cell, $container, this.addWidgetPrefix.bind(this));
                                    const isWidgetResizingMode = "widget" === this.option("columnResizingMode");
                                    if (isWidgetResizingMode && isFixedCellPinnedToRight) {
                                        var _$cell$offset;
                                        return (null === (_$cell$offset = $cell.offset()) || void 0 === _$cell$offset ? void 0 : _$cell$offset.left) ?? 0
                                    }
                                }
                                return super.getSeparatorOffsetX($cell)
                            }
                            _correctColumnIndexForPoint(point, correctionValue, columns) {
                                const rtlEnabled = this.option("rtlEnabled");
                                const isWidgetResizingMode = "widget" === this.option("columnResizingMode");
                                const columnIndex = Math.max(point.index - 1, 0);
                                const column = columns[columnIndex];
                                const nextColumnIndex = this._getNextColumnIndex(columnIndex);
                                const nextColumn = columns[nextColumnIndex];
                                if (isWidgetResizingMode && !(0, _utils3.isFixedEdge)(point, column, nextColumn)) {
                                    const $container = (0, _renderer.default)(this._columnHeadersView.getContent());
                                    const isFixedCellPinnedToRight = _dom.GridCoreStickyColumnsDom.isFixedCellPinnedToRight((0, _renderer.default)(point.item), $container, this.addWidgetPrefix.bind(this));
                                    if (isFixedCellPinnedToRight) {
                                        point.columnIndex -= rtlEnabled ? 1 : 0;
                                        return
                                    }
                                }
                                super._correctColumnIndexForPoint(point, correctionValue, columns)
                            }
                            _needToInvertResizing($cell) {
                                const result = super._needToInvertResizing($cell);
                                const isWidgetResizingMode = "widget" === this.option("columnResizingMode");
                                if (!result && isWidgetResizingMode) {
                                    const $container = (0, _renderer.default)(this._columnHeadersView.getContent());
                                    return _dom.GridCoreStickyColumnsDom.isFixedCellPinnedToRight($cell, $container, this.addWidgetPrefix.bind(this))
                                }
                                return result
                            }
                            _generatePointsByColumns() {
                                var _this$_columnHeadersV2;
                                const hasStickyColumns = null === (_this$_columnHeadersV2 = this._columnHeadersView) || void 0 === _this$_columnHeadersV2 ? void 0 : _this$_columnHeadersV2.hasStickyColumns();
                                super._generatePointsByColumns(hasStickyColumns)
                            }
                            _pointCreated(point, columns, cells) {
                                var _this$_columnHeadersV3;
                                const hasStickyColumns = null === (_this$_columnHeadersV3 = this._columnHeadersView) || void 0 === _this$_columnHeadersV3 ? void 0 : _this$_columnHeadersV3.hasStickyColumns();
                                const result = super._pointCreated(point, columns, cells);
                                const cellsLength = (null === cells || void 0 === cells ? void 0 : cells.length) ?? columns.length;
                                const needToCheckPoint = hasStickyColumns && cellsLength > 0;
                                if (needToCheckPoint && !result) {
                                    const column = columns[point.index - 1];
                                    const nextColumnIndex = this._getNextColumnIndex(point.index - 1);
                                    const nextColumn = columns[nextColumnIndex];
                                    return _dom.GridCoreStickyColumnsDom.noNeedToCreateResizingPoint(this._columnHeadersView, {
                                        point: point,
                                        column: column,
                                        nextColumn: nextColumn,
                                        cells: cells
                                    }, this.addWidgetPrefix.bind(this))
                                }
                                return result
                            }
                        },
                        draggingHeader: Base => class extends Base {
                            _generatePointsByColumns(options) {
                                var _this$_columnHeadersV4;
                                const hasStickyColumns = null === (_this$_columnHeadersV4 = this._columnHeadersView) || void 0 === _this$_columnHeadersV4 ? void 0 : _this$_columnHeadersV4.hasStickyColumns();
                                const {
                                    sourceLocation: sourceLocation,
                                    sourceColumn: sourceColumn,
                                    targetDraggingPanel: targetDraggingPanel
                                } = options;
                                const isDraggingBetweenHeaders = "headers" === sourceLocation && "headers" === (null === targetDraggingPanel || void 0 === targetDraggingPanel ? void 0 : targetDraggingPanel.getName());
                                if (hasStickyColumns && isDraggingBetweenHeaders) {
                                    const columnFixedPosition = (0, _utils3.getColumnFixedPosition)(this._columnsController, sourceColumn);
                                    switch (true) {
                                        case sourceColumn.fixed && columnFixedPosition === _const3.StickyPosition.Left:
                                            options.columnElements = _dom.GridCoreStickyColumnsDom.getLeftFixedCells(options.columnElements, this.addWidgetPrefix.bind(this));
                                            options.startColumnIndex = options.columnElements.eq(0).index();
                                            break;
                                        case sourceColumn.fixed && columnFixedPosition === _const3.StickyPosition.Right:
                                            options.columnElements = _dom.GridCoreStickyColumnsDom.getRightFixedCells(options.columnElements, this.addWidgetPrefix.bind(this));
                                            options.startColumnIndex = options.columnElements.eq(0).index();
                                            break;
                                        default:
                                            options.columnElements = _dom.GridCoreStickyColumnsDom.getNonFixedAndStickyCells(options.columnElements, this.addWidgetPrefix.bind(this));
                                            options.startColumnIndex = options.columnElements.eq(0).index()
                                    }
                                }
                                return super._generatePointsByColumns(options, hasStickyColumns)
                            }
                            _pointCreated(_ref) {
                                let {
                                    point: point,
                                    columns: columns,
                                    location: location,
                                    sourceColumn: sourceColumn,
                                    cells: cells
                                } = _ref;
                                const hasStickyColumns = this._columnHeadersView.hasStickyColumns();
                                const needToCheckPoint = hasStickyColumns && "headers" === location && (null === cells || void 0 === cells ? void 0 : cells.length) && (!sourceColumn.fixed || sourceColumn.fixedPosition === _const3.StickyPosition.Sticky);
                                const result = super._pointCreated({
                                    point: point,
                                    columns: columns,
                                    location: location,
                                    sourceColumn: sourceColumn
                                });
                                if (needToCheckPoint && !result) {
                                    return _dom.GridCoreStickyColumnsDom.noNeedToCreateReorderingPoint(point, cells, (0, _renderer.default)(this._columnHeadersView.getContent()), this.addWidgetPrefix.bind(this))
                                }
                                return result
                            }
                        },
                        editorFactory: Base => class extends Base {
                            getOverlayContainerIfNeeded($cell) {
                                const hasFixedColumns = this._rowsView.hasStickyColumns();
                                const isFixedCell = _dom.GridCoreStickyColumnsDom.isFixedCell($cell, this.addWidgetPrefix.bind(this));
                                if (hasFixedColumns && isFixedCell) {
                                    return $cell.closest(`.${this.addWidgetPrefix(_const3.CLASSES.stickyColumns)}`)
                                }
                                return
                            }
                            updateFocusOverlaySize($element, position) {
                                const hasFixedColumns = this._rowsView.hasStickyColumns();
                                if (!hasFixedColumns) {
                                    super.updateFocusOverlaySize($element, position)
                                }
                            }
                            getFocusOverlaySize($element) {
                                const hasFixedColumns = this._rowsView.hasStickyColumns();
                                if (hasFixedColumns) {
                                    const elementRect = (0, _position.getBoundingRect)($element.get(0));
                                    const isLastCell = _dom.GridCoreStickyColumnsDom.isLastCell($element);
                                    const isFixedCell = _dom.GridCoreStickyColumnsDom.isFixedCell($element, this.addWidgetPrefix.bind(this));
                                    return {
                                        width: elementRect.right - elementRect.left + (isLastCell || isFixedCell ? 0 : 1),
                                        height: elementRect.bottom - elementRect.top
                                    }
                                }
                                return super.getFocusOverlaySize($element)
                            }
                            getValidationMessageContainer($cell) {
                                return this.getOverlayContainerIfNeeded($cell) ?? super.getValidationMessageContainer($cell)
                            }
                            getRevertButtonContainer($cell) {
                                return this.getOverlayContainerIfNeeded($cell) ?? super.getRevertButtonContainer($cell)
                            }
                            overlayPositionedHandler(e, isOverlayVisible) {
                                const columnHeaders = this.getView("columnHeadersView");
                                const hasStickyColumns = columnHeaders.hasStickyColumns();
                                super.overlayPositionedHandler(e, isOverlayVisible);
                                if (hasStickyColumns) {
                                    const $cell = (0, _renderer.default)(e.element).closest("td");
                                    if (!_dom.GridCoreStickyColumnsDom.isFixedCell($cell, this.addWidgetPrefix.bind(this))) {
                                        const $wrapper = e.component.$wrapper();
                                        const $overlayContent = e.component.$content();
                                        const isOutsideVisibleArea = _dom.GridCoreStickyColumnsDom.isOutsideVisibleArea($overlayContent, (0, _renderer.default)(columnHeaders.getColumnElements()), (0, _renderer.default)(columnHeaders.getContent()), this.addWidgetPrefix.bind(this));
                                        $wrapper.css("zIndex", isOutsideVisibleArea ? 1 : (null === this || void 0 === this ? void 0 : this.getOverlayBaseZIndex()) ?? 0)
                                    }
                                }
                            }
                            updateFocusOverlay($element) {
                                let isHideBorder = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                                if (!isHideBorder) {
                                    const isFixedCell = _dom.GridCoreStickyColumnsDom.isFixedCell($element, this.addWidgetPrefix.bind(this));
                                    this._$focusOverlay.toggleClass(_const3.CLASSES.focusedFixedElement, isFixedCell);
                                    const isGroupElement = (0, _utils.isGroupRow)($element);
                                    const isGroupFooterRowElement = (0, _utils.isGroupFooterRow)($element);
                                    const isAdaptiveElement = (0, _utils.isAdaptiveItem)($element);
                                    if (isFixedCell || isGroupElement || isGroupFooterRowElement || isAdaptiveElement) {
                                        this._$focusOverlay.toggleClass(_const3.CLASSES.focusedFixedElement, true)
                                    }
                                }
                                super.updateFocusOverlay($element, isHideBorder)
                            }
                        },
                        resizing: Base => class extends Base {
                            resize() {
                                const result = super.resize();
                                const hasStickyColumns = this._columnHeadersView.hasStickyColumns();
                                if (hasStickyColumns && null !== this && void 0 !== this && this.hasResizeTimeout()) {
                                    this._rowsView.setStickyOffsets()
                                }
                                return result
                            }
                        },
                        headersKeyboardNavigation: Base => class extends Base {
                            getContainerBoundingRect($container) {
                                var _this$_columnHeadersV5;
                                const hasStickyColumns = null === (_this$_columnHeadersV5 = this._columnHeadersView) || void 0 === _this$_columnHeadersV5 ? void 0 : _this$_columnHeadersV5.hasStickyColumns();
                                if (hasStickyColumns) {
                                    const $cells = (0, _renderer.default)(this._columnHeadersView.getColumnElements());
                                    return _dom.GridCoreStickyColumnsDom.getNonFixedAreaBoundingRect($cells, $container, this.addWidgetPrefix.bind(this))
                                }
                                return super.getContainerBoundingRect($container)
                            }
                            tabKeyHandler(_ref2) {
                                var _this$_columnHeadersV6, _this$getView;
                                let {
                                    originalEvent: originalEvent,
                                    shift: shift
                                } = _ref2;
                                const hasStickyColumns = null === (_this$_columnHeadersV6 = this._columnHeadersView) || void 0 === _this$_columnHeadersV6 ? void 0 : _this$_columnHeadersV6.hasStickyColumns();
                                const scrollable = null === (_this$getView = this.getView("rowsView")) || void 0 === _this$getView ? void 0 : _this$getView.getScrollable();
                                if (!hasStickyColumns || !scrollable) {
                                    return
                                }
                                const $cell = (0, _renderer.default)(originalEvent.target).closest("td");
                                const $nextCell = _dom.GridCoreStickyColumnsDom.getNextHeaderCell($cell, shift ? "previous" : "next");
                                const isFixedCell = _dom.GridCoreStickyColumnsDom.isFixedCell($nextCell, this.addWidgetPrefix.bind(this));
                                if (isFixedCell) {
                                    return
                                }
                                const nextCellIsOutsideVisibleArea = $nextCell.length && this.isOutsideVisibleArea($nextCell, (0, _renderer.default)(this._columnHeadersView.getContent()));
                                if (nextCellIsOutsideVisibleArea) {
                                    this.scrollToNextCell($nextCell)
                                }
                            }
                        }
                    }
                }
            }
        },
        24378(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.processFixedColumns = exports.normalizeOffset = exports.needToRemoveColumnBorder = exports.needToDisableStickyColumn = exports.isLastFixedColumn = exports.isFixedEdge = exports.isFirstFixedColumn = exports.getStickyOffset = exports.getColumnFixedPosition = void 0;
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _m_utils = (e = __webpack_require__( /*! ../../../grids/grid_core/m_utils */ 53226), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _const = __webpack_require__( /*! ../adaptivity/const */ 26854);
            var _const2 = __webpack_require__( /*! ./const */ 87396);
            const getColumnFixedPosition = (that, column) => {
                const {
                    fixedPosition: fixedPosition
                } = column;
                const rtlEnabled = that.option("rtlEnabled");
                const isExceptionCommandColumn = column.command && "expand" === column.command;
                const isDefaultCommandColumn = column.command && !_m_utils.default.isCustomCommandColumn(that._columns, column);
                if (isDefaultCommandColumn && rtlEnabled && !isExceptionCommandColumn) {
                    return fixedPosition === _const2.StickyPosition.Right ? _const2.StickyPosition.Left : _const2.StickyPosition.Right
                }
                return fixedPosition ?? _const2.StickyPosition.Left
            };
            exports.getColumnFixedPosition = getColumnFixedPosition;
            const needToDisableStickyColumn = function(that, column) {
                return that.isVirtualMode() && !!column.fixed && column.fixedPosition === _const2.StickyPosition.Sticky
            };
            exports.needToDisableStickyColumn = needToDisableStickyColumn;
            exports.processFixedColumns = function(that, columns) {
                return columns.map(column => {
                    if (needToDisableStickyColumn(that, column)) {
                        return Object.assign({}, column, {
                            fixed: false,
                            fixedPosition: ""
                        })
                    }
                    return column
                })
            };
            const isVisibleColumn = function(that, column) {
                return column.visibleWidth !== _const.HIDDEN_COLUMNS_WIDTH && (!column.isBand || !!that.getVisibleDataColumnsByBandColumn(column.index).length)
            };
            const areNextOnlyFixedOrHiddenColumns = function(that, columns) {
                return !columns.some(column => !column.fixed && isVisibleColumn(that, column))
            };
            const getStickyOffsetCore = function(that, columns, widths, columnIndex, fixedPosition, offsets) {
                const column = columns[columnIndex];
                const isChildColumn = (0, _type.isDefined)(column.ownerBand);
                const targetColumnIsRight = fixedPosition === _const2.StickyPosition.Right;
                const targetColumnIsSticky = column.fixedPosition === _const2.StickyPosition.Sticky;
                const nextOrPrevColumns = targetColumnIsRight ? columns.slice(columnIndex + 1) : columns.slice(0, columnIndex).reverse();
                const nextOrPrevColumnWidths = targetColumnIsRight ? widths.slice(columnIndex + 1) : widths.slice(0, columnIndex).reverse();
                let offset = 0;
                let adjacentStickyColumnIndex = 0;
                let nonSiblingStickyColumnCount = !areNextOnlyFixedOrHiddenColumns(that, nextOrPrevColumns) && targetColumnIsSticky && nextOrPrevColumns.length ? 1 : 0;
                nextOrPrevColumns.forEach((col, colIndex) => {
                    if (col.fixed && (!(0, _type.isDefined)(offsets) || column.ownerBand === col.ownerBand)) {
                        const columnIsSticky = col.fixedPosition === _const2.StickyPosition.Sticky;
                        offset += nextOrPrevColumnWidths[colIndex] ?? col.visibleWidth;
                        if (targetColumnIsSticky && columnIsSticky && !areNextOnlyFixedOrHiddenColumns(that, nextOrPrevColumns.slice(colIndex + 1))) {
                            if (colIndex !== adjacentStickyColumnIndex) {
                                nonSiblingStickyColumnCount += 1;
                                adjacentStickyColumnIndex = colIndex + 1
                            } else {
                                adjacentStickyColumnIndex += 1
                            }
                        }
                    } else if (!isVisibleColumn(that, col)) {
                        adjacentStickyColumnIndex += 1
                    }
                });
                if (isChildColumn && (0, _type.isDefined)(offsets)) {
                    var _offsets$column$owner;
                    offset += (null === offsets || void 0 === offsets || null === (_offsets$column$owner = offsets[column.ownerBand]) || void 0 === _offsets$column$owner ? void 0 : _offsets$column$owner[fixedPosition]) ?? 0;
                    return offset
                }
                return offset - nonSiblingStickyColumnCount * _const2.STICKY_BORDER_WIDTH
            };
            const isFirstOrLastColumn = function(that, column, rowIndex) {
                let onlyWithinBandColumn = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : false;
                let isLast = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : false;
                let fixedPosition = arguments.length > 5 ? arguments[5] : void 0;
                const rtlEnabled = that.option("rtlEnabled");
                const methodName = rtlEnabled !== isLast ? "isLastColumn" : "isFirstColumn";
                if (column.fixedPosition === _const2.StickyPosition.Sticky) {
                    const parentColumn = that.getParentColumn(column) ?? column;
                    if (that[methodName](parentColumn, 0)) {
                        return false
                    }
                }
                return that[methodName](column, rowIndex, onlyWithinBandColumn, fixedPosition)
            };
            exports.getStickyOffset = function(that, columns, widths, columnIndex, offsets) {
                const result = {};
                const column = columns[columnIndex];
                if (column) {
                    const fixedPosition = getColumnFixedPosition(that, column);
                    switch (fixedPosition) {
                        case _const2.StickyPosition.Sticky: {
                            const offsetLeft = getStickyOffsetCore(that, columns, widths, columnIndex, _const2.StickyPosition.Left, offsets);
                            const offsetRight = getStickyOffsetCore(that, columns, widths, columnIndex, _const2.StickyPosition.Right, offsets);
                            result.left = offsetLeft;
                            result.right = offsetRight;
                            break
                        }
                        case _const2.StickyPosition.Right: {
                            const offsetRight = getStickyOffsetCore(that, columns, widths, columnIndex, _const2.StickyPosition.Right, offsets);
                            result.right = offsetRight;
                            break
                        }
                        default: {
                            const offsetLeft = getStickyOffsetCore(that, columns, widths, columnIndex, _const2.StickyPosition.Left, offsets);
                            result.left = offsetLeft
                        }
                    }
                }
                return result
            };
            const needToRemoveColumnBorderCore = function(that, column, visibleColumns, rowIndex) {
                const prevColumn = function(that, column, visibleColumns, rowIndex) {
                    const visibleColumnIndex = that.getVisibleIndex(column.index, rowIndex);
                    return null === visibleColumns || void 0 === visibleColumns ? void 0 : visibleColumns.slice(0, visibleColumnIndex).reverse().find(col => isVisibleColumn(that, col))
                }(that, column, visibleColumns, rowIndex);
                const columnFixedPosition = getColumnFixedPosition(that, column);
                const prevColumnFixedPosition = prevColumn && getColumnFixedPosition(that, prevColumn);
                return !!(null !== prevColumn && void 0 !== prevColumn && prevColumn.fixed) && !needToDisableStickyColumn(that, prevColumn) && (!column.fixed || columnFixedPosition === _const2.StickyPosition.Sticky || prevColumnFixedPosition === _const2.StickyPosition.Sticky)
            };
            exports.needToRemoveColumnBorder = function(that, column, rowIndex) {
                let isDataColumn = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : false;
                const visibleColumns = that.getVisibleColumns(isDataColumn ? null : rowIndex);
                const parentColumn = that.getParentColumn(column);
                if (parentColumn) {
                    const isFirstColumn = that.isFirstColumn(column, rowIndex, true);
                    return isFirstColumn && needToRemoveColumnBorderCore(that, parentColumn, that.getVisibleColumns(0), 0)
                }
                return needToRemoveColumnBorderCore(that, column, visibleColumns, rowIndex)
            };
            exports.normalizeOffset = function(offset) {
                const styleProps = {};
                if ((0, _type.isDefined)(offset.left)) {
                    styleProps.left = `${offset.left}px`
                }
                if ((0, _type.isDefined)(offset.right)) {
                    styleProps.right = `${offset.right}px`
                }
                return styleProps
            };
            exports.isFirstFixedColumn = function(that, column, rowIndex) {
                let onlyWithinBandColumn = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : false;
                let fixedPosition = arguments.length > 4 ? arguments[4] : void 0;
                return isFirstOrLastColumn(that, column, rowIndex, onlyWithinBandColumn, false, fixedPosition)
            };
            exports.isLastFixedColumn = function(that, column, rowIndex) {
                let onlyWithinBandColumn = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : false;
                let fixedPosition = arguments.length > 4 ? arguments[4] : void 0;
                return isFirstOrLastColumn(that, column, rowIndex, onlyWithinBandColumn, true, fixedPosition)
            };
            exports.isFixedEdge = function(point, column, nextColumn) {
                const isSplitPoint = (0, _type.isDefined)(point.isLeftBoundary) || (0, _type.isDefined)(point.isRightBoundary);
                return !isSplitPoint && !!column && !!nextColumn && column.fixed !== nextColumn.fixed
            }
        },
        39859(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ToastViewController = void 0;
            var _m_modules = __webpack_require__( /*! ../m_modules */ 74854);
            class ToastViewController extends _m_modules.ViewController {
                constructor() {
                    super(...arguments);
                    this._toastView = null
                }
                init() {
                    this._toastView = this.getView("toastView")
                }
                showToast(message) {
                    var _this$_toastView;
                    let options = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
                    null === (_this$_toastView = this._toastView) || void 0 === _this$_toastView || _this$_toastView.showToast(message, options)
                }
                async hideToast() {
                    var _this$_toastView2;
                    await (null === (_this$_toastView2 = this._toastView) || void 0 === _this$_toastView2 ? void 0 : _this$_toastView2.hideToast())
                }
                dispose() {
                    var _this$_toastView3;
                    null === (_this$_toastView3 = this._toastView) || void 0 === _this$_toastView3 || _this$_toastView3.dispose()
                }
            }
            exports.ToastViewController = ToastViewController
        },
        66982(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ToastView = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _toast = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/toast */ 36574));
            var _m_modules = __webpack_require__( /*! ../m_modules */ 74854);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class ToastView extends _m_modules.View {
                constructor() {
                    super(...arguments);
                    this._toastInstance = null;
                    this._$toastContainer = null
                }
                _createToastInstance(options) {
                    if (this._toastInstance) {
                        return this._toastInstance
                    }
                    if (!this._$toastContainer) {
                        this._$toastContainer = (0, _renderer.default)("<div>").appendTo(this.component.$element())
                    }
                    this._toastInstance = this._createComponent(this._$toastContainer, _toast.default, Object.assign({
                        position: {
                            my: "bottom",
                            at: "bottom",
                            of: this.component.$element().get(0)
                        }
                    }, options, {
                        visible: false
                    }));
                    return this._toastInstance
                }
                showToast(message) {
                    let options = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
                    const toast = this._createToastInstance(options);
                    null === toast || void 0 === toast || toast.option(Object.assign({}, options, {
                        message: message,
                        visible: true
                    }))
                }
                async hideToast() {
                    var _this$_toastInstance;
                    await (null === (_this$_toastInstance = this._toastInstance) || void 0 === _this$_toastInstance ? void 0 : _this$_toastInstance.hide())
                }
                dispose() {
                    if (this._toastInstance) {
                        this._toastInstance.dispose();
                        this._toastInstance = null
                    }
                    if (this._$toastContainer) {
                        this._$toastContainer.remove();
                        this._$toastContainer = null
                    }
                }
            }
            exports.ToastView = ToastView
        },
        76097(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "isEqualSelectors", {
                enumerable: true,
                get: function() {
                    return _selector_comparison.isEqualSelectors
                }
            });
            Object.defineProperty(exports, "isSelectorEqualWithCallback", {
                enumerable: true,
                get: function() {
                    return _selector_comparison.isSelectorEqualWithCallback
                }
            });
            var _selector_comparison = __webpack_require__( /*! ./selector_comparison */ 45050)
        },
        45050(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.isSelectorEqualWithCallback = exports.isEqualSelectors = exports.getNormalizedColumnIdx = exports.getNormalizedCallback = exports.compareCallbacks = void 0;
            const getNormalizedCallback = callback => "originalCallback" in callback ? callback.originalCallback : callback;
            exports.getNormalizedCallback = getNormalizedCallback;
            const getNormalizedColumnIdx = callback => "columnIndex" in callback ? callback.columnIndex ?? null : void 0;
            exports.getNormalizedColumnIdx = getNormalizedColumnIdx;
            const compareCallbacks = (callback, callbackToCompare) => {
                const normalizedCallback = getNormalizedCallback(callback);
                const normalizedCallbackToCompare = getNormalizedCallback(callbackToCompare);
                const normalizedColumnIdx = getNormalizedColumnIdx(callback);
                const normalizedColumnIdxToCompare = getNormalizedColumnIdx(callbackToCompare);
                const originalCallbacksEqual = normalizedCallback === normalizedCallbackToCompare;
                const shouldCompareColumnIdx = void 0 !== normalizedColumnIdx;
                const columnIdxEqual = normalizedColumnIdx === normalizedColumnIdxToCompare;
                return originalCallbacksEqual && (!shouldCompareColumnIdx || columnIdxEqual)
            };
            exports.compareCallbacks = compareCallbacks;
            exports.isEqualSelectors = (selector, selectorToCompare) => {
                if ("string" === typeof selector && "string" === typeof selectorToCompare) {
                    return selector === selectorToCompare
                }
                if ("function" === typeof selector && "function" === typeof selectorToCompare) {
                    return compareCallbacks(selector, selectorToCompare)
                }
                return false
            };
            exports.isSelectorEqualWithCallback = (selector, callback) => {
                if ("function" === typeof selector && "function" === typeof callback) {
                    return compareCallbacks(selector, callback)
                }
                return false
            }
        },
        52932(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.validatingRowsViewExtender = exports.validatingModule = exports.validatingEditorFactoryExtender = exports.validatingEditingExtender = exports.validatingDataControllerExtender = exports.ValidatingController = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/pointer */ 89797));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _array_utils = __webpack_require__( /*! ../../../../common/data/array_utils */ 43792);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/browser */ 48314));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _string = __webpack_require__( /*! ../../../../core/utils/string */ 54497);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/button */ 64973));
            var _load_indicator = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/load_indicator */ 11979));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/overlay/ui.overlay */ 89132));
            var _themes = __webpack_require__( /*! ../../../../ui/themes */ 52071);
            var _validation_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/validation_engine */ 19391));
            var _validator = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/validator */ 71775));
            var _ui2 = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/widget/ui.errors */ 35185));
            var _m_selectors = __webpack_require__( /*! ../../../core/utils/m_selectors */ 62238);
            var _const = __webpack_require__( /*! ../editing/const */ 69699);
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const EDIT_MODE_ROW = "row";
            const EDIT_MODE_BATCH = "batch";
            const EDIT_MODE_CELL = "cell";
            const FORM_BASED_MODES = ["popup", "form"];
            const VALIDATION_STATUS_valid = "valid",
                VALIDATION_STATUS_invalid = "invalid",
                VALIDATION_STATUS_pending = "pending";
            const validationResultIsValid = function(result) {
                return (0, _type.isDefined)(result) && "cancel" !== result
            };
            const cellValueShouldBeValidated = function(value, rowOptions) {
                return void 0 !== value || void 0 === value && rowOptions && !rowOptions.isNewRow
            };
            class ValidatingController extends _m_modules.default.Controller {
                constructor() {
                    super(...arguments);
                    this._isValidationInProgress = false;
                    this._disableApplyValidationResults = false
                }
                init() {
                    this._editingController = this.getController("editing");
                    this._editorFactoryController = this.getController("editorFactory");
                    this._columnsController = this.getController("columns");
                    this.createAction("onRowValidating");
                    if (!this._validationState) {
                        this.initValidationState()
                    }
                }
                initValidationState() {
                    this._validationState = [];
                    this._validationStateCache = {}
                }
                resetValidationStateForChanges(changes) {
                    if (!(null !== changes && void 0 !== changes && changes.length)) {
                        return
                    }
                    changes.forEach(_ref => {
                        let {
                            key: key
                        } = _ref;
                        this._removeValidationData(key)
                    })
                }
                _removeValidationData(key) {
                    var _this$_validationStat;
                    if (!(null !== (_this$_validationStat = this._validationState) && void 0 !== _this$_validationStat && _this$_validationStat.length)) {
                        return
                    }
                    const keyHash = (0, _common.getKeyHash)(key);
                    const isObjectKeyHash = (0, _type.isObject)(keyHash);
                    if (!isObjectKeyHash && this._validationStateCache) {
                        delete this._validationStateCache[keyHash]
                    }
                    this._validationState = this._validationState.filter(data => isObjectKeyHash ? !(0, _common.equalByValue)(data.key, key) : data.key !== key)
                }
                _rowIsValidated(change) {
                    const validationData = this._getValidationData(null === change || void 0 === change ? void 0 : change.key);
                    return !!validationData && !!validationData.validated
                }
                _getValidationData(key, create) {
                    const keyHash = (0, _common.getKeyHash)(key);
                    const isObjectKeyHash = (0, _type.isObject)(keyHash);
                    let validationData;
                    if (isObjectKeyHash) {
                        validationData = this._validationState.filter(data => (0, _common.equalByValue)(data.key, key))[0]
                    } else {
                        validationData = this._validationStateCache[keyHash]
                    }
                    if (!validationData && create) {
                        validationData = {
                            key: key,
                            isValid: true
                        };
                        this._validationState.push(validationData);
                        if (!isObjectKeyHash) {
                            this._validationStateCache[keyHash] = validationData
                        }
                    }
                    return validationData
                }
                _getBrokenRules(validationData, validationResults) {
                    let brokenRules;
                    if (validationResults) {
                        brokenRules = validationResults.brokenRules || validationResults.brokenRule && [validationResults.brokenRule]
                    } else {
                        brokenRules = validationData.brokenRules || []
                    }
                    return brokenRules
                }
                _rowValidating(validationData, validationResults) {
                    const deferred = new _deferred.Deferred;
                    const change = this._editingController.getChangeByKey(null === validationData || void 0 === validationData ? void 0 : validationData.key);
                    const brokenRules = this._getBrokenRules(validationData, validationResults);
                    const isValid = validationResults ? validationResults.isValid : validationData.isValid;
                    const parameters = {
                        brokenRules: brokenRules,
                        isValid: isValid,
                        key: change.key,
                        newData: change.data,
                        oldData: this._editingController._getOldData(change.key),
                        promise: null,
                        errorText: this.getHiddenValidatorsErrorText(brokenRules)
                    };
                    this.executeAction("onRowValidating", parameters);
                    (0, _deferred.when)((0, _deferred.fromPromise)(parameters.promise)).always(() => {
                        validationData.isValid = parameters.isValid;
                        validationData.errorText = parameters.errorText;
                        deferred.resolve(parameters)
                    });
                    return deferred.promise()
                }
                getHiddenValidatorsErrorText(brokenRules) {
                    const brokenRulesMessages = [];
                    (0, _iterator.each)(brokenRules, (_, brokenRule) => {
                        const {
                            column: column
                        } = brokenRule;
                        const isGroupExpandColumn = column && void 0 !== column.groupIndex && !column.showWhenGrouped;
                        const isVisibleColumn = column && column.visible;
                        if (!brokenRule.validator.$element().parent().length && (!isVisibleColumn || isGroupExpandColumn)) {
                            brokenRulesMessages.push(brokenRule.message)
                        }
                    });
                    return brokenRulesMessages.join(", ")
                }
                validate(isFull) {
                    let isValid = true;
                    const editingController = this._editingController;
                    const deferred = new _deferred.Deferred;
                    const completeList = [];
                    const editMode = editingController.getEditMode();
                    isFull = isFull || editMode === EDIT_MODE_ROW;
                    if (this._isValidationInProgress) {
                        return deferred.resolve(false).promise()
                    }
                    this._isValidationInProgress = true;
                    if (isFull) {
                        editingController.addDeferred(deferred);
                        const changes = editingController.getChanges();
                        (0, _iterator.each)(changes, (index, _ref2) => {
                            let {
                                type: type,
                                key: key
                            } = _ref2;
                            if ("remove" !== type) {
                                const validationData = this._getValidationData(key, true);
                                const validationResult = this.validateGroup(validationData);
                                completeList.push(validationResult);
                                validationResult.done(validationResult => {
                                    validationData.validated = true;
                                    isValid = isValid && validationResult.isValid
                                })
                            }
                        })
                    } else if (this._currentCellValidator) {
                        const validationResult = this.validateGroup(this._currentCellValidator._findGroup());
                        completeList.push(validationResult);
                        validationResult.done(validationResult => {
                            isValid = validationResult.isValid
                        })
                    }(0, _deferred.when)(...completeList).done(() => {
                        this._isValidationInProgress = false;
                        deferred.resolve(isValid)
                    });
                    return deferred.promise()
                }
                validateGroup(validationData) {
                    var _validationResult;
                    const result = new _deferred.Deferred;
                    const validateGroup = validationData && _validation_engine.default.getGroupConfig(validationData);
                    let validationResult;
                    if (null !== validateGroup && void 0 !== validateGroup && validateGroup.validators.length) {
                        this.resetRowValidationResults(validationData);
                        validationResult = _validation_engine.default.validateGroup(validationData)
                    }(0, _deferred.when)((null === (_validationResult = validationResult) || void 0 === _validationResult ? void 0 : _validationResult.complete) || validationResult).done(validationResult => {
                        (0, _deferred.when)(this._rowValidating(validationData, validationResult)).done(result.resolve)
                    });
                    return result.promise()
                }
                isRowDataModified(change) {
                    return !(0, _type.isEmptyObject)(change.data)
                }
                updateValidationState(change) {
                    const editMode = this._editingController.getEditMode();
                    const {
                        key: key
                    } = change;
                    const validationData = this._getValidationData(key, true);
                    if (!FORM_BASED_MODES.includes(editMode)) {
                        if ("insert" === change.type && !this.isRowDataModified(change)) {
                            validationData.isValid = true;
                            return
                        }
                        this.setDisableApplyValidationResults(true);
                        const groupConfig = _validation_engine.default.getGroupConfig(validationData);
                        if (groupConfig) {
                            const validationResult = _validation_engine.default.validateGroup(validationData);
                            (0, _deferred.when)(validationResult.complete || validationResult).done(validationResult => {
                                validationData.isValid = validationResult.isValid;
                                validationData.brokenRules = validationResult.brokenRules
                            })
                        } else if (!validationData.brokenRules || !validationData.brokenRules.length) {
                            validationData.isValid = true
                        }
                        this.setDisableApplyValidationResults(false)
                    } else {
                        validationData.isValid = true
                    }
                }
                setValidator(validator) {
                    this._currentCellValidator = validator
                }
                renderCellPendingIndicator($container) {
                    let $indicator = $container.find(".dx-pending-indicator");
                    if (!$indicator.length) {
                        const $indicatorContainer = $container;
                        $indicator = (0, _renderer.default)("<div>").appendTo($indicatorContainer).addClass("dx-pending-indicator");
                        this._createComponent($indicator, _load_indicator.default);
                        $container.addClass("dx-validation-pending")
                    }
                }
                disposeCellPendingIndicator($container) {
                    const $indicator = $container.find(".dx-pending-indicator");
                    if ($indicator.length) {
                        const indicator = _load_indicator.default.getInstance($indicator);
                        if (indicator) {
                            indicator.dispose();
                            indicator.$element().remove()
                        }
                        $container.removeClass("dx-validation-pending")
                    }
                }
                validationStatusChanged(result) {
                    const {
                        validator: validator
                    } = result;
                    const validationGroup = validator.option("validationGroup");
                    const {
                        column: column
                    } = validator.option("dataGetter")();
                    this.updateCellValidationResult({
                        rowKey: validationGroup.key,
                        columnIndex: column.index,
                        validationResult: result
                    })
                }
                validatorInitialized(arg) {
                    arg.component.on("validating", this.validationStatusChanged.bind(this));
                    arg.component.on("validated", this.validationStatusChanged.bind(this))
                }
                validatorDisposing(arg) {
                    const validator = arg.component;
                    const validationGroup = validator.option("validationGroup");
                    const {
                        column: column
                    } = validator.option("dataGetter")();
                    const result = this.getCellValidationResult({
                        rowKey: null === validationGroup || void 0 === validationGroup ? void 0 : validationGroup.key,
                        columnIndex: column.index
                    });
                    if (validationResultIsValid(result) && result.status === VALIDATION_STATUS_pending) {
                        this.cancelCellValidationResult({
                            change: validationGroup,
                            columnIndex: column.index
                        })
                    }
                }
                applyValidationResult($container, result) {
                    const {
                        validator: validator
                    } = result;
                    const validationGroup = validator.option("validationGroup");
                    const {
                        column: column
                    } = validator.option("dataGetter")();
                    result.brokenRules && result.brokenRules.forEach(rule => {
                        rule.columnIndex = column.index;
                        rule.column = column
                    });
                    if ($container) {
                        const validationResult = this.getCellValidationResult({
                            rowKey: validationGroup.key,
                            columnIndex: column.index
                        });
                        const requestIsDisabled = validationResultIsValid(validationResult) && validationResult.disabledPendingId === result.id;
                        if (this._disableApplyValidationResults || requestIsDisabled) {
                            return
                        }
                        if (result.status === VALIDATION_STATUS_invalid) {
                            const $focus = $container.find(":focus");
                            if (!(0, _m_selectors.focused)($focus)) {
                                _events_engine.default.trigger($focus, "focus");
                                _events_engine.default.trigger($focus, _pointer.default.down)
                            }
                        }
                        const editor = !column.editCellTemplate && this._editorFactoryController.getEditorInstance($container);
                        if (result.status === VALIDATION_STATUS_pending) {
                            if (editor) {
                                editor.option("validationStatus", VALIDATION_STATUS_pending)
                            } else {
                                this.renderCellPendingIndicator($container)
                            }
                        } else if (editor) {
                            editor.option("validationStatus", VALIDATION_STATUS_valid)
                        } else {
                            this.disposeCellPendingIndicator($container)
                        }
                        $container.toggleClass(this.addWidgetPrefix("invalid"), result.status === VALIDATION_STATUS_invalid)
                    }
                }
                _syncInternalEditingData(parameters) {
                    var _parameters$row;
                    const editingController = this._editingController;
                    const change = editingController.getChangeByKey(parameters.key);
                    const oldDataFromState = editingController._getOldData(parameters.key);
                    const oldData = null === (_parameters$row = parameters.row) || void 0 === _parameters$row ? void 0 : _parameters$row.oldData;
                    if (change && oldData && !oldDataFromState) {
                        editingController._addInternalData({
                            key: parameters.key,
                            oldData: oldData
                        })
                    }
                }
                createValidator(parameters, $container) {
                    const editingController = this._editingController;
                    const {
                        column: column
                    } = parameters;
                    let {
                        showEditorAlways: showEditorAlways
                    } = column;
                    if ((0, _type.isDefined)(column.command) || !column.validationRules || !Array.isArray(column.validationRules) || !column.validationRules.length) {
                        return
                    }
                    const editIndex = editingController.getIndexByKey(parameters.key, editingController.getChanges());
                    let needCreateValidator = editIndex > -1;
                    if (!needCreateValidator) {
                        if (!showEditorAlways) {
                            var _this$_columnsControl;
                            const visibleColumns = (null === (_this$_columnsControl = this._columnsController) || void 0 === _this$_columnsControl ? void 0 : _this$_columnsControl.getVisibleColumns()) || [];
                            showEditorAlways = visibleColumns.some(column => column.showEditorAlways)
                        }
                        const isEditRow = (0, _common.equalByValue)(this.option("editing.editRowKey"), parameters.key);
                        const isCellOrBatchEditingAllowed = editingController.isCellOrBatchEditMode() && editingController.allowUpdating({
                            row: parameters.row
                        });
                        needCreateValidator = isEditRow || isCellOrBatchEditingAllowed && showEditorAlways;
                        if (isCellOrBatchEditingAllowed && showEditorAlways) {
                            var _parameters$row2;
                            editingController._addInternalData({
                                key: parameters.key,
                                oldData: (null === (_parameters$row2 = parameters.row) || void 0 === _parameters$row2 ? void 0 : _parameters$row2.oldData) ?? parameters.data
                            })
                        }
                    }
                    if (needCreateValidator) {
                        if ($container && !$container.length) {
                            _ui2.default.log("E1050");
                            return
                        }
                        this._syncInternalEditingData(parameters);
                        const validationData = this._getValidationData(parameters.key, true);
                        const getValue = () => {
                            const change = editingController.getChangeByKey(null === validationData || void 0 === validationData ? void 0 : validationData.key);
                            const value = column.calculateCellValue((null === change || void 0 === change ? void 0 : change.data) || {});
                            return void 0 !== value ? value : parameters.value
                        };
                        const useDefaultValidator = $container && $container.hasClass("dx-widget");
                        $container && $container.addClass(this.addWidgetPrefix("validator"));
                        const validator = new _validator.default($container || (0, _renderer.default)("<div>"), {
                            name: column.caption,
                            validationRules: (0, _extend.extend)(true, [], column.validationRules),
                            validationGroup: validationData,
                            adapter: useDefaultValidator ? null : {
                                getValue: getValue,
                                applyValidationResults: result => {
                                    this.applyValidationResult($container, result)
                                }
                            },
                            dataGetter() {
                                const key = null === validationData || void 0 === validationData ? void 0 : validationData.key;
                                const change = editingController.getChangeByKey(key);
                                const oldData = editingController._getOldData(key);
                                return {
                                    data: change ? (0, _array_utils.createObjectWithChanges)(oldData, change.data) : Object.assign({}, oldData ?? parameters.data),
                                    column: column
                                }
                            },
                            onInitialized: this.validatorInitialized.bind(this),
                            onDisposing: this.validatorDisposing.bind(this)
                        });
                        if (useDefaultValidator) {
                            const adapter = validator.option("adapter");
                            if (adapter) {
                                const originBypass = adapter.bypass;
                                const defaultAdapterBypass = () => parameters.row.isNewRow && !this._isValidationInProgress && !editingController.isCellModified(parameters);
                                adapter.getValue = getValue;
                                adapter.validationRequestsCallbacks = [];
                                adapter.bypass = () => originBypass.call(adapter) || defaultAdapterBypass()
                            }
                        }
                        return validator
                    }
                    return
                }
                setDisableApplyValidationResults(flag) {
                    this._disableApplyValidationResults = flag
                }
                getDisableApplyValidationResults() {
                    return this._disableApplyValidationResults
                }
                isCurrentValidatorProcessing(_ref3) {
                    let {
                        rowKey: rowKey,
                        columnIndex: columnIndex
                    } = _ref3;
                    return this._currentCellValidator && (0, _common.equalByValue)(this._currentCellValidator.option("validationGroup").key, rowKey) && this._currentCellValidator.option("dataGetter")().column.index === columnIndex
                }
                validateCell(validator) {
                    const cellParams = {
                        rowKey: validator.option("validationGroup").key,
                        columnIndex: validator.option("dataGetter")().column.index,
                        validationResult: null
                    };
                    let validationResult = this.getCellValidationResult(cellParams);
                    const stateRestored = validationResultIsValid(validationResult);
                    const adapter = validator.option("adapter");
                    if (!stateRestored) {
                        validationResult = validator.validate()
                    } else {
                        const currentCellValue = adapter.getValue();
                        if (!(0, _common.equalByValue)(currentCellValue, validationResult.value)) {
                            validationResult = validator.validate()
                        }
                    }
                    const deferred = new _deferred.Deferred;
                    if (stateRestored && validationResult.status === VALIDATION_STATUS_pending) {
                        this.updateCellValidationResult(cellParams);
                        adapter.applyValidationResults(validationResult)
                    }(0, _deferred.when)(validationResult.complete || validationResult).done(validationResult => {
                        stateRestored && adapter.applyValidationResults(validationResult);
                        deferred.resolve(validationResult)
                    });
                    return deferred.promise()
                }
                updateCellValidationResult(_ref4) {
                    let {
                        rowKey: rowKey,
                        columnIndex: columnIndex,
                        validationResult: validationResult
                    } = _ref4;
                    const validationData = this._getValidationData(rowKey);
                    if (!validationData) {
                        return
                    }
                    if (!validationData.validationResults) {
                        validationData.validationResults = {}
                    }
                    let result;
                    if (validationResult) {
                        result = (0, _extend.extend)({}, validationResult);
                        validationData.validationResults[columnIndex] = result;
                        if (validationResult.status === VALIDATION_STATUS_pending) {
                            if (this._editingController.getEditMode() === EDIT_MODE_CELL) {
                                result.deferred = new _deferred.Deferred;
                                result.complete.always(() => {
                                    result.deferred.resolve()
                                });
                                this._editingController.addDeferred(result.deferred)
                            }
                            if (this._disableApplyValidationResults) {
                                result.disabledPendingId = validationResult.id;
                                return
                            }
                        }
                    } else {
                        result = validationData.validationResults[columnIndex]
                    }
                    if (result && result.disabledPendingId) {
                        delete result.disabledPendingId
                    }
                }
                getCellValidationResult(_ref5) {
                    var _validationData$valid;
                    let {
                        rowKey: rowKey,
                        columnIndex: columnIndex
                    } = _ref5;
                    const validationData = this._getValidationData(rowKey, true);
                    return null === validationData || void 0 === validationData || null === (_validationData$valid = validationData.validationResults) || void 0 === _validationData$valid ? void 0 : _validationData$valid[columnIndex]
                }
                removeCellValidationResult(_ref6) {
                    let {
                        change: change,
                        columnIndex: columnIndex
                    } = _ref6;
                    const validationData = this._getValidationData(null === change || void 0 === change ? void 0 : change.key);
                    if (validationData && validationData.validationResults) {
                        this.cancelCellValidationResult({
                            change: change,
                            columnIndex: columnIndex
                        });
                        delete validationData.validationResults[columnIndex]
                    }
                }
                cancelCellValidationResult(_ref7) {
                    let {
                        change: change,
                        columnIndex: columnIndex
                    } = _ref7;
                    const validationData = this._getValidationData(change.key);
                    if (change && validationData.validationResults) {
                        const result = validationData.validationResults[columnIndex];
                        if (result) {
                            result.deferred && result.deferred.reject("cancel");
                            validationData.validationResults[columnIndex] = "cancel"
                        }
                    }
                }
                resetRowValidationResults(validationData) {
                    if (validationData) {
                        validationData.validationResults && delete validationData.validationResults;
                        delete validationData.validated
                    }
                }
                isInvalidCell(_ref8) {
                    let {
                        rowKey: rowKey,
                        columnIndex: columnIndex
                    } = _ref8;
                    const result = this.getCellValidationResult({
                        rowKey: rowKey,
                        columnIndex: columnIndex
                    });
                    return validationResultIsValid(result) && result.status === VALIDATION_STATUS_invalid
                }
                getCellValidator(_ref9) {
                    let {
                        rowKey: rowKey,
                        columnIndex: columnIndex
                    } = _ref9;
                    const validationData = this._getValidationData(rowKey);
                    const groupConfig = validationData && _validation_engine.default.getGroupConfig(validationData);
                    const validators = groupConfig && groupConfig.validators;
                    return validators && validators.filter(v => {
                        const {
                            column: column
                        } = v.option("dataGetter")();
                        return column ? column.index === columnIndex : false
                    })[0]
                }
                setCellValidationStatus(cellOptions) {
                    const validationResult = this.getCellValidationResult({
                        rowKey: cellOptions.key,
                        columnIndex: cellOptions.column.index
                    });
                    if ((0, _type.isDefined)(validationResult)) {
                        cellOptions.validationStatus = "cancel" !== validationResult ? validationResult.status : "cancel"
                    } else {
                        delete cellOptions.validationStatus
                    }
                }
            }
            exports.ValidatingController = ValidatingController;
            const validatingEditingExtender = Base => class extends Base {
                processDataItemTreeListHack(item) {
                    super.processDataItem.apply(this, arguments)
                }
                processItemsTreeListHack(items, e) {
                    return super.processItems.apply(this, arguments)
                }
                _addChange(changeParams) {
                    const change = super._addChange.apply(this, arguments);
                    if (change && "remove" !== changeParams.type) {
                        this._validatingController.updateValidationState(change)
                    }
                    return change
                }
                _handleChangesChange(args) {
                    super._handleChangesChange.apply(this, arguments);
                    args.value.forEach(change => {
                        if (void 0 === this._validatingController._getValidationData(change.key)) {
                            this._validatingController.updateValidationState(change)
                        }
                    })
                }
                _updateRowAndPageIndices() {
                    const that = this;
                    const startInsertIndex = that.getView("rowsView").getTopVisibleItemIndex();
                    let rowIndex = startInsertIndex;
                    (0, _iterator.each)(that.getChanges(), (_, _ref0) => {
                        let {
                            key: key,
                            type: type
                        } = _ref0;
                        const validationData = this._validatingController._getValidationData(key);
                        if (validationData && !validationData.isValid && validationData.pageIndex !== that._pageIndex) {
                            validationData.pageIndex = that._pageIndex;
                            if ("insert" === type) {
                                validationData.rowIndex = startInsertIndex
                            } else {
                                validationData.rowIndex = rowIndex
                            }
                            rowIndex++
                        }
                    })
                }
                _getValidationGroupsInForm(detailOptions) {
                    const validationData = this._validatingController._getValidationData(detailOptions.key, true);
                    return {
                        validationGroup: validationData
                    }
                }
                _validateEditFormAfterUpdate(row, isCustomSetCellValue) {
                    if (isCustomSetCellValue && this._editForm) {
                        this._editForm.validate()
                    }
                    super._validateEditFormAfterUpdate.apply(this, arguments)
                }
                _prepareEditCell(parameters) {
                    const {
                        column: column,
                        item: item
                    } = parameters;
                    const isNotCanceled = super._prepareEditCell(parameters);
                    const key = !item.isNewRow ? item.key : void 0;
                    if (isNotCanceled && column.showEditorAlways) {
                        this._validatingController.updateValidationState({
                            key: key
                        })
                    }
                    return isNotCanceled
                }
                processItems(items, changeType) {
                    const changes = this.getChanges();
                    const getIndexByChange = (change, items) => {
                        let index = -1;
                        const isInsert = "insert" === change.type;
                        const {
                            key: key
                        } = change;
                        (0, _iterator.each)(items, (i, item) => {
                            if ((0, _common.equalByValue)(key, isInsert ? item.key : this._dataController.keyOf(item))) {
                                index = i;
                                return false
                            }
                            return
                        });
                        return index
                    };
                    items = super.processItems(items, changeType);
                    const itemsCount = items.length;
                    if (this.getEditMode() === EDIT_MODE_BATCH && "prepend" !== changeType && "append" !== changeType) {
                        changes.forEach(change => {
                            const {
                                key: key
                            } = change;
                            const validationData = this._validatingController._getValidationData(key);
                            if (validationData && change.type && validationData.pageIndex === this._pageIndex && (null === change || void 0 === change ? void 0 : change.pageIndex) !== this._pageIndex) {
                                ! function(change, validationData) {
                                    const data = {
                                        key: change.key
                                    };
                                    const index = getIndexByChange(change, items);
                                    if (index >= 0) {
                                        return
                                    }
                                    validationData.rowIndex = validationData.rowIndex > itemsCount ? validationData.rowIndex % itemsCount : validationData.rowIndex;
                                    const {
                                        rowIndex: rowIndex
                                    } = validationData;
                                    data.__DX_INSERT_INDEX__ = 1;
                                    items.splice(rowIndex, 0, data)
                                }(change, validationData)
                            }
                        })
                    }
                    return items
                }
                processDataItem(item) {
                    const isInserted = item.data.__DX_INSERT_INDEX__;
                    const key = isInserted ? item.data.key : item.key;
                    const editMode = this.getEditMode();
                    if (editMode === EDIT_MODE_BATCH && isInserted && key) {
                        const changes = this.getChanges();
                        const editIndex = _m_utils.default.getIndexByKey(key, changes);
                        if (editIndex >= 0) {
                            const change = changes[editIndex];
                            if ("insert" !== change.type) {
                                const oldData = this._getOldData(change.key);
                                item.data = (0, _extend.extend)(true, {}, oldData, change.data);
                                item.key = key
                            }
                        }
                    }
                    super.processDataItem.apply(this, arguments)
                }
                _createInvisibleColumnValidators(changes) {
                    const that = this;
                    const columns = this._columnsController.getColumns();
                    const invisibleColumns = this._columnsController.getInvisibleColumns().filter(column => !column.isBand);
                    const groupColumns = this._columnsController.getGroupColumns().filter(column => !column.showWhenGrouped && -1 === invisibleColumns.indexOf(column));
                    const invisibleColumnValidators = [];
                    const isCellVisible = (column, rowKey) => this._dataController.getRowIndexByKey(rowKey) >= 0 && invisibleColumns.indexOf(column) < 0;
                    invisibleColumns.push(...groupColumns);
                    if (!FORM_BASED_MODES.includes(this.getEditMode())) {
                        (0, _iterator.each)(columns, (_, column) => {
                            changes.forEach(change => {
                                let data;
                                if (isCellVisible(column, change.key)) {
                                    return
                                }
                                if ("insert" === change.type) {
                                    data = change.data
                                } else if ("update" === change.type) {
                                    const oldData = that._getOldData(change.key);
                                    if (!(0, _type.isDefined)(oldData)) {
                                        return
                                    }
                                    data = (0, _array_utils.createObjectWithChanges)(oldData, change.data)
                                }
                                if (data) {
                                    const validator = this._validatingController.createValidator({
                                        column: column,
                                        key: change.key,
                                        value: column.calculateCellValue(data)
                                    });
                                    if (validator) {
                                        invisibleColumnValidators.push(validator)
                                    }
                                }
                            })
                        })
                    }
                    return function() {
                        invisibleColumnValidators.forEach(validator => {
                            validator.dispose()
                        })
                    }
                }
                _beforeSaveEditData(change, editIndex) {
                    let result = super._beforeSaveEditData.apply(this, arguments);
                    const validationData = this._validatingController._getValidationData(null === change || void 0 === change ? void 0 : change.key, true);
                    if (change) {
                        const isValid = "remove" === change.type || validationData.isValid;
                        result = result || !isValid
                    } else {
                        const disposeValidators = this._createInvisibleColumnValidators(this.getChanges());
                        result = new _deferred.Deferred;
                        this.executeOperation(result, () => {
                            this._validatingController.validate(true).done(isFullValid => {
                                disposeValidators();
                                this._updateRowAndPageIndices();
                                switch (this.getEditMode()) {
                                    case EDIT_MODE_CELL:
                                        if (!isFullValid) {
                                            this._focusEditingCell()
                                        }
                                        break;
                                    case EDIT_MODE_BATCH:
                                        if (!isFullValid) {
                                            this._resetEditRowKey();
                                            this._resetEditColumnName();
                                            this._dataController.updateItems()
                                        }
                                }
                                result.resolve(!isFullValid)
                            })
                        })
                    }
                    return result.promise ? result.promise() : result
                }
                _beforeEditCell(rowIndex, columnIndex, item) {
                    const result = super._beforeEditCell(rowIndex, columnIndex, item);
                    if (this.getEditMode() === EDIT_MODE_CELL) {
                        const $cell = this._rowsView._getCellElement(rowIndex, columnIndex);
                        const validator = $cell && $cell.data("dxValidator");
                        const rowOptions = $cell && $cell.closest(".dx-row").data("options");
                        const value = validator && validator.option("adapter").getValue();
                        if (validator && cellValueShouldBeValidated(value, rowOptions)) {
                            const deferred = new _deferred.Deferred;
                            (0, _deferred.when)(this._validatingController.validateCell(validator), result).done((validationResult, result) => {
                                deferred.resolve(validationResult.status === VALIDATION_STATUS_valid && result)
                            });
                            return deferred.promise()
                        }
                        if (!validator) {
                            return result
                        }
                    }
                    return false
                }
                _afterSaveEditData(cancel) {
                    let $firstErrorRow;
                    const isCellEditMode = this.getEditMode() === EDIT_MODE_CELL;
                    (0, _iterator.each)(this.getChanges(), (_, change) => {
                        const $errorRow = this._showErrorRow(change);
                        $firstErrorRow = $firstErrorRow || $errorRow
                    });
                    if ($firstErrorRow) {
                        const scrollable = this._rowsView.getScrollable();
                        if (scrollable) {
                            scrollable.update();
                            scrollable.scrollToElement($firstErrorRow)
                        }
                    }
                    if (cancel && isCellEditMode && this._needUpdateRow()) {
                        const editRowIndex = this.getEditRowIndex();
                        this._dataController.updateItems({
                            changeType: "update",
                            rowIndices: [editRowIndex]
                        });
                        this._focusEditingCell()
                    } else if (!cancel) {
                        const shouldResetValidationState = this._shouldResetValidationState();
                        if (shouldResetValidationState) {
                            this._validatingController.initValidationState()
                        }
                    }
                }
                _handleDataChanged(args) {
                    const validationState = this._validatingController._validationState;
                    if ("standard" === this.option("scrolling.mode")) {
                        this.resetRowAndPageIndices()
                    }
                    if ("prepend" === args.changeType) {
                        (0, _iterator.each)(validationState, (_, validationData) => {
                            validationData.rowIndex += args.items.length
                        })
                    }
                    super._handleDataChanged(args)
                }
                resetRowAndPageIndices() {
                    const validationState = this._validatingController._validationState;
                    (0, _iterator.each)(validationState, (_, validationData) => {
                        if (validationData.pageIndex !== this._pageIndex) {
                            delete validationData.pageIndex;
                            delete validationData.rowIndex
                        }
                    })
                }
                _beforeCancelEditData() {
                    const validatingController = this._validatingController;
                    const shouldResetValidationState = this._shouldResetValidationState();
                    if (shouldResetValidationState) {
                        validatingController.initValidationState()
                    } else {
                        const changes = this.getChanges();
                        validatingController.resetValidationStateForChanges(changes)
                    }
                    super._beforeCancelEditData()
                }
                _shouldResetValidationState() {
                    const isCellEditMode = this.getEditMode() === EDIT_MODE_CELL;
                    if (isCellEditMode) {
                        const columns = this._columnsController.getColumns();
                        const columnsWithValidatingEditors = columns.filter(col => {
                            var _col$validationRules;
                            return col.showEditorAlways && (null === (_col$validationRules = col.validationRules) || void 0 === _col$validationRules ? void 0 : _col$validationRules.length) > 0
                        });
                        return 0 === columnsWithValidatingEditors.length
                    }
                    return true
                }
                _showErrorRow(change) {
                    let $popupContent;
                    const items = this._dataController.items();
                    const rowIndex = this.getIndexByKey(change.key, items);
                    const validationData = this._validatingController._getValidationData(change.key);
                    if (!(null !== validationData && void 0 !== validationData && validationData.isValid) && null !== validationData && void 0 !== validationData && validationData.errorText && rowIndex >= 0) {
                        $popupContent = this.getPopupContent();
                        return this._errorHandlingController && this._errorHandlingController.renderErrorRow(null === validationData || void 0 === validationData ? void 0 : validationData.errorText, rowIndex, $popupContent)
                    }
                }
                updateFieldValue(e) {
                    const deferred = new _deferred.Deferred;
                    this._validatingController.removeCellValidationResult({
                        change: this.getChangeByKey(e.key),
                        columnIndex: e.column.index
                    });
                    super.updateFieldValue.apply(this, arguments).done(() => {
                        const currentValidator = this._validatingController.getCellValidator({
                            rowKey: e.key,
                            columnIndex: e.column.index
                        });
                        (0, _deferred.when)(currentValidator && this._validatingController.validateCell(currentValidator)).done(validationResult => {
                            this._editorFactoryController.refocus();
                            deferred.resolve(validationResult)
                        })
                    });
                    return deferred.promise()
                }
                highlightDataCell($cell, parameters) {
                    super.highlightDataCell.apply(this, arguments);
                    this._validatingController.setCellValidationStatus(parameters);
                    const isEditableCell = !!parameters.setValue;
                    const cellModified = this.isCellModified(parameters);
                    const isValidated = (0, _type.isDefined)(parameters.validationStatus);
                    const needValidation = cellModified && parameters.column.setCellValue || isEditableCell && !cellModified && !(parameters.row.isNewRow || !isValidated);
                    if (needValidation) {
                        const validator = $cell.data("dxValidator");
                        if (validator) {
                            (0, _deferred.when)(this._validatingController.validateCell(validator)).done(() => {
                                this._validatingController.setCellValidationStatus(parameters)
                            })
                        }
                    }
                }
                getChangeByKey(key) {
                    const changes = this.getChanges();
                    return changes[_m_utils.default.getIndexByKey(key, changes)]
                }
                isCellModified(parameters) {
                    const cellModified = super.isCellModified(parameters);
                    const change = this.getChangeByKey(parameters.key);
                    const isCellInvalid = !!parameters.row && this._validatingController.isInvalidCell({
                        rowKey: parameters.key,
                        columnIndex: parameters.column.index
                    });
                    return cellModified || this._validatingController._rowIsValidated(change) && isCellInvalid
                }
            };
            exports.validatingEditingExtender = validatingEditingExtender;
            const validatingEditorFactoryExtender = Base => class extends Base {
                _showRevertButton($container) {
                    var _this$_revertTooltip, _$tooltipElement2;
                    let $tooltipElement = null === (_this$_revertTooltip = this._revertTooltip) || void 0 === _this$_revertTooltip ? void 0 : _this$_revertTooltip.$element();
                    if (!$container || !$container.length) {
                        var _$tooltipElement;
                        null === (_$tooltipElement = $tooltipElement) || void 0 === _$tooltipElement || _$tooltipElement.remove();
                        this._revertTooltip = void 0;
                        return
                    }
                    if ($container.find($tooltipElement).length) {
                        var _this$_revertTooltip2;
                        null === (_this$_revertTooltip2 = this._revertTooltip) || void 0 === _this$_revertTooltip2 || _this$_revertTooltip2.repaint();
                        return
                    }
                    const $overlayContainer = this.getRevertButtonContainer($container);
                    const revertTooltipClass = this.addWidgetPrefix("revert-tooltip");
                    null === (_$tooltipElement2 = $tooltipElement) || void 0 === _$tooltipElement2 || _$tooltipElement2.remove();
                    $tooltipElement = (0, _renderer.default)("<div>").addClass(revertTooltipClass).appendTo($container);
                    const tooltipOptions = {
                        animation: null,
                        visible: true,
                        width: "auto",
                        height: "auto",
                        shading: false,
                        container: $overlayContainer,
                        propagateOutsideClick: true,
                        hideOnOutsideClick: false,
                        wrapperAttr: {
                            class: revertTooltipClass
                        },
                        contentTemplate: () => {
                            const $buttonElement = (0, _renderer.default)("<div>").addClass("dx-revert-button");
                            const buttonOptions = {
                                icon: "revert",
                                hint: this.option("editing.texts.validationCancelChanges"),
                                elementAttr: {
                                    id: "dxRevertButton",
                                    "aria-label": _message.default.format("dxDataGrid-ariaRevertButton")
                                },
                                onClick: () => {
                                    this._editingController.cancelEditData()
                                }
                            };
                            return new _button.default($buttonElement, buttonOptions).$element()
                        },
                        position: {
                            my: "left top",
                            at: "right top",
                            offset: "1 0",
                            collision: "flip",
                            boundaryOffset: "0 0",
                            boundary: this._rowsView.element(),
                            of: $container
                        },
                        onPositioned: this.overlayPositionedHandler.bind(this)
                    };
                    this._revertTooltip = new _ui.default($tooltipElement, tooltipOptions)
                }
                _hideFixedGroupCell($cell, overlayOptions) {
                    var _this$_rowsView, _this$_rowsView$isFix;
                    let $nextFixedRowElement;
                    let $groupCellElement;
                    const isFixedColumns = null === (_this$_rowsView = this._rowsView) || void 0 === _this$_rowsView || null === (_this$_rowsView$isFix = _this$_rowsView.isFixedColumns) || void 0 === _this$_rowsView$isFix ? void 0 : _this$_rowsView$isFix.call(_this$_rowsView);
                    const isFormOrPopupEditMode = this._editingController.isFormOrPopupEditMode();
                    if (isFixedColumns && !isFormOrPopupEditMode) {
                        const nextRowOptions = $cell.closest(".dx-row").next().data("options");
                        if (nextRowOptions && "group" === nextRowOptions.rowType) {
                            $nextFixedRowElement = (0, _renderer.default)(this._rowsView.getRowElement(nextRowOptions.rowIndex)).last();
                            $groupCellElement = $nextFixedRowElement.find(".dx-group-cell");
                            if ($groupCellElement.length && "hidden" !== $groupCellElement.get(0).style.visibility) {
                                $groupCellElement.css("visibility", "hidden");
                                overlayOptions.onDisposing = function() {
                                    $groupCellElement.css("visibility", "")
                                }
                            }
                        }
                    }
                }
                _showValidationMessage($cell, messages, alignment) {
                    const editorPopup = $cell.find(".dx-dropdowneditor-overlay").data("dxPopup");
                    const isOverlayVisible = editorPopup && editorPopup.option("visible");
                    const myPosition = isOverlayVisible ? "top right" : `top ${alignment}`;
                    const atPosition = isOverlayVisible ? "top left" : `bottom ${alignment}`;
                    const $overlayContainer = this.getValidationMessageContainer($cell);
                    let errorMessageText = "";
                    messages && messages.forEach(message => {
                        errorMessageText += (errorMessageText.length ? "<br/>" : "") + (0, _string.encodeHtml)(message)
                    });
                    const invalidMessageClass = this.addWidgetPrefix("invalid-message");
                    this._rowsView.element().find(`.${invalidMessageClass}`).remove();
                    const $overlayElement = (0, _renderer.default)("<div>").addClass("dx-invalid-message").addClass("dx-invalid-message-always").addClass(invalidMessageClass).html(errorMessageText).appendTo($cell);
                    const overlayOptions = {
                        container: $overlayContainer,
                        shading: false,
                        width: "auto",
                        height: "auto",
                        visible: true,
                        animation: false,
                        propagateOutsideClick: true,
                        hideOnOutsideClick: false,
                        wrapperAttr: {
                            id: "dxInvalidMessage",
                            class: `dx-invalid-message dx-invalid-message-always ${invalidMessageClass}`
                        },
                        position: {
                            collision: "flip",
                            boundary: this._rowsView.element(),
                            boundaryOffset: "0 0",
                            offset: {
                                x: 0,
                                y: !isOverlayVisible && _browser.default.mozilla ? -1 : 0
                            },
                            my: myPosition,
                            at: atPosition,
                            of: $cell
                        },
                        onPositioned: e => {
                            this.overlayPositionedHandler(e, isOverlayVisible);
                            this._shiftValidationMessageIfNeed(e.component.$content(), $cell)
                        }
                    };
                    this._hideFixedGroupCell($cell, overlayOptions);
                    new _ui.default($overlayElement, overlayOptions)
                }
                getValidationMessages() {
                    var _this$_rowsView$eleme;
                    return null === (_this$_rowsView$eleme = this._rowsView.element()) || void 0 === _this$_rowsView$eleme ? void 0 : _this$_rowsView$eleme.find(this._getValidationMessagesSelector())
                }
                getRevertButton() {
                    var _this$_revertTooltip3;
                    return (0, _renderer.default)(null === (_this$_revertTooltip3 = this._revertTooltip) || void 0 === _this$_revertTooltip3 ? void 0 : _this$_revertTooltip3.element())
                }
                _hideValidationMessage() {
                    var _this$_rowsView$eleme2;
                    const validationMessages = null === (_this$_rowsView$eleme2 = this._rowsView.element()) || void 0 === _this$_rowsView$eleme2 ? void 0 : _this$_rowsView$eleme2.find(this._getValidationMessagesSelector());
                    null === validationMessages || void 0 === validationMessages || validationMessages.remove()
                }
                _normalizeValidationMessagePositionAndMaxWidth(options, isRevertButton, isOverlayVisible) {
                    const fixedColumns = this._columnsController.getFixedColumns();
                    if (!fixedColumns || !fixedColumns.length) {
                        return
                    }
                    let position;
                    const visibleTableWidth = !isRevertButton && function(that, element) {
                        const rowIndex = (0, _renderer.default)(element).closest("tr").index();
                        const $cellElements = (0, _renderer.default)(that._rowsView.getRowElement(rowIndex)).first().children().filter(":not(.dx-hidden-cell)");
                        return that._rowsView._getWidths($cellElements).reduce((w1, w2) => w1 + w2, 0)
                    }(this, options.element);
                    const $overlayContentElement = options.component.$content();
                    const validationMessageWidth = (0, _size.getOuterWidth)($overlayContentElement, true);
                    const needMaxWidth = !isRevertButton && validationMessageWidth > visibleTableWidth;
                    const columnIndex = this._rowsView.getCellIndex((0, _renderer.default)(options.element).closest("td"));
                    const boundaryNonFixedColumnsInfo = function(fixedColumns) {
                        let firstNonFixedColumnIndex;
                        let lastNonFixedColumnIndex;
                        fixedColumns.some((column, index) => {
                            if ("transparent" === column.command) {
                                firstNonFixedColumnIndex = 0 === index ? -1 : index;
                                lastNonFixedColumnIndex = index === fixedColumns.length - 1 ? -1 : index + column.colspan - 1;
                                return true
                            }
                            return
                        });
                        return {
                            startColumnIndex: firstNonFixedColumnIndex,
                            endColumnIndex: lastNonFixedColumnIndex
                        }
                    }(fixedColumns);
                    if (!isRevertButton && (columnIndex === boundaryNonFixedColumnsInfo.startColumnIndex || needMaxWidth)) {
                        position = {
                            collision: "none flip",
                            my: "top left",
                            at: isOverlayVisible ? "top right" : "bottom left"
                        }
                    } else if (columnIndex === boundaryNonFixedColumnsInfo.endColumnIndex) {
                        position = {
                            collision: "none flip",
                            my: "top right",
                            at: isRevertButton || isOverlayVisible ? "top left" : "bottom right"
                        };
                        if (isRevertButton) {
                            position.offset = "-1 0"
                        }
                    }
                    return position && {
                        position: position,
                        maxWidth: needMaxWidth ? visibleTableWidth - 2 : void 0
                    }
                }
                _shiftValidationMessageIfNeed($content, $cell) {
                    const $revertContent = this._revertTooltip && this._revertTooltip.$content();
                    if (!$revertContent) {
                        return
                    }
                    const contentOffset = $content.offset();
                    const revertContentOffset = $revertContent.offset();
                    if (contentOffset.top === revertContentOffset.top && contentOffset.left + (0, _size.getWidth)($content) > revertContentOffset.left) {
                        const left = (0, _size.getWidth)($revertContent) + 2;
                        $content.css("left", revertContentOffset.left < $cell.offset().left ? -left : left)
                    }
                }
                getOverlayBaseZIndex() {
                    return _ui.default.baseZIndex()
                }
                overlayPositionedHandler(e, isOverlayVisible) {
                    if (!e.component.__skipPositionProcessing) {
                        const isRevertButton = (0, _renderer.default)(e.element).hasClass(this.addWidgetPrefix("revert-tooltip"));
                        const needRepaint = !isRevertButton && this._rowsView.updateFreeSpaceRowHeight();
                        const normalizedPosition = this._normalizeValidationMessagePositionAndMaxWidth(e, isRevertButton, isOverlayVisible);
                        e.component.__skipPositionProcessing = !!(needRepaint || normalizedPosition);
                        if (normalizedPosition) {
                            e.component.option(normalizedPosition)
                        } else if (needRepaint) {
                            e.component.repaint()
                        }
                    }
                }
                _getRevertTooltipsSelector() {
                    const revertTooltipClass = this.addWidgetPrefix("revert-tooltip");
                    return `.dx-editor-cell .${revertTooltipClass}`
                }
                _getValidationMessagesSelector() {
                    const invalidMessageClass = this.addWidgetPrefix("invalid-message");
                    return `.dx-editor-cell .${invalidMessageClass}, .dx-cell-modified .${invalidMessageClass}`
                }
                loseFocus(skipValidator) {
                    if (!skipValidator) {
                        this._validatingController.setValidator(null)
                    }
                    super.loseFocus()
                }
                updateCellState($element, validationResult, isHideBorder) {
                    var _change$data;
                    const $focus = null === $element || void 0 === $element ? void 0 : $element.closest(this._getFocusCellSelector());
                    const $cell = null !== $focus && void 0 !== $focus && $focus.is("td") ? $focus : null;
                    const rowOptions = null === $focus || void 0 === $focus ? void 0 : $focus.closest(".dx-row").data("options");
                    const change = rowOptions ? this._editingController.getChangeByKey(rowOptions.key) : null;
                    const column = $cell && this._columnsController.getVisibleColumns()[$cell.index()];
                    const isCellModified = void 0 !== (null === change || void 0 === change || null === (_change$data = change.data) || void 0 === _change$data ? void 0 : _change$data[null === column || void 0 === column ? void 0 : column.name]) && !this._editingController.isSaving();
                    const validationDescriptionValues = [];
                    if (this._editingController.getEditMode() === EDIT_MODE_CELL) {
                        if ((null === validationResult || void 0 === validationResult ? void 0 : validationResult.status) === VALIDATION_STATUS_invalid || isCellModified) {
                            this._showRevertButton($focus);
                            validationDescriptionValues.push("dxRevertButton")
                        } else {
                            this._revertTooltip && this._revertTooltip.$element().remove()
                        }
                    }
                    const showValidationMessage = validationResult && validationResult.status === VALIDATION_STATUS_invalid;
                    if (showValidationMessage && $cell && column && validationResult && validationResult.brokenRules) {
                        const errorMessages = [];
                        validationResult.brokenRules.forEach(rule => {
                            if (rule.message) {
                                errorMessages.push(rule.message)
                            }
                        });
                        if (errorMessages.length) {
                            this._showValidationMessage($focus, errorMessages, column.alignment || "left");
                            validationDescriptionValues.push("dxInvalidMessage")
                        }
                    }
                    this._updateAriaValidationAttributes($focus, validationDescriptionValues);
                    !isHideBorder && this._rowsView.element() && this._rowsView.updateFreeSpaceRowHeight()
                }
                _updateAriaValidationAttributes($focus, inputDescriptionValues) {
                    if (0 === inputDescriptionValues.length) {
                        return
                    }
                    const editMode = this._editingController.getEditMode();
                    const shouldSetValidationAriaAttributes = [EDIT_MODE_CELL, EDIT_MODE_BATCH, EDIT_MODE_ROW].includes(editMode);
                    if (shouldSetValidationAriaAttributes) {
                        const $focusElement = this._getCurrentFocusElement($focus);
                        this.setAria("labelledby", inputDescriptionValues.join(" "), $focusElement);
                        this.setAria("invalid", true, $focusElement)
                    }
                }
                _getCurrentFocusElement($focus) {
                    if (this._editingController.isEditing()) {
                        const selector = [_const.EDITORS_INPUT_SELECTOR, _const.EDITORS_TEXTAREA_SELECTOR].join(", ");
                        return $focus.find(selector).first()
                    }
                    return $focus
                }
                focus($element, isHideBorder) {
                    if (!arguments.length) {
                        return super.focus()
                    }
                    this._hideValidationMessage();
                    if (null !== $element && void 0 !== $element && $element.hasClass("dx-row") || null !== $element && void 0 !== $element && $element.hasClass("dx-master-detail-cell")) {
                        return super.focus($element, isHideBorder)
                    }
                    const $focus = null === $element || void 0 === $element ? void 0 : $element.closest(this._getFocusCellSelector());
                    const validator = $focus && ($focus.data("dxValidator") || $element.find(`.${this.addWidgetPrefix("validator")}`).eq(0).data("dxValidator"));
                    const rowOptions = $focus && $focus.closest(".dx-row").data("options");
                    const change = rowOptions ? this._editingController.getChangeByKey(rowOptions.key) : null;
                    let validationResult;
                    if (validator) {
                        this._validatingController.setValidator(validator);
                        const value = validator.option("adapter").getValue();
                        if (cellValueShouldBeValidated(value, rowOptions) || this._validatingController._rowIsValidated(change)) {
                            this._editingController.waitForDeferredOperations().done(() => {
                                const isDetached = !this._rowsView.isElementInside($element);
                                if (isDetached) {
                                    return
                                }(0, _deferred.when)(this._validatingController.validateCell(validator)).done(result => {
                                    validationResult = result;
                                    const {
                                        column: column
                                    } = validationResult.validator.option("dataGetter")();
                                    if (change && column && !this._validatingController.isCurrentValidatorProcessing({
                                            rowKey: change.key,
                                            columnIndex: column.index
                                        })) {
                                        return
                                    }
                                    if (!(0, _themes.isFluent)((0, _themes.current)()) && validationResult.status === VALIDATION_STATUS_invalid) {
                                        isHideBorder = true
                                    }
                                    this.updateCellState($element, validationResult, isHideBorder);
                                    super.focus.call(this, $element, isHideBorder)
                                })
                            });
                            return super.focus($element, isHideBorder)
                        }
                    }
                    this.updateCellState($element, validationResult, isHideBorder);
                    return super.focus($element, isHideBorder)
                }
                getEditorInstance($container) {
                    const $editor = $container.find(".dx-texteditor").eq(0);
                    return _m_utils.default.getWidgetInstance($editor)
                }
                getValidationMessageContainer($cell) {
                    return $cell.closest(`.${this.addWidgetPrefix("content")}`)
                }
                getRevertButtonContainer($cell) {
                    return $cell.closest(`.${this.addWidgetPrefix("content")}`).parent()
                }
                hasOverlayElements() {
                    const $validationMessageElements = this.getValidationMessages();
                    const $revertButtonElement = this.getRevertButton();
                    return super.hasOverlayElements() || !!(null !== $validationMessageElements && void 0 !== $validationMessageElements && $validationMessageElements.length) || !!(null !== $revertButtonElement && void 0 !== $revertButtonElement && $revertButtonElement.length)
                }
            };
            exports.validatingEditorFactoryExtender = validatingEditorFactoryExtender;
            const validatingDataControllerExtender = Base => class extends Base {
                _getValidationStatus(validationResult) {
                    const validationStatus = validationResultIsValid(validationResult) ? validationResult.status : validationResult;
                    return validationStatus || VALIDATION_STATUS_valid
                }
                _isCellChanged(oldRow, newRow, visibleRowIndex, columnIndex, isLiveUpdate) {
                    var _oldRow$cells, _cell$column$validati;
                    const cell = null === (_oldRow$cells = oldRow.cells) || void 0 === _oldRow$cells ? void 0 : _oldRow$cells[columnIndex];
                    const oldValidationStatus = this._getValidationStatus({
                        status: null === cell || void 0 === cell ? void 0 : cell.validationStatus
                    });
                    const validationResult = this._validatingController.getCellValidationResult({
                        rowKey: oldRow.key,
                        columnIndex: columnIndex
                    });
                    const validationData = this._validatingController._getValidationData(oldRow.key);
                    const newValidationStatus = this._getValidationStatus(validationResult);
                    const rowIsModified = JSON.stringify(newRow.modifiedValues) !== JSON.stringify(oldRow.modifiedValues);
                    const validationStatusChanged = oldValidationStatus !== newValidationStatus && rowIsModified;
                    const cellIsMarkedAsInvalid = (0, _renderer.default)(null === cell || void 0 === cell ? void 0 : cell.cellElement).hasClass(this.addWidgetPrefix("invalid"));
                    const hasValidationRules = null === cell || void 0 === cell || null === (_cell$column$validati = cell.column.validationRules) || void 0 === _cell$column$validati ? void 0 : _cell$column$validati.length;
                    const rowEditStateChanged = oldRow.isEditing !== newRow.isEditing && hasValidationRules;
                    const cellValidationStateChanged = validationStatusChanged || validationData.isValid && cellIsMarkedAsInvalid;
                    if (rowEditStateChanged || cellValidationStateChanged) {
                        return true
                    }
                    return super._isCellChanged.apply(this, arguments)
                }
            };
            exports.validatingDataControllerExtender = validatingDataControllerExtender;
            const validatingRowsViewExtender = Base => class extends Base {
                updateFreeSpaceRowHeight($table) {
                    const that = this;
                    let $rowElements;
                    let $freeSpaceRowElement;
                    let $freeSpaceRowElements;
                    const $element = that.element();
                    const $tooltipContent = $element && $element.find(`.${that.addWidgetPrefix("invalid-message")} .dx-overlay-content`);
                    super.updateFreeSpaceRowHeight($table);
                    if ($tooltipContent && $tooltipContent.length) {
                        $rowElements = that._getRowElements().filter(":visible");
                        $freeSpaceRowElements = that._getFreeSpaceRowElements($table);
                        $freeSpaceRowElement = $freeSpaceRowElements.first();
                        const rowElementsHasFocusInside = $rowElements.find(":focus").length > 0;
                        if ($freeSpaceRowElement && 1 === $rowElements.length && (!$freeSpaceRowElement.is(":visible") || (0, _size.getOuterHeight)($tooltipContent) > (0, _size.getOuterHeight)($freeSpaceRowElement)) && rowElementsHasFocusInside) {
                            $freeSpaceRowElements.show();
                            (0, _size.setHeight)($freeSpaceRowElements, (0, _size.getOuterHeight)($tooltipContent));
                            return true
                        }
                    }
                    return
                }
                _formItemPrepared(cellOptions, $container) {
                    super._formItemPrepared.apply(this, arguments);
                    (0, _common.deferUpdate)(() => {
                        const $editor = $container.find(".dx-widget").first();
                        const isEditorDisposed = $editor.length && !$editor.children().length;
                        if (!isEditorDisposed) {
                            this._validatingController.createValidator(cellOptions, $editor)
                        }
                    })
                }
                _cellPrepared($cell, parameters) {
                    if (!this._editingController.isFormOrPopupEditMode()) {
                        this._validatingController.createValidator(parameters, $cell)
                    }
                    super._cellPrepared.apply(this, arguments)
                }
                _restoreErrorRow(contentTable) {
                    this._editingController && this._editingController.hasChanges() && this._getRowElements(contentTable).each((_, item) => {
                        const rowOptions = (0, _renderer.default)(item).data("options");
                        if (rowOptions) {
                            const change = this._editingController.getChangeByKey(rowOptions.key);
                            change && this._editingController._showErrorRow(change)
                        }
                    })
                }
            };
            exports.validatingRowsViewExtender = validatingRowsViewExtender;
            exports.validatingModule = {
                defaultOptions: () => ({
                    editing: {
                        texts: {
                            validationCancelChanges: _message.default.format("dxDataGrid-validationCancelChanges")
                        }
                    }
                }),
                controllers: {
                    validating: ValidatingController
                },
                extenders: {
                    controllers: {
                        editing: validatingEditingExtender,
                        editorFactory: validatingEditorFactoryExtender,
                        data: validatingDataControllerExtender
                    },
                    views: {
                        rowsView: validatingRowsViewExtender
                    }
                }
            }
        },
        56430(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.A11yStatusContainerComponent = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const CLASSES_container = "dx-gridbase-a11y-status-container";
            exports.A11yStatusContainerComponent = _ref => {
                let {
                    statusText: statusText
                } = _ref;
                return (0, _renderer.default)("<div>").text(statusText ?? "").addClass(CLASSES_container).attr("role", "status")
            }
        },
        95125(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CLASSES = void 0;
            exports.CLASSES = {
                firstCell: "first-cell"
            }
        },
        48921(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.normalizeWidth = exports.ColumnsView = void 0;
            var _click = __webpack_require__( /*! ../../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _double_click = __webpack_require__( /*! ../../../../common/core/events/double_click */ 5636);
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/pointer */ 89797));
            var _remove = __webpack_require__( /*! ../../../../common/core/events/remove */ 28630);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../../core/dom_adapter */ 64960));
            var _element = __webpack_require__( /*! ../../../../core/element */ 61404);
            var _element_data = __webpack_require__( /*! ../../../../core/element_data */ 74663);
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/browser */ 48314));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var iteratorUtils = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../../../core/utils/iterator */ 21274));
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _style = __webpack_require__( /*! ../../../../core/utils/style */ 58515);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _m_support = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/m_support */ 85991));
            var _m_column_state_mixin = __webpack_require__( /*! ../../../grids/grid_core/column_state_mixin/m_column_state_mixin */ 96790);
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _const = __webpack_require__( /*! ./const */ 95125);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const appendElementTemplate = {
                render(options) {
                    options.container.append(options.content)
                }
            };
            const getWidthStyle = function(width) {
                if ("auto" === width) {
                    return ""
                }
                return (0, _type.isNumeric)(width) ? `${width}px` : width
            };
            const removeHandler = function(templateDeferred) {
                templateDeferred.resolve()
            };
            const normalizeWidth = width => {
                if ("number" === typeof width) {
                    return `${width.toFixed(3)}px`
                }
                if ("adaptiveHidden" === width) {
                    return "0.0001px"
                }
                return width
            };
            exports.normalizeWidth = normalizeWidth;
            class ColumnsView extends((0, _m_column_state_mixin.ColumnStateMixin)(_m_modules.default.View)) {
                init() {
                    this._scrollLeft = -1;
                    this._columnsController = this.getController("columns");
                    this._dataController = this.getController("data");
                    this._adaptiveColumnsController = this.getController("adaptiveColumns");
                    this._columnChooserController = this.getController("columnChooser");
                    this._editorFactoryController = this.getController("editorFactory");
                    this._selectionController = this.getController("selection");
                    this._columnChooserView = this.getView("columnChooserView");
                    this._delayedTemplates = [];
                    this._templateDeferreds = new Set;
                    this._templatesCache = {};
                    this._templateTimeouts = new Set;
                    this.createAction("onCellClick");
                    this.createAction("onRowClick");
                    this.createAction("onCellDblClick");
                    this.createAction("onRowDblClick");
                    this.createAction("onCellHoverChanged", {
                        excludeValidators: ["disabled", "readOnly"]
                    });
                    this.createAction("onCellPrepared", {
                        excludeValidators: ["disabled", "readOnly"],
                        category: "rendering"
                    });
                    this.createAction("onRowPrepared", {
                        excludeValidators: ["disabled", "readOnly"],
                        category: "rendering",
                        afterExecute: e => {
                            this._afterRowPrepared(e)
                        }
                    });
                    this._columnsController.columnsChanged.add(this._columnOptionChanged.bind(this));
                    this._dataController && this._dataController.changed.add(this._handleDataChanged.bind(this))
                }
                dispose() {
                    if ((0, _window.hasWindow)()) {
                        var _this$_templateTimeou, _this$_templateTimeou2;
                        const window = (0, _window.getWindow)();
                        null === (_this$_templateTimeou = this._templateTimeouts) || void 0 === _this$_templateTimeou || _this$_templateTimeou.forEach(templateTimeout => window.clearTimeout(templateTimeout));
                        null === (_this$_templateTimeou2 = this._templateTimeouts) || void 0 === _this$_templateTimeou2 || _this$_templateTimeou2.clear()
                    }
                }
                optionChanged(args) {
                    super.optionChanged(args);
                    switch (args.name) {
                        case "cellHintEnabled":
                        case "onCellPrepared":
                        case "onRowPrepared":
                        case "onCellHoverChanged":
                            this._invalidate(true, true);
                            args.handled = true;
                            break;
                        case "keyboardNavigation":
                            if ("keyboardNavigation.enabled" === args.fullName) {
                                this._invalidate(true, true)
                            }
                            args.handled = true
                    }
                }
                _createScrollableOptions() {
                    const scrollingOptions = this.option("scrolling");
                    let useNativeScrolling = this.option("scrolling.useNative");
                    const options = (0, _extend.extend)({}, scrollingOptions, {
                        direction: "both",
                        bounceEnabled: false,
                        useKeyboard: false
                    });
                    if (void 0 === useNativeScrolling) {
                        useNativeScrolling = true
                    }
                    if ("auto" === useNativeScrolling) {
                        delete options.useNative;
                        delete options.useSimulatedScrollbar
                    } else {
                        options.useNative = !!useNativeScrolling;
                        options.useSimulatedScrollbar = !useNativeScrolling
                    }
                    return options
                }
                _updateCell($cell, parameters) {
                    if (parameters.rowType) {
                        this._cellPrepared($cell, parameters)
                    }
                }
                _needToSetCellWidths() {
                    return this.option("columnAutoWidth")
                }
                _createCell(options) {
                    const {
                        column: column
                    } = options;
                    const alignment = column.alignment || (0, _position.getDefaultAlignment)(this.option("rtlEnabled"));
                    const needToSetCellWidths = this._needToSetCellWidths();
                    const cell = _dom_adapter.default.createElement("td");
                    cell.style.textAlign = alignment;
                    const $cell = (0, _renderer.default)(cell);
                    if (column.cssClass) {
                        $cell.addClass(column.cssClass)
                    }
                    if (Array.isArray(column.elementAttr)) {
                        column.elementAttr.forEach(_ref => {
                            let {
                                name: name,
                                value: value
                            } = _ref;
                            $cell.attr(name, value)
                        })
                    }
                    if ("expand" === column.command) {
                        $cell.addClass(column.cssClass);
                        $cell.addClass(this.addWidgetPrefix("group-space"))
                    }
                    if (column.colspan > 1) {
                        $cell.attr("colSpan", column.colspan)
                    } else if (!column.isBand && "auto" !== column.visibleWidth && needToSetCellWidths) {
                        if (column.width || column.minWidth) {
                            cell.style.minWidth = getWidthStyle(column.minWidth || column.width)
                        }
                        if (column.width) {
                            ! function(cell, column, width) {
                                cell.style.width = cell.style.maxWidth = "auto" === column.width ? "" : width
                            }(cell, column, getWidthStyle(column.width))
                        }
                    }
                    return $cell
                }
                _createRow(rowObject, tagName) {
                    tagName = tagName || "tr";
                    const $element = (0, _renderer.default)(`<${tagName}>`).addClass("dx-row");
                    if ("tr" === tagName) {
                        this.setAria("role", "row", $element)
                    }
                    return $element
                }
                _isAltRow(row) {
                    return row && row.dataIndex % 2 === 1
                }
                _createTable(columns, isAppend) {
                    const $table = (0, _renderer.default)("<table>").addClass(this.addWidgetPrefix("table")).addClass(this.addWidgetPrefix("table-fixed"));
                    if (columns && !isAppend) {
                        $table.attr("id", `dx-${new _guid.default}`).append(this._createColGroup(columns));
                        if (_browser.default.safari) {
                            $table.append((0, _renderer.default)("<thead>").append("<tr>"))
                        }
                        this.setAria("role", "presentation", $table)
                    } else {
                        this.setAria("hidden", true, $table)
                    }
                    this.setAria("role", "presentation", (0, _renderer.default)("<tbody>").appendTo($table));
                    if (isAppend) {
                        return $table
                    }
                    if (_browser.default.mozilla) {
                        _events_engine.default.on($table, "mousedown", "td", e => {
                            if (e.ctrlKey) {
                                e.preventDefault()
                            }
                        })
                    }
                    if (this.option("cellHintEnabled")) {
                        _events_engine.default.on($table, "mousemove", ".dx-row > td", this.createAction(args => {
                            const e = args.event;
                            const $element = (0, _renderer.default)(e.target);
                            const $cell = (0, _renderer.default)(e.currentTarget);
                            const $row = $cell.parent();
                            const visibleColumns = this._columnsController.getVisibleColumns();
                            const rowOptions = $row.data("options");
                            const columnIndex = $cell.index();
                            const cellOptions = rowOptions && rowOptions.cells && rowOptions.cells[columnIndex];
                            const column = cellOptions ? cellOptions.column : visibleColumns[columnIndex];
                            const isHeaderRow = $row.hasClass("dx-header-row");
                            const isDataRow = $row.hasClass("dx-data-row");
                            const isMasterDetailRow = $row.hasClass("dx-master-detail-row");
                            const isGroupRow = $row.hasClass("dx-group-row");
                            const isFilterRow = $row.hasClass(this.addWidgetPrefix("filter-row"));
                            const isDataRowWithTemplate = isDataRow && (!column || column.cellTemplate);
                            const isEditorShown = isDataRow && cellOptions && (rowOptions.isEditing || cellOptions.isEditing || (null === column || void 0 === column ? void 0 : column.showEditorAlways));
                            const isHeaderRowWithTemplate = isHeaderRow && (!column || column.headerCellTemplate);
                            const isGroupCellWithTemplate = isGroupRow && (!column || column.groupIndex && column.groupCellTemplate);
                            const shouldShowHint = !isMasterDetailRow && !isFilterRow && !isEditorShown && !isDataRowWithTemplate && !isHeaderRowWithTemplate && !isGroupCellWithTemplate;
                            if (shouldShowHint) {
                                this._setCellTitleAttribute($element, isHeaderRow)
                            }
                        }))
                    }
                    const getOptions = event => {
                        const $cell = (0, _renderer.default)(event.currentTarget);
                        const $fieldItemContent = (0, _renderer.default)(event.target).closest(".dx-field-item-content");
                        const $row = $cell.parent();
                        const rowOptions = $row.data("options");
                        const options = rowOptions && rowOptions.cells && rowOptions.cells[$cell.index()];
                        if (!$cell.closest("table").is(event.delegateTarget)) {
                            return
                        }
                        const resultOptions = (0, _extend.extend)({}, options, {
                            cellElement: (0, _element.getPublicElement)($cell),
                            event: event,
                            eventType: event.type
                        });
                        resultOptions.rowIndex = this.getRowIndex($row);
                        if ($fieldItemContent.length) {
                            const formItemOptions = $fieldItemContent.data("dx-form-item");
                            if (formItemOptions.column) {
                                resultOptions.column = formItemOptions.column;
                                resultOptions.columnIndex = this._columnsController.getVisibleIndex(resultOptions.column.index)
                            }
                        }
                        return resultOptions
                    };
                    _events_engine.default.on($table, "mouseover", ".dx-row > td", e => {
                        const options = getOptions(e);
                        options && this.executeAction("onCellHoverChanged", options)
                    });
                    _events_engine.default.on($table, "mouseout", ".dx-row > td", e => {
                        const options = getOptions(e);
                        options && this.executeAction("onCellHoverChanged", options)
                    });
                    _events_engine.default.on($table, _click.name, ".dx-row > td", e => {
                        const options = getOptions(e);
                        options && this.executeAction("onCellClick", options)
                    });
                    _events_engine.default.on($table, _double_click.name, ".dx-row > td", e => {
                        const options = getOptions(e);
                        options && this.executeAction("onCellDblClick", options)
                    });
                    ! function(that, $table) {
                        let touchTarget;
                        let touchCurrentTarget;
                        let timeoutId;

                        function clearTouchTargets(timeout) {
                            return setTimeout(() => {
                                touchTarget = touchCurrentTarget = null
                            }, timeout)
                        }
                        _events_engine.default.on($table, "touchstart touchend", ".dx-row", e => {
                            var _e$event;
                            if (null !== e && void 0 !== e && null !== (_e$event = e.event) && void 0 !== _e$event && _e$event.target && !_m_utils.default.isElementInCurrentGrid(that, (0, _renderer.default)(e.event.target))) {
                                return
                            }
                            clearTimeout(timeoutId);
                            if ("touchstart" === e.type) {
                                touchTarget = e.target;
                                touchCurrentTarget = e.currentTarget;
                                timeoutId = clearTouchTargets(1e3)
                            } else {
                                timeoutId = clearTouchTargets()
                            }
                        });
                        _events_engine.default.on($table, [_click.name, _double_click.name, _pointer.default.down].join(" "), ".dx-row", that.createAction(e => {
                            var _e$event2;
                            const {
                                event: event
                            } = e;
                            if (null !== e && void 0 !== e && null !== (_e$event2 = e.event) && void 0 !== _e$event2 && _e$event2.target && !_m_utils.default.isElementInCurrentGrid(that, (0, _renderer.default)(event.target))) {
                                return
                            }
                            if (touchTarget) {
                                event.target = touchTarget;
                                event.currentTarget = touchCurrentTarget
                            }
                            if (!(0, _renderer.default)(event.target).closest("a").length) {
                                e.rowIndex = that.getRowIndex(event.currentTarget);
                                if (e.rowIndex >= 0) {
                                    e.rowElement = (0, _element.getPublicElement)((0, _renderer.default)(event.currentTarget));
                                    e.columns = that.getColumns();
                                    if (event.type === _pointer.default.down) {
                                        that._rowPointerDown(e)
                                    } else if (event.type === _click.name) {
                                        that._rowClick(e)
                                    } else {
                                        that._rowDblClick(e)
                                    }
                                }
                            }
                        }))
                    }(this, $table);
                    return $table
                }
                _setCellTitleAttribute($cell, isHeaderRow) {
                    if ($cell.data("dxCellHintVisible")) {
                        $cell.removeAttr("title");
                        $cell.data("dxCellHintVisible", false)
                    }
                    let $cellContent = $cell;
                    const headerContentClass = this.addWidgetPrefix("text-content");
                    if (isHeaderRow && !$cell.hasClass(headerContentClass)) {
                        const $headerContent = $cell.find(`.${headerContentClass}`);
                        $cellContent = $headerContent.length ? $headerContent : $cellContent
                    }
                    const hasWidthOverflow = $cellContent[0].scrollWidth - $cellContent[0].clientWidth > 0;
                    if (!hasWidthOverflow || (0, _type.isDefined)($cell.attr("title"))) {
                        return
                    }
                    const hintText = $cellContent.text() || $cell.text();
                    $cell.attr("title", hintText);
                    $cell.data("dxCellHintVisible", true)
                }
                _rowPointerDown(e) {}
                _rowClick() {}
                _rowDblClick() {}
                _createColGroup(columns) {
                    const colgroupElement = (0, _renderer.default)("<colgroup>");
                    for (let i = 0; i < columns.length; i++) {
                        const colspan = columns[i].colspan || 1;
                        for (let j = 0; j < colspan; j++) {
                            colgroupElement.append(this._createCol(columns[i]))
                        }
                    }
                    return colgroupElement
                }
                _createCol(column) {
                    let width = column.visibleWidth || column.width;
                    if ("adaptiveHidden" === width) {
                        width = "0.0001px"
                    }
                    const col = (0, _renderer.default)("<col>");
                    (0, _style.setWidth)(col, width);
                    return col
                }
                renderDelayedTemplates(change) {
                    const delayedTemplates = this._delayedTemplates;
                    const syncTemplates = delayedTemplates.filter(template => !template.async);
                    const asyncTemplates = delayedTemplates.filter(template => template.async);
                    this._delayedTemplates = [];
                    this._renderDelayedTemplatesCore(syncTemplates, false, change);
                    this._renderDelayedTemplatesCoreAsync(asyncTemplates)
                }
                _renderDelayedTemplatesCoreAsync(templates) {
                    if (templates.length) {
                        const templateTimeout = (0, _window.getWindow)().setTimeout(() => {
                            this._templateTimeouts.delete(templateTimeout);
                            this._renderDelayedTemplatesCore(templates, true)
                        });
                        this._templateTimeouts.add(templateTimeout)
                    }
                }
                _renderDelayedTemplatesCore(templates, isAsync, change) {
                    const date = new Date;
                    while (templates.length) {
                        const templateParameters = templates.shift();
                        const {
                            options: options
                        } = templateParameters;
                        const doc = _dom_adapter.default.getRootNode((0, _renderer.default)(options.container).get(0));
                        const needWaitAsyncTemplates = this.needWaitAsyncTemplates();
                        if (!isAsync || (0, _renderer.default)(options.container).closest(doc).length || needWaitAsyncTemplates) {
                            if (change) {
                                options.change = change
                            }
                            templateParameters.template.render(options)
                        }
                        if (isAsync && new Date - date > 30) {
                            this._renderDelayedTemplatesCoreAsync(templates);
                            break
                        }
                    }
                    if (!templates.length && this._delayedTemplates.length) {
                        this.renderDelayedTemplates()
                    }
                }
                _processTemplate(template, options) {
                    const that = this;
                    let renderingTemplate;
                    if (template && template.render && !(0, _type.isRenderer)(template)) {
                        renderingTemplate = {
                            allowRenderToDetachedContainer: template.allowRenderToDetachedContainer,
                            render(options) {
                                template.render(options.container, options.model, options.change);
                                options.deferred && options.deferred.resolve()
                            }
                        }
                    } else if ((0, _type.isFunction)(template)) {
                        renderingTemplate = {
                            render(options) {
                                const renderedTemplate = template((0, _element.getPublicElement)(options.container), options.model, options.change);
                                if (renderedTemplate && (renderedTemplate.nodeType || (0, _type.isRenderer)(renderedTemplate))) {
                                    options.container.append(renderedTemplate)
                                }
                                options.deferred && options.deferred.resolve()
                            }
                        }
                    } else {
                        const templateID = (0, _type.isString)(template) ? template : (0, _renderer.default)(template).attr("id");
                        if (!templateID) {
                            renderingTemplate = that.getTemplate(template)
                        } else {
                            if (!that._templatesCache[templateID]) {
                                that._templatesCache[templateID] = that.getTemplate(template)
                            }
                            renderingTemplate = that._templatesCache[templateID]
                        }
                    }
                    return renderingTemplate
                }
                renderTemplate(container, template, options, allowRenderToDetachedContainer, change) {
                    const renderingTemplate = this._processTemplate(template, options);
                    const {
                        column: column
                    } = options;
                    const isDataRow = "data" === options.rowType;
                    const templateDeferred = new _deferred.Deferred;
                    const templateOptions = {
                        container: container,
                        model: options,
                        deferred: templateDeferred,
                        onRendered: () => {
                            if (this.isDisposed()) {
                                templateDeferred.reject()
                            } else {
                                templateDeferred.resolve()
                            }
                        }
                    };
                    if (renderingTemplate) {
                        options.component = this.component;
                        const columnAsync = column && (column.renderAsync && isDataRow || this.option("renderAsync") && (false !== column.renderAsync && (column.command || column.showEditorAlways) && isDataRow || "filter" === options.rowType));
                        const async = options.renderAsync ?? columnAsync;
                        if ((renderingTemplate.allowRenderToDetachedContainer || allowRenderToDetachedContainer) && !async) {
                            renderingTemplate.render(templateOptions)
                        } else {
                            this._delayedTemplates.push({
                                template: renderingTemplate,
                                options: templateOptions,
                                async: async
                            })
                        }
                        this._templateDeferreds.add(templateDeferred);
                        _events_engine.default.on(container, _remove.removeEvent, removeHandler.bind(null, templateDeferred))
                    } else {
                        templateDeferred.reject()
                    }
                    return templateDeferred.promise().always(() => {
                        this._templateDeferreds.delete(templateDeferred)
                    })
                }
                _getBodies(tableElement) {
                    return (0, _renderer.default)(tableElement).children("tbody").not(".dx-header").not(".dx-footer")
                }
                _needWrapRow($tableElement) {
                    var _this$_getBodies;
                    const hasRowTemplate = !!this.option().rowTemplate;
                    return hasRowTemplate && !!(null !== (_this$_getBodies = this._getBodies($tableElement)) && void 0 !== _this$_getBodies && _this$_getBodies.filter(".dx-row").length)
                }
                _wrapRowIfNeed($table, $row, isRefreshing) {
                    const $tableElement = isRefreshing ? $table || this._tableElement : this._tableElement || $table;
                    const needWrapRow = this._needWrapRow($tableElement);
                    if (needWrapRow) {
                        const $tbody = (0, _renderer.default)("<tbody>").addClass($row.attr("class"));
                        this.setAria("role", "presentation", $tbody);
                        return $tbody.append($row)
                    }
                    return $row
                }
                _appendRow($table, $row, appendTemplate) {
                    appendTemplate = appendTemplate || appendElementTemplate;
                    appendTemplate.render({
                        content: $row,
                        container: $table
                    })
                }
                removeFirstCellClasses() {
                    var _this$_tableElement;
                    const firstCellClass = this.addWidgetPrefix(_const.CLASSES.firstCell);
                    null === (_this$_tableElement = this._tableElement) || void 0 === _this$_tableElement || _this$_tableElement.find(`.${firstCellClass}`).removeClass(firstCellClass)
                }
                toggleFirstCellClass($cell, isFirstValue) {
                    null === $cell || void 0 === $cell || $cell.toggleClass(this.addWidgetPrefix(_const.CLASSES.firstCell), isFirstValue)
                }
                _resizeCore() {
                    const scrollLeft = this._scrollLeft;
                    if (scrollLeft >= 0) {
                        this._scrollLeft = 0;
                        this.scrollTo({
                            left: scrollLeft
                        })
                    }
                }
                _renderCore(e) {
                    const $root = this.element().parent();
                    if (!$root || $root.parent().length) {
                        this.renderDelayedTemplates(e)
                    }
                    return (new _deferred.Deferred).resolve()
                }
                _renderTable(options) {
                    options = options || {};
                    options.columns = this._columnsController.getVisibleColumns();
                    const changeType = options.change && options.change.changeType;
                    const $table = this._createTable(options.columns, "append" === changeType || "prepend" === changeType || "update" === changeType);
                    this._renderRows($table, options);
                    return $table
                }
                _renderRows($table, options) {
                    const that = this;
                    const rows = that._getRows(options.change);
                    const columnIndices = options.change && options.change.columnIndices || [];
                    const changeTypes = options.change && options.change.changeTypes || [];
                    for (let i = 0; i < rows.length; i++) {
                        that._renderRow($table, (0, _extend.extend)({
                            row: rows[i],
                            columnIndices: columnIndices[i],
                            changeType: changeTypes[i]
                        }, options))
                    }
                }
                _renderRow($table, options) {
                    if (!options.columnIndices) {
                        options.row.cells = []
                    }
                    const $row = this._createRow(options.row);
                    const $wrappedRow = this._wrapRowIfNeed($table, $row);
                    if ("remove" !== options.changeType) {
                        this._renderCells($row, options)
                    }
                    this._appendRow($table, $wrappedRow);
                    const rowOptions = (0, _extend.extend)({
                        columns: options.columns
                    }, options.row);
                    this._addWatchMethod(rowOptions, options.row);
                    this._rowPrepared($wrappedRow, rowOptions, options.row)
                }
                _needRenderCell(columnIndex, columnIndices) {
                    return !columnIndices || columnIndices.indexOf(columnIndex) >= 0
                }
                _renderCells($row, options) {
                    const that = this;
                    let columnIndex = 0;
                    const {
                        row: row
                    } = options;
                    const {
                        columns: columns
                    } = options;
                    for (let i = 0; i < columns.length; i++) {
                        if (this._needRenderCell(i, options.columnIndices)) {
                            that._renderCell($row, (0, _extend.extend)({
                                column: columns[i],
                                columnIndex: columnIndex,
                                value: row.values && row.values[columnIndex],
                                oldValue: row.oldValues && row.oldValues[columnIndex]
                            }, options))
                        }
                        if (columns[i].colspan > 1) {
                            columnIndex += columns[i].colspan
                        } else {
                            columnIndex++
                        }
                    }
                }
                _updateCells($rowElement, $newRowElement, columnIndices, options) {
                    var _options$node;
                    const that = this;
                    const $cells = $rowElement.children();
                    const $newCells = $newRowElement.children();
                    const highlightChanges = this.option("highlightChanges");
                    const cellUpdatedClass = this.addWidgetPrefix("cell-updated-animation");
                    if (null !== options && void 0 !== options && null !== (_options$node = options.node) && void 0 !== _options$node && _options$node.hasChildren) {
                        $cells.each(function() {
                            that.setAria("expanded", options.isExpanded, (0, _renderer.default)(this))
                        })
                    }
                    columnIndices.forEach((columnIndex, index) => {
                        const $cell = $cells.eq(columnIndex);
                        const $newCell = $newCells.eq(index);
                        $cell.replaceWith($newCell);
                        if (highlightChanges && !$newCell.hasClass("dx-command-expand")) {
                            $newCell.addClass(cellUpdatedClass)
                        }
                    });
                    ! function(element, newElement) {
                        if (!element || !newElement) {
                            return
                        }
                        const oldAttributes = element.attributes;
                        const newAttributes = newElement.attributes;
                        let i;
                        for (i = 0; i < oldAttributes.length; i++) {
                            const name = oldAttributes[i].nodeName;
                            if (!newElement.hasAttribute(name)) {
                                element.removeAttribute(name)
                            }
                        }
                        for (i = 0; i < newAttributes.length; i++) {
                            element.setAttribute(newAttributes[i].nodeName, newAttributes[i].nodeValue)
                        }
                    }($rowElement.get(0), $newRowElement.get(0))
                }
                _setCellAriaAttributes($cell, cellOptions, options) {
                    var _row$node;
                    const {
                        row: row
                    } = options;
                    const isFreeSpaceRow = "freeSpace" === cellOptions.rowType;
                    const isGroupRow = "group" === cellOptions.rowType;
                    const rowHasChildren = null === row || void 0 === row || null === (_row$node = row.node) || void 0 === _row$node ? void 0 : _row$node.hasChildren;
                    if (isFreeSpaceRow) {
                        return
                    }
                    this.setAria("role", "gridcell", $cell);
                    if (rowHasChildren) {
                        this.setAria("expanded", row.isExpanded, $cell)
                    }
                    const columnIndexOffset = this._columnsController.getColumnIndexOffset();
                    const ariaColIndex = isGroupRow ? cellOptions.columnIndex + 1 : cellOptions.columnIndex + columnIndexOffset + 1;
                    this.setAria("colindex", ariaColIndex, $cell)
                }
                _renderCell($row, options) {
                    const cellOptions = this._getCellOptions(options);
                    if (options.columnIndices) {
                        if (options.row.cells) {
                            const cellIndex = options.row.cells.findIndex(cell => cell.columnIndex === cellOptions.columnIndex);
                            options.row.cells[cellIndex] = cellOptions
                        }
                    } else {
                        options.row.cells.push(cellOptions)
                    }
                    const $cell = this._createCell(cellOptions);
                    this._setCellAriaAttributes($cell, cellOptions, options);
                    this._renderCellContent($cell, cellOptions, options);
                    $row.get(0).appendChild($cell.get(0));
                    return $cell
                }
                _renderCellContent($cell, options, renderOptions) {
                    const template = this._getCellTemplate(options);
                    (0, _deferred.when)(!template || this.renderTemplate($cell, template, options, void 0, renderOptions.change)).done(() => {
                        this._updateCell($cell, options)
                    })
                }
                _getCellTemplate(options) {}
                _getRows(change) {
                    return []
                }
                _getCellOptions(options) {
                    const cellOptions = {
                        column: options.column,
                        columnIndex: options.columnIndex,
                        rowType: options.row.rowType,
                        rowIndex: options.row.rowIndex,
                        isAltRow: this._isAltRow(options.row)
                    };
                    this._addWatchMethod(cellOptions);
                    return cellOptions
                }
                _addWatchMethod(options, source) {
                    if (!this.option("repaintChangesOnly")) {
                        return
                    }
                    const watchers = [];
                    source = source || options;
                    source.watch = source.watch || function(getter, updateValueFunc, updateRowFunc) {
                        let oldValue = getter(source.data);
                        const watcher = function(row) {
                            if (row && updateRowFunc) {
                                updateRowFunc(row)
                            }
                            const newValue = getter(source.data);
                            if (JSON.stringify(oldValue) !== JSON.stringify(newValue)) {
                                if (row) {
                                    updateValueFunc(newValue)
                                }
                                oldValue = newValue
                            }
                        };
                        watchers.push(watcher);
                        return function() {
                            const index = watchers.indexOf(watcher);
                            if (index >= 0) {
                                watchers.splice(index, 1)
                            }
                        }
                    };
                    source.update = source.update || function(row, keepRow) {
                        if (row) {
                            this.data = options.data = row.data;
                            this.rowIndex = options.rowIndex = row.rowIndex;
                            this.dataIndex = options.dataIndex = row.dataIndex;
                            this.isExpanded = options.isExpanded = row.isExpanded;
                            if (options.row && !keepRow) {
                                options.row = row
                            }
                        }
                        watchers.forEach(watcher => {
                            watcher(row)
                        })
                    };
                    if (source !== options) {
                        options.watch = source.watch.bind(source)
                    }
                    return options
                }
                _cellPrepared(cell, options) {
                    options.cellElement = (0, _element.getPublicElement)((0, _renderer.default)(cell));
                    this.executeAction("onCellPrepared", options)
                }
                _rowPrepared($row, options, row) {
                    (0, _element_data.data)($row.get(0), "options", options);
                    options.rowElement = (0, _element.getPublicElement)($row);
                    this.executeAction("onRowPrepared", options)
                }
                _columnOptionChanged(e) {
                    const {
                        optionNames: optionNames
                    } = e;
                    if (_m_utils.default.checkChanges(optionNames, ["width", "visibleWidth"])) {
                        const visibleColumns = this._columnsController.getVisibleColumns();
                        const widths = visibleColumns.map(column => column.visibleWidth || column.width);
                        this.setColumnWidths({
                            widths: widths,
                            optionNames: optionNames
                        });
                        return
                    }
                    if (!this._requireReady) {
                        this.render()
                    }
                }
                getCellIndex($cell, rowIndex) {
                    const cellIndex = $cell.length ? $cell[0].cellIndex : -1;
                    return cellIndex
                }
                getTableElements() {
                    return this._tableElement || (0, _renderer.default)()
                }
                getTableElement(isFixedTableRendering) {
                    return this._tableElement
                }
                setTableElement(tableElement, isFixedTableRendering) {
                    this._tableElement = tableElement
                }
                _afterRowPrepared(e) {}
                _handleDataChanged(e) {}
                callbackNames() {
                    return ["scrollChanged"]
                }
                _updateScrollLeftPosition() {
                    const scrollLeft = this._scrollLeft;
                    if (scrollLeft >= 0) {
                        this._scrollLeft = 0;
                        this.scrollTo({
                            left: scrollLeft
                        })
                    }
                }
                scrollTo(pos) {
                    const $element = this.element();
                    const $scrollContainer = $element && $element.children(`.${this.addWidgetPrefix("scroll-container")}`).not(`.${this.addWidgetPrefix("content-fixed")}`);
                    if ((0, _type.isDefined)(pos) && (0, _type.isDefined)(pos.left) && this._scrollLeft !== pos.left) {
                        this._scrollLeft = pos.left;
                        $scrollContainer && $scrollContainer.scrollLeft(pos.left)
                    }
                }
                getContent(isFixedTableRendering) {
                    var _this$_tableElement2;
                    return null === (_this$_tableElement2 = this._tableElement) || void 0 === _this$_tableElement2 ? void 0 : _this$_tableElement2.parent()
                }
                _removeContent(isFixedTableRendering) {
                    const $scrollContainer = this.getContent(isFixedTableRendering);
                    if (null !== $scrollContainer && void 0 !== $scrollContainer && $scrollContainer.length) {
                        $scrollContainer.remove()
                    }
                }
                handleScroll(e) {
                    const scrollLeft = (0, _renderer.default)(e.target).scrollLeft();
                    if (scrollLeft !== this._scrollLeft) {
                        this.scrollChanged.fire({
                            left: scrollLeft
                        }, this.name)
                    }
                }
                _wrapTableInScrollContainer($table, isFixedTableRendering) {
                    const $scrollContainer = (0, _renderer.default)("<div>");
                    const useNative = this.option("scrolling.useNative");
                    if (false === useNative || "auto" === useNative && !_m_support.default.nativeScrolling) {
                        $scrollContainer.addClass(this.addWidgetPrefix("scrollable-simulated"))
                    }
                    _events_engine.default.on($scrollContainer, "scroll", this.handleScroll.bind(this));
                    $scrollContainer.addClass(this.addWidgetPrefix("content")).addClass(this.addWidgetPrefix("scroll-container")).append($table).appendTo(this.element());
                    this.setAria("role", "presentation", $scrollContainer);
                    return $scrollContainer
                }
                needWaitAsyncTemplates() {
                    return this.option("templatesRenderAsynchronously") && false === this.option("renderAsync")
                }
                waitAsyncTemplates() {
                    let forceWaiting = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : false;
                    const result = new _deferred.Deferred;
                    const needWaitAsyncTemplates = forceWaiting || this.needWaitAsyncTemplates();
                    if (!needWaitAsyncTemplates || !(0, _type.isDefined)(this._templateDeferreds)) {
                        return result.resolve()
                    }
                    const waitTemplatesRecursion = () => _deferred.when.apply(this, Array.from(this._templateDeferreds)).done(() => {
                        if (this.isDisposed()) {
                            result.reject()
                        } else if (this._templateDeferreds.size > 0) {
                            waitTemplatesRecursion()
                        } else {
                            result.resolve()
                        }
                    }).fail(result.reject);
                    waitTemplatesRecursion();
                    return result.promise()
                }
                _updateContent($newTableElement, change, isFixedTableRendering) {
                    return this.waitAsyncTemplates().done(() => {
                        this._removeContent(isFixedTableRendering);
                        this.setTableElement($newTableElement, isFixedTableRendering);
                        this._wrapTableInScrollContainer($newTableElement, isFixedTableRendering)
                    })
                }
                _findContentElement(isFixedTableRendering) {}
                _getWidths($cellElements) {
                    if (!$cellElements) {
                        return []
                    }
                    const result = [];
                    const cellElements = $cellElements.toArray();
                    cellElements.forEach(cell => {
                        let width = cell.offsetWidth;
                        if (cell.getBoundingClientRect) {
                            const rect = (0, _position.getBoundingRect)(cell);
                            if (rect.width > cell.offsetWidth - 1) {
                                width = rect.width
                            }
                        }
                        result.push(width)
                    });
                    return result
                }
                getColumnWidths($tableElement, rowIndex) {
                    (this.option("forceApplyBindings") || _common.noop)();
                    $tableElement = $tableElement ?? this.getTableElement();
                    if ($tableElement) {
                        const $rows = $tableElement.children("tbody:not(.dx-header)").children();
                        for (let i = 0; i < $rows.length; i++) {
                            const $row = $rows.eq(i);
                            const isGroupRow = $row.hasClass("dx-group-row");
                            const isDetailRow = $row.hasClass("dx-master-detail-row");
                            const isErrorRow = $row.hasClass("dx-error-row");
                            const isRowVisible = "none" !== $row.get(0).style.display && !$row.hasClass("dx-state-invisible");
                            const isRelevantRow = !isGroupRow && !isDetailRow && !isErrorRow;
                            if (isRowVisible && isRelevantRow) {
                                const $cells = $row.children("td");
                                const result = this._getWidths($cells);
                                return result
                            }
                        }
                    }
                    return []
                }
                getVisibleColumnIndex(columnIndex, rowIndex) {
                    return columnIndex
                }
                setCellPropertiesCore(styleProps, $row, visibleCellIndex) {
                    const $cell = $row.hasClass("dx-group-row") ? $row.find(`td[aria-colindex='${visibleCellIndex+1}']:not(.dx-group-cell)`) : $row.find("td").eq(visibleCellIndex);
                    for (let i = 0; i < $cell.length; i += 1) {
                        const cell = $cell.get(i);
                        Object.assign(cell.style, styleProps)
                    }
                }
                setCellProperties(styleProps, columnIndex, rowIndex) {
                    const $tableElement = this.getTableElement();
                    if (!(null !== $tableElement && void 0 !== $tableElement && $tableElement.length)) {
                        return
                    }
                    const $rows = $tableElement.children().children(".dx-row").not(".dx-master-detail-row");
                    if ((0, _type.isDefined)(rowIndex)) {
                        this.setCellPropertiesCore(styleProps, $rows.eq(rowIndex), columnIndex)
                    } else {
                        for (let rowIndex = 0; rowIndex < $rows.length; rowIndex++) {
                            const visibleIndex = this.getVisibleColumnIndex(columnIndex, rowIndex);
                            if (visibleIndex >= 0) {
                                this.setCellPropertiesCore(styleProps, $rows.eq(rowIndex), visibleIndex)
                            }
                        }
                    }
                }
                setColumnWidths(_ref2) {
                    let {
                        widths: widths,
                        optionNames: optionNames
                    } = _ref2;
                    const $tableElement = this.getTableElement();
                    if (!(null !== $tableElement && void 0 !== $tableElement && $tableElement.length) || !widths) {
                        return
                    }
                    const columns = this.getColumns();
                    const needToSetCellWidths = this._needToSetCellWidths();
                    const $cols = $tableElement.children("colgroup").children("col");
                    $cols.toArray().forEach(col => col.removeAttribute("style"));
                    columns.forEach((column, columnIndex) => {
                        if (needToSetCellWidths && column.width && !column.command) {
                            const styleProps = {};
                            const width = getWidthStyle(column.visibleWidth || column.width);
                            const minWidth = getWidthStyle(column.minWidth || width);
                            styleProps.width = "auto" === column.width ? "" : width;
                            styleProps.maxWidth = styleProps.width;
                            styleProps.minWidth = minWidth;
                            this.setCellProperties(styleProps, columnIndex)
                        }
                        const colWidth = normalizeWidth(widths[columnIndex]);
                        if ((0, _type.isDefined)(colWidth)) {
                            (0, _style.setWidth)($cols.eq(columnIndex), colWidth)
                        }
                    })
                }
                getCellElements(rowIndex) {
                    return this._getCellElementsCore(rowIndex)
                }
                _getCellElementsCore(rowIndex) {
                    if (rowIndex < 0) {
                        return
                    }
                    const $row = this._getRowElements().eq(rowIndex);
                    return $row.children()
                }
                _getCellElement(rowIndex, columnIdentifier) {
                    const $cells = this.getCellElements(rowIndex) ?? (0, _renderer.default)();
                    const columnVisibleIndex = this._getVisibleColumnIndex($cells, rowIndex, columnIdentifier);
                    if (!(null !== $cells && void 0 !== $cells && $cells.length) || columnVisibleIndex < 0) {
                        return
                    }
                    const $cell = $cells.eq(columnVisibleIndex);
                    return $cell.length > 0 ? $cell : void 0
                }
                _getRowElement(rowIndex) {
                    const that = this;
                    let $rowElement = (0, _renderer.default)();
                    const $tableElements = that.getTableElements();
                    iteratorUtils.each($tableElements, (_, tableElement) => {
                        $rowElement = $rowElement.add(that._getRowElements((0, _renderer.default)(tableElement)).eq(rowIndex))
                    });
                    if ($rowElement.length) {
                        return $rowElement
                    }
                    return
                }
                getCellElement(rowIndex, columnIdentifier) {
                    const $cell = this._getCellElement(rowIndex, columnIdentifier);
                    if ($cell) {
                        return (0, _element.getPublicElement)($cell)
                    }
                    return
                }
                getRowElement(rowIndex) {
                    const $rows = this._getRowElement(rowIndex);
                    let elements = [];
                    if ($rows && !(0, _element.getPublicElement)($rows).get) {
                        for (let i = 0; i < $rows.length; i++) {
                            elements.push($rows[i])
                        }
                    } else {
                        elements = $rows
                    }
                    return elements
                }
                _getVisibleColumnIndex($cells, rowIndex, columnIdentifier) {
                    if ((0, _type.isString)(columnIdentifier)) {
                        const columnIndex = this._columnsController.columnOption(columnIdentifier, "index");
                        return this._columnsController.getVisibleIndex(columnIndex)
                    }
                    return columnIdentifier
                }
                getColumnElements() {}
                getColumns(rowIndex, $tableElement) {
                    return this._columnsController.getVisibleColumns(rowIndex)
                }
                getCell(cellPosition, rows, cells) {
                    const $rows = rows || this._getRowElements();
                    let $cells;
                    if ($rows.length > 0 && cellPosition.rowIndex >= 0) {
                        var _$cells;
                        if ("virtual" !== this.option("scrolling.mode") && "virtual" !== this.option("scrolling.rowRenderingMode")) {
                            cellPosition.rowIndex = cellPosition.rowIndex < $rows.length ? cellPosition.rowIndex : $rows.length - 1
                        }
                        $cells = cells || this.getCellElements(cellPosition.rowIndex);
                        if ((null === (_$cells = $cells) || void 0 === _$cells ? void 0 : _$cells.length) > 0) {
                            return $cells.eq($cells.length > cellPosition.columnIndex ? cellPosition.columnIndex : $cells.length - 1)
                        }
                    }
                }
                getRowsCount() {
                    const tableElement = this.getTableElement();
                    if (tableElement && 1 === tableElement.length) {
                        return tableElement[0].rows.length
                    }
                    return 0
                }
                _getRowElementsCore(tableElement) {
                    tableElement = tableElement || this.getTableElement();
                    if (tableElement) {
                        const hasRowTemplate = this.option().rowTemplate || this.option("dataRowTemplate");
                        const tBodies = hasRowTemplate && tableElement.find("> tbody.dx-row");
                        return tBodies && tBodies.length ? tBodies : tableElement.find("> tbody > .dx-row, > .dx-row")
                    }
                    return (0, _renderer.default)()
                }
                _getRowElements(tableElement) {
                    return this._getRowElementsCore(tableElement)
                }
                getRowIndex($row) {
                    return this._getRowElements().index($row)
                }
                getBoundingRect() {}
                getName() {}
                setScrollerSpacing(width) {
                    const $element = this.element();
                    const rtlEnabled = this.option("rtlEnabled");
                    $element && $element.css({
                        paddingLeft: rtlEnabled ? width : "",
                        paddingRight: !rtlEnabled ? width : ""
                    })
                }
                isScrollbarVisible(isHorizontal) {
                    const $element = this.element();
                    const $tableElement = this._tableElement;
                    if ($element && $tableElement) {
                        return isHorizontal ? (0, _size.getOuterWidth)($tableElement) - (0, _size.getWidth)($element) > 0 : (0, _size.getOuterHeight)($tableElement) - (0, _size.getHeight)($element) > 0
                    }
                    return false
                }
                isDisposed() {
                    var _this$component;
                    return null === (_this$component = this.component) || void 0 === _this$component ? void 0 : _this$component._disposed
                }
                renderDragCellContent($dragContainer, column) {
                    $dragContainer.text(column.caption ?? "")
                }
                updateFirstCellClasses() {
                    const rows = this._getRows();
                    this.removeFirstCellClasses();
                    rows.forEach((row, index) => {
                        const rowIndex = "header" === row.rowType ? index : null;
                        const firstColumn = this._columnsController.getFirstColumn(rowIndex);
                        if (firstColumn) {
                            const $cell = this._getCellElement(index, `index:${firstColumn.index}`);
                            this.toggleFirstCellClass($cell, true)
                        }
                    })
                }
            }
            exports.ColumnsView = ColumnsView
        },
        33706(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.gridViewModule = exports.SynchronizeScrollingController = exports.ResizingController = exports.GridView = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/browser */ 48314));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var accessibility = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../../../ui/shared/accessibility */ 16191));
            var _a11y_status_container_component = __webpack_require__( /*! ../../../grids/grid_core/views/a11y_status_container_component */ 56430);
            var _m_modules = _interopRequireDefault(__webpack_require__( /*! ../m_modules */ 74854));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const VIEW_NAMES = ["columnsSeparatorView", "blockSeparatorView", "trackerView", "headerPanel", "columnHeadersView", "rowsView", "footerView", "columnChooserView", "filterPanelView", "pagerView", "draggingHeaderView", "contextMenuView", "errorView", "headerFilterView", "filterBuilderView", "toastView", "aiPromptEditorView"];
            const E2E_ATTRIBUTES_a11yStatusContainer = "e2e-a11y-general-status-container";
            const isPercentWidth = function(width) {
                return (0, _type.isString)(width) && width.endsWith("%")
            };
            const calculateFreeWidth = function(that, widths) {
                const contentWidth = that._rowsView.contentWidth();
                const totalWidth = that._getTotalWidth(widths, contentWidth);
                return contentWidth - totalWidth
            };
            const calculateFreeWidthWithCurrentMinWidth = function(that, columnIndex, currentMinWidth, widths) {
                return calculateFreeWidth(that, widths.map((width, index) => index === columnIndex ? currentMinWidth : width))
            };
            class ResizingController extends _m_modules.default.ViewController {
                callbackNames() {
                    return ["resizeCompleted"]
                }
                init() {
                    this._prevContentMinHeight = null;
                    this._dataController = this.getController("data");
                    this._columnsController = this.getController("columns");
                    this._columnHeadersView = this.getView("columnHeadersView");
                    this._adaptiveColumnsController = this.getController("adaptiveColumns");
                    this._editorFactoryController = this.getController("editorFactory");
                    this._footerView = this.getView("footerView");
                    this._rowsView = this.getView("rowsView");
                    this._gridView = this.getView("gridView")
                }
                _initPostRenderHandlers() {
                    if (!this._refreshSizesHandler) {
                        this._refreshSizesHandler = e => {
                            let resizeDeferred = (new _deferred.Deferred).resolve(null);
                            const changeType = null === e || void 0 === e ? void 0 : e.changeType;
                            const isDelayed = null === e || void 0 === e ? void 0 : e.isDelayed;
                            const needFireContentReady = changeType && "updateSelection" !== changeType && "updateFocusedRow" !== changeType && "pageIndex" !== changeType && !isDelayed;
                            this._dataController.changed.remove(this._refreshSizesHandler);
                            if (this._checkSize()) {
                                resizeDeferred = this._refreshSizes(e)
                            }
                            if (needFireContentReady) {
                                (0, _deferred.when)(resizeDeferred).done(() => {
                                    this._setAriaLabel(e);
                                    this.fireContentReadyAction()
                                })
                            }
                        };
                        this._dataController.changed.add(() => {
                            this._dataController.changed.add(this._refreshSizesHandler)
                        })
                    }
                }
                _refreshSizes(e) {
                    let resizeDeferred = (new _deferred.Deferred).resolve(null);
                    const changeType = null === e || void 0 === e ? void 0 : e.changeType;
                    const isDelayed = null === e || void 0 === e ? void 0 : e.isDelayed;
                    const items = this._dataController.items();
                    if (!e || "refresh" === changeType || "prepend" === changeType || "append" === changeType) {
                        if (!isDelayed) {
                            resizeDeferred = this.resize()
                        }
                    } else if ("update" === changeType) {
                        var _e$changeTypes;
                        if (0 === (null === (_e$changeTypes = e.changeTypes) || void 0 === _e$changeTypes ? void 0 : _e$changeTypes.length)) {
                            return resizeDeferred
                        }
                        if ((items.length > 1 || "insert" !== e.changeTypes[0]) && !(0 === items.length && "remove" === e.changeTypes[0]) && !e.needUpdateDimensions) {
                            resizeDeferred = new _deferred.Deferred;
                            this._waitAsyncTemplates().done(() => {
                                (0, _common.deferUpdate)(() => (0, _common.deferRender)(() => (0, _common.deferUpdate)(() => {
                                    this._setScrollerSpacing();
                                    this._rowsView.resize();
                                    resizeDeferred.resolve()
                                })))
                            }).fail(resizeDeferred.reject)
                        } else {
                            resizeDeferred = this.resize()
                        }
                    }
                    return resizeDeferred
                }
                fireContentReadyAction() {
                    this.component._fireContentReadyAction()
                }
                _getWidgetAriaLabel() {
                    return "dxDataGrid-ariaDataGrid"
                }
                _setAriaLabel(e) {
                    var _this$_columnsControl;
                    let widgetStatusText = "";
                    let labelParts = [];
                    const columnCount = (null === (_this$_columnsControl = this._columnsController) || void 0 === _this$_columnsControl || null === (_this$_columnsControl = _this$_columnsControl._columns) || void 0 === _this$_columnsControl ? void 0 : _this$_columnsControl.filter(_ref => {
                        let {
                            visible: visible
                        } = _ref;
                        return !!visible
                    }).length) ?? 0;
                    const totalItemsCount = Math.max(0, this._dataController.totalItemsCount());
                    const widgetAriaLabel = this._getWidgetAriaLabel();
                    widgetStatusText = _message.default.format(widgetAriaLabel, totalItemsCount, columnCount);
                    const expandableWidgetAriaLabel = _message.default.format(this._expandableWidgetAriaId);
                    labelParts = [widgetStatusText];
                    if (expandableWidgetAriaLabel) {
                        labelParts.push(expandableWidgetAriaLabel)
                    }
                    const $ariaLabelElement = this.component.$element().children(".dx-gridbase-container");
                    this.component.setAria("label", labelParts.join(". "), $ariaLabelElement);
                    if (!(null !== e && void 0 !== e && e.isFirstRender)) {
                        this._gridView.setWidgetA11yStatusText(widgetStatusText)
                    }
                }
                _getBestFitWidths() {
                    var _widths;
                    const rowsView = this._rowsView;
                    const columnHeadersView = this._columnHeadersView;
                    let widths = rowsView.getColumnWidths();
                    if (!(null !== (_widths = widths) && void 0 !== _widths && _widths.length)) {
                        var _rowsView$getTableEle;
                        const headersTableElement = columnHeadersView.getTableElement();
                        columnHeadersView.setTableElement(null === (_rowsView$getTableEle = rowsView.getTableElement()) || void 0 === _rowsView$getTableEle ? void 0 : _rowsView$getTableEle.children(".dx-header"));
                        widths = columnHeadersView.getColumnWidths();
                        columnHeadersView.setTableElement(headersTableElement)
                    }
                    return widths
                }
                _setVisibleWidths(visibleColumns, widths) {
                    const columnsController = this._columnsController;
                    columnsController.beginUpdate();
                    (0, _iterator.each)(visibleColumns, (index, column) => {
                        const columnId = columnsController.getColumnId(column);
                        columnsController.columnOption(columnId, "visibleWidth", widths[index])
                    });
                    columnsController.endUpdate()
                }
                _toggleBestFitModeForView(view, className, isBestFit) {
                    if (!view || !view.isVisible()) {
                        return
                    }
                    const $rowsTables = this._rowsView.getTableElements();
                    const $viewTables = view.getTableElements();
                    (0, _iterator.each)($rowsTables, (index, tableElement) => {
                        let $tableBody;
                        const $rowsTable = (0, _renderer.default)(tableElement);
                        const $viewTable = $viewTables.eq(index);
                        if ($viewTable && $viewTable.length) {
                            if (isBestFit) {
                                $tableBody = $viewTable.children("tbody").appendTo($rowsTable)
                            } else {
                                $tableBody = $rowsTable.children(`.${className}`).appendTo($viewTable)
                            }
                            $tableBody.toggleClass(className, isBestFit);
                            $tableBody.toggleClass(this.addWidgetPrefix("best-fit"), isBestFit)
                        }
                    })
                }
                _toggleBestFitMode(isBestFit) {
                    const $rowsTable = this._rowsView.getTableElement();
                    const $rowsFixedTable = this._rowsView.getTableElements().eq(1);
                    if (!$rowsTable) {
                        return
                    }
                    $rowsTable.css("tableLayout", isBestFit ? "auto" : "fixed");
                    $rowsTable.children("colgroup").css("display", isBestFit ? "none" : "");
                    (0, _iterator.each)($rowsFixedTable.find("tr.dx-group-row"), (idx, item) => {
                        (0, _renderer.default)(item).css("display", isBestFit ? "none" : "")
                    });
                    $rowsFixedTable.toggleClass(this.addWidgetPrefix("table-fixed"), !isBestFit);
                    this._toggleBestFitModeForView(this._columnHeadersView, "dx-header", isBestFit);
                    this._toggleBestFitModeForView(this._footerView, "dx-footer", isBestFit);
                    if (this._needStretch()) {
                        $rowsTable.get(0).style.width = isBestFit ? "auto" : ""
                    }
                }
                _toggleContentMinHeight(value) {
                    const $contentElement = this._rowsView._findContentElement();
                    if (true === value) {
                        this._prevContentMinHeight = $contentElement.get(0).style.minHeight
                    }
                    if ((0, _type.isDefined)(this._prevContentMinHeight)) {
                        $contentElement.css({
                            minHeight: value ? _m_utils.default.getContentHeightLimit(_browser.default) : this._prevContentMinHeight
                        })
                    }
                }
                _synchronizeColumns() {
                    const columnsController = this._columnsController;
                    const visibleColumns = columnsController.getVisibleColumns();
                    const columnAutoWidth = this.option("columnAutoWidth");
                    const hasUndefinedColumnWidth = visibleColumns.some(column => !(0, _type.isDefined)(column.width));
                    let needBestFit = this._needBestFit();
                    let hasMinWidth = false;
                    let resetBestFitMode;
                    let isColumnWidthsCorrected = false;
                    let resultWidths = [];
                    let focusedElement;
                    let selectionRange;
                    !needBestFit && (0, _iterator.each)(visibleColumns, (index, column) => {
                        if ("auto" === column.width) {
                            needBestFit = true;
                            return false
                        }
                        return
                    });
                    (0, _iterator.each)(visibleColumns, (index, column) => {
                        if (column.minWidth) {
                            hasMinWidth = true;
                            return false
                        }
                        return
                    });
                    this._toggleContentMinHeight(this._hasHeight);
                    this._setVisibleWidths(visibleColumns, []);
                    const $element = this.component.$element();
                    if (needBestFit) {
                        focusedElement = _dom_adapter.default.getActiveElement($element.get(0));
                        selectionRange = _m_utils.default.getSelectionRange(focusedElement);
                        this._toggleBestFitMode(true);
                        resetBestFitMode = true
                    }
                    if ($element && $element.get(0) && this._maxWidth) {
                        delete this._maxWidth;
                        $element[0].style.maxWidth = ""
                    }(0, _common.deferUpdate)(() => {
                        if (needBestFit) {
                            resultWidths = this._getBestFitWidths();
                            (0, _iterator.each)(visibleColumns, (index, column) => {
                                const columnId = columnsController.getColumnId(column);
                                columnsController.columnOption(columnId, "bestFitWidth", resultWidths[index], true)
                            })
                        } else if (hasMinWidth) {
                            resultWidths = this._getBestFitWidths()
                        }(0, _iterator.each)(visibleColumns, function(index) {
                            const {
                                width: width
                            } = this;
                            if ("auto" !== width) {
                                if ((0, _type.isDefined)(width)) {
                                    resultWidths[index] = (0, _type.isNumeric)(width) || function(width) {
                                        return (0, _type.isString)(width) && width.endsWith("px")
                                    }(width) ? parseFloat(width) : width
                                } else if (!columnAutoWidth) {
                                    resultWidths[index] = void 0
                                }
                            }
                        });
                        if (resetBestFitMode) {
                            this._toggleBestFitMode(false);
                            resetBestFitMode = false;
                            if (focusedElement && focusedElement !== _dom_adapter.default.getActiveElement()) {
                                const isFocusOutsideWindow = (0, _position.getBoundingRect)(focusedElement).bottom < 0;
                                if (!isFocusOutsideWindow) {
                                    ! function(focusedElement, selectionRange) {
                                        accessibility.hiddenFocus(focusedElement, true);
                                        _m_utils.default.setSelectionRange(focusedElement, selectionRange)
                                    }(focusedElement, selectionRange)
                                }
                            }
                        }
                        isColumnWidthsCorrected = this._correctColumnWidths(resultWidths, visibleColumns);
                        if (columnAutoWidth) {
                            ! function() {
                                let expandColumnWidth;
                                (0, _iterator.each)(visibleColumns, (index, column) => {
                                    if ("groupExpand" === column.type) {
                                        expandColumnWidth = resultWidths[index]
                                    }
                                });
                                (0, _iterator.each)(visibleColumns, (index, column) => {
                                    if ("groupExpand" === column.type && expandColumnWidth) {
                                        resultWidths[index] = expandColumnWidth
                                    }
                                })
                            }();
                            if (this._needStretch()) {
                                this._processStretch(resultWidths, visibleColumns)
                            }
                        }(0, _common.deferRender)(() => {
                            if (needBestFit || isColumnWidthsCorrected || hasUndefinedColumnWidth) {
                                this._setVisibleWidths(visibleColumns, resultWidths)
                            }
                            this._toggleContentMinHeight(false)
                        })
                    })
                }
                _needBestFit() {
                    return this.option("columnAutoWidth")
                }
                _needStretch() {
                    return this._columnsController.getVisibleColumns().some(c => "auto" === c.width && !c.command)
                }
                _getAverageColumnsWidth(resultWidths) {
                    const freeWidth = calculateFreeWidth(this, resultWidths);
                    const columnCountWithoutWidth = resultWidths.filter(width => void 0 === width).length;
                    return freeWidth / columnCountWithoutWidth
                }
                _correctColumnWidths(resultWidths, visibleColumns) {
                    const that = this;
                    let i;
                    let hasPercentWidth = false;
                    let hasAutoWidth = false;
                    let isColumnWidthsCorrected = false;
                    const $element = that.component.$element();
                    const hasWidth = that._hasWidth;
                    for (i = 0; i < visibleColumns.length; i++) {
                        const index = i;
                        const column = visibleColumns[index];
                        const isHiddenColumn = "adaptiveHidden" === resultWidths[index];
                        let width = resultWidths[index];
                        const {
                            minWidth: minWidth
                        } = column;
                        if (minWidth) {
                            if (void 0 === width) {
                                const averageColumnsWidth = that._getAverageColumnsWidth(resultWidths);
                                width = averageColumnsWidth
                            } else if (isPercentWidth(width)) {
                                const freeWidth = calculateFreeWidthWithCurrentMinWidth(that, index, minWidth, resultWidths);
                                if (freeWidth < 0) {
                                    width = -1
                                }
                            }
                        }
                        const realColumnWidth = that._getRealColumnWidth(index, resultWidths.map((columnWidth, columnIndex) => index === columnIndex ? width : columnWidth));
                        if (minWidth && !isHiddenColumn && realColumnWidth < minWidth) {
                            resultWidths[index] = minWidth;
                            isColumnWidthsCorrected = true;
                            i = -1
                        }
                        if (!(0, _type.isDefined)(column.width)) {
                            hasAutoWidth = true
                        }
                        if (isPercentWidth(column.width)) {
                            hasPercentWidth = true
                        }
                    }
                    if (!hasAutoWidth && resultWidths.length) {
                        const $rowsViewElement = that._rowsView.element();
                        const contentWidth = that._rowsView.contentWidth();
                        const scrollbarWidth = that._rowsView.getScrollbarWidth();
                        const totalWidth = that._getTotalWidth(resultWidths, contentWidth);
                        if (totalWidth < contentWidth) {
                            const lastColumnIndex = _m_utils.default.getLastResizableColumnIndex(visibleColumns, resultWidths);
                            if (lastColumnIndex >= 0) {
                                resultWidths[lastColumnIndex] = "auto";
                                isColumnWidthsCorrected = true;
                                if (false === hasWidth && !hasPercentWidth) {
                                    const borderWidth = _m_utils.default.getComponentBorderWidth(this, $rowsViewElement);
                                    that._maxWidth = totalWidth + scrollbarWidth + borderWidth;
                                    $element.css("maxWidth", that._maxWidth)
                                }
                            }
                        }
                    }
                    return isColumnWidthsCorrected
                }
                _processStretch(resultSizes, visibleColumns) {
                    const groupSize = this._rowsView.contentWidth();
                    const tableSize = this._getTotalWidth(resultSizes, groupSize);
                    const unusedIndexes = {
                        length: 0
                    };
                    if (!resultSizes.length) {
                        return
                    }(0, _iterator.each)(visibleColumns, function(index) {
                        if (this.width || "adaptiveHidden" === resultSizes[index]) {
                            unusedIndexes[index] = true;
                            unusedIndexes.length++
                        }
                    });
                    const diff = groupSize - tableSize;
                    const diffElement = Math.floor(diff / (resultSizes.length - unusedIndexes.length));
                    let onePixelElementsCount = diff - diffElement * (resultSizes.length - unusedIndexes.length);
                    if (diff >= 0) {
                        for (let i = 0; i < resultSizes.length; i++) {
                            if (unusedIndexes[i]) {
                                continue
                            }
                            resultSizes[i] += diffElement;
                            if (onePixelElementsCount > 0) {
                                if (onePixelElementsCount < 1) {
                                    resultSizes[i] += onePixelElementsCount;
                                    onePixelElementsCount = 0
                                } else {
                                    resultSizes[i]++;
                                    onePixelElementsCount--
                                }
                            }
                        }
                    }
                }
                _getRealColumnWidth(columnIndex, columnWidths, groupWidth) {
                    let ratio = 1;
                    const width = columnWidths[columnIndex];
                    if (!isPercentWidth(width)) {
                        return parseFloat(width)
                    }
                    const percentTotalWidth = columnWidths.reduce((sum, width, index) => {
                        if (!isPercentWidth(width)) {
                            return sum
                        }
                        return sum + parseFloat(width)
                    }, 0);
                    const pixelTotalWidth = columnWidths.reduce((sum, width) => {
                        if (!width || "adaptiveHidden" === width || isPercentWidth(width)) {
                            return sum
                        }
                        return sum + parseFloat(width)
                    }, 0);
                    groupWidth = groupWidth || this._rowsView.contentWidth();
                    const freeSpace = groupWidth - pixelTotalWidth;
                    const percentTotalWidthInPixel = percentTotalWidth * groupWidth / 100;
                    if (pixelTotalWidth > 0 && percentTotalWidthInPixel + pixelTotalWidth >= groupWidth) {
                        ratio = percentTotalWidthInPixel > freeSpace ? freeSpace / percentTotalWidthInPixel : 1
                    }
                    return parseFloat(width) * groupWidth * ratio / 100
                }
                _getTotalWidth(widths, groupWidth) {
                    let result = 0;
                    for (let i = 0; i < widths.length; i++) {
                        const width = widths[i];
                        if (width && "adaptiveHidden" !== width) {
                            result += this._getRealColumnWidth(i, widths, groupWidth)
                        }
                    }
                    return Math.ceil(result)
                }
                _getGroupElement() {
                    return this.component.$element().children().get(0)
                }
                updateSize(rootElement) {
                    const that = this;
                    const $rootElement = (0, _renderer.default)(rootElement);
                    const importantMarginClass = that.addWidgetPrefix("important-margin");
                    if (void 0 === that._hasHeight && $rootElement && $rootElement.is(":visible") && (0, _size.getWidth)($rootElement)) {
                        const $groupElement = $rootElement.children(`.${that.getWidgetContainerClass()}`);
                        if ($groupElement.length) {
                            $groupElement.detach()
                        }
                        that._hasHeight = !!(0, _size.getHeight)($rootElement);
                        const width = (0, _size.getWidth)($rootElement);
                        $rootElement.addClass(importantMarginClass);
                        that._hasWidth = (0, _size.getWidth)($rootElement) === width;
                        $rootElement.removeClass(importantMarginClass);
                        if ($groupElement.length) {
                            $groupElement.appendTo($rootElement)
                        }
                    }
                }
                publicMethods() {
                    return ["resize", "updateDimensions"]
                }
                _waitAsyncTemplates() {
                    var _this$_columnHeadersV, _this$_rowsView, _this$_footerView;
                    return (0, _deferred.when)(null === (_this$_columnHeadersV = this._columnHeadersView) || void 0 === _this$_columnHeadersV ? void 0 : _this$_columnHeadersV.waitAsyncTemplates(true), null === (_this$_rowsView = this._rowsView) || void 0 === _this$_rowsView ? void 0 : _this$_rowsView.waitAsyncTemplates(true), null === (_this$_footerView = this._footerView) || void 0 === _this$_footerView ? void 0 : _this$_footerView.waitAsyncTemplates(true))
                }
                resize() {
                    if (this.component._requireResize) {
                        return (new _deferred.Deferred).resolve()
                    }
                    const d = new _deferred.Deferred;
                    this._waitAsyncTemplates().done(() => {
                        (0, _deferred.when)(this.updateDimensions()).done(d.resolve).fail(d.reject)
                    }).fail(d.reject);
                    return d.promise().done(() => {
                        this.resizeCompleted.fire()
                    })
                }
                updateDimensions(checkSize) {
                    const that = this;
                    that._initPostRenderHandlers();
                    if (!that._checkSize(checkSize)) {
                        return
                    }
                    const prevResult = that._resizeDeferred;
                    const result = that._resizeDeferred = new _deferred.Deferred;
                    (0, _deferred.when)(prevResult).always(() => {
                        (0, _common.deferRender)(() => {
                            if (that._dataController.isLoaded()) {
                                that._synchronizeColumns()
                            }
                            that._resetGroupElementHeight();
                            (0, _common.deferUpdate)(() => {
                                (0, _common.deferRender)(() => {
                                    (0, _common.deferUpdate)(() => {
                                        that._updateDimensionsCore()
                                    })
                                })
                            })
                        }).done(result.resolve).fail(result.reject)
                    });
                    return result.promise()
                }
                _resetGroupElementHeight() {
                    const groupElement = this._getGroupElement();
                    const scrollable = this._rowsView.getScrollable();
                    if (groupElement && groupElement.style.height && (!scrollable || !scrollable.scrollTop())) {
                        groupElement.style.height = ""
                    }
                }
                _checkSize(checkSize) {
                    const $rootElement = this.component.$element();
                    const isWidgetVisible = $rootElement.is(":visible");
                    const isGridSizeChanged = this._lastWidth !== (0, _size.getWidth)($rootElement) || this._lastHeight !== (0, _size.getHeight)($rootElement) || this._devicePixelRatio !== (0, _window.getWindow)().devicePixelRatio;
                    return isWidgetVisible && (!checkSize || isGridSizeChanged)
                }
                _setScrollerSpacingCore() {
                    const that = this;
                    const vScrollbarWidth = that._rowsView.getScrollbarWidth();
                    const hScrollbarWidth = that._rowsView.getScrollbarWidth(true);
                    (0, _common.deferRender)(() => {
                        that._columnHeadersView && that._columnHeadersView.setScrollerSpacing(vScrollbarWidth);
                        that._footerView && that._footerView.setScrollerSpacing(vScrollbarWidth);
                        that._rowsView.setScrollerSpacing(vScrollbarWidth, hScrollbarWidth)
                    })
                }
                _setScrollerSpacing() {
                    const scrollable = this._rowsView.getScrollable();
                    const isNativeScrolling = true === this.option("scrolling.useNative");
                    if (!scrollable || isNativeScrolling) {
                        (0, _common.deferRender)(() => {
                            (0, _common.deferUpdate)(() => {
                                this._setScrollerSpacingCore()
                            })
                        })
                    } else {
                        this._setScrollerSpacingCore()
                    }
                }
                _setAriaOwns() {
                    var _this$_columnHeadersV2, _this$_footerView2, _this$_rowsView2;
                    const headerTable = null === (_this$_columnHeadersV2 = this._columnHeadersView) || void 0 === _this$_columnHeadersV2 ? void 0 : _this$_columnHeadersV2.getTableElement();
                    const footerTable = null === (_this$_footerView2 = this._footerView) || void 0 === _this$_footerView2 ? void 0 : _this$_footerView2.getTableElement();
                    null === (_this$_rowsView2 = this._rowsView) || void 0 === _this$_rowsView2 || _this$_rowsView2.setAriaOwns(null === headerTable || void 0 === headerTable ? void 0 : headerTable.attr("id"), null === footerTable || void 0 === footerTable ? void 0 : footerTable.attr("id"))
                }
                _updateDimensionsCore() {
                    const that = this;
                    const dataController = that._dataController;
                    const rowsView = that._rowsView;
                    const $rootElement = that.component.$element();
                    const groupElement = this._getGroupElement();
                    const rootElementHeight = (0, _size.getHeight)($rootElement);
                    const height = that.option("height") ?? $rootElement.get(0).style.height;
                    const isHeightSpecified = !!height && "auto" !== height;
                    const maxHeight = parseInt($rootElement.css("maxHeight"));
                    const maxHeightHappened = maxHeight && rootElementHeight >= maxHeight;
                    const isMaxHeightApplied = groupElement && groupElement.scrollHeight === groupElement.offsetHeight;
                    that.updateSize($rootElement);
                    (0, _common.deferRender)(() => {
                        const hasHeight = that._hasHeight || !!maxHeight || isHeightSpecified;
                        rowsView.hasHeight(hasHeight);
                        this._setAriaOwns();
                        if (maxHeightHappened && !isMaxHeightApplied) {
                            (0, _renderer.default)(groupElement).css("height", maxHeight)
                        }
                        if (!dataController.isLoaded()) {
                            rowsView.setLoading(dataController.isLoading());
                            return
                        }(0, _common.deferUpdate)(() => {
                            that._updateLastSizes($rootElement);
                            that._setScrollerSpacing();
                            (0, _iterator.each)(VIEW_NAMES, (index, viewName) => {
                                const view = that.getView(viewName);
                                if (view) {
                                    view.resize()
                                }
                            });
                            this._editorFactoryController && this._editorFactoryController.resize()
                        })
                    })
                }
                _updateLastSizes($rootElement) {
                    this._lastWidth = (0, _size.getWidth)($rootElement);
                    this._lastHeight = (0, _size.getHeight)($rootElement);
                    this._devicePixelRatio = (0, _window.getWindow)().devicePixelRatio
                }
                optionChanged(args) {
                    switch (args.name) {
                        case "width":
                        case "height":
                            this.component._renderDimensions();
                            this.resize();
                        case "renderAsync":
                            args.handled = true;
                            return;
                        default:
                            super.optionChanged(args)
                    }
                }
                resetLastResizeTime() {}
            }
            exports.ResizingController = ResizingController;
            class SynchronizeScrollingController extends _m_modules.default.ViewController {
                _scrollChangedHandler(views, pos, viewName) {
                    for (let j = 0; j < views.length; j++) {
                        if (views[j] && views[j].name !== viewName) {
                            views[j].scrollTo({
                                left: pos.left,
                                top: pos.top
                            })
                        }
                    }
                }
                init() {
                    const views = [this.getView("columnHeadersView"), this.getView("footerView"), this.getView("rowsView")];
                    for (let i = 0; i < views.length; i++) {
                        const view = views[i];
                        if (view) {
                            view.scrollChanged.add(this._scrollChangedHandler.bind(this, views))
                        }
                    }
                }
            }
            exports.SynchronizeScrollingController = SynchronizeScrollingController;
            class GridView extends _m_modules.default.View {
                init() {
                    this._resizingController = this.getController("resizing");
                    this._dataController = this.getController("data")
                }
                _endUpdateCore() {
                    if (this.component._requireResize) {
                        this.component._requireResize = false;
                        this._resizingController.resize()
                    }
                }
                getView(name) {
                    return this.component._views[name]
                }
                element() {
                    return this._groupElement
                }
                optionChanged(args) {
                    const that = this;
                    if ((0, _type.isDefined)(that._groupElement) && "showBorders" === args.name) {
                        that._groupElement.toggleClass(that.addWidgetPrefix("borders"), !!args.value);
                        args.handled = true
                    } else {
                        super.optionChanged(args)
                    }
                }
                _renderViews($groupElement) {
                    const that = this;
                    (0, _iterator.each)(VIEW_NAMES, (index, viewName) => {
                        const view = that.getView(viewName);
                        if (view) {
                            view.render($groupElement)
                        }
                    })
                }
                _getTableRoleName() {
                    return "group"
                }
                render($rootElement) {
                    const isFirstRender = !this._groupElement;
                    const $groupElement = this._groupElement || (0, _renderer.default)("<div>").addClass(this.getWidgetContainerClass());
                    $groupElement.addClass("dx-gridbase-container");
                    $groupElement.toggleClass(this.addWidgetPrefix("borders"), !!this.option("showBorders"));
                    this.setAria("role", "presentation", $rootElement);
                    this.component.setAria("role", this._getTableRoleName(), $groupElement);
                    this._rootElement = $rootElement || this._rootElement;
                    if (isFirstRender) {
                        this._groupElement = $groupElement;
                        (0, _window.hasWindow)() && this._resizingController.updateSize($rootElement);
                        $groupElement.appendTo($rootElement)
                    }
                    if (!this._a11yGeneralStatusElement) {
                        this._a11yGeneralStatusElement = (0, _a11y_status_container_component.A11yStatusContainerComponent)({});
                        this._a11yGeneralStatusElement.attr(E2E_ATTRIBUTES_a11yStatusContainer, "true");
                        $groupElement.append(this._a11yGeneralStatusElement)
                    }
                    this._renderViews($groupElement)
                }
                update() {
                    const that = this;
                    const $rootElement = that._rootElement;
                    const $groupElement = that._groupElement;
                    if ($rootElement && $groupElement) {
                        this._resizingController.resize();
                        if (that._dataController.isLoaded()) {
                            that._resizingController.fireContentReadyAction()
                        }
                    }
                }
                setWidgetA11yStatusText(statusText) {
                    var _this$_a11yGeneralSta;
                    null === (_this$_a11yGeneralSta = this._a11yGeneralStatusElement) || void 0 === _this$_a11yGeneralSta || _this$_a11yGeneralSta.text(statusText)
                }
            }
            exports.GridView = GridView;
            exports.gridViewModule = {
                defaultOptions: () => ({
                    showBorders: false,
                    renderAsync: false
                }),
                controllers: {
                    resizing: ResizingController,
                    synchronizeScrolling: SynchronizeScrollingController
                },
                views: {
                    gridView: GridView
                },
                VIEW_NAMES: VIEW_NAMES
            }
        },
        77081(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.RowsView = exports.ROW_LINES_CLASS = void 0;
            exports.isGroupRow = isGroupRow;
            exports.rowsModule = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _remove = __webpack_require__( /*! ../../../../common/core/events/remove */ 28630);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/browser */ 48314));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../../../core/utils/data */ 31e3);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _string = __webpack_require__( /*! ../../../../core/utils/string */ 54497);
            var _style = __webpack_require__( /*! ../../../../core/utils/style */ 58515);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/scroll_view/ui.scrollable */ 20876));
            var _const = __webpack_require__( /*! ../columns_resizing_reordering/const */ 91066);
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _const2 = __webpack_require__( /*! ../sticky_columns/const */ 87396);
            var _m_columns_view = __webpack_require__( /*! ./m_columns_view */ 48921);
            var _utils = __webpack_require__( /*! ./utils */ 56095);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ROW_LINES_CLASS = exports.ROW_LINES_CLASS = "dx-row-lines";

            function getMaxHorizontalScrollOffset(scrollable) {
                return scrollable ? Math.round(scrollable.scrollWidth() - scrollable.clientWidth()) : 0
            }

            function isGroupRow(_ref) {
                let {
                    rowType: rowType,
                    column: column
                } = _ref;
                return "group" === rowType && (0, _type.isDefined)(column.groupIndex) && !column.showWhenGrouped && !column.command
            }

            function setWatcher(_ref2) {
                let {
                    element: element,
                    watch: watch,
                    getter: getter,
                    callBack: callBack
                } = _ref2;
                if (watch) {
                    const dispose = watch(getter, callBack);
                    _events_engine.default.on(element, _remove.removeEvent, dispose)
                }
            }
            const defaultCellTemplate = function($container, options) {
                const isDataTextEmpty = (0, _string.isEmpty)(options.text) && "data" === options.rowType;
                const {
                    text: text
                } = options;
                const container = $container.get(0);
                if (isDataTextEmpty) {
                    _m_utils.default.setEmptyText($container)
                } else if (options.column.encodeHtml) {
                    container.textContent = text
                } else {
                    container.innerHTML = text
                }
            };
            class RowsView extends _m_columns_view.ColumnsView {
                init() {
                    super.init();
                    this._editingController = this.getController("editing");
                    this._resizingController = this.getController("resizing");
                    this._columnsResizerController = this.getController("columnsResizer");
                    this._focusController = this.getController("focus");
                    this._keyboardNavigationController = this.getController("keyboardNavigation");
                    this._validatingController = this.getController("validating");
                    this._errorHandlingController = this.getController("errorHandling");
                    this._columnHeadersView = this.getView("columnHeadersView");
                    this._rowHeight = 0;
                    this._scrollTop = 0;
                    this._scrollLeft = -1;
                    this._scrollRight = 0;
                    this._hasHeight = void 0;
                    this._contentChanges = [];
                    this._dataController.loadingChanged.add((isLoading, messageText) => {
                        this.setLoading(isLoading, messageText)
                    });
                    this._dataController.dataSourceChanged.add(() => {
                        if (this._scrollLeft >= 0 && !this._dataController.isLoading()) {
                            this._handleScroll({
                                component: this.getScrollable(),
                                forceUpdateScrollPosition: true,
                                scrollOffset: {
                                    top: this._scrollTop,
                                    left: this._scrollLeft
                                }
                            })
                        }
                    })
                }
                _getDefaultTemplate(column) {
                    if ("empty" === column.command) {
                        return function(container) {
                            container.html("&nbsp;")
                        }
                    } else {
                        return defaultCellTemplate
                    }
                }
                renderFocusState(params) {}
                _getDefaultGroupTemplate(column) {
                    const summaryTexts = this.option("summary.texts");
                    return function($container, options) {
                        const {
                            data: data
                        } = options;
                        let text = `${options.column.caption}: ${options.text}`;
                        const container = $container.get(0);
                        if (options.summaryItems && options.summaryItems.length) {
                            text += ` ${_m_utils.default.getGroupRowSummaryText(options.summaryItems,summaryTexts)}`
                        }
                        if (data) {
                            if (options.groupContinuedMessage && options.groupContinuesMessage) {
                                text += ` (${options.groupContinuedMessage}. ${options.groupContinuesMessage})`
                            } else if (options.groupContinuesMessage) {
                                text += ` (${options.groupContinuesMessage})`
                            } else if (options.groupContinuedMessage) {
                                text += ` (${options.groupContinuedMessage})`
                            }
                        }
                        if (column.encodeHtml) {
                            container.textContent = text
                        } else {
                            container.innerHTML = text
                        }
                    }
                }
                _update(change) {}
                _updateCell($cell, options) {
                    if (isGroupRow(options)) {
                        const isGroupContainer = $cell.is(`.${this.addWidgetPrefix(_const2.CLASSES.groupRowContainer)}`);
                        const $groupCell = isGroupContainer ? $cell.parent() : $cell;
                        $groupCell.addClass("dx-group-cell")
                    }
                    super._updateCell.apply(this, arguments)
                }
                _getCellTemplate(options) {
                    const that = this;
                    const {
                        column: column
                    } = options;
                    let template;
                    if (isGroupRow(options)) {
                        template = column.groupCellTemplate || {
                            allowRenderToDetachedContainer: true,
                            render: that._getDefaultGroupTemplate(column)
                        }
                    } else if (("data" === options.rowType || column.command) && column.cellTemplate) {
                        template = column.cellTemplate
                    } else {
                        template = {
                            allowRenderToDetachedContainer: true,
                            render: that._getDefaultTemplate(column)
                        }
                    }
                    return template
                }
                _createRow(row, tag) {
                    const $row = super._createRow.apply(this, arguments);
                    if (row) {
                        const isGroup = "group" === row.rowType;
                        const isDataRow = "data" === row.rowType;
                        isDataRow && $row.addClass("dx-data-row");
                        isDataRow && this.option("showRowLines") && $row.addClass(ROW_LINES_CLASS);
                        this.option("showColumnLines") && $row.addClass("dx-column-lines");
                        if (false === row.visible) {
                            $row.hide()
                        }
                        if (isGroup) {
                            $row.addClass("dx-group-row");
                            this.setAriaExpandedAttribute($row, row)
                        }
                    }
                    return $row
                }
                _rowPrepared($row, rowOptions, row) {
                    if ("data" === rowOptions.rowType) {
                        if (this.option("rowAlternationEnabled")) {
                            this._isAltRow(row) && $row.addClass("dx-row-alt");
                            setWatcher({
                                element: $row.get(0),
                                watch: rowOptions.watch,
                                getter: () => this._isAltRow(this._dataController.getRowByKey(row.key)),
                                callBack: value => {
                                    $row.toggleClass("dx-row-alt", value)
                                }
                            })
                        }
                        this._setAriaRowIndex(rowOptions, $row);
                        setWatcher({
                            element: $row.get(0),
                            watch: rowOptions.watch,
                            getter: () => rowOptions.rowIndex,
                            callBack: () => this._setAriaRowIndex(rowOptions, $row)
                        })
                    }
                    super._rowPrepared.apply(this, arguments)
                }
                _setAriaRowIndex(row, $row) {
                    if (!$row.is("tr")) {
                        return
                    }
                    const {
                        component: component
                    } = this;
                    const isPagerMode = "standard" === component.option("scrolling.mode") && !_m_utils.default.isVirtualRowRendering(component);
                    let rowIndex = row.rowIndex + 1;
                    if (isPagerMode) {
                        rowIndex = component.pageIndex() * component.pageSize() + rowIndex
                    } else {
                        rowIndex += this._dataController.getRowIndexOffset()
                    }
                    this.setAria("rowindex", rowIndex, $row)
                }
                setAriaExpandedAttribute($row, row) {
                    const description = row.isExpanded ? this.localize("dxDataGrid-ariaExpandedRow") : this.localize("dxDataGrid-ariaCollapsedRow");
                    this.setAria("roledescription", description, $row)
                }
                _afterRowPrepared(e) {
                    const arg = e.args[0];
                    const dataController = this._dataController;
                    const row = dataController.getVisibleRows()[arg.rowIndex];
                    const watch = this.option("integrationOptions.watchMethod");
                    if (!arg.data || "data" !== arg.rowType || arg.isNewRow || !this.option("twoWayBindingEnabled") || !watch || !row) {
                        return
                    }
                    const dispose = watch(() => dataController.generateDataValues(arg.data, arg.columns), () => {
                        dataController.repaintRows([row.rowIndex], this.option("repaintChangesOnly"))
                    }, {
                        deep: true,
                        skipImmediate: true
                    });
                    _events_engine.default.on(arg.rowElement, _remove.removeEvent, dispose)
                }
                _renderScrollable(force) {
                    const that = this;
                    const $element = that.element();
                    if (!$element.children().length) {
                        $element.append("<div>")
                    }
                    if (force || !that._loadPanel) {
                        that._renderLoadPanel($element, $element.parent(), that._dataController.isLocalStore())
                    }
                    if ((force || !that.getScrollable()) && that._dataController.isLoaded()) {
                        const columns = that.getColumns();
                        let allColumnsHasWidth = true;
                        for (let i = 0; i < columns.length; i++) {
                            if (!columns[i].width && !columns[i].minWidth) {
                                allColumnsHasWidth = false;
                                break
                            }
                        }
                        if (that.option("columnAutoWidth") || that._hasHeight || allColumnsHasWidth || that._columnsController._isColumnFixing()) {
                            that._renderScrollableCore($element)
                        }
                    }
                }
                _handleScroll(e) {
                    const rtlEnabled = this.option("rtlEnabled");
                    const isNativeScrolling = e.component.option("useNative");
                    this._scrollTop = e.scrollOffset.top;
                    this._scrollLeft = e.scrollOffset.left;
                    let scrollLeft = e.scrollOffset.left;
                    if (rtlEnabled) {
                        this._scrollRight = getMaxHorizontalScrollOffset(e.component) - this._scrollLeft;
                        if (isNativeScrolling) {
                            scrollLeft = -this._scrollRight
                        }
                        if (!this.isScrollbarVisible(true)) {
                            this._scrollLeft = -1
                        }
                    }
                    this.scrollChanged.fire(Object.assign({}, e.scrollOffset, {
                        left: scrollLeft
                    }), this.name)
                }
                _renderScrollableCore($element) {
                    const dxScrollableOptions = this._createScrollableOptions();
                    const scrollHandler = this._handleScroll.bind(this);
                    dxScrollableOptions.onScroll = scrollHandler;
                    this._scrollable = this._createComponent($element, _ui.default, dxScrollableOptions);
                    this._scrollableContainer = this._scrollable && (0, _renderer.default)(this._scrollable.container())
                }
                _renderLoadPanel() {
                    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                        args[_key] = arguments[_key]
                    }
                    return _m_utils.default.renderLoadPanel.apply(this, arguments)
                }
                _renderContent(contentElement, tableElement, isFixedTableRendering) {
                    contentElement.empty().append(tableElement);
                    return this._findContentElement()
                }
                _updateContent(newTableElement, change, isFixedTableRendering) {
                    this._contentChanges.push({
                        newTableElement: newTableElement,
                        change: change,
                        isFixedTableRendering: isFixedTableRendering
                    });
                    return this.waitAsyncTemplates().done(() => {
                        const contentChanges = this._contentChanges;
                        this._contentChanges = [];
                        contentChanges.forEach(_ref3 => {
                            let {
                                newTableElement: newTableElement,
                                change: change,
                                isFixedTableRendering: isFixedTableRendering
                            } = _ref3;
                            const tableElement = this.getTableElement(isFixedTableRendering);
                            const contentElement = this._findContentElement(isFixedTableRendering);
                            const changeType = null === change || void 0 === change ? void 0 : change.changeType;
                            const executors = [];
                            const highlightChanges = this.option("highlightChanges");
                            const rowInsertedClass = this.addWidgetPrefix("row-inserted-animation");
                            if ("update" === changeType) {
                                (0, _iterator.each)(change.rowIndices, (index, rowIndex) => {
                                    var _change$changeTypes;
                                    const $newRowElement = this._getRowElements(newTableElement).eq(index);
                                    const dataChangeType = null === (_change$changeTypes = change.changeTypes) || void 0 === _change$changeTypes ? void 0 : _change$changeTypes[index];
                                    const item = change.items && change.items[index];
                                    executors.push(() => {
                                        const $rowElements = this._getRowElements(tableElement);
                                        const $rowElement = $rowElements.eq(rowIndex);
                                        switch (dataChangeType) {
                                            case "update":
                                                if (item) {
                                                    var _change$columnIndices;
                                                    const columnIndices = null === (_change$columnIndices = change.columnIndices) || void 0 === _change$columnIndices ? void 0 : _change$columnIndices[index];
                                                    if ((0, _type.isDefined)(item.visible) && item.visible !== $rowElement.is(":visible")) {
                                                        $rowElement.toggle(item.visible)
                                                    } else if (columnIndices) {
                                                        this._updateCells($rowElement, $newRowElement, columnIndices, item)
                                                    } else {
                                                        $rowElement.replaceWith($newRowElement)
                                                    }
                                                }
                                                break;
                                            case "insert":
                                                if (!$rowElements.length) {
                                                    if (tableElement) {
                                                        const target = $newRowElement.is("tbody") ? tableElement : tableElement.children("tbody");
                                                        $newRowElement.prependTo(target)
                                                    }
                                                } else if ($rowElement.length) {
                                                    $newRowElement.insertBefore($rowElement)
                                                } else {
                                                    $newRowElement.insertAfter($rowElements.last())
                                                }
                                                if (highlightChanges && change.isLiveUpdate) {
                                                    $newRowElement.addClass(rowInsertedClass)
                                                }
                                                break;
                                            case "remove":
                                                $rowElement.remove()
                                        }
                                    })
                                });
                                (0, _iterator.each)(executors, function() {
                                    this()
                                });
                                newTableElement.remove()
                            } else {
                                this.setTableElement(newTableElement, isFixedTableRendering);
                                contentElement.addClass(this.addWidgetPrefix("content"));
                                this._setGridRole(contentElement);
                                this._renderContent(contentElement, newTableElement, isFixedTableRendering)
                            }
                        })
                    }).fail(() => {
                        this._contentChanges = []
                    })
                }
                _getGridRoleName() {
                    return "grid"
                }
                _setGridRole($element) {
                    const gridRoleName = this._getGridRoleName();
                    if (null !== $element && void 0 !== $element && $element.length) {
                        this.setAria("role", gridRoleName, $element)
                    }
                }
                _createEmptyRow(className, isFixed, height) {
                    const that = this;
                    let $cell;
                    const $row = that._createRow();
                    const columns = isFixed ? this.getFixedColumns() : this.getColumns();
                    $row.addClass(className).toggleClass("dx-column-lines", that.option("showColumnLines"));
                    for (let i = 0; i < columns.length; i++) {
                        $cell = that._createCell({
                            column: columns[i],
                            rowType: "freeSpace",
                            columnIndex: i,
                            columns: columns
                        });
                        (0, _type.isNumeric)(height) && $cell.css("height", height);
                        $row.append($cell)
                    }
                    that.setAria("role", "presentation", $row);
                    return $row
                }
                getFixedColumns() {
                    throw new Error("Method not implemented.")
                }
                _appendEmptyRow($table, $emptyRow, location) {
                    const $tBodies = this._getBodies($table);
                    const isTableContainer = !$tBodies.length || $emptyRow.is("tbody");
                    const $container = isTableContainer ? $table : $tBodies;
                    if ("top" === location) {
                        $container.first().prepend($emptyRow);
                        if (isTableContainer) {
                            const $colgroup = $container.children("colgroup");
                            $container.prepend($colgroup)
                        }
                    } else {
                        $container.last().append($emptyRow)
                    }
                }
                _renderFreeSpaceRow($tableElement, change) {
                    let $freeSpaceRowElement = this._createEmptyRow("dx-freespace-row");
                    $freeSpaceRowElement = this._wrapRowIfNeed($tableElement, $freeSpaceRowElement, "refresh" === (null === change || void 0 === change ? void 0 : change.changeType));
                    this._appendEmptyRow($tableElement, $freeSpaceRowElement)
                }
                _checkRowKeys(options) {
                    const that = this;
                    const rows = that._getRows(options);
                    const keyExpr = that._dataController.store() && that._dataController.store().key();
                    keyExpr && rows.some(row => {
                        if ("data" === row.rowType && void 0 === row.key) {
                            that._dataController.fireError("E1046", keyExpr);
                            return true
                        }
                        return
                    })
                }
                _needUpdateRowHeight(itemsCount) {
                    return itemsCount > 0 && !this._rowHeight
                }
                _getRowsHeight($tableElement) {
                    $tableElement = $tableElement || this._tableElement;
                    const $rowElements = $tableElement.children("tbody").children().not(".dx-virtual-row").not(".dx-freespace-row");
                    return $rowElements.toArray().reduce((sum, row) => sum + (0, _position.getBoundingRect)(row).height, 0)
                }
                _updateRowHeight() {
                    const that = this;
                    const $tableElement = that.getTableElement();
                    const itemsCount = that._dataController.items().length;
                    if ($tableElement && that._needUpdateRowHeight(itemsCount)) {
                        const rowsHeight = that._getRowsHeight($tableElement);
                        that._rowHeight = rowsHeight / itemsCount
                    }
                }
                _findContentElement(isFixedTableRendering) {
                    let $content = this.element();
                    const scrollable = this.getScrollable();
                    if ($content) {
                        if (scrollable) {
                            $content = (0, _renderer.default)(scrollable.content())
                        }
                        return $content.children().first()
                    }
                }
                _getRowElements(tableElement) {
                    const $rows = super._getRowElements(tableElement);
                    return $rows && $rows.not(".dx-freespace-row")
                }
                _getFreeSpaceRowElements($table) {
                    const tableElements = $table || this.getTableElements();
                    return tableElements && tableElements.children("tbody").children(".dx-freespace-row")
                }
                _getNoDataText() {
                    return this.option("noDataText")
                }
                _rowClick(e) {
                    const item = this._dataController.items()[e.rowIndex] || {};
                    this.executeAction("onRowClick", (0, _extend.extend)({
                        evaluate(expr) {
                            const getter = (0, _data.compileGetter)(expr);
                            return getter(item.data)
                        }
                    }, e, item))
                }
                _rowDblClick(e) {
                    const item = this._dataController.items()[e.rowIndex] || {};
                    this.executeAction("onRowDblClick", (0, _extend.extend)({}, e, item))
                }
                _getColumnsCountBeforeGroups(columns) {
                    for (let i = 0; i < columns.length; i++) {
                        if ("groupExpand" === columns[i].type) {
                            return i
                        }
                    }
                    return 0
                }
                _getGroupCellOptions(options) {
                    const columnsCountBeforeGroups = this._getColumnsCountBeforeGroups(options.columns);
                    const columnIndex = (options.row.groupIndex || 0) + columnsCountBeforeGroups;
                    return {
                        columnIndex: columnIndex,
                        colspan: options.columns.length - columnIndex - 1
                    }
                }
                _needWrapRow() {
                    return super._needWrapRow.apply(this, arguments) || !!this.option("dataRowTemplate")
                }
                _renderCells($row, options) {
                    if ("group" === options.row.rowType) {
                        this._renderGroupedCells($row, options)
                    } else if (options.row.values) {
                        super._renderCells($row, options)
                    }
                }
                _renderGroupedCells($row, options) {
                    const {
                        row: row
                    } = options;
                    let expandColumn;
                    const {
                        columns: columns
                    } = options;
                    const {
                        rowIndex: rowIndex
                    } = row;
                    let isExpanded;
                    const groupCellOptions = this._getGroupCellOptions(options);
                    for (let i = 0; i <= groupCellOptions.columnIndex; i++) {
                        if (i === groupCellOptions.columnIndex && columns[i].allowCollapsing && "infinite" !== options.scrollingMode) {
                            isExpanded = !!row.isExpanded;
                            expandColumn = columns[i]
                        } else {
                            isExpanded = null;
                            expandColumn = {
                                command: "expand",
                                cssClass: columns[i].cssClass,
                                fixed: columns[i].fixed
                            }
                        }
                        if (this._needRenderCell(i, options.columnIndices)) {
                            this._renderCell($row, {
                                value: isExpanded,
                                row: row,
                                rowIndex: rowIndex,
                                column: expandColumn,
                                columnIndex: i,
                                columnIndices: options.columnIndices,
                                change: options.change
                            })
                        }
                    }
                    const groupColumnAlignment = (0, _position.getDefaultAlignment)(this.option("rtlEnabled"));
                    const groupColumn = (0, _extend.extend)({}, columns[groupCellOptions.columnIndex], {
                        command: null,
                        type: null,
                        cssClass: null,
                        width: null,
                        showWhenGrouped: false,
                        alignment: groupColumnAlignment
                    });
                    if (groupCellOptions.colspan > 1) {
                        groupColumn.colspan = groupCellOptions.colspan
                    }
                    if (this._needRenderCell(groupCellOptions.columnIndex + 1, options.columnIndices)) {
                        this._renderCell($row, {
                            value: row.values[row.groupIndex],
                            row: row,
                            rowIndex: rowIndex,
                            column: groupColumn,
                            columnIndex: groupCellOptions.columnIndex + 1,
                            columnIndices: options.columnIndices,
                            change: options.change
                        })
                    }
                }
                _renderRows($table, options) {
                    const that = this;
                    const scrollingMode = that.option("scrolling.mode");
                    super._renderRows($table, (0, _extend.extend)({
                        scrollingMode: scrollingMode
                    }, options));
                    that._checkRowKeys(options.change);
                    that._renderFreeSpaceRow($table, options.change);
                    if (!that._hasHeight) {
                        that.updateFreeSpaceRowHeight($table)
                    }
                }
                _renderDataRowByTemplate($table, options, dataRowTemplate) {
                    const {
                        row: row
                    } = options;
                    const rowOptions = (0, _extend.extend)({
                        columns: options.columns
                    }, row);
                    const $tbody = this._createRow(row, "tbody");
                    $tbody.appendTo($table);
                    this.renderTemplate($tbody, dataRowTemplate, rowOptions, true, options.change);
                    this._rowPrepared($tbody, rowOptions, options.row)
                }
                _renderRow($table, options) {
                    const {
                        row: row
                    } = options;
                    const {
                        rowTemplate: rowTemplate
                    } = this.option();
                    const dataRowTemplate = this.option("dataRowTemplate");
                    if ("data" === row.rowType && dataRowTemplate) {
                        this._renderDataRowByTemplate($table, options, dataRowTemplate)
                    } else if (("data" === row.rowType || "group" === row.rowType) && !(0, _type.isDefined)(row.groupIndex) && rowTemplate) {
                        this.renderTemplate($table, rowTemplate, (0, _extend.extend)({
                            columns: options.columns
                        }, row), true)
                    } else {
                        super._renderRow($table, options)
                    }
                }
                _renderTable(options) {
                    const that = this;
                    const $table = super._renderTable(options);
                    const resizeCompletedHandler = function() {
                        const scrollableInstance = that.getScrollable();
                        if (scrollableInstance && that.element().closest((0, _window.getWindow)().document).length) {
                            that.resizeCompleted.remove(resizeCompletedHandler);
                            scrollableInstance._visibilityChanged(true)
                        }
                    };
                    if (!(0, _type.isDefined)(that.getTableElement())) {
                        that.setTableElement($table);
                        that._renderScrollable(true);
                        that.resizeCompleted.add(resizeCompletedHandler)
                    } else {
                        that._renderScrollable()
                    }
                    return $table
                }
                _createTable() {
                    const $table = super._createTable.apply(this, arguments);
                    if (this.option().rowTemplate || this.option().dataRowTemplate) {
                        $table.appendTo(this.component.$element())
                    }
                    return $table
                }
                _renderCore(change) {
                    const $element = this.element();
                    $element.addClass(this.addWidgetPrefix("rowsview")).toggleClass(this.addWidgetPrefix("nowrap"), !this.option("wordWrapEnabled"));
                    $element.toggleClass("dx-empty", this._dataController.isEmpty());
                    this.setAria("role", "presentation", $element);
                    const $table = this._renderTable({
                        change: change
                    });
                    const deferred = this._updateContent($table, change);
                    super._renderCore(change);
                    this._lastColumnWidths = null;
                    return deferred
                }
                _getRows(change) {
                    return change && change.items || this._dataController.items()
                }
                _getCellOptions(options) {
                    const that = this;
                    const {
                        column: column
                    } = options;
                    const {
                        row: row
                    } = options;
                    const {
                        data: data
                    } = row;
                    const summaryCells = row && row.summaryCells;
                    const {
                        value: value
                    } = options;
                    const displayValue = _m_utils.default.getDisplayValue(column, value, data, row.rowType);
                    const parameters = super._getCellOptions(options);
                    parameters.value = value;
                    parameters.oldValue = options.oldValue;
                    parameters.displayValue = displayValue;
                    parameters.row = row;
                    parameters.key = row.key;
                    parameters.data = data;
                    parameters.rowType = row.rowType;
                    parameters.values = row.values;
                    parameters.text = (0, _utils.getCellText)(column, displayValue);
                    parameters.rowIndex = row.rowIndex;
                    parameters.summaryItems = summaryCells && summaryCells[options.columnIndex];
                    parameters.resized = column.resizedCallbacks;
                    if ((0, _type.isDefined)(column.groupIndex) && !column.command) {
                        const groupingTextsOptions = that.option("grouping.texts");
                        const scrollingMode = that.option("scrolling.mode");
                        if ("virtual" !== scrollingMode && "infinite" !== scrollingMode) {
                            parameters.groupContinuesMessage = data && data.isContinuationOnNextPage && groupingTextsOptions && groupingTextsOptions.groupContinuesMessage;
                            parameters.groupContinuedMessage = data && data.isContinuation && groupingTextsOptions && groupingTextsOptions.groupContinuedMessage
                        }
                    }
                    return parameters
                }
                _toggleDraggableSourceColumnClass($rows, visibleColumns, columnIndex, value) {
                    const columnsController = this._columnsController;
                    const columns = columnsController.getColumns();
                    const column = columns && columns[columnIndex];
                    const columnID = column && column.isBand && column.index;
                    (0, _iterator.each)($rows, (rowIndex, row) => {
                        if (!(0, _renderer.default)(row).hasClass("dx-group-row")) {
                            for (let i = 0; i < visibleColumns.length; i++) {
                                if ((0, _type.isNumeric)(columnID) && columnsController.isParentBandColumn(visibleColumns[i].index, columnID) || visibleColumns[i].index === columnIndex) {
                                    $rows.eq(rowIndex).children().eq(i).toggleClass(this.addWidgetPrefix(_const.CLASSES.draggableColumn), value);
                                    if (!(0, _type.isNumeric)(columnID)) {
                                        break
                                    }
                                }
                            }
                        }
                    })
                }
                _getDevicePixelRatio() {
                    return (0, _window.getWindow)().devicePixelRatio
                }
                renderNoDataText() {
                    return _m_utils.default.renderNoDataText.apply(this, arguments)
                }
                getCellOptions(rowIndex, columnIdentifier) {
                    const rowOptions = this._dataController.items()[rowIndex];
                    let cellOptions;
                    let column;
                    if (rowOptions) {
                        if ((0, _type.isString)(columnIdentifier)) {
                            column = this._columnsController.columnOption(columnIdentifier)
                        } else {
                            column = this._columnsController.getVisibleColumns()[columnIdentifier]
                        }
                        if (column) {
                            cellOptions = this._getCellOptions({
                                value: column.calculateCellValue(rowOptions.data),
                                rowIndex: rowOptions.rowIndex,
                                row: rowOptions,
                                column: column
                            })
                        }
                    }
                    return cellOptions
                }
                getRow(index) {
                    if (index >= 0) {
                        const rows = this._getRowElements();
                        if (rows.length > index) {
                            return (0, _renderer.default)(rows[index])
                        }
                    }
                    return
                }
                updateFreeSpaceRowHeight($table) {
                    const dataController = this._dataController;
                    const itemCount = dataController.items(true).length;
                    const contentElement = this._findContentElement();
                    const freeSpaceRowElements = this._getFreeSpaceRowElements($table);
                    if (freeSpaceRowElements && contentElement && dataController.totalCount() >= 0) {
                        let isFreeSpaceRowVisible = false;
                        if (itemCount > 0) {
                            if (!this._hasHeight) {
                                const freeSpaceRowCount = dataController.pageSize() - itemCount;
                                const scrollingMode = this.option("scrolling.mode");
                                if (freeSpaceRowCount > 0 && dataController.pageCount() > 1 && "virtual" !== scrollingMode && "infinite" !== scrollingMode) {
                                    (0, _style.setHeight)(freeSpaceRowElements, freeSpaceRowCount * this._rowHeight);
                                    isFreeSpaceRowVisible = true
                                }
                                if (!isFreeSpaceRowVisible && $table) {
                                    (0, _style.setHeight)(freeSpaceRowElements, 0)
                                } else {
                                    freeSpaceRowElements.toggle(isFreeSpaceRowVisible)
                                }
                                this._updateLastRowBorder(isFreeSpaceRowVisible)
                            } else {
                                freeSpaceRowElements.hide();
                                (0, _common.deferUpdate)(() => {
                                    const scrollbarWidth = this.getScrollbarWidth(true);
                                    const elementHeightWithoutScrollbar = (0, _size.getHeight)(this.element()) - scrollbarWidth;
                                    const contentHeight = (0, _size.getOuterHeight)(contentElement);
                                    const showFreeSpaceRow = elementHeightWithoutScrollbar - contentHeight > 0;
                                    const rowsHeight = this._getRowsHeight(contentElement.children().first());
                                    const $tableElement = $table || this.getTableElements();
                                    const borderTopWidth = Math.ceil(parseFloat($tableElement.css("borderTopWidth")));
                                    const heightCorrection = this._getHeightCorrection();
                                    const resultHeight = elementHeightWithoutScrollbar - rowsHeight - borderTopWidth - heightCorrection;
                                    if (showFreeSpaceRow) {
                                        (0, _common.deferRender)(() => {
                                            freeSpaceRowElements.css("height", resultHeight);
                                            isFreeSpaceRowVisible = true;
                                            freeSpaceRowElements.show()
                                        })
                                    }(0, _common.deferRender)(() => this._updateLastRowBorder(isFreeSpaceRowVisible))
                                })
                            }
                        } else {
                            freeSpaceRowElements.css("height", 0);
                            freeSpaceRowElements.show();
                            this._updateLastRowBorder(true)
                        }
                    }
                }
                _getHeightCorrection() {
                    const isZoomedWebkit = _browser.default.webkit && this._getDevicePixelRatio() >= 2;
                    const isChromeLatest = _browser.default.chrome && _browser.default.version >= 91;
                    const hasExtraBorderTop = _browser.default.mozilla && _browser.default.version >= 70 && !this.option("showRowLines");
                    return isZoomedWebkit || hasExtraBorderTop || isChromeLatest ? 1 : 0
                }
                _columnOptionChanged(e) {
                    const {
                        optionNames: optionNames
                    } = e;
                    if (e.changeTypes.grouping) {
                        return
                    }
                    if (optionNames.width || optionNames.visibleWidth) {
                        super._columnOptionChanged(e);
                        this._fireColumnResizedCallbacks()
                    }
                }
                getScrollable() {
                    return this._scrollable
                }
                _handleDataChanged(change) {
                    const that = this;
                    switch (change.changeType) {
                        case "refresh":
                        case "prepend":
                        case "append":
                        case "update":
                            that.render(null, change);
                            break;
                        default:
                            that._update(change)
                    }
                }
                publicMethods() {
                    return ["isScrollbarVisible", "getTopVisibleRowData", "getScrollbarWidth", "getCellElement", "getRowElement", "getScrollable"]
                }
                contentWidth() {
                    return (0, _size.getWidth)(this.element()) - this.getScrollbarWidth()
                }
                getScrollbarWidth(isHorizontal) {
                    const scrollableContainer = this._scrollableContainer && this._scrollableContainer.get(0);
                    let scrollbarWidth = 0;
                    if (scrollableContainer) {
                        if (!isHorizontal) {
                            scrollbarWidth = scrollableContainer.clientWidth ? scrollableContainer.offsetWidth - scrollableContainer.clientWidth : 0
                        } else {
                            scrollbarWidth = scrollableContainer.clientHeight ? scrollableContainer.offsetHeight - scrollableContainer.clientHeight : 0;
                            scrollbarWidth += function(that) {
                                const scrollable = that.getScrollable();
                                return scrollable ? Math.ceil(parseFloat((0, _renderer.default)(scrollable.content()).css("paddingBottom"))) : 0
                            }(this)
                        }
                    }
                    return scrollbarWidth > 0 ? scrollbarWidth : 0
                }
                _fireColumnResizedCallbacks() {
                    const lastColumnWidths = this._lastColumnWidths || [];
                    const columnWidths = [];
                    const columns = this.getColumns();
                    for (let i = 0; i < columns.length; i++) {
                        columnWidths[i] = columns[i].visibleWidth;
                        if (columns[i].resizedCallbacks && !(0, _type.isDefined)(columns[i].groupIndex) && lastColumnWidths[i] !== columnWidths[i]) {
                            columns[i].resizedCallbacks.fire(columnWidths[i])
                        }
                    }
                    this._lastColumnWidths = columnWidths
                }
                _updateLastRowBorder(isFreeSpaceRowVisible) {
                    if (this.option("showBorders") && !isFreeSpaceRowVisible) {
                        this.element().addClass("dx-last-row-border")
                    } else {
                        this.element().removeClass("dx-last-row-border")
                    }
                }
                _updateScrollable() {
                    const scrollable = _ui.default.getInstance(this.element());
                    if (scrollable) {
                        scrollable.update();
                        this._updateHorizontalScrollPosition()
                    }
                }
                _updateHorizontalScrollPosition() {
                    const scrollable = this.getScrollable();
                    const scrollLeft = scrollable && scrollable.scrollOffset().left;
                    const rtlEnabled = this.option("rtlEnabled");
                    if (rtlEnabled) {
                        const maxHorizontalScrollOffset = getMaxHorizontalScrollOffset(scrollable);
                        const scrollRight = maxHorizontalScrollOffset - scrollLeft;
                        if (scrollRight !== this._scrollRight) {
                            this._scrollLeft = maxHorizontalScrollOffset - this._scrollRight
                        }
                    }
                    if (this._scrollLeft >= 0 && scrollLeft !== this._scrollLeft) {
                        scrollable.scrollTo({
                            x: this._scrollLeft
                        })
                    }
                }
                _resizeCore() {
                    this._fireColumnResizedCallbacks();
                    this._updateRowHeight();
                    (0, _common.deferRender)(() => {
                        this._renderScrollable();
                        this.renderNoDataText();
                        this.updateFreeSpaceRowHeight();
                        (0, _common.deferUpdate)(() => {
                            this._updateScrollable()
                        })
                    })
                }
                scrollTo(location) {
                    const $element = this.element();
                    const dxScrollable = $element && _ui.default.getInstance($element);
                    if (dxScrollable) {
                        dxScrollable.scrollTo(location)
                    }
                }
                height(height) {
                    const that = this;
                    const $element = this.element();
                    if (0 === arguments.length) {
                        return $element ? (0, _size.getOuterHeight)($element, true) : 0
                    }
                    if ((0, _type.isDefined)(height) && $element) {
                        that.hasHeight("auto" !== height);
                        (0, _style.setHeight)($element, height)
                    }
                }
                hasHeight(hasHeight) {
                    if (0 === arguments.length) {
                        return !!this._hasHeight
                    }
                    this._hasHeight = hasHeight;
                    return
                }
                setLoading(isLoading, messageText) {
                    const that = this;
                    let loadPanel = that._loadPanel;
                    const dataController = that._dataController;
                    const loadPanelOptions = that.option("loadPanel") || {};
                    const animation = dataController.isLoaded() ? loadPanelOptions.animation : null;
                    const $element = that.element();
                    if (!(0, _window.hasWindow)()) {
                        return
                    }
                    if (!loadPanel && void 0 !== messageText && dataController.isLocalStore() && "auto" === loadPanelOptions.enabled && $element) {
                        that._renderLoadPanel($element, $element.parent());
                        loadPanel = that._loadPanel
                    }
                    if (loadPanel) {
                        const visibilityOptions = {
                            message: messageText || loadPanelOptions.text,
                            animation: animation,
                            visible: isLoading
                        };
                        if (isLoading) {
                            visibilityOptions.position = _m_utils.default.calculateLoadPanelPosition($element)
                        }
                        clearTimeout(that._hideLoadingTimeoutID);
                        if (loadPanel.option("visible") && !isLoading) {
                            that._hideLoadingTimeoutID = setTimeout(() => {
                                loadPanel.option(visibilityOptions)
                            }, 200)
                        } else {
                            loadPanel.option(visibilityOptions)
                        }
                    }
                }
                toggleDraggableColumnClass(columnIndex, value) {
                    const $rows = this._getRowElements().not(".dx-group-row") || [];
                    this._toggleDraggableSourceColumnClass($rows, this.getColumns(), columnIndex, value)
                }
                _getCellElementsCore(rowIndex) {
                    const $cells = super._getCellElementsCore.apply(this, arguments);
                    if ($cells) {
                        const groupCellIndex = $cells.filter(".dx-group-cell").index();
                        if (groupCellIndex >= 0 && $cells.length > groupCellIndex + 1) {
                            return $cells.slice(0, groupCellIndex + 1)
                        }
                    }
                    return $cells
                }
                _getBoundaryVisibleItemIndex(isTop, isFloor) {
                    const that = this;
                    let itemIndex = 0;
                    let prevOffset = 0;
                    let offset = 0;
                    let viewportBoundary = that._scrollTop;
                    const $contentElement = that._findContentElement();
                    const contentElementOffsetTop = $contentElement && $contentElement.offset().top;
                    const items = this._dataController.items();
                    const tableElement = that.getTableElement();
                    if (items.length && tableElement) {
                        const rowElements = that._getRowElements(tableElement).filter(":visible");
                        if (!isTop) {
                            const height = (0, _size.getOuterHeight)(this._hasHeight ? this.element() : (0, _window.getWindow)());
                            viewportBoundary += height
                        }
                        for (itemIndex = 0; itemIndex < items.length; itemIndex++) {
                            prevOffset = offset;
                            const $rowElement = (0, _renderer.default)(rowElements).eq(itemIndex);
                            if ($rowElement.length) {
                                offset = $rowElement.offset();
                                offset = (isTop ? offset.top : offset.top + (0, _size.getOuterHeight)($rowElement)) - contentElementOffsetTop;
                                if (offset > viewportBoundary) {
                                    if (itemIndex) {
                                        if (isFloor || 2 * viewportBoundary < Math.round(offset + prevOffset)) {
                                            itemIndex--
                                        }
                                    }
                                    break
                                }
                            }
                        }
                        if (itemIndex && itemIndex === items.length) {
                            itemIndex--
                        }
                    }
                    return itemIndex
                }
                getTopVisibleItemIndex(isFloor) {
                    return this._getBoundaryVisibleItemIndex(true, isFloor)
                }
                getBottomVisibleItemIndex(isFloor) {
                    return this._getBoundaryVisibleItemIndex(false, isFloor)
                }
                getTopVisibleRowData() {
                    const itemIndex = this.getTopVisibleItemIndex();
                    const items = this._dataController.items();
                    if (items[itemIndex]) {
                        return items[itemIndex].data
                    }
                    return
                }
                _scrollToElement($element, offset) {
                    const scrollable = this.getScrollable();
                    scrollable && scrollable.scrollToElement($element, offset)
                }
                optionChanged(args) {
                    const that = this;
                    super.optionChanged(args);
                    switch (args.name) {
                        case "wordWrapEnabled":
                        case "showColumnLines":
                        case "showRowLines":
                        case "rowAlternationEnabled":
                        case "rowTemplate":
                        case "dataRowTemplate":
                        case "twoWayBindingEnabled":
                            that._invalidate(true, true);
                            args.handled = true;
                            break;
                        case "scrolling":
                            that._rowHeight = null;
                            that._tableElement = null;
                            args.handled = true;
                            break;
                        case "rtlEnabled":
                            that._rowHeight = null;
                            that._tableElement = null;
                            break;
                        case "loadPanel":
                            that._tableElement = null;
                            that._invalidate(true, "loadPanel.enabled" !== args.fullName);
                            args.handled = true;
                            break;
                        case "noDataText":
                            that.renderNoDataText();
                            args.handled = true
                    }
                }
                setAriaOwns(headerTableId, footerTableId, isFixed) {
                    const $contentElement = this._findContentElement();
                    const $tableElement = this.getTableElement();
                    if (null !== $tableElement && void 0 !== $tableElement && $tableElement.length) {
                        this.setAria("owns", `${headerTableId??""} ${$tableElement.attr("id")??""} ${footerTableId??""}`.trim(), $contentElement)
                    }
                }
                dispose() {
                    super.dispose();
                    clearTimeout(this._hideLoadingTimeoutID);
                    this._scrollable && this._scrollable.dispose()
                }
                setScrollerSpacing(vScrollbarWidth, hScrollbarWidth) {}
                getFixedContentElement() {
                    var _this$element;
                    const fixedContentClass = this.addWidgetPrefix("content-fixed");
                    return null === (_this$element = this.element()) || void 0 === _this$element ? void 0 : _this$element.children(`.${fixedContentClass}`)
                }
                _restoreErrorRow(contentTable) {}
                isElementInside($element) {
                    const $rowsViewElement = $element.closest(`.${this.addWidgetPrefix("rowsview")}`);
                    return $rowsViewElement.is(this.element())
                }
                _renderIcons($iconContainer, options) {
                    return $iconContainer
                }
                normalizeScrollLeft(scrollLeft) {
                    const scrollable = this.getScrollable();
                    if (this.option("rtlEnabled") && scrollable) {
                        return (0, _size.getWidth)(scrollable.$content()) - (0, _size.getWidth)(scrollable.$element()) - scrollLeft
                    }
                    return scrollLeft
                }
            }
            exports.RowsView = RowsView;
            exports.rowsModule = {
                defaultOptions: () => ({
                    hoverStateEnabled: false,
                    scrolling: {
                        useNative: "auto"
                    },
                    loadPanel: {
                        enabled: "auto",
                        text: _message.default.format("Loading"),
                        width: 200,
                        height: 90,
                        showIndicator: true,
                        showPane: true
                    },
                    dataRowTemplate: null,
                    columnAutoWidth: false,
                    noDataText: _message.default.format("dxDataGrid-noDataText"),
                    wordWrapEnabled: false,
                    showColumnLines: true,
                    showRowLines: false,
                    rowAlternationEnabled: false,
                    activeStateEnabled: false,
                    twoWayBindingEnabled: true
                }),
                views: {
                    rowsView: RowsView
                }
            }
        },
        56095(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getCellText = void 0;
            var _const = __webpack_require__( /*! ../ai_column/const */ 92806);
            var _m_utils = (e = __webpack_require__( /*! ../m_utils */ 53226), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.getCellText = (column, displayValue) => !column.command || column.type === _const.AI_COLUMN_NAME ? _m_utils.default.formatValue(displayValue, column) : ""
        },
        20574(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.updateViewsBorders = void 0;
            var _type = __webpack_require__( /*! ../../../../../core/utils/type */ 11528);
            const _excluded = ["rowsView"];
            const CLASSES_borderedTop = "dx-bordered-top-view",
                CLASSES_borderedBottom = "dx-bordered-bottom-view";
            const getViewElementWithClass = (viewsWithBorder, className) => {
                const borderedView = Object.values(viewsWithBorder).find(view => {
                    var _view$element;
                    return null === view || void 0 === view || null === (_view$element = view.element()) || void 0 === _view$element ? void 0 : _view$element.hasClass(className)
                });
                return (null === borderedView || void 0 === borderedView ? void 0 : borderedView.element()) ?? null
            };
            exports.updateViewsBorders = (viewName, viewsWithBorder) => {
                if (!((viewName, viewsWithBorder) => {
                        var _rowsView$element;
                        if (!Object.keys(viewsWithBorder).includes(viewName)) {
                            return false
                        }
                        const {
                            rowsView: rowsView
                        } = viewsWithBorder, otherViews = function(r, e) {
                            if (null == r) {
                                return {}
                            }
                            var t = {};
                            for (var n in r) {
                                if ({}.hasOwnProperty.call(r, n)) {
                                    if (-1 !== e.indexOf(n)) {
                                        continue
                                    }
                                    t[n] = r[n]
                                }
                            }
                            return t
                        }(viewsWithBorder, _excluded);
                        if (!(0, _type.isDefined)(null === rowsView || void 0 === rowsView || null === (_rowsView$element = rowsView.element) || void 0 === _rowsView$element ? void 0 : _rowsView$element.call(rowsView))) {
                            return false
                        }
                        return Object.values(otherViews).filter(view => {
                            var _view$isVisible;
                            return null === view || void 0 === view || null === (_view$isVisible = view.isVisible) || void 0 === _view$isVisible ? void 0 : _view$isVisible.call(view)
                        }).every(view => (0, _type.isDefined)(null === view || void 0 === view ? void 0 : view.element()))
                    })(viewName, viewsWithBorder)) {
                    return
                }
                const $oldFirst = getViewElementWithClass(viewsWithBorder, CLASSES_borderedTop);
                const $oldLast = getViewElementWithClass(viewsWithBorder, CLASSES_borderedBottom);
                const $newFirst = (_ref => {
                    let {
                        columnHeadersView: columnHeadersView,
                        rowsView: rowsView
                    } = _ref;
                    if (null !== columnHeadersView && void 0 !== columnHeadersView && columnHeadersView.isVisible()) {
                        return columnHeadersView.element()
                    }
                    return rowsView.element()
                })(viewsWithBorder);
                const $newLast = (_ref2 => {
                    let {
                        filterPanelView: filterPanelView,
                        footerView: footerView,
                        rowsView: rowsView
                    } = _ref2;
                    if (null !== filterPanelView && void 0 !== filterPanelView && filterPanelView.isVisible()) {
                        return filterPanelView.element()
                    }
                    if (null !== footerView && void 0 !== footerView && footerView.isVisible()) {
                        return footerView.element()
                    }
                    return rowsView.element()
                })(viewsWithBorder);
                if ($oldFirst && !$oldFirst.is($newFirst)) {
                    $oldFirst.removeClass(CLASSES_borderedTop)
                }
                if ($oldLast && !$oldLast.is($newLast)) {
                    $oldLast.removeClass(CLASSES_borderedBottom)
                }
                if (!$newFirst.hasClass(CLASSES_borderedTop)) {
                    $newFirst.addClass(CLASSES_borderedTop)
                }
                if (!$newLast.hasClass(CLASSES_borderedBottom)) {
                    $newLast.addClass(CLASSES_borderedBottom)
                }
            }
        },
        74280(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.virtualColumnsModule = void 0;
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/browser */ 48314));
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _m_virtual_columns_core = __webpack_require__( /*! ./m_virtual_columns_core */ 32760);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const baseView = Base => class extends Base {
                _needToSetCellWidths() {
                    let result = super._needToSetCellWidths();
                    if (!result && this._columnsController.isVirtualMode()) {
                        const columns = this._columnsController.getColumns();
                        result = columns.some(column => "auto" === column.width)
                    }
                    return result
                }
            };
            exports.virtualColumnsModule = {
                defaultOptions: () => ({
                    scrolling: {
                        columnRenderingMode: "standard",
                        columnPageSize: 5,
                        columnRenderingThreshold: 300
                    }
                }),
                extenders: {
                    controllers: {
                        columns: Base => class extends Base {
                            init() {
                                super.init.apply(this, arguments);
                                this._resizingController = this.getController("resizing");
                                this._beginPageIndex = null;
                                this._endPageIndex = null;
                                this._position ?? (this._position = 0);
                                this._virtualVisibleColumns = {}
                            }
                            dispose() {
                                clearTimeout(this._changedTimeout);
                                super.dispose.apply(this, arguments)
                            }
                            resetColumnsCache() {
                                super.resetColumnsCache();
                                this._virtualVisibleColumns = {}
                            }
                            getBeginPageIndex(position) {
                                const visibleColumns = this.getVisibleColumns(void 0, true);
                                const widths = _m_utils.default.getColumnWidths(visibleColumns);
                                let currentPosition = 0;
                                for (let index = 0; index < widths.length; index++) {
                                    if (currentPosition >= position) {
                                        return Math.floor(index / this.getColumnPageSize())
                                    }
                                    currentPosition += widths[index]
                                }
                                return 0
                            }
                            getTotalWidth() {
                                const width = this.option("width");
                                if ("number" === typeof width) {
                                    return width
                                }
                                return this._resizingController._lastWidth || (0, _size.getOuterWidth)(this.component.$element())
                            }
                            getEndPageIndex(position) {
                                const visibleColumns = this.getVisibleColumns(void 0, true);
                                const widths = _m_utils.default.getColumnWidths(visibleColumns);
                                let currentPosition = 0;
                                position += this.getTotalWidth();
                                for (let index = 0; index < widths.length; index++) {
                                    if (currentPosition >= position) {
                                        return Math.ceil(index / this.getColumnPageSize())
                                    }
                                    currentPosition += widths[index]
                                }
                                return Math.ceil(widths.length / this.getColumnPageSize())
                            }
                            getColumnPageSize() {
                                return this.option("scrolling.columnPageSize")
                            }
                            _fireColumnsChanged(event) {
                                const date = new Date;
                                this.columnsChanged.fire({
                                    optionNames: {
                                        all: true,
                                        length: 1
                                    },
                                    changeTypes: {
                                        columns: true,
                                        virtualColumnsScrolling: true,
                                        length: 2,
                                        event: event
                                    }
                                });
                                this._renderTime = new Date - date
                            }
                            getScrollingTimeout() {
                                const renderingThreshold = this.option("scrolling.columnRenderingThreshold");
                                const renderAsync = this.option("scrolling.renderAsync");
                                let scrollingTimeout = 0;
                                if (!(0, _type.isDefined)(renderAsync) && this._renderTime > renderingThreshold || renderAsync) {
                                    scrollingTimeout = this.option("scrolling.timeout")
                                }
                                return scrollingTimeout
                            }
                            resize() {
                                this._setScrollPositionCore(this._position)
                            }
                            _setScrollPositionCore(position, event) {
                                const needColumnsChanged = this.isNeedToRenderVirtualColumns(position);
                                if (needColumnsChanged) {
                                    this._position = position;
                                    this._beginPageIndex = this.getBeginPageIndex(position);
                                    this._endPageIndex = this.getEndPageIndex(position);
                                    this._fireColumnsChanged(event)
                                }
                            }
                            isNeedToRenderVirtualColumns(scrollPosition) {
                                if (this.isVirtualMode()) {
                                    if (scrollPosition < this._position) {
                                        return this._beginPageIndex > this.getBeginPageIndex(scrollPosition)
                                    }
                                    return this._endPageIndex < this.getEndPageIndex(scrollPosition)
                                }
                                return false
                            }
                            getFixedColumns(rowIndex, isBase) {
                                const fixedColumns = super.getFixedColumns(rowIndex);
                                if (this.isVirtualMode() && !isBase && fixedColumns.length) {
                                    const transparentColumnIndex = fixedColumns.map(c => c.command).indexOf("transparent");
                                    fixedColumns[transparentColumnIndex].colspan = this.getVisibleColumns().length - super.getFixedColumns().length + 1;
                                    return fixedColumns
                                }
                                return fixedColumns
                            }
                            _compileVisibleColumns(rowIndex, isBase) {
                                var _this$_columns;
                                if (isBase || !this.isVirtualMode() || !this._shouldReturnVisibleColumns()) {
                                    return super._compileVisibleColumns(rowIndex)
                                }
                                if (null !== (_this$_columns = this._columns) && void 0 !== _this$_columns && _this$_columns.length && !(0, _type.isDefined)(this._beginPageIndex) && !(0, _type.isDefined)(this._endPageIndex)) {
                                    this._beginPageIndex = this.getBeginPageIndex(this._position);
                                    this._endPageIndex = this.getEndPageIndex(this._position)
                                }
                                const beginPageIndex = this._beginPageIndex;
                                const endPageIndex = this._endPageIndex;
                                const visibleColumnsHash = `${rowIndex}-${beginPageIndex}-${endPageIndex}`;
                                if (this._virtualVisibleColumns[visibleColumnsHash]) {
                                    return this._virtualVisibleColumns[visibleColumnsHash]
                                }
                                let visibleColumns = super._compileVisibleColumns();
                                const rowCount = this.getRowCount();
                                const pageSize = this.getColumnPageSize();
                                let startIndex = beginPageIndex * pageSize;
                                let endIndex = endPageIndex * pageSize;
                                const fixedColumns = this.getFixedColumns(void 0, true);
                                const transparentColumnIndex = fixedColumns.map(c => c.command).indexOf("transparent");
                                const beginFixedColumnCount = fixedColumns.length ? transparentColumnIndex : 0;
                                let beginFixedColumns = visibleColumns.slice(0, beginFixedColumnCount);
                                const beginColumns = visibleColumns.slice(beginFixedColumnCount, startIndex);
                                const beginWidth = _m_utils.default.getColumnWidths(beginColumns).reduce((a, b) => a + b, 0);
                                if (!beginWidth) {
                                    startIndex = 0
                                }
                                const endFixedColumnCount = fixedColumns.length ? fixedColumns.length - transparentColumnIndex - 1 : 0;
                                let endFixedColumns = visibleColumns.slice(visibleColumns.length - endFixedColumnCount);
                                const endColumns = visibleColumns.slice(endIndex, visibleColumns.length - endFixedColumnCount);
                                const endWidth = _m_utils.default.getColumnWidths(endColumns).reduce((a, b) => a + b, 0);
                                if (!endWidth) {
                                    endIndex = visibleColumns.length
                                }
                                if (rowCount > 1 && "number" === typeof rowIndex) {
                                    const columnsInfo = [];
                                    for (let i = 0; i <= rowCount; i++) {
                                        columnsInfo.push(super._compileVisibleColumns(i))
                                    }
                                    beginFixedColumns = (0, _m_virtual_columns_core.createColumnsInfo)(columnsInfo, 0, beginFixedColumns.length)[rowIndex] || [];
                                    endFixedColumns = (0, _m_virtual_columns_core.createColumnsInfo)(columnsInfo, visibleColumns.length - endFixedColumns.length, visibleColumns.length)[rowIndex] || [];
                                    visibleColumns = (0, _m_virtual_columns_core.createColumnsInfo)(columnsInfo, startIndex, endIndex)[rowIndex] || []
                                } else {
                                    visibleColumns = visibleColumns.slice(startIndex, endIndex)
                                }
                                if (beginWidth) {
                                    visibleColumns.unshift({
                                        command: "virtual",
                                        type: "virtual",
                                        width: beginWidth
                                    });
                                    visibleColumns = beginFixedColumns.concat(visibleColumns)
                                }
                                if (endWidth) {
                                    visibleColumns.push({
                                        command: "virtual",
                                        type: "virtual",
                                        width: endWidth
                                    });
                                    visibleColumns = visibleColumns.concat(endFixedColumns)
                                }
                                this._virtualVisibleColumns[visibleColumnsHash] = visibleColumns;
                                return visibleColumns
                            }
                            getColumnIndexOffset() {
                                let offset = 0;
                                if (this._beginPageIndex > 0) {
                                    const fixedColumns = this.getFixedColumns();
                                    const transparentColumnIndex = fixedColumns.map(c => c.command).indexOf("transparent");
                                    const leftFixedColumnCount = transparentColumnIndex >= 0 ? transparentColumnIndex : 0;
                                    offset = this._beginPageIndex * this.getColumnPageSize() - leftFixedColumnCount - 1
                                }
                                return offset > 0 ? offset : 0
                            }
                            isVirtualMode() {
                                return (0, _window.hasWindow)() && "virtual" === this.option("scrolling.columnRenderingMode")
                            }
                            setScrollPosition(position, event) {
                                const scrollingTimeout = this.getScrollingTimeout();
                                if (scrollingTimeout > 0) {
                                    clearTimeout(this._changedTimeout);
                                    this._changedTimeout = setTimeout(() => {
                                        this._setScrollPositionCore(position, event)
                                    }, scrollingTimeout)
                                } else {
                                    this._setScrollPositionCore(position, event)
                                }
                            }
                        }
                    },
                    views: {
                        columnHeadersView: Base => class extends(baseView(Base)) {
                            _renderCore() {
                                const deferred = super._renderCore.apply(this, arguments);
                                if (this._columnsController.isVirtualMode()) {
                                    this._updateScrollLeftPosition()
                                }
                                return deferred
                            }
                        },
                        rowsView: Base => class extends(baseView(Base)) {
                            _resizeCore() {
                                super._resizeCore.apply(this, arguments);
                                this._columnsController.resize()
                            }
                            _handleScroll(e) {
                                const left = this.normalizeScrollLeft(e.scrollOffset.left);
                                this._scrollLeft = left;
                                super._handleScroll.apply(this, arguments);
                                this._columnsController.setScrollPosition(left, e.event)
                            }
                            _renderCore(e) {
                                if (null !== e && void 0 !== e && e.virtualColumnsScrolling) {
                                    var _this$_columnsControl, _this$_scrollable;
                                    const $contentElement = this._findContentElement();
                                    const fixedColumns = null === (_this$_columnsControl = this._columnsController) || void 0 === _this$_columnsControl ? void 0 : _this$_columnsControl.getFixedColumns();
                                    const useNativeScrolling = null === (_this$_scrollable = this._scrollable) || void 0 === _this$_scrollable ? void 0 : _this$_scrollable.option("useNative");
                                    const legacyMode = this.option("columnFixing.legacyMode");
                                    if (null !== fixedColumns && void 0 !== fixedColumns && fixedColumns.length) {
                                        if (legacyMode && !useNativeScrolling) {
                                            $contentElement.css({
                                                minHeight: _m_utils.default.getContentHeightLimit(_browser.default)
                                            })
                                        } else {
                                            $contentElement.css({
                                                minHeight: (0, _size.getHeight)($contentElement)
                                            })
                                        }
                                        const resizeCompletedHandler = () => {
                                            this.resizeCompleted.remove(resizeCompletedHandler);
                                            $contentElement.css({
                                                minHeight: ""
                                            })
                                        };
                                        this.resizeCompleted.add(resizeCompletedHandler)
                                    }
                                }
                                return super._renderCore.apply(this, arguments)
                            }
                        }
                    }
                }
            }
        },
        32760(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.createColumnsInfo = function(info, startIndex, endIndex) {
                const newInfo = [];
                foreachColumnInfo(info, (columnInfo, visibleIndex, rowIndex) => {
                    let cell = columnInfo;
                    let colspan;
                    const cellColspan = cell.colspan || 1;
                    const isVisible = visibleIndex + cellColspan - 1 >= startIndex && visibleIndex < endIndex;
                    newInfo[rowIndex] = newInfo[rowIndex] || [];
                    if (isVisible) {
                        if (visibleIndex < startIndex) {
                            colspan = cellColspan - (startIndex - visibleIndex);
                            visibleIndex = startIndex
                        } else {
                            colspan = cellColspan
                        }
                        if (visibleIndex + colspan > endIndex) {
                            colspan = endIndex - visibleIndex
                        }
                        if (colspan !== cellColspan) {
                            cell = (0, _extend.extend)({}, cell, {
                                colspan: colspan
                            })
                        }
                        newInfo[rowIndex].push(cell)
                    } else if (visibleIndex > endIndex) {
                        return false
                    }
                    return
                });
                for (let i = 0; i < newInfo.length; i++) {
                    newInfo[i] = newInfo[i] || []
                }
                return newInfo
            };
            exports.foreachColumnInfo = foreachColumnInfo;
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);

            function foreachColumnInfo(info, callback, rowIndex, offsets, columnCount, lastProcessedIndexes) {
                rowIndex = rowIndex || 0;
                offsets = offsets || [];
                lastProcessedIndexes = lastProcessedIndexes || [];
                offsets[rowIndex] = offsets[rowIndex] || 0;
                const row = info[rowIndex];
                const startIndex = lastProcessedIndexes[rowIndex] + 1 || 0;
                let processedColumnCount = 0;
                let colIndex;
                if (!row) {
                    return
                }
                for (colIndex = startIndex; colIndex < row.length; colIndex++) {
                    const cell = row[colIndex];
                    const visibleIndex = colIndex + offsets[rowIndex];
                    const colspan = cell.colspan || 1;
                    foreachColumnInfo(info, callback, rowIndex + (cell.rowspan || 1), offsets, colspan, lastProcessedIndexes);
                    offsets[rowIndex] += colspan - 1;
                    processedColumnCount += colspan;
                    if (cell.rowspan) {
                        for (let i = rowIndex + 1; i < rowIndex + cell.rowspan; i++) {
                            offsets[i] = offsets[i] || 0;
                            offsets[i] += cell.colspan || 1
                        }
                    }
                    if (false === callback(cell, visibleIndex, rowIndex, colIndex)) {
                        break
                    }
                    if (void 0 !== columnCount && processedColumnCount >= columnCount) {
                        break
                    }
                }
                lastProcessedIndexes[rowIndex] = colIndex
            }
        },
        54988(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.VirtualDataLoader = void 0;
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            const needTwoPagesLoading = that => that.option("scrolling.loadTwoPagesOnStart") || that._controller.isVirtual() || that._controller.getViewportItemIndex() > 0;
            const getBeginPageIndex = that => that._cache.length ? that._cache[0].pageIndex : -1;
            const getEndPageIndex = that => that._cache.length ? that._cache[that._cache.length - 1].pageIndex : -1;
            const fireChanged = (that, changed, args) => {
                that._isChangedFiring = true;
                changed(args);
                that._isChangedFiring = false
            };
            const processDelayChanged = (that, changed, args) => {
                if (that._isDelayChanged) {
                    that._isDelayChanged = false;
                    fireChanged(that, changed, args);
                    return true
                }
            };
            const getPreloadPageCount = (that, previous) => {
                const preloadEnabled = that.option("scrolling.preloadEnabled");
                let pageCount = (that => {
                    const pageSize = that._dataOptions.pageSize();
                    const preventPreload = that.option("scrolling.preventPreload");
                    if (preventPreload) {
                        return 0
                    }
                    let realViewportSize = that._controller.viewportSize();
                    if (that._controller.isVirtualMode() && that.option("scrolling.removeInvisiblePages")) {
                        realViewportSize = 0;
                        const viewportSize = that._controller.viewportSize() * that._controller.viewportItemSize();
                        let offset = that._controller.getContentOffset();
                        const position = that._controller.getViewportPosition();
                        const virtualItemsCount = that._controller.virtualItemsCount();
                        const totalItemsCount = that._dataOptions.totalItemsCount();
                        for (let itemIndex = virtualItemsCount.begin; itemIndex < totalItemsCount; itemIndex++) {
                            if (offset >= position + viewportSize) {
                                break
                            }
                            const itemSize = that._controller.getItemSizes()[itemIndex] || that._controller.viewportItemSize();
                            offset += itemSize;
                            if (offset >= position) {
                                realViewportSize++
                            }
                        }
                    }
                    return pageSize && realViewportSize > 0 ? Math.ceil(realViewportSize / pageSize) : 1
                })(that);
                const isAppendMode = that._controller.isAppendMode();
                if (pageCount) {
                    if (previous) {
                        pageCount = preloadEnabled ? 1 : 0
                    } else {
                        if (preloadEnabled) {
                            pageCount++
                        }
                        if (isAppendMode || !needTwoPagesLoading(that)) {
                            pageCount--
                        }
                    }
                }
                return pageCount
            };
            const processChanged = (that, changed, changeType, isDelayChanged, removeCacheItem) => {
                const dataOptions = that._dataOptions;
                const items = dataOptions.items().slice();
                let change = (0, _type.isObject)(changeType) ? changeType : void 0;
                const isPrepend = "prepend" === changeType;
                const viewportItems = dataOptions.viewportItems();
                if (changeType && (0, _type.isString)(changeType) && !that._isDelayChanged) {
                    change = {
                        changeType: changeType,
                        items: items
                    };
                    if (removeCacheItem) {
                        change.removeCount = removeCacheItem.itemsCount;
                        if (change.removeCount && dataOptions.correctCount) {
                            change.removeCount = dataOptions.correctCount(viewportItems, change.removeCount, isPrepend)
                        }
                    }
                }
                let removeItemCount = removeCacheItem ? removeCacheItem.itemsLength : 0;
                if (removeItemCount && dataOptions.correctCount) {
                    removeItemCount = dataOptions.correctCount(viewportItems, removeItemCount, isPrepend)
                }
                if ("append" === changeType) {
                    viewportItems.push.apply(viewportItems, items);
                    if (removeCacheItem) {
                        viewportItems.splice(0, removeItemCount)
                    }
                } else if (isPrepend) {
                    viewportItems.unshift.apply(viewportItems, items);
                    if (removeCacheItem) {
                        viewportItems.splice(-removeItemCount)
                    }
                } else {
                    that._dataOptions.viewportItems(items)
                }
                dataOptions.updateLoading();
                that._lastPageIndex = that.pageIndex();
                that._isDelayChanged = isDelayChanged;
                if (!isDelayChanged) {
                    fireChanged(that, changed, change)
                }
            };
            exports.VirtualDataLoader = class {
                constructor(controller, dataOptions) {
                    this._dataOptions = dataOptions;
                    this._controller = controller;
                    this._pageIndex = this._lastPageIndex = dataOptions.pageIndex();
                    this._cache = [];
                    this._loadingPageIndexes = {}
                }
                option() {
                    return this._controller.option.apply(this._controller, arguments)
                }
                viewportItemIndexChanged(itemIndex) {
                    const pageSize = this._dataOptions.pageSize();
                    const pageCount = this._dataOptions.pageCount();
                    const virtualMode = this._controller.isVirtualMode();
                    const appendMode = this._controller.isAppendMode();
                    const totalItemsCount = this._dataOptions.totalItemsCount();
                    let newPageIndex;
                    if (pageSize && (virtualMode || appendMode) && totalItemsCount >= 0) {
                        const viewportSize = this._controller.viewportSize();
                        if (viewportSize && itemIndex + viewportSize >= totalItemsCount && !this._controller.isVirtual()) {
                            if (this._dataOptions.hasKnownLastPage()) {
                                newPageIndex = pageCount - 1;
                                const lastPageSize = totalItemsCount % pageSize;
                                if (newPageIndex > 0 && lastPageSize > 0 && lastPageSize < viewportSize) {
                                    newPageIndex--
                                }
                            } else {
                                newPageIndex = pageCount
                            }
                        } else {
                            newPageIndex = Math.floor(itemIndex / pageSize);
                            const maxPageIndex = pageCount - 1;
                            newPageIndex = Math.max(newPageIndex, 0);
                            newPageIndex = Math.min(newPageIndex, maxPageIndex)
                        }
                        this.pageIndex(newPageIndex);
                        return this.load()
                    }
                }
                pageIndex(pageIndex) {
                    const isVirtualMode = this._controller.isVirtualMode();
                    const isAppendMode = this._controller.isAppendMode();
                    if (false !== this.option("scrolling.legacyMode") && (isVirtualMode || isAppendMode)) {
                        if (void 0 !== pageIndex) {
                            this._pageIndex = pageIndex
                        }
                        return this._pageIndex
                    }
                    return this._dataOptions.pageIndex(pageIndex)
                }
                beginPageIndex(defaultPageIndex) {
                    let index = getBeginPageIndex(this);
                    if (index < 0) {
                        index = void 0 !== defaultPageIndex ? defaultPageIndex : this.pageIndex()
                    }
                    return index
                }
                endPageIndex() {
                    const endPageIndex = getEndPageIndex(this);
                    return endPageIndex > 0 ? endPageIndex : this._lastPageIndex
                }
                pageSize() {
                    return this._dataOptions.pageSize()
                }
                load() {
                    const dataOptions = this._dataOptions;
                    let result;
                    const isVirtualMode = this._controller.isVirtualMode();
                    const isAppendMode = this._controller.isAppendMode();
                    if (false !== this.option("scrolling.legacyMode") && (isVirtualMode || isAppendMode)) {
                        const pageIndexForLoad = (that => {
                            let result = -1;
                            const beginPageIndex = getBeginPageIndex(that);
                            const dataOptions = that._dataOptions;
                            if (beginPageIndex < 0) {
                                result = that._pageIndex
                            } else if (!that._cache[that._pageIndex - beginPageIndex]) {
                                result = that._pageIndex
                            } else if (beginPageIndex >= 0 && that._controller.viewportSize() >= 0) {
                                if (beginPageIndex > 0) {
                                    const needToLoadPageBeforeLast = getEndPageIndex(that) + 1 === dataOptions.pageCount() && that._cache.length < getPreloadPageCount(that) + 1;
                                    const needToLoadPrevPage = needToLoadPageBeforeLast || that._pageIndex === beginPageIndex && getPreloadPageCount(that, true);
                                    if (needToLoadPrevPage) {
                                        result = beginPageIndex - 1
                                    }
                                }
                                if (result < 0) {
                                    const needToLoadNextPage = beginPageIndex + that._cache.length <= that._pageIndex + getPreloadPageCount(that);
                                    if (needToLoadNextPage) {
                                        result = beginPageIndex + that._cache.length
                                    }
                                }
                            }
                            if (that._loadingPageIndexes[result]) {
                                result = -1
                            }
                            return result
                        })(this);
                        if (pageIndexForLoad >= 0) {
                            const loadResult = ((that, pageIndex) => {
                                const dataOptions = that._dataOptions;
                                if (pageIndex === that.pageIndex() || !dataOptions.isLoading() && pageIndex < dataOptions.pageCount() || !dataOptions.hasKnownLastPage() && pageIndex === dataOptions.pageCount()) {
                                    dataOptions.pageIndex(pageIndex);
                                    that._loadingPageIndexes[pageIndex] = true;
                                    return (0, _deferred.when)(dataOptions.load()).always(() => {
                                        that._loadingPageIndexes[pageIndex] = false
                                    })
                                }
                            })(this, pageIndexForLoad);
                            if (loadResult) {
                                result = new _deferred.Deferred;
                                loadResult.done(() => {
                                    const delayDeferred = this._delayDeferred;
                                    if (delayDeferred) {
                                        delayDeferred.done(result.resolve).fail(result.reject)
                                    } else {
                                        result.resolve()
                                    }
                                }).fail(result.reject);
                                dataOptions.updateLoading()
                            }
                        }
                    } else {
                        result = dataOptions.load()
                    }
                    if (!result && this._lastPageIndex !== this.pageIndex()) {
                        this._dataOptions.onChanged({
                            changeType: "pageIndex"
                        })
                    }
                    return result || (new _deferred.Deferred).resolve()
                }
                loadIfNeed() {
                    const isVirtualMode = this._controller.isVirtualMode();
                    const isAppendMode = this._controller.isAppendMode();
                    if ((isVirtualMode || isAppendMode) && !this._dataOptions.isLoading() && (!this._isChangedFiring || this._controller.isVirtual())) {
                        const position = this._controller.getViewportPosition();
                        if (position > 0) {
                            this._controller._setViewportPositionCore(position)
                        } else {
                            this.load()
                        }
                    }
                }
                handleDataChanged(callBase, e) {
                    const dataOptions = this._dataOptions;
                    let lastCacheLength = this._cache.length;
                    let changeType;
                    let removeInvisiblePages;
                    const isVirtualMode = this._controller.isVirtualMode();
                    const isAppendMode = this._controller.isAppendMode();
                    if (e && e.changes) {
                        fireChanged(this, callBase, e)
                    } else if (false !== this.option("scrolling.legacyMode") && (isVirtualMode || isAppendMode)) {
                        const beginPageIndex = getBeginPageIndex(this);
                        if (beginPageIndex >= 0) {
                            if (isVirtualMode && beginPageIndex + this._cache.length !== dataOptions.pageIndex() && beginPageIndex - 1 !== dataOptions.pageIndex()) {
                                lastCacheLength = 0;
                                this._cache = []
                            }
                            if (isAppendMode) {
                                if (0 === dataOptions.pageIndex()) {
                                    this._cache = []
                                } else if (dataOptions.pageIndex() < getEndPageIndex(this)) {
                                    fireChanged(this, callBase, {
                                        changeType: "append",
                                        items: []
                                    });
                                    return
                                }
                            }
                        }
                        const cacheItem = {
                            pageIndex: dataOptions.pageIndex(),
                            itemsLength: dataOptions.items(true).length,
                            itemsCount: this.itemsCount(true)
                        };
                        if (this.option("scrolling.removeInvisiblePages") && isVirtualMode) {
                            removeInvisiblePages = this._cache.length > Math.max(getPreloadPageCount(this) + (this.option("scrolling.preloadEnabled") ? 1 : 0), 2)
                        } else {
                            processDelayChanged(this, callBase, {
                                isDelayed: true
                            })
                        }
                        let removeCacheItem;
                        if (beginPageIndex === dataOptions.pageIndex() + 1) {
                            if (removeInvisiblePages) {
                                removeCacheItem = this._cache.pop()
                            }
                            changeType = "prepend";
                            this._cache.unshift(cacheItem)
                        } else {
                            if (removeInvisiblePages) {
                                removeCacheItem = this._cache.shift()
                            }
                            changeType = "append";
                            this._cache.push(cacheItem)
                        }
                        const isDelayChanged = isVirtualMode && 0 === lastCacheLength && needTwoPagesLoading(this);
                        processChanged(this, callBase, this._cache.length > 1 ? changeType : void 0, isDelayChanged, removeCacheItem);
                        this._delayDeferred = this.load().done(() => {
                            if (processDelayChanged(this, callBase)) {
                                this.load()
                            }
                        })
                    } else {
                        processChanged(this, callBase, e)
                    }
                }
                getDelayDeferred() {
                    return this._delayDeferred
                }
                itemsCount(isBase) {
                    let count = 0;
                    const isVirtualMode = this._controller.isVirtualMode();
                    if (!isBase && isVirtualMode) {
                        this._cache.forEach(cacheItem => {
                            count += cacheItem.itemsCount
                        })
                    } else {
                        count = this._dataOptions.itemsCount()
                    }
                    return count
                }
                virtualItemsCount() {
                    let pageIndex = getBeginPageIndex(this);
                    if (pageIndex < 0) {
                        pageIndex = this._dataOptions.pageIndex()
                    }
                    const beginItemsCount = pageIndex * this._dataOptions.pageSize();
                    const itemsCount = this._cache.length * this._dataOptions.pageSize();
                    const endItemsCount = Math.max(0, this._dataOptions.totalItemsCount() - itemsCount - beginItemsCount);
                    return {
                        begin: beginItemsCount,
                        end: endItemsCount
                    }
                }
                reset() {
                    this._loadingPageIndexes = {};
                    this._cache = []
                }
            }
        },
        21640(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.virtualScrollingModule = exports.rowsView = exports.resizing = exports.dataSourceAdapterExtender = exports.data = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/browser */ 48314));
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _dom = __webpack_require__( /*! ../../../../core/utils/dom */ 86858);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _load_indicator = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/load_indicator */ 11979));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/widget/ui.errors */ 35185));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _m_virtual_scrolling_core = __webpack_require__( /*! ./m_virtual_scrolling_core */ 89272);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const LEGACY_SCROLLING_MODE = "scrolling.legacyMode";
            const PAGING_METHOD_NAMES = ["beginPageIndex", "endPageIndex", "pageIndex"];
            const isVirtualMode = function(that) {
                return "virtual" === that.option("scrolling.mode")
            };
            const isAppendMode = function(that) {
                return "infinite" === that.option("scrolling.mode")
            };
            const isVirtualPaging = function(that) {
                return isVirtualMode(that) || isAppendMode(that)
            };
            const correctCount = function(items, count, fromEnd, isItemCountableFunc) {
                for (let i = 0; i < count + 1; i++) {
                    const item = items[fromEnd ? items.length - 1 - i : i];
                    if (item && !isItemCountableFunc(item, i === count, fromEnd)) {
                        count++
                    }
                }
                return count
            };
            const isItemCountableByDataSource = function(item, dataSource) {
                return "data" === item.rowType && !item.isNewRow || "group" === item.rowType && dataSource.isGroupItemCountable(item.data)
            };
            const updateLoading = function(that) {
                const beginPageIndex = that._virtualScrollController.beginPageIndex(-1);
                if (isVirtualMode(that)) {
                    if (beginPageIndex < 0 || that.viewportSize() >= 0 && that.getViewportItemIndex() >= 0 && (beginPageIndex * that.pageSize() > that.getViewportItemIndex() || beginPageIndex * that.pageSize() + that.itemsCount() < that.getViewportItemIndex() + that.viewportSize()) && that._dataSource.isLoading()) {
                        if (!that._isLoading) {
                            that._isLoading = true;
                            that.loadingChanged.fire(true)
                        }
                    } else if (that._isLoading) {
                        that._isLoading = false;
                        that.loadingChanged.fire(false)
                    }
                }
            };
            const proxyDataSourceAdapterMethod = function(that, methodName, args) {
                if (false === that.option(LEGACY_SCROLLING_MODE) && PAGING_METHOD_NAMES.includes(methodName)) {
                    const dataSource = that._dataSource;
                    return dataSource.pageIndex.apply(dataSource, args)
                }
                const virtualScrollController = that._virtualScrollController;
                return virtualScrollController[methodName].apply(virtualScrollController, args)
            };
            const removeEmptyRows = function($emptyRows, className) {
                const tBodies = $emptyRows.toArray().map(row => (0, _renderer.default)(row).parent(`.${className}`).get(0)).filter(row => row);
                if (tBodies.length) {
                    $emptyRows = (0, _renderer.default)(tBodies)
                }
                const rowCount = "dx-freespace-row" === className ? $emptyRows.length - 1 : $emptyRows.length;
                for (let i = 0; i < rowCount; i++) {
                    $emptyRows.eq(i).remove()
                }
            };
            exports.dataSourceAdapterExtender = Base => class extends Base {
                init() {
                    super.init.apply(this, arguments);
                    this._items = [];
                    this._totalCount = -1;
                    this._isLoaded = true;
                    this._loadPageCount = 1;
                    this._virtualScrollController = new _m_virtual_scrolling_core.VirtualScrollController(this.component, this._getVirtualScrollDataOptions())
                }
                dispose() {
                    this._virtualScrollController.dispose();
                    super.dispose.apply(this, arguments)
                }
                _getVirtualScrollDataOptions() {
                    const that = this;
                    return {
                        pageSize: () => that.pageSize(),
                        totalItemsCount: () => that.totalItemsCount(),
                        hasKnownLastPage: () => that.hasKnownLastPage(),
                        pageIndex: index => that._dataSource.pageIndex(index),
                        isLoading: () => that._dataSource.isLoading() && !that.isCustomLoading(),
                        pageCount: () => that.pageCount(),
                        load: () => that._dataSource.load(),
                        updateLoading() {
                            updateLoading(that)
                        },
                        itemsCount: () => that.itemsCount(true),
                        items: () => that._dataSource.items(),
                        viewportItems(items) {
                            if (items) {
                                that._items = items
                            }
                            return that._items
                        },
                        onChanged(e) {
                            that.changed.fire(e)
                        },
                        changingDuration() {
                            if (that.isLoading()) {
                                return 300
                            }
                            return that._renderTime || 0
                        }
                    }
                }
                _handleLoadingChanged(isLoading) {
                    if (false === this.option(LEGACY_SCROLLING_MODE)) {
                        super._handleLoadingChanged.apply(this, arguments);
                        return
                    }
                    if (!isVirtualMode(this) || this._isLoadingAll) {
                        this._isLoading = isLoading;
                        super._handleLoadingChanged.apply(this, arguments)
                    }
                    if (isLoading) {
                        this._startLoadTime = new Date
                    } else {
                        this._startLoadTime = void 0
                    }
                }
                _handleLoadError() {
                    if (false !== this.option(LEGACY_SCROLLING_MODE)) {
                        this._isLoading = false;
                        this.loadingChanged.fire(false)
                    }
                    super._handleLoadError.apply(this, arguments)
                }
                _handleDataChanged(e) {
                    if (false === this.option(LEGACY_SCROLLING_MODE)) {
                        this._items = this._dataSource.items().slice();
                        this._totalCount = this._dataSourceTotalCount(true);
                        super._handleDataChanged.apply(this, arguments);
                        return
                    }
                    const callBase = super._handleDataChanged.bind(this);
                    this._virtualScrollController.handleDataChanged(callBase, e)
                }
                _customizeRemoteOperations(options, operationTypes) {
                    const newMode = false === this.option(LEGACY_SCROLLING_MODE);
                    let renderAsync = this.option("scrolling.renderAsync");
                    if (!(0, _type.isDefined)(renderAsync)) {
                        renderAsync = this._renderTime >= this.option("scrolling.renderingThreshold")
                    }
                    if ((isVirtualMode(this) || isAppendMode(this) && newMode) && !operationTypes.reload && (operationTypes.skip || newMode) && !renderAsync) {
                        options.delay = void 0
                    }
                    super._customizeRemoteOperations.apply(this, arguments)
                }
                items() {
                    return this._items
                }
                _dataSourceTotalCount(isBase) {
                    return false === this.option(LEGACY_SCROLLING_MODE) && isVirtualMode(this) && !isBase ? this._totalCount : super._dataSourceTotalCount()
                }
                itemsCount(isBase) {
                    if (isBase || false === this.option(LEGACY_SCROLLING_MODE)) {
                        return super.itemsCount()
                    }
                    return this._virtualScrollController.itemsCount()
                }
                load(loadOptions) {
                    if (false === this.option(LEGACY_SCROLLING_MODE) || loadOptions) {
                        return super.load(loadOptions)
                    }
                    return this._virtualScrollController.load()
                }
                isLoading() {
                    return false === this.option(LEGACY_SCROLLING_MODE) ? this._dataSource.isLoading() : this._isLoading
                }
                isLoaded() {
                    return this._dataSource.isLoaded() && this._isLoaded
                }
                resetPagesCache(isLiveUpdate) {
                    if (!isLiveUpdate) {
                        this._virtualScrollController.reset(true)
                    }
                    super.resetPagesCache.apply(this, arguments)
                }
                _changeRowExpandCore() {
                    const result = super._changeRowExpandCore.apply(this, arguments);
                    if (false === this.option(LEGACY_SCROLLING_MODE)) {
                        return result
                    }
                    this.resetPagesCache();
                    updateLoading(this);
                    return result
                }
                reload() {
                    this._dataSource.pageIndex(this.pageIndex());
                    const virtualScrollController = this._virtualScrollController;
                    if (false !== this.option(LEGACY_SCROLLING_MODE) && virtualScrollController) {
                        const d = new _deferred.Deferred;
                        super.reload.apply(this, arguments).done(r => {
                            const delayDeferred = virtualScrollController.getDelayDeferred();
                            if (delayDeferred) {
                                delayDeferred.done(d.resolve).fail(d.reject)
                            } else {
                                d.resolve(r)
                            }
                        }).fail(d.reject);
                        return d
                    }
                    return super.reload.apply(this, arguments)
                }
                refresh(options, operationTypes) {
                    if (false !== this.option(LEGACY_SCROLLING_MODE)) {
                        const {
                            storeLoadOptions: storeLoadOptions
                        } = options;
                        const dataSource = this._dataSource;
                        if (operationTypes.reload) {
                            this._virtualScrollController.reset();
                            dataSource.items().length = 0;
                            this._isLoaded = false;
                            updateLoading(this);
                            this._isLoaded = true;
                            if (isAppendMode(this)) {
                                this.pageIndex(0);
                                dataSource.pageIndex(0);
                                storeLoadOptions.pageIndex = 0;
                                options.pageIndex = 0;
                                storeLoadOptions.skip = 0
                            } else {
                                dataSource.pageIndex(this.pageIndex());
                                if (dataSource.paginate()) {
                                    options.pageIndex = this.pageIndex();
                                    storeLoadOptions.skip = this.pageIndex() * this.pageSize()
                                }
                            }
                        } else if (isAppendMode(this) && storeLoadOptions.skip && this._totalCountCorrection < 0) {
                            storeLoadOptions.skip += this._totalCountCorrection
                        }
                    }
                    return super.refresh.apply(this, arguments)
                }
                loadPageCount(count) {
                    if (!(0, _type.isDefined)(count)) {
                        return this._loadPageCount
                    }
                    this._loadPageCount = count
                }
                _handleDataLoading(options) {
                    const loadPageCount = this.loadPageCount();
                    const pageSize = this.pageSize();
                    const newMode = false === this.option(LEGACY_SCROLLING_MODE);
                    const {
                        storeLoadOptions: storeLoadOptions
                    } = options;
                    const takeIsDefined = (0, _type.isDefined)(storeLoadOptions.take);
                    options.loadPageCount = loadPageCount;
                    if (!options.isCustomLoading && newMode && takeIsDefined && loadPageCount > 1 && pageSize > 0) {
                        storeLoadOptions.take = loadPageCount * pageSize
                    }
                    super._handleDataLoading.apply(this, arguments)
                }
                _loadPageSize() {
                    return super._loadPageSize.apply(this, arguments) * this.loadPageCount()
                }
                beginPageIndex() {
                    return proxyDataSourceAdapterMethod(this, "beginPageIndex", [...arguments])
                }
                endPageIndex() {
                    return proxyDataSourceAdapterMethod(this, "endPageIndex", [...arguments])
                }
                pageIndex(pageIndex) {
                    return proxyDataSourceAdapterMethod(this, "pageIndex", [...arguments])
                }
                virtualItemsCount() {
                    return proxyDataSourceAdapterMethod(this, "virtualItemsCount", [...arguments])
                }
                getContentOffset() {
                    return proxyDataSourceAdapterMethod(this, "getContentOffset", [...arguments])
                }
                getVirtualContentSize() {
                    return proxyDataSourceAdapterMethod(this, "getVirtualContentSize", [...arguments])
                }
                setContentItemSizes() {
                    return proxyDataSourceAdapterMethod(this, "setContentItemSizes", [...arguments])
                }
                setViewportPosition() {
                    return proxyDataSourceAdapterMethod(this, "setViewportPosition", [...arguments])
                }
                getViewportItemIndex() {
                    return proxyDataSourceAdapterMethod(this, "getViewportItemIndex", [...arguments])
                }
                setViewportItemIndex(viewportItemIndex) {
                    return proxyDataSourceAdapterMethod(this, "setViewportItemIndex", [...arguments])
                }
                getItemIndexByPosition() {
                    return proxyDataSourceAdapterMethod(this, "getItemIndexByPosition", [...arguments])
                }
                viewportSize() {
                    return proxyDataSourceAdapterMethod(this, "viewportSize", [...arguments])
                }
                viewportItemSize() {
                    return proxyDataSourceAdapterMethod(this, "viewportItemSize", [...arguments])
                }
                getItemSize() {
                    return proxyDataSourceAdapterMethod(this, "getItemSize", [...arguments])
                }
                getItemSizes() {
                    return proxyDataSourceAdapterMethod(this, "getItemSizes", [...arguments])
                }
                loadIfNeed() {
                    return proxyDataSourceAdapterMethod(this, "loadIfNeed", [...arguments])
                }
            };
            const data = Base => class extends Base {
                dispose() {
                    const rowsScrollController = this._rowsScrollController;
                    rowsScrollController && rowsScrollController.dispose();
                    super.dispose.apply(this, arguments)
                }
                _refreshDataSource() {
                    const baseResult = super._refreshDataSource.apply(this, arguments) || (new _deferred.Deferred).resolve().promise();
                    baseResult.done(this.initVirtualRows.bind(this));
                    return baseResult
                }
                _loadDataSource() {
                    if (this._rowsScrollController && isVirtualPaging(this)) {
                        var _this$_dataSource;
                        const {
                            loadPageCount: loadPageCount
                        } = (0, _type.isDefined)(this._loadViewportParams) ? this.getLoadPageParams(): {
                            loadPageCount: 0
                        };
                        loadPageCount >= 1 && (null === (_this$_dataSource = this._dataSource) || void 0 === _this$_dataSource ? void 0 : _this$_dataSource.loadPageCount(loadPageCount))
                    }
                    return super._loadDataSource.apply(this, arguments)
                }
                getRowPageSize() {
                    const rowPageSize = this.option("scrolling.rowPageSize");
                    const pageSize = this.pageSize();
                    return pageSize && pageSize < rowPageSize ? pageSize : rowPageSize
                }
                reload() {
                    const rowsScrollController = this._rowsScrollController || this._dataSource;
                    const itemIndex = null === rowsScrollController || void 0 === rowsScrollController ? void 0 : rowsScrollController.getItemIndexByPosition();
                    const result = super.reload.apply(this, arguments);
                    return null === result || void 0 === result ? void 0 : result.done(() => {
                        if (isVirtualMode(this) || _m_utils.default.isVirtualRowRendering(this)) {
                            const rowIndexOffset = this.getRowIndexOffset();
                            const rowIndex = Math.floor(itemIndex) - rowIndexOffset;
                            const {
                                component: component
                            } = this;
                            const scrollable = component.getScrollable && component.getScrollable();
                            const isSortingOperation = this.dataSource().operationTypes().sorting;
                            if (scrollable && !isSortingOperation && rowIndex >= 0) {
                                var _$rowElement$position;
                                const rowElement = component.getRowElement(rowIndex);
                                const $rowElement = (null === rowElement || void 0 === rowElement ? void 0 : rowElement[0]) && (0, _renderer.default)(rowElement[0]);
                                let top = null === $rowElement || void 0 === $rowElement || null === (_$rowElement$position = $rowElement.position()) || void 0 === _$rowElement$position ? void 0 : _$rowElement$position.top;
                                const isChromeLatest = _browser.default.chrome && Number(_browser.default.version ?? 0) >= 91;
                                const allowedTopOffset = _browser.default.mozilla || isChromeLatest ? 1 : 0;
                                if (top && top > allowedTopOffset) {
                                    top = Math.round(top + (0, _size.getOuterHeight)($rowElement) * (itemIndex % 1));
                                    scrollable.scrollTo({
                                        y: top
                                    })
                                }
                            }
                        }
                    })
                }
                initVirtualRows() {
                    const virtualRowsRendering = _m_utils.default.isVirtualRowRendering(this);
                    this._allItems = null;
                    this._loadViewportParams = null;
                    if ("virtual" !== this.option("scrolling.mode") && !virtualRowsRendering || !virtualRowsRendering || false !== this.option(LEGACY_SCROLLING_MODE) && !this.option("scrolling.rowPageSize")) {
                        this._visibleItems = null;
                        this._rowsScrollController = null;
                        return
                    }
                    const pageIndex = !isVirtualMode(this) && this.pageIndex() >= this.pageCount() ? this.pageCount() - 1 : this.pageIndex();
                    this._rowPageIndex = Math.ceil(pageIndex * this.pageSize() / this.getRowPageSize());
                    this._visibleItems = false === this.option(LEGACY_SCROLLING_MODE) ? null : [];
                    this._viewportChanging = false;
                    this._needUpdateViewportAfterLoading = false;
                    if (!this._rowsScrollController) {
                        this._rowsScrollController = new _m_virtual_scrolling_core.VirtualScrollController(this.component, this._getRowsScrollDataOptions(), true);
                        this._rowsScrollController.positionChanged.add(() => {
                            var _this$_dataSource2;
                            if (false === this.option(LEGACY_SCROLLING_MODE)) {
                                this._viewportChanging = true;
                                this.loadViewport();
                                this._viewportChanging = false;
                                return
                            }
                            null === (_this$_dataSource2 = this._dataSource) || void 0 === _this$_dataSource2 || _this$_dataSource2.setViewportItemIndex(this._rowsScrollController.getViewportItemIndex())
                        })
                    }
                    if (false === this.option(LEGACY_SCROLLING_MODE)) {
                        this._updateLoadViewportParams()
                    }
                    if (this.isLoaded() && false !== this.option(LEGACY_SCROLLING_MODE)) {
                        this._rowsScrollController.load()
                    }
                }
                _getRowsScrollDataOptions() {
                    const that = this;
                    const isItemCountable = function(item) {
                        return isItemCountableByDataSource(item, that._dataSource)
                    };
                    return {
                        pageSize: () => that.getRowPageSize(),
                        loadedOffset() {
                            var _that$_dataSource;
                            return isVirtualMode(that) && (null === (_that$_dataSource = that._dataSource) || void 0 === _that$_dataSource ? void 0 : _that$_dataSource.lastLoadOptions().skip) || 0
                        },
                        loadedItemCount: () => that._itemCount,
                        totalItemsCount() {
                            if (isVirtualPaging(that)) {
                                return that.totalItemsCount()
                            }
                            return false === that.option(LEGACY_SCROLLING_MODE) ? that._itemCount : that._items.filter(isItemCountable).length
                        },
                        hasKnownLastPage: () => false === that.option(LEGACY_SCROLLING_MODE) ? that.hasKnownLastPage() : true,
                        pageIndex(index) {
                            if (void 0 !== index) {
                                that._rowPageIndex = index
                            }
                            return that._rowPageIndex
                        },
                        isLoading: () => that.isLoading(),
                        pageCount() {
                            const pageCount = Math.ceil(this.totalItemsCount() / this.pageSize());
                            return pageCount || 1
                        },
                        load() {
                            if (that._rowsScrollController.pageIndex() >= this.pageCount()) {
                                that._rowPageIndex = this.pageCount() - 1;
                                that._rowsScrollController.pageIndex(that._rowPageIndex)
                            }
                            if (!this.items().length && this.totalItemsCount()) {
                                return
                            }
                            that._rowsScrollController.handleDataChanged(change => {
                                change = change || {};
                                change.changeType = change.changeType || "refresh";
                                change.items = change.items || that._visibleItems;
                                that._visibleItems.forEach((item, index) => {
                                    item.rowIndex = index
                                });
                                that._fireChanged(change)
                            })
                        },
                        updateLoading() {},
                        itemsCount() {
                            return this.items(true).length
                        },
                        correctCount: (items, count, fromEnd) => correctCount(items, count, fromEnd, (item, isNextAfterLast, fromEnd) => {
                            if (item.isNewRow) {
                                return isNextAfterLast && !fromEnd
                            }
                            if (isNextAfterLast && fromEnd) {
                                return !item.isNewRow
                            }
                            return isItemCountable(item)
                        }),
                        items(countableOnly) {
                            let result = that._items;
                            if (that.option(LEGACY_SCROLLING_MODE)) {
                                const dataSource = that.dataSource();
                                const virtualItemsCount = null === dataSource || void 0 === dataSource ? void 0 : dataSource.virtualItemsCount();
                                const begin = virtualItemsCount ? virtualItemsCount.begin : 0;
                                const rowPageSize = that.getRowPageSize();
                                let skip = that._rowPageIndex * rowPageSize - begin;
                                let take = rowPageSize;
                                if (skip < 0) {
                                    return []
                                }
                                if (skip) {
                                    skip = this.correctCount(result, skip);
                                    result = result.slice(skip)
                                }
                                if (take) {
                                    take = this.correctCount(result, take);
                                    result = result.slice(0, take)
                                }
                            }
                            return countableOnly ? result.filter(isItemCountable) : result
                        },
                        viewportItems(items) {
                            if (items && false !== that.option(LEGACY_SCROLLING_MODE)) {
                                that._visibleItems = items
                            }
                            return that._visibleItems
                        },
                        onChanged() {},
                        changingDuration() {
                            const dataSource = that.dataSource();
                            if (null !== dataSource && void 0 !== dataSource && dataSource.isLoading() && false !== that.option(LEGACY_SCROLLING_MODE)) {
                                return 300
                            }
                            return (null === dataSource || void 0 === dataSource ? void 0 : dataSource._renderTime) || 0
                        }
                    }
                }
                _updateItemsCore(change) {
                    const delta = this.getRowIndexDelta();
                    super._updateItemsCore.apply(this, arguments);
                    if (false === this.option(LEGACY_SCROLLING_MODE) && _m_utils.default.isVirtualRowRendering(this)) {
                        if ("update" === change.changeType && 0 === change.rowIndices.length && change.cancelEmptyChanges) {
                            change.cancel = true
                        }
                        return
                    }
                    const rowsScrollController = this._rowsScrollController;
                    if (rowsScrollController) {
                        const visibleItems = this._visibleItems;
                        const isRefresh = "refresh" === change.changeType || change.isLiveUpdate;
                        if ("append" === change.changeType && change.items && !change.items.length) {
                            return
                        }
                        if (isRefresh || "append" === change.changeType || "prepend" === change.changeType) {
                            change.cancel = true;
                            isRefresh && rowsScrollController.reset(true);
                            rowsScrollController.load()
                        } else {
                            if ("update" === change.changeType) {
                                change.rowIndices.forEach((rowIndex, index) => {
                                    const changeType = change.changeTypes[index];
                                    const newItem = change.items[index];
                                    if ("update" === changeType) {
                                        visibleItems[rowIndex] = newItem
                                    } else if ("insert" === changeType) {
                                        visibleItems.splice(rowIndex, 0, newItem)
                                    } else if ("remove" === changeType) {
                                        visibleItems.splice(rowIndex, 1)
                                    }
                                })
                            } else {
                                visibleItems.forEach((item, index) => {
                                    visibleItems[index] = this._items[index + delta] || visibleItems[index]
                                });
                                change.items = visibleItems
                            }! function(items) {
                                items.forEach((item, index) => {
                                    item.rowIndex = index
                                });
                                return items
                            }(visibleItems)
                        }
                    }
                }
                _updateLoadViewportParams() {
                    const viewportParams = this._rowsScrollController.getViewportParams();
                    const pageSize = this.pageSize();
                    if (viewportParams && !isVirtualPaging(this) && pageSize > 0) {
                        const pageOffset = this.pageIndex() * pageSize;
                        viewportParams.skip += pageOffset
                    }
                    this._loadViewportParams = viewportParams
                }
                _processItems() {
                    const resultItems = super._processItems.apply(this, arguments);
                    if (false === this.option(LEGACY_SCROLLING_MODE)) {
                        const dataSource = this._dataSource;
                        let currentIndex = (null === dataSource || void 0 === dataSource ? void 0 : dataSource.lastLoadOptions().skip) ?? 0;
                        let prevCountable;
                        let prevRowType;
                        let isPrevRowNew;
                        let wasCountableItem = false;
                        let newRows = [];
                        resultItems.forEach(item => {
                            const {
                                rowType: rowType
                            } = item;
                            const itemCountable = isItemCountableByDataSource(item, dataSource);
                            const isNextGroupItem = "group" === rowType && (prevCountable || "group" !== prevRowType && currentIndex > 0);
                            const isNextDataItem = "data" === rowType && itemCountable && (prevCountable || "group" !== prevRowType);
                            if (!item.isNewRow && (0, _type.isDefined)(prevCountable)) {
                                const isPrevNewRowFirst = isPrevRowNew && !wasCountableItem;
                                if ((isNextGroupItem || isNextDataItem) && !isPrevNewRowFirst) {
                                    currentIndex++
                                }
                            }
                            if (isNextGroupItem || isNextDataItem) {
                                wasCountableItem = true
                            }
                            if (item.isNewRow) {
                                newRows.push(item)
                            } else {
                                newRows.forEach(it => {
                                    it.loadIndex = currentIndex
                                });
                                newRows = []
                            }
                            item.loadIndex = currentIndex;
                            prevCountable = itemCountable;
                            prevRowType = rowType;
                            isPrevRowNew = item.isNewRow
                        });
                        newRows.forEach(it => {
                            it.loadIndex = currentIndex
                        })
                    }
                    return resultItems
                }
                _afterProcessItems(items) {
                    this._itemCount = items.filter(item => isItemCountableByDataSource(item, this._dataSource)).length;
                    if ((0, _type.isDefined)(this._loadViewportParams)) {
                        this._updateLoadViewportParams();
                        let result = items;
                        this._allItems = items;
                        if (items.length) {
                            const {
                                skipForCurrentPage: skipForCurrentPage
                            } = this.getLoadPageParams(true);
                            const skip = items[0].loadIndex + skipForCurrentPage;
                            const {
                                take: take
                            } = this._loadViewportParams;
                            result = items.filter(it => {
                                const isNewRowInEmptyData = it.isNewRow && it.loadIndex === skip && 0 === take;
                                const isLoadIndexGreaterStart = it.loadIndex >= skip;
                                const isLoadIndexLessEnd = it.loadIndex < skip + take || isNewRowInEmptyData;
                                return isLoadIndexGreaterStart && isLoadIndexLessEnd
                            })
                        }
                        return result
                    }
                    return super._afterProcessItems.apply(this, arguments)
                }
                _applyChange(change) {
                    const that = this;
                    const {
                        items: items
                    } = change;
                    const {
                        changeType: changeType
                    } = change;
                    let {
                        removeCount: removeCount
                    } = change;
                    if (removeCount) {
                        const fromEnd = "prepend" === changeType;
                        removeCount = correctCount(that._items, removeCount, fromEnd, (item, isNextAfterLast) => "data" === item.rowType && !item.isNewRow || "group" === item.rowType && (that._dataSource.isGroupItemCountable(item.data) || isNextAfterLast));
                        change.removeCount = removeCount
                    }
                    switch (changeType) {
                        case "prepend":
                            that._items.unshift.apply(that._items, items);
                            if (removeCount) {
                                that._items.splice(-removeCount)
                            }
                            break;
                        case "append":
                            that._items.push.apply(that._items, items);
                            if (removeCount) {
                                that._items.splice(0, removeCount)
                            }
                            break;
                        default:
                            super._applyChange(change)
                    }
                }
                items(allItems) {
                    return allItems ? this._allItems || this._items : this._visibleItems || this._items
                }
                getRowIndexDelta() {
                    let delta = 0;
                    if (this.option(LEGACY_SCROLLING_MODE)) {
                        const visibleItems = this._visibleItems;
                        if (null !== visibleItems && void 0 !== visibleItems && visibleItems[0]) {
                            delta = this._items.indexOf(visibleItems[0])
                        }
                    }
                    return delta < 0 ? 0 : delta
                }
                getRowIndexOffset(byLoadedRows, needGroupOffset) {
                    let offset = 0;
                    const dataSource = this.dataSource();
                    const rowsScrollController = this._rowsScrollController;
                    const newMode = false === this.option(LEGACY_SCROLLING_MODE);
                    const virtualPaging = isVirtualPaging(this);
                    if (rowsScrollController && !byLoadedRows) {
                        if (newMode && (0, _type.isDefined)(this._loadViewportParams)) {
                            const {
                                skipForCurrentPage: skipForCurrentPage,
                                pageIndex: pageIndex
                            } = this.getLoadPageParams(true);
                            const items = this.items(true);
                            offset = virtualPaging ? pageIndex * this.pageSize() : 0;
                            if (items.length) {
                                const firstLoadIndex = items[0].loadIndex;
                                offset += items.filter(item => item.loadIndex < firstLoadIndex + skipForCurrentPage).length
                            }
                        } else {
                            offset = rowsScrollController.beginPageIndex() * rowsScrollController.pageSize()
                        }
                    } else if (virtualPaging && newMode && dataSource) {
                        var _lastLoadOptions$skip;
                        const lastLoadOptions = dataSource.lastLoadOptions();
                        if (needGroupOffset && null !== (_lastLoadOptions$skip = lastLoadOptions.skips) && void 0 !== _lastLoadOptions$skip && _lastLoadOptions$skip.length) {
                            offset = lastLoadOptions.skips.reduce((res, skip) => res + skip, 0)
                        } else {
                            offset = lastLoadOptions.skip ?? 0
                        }
                    } else if (isVirtualMode(this) && dataSource) {
                        offset = dataSource.beginPageIndex() * dataSource.pageSize()
                    }
                    return offset
                }
                getDataIndex() {
                    if (false === this.option(LEGACY_SCROLLING_MODE)) {
                        return this.getRowIndexOffset(true, true)
                    }
                    return super.getDataIndex.apply(this, arguments)
                }
                viewportSize() {
                    const rowsScrollController = this._rowsScrollController;
                    const dataSource = this._dataSource;
                    const result = null === rowsScrollController || void 0 === rowsScrollController ? void 0 : rowsScrollController.viewportSize.apply(rowsScrollController, arguments);
                    if (false === this.option(LEGACY_SCROLLING_MODE)) {
                        return result
                    }
                    return null === dataSource || void 0 === dataSource ? void 0 : dataSource.viewportSize.apply(dataSource, arguments)
                }
                viewportHeight(height, scrollTop) {
                    var _this$_rowsScrollCont;
                    null === (_this$_rowsScrollCont = this._rowsScrollController) || void 0 === _this$_rowsScrollCont || _this$_rowsScrollCont.viewportHeight(height, scrollTop)
                }
                viewportItemSize() {
                    const rowsScrollController = this._rowsScrollController;
                    const dataSource = this._dataSource;
                    const result = null === rowsScrollController || void 0 === rowsScrollController ? void 0 : rowsScrollController.viewportItemSize.apply(rowsScrollController, arguments);
                    if (false === this.option(LEGACY_SCROLLING_MODE)) {
                        return result
                    }
                    return null === dataSource || void 0 === dataSource ? void 0 : dataSource.viewportItemSize.apply(dataSource, arguments)
                }
                setViewportPosition() {
                    const rowsScrollController = this._rowsScrollController;
                    const dataSource = this._dataSource;
                    this._isPaging = false;
                    if (rowsScrollController) {
                        rowsScrollController.setViewportPosition.apply(rowsScrollController, arguments)
                    } else {
                        null === dataSource || void 0 === dataSource || dataSource.setViewportPosition.apply(dataSource, arguments)
                    }
                }
                setContentItemSizes(sizes) {
                    const rowsScrollController = this._rowsScrollController;
                    const dataSource = this._dataSource;
                    const result = null === rowsScrollController || void 0 === rowsScrollController ? void 0 : rowsScrollController.setContentItemSizes(sizes);
                    if (false === this.option(LEGACY_SCROLLING_MODE)) {
                        return result
                    }
                    return null === dataSource || void 0 === dataSource ? void 0 : dataSource.setContentItemSizes(sizes)
                }
                getPreloadedRowCount() {
                    const preloadCount = this.option("scrolling.preloadedRowCount");
                    const preloadEnabled = this.option("scrolling.preloadEnabled");
                    if ((0, _type.isDefined)(preloadCount)) {
                        return preloadCount
                    }
                    const viewportSize = this.viewportSize();
                    return preloadEnabled ? 2 * viewportSize : viewportSize
                }
                getLoadPageParams(byLoadedPage) {
                    var _this$_dataSource3, _this$_dataSource4;
                    const pageSize = this.pageSize();
                    const viewportParams = this._loadViewportParams;
                    const lastLoadOptions = null === (_this$_dataSource3 = this._dataSource) || void 0 === _this$_dataSource3 ? void 0 : _this$_dataSource3.lastLoadOptions();
                    const loadedPageIndex = (null === lastLoadOptions || void 0 === lastLoadOptions ? void 0 : lastLoadOptions.pageIndex) || 0;
                    const loadedTake = (null === lastLoadOptions || void 0 === lastLoadOptions ? void 0 : lastLoadOptions.take) || 0;
                    const isScrollingBack = this._rowsScrollController.isScrollingBack();
                    const topPreloadCount = isScrollingBack ? this.getPreloadedRowCount() : 0;
                    const bottomPreloadCount = isScrollingBack ? 0 : this.getPreloadedRowCount();
                    const totalCountCorrection = (null === (_this$_dataSource4 = this._dataSource) || void 0 === _this$_dataSource4 ? void 0 : _this$_dataSource4.totalCountCorrection()) || 0;
                    const skipWithPreload = Math.max(0, viewportParams.skip - topPreloadCount);
                    const pageIndex = byLoadedPage ? loadedPageIndex : Math.floor(pageSize ? skipWithPreload / pageSize : 0);
                    const pageOffset = pageIndex * pageSize;
                    const skipForCurrentPage = viewportParams.skip - pageOffset;
                    const loadingTake = viewportParams.take + skipForCurrentPage + bottomPreloadCount - totalCountCorrection;
                    const take = byLoadedPage ? loadedTake : loadingTake;
                    const loadPageCount = Math.ceil(pageSize ? take / pageSize : 0);
                    return {
                        pageIndex: pageIndex,
                        loadPageCount: Math.max(1, loadPageCount),
                        skipForCurrentPage: Math.max(0, skipForCurrentPage)
                    }
                }
                _updateVisiblePageIndex(currentPageIndex) {
                    if (!this._rowsScrollController) {
                        return
                    }
                    if ((0, _type.isDefined)(currentPageIndex)) {
                        this._silentOption("paging.pageIndex", currentPageIndex);
                        this.pageChanged.fire();
                        return
                    }
                    const viewPortItemIndex = this._rowsScrollController.getViewportItemIndex();
                    const newPageIndex = Math.floor(viewPortItemIndex / this.pageSize());
                    if (this.pageIndex() !== newPageIndex) {
                        this._silentOption("paging.pageIndex", newPageIndex);
                        this.updateItems({
                            changeType: "pageIndex"
                        })
                    }
                }
                _getChangedLoadParams() {
                    const loadedPageParams = this.getLoadPageParams(true);
                    const {
                        pageIndex: pageIndex,
                        loadPageCount: loadPageCount
                    } = this.getLoadPageParams();
                    const pageIndexIsValid = this._pageIndexIsValid(pageIndex);
                    let result = null;
                    if (!this._isLoading && pageIndexIsValid && (pageIndex !== loadedPageParams.pageIndex || loadPageCount !== loadedPageParams.loadPageCount)) {
                        result = {
                            pageIndex: pageIndex,
                            loadPageCount: loadPageCount
                        }
                    }
                    return result
                }
                _pageIndexIsValid(pageIndex) {
                    let result = true;
                    if (isAppendMode(this) && this.hasKnownLastPage() || isVirtualMode(this)) {
                        result = pageIndex * this.pageSize() < this.totalItemsCount()
                    }
                    return result
                }
                _loadItems(checkLoading, viewportIsFilled) {
                    const virtualPaging = isVirtualPaging(this);
                    const dataSourceAdapter = this._dataSource;
                    const changedParams = this._getChangedLoadParams();
                    const currentLoadPageCount = (null === dataSourceAdapter || void 0 === dataSourceAdapter ? void 0 : dataSourceAdapter.loadPageCount()) ?? 0;
                    const lastRequiredItemCount = this.pageSize() * currentLoadPageCount;
                    const currentPageIndex = (null === dataSourceAdapter || void 0 === dataSourceAdapter ? void 0 : dataSourceAdapter.pageIndex()) ?? 0;
                    const pageIndexNotChanged = (null === changedParams || void 0 === changedParams ? void 0 : changedParams.pageIndex) === currentPageIndex;
                    const allLoadedInAppendMode = isAppendMode(this) && this.totalItemsCount() < lastRequiredItemCount;
                    const isRepaintMode = "repaint" === this.option("editing.refreshMode");
                    const pageIndexIncreased = (null === changedParams || void 0 === changedParams ? void 0 : changedParams.pageIndex) > currentPageIndex;
                    let result = false;
                    if (!dataSourceAdapter || virtualPaging && checkLoading && (isRepaintMode && viewportIsFilled || pageIndexIncreased || pageIndexNotChanged && allLoadedInAppendMode)) {
                        return result
                    }
                    if (virtualPaging && this._isLoading) {
                        this._needUpdateViewportAfterLoading = true
                    }
                    if (virtualPaging && changedParams) {
                        result = true;
                        dataSourceAdapter.pageIndex(changedParams.pageIndex);
                        dataSourceAdapter.loadPageCount(changedParams.loadPageCount);
                        this._repaintChangesOnly = true;
                        this._needUpdateDimensions = true;
                        const viewportChanging = this._viewportChanging;
                        this.load().always(() => {
                            this._repaintChangesOnly = void 0;
                            this._needUpdateDimensions = void 0
                        }).done(() => {
                            const isLastPage = this.pageCount() > 0 && this.pageIndex() === this.pageCount() - 1;
                            (viewportChanging || isLastPage) && this._updateVisiblePageIndex();
                            if (this._needUpdateViewportAfterLoading) {
                                this._needUpdateViewportAfterLoading = false;
                                this.loadViewport({
                                    checkLoadedParamsOnly: true
                                })
                            }
                        })
                    }
                    return result
                }
                loadViewport(params) {
                    const {
                        checkLoadedParamsOnly: checkLoadedParamsOnly,
                        checkLoading: checkLoading,
                        viewportIsNotFilled: viewportIsNotFilled
                    } = params ?? {};
                    const virtualPaging = isVirtualPaging(this);
                    if (virtualPaging || _m_utils.default.isVirtualRowRendering(this)) {
                        var _this$_dataSource5;
                        this._updateLoadViewportParams();
                        const loadingItemsStarted = this._loadItems(checkLoading, !viewportIsNotFilled);
                        const isCustomLoading = null === (_this$_dataSource5 = this._dataSource) || void 0 === _this$_dataSource5 ? void 0 : _this$_dataSource5.isCustomLoading();
                        const isLoading = checkLoading && !isCustomLoading && this._isLoading;
                        const needToUpdateItems = !(loadingItemsStarted || isLoading || checkLoadedParamsOnly);
                        if (needToUpdateItems) {
                            var _this$_editingControl;
                            const noPendingChangesInEditing = !(null !== (_this$_editingControl = this._editingController) && void 0 !== _this$_editingControl && null !== (_this$_editingControl = _this$_editingControl.getChanges()) && void 0 !== _this$_editingControl && _this$_editingControl.length);
                            this.updateItems({
                                repaintChangesOnly: true,
                                needUpdateDimensions: true,
                                useProcessedItemsCache: noPendingChangesInEditing,
                                cancelEmptyChanges: true
                            })
                        }
                    }
                }
                updateViewport() {
                    var _this$_loadViewportPa;
                    const viewportSize = this.viewportSize();
                    const itemCount = this.items().length;
                    const viewportIsNotFilled = viewportSize > itemCount;
                    const currentTake = (null === (_this$_loadViewportPa = this._loadViewportParams) || void 0 === _this$_loadViewportPa ? void 0 : _this$_loadViewportPa.take) ?? 0;
                    const rowsScrollController = this._rowsScrollController;
                    const newTake = null === rowsScrollController || void 0 === rowsScrollController ? void 0 : rowsScrollController.getViewportParams().take;
                    (viewportIsNotFilled || currentTake < newTake) && !this._isPaging && itemCount && this.loadViewport({
                        checkLoading: true,
                        viewportIsNotFilled: viewportIsNotFilled
                    })
                }
                loadIfNeed() {
                    if (false === this.option(LEGACY_SCROLLING_MODE)) {
                        return
                    }
                    const rowsScrollController = this._rowsScrollController;
                    rowsScrollController && rowsScrollController.loadIfNeed();
                    const dataSource = this._dataSource;
                    return null === dataSource || void 0 === dataSource ? void 0 : dataSource.loadIfNeed()
                }
                getItemSize() {
                    const rowsScrollController = this._rowsScrollController;
                    if (rowsScrollController) {
                        return rowsScrollController.getItemSize.apply(rowsScrollController, arguments)
                    }
                    const dataSource = this._dataSource;
                    return null === dataSource || void 0 === dataSource ? void 0 : dataSource.getItemSize.apply(dataSource, arguments)
                }
                getItemSizes() {
                    const rowsScrollController = this._rowsScrollController;
                    if (rowsScrollController) {
                        return rowsScrollController.getItemSizes.apply(rowsScrollController, arguments)
                    }
                    const dataSource = this._dataSource;
                    return null === dataSource || void 0 === dataSource ? void 0 : dataSource.getItemSizes.apply(dataSource, arguments)
                }
                getContentOffset() {
                    const rowsScrollController = this._rowsScrollController;
                    if (rowsScrollController) {
                        return rowsScrollController.getContentOffset.apply(rowsScrollController, arguments)
                    }
                    const dataSource = this._dataSource;
                    return null === dataSource || void 0 === dataSource ? void 0 : dataSource.getContentOffset.apply(dataSource, arguments)
                }
                refresh(options) {
                    const dataSource = this._dataSource;
                    if (dataSource && null !== options && void 0 !== options && options.load && isAppendMode(this)) {
                        dataSource.resetCurrentTotalCount()
                    }
                    return super.refresh.apply(this, arguments)
                }
                topItemIndex() {
                    var _this$_loadViewportPa2;
                    return null === (_this$_loadViewportPa2 = this._loadViewportParams) || void 0 === _this$_loadViewportPa2 ? void 0 : _this$_loadViewportPa2.skip
                }
                bottomItemIndex() {
                    const viewportParams = this._loadViewportParams;
                    return viewportParams && viewportParams.skip + viewportParams.take
                }
                virtualItemsCount() {
                    const rowsScrollController = this._rowsScrollController;
                    if (rowsScrollController) {
                        return rowsScrollController.virtualItemsCount.apply(rowsScrollController, arguments)
                    }
                    const dataSource = this._dataSource;
                    return null === dataSource || void 0 === dataSource ? void 0 : dataSource.virtualItemsCount.apply(dataSource, arguments)
                }
                pageIndex(pageIndex) {
                    const virtualPaging = isVirtualPaging(this);
                    const rowsScrollController = this._rowsScrollController;
                    if (false === this.option(LEGACY_SCROLLING_MODE) && virtualPaging && rowsScrollController) {
                        if (void 0 === pageIndex) {
                            return this.option("paging.pageIndex") ?? 0
                        }
                    }
                    return super.pageIndex.apply(this, arguments)
                }
                _fireChanged(e) {
                    super._fireChanged.apply(this, arguments);
                    const {
                        operationTypes: operationTypes
                    } = e;
                    if (false === this.option(LEGACY_SCROLLING_MODE) && isVirtualPaging(this) && operationTypes) {
                        const {
                            fullReload: fullReload,
                            pageIndex: pageIndex
                        } = operationTypes;
                        if (e.isDataChanged && !fullReload && pageIndex) {
                            this._updateVisiblePageIndex(this._dataSource.pageIndex())
                        }
                    }
                }
                _getPagingOptionValue(optionName) {
                    let result = super._getPagingOptionValue.apply(this, arguments);
                    if (false === this.option(LEGACY_SCROLLING_MODE) && isVirtualPaging(this)) {
                        result = this[optionName]()
                    }
                    return result
                }
                isEmpty() {
                    return false === this.option(LEGACY_SCROLLING_MODE) ? !this.items(true).length : super.isEmpty.apply(this, arguments)
                }
                isLastPageLoaded() {
                    let result = false;
                    if (false === this.option(LEGACY_SCROLLING_MODE) && isVirtualPaging(this)) {
                        const {
                            pageIndex: pageIndex,
                            loadPageCount: loadPageCount
                        } = this.getLoadPageParams(true);
                        const pageCount = this.pageCount();
                        result = pageIndex + loadPageCount >= pageCount
                    } else {
                        result = super.isLastPageLoaded.apply(this, arguments)
                    }
                    return result
                }
                reset() {
                    this._itemCount = 0;
                    this._allItems = null;
                    super.reset.apply(this, arguments)
                }
                _applyFilter() {
                    var _this$_dataSource6;
                    null === (_this$_dataSource6 = this._dataSource) || void 0 === _this$_dataSource6 || _this$_dataSource6.loadPageCount(1);
                    return super._applyFilter.apply(this, arguments)
                }
                getVirtualContentSize() {
                    var _this$_dataSource7;
                    return null === (_this$_dataSource7 = this._dataSource) || void 0 === _this$_dataSource7 ? void 0 : _this$_dataSource7.getVirtualContentSize.apply(this._dataSource, arguments)
                }
                setViewportItemIndex() {
                    var _this$_dataSource8;
                    return null === (_this$_dataSource8 = this._dataSource) || void 0 === _this$_dataSource8 ? void 0 : _this$_dataSource8.setViewportItemIndex.apply(this._dataSource, arguments)
                }
                isViewportChanging() {
                    return this._viewportChanging || super.isViewportChanging()
                }
            };
            exports.data = data;
            const resizing = Base => class extends Base {
                dispose() {
                    super.dispose.apply(this, arguments);
                    clearTimeout(this._resizeTimeout)
                }
                _updateMasterDataGridCore(masterDataGrid) {
                    return (0, _deferred.when)(super._updateMasterDataGridCore.apply(this, arguments)).done(masterDataGridUpdated => {
                        const isNewVirtualMode = isVirtualMode(masterDataGrid) && false === masterDataGrid.option(LEGACY_SCROLLING_MODE);
                        if (!masterDataGridUpdated && isNewVirtualMode) {
                            const scrollable = masterDataGrid.getScrollable();
                            if (scrollable) {
                                masterDataGrid.updateDimensions()
                            }
                        }
                    })
                }
                hasResizeTimeout() {
                    return (0, _type.isDefined)(this._resizeTimeout)
                }
                resetLastResizeTime() {
                    this._lastTime = void 0
                }
                resize() {
                    let result;
                    if (isVirtualMode(this) || _m_utils.default.isVirtualRowRendering(this)) {
                        clearTimeout(this._resizeTimeout);
                        this._resizeTimeout = null;
                        const diff = new Date - this._lastTime;
                        const updateTimeout = this.option("scrolling.updateTimeout");
                        if (this._lastTime && diff < updateTimeout) {
                            result = new _deferred.Deferred;
                            this._resizeTimeout = setTimeout(() => {
                                this._resizeTimeout = null;
                                super.resize.apply(this).done(result.resolve).fail(result.reject);
                                this._lastTime = new Date
                            }, updateTimeout);
                            this._lastTime = new Date
                        } else {
                            result = super.resize.apply(this);
                            if (this._dataController.isLoaded()) {
                                this._lastTime = new Date
                            }
                        }
                    } else {
                        result = super.resize.apply(this)
                    }
                    return result
                }
            };
            exports.resizing = resizing;
            const rowsView = Base => class extends Base {
                init() {
                    var _this$_dataController;
                    super.init();
                    this._dataController.pageChanged.add(pageIndex => {
                        const scrollTop = this._scrollTop;
                        this.scrollToPage(pageIndex ?? this._dataController.pageIndex());
                        if (false === this.option(LEGACY_SCROLLING_MODE) && this._scrollTop === scrollTop) {
                            this._dataController.updateViewport()
                        }
                    });
                    this._dataController.dataSourceChanged.add(() => {
                        !this._scrollTop && this._scrollToCurrentPageOnResize()
                    });
                    null === (_this$_dataController = this._dataController.stateLoaded) || void 0 === _this$_dataController || _this$_dataController.add(() => {
                        this._scrollToCurrentPageOnResize()
                    });
                    this._scrollToCurrentPageOnResize()
                }
                dispose() {
                    clearTimeout(this._scrollTimeoutID);
                    super.dispose()
                }
                _scrollToCurrentPageOnResize() {
                    if (this._dataController.pageIndex() > 0) {
                        const resizeHandler = () => {
                            this.resizeCompleted.remove(resizeHandler);
                            this.scrollToPage(this._dataController.pageIndex())
                        };
                        this.resizeCompleted.add(resizeHandler)
                    }
                }
                scrollToPage(pageIndex) {
                    const pageSize = this._dataController ? this._dataController.pageSize() : 0;
                    let scrollPosition;
                    if (isVirtualMode(this) || isAppendMode(this)) {
                        const itemSize = this._dataController.getItemSize();
                        const itemSizes = this._dataController.getItemSizes();
                        const itemIndex = pageIndex * pageSize;
                        scrollPosition = itemIndex * itemSize;
                        for (const index in itemSizes) {
                            if (parseInt(index) < itemIndex) {
                                scrollPosition += itemSizes[index] - itemSize
                            }
                        }
                    } else {
                        scrollPosition = 0
                    }
                    this.scrollTo({
                        y: scrollPosition,
                        x: this._scrollLeft
                    })
                }
                renderDelayedTemplates() {
                    this.waitAsyncTemplates().done(() => {
                        this._updateContentPosition(true)
                    });
                    super.renderDelayedTemplates.apply(this, arguments)
                }
                _renderCore(e) {
                    const startRenderTime = new Date;
                    const deferred = super._renderCore.apply(this, arguments);
                    const dataSource = this._dataController._dataSource;
                    if (dataSource && e) {
                        const itemCount = e.items ? e.items.length : 20;
                        const viewportSize = this._dataController.viewportSize() || 20;
                        if (_m_utils.default.isVirtualRowRendering(this) && itemCount > 0 && false !== this.option(LEGACY_SCROLLING_MODE)) {
                            dataSource._renderTime = (new Date - startRenderTime) * viewportSize / itemCount
                        } else {
                            dataSource._renderTime = new Date - startRenderTime
                        }
                    }
                    return deferred
                }
                _getRowElements(tableElement) {
                    const $rows = super._getRowElements(tableElement);
                    return null === $rows || void 0 === $rows ? void 0 : $rows.not(".dx-virtual-row")
                }
                _removeRowsElements(contentTable, removeCount, changeType) {
                    let rowElements = this._getRowElements(contentTable).toArray();
                    if ("append" === changeType) {
                        rowElements = rowElements.slice(0, removeCount)
                    } else {
                        rowElements = rowElements.slice(-removeCount)
                    }
                    rowElements.map(rowElement => {
                        const $rowElement = (0, _renderer.default)(rowElement);
                        this._errorHandlingController && this._errorHandlingController.removeErrorRow($rowElement.next());
                        $rowElement.remove()
                    })
                }
                _updateContent(tableElement, change) {
                    let $freeSpaceRowElements;
                    const contentElement = this._findContentElement();
                    const changeType = null === change || void 0 === change ? void 0 : change.changeType;
                    const d = (0, _deferred.Deferred)();
                    const contentTable = contentElement.children().first();
                    if ("append" === changeType || "prepend" === changeType) {
                        this.waitAsyncTemplates().done(() => {
                            const $tBodies = this._getBodies(tableElement);
                            if (1 === $tBodies.length) {
                                this._getBodies(contentTable)["append" === changeType ? "append" : "prepend"]($tBodies.children())
                            } else {
                                $tBodies["append" === changeType ? "appendTo" : "prependTo"](contentTable)
                            }
                            tableElement.remove();
                            $freeSpaceRowElements = this._getFreeSpaceRowElements(contentTable);
                            removeEmptyRows($freeSpaceRowElements, "dx-freespace-row");
                            if (change.removeCount) {
                                this._removeRowsElements(contentTable, change.removeCount, changeType)
                            }
                            this._restoreErrorRow(contentTable);
                            d.resolve()
                        }).fail(d.reject)
                    } else {
                        super._updateContent.apply(this, arguments).done(() => {
                            if ("update" === changeType) {
                                this._restoreErrorRow(contentTable)
                            }
                            d.resolve()
                        }).fail(d.reject)
                    }
                    return d.promise().done(() => {
                        this._updateBottomLoading()
                    })
                }
                _addVirtualRow($table, isFixed, location, position) {
                    if (!position) {
                        return
                    }
                    let $virtualRow = this._createEmptyRow("dx-virtual-row", isFixed, position);
                    $virtualRow = this._wrapRowIfNeed($table, $virtualRow);
                    this._appendEmptyRow($table, $virtualRow, location)
                }
                _updateContentItemSizes() {
                    const rowHeights = this._getRowHeights();
                    const correctedRowHeights = this._correctRowHeights(rowHeights);
                    this._dataController.setContentItemSizes(correctedRowHeights)
                }
                _updateViewportSize(viewportHeight, scrollTop) {
                    if (!(0, _type.isDefined)(viewportHeight)) {
                        viewportHeight = this._hasHeight ? (0, _size.getOuterHeight)(this.element()) : (0, _size.getOuterHeight)((0, _window.getWindow)())
                    }
                    this._dataController.viewportHeight(viewportHeight, scrollTop)
                }
                _getRowHeights() {
                    var _this$_editingControl2, _this$_editingControl3;
                    const isPopupEditMode = null === (_this$_editingControl2 = this._editingController) || void 0 === _this$_editingControl2 || null === (_this$_editingControl3 = _this$_editingControl2.isPopupEditMode) || void 0 === _this$_editingControl3 ? void 0 : _this$_editingControl3.call(_this$_editingControl2);
                    let rowElements = this._getRowElements(this._tableElement).toArray();
                    if (isPopupEditMode) {
                        rowElements = rowElements.filter(row => !(0, _renderer.default)(row).hasClass("dx-row-inserted"))
                    }
                    return rowElements.map(row => (0, _position.getBoundingRect)(row).height)
                }
                _correctRowHeights(rowHeights) {
                    const dataController = this._dataController;
                    const dataSource = dataController._dataSource;
                    const correctedRowHeights = [];
                    const visibleRows = dataController.getVisibleRows();
                    let itemSize = 0;
                    let firstCountableItem = true;
                    let lastLoadIndex = -1;
                    for (let i = 0; i < rowHeights.length; i++) {
                        const currentItem = visibleRows[i];
                        if (!(0, _type.isDefined)(currentItem)) {
                            continue
                        }
                        if (false === this.option(LEGACY_SCROLLING_MODE)) {
                            if (lastLoadIndex >= 0 && lastLoadIndex !== currentItem.loadIndex) {
                                correctedRowHeights.push(itemSize);
                                itemSize = 0
                            }
                            lastLoadIndex = currentItem.loadIndex
                        } else if (isItemCountableByDataSource(currentItem, dataSource)) {
                            if (firstCountableItem) {
                                firstCountableItem = false
                            } else {
                                correctedRowHeights.push(itemSize);
                                itemSize = 0
                            }
                        }
                        itemSize += rowHeights[i]
                    }
                    itemSize > 0 && correctedRowHeights.push(itemSize);
                    return correctedRowHeights
                }
                _updateContentPosition(isRender) {
                    const rowHeight = this._rowHeight || 20;
                    this._dataController.viewportItemSize(rowHeight);
                    if (isVirtualMode(this) || _m_utils.default.isVirtualRowRendering(this)) {
                        const isEmptyRows = this._dataController.isEmpty();
                        if (isEmptyRows) {
                            return
                        }
                        if (!isRender) {
                            this._updateContentItemSizes()
                        }
                        const top = this._dataController.getContentOffset("begin");
                        const bottom = this._dataController.getContentOffset("end");
                        const $tables = this.getTableElements();
                        const $virtualRows = $tables.children("tbody").children(".dx-virtual-row");
                        removeEmptyRows($virtualRows, "dx-virtual-row");
                        $tables.each((index, element) => {
                            const isFixed = index > 0;
                            const prevFixed = this._isFixedTableRendering;
                            this._isFixedTableRendering = isFixed;
                            this._addVirtualRow((0, _renderer.default)(element), isFixed, "top", top);
                            this._addVirtualRow((0, _renderer.default)(element), isFixed, "bottom", bottom);
                            this._isFixedTableRendering = prevFixed
                        })
                    }
                }
                _isTableLinesDisplaysCorrect(table) {
                    const hasColumnLines = table.find(".dx-column-lines").length > 0;
                    return hasColumnLines === this.option("showColumnLines")
                }
                _isColumnElementsEqual($columns, $virtualColumns) {
                    let result = $columns.length === $virtualColumns.length;
                    if (result) {
                        (0, _iterator.each)($columns, (index, element) => {
                            if (element.style.width !== $virtualColumns[index].style.width) {
                                result = false;
                                return result
                            }
                            return
                        })
                    }
                    return result
                }
                _getCellClasses(column) {
                    const classes = [];
                    const {
                        cssClass: cssClass
                    } = column;
                    const isExpandColumn = "expand" === column.command;
                    cssClass && classes.push(cssClass);
                    isExpandColumn && classes.push(this.addWidgetPrefix("group-space"));
                    return classes
                }
                _findBottomLoadPanel($contentElement) {
                    const $element = $contentElement || this.element();
                    const $bottomLoadPanel = null === $element || void 0 === $element ? void 0 : $element.find(`.${this.addWidgetPrefix("bottom-load-panel")}`);
                    if (null !== $bottomLoadPanel && void 0 !== $bottomLoadPanel && $bottomLoadPanel.length) {
                        return $bottomLoadPanel
                    }
                }
                _updateBottomLoading() {
                    const that = this;
                    const virtualMode = isVirtualMode(this);
                    const appendMode = isAppendMode(this);
                    const showBottomLoading = !that._dataController.hasKnownLastPage() && that._dataController.isLoaded() && (virtualMode || appendMode);
                    const $contentElement = that._findContentElement();
                    const bottomLoadPanelElement = that._findBottomLoadPanel($contentElement);
                    if (showBottomLoading) {
                        if (!bottomLoadPanelElement) {
                            (0, _renderer.default)("<div>").addClass(that.addWidgetPrefix("bottom-load-panel")).append(that._createComponent((0, _renderer.default)("<div>"), _load_indicator.default, {
                                elementAttr: {
                                    role: null,
                                    "aria-label": null
                                }
                            }).$element()).appendTo($contentElement)
                        }
                    } else if (bottomLoadPanelElement) {
                        bottomLoadPanelElement.remove()
                    }
                }
                _handleScroll(e) {
                    const legacyScrollingMode = true === this.option(LEGACY_SCROLLING_MODE);
                    const zeroTopPosition = 0 === e.scrollOffset.top;
                    const isScrollTopChanged = this._scrollTop !== e.scrollOffset.top;
                    const hasScrolled = isScrollTopChanged || e.forceUpdateScrollPosition;
                    const isValidScrollTarget = this._hasHeight || !legacyScrollingMode && zeroTopPosition;
                    if (hasScrolled && isValidScrollTarget && this._rowHeight) {
                        this._scrollTop = e.scrollOffset.top;
                        const isVirtualRowRendering = isVirtualMode(this) || "standard" !== this.option("scrolling.rowRenderingMode");
                        if (isVirtualRowRendering && false === this.option(LEGACY_SCROLLING_MODE)) {
                            this._updateContentItemSizes();
                            this._updateViewportSize(null, this._scrollTop)
                        }
                        this._dataController.setViewportPosition(e.scrollOffset.top)
                    }
                    super._handleScroll.apply(this, arguments)
                }
                _needUpdateRowHeight(itemsCount) {
                    return super._needUpdateRowHeight.apply(this, arguments) || itemsCount > 0 && isAppendMode(this) && !_m_utils.default.isVirtualRowRendering(this)
                }
                _updateRowHeight() {
                    super._updateRowHeight.apply(this, arguments);
                    if (this._rowHeight) {
                        this._updateContentPosition();
                        const viewportHeight = this._hasHeight ? (0, _size.getOuterHeight)(this.element()) : (0, _size.getOuterHeight)((0, _window.getWindow)());
                        if (false === this.option(LEGACY_SCROLLING_MODE)) {
                            this._updateViewportSize(viewportHeight);
                            this._dataController.updateViewport()
                        } else {
                            this._dataController.viewportSize(Math.ceil(viewportHeight / this._rowHeight))
                        }
                    }
                }
                updateFreeSpaceRowHeight() {
                    const result = super.updateFreeSpaceRowHeight.apply(this, arguments);
                    if (result) {
                        this._updateContentPosition()
                    }
                    return result
                }
                setLoading(isLoading, messageText) {
                    const dataController = this._dataController;
                    const hasBottomLoadPanel = dataController.pageIndex() > 0 && dataController.isLoaded() && !!this._findBottomLoadPanel();
                    const isDefaultLoading = isLoading && !dataController.isCustomLoading();
                    if (false === this.option(LEGACY_SCROLLING_MODE) && isDefaultLoading && dataController.isViewportChanging()) {
                        return
                    }
                    if (hasBottomLoadPanel) {
                        isLoading = false
                    }
                    super.setLoading.call(this, isLoading, messageText)
                }
                isGridDragging() {
                    return this.component.option("isDragging")
                }
                throwHeightWarningIfNeed() {
                    const isGridDragging = this.isGridDragging();
                    if (void 0 === this._hasHeight || isGridDragging) {
                        return
                    }
                    const needToThrow = !this._hasHeight && isVirtualPaging(this);
                    if (needToThrow && !this._heightWarningIsThrown) {
                        this._heightWarningIsThrown = true;
                        _ui.default.log("W1025")
                    }
                }
                _resizeCore() {
                    const that = this;
                    const $element = that.element();
                    super._resizeCore();
                    this.throwHeightWarningIfNeed();
                    if (that.component.$element() && !that._windowScroll && (0, _dom.isElementInDom)($element)) {
                        that._windowScroll = (0, _m_virtual_scrolling_core.subscribeToExternalScrollers)($element, scrollPos => {
                            if (!that._hasHeight && that._rowHeight) {
                                that._dataController.setViewportPosition(scrollPos)
                            }
                        }, that.component.$element());
                        that.on("disposing", () => {
                            that._windowScroll.dispose()
                        })
                    }
                    if (false !== this.option(LEGACY_SCROLLING_MODE)) {
                        that.loadIfNeed()
                    }
                }
                loadIfNeed() {
                    var _this$_dataController2, _this$_dataController3;
                    null === (_this$_dataController2 = this._dataController) || void 0 === _this$_dataController2 || null === (_this$_dataController3 = _this$_dataController2.loadIfNeed) || void 0 === _this$_dataController3 || _this$_dataController3.call(_this$_dataController2)
                }
                _restoreErrorRow(contentTable) {
                    if (false === this.option(LEGACY_SCROLLING_MODE)) {
                        var _this$_errorHandlingC;
                        null === (_this$_errorHandlingC = this._errorHandlingController) || void 0 === _this$_errorHandlingC || _this$_errorHandlingC.removeErrorRow()
                    }
                    super._restoreErrorRow.apply(this, arguments)
                }
            };
            exports.rowsView = rowsView;
            exports.virtualScrollingModule = {
                defaultOptions: () => ({
                    scrolling: {
                        timeout: 300,
                        updateTimeout: 300,
                        minTimeout: 0,
                        renderingThreshold: 100,
                        removeInvisiblePages: true,
                        rowPageSize: 5,
                        prerenderedRowChunkSize: 1,
                        mode: "standard",
                        preloadEnabled: false,
                        rowRenderingMode: "standard",
                        loadTwoPagesOnStart: false,
                        legacyMode: false,
                        prerenderedRowCount: 1
                    }
                }),
                extenders: {
                    controllers: {
                        data: data,
                        resizing: resizing
                    },
                    views: {
                        rowsView: rowsView
                    }
                }
            }
        },
        89272(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.VirtualScrollController = void 0;
            exports.subscribeToExternalScrollers = subscribeToExternalScrollers;
            var _position = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/animation/position */ 3030));
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/browser */ 48314));
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/callbacks */ 84718));
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../m_utils */ 53226));
            var _m_virtual_data_loader = __webpack_require__( /*! ../virtual_data_loader/m_virtual_data_loader */ 54988);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const isVirtualMode = that => "virtual" === that.option("scrolling.mode") || that._isVirtual;

            function subscribeToExternalScrollers($element, scrollChangedHandler, $targetElement) {
                let $scrollElement;
                const scrollableArray = [];
                const scrollToArray = [];
                const disposeArray = [];
                $targetElement = $targetElement || $element;

                function getElementOffset(scrollable) {
                    const $scrollableElement = scrollable.element ? scrollable.$element() : scrollable;
                    const scrollableOffset = _position.default.offset($scrollableElement);
                    if (!scrollableOffset) {
                        return $element.offset().top
                    }
                    return scrollable.scrollTop() - (scrollableOffset.top - $element.offset().top)
                }
                const widgetScrollStrategy = {
                    on(scrollable, eventName, handler) {
                        scrollable.on("scroll", handler)
                    },
                    off(scrollable, eventName, handler) {
                        scrollable.off("scroll", handler)
                    }
                };

                function subscribeToScrollEvents($scrollElement) {
                    const isDocument = "#document" === $scrollElement.get(0).nodeName;
                    const isElement = $scrollElement.get(0).nodeType === (0, _window.getWindow)().Node.ELEMENT_NODE;
                    let scrollable = $scrollElement.data("dxScrollable");
                    let eventsStrategy = widgetScrollStrategy;
                    if (!scrollable) {
                        scrollable = isDocument && (0, _renderer.default)((0, _window.getWindow)()) || isElement && "auto" === $scrollElement.css("overflowY") && $scrollElement;
                        eventsStrategy = _events_engine.default;
                        if (!scrollable) {
                            return
                        }
                    }
                    const handler = function(scrollable) {
                        return function() {
                            let scrollTop = scrollable.scrollTop() - getElementOffset(scrollable);
                            scrollTop = scrollTop > 0 ? scrollTop : 0;
                            scrollChangedHandler(scrollTop)
                        }
                    }(scrollable);
                    eventsStrategy.on(scrollable, "scroll", handler);
                    scrollToArray.push(pos => {
                        const topOffset = getElementOffset(scrollable);
                        const scrollMethod = scrollable.scrollTo ? "scrollTo" : "scrollTop";
                        if (pos - topOffset >= 0) {
                            scrollable[scrollMethod](pos + topOffset)
                        }
                    });
                    scrollableArray.push(scrollable);
                    disposeArray.push(() => {
                        eventsStrategy.off(scrollable, "scroll", handler)
                    })
                }
                const getScrollElementParent = $element => (0, _renderer.default)($element.get(0).parentNode ?? $element.get(0).host);
                for ($scrollElement = $targetElement.parent(); $scrollElement.length; $scrollElement = getScrollElementParent($scrollElement)) {
                    subscribeToScrollEvents($scrollElement)
                }
                return {
                    scrollTo(pos) {
                        (0, _iterator.each)(scrollToArray, (_, scrollTo) => {
                            scrollTo(pos)
                        })
                    },
                    dispose() {
                        (0, _iterator.each)(disposeArray, (_, dispose) => {
                            dispose()
                        })
                    }
                }
            }
            class VirtualScrollController {
                constructor(component, dataOptions, isVirtual) {
                    this._dataOptions = dataOptions;
                    this.component = component;
                    this._viewportSize = false === component.option("scrolling.legacyMode") ? 15 : 0;
                    this._viewportItemSize = 20;
                    this._viewportItemIndex = 0;
                    this._position = 0;
                    this._isScrollingBack = false;
                    this._contentSize = 0;
                    this._itemSizes = {};
                    this._sizeRatio = 1;
                    this._isVirtual = isVirtual;
                    this.positionChanged = (0, _callbacks.default)();
                    this._dataLoader = new _m_virtual_data_loader.VirtualDataLoader(this, this._dataOptions)
                }
                getItemSizes() {
                    return this._itemSizes
                }
                option(name, value) {
                    return this.component.option.apply(this.component, arguments)
                }
                isVirtual() {
                    return this._isVirtual
                }
                virtualItemsCount() {
                    if (isVirtualMode(this)) {
                        const dataOptions = this._dataOptions;
                        const totalItemsCount = dataOptions.totalItemsCount();
                        if (false === this.option("scrolling.legacyMode") && -1 !== totalItemsCount) {
                            const viewportParams = this.getViewportParams();
                            const loadedOffset = dataOptions.loadedOffset();
                            const loadedItemCount = dataOptions.loadedItemCount();
                            const skip = Math.max(viewportParams.skip, loadedOffset);
                            const take = Math.min(viewportParams.take, loadedItemCount);
                            const endItemsCount = Math.max(totalItemsCount - (skip + take), 0);
                            return {
                                begin: skip,
                                end: endItemsCount
                            }
                        }
                        return this._dataLoader.virtualItemsCount.apply(this._dataLoader, arguments)
                    }
                    return
                }
                getScrollingTimeout() {
                    const renderAsync = this.option("scrolling.renderAsync");
                    let scrollingTimeout = 0;
                    if (!(0, _type.isDefined)(renderAsync)) {
                        scrollingTimeout = Math.min(this.option("scrolling.timeout") || 0, this._dataOptions.changingDuration());
                        if (scrollingTimeout < this.option("scrolling.renderingThreshold")) {
                            scrollingTimeout = this.option("scrolling.minTimeout") || 0
                        }
                    } else if (renderAsync) {
                        scrollingTimeout = this.option("scrolling.timeout") ?? 0
                    }
                    return scrollingTimeout
                }
                setViewportPosition(position) {
                    const result = new _deferred.Deferred;
                    const scrollingTimeout = this.getScrollingTimeout();
                    clearTimeout(this._scrollTimeoutID);
                    if (scrollingTimeout > 0) {
                        this._scrollTimeoutID = setTimeout(() => {
                            this._setViewportPositionCore(position);
                            result.resolve()
                        }, scrollingTimeout)
                    } else {
                        this._setViewportPositionCore(position);
                        result.resolve()
                    }
                    return result.promise()
                }
                getViewportPosition() {
                    return this._position
                }
                getItemIndexByPosition(position, viewportItemIndex, height) {
                    position = position ?? this._position;
                    const defaultItemSize = this.getItemSize();
                    let offset = 0;
                    let itemOffset = 0;
                    const itemOffsetsWithSize = Object.keys(this._itemSizes).concat(-1);
                    for (let i = 0; i < itemOffsetsWithSize.length && offset < position; i++) {
                        const itemOffsetWithSize = parseInt(itemOffsetsWithSize[i]);
                        let itemOffsetDiff = (position - offset) / defaultItemSize;
                        if (itemOffsetWithSize < 0 || itemOffset + itemOffsetDiff < itemOffsetWithSize) {
                            itemOffset += itemOffsetDiff;
                            if (this._sizeRatio < 1 && (0, _type.isDefined)(viewportItemIndex)) {
                                itemOffset = viewportItemIndex + height / this._viewportItemSize
                            }
                            break
                        } else {
                            itemOffsetDiff = itemOffsetWithSize - itemOffset;
                            offset += itemOffsetDiff * defaultItemSize;
                            itemOffset += itemOffsetDiff
                        }
                        const itemSize = this._itemSizes[itemOffsetWithSize];
                        offset += itemSize;
                        itemOffset += offset < position ? 1 : (position - offset + itemSize) / itemSize
                    }
                    return Math.round(50 * itemOffset) / 50
                }
                isScrollingBack() {
                    return this._isScrollingBack
                }
                _setViewportPositionCore(position) {
                    const prevPosition = this._position || 0;
                    this._position = position;
                    if (prevPosition !== this._position) {
                        this._isScrollingBack = this._position < prevPosition
                    }
                    const itemIndex = this.getItemIndexByPosition();
                    const result = this.setViewportItemIndex(itemIndex);
                    this.positionChanged.fire();
                    return result
                }
                setContentItemSizes(sizes) {
                    const virtualItemsCount = this.virtualItemsCount();
                    this._contentSize = sizes.reduce((a, b) => a + b, 0);
                    if (virtualItemsCount) {
                        sizes.forEach((size, index) => {
                            this._itemSizes[virtualItemsCount.begin + index] = size
                        });
                        const virtualContentSize = (virtualItemsCount.begin + virtualItemsCount.end + this.itemsCount()) * this._viewportItemSize;
                        const contentHeightLimit = _m_utils.default.getContentHeightLimit(_browser.default);
                        if (virtualContentSize > contentHeightLimit) {
                            this._sizeRatio = contentHeightLimit / virtualContentSize
                        } else {
                            this._sizeRatio = 1
                        }
                    }
                }
                getItemSize() {
                    return this._viewportItemSize * this._sizeRatio
                }
                getItemOffset(itemIndex, isEnd) {
                    const virtualItemsCount = this.virtualItemsCount();
                    let itemCount = itemIndex;
                    if (!virtualItemsCount) {
                        return 0
                    }
                    let offset = 0;
                    const totalItemsCount = this._dataOptions.totalItemsCount();
                    Object.keys(this._itemSizes).forEach(currentItemIndex => {
                        if (!itemCount) {
                            return
                        }
                        if (isEnd ? currentItemIndex >= totalItemsCount - itemIndex : currentItemIndex < itemIndex) {
                            offset += this._itemSizes[currentItemIndex];
                            itemCount--
                        }
                    });
                    return Math.floor(offset + itemCount * this._viewportItemSize * this._sizeRatio)
                }
                getContentOffset(type) {
                    const isEnd = "end" === type;
                    const virtualItemsCount = this.virtualItemsCount();
                    if (!virtualItemsCount) {
                        return 0
                    }
                    return this.getItemOffset(isEnd ? virtualItemsCount.end : virtualItemsCount.begin, isEnd)
                }
                getVirtualContentSize() {
                    const virtualItemsCount = this.virtualItemsCount();
                    return virtualItemsCount ? this.getContentOffset("begin") + this.getContentOffset("end") + this._contentSize : 0
                }
                getViewportItemIndex() {
                    return this._viewportItemIndex
                }
                setViewportItemIndex(itemIndex) {
                    this._viewportItemIndex = itemIndex;
                    if (false === this.option("scrolling.legacyMode")) {
                        return
                    }
                    return this._dataLoader.viewportItemIndexChanged.apply(this._dataLoader, arguments)
                }
                viewportItemSize(size) {
                    if (void 0 !== size) {
                        this._viewportItemSize = size
                    }
                    return this._viewportItemSize
                }
                viewportSize(size) {
                    if (void 0 !== size) {
                        this._viewportSize = size
                    }
                    return this._viewportSize
                }
                viewportHeight(height, scrollTop) {
                    const position = scrollTop ?? this._position;
                    const begin = this.getItemIndexByPosition(position);
                    const end = this.getItemIndexByPosition(position + height, begin, height);
                    this.viewportSize(Math.ceil(end - begin));
                    if (!(0, _type.isDefined)(scrollTop) && this._viewportItemIndex !== begin) {
                        this._setViewportPositionCore(position)
                    }
                }
                reset(isRefresh) {
                    this._dataLoader.reset();
                    if (!isRefresh) {
                        this._itemSizes = {}
                    }
                }
                subscribeToWindowScrollEvents($element) {
                    this._windowScroll = this._windowScroll || subscribeToExternalScrollers($element, scrollTop => {
                        if (this.viewportItemSize()) {
                            this.setViewportPosition(scrollTop)
                        }
                    })
                }
                dispose() {
                    clearTimeout(this._scrollTimeoutID);
                    this._windowScroll && this._windowScroll.dispose();
                    this._windowScroll = null
                }
                scrollTo(pos) {
                    this._windowScroll && this._windowScroll.scrollTo(pos)
                }
                isVirtualMode() {
                    return isVirtualMode(this)
                }
                isAppendMode() {
                    return that = this, "infinite" === that.option("scrolling.mode") && !that._isVirtual;
                    var that
                }
                getViewportParams() {
                    const virtualMode = "virtual" === this.option("scrolling.mode");
                    const totalItemsCount = this._dataOptions.totalItemsCount();
                    const hasKnownLastPage = this._dataOptions.hasKnownLastPage();
                    const topIndex = hasKnownLastPage && this._viewportItemIndex > totalItemsCount ? totalItemsCount : this._viewportItemIndex;
                    const bottomIndex = this._viewportSize + topIndex;
                    const maxGap = this.option("scrolling.prerenderedRowChunkSize") || 1;
                    const isScrollingBack = this.isScrollingBack();
                    const minGap = this.option("scrolling.prerenderedRowCount") ?? 1;
                    const topMinGap = isScrollingBack ? minGap : 0;
                    const bottomMinGap = isScrollingBack ? 0 : minGap;
                    const skip = Math.floor(Math.max(0, topIndex - topMinGap) / maxGap) * maxGap;
                    let take = Math.ceil((bottomIndex + bottomMinGap - skip) / maxGap) * maxGap;
                    if (virtualMode) {
                        const remainedItems = Math.max(0, totalItemsCount - skip);
                        take = Math.min(take, remainedItems)
                    }
                    return {
                        skip: skip,
                        take: take
                    }
                }
                itemsCount() {
                    let result = 0;
                    if (this.option("scrolling.legacyMode")) {
                        result = this._dataLoader.itemsCount.apply(this._dataLoader, arguments)
                    } else {
                        result = this._dataOptions.itemsCount()
                    }
                    return result
                }
                pageIndex() {
                    return this._dataLoader.pageIndex(...arguments)
                }
                beginPageIndex() {
                    return this._dataLoader.beginPageIndex(...arguments)
                }
                endPageIndex() {
                    return this._dataLoader.endPageIndex(...arguments)
                }
                pageSize() {
                    return this._dataLoader.pageSize(...arguments)
                }
                load() {
                    return this._dataLoader.load(...arguments)
                }
                loadIfNeed() {
                    return this._dataLoader.loadIfNeed(...arguments)
                }
                handleDataChanged() {
                    return this._dataLoader.handleDataChanged(...arguments)
                }
                getDelayDeferred() {
                    return this._dataLoader.getDelayDeferred()
                }
            }
            exports.VirtualScrollController = VirtualScrollController;
            exports.default = {
                VirtualScrollController: VirtualScrollController
            }
        },
        85799(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Caption = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _element = __webpack_require__( /*! ../../../../../../../core/element */ 61404);
            var _renderer = (e = __webpack_require__( /*! ../../../../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            class Caption extends _inferno.Component {
                constructor() {
                    super(...arguments);
                    this.ref = (0, _inferno.createRef)();
                    this.onClick = e => {
                        var _this$props$onClick, _this$props;
                        const args = {
                            event: e,
                            fieldCaptionElement: (0, _element.getPublicElement)((0, _renderer.default)(this.ref.current)),
                            field: this.props.field
                        };
                        null === (_this$props$onClick = (_this$props = this.props).onClick) || void 0 === _this$props$onClick || _this$props$onClick.call(_this$props, args)
                    };
                    this.onDblClick = e => {
                        var _this$props$onDblClic, _this$props2;
                        const args = {
                            event: e,
                            fieldCaptionElement: (0, _element.getPublicElement)((0, _renderer.default)(this.ref.current)),
                            field: this.props.field
                        };
                        null === (_this$props$onDblClic = (_this$props2 = this.props).onDblClick) || void 0 === _this$props$onDblClic || _this$props$onDblClic.call(_this$props2, args)
                    }
                }
                render() {
                    const Template = this.props.template;
                    return (0, _inferno.createVNode)(1, "div", "dx-cardview-field-caption", Template ? (0, _inferno.createComponentVNode)(2, Template, {
                        field: this.props.field
                    }) : (0, _inferno.createFragment)([this.props.field.column.caption, (0, _inferno.createTextVNode)(":")], 0), 0, {
                        onClick: this.onClick,
                        onDblClick: this.onDblClick
                    }, null, this.ref)
                }
                componentDidMount() {
                    var _this$props$onPrepare, _this$props3;
                    const args = {
                        fieldCaptionElement: (0, _element.getPublicElement)((0, _renderer.default)(this.ref.current)),
                        field: this.props.field
                    };
                    null === (_this$props$onPrepare = (_this$props3 = this.props).onPrepared) || void 0 === _this$props$onPrepare || _this$props$onPrepare.call(_this$props3, args)
                }
            }
            exports.Caption = Caption
        },
        46715(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Card = exports.CLASSES = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../../../../common/core/events/utils/index */ 98834);
            var _element = __webpack_require__( /*! ../../../../../../../core/element */ 61404);
            var _renderer = (e = __webpack_require__( /*! ../../../../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index2 = __webpack_require__( /*! ../../../../../../../events/index */ 69786);
            var _m_guid = __webpack_require__( /*! ../../../../../../core/m_guid */ 7201);
            var _combine_classes = __webpack_require__( /*! ../../../../../../core/utils/combine_classes */ 46190);
            var _utils = __webpack_require__( /*! ../../../../../../grids/new/grid_core/accessibility/utils */ 94944);
            var _index3 = __webpack_require__( /*! ../../../../../../grids/new/grid_core/keyboard_navigation/index */ 58529);
            var _cover = __webpack_require__( /*! ./cover */ 35710);
            var _field = __webpack_require__( /*! ./field */ 3637);
            var _header = __webpack_require__( /*! ./header */ 9332);
            const CLASSES = exports.CLASSES = {
                card: "dx-cardview-card",
                cardHover: "dx-cardview-card-hoverable",
                content: "dx-cardview-card-content",
                footer: "dx-cardview-card-footer",
                selectCard: "dx-cardview-card-selection"
            };
            class Card extends _inferno.Component {
                constructor() {
                    super(...arguments);
                    this.containerRef = (0, _inferno.createRef)();
                    this.onHoverChanged = event => {
                        var _this$props$onHoverCh, _this$props;
                        const args = {
                            eventType: event.type,
                            card: this.props.card,
                            cardElement: (0, _element.getPublicElement)((0, _renderer.default)(this.containerRef.current)),
                            event: event
                        };
                        null === (_this$props$onHoverCh = (_this$props = this.props).onHoverChanged) || void 0 === _this$props$onHoverCh || _this$props$onHoverCh.call(_this$props, args)
                    };
                    this.onClick = event => {
                        var _this$props$onClick, _this$props2;
                        const args = {
                            card: this.props.card,
                            cardElement: (0, _element.getPublicElement)((0, _renderer.default)(this.containerRef.current)),
                            event: event
                        };
                        null === (_this$props$onClick = (_this$props2 = this.props).onClick) || void 0 === _this$props$onClick || _this$props$onClick.call(_this$props2, args);
                        if (this.props.allowSelectOnClick) {
                            var _this$props$selectCar, _this$props3;
                            null === (_this$props$selectCar = (_this$props3 = this.props).selectCard) || void 0 === _this$props$selectCar || _this$props$selectCar.call(_this$props3, this.props.card, {
                                control: (0, _index.isCommandKeyPressed)(event),
                                shift: event.shiftKey
                            })
                        }
                    };
                    this.onDblClick = event => {
                        var _this$props$onDblClic, _this$props4;
                        const args = {
                            card: this.props.card,
                            cardElement: (0, _element.getPublicElement)((0, _renderer.default)(this.containerRef.current)),
                            event: event
                        };
                        null === (_this$props$onDblClic = (_this$props4 = this.props).onDblClick) || void 0 === _this$props$onDblClic || _this$props$onDblClic.call(_this$props4, args)
                    };
                    this.onHold = event => {
                        const {
                            onHold: onHold,
                            card: card
                        } = this.props;
                        null === onHold || void 0 === onHold || onHold({
                            event: event,
                            card: card
                        });
                        event.stopPropagation()
                    }
                }
                render() {
                    var _cover$imageExpr, _cover$altExpr, _this$props$header, _this$props$header2, _this$props$header3, _this$props$cover;
                    if (this.props.elementRef) {
                        this.containerRef = this.props.elementRef
                    }
                    const {
                        hoverStateEnabled: hoverStateEnabled,
                        cover: cover,
                        card: card,
                        footerTemplate: FooterTemplate,
                        template: Template,
                        contentTemplate: ContentTemplate
                    } = this.props;
                    const className = (0, _combine_classes.combineClasses)({
                        [CLASSES.card]: true,
                        [CLASSES.cardHover]: !!hoverStateEnabled,
                        [CLASSES.selectCard]: !!card.isSelected
                    });
                    const hasCover = !!(null !== cover && void 0 !== cover && cover.imageExpr) || !!(null !== cover && void 0 !== cover && cover.template);
                    const imageSrc = null === cover || void 0 === cover || null === (_cover$imageExpr = cover.imageExpr) || void 0 === _cover$imageExpr ? void 0 : _cover$imageExpr.call(cover, this.props.card.data);
                    const alt = null === cover || void 0 === cover || null === (_cover$altExpr = cover.altExpr) || void 0 === _cover$altExpr ? void 0 : _cover$altExpr.call(cover, this.props.card.data);
                    const cardRole = Template ? "presentation" : "application";
                    const coverId = new _m_guid.Guid;
                    const contentId = new _m_guid.Guid;
                    return (0, _inferno.createComponentVNode)(2, _index3.KbnFocusTrap, {
                        elementRef: this.containerRef,
                        enabled: this.props.kbnEnabled,
                        tabIndex: this.props.tabIndex,
                        className: className,
                        onDblClick: this.onDblClick,
                        onMouseEnter: this.onHoverChanged,
                        onMouseLeave: this.onHoverChanged,
                        onContextMenu: this.props.onContextMenu,
                        onKeyDown: this.props.onKeyDown,
                        role: cardRole,
                        "aria-roledescription": (0, _utils.getCardRoleDescription)(this.props.allowUpdating),
                        "aria-label": (0, _utils.getCardStateDescription)(this.props.position, this.props.isCheckBoxesRendered, this.props.card.isSelected),
                        "aria-describedby": (0, _utils.getCardDescriptiveLabel)(hasCover, coverId, contentId),
                        children: Template ? (0, _inferno.createComponentVNode)(2, Template, {
                            card: card
                        }) : (0, _inferno.createFragment)([(0, _inferno.createComponentVNode)(2, _header.CardHeader, {
                            template: null === (_this$props$header = this.props.header) || void 0 === _this$props$header ? void 0 : _this$props$header.template,
                            visible: null === (_this$props$header2 = this.props.header) || void 0 === _this$props$header2 ? void 0 : _this$props$header2.visible,
                            card: card,
                            items: null === (_this$props$header3 = this.props.header) || void 0 === _this$props$header3 ? void 0 : _this$props$header3.items,
                            isCheckBoxesRendered: this.props.isCheckBoxesRendered,
                            selectCard: this.props.selectCard,
                            onEdit: () => {
                                var _this$props$onEdit, _this$props5;
                                null === (_this$props$onEdit = (_this$props5 = this.props).onEdit) || void 0 === _this$props$onEdit || _this$props$onEdit.call(_this$props5, this.props.card.key)
                            },
                            onDelete: () => {
                                var _this$props$onDelete, _this$props6;
                                null === (_this$props$onDelete = (_this$props6 = this.props).onDelete) || void 0 === _this$props$onDelete || _this$props$onDelete.call(_this$props6, this.props.card.key)
                            },
                            allowUpdating: this.props.allowUpdating,
                            allowDeleting: this.props.allowDeleting
                        }), hasCover && (0, _inferno.createComponentVNode)(2, _cover.Cover, {
                            id: coverId,
                            card: card,
                            template: null === (_this$props$cover = this.props.cover) || void 0 === _this$props$cover ? void 0 : _this$props$cover.template,
                            imageSrc: imageSrc,
                            alt: alt
                        }), !!this.props.card.fields.length && (0, _inferno.createVNode)(1, "div", CLASSES.content, ContentTemplate ? (0, _inferno.createComponentVNode)(2, ContentTemplate, {
                            card: card
                        }) : this.props.card.fields.map(field => {
                            var _this$props$fieldProp, _this$props$fieldProp2;
                            return (0, _inferno.createComponentVNode)(2, _field.Field, {
                                fieldHintEnabled: this.props.fieldHintEnabled,
                                field: field,
                                template: field.column.fieldTemplate,
                                captionTemplate: field.column.fieldCaptionTemplate,
                                valueTemplate: field.column.fieldValueTemplate,
                                captionProps: null === (_this$props$fieldProp = this.props.fieldProps) || void 0 === _this$props$fieldProp ? void 0 : _this$props$fieldProp.captionProps,
                                valueProps: null === (_this$props$fieldProp2 = this.props.fieldProps) || void 0 === _this$props$fieldProp2 ? void 0 : _this$props$fieldProp2.valueProps
                            })
                        }), 0, {
                            id: contentId
                        }), FooterTemplate && (0, _inferno.createVNode)(1, "div", CLASSES.footer, (0, _inferno.createComponentVNode)(2, FooterTemplate, {
                            card: card
                        }), 2)], 0)
                    })
                }
                componentDidMount() {
                    var _this$props$onPrepare, _this$props7;
                    const onPreparedArgs = {
                        cardElement: (0, _element.getPublicElement)((0, _renderer.default)(this.containerRef.current)),
                        card: this.props.card
                    };
                    null === (_this$props$onPrepare = (_this$props7 = this.props).onPrepared) || void 0 === _this$props$onPrepare || _this$props$onPrepare.call(_this$props7, onPreparedArgs);
                    (0, _index2.on)(this.containerRef.current, "dxclick", this.onClick);
                    if (this.props.onHold) {
                        (0, _index2.on)(this.containerRef.current, "dxhold", this.onHold)
                    }
                }
                componentWillUnmount() {
                    (0, _index2.off)(this.containerRef.current, "dxclick", this.onClick);
                    if (this.props.onHold) {
                        (0, _index2.off)(this.containerRef.current, "dxhold", this.onHold)
                    }
                }
            }
            exports.Card = Card
        },
        35710(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Cover = exports.CLASSES = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _message = (e = __webpack_require__( /*! ../../../../../../../localization/message */ 33881), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _combine_classes = __webpack_require__( /*! ../../../../../../core/utils/combine_classes */ 46190);
            var _icon = __webpack_require__( /*! ../../../../../../grids/new/grid_core/icon */ 93445);
            const CLASSES = exports.CLASSES = {
                cover: "dx-card-cover",
                image: "dx-card-cover-image",
                noImage: "dx-card-cover-noimage"
            };
            class Cover extends _inferno.Component {
                render() {
                    const {
                        id: id,
                        imageSrc: imageSrc,
                        alt: alt,
                        template: Template,
                        card: card
                    } = this.props;
                    const src = imageSrc;
                    const containerClasses = (0, _combine_classes.combineClasses)({
                        [CLASSES.cover]: true,
                        [CLASSES.noImage]: !src && !Template
                    });
                    return (0, _inferno.createVNode)(1, "div", containerClasses, Template ? (0, _inferno.createComponentVNode)(2, Template, {
                        card: card
                    }) : (0, _inferno.createFragment)([src && (0, _inferno.createVNode)(1, "img", CLASSES.image, null, 1, {
                        src: src,
                        alt: alt
                    }), !src && (0, _inferno.createComponentVNode)(2, _icon.Icon, {
                        name: "imagethumbnail",
                        "aria-label": _message.default.format("dxCardView-cardNoImageAriaLabel")
                    })], 0), 0, {
                        id: id
                    })
                }
            }
            exports.Cover = Cover
        },
        3637(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Field = exports.CLASSES = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _caption = __webpack_require__( /*! ./caption */ 85799);
            var _value_text = __webpack_require__( /*! ./value_text */ 61044);
            const CLASSES = exports.CLASSES = {
                fieldTemplate: "dx-cardview-field-template",
                overflowHint: "dx-cardview-overflow-hint"
            };
            class Field extends _inferno.Component {
                constructor(props) {
                    super(props);
                    this.containerRef = this.props.elementRef ?? (0, _inferno.createRef)()
                }
                componentDidMount() {
                    var _this$props$onPrepare, _this$props;
                    null === (_this$props$onPrepare = (_this$props = this.props).onPrepared) || void 0 === _this$props$onPrepare || _this$props$onPrepare.call(_this$props, this.containerRef.current)
                }
                render() {
                    const Template = this.props.template;
                    if (Template) {
                        return (0, _inferno.createVNode)(1, "div", CLASSES.fieldTemplate, (0, _inferno.createComponentVNode)(2, Template, {
                            field: this.props.field
                        }), 2)
                    }
                    return (0, _inferno.createFragment)([(0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _caption.Caption, Object.assign({
                        field: this.props.field,
                        template: this.props.captionTemplate
                    }, this.props.captionProps))), (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _value_text.ValueText, Object.assign({
                        fieldHintEnabled: this.props.fieldHintEnabled,
                        field: this.props.field,
                        template: this.props.valueTemplate
                    }, this.props.valueProps)))], 4)
                }
            }
            exports.Field = Field
        },
        9332(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CardHeader = exports.CLASSES = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../../../../common/core/events/utils/index */ 98834);
            var _message = (e = __webpack_require__( /*! ../../../../../../../localization/message */ 33881), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _m_type = __webpack_require__( /*! ../../../../../../core/utils/m_type */ 39918);
            var _toolbar = __webpack_require__( /*! ../../../../../../grids/new/grid_core/inferno_wrappers/toolbar */ 48696);
            var _utils = __webpack_require__( /*! ../../../../../../grids/new/grid_core/toolbar/utils */ 31895);
            const CLASSES = exports.CLASSES = {
                cardHeader: "dx-cardview-card-header",
                cardSelectCheckBox: "dx-cardview-select-checkbox"
            };
            class CardHeader extends _inferno.Component {
                getCheckBoxItem() {
                    const {
                        isCheckBoxesRendered: isCheckBoxesRendered,
                        selectCard: selectCard,
                        card: card
                    } = this.props;
                    if (card && isCheckBoxesRendered) {
                        return {
                            location: "before",
                            name: "selectionCheckBox",
                            widget: "dxCheckBox",
                            cssClass: CLASSES.cardSelectCheckBox,
                            options: {
                                elementAttr: {
                                    "aria-label": _message.default.format("dxCardView-ariaSelectCard")
                                },
                                value: card.isSelected,
                                onValueChanged: e => {
                                    const event = e.event;
                                    null === selectCard || void 0 === selectCard || selectCard(card, {
                                        control: (0, _index.isCommandKeyPressed)(event),
                                        shift: event.shiftKey,
                                        needToUpdateCheckboxes: true
                                    });
                                    event.stopPropagation()
                                }
                            }
                        }
                    }
                    return null
                }
                getDefaultToolbarItems() {
                    const {
                        captionExpr: captionExpr,
                        card: card,
                        allowUpdating: allowUpdating,
                        allowDeleting: allowDeleting,
                        onEdit: onEdit,
                        onDelete: onDelete
                    } = this.props;
                    const checkBoxItem = this.getCheckBoxItem();
                    const captionItem = !!captionExpr && (null === card || void 0 === card ? void 0 : card[captionExpr]) && {
                        name: "caption",
                        location: "before",
                        text: card[captionExpr]
                    };
                    const updateButton = allowUpdating && {
                        name: "updateButton",
                        location: "after",
                        widget: "dxButton",
                        options: {
                            icon: "edit",
                            onClick: onEdit,
                            stylingMode: "text"
                        }
                    };
                    const deleteButton = allowDeleting && {
                        name: "deleteButton",
                        location: "after",
                        widget: "dxButton",
                        options: {
                            icon: "trash",
                            onClick: onDelete,
                            stylingMode: "text"
                        }
                    };
                    const items = [checkBoxItem, captionItem, updateButton, deleteButton].filter(item => !!item);
                    return items
                }
                render() {
                    const {
                        visible: visibleProp,
                        items: userToolbarItems,
                        template: Template,
                        card: card
                    } = this.props;
                    const toolbarItems = (0, _utils.normalizeToolbarItems)(this.getDefaultToolbarItems(), userToolbarItems, ["caption", "selectionCheckBox", "updateButton", "deleteButton"]);
                    const visible = (0, _m_type.isDefined)(visibleProp) ? visibleProp : !!toolbarItems.length;
                    if (!visible) {
                        return (0, _inferno.createFragment)()
                    }
                    return (0, _inferno.createVNode)(1, "div", CLASSES.cardHeader, Template ? (0, _inferno.createComponentVNode)(2, Template, {
                        card: card
                    }) : (0, _inferno.createComponentVNode)(2, _toolbar.Toolbar, {
                        items: toolbarItems
                    }), 0)
                }
            }
            exports.CardHeader = CardHeader
        },
        61044(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ValueText = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _element = __webpack_require__( /*! ../../../../../../../core/element */ 61404);
            var _renderer = (e = __webpack_require__( /*! ../../../../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const CLASS = {
                root: "dx-cardview-field-value",
                textPartHighlighted: "dx-cardview-field-value__text-part--highlighted"
            };
            class ValueText extends _inferno.Component {
                constructor() {
                    super(...arguments);
                    this.ref = (0, _inferno.createRef)();
                    this.onClick = e => {
                        var _this$props$onClick, _this$props;
                        const args = {
                            event: e,
                            fieldValueElement: (0, _element.getPublicElement)((0, _renderer.default)(this.ref.current)),
                            field: this.props.field
                        };
                        null === (_this$props$onClick = (_this$props = this.props).onClick) || void 0 === _this$props$onClick || _this$props$onClick.call(_this$props, args)
                    };
                    this.onDblClick = e => {
                        var _this$props$onDblClic, _this$props2;
                        const args = {
                            event: e,
                            fieldValueElement: (0, _element.getPublicElement)((0, _renderer.default)(this.ref.current)),
                            field: this.props.field
                        };
                        null === (_this$props$onDblClic = (_this$props2 = this.props).onDblClick) || void 0 === _this$props$onDblClic || _this$props$onDblClic.call(_this$props2, args)
                    }
                }
                render() {
                    const classNames = [CLASS.root, `${CLASS.root}--text-align-${this.props.field.column.alignment}`].join(" ");
                    const content = this.props.field.highlightedText ? this.props.field.highlightedText.map(_ref => {
                        let {
                            type: type,
                            text: textPart
                        } = _ref;
                        return (0, _inferno.createVNode)(1, "span", "highlighted" === type ? CLASS.textPartHighlighted : "", textPart, 0)
                    }) : this.props.field.text;
                    const Template = this.props.template;
                    return (0, _inferno.createVNode)(1, "div", classNames, Template ? (0, _inferno.createComponentVNode)(2, Template, {
                        field: this.props.field
                    }) : content, 0, {
                        onClick: this.onClick,
                        onDblClick: this.onDblClick,
                        title: this.props.fieldHintEnabled ? this.props.field.text : void 0
                    }, null, this.ref)
                }
                componentDidMount() {
                    var _this$props$onPrepare, _this$props3;
                    const args = {
                        fieldValueElement: (0, _element.getPublicElement)((0, _renderer.default)(this.ref.current)),
                        field: this.props.field
                    };
                    null === (_this$props$onPrepare = (_this$props3 = this.props).onPrepared) || void 0 === _this$props$onPrepare || _this$props$onPrepare.call(_this$props3, args)
                }
            }
            exports.ValueText = ValueText
        },
        2187(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Content = exports.CLASSES = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _utils = __webpack_require__( /*! ../../../../../../common/core/events/utils */ 98834);
            var _combine_classes = __webpack_require__( /*! ../../../../../core/utils/combine_classes */ 46190);
            var _utils2 = __webpack_require__( /*! ../../../../../grids/new/grid_core/accessibility/utils */ 94944);
            var _index = __webpack_require__( /*! ../../../../../grids/new/grid_core/keyboard_navigation/index */ 58529);
            var _card = __webpack_require__( /*! ./card/card */ 46715);
            const CLASSES = exports.CLASSES = {
                content: "dx-cardview-content",
                grid: "dx-cardview-content-grid",
                selectCheckBoxesHidden: "dx-cardview-select-checkboxes-hidden",
                wrapEnabled: "dx-cardview-word-wrap-enabled"
            };
            const CardWithKbn = (0, _index.withKeyDownHandler)((0, _index.withKbnNavigationItem)(_card.Card));
            class Content extends _inferno.Component {
                constructor() {
                    super(...arguments);
                    this.containerRef = (0, _inferno.createRef)();
                    this.cardElementRefs = [];
                    this.focusFirstCardAfterReload = false
                }
                getCssVariables() {
                    var _this$props$cardProps, _this$props$cardProps3, _this$props$cardProps5, _this$props$cardProps7;
                    const variables = {};
                    if (this.props.cardsPerRow) {
                        variables["--dx-cardview-cardsperrow"] = this.props.cardsPerRow
                    }
                    if (null !== (_this$props$cardProps = this.props.cardProps) && void 0 !== _this$props$cardProps && _this$props$cardProps.minWidth) {
                        var _this$props$cardProps2;
                        variables["--dx-cardview-card-min-width"] = `${null===(_this$props$cardProps2=this.props.cardProps)||void 0===_this$props$cardProps2?void 0:_this$props$cardProps2.minWidth}px`
                    }
                    if (null !== (_this$props$cardProps3 = this.props.cardProps) && void 0 !== _this$props$cardProps3 && _this$props$cardProps3.maxWidth) {
                        var _this$props$cardProps4;
                        variables["--dx-cardview-card-max-width"] = `${null===(_this$props$cardProps4=this.props.cardProps)||void 0===_this$props$cardProps4?void 0:_this$props$cardProps4.maxWidth}px`
                    }
                    if (null !== (_this$props$cardProps5 = this.props.cardProps) && void 0 !== _this$props$cardProps5 && null !== (_this$props$cardProps5 = _this$props$cardProps5.cover) && void 0 !== _this$props$cardProps5 && _this$props$cardProps5.maxHeight) {
                        var _this$props$cardProps6;
                        variables["--dx-cardview-card-cover-max-height"] = `${null===(_this$props$cardProps6=this.props.cardProps)||void 0===_this$props$cardProps6||null===(_this$props$cardProps6=_this$props$cardProps6.cover)||void 0===_this$props$cardProps6?void 0:_this$props$cardProps6.maxHeight}px`
                    }
                    if (null !== (_this$props$cardProps7 = this.props.cardProps) && void 0 !== _this$props$cardProps7 && null !== (_this$props$cardProps7 = _this$props$cardProps7.cover) && void 0 !== _this$props$cardProps7 && _this$props$cardProps7.ratio) {
                        var _this$props$cardProps8;
                        variables["--dx-cardview-card-cover-ratio"] = `${null===(_this$props$cardProps8=this.props.cardProps)||void 0===_this$props$cardProps8||null===(_this$props$cardProps8=_this$props$cardProps8.cover)||void 0===_this$props$cardProps8?void 0:_this$props$cardProps8.ratio}`
                    }
                    return variables
                }
                render() {
                    const className = (0, _combine_classes.combineClasses)({
                        [CLASSES.content]: true,
                        [CLASSES.grid]: true,
                        [CLASSES.selectCheckBoxesHidden]: !!this.props.needToHiddenCheckBoxes,
                        [CLASSES.wrapEnabled]: !!this.props.wordWrapEnabled
                    });
                    const CardItem = this.props.kbnEnabled ? CardWithKbn : _card.Card;
                    this.cardElementRefs = new Array(this.props.items.length).fill(void 0).map(() => (0, _inferno.createRef)());
                    return (0, _inferno.createComponentVNode)(2, _index.KbnNavigationContainer, {
                        enabled: this.props.kbnEnabled,
                        navigationStrategy: this.props.navigationStrategy,
                        onFocusMoved: (newIdx, element) => {
                            this.onCardFocusMoved(newIdx, element)
                        },
                        children: (0, _inferno.createVNode)(1, "div", className, this.props.items.map((item, idx) => (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, CardItem, Object.assign({}, this.props.cardProps, {
                            elementRef: this.cardElementRefs[idx],
                            navigationIdx: idx,
                            kbnEnabled: this.props.kbnEnabled,
                            navigationStrategy: this.props.navigationStrategy,
                            keyDownConfig: {
                                PageUp: () => {
                                    var _this$props$onPageCha, _this$props;
                                    null === (_this$props$onPageCha = (_this$props = this.props).onPageChange) || void 0 === _this$props$onPageCha || _this$props$onPageCha.call(_this$props, -1);
                                    this.focusFirstCardAfterReload = true
                                },
                                PageDown: () => {
                                    var _this$props$onPageCha2, _this$props2;
                                    null === (_this$props$onPageCha2 = (_this$props2 = this.props).onPageChange) || void 0 === _this$props$onPageCha2 || _this$props$onPageCha2.call(_this$props2, 1);
                                    this.focusFirstCardAfterReload = true
                                },
                                Space: event => {
                                    var _this$props$cardProps9, _this$props$cardProps0;
                                    null === (_this$props$cardProps9 = this.props.cardProps) || void 0 === _this$props$cardProps9 || null === (_this$props$cardProps0 = _this$props$cardProps9.selectCard) || void 0 === _this$props$cardProps0 || _this$props$cardProps0.call(_this$props$cardProps9, item, {
                                        control: (0, _utils.isCommandKeyPressed)(event),
                                        shift: event.shiftKey,
                                        needToUpdateCheckboxes: true
                                    })
                                },
                                "Space+shift": event => {
                                    var _this$props$cardProps1, _this$props$cardProps10;
                                    null === (_this$props$cardProps1 = this.props.cardProps) || void 0 === _this$props$cardProps1 || null === (_this$props$cardProps10 = _this$props$cardProps1.selectCard) || void 0 === _this$props$cardProps10 || _this$props$cardProps10.call(_this$props$cardProps1, item, {
                                        control: (0, _utils.isCommandKeyPressed)(event),
                                        shift: event.shiftKey,
                                        needToUpdateCheckboxes: true
                                    })
                                },
                                "a+ctrl": () => {
                                    var _this$props$cardProps11, _this$props$cardProps12;
                                    null === (_this$props$cardProps11 = this.props.cardProps) || void 0 === _this$props$cardProps11 || null === (_this$props$cardProps12 = _this$props$cardProps11.onSelectAllCards) || void 0 === _this$props$cardProps12 || _this$props$cardProps12.call(_this$props$cardProps11)
                                },
                                "f+ctrl": () => {
                                    var _this$props$cardProps13, _this$props$cardProps14;
                                    null === (_this$props$cardProps13 = this.props.cardProps) || void 0 === _this$props$cardProps13 || null === (_this$props$cardProps14 = _this$props$cardProps13.onSearchFocus) || void 0 === _this$props$cardProps14 || _this$props$cardProps14.call(_this$props$cardProps13)
                                },
                                "Enter+shift": () => {
                                    var _this$props$cardProps15, _this$props$cardProps16;
                                    null === (_this$props$cardProps15 = this.props.cardProps) || void 0 === _this$props$cardProps15 || null === (_this$props$cardProps16 = _this$props$cardProps15.onEdit) || void 0 === _this$props$cardProps16 || _this$props$cardProps16.call(_this$props$cardProps15, item.key, this.cardElementRefs[idx].current ?? void 0)
                                },
                                Delete: () => {
                                    var _this$props$cardProps17, _this$props$cardProps18;
                                    null === (_this$props$cardProps17 = this.props.cardProps) || void 0 === _this$props$cardProps17 || null === (_this$props$cardProps18 = _this$props$cardProps17.onDelete) || void 0 === _this$props$cardProps18 || _this$props$cardProps18.call(_this$props$cardProps17, item.key, this.cardElementRefs[idx].current ?? void 0)
                                }
                            },
                            caughtEventPreventDefault: true,
                            card: item,
                            position: (0, _utils2.getPosition)(idx, this.props.cardsPerRow ?? 1),
                            onContextMenu: e => {
                                var _this$props$showCardC, _this$props3;
                                null === (_this$props$showCardC = (_this$props3 = this.props).showCardContextMenu) || void 0 === _this$props$showCardC || _this$props$showCardC.call(_this$props3, e, item, idx)
                            },
                            onFocusMoved: (newIdx, element) => {
                                this.onCardFocusMoved(newIdx, element)
                            }
                        }), function(card) {
                            if ("string" === typeof card.key || "number" === typeof card.key) {
                                return card.key
                            }
                            return
                        }(item)))), 0, {
                            style: this.getCssVariables()
                        }, null, this.containerRef)
                    })
                }
                updateSizesInfo() {
                    var _this$cardElementRefs, _this$props$onFirstEl, _this$props4, _this$props$onRowHeig, _this$props5, _this$props$onColumnG, _this$props6;
                    const firstCardElement = (null === (_this$cardElementRefs = this.cardElementRefs[0]) || void 0 === _this$cardElementRefs ? void 0 : _this$cardElementRefs.current) ?? void 0;
                    null === (_this$props$onFirstEl = (_this$props4 = this.props).onFirstElementChange) || void 0 === _this$props$onFirstEl || _this$props$onFirstEl.call(_this$props4, firstCardElement);
                    if (!firstCardElement || !this.containerRef.current) {
                        return
                    }
                    const cardHeight = firstCardElement.offsetHeight;
                    const rowGap = parseFloat(getComputedStyle(this.containerRef.current).rowGap);
                    const rowHeight = cardHeight + rowGap;
                    null === (_this$props$onRowHeig = (_this$props5 = this.props).onRowHeightChange) || void 0 === _this$props$onRowHeig || _this$props$onRowHeig.call(_this$props5, rowHeight);
                    const columnGap = parseFloat(getComputedStyle(this.containerRef.current).columnGap);
                    null === (_this$props$onColumnG = (_this$props6 = this.props).onColumnGapChange) || void 0 === _this$props$onColumnG || _this$props$onColumnG.call(_this$props6, columnGap)
                }
                componentDidMount() {
                    this.updateSizesInfo()
                }
                componentDidUpdate() {
                    this.handleFocusPageChange();
                    this.updateSizesInfo()
                }
                onCardFocusMoved(newIdx, element) {
                    var _cardProps$onFocusedC;
                    const {
                        items: items,
                        cardProps: cardProps
                    } = this.props;
                    null === cardProps || void 0 === cardProps || null === (_cardProps$onFocusedC = cardProps.onFocusedCardChanged) || void 0 === _cardProps$onFocusedC || _cardProps$onFocusedC.call(cardProps, items[newIdx], newIdx, element)
                }
                handleFocusPageChange() {
                    const {
                        isLoading: isLoading,
                        navigationStrategy: navigationStrategy
                    } = this.props;
                    if (!isLoading && this.focusFirstCardAfterReload) {
                        this.focusFirstCardAfterReload = false;
                        const [, newActiveItem] = navigationStrategy.getNewActiveItem(() => navigationStrategy.setActiveItem(0, true));
                        if (newActiveItem) {
                            this.onCardFocusMoved(newActiveItem.idx, newActiveItem.element)
                        }
                    }
                }
            }
            exports.Content = Content
        },
        75969(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ContentView = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _content_view = __webpack_require__( /*! ../../../../grids/new/grid_core/content_view/content_view */ 44305);
            var _content = __webpack_require__( /*! ./content/content */ 2187);
            class ContentView extends _inferno.Component {
                render() {
                    return (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _content_view.ContentView, Object.assign({}, this.props, {
                        children: (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _content.Content, Object.assign({}, this.props.contentProps)))
                    })))
                }
            }
            exports.ContentView = ContentView
        },
        87996(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            var _exportNames = {
                View: true
            };
            Object.defineProperty(exports, "View", {
                enumerable: true,
                get: function() {
                    return _view.ContentView
                }
            });
            var _options = __webpack_require__( /*! ./options */ 44930);
            Object.keys(_options).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (Object.prototype.hasOwnProperty.call(_exportNames, key)) {
                    return
                }
                if (key in exports && exports[key] === _options[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _options[key]
                    }
                })
            });
            var _public_methods = __webpack_require__( /*! ./public_methods */ 6806);
            Object.keys(_public_methods).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (Object.prototype.hasOwnProperty.call(_exportNames, key)) {
                    return
                }
                if (key in exports && exports[key] === _public_methods[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _public_methods[key]
                    }
                })
            });
            var _view = __webpack_require__( /*! ./view */ 96003)
        },
        44930(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptions = void 0;
            var Base = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../grid_core/content_view/options */ 3538));
            exports.defaultOptions = Object.assign({
                wordWrapEnabled: false,
                cardsPerRow: 3,
                cardMinWidth: 250,
                cardCover: {
                    aspectRatio: "1 / 1"
                },
                fieldHintEnabled: false
            }, Base.defaultOptions)
        },
        6806(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PublicMethods = function(GridCore) {
                return class extends(Base.PublicMethods(GridCore)) {
                    getCardElement(cardIndex) {
                        const card = (0, _renderer.default)(this.element()).find(`.${cardModule.CLASSES.card}`).eq(cardIndex);
                        return (0, _element.getPublicElement)(card)
                    }
                    getVisibleCards() {
                        const itemsController = this.diContext.get(_items_controller.ItemsController);
                        return itemsController.items.peek()
                    }
                    getCardIndexByKey(key) {
                        const itemsController = this.diContext.get(_items_controller.ItemsController);
                        const cards = itemsController.items.peek();
                        return cards.findIndex(card => card.key === key)
                    }
                    getKeyByCardIndex(cardIndex) {
                        var _this$getVisibleCards;
                        return null === (_this$getVisibleCards = this.getVisibleCards()[cardIndex]) || void 0 === _this$getVisibleCards ? void 0 : _this$getVisibleCards.key
                    }
                }
            };
            var _element = __webpack_require__( /*! ../../../../../core/element */ 61404);
            var _renderer = (e = __webpack_require__( /*! ../../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var Base = _interopRequireWildcard(__webpack_require__( /*! ../../grid_core/content_view/public_methods */ 19718));
            var _items_controller = __webpack_require__( /*! ../../grid_core/items_controller/items_controller */ 58761);
            var cardModule = _interopRequireWildcard(__webpack_require__( /*! ./content/card/card */ 46715));

            function _interopRequireWildcard(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return (_interopRequireWildcard = function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                })(e, t)
            }
        },
        72981(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.factors = function(n) {
                const res = [];
                for (let i = 1; i <= n; i += 1) {
                    if (n % i === 0) {
                        res.push(i)
                    }
                }
                return res
            }
        },
        96003(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ContentView = void 0;
            var _data = __webpack_require__( /*! ../../../../../core/utils/data */ 31e3);
            var _type = __webpack_require__( /*! ../../../../../core/utils/type */ 11528);
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _index2 = __webpack_require__( /*! ../../../../grids/new/grid_core/keyboard_navigation/index */ 58529);
            var _view = __webpack_require__( /*! ../../grid_core/content_view/view */ 31123);
            var _content_view = __webpack_require__( /*! ./content_view */ 75969);
            var _utils = __webpack_require__( /*! ./utils */ 72981);
            class ContentView extends _view.ContentView {
                constructor() {
                    super(...arguments);
                    this.cardMinWidth = this.options.oneWay("cardMinWidth");
                    this.rowHeight = (0, _index.signal)(0);
                    this.columnGap = (0, _index.signal)(0);
                    this.cardsPerRowProp = this.options.oneWay("cardsPerRow");
                    this.cardsPerRow = (0, _index.computed)(() => {
                        const width = this.width.value;
                        const cardMinWidth = this.cardMinWidth.value;
                        const pageSize = this.dataController.pageSize.value;
                        const cardsPerRowProp = this.cardsPerRowProp.value;
                        if ("auto" !== cardsPerRowProp) {
                            return cardsPerRowProp
                        }
                        const result = (0, _utils.factors)(pageSize).reverse().find(cardsPerRow => {
                            const cardWidth = (width - this.columnGap.value * (cardsPerRow - 1)) / cardsPerRow;
                            return cardMinWidth <= cardWidth
                        });
                        return result ?? 1
                    });
                    this.navigationStrategy = new _index2.NavigationStrategyMatrix(this.cardsPerRow.peek());
                    this.component = _content_view.ContentView;
                    this.items = (0, _index.computed)(() => this.itemsController.items.value.filter(item => item.visible));
                    (0, _index.effect)(() => {
                        this.navigationStrategy.updateColumnsCount(this.cardsPerRow.value)
                    })
                }
                getProps() {
                    return (0, _index.computed)(() => Object.assign({}, this.getBaseProps(), {
                        contentProps: {
                            items: this.items.value,
                            kbnEnabled: this.keyboardNavigationController.enabled.value,
                            navigationStrategy: this.navigationStrategy,
                            isLoading: this.dataController.isReloading.value,
                            needToHiddenCheckBoxes: this.selectionController.needToHiddenCheckBoxes.value,
                            cardsPerRow: this.cardsPerRow.value,
                            onRowHeightChange: height => {
                                this.rowHeight.value = height
                            },
                            onFirstElementChange: firstElement => {
                                this.keyboardNavigationController.setFirstCardElement(firstElement)
                            },
                            onColumnGapChange: gap => {
                                this.columnGap.value = gap
                            },
                            onPageChange: this.onPageChange.bind(this),
                            showCardContextMenu: this.showCardContextMenu.bind(this),
                            wordWrapEnabled: this.options.oneWay("wordWrapEnabled").value,
                            cardProps: {
                                minWidth: this.cardMinWidth.value,
                                maxWidth: this.options.oneWay("cardMaxWidth").value,
                                fieldHintEnabled: this.options.oneWay("fieldHintEnabled").value,
                                isCheckBoxesRendered: this.selectionController.isCheckBoxesRendered.value,
                                allowSelectOnClick: this.selectionController.allowSelectOnClick.value,
                                onHold: this.onCardHold.bind(this),
                                onClick: this.options.action("onCardClick").value,
                                onDblClick: this.options.action("onCardDblClick").value,
                                onHoverChanged: this.options.action("onCardHoverChanged").value,
                                onPrepared: this.options.action("onCardPrepared").value,
                                fieldProps: {
                                    captionProps: {
                                        onClick: this.options.action("onFieldCaptionClick").value,
                                        onDblClick: this.options.action("onFieldCaptionDblClick").value,
                                        onPrepared: this.options.action("onFieldCaptionPrepared").value
                                    },
                                    valueProps: {
                                        onClick: this.options.action("onFieldValueClick").value,
                                        onDblClick: this.options.action("onFieldValueDblClick").value,
                                        onPrepared: this.options.action("onFieldValuePrepared").value
                                    }
                                },
                                onEdit: (key, returnFocusTo) => {
                                    this.keyboardNavigationController.setReturnFocusTo(returnFocusTo);
                                    this.editingController.editCard(key)
                                },
                                onDelete: (key, returnFocusTo) => {
                                    this.keyboardNavigationController.setReturnFocusTo(returnFocusTo);
                                    this.editingController.deleteCard(key)
                                },
                                allowUpdating: this.editingController.allowUpdating.value,
                                allowDeleting: this.editingController.allowDeleting.value,
                                footerTemplate: this.options.template("cardFooterTemplate").value,
                                template: this.options.template("cardTemplate").value,
                                contentTemplate: this.options.template("cardContentTemplate").value,
                                cover: {
                                    imageExpr: this.processExpr(this.options.oneWay("cardCover.imageExpr").value),
                                    altExpr: this.processExpr(this.options.oneWay("cardCover.altExpr").value),
                                    maxHeight: this.options.oneWay("cardCover.maxHeight").value,
                                    ratio: this.options.oneWay("cardCover.aspectRatio").value,
                                    template: this.options.template("cardCover.template").value
                                },
                                header: {
                                    visible: this.options.oneWay("cardHeader.visible").value,
                                    items: this.options.oneWay("cardHeader.items").value,
                                    template: this.options.template("cardHeader.template").value
                                },
                                toolbar: this.options.oneWay("cardHeader.items").value,
                                selectCard: this.selectCard.bind(this),
                                onSelectAllCards: this.onSelectAllCards.bind(this),
                                onSearchFocus: () => {
                                    this.searchUIController.doUIAction("focusSearchTextBox")
                                },
                                onFocusedCardChanged: (card, cardIdx, element) => {
                                    this.keyboardNavigationController.onFocusedCardChanged(card, cardIdx, element)
                                }
                            }
                        }
                    }))
                }
                processExpr(expr) {
                    if (!(0, _type.isDefined)(expr)) {
                        return
                    }
                    return (0, _data.compileGetter)(expr)
                }
                selectCard(card, options) {
                    if (options.needToUpdateCheckboxes) {
                        this.selectionController.updateSelectionCheckBoxesVisible(true)
                    }
                    this.selectionController.changeCardSelection(card.index, options)
                }
                onCardHold(e) {
                    this.selectionController.processLongTap(e.card)
                }
                showCardContextMenu(e, card, cardIndex) {
                    this.contextMenuController.show(e, "content", {
                        card: card,
                        cardIndex: cardIndex
                    })
                }
                onSelectAllCards() {
                    this.selectionController.selectAll()
                }
                onPageChange(value) {
                    if (value < 0) {
                        this.dataController.decreasePageIndex()
                    } else {
                        this.dataController.increasePageIndex()
                    }
                }
            }
            exports.ContentView = ContentView
        },
        51914(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ContextMenuController = void 0;
            var _message = (e = __webpack_require__( /*! ../../../../../localization/message */ 33881), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index = __webpack_require__( /*! ../../grid_core/columns_controller/index */ 50875);
            var _controller = __webpack_require__( /*! ../../grid_core/context_menu/controller */ 7194);
            var _index2 = __webpack_require__( /*! ../../grid_core/sorting_controller/index */ 37386);
            var _options_controller = __webpack_require__( /*! ../options_controller */ 42015);
            class ContextMenuController extends _controller.BaseContextMenuController {
                constructor(columnsController, options, sortingController) {
                    super();
                    this.columnsController = columnsController;
                    this.options = options;
                    this.sortingController = sortingController
                }
                show(event, view) {
                    let contextInfo = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
                    let onMenuCloseCallback = arguments.length > 3 ? arguments[3] : void 0;
                    super.show(event, view, contextInfo, onMenuCloseCallback)
                }
                getItems(view, targetElement) {
                    let contextInfo = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
                    const items = [];
                    if ("headerPanel" === view && contextInfo.column) {
                        items.push(...this.getSortingItems(contextInfo.column))
                    }
                    const event = Object.assign({
                        items: items.length > 0 ? items : void 0,
                        target: view,
                        targetElement: targetElement,
                        columnIndex: void 0,
                        card: void 0,
                        cardIndex: void 0,
                        column: void 0
                    }, contextInfo);
                    const callback = this.options.action("onContextMenuPreparing").peek();
                    callback(event);
                    return event.items
                }
                getSortingItems(column) {
                    const mode = this.sortingController.mode.value;
                    const isDisabled = "none" === mode || !column.allowSorting;
                    const onItemClick = event => {
                        this.handleSortMenuClick(event, mode, column)
                    };
                    return [{
                        text: this.options.oneWay("sorting.ascendingText").peek() ?? _message.default.format("dxDataGrid-sortingAscendingText"),
                        value: "asc",
                        disabled: isDisabled || "asc" === column.sortOrder,
                        icon: "sortuptext",
                        onItemClick: onItemClick
                    }, {
                        text: this.options.oneWay("sorting.descendingText").peek() ?? _message.default.format("dxDataGrid-sortingDescendingText"),
                        value: "desc",
                        disabled: isDisabled || "desc" === column.sortOrder,
                        icon: "sortdowntext",
                        onItemClick: onItemClick
                    }, {
                        text: this.options.oneWay("sorting.clearText").peek() ?? _message.default.format("dxDataGrid-sortingClearText"),
                        value: void 0,
                        disabled: isDisabled || !column.sortOrder,
                        icon: "none",
                        onItemClick: onItemClick
                    }]
                }
                handleSortMenuClick(e, mode, column) {
                    var _e$itemData;
                    const sortOrder = null === (_e$itemData = e.itemData) || void 0 === _e$itemData ? void 0 : _e$itemData.value;
                    switch (mode) {
                        case "single":
                            this.sortingController.onSingleModeSortCore(column, true, sortOrder);
                            break;
                        case "multiple":
                            this.sortingController.onMultipleModeSortCore(column, false, sortOrder)
                    }
                }
            }
            exports.ContextMenuController = ContextMenuController;
            ContextMenuController.dependencies = [_index.ColumnsController, _options_controller.OptionsController, _index2.SortingController]
        },
        6024(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            var _controller = __webpack_require__( /*! ./controller */ 51914);
            Object.keys(_controller).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _controller[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _controller[key]
                    }
                })
            });
            var _view = __webpack_require__( /*! ./view */ 84103);
            Object.keys(_view).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _view[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _view[key]
                    }
                })
            })
        },
        84103(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ContextMenuView = void 0;
            var _view = __webpack_require__( /*! ../../grid_core/context_menu/view */ 74743);
            var _controller = __webpack_require__( /*! ./controller */ 51914);
            class ContextMenuView extends _view.BaseContextMenuView {
                constructor(controller) {
                    super(controller);
                    this.controller = controller
                }
            }
            exports.ContextMenuView = ContextMenuView;
            ContextMenuView.dependencies = [_controller.ContextMenuController]
        },
        44067(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.register = function(diContext) {
                (0, _index.setupStateManager)({
                    diContext: diContext,
                    componentName: "CardView"
                });
                (0, _di.register)(diContext);
                diContext.register(ContentViewModule.View);
                diContext.addAlias(BaseContentViewModule.View, ContentViewModule.View);
                diContext.register(_controller3.HeaderPanelController);
                diContext.register(_view2.HeaderPanelView);
                diContext.register(_view.ContextMenuView);
                diContext.register(_controller2.ContextMenuController);
                diContext.addAlias(_controller.BaseContextMenuController, _controller2.ContextMenuController)
            };
            var _index = __webpack_require__( /*! ../../../core/state_manager/index */ 74636);
            var BaseContentViewModule = _interopRequireWildcard(__webpack_require__( /*! ../grid_core/content_view/index */ 71967));
            var _controller = __webpack_require__( /*! ../grid_core/context_menu/controller */ 7194);
            var _di = __webpack_require__( /*! ../grid_core/di */ 3955);
            var ContentViewModule = _interopRequireWildcard(__webpack_require__( /*! ./content_view/index */ 87996));
            var _controller2 = __webpack_require__( /*! ./context_menu/controller */ 51914);
            var _view = __webpack_require__( /*! ./context_menu/view */ 84103);
            var _controller3 = __webpack_require__( /*! ./header_panel/controller */ 10567);
            var _view2 = __webpack_require__( /*! ./header_panel/view */ 39706);

            function _interopRequireWildcard(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return (_interopRequireWildcard = function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                })(e, t)
            }
        },
        33847(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.I18N_MESSAGE_SEPARATOR = exports.I18N_KEYS = void 0;
            exports.I18N_KEYS = {
                common: "dxCardView-ariaHeaderItemLabel",
                headerFilter: "dxCardView-ariaHeaderHasHeaderFilterLabel",
                sortingAsc: "dxCardView-ariaHeaderItemSortingAscendingLabel",
                sortingDesc: "dxCardView-ariaHeaderItemSortingDescendingLabel",
                sortIndex: "dxCardView-ariaHeaderItemSortingIndexLabel"
            };
            exports.I18N_MESSAGE_SEPARATOR = ", "
        },
        76444(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "getHeaderItemA11yLabel", {
                enumerable: true,
                get: function() {
                    return _utils.getHeaderItemA11yLabel
                }
            });
            var _utils = __webpack_require__( /*! ./utils */ 30037)
        },
        30037(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getSortingA11yLabel = exports.getSortIndexA11yLabel = exports.getHeaderItemA11yLabel = exports.getHeaderFilterA11yLabel = exports.getCommonA11yLabel = void 0;
            var _message = (e = __webpack_require__( /*! ../../../../../../common/core/localization/message */ 4671), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _type = __webpack_require__( /*! ../../../../../../core/utils/type */ 11528);
            var _const = __webpack_require__( /*! ./const */ 33847);
            const getCommonA11yLabel = columnName => _message.default.format(_const.I18N_KEYS.common, columnName);
            exports.getCommonA11yLabel = getCommonA11yLabel;
            const getHeaderFilterA11yLabel = hasHeaderFilterValue => hasHeaderFilterValue ? _message.default.format(_const.I18N_KEYS.headerFilter) : null;
            exports.getHeaderFilterA11yLabel = getHeaderFilterA11yLabel;
            const getSortingA11yLabel = sortOrder => {
                switch (sortOrder) {
                    case "asc":
                        return _message.default.format(_const.I18N_KEYS.sortingAsc);
                    case "desc":
                        return _message.default.format(_const.I18N_KEYS.sortingDesc);
                    default:
                        return null
                }
            };
            exports.getSortingA11yLabel = getSortingA11yLabel;
            const getSortIndexA11yLabel = (sortOrder, sortIndex) => sortOrder && (0, _type.isDefined)(sortIndex) ? _message.default.format(_const.I18N_KEYS.sortIndex, sortIndex + 1) : null;
            exports.getSortIndexA11yLabel = getSortIndexA11yLabel;
            exports.getHeaderItemA11yLabel = (columnName, _ref) => {
                let {
                    sortOrder: sortOrder,
                    sortIndex: sortIndex,
                    hasHeaderFilterValue: hasHeaderFilterValue
                } = _ref;
                return [getCommonA11yLabel(columnName), getHeaderFilterA11yLabel(hasHeaderFilterValue), getSortingA11yLabel(sortOrder), getSortIndexA11yLabel(sortOrder, sortIndex)].filter(msg => !!msg).join(_const.I18N_MESSAGE_SEPARATOR)
            }
        },
        85992(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ColumnSortable = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../../core/renderer */ 64553));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../../localization/message */ 33881));
            var _combine_classes = __webpack_require__( /*! ../../../../core/utils/combine_classes */ 46190);
            var _icon = __webpack_require__( /*! ../../grid_core/icon */ 93445);
            var _sortable = __webpack_require__( /*! ../../grid_core/inferno_wrappers/sortable */ 87819);
            const _excluded = ["source", "getColumnByIndex", "allowDragging", "onColumnMove", "columnDragTemplate", "dropFeedbackMode"];

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CLASS_widget = "dx-widget",
                CLASS_columnSortable = "dx-cardview-column-sortable",
                CLASS_dropzone = "dx-cardview-dropzone",
                CLASS_dropzoneVisible = "dx-cardview-dropzone-visible";
            class ColumnSortable extends _inferno.Component {
                constructor() {
                    super(...arguments);
                    this.onDragStart = e => {
                        var _this$props$isColumnD, _this$props, _this$props$onDragSta, _this$props2;
                        const column = this.props.getColumnByIndex(e.fromIndex);
                        const isDraggable = (null === (_this$props$isColumnD = (_this$props = this.props).isColumnDraggable) || void 0 === _this$props$isColumnD ? void 0 : _this$props$isColumnD.call(_this$props, column)) ?? true;
                        if (!isDraggable) {
                            e.cancel = true;
                            return
                        }
                        const {
                            source: source
                        } = this.props;
                        e.itemData = {
                            column: column,
                            status: "moving",
                            source: source,
                            destination: source
                        };
                        e.itemData = Object.assign({}, e.itemData, this.getNeighborColumns(e));
                        null === (_this$props$onDragSta = (_this$props2 = this.props).onDragStart) || void 0 === _this$props$onDragSta || _this$props$onDragSta.call(_this$props2, e)
                    };
                    this.onDraggableElementShown = e => {
                        (0, _renderer.default)(e.dragElement).addClass(CLASS_widget);
                        (0, _renderer.default)(e.dragElement).addClass(CLASS_columnSortable)
                    };
                    this.onDragMove = e => {
                        const destination = e.toComponent.option("_source");
                        const {
                            columnBefore: columnBefore,
                            columnAfter: columnAfter
                        } = this.getNeighborColumns(e);
                        e.itemData.columnBefore = columnBefore;
                        e.itemData.columnAfter = columnAfter;
                        e.itemData.destination = destination;
                        e.itemData.status = this.getDraggingStatus(e);
                        this.renderDragTemplate(e.itemData)
                    };
                    this.onColumnMove = e => {
                        var _this$props$onColumnM, _this$props3;
                        if ("forbid" === e.itemData.status) {
                            return
                        }
                        null === (_this$props$onColumnM = (_this$props3 = this.props).onColumnMove) || void 0 === _this$props$onColumnM || _this$props$onColumnM.call(_this$props3, e.itemData.column, e.toIndex, e.itemData)
                    };
                    this.renderDragTemplate = itemData => {
                        if (!itemData || !this.dragItemContainer) {
                            return
                        }
                        const DragTemplate = this.props.columnDragTemplate;
                        (0, _inferno.render)((0, _inferno.createComponentVNode)(2, DragTemplate, {
                            column: itemData.column,
                            status: itemData.status,
                            isDragging: true
                        }), this.dragItemContainer)
                    }
                }
                render() {
                    const _this$props4 = this.props,
                        {
                            source: source,
                            allowDragging: allowDragging,
                            columnDragTemplate: columnDragTemplate,
                            dropFeedbackMode: dropFeedbackMode
                        } = _this$props4,
                        restProps = function(r, e) {
                            if (null == r) {
                                return {}
                            }
                            var t = {};
                            for (var n in r) {
                                if ({}.hasOwnProperty.call(r, n)) {
                                    if (-1 !== e.indexOf(n)) {
                                        continue
                                    }
                                    t[n] = r[n]
                                }
                            }
                            return t
                        }(_this$props4, _excluded);
                    const needSortable = allowDragging ?? true;
                    if (!needSortable) {
                        return this.props.children
                    }
                    const dragTemplate = columnDragTemplate ? (e, container) => {
                        this.dragItemContainer = (0, _renderer.default)(container).get(0);
                        this.renderDragTemplate(e.itemData)
                    } : void 0;
                    const dropzoneClasses = (0, _combine_classes.combineClasses)({
                        [CLASS_dropzone]: true,
                        [CLASS_dropzoneVisible]: !!this.props.showDropzone
                    });
                    return (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _sortable.Sortable, Object.assign({
                        boundary: "body"
                    }, restProps, {
                        dropFeedbackMode: dropFeedbackMode ?? "indicate",
                        onDragStart: this.onDragStart,
                        group: "dx-cardview-columns",
                        onAdd: this.onColumnMove,
                        onReorder: this.onColumnMove,
                        onDragMove: this.onDragMove,
                        dragTemplate: dragTemplate,
                        _source: source,
                        onPlaceholderPrepared: this.props.onPlaceholderPrepared,
                        onDraggableElementShown: this.onDraggableElementShown,
                        children: [this.props.children, (0, _inferno.createVNode)(1, "div", dropzoneClasses, [(0, _inferno.createComponentVNode)(2, _icon.Icon, {
                            name: "dropzone"
                        }), (0, _inferno.createVNode)(1, "span", null, _message.default.format("dxCardView-headerItemDropZoneText"), 0)], 4)]
                    })))
                }
                getDraggingStatus(e) {
                    const {
                        column: column,
                        source: source,
                        destination: destination,
                        columnBefore: columnBefore,
                        columnAfter: columnAfter
                    } = e.itemData;
                    const containerRect = (0, _renderer.default)(e.element).get(0).getBoundingClientRect();
                    const mouseX = e.event.clientX;
                    const mouseY = e.event.clientY;
                    const yDistance = Math.min(Math.abs(mouseY - containerRect.y), Math.abs(mouseY - (containerRect.y + containerRect.height)));
                    const isMouseOnSourceContainer = mouseX >= containerRect.x && mouseX <= containerRect.x + containerRect.width && mouseY >= containerRect.y && mouseY <= containerRect.y + containerRect.height;
                    if ("column-chooser" === source && "header-panel-main" === destination) {
                        return "moving"
                    }
                    if ("header-panel-main" === source && "column-chooser" === destination) {
                        return column.allowHiding ? "moving" : "forbid"
                    }
                    if ("header-panel-main" === source && "header-panel-main" === destination) {
                        const isDragCloseEnough = yDistance <= 20;
                        const canReorder = column.allowReordering;
                        const canInsert = !!(null !== columnBefore && void 0 !== columnBefore && columnBefore.allowReordering) || !!(null !== columnAfter && void 0 !== columnAfter && columnAfter.allowReordering);
                        const isMoving = isDragCloseEnough && canInsert && canReorder;
                        return isMoving ? "moving" : "forbid"
                    }
                    if ("column-chooser" === source && "column-chooser" === destination) {
                        const isMoving = isMouseOnSourceContainer;
                        return isMoving ? "moving" : "forbid"
                    }
                    return "forbid"
                }
                getNeighborColumns(e) {
                    const {
                        source: source,
                        destination: destination
                    } = e.itemData;
                    if ("header-panel-main" !== destination) {
                        return {
                            columnBefore: void 0,
                            columnAfter: void 0
                        }
                    }
                    const column = e.itemData.column;
                    const toIndex = e.toIndex ?? column.headerPanelIndex;
                    const {
                        visibleColumns: visibleColumns
                    } = this.props;
                    if ("header-panel-main" === source) {
                        const isMovingLeft = toIndex < column.headerPanelIndex;
                        return isMovingLeft ? {
                            columnBefore: visibleColumns[toIndex - 1],
                            columnAfter: visibleColumns[toIndex]
                        } : {
                            columnBefore: visibleColumns[toIndex],
                            columnAfter: visibleColumns[toIndex + 1]
                        }
                    }
                    if ("column-chooser" === source) {
                        return {
                            columnBefore: visibleColumns[toIndex - 1],
                            columnAfter: visibleColumns[toIndex]
                        }
                    }
                    return {
                        columnBefore: void 0,
                        columnAfter: void 0
                    }
                }
            }
            exports.ColumnSortable = ColumnSortable
        },
        10567(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.HeaderPanelController = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index = __webpack_require__( /*! ../../grid_core/column_chooser/index */ 45415);
            var _index2 = __webpack_require__( /*! ../../grid_core/columns_controller/index */ 50875);
            const CLASS_hidden = "dx-hidden";
            class HeaderPanelController {
                constructor(columnsController, columnChooserView) {
                    this.columnsController = columnsController;
                    this.columnChooserView = columnChooserView;
                    this.isColumnDraggable = column => {
                        const canHide = column.allowHiding && this.columnChooserView.dragModeOpened.peek();
                        const canReorder = this.canReorder(column);
                        return canReorder || canHide
                    };
                    this.onColumnMove = (column, toIndex, draggingColumnData) => {
                        const {
                            columnAfter: columnAfter
                        } = draggingColumnData;
                        const needPreserveOrder = !this.canReorder(column);
                        if (needPreserveOrder) {
                            this.columnsController.columnOption(column, "visible", true);
                            return
                        }
                        if (void 0 === columnAfter) {
                            const columnsCount = this.columnsController.columns.peek().length;
                            this.columnsController.columnOption(column, "visible", true);
                            this.columnsController.columnOption(column, "visibleIndex", columnsCount);
                            return
                        }
                        this.columnsController.updateColumns(columns => {
                            const newColumns = [...columns];
                            newColumns.forEach((oldColumn, index) => {
                                const updatedColumn = Object.assign({}, oldColumn);
                                if (oldColumn.name === column.name) {
                                    updatedColumn.visibleIndex = columnAfter.visibleIndex;
                                    updatedColumn.visible = true
                                } else if (oldColumn.visibleIndex >= columnAfter.visibleIndex) {
                                    updatedColumn.visibleIndex = oldColumn.visibleIndex + 1
                                }
                                newColumns[index] = updatedColumn
                            });
                            return newColumns
                        })
                    };
                    this.onPlaceholderPrepared = e => {
                        const $placeholderElement = (0, _renderer.default)(e.placeholderElement);
                        const {
                            column: column
                        } = e.itemData;
                        const canReorder = this.canReorder(column);
                        $placeholderElement.toggleClass(CLASS_hidden, !canReorder)
                    }
                }
                canReorder(column) {
                    const allowColumnReordering = this.columnsController.allowColumnReordering.peek();
                    return allowColumnReordering && column.allowReordering
                }
            }
            exports.HeaderPanelController = HeaderPanelController;
            HeaderPanelController.dependencies = [_index2.ColumnsController, _index.ColumnChooserView]
        },
        84531(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.HeaderPanel = exports.CLASSES = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _message = (e = __webpack_require__( /*! ../../../../../localization/message */ 33881), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _combine_classes = __webpack_require__( /*! ../../../../core/utils/combine_classes */ 46190);
            var _m_utils = __webpack_require__( /*! ../../../../filter_builder/m_utils */ 29498);
            var _scrollable = __webpack_require__( /*! ../../../../grids/new/grid_core/inferno_wrappers/scrollable */ 90882);
            var _index = __webpack_require__( /*! ../../../../grids/new/grid_core/keyboard_navigation/index */ 58529);
            var _utils = __webpack_require__( /*! ../../grid_core/filtering/header_filter/utils */ 1261);
            var _column_sortable = __webpack_require__( /*! ./column_sortable */ 85992);
            var _item = __webpack_require__( /*! ./item */ 50348);
            const CLASSES = exports.CLASSES = {
                link: "dx-link",
                headers: "dx-cardview-headers",
                content: "dx-cardview-headerpanel-content",
                contentHasHeaderItems: "dx-cardview-headerpanel-content--with-header-items",
                contentEmpty: "dx-cardview-headerpanel-content--empty",
                headerPanelTextEmpty: "dx-cardview-headerpanel-text-empty",
                headerItemContainer: "dx-cardview-header-item-container",
                sortable: "dx-cardview-sortable",
                sortablePlaceholder: "dx-cardview-header-item-sort-indicator"
            };
            const ItemWithKbn = (0, _index.withKbnNavigationItem)((0, _index.withKeyDownHandler)(_item.Item));
            const EmptyHeaderPanelText = props => {
                const text = _message.default.format("dxCardView-emptyHeaderPanelText");
                const columnChooserText = _message.default.format("dxCardView-emptyHeaderPanelColumnChooserText");
                const [leftPart, rightPart] = text.split("{0}");
                return (0, _inferno.createVNode)(1, "span", CLASSES.headerPanelTextEmpty, [leftPart, (0, _inferno.createVNode)(1, "a", CLASSES.link, columnChooserText, 0, {
                    onClick: props.openColumnChooser
                }), rightPart], 0, {
                    role: "menuitem"
                })
            };
            class HeaderPanel extends _inferno.Component {
                render() {
                    const HeaderItem = this.props.kbnEnabled ? ItemWithKbn : _item.Item;
                    if (!this.props.visible) {
                        return (0, _inferno.createFragment)()
                    }
                    const {
                        sortableConfig: sortableConfig
                    } = this.props;
                    const hasHeaderItems = this.props.visibleColumns.length > 0;
                    const contentClassNames = (0, _combine_classes.combineClasses)({
                        [CLASSES.content]: true,
                        [CLASSES.contentHasHeaderItems]: hasHeaderItems,
                        [CLASSES.contentEmpty]: !hasHeaderItems
                    });
                    return (0, _inferno.createVNode)(1, "div", CLASSES.headers, (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _column_sortable.ColumnSortable, Object.assign({}, this.props.draggingOptions, {
                        className: CLASSES.sortable,
                        source: "header-panel-main",
                        getColumnByIndex: index => this.props.visibleColumns[index],
                        visibleColumns: this.props.visibleColumns,
                        allowDragging: true,
                        onColumnMove: sortableConfig.onColumnMove,
                        columnDragTemplate: _item.Item,
                        itemOrientation: "horizontal",
                        filter: `.${CLASSES.headerItemContainer}`,
                        isColumnDraggable: sortableConfig.isColumnDraggable,
                        showDropzone: sortableConfig.showDropzone,
                        placeholderClassName: CLASSES.sortablePlaceholder,
                        onPlaceholderPrepared: sortableConfig.onPlaceholderPrepared,
                        children: (0, _inferno.createComponentVNode)(2, _scrollable.Scrollable, {
                            direction: "horizontal",
                            showScrollbar: "never",
                            useNative: false,
                            scrollByContent: true,
                            useKeyboard: false,
                            children: (0, _inferno.createComponentVNode)(2, _index.KbnNavigationContainer, {
                                enabled: this.props.kbnEnabled,
                                navigationStrategy: this.props.navigationStrategy,
                                children: (0, _inferno.createVNode)(1, "div", contentClassNames, [!hasHeaderItems && (0, _inferno.createComponentVNode)(2, EmptyHeaderPanelText, {
                                    openColumnChooser: this.props.openColumnChooser
                                }), this.props.visibleColumns.map((column, idx) => (0, _inferno.createVNode)(1, "div", CLASSES.headerItemContainer, (0, _inferno.createComponentVNode)(2, HeaderItem, {
                                    navigationIdx: idx,
                                    navigationStrategy: this.props.navigationStrategy,
                                    showSortIndexes: this.props.showSortIndexes,
                                    column: column,
                                    template: this.props.itemTemplate,
                                    cssClass: this.props.itemCssClass,
                                    hasFilters: this.itemHasFilters(column, this.props.filterSyncValue),
                                    keyDownConfig: {
                                        Enter: event => {
                                            this.props.onColumnSort(column, event)
                                        },
                                        "Enter+ctrl": event => {
                                            this.props.onColumnSort(column, event)
                                        },
                                        "Enter+shift": event => {
                                            this.props.onColumnSort(column, event)
                                        },
                                        "ArrowDown+alt": (event, ref) => {
                                            var _this$props$onHeaderF, _this$props;
                                            null === (_this$props$onHeaderF = (_this$props = this.props).onHeaderFilterOpen) || void 0 === _this$props$onHeaderF || _this$props$onHeaderF.call(_this$props, ref.current, column, () => {
                                                var _ref$current;
                                                return null === (_ref$current = ref.current) || void 0 === _ref$current ? void 0 : _ref$current.focus()
                                            })
                                        }
                                    },
                                    caughtEventPreventDefault: true,
                                    onSortClick: event => {
                                        this.props.onColumnSort(column, event)
                                    },
                                    onFilterClick: element => {
                                        var _this$props$onHeaderF2, _this$props2;
                                        null === (_this$props$onHeaderF2 = (_this$props2 = this.props).onHeaderFilterOpen) || void 0 === _this$props$onHeaderF2 || _this$props$onHeaderF2.call(_this$props2, element, column)
                                    },
                                    onContextMenu: (event, ref) => {
                                        this.props.showContextMenu(event, column, idx, () => null === ref || void 0 === ref ? void 0 : ref.focus())
                                    }
                                }), 2))], 0, {
                                    role: "menubar"
                                })
                            })
                        })
                    }))), 2, {
                        onContextMenu: this.props.showContextMenu
                    })
                }
                itemHasFilters(column, filterSyncValue) {
                    const {
                        filterValues: filterValues
                    } = column;
                    const columnId = (0, _utils.getColumnIdentifier)(column);
                    const hasHeaderFilterValue = !!(null !== filterValues && void 0 !== filterValues && filterValues.length);
                    const hasFilterSyncValue = (0, _m_utils.filterHasField)(filterSyncValue, columnId);
                    return hasHeaderFilterValue || hasFilterSyncValue
                }
            }
            exports.HeaderPanel = HeaderPanel
        },
        6347(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            var _exportNames = {
                View: true
            };
            Object.defineProperty(exports, "View", {
                enumerable: true,
                get: function() {
                    return _view.HeaderPanelView
                }
            });
            var _options = __webpack_require__( /*! ./options */ 62233);
            Object.keys(_options).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (Object.prototype.hasOwnProperty.call(_exportNames, key)) {
                    return
                }
                if (key in exports && exports[key] === _options[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _options[key]
                    }
                })
            });
            var _view = __webpack_require__( /*! ./view */ 39706)
        },
        50348(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Item = exports.CLASSES = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _icon = __webpack_require__( /*! ../../grid_core/icon */ 93445);
            var _index = __webpack_require__( /*! ./a11y/index */ 76444);
            const CLASSES = exports.CLASSES = {
                item: "dx-cardview-header-item",
                button: "dx-cardview-header-item-button",
                sorting: {
                    container: "dx-cardview-header-item-sorting",
                    order: "dx-cardview-header-item-sorting-order"
                },
                headerFilter: {
                    icon: "dx-header-filter-icon",
                    iconFilled: "dx-header-filter-icon--selected"
                }
            };

            function SortIcon(props) {
                return (0, _inferno.createVNode)(1, "div", CLASSES.sorting.container, ["asc" === props.sortOrder && (0, _inferno.createComponentVNode)(2, _icon.Icon, {
                    name: "arrowsortup"
                }), "desc" === props.sortOrder && (0, _inferno.createComponentVNode)(2, _icon.Icon, {
                    name: "arrowsortdown"
                }), props.showSortIndex && (0, _inferno.createVNode)(1, "div", CLASSES.sorting.order, props.sortIndex, 0)], 0)
            }
            class Item extends _inferno.Component {
                constructor() {
                    super(...arguments);
                    this.onFilterClickHandler = event => {
                        var _this$props$elementRe;
                        event.stopPropagation();
                        if (null !== (_this$props$elementRe = this.props.elementRef) && void 0 !== _this$props$elementRe && _this$props$elementRe.current) {
                            var _this$props$onFilterC, _this$props;
                            null === (_this$props$onFilterC = (_this$props = this.props).onFilterClick) || void 0 === _this$props$onFilterC || _this$props$onFilterC.call(_this$props, this.props.elementRef.current)
                        }
                    };
                    this.onContextMenuHandler = event => {
                        var _this$props$elementRe2;
                        if (null !== (_this$props$elementRe2 = this.props.elementRef) && void 0 !== _this$props$elementRe2 && _this$props$elementRe2.current) {
                            var _this$props$onContext, _this$props2;
                            null === (_this$props$onContext = (_this$props2 = this.props).onContextMenu) || void 0 === _this$props$onContext || _this$props$onContext.call(_this$props2, event, this.props.elementRef.current)
                        }
                    }
                }
                render() {
                    const {
                        column: column
                    } = this.props;
                    const Template = column.headerItemTemplate ?? this.props.template;
                    const cssClass = `${CLASSES.item} ${column.headerItemCssClass??""} ${this.props.cssClass??""}`;
                    const headerFilterIconClass = [CLASSES.headerFilter.icon, this.props.hasFilters ? CLASSES.headerFilter.iconFilled : ""].join(" ");
                    const icon = this.props.status && {
                        forbid: (0, _inferno.createComponentVNode)(2, _icon.Icon, {
                            name: "cursorprohibition"
                        }),
                        moving: (0, _inferno.createComponentVNode)(2, _icon.Icon, {
                            name: "cursormove"
                        }),
                        none: void 0
                    } [this.props.status];
                    const showSortIcon = !this.props.isDragging && void 0 !== column.sortOrder;
                    const showHeaderFilterIcon = !this.props.isDragging && (null === column || void 0 === column ? void 0 : column.allowHeaderFiltering);
                    const ariaLabel = (0, _index.getHeaderItemA11yLabel)(column.caption, {
                        hasHeaderFilterValue: this.props.hasFilters,
                        sortOrder: column.sortOrder,
                        sortIndex: column.sortIndex
                    });
                    return (0, _inferno.createVNode)(1, "div", cssClass, [icon, Template && (0, _inferno.createComponentVNode)(2, Template, {
                        column: this.props.column
                    }), !Template && this.props.column.caption, showSortIcon && (0, _inferno.createComponentVNode)(2, SortIcon, {
                        sortIndex: this.props.column.sortIndex + 1,
                        sortOrder: this.props.column.sortOrder,
                        showSortIndex: this.props.showSortIndexes ?? false
                    }), showHeaderFilterIcon && (0, _inferno.createComponentVNode)(2, _icon.Icon, {
                        name: "filter",
                        className: headerFilterIconClass,
                        onClick: this.onFilterClickHandler
                    })], 0, {
                        tabindex: this.props.tabIndex,
                        role: this.props.isDragging ? void 0 : "menuitem",
                        "aria-label": ariaLabel,
                        onClick: this.props.onSortClick,
                        onKeyDown: this.props.onKeyDown,
                        onContextMenu: this.onContextMenuHandler
                    }, null, this.props.elementRef)
                }
            }
            exports.Item = Item
        },
        62233(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptions = void 0;
            exports.defaultOptions = {
                headerPanel: {
                    visible: true
                }
            }
        },
        39706(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.HeaderPanelView = void 0;
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _columns_controller = __webpack_require__( /*! ../../../../grids/new/grid_core/columns_controller/columns_controller */ 88195);
            var _view = __webpack_require__( /*! ../../../../grids/new/grid_core/core/view */ 3455);
            var _index2 = __webpack_require__( /*! ../../../../grids/new/grid_core/keyboard_navigation/index */ 58529);
            var _index3 = __webpack_require__( /*! ../../grid_core/column_chooser/index */ 45415);
            var _filter_controller = __webpack_require__( /*! ../../grid_core/filtering/filter_controller */ 24628);
            var _view_controller = __webpack_require__( /*! ../../grid_core/filtering/header_filter/view_controller */ 58814);
            var _index4 = __webpack_require__( /*! ../../grid_core/sorting_controller/index */ 37386);
            var _index5 = __webpack_require__( /*! ../context_menu/index */ 6024);
            var _options_controller = __webpack_require__( /*! ../options_controller */ 42015);
            var _controller = __webpack_require__( /*! ./controller */ 10567);
            var _header_panel = __webpack_require__( /*! ./header_panel */ 84531);
            class HeaderPanelView extends _view.View {
                constructor(headerPanelController, contextMenuController, sortingController, columnsController, options, headerFilterViewController, keyboardNavigationController, columnChooserController, filterController, columnChooserView) {
                    super();
                    this.headerPanelController = headerPanelController;
                    this.contextMenuController = contextMenuController;
                    this.sortingController = sortingController;
                    this.columnsController = columnsController;
                    this.options = options;
                    this.headerFilterViewController = headerFilterViewController;
                    this.keyboardNavigationController = keyboardNavigationController;
                    this.columnChooserController = columnChooserController;
                    this.filterController = filterController;
                    this.columnChooserView = columnChooserView;
                    this.component = _header_panel.HeaderPanel;
                    this.navigationStrategy = new _index2.NavigationStrategyHorizontalList;
                    this.showDropzone = (0, _index.computed)(() => {
                        var _this$columnChooserCo;
                        const allowReordering = this.columnsController.allowColumnReordering.value;
                        const column = null === (_this$columnChooserCo = this.columnChooserController.draggingItem.value) || void 0 === _this$columnChooserCo ? void 0 : _this$columnChooserCo.column;
                        if (!column) {
                            return false
                        }
                        const allColumnsHidden = 0 === this.columnsController.visibleColumns.value.length;
                        const canReorder = allowReordering && column.allowReordering;
                        return !canReorder || allColumnsHidden
                    })
                }
                getProps() {
                    return (0, _index.computed)(() => ({
                        visibleColumns: this.columnsController.visibleColumns.value,
                        kbnEnabled: this.keyboardNavigationController.enabled.value,
                        navigationStrategy: this.navigationStrategy,
                        showSortIndexes: this.sortingController.showSortIndexes.value,
                        onColumnSort: this.onColumnSort.bind(this),
                        itemTemplate: this.options.template("headerPanel.itemTemplate").value,
                        onHeaderFilterOpen: this.onHeaderFilterOpen.bind(this),
                        itemCssClass: this.options.oneWay("headerPanel.itemCssClass").value,
                        visible: this.options.oneWay("headerPanel.visible").value,
                        draggingOptions: this.options.oneWay("headerPanel.dragging").value,
                        sortableConfig: {
                            onColumnMove: this.headerPanelController.onColumnMove,
                            showDropzone: this.showDropzone.value,
                            isColumnDraggable: this.headerPanelController.isColumnDraggable,
                            onPlaceholderPrepared: this.headerPanelController.onPlaceholderPrepared
                        },
                        showContextMenu: this.showContextMenu.bind(this),
                        openColumnChooser: () => {
                            this.columnChooserView.show()
                        },
                        filterSyncValue: this.filterController.filterSyncValue.value
                    }))
                }
                onColumnSort(column, event) {
                    const mode = this.sortingController.mode.peek();
                    switch (mode) {
                        case "none":
                            return;
                        case "single":
                            this.sortingController.onSingleModeSortClick(column, event);
                            return;
                        case "multiple":
                            this.sortingController.onMultipleModeSortClick(column, event);
                            return;
                        default:
                            throw new Error("Unsupported sorting state")
                    }
                }
                onHeaderFilterOpen(element, column, onFilterCloseCallback) {
                    if (!element) {
                        return
                    }
                    this.headerFilterViewController.openPopup(element, column, onFilterCloseCallback)
                }
                showContextMenu(event, column, columnIndex, onMenuCloseCallback) {
                    this.contextMenuController.show(event, "headerPanel", {
                        column: column,
                        columnIndex: columnIndex
                    }, onMenuCloseCallback)
                }
            }
            exports.HeaderPanelView = HeaderPanelView;
            HeaderPanelView.dependencies = [_controller.HeaderPanelController, _index5.ContextMenuController, _index4.SortingController, _columns_controller.ColumnsController, _options_controller.OptionsController, _view_controller.HeaderFilterViewController, _index2.KeyboardNavigationController, _index3.ColumnChooserController, _filter_controller.FilterController, _index3.ColumnChooserView]
        },
        26893(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.MainView = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../core/state_manager/index */ 74636);
            var _index2 = __webpack_require__( /*! ../../../grids/new/grid_core/column_chooser/index */ 45415);
            var _view = __webpack_require__( /*! ../../../grids/new/grid_core/core/view */ 3455);
            var _view2 = __webpack_require__( /*! ../../../grids/new/grid_core/filtering/filter_panel/view */ 29326);
            var _index3 = __webpack_require__( /*! ../../../grids/new/grid_core/filtering/header_filter/index */ 63108);
            var _index4 = __webpack_require__( /*! ../../../grids/new/grid_core/keyboard_navigation/index */ 58529);
            var _view3 = __webpack_require__( /*! ../../../grids/new/grid_core/pager/view */ 93825);
            var _view4 = __webpack_require__( /*! ../../../grids/new/grid_core/toolbar/view */ 5061);
            var _index5 = __webpack_require__( /*! ../grid_core/accessibility/index */ 8197);
            var _common_props_context = __webpack_require__( /*! ../grid_core/core/common_props_context */ 46578);
            var _config_context = __webpack_require__( /*! ../grid_core/core/config_context */ 11024);
            var _view5 = __webpack_require__( /*! ../grid_core/editing/popup/view */ 32643);
            var _root_element_updater = __webpack_require__( /*! ../grid_core/inferno_wrappers/root_element_updater */ 16314);
            var _view6 = __webpack_require__( /*! ./content_view/view */ 96003);
            var _view7 = __webpack_require__( /*! ./context_menu/view */ 84103);
            var _view8 = __webpack_require__( /*! ./header_panel/view */ 39706);
            var _options_controller = __webpack_require__( /*! ./options_controller */ 42015);
            const CLASSES_cardView = "dx-cardview";

            function MainViewComponent(_ref) {
                let {
                    Toolbar: Toolbar,
                    Content: Content,
                    Pager: Pager,
                    HeaderPanel: HeaderPanel,
                    HeaderFilterPopup: HeaderFilterPopup,
                    FilterPanel: FilterPanel,
                    ColumnChooser: ColumnChooser,
                    ContextMenu: ContextMenu,
                    EditPopup: EditPopup,
                    config: config,
                    commonProps: commonProps,
                    accessibilityDescription: accessibilityDescription,
                    accessibilityStatus: accessibilityStatus,
                    onKeyDown: onKeyDown
                } = _ref;
                return (0, _inferno.createFragment)([(0, _inferno.createComponentVNode)(2, _config_context.ConfigContext.Provider, {
                    value: config,
                    children: (0, _inferno.createComponentVNode)(2, _common_props_context.CommonPropsContext.Provider, {
                        value: commonProps,
                        children: (0, _inferno.createComponentVNode)(2, _root_element_updater.RootElementUpdater, {
                            rootElementRef: commonProps.rootElementRef,
                            className: CLASSES_cardView,
                            children: (0, _inferno.createVNode)(1, "div", "dx-cardview-root-container", [(0, _inferno.createComponentVNode)(2, _index5.A11yStatusContainer, {
                                statusText: accessibilityStatus
                            }), (0, _inferno.createVNode)(1, "div", "dx-cardview-header-container", [(0, _inferno.createComponentVNode)(2, Toolbar), (0, _inferno.createComponentVNode)(2, HeaderPanel)], 4), (0, _inferno.createComponentVNode)(2, Content), (0, _inferno.createComponentVNode)(2, FilterPanel), (0, _inferno.createVNode)(1, "div", null, (0, _inferno.createComponentVNode)(2, Pager), 0), (0, _inferno.createComponentVNode)(2, HeaderFilterPopup), (0, _inferno.createComponentVNode)(2, EditPopup), (0, _inferno.createComponentVNode)(2, ColumnChooser), (0, _inferno.createComponentVNode)(2, ContextMenu)], 4, {
                                role: "group",
                                "aria-label": accessibilityDescription,
                                onKeyDown: onKeyDown
                            })
                        })
                    })
                })], 4)
            }
            class MainView extends _view.View {
                constructor(content, pager, toolbar, headerPanel, headerFilterPopup, filterPanel, columnsChooser, editPopup, contextMenu, options, keyboardNavigation, accessibility) {
                    super();
                    this.content = content;
                    this.pager = pager;
                    this.toolbar = toolbar;
                    this.headerPanel = headerPanel;
                    this.headerFilterPopup = headerFilterPopup;
                    this.filterPanel = filterPanel;
                    this.columnsChooser = columnsChooser;
                    this.editPopup = editPopup;
                    this.contextMenu = contextMenu;
                    this.options = options;
                    this.keyboardNavigation = keyboardNavigation;
                    this.accessibility = accessibility;
                    this.component = MainViewComponent;
                    this.config = (0, _index.computed)(() => ({
                        rtlEnabled: this.options.oneWay("rtlEnabled").value,
                        disabled: this.options.oneWay("disabled").value,
                        templatesRenderAsynchronously: this.options.oneWay("templatesRenderAsynchronously").value
                    }));
                    this.commonProps = {
                        rootElementRef: {
                            current: this.root
                        }
                    }
                }
                getProps() {
                    this.commonProps.rootElementRef.current = this.root;
                    return (0, _index.computed)(() => ({
                        Toolbar: this.toolbar.asInferno(),
                        Content: this.content.asInferno(),
                        Pager: this.pager.asInferno(),
                        HeaderPanel: this.headerPanel.asInferno(),
                        HeaderFilterPopup: this.headerFilterPopup.asInferno(),
                        FilterPanel: this.filterPanel.asInferno(),
                        ColumnChooser: this.columnsChooser.asInferno(),
                        EditPopup: this.editPopup.asInferno(),
                        ContextMenu: this.contextMenu.asInferno(),
                        config: this.config.value,
                        commonProps: this.commonProps,
                        onKeyDown: event => {
                            this.keyboardNavigation.onKeyDown(event)
                        },
                        accessibilityDescription: this.accessibility.componentDescription.value,
                        accessibilityStatus: this.accessibility.componentStatus.value
                    }))
                }
            }
            exports.MainView = MainView;
            MainView.dependencies = [_view6.ContentView, _view3.PagerView, _view4.ToolbarView, _view8.HeaderPanelView, _index3.HeaderFilterPopupView, _view2.FilterPanelView, _index2.ColumnChooserView, _view5.EditPopupView, _view7.ContextMenuView, _options_controller.OptionsController, _index4.KeyboardNavigationController, _index5.AccessibilityController]
        },
        41932(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptions = void 0;
            var GridCore = _interopRequireWildcard(__webpack_require__( /*! ../../../grids/new/grid_core/options */ 75932));
            var ContentView = _interopRequireWildcard(__webpack_require__( /*! ./content_view/index */ 87996));
            var HeaderPanel = _interopRequireWildcard(__webpack_require__( /*! ./header_panel/index */ 6347));

            function _interopRequireWildcard(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return (_interopRequireWildcard = function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                })(e, t)
            }
            exports.defaultOptions = Object.assign({}, GridCore.defaultOptions, ContentView.defaultOptions, HeaderPanel.defaultOptions)
        },
        42015(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.OptionsController = void 0;
            var _options_controller_base = __webpack_require__( /*! ../../../grids/new/grid_core/options_controller/options_controller_base */ 83273);
            class CardViewOptionsController extends _options_controller_base.OptionsController {}
            exports.OptionsController = CardViewOptionsController
        },
        67184(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.CardViewBase = exports.CardView = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _main_view = __webpack_require__( /*! ../../../grids/new/grid_core/main_view */ 77565);
            var _options_controller = __webpack_require__( /*! ../../../grids/new/grid_core/options_controller/options_controller */ 76385);
            var _widget = __webpack_require__( /*! ../../../grids/new/grid_core/widget */ 58656);
            var ContentViewModule = _interopRequireWildcard(__webpack_require__( /*! ./content_view/index */ 87996));
            var _controller = __webpack_require__( /*! ./context_menu/controller */ 51914);
            var _view = __webpack_require__( /*! ./context_menu/view */ 84103);
            var di = _interopRequireWildcard(__webpack_require__( /*! ./di */ 44067));
            var _view2 = __webpack_require__( /*! ./header_panel/view */ 39706);
            var _main_view2 = __webpack_require__( /*! ./main_view */ 26893);
            var _options = __webpack_require__( /*! ./options */ 41932);
            var _options_controller2 = __webpack_require__( /*! ./options_controller */ 42015);

            function _interopRequireWildcard(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return (_interopRequireWildcard = function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                })(e, t)
            }

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class CardViewBase extends _widget.GridCoreNew {
                _registerDIContext() {
                    super._registerDIContext();
                    di.register(this.diContext);
                    this.diContext.register(_main_view.MainView, _main_view2.MainView);
                    const optionsController = new _options_controller2.OptionsController(this);
                    this.diContext.registerInstance(_options_controller2.OptionsController, optionsController);
                    this.diContext.registerInstance(_options_controller.OptionsController, optionsController)
                }
                _initMarkup() {
                    super._initMarkup();
                    (0, _renderer.default)(this.$element()).addClass("dx-cardview")
                }
                _initDIContext() {
                    super._initDIContext();
                    this.contentView = this.diContext.get(ContentViewModule.View);
                    this.headerPanel = this.diContext.get(_view2.HeaderPanelView);
                    this.contextMenu = this.diContext.get(_view.ContextMenuView);
                    this.contextMenuController = this.diContext.get(_controller.ContextMenuController)
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), (0, _extend.extend)(true, {}, _options.defaultOptions))
                }
            }
            exports.CardViewBase = CardViewBase;
            class CardView extends(ContentViewModule.PublicMethods(CardViewBase)) {}
            exports.CardView = CardView;
            (0, _component_registrator.default)("dxCardView", CardView);
            exports.default = CardView
        },
        95569(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AccessibilityController = void 0;
            var _message = (e = __webpack_require__( /*! ../../../../../localization/message */ 33881), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _columns_controller = __webpack_require__( /*! ../columns_controller/columns_controller */ 88195);
            var _index2 = __webpack_require__( /*! ../data_controller/index */ 61124);
            class AccessibilityController {
                constructor(columnsController, dataController) {
                    this.columnsController = columnsController;
                    this.dataController = dataController;
                    this.firstRender = (0, _index.signal)(true);
                    this.description = (0, _index.computed)(() => _message.default.format("dxCardView-ariaCardView", this.dataController.totalCount.value, this.columnsController.visibleColumns.value.length));
                    this.componentDescription = (0, _index.computed)(() => this.description.value);
                    this.componentStatus = (0, _index.computed)(() => {
                        if (this.firstRender.value) {
                            return ""
                        }
                        return this.componentDescription.value
                    });
                    let firstRender = true;
                    (0, _index.effect)(() => {
                        this.componentDescription.value;
                        if (!firstRender) {
                            this.firstRender.value = false
                        }
                        firstRender = false
                    })
                }
            }
            exports.AccessibilityController = AccessibilityController;
            AccessibilityController.dependencies = [_columns_controller.ColumnsController, _index2.DataController]
        },
        8197(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "A11yStatusContainer", {
                enumerable: true,
                get: function() {
                    return _status.A11yStatusContainer
                }
            });
            Object.defineProperty(exports, "AccessibilityController", {
                enumerable: true,
                get: function() {
                    return _controller.AccessibilityController
                }
            });
            var _controller = __webpack_require__( /*! ./controller */ 95569);
            var _status = __webpack_require__( /*! ./status */ 54052)
        },
        54052(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.A11yStatusContainer = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _const = __webpack_require__( /*! ../const */ 46793);
            const CLASSES = Object.assign({}, _const.CLASSES, {
                container: "dx-gridbase-a11y-status-container"
            });
            class A11yStatusContainer extends _inferno.Component {
                render() {
                    return (0, _inferno.createVNode)(1, "div", `${CLASSES.container} ${CLASSES.excludeFlexBox}`, this.props.statusText ?? "", 0, {
                        role: "status"
                    })
                }
            }
            exports.A11yStatusContainer = A11yStatusContainer
        },
        94944(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getPosition = exports.getCardStateDescription = exports.getCardRoleDescription = exports.getCardDescriptiveLabel = void 0;
            var _message = (e = __webpack_require__( /*! ../../../../../localization/message */ 33881), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.getCardRoleDescription = isEditable => isEditable ? _message.default.format("dxCardView-ariaEditableCard") : _message.default.format("dxCardView-ariaCard");
            const getPositionDescription = position => position ? _message.default.format("dxCardView-ariaCardPosition", position.rowIndex + 1, position.columnIndex + 1) : "";
            exports.getCardStateDescription = (position, isSelectable, isSelected) => {
                const parts = [getPositionDescription(position)];
                if (isSelectable) {
                    parts.push(isSelected ? _message.default.format("dxCardView-ariaSelectedCardState") : _message.default.format("dxCardView-ariaNotSelectedCardState"))
                }
                return parts.join(", ")
            };
            exports.getCardDescriptiveLabel = (hasCover, coverId, contentId) => {
                const ids = [];
                if (hasCover) {
                    ids.push(coverId)
                }
                ids.push(contentId);
                return ids.join(" ")
            };
            exports.getPosition = (idx, columnCount) => ({
                rowIndex: Math.floor(idx / columnCount),
                columnIndex: idx % columnCount
            })
        },
        6747(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ColumnChooser = exports.CLASS = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _message = (e = __webpack_require__( /*! ../../../../../localization/message */ 33881), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _column_sortable = __webpack_require__( /*! ../../card_view/header_panel/column_sortable */ 85992);
            var _item = __webpack_require__( /*! ../../card_view/header_panel/item */ 50348);
            var _const = __webpack_require__( /*! ../const */ 46793);
            var _popup = __webpack_require__( /*! ../inferno_wrappers/popup */ 36525);
            var _tree_view = __webpack_require__( /*! ../inferno_wrappers/tree_view */ 47127);
            const CLASS = exports.CLASS = {
                excludeFlexBox: _const.CLASSES.excludeFlexBox,
                root: "column-chooser",
                toolbarBtn: "column-chooser-button",
                list: "column-chooser-list",
                plain: "column-chooser-plain",
                dragMode: "column-chooser-mode-drag",
                selectMode: "column-chooser-mode-select",
                treeviewItem: "dx-treeview-item",
                treeviewExpanderIcon: "dx-treeview-expander-icon-stub"
            };
            class ColumnChooser extends _inferno.Component {
                constructor() {
                    super(...arguments);
                    this.onShowing = e => {
                        const popup = e.component;
                        if (void 0 === this.props.popupConfig.position) {
                            popup.option("position", {
                                my: "right top",
                                at: "right bottom",
                                of: ".dx-cardview-column-chooser-button",
                                collision: "fit",
                                offset: "-2 -2",
                                boundaryOffset: "2 2"
                            })
                        }
                        this.setPopupAttributes(popup)
                    };
                    this.getColumnByIndex = index => {
                        const treeView = this.props.treeViewRef.current;
                        const column = treeView.getNodes()[index].itemData.column;
                        return column
                    }
                }
                render() {
                    const {
                        visible: visible,
                        popupConfig: popupConfig,
                        popupRef: popupRef,
                        sortableConfig: sortableConfig,
                        title: title
                    } = this.props;
                    if (!visible) {
                        return (0, _inferno.createFragment)()
                    }
                    const treeView = this.getTreeView();
                    const actualTitle = title || _message.default.format("dxDataGrid-columnChooserTitle");
                    const toolbarItems = [{
                        text: actualTitle,
                        toolbar: "top",
                        location: "before"
                    }];
                    return (0, _inferno.createVNode)(1, "div", CLASS.excludeFlexBox, (0, _inferno.createComponentVNode)(2, _popup.Popup, {
                        componentRef: popupRef,
                        visible: true,
                        shading: false,
                        dragEnabled: true,
                        resizeEnabled: true,
                        showCloseButton: true,
                        _loopFocus: true,
                        toolbarItems: toolbarItems,
                        wrapperAttr: {
                            class: this.getPopupWrapperClass()
                        },
                        width: popupConfig.width,
                        height: popupConfig.height,
                        container: popupConfig.container,
                        position: popupConfig.position,
                        onHidden: popupConfig.onHidden,
                        onShowing: this.onShowing,
                        children: (0, _inferno.createComponentVNode)(2, _column_sortable.ColumnSortable, {
                            height: "100%",
                            source: "column-chooser",
                            filter: `.${CLASS.treeviewItem}`,
                            getColumnByIndex: this.getColumnByIndex,
                            isColumnDraggable: sortableConfig.isColumnDraggable,
                            visibleColumns: this.props.visibleColumns,
                            allowDragging: !this.isSelectMode(),
                            columnDragTemplate: _item.Item,
                            onColumnMove: this.props.onColumnMove,
                            onDragStart: sortableConfig.onDragStart,
                            onDragEnd: sortableConfig.onDragEnd,
                            onPlaceholderPrepared: sortableConfig.onPlaceholderPrepared,
                            children: treeView
                        })
                    }), 2)
                }
                isSelectMode() {
                    return "select" === this.props.mode
                }
                addWidgetPrefix(cssClass) {
                    return `dx-cardview-${cssClass}`
                }
                getPopupWrapperClass() {
                    const modeSpecificClass = this.isSelectMode() ? CLASS.selectMode : CLASS.dragMode;
                    return [this.addWidgetPrefix(CLASS.root), this.addWidgetPrefix(modeSpecificClass)].join(" ")
                }
                setPopupAttributes(popup) {
                    popup.setAria({
                        label: _message.default.format("dxDataGrid-columnChooserTitle")
                    });
                    popup.$content().addClass(this.addWidgetPrefix(CLASS.list));
                    popup.$content().toggleClass(this.addWidgetPrefix(CLASS.plain), !this.props.isBandColumnsUsed)
                }
                getTreeView() {
                    const {
                        treeViewRef: treeViewRef,
                        treeViewConfig: treeViewConfig,
                        treeViewSelectModeConfig: treeViewSelectModeConfig,
                        treeViewDragAndDropModeConfig: treeViewDragAndDropModeConfig
                    } = this.props;
                    return (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _tree_view.TreeView, Object.assign({
                        componentRef: treeViewRef,
                        dataStructure: "plain",
                        activeStateEnabled: true,
                        focusStateEnabled: true,
                        hoverStateEnabled: true,
                        rootValue: null,
                        searchEditorOptions: treeViewConfig.searchEditorOptions,
                        searchEnabled: treeViewConfig.searchEnabled,
                        searchTimeout: treeViewConfig.searchTimeout,
                        noDataText: treeViewConfig.noDataText,
                        items: treeViewConfig.items
                    }, this.isSelectMode() ? treeViewSelectModeConfig : treeViewDragAndDropModeConfig)))
                }
            }
            exports.ColumnChooser = ColumnChooser
        },
        87211(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ColumnChooserController = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _m_columns_controller_utils = __webpack_require__( /*! ../../../../grids/grid_core/columns_controller/m_columns_controller_utils */ 63904);
            var _columns_controller = __webpack_require__( /*! ../columns_controller/columns_controller */ 88195);
            var _utils = __webpack_require__( /*! ../columns_controller/utils */ 26054);
            var _options_controller = __webpack_require__( /*! ../options_controller/options_controller */ 76385);
            const CLASS_hidden = "dx-hidden";
            class ColumnChooserController {
                constructor(columnsController, options) {
                    this.columnsController = columnsController;
                    this.options = options;
                    this.draggingItem = (0, _index.signal)(null);
                    this.onColumnMove = column => {
                        this.columnsController.columnOption(column, "visible", false)
                    };
                    this.onDragStart = e => {
                        this.draggingItem.value = e.itemData
                    };
                    this.onDragEnd = () => {
                        this.draggingItem.value = null
                    };
                    this.isColumnDraggable = column => column.allowHiding;
                    this.onPlaceholderPrepared = e => {
                        const $placeholderElement = (0, _renderer.default)(e.placeholderElement);
                        $placeholderElement.addClass(CLASS_hidden)
                    };
                    this.chooserColumns = (0, _index.computed)(() => {
                        const sortOrder = this.options.oneWay("columnChooser.sortOrder").value;
                        const mode = this.options.oneWay("columnChooser.mode").value;
                        let chooserColumns = this.columnsController.columns.value;
                        if ("dragAndDrop" === mode) {
                            chooserColumns = chooserColumns.filter(column => !column.visible)
                        }
                        chooserColumns = chooserColumns.filter(column => column.showInColumnChooser);
                        chooserColumns = (0, _m_columns_controller_utils.sortColumns)(chooserColumns, sortOrder);
                        return chooserColumns
                    });
                    this.items = (0, _index.computed)(() => this.chooserColumns.value.map((column, index) => ({
                        id: index,
                        columnName: column.name,
                        selected: column.visible,
                        text: column.caption,
                        disabled: !column.allowHiding,
                        column: column
                    })))
                }
                onSelectionChanged(e) {
                    const nodes = e.component.getNodes();
                    this.columnsController.updateColumns(columns => {
                        for (const node of nodes) {
                            var _node$itemData;
                            const columnIndex = (0, _utils.getColumnIndexByName)(columns, null === (_node$itemData = node.itemData) || void 0 === _node$itemData ? void 0 : _node$itemData.columnName);
                            const canHide = columns[columnIndex].allowHiding ?? true;
                            const skip = !canHide && !node.selected;
                            if (!skip) {
                                columns[columnIndex] = Object.assign({}, columns[columnIndex], {
                                    visible: node.selected
                                })
                            }
                        }
                        return [...columns]
                    })
                }
            }
            exports.ColumnChooserController = ColumnChooserController;
            ColumnChooserController.dependencies = [_columns_controller.ColumnsController, _options_controller.OptionsController]
        },
        45415(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "ColumnChooserController", {
                enumerable: true,
                get: function() {
                    return _controller.ColumnChooserController
                }
            });
            Object.defineProperty(exports, "ColumnChooserView", {
                enumerable: true,
                get: function() {
                    return _view.ColumnChooserView
                }
            });
            Object.defineProperty(exports, "PublicMethods", {
                enumerable: true,
                get: function() {
                    return _public_methods.PublicMethods
                }
            });
            Object.defineProperty(exports, "defaultOptions", {
                enumerable: true,
                get: function() {
                    return _options.defaultOptions
                }
            });
            var _controller = __webpack_require__( /*! ./controller */ 87211);
            var _options = __webpack_require__( /*! ./options */ 66013);
            var _public_methods = __webpack_require__( /*! ./public_methods */ 47383);
            var _view = __webpack_require__( /*! ./view */ 52670)
        },
        66013(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptions = void 0;
            var _const = __webpack_require__( /*! ../../../grid_core/column_chooser/const */ 71263);
            exports.defaultOptions = _const.defaultOptions
        },
        47383(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PublicMethods = function(GridCore) {
                return class extends GridCore {
                    showColumnChooser() {
                        this.columnChooserView.show()
                    }
                    hideColumnChooser() {
                        this.columnChooserView.hide()
                    }
                }
            }
        },
        52670(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ColumnChooserView = void 0;
            var _message = (e = __webpack_require__( /*! ../../../../../localization/message */ 33881), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index2 = __webpack_require__( /*! ../columns_controller/index */ 50875);
            var _view = __webpack_require__( /*! ../core/view */ 3455);
            var _options_controller = __webpack_require__( /*! ../options_controller/options_controller */ 76385);
            var _controller = __webpack_require__( /*! ../toolbar/controller */ 34272);
            var _common = __webpack_require__( /*! ../utils/common */ 31671);
            var _column_chooser = __webpack_require__( /*! ./column_chooser */ 6747);
            var _controller2 = __webpack_require__( /*! ./controller */ 87211);
            class ColumnChooserView extends _view.View {
                constructor(toolbarController, columnChooserController, columnsController, options) {
                    super();
                    this.toolbarController = toolbarController;
                    this.columnChooserController = columnChooserController;
                    this.columnsController = columnsController;
                    this.options = options;
                    this.component = _column_chooser.ColumnChooser;
                    this.popupVisible = (0, _index.signal)(false);
                    this.popupRef = (0, _inferno.createRef)();
                    this.treeViewRef = (0, _inferno.createRef)();
                    this.toolbarButtonElement = void 0;
                    this.selectModeConfig = (0, _index.computed)(() => ({
                        showCheckBoxesMode: this.options.oneWay("columnChooser.selection.allowSelectAll").value ? "selectAll" : "normal",
                        selectByClick: this.options.oneWay("columnChooser.selection.selectByClick").value,
                        onSelectionChanged: this.columnChooserController.onSelectionChanged.bind(this.columnChooserController)
                    }));
                    this.dragAndDropModeConfig = (0, _index.computed)(() => ({
                        noDataText: this.options.oneWay("columnChooser.emptyPanelText").value ?? _message.default.format("dxDataGrid-columnChooserEmptyText"),
                        activeStateEnabled: false
                    }));
                    this.mode = this.options.oneWay("columnChooser.mode");
                    this.dragModeOpened = (0, _index.computed)(() => this.popupVisible.value && "dragAndDrop" === this.mode.value);
                    this.toolbarController.addDefaultItem((0, _index.signal)({
                        name: "columnChooserButton",
                        widget: "dxButton",
                        options: {
                            icon: "column-chooser",
                            onContentReady: _ref => {
                                let {
                                    element: element
                                } = _ref;
                                this.toolbarButtonElement = element
                            },
                            onClick: () => {
                                this.popupVisible.value = true
                            },
                            elementAttr: {
                                "aria-haspopup": "dialog",
                                class: (0, _common.addWidgetPrefix)(_column_chooser.CLASS.toolbarBtn)
                            }
                        },
                        showText: "inMenu",
                        location: "after",
                        locateInMenu: "auto",
                        visible: true
                    }), this.options.oneWay("columnChooser.enabled"))
                }
                show() {
                    this.popupVisible.value = true
                }
                hide() {
                    var _this$popupRef$curren;
                    null === (_this$popupRef$curren = this.popupRef.current) || void 0 === _this$popupRef$curren || _this$popupRef$curren.hide()
                }
                getProps() {
                    return (0, _index.computed)(() => ({
                        popupRef: this.popupRef,
                        treeViewRef: this.treeViewRef,
                        visible: this.popupVisible.value,
                        mode: this.mode.value,
                        title: this.options.oneWay("columnChooser.title").value,
                        chooserColumns: this.columnChooserController.chooserColumns.value,
                        visibleColumns: this.columnsController.visibleColumns.value,
                        isBandColumnsUsed: false,
                        onColumnMove: this.columnChooserController.onColumnMove,
                        popupConfig: {
                            width: this.options.oneWay("columnChooser.width").value,
                            height: this.options.oneWay("columnChooser.height").value,
                            container: this.options.oneWay("columnChooser.container").value,
                            position: this.options.oneWay("columnChooser.position").value,
                            onHidden: () => {
                                var _this$toolbarButtonEl;
                                this.popupVisible.value = false;
                                null === (_this$toolbarButtonEl = this.toolbarButtonElement) || void 0 === _this$toolbarButtonEl || _this$toolbarButtonEl.focus()
                            }
                        },
                        treeViewConfig: {
                            searchEditorOptions: this.options.oneWay("columnChooser.search.editorOptions").value,
                            searchEnabled: this.options.oneWay("columnChooser.search.enabled").value,
                            searchTimeout: this.options.oneWay("columnChooser.search.timeout").value,
                            items: this.columnChooserController.items.value
                        },
                        treeViewSelectModeConfig: this.selectModeConfig.value,
                        treeViewDragAndDropModeConfig: this.dragAndDropModeConfig.value,
                        sortableConfig: {
                            isColumnDraggable: this.columnChooserController.isColumnDraggable,
                            onDragStart: this.columnChooserController.onDragStart,
                            onDragEnd: this.columnChooserController.onDragEnd,
                            onPlaceholderPrepared: this.columnChooserController.onPlaceholderPrepared
                        }
                    }))
                }
            }
            exports.ColumnChooserView = ColumnChooserView;
            ColumnChooserView.dependencies = [_controller.ToolbarController, _controller2.ColumnChooserController, _index2.ColumnsController, _options_controller.OptionsController]
        },
        88195(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ColumnsController = void 0;
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _utils = __webpack_require__( /*! ../../../../grids/new/grid_core/filtering/header_filter/utils */ 1261);
            var _options_controller = __webpack_require__( /*! ../options_controller/options_controller */ 76385);
            var _index2 = __webpack_require__( /*! ./columns_settings/index */ 31417);
            var _utils2 = __webpack_require__( /*! ./utils */ 26054);
            class ColumnsController {
                constructor(options) {
                    this.options = options;
                    this.columnsConfiguration = this.options.oneWayWithChanges("columns");
                    this.headerFilterConfiguration = this.options.oneWay("headerFilter");
                    this.columnsSettings = (0, _index.signal)([]);
                    this.columnsConfigurationFromData = (0, _index.signal)(null);
                    (0, _index.effect)(() => {
                        var _this$columnsConfigur;
                        const settings = this.columnsSettings.peek() ?? [];
                        const {
                            value: columnsConfigurationFromOptions,
                            changes: changes
                        } = this.columnsConfiguration.value;
                        const newSettings = (0, _index2.updateColumnSettings)(settings, changes);
                        if (0 !== newSettings.length) {
                            this.columnsSettings.value = newSettings;
                            return
                        }
                        const columnsConfigurationFromData = null === (_this$columnsConfigur = this.columnsConfigurationFromData.value) || void 0 === _this$columnsConfigur ? void 0 : _this$columnsConfigur.dataFields;
                        const columnsConfiguration = columnsConfigurationFromOptions ?? columnsConfigurationFromData ?? [];
                        this.columnsSettings.value = (0, _utils2.preNormalizeColumns)(columnsConfiguration)
                    });
                    this.columns = (0, _index.computed)(() => {
                        var _this$columnsConfigur2;
                        const columnsSettings = this.columnsSettings.value;
                        const headerFilterRootOptions = this.headerFilterConfiguration.value;
                        const columnsFromDataOptions = null === (_this$columnsConfigur2 = this.columnsConfigurationFromData.value) || void 0 === _this$columnsConfigur2 ? void 0 : _this$columnsConfigur2.columns;
                        return (0, _utils2.normalizeColumns)(columnsSettings ?? [], template => template ? this.options.normalizeTemplate(template) : void 0, columnsFromDataOptions).map(column => (0, _utils.mergeColumnHeaderFilterOptions)(column, headerFilterRootOptions))
                    });
                    this.filterableColumns = (0, _index.computed)(() => this.columns.value.filter(col => (0, _utils.isColumnFilterable)(col)));
                    this.visibleColumns = (0, _index.computed)(() => this.columns.value.filter(column => column.visible).sort((a, b) => a.visibleIndex - b.visibleIndex).map((column, index) => Object.assign({}, column, {
                        headerPanelIndex: index
                    })));
                    this.nonVisibleColumns = (0, _index.computed)(() => this.columns.value.filter(column => !column.visible));
                    this.allowColumnReordering = this.options.oneWay("allowColumnReordering")
                }
                addColumn(columnProps) {
                    this.columnsSettings.value = (0, _utils2.preNormalizeColumns)([...this.columnsSettings.peek(), columnProps])
                }
                deleteColumn(column) {
                    this.columnsSettings.value = this.columnsSettings.peek().filter(c => c.name !== column.name)
                }
                columnOption(_ref, option, value) {
                    let {
                        name: name
                    } = _ref;
                    const settings = this.columnsSettings.peek();
                    const columnIdx = (0, _utils2.getColumnIndexByName)(settings, name);
                    this.columnsSettings.value = (0, _utils2.columnOptionUpdate)(settings, columnIdx, option, value)
                }
                updateColumns(func) {
                    let newColumnSettings = func(this.columnsSettings.peek());
                    newColumnSettings = (0, _utils2.normalizeColumnsVisibleIndexes)(newColumnSettings);
                    this.columnsSettings.value = newColumnSettings
                }
                setColumnOptionsFromDataItem(item) {
                    if (this.columnsConfigurationFromData.value) {
                        return
                    }
                    this.columnsConfigurationFromData.value = (0, _utils2.getColumnOptionsFromDataItem)(item)
                }
                resetColumnOptionsFromDataItem() {
                    this.columnsConfigurationFromData.value = null
                }
            }
            exports.ColumnsController = ColumnsController;
            ColumnsController.dependencies = [_options_controller.OptionsController]
        },
        61704(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.extractColumnsOptionsChange = void 0;
            var _data = __webpack_require__( /*! ../../../../../../core/utils/data */ 31e3);
            var _utils = __webpack_require__( /*! ./utils */ 77684);
            exports.extractColumnsOptionsChange = _ref => {
                let {
                    fullName: fullName,
                    value: value
                } = _ref;
                const updatePath = (0, _data.getPathParts)(fullName);
                const [rootUpdatePath] = updatePath;
                switch (true) {
                    case "columns" !== rootUpdatePath:
                        return null;
                    case 1 === updatePath.length && Array.isArray(value):
                        return {
                            type: "allColumns", value: value ?? null
                        };
                    case 2 === updatePath.length && (0, _utils.isAllowedColumnValue)(value) && (0, _utils.isCorrectColumnIdx)(updatePath[1]):
                        return {
                            type: "column", columnIdx: (0, _utils.getColumnIdxFromPath)(updatePath), value: value
                        };
                    case updatePath.length > 2 && (0, _utils.isCorrectColumnIdx)(updatePath[1]):
                        return {
                            type: "columnOption", columnIdx: (0, _utils.getColumnIdxFromPath)(updatePath), optionPath: (0, _utils.getColumnOptionPathStr)(updatePath), value: value
                        };
                    default:
                        return null
                }
            }
        },
        31417(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "updateColumnSettings", {
                enumerable: true,
                get: function() {
                    return _strategy.updateColumnSettings
                }
            });
            var _strategy = __webpack_require__( /*! ./strategy */ 25416)
        },
        25416(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.updateColumnSettings = exports.updateColumnOption = exports.updateColumn = exports.updateAllColumns = void 0;
            var _utils = __webpack_require__( /*! ../utils */ 26054);
            var _extract_columns_options_change = __webpack_require__( /*! ./extract_columns_options_change */ 61704);
            const updateAllColumns = (settings, _ref) => {
                let {
                    value: value
                } = _ref;
                return value ? (0, _utils.preNormalizeColumns)(value) : settings
            };
            exports.updateAllColumns = updateAllColumns;
            const updateColumn = (settings, _ref2) => {
                let {
                    columnIdx: columnIdx,
                    value: value
                } = _ref2;
                const newSettings = [...settings];
                newSettings[columnIdx] = value;
                return (0, _utils.preNormalizeColumns)(newSettings)
            };
            exports.updateColumn = updateColumn;
            const updateColumnOption = (settings, _ref3) => {
                let {
                    columnIdx: columnIdx,
                    optionPath: optionPath,
                    value: value
                } = _ref3;
                return (0, _utils.columnOptionUpdate)(settings, columnIdx, optionPath, value)
            };
            exports.updateColumnOption = updateColumnOption;
            exports.updateColumnSettings = (settings, optionsChange) => {
                if (!optionsChange) {
                    return settings
                }
                const columnsOptionsChange = (0, _extract_columns_options_change.extractColumnsOptionsChange)(optionsChange);
                switch (null === columnsOptionsChange || void 0 === columnsOptionsChange ? void 0 : columnsOptionsChange.type) {
                    case "allColumns":
                        return updateAllColumns(settings, columnsOptionsChange);
                    case "column":
                        return updateColumn(settings, columnsOptionsChange);
                    case "columnOption":
                        return updateColumnOption(settings, columnsOptionsChange);
                    default:
                        return settings
                }
            }
        },
        77684(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.isCorrectColumnIdx = exports.isAllowedColumnValue = exports.getColumnOptionPathStr = exports.getColumnIdxFromPath = void 0;
            var _type = __webpack_require__( /*! ../../../../../../core/utils/type */ 11528);
            exports.isAllowedColumnValue = value => (0, _type.isObject)(value) || "string" === typeof value;
            exports.isCorrectColumnIdx = pathIdx => !isNaN(+pathIdx) && null !== pathIdx;
            exports.getColumnIdxFromPath = path => +path[1];
            exports.getColumnOptionPathStr = path => [...path].splice(2).join(".")
        },
        66551(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CompatibilityColumnsController = void 0;
            var _columns_controller = __webpack_require__( /*! ./columns_controller */ 88195);
            var _utils = __webpack_require__( /*! ./utils */ 26054);
            class CompatibilityColumnsController {
                constructor(realColumnsController) {
                    this.realColumnsController = realColumnsController
                }
                getColumns() {
                    return this.realColumnsController.columns.peek()
                }
                getFilteringColumns() {
                    return (0, _utils.addDataFieldToComputedColumns)(this.realColumnsController.filterableColumns.peek())
                }
            }
            exports.CompatibilityColumnsController = CompatibilityColumnsController;
            CompatibilityColumnsController.dependencies = [_columns_controller.ColumnsController]
        },
        50875(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "ColumnsController", {
                enumerable: true,
                get: function() {
                    return _columns_controller.ColumnsController
                }
            });
            Object.defineProperty(exports, "CompatibilityColumnsController", {
                enumerable: true,
                get: function() {
                    return _compatibility.CompatibilityColumnsController
                }
            });
            Object.defineProperty(exports, "PublicMethods", {
                enumerable: true,
                get: function() {
                    return _public_methods.PublicMethods
                }
            });
            Object.defineProperty(exports, "defaultOptions", {
                enumerable: true,
                get: function() {
                    return _options.defaultOptions
                }
            });
            var _columns_controller = __webpack_require__( /*! ./columns_controller */ 88195);
            var _compatibility = __webpack_require__( /*! ./compatibility */ 66551);
            var _options = __webpack_require__( /*! ./options */ 6057);
            var _public_methods = __webpack_require__( /*! ./public_methods */ 85003)
        },
        6057(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptions = exports.defaultColumnPropertiesByDataType = exports.defaultColumnProperties = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../../localization/message */ 33881));
            var _filtering = _interopRequireDefault(__webpack_require__( /*! ../../../../../ui/shared/filtering */ 56417));
            var _utils = __webpack_require__( /*! ../editing/utils */ 98140);
            var _index = __webpack_require__( /*! ../utils/parse_value/index */ 15238);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.defaultColumnProperties = {
                dataType: "string",
                calculateFieldValue(data) {
                    const value = data[this.dataField];
                    return (0, _index.parseValue)(this, value) ?? value
                },
                calculateDisplayValue(data) {
                    return this.calculateFieldValue(data)
                },
                calculateFilterExpression: _filtering.default.defaultCalculateFilterExpression,
                defaultCalculateFilterExpression: _filtering.default.defaultCalculateFilterExpression,
                alignment: "left",
                visible: true,
                allowReordering: true,
                allowHiding: true,
                trueText: void 0,
                falseText: void 0,
                showInColumnChooser: true,
                validationRules: [],
                allowEditing: true,
                editorOptions: {},
                formItem: {},
                setFieldValue: _utils.defaultSetFieldValue,
                defaultSetFieldValue: _utils.defaultSetFieldValue
            };
            exports.defaultColumnPropertiesByDataType = {
                boolean: {
                    customizeText(_ref) {
                        let {
                            value: value
                        } = _ref;
                        const trueText = this.trueText ?? _message.default.format("dxDataGrid-trueText");
                        const falseText = this.falseText ?? _message.default.format("dxDataGrid-falseText");
                        return value ? trueText : falseText
                    }
                },
                string: {},
                date: {
                    format: "shortDate"
                },
                datetime: {
                    format: "shortDateShortTime"
                },
                number: {},
                object: {}
            };
            exports.defaultOptions = {
                allowColumnReordering: false
            }
        },
        85003(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PublicMethods = function(GridCore) {
                return class extends GridCore {
                    getVisibleColumns() {
                        return this.columnsController.visibleColumns.peek()
                    }
                    addColumn(column) {
                        this.columnsController.addColumn(column)
                    }
                    getVisibleColumnIndex(columnNameOrIndex) {
                        const column = (0, _utils.getColumnByIndexOrName)(this.columnsController.columns.peek(), columnNameOrIndex);
                        return this.columnsController.visibleColumns.peek().findIndex(c => c.name === (null === column || void 0 === column ? void 0 : column.name))
                    }
                    deleteColumn(columnNameOrIndex) {
                        const column = (0, _utils.getColumnByIndexOrName)(this.columnsController.columns.peek(), columnNameOrIndex);
                        if (!column) {
                            return
                        }
                        this.columnsController.deleteColumn(column)
                    }
                    columnOption(columnNameOrIndex, option, value) {
                        const column = (0, _utils.getColumnByIndexOrName)(this.columnsController.columns.peek(), columnNameOrIndex);
                        if (!column) {
                            return
                        }
                        if (1 === arguments.length) {
                            return column
                        }
                        if (2 === arguments.length) {
                            if ((0, _type.isObject)(option)) {
                                Object.entries(option).forEach(_ref => {
                                    let [optionName, optionValue] = _ref;
                                    this.columnsController.columnOption(column, optionName, optionValue)
                                })
                            } else {
                                return column[option]
                            }
                        }
                        if (3 === arguments.length) {
                            this.columnsController.columnOption(column, option, value)
                        }
                    }
                }
            };
            var _type = __webpack_require__( /*! ../../../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ./utils */ 26054)
        },
        26054(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addDataFieldToComputedColumns = function(columns) {
                return columns.map(column => {
                    if (column.dataField) {
                        return column
                    }
                    return Object.assign({}, column, {
                        dataField: column.name
                    })
                })
            };
            exports.columnOptionUpdate = void 0;
            exports.getColumnByIndexOrName = function(columns, columnNameOrIndex) {
                const column = columns.find((c, i) => {
                    if ((0, _type.isString)(columnNameOrIndex)) {
                        return c.name === columnNameOrIndex
                    }
                    return i === columnNameOrIndex
                });
                return column
            };
            exports.getColumnFormat = void 0;
            exports.getColumnIndexByName = function(columns, name) {
                return columns.findIndex(c => c.name === name)
            };
            exports.getValueDataType = exports.getColumnOptionsFromDataItem = void 0;
            exports.getVisibleIndexes = getVisibleIndexes;
            exports.normalizeColumn = normalizeColumn;
            exports.normalizeColumns = function(columns, templateNormalizationFunc, columnsFromData) {
                return columns.map(col => {
                    const columnFromDataOptions = null === columnsFromData || void 0 === columnsFromData ? void 0 : columnsFromData[col.name];
                    return normalizeColumn(col, templateNormalizationFunc, columnFromDataOptions)
                })
            };
            exports.normalizeColumnsVisibleIndexes = normalizeColumnsVisibleIndexes;
            exports.normalizeStringColumn = function(column) {
                if ("string" === typeof column) {
                    return {
                        dataField: column
                    }
                }
                return column
            };
            exports.normalizeVisibleIndexes = normalizeVisibleIndexes;
            exports.preNormalizeColumns = function(columns) {
                const normalizedColumns = null === columns || void 0 === columns ? void 0 : columns.map(column => {
                    if ("string" === typeof column) {
                        return {
                            dataField: column
                        }
                    }
                    return column
                }).map((column, index) => Object.assign({}, column, {
                    name: column.name ?? column.dataField ?? `column-${index}`
                }));
                const visibleIndexes = getVisibleIndexes(null === normalizedColumns || void 0 === normalizedColumns ? void 0 : normalizedColumns.map(c => c.visibleIndex));
                null === normalizedColumns || void 0 === normalizedColumns || normalizedColumns.forEach((_, i) => {
                    normalizedColumns[i].visibleIndex = visibleIndexes[i]
                });
                return normalizedColumns
            };
            var _data = __webpack_require__( /*! ../../../../../core/utils/data */ 31e3);
            var _inflector = __webpack_require__( /*! ../../../../../core/utils/inflector */ 53124);
            var _type = __webpack_require__( /*! ../../../../../core/utils/type */ 11528);
            var _index = __webpack_require__( /*! ../../../../grids/new/grid_core/utils/tree/index */ 43614);
            var _options = __webpack_require__( /*! ./options */ 6057);

            function normalizeColumn(column, templateNormalizationFunc, columnFromDataOptions) {
                const dataType = column.dataType ?? (null === columnFromDataOptions || void 0 === columnFromDataOptions ? void 0 : columnFromDataOptions.dataType) ?? _options.defaultColumnProperties.dataType;
                const columnDataTypeDefaultOptions = _options.defaultColumnPropertiesByDataType[dataType];
                const columnFormat = column.format ?? (null === columnDataTypeDefaultOptions || void 0 === columnDataTypeDefaultOptions ? void 0 : columnDataTypeDefaultOptions.format) ?? (null === columnFromDataOptions || void 0 === columnFromDataOptions ? void 0 : columnFromDataOptions.format);
                const caption = (0, _inflector.captionize)(column.name);
                const colWithDefaults = Object.assign({}, _options.defaultColumnProperties, columnDataTypeDefaultOptions, {
                    caption: caption
                }, column);
                const normalizedColumn = Object.assign({}, colWithDefaults, {
                    dataType: dataType
                }, !!columnFormat && {
                    format: columnFormat
                }, {
                    calculateDisplayValue: (0, _type.isString)(colWithDefaults.calculateDisplayValue) ? (0, _data.compileGetter)(colWithDefaults.calculateDisplayValue) : colWithDefaults.calculateDisplayValue,
                    headerItemTemplate: null === templateNormalizationFunc || void 0 === templateNormalizationFunc ? void 0 : templateNormalizationFunc(colWithDefaults.headerItemTemplate),
                    fieldTemplate: null === templateNormalizationFunc || void 0 === templateNormalizationFunc ? void 0 : templateNormalizationFunc(colWithDefaults.fieldTemplate),
                    fieldCaptionTemplate: null === templateNormalizationFunc || void 0 === templateNormalizationFunc ? void 0 : templateNormalizationFunc(colWithDefaults.fieldCaptionTemplate),
                    fieldValueTemplate: null === templateNormalizationFunc || void 0 === templateNormalizationFunc ? void 0 : templateNormalizationFunc(colWithDefaults.fieldValueTemplate),
                    calculateCellValue: colWithDefaults.calculateFieldValue,
                    allowFiltering: colWithDefaults.allowFiltering ?? !!colWithDefaults.dataField,
                    allowHeaderFiltering: colWithDefaults.allowHeaderFiltering ?? colWithDefaults.allowFiltering ?? !!colWithDefaults.dataField,
                    allowSearch: colWithDefaults.allowSearch ?? colWithDefaults.allowFiltering ?? !!colWithDefaults.dataField,
                    allowSorting: colWithDefaults.allowSorting ?? !!colWithDefaults.dataField
                });
                normalizedColumn.selector ?? (normalizedColumn.selector = data => normalizedColumn.calculateFieldValue(data));
                return normalizedColumn
            }

            function getVisibleIndexes(indexes) {
                const newIndexes = [...indexes];
                let minNonExistingIndex = 0;
                indexes.forEach((visibleIndex, index) => {
                    while (newIndexes.includes(minNonExistingIndex)) {
                        minNonExistingIndex += 1
                    }
                    newIndexes[index] = visibleIndex ?? minNonExistingIndex
                });
                return newIndexes
            }

            function normalizeVisibleIndexes(indexes, forceIndex) {
                const indexMap = indexes.map((visibleIndex, index) => [index, visibleIndex]);
                const sortedIndexMap = new Array(indexes.length);
                if ((0, _type.isDefined)(forceIndex)) {
                    sortedIndexMap[indexes[forceIndex]] = forceIndex
                }
                let j = 0;
                indexMap.sort((a, b) => a[1] - b[1]).forEach(_ref => {
                    let [index] = _ref;
                    if (index === forceIndex) {
                        return
                    }
                    if ((0, _type.isDefined)(sortedIndexMap[j])) {
                        j += 1
                    }
                    sortedIndexMap[j] = index;
                    j += 1
                });
                const returnIndexes = new Array(indexes.length);
                sortedIndexMap.forEach((index, visibleIndex) => {
                    returnIndexes[index] = visibleIndex
                });
                return returnIndexes
            }

            function normalizeColumnsVisibleIndexes(columns, forceIndex) {
                const result = [...columns];
                const visibleIndexes = normalizeVisibleIndexes(columns.map(c => c.visibleIndex), forceIndex);
                visibleIndexes.forEach((visibleIndex, i) => {
                    result[i].visibleIndex = visibleIndex
                });
                return result
            }
            const getValueDataType = value => {
                const dataType = (0, _type.type)(value);
                const isUnknownDataType = "string" !== dataType && "boolean" !== dataType && "number" !== dataType && "date" !== dataType && "object" !== dataType;
                return isUnknownDataType ? void 0 : dataType
            };
            exports.getValueDataType = getValueDataType;
            const getColumnFormat = column => {
                if (column.format) {
                    return column.format
                }
                if ("date" === column.dataType || "datetime" === column.dataType) {
                    return "shortDate"
                }
                return
            };
            exports.getColumnFormat = getColumnFormat;
            exports.getColumnOptionsFromDataItem = dataItem => {
                const dataFields = Object.keys(dataItem);
                return {
                    dataFields: dataFields,
                    columns: Object.entries(dataItem).reduce((result, _ref2) => {
                        let [key, value] = _ref2;
                        const dataType = getValueDataType(value);
                        const format = getColumnFormat({
                            dataType: dataType
                        });
                        result[key] = {
                            dataType: dataType,
                            format: format
                        };
                        return result
                    }, {})
                }
            };
            exports.columnOptionUpdate = (settings, columnIdx, updatePath, value) => {
                const newSettings = [...settings];
                const updatePathParts = (0, _data.getPathParts)(updatePath);
                const columnTreeNode = (0, _index.getTreeNodeByPath)(newSettings[columnIdx], updatePathParts);
                if (columnTreeNode === value) {
                    return settings
                }
                newSettings[columnIdx] = (0, _index.setTreeNodeByPath)(settings[columnIdx], value, updatePathParts);
                return normalizeColumnsVisibleIndexes(newSettings, columnIdx)
            }
        },
        46793(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CLASSES = void 0;
            exports.CLASSES = {
                excludeFlexBox: "dx-cardview-exclude-flexbox"
            }
        },
        44305(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ContentView = exports.CLASSES = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _m_resize_observer = __webpack_require__( /*! ../../../../core/m_resize_observer */ 57785);
            var _error_row = __webpack_require__( /*! ../../../../grids/new/grid_core/content_view/error_row */ 35085);
            var _no_data_text = __webpack_require__( /*! ../../../../grids/new/grid_core/content_view/no_data_text */ 36568);
            var _scrollable = __webpack_require__( /*! ../../../../grids/new/grid_core/inferno_wrappers/scrollable */ 90882);
            var _load_panel = __webpack_require__( /*! ./load_panel */ 95643);
            const CLASSES = exports.CLASSES = {
                contentView: "dx-gridcore-contentview"
            };
            class ContentView extends _inferno.Component {
                constructor() {
                    super(...arguments);
                    this.scrollableRef = (0, _inferno.createRef)();
                    this.containerRef = (0, _inferno.createRef)();
                    this.resizeObserverTimeout = null
                }
                render() {
                    return (0, _inferno.createVNode)(1, "div", CLASSES.contentView, [(0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _load_panel.LoadPanel, Object.assign({}, this.props.loadPanelProps))), this.props.noDataTextProps.visible ? (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _no_data_text.NoDataText, Object.assign({}, this.props.noDataTextProps))) : (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _scrollable.Scrollable, Object.assign({
                        componentRef: this.props.scrollableRef
                    }, this.props.scrollableProps, {
                        children: this.props.children
                    }), null, this.scrollableRef)), (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _error_row.ErrorRow, Object.assign({}, this.props.errorRowProps)))], 0, {
                        oncontextmenu: this.props.showContextMenu
                    }, null, this.containerRef)
                }
                updateSizesInfo() {
                    if (this.scrollableRef.current) {
                        var _this$props, _this$props$onViewpor;
                        const clientHeight = this.scrollableRef.current.clientHeight();
                        null === (_this$props = this.props) || void 0 === _this$props || null === (_this$props$onViewpor = _this$props.onViewportHeightChange) || void 0 === _this$props$onViewpor || _this$props$onViewpor.call(_this$props, clientHeight)
                    }
                }
                componentDidMount() {
                    var _this$props$onRendere, _this$props3;
                    this.updateSizesInfo();
                    _m_resize_observer.resizeObserverSingleton.observe(this.containerRef.current, entry => {
                        this.resizeObserverTimeout = setTimeout(() => {
                            var _this$props$onWidthCh, _this$props2;
                            this.resizeObserverTimeout = null;
                            null === (_this$props$onWidthCh = (_this$props2 = this.props).onWidthChange) || void 0 === _this$props$onWidthCh || _this$props$onWidthCh.call(_this$props2, entry.contentRect.width)
                        }, 0)
                    });
                    null === (_this$props$onRendere = (_this$props3 = this.props).onRendered) || void 0 === _this$props$onRendere || _this$props$onRendere.call(_this$props3)
                }
                componentDidUpdate() {
                    var _this$props$onRendere2, _this$props4;
                    this.updateSizesInfo();
                    null === (_this$props$onRendere2 = (_this$props4 = this.props).onRendered) || void 0 === _this$props$onRendere2 || _this$props$onRendere2.call(_this$props4)
                }
                componentWillUnmount() {
                    _m_resize_observer.resizeObserverSingleton.unobserve(this.containerRef.current);
                    if (null !== this.resizeObserverTimeout) {
                        clearTimeout(this.resizeObserverTimeout)
                    }
                }
            }
            exports.ContentView = ContentView
        },
        35085(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ErrorRow = exports.CLASSES = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _toast = __webpack_require__( /*! ../../../../grids/new/grid_core/inferno_wrappers/toast */ 47836);
            var _utils = __webpack_require__( /*! ../inferno_wrappers/utils */ 72254);
            const CLASSES = exports.CLASSES = {
                errorRow: "dx-gridcore-error-row"
            };
            class ErrorRow extends _index.BaseInfernoComponent {
                constructor() {
                    super(...arguments);
                    this.ref = (0, _inferno.createRef)();
                    this.toastRef = (0, _inferno.createRef)()
                }
                render() {
                    const lastError = this.props.errors.at(-1);
                    return (0, _inferno.createVNode)(1, "div", CLASSES.errorRow, this.props.enabled && lastError && (0, _inferno.createComponentVNode)(2, _toast.Toast, {
                        componentRef: this.toastRef,
                        visible: true,
                        message: lastError.text,
                        type: "error",
                        position: {
                            my: "bottom",
                            at: "bottom",
                            of: (0, _utils.wrapRef)(this.ref)
                        }
                    }, lastError.id), 0, null, null, this.ref)
                }
            }
            exports.ErrorRow = ErrorRow
        },
        71967(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            var _exportNames = {
                View: true
            };
            Object.defineProperty(exports, "View", {
                enumerable: true,
                get: function() {
                    return _view.ContentView
                }
            });
            var _options = __webpack_require__( /*! ./options */ 3538);
            Object.keys(_options).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (Object.prototype.hasOwnProperty.call(_exportNames, key)) {
                    return
                }
                if (key in exports && exports[key] === _options[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _options[key]
                    }
                })
            });
            var _view = __webpack_require__( /*! ./view */ 31123)
        },
        95643(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.LoadPanel = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _window = __webpack_require__( /*! ../../../../../core/utils/window */ 3104);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _common_props_context = __webpack_require__( /*! ../core/common_props_context */ 46578);
            var _load_panel = __webpack_require__( /*! ../inferno_wrappers/load_panel */ 57082);
            class LoadPanel extends _index.BaseInfernoComponent {
                calculatePosition(rootElement) {
                    const window = (0, _window.getWindow)();
                    if (rootElement.offsetHeight > window.innerHeight) {
                        return {
                            of: window,
                            boundary: rootElement,
                            collision: "fit"
                        }
                    }
                    return {
                        of: rootElement
                    }
                }
                render() {
                    const {
                        rootElementRef: rootElementRef
                    } = this.context[_common_props_context.CommonPropsContext.id];
                    const loadPanelProperties = Object.assign({
                        container: rootElementRef.current,
                        position: this.calculatePosition(rootElementRef.current)
                    }, this.props);
                    return (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _load_panel.LoadPanel, Object.assign({}, loadPanelProperties)))
                }
            }
            exports.LoadPanel = LoadPanel
        },
        36568(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.NoDataText = exports.CLASSES = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _icon = __webpack_require__( /*! ../icon */ 93445);
            const CLASSES = exports.CLASSES = {
                container: "dx-gridcore-nodata-container",
                element: "dx-gridcore-nodata-element",
                iconContainer: "dx-gridcore-nodata-icon-container",
                text: "dx-gridcore-nodata-text"
            };
            class NoDataText extends _inferno.Component {
                render() {
                    const Template = this.props.template;
                    return (0, _inferno.createVNode)(1, "div", CLASSES.container, Template ? (0, _inferno.createComponentVNode)(2, Template, {
                        text: this.props.text
                    }) : (0, _inferno.createVNode)(1, "div", CLASSES.element, [(0, _inferno.createVNode)(1, "div", CLASSES.iconContainer, (0, _inferno.createComponentVNode)(2, _icon.Icon, {
                        name: "cardcontent"
                    }), 2), (0, _inferno.createVNode)(1, "div", CLASSES.text, this.props.text, 0)], 4), 0)
                }
            }
            exports.NoDataText = NoDataText
        },
        3538(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptions = void 0;
            exports.defaultOptions = {
                errorRowEnabled: true,
                noDataText: void 0
            }
        },
        19718(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PublicMethods = function(GridCore) {
                return class extends GridCore {
                    getScrollable() {
                        return this.diContext.get(_view.ContentView).scrollableRef.current
                    }
                    beginCustomLoading(text) {
                        const contentView = this.diContext.get(_view.ContentView);
                        const dataController = this.diContext.get(_index.DataController);
                        if (text) {
                            contentView.loadingText.value = text
                        }
                        dataController.isLoading.value = true
                    }
                    endCustomLoading() {
                        const dataController = this.diContext.get(_index.DataController);
                        dataController.isLoading.value = false
                    }
                }
            };
            var _index = __webpack_require__( /*! ../../../../grids/new/grid_core/data_controller/index */ 61124);
            var _view = __webpack_require__( /*! ./view */ 31123)
        },
        31123(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ContentView = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../../core/renderer */ 64553));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../../localization/message */ 33881));
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _columns_controller = __webpack_require__( /*! ../../../../grids/new/grid_core/columns_controller/columns_controller */ 88195);
            var _controller = __webpack_require__( /*! ../../../../grids/new/grid_core/context_menu/controller */ 7194);
            var _view = __webpack_require__( /*! ../../../../grids/new/grid_core/core/view */ 3455);
            var _index2 = __webpack_require__( /*! ../../../../grids/new/grid_core/data_controller/index */ 61124);
            var _error_controller = __webpack_require__( /*! ../../../../grids/new/grid_core/error_controller/error_controller */ 67921);
            var _index3 = __webpack_require__( /*! ../../../../grids/new/grid_core/keyboard_navigation/index */ 58529);
            var _index4 = __webpack_require__( /*! ../../../../grids/new/grid_core/search/index */ 61519);
            var _controller2 = __webpack_require__( /*! ../../../../grids/new/grid_core/selection/controller */ 13007);
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _controller3 = __webpack_require__( /*! ../editing/controller */ 64629);
            var _items_controller = __webpack_require__( /*! ../items_controller/items_controller */ 58761);
            var _controller4 = __webpack_require__( /*! ../lifecycle/controller */ 59329);
            var _options_controller = __webpack_require__( /*! ../options_controller/options_controller */ 76385);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class ContentView extends _view.View {
                constructor(dataController, options, errorController, columnsController, selectionController, itemsController, editingController, contextMenuController, searchUIController, keyboardNavigationController, lifecycle) {
                    super();
                    this.dataController = dataController;
                    this.options = options;
                    this.errorController = errorController;
                    this.columnsController = columnsController;
                    this.selectionController = selectionController;
                    this.itemsController = itemsController;
                    this.editingController = editingController;
                    this.contextMenuController = contextMenuController;
                    this.searchUIController = searchUIController;
                    this.keyboardNavigationController = keyboardNavigationController;
                    this.lifecycle = lifecycle;
                    this.isNoData = (0, _index.computed)(() => {
                        const {
                            isLoading: isLoading,
                            items: items
                        } = this.dataController;
                        const isEmptyDataLoaded = !isLoading.value && 0 === items.value.length;
                        const isNoVisibleColumns = 0 === this.columnsController.visibleColumns.value.length;
                        return isEmptyDataLoaded || isNoVisibleColumns
                    });
                    this.scrollableRef = (0, _inferno.createRef)();
                    this.loadingText = this.options.twoWay("loadPanel.message");
                    this.viewportHeight = (0, _index.signal)(0);
                    this.scrollTop = (0, _index.signal)(0);
                    this.width = (0, _index.signal)(0)
                }
                getBaseProps() {
                    const loadPanelConfig = this.options.oneWay("loadPanel");
                    const noDataTextConfig = this.options.oneWay("noDataText");
                    const noDataTemplateConfig = this.options.template("noDataTemplate");
                    const errorRowEnabledConfig = this.options.oneWay("errorRowEnabled");
                    const scrollByContent = this.options.oneWay("scrolling.scrollByContent");
                    const scrollByThumb = this.options.oneWay("scrolling.scrollByThumb");
                    const showScrollbar = this.options.oneWay("scrolling.showScrollbar");
                    const useNativeConfig = this.options.oneWay("scrolling.useNative");
                    return {
                        loadPanelProps: Object.assign({}, loadPanelConfig.value, {
                            visible: this.dataController.isLoading.value
                        }),
                        noDataTextProps: {
                            text: noDataTextConfig.value ?? _message.default.format("dxDataGrid-noDataText"),
                            template: noDataTemplateConfig.value,
                            visible: this.isNoData.value
                        },
                        errorRowProps: {
                            enabled: errorRowEnabledConfig.value,
                            errors: this.errorController.errors.value
                        },
                        onWidthChange: width => {
                            this.width.value = width
                        },
                        onViewportHeightChange: height => {
                            this.viewportHeight.value = height
                        },
                        scrollableRef: this.scrollableRef,
                        scrollableProps: {
                            onScroll: this.onScroll.bind(this),
                            direction: "both",
                            scrollTop: this.scrollTop.value,
                            scrollByContent: scrollByContent.value,
                            scrollByThumb: scrollByThumb.value,
                            showScrollbar: showScrollbar.value,
                            useNative: "auto" === useNativeConfig.value ? void 0 : useNativeConfig.value,
                            useKeyboard: false,
                            onInitialized: _ref => {
                                let {
                                    component: component
                                } = _ref;
                                const useKeyboardDisabled = false === component.option("useKeyboard");
                                const useNativeEnabled = true === component.option("useNative");
                                if (useKeyboardDisabled && useNativeEnabled) {
                                    (0, _renderer.default)(component.container()).attr("tabindex", -1)
                                }
                            },
                            onOptionChanged: _ref2 => {
                                let {
                                    fullName: fullName,
                                    value: value,
                                    component: component
                                } = _ref2;
                                const useKeyboardDisabled = false === component.option("useKeyboard");
                                if (useKeyboardDisabled && "useNative" === fullName && true === value) {
                                    (0, _renderer.default)(component.container()).attr("tabindex", -1)
                                }
                            }
                        },
                        showContextMenu: this.showContextMenu.bind(this),
                        onRendered: () => {
                            this.lifecycle.contentRendered.trigger()
                        }
                    }
                }
                showContextMenu(e) {
                    this.contextMenuController.show(e, "content")
                }
                onScroll(e) {
                    this.scrollTop.value = e.scrollOffset.top
                }
            }
            exports.ContentView = ContentView;
            ContentView.dependencies = [_index2.DataController, _options_controller.OptionsController, _error_controller.ErrorController, _columns_controller.ColumnsController, _controller2.SelectionController, _items_controller.ItemsController, _controller3.EditingController, _controller.BaseContextMenuController, _index4.SearchUIController, _index3.KeyboardNavigationController, _controller4.LifeCycleController]
        },
        72241(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ContextMenu = function(props) {
                return (0, _inferno.createVNode)(1, "div", _const.CLASSES.excludeFlexBox, (0, _inferno.createComponentVNode)(2, _context_menu.ContextMenu, {
                    showEvent: void 0,
                    componentRef: props.componentRef,
                    cssClass: props.cssClass,
                    onInitialized: props.onInitialized,
                    onPositioning: props.onPositioning,
                    onItemClick: props.onItemClick
                }), 2)
            };
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _const = __webpack_require__( /*! ../const */ 46793);
            var _context_menu = __webpack_require__( /*! ../inferno_wrappers/context_menu */ 24672)
        },
        7194(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.BaseContextMenuController = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            exports.BaseContextMenuController = class {
                constructor() {
                    this.contextMenuRef = (0, _inferno.createRef)();
                    this.onPositioning = e => {
                        e.position.of = this.lastEvent
                    }
                }
                show(event, view, contextInfo, onMenuCloseCallback) {
                    const contextMenu = this.contextMenuRef.current;
                    const targetElement = event.target;
                    if (event === this.lastEvent || !contextMenu || !targetElement) {
                        return
                    }
                    this.lastEvent = event;
                    const items = this.getItems(view, targetElement, contextInfo);
                    if (!items) {
                        return
                    }
                    event.stopPropagation();
                    event.preventDefault();
                    contextMenu.option("items", items);
                    contextMenu.option("onHiding", () => {
                        null === onMenuCloseCallback || void 0 === onMenuCloseCallback || onMenuCloseCallback()
                    });
                    contextMenu.show().catch(console.error)
                }
            }
        },
        74743(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.BaseContextMenuView = void 0;
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _view = __webpack_require__( /*! ../core/view */ 3455);
            var _context_menu = __webpack_require__( /*! ./context_menu */ 72241);
            const CLASS_contextMenu = "dx-context-menu";
            class BaseContextMenuView extends _view.View {
                constructor(controller) {
                    super();
                    this.controller = controller;
                    this.component = _context_menu.ContextMenu
                }
                getProps() {
                    return (0, _index.computed)(() => ({
                        componentRef: this.controller.contextMenuRef,
                        cssClass: this.getWidgetContainerClass(),
                        onInitialized: e => {
                            var _e$component, _e$component2;
                            null === (_e$component = e.component) || void 0 === _e$component || _e$component.setAria("role", "presentation");
                            null === (_e$component2 = e.component) || void 0 === _e$component2 || _e$component2.$element().addClass(CLASS_contextMenu)
                        },
                        onItemClick: e => {
                            var _e$itemData, _e$itemData$onItemCli;
                            null === (_e$itemData = e.itemData) || void 0 === _e$itemData || null === (_e$itemData$onItemCli = _e$itemData.onItemClick) || void 0 === _e$itemData$onItemCli || _e$itemData$onItemCli.call(_e$itemData, e)
                        },
                        onPositioning: this.controller.onPositioning
                    }))
                }
                getWidgetContainerClass() {
                    return "dx-cardview-container"
                }
            }
            exports.BaseContextMenuView = BaseContextMenuView
        },
        46578(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CommonPropsContext = void 0;
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            exports.CommonPropsContext = (0, _index.createContext)({
                rootElementRef: {
                    current: null
                }
            })
        },
        11024(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ConfigContext = void 0;
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            exports.ConfigContext = (0, _index.createContext)({
                rtlEnabled: void 0,
                disabled: void 0,
                templatesRenderAsynchronously: void 0
            })
        },
        45632(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.eventHandler = function(target, key, descriptor) {
                const originFn = descriptor.value;
                descriptor.value = function(event) {
                    if (event.dxIgnore) {
                        return
                    }
                    null === originFn || void 0 === originFn || originFn.call(this, event)
                }
            }
        },
        92940(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "NativeEventListener", {
                enumerable: true,
                get: function() {
                    return _native_event_listener.NativeEventListener
                }
            });
            Object.defineProperty(exports, "eventHandler", {
                enumerable: true,
                get: function() {
                    return _decorators.eventHandler
                }
            });
            Object.defineProperty(exports, "eventUtils", {
                enumerable: true,
                get: function() {
                    return _utils.eventUtils
                }
            });
            var _decorators = __webpack_require__( /*! ./decorators */ 45632);
            var _native_event_listener = __webpack_require__( /*! ./native_event_listener */ 3225);
            var _utils = __webpack_require__( /*! ./utils */ 54885)
        },
        3225(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.NativeEventListener = void 0;
            exports.NativeEventListener = class {
                constructor() {
                    this.unsubscribeArray = []
                }
                add(elementRef, eventName, eventHandler) {
                    var _elementRef$current;
                    null === (_elementRef$current = elementRef.current) || void 0 === _elementRef$current || _elementRef$current.addEventListener(eventName, eventHandler);
                    this.unsubscribeArray.push(() => {
                        var _elementRef$current2;
                        null === (_elementRef$current2 = elementRef.current) || void 0 === _elementRef$current2 || _elementRef$current2.removeEventListener(eventName, eventHandler)
                    });
                    return this
                }
                unsubscribe() {
                    this.unsubscribeArray.forEach(fn => fn())
                }
            }
        },
        54885(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.eventUtils = void 0;
            exports.eventUtils = {
                markHandled: event => {
                    event.dxHandled = true
                },
                markIgnored: event => {
                    event.dxIgnore = true
                }
            }
        },
        3455(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.View = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _m_inferno_renderer = __webpack_require__( /*! ../../../../core/m_inferno_renderer */ 21327);
            var _base_component = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/base_component */ 5428);
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _m_window = __webpack_require__( /*! ../../../../core/utils/m_window */ 14470);
            exports.View = class {
                constructor() {
                    this.firstRender = true
                }
                render(root) {
                    this.root = root;
                    const ViewComponent = this.component;
                    const props = this.getProps();
                    return (0, _index.effect)(() => {
                        this.props = props.value;
                        const content = (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, ViewComponent, Object.assign({}, props.value)));
                        _m_inferno_renderer.infernoRenderer.renderIntoContainer(content, root, !this.firstRender);
                        this.firstRender = false
                    })
                }
                asInferno() {
                    return this.inferno ?? (this.inferno = this._asInferno())
                }
                _asInferno() {
                    const view = this;
                    return class extends _base_component.BaseInfernoComponent {
                        constructor() {
                            super();
                            const props = view.getProps();
                            this.unsubscribe = (0, _index.effect)(() => {
                                view.props = props.value;
                                this.state ?? (this.state = {
                                    props: props.value
                                });
                                if (this.state.props !== props.value && (0, _m_window.hasWindow)()) {
                                    this.setState({
                                        props: props.value
                                    })
                                }
                            })
                        }
                        componentWillUnmount() {
                            this.unsubscribe()
                        }
                        render() {
                            const ViewComponent = view.component;
                            return (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, ViewComponent, Object.assign({}, this.state.props)))
                        }
                    }
                }
            }
        },
        5860(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CompatibilityDataController = void 0;
            var _callbacks = (e = __webpack_require__( /*! ../../../../../core/utils/callbacks */ 84718), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _data_controller = __webpack_require__( /*! ./data_controller */ 22893);
            class CompatibilityDataController {
                constructor(realDataController) {
                    this.realDataController = realDataController;
                    this.dataSourceChanged = (0, _callbacks.default)();
                    (0, _index.effect)(() => {
                        this.dataSourceChanged.fire(this.realDataController.dataSource.value)
                    })
                }
                dataSource() {
                    return this.realDataController.dataSource.peek()
                }
            }
            exports.CompatibilityDataController = CompatibilityDataController;
            CompatibilityDataController.dependencies = [_data_controller.DataController]
        },
        22893(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DataController = void 0;
            var _array_store = _interopRequireDefault(__webpack_require__( /*! ../../../../../common/data/array_store */ 80556));
            var _deferred = __webpack_require__( /*! ../../../../../core/utils/deferred */ 87739);
            var _type = __webpack_require__( /*! ../../../../../core/utils/type */ 11528);
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _m_common = __webpack_require__( /*! ../../../../core/utils/m_common */ 39315);
            var _promise = __webpack_require__( /*! ../../../../core/utils/promise */ 51413);
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../../../grid_core/m_utils */ 53226));
            var _columns_controller = __webpack_require__( /*! ../columns_controller/columns_controller */ 88195);
            var _error_controller = __webpack_require__( /*! ../error_controller/error_controller */ 67921);
            var _filter_controller = __webpack_require__( /*! ../filtering/filter_controller */ 24628);
            var _utils = __webpack_require__( /*! ../filtering/utils */ 18066);
            var _controller = __webpack_require__( /*! ../lifecycle/controller */ 59329);
            var _options_controller = __webpack_require__( /*! ../options_controller/options_controller */ 76385);
            var _index2 = __webpack_require__( /*! ../sorting_controller/index */ 37386);
            var _index3 = __webpack_require__( /*! ./store_load_adapter/index */ 84363);
            var _utils2 = __webpack_require__( /*! ./utils */ 99277);
            const _excluded = ["skip", "take"];

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DataController {
                constructor(columnsController, options, sortingController, filterController, errorController, lifecycle) {
                    this.columnsController = columnsController;
                    this.options = options;
                    this.sortingController = sortingController;
                    this.filterController = filterController;
                    this.errorController = errorController;
                    this.lifecycle = lifecycle;
                    this.pendingLocalOperations = {};
                    this.dataSourceConfiguration = this.options.oneWay("dataSource");
                    this.keyExpr = this.options.oneWay("keyExpr");
                    this.dataSource = (0, _index.computed)(() => (0, _utils2.normalizeDataSource)(this.dataSourceConfiguration.value, this.keyExpr.value));
                    this.previousDisplayFilter = void 0;
                    this.cacheEnabled = this.options.oneWay("cacheEnabled");
                    this.pagingEnabled = this.options.twoWay("paging.enabled");
                    this.pageIndex = this.options.twoWay("paging.pageIndex");
                    this.pageSize = this.options.twoWay("paging.pageSize");
                    this.remoteOperations = this.options.oneWay("remoteOperations");
                    this.onDataErrorOccurred = this.options.action("onDataErrorOccurred");
                    this._items = (0, _index.signal)([]);
                    this.items = this._items;
                    this._totalCount = (0, _index.signal)(0);
                    this.totalCount = this._totalCount;
                    this.isLoading = (0, _index.signal)(false);
                    this.pageCount = (0, _index.computed)(() => Math.ceil(this.totalCount.value / this.pageSize.value));
                    this.isLoaded = (0, _index.signal)(false);
                    this.isReloading = (0, _index.signal)(false);
                    this.normalizedRemoteOptions = (0, _index.computed)(() => {
                        const store = this.dataSource.value.store();
                        return (0, _utils2.normalizeRemoteOptions)(this.remoteOperations.value, (0, _utils2.isLocalStore)(store), (0, _utils2.isCustomStore)(store))
                    });
                    this.normalizedLocalOperations = (0, _index.computed)(() => (0, _utils2.normalizeLocalOptions)(this.normalizedRemoteOptions.value));
                    this.normalizedDisplayFilter = (0, _index.computed)(() => (0, _utils.normalizeFilterWithSelectors)(this.filterController.displayFilter.value, this.columnsController.columns.value, !!this.normalizedRemoteOptions.value.filtering));
                    (0, _index.effect)(() => {
                        if (this.dataSource.value) {
                            this.columnsController.resetColumnOptionsFromDataItem()
                        }
                    });
                    (0, _index.effect)(() => {
                        const dataSource = this.dataSource.value;
                        const changedCallback = e => {
                            this.isLoaded.value = true;
                            this.onChanged(dataSource, e)
                        };
                        const loadingChangedCallback = () => {
                            this.isLoading.value = dataSource.isLoading();
                            this.isReloading.value = true
                        };
                        const loadErrorCallback = error => {
                            const callback = this.onDataErrorOccurred.peek();
                            callback({
                                error: error
                            });
                            this.errorController.showError(error.message ?? error);
                            changedCallback()
                        };
                        const customizeStoreLoadOptionsCallback = e => {
                            e.storeLoadOptions.filter = this.combineFilterWithDisplayFilter(e.storeLoadOptions.filter);
                            const localOperations = this.normalizedLocalOperations.peek();
                            this.pendingLocalOperations[e.operationId] = (0, _utils2.getLocalLoadOptions)(e.storeLoadOptions, localOperations);
                            e.storeLoadOptions = (0, _utils2.getStoreLoadOptions)(e.storeLoadOptions, localOperations)
                        };
                        const dataLoadedCallback = e => {
                            const {
                                operationId: operationId
                            } = e;
                            const localLoadOptions = Object.assign({}, this.pendingLocalOperations[operationId]);
                            const {
                                skip: skip,
                                take: take
                            } = localLoadOptions;
                            const hasLocalPaging = (0, _type.isDefined)(skip) && (0, _type.isDefined)(take);
                            const localOptionsWithoutPaging = (loadOptions => {
                                const rest = function(r, e) {
                                    if (null == r) {
                                        return {}
                                    }
                                    var t = {};
                                    for (var n in r) {
                                        if ({}.hasOwnProperty.call(r, n)) {
                                            if (-1 !== e.indexOf(n)) {
                                                continue
                                            }
                                            t[n] = r[n]
                                        }
                                    }
                                    return t
                                }(loadOptions, _excluded);
                                return rest
                            })(localLoadOptions);
                            new _array_store.default(e.data).load(localOptionsWithoutPaging).done(filteredData => {
                                e.extra = (0, _type.isPlainObject)(e.extra) ? e.extra : {};
                                if (hasLocalPaging) {
                                    e.take = take;
                                    e.skip = skip;
                                    if (e.storeLoadOptions.requireTotalCount) {
                                        e.extra.totalCount = filteredData.length
                                    }
                                    new _array_store.default(e.data).load(localLoadOptions).done(newData => {
                                        e.data = newData
                                    })
                                } else {
                                    e.data = filteredData
                                }
                            }).fail(error => {
                                e.data = (new _deferred.Deferred).reject(error)
                            });
                            this.pendingLocalOperations[operationId] = void 0
                        };
                        if (dataSource.isLoaded()) {
                            changedCallback()
                        }
                        dataSource.on("changed", changedCallback);
                        dataSource.on("loadingChanged", loadingChangedCallback);
                        dataSource.on("loadError", loadErrorCallback);
                        dataSource.on("customizeStoreLoadOptions", customizeStoreLoadOptionsCallback);
                        dataSource.on("customizeLoadResult", dataLoadedCallback);
                        return () => {
                            dataSource.off("changed", changedCallback);
                            dataSource.off("loadingChanged", loadingChangedCallback);
                            dataSource.off("loadError", loadErrorCallback);
                            dataSource.off("customizeStoreLoadOptions", customizeStoreLoadOptionsCallback);
                            dataSource.off("customizeLoadResult", dataLoadedCallback)
                        }
                    });
                    (0, _index.effect)(() => {
                        this.normalizedRemoteOptions.value;
                        if (this.dataSource.peek().isLoaded()) {
                            this.dataSource.peek().load()
                        }
                    });
                    (0, _index.effect)(() => {
                        const initialized = this.options.initialized.value;
                        const dataSource = this.dataSource.value;
                        const pageIndex = this.pageIndex.value;
                        const pageSize = this.pageSize.value;
                        const isLoaded = this.isLoaded.value;
                        const displayFilter = this.filterController.displayFilter.value;
                        const pagingEnabled = this.pagingEnabled.value;
                        const sortParameters = this.sortingController.sortParameters.value;
                        if (!initialized) {
                            return
                        }
                        let someParamChanged = false;
                        if (dataSource.pageIndex() !== pageIndex) {
                            dataSource.pageIndex(pageIndex);
                            someParamChanged || (someParamChanged = true)
                        }
                        if (dataSource.pageSize() !== pageSize) {
                            const newPageIndex = isLoaded ? Math.max(Math.min(this.pageCount.peek() - 1, pageIndex), 0) : pageIndex;
                            dataSource.pageSize(pageSize);
                            dataSource.pageIndex(newPageIndex);
                            someParamChanged || (someParamChanged = true)
                        }
                        if (!dataSource.requireTotalCount()) {
                            dataSource.requireTotalCount(true);
                            someParamChanged || (someParamChanged = true)
                        }
                        const filterChanged = !(0, _m_common.equalByValue)(this.previousDisplayFilter, displayFilter, {
                            maxDepth: 6,
                            strict: true
                        });
                        if (filterChanged && isLoaded) {
                            this.dataSource.peek().pageIndex(0);
                            someParamChanged || (someParamChanged = true)
                        }
                        this.previousDisplayFilter = displayFilter;
                        if (!(0, _m_common.equalByValue)(dataSource.paginate(), pagingEnabled)) {
                            dataSource.paginate(pagingEnabled);
                            someParamChanged || (someParamChanged = true)
                        }
                        if (sortParameters && !(0, _m_common.equalByValue)(dataSource.sort(), sortParameters)) {
                            dataSource.sort(sortParameters);
                            someParamChanged || (someParamChanged = true)
                        }
                        if (someParamChanged || !dataSource.isLoaded()) {
                            dataSource.load()
                        }
                    })
                }
                getCombinedFilter() {
                    return this.combineFilterWithDisplayFilter(this.dataSource.peek().filter())
                }
                combineFilterWithDisplayFilter(filter) {
                    return _m_utils.default.combineFilters([filter, this.normalizedDisplayFilter.peek()])
                }
                normalizePageIndex(dataSource) {
                    const pageIndex = dataSource.pageIndex();
                    const totalCount = dataSource.totalCount();
                    const pageSize = dataSource.pageSize();
                    const pageCount = Math.ceil(totalCount / pageSize);
                    if (totalCount > 0 && pageIndex >= pageCount) {
                        dataSource.pageIndex(pageCount - 1);
                        return "require-reload"
                    }
                    return "normalized"
                }
                onChanged(dataSource, e) {
                    var _this$loadedPromise;
                    const normalizePageIndexResult = this.normalizePageIndex(dataSource);
                    if ("require-reload" === normalizePageIndexResult) {
                        dataSource.load();
                        return
                    }
                    let items = dataSource.items();
                    if (null !== e && void 0 !== e && e.changes) {
                        items = this._items.peek();
                        items = (0, _utils2.updateItemsImmutable)(items, e.changes, dataSource.store())
                    }
                    const firstItem = items[0];
                    this.columnsController.setColumnOptionsFromDataItem(firstItem ?? {});
                    this._items.value = items;
                    this.pageIndex.value = dataSource.pageIndex();
                    this.pageSize.value = dataSource.pageSize();
                    this._totalCount.value = dataSource.totalCount();
                    Promise.resolve().then(() => {
                        this.isReloading.value = false
                    });
                    null === (_this$loadedPromise = this.loadedPromise) || void 0 === _this$loadedPromise || _this$loadedPromise.resolve();
                    this.loadedPromise = void 0;
                    this.lifecycle.contentRendered.schedule(() => {
                        this.lifecycle.fireContentReady()
                    })
                }
                getDataKey(data) {
                    return this.dataSource.peek().store().keyOf(data)
                }
                waitLoaded() {
                    if (!this.dataSource.peek().isLoading()) {
                        return Promise.resolve()
                    }
                    if (!this.loadedPromise) {
                        this.loadedPromise = (0, _promise.createPromise)()
                    }
                    return this.loadedPromise.promise
                }
                getStoreLoadAdapter() {
                    return new _index3.StoreLoadAdapter(this.dataSource, this.normalizedLocalOperations, data => new _array_store.default(data))
                }
                async update(key, data) {
                    await this.dataSource.peek().store().update(key, data)
                }
                async insert(data) {
                    await this.dataSource.peek().store().insert(data)
                }
                async remove(key) {
                    await this.dataSource.peek().store().remove(key)
                }
                async reload() {
                    await this.dataSource.peek().load()
                }
                increasePageIndex() {
                    const currentPageIdx = this.pageIndex.peek();
                    const totalCount = this.totalCount.peek();
                    const pageSize = this.pageSize.peek();
                    const nextPageIdx = currentPageIdx + 1;
                    const maxPageIdx = Math.ceil(totalCount / pageSize) - 1;
                    if (nextPageIdx > maxPageIdx) {
                        return
                    }
                    this.pageIndex.value = nextPageIdx
                }
                decreasePageIndex() {
                    const currentPageIdx = this.pageIndex.peek();
                    const nextPageIdx = currentPageIdx - 1;
                    if (nextPageIdx < 0) {
                        return
                    }
                    this.pageIndex.value = nextPageIdx
                }
            }
            exports.DataController = DataController;
            DataController.dependencies = [_columns_controller.ColumnsController, _options_controller.OptionsController, _index2.SortingController, _filter_controller.FilterController, _error_controller.ErrorController, _controller.LifeCycleController]
        },
        90780(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.deferredCache = void 0;
            var _common = __webpack_require__( /*! ../../../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../../../core/utils/deferred */ 87739);
            exports.deferredCache = actionFn => {
                let lastArgs = null;
                let cachedResult = null;
                return function() {
                    const hasPreviousCall = null !== lastArgs && null !== cachedResult;
                    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                        args[_key] = arguments[_key]
                    }
                    const isArgsSame = hasPreviousCall ? (0, _common.equalByValue)(lastArgs, args) : false;
                    if (hasPreviousCall && isArgsSame) {
                        return (new _deferred.Deferred).resolve(cachedResult)
                    }
                    lastArgs = args;
                    return actionFn(...args).then(result => {
                        cachedResult = result;
                        return result
                    })
                }
            }
        },
        61124(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "CompatibilityDataController", {
                enumerable: true,
                get: function() {
                    return _compatibility.CompatibilityDataController
                }
            });
            Object.defineProperty(exports, "DataController", {
                enumerable: true,
                get: function() {
                    return _data_controller.DataController
                }
            });
            Object.defineProperty(exports, "PublicMethods", {
                enumerable: true,
                get: function() {
                    return _public_methods.PublicMethods
                }
            });
            Object.defineProperty(exports, "defaultOptions", {
                enumerable: true,
                get: function() {
                    return _options.defaultOptions
                }
            });
            var _compatibility = __webpack_require__( /*! ./compatibility */ 5860);
            var _data_controller = __webpack_require__( /*! ./data_controller */ 22893);
            var _options = __webpack_require__( /*! ./options */ 29594);
            var _public_methods = __webpack_require__( /*! ./public_methods */ 79614)
        },
        29594(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptions = void 0;
            exports.defaultOptions = {
                paging: {
                    enabled: true,
                    pageSize: 6,
                    pageIndex: 0
                },
                remoteOperations: "auto",
                cacheEnabled: true
            }
        },
        79614(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PublicMethods = function(GridCore) {
                return class extends GridCore {
                    getDataSource() {
                        return this.dataController.dataSource.peek()
                    }
                    byKey(key) {
                        const items = this.getDataSource().items();
                        const store = this.getDataSource().store();
                        const keyExpr = store.key();
                        const foundItem = items.find(item => (0, _m_utils.keysEqual)(keyExpr, key, this.keyOf(item)));
                        if (foundItem) {
                            return Promise.resolve(foundItem)
                        }
                        return store.byKey(key)
                    }
                    getCombinedFilter() {
                        return this.dataController.getCombinedFilter()
                    }
                    keyOf(obj) {
                        return this.dataController.getDataKey(obj)
                    }
                    pageCount() {
                        return this.dataController.pageCount.peek()
                    }
                    pageSize(value) {
                        if (void 0 === value) {
                            return this.dataController.pageSize.peek()
                        }
                        this.dataController.pageSize.value = value
                    }
                    pageIndex(newIndex) {
                        if (void 0 === newIndex) {
                            return this.dataController.pageIndex.peek()
                        }
                        this.dataController.pageIndex.value = newIndex;
                        return this.dataController.waitLoaded()
                    }
                    totalCount() {
                        return this.dataController.totalCount.peek()
                    }
                }
            };
            var _m_utils = __webpack_require__( /*! ../../../../data/m_utils */ 30912)
        },
        84363(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "StoreLoadAdapter", {
                enumerable: true,
                get: function() {
                    return _store_load_adapter.StoreLoadAdapter
                }
            });
            var _store_load_adapter = __webpack_require__( /*! ./store_load_adapter */ 53961)
        },
        53961(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.StoreLoadAdapter = void 0;
            var _deferred = __webpack_require__( /*! ../../../../../../core/utils/deferred */ 87739);
            var _deferred_cache = __webpack_require__( /*! ../deferred_cache */ 90780);
            var _utils = __webpack_require__( /*! ../utils */ 99277);
            exports.StoreLoadAdapter = class {
                constructor(dataSourceReactive, localLoadOptionsReactive, localStoreFabric) {
                    this.dataSourceReactive = dataSourceReactive;
                    this.localLoadOptionsReactive = localLoadOptionsReactive;
                    this.localStoreFabric = localStoreFabric;
                    this.loadFromStore = (0, _deferred_cache.deferredCache)(loadOptions => {
                        const dataSource = this.dataSourceReactive.peek();
                        return dataSource.store().load(loadOptions)
                    })
                }
                load() {
                    let loadOptions = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
                    const result = (0, _deferred.Deferred)();
                    const {
                        localOptions: localOptions,
                        remoteOptions: remoteOptions
                    } = this.getLoadOptions(loadOptions);
                    this.loadFromStore(remoteOptions).done(loadedData => {
                        const localStore = this.localStoreFabric(loadedData);
                        localStore.load(localOptions).done(processedData => {
                            result.resolve(processedData)
                        }).fail(result.reject)
                    }).fail(result.reject);
                    return result
                }
                getLocalLoadOperations() {
                    return this.localLoadOptionsReactive.peek()
                }
                getLoadOptions(loadOptions) {
                    const localLoadOptions = this.localLoadOptionsReactive.peek();
                    const localOptions = (0, _utils.getLocalLoadOptions)(loadOptions, localLoadOptions);
                    const remoteOptions = (0, _utils.getStoreLoadOptions)(loadOptions, localLoadOptions);
                    return {
                        localOptions: localOptions,
                        remoteOptions: remoteOptions
                    }
                }
            }
        },
        99277(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getLocalLoadOptions = function(originOptions, localOperations) {
                const localLoadOptions = {
                    langParams: originOptions.langParams
                };
                if (localOperations.sorting) {
                    localLoadOptions.sort = originOptions.sort
                }
                if (localOperations.filtering) {
                    localLoadOptions.filter = originOptions.filter
                }
                if (localOperations.paging) {
                    localLoadOptions.skip = originOptions.skip;
                    localLoadOptions.take = originOptions.take
                }
                if (localOperations.summary) {
                    localLoadOptions.summary = originOptions.summary
                }
                if (localOperations.grouping) {
                    localLoadOptions.group = originOptions.group
                }
                return localLoadOptions
            };
            exports.getStoreLoadOptions = function(originOptions, localOperations) {
                const storeLoadOptions = Object.assign({}, originOptions);
                if (localOperations.sorting) {
                    delete storeLoadOptions.sort
                }
                if (localOperations.filtering) {
                    delete storeLoadOptions.filter
                }
                if (localOperations.paging) {
                    delete storeLoadOptions.skip;
                    delete storeLoadOptions.take
                }
                if (localOperations.summary) {
                    delete storeLoadOptions.summary
                }
                if (localOperations.grouping) {
                    delete storeLoadOptions.group
                }
                return storeLoadOptions
            };
            exports.isCustomStore = function(store) {
                return store instanceof _data.CustomStore
            };
            exports.isLocalStore = function(store) {
                return store instanceof _data.ArrayStore
            };
            exports.normalizeDataSource = function(dataSourceLike, keyExpr) {
                if (dataSourceLike instanceof _data_source.default) {
                    return dataSourceLike
                }
                if (Array.isArray(dataSourceLike)) {
                    dataSourceLike = {
                        store: {
                            type: "array",
                            data: dataSourceLike,
                            key: keyExpr
                        }
                    }
                }
                return new _data_source.default((0, _utils.normalizeDataSourceOptions)(dataSourceLike, void 0))
            };
            exports.normalizeLocalOptions = function(normalizedRemoteOperations) {
                return {
                    filtering: !normalizedRemoteOperations.filtering,
                    sorting: !normalizedRemoteOperations.sorting,
                    paging: !normalizedRemoteOperations.paging,
                    grouping: !normalizedRemoteOperations.grouping
                }
            };
            exports.normalizeRemoteOptions = function(remoteOperations, localStore, customStore) {
                const allOperationsEnabled = {
                    filtering: true,
                    sorting: true,
                    paging: true,
                    grouping: true
                };
                const allOperationDisabled = {
                    filtering: false,
                    sorting: false,
                    paging: false,
                    grouping: false
                };
                switch (true) {
                    case "auto" === remoteOperations:
                        return localStore || customStore ? allOperationDisabled : allOperationsEnabled;
                    case false === remoteOperations:
                        return allOperationDisabled;
                    case true === remoteOperations:
                        return allOperationsEnabled;
                    default:
                        return remoteOperations
                }
            };
            exports.updateItemsImmutable = function(data, changes, keyInfo) {
                return (0, _m_array_utils.applyBatch)({
                    keyInfo: keyInfo,
                    data: data,
                    changes: changes,
                    immutable: true
                })
            };
            var _data = __webpack_require__( /*! ../../../../../common/data */ 11036);
            var _data_source = (e = __webpack_require__( /*! ../../../../../data/data_source */ 47283), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _utils = __webpack_require__( /*! ../../../../../data/data_source/utils */ 15125);
            var _m_array_utils = __webpack_require__( /*! ../../../../data/m_array_utils */ 3198)
        },
        3955(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.register = function(diContext) {
                diContext.register(DataControllerModule.DataController);
                diContext.register(DataControllerModule.CompatibilityDataController);
                diContext.register(_items_controller.ItemsController);
                diContext.register(ColumnsControllerModule.ColumnsController);
                diContext.register(SelectionControllerModule.Controller);
                diContext.register(ColumnsControllerModule.CompatibilityColumnsController);
                diContext.register(SortingControllerModule.SortingController);
                diContext.register(_controller4.ToolbarController);
                diContext.register(_view4.ToolbarView);
                diContext.register(_view2.PagerView);
                diContext.register(_controller3.SearchController);
                diContext.register(_view3.SearchView);
                diContext.register(ColumnChooserModule.ColumnChooserController);
                diContext.register(ColumnChooserModule.ColumnChooserView);
                diContext.register(FilterControllerModule.FilterController);
                diContext.register(FilterControllerModule.FilterPanelView);
                diContext.register(_index6.HeaderFilterController);
                diContext.register(_index6.HeaderFilterPopupView);
                diContext.register(FilterSyncModule.FilterSyncController);
                diContext.register(FilterSyncModule.CompatibilityFilterSyncController);
                diContext.register(_index6.CompatibilityHeaderFilterController);
                diContext.register(_error_controller.ErrorController);
                diContext.register(_controller2.EditingController);
                diContext.register(_confirm_controller.ConfirmController);
                diContext.register(_view.EditPopupView);
                diContext.register(_index.SearchUIController);
                diContext.register(_view3.SearchView);
                diContext.register(_view_controller.HeaderFilterViewController);
                diContext.register(_index8.KeyboardNavigationController);
                diContext.register(_controller.AccessibilityController);
                diContext.register(_index0.OptionsValidationController);
                diContext.register(Lifecycle.Controller)
            };
            var _index = __webpack_require__( /*! ../../../grids/new/grid_core/search/index */ 61519);
            var _controller = __webpack_require__( /*! ./accessibility/controller */ 95569);
            var ColumnChooserModule = _interopRequireWildcard(__webpack_require__( /*! ./column_chooser/index */ 45415));
            var ColumnsControllerModule = _interopRequireWildcard(__webpack_require__( /*! ./columns_controller/index */ 50875));
            var DataControllerModule = _interopRequireWildcard(__webpack_require__( /*! ./data_controller/index */ 61124));
            var _confirm_controller = __webpack_require__( /*! ./editing/confirm_controller */ 17720);
            var _controller2 = __webpack_require__( /*! ./editing/controller */ 64629);
            var _view = __webpack_require__( /*! ./editing/popup/view */ 32643);
            var _error_controller = __webpack_require__( /*! ./error_controller/error_controller */ 67921);
            var FilterSyncModule = _interopRequireWildcard(__webpack_require__( /*! ./filtering/filter_sync/index */ 69900));
            var _index6 = __webpack_require__( /*! ./filtering/header_filter/index */ 63108);
            var _view_controller = __webpack_require__( /*! ./filtering/header_filter/view_controller */ 58814);
            var FilterControllerModule = _interopRequireWildcard(__webpack_require__( /*! ./filtering/index */ 92743));
            var _items_controller = __webpack_require__( /*! ./items_controller/items_controller */ 58761);
            var _index8 = __webpack_require__( /*! ./keyboard_navigation/index */ 58529);
            var Lifecycle = _interopRequireWildcard(__webpack_require__( /*! ./lifecycle/index */ 29589));
            var _index0 = __webpack_require__( /*! ./options_validation/index */ 8927);
            var _view2 = __webpack_require__( /*! ./pager/view */ 93825);
            var _controller3 = __webpack_require__( /*! ./search/controller */ 28355);
            var _view3 = __webpack_require__( /*! ./search/view */ 29366);
            var SelectionControllerModule = _interopRequireWildcard(__webpack_require__( /*! ./selection/index */ 99779));
            var SortingControllerModule = _interopRequireWildcard(__webpack_require__( /*! ./sorting_controller/index */ 37386));
            var _controller4 = __webpack_require__( /*! ./toolbar/controller */ 34272);
            var _view4 = __webpack_require__( /*! ./toolbar/view */ 5061);

            function _interopRequireWildcard(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return (_interopRequireWildcard = function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                })(e, t)
            }
        },
        17720(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ConfirmController = void 0;
            var _dialog = __webpack_require__( /*! ../../../../../ui/dialog */ 35757);
            class ConfirmController {
                confirm(message, title, showTitle) {
                    return (0, _dialog.confirm)(message, title, showTitle)
                }
            }
            exports.ConfirmController = ConfirmController;
            ConfirmController.dependencies = []
        },
        64629(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.EditingController = void 0;
            var _data = __webpack_require__( /*! ../../../../../common/data */ 11036);
            var _type = __webpack_require__( /*! ../../../../../core/utils/type */ 11528);
            var _message = (e = __webpack_require__( /*! ../../../../../localization/message */ 33881), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _m_editing_utils = __webpack_require__( /*! ../../../../grids/grid_core/editing/m_editing_utils */ 1414);
            var _index2 = __webpack_require__( /*! ../../../../grids/new/grid_core/options_validation/index */ 8927);
            var _columns_controller = __webpack_require__( /*! ../columns_controller/columns_controller */ 88195);
            var _data_controller = __webpack_require__( /*! ../data_controller/data_controller */ 22893);
            var _items_controller = __webpack_require__( /*! ../items_controller/items_controller */ 58761);
            var _index3 = __webpack_require__( /*! ../keyboard_navigation/index */ 58529);
            var _options_controller = __webpack_require__( /*! ../options_controller/options_controller */ 76385);
            var _confirm_controller = __webpack_require__( /*! ./confirm_controller */ 17720);
            class EditingController {
                constructor(options, itemsController, columnController, dataController, kbn, optionsValidationController, confirmController) {
                    this.options = options;
                    this.itemsController = itemsController;
                    this.columnController = columnController;
                    this.dataController = dataController;
                    this.kbn = kbn;
                    this.optionsValidationController = optionsValidationController;
                    this.confirmController = confirmController;
                    this.changes = this.options.twoWay("editing.changes");
                    this.editCardKey = this.options.twoWay("editing.editCardKey");
                    this.allowDeleting = this.options.twoWay("editing.allowDeleting");
                    this.allowUpdating = this.options.twoWay("editing.allowUpdating");
                    this.allowAdding = this.options.twoWay("editing.allowAdding");
                    this.needConfirmDelete = this.options.oneWay("editing.confirmDelete");
                    this.texts = this.options.oneWay("editing.texts");
                    this.onEditCanceling = this.options.action("onEditCanceling");
                    this.onEditCanceled = this.options.action("onEditCanceled");
                    this.onEditingStart = this.options.action("onEditingStart");
                    this.onInitNewCard = this.options.action("onInitNewCard");
                    this.onCardInserted = this.options.action("onCardInserted");
                    this.onCardInserting = this.options.action("onCardInserting");
                    this.onCardUpdated = this.options.action("onCardUpdated");
                    this.onCardUpdating = this.options.action("onCardUpdating");
                    this.onCardRemoved = this.options.action("onCardRemoved");
                    this.onCardRemoving = this.options.action("onCardRemoving");
                    this.onSaving = this.options.action("onSaving");
                    this.onSaved = this.options.action("onSaved");
                    this.editingCard = (0, _index.computed)(() => {
                        const editCardKey = this.editCardKey.value;
                        const items = this.itemsController.items.value;
                        const changes = this.changes.value;
                        if (!(0, _type.isDefined)(editCardKey)) {
                            return null
                        }
                        const oldItem = this.itemsController.findItemByKey(items, editCardKey);
                        if (!oldItem) {
                            return null
                        }
                        const insertChange = changes.find(change => change.key === editCardKey && "insert" === change.type);
                        const oldData = (null === insertChange || void 0 === insertChange ? void 0 : insertChange.data) ?? oldItem.data;
                        const newData = insertChange ? Object.assign({}, oldData, changes) : (0, _data.applyChanges)([oldData], changes, {
                            keyExpr: this.dataController.dataSource.peek().key(),
                            immutable: true
                        })[0];
                        const newItem = this.itemsController.createCardInfo(newData, this.columnController.columns.peek(), oldItem.index, void 0, oldItem.key);
                        return newItem
                    })
                }
                provideValidateMethod(validateMethod) {
                    this.validateMethod = validateMethod
                }
                editCard(key) {
                    this.optionsValidationController.validateKeyExpr();
                    const eventArgs = {
                        cancel: false,
                        key: key,
                        data: this.itemsController.getCardByKey(key).data
                    };
                    this.onEditingStart.peek()(eventArgs);
                    if (!eventArgs.cancel) {
                        this.editCardKey.value = key
                    }
                }
                async validate() {
                    var _this$validateMethod;
                    return (null === (_this$validateMethod = this.validateMethod) || void 0 === _this$validateMethod ? void 0 : _this$validateMethod.call(this)) ?? true
                }
                async addCard() {
                    this.optionsValidationController.validateKeyExpr();
                    const eventArgs = {
                        promise: void 0,
                        data: {}
                    };
                    this.onInitNewCard.peek()(eventArgs);
                    await eventArgs.promise;
                    const newItemKey = this.dataController.getDataKey(eventArgs.data) ?? (0, _m_editing_utils.generateNewRowTempKey)();
                    this.itemsController.additionalItems.value = [...this.itemsController.additionalItems.peek(), this.itemsController.createCardInfo(eventArgs.data, this.columnController.columns.peek(), -1, [], newItemKey, false)];
                    this.changes.value = [...this.changes.peek(), {
                        type: "insert",
                        key: newItemKey,
                        data: eventArgs.data
                    }];
                    this.editCardKey.value = newItemKey
                }
                async confirmDelete() {
                    if (!this.needConfirmDelete.peek()) {
                        return Promise.resolve(true)
                    }
                    const {
                        confirmDeleteMessage: confirmDeleteMessage,
                        confirmDeleteTitle: confirmDeleteTitle
                    } = this.texts.peek();
                    const showDialogTitle = (0, _type.isDefined)(confirmDeleteTitle) && confirmDeleteTitle.length > 0;
                    const result = await this.confirmController.confirm(confirmDeleteMessage ?? _message.default.format("dxDataGrid-editingConfirmDeleteMessage"), confirmDeleteTitle ?? "", showDialogTitle);
                    return result
                }
                async deleteCard(key) {
                    this.optionsValidationController.validateKeyExpr();
                    const confirmStatus = await this.confirmDelete();
                    if (!confirmStatus) {
                        this.kbn.returnFocus();
                        return
                    }
                    this.changes.value = [...this.changes.peek(), {
                        type: "remove",
                        key: key
                    }];
                    await this.save();
                    this.kbn.returnFocus()
                }
                clear() {
                    this.changes.value = [];
                    this.editCardKey.value = null;
                    this.itemsController.additionalItems.value = []
                }
                async flushChanges() {
                    await this.processChanges(this.changes.peek());
                    this.clear()
                }
                cancel() {
                    const changes = this.changes.peek();
                    const eventArgs = {
                        changes: changes,
                        cancel: false
                    };
                    this.onEditCanceling.peek()(eventArgs);
                    if (eventArgs.cancel) {
                        return false
                    }
                    this.clear();
                    this.onEditCanceled.peek()({
                        changes: changes
                    });
                    return true
                }
                async save() {
                    const validationSuccessful = await this.validate();
                    if (!validationSuccessful) {
                        return
                    }
                    const changes = this.changes.peek();
                    const eventArgs = {
                        promise: void 0,
                        cancel: false,
                        changes: changes
                    };
                    this.onSaving.peek()(eventArgs);
                    await eventArgs.promise;
                    if (eventArgs.cancel) {
                        return
                    }
                    await this.flushChanges();
                    this.onSaved.peek()({
                        changes: changes
                    })
                }
                async processChanges(changes) {
                    const promises = [];
                    for (const change of changes) {
                        switch (change.type) {
                            case "update": {
                                const updatingArgs = {
                                    oldData: this.itemsController.getCardByKey(change.key).data,
                                    newData: change.data,
                                    cancel: false,
                                    key: change.key
                                };
                                this.onCardUpdating.peek()(updatingArgs);
                                if (await updatingArgs.cancel) {
                                    break
                                }
                                promises.push(this.dataController.update(change.key, change.data));
                                this.onCardUpdated.peek()({
                                    data: change.data,
                                    key: change.key
                                });
                                break
                            }
                            case "remove": {
                                const {
                                    data: data
                                } = this.itemsController.findItemByKey(this.itemsController.items.peek(), change.key);
                                const removingArgs = {
                                    cancel: false,
                                    data: data,
                                    key: change.key
                                };
                                this.onCardRemoving.peek()(removingArgs);
                                if (await removingArgs.cancel) {
                                    break
                                }
                                promises.push(this.dataController.remove(change.key));
                                this.onCardRemoved.peek()({
                                    data: data,
                                    key: change.key
                                });
                                break
                            }
                            case "insert": {
                                const insertingArgs = {
                                    cancel: false,
                                    data: change.data
                                };
                                this.onCardInserting.peek()(insertingArgs);
                                if (await insertingArgs.cancel) {
                                    break
                                }
                                promises.push(this.dataController.insert(change.data));
                                this.onCardInserted.peek()({
                                    data: change.data
                                });
                                break
                            }
                        }
                    }
                    await Promise.all(promises);
                    await this.dataController.reload()
                }
                addChange(key, newData) {
                    const existingChange = this.changes.peek().find(change => change.key === key && ["insert", "update"].includes(change.type));
                    const newChange = existingChange ? Object.assign({}, existingChange, {
                        data: Object.assign({}, existingChange.data, newData)
                    }) : {
                        key: key,
                        type: "update",
                        data: newData
                    };
                    this.changes.value = [...this.changes.peek().filter(change => change !== existingChange), newChange]
                }
            }
            exports.EditingController = EditingController;
            EditingController.dependencies = [_options_controller.OptionsController, _items_controller.ItemsController, _columns_controller.ColumnsController, _data_controller.DataController, _index3.KeyboardNavigationController, _index2.OptionsValidationController, _confirm_controller.ConfirmController]
        },
        68222(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "Controller", {
                enumerable: true,
                get: function() {
                    return _controller.EditingController
                }
            });
            Object.defineProperty(exports, "PublicMethods", {
                enumerable: true,
                get: function() {
                    return _public_methods.PublicMethods
                }
            });
            Object.defineProperty(exports, "defaultOptions", {
                enumerable: true,
                get: function() {
                    return _options.defaultOptions
                }
            });
            var _controller = __webpack_require__( /*! ./controller */ 64629);
            var _options = __webpack_require__( /*! ./options */ 7563);
            var _public_methods = __webpack_require__( /*! ./public_methods */ 18933)
        },
        7563(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptions = void 0;
            exports.defaultOptions = {
                editing: {
                    changes: [],
                    allowAdding: false,
                    allowDeleting: false,
                    allowUpdating: false,
                    confirmDelete: true,
                    form: {},
                    popup: {},
                    texts: {
                        confirmDeleteMessage: void 0,
                        confirmDeleteTitle: "",
                        deleteCard: void 0,
                        editCard: void 0,
                        saveCard: void 0,
                        addCard: void 0,
                        cancel: void 0
                    }
                }
            }
        },
        27821(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getCancelButtonConfig = function(props) {
                const config = {
                    toolbar: "bottom",
                    location: "after",
                    widget: "dxButton",
                    options: {
                        text: props.text,
                        onClick: props.onCancel
                    }
                };
                if ((0, _themes.isFluent)((0, _themes.current)())) {
                    config.options.stylingMode = "outlined"
                }
                return config
            };
            exports.getSaveButtonConfig = function(props) {
                const config = {
                    toolbar: "bottom",
                    location: "after",
                    widget: "dxButton",
                    options: {
                        text: props.text,
                        onClick: props.onSave
                    }
                };
                if ((0, _themes.isFluent)((0, _themes.current)())) {
                    config.options.stylingMode = "contained";
                    config.options.type = "default"
                }
                return config
            };
            var _themes = __webpack_require__( /*! ../../../../../../ui/themes */ 52071)
        },
        93739(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.EditPopup = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _const = __webpack_require__( /*! ../../const */ 46793);
            var _form = __webpack_require__( /*! ../../inferno_wrappers/form */ 34553);
            var _popup = __webpack_require__( /*! ../../inferno_wrappers/popup */ 36525);
            var _buttons = __webpack_require__( /*! ./buttons */ 27821);
            class EditPopup extends _inferno.Component {
                render() {
                    if (!this.props.visible) {
                        this.props.formRef.current = null;
                        return (0, _inferno.createFragment)()
                    }
                    const toolbarItems = [(0, _buttons.getSaveButtonConfig)({
                        onSave: this.props.onSave,
                        text: this.props.texts.saveCard
                    }), (0, _buttons.getCancelButtonConfig)({
                        onCancel: this.props.onCancel,
                        text: this.props.texts.cancel
                    })];
                    return (0, _inferno.createVNode)(1, "div", _const.CLASSES.excludeFlexBox, (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _popup.Popup, Object.assign({
                        visible: true,
                        toolbarItems: toolbarItems,
                        onHidden: this.props.onHide,
                        showTitle: false
                    }, this.props.popupProps, {
                        children: (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _form.Form, Object.assign({
                            componentRef: this.props.formRef,
                            colCount: 2,
                            labelLocation: "top",
                            customizeItem: this.props.customizeItem,
                            items: this.props.items
                        }, this.props.formProps)))
                    }))), 2)
                }
            }
            exports.EditPopup = EditPopup
        },
        32643(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.EditPopupView = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../../../core/renderer */ 64553));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../../../localization/message */ 33881));
            var _index = __webpack_require__( /*! ../../../../../core/state_manager/index */ 74636);
            var _m_extend = __webpack_require__( /*! ../../../../../core/utils/m_extend */ 96298);
            var _m_editing_utils = __webpack_require__( /*! ../../../../../grids/grid_core/editing/m_editing_utils */ 1414);
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _columns_controller = __webpack_require__( /*! ../../columns_controller/columns_controller */ 88195);
            var _view = __webpack_require__( /*! ../../core/view */ 3455);
            var _items_controller = __webpack_require__( /*! ../../items_controller/items_controller */ 58761);
            var _index2 = __webpack_require__( /*! ../../keyboard_navigation/index */ 58529);
            var _options_controller = __webpack_require__( /*! ../../options_controller/options_controller */ 76385);
            var _controller = __webpack_require__( /*! ../../toolbar/controller */ 34272);
            var _controller2 = __webpack_require__( /*! ../controller */ 64629);
            var _utils = __webpack_require__( /*! ../utils */ 98140);
            var _component = __webpack_require__( /*! ./component */ 93739);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const EDITOR_TYPES_BY_DATA_TYPE = {
                string: "dxTextBox",
                number: "dxNumberBox",
                boolean: "dxCheckBox",
                object: "dxTextBox",
                date: "dxDateBox",
                datetime: "dxDateBox"
            };
            class EditPopupView extends _view.View {
                constructor(options, columnsController, itemsController, editingController, toolbar, kbn) {
                    super();
                    this.options = options;
                    this.columnsController = columnsController;
                    this.itemsController = itemsController;
                    this.editingController = editingController;
                    this.toolbar = toolbar;
                    this.kbn = kbn;
                    this.promises = new _utils.PendingPromises;
                    this.formRef = (0, _inferno.createRef)();
                    this.component = _component.EditPopup;
                    this.items = (0, _index.computed)(() => {
                        const userItems = this.options.oneWay("editing.form.items").value;
                        if (userItems) {
                            return userItems
                        }
                        return this.columnsController.columns.value.map(column => ({
                            column: column,
                            name: column.name,
                            dataField: column.dataField
                        }))
                    });
                    this.customEditorItems = (0, _index.computed)(() => {
                        const items = this.items.value;
                        const result = [];
                        (0, _m_editing_utils.forEachFormItems)(items, item => {
                            const itemId = (null === item || void 0 === item ? void 0 : item.name) || (null === item || void 0 === item ? void 0 : item.dataField);
                            if (itemId && !!item.editorType) {
                                result.push(itemId)
                            }
                        });
                        return result
                    });
                    this.visible = (0, _index.computed)(() => !!this.editingController.editingCard.value);
                    this.editingTexts = (0, _index.computed)(() => {
                        const texts = this.editingController.texts.value;
                        return {
                            confirmDeleteMessage: texts.confirmDeleteMessage ?? _message.default.format("dxDataGrid-editingConfirmDeleteMessage"),
                            confirmDeleteTitle: texts.confirmDeleteTitle ?? "",
                            deleteCard: texts.deleteCard ?? _message.default.format("dxDataGrid-editingDeleteRow"),
                            editCard: texts.editCard ?? _message.default.format("dxDataGrid-editingEditRow"),
                            saveCard: texts.saveCard ?? _message.default.format("dxDataGrid-editingSaveRowChanges"),
                            addCard: texts.addCard ?? _message.default.format("dxDataGrid-editingAddRow"),
                            cancel: texts.cancel ?? _message.default.format("dxDataGrid-editingCancelRowChanges")
                        }
                    });
                    this.customizeItems = item => {
                        var _simpleFormItem$edito, _editingCard$fields$f;
                        const editingCard = this.editingController.editingCard.peek();
                        const columns = this.columnsController.columns.peek();
                        const customEditorItems = this.customEditorItems.peek();
                        if (!editingCard) {
                            return
                        }
                        if ("simple" !== item.itemType) {
                            return
                        }
                        const simpleFormItem = item;
                        const itemId = simpleFormItem.name ?? simpleFormItem.dataField;
                        const column = simpleFormItem.column ?? columns.find(c => c.name === itemId) ?? columns.find(c => c.dataField === itemId);
                        if (!column) {
                            return
                        }
                        simpleFormItem.column = column;
                        if (itemId && !customEditorItems.includes(itemId)) {
                            simpleFormItem.editorType = EDITOR_TYPES_BY_DATA_TYPE[column.dataType]
                        }(0, _m_extend.extend)(simpleFormItem, column.formItem);
                        simpleFormItem.dataField ?? (simpleFormItem.dataField = column.dataField);
                        simpleFormItem.validationRules ?? (simpleFormItem.validationRules = column.validationRules);
                        simpleFormItem.label = Object.assign({
                            text: column.caption
                        }, column.formItem.label);
                        const originalContentReady = null === simpleFormItem || void 0 === simpleFormItem || null === (_simpleFormItem$edito = simpleFormItem.editorOptions) || void 0 === _simpleFormItem$edito ? void 0 : _simpleFormItem$edito.onContentReady;
                        simpleFormItem.editorOptions = Object.assign({
                            stylingMode: "outlined",
                            disabled: !column.allowEditing
                        }, column.editorOptions, column.formItem.editorOptions, simpleFormItem.editorOptions, {
                            onValueChanged: async _ref => {
                                let {
                                    value: value
                                } = _ref;
                                const newData = {};
                                await this.promises.add(Promise.resolve(column.setFieldValue.bind(column)(newData, value, editingCard.data)));
                                this.editingController.addChange(editingCard.key, newData)
                            },
                            value: (null === editingCard || void 0 === editingCard || null === (_editingCard$fields$f = editingCard.fields.find(c => c.column.name === column.name)) || void 0 === _editingCard$fields$f ? void 0 : _editingCard$fields$f.value) ?? null,
                            onContentReady: e => {
                                setTimeout(() => {
                                    var _$$data;
                                    null === (_$$data = (0, _renderer.default)(e.element).data("dxValidator")) || void 0 === _$$data || _$$data.option("dataGetter", () => {
                                        var _this$editingControll;
                                        return {
                                            data: null === (_this$editingControll = this.editingController.editingCard.peek()) || void 0 === _this$editingControll ? void 0 : _this$editingControll.data,
                                            column: column
                                        }
                                    })
                                });
                                null === originalContentReady || void 0 === originalContentReady || originalContentReady(e)
                            }
                        });
                        if ("dxDateBox" === simpleFormItem.editorType) {
                            simpleFormItem.editorOptions.type = column.dataType
                        }
                    };
                    this.toolbar.addDefaultItem((0, _index.signal)({
                        name: "addCardButton",
                        location: "after",
                        widget: "dxButton",
                        options: {
                            icon: "add",
                            onClick: () => this.editingController.addCard()
                        }
                    }), this.editingController.allowAdding);
                    this.editingController.provideValidateMethod(async () => {
                        const form = this.formRef.current;
                        if (!form) {
                            return true
                        }
                        const preValidationResult = form.validate();
                        const validationResult = await (preValidationResult.complete ?? preValidationResult);
                        return !!validationResult.isValid
                    })
                }
                getProps() {
                    return (0, _index.computed)(() => ({
                        visible: this.visible.value,
                        formProps: this.options.oneWay("editing.form").value,
                        popupProps: this.options.oneWay("editing.popup").value,
                        formRef: this.formRef,
                        onSave: () => {
                            this.editingController.save();
                            this.kbn.returnFocus()
                        },
                        onCancel: () => {
                            this.editingController.cancel();
                            this.kbn.returnFocus()
                        },
                        onHide: () => {
                            this.editingController.cancel();
                            this.kbn.returnFocus()
                        },
                        items: this.items.value,
                        customizeItem: this.customizeItems,
                        texts: this.editingTexts.value
                    }))
                }
            }
            exports.EditPopupView = EditPopupView;
            EditPopupView.dependencies = [_options_controller.OptionsController, _columns_controller.ColumnsController, _items_controller.ItemsController, _controller2.EditingController, _controller.ToolbarController, _index2.KeyboardNavigationController]
        },
        18933(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PublicMethods = function(GridCore) {
                return class extends GridCore {
                    addCard() {
                        const controller = this.diContext.get(_controller.EditingController);
                        return controller.addCard()
                    }
                    cancelEditData() {
                        const controller = this.diContext.get(_controller.EditingController);
                        controller.clear()
                    }
                    deleteCard(cardIndex) {
                        var _itemsController$item;
                        const controller = this.diContext.get(_controller.EditingController);
                        const itemsController = this.diContext.get(_items_controller.ItemsController);
                        const cardKey = null === (_itemsController$item = itemsController.items.peek()[cardIndex]) || void 0 === _itemsController$item ? void 0 : _itemsController$item.key;
                        if ((0, _m_type.isDefined)(cardKey)) {
                            controller.deleteCard(cardKey)
                        }
                    }
                    editCard(cardIndex) {
                        var _itemsController$item2;
                        const controller = this.diContext.get(_controller.EditingController);
                        const itemsController = this.diContext.get(_items_controller.ItemsController);
                        const cardKey = null === (_itemsController$item2 = itemsController.items.peek()[cardIndex]) || void 0 === _itemsController$item2 ? void 0 : _itemsController$item2.key;
                        if ((0, _m_type.isDefined)(cardKey)) {
                            controller.editCard(cardKey)
                        }
                    }
                    hasEditData() {
                        const controller = this.diContext.get(_controller.EditingController);
                        return controller.changes.peek().length > 0
                    }
                    saveEditData() {
                        const controller = this.diContext.get(_controller.EditingController);
                        return controller.save()
                    }
                }
            };
            var _m_type = __webpack_require__( /*! ../../../../core/utils/m_type */ 39918);
            var _items_controller = __webpack_require__( /*! ../items_controller/items_controller */ 58761);
            var _controller = __webpack_require__( /*! ./controller */ 64629)
        },
        98140(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultSetFieldValue = exports.PendingPromises = void 0;
            exports.defaultSetFieldValue = function(newData, value) {
                const {
                    dataField: dataField
                } = this;
                if (!dataField) {
                    return
                }
                newData[dataField] = value
            };
            exports.PendingPromises = class {
                constructor() {
                    this.promises = new Set
                }
                waitForAll() {
                    return Promise.all([...this.promises])
                }
                add(p) {
                    this.promises.add(p);
                    p.then(() => {
                        this.promises.delete(p)
                    });
                    return p
                }
            }
        },
        67921(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ErrorController = void 0;
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            class ErrorController {
                constructor() {
                    this._errors = (0, _index.signal)([]);
                    this.errors = this._errors;
                    this.counter = 0
                }
                showError(error) {
                    this._errors.value = [...this._errors.peek(), {
                        text: error,
                        id: this.counter
                    }];
                    this.counter += 1
                }
                removeError(index) {
                    const newErrors = this._errors.peek().slice();
                    newErrors.splice(index, 1);
                    this._errors.value = newErrors
                }
            }
            exports.ErrorController = ErrorController;
            ErrorController.dependencies = []
        },
        24628(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.FilterController = void 0;
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _m_utils = (e = __webpack_require__( /*! ../../../../grids/grid_core/m_utils */ 53226), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _utils = __webpack_require__( /*! ../../../../grids/new/grid_core/columns_controller/utils */ 26054);
            var _controller = __webpack_require__( /*! ../../../../grids/new/grid_core/filtering/header_filter/controller */ 67278);
            var _legacy_filter_custom_operations = __webpack_require__( /*! ../../../../grids/new/grid_core/filtering/legacy_filter_custom_operations */ 3596);
            var _index2 = __webpack_require__( /*! ../../../../grids/new/grid_core/search/index */ 61519);
            var _index3 = __webpack_require__( /*! ../columns_controller/index */ 50875);
            var _options_controller = __webpack_require__( /*! ../options_controller/options_controller */ 76385);
            var _utils2 = __webpack_require__( /*! ./utils */ 18066);
            class FilterController {
                constructor(options, columnsController, searchController, headerFilterController) {
                    this.options = options;
                    this.columnsController = columnsController;
                    this.searchController = searchController;
                    this.headerFilterController = headerFilterController;
                    this.filterBuilderCustomOperations = this.options.oneWay("filterBuilder.customOperations");
                    this.filterPanelFilterEnabled = this.options.twoWay("filterPanel.filterEnabled");
                    this.filterPanelVisible = this.options.oneWay("filterPanel.visible");
                    this.filterValueOption = this.options.twoWay("filterValue");
                    this.filterBuilderPopupOptions = this.options.oneWay("filterBuilderPopup");
                    this.filterPanelOptions = this.options.twoWay("filterPanel");
                    this.filterBuilderOptions = this.options.twoWay("filterBuilder");
                    this.filterSyncEnabledOption = this.options.oneWay("_filterSyncEnabled");
                    this.filterSyncEnabled = (0, _index.computed)(() => "auto" === this.filterSyncEnabledOption.value ? !!this.filterPanelVisible.value : !!this.filterSyncEnabledOption.value);
                    this.filterPanelValue = (0, _index.computed)(() => this.filterPanelFilterEnabled.value ? this.filterValueOption.value : null);
                    this.filterSyncValue = (0, _index.computed)(() => this.filterSyncEnabled.value ? this.filterPanelValue.value : null);
                    this.appliedFilters = (0, _index.computed)(() => ({
                        filterPanel: this.filterPanelValue.value,
                        headerFilter: this.headerFilterController.composedHeaderFilter.value,
                        search: this.searchController.searchFilter.value
                    }));
                    this.customOperations = (0, _index.computed)(() => {
                        const config = {
                            columnOption: columnName => {
                                const columns = this.columnsController.columns.peek();
                                return (0, _utils.getColumnByIndexOrName)(columns, columnName)
                            },
                            getHeaderFilterOptions: () => this.options.oneWay("headerFilter").peek(),
                            getHeaderFilterController: () => this.headerFilterCompatibilityController
                        };
                        const builtInCustomOperation = [(0, _legacy_filter_custom_operations.anyOf)(config), (0, _legacy_filter_custom_operations.noneOf)(config)];
                        return builtInCustomOperation.concat(this.filterBuilderCustomOperations.value).filter(o => o)
                    });
                    this.displayFilter = (0, _index.computed)(() => {
                        const appliedFilterExpressions = (0, _utils2.getAppliedFilterExpressions)(this.appliedFilters.value, this.columnsController.filterableColumns.value, this.customOperations.value, this.filterSyncEnabled.value);
                        return _m_utils.default.combineFilters(appliedFilterExpressions) ?? null
                    });
                    this.headerFilterCompatibilityController = null
                }
            }
            exports.FilterController = FilterController;
            FilterController.dependencies = [_options_controller.OptionsController, _index3.ColumnsController, _index2.SearchController, _controller.HeaderFilterController]
        },
        98512(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.FilterPanelComponent = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _renderer = (e = __webpack_require__( /*! ../../../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _const = __webpack_require__( /*! ../../const */ 46793);
            class FilterPanelComponent extends _inferno.Component {
                constructor() {
                    super(...arguments);
                    this.filterPanelRef = (0, _inferno.createRef)();
                    this.filterBuilderRef = (0, _inferno.createRef)()
                }
                render() {
                    return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", null, null, 1, null, null, this.filterPanelRef), (0, _inferno.createVNode)(1, "div", _const.CLASSES.excludeFlexBox, null, 1, null, null, this.filterBuilderRef)], 4)
                }
                componentDidMount() {
                    this.props.oldFilterPanelView.render((0, _renderer.default)(this.filterPanelRef.current));
                    this.props.oldFilterBuilderView.render((0, _renderer.default)(this.filterBuilderRef.current))
                }
                componentDidUpdate() {
                    this.props.oldFilterPanelView.render((0, _renderer.default)(this.filterPanelRef.current));
                    this.props.oldFilterBuilderView.render((0, _renderer.default)(this.filterBuilderRef.current))
                }
            }
            exports.FilterPanelComponent = FilterPanelComponent
        },
        56375(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "FilterPanelView", {
                enumerable: true,
                get: function() {
                    return _view.FilterPanelView
                }
            });
            Object.defineProperty(exports, "defaultOptions", {
                enumerable: true,
                get: function() {
                    return _options.defaultOptions
                }
            });
            var _options = __webpack_require__( /*! ./options */ 93197);
            var _view = __webpack_require__( /*! ./view */ 29326)
        },
        93197(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptions = void 0;
            exports.defaultOptions = {
                filterBuilder: {
                    groupOperationDescriptions: {
                        and: void 0,
                        or: void 0,
                        notAnd: void 0,
                        notOr: void 0
                    },
                    filterOperationDescriptions: {
                        between: void 0,
                        equal: void 0,
                        notEqual: void 0,
                        lessThan: void 0,
                        lessThanOrEqual: void 0,
                        greaterThan: void 0,
                        greaterThanOrEqual: void 0,
                        startsWith: void 0,
                        contains: void 0,
                        notContains: void 0,
                        endsWith: void 0,
                        isBlank: void 0,
                        isNotBlank: void 0
                    }
                },
                filterPanel: {
                    visible: false,
                    filterEnabled: true,
                    texts: {
                        createFilter: void 0,
                        clearFilter: void 0,
                        filterEnabledHint: void 0
                    }
                },
                filterBuilderPopup: {}
            }
        },
        29326(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.FilterPanelView = void 0;
            var _index = __webpack_require__( /*! ../../../../../core/state_manager/index */ 74636);
            var _m_filter_builder = __webpack_require__( /*! ../../../../../grids/grid_core/filter/m_filter_builder */ 65382);
            var _m_filter_panel = __webpack_require__( /*! ../../../../../grids/grid_core/filter/m_filter_panel */ 17887);
            var _view = __webpack_require__( /*! ../../core/view */ 3455);
            var _widget_mock = __webpack_require__( /*! ../../widget_mock */ 87354);
            var _filter_controller = __webpack_require__( /*! ../filter_controller */ 24628);
            var _filter_panel = __webpack_require__( /*! ./filter_panel */ 98512);
            class FilterPanelView extends _view.View {
                constructor(filterController, widget) {
                    super();
                    this.filterController = filterController;
                    this.widget = widget;
                    this.component = _filter_panel.FilterPanelComponent;
                    this.oldFilterPanelView = new _m_filter_panel.FilterPanelView(this.widget);
                    this.oldFilterBuilderView = new _m_filter_builder.FilterBuilderView(this.widget);
                    this.oldFilterPanelView.init();
                    this.oldFilterBuilderView.init()
                }
                getProps() {
                    return (0, _index.computed)(() => ({
                        oldFilterBuilderView: this.oldFilterBuilderView,
                        oldFilterPanelView: this.oldFilterPanelView,
                        filterValue: this.filterController.filterValueOption.value,
                        filterPanel: this.filterController.filterPanelOptions.value,
                        filterBuilder: this.filterController.filterBuilderOptions.value,
                        filterBuilderPopup: this.filterController.filterBuilderPopupOptions.value
                    }))
                }
                optionChanged(args) {
                    this.oldFilterBuilderView.optionChanged(args);
                    this.oldFilterPanelView.optionChanged(args)
                }
                isCompatibilityMode() {
                    return true
                }
            }
            exports.FilterPanelView = FilterPanelView;
            FilterPanelView.dependencies = [_filter_controller.FilterController, _widget_mock.WidgetMock]
        },
        68460(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CompatibilityFilterSyncController = void 0;
            var _filter_controller = __webpack_require__( /*! ../filter_controller */ 24628);
            var _controller = __webpack_require__( /*! ./controller */ 16550);
            class CompatibilityFilterSyncController {
                constructor(realFilterController, realFilterSyncController) {
                    this.realFilterController = realFilterController;
                    this.realFilterSyncController = realFilterSyncController
                }
                getCustomFilterOperations() {
                    return this.realFilterController.customOperations.peek()
                }
            }
            exports.CompatibilityFilterSyncController = CompatibilityFilterSyncController;
            CompatibilityFilterSyncController.dependencies = [_filter_controller.FilterController, _controller.FilterSyncController]
        },
        16550(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.FilterSyncController = void 0;
            var _common = __webpack_require__( /*! ../../../../../../core/utils/common */ 17781);
            var _index = __webpack_require__( /*! ../../../../../core/state_manager/index */ 74636);
            var _m_utils = __webpack_require__( /*! ../../../../../filter_builder/m_utils */ 29498);
            var _index2 = __webpack_require__( /*! ../../../../../grids/new/grid_core/search/index */ 61519);
            var _index3 = __webpack_require__( /*! ../../columns_controller/index */ 50875);
            var _utils = __webpack_require__( /*! ../../columns_controller/utils */ 26054);
            var _index4 = __webpack_require__( /*! ../header_filter/index */ 63108);
            var _utils2 = __webpack_require__( /*! ../header_filter/utils */ 1261);
            var _index5 = __webpack_require__( /*! ../index */ 92743);
            var _utils3 = __webpack_require__( /*! ./utils */ 27269);
            const FILTER_DEEP_COMPARISON_OPTS = {
                maxDepth: 6,
                strict: true
            };
            class FilterSyncController {
                constructor(columnsController, filterController, headerFilterController, searchController) {
                    this.columnsController = columnsController;
                    this.filterController = filterController;
                    this.headerFilterController = headerFilterController;
                    this.searchController = searchController;
                    this.previousFilterPanelValue = null;
                    this.previousFilterPanelEnabled = this.filterController.filterPanelFilterEnabled.peek();
                    this.previousHeaderFilterInfoArray = [];
                    (0, _index.effect)(() => {
                        const filterPanelValue = this.filterController.filterValueOption.value;
                        const isFilterPanelEnabled = this.filterController.filterPanelFilterEnabled.value;
                        if ((0, _common.equalByValue)(this.previousFilterPanelValue, filterPanelValue, FILTER_DEEP_COMPARISON_OPTS) && this.previousFilterPanelEnabled === isFilterPanelEnabled) {
                            return
                        }
                        this.previousFilterPanelValue = filterPanelValue;
                        this.previousFilterPanelEnabled = isFilterPanelEnabled;
                        const isSyncEnabled = this.filterController.filterSyncEnabled.peek();
                        if (!isSyncEnabled) {
                            return
                        }
                        if (!isFilterPanelEnabled || null === filterPanelValue) {
                            this.headerFilterController.clearHeaderFilters();
                            this.previousHeaderFilterInfoArray = this.headerFilterController.headerFilterInfoArray.peek();
                            return
                        }
                        this.handleFilterPanelSync(filterPanelValue);
                        this.previousHeaderFilterInfoArray = this.headerFilterController.headerFilterInfoArray.peek()
                    });
                    (0, _index.effect)(() => {
                        const headerFilterInfoArray = this.headerFilterController.headerFilterInfoArray.value;
                        if ((0, _common.equalByValue)(this.previousHeaderFilterInfoArray, headerFilterInfoArray, FILTER_DEEP_COMPARISON_OPTS)) {
                            return
                        }
                        this.previousHeaderFilterInfoArray = headerFilterInfoArray;
                        const isSyncEnabled = this.filterController.filterSyncEnabled.peek();
                        if (!isSyncEnabled) {
                            return
                        }
                        const filterPanelValue = this.filterController.filterPanelValue.peek() ?? [];
                        const newFilterPanelValue = (0, _utils3.mergeFilterPanelWithHeaderFilterValues)(filterPanelValue, headerFilterInfoArray);
                        if ((0, _common.equalByValue)(filterPanelValue, newFilterPanelValue, FILTER_DEEP_COMPARISON_OPTS)) {
                            return
                        }
                        this.handleHeaderFilterSync(newFilterPanelValue);
                        this.previousFilterPanelValue = newFilterPanelValue
                    })
                }
                clearFilters() {
                    (0, _index.batch)(() => {
                        this.searchController.searchTextOption.value = "";
                        this.filterController.filterValueOption.value = null;
                        this.headerFilterController.clearHeaderFilters()
                    })
                }
                handleFilterPanelSync(filterPanelValue) {
                    const sourceColumns = this.columnsController.columns.peek();
                    this.columnsController.updateColumns(columns => columns.map(column => {
                        const sourceColumn = (0, _utils.getColumnByIndexOrName)(sourceColumns, column.name);
                        if (!(0, _utils2.isColumnFilterable)(sourceColumn)) {
                            return column
                        }
                        const columnId = (0, _utils2.getColumnIdentifier)(column);
                        const filterConditions = (0, _m_utils.getMatchedConditions)(filterPanelValue, columnId);
                        const filterType = (0, _utils3.getFilterType)(filterConditions);
                        const filterValues = filterType ? (0, _utils3.getFilterValues)(filterConditions) : void 0;
                        return Object.assign({}, column, {
                            filterType: filterType,
                            filterValues: filterValues
                        })
                    }))
                }
                handleHeaderFilterSync(newFilterPanelValue) {
                    const normalizedValue = !(null !== newFilterPanelValue && void 0 !== newFilterPanelValue && newFilterPanelValue.length) ? null : newFilterPanelValue;
                    (0, _index.batch)(() => {
                        this.filterController.filterValueOption.value = normalizedValue;
                        this.filterController.filterPanelFilterEnabled.value = true
                    })
                }
            }
            exports.FilterSyncController = FilterSyncController;
            FilterSyncController.dependencies = [_index3.ColumnsController, _index5.FilterController, _index4.HeaderFilterController, _index2.SearchController]
        },
        69900(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "CompatibilityFilterSyncController", {
                enumerable: true,
                get: function() {
                    return _compatibility.CompatibilityFilterSyncController
                }
            });
            Object.defineProperty(exports, "FilterSyncController", {
                enumerable: true,
                get: function() {
                    return _controller.FilterSyncController
                }
            });
            Object.defineProperty(exports, "defaultOptions", {
                enumerable: true,
                get: function() {
                    return _options.defaultOptions
                }
            });
            var _compatibility = __webpack_require__( /*! ./compatibility */ 68460);
            var _controller = __webpack_require__( /*! ./controller */ 16550);
            var _options = __webpack_require__( /*! ./options */ 17586)
        },
        17586(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptions = void 0;
            exports.defaultOptions = {
                _filterSyncEnabled: false
            }
        },
        27269(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.mergeFilterPanelWithHeaderFilterValues = exports.getFilterValues = exports.getFilterType = exports.getConditionFromHeaderFilter = void 0;
            var _m_utils = __webpack_require__( /*! ../../../../../filter_builder/m_utils */ 29498);
            exports.getFilterValues = filterConditions => {
                if (1 !== filterConditions.length) {
                    return
                }
                const filterCondition = filterConditions[0];
                if (!filterCondition) {
                    return
                }
                const value = filterCondition[2];
                const hasArrayValue = Array.isArray(value);
                return hasArrayValue ? value : [value]
            };
            exports.getFilterType = filterConditions => {
                if (1 !== filterConditions.length) {
                    return
                }
                const filterCondition = filterConditions[0];
                if (!filterCondition) {
                    return
                }
                const selectedFilterOperation = filterCondition[1];
                switch (selectedFilterOperation) {
                    case "anyof":
                    case "=":
                        return "include";
                    case "noneof":
                    case "<>":
                        return "exclude";
                    default:
                        return
                }
            };
            const getConditionFromHeaderFilter = _ref => {
                let {
                    type: type,
                    columnId: columnId,
                    filterType: filterType,
                    filterValues: filterValues
                } = _ref;
                const [firstFilterItem] = filterValues;
                switch (true) {
                    case "single-value" === type && "exclude" === filterType:
                        return [columnId, "<>", firstFilterItem];
                    case "single-value" === type && "include" === filterType:
                        return [columnId, "=", firstFilterItem];
                    case "values-or-condition" === type && "exclude" === filterType:
                        return [columnId, "noneof", filterValues];
                    case "values-or-condition" === type && "include" === filterType:
                        return [columnId, "anyof", filterValues];
                    default:
                        return null
                }
            };
            exports.getConditionFromHeaderFilter = getConditionFromHeaderFilter;
            exports.mergeFilterPanelWithHeaderFilterValues = (filterPanelValue, headerFilterInfoArray) => headerFilterInfoArray.reduce((result, info) => {
                const value = getConditionFromHeaderFilter(info);
                return value ? (0, _m_utils.syncFilters)(result, value) : (0, _m_utils.removeFieldConditionsFromFilter)(result, info.columnId)
            }, filterPanelValue)
        },
        96356(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CompatibilityHeaderFilterController = void 0;
            var _index = __webpack_require__( /*! ../../data_controller/index */ 61124);
            var _options_controller = __webpack_require__( /*! ../../options_controller/options_controller */ 76385);
            var _filter_controller = __webpack_require__( /*! ../filter_controller */ 24628);
            var _legacy_header_filter = __webpack_require__( /*! ./legacy_header_filter */ 65518);
            var _view_controller = __webpack_require__( /*! ./view_controller */ 58814);
            class CompatibilityHeaderFilterController {
                constructor(realFilterController, realHeaderFilterViewController, realDataController, options) {
                    this.realFilterController = realFilterController;
                    this.realHeaderFilterViewController = realHeaderFilterViewController;
                    this.realDataController = realDataController;
                    this.options = options;
                    this.realFilterController.headerFilterCompatibilityController = this
                }
                getCustomFilterOperations() {
                    return this.realFilterController.customOperations.peek()
                }
                showHeaderFilterMenuBase(args) {
                    this.realHeaderFilterViewController.openPopup(args.columnElement, args.column, args.onHidden, args.customApply, args.isFilterBuilder)
                }
                hideHeaderFilterMenu() {
                    this.realHeaderFilterViewController.closePopup()
                }
                getDataSource(column) {
                    const adapter = this.realDataController.getStoreLoadAdapter();
                    const popupOptions = {
                        column: Object.assign({}, column),
                        filterType: column.filterType,
                        filterValues: column.filterValues
                    };
                    const rootHeaderFilterOptions = this.options.oneWay("headerFilter").peek();
                    return (0, _legacy_header_filter.getDataSourceOptions)(adapter, popupOptions, rootHeaderFilterOptions, null)
                }
            }
            exports.CompatibilityHeaderFilterController = CompatibilityHeaderFilterController;
            CompatibilityHeaderFilterController.dependencies = [_filter_controller.FilterController, _view_controller.HeaderFilterViewController, _index.DataController, _options_controller.OptionsController]
        },
        67278(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.HeaderFilterController = void 0;
            var _index = __webpack_require__( /*! ../../../../../core/state_manager/index */ 74636);
            var _index2 = __webpack_require__( /*! ../../../../../grids/new/grid_core/columns_controller/index */ 50875);
            var _utils = __webpack_require__( /*! ./utils */ 1261);
            class HeaderFilterController {
                constructor(columnsController) {
                    this.columnsController = columnsController;
                    this.headerFilterInfoArray = (0, _index.computed)(() => (0, _utils.getHeaderFilterInfoArray)(this.columnsController.visibleColumns.value));
                    this.composedHeaderFilter = (0, _index.computed)(() => (0, _utils.getComposedHeaderFilter)(this.headerFilterInfoArray.value))
                }
                clearHeaderFilters() {
                    this.columnsController.updateColumns(columns => columns.map(col => {
                        delete col.filterValues;
                        delete col.filterType;
                        return col
                    }))
                }
            }
            exports.HeaderFilterController = HeaderFilterController;
            HeaderFilterController.dependencies = [_index2.ColumnsController]
        },
        63108(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "CompatibilityHeaderFilterController", {
                enumerable: true,
                get: function() {
                    return _compatibility.CompatibilityHeaderFilterController
                }
            });
            Object.defineProperty(exports, "HeaderFilterController", {
                enumerable: true,
                get: function() {
                    return _controller.HeaderFilterController
                }
            });
            Object.defineProperty(exports, "HeaderFilterPopupView", {
                enumerable: true,
                get: function() {
                    return _view.HeaderFilterPopupView
                }
            });
            Object.defineProperty(exports, "defaultOptions", {
                enumerable: true,
                get: function() {
                    return _options.defaultOptions
                }
            });
            exports.headerFilterUtils = void 0;
            var headerFilterUtils = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ./utils */ 1261));
            exports.headerFilterUtils = headerFilterUtils;
            var _compatibility = __webpack_require__( /*! ./compatibility */ 96356);
            var _controller = __webpack_require__( /*! ./controller */ 67278);
            var _options = __webpack_require__( /*! ./options */ 1658);
            var _view = __webpack_require__( /*! ./view */ 10171)
        },
        65518(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getHeaderItemText = exports.getHeaderFilterListType = exports.getDataSourceOptions = void 0;
            var _deferred = __webpack_require__( /*! ../../../../../../core/utils/deferred */ 87739);
            var _type = __webpack_require__( /*! ../../../../../../core/utils/type */ 11528);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../../../localization/message */ 33881));
            var _filtering = _interopRequireDefault(__webpack_require__( /*! ../../../../../../ui/shared/filtering */ 56417));
            var _m_extend = __webpack_require__( /*! ../../../../../core/utils/m_extend */ 96298);
            var _m_utils = __webpack_require__( /*! ../../../../../data/data_source/m_utils */ 23923);
            var _m_header_filter = __webpack_require__( /*! ../../../../../grids/grid_core/header_filter/m_header_filter */ 69952);
            var _m_header_filter_core = __webpack_require__( /*! ../../../../../grids/grid_core/header_filter/m_header_filter_core */ 83040);
            var _m_utils2 = _interopRequireDefault(__webpack_require__( /*! ../../../../../grids/grid_core/m_utils */ 53226));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const getHeaderItemText = (displayValue, column, currentLevel, headerFilterOptions) => {
                let text = _m_utils2.default.formatValue(displayValue, (0, _m_header_filter.getFormatOptions)(displayValue, column, currentLevel));
                if (!text) {
                    var _headerFilterOptions$;
                    text = (null === headerFilterOptions || void 0 === headerFilterOptions || null === (_headerFilterOptions$ = headerFilterOptions.texts) || void 0 === _headerFilterOptions$ ? void 0 : _headerFilterOptions$.emptyValue) ?? _message.default.format("dxDataGrid-headerFilterEmptyValue")
                }
                return text
            };
            exports.getHeaderItemText = getHeaderItemText;
            const _updateSelectedState = (items, column) => {
                let i = items.length;
                const isExclude = "exclude" === column.filterType;
                while (i--) {
                    const item = items[i];
                    if ("items" in items[i]) {
                        _updateSelectedState(items[i].items, column)
                    }(0, _m_header_filter_core.updateHeaderFilterItemSelectionState)(item, _m_utils2.default.getIndexByKey(items[i].value, column.filterValues, null) > -1, isExclude)
                }
            };
            const _normalizeGroupItem = (item, currentLevel, options) => {
                let value;
                let displayValue;
                const {
                    path: path
                } = options;
                const {
                    valueSelector: valueSelector
                } = options;
                const {
                    displaySelector: displaySelector
                } = options;
                const {
                    column: column
                } = options;
                if (valueSelector && displaySelector) {
                    value = valueSelector(item);
                    displayValue = displaySelector(item)
                } else {
                    value = item.key;
                    displayValue = value
                }
                if (!(0, _type.isObject)(item)) {
                    item = {}
                } else {
                    item = (0, _m_extend.extend)({}, item)
                }
                path.push(value);
                if (1 === path.length) {
                    item.value = path[0]
                } else {
                    item.value = path.join("/")
                }
                item.text = getHeaderItemText(displayValue, column, currentLevel, options.headerFilterOptions);
                return item
            };
            const _processGroupItems = (groupItems, currentLevel, path, options) => {
                const {
                    level: level
                } = options;
                path = path || [];
                currentLevel = currentLevel || 0;
                for (let i = 0; i < groupItems.length; i++) {
                    groupItems[i] = _normalizeGroupItem(groupItems[i], currentLevel, {
                        column: options.column,
                        headerFilterOptions: options.headerFilterOptions,
                        path: path
                    });
                    if ("items" in groupItems[i]) {
                        if (currentLevel === level || !(0, _type.isDefined)(groupItems[i].value)) {
                            delete groupItems[i].items
                        } else {
                            _processGroupItems(groupItems[i].items, currentLevel + 1, path, options)
                        }
                    }
                    path.pop()
                }
            };
            exports.getDataSourceOptions = (storeLoadAdapter, popupOptions, headerFilterOptions, filter) => {
                var _column$headerFilter;
                const {
                    column: column
                } = popupOptions;
                if (!storeLoadAdapter) {
                    return
                }
                const {
                    grouping: localGrouping
                } = storeLoadAdapter.getLocalLoadOperations();
                const remoteGrouping = !localGrouping;
                const group = _m_utils2.default.getHeaderFilterGroupParameters(column, remoteGrouping);
                const headerFilterDataSource = null === (_column$headerFilter = column.headerFilter) || void 0 === _column$headerFilter ? void 0 : _column$headerFilter.dataSource;
                const options = {};
                if ((0, _type.isDefined)(headerFilterDataSource) && !(0, _type.isFunction)(headerFilterDataSource)) {
                    options.dataSource = (0, _m_utils.normalizeDataSourceOptions)(headerFilterDataSource)
                } else {
                    const cutoffLevel = Array.isArray(group) ? group.length - 1 : 0;
                    options.dataSource = {
                        filter: filter,
                        group: group,
                        useDefaultSearch: true,
                        load: loadOptions => {
                            const d = new _deferred.Deferred;
                            loadOptions.dataField = column.dataField || column.name;
                            storeLoadAdapter.load(loadOptions).done(data => {
                                const convertUTCDates = remoteGrouping && (0, _m_header_filter.isUTCFormat)(column.serializationFormat) && cutoffLevel > 3;
                                if (convertUTCDates) {
                                    data = (0, _m_header_filter.convertDataFromUTCToLocal)(data, column)
                                }
                                _processGroupItems(data, null, null, {
                                    level: cutoffLevel,
                                    column: column,
                                    headerFilterOptions: headerFilterOptions
                                });
                                d.resolve(data)
                            }).fail(d.reject);
                            return d
                        }
                    }
                }
                if ((0, _type.isFunction)(headerFilterDataSource)) {
                    headerFilterDataSource.call(column, options)
                }
                const origPostProcess = options.dataSource.postProcess;
                options.dataSource.postProcess = data => {
                    let items = data;
                    items = (null === origPostProcess || void 0 === origPostProcess ? void 0 : origPostProcess.call(void 0, items)) || items;
                    _updateSelectedState(items, Object.assign({}, column, {
                        filterType: popupOptions.filterType,
                        filterValues: popupOptions.filterValues
                    }));
                    return items
                };
                return options.dataSource
            };
            exports.getHeaderFilterListType = column => {
                const groupInterval = _filtering.default.getGroupInterval(column);
                return groupInterval && groupInterval.length > 1 ? "tree" : "list"
            }
        },
        1658(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptions = void 0;
            exports.defaultOptions = {
                headerFilter: {
                    visible: false,
                    width: 252,
                    height: 325,
                    allowSelectAll: true,
                    search: {
                        enabled: false,
                        timeout: 500,
                        mode: "contains",
                        editorOptions: {}
                    },
                    texts: {
                        emptyValue: void 0,
                        ok: void 0,
                        cancel: void 0
                    }
                }
            }
        },
        1261(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.needCreateHeaderFilter = exports.mergeColumnHeaderFilterOptions = exports.isColumnFilterable = exports.getHeaderFilterValuesType = exports.getHeaderFilterInfoArray = exports.getHeaderFilterInfo = exports.getFilterOperator = exports.getComposedHeaderFilter = exports.getColumnName = exports.getColumnIdentifier = void 0;
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../../../../../core/errors */ 87129));
            var _type = __webpack_require__( /*! ../../../../../../core/utils/type */ 11528);
            var _filtering = _interopRequireDefault(__webpack_require__( /*! ../../../../../../ui/shared/filtering */ 56417));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../../../../../grids/grid_core/m_utils */ 53226));
            const _excluded = ["texts", "visible"];

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.mergeColumnHeaderFilterOptions = (column, rootOptions) => {
                var _column$headerFilter;
                const _ref = rootOptions ?? {},
                    restRootOptions = function(r, e) {
                        if (null == r) {
                            return {}
                        }
                        var t = {};
                        for (var n in r) {
                            if ({}.hasOwnProperty.call(r, n)) {
                                if (-1 !== e.indexOf(n)) {
                                    continue
                                }
                                t[n] = r[n]
                            }
                        }
                        return t
                    }(_ref, _excluded);
                return Object.assign({}, column, {
                    allowHeaderFiltering: !!(null !== rootOptions && void 0 !== rootOptions && rootOptions.visible) && !!(null !== column && void 0 !== column && column.allowFiltering) && !!(null !== column && void 0 !== column && column.allowHeaderFiltering),
                    headerFilter: Object.assign({}, restRootOptions, null === column || void 0 === column ? void 0 : column.headerFilter, {
                        search: Object.assign({}, null === restRootOptions || void 0 === restRootOptions ? void 0 : restRootOptions.search, null === column || void 0 === column || null === (_column$headerFilter = column.headerFilter) || void 0 === _column$headerFilter ? void 0 : _column$headerFilter.search)
                    })
                })
            };
            const getColumnIdentifier = column => column.name ?? column.dataField;
            exports.getColumnIdentifier = getColumnIdentifier;
            const getColumnName = column => {
                const name = getColumnIdentifier(column);
                if (!(0, _type.isDefined)(name)) {
                    throw _errors.default.Error("E1049", column.caption)
                }
                return name
            };
            exports.getColumnName = getColumnName;
            const getFilterOperator = (values, filterType) => {
                const isInclude = !filterType || "include" === filterType;
                const isValueArray = Array.isArray(values);
                switch (true) {
                    case isValueArray && isInclude:
                        return "anyof";
                    case isValueArray && !isInclude:
                        return "noneof";
                    case !isValueArray && isInclude:
                        return "=";
                    case !isValueArray && !isInclude:
                        return "<>";
                    default:
                        throw new Error("Invalid state")
                }
            };
            exports.getFilterOperator = getFilterOperator;
            const isFilteringAllowed = column => column.allowFiltering || column.allowHeaderFiltering;
            exports.isColumnFilterable = column => isFilteringAllowed(column);
            exports.needCreateHeaderFilter = column => {
                const values = column.filterValues;
                const hasSelectedItems = (0, _type.isDefined)(values) && values.length > 0;
                return isFilteringAllowed(column) && hasSelectedItems
            };
            const getFilterExpression = (filterValues, column) => {
                var _column$headerFilter2;
                const columnName = getColumnName(column);
                const hasGroupInterval = !!(null !== (_column$headerFilter2 = column.headerFilter) && void 0 !== _column$headerFilter2 && _column$headerFilter2.groupInterval);
                const needNormalizeFilterValues = 1 === (null === filterValues || void 0 === filterValues ? void 0 : filterValues.length) && !hasGroupInterval;
                const normalizedFilterValues = needNormalizeFilterValues ? filterValues[0] : filterValues;
                const filterOperator = getFilterOperator(normalizedFilterValues, column.filterType);
                return [columnName, filterOperator, normalizedFilterValues]
            };
            const getHeaderFilterValuesType = column => {
                var _column$headerFilter3;
                const {
                    filterValues: filterValues
                } = column;
                if (!(null !== filterValues && void 0 !== filterValues && filterValues.length)) {
                    return "empty"
                }
                const [firstFilterItem] = filterValues;
                const hasGroupInterval = !!_filtering.default.getGroupInterval(column);
                const hasCustomDataSource = !!(null !== (_column$headerFilter3 = column.headerFilter) && void 0 !== _column$headerFilter3 && _column$headerFilter3.dataSource);
                const isSingleValue = 1 === filterValues.length && !Array.isArray(firstFilterItem) && (!hasGroupInterval && !hasCustomDataSource || 1 === filterValues.length && null === firstFilterItem);
                return isSingleValue ? "single-value" : "values-or-condition"
            };
            exports.getHeaderFilterValuesType = getHeaderFilterValuesType;
            const getHeaderFilterInfo = column => {
                if (!isFilteringAllowed(column)) {
                    return null
                }
                const columnId = getColumnIdentifier(column);
                const headerFilterValueType = getHeaderFilterValuesType(column);
                if ("empty" === headerFilterValueType) {
                    return {
                        type: "empty",
                        columnId: columnId,
                        filterType: "include",
                        filterValues: [],
                        composedFilterValues: []
                    }
                }
                const {
                    filterType: filterType,
                    filterValues: filterValues
                } = column;
                const normalizedFilterType = filterType ?? "include";
                const normalizedFilterValues = Array.isArray(filterValues) ? filterValues : [filterValues];
                const filterValuesWithExpressions = normalizedFilterValues.filter(value => Array.isArray(value));
                const filterValuesWithoutExpressions = normalizedFilterValues.filter(value => !Array.isArray(value));
                const filterExpression = filterValuesWithoutExpressions.length ? [getFilterExpression(filterValuesWithoutExpressions, column)] : [];
                const composedFilterValues = _m_utils.default.combineFilters([...filterExpression, ...filterValuesWithExpressions], "or");
                return {
                    type: headerFilterValueType,
                    columnId: columnId,
                    filterType: normalizedFilterType,
                    filterValues: filterValues,
                    composedFilterValues: composedFilterValues
                }
            };
            exports.getHeaderFilterInfo = getHeaderFilterInfo;
            exports.getHeaderFilterInfoArray = columns => columns.map(column => getHeaderFilterInfo(column)).filter(info => !!info);
            exports.getComposedHeaderFilter = headerFilterInfoArray => headerFilterInfoArray.filter(_ref2 => {
                let {
                    type: type
                } = _ref2;
                return "empty" !== type
            }).reduce((result, _ref3, idx, infoArray) => {
                let {
                    composedFilterValues: composedFilterValues
                } = _ref3;
                result.push(composedFilterValues);
                if (idx < infoArray.length - 1) {
                    result.push("and")
                }
                return result
            }, [])
        },
        10171(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.HeaderFilterPopupView = exports.HeaderFilterPopupComponent = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _renderer = (e = __webpack_require__( /*! ../../../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index = __webpack_require__( /*! ../../../../../core/state_manager/index */ 74636);
            var _m_header_filter_core = __webpack_require__( /*! ../../../../../grids/grid_core/header_filter/m_header_filter_core */ 83040);
            var _view = __webpack_require__( /*! ../../../../../grids/new/grid_core/core/view */ 3455);
            var _widget_mock = __webpack_require__( /*! ../../../../../grids/new/grid_core/widget_mock */ 87354);
            var _const = __webpack_require__( /*! ../../const */ 46793);
            var _view_controller = __webpack_require__( /*! ./view_controller */ 58814);
            class HeaderFilterPopupComponent extends _inferno.Component {
                constructor() {
                    super(...arguments);
                    this.containerRef = (0, _inferno.createRef)()
                }
                render() {
                    return (0, _inferno.createVNode)(1, "div", _const.CLASSES.excludeFlexBox, null, 1, null, null, this.containerRef)
                }
                componentDidMount() {
                    this.props.oldHeaderFilterPopup.render((0, _renderer.default)(this.containerRef.current ?? void 0))
                }
                componentDidUpdate() {
                    this.props.oldHeaderFilterPopup.render((0, _renderer.default)(this.containerRef.current ?? void 0))
                }
                componentWillUnmount() {
                    this.props.oldHeaderFilterPopup.dispose()
                }
            }
            exports.HeaderFilterPopupComponent = HeaderFilterPopupComponent;
            class HeaderFilterPopupView extends _view.View {
                constructor(widget, headerFilterViewController) {
                    super();
                    this.widget = widget;
                    this.headerFilterViewController = headerFilterViewController;
                    this.component = HeaderFilterPopupComponent;
                    this.oldHeaderFilterPopup = new _m_header_filter_core.HeaderFilterView(this.widget);
                    this.oldHeaderFilterPopup.init();
                    (0, _index.effect)(() => {
                        const popupState = this.headerFilterViewController.popupState.value;
                        if (!popupState) {
                            return
                        }
                        this.oldHeaderFilterPopup.showHeaderFilterMenu((0, _renderer.default)(popupState.element), popupState.options)
                    })
                }
                getProps() {
                    return (0, _index.computed)(() => ({
                        oldHeaderFilterPopup: this.oldHeaderFilterPopup
                    }))
                }
            }
            exports.HeaderFilterPopupView = HeaderFilterPopupView;
            HeaderFilterPopupView.dependencies = [_widget_mock.WidgetMock, _view_controller.HeaderFilterViewController]
        },
        58814(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.HeaderFilterViewController = void 0;
            var _index = __webpack_require__( /*! ../../../../../core/state_manager/index */ 74636);
            var _m_utils = __webpack_require__( /*! ../../../../../filter_builder/m_utils */ 29498);
            var _m_utils2 = (e = __webpack_require__( /*! ../../../../../grids/grid_core/m_utils */ 53226), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index2 = __webpack_require__( /*! ../../columns_controller/index */ 50875);
            var _utils = __webpack_require__( /*! ../../columns_controller/utils */ 26054);
            var _index3 = __webpack_require__( /*! ../../data_controller/index */ 61124);
            var _options_controller = __webpack_require__( /*! ../../options_controller/options_controller */ 76385);
            var _filter_controller = __webpack_require__( /*! ../filter_controller */ 24628);
            var _utils2 = __webpack_require__( /*! ../utils */ 18066);
            var _legacy_header_filter = __webpack_require__( /*! ./legacy_header_filter */ 65518);
            var _utils3 = __webpack_require__( /*! ./utils */ 1261);
            class HeaderFilterViewController {
                constructor(options, dataController, columnsController, filterController) {
                    this.options = options;
                    this.dataController = dataController;
                    this.columnsController = columnsController;
                    this.filterController = filterController;
                    this.popupStateInternal = (0, _index.signal)(null);
                    this.popupState = this.popupStateInternal
                }
                openPopup(element, column, onFilterCloseCallback, customApply, isFilterBuilder) {
                    const rootDataSource = this.dataController.getStoreLoadAdapter();
                    const rootHeaderFilterOptions = this.options.oneWay("headerFilter").peek();
                    const filterExpression = this.getFilterExpressionWithoutCurrentColumn(column);
                    const type = (0, _legacy_header_filter.getHeaderFilterListType)(column);
                    const {
                        columnsController: columnsController
                    } = this;
                    const popupOptions = {
                        type: type,
                        column: Object.assign({}, column),
                        isFilterBuilder: isFilterBuilder,
                        headerFilter: Object.assign({}, column.headerFilter),
                        filterType: column.filterType,
                        filterValues: Array.isArray(column.filterValues) ? [...column.filterValues] : column.filterValues,
                        apply() {
                            ((filterValues, filterType) => {
                                if (customApply) {
                                    customApply(filterValues)
                                } else {
                                    columnsController.updateColumns(columns => {
                                        const index = (0, _utils.getColumnIndexByName)(columns, column.name);
                                        const newColumns = [...columns];
                                        newColumns[index] = Object.assign({}, newColumns[index], {
                                            filterValues: Array.isArray(filterValues) ? [...filterValues] : filterValues,
                                            filterType: filterType
                                        });
                                        return newColumns
                                    })
                                }
                                null === onFilterCloseCallback || void 0 === onFilterCloseCallback || onFilterCloseCallback()
                            })(this.filterValues, this.filterType)
                        },
                        hidePopupCallback: () => {
                            this.popupStateInternal.value = null;
                            null === onFilterCloseCallback || void 0 === onFilterCloseCallback || onFilterCloseCallback()
                        }
                    };
                    popupOptions.dataSource = (0, _legacy_header_filter.getDataSourceOptions)(rootDataSource, popupOptions, {
                        texts: rootHeaderFilterOptions.texts
                    }, filterExpression);
                    this.popupStateInternal.value = {
                        element: element,
                        options: popupOptions
                    }
                }
                closePopup() {
                    this.popupStateInternal.value = null
                }
                removeColumnFromFilters(appliedFilters, excludedColumn) {
                    const columnId = (0, _utils3.getColumnIdentifier)(excludedColumn);
                    const filterPanel = (0, _m_utils.removeFieldConditionsFromFilter)(appliedFilters.filterPanel, columnId);
                    const headerFilter = (0, _m_utils.removeFieldConditionsFromFilter)(appliedFilters.headerFilter, columnId);
                    return {
                        filterPanel: filterPanel,
                        headerFilter: headerFilter,
                        search: appliedFilters.search
                    }
                }
                combineFilterExpressions(filterExpressions) {
                    if (!filterExpressions || 0 === filterExpressions.length) {
                        return
                    }
                    return _m_utils2.default.combineFilters(filterExpressions)
                }
                getFilterExpressionWithoutCurrentColumn(column) {
                    const appliedFilters = this.filterController.appliedFilters.peek();
                    const filtersWithoutCurrentColumn = this.removeColumnFromFilters(appliedFilters, column);
                    const filterableColumns = this.columnsController.filterableColumns.peek();
                    const customOperations = this.filterController.customOperations.peek();
                    const filterSyncEnabled = this.filterController.filterSyncEnabled.peek();
                    const appliedFilterExpresssionsArray = (0, _utils2.getAppliedFilterExpressions)(filtersWithoutCurrentColumn, filterableColumns, customOperations, filterSyncEnabled);
                    return this.combineFilterExpressions(appliedFilterExpresssionsArray)
                }
            }
            exports.HeaderFilterViewController = HeaderFilterViewController;
            HeaderFilterViewController.dependencies = [_options_controller.OptionsController, _index3.DataController, _index2.ColumnsController, _filter_controller.FilterController]
        },
        92743(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "FilterController", {
                enumerable: true,
                get: function() {
                    return _filter_controller.FilterController
                }
            });
            Object.defineProperty(exports, "FilterPanelView", {
                enumerable: true,
                get: function() {
                    return filterPanel_1.FilterPanelView
                }
            });
            Object.defineProperty(exports, "PublicMethods", {
                enumerable: true,
                get: function() {
                    return _public_methods.PublicMethods
                }
            });
            Object.defineProperty(exports, "defaultOptions", {
                enumerable: true,
                get: function() {
                    return _options.defaultOptions
                }
            });
            exports.filterPanel = void 0;
            var _filter_controller = __webpack_require__( /*! ./filter_controller */ 24628);
            var filterPanel_1 = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ./filter_panel/index */ 56375));
            exports.filterPanel = filterPanel_1;
            var _options = __webpack_require__( /*! ./options */ 75229);
            var _public_methods = __webpack_require__( /*! ./public_methods */ 86711)
        },
        3596(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.anyOf = function(config) {
                return (0, _extend.extend)(baseOperation(config), {
                    name: "anyof",
                    icon: "selectall",
                    caption: _message.default.format("dxFilterBuilder-filterOperationAnyOf")
                })
            };
            exports.noneOf = function(config) {
                const baseOp = baseOperation(config);
                return (0, _extend.extend)({}, baseOp, {
                    calculateFilterExpression(filterValue, field, fields) {
                        const baseFilter = baseOp.calculateFilterExpression(filterValue, field, fields);
                        if (!baseFilter || 0 === baseFilter.length) {
                            return null
                        }
                        return "!" === baseFilter[0] ? baseFilter : ["!", baseFilter]
                    },
                    name: "noneof",
                    icon: "unselectall",
                    caption: _message.default.format("dxFilterBuilder-filterOperationNoneOf")
                })
            };
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../../common/core/localization/message */ 4671));
            var _data_source = __webpack_require__( /*! ../../../../../common/data/data_source/data_source */ 68216);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../../core/utils/extend */ 52576);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../../ui/widget/ui.errors */ 35185));
            var _m_utils = __webpack_require__( /*! ../../../../filter_builder/m_utils */ 29498);
            var _legacy_header_filter = __webpack_require__( /*! ./header_filter/legacy_header_filter */ 65518);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }

            function baseOperation(config) {
                const {
                    getHeaderFilterController: getHeaderFilterController
                } = config;
                const getFullText = function(itemText, parentText) {
                    return parentText ? `${parentText}/${itemText}` : itemText
                };
                const getSelectedItemsTexts = function(items, parentText) {
                    let result = [];
                    items.forEach(item => {
                        if (item.items) {
                            const selectedItemsTexts = getSelectedItemsTexts(item.items, getFullText(item.text, parentText));
                            result = result.concat(selectedItemsTexts)
                        }
                        item.selected && result.push(getFullText(item.text, parentText))
                    });
                    return result
                };
                return {
                    dataTypes: ["string", "date", "datetime", "number", "boolean", "object"],
                    calculateFilterExpression: function(filterValue, field, fields) {
                        const result = [];
                        const lastIndex = filterValue.length - 1;
                        filterValue && filterValue.forEach((value, index) => {
                            if ((0, _m_utils.isCondition)(value) || (0, _m_utils.isGroup)(value)) {
                                const filterExpression = (0, _m_utils.getFilterExpression)(value, fields, [], "headerFilter");
                                result.push(filterExpression)
                            } else {
                                const filterExpression = (0, _m_utils.getFilterExpression)([field.dataField ?? field.name, "=", value], fields, [], "headerFilter");
                                result.push(filterExpression)
                            }
                            index !== lastIndex && result.push("or")
                        });
                        if (1 === result.length) {
                            return result[0]
                        }
                        return result
                    },
                    editorTemplate(conditionInfo, container) {
                        const headerFilterController = getHeaderFilterController();
                        const div = (0, _renderer.default)("<div>").addClass("dx-filterbuilder-item-value-text").appendTo(container);
                        const originalColumn = config.columnOption(conditionInfo.field.dataField);
                        const column = (0, _extend.extend)(true, {}, originalColumn);
                        (0, _m_utils.renderValueText)(div, conditionInfo.text && conditionInfo.text.split("|"));
                        column.filterType = "include";
                        column.filterValues = conditionInfo.value ? conditionInfo.value.slice() : [];
                        headerFilterController.showHeaderFilterMenuBase({
                            columnElement: div,
                            column: column,
                            customApply(filterValues) {
                                value = filterValues, void conditionInfo.setValue(value);
                                var value;
                                headerFilterController.hideHeaderFilterMenu();
                                conditionInfo.closeEditor()
                            },
                            onHidden() {
                                conditionInfo.closeEditor()
                            },
                            isFilterBuilder: true
                        });
                        return container
                    },
                    customizeText: function(fieldInfo, options) {
                        options = options || {};
                        const headerFilterController = getHeaderFilterController();
                        const {
                            value: value
                        } = fieldInfo;
                        let column = config.columnOption(fieldInfo.field.dataField);
                        const headerFilter = column && column.headerFilter;
                        const lookup = column && column.lookup;
                        const values = options.values || [value];
                        if (headerFilter && headerFilter.dataSource || lookup && lookup.dataSource) {
                            const result = new _deferred.Deferred;
                            const itemsDeferred = options.items || new _deferred.Deferred;
                            if (!options.items) {
                                column = (0, _extend.extend)({}, column, {
                                    filterType: "include",
                                    filterValues: values
                                });
                                const dataSourceOptions = headerFilterController.getDataSource(column);
                                dataSourceOptions.paginate = false;
                                const dataSource = new _data_source.DataSource(dataSourceOptions);
                                const key = dataSource.store().key();
                                if (key) {
                                    const {
                                        values: values
                                    } = options;
                                    if (values && values.length > 1) {
                                        const filter = values.reduce((result, value) => {
                                            if (result.length) {
                                                result.push("or")
                                            }
                                            result.push([key, "=", value]);
                                            return result
                                        }, []);
                                        dataSource.filter(filter)
                                    } else {
                                        dataSource.filter([key, "=", fieldInfo.value])
                                    }
                                } else if (fieldInfo.field.calculateDisplayValue) {
                                    _ui.default.log("W1017")
                                }
                                options.items = itemsDeferred;
                                dataSource.load().done(itemsDeferred.resolve)
                            }
                            itemsDeferred.done(items => {
                                const index = values.indexOf(fieldInfo.value);
                                result.resolve(getSelectedItemsTexts(items, null)[index])
                            });
                            return result
                        }
                        const headerFilterOptions = config.getHeaderFilterOptions();
                        const text = (0, _legacy_header_filter.getHeaderItemText)(value, column, 0, headerFilterOptions);
                        return text
                    }
                }
            }
        },
        75229(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptions = void 0;
            exports.defaultOptions = {
                filterValue: null
            }
        },
        86711(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PublicMethods = function(GridCore) {
                return class extends GridCore {
                    clearFilter() {
                        this.filterSyncController.clearFilters()
                    }
                }
            }
        },
        18066(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.normalizeFilterWithSelectors = exports.getAppliedFilterExpressions = void 0;
            var _m_type = __webpack_require__( /*! ../../../../core/utils/m_type */ 39918);
            var _m_utils = __webpack_require__( /*! ../../../../filter_builder/m_utils */ 29498);
            var _utils = __webpack_require__( /*! ../columns_controller/utils */ 26054);
            exports.getAppliedFilterExpressions = (appliedFilters, columns, customOperations, filterSyncEnabled) => {
                const filters = [(0, _m_utils.getFilterExpression)(appliedFilters.filterPanel, (0, _utils.addDataFieldToComputedColumns)(columns), customOperations, "filterBuilder"), appliedFilters.search];
                if (!filterSyncEnabled) {
                    filters.push((0, _m_utils.getFilterExpression)(appliedFilters.headerFilter, (0, _utils.addDataFieldToComputedColumns)(columns), customOperations, "headerFilter"))
                }
                return filters.filter(filter => filter)
            };
            const normalizeFilterWithSelectors = (filter, columns, remoteFiltering, columnMap) => {
                if (!Array.isArray(filter)) {
                    return filter
                }
                if (!columnMap) {
                    columnMap = new Map(columns.map(column => [column.dataField ?? column.name, column]))
                }
                const resultFilter = [...filter];
                if ((0, _m_type.isString)(resultFilter[0]) && "!" !== resultFilter[0]) {
                    const column = columnMap.get(resultFilter[0]);
                    if (column && !remoteFiltering) {
                        resultFilter[0] = column.calculateFieldValue.bind(column)
                    }
                }
                for (let i = 0; i < resultFilter.length; i += 1) {
                    resultFilter[i] = normalizeFilterWithSelectors(resultFilter[i], columns, remoteFiltering, columnMap)
                }
                return resultFilter
            };
            exports.normalizeFilterWithSelectors = normalizeFilterWithSelectors
        },
        93445(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Icon = function(props) {
                const classes = (0, _combine_classes.combineClasses)({
                    "dx-icon": true,
                    [`dx-icon-${props.name}`]: true,
                    [String(props.className)]: !!props.className
                });
                return (0, _inferno.createVNode)(1, "div", classes, null, 1, {
                    "aria-label": props["aria-label"],
                    role: props["aria-label"] ? "img" : void 0,
                    onClick: props.onClick
                })
            };
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _combine_classes = __webpack_require__( /*! ../../../core/utils/combine_classes */ 46190)
        },
        24672(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ContextMenu = void 0;
            var _context_menu = (e = __webpack_require__( /*! ../../../../../ui/context_menu */ 34378), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _widget_wrapper = __webpack_require__( /*! ./widget_wrapper */ 44831);
            class ContextMenu extends _widget_wrapper.InfernoWrapper {
                constructor() {
                    super(...arguments);
                    this.contentRef = {}
                }
                getComponentFabric() {
                    return _context_menu.default
                }
            }
            exports.ContextMenu = ContextMenu
        },
        34553(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Form = void 0;
            var _form = (e = __webpack_require__( /*! ../../../../../ui/form */ 74075), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _widget_wrapper = __webpack_require__( /*! ./widget_wrapper */ 44831);
            class Form extends _widget_wrapper.InfernoWrapper {
                getComponentFabric() {
                    return _form.default
                }
            }
            exports.Form = Form
        },
        57082(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.LoadPanel = void 0;
            var _load_panel = (e = __webpack_require__( /*! ../../../../../ui/load_panel */ 31876), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _widget_wrapper = __webpack_require__( /*! ./widget_wrapper */ 44831);
            class LoadPanel extends _widget_wrapper.InfernoWrapper {
                getComponentFabric() {
                    return _load_panel.default
                }
            }
            exports.LoadPanel = LoadPanel
        },
        29720(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Pager = void 0;
            var _pagination = (e = __webpack_require__( /*! ../../../../../ui/pagination */ 38389), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _widget_wrapper = __webpack_require__( /*! ./widget_wrapper */ 44831);
            class Pager extends _widget_wrapper.InfernoWrapper {
                getComponentFabric() {
                    return _pagination.default
                }
            }
            exports.Pager = Pager
        },
        36525(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Popup = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _popup = (e = __webpack_require__( /*! ../../../../../ui/popup */ 97643), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _utils = __webpack_require__( /*! ./utils */ 72254);
            var _widget_wrapper = __webpack_require__( /*! ./widget_wrapper */ 44831);
            class Popup extends _widget_wrapper.InfernoWrapper {
                constructor() {
                    super(...arguments);
                    this.contentRef = {}
                }
                render() {
                    return (0, _inferno.createFragment)([super.render(), this.contentRef.current && (0, _inferno.createPortal)(this.props.children, this.contentRef.current)], 0)
                }
                transformRef(props) {
                    var _props;
                    if (null !== (_props = props) && void 0 !== _props && null !== (_props = _props.position) && void 0 !== _props && null !== (_props = _props.of) && void 0 !== _props && _props.current) {
                        props = Object.assign({}, props, {
                            position: Object.assign({}, props.position, {
                                of: (0, _utils.wrapRef)(props.position.of)
                            })
                        })
                    }
                    return props
                }
                createComponent(ref, props) {
                    return super.createComponent(ref, this.transformRef(props))
                }
                updateComponentOptions(prevProps, props) {
                    super.updateComponentOptions(prevProps, this.transformRef(props))
                }
                getComponentFabric() {
                    return _popup.default
                }
                componentDidMount() {
                    super.componentDidMount();
                    this.contentRef.current = this.component.$content().get(0);
                    this.setState({})
                }
            }
            exports.Popup = Popup
        },
        16314(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.RootElementUpdater = void 0;
            exports.normalizeEventName = normalizeEventName;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            const _excluded = ["rootElementRef", "ref", "className", "children"];

            function normalizeEventName(name) {
                return name.substring(2).toLowerCase()
            }
            class RootElementUpdater extends _inferno.Component {
                constructor() {
                    super(...arguments);
                    this.previousClasses = [];
                    this.previousAttributes = {}
                }
                render() {
                    return this.props.children
                }
                updateClasses(element) {
                    const currentClassName = this.props.className;
                    const currentClasses = (null === currentClassName || void 0 === currentClassName ? void 0 : currentClassName.split(" ")) ?? [];
                    const addedClasses = currentClasses.filter(cls => !this.previousClasses.includes(cls));
                    const removedClasses = this.previousClasses.filter(cls => !currentClasses.includes(cls));
                    addedClasses.forEach(cls => {
                        element.classList.add(cls)
                    });
                    removedClasses.forEach(cls => {
                        element.classList.remove(cls)
                    });
                    this.previousClasses = currentClasses
                }
                updateAttributes(element) {
                    const _this$props = this.props,
                        currentAttributes = function(r, e) {
                            if (null == r) {
                                return {}
                            }
                            var t = {};
                            for (var n in r) {
                                if ({}.hasOwnProperty.call(r, n)) {
                                    if (-1 !== e.indexOf(n)) {
                                        continue
                                    }
                                    t[n] = r[n]
                                }
                            }
                            return t
                        }(_this$props, _excluded);
                    const currentAttributeKeys = Object.keys(currentAttributes);
                    const previousAttributeKeys = Object.keys(this.previousAttributes);
                    currentAttributeKeys.forEach(attrName => {
                        if (attrName.startsWith("on")) {
                            if (previousAttributeKeys.includes(attrName)) {
                                element.removeEventListener(normalizeEventName(attrName), this.previousAttributes[attrName])
                            }
                            element.addEventListener(normalizeEventName(attrName), currentAttributes[attrName])
                        } else {
                            element[attrName] = currentAttributes[attrName]
                        }
                    });
                    const removedAttrKeys = previousAttributeKeys.filter(attrName => !currentAttributeKeys.includes(attrName));
                    removedAttrKeys.forEach(attrName => {
                        if (attrName.startsWith("on")) {
                            element.removeEventListener(normalizeEventName(attrName), this.previousAttributes[attrName])
                        } else {
                            element.removeAttribute(attrName)
                        }
                    });
                    this.previousAttributes = currentAttributes
                }
                updateClassesAndAttributes() {
                    const element = this.props.rootElementRef.current;
                    if (!element) {
                        throw new Error("root element is not provided")
                    }
                    this.updateClasses(element);
                    this.updateAttributes(element)
                }
                componentDidMount() {
                    this.updateClassesAndAttributes()
                }
                componentDidUpdate() {
                    this.updateClassesAndAttributes()
                }
            }
            exports.RootElementUpdater = RootElementUpdater
        },
        90882(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Scrollable = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _ui = (e = __webpack_require__( /*! ../../../../../ui/scroll_view/ui.scrollable */ 20876), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _widget_wrapper = __webpack_require__( /*! ./widget_wrapper */ 44831);
            class Scrollable extends _widget_wrapper.InfernoWrapper {
                constructor() {
                    super(...arguments);
                    this.contentRef = {}
                }
                render() {
                    return (0, _inferno.createFragment)([super.render(), this.contentRef.current && (0, _inferno.createPortal)(this.props.children, this.contentRef.current)], 0)
                }
                getComponentFabric() {
                    return _ui.default
                }
                updateScrollTop() {
                    var _this$component;
                    null === (_this$component = this.component) || void 0 === _this$component || _this$component.scrollTo(this.props.scrollTop)
                }
                componentDidMount() {
                    if (void 0 === this.props.useNative) {
                        delete this.props.useNative
                    }
                    super.componentDidMount();
                    this.contentRef.current = this.component.$content().get(0);
                    this.setState({});
                    this.updateScrollTop()
                }
                componentDidUpdate(prevProps) {
                    super.componentDidUpdate(prevProps);
                    this.updateScrollTop()
                }
                clientHeight() {
                    return this.component.clientHeight()
                }
            }
            exports.Scrollable = Scrollable
        },
        87819(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Sortable = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _sortable = (e = __webpack_require__( /*! ../../../../../ui/sortable */ 95305), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _widget_wrapper = __webpack_require__( /*! ./widget_wrapper */ 44831);
            class Sortable extends _widget_wrapper.InfernoWrapper {
                render() {
                    return (0, _inferno.createVNode)(1, "div", this.props.className, this.props.children, 0, null, null, this.ref)
                }
                getComponentFabric() {
                    return _sortable.default
                }
            }
            exports.Sortable = Sortable
        },
        94681(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TemplateWrapper = function(template) {
                return class extends _base_component.BaseInfernoComponent {
                    constructor() {
                        super(...arguments);
                        this.ref = (0, _inferno.createRef)()
                    }
                    renderTemplate() {
                        (0, _renderer.default)(this.ref.current).empty();
                        template.render({
                            container: (0, _renderer.default)(this.ref.current),
                            model: this.props
                        })
                    }
                    render() {
                        return (0, _inferno.createVNode)(1, "div", null, null, 1, null, null, this.ref)
                    }
                    componentDidUpdate() {
                        this.renderTemplate()
                    }
                    componentDidMount() {
                        this.renderTemplate()
                    }
                }
            };
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _renderer = (e = __webpack_require__( /*! ../../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _base_component = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/base_component */ 5428)
        },
        47836(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Toast = void 0;
            var _toast = (e = __webpack_require__( /*! ../../../../../ui/toast */ 36574), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _widget_wrapper = __webpack_require__( /*! ./widget_wrapper */ 44831);
            class Toast extends _widget_wrapper.InfernoWrapper {
                getComponentFabric() {
                    return _toast.default
                }
            }
            exports.Toast = Toast
        },
        48696(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Toolbar = void 0;
            __webpack_require__( /*! ../../../../../ui/button */ 64973);
            __webpack_require__( /*! ../../../../../ui/check_box */ 94319);
            var _toolbar = (e = __webpack_require__( /*! ../../../../../ui/toolbar */ 2850), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _widget_wrapper = __webpack_require__( /*! ./widget_wrapper */ 44831);
            const _excluded = ["items"];
            const excludedStateOptions = ["onInput", "inputAttr", "elementAttr"];
            class Toolbar extends _widget_wrapper.InfernoWrapper {
                getComponentFabric() {
                    return _toolbar.default
                }
                updateComponentOptions(prevProps, props) {
                    if (Array.isArray(props.items) && Array.isArray(prevProps.items) && props.items.length === prevProps.items.length) {
                        var _props$items;
                        null === (_props$items = props.items) || void 0 === _props$items || _props$items.forEach((item, index) => {
                            if (props.items[index] !== prevProps.items[index]) {
                                const prevItem = prevProps.items[index];
                                Object.keys(item).forEach(key => {
                                    if (item[key] !== prevItem[key]) {
                                        if ("options" !== key) {
                                            var _this$component;
                                            null === (_this$component = this.component) || void 0 === _this$component || _this$component.option(`items[${index}].${key}`, props.items[index][key])
                                        } else {
                                            const prevOptions = prevItem[key];
                                            const currentOptions = item[key];
                                            Object.keys(currentOptions).forEach(option => {
                                                const isOptionChanged = !(null !== prevOptions && void 0 !== prevOptions && prevOptions[option]) || (null === currentOptions || void 0 === currentOptions ? void 0 : currentOptions[option]) !== prevOptions[option];
                                                const isExcludedOption = excludedStateOptions.includes(option);
                                                if (isOptionChanged && !isExcludedOption) {
                                                    var _this$component2;
                                                    null === (_this$component2 = this.component) || void 0 === _this$component2 || _this$component2.option(`items[${index}].${key}.${option}`, props.items[index][key][option])
                                                }
                                            })
                                        }
                                    }
                                })
                            }
                        });
                        const propsToUpdate = function(r, e) {
                            if (null == r) {
                                return {}
                            }
                            var t = {};
                            for (var n in r) {
                                if ({}.hasOwnProperty.call(r, n)) {
                                    if (-1 !== e.indexOf(n)) {
                                        continue
                                    }
                                    t[n] = r[n]
                                }
                            }
                            return t
                        }(props, _excluded);
                        super.updateComponentOptions(prevProps, propsToUpdate)
                    } else {
                        super.updateComponentOptions(prevProps, props)
                    }
                }
            }
            exports.Toolbar = Toolbar
        },
        47127(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TreeView = void 0;
            var _common = __webpack_require__( /*! ../../../../../core/utils/common */ 17781);
            var _tree_view = (e = __webpack_require__( /*! ../../../../../ui/tree_view */ 4313), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _widget_wrapper = __webpack_require__( /*! ./widget_wrapper */ 44831);
            const _excluded = ["selected"],
                _excluded2 = ["selected"];

            function _objectWithoutPropertiesLoose(r, e) {
                if (null == r) {
                    return {}
                }
                var t = {};
                for (var n in r) {
                    if ({}.hasOwnProperty.call(r, n)) {
                        if (-1 !== e.indexOf(n)) {
                            continue
                        }
                        t[n] = r[n]
                    }
                }
                return t
            }
            class TreeView extends _widget_wrapper.InfernoWrapper {
                getComponentFabric() {
                    return _tree_view.default
                }
                updateComponentOptions(prevProps, props) {
                    var _this$component, _this$component2;
                    const itemsOnlySelectionChanged = this.isItemsOnlySelectionChanged(prevProps, props);
                    const propsToUpdate = Object.assign({}, props);
                    if (itemsOnlySelectionChanged) {
                        this.updateSelection(props.items ?? []);
                        delete propsToUpdate.items
                    }
                    const scrollTop = null === (_this$component = this.component) || void 0 === _this$component || null === (_this$component = _this$component.getScrollable()) || void 0 === _this$component ? void 0 : _this$component.scrollTop();
                    super.updateComponentOptions(prevProps, propsToUpdate);
                    null === (_this$component2 = this.component) || void 0 === _this$component2 || null === (_this$component2 = _this$component2.getScrollable()) || void 0 === _this$component2 || _this$component2.scrollTo({
                        top: scrollTop
                    })
                }
                isItemsOnlySelectionChanged(prevProps, props) {
                    const oldItems = (prevProps.items ?? []).map(_ref => {
                        let restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
                        return restProps
                    });
                    const newItems = (props.items ?? []).map(_ref2 => {
                        let restProps = _objectWithoutPropertiesLoose(_ref2, _excluded2);
                        return restProps
                    });
                    const onlySelectionChanged = (0, _common.equalByValue)(oldItems, newItems);
                    return onlySelectionChanged
                }
                updateSelection(items) {
                    const treeView = this.component;
                    if (!treeView) {
                        return
                    }
                    const selectedKeys = treeView.getSelectedNodeKeys();
                    treeView.beginUpdate();
                    items.forEach((item, index) => {
                        const isSelected = selectedKeys.includes(item.id);
                        if (item.selected && !isSelected) {
                            treeView.selectItem(index)
                        }
                        if (!item.selected && isSelected) {
                            treeView.unselectItem(index)
                        }
                    });
                    treeView.endUpdate()
                }
            }
            exports.TreeView = TreeView
        },
        72254(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.wrapRef = function(ref) {
                return {
                    dxRenderer: true,
                    get 0() {
                        return ref.current
                    },
                    get: () => ref.current,
                    length: 1
                }
            }
        },
        44831(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.InfernoWrapper = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _config_context = __webpack_require__( /*! ../core/config_context */ 11024);
            class InfernoWrapper extends _inferno.Component {
                constructor() {
                    super(...arguments);
                    this.ref = (0, _inferno.createRef)()
                }
                render() {
                    if (this.props.elementRef) {
                        this.ref = this.props.elementRef
                    }
                    return (0, _inferno.createVNode)(1, "div", null, null, 1, {
                        onKeyDown: this.props.onKeyDown
                    }, null, this.ref)
                }
                getComponentOptions() {
                    return Object.assign({}, this.context[_config_context.ConfigContext.id], this.props)
                }
                updateComponentRef() {
                    if (this.props.componentRef) {
                        this.props.componentRef.current = this.component
                    }
                }
                updateComponentOptions(prevProps, props) {
                    Object.keys(props).forEach(key => {
                        if (props[key] !== prevProps[key]) {
                            var _this$component;
                            null === (_this$component = this.component) || void 0 === _this$component || _this$component.option(key, props[key])
                        }
                    })
                }
                createComponent(ref, props) {
                    return new(this.getComponentFabric())(ref.current, props)
                }
                componentDidMount() {
                    this.component = this.createComponent(this.ref, this.getComponentOptions());
                    this.updateComponentRef()
                }
                componentDidUpdate(prevProps) {
                    this.updateComponentOptions(prevProps, this.getComponentOptions());
                    this.updateComponentRef()
                }
                componentWillUnmount() {
                    var _this$component2;
                    null === (_this$component2 = this.component) || void 0 === _this$component2 || _this$component2.dispose()
                }
            }
            exports.InfernoWrapper = InfernoWrapper
        },
        58761(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ItemsController = void 0;
            var _common = __webpack_require__( /*! ../../../../../core/utils/common */ 17781);
            var _format_helper = (e = __webpack_require__( /*! ../../../../../format_helper */ 2082), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _columns_controller = __webpack_require__( /*! ../../../../grids/new/grid_core/columns_controller/columns_controller */ 88195);
            var _data_controller = __webpack_require__( /*! ../../../../grids/new/grid_core/data_controller/data_controller */ 22893);
            var _index2 = __webpack_require__( /*! ../../../../grids/new/grid_core/search/index */ 61519);
            var _utils = __webpack_require__( /*! ./utils */ 15819);
            class ItemsController {
                constructor(dataController, columnsController, searchController) {
                    this.dataController = dataController;
                    this.columnsController = columnsController;
                    this.searchController = searchController;
                    this.selectedCardKeys = (0, _index.signal)([]);
                    this.additionalItems = (0, _index.signal)([]);
                    this.visibleColumnsLayout = (0, _index.computed)(() => JSON.stringify(this.columnsController.visibleColumns.value.map(_utils.getColumnLayoutKey)));
                    this.items = (0, _index.computed)(() => {
                        this.searchController.highlightTextOptions.value;
                        this.visibleColumnsLayout.value;
                        return this.dataController.items.value.map((item, itemIndex) => this.createCardInfo(item, this.columnsController.visibleColumns.peek(), itemIndex, this.selectedCardKeys.value)).concat(this.additionalItems.value)
                    })
                }
                setSelectionState(keys) {
                    this.selectedCardKeys.value = keys
                }
                findItemByKey(items, key) {
                    return items.find(item => (0, _common.equalByValue)(item.key, key)) ?? null
                }
                createCardInfo(data, columns, itemIndex, selectedCardKeys, key) {
                    let visible = arguments.length > 5 && void 0 !== arguments[5] ? arguments[5] : true;
                    const itemKey = key ?? this.dataController.getDataKey(data);
                    const fields = columns.map((column, index) => {
                        const value = column.calculateFieldValue(data);
                        const displayValue = column.calculateDisplayValue(data);
                        const formattedText = _format_helper.default.format(displayValue, column.format);
                        const text = column.customizeText ? column.customizeText({
                            value: displayValue,
                            valueText: formattedText
                        }) : formattedText;
                        const highlightedText = this.searchController.getHighlightedText(text);
                        return {
                            card: {},
                            index: index,
                            column: column,
                            value: value,
                            displayValue: displayValue,
                            text: text,
                            highlightedText: highlightedText
                        }
                    });
                    const card = {
                        fields: fields,
                        columns: columns,
                        values: fields.map(f => f.value),
                        key: itemKey,
                        index: itemIndex,
                        isSelected: !!(null !== selectedCardKeys && void 0 !== selectedCardKeys && selectedCardKeys.includes(itemKey)),
                        data: data,
                        visible: visible
                    };
                    card.fields.forEach(f => {
                        f.card = card
                    });
                    return card
                }
                getCardByKey(key) {
                    const items = this.items.peek();
                    return items.find(item => (0, _common.equalByValue)(item.key, key))
                }
            }
            exports.ItemsController = ItemsController;
            ItemsController.dependencies = [_data_controller.DataController, _columns_controller.ColumnsController, _index2.SearchController]
        },
        15819(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getColumnLayoutKey = void 0;
            const NON_LAYOUT_COLUMN_KEYS = new Set(["sortOrder", "sortIndex", "filterValues", "filterType"]);
            exports.getColumnLayoutKey = column => {
                const entries = Object.entries(column).filter(_ref => {
                    let [key] = _ref;
                    return !NON_LAYOUT_COLUMN_KEYS.has(key)
                });
                return JSON.stringify(entries)
            }
        },
        14930(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ALL_FOCUSABLE_ELEMENTS_SELECTOR = void 0;
            const notInert = ":not([inert]):not([inert] *)";
            const notNegTabIndex = ':not([tabindex^="-"])';
            exports.ALL_FOCUSABLE_ELEMENTS_SELECTOR = [`a[href]${notInert}${notNegTabIndex}`, `area[href]${notInert}${notNegTabIndex}`, `input:not([type="hidden"]):not([type="radio"])${notInert}${notNegTabIndex}:not(:disabled)`, `input[type="radio"]${notInert}${notNegTabIndex}:not(:disabled)`, `select${notInert}${notNegTabIndex}:not(:disabled)`, `textarea${notInert}${notNegTabIndex}:not(:disabled)`, `button${notInert}${notNegTabIndex}:not(:disabled)`, `details${notInert} > summary:first-of-type${notNegTabIndex}`, `iframe${notInert}${notNegTabIndex}`, `audio[controls]${notInert}${notNegTabIndex}`, `video[controls]${notInert}${notNegTabIndex}`, `[contenteditable]${notInert}${notNegTabIndex}`, `[tabindex]${notInert}${notNegTabIndex}`].join(",")
        },
        31941(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.KeyboardNavigationController = void 0;
            var _element = __webpack_require__( /*! ../../../../../core/element */ 61404);
            var _renderer = (e = __webpack_require__( /*! ../../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _options_controller = __webpack_require__( /*! ../../../../grids/new/grid_core/options_controller/options_controller */ 76385);
            class KeyboardNavigationController {
                constructor(options) {
                    this.options = options;
                    this.enabled = this.options.oneWay("keyboardNavigation.enabled")
                }
                setReturnFocusTo(element) {
                    this.returnFocusTo = element
                }
                setFirstCardElement(element) {
                    this.firstCardElement = element
                }
                returnFocus() {
                    if (!this.returnFocusTo) {
                        return
                    }
                    if (this.returnFocusTo.isConnected) {
                        this.returnFocusTo.focus()
                    } else {
                        var _this$firstCardElemen;
                        null === (_this$firstCardElemen = this.firstCardElement) || void 0 === _this$firstCardElemen || _this$firstCardElemen.focus()
                    }
                    this.returnFocusTo = void 0
                }
                onKeyDown(event) {
                    const action = this.options.action("onKeyDown").peek();
                    action({
                        handled: event.dxHandled ?? false,
                        event: event,
                        element: (0, _element.getPublicElement)((0, _renderer.default)(event.target))
                    })
                }
                onFocusedCardChanged(card, cardIdx, element) {
                    const action = this.options.action("onFocusedCardChanged").peek();
                    action({
                        cardIndex: cardIdx,
                        card: card,
                        cardElement: (0, _element.getPublicElement)((0, _renderer.default)(element))
                    })
                }
            }
            exports.KeyboardNavigationController = KeyboardNavigationController;
            KeyboardNavigationController.dependencies = [_options_controller.OptionsController]
        },
        58529(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            var _exportNames = {
                KeyboardNavigationController: true,
                KbnFocusTrap: true,
                KbnNavigationContainer: true,
                defaultOptions: true,
                withKeyDownHandler: true,
                withKbnNavigationItem: true
            };
            Object.defineProperty(exports, "KbnFocusTrap", {
                enumerable: true,
                get: function() {
                    return _kbn_focus_trap.KbnFocusTrap
                }
            });
            Object.defineProperty(exports, "KbnNavigationContainer", {
                enumerable: true,
                get: function() {
                    return _kbn_navigation_container.KbnNavigationContainer
                }
            });
            Object.defineProperty(exports, "KeyboardNavigationController", {
                enumerable: true,
                get: function() {
                    return _controller.KeyboardNavigationController
                }
            });
            Object.defineProperty(exports, "defaultOptions", {
                enumerable: true,
                get: function() {
                    return _options.defaultOptions
                }
            });
            Object.defineProperty(exports, "withKbnNavigationItem", {
                enumerable: true,
                get: function() {
                    return _with_navigation_item.withKbnNavigationItem
                }
            });
            Object.defineProperty(exports, "withKeyDownHandler", {
                enumerable: true,
                get: function() {
                    return _with_key_down_handler.withKeyDownHandler
                }
            });
            var _controller = __webpack_require__( /*! ./controller */ 31941);
            var _kbn_focus_trap = __webpack_require__( /*! ./kbn_focus_trap */ 32893);
            var _kbn_navigation_container = __webpack_require__( /*! ./kbn_navigation_container */ 12053);
            var _index = __webpack_require__( /*! ./navigation_strategy/index */ 71748);
            Object.keys(_index).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (Object.prototype.hasOwnProperty.call(_exportNames, key)) {
                    return
                }
                if (key in exports && exports[key] === _index[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _index[key]
                    }
                })
            });
            var _options = __webpack_require__( /*! ./options */ 77755);
            var _with_key_down_handler = __webpack_require__( /*! ./with_key_down_handler */ 40599);
            var _with_navigation_item = __webpack_require__( /*! ./with_navigation_item */ 23609)
        },
        32893(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.KbnFocusTrapEnabled = exports.KbnFocusTrapDisabled = exports.KbnFocusTrap = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../grids/new/grid_core/core/events/index */ 92940);
            var _const = __webpack_require__( /*! ./const */ 14930);
            const _excluded = ["elementRef", "children"],
                _excluded2 = ["elementRef", "onKeyDown", "children"],
                _excluded3 = ["enabled", "ref", "onKeyDown"];

            function _objectWithoutPropertiesLoose(r, e) {
                if (null == r) {
                    return {}
                }
                var t = {};
                for (var n in r) {
                    if ({}.hasOwnProperty.call(r, n)) {
                        if (-1 !== e.indexOf(n)) {
                            continue
                        }
                        t[n] = r[n]
                    }
                }
                return t
            }
            var __decorate = (void 0, function(decorators, target, key, desc) {
                var d, c = arguments.length,
                    r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
                if ("object" === typeof Reflect && "function" === typeof Reflect.decorate) {
                    r = Reflect.decorate(decorators, target, key, desc)
                } else {
                    for (var i = decorators.length - 1; i >= 0; i--) {
                        if (d = decorators[i]) {
                            r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r
                        }
                    }
                }
                return c > 3 && r && Object.defineProperty(target, key, r), r
            });
            var __metadata = (void 0, function(k, v) {
                if ("object" === typeof Reflect && "function" === typeof Reflect.metadata) {
                    return Reflect.metadata(k, v)
                }
            });
            const KbnFocusTrapDisabled = props => {
                const {
                    elementRef: elementRef,
                    children: children
                } = props, restProps = _objectWithoutPropertiesLoose(props, _excluded);
                return (0, _inferno.normalizeProps)((0, _inferno.createVNode)(1, "div", null, (0, _inferno.createVNode)(1, "div", null, [(0, _inferno.createVNode)(1, "div", null, null, 1, {
                    "data-dx-focus-decoy": false
                }), children, (0, _inferno.createVNode)(1, "div", null, null, 1, {
                    "data-dx-focus-decoy": false
                })], 0, {
                    "data-dx-focus-trap-content": false
                }), 2, Object.assign({}, restProps), null, elementRef))
            };
            exports.KbnFocusTrapDisabled = KbnFocusTrapDisabled;
            class KbnFocusTrapEnabled extends _inferno.Component {
                constructor() {
                    super(...arguments);
                    this.elementRef = (0, _inferno.createRef)();
                    this.firstFocusDecoyRef = (0, _inferno.createRef)();
                    this.lastFocusDecoyRef = (0, _inferno.createRef)();
                    this.eventListener = new _index.NativeEventListener
                }
                componentDidMount() {
                    this.eventListener.add(this.firstFocusDecoyRef, "focusin", this.onFirstDecoyFocusIn.bind(this)).add(this.lastFocusDecoyRef, "focusin", this.onLastDecoyFocusIn.bind(this))
                }
                componentWillUnmount() {
                    this.eventListener.unsubscribe()
                }
                render() {
                    const _this$props = this.props,
                        {
                            children: children
                        } = _this$props,
                        restProps = _objectWithoutPropertiesLoose(_this$props, _excluded2);
                    const ref = this.getActualRef();
                    return (0, _inferno.normalizeProps)((0, _inferno.createVNode)(1, "div", null, (0, _inferno.createVNode)(1, "div", null, [(0, _inferno.createVNode)(1, "div", null, null, 1, {
                        "data-dx-focus-decoy": true,
                        tabindex: 0
                    }, null, this.firstFocusDecoyRef), children, (0, _inferno.createVNode)(1, "div", null, null, 1, {
                        "data-dx-focus-decoy": true,
                        tabindex: 0
                    }, null, this.lastFocusDecoyRef)], 0, {
                        "data-dx-focus-trap-content": true,
                        onKeyDown: this.onContentKeyDown.bind(this)
                    }), 2, Object.assign({
                        onKeyDown: this.onKeyDown.bind(this)
                    }, restProps), null, ref))
                }
                onKeyDown(event) {
                    var _this$props$onKeyDown, _this$props2;
                    if ("Enter" === event.key && !event.shiftKey) {
                        this.focusLastChild();
                        _index.eventUtils.markHandled(event)
                    }
                    null === (_this$props$onKeyDown = (_this$props2 = this.props).onKeyDown) || void 0 === _this$props$onKeyDown || _this$props$onKeyDown.call(_this$props2, event)
                }
                onContentKeyDown(event) {
                    if ("Escape" === event.key) {
                        var _this$getActualRef$cu;
                        null === (_this$getActualRef$cu = this.getActualRef().current) || void 0 === _this$getActualRef$cu || _this$getActualRef$cu.focus();
                        _index.eventUtils.markHandled(event)
                    }
                    _index.eventUtils.markIgnored(event)
                }
                onFirstDecoyFocusIn() {
                    this.focusLastChild()
                }
                onLastDecoyFocusIn() {
                    const firstFocusableElement = this.getInnerFocusableElement("first");
                    null === firstFocusableElement || void 0 === firstFocusableElement || firstFocusableElement.focus()
                }
                focusLastChild() {
                    const lastFocusableElement = this.getInnerFocusableElement("last");
                    null === lastFocusableElement || void 0 === lastFocusableElement || lastFocusableElement.focus()
                }
                getActualRef() {
                    return this.props.elementRef ?? this.elementRef
                }
                getInnerFocusableElement(type) {
                    var _elementRef$current;
                    const elementRef = this.getActualRef();
                    const focusableElements = null === (_elementRef$current = elementRef.current) || void 0 === _elementRef$current ? void 0 : _elementRef$current.querySelectorAll(_const.ALL_FOCUSABLE_ELEMENTS_SELECTOR);
                    const focusableElementsCount = (null === focusableElements || void 0 === focusableElements ? void 0 : focusableElements.length) ?? 0;
                    if (!focusableElements || focusableElementsCount < 3) {
                        return null
                    }
                    return "first" === type ? focusableElements[1] : focusableElements[focusableElementsCount - 2]
                }
            }
            exports.KbnFocusTrapEnabled = KbnFocusTrapEnabled;
            __decorate([_index.eventHandler, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], KbnFocusTrapEnabled.prototype, "onKeyDown", null);
            __decorate([_index.eventHandler, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], KbnFocusTrapEnabled.prototype, "onContentKeyDown", null);
            __decorate([_index.eventHandler, __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], KbnFocusTrapEnabled.prototype, "onFirstDecoyFocusIn", null);
            __decorate([_index.eventHandler, __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], KbnFocusTrapEnabled.prototype, "onLastDecoyFocusIn", null);
            exports.KbnFocusTrap = props => {
                const {
                    enabled: enabled,
                    onKeyDown: onKeyDown
                } = props, restProps = _objectWithoutPropertiesLoose(props, _excluded3);
                return enabled ? (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, KbnFocusTrapEnabled, Object.assign({}, restProps, {
                    onKeyDown: onKeyDown
                }))) : (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, KbnFocusTrapDisabled, Object.assign({}, restProps, {
                    onKeyDown: onKeyDown
                })))
            }
        },
        12053(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.KbnNavigationContainerEnabled = exports.KbnNavigationContainerDisabled = exports.KbnNavigationContainer = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../grids/new/grid_core/core/events/index */ 92940);
            const _excluded = ["elementRef", "navigationStrategy", "children"],
                _excluded2 = ["navigationStrategy", "elementRef", "children"],
                _excluded3 = ["enabled", "ref"];

            function _objectWithoutPropertiesLoose(r, e) {
                if (null == r) {
                    return {}
                }
                var t = {};
                for (var n in r) {
                    if ({}.hasOwnProperty.call(r, n)) {
                        if (-1 !== e.indexOf(n)) {
                            continue
                        }
                        t[n] = r[n]
                    }
                }
                return t
            }
            var __decorate = (void 0, function(decorators, target, key, desc) {
                var d, c = arguments.length,
                    r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
                if ("object" === typeof Reflect && "function" === typeof Reflect.decorate) {
                    r = Reflect.decorate(decorators, target, key, desc)
                } else {
                    for (var i = decorators.length - 1; i >= 0; i--) {
                        if (d = decorators[i]) {
                            r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r
                        }
                    }
                }
                return c > 3 && r && Object.defineProperty(target, key, r), r
            });
            var __metadata = (void 0, function(k, v) {
                if ("object" === typeof Reflect && "function" === typeof Reflect.metadata) {
                    return Reflect.metadata(k, v)
                }
            });
            const KbnNavigationContainerDisabled = props => {
                const {
                    elementRef: elementRef,
                    children: children
                } = props, restProps = _objectWithoutPropertiesLoose(props, _excluded);
                return (0, _inferno.normalizeProps)((0, _inferno.createVNode)(1, "div", null, [(0, _inferno.createVNode)(1, "div", null, null, 1, {
                    "data-dx-focus-decoy": false
                }), children, (0, _inferno.createVNode)(1, "div", null, null, 1, {
                    "data-dx-focus-decoy": false
                })], 0, Object.assign({}, restProps, {
                    "data-dx-focus-container": false
                }), null, elementRef))
            };
            exports.KbnNavigationContainerDisabled = KbnNavigationContainerDisabled;
            class KbnNavigationContainerEnabled extends _inferno.Component {
                constructor() {
                    super(...arguments);
                    this.elementRef = (0, _inferno.createRef)();
                    this.firstFocusDecoyRef = (0, _inferno.createRef)();
                    this.lastFocusDecoyRef = (0, _inferno.createRef)();
                    this.eventListener = new _index.NativeEventListener
                }
                componentDidMount() {
                    const elementRef = this.getActualRef();
                    this.eventListener.add(elementRef, "focusout", this.onFocusOut.bind(this)).add(this.firstFocusDecoyRef, "focusin", this.onDecoyFocusIn.bind(this)).add(this.lastFocusDecoyRef, "focusin", this.onDecoyFocusIn.bind(this))
                }
                componentDidUpdate() {
                    this.props.navigationStrategy.normalizeActiveIdx()
                }
                componentWillUnmount() {
                    this.eventListener.unsubscribe()
                }
                render() {
                    const _this$props = this.props,
                        {
                            navigationStrategy: navigationStrategy,
                            children: children
                        } = _this$props,
                        restProps = _objectWithoutPropertiesLoose(_this$props, _excluded2);
                    const ref = this.getActualRef();
                    navigationStrategy.clear();
                    return (0, _inferno.normalizeProps)((0, _inferno.createVNode)(1, "div", null, [(0, _inferno.createVNode)(1, "div", null, null, 1, {
                        "data-dx-focus-decoy": true,
                        tabindex: 0
                    }, null, this.firstFocusDecoyRef), children, (0, _inferno.createVNode)(1, "div", null, null, 1, {
                        "data-dx-focus-decoy": true,
                        tabindex: 0
                    }, null, this.lastFocusDecoyRef)], 0, Object.assign({}, restProps, {
                        onKeyDown: this.onKeyDown.bind(this),
                        "data-dx-focus-container": true
                    }), null, ref))
                }
                onKeyDown(event) {
                    const {
                        navigationStrategy: navigationStrategy,
                        onKeyDown: onKeyDown
                    } = this.props;
                    const elementRef = this.getActualRef();
                    if ("Tab" === event.key) {
                        var _elementRef$current;
                        navigationStrategy.setActiveItem(0, false);
                        null === (_elementRef$current = elementRef.current) || void 0 === _elementRef$current || _elementRef$current.setAttribute("inert", "");
                        _index.eventUtils.markHandled(event)
                    }
                    null === onKeyDown || void 0 === onKeyDown || onKeyDown(event)
                }
                onFocusOut() {
                    var _elementRef$current2;
                    const elementRef = this.getActualRef();
                    null === (_elementRef$current2 = elementRef.current) || void 0 === _elementRef$current2 || _elementRef$current2.removeAttribute("inert")
                }
                onDecoyFocusIn() {
                    const {
                        navigationStrategy: navigationStrategy,
                        onFocusMoved: onFocusMoved
                    } = this.props;
                    navigationStrategy.setActiveItem(0, true);
                    const nextActiveItem = navigationStrategy.getActiveItem();
                    if (nextActiveItem) {
                        null === onFocusMoved || void 0 === onFocusMoved || onFocusMoved(nextActiveItem.idx, nextActiveItem.element)
                    }
                }
                getActualRef() {
                    return this.props.elementRef ?? this.elementRef
                }
            }
            exports.KbnNavigationContainerEnabled = KbnNavigationContainerEnabled;
            __decorate([_index.eventHandler, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], KbnNavigationContainerEnabled.prototype, "onKeyDown", null);
            __decorate([_index.eventHandler, __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], KbnNavigationContainerEnabled.prototype, "onFocusOut", null);
            __decorate([_index.eventHandler, __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], KbnNavigationContainerEnabled.prototype, "onDecoyFocusIn", null);
            exports.KbnNavigationContainer = props => {
                const {
                    enabled: enabled
                } = props, restProps = _objectWithoutPropertiesLoose(props, _excluded3);
                return enabled ? (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, KbnNavigationContainerEnabled, Object.assign({}, restProps))) : (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, KbnNavigationContainerDisabled, Object.assign({}, restProps)))
            }
        },
        59755(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.NavigationStrategyBase = void 0;
            exports.NavigationStrategyBase = class {
                constructor() {
                    this.items = [];
                    this.activeIdx = 0
                }
                setItem(idx, item) {
                    this.items[idx] = item
                }
                clear() {
                    this.items = []
                }
                normalizeActiveIdx() {
                    if (!this.items[this.activeIdx]) {
                        this.activeIdx = 0
                    }
                }
                focusActiveItem() {
                    const activeItem = this.items[this.activeIdx];
                    null === activeItem || void 0 === activeItem || activeItem.focus()
                }
                getActiveItem() {
                    const activeItem = this.items[this.activeIdx];
                    const element = null === activeItem || void 0 === activeItem ? void 0 : activeItem.getElement();
                    if (!activeItem || !element) {
                        return null
                    }
                    return {
                        idx: this.activeIdx,
                        element: element
                    }
                }
                setActiveItem(idx, focus) {
                    if (!this.items[idx]) {
                        return
                    }
                    this.activeIdx = idx;
                    if (focus) {
                        this.focusActiveItem()
                    }
                }
                getNewActiveItem(action) {
                    const prevActiveItem = this.getActiveItem();
                    const result = action();
                    const nextActiveItem = this.getActiveItem();
                    return !!nextActiveItem && (null === prevActiveItem || void 0 === prevActiveItem ? void 0 : prevActiveItem.element) !== (null === nextActiveItem || void 0 === nextActiveItem ? void 0 : nextActiveItem.element) ? [result, nextActiveItem] : [result, null]
                }
            }
        },
        33981(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.NavigationStrategyHorizontalList = void 0;
            var _base = __webpack_require__( /*! ./base */ 59755);
            class NavigationStrategyHorizontalList extends _base.NavigationStrategyBase {
                onKeyDown(event) {
                    switch (event.key) {
                        case "ArrowLeft":
                            this.moveActiveElement(-1);
                            return true;
                        case "ArrowRight":
                            this.moveActiveElement(1);
                            return true;
                        default:
                            return false
                    }
                }
                moveActiveElement(idxShift) {
                    const currentIdx = this.activeIdx;
                    if (currentIdx < 0) {
                        this.focusActiveItem();
                        return
                    }
                    const nextIdx = currentIdx + idxShift;
                    this.setActiveItem(nextIdx, true)
                }
            }
            exports.NavigationStrategyHorizontalList = NavigationStrategyHorizontalList
        },
        71748(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "NavigationStrategyBase", {
                enumerable: true,
                get: function() {
                    return _base.NavigationStrategyBase
                }
            });
            Object.defineProperty(exports, "NavigationStrategyHorizontalList", {
                enumerable: true,
                get: function() {
                    return _horizontal_list.NavigationStrategyHorizontalList
                }
            });
            Object.defineProperty(exports, "NavigationStrategyMatrix", {
                enumerable: true,
                get: function() {
                    return _matrix.NavigationStrategyMatrix
                }
            });
            var _base = __webpack_require__( /*! ./base */ 59755);
            var _horizontal_list = __webpack_require__( /*! ./horizontal_list */ 33981);
            var _matrix = __webpack_require__( /*! ./matrix */ 1927)
        },
        1927(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.NavigationStrategyMatrix = void 0;
            var _base = __webpack_require__( /*! ./base */ 59755);
            class NavigationStrategyMatrix extends _base.NavigationStrategyBase {
                constructor(columnsCount) {
                    super();
                    this.columnsCount = columnsCount
                }
                updateColumnsCount(columnsCount) {
                    this.columnsCount = columnsCount
                }
                onKeyDown(event) {
                    return this.activeIdx >= 0 ? this.handleMovement(event) : false
                }
                handleMovement(event) {
                    switch (true) {
                        case "ArrowUp" === event.key:
                            this.moveActiveElement(-1, 0);
                            return true;
                        case "ArrowDown" === event.key:
                            this.moveActiveElement(1, 0);
                            return true;
                        case "ArrowLeft" === event.key:
                            this.moveActiveElement(0, -1);
                            return true;
                        case "ArrowRight" === event.key:
                            this.moveActiveElement(0, 1);
                            return true;
                        case event.ctrlKey && "Home" === event.key:
                            this.moveToFirstInFirstRow();
                            return true;
                        case "Home" === event.key:
                            this.moveToFirstInRow();
                            return true;
                        case event.ctrlKey && "End" === event.key:
                            this.moveToLastInLastRow();
                            return true;
                        case "End" === event.key:
                            this.moveToLastInRow();
                            return true;
                        default:
                            return false
                    }
                }
                moveActiveElement(rowShift, columnShift) {
                    const currentIdx = this.activeIdx;
                    const {
                        columnsCount: columnsCount,
                        items: {
                            length: itemsCount
                        }
                    } = this;
                    const rowCount = Math.ceil(itemsCount / columnsCount);
                    const currentColumnIdx = currentIdx % columnsCount;
                    const currentRowIdx = Math.floor(currentIdx / columnsCount);
                    const nextColumnIdx = currentColumnIdx + columnShift;
                    const nextRowIdx = currentRowIdx + rowShift;
                    const nextIdx = currentIdx + columnShift + columnsCount * rowShift;
                    if (nextIdx >= itemsCount || nextColumnIdx < 0 || nextColumnIdx >= columnsCount || nextRowIdx < 0 || nextRowIdx >= rowCount) {
                        this.focusActiveItem();
                        return
                    }
                    this.setActiveItem(nextIdx, true)
                }
                moveToFirstInRow() {
                    const currentIdx = this.activeIdx;
                    const {
                        columnsCount: columnsCount
                    } = this;
                    const currentColumnIdx = currentIdx % columnsCount;
                    if (0 === currentColumnIdx) {
                        return
                    }
                    this.moveActiveElement(0, -currentColumnIdx)
                }
                moveToLastInRow() {
                    const currentIdx = this.activeIdx;
                    const {
                        columnsCount: columnsCount
                    } = this;
                    const currentColumnIdx = currentIdx % columnsCount;
                    if (currentColumnIdx === columnsCount - 1) {
                        return
                    }
                    this.moveActiveElement(0, columnsCount - currentColumnIdx - 1)
                }
                moveToFirstInFirstRow() {
                    this.setActiveItem(0, true)
                }
                moveToLastInLastRow() {
                    const {
                        items: {
                            length: itemsCount
                        }
                    } = this;
                    this.setActiveItem(itemsCount - 1, true)
                }
            }
            exports.NavigationStrategyMatrix = NavigationStrategyMatrix
        },
        77755(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptions = void 0;
            exports.defaultOptions = {
                keyboardNavigation: {
                    enabled: true
                }
            }
        },
        50860(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.normalizeKeyName = exports.getKeyWithModifications = exports.SEPARATOR = exports.KEY_NAMES_MAPPING = exports.KEY_MODIFICATIONS = void 0;
            const KEY_NAMES_MAPPING = exports.KEY_NAMES_MAPPING = {
                " ": "Space"
            };
            const KEY_MODIFICATIONS = exports.KEY_MODIFICATIONS = {
                shift: "shift",
                alt: "alt",
                ctrl: "ctrl"
            };
            const SEPARATOR = exports.SEPARATOR = "+";
            const normalizeKeyName = keyName => KEY_NAMES_MAPPING[keyName] ?? keyName;
            exports.normalizeKeyName = normalizeKeyName;
            exports.getKeyWithModifications = event => {
                const normalizedKeyName = normalizeKeyName(event.key);
                switch (true) {
                    case event.altKey:
                        return `${normalizedKeyName}${SEPARATOR}${KEY_MODIFICATIONS.alt}`;
                    case event.shiftKey:
                        return `${normalizedKeyName}${SEPARATOR}${KEY_MODIFICATIONS.shift}`;
                    case event.ctrlKey:
                    case event.metaKey:
                        return `${normalizedKeyName}${SEPARATOR}${KEY_MODIFICATIONS.ctrl}`;
                    default:
                        return normalizedKeyName
                }
            }
        },
        40599(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.withKeyDownHandler = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../grids/new/grid_core/core/events/index */ 92940);
            var _utils = __webpack_require__( /*! ./utils */ 50860);
            const _excluded = ["onKeyDown", "keyDownConfig", "children"];
            var __decorate = (void 0, function(decorators, target, key, desc) {
                var d, c = arguments.length,
                    r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
                if ("object" === typeof Reflect && "function" === typeof Reflect.decorate) {
                    r = Reflect.decorate(decorators, target, key, desc)
                } else {
                    for (var i = decorators.length - 1; i >= 0; i--) {
                        if (d = decorators[i]) {
                            r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r
                        }
                    }
                }
                return c > 3 && r && Object.defineProperty(target, key, r), r
            });
            var __metadata = (void 0, function(k, v) {
                if ("object" === typeof Reflect && "function" === typeof Reflect.metadata) {
                    return Reflect.metadata(k, v)
                }
            });
            exports.withKeyDownHandler = WrappedComponent => {
                class WithKeyDownHandler extends _inferno.Component {
                    constructor() {
                        super(...arguments);
                        this.elementRef = (0, _inferno.createRef)()
                    }
                    render() {
                        const _this$props = this.props,
                            {
                                children: children
                            } = _this$props,
                            restProps = function(r, e) {
                                if (null == r) {
                                    return {}
                                }
                                var t = {};
                                for (var n in r) {
                                    if ({}.hasOwnProperty.call(r, n)) {
                                        if (-1 !== e.indexOf(n)) {
                                            continue
                                        }
                                        t[n] = r[n]
                                    }
                                }
                                return t
                            }(_this$props, _excluded);
                        return (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, WrappedComponent, Object.assign({}, restProps, {
                            onKeyDown: this.onKeyDown.bind(this),
                            children: children
                        })))
                    }
                    onKeyDown(event) {
                        const {
                            keyDownConfig: keyDownConfig,
                            onKeyDown: onKeyDown,
                            caughtEventPreventDefault: caughtEventPreventDefault
                        } = this.props;
                        const ref = this.getActualRef();
                        const fullKeyName = (0, _utils.getKeyWithModifications)(event);
                        const handler = null === keyDownConfig || void 0 === keyDownConfig ? void 0 : keyDownConfig[fullKeyName];
                        if (handler) {
                            handler(event, ref);
                            _index.eventUtils.markHandled(event)
                        }
                        if (handler && caughtEventPreventDefault) {
                            event.preventDefault()
                        }
                        null === onKeyDown || void 0 === onKeyDown || onKeyDown(event)
                    }
                    getActualRef() {
                        return this.props.elementRef ?? this.elementRef
                    }
                }
                __decorate([_index.eventHandler, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], WithKeyDownHandler.prototype, "onKeyDown", null);
                return WithKeyDownHandler
            }
        },
        23609(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.withKbnNavigationItem = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../grids/new/grid_core/core/events/index */ 92940);
            const _excluded = ["elementRef", "tabIndex", "onKeyDown", "children"];
            var __decorate = (void 0, function(decorators, target, key, desc) {
                var d, c = arguments.length,
                    r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
                if ("object" === typeof Reflect && "function" === typeof Reflect.decorate) {
                    r = Reflect.decorate(decorators, target, key, desc)
                } else {
                    for (var i = decorators.length - 1; i >= 0; i--) {
                        if (d = decorators[i]) {
                            r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r
                        }
                    }
                }
                return c > 3 && r && Object.defineProperty(target, key, r), r
            });
            var __metadata = (void 0, function(k, v) {
                if ("object" === typeof Reflect && "function" === typeof Reflect.metadata) {
                    return Reflect.metadata(k, v)
                }
            });
            exports.withKbnNavigationItem = WrappedComponent => {
                class WithKbnNavigationItem extends _inferno.Component {
                    constructor() {
                        super(...arguments);
                        this.elementRef = (0, _inferno.createRef)();
                        this.eventListener = new _index.NativeEventListener;
                        this.navigationItem = {
                            focus: () => {
                                var _this$getActualRef$cu;
                                null === (_this$getActualRef$cu = this.getActualRef().current) || void 0 === _this$getActualRef$cu || _this$getActualRef$cu.focus()
                            },
                            getElement: () => this.getActualRef().current
                        }
                    }
                    componentDidMount() {
                        const elementRef = this.getActualRef();
                        const {
                            navigationStrategy: navigationStrategy,
                            navigationIdx: navigationIdx
                        } = this.props;
                        navigationStrategy.setItem(navigationIdx, this.navigationItem);
                        this.eventListener.add(elementRef, "focusin", this.onFocusIn.bind(this))
                    }
                    componentDidUpdate() {
                        this.props.navigationStrategy.setItem(this.props.navigationIdx, this.navigationItem)
                    }
                    componentWillUnmount() {
                        this.eventListener.unsubscribe()
                    }
                    render() {
                        const _this$props = this.props,
                            {
                                children: children
                            } = _this$props,
                            restProps = function(r, e) {
                                if (null == r) {
                                    return {}
                                }
                                var t = {};
                                for (var n in r) {
                                    if ({}.hasOwnProperty.call(r, n)) {
                                        if (-1 !== e.indexOf(n)) {
                                            continue
                                        }
                                        t[n] = r[n]
                                    }
                                }
                                return t
                            }(_this$props, _excluded);
                        const ref = this.getActualRef();
                        return (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, WrappedComponent, Object.assign({
                            elementRef: ref,
                            tabIndex: 0,
                            onKeyDown: this.onKeyDown.bind(this)
                        }, restProps, {
                            children: children
                        })))
                    }
                    onKeyDown(event) {
                        const {
                            navigationStrategy: navigationStrategy,
                            onKeyDown: onKeyDown,
                            onFocusMoved: onFocusMoved
                        } = this.props;
                        const [eventHandled, newActiveItem] = navigationStrategy.getNewActiveItem(() => navigationStrategy.onKeyDown(event));
                        if (eventHandled) {
                            event.preventDefault();
                            _index.eventUtils.markHandled(event)
                        }
                        if (newActiveItem) {
                            null === onFocusMoved || void 0 === onFocusMoved || onFocusMoved(newActiveItem.idx, newActiveItem.element)
                        }
                        null === onKeyDown || void 0 === onKeyDown || onKeyDown(event)
                    }
                    onFocusIn() {
                        const {
                            navigationStrategy: navigationStrategy,
                            navigationIdx: navigationIdx,
                            onFocusMoved: onFocusMoved
                        } = this.props;
                        const [, newActiveItem] = navigationStrategy.getNewActiveItem(() => navigationStrategy.setActiveItem(navigationIdx, false));
                        if (newActiveItem) {
                            null === onFocusMoved || void 0 === onFocusMoved || onFocusMoved(newActiveItem.idx, newActiveItem.element)
                        }
                    }
                    getActualRef() {
                        return this.props.elementRef ?? this.elementRef
                    }
                }
                __decorate([_index.eventHandler, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], WithKbnNavigationItem.prototype, "onKeyDown", null);
                __decorate([_index.eventHandler, __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], WithKbnNavigationItem.prototype, "onFocusIn", null);
                return WithKbnNavigationItem
            }
        },
        59329(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.LifeCycleController = void 0;
            class LifeCycleEvent {
                constructor() {
                    this.callbacks = new Set
                }
                schedule(cb) {
                    this.callbacks.add(cb)
                }
                trigger() {
                    for (const cb of this.callbacks) {
                        cb()
                    }
                    this.callbacks.clear()
                }
            }
            class LifeCycleController {
                constructor() {
                    this.contentRendered = new LifeCycleEvent
                }
                provideContentReadyCallback(cb) {
                    this.contentReadyCallback = cb
                }
                fireContentReady() {
                    var _this$contentReadyCal;
                    null === (_this$contentReadyCal = this.contentReadyCallback) || void 0 === _this$contentReadyCal || _this$contentReadyCal.call(this)
                }
            }
            exports.LifeCycleController = LifeCycleController;
            LifeCycleController.dependencies = []
        },
        29589(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "Controller", {
                enumerable: true,
                get: function() {
                    return _controller.LifeCycleController
                }
            });
            var _controller = __webpack_require__( /*! ./controller */ 59329)
        },
        77565(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.MainView = void 0;
            var _view = __webpack_require__( /*! ./core/view */ 3455);
            class MainView extends _view.View {}
            exports.MainView = MainView
        },
        75932(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptionsRules = exports.defaultOptions = void 0;
            var _browser = (e = __webpack_require__( /*! ../../../../core/utils/browser */ 48314), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _themes = __webpack_require__( /*! ../../../../ui/themes */ 52071);
            var columnChooser = _interopRequireWildcard(__webpack_require__( /*! ./column_chooser/index */ 45415));
            var columnsController = _interopRequireWildcard(__webpack_require__( /*! ./columns_controller/index */ 50875));
            var contentView = _interopRequireWildcard(__webpack_require__( /*! ./content_view/index */ 71967));
            var dataController = _interopRequireWildcard(__webpack_require__( /*! ./data_controller/index */ 61124));
            var editing = _interopRequireWildcard(__webpack_require__( /*! ./editing/index */ 68222));
            var filterSync = _interopRequireWildcard(__webpack_require__( /*! ./filtering/filter_sync/index */ 69900));
            var headerFilter = _interopRequireWildcard(__webpack_require__( /*! ./filtering/header_filter/index */ 63108));
            var _index8 = _interopRequireWildcard(__webpack_require__( /*! ./filtering/index */ 92743));
            var filterController = _index8;
            var keyboardNavigation = _interopRequireWildcard(__webpack_require__( /*! ./keyboard_navigation/index */ 58529));
            var pager = _interopRequireWildcard(__webpack_require__( /*! ./pager/index */ 6730));
            var searchPanel = _interopRequireWildcard(__webpack_require__( /*! ./search/index */ 61519));
            var selection = _interopRequireWildcard(__webpack_require__( /*! ./selection/index */ 99779));
            var sortingController = _interopRequireWildcard(__webpack_require__( /*! ./sorting_controller/index */ 37386));
            var toolbar = _interopRequireWildcard(__webpack_require__( /*! ./toolbar/index */ 86326));

            function _interopRequireWildcard(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return (_interopRequireWildcard = function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                })(e, t)
            }
            exports.defaultOptions = Object.assign({}, dataController.defaultOptions, sortingController.defaultOptions, columnsController.defaultOptions, pager.defaultOptions, _index8.filterPanel.defaultOptions, filterController.defaultOptions, headerFilter.defaultOptions, filterSync.defaultOptions, contentView.defaultOptions, searchPanel.defaultOptions, columnChooser.defaultOptions, selection.defaultOptions, toolbar.defaultOptions, editing.defaultOptions, keyboardNavigation.defaultOptions);
            exports.defaultOptionsRules = [{
                device: () => (0, _themes.isMaterialBased)(),
                options: {
                    headerFilter: {
                        height: 315
                    },
                    editing: {
                        useIcons: true
                    },
                    selection: {
                        showCheckBoxesMode: "always"
                    }
                }
            }, {
                device: () => _browser.default.webkit,
                options: {
                    loadingTimeout: 30,
                    loadPanel: {
                        animation: {
                            show: {
                                easing: "cubic-bezier(1, 0, 1, 0)",
                                duration: 500,
                                from: {
                                    opacity: 0
                                },
                                to: {
                                    opacity: 1
                                }
                            }
                        }
                    }
                }
            }]
        },
        76385(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.OptionsController = void 0;
            var _options_controller_base = __webpack_require__( /*! ./options_controller_base */ 83273);
            class GridCoreOptionsController extends _options_controller_base.OptionsController {}
            exports.OptionsController = GridCoreOptionsController
        },
        83273(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.OptionsController = void 0;
            var _component = __webpack_require__( /*! ../../../../../core/component */ 17863);
            var _data = __webpack_require__( /*! ../../../../../core/utils/data */ 31e3);
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _m_extend = __webpack_require__( /*! ../../../../core/utils/m_extend */ 96298);
            var _template_wrapper = __webpack_require__( /*! ../inferno_wrappers/template_wrapper */ 94681);
            var _index2 = __webpack_require__( /*! ../utils/tree/index */ 43614);

            function getOr(cache, key, orElse) {
                if (cache[key]) {
                    return cache[key]
                }
                const value = orElse();
                cache[key] = value;
                return value
            }
            class OptionsController {
                constructor(component) {
                    var _component$_getDefaul;
                    this.component = component;
                    this.cache = {
                        oneWay: {},
                        oneWayWithChanges: {},
                        twoWay: {},
                        action: {},
                        template: {}
                    };
                    this.isControlledMode = false;
                    this.initialized = this.component.initialized;
                    this.defaults = (null === (_component$_getDefaul = component._getDefaultOptions) || void 0 === _component$_getDefaul ? void 0 : _component$_getDefaul.call(component)) ?? {};
                    this.internalOptions = (0, _index.signal)({
                        options: (0, _m_extend.extend)(true, {}, component.option()),
                        changes: null
                    });
                    this.updateIsControlledMode();
                    component.on("optionChanged", this.onOptionChangedHandler.bind(this))
                }
                updateIsControlledMode() {
                    const isControlledMode = this.component.option("integrationOptions.isControlledMode");
                    this.isControlledMode = isControlledMode ?? false
                }
                onOptionChangedHandler(optionChanges) {
                    const {
                        fullName: fullName
                    } = optionChanges;
                    this.updateIsControlledMode();
                    this.updateInternalOptionsState(fullName, optionChanges)
                }
                updateInternalOptionsState(optionFullName) {
                    let changes = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null;
                    const pathParts = (0, _data.getPathParts)(optionFullName);
                    this.internalOptions.value = {
                        options: (0, _index2.mergeOptionTrees)(this.internalOptions.peek().options, this.component.option(), this.defaults, pathParts),
                        changes: changes
                    }
                }
                oneWay(name) {
                    return getOr(this.cache.oneWay, name, () => {
                        const pathArray = (0, _data.getPathParts)(name);
                        return (0, _index.computed)(() => (0, _index2.getTreeNodeByPath)(this.internalOptions.value.options, pathArray))
                    })
                }
                oneWayWithChanges(name) {
                    return getOr(this.cache.oneWayWithChanges, name, () => {
                        const pathArray = (0, _data.getPathParts)(name);
                        return (0, _index.computed)(() => {
                            const {
                                options: options,
                                changes: changes
                            } = this.internalOptions.value;
                            return {
                                value: (0, _index2.getTreeNodeByPath)(options, pathArray),
                                changes: changes
                            }
                        })
                    })
                }
                twoWay(name) {
                    return getOr(this.cache.twoWay, name, () => {
                        const that = this;
                        const obs = (0, _index.signal)(this.component.option(name));
                        (0, _index.effect)(() => {
                            obs.value = this.oneWay(name).value
                        });
                        return {
                            get value() {
                                return obs.value
                            },
                            set value(value) {
                                const isInitialized = that.initialized.peek();
                                const callbackName = `on${name}Change`;
                                const callback = that.component.option(callbackName);
                                const isControlled = that.isControlledMode && void 0 !== that.component.option(name);
                                if (isControlled) {
                                    null === callback || void 0 === callback || callback(value);
                                    return
                                }
                                that.component.option(name, value);
                                if (!isInitialized) {
                                    that.updateInternalOptionsState(name)
                                }
                                null === callback || void 0 === callback || callback(value)
                            },
                            peek: () => obs.peek(),
                            subscribe() {
                                return obs.subscribe(...arguments)
                            },
                            toJSON() {
                                return obs.toJSON(...arguments)
                            },
                            valueOf() {
                                return obs.valueOf(...arguments)
                            },
                            brand: obs.brand
                        }
                    })
                }
                normalizeTemplate(template) {
                    return (0, _template_wrapper.TemplateWrapper)(this.component._getTemplate(template))
                }
                template(name) {
                    return getOr(this.cache.template, name, () => {
                        const templateOption = this.oneWay(name);
                        return (0, _index.computed)(() => templateOption.value && this.normalizeTemplate(templateOption.value))
                    })
                }
                action(name) {
                    return getOr(this.cache.action, name, () => {
                        const actionOption = this.oneWay(name);
                        return (0, _index.computed)(() => {
                            actionOption.value;
                            return this.component._createActionByOption(name)
                        })
                    })
                }
            }
            exports.OptionsController = OptionsController;
            OptionsController.dependencies = [_component.Component]
        },
        67091(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.OptionsValidationController = void 0;
            var _type = __webpack_require__( /*! ../../../../../core/utils/type */ 11528);
            var _index = __webpack_require__( /*! ../../../../grids/new/grid_core/data_controller/index */ 61124);
            var _utils = __webpack_require__( /*! ./utils */ 84282);
            class OptionsValidationController {
                constructor(dataController) {
                    this.dataController = dataController
                }
                validateKeyExpr() {
                    const keyExpr = this.dataController.dataSource.peek().key();
                    if (!(0, _type.isDefined)(keyExpr)) {
                        (0, _utils.throwError)("E1042", "CardView")
                    }
                }
            }
            exports.OptionsValidationController = OptionsValidationController;
            OptionsValidationController.dependencies = [_index.DataController]
        },
        8927(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "OptionsValidationController", {
                enumerable: true,
                get: function() {
                    return _controller.OptionsValidationController
                }
            });
            var _controller = __webpack_require__( /*! ./controller */ 67091)
        },
        84282(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.throwError = void 0;
            var _ui = (e = __webpack_require__( /*! ../../../../../ui/widget/ui.errors */ 35185), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.throwError = (errorCode, message) => {
                throw _ui.default.Error(errorCode, message)
            }
        },
        6730(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "View", {
                enumerable: true,
                get: function() {
                    return _view.PagerView
                }
            });
            Object.defineProperty(exports, "defaultOptions", {
                enumerable: true,
                get: function() {
                    return _options.defaultOptions
                }
            });
            var _options = __webpack_require__( /*! ./options */ 18340);
            var _view = __webpack_require__( /*! ./view */ 93825)
        },
        18340(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptions = void 0;
            exports.defaultOptions = {
                pager: {
                    visible: "auto",
                    showPageSizeSelector: false,
                    allowedPageSizes: "auto",
                    label: void 0
                }
            }
        },
        56825(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PagerView = function(props) {
                return props.visible ? (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _pager.Pager, Object.assign({}, props))) : (0, _inferno.createFragment)()
            };
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _pager = __webpack_require__( /*! ../inferno_wrappers/pager */ 29720)
        },
        95003(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.calculatePageSizes = function(allowedPageSizes, pageSizesConfig, pageSize) {
                if (Array.isArray(pageSizesConfig)) {
                    return pageSizesConfig
                }
                if (Array.isArray(allowedPageSizes) && allowedPageSizes.includes(pageSize)) {
                    return allowedPageSizes
                }
                if (pageSizesConfig && pageSize > 1) {
                    return [Math.floor(pageSize / 2), pageSize, 2 * pageSize]
                }
                return []
            };
            exports.isVisible = function(visibleConfig, pageCount) {
                if ("auto" === visibleConfig) {
                    return pageCount > 1
                }
                return visibleConfig
            }
        },
        93825(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PagerView = void 0;
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _m_pager = __webpack_require__( /*! ../../../../grids/grid_core/pager/m_pager */ 66040);
            var _view = __webpack_require__( /*! ../core/view */ 3455);
            var _index2 = __webpack_require__( /*! ../data_controller/index */ 61124);
            var _options_controller = __webpack_require__( /*! ../options_controller/options_controller */ 76385);
            var _pager = __webpack_require__( /*! ./pager */ 56825);
            var _utils = __webpack_require__( /*! ./utils */ 95003);
            class PagerView extends _view.View {
                constructor(dataController, options) {
                    super();
                    this.dataController = dataController;
                    this.options = options;
                    this.component = _pager.PagerView;
                    this.pageSizesConfig = this.options.oneWay("pager.allowedPageSizes");
                    this.allowedPageSizes = (0, _index.signal)(void 0);
                    this.visibleConfig = this.options.oneWay("pager.visible");
                    this.visible = (0, _index.computed)(() => (0, _utils.isVisible)(this.visibleConfig.value, this.dataController.pageCount.value));
                    (0, _index.effect)(() => {
                        this.allowedPageSizes.value = (0, _utils.calculatePageSizes)(this.allowedPageSizes.peek(), this.pageSizesConfig.value, this.dataController.pageSize.value)
                    })
                }
                getProps() {
                    return (0, _index.computed)(() => ({
                        itemCount: this.dataController.totalCount.value,
                        allowedPageSizes: this.allowedPageSizes.value,
                        visible: this.visible.value,
                        pageIndex: this.dataController.pageIndex.value + 1,
                        pageIndexChanged: value => {
                            this.dataController.pageIndex.value = value - 1
                        },
                        pageSize: this.dataController.pageSize.value,
                        pageSizeChanged: value => {
                            this.dataController.pageSize.value = value
                        },
                        pageCount: this.dataController.pageCount.value,
                        showPageSizeSelector: this.options.oneWay("pager.showPageSizeSelector").value,
                        _skipValidation: true,
                        tabIndex: 0,
                        showInfo: this.options.oneWay("pager.showInfo").value,
                        showNavigationButtons: this.options.oneWay("pager.showNavigationButtons").value,
                        label: this.options.oneWay("pager.label").value,
                        pagesNavigatorVisible: this.options.oneWay("pager.visible").value,
                        displayMode: this.options.oneWay("pager.displayMode").value,
                        maxPagesCount: _m_pager.MAX_PAGES_COUNT
                    }))
                }
            }
            exports.PagerView = PagerView;
            PagerView.dependencies = [_index2.DataController, _options_controller.OptionsController]
        },
        28355(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SearchController = void 0;
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _columns_controller = __webpack_require__( /*! ../columns_controller/columns_controller */ 88195);
            var _options_controller = __webpack_require__( /*! ../options_controller/options_controller */ 76385);
            var _utils = __webpack_require__( /*! ./utils */ 6186);
            class SearchController {
                constructor(options, columnsController) {
                    this.options = options;
                    this.columnsController = columnsController;
                    this.highlightTextOptions = (0, _index.computed)(() => {
                        const searchOptions = this.options.oneWay("searchPanel").value;
                        return {
                            enabled: searchOptions.highlightSearchText,
                            caseSensitive: searchOptions.highlightCaseSensitive,
                            searchStr: searchOptions.text
                        }
                    });
                    this.searchTextOption = this.options.twoWay("searchPanel.text");
                    this.searchPlaceholder = this.options.oneWay("searchPanel.placeholder");
                    this.searchWidth = this.options.oneWay("searchPanel.width");
                    this.searchVisibleColumnsOnly = this.options.oneWay("searchPanel.searchVisibleColumnsOnly");
                    this.searchFilter = (0, _index.computed)(() => {
                        const searchText = this.searchTextOption.value;
                        const columns = this.columnsController.columns.value;
                        const searchVisibleColumnsOnly = this.searchVisibleColumnsOnly.value;
                        return (0, _utils.calculateSearchFilter)(searchText, columns, searchVisibleColumnsOnly)
                    });
                    this.getHighlightedText = text => (0, _utils.splitHighlightedText)(text, this.highlightTextOptions.peek());
                    this.updateSearchText = text => {
                        this.searchTextOption.value = text
                    }
                }
            }
            exports.SearchController = SearchController;
            SearchController.dependencies = [_options_controller.OptionsController, _columns_controller.ColumnsController]
        },
        83884(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SearchUIController = void 0;
            class SearchUIController {
                constructor() {
                    this.callbacks = {}
                }
                registerCallback(name, callback) {
                    this.callbacks[name] = callback
                }
                doUIAction(name) {
                    var _this$callbacks$name, _this$callbacks;
                    null === (_this$callbacks$name = (_this$callbacks = this.callbacks)[name]) || void 0 === _this$callbacks$name || _this$callbacks$name.call(_this$callbacks)
                }
            }
            exports.SearchUIController = SearchUIController;
            SearchUIController.dependencies = []
        },
        61519(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "PublicMethods", {
                enumerable: true,
                get: function() {
                    return _public_methods.PublicMethods
                }
            });
            Object.defineProperty(exports, "SearchController", {
                enumerable: true,
                get: function() {
                    return _controller.SearchController
                }
            });
            Object.defineProperty(exports, "SearchUIController", {
                enumerable: true,
                get: function() {
                    return _controller_ui.SearchUIController
                }
            });
            Object.defineProperty(exports, "SearchView", {
                enumerable: true,
                get: function() {
                    return _view.SearchView
                }
            });
            Object.defineProperty(exports, "defaultOptions", {
                enumerable: true,
                get: function() {
                    return _options.defaultOptions
                }
            });
            var _controller = __webpack_require__( /*! ./controller */ 28355);
            var _controller_ui = __webpack_require__( /*! ./controller_ui */ 83884);
            var _options = __webpack_require__( /*! ./options */ 96597);
            var _public_methods = __webpack_require__( /*! ./public_methods */ 52255);
            var _view = __webpack_require__( /*! ./view */ 29366)
        },
        96597(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptions = void 0;
            exports.defaultOptions = {
                searchPanel: {
                    highlightCaseSensitive: false,
                    highlightSearchText: true,
                    placeholder: void 0,
                    searchVisibleColumnsOnly: false,
                    text: "",
                    visible: false,
                    width: 160
                }
            }
        },
        52255(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PublicMethods = function(GridCore) {
                return class extends GridCore {
                    searchByText(text) {
                        this.searchController.updateSearchText(text)
                    }
                }
            }
        },
        6186(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.splitHighlightedText = exports.createFilterExpression = exports.compareTextPart = exports.calculateSearchFilter = exports.allowSearch = exports.addSearchTextBox = void 0;
            var _type = __webpack_require__( /*! ../../../../../core/utils/type */ 11528);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../../localization/message */ 33881));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../../../../grids/grid_core/m_utils */ 53226));
            var _common = __webpack_require__( /*! ../utils/common */ 31671);
            var _index = __webpack_require__( /*! ../utils/parse_value/index */ 15238);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CLASS_searchPanel = "search-panel";
            const compareTextPart = (textPart, searchStr, caseSensitive) => caseSensitive ? textPart === searchStr : textPart.toLowerCase() === searchStr.toLowerCase();
            exports.compareTextPart = compareTextPart;
            exports.splitHighlightedText = (text, _ref) => {
                var _text$match;
                let {
                    enabled: enabled,
                    searchStr: searchStr,
                    caseSensitive: caseSensitive
                } = _ref;
                if (!enabled || !searchStr) {
                    return null
                }
                const normalizedSearchStr = searchStr.replace(/\W|_/g, match => `\\${match}`);
                const regExp = new RegExp(normalizedSearchStr, "g" + (caseSensitive ? "" : "i"));
                if (!(null !== (_text$match = text.match(regExp)) && void 0 !== _text$match && _text$match.length)) {
                    return null
                }
                return text.replace(regExp, match => `<--|--\x3e${match}<--|--\x3e`).split("<--|--\x3e").filter(textPart => !!textPart).map(textPart => ({
                    type: compareTextPart(textPart, searchStr, caseSensitive) ? "highlighted" : "usual",
                    text: textPart
                }))
            };
            const allowSearch = (column, searchVisibleColumnsOnly) => {
                const allowSearchByVisibility = !searchVisibleColumnsOnly || column.visible;
                const allowSearchByConfig = column.allowSearch;
                return allowSearchByVisibility && allowSearchByConfig
            };
            exports.allowSearch = allowSearch;
            const createFilterExpression = (column, filterValue, selectedFilterOperation, target) => {
                let result = column.calculateFilterExpression(filterValue, selectedFilterOperation, target);
                if ((0, _type.isFunction)(result)) {
                    result = [result, "=", true]
                }
                return result
            };
            exports.createFilterExpression = createFilterExpression;
            exports.calculateSearchFilter = (text, columns, searchVisibleColumnsOnly) => {
                const filters = [];
                if (!text) {
                    return null
                }
                for (const column of columns) {
                    if (allowSearch(column, searchVisibleColumnsOnly)) {
                        const filterValue = (0, _index.parseValue)(column, text);
                        if (void 0 !== filterValue) {
                            const expression = createFilterExpression(column, filterValue, void 0, "search");
                            filters.push(expression)
                        }
                    }
                }
                if (0 === filters.length) {
                    return ["!"]
                }
                return _m_utils.default.combineFilters(filters, "or")
            };
            let timer;
            exports.addSearchTextBox = (props, setTextBoxRef) => ({
                name: "searchPanel",
                showText: "inMenu",
                location: "after",
                locateInMenu: "auto",
                widget: "dxTextBox",
                options: {
                    onContentReady: _ref2 => {
                        let {
                            component: component
                        } = _ref2;
                        setTextBoxRef(component)
                    },
                    onInput: e => {
                        clearTimeout(timer);
                        const component = e.component;
                        const newValue = component._input().val();
                        timer = setTimeout(() => {
                            var _props$onValueChanged;
                            null === (_props$onValueChanged = props.onValueChanged) || void 0 === _props$onValueChanged || _props$onValueChanged.call(props, newValue)
                        }, 700)
                    },
                    value: props.value,
                    placeholder: props.placeholder,
                    width: props.width,
                    inputAttr: {
                        "aria-label": _message.default.format(`${(0,_common.getName)()}-ariaSearchInGrid`)
                    },
                    elementAttr: {
                        class: (0, _common.addWidgetPrefix)(CLASS_searchPanel)
                    },
                    mode: "search",
                    onDisposing: () => {
                        clearTimeout(timer)
                    }
                }
            })
        },
        29366(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SearchView = void 0;
            var _message = (e = __webpack_require__( /*! ../../../../../localization/message */ 33881), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _controller = __webpack_require__( /*! ../../../../grids/new/grid_core/toolbar/controller */ 34272);
            var _options_controller = __webpack_require__( /*! ../options_controller/options_controller */ 76385);
            var _controller2 = __webpack_require__( /*! ./controller */ 28355);
            var _controller_ui = __webpack_require__( /*! ./controller_ui */ 83884);
            var _utils = __webpack_require__( /*! ./utils */ 6186);
            class SearchView {
                constructor(options, toolbarController, searchUIController, searchController) {
                    this.options = options;
                    this.toolbarController = toolbarController;
                    this.searchUIController = searchUIController;
                    this.searchController = searchController;
                    this.searchTextBox = (0, _index.signal)(null);
                    const toolbarItem = (0, _utils.addSearchTextBox)({
                        placeholder: this.getPlaceholder(),
                        value: this.searchController.searchTextOption.value,
                        width: this.searchController.searchWidth.value,
                        onValueChanged: text => {
                            this.searchController.updateSearchText(text)
                        }
                    }, component => {
                        this.searchTextBox.value = component
                    });
                    this.toolbarController.addDefaultItem((0, _index.signal)(toolbarItem), this.options.oneWay("searchPanel.visible"));
                    (0, _index.effect)(() => {
                        var _this$searchTextBox$v, _this$searchTextBox$v2, _this$searchTextBox$v3;
                        null === (_this$searchTextBox$v = this.searchTextBox.value) || void 0 === _this$searchTextBox$v || _this$searchTextBox$v.option("value", this.searchController.searchTextOption.value);
                        null === (_this$searchTextBox$v2 = this.searchTextBox.value) || void 0 === _this$searchTextBox$v2 || _this$searchTextBox$v2.option("placeholder", this.getPlaceholder());
                        null === (_this$searchTextBox$v3 = this.searchTextBox.value) || void 0 === _this$searchTextBox$v3 || _this$searchTextBox$v3.option("width", this.searchController.searchWidth.value)
                    });
                    this.searchUIController.registerCallback("focusSearchTextBox", () => {
                        var _this$searchTextBox$v4;
                        null === (_this$searchTextBox$v4 = this.searchTextBox.value) || void 0 === _this$searchTextBox$v4 || _this$searchTextBox$v4.focus()
                    })
                }
                getPlaceholder() {
                    return this.searchController.searchPlaceholder.value ?? _message.default.format("dxDataGrid-searchPanelPlaceholder")
                }
            }
            exports.SearchView = SearchView;
            SearchView.dependencies = [_options_controller.OptionsController, _controller.ToolbarController, _controller_ui.SearchUIController, _controller2.SearchController]
        },
        7896(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ShowCheckBoxesMode = exports.SelectionMode = void 0;
            var SelectionMode;
            ! function(SelectionMode) {
                SelectionMode.Multiple = "multiple";
                SelectionMode.Single = "single";
                SelectionMode.None = "none"
            }(SelectionMode || (exports.SelectionMode = SelectionMode = {}));
            var ShowCheckBoxesMode;
            ! function(ShowCheckBoxesMode) {
                ShowCheckBoxesMode.Always = "always";
                ShowCheckBoxesMode.OnClick = "onClick";
                ShowCheckBoxesMode.OnLongTap = "onLongTap";
                ShowCheckBoxesMode.None = "none"
            }(ShowCheckBoxesMode || (exports.ShowCheckBoxesMode = ShowCheckBoxesMode = {}))
        },
        13007(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SelectionController = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../../localization/message */ 33881));
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _index2 = __webpack_require__( /*! ../../../../grids/new/grid_core/data_controller/index */ 61124);
            var _index3 = __webpack_require__( /*! ../../../../grids/new/grid_core/options_validation/index */ 8927);
            var _const = __webpack_require__( /*! ../../../../grids/new/grid_core/selection/const */ 7896);
            var _selection = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/selection/selection */ 80876));
            var _items_controller = __webpack_require__( /*! ../items_controller/items_controller */ 58761);
            var _options_controller = __webpack_require__( /*! ../options_controller/options_controller */ 76385);
            var _controller = __webpack_require__( /*! ../toolbar/controller */ 34272);
            var _const2 = __webpack_require__( /*! ./const */ 7896);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class SelectionController {
                constructor(options, dataController, itemsController, toolbarController, optionsValidationController) {
                    this.options = options;
                    this.dataController = dataController;
                    this.itemsController = itemsController;
                    this.toolbarController = toolbarController;
                    this.optionsValidationController = optionsValidationController;
                    this.selectedCardKeys = this.options.twoWay("selectedCardKeys");
                    this.normalizedSelectedCardKeys = (0, _index.computed)(() => {
                        const selectedCardKeys = this.selectedCardKeys.value;
                        const isSelectionEnabled = this.selectionOption.value.mode !== _const2.SelectionMode.None;
                        if (isSelectionEnabled && Array.isArray(selectedCardKeys) && selectedCardKeys.length) {
                            this.optionsValidationController.validateKeyExpr()
                        }
                        return this.selectedCardKeys.value
                    });
                    this.selectionOption = this.options.oneWay("selection");
                    this._isCheckBoxesRendered = (0, _index.signal)(false);
                    this.onSelectionChanging = this.options.action("onSelectionChanging");
                    this.onSelectionChanged = this.options.action("onSelectionChanged");
                    this.isCheckBoxesRendered = (0, _index.computed)(() => {
                        const selectionMode = this.options.oneWay("selection.mode").value;
                        const showCheckBoxesMode = this.options.oneWay("selection.showCheckBoxesMode").value;
                        const _isCheckBoxesRendered = this._isCheckBoxesRendered.value;
                        if (selectionMode === _const2.SelectionMode.Multiple) {
                            switch (showCheckBoxesMode) {
                                case _const.ShowCheckBoxesMode.Always:
                                case _const.ShowCheckBoxesMode.OnClick:
                                    return true;
                                case _const.ShowCheckBoxesMode.OnLongTap:
                                    return _isCheckBoxesRendered;
                                default:
                                    return false
                            }
                        }
                        return false
                    });
                    this._isCheckBoxesVisible = (0, _index.signal)(false);
                    this.isCheckBoxesVisible = (0, _index.computed)(() => {
                        const {
                            mode: mode,
                            showCheckBoxesMode: showCheckBoxesMode
                        } = this.selectionOption.value;
                        const _isCheckBoxesVisible = this._isCheckBoxesVisible.value;
                        if (mode === _const2.SelectionMode.Multiple) {
                            return showCheckBoxesMode !== _const.ShowCheckBoxesMode.OnClick || _isCheckBoxesVisible
                        }
                        return false
                    });
                    this.needToHiddenCheckBoxes = (0, _index.computed)(() => {
                        const {
                            mode: mode,
                            showCheckBoxesMode: showCheckBoxesMode
                        } = this.selectionOption.value;
                        const isCheckBoxesVisible = this.isCheckBoxesVisible.value;
                        if (mode === _const2.SelectionMode.Multiple && showCheckBoxesMode === _const.ShowCheckBoxesMode.OnClick) {
                            return !isCheckBoxesVisible
                        }
                        return false
                    });
                    this.allowSelectOnClick = (0, _index.computed)(() => {
                        const {
                            mode: mode,
                            showCheckBoxesMode: showCheckBoxesMode
                        } = this.selectionOption.value;
                        return mode !== _const2.SelectionMode.Multiple || showCheckBoxesMode !== _const.ShowCheckBoxesMode.Always
                    });
                    this.needToAddSelectionButtons = (0, _index.computed)(() => {
                        const selectionMode = this.options.oneWay("selection.mode").value;
                        const allowSelectAll = this.options.oneWay("selection.allowSelectAll").value;
                        return selectionMode === _const2.SelectionMode.Multiple && allowSelectAll
                    });
                    this.selectionHelper = (0, _index.computed)(() => {
                        const dataSource = this.dataController.dataSource.value;
                        const selectionOption = this.selectionOption.value;
                        if (selectionOption.mode === _const2.SelectionMode.None) {
                            return
                        }
                        const selectionConfig = this.getSelectionConfig(dataSource, selectionOption);
                        return new _selection.default(selectionConfig)
                    });
                    (0, _index.effect)(() => {
                        const selectedCardKeys = this.normalizedSelectedCardKeys.value;
                        const selectionOption = this.selectionOption.value;
                        if (selectionOption.mode !== _const2.SelectionMode.None) {
                            this.itemsController.setSelectionState(selectedCardKeys);
                            if (selectedCardKeys.length > 1) {
                                this._isCheckBoxesVisible.value = true
                            } else if (0 === selectedCardKeys.length) {
                                this._isCheckBoxesVisible.value = false
                            }
                        }
                    });
                    (0, _index.effect)(() => {
                        this.selectionHelper.value;
                        const isLoaded = this.dataController.isLoaded.value;
                        if (isLoaded) {
                            const selectedCardKeys = this.selectedCardKeys.peek();
                            this.selectCards(selectedCardKeys)
                        }
                    });
                    (0, _index.effect)(() => {
                        this.dataController.items.value;
                        this.dataController.isLoaded.value;
                        this.updateSelectionToolbarButtons(this.normalizedSelectedCardKeys.value)
                    })
                }
                getSelectionConfig(dataSource, selectionOption) {
                    const selectedCardKeys = this.selectedCardKeys.peek();
                    const {
                        dataController: dataController
                    } = this;
                    return {
                        selectedKeys: selectedCardKeys,
                        mode: selectionOption.mode,
                        maxFilterLengthInRequest: selectionOption.maxFilterLengthInRequest,
                        ignoreDisabledItems: true,
                        key: () => dataSource.key(),
                        keyOf: item => dataSource.store().keyOf(item),
                        dataFields: () => dataSource.select(),
                        load: options => dataSource.store().load(options),
                        plainItems: () => dataSource.items(),
                        filter: () => dataController.getCombinedFilter(),
                        totalCount: () => dataSource.totalCount(),
                        onSelectionChanging: this.selectionChanging.bind(this),
                        onSelectionChanged: this.selectionChanged.bind(this)
                    }
                }
                getSelectionEventArgs(e) {
                    return {
                        currentSelectedCardKeys: [...e.addedItemKeys],
                        currentDeselectedCardKeys: [...e.removedItemKeys],
                        selectedCardKeys: [...e.selectedItemKeys],
                        selectedCardsData: [...e.selectedItems],
                        isSelectAll: false,
                        isDeselectAll: false
                    }
                }
                selectionChanging(e) {
                    if (e.addedItemKeys.length || e.removedItemKeys.length) {
                        const onSelectionChanging = this.onSelectionChanging.peek();
                        const eventArgs = Object.assign({}, this.getSelectionEventArgs(e), {
                            cancel: false
                        });
                        null === onSelectionChanging || void 0 === onSelectionChanging || onSelectionChanging(eventArgs);
                        e.cancel = eventArgs.cancel
                    }
                }
                selectionChanged(e) {
                    if (e.addedItemKeys.length || e.removedItemKeys.length) {
                        this.optionsValidationController.validateKeyExpr();
                        const onSelectionChanged = this.onSelectionChanged.peek();
                        const eventArgs = this.getSelectionEventArgs(e);
                        this.selectedCardKeys.value = [...e.selectedItemKeys];
                        null === onSelectionChanged || void 0 === onSelectionChanged || onSelectionChanged(eventArgs)
                    }
                }
                isOnePageSelectAll() {
                    const selectionOption = this.selectionOption.peek();
                    return "page" === (null === selectionOption || void 0 === selectionOption ? void 0 : selectionOption.selectAllMode)
                }
                isSelectAll() {
                    const selectionHelper = this.selectionHelper.peek();
                    return null === selectionHelper || void 0 === selectionHelper ? void 0 : selectionHelper.getSelectAllState(this.isOnePageSelectAll())
                }
                updateSelectionToolbarButtons(selectedCardKeys) {
                    const isSelectAll = this.isSelectAll();
                    const isOnePageSelectAll = this.isOnePageSelectAll();
                    this.toolbarController.addDefaultItem((0, _index.signal)({
                        name: "selectAllButton",
                        widget: "dxButton",
                        options: {
                            icon: "selectall",
                            onClick: () => {
                                this.selectAll()
                            },
                            disabled: !!isSelectAll,
                            text: _message.default.format("dxCardView-selectAll")
                        },
                        location: "before",
                        locateInMenu: "auto"
                    }), this.needToAddSelectionButtons);
                    this.toolbarController.addDefaultItem((0, _index.signal)({
                        name: "clearSelectionButton",
                        widget: "dxButton",
                        options: {
                            icon: "close",
                            onClick: () => {
                                this.deselectAll()
                            },
                            disabled: isOnePageSelectAll ? false === isSelectAll : 0 === selectedCardKeys.length,
                            text: _message.default.format("dxCardView-clearSelection")
                        },
                        location: "before",
                        locateInMenu: "auto"
                    }), this.needToAddSelectionButtons)
                }
                getItemKeysByIndexes(indexes) {
                    const items = this.itemsController.items.peek();
                    return indexes.map(index => {
                        var _items$index;
                        return null === (_items$index = items[index]) || void 0 === _items$index ? void 0 : _items$index.key
                    }).filter(key => void 0 !== key)
                }
                changeCardSelection(cardIndex, options) {
                    var _this$selectionHelper;
                    const selectionHelper = null === (_this$selectionHelper = this.selectionHelper) || void 0 === _this$selectionHelper ? void 0 : _this$selectionHelper.peek();
                    const isCheckBoxesVisible = this.isCheckBoxesVisible.peek();
                    const keys = options ?? {};
                    if (isCheckBoxesVisible) {
                        keys.control = isCheckBoxesVisible
                    }
                    null === selectionHelper || void 0 === selectionHelper || selectionHelper.changeItemSelection(cardIndex, keys, false)
                }
                selectCards(keys) {
                    var _this$selectionHelper2;
                    let preserve = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                    const selectionHelper = null === (_this$selectionHelper2 = this.selectionHelper) || void 0 === _this$selectionHelper2 ? void 0 : _this$selectionHelper2.peek();
                    return null === selectionHelper || void 0 === selectionHelper ? void 0 : selectionHelper.selectedItemKeys(keys, preserve)
                }
                selectCardsByIndexes(indexes) {
                    const keys = this.getItemKeysByIndexes(indexes);
                    return this.selectCards(keys)
                }
                deselectCards(keys) {
                    var _this$selectionHelper3;
                    const selectionHelper = null === (_this$selectionHelper3 = this.selectionHelper) || void 0 === _this$selectionHelper3 ? void 0 : _this$selectionHelper3.peek();
                    return null === selectionHelper || void 0 === selectionHelper ? void 0 : selectionHelper.selectedItemKeys(keys, true, true)
                }
                deselectCardsByIndexes(indexes) {
                    const keys = this.getItemKeysByIndexes(indexes);
                    return this.deselectCards(keys)
                }
                isCardSelected(key) {
                    const selectedCardKeys = this.normalizedSelectedCardKeys.peek();
                    return selectedCardKeys.includes(key)
                }
                selectAll() {
                    const {
                        mode: mode
                    } = this.selectionOption.peek();
                    if (mode !== _const2.SelectionMode.Multiple) {
                        return
                    }
                    const selectionHelper = this.selectionHelper.peek();
                    return null === selectionHelper || void 0 === selectionHelper ? void 0 : selectionHelper.selectAll(this.isOnePageSelectAll())
                }
                deselectAll() {
                    const selectionHelper = this.selectionHelper.peek();
                    return null === selectionHelper || void 0 === selectionHelper ? void 0 : selectionHelper.deselectAll(this.isOnePageSelectAll())
                }
                clearSelection() {
                    const selectionHelper = this.selectionHelper.peek();
                    return null === selectionHelper || void 0 === selectionHelper ? void 0 : selectionHelper.clearSelection()
                }
                getSelectedCardsData() {
                    var _this$selectionHelper4;
                    return null === (_this$selectionHelper4 = this.selectionHelper) || void 0 === _this$selectionHelper4 || null === (_this$selectionHelper4 = _this$selectionHelper4.peek()) || void 0 === _this$selectionHelper4 ? void 0 : _this$selectionHelper4.getSelectedItems()
                }
                getSelectedCardKeys() {
                    return this.normalizedSelectedCardKeys.peek()
                }
                toggleSelectionCheckBoxes() {
                    const isCheckBoxesRendered = this._isCheckBoxesRendered.peek();
                    this._isCheckBoxesRendered.value = !isCheckBoxesRendered
                }
                updateSelectionCheckBoxesVisible(value) {
                    this._isCheckBoxesVisible.value = value
                }
                processLongTap(card) {
                    const {
                        mode: mode,
                        showCheckBoxesMode: showCheckBoxesMode
                    } = this.selectionOption.peek();
                    if (mode !== _const2.SelectionMode.None) {
                        if (showCheckBoxesMode === _const.ShowCheckBoxesMode.OnLongTap) {
                            this.toggleSelectionCheckBoxes()
                        } else {
                            if (showCheckBoxesMode === _const.ShowCheckBoxesMode.OnClick) {
                                this._isCheckBoxesVisible.value = true
                            }
                            if (showCheckBoxesMode !== _const.ShowCheckBoxesMode.Always) {
                                this.changeCardSelection(card.index, {
                                    control: true
                                })
                            }
                        }
                    }
                }
            }
            exports.SelectionController = SelectionController;
            SelectionController.dependencies = [_options_controller.OptionsController, _index2.DataController, _items_controller.ItemsController, _controller.ToolbarController, _index3.OptionsValidationController]
        },
        99779(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "Controller", {
                enumerable: true,
                get: function() {
                    return _controller.SelectionController
                }
            });
            Object.defineProperty(exports, "PublicMethods", {
                enumerable: true,
                get: function() {
                    return _public_methods.PublicMethods
                }
            });
            Object.defineProperty(exports, "defaultOptions", {
                enumerable: true,
                get: function() {
                    return _options.defaultOptions
                }
            });
            var _controller = __webpack_require__( /*! ./controller */ 13007);
            var _options = __webpack_require__( /*! ./options */ 96961);
            var _public_methods = __webpack_require__( /*! ./public_methods */ 80339)
        },
        96961(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptions = void 0;
            exports.defaultOptions = {
                selectedCardKeys: [],
                selection: {
                    mode: "none",
                    showCheckBoxesMode: "always",
                    allowSelectAll: true,
                    selectAllMode: "allPages"
                }
            }
        },
        80339(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PublicMethods = function(GridCore) {
                return class extends GridCore {
                    isCardSelected(key) {
                        return this.selectionController.isCardSelected(key)
                    }
                    getSelectedCardKeys() {
                        return this.selectionController.getSelectedCardKeys()
                    }
                    getSelectedCardsData() {
                        return this.selectionController.getSelectedCardsData()
                    }
                    selectCards(keys) {
                        let preserve = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                        return this.selectionController.selectCards(keys, preserve)
                    }
                    deselectCards(keys) {
                        return this.selectionController.deselectCards(keys)
                    }
                    selectCardsByIndexes(indexes) {
                        return this.selectionController.selectCardsByIndexes(indexes)
                    }
                    deselectCardsByIndexes(indexes) {
                        return this.selectionController.deselectCardsByIndexes(indexes)
                    }
                    selectAll() {
                        return this.selectionController.selectAll()
                    }
                    deselectAll() {
                        return this.selectionController.deselectAll()
                    }
                    clearSelection() {
                        this.selectionController.clearSelection()
                    }
                }
            }
        },
        37868(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SortingController = void 0;
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _index2 = __webpack_require__( /*! ../columns_controller/index */ 50875);
            var _utils = __webpack_require__( /*! ../columns_controller/utils */ 26054);
            var _options_controller = __webpack_require__( /*! ../options_controller/options_controller */ 76385);
            var _utils2 = __webpack_require__( /*! ./utils */ 97627);
            class SortingController {
                constructor(options, columnsController) {
                    this.options = options;
                    this.columnsController = columnsController;
                    this.ascendingText = this.options.oneWay("sorting.ascendingText");
                    this.clearText = this.options.oneWay("sorting.clearText");
                    this.descendingText = this.options.oneWay("sorting.descendingText");
                    this.mode = this.options.oneWay("sorting.mode");
                    this._showSortIndexes = this.options.oneWay("sorting.showSortIndexes");
                    this.sortedColumns = (0, _index.computed)(() => this.columnsController.visibleColumns.value.filter(column => column.sortOrder));
                    this.orderedSortedColumns = (0, _index.computed)(() => {
                        const columns = this.sortedColumns.value;
                        const mode = this.mode.value;
                        const result = columns.sort(_utils2.sortOrderDelegate);
                        if ("multiple" !== mode && this.areColumnsInitialized) {
                            return result
                        }
                        if (!this.areColumnsInitialized) {
                            this.areColumnsInitialized = true;
                            result.forEach((col, idx) => {
                                this.columnsController.columnOption(col, "sortIndex", idx)
                            })
                        }
                        return result
                    });
                    this.showSortIndexes = (0, _index.computed)(() => {
                        const _showSortIndexes = this._showSortIndexes.value;
                        const sortedColumns = this.sortedColumns.value;
                        if (!_showSortIndexes) {
                            return _showSortIndexes
                        }
                        return sortedColumns.length > 1
                    });
                    this.sortParameters = (0, _index.computed)(() => {
                        const columns = this.orderedSortedColumns.value;
                        const result = [];
                        columns.forEach(c => {
                            const sortItem = {
                                selector: c.calculateSortValue ?? c.dataField ?? c.selector,
                                desc: "desc" === c.sortOrder
                            };
                            if (c.sortingMethod) {
                                sortItem.compare = c.sortingMethod.bind(c)
                            }
                            result.push(sortItem)
                        });
                        return result
                    });
                    this.areColumnsInitialized = false
                }
                clearSorting() {
                    this.columnsController.updateColumns(columns => columns.map(c => {
                        delete c.sortOrder;
                        delete c.sortIndex;
                        return c
                    }))
                }
                onSingleModeSortClick(column, e) {
                    if (!column.allowSorting) {
                        return
                    }
                    const isCtrl = e.ctrlKey || e.metaKey;
                    const isClearSorting = !!column.sortOrder && isCtrl;
                    if (isClearSorting) {
                        this.clearSorting();
                        return
                    }
                    const isClearSortingRequired = !column.sortOrder && !isCtrl || this.sortedColumns.peek().length > 1;
                    const nextSortOrder = (0, _utils2.getNextSortOrder)(column.sortOrder, isCtrl);
                    this.onSingleModeSortCore(column, isClearSortingRequired, nextSortOrder)
                }
                onSingleModeSortCore(column, isClearSortingRequired, nextSortOrder) {
                    (0, _index.batch)(() => {
                        if (isClearSortingRequired) {
                            this.clearSorting()
                        }
                        this.columnsController.columnOption(column, "sortOrder", nextSortOrder)
                    })
                }
                onMultipleModeSortClick(column, e) {
                    if (!column.allowSorting) {
                        return
                    }
                    const isCtrl = e.ctrlKey || e.metaKey;
                    const hasNothingToChange = !column.sortOrder && isCtrl && !e.shiftKey;
                    if (hasNothingToChange) {
                        return
                    }
                    const nextSortOrder = (0, _utils2.getNextSortOrder)(column.sortOrder, isCtrl);
                    const isClearSortingRequired = !isCtrl && !e.shiftKey;
                    this.onMultipleModeSortCore(column, isClearSortingRequired, nextSortOrder)
                }
                onMultipleModeSortCore(column, isClearSortingRequired, nextSortOrder) {
                    (0, _index.batch)(() => {
                        if (isClearSortingRequired) {
                            this.clearSorting()
                        }
                        this.updateColumnSortOrder(column, nextSortOrder)
                    })
                }
                updateColumnSortOrder(column, nextSortOrder) {
                    const needChanges = "multiple" === this.mode.peek();
                    if (!needChanges) {
                        return
                    }
                    this.columnsController.updateColumns(columns => {
                        const newColumns = [...columns];
                        let needNormalizing = false;
                        const orderedSortedColumns = this.orderedSortedColumns.peek();
                        const orderedIndex = (0, _utils.getColumnIndexByName)(orderedSortedColumns, column.name);
                        const commonIndex = (0, _utils.getColumnIndexByName)(newColumns, column.name);
                        newColumns[commonIndex].sortOrder = nextSortOrder;
                        if (!!nextSortOrder && -1 === orderedIndex) {
                            orderedSortedColumns.push(newColumns[commonIndex]);
                            needNormalizing = true
                        }
                        if (!nextSortOrder && orderedIndex > -1) {
                            delete newColumns[commonIndex].sortOrder;
                            delete newColumns[commonIndex].sortIndex;
                            orderedSortedColumns.splice(orderedIndex, 1);
                            needNormalizing = true
                        }
                        if (needNormalizing) {
                            let counter = 0;
                            orderedSortedColumns.forEach(c => {
                                const index = (0, _utils.getColumnIndexByName)(newColumns, c.name);
                                if (newColumns[index].sortIndex !== counter) {
                                    newColumns[index] = Object.assign({}, newColumns[index], {
                                        sortIndex: counter
                                    })
                                }
                                counter += 1
                            })
                        }
                        return newColumns
                    })
                }
            }
            exports.SortingController = SortingController;
            SortingController.dependencies = [_options_controller.OptionsController, _index2.ColumnsController]
        },
        37386(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "PublicMethods", {
                enumerable: true,
                get: function() {
                    return _public_methods.PublicMethods
                }
            });
            Object.defineProperty(exports, "SortingController", {
                enumerable: true,
                get: function() {
                    return _controller.SortingController
                }
            });
            Object.defineProperty(exports, "defaultOptions", {
                enumerable: true,
                get: function() {
                    return _options.defaultOptions
                }
            });
            var _controller = __webpack_require__( /*! ./controller */ 37868);
            var _options = __webpack_require__( /*! ./options */ 63684);
            var _public_methods = __webpack_require__( /*! ./public_methods */ 20371)
        },
        63684(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptions = void 0;
            exports.defaultOptions = {
                sorting: {
                    ascendingText: void 0,
                    descendingText: void 0,
                    clearText: void 0,
                    mode: "single",
                    showSortIndexes: true
                }
            }
        },
        20371(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PublicMethods = function(GridCore) {
                return class extends GridCore {
                    clearSorting() {
                        this.sortingController.clearSorting()
                    }
                }
            }
        },
        97627(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getNextSortOrder = function(currentOrder, ctrlKey) {
                if (ctrlKey) {
                    return
                }
                if ("asc" === currentOrder) {
                    return "desc"
                }
                return "asc"
            };
            exports.sortOrderDelegate = function(a, b) {
                if (void 0 !== a.sortIndex && void 0 === b.sortIndex) {
                    return -1
                }
                if (void 0 !== b.sortIndex && void 0 === a.sortIndex) {
                    return 1
                }
                if (void 0 !== a.sortIndex && void 0 !== b.sortIndex) {
                    return a.sortIndex - b.sortIndex
                }
                if (void 0 === a.sortIndex && void 0 === b.sortIndex) {
                    return a.visibleIndex - b.visibleIndex
                }
                throw new Error("Invalid state")
            }
        },
        61933(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DEFAULT_TOOLBAR_ITEMS = void 0;
            exports.DEFAULT_TOOLBAR_ITEMS = ["selectAllButton", "clearSelectionButton", "addCardButton", "columnChooserButton", "searchPanel"]
        },
        34272(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ToolbarController = void 0;
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _options_controller = __webpack_require__( /*! ../options_controller/options_controller */ 76385);
            var _const = __webpack_require__( /*! ./const */ 61933);
            var _utils = __webpack_require__( /*! ./utils */ 31895);
            class ToolbarController {
                constructor(options) {
                    this.options = options;
                    this.itemSubscriptions = {};
                    this.defaultItems = (0, _index.signal)({});
                    this.userItems = this.options.oneWay("toolbar.items");
                    this.items = (0, _index.computed)(() => (0, _utils.normalizeToolbarItems)((0, _utils.getSortedToolbarItems)(this.defaultItems.value), this.userItems.value, _const.DEFAULT_TOOLBAR_ITEMS))
                }
                addDefaultItem(item) {
                    let needRender = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : (0, _index.signal)(true);
                    const {
                        name: name
                    } = item.peek();
                    this.itemSubscriptions[name] = (0, _index.effect)(() => {
                        const newDefaultItems = Object.assign({}, this.defaultItems.peek());
                        if (needRender.value) {
                            newDefaultItems[name] = item.value
                        } else {
                            delete newDefaultItems[name]
                        }
                        this.defaultItems.value = newDefaultItems
                    })
                }
            }
            exports.ToolbarController = ToolbarController;
            ToolbarController.dependencies = [_options_controller.OptionsController]
        },
        86326(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "Controller", {
                enumerable: true,
                get: function() {
                    return _controller.ToolbarController
                }
            });
            Object.defineProperty(exports, "View", {
                enumerable: true,
                get: function() {
                    return _view.ToolbarView
                }
            });
            Object.defineProperty(exports, "defaultOptions", {
                enumerable: true,
                get: function() {
                    return _options.defaultOptions
                }
            });
            var _controller = __webpack_require__( /*! ./controller */ 34272);
            var _options = __webpack_require__( /*! ./options */ 94856);
            var _view = __webpack_require__( /*! ./view */ 5061)
        },
        94856(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptions = void 0;
            exports.defaultOptions = {
                toolbar: {
                    multiline: false,
                    disabled: false
                }
            }
        },
        46905(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ToolbarView = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _events = __webpack_require__( /*! ../../../../../common/core/events */ 52391);
            var _index = __webpack_require__( /*! ../../../../grids/new/grid_core/keyboard_navigation/index */ 58529);
            var _toolbar = __webpack_require__( /*! ../inferno_wrappers/toolbar */ 48696);
            const ToolbarComponent = (0, _index.withKeyDownHandler)(_toolbar.Toolbar);
            class ToolbarView extends _inferno.Component {
                constructor() {
                    super(...arguments);
                    this.containerRef = (0, _inferno.createRef)();
                    this.onContextMenu = event => {
                        var _this$props$showConte, _this$props;
                        null === (_this$props$showConte = (_this$props = this.props).showContextMenu) || void 0 === _this$props$showConte || _this$props$showConte.call(_this$props, event)
                    }
                }
                componentDidMount() {
                    (0, _events.on)(this.containerRef.current, "dxcontextmenu", this.onContextMenu)
                }
                componentWillUnmount() {
                    (0, _events.off)(this.containerRef.current, "dxcontextmenu", this.onContextMenu)
                }
                render() {
                    const {
                        visible: visible,
                        items: items,
                        disabled: disabled,
                        multiline: multiline
                    } = this.props;
                    if (!visible) {
                        return (0, _inferno.createFragment)()
                    }
                    return (0, _inferno.createComponentVNode)(2, ToolbarComponent, {
                        elementRef: this.containerRef,
                        visible: visible,
                        items: items,
                        disabled: disabled,
                        multiline: multiline,
                        keyDownConfig: {
                            "F10+shift": event => {
                                var _this$props$showConte2, _this$props2;
                                null === (_this$props$showConte2 = (_this$props2 = this.props).showContextMenu) || void 0 === _this$props$showConte2 || _this$props$showConte2.call(_this$props2, event)
                            }
                        }
                    })
                }
            }
            exports.ToolbarView = ToolbarView
        },
        31895(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getSortedToolbarItems = function(defaultItemsCollection) {
                return Object.values(defaultItemsCollection).sort((a, b) => {
                    const aIndex = _const.DEFAULT_TOOLBAR_ITEMS.indexOf(a.name);
                    const bIndex = _const.DEFAULT_TOOLBAR_ITEMS.indexOf(b.name);
                    return aIndex - bIndex
                })
            };
            exports.isVisible = function(visibleConfig, items) {
                if (void 0 === visibleConfig) {
                    return items.length > 0
                }
                return visibleConfig
            };
            exports.normalizeToolbarItems = function(sortedDefaultItems, userItems, defaultItemNames) {
                if (!(0, _type.isDefined)(userItems)) {
                    return sortedDefaultItems
                }
                const defaultButtonsMap = {};
                sortedDefaultItems.forEach(button => {
                    defaultButtonsMap[button.name] = button
                });
                return userItems.map(item => function(item, defaultButtonsMap, defaultItemNames) {
                    let button = item;
                    const defaultProps = {
                        location: "after"
                    };
                    if ((0, _type.isString)(button)) {
                        button = {
                            name: button
                        }
                    }
                    if ((0, _type.isDefined)(button.name)) {
                        if ((0, _type.isDefined)(defaultButtonsMap[button.name])) {
                            button = (0, _extend.extend)(true, {}, defaultButtonsMap[button.name], button)
                        } else if (defaultItemNames.includes(button.name)) {
                            button = Object.assign({}, button, {
                                visible: false
                            })
                        }
                    }
                    return (0, _extend.extend)(true, {}, defaultProps, button)
                }(item, defaultButtonsMap, defaultItemNames))
            };
            var _extend = __webpack_require__( /*! ../../../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../../../core/utils/type */ 11528);
            var _const = __webpack_require__( /*! ./const */ 61933)
        },
        5061(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ToolbarView = void 0;
            var _index = __webpack_require__( /*! ../../../../core/state_manager/index */ 74636);
            var _controller = __webpack_require__( /*! ../context_menu/controller */ 7194);
            var _view = __webpack_require__( /*! ../core/view */ 3455);
            var _options_controller = __webpack_require__( /*! ../options_controller/options_controller */ 76385);
            var _controller2 = __webpack_require__( /*! ./controller */ 34272);
            var _toolbar = __webpack_require__( /*! ./toolbar */ 46905);
            var _utils = __webpack_require__( /*! ./utils */ 31895);
            class ToolbarView extends _view.View {
                constructor(controller, contextMenuController, options) {
                    super();
                    this.controller = controller;
                    this.contextMenuController = contextMenuController;
                    this.options = options;
                    this.component = _toolbar.ToolbarView;
                    this.visibleConfig = this.options.oneWay("toolbar.visible");
                    this.visible = (0, _index.computed)(() => (0, _utils.isVisible)(this.visibleConfig.value, this.controller.items.value))
                }
                getProps() {
                    return (0, _index.computed)(() => ({
                        visible: this.visible.value,
                        items: this.controller.items.value,
                        disabled: this.options.oneWay("toolbar.disabled").value,
                        multiline: this.options.oneWay("toolbar.multiline").value,
                        showContextMenu: this.showContextMenu.bind(this)
                    }))
                }
                showContextMenu(event) {
                    this.contextMenuController.show(event, "toolbar")
                }
            }
            exports.ToolbarView = ToolbarView;
            ToolbarView.dependencies = [_controller2.ToolbarController, _controller.BaseContextMenuController, _options_controller.OptionsController]
        },
        31671(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getName = exports.addWidgetPrefix = void 0;
            const getName = () => "dxCardView";
            exports.getName = getName;
            exports.addWidgetPrefix = className => `dx-${"dxCardView".slice(2).toLowerCase()}${className?`-${className}`:""}`
        },
        15238(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "parseValue", {
                enumerable: true,
                get: function() {
                    return _parse_value.parseValue
                }
            });
            var _parse_value = __webpack_require__( /*! ./parse_value */ 33883)
        },
        33883(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.parseValue = exports.parseNumberValue = exports.parseDateValue = exports.parseBooleanValue = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../../../../common/core/localization/date */ 38662));
            var _type = __webpack_require__( /*! ../../../../../../core/utils/type */ 11528);
            var _m_columns_controller_utils = __webpack_require__( /*! ../../../../../grids/grid_core/columns_controller/m_columns_controller_utils */ 63904);
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../../../../../grids/grid_core/m_utils */ 53226));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const parseNumberValue = (text, format) => {
                switch (true) {
                    case (0, _type.isString)(text) && !!format:
                        return (0, _m_columns_controller_utils.strictParseNumber)(text.trim(), format);
                    case (0, _type.isDefined)(text) && (0, _type.isNumeric)(text):
                        return Number(text);
                    default:
                        return
                }
            };
            exports.parseNumberValue = parseNumberValue;
            const parseBooleanValue = (text, trueText, falseText) => {
                switch (true) {
                    case text === trueText:
                        return true;
                    case text === falseText:
                        return false;
                    default:
                        return
                }
            };
            exports.parseBooleanValue = parseBooleanValue;
            const parseDateValue = (text, format) => {
                let parsedValue = null;
                if (format) {
                    try {
                        parsedValue = _date.default.parse(text, format)
                    } catch {
                        parsedValue = null
                    }
                }
                if (!parsedValue) {
                    parsedValue = new Date(text)
                }
                return isNaN(parsedValue.getTime()) ? text : parsedValue
            };
            exports.parseDateValue = parseDateValue;
            exports.parseValue = (column, text) => {
                switch (true) {
                    case "number" === column.dataType:
                        return parseNumberValue(text, column.format);
                    case "boolean" === column.dataType:
                        return parseBooleanValue(text, column.trueText, column.falseText);
                    case _m_utils.default.isDateType(column.dataType):
                        return parseDateValue(text, column.format);
                    default:
                        return text
                }
            }
        },
        43614(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "getTreeNodeByPath", {
                enumerable: true,
                get: function() {
                    return _tree.getTreeNodeByPath
                }
            });
            Object.defineProperty(exports, "mergeOptionTrees", {
                enumerable: true,
                get: function() {
                    return _tree.mergeOptionTrees
                }
            });
            Object.defineProperty(exports, "setTreeNodeByPath", {
                enumerable: true,
                get: function() {
                    return _tree.setTreeNodeByPath
                }
            });
            var _tree = __webpack_require__( /*! ./tree */ 67793)
        },
        67793(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.shallowCopyTree = exports.shallowCopySubtreePath = exports.setTreeNodeByPath = exports.mergeOptionTrees = exports.getTreeNodeParentByPath = exports.getTreeNodeByPath = exports.deepMergeTrees = exports.deepCopyTreeNode = exports.createOrShallowCopySubtreePath = void 0;
            var _m_extend = __webpack_require__( /*! ../../../../../core/utils/m_extend */ 96298);
            var _m_type = __webpack_require__( /*! ../../../../../core/utils/m_type */ 39918);
            const shallowCopyTree = tree => {
                if ((0, _m_type.isPlainObject)(tree)) {
                    return Object.assign({}, tree)
                }
                if (Array.isArray(tree)) {
                    return [...tree]
                }
                return tree
            };
            exports.shallowCopyTree = shallowCopyTree;
            const deepCopyTreeNode = treeNode => {
                switch (true) {
                    case (0, _m_type.isPlainObject)(treeNode):
                        return (0, _m_extend.extend)(true, {}, treeNode);
                    case Array.isArray(treeNode):
                        return (0, _m_extend.extend)(true, [], treeNode);
                    default:
                        return treeNode
                }
            };
            exports.deepCopyTreeNode = deepCopyTreeNode;
            const deepMergeTrees = (firstTree, secondTree) => {
                if ((0, _m_type.isPlainObject)(secondTree) && (0, _m_type.isPlainObject)(firstTree)) {
                    return (0, _m_extend.extend)(true, {}, firstTree, secondTree)
                }
                if (void 0 !== secondTree) {
                    return deepCopyTreeNode(secondTree)
                }
                return deepCopyTreeNode(firstTree)
            };
            exports.deepMergeTrees = deepMergeTrees;
            const getTreeNodeParentByPath = (tree, path) => {
                let currentNode = tree;
                for (let idx = 0; idx < path.length - 1; idx += 1) {
                    const nextNodePath = path[idx];
                    currentNode = currentNode[nextNodePath];
                    if (void 0 === currentNode) {
                        return
                    }
                }
                return currentNode
            };
            exports.getTreeNodeParentByPath = getTreeNodeParentByPath;
            const getTreeNodeByPath = (tree, path) => {
                const [lastNodePath] = path.slice(-1);
                const subtree = getTreeNodeParentByPath(tree, path);
                return null === subtree || void 0 === subtree ? void 0 : subtree[lastNodePath]
            };
            exports.getTreeNodeByPath = getTreeNodeByPath;
            exports.shallowCopySubtreePath = (tree, path) => {
                const shallowCopiedTree = shallowCopyTree(tree);
                let currentNode = shallowCopiedTree;
                for (let idx = 0; idx < path.length - 1; idx += 1) {
                    var _currentNode;
                    const nextNodePath = path[idx];
                    const nextNode = null === (_currentNode = currentNode) || void 0 === _currentNode ? void 0 : _currentNode[nextNodePath];
                    if (void 0 === nextNode) {
                        break
                    }
                    currentNode[nextNodePath] = shallowCopyTree(nextNode);
                    currentNode = nextNode
                }
                return shallowCopiedTree
            };
            const createOrShallowCopySubtreePath = (tree, path) => {
                const shallowCopiedTree = shallowCopyTree(tree);
                let currentNode = shallowCopiedTree;
                for (let idx = 0; idx < path.length; idx += 1) {
                    const isLastPath = idx === path.length - 1;
                    const nextNodePath = path[idx];
                    if (void 0 === currentNode[nextNodePath]) {
                        currentNode[nextNodePath] = !isLastPath ? {} : void 0
                    } else {
                        currentNode[nextNodePath] = shallowCopyTree(currentNode[nextNodePath])
                    }
                    currentNode = currentNode[nextNodePath]
                }
                return shallowCopiedTree
            };
            exports.createOrShallowCopySubtreePath = createOrShallowCopySubtreePath;
            exports.mergeOptionTrees = (internalTree, publicTree, defaultTree, pathToMerge) => {
                const [lastNodePath] = pathToMerge.slice(-1);
                const result = createOrShallowCopySubtreePath(internalTree, pathToMerge);
                const targetNodeParent = getTreeNodeParentByPath(result, pathToMerge);
                const newNodeValue = getTreeNodeByPath(publicTree, pathToMerge);
                const defaultNodeValue = getTreeNodeByPath(defaultTree, pathToMerge);
                targetNodeParent[lastNodePath] = deepMergeTrees(defaultNodeValue, newNodeValue);
                return result
            };
            exports.setTreeNodeByPath = (tree, node, path) => {
                const [lastNodePath] = path.slice(-1);
                const shallowCopiedTree = createOrShallowCopySubtreePath(tree, path);
                const subtree = getTreeNodeParentByPath(shallowCopiedTree, path);
                subtree[lastNodePath] = node;
                return shallowCopiedTree
            }
        },
        58656(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GridCoreNewBase = exports.GridCoreNew = void 0;
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _ui = (e = __webpack_require__( /*! ../../../../ui/widget/ui.widget */ 11118), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index = __webpack_require__( /*! ../../../core/di/index */ 87752);
            var _m_inferno_renderer = __webpack_require__( /*! ../../../core/m_inferno_renderer */ 21327);
            var _index2 = __webpack_require__( /*! ../../../core/state_manager/index */ 74636);
            var _view = __webpack_require__( /*! ../../../grids/new/grid_core/search/view */ 29366);
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index3 = __webpack_require__( /*! ./accessibility/index */ 8197);
            var ColumnChooserModule = _interopRequireWildcard(__webpack_require__( /*! ./column_chooser/index */ 45415));
            var _compatibility = __webpack_require__( /*! ./columns_controller/compatibility */ 66551);
            var ColumnsControllerModule = _interopRequireWildcard(__webpack_require__( /*! ./columns_controller/index */ 50875));
            var DataControllerModule = _interopRequireWildcard(__webpack_require__( /*! ./data_controller/index */ 61124));
            var di = _interopRequireWildcard(__webpack_require__( /*! ./di */ 3955));
            var EditingModule = _interopRequireWildcard(__webpack_require__( /*! ./editing/index */ 68222));
            var _view2 = __webpack_require__( /*! ./editing/popup/view */ 32643);
            var _error_controller = __webpack_require__( /*! ./error_controller/error_controller */ 67921);
            var _index8 = __webpack_require__( /*! ./filtering/filter_sync/index */ 69900);
            var _index9 = __webpack_require__( /*! ./filtering/header_filter/index */ 63108);
            var _view_controller = __webpack_require__( /*! ./filtering/header_filter/view_controller */ 58814);
            var FilterControllerModule = _interopRequireWildcard(__webpack_require__( /*! ./filtering/index */ 92743));
            var _items_controller = __webpack_require__( /*! ./items_controller/items_controller */ 58761);
            var _controller = __webpack_require__( /*! ./lifecycle/controller */ 59329);
            var _main_view = __webpack_require__( /*! ./main_view */ 77565);
            var _options = __webpack_require__( /*! ./options */ 75932);
            var _view3 = __webpack_require__( /*! ./pager/view */ 93825);
            var SearchControllerModule = _interopRequireWildcard(__webpack_require__( /*! ./search/index */ 61519));
            var SelectionControllerModule = _interopRequireWildcard(__webpack_require__( /*! ./selection/index */ 99779));
            var SortingControllerModule = _interopRequireWildcard(__webpack_require__( /*! ./sorting_controller/index */ 37386));
            var _controller2 = __webpack_require__( /*! ./toolbar/controller */ 34272);
            var _view4 = __webpack_require__( /*! ./toolbar/view */ 5061);
            var _widget_mock = __webpack_require__( /*! ./widget_mock */ 87354);

            function _interopRequireWildcard(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return (_interopRequireWildcard = function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                })(e, t)
            }
            class GridCoreNewBase extends _ui.default {
                _registerDIContext() {
                    this.diContext = new _index.DIContext;
                    di.register(this.diContext)
                }
                _initWidgetMock() {
                    this.diContext.registerInstance(_widget_mock.WidgetMock, new _widget_mock.WidgetMock(this, this.diContext.get(DataControllerModule.CompatibilityDataController), this.diContext.get(_compatibility.CompatibilityColumnsController), this.diContext.get(_index9.CompatibilityHeaderFilterController), this.diContext.get(_index8.CompatibilityFilterSyncController)))
                }
                _initDIContext() {
                    this.dataController = this.diContext.get(DataControllerModule.DataController);
                    this.columnsController = this.diContext.get(ColumnsControllerModule.ColumnsController);
                    this.sortingController = this.diContext.get(SortingControllerModule.SortingController);
                    this.selectionController = this.diContext.get(SelectionControllerModule.Controller);
                    this.itemsController = this.diContext.get(_items_controller.ItemsController);
                    this.toolbarController = this.diContext.get(_controller2.ToolbarController);
                    this.toolbarView = this.diContext.get(_view4.ToolbarView);
                    this.editingController = this.diContext.get(EditingModule.Controller);
                    this.editPopupView = this.diContext.get(_view2.EditPopupView);
                    this.pagerView = this.diContext.get(_view3.PagerView);
                    this.searchController = this.diContext.get(SearchControllerModule.SearchController);
                    this.columnChooserController = this.diContext.get(ColumnChooserModule.ColumnChooserController);
                    this.columnChooserView = this.diContext.get(ColumnChooserModule.ColumnChooserView);
                    this.errorController = this.diContext.get(_error_controller.ErrorController);
                    this.filterController = this.diContext.get(FilterControllerModule.FilterController);
                    this.headerFilterController = this.diContext.get(_index9.HeaderFilterController);
                    this.filterPanelView = this.diContext.get(FilterControllerModule.FilterPanelView);
                    this.headerFilterViewController = this.diContext.get(_view_controller.HeaderFilterViewController);
                    this.accessibilityController = this.diContext.get(_index3.AccessibilityController);
                    this.filterSyncController = this.diContext.get(_index8.FilterSyncController);
                    this.searchView = this.diContext.get(_view.SearchView)
                }
                _initLifeCycleController() {
                    this.lifeCycleController = this.diContext.get(_controller.LifeCycleController);
                    this.lifeCycleController.provideContentReadyCallback(() => {
                        this._fireContentReadyAction()
                    })
                }
                _init() {
                    super._init();
                    this.initialized = (0, _index2.signal)(false);
                    this._registerDIContext();
                    this._initWidgetMock();
                    this._initDIContext();
                    this._initLifeCycleController()
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), (0, _extend.extend)(true, {}, _options.defaultOptions))
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat(_options.defaultOptionsRules)
                }
                _initializeComponent() {
                    super._initializeComponent();
                    this.initialized.value = true
                }
                _renderContent() {
                    this._renderContentImpl()
                }
                _initMarkup() {
                    super._initMarkup();
                    this.renderSubscription = this.diContext.get(_main_view.MainView).render(this.$element().get(0));
                    (0, _inferno.rerender)()
                }
                _optionChanged(args) {
                    [this.filterPanelView].forEach(c => {
                        if (c.isCompatibilityMode()) {
                            c.optionChanged(args)
                        }
                    });
                    if (!args.handled) {
                        super._optionChanged(args)
                    }
                }
                _clean() {
                    var _this$renderSubscript;
                    null === (_this$renderSubscript = this.renderSubscription) || void 0 === _this$renderSubscript || _this$renderSubscript.call(this);
                    _m_inferno_renderer.infernoRenderer.renderIntoContainer(null, this.$element().get(0), true);
                    super._clean()
                }
            }
            exports.GridCoreNewBase = GridCoreNewBase;
            class GridCoreNew extends(ColumnsControllerModule.PublicMethods(DataControllerModule.PublicMethods(SortingControllerModule.PublicMethods(FilterControllerModule.PublicMethods(ColumnChooserModule.PublicMethods(SelectionControllerModule.PublicMethods(SearchControllerModule.PublicMethods(EditingModule.PublicMethods(GridCoreNewBase))))))))) {}
            exports.GridCoreNew = GridCoreNew
        },
        87354(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.WidgetMock = void 0;
            exports.WidgetMock = class {
                constructor(widget, data, columns, headerFilter, filterSync) {
                    this.widget = widget;
                    this.data = data;
                    this.columns = columns;
                    this.headerFilter = headerFilter;
                    this.filterSync = filterSync;
                    this.NAME = "dxDataGrid";
                    this._controllers = {
                        data: this.data,
                        columns: this.columns,
                        headerFilter: this.headerFilter,
                        filterSync: this.filterSync
                    }
                }
                option() {
                    return this.widget.option(...arguments)
                }
                columnOption() {
                    return this.widget.columnOption(...arguments)
                }
                _createActionByOption() {
                    return this.widget._createActionByOption(...arguments)
                }
                _createComponent() {
                    return this.widget._createComponent(...arguments)
                }
            }
        },
        96273(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getRealElementWidth = exports.default = exports.AreaItem = void 0;
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../../core/dom_adapter */ 64960));
            var _element = __webpack_require__( /*! ../../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _style = __webpack_require__( /*! ../../../../core/utils/style */ 58515);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _scroll = __webpack_require__( /*! ../../../core/utils/scroll */ 11371);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const getRealElementWidth = function(element) {
                let width = 0;
                const {
                    offsetWidth: offsetWidth
                } = element;
                if (element.getBoundingClientRect) {
                    const clientRect = (0, _position.getBoundingRect)(element);
                    width = clientRect.width;
                    if (!width) {
                        width = clientRect.right - clientRect.left
                    }
                    if (width <= offsetWidth - 1) {
                        width = offsetWidth
                    }
                }
                return width > 0 ? width : offsetWidth
            };
            exports.getRealElementWidth = getRealElementWidth;

            function getFakeTableOffset(scrollPos, elementOffset, tableSize, viewPortSize) {
                let offset = 0;
                let halfTableCount = 0;
                const halfTableSize = tableSize / 2;
                if (scrollPos + viewPortSize - (elementOffset + tableSize) > 1) {
                    if (scrollPos >= elementOffset + tableSize + halfTableSize) {
                        halfTableCount = parseInt((scrollPos - (elementOffset + tableSize)) / halfTableSize, 10)
                    }
                    offset = elementOffset + tableSize + halfTableSize * halfTableCount
                } else if (scrollPos < elementOffset) {
                    if (scrollPos <= elementOffset - halfTableSize) {
                        halfTableCount = parseInt((scrollPos - (elementOffset - halfTableSize)) / halfTableSize, 10)
                    }
                    offset = elementOffset - (tableSize - halfTableSize * halfTableCount)
                } else {
                    offset = elementOffset
                }
                return offset
            }
            class AreaItem {
                constructor(component) {
                    this.component = component
                }
                option() {
                    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                        args[_key] = arguments[_key]
                    }
                    return this.component.option.apply(this.component, arguments)
                }
                _getRowElement(index) {
                    var _this$_tableElement;
                    if ((null === (_this$_tableElement = this._tableElement) || void 0 === _this$_tableElement ? void 0 : _this$_tableElement.length) > 0) {
                        const tableElement = this._tableElement.get(0);
                        return tableElement.rows[index]
                    }
                    return null
                }
                _createGroupElement() {
                    return (0, _renderer.default)("<div>")
                }
                _createTableElement() {
                    return (0, _renderer.default)("<table>")
                }
                _getCellText(cell, encodeHtml) {
                    let cellText = cell.isWhiteSpace ? "&nbsp" : cell.text || "&nbsp";
                    if (encodeHtml && (-1 !== cellText.indexOf("<") || -1 !== cellText.indexOf(">"))) {
                        cellText = (0, _renderer.default)("<div>").text(cellText).html()
                    }
                    return cellText
                }
                _getRowClassNames() {}
                _applyCustomStyles(options) {
                    if (options.cell.width) {
                        options.cssArray.push(`min-width:${options.cell.width}px`)
                    }
                    if (options.cell.sorted) {
                        options.classArray.push("dx-pivotgrid-sorted")
                    }
                }
                _getMainElementMarkup() {
                    return _dom_adapter.default.createElement("tbody")
                }
                _getCloseMainElementMarkup() {
                    return "</tbody>"
                }
                _renderTableContent(tableElement, data) {
                    const rowsCount = data.length;
                    const rtlEnabled = this.option("rtlEnabled");
                    const encodeHtml = this.option("encodeHtml");
                    tableElement.data("area", this._getAreaName());
                    tableElement.data("data", data);
                    tableElement.css("width", "");
                    const tbody = this._getMainElementMarkup();
                    for (let i = 0; i < rowsCount; i += 1) {
                        const row = data[i];
                        const rowClassNames = [];
                        const tr = _dom_adapter.default.createElement("tr");
                        for (let j = 0; j < row.length; j += 1) {
                            const cell = row[j];
                            const td = _dom_adapter.default.createElement("td");
                            this._getRowClassNames(i, cell, rowClassNames);
                            let cellText = "";
                            if (cell) {
                                cell.rowspan && td.setAttribute("rowspan", cell.rowspan || 1);
                                cell.colspan && td.setAttribute("colspan", cell.colspan || 1);
                                const styleOptions = {
                                    cellElement: void 0,
                                    cell: cell,
                                    cellsCount: row.length,
                                    cellIndex: j,
                                    rowElement: void 0,
                                    rowIndex: i,
                                    rowsCount: rowsCount,
                                    rtlEnabled: rtlEnabled,
                                    classArray: [],
                                    cssArray: []
                                };
                                this._applyCustomStyles(styleOptions);
                                if (styleOptions.cssArray.length) {
                                    (0, _style.setStyle)(td, styleOptions.cssArray.join(";"))
                                }
                                if (styleOptions.classArray.length) {
                                    td.setAttribute("class", styleOptions.classArray.join(" "))
                                }
                                if ((0, _type.isDefined)(cell.expanded)) {
                                    const div = _dom_adapter.default.createElement("div");
                                    div.classList.add("dx-expand-icon-container");
                                    const span = _dom_adapter.default.createElement("span");
                                    span.classList.add("dx-expand");
                                    div.appendChild(span);
                                    td.appendChild(div)
                                }
                                cellText = this._getCellText(cell, encodeHtml)
                            }
                            const span = _dom_adapter.default.createElement("span");
                            if ((0, _type.isDefined)(cell.wordWrapEnabled)) {
                                span.style.whiteSpace = cell.wordWrapEnabled ? "normal" : "nowrap"
                            }
                            span.innerHTML = cellText;
                            td.appendChild(span);
                            if (cell.sorted) {
                                const span = _dom_adapter.default.createElement("span");
                                span.classList.add("dx-icon-sorted");
                                td.appendChild(span)
                            }
                            tr.appendChild(td)
                        }
                        if (rowClassNames.length) {
                            tr.setAttribute("class", rowClassNames.join(" "))
                        }
                        tbody.appendChild(tr)
                    }
                    tableElement.append(tbody);
                    this._triggerOnCellPrepared(tableElement, data)
                }
                _triggerOnCellPrepared(tableElement, data) {
                    const that = this;
                    const rowElements = tableElement.find("tr");
                    const areaName = that._getAreaName();
                    const onCellPrepared = that.option("onCellPrepared");
                    const hasEvent = that.component._eventsStrategy.hasEvent("cellPrepared");
                    let rowElement;
                    let $cellElement;
                    let onCellPreparedArgs;
                    const defaultActionArgs = this.component._defaultActionArgs();
                    let row;
                    let cell;
                    let rowIndex;
                    let columnIndex;
                    if (onCellPrepared || hasEvent) {
                        for (rowIndex = 0; rowIndex < data.length; rowIndex += 1) {
                            row = data[rowIndex];
                            rowElement = rowElements.eq(rowIndex);
                            for (columnIndex = 0; columnIndex < row.length; columnIndex += 1) {
                                cell = row[columnIndex];
                                $cellElement = rowElement.children().eq(columnIndex);
                                onCellPreparedArgs = {
                                    area: areaName,
                                    rowIndex: rowIndex,
                                    columnIndex: columnIndex,
                                    cellElement: (0, _element.getPublicElement)($cellElement),
                                    cell: cell
                                };
                                if (hasEvent) {
                                    that.component._trigger("onCellPrepared", onCellPreparedArgs)
                                } else {
                                    onCellPrepared((0, _extend.extend)(onCellPreparedArgs, defaultActionArgs))
                                }
                            }
                        }
                    }
                }
                _getRowHeight(index) {
                    const row = this._getRowElement(index);
                    if (null !== row && void 0 !== row && row.lastChild) {
                        const {
                            height: height
                        } = row.getBoundingClientRect();
                        return height <= row.offsetHeight - 1 ? row.offsetHeight : height
                    }
                    return 0
                }
                _setRowHeight(index, value) {
                    const row = this._getRowElement(index);
                    if (row) {
                        row.style.height = `${value}px`
                    }
                }
                getRowsLength() {
                    const that = this;
                    if (that._tableElement && that._tableElement.length > 0) {
                        return that._tableElement[0].rows.length
                    }
                    return 0
                }
                getRowsHeight() {
                    const that = this;
                    const result = [];
                    const rowsLength = that.getRowsLength();
                    for (let i = 0; i < rowsLength; i += 1) {
                        result.push(that._getRowHeight(i))
                    }
                    return result
                }
                setRowsHeight(values) {
                    const that = this;
                    let totalHeight = 0;
                    const valuesLength = values.length;
                    for (let i = 0; i < valuesLength; i += 1) {
                        totalHeight += values[i];
                        that._setRowHeight(i, values[i])
                    }
                    this._tableHeight = totalHeight;
                    this._tableElement[0].style.height = `${totalHeight}px`
                }
                getColumnsWidth() {
                    const rowsLength = this.getRowsLength();
                    const processedCells = [];
                    const result = [];
                    const colSpans = [];
                    if (!rowsLength) {
                        return []
                    }
                    for (let rowIndex = 0; rowIndex < rowsLength; rowIndex += 1) {
                        processedCells[rowIndex] || (processedCells[rowIndex] = []);
                        const row = this._getRowElement(rowIndex);
                        Array.from(row.cells).forEach(cell => {
                            var _a;
                            let columnIndex = 0;
                            for (; processedCells[rowIndex][columnIndex]; columnIndex += 1) {}
                            for (let rowOffset = 0; rowOffset < cell.rowSpan; rowOffset += 1) {
                                for (let columnOffset = 0; columnOffset < cell.colSpan; columnOffset += 1) {
                                    processedCells[_a = rowIndex + rowOffset] || (processedCells[_a] = []);
                                    processedCells[rowIndex + rowOffset][columnIndex + columnOffset] = true
                                }
                            }
                            if (void 0 === colSpans[columnIndex] || cell.colSpan < colSpans[columnIndex]) {
                                result[columnIndex] = getRealElementWidth(cell);
                                colSpans[columnIndex] = cell.colSpan
                            }
                        })
                    }
                    return result
                }
                setColumnsWidth(values) {
                    const tableElement = this._tableElement.get(0);
                    const columnsCount = this.getColumnsCount();
                    const columnWidth = [];
                    for (let i = 0; i < columnsCount; i += 1) {
                        columnWidth.push(values[i] || 0)
                    }
                    for (let i = columnsCount; i < values.length && values; i += 1) {
                        columnWidth[columnsCount - 1] += values[i]
                    }
                    this._colgroupElement.html("");
                    for (let i = 0; i < columnsCount; i += 1) {
                        const col = _dom_adapter.default.createElement("col");
                        col.style.width = `${columnWidth[i]}px`;
                        this._colgroupElement.append(col)
                    }
                    this._tableWidth = columnWidth.reduce((sum, width) => sum + width, 0);
                    tableElement.style.width = `${this._tableWidth}px`;
                    tableElement.style.tableLayout = "fixed"
                }
                resetColumnsWidth() {
                    (0, _size.setWidth)(this._colgroupElement.find("col"), "auto");
                    this._tableElement.css({
                        width: "",
                        tableLayout: ""
                    })
                }
                setGroupWidth(value) {
                    this._getScrollable().option("width", value)
                }
                setGroupHeight(value) {
                    this._getScrollable().option("height", value)
                }
                getGroupHeight() {
                    return this._getGroupElementSize("height")
                }
                getGroupWidth() {
                    return this._getGroupElementSize("width")
                }
                _getGroupElementSize(dimension) {
                    const size = this.groupElement()[0].style[dimension];
                    if (size.indexOf("px") > 0) {
                        return parseFloat(size)
                    }
                    return null
                }
                groupElement() {
                    return this._groupElement
                }
                tableElement() {
                    return this._tableElement
                }
                element() {
                    return this._rootElement
                }
                headElement() {
                    return this._tableElement.find("thead")
                }
                _setTableCss(styles) {
                    if (this.option("rtlEnabled")) {
                        styles.right = styles.left;
                        delete styles.left
                    }
                    this.tableElement().css(styles)
                }
                setVirtualContentParams(params) {
                    this._virtualContent.css({
                        width: params.width,
                        height: params.height
                    });
                    this.groupElement().addClass("dx-virtual-mode")
                }
                disableVirtualMode() {
                    this.groupElement().removeClass("dx-virtual-mode")
                }
                _renderVirtualContent() {
                    const that = this;
                    if (!that._virtualContent && "virtual" === that.option("scrolling.mode")) {
                        that._virtualContent = (0, _renderer.default)("<div>").addClass("dx-virtual-content").insertBefore(that._tableElement)
                    }
                }
                reset() {
                    const tableElement = this._tableElement[0];
                    this._fakeTable && this._fakeTable.detach();
                    this._fakeTable = null;
                    this.disableVirtualMode();
                    this.setGroupWidth("100%");
                    this.setGroupHeight("auto");
                    this.resetColumnsWidth();
                    if (tableElement) {
                        for (let i = 0; i < tableElement.rows.length; i += 1) {
                            tableElement.rows[i].style.height = ""
                        }
                        tableElement.style.height = "";
                        tableElement.style.width = "100%"
                    }
                }
                _updateFakeTableVisibility() {
                    const that = this;
                    const tableElement = that.tableElement()[0];
                    const horizontalOffsetName = that.option("rtlEnabled") ? "right" : "left";
                    const fakeTableElement = that._fakeTable[0];
                    if (tableElement.style.top === fakeTableElement.style.top && fakeTableElement.style[horizontalOffsetName] === tableElement.style[horizontalOffsetName]) {
                        that._fakeTable.addClass("dx-hidden")
                    } else {
                        that._fakeTable.removeClass("dx-hidden")
                    }
                }
                _moveFakeTableHorizontally(scrollPos) {
                    const that = this;
                    const rtlEnabled = that.option("rtlEnabled");
                    const offsetStyleName = rtlEnabled ? "right" : "left";
                    const tableElementOffset = parseFloat(that.tableElement()[0].style[offsetStyleName]);
                    const offset = getFakeTableOffset(scrollPos, tableElementOffset, that._tableWidth, that.getGroupWidth());
                    if (parseFloat(that._fakeTable[0].style[offsetStyleName]) !== offset) {
                        that._fakeTable[0].style[offsetStyleName] = `${offset}px`
                    }
                }
                _moveFakeTableTop(scrollPos) {
                    const that = this;
                    const tableElementOffsetTop = parseFloat(that.tableElement()[0].style.top);
                    const offsetTop = getFakeTableOffset(scrollPos, tableElementOffsetTop, that._tableHeight, that.getGroupHeight());
                    if (parseFloat(that._fakeTable[0].style.top) !== offsetTop) {
                        that._fakeTable[0].style.top = `${offsetTop}px`
                    }
                }
                _moveFakeTable() {
                    this._updateFakeTableVisibility()
                }
                _createFakeTable() {
                    const that = this;
                    if (!that._fakeTable) {
                        that._fakeTable = that.tableElement().clone().addClass("dx-pivot-grid-fake-table").appendTo(that._virtualContent)
                    }
                }
                render(rootElement, data) {
                    const that = this;
                    if (that._tableElement) {
                        try {
                            that._tableElement[0].innerHTML = ""
                        } catch (e) {
                            that._tableElement.empty()
                        }
                        that._tableElement.removeAttr("style")
                    } else {
                        that._groupElement = that._createGroupElement();
                        that._tableElement = that._createTableElement();
                        that._tableElement.appendTo(that._groupElement);
                        that._groupElement.appendTo(rootElement);
                        that._rootElement = rootElement
                    }
                    that._colgroupElement = (0, _renderer.default)("<colgroup>").appendTo(that._tableElement);
                    that._renderTableContent(that._tableElement, data);
                    that._renderVirtualContent()
                }
                _getScrollable() {
                    return this.groupElement().data("dxScrollable")
                }
                _getMemoizeScrollTo() {
                    this._memoizeScrollTo = this._memoizeScrollTo ?? (0, _scroll.getMemoizeScrollTo)(() => this._getScrollable());
                    return this._memoizeScrollTo
                }
                _getMaxLeftOffset(scrollable) {
                    const containerElement = (0, _renderer.default)(scrollable.container()).get(0);
                    return containerElement.scrollWidth - containerElement.clientWidth
                }
                on(eventName, handler) {
                    const that = this;
                    const scrollable = that._getScrollable();
                    if (scrollable) {
                        scrollable.on(eventName, e => {
                            if (that.option("rtlEnabled") && (0, _type.isDefined)(e.scrollOffset.left)) {
                                e.scrollOffset.left = that._getMaxLeftOffset(scrollable) - e.scrollOffset.left
                            }
                            handler(e)
                        })
                    }
                    return this
                }
                off(eventName) {
                    const scrollable = this._getScrollable();
                    if (scrollable) {
                        scrollable.off(eventName)
                    }
                    return this
                }
                scrollTo(pos) {
                    let force = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                    const scrollable = this._getScrollable();
                    if (!scrollable) {
                        return
                    }
                    const rtlEnabled = this.option("rtlEnabled");
                    const areaName = this._getAreaName();
                    const scrollablePos = Object.assign({}, pos, {
                        left: rtlEnabled && ("column" === areaName || "data" === areaName) ? this._getMaxLeftOffset(scrollable) - pos.left : pos.left
                    });
                    const memoizeScrollTo = this._getMemoizeScrollTo();
                    memoizeScrollTo(scrollablePos, force);
                    if (this._virtualContent) {
                        this._createFakeTable();
                        this._moveFakeTable(pos)
                    }
                }
                updateScrollable() {
                    const scrollable = this._getScrollable();
                    if (scrollable) {
                        return scrollable.update()
                    }
                    return
                }
                getColumnsCount() {
                    let columnCount = 0;
                    const row = this._getRowElement(0);
                    let cells;
                    if (row) {
                        cells = row.cells;
                        for (let i = 0, len = cells.length; i < len; ++i) {
                            columnCount += cells[i].colSpan
                        }
                    }
                    return columnCount
                }
                getData() {
                    const tableElement = this._tableElement;
                    return tableElement ? tableElement.data("data") : []
                }
            }
            exports.AreaItem = AreaItem;
            exports.default = {
                AreaItem: AreaItem,
                getRealElementWidth: getRealElementWidth
            }
        },
        67705(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.ChartIntegrationMixin = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _m_widget_utils = __webpack_require__( /*! ../m_widget_utils */ 12062);
            const FORMAT_DICTIONARY = {
                number: "numeric",
                date: "datetime"
            };
            const UNBIND_KEY = "dxPivotGridUnbinding";

            function getFormattedValue(path, fields) {
                const value = [];
                const lastFieldIndex = fields.length - 1;
                (0, _iterator.each)(path, (i, item) => {
                    value.push(item.text || (0, _m_widget_utils.formatValue)(item.value, fields[lastFieldIndex - i]))
                });
                return value.reverse()
            }

            function getExpandedLevel(node) {
                let level = 0;
                (0, _m_widget_utils.foreachTree)(node, members => {
                    level = Math.max(level, members.length - 1)
                });
                return level
            }

            function createChartDataSource(pivotGridDataSource, mapOptions, axisDictionary) {
                const data = pivotGridDataSource.getData();
                const dataSource = [];
                const dataFields = pivotGridDataSource.getAreaFields("data");
                const rowFields = pivotGridDataSource.getAreaFields("row");
                const columnFields = pivotGridDataSource.getAreaFields("column");
                const columnElements = [{
                    index: data.grandTotalColumnIndex,
                    children: data.columns
                }];
                const rowElements = [{
                    index: data.grandTotalRowIndex,
                    children: data.rows
                }];
                const rowLevel = getExpandedLevel(rowElements);
                const columnLevel = getExpandedLevel(columnElements);
                let measureIndex;
                let dataField;
                let rowMemberIndex;
                let rowVisibility;
                let rowPathFormatted;
                let rowPath;
                let columnMemberIndex;
                let columnVisibility;
                let columnPath;
                let columnPathFormatted;

                function createDataItem() {
                    const dataCell = (data.values[rowMemberIndex] || [])[columnMemberIndex] || [];
                    const value = dataCell[measureIndex];
                    let axis;
                    let processCellArgs = {
                        rowPath: rowPath,
                        maxRowLevel: rowLevel,
                        rowPathFormatted: rowPathFormatted,
                        rowFields: rowFields,
                        columnPathFormatted: columnPathFormatted,
                        maxColumnLevel: columnLevel,
                        columnPath: columnPath,
                        columnFields: columnFields,
                        dataFields: dataFields,
                        dataIndex: measureIndex,
                        dataValues: dataCell,
                        visible: columnVisibility && rowVisibility
                    };
                    let seriesName = (mapOptions.inverted ? columnPathFormatted : rowPathFormatted).join(" - ");
                    let argument = (mapOptions.inverted ? rowPathFormatted : columnPathFormatted).join("/");
                    if (dataFields.length > 1) {
                        if ("args" === mapOptions.putDataFieldsInto || "both" === mapOptions.putDataFieldsInto) {
                            argument += ` | ${dataField.caption}`
                        }
                        if ("args" !== mapOptions.putDataFieldsInto) {
                            seriesName += ` | ${dataField.caption}`;
                            if ("singleAxis" !== mapOptions.dataFieldsDisplayMode) {
                                axis = dataField.caption
                            }
                        }
                    }
                    processCellArgs.chartDataItem = {
                        val: void 0 === value ? null : value,
                        series: seriesName,
                        arg: argument
                    };
                    processCellArgs = function(processCellArgs, processCell) {
                        let {
                            chartDataItem: chartDataItem
                        } = processCellArgs;
                        let processedCell = processCell && processCell(processCellArgs);
                        if (processedCell) {
                            chartDataItem = (0, _extend.extend)({}, chartDataItem, processedCell.chartDataItem);
                            processedCell = (0, _extend.extend)({}, processCellArgs, processedCell, {
                                chartDataItem: chartDataItem
                            });
                            return processedCell
                        }
                        return processCellArgs
                    }(processCellArgs, mapOptions.processCell);
                    if (processCellArgs.visible) {
                        axisDictionary[processCellArgs.chartDataItem.series] = axisDictionary[processCellArgs.chartDataItem.series] || axis;
                        dataSource.push(processCellArgs.chartDataItem)
                    }
                }

                function foreachRowColumn(callBack) {
                    (0, _m_widget_utils.foreachTree)(rowElements, rowMembers => {
                        rowMemberIndex = rowMembers[0].index;
                        rowMembers = rowMembers.slice(0, rowMembers.length - 1);
                        rowVisibility = rowLevel === rowMembers.length;
                        rowPath = (0, _m_widget_utils.createPath)(rowMembers);
                        rowPathFormatted = getFormattedValue(rowMembers, rowFields);
                        if (0 === rowPath.length) {
                            rowPathFormatted = [mapOptions.grandTotalText]
                        }(0, _m_widget_utils.foreachTree)(columnElements, columnMembers => {
                            columnMemberIndex = columnMembers[0].index;
                            columnMembers = columnMembers.slice(0, columnMembers.length - 1);
                            columnVisibility = columnLevel === columnMembers.length;
                            columnPath = (0, _m_widget_utils.createPath)(columnMembers);
                            columnPathFormatted = getFormattedValue(columnMembers, columnFields);
                            if (0 === columnPath.length) {
                                columnPathFormatted = [mapOptions.grandTotalText]
                            }
                            callBack()
                        })
                    })
                }

                function foreachDataField(callback) {
                    (0, _iterator.each)(dataFields, (index, field) => {
                        dataField = field;
                        measureIndex = index;
                        callback()
                    })
                }
                if (false === mapOptions.alternateDataFields) {
                    foreachDataField(() => {
                        foreachRowColumn(createDataItem)
                    })
                } else {
                    foreachRowColumn(() => {
                        foreachDataField(createDataItem)
                    })
                }
                return dataSource
            }

            function createValueAxisOptions(dataSource, options) {
                const dataFields = dataSource.getAreaFields("data");
                if ("args" !== options.putDataFieldsInto && "singleAxis" !== options.dataFieldsDisplayMode || 1 === dataFields.length) {
                    const valueAxisSettings = [];
                    (0, _iterator.each)(dataFields, (_, dataField) => {
                        const valueAxisOptions = {
                            name: dataField.caption,
                            title: dataField.caption,
                            valueType: FORMAT_DICTIONARY[dataField.dataType] || dataField.dataType,
                            label: {
                                format: dataField.format
                            }
                        };
                        if (dataField.customizeText) {
                            valueAxisOptions.label.customizeText = function(formatObject) {
                                return dataField.customizeText.call(dataField, formatObject)
                            }
                        }
                        if ("splitPanes" === options.dataFieldsDisplayMode) {
                            valueAxisOptions.pane = dataField.caption
                        }
                        valueAxisSettings.push(valueAxisOptions)
                    });
                    return valueAxisSettings
                }
                return [{}]
            }

            function createPanesOptions(dataSource, options) {
                const panes = [];
                const dataFields = dataSource.getAreaFields("data");
                if (dataFields.length > 1 && "splitPanes" === options.dataFieldsDisplayMode && "args" !== options.putDataFieldsInto) {
                    (0, _iterator.each)(dataFields, (_, dataField) => {
                        panes.push({
                            name: dataField.caption
                        })
                    })
                }
                if (!panes.length) {
                    panes.push({})
                }
                return panes
            }
            const ChartIntegrationMixin = exports.ChartIntegrationMixin = {
                bindChart(chart, integrationOptions) {
                    integrationOptions = (0, _extend.extend)({}, integrationOptions);
                    const that = this;
                    const updateChart = function() {
                        integrationOptions.grandTotalText = that.option("texts.grandTotal");
                        const chartOptions = function(dataSource, options) {
                            const {
                                customizeSeries: customizeSeries
                            } = options;
                            const {
                                customizeChart: customizeChart
                            } = options;
                            let chartOptions = {
                                valueAxis: createValueAxisOptions(dataSource, options),
                                panes: createPanesOptions(dataSource, options)
                            };
                            const axisDictionary = {};
                            if (customizeChart) {
                                chartOptions = (0, _extend.extend)(true, {}, chartOptions, customizeChart(chartOptions))
                            }
                            chartOptions.dataSource = createChartDataSource(dataSource, options, axisDictionary);
                            chartOptions.seriesTemplate = {
                                nameField: "series",
                                customizeSeries(seriesName) {
                                    let seriesOptions = {};
                                    if ("splitPanes" === options.dataFieldsDisplayMode) {
                                        seriesOptions.pane = axisDictionary[seriesName]
                                    } else if ("singleAxis" !== options.dataFieldsDisplayMode) {
                                        seriesOptions.axis = axisDictionary[seriesName]
                                    }
                                    if (customizeSeries) {
                                        seriesOptions = (0, _extend.extend)(seriesOptions, customizeSeries(seriesName, seriesOptions))
                                    }
                                    return seriesOptions
                                }
                            };
                            return chartOptions
                        }(that.getDataSource(), integrationOptions);
                        chart.option(chartOptions)
                    };
                    chart = function(chartElement) {
                        if (!chartElement) {
                            return false
                        }
                        if (chartElement.NAME) {
                            return "dxChart" === chartElement.NAME && chartElement
                        }
                        const element = (0, _renderer.default)(chartElement);
                        return element.data("dxChart") && element.dxChart("instance")
                    }(chart);
                    if (!chart) {
                        return null
                    }! function(chart) {
                        const unbind = chart.$element().data(UNBIND_KEY);
                        unbind && unbind()
                    }(chart);
                    that.on("changed", updateChart);
                    updateChart();
                    const disposeBinding = function() {
                        chart.$element().removeData(UNBIND_KEY);
                        that.off("changed", updateChart)
                    };
                    chart.on("disposing", disposeBinding);
                    this.on("disposing", disposeBinding);
                    chart.$element().data(UNBIND_KEY, disposeBinding);
                    return disposeBinding
                }
            };
            exports.default = {
                ChartIntegrationMixin: ChartIntegrationMixin
            }
        },
        58537(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CLASSES = void 0;
            exports.CLASSES = {
                scrollBarMeasureElement: "dx-pivotgrid-scrollbar-measure-element"
            }
        },
        31045(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.DataArea = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _m_support = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/m_support */ 85991));
            var _m_area_item = __webpack_require__( /*! ../area_item/m_area_item */ 96273);
            var _m_widget_utils = __webpack_require__( /*! ../m_widget_utils */ 12062);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DataArea extends _m_area_item.AreaItem {
                _getAreaName() {
                    return "data"
                }
                _createGroupElement() {
                    return (0, _renderer.default)("<div>").addClass("dx-pivotgrid-area").addClass("dx-pivotgrid-area-data").css("borderTopWidth", 0)
                }
                _applyCustomStyles(options) {
                    const {
                        cell: cell
                    } = options;
                    const {
                        classArray: classArray
                    } = options;
                    if ("T" === cell.rowType || "T" === cell.columnType) {
                        classArray.push("dx-total")
                    }
                    if ("GT" === cell.rowType || "GT" === cell.columnType) {
                        classArray.push("dx-grandtotal")
                    }
                    if ("T" === cell.rowType || "GT" === cell.rowType) {
                        classArray.push("dx-row-total")
                    }
                    if (options.rowIndex === options.rowsCount - 1) {
                        options.cssArray.push("border-bottom: 0px")
                    }
                    super._applyCustomStyles(options)
                }
                _moveFakeTable(scrollPos) {
                    this._moveFakeTableHorizontally(scrollPos.x);
                    this._moveFakeTableTop(scrollPos.y);
                    super._moveFakeTable()
                }
                renderScrollable() {
                    this._groupElement.dxScrollable({
                        useNative: this.getUseNativeValue(),
                        useSimulatedScrollbar: false,
                        rtlEnabled: this.component.option("rtlEnabled"),
                        bounceEnabled: false,
                        updateManually: true
                    })
                }
                getUseNativeValue() {
                    const {
                        useNative: useNative
                    } = this.component.option("scrolling");
                    return "auto" === useNative ? !!_m_support.default.nativeScrolling : !!useNative
                }
                getScrollbarWidth() {
                    return this.getUseNativeValue() ? (0, _m_widget_utils.calculateScrollbarWidth)() : 0
                }
                updateScrollableOptions(_ref) {
                    let {
                        direction: direction,
                        rtlEnabled: rtlEnabled
                    } = _ref;
                    const scrollable = this._getScrollable();
                    scrollable.option("useNative", this.getUseNativeValue());
                    scrollable.option({
                        direction: direction,
                        rtlEnabled: rtlEnabled
                    })
                }
                getScrollableDirection(horizontal, vertical) {
                    if (horizontal && !vertical) {
                        return "horizontal"
                    }
                    if (!horizontal && vertical) {
                        return "vertical"
                    }
                    return "both"
                }
                reset() {
                    super.reset();
                    if (this._virtualContent) {
                        this._virtualContent.parent().css("height", "auto")
                    }
                }
                setVirtualContentParams(params) {
                    super.setVirtualContentParams(params);
                    this._virtualContent.parent().css("height", params.height);
                    this._setTableCss({
                        top: params.top,
                        left: params.left
                    })
                }
            }
            exports.DataArea = DataArea;
            exports.default = {
                DataArea: DataArea
            }
        },
        18509(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.DataController__internals = exports.DataController = void 0;
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/callbacks */ 84718));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _string = __webpack_require__( /*! ../../../../core/utils/string */ 54497);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _m_state_storing_core = _interopRequireDefault(__webpack_require__( /*! ../../../grids/grid_core/state_storing/m_state_storing_core */ 93416));
            var _m_virtual_columns_core = __webpack_require__( /*! ../../../grids/grid_core/virtual_columns/m_virtual_columns_core */ 32760);
            var _m_virtual_scrolling_core = _interopRequireDefault(__webpack_require__( /*! ../../../grids/grid_core/virtual_scrolling/m_virtual_scrolling_core */ 89272));
            var _m_data_source = __webpack_require__( /*! ../data_source/m_data_source */ 87993);
            var _m_widget_utils = __webpack_require__( /*! ../m_widget_utils */ 12062);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const math = Math;
            const proxyMethod = function(type, methodName, defaultResult) {
                const target = type.prototype;
                if (!target[methodName]) {
                    target[methodName] = function() {
                        const dataSource = this._dataSource;
                        return dataSource ? dataSource[methodName].apply(dataSource, arguments) : defaultResult
                    }
                }
            };
            class DataController {
                constructor(options) {
                    this.createHeaderInfo = (headerItems, headerDescriptions, cellDescriptions, isHorizontal, options) => {
                        const info = [];
                        const depthSize = this._getHeaderItemsDepth(headerItems) || 1;
                        const d = new _deferred.Deferred;
                        this._getViewHeaderItems(headerItems, headerDescriptions, cellDescriptions, depthSize, options).done(viewHeaderItems => {
                            this._fillHeaderInfo(info, viewHeaderItems, depthSize, isHorizontal, "tree" === options.layout);
                            options.notifyProgress(1);
                            d.resolve(info)
                        });
                        return d
                    };
                    this._getHeaderItemsDepth = headerItems => {
                        let depth = 0;
                        (0, _m_widget_utils.foreachTree)(headerItems, items => {
                            depth = math.max(depth, items.length)
                        });
                        return depth
                    };
                    this._createInfoItem = (headerItem, breadth, isHorizontal, isTree) => {
                        var _headerItem$children;
                        const infoItem = {
                            type: headerItem.type,
                            text: headerItem.text
                        };
                        if (headerItem.path) {
                            infoItem.path = headerItem.path
                        }
                        if (headerItem.width) {
                            infoItem.width = headerItem.width
                        }
                        if ((0, _type.isDefined)(headerItem.wordWrapEnabled)) {
                            infoItem.wordWrapEnabled = headerItem.wordWrapEnabled
                        }
                        if (headerItem.isLast) {
                            infoItem.isLast = true
                        }
                        if (headerItem.sorted) {
                            infoItem.sorted = true
                        }
                        if (headerItem.isMetric) {
                            infoItem.dataIndex = headerItem.dataIndex
                        }
                        if ((0, _type.isDefined)(headerItem.expanded)) {
                            infoItem.expanded = headerItem.expanded
                        }
                        if (breadth > 1) {
                            infoItem[isHorizontal ? "colspan" : "rowspan"] = breadth
                        }
                        if (headerItem.depthSize && headerItem.depthSize > 1) {
                            infoItem[isHorizontal ? "rowspan" : "colspan"] = headerItem.depthSize
                        }
                        if (headerItem.index >= 0) {
                            infoItem.dataSourceIndex = headerItem.index
                        }
                        if (isTree && null !== (_headerItem$children = headerItem.children) && void 0 !== _headerItem$children && _headerItem$children.length && !headerItem.children[0].isMetric) {
                            infoItem.width = null;
                            infoItem.isWhiteSpace = true
                        }
                        return infoItem
                    };
                    this._addInfoItem = (info, options) => {
                        const breadth = options.lastIndex - options.index || 1;
                        const itemInfo = this._createInfoItem(options.headerItem, breadth, options.isHorizontal, options.isTree);
                        ! function(info, infoItem, itemIndex, depthIndex, isHorizontal) {
                            const index = isHorizontal ? depthIndex : itemIndex;
                            while (!info[index]) {
                                info.push([])
                            }
                            if (isHorizontal) {
                                info[index].push(infoItem)
                            } else {
                                info[index].unshift(infoItem)
                            }
                        }(info, itemInfo, options.index, options.depth, options.isHorizontal);
                        if (!options.headerItem.children || 0 === options.headerItem.children.length) {
                            return options.lastIndex + 1
                        }
                        return options.lastIndex
                    };
                    this._isItemSorted = (items, sortBySummaryPath) => {
                        let path;
                        const item = items[0];
                        const stringValuesUsed = (0, _type.isString)(sortBySummaryPath[0]);
                        const headerItem = item.dataIndex >= 0 ? items[1] : item;
                        if (stringValuesUsed && -1 !== sortBySummaryPath[0].indexOf("&[") && headerItem.key || !headerItem.key) {
                            path = (0, _m_widget_utils.createPath)(items)
                        } else {
                            path = (0, _iterator.map)(items, it => it.dataIndex >= 0 ? it.value : it.text).reverse()
                        }
                        if ("GT" === item.type) {
                            path = path.slice(1)
                        }
                        return path.join("/") === sortBySummaryPath.join("/")
                    };
                    this._getViewHeaderItems = (headerItems, headerDescriptions, cellDescriptions, depthSize, options) => {
                        const cellDescriptionsCount = cellDescriptions.length;
                        const viewHeaderItems = this._createViewHeaderItems(headerItems, headerDescriptions);
                        const {
                            dataFields: dataFields
                        } = options;
                        const d = new _deferred.Deferred;
                        (0, _deferred.when)(viewHeaderItems).done(items => {
                            options.notifyProgress(.5);
                            const viewItems = items;
                            if (options.showGrandTotals) {
                                viewItems[!options.showTotalsPrior ? "push" : "unshift"]({
                                    type: "GT",
                                    isEmpty: options.isEmptyGrandTotal
                                })
                            }
                            const hideTotals = false === options.showTotals || dataFields.length > 0 && dataFields.length === options.hiddenTotals.length;
                            const hideData = dataFields.length > 0 && options.hiddenValues.length === dataFields.length;
                            if (hideData && hideTotals) {
                                depthSize = 1
                            }
                            if (!hideTotals || "tree" === options.layout) {
                                this._addAdditionalTotalHeaderItems(viewItems, headerDescriptions, options.showTotalsPrior, "tree" === options.layout)
                            }(0, _deferred.when)((0, _m_widget_utils.foreachTreeAsync)(viewItems, items => {
                                const item = items[0];
                                if (!item.children || 0 === item.children.length) {
                                    item.depthSize = depthSize - items.length + 1
                                }
                            })).done(() => {
                                if (cellDescriptionsCount > 1) {
                                    this._addMetricHeaderItems(viewItems, cellDescriptions, options)
                                }!options.showEmpty && this._removeHiddenItems(viewItems);
                                options.notifyProgress(.75);
                                (0, _deferred.when)((0, _m_widget_utils.foreachTreeAsync)(viewItems, items => {
                                    var _item$children;
                                    const item = items[0];
                                    const {
                                        isMetric: isMetric
                                    } = item;
                                    const field = headerDescriptions[items.length - 1] || {};
                                    if ("D" === item.type && !isMetric) {
                                        item.width = field.width
                                    }
                                    if (hideData && "D" === item.type) {
                                        const parentChildren = (items[1] ? items[1].children : viewItems) || [];
                                        parentChildren.splice(parentChildren.indexOf(item), 1);
                                        return
                                    }
                                    if (isMetric) {
                                        item.wordWrapEnabled = cellDescriptions[item.dataIndex].wordWrapEnabled
                                    } else {
                                        item.wordWrapEnabled = field.wordWrapEnabled
                                    }
                                    item.isLast = !(null !== (_item$children = item.children) && void 0 !== _item$children && _item$children.length);
                                    if (item.isLast) {
                                        (0, _iterator.each)(options.sortBySummaryPaths, (_, sortBySummaryPath) => {
                                            if (!(0, _type.isDefined)(item.dataIndex)) {
                                                sortBySummaryPath = sortBySummaryPath.slice(0);
                                                sortBySummaryPath.pop()
                                            }
                                            if (this._isItemSorted(items, sortBySummaryPath)) {
                                                item.sorted = true;
                                                return false
                                            }
                                            return
                                        })
                                    }
                                    item.text = this.getHeaderItemText(item, field, options)
                                })).done(() => {
                                    if (!viewItems.length) {
                                        viewItems.push({})
                                    }
                                    options.notifyProgress(1);
                                    d.resolve(viewItems)
                                })
                            })
                        });
                        return d
                    };
                    this._createHeaderItem = (childrenStack, depth, index) => {
                        const parent = childrenStack[depth] = childrenStack[depth] || [];
                        const node = parent[index] = {};
                        if (childrenStack[depth + 1]) {
                            node.children = childrenStack[depth + 1];
                            for (let i = depth + 1; i < childrenStack.length; i += 1) {
                                childrenStack[i] = void 0
                            }
                            childrenStack.length = depth + 1
                        }
                        return node
                    };
                    this._createViewHeaderItems = (headerItems, headerDescriptions) => {
                        const headerDescriptionsCount = (null === headerDescriptions || void 0 === headerDescriptions ? void 0 : headerDescriptions.length) || 0;
                        const childrenStack = [];
                        const d = new _deferred.Deferred;
                        let headerItem;
                        (0, _deferred.when)((0, _m_widget_utils.foreachTreeAsync)(headerItems, (items, index) => {
                            const item = items[0];
                            const path = (0, _m_widget_utils.createPath)(items);
                            headerItem = this._createHeaderItem(childrenStack, path.length, index);
                            headerItem.type = "D";
                            headerItem.value = item.value;
                            headerItem.path = path;
                            headerItem.text = item.text;
                            headerItem.index = item.index;
                            headerItem.displayText = item.displayText;
                            headerItem.key = item.key;
                            headerItem.isEmpty = item.isEmpty;
                            if (path.length < headerDescriptionsCount && (!item.children || 0 !== item.children.length)) {
                                headerItem.expanded = !!item.children
                            }
                        })).done(() => {
                            d.resolve(this._createHeaderItem(childrenStack, 0, 0).children || [])
                        });
                        return d
                    };
                    this._addMetricHeaderItems = (headerItems, cellDescriptions, options) => {
                        (0, _m_widget_utils.foreachTree)(headerItems, items => {
                            const item = items[0];
                            let i;
                            if (!item.children || 0 === item.children.length) {
                                item.children = [];
                                for (i = 0; i < cellDescriptions.length; i += 1) {
                                    var _item$isEmpty;
                                    const isGrandTotal = "GT" === item.type;
                                    const isTotal = "T" === item.type;
                                    const isValue = "D" === item.type;
                                    const columnIsHidden = false === cellDescriptions[i].visible || isGrandTotal && options.hiddenGrandTotals.includes(i) || isTotal && options.hiddenTotals.includes(i) || isValue && options.hiddenValues.includes(i);
                                    if (columnIsHidden) {
                                        continue
                                    }
                                    item.children.push({
                                        caption: cellDescriptions[i].caption,
                                        path: item.path,
                                        type: item.type,
                                        value: i,
                                        index: item.index,
                                        dataIndex: i,
                                        isMetric: true,
                                        isEmpty: null === (_item$isEmpty = item.isEmpty) || void 0 === _item$isEmpty ? void 0 : _item$isEmpty[i]
                                    })
                                }
                            }
                        })
                    };
                    this._addAdditionalTotalHeaderItems = (headerItems, headerDescriptions, showTotalsPrior, isTree) => {
                        showTotalsPrior = showTotalsPrior || isTree;
                        (0, _m_widget_utils.foreachTree)(headerItems, (items, index) => {
                            const item = items[0];
                            const parentChildren = (items[1] ? items[1].children : headerItems) || [];
                            const dataField = headerDescriptions[items.length - 1];
                            if ("D" === item.type && item.expanded && (false !== dataField.showTotals || isTree)) {
                                -1 !== index && parentChildren.splice(showTotalsPrior ? index : index + 1, 0, (0, _extend.extend)({}, item, {
                                    children: null,
                                    type: "T",
                                    expanded: showTotalsPrior ? true : null,
                                    isAdditionalTotal: true
                                }));
                                if (showTotalsPrior) {
                                    item.expanded = null
                                }
                            }
                        })
                    };
                    this._removeEmptyParent = (items, index) => {
                        const parent = items[index + 1];
                        if (!items[index].children.length && null !== parent && void 0 !== parent && parent.children) {
                            parent.children.splice(parent.children.indexOf(items[index]), 1);
                            this._removeEmptyParent(items, index + 1)
                        }
                    };
                    this._removeHiddenItems = headerItems => {
                        (0, _m_widget_utils.foreachTree)([{
                            children: headerItems
                        }], (items, index) => {
                            var _isEmpty;
                            const item = items[0];
                            const parentChildren = (items[1] ? items[1].children : headerItems) || [];
                            let {
                                isEmpty: isEmpty
                            } = item;
                            if (null !== (_isEmpty = isEmpty) && void 0 !== _isEmpty && _isEmpty.length) {
                                isEmpty = item.isEmpty.filter(v => v).length === isEmpty.length
                            }
                            if (item && !item.children && isEmpty) {
                                parentChildren.splice(index, 1);
                                this._removeEmptyParent(items, 1)
                            }
                        })
                    };
                    this._fillHeaderInfo = (info, viewHeaderItems, depthSize, isHorizontal, isTree) => {
                        let lastIndex = 0;
                        let index;
                        let depth;
                        const indexesByDepth = [0];
                        (0, _m_widget_utils.foreachTree)(viewHeaderItems, items => {
                            const headerItem = items[0];
                            depth = headerItem.isMetric ? depthSize : items.length - 1;
                            while (indexesByDepth.length - 1 < depth) {
                                indexesByDepth.push(indexesByDepth[indexesByDepth.length - 1])
                            }
                            index = indexesByDepth[depth] || 0;
                            lastIndex = this._addInfoItem(info, {
                                headerItem: headerItem,
                                index: index,
                                lastIndex: lastIndex,
                                depth: depth,
                                isHorizontal: isHorizontal,
                                isTree: isTree
                            });
                            indexesByDepth.length = depth;
                            indexesByDepth.push(lastIndex)
                        })
                    };
                    const that = this;
                    const virtualScrollControllerChanged = that._fireChanged.bind(that);
                    options = that._options = options || {};
                    that.dataSourceChanged = (0, _callbacks.default)();
                    that._dataSource = that._createDataSource(options);
                    if (options.component && "virtual" === options.component.option("scrolling.mode")) {
                        that._rowsScrollController = this.createScrollController(that, options.component, {
                            totalItemsCount: () => that.totalRowCount(),
                            pageIndex: index => that.rowPageIndex(index),
                            pageSize: () => that.rowPageSize(),
                            load() {
                                if (that._rowsScrollController.pageIndex() >= this.pageCount()) {
                                    that._rowsScrollController.pageIndex(this.pageCount() - 1)
                                }
                                return that._rowsScrollController.handleDataChanged(function() {
                                    if (that._dataSource.paginate()) {
                                        that._dataSource.load()
                                    } else {
                                        virtualScrollControllerChanged.apply(this, arguments)
                                    }
                                })
                            }
                        });
                        that._columnsScrollController = this.createScrollController(that, options.component, {
                            totalItemsCount: () => that.totalColumnCount(),
                            pageIndex: index => that.columnPageIndex(index),
                            pageSize: () => that.columnPageSize(),
                            load() {
                                if (that._columnsScrollController.pageIndex() >= this.pageCount()) {
                                    that._columnsScrollController.pageIndex(this.pageCount() - 1)
                                }
                                return that._columnsScrollController.handleDataChanged(function() {
                                    if (that._dataSource.paginate()) {
                                        that._dataSource.load()
                                    } else {
                                        virtualScrollControllerChanged.apply(this, arguments)
                                    }
                                })
                            }
                        })
                    }
                    that._stateStoringController = new _m_state_storing_core.default.StateStoringController(options.component).init();
                    that._columnsInfo = [];
                    that._rowsInfo = [];
                    that._cellsInfo = [];
                    that.expandValueChanging = (0, _callbacks.default)();
                    that.loadingChanged = (0, _callbacks.default)();
                    that.progressChanged = (0, _callbacks.default)();
                    that.scrollChanged = (0, _callbacks.default)();
                    that.load();
                    that._update();
                    that.changed = (0, _callbacks.default)()
                }
                getHeaderItemText(item, description, options) {
                    let {
                        text: text
                    } = item;
                    if ((0, _type.isDefined)(item.displayText)) {
                        text = item.displayText
                    } else if ((0, _type.isDefined)(item.caption)) {
                        text = item.caption
                    } else if ("GT" === item.type) {
                        text = options.texts.grandTotal
                    }
                    if (item.isAdditionalTotal) {
                        text = (0, _string.format)(options.texts.total || "", text)
                    }
                    return text
                }
                formatCellValue(value, dataField, errorText) {
                    return "#N/A" === value ? errorText : (0, _m_widget_utils.formatValue)(value, dataField)
                }
                createSortPaths(headerFields, dataFields) {
                    const sortBySummaryPaths = [];
                    (0, _iterator.each)(headerFields, (_, headerField) => {
                        const fieldIndex = (0, _m_widget_utils.findField)(dataFields, headerField.sortBySummaryField);
                        if (fieldIndex >= 0) {
                            sortBySummaryPaths.push((headerField.sortBySummaryPath || []).concat([fieldIndex]))
                        }
                    });
                    return sortBySummaryPaths
                }
                foreachRowInfo(rowsInfo, callback) {
                    let columnOffset = 0;
                    const columnOffsetResetIndexes = [];
                    for (let i = 0; i < rowsInfo.length; i += 1) {
                        for (let j = 0; j < rowsInfo[i].length; j += 1) {
                            const rowSpanOffset = (rowsInfo[i][j].rowspan || 1) - 1;
                            const visibleIndex = i + rowSpanOffset;
                            if (columnOffsetResetIndexes[i]) {
                                columnOffset -= columnOffsetResetIndexes[i];
                                columnOffsetResetIndexes[i] = 0
                            }
                            if (false === callback(rowsInfo[i][j], visibleIndex, i, j, columnOffset)) {
                                break
                            }
                            columnOffsetResetIndexes[i + (rowsInfo[i][j].rowspan || 1)] = (columnOffsetResetIndexes[i + (rowsInfo[i][j].rowspan || 1)] || 0) + 1;
                            columnOffset += 1
                        }
                    }
                }
                createCellsInfo(rowsInfo, columnsInfo, data, dataFields, dataFieldArea, errorText) {
                    const info = [];
                    const dataFieldAreaInRows = "row" === dataFieldArea;
                    const dataSourceCells = data.values;
                    dataSourceCells.length && this.foreachRowInfo(rowsInfo, (rowInfo, rowIndex) => {
                        const row = info[rowIndex] = [];
                        const dataRow = dataSourceCells[rowInfo.dataSourceIndex >= 0 ? rowInfo.dataSourceIndex : data.grandTotalRowIndex] || [];
                        rowInfo.isLast && (0, _m_virtual_columns_core.foreachColumnInfo)(columnsInfo, (columnInfo, columnIndex) => {
                            const dataIndex = (dataFieldAreaInRows ? rowInfo.dataIndex : columnInfo.dataIndex) || 0;
                            const dataField = dataFields[dataIndex];
                            if (columnInfo.isLast && dataField && false !== dataField.visible) {
                                let cell = dataRow[columnInfo.dataSourceIndex >= 0 ? columnInfo.dataSourceIndex : data.grandTotalColumnIndex];
                                if (!Array.isArray(cell)) {
                                    cell = [cell]
                                }
                                const cellValue = cell[dataIndex];
                                row[columnIndex] = {
                                    text: this.formatCellValue(cellValue, dataField, errorText),
                                    value: cellValue,
                                    format: dataField.format,
                                    dataType: dataField.dataType,
                                    columnType: columnInfo.type,
                                    rowType: rowInfo.type,
                                    rowPath: rowInfo.path || [],
                                    columnPath: columnInfo.path || [],
                                    dataIndex: dataIndex
                                };
                                if (dataField.width) {
                                    row[columnIndex].width = dataField.width
                                }
                            }
                        })
                    });
                    return info
                }
                getHeaderIndexedItems(headerItems, options) {
                    let visibleIndex = 0;
                    const indexedItems = [];
                    (0, _m_widget_utils.foreachTree)(headerItems, items => {
                        const headerItem = items[0];
                        const path = (0, _m_widget_utils.createPath)(items);
                        if (headerItem.children && false === options.showTotals) {
                            return
                        }
                        const indexedItem = (0, _extend.extend)(true, {}, headerItem, {
                            visibleIndex: visibleIndex += 1,
                            path: path
                        });
                        if ((0, _type.isDefined)(indexedItem.index)) {
                            indexedItems[indexedItem.index] = indexedItem
                        } else {
                            indexedItems.push(indexedItem)
                        }
                    });
                    return indexedItems
                }
                createScrollController(dataController, component, dataAdapter) {
                    return new _m_virtual_scrolling_core.default.VirtualScrollController(component, (0, _extend.extend)({
                        hasKnownLastPage: () => true,
                        pageCount() {
                            return math.ceil(this.totalItemsCount() / this.pageSize())
                        },
                        updateLoading() {},
                        itemsCount() {
                            if (this.pageIndex() < this.pageCount() - 1) {
                                return this.pageSize()
                            }
                            return this.totalItemsCount() % this.pageSize()
                        },
                        items: () => [],
                        viewportItems: () => [],
                        onChanged() {},
                        isLoading: () => dataController.isLoading(),
                        changingDuration() {
                            const dataSource = dataController._dataSource;
                            if (dataSource.paginate()) {
                                return 300
                            }
                            return dataController._changingDuration || 0
                        }
                    }, dataAdapter))
                }
                getHiddenTotals(dataFields) {
                    const result = [];
                    (0, _iterator.each)(dataFields, (index, field) => {
                        if (false === field.showTotals) {
                            result.push(index)
                        }
                    });
                    return result
                }
                getHiddenValues(dataFields) {
                    const result = [];
                    dataFields.forEach((field, index) => {
                        if (void 0 === field.showValues && false === field.showTotals || false === field.showValues) {
                            result.push(index)
                        }
                    });
                    return result
                }
                getHiddenGrandTotalsTotals(dataFields, columnFields) {
                    let result = [];
                    (0, _iterator.each)(dataFields, (index, field) => {
                        if (false === field.showGrandTotals) {
                            result.push(index)
                        }
                    });
                    if (0 === columnFields.length && result.length === dataFields.length) {
                        result = []
                    }
                    return result
                }
                _fireChanged() {
                    const startChanging = new Date;
                    this.changed && !this._lockChanged && this.changed.fire();
                    this._changingDuration = new Date - startChanging
                }
                _correctSkipsTakes(rowIndex, rowSkip, rowSpan, levels, skips, takes) {
                    const endIndex = rowSpan ? rowIndex + rowSpan - 1 : rowIndex;
                    skips[levels.length] = skips[levels.length] || 0;
                    takes[levels.length] = takes[levels.length] || 0;
                    if (endIndex < rowSkip) {
                        skips[levels.length] += 1
                    } else {
                        takes[levels.length] += 1
                    }
                }
                _calculatePagingForRowExpandedPaths(options, skips, takes, rowExpandedSkips, rowExpandedTakes) {
                    const rows = this._rowsInfo;
                    const rowCount = Math.min(options.rowSkip + options.rowTake, rows.length);
                    const {
                        rowExpandedPaths: rowExpandedPaths
                    } = options;
                    let levels = [];
                    const expandedPathIndexes = {};
                    let i;
                    let j;
                    let path;
                    rowExpandedPaths.forEach((path, index) => {
                        expandedPathIndexes[path] = index
                    });
                    for (i = 0; i < rowCount; i += 1) {
                        takes.length = skips.length = levels.length + 1;
                        for (j = 0; j < rows[i].length; j += 1) {
                            const cell = rows[i][j];
                            if ("D" === cell.type) {
                                this._correctSkipsTakes(i, options.rowSkip, cell.rowspan, levels, skips, takes);
                                path = cell.path || path;
                                const expandIndex = path && path.length > 1 ? expandedPathIndexes[path.slice(0, -1)] : -1;
                                if (expandIndex >= 0) {
                                    rowExpandedSkips[expandIndex] = skips[levels.length] || 0;
                                    rowExpandedTakes[expandIndex] = takes[levels.length] || 0
                                }
                                if (cell.rowspan) {
                                    levels.push(cell.rowspan)
                                }
                            }
                        }
                        levels = levels.map(level => level - 1).filter(level => level > 0)
                    }
                }
                _calculatePagingForColumnExpandedPaths(options, skips, takes, expandedSkips, expandedTakes) {
                    const skipByPath = {};
                    const takeByPath = {};
                    (0, _m_virtual_columns_core.foreachColumnInfo)(this._columnsInfo, (columnInfo, columnIndex) => {
                        if ("D" === columnInfo.type && columnInfo.path && void 0 === columnInfo.dataIndex) {
                            const colspan = columnInfo.colspan || 1;
                            const path = columnInfo.path.slice(0, -1).toString();
                            skipByPath[path] = skipByPath[path] || 0;
                            takeByPath[path] = takeByPath[path] || 0;
                            if (columnIndex + colspan <= options.columnSkip) {
                                skipByPath[path] += 1
                            } else if (columnIndex < options.columnSkip + options.columnTake) {
                                takeByPath[path] += 1
                            }
                        }
                    });
                    skips[0] = skipByPath[""];
                    takes[0] = takeByPath[""];
                    options.columnExpandedPaths.forEach((path, index) => {
                        const skip = skipByPath[path];
                        const take = takeByPath[path];
                        if (void 0 !== skip) {
                            expandedSkips[index] = skip
                        }
                        if (void 0 !== take) {
                            expandedTakes[index] = take
                        }
                    })
                }
                _processPagingForExpandedPaths(options, area, storeLoadOptions, reload) {
                    const expandedPaths = options[`${area}ExpandedPaths`];
                    const expandedSkips = expandedPaths.map(() => 0);
                    const expandedTakes = expandedPaths.map(() => reload ? options.pageSize : 0);
                    const skips = [];
                    const takes = [];
                    if (!reload) {
                        if ("row" === area) {
                            this._calculatePagingForRowExpandedPaths(options, skips, takes, expandedSkips, expandedTakes)
                        } else {
                            this._calculatePagingForColumnExpandedPaths(options, skips, takes, expandedSkips, expandedTakes)
                        }
                    }
                    this._savePagingForExpandedPaths(options, area, storeLoadOptions, skips[0], takes[0], expandedSkips, expandedTakes)
                }
                _savePagingForExpandedPaths(options, area, storeLoadOptions, skip, take, expandedSkips, expandedTakes) {
                    const expandedPaths = options[`${area}ExpandedPaths`];
                    options[`${area}ExpandedPaths`] = [];
                    options[`${area}Skip`] = void 0 !== skip ? skip : options[`${area}Skip`];
                    options[`${area}Take`] = void 0 !== take ? take : options[`${area}Take`];
                    for (let i = 0; i < expandedPaths.length; i += 1) {
                        if (expandedTakes[i]) {
                            const isOppositeArea = options.area && options.area !== area;
                            storeLoadOptions.push((0, _extend.extend)({
                                area: area,
                                headerName: `${area}s`
                            }, options, {
                                [`${area}Skip`]: expandedSkips[i],
                                [`${area}Take`]: expandedTakes[i],
                                [isOppositeArea ? "oppositePath" : "path"]: expandedPaths[i]
                            }))
                        }
                    }
                }
                _handleCustomizeStoreLoadOptions(storeLoadOptions, reload) {
                    const options = storeLoadOptions[0];
                    const rowsScrollController = this._rowsScrollController;
                    if (this._dataSource.paginate() && rowsScrollController) {
                        const rowPageSize = rowsScrollController.pageSize();
                        if ("rows" === options.headerName) {
                            options.rowSkip = 0;
                            options.rowTake = rowPageSize;
                            options.rowExpandedPaths = []
                        } else {
                            options.rowSkip = rowsScrollController.beginPageIndex() * rowPageSize;
                            options.rowTake = (rowsScrollController.endPageIndex() - rowsScrollController.beginPageIndex() + 1) * rowPageSize;
                            this._processPagingForExpandedPaths(options, "row", storeLoadOptions, reload)
                        }
                    }
                    const columnsScrollController = this._columnsScrollController;
                    if (this._dataSource.paginate() && columnsScrollController) {
                        const columnPageSize = columnsScrollController.pageSize();
                        storeLoadOptions.forEach(options => {
                            if ("columns" === options.headerName) {
                                options.columnSkip = 0;
                                options.columnTake = columnPageSize;
                                options.columnExpandedPaths = []
                            } else {
                                options.columnSkip = columnsScrollController.beginPageIndex() * columnPageSize;
                                options.columnTake = (columnsScrollController.endPageIndex() - columnsScrollController.beginPageIndex() + 1) * columnPageSize;
                                this._processPagingForExpandedPaths(options, "column", storeLoadOptions, reload)
                            }
                        })
                    }
                }
                load() {
                    const that = this;
                    const stateStoringController = this._stateStoringController;
                    if (stateStoringController.isEnabled() && !stateStoringController.isLoaded()) {
                        stateStoringController.load().always(state => {
                            if (state) {
                                that._dataSource.state(state)
                            } else {
                                that._dataSource.load()
                            }
                        })
                    } else {
                        that._dataSource.load()
                    }
                }
                calculateVirtualContentParams(contentParams) {
                    const that = this;
                    const rowsScrollController = that._rowsScrollController;
                    const columnsScrollController = that._columnsScrollController;
                    if (rowsScrollController && columnsScrollController) {
                        rowsScrollController.viewportItemSize(contentParams.virtualRowHeight);
                        rowsScrollController.viewportSize(contentParams.viewportHeight / rowsScrollController.viewportItemSize());
                        rowsScrollController.setContentItemSizes(contentParams.itemHeights);
                        columnsScrollController.viewportItemSize(contentParams.virtualColumnWidth);
                        columnsScrollController.viewportSize(contentParams.viewportWidth / columnsScrollController.viewportItemSize());
                        columnsScrollController.setContentItemSizes(contentParams.itemWidths);
                        (0, _common.deferUpdate)(() => {
                            columnsScrollController.loadIfNeed();
                            rowsScrollController.loadIfNeed()
                        });
                        that.scrollChanged.fire({
                            left: columnsScrollController.getViewportPosition(),
                            top: rowsScrollController.getViewportPosition()
                        });
                        return {
                            contentTop: rowsScrollController.getContentOffset(),
                            contentLeft: columnsScrollController.getContentOffset(),
                            width: columnsScrollController.getVirtualContentSize(),
                            height: rowsScrollController.getVirtualContentSize()
                        }
                    }
                    return
                }
                setViewportPosition(left, top) {
                    this._rowsScrollController.setViewportPosition(top || 0);
                    this._columnsScrollController.setViewportPosition(left || 0)
                }
                subscribeToWindowScrollEvents($element) {
                    var _this$_rowsScrollCont;
                    null === (_this$_rowsScrollCont = this._rowsScrollController) || void 0 === _this$_rowsScrollCont || _this$_rowsScrollCont.subscribeToWindowScrollEvents($element)
                }
                updateWindowScrollPosition(position) {
                    var _this$_rowsScrollCont2;
                    null === (_this$_rowsScrollCont2 = this._rowsScrollController) || void 0 === _this$_rowsScrollCont2 || _this$_rowsScrollCont2.scrollTo(position)
                }
                updateViewOptions(options) {
                    (0, _extend.extend)(this._options, options);
                    this._update()
                }
                _handleExpandValueChanging(e) {
                    this.expandValueChanging.fire(e)
                }
                _handleLoadingChanged(isLoading) {
                    this.loadingChanged.fire(isLoading)
                }
                _handleProgressChanged(progress) {
                    this.progressChanged.fire(progress)
                }
                _handleFieldsPrepared(e) {
                    var _this$_options$onFiel, _this$_options;
                    null === (_this$_options$onFiel = (_this$_options = this._options).onFieldsPrepared) || void 0 === _this$_options$onFiel || _this$_options$onFiel.call(_this$_options, e)
                }
                _createDataSource(options) {
                    const that = this;
                    const dataSourceOptions = options.dataSource;
                    let dataSource;
                    that._isSharedDataSource = dataSourceOptions instanceof _m_data_source.PivotGridDataSource;
                    if (that._isSharedDataSource) {
                        dataSource = dataSourceOptions
                    } else {
                        dataSource = new _m_data_source.PivotGridDataSource(dataSourceOptions)
                    }
                    that._expandValueChangingHandler = that._handleExpandValueChanging.bind(that);
                    that._loadingChangedHandler = that._handleLoadingChanged.bind(that);
                    that._fieldsPreparedHandler = that._handleFieldsPrepared.bind(that);
                    that._customizeStoreLoadOptionsHandler = that._handleCustomizeStoreLoadOptions.bind(that);
                    that._changedHandler = function() {
                        that._update();
                        that.dataSourceChanged.fire()
                    };
                    that._progressChangedHandler = function(progress) {
                        that._handleProgressChanged(.8 * progress)
                    };
                    dataSource.on("changed", that._changedHandler);
                    dataSource.on("expandValueChanging", that._expandValueChangingHandler);
                    dataSource.on("loadingChanged", that._loadingChangedHandler);
                    dataSource.on("progressChanged", that._progressChangedHandler);
                    dataSource.on("fieldsPrepared", that._fieldsPreparedHandler);
                    dataSource.on("customizeStoreLoadOptions", that._customizeStoreLoadOptionsHandler);
                    return dataSource
                }
                getDataSource() {
                    return this._dataSource
                }
                isLoading() {
                    return this._dataSource.isLoading()
                }
                beginLoading() {
                    this._dataSource.beginLoading()
                }
                endLoading() {
                    this._dataSource.endLoading()
                }
                _update() {
                    const that = this;
                    const dataSource = that._dataSource;
                    const options = that._options;
                    const columnFields = dataSource.getAreaFields("column");
                    const rowFields = dataSource.getAreaFields("row");
                    const dataFields = dataSource.getAreaFields("data");
                    const dataFieldsForRows = "row" === options.dataFieldArea ? dataFields : [];
                    const dataFieldsForColumns = "row" !== options.dataFieldArea ? dataFields : [];
                    const data = dataSource.getData();
                    const hiddenTotals = this.getHiddenTotals(dataFields);
                    const hiddenValues = this.getHiddenValues(dataFields);
                    const hiddenGrandTotals = this.getHiddenGrandTotalsTotals(dataFields, columnFields);
                    const grandTotalsAreHiddenForNotAllDataFields = dataFields.length > 0 ? hiddenGrandTotals.length !== dataFields.length : true;
                    const commonOptions = {
                        texts: options.texts || {},
                        hiddenTotals: hiddenTotals,
                        hiddenValues: hiddenValues,
                        hiddenGrandTotals: hiddenGrandTotals,
                        showEmpty: !options.hideEmptySummaryCells,
                        dataFields: dataFields,
                        progress: 0
                    };
                    const rowOptions = (0, _extend.extend)({}, commonOptions, {
                        isEmptyGrandTotal: data.isEmptyGrandTotalRow,
                        showTotals: options.showRowTotals,
                        showTotalsPrior: "rows" === options.showTotalsPrior || "both" === options.showTotalsPrior,
                        showGrandTotals: false !== options.showRowGrandTotals && grandTotalsAreHiddenForNotAllDataFields,
                        sortBySummaryPaths: this.createSortPaths(columnFields, dataFields),
                        layout: options.rowHeaderLayout,
                        fields: rowFields
                    });
                    const columnOptions = (0, _extend.extend)({}, commonOptions, {
                        isEmptyGrandTotal: data.isEmptyGrandTotalColumn,
                        showTotals: options.showColumnTotals,
                        showTotalsPrior: "columns" === options.showTotalsPrior || "both" === options.showTotalsPrior,
                        showGrandTotals: false !== options.showColumnGrandTotals && grandTotalsAreHiddenForNotAllDataFields,
                        sortBySummaryPaths: this.createSortPaths(rowFields, dataFields),
                        fields: columnFields
                    });
                    const notifyProgress = function(progress) {
                        this.progress = progress;
                        that._handleProgressChanged(.8 + .1 * rowOptions.progress + .1 * columnOptions.progress)
                    };
                    rowOptions.notifyProgress = notifyProgress;
                    columnOptions.notifyProgress = notifyProgress;
                    if (!(0, _type.isDefined)(data.grandTotalRowIndex)) {
                        data.grandTotalRowIndex = this.getHeaderIndexedItems(data.rows, rowOptions).length
                    }
                    if (!(0, _type.isDefined)(data.grandTotalColumnIndex)) {
                        data.grandTotalColumnIndex = this.getHeaderIndexedItems(data.columns, columnOptions).length
                    }
                    dataSource._changeLoadingCount(1);
                    (0, _deferred.when)(this.createHeaderInfo(data.columns, columnFields, dataFieldsForColumns, true, columnOptions), this.createHeaderInfo(data.rows, rowFields, dataFieldsForRows, false, rowOptions)).always(() => {
                        dataSource._changeLoadingCount(-1)
                    }).done((columnsInfo, rowsInfo) => {
                        that._columnsInfo = columnsInfo;
                        that._rowsInfo = rowsInfo;
                        if (that._rowsScrollController && that._columnsScrollController && that.changed && !that._dataSource.paginate()) {
                            that._rowsScrollController.reset(true);
                            that._columnsScrollController.reset(true);
                            that._lockChanged = true;
                            that._rowsScrollController.load();
                            that._columnsScrollController.load();
                            that._lockChanged = false
                        }
                    }).done(() => {
                        that._fireChanged();
                        if (that._stateStoringController.isEnabled() && !that._dataSource.isLoading()) {
                            that._stateStoringController.state(that._dataSource.state());
                            that._stateStoringController.save()
                        }
                    })
                }
                getRowsInfo(getAllData) {
                    const that = this;
                    const rowsInfo = that._rowsInfo;
                    const scrollController = that._rowsScrollController;
                    let rowspan;
                    const isOnePredefinedRow = 1 === rowsInfo.length && (!rowsInfo[0].type || "GT" === rowsInfo[0].type);
                    if (scrollController && !getAllData && !isOnePredefinedRow) {
                        const startIndex = scrollController.beginPageIndex() * that.rowPageSize();
                        const endIndex = scrollController.endPageIndex() * that.rowPageSize() + that.rowPageSize();
                        const summaryFields = that._dataSource.getSummaryFields();
                        const isRowDataFieldArea = "row" === this._options.dataFieldArea;
                        const newRowsInfo = [];
                        let maxDepth = 1;
                        this.foreachRowInfo(rowsInfo, (rowInfo, visibleIndex, rowIndex, _, columnIndex) => {
                            const isVisible = visibleIndex >= startIndex && rowIndex < endIndex;
                            const index = rowIndex < startIndex ? 0 : rowIndex - startIndex;
                            let cell = rowInfo;
                            if (isVisible) {
                                newRowsInfo[index] = newRowsInfo[index] || [];
                                rowspan = rowIndex < startIndex ? rowInfo.rowspan - (startIndex - rowIndex) || 1 : rowInfo.rowspan;
                                if (startIndex + index + rowspan > endIndex) {
                                    rowspan = endIndex - (index + startIndex) || 1
                                }
                                if (rowspan !== rowInfo.rowspan) {
                                    cell = (0, _extend.extend)({}, cell, {
                                        rowspan: rowspan
                                    })
                                }
                                newRowsInfo[index].push(cell);
                                const isSummaryCell = summaryFields.some(field => field.caption === cell.text);
                                if (!isRowDataFieldArea || !isSummaryCell) {
                                    maxDepth = math.max(maxDepth, columnIndex + 1)
                                }
                            } else {
                                return false
                            }
                            return
                        });
                        this.foreachRowInfo(newRowsInfo, (rowInfo, visibleIndex, rowIndex, columnIndex, realColumnIndex) => {
                            const colspan = rowInfo.colspan || 1;
                            if (realColumnIndex + colspan > maxDepth) {
                                newRowsInfo[rowIndex][columnIndex] = (0, _extend.extend)({}, rowInfo, {
                                    colspan: maxDepth - realColumnIndex || 1
                                })
                            }
                        });
                        return newRowsInfo
                    }
                    return rowsInfo
                }
                getColumnsInfo(getAllData) {
                    const that = this;
                    let info = that._columnsInfo;
                    const scrollController = that._columnsScrollController;
                    if (scrollController && !getAllData) {
                        const startIndex = scrollController.beginPageIndex() * that.columnPageSize();
                        const endIndex = scrollController.endPageIndex() * that.columnPageSize() + that.columnPageSize();
                        info = (0, _m_virtual_columns_core.createColumnsInfo)(info, startIndex, endIndex)
                    }
                    return info
                }
                totalRowCount() {
                    return this._rowsInfo.length
                }
                rowPageIndex(index) {
                    if (void 0 !== index) {
                        this._rowPageIndex = index
                    }
                    return this._rowPageIndex || 0
                }
                totalColumnCount() {
                    var _this$_columnsInfo;
                    let count = 0;
                    if (null !== (_this$_columnsInfo = this._columnsInfo) && void 0 !== _this$_columnsInfo && _this$_columnsInfo.length) {
                        for (let i = 0; i < this._columnsInfo[0].length; i += 1) {
                            count += this._columnsInfo[0][i].colspan || 1
                        }
                    }
                    return count
                }
                rowPageSize(size) {
                    if (void 0 !== size) {
                        this._rowPageSize = size
                    }
                    return this._rowPageSize || 20
                }
                columnPageSize(size) {
                    if (void 0 !== size) {
                        this._columnPageSize = size
                    }
                    return this._columnPageSize || 20
                }
                columnPageIndex(index) {
                    if (void 0 !== index) {
                        this._columnPageIndex = index
                    }
                    return this._columnPageIndex || 0
                }
                getCellsInfo(getAllData) {
                    const rowsInfo = this.getRowsInfo(getAllData);
                    const columnsInfo = this.getColumnsInfo(getAllData);
                    const data = this._dataSource.getData();
                    const texts = this._options.texts || {};
                    return this.createCellsInfo(rowsInfo, columnsInfo, data, this._dataSource.getAreaFields("data"), this._options.dataFieldArea, texts.dataNotAvailable)
                }
                dispose() {
                    var _that$_columnsScrollC, _that$_rowsScrollCont;
                    const that = this;
                    if (that._isSharedDataSource) {
                        that._dataSource.off("changed", that._changedHandler);
                        that._dataSource.off("expandValueChanging", that._expandValueChangingHandler);
                        that._dataSource.off("loadingChanged", that._loadingChangedHandler);
                        that._dataSource.off("progressChanged", that._progressChangedHandler);
                        that._dataSource.off("fieldsPrepared", that._fieldsPreparedHandler);
                        that._dataSource.off("customizeStoreLoadOptions", that._customizeStoreLoadOptionsHandler)
                    } else {
                        that._dataSource.dispose()
                    }
                    null === (_that$_columnsScrollC = that._columnsScrollController) || void 0 === _that$_columnsScrollC || _that$_columnsScrollC.dispose();
                    null === (_that$_rowsScrollCont = that._rowsScrollController) || void 0 === _that$_rowsScrollCont || _that$_rowsScrollCont.dispose();
                    that._stateStoringController.dispose();
                    that.expandValueChanging.empty();
                    that.changed.empty();
                    that.loadingChanged.empty();
                    that.progressChanged.empty();
                    that.scrollChanged.empty();
                    that.dataSourceChanged.empty()
                }
            }
            exports.DataController = DataController;
            proxyMethod(DataController, "applyPartialDataSource");
            proxyMethod(DataController, "collapseHeaderItem");
            proxyMethod(DataController, "expandHeaderItem");
            proxyMethod(DataController, "getData");
            proxyMethod(DataController, "isEmpty");
            const DataController__internals = exports.DataController__internals = {
                NO_DATA_AVAILABLE_TEXT: "#N/A"
            };
            exports.default = {
                DataController: DataController,
                DataController__internals: DataController__internals
            }
        },
        87993(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.PivotGridDataSource = void 0;
            var _utils = __webpack_require__( /*! ../../../../common/data/data_source/utils */ 97169);
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../../../core/class */ 55620));
            var _events_strategy = __webpack_require__( /*! ../../../../core/events_strategy */ 2607);
            var _array = __webpack_require__( /*! ../../../../core/utils/array */ 94487);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _abstract_store = _interopRequireDefault(__webpack_require__( /*! ../../../../data/abstract_store */ 77735));
            var _m_common = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/m_common */ 39315));
            var _m_inflector = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/m_inflector */ 66122));
            var _m_local_store = __webpack_require__( /*! ../local_store/m_local_store */ 47825);
            var _m_widget_utils = __webpack_require__( /*! ../m_widget_utils */ 12062);
            var _m_remote_store = __webpack_require__( /*! ../remote_store/m_remote_store */ 81383);
            var _m_summary_display_modes = _interopRequireDefault(__webpack_require__( /*! ../summary_display_modes/m_summary_display_modes */ 81221));
            var _m_xmla_store = _interopRequireDefault(__webpack_require__( /*! ../xmla_store/m_xmla_store */ 48063));
            var _m_data_source_utils = __webpack_require__( /*! ./m_data_source_utils */ 11075);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DESCRIPTION_NAME_BY_AREA = {
                row: "rows",
                column: "columns",
                data: "values",
                filter: "filters"
            };
            const STATE_PROPERTIES = ["area", "areaIndex", "sortOrder", "filterType", "filterValues", "sortBy", "sortBySummaryField", "sortBySummaryPath", "expanded", "summaryType", "summaryDisplayMode"];
            const CALCULATED_PROPERTIES = ["format", "selector", "customizeText", "caption"];
            const ALL_CALCULATED_PROPERTIES = CALCULATED_PROPERTIES.concat(["allowSorting", "allowSortingBySummary", "allowFiltering", "allowExpandAll"]);

            function resetFieldState(field, properties) {
                const initialProperties = field._initProperties || {};
                (0, _iterator.each)(properties, (_, prop) => {
                    if (Object.prototype.hasOwnProperty.call(initialProperties, prop)) {
                        field[prop] = initialProperties[prop]
                    }
                })
            }

            function updateCalculatedFieldProperties(field, calculatedProperties) {
                resetFieldState(field, calculatedProperties);
                if (!(0, _type.isDefined)(field.caption)) {
                    (0, _m_widget_utils.setFieldProperty)(field, "caption", function(field) {
                        let caption = field.dataField || field.groupName || "";
                        let summaryType = (field.summaryType || "").toLowerCase();
                        if ((0, _type.isString)(field.groupInterval)) {
                            caption += `_${field.groupInterval}`
                        }
                        if (summaryType && "custom" !== summaryType) {
                            summaryType = summaryType.replace(/^./, summaryType[0].toUpperCase());
                            if (caption.length) {
                                summaryType = ` (${summaryType})`
                            }
                        } else {
                            summaryType = ""
                        }
                        return _m_inflector.default.titleize(caption) + summaryType
                    }(field))
                }
            }

            function isDataExists(data) {
                return data.rows.length || data.columns.length || data.values.length
            }
            class PivotGridDataSource {
                constructor(options) {
                    options = options || {};
                    this._eventsStrategy = new _events_strategy.EventsStrategy(this);
                    const that = this;
                    const store = this.createStore(options, progress => {
                        that._eventsStrategy.fireEvent("progressChanged", [progress])
                    });
                    that._store = store;
                    that._paginate = !!options.paginate;
                    that._pageSize = options.pageSize || 40;
                    that._data = {
                        rows: [],
                        columns: [],
                        values: []
                    };
                    that._loadingCount = 0;
                    that._isFieldsModified = false;
                    (0, _iterator.each)(["changed", "loadError", "loadingChanged", "progressChanged", "fieldsPrepared", "expandValueChanging"], (_, eventName) => {
                        const optionName = `on${eventName[0].toUpperCase()}${eventName.slice(1)}`;
                        if (Object.prototype.hasOwnProperty.call(options, optionName)) {
                            this.on(eventName, options[optionName])
                        }
                    });
                    that._retrieveFields = (0, _type.isDefined)(options.retrieveFields) ? options.retrieveFields : true;
                    that._fields = options.fields || [];
                    that._descriptions = options.descriptions ? (0, _extend.extend)(that._createDescriptions(), options.descriptions) : void 0;
                    if (!store) {
                        (0, _extend.extend)(true, that._data, options.store || options)
                    }
                }
                updateCalculatedFieldProperties(field, calculatedProperties) {
                    updateCalculatedFieldProperties(field, calculatedProperties)
                }
                findHeaderItem(headerItems, path) {
                    if (headerItems._cacheByPath) {
                        return headerItems._cacheByPath[path.join(".")] || null
                    }
                    return
                }
                getHeaderItemsLastIndex(headerItems, grandTotalIndex) {
                    let i;
                    let lastIndex = -1;
                    let headerItem;
                    if (headerItems) {
                        for (i = 0; i < headerItems.length; i += 1) {
                            headerItem = headerItems[i];
                            if (void 0 !== headerItem.index) {
                                lastIndex = Math.max(lastIndex, headerItem.index)
                            }
                            if (headerItem.children) {
                                lastIndex = Math.max(lastIndex, this.getHeaderItemsLastIndex(headerItem.children))
                            } else if (headerItem.collapsedChildren) {
                                lastIndex = Math.max(lastIndex, this.getHeaderItemsLastIndex(headerItem.collapsedChildren))
                            }
                        }
                    }
                    if ((0, _type.isDefined)(grandTotalIndex)) {
                        lastIndex = Math.max(lastIndex, grandTotalIndex)
                    }
                    return lastIndex
                }
                updateHeaderItemChildren(headerItems, headerItem, children, grandTotalIndex) {
                    const applyingHeaderItemsCount = this.getHeaderItemsLastIndex(children) + 1;
                    let emptyIndex = this.getHeaderItemsLastIndex(headerItems, grandTotalIndex) + 1;
                    let index;
                    const applyingItemIndexesToCurrent = [];
                    let needIndexUpdate = false;
                    const d = new _deferred.Deferred;
                    if (headerItem.children && headerItem.children.length === children.length) {
                        for (let i = 0; i < children.length; i += 1) {
                            const child = children[i];
                            if (void 0 !== child.index) {
                                if (void 0 === headerItem.children[i].index) {
                                    child.index = applyingItemIndexesToCurrent[child.index] = emptyIndex++;
                                    headerItem.children[i] = child
                                } else {
                                    applyingItemIndexesToCurrent[child.index] = headerItem.children[i].index
                                }
                            }
                        }
                    } else {
                        needIndexUpdate = true;
                        for (index = 0; index < applyingHeaderItemsCount; index += 1) {
                            applyingItemIndexesToCurrent[index] = emptyIndex++
                        }
                        headerItem.children = children
                    }(0, _deferred.when)((0, _m_widget_utils.foreachTreeAsync)(headerItem.children, items => {
                        if (needIndexUpdate) {
                            items[0].index = applyingItemIndexesToCurrent[items[0].index]
                        }
                    })).done(() => {
                        d.resolve(applyingItemIndexesToCurrent)
                    });
                    return d
                }
                updateHeaderItems(headerItems, newHeaderItems, grandTotalIndex) {
                    const d = new _deferred.Deferred;
                    let emptyIndex = grandTotalIndex >= 0 && this.getHeaderItemsLastIndex(headerItems, grandTotalIndex) + 1;
                    const applyingItemIndexesToCurrent = [];
                    (0, _deferred.when)((0, _m_widget_utils.foreachTreeAsync)(headerItems, items => {
                        delete items[0].collapsedChildren
                    })).done(() => {
                        (0, _deferred.when)((0, _m_widget_utils.foreachTreeAsync)(newHeaderItems, (newItems, index) => {
                            const newItem = newItems[0];
                            if (newItem.index >= 0) {
                                let headerItem = this.findHeaderItem(headerItems, (0, _m_widget_utils.createPath)(newItems));
                                if (headerItem && headerItem.index >= 0) {
                                    applyingItemIndexesToCurrent[newItem.index] = headerItem.index
                                } else if (emptyIndex) {
                                    const path = (0, _m_widget_utils.createPath)(newItems.slice(1));
                                    headerItem = this.findHeaderItem(headerItems, path);
                                    const parentItems = path.length ? headerItem && headerItem.children : headerItems;
                                    if (parentItems) {
                                        parentItems[index] = newItem;
                                        newItem.index = applyingItemIndexesToCurrent[newItem.index] = emptyIndex++
                                    }
                                }
                            }
                        })).done(() => {
                            d.resolve(applyingItemIndexesToCurrent)
                        })
                    });
                    return d
                }
                updateDataSourceCells(dataSource, newDataSourceCells, newRowItemIndexesToCurrent, newColumnItemIndexesToCurrent) {
                    let newRowIndex;
                    let newColumnIndex;
                    let newRowCells;
                    let newCell;
                    let rowIndex;
                    let columnIndex;
                    const dataSourceCells = dataSource.values;
                    if (newDataSourceCells) {
                        for (newRowIndex = 0; newRowIndex < newDataSourceCells.length; newRowIndex += 1) {
                            newRowCells = newDataSourceCells[newRowIndex];
                            rowIndex = newRowItemIndexesToCurrent[newRowIndex];
                            if (!(0, _type.isDefined)(rowIndex)) {
                                rowIndex = dataSource.grandTotalRowIndex
                            }
                            if (newRowCells && (0, _type.isDefined)(rowIndex)) {
                                if (!dataSourceCells[rowIndex]) {
                                    dataSourceCells[rowIndex] = []
                                }
                                for (newColumnIndex = 0; newColumnIndex < newRowCells.length; newColumnIndex += 1) {
                                    newCell = newRowCells[newColumnIndex];
                                    columnIndex = newColumnItemIndexesToCurrent[newColumnIndex];
                                    if (!(0, _type.isDefined)(columnIndex)) {
                                        columnIndex = dataSource.grandTotalColumnIndex
                                    }
                                    if ((0, _type.isDefined)(newCell) && (0, _type.isDefined)(columnIndex)) {
                                        dataSourceCells[rowIndex][columnIndex] = newCell
                                    }
                                }
                            }
                        }
                    }
                }
                createLocalOrRemoteStore(dataSourceOptions, notifyProgress) {
                    const StoreConstructor = dataSourceOptions.remoteOperations || dataSourceOptions.paginate ? _m_remote_store.RemoteStore : _m_local_store.LocalStore;
                    return new StoreConstructor((0, _extend.extend)((0, _utils.normalizeDataSourceOptions)(dataSourceOptions), {
                        onChanged: null,
                        onLoadingChanged: null,
                        onProgressChanged: notifyProgress
                    }))
                }
                createStore(dataSourceOptions, notifyProgress) {
                    let store;
                    let storeOptions;
                    if ((0, _type.isPlainObject)(dataSourceOptions) && dataSourceOptions.load) {
                        store = this.createLocalOrRemoteStore(dataSourceOptions, notifyProgress)
                    } else {
                        if (dataSourceOptions && !dataSourceOptions.store) {
                            dataSourceOptions = {
                                store: dataSourceOptions
                            }
                        }
                        storeOptions = dataSourceOptions.store;
                        if ("xmla" === storeOptions.type) {
                            store = new _m_xmla_store.default.XmlaStore(storeOptions)
                        } else if ((0, _type.isPlainObject)(storeOptions) && storeOptions.type || storeOptions instanceof _abstract_store.default || Array.isArray(storeOptions)) {
                            store = this.createLocalOrRemoteStore(dataSourceOptions, notifyProgress)
                        } else if (storeOptions instanceof _class.default || storeOptions instanceof _m_xmla_store.default.XmlaStore) {
                            store = storeOptions
                        }
                    }
                    return store
                }
                equalFields(fields, prevFields, count) {
                    for (let i = 0; i < count; i += 1) {
                        if (!fields[i] || !prevFields[i] || fields[i].index !== prevFields[i].index) {
                            return false
                        }
                    }
                    return true
                }
                getExpandedPaths(dataSource, loadOptions, dimensionName, prevLoadOptions) {
                    const result = [];
                    const fields = loadOptions && loadOptions[dimensionName] || [];
                    const prevFields = prevLoadOptions && prevLoadOptions[dimensionName] || [];
                    (0, _m_widget_utils.foreachTree)(dataSource[dimensionName], items => {
                        const item = items[0];
                        const path = (0, _m_widget_utils.createPath)(items);
                        if (item.children && fields[path.length - 1] && !fields[path.length - 1].expanded) {
                            if (path.length < fields.length && (!prevLoadOptions || this.equalFields(fields, prevFields, path.length))) {
                                result.push(path.slice())
                            }
                        }
                    }, true);
                    return result
                }
                setFieldProperties(field, srcField, skipInitPropertySave, properties) {
                    if (srcField) {
                        (0, _iterator.each)(properties, (_, name) => {
                            if (skipInitPropertySave) {
                                field[name] = srcField[name]
                            } else {
                                if (("summaryType" === name || "summaryDisplayMode" === name) && void 0 === srcField[name]) {
                                    return
                                }(0, _m_widget_utils.setFieldProperty)(field, name, srcField[name])
                            }
                        })
                    } else {
                        resetFieldState(field, properties)
                    }
                    return field
                }
                getFieldsState(fields, properties) {
                    const result = [];
                    (0, _iterator.each)(fields, (_, field) => {
                        result.push(this.setFieldProperties({
                            dataField: field.dataField,
                            name: field.name
                        }, field, true, properties))
                    });
                    return result
                }
                getFieldStateId(field) {
                    if (field.name) {
                        return field.name
                    }
                    return `${field.dataField}`
                }
                getFieldsById(fields, id) {
                    const result = [];
                    (0, _iterator.each)(fields || [], (_, field) => {
                        if (this.getFieldStateId(field) === id) {
                            result.push(field)
                        }
                    });
                    return result
                }
                setFieldsStateCore(stateFields, fields) {
                    stateFields = stateFields || [];
                    (0, _iterator.each)(fields, (index, field) => {
                        this.setFieldProperties(field, stateFields[index], false, STATE_PROPERTIES);
                        this.updateCalculatedFieldProperties(field, CALCULATED_PROPERTIES)
                    });
                    return fields
                }
                setFieldsState(stateFields, fields) {
                    stateFields = stateFields || [];
                    const fieldsById = {};
                    let id;
                    (0, _iterator.each)(fields, (_, field) => {
                        id = this.getFieldStateId(field);
                        if (!fieldsById[id]) {
                            fieldsById[id] = this.getFieldsById(fields, this.getFieldStateId(field))
                        }
                    });
                    (0, _iterator.each)(fieldsById, (id, fields) => {
                        this.setFieldsStateCore(this.getFieldsById(stateFields, id), fields)
                    });
                    return fields
                }
                getFieldsByGroup(fields, groupingField) {
                    return fields.filter(field => field.groupName === groupingField.groupName && (0, _type.isNumeric)(field.groupIndex) && false !== field.visible).map(field => (0, _extend.extend)(field, {
                        areaIndex: groupingField.areaIndex,
                        area: groupingField.area,
                        expanded: (0, _type.isDefined)(field.expanded) ? field.expanded : groupingField.expanded,
                        dataField: field.dataField || groupingField.dataField,
                        dataType: field.dataType || groupingField.dataType,
                        sortBy: field.sortBy || groupingField.sortBy,
                        sortOrder: field.sortOrder || groupingField.sortOrder,
                        sortBySummaryField: field.sortBySummaryField || groupingField.sortBySummaryField,
                        sortBySummaryPath: field.sortBySummaryPath || groupingField.sortBySummaryPath,
                        visible: field.visible || groupingField.visible,
                        showTotals: (0, _type.isDefined)(field.showTotals) ? field.showTotals : groupingField.showTotals,
                        showGrandTotals: (0, _type.isDefined)(field.showGrandTotals) ? field.showGrandTotals : groupingField.showGrandTotals
                    })).sort((a, b) => a.groupIndex - b.groupIndex)
                }
                sortFieldsByAreaIndex(fields) {
                    fields.sort((field1, field2) => field1.areaIndex - field2.areaIndex || field1.groupIndex - field2.groupIndex)
                }
                isAreaField(field, area) {
                    const canAddFieldInArea = "data" === area || false !== field.visible;
                    return field.area === area && !(0, _type.isDefined)(field.groupIndex) && canAddFieldInArea
                }
                getFieldId(field, retrieveFieldsOptionValue) {
                    const groupName = field.groupName || "";
                    return (field.dataField || groupName) + (field.groupInterval ? groupName + field.groupInterval : "NOGROUP") + (retrieveFieldsOptionValue ? "" : groupName)
                }
                mergeFields(fields, storeFields, retrieveFieldsOptionValue) {
                    let result = [];
                    const fieldsDictionary = {};
                    const removedFields = {};
                    const dataTypes = (0, _m_widget_utils.getFieldsDataType)(fields);
                    if (storeFields) {
                        (0, _iterator.each)(storeFields, (_, field) => {
                            fieldsDictionary[this.getFieldId(field, retrieveFieldsOptionValue)] = field
                        });
                        (0, _iterator.each)(fields, (_, field) => {
                            const fieldKey = this.getFieldId(field, retrieveFieldsOptionValue);
                            const storeField = fieldsDictionary[fieldKey] || removedFields[fieldKey];
                            let mergedField;
                            if (storeField) {
                                if (storeField._initProperties) {
                                    resetFieldState(storeField, ALL_CALCULATED_PROPERTIES)
                                }
                                mergedField = (0, _extend.extend)({}, storeField, field, {
                                    _initProperties: null
                                })
                            } else {
                                fieldsDictionary[fieldKey] = mergedField = field
                            }
                            if (!mergedField.dataType && dataTypes[field.dataField]) {
                                mergedField.dataType = dataTypes[field.dataField]
                            }
                            delete fieldsDictionary[fieldKey];
                            removedFields[fieldKey] = storeField;
                            result.push(mergedField)
                        });
                        if (retrieveFieldsOptionValue) {
                            (0, _iterator.each)(fieldsDictionary, (_, field) => {
                                result.push(field)
                            })
                        }
                    } else {
                        result = fields
                    }
                    result.push.apply(result, []);
                    this.assignGroupIndexes(result);
                    return result
                }
                assignGroupIndexes(fields) {
                    fields.forEach(field => {
                        if (field.groupName && field.groupInterval && void 0 === field.groupIndex) {
                            const maxGroupIndex = fields.filter(f => f.groupName === field.groupName && (0, _type.isNumeric)(f.groupIndex)).map(f => f.groupIndex).reduce((prev, current) => Math.max(prev, current), -1);
                            field.groupIndex = maxGroupIndex + 1
                        }
                    })
                }
                getFields(that) {
                    const result = new _deferred.Deferred;
                    const store = that._store;
                    const storeFields = store && store.getFields(that._fields);
                    let mergedFields;
                    (0, _deferred.when)(storeFields).done(storeFields => {
                        that._storeFields = storeFields;
                        mergedFields = this.mergeFields(that._fields, storeFields, that._retrieveFields);
                        result.resolve(mergedFields)
                    }).fail(result.reject);
                    return result
                }
                formatHeaderItems(data, loadOptions, headerName) {
                    return (0, _m_widget_utils.foreachTreeAsync)(data[headerName], items => {
                        const item = items[0];
                        item.text = item.text || (0, _m_widget_utils.formatValue)(item.value, loadOptions[headerName][(0, _m_widget_utils.createPath)(items).length - 1])
                    })
                }
                formatHeaders(loadOptions, data) {
                    return (0, _deferred.when)(this.formatHeaderItems(data, loadOptions, "columns"), this.formatHeaderItems(data, loadOptions, "rows"))
                }
                updateCache(headerItems) {
                    const d = new _deferred.Deferred;
                    const cacheByPath = {};
                    (0, _deferred.when)((0, _m_widget_utils.foreachTreeAsync)(headerItems, items => {
                        const path = (0, _m_widget_utils.createPath)(items).join(".");
                        cacheByPath[path] = items[0]
                    })).done(d.resolve);
                    headerItems._cacheByPath = cacheByPath;
                    return d
                }
                getData() {
                    return this._data
                }
                getAreaFields(area, collectGroups) {
                    let areaFields = [];
                    let descriptions;
                    if (collectGroups || "data" === area) {
                        (0, _iterator.each)(this._fields, (_, field) => {
                            if (this.isAreaField(field, area)) {
                                areaFields.push(field)
                            }
                        });
                        this.sortFieldsByAreaIndex(areaFields)
                    } else {
                        descriptions = this._descriptions || {};
                        areaFields = descriptions[DESCRIPTION_NAME_BY_AREA[area]] || []
                    }
                    return areaFields
                }
                getSummaryFields() {
                    return this.getAreaFields("data").filter(field => (0, _type.isDefined)(field.summaryType))
                }
                fields(fields) {
                    const that = this;
                    if (fields) {
                        that._fields = this.mergeFields(fields, that._storeFields, that._retrieveFields);
                        that._fieldsPrepared(that._fields)
                    }
                    return that._fields
                }
                field(id, options) {
                    const that = this;
                    const fields = that._fields;
                    const field = fields && fields[(0, _type.isNumeric)(id) ? id : (0, _m_widget_utils.findField)(fields, id)];
                    let levels;
                    if (field && options) {
                        (0, _iterator.each)(options, (optionName, optionValue) => {
                            const isInitialization = !STATE_PROPERTIES.includes(optionName);
                            (0, _m_widget_utils.setFieldProperty)(field, optionName, optionValue, isInitialization);
                            if ("sortOrder" === optionName) {
                                levels = field.levels || [];
                                for (let i = 0; i < levels.length; i += 1) {
                                    levels[i][optionName] = optionValue
                                }
                            }
                        });
                        this.updateCalculatedFieldProperties(field, CALCULATED_PROPERTIES);
                        that._descriptions = that._createDescriptions(field);
                        that._isFieldsModified = true;
                        that._eventsStrategy.fireEvent("fieldChanged", [field])
                    }
                    return field
                }
                getFieldValues(index, applyFilters, options) {
                    const that = this;
                    const field = this._fields && this._fields[index];
                    const store = this._store;
                    const loadFields = [];
                    const loadOptions = {
                        columns: loadFields,
                        rows: [],
                        values: this.getAreaFields("data"),
                        filters: applyFilters ? this._fields.filter(f => f !== field && f.area && f.filterValues && f.filterValues.length) : [],
                        skipValues: true
                    };
                    let searchValue;
                    const d = new _deferred.Deferred;
                    if (options) {
                        searchValue = options.searchValue;
                        loadOptions.columnSkip = options.skip;
                        loadOptions.columnTake = options.take
                    }
                    if (field && store) {
                        (0, _iterator.each)(field.levels || [field], function() {
                            loadFields.push((0, _extend.extend)({}, this, {
                                expanded: true,
                                filterValues: null,
                                sortOrder: "asc",
                                sortBySummaryField: null,
                                searchValue: searchValue
                            }))
                        });
                        store.load(loadOptions).done(data => {
                            if (loadOptions.columnSkip) {
                                data.columns = data.columns.slice(loadOptions.columnSkip)
                            }
                            if (loadOptions.columnTake) {
                                data.columns = data.columns.slice(0, loadOptions.columnTake)
                            }
                            this.formatHeaders(loadOptions, data);
                            if (!loadOptions.columnTake) {
                                that._sort(loadOptions, data)
                            }
                            d.resolve(data.columns)
                        }).fail(d)
                    } else {
                        d.reject()
                    }
                    return d
                }
                reload() {
                    return this.load({
                        reload: true
                    })
                }
                filter() {
                    const store = this._store;
                    return store.filter.apply(store, arguments)
                }
                load(options) {
                    const that = this;
                    const d = new _deferred.Deferred;
                    options = options || {};
                    that.beginLoading();
                    d.fail(e => {
                        that._eventsStrategy.fireEvent("loadError", [e])
                    }).always(() => {
                        that.endLoading()
                    });
                    const loadTask = () => {
                        that._delayedLoadTask = void 0;
                        if (!that._descriptions) {
                            (0, _deferred.when)(this.getFields(that)).done(fields => {
                                that._fieldsPrepared(fields);
                                that._loadCore(options, d)
                            }).fail(d.reject).fail(that._loadErrorHandler)
                        } else {
                            that._loadCore(options, d)
                        }
                    };
                    if (that.store()) {
                        that._delayedLoadTask = _m_common.default.executeAsync(loadTask)
                    } else {
                        loadTask()
                    }
                    return d
                }
                createDrillDownDataSource(params) {
                    return this._store.createDrillDownDataSource(this._descriptions, params)
                }
                _createDescriptions(currentField) {
                    const fields = this.fields();
                    const descriptions = {
                        rows: [],
                        columns: [],
                        values: [],
                        filters: []
                    };
                    (0, _iterator.each)(["row", "column", "data", "filter"], (_, areaName) => {
                        (0, _array.normalizeIndexes)(this.getAreaFields(areaName, true), "areaIndex", currentField)
                    });
                    (0, _iterator.each)(fields || [], (_, field) => {
                        const descriptionName = DESCRIPTION_NAME_BY_AREA[field.area];
                        const dimension = descriptions[descriptionName];
                        const {
                            groupName: groupName
                        } = field;
                        if (groupName && !(0, _type.isNumeric)(field.groupIndex)) {
                            field.levels = this.getFieldsByGroup(fields, field)
                        }
                        if (!dimension || groupName && (0, _type.isNumeric)(field.groupIndex) || false === field.visible && "data" !== field.area && "filter" !== field.area) {
                            return
                        }
                        if (field.levels && dimension !== descriptions.filters && dimension !== descriptions.values) {
                            dimension.push.apply(dimension, field.levels);
                            if (field.filterValues && field.filterValues.length) {
                                descriptions.filters.push(field)
                            }
                        } else {
                            dimension.push(field)
                        }
                    });
                    (0, _iterator.each)(descriptions, (_, fields) => {
                        this.sortFieldsByAreaIndex(fields)
                    });
                    const indices = {};
                    (0, _iterator.each)(descriptions.values, (_, field) => {
                        const expression = field.calculateSummaryValue;
                        if ((0, _type.isFunction)(expression)) {
                            const summaryCell = _m_summary_display_modes.default.createMockSummaryCell(descriptions, fields, indices);
                            expression(summaryCell)
                        }
                    });
                    return descriptions
                }
                _fieldsPrepared(fields) {
                    this._fields = fields;
                    (0, _iterator.each)(fields, (index, field) => {
                        field.index = index;
                        this.updateCalculatedFieldProperties(field, ALL_CALCULATED_PROPERTIES)
                    });
                    const currentFieldState = this.getFieldsState(fields, ["caption"]);
                    this._eventsStrategy.fireEvent("fieldsPrepared", [fields]);
                    for (let i = 0; i < fields.length; i += 1) {
                        if (fields[i].caption !== currentFieldState[i].caption) {
                            (0, _m_widget_utils.setFieldProperty)(fields[i], "caption", fields[i].caption, true)
                        }
                    }
                    this._descriptions = this._createDescriptions()
                }
                isLoading() {
                    return this._loadingCount > 0
                }
                state(state, skipLoading) {
                    const that = this;
                    if (arguments.length) {
                        state = (0, _extend.extend)({
                            rowExpandedPaths: [],
                            columnExpandedPaths: []
                        }, state);
                        if (!that._descriptions) {
                            that.beginLoading();
                            (0, _deferred.when)(this.getFields(that)).done(fields => {
                                that._fields = this.setFieldsState(state.fields, fields);
                                that._fieldsPrepared(fields);
                                !skipLoading && that.load(state)
                            }).always(() => {
                                that.endLoading()
                            })
                        } else {
                            that._fields = this.setFieldsState(state.fields, that._fields);
                            that._descriptions = that._createDescriptions();
                            !skipLoading && that.load(state)
                        }
                        return
                    }
                    return {
                        fields: this.getFieldsState(that._fields, STATE_PROPERTIES),
                        columnExpandedPaths: this.getExpandedPaths(that._data, that._descriptions, "columns", that._lastLoadOptions),
                        rowExpandedPaths: this.getExpandedPaths(that._data, that._descriptions, "rows", that._lastLoadOptions)
                    }
                }
                beginLoading() {
                    this._changeLoadingCount(1)
                }
                endLoading() {
                    this._changeLoadingCount(-1)
                }
                _changeLoadingCount(increment) {
                    const oldLoading = this.isLoading();
                    this._loadingCount += increment;
                    const newLoading = this.isLoading();
                    if (oldLoading !== newLoading) {
                        this._eventsStrategy.fireEvent("loadingChanged", [newLoading])
                    }
                }
                _hasPagingValues(options, area, oppositeIndex) {
                    const takeField = `${area}Take`;
                    const skipField = `${area}Skip`;
                    const {
                        values: values
                    } = this._data;
                    let items = this._data[`${area}s`];
                    const oppositeArea = "row" === area ? "column" : "row";
                    const indices = [];
                    if (options.path && options.area === area) {
                        const headerItem = this.findHeaderItem(items, options.path);
                        items = headerItem && headerItem.children;
                        if (!items) {
                            return false
                        }
                    }
                    if (options.oppositePath && options.area === oppositeArea) {
                        const headerItem = this.findHeaderItem(items, options.oppositePath);
                        items = headerItem && headerItem.children;
                        if (!items) {
                            return false
                        }
                    }
                    for (let i = options[skipField]; i < options[skipField] + options[takeField]; i += 1) {
                        if (items[i]) {
                            indices.push(items[i].index)
                        }
                    }
                    return indices.every(index => {
                        if (void 0 !== index) {
                            if ("row" === area) {
                                return (values[index] || [])[oppositeIndex]
                            }
                            return (values[oppositeIndex] || [])[index]
                        }
                        return
                    })
                }
                _processPagingCacheByArea(options, pageSize, area) {
                    const takeField = `${area}Take`;
                    const skipField = `${area}Skip`;
                    let items = this._data[`${area}s`];
                    const oppositeArea = "row" === area ? "column" : "row";
                    let item;
                    if (options[takeField]) {
                        if (options.path && options.area === area) {
                            const headerItem = this.findHeaderItem(items, options.path);
                            items = headerItem && headerItem.children || []
                        }
                        if (options.oppositePath && options.area === oppositeArea) {
                            const headerItem = this.findHeaderItem(items, options.oppositePath);
                            items = headerItem && headerItem.children || []
                        }
                        do {
                            item = items[options[skipField]];
                            if (item && void 0 !== item.index) {
                                if (this._hasPagingValues(options, oppositeArea, item.index)) {
                                    options[skipField]++;
                                    options[takeField]--
                                } else {
                                    break
                                }
                            }
                        } while (item && void 0 !== item.index && options[takeField]);
                        if (options[takeField]) {
                            const start = Math.floor(options[skipField] / pageSize) * pageSize;
                            const end = Math.ceil((options[skipField] + options[takeField]) / pageSize) * pageSize;
                            options[skipField] = start;
                            options[takeField] = end - start
                        }
                    }
                }
                _processPagingCache(storeLoadOptions) {
                    const pageSize = this._pageSize;
                    if (pageSize < 0) {
                        return
                    }
                    for (let i = 0; i < storeLoadOptions.length; i += 1) {
                        this._processPagingCacheByArea(storeLoadOptions[i], pageSize, "row");
                        this._processPagingCacheByArea(storeLoadOptions[i], pageSize, "column")
                    }
                }
                _loadCore(options, deferred) {
                    const that = this;
                    const store = this._store;
                    const descriptions = this._descriptions;
                    const reload = options.reload || this.paginate() && that._isFieldsModified;
                    const paginate = this.paginate();
                    const headerName = DESCRIPTION_NAME_BY_AREA[options.area];
                    options = options || {};
                    if (store) {
                        (0, _extend.extend)(options, descriptions);
                        options.columnExpandedPaths = options.columnExpandedPaths || this.getExpandedPaths(this._data, options, "columns", that._lastLoadOptions);
                        options.rowExpandedPaths = options.rowExpandedPaths || this.getExpandedPaths(this._data, options, "rows", that._lastLoadOptions);
                        if (paginate) {
                            options.pageSize = this._pageSize
                        }
                        if (headerName) {
                            options.headerName = headerName
                        }
                        that.beginLoading();
                        deferred.always(() => {
                            that.endLoading()
                        });
                        let storeLoadOptions = [options];
                        that._eventsStrategy.fireEvent("customizeStoreLoadOptions", [storeLoadOptions, reload]);
                        if (!reload) {
                            that._processPagingCache(storeLoadOptions)
                        }
                        storeLoadOptions = storeLoadOptions.filter(options => !(options.rows.length && 0 === options.rowTake) && !(options.columns.length && 0 === options.columnTake));
                        if (!storeLoadOptions.length) {
                            that._update(deferred);
                            return
                        }
                        const results = storeLoadOptions.map(options => store.load(options));
                        _deferred.when.apply(null, results).done(function() {
                            const results = arguments;
                            for (let i = 0; i < results.length; i += 1) {
                                const options = storeLoadOptions[i];
                                const data = results[i];
                                const isLast = i === results.length - 1;
                                if (options.path) {
                                    that.applyPartialDataSource(options.area, options.path, data, isLast ? deferred : false, options.oppositePath)
                                } else if (paginate && !reload && isDataExists(that._data)) {
                                    that.mergePartialDataSource(data, isLast ? deferred : false)
                                } else {
                                    (0, _extend.extend)(that._data, data);
                                    that._lastLoadOptions = options;
                                    that._update(isLast ? deferred : false)
                                }
                            }
                        }).fail(deferred.reject)
                    } else {
                        that._update(deferred)
                    }
                }
                _sort(descriptions, data, getAscOrder) {
                    const store = this._store;
                    if (store && !this._paginate) {
                        (0, _m_data_source_utils.sort)(descriptions, data, getAscOrder)
                    }
                }
                sortLocal() {
                    this._sort(this._descriptions, this._data);
                    this._eventsStrategy.fireEvent("changed", void 0)
                }
                paginate() {
                    return this._paginate && this._store && this._store.supportPaging()
                }
                isEmpty() {
                    const dataFields = this.getAreaFields("data").filter(f => false !== f.visible);
                    const data = this.getData();
                    return !dataFields.length || !data.values.length
                }
                _update(deferred) {
                    const that = this;
                    const descriptions = that._descriptions;
                    const loadedData = that._data;
                    const dataFields = descriptions.values;
                    const expressionsUsed = function(dataFields) {
                        return dataFields.some(field => field.summaryDisplayMode || field.calculateSummaryValue)
                    }(dataFields);
                    (0, _deferred.when)(this.formatHeaders(descriptions, loadedData), this.updateCache(loadedData.rows), this.updateCache(loadedData.columns)).done(() => {
                        if (expressionsUsed) {
                            that._sort(descriptions, loadedData, expressionsUsed);
                            !that.isEmpty() && _m_summary_display_modes.default.applyDisplaySummaryMode(descriptions, loadedData)
                        }
                        that._sort(descriptions, loadedData);
                        !that.isEmpty() && function(dataFields) {
                            return dataFields.some(field => !!field.runningTotal)
                        }(dataFields) && _m_summary_display_modes.default.applyRunningTotal(descriptions, loadedData);
                        that._data = loadedData;
                        false !== deferred && (0, _deferred.when)(deferred).done(() => {
                            that._isFieldsModified = false;
                            that._eventsStrategy.fireEvent("changed");
                            if ((0, _type.isDefined)(that._data.grandTotalRowIndex)) {
                                loadedData.grandTotalRowIndex = that._data.grandTotalRowIndex
                            }
                            if ((0, _type.isDefined)(that._data.grandTotalColumnIndex)) {
                                loadedData.grandTotalColumnIndex = that._data.grandTotalColumnIndex
                            }
                        });
                        deferred && deferred.resolve(that._data)
                    });
                    return deferred
                }
                store() {
                    return this._store
                }
                collapseHeaderItem(area, path) {
                    const that = this;
                    const headerItems = "column" === area ? that._data.columns : that._data.rows;
                    const headerItem = this.findHeaderItem(headerItems, path);
                    const field = that.getAreaFields(area)[path.length - 1];
                    if (headerItem && headerItem.children) {
                        that._eventsStrategy.fireEvent("expandValueChanging", [{
                            area: area,
                            path: path,
                            expanded: false
                        }]);
                        if (field) {
                            field.expanded = false
                        }
                        headerItem.collapsedChildren = headerItem.children;
                        delete headerItem.children;
                        that._update();
                        if (that.paginate()) {
                            that.load()
                        }
                        return true
                    }
                    return false
                }
                collapseAll(id) {
                    let dataChanged = false;
                    const field = this.field(id) || {};
                    let areaOffsets = [this.getAreaFields(field.area).indexOf(field)];
                    field.expanded = false;
                    if (field && field.levels) {
                        areaOffsets = [];
                        field.levels.forEach(f => {
                            areaOffsets.push(this.getAreaFields(field.area).indexOf(f));
                            f.expanded = false
                        })
                    }(0, _m_widget_utils.foreachTree)(this._data[`${field.area}s`], items => {
                        const item = items[0];
                        const path = (0, _m_widget_utils.createPath)(items);
                        if (item && item.children && areaOffsets.includes(path.length - 1)) {
                            item.collapsedChildren = item.children;
                            delete item.children;
                            dataChanged = true
                        }
                    }, true);
                    dataChanged && this._update()
                }
                expandAll(id) {
                    const field = this.field(id);
                    if (field && field.area) {
                        field.expanded = true;
                        if (field && field.levels) {
                            field.levels.forEach(f => {
                                f.expanded = true
                            })
                        }
                        this.load()
                    }
                }
                expandHeaderItem(area, path) {
                    const that = this;
                    const headerItems = "column" === area ? that._data.columns : that._data.rows;
                    const headerItem = this.findHeaderItem(headerItems, path);
                    if (headerItem && !headerItem.children) {
                        const hasCache = !!headerItem.collapsedChildren;
                        const options = {
                            area: area,
                            path: path,
                            expanded: true,
                            needExpandData: !hasCache
                        };
                        that._eventsStrategy.fireEvent("expandValueChanging", [options]);
                        if (hasCache) {
                            headerItem.children = headerItem.collapsedChildren;
                            delete headerItem.collapsedChildren;
                            that._update()
                        } else if (this.store()) {
                            that.load(options)
                        }
                        return hasCache
                    }
                    return false
                }
                mergePartialDataSource(dataSource, deferred) {
                    const that = this;
                    const loadedData = that._data;
                    let newRowItemIndexesToCurrent;
                    let newColumnItemIndexesToCurrent;
                    if (dataSource && dataSource.values) {
                        dataSource.rows = dataSource.rows || [];
                        dataSource.columns = dataSource.columns || [];
                        newRowItemIndexesToCurrent = this.updateHeaderItems(loadedData.rows, dataSource.rows, loadedData.grandTotalColumnIndex);
                        newColumnItemIndexesToCurrent = this.updateHeaderItems(loadedData.columns, dataSource.columns, loadedData.grandTotalColumnIndex);
                        (0, _deferred.when)(newRowItemIndexesToCurrent, newColumnItemIndexesToCurrent).done((newRowItemIndexesToCurrent, newColumnItemIndexesToCurrent) => {
                            if (newRowItemIndexesToCurrent.length || newColumnItemIndexesToCurrent.length) {
                                this.updateDataSourceCells(loadedData, dataSource.values, newRowItemIndexesToCurrent, newColumnItemIndexesToCurrent)
                            }
                            that._update(deferred)
                        })
                    }
                }
                applyPartialDataSource(area, path, dataSource, deferred, oppositePath) {
                    const that = this;
                    const loadedData = that._data;
                    const headerItems = "column" === area ? loadedData.columns : loadedData.rows;
                    let headerItem;
                    const oppositeHeaderItems = "column" === area ? loadedData.rows : loadedData.columns;
                    let oppositeHeaderItem;
                    let newRowItemIndexesToCurrent;
                    let newColumnItemIndexesToCurrent;
                    if (dataSource && dataSource.values) {
                        dataSource.rows = dataSource.rows || [];
                        dataSource.columns = dataSource.columns || [];
                        headerItem = this.findHeaderItem(headerItems, path);
                        oppositeHeaderItem = oppositePath && this.findHeaderItem(oppositeHeaderItems, oppositePath);
                        if (headerItem) {
                            if ("column" === area) {
                                newColumnItemIndexesToCurrent = this.updateHeaderItemChildren(headerItems, headerItem, dataSource.columns, loadedData.grandTotalColumnIndex);
                                if (oppositeHeaderItem) {
                                    newRowItemIndexesToCurrent = this.updateHeaderItemChildren(oppositeHeaderItems, oppositeHeaderItem, dataSource.rows, loadedData.grandTotalRowIndex)
                                } else {
                                    newRowItemIndexesToCurrent = this.updateHeaderItems(loadedData.rows, dataSource.rows, loadedData.grandTotalRowIndex)
                                }
                            } else {
                                newRowItemIndexesToCurrent = this.updateHeaderItemChildren(headerItems, headerItem, dataSource.rows, loadedData.grandTotalRowIndex);
                                if (oppositeHeaderItem) {
                                    newColumnItemIndexesToCurrent = this.updateHeaderItemChildren(oppositeHeaderItems, oppositeHeaderItem, dataSource.columns, loadedData.grandTotalColumnIndex)
                                } else {
                                    newColumnItemIndexesToCurrent = this.updateHeaderItems(loadedData.columns, dataSource.columns, loadedData.grandTotalColumnIndex)
                                }
                            }(0, _deferred.when)(newRowItemIndexesToCurrent, newColumnItemIndexesToCurrent).done((newRowItemIndexesToCurrent, newColumnItemIndexesToCurrent) => {
                                if ("row" === area && newRowItemIndexesToCurrent.length || "column" === area && newColumnItemIndexesToCurrent.length) {
                                    this.updateDataSourceCells(loadedData, dataSource.values, newRowItemIndexesToCurrent, newColumnItemIndexesToCurrent)
                                }
                                that._update(deferred)
                            })
                        }
                    }
                }
                on(eventName, eventHandler) {
                    this._eventsStrategy.on(eventName, eventHandler);
                    return this
                }
                off(eventName, eventHandler) {
                    this._eventsStrategy.off(eventName, eventHandler);
                    return this
                }
                dispose() {
                    const delayedLoadTask = this._delayedLoadTask;
                    this._eventsStrategy.dispose();
                    if (delayedLoadTask) {
                        delayedLoadTask.abort()
                    }
                    this._isDisposed = true
                }
                isDisposed() {
                    return !!this._isDisposed
                }
            }
            exports.PivotGridDataSource = PivotGridDataSource;
            exports.default = {
                PivotGridDataSource: PivotGridDataSource
            }
        },
        11075(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.sort = sort;
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _m_widget_utils = __webpack_require__( /*! ../m_widget_utils */ 12062);

            function sort(loadOptions, dataSource, getAscOrder) {
                sortDimension(dataSource, loadOptions, "rows", getAscOrder);
                sortDimension(dataSource, loadOptions, "columns", getAscOrder)
            }

            function sortDimension(dataSource, loadOptions, dimensionName, getAscOrder) {
                const fields = loadOptions[dimensionName] || [];
                const baseIndex = loadOptions.headerName === dimensionName ? loadOptions.path.length : 0;
                const sortingMethodByLevel = [];
                (0, _m_widget_utils.foreachDataLevel)(dataSource[dimensionName], (item, index) => {
                    const field = fields[index] || {};
                    const sortingMethod = sortingMethodByLevel[index] = sortingMethodByLevel[index] || function(field, dataSource, loadOptions, dimensionName, getAscOrder) {
                        const sortOrder = getAscOrder ? "asc" : field.sortOrder;
                        const sortBy = function(sortBy, getAscOrder) {
                            let member = "text";
                            if ("none" === sortBy) {
                                member = "index"
                            } else if (getAscOrder || "displayText" !== sortBy) {
                                member = "value"
                            }
                            return member
                        }(field.sortBy, getAscOrder);
                        const defaultCompare = field.sortingMethod ? function(a, b) {
                            return field.sortingMethod(a, b)
                        } : (0, _m_widget_utils.getCompareFunction)(item => item[sortBy]);
                        const summaryValueSelector = !getAscOrder && function(field, dataSource, loadOptions, dimensionName) {
                            const {
                                values: values
                            } = dataSource;
                            const sortBySummaryFieldIndex = (0, _m_widget_utils.findField)(loadOptions.values, field.sortBySummaryField);
                            const areRows = "rows" === dimensionName;
                            const sortByDimension = areRows ? dataSource.columns : dataSource.rows;
                            const grandTotalIndex = areRows ? dataSource.grandTotalRowIndex : dataSource.grandTotalColumnIndex;
                            const sortBySummaryPath = field.sortBySummaryPath || [];
                            const sliceIndex = sortBySummaryPath.length ? function(items, path) {
                                let index = null;
                                const pathValue = (path || []).join(".");
                                if (pathValue.length) {
                                    (0, _m_widget_utils.foreachTree)(items, items => {
                                        const item = items[0];
                                        const itemPath = (0, _m_widget_utils.createPath)(items).join(".");
                                        const textPath = (0, _iterator.map)(items, item => item.text).reverse().join(".");
                                        if (pathValue === itemPath || item.key && textPath === pathValue) {
                                            index = items[0].index;
                                            return false
                                        }
                                        return
                                    })
                                }
                                return index
                            }(sortByDimension, sortBySummaryPath) : grandTotalIndex;
                            if (null !== values && void 0 !== values && values.length && sortBySummaryFieldIndex >= 0 && (0, _type.isDefined)(sliceIndex)) {
                                return function(field) {
                                    const rowIndex = areRows ? field.index : sliceIndex;
                                    const columnIndex = areRows ? sliceIndex : field.index;
                                    const value = ((values[rowIndex] || [
                                        []
                                    ])[columnIndex] || [])[sortBySummaryFieldIndex];
                                    return (0, _type.isDefined)(value) ? value : null
                                }
                            }
                            return
                        }(field, dataSource, loadOptions, dimensionName);
                        const summaryCompare = summaryValueSelector && (0, _m_widget_utils.getCompareFunction)(summaryValueSelector);
                        const sortingMethod = function(a, b) {
                            const result = summaryCompare && summaryCompare(a, b) || defaultCompare(a, b);
                            return "desc" === sortOrder ? -result : result
                        };
                        return sortingMethod
                    }(field, dataSource, loadOptions, dimensionName, getAscOrder);
                    item.sort(sortingMethod)
                }, baseIndex)
            }
            exports.default = {
                sort: sort
            }
        },
        12867(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.PivotGridExport = exports.ExportController = exports.DataProvider = void 0;
            var _number = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/number */ 52771));
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _format_helper = _interopRequireDefault(__webpack_require__( /*! ../../../../format_helper */ 2082));
            var _m_export = __webpack_require__( /*! ../../../grids/grid_core/m_export */ 47197);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ExportController = exports.ExportController = {
                exportTo() {
                    const onExporting = this._createActionByOption("onExporting");
                    const eventArgs = {
                        rtlEnabled: this.option("rtlEnabled"),
                        fileName: "PivotGrid",
                        cancel: false
                    };
                    (0, _type.isFunction)(onExporting) && onExporting(eventArgs)
                },
                _getLength(items) {
                    let i;
                    const itemCount = items[0].length;
                    let cellCount = 0;
                    for (i = 0; i < itemCount; i += 1) {
                        cellCount += items[0][i].colspan || 1
                    }
                    return cellCount
                },
                _correctCellsInfoItemLengths(cellsInfo, expectedLength) {
                    for (let i = 0; i < cellsInfo.length; i += 1) {
                        while (cellsInfo[i].length < expectedLength) {
                            cellsInfo[i].push({})
                        }
                    }
                    return cellsInfo
                },
                _calculateCellInfoItemLength(columnsRow) {
                    let result = 0;
                    for (let columnIndex = 0; columnIndex < columnsRow.length; columnIndex += 1) {
                        result += (0, _type.isDefined)(columnsRow[columnIndex].colspan) ? columnsRow[columnIndex].colspan : 1
                    }
                    return result
                },
                _getEmptyCell: () => ({
                    text: "",
                    value: void 0,
                    colspan: 1,
                    rowspan: 1
                }),
                _getAllItems(columnsInfo, rowsInfoItems, cellsInfo) {
                    let cellIndex;
                    let rowIndex;
                    let correctedCellsInfo = cellsInfo;
                    const rowsLength = this._getLength(rowsInfoItems);
                    const headerRowsCount = columnsInfo.length;
                    if (columnsInfo.length > 0 && columnsInfo[0].length > 0 && cellsInfo.length > 0 && 0 === cellsInfo[0].length) {
                        const cellInfoItemLength = this._calculateCellInfoItemLength(columnsInfo[0]);
                        if (cellInfoItemLength > 0) {
                            correctedCellsInfo = this._correctCellsInfoItemLengths(cellsInfo, cellInfoItemLength)
                        }
                    }
                    if (0 === correctedCellsInfo.length) {
                        const rowsCount = rowsInfoItems.length;
                        const collapsedColumnCount = columnsInfo.map(headerRowWithColumns => headerRowWithColumns.filter(row => !row.expanded).length).reduce((result, collapsedCount) => result + collapsedCount, 0);
                        for (let rowIdx = 0; rowIdx < rowsCount; rowIdx += 1) {
                            correctedCellsInfo[rowIdx] = [];
                            for (let colIdx = 0; colIdx < collapsedColumnCount; colIdx += 1) {
                                correctedCellsInfo[rowIdx][colIdx] = this._getEmptyCell()
                            }
                        }
                    }
                    const sourceItems = columnsInfo.concat(correctedCellsInfo);
                    for (rowIndex = 0; rowIndex < rowsInfoItems.length; rowIndex += 1) {
                        for (cellIndex = rowsInfoItems[rowIndex].length - 1; cellIndex >= 0; cellIndex -= 1) {
                            if (!(0, _type.isDefined)(sourceItems[rowIndex + headerRowsCount])) {
                                sourceItems[rowIndex + headerRowsCount] = []
                            }
                            sourceItems[rowIndex + headerRowsCount].splice(0, 0, (0, _extend.extend)({}, rowsInfoItems[rowIndex][cellIndex]))
                        }
                    }
                    sourceItems[0].splice(0, 0, (0, _extend.extend)({}, this._getEmptyCell(), {
                        alignment: (0, _position.getDefaultAlignment)(this._options.rtlEnabled),
                        colspan: rowsLength,
                        rowspan: headerRowsCount
                    }));
                    return (0, _m_export.prepareItems)(sourceItems, this._getEmptyCell())
                },
                getDataProvider() {
                    return new DataProvider(this)
                }
            };
            class DataProvider {
                constructor(exportController) {
                    this._exportController = exportController
                }
                ready() {
                    this._initOptions();
                    const options = this._options;
                    return (0, _deferred.when)(options.items).done(items => {
                        const headerSize = items[0][0].rowspan;
                        const columns = items[headerSize - 1];
                        (0, _iterator.each)(columns, (_, column) => {
                            column.width = 100
                        });
                        options.columns = columns;
                        options.items = items
                    })
                }
                _initOptions() {
                    const exportController = this._exportController;
                    const dataController = exportController._dataController;
                    const items = new _deferred.Deferred;
                    dataController.beginLoading();
                    setTimeout(() => {
                        const columnsInfo = (0, _extend.extend)(true, [], dataController.getColumnsInfo(true));
                        const rowsInfoItems = (0, _extend.extend)(true, [], dataController.getRowsInfo(true));
                        const cellsInfo = dataController.getCellsInfo(true);
                        items.resolve(exportController._getAllItems(columnsInfo, rowsInfoItems, cellsInfo));
                        dataController.endLoading()
                    });
                    this._options = {
                        items: items,
                        rtlEnabled: exportController.option("rtlEnabled"),
                        dataFields: exportController.getDataSource().getAreaFields("data"),
                        rowsArea: exportController._rowsArea,
                        columnsArea: exportController._columnsArea
                    }
                }
                getColumns() {
                    return this._options.columns
                }
                getColumnsWidths() {
                    const colsArea = this._options.columnsArea;
                    const {
                        rowsArea: rowsArea
                    } = this._options;
                    const {
                        columns: columns
                    } = this._options;
                    const useDefaultWidth = !(0, _window.hasWindow)() || "virtual" === colsArea.option("scrolling.mode") || colsArea.element().is(":hidden");
                    return useDefaultWidth ? columns.map(() => 100) : rowsArea.getColumnsWidth().concat(colsArea.getColumnsWidth())
                }
                getRowsCount() {
                    return this._options.items.length
                }
                getGroupLevel() {
                    return 0
                }
                getCellMerging(rowIndex, cellIndex) {
                    const {
                        items: items
                    } = this._options;
                    const item = items[rowIndex] && items[rowIndex][cellIndex];
                    return item ? {
                        colspan: item.colspan - 1,
                        rowspan: item.rowspan - 1
                    } : {
                        colspan: 0,
                        rowspan: 0
                    }
                }
                getFrozenArea() {
                    return {
                        x: this.getRowAreaColCount(),
                        y: this.getColumnAreaRowCount()
                    }
                }
                getCellType(rowIndex, cellIndex) {
                    const style = this.getStyles()[this.getStyleId(rowIndex, cellIndex)];
                    return style && style.dataType || "string"
                }
                getCellData(rowIndex, cellIndex, isExcelJS) {
                    const result = {};
                    const {
                        items: items
                    } = this._options;
                    const item = items[rowIndex] && items[rowIndex][cellIndex] || {};
                    if (isExcelJS) {
                        result.cellSourceData = item;
                        const areaName = this._tryGetAreaName(item, rowIndex, cellIndex);
                        if (areaName) {
                            result.cellSourceData.area = areaName
                        }
                        result.cellSourceData.rowIndex = rowIndex;
                        result.cellSourceData.columnIndex = cellIndex
                    }
                    if ("string" === this.getCellType(rowIndex, cellIndex)) {
                        result.value = item.text
                    } else {
                        result.value = item.value
                    }
                    if (result.cellSourceData && result.cellSourceData.isWhiteSpace) {
                        result.value = ""
                    }
                    return result
                }
                _tryGetAreaName(item, rowIndex, cellIndex) {
                    if (this.isColumnAreaCell(rowIndex, cellIndex)) {
                        return "column"
                    }
                    if (this.isRowAreaCell(rowIndex, cellIndex)) {
                        return "row"
                    }
                    if ((0, _type.isDefined)(item.dataIndex)) {
                        return "data"
                    }
                    return
                }
                isRowAreaCell(rowIndex, cellIndex) {
                    return rowIndex >= this.getColumnAreaRowCount() && cellIndex < this.getRowAreaColCount()
                }
                isColumnAreaCell(rowIndex, cellIndex) {
                    return cellIndex >= this.getRowAreaColCount() && rowIndex < this.getColumnAreaRowCount()
                }
                getColumnAreaRowCount() {
                    return this._options.items[0][0].rowspan
                }
                getRowAreaColCount() {
                    return this._options.items[0][0].colspan
                }
                getHeaderStyles() {
                    return [{
                        alignment: "center",
                        dataType: "string"
                    }, {
                        alignment: (0, _position.getDefaultAlignment)(this._options.rtlEnabled),
                        dataType: "string"
                    }]
                }
                getDataFieldStyles() {
                    const {
                        dataFields: dataFields
                    } = this._options;
                    const dataItemStyle = {
                        alignment: this._options.rtlEnabled ? "left" : "right"
                    };
                    const dataFieldStyles = [];
                    if (dataFields.length) {
                        dataFields.forEach(dataField => {
                            dataFieldStyles.push(Object.assign({}, dataItemStyle, {
                                format: dataField.format,
                                dataType: this.getCellDataType(dataField)
                            }))
                        });
                        return dataFieldStyles
                    }
                    return [dataItemStyle]
                }
                getStyles() {
                    if (this._styles) {
                        return this._styles
                    }
                    this._styles = [...this.getHeaderStyles(), ...this.getDataFieldStyles()];
                    return this._styles
                }
                getCellDataType(field) {
                    if (field && field.customizeText) {
                        return "string"
                    }
                    if (field.dataType) {
                        return field.dataType
                    }
                    if (field.format) {
                        if (1 === _number.default.parse(_format_helper.default.format(1, field.format))) {
                            return "number"
                        }
                        if (_format_helper.default.format(new Date, field.format)) {
                            return "date"
                        }
                    }
                    return "string"
                }
                getStyleId(rowIndex, cellIndex) {
                    const {
                        items: items
                    } = this._options;
                    const item = items[rowIndex] && items[rowIndex][cellIndex] || {};
                    if (0 === cellIndex && 0 === rowIndex || this.isColumnAreaCell(rowIndex, cellIndex)) {
                        return 0
                    }
                    if (this.isRowAreaCell(rowIndex, cellIndex)) {
                        return 1
                    }
                    return this.getHeaderStyles().length + (item.dataIndex || 0)
                }
            }
            exports.DataProvider = DataProvider;
            const PivotGridExport = exports.PivotGridExport = {
                DEFAUL_COLUMN_WIDTH: 100
            };
            exports.default = {
                ExportController: ExportController,
                PivotGridExport: PivotGridExport,
                DataProvider: DataProvider
            }
        },
        73944(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SORT_ORDER = exports.SORTABLE_CONST = exports.ICONS = exports.CLASSES = exports.ATTRIBUTES = void 0;
            exports.ATTRIBUTES = {
                treeViewItem: "tree-view-item",
                allowScrolling: "allow-scrolling",
                itemGroup: "item-group"
            };
            exports.CLASSES = {
                area: {
                    self: "dx-area",
                    box: "dx-area-box",
                    caption: "dx-area-caption",
                    icon: "dx-area-icon",
                    field: "dx-area-field",
                    fieldContainer: "dx-area-field-container",
                    fieldContent: "dx-area-field-content",
                    fieldList: "dx-area-fields",
                    fieldListHeader: "dx-area-fields-header"
                },
                pivotGrid: {
                    dragAction: "dx-pivotgrid-drag-action",
                    fieldsContainer: "dx-pivotgrid-fields-container"
                },
                fieldChooser: {
                    self: "dx-pivotgridfieldchooser",
                    container: "dx-pivotgridfieldchooser-container",
                    contextMenu: "dx-pivotgridfieldchooser-context-menu"
                },
                layout: {
                    zero: "dx-layout-0",
                    second: "dx-layout-2"
                },
                treeView: {
                    self: "dx-treeview",
                    borderVisible: "dx-treeview-border-visible"
                },
                scrollable: {
                    self: "dx-scrollable"
                },
                allFields: "dx-all-fields",
                col: "dx-col",
                headerFilter: "dx-header-filter",
                row: "dx-row",
                widget: "dx-widget"
            };
            exports.ICONS = {
                all: "smalliconslayout",
                column: "columnfield",
                row: "rowfield",
                filter: "filter",
                data: "formula",
                measure: "formula",
                hierarchy: "hierarchy",
                dimension: "detailslayout"
            };
            exports.SORTABLE_CONST = {
                targets: {
                    drag: "drag"
                }
            };
            exports.SORT_ORDER = {
                descending: "desc",
                ascending: "asc"
            }
        },
        47331(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.dragAndDropItemRender = function($sourceItem, target) {
                const $itemArray = function($sourceItem, target) {
                    const isAreaBox = $sourceItem.hasClass(_const.CLASSES.area.box);
                    const isTreeList = $sourceItem.attr(_const.ATTRIBUTES.treeViewItem);
                    if (isAreaBox) {
                        return function($sourceItem, target) {
                            const $itemArray = $sourceItem.clone();
                            if (target === _const.SORTABLE_CONST.targets.drag) {
                                $sourceItem.each((idx, sourceItem) => {
                                    const width = parseFloat((0, _size.getOuterWidth)(sourceItem));
                                    $itemArray.eq(idx).css("width", width);
                                    return true
                                })
                            }
                            return $itemArray
                        }($sourceItem, target)
                    }
                    if (isTreeList) {
                        return function($sourceItem) {
                            return $sourceItem.clone().addClass(_const.CLASSES.area.box).css("width", parseFloat((0, _size.getOuterWidth)($sourceItem)))
                        }($sourceItem)
                    }
                    return function($sourceItem) {
                        return (0, _renderer.default)("<div>").addClass(_const.CLASSES.area.field).addClass(_const.CLASSES.area.box).text($sourceItem.text())
                    }($sourceItem)
                }($sourceItem, target);
                if (target === _const.SORTABLE_CONST.targets.drag) {
                    return function($itemArray) {
                        const $wrappedTmpContainer = (0, _renderer.default)("<div>");
                        $itemArray.each((_, item) => {
                            const $wrappedItem = (0, _renderer.default)("<div>").addClass(_const.CLASSES.pivotGrid.fieldsContainer).addClass(_const.CLASSES.widget).append((0, _renderer.default)(item));
                            $wrappedTmpContainer.append($wrappedItem);
                            return true
                        });
                        return $wrappedTmpContainer.children()
                    }($itemArray)
                }
                return $itemArray
            };
            var _renderer = (e = __webpack_require__( /*! ../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _const = __webpack_require__( /*! ./const */ 73944)
        },
        62989(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.FieldChooser = void 0;
            __webpack_require__( /*! ../data_source/m_data_source */ 87993);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _icon = __webpack_require__( /*! ../../../../core/utils/icon */ 69629);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _context_menu = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/context_menu */ 34378));
            var _tree_view = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/tree_view */ 4313));
            var _m_widget_utils = __webpack_require__( /*! ../m_widget_utils */ 12062);
            var _const = __webpack_require__( /*! ./const */ 73944);
            var _m_field_chooser_base = __webpack_require__( /*! ./m_field_chooser_base */ 70317);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DIV = "<div>";
            const hasWindow = (0, _window.hasWindow)();

            function getDimensionFields(item, fields) {
                const result = [];
                if (item.items) {
                    for (let i = 0; i < item.items.length; i += 1) {
                        result.push.apply(result, getDimensionFields(item.items[i], fields))
                    }
                } else if ((0, _type.isDefined)(item.index)) {
                    result.push(fields[item.index])
                }
                return result
            }

            function getFirstItem(item, condition) {
                if (item.items) {
                    for (let i = 0; i < item.items.length; i += 1) {
                        const childrenItem = getFirstItem(item.items[i], condition);
                        if (childrenItem) {
                            return childrenItem
                        }
                    }
                }
                if (condition(item)) {
                    return item
                }
                return
            }
            const compareOrder = [function(a, b) {
                const aValue = -!!a.isMeasure;
                const bValue = +!!b.isMeasure;
                return aValue + bValue
            }, function(a, b) {
                const aValue = -!!(a.items && a.items.length);
                const bValue = +!!(b.items && b.items.length);
                return aValue + bValue
            }, function(a, b) {
                const aValue = +!!(false === a.isMeasure && a.field && a.field.levels && a.field.levels.length);
                const bValue = -!!(false === b.isMeasure && b.field && b.field.levels && b.field.levels.length);
                return aValue + bValue
            }, (0, _m_widget_utils.getCompareFunction)(item => item.text)];

            function compareItems(a, b) {
                let result = 0;
                let i = 0;
                while (!result && compareOrder[i]) {
                    result = compareOrder[i++](a, b)
                }
                return result
            }

            function getScrollable(container) {
                return container.find(`.${_const.CLASSES.scrollable.self}`).dxScrollable("instance")
            }
            class FieldChooser extends _m_field_chooser_base.FieldChooserBase {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        height: 400,
                        layout: 0,
                        dataSource: null,
                        encodeHtml: true,
                        onContextMenuPreparing: null,
                        allowSearch: false,
                        searchTimeout: 500,
                        texts: {
                            columnFields: _message.default.format("dxPivotGrid-columnFields"),
                            rowFields: _message.default.format("dxPivotGrid-rowFields"),
                            dataFields: _message.default.format("dxPivotGrid-dataFields"),
                            filterFields: _message.default.format("dxPivotGrid-filterFields"),
                            allFields: _message.default.format("dxPivotGrid-allFields")
                        }
                    })
                }
                _refreshDataSource() {
                    const that = this;
                    that._expandedPaths = [];
                    that._changedHandler = that._changedHandler || function() {
                        (0, _iterator.each)(that._dataChangedHandlers, (_, func) => {
                            func()
                        });
                        that._fireContentReadyAction();
                        that._skipStateChange = true;
                        that.option("state", that._dataSource.state());
                        that._skipStateChange = false
                    };
                    that._disposeDataSource();
                    super._refreshDataSource();
                    that._dataSource && that._dataSource.on("changed", that._changedHandler)
                }
                _disposeDataSource() {
                    const that = this;
                    const dataSource = that._dataSource;
                    if (dataSource) {
                        dataSource.off("changed", that._changedHandler);
                        that._dataSource = void 0
                    }
                }
                _dispose() {
                    this._disposeDataSource();
                    super._dispose()
                }
                _init() {
                    super._init();
                    this._refreshDataSource();
                    this._dataChangedHandlers = [];
                    this._initActions()
                }
                _initActions() {
                    this._actions = {
                        onContextMenuPreparing: this._createActionByOption("onContextMenuPreparing")
                    }
                }
                _trigger(eventName, eventArg) {
                    this._actions[eventName](eventArg)
                }
                _setOptionsByReference() {
                    super._setOptionsByReference();
                    (0, _extend.extend)(this._optionsByReference, {
                        dataSource: true
                    })
                }
                _optionChanged(args) {
                    const that = this;
                    switch (args.name) {
                        case "dataSource":
                            that._refreshDataSource();
                            that._invalidate();
                            break;
                        case "layout":
                        case "texts":
                        case "allowSearch":
                        case "searchTimeout":
                        case "encodeHtml":
                            that._invalidate();
                            break;
                        case "onContextMenuPreparing":
                            that._actions[args.name] = that._createActionByOption(args.name);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _clean(skipStateSetting) {
                    !skipStateSetting && this._dataSource && this.option("state", this._dataSource.state());
                    this.$element().children(`.${_const.CLASSES.fieldChooser.container}`).remove()
                }
                _renderLayout0($container) {
                    $container.addClass(_const.CLASSES.layout.zero);
                    const $row1 = (0, _renderer.default)(DIV).addClass(_const.CLASSES.row).appendTo($container);
                    const $row2 = (0, _renderer.default)(DIV).addClass(_const.CLASSES.row).appendTo($container);
                    const $col1 = (0, _renderer.default)(DIV).addClass(_const.CLASSES.col).appendTo($row1);
                    const $col2 = (0, _renderer.default)(DIV).addClass(_const.CLASSES.col).appendTo($row1);
                    const $col3 = (0, _renderer.default)(DIV).addClass(_const.CLASSES.col).appendTo($row2);
                    const $col4 = (0, _renderer.default)(DIV).addClass(_const.CLASSES.col).appendTo($row2);
                    this._renderArea($col1, "all");
                    this._renderArea($col2, "row");
                    this._renderArea($col2, "column");
                    this._renderArea($col3, "filter");
                    this._renderArea($col4, "data")
                }
                _renderLayout1($container) {
                    const $col1 = (0, _renderer.default)(DIV).addClass(_const.CLASSES.col).appendTo($container);
                    const $col2 = (0, _renderer.default)(DIV).addClass(_const.CLASSES.col).appendTo($container);
                    this._renderArea($col1, "all");
                    this._renderArea($col2, "filter");
                    this._renderArea($col2, "row");
                    this._renderArea($col2, "column");
                    this._renderArea($col2, "data")
                }
                _renderLayout2($container) {
                    $container.addClass(_const.CLASSES.layout.second);
                    const $row1 = (0, _renderer.default)(DIV).addClass(_const.CLASSES.row).appendTo($container);
                    this._renderArea($row1, "all");
                    const $row2 = (0, _renderer.default)(DIV).addClass(_const.CLASSES.row).appendTo($container);
                    const $col1 = (0, _renderer.default)(DIV).addClass(_const.CLASSES.col).appendTo($row2);
                    const $col2 = (0, _renderer.default)(DIV).addClass(_const.CLASSES.col).appendTo($row2);
                    this._renderArea($col1, "filter");
                    this._renderArea($col1, "row");
                    this._renderArea($col2, "column");
                    this._renderArea($col2, "data")
                }
                _initMarkup() {
                    const that = this;
                    const $element = this.$element();
                    const $container = (0, _renderer.default)(DIV).addClass(_const.CLASSES.fieldChooser.container).appendTo($element);
                    const layout = that.option("layout");
                    super._initMarkup();
                    $element.addClass(_const.CLASSES.fieldChooser.self).addClass(_const.CLASSES.pivotGrid.fieldsContainer);
                    that._dataChangedHandlers = [];
                    const dataSource = this._dataSource;
                    const currentState = "instantly" !== that.option("applyChangesMode") && dataSource && dataSource.state();
                    currentState && that.option("state") && dataSource.state(that.option("state"), true);
                    if (0 === layout) {
                        that._renderLayout0($container)
                    } else if (1 === layout) {
                        that._renderLayout1($container)
                    } else {
                        that._renderLayout2($container)
                    }
                    currentState && dataSource.state(currentState, true)
                }
                _renderContentImpl() {
                    super._renderContentImpl();
                    this.renderSortable();
                    this._renderContextMenu();
                    this.updateDimensions()
                }
                _fireContentReadyAction() {
                    if (!this._dataSource || !this._dataSource.isLoading()) {
                        super._fireContentReadyAction()
                    }
                }
                _getContextMenuArgs(dxEvent) {
                    const targetFieldElement = (0, _renderer.default)(dxEvent.target).closest(`.${_const.CLASSES.area.field}`);
                    const targetGroupElement = (0, _renderer.default)(dxEvent.target).closest(`.${_const.CLASSES.area.fieldList}`);
                    let field;
                    let area;
                    if (targetFieldElement.length) {
                        const fieldCopy = targetFieldElement.data("field");
                        if (fieldCopy) {
                            field = this.getDataSource().field(fieldCopy.index) || fieldCopy
                        }
                    }
                    if (targetGroupElement.length) {
                        area = targetGroupElement.attr("group")
                    }
                    return {
                        event: dxEvent,
                        field: field,
                        area: area,
                        items: []
                    }
                }
                _renderContextMenu() {
                    const that = this;
                    const $container = that.$element();
                    if (that._contextMenu) {
                        that._contextMenu.$element().remove()
                    }
                    that._contextMenu = that._createComponent((0, _renderer.default)(DIV).appendTo($container), _context_menu.default, {
                        onPositioning(actionArgs) {
                            const {
                                event: event
                            } = actionArgs;
                            if (!event) {
                                return
                            }
                            const args = that._getContextMenuArgs(event);
                            that._trigger("onContextMenuPreparing", args);
                            if (args.items && args.items.length) {
                                actionArgs.component.option("items", args.items)
                            } else {
                                actionArgs.cancel = true
                            }
                        },
                        target: $container,
                        onItemClick(params) {
                            params.itemData.onItemClick && params.itemData.onItemClick(params)
                        },
                        cssClass: _const.CLASSES.fieldChooser.contextMenu
                    })
                }
                _createTreeItems(fields, groupFieldNames, path) {
                    const that = this;
                    let isMeasure;
                    let resultItems = [];
                    const groupedItems = [];
                    const groupFieldName = groupFieldNames[0];
                    const fieldsByGroup = {};
                    if (!groupFieldName) {
                        (0, _iterator.each)(fields, (_, field) => {
                            let icon;
                            if (true === field.isMeasure) {
                                icon = _const.ICONS.measure
                            }
                            if (false === field.isMeasure) {
                                icon = field.groupName ? _const.ICONS.hierarchy : _const.ICONS.dimension
                            }
                            resultItems.push({
                                index: field.index,
                                field: field,
                                key: field.dataField,
                                selected: (0, _type.isDefined)(field.area),
                                text: field.caption || field.dataField,
                                icon: icon,
                                isMeasure: field.isMeasure,
                                isDefault: field.isDefault
                            })
                        })
                    } else {
                        (0, _iterator.each)(fields, (_, field) => {
                            const groupName = field[groupFieldName] || "";
                            fieldsByGroup[groupName] = fieldsByGroup[groupName] || [];
                            fieldsByGroup[groupName].push(field);
                            if (void 0 === isMeasure) {
                                isMeasure = true
                            }
                            isMeasure = isMeasure && true === field.isMeasure
                        });
                        (0, _iterator.each)(fieldsByGroup, (groupName, fields) => {
                            const currentPath = path ? `${path}.${groupName}` : groupName;
                            const items = that._createTreeItems(fields, groupFieldNames.slice(1), currentPath);
                            if (groupName) {
                                groupedItems.push({
                                    key: groupName,
                                    text: groupName,
                                    path: currentPath,
                                    isMeasure: items.isMeasure,
                                    expanded: that._expandedPaths.includes(currentPath),
                                    items: items
                                })
                            } else {
                                resultItems = items
                            }
                        });
                        resultItems = groupedItems.concat(resultItems);
                        resultItems.isMeasure = isMeasure
                    }
                    return resultItems
                }
                _createFieldsDataSource(dataSource) {
                    let fields = dataSource && dataSource.fields() || [];
                    fields = fields.filter(field => false !== field.visible && !(0, _type.isDefined)(field.groupIndex));
                    const treeItems = this._createTreeItems(fields, ["dimension", "displayFolder"]);
                    (0, _m_widget_utils.foreachDataLevel)(treeItems, items => {
                        items.sort(compareItems)
                    }, 0, "items");
                    return treeItems
                }
                _renderFieldsTreeView(container) {
                    const that = this;
                    const dataSource = that._dataSource;
                    const treeView = that._createComponent(container, _tree_view.default, {
                        dataSource: that._createFieldsDataSource(dataSource),
                        showCheckBoxesMode: "normal",
                        expandNodesRecursive: false,
                        searchEnabled: that.option("allowSearch"),
                        searchTimeout: that.option("searchTimeout"),
                        useNativeScrolling: false,
                        itemTemplate(itemData, itemIndex, itemElement) {
                            const $item = (0, _renderer.default)("<div>").toggleClass(_const.CLASSES.area.field, !itemData.items).attr(_const.ATTRIBUTES.treeViewItem, true).data("field", itemData.field).appendTo(itemElement);
                            if (itemData.icon) {
                                var _getImageContainer;
                                null === (_getImageContainer = (0, _icon.getImageContainer)(itemData.icon)) || void 0 === _getImageContainer || _getImageContainer.appendTo($item)
                            }(0, _renderer.default)("<span>").text(itemData.text).appendTo($item)
                        },
                        onItemCollapsed(e) {
                            const index = that._expandedPaths.indexOf(e.itemData.path);
                            if (index >= 0) {
                                that._expandedPaths.splice(index, 1)
                            }
                        },
                        onItemExpanded(e) {
                            const index = that._expandedPaths.indexOf(e.itemData.path);
                            if (index < 0) {
                                that._expandedPaths.push(e.itemData.path)
                            }
                        },
                        onItemSelectionChanged(e) {
                            const data = e.itemData;
                            let field;
                            let fields;
                            let needSelectDefaultItem = true;
                            let area;
                            if (data.items) {
                                if (data.selected) {
                                    treeView.unselectItem(data);
                                    return
                                }
                                that._processDemandState(() => {
                                    fields = getDimensionFields(data, dataSource.fields());
                                    for (let i = 0; i < fields.length; i += 1) {
                                        if (fields[i].area) {
                                            needSelectDefaultItem = false;
                                            break
                                        }
                                    }
                                });
                                if (needSelectDefaultItem) {
                                    const item = getFirstItem(data, item => item.isDefault) || getFirstItem(data, item => (0, _type.isDefined)(item.index));
                                    item && treeView.selectItem(item);
                                    return
                                }
                            } else {
                                field = dataSource.fields()[data.index];
                                if (data.selected) {
                                    area = field.isMeasure ? "data" : "column"
                                }
                                if (field) {
                                    fields = [field]
                                }
                            }
                            that._applyChanges(fields, {
                                area: area,
                                areaIndex: void 0
                            })
                        }
                    });
                    that._dataChangedHandlers.push(function() {
                        let scrollable = getScrollable(container);
                        const scrollTop = scrollable ? scrollable.scrollTop() : 0;
                        treeView.option({
                            dataSource: that._createFieldsDataSource(dataSource)
                        });
                        scrollable = getScrollable(container);
                        if (scrollable) {
                            scrollable.scrollTo({
                                y: scrollTop
                            });
                            scrollable.update()
                        }
                    })
                }
                _renderAreaFields($container, area) {
                    const that = this;
                    const dataSource = that._dataSource;
                    const fields = dataSource ? (0, _extend.extend)(true, [], dataSource.getAreaFields(area, true)) : [];
                    $container.empty();
                    (0, _iterator.each)(fields, (_, field) => {
                        if (false !== field.visible) {
                            that.renderField(field, true).appendTo($container)
                        }
                    })
                }
                _renderArea(container, area) {
                    const that = this;
                    const $areaContainer = (0, _renderer.default)(DIV).addClass(_const.CLASSES.area.self).appendTo(container);
                    const $fieldsHeaderContainer = (0, _renderer.default)(DIV).addClass(_const.CLASSES.area.fieldListHeader).appendTo($areaContainer);
                    const caption = that.option(`texts.${area}Fields`);
                    let $fieldsContent;
                    let render;
                    (0, _renderer.default)("<span>").addClass(_const.CLASSES.area.icon).addClass(`dx-icon-${_const.ICONS[area]}`).appendTo($fieldsHeaderContainer);
                    (0, _renderer.default)("<span>").html("&nbsp;").appendTo($fieldsHeaderContainer);
                    (0, _renderer.default)("<span>").addClass(_const.CLASSES.area.caption).text(caption).appendTo($fieldsHeaderContainer);
                    const $fieldsContainer = (0, _renderer.default)(DIV).addClass(_const.CLASSES.area.fieldList).addClass(_const.CLASSES.pivotGrid.dragAction).appendTo($areaContainer);
                    if ("all" !== area) {
                        $fieldsContainer.attr("group", area).attr(_const.ATTRIBUTES.allowScrolling, true);
                        $fieldsContent = (0, _renderer.default)(DIV).addClass(_const.CLASSES.area.fieldContainer).appendTo($fieldsContainer);
                        render = function() {
                            that._renderAreaFields($fieldsContent, area)
                        };
                        that._dataChangedHandlers.push(render);
                        render();
                        $fieldsContainer.dxScrollable({
                            useNative: false
                        })
                    } else {
                        $areaContainer.addClass(_const.CLASSES.allFields);
                        $fieldsContainer.addClass(_const.CLASSES.treeView.borderVisible);
                        that._renderFieldsTreeView($fieldsContainer)
                    }
                }
                _getSortableOptions() {
                    return {
                        direction: ""
                    }
                }
                _adjustSortableOnChangedArgs() {}
                resetTreeView() {
                    const treeView = this.$element().find(`.${_const.CLASSES.treeView.self}`).dxTreeView("instance");
                    if (treeView) {
                        treeView.option("searchValue", "");
                        treeView.collapseAll()
                    }
                }
                applyChanges() {
                    const state = this.option("state");
                    if ((0, _type.isDefined)(state)) {
                        this._dataSource.state(state)
                    }
                }
                cancelChanges() {
                    const dataSource = this._dataSource;
                    if (!dataSource.isLoading()) {
                        this.option("state", dataSource.state());
                        return true
                    }
                    return false
                }
                getDataSource() {
                    return this._dataSource
                }
                updateDimensions() {
                    const $scrollableElements = this.$element().find(`.${_const.CLASSES.area.self} .${_const.CLASSES.scrollable.self}`);
                    $scrollableElements.dxScrollable("update")
                }
                _visibilityChanged(visible) {
                    if (visible && hasWindow) {
                        this.updateDimensions()
                    }
                }
            }
            exports.FieldChooser = FieldChooser;
            (0, _component_registrator.default)("dxPivotGridFieldChooser", FieldChooser);
            exports.default = {
                FieldChooser: FieldChooser
            }
        },
        70317(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.FieldChooserBase = void 0;
            var _click = __webpack_require__( /*! ../../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _array_store = _interopRequireDefault(__webpack_require__( /*! ../../../../common/data/array_store */ 80556));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/widget/ui.widget */ 11118));
            var _m_column_state_mixin = _interopRequireDefault(__webpack_require__( /*! ../../../grids/grid_core/column_state_mixin/m_column_state_mixin */ 96790));
            var _m_header_filter_core = __webpack_require__( /*! ../../../grids/grid_core/header_filter/m_header_filter_core */ 83040);
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../../../grids/grid_core/m_utils */ 53226));
            var _m_sorting_mixin = _interopRequireDefault(__webpack_require__( /*! ../../../grids/grid_core/sorting/m_sorting_mixin */ 2242));
            var _m_widget_utils = __webpack_require__( /*! ../m_widget_utils */ 12062);
            var _m_sortable = _interopRequireDefault(__webpack_require__( /*! ../sortable/m_sortable */ 87691));
            var _const = __webpack_require__( /*! ./const */ 73944);
            var _dom = __webpack_require__( /*! ./dom */ 47331);
            var _utils = __webpack_require__( /*! ./utils */ 56958);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                Sortable: Sortable
            } = _m_sortable.default;
            class HeaderFilterView extends _m_header_filter_core.HeaderFilterView {
                _getSearchExpr(options, headerFilterOptions) {
                    options.useDefaultSearchExpr = true;
                    return super._getSearchExpr(options, headerFilterOptions)
                }
            }

            function getMainGroupField(dataSource, sourceField) {
                let field = sourceField;
                if ((0, _type.isDefined)(sourceField.groupIndex)) {
                    field = dataSource.getAreaFields(sourceField.area, true)[sourceField.areaIndex]
                }
                return field
            }

            function getStringState(state) {
                state = state || {};
                return JSON.stringify([state.fields, state.columnExpandedPaths, state.rowExpandedPaths])
            }
            const mixinWidget = (0, _m_header_filter_core.headerFilterMixin)((0, _m_sorting_mixin.default)((0, _m_column_state_mixin.default)(_ui.default)));
            class FieldChooserBase extends mixinWidget {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        allowFieldDragging: true,
                        applyChangesMode: "instantly",
                        state: null,
                        headerFilter: {
                            width: 252,
                            height: 325,
                            allowSelectAll: true,
                            showRelevantValues: false,
                            search: {
                                enabled: false,
                                timeout: 500,
                                editorOptions: {},
                                mode: "contains"
                            },
                            texts: {
                                emptyValue: _message.default.format("dxDataGrid-headerFilterEmptyValue"),
                                ok: _message.default.format("dxDataGrid-headerFilterOK"),
                                cancel: _message.default.format("dxDataGrid-headerFilterCancel")
                            }
                        },
                        remoteSort: false
                    })
                }
                _setAriaSortAttribute(_column, _ariaSortState, _$rootElement) {}
                _init() {
                    super._init();
                    this._headerFilterView = new HeaderFilterView(this);
                    this._refreshDataSource();
                    this.subscribeToEvents();
                    _m_utils.default.logHeaderFilterDeprecatedWarningIfNeed(this)
                }
                _refreshDataSource() {
                    const dataSource = this.option("dataSource");
                    if (null !== dataSource && void 0 !== dataSource && dataSource.fields && dataSource.load) {
                        this._dataSource = dataSource
                    }
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "dataSource":
                            this._refreshDataSource();
                            break;
                        case "applyChangesMode":
                        case "remoteSort":
                            break;
                        case "state":
                            if (this._skipStateChange || !this._dataSource) {
                                break
                            }
                            if ("instantly" === this.option("applyChangesMode") && getStringState(this._dataSource.state()) !== getStringState(args.value)) {
                                this._dataSource.state(args.value)
                            } else {
                                this._clean(true);
                                this._renderComponent()
                            }
                            break;
                        case "headerFilter":
                        case "allowFieldDragging":
                            this._invalidate();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                renderField(field, showColumnLines) {
                    const that = this;
                    const $fieldContent = (0, _renderer.default)("<div>").addClass(_const.CLASSES.area.fieldContent).text(field.caption || field.dataField);
                    const $fieldElement = (0, _renderer.default)("<div>").addClass(_const.CLASSES.area.field).addClass(_const.CLASSES.area.box).data("field", field).append($fieldContent);
                    const mainGroupField = getMainGroupField(that._dataSource, field);
                    if ("data" !== field.area) {
                        if (field.allowSorting) {
                            that._applyColumnState({
                                name: "sort",
                                rootElement: $fieldElement,
                                column: {
                                    alignment: that.option("rtlEnabled") ? "right" : "left",
                                    sortOrder: "desc" === field.sortOrder ? "desc" : "asc",
                                    allowSorting: field.allowSorting,
                                    caption: field.caption || field.dataField
                                },
                                showColumnLines: showColumnLines
                            })
                        }
                        that._applyColumnState({
                            name: "headerFilter",
                            rootElement: $fieldElement,
                            column: {
                                alignment: that.option("rtlEnabled") ? "right" : "left",
                                filterValues: mainGroupField.filterValues,
                                allowFiltering: mainGroupField.allowFiltering && !field.groupIndex,
                                allowSorting: field.allowSorting,
                                caption: field.caption || field.dataField
                            },
                            showColumnLines: showColumnLines
                        })
                    }
                    if (field.groupName) {
                        $fieldElement.attr(_const.ATTRIBUTES.itemGroup, field.groupName)
                    }
                    return $fieldElement
                }
                _clean(value) {}
                _render() {
                    super._render();
                    this._headerFilterView.render(this.$element())
                }
                renderSortable() {
                    const that = this;
                    that._createComponent(that.$element(), Sortable, (0, _extend.extend)({
                        allowDragging: that.option("allowFieldDragging"),
                        itemSelector: `.${_const.CLASSES.area.field}`,
                        itemContainerSelector: `.${_const.CLASSES.area.fieldContainer}`,
                        groupSelector: `.${_const.CLASSES.area.fieldList}`,
                        groupFilter() {
                            const dataSource = that._dataSource;
                            const $sortable = (0, _renderer.default)(this).closest(".dx-sortable-old");
                            const pivotGrid = $sortable.data("dxPivotGrid");
                            const pivotGridFieldChooser = $sortable.data("dxPivotGridFieldChooser");
                            if (pivotGrid) {
                                return pivotGrid.getDataSource() === dataSource
                            }
                            if (pivotGridFieldChooser) {
                                return pivotGridFieldChooser.option("dataSource") === dataSource
                            }
                            return false
                        },
                        itemRender: _dom.dragAndDropItemRender,
                        onDragging(e) {
                            const field = e.sourceElement.data("field");
                            const {
                                targetGroup: targetGroup
                            } = e;
                            e.cancel = (0, _utils.shouldCancelDragging)(field, targetGroup)
                        },
                        useIndicator: true,
                        onChanged(e) {
                            const field = e.sourceElement.data("field");
                            e.removeSourceElement = !!e.sourceGroup;
                            that._adjustSortableOnChangedArgs(e);
                            if (field) {
                                const {
                                    targetIndex: targetIndex
                                } = e;
                                let mainGroupField;
                                let invisibleFieldsIndexOffset = 0;
                                that._processDemandState(dataSource => {
                                    const fields = dataSource.getAreaFields(field.area, true);
                                    mainGroupField = getMainGroupField(dataSource, field);
                                    const visibleFields = fields.filter(f => false !== f.visible);
                                    const fieldBeforeTarget = visibleFields[targetIndex - 1];
                                    if (fieldBeforeTarget) {
                                        invisibleFieldsIndexOffset = fields.filter(f => false === f.visible && f.areaIndex <= fieldBeforeTarget.areaIndex).length
                                    }
                                });
                                that._applyChanges([mainGroupField], {
                                    area: e.targetGroup,
                                    areaIndex: targetIndex + invisibleFieldsIndexOffset
                                })
                            }
                        }
                    }, that._getSortableOptions()))
                }
                _processDemandState(func) {
                    const that = this;
                    const isInstantlyMode = "instantly" === that.option("applyChangesMode");
                    const dataSource = that._dataSource;
                    if (isInstantlyMode) {
                        func(dataSource, isInstantlyMode)
                    } else {
                        const currentState = dataSource.state();
                        const pivotGridState = that.option("state");
                        if (pivotGridState) {
                            dataSource.state(pivotGridState, true)
                        }
                        func(dataSource, isInstantlyMode);
                        dataSource.state(currentState, true)
                    }
                }
                _applyChanges(fields, props) {
                    const that = this;
                    that._processDemandState((dataSource, isInstantlyMode) => {
                        fields.forEach(_ref => {
                            let {
                                index: index
                            } = _ref;
                            dataSource.field(index, props)
                        });
                        if (isInstantlyMode) {
                            dataSource.load()
                        } else {
                            that._changedHandler()
                        }
                    })
                }
                _applyLocalSortChanges(fieldIdx, sortOrder) {
                    this._processDemandState(dataSource => {
                        dataSource.field(fieldIdx, {
                            sortOrder: sortOrder
                        });
                        dataSource.sortLocal()
                    })
                }
                _adjustSortableOnChangedArgs(e) {
                    e.removeSourceElement = false;
                    e.removeTargetElement = true;
                    e.removeSourceClass = false
                }
                _getSortableOptions() {
                    return {
                        direction: "auto"
                    }
                }
                subscribeToEvents(element) {
                    const that = this;
                    const func = function(e) {
                        const field = (0, _renderer.default)(e.currentTarget).data("field");
                        const mainGroupField = (0, _extend.extend)(true, {}, getMainGroupField(that._dataSource, field));
                        const isHeaderFilter = (0, _renderer.default)(e.target).hasClass(_const.CLASSES.headerFilter);
                        const dataSource = that._dataSource;
                        const type = mainGroupField.groupName ? "tree" : "list";
                        const paginate = dataSource.paginate() && "list" === type;
                        if (isHeaderFilter) {
                            that._headerFilterView.showHeaderFilterMenu((0, _renderer.default)(e.currentTarget), (0, _extend.extend)(mainGroupField, {
                                type: type,
                                encodeHtml: that.option("encodeHtml"),
                                dataSource: {
                                    useDefaultSearch: !paginate,
                                    load(options) {
                                        const {
                                            userData: userData
                                        } = options;
                                        if (userData.store) {
                                            return userData.store.load(options)
                                        }
                                        const d = new _deferred.Deferred;
                                        dataSource.getFieldValues(mainGroupField.index, that.option("headerFilter.showRelevantValues"), paginate ? options : void 0).done(data => {
                                            const emptyValue = that.option("headerFilter.texts.emptyValue");
                                            data.forEach(element => {
                                                if (!element.text) {
                                                    element.text = emptyValue
                                                }
                                            });
                                            if (paginate) {
                                                d.resolve(data)
                                            } else {
                                                userData.store = new _array_store.default(data);
                                                userData.store.load(options).done(d.resolve).fail(d.reject)
                                            }
                                        }).fail(d.reject);
                                        return d
                                    },
                                    postProcess(data) {
                                        ! function(groupItems, field) {
                                            const filterValues = [];
                                            const isTree = !!field.groupName;
                                            const isExcludeFilterType = "exclude" === field.filterType;
                                            if (field.filterValues) {
                                                (0, _iterator.each)(field.filterValues, (_, filterValue) => {
                                                    filterValues.push(Array.isArray(filterValue) ? filterValue.join("/") : null === filterValue || void 0 === filterValue ? void 0 : filterValue.valueOf())
                                                })
                                            }(0, _m_widget_utils.foreachTree)(groupItems, items => {
                                                var _item$value;
                                                const item = items[0];
                                                const path = (0, _m_widget_utils.createPath)(items);
                                                const preparedFilterValueByText = isTree ? (0, _iterator.map)(items, item => item.text).reverse().join("/") : item.text;
                                                item.value = isTree ? path.slice(0) : item.key || item.value;
                                                const preparedFilterValue = isTree ? path.join("/") : null === (_item$value = item.value) || void 0 === _item$value ? void 0 : _item$value.valueOf();
                                                if (item.children) {
                                                    item.items = item.children;
                                                    item.children = null
                                                }(0, _m_header_filter_core.updateHeaderFilterItemSelectionState)(item, item.key && filterValues.includes(preparedFilterValueByText) || filterValues.includes(preparedFilterValue), isExcludeFilterType)
                                            })
                                        }(data, mainGroupField);
                                        return data
                                    }
                                },
                                apply() {
                                    that._applyChanges([mainGroupField], {
                                        filterValues: this.filterValues,
                                        filterType: this.filterType
                                    })
                                }
                            }))
                        } else if (field.allowSorting && "data" !== field.area) {
                            const isRemoteSort = that.option("remoteSort");
                            const sortOrder = (0, _utils.reverseSortOrder)(field.sortOrder);
                            if (isRemoteSort) {
                                that._applyChanges([field], {
                                    sortOrder: sortOrder
                                })
                            } else {
                                that._applyLocalSortChanges(field.index, sortOrder)
                            }
                        }
                    };
                    if (element) {
                        _events_engine.default.on(element, _click.name, `.${_const.CLASSES.area.field}.${_const.CLASSES.area.box}`, func);
                        return
                    }
                    _events_engine.default.on(that.$element(), _click.name, `.${_const.CLASSES.area.field}.${_const.CLASSES.area.box}`, func)
                }
                _initTemplates() {}
                addWidgetPrefix(className) {
                    return `dx-pivotgrid-${className}`
                }
            }
            exports.FieldChooserBase = FieldChooserBase;
            (0, _component_registrator.default)("dxPivotGridFieldChooserBase", FieldChooserBase);
            exports.default = {
                FieldChooserBase: FieldChooserBase
            }
        },
        56958(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.shouldCancelDragging = exports.reverseSortOrder = void 0;
            var _const = __webpack_require__( /*! ./const */ 73944);
            exports.reverseSortOrder = sortOrder => sortOrder === _const.SORT_ORDER.descending ? _const.SORT_ORDER.ascending : _const.SORT_ORDER.descending;
            exports.shouldCancelDragging = (field, targetGroup) => {
                if (!field) {
                    return false
                }
                if (true === field.isMeasure) {
                    return "column" === targetGroup || "row" === targetGroup || "filter" === targetGroup
                }
                if (false === field.isMeasure && "data" === targetGroup) {
                    return true
                }
                return false
            }
        },
        2997(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.FieldsArea = void 0;
            __webpack_require__( /*! ../field_chooser/m_field_chooser_base */ 70317);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _style = __webpack_require__( /*! ../../../../core/utils/style */ 58515);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/button */ 64973));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/popup/ui.popup */ 10720));
            var _capitalize = __webpack_require__( /*! ../../../core/utils/capitalize */ 72928);
            var _m_area_item = __webpack_require__( /*! ../area_item/m_area_item */ 96273);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DIV = "<div>";
            class FieldsArea extends _m_area_item.AreaItem {
                constructor(component, area) {
                    super(component);
                    this._area = area
                }
                _getAreaName() {
                    return "fields"
                }
                _createGroupElement() {
                    return (0, _renderer.default)(DIV).addClass("dx-pivotgrid-fields-area").addClass("dx-area-fields").addClass("dx-pivotgrid-drag-action").attr("group", this._area)
                }
                isVisible() {
                    return !!this.option("fieldPanel.visible") && this.option(`fieldPanel.show${(0,_capitalize.capitalize)(this._area)}Fields`)
                }
                _renderButton(element) {
                    const that = this;
                    const container = (0, _renderer.default)("<td>").appendTo((0, _renderer.default)("<tr>").appendTo(element));
                    const button = that.component._createComponent((0, _renderer.default)(DIV).appendTo(container), _button.default, {
                        text: "Fields",
                        icon: "menu",
                        width: "auto",
                        onClick() {
                            const popup = that.tableElement().find(".dx-fields-area-popup").dxPopup("instance");
                            if (!popup.option("visible")) {
                                popup.show()
                            }
                        }
                    });
                    button.$element().addClass("dx-pivotgrid-fields-area-hamburger")
                }
                _getPopupOptions(row, button) {
                    return {
                        contentTemplate: () => (0, _renderer.default)("<div>").append((0, _renderer.default)("<table>").addClass("dx-area-field-container").append((0, _renderer.default)("<thead>").addClass("dx-pivotgrid-fields-area-head").append(row))),
                        height: "auto",
                        width: "auto",
                        position: {
                            at: "left",
                            my: "left",
                            of: button
                        },
                        dragEnabled: false,
                        animation: {
                            show: {
                                type: "pop",
                                duration: 200
                            }
                        },
                        shading: false,
                        showTitle: false,
                        hideOnOutsideClick: true,
                        container: button.parent()
                    }
                }
                _renderPopup(tableElement, row) {
                    const that = this;
                    const button = tableElement.find(".dx-button");
                    const popupOptions = that._getPopupOptions(row, button);
                    const FieldChooserBase = that.component.$element().dxPivotGridFieldChooserBase("instance");
                    if (that._rowPopup) {
                        that._rowPopup.$element().remove()
                    }
                    that._rowPopup = that.component._createComponent((0, _renderer.default)(DIV).appendTo(tableElement), _ui.default, popupOptions);
                    that._rowPopup.$element().addClass("dx-fields-area-popup");
                    that._rowPopup.content().addClass("dx-pivotgrid-fields-container");
                    that._rowPopup.content().parent().attr("group", "row");
                    FieldChooserBase.subscribeToEvents(that._rowPopup.content());
                    FieldChooserBase.renderSortable(that._rowPopup.content())
                }
                _shouldCreateButton() {
                    return false
                }
                _renderTableContent(tableElement, data) {
                    const that = this;
                    const groupElement = this.groupElement();
                    const isVisible = this.isVisible();
                    const fieldChooserBase = that.component.$element().dxPivotGridFieldChooserBase("instance");
                    const head = (0, _renderer.default)("<thead>").addClass("dx-pivotgrid-fields-area-head").appendTo(tableElement);
                    const area = that._area;
                    const row = (0, _renderer.default)("<tr>");
                    groupElement.toggleClass("dx-hidden", !isVisible);
                    tableElement.addClass("dx-area-field-container");
                    if (!isVisible) {
                        return
                    }(0, _iterator.each)(data, (index, field) => {
                        if (field.area === area && false !== field.visible) {
                            const td = (0, _renderer.default)("<td>").append(fieldChooserBase.renderField(field, "row" === field.area));
                            const indicators = td.find(".dx-column-indicators");
                            if (indicators.length && that._shouldCreateButton()) {
                                indicators.insertAfter(indicators.next())
                            }
                            td.appendTo(row);
                            ! function(field, nextField, prevField, $container) {
                                if (null !== prevField && void 0 !== prevField && prevField.groupName && prevField.groupName === field.groupName) {
                                    (0, _renderer.default)(DIV).addClass("dx-group-connector").addClass("dx-group-connector-prev").appendTo($container)
                                }
                                if (null !== nextField && void 0 !== nextField && nextField.groupName && nextField.groupName === field.groupName) {
                                    (0, _renderer.default)(DIV).addClass("dx-group-connector").addClass("dx-group-connector-next").appendTo($container)
                                }
                            }(field, data[index + 1], data[index - 1], td)
                        }
                    });
                    if (!row.children().length) {
                        (0, _renderer.default)("<td>").append((0, _renderer.default)(DIV).addClass("dx-empty-area-text").text(this.option(`fieldPanel.texts.${area}FieldArea`))).appendTo(row)
                    }
                    if (that._shouldCreateButton()) {
                        that._renderButton(head);
                        that._renderPopup(tableElement, row)
                    } else {
                        head.append(row)
                    }
                }
                setGroupWidth(value) {
                    (0, _style.setWidth)(this.groupElement(), value)
                }
                setGroupHeight(value) {
                    (0, _style.setHeight)(this.groupElement(), value)
                }
                reset() {
                    super.reset();
                    this.groupElement().css("marginTop", 0)
                }
                _renderVirtualContent() {}
            }
            exports.FieldsArea = FieldsArea;
            exports.default = {
                FieldsArea: FieldsArea
            }
        },
        77195(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.VerticalHeadersArea = exports.HorizontalHeadersArea = void 0;
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _m_area_item = __webpack_require__( /*! ../area_item/m_area_item */ 96273);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }

            function getCellPath(tableElement, cell) {
                if (cell) {
                    const {
                        data: data
                    } = tableElement.data();
                    const {
                        rowIndex: rowIndex
                    } = cell.parentNode;
                    const {
                        cellIndex: cellIndex
                    } = cell;
                    return data[rowIndex] && data[rowIndex][cellIndex] && data[rowIndex][cellIndex].path
                }
                return
            }
            class HorizontalHeadersArea extends _m_area_item.AreaItem {
                constructor(component) {
                    super(component);
                    this._scrollBarWidth = 0
                }
                _getAreaName() {
                    return "column"
                }
                _getAreaClassName() {
                    return "dx-pivotgrid-horizontal-headers"
                }
                _createGroupElement() {
                    return (0, _renderer.default)("<div>").addClass(this._getAreaClassName()).addClass("dx-pivotgrid-area")
                }
                _applyCustomStyles(options) {
                    const {
                        cssArray: cssArray
                    } = options;
                    const {
                        cell: cell
                    } = options;
                    const {
                        rowsCount: rowsCount
                    } = options;
                    const {
                        classArray: classArray
                    } = options;
                    if (options.cellIndex === options.cellsCount - 1) {
                        cssArray.push((options.rtlEnabled ? "border-left:" : "border-right:") + "0px")
                    }
                    if (cell.rowspan === rowsCount - options.rowIndex || options.rowIndex + 1 === rowsCount) {
                        cssArray.push("border-bottom-width:0px")
                    }
                    if ("T" === cell.type || "GT" === cell.type) {
                        classArray.push("dx-row-total")
                    }
                    if ("T" === options.cell.type) {
                        classArray.push("dx-total")
                    }
                    if ("GT" === options.cell.type) {
                        classArray.push("dx-grandtotal")
                    }
                    if ((0, _type.isDefined)(cell.expanded)) {
                        classArray.push(cell.expanded ? "dx-pivotgrid-expanded" : "dx-pivotgrid-collapsed")
                    }
                    super._applyCustomStyles(options)
                }
                _getMainElementMarkup() {
                    const thead = _dom_adapter.default.createElement("thead");
                    thead.setAttribute("class", this._getAreaClassName());
                    return thead
                }
                _getCloseMainElementMarkup() {
                    return "</thead>"
                }
                setVirtualContentParams(params) {
                    super.setVirtualContentParams(params);
                    this._setTableCss({
                        left: params.left,
                        top: 0
                    });
                    this._virtualContentWidth = params.width
                }
                hasScroll() {
                    const tableWidth = this._virtualContent ? this._virtualContentWidth : this._tableWidth;
                    const groupWidth = this.getGroupWidth();
                    if (groupWidth && tableWidth) {
                        return tableWidth - groupWidth >= 1
                    }
                    return false
                }
                renderScrollable() {
                    this._groupElement.dxScrollable({
                        useNative: false,
                        useSimulatedScrollbar: false,
                        showScrollbar: "never",
                        bounceEnabled: false,
                        direction: "horizontal",
                        rtlEnabled: false,
                        updateManually: true
                    })
                }
                processScrollBarSpacing(scrollBarWidth) {
                    const groupAlignment = this.option("rtlEnabled") ? "right" : "left";
                    const groupWidth = this.getGroupWidth();
                    if (groupWidth) {
                        this.setGroupWidth(groupWidth - scrollBarWidth)
                    }
                    if (this._scrollBarWidth) {
                        this._groupElement.next().remove()
                    }
                    this._groupElement.toggleClass("dx-vertical-scroll", scrollBarWidth > 0);
                    (0, _size.setWidth)(this._groupElement.css("float", groupAlignment), this.getGroupHeight());
                    this._scrollBarWidth = scrollBarWidth
                }
                getScrollPath(offset) {
                    const tableElement = this.tableElement();
                    let cell;
                    offset -= parseInt(tableElement[0].style.left, 10) || 0;
                    (0, _iterator.each)(tableElement.find("td"), (_, td) => {
                        if (1 === td.colSpan && td.offsetLeft <= offset && td.offsetWidth + td.offsetLeft > offset) {
                            cell = td;
                            return false
                        }
                        return
                    });
                    return getCellPath(tableElement, cell)
                }
                _moveFakeTable(scrollPos) {
                    this._moveFakeTableHorizontally(scrollPos);
                    super._moveFakeTable()
                }
            }
            exports.HorizontalHeadersArea = HorizontalHeadersArea;
            class VerticalHeadersArea extends HorizontalHeadersArea {
                _getAreaClassName() {
                    return "dx-pivotgrid-vertical-headers"
                }
                _applyCustomStyles(options) {
                    super._applyCustomStyles(options);
                    if (options.cellIndex === options.cellsCount - 1) {
                        options.classArray.push("dx-last-cell")
                    }
                    if (options.rowIndex === options.rowsCount - 1) {
                        options.cssArray.push("border-bottom: 0px")
                    }
                    if (options.cell.isWhiteSpace) {
                        options.classArray.push("dx-white-space-column")
                    }
                }
                _getAreaName() {
                    return "row"
                }
                setVirtualContentParams(params) {
                    super.setVirtualContentParams(params);
                    this._setTableCss({
                        top: params.top,
                        left: 0
                    });
                    this._virtualContentHeight = params.height
                }
                hasScroll() {
                    const tableHeight = this._virtualContent ? this._virtualContentHeight : this._tableHeight;
                    const groupHeight = this.getGroupHeight();
                    if (groupHeight && tableHeight) {
                        return tableHeight - groupHeight >= 1
                    }
                    return false
                }
                renderScrollable() {
                    this._groupElement.dxScrollable({
                        useNative: false,
                        useSimulatedScrollbar: false,
                        showScrollbar: "never",
                        bounceEnabled: false,
                        direction: "vertical",
                        updateManually: true
                    })
                }
                processScrollBarSpacing(scrollBarWidth) {
                    const groupHeight = this.getGroupHeight();
                    if (groupHeight) {
                        this.setGroupHeight(groupHeight - scrollBarWidth)
                    }
                    if (this._scrollBarWidth) {
                        this._groupElement.next().remove()
                    }
                    if (scrollBarWidth) {
                        const $div = (0, _renderer.default)("<div>");
                        (0, _size.setWidth)($div, "100%");
                        (0, _size.setHeight)($div, scrollBarWidth - 1);
                        this._groupElement.after($div)
                    }
                    this._scrollBarWidth = scrollBarWidth
                }
                getScrollPath(offset) {
                    const tableElement = this.tableElement();
                    let cell;
                    offset -= parseInt(tableElement[0].style.top, 10) || 0;
                    (0, _iterator.each)(tableElement.find("tr"), (_, tr) => {
                        const td = tr.childNodes[tr.childNodes.length - 1];
                        if (td && 1 === td.rowSpan && td.offsetTop <= offset && td.offsetHeight + td.offsetTop > offset) {
                            cell = td;
                            return false
                        }
                        return
                    });
                    return getCellPath(tableElement, cell)
                }
                _moveFakeTable(scrollPos) {
                    this._moveFakeTableTop(scrollPos);
                    super._moveFakeTable()
                }
                _getRowClassNames(rowIndex, cell, rowClassNames) {
                    if (0 !== rowIndex & cell.expanded && !rowClassNames.includes("dx-expand-border")) {
                        rowClassNames.push("dx-expand-border")
                    }
                }
                _getMainElementMarkup() {
                    const tbody = _dom_adapter.default.createElement("tbody");
                    tbody.classList.add(this._getAreaClassName());
                    return tbody
                }
                _getCloseMainElementMarkup() {
                    return "</tbody>"
                }
                updateColspans(columnCount) {
                    const {
                        rows: rows
                    } = this.tableElement()[0];
                    let columnOffset = 0;
                    const columnOffsetResetIndexes = [];
                    if (this.getColumnsCount() - columnCount > 0) {
                        return
                    }
                    for (let i = 0; i < rows.length; i += 1) {
                        for (let j = 0; j < rows[i].cells.length; j += 1) {
                            const cell = rows[i].cells[j];
                            const {
                                rowSpan: rowSpan
                            } = cell;
                            if (columnOffsetResetIndexes[i]) {
                                columnOffset -= columnOffsetResetIndexes[i];
                                columnOffsetResetIndexes[i] = 0
                            }
                            const diff = columnCount - (columnOffset + cell.colSpan);
                            if (j === rows[i].cells.length - 1 && diff > 0) {
                                cell.colSpan += diff
                            }
                            columnOffsetResetIndexes[i + rowSpan] = (columnOffsetResetIndexes[i + rowSpan] || 0) + cell.colSpan;
                            columnOffset += cell.colSpan
                        }
                    }
                }
            }
            exports.VerticalHeadersArea = VerticalHeadersArea;
            exports.default = {
                HorizontalHeadersArea: HorizontalHeadersArea,
                VerticalHeadersArea: VerticalHeadersArea
            }
        },
        47825(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.LocalStore = void 0;
            var _array_store = _interopRequireDefault(__webpack_require__( /*! ../../../../common/data/array_store */ 80556));
            var _custom_store = __webpack_require__( /*! ../../../../common/data/custom_store */ 63326);
            var _data_source = __webpack_require__( /*! ../../../../common/data/data_source/data_source */ 68216);
            var _query = _interopRequireDefault(__webpack_require__( /*! ../../../../common/data/query */ 30771));
            var _utils = __webpack_require__( /*! ../../../../common/data/utils */ 89358);
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../../../core/class */ 55620));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../../../core/utils/data */ 31e3);
            var _date_serialization = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/date_serialization */ 71051));
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _m_widget_utils = __webpack_require__( /*! ../m_widget_utils */ 12062);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const LocalStore = exports.LocalStore = _class.default.inherit(function() {
                const DATE_INTERVAL_SELECTORS = {
                    year: date => date && date.getFullYear(),
                    quarter: date => date && Math.floor(date.getMonth() / 3) + 1,
                    month: date => date && date.getMonth() + 1,
                    day: date => date && date.getDate(),
                    dayOfWeek: date => date && date.getDay()
                };

                function getDataSelector(dataField) {
                    return -1 !== dataField.indexOf(".") ? (0, _data.compileGetter)(dataField) : function(data) {
                        return data[dataField]
                    }
                }

                function getDateValue(dataSelector) {
                    return function(data) {
                        let value = dataSelector(data);
                        if (value && !(value instanceof Date)) {
                            value = _date_serialization.default.deserializeDate(value)
                        }
                        return value
                    }
                }

                function prepareFields(fields) {
                    (0, _iterator.each)(fields || [], (_, field) => {
                        let fieldSelector;
                        let intervalSelector;
                        const {
                            dataField: dataField
                        } = field;
                        let groupInterval;
                        const {
                            levels: levels
                        } = field;
                        let dataSelector;
                        if (!field.selector) {
                            if (!dataField) {
                                dataSelector = function(data) {
                                    return data
                                }
                            } else {
                                dataSelector = getDataSelector(dataField)
                            }
                            if (levels) {
                                prepareFields(levels)
                            }
                            if ("date" === field.dataType) {
                                intervalSelector = DATE_INTERVAL_SELECTORS[field.groupInterval];
                                const valueSelector = getDateValue(dataSelector);
                                fieldSelector = function(data) {
                                    const value = valueSelector(data);
                                    return intervalSelector ? intervalSelector(value) : value
                                }
                            } else if ("number" === field.dataType) {
                                groupInterval = (0, _type.isNumeric)(field.groupInterval) && field.groupInterval > 0 && field.groupInterval;
                                fieldSelector = function(data) {
                                    let value = dataSelector(data);
                                    if ((0, _type.isString)(value)) {
                                        value = Number(value)
                                    }
                                    return groupInterval ? Math.floor(value / groupInterval) * groupInterval : value
                                }
                            } else {
                                fieldSelector = dataSelector
                            }(0, _m_widget_utils.setDefaultFieldValueFormatting)(field);
                            (0, _m_widget_utils.setFieldProperty)(field, "selector", fieldSelector)
                        }
                    })
                }

                function fillHierarchyItemIndexesCore(indexes, options, children, expandIndex, pathHash) {
                    const dimension = options.dimensions[expandIndex];
                    const {
                        expandedPathsHash: expandedPathsHash
                    } = options;
                    let dimensionValue;
                    let hierarchyItem;
                    if (dimension) {
                        dimensionValue = dimension.selector(options.data);
                        pathHash = void 0 !== pathHash ? pathHash + "/./" + dimensionValue : `${dimensionValue}`;
                        hierarchyItem = function(value, hierarchyItems, pathHash, childrenHash) {
                            let hierarchyItem = childrenHash[pathHash];
                            if (!hierarchyItem) {
                                hierarchyItem = {
                                    value: value,
                                    index: childrenHash.length++
                                };
                                childrenHash[pathHash] = hierarchyItem;
                                hierarchyItems.push(hierarchyItem)
                            }
                            return hierarchyItem
                        }(dimensionValue, children, pathHash, options.childrenHash);
                        indexes.push(hierarchyItem.index);
                        if (expandedPathsHash && expandedPathsHash[pathHash] || dimension.expanded) {
                            if (!hierarchyItem.children) {
                                hierarchyItem.children = []
                            }
                            fillHierarchyItemIndexesCore(indexes, options, hierarchyItem.children, expandIndex + 1, pathHash)
                        }
                    }
                }

                function generateHierarchyItems(data, loadOptions, headers, headerName) {
                    const result = [0];
                    const expandIndex = loadOptions.headerName === headerName ? loadOptions.path.length : 0;
                    const expandedPaths = "rows" === headerName ? loadOptions.rowExpandedPaths : loadOptions.columnExpandedPaths;
                    const options = {
                        data: data,
                        childrenHash: headers[`${headerName}Hash`],
                        dimensions: loadOptions[headerName],
                        expandedPathsHash: loadOptions.headerName !== headerName && expandedPaths && expandedPaths.hash
                    };
                    fillHierarchyItemIndexesCore(result, options, headers[headerName], expandIndex);
                    return result
                }

                function generateAggregationCells(data, cells, headers, options) {
                    const cellSet = [];
                    let x;
                    let y;
                    let rowIndex;
                    let columnIndex;
                    const rowIndexes = generateHierarchyItems(data, options, headers, "rows");
                    const columnIndexes = generateHierarchyItems(data, options, headers, "columns");
                    for (y = 0; y < rowIndexes.length; y += 1) {
                        rowIndex = rowIndexes[y];
                        cells[rowIndex] = cells[rowIndex] || [];
                        for (x = 0; x < columnIndexes.length; x += 1) {
                            columnIndex = columnIndexes[x];
                            cellSet.push(cells[rowIndex][columnIndex] = cells[rowIndex][columnIndex] || [])
                        }
                    }
                    return cellSet
                }

                function fillHashExpandedPath(expandedPaths) {
                    if (expandedPaths) {
                        const hash = expandedPaths.hash = {};
                        expandedPaths.forEach(path => {
                            const pathValue = path.map(value => `${value}`).join("/./");
                            hash[pathValue] = true
                        })
                    }
                }

                function prepareLoadOption(options) {
                    options.rows = options.rows || [];
                    options.columns = options.columns || [];
                    options.filters = options.filters || [];
                    fillHashExpandedPath(options.columnExpandedPaths);
                    fillHashExpandedPath(options.rowExpandedPaths);
                    prepareFields(options.columns);
                    prepareFields(options.rows);
                    prepareFields(options.values);
                    prepareFields(options.filters)
                }

                function getAggregator(field) {
                    if ("custom" === field.summaryType) {
                        field.calculateCustomSummary = field.calculateCustomSummary || _common.noop;
                        return {
                            seed() {
                                const options = {
                                    summaryProcess: "start",
                                    totalValue: void 0
                                };
                                field.calculateCustomSummary(options);
                                return options
                            },
                            step(options, value) {
                                options.summaryProcess = "calculate";
                                options.value = value;
                                field.calculateCustomSummary(options);
                                return options
                            },
                            finalize(options) {
                                options.summaryProcess = "finalize";
                                delete options.value;
                                field.calculateCustomSummary(options);
                                return options.totalValue
                            }
                        }
                    }
                    return _utils.aggregators[field.summaryType] || _utils.aggregators.count
                }

                function aggregationStep(measures, aggregationCells, data) {
                    for (let aggregatorIndex = 0; aggregatorIndex < measures.length; aggregatorIndex += 1) {
                        const cellField = measures[aggregatorIndex];
                        const cellValue = cellField.selector(data);
                        const aggregator = getAggregator(cellField);
                        const isAggregatorSeedFunction = "function" === typeof aggregator.seed;
                        for (let cellSetIndex = 0; cellSetIndex < aggregationCells.length; cellSetIndex += 1) {
                            const cell = aggregationCells[cellSetIndex];
                            if (cell.length <= aggregatorIndex) {
                                cell[aggregatorIndex] = isAggregatorSeedFunction ? aggregator.seed() : aggregator.seed
                            }
                            if (void 0 === cell[aggregatorIndex]) {
                                cell[aggregatorIndex] = cellValue
                            } else if ((0, _type.isDefined)(cellValue)) {
                                cell[aggregatorIndex] = aggregator.step(cell[aggregatorIndex], cellValue)
                            }
                        }
                    }
                }

                function areValuesEqual(filterValue, fieldValue) {
                    let valueOfFilter = filterValue && filterValue.valueOf();
                    let valueOfField = fieldValue && fieldValue.valueOf();
                    if (Array.isArray(filterValue)) {
                        fieldValue = fieldValue || [];
                        for (let i = 0; i < filterValue.length; i += 1) {
                            valueOfFilter = filterValue[i] && filterValue[i].valueOf();
                            valueOfField = fieldValue[i] && fieldValue[i].valueOf();
                            if (valueOfFilter !== valueOfField) {
                                return false
                            }
                        }
                        return true
                    }
                    return valueOfFilter === valueOfField
                }

                function createDimensionFilters(dimension) {
                    const filters = [];
                    (0, _iterator.each)(dimension, (_, field) => {
                        const filterValues = field.filterValues || [];
                        const {
                            groupName: groupName
                        } = field;
                        if (groupName && (0, _type.isNumeric)(field.groupIndex)) {
                            return
                        }
                        filterValues.length && filters.push(function(dataItem) {
                            const value = field.levels ? function(levels, data) {
                                const value = [];
                                (0, _iterator.each)(levels, (_, field) => {
                                    value.push(field.selector(data))
                                });
                                return value
                            }(field.levels, dataItem) : field.selector(dataItem);
                            let result = false;
                            for (let i = 0; i < filterValues.length; i += 1) {
                                if (areValuesEqual(filterValues[i], value)) {
                                    result = true;
                                    break
                                }
                            }
                            return "exclude" === field.filterType ? !result : result
                        })
                    });
                    return filters
                }

                function createFilter(options) {
                    const filters = createDimensionFilters(options.rows).concat(createDimensionFilters(options.columns)).concat(createDimensionFilters(options.filters));
                    const expandedDimensions = options[options.headerName];
                    const {
                        path: path
                    } = options;
                    if (expandedDimensions) {
                        filters.push(dataItem => {
                            let expandValue;
                            for (let i = 0; i < path.length; i += 1) {
                                expandValue = expandedDimensions[i].selector(dataItem);
                                if ((0, _data.toComparable)(expandValue, true) !== (0, _data.toComparable)(path[i], true)) {
                                    return false
                                }
                            }
                            return true
                        })
                    }
                    return function(dataItem) {
                        for (let i = 0; i < filters.length; i += 1) {
                            if (!filters[i](dataItem)) {
                                return false
                            }
                        }
                        return true
                    }
                }

                function loadCore(items, options, notifyProgress) {
                    const headers = {
                        columns: [],
                        rows: [],
                        columnsHash: {
                            length: 1
                        },
                        rowsHash: {
                            length: 1
                        }
                    };
                    const values = [];
                    let aggregationCells;
                    let data;
                    const d = new _deferred.Deferred;
                    let i = 0;
                    const filter = createFilter(options);
                    ! function processData() {
                        const t = new Date;
                        const startIndex = i;
                        for (; i < items.length; i += 1) {
                            if (i > startIndex && i % 1e4 === 0) {
                                if (new Date - t >= 300) {
                                    notifyProgress(i / items.length);
                                    setTimeout(processData, 0);
                                    return
                                }
                            }
                            data = items[i];
                            if (filter(data)) {
                                aggregationCells = generateAggregationCells(data, values, headers, options);
                                aggregationStep(options.values, aggregationCells, data)
                            }
                        }
                        measures = options.values, cells = values, void(0, _iterator.each)(measures, (aggregatorIndex, cellField) => {
                            const aggregator = getAggregator(cellField);
                            if (aggregator.finalize) {
                                (0, _iterator.each)(cells, (_, row) => {
                                    (0, _iterator.each)(row, (_, cell) => {
                                        if (cell && void 0 !== cell[aggregatorIndex]) {
                                            cell[aggregatorIndex] = aggregator.finalize(cell[aggregatorIndex])
                                        }
                                    })
                                })
                            }
                        });
                        var measures, cells;
                        notifyProgress(1);
                        d.resolve({
                            rows: headers.rows,
                            columns: headers.columns,
                            values: values,
                            grandTotalRowIndex: 0,
                            grandTotalColumnIndex: 0
                        })
                    }();
                    return d
                }

                function filterDataSource(dataSource, fieldSelectors) {
                    let filter = dataSource.filter();
                    if (dataSource.store() instanceof _custom_store.CustomStore && filter) {
                        filter = processFilter(filter, fieldSelectors);
                        return (0, _query.default)(dataSource.items()).filter(filter).toArray()
                    }
                    return dataSource.items()
                }

                function loadDataSource(dataSource, fieldSelectors, reload) {
                    const d = new _deferred.Deferred;
                    const customizeStoreLoadOptionsHandler = function(options) {
                        if (dataSource.store() instanceof _array_store.default) {
                            options.storeLoadOptions.filter = processFilter(options.storeLoadOptions.filter, fieldSelectors)
                        }
                    };
                    dataSource.on("customizeStoreLoadOptions", customizeStoreLoadOptionsHandler);
                    if (!dataSource.isLoaded() || reload) {
                        const loadDeferred = reload ? dataSource.load() : dataSource.reload();
                        (0, _deferred.when)(loadDeferred).done(() => {
                            loadDataSource(dataSource, fieldSelectors).done(() => {
                                d.resolve(filterDataSource(dataSource, fieldSelectors))
                            }).fail(d.reject)
                        }).fail(d.reject)
                    } else {
                        d.resolve(filterDataSource(dataSource, fieldSelectors))
                    }
                    return d.always(() => {
                        dataSource.off("customizeStoreLoadOptions", customizeStoreLoadOptionsHandler)
                    })
                }

                function fillSelectorsByFields(selectors, fields) {
                    fields.forEach(field => {
                        if (field.dataField && "date" === field.dataType) {
                            const valueSelector = getDateValue(getDataSelector(field.dataField));
                            selectors[field.dataField] = function(data) {
                                return valueSelector(data)
                            }
                        }
                    })
                }

                function getFieldSelectors(options) {
                    const selectors = {};
                    if (Array.isArray(options)) {
                        fillSelectorsByFields(selectors, options)
                    } else if (options) {
                        ["rows", "columns", "filters"].forEach(area => {
                            options[area] && fillSelectorsByFields(selectors, options[area])
                        })
                    }
                    return selectors
                }

                function processFilter(filter, fieldSelectors) {
                    if (!Array.isArray(filter)) {
                        return filter
                    }
                    filter = filter.slice(0);
                    if ((0, _type.isString)(filter[0]) && (filter[1] instanceof Date || filter[2] instanceof Date)) {
                        filter[0] = fieldSelectors[filter[0]]
                    }
                    for (let i = 0; i < filter.length; i += 1) {
                        filter[i] = processFilter(filter[i], fieldSelectors)
                    }
                    return filter
                }
                return {
                    ctor(options) {
                        this._progressChanged = options.onProgressChanged || _common.noop;
                        this._dataSource = new _data_source.DataSource(options);
                        this._dataSource.paginate(false)
                    },
                    getFields(fields) {
                        const dataSource = this._dataSource;
                        const d = new _deferred.Deferred;
                        loadDataSource(dataSource, getFieldSelectors(fields)).done(data => {
                            d.resolve((0, _m_widget_utils.discoverObjectFields)(data, fields))
                        }).fail(d.reject);
                        return d
                    },
                    key() {
                        return this._dataSource.key()
                    },
                    load(options) {
                        const that = this;
                        const dataSource = that._dataSource;
                        const d = new _deferred.Deferred;
                        prepareLoadOption(options);
                        loadDataSource(dataSource, getFieldSelectors(options), options.reload).done(data => {
                            (0, _deferred.when)(loadCore(data, options, that._progressChanged)).done(d.resolve)
                        }).fail(d.reject);
                        return d
                    },
                    filter() {
                        const dataSource = this._dataSource;
                        return dataSource.filter.apply(dataSource, arguments)
                    },
                    supportPaging: () => false,
                    getDrillDownItems(loadOptions, params) {
                        loadOptions = loadOptions || {};
                        params = params || {};
                        prepareLoadOption(loadOptions);
                        const drillDownItems = [];
                        const items = this._dataSource.items();
                        let item;
                        const {
                            maxRowCount: maxRowCount
                        } = params;
                        const {
                            customColumns: customColumns
                        } = params;
                        const filter = createFilter(loadOptions);
                        const pathFilter = createFilter({
                            rows: (0, _m_widget_utils.getFiltersByPath)(loadOptions.rows, params.rowPath),
                            columns: (0, _m_widget_utils.getFiltersByPath)(loadOptions.columns, params.columnPath),
                            filters: []
                        });
                        for (let i = 0; i < items.length; i += 1) {
                            if (pathFilter(items[i]) && filter(items[i])) {
                                if (customColumns) {
                                    item = {};
                                    for (let j = 0; j < customColumns.length; j += 1) {
                                        item[customColumns[j]] = items[i][customColumns[j]]
                                    }
                                } else {
                                    item = items[i]
                                }
                                drillDownItems.push(item)
                            }
                            if (maxRowCount > 0 && drillDownItems.length === maxRowCount) {
                                break
                            }
                        }
                        return drillDownItems
                    }
                }
            }()).include(_m_widget_utils.storeDrillDownMixin);
            exports.default = {
                LocalStore: LocalStore
            }
        },
        16508(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.PivotGrid = void 0;
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _string = __webpack_require__( /*! ../../../core/utils/string */ 54497);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../ui/button */ 64973));
            var _context_menu = _interopRequireDefault(__webpack_require__( /*! ../../../ui/context_menu */ 34378));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/popup/ui.popup */ 10720));
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../../grids/grid_core/m_utils */ 53226));
            var _m_chart_integration = __webpack_require__( /*! ./chart_integration/m_chart_integration */ 67705);
            var _m_data_area = _interopRequireDefault(__webpack_require__( /*! ./data_area/m_data_area */ 31045));
            var _m_data_controller = _interopRequireDefault(__webpack_require__( /*! ./data_controller/m_data_controller */ 18509));
            var _m_export = __webpack_require__( /*! ./export/m_export */ 12867);
            var _m_field_chooser = __webpack_require__( /*! ./field_chooser/m_field_chooser */ 62989);
            var _m_field_chooser_base = __webpack_require__( /*! ./field_chooser/m_field_chooser_base */ 70317);
            var _m_fields_area = __webpack_require__( /*! ./fields_area/m_fields_area */ 2997);
            var _m_headers_area = _interopRequireDefault(__webpack_require__( /*! ./headers_area/m_headers_area */ 77195));
            var _m_widget_utils = __webpack_require__( /*! ./m_widget_utils */ 12062);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const TR = "<tr>";
            const TD = "<td>";
            const DIV = "<div>";
            const FIELD_CALCULATED_OPTIONS = ["allowSorting", "allowSortingBySummary", "allowFiltering", "allowExpandAll"];

            function getArraySum(array) {
                let sum = 0;
                (0, _iterator.each)(array, (_, value) => {
                    sum += value || 0
                });
                return sum
            }

            function adjustSizeArray(sizeArray, space) {
                const delta = space / sizeArray.length;
                for (let i = 0; i < sizeArray.length; i += 1) {
                    sizeArray[i] -= delta
                }
            }

            function unsubscribeScrollEvents(area) {
                area.off("scroll").off("stop")
            }

            function getCommonBorderWidth(elements, direction) {
                const borderStyleNames = "width" === direction ? ["borderLeftWidth", "borderRightWidth"] : ["borderTopWidth", "borderBottomWidth"];
                let width = 0;
                (0, _iterator.each)(elements, (_, elem) => {
                    const computedStyle = window.getComputedStyle(elem.get(0));
                    borderStyleNames.forEach(borderStyleName => {
                        width += parseFloat(computedStyle[borderStyleName]) || 0
                    })
                });
                return width
            }
            class PivotGrid extends _widget.default {
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        scrolling: {
                            timeout: 300,
                            renderingThreshold: 150,
                            minTimeout: 10,
                            mode: "standard",
                            useNative: "auto",
                            removeInvisiblePages: true,
                            virtualRowHeight: 50,
                            virtualColumnWidth: 100,
                            loadTwoPagesOnStart: true
                        },
                        encodeHtml: true,
                        dataSource: null,
                        activeStateEnabled: false,
                        fieldChooser: {
                            minWidth: 250,
                            minHeight: 250,
                            enabled: true,
                            allowSearch: false,
                            searchTimeout: 500,
                            layout: 0,
                            title: _message.default.format("dxPivotGrid-fieldChooserTitle"),
                            width: 600,
                            height: 600,
                            applyChangesMode: "instantly"
                        },
                        onContextMenuPreparing: null,
                        allowSorting: false,
                        allowSortingBySummary: false,
                        allowFiltering: false,
                        allowExpandAll: false,
                        wordWrapEnabled: true,
                        fieldPanel: {
                            showColumnFields: true,
                            showFilterFields: true,
                            showDataFields: true,
                            showRowFields: true,
                            allowFieldDragging: true,
                            visible: false,
                            texts: {
                                columnFieldArea: _message.default.format("dxPivotGrid-columnFieldArea"),
                                rowFieldArea: _message.default.format("dxPivotGrid-rowFieldArea"),
                                filterFieldArea: _message.default.format("dxPivotGrid-filterFieldArea"),
                                dataFieldArea: _message.default.format("dxPivotGrid-dataFieldArea")
                            }
                        },
                        dataFieldArea: "column",
                        export: {
                            enabled: false,
                            fileName: "PivotGrid"
                        },
                        showRowTotals: true,
                        showRowGrandTotals: true,
                        showColumnTotals: true,
                        showColumnGrandTotals: true,
                        hideEmptySummaryCells: true,
                        showTotalsPrior: "none",
                        rowHeaderLayout: "standard",
                        loadPanel: {
                            enabled: true,
                            text: _message.default.format("Loading"),
                            width: 200,
                            height: 70,
                            showIndicator: true,
                            showPane: true
                        },
                        texts: {
                            grandTotal: _message.default.format("dxPivotGrid-grandTotal"),
                            total: _message.default.getFormatter("dxPivotGrid-total"),
                            noData: _message.default.format("dxDataGrid-noDataText"),
                            showFieldChooser: _message.default.format("dxPivotGrid-showFieldChooser"),
                            expandAll: _message.default.format("dxPivotGrid-expandAll"),
                            collapseAll: _message.default.format("dxPivotGrid-collapseAll"),
                            sortColumnBySummary: _message.default.getFormatter("dxPivotGrid-sortColumnBySummary"),
                            sortRowBySummary: _message.default.getFormatter("dxPivotGrid-sortRowBySummary"),
                            removeAllSorting: _message.default.format("dxPivotGrid-removeAllSorting"),
                            exportToExcel: _message.default.format("dxDataGrid-exportToExcel"),
                            dataNotAvailable: _message.default.format("dxPivotGrid-dataNotAvailable")
                        },
                        onCellClick: null,
                        onCellPrepared: null,
                        showBorders: false,
                        stateStoring: {
                            enabled: false,
                            storageKey: null,
                            type: "localStorage",
                            customLoad: null,
                            customSave: null,
                            savingTimeout: 2e3
                        },
                        onExpandValueChanging: null,
                        renderCellCountLimit: 2e4,
                        onExporting: null,
                        headerFilter: {
                            width: 252,
                            height: 325,
                            allowSelectAll: true,
                            showRelevantValues: false,
                            search: {
                                enabled: false,
                                timeout: 500,
                                editorOptions: {},
                                mode: "contains"
                            },
                            texts: {
                                emptyValue: _message.default.format("dxDataGrid-headerFilterEmptyValue"),
                                ok: _message.default.format("dxDataGrid-headerFilterOK"),
                                cancel: _message.default.format("dxDataGrid-headerFilterCancel")
                            }
                        }
                    })
                }
                _setDeprecatedOptions() {
                    super._setDeprecatedOptions();
                    this._deprecatedOptions = Object.assign({}, this._deprecatedOptions, {
                        "loadPanel.indicatorSrc": {
                            since: "25.2",
                            alias: "loadPanel.indicatorOptions.src"
                        }
                    })
                }
                _updateCalculatedOptions(fields) {
                    const that = this;
                    (0, _iterator.each)(fields, (_, field) => {
                        (0, _iterator.each)(FIELD_CALCULATED_OPTIONS, (_, optionName) => {
                            const isCalculated = field._initProperties && optionName in field._initProperties && void 0 === field._initProperties[optionName];
                            const needUpdate = void 0 === field[optionName] || isCalculated;
                            if (needUpdate) {
                                (0, _m_widget_utils.setFieldProperty)(field, optionName, that.option(optionName))
                            }
                        })
                    })
                }
                _getDataControllerOptions() {
                    const that = this;
                    return {
                        component: that,
                        dataSource: that.option("dataSource"),
                        texts: that.option("texts"),
                        showRowTotals: that.option("showRowTotals"),
                        showRowGrandTotals: that.option("showRowGrandTotals"),
                        showColumnTotals: that.option("showColumnTotals"),
                        showTotalsPrior: that.option("showTotalsPrior"),
                        showColumnGrandTotals: that.option("showColumnGrandTotals"),
                        dataFieldArea: that.option("dataFieldArea"),
                        rowHeaderLayout: that.option("rowHeaderLayout"),
                        hideEmptySummaryCells: that.option("hideEmptySummaryCells"),
                        onFieldsPrepared(fields) {
                            that._updateCalculatedOptions(fields)
                        }
                    }
                }
                _initDataController() {
                    const that = this;
                    that._dataController && that._dataController.dispose();
                    that._dataController = new _m_data_controller.default.DataController(that._getDataControllerOptions());
                    if ((0, _window.hasWindow)()) {
                        that._dataController.changed.add(() => {
                            that._render()
                        })
                    }
                    that._dataController.scrollChanged.add(options => {
                        that._scrollLeft = options.left;
                        that._scrollTop = options.top
                    });
                    that._dataController.loadingChanged.add(() => {
                        that._updateLoading()
                    });
                    that._dataController.progressChanged.add(that._updateLoading.bind(that));
                    that._dataController.dataSourceChanged.add(() => {
                        that._trigger("onChanged", void 0)
                    });
                    const expandValueChanging = that.option("onExpandValueChanging");
                    if (expandValueChanging) {
                        that._dataController.expandValueChanging.add(e => {
                            expandValueChanging(e)
                        })
                    }
                }
                _init() {
                    super._init();
                    this._initDataController();
                    _m_utils.default.logHeaderFilterDeprecatedWarningIfNeed(this);
                    this._scrollLeft = this._scrollTop = null;
                    this._initActions()
                }
                _initActions() {
                    this._actions = {
                        onChanged: this._createActionByOption("onChanged"),
                        onContextMenuPreparing: this._createActionByOption("onContextMenuPreparing"),
                        onCellClick: this._createActionByOption("onCellClick"),
                        onExporting: this._createActionByOption("onExporting"),
                        onCellPrepared: this._createActionByOption("onCellPrepared")
                    }
                }
                _trigger(eventName, eventArg) {
                    this._actions[eventName](eventArg)
                }
                _optionChanged(args) {
                    const that = this;
                    if (FIELD_CALCULATED_OPTIONS.includes(args.name)) {
                        const fields = this.getDataSource().fields();
                        this._updateCalculatedOptions(fields)
                    }
                    switch (args.name) {
                        case "dataSource":
                        case "allowSorting":
                        case "allowFiltering":
                        case "allowExpandAll":
                        case "allowSortingBySummary":
                        case "scrolling":
                        case "stateStoring":
                            that._initDataController();
                            that.getFieldChooserPopup().hide();
                            that._renderFieldChooser();
                            that._invalidate();
                            break;
                        case "texts":
                        case "showTotalsPrior":
                        case "showRowTotals":
                        case "showRowGrandTotals":
                        case "showColumnTotals":
                        case "showColumnGrandTotals":
                        case "hideEmptySummaryCells":
                        case "dataFieldArea":
                            that._dataController.updateViewOptions(that._getDataControllerOptions());
                            break;
                        case "useNativeScrolling":
                        case "encodeHtml":
                        case "renderCellCountLimit":
                        case "onExpandValueChanging":
                            break;
                        case "rtlEnabled":
                            super._optionChanged(args);
                            that._renderFieldChooser();
                            that._renderContextMenu();
                            (0, _window.hasWindow)() && that._renderLoadPanel(that._dataArea.groupElement(), that.$element());
                            that._invalidate();
                            break;
                        case "export":
                            that._renderDescriptionArea();
                            break;
                        case "onCellClick":
                        case "onContextMenuPreparing":
                        case "onExporting":
                        case "onExported":
                        case "onFileSaving":
                        case "onCellPrepared":
                            that._actions[args.name] = that._createActionByOption(args.name);
                            break;
                        case "fieldChooser":
                            that._renderFieldChooser();
                            that._renderDescriptionArea();
                            break;
                        case "loadPanel":
                            if ((0, _window.hasWindow)()) {
                                if ("loadPanel.enabled" === args.fullName) {
                                    clearTimeout(this._hideLoadingTimeoutID);
                                    that._renderLoadPanel(that._dataArea.groupElement(), that.$element())
                                } else {
                                    that._renderLoadPanel(that._dataArea.groupElement(), that.$element());
                                    that._invalidate()
                                }
                            }
                            break;
                        case "fieldPanel":
                            that._renderDescriptionArea();
                            that._invalidate();
                            break;
                        case "headerFilter":
                            that._renderFieldChooser();
                            that._invalidate();
                            break;
                        case "showBorders":
                            that._tableElement().toggleClass("dx-pivotgrid-border", !!args.value);
                            that.updateDimensions();
                            break;
                        case "wordWrapEnabled":
                            that._tableElement().toggleClass("dx-word-wrap", !!args.value);
                            that.updateDimensions();
                            break;
                        case "rowHeaderLayout":
                            that._tableElement().find(".dx-area-row-cell").toggleClass("dx-area-tree-view", "tree" === args.value);
                            that._dataController.updateViewOptions(that._getDataControllerOptions());
                            break;
                        case "height":
                        case "width":
                            that._hasHeight = null;
                            super._optionChanged(args);
                            that.resize();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _updateScrollPosition(columnsArea, rowsArea, dataArea) {
                    let force = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : false;
                    const that = this;
                    let scrollTop;
                    let scrollLeft;
                    const scrolled = that._scrollTop || that._scrollLeft;
                    if (that._scrollUpdating) {
                        return
                    }
                    that._scrollUpdating = true;
                    if (rowsArea && !rowsArea.hasScroll() && that._hasHeight) {
                        that._scrollTop = null
                    }
                    if (columnsArea && !columnsArea.hasScroll()) {
                        that._scrollLeft = null
                    }
                    if (null !== that._scrollTop || null !== that._scrollLeft || scrolled || that.option("rtlEnabled")) {
                        scrollTop = that._scrollTop || 0;
                        scrollLeft = that._scrollLeft || 0;
                        dataArea.scrollTo({
                            left: scrollLeft,
                            top: scrollTop
                        }, force);
                        columnsArea.scrollTo({
                            left: scrollLeft
                        }, force);
                        rowsArea.scrollTo({
                            top: scrollTop
                        }, force);
                        that._dataController.updateWindowScrollPosition(that._scrollTop)
                    }
                    that._scrollUpdating = false
                }
                _subscribeToEvents(columnsArea, rowsArea, dataArea) {
                    const that = this;
                    (0, _iterator.each)([columnsArea, rowsArea, dataArea], (_, area) => {
                        ! function(area, handler) {
                            unsubscribeScrollEvents(area);
                            area.on("scroll", handler).on("stop", handler)
                        }(area, e => function(e, area) {
                            const {
                                scrollOffset: scrollOffset
                            } = e;
                            const scrollable = area._getScrollable();
                            const leftOffset = "vertical" !== scrollable.option("direction") ? scrollOffset.left : that._scrollLeft;
                            const topOffset = "horizontal" !== scrollable.option("direction") && that._hasHeight ? scrollOffset.top : that._scrollTop;
                            if ((that._scrollLeft || 0) !== (leftOffset || 0) || (that._scrollTop || 0) !== (topOffset || 0)) {
                                that._scrollLeft = leftOffset;
                                that._scrollTop = topOffset;
                                that._updateScrollPosition(columnsArea, rowsArea, dataArea);
                                if ("virtual" === that.option("scrolling.mode")) {
                                    that._dataController.setViewportPosition(that._scrollLeft, that._scrollTop)
                                }
                            }
                        }(e, area))
                    });
                    !that._hasHeight && that._dataController.subscribeToWindowScrollEvents(dataArea.groupElement())
                }
                _clean() {
                    (0, _common.noop)()
                }
                _needDelayResizing(cellsInfo) {
                    const cellsCount = cellsInfo.length * (cellsInfo.length ? cellsInfo[0].length : 0);
                    return cellsCount > Number(this.option("renderCellCountLimit"))
                }
                _renderFieldChooser() {
                    const that = this;
                    const container = that._pivotGridContainer;
                    const fieldChooserOptions = that.option("fieldChooser") || {};
                    const toolbarItems = "onDemand" === fieldChooserOptions.applyChangesMode ? [{
                        toolbar: "bottom",
                        location: "after",
                        widget: "dxButton",
                        options: {
                            text: _message.default.format("OK"),
                            onClick() {
                                that.getFieldChooserPopup().$content().dxPivotGridFieldChooser("applyChanges");
                                that.getFieldChooserPopup().hide()
                            }
                        }
                    }, {
                        toolbar: "bottom",
                        location: "after",
                        widget: "dxButton",
                        options: {
                            text: _message.default.format("Cancel"),
                            onClick() {
                                that.getFieldChooserPopup().hide()
                            }
                        }
                    }] : [];
                    const fieldChooserComponentOptions = {
                        layout: fieldChooserOptions.layout,
                        texts: fieldChooserOptions.texts || {},
                        dataSource: that.getDataSource(),
                        allowSearch: fieldChooserOptions.allowSearch,
                        searchTimeout: fieldChooserOptions.searchTimeout,
                        width: void 0,
                        height: void 0,
                        headerFilter: that.option("headerFilter"),
                        encodeHtml: that.option("fieldChooser.encodeHtml") ?? that.option("encodeHtml"),
                        applyChangesMode: fieldChooserOptions.applyChangesMode,
                        rtlEnabled: that.option("rtlEnabled"),
                        onContextMenuPreparing(e) {
                            that._trigger("onContextMenuPreparing", e)
                        }
                    };
                    const popupOptions = {
                        shading: false,
                        title: fieldChooserOptions.title,
                        width: fieldChooserOptions.width,
                        height: fieldChooserOptions.height,
                        showCloseButton: true,
                        resizeEnabled: true,
                        minWidth: fieldChooserOptions.minWidth,
                        minHeight: fieldChooserOptions.minHeight,
                        toolbarItems: toolbarItems,
                        onResize(e) {
                            e.component.$content().dxPivotGridFieldChooser("updateDimensions")
                        },
                        onShown(e) {
                            that._createComponent(e.component.content(), _m_field_chooser.FieldChooser, fieldChooserComponentOptions)
                        },
                        onHidden(e) {
                            const fieldChooser = e.component.$content().dxPivotGridFieldChooser("instance");
                            fieldChooser.resetTreeView();
                            fieldChooser.cancelChanges()
                        }
                    };
                    if (that.getFieldChooserPopup()) {
                        that._fieldChooserPopup.option(popupOptions);
                        that._fieldChooserPopup.$content().dxPivotGridFieldChooser(fieldChooserComponentOptions)
                    } else {
                        that._fieldChooserPopup = that._createComponent((0, _renderer.default)(DIV).addClass("dx-fieldchooser-popup").appendTo(container), _ui.default, popupOptions)
                    }
                }
                _renderContextMenu() {
                    const that = this;
                    const $container = that._pivotGridContainer;
                    if (that._contextMenu) {
                        that._contextMenu.$element().remove()
                    }
                    that._contextMenu = that._createComponent((0, _renderer.default)(DIV).appendTo($container), _context_menu.default, {
                        onPositioning(actionArgs) {
                            const {
                                event: event
                            } = actionArgs;
                            actionArgs.cancel = true;
                            if (!event) {
                                return
                            }
                            const targetElement = event.target.cellIndex >= 0 ? event.target : (0, _renderer.default)(event.target).closest("td").get(0);
                            if (!targetElement) {
                                return
                            }
                            const args = that._createEventArgs(targetElement, event);
                            const items = that._getContextMenuItems(args);
                            if (items) {
                                actionArgs.component.option("items", items);
                                actionArgs.cancel = false
                            }
                        },
                        onItemClick(params) {
                            params.itemData.onItemClick && params.itemData.onItemClick(params)
                        },
                        cssClass: "dx-pivotgrid",
                        target: that.$element()
                    })
                }
                _getContextMenuItems(e) {
                    const that = this;
                    let items = [];
                    const texts = that.option("texts");
                    if ("row" === e.area || "column" === e.area) {
                        const areaFields = e[`${e.area}Fields`];
                        const oppositeAreaFields = e["column" === e.area ? "rowFields" : "columnFields"];
                        const field = e.cell.path && areaFields[e.cell.path.length - 1];
                        const dataSource = that.getDataSource();
                        if (field && field.allowExpandAll && e.cell.path.length < e[`${e.area}Fields`].length && !dataSource.paginate()) {
                            items.push({
                                beginGroup: true,
                                icon: "none",
                                text: texts.expandAll,
                                onItemClick() {
                                    dataSource.expandAll(field.index)
                                }
                            });
                            items.push({
                                text: texts.collapseAll,
                                icon: "none",
                                onItemClick() {
                                    dataSource.collapseAll(field.index)
                                }
                            })
                        }
                        if (e.cell.isLast && !dataSource.paginate()) {
                            let sortingBySummaryItemCount = 0;
                            (0, _iterator.each)(oppositeAreaFields, (_, field) => {
                                if (!field.allowSortingBySummary) {
                                    return
                                }(0, _iterator.each)(e.dataFields, (dataIndex, dataField) => {
                                    if ((0, _type.isDefined)(e.cell.dataIndex) && e.cell.dataIndex !== dataIndex) {
                                        return
                                    }
                                    const showDataFieldCaption = !(0, _type.isDefined)(e.cell.dataIndex) && e.dataFields.length > 1;
                                    const textFormat = "column" === e.area ? texts.sortColumnBySummary : texts.sortRowBySummary;
                                    const checked = (0, _m_widget_utils.findField)(e.dataFields, field.sortBySummaryField) === dataIndex && (e.cell.path || []).join("/") === (field.sortBySummaryPath || []).join("/");
                                    const text = (0, _string.format)(textFormat, showDataFieldCaption ? `${field.caption} - ${dataField.caption}` : field.caption);
                                    items.push({
                                        beginGroup: 0 === sortingBySummaryItemCount,
                                        icon: checked ? "desc" === field.sortOrder ? "sortdowntext" : "sortuptext" : "none",
                                        text: text,
                                        onItemClick() {
                                            dataSource.field(field.index, {
                                                sortBySummaryField: dataField.name || dataField.caption || dataField.dataField,
                                                sortBySummaryPath: e.cell.path,
                                                sortOrder: "desc" === field.sortOrder ? "asc" : "desc"
                                            });
                                            dataSource.load()
                                        }
                                    });
                                    sortingBySummaryItemCount += 1
                                })
                            });
                            (0, _iterator.each)(oppositeAreaFields, (_, field) => {
                                if (!field.allowSortingBySummary || !(0, _type.isDefined)(field.sortBySummaryField)) {
                                    return
                                }
                                items.push({
                                    beginGroup: 0 === sortingBySummaryItemCount,
                                    icon: "none",
                                    text: texts.removeAllSorting,
                                    onItemClick() {
                                        (0, _iterator.each)(oppositeAreaFields, (_, field) => {
                                            dataSource.field(field.index, {
                                                sortBySummaryField: void 0,
                                                sortBySummaryPath: void 0,
                                                sortOrder: void 0
                                            })
                                        });
                                        dataSource.load()
                                    }
                                });
                                return false
                            })
                        }
                    }
                    if (that.option("fieldChooser.enabled")) {
                        items.push({
                            beginGroup: true,
                            icon: "columnchooser",
                            text: texts.showFieldChooser,
                            onItemClick() {
                                that.getFieldChooserPopup().show()
                            }
                        })
                    }
                    if (that.option("export.enabled")) {
                        items.push({
                            beginGroup: true,
                            icon: "xlsxfile",
                            text: texts.exportToExcel,
                            onItemClick() {
                                that.exportTo()
                            }
                        })
                    }
                    e.items = items;
                    that._trigger("onContextMenuPreparing", e);
                    items = e.items;
                    if (items && items.length) {
                        return items
                    }
                    return
                }
                _createEventArgs(targetElement, dxEvent) {
                    const that = this;
                    const dataSource = that.getDataSource();
                    const args = {
                        rowFields: dataSource.getAreaFields("row"),
                        columnFields: dataSource.getAreaFields("column"),
                        dataFields: dataSource.getAreaFields("data"),
                        event: dxEvent
                    };
                    if ($targetElement = (0, _renderer.default)(targetElement), $targetElement.closest(".dx-area-fields").length || $targetElement.find(".dx-area-fields").length) {
                        return (0, _extend.extend)(that._createFieldArgs(targetElement), args)
                    }
                    var $targetElement;
                    return (0, _extend.extend)(that._createCellArgs(targetElement), args)
                }
                _createFieldArgs(targetElement) {
                    const field = (0, _renderer.default)(targetElement).children().data("field");
                    const args = {
                        field: field
                    };
                    return (0, _type.isDefined)(field) ? args : {}
                }
                _createCellArgs(cellElement) {
                    const $cellElement = (0, _renderer.default)(cellElement);
                    const columnIndex = cellElement.cellIndex;
                    const {
                        rowIndex: rowIndex
                    } = cellElement.parentElement;
                    const $table = $cellElement.closest("table");
                    const data = $table.data("data");
                    const cell = data && data[rowIndex] && data[rowIndex][columnIndex];
                    const args = {
                        area: $table.data("area"),
                        rowIndex: rowIndex,
                        columnIndex: columnIndex,
                        cellElement: (0, _element.getPublicElement)($cellElement),
                        cell: cell
                    };
                    return args
                }
                _handleCellClick(e) {
                    const that = this;
                    const args = that._createEventArgs(e.currentTarget, e);
                    const {
                        cell: cell
                    } = args;
                    if (!cell || !args.area && (args.rowIndex || args.columnIndex)) {
                        return
                    }
                    that._trigger("onCellClick", args);
                    cell && !args.cancel && (0, _type.isDefined)(cell.expanded) && setTimeout(() => {
                        that._dataController[cell.expanded ? "collapseHeaderItem" : "expandHeaderItem"](args.area, cell.path)
                    })
                }
                _getNoDataText() {
                    return this.option("texts.noData")
                }
                _renderNoDataText(element) {
                    return _m_utils.default.renderNoDataText.call(this, element)
                }
                _renderLoadPanel(element, container) {
                    return _m_utils.default.renderLoadPanel.call(this, element, container, void 0)
                }
                _updateLoading(progress) {
                    const that = this;
                    const isLoading = that._dataController.isLoading();
                    if (!that._loadPanel) {
                        return
                    }
                    const loadPanelVisible = that._loadPanel.option("visible");
                    if (!loadPanelVisible) {
                        that._startLoadingTime = new Date
                    }
                    if (isLoading) {
                        if (progress) {
                            if (new Date - that._startLoadingTime >= 1e3) {
                                that._loadPanel.option("message", `${Math.floor(100*progress)}%`)
                            }
                        } else {
                            that._loadPanel.option("message", that.option("loadPanel.text"))
                        }
                    }
                    clearTimeout(that._hideLoadingTimeoutID);
                    if (loadPanelVisible && !isLoading) {
                        that._hideLoadingTimeoutID = setTimeout(() => {
                            that._loadPanel.option("visible", false);
                            that.$element().removeClass("dx-overflow-hidden")
                        })
                    } else {
                        const visibilityOptions = {
                            visible: isLoading
                        };
                        if (isLoading) {
                            visibilityOptions.position = _m_utils.default.calculateLoadPanelPosition(that._dataArea.groupElement())
                        }
                        that._loadPanel.option(visibilityOptions);
                        that.$element().toggleClass("dx-overflow-hidden", !isLoading)
                    }
                }
                _renderDescriptionArea() {
                    const $element = this.$element();
                    const $descriptionCell = $element.find(".dx-area-description-cell");
                    const $toolbarContainer = (0, _renderer.default)(DIV).addClass("dx-pivotgrid-toolbar");
                    const fieldPanel = this.option("fieldPanel");
                    const $filterHeader = $element.find(".dx-filter-header");
                    const $columnHeader = $element.find(".dx-column-header");
                    let $targetContainer;
                    if (fieldPanel.visible && fieldPanel.showFilterFields) {
                        $targetContainer = $filterHeader
                    } else if (fieldPanel.visible && (fieldPanel.showDataFields || fieldPanel.showColumnFields)) {
                        $targetContainer = $columnHeader
                    } else {
                        $targetContainer = $descriptionCell
                    }
                    $columnHeader.toggleClass("dx-bottom-border", !!(fieldPanel.visible && (fieldPanel.showDataFields || fieldPanel.showColumnFields)));
                    $filterHeader.toggleClass("dx-bottom-border", !!(fieldPanel.visible && fieldPanel.showFilterFields));
                    $descriptionCell.toggleClass("dx-pivotgrid-background", fieldPanel.visible && (fieldPanel.showDataFields || fieldPanel.showColumnFields || fieldPanel.showRowFields));
                    this.$element().find(".dx-pivotgrid-toolbar").remove();
                    $toolbarContainer.prependTo($targetContainer);
                    const stylingMode = (0, _themes.isFluent)((0, _themes.current)()) ? "text" : "contained";
                    if (this.option("fieldChooser.enabled")) {
                        const $buttonElement = (0, _renderer.default)(DIV).appendTo($toolbarContainer).addClass("dx-pivotgrid-field-chooser-button");
                        const buttonOptions = {
                            icon: "columnchooser",
                            hint: this.option("texts.showFieldChooser"),
                            stylingMode: stylingMode,
                            onClick: () => {
                                this.getFieldChooserPopup().show()
                            }
                        };
                        this._createComponent($buttonElement, _button.default, buttonOptions)
                    }
                    if (this.option("export.enabled")) {
                        const $buttonElement = (0, _renderer.default)(DIV).appendTo($toolbarContainer).addClass("dx-pivotgrid-export-button");
                        const buttonOptions = {
                            icon: "xlsxfile",
                            hint: this.option("texts.exportToExcel"),
                            stylingMode: stylingMode,
                            onClick: () => {
                                this.exportTo()
                            }
                        };
                        this._createComponent($buttonElement, _button.default, buttonOptions)
                    }
                }
                _detectHasContainerHeight() {
                    const that = this;
                    const element = that.$element();
                    if ((0, _type.isDefined)(that._hasHeight)) {
                        const height = that.option("height") || that.$element().get(0).style.height;
                        if (height && that._hasHeight ^ "auto" !== height) {
                            that._hasHeight = null
                        }
                    }
                    if ((0, _type.isDefined)(that._hasHeight) || element.is(":hidden")) {
                        return
                    }
                    that._pivotGridContainer.addClass("dx-hidden");
                    const testElement = (0, _renderer.default)(DIV);
                    (0, _size.setHeight)(testElement, 66666);
                    element.append(testElement);
                    that._hasHeight = 66666 !== (0, _size.getHeight)(element);
                    that._pivotGridContainer.removeClass("dx-hidden");
                    testElement.remove()
                }
                _renderHeaders(rowHeaderContainer, columnHeaderContainer, filterHeaderContainer, dataHeaderContainer) {
                    const dataSource = this.getDataSource();
                    this._rowFields = this._rowFields || new _m_fields_area.FieldsArea(this, "row");
                    this._rowFields.render(rowHeaderContainer, dataSource.getAreaFields("row"));
                    this._columnFields = this._columnFields || new _m_fields_area.FieldsArea(this, "column");
                    this._columnFields.render(columnHeaderContainer, dataSource.getAreaFields("column"));
                    this._filterFields = this._filterFields || new _m_fields_area.FieldsArea(this, "filter");
                    this._filterFields.render(filterHeaderContainer, dataSource.getAreaFields("filter"));
                    this._dataFields = this._dataFields || new _m_fields_area.FieldsArea(this, "data");
                    this._dataFields.render(dataHeaderContainer, dataSource.getAreaFields("data"));
                    this.$element().dxPivotGridFieldChooserBase("instance").renderSortable()
                }
                _createTableElement() {
                    const $table = (0, _renderer.default)("<table>").css({
                        width: "100%"
                    }).toggleClass("dx-pivotgrid-border", !!this.option("showBorders")).toggleClass("dx-word-wrap", !!this.option("wordWrapEnabled"));
                    _events_engine.default.on($table, (0, _index.addNamespace)(_click.name, "dxPivotGrid"), "td", this._handleCellClick.bind(this));
                    return $table
                }
                _renderDataArea(dataAreaElement) {
                    const dataArea = this._dataArea || new _m_data_area.default.DataArea(this);
                    this._dataArea = dataArea;
                    dataArea.render(dataAreaElement, this._dataController.getCellsInfo());
                    return dataArea
                }
                _renderRowsArea(rowsAreaElement) {
                    const rowsArea = this._rowsArea || new _m_headers_area.default.VerticalHeadersArea(this);
                    this._rowsArea = rowsArea;
                    rowsArea.render(rowsAreaElement, this._dataController.getRowsInfo());
                    return rowsArea
                }
                _renderColumnsArea(columnsAreaElement) {
                    const columnsArea = this._columnsArea || new _m_headers_area.default.HorizontalHeadersArea(this);
                    this._columnsArea = columnsArea;
                    columnsArea.render(columnsAreaElement, this._dataController.getColumnsInfo());
                    return columnsArea
                }
                _initMarkup() {
                    super._initMarkup();
                    this.$element().addClass("dx-pivotgrid")
                }
                _renderContentImpl() {
                    const that = this;
                    let columnsAreaElement;
                    let rowsAreaElement;
                    let dataAreaElement;
                    let tableElement;
                    const isFirstDrawing = !that._pivotGridContainer;
                    let rowHeaderContainer;
                    let columnHeaderContainer;
                    let filterHeaderContainer;
                    let dataHeaderContainer;
                    tableElement = !isFirstDrawing && that._tableElement();
                    if (!tableElement) {
                        that.$element().addClass("dx-row-lines").addClass("dx-pivotgrid-fields-container");
                        that._pivotGridContainer = (0, _renderer.default)(DIV).addClass("dx-pivotgrid-container");
                        that._renderFieldChooser();
                        that._renderContextMenu();
                        columnsAreaElement = (0, _renderer.default)(TD).addClass("dx-area-column-cell");
                        rowsAreaElement = (0, _renderer.default)(TD).addClass("dx-area-row-cell");
                        dataAreaElement = (0, _renderer.default)(TD).addClass("dx-area-data-cell");
                        tableElement = that._createTableElement();
                        dataHeaderContainer = (0, _renderer.default)(TD).addClass("dx-data-header");
                        filterHeaderContainer = (0, _renderer.default)("<td>").attr("colspan", "2").addClass("dx-filter-header");
                        columnHeaderContainer = (0, _renderer.default)(TD).addClass("dx-column-header");
                        rowHeaderContainer = (0, _renderer.default)(TD).addClass("dx-area-description-cell");
                        (0, _renderer.default)(TR).append(filterHeaderContainer).appendTo(tableElement);
                        (0, _renderer.default)(TR).append(dataHeaderContainer).append(columnHeaderContainer).appendTo(tableElement);
                        (0, _renderer.default)(TR).append(rowHeaderContainer).append(columnsAreaElement).appendTo(tableElement);
                        (0, _renderer.default)(TR).addClass("dx-bottom-row").append(rowsAreaElement).append(dataAreaElement).appendTo(tableElement);
                        that._pivotGridContainer.append(tableElement);
                        that.$element().append(that._pivotGridContainer);
                        if ("tree" === that.option("rowHeaderLayout")) {
                            rowsAreaElement.addClass("dx-area-tree-view")
                        }
                    }
                    that.$element().addClass("dx-overflow-hidden");
                    const fieldChooserBaseConfig = {
                        dataSource: that.getDataSource(),
                        encodeHtml: that.option("encodeHtml"),
                        allowFieldDragging: that.option("fieldPanel.allowFieldDragging"),
                        headerFilter: that.option("headerFilter"),
                        visible: that.option("visible"),
                        remoteSort: "virtual" === that.option("scrolling.mode")
                    };
                    if (that._fieldChooserBase) {
                        that._fieldChooserBase.option(fieldChooserBaseConfig)
                    } else {
                        that._fieldChooserBase = that._createComponent(that.$element(), _m_field_chooser_base.FieldChooserBase, fieldChooserBaseConfig)
                    }
                    const dataArea = that._renderDataArea(dataAreaElement);
                    const rowsArea = that._renderRowsArea(rowsAreaElement);
                    const columnsArea = that._renderColumnsArea(columnsAreaElement);
                    dataArea.tableElement().prepend(columnsArea.headElement());
                    if (isFirstDrawing) {
                        that._renderLoadPanel(dataArea.groupElement().parent(), that.$element());
                        that._renderDescriptionArea();
                        rowsArea.renderScrollable();
                        columnsArea.renderScrollable();
                        dataArea.renderScrollable()
                    } [dataArea, rowsArea, columnsArea].forEach(area => {
                        unsubscribeScrollEvents(area)
                    });
                    that._renderHeaders(rowHeaderContainer, columnHeaderContainer, filterHeaderContainer, dataHeaderContainer);
                    that._update(isFirstDrawing)
                }
                _update(isFirstDrawing) {
                    const that = this;
                    const updateHandler = function() {
                        that.updateDimensions()
                    };
                    if (that._needDelayResizing(that._dataArea.getData()) && isFirstDrawing) {
                        setTimeout(updateHandler)
                    } else {
                        updateHandler()
                    }
                }
                _fireContentReadyAction() {
                    if (!this._dataController.isLoading()) {
                        super._fireContentReadyAction()
                    }
                }
                getScrollPath(area) {
                    const that = this;
                    if ("column" === area) {
                        return that._columnsArea.getScrollPath(that._scrollLeft)
                    }
                    return that._rowsArea.getScrollPath(that._scrollTop)
                }
                getDataSource() {
                    return this._dataController.getDataSource()
                }
                getFieldChooserPopup() {
                    return this._fieldChooserPopup
                }
                hasScroll(area) {
                    return "column" === area ? this._columnsArea.hasScroll() : this._rowsArea.hasScroll()
                }
                _dimensionChanged() {
                    this.updateDimensions()
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        this.updateDimensions()
                    }
                }
                _dispose() {
                    const that = this;
                    clearTimeout(that._hideLoadingTimeoutID);
                    if (that._dataController) {
                        that._dataController.dispose()
                    }
                    super._dispose()
                }
                _tableElement() {
                    return this.$element().find("table").first()
                }
                addWidgetPrefix(className) {
                    return `dx-pivotgrid-${className}`
                }
                resize() {
                    this.updateDimensions()
                }
                isReady() {
                    return super.isReady() && !this._dataController.isLoading()
                }
                updateDimensions() {
                    const that = this;
                    let groupWidth;
                    const tableElement = that._tableElement();
                    let bordersWidth;
                    let totalWidth = 0;
                    let totalHeight = 0;
                    let rowsAreaWidth = 0;
                    let hasRowsScroll;
                    let hasColumnsScroll;
                    const dataAreaCell = tableElement.find(".dx-area-data-cell");
                    const rowAreaCell = tableElement.find(".dx-area-row-cell");
                    const columnAreaCell = tableElement.find(".dx-area-column-cell");
                    const descriptionCell = tableElement.find(".dx-area-description-cell");
                    const filterHeaderCell = tableElement.find(".dx-filter-header");
                    const columnHeaderCell = tableElement.find(".dx-column-header");
                    const rowFieldsHeader = that._rowFields;
                    const d = new _deferred.Deferred;
                    if (!(0, _window.hasWindow)()) {
                        return
                    }
                    const needSynchronizeFieldPanel = rowFieldsHeader.isVisible() && "tree" !== that.option("rowHeaderLayout");
                    that._detectHasContainerHeight();
                    if (!that._dataArea.headElement().length) {
                        that._dataArea.tableElement().prepend(that._columnsArea.headElement())
                    }
                    if (needSynchronizeFieldPanel) {
                        that._rowsArea.updateColspans(rowFieldsHeader.getColumnsCount());
                        that._rowsArea.tableElement().prepend(rowFieldsHeader.headElement())
                    }
                    tableElement.addClass("dx-incompressible-fields");
                    that._dataArea.reset();
                    that._rowsArea.reset();
                    that._columnsArea.reset();
                    rowFieldsHeader.reset();
                    const calculateHasScroll = (areaSize, totalSize) => totalSize - areaSize >= 1;
                    const calculateGroupHeight = (dataAreaHeight, totalHeight, hasRowsScroll, hasColumnsScroll, scrollBarWidth) => hasRowsScroll ? dataAreaHeight : totalHeight + (hasColumnsScroll ? scrollBarWidth : 0);
                    (0, _common.deferUpdate)(() => {
                        const rowHeights = that._rowsArea.getRowsHeight();
                        const descriptionCellHeight = (0, _size.getOuterHeight)(descriptionCell[0], true) + (needSynchronizeFieldPanel ? rowHeights[0] : 0);
                        const dataAreaHeadHeight = (0, _size.getHeight)(that._dataArea.headElement());
                        let filterAreaHeight = 0;
                        let dataAreaHeight = 0;
                        if (that._hasHeight) {
                            filterAreaHeight = (0, _size.getHeight)(filterHeaderCell);
                            const $dataHeader = tableElement.find(".dx-data-header");
                            const dataHeaderHeight = (0, _size.getHeight)($dataHeader);
                            bordersWidth = getCommonBorderWidth([columnAreaCell, dataAreaCell, tableElement, columnHeaderCell, filterHeaderCell], "height");
                            dataAreaHeight = (0, _size.getHeight)(that.$element()) - filterAreaHeight - dataHeaderHeight - (Math.max(dataAreaHeadHeight, (0, _size.getHeight)(columnAreaCell), descriptionCellHeight) + bordersWidth)
                        }
                        const scrollBarWidth = that._dataArea.getScrollbarWidth();
                        const rowsAreaTableHeight = (0, _size.getHeight)(that._rowsArea.tableElement());
                        const dataAreaTableHeight = (0, _size.getHeight)(that._dataArea.tableElement());
                        const correctDataTableHeight = Math.max(rowsAreaTableHeight, dataAreaTableHeight - dataAreaHeadHeight);
                        const hasVerticalScrollbar = calculateHasScroll(dataAreaHeight, correctDataTableHeight);
                        that._dataArea.tableElement().css({
                            width: that._hasHeight && hasVerticalScrollbar && scrollBarWidth ? `calc(100% - ${scrollBarWidth}px)` : "100%"
                        });
                        const resultWidths = that._dataArea.getColumnsWidth();
                        const rowsAreaHeights = needSynchronizeFieldPanel ? rowHeights.slice(1) : rowHeights;
                        const dataAreaHeights = that._dataArea.getRowsHeight();
                        const columnsAreaRowCount = that._dataController.getColumnsInfo().length;
                        const resultHeights = (0, _m_widget_utils.mergeArraysByMaxValue)(rowsAreaHeights, dataAreaHeights.slice(columnsAreaRowCount));
                        const columnsAreaRowHeights = dataAreaHeights.slice(0, columnsAreaRowCount);
                        const columnsAreaHeight = getArraySum(columnsAreaRowHeights);
                        const rowsAreaColumnWidths = that._rowsArea.getColumnsWidth();
                        totalWidth = (0, _size.getWidth)(that._dataArea.tableElement());
                        totalHeight = getArraySum(resultHeights);
                        if (!totalWidth || !totalHeight) {
                            d.resolve();
                            return
                        }
                        rowsAreaWidth = getArraySum(rowsAreaColumnWidths);
                        const elementWidth = (0, _size.getWidth)(that.$element());
                        bordersWidth = getCommonBorderWidth([rowAreaCell, dataAreaCell, tableElement], "width");
                        groupWidth = elementWidth - rowsAreaWidth - bordersWidth;
                        groupWidth = groupWidth > 0 ? groupWidth : totalWidth;
                        const diff = totalWidth - groupWidth;
                        const needAdjustWidthOnZoom = diff >= 0 && diff <= 2;
                        if (needAdjustWidthOnZoom) {
                            adjustSizeArray(resultWidths, diff);
                            totalWidth = groupWidth
                        }
                        hasRowsScroll = that._hasHeight && calculateHasScroll(dataAreaHeight, totalHeight);
                        hasColumnsScroll = calculateHasScroll(groupWidth, totalWidth);
                        const groupHeight = calculateGroupHeight(dataAreaHeight, totalHeight, hasRowsScroll, hasColumnsScroll, scrollBarWidth);
                        (0, _common.deferRender)(() => {
                            that._columnsArea.tableElement().append(that._dataArea.headElement());
                            rowFieldsHeader.tableElement().append(that._rowsArea.headElement());
                            if (descriptionCellHeight > columnsAreaHeight) {
                                adjustSizeArray(columnsAreaRowHeights, columnsAreaHeight - descriptionCellHeight);
                                that._columnsArea.setRowsHeight(columnsAreaRowHeights)
                            }
                            tableElement.removeClass("dx-incompressible-fields");
                            columnHeaderCell.children().css("maxWidth", groupWidth);
                            that._columnsArea.setGroupWidth(groupWidth);
                            that._columnsArea.processScrollBarSpacing(hasRowsScroll ? scrollBarWidth : 0);
                            that._columnsArea.setColumnsWidth(resultWidths);
                            that._rowsArea.setGroupHeight(that._hasHeight ? groupHeight : "auto");
                            that._rowsArea.processScrollBarSpacing(hasColumnsScroll ? scrollBarWidth : 0);
                            that._rowsArea.setColumnsWidth(rowsAreaColumnWidths);
                            that._rowsArea.setRowsHeight(resultHeights);
                            that._dataArea.setColumnsWidth(resultWidths);
                            that._dataArea.setRowsHeight(resultHeights);
                            that._dataArea.setGroupWidth(groupWidth);
                            that._dataArea.setGroupHeight(that._hasHeight ? groupHeight : "auto");
                            needSynchronizeFieldPanel && rowFieldsHeader.setColumnsWidth(rowsAreaColumnWidths);
                            dataAreaCell.toggleClass("dx-bottom-border", !hasRowsScroll);
                            rowAreaCell.toggleClass("dx-bottom-border", !hasRowsScroll);
                            if (!that._hasHeight && elementWidth !== (0, _size.getWidth)(that.$element())) {
                                const diff = elementWidth - (0, _size.getWidth)(that.$element());
                                if (!hasColumnsScroll) {
                                    adjustSizeArray(resultWidths, diff);
                                    that._columnsArea.setColumnsWidth(resultWidths);
                                    that._dataArea.setColumnsWidth(resultWidths)
                                }
                                that._dataArea.setGroupWidth(groupWidth - diff);
                                that._columnsArea.setGroupWidth(groupWidth - diff)
                            }
                            if (that._hasHeight && that._filterFields.isVisible() && (0, _size.getHeight)(filterHeaderCell) !== filterAreaHeight) {
                                const diff = (0, _size.getHeight)(filterHeaderCell) - filterAreaHeight;
                                if (diff > 0) {
                                    hasRowsScroll = calculateHasScroll(dataAreaHeight - diff, totalHeight);
                                    const groupHeight = calculateGroupHeight(dataAreaHeight - diff, totalHeight, hasRowsScroll, hasColumnsScroll, scrollBarWidth);
                                    that._dataArea.setGroupHeight(groupHeight);
                                    that._rowsArea.setGroupHeight(groupHeight)
                                }
                            }
                            const scrollingOptions = that.option("scrolling");
                            if ("virtual" === scrollingOptions.mode) {
                                that._setVirtualContentParams(scrollingOptions, resultWidths, resultHeights, groupWidth, groupHeight, that._hasHeight, rowsAreaWidth)
                            }
                            const updateScrollableResults = [];
                            that._dataArea.updateScrollableOptions({
                                direction: that._dataArea.getScrollableDirection(hasColumnsScroll, hasRowsScroll),
                                rtlEnabled: that.option("rtlEnabled")
                            });
                            (0, _iterator.each)([that._columnsArea, that._rowsArea, that._dataArea], (_, area) => {
                                updateScrollableResults.push(area && area.updateScrollable())
                            });
                            that._updateLoading();
                            that._renderNoDataText(dataAreaCell);
                            _deferred.when.apply(_renderer.default, updateScrollableResults).done(() => {
                                that._updateScrollPosition(that._columnsArea, that._rowsArea, that._dataArea, true);
                                that._subscribeToEvents(that._columnsArea, that._rowsArea, that._dataArea);
                                d.resolve()
                            })
                        })
                    });
                    return d
                }
                _setVirtualContentParams(scrollingOptions, resultWidths, resultHeights, groupWidth, groupHeight, hasHeight, rowsAreaWidth) {
                    const virtualContentParams = this._dataController.calculateVirtualContentParams({
                        virtualRowHeight: scrollingOptions.virtualRowHeight,
                        virtualColumnWidth: scrollingOptions.virtualColumnWidth,
                        itemWidths: resultWidths,
                        itemHeights: resultHeights,
                        rowCount: resultHeights.length,
                        columnCount: resultWidths.length,
                        viewportWidth: groupWidth,
                        viewportHeight: hasHeight ? groupHeight : (0, _size.getOuterHeight)(window)
                    });
                    this._dataArea.setVirtualContentParams({
                        top: virtualContentParams.contentTop,
                        left: virtualContentParams.contentLeft,
                        width: virtualContentParams.width,
                        height: virtualContentParams.height
                    });
                    this._rowsArea.setVirtualContentParams({
                        top: virtualContentParams.contentTop,
                        width: rowsAreaWidth,
                        height: virtualContentParams.height
                    });
                    this._columnsArea.setVirtualContentParams({
                        left: virtualContentParams.contentLeft,
                        width: virtualContentParams.width,
                        height: (0, _size.getHeight)(this._columnsArea.groupElement())
                    })
                }
                applyPartialDataSource(area, path, dataSource) {
                    this._dataController.applyPartialDataSource(area, path, dataSource)
                }
            }
            exports.PivotGrid = PivotGrid;
            Object.assign(PivotGrid.prototype, _m_export.ExportController);
            Object.assign(PivotGrid.prototype, _m_chart_integration.ChartIntegrationMixin);
            (0, _component_registrator.default)("dxPivotGrid", PivotGrid);
            exports.default = {
                PivotGrid: PivotGrid
            }
        },
        12062(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.calculateScrollbarWidth = void 0;
            exports.createPath = createPath;
            exports.default = void 0;
            exports.discoverObjectFields = discoverObjectFields;
            exports.findField = findField;
            exports.foreachDataLevel = foreachDataLevel;
            exports.foreachTreeAsync = exports.foreachTree = void 0;
            exports.formatValue = formatValue;
            exports.getCompareFunction = getCompareFunction;
            exports.getExpandedLevel = getExpandedLevel;
            exports.getFieldsDataType = getFieldsDataType;
            exports.getFiltersByPath = getFiltersByPath;
            exports.getScrollbarWidth = void 0;
            exports.mergeArraysByMaxValue = mergeArraysByMaxValue;
            exports.sendRequest = sendRequest;
            exports.setDefaultFieldValueFormatting = setDefaultFieldValueFormatting;
            exports.storeDrillDownMixin = exports.setFieldProperty = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _array_store = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/array_store */ 80556));
            var _data_source = __webpack_require__( /*! ../../../common/data/data_source/data_source */ 68216);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _ajax = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/ajax */ 78670));
            var _call_once = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/call_once */ 13630));
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _format_helper = _interopRequireDefault(__webpack_require__( /*! ../../../format_helper */ 2082));
            var _const = __webpack_require__( /*! ./const */ 58537);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const setFieldProperty = function(field, property, value, isInitialization) {
                const initProperties = field._initProperties = field._initProperties || {};
                const initValue = isInitialization ? value : field[property];
                const needInitProperty = !Object.prototype.hasOwnProperty.call(initProperties, property) || isInitialization;
                if (needInitProperty && "_initProperties" !== property) {
                    initProperties[property] = initValue
                }
                field[property] = value
            };
            exports.setFieldProperty = setFieldProperty;

            function sendRequest(options) {
                return _ajax.default.sendRequest(options)
            }
            let foreachTreeAsyncDate = new Date;

            function createForeachTreeFunc(isAsync) {
                const foreachTreeFunc = function(items, callback, parentAtFirst, members, index, isChildrenProcessing) {
                    members = members || [];
                    items = items || [];
                    let i;
                    let deferred;
                    index = index || 0;

                    function createForeachTreeAsyncHandler(deferred, i, isChildrenProcessing) {
                        (0, _deferred.when)(foreachTreeFunc(items, callback, parentAtFirst, members, i, isChildrenProcessing)).done(deferred.resolve)
                    }
                    for (i = index; i < items.length; i += 1) {
                        if (isAsync && i > index && i % 1e4 === 0 && new Date - foreachTreeAsyncDate >= 300) {
                            foreachTreeAsyncDate = new Date;
                            deferred = new _deferred.Deferred;
                            createForeachTreeAsyncHandler(deferred, i, false);
                            return deferred
                        }
                        const item = items[i];
                        if (!isChildrenProcessing) {
                            members.unshift(item);
                            if (parentAtFirst && false === callback(members, i)) {
                                return
                            }
                            if (item.children) {
                                const childrenDeferred = foreachTreeFunc(item.children, callback, parentAtFirst, members);
                                if (isAsync && childrenDeferred) {
                                    deferred = new _deferred.Deferred;
                                    childrenDeferred.done(createForeachTreeAsyncHandler(deferred, i, true));
                                    return deferred
                                }
                            }
                        }
                        isChildrenProcessing = false;
                        if (!parentAtFirst && false === callback(members, i)) {
                            return
                        }
                        members.shift();
                        if (items[i] !== item) {
                            i -= 1
                        }
                    }
                    return
                };
                return foreachTreeFunc
            }
            const foreachTree = exports.foreachTree = createForeachTreeFunc(false);
            const foreachTreeAsync = exports.foreachTreeAsync = createForeachTreeFunc(true);

            function findField(fields, id) {
                if (fields && (0, _type.isDefined)(id)) {
                    for (let i = 0; i < fields.length; i += 1) {
                        const field = fields[i];
                        if (field.name === id || field.caption === id || field.dataField === id || field.index === id) {
                            return i
                        }
                    }
                }
                return -1
            }

            function formatValue(value, options) {
                const valueText = value === value && _format_helper.default.format(value, options.format);
                const formatObject = {
                    value: value,
                    valueText: valueText || ""
                };
                return options.customizeText ? options.customizeText.call(options, formatObject) : formatObject.valueText
            }

            function getCompareFunction(valueSelector) {
                return function(a, b) {
                    let result = 0;
                    const valueA = valueSelector(a);
                    const valueB = valueSelector(b);
                    const aIsDefined = (0, _type.isDefined)(valueA);
                    const bIsDefined = (0, _type.isDefined)(valueB);
                    if (aIsDefined && bIsDefined) {
                        if (valueA > valueB) {
                            result = 1
                        } else if (valueA < valueB) {
                            result = -1
                        }
                    }
                    if (aIsDefined && !bIsDefined) {
                        result = 1
                    }
                    if (!aIsDefined && bIsDefined) {
                        result = -1
                    }
                    return result
                }
            }

            function createPath(items) {
                const result = [];
                for (let i = items.length - 1; i >= 0; i -= 1) {
                    result.push(items[i].key || items[i].value)
                }
                return result
            }

            function foreachDataLevel(data, callback, index, childrenField) {
                index = index || 0;
                childrenField = childrenField || "children";
                if (data.length) {
                    callback(data, index)
                }
                for (let i = 0; i < data.length; i += 1) {
                    var _item$childrenField;
                    const item = data[i];
                    if (null !== (_item$childrenField = item[childrenField]) && void 0 !== _item$childrenField && _item$childrenField.length) {
                        foreachDataLevel(item[childrenField], callback, index + 1, childrenField)
                    }
                }
            }

            function mergeArraysByMaxValue(values1, values2) {
                const result = [];
                for (let i = 0; i < values1.length; i += 1) {
                    result.push(Math.max(values1[i] || 0, values2[i] || 0))
                }
                return result
            }

            function getExpandedLevel(options, axisName) {
                const fields = options[axisName];
                const expandedPaths = ("columns" === axisName ? options.columnExpandedPaths : options.rowExpandedPaths) || [];
                let expandedLevel = 0;
                if (options.headerName === axisName) {
                    expandedLevel = options.path.length
                } else if (options.headerName && options.headerName !== axisName && options.oppositePath) {
                    expandedLevel = options.oppositePath.length
                } else {
                    (0, _iterator.each)(expandedPaths, (_, path) => {
                        expandedLevel = Math.max(expandedLevel, path.length)
                    })
                }
                while (fields[expandedLevel + 1] && fields[expandedLevel].expanded) {
                    expandedLevel += 1
                }
                return expandedLevel
            }

            function parseFields(dataSource, fieldsList, path, fieldsDataType) {
                const result = [];
                Object.keys(fieldsList || []).forEach(field => {
                    if (field && field.startsWith("__")) {
                        return
                    }
                    let dataIndex = 1;
                    const currentPath = path.length ? `${path}.${field}` : field;
                    let dataType = fieldsDataType[currentPath];
                    const getter = (0, _data.compileGetter)(currentPath);
                    let value = fieldsList[field];
                    let items;
                    while (!(0, _type.isDefined)(value) && dataSource[dataIndex]) {
                        value = getter(dataSource[dataIndex]);
                        dataIndex += 1
                    }
                    if (!dataType && (0, _type.isDefined)(value)) {
                        dataType = (0, _type.type)(value)
                    }
                    items = [{
                        dataField: currentPath,
                        dataType: dataType,
                        groupName: "date" === dataType ? field : void 0,
                        groupInterval: void 0,
                        displayFolder: path
                    }];
                    if ("date" === dataType) {
                        items = items.concat((item = items[0], (0, _iterator.map)(["year", "quarter", "month"], (value, index) => (0, _extend.extend)({}, item, {
                            groupInterval: value,
                            groupIndex: index
                        }))))
                    } else if ("object" === dataType) {
                        items = parseFields(dataSource, value, currentPath, fieldsDataType)
                    }
                    var item;
                    result.push.apply(result, items)
                });
                return result
            }

            function discoverObjectFields(items, fields) {
                const fieldsDataType = getFieldsDataType(fields);
                return parseFields(items, items[0], "", fieldsDataType)
            }

            function getFieldsDataType(fields) {
                const result = {};
                (0, _iterator.each)(fields, (_, field) => {
                    result[field.dataField] = result[field.dataField] || field.dataType
                });
                return result
            }
            const DATE_INTERVAL_FORMATS = {
                month: value => _date.default.getMonthNames()[value - 1],
                quarter: value => _date.default.format(new Date(2e3, 3 * value - 1), "quarter"),
                dayOfWeek: value => _date.default.getDayNames()[value]
            };

            function setDefaultFieldValueFormatting(field) {
                if ("date" === field.dataType) {
                    if (!field.format) {
                        setFieldProperty(field, "format", DATE_INTERVAL_FORMATS[field.groupInterval])
                    }
                } else if ("number" === field.dataType) {
                    const groupInterval = (0, _type.isNumeric)(field.groupInterval) && field.groupInterval > 0 && field.groupInterval;
                    if (groupInterval && !field.customizeText) {
                        setFieldProperty(field, "customizeText", formatObject => {
                            const secondValue = formatObject.value + groupInterval;
                            const secondValueText = _format_helper.default.format(secondValue, field.format);
                            return formatObject.valueText && secondValueText ? `${formatObject.valueText} - ${secondValueText}` : ""
                        })
                    }
                }
            }

            function getFiltersByPath(fields, path) {
                const result = [];
                path = path || [];
                for (let i = 0; i < path.length; i += 1) {
                    result.push((0, _extend.extend)({}, fields[i], {
                        groupIndex: null,
                        groupName: null,
                        filterType: "include",
                        filterValues: [path[i]]
                    }))
                }
                return result
            }
            const storeDrillDownMixin = exports.storeDrillDownMixin = {
                createDrillDownDataSource(descriptions, params) {
                    const items = this.getDrillDownItems(descriptions, params);

                    function createCustomStoreMethod(methodName) {
                        return function(options) {
                            let d;
                            if (void 0) {
                                d = (void 0)[methodName](options)
                            } else {
                                d = new _deferred.Deferred;
                                (0, _deferred.when)(items).done(data => {
                                    const arrayStore = new _array_store.default(data);
                                    arrayStore[methodName](options).done(d.resolve).fail(d.reject)
                                }).fail(d.reject)
                            }
                            return d
                        }
                    }
                    const dataSource = new _data_source.DataSource({
                        load: createCustomStoreMethod("load"),
                        totalCount: createCustomStoreMethod("totalCount"),
                        key: this.key()
                    });
                    return dataSource
                }
            };
            const getScrollbarWidth = containerElement => containerElement.offsetWidth - containerElement.clientWidth;
            exports.getScrollbarWidth = getScrollbarWidth;
            const calculateScrollbarWidth = exports.calculateScrollbarWidth = (0, _call_once.default)(() => {
                const document = _dom_adapter.default.getDocument();
                document.body.insertAdjacentHTML("beforeend", `<div class="${_const.CLASSES.scrollBarMeasureElement}"></div>`);
                const scrollbar = document.body.lastElementChild;
                const scrollbarWidth = getScrollbarWidth(scrollbar);
                if (scrollbar) {
                    document.body.removeChild(scrollbar)
                }
                return scrollbarWidth
            });
            exports.default = {
                setFieldProperty: setFieldProperty,
                sendRequest: sendRequest,
                foreachTree: foreachTree,
                foreachTreeAsync: foreachTreeAsync,
                findField: findField,
                formatValue: formatValue,
                getCompareFunction: getCompareFunction,
                createPath: createPath,
                foreachDataLevel: foreachDataLevel,
                mergeArraysByMaxValue: mergeArraysByMaxValue,
                getExpandedLevel: getExpandedLevel,
                discoverObjectFields: discoverObjectFields,
                getFieldsDataType: getFieldsDataType,
                setDefaultFieldValueFormatting: setDefaultFieldValueFormatting,
                getFiltersByPath: getFiltersByPath,
                storeDrillDownMixin: storeDrillDownMixin,
                getScrollbarWidth: getScrollbarWidth,
                calculateScrollbarWidth: calculateScrollbarWidth
            }
        },
        81383(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.RemoteStore = void 0;
            var _data_source = __webpack_require__( /*! ../../../../common/data/data_source/data_source */ 68216);
            var _utils = __webpack_require__( /*! ../../../../common/data/data_source/utils */ 97169);
            var _date_serialization = (e = __webpack_require__( /*! ../../../../core/utils/date_serialization */ 71051), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _capitalize = __webpack_require__( /*! ../../../core/utils/capitalize */ 72928);
            var _m_widget_utils = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../m_widget_utils */ 12062));
            var _m_remote_store_utils = __webpack_require__( /*! ./m_remote_store_utils */ 84265);

            function createGroupingOptions(fields, useSortOrder) {
                const groupingOptions = [];
                (0, _iterator.each)(fields, (index, field) => {
                    groupingOptions.push({
                        selector: field.dataField,
                        groupInterval: field.groupInterval,
                        desc: useSortOrder && "desc" === field.sortOrder,
                        isExpanded: index < fields.length - 1
                    })
                });
                return groupingOptions
            }

            function getIntervalFilterExpression(selector, numericInterval, numericValue, isExcludedFilterType) {
                const startFilterValue = [selector, isExcludedFilterType ? "<" : ">=", numericValue];
                const endFilterValue = [selector, isExcludedFilterType ? ">=" : "<", numericValue + numericInterval];
                return [startFilterValue, isExcludedFilterType ? "or" : "and", endFilterValue]
            }

            function getFilterExpressionForFilterValue(field, filterValue, filterType) {
                const selector = function(field) {
                    let selector = field.dataField;
                    let {
                        groupInterval: groupInterval
                    } = field;
                    if ("date" === field.dataType && "string" === typeof groupInterval) {
                        if ("quarter" === groupInterval.toLowerCase()) {
                            groupInterval = "Month"
                        }
                        selector = `${selector}.${(0,_capitalize.capitalize)(groupInterval)}`
                    }
                    return selector
                }(field);
                const isExcludedFilterType = "exclude" === (filterType || field.filterType);
                let expression = [selector, isExcludedFilterType ? "<>" : "=", filterValue];
                if ((0, _type.isDefined)(field.groupInterval)) {
                    if ("string" === typeof field.groupInterval && "quarter" === field.groupInterval.toLowerCase()) {
                        expression = getIntervalFilterExpression(selector, 3, 3 * (filterValue - 1) + 1, isExcludedFilterType)
                    } else if ("number" === typeof field.groupInterval && "date" !== field.dataType) {
                        expression = getIntervalFilterExpression(selector, field.groupInterval, filterValue, isExcludedFilterType)
                    }
                }
                return expression
            }

            function createFieldFilterExpressions(field, operation) {
                const fieldFilterExpressions = [];
                if (field.searchValue) {
                    return [field.dataField, "contains", field.searchValue]
                }
                if ("exclude" === field.filterType) {
                    operation = operation || "and"
                } else {
                    operation = operation || "or"
                }(0, _iterator.each)(field.filterValues, (index, filterValue) => {
                    let currentExpression = [];
                    if (Array.isArray(filterValue)) {
                        var _field$levels;
                        const parseLevelsRecursive = null === (_field$levels = field.levels) || void 0 === _field$levels ? void 0 : _field$levels.length;
                        if (parseLevelsRecursive) {
                            currentExpression = createFieldFilterExpressions({
                                filterValues: filterValue,
                                filterType: field.filterType,
                                levels: field.levels
                            }, "and")
                        }
                    } else {
                        const currentField = field.levels ? field.levels[index] : field;
                        currentExpression = getFilterExpressionForFilterValue(currentField, filterValue)
                    }
                    if (!currentExpression.length) {
                        return
                    }
                    if (fieldFilterExpressions.length) {
                        fieldFilterExpressions.push(operation)
                    }
                    fieldFilterExpressions.push(currentExpression)
                });
                return fieldFilterExpressions
            }

            function createFilterExpressions(fields) {
                let filterExpressions = [];
                (0, _iterator.each)(fields, (_, field) => {
                    const fieldExpressions = createFieldFilterExpressions(field);
                    if (!fieldExpressions.length) {
                        return []
                    }
                    if (filterExpressions.length) {
                        filterExpressions.push("and")
                    }
                    filterExpressions.push(fieldExpressions);
                    return
                });
                if (1 === filterExpressions.length) {
                    filterExpressions = filterExpressions[0]
                }
                return filterExpressions
            }

            function mergeFilters(filters) {
                let op = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "and";
                const result = [];
                (0, _iterator.each)(filters, (_, filter) => {
                    if ((filter => !!(null !== filter && void 0 !== filter && filter.length))(filter)) {
                        result.push(filter, op)
                    }
                });
                result.pop();
                if (1 === result.length) {
                    return result[0]
                }
                return result
            }

            function setValue(valuesArray, value, rowIndex, columnIndex, dataIndex) {
                valuesArray[rowIndex] = valuesArray[rowIndex] || [];
                valuesArray[rowIndex][columnIndex] = valuesArray[rowIndex][columnIndex] || [];
                if (!(0, _type.isDefined)(valuesArray[rowIndex][columnIndex][dataIndex])) {
                    valuesArray[rowIndex][columnIndex][dataIndex] = value
                }
            }

            function parseValue(value, field) {
                if (field && "number" === field.dataType && (0, _type.isString)(value)) {
                    return Number(value)
                }
                if (field && "date" === field.dataType && !field.groupInterval && !(value instanceof Date)) {
                    return _date_serialization.default.deserializeDate(value)
                }
                return value
            }

            function getFiltersForDimension(fields) {
                return (null === fields || void 0 === fields ? void 0 : fields.filter(f => {
                    var _f$filterValues;
                    return (null === (_f$filterValues = f.filterValues) || void 0 === _f$filterValues ? void 0 : _f$filterValues.length) || f.searchValue
                })) || []
            }

            function getExpandedIndex(options, axis) {
                if (options.headerName) {
                    if (axis === options.headerName) {
                        return options.path.length
                    }
                    if (options.oppositePath) {
                        return options.oppositePath.length
                    }
                }
                return 0
            }

            function getFirstCollapsedIndex(fields) {
                for (let index = 0; index < fields.length; index += 1) {
                    if (!fields[index].expanded) {
                        return index
                    }
                }
                return 0
            }

            function getExpandedPathsFilterExprByLevel(options, axis, level) {
                if (options.headerName === axis) {
                    return []
                }
                const firstCollapsedFieldIndex = "rows" === axis ? getFirstCollapsedIndex(options.rows) : getFirstCollapsedIndex(options.columns);
                const startFieldIndex = level <= firstCollapsedFieldIndex ? firstCollapsedFieldIndex : 0;
                const fields = options[axis].slice(startFieldIndex, level);
                const paths = ("rows" === axis ? options.rowExpandedPaths : options.columnExpandedPaths) || [];
                let result = [];
                (0, _iterator.each)(paths, (_, path) => {
                    path = path.slice(startFieldIndex);
                    if (!((fields, path) => {
                            if (path.length > level) {
                                return false
                            }
                            let expandedLevel = path.length;
                            while (null !== (_fields$expandedLevel = fields[expandedLevel]) && void 0 !== _fields$expandedLevel && _fields$expandedLevel.expanded) {
                                var _fields$expandedLevel;
                                expandedLevel += 1
                            }
                            return expandedLevel >= level
                        })(fields, path)) {
                        return
                    }
                    const filters = [];
                    for (let i = 0; i < path.length; i += 1) {
                        const field = fields[i];
                        if (!(0, _type.isDefined)(field)) {
                            break
                        }
                        const fieldFilterExpression = getFilterExpressionForFilterValue(field, path[i], "include");
                        filters.push(fieldFilterExpression)
                    }
                    const pathFilterExpression = mergeFilters(filters);
                    result.push(pathFilterExpression)
                });
                result = mergeFilters(result, "or");
                return result
            }

            function getGrandTotalRequest(options, dimensionName, commonFilters) {
                const expandedIndex = getExpandedIndex(options, dimensionName);
                const expandedLevel = (0, _m_widget_utils.getExpandedLevel)(options, dimensionName);
                const expandedPaths = ("columns" === dimensionName ? options.columnExpandedPaths : options.rowExpandedPaths) || [];
                const oppositeDimensionName = "columns" === dimensionName ? "rows" : "columns";
                const fields = options[dimensionName];
                const result = [];
                if (expandedPaths.length) {
                    for (let i = expandedIndex; i <= expandedLevel; i += 1) {
                        const slicedFields = fields.slice(expandedIndex, i + 1);
                        const filterExpr = getExpandedPathsFilterExprByLevel(options, dimensionName, i);
                        const grandTotalOptions = {
                            filters: commonFilters,
                            filterExpression: filterExpr,
                            [dimensionName]: slicedFields,
                            [oppositeDimensionName]: []
                        };
                        result.push((0, _extend.extend)({}, options, grandTotalOptions))
                    }
                } else {
                    const slicedFields = fields.slice(expandedIndex, expandedLevel + 1);
                    const grandTotalOptions = {
                        filters: commonFilters,
                        [dimensionName]: slicedFields,
                        [oppositeDimensionName]: []
                    };
                    result.push((0, _extend.extend)({}, options, grandTotalOptions))
                }
                result[0].includeTotalSummary = true;
                return result
            }

            function createRequestsOptions(options) {
                const rowExpandedIndex = getExpandedIndex(options, "rows");
                const rowExpandedLevel = (0, _m_widget_utils.getExpandedLevel)(options, "rows");
                const columnExpandedIndex = getExpandedIndex(options, "columns");
                const columnExpandedLevel = (0, _m_widget_utils.getExpandedLevel)(options, "columns");
                const requestsOptions = [];
                const commonFilters = (options.filters || []).concat(getFiltersForDimension(options.rows), getFiltersForDimension(options.columns), function(options) {
                    const oppositeAxis = "rows" === options.headerName ? "columns" : "rows";
                    const fields = options[options.headerName];
                    const oppositeFields = options[oppositeAxis];
                    const filters = (0, _m_widget_utils.getFiltersByPath)(fields, options.path);
                    const oppositeFieldsFilters = (0, _m_widget_utils.getFiltersByPath)(oppositeFields, options.oppositePath || []);
                    return filters.concat(oppositeFieldsFilters)
                }(options));
                const columnTotalsOptions = getGrandTotalRequest(options, "columns", commonFilters);
                const rowTotalsOptions = getGrandTotalRequest(options, "rows", commonFilters);
                if (options.rows.length && options.columns.length) {
                    if ("rows" !== options.headerName) {
                        requestsOptions.push(...columnTotalsOptions)
                    }
                    for (let i = rowExpandedIndex; i <= rowExpandedLevel; i += 1) {
                        const rows = options.rows.slice(rowExpandedIndex, i + 1);
                        const rowsFilterExpr = getExpandedPathsFilterExprByLevel(options, "rows", i);
                        for (let j = columnExpandedIndex; j <= columnExpandedLevel; j += 1) {
                            const columns = options.columns.slice(columnExpandedIndex, j + 1);
                            const columnsFilterExpr = getExpandedPathsFilterExprByLevel(options, "columns", j);
                            const filterExpression = mergeFilters([rowsFilterExpr, columnsFilterExpr]);
                            const requestOptions = (0, _extend.extend)({}, options, {
                                columns: columns,
                                rows: rows,
                                filters: commonFilters,
                                filterExpression: filterExpression
                            });
                            requestsOptions.push(requestOptions)
                        }
                    }
                } else {
                    const totalOptions = options.columns.length ? columnTotalsOptions : rowTotalsOptions;
                    requestsOptions.push(...totalOptions)
                }
                return requestsOptions
            }

            function prepareFields(fields) {
                (0, _iterator.each)(fields || [], (_, field) => {
                    const {
                        levels: levels
                    } = field;
                    if (levels) {
                        prepareFields(levels)
                    }(0, _m_widget_utils.setDefaultFieldValueFormatting)(field)
                })
            }
            class RemoteStore {
                constructor(options) {
                    this._dataSource = new _data_source.DataSource(options);
                    this._store = this._dataSource.store()
                }
                getFields(fields) {
                    const d = new _deferred.Deferred;
                    this._store.load({
                        skip: 0,
                        take: 20
                    }).done(data => {
                        const normalizedArguments = (0, _utils.normalizeLoadResult)(data);
                        d.resolve(_m_widget_utils.default.discoverObjectFields(normalizedArguments.data, fields))
                    }).fail(d.reject);
                    return d
                }
                key() {
                    return this._store.key()
                }
                load(options) {
                    const that = this;
                    const d = new _deferred.Deferred;
                    const result = {
                        rows: [],
                        columns: [],
                        values: [],
                        grandTotalRowIndex: 0,
                        grandTotalColumnIndex: 0,
                        rowHash: {},
                        columnHash: {},
                        rowIndex: 1,
                        columnIndex: 1
                    };
                    const requestsOptions = createRequestsOptions(options);
                    const deferreds = [];
                    prepareFields(options.rows);
                    prepareFields(options.columns);
                    prepareFields(options.filters);
                    (0, _iterator.each)(requestsOptions, (_, requestOptions) => {
                        const loadOptions = function(options, externalFilterExpr, hasRows) {
                            const loadOptions = {
                                groupSummary: [],
                                totalSummary: []
                            };
                            const rowGroupingOptions = createGroupingOptions(options.rows, options.rowTake);
                            const columnGroupingOptions = createGroupingOptions(options.columns, options.columnTake);
                            const groupingOptions = [...rowGroupingOptions, ...columnGroupingOptions];
                            if (groupingOptions.length) {
                                loadOptions.group = groupingOptions;
                                loadOptions.take = void 0
                            } else {
                                loadOptions.group = void 0;
                                loadOptions.take = 1
                            }
                            if (options.rows.length && options.rowTake) {
                                loadOptions.skip = options.rowSkip;
                                loadOptions.take = options.rowTake;
                                loadOptions.requireGroupCount = true
                            } else if (options.columns.length && options.columnTake && !hasRows) {
                                loadOptions.skip = options.columnSkip;
                                loadOptions.take = options.columnTake;
                                loadOptions.requireGroupCount = true
                            }
                            let filterExpressions = createFilterExpressions(options.filters);
                            filterExpressions = externalFilterExpr ? mergeFilters([filterExpressions, options.filterExpression, externalFilterExpr]) : mergeFilters([filterExpressions, options.filterExpression]);
                            if (filterExpressions.length) {
                                loadOptions.filter = filterExpressions
                            }(0, _iterator.each)(options.values, (_, value) => {
                                const summaryOption = {
                                    selector: value.dataField,
                                    summaryType: value.summaryType || "count"
                                };
                                loadOptions.groupSummary.push(summaryOption);
                                options.includeTotalSummary && loadOptions.totalSummary.push(summaryOption)
                            });
                            return loadOptions
                        }(requestOptions, that.filter(), options.rows.length);
                        const loadDeferred = that._store.load(loadOptions);
                        deferreds.push(loadDeferred)
                    });
                    _deferred.when.apply(null, deferreds).done(function() {
                        const args = deferreds.length > 1 ? arguments : [arguments];
                        (0, _iterator.each)(args, (index, argument) => {
                            const normalizedArguments = (0, _utils.normalizeLoadResult)(argument[0], argument[1]);
                            ! function(data, total, descriptions, result) {
                                const rowPath = [];
                                let columnPath = [];
                                const {
                                    rowHash: rowHash
                                } = result;
                                const {
                                    columnHash: columnHash
                                } = result;
                                if (null !== total && void 0 !== total && total.summary) {
                                    (0, _iterator.each)(total.summary, (index, summary) => {
                                        setValue(result.values, summary, result.grandTotalRowIndex, result.grandTotalColumnIndex, index)
                                    })
                                }
                                if (total && total.groupCount >= 0) {
                                    const skip = descriptions.rows.length ? descriptions.rowSkip : descriptions.columnSkip;
                                    data = [...Array(skip)].concat(data);
                                    data.length = total.groupCount
                                }

                                function getItem(dataItem, dimensionName, path, level, field) {
                                    const dimensionHash = result[`${dimensionName}Hash`];
                                    let parentItem;
                                    let parentItemChildren;
                                    let item;
                                    const pathValue = path.slice(0, level + 1).join("/");
                                    let parentPathValue;
                                    if (void 0 !== dimensionHash[pathValue]) {
                                        item = dimensionHash[pathValue]
                                    } else {
                                        item = {
                                            value: parseValue(dataItem.key, field),
                                            index: result[`${dimensionName}Index`]++,
                                            displayText: dataItem.displayText
                                        };
                                        parentPathValue = path.slice(0, level).join("/");
                                        if (level > 0 && void 0 !== dimensionHash[parentPathValue]) {
                                            parentItem = dimensionHash[parentPathValue];
                                            parentItemChildren = parentItem.children = parentItem.children || []
                                        } else {
                                            parentItemChildren = result[`${dimensionName}s`]
                                        }
                                        parentItemChildren.push(item);
                                        dimensionHash[pathValue] = item
                                    }
                                    return item
                                }(0, _m_remote_store_utils.forEachGroup)(data, (item, level) => {
                                    var _rowItem, _columnItem;
                                    const rowLevel = level >= descriptions.rows.length ? descriptions.rows.length : level;
                                    const columnLevel = level >= descriptions.rows.length ? level - descriptions.rows.length : 0;
                                    let columnItem;
                                    let rowItem;
                                    if (level >= descriptions.rows.length && columnLevel >= descriptions.columns.length) {
                                        return
                                    }
                                    if (level < descriptions.rows.length) {
                                        columnPath = []
                                    }
                                    if (level >= descriptions.rows.length) {
                                        if (item) {
                                            columnPath[columnLevel] = `${item.key}`;
                                            columnItem = getItem(item, "column", columnPath, columnLevel, descriptions.columns[columnLevel]);
                                            rowItem = rowHash[rowPath.slice(0, rowLevel + 1).join("/")]
                                        } else {
                                            result.columns.push({})
                                        }
                                    } else if (item) {
                                        rowPath[rowLevel] = `${item.key}`;
                                        rowItem = getItem(item, "row", rowPath, rowLevel, descriptions.rows[rowLevel]);
                                        columnItem = columnHash[columnPath.slice(0, columnLevel + 1).join("/")]
                                    } else {
                                        result.rows.push({})
                                    }
                                    const currentRowIndex = (null === (_rowItem = rowItem) || void 0 === _rowItem ? void 0 : _rowItem.index) || result.grandTotalRowIndex;
                                    const currentColumnIndex = (null === (_columnItem = columnItem) || void 0 === _columnItem ? void 0 : _columnItem.index) || result.grandTotalColumnIndex;
                                    (0, _iterator.each)((null === item || void 0 === item ? void 0 : item.summary) || [], (i, summary) => {
                                        setValue(result.values, summary, currentRowIndex, currentColumnIndex, i)
                                    })
                                });
                                return result
                            }(normalizedArguments.data, normalizedArguments.extra, requestsOptions[index], result)
                        });
                        d.resolve({
                            rows: result.rows,
                            columns: result.columns,
                            values: result.values,
                            grandTotalRowIndex: result.grandTotalRowIndex,
                            grandTotalColumnIndex: result.grandTotalColumnIndex
                        })
                    }).fail(d.reject);
                    return d
                }
                filter() {
                    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                        args[_key] = arguments[_key]
                    }
                    return this._dataSource.filter.apply(this._dataSource, args)
                }
                supportPaging() {
                    return false
                }
                createDrillDownDataSource(loadOptions, params) {
                    loadOptions = loadOptions || {};
                    params = params || {};
                    const store = this._store;
                    const filters = (0, _m_widget_utils.getFiltersByPath)(loadOptions.rows, params.rowPath).concat((0, _m_widget_utils.getFiltersByPath)(loadOptions.columns, params.columnPath)).concat(getFiltersForDimension(loadOptions.rows)).concat(loadOptions.filters || []).concat(getFiltersForDimension(loadOptions.columns));
                    const filterExp = createFilterExpressions(filters);
                    return new _data_source.DataSource({
                        load(loadOptions) {
                            const filter = mergeFilters([filterExp, loadOptions.filter]);
                            const extendedLoadOptions = (0, _extend.extend)({}, loadOptions, {
                                filter: 0 === filter.length ? void 0 : filter,
                                select: params.customColumns
                            });
                            return store.load(extendedLoadOptions)
                        }
                    })
                }
            }
            exports.RemoteStore = RemoteStore;
            exports.default = {
                RemoteStore: RemoteStore
            }
        },
        84265(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.forEachGroup = exports.default = void 0;
            const forEachGroup = function(data, callback, level) {
                data = data || [];
                level = level || 0;
                for (let i = 0; i < data.length; i += 1) {
                    const group = data[i];
                    callback(group, level);
                    if (group && group.items && group.items.length) {
                        forEachGroup(group.items, callback, level + 1)
                    }
                }
            };
            exports.forEachGroup = forEachGroup;
            exports.default = {
                forEachGroup: forEachGroup
            }
        },
        87691(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.Sortable = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _drag = __webpack_require__( /*! ../../../../common/core/events/drag */ 59144);
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../../core/component_registrator */ 92848));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _swatch_container = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/swatch_container */ 40954));
            var _dom_component = _interopRequireDefault(__webpack_require__( /*! ../../../core/widget/dom_component */ 22331));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                getSwatchContainer: getSwatchContainer
            } = _swatch_container.default;

            function checkHorizontalPosition(position, itemOffset, rtl) {
                if ((0, _type.isDefined)(itemOffset.posHorizontal)) {
                    return rtl ? position > itemOffset.posHorizontal : position < itemOffset.posHorizontal
                }
                return true
            }

            function getTargetGroup(e, $groups) {
                let result;
                (0, _iterator.each)($groups, function() {
                    if (function(element, x, y) {
                            const $item = (0, _renderer.default)(element);
                            const offset = $item.offset();
                            if (x >= offset.left && x <= offset.left + (0, _size.getOuterWidth)($item, true)) {
                                if (y >= offset.top && y <= offset.top + (0, _size.getOuterHeight)($item, true)) {
                                    return true
                                }
                            }
                            return
                        }(this, e.pageX, e.pageY)) {
                        result = (0, _renderer.default)(this)
                    }
                });
                return result
            }
            class Sortable extends _dom_component.default {
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        onChanged: null,
                        onDragging: null,
                        itemRender: null,
                        groupSelector: null,
                        itemSelector: ".dx-sort-item",
                        itemContainerSelector: ".dx-sortable-old",
                        sourceClass: "dx-drag-source",
                        dragClass: "dx-drag",
                        targetClass: "dx-drag-target",
                        direction: "vertical",
                        allowDragging: true,
                        groupFilter: null,
                        useIndicator: false
                    })
                }
                _renderItem($sourceItem, target) {
                    const itemRender = this.option("itemRender");
                    let $item;
                    if (itemRender) {
                        $item = itemRender($sourceItem, target)
                    } else {
                        $item = $sourceItem.clone();
                        $item.css({
                            width: (0, _size.getWidth)($sourceItem),
                            height: (0, _size.getHeight)($sourceItem)
                        })
                    }
                    return $item
                }
                _renderIndicator($item, isVertical, $targetGroup, isLast) {
                    const height = (0, _size.getOuterHeight)($item, true);
                    const width = (0, _size.getOuterWidth)($item, true);
                    const top = $item.offset().top - $targetGroup.offset().top;
                    const left = $item.offset().left - $targetGroup.offset().left;
                    this._indicator.css({
                        position: "absolute",
                        top: isLast && isVertical ? top + height : top,
                        left: isLast && !isVertical ? left + width : left
                    }).toggleClass("dx-position-indicator-horizontal", !isVertical).toggleClass("dx-position-indicator-vertical", !!isVertical).toggleClass("dx-position-indicator-last", !!isLast).appendTo($targetGroup);
                    (0, _size.setHeight)(this._indicator, "");
                    (0, _size.setWidth)(this._indicator, "");
                    if (isVertical) {
                        (0, _size.setWidth)(this._indicator, width)
                    } else {
                        (0, _size.setHeight)(this._indicator, height)
                    }
                }
                _renderDraggable($sourceItem) {
                    this._$draggable && this._$draggable.remove();
                    this._$draggable = this._renderItem($sourceItem, "drag").addClass(this.option("dragClass")).appendTo(getSwatchContainer($sourceItem)).css({
                        zIndex: 1e6,
                        position: "absolute"
                    })
                }
                _detachEventHandlers() {
                    const dragEventsString = [_drag.move, _drag.start, _drag.end, _drag.enter, _drag.leave, _drag.drop].join(" ");
                    _events_engine.default.off(this._getEventListener(), (0, _index.addNamespace)(dragEventsString, "dxSortable"), void 0)
                }
                _getItemOffset(isVertical, itemsOffset, e) {
                    for (let i = 0; i < itemsOffset.length; i += 1) {
                        let shouldInsert;
                        const sameLine = e.pageY < itemsOffset[i].posVertical;
                        if (isVertical) {
                            shouldInsert = sameLine
                        } else if (sameLine) {
                            shouldInsert = checkHorizontalPosition(e.pageX, itemsOffset[i], this.option("rtlEnabled"));
                            if (!shouldInsert && itemsOffset[i + 1] && itemsOffset[i + 1].posVertical > itemsOffset[i].posVertical) {
                                shouldInsert = true
                            }
                        }
                        if (shouldInsert) {
                            return itemsOffset[i]
                        }
                    }
                    return
                }
                _getEventListener() {
                    const groupSelector = this.option("groupSelector");
                    const element = this.$element();
                    return groupSelector ? element.find(groupSelector) : element
                }
                _attachEventHandlers() {
                    const that = this;
                    const itemSelector = that.option("itemSelector");
                    const itemContainerSelector = that.option("itemContainerSelector");
                    const groupSelector = that.option("groupSelector");
                    const sourceClass = that.option("sourceClass");
                    const targetClass = that.option("targetClass");
                    const onDragging = that.option("onDragging");
                    const groupFilter = that.option("groupFilter");
                    let $sourceItem;
                    let sourceIndex;
                    let $targetItem;
                    let $targetGroup;
                    let startPositions;
                    let sourceGroup;
                    const element = that.$element();
                    let $groups;
                    let scrollWrapper = null;
                    let targetIndex = -1;
                    const disposeScrollWrapper = function() {
                        var _scrollWrapper;
                        null === (_scrollWrapper = scrollWrapper) || void 0 === _scrollWrapper || _scrollWrapper.dispose();
                        scrollWrapper = null
                    };
                    that._detachEventHandlers();
                    if (that.option("allowDragging")) {
                        const $eventListener = that._getEventListener();
                        _events_engine.default.on($eventListener, (0, _index.addNamespace)(_drag.start, "dxSortable"), itemSelector, e => {
                            $sourceItem = (0, _renderer.default)(e.currentTarget);
                            const $sourceGroup = $sourceItem.closest(groupSelector);
                            sourceGroup = $sourceGroup.attr("group");
                            sourceIndex = function($items, $item) {
                                let index = -1;
                                const itemElement = $item.get(0);
                                (0, _iterator.each)($items, (elementIndex, element) => {
                                    const $element = (0, _renderer.default)(element);
                                    if (!($element.attr("item-group") && $element.attr("item-group") === $items.eq(elementIndex - 1).attr("item-group"))) {
                                        index += 1
                                    }
                                    if (element === itemElement) {
                                        return false
                                    }
                                    return
                                });
                                return index === $items.length ? -1 : index
                            }((groupSelector ? $sourceGroup : element).find(itemSelector), $sourceItem);
                            if ($sourceItem.attr("item-group")) {
                                $sourceItem = $sourceGroup.find(`[item-group='${$sourceItem.attr("item-group")}']`)
                            }
                            that._renderDraggable($sourceItem);
                            $targetItem = that._renderItem($sourceItem, "target").addClass(targetClass);
                            $sourceItem.addClass(sourceClass);
                            ! function() {
                                startPositions = [];
                                (0, _iterator.each)($sourceItem, (_, item) => {
                                    startPositions.push((0, _renderer.default)(item).offset())
                                })
                            }();
                            $groups = function() {
                                const root = _dom_adapter.default.getRootNode(that.$element().get(0));
                                if (!groupSelector) {
                                    return element
                                }
                                return groupFilter ? (0, _renderer.default)(root).find(groupSelector).filter(groupFilter) : element.find(groupSelector)
                            }();
                            that._indicator = (0, _renderer.default)("<div>").addClass("dx-position-indicator")
                        });
                        _events_engine.default.on($eventListener, (0, _index.addNamespace)(_drag.move, "dxSortable"), e => {
                            let $item;
                            let $lastItem;
                            let $prevItem;
                            if (!$sourceItem) {
                                return
                            }
                            targetIndex = -1;
                            that._indicator.detach();
                            (0, _iterator.each)(that._$draggable, (index, draggableElement) => {
                                (0, _renderer.default)(draggableElement).css({
                                    top: startPositions[index].top + e.offset.y,
                                    left: startPositions[index].left + e.offset.x
                                })
                            });
                            $targetGroup && $targetGroup.removeClass(targetClass);
                            $targetGroup = getTargetGroup(e, $groups);
                            $targetGroup && function() {
                                const draggingArgs = {
                                    sourceGroup: sourceGroup,
                                    sourceIndex: sourceIndex,
                                    sourceElement: $sourceItem,
                                    targetGroup: $targetGroup.attr("group"),
                                    targetIndex: $targetGroup.find(itemSelector).index($targetItem)
                                };
                                onDragging && onDragging(draggingArgs);
                                if (draggingArgs.cancel) {
                                    $targetGroup = void 0
                                }
                            }();
                            if ($targetGroup && scrollWrapper && $targetGroup.get(0) !== scrollWrapper.element().get(0)) {
                                disposeScrollWrapper()
                            }
                            scrollWrapper && scrollWrapper.moveIfNeed(e);
                            if (!$targetGroup) {
                                $targetItem.detach();
                                return
                            }
                            if (!scrollWrapper && $targetGroup.attr("allow-scrolling")) {
                                scrollWrapper = function(scrollable) {
                                    let timeout;
                                    let scrollTop = scrollable.scrollTop();
                                    const $element = scrollable.$element();
                                    const {
                                        top: top
                                    } = $element.offset();
                                    const height = (0, _size.getHeight)($element);
                                    let delta = 0;

                                    function onScroll(e) {
                                        scrollTop = e.scrollOffset.top
                                    }
                                    scrollable.on("scroll", onScroll);

                                    function move() {
                                        stop();
                                        scrollable.scrollTo(scrollTop += delta);
                                        timeout = setTimeout(move, 10)
                                    }

                                    function stop() {
                                        clearTimeout(timeout)
                                    }
                                    return {
                                        moveIfNeed: function(event) {
                                            if (event.pageY <= top + 20) {
                                                delta = -2
                                            } else if (event.pageY >= top + height - 20) {
                                                delta = 2
                                            } else {
                                                delta = 0;
                                                stop();
                                                return
                                            }
                                            move()
                                        },
                                        element: () => $element,
                                        dispose() {
                                            stop();
                                            scrollable.off("scroll", onScroll)
                                        }
                                    }
                                }($targetGroup.dxScrollable("instance"))
                            }
                            $targetGroup.addClass(targetClass);
                            const $itemContainer = $targetGroup.find(itemContainerSelector);
                            const $items = $itemContainer.find(itemSelector);
                            const targetSortable = $targetGroup.closest(".dx-sortable-old").data("dxSortableOld");
                            const useIndicator = targetSortable.option("useIndicator");
                            const isVertical = "vertical" === (targetSortable || that).option("direction");
                            const itemsOffset = function($elements, isVertical, $itemsContainer) {
                                const result = [];
                                let $item = [];
                                for (let i = 0; i < $elements.length; i += $item.length) {
                                    $item = $elements.eq(i);
                                    if ($item.attr("item-group")) {
                                        $item = $itemsContainer.find(`[item-group='${$item.attr("item-group")}']`)
                                    }
                                    if ($item.is(":visible")) {
                                        const offset = {
                                            item: $item,
                                            index: result.length,
                                            posVertical: isVertical ? ($item.last().offset().top + $item.offset().top + (0, _size.getOuterHeight)($item.last(), true)) / 2 : (0, _size.getOuterHeight)($item.last(), true) + $item.last().offset().top,
                                            posHorizontal: isVertical ? void 0 : ((0, _size.getOuterWidth)($item.last(), true) + $item.last().offset().left + $item.offset().left) / 2
                                        };
                                        result.push(offset)
                                    }
                                }
                                return result
                            }($items, isVertical, $itemContainer);
                            const itemOffset = that._getItemOffset(isVertical, itemsOffset, e);
                            if (itemOffset) {
                                $item = itemOffset.item;
                                $prevItem = itemsOffset[itemOffset.index - 1] && itemsOffset[itemOffset.index - 1].item;
                                if ($item.hasClass(sourceClass) || $prevItem && $prevItem.hasClass(sourceClass) && $prevItem.is(":visible")) {
                                    $targetItem.detach();
                                    return
                                }
                                targetIndex = itemOffset.index;
                                if (!useIndicator) {
                                    $targetItem.insertBefore($item);
                                    return
                                }
                                const isAnotherGroup = $targetGroup.attr("group") !== sourceGroup;
                                const isSameIndex = targetIndex === sourceIndex;
                                const isNextIndex = targetIndex === sourceIndex + 1;
                                if (isAnotherGroup) {
                                    that._renderIndicator($item, isVertical, $targetGroup, that.option("rtlEnabled") && !isVertical);
                                    return
                                }
                                if (!isSameIndex && !isNextIndex) {
                                    that._renderIndicator($item, isVertical, $targetGroup, that.option("rtlEnabled") && !isVertical)
                                }
                            } else {
                                $lastItem = $items.last();
                                if ($lastItem.is(":visible") && $lastItem.hasClass(sourceClass)) {
                                    return
                                }
                                if ($itemContainer.length) {
                                    targetIndex = itemsOffset.length ? itemsOffset[itemsOffset.length - 1].index + 1 : 0
                                }
                                if (useIndicator) {
                                    $items.length && that._renderIndicator($lastItem, isVertical, $targetGroup, !that.option("rtlEnabled") || isVertical)
                                } else {
                                    $targetItem.appendTo($itemContainer)
                                }
                            }
                        });
                        _events_engine.default.on($eventListener, (0, _index.addNamespace)(_drag.end, "dxSortable"), () => {
                            disposeScrollWrapper();
                            if (!$sourceItem) {
                                return
                            }
                            const onChanged = that.option("onChanged");
                            const changedArgs = {
                                sourceIndex: sourceIndex,
                                sourceElement: $sourceItem,
                                sourceGroup: sourceGroup,
                                targetIndex: targetIndex,
                                removeSourceElement: true,
                                removeTargetElement: false,
                                removeSourceClass: true
                            };
                            if ($targetGroup) {
                                $targetGroup.removeClass(targetClass);
                                changedArgs.targetGroup = $targetGroup.attr("group");
                                if (sourceGroup !== changedArgs.targetGroup || targetIndex > -1) {
                                    onChanged && onChanged(changedArgs);
                                    changedArgs.removeSourceElement && $sourceItem.remove()
                                }
                            }
                            that._indicator.detach();
                            changedArgs.removeSourceClass && $sourceItem.removeClass(sourceClass);
                            $sourceItem = null;
                            that._$draggable.remove();
                            that._$draggable = null;
                            changedArgs.removeTargetElement && $targetItem.remove();
                            $targetItem.removeClass(targetClass);
                            $targetItem = null
                        })
                    }
                }
                _init() {
                    super._init();
                    this._attachEventHandlers()
                }
                _render() {
                    super._render();
                    this.$element().addClass("dx-sortable-old")
                }
                _dispose() {
                    super._dispose();
                    this._$draggable && this._$draggable.detach();
                    this._indicator && this._indicator.detach()
                }
                _optionChanged(args) {
                    const that = this;
                    switch (args.name) {
                        case "onDragging":
                        case "onChanged":
                        case "itemRender":
                        case "groupSelector":
                        case "itemSelector":
                        case "itemContainerSelector":
                        case "sourceClass":
                        case "targetClass":
                        case "dragClass":
                        case "allowDragging":
                        case "groupFilter":
                        case "useIndicator":
                            that._attachEventHandlers();
                            break;
                        case "direction":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _useTemplates() {
                    return false
                }
            }
            exports.Sortable = Sortable;
            (0, _component_registrator.default)("dxSortableOld", Sortable);
            exports.default = {
                Sortable: Sortable
            }
        },
        81221(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Cell = void 0;
            exports.applyDisplaySummaryMode = applyDisplaySummaryMode;
            exports.applyRunningTotal = applyRunningTotal;
            exports.createMockSummaryCell = createMockSummaryCell;
            exports.default = void 0;
            exports.getExpression = getExpression;
            exports.summaryDictionary = void 0;
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _m_widget_utils = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../m_widget_utils */ 12062));
            const ROW = "row";
            const calculatePercentValue = function(value, totalValue) {
                let result = value / totalValue;
                if (!(0, _type.isDefined)(value) || isNaN(result)) {
                    result = null
                }
                return result
            };
            const percentOfGrandTotal = function(e, dimension) {
                return calculatePercentValue(e.value(), e.grandTotal(dimension).value())
            };
            const percentOfParent = function(e, dimension) {
                const parent = e.parent(dimension);
                const parentValue = parent ? parent.value() : e.value();
                return calculatePercentValue(e.value(), parentValue)
            };
            const createAbsoluteVariationExp = function(allowCrossGroup) {
                return function(e) {
                    const prevCell = e.prev("column", allowCrossGroup);
                    const prevValue = prevCell && prevCell.value();
                    if ((0, _type.isDefined)(prevValue) && (0, _type.isDefined)(e.value())) {
                        return e.value() - prevValue
                    }
                    return null
                }
            };
            const summaryDictionary = exports.summaryDictionary = {
                percentOfColumnTotal: e => percentOfParent(e, ROW),
                percentOfRowTotal: e => percentOfParent(e, "column"),
                percentOfColumnGrandTotal: e => percentOfGrandTotal(e, ROW),
                percentOfRowGrandTotal: e => percentOfGrandTotal(e, "column"),
                percentOfGrandTotal: e => percentOfGrandTotal(e)
            };
            const getPrevCellCrossGroup = function(cell, direction) {
                if (!cell || !cell.parent(direction)) {
                    return
                }
                let prevCell = cell.prev(direction);
                if (!prevCell) {
                    prevCell = getPrevCellCrossGroup(cell.parent(direction), direction)
                }
                return prevCell
            };
            const createRunningTotalExpr = field => {
                if (!field.runningTotal) {
                    return
                }
                const direction = "column" === field.runningTotal ? ROW : "column";
                return e => {
                    const prevCell = field.allowCrossGroupCalculation ? getPrevCellCrossGroup(e, direction) : e.prev(direction, false);
                    const calculatedValue = e.value(true);
                    const originalValue = e.value(false);
                    const prevCalculatedValue = null === prevCell || void 0 === prevCell ? void 0 : prevCell.value(true);
                    switch (true) {
                        case (0, _type.isDefined)(calculatedValue) && (0, _type.isDefined)(originalValue) && (0, _type.isDefined)(prevCalculatedValue):
                            return prevCalculatedValue + calculatedValue;
                        case (0, _type.isDefined)(prevCalculatedValue):
                            return prevCalculatedValue;
                        default:
                            return calculatedValue
                    }
                }
            };

            function getFieldPos(descriptions, field, cache) {
                let fieldParams = {
                    index: -1
                };
                if (!(0, _type.isObject)(field)) {
                    if (cache.fields[field]) {
                        field = cache[field]
                    } else {
                        const allFields = descriptions.columns.concat(descriptions.rows).concat(descriptions.values);
                        const fieldIndex = (0, _m_widget_utils.findField)(allFields, field);
                        field = cache[field] = allFields[fieldIndex]
                    }
                }
                if (field) {
                    const area = field.area || "data";
                    fieldParams = cache.positions[field.index] = cache.positions[field.index] || {
                        area: area,
                        index: descriptions["data" === area ? "values" : `${area}s`].indexOf(field)
                    }
                }
                return fieldParams
            }

            function getPathFieldName(dimension) {
                return dimension === ROW ? "_rowPath" : "_columnPath"
            }
            const SummaryCell = function(columnPath, rowPath, data, descriptions, fieldIndex, fieldsCache) {
                this._columnPath = columnPath;
                this._rowPath = rowPath;
                this._fieldIndex = fieldIndex;
                this._fieldsCache = fieldsCache || {
                    fields: {},
                    positions: {}
                };
                this._data = data;
                this._descriptions = descriptions;
                const cell = data.values && data.values[rowPath[0].index] && data.values[rowPath[0].index][columnPath[0].index];
                if (cell) {
                    cell.originalCell = cell.originalCell || cell.slice();
                    cell.postProcessedFlags = cell.postProcessedFlags || [];
                    this._cell = cell
                }
            };
            exports.Cell = SummaryCell;
            SummaryCell.prototype = (0, _extend.extend)(SummaryCell.prototype, {
                _getPath(dimension) {
                    return this[getPathFieldName(dimension)]
                },
                _getDimension(dimension) {
                    dimension = dimension === ROW ? "rows" : "columns";
                    return this._descriptions[dimension]
                },
                _createCell(config) {
                    return new SummaryCell(config._columnPath || this._columnPath, config._rowPath || this._rowPath, this._data, this._descriptions, this._fieldIndex)
                },
                parent(direction) {
                    const path = this._getPath(direction).slice();
                    const config = {};
                    path.shift();
                    if (path.length) {
                        config[getPathFieldName(direction)] = path;
                        return this._createCell(config)
                    }
                    return null
                },
                children(direction) {
                    const path = this._getPath(direction).slice();
                    const item = path[0];
                    const result = [];
                    const cellConfig = {};
                    if (item.children) {
                        for (let i = 0; i < item.children.length; i += 1) {
                            cellConfig[getPathFieldName(direction)] = [item.children[i]].concat(path.slice());
                            result.push(this._createCell(cellConfig))
                        }
                    }
                    return result
                },
                grandTotal(direction) {
                    const config = {};
                    const rowPath = this._rowPath;
                    const columnPath = this._columnPath;
                    const dimensionPath = this._getPath(direction);
                    const pathFieldName = getPathFieldName(direction);
                    if (!direction) {
                        config._rowPath = [rowPath[rowPath.length - 1]];
                        config._columnPath = [columnPath[columnPath.length - 1]]
                    } else {
                        config[pathFieldName] = [dimensionPath[dimensionPath.length - 1]]
                    }
                    return this._createCell(config)
                },
                next(direction, allowCrossGroup) {
                    const currentPath = this._getPath(direction);
                    const item = currentPath[0];
                    let parent = this.parent(direction);
                    let siblings;
                    if (parent) {
                        const index = currentPath[1].children.indexOf(item);
                        siblings = parent.children(direction);
                        if (siblings[index + 1]) {
                            return siblings[index + 1]
                        }
                    }
                    if (allowCrossGroup && parent) {
                        do {
                            parent = parent.next(direction, allowCrossGroup);
                            siblings = parent ? parent.children(direction) : []
                        } while (parent && !siblings.length);
                        return siblings[0] || null
                    }
                    return null
                },
                prev(direction, allowCrossGroup) {
                    const currentPath = this._getPath(direction);
                    const item = currentPath[0];
                    let parent = this.parent(direction);
                    let siblings;
                    if (parent) {
                        const index = currentPath[1].children.indexOf(item);
                        siblings = parent.children(direction);
                        if (siblings[index - 1]) {
                            return siblings[index - 1]
                        }
                    }
                    if (allowCrossGroup && parent) {
                        do {
                            parent = parent.prev(direction, allowCrossGroup);
                            siblings = parent ? parent.children(direction) : []
                        } while (parent && !siblings.length);
                        return siblings[siblings.length - 1] || null
                    }
                    return null
                },
                cell() {
                    return this._cell
                },
                field(area) {
                    if ("data" === area) {
                        return this._descriptions.values[this._fieldIndex]
                    }
                    const path = this._getPath(area);
                    const descriptions = this._getDimension(area);
                    const field = descriptions[path.length - 2];
                    return field || null
                },
                child(direction, fieldValue) {
                    let childLevelField;
                    const children = this.children(direction);
                    for (let i = 0; i < children.length; i += 1) {
                        childLevelField = childLevelField || children[i].field(direction);
                        if (children[i].value(childLevelField) === fieldValue) {
                            return children[i]
                        }
                    }
                    return null
                },
                slice(field, value) {
                    const that = this;
                    const config = {};
                    const fieldPos = getFieldPos(this._descriptions, field, this._fieldsCache);
                    const {
                        area: area
                    } = fieldPos;
                    const fieldIndex = fieldPos.index;
                    let sliceCell = null;
                    const newPath = [];
                    if (area === ROW || "column" === area) {
                        const path = this._getPath(area).slice();
                        const level = -1 !== fieldIndex && path.length - 2 - fieldIndex;
                        if (path[level]) {
                            newPath[path.length - 1] = path[path.length - 1];
                            for (let i = level; i >= 0; i -= 1) {
                                if (path[i + 1]) {
                                    const childItems = path[i + 1].children || [];
                                    const currentValue = i === level ? value : path[i].value;
                                    path[i] = void 0;
                                    for (let childIndex = 0; childIndex < childItems.length; childIndex += 1) {
                                        if (childItems[childIndex].value === currentValue) {
                                            path[i] = childItems[childIndex];
                                            break
                                        }
                                    }
                                }
                                if (void 0 === path[i]) {
                                    return sliceCell
                                }
                            }
                            config[getPathFieldName(area)] = path;
                            sliceCell = that._createCell(config)
                        }
                    }
                    return sliceCell
                },
                value(arg1, arg2) {
                    const cell = this._cell;
                    let fieldIndex = this._fieldIndex;
                    const fistArgIsBoolean = true === arg1 || false === arg1;
                    const field = !fistArgIsBoolean ? arg1 : null;
                    const needCalculatedValue = fistArgIsBoolean && arg1 || arg2;
                    if ((0, _type.isDefined)(field)) {
                        const fieldPos = getFieldPos(this._descriptions, field, this._fieldsCache);
                        fieldIndex = fieldPos.index;
                        if ("data" !== fieldPos.area) {
                            const path = this._getPath(fieldPos.area);
                            const level = -1 !== fieldIndex && path.length - 2 - fieldIndex;
                            return path[level] && path[level].value
                        }
                    }
                    if (cell && cell.originalCell) {
                        return needCalculatedValue ? cell[fieldIndex] : cell.originalCell[fieldIndex]
                    }
                    return null
                },
                isPostProcessed(field) {
                    let fieldIndex = this._fieldIndex;
                    if ((0, _type.isDefined)(field)) {
                        const fieldPos = getFieldPos(this._descriptions, field, this._fieldsCache);
                        fieldIndex = fieldPos.index;
                        if ("data" !== fieldPos.area) {
                            return false
                        }
                    }
                    return !!(this._cell && this._cell.postProcessedFlags[fieldIndex])
                }
            });

            function getExpression(field) {
                const {
                    summaryDisplayMode: summaryDisplayMode
                } = field;
                const crossGroupCalculation = field.allowCrossGroupCalculation;
                let expression = null;
                if ((0, _type.isFunction)(field.calculateSummaryValue)) {
                    expression = field.calculateSummaryValue
                } else if (summaryDisplayMode) {
                    if ("absoluteVariation" === summaryDisplayMode) {
                        expression = createAbsoluteVariationExp(crossGroupCalculation)
                    } else if ("percentVariation" === summaryDisplayMode) {
                        expression = function(allowCrossGroup) {
                            const absoluteExp = createAbsoluteVariationExp(allowCrossGroup);
                            return function(e) {
                                const absVar = absoluteExp(e);
                                const prevCell = e.prev("column", allowCrossGroup);
                                const prevValue = prevCell && prevCell.value();
                                return null !== absVar && prevValue ? absVar / prevValue : null
                            }
                        }(crossGroupCalculation)
                    } else {
                        expression = summaryDictionary[summaryDisplayMode]
                    }
                    if (expression && !field.format && -1 !== summaryDisplayMode.indexOf("percent")) {
                        _m_widget_utils.default.setFieldProperty(field, "format", "percent")
                    }
                }
                return expression
            }

            function processDataCell(data, rowIndex, columnIndex, isRunningTotalCalculation) {
                const values = data.values[rowIndex][columnIndex] = data.values[rowIndex][columnIndex] || [];
                const {
                    originalCell: originalCell
                } = values;
                if (!originalCell) {
                    return
                }
                if (values.allowResetting || !isRunningTotalCalculation) {
                    data.values[rowIndex][columnIndex] = originalCell.slice()
                }
                data.values[rowIndex][columnIndex].allowResetting = isRunningTotalCalculation
            }

            function applyDisplaySummaryMode(descriptions, data) {
                const expressions = [];
                const columnElements = [{
                    index: data.grandTotalColumnIndex,
                    children: data.columns
                }];
                const rowElements = [{
                    index: data.grandTotalRowIndex,
                    children: data.rows
                }];
                const valueFields = descriptions.values;
                const fieldsCache = {
                    fields: {},
                    positions: {}
                };
                data.values = data.values || [];
                (0, _m_widget_utils.foreachTree)(columnElements, columnPath => {
                    columnPath[0].isEmpty = []
                }, false);
                (0, _m_widget_utils.foreachTree)(rowElements, rowPath => {
                    const rowItem = rowPath[0];
                    rowItem.isEmpty = [];
                    data.values[rowItem.index] = data.values[rowItem.index] || [];
                    (0, _m_widget_utils.foreachTree)(columnElements, columnPath => {
                        const columnItem = columnPath[0];
                        let isEmptyCell;
                        processDataCell(data, rowItem.index, columnItem.index, false);
                        for (let i = 0; i < valueFields.length; i += 1) {
                            const field = valueFields[i];
                            const expression = expressions[i] = void 0 === expressions[i] ? getExpression(field) : expressions[i];
                            isEmptyCell = false;
                            if (expression) {
                                const expressionArg = new SummaryCell(columnPath, rowPath, data, descriptions, i, fieldsCache);
                                const cell = expressionArg.cell();
                                const value = cell[i] = expression(expressionArg);
                                cell.postProcessedFlags[i] = true;
                                isEmptyCell = null === value || void 0 === value
                            }
                            if (void 0 === columnItem.isEmpty[i]) {
                                columnItem.isEmpty[i] = true
                            }
                            if (void 0 === rowItem.isEmpty[i]) {
                                rowItem.isEmpty[i] = true
                            }
                            if (!isEmptyCell) {
                                rowItem.isEmpty[i] = columnItem.isEmpty[i] = false
                            }
                        }
                    }, false)
                }, false);
                data.isEmptyGrandTotalRow = rowElements[0].isEmpty;
                data.isEmptyGrandTotalColumn = columnElements[0].isEmpty
            }

            function applyRunningTotal(descriptions, data) {
                const expressions = [];
                const columnElements = [{
                    index: data.grandTotalColumnIndex,
                    children: data.columns
                }];
                const rowElements = [{
                    index: data.grandTotalRowIndex,
                    children: data.rows
                }];
                const valueFields = descriptions.values;
                const fieldsCache = {
                    fields: {},
                    positions: {}
                };
                data.values = data.values || [];
                (0, _m_widget_utils.foreachTree)(rowElements, rowPath => {
                    const rowItem = rowPath[0];
                    data.values[rowItem.index] = data.values[rowItem.index] || [];
                    (0, _m_widget_utils.foreachTree)(columnElements, columnPath => {
                        const columnItem = columnPath[0];
                        processDataCell(data, rowItem.index, columnItem.index, true);
                        for (let i = 0; i < valueFields.length; i += 1) {
                            const field = valueFields[i];
                            const expression = expressions[i] = void 0 === expressions[i] ? createRunningTotalExpr(field) : expressions[i];
                            if (expression) {
                                const expressionArg = new SummaryCell(columnPath, rowPath, data, descriptions, i, fieldsCache);
                                const cell = expressionArg.cell();
                                cell[i] = expression(expressionArg);
                                cell.postProcessedFlags[i] = true
                            }
                        }
                    }, false)
                }, false)
            }

            function createMockSummaryCell(descriptions, fields, indices) {
                const summaryCell = new SummaryCell([], [], {}, descriptions, 0);
                summaryCell.value = function(fieldId) {
                    if ((0, _type.isDefined)(fieldId)) {
                        const index = (0, _m_widget_utils.findField)(fields, fieldId);
                        const field = fields[index];
                        if (!indices[index] && field && !(0, _type.isDefined)(field.area)) {
                            descriptions.values.push(field);
                            indices[index] = true
                        }
                    }
                };
                summaryCell.grandTotal = function() {
                    return this
                };
                summaryCell.children = function() {
                    return []
                };
                return summaryCell
            }
            exports.default = {
                Cell: SummaryCell,
                summaryDictionary: summaryDictionary,
                getExpression: getExpression,
                applyRunningTotal: applyRunningTotal,
                createMockSummaryCell: createMockSummaryCell,
                applyDisplaySummaryMode: applyDisplaySummaryMode
            }
        },
        48063(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.XmlaStore = void 0;
            var _language_codes = __webpack_require__( /*! ../../../../common/core/localization/language_codes */ 64333);
            var _errors = __webpack_require__( /*! ../../../../common/data/errors */ 82812);
            var _renderer = (e = __webpack_require__( /*! ../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _string = __webpack_require__( /*! ../../../../core/utils/string */ 54497);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _m_widget_utils = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../m_widget_utils */ 12062));

            function crossJoinElements(elements) {
                const elementsString = elements.join(",");
                return elements.length > 1 ? (0, _string.format)(MDX_CROSS_JOIN_TEMPLATE, elementsString) : elementsString
            }

            function mdxDescendants(level, levelMember, nextLevel) {
                const memberExpression = levelMember || level;
                return `Descendants({${memberExpression}}, ${nextLevel}, SELF_AND_BEFORE)`
            }

            function getAllMember(dimension) {
                return `${dimension.hierarchyName||dimension.dataField}.[All]`
            }

            function getAllMembers(field) {
                let result = `${field.dataField}.allMembers`;
                let {
                    searchValue: searchValue
                } = field;
                if (searchValue) {
                    searchValue = searchValue.replace(/'/g, "''");
                    result = `Filter(${result}, instr(${field.dataField}.currentmember.member_caption,'${searchValue}') > 0)`
                }
                return result
            }

            function preparePathValue(pathValue, dataField) {
                if (pathValue) {
                    const shouldSkipWrappingPathValue = (0, _type.isString)(pathValue) && (pathValue.includes("&") || pathValue.startsWith(`${dataField}.`));
                    pathValue = shouldSkipWrappingPathValue ? pathValue : `[${pathValue}]`;
                    if (dataField && 0 === pathValue.indexOf(`${dataField}.`)) {
                        pathValue = pathValue.slice(dataField.length + 1, pathValue.length)
                    }
                }
                return pathValue
            }

            function getNumber(str) {
                return parseInt(str, 10)
            }

            function parseValue(valueText) {
                return (0, _type.isNumeric)(valueText) ? parseFloat(valueText) : valueText
            }

            function getFirstChildText(node, childTagName) {
                return getNodeText(function(node, tagName) {
                    return (node.getElementsByTagName(tagName) || [])[0]
                }(node, childTagName))
            }

            function getNodeText(node) {
                return node && (node.textContent || node.text || node.innerHTML) || ""
            }

            function getLocaleIdProperty() {
                const languageId = (0, _language_codes.getLanguageId)();
                if (void 0 !== languageId) {
                    return (0, _string.format)("<LocaleIdentifier>{0}</LocaleIdentifier>", languageId)
                }
                return ""
            }
            const window = (0, _window.getWindow)();
            const XMLA_DISCOVER_TEMPLATE = '<Envelope xmlns="http://schemas.xmlsoap.org/soap/envelope/"><Body><Discover xmlns="urn:schemas-microsoft-com:xml-analysis"><RequestType>{2}</RequestType><Restrictions><RestrictionList><CATALOG_NAME>{0}</CATALOG_NAME><CUBE_NAME>{1}</CUBE_NAME></RestrictionList></Restrictions><Properties><PropertyList><Catalog>{0}</Catalog>{3}</PropertyList></Properties></Discover></Body></Envelope>';
            const MDX_CROSS_JOIN_TEMPLATE = "CrossJoin({0})";
            class XmlaStore {
                constructor(options) {
                    this._options = options
                }
                key() {
                    (0, _common.noop)()
                }
                filter() {
                    (0, _common.noop)()
                }
                execXMLA(requestOptions, data) {
                    const deferred = new _deferred.Deferred;
                    const {
                        beforeSend: beforeSend
                    } = requestOptions;
                    const ajaxSettings = {
                        url: requestOptions.url,
                        dataType: "text",
                        data: data,
                        headers: {
                            "Content-Type": "text/xml"
                        },
                        xhrFields: {},
                        method: "POST"
                    };
                    if ((0, _type.isFunction)(beforeSend)) {
                        beforeSend(ajaxSettings)
                    }
                    _m_widget_utils.default.sendRequest(ajaxSettings).fail(function() {
                        deferred.reject(arguments)
                    }).done(text => {
                        const parser = new window.DOMParser;
                        let xml;
                        try {
                            try {
                                xml = parser.parseFromString(text, "text/xml")
                            } catch (e) {
                                xml = void 0
                            }
                            if (!xml || xml.getElementsByTagName("parsererror").length || 0 === xml.childNodes.length) {
                                throw _errors.errors.Error("E4023", text)
                            }
                        } catch (e) {
                            deferred.reject({
                                statusText: e.message,
                                stack: e.stack,
                                responseText: text
                            })
                        }
                        deferred.resolve(xml)
                    });
                    return deferred
                }
                generateCrossJoin(path, expandLevel, expandAllCount, expandIndex, slicePath, options, axisName, take) {
                    const crossJoinArgs = [];
                    const dimensions = options[axisName];
                    const fields = [];
                    let arg;
                    let prevDimension;
                    let member;
                    for (let i = expandIndex; i <= expandLevel; i += 1) {
                        const field = dimensions[i];
                        const {
                            dataField: dataField
                        } = field;
                        const prevHierarchyName = dimensions[i - 1] && dimensions[i - 1].hierarchyName;
                        const {
                            hierarchyName: hierarchyName
                        } = field;
                        const isLastDimensionInGroup = !hierarchyName || !dimensions[i + 1] || dimensions[i + 1].hierarchyName !== hierarchyName;
                        const expandAllIndex = path.length + expandAllCount + expandIndex;
                        arg = null;
                        fields.push(field);
                        if (i < path.length) {
                            if (isLastDimensionInGroup) {
                                arg = `(${dataField}.${preparePathValue(path[i],dataField)})`
                            }
                        } else if (i <= expandAllIndex) {
                            if (0 === i && 0 === expandAllCount) {
                                const allMember = getAllMember(dimensions[expandIndex]);
                                if (!hierarchyName) {
                                    arg = getAllMembers(dimensions[expandIndex])
                                } else {
                                    arg = `${allMember},${dimensions[expandIndex].dataField}`
                                }
                            } else if (hierarchyName) {
                                member = preparePathValue(slicePath[slicePath.length - 1]);
                                if (isLastDimensionInGroup || i === expandAllIndex) {
                                    if (prevHierarchyName === hierarchyName) {
                                        if (slicePath.length) {
                                            prevDimension = dimensions[slicePath.length - 1]
                                        }
                                        if (!prevDimension || prevDimension.hierarchyName !== hierarchyName) {
                                            prevDimension = dimensions[i - 1];
                                            member = ""
                                        }
                                        arg = mdxDescendants(prevDimension.dataField, member, dataField)
                                    } else {
                                        arg = getAllMembers(field)
                                    }
                                }
                            } else {
                                arg = getAllMembers(field)
                            }
                        } else {
                            const isFirstDimensionInGroup = !hierarchyName || prevHierarchyName !== hierarchyName;
                            if (isFirstDimensionInGroup) {
                                arg = `(${getAllMember(field)})`
                            }
                        }
                        if (arg) {
                            arg = (0, _string.format)("{{0}}", arg);
                            if (take) {
                                const sortBy = (field.hierarchyName || field.dataField) + ("displayText" === field.sortBy ? ".MEMBER_CAPTION" : ".MEMBER_VALUE");
                                arg = (0, _string.format)("Order({0}, {1}, {2})", arg, sortBy, "desc" === field.sortOrder ? "DESC" : "ASC")
                            }
                            crossJoinArgs.push(arg)
                        }
                    }
                    return crossJoinElements(crossJoinArgs)
                }
                fillCrossJoins(crossJoins, path, expandLevel, expandIndex, slicePath, options, axisName, cellsString, take, totalsOnly) {
                    let expandAllCount = -1;
                    const dimensions = options[axisName];
                    let dimensionIndex;
                    do {
                        expandAllCount += 1;
                        dimensionIndex = path.length + expandAllCount + expandIndex;
                        let crossJoin = this.generateCrossJoin(path, expandLevel, expandAllCount, expandIndex, slicePath, options, axisName, take);
                        if (!take && !totalsOnly) {
                            crossJoin = (0, _string.format)("NonEmpty({0}, {1})", crossJoin, cellsString)
                        }
                        crossJoins.push(crossJoin)
                    } while (dimensions[dimensionIndex] && dimensions[dimensionIndex + 1] && dimensions[dimensionIndex].expanded)
                }
                declare(expression, withArray, name, type) {
                    name = name || `[DX_Set_${withArray.length}]`;
                    type = type || "set";
                    withArray.push((0, _string.format)("{0} {1} as {2}", type, name, expression));
                    return name
                }
                generateAxisMdx(options, axisName, cells, withArray, parseOptions) {
                    const dimensions = options[axisName];
                    const crossJoins = [];
                    let path = [];
                    let expandedPaths = [];
                    let expandIndex = 0;
                    let expandLevel = 0;
                    const result = [];
                    const cellsString = (0, _string.format)("{{0}}", cells.join(","));
                    if (dimensions && dimensions.length) {
                        if (options.headerName === axisName) {
                            path = options.path;
                            expandIndex = path.length
                        } else if (options.headerName && options.oppositePath) {
                            path = options.oppositePath;
                            expandIndex = path.length
                        } else {
                            expandedPaths = ("columns" === axisName ? options.columnExpandedPaths : options.rowExpandedPaths) || expandedPaths
                        }
                        expandLevel = (0, _m_widget_utils.getExpandedLevel)(options, axisName);
                        this.fillCrossJoins(crossJoins, [], expandLevel, expandIndex, path, options, axisName, cellsString, "rows" === axisName ? options.rowTake : options.columnTake, options.totalsOnly);
                        (0, _iterator.each)(expandedPaths, (_, expandedPath) => {
                            this.fillCrossJoins(crossJoins, expandedPath, expandLevel, expandIndex, expandedPath, options, axisName, cellsString)
                        });
                        for (let i = expandLevel; i >= path.length; i -= 1) {
                            if (dimensions[i].hierarchyName) {
                                parseOptions.visibleLevels[dimensions[i].hierarchyName] = parseOptions.visibleLevels[dimensions[i].hierarchyName] || [];
                                parseOptions.visibleLevels[dimensions[i].hierarchyName].push(dimensions[i].dataField)
                            }
                        }
                    }
                    if (crossJoins.length) {
                        let expression = function(elements) {
                            const elementsString = elements.join(",");
                            return elements.length > 1 ? `Union(${elementsString})` : elementsString
                        }(crossJoins);
                        if ("rows" === axisName && options.rowTake) {
                            expression = (0, _string.format)("Subset({0}, {1}, {2})", expression, options.rowSkip > 0 ? options.rowSkip + 1 : 0, options.rowSkip > 0 ? options.rowTake : options.rowTake + 1)
                        }
                        if ("columns" === axisName && options.columnTake) {
                            expression = (0, _string.format)("Subset({0}, {1}, {2})", expression, options.columnSkip > 0 ? options.columnSkip + 1 : 0, options.columnSkip > 0 ? options.columnTake : options.columnTake + 1)
                        }
                        const axisSet = `[DX_${axisName}]`;
                        result.push(this.declare(expression, withArray, axisSet));
                        if (options.totalsOnly) {
                            result.push(this.declare(`COUNT(${axisSet})`, withArray, `[DX_${axisName}_count]`, "member"))
                        }
                    }
                    if ("columns" === axisName && cells.length && !options.skipValues) {
                        result.push(cellsString)
                    }
                    return (0, _string.format)("{0} DIMENSION PROPERTIES PARENT_UNIQUE_NAME,HIERARCHY_UNIQUE_NAME, MEMBER_VALUE ON {1}", crossJoinElements(result), axisName)
                }
                generateAxisFieldsFilter(fields) {
                    const filterMembers = [];
                    (0, _iterator.each)(fields, (_, field) => {
                        const {
                            dataField: dataField
                        } = field;
                        const filterExpression = [];
                        const filterValues = field.filterValues || [];
                        let filterStringExpression;
                        if (field.hierarchyName && (0, _type.isNumeric)(field.groupIndex)) {
                            return
                        }(0, _iterator.each)(filterValues, (_, filterValue) => {
                            let filterMdx = `${dataField}.${preparePathValue(Array.isArray(filterValue)?filterValue[filterValue.length-1]:filterValue,dataField)}`;
                            if ("exclude" === field.filterType) {
                                filterExpression.push(`${filterMdx}.parent`);
                                filterMdx = `Descendants(${filterMdx})`
                            }
                            filterExpression.push(filterMdx)
                        });
                        if (filterValues.length) {
                            filterStringExpression = (0, _string.format)("{{0}}", filterExpression.join(","));
                            if ("exclude" === field.filterType) {
                                filterStringExpression = `Except(${getAllMembers(field)},${filterStringExpression})`
                            }
                            filterMembers.push(filterStringExpression)
                        }
                    });
                    return filterMembers.length ? crossJoinElements(filterMembers) : ""
                }
                generateFrom(columnsFilter, rowsFilter, filter, cubeName) {
                    let from = `[${cubeName}]`;
                    (0, _iterator.each)([columnsFilter, rowsFilter, filter], (_, filter) => {
                        if (filter) {
                            from = (0, _string.format)("(SELECT {0} FROM {1})", `${filter}on 0`, from)
                        }
                    });
                    return from
                }
                generateMdxCore(axisStrings, withArray, columns, rows, filters, slice, cubeName) {
                    let options = arguments.length > 7 && void 0 !== arguments[7] ? arguments[7] : {};
                    let mdxString = "";
                    const withString = (withArray.length ? `with ${withArray.join(" ")}` : "") + " ";
                    if (axisStrings.length) {
                        let select;
                        if (options.totalsOnly) {
                            const countMembers = [];
                            if (rows.length) {
                                countMembers.push("[DX_rows_count]")
                            }
                            if (columns.length) {
                                countMembers.push("[DX_columns_count]")
                            }
                            select = `{${countMembers.join(",")}} on columns`
                        } else {
                            select = axisStrings.join(",")
                        }
                        mdxString = withString + (0, _string.format)("SELECT {2} FROM {0} {1} CELL PROPERTIES VALUE, FORMAT_STRING, LANGUAGE, BACK_COLOR, FORE_COLOR, FONT_FLAGS", this.generateFrom(this.generateAxisFieldsFilter(columns), this.generateAxisFieldsFilter(rows), this.generateAxisFieldsFilter(filters || []), cubeName), slice.length ? (0, _string.format)("WHERE ({0})", slice.join(",")) : "", select)
                    }
                    return mdxString
                }
                prepareDataFields(withArray, valueFields) {
                    return (0, _iterator.map)(valueFields, cell => {
                        if ((0, _type.isString)(cell.expression)) {
                            this.declare(cell.expression, withArray, cell.dataField, "member")
                        }
                        return cell.dataField
                    })
                }
                addSlices(slices, options, headerName, path) {
                    (0, _iterator.each)(path, (index, value) => {
                        const dimension = options[headerName][index];
                        if (!dimension.hierarchyName || dimension.hierarchyName !== options[headerName][index + 1].hierarchyName) {
                            slices.push(`${dimension.dataField}.${this.preparePathValue(value,dimension.dataField)}`)
                        }
                    })
                }
                generateMDX(options, cubeName, parseOptions) {
                    const columns = options.columns || [];
                    const rows = options.rows || [];
                    const values = options.values && options.values.length ? options.values : [{
                        dataField: "[Measures]"
                    }];
                    const slice = [];
                    const withArray = [];
                    const axisStrings = [];
                    const dataFields = this.prepareDataFields(withArray, values);
                    parseOptions.measureCount = options.skipValues ? 1 : values.length;
                    parseOptions.visibleLevels = {};
                    if (options.headerName && options.path) {
                        this.addSlices(slice, options, options.headerName, options.path)
                    }
                    if (options.headerName && options.oppositePath) {
                        this.addSlices(slice, options, "rows" === options.headerName ? "columns" : "rows", options.oppositePath)
                    }
                    if (columns.length || dataFields.length) {
                        axisStrings.push(this.generateAxisMdx(options, "columns", dataFields, withArray, parseOptions))
                    }
                    if (rows.length) {
                        axisStrings.push(this.generateAxisMdx(options, "rows", dataFields, withArray, parseOptions))
                    }
                    return this.generateMdxCore(axisStrings, withArray, columns, rows, options.filters, slice, cubeName, options)
                }
                createDrillDownAxisSlice(slice, fields, path) {
                    (0, _iterator.each)(path, (index, value) => {
                        const field = fields[index];
                        if (field.hierarchyName && (fields[index + 1] || {}).hierarchyName === field.hierarchyName) {
                            return
                        }
                        slice.push(`${field.dataField}.${this.preparePathValue(value,field.dataField)}`)
                    })
                }
                generateDrillDownMDX(options, cubeName, params) {
                    const columns = options.columns || [];
                    const rows = options.rows || [];
                    const values = options.values && options.values.length ? options.values : [{
                        dataField: "[Measures]"
                    }];
                    const slice = [];
                    const withArray = [];
                    const axisStrings = [];
                    const dataFields = this.prepareDataFields(withArray, values);
                    const {
                        maxRowCount: maxRowCount
                    } = params;
                    const customColumns = params.customColumns || [];
                    const customColumnsString = customColumns.length > 0 ? ` return ${customColumns.join(",")}` : "";
                    this.createDrillDownAxisSlice(slice, columns, params.columnPath || []);
                    this.createDrillDownAxisSlice(slice, rows, params.rowPath || []);
                    if (columns.length || dataFields.length) {
                        axisStrings.push([`${dataFields[params.dataIndex]||dataFields[0]} on 0`])
                    }
                    const coreMDX = this.generateMdxCore(axisStrings, withArray, columns, rows, options.filters, slice, cubeName);
                    return coreMDX ? `drillthrough${maxRowCount>0?` maxrows ${maxRowCount}`:""}${coreMDX}${customColumnsString}` : coreMDX
                }
                parseAxes(xml, skipValues) {
                    const axes = [];
                    (0, _iterator.each)(xml.getElementsByTagName("Axis"), (_, axisElement) => {
                        const name = axisElement.getAttribute("name");
                        const axis = [];
                        let index = 0;
                        if (0 === name.indexOf("Axis") && (0, _type.isNumeric)(getNumber(name.substr(4)))) {
                            axes.push(axis);
                            (0, _iterator.each)(axisElement.getElementsByTagName("Tuple"), (_, tupleElement) => {
                                const tupleMembers = tupleElement.childNodes;
                                let levelSum = 0;
                                const members = [];
                                let membersCount = skipValues ? tupleMembers.length : tupleMembers.length - 1;
                                const isAxisWithMeasure = 1 === axes.length;
                                if (isAxisWithMeasure) {
                                    membersCount -= 1
                                }
                                axis.push(members);
                                for (let i = membersCount; i >= 0; i -= 1) {
                                    const tuple = tupleMembers[i];
                                    const level = getNumber(getFirstChildText(tuple, "LNum"));
                                    members[i] = {
                                        caption: getFirstChildText(tuple, "Caption"),
                                        value: parseValue(getFirstChildText(tuple, "MEMBER_VALUE")),
                                        level: level,
                                        index: index++,
                                        hasValue: !levelSum && (!!level || 0 === i),
                                        name: getFirstChildText(tuple, "UName"),
                                        hierarchyName: tupleMembers[i].getAttribute("Hierarchy"),
                                        parentName: getFirstChildText(tuple, "PARENT_UNIQUE_NAME"),
                                        levelName: getFirstChildText(tuple, "LName")
                                    };
                                    levelSum += level
                                }
                            })
                        }
                    });
                    while (axes.length < 2) {
                        axes.push([
                            [{
                                level: 0
                            }]
                        ])
                    }
                    return axes
                }
                getNodeText(node) {
                    return getNodeText(node)
                }
                parseCells(xml, axes, measureCount) {
                    const cells = [];
                    let cell = [];
                    let index = 0;
                    const cellsOriginal = [];
                    const cellElements = xml.getElementsByTagName("Cell");
                    const errorDictionary = {};
                    for (let i = 0; i < cellElements.length; i += 1) {
                        const xmlCell = cellElements[i];
                        const valueElement = xmlCell.getElementsByTagName("Value")[0];
                        const errorElements = valueElement && valueElement.getElementsByTagName("Error") || [];
                        const text = 0 === errorElements.length ? this.getNodeText(valueElement) : "#N/A";
                        const value = parseFloat(text);
                        const cellOrdinal = getNumber(xmlCell.getAttribute("CellOrdinal"));
                        if (errorElements.length) {
                            errorDictionary[this.getNodeText(errorElements[0].getElementsByTagName("ErrorCode")[0])] = this.getNodeText(errorElements[0].getElementsByTagName("Description")[0])
                        }
                        cellsOriginal[cellOrdinal] = {
                            value: (0, _type.isNumeric)(text) ? value : text || null
                        }
                    }(0, _iterator.each)(axes[1], () => {
                        const row = [];
                        cells.push(row);
                        (0, _iterator.each)(axes[0], () => {
                            const measureIndex = index % measureCount;
                            if (0 === measureIndex) {
                                cell = [];
                                row.push(cell)
                            }
                            cell.push(cellsOriginal[index] ? cellsOriginal[index].value : null);
                            index += 1
                        })
                    });
                    Object.keys(errorDictionary).forEach(key => {
                        _errors.errors.log("W4002", errorDictionary[key])
                    });
                    return cells
                }
                preparePathValue(pathValue, dataField) {
                    return preparePathValue(pathValue, dataField)
                }
                getItem(hash, name, member, index) {
                    let item = hash[name];
                    if (!item) {
                        item = {};
                        hash[name] = item
                    }
                    if (!(0, _type.isDefined)(item.value) && member) {
                        item.text = member.caption;
                        item.value = member.value;
                        item.key = name || "";
                        item.levelName = member.levelName;
                        item.hierarchyName = member.hierarchyName;
                        item.parentName = member.parentName;
                        item.index = index;
                        item.level = member.level
                    }
                    return item
                }
                getVisibleChildren(item, visibleLevels) {
                    const result = [];
                    const children = item.children && (item.children.length ? item.children : Object.keys(item.children.grandTotalHash || {}).reduce((result, name) => result.concat(item.children.grandTotalHash[name].children), []));
                    const firstChild = children && children[0];
                    if (firstChild && (visibleLevels[firstChild.hierarchyName] && visibleLevels[firstChild.hierarchyName].includes(firstChild.levelName) || !visibleLevels[firstChild.hierarchyName] || 0 === firstChild.level)) {
                        const newChildren = children.filter(child => child.hierarchyName === firstChild.hierarchyName);
                        newChildren.grandTotalHash = children.grandTotalHash;
                        return newChildren
                    }
                    if (firstChild) {
                        for (let i = 0; i < children.length; i += 1) {
                            if (children[i].hierarchyName === firstChild.hierarchyName) {
                                result.push.apply(result, this.getVisibleChildren(children[i], visibleLevels))
                            }
                        }
                    }
                    return result
                }
                processMember(dataIndex, member, parentItem) {
                    let children = parentItem.children = parentItem.children || [];
                    const hash = children.hash = children.hash || {};
                    const grandTotalHash = children.grandTotalHash = children.grandTotalHash || {};
                    if (member.parentName) {
                        parentItem = this.getItem(hash, member.parentName);
                        children = parentItem.children = parentItem.children || []
                    }
                    const currentItem = this.getItem(hash, member.name, member, dataIndex);
                    if (member.hasValue && !currentItem.added) {
                        currentItem.index = dataIndex;
                        currentItem.added = true;
                        children.push(currentItem)
                    }
                    if ((!parentItem.value || !parentItem.parentName) && member.parentName) {
                        grandTotalHash[member.parentName] = parentItem
                    } else if (grandTotalHash[parentItem.name]) {
                        delete grandTotalHash[member.parentName]
                    }
                    return currentItem
                }
                getGrandTotalIndex(parentItem, visibleLevels) {
                    let grandTotalIndex;
                    if (1 === parentItem.children.length && "" === parentItem.children[0].parentName) {
                        grandTotalIndex = parentItem.children[0].index;
                        const {
                            grandTotalHash: grandTotalHash
                        } = parentItem.children;
                        parentItem.children = parentItem.children[0].children || [];
                        parentItem.children.grandTotalHash = grandTotalHash;
                        parentItem.children = this.getVisibleChildren(parentItem, visibleLevels)
                    } else if (0 === parentItem.children.length) {
                        grandTotalIndex = 0
                    }
                    return grandTotalIndex
                }
                fillDataSourceAxes(dataSourceAxis, axisTuples, measureCount, visibleLevels) {
                    const result = [];
                    (0, _iterator.each)(axisTuples, (tupleIndex, members) => {
                        let parentItem = {
                            children: result
                        };
                        const dataIndex = (0, _type.isDefined)(measureCount) ? Math.floor(tupleIndex / measureCount) : tupleIndex;
                        (0, _iterator.each)(members, (_, member) => {
                            parentItem = this.processMember(dataIndex, member, parentItem)
                        })
                    });
                    const parentItem = {
                        children: result
                    };
                    parentItem.children = this.getVisibleChildren(parentItem, visibleLevels);
                    const grandTotalIndex = this.getGrandTotalIndex(parentItem, visibleLevels);
                    (0, _m_widget_utils.foreachTree)(parentItem.children, items => {
                        const item = items[0];
                        const children = this.getVisibleChildren(item, visibleLevels);
                        if (children.length) {
                            item.children = children
                        } else {
                            delete item.children
                        }
                        delete item.levelName;
                        delete item.hierarchyName;
                        delete item.added;
                        delete item.parentName;
                        delete item.level
                    }, true);
                    (0, _iterator.each)(parentItem.children || [], (_, e) => {
                        dataSourceAxis.push(e)
                    });
                    return grandTotalIndex
                }
                checkError(xml) {
                    const faultElementNS = xml.getElementsByTagName("soap:Fault");
                    const faultElement = xml.getElementsByTagName("Fault");
                    const errorElement = (0, _renderer.default)([].slice.call(faultElement.length ? faultElement : faultElementNS)).find("Error");
                    if (errorElement.length) {
                        const description = errorElement.attr("Description");
                        const error = _errors.errors.Error("E4000", description);
                        _errors.errors.log("E4000", description);
                        return error
                    }
                    return null
                }
                parseResult(xml, parseOptions) {
                    const dataSource = {
                        columns: [],
                        rows: []
                    };
                    const {
                        measureCount: measureCount
                    } = parseOptions;
                    const axes = this.parseAxes(xml, parseOptions.skipValues);
                    dataSource.grandTotalColumnIndex = this.fillDataSourceAxes(dataSource.columns, axes[0], measureCount, parseOptions.visibleLevels);
                    dataSource.grandTotalRowIndex = this.fillDataSourceAxes(dataSource.rows, axes[1], void 0, parseOptions.visibleLevels);
                    dataSource.values = this.parseCells(xml, axes, measureCount);
                    return dataSource
                }
                parseDiscoverRowSet(xml, schema, dimensions, translatedDisplayFolders) {
                    const result = [];
                    const isMeasure = "MEASURE" === schema;
                    const displayFolderField = isMeasure ? "MEASUREGROUP_NAME" : `${schema}_DISPLAY_FOLDER`;
                    (0, _iterator.each)(xml.getElementsByTagName("row"), (_, row) => {
                        const hierarchyName = "LEVEL" === schema ? getFirstChildText(row, "HIERARCHY_UNIQUE_NAME") : void 0;
                        const levelNumber = getFirstChildText(row, "LEVEL_NUMBER");
                        let displayFolder = getFirstChildText(row, displayFolderField);
                        if (isMeasure) {
                            displayFolder = translatedDisplayFolders[displayFolder] || displayFolder
                        }
                        if (("0" !== levelNumber || "true" !== getFirstChildText(row, `${schema}_IS_VISIBLE`)) && "2" !== getFirstChildText(row, "DIMENSION_TYPE")) {
                            const dimension = isMeasure ? "DX_MEASURES" : getFirstChildText(row, "DIMENSION_UNIQUE_NAME");
                            const dataField = getFirstChildText(row, `${schema}_UNIQUE_NAME`);
                            result.push({
                                dimension: dimensions.names[dimension] || dimension,
                                groupIndex: levelNumber ? getNumber(levelNumber) - 1 : void 0,
                                dataField: dataField,
                                caption: getFirstChildText(row, `${schema}_CAPTION`),
                                hierarchyName: hierarchyName,
                                groupName: hierarchyName,
                                displayFolder: displayFolder,
                                isMeasure: isMeasure,
                                isDefault: !!dimensions.defaultHierarchies[dataField]
                            })
                        }
                    });
                    return result
                }
                parseMeasureGroupDiscoverRowSet(xml) {
                    const measureGroups = {};
                    (0, _iterator.each)(xml.getElementsByTagName("row"), (_, row) => {
                        measureGroups[getFirstChildText(row, "MEASUREGROUP_NAME")] = getFirstChildText(row, "MEASUREGROUP_CAPTION")
                    });
                    return measureGroups
                }
                parseDimensionsDiscoverRowSet(xml) {
                    const result = {
                        names: {},
                        defaultHierarchies: {}
                    };
                    (0, _iterator.each)((0, _renderer.default)(xml).find("row"), function() {
                        const $row = (0, _renderer.default)(this);
                        const type = $row.children("DIMENSION_TYPE").text();
                        const dimensionName = "2" === type ? "DX_MEASURES" : $row.children("DIMENSION_UNIQUE_NAME").text();
                        result.names[dimensionName] = $row.children("DIMENSION_CAPTION").text();
                        result.defaultHierarchies[$row.children("DEFAULT_HIERARCHY").text()] = true
                    });
                    return result
                }
                parseStringWithUnicodeSymbols(str) {
                    return function(str) {
                        str = str.replace(/_x(....)_/g, (_, group1) => String.fromCharCode(parseInt(group1, 16)));
                        const stringArray = str.match(/\[.+?\]/gi);
                        if (stringArray && stringArray.length) {
                            str = stringArray[stringArray.length - 1]
                        }
                        return str.replace(/\[/gi, "").replace(/\]/gi, "").replace(/\$/gi, "").replace(/\./gi, " ")
                    }(str)
                }
                parseDrillDownRowSet(xml) {
                    const rows = xml.getElementsByTagName("row");
                    const result = [];
                    const columnNames = {};
                    for (let i = 0; i < rows.length; i += 1) {
                        const children = rows[i].childNodes;
                        const item = {};
                        for (let j = 0; j < children.length; j += 1) {
                            const {
                                tagName: tagName
                            } = children[j];
                            const name = columnNames[tagName] = columnNames[tagName] || this.parseStringWithUnicodeSymbols(tagName);
                            item[name] = this.getNodeText(children[j])
                        }
                        result.push(item)
                    }
                    return result
                }
                sendQuery(storeOptions, mdxString) {
                    mdxString = (0, _renderer.default)("<div>").text(mdxString).html();
                    return this.execXMLA(storeOptions, (0, _string.format)('<Envelope xmlns="http://schemas.xmlsoap.org/soap/envelope/"><Body><Execute xmlns="urn:schemas-microsoft-com:xml-analysis"><Command><Statement>{0}</Statement></Command><Properties><PropertyList><Catalog>{1}</Catalog><ShowHiddenCubes>True</ShowHiddenCubes><SspropInitAppName>Microsoft SQL Server Management Studio</SspropInitAppName><Timeout>3600</Timeout>{2}</PropertyList></Properties></Execute></Body></Envelope>', mdxString, storeOptions.catalog, getLocaleIdProperty()))
                }
                processTotalCount(data, options, totalCountXml) {
                    const axes = [];
                    const columnOptions = options.columns || [];
                    const rowOptions = options.rows || [];
                    if (columnOptions.length) {
                        axes.push({})
                    }
                    if (rowOptions.length) {
                        axes.push({})
                    }
                    const cells = this.parseCells(totalCountXml, [
                        [{}],
                        [{}, {}]
                    ], 1);
                    if (!columnOptions.length && rowOptions.length) {
                        data.rowCount = Math.max(cells[0][0][0] - 1, 0)
                    }
                    if (!rowOptions.length && columnOptions.length) {
                        data.columnCount = Math.max(cells[0][0][0] - 1, 0)
                    }
                    if (rowOptions.length && columnOptions.length) {
                        data.rowCount = Math.max(cells[0][0][0] - 1, 0);
                        data.columnCount = Math.max(cells[1][0][0] - 1, 0)
                    }
                    if (void 0 !== data.rowCount && options.rowTake) {
                        data.rows = [...Array(options.rowSkip)].concat(data.rows);
                        data.rows.length = data.rowCount;
                        for (let i = 0; i < data.rows.length; i += 1) {
                            data.rows[i] = data.rows[i] || {}
                        }
                    }
                    if (void 0 !== data.columnCount && options.columnTake) {
                        data.columns = [...Array(options.columnSkip)].concat(data.columns);
                        data.columns.length = data.columnCount;
                        for (let i = 0; i < data.columns.length; i += 1) {
                            data.columns[i] = data.columns[i] || {}
                        }
                    }
                }
                getFields() {
                    const options = this._options;
                    const {
                        catalog: catalog
                    } = options;
                    const {
                        cube: cube
                    } = options;
                    const localeIdProperty = getLocaleIdProperty();
                    const dimensionsRequest = this.execXMLA(options, (0, _string.format)(XMLA_DISCOVER_TEMPLATE, catalog, cube, "MDSCHEMA_DIMENSIONS", localeIdProperty));
                    const measuresRequest = this.execXMLA(options, (0, _string.format)(XMLA_DISCOVER_TEMPLATE, catalog, cube, "MDSCHEMA_MEASURES", localeIdProperty));
                    const hierarchiesRequest = this.execXMLA(options, (0, _string.format)(XMLA_DISCOVER_TEMPLATE, catalog, cube, "MDSCHEMA_HIERARCHIES", localeIdProperty));
                    const levelsRequest = this.execXMLA(options, (0, _string.format)(XMLA_DISCOVER_TEMPLATE, catalog, cube, "MDSCHEMA_LEVELS", localeIdProperty));
                    const result = new _deferred.Deferred;
                    (0, _deferred.when)(dimensionsRequest, measuresRequest, hierarchiesRequest, levelsRequest).then((dimensionsResponse, measuresResponse, hierarchiesResponse, levelsResponse) => {
                        this.execXMLA(options, (0, _string.format)(XMLA_DISCOVER_TEMPLATE, catalog, cube, "MDSCHEMA_MEASUREGROUPS", localeIdProperty)).done(measureGroupsResponse => {
                            const dimensions = this.parseDimensionsDiscoverRowSet(dimensionsResponse);
                            const hierarchies = this.parseDiscoverRowSet(hierarchiesResponse, "HIERARCHY", dimensions);
                            const levels = this.parseDiscoverRowSet(levelsResponse, "LEVEL", dimensions);
                            const measureGroups = this.parseMeasureGroupDiscoverRowSet(measureGroupsResponse);
                            const fields = this.parseDiscoverRowSet(measuresResponse, "MEASURE", dimensions, measureGroups).concat(hierarchies);
                            const levelsByHierarchy = {};
                            (0, _iterator.each)(levels, (_, level) => {
                                levelsByHierarchy[level.hierarchyName] = levelsByHierarchy[level.hierarchyName] || [];
                                levelsByHierarchy[level.hierarchyName].push(level)
                            });
                            (0, _iterator.each)(hierarchies, (_, hierarchy) => {
                                if (levelsByHierarchy[hierarchy.dataField] && levelsByHierarchy[hierarchy.dataField].length > 1) {
                                    hierarchy.groupName = hierarchy.hierarchyName = hierarchy.dataField;
                                    fields.push.apply(fields, levelsByHierarchy[hierarchy.hierarchyName])
                                }
                            });
                            result.resolve(fields)
                        }).fail(result.reject)
                    }).fail(result.reject);
                    return result
                }
                load(options) {
                    const result = new _deferred.Deferred;
                    const storeOptions = this._options;
                    const parseOptions = {
                        skipValues: options.skipValues
                    };
                    const mdxString = this.generateMDX(options, storeOptions.cube, parseOptions);
                    let rowCountMdx;
                    if (options.rowSkip || options.rowTake || options.columnTake || options.columnSkip) {
                        rowCountMdx = this.generateMDX((0, _extend.extend)({}, options, {
                            totalsOnly: true,
                            rowSkip: null,
                            rowTake: null,
                            columnSkip: null,
                            columnTake: null
                        }), storeOptions.cube, {})
                    }
                    const load = () => {
                        if (mdxString) {
                            (0, _deferred.when)(this.sendQuery(storeOptions, mdxString), rowCountMdx && this.sendQuery(storeOptions, rowCountMdx)).done((executeXml, rowCountXml) => {
                                const error = this.checkError(executeXml) || rowCountXml && this.checkError(rowCountXml);
                                if (!error) {
                                    const response = this.parseResult(executeXml, parseOptions);
                                    if (rowCountXml) {
                                        this.processTotalCount(response, options, rowCountXml)
                                    }
                                    result.resolve(response)
                                } else {
                                    result.reject(error)
                                }
                            }).fail(result.reject)
                        } else {
                            result.resolve({
                                columns: [],
                                rows: [],
                                values: [],
                                grandTotalColumnIndex: 0,
                                grandTotalRowIndex: 0
                            })
                        }
                    };
                    if (options.delay) {
                        setTimeout(load, options.delay)
                    } else {
                        load()
                    }
                    return result
                }
                supportPaging() {
                    return true
                }
                getDrillDownItems(options, params) {
                    const result = new _deferred.Deferred;
                    const storeOptions = this._options;
                    const mdxString = this.generateDrillDownMDX(options, storeOptions.cube, params);
                    if (mdxString) {
                        (0, _deferred.when)(this.sendQuery(storeOptions, mdxString)).done(executeXml => {
                            const error = this.checkError(executeXml);
                            if (!error) {
                                result.resolve(this.parseDrillDownRowSet(executeXml))
                            } else {
                                result.reject(error)
                            }
                        }).fail(result.reject)
                    } else {
                        result.resolve([])
                    }
                    return result
                }
            }
            exports.XmlaStore = XmlaStore;
            Object.assign(XmlaStore.prototype, _m_widget_utils.storeDrillDownMixin);
            exports.default = {
                XmlaStore: XmlaStore
            }
        },
        46331(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TreeListDataController = void 0;
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _m_data_controller = __webpack_require__( /*! ../../../grids/grid_core/data_controller/m_data_controller */ 32688);
            var _m_data_source_adapter = _interopRequireDefault(__webpack_require__( /*! ../data_source_adapter/m_data_source_adapter */ 39051));
            var _m_core = _interopRequireDefault(__webpack_require__( /*! ../m_core */ 99477));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class TreeListDataController extends _m_data_controller.DataController {
                _getDataSourceAdapter() {
                    return _m_data_source_adapter.default
                }
                _getNodeLevel(node) {
                    let level = -1;
                    while (node.parent) {
                        if (node.visible) {
                            level++
                        }
                        node = node.parent
                    }
                    return level
                }
                _generateDataItem(node, options) {
                    return {
                        rowType: "data",
                        node: node,
                        key: node.key,
                        data: node.data,
                        isExpanded: this.isRowExpanded(node.key, options),
                        level: this._getNodeLevel(node)
                    }
                }
                _loadOnOptionChange() {
                    this._dataSource.load()
                }
                _isItemEquals(item1, item2) {
                    if (item1.isSelected !== item2.isSelected) {
                        return false
                    }
                    if (item1.node && item2.node && item1.node.hasChildren !== item2.node.hasChildren) {
                        return false
                    }
                    if (item1.level !== item2.level || item1.isExpanded !== item2.isExpanded) {
                        return false
                    }
                    return super._isItemEquals.apply(this, arguments)
                }
                _isCellChanged(oldRow, newRow, visibleRowIndex, columnIndex, isLiveUpdate) {
                    const firstDataColumnIndex = this._columnsController.getFirstDataColumnIndex();
                    if (columnIndex === firstDataColumnIndex && oldRow.isSelected !== newRow.isSelected) {
                        return true
                    }
                    return super._isCellChanged.apply(this, arguments)
                }
                init() {
                    this.createAction("onRowExpanding");
                    this.createAction("onRowExpanded");
                    this.createAction("onRowCollapsing");
                    this.createAction("onRowCollapsed");
                    super.init.apply(this, arguments)
                }
                keyOf(data) {
                    const dataSource = this._dataSource;
                    if (dataSource) {
                        return dataSource.keyOf(data)
                    }
                }
                key() {
                    const dataSource = this._dataSource;
                    if (dataSource) {
                        return dataSource.getKeyExpr()
                    }
                }
                publicMethods() {
                    return super.publicMethods().concat(["expandRow", "collapseRow", "isRowExpanded", "getRootNode", "getNodeByKey", "loadDescendants", "forEachNode"])
                }
                changeRowExpand(key) {
                    if (this._dataSource) {
                        const args = {
                            key: key
                        };
                        const isExpanded = this.isRowExpanded(key);
                        this.executeAction(isExpanded ? "onRowCollapsing" : "onRowExpanding", args);
                        if (!args.cancel) {
                            return this._dataSource.changeRowExpand(key).done(() => {
                                this.executeAction(isExpanded ? "onRowCollapsed" : "onRowExpanded", args)
                            })
                        }
                    }
                    return (new _deferred.Deferred).resolve()
                }
                isRowExpanded(key, cache) {
                    return this._dataSource && this._dataSource.isRowExpanded(key, cache)
                }
                expandRow(key) {
                    if (!this.isRowExpanded(key)) {
                        return this.changeRowExpand(key)
                    }
                    return (new _deferred.Deferred).resolve()
                }
                collapseRow(key) {
                    if (this.isRowExpanded(key)) {
                        return this.changeRowExpand(key)
                    }
                    return (new _deferred.Deferred).resolve()
                }
                getRootNode() {
                    return this._dataSource && this._dataSource.getRootNode()
                }
                optionChanged(args) {
                    switch (args.name) {
                        case "rootValue":
                        case "parentIdExpr":
                        case "itemsExpr":
                        case "filterMode":
                        case "expandNodesOnFiltering":
                        case "autoExpandAll":
                        case "hasItemsExpr":
                        case "dataStructure":
                            this._columnsController.reset();
                            this._items = [];
                            this._refreshDataSource();
                            args.handled = true;
                            break;
                        case "expandedRowKeys":
                        case "onNodesInitialized":
                            if (this._dataSource && !this._dataSource._isNodesInitializing && !(0, _common.equalByValue)(args.value, args.previousValue)) {
                                this._loadOnOptionChange()
                            }
                            args.handled = true;
                            break;
                        case "maxFilterLengthInRequest":
                            args.handled = true;
                            break;
                        default:
                            super.optionChanged(args)
                    }
                }
                getNodeByKey(key) {
                    if (!this._dataSource) {
                        return
                    }
                    return this._dataSource.getNodeByKey(key)
                }
                getChildNodeKeys(parentKey) {
                    if (!this._dataSource) {
                        return
                    }
                    return this._dataSource.getChildNodeKeys(parentKey)
                }
                loadDescendants(keys, childrenOnly) {
                    if (!this._dataSource) {
                        return
                    }
                    return this._dataSource.loadDescendants(keys, childrenOnly)
                }
                forEachNode() {
                    this._dataSource.forEachNode.apply(this, arguments)
                }
            }
            exports.TreeListDataController = TreeListDataController;
            _m_core.default.registerModule("data", {
                defaultOptions: () => (0, _extend.extend)({}, _m_data_controller.dataControllerModule.defaultOptions(), {
                    itemsExpr: "items",
                    parentIdExpr: "parentId",
                    rootValue: 0,
                    dataStructure: "plain",
                    expandedRowKeys: [],
                    filterMode: "withAncestors",
                    expandNodesOnFiltering: true,
                    autoExpandAll: false,
                    onNodesInitialized: null,
                    maxFilterLengthInRequest: 1500,
                    paging: {
                        enabled: false
                    }
                }),
                controllers: {
                    data: TreeListDataController
                }
            })
        },
        39051(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.DataSourceAdapterTreeList = void 0;
            var _array_store = _interopRequireDefault(__webpack_require__( /*! ../../../../common/data/array_store */ 80556));
            var _array_utils = __webpack_require__( /*! ../../../../common/data/array_utils */ 43792);
            var _query = _interopRequireDefault(__webpack_require__( /*! ../../../../common/data/query */ 30771));
            var _store_helper = _interopRequireDefault(__webpack_require__( /*! ../../../../common/data/store_helper */ 66177));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../../../core/utils/data */ 31e3);
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/widget/ui.errors */ 35185));
            var _m_data_source_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../grids/grid_core/data_source_adapter/m_data_source_adapter */ 3120));
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../../../grids/grid_core/m_utils */ 53226));
            var _m_core = _interopRequireDefault(__webpack_require__( /*! ../m_core */ 99477));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                queryByOptions: queryByOptions
            } = _store_helper.default;
            const isFullBranchFilterMode = that => "fullBranch" === that.option("filterMode");
            const applySorting = (data, sort) => queryByOptions((0, _query.default)(data), {
                sort: sort
            }).toArray();
            class DataSourceAdapterTreeList extends _m_data_source_adapter.default {
                _createKeyGetter() {
                    const keyExpr = this.getKeyExpr();
                    return (0, _data.compileGetter)(keyExpr)
                }
                _createKeySetter() {
                    const keyExpr = this.getKeyExpr();
                    if ((0, _type.isFunction)(keyExpr)) {
                        return keyExpr
                    }
                    return (0, _data.compileSetter)(keyExpr)
                }
                createParentIdGetter() {
                    return (0, _data.compileGetter)(this.option("parentIdExpr"))
                }
                createParentIdSetter() {
                    const parentIdExpr = this.option("parentIdExpr");
                    if ((0, _type.isFunction)(parentIdExpr)) {
                        return parentIdExpr
                    }
                    return (0, _data.compileSetter)(parentIdExpr)
                }
                _createItemsGetter() {
                    return (0, _data.compileGetter)(this.option("itemsExpr"))
                }
                _createHasItemsGetter() {
                    const hasItemsExpr = this.option("hasItemsExpr");
                    return hasItemsExpr && (0, _data.compileGetter)(hasItemsExpr)
                }
                _createHasItemsSetter() {
                    const hasItemsExpr = this.option("hasItemsExpr");
                    if ((0, _type.isFunction)(hasItemsExpr)) {
                        return hasItemsExpr
                    }
                    return hasItemsExpr && (0, _data.compileSetter)(hasItemsExpr)
                }
                _updateIndexByKeyObject(items) {
                    const that = this;
                    that._indexByKey = {};
                    (0, _iterator.each)(items, (index, item) => {
                        that._indexByKey[item.key] = index
                    })
                }
                _calculateHasItems(node, options) {
                    const that = this;
                    const {
                        parentIds: parentIds
                    } = options.storeLoadOptions;
                    let hasItems;
                    const isFullBranch = isFullBranchFilterMode(that);
                    if (that._hasItemsGetter && (parentIds || !options.storeLoadOptions.filter || isFullBranch)) {
                        hasItems = that._hasItemsGetter(node.data)
                    }
                    if (void 0 === hasItems) {
                        if (!that._isChildrenLoaded[node.key] && options.remoteOperations.filtering && (parentIds || isFullBranch)) {
                            hasItems = true
                        } else if (options.loadOptions.filter && !options.remoteOperations.filtering && isFullBranch) {
                            hasItems = node.children.length
                        } else {
                            hasItems = node.hasChildren
                        }
                    }
                    return !!hasItems
                }
                _fillVisibleItemsByNodes(nodes, options, result) {
                    for (let i = 0; i < nodes.length; i++) {
                        if (nodes[i].visible) {
                            result.push(nodes[i])
                        }
                        if ((this.isRowExpanded(nodes[i].key, options) || !nodes[i].visible) && nodes[i].hasChildren && nodes[i].children.length) {
                            this._fillVisibleItemsByNodes(nodes[i].children, options, result)
                        }
                    }
                }
                _convertItemToNode(item, rootValue, nodeByKey) {
                    const key = this._keyGetter(item);
                    let parentId = this._parentIdGetter(item);
                    parentId = (0, _type.isDefined)(parentId) ? parentId : rootValue;
                    const parentNode = nodeByKey[parentId] = nodeByKey[parentId] || {
                        key: parentId,
                        children: []
                    };
                    const node = nodeByKey[key] = nodeByKey[key] || {
                        key: key,
                        children: []
                    };
                    node.data = item;
                    node.parent = parentNode;
                    return node
                }
                _createNodesByItems(items, visibleItems) {
                    const that = this;
                    const rootValue = that.option("rootValue");
                    const visibleByKey = {};
                    const nodeByKey = that._nodeByKey = {};
                    let i;
                    if (visibleItems) {
                        for (i = 0; i < visibleItems.length; i++) {
                            visibleByKey[this._keyGetter(visibleItems[i])] = true
                        }
                    }
                    for (i = 0; i < items.length; i++) {
                        const node = that._convertItemToNode(items[i], rootValue, nodeByKey);
                        if (void 0 === node.key) {
                            return
                        }
                        node.visible = !visibleItems || !!visibleByKey[node.key];
                        if (node.parent) {
                            node.parent.children.push(node)
                        }
                    }
                    const rootNode = nodeByKey[rootValue] || {
                        key: rootValue,
                        children: []
                    };
                    rootNode.level = -1;
                    return rootNode
                }
                _convertDataToPlainStructure(data, parentId, result) {
                    let key;
                    if (this._itemsGetter && !data.isConverted) {
                        result = result || [];
                        for (let i = 0; i < data.length; i++) {
                            const item = (0, _array_utils.createObjectWithChanges)(data[i]);
                            key = this._keyGetter(item);
                            if (void 0 === key) {
                                key = result.length + 1;
                                this._keySetter(item, key)
                            }
                            this._parentIdSetter(item, void 0 === parentId ? this.option("rootValue") : parentId);
                            result.push(item);
                            const childItems = this._itemsGetter(item);
                            if (childItems && childItems.length) {
                                this._convertDataToPlainStructure(childItems, key, result);
                                const itemsExpr = this.option("itemsExpr");
                                if (!(0, _type.isFunction)(itemsExpr)) {
                                    delete item[itemsExpr]
                                }
                            }
                        }
                        result.isConverted = true;
                        return result
                    }
                    return data
                }
                _createIdFilter(field, keys) {
                    const parentIdFilters = [];
                    for (let i = 0; i < keys.length; i++) {
                        parentIdFilters.push([field, "=", keys[i]])
                    }
                    return _m_utils.default.combineFilters(parentIdFilters, "or")
                }
                _customizeRemoteOperations(options, operationTypes) {
                    super._customizeRemoteOperations.apply(this, arguments);
                    options.remoteOperations.paging = false;
                    let expandVisibleNodes = false;
                    if (this.option("autoExpandAll")) {
                        options.remoteOperations.sorting = false;
                        options.remoteOperations.filtering = false;
                        if ((!this._lastLoadOptions || operationTypes.filtering && !options.storeLoadOptions.filter) && !options.isCustomLoading) {
                            expandVisibleNodes = true
                        }
                    }
                    if (!options.isCustomLoading) {
                        this._isReload = this._isReload || operationTypes.reload;
                        if (!options.cachedStoreData) {
                            this._isChildrenLoaded = {};
                            if (this._isReload) {
                                this._nodeByKey = {}
                            }
                        }
                        if (this.option("expandNodesOnFiltering") && (operationTypes.filtering || this._isReload && options.storeLoadOptions.filter)) {
                            if (options.storeLoadOptions.filter) {
                                expandVisibleNodes = true
                            } else {
                                options.collapseVisibleNodes = true
                            }
                        }
                    }
                    options.expandVisibleNodes = expandVisibleNodes
                }
                _getParentIdsToLoad(parentIds) {
                    const parentIdsToLoad = [];
                    for (let i = 0; i < parentIds.length; i++) {
                        const node = this.getNodeByKey(parentIds[i]);
                        if (!node || node.hasChildren && !node.children.length) {
                            parentIdsToLoad.push(parentIds[i])
                        }
                    }
                    return parentIdsToLoad
                }
                _handleCustomizeStoreLoadOptions(options) {
                    const rootValue = this.option("rootValue");
                    const parentIdExpr = this.option("parentIdExpr");
                    let {
                        parentIds: parentIds
                    } = options.storeLoadOptions;
                    if (parentIds) {
                        options.isCustomLoading = false
                    }
                    super._handleCustomizeStoreLoadOptions.apply(this, arguments);
                    if (options.remoteOperations.filtering && !options.isCustomLoading) {
                        if (isFullBranchFilterMode(this) && options.cachedStoreData || !options.storeLoadOptions.filter) {
                            const expandedRowKeys = options.collapseVisibleNodes ? [] : this.option("expandedRowKeys");
                            parentIds = [rootValue].concat(expandedRowKeys).concat(parentIds || []);
                            const parentIdsToLoad = options.data ? this._getParentIdsToLoad(parentIds) : parentIds;
                            if (parentIdsToLoad.length) {
                                options.cachedPagingData = void 0;
                                options.data = void 0;
                                options.mergeStoreLoadData = true;
                                options.delay = this.option("loadingTimeout")
                            }
                            options.storeLoadOptions.parentIds = parentIdsToLoad;
                            options.storeLoadOptions.filter = this._createIdFilter(parentIdExpr, parentIdsToLoad)
                        }
                    }
                }
                _generateInfoToLoad(data, needChildren) {
                    const that = this;
                    let key;
                    const keyMap = {};
                    const resultKeyMap = {};
                    const resultKeys = [];
                    const rootValue = that.option("rootValue");
                    let i;
                    for (i = 0; i < data.length; i++) {
                        key = needChildren ? that._parentIdGetter(data[i]) : that._keyGetter(data[i]);
                        keyMap[key] = true
                    }
                    for (i = 0; i < data.length; i++) {
                        key = needChildren ? that._keyGetter(data[i]) : that._parentIdGetter(data[i]);
                        const needToLoad = needChildren ? that.isRowExpanded(key) : key !== rootValue;
                        if (!keyMap[key] && !resultKeyMap[key] && needToLoad) {
                            resultKeyMap[key] = true;
                            resultKeys.push(key)
                        }
                    }
                    return {
                        keyMap: resultKeyMap,
                        keys: resultKeys
                    }
                }
                _isOperationIdOutdated(operationId) {
                    return void 0 !== operationId && void 0 !== this._lastOperationId && operationId !== this._lastOperationId
                }
                _loadParentsOrChildren(data, options, needChildren) {
                    var _options$storeLoadOpt, _options$loadOptions;
                    if (this._isOperationIdOutdated(options.operationId)) {
                        this._dataSource.cancel(options.operationId);
                        const rejectedDeferred = new _deferred.Deferred;
                        rejectedDeferred.reject();
                        return rejectedDeferred
                    }
                    let filter;
                    let needLocalFiltering;
                    const {
                        keys: keys,
                        keyMap: keyMap
                    } = this._generateInfoToLoad(data, needChildren);
                    const d = new _deferred.Deferred;
                    const isRemoteFiltering = options.remoteOperations.filtering;
                    const maxFilterLengthInRequest = this.option("maxFilterLengthInRequest");
                    const sort = (null === (_options$storeLoadOpt = options.storeLoadOptions) || void 0 === _options$storeLoadOpt ? void 0 : _options$storeLoadOpt.sort) ?? (null === (_options$loadOptions = options.loadOptions) || void 0 === _options$loadOptions ? void 0 : _options$loadOptions.sort);
                    let loadOptions = isRemoteFiltering ? options.storeLoadOptions : options.loadOptions;
                    const concatLoadedData = loadedData => {
                        if (isRemoteFiltering) {
                            this._cachedStoreData = applySorting(this._cachedStoreData.concat(loadedData), sort)
                        }
                        return applySorting(data.concat(loadedData), sort)
                    };
                    if (!keys.length) {
                        return d.resolve(data)
                    }
                    let cachedNodes = keys.map(id => this.getNodeByKey(id)).filter(node => node && node.data);
                    if (cachedNodes.length === keys.length) {
                        if (needChildren) {
                            cachedNodes = cachedNodes.reduce((result, node) => result.concat(node.children), [])
                        }
                        if (cachedNodes.length) {
                            return this._loadParentsOrChildren(concatLoadedData(cachedNodes.map(node => node.data)), options, needChildren)
                        }
                    }
                    const keyExpr = needChildren ? this.option("parentIdExpr") : this.getKeyExpr();
                    filter = this._createIdFilter(keyExpr, keys);
                    const filterLength = encodeURI(JSON.stringify(filter)).length;
                    if (filterLength > maxFilterLengthInRequest) {
                        filter = itemData => keyMap[needChildren ? this._parentIdGetter(itemData) : this._keyGetter(itemData)];
                        needLocalFiltering = isRemoteFiltering
                    }
                    loadOptions = (0, _extend.extend)({}, loadOptions, {
                        filter: !needLocalFiltering ? filter : null
                    });
                    const store = options.fullData ? new _array_store.default(options.fullData) : this._dataSource.store();
                    this.loadFromStore(loadOptions, store).done(loadedData => {
                        if (this._isOperationIdOutdated(options.operationId)) {
                            d.reject();
                            return
                        }
                        if (loadedData.length) {
                            if (needLocalFiltering) {
                                loadedData = (0, _query.default)(loadedData).filter(filter).toArray()
                            }
                            this._loadParentsOrChildren(concatLoadedData(loadedData), options, needChildren).done(d.resolve).fail(d.reject)
                        } else {
                            d.resolve(data)
                        }
                    }).fail(d.reject);
                    return d
                }
                _loadParents(data, options) {
                    return this._loadParentsOrChildren(data, options)
                }
                _loadChildrenIfNeed(data, options) {
                    if (isFullBranchFilterMode(this)) {
                        return this._loadParentsOrChildren(data, options, true)
                    }
                    return (0, _deferred.when)(data)
                }
                _updateHasItemsMap(options) {
                    const {
                        parentIds: parentIds
                    } = options.storeLoadOptions;
                    if (parentIds) {
                        for (let i = 0; i < parentIds.length; i++) {
                            this._isChildrenLoaded[parentIds[i]] = true
                        }
                    }
                }
                _getKeyInfo() {
                    return {
                        key: () => "key",
                        keyOf: data => data.key
                    }
                }
                _processChanges(changes) {
                    let processedChanges = [];
                    changes.forEach(change => {
                        if ("insert" === change.type) {
                            processedChanges = processedChanges.concat(this._applyInsert(change))
                        } else if ("remove" === change.type) {
                            processedChanges = processedChanges.concat(this._applyRemove(change))
                        } else if ("update" === change.type) {
                            processedChanges.push({
                                type: change.type,
                                key: change.key,
                                data: {
                                    data: change.data
                                }
                            })
                        }
                    });
                    return processedChanges
                }
                _handleChanging(e) {
                    super._handleChanging.apply(this, arguments);
                    e.postProcessChanges = changes => {
                        const changesToProcess = changes.filter(item => "update" === item.type);
                        return this._processChanges(changesToProcess)
                    }
                }
                _applyBatch(changes) {
                    const processedChanges = this._processChanges(changes);
                    super._applyBatch(processedChanges)
                }
                _setHasItems(node, value) {
                    const hasItemsSetter = this._hasItemsSetter;
                    node.hasChildren = value;
                    if (hasItemsSetter && node.data) {
                        hasItemsSetter(node.data, value)
                    }
                }
                _applyInsert(change) {
                    const that = this;
                    const baseChanges = [];
                    const parentId = that.parentKeyOf(change.data);
                    const parentNode = that.getNodeByKey(parentId);
                    if (parentNode) {
                        const rootValue = that.option("rootValue");
                        const node = that._convertItemToNode(change.data, rootValue, that._nodeByKey);
                        node.hasChildren = false;
                        node.level = parentNode.level + 1;
                        node.visible = true;
                        parentNode.children.push(node);
                        that._isChildrenLoaded[node.key] = true;
                        that._setHasItems(parentNode, true);
                        if ((!parentNode.parent || that.isRowExpanded(parentNode.key)) && void 0 !== change.index) {
                            let index = that.items().indexOf(parentNode) + 1;
                            index += change.index >= 0 ? Math.min(change.index, parentNode.children.length) : parentNode.children.length;
                            baseChanges.push({
                                type: change.type,
                                data: node,
                                index: index
                            })
                        }
                    }
                    return baseChanges
                }
                _needToCopyDataObject() {
                    return false
                }
                _applyRemove(change) {
                    let baseChanges = [];
                    const node = this.getNodeByKey(change.key);
                    const parentNode = node && node.parent;
                    if (parentNode) {
                        const index = parentNode.children.indexOf(node);
                        if (index >= 0) {
                            parentNode.children.splice(index, 1);
                            if (!parentNode.children.length) {
                                this._setHasItems(parentNode, false)
                            }
                            baseChanges.push(change);
                            baseChanges = baseChanges.concat(this.getChildNodeKeys(change.key).map(key => ({
                                type: change.type,
                                key: key
                            })))
                        }
                    }
                    return baseChanges
                }
                _handleDataLoaded(options) {
                    const data = options.data = this._convertDataToPlainStructure(options.data);
                    if (!options.remoteOperations.filtering && options.loadOptions.filter) {
                        options.fullData = queryByOptions((0, _query.default)(options.data), {
                            sort: options.loadOptions && options.loadOptions.sort
                        }).toArray()
                    }
                    this._updateHasItemsMap(options);
                    super._handleDataLoaded(options);
                    if (data.isConverted && this._cachedStoreData) {
                        this._cachedStoreData.isConverted = true
                    }
                }
                _fillNodes(nodes, options, expandedRowKeys, level) {
                    const isFullBranch = isFullBranchFilterMode(this);
                    level = level || 0;
                    for (let i = 0; i < nodes.length; i++) {
                        const node = nodes[i];
                        let needToExpand = false;
                        this._fillNodes(nodes[i].children, options, expandedRowKeys, level + 1);
                        node.level = level;
                        node.hasChildren = this._calculateHasItems(node, options);
                        if (node.visible && node.hasChildren) {
                            if (isFullBranch) {
                                if (node.children.filter(node => node.visible).length) {
                                    needToExpand = true
                                } else if (node.children.length) {
                                    _m_core.default.foreachNodes(node.children, node => {
                                        node.visible = true
                                    })
                                }
                            } else {
                                needToExpand = true
                            }
                            if (options.expandVisibleNodes && needToExpand) {
                                expandedRowKeys.push(node.key)
                            }
                        }
                        if (node.visible || node.hasChildren) {
                            node.parent.hasChildren = true
                        }
                    }
                }
                _processTreeStructure(options, visibleItems) {
                    let {
                        data: data
                    } = options;
                    const {
                        parentIds: parentIds
                    } = options.storeLoadOptions;
                    const expandedRowKeys = [];
                    if (parentIds && parentIds.length || this._isReload) {
                        if (options.fullData) {
                            data = options.fullData;
                            visibleItems = visibleItems || options.data
                        }
                        this._rootNode = this._createNodesByItems(data, visibleItems);
                        if (!this._rootNode) {
                            options.data = (new _deferred.Deferred).reject(_ui.default.Error("E1046", this.getKeyExpr()));
                            return
                        }
                        this._fillNodes(this._rootNode.children, options, expandedRowKeys);
                        this._isNodesInitializing = true;
                        if (options.collapseVisibleNodes || expandedRowKeys.length) {
                            this.option("expandedRowKeys", expandedRowKeys)
                        }
                        this._isReload = false;
                        this.executeAction("onNodesInitialized", {
                            root: this._rootNode
                        });
                        this._isNodesInitializing = false
                    }
                    const resultData = [];
                    this._fillVisibleItemsByNodes(this._rootNode.children, options, resultData);
                    options.data = resultData;
                    this._totalItemsCount = resultData.length
                }
                _handleDataLoadedCore(options) {
                    const that = this;
                    const {
                        data: data
                    } = options;
                    const filter = options.storeLoadOptions.filter || options.loadOptions.filter;
                    const filterMode = that.option("filterMode");
                    let visibleItems;
                    const {
                        parentIds: parentIds
                    } = options.storeLoadOptions;
                    const needLoadParents = filter && (!parentIds || !parentIds.length) && "standard" !== filterMode;
                    if (!options.isCustomLoading) {
                        if (needLoadParents) {
                            const d = options.data = new _deferred.Deferred;
                            if ("matchOnly" === filterMode) {
                                visibleItems = data
                            }
                            return that._loadParents(data, options).done(data => {
                                that._loadChildrenIfNeed(data, options).done(data => {
                                    options.data = data;
                                    that._processTreeStructure(options, visibleItems);
                                    super._handleDataLoadedCore.call(that, options);
                                    d.resolve(options.data)
                                })
                            }).fail(d.reject)
                        }
                        that._processTreeStructure(options)
                    }
                    super._handleDataLoadedCore(options)
                }
                _handlePush(_ref) {
                    let {
                        changes: changes
                    } = _ref;
                    const reshapeOnPush = this._dataSource._reshapeOnPush;
                    const isNeedReshape = reshapeOnPush && !!changes.length;
                    if (isNeedReshape) {
                        this._isReload = true
                    }
                    changes.forEach(change => {
                        change.index ?? (change.index = -1)
                    });
                    super._handlePush.apply(this, arguments)
                }
                init(dataSource, remoteOperations) {
                    super.init.apply(this, arguments);
                    const dataStructure = this.option("dataStructure");
                    this._keyGetter = this._createKeyGetter();
                    this._parentIdGetter = this.createParentIdGetter();
                    this._hasItemsGetter = this._createHasItemsGetter();
                    this._hasItemsSetter = this._createHasItemsSetter();
                    if ("tree" === dataStructure) {
                        this._itemsGetter = this._createItemsGetter();
                        this._keySetter = this._createKeySetter();
                        this._parentIdSetter = this.createParentIdSetter()
                    }
                    this._nodeByKey = {};
                    this._isChildrenLoaded = {};
                    this._totalItemsCount = 0;
                    this.createAction("onNodesInitialized")
                }
                getKeyExpr() {
                    const store = this.store();
                    const key = store && store.key();
                    const keyExpr = this.option("keyExpr");
                    if ((0, _type.isDefined)(key) && (0, _type.isDefined)(keyExpr)) {
                        if (!(0, _common.equalByValue)(key, keyExpr)) {
                            throw _ui.default.Error("E1044")
                        }
                    }
                    return key || keyExpr || "id"
                }
                keyOf(data) {
                    return this._keyGetter && this._keyGetter(data)
                }
                parentKeyOf(data) {
                    return this._parentIdGetter && this._parentIdGetter(data)
                }
                getRootNode() {
                    return this._rootNode
                }
                totalItemsCount() {
                    return this._totalItemsCount + this._totalCountCorrection
                }
                isRowExpanded(key, cache) {
                    if (cache) {
                        let {
                            isExpandedByKey: isExpandedByKey
                        } = cache;
                        if (!isExpandedByKey) {
                            const expandedRowKeys = this.option("expandedRowKeys") ?? [];
                            isExpandedByKey = cache.isExpandedByKey = {};
                            expandedRowKeys.forEach(key => {
                                isExpandedByKey[key] = true
                            })
                        }
                        return !!isExpandedByKey[key]
                    }
                    const indexExpandedNodeKey = _m_utils.default.getIndexByKey(key, this.option("expandedRowKeys"), null);
                    return indexExpandedNodeKey >= 0
                }
                _changeRowExpandCore(key) {
                    const expandedRowKeys = this.option("expandedRowKeys").slice();
                    const indexExpandedNodeKey = _m_utils.default.getIndexByKey(key, expandedRowKeys, null);
                    if (indexExpandedNodeKey < 0) {
                        expandedRowKeys.push(key)
                    } else {
                        expandedRowKeys.splice(indexExpandedNodeKey, 1)
                    }
                    this.option("expandedRowKeys", expandedRowKeys)
                }
                changeRowExpand(key) {
                    this._changeRowExpandCore(key);
                    return this._isNodesInitializing ? (new _deferred.Deferred).resolve() : this.load()
                }
                getNodeByKey(key) {
                    if (this._nodeByKey) {
                        return this._nodeByKey[key]
                    }
                }
                getNodeLeafKeys() {
                    const that = this;
                    const result = [];
                    const keys = that._rootNode ? [that._rootNode.key] : [];
                    keys.forEach(key => {
                        const node = that.getNodeByKey(key);
                        node && _m_core.default.foreachNodes([node], childNode => {
                            !childNode.children.length && result.push(childNode.key)
                        })
                    });
                    return result
                }
                getChildNodeKeys(parentKey) {
                    const node = this.getNodeByKey(parentKey);
                    const childrenKeys = [];
                    node && _m_core.default.foreachNodes(node.children, childNode => {
                        childrenKeys.push(childNode.key)
                    });
                    return childrenKeys
                }
                loadDescendants(keys, childrenOnly) {
                    const that = this;
                    const d = new _deferred.Deferred;
                    const remoteOperations = that.remoteOperations();
                    if ((0, _type.isDefined)(keys)) {
                        keys = Array.isArray(keys) ? keys : [keys]
                    } else {
                        keys = that.getNodeLeafKeys()
                    }
                    if (!remoteOperations.filtering || !keys.length) {
                        return d.resolve()
                    }
                    const loadOptions = that._dataSource._createStoreLoadOptions();
                    loadOptions.parentIds = keys;
                    that.load(loadOptions).done(() => {
                        if (!childrenOnly) {
                            const childKeys = function(that, keys) {
                                const childKeys = [];
                                keys.forEach(key => {
                                    const node = that.getNodeByKey(key);
                                    node && node.children.forEach(child => {
                                        childKeys.push(child.key)
                                    })
                                });
                                return childKeys
                            }(that, keys);
                            if (childKeys.length) {
                                that.loadDescendants(childKeys, childrenOnly).done(d.resolve).fail(d.reject);
                                return
                            }
                        }
                        d.resolve()
                    }).fail(d.reject);
                    return d.promise()
                }
                forEachNode() {
                    let nodes = [];
                    let callback;
                    if (1 === arguments.length) {
                        callback = arguments[0];
                        const rootNode = this.getRootNode();
                        nodes = rootNode && rootNode.children || []
                    } else if (2 === arguments.length) {
                        callback = arguments[1];
                        nodes = arguments[0];
                        nodes = Array.isArray(nodes) ? nodes : [nodes]
                    }
                    _m_core.default.foreachNodes(nodes, callback)
                }
            }
            exports.DataSourceAdapterTreeList = DataSourceAdapterTreeList;
            let DataSourceAdapterTreeListType = DataSourceAdapterTreeList;
            exports.default = {
                extend(extender) {
                    DataSourceAdapterTreeListType = extender(DataSourceAdapterTreeListType)
                },
                create: component => new DataSourceAdapterTreeListType(component)
            }
        },
        53343(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../module_not_extended/editor_factory */ 16109);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/widget/ui.errors */ 35185));
            var _m_editing = __webpack_require__( /*! ../../../grids/grid_core/editing/m_editing */ 13876);
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../../../grids/grid_core/m_utils */ 53226));
            var _m_core = _interopRequireDefault(__webpack_require__( /*! ../m_core */ 99477));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class EditingController extends _m_editing.editingModule.controllers.editing {
                _generateNewItem(key) {
                    const item = super._generateNewItem(key);
                    item.data = {
                        key: key
                    };
                    item.children = [];
                    item.level = 0;
                    item.parentKey = this.option("rootValue");
                    return item
                }
                _isProcessedItem() {
                    return true
                }
                _setInsertAfterOrBeforeKey(change, parentKey) {
                    const dataSourceAdapter = this._dataController.dataSource();
                    const key = parentKey || (null === dataSourceAdapter || void 0 === dataSourceAdapter ? void 0 : dataSourceAdapter.parentKeyOf(change.data));
                    if (void 0 !== key && key !== this.option("rootValue")) {
                        change.insertAfterKey = key
                    } else {
                        super._setInsertAfterOrBeforeKey.apply(this, arguments)
                    }
                }
                _getLoadedRowIndex(items, change) {
                    const dataSourceAdapter = this._dataController.dataSource();
                    const parentKey = null === dataSourceAdapter || void 0 === dataSourceAdapter ? void 0 : dataSourceAdapter.parentKeyOf(change.data);
                    if (void 0 !== parentKey && parentKey !== this.option("rootValue")) {
                        const rowIndex = _m_utils.default.getIndexByKey(parentKey, items);
                        if (rowIndex >= 0 && this._dataController.isRowExpanded(parentKey)) {
                            return super._getLoadedRowIndex.apply(this, arguments)
                        }
                        return -1
                    }
                    return super._getLoadedRowIndex.apply(this, arguments)
                }
                _isEditColumnVisible() {
                    const result = super._isEditColumnVisible.apply(this, arguments);
                    const editingOptions = this.option("editing");
                    return result || editingOptions.allowAdding
                }
                _isDefaultButtonVisible(button, options) {
                    const result = super._isDefaultButtonVisible.apply(this, arguments);
                    const {
                        row: row
                    } = options;
                    if ("add" === button.name) {
                        return this.allowAdding(options) && row.rowIndex !== this._getVisibleEditRowIndex() && !(row.removed || row.isNewRow)
                    }
                    return result
                }
                _getEditingButtons(options) {
                    const buttons = super._getEditingButtons.apply(this, arguments);
                    if (!options.column.buttons) {
                        buttons.unshift(this._getButtonConfig("add", options))
                    }
                    return buttons
                }
                _beforeSaveEditData(change) {
                    const result = super._beforeSaveEditData.apply(this, arguments);
                    if (change && "insert" !== change.type) {
                        var _this$_dataController;
                        const store = null === (_this$_dataController = this._dataController) || void 0 === _this$_dataController ? void 0 : _this$_dataController.store();
                        const key = null === store || void 0 === store ? void 0 : store.key();
                        if (!(0, _type.isDefined)(key)) {
                            throw _ui.default.Error("E1045")
                        }
                    }
                    return result
                }
                addRowByRowIndex(rowIndex) {
                    const row = this._dataController.getVisibleRows()[rowIndex];
                    return this.addRow(row ? row.key : void 0)
                }
                addRow(key) {
                    if (void 0 === key) {
                        key = this.option("rootValue")
                    }
                    return super.addRow.call(this, key)
                }
                _addRowCore(data, parentKey, oldEditRowIndex) {
                    const rootValue = this.option("rootValue");
                    const dataSourceAdapter = this._dataController.dataSource();
                    const parentKeyGetter = dataSourceAdapter.createParentIdGetter();
                    parentKey = parentKeyGetter(data);
                    if (void 0 !== parentKey && parentKey !== rootValue && !this._dataController.isRowExpanded(parentKey)) {
                        const deferred = new _deferred.Deferred;
                        this._dataController.expandRow(parentKey).done(() => {
                            setTimeout(() => {
                                super._addRowCore.call(this, data, parentKey, oldEditRowIndex).done(deferred.resolve).fail(deferred.reject)
                            })
                        }).fail(deferred.reject);
                        return deferred.promise()
                    }
                    return super._addRowCore.call(this, data, parentKey, oldEditRowIndex)
                }
                _initNewRow(options, parentKey) {
                    const dataSourceAdapter = this._dataController.dataSource();
                    const parentIdSetter = dataSourceAdapter.createParentIdSetter();
                    parentIdSetter(options.data, parentKey);
                    return super._initNewRow.apply(this, arguments)
                }
                allowAdding(options) {
                    return this._allowEditAction("allowAdding", options)
                }
                _needToCloseEditableCell($targetElement) {
                    return super._needToCloseEditableCell.apply(this, arguments) || $targetElement.closest(".dx-treelist-icon-container").length && this.isEditing()
                }
                getButtonLocalizationNames() {
                    const names = super.getButtonLocalizationNames.apply(this);
                    names.add = "dxTreeList-editingAddRowToNode";
                    return names
                }
            }
            _m_core.default.registerModule("editing", {
                defaultOptions: () => (0, _extend.extend)(true, _m_editing.editingModule.defaultOptions(), {
                    editing: {
                        texts: {
                            addRowToNode: _message.default.format("dxTreeList-editingAddRowToNode")
                        }
                    }
                }),
                controllers: {
                    editing: EditingController
                },
                extenders: {
                    controllers: {
                        data: Base => class extends((0, _m_editing.dataControllerEditingExtenderMixin)(Base)) {
                            changeRowExpand() {
                                this._editingController.refresh();
                                return super.changeRowExpand.apply(this, arguments)
                            }
                        }
                    },
                    views: {
                        rowsView: Base => class extends(_m_editing.editingModule.extenders.views.rowsView(Base)) {
                            _renderCellCommandContent($container, options) {
                                const editingController = this._editingController;
                                const isEditRow = options.row && editingController.isEditRow(options.row.rowIndex);
                                const isEditing = options.isEditing || isEditRow;
                                if (!options.isOnForm && !isEditing) {
                                    return super._renderCellCommandContent.apply(this, arguments)
                                }
                                return false
                            }
                            validateClick(e) {
                                const $targetElement = (0, _renderer.default)(e.event.target);
                                const originalClickHandler = "dxdblclick" === e.event.type ? super._rowDblClick : super._rowClick;
                                if ($targetElement.closest(".dx-select-checkbox").length) {
                                    return false
                                }
                                return !this.needToCallOriginalClickHandler(e, originalClickHandler)
                            }
                            needToCallOriginalClickHandler(e, originalClickHandler) {
                                const $targetElement = (0, _renderer.default)(e.event.target);
                                if (!$targetElement.closest(".dx-treelist-icon-container").length) {
                                    originalClickHandler.call(this, e);
                                    return true
                                }
                                return false
                            }
                            _rowClick(e) {
                                if (this.validateClick(e)) {
                                    super._rowClickTreeListHack.apply(this, arguments)
                                }
                            }
                            _rowDblClick(e) {
                                if (this.validateClick(e)) {
                                    super._rowDblClickTreeListHack.apply(this, arguments)
                                }
                            }
                        },
                        headerPanel: _m_editing.editingModule.extenders.views.headerPanel
                    }
                }
            })
        },
        84538(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _m_columns_controller = __webpack_require__( /*! ../../grids/grid_core/columns_controller/m_columns_controller */ 17798);
            var _m_core = (e = __webpack_require__( /*! ./m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            class TreeListColumnsController extends _m_columns_controller.ColumnsController {
                _getFirstItems(dataSourceAdapter) {
                    return super._getFirstItems(dataSourceAdapter).map(node => node.data)
                }
                getFirstDataColumnIndex() {
                    const visibleColumns = this.getVisibleColumns();
                    const visibleColumnsLength = visibleColumns.length;
                    let firstDataColumnIndex = 0;
                    for (let i = 0; i <= visibleColumnsLength - 1; i++) {
                        if (!(0, _type.isDefined)(visibleColumns[i].command)) {
                            firstDataColumnIndex = visibleColumns[i].index;
                            break
                        }
                    }
                    return firstDataColumnIndex
                }
            }
            _m_core.default.registerModule("columns", {
                defaultOptions: _m_columns_controller.columnsControllerModule.defaultOptions,
                controllers: {
                    columns: TreeListColumnsController
                }
            })
        },
        99477(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _m_modules = (e = __webpack_require__( /*! ../../grids/grid_core/m_modules */ 74854), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = (0, _extend.extend)({}, _m_modules.default, {
                modules: [],
                foreachNodes(nodes, callBack, ignoreHasChildren) {
                    for (let i = 0; i < nodes.length; i++) {
                        if (false !== callBack(nodes[i]) && (ignoreHasChildren || nodes[i].hasChildren) && nodes[i].children.length) {
                            this.foreachNodes(nodes[i].children, callBack, ignoreHasChildren)
                        }
                    }
                }
            })
        },
        4788(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _m_focus = __webpack_require__( /*! ../../grids/grid_core/focus/m_focus */ 51628);
            var _m_core = (e = __webpack_require__( /*! ./m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("focus", Object.assign({}, _m_focus.focusModule, {
                extenders: Object.assign({}, _m_focus.focusModule.extenders, {
                    controllers: Object.assign({}, _m_focus.focusModule.extenders.controllers, {
                        data: Base => class extends(_m_focus.focusModule.extenders.controllers.data(Base)) {
                            changeRowExpand(key) {
                                if (this.option("focusedRowEnabled") && this.isRowExpanded(key)) {
                                    if (this._isFocusedRowInside(key)) {
                                        this.option("focusedRowKey", key)
                                    }
                                }
                                return super.changeRowExpand.apply(this, arguments)
                            }
                            _isFocusedRowInside(parentKey) {
                                const focusedRowKey = this.option("focusedRowKey");
                                const rowIndex = this.getRowIndexByKey(focusedRowKey);
                                const focusedRow = rowIndex >= 0 && this.getVisibleRows()[rowIndex];
                                let parent = focusedRow && focusedRow.node.parent;
                                while (parent) {
                                    if (parent.key === parentKey) {
                                        return true
                                    }
                                    parent = parent.parent
                                }
                                return false
                            }
                            getParentKey(key) {
                                const dataSource = this._dataSource;
                                const node = this.getNodeByKey(key);
                                const d = new _deferred.Deferred;
                                if (node) {
                                    d.resolve(node.parent ? node.parent.key : void 0)
                                } else {
                                    dataSource.load({
                                        filter: [dataSource.getKeyExpr(), "=", key]
                                    }).done(items => {
                                        const parentData = items[0];
                                        if (parentData) {
                                            d.resolve(dataSource.parentKeyOf(parentData))
                                        } else {
                                            d.resolve()
                                        }
                                    }).fail(d.reject)
                                }
                                return d.promise()
                            }
                            expandAscendants(key) {
                                const that = this;
                                const dataSource = that._dataSource;
                                const d = new _deferred.Deferred;
                                that.getParentKey(key).done(parentKey => {
                                    if (dataSource && void 0 !== parentKey && parentKey !== that.option("rootValue")) {
                                        dataSource._isNodesInitializing = true;
                                        that.expandRow(parentKey);
                                        dataSource._isNodesInitializing = false;
                                        that.expandAscendants(parentKey).done(d.resolve).fail(d.reject)
                                    } else {
                                        d.resolve()
                                    }
                                }).fail(d.reject);
                                return d.promise()
                            }
                            getPageIndexByKey(key) {
                                const that = this;
                                const dataSource = that._dataSource;
                                const d = new _deferred.Deferred;
                                that.expandAscendants(key).done(() => {
                                    dataSource.load({
                                        parentIds: []
                                    }).done(nodes => {
                                        const offset = function(items, callback) {
                                            let result = -1;
                                            items.forEach((node, index) => {
                                                if (callback(node)) {
                                                    result = index
                                                }
                                            });
                                            return result
                                        }(nodes, node => that.keyOf(node.data) === key);
                                        let pageIndex = -1;
                                        if (offset >= 0) {
                                            pageIndex = Math.floor(offset / that.pageSize())
                                        }
                                        d.resolve(pageIndex)
                                    }).fail(d.reject)
                                }).fail(d.reject);
                                return d.promise()
                            }
                        }
                    })
                })
            }))
        },
        77188(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_grid_view = __webpack_require__( /*! ../../grids/grid_core/views/m_grid_view */ 33706);
            var _m_core = (e = __webpack_require__( /*! ./m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            class TreeListResizingController extends _m_grid_view.ResizingController {
                constructor() {
                    super(...arguments);
                    this._expandableWidgetAriaId = "dxTreeList-ariaExpandableInstruction"
                }
                _getWidgetAriaLabel() {
                    return "dxTreeList-ariaTreeList"
                }
                _toggleBestFitMode(isBestFit) {
                    super._toggleBestFitMode(isBestFit);
                    const $rowsTable = this._rowsView.getTableElement();
                    $rowsTable.find(".dx-treelist-cell-expandable").toggleClass(this.addWidgetPrefix("best-fit"), isBestFit)
                }
            }
            _m_core.default.registerModule("gridView", {
                defaultOptions: _m_grid_view.gridViewModule.defaultOptions,
                controllers: Object.assign({}, _m_grid_view.gridViewModule.controllers, {
                    resizing: TreeListResizingController
                }),
                views: _m_grid_view.gridViewModule.views
            })
        },
        90264(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _m_keyboard_navigation = __webpack_require__( /*! ../../grids/grid_core/keyboard_navigation/m_keyboard_navigation */ 4628);
            var _scrollable_a11y = __webpack_require__( /*! ../../grids/grid_core/keyboard_navigation/scrollable_a11y */ 47526);
            var _m_core = (e = __webpack_require__( /*! ./m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("keyboardNavigation", (0, _extend.extend)(true, {}, _m_keyboard_navigation.keyboardNavigationModule, {
                extenders: {
                    controllers: {
                        keyboardNavigation: Base => class extends((0, _scrollable_a11y.keyboardNavigationScrollableA11yExtender)(Base)) {
                            _leftRightKeysHandler(eventArgs, _isEditing) {
                                const rowIndex = this.getVisibleRowIndex();
                                const dataController = this._dataController;
                                if (eventArgs.ctrl) {
                                    const directionCode = this._getDirectionCodeByKey(eventArgs.keyName);
                                    const key = dataController.getKeyByRowIndex(rowIndex);
                                    if ("nextInRow" === directionCode) {
                                        dataController.expandRow(key)
                                    } else {
                                        dataController.collapseRow(key)
                                    }
                                } else {
                                    return super._leftRightKeysHandler.apply(this, arguments)
                                }
                            }
                        }
                    }
                }
            }))
        },
        62434(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _m_master_detail = __webpack_require__( /*! ../../grids/grid_core/master_detail/m_master_detail */ 11052);
            var _m_core = (e = __webpack_require__( /*! ./m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("masterDetail", (0, _extend.extend)(true, {}, _m_master_detail.masterDetailModule, {
                extenders: {
                    controllers: {
                        data: Base => class extends((0, _m_master_detail.dataMasterDetailExtenderMixin)(Base)) {
                            isRowExpanded() {
                                return this.isRowExpandedHack.apply(this, arguments)
                            }
                            _processItems() {
                                return this._processItemsHack.apply(this, arguments)
                            }
                            _processDataItem() {
                                return this._processDataItemHack.apply(this, arguments)
                            }
                        }
                    }
                }
            }))
        },
        30816(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_state_storing = __webpack_require__( /*! ../../grids/grid_core/state_storing/m_state_storing */ 87960);
            var _m_core = (e = __webpack_require__( /*! ./m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("stateStoring", Object.assign({}, _m_state_storing.stateStoringModule, {
                extenders: Object.assign({}, _m_state_storing.stateStoringModule.extenders, {
                    controllers: Object.assign({}, _m_state_storing.stateStoringModule.extenders.controllers, {
                        stateStoring: Base => class extends(_m_state_storing.stateStoringModule.extenders.controllers.stateStoring(Base)) {
                            applyState(state) {
                                super.applyState(state);
                                this.option("expandedRowKeys", state.expandedRowKeys ? state.expandedRowKeys.slice() : [])
                            }
                        },
                        data: Base => class extends(_m_state_storing.stateStoringModule.extenders.controllers.data(Base)) {
                            getUserState() {
                                const state = super.getUserState();
                                if (!this.option("autoExpandAll")) {
                                    state.expandedRowKeys = this.option("expandedRowKeys")
                                }
                                return state
                            }
                        }
                    })
                })
            }))
        },
        52735(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_validating = __webpack_require__( /*! ../../grids/grid_core/validating/m_validating */ 52932);
            var _m_core = (e = __webpack_require__( /*! ./m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("validating", {
                defaultOptions: _m_validating.validatingModule.defaultOptions,
                controllers: _m_validating.validatingModule.controllers,
                extenders: {
                    controllers: {
                        editing: Base => class extends(_m_validating.validatingModule.extenders.controllers.editing(Base)) {
                            processDataItem(item) {
                                super.processDataItemTreeListHack.apply(this, arguments)
                            }
                            processItems(items, e) {
                                return super.processItemsTreeListHack.apply(this, arguments)
                            }
                        },
                        editorFactory: _m_validating.validatingModule.extenders.controllers.editorFactory
                    },
                    views: _m_validating.validatingModule.extenders.views
                }
            })
        },
        21291(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../../grids/grid_core/m_utils */ 53226));
            var _m_virtual_scrolling = __webpack_require__( /*! ../../grids/grid_core/virtual_scrolling/m_virtual_scrolling */ 21640);
            var _m_data_source_adapter = _interopRequireDefault(__webpack_require__( /*! ./data_source_adapter/m_data_source_adapter */ 39051));
            var _m_core = _interopRequireDefault(__webpack_require__( /*! ./m_core */ 99477));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const oldDefaultOptions = _m_virtual_scrolling.virtualScrollingModule.defaultOptions;
            _m_virtual_scrolling.virtualScrollingModule.extenders.views.rowsView = Base => class extends((0, _m_virtual_scrolling.rowsView)(Base)) {
                _handleDataChanged(e) {
                    const {
                        operationTypes: operationTypes
                    } = e;
                    if (null !== e && void 0 !== e && e.isDataChanged && _m_utils.default.isVirtualRowRendering(this) && operationTypes) {
                        const {
                            fullReload: fullReload,
                            pageIndex: pageIndex
                        } = operationTypes;
                        if (!fullReload && pageIndex) {
                            this._updateContentPosition()
                        }
                    }
                    super._handleDataChanged(e)
                }
            };
            _m_virtual_scrolling.virtualScrollingModule.extenders.controllers.data = Base => class extends((0, _m_virtual_scrolling.data)(Base)) {
                _loadOnOptionChange() {
                    var _this$_dataSource;
                    const virtualScrollController = null === (_this$_dataSource = this._dataSource) || void 0 === _this$_dataSource ? void 0 : _this$_dataSource._virtualScrollController;
                    null === virtualScrollController || void 0 === virtualScrollController || virtualScrollController.reset();
                    super._loadOnOptionChange()
                }
            };
            _m_core.default.registerModule("virtualScrolling", Object.assign({}, _m_virtual_scrolling.virtualScrollingModule, {
                defaultOptions: () => (0, _extend.extend)(true, oldDefaultOptions(), {
                    scrolling: {
                        mode: "virtual"
                    }
                })
            }));
            _m_data_source_adapter.default.extend(Base => class extends((0, _m_virtual_scrolling.dataSourceAdapterExtender)(Base)) {
                changeRowExpand() {
                    return super.changeRowExpand.apply(this, arguments).done(() => {
                        const viewportItemIndex = this.getViewportItemIndex();
                        viewportItemIndex >= 0 && this.setViewportItemIndex(viewportItemIndex)
                    })
                }
            })
        },
        62514(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _m_widget_base = (e = __webpack_require__( /*! ./m_widget_base */ 7444), e && e.__esModule ? e : {
                default: e
            });
            var e;
            __webpack_require__( /*! ./m_state_storing */ 30816);
            __webpack_require__( /*! ./module_not_extended/ai_column */ 71132);
            __webpack_require__( /*! ./module_not_extended/column_chooser */ 22697);
            __webpack_require__( /*! ./m_master_detail */ 62434);
            __webpack_require__( /*! ./editing/m_editing */ 53343);
            __webpack_require__( /*! ./module_not_extended/editing_row_based */ 76446);
            __webpack_require__( /*! ./module_not_extended/editing_form_based */ 99446);
            __webpack_require__( /*! ./module_not_extended/editing_cell_based */ 56876);
            __webpack_require__( /*! ./m_validating */ 52735);
            __webpack_require__( /*! ./m_virtual_scrolling */ 21291);
            __webpack_require__( /*! ./module_not_extended/filter_row */ 47988);
            __webpack_require__( /*! ./module_not_extended/header_filter */ 63449);
            __webpack_require__( /*! ./module_not_extended/filter_sync */ 56065);
            __webpack_require__( /*! ./module_not_extended/filter_builder */ 49219);
            __webpack_require__( /*! ./module_not_extended/filter_panel */ 53242);
            __webpack_require__( /*! ./module_not_extended/pager */ 92906);
            __webpack_require__( /*! ./module_not_extended/columns_resizing_reordering */ 11956);
            __webpack_require__( /*! ./module_not_extended/sticky_columns */ 40882);
            __webpack_require__( /*! ./module_not_extended/column_fixing */ 3967);
            __webpack_require__( /*! ./module_not_extended/adaptivity */ 73996);
            __webpack_require__( /*! ./selection/m_selection */ 17463);
            __webpack_require__( /*! ./module_not_extended/search */ 51565);
            __webpack_require__( /*! ./m_keyboard_navigation */ 90264);
            __webpack_require__( /*! ./module_not_extended/headers_keyboard_navigation */ 43644);
            __webpack_require__( /*! ./module_not_extended/virtual_columns */ 47890);
            __webpack_require__( /*! ./m_focus */ 4788);
            __webpack_require__( /*! ./module_not_extended/row_dragging */ 40190);
            __webpack_require__( /*! ./module_not_extended/toast */ 60446);
            exports.default = _m_widget_base.default
        },
        7444(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ./module_not_extended/column_headers */ 62602);
            __webpack_require__( /*! ./m_columns_controller */ 84538);
            __webpack_require__( /*! ./data_controller/m_data_controller */ 46331);
            __webpack_require__( /*! ./module_not_extended/sorting */ 63017);
            __webpack_require__( /*! ./rows/m_rows */ 86435);
            __webpack_require__( /*! ./module_not_extended/context_menu */ 72714);
            __webpack_require__( /*! ./module_not_extended/error_handling */ 60607);
            __webpack_require__( /*! ./m_grid_view */ 77188);
            __webpack_require__( /*! ./module_not_extended/header_panel */ 2765);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../../grids/grid_core/m_utils */ 53226));
            var _m_widget_base = _interopRequireDefault(__webpack_require__( /*! ../../grids/grid_core/m_widget_base */ 99335));
            var _m_core = _interopRequireDefault(__webpack_require__( /*! ./m_core */ 99477));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            _m_core.default.registerModulesOrder(["stateStoring", "columns", "selection", "editorFactory", "columnChooser", "editingRowBased", "editingFormBased", "editingCellBased", "editing", "grouping", "masterDetail", "validating", "adaptivity", "data", "virtualScrolling", "aiColumn", "columnHeaders", "filterRow", "headerPanel", "headerFilter", "sorting", "search", "rows", "pager", "columnsResizingReordering", "contextMenu", "keyboardNavigation", "headersKeyboardNavigation", "errorHandling", "summary", "columnFixing", "export", "toast", "gridView"]);
            class TreeList extends _m_widget_base.default {
                _initMarkup() {
                    super._initMarkup.apply(this, arguments);
                    this.$element().addClass("dx-treelist");
                    this.getView("gridView").render(this.$element())
                }
                static registerModule() {
                    _m_core.default.registerModule.apply(_m_core.default, arguments)
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => (0, _themes.isMaterialBased)(),
                        options: {
                            showRowLines: true,
                            showColumnLines: false,
                            headerFilter: {
                                height: 315
                            },
                            editing: {
                                useIcons: true
                            }
                        }
                    }])
                }
                _init() {
                    super._init();
                    if (!this.option("_disableDeprecationWarnings")) {
                        _m_utils.default.logHeaderFilterDeprecatedWarningIfNeed(this)
                    }
                    _m_core.default.processModules(this, _m_core.default);
                    _m_core.default.callModuleItemsMethod(this, "init")
                }
                getGridCoreHelper() {
                    return _m_core.default
                }
                focus(element) {
                    this.getController("keyboardNavigation").focus(element)
                }
            }(0, _component_registrator.default)("dxTreeList", TreeList);
            exports.default = TreeList
        },
        73996(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_adaptivity = __webpack_require__( /*! ../../../grids/grid_core/adaptivity/m_adaptivity */ 8468);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("adaptivity", _m_adaptivity.adaptivityModule)
        },
        71132(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _index = __webpack_require__( /*! ../../../grids/grid_core/ai_column/index */ 6549);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("aiColumn", {
                controllers: {
                    aiColumn: _index.AIColumnController,
                    aiPromptEditor: _index.AIPromptEditorViewController
                },
                views: {
                    aiPromptEditorView: _index.AIPromptEditorView
                },
                extenders: {
                    views: {
                        columnHeadersView: _index.columnHeadersViewExtender
                    }
                }
            })
        },
        22697(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_column_chooser = __webpack_require__( /*! ../../../grids/grid_core/column_chooser/m_column_chooser */ 69862);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("columnChooser", _m_column_chooser.columnChooserModule)
        },
        3967(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_column_fixing = __webpack_require__( /*! ../../../grids/grid_core/column_fixing/m_column_fixing */ 54704);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("columnFixing", _m_column_fixing.columnFixingModule)
        },
        62602(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_column_headers = __webpack_require__( /*! ../../../grids/grid_core/column_headers/m_column_headers */ 88568);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("columnHeaders", _m_column_headers.columnHeadersModule)
        },
        11956(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_columns_resizing_reordering = __webpack_require__( /*! ../../../grids/grid_core/columns_resizing_reordering/m_columns_resizing_reordering */ 19448);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("columnsResizingReordering", _m_columns_resizing_reordering.columnsResizingReorderingModule)
        },
        72714(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_context_menu = __webpack_require__( /*! ../../../grids/grid_core/context_menu/m_context_menu */ 73680);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("contextMenu", _m_context_menu.contextMenuModule)
        },
        56876(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_editing_cell_based = __webpack_require__( /*! ../../../grids/grid_core/editing/m_editing_cell_based */ 48295);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("editingCellBased", _m_editing_cell_based.editingCellBasedModule)
        },
        99446(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_editing_form_based = __webpack_require__( /*! ../../../grids/grid_core/editing/m_editing_form_based */ 29657);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("editingFormBased", _m_editing_form_based.editingFormBasedModule)
        },
        76446(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_editing_row_based = __webpack_require__( /*! ../../../grids/grid_core/editing/m_editing_row_based */ 56671);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("editingRowBased", _m_editing_row_based.editingRowBasedModule)
        },
        16109(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_editor_factory = __webpack_require__( /*! ../../../grids/grid_core/editor_factory/m_editor_factory */ 77862);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("editorFactory", _m_editor_factory.editorFactoryModule)
        },
        60607(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_error_handling = __webpack_require__( /*! ../../../grids/grid_core/error_handling/m_error_handling */ 82358);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("errorHandling", _m_error_handling.errorHandlingModule)
        },
        49219(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_filter_builder = __webpack_require__( /*! ../../../grids/grid_core/filter/m_filter_builder */ 65382);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("filterBuilder", _m_filter_builder.filterBuilderModule)
        },
        53242(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_filter_panel = __webpack_require__( /*! ../../../grids/grid_core/filter/m_filter_panel */ 17887);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("filterPanel", _m_filter_panel.filterPanelModule)
        },
        47988(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_filter_row = __webpack_require__( /*! ../../../grids/grid_core/filter/m_filter_row */ 62289);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("filterRow", _m_filter_row.filterRowModule)
        },
        56065(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_filter_sync = __webpack_require__( /*! ../../../grids/grid_core/filter/m_filter_sync */ 78746);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("filterSync", _m_filter_sync.filterSyncModule)
        },
        63449(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_header_filter = __webpack_require__( /*! ../../../grids/grid_core/header_filter/m_header_filter */ 69952);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("headerFilter", _m_header_filter.headerFilterModule)
        },
        2765(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_header_panel = __webpack_require__( /*! ../../../grids/grid_core/header_panel/m_header_panel */ 5542);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("headerPanel", _m_header_panel.headerPanelModule)
        },
        43644(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_headers_keyboard_navigation = __webpack_require__( /*! ../../../grids/grid_core/keyboard_navigation/m_headers_keyboard_navigation */ 86421);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("headersKeyboardNavigation", _m_headers_keyboard_navigation.headersKeyboardNavigationModule)
        },
        92906(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_pager = __webpack_require__( /*! ../../../grids/grid_core/pager/m_pager */ 66040);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("pager", _m_pager.pagerModule)
        },
        40190(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_row_dragging = __webpack_require__( /*! ../../../grids/grid_core/row_dragging/m_row_dragging */ 52714);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("rowDragging", _m_row_dragging.rowDraggingModule)
        },
        51565(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_search = __webpack_require__( /*! ../../../grids/grid_core/search/m_search */ 7370);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("search", _m_search.searchModule)
        },
        63017(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_sorting = __webpack_require__( /*! ../../../grids/grid_core/sorting/m_sorting */ 8036);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("sorting", _m_sorting.sortingModule)
        },
        40882(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_sticky_columns = __webpack_require__( /*! ../../../grids/grid_core/sticky_columns/m_sticky_columns */ 67624);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("stickyColumns", _m_sticky_columns.stickyColumnsModule)
        },
        60446(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_toast_controller = __webpack_require__( /*! ../../../grids/grid_core/toast/m_toast_controller */ 39859);
            var _m_toast_view = __webpack_require__( /*! ../../../grids/grid_core/toast/m_toast_view */ 66982);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("toast", {
                controllers: {
                    toastViewController: _m_toast_controller.ToastViewController
                },
                views: {
                    toastView: _m_toast_view.ToastView
                }
            })
        },
        47890(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_virtual_columns = __webpack_require__( /*! ../../../grids/grid_core/virtual_columns/m_virtual_columns */ 74280);
            var _m_core = (e = __webpack_require__( /*! ../m_core */ 99477), e && e.__esModule ? e : {
                default: e
            });
            var e;
            _m_core.default.registerModule("virtualColumns", _m_virtual_columns.virtualColumnsModule)
        },
        86435(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _remove = __webpack_require__( /*! ../../../../common/core/events/remove */ 28630);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _m_rows_view = __webpack_require__( /*! ../../../grids/grid_core/views/m_rows_view */ 77081);
            var _m_core = _interopRequireDefault(__webpack_require__( /*! ../m_core */ 99477));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const createIcon = (isLast, hasIcon, isExpanded) => {
                const $iconElement = (0, _renderer.default)("<div>").addClass("dx-treelist-empty-space");
                if (isLast) {
                    $iconElement.addClass("dx-treelist-empty-space--last")
                }
                if (hasIcon) {
                    $iconElement.addClass(isExpanded ? "dx-treelist-expanded" : "dx-treelist-collapsed")
                }
                return $iconElement
            };
            class TreeListRowsView extends _m_rows_view.RowsView {
                _renderIconContainer($container, options) {
                    const $iconContainer = (0, _renderer.default)("<div>").addClass("dx-treelist-icon-container").appendTo($container);
                    if (options.watch) {
                        const dispose = options.watch(() => [options.row.level, options.row.isExpanded, options.row.node.hasChildren], () => {
                            $iconContainer.empty();
                            this._renderIcons($iconContainer, options)
                        });
                        _events_engine.default.on($iconContainer, _remove.removeEvent, dispose)
                    }
                    $container.addClass("dx-treelist-cell-expandable");
                    return this._renderIcons($iconContainer, options)
                }
                _renderIcons($container, options) {
                    const $iconContainer = super._renderIcons($container, options);
                    const {
                        row: row
                    } = options;
                    const {
                        level: level
                    } = row;
                    for (let idx = 0; idx <= level; idx += 1) {
                        const isLast = idx === level;
                        const hasIcon = isLast && row.node.hasChildren;
                        const $icon = createIcon(isLast, hasIcon, row.isExpanded);
                        $icon.appendTo($iconContainer)
                    }
                    return $iconContainer
                }
                _renderCellCommandContent(container, model) {
                    this._renderIconContainer(container, model);
                    return true
                }
                _processTemplate(template, options) {
                    var _options$column;
                    const that = this;
                    let resultTemplate;
                    const renderingTemplate = super._processTemplate(template);
                    const firstDataColumnIndex = that._columnsController.getFirstDataColumnIndex();
                    if (renderingTemplate && (null === (_options$column = options.column) || void 0 === _options$column ? void 0 : _options$column.index) === firstDataColumnIndex) {
                        resultTemplate = {
                            render(options) {
                                const $container = options.container;
                                if (that._renderCellCommandContent($container, options.model)) {
                                    options.container = function($container) {
                                        return (0, _renderer.default)("<div>").addClass("dx-treelist-text-content").appendTo($container)
                                    }($container)
                                }
                                renderingTemplate.render(options)
                            }
                        }
                    } else {
                        resultTemplate = renderingTemplate
                    }
                    return resultTemplate
                }
                _updateCell($cell, options) {
                    $cell = $cell.hasClass("dx-treelist-text-content") ? $cell.parent() : $cell;
                    super._updateCell($cell, options)
                }
                _rowClick(e) {
                    const dataController = this._dataController;
                    const $targetElement = (0, _renderer.default)(e.event.target);
                    const isExpandIcon = this.isExpandIcon($targetElement);
                    const item = null === dataController || void 0 === dataController ? void 0 : dataController.items()[e.rowIndex];
                    if (isExpandIcon && item) {
                        dataController.changeRowExpand(item.key)
                    }
                    super._rowClick(e)
                }
                _createRow(row) {
                    const node = row && row.node;
                    const $rowElement = super._createRow.apply(this, arguments);
                    if (node) {
                        this.setAria("level", row.level + 1, $rowElement);
                        if (node.hasChildren) {
                            this.setAriaExpandedAttribute($rowElement, row)
                        }
                    }
                    return $rowElement
                }
                _getGridRoleName() {
                    return "treegrid"
                }
                isExpandIcon($targetElement) {
                    return !!$targetElement.closest(".dx-treelist-expanded, .dx-treelist-collapsed").length
                }
                setAriaExpandedAttribute($row, row) {
                    const isRowExpanded = row.isExpanded;
                    this.setAria("expanded", (0, _type.isDefined)(isRowExpanded) && isRowExpanded.toString(), $row)
                }
            }
            _m_core.default.registerModule("rows", {
                defaultOptions: _m_rows_view.rowsModule.defaultOptions,
                views: {
                    rowsView: TreeListRowsView
                }
            })
        },
        17463(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _m_selection = __webpack_require__( /*! ../../../grids/grid_core/selection/m_selection */ 1620);
            var _m_core = _interopRequireDefault(__webpack_require__( /*! ../m_core */ 99477));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const nodeExists = function(array, currentKey) {
                return !!array.filter(key => key === currentKey).length
            };
            _m_core.default.registerModule("selection", (0, _extend.extend)(true, {}, _m_selection.selectionModule, {
                defaultOptions: () => (0, _extend.extend)(true, _m_selection.selectionModule.defaultOptions(), {
                    selection: {
                        showCheckBoxesMode: "always",
                        recursive: false
                    }
                }),
                extenders: {
                    controllers: {
                        data: Base => class extends((0, _m_selection.dataSelectionExtenderMixin)(Base)) {
                            _handleDataChanged(e) {
                                const isRecursiveSelection = this._selectionController.isRecursiveSelection();
                                if (isRecursiveSelection && (!e || "updateSelectionState" !== e.changeType)) {
                                    this._selectionController.updateSelectionState({
                                        selectedItemKeys: this.option("selectedRowKeys")
                                    })
                                }
                                super._handleDataChanged.apply(this, arguments)
                            }
                            loadDescendants() {
                                const that = this;
                                const d = super.loadDescendants.apply(that, arguments);
                                const isRecursiveSelection = this._selectionController.isRecursiveSelection();
                                if (isRecursiveSelection) {
                                    d.done(() => {
                                        this._selectionController.updateSelectionState({
                                            selectedItemKeys: that.option("selectedRowKeys")
                                        })
                                    })
                                }
                                return d
                            }
                        },
                        selection: Base => class extends Base {
                            constructor() {
                                super(...arguments);
                                this._updateSelectColumn = _common.noop
                            }
                            init() {
                                super.init.apply(this, arguments);
                                this._selectionStateByKey = {}
                            }
                            _getSelectionConfig() {
                                const config = super._getSelectionConfig.apply(this, arguments);
                                const {
                                    plainItems: plainItems
                                } = config;
                                config.plainItems = cached => {
                                    let result;
                                    if (cached) {
                                        result = this._dataController.getCachedStoreData()
                                    }
                                    result || (result = plainItems.apply(this, arguments).map(item => item.data));
                                    return result || []
                                };
                                config.isItemSelected = item => {
                                    const key = this._dataController.keyOf(item);
                                    return this.isRowSelected(key)
                                };
                                config.isSelectableItem = item => !!item;
                                config.getItemData = item => item;
                                config.allowLoadByRange = void 0;
                                return config
                            }
                            renderSelectCheckBoxContainer($container, model) {
                                const rowsView = this.component.getView("rowsView");
                                const $checkbox = rowsView._renderSelectCheckBox($container, {
                                    value: model.row.isSelected,
                                    row: model.row,
                                    column: model.column
                                });
                                rowsView._attachCheckBoxClickEvent($checkbox)
                            }
                            _getSelectAllNodeKeys() {
                                const {
                                    component: component
                                } = this;
                                const root = component.getRootNode();
                                const cache = {};
                                const keys = [];
                                const isRecursiveSelection = this.isRecursiveSelection();
                                root && _m_core.default.foreachNodes(root.children, node => {
                                    if (void 0 !== node.key && (node.visible || isRecursiveSelection)) {
                                        keys.push(node.key)
                                    }
                                    if (!node.visible) {
                                        return true
                                    }
                                    return isRecursiveSelection ? false : component.isRowExpanded(node.key, cache)
                                });
                                return keys
                            }
                            isSelectAll() {
                                const selectedRowKeys = this.option("selectedRowKeys") || [];
                                if (0 === selectedRowKeys.length) {
                                    return false
                                }
                                const {
                                    component: component
                                } = this;
                                const visibleKeys = this._getSelectAllNodeKeys();
                                const isRecursiveSelection = this.isRecursiveSelection();
                                let hasIndeterminateState = false;
                                const selectedVisibleKeys = visibleKeys.filter(key => {
                                    const isRowSelected = component.isRowSelected(key, isRecursiveSelection);
                                    if (void 0 === isRowSelected) {
                                        hasIndeterminateState = true
                                    }
                                    return isRowSelected
                                });
                                if (!selectedVisibleKeys.length) {
                                    return hasIndeterminateState ? void 0 : false
                                }
                                if (selectedVisibleKeys.length === visibleKeys.length) {
                                    return true
                                }
                                return
                            }
                            selectAll() {
                                const visibleKeys = this._getSelectAllNodeKeys().filter(key => !this.isRowSelected(key));
                                this.focusedItemIndex(-1);
                                return this.selectRows(visibleKeys, true)
                            }
                            deselectAll() {
                                const visibleKeys = this._getSelectAllNodeKeys();
                                this.focusedItemIndex(-1);
                                return this.deselectRows(visibleKeys)
                            }
                            selectedItemKeys(value, preserve, isDeselect, isSelectAll) {
                                const that = this;
                                const selectedRowKeys = that.option("selectedRowKeys");
                                const isRecursiveSelection = this.isRecursiveSelection();
                                const normalizedArgs = isRecursiveSelection && that._normalizeSelectionArgs({
                                    keys: (0, _type.isDefined)(value) ? value : []
                                }, preserve, !isDeselect);
                                if (normalizedArgs && !(0, _common.equalByValue)(normalizedArgs.selectedRowKeys, selectedRowKeys)) {
                                    that._isSelectionNormalizing = true;
                                    return super.selectedItemKeys(normalizedArgs.selectedRowKeys, false, false, false).always(() => {
                                        that._isSelectionNormalizing = false
                                    }).done(items => {
                                        normalizedArgs.selectedRowsData = items;
                                        that._fireSelectionChanged(normalizedArgs)
                                    })
                                }
                                return super.selectedItemKeys(value, preserve, isDeselect, isSelectAll)
                            }
                            changeItemSelection(itemIndex, keyboardKeys, setFocusOnly) {
                                const isRecursiveSelection = this.isRecursiveSelection();
                                const callBase = super.changeItemSelection.bind(this);
                                if (isRecursiveSelection && !keyboardKeys.shift) {
                                    const key = this._dataController.getKeyByRowIndex(itemIndex);
                                    return this.selectedItemKeys(key, true, this.isRowSelected(key)).done(() => {
                                        this.isRowSelected(key) && callBase(itemIndex, keyboardKeys, true)
                                    })
                                }
                                return super.changeItemSelection.apply(this, arguments)
                            }
                            _updateParentSelectionState(node, isSelected) {
                                const that = this;
                                let state = isSelected;
                                const parentNode = node.parent;
                                if (parentNode) {
                                    if (parentNode.children.length > 1) {
                                        if (false === isSelected) {
                                            const hasSelectedState = parentNode.children.some(childNode => that._selectionStateByKey[childNode.key]);
                                            state = hasSelectedState ? void 0 : false
                                        } else if (true === isSelected) {
                                            const hasNonSelectedState = parentNode.children.some(childNode => !that._selectionStateByKey[childNode.key]);
                                            state = hasNonSelectedState ? void 0 : true
                                        }
                                    }
                                    this._selectionStateByKey[parentNode.key] = state;
                                    if (parentNode.parent && parentNode.parent.level >= 0) {
                                        this._updateParentSelectionState(parentNode, state)
                                    }
                                }
                            }
                            _updateChildrenSelectionState(node, isSelected) {
                                const that = this;
                                const {
                                    children: children
                                } = node;
                                children && children.forEach(childNode => {
                                    that._selectionStateByKey[childNode.key] = isSelected;
                                    if (childNode.children.length > 0) {
                                        that._updateChildrenSelectionState(childNode, isSelected)
                                    }
                                })
                            }
                            _updateSelectionStateCore(keys, isSelected) {
                                const dataController = this._dataController;
                                this._selectionStateByKey = {};
                                for (let i = 0; i < keys.length; i++) {
                                    this._selectionStateByKey[keys[i]] = isSelected;
                                    const node = dataController.getNodeByKey(keys[i]);
                                    if (node) {
                                        this._updateParentSelectionState(node, isSelected);
                                        this._updateChildrenSelectionState(node, isSelected)
                                    }
                                }
                            }
                            _getSelectedParentKeys(key, selectedItemKeys, useCash) {
                                let selectedParentNode;
                                const node = this._dataController.getNodeByKey(key);
                                let parentNode = node && node.parent;
                                let result = [];
                                while (parentNode && parentNode.level >= 0) {
                                    result.unshift(parentNode.key);
                                    const isSelected = useCash ? !nodeExists(selectedItemKeys, parentNode.key) && this.isRowSelected(parentNode.key) : selectedItemKeys.indexOf(parentNode.key) >= 0;
                                    if (isSelected) {
                                        selectedParentNode = parentNode;
                                        result = this._getSelectedParentKeys(selectedParentNode.key, selectedItemKeys, useCash).concat(result);
                                        break
                                    } else if (useCash) {
                                        break
                                    }
                                    parentNode = parentNode.parent
                                }
                                return selectedParentNode && result || []
                            }
                            _getSelectedChildKeys(key, keysToIgnore) {
                                const childKeys = [];
                                const node = this._dataController.getNodeByKey(key);
                                node && _m_core.default.foreachNodes(node.children, childNode => {
                                    const ignoreKeyIndex = keysToIgnore.indexOf(childNode.key);
                                    if (ignoreKeyIndex < 0) {
                                        childKeys.push(childNode.key)
                                    }
                                    return ignoreKeyIndex > 0 || ignoreKeyIndex < 0 && void 0 === this._selectionStateByKey[childNode.key]
                                });
                                return childKeys
                            }
                            _normalizeParentKeys(key, args) {
                                const that = this;
                                let keysToIgnore = [key];
                                const parentNodeKeys = that._getSelectedParentKeys(key, args.selectedRowKeys);
                                if (parentNodeKeys.length) {
                                    keysToIgnore = keysToIgnore.concat(parentNodeKeys);
                                    keysToIgnore.forEach(key => {
                                        const index = args.selectedRowKeys.indexOf(key);
                                        if (index >= 0) {
                                            args.selectedRowKeys.splice(index, 1)
                                        }
                                    });
                                    const childKeys = that._getSelectedChildKeys(parentNodeKeys[0], keysToIgnore);
                                    args.selectedRowKeys = args.selectedRowKeys.concat(childKeys)
                                }
                            }
                            _normalizeChildrenKeys(key, args) {
                                const node = this._dataController.getNodeByKey(key);
                                node && node.children.forEach(childNode => {
                                    const index = args.selectedRowKeys.indexOf(childNode.key);
                                    if (index >= 0) {
                                        args.selectedRowKeys.splice(index, 1)
                                    }
                                    this._normalizeChildrenKeys(childNode.key, args)
                                })
                            }
                            _normalizeSelectedRowKeysCore(keys, args, preserve, isSelect) {
                                const that = this;
                                keys.forEach(key => {
                                    if (preserve && that.isRowSelected(key) === isSelect) {
                                        return
                                    }
                                    that._normalizeChildrenKeys(key, args);
                                    const index = args.selectedRowKeys.indexOf(key);
                                    if (isSelect) {
                                        if (index < 0) {
                                            args.selectedRowKeys.push(key)
                                        }
                                        args.currentSelectedRowKeys.push(key)
                                    } else {
                                        if (index >= 0) {
                                            args.selectedRowKeys.splice(index, 1)
                                        }
                                        args.currentDeselectedRowKeys.push(key);
                                        that._normalizeParentKeys(key, args)
                                    }
                                })
                            }
                            _normalizeSelectionArgs(args, preserve, isSelect) {
                                let result;
                                const keys = Array.isArray(args.keys) ? args.keys : [args.keys];
                                const selectedRowKeys = this.option("selectedRowKeys") || [];
                                if (keys.length) {
                                    result = {
                                        currentSelectedRowKeys: [],
                                        currentDeselectedRowKeys: [],
                                        selectedRowKeys: preserve ? selectedRowKeys.slice(0) : []
                                    };
                                    this._normalizeSelectedRowKeysCore(keys, result, preserve, isSelect)
                                }
                                return result
                            }
                            _updateSelectedItems(args) {
                                this.updateSelectionState(args);
                                super._updateSelectedItems(args)
                            }
                            _fireSelectionChanged() {
                                if (!this._isSelectionNormalizing) {
                                    super._fireSelectionChanged.apply(this, arguments)
                                }
                            }
                            _isModeLeavesOnly(mode) {
                                return "leavesOnly" === mode
                            }
                            _removeDuplicatedKeys(keys) {
                                const result = [];
                                const processedKeys = {};
                                keys.forEach(key => {
                                    if (!processedKeys[key]) {
                                        processedKeys[key] = true;
                                        result.push(key)
                                    }
                                });
                                return result
                            }
                            _getAllChildKeys(key) {
                                const childKeys = [];
                                const node = this._dataController.getNodeByKey(key);
                                node && _m_core.default.foreachNodes(node.children, childNode => {
                                    childKeys.push(childNode.key)
                                }, true);
                                return childKeys
                            }
                            _getAllSelectedRowKeys(keys) {
                                let result = [];
                                keys.forEach(key => {
                                    const parentKeys = this._getSelectedParentKeys(key, [], true);
                                    const childKeys = this._getAllChildKeys(key);
                                    result.push.apply(result, parentKeys.concat([key], childKeys))
                                });
                                result = this._removeDuplicatedKeys(result);
                                return result
                            }
                            _getParentSelectedRowKeys(keys) {
                                const that = this;
                                const result = [];
                                keys.forEach(key => {
                                    const parentKeys = that._getSelectedParentKeys(key, keys);
                                    !parentKeys.length && result.push(key)
                                });
                                return result
                            }
                            _getLeafSelectedRowKeys(keys) {
                                const result = [];
                                const dataController = this._dataController;
                                keys.forEach(key => {
                                    const node = dataController.getNodeByKey(key);
                                    node && !node.hasChildren && result.push(key)
                                });
                                return result
                            }
                            isRecursiveSelection() {
                                const selectionMode = this.option("selection.mode");
                                const isRecursive = this.option("selection.recursive");
                                return "multiple" === selectionMode && isRecursive
                            }
                            updateSelectionState(options) {
                                const removedItemKeys = options.removedItemKeys || [];
                                const selectedItemKeys = options.selectedItemKeys || [];
                                if (this.isRecursiveSelection()) {
                                    this._updateSelectionStateCore(removedItemKeys, false);
                                    this._updateSelectionStateCore(selectedItemKeys, true)
                                }
                            }
                            isRowSelected(key, isRecursiveSelection) {
                                const result = super.isRowSelected.apply(this, arguments);
                                isRecursiveSelection = isRecursiveSelection ?? this.isRecursiveSelection();
                                if (!result && isRecursiveSelection) {
                                    if (key in this._selectionStateByKey) {
                                        return this._selectionStateByKey[key]
                                    }
                                    return false
                                }
                                return result
                            }
                            getSelectedRowKeys(mode) {
                                const that = this;
                                if (!that._dataController) {
                                    return []
                                }
                                let selectedRowKeys = super.getSelectedRowKeys.apply(that, arguments);
                                if (mode) {
                                    if (this.isRecursiveSelection()) {
                                        selectedRowKeys = this._getAllSelectedRowKeys(selectedRowKeys)
                                    }
                                    if ("all" !== mode) {
                                        if ("excludeRecursive" === mode) {
                                            selectedRowKeys = that._getParentSelectedRowKeys(selectedRowKeys)
                                        } else if (that._isModeLeavesOnly(mode)) {
                                            selectedRowKeys = that._getLeafSelectedRowKeys(selectedRowKeys)
                                        }
                                    }
                                }
                                return selectedRowKeys
                            }
                            getSelectedRowsData(mode) {
                                const dataController = this._dataController;
                                const selectedKeys = this.getSelectedRowKeys(mode) || [];
                                const selectedRowsData = [];
                                selectedKeys.forEach(key => {
                                    const node = dataController.getNodeByKey(key);
                                    node && selectedRowsData.push(node.data)
                                });
                                return selectedRowsData
                            }
                            refresh() {
                                this._selectionStateByKey = {};
                                return super.refresh.apply(this, arguments)
                            }
                        }
                    },
                    views: {
                        columnHeadersView: Base => class extends((0, _m_selection.columnHeadersSelectionExtenderMixin)(Base)) {
                            _processTemplate(template, options) {
                                const that = this;
                                let resultTemplate;
                                const renderingTemplate = super._processTemplate(template, options);
                                const firstDataColumnIndex = that._columnsController.getFirstDataColumnIndex();
                                if (renderingTemplate && "header" === options.rowType && options.column.index === firstDataColumnIndex) {
                                    resultTemplate = {
                                        render(options) {
                                            renderingTemplate.render(options);
                                            if ("multiple" === that.option("selection.mode")) {
                                                that.renderSelectAll(options.container, options.model)
                                            }
                                        }
                                    }
                                } else {
                                    resultTemplate = renderingTemplate
                                }
                                return resultTemplate
                            }
                            _renderSelectAllCheckBox($container) {
                                const $checkboxWrapper = (0, _renderer.default)("<div>").addClass("dx-treelist-select-checkbox-container");
                                const $checkbox = this._createSelectAllCheckboxElement();
                                $checkbox.appendTo($checkboxWrapper);
                                $checkboxWrapper.prependTo($container);
                                return $checkbox
                            }
                            renderSelectAll($cell, options) {
                                $cell.addClass("dx-treelist-select-all");
                                this._renderSelectAllCheckBox($cell)
                            }
                            _isSortableElement($target) {
                                return super._isSortableElement($target) && !$target.closest(".dx-select-checkbox").length
                            }
                        },
                        rowsView: Base => class extends((0, _m_selection.rowsViewSelectionExtenderMixin)(Base)) {
                            _renderIcons($container, options) {
                                const $iconContainer = super._renderIcons($container, options);
                                const isMultipleSelection = "multiple" === this.option("selection.mode");
                                if (!options.row.isNewRow && isMultipleSelection) {
                                    const $checkboxWrapper = (0, _renderer.default)("<div>").addClass("dx-treelist-select-checkbox-container");
                                    $checkboxWrapper.appendTo($iconContainer);
                                    this._selectionController.renderSelectCheckBoxContainer($checkboxWrapper, options)
                                }
                                return $iconContainer
                            }
                            _rowClick(e) {
                                const $targetElement = (0, _renderer.default)(e.event.target);
                                if (this.isExpandIcon($targetElement)) {
                                    super._rowClickForTreeList.apply(this, arguments)
                                } else {
                                    super._rowClick.apply(this, arguments)
                                }
                            }
                        }
                    }
                }
            }))
        },
        24595(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_error = _interopRequireDefault(__webpack_require__( /*! ../core/utils/m_error */ 40818));
            var _m_version = __webpack_require__( /*! ../core/utils/m_version */ 5388);
            var _jquery = _interopRequireDefault(__webpack_require__( /*! jquery */ 10561));
            var _use_jquery = _interopRequireDefault(__webpack_require__( /*! ./jquery/use_jquery */ 64688));
            __webpack_require__( /*! ./jquery/renderer */ 49381);
            __webpack_require__( /*! ./jquery/hooks */ 85004);
            __webpack_require__( /*! ./jquery/deferred */ 63113);
            __webpack_require__( /*! ./jquery/hold_ready */ 11447);
            __webpack_require__( /*! ./jquery/events */ 32999);
            __webpack_require__( /*! ./jquery/easing */ 96979);
            __webpack_require__( /*! ./jquery/element_data */ 30987);
            __webpack_require__( /*! ./jquery/element */ 9008);
            __webpack_require__( /*! ./jquery/component_registrator */ 76116);
            __webpack_require__( /*! ./jquery/ajax */ 91828);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const useJQuery = (0, _use_jquery.default)();
            if (useJQuery && (0, _m_version.compare)(_jquery.default.fn.jquery, [1, 10]) < 0) {
                throw _m_error.default.Error("E0012")
            }
        },
        91828(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_ajax = __webpack_require__( /*! ../../core/utils/m_ajax */ 14136);
            var _jquery = _interopRequireDefault(__webpack_require__( /*! jquery */ 10561));
            var _use_jquery = _interopRequireDefault(__webpack_require__( /*! ./use_jquery */ 64688));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const useJQuery = (0, _use_jquery.default)();
            if (useJQuery) {
                _m_ajax.Ajax.inject({
                    sendRequest(options) {
                        if (!options.responseType && !options.upload) {
                            return _jquery.default.ajax(options)
                        }
                        return this.callBase.apply(this, [options])
                    }
                })
            }
        },
        76116(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_component_registrator_callbacks = __webpack_require__( /*! ../../core/m_component_registrator_callbacks */ 21233);
            var _m_errors = _interopRequireDefault(__webpack_require__( /*! ../../core/m_errors */ 5583));
            var _jquery = _interopRequireDefault(__webpack_require__( /*! jquery */ 10561));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            if (_jquery.default) {
                const registerJQueryComponent = function(name, componentClass) {
                    _jquery.default.fn[name] = function(options) {
                        const isMemberInvoke = "string" === typeof options;
                        let result;
                        if (isMemberInvoke) {
                            const memberName = options;
                            const memberArgs = [].slice.call(arguments).slice(1);
                            this.each(function() {
                                const instance = componentClass.getInstance(this);
                                if (!instance) {
                                    throw _m_errors.default.Error("E0009", name)
                                }
                                const member = instance[memberName];
                                const memberValue = member.apply(instance, memberArgs);
                                if (void 0 === result) {
                                    result = memberValue
                                }
                            })
                        } else {
                            this.each(function() {
                                const instance = componentClass.getInstance(this);
                                if (instance) {
                                    instance.option(options)
                                } else {
                                    new componentClass(this, options)
                                }
                            });
                            result = this
                        }
                        return result
                    }
                };
                _m_component_registrator_callbacks.componentRegistratorCallbacks.add(registerJQueryComponent)
            }
        },
        63113(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_deferred = __webpack_require__( /*! ../../core/utils/m_deferred */ 77117);
            var _m_version = __webpack_require__( /*! ../../core/utils/m_version */ 5388);
            var _jquery = _interopRequireDefault(__webpack_require__( /*! jquery */ 10561));
            var _use_jquery = _interopRequireDefault(__webpack_require__( /*! ./use_jquery */ 64688));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const useJQuery = (0, _use_jquery.default)();
            if (useJQuery) {
                const {
                    Deferred: Deferred
                } = _jquery.default;
                const strategy = {
                    Deferred: Deferred
                };
                strategy.when = (0, _m_version.compare)(_jquery.default.fn.jquery, [3]) < 0 ? _jquery.default.when : function(singleArg) {
                    if (0 === arguments.length) {
                        return (new Deferred).resolve()
                    }
                    if (1 === arguments.length) {
                        return null !== singleArg && void 0 !== singleArg && singleArg.then ? singleArg : (new Deferred).resolve(singleArg)
                    }
                    return _jquery.default.when.apply(_jquery.default, arguments)
                };
                (0, _m_deferred.setStrategy)(strategy)
            }
        },
        96979(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _easing = __webpack_require__( /*! ../../common/core/animation/easing */ 11610);
            var _jquery = (e = __webpack_require__( /*! jquery */ 10561), e && e.__esModule ? e : {
                default: e
            });
            var e;
            if (_jquery.default) {
                (0, _easing.setEasing)(_jquery.default.easing)
            }
        },
        9008(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getPublicElementJQuery = getPublicElementJQuery;
            var _m_element = __webpack_require__( /*! ../../core/m_element */ 93630);
            var _use_jquery = (e = __webpack_require__( /*! ./use_jquery */ 64688), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const useJQuery = (0, _use_jquery.default)();

            function getPublicElementJQuery($element) {
                return $element
            }
            if (useJQuery) {
                (0, _m_element.setPublicElementWrapper)(getPublicElementJQuery)
            }
        },
        30987(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_element_data = __webpack_require__( /*! ../../core/m_element_data */ 29489);
            var _jquery = _interopRequireDefault(__webpack_require__( /*! jquery */ 10561));
            var _use_jquery = _interopRequireDefault(__webpack_require__( /*! ./use_jquery */ 64688));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const useJQuery = (0, _use_jquery.default)();
            if (useJQuery) {
                (0, _m_element_data.setDataStrategy)(_jquery.default)
            }
        },
        32999(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _event_registrator_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/event_registrator_callbacks */ 85030));
            var _m_dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../core/m_dom_adapter */ 62018));
            var _m_events_engine = _interopRequireDefault(__webpack_require__( /*! ../../events/core/m_events_engine */ 36306));
            var _jquery = _interopRequireDefault(__webpack_require__( /*! jquery */ 10561));
            var _use_jquery = _interopRequireDefault(__webpack_require__( /*! ./use_jquery */ 64688));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const useJQuery = (0, _use_jquery.default)();
            if (useJQuery) {
                _event_registrator_callbacks.default.add((name, eventObject) => {
                    _jquery.default.event.special[name] = eventObject
                });
                if (_m_events_engine.default.passiveEventHandlersSupported()) {
                    _m_events_engine.default.forcePassiveFalseEventNames.forEach(eventName => {
                        _jquery.default.event.special[eventName] = {
                            setup(data, namespaces, handler) {
                                _m_dom_adapter.default.listen(this, eventName, handler, {
                                    passive: false
                                })
                            }
                        }
                    })
                }
                _m_events_engine.default.set({
                    on(element) {
                        (0, _jquery.default)(element).on.apply((0, _jquery.default)(element), Array.prototype.slice.call(arguments, 1))
                    },
                    one(element) {
                        (0, _jquery.default)(element).one.apply((0, _jquery.default)(element), Array.prototype.slice.call(arguments, 1))
                    },
                    off(element) {
                        (0, _jquery.default)(element).off.apply((0, _jquery.default)(element), Array.prototype.slice.call(arguments, 1))
                    },
                    trigger(element) {
                        (0, _jquery.default)(element).trigger.apply((0, _jquery.default)(element), Array.prototype.slice.call(arguments, 1))
                    },
                    triggerHandler(element) {
                        (0, _jquery.default)(element).triggerHandler.apply((0, _jquery.default)(element), Array.prototype.slice.call(arguments, 1))
                    },
                    Event: _jquery.default.Event
                })
            }
        },
        11447(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_ready_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_ready_callbacks */ 18344));
            var _m_themes_callback = __webpack_require__( /*! ../../ui/m_themes_callback */ 68831);
            var _jquery = _interopRequireDefault(__webpack_require__( /*! jquery */ 10561));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            if (_jquery.default && !_m_themes_callback.themeReadyCallback.fired()) {
                const holdReady = _jquery.default.holdReady || _jquery.default.fn.holdReady;
                holdReady(true);
                _m_themes_callback.themeReadyCallback.add(() => {
                    _m_ready_callbacks.default.add(() => {
                        holdReady(false)
                    })
                })
            }
        },
        85004(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_iterator = __webpack_require__( /*! ../../core/utils/m_iterator */ 26044);
            var _m_type = __webpack_require__( /*! ../../core/utils/m_type */ 39918);
            var _m_version = __webpack_require__( /*! ../../core/utils/m_version */ 5388);
            var _m_event_registrator = _interopRequireDefault(__webpack_require__( /*! ../../events/core/m_event_registrator */ 65381));
            var _m_hook_touch_props = _interopRequireDefault(__webpack_require__( /*! ../../events/core/m_hook_touch_props */ 40866));
            var _index = __webpack_require__( /*! ../../events/utils/index */ 61210);
            var _jquery = _interopRequireDefault(__webpack_require__( /*! jquery */ 10561));
            var _use_jquery = _interopRequireDefault(__webpack_require__( /*! ./use_jquery */ 64688));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const useJQuery = (0, _use_jquery.default)();
            if (useJQuery) {
                if ((0, _m_version.compare)(_jquery.default.fn.jquery, [3]) < 0) {
                    const POINTER_TYPE_MAP = {
                        2: "touch",
                        3: "pen",
                        4: "mouse"
                    };
                    (0, _m_iterator.each)(["MSPointerDown", "MSPointerMove", "MSPointerUp", "MSPointerCancel", "MSPointerOver", "MSPointerOut", "mouseenter", "mouseleave", "pointerdown", "pointermove", "pointerup", "pointercancel", "pointerover", "pointerout", "pointerenter", "pointerleave"], function() {
                        _jquery.default.event.fixHooks[this] = {
                            filter(event, originalEvent) {
                                const {
                                    pointerType: pointerType
                                } = originalEvent;
                                if ((0, _m_type.isNumeric)(pointerType)) {
                                    event.pointerType = POINTER_TYPE_MAP[pointerType]
                                }
                                return event
                            },
                            props: _jquery.default.event.mouseHooks.props.concat(["pointerId", "pointerType", "originalTarget", "width", "height", "pressure", "result", "tiltX", "charCode", "tiltY", "detail", "isPrimary", "prevValue"])
                        }
                    });
                    (0, _m_iterator.each)(["touchstart", "touchmove", "touchend", "touchcancel"], function() {
                        _jquery.default.event.fixHooks[this] = {
                            filter(event, originalEvent) {
                                (0, _m_hook_touch_props.default)((name, hook) => {
                                    event[name] = hook(originalEvent)
                                });
                                return event
                            },
                            props: _jquery.default.event.mouseHooks.props.concat(["touches", "changedTouches", "targetTouches", "detail", "result", "originalTarget", "charCode", "prevValue"])
                        }
                    });
                    _jquery.default.event.fixHooks.wheel = _jquery.default.event.mouseHooks;
                    const DX_EVENT_HOOKS = {
                        props: _jquery.default.event.mouseHooks.props.concat(["pointerType", "pointerId", "pointers"])
                    };
                    _m_event_registrator.default.callbacks.add(name => {
                        _jquery.default.event.fixHooks[name] = DX_EVENT_HOOKS
                    });
                    const fix = function(event, originalEvent) {
                        const fixHook = _jquery.default.event.fixHooks[originalEvent.type] || _jquery.default.event.mouseHooks;
                        const props = fixHook.props ? _jquery.default.event.props.concat(fixHook.props) : _jquery.default.event.props;
                        let propIndex = props.length;
                        while (propIndex -= 1) {
                            const prop = props[propIndex];
                            event[prop] = originalEvent[prop]
                        }
                        return fixHook.filter ? fixHook.filter(event, originalEvent) : event
                    };
                    (0, _index.setEventFixMethod)(fix)
                } else {
                    (0, _m_hook_touch_props.default)((name, hook) => {
                        _jquery.default.event.addProp(name, hook)
                    })
                }
            }
        },
        49381(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_renderer_base = _interopRequireDefault(__webpack_require__( /*! ../../core/m_renderer_base */ 1811));
            var _jquery = _interopRequireDefault(__webpack_require__( /*! jquery */ 10561));
            var _use_jquery = _interopRequireDefault(__webpack_require__( /*! ./use_jquery */ 64688));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const useJQuery = (0, _use_jquery.default)();
            if (useJQuery) {
                _m_renderer_base.default.set(_jquery.default)
            }
        },
        64688(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = function() {
                return _jquery.default && (0, _config.default)().useJQuery
            };
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../../core/config */ 66636));
            var _jquery = _interopRequireDefault(__webpack_require__( /*! jquery */ 10561));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                useJQuery: useJQuery
            } = (0, _config.default)();
            if (_jquery.default && false !== useJQuery) {
                (0, _config.default)({
                    useJQuery: true
                })
            }
        },
        453(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_error = _interopRequireDefault(__webpack_require__( /*! ../core/utils/m_error */ 40818));
            var _m_version = __webpack_require__( /*! ../core/utils/m_version */ 5388);
            var _knockout = _interopRequireDefault(__webpack_require__( /*! knockout */ 78117));
            __webpack_require__( /*! ./knockout/component_registrator */ 3794);
            __webpack_require__( /*! ./knockout/event_registrator */ 55445);
            __webpack_require__( /*! ./knockout/components */ 19856);
            __webpack_require__( /*! ./knockout/validation */ 61287);
            __webpack_require__( /*! ./knockout/variable_wrapper_utils */ 83518);
            __webpack_require__( /*! ./knockout/clean_node */ 76858);
            __webpack_require__( /*! ./knockout/clean_node_old */ 23204);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            if (_knockout.default) {
                if ((0, _m_version.compare)(_knockout.default.version, [2, 3]) < 0) {
                    throw _m_error.default.Error("E0013")
                }
            }
        },
        76858(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_element_data = __webpack_require__( /*! ../../core/m_element_data */ 29489);
            var _m_version = __webpack_require__( /*! ../../core/utils/m_version */ 5388);
            var _knockout = (e = __webpack_require__( /*! knockout */ 78117), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _utils = __webpack_require__( /*! ./utils */ 41983);
            if (_knockout.default) {
                const originalKOCleanExternalData = _knockout.default.utils.domNodeDisposal.cleanExternalData;
                const patchCleanData = () => {
                    (0, _m_element_data.afterCleanData)(nodes => {
                        for (let i = 0; i < nodes.length; i += 1) {
                            nodes[i].cleanedByJquery = true
                        }
                        for (let i = 0; i < nodes.length; i += 1) {
                            if (!nodes[i].cleanedByKo) {
                                _knockout.default.cleanNode(nodes[i])
                            }
                            delete nodes[i].cleanedByKo
                        }
                        for (let i = 0; i < nodes.length; i += 1) {
                            delete nodes[i].cleanedByJquery
                        }
                    });
                    _knockout.default.utils.domNodeDisposal.cleanExternalData = node => {
                        node.cleanedByKo = true;
                        if ((0, _utils.getClosestNodeWithKoCreation)(node)) {
                            if (!node.cleanedByJquery) {
                                (0, _m_element_data.cleanData)([node])
                            }
                        }
                    }
                };
                const restoreOriginCleanData = () => {
                    (0, _m_element_data.afterCleanData)(() => {});
                    _knockout.default.utils.domNodeDisposal.cleanExternalData = originalKOCleanExternalData
                };
                patchCleanData();
                _m_element_data.strategyChanging.add(strategy => {
                    const isJQuery = !!strategy.fn;
                    if (isJQuery && (0, _m_version.compare)(strategy.fn.jquery, [2, 0]) < 0) {
                        restoreOriginCleanData()
                    }
                })
            }
        },
        23204(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_element_data = __webpack_require__( /*! ../../core/m_element_data */ 29489);
            var _m_version = __webpack_require__( /*! ../../core/utils/m_version */ 5388);
            var _knockout = (e = __webpack_require__( /*! knockout */ 78117), e && e.__esModule ? e : {
                default: e
            });
            var e;
            if (_knockout.default) {
                const patchCleanData = function(jQuery) {
                    const cleanKoData = function(element, andSelf) {
                        const cleanNode = function() {
                            _knockout.default.cleanNode(this)
                        };
                        if (andSelf) {
                            element.each(cleanNode)
                        } else {
                            element.find("*").each(cleanNode)
                        }
                    };
                    const originalEmpty = jQuery.fn.empty;
                    jQuery.fn.empty = function() {
                        cleanKoData(this, false);
                        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                            args[_key] = arguments[_key]
                        }
                        return originalEmpty.apply(this, args)
                    };
                    const originalRemove = jQuery.fn.remove;
                    jQuery.fn.remove = function(selector, keepData) {
                        if (!keepData) {
                            let subject = this;
                            if (selector) {
                                subject = subject.filter(selector)
                            }
                            cleanKoData(subject, true)
                        }
                        return originalRemove.call(this, selector, keepData)
                    };
                    const originalHtml = jQuery.fn.html;
                    jQuery.fn.html = function(value) {
                        if ("string" === typeof value) {
                            cleanKoData(this, false)
                        }
                        return originalHtml.apply(this, arguments)
                    };
                    const originalReplaceWith = jQuery.fn.replaceWith;
                    jQuery.fn.replaceWith = function() {
                        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
                            args[_key2] = arguments[_key2]
                        }
                        const result = originalReplaceWith.apply(this, args);
                        if (!this.parent().length) {
                            cleanKoData(this, true)
                        }
                        return result
                    }
                };
                _m_element_data.strategyChanging.add(strategy => {
                    const isJQuery = !!strategy.fn;
                    if (isJQuery && (0, _m_version.compare)(strategy.fn.jquery, [2, 0]) < 0) {
                        patchCleanData(strategy)
                    }
                })
            }
        },
        3794(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.widget */ 11118));
            var _m_component_registrator_callbacks = __webpack_require__( /*! ../../core/m_component_registrator_callbacks */ 21233);
            var _m_config = _interopRequireDefault(__webpack_require__( /*! ../../core/m_config */ 34338));
            var _component_wrapper = __webpack_require__( /*! ../../core/r1/component_wrapper */ 34993);
            var _m_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_callbacks */ 63172));
            var _m_locker = __webpack_require__( /*! ../../core/utils/m_locker */ 24574);
            var _m_type = __webpack_require__( /*! ../../core/utils/m_type */ 39918);
            var _m_draggable = _interopRequireDefault(__webpack_require__( /*! ../../m_draggable */ 89983));
            var _editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/editor/editor */ 24768));
            var _scroll_view = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scroll_view */ 71100));
            var _m_base_widget = _interopRequireDefault(__webpack_require__( /*! ../../viz/core/m_base_widget */ 34506));
            var _knockout = _interopRequireDefault(__webpack_require__( /*! knockout */ 78117));
            var _template = __webpack_require__( /*! ./template */ 36390);
            var _utils = __webpack_require__( /*! ./utils */ 41983);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            if (_knockout.default) {
                const LOCKS_DATA_KEY = "dxKoLocks";
                const CREATED_WITH_KO_DATA_KEY = "dxKoCreation";
                const editorsBindingHandlers = [];
                const registerComponentKoBinding = function(componentName, componentClass) {
                    if (_editor.default.isEditor(componentClass.prototype)) {
                        editorsBindingHandlers.push(componentName)
                    }
                    _knockout.default.bindingHandlers[componentName] = {
                        init(domNode, valueAccessor) {
                            const $element = (0, _renderer.default)(domNode);
                            const optionChangedCallbacks = (0, _m_callbacks.default)();
                            let optionsByReference = {};
                            let component;
                            const knockoutConfig = (0, _m_config.default)().knockout;
                            const isBindingPropertyPredicateName = null === knockoutConfig || void 0 === knockoutConfig ? void 0 : knockoutConfig.isBindingPropertyPredicateName;
                            let isBindingPropertyPredicate;
                            let ctorOptions = {
                                onInitializing(options) {
                                    optionsByReference = this._getOptionsByReference();
                                    _knockout.default.computed(() => {
                                        const model = _knockout.default.unwrap(valueAccessor());
                                        if (component) {
                                            component.beginUpdate()
                                        }
                                        isBindingPropertyPredicate = isBindingPropertyPredicateName && (null === model || void 0 === model ? void 0 : model[isBindingPropertyPredicateName]);
                                        unwrapModel(model);
                                        if (component) {
                                            component.endUpdate()
                                        } else {
                                            var _model$onInitializing;
                                            null === model || void 0 === model || null === (_model$onInitializing = model.onInitializing) || void 0 === _model$onInitializing || _model$onInitializing.call(this, options)
                                        }
                                    }, null, {
                                        disposeWhenNodeIsRemoved: domNode
                                    });
                                    component = this
                                },
                                modelByElement($element) {
                                    if ($element.length) {
                                        const node = (0, _utils.getClosestNodeWithContext)($element.get(0));
                                        return _knockout.default.dataFor(node)
                                    }
                                },
                                nestedComponentOptions: component => ({
                                    modelByElement: component.option("modelByElement"),
                                    nestedComponentOptions: component.option("nestedComponentOptions")
                                }),
                                _optionChangedCallbacks: optionChangedCallbacks,
                                integrationOptions: {
                                    watchMethod(fn, callback, options) {
                                        options = options || {};
                                        let skipCallback = options.skipImmediate;
                                        const watcher = _knockout.default.computed(() => {
                                            const newValue = _knockout.default.unwrap(fn());
                                            if (!skipCallback) {
                                                callback(newValue)
                                            }
                                            skipCallback = false
                                        });
                                        return function() {
                                            watcher.dispose()
                                        }
                                    },
                                    templates: {
                                        "dx-polymorph-widget": {
                                            render(options) {
                                                const widgetName = _knockout.default.utils.unwrapObservable(options.model.widget);
                                                if (!widgetName) {
                                                    return
                                                }
                                                const markup = (0, _renderer.default)("<div>").attr("data-bind", `${widgetName}: options`).get(0);
                                                (0, _renderer.default)(options.container).append(markup);
                                                _knockout.default.applyBindings(options.model, markup)
                                            }
                                        }
                                    },
                                    createTemplate: element => new _template.KoTemplate(element)
                                }
                            };
                            const optionNameToModelMap = {};
                            const applyModelValueToOption = function(optionName, modelValue, unwrap) {
                                const locks = $element.data(LOCKS_DATA_KEY);
                                const optionValue = unwrap ? _knockout.default.unwrap(modelValue) : modelValue;
                                if (_knockout.default.isWriteableObservable(modelValue)) {
                                    optionNameToModelMap[optionName] = modelValue
                                }
                                if (component) {
                                    if (locks.locked(optionName)) {
                                        return
                                    }
                                    locks.obtain(optionName);
                                    try {
                                        if (_knockout.default.ignoreDependencies) {
                                            _knockout.default.ignoreDependencies(component.option, component, [optionName, optionValue])
                                        } else {
                                            component.option(optionName, optionValue)
                                        }
                                    } finally {
                                        locks.release(optionName)
                                    }
                                } else {
                                    ctorOptions[optionName] = optionValue
                                }
                            };
                            const handleOptionChanged = function(args) {
                                const optionName = args.fullName;
                                const optionValue = args.value;
                                if (!(optionName in optionNameToModelMap)) {
                                    return
                                }
                                const $element = this._$element;
                                const locks = $element.data(LOCKS_DATA_KEY);
                                if (locks.locked(optionName)) {
                                    return
                                }
                                locks.obtain(optionName);
                                try {
                                    optionNameToModelMap[optionName](optionValue)
                                } finally {
                                    locks.release(optionName)
                                }
                            };
                            const unwrapModelValue = function(currentModel, propertyName, propertyPath) {
                                if (propertyPath === isBindingPropertyPredicateName) {
                                    return
                                }
                                if (!isBindingPropertyPredicate || isBindingPropertyPredicate(propertyPath, propertyName, currentModel)) {
                                    let unwrappedPropertyValue;
                                    _knockout.default.computed(() => {
                                        const propertyValue = currentModel[propertyName];
                                        applyModelValueToOption(propertyPath, propertyValue, true);
                                        unwrappedPropertyValue = _knockout.default.unwrap(propertyValue)
                                    }, null, {
                                        disposeWhenNodeIsRemoved: domNode
                                    });
                                    if ((0, _m_type.isPlainObject)(unwrappedPropertyValue)) {
                                        if (!optionsByReference[propertyPath]) {
                                            unwrapModel(unwrappedPropertyValue, propertyPath)
                                        }
                                    }
                                } else {
                                    applyModelValueToOption(propertyPath, currentModel[propertyName], false)
                                }
                            };

                            function unwrapModel(model, propertyPath) {
                                for (const propertyName in model) {
                                    if (Object.prototype.hasOwnProperty.call(model, propertyName)) {
                                        unwrapModelValue(model, propertyName, propertyPath ? [propertyPath, propertyName].join(".") : propertyName)
                                    }
                                }
                            }! function() {
                                optionChangedCallbacks.add(handleOptionChanged);
                                $element.data(CREATED_WITH_KO_DATA_KEY, true).data(LOCKS_DATA_KEY, new _m_locker.Locker);
                                new componentClass($element, ctorOptions);
                                ctorOptions = null
                            }();
                            return {
                                controlsDescendantBindings: componentClass.subclassOf(_ui.default) || componentClass.subclassOf(_m_base_widget.default) || componentClass.subclassOf(_component_wrapper.ComponentWrapper) && !(component instanceof _scroll_view.default) || component instanceof _m_draggable.default
                            }
                        }
                    };
                    if ("dxValidator" === componentName) {
                        _knockout.default.bindingHandlers.dxValidator.after = editorsBindingHandlers
                    }
                };
                _m_component_registrator_callbacks.componentRegistratorCallbacks.add((name, componentClass) => {
                    registerComponentKoBinding(name, componentClass)
                })
            }
        },
        19856(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_icon = __webpack_require__( /*! ../../core/utils/m_icon */ 42463);
            var _knockout = (e = __webpack_require__( /*! knockout */ 78117), e && e.__esModule ? e : {
                default: e
            });
            var e;
            if (_knockout.default) {
                _knockout.default.bindingHandlers.dxControlsDescendantBindings = {
                    init: (_, valueAccessor) => ({
                        controlsDescendantBindings: _knockout.default.unwrap(valueAccessor())
                    })
                };
                _knockout.default.bindingHandlers.dxIcon = {
                    init(element, valueAccessor) {
                        const options = _knockout.default.utils.unwrapObservable(valueAccessor()) || {};
                        const iconElement = (0, _m_icon.getImageContainer)(options);
                        _knockout.default.virtualElements.emptyNode(element);
                        if (iconElement) {
                            _knockout.default.virtualElements.prepend(element, iconElement.get(0))
                        }
                    },
                    update(element, valueAccessor) {
                        const options = _knockout.default.utils.unwrapObservable(valueAccessor()) || {};
                        const iconElement = (0, _m_icon.getImageContainer)(options);
                        _knockout.default.virtualElements.emptyNode(element);
                        if (iconElement) {
                            _knockout.default.virtualElements.prepend(element, iconElement.get(0))
                        }
                    }
                };
                _knockout.default.virtualElements.allowedBindings.dxIcon = true
            }
        },
        55445(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _event_registrator_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/event_registrator_callbacks */ 85030));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _m_type = __webpack_require__( /*! ../../core/utils/m_type */ 39918);
            var _m_events_engine = _interopRequireDefault(__webpack_require__( /*! ../../events/core/m_events_engine */ 36306));
            var _index = __webpack_require__( /*! ../../events/utils/index */ 61210);
            var _knockout = _interopRequireDefault(__webpack_require__( /*! knockout */ 78117));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            if (_knockout.default) {
                _event_registrator_callbacks.default.add(name => {
                    const koBindingEventName = (0, _index.addNamespace)(name, `${name}Binding`);
                    _knockout.default.bindingHandlers[name] = {
                        update(element, valueAccessor, allBindingsAccessor, viewModel) {
                            const $element = (0, _renderer.default)(element);
                            const unwrappedValue = _knockout.default.utils.unwrapObservable(valueAccessor());
                            const eventSource = unwrappedValue.execute ? unwrappedValue.execute : unwrappedValue;
                            _m_events_engine.default.off($element, koBindingEventName);
                            _m_events_engine.default.on($element, koBindingEventName, (0, _m_type.isPlainObject)(unwrappedValue) ? unwrappedValue : {}, e => {
                                eventSource.call(viewModel, viewModel, e)
                            })
                        }
                    }
                })
            }
        },
        36390(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.KoTemplate = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _m_dom_adapter = __webpack_require__( /*! ../../core/m_dom_adapter */ 62018);
            var _m_template_base = __webpack_require__( /*! ../../core/templates/m_template_base */ 31292);
            var _m_dom = __webpack_require__( /*! ../../core/utils/m_dom */ 76400);
            var _m_type = __webpack_require__( /*! ../../core/utils/m_type */ 39918);
            var _knockout = _interopRequireDefault(__webpack_require__( /*! knockout */ 78117));
            var _utils = __webpack_require__( /*! ./utils */ 41983);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const KoTemplate = class extends _m_template_base.TemplateBase {
                constructor(element) {
                    super();
                    this._element = element;
                    this._template = (0, _renderer.default)("<div>").append((0, _m_dom.normalizeTemplateElement)(element));
                    this._registerKoTemplate()
                }
                _registerKoTemplate() {
                    const template = this._template.get(0);
                    new _knockout.default.templateSources.anonymousTemplate(template).nodes(template)
                }
                _prepareDataForContainer(data, container) {
                    if (null !== container && void 0 !== container && container.length) {
                        const node = (0, _utils.getClosestNodeWithContext)(container.get(0));
                        const containerContext = _knockout.default.contextFor(node);
                        data = void 0 !== data ? data : _knockout.default.dataFor(node) || {};
                        if (containerContext) {
                            return data === containerContext.$data ? containerContext : containerContext.createChildContext(data)
                        }
                    }
                    return function(data) {
                        const parentNode = _m_dom_adapter.domAdapter.createElement("div");
                        _knockout.default.applyBindingsToNode(parentNode, null, data);
                        const parentContext = _knockout.default.contextFor(parentNode);
                        _knockout.default.cleanNode(parentNode);
                        return parentContext
                    }(data).createChildContext(data)
                }
                _renderCore(options) {
                    const model = this._prepareDataForContainer(options.model, (0, _renderer.default)(options.container));
                    if ((0, _m_type.isDefined)(options.index)) {
                        model.$index = options.index
                    }
                    const $placeholder = (0, _renderer.default)("<div>").appendTo(options.container);
                    let $result;
                    _knockout.default.renderTemplate(this._template.get(0), model, {
                        afterRender(nodes) {
                            $result = (0, _renderer.default)(nodes)
                        }
                    }, $placeholder.get(0), "replaceNode");
                    return $result
                }
                source() {
                    return (0, _renderer.default)(this._element).clone()
                }
                dispose() {
                    this._template.remove()
                }
            };
            exports.KoTemplate = KoTemplate
        },
        41983(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getClosestNodeWithKoCreation = exports.getClosestNodeWithContext = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _knockout = _interopRequireDefault(__webpack_require__( /*! knockout */ 78117));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const getClosestNodeWithContext = node => {
                const context = _knockout.default.contextFor(node);
                if (!context && node.parentNode) {
                    return getClosestNodeWithContext(node.parentNode)
                }
                return node
            };
            exports.getClosestNodeWithContext = getClosestNodeWithContext;
            const getClosestNodeWithKoCreation = node => {
                const $el = (0, _renderer.default)(node);
                const data = $el.data();
                const hasFlag = null === data || void 0 === data ? void 0 : data.dxKoCreation;
                if (hasFlag) {
                    return node
                }
                if (node.parentNode) {
                    return getClosestNodeWithKoCreation(node.parentNode)
                }
                return null
            };
            exports.getClosestNodeWithKoCreation = getClosestNodeWithKoCreation
        },
        61287(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_class = _interopRequireDefault(__webpack_require__( /*! ../../core/m_class */ 40958));
            var _m_events_strategy = __webpack_require__( /*! ../../core/m_events_strategy */ 14201);
            var _m_guid = __webpack_require__( /*! ../../core/m_guid */ 7201);
            var _m_deferred = __webpack_require__( /*! ../../core/utils/m_deferred */ 77117);
            var _m_extend = __webpack_require__( /*! ../../core/utils/m_extend */ 96298);
            var _m_iterator = __webpack_require__( /*! ../../core/utils/m_iterator */ 26044);
            var _m_validation_engine = _interopRequireDefault(__webpack_require__( /*! ../../ui/m_validation_engine */ 79697));
            var _knockout = _interopRequireDefault(__webpack_require__( /*! knockout */ 78117));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            if (_knockout.default) {
                const VALIDATION_STATUS_VALID = "valid";
                const VALIDATION_STATUS_PENDING = "pending";
                const koDxValidator = _m_class.default.inherit({
                    ctor(target, _ref) {
                        let {
                            name: name,
                            validationRules: validationRules
                        } = _ref;
                        this.target = target;
                        this.name = name;
                        this.isValid = _knockout.default.observable(true);
                        this.validationError = _knockout.default.observable();
                        this.validationErrors = _knockout.default.observable();
                        this.validationStatus = _knockout.default.observable(VALIDATION_STATUS_VALID);
                        this._eventsStrategy = new _m_events_strategy.EventsStrategy(this);
                        this.validationRules = (0, _m_iterator.map)(validationRules, (rule, index) => (0, _m_extend.extend)({}, rule, {
                            validator: this,
                            index: index
                        }));
                        this._validationInfo = {
                            result: null,
                            deferred: null
                        }
                    },
                    _updateValidationResult(result) {
                        if (!this._validationInfo.result || this._validationInfo.result.id !== result.id) {
                            const complete = this._validationInfo.deferred && this._validationInfo.result.complete;
                            this._validationInfo.result = (0, _m_extend.extend)({}, result, {
                                complete: complete
                            })
                        } else {
                            for (const prop in result) {
                                if ("id" !== prop && "complete" !== prop) {
                                    this._validationInfo.result[prop] = result[prop]
                                }
                            }
                        }
                    },
                    validate() {
                        var _this$_validationInfo, _result$complete;
                        const currentResult = null === (_this$_validationInfo = this._validationInfo) || void 0 === _this$_validationInfo ? void 0 : _this$_validationInfo.result;
                        const value = this.target();
                        if (currentResult && currentResult.status === VALIDATION_STATUS_PENDING && currentResult.value === value) {
                            return (0, _m_extend.extend)({}, currentResult)
                        }
                        const result = _m_validation_engine.default.validate(value, this.validationRules, this.name);
                        result.id = (new _m_guid.Guid).toString();
                        this._applyValidationResult(result);
                        null === (_result$complete = result.complete) || void 0 === _result$complete || _result$complete.then(res => {
                            if (res.id === this._validationInfo.result.id) {
                                this._applyValidationResult(res)
                            }
                        });
                        return (0, _m_extend.extend)({}, this._validationInfo.result)
                    },
                    reset() {
                        this.target(null);
                        const result = {
                            id: null,
                            isValid: true,
                            brokenRule: null,
                            pendingRules: null,
                            status: VALIDATION_STATUS_VALID,
                            complete: null
                        };
                        this._applyValidationResult(result);
                        return result
                    },
                    _applyValidationResult(result) {
                        result.validator = this;
                        this._updateValidationResult(result);
                        this.target.dxValidator.isValid(this._validationInfo.result.isValid);
                        this.target.dxValidator.validationError(this._validationInfo.result.brokenRule);
                        this.target.dxValidator.validationErrors(this._validationInfo.result.brokenRules);
                        this.target.dxValidator.validationStatus(this._validationInfo.result.status);
                        if (result.status === VALIDATION_STATUS_PENDING) {
                            if (!this._validationInfo.deferred) {
                                this._validationInfo.deferred = new _m_deferred.Deferred;
                                this._validationInfo.result.complete = this._validationInfo.deferred.promise()
                            }
                            this._eventsStrategy.fireEvent("validating", [this._validationInfo.result]);
                            return
                        }
                        if (result.status !== VALIDATION_STATUS_PENDING) {
                            this._eventsStrategy.fireEvent("validated", [result]);
                            if (this._validationInfo.deferred) {
                                this._validationInfo.deferred.resolve(result);
                                this._validationInfo.deferred = null
                            }
                        }
                    },
                    on(eventName, eventHandler) {
                        this._eventsStrategy.on(eventName, eventHandler);
                        return this
                    },
                    off(eventName, eventHandler) {
                        this._eventsStrategy.off(eventName, eventHandler);
                        return this
                    }
                });
                _knockout.default.extenders.dxValidator = function(target, option) {
                    target.dxValidator = new koDxValidator(target, option);
                    target.subscribe(target.dxValidator.validate.bind(target.dxValidator));
                    return target
                };
                _m_validation_engine.default.registerModelForValidation = function(model) {
                    (0, _m_iterator.each)(model, (_, member) => {
                        if (_knockout.default.isObservable(member) && member.dxValidator) {
                            _m_validation_engine.default.registerValidatorInGroup(model, member.dxValidator)
                        }
                    })
                };
                _m_validation_engine.default.unregisterModelForValidation = function(model) {
                    (0, _m_iterator.each)(model, (_, member) => {
                        if (_knockout.default.isObservable(member) && member.dxValidator) {
                            _m_validation_engine.default.removeRegisteredValidator(model, member.dxValidator)
                        }
                    })
                };
                _m_validation_engine.default.validateModel = _m_validation_engine.default.validateGroup
            }
        },
        83518(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _m_variable_wrapper = __webpack_require__( /*! ../../core/utils/m_variable_wrapper */ 66082);
            var _knockout = (e = __webpack_require__( /*! knockout */ 78117), e && e.__esModule ? e : {
                default: e
            });
            var e;
            if (_knockout.default) {
                _m_variable_wrapper.variableWrapper.inject({
                    isWrapped: _knockout.default.isObservable,
                    isWritableWrapped: _knockout.default.isWritableObservable,
                    wrap: _knockout.default.observable,
                    unwrap(value) {
                        if (_knockout.default.isObservable(value)) {
                            return _knockout.default.utils.unwrapObservable(value)
                        }
                        return this.callBase(value)
                    },
                    assign(variable, value) {
                        if (_knockout.default.isObservable(variable)) {
                            variable(value)
                        } else {
                            this.callBase(variable, value)
                        }
                    }
                })
            }
        },
        54699(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            const standardColorNames = {
                aliceblue: "f0f8ff",
                antiquewhite: "faebd7",
                aqua: "00ffff",
                aquamarine: "7fffd4",
                azure: "f0ffff",
                beige: "f5f5dc",
                bisque: "ffe4c4",
                black: "000000",
                blanchedalmond: "ffebcd",
                blue: "0000ff",
                blueviolet: "8a2be2",
                brown: "a52a2a",
                burlywood: "deb887",
                cadetblue: "5f9ea0",
                chartreuse: "7fff00",
                chocolate: "d2691e",
                coral: "ff7f50",
                cornflowerblue: "6495ed",
                cornsilk: "fff8dc",
                crimson: "dc143c",
                cyan: "00ffff",
                darkblue: "00008b",
                darkcyan: "008b8b",
                darkgoldenrod: "b8860b",
                darkgray: "a9a9a9",
                darkgreen: "006400",
                darkgrey: "a9a9a9",
                darkkhaki: "bdb76b",
                darkmagenta: "8b008b",
                darkolivegreen: "556b2f",
                darkorange: "ff8c00",
                darkorchid: "9932cc",
                darkred: "8b0000",
                darksalmon: "e9967a",
                darkseagreen: "8fbc8f",
                darkslateblue: "483d8b",
                darkslategray: "2f4f4f",
                darkslategrey: "2f4f4f",
                darkturquoise: "00ced1",
                darkviolet: "9400d3",
                deeppink: "ff1493",
                deepskyblue: "00bfff",
                dimgray: "696969",
                dimgrey: "696969",
                dodgerblue: "1e90ff",
                feldspar: "d19275",
                firebrick: "b22222",
                floralwhite: "fffaf0",
                forestgreen: "228b22",
                fuchsia: "ff00ff",
                gainsboro: "dcdcdc",
                ghostwhite: "f8f8ff",
                gold: "ffd700",
                goldenrod: "daa520",
                gray: "808080",
                green: "008000",
                greenyellow: "adff2f",
                grey: "808080",
                honeydew: "f0fff0",
                hotpink: "ff69b4",
                indianred: "cd5c5c",
                indigo: "4b0082",
                ivory: "fffff0",
                khaki: "f0e68c",
                lavender: "e6e6fa",
                lavenderblush: "fff0f5",
                lawngreen: "7cfc00",
                lemonchiffon: "fffacd",
                lightblue: "add8e6",
                lightcoral: "f08080",
                lightcyan: "e0ffff",
                lightgoldenrodyellow: "fafad2",
                lightgray: "d3d3d3",
                lightgreen: "90ee90",
                lightgrey: "d3d3d3",
                lightpink: "ffb6c1",
                lightsalmon: "ffa07a",
                lightseagreen: "20b2aa",
                lightskyblue: "87cefa",
                lightslateblue: "8470ff",
                lightslategray: "778899",
                lightslategrey: "778899",
                lightsteelblue: "b0c4de",
                lightyellow: "ffffe0",
                lime: "00ff00",
                limegreen: "32cd32",
                linen: "faf0e6",
                magenta: "ff00ff",
                maroon: "800000",
                mediumaquamarine: "66cdaa",
                mediumblue: "0000cd",
                mediumorchid: "ba55d3",
                mediumpurple: "9370d8",
                mediumseagreen: "3cb371",
                mediumslateblue: "7b68ee",
                mediumspringgreen: "00fa9a",
                mediumturquoise: "48d1cc",
                mediumvioletred: "c71585",
                midnightblue: "191970",
                mintcream: "f5fffa",
                mistyrose: "ffe4e1",
                moccasin: "ffe4b5",
                navajowhite: "ffdead",
                navy: "000080",
                oldlace: "fdf5e6",
                olive: "808000",
                olivedrab: "6b8e23",
                orange: "ffa500",
                orangered: "ff4500",
                orchid: "da70d6",
                palegoldenrod: "eee8aa",
                palegreen: "98fb98",
                paleturquoise: "afeeee",
                palevioletred: "d87093",
                papayawhip: "ffefd5",
                peachpuff: "ffdab9",
                peru: "cd853f",
                pink: "ffc0cb",
                plum: "dda0dd",
                powderblue: "b0e0e6",
                purple: "800080",
                rebeccapurple: "663399",
                red: "ff0000",
                rosybrown: "bc8f8f",
                royalblue: "4169e1",
                saddlebrown: "8b4513",
                salmon: "fa8072",
                sandybrown: "f4a460",
                seagreen: "2e8b57",
                seashell: "fff5ee",
                sienna: "a0522d",
                silver: "c0c0c0",
                skyblue: "87ceeb",
                slateblue: "6a5acd",
                slategray: "708090",
                slategrey: "708090",
                snow: "fffafa",
                springgreen: "00ff7f",
                steelblue: "4682b4",
                tan: "d2b48c",
                teal: "008080",
                thistle: "d8bfd8",
                tomato: "ff6347",
                turquoise: "40e0d0",
                violet: "ee82ee",
                violetred: "d02090",
                wheat: "f5deb3",
                white: "ffffff",
                whitesmoke: "f5f5f5",
                yellow: "ffff00",
                yellowgreen: "9acd32"
            };
            const standardColorTypes = [{
                re: /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,
                process: colorString => [parseInt(colorString[1], 10), parseInt(colorString[2], 10), parseInt(colorString[3], 10)]
            }, {
                re: /^rgba\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3}),\s*(\d*\.*\d+)\)$/,
                process: colorString => [parseInt(colorString[1], 10), parseInt(colorString[2], 10), parseInt(colorString[3], 10), parseFloat(colorString[4])]
            }, {
                re: /^#([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})$/,
                process: colorString => [parseInt(colorString[1], 16), parseInt(colorString[2], 16), parseInt(colorString[3], 16)]
            }, {
                re: /^#([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})$/,
                process: colorString => [parseInt(colorString[1], 16), parseInt(colorString[2], 16), parseInt(colorString[3], 16), Number((parseInt(colorString[4], 16) / 255).toFixed(2))]
            }, {
                re: /^#([a-f0-9]{1})([a-f0-9]{1})([a-f0-9]{1})([a-f0-9]{1})$/,
                process: colorString => [parseInt(colorString[1] + colorString[1], 16), parseInt(colorString[2] + colorString[2], 16), parseInt(colorString[3] + colorString[3], 16), Number((parseInt(colorString[4] + colorString[4], 16) / 255).toFixed(2))]
            }, {
                re: /^#([a-f0-9]{1})([a-f0-9]{1})([a-f0-9]{1})$/,
                process: colorString => [parseInt(colorString[1] + colorString[1], 16), parseInt(colorString[2] + colorString[2], 16), parseInt(colorString[3] + colorString[3], 16)]
            }, {
                re: /^hsv\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,
                process(colorString) {
                    const h = parseInt(colorString[1], 10);
                    const s = parseInt(colorString[2], 10);
                    const v = parseInt(colorString[3], 10);
                    const rgb = hsvToRgb(h, s, v);
                    return [rgb[0], rgb[1], rgb[2], 1, [h, s, v]]
                }
            }, {
                re: /^hsl\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,
                process(colorString) {
                    const h = parseInt(colorString[1], 10);
                    const s = parseInt(colorString[2], 10);
                    const l = parseInt(colorString[3], 10);
                    const rgb = hslToRgb(h, s, l);
                    return [rgb[0], rgb[1], rgb[2], 1, null, [h, s, l]]
                }
            }];
            const _round = Math.round;

            function Color(value) {
                this.baseColor = value;
                let color;
                if (value) {
                    color = String(value).toLowerCase().replace(/ /g, "");
                    color = standardColorNames[color] ? `#${standardColorNames[color]}` : color;
                    color = function(color) {
                        if ("transparent" === color) {
                            return [0, 0, 0, 0]
                        }
                        let i = 0;
                        const ii = standardColorTypes.length;
                        let str;
                        for (; i < ii; ++i) {
                            str = standardColorTypes[i].re.exec(color);
                            if (str) {
                                return standardColorTypes[i].process(str)
                            }
                        }
                        return null
                    }(color)
                }
                if (!color) {
                    this.colorIsInvalid = true
                }
                color = color || {};
                this.r = normalize(color[0]);
                this.g = normalize(color[1]);
                this.b = normalize(color[2]);
                this.a = normalize(color[3], 1, 1);
                if (color[4]) {
                    this.hsv = {
                        h: color[4][0],
                        s: color[4][1],
                        v: color[4][2]
                    }
                } else {
                    this.hsv = function(r, g, b) {
                        const max = Math.max(r, g, b);
                        const min = Math.min(r, g, b);
                        const delta = max - min;
                        let H;
                        let S;
                        let V = max;
                        S = 0 === max ? 0 : 1 - min / max;
                        if (max === min) {
                            H = 0
                        } else {
                            switch (max) {
                                case r:
                                    H = (g - b) / delta * 60;
                                    if (g < b) {
                                        H += 360
                                    }
                                    break;
                                case g:
                                    H = (b - r) / delta * 60 + 120;
                                    break;
                                case b:
                                    H = (r - g) / delta * 60 + 240
                            }
                        }
                        S *= 100;
                        V *= 100 / 255;
                        return {
                            h: Math.round(H),
                            s: Math.round(S),
                            v: Math.round(V)
                        }
                    }(this.r, this.g, this.b)
                }
                if (color[5]) {
                    this.hsl = {
                        h: color[5][0],
                        s: color[5][1],
                        l: color[5][2]
                    }
                } else {
                    this.hsl = function(r, g, b) {
                        r = convertTo01Bounds(r, 255);
                        g = convertTo01Bounds(g, 255);
                        b = convertTo01Bounds(b, 255);
                        const max = Math.max(r, g, b);
                        const min = Math.min(r, g, b);
                        const maxMinSum = max + min;
                        let h;
                        let s;
                        const l = maxMinSum / 2;
                        if (max === min) {
                            h = s = 0
                        } else {
                            const delta = max - min;
                            if (l > .5) {
                                s = delta / (2 - maxMinSum)
                            } else {
                                s = delta / maxMinSum
                            }
                            h = function(r, g, b, delta) {
                                const max = Math.max(r, g, b);
                                switch (max) {
                                    case r:
                                        return (g - b) / delta + (g < b ? 6 : 0);
                                    case g:
                                        return (b - r) / delta + 2;
                                    case b:
                                        return (r - g) / delta + 4;
                                    default:
                                        return
                                }
                            }(r, g, b, delta);
                            h /= 6
                        }
                        return {
                            h: _round(360 * h),
                            s: _round(100 * s),
                            l: _round(100 * l)
                        }
                    }(this.r, this.g, this.b)
                }
            }

            function normalize(colorComponent, def, max) {
                def = def || 0;
                max = max || 255;
                return colorComponent < 0 || isNaN(colorComponent) ? def : colorComponent > max ? max : colorComponent
            }

            function hsvToRgb(h, s, v) {
                const index = Math.floor(h % 360 / 60);
                const vMin = (100 - s) * v / 100;
                const a = h % 60 / 60 * (v - vMin);
                const vInc = vMin + a;
                const vDec = v - a;
                let r;
                let g;
                let b;
                switch (index) {
                    case 0:
                        r = v;
                        g = vInc;
                        b = vMin;
                        break;
                    case 1:
                        r = vDec;
                        g = v;
                        b = vMin;
                        break;
                    case 2:
                        r = vMin;
                        g = v;
                        b = vInc;
                        break;
                    case 3:
                        r = vMin;
                        g = vDec;
                        b = v;
                        break;
                    case 4:
                        r = vInc;
                        g = vMin;
                        b = v;
                        break;
                    case 5:
                        r = v;
                        g = vMin;
                        b = vDec
                }
                return [Math.round(2.55 * r), Math.round(2.55 * g), Math.round(2.55 * b)]
            }

            function makeColorTint(colorPart, h) {
                let colorTint = h;
                if ("r" === colorPart) {
                    colorTint = h + 1 / 3
                }
                if ("b" === colorPart) {
                    colorTint = h - 1 / 3
                }
                return colorTint
            }

            function hueToRgb(p, q, colorTint) {
                colorTint = function(colorTint) {
                    if (colorTint < 0) {
                        colorTint += 1
                    }
                    if (colorTint > 1) {
                        colorTint -= 1
                    }
                    return colorTint
                }(colorTint);
                if (colorTint < 1 / 6) {
                    return p + 6 * (q - p) * colorTint
                }
                if (colorTint < .5) {
                    return q
                }
                if (colorTint < 2 / 3) {
                    return p + (q - p) * (2 / 3 - colorTint) * 6
                }
                return p
            }

            function hslToRgb(h, s, l) {
                let r;
                let g;
                let b;
                h = convertTo01Bounds(h, 360);
                s = convertTo01Bounds(s, 100);
                l = convertTo01Bounds(l, 100);
                if (0 === s) {
                    r = g = b = l
                } else {
                    const q = l < .5 ? l * (1 + s) : l + s - l * s;
                    const p = 2 * l - q;
                    r = hueToRgb(p, q, makeColorTint("r", h));
                    g = hueToRgb(p, q, makeColorTint("g", h));
                    b = hueToRgb(p, q, makeColorTint("b", h))
                }
                return [_round(255 * r), _round(255 * g), _round(255 * b)]
            }

            function convertTo01Bounds(n, max) {
                n = Math.min(max, Math.max(0, parseFloat(n)));
                if (Math.abs(n - max) < 1e-6) {
                    return 1
                }
                return n % max / parseFloat(max)
            }

            function isIntegerBetweenMinAndMax(number, min, max) {
                min = min || 0;
                max = max || 255;
                if (number % 1 !== 0 || number < min || number > max || "number" !== typeof number || isNaN(number)) {
                    return false
                }
                return true
            }
            Color.prototype = {
                constructor: Color,
                highlight(step) {
                    step = step || 10;
                    return this.alter(step).toHex()
                },
                darken(step) {
                    step = step || 10;
                    return this.alter(-step).toHex()
                },
                alter(step) {
                    const result = new Color;
                    result.r = normalize(this.r + step);
                    result.g = normalize(this.g + step);
                    result.b = normalize(this.b + step);
                    return result
                },
                blend(blendColor, opacity) {
                    const other = blendColor instanceof Color ? blendColor : new Color(blendColor);
                    const result = new Color;
                    result.r = normalize(_round(this.r * (1 - opacity) + other.r * opacity));
                    result.g = normalize(_round(this.g * (1 - opacity) + other.g * opacity));
                    result.b = normalize(_round(this.b * (1 - opacity) + other.b * opacity));
                    return result
                },
                toHex() {
                    return r = this.r, g = this.g, b = this.b, `#${(16777216|r<<16|g<<8|b).toString(16).slice(1)}`;
                    var r, g, b
                },
                getPureColor() {
                    const rgb = hsvToRgb(this.hsv.h, 100, 100);
                    return new Color(`rgb(${rgb.join(",")})`)
                },
                isValidHex: hex => /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(hex),
                isValidRGB(r, g, b) {
                    if (!isIntegerBetweenMinAndMax(r) || !isIntegerBetweenMinAndMax(g) || !isIntegerBetweenMinAndMax(b)) {
                        return false
                    }
                    return true
                },
                isValidAlpha(a) {
                    if (isNaN(a) || a < 0 || a > 1 || "number" !== typeof a) {
                        return false
                    }
                    return true
                },
                colorIsInvalid: false,
                fromHSL(hsl) {
                    const color = new Color;
                    const rgb = hslToRgb(hsl.h, hsl.s, hsl.l);
                    color.r = rgb[0];
                    color.g = rgb[1];
                    color.b = rgb[2];
                    return color
                }
            };
            exports.default = Color
        },
        89983(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _position = _interopRequireDefault(__webpack_require__( /*! ../common/core/animation/position */ 3030));
            var _translator = __webpack_require__( /*! ../common/core/animation/translator */ 88603);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../common/core/events/core/events_engine */ 92774));
            var _drag = __webpack_require__( /*! ../common/core/events/drag */ 59144);
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../common/core/events/utils/index */ 98834);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../core/component_registrator */ 92848));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../core/dom_adapter */ 64960));
            var _element = __webpack_require__( /*! ../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../core/renderer */ 64553));
            var _empty_template = __webpack_require__( /*! ../core/templates/empty_template */ 48650);
            var _common = __webpack_require__( /*! ../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../core/utils/extend */ 52576);
            var _inflector = __webpack_require__( /*! ../core/utils/inflector */ 53124);
            var _position2 = __webpack_require__( /*! ../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../core/utils/size */ 57653);
            var _string = __webpack_require__( /*! ../core/utils/string */ 54497);
            var _type = __webpack_require__( /*! ../core/utils/type */ 11528);
            var _view_port = __webpack_require__( /*! ../core/utils/view_port */ 55355);
            var _window = __webpack_require__( /*! ../core/utils/window */ 3104);
            var _dom_component = _interopRequireDefault(__webpack_require__( /*! ./core/widget/dom_component */ 22331));
            var _animator = _interopRequireDefault(__webpack_require__( /*! ./ui/scroll_view/animator */ 68634));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const DRAGGABLE = "dxDraggable";
            const DRAGSTART_EVENT_NAME = (0, _index.addNamespace)(_drag.start, DRAGGABLE);
            const DRAG_EVENT_NAME = (0, _index.addNamespace)(_drag.move, DRAGGABLE);
            const DRAGEND_EVENT_NAME = (0, _index.addNamespace)(_drag.end, DRAGGABLE);
            const DRAG_ENTER_EVENT_NAME = (0, _index.addNamespace)(_drag.enter, DRAGGABLE);
            const DRAGEND_LEAVE_EVENT_NAME = (0, _index.addNamespace)(_drag.leave, DRAGGABLE);
            const POINTERDOWN_EVENT_NAME = (0, _index.addNamespace)(_pointer.default.down, DRAGGABLE);
            const KEYDOWN_EVENT_NAME = (0, _index.addNamespace)("keydown", DRAGGABLE);
            let targetDraggable;
            let sourceDraggable;
            const getMousePosition = event => ({
                x: event.pageX - (0, _renderer.default)(window).scrollLeft(),
                y: event.pageY - (0, _renderer.default)(window).scrollTop()
            });
            class ScrollHelper {
                constructor(orientation, component) {
                    this._$scrollableAtPointer = null;
                    this._preventScroll = true;
                    this._component = component;
                    if ("vertical" === orientation) {
                        this._scrollValue = "scrollTop";
                        this._overFlowAttr = "overflowY";
                        this._sizeAttr = "height";
                        this._scrollSizeProp = "scrollHeight";
                        this._clientSizeProp = "clientHeight";
                        this._limitProps = {
                            start: "top",
                            end: "bottom"
                        }
                    } else {
                        this._scrollValue = "scrollLeft";
                        this._overFlowAttr = "overflowX";
                        this._sizeAttr = "width";
                        this._scrollSizeProp = "scrollWidth";
                        this._clientSizeProp = "clientWidth";
                        this._limitProps = {
                            start: "left",
                            end: "right"
                        }
                    }
                }
                updateScrollable(elements, mousePosition) {
                    let isScrollableFound = false;
                    elements.some(element => {
                        const $element = (0, _renderer.default)(element);
                        const isTargetOverOverlayWrapper = $element.hasClass("dx-overlay-wrapper");
                        const isTargetOverOverlayContent = $element.hasClass("dx-overlay-content");
                        if (isTargetOverOverlayWrapper || isTargetOverOverlayContent) {
                            return true
                        }
                        isScrollableFound = this._trySetScrollable(element, mousePosition);
                        return isScrollableFound
                    });
                    if (!isScrollableFound) {
                        this._$scrollableAtPointer = null;
                        this._scrollSpeed = 0
                    }
                }
                isScrolling() {
                    return !!this._scrollSpeed
                }
                isScrollable($element) {
                    return ("auto" === $element.css(this._overFlowAttr) || $element.hasClass("dx-scrollable-container")) && $element.prop(this._scrollSizeProp) > Math.ceil("width" === this._sizeAttr ? (0, _size.getWidth)($element) : (0, _size.getHeight)($element))
                }
                _trySetScrollable(element, mousePosition) {
                    const that = this;
                    const $element = (0, _renderer.default)(element);
                    let distanceToBorders;
                    const sensitivity = that._component.option("scrollSensitivity");
                    let isScrollable = that.isScrollable($element);
                    if (isScrollable) {
                        distanceToBorders = that._calculateDistanceToBorders($element, mousePosition);
                        if (sensitivity > distanceToBorders[that._limitProps.start]) {
                            if (!that._preventScroll) {
                                that._scrollSpeed = -that._calculateScrollSpeed(distanceToBorders[that._limitProps.start]);
                                that._$scrollableAtPointer = $element
                            }
                        } else if (sensitivity > distanceToBorders[that._limitProps.end]) {
                            if (!that._preventScroll) {
                                that._scrollSpeed = that._calculateScrollSpeed(distanceToBorders[that._limitProps.end]);
                                that._$scrollableAtPointer = $element
                            }
                        } else {
                            isScrollable = false;
                            that._preventScroll = false
                        }
                    }
                    return isScrollable
                }
                _calculateDistanceToBorders($area, mousePosition) {
                    const area = $area.get(0);
                    let areaBoundingRect;
                    if (area) {
                        areaBoundingRect = (0, _position2.getBoundingRect)(area);
                        return {
                            left: mousePosition.x - areaBoundingRect.left,
                            top: mousePosition.y - areaBoundingRect.top,
                            right: areaBoundingRect.right - mousePosition.x,
                            bottom: areaBoundingRect.bottom - mousePosition.y
                        }
                    }
                    return {}
                }
                _calculateScrollSpeed(distance) {
                    const component = this._component;
                    const sensitivity = component.option("scrollSensitivity");
                    const maxSpeed = component.option("scrollSpeed");
                    return Math.ceil(((sensitivity - distance) / sensitivity) ** 2 * maxSpeed)
                }
                scrollByStep() {
                    const that = this;
                    if (that._$scrollableAtPointer && that._scrollSpeed) {
                        if (that._$scrollableAtPointer.hasClass("dx-scrollable-container")) {
                            const $scrollable = that._$scrollableAtPointer.closest(".dx-scrollable");
                            const scrollableInstance = $scrollable.data("dxScrollable") || $scrollable.data("dxScrollView");
                            if (scrollableInstance) {
                                const nextScrollPosition = scrollableInstance.scrollOffset()[that._limitProps.start] + that._scrollSpeed;
                                scrollableInstance.scrollTo({
                                    [that._limitProps.start]: nextScrollPosition
                                })
                            }
                        } else {
                            const nextScrollPosition = that._$scrollableAtPointer[that._scrollValue]() + that._scrollSpeed;
                            that._$scrollableAtPointer[that._scrollValue](nextScrollPosition)
                        }
                        const dragMoveArgs = that._component._dragMoveArgs;
                        if (dragMoveArgs) {
                            that._component._dragMoveHandler(dragMoveArgs)
                        }
                    }
                }
                reset() {
                    this._$scrollableAtPointer = null;
                    this._scrollSpeed = 0;
                    this._preventScroll = true
                }
                isOutsideScrollable($scrollable, event) {
                    if (!$scrollable) {
                        return false
                    }
                    const scrollableSize = (0, _position2.getBoundingRect)($scrollable.get(0));
                    const start = scrollableSize[this._limitProps.start];
                    const size = scrollableSize[this._sizeAttr];
                    const mousePosition = getMousePosition(event);
                    const location = "width" === this._sizeAttr ? mousePosition.x : mousePosition.y;
                    return location < start || location > start + size
                }
            }
            class ScrollAnimator extends _animator.default {
                constructor(strategy) {
                    super();
                    this._strategy = strategy
                }
                _step() {
                    const horizontalScrollHelper = this._strategy._horizontalScrollHelper;
                    const verticalScrollHelper = this._strategy._verticalScrollHelper;
                    null === horizontalScrollHelper || void 0 === horizontalScrollHelper || horizontalScrollHelper.scrollByStep();
                    null === verticalScrollHelper || void 0 === verticalScrollHelper || verticalScrollHelper.scrollByStep()
                }
            }
            class Draggable extends _dom_component.default {
                reset() {}
                dragMove(e) {}
                dragEnter() {}
                dragLeave() {}
                dragEnd(sourceEvent) {
                    const sourceDraggable = this._getSourceDraggable();
                    sourceDraggable._fireRemoveEvent(sourceEvent);
                    return (0, _deferred.Deferred)().resolve()
                }
                _fireRemoveEvent(sourceEvent) {}
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        onDragStart: null,
                        onDragMove: null,
                        onDragEnd: null,
                        onDragEnter: null,
                        onDragLeave: null,
                        onDragCancel: null,
                        onCancelByEsc: false,
                        onDrop: null,
                        immediate: true,
                        dragDirection: "both",
                        boundOffset: 0,
                        allowMoveByClick: false,
                        itemData: null,
                        contentTemplate: "content",
                        handle: "",
                        filter: "",
                        clone: false,
                        autoScroll: true,
                        scrollSpeed: 30,
                        scrollSensitivity: 60
                    })
                }
                _setOptionsByReference() {
                    super._setOptionsByReference.apply(this, arguments);
                    (0, _extend.extend)(this._optionsByReference, {
                        component: true,
                        group: true,
                        itemData: true,
                        data: true
                    })
                }
                _init() {
                    super._init();
                    this._attachEventHandlers();
                    this._scrollAnimator = new ScrollAnimator(this);
                    this._horizontalScrollHelper = new ScrollHelper("horizontal", this);
                    this._verticalScrollHelper = new ScrollHelper("vertical", this);
                    this._initScrollTop = 0;
                    this._initScrollLeft = 0
                }
                _normalizeCursorOffset(offset) {
                    if ((0, _type.isObject)(offset)) {
                        offset = {
                            h: offset.x,
                            v: offset.y
                        }
                    }
                    offset = (0, _common.splitPair)(offset).map(value => parseFloat(value));
                    return {
                        left: offset[0],
                        top: 1 === offset.length ? offset[0] : offset[1]
                    }
                }
                _getNormalizedCursorOffset(offset, options) {
                    if ((0, _type.isFunction)(offset)) {
                        offset = offset.call(this, options)
                    }
                    return this._normalizeCursorOffset(offset)
                }
                _calculateElementOffset(options) {
                    let elementOffset;
                    let dragElementOffset;
                    const {
                        event: event
                    } = options;
                    const $element = (0, _renderer.default)(options.itemElement);
                    const $dragElement = (0, _renderer.default)(options.dragElement);
                    const isCloned = this._dragElementIsCloned();
                    const cursorOffset = this.option("cursorOffset");
                    let normalizedCursorOffset = {
                        left: 0,
                        top: 0
                    };
                    const currentLocate = this._initialLocate = (0, _translator.locate)($dragElement);
                    if (isCloned || options.initialOffset || cursorOffset) {
                        elementOffset = options.initialOffset || $element.offset();
                        if (cursorOffset) {
                            normalizedCursorOffset = this._getNormalizedCursorOffset(cursorOffset, options);
                            if (isFinite(normalizedCursorOffset.left)) {
                                elementOffset.left = event.pageX
                            }
                            if (isFinite(normalizedCursorOffset.top)) {
                                elementOffset.top = event.pageY
                            }
                        }
                        dragElementOffset = $dragElement.offset();
                        elementOffset.top -= dragElementOffset.top + (normalizedCursorOffset.top || 0) - currentLocate.top;
                        elementOffset.left -= dragElementOffset.left + (normalizedCursorOffset.left || 0) - currentLocate.left
                    }
                    return elementOffset
                }
                _initPosition(options) {
                    const $dragElement = (0, _renderer.default)(options.dragElement);
                    const elementOffset = this._calculateElementOffset(options);
                    if (elementOffset) {
                        this._move(elementOffset, $dragElement)
                    }
                    this._startPosition = (0, _translator.locate)($dragElement)
                }
                _startAnimator() {
                    if (!this._scrollAnimator.inProgress()) {
                        this._scrollAnimator.start()
                    }
                }
                _stopAnimator() {
                    this._scrollAnimator.stop()
                }
                _addWidgetPrefix(className) {
                    const componentName = this.NAME;
                    return (0, _inflector.dasherize)(componentName) + (className ? `-${className}` : "")
                }
                _getItemsSelector() {
                    return this.option("filter") || ""
                }
                _$content() {
                    const $element = this.$element();
                    const $wrapper = $element.children(".dx-template-wrapper");
                    return $wrapper.length ? $wrapper : $element
                }
                _attachEventHandlers() {
                    if (this.option("disabled")) {
                        return
                    }
                    let $element = this._$content();
                    let itemsSelector = this._getItemsSelector();
                    const allowMoveByClick = this.option("allowMoveByClick");
                    const data = {
                        direction: this.option("dragDirection"),
                        immediate: this.option("immediate"),
                        checkDropTarget: ($target, event) => {
                            const targetGroup = this.option("group");
                            const sourceGroup = this._getSourceDraggable().option("group");
                            const $scrollable = this._getScrollable($target);
                            if (this._verticalScrollHelper.isOutsideScrollable($scrollable, event) || this._horizontalScrollHelper.isOutsideScrollable($scrollable, event)) {
                                return false
                            }
                            return sourceGroup && sourceGroup === targetGroup
                        }
                    };
                    if (allowMoveByClick) {
                        $element = this._getArea();
                        _events_engine.default.on($element, POINTERDOWN_EVENT_NAME, data, this._pointerDownHandler.bind(this))
                    }
                    if (">" === itemsSelector[0]) {
                        itemsSelector = itemsSelector.slice(1)
                    }
                    _events_engine.default.on($element, DRAGSTART_EVENT_NAME, itemsSelector, data, this._dragStartHandler.bind(this));
                    _events_engine.default.on($element, DRAG_EVENT_NAME, data, this._dragMoveHandler.bind(this));
                    _events_engine.default.on($element, DRAGEND_EVENT_NAME, data, this._dragEndHandler.bind(this));
                    _events_engine.default.on($element, DRAG_ENTER_EVENT_NAME, data, this._dragEnterHandler.bind(this));
                    _events_engine.default.on($element, DRAGEND_LEAVE_EVENT_NAME, data, this._dragLeaveHandler.bind(this));
                    if (this.option("onCancelByEsc")) {
                        _events_engine.default.on($element, KEYDOWN_EVENT_NAME, this._keydownHandler.bind(this))
                    }
                }
                _dragElementIsCloned() {
                    var _this$_$dragElement;
                    return null === (_this$_$dragElement = this._$dragElement) || void 0 === _this$_$dragElement ? void 0 : _this$_$dragElement.hasClass(this._addWidgetPrefix("clone"))
                }
                _getDragTemplateArgs($element, $container) {
                    return {
                        container: (0, _element.getPublicElement)($container),
                        model: {
                            itemData: this.option("itemData"),
                            itemElement: (0, _element.getPublicElement)($element)
                        }
                    }
                }
                _createDragElement($element) {
                    let result = $element;
                    const clone = this.option("clone");
                    const $container = this._getContainer();
                    let template = this.option("dragTemplate");
                    if (template) {
                        template = this._getTemplate(template);
                        result = (0, _renderer.default)("<div>").appendTo($container);
                        template.render(this._getDragTemplateArgs($element, result))
                    } else if (clone) {
                        result = (0, _renderer.default)("<div>").appendTo($container);
                        $element.clone().css({
                            width: $element.css("width"),
                            height: $element.css("height")
                        }).appendTo(result)
                    }
                    return result.toggleClass(this._addWidgetPrefix("clone"), result.get(0) !== $element.get(0)).toggleClass("dx-rtl", this.option("rtlEnabled"))
                }
                _resetDragElement() {
                    if (this._dragElementIsCloned()) {
                        var _this$_$dragElement2;
                        null === (_this$_$dragElement2 = this._$dragElement) || void 0 === _this$_$dragElement2 || _this$_$dragElement2.remove()
                    } else {
                        this._toggleDraggingClass(false)
                    }
                    this._$dragElement = null
                }
                _resetSourceElement() {
                    this._toggleDragSourceClass(false);
                    this._$sourceElement = null
                }
                _detachEventHandlers() {
                    _events_engine.default.off(this._$content(), `.${DRAGGABLE}`);
                    _events_engine.default.off(this._getArea(), `.${DRAGGABLE}`)
                }
                _move(position, $element) {
                    (0, _translator.move)($element || this._$dragElement, position)
                }
                _getDraggableElement(e) {
                    const $sourceElement = this._getSourceElement();
                    if ($sourceElement) {
                        return $sourceElement
                    }
                    const allowMoveByClick = this.option("allowMoveByClick");
                    if (allowMoveByClick) {
                        return this.$element()
                    }
                    let $target = (0, _renderer.default)(null === e || void 0 === e ? void 0 : e.target);
                    const itemsSelector = this._getItemsSelector();
                    if (">" === itemsSelector[0]) {
                        const $items = this._$content().find(itemsSelector);
                        if (!$items.is($target)) {
                            $target = $target.closest($items)
                        }
                    }
                    return $target
                }
                _getSourceElement() {
                    const draggable = this._getSourceDraggable();
                    return draggable._$sourceElement
                }
                _pointerDownHandler(e) {
                    if ((0, _index.needSkipEvent)(e)) {
                        return
                    }
                    const position = {};
                    const $element = this.$element();
                    const {
                        dragDirection: dragDirection
                    } = this.option();
                    if ("horizontal" === dragDirection || "both" === dragDirection) {
                        position.left = e.pageX - $element.offset().left + (0, _translator.locate)($element).left - (0, _size.getWidth)($element) / 2
                    }
                    if ("vertical" === dragDirection || "both" === dragDirection) {
                        position.top = e.pageY - $element.offset().top + (0, _translator.locate)($element).top - (0, _size.getHeight)($element) / 2
                    }
                    this._move(position, $element);
                    this._getAction("onDragMove")(this._getEventArgs(e))
                }
                _isValidElement(event, $element) {
                    var _event$originalEvent;
                    const {
                        handle: handle
                    } = this.option();
                    const $target = (0, _renderer.default)(null === (_event$originalEvent = event.originalEvent) || void 0 === _event$originalEvent ? void 0 : _event$originalEvent.target);
                    if (handle && !$target.closest(handle).length) {
                        return false
                    }
                    if (!$element.length) {
                        return false
                    }
                    return !$element.is(".dx-state-disabled, .dx-state-disabled *")
                }
                _dragStartHandler(e) {
                    const $element = this._getDraggableElement(e);
                    this.dragInProgress = true;
                    if (!this._isValidElement(e, $element)) {
                        e.cancel = true;
                        return
                    }
                    if (this._$sourceElement) {
                        return
                    }
                    const dragStartArgs = this._getDragStartArgs(e, $element);
                    this._getAction("onDragStart")(dragStartArgs);
                    if (dragStartArgs.cancel) {
                        e.cancel = true;
                        return
                    }
                    this.option("itemData", dragStartArgs.itemData);
                    this._setSourceDraggable();
                    this._$sourceElement = $element;
                    let initialOffset = $element.offset();
                    if (!this._hasClonedDraggable() && this.option("autoScroll")) {
                        this._initScrollTop = this._getScrollableScrollTop();
                        this._initScrollLeft = this._getScrollableScrollLeft();
                        initialOffset = this._getDraggableElementOffset(initialOffset.left, initialOffset.top)
                    }
                    const $dragElement = this._$dragElement = this._createDragElement($element);
                    this._toggleDraggingClass(true);
                    this._toggleDragSourceClass(true);
                    this._setGestureCoverCursor($dragElement.children());
                    const isFixedPosition = "fixed" === $dragElement.css("position");
                    this._initPosition((0, _extend.extend)({}, dragStartArgs, {
                        dragElement: $dragElement.get(0),
                        initialOffset: isFixedPosition && initialOffset
                    }));
                    this._getAction("onDraggableElementShown")(Object.assign({}, dragStartArgs, {
                        dragElement: $dragElement
                    }));
                    const $area = this._getArea();
                    const areaOffset = this._getAreaOffset($area);
                    const boundOffset = this._getBoundOffset();
                    const areaWidth = (0, _size.getOuterWidth)($area);
                    const areaHeight = (0, _size.getOuterHeight)($area);
                    const elementWidth = (0, _size.getWidth)($dragElement);
                    const elementHeight = (0, _size.getHeight)($dragElement);
                    const startOffset_left = $dragElement.offset().left - areaOffset.left,
                        startOffset_top = $dragElement.offset().top - areaOffset.top;
                    if ($area.length) {
                        e.maxLeftOffset = startOffset_left - boundOffset.left;
                        e.maxRightOffset = areaWidth - startOffset_left - elementWidth - boundOffset.right;
                        e.maxTopOffset = startOffset_top - boundOffset.top;
                        e.maxBottomOffset = areaHeight - startOffset_top - elementHeight - boundOffset.bottom
                    }
                    if (this.option("autoScroll")) {
                        this._startAnimator()
                    }
                }
                _getAreaOffset($area) {
                    const offset = $area && _position.default.offset($area);
                    return offset || {
                        left: 0,
                        top: 0
                    }
                }
                _toggleDraggingClass(value) {
                    var _this$_$dragElement3;
                    null === (_this$_$dragElement3 = this._$dragElement) || void 0 === _this$_$dragElement3 || _this$_$dragElement3.toggleClass(this._addWidgetPrefix("dragging"), value)
                }
                _toggleDragSourceClass(value, $element) {
                    const $sourceElement = $element || this._$sourceElement;
                    null === $sourceElement || void 0 === $sourceElement || $sourceElement.toggleClass(this._addWidgetPrefix("source"), value)
                }
                _setGestureCoverCursor($element) {
                    (0, _renderer.default)(".dx-gesture-cover").css("cursor", $element.css("cursor"))
                }
                _getBoundOffset() {
                    let boundOffset = this.option("boundOffset");
                    if ((0, _type.isFunction)(boundOffset)) {
                        boundOffset = boundOffset.call(this)
                    }
                    return (0, _string.quadToObject)(boundOffset)
                }
                _getArea() {
                    let area = this.option("boundary");
                    if ((0, _type.isFunction)(area)) {
                        area = area.call(this)
                    }
                    return (0, _renderer.default)(area)
                }
                _getContainer() {
                    let {
                        container: container
                    } = this.option();
                    if (void 0 === container) {
                        container = (0, _view_port.value)()
                    }
                    return (0, _renderer.default)(container)
                }
                _getDraggableElementOffset(initialOffsetX, initialOffsetY) {
                    var _this$_startPosition, _this$_startPosition2;
                    const initScrollTop = this._initScrollTop;
                    const initScrollLeft = this._initScrollLeft;
                    const scrollTop = this._getScrollableScrollTop();
                    const scrollLeft = this._getScrollableScrollLeft();
                    const elementPosition = (0, _renderer.default)(this.element()).css("position");
                    const isFixedPosition = "fixed" === elementPosition;
                    const result = {
                        left: ((null === (_this$_startPosition = this._startPosition) || void 0 === _this$_startPosition ? void 0 : _this$_startPosition.left) ?? 0) + initialOffsetX,
                        top: ((null === (_this$_startPosition2 = this._startPosition) || void 0 === _this$_startPosition2 ? void 0 : _this$_startPosition2.top) ?? 0) + initialOffsetY
                    };
                    if (isFixedPosition || this._hasClonedDraggable()) {
                        return result
                    }
                    return {
                        left: (0, _type.isNumeric)(scrollLeft) ? result.left + scrollLeft - initScrollLeft : result.left,
                        top: (0, _type.isNumeric)(scrollTop) ? result.top + scrollTop - initScrollTop : result.top
                    }
                }
                _hasClonedDraggable() {
                    return this.option("clone") || this.option("dragTemplate")
                }
                _dragMoveHandler(e) {
                    this._dragMoveArgs = e;
                    if (!this._$dragElement) {
                        e.cancel = true;
                        return
                    }
                    const offset = this._getDraggableElementOffset(e.offset.x, e.offset.y);
                    this._move(offset);
                    this._updateScrollable(e);
                    const eventArgs = this._getEventArgs(e);
                    this._getAction("onDragMove")(eventArgs);
                    if (true === eventArgs.cancel) {
                        return
                    }
                    const targetDraggable = this._getTargetDraggable();
                    targetDraggable.dragMove(e, scrollBy)
                }
                _updateScrollable(e) {
                    const that = this;
                    if (that.option("autoScroll")) {
                        const mousePosition = getMousePosition(e);
                        const allObjects = _dom_adapter.default.elementsFromPoint(mousePosition.x, mousePosition.y, this.$element().get(0));
                        that._verticalScrollHelper.updateScrollable(allObjects, mousePosition);
                        that._horizontalScrollHelper.updateScrollable(allObjects, mousePosition)
                    }
                }
                _getScrollable($element) {
                    let $scrollable;
                    $element.parents().toArray().some(parent => {
                        const $parent = (0, _renderer.default)(parent);
                        if (this._horizontalScrollHelper.isScrollable($parent) || this._verticalScrollHelper.isScrollable($parent)) {
                            $scrollable = $parent;
                            return true
                        }
                        return false
                    });
                    return $scrollable
                }
                _getScrollableScrollTop() {
                    var _this$_getScrollable;
                    return (null === (_this$_getScrollable = this._getScrollable((0, _renderer.default)(this.element()))) || void 0 === _this$_getScrollable ? void 0 : _this$_getScrollable.scrollTop()) ?? 0
                }
                _getScrollableScrollLeft() {
                    var _this$_getScrollable2;
                    return (null === (_this$_getScrollable2 = this._getScrollable((0, _renderer.default)(this.element()))) || void 0 === _this$_getScrollable2 ? void 0 : _this$_getScrollable2.scrollLeft()) ?? 0
                }
                _defaultActionArgs() {
                    const args = super._defaultActionArgs.apply(this, arguments);
                    const component = this.option("component");
                    if (component) {
                        args.component = component;
                        args.element = component.element()
                    }
                    return args
                }
                _getEventArgs(e) {
                    const sourceDraggable = this._getSourceDraggable();
                    const targetDraggable = this._getTargetDraggable();
                    return {
                        event: e,
                        itemData: sourceDraggable.option("itemData"),
                        itemElement: (0, _element.getPublicElement)(sourceDraggable._$sourceElement),
                        fromComponent: sourceDraggable.option("component") || sourceDraggable,
                        toComponent: targetDraggable.option("component") || targetDraggable,
                        fromData: sourceDraggable.option("data"),
                        toData: targetDraggable.option("data")
                    }
                }
                _getDragStartArgs(e, $itemElement) {
                    const args = this._getEventArgs(e);
                    return {
                        event: args.event,
                        itemData: args.itemData,
                        itemElement: $itemElement,
                        fromData: args.fromData
                    }
                }
                _revertItemToInitialPosition() {
                    !this._dragElementIsCloned() && this._move(this._initialLocate, this._$sourceElement)
                }
                _dragEndHandler(e) {
                    const d = (0, _deferred.Deferred)();
                    const dragEndEventArgs = this._getEventArgs(e);
                    const dropEventArgs = this._getEventArgs(e);
                    const targetDraggable = this._getTargetDraggable();
                    let needRevertPosition = true;
                    this.dragInProgress = false;
                    try {
                        this._getAction("onDragEnd")(dragEndEventArgs)
                    } finally {
                        (0, _deferred.when)((0, _deferred.fromPromise)(dragEndEventArgs.cancel)).done(cancel => {
                            if (!cancel) {
                                if (targetDraggable !== this) {
                                    targetDraggable._getAction("onDrop")(dropEventArgs)
                                }
                                if (!dropEventArgs.cancel) {
                                    needRevertPosition = false;
                                    (0, _deferred.when)((0, _deferred.fromPromise)(targetDraggable.dragEnd(dragEndEventArgs))).always(d.resolve);
                                    return
                                }
                            }
                            d.resolve()
                        }).fail(d.resolve);
                        d.done(() => {
                            if (needRevertPosition) {
                                this._revertItemToInitialPosition()
                            }
                            this._resetDragOptions(targetDraggable)
                        })
                    }
                }
                _isTargetOverAnotherDraggable(e) {
                    const sourceDraggable = this._getSourceDraggable();
                    if (this === sourceDraggable) {
                        return false
                    }
                    const $dragElement = sourceDraggable._$dragElement;
                    const $sourceDraggableElement = sourceDraggable.$element();
                    const $targetDraggableElement = this.$element();
                    const mousePosition = getMousePosition(e);
                    const elements = _dom_adapter.default.elementsFromPoint(mousePosition.x, mousePosition.y, this.element());
                    const firstWidgetElement = elements.filter(element => {
                        const $element = (0, _renderer.default)(element);
                        if ($element.hasClass(this._addWidgetPrefix())) {
                            return !$element.closest($dragElement).length
                        }
                        return false
                    })[0];
                    const $sourceElement = this._getSourceElement();
                    const isTargetOverItself = firstWidgetElement === $sourceDraggableElement.get(0);
                    const isTargetOverNestedDraggable = (0, _renderer.default)(firstWidgetElement).closest($sourceElement).length;
                    return !firstWidgetElement || firstWidgetElement === $targetDraggableElement.get(0) && !isTargetOverItself && !isTargetOverNestedDraggable
                }
                _dragEnterHandler(e) {
                    this._fireDragEnterEvent(e);
                    if (this._isTargetOverAnotherDraggable(e)) {
                        this._setTargetDraggable()
                    }
                    const sourceDraggable = this._getSourceDraggable();
                    sourceDraggable.dragEnter(e)
                }
                _dragLeaveHandler(e) {
                    this._fireDragLeaveEvent(e);
                    this._resetTargetDraggable();
                    if (this !== this._getSourceDraggable()) {
                        this.reset()
                    }
                    const sourceDraggable = this._getSourceDraggable();
                    sourceDraggable.dragLeave(e)
                }
                _keydownHandler(e) {
                    if (this.dragInProgress && "Escape" === e.key) {
                        this._keydownEscapeHandler(e)
                    }
                }
                _keydownEscapeHandler(e) {
                    var _sourceDraggable;
                    const $sourceElement = this._getSourceElement();
                    if (!$sourceElement) {
                        return
                    }
                    const dragCancelEventArgs = this._getEventArgs(e);
                    this._getAction("onDragCancel")(dragCancelEventArgs);
                    if (dragCancelEventArgs.cancel) {
                        return
                    }
                    this.dragInProgress = false;
                    null === (_sourceDraggable = sourceDraggable) || void 0 === _sourceDraggable || _sourceDraggable._toggleDraggingClass(false);
                    this._detachEventHandlers();
                    this._revertItemToInitialPosition();
                    const targetDraggable = this._getTargetDraggable();
                    this._resetDragOptions(targetDraggable);
                    this._attachEventHandlers()
                }
                _getAction(name) {
                    return this[`_${name}Action`] || this._createActionByOption(name)
                }
                _getAnonymousTemplateName() {
                    return "content"
                }
                _initTemplates() {
                    if (!this.option("contentTemplate")) {
                        return
                    }
                    this._templateManager.addDefaultTemplates({
                        content: new _empty_template.EmptyTemplate
                    });
                    super._initTemplates.apply(this, arguments)
                }
                _render() {
                    super._render();
                    this.$element().addClass(this._addWidgetPrefix());
                    const transclude = this._templateManager.anonymousTemplateName === this.option("contentTemplate");
                    const template = this._getTemplateByOption("contentTemplate");
                    if (template) {
                        (0, _renderer.default)(template.render({
                            container: this.element(),
                            transclude: transclude
                        }))
                    }
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "onDragStart":
                        case "onDragMove":
                        case "onDragEnd":
                        case "onDrop":
                        case "onDragEnter":
                        case "onDragLeave":
                        case "onDragCancel":
                        case "onDraggableElementShown":
                            this[`_${name}Action`] = this._createActionByOption(name);
                            break;
                        case "dragTemplate":
                        case "contentTemplate":
                        case "container":
                        case "clone":
                        case "scrollSensitivity":
                        case "scrollSpeed":
                        case "boundOffset":
                        case "handle":
                        case "group":
                        case "data":
                        case "itemData":
                            break;
                        case "allowMoveByClick":
                        case "dragDirection":
                        case "disabled":
                        case "boundary":
                        case "filter":
                        case "immediate":
                            this._resetDragElement();
                            this._detachEventHandlers();
                            this._attachEventHandlers();
                            break;
                        case "onCancelByEsc":
                            this._keydownHandler();
                            break;
                        case "autoScroll":
                            this._verticalScrollHelper.reset();
                            this._horizontalScrollHelper.reset();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _getTargetDraggable() {
                    return targetDraggable || this
                }
                _getSourceDraggable() {
                    return sourceDraggable || this
                }
                _setTargetDraggable() {
                    const currentGroup = this.option("group");
                    const sourceDraggable = this._getSourceDraggable();
                    if (currentGroup && currentGroup === sourceDraggable.option("group")) {
                        targetDraggable = this
                    }
                }
                _setSourceDraggable() {
                    sourceDraggable = this
                }
                _resetSourceDraggable() {
                    sourceDraggable = null
                }
                _resetTargetDraggable() {
                    targetDraggable = null
                }
                _resetDragOptions(targetDraggable) {
                    this.reset();
                    targetDraggable.reset();
                    this._stopAnimator();
                    this._horizontalScrollHelper.reset();
                    this._verticalScrollHelper.reset();
                    this._resetDragElement();
                    this._resetSourceElement();
                    this._resetTargetDraggable();
                    this._resetSourceDraggable()
                }
                _dispose() {
                    super._dispose();
                    this._detachEventHandlers();
                    this._resetDragElement();
                    this._resetTargetDraggable();
                    this._resetSourceDraggable();
                    this._$sourceElement = null;
                    this._stopAnimator()
                }
                _fireDragEnterEvent(sourceEvent) {
                    const args = this._getEventArgs(sourceEvent);
                    this._getAction("onDragEnter")(args)
                }
                _fireDragLeaveEvent(sourceEvent) {
                    const args = this._getEventArgs(sourceEvent);
                    this._getAction("onDragLeave")(args)
                }
            }(0, _component_registrator.default)(DRAGGABLE, Draggable);
            exports.default = Draggable
        },
        96334(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _animation = __webpack_require__( /*! ../common/core/animation */ 16826);
            var _translator = __webpack_require__( /*! ../common/core/animation/translator */ 88603);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../common/core/events/core/events_engine */ 92774));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../core/component_registrator */ 92848));
            var _element = __webpack_require__( /*! ../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../core/utils/extend */ 52576);
            var _position = __webpack_require__( /*! ../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../core/utils/size */ 57653);
            var _window = __webpack_require__( /*! ../core/utils/window */ 3104);
            var _m_draggable = _interopRequireDefault(__webpack_require__( /*! ./m_draggable */ 89983));
            var _type = __webpack_require__( /*! ../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const isElementVisible = itemElement => (0, _renderer.default)(itemElement).is(":visible");
            const animate = (element, config) => {
                var _config$to, _config$to2;
                if (!element) {
                    return
                }
                const left = (null === (_config$to = config.to) || void 0 === _config$to ? void 0 : _config$to.left) || 0;
                const top = (null === (_config$to2 = config.to) || void 0 === _config$to2 ? void 0 : _config$to2.top) || 0;
                element.style.transform = `translate(${left}px,${top}px)`;
                element.style.transition = _animation.fx.off ? "" : `transform ${config.duration}ms ${config.easing}`
            };
            const stopAnimation = element => {
                if (!element) {
                    return
                }
                element.style.transform = "";
                element.style.transition = ""
            };
            class Sortable extends _m_draggable.default {
                _init() {
                    super._init();
                    this._sourceScrollHandler = this._handleSourceScroll.bind(this);
                    this._sourceScrollableInfo = null
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        clone: true,
                        filter: "> *",
                        itemOrientation: "vertical",
                        dropFeedbackMode: "push",
                        allowDropInsideItem: false,
                        allowReordering: true,
                        moveItemOnDrop: false,
                        onDragChange: null,
                        onAdd: null,
                        onRemove: null,
                        onReorder: null,
                        onPlaceholderPrepared: null,
                        placeholderClassName: "",
                        animation: {
                            type: "slide",
                            duration: 300,
                            easing: "ease"
                        },
                        fromIndex: null,
                        toIndex: null,
                        dropInsideItem: false,
                        itemPoints: null,
                        fromIndexOffset: 0,
                        offset: 0,
                        autoUpdate: false,
                        draggableElementSize: 0
                    })
                }
                reset() {
                    this.option({
                        dropInsideItem: false,
                        toIndex: null,
                        fromIndex: null,
                        itemPoints: null,
                        fromIndexOffset: 0,
                        draggableElementSize: 0
                    });
                    if (this._$placeholderElement) {
                        this._$placeholderElement.remove()
                    }
                    this._$placeholderElement = null;
                    if (!this._isIndicateMode() && this._$modifiedItem) {
                        this._$modifiedItem.css("marginBottom", this._modifiedItemMargin);
                        this._$modifiedItem = null
                    }
                }
                _getPrevVisibleItem(items, index) {
                    return items.slice(0, index).reverse().filter(isElementVisible)[0]
                }
                _dragStartHandler(e) {
                    super._dragStartHandler.apply(this, arguments);
                    if (true === e.cancel) {
                        return
                    }
                    const $sourceElement = this._getSourceElement();
                    this._updateItemPoints();
                    this._subscribeToSourceScroll(e);
                    this.option("fromIndex", this._getElementIndex($sourceElement));
                    this.option("fromIndexOffset", this.option("offset"))
                }
                _subscribeToSourceScroll(e) {
                    const $scrollable = this._getScrollable((0, _renderer.default)(e.target));
                    if ($scrollable) {
                        this._sourceScrollableInfo = {
                            element: $scrollable,
                            scrollLeft: $scrollable.scrollLeft(),
                            scrollTop: $scrollable.scrollTop()
                        };
                        _events_engine.default.off($scrollable, "scroll", this._sourceScrollHandler);
                        _events_engine.default.on($scrollable, "scroll", this._sourceScrollHandler)
                    }
                }
                _unsubscribeFromSourceScroll() {
                    if (this._sourceScrollableInfo) {
                        _events_engine.default.off(this._sourceScrollableInfo.element, "scroll", this._sourceScrollHandler);
                        this._sourceScrollableInfo = null
                    }
                }
                _handleSourceScroll(e) {
                    const sourceScrollableInfo = this._sourceScrollableInfo;
                    if (sourceScrollableInfo) {
                        ["scrollLeft", "scrollTop"].forEach(scrollProp => {
                            if (e.target[scrollProp] !== sourceScrollableInfo[scrollProp]) {
                                const scrollBy = e.target[scrollProp] - sourceScrollableInfo[scrollProp];
                                this._correctItemPoints(scrollBy);
                                this._movePlaceholder();
                                sourceScrollableInfo[scrollProp] = e.target[scrollProp]
                            }
                        })
                    }
                }
                _dragEnterHandler(e) {
                    super._dragEnterHandler.apply(this, arguments);
                    if (this === this._getSourceDraggable()) {
                        return
                    }
                    this._subscribeToSourceScroll(e);
                    this._updateItemPoints();
                    this.option("fromIndex", -1);
                    if (!this._isIndicateMode()) {
                        const itemPoints = this.option("itemPoints");
                        const lastItemPoint = itemPoints[itemPoints.length - 1];
                        if (lastItemPoint) {
                            const $element = this.$element();
                            const $sourceElement = this._getSourceElement();
                            const isVertical = this._isVerticalOrientation();
                            const sourceElementSize = isVertical ? (0, _size.getOuterHeight)($sourceElement, true) : (0, _size.getOuterWidth)($sourceElement, true);
                            const scrollSize = $element.get(0)[isVertical ? "scrollHeight" : "scrollWidth"];
                            const scrollPosition = $element.get(0)[isVertical ? "scrollTop" : "scrollLeft"];
                            const positionProp = isVertical ? "top" : "left";
                            const lastPointPosition = lastItemPoint[positionProp];
                            const elementPosition = $element.offset()[positionProp];
                            const freeSize = elementPosition + scrollSize - scrollPosition - lastPointPosition;
                            if (freeSize < sourceElementSize) {
                                if (isVertical) {
                                    const items = this._getItems();
                                    const $lastItem = (0, _renderer.default)(this._getPrevVisibleItem(items));
                                    this._$modifiedItem = $lastItem;
                                    this._modifiedItemMargin = $lastItem.get(0).style.marginBottom;
                                    $lastItem.css("marginBottom", sourceElementSize - freeSize);
                                    const $sortable = $lastItem.closest(".dx-sortable");
                                    const sortable = $sortable.data("dxScrollable") || $sortable.data("dxScrollView");
                                    null === sortable || void 0 === sortable || sortable.update()
                                }
                            }
                        }
                    }
                }
                _dragLeaveHandler() {
                    super._dragLeaveHandler.apply(this, arguments);
                    if (this !== this._getSourceDraggable()) {
                        this._unsubscribeFromSourceScroll()
                    }
                }
                dragEnter() {
                    if (this !== this._getTargetDraggable()) {
                        this.option("toIndex", -1)
                    }
                }
                dragLeave() {
                    if (this !== this._getTargetDraggable()) {
                        this.option("toIndex", this.option("fromIndex"))
                    }
                }
                _allowDrop(event) {
                    const targetDraggable = this._getTargetDraggable();
                    const $targetDraggable = targetDraggable.$element();
                    const $scrollable = this._getScrollable($targetDraggable);
                    if ($scrollable) {
                        const {
                            left: left,
                            right: right,
                            top: top,
                            bottom: bottom
                        } = function($scrollable) {
                            const offset = $scrollable.offset();
                            const {
                                style: style
                            } = $scrollable[0];
                            const paddingLeft = parseFloat(style.paddingLeft) || 0;
                            const paddingRight = parseFloat(style.paddingRight) || 0;
                            const paddingTop = parseFloat(style.paddingTop) || 0;
                            const width = $scrollable[0].clientWidth - (paddingLeft + paddingRight);
                            const height = (0, _size.getHeight)($scrollable);
                            const left = offset.left + paddingLeft;
                            const top = offset.top + paddingTop;
                            return {
                                left: left,
                                right: left + width,
                                top: top,
                                bottom: top + height
                            }
                        }($scrollable);
                        const toIndex = this.option("toIndex");
                        const itemPoints = this.option("itemPoints");
                        const itemPoint = null === itemPoints || void 0 === itemPoints ? void 0 : itemPoints.filter(item => item.index === toIndex)[0];
                        if (itemPoint && void 0 !== itemPoint.top) {
                            const isVertical = this._isVerticalOrientation();
                            if (isVertical) {
                                return top <= Math.ceil(itemPoint.top) && Math.floor(itemPoint.top) <= bottom
                            }
                            return left <= Math.ceil(itemPoint.left) && Math.floor(itemPoint.left) <= right
                        }
                    }
                    return true
                }
                dragEnd(sourceEvent) {
                    this._unsubscribeFromSourceScroll();
                    const $sourceElement = this._getSourceElement();
                    const sourceDraggable = this._getSourceDraggable();
                    const isSourceDraggable = sourceDraggable.NAME !== this.NAME;
                    const toIndex = this.option("toIndex");
                    const {
                        event: event
                    } = sourceEvent;
                    const allowDrop = this._allowDrop(event);
                    if (null !== toIndex && toIndex >= 0 && allowDrop) {
                        let cancelAdd;
                        let cancelRemove;
                        if (sourceDraggable !== this) {
                            cancelAdd = this._fireAddEvent(event);
                            if (!cancelAdd) {
                                cancelRemove = this._fireRemoveEvent(event)
                            }
                        }
                        if (isSourceDraggable) {
                            (0, _translator.resetPosition)($sourceElement)
                        }
                        if (this.option("moveItemOnDrop")) {
                            !cancelAdd && this._moveItem($sourceElement, toIndex, cancelRemove)
                        }
                        if (sourceDraggable === this) {
                            return this._fireReorderEvent(event)
                        }
                    }
                    return (0, _deferred.Deferred)().resolve()
                }
                dragMove(e) {
                    const itemPoints = this.option("itemPoints");
                    if (!itemPoints) {
                        return
                    }
                    const isVertical = this._isVerticalOrientation();
                    const axisName = isVertical ? "top" : "left";
                    const cursorPosition = isVertical ? e.pageY : e.pageX;
                    const rtlEnabled = this.option("rtlEnabled");
                    let itemPoint;
                    for (let i = itemPoints.length - 1; i >= 0; i--) {
                        const centerPosition = itemPoints[i + 1] && (itemPoints[i][axisName] + itemPoints[i + 1][axisName]) / 2;
                        if ((!isVertical && rtlEnabled ? cursorPosition > centerPosition : centerPosition > cursorPosition) || void 0 === centerPosition) {
                            itemPoint = itemPoints[i]
                        } else {
                            break
                        }
                    }
                    if (itemPoint) {
                        this._updatePlaceholderPosition(e, itemPoint);
                        if (this._verticalScrollHelper.isScrolling() && this._isIndicateMode()) {
                            this._movePlaceholder()
                        }
                    }
                }
                _isIndicateMode() {
                    return "indicate" === this.option("dropFeedbackMode") || this.option("allowDropInsideItem")
                }
                _createPlaceholder() {
                    if (!this._isIndicateMode()) {
                        return
                    }
                    const customCssClass = this.option("placeholderClassName");
                    this._$placeholderElement = (0, _renderer.default)("<div>").addClass(this._addWidgetPrefix("placeholder")).addClass(customCssClass ?? "").insertBefore(this._getSourceDraggable()._$dragElement);
                    return this._$placeholderElement
                }
                _getItems() {
                    const itemsSelector = this._getItemsSelector();
                    return this._$content().find(itemsSelector).not(`.${this._addWidgetPrefix("placeholder")}`).not(`.${this._addWidgetPrefix("clone")}`).toArray()
                }
                _allowReordering() {
                    const sourceDraggable = this._getSourceDraggable();
                    const targetDraggable = this._getTargetDraggable();
                    return sourceDraggable !== targetDraggable || this.option("allowReordering")
                }
                _isValidPoint(visibleIndex, draggableVisibleIndex, dropInsideItem) {
                    const allowDropInsideItem = this.option("allowDropInsideItem");
                    const allowReordering = dropInsideItem || this._allowReordering();
                    if (!allowReordering && (0 !== visibleIndex || !allowDropInsideItem)) {
                        return false
                    }
                    if (!this._isIndicateMode()) {
                        return true
                    }
                    return -1 === draggableVisibleIndex || visibleIndex !== draggableVisibleIndex && (dropInsideItem || visibleIndex !== draggableVisibleIndex + 1)
                }
                _getItemPoints() {
                    const that = this;
                    let result = [];
                    let $item;
                    let offset;
                    let itemWidth;
                    const {
                        rtlEnabled: rtlEnabled
                    } = that.option();
                    const isVertical = that._isVerticalOrientation();
                    const itemElements = that._getItems();
                    const visibleItemElements = itemElements.filter(isElementVisible);
                    const visibleItemCount = visibleItemElements.length;
                    const $draggableItem = this._getDraggableElement();
                    const draggableVisibleIndex = visibleItemElements.indexOf($draggableItem.get(0));
                    if (visibleItemCount) {
                        for (let i = 0; i <= visibleItemCount; i++) {
                            const needCorrectLeftPosition = !isVertical && rtlEnabled ^ i === visibleItemCount;
                            const needCorrectTopPosition = isVertical && i === visibleItemCount;
                            if (i < visibleItemCount) {
                                $item = (0, _renderer.default)(visibleItemElements[i]);
                                offset = $item.offset();
                                itemWidth = (0, _size.getOuterWidth)($item)
                            }
                            result.push({
                                dropInsideItem: false,
                                left: offset.left + (needCorrectLeftPosition ? itemWidth : 0),
                                top: offset.top + (needCorrectTopPosition ? result[i - 1].height : 0),
                                index: i === visibleItemCount ? itemElements.length : itemElements.indexOf($item.get(0)),
                                $item: $item,
                                width: (0, _size.getOuterWidth)($item),
                                height: (0, _size.getOuterHeight)($item),
                                isValid: that._isValidPoint(i, draggableVisibleIndex)
                            })
                        }
                        if (this.option("allowDropInsideItem")) {
                            const points = result;
                            result = [];
                            for (let i = 0; i < points.length; i++) {
                                result.push(points[i]);
                                if (points[i + 1]) {
                                    result.push((0, _extend.extend)({}, points[i], {
                                        dropInsideItem: true,
                                        top: Math.floor((points[i].top + points[i + 1].top) / 2),
                                        left: Math.floor((points[i].left + points[i + 1].left) / 2),
                                        isValid: this._isValidPoint(i, draggableVisibleIndex, true)
                                    }))
                                }
                            }
                        }
                    } else {
                        result.push({
                            dropInsideItem: false,
                            index: 0,
                            isValid: true
                        })
                    }
                    return result
                }
                _updateItemPoints(forceUpdate) {
                    if (forceUpdate || this.option("autoUpdate") || !this.option("itemPoints")) {
                        this.option("itemPoints", this._getItemPoints())
                    }
                }
                _correctItemPoints(scrollBy) {
                    const itemPoints = this.option("itemPoints");
                    if (scrollBy && itemPoints && !this.option("autoUpdate")) {
                        const isVertical = this._isVerticalOrientation();
                        const positionPropName = isVertical ? "top" : "left";
                        itemPoints.forEach(itemPoint => {
                            itemPoint[positionPropName] -= scrollBy
                        })
                    }
                }
                _getElementIndex($itemElement) {
                    return this._getItems().indexOf($itemElement.get(0))
                }
                _getDragTemplateArgs($element) {
                    const args = super._getDragTemplateArgs.apply(this, arguments);
                    args.model.fromIndex = this._getElementIndex($element);
                    return args
                }
                _togglePlaceholder(value) {
                    var _this$_$placeholderEl;
                    null === (_this$_$placeholderEl = this._$placeholderElement) || void 0 === _this$_$placeholderEl || _this$_$placeholderEl.toggle(value)
                }
                _isVerticalOrientation() {
                    const {
                        itemOrientation: itemOrientation
                    } = this.option();
                    return "vertical" === itemOrientation
                }
                _normalizeToIndex(toIndex, skipOffsetting) {
                    const isAnotherDraggable = this._getSourceDraggable() !== this._getTargetDraggable();
                    const fromIndex = this._getActualFromIndex();
                    if (null === toIndex) {
                        return fromIndex
                    }
                    return Math.max(isAnotherDraggable || fromIndex >= toIndex || skipOffsetting ? toIndex : toIndex - 1, 0)
                }
                _updatePlaceholderPosition(e, itemPoint) {
                    const sourceDraggable = this._getSourceDraggable();
                    const toIndex = this._normalizeToIndex(itemPoint.index, itemPoint.dropInsideItem);
                    const eventArgs = (0, _extend.extend)(this._getEventArgs(e), {
                        toIndex: toIndex,
                        dropInsideItem: itemPoint.dropInsideItem
                    });
                    itemPoint.isValid && this._getAction("onDragChange")(eventArgs);
                    if (eventArgs.cancel || !itemPoint.isValid) {
                        if (!itemPoint.isValid) {
                            this.option({
                                dropInsideItem: false,
                                toIndex: null
                            })
                        }
                        return
                    }
                    this.option({
                        dropInsideItem: itemPoint.dropInsideItem,
                        toIndex: itemPoint.index
                    });
                    this._getAction("onPlaceholderPrepared")((0, _extend.extend)(this._getEventArgs(e), {
                        placeholderElement: (0, _element.getPublicElement)(this._$placeholderElement),
                        dragElement: (0, _element.getPublicElement)(sourceDraggable._$dragElement)
                    }));
                    this._updateItemPoints()
                }
                _makeWidthCorrection($item, width) {
                    this._$scrollable = this._getScrollable($item);
                    if (this._$scrollable) {
                        const scrollableWidth = (0, _size.getWidth)(this._$scrollable);
                        const overflowLeft = this._$scrollable.offset().left - $item.offset().left;
                        const overflowRight = (0, _size.getOuterWidth)($item) - overflowLeft - scrollableWidth;
                        if (overflowLeft > 0) {
                            width -= overflowLeft
                        }
                        if (overflowRight > 0) {
                            width -= overflowRight
                        }
                    }
                    return width
                }
                _updatePlaceholderSizes($placeholderElement, $itemElement) {
                    const dropInsideItem = this.option("dropInsideItem");
                    const isVertical = this._isVerticalOrientation();
                    let width = "";
                    let height = "";
                    $placeholderElement.toggleClass(this._addWidgetPrefix("placeholder-inside"), dropInsideItem);
                    if (isVertical || dropInsideItem) {
                        width = (0, _size.getOuterWidth)($itemElement)
                    }
                    if (!isVertical || dropInsideItem) {
                        height = (0, _size.getOuterHeight)($itemElement)
                    }
                    width = this._makeWidthCorrection($itemElement, width);
                    $placeholderElement.css({
                        width: width,
                        height: height
                    })
                }
                _moveItem($itemElement, index, cancelRemove) {
                    let $prevTargetItemElement;
                    const $itemElements = this._getItems();
                    const $targetItemElement = $itemElements[index];
                    const sourceDraggable = this._getSourceDraggable();
                    if (cancelRemove) {
                        $itemElement = $itemElement.clone();
                        sourceDraggable._toggleDragSourceClass(false, $itemElement)
                    }
                    if (!$targetItemElement) {
                        $prevTargetItemElement = $itemElements[index - 1]
                    }
                    this._moveItemCore($itemElement, $targetItemElement, $prevTargetItemElement)
                }
                _moveItemCore($targetItem, item, prevItem) {
                    if (!item && !prevItem) {
                        $targetItem.appendTo(this.$element())
                    } else if (prevItem) {
                        $targetItem.insertAfter((0, _renderer.default)(prevItem))
                    } else {
                        $targetItem.insertBefore((0, _renderer.default)(item))
                    }
                }
                _getDragStartArgs(e, $itemElement) {
                    return (0, _extend.extend)(super._getDragStartArgs.apply(this, arguments), {
                        fromIndex: this._getElementIndex($itemElement)
                    })
                }
                _getEventArgs(e) {
                    const sourceDraggable = this._getSourceDraggable();
                    const targetDraggable = this._getTargetDraggable();
                    const dropInsideItem = targetDraggable.option("dropInsideItem");
                    return (0, _extend.extend)(super._getEventArgs.apply(this, arguments), {
                        fromIndex: sourceDraggable.option("fromIndex"),
                        toIndex: this._normalizeToIndex(targetDraggable.option("toIndex"), dropInsideItem),
                        dropInsideItem: dropInsideItem
                    })
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "onDragChange":
                        case "onPlaceholderPrepared":
                        case "onAdd":
                        case "onRemove":
                        case "onReorder":
                            this[`_${name}Action`] = this._createActionByOption(name);
                            break;
                        case "fromIndex":
                            [false, true].forEach(isDragSource => {
                                const fromIndex = isDragSource ? args.value : args.previousValue;
                                if (null !== fromIndex) {
                                    const $fromElement = (0, _renderer.default)(this._getItems()[fromIndex]);
                                    this._toggleDragSourceClass(isDragSource, $fromElement)
                                }
                            });
                            break;
                        case "dropInsideItem":
                            this._optionChangedDropInsideItem(args);
                            break;
                        case "toIndex":
                            this._optionChangedToIndex(args);
                            break;
                        case "itemOrientation":
                        case "allowDropInsideItem":
                        case "moveItemOnDrop":
                        case "dropFeedbackMode":
                        case "itemPoints":
                        case "animation":
                        case "allowReordering":
                        case "fromIndexOffset":
                        case "offset":
                        case "draggableElementSize":
                        case "autoUpdate":
                        case "placeholderClassName":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _optionChangedDropInsideItem() {
                    if (this._isIndicateMode() && this._$placeholderElement) {
                        this._movePlaceholder()
                    }
                }
                _isPositionVisible(position) {
                    const $element = this.$element();
                    let scrollContainer;
                    if ("hidden" !== $element.css("overflow")) {
                        scrollContainer = $element.get(0)
                    } else {
                        $element.parents().each(function() {
                            if ("visible" !== (0, _renderer.default)(this).css("overflow")) {
                                scrollContainer = this;
                                return false
                            }
                            return
                        })
                    }
                    if (scrollContainer) {
                        const clientRect = (0, _position.getBoundingRect)(scrollContainer);
                        const isVerticalOrientation = this._isVerticalOrientation();
                        const start = isVerticalOrientation ? "top" : "left";
                        const end = isVerticalOrientation ? "bottom" : "right";
                        const pageOffset = isVerticalOrientation ? window.pageYOffset : window.pageXOffset;
                        if (position[start] < clientRect[start] + pageOffset || position[start] > clientRect[end] + pageOffset) {
                            return false
                        }
                    }
                    return true
                }
                _optionChangedToIndex(args) {
                    const toIndex = args.value;
                    if (this._isIndicateMode()) {
                        const showPlaceholder = null !== toIndex && toIndex >= 0;
                        this._togglePlaceholder(showPlaceholder);
                        if (showPlaceholder) {
                            this._movePlaceholder()
                        }
                    } else {
                        this._moveItems(args.previousValue, args.value, args.fullUpdate)
                    }
                }
                update() {
                    if (null === this.option("fromIndex") && null === this.option("toIndex")) {
                        return
                    }
                    this._updateItemPoints(true);
                    this._updateDragSourceClass();
                    const toIndex = this.option("toIndex");
                    this._optionChangedToIndex({
                        value: toIndex,
                        fullUpdate: true
                    })
                }
                _updateDragSourceClass() {
                    const fromIndex = this._getActualFromIndex();
                    const $fromElement = (0, _renderer.default)(this._getItems()[fromIndex]);
                    if ($fromElement.length) {
                        this._$sourceElement = $fromElement;
                        this._toggleDragSourceClass(true, $fromElement)
                    }
                }
                _makeLeftCorrection(left) {
                    const $scrollable = this._$scrollable;
                    if ($scrollable && this._isVerticalOrientation()) {
                        const overflowLeft = $scrollable.offset().left - left;
                        if (overflowLeft > 0) {
                            left += overflowLeft
                        }
                    }
                    return left
                }
                _movePlaceholder() {
                    const that = this;
                    const $placeholderElement = that._$placeholderElement || that._createPlaceholder();
                    if (!$placeholderElement) {
                        return
                    }
                    const items = that._getItems();
                    const toIndex = that.option("toIndex");
                    const isVerticalOrientation = that._isVerticalOrientation();
                    const rtlEnabled = this.option("rtlEnabled");
                    const dropInsideItem = that.option("dropInsideItem");
                    let position = null;
                    let itemElement = items[toIndex];
                    if (itemElement) {
                        const $itemElement = (0, _renderer.default)(itemElement);
                        position = $itemElement.offset();
                        if (!isVerticalOrientation && rtlEnabled && !dropInsideItem) {
                            position.left += (0, _size.getOuterWidth)($itemElement, true)
                        }
                    } else {
                        const prevVisibleItemElement = itemElement = this._getPrevVisibleItem(items, toIndex);
                        if (prevVisibleItemElement) {
                            position = (0, _renderer.default)(prevVisibleItemElement).offset();
                            if (isVerticalOrientation) {
                                position.top += (0, _size.getOuterHeight)(prevVisibleItemElement, true)
                            } else if (!rtlEnabled) {
                                position.left += (0, _size.getOuterWidth)(prevVisibleItemElement, true)
                            }
                        }
                    }
                    that._updatePlaceholderSizes($placeholderElement, (0, _renderer.default)(itemElement));
                    if (position && !that._isPositionVisible(position)) {
                        position = null
                    }
                    if (position) {
                        const isLastVerticalPosition = isVerticalOrientation && toIndex === items.length;
                        const outerPlaceholderHeight = (0, _size.getOuterHeight)($placeholderElement);
                        position.left = that._makeLeftCorrection(position.left);
                        position.top = isLastVerticalPosition && position.top >= outerPlaceholderHeight ? position.top - outerPlaceholderHeight : position.top;
                        that._move(position, $placeholderElement)
                    }
                    $placeholderElement.toggle(!!position)
                }
                _getPositions(items, elementSize, fromIndex, toIndex) {
                    const positions = [];
                    for (let i = 0; i < items.length; i++) {
                        let position = 0;
                        if (null === toIndex || null === fromIndex) {
                            positions.push(position);
                            continue
                        }
                        if (-1 === fromIndex) {
                            if (i >= toIndex) {
                                position = elementSize
                            }
                        } else if (-1 === toIndex) {
                            if (i > fromIndex) {
                                position = -elementSize
                            }
                        } else if (fromIndex < toIndex) {
                            if (i > fromIndex && i < toIndex) {
                                position = -elementSize
                            }
                        } else if (fromIndex > toIndex) {
                            if (i >= toIndex && i < fromIndex) {
                                position = elementSize
                            }
                        }
                        positions.push(position)
                    }
                    return positions
                }
                _getDraggableElementSize(isVerticalOrientation) {
                    const $draggableItem = this._getDraggableElement();
                    let size = this.option("draggableElementSize");
                    if (!size) {
                        size = isVerticalOrientation ? ((0, _size.getOuterHeight)($draggableItem) + (0, _size.getOuterHeight)($draggableItem, true)) / 2 : ((0, _size.getOuterWidth)($draggableItem) + (0, _size.getOuterWidth)($draggableItem, true)) / 2;
                        if (!this.option("autoUpdate")) {
                            this.option("draggableElementSize", size)
                        }
                    }
                    return size
                }
                _getActualFromIndex() {
                    const {
                        fromIndex: fromIndex,
                        fromIndexOffset: fromIndexOffset,
                        offset: offset
                    } = this.option();
                    return null == fromIndex ? null : fromIndex + fromIndexOffset - offset
                }
                _moveItems(prevToIndex, toIndex, fullUpdate) {
                    const fromIndex = this._getActualFromIndex();
                    const isVerticalOrientation = this._isVerticalOrientation();
                    const positionPropName = isVerticalOrientation ? "top" : "left";
                    const elementSize = this._getDraggableElementSize(isVerticalOrientation);
                    const items = this._getItems();
                    const prevPositions = this._getPositions(items, elementSize, fromIndex, prevToIndex);
                    const positions = this._getPositions(items, elementSize, fromIndex, toIndex);
                    const animationConfig = this.option("animation");
                    const rtlEnabled = this.option("rtlEnabled");
                    for (let i = 0; i < items.length; i++) {
                        const itemElement = items[i];
                        const prevPosition = prevPositions[i];
                        const position = positions[i];
                        if (null === toIndex || null === fromIndex) {
                            stopAnimation(itemElement)
                        } else if (prevPosition !== position || fullUpdate && (0, _type.isDefined)(position)) {
                            animate(itemElement, (0, _extend.extend)({}, animationConfig, {
                                to: {
                                    [positionPropName]: !isVerticalOrientation && rtlEnabled ? -position : position
                                }
                            }))
                        }
                    }
                }
                _toggleDragSourceClass(value, $element) {
                    const $sourceElement = $element || this._$sourceElement;
                    super._toggleDragSourceClass.apply(this, arguments);
                    if (!this._isIndicateMode()) {
                        null === $sourceElement || void 0 === $sourceElement || $sourceElement.toggleClass(this._addWidgetPrefix("source-hidden"), value)
                    }
                }
                _dispose() {
                    this.reset();
                    super._dispose()
                }
                _fireAddEvent(sourceEvent) {
                    const args = this._getEventArgs(sourceEvent);
                    this._getAction("onAdd")(args);
                    return args.cancel
                }
                _fireRemoveEvent(sourceEvent) {
                    const sourceDraggable = this._getSourceDraggable();
                    const args = this._getEventArgs(sourceEvent);
                    sourceDraggable._getAction("onRemove")(args);
                    return args.cancel
                }
                _fireReorderEvent(sourceEvent) {
                    const args = this._getEventArgs(sourceEvent);
                    this._getAction("onReorder")(args);
                    return args.promise || (0, _deferred.Deferred)().resolve()
                }
            }(0, _component_registrator.default)("dxSortable", Sortable);
            exports.default = Sortable
        },
        48500(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.BasePaginationDefaultProps = void 0;
            var _base_props = __webpack_require__( /*! ../../core/r1/base_props */ 28112);
            exports.BasePaginationDefaultProps = Object.assign({}, _base_props.BaseWidgetDefaultProps, {
                isGridCompatibilityMode: false,
                showInfo: false,
                displayMode: "adaptive",
                maxPagesCount: 10,
                pageCount: 1,
                visible: true,
                hasKnownLastPage: true,
                pagesNavigatorVisible: "auto",
                showPageSizeSelector: "auto",
                allowedPageSizes: [5, 10],
                showNavigationButtons: false,
                itemCount: 1,
                label: void 0
            })
        },
        54623(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PAGINATION_SELECTION_CLASS = exports.PAGINATION_SELECTED_PAGE_SIZE_CLASS = exports.PAGINATION_PAGE_SIZE_CLASS = exports.PAGINATION_PAGE_SIZES_CLASS = exports.PAGINATION_PAGE_INDEXES_CLASS = exports.PAGINATION_PAGE_CLASS = exports.PAGINATION_PAGES_CLASS = exports.PAGINATION_CLASS = exports.PAGER_CLASS = exports.LIGHT_MODE_CLASS = exports.FIRST_CHILD_CLASS = void 0;
            exports.PAGER_CLASS = "dx-pager";
            exports.PAGINATION_CLASS = "dx-pagination";
            exports.LIGHT_MODE_CLASS = "dx-light-mode";
            exports.PAGINATION_PAGES_CLASS = "dx-pages";
            exports.PAGINATION_PAGE_INDEXES_CLASS = "dx-page-indexes";
            exports.PAGINATION_PAGE_CLASS = "dx-page";
            const PAGINATION_SELECTION_CLASS = exports.PAGINATION_SELECTION_CLASS = "dx-selection";
            const PAGINATION_PAGE_SIZE_CLASS = exports.PAGINATION_PAGE_SIZE_CLASS = "dx-page-size";
            exports.PAGINATION_PAGE_SIZES_CLASS = "dx-page-sizes";
            exports.PAGINATION_SELECTED_PAGE_SIZE_CLASS = `${PAGINATION_PAGE_SIZE_CLASS} ${PAGINATION_SELECTION_CLASS}`;
            exports.FIRST_CHILD_CLASS = "dx-first-child"
        },
        5655(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.KeyboardActionContext = void 0;
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            exports.KeyboardActionContext = (0, _index.createContext)(void 0)
        },
        17286(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.LightButtonDefaultProps = exports.LightButton = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            var _subscribe_to_event = __webpack_require__( /*! ../../core/r1/utils/subscribe_to_event */ 28677);
            var _keyboard_action_context = __webpack_require__( /*! ./keyboard_action_context */ 5655);
            const LightButtonDefaultProps = exports.LightButtonDefaultProps = {
                className: "",
                label: "",
                tabIndex: 0,
                selected: false
            };
            class LightButton extends _index.InfernoComponent {
                constructor(props) {
                    super(props);
                    this.state = {};
                    this.refs = null;
                    this.widgetRef = (0, _inferno.createRef)();
                    this.keyboardEffect = this.keyboardEffect.bind(this);
                    this.subscribeToClick = this.subscribeToClick.bind(this)
                }
                getComponentProps() {
                    return this.props
                }
                getKeyboardContext() {
                    if (this.context[_keyboard_action_context.KeyboardActionContext.id]) {
                        return this.context[_keyboard_action_context.KeyboardActionContext.id]
                    }
                    return _keyboard_action_context.KeyboardActionContext.defaultValue
                }
                componentWillUpdate(nextProps, nextState, context) {
                    super.componentWillUpdate(nextProps, nextState, context)
                }
                createEffects() {
                    return [new _index.InfernoEffect(this.keyboardEffect, [this.getKeyboardContext(), this.props.onClick]), new _index.InfernoEffect(this.subscribeToClick, [this.props.onClick])]
                }
                updateEffects() {
                    var _this$_effects$, _this$_effects$2;
                    null === (_this$_effects$ = this._effects[0]) || void 0 === _this$_effects$ || _this$_effects$.update([this.getKeyboardContext(), this.props.onClick]);
                    null === (_this$_effects$2 = this._effects[1]) || void 0 === _this$_effects$2 || _this$_effects$2.update([this.props.onClick])
                }
                keyboardEffect() {
                    return this.getKeyboardContext().registerKeyboardAction(this.widgetRef.current, this.props.onClick)
                }
                subscribeToClick() {
                    return (0, _subscribe_to_event.subscribeToClickEvent)(this.widgetRef.current, this.props.onClick)
                }
                render() {
                    return (0, _inferno.createVNode)(1, "div", this.props.className, this.props.children, 0, {
                        tabindex: this.props.tabIndex,
                        role: "button",
                        "aria-label": this.props.label,
                        "aria-current": this.props.selected ? "page" : void 0
                    }, null, this.widgetRef)
                }
            }
            exports.LightButton = LightButton;
            LightButton.defaultProps = LightButtonDefaultProps
        },
        32576(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PaginationConfigContext = void 0;
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            exports.PaginationConfigContext = (0, _index.createContext)(void 0)
        },
        62502(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PaginationConfigProviderDefaultProps = exports.PaginationConfigProvider = void 0;
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            var _pagination_config_context = __webpack_require__( /*! ./pagination_config_context */ 32576);
            const PaginationConfigProviderDefaultProps = exports.PaginationConfigProviderDefaultProps = {};
            class PaginationConfigProvider extends _index.BaseInfernoComponent {
                constructor() {
                    super(...arguments);
                    this.state = {}
                }
                getConfig() {
                    return {
                        isGridCompatibilityMode: this.props.isGridCompatibilityMode
                    }
                }
                getChildContext() {
                    return Object.assign({}, this.context, {
                        [_pagination_config_context.PaginationConfigContext.id]: this.getConfig() || _pagination_config_context.PaginationConfigContext.defaultValue
                    })
                }
                render() {
                    return this.props.children
                }
            }
            exports.PaginationConfigProvider = PaginationConfigProvider;
            PaginationConfigProvider.defaultProps = PaginationConfigProviderDefaultProps
        },
        64522(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PaginationDefaultProps = void 0;
            var _base_pagination_props = __webpack_require__( /*! ./base_pagination_props */ 48500);
            exports.PaginationDefaultProps = Object.assign({}, _base_pagination_props.BasePaginationDefaultProps, {
                pageSize: 5,
                pageIndex: 1,
                pageIndexChangedInternal: () => {},
                pageSizeChangedInternal: () => {}
            })
        },
        62388(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PaginationContentDefaultProps = exports.PaginationContent = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../core/r1/runtime/inferno/index */ 6257);
            var _widget = __webpack_require__( /*! ../core/r1/widget */ 93796);
            var _message = (e = __webpack_require__( /*! ../../common/core/localization/message */ 4671), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _render_utils = __webpack_require__( /*! ../core/r1/utils/render_utils */ 71312);
            var _accessibility = __webpack_require__( /*! ../ui/shared/accessibility */ 51697);
            var _consts = __webpack_require__( /*! ./common/consts */ 54623);
            var _keyboard_action_context = __webpack_require__( /*! ./common/keyboard_action_context */ 5655);
            var _pagination_config_provider = __webpack_require__( /*! ./common/pagination_config_provider */ 62502);
            var _pagination_props = __webpack_require__( /*! ./common/pagination_props */ 64522);
            var _info = __webpack_require__( /*! ./info */ 49329);
            var _selector = __webpack_require__( /*! ./page_size/selector */ 1542);
            var _page_index_selector = __webpack_require__( /*! ./pages/page_index_selector */ 33494);
            const PaginationContentDefaultProps = exports.PaginationContentDefaultProps = Object.assign({}, _pagination_props.PaginationDefaultProps, {
                infoTextVisible: true,
                isLargeDisplayMode: true
            });
            class PaginationContent extends _index.InfernoComponent {
                constructor(props) {
                    super(props);
                    this.state = {};
                    this.refs = null;
                    this.widgetElementRef = (0, _inferno.createRef)();
                    this.widgetRootElementRef = (0, _inferno.createRef)();
                    this.pagesRef = (0, _inferno.createRef)();
                    this.infoTextRef = (0, _inferno.createRef)();
                    this.__getterCache = {
                        keyboardAction: void 0
                    };
                    this.state = {};
                    this.__getterCache = {};
                    this.setRootElementRef = this.setRootElementRef.bind(this);
                    this.createFakeInstance = this.createFakeInstance.bind(this)
                }
                createEffects() {
                    return [new _index.InfernoEffect(this.setRootElementRef, [])]
                }
                getChildContext() {
                    return Object.assign({}, this.context, {
                        [_keyboard_action_context.KeyboardActionContext.id]: this.getKeyboardAction() || _keyboard_action_context.KeyboardActionContext.defaultValue
                    })
                }
                setRootElementRef() {
                    const {
                        rootElementRef: rootElementRef
                    } = this.props;
                    if (rootElementRef && this.widgetRootElementRef) {
                        rootElementRef.current = this.widgetRootElementRef.current
                    }
                }
                getWidgetRootElement() {
                    var _this$widgetRootEleme;
                    return null === (_this$widgetRootEleme = this.widgetRootElementRef) || void 0 === _this$widgetRootEleme ? void 0 : _this$widgetRootEleme.current
                }
                createFakeInstance() {
                    return {
                        option: () => false,
                        element: () => this.getWidgetRootElement(),
                        component: this.props._getParentComponentRootNode ? {
                            element: () => {
                                var _this$props$_getParen, _this$props;
                                return null === (_this$props$_getParen = (_this$props = this.props)._getParentComponentRootNode) || void 0 === _this$props$_getParen ? void 0 : _this$props$_getParen.call(_this$props)
                            }
                        } : {
                            element: () => this.getWidgetRootElement()
                        },
                        _createActionByOption: () => e => {
                            var _this$props$onKeyDown, _this$props2;
                            null === (_this$props$onKeyDown = (_this$props2 = this.props).onKeyDown) || void 0 === _this$props$onKeyDown || _this$props$onKeyDown.call(_this$props2, e)
                        }
                    }
                }
                getKeyboardAction() {
                    return {
                        registerKeyboardAction: (element, action) => {
                            const fakePaginationInstance = this.createFakeInstance();
                            return (0, _accessibility.registerKeyboardAction)("pager", fakePaginationInstance, element, void 0, action)
                        }
                    }
                }
                getInfoVisible() {
                    const {
                        infoTextVisible: infoTextVisible,
                        showInfo: showInfo
                    } = this.props;
                    return !!showInfo && infoTextVisible
                }
                getPageIndexSelectorVisible() {
                    return 0 !== this.props.pageSize
                }
                getNormalizedDisplayMode() {
                    const {
                        displayMode: displayMode,
                        lightModeEnabled: lightModeEnabled
                    } = this.props;
                    if ("adaptive" === displayMode && void 0 !== lightModeEnabled) {
                        return lightModeEnabled ? "compact" : "full"
                    }
                    return displayMode ?? "adaptive"
                }
                getPagesContainerVisible() {
                    return !!this.props.pagesNavigatorVisible && this.props.pageCount > 0
                }
                getPagesContainerVisibility() {
                    const {
                        pagesNavigatorVisible: pagesNavigatorVisible,
                        pageCount: pageCount,
                        hasKnownLastPage: hasKnownLastPage,
                        showInfo: showInfo,
                        showNavigationButtons: showNavigationButtons,
                        showPageSizeSelector: showPageSizeSelector
                    } = this.props;
                    const shouldHideBasedOnPageCount = "auto" === pagesNavigatorVisible && 1 === pageCount && hasKnownLastPage;
                    const hasExplicitVisibleComponents = Boolean(showInfo) || Boolean(showNavigationButtons) || true === showPageSizeSelector;
                    const shouldHide = shouldHideBasedOnPageCount && !hasExplicitVisibleComponents;
                    const result = shouldHide ? "hidden" : void 0;
                    return result
                }
                getIsLargeDisplayMode() {
                    const displayMode = this.getNormalizedDisplayMode();
                    let result = false;
                    if ("adaptive" === displayMode) {
                        result = this.props.isLargeDisplayMode
                    } else {
                        result = "full" === displayMode
                    }
                    return result
                }
                getClasses() {
                    const classesMap = {
                        [`${this.props.className}`]: !!this.props.className,
                        [_consts.PAGER_CLASS]: !!this.props.isGridCompatibilityMode,
                        [_consts.PAGINATION_CLASS]: !this.props.isGridCompatibilityMode,
                        [_consts.LIGHT_MODE_CLASS]: !this.getIsLargeDisplayMode()
                    };
                    return (0, _render_utils.combineClasses)(classesMap)
                }
                getAria() {
                    const label = this.props.label ?? _message.default.format("dxPagination-ariaLabel");
                    return {
                        role: "navigation",
                        label: label
                    }
                }
                componentWillUpdate(nextProps) {
                    super.componentWillUpdate();
                    if (this.props.onKeyDown !== nextProps.onKeyDown) {
                        this.__getterCache.keyboardAction = void 0
                    }
                }
                render() {
                    const {
                        isGridCompatibilityMode: isGridCompatibilityMode,
                        rtlEnabled: rtlEnabled,
                        visible: visible,
                        showPageSizeSelector: showPageSizeSelector,
                        allowedPageSizesRef: allowedPageSizesRef,
                        pageSize: pageSize,
                        pageSizeChangedInternal: pageSizeChangedInternal,
                        allowedPageSizes: allowedPageSizes,
                        infoTextRef: infoTextRef,
                        infoText: infoText,
                        pageCount: pageCount,
                        pageIndex: pageIndex,
                        itemCount: itemCount,
                        pagesRef: pagesRef,
                        hasKnownLastPage: hasKnownLastPage,
                        maxPagesCount: maxPagesCount,
                        pageIndexChangedInternal: pageIndexChangedInternal,
                        pagesCountText: pagesCountText,
                        showNavigationButtons: showNavigationButtons,
                        style: style,
                        width: width,
                        height: height,
                        elementAttr: elementAttr,
                        hint: hint,
                        disabled: disabled,
                        tabIndex: tabIndex,
                        accessKey: accessKey,
                        activeStateEnabled: activeStateEnabled,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled
                    } = this.props;
                    const content = (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _widget.Widget, Object.assign({
                        rootElementRef: this.widgetRootElementRef,
                        rtlEnabled: rtlEnabled,
                        classes: this.getClasses(),
                        visible: visible,
                        aria: this.getAria(),
                        style: style,
                        width: width,
                        height: height,
                        hint: hint,
                        disabled: disabled,
                        tabIndex: tabIndex,
                        accessKey: accessKey,
                        activeStateEnabled: activeStateEnabled,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled
                    }, elementAttr, {
                        children: [showPageSizeSelector && (0, _inferno.createComponentVNode)(2, _selector.PageSizeSelector, {
                            rootElementRef: allowedPageSizesRef,
                            isLargeDisplayMode: this.getIsLargeDisplayMode(),
                            itemCount: itemCount,
                            pageSize: pageSize,
                            pageSizeChangedInternal: pageSizeChangedInternal,
                            allowedPageSizes: allowedPageSizes
                        }), this.getPagesContainerVisible() && (0, _inferno.createVNode)(1, "div", _consts.PAGINATION_PAGES_CLASS, [this.getInfoVisible() && (0, _inferno.createComponentVNode)(2, _info.InfoText, {
                            rootElementRef: infoTextRef,
                            infoText: infoText,
                            pageCount: pageCount,
                            pageIndex: pageIndex,
                            itemCount: itemCount
                        }), this.getPageIndexSelectorVisible() && (0, _inferno.createVNode)(1, "div", _consts.PAGINATION_PAGE_INDEXES_CLASS, (0, _inferno.createComponentVNode)(2, _page_index_selector.PageIndexSelector, {
                            hasKnownLastPage: hasKnownLastPage,
                            isLargeDisplayMode: this.getIsLargeDisplayMode(),
                            maxPagesCount: maxPagesCount,
                            pageCount: pageCount,
                            pageIndex: pageIndex,
                            pageIndexChangedInternal: pageIndexChangedInternal,
                            pagesCountText: pagesCountText,
                            showNavigationButtons: showNavigationButtons,
                            itemCount: itemCount
                        }), 2, null, null, pagesRef)], 0, {
                            style: {
                                visibility: this.getPagesContainerVisibility()
                            }
                        })]
                    })));
                    return (0, _inferno.createComponentVNode)(2, _pagination_config_provider.PaginationConfigProvider, {
                        isGridCompatibilityMode: isGridCompatibilityMode,
                        children: content
                    })
                }
            }
            exports.PaginationContent = PaginationContent;
            PaginationContent.defaultProps = PaginationContentDefaultProps
        },
        567(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SelectBox = exports.NumberBoxDefaultProps = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            var _select_box = (e = __webpack_require__( /*! ../../../ui/select_box */ 60695), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _dom_component_wrapper = __webpack_require__( /*! ../../core/r1/dom_component_wrapper */ 10922);
            var _editor_label_props = __webpack_require__( /*! ../editors/common/editor_label_props */ 71027);
            var _editor_props = __webpack_require__( /*! ../editors/common/editor_props */ 90650);
            var _editor_state_props = __webpack_require__( /*! ../editors/common/editor_state_props */ 49916);
            const NumberBoxDefaultProps = exports.NumberBoxDefaultProps = Object.assign({}, _editor_props.EditorDefaultProps, _editor_state_props.EditorStateDefaultProps, _editor_label_props.EditorLabelDefaultProps, {
                placeholder: "",
                hoverStateEnabled: true,
                searchEnabled: false,
                value: null,
                isReactComponentWrapper: true
            });
            class SelectBox extends _index.BaseInfernoComponent {
                constructor() {
                    super(...arguments);
                    this.state = {};
                    this.refs = null
                }
                get componentProps() {
                    return this.props
                }
                render() {
                    return (0, _inferno.createComponentVNode)(2, _dom_component_wrapper.DomComponentWrapper, {
                        componentType: _select_box.default,
                        componentProps: this.componentProps,
                        templateNames: ["dropDownButtonTemplate", "groupTemplate", "itemTemplate"]
                    })
                }
            }
            exports.SelectBox = SelectBox;
            SelectBox.defaultProps = NumberBoxDefaultProps
        },
        25435(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.BaseWidgetDefaultProps = void 0;
            exports.BaseWidgetDefaultProps = {
                className: "",
                activeStateEnabled: false,
                disabled: false,
                focusStateEnabled: false,
                hoverStateEnabled: false,
                tabIndex: 0,
                visible: true,
                rtlEnabled: false
            }
        },
        71027(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.EditorLabelDefaultProps = void 0;
            var _themes = __webpack_require__( /*! ../../../../ui/themes */ 52071);
            exports.EditorLabelDefaultProps = {
                label: "",
                labelMode: (0, _themes.isMaterial)((0, _themes.current)()) ? "floating" : "static"
            }
        },
        90650(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.EditorDefaultProps = void 0;
            var _base_widget_props = __webpack_require__( /*! ./base_widget_props */ 25435);
            var _widget_props = __webpack_require__( /*! ./widget_props */ 34211);
            exports.EditorDefaultProps = Object.assign({}, _base_widget_props.BaseWidgetDefaultProps, {
                aria: _widget_props.WidgetDefaultProps.aria,
                classes: _widget_props.WidgetDefaultProps.classes,
                readOnly: false,
                name: "",
                value: null,
                validationError: null,
                validationErrors: null,
                validationMessageMode: "auto",
                validationMessagePosition: "bottom",
                validationStatus: "valid",
                isValid: true,
                isDirty: false,
                inputAttr: {}
            })
        },
        49916(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.EditorStateDefaultProps = void 0;
            var _devices = (e = __webpack_require__( /*! ../../../../core/devices */ 65951), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.EditorStateDefaultProps = {
                hoverStateEnabled: true,
                activeStateEnabled: true,
                focusStateEnabled: "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator()
            }
        },
        34211(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.WidgetDefaultProps = void 0;
            var _base_props = __webpack_require__( /*! ../../../core/r1/base_props */ 28112);
            exports.WidgetDefaultProps = Object.assign({}, _base_props.BaseWidgetDefaultProps, {
                _feedbackHideTimeout: 400,
                _feedbackShowTimeout: 30,
                cssText: "",
                aria: {},
                classes: "",
                name: "",
                addWidgetClass: true
            })
        },
        71897(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.NumberBoxDefaultProps = exports.NumberBox = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            var _number_box = (e = __webpack_require__( /*! ../../../ui/number_box */ 48042), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _dom_component_wrapper = __webpack_require__( /*! ../../core/r1/dom_component_wrapper */ 10922);
            var _editor_label_props = __webpack_require__( /*! ./common/editor_label_props */ 71027);
            var _editor_props = __webpack_require__( /*! ./common/editor_props */ 90650);
            var _editor_state_props = __webpack_require__( /*! ./common/editor_state_props */ 49916);
            const NumberBoxDefaultProps = exports.NumberBoxDefaultProps = Object.assign({}, _editor_props.EditorDefaultProps, _editor_state_props.EditorStateDefaultProps, _editor_label_props.EditorLabelDefaultProps, {
                value: 0,
                isReactComponentWrapper: true
            });
            class NumberBox extends _index.BaseInfernoComponent {
                constructor() {
                    super(...arguments);
                    this.state = {};
                    this.refs = null
                }
                get componentProps() {
                    return this.props
                }
                render() {
                    return (0, _inferno.createComponentVNode)(2, _dom_component_wrapper.DomComponentWrapper, {
                        componentType: _number_box.default,
                        componentProps: this.componentProps,
                        templateNames: []
                    })
                }
            }
            exports.NumberBox = NumberBox;
            NumberBox.defaultProps = NumberBoxDefaultProps
        },
        49329(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PAGER_INFO_CLASS = exports.InfoText = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../core/r1/runtime/inferno/index */ 6257);
            var _string = __webpack_require__( /*! ../../core/utils/string */ 54497);
            var _pagination_props = __webpack_require__( /*! ./common/pagination_props */ 64522);
            var _compatibility_utils = __webpack_require__( /*! ./utils/compatibility_utils */ 4917);
            const PAGER_INFO_CLASS = exports.PAGER_INFO_CLASS = "dx-info";
            const InfoTextDefaultProps = {
                pageCount: _pagination_props.PaginationDefaultProps.pageCount,
                pageIndex: _pagination_props.PaginationDefaultProps.pageIndex,
                itemCount: _pagination_props.PaginationDefaultProps.itemCount
            };
            class InfoText extends _index.BaseInfernoComponent {
                constructor() {
                    super(...arguments);
                    this.state = {};
                    this.refs = null;
                    this.rootElementRef = (0, _inferno.createRef)()
                }
                getInfoText() {
                    return this.props.infoText ?? (0, _compatibility_utils.getLocalizationMessage)(this.context, "dxPagination-infoText")
                }
                getText() {
                    const {
                        pageCount: pageCount,
                        pageIndex: pageIndex,
                        itemCount: itemCount
                    } = this.props;
                    return (0, _string.format)(this.getInfoText(), (pageIndex + 1).toString(), null === pageCount || void 0 === pageCount ? void 0 : pageCount.toString(), null === itemCount || void 0 === itemCount ? void 0 : itemCount.toString())
                }
                render() {
                    return (0, _inferno.createVNode)(1, "div", PAGER_INFO_CLASS, this.getText(), 0, null, null, this.props.rootElementRef)
                }
            }
            exports.InfoText = InfoText;
            InfoText.defaultProps = InfoTextDefaultProps
        },
        40340(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PageSizeLargeDefaultProps = exports.PageSizeLarge = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            var _string = __webpack_require__( /*! ../../../core/utils/string */ 54497);
            var _render_utils = __webpack_require__( /*! ../../core/r1/utils/render_utils */ 71312);
            var _consts = __webpack_require__( /*! ../common/consts */ 54623);
            var _light_button = __webpack_require__( /*! ../common/light_button */ 17286);
            var _pagination_props = __webpack_require__( /*! ../common/pagination_props */ 64522);
            var _compatibility_utils = __webpack_require__( /*! ../utils/compatibility_utils */ 4917);
            const PageSizeLargeDefaultProps = exports.PageSizeLargeDefaultProps = {
                allowedPageSizes: [],
                pageSize: _pagination_props.PaginationDefaultProps.pageSize,
                pageSizeChangedInternal: _pagination_props.PaginationDefaultProps.pageSizeChangedInternal
            };
            class PageSizeLarge extends _index.BaseInfernoComponent {
                constructor(props) {
                    super(props);
                    this.state = {};
                    this.refs = null;
                    this.__getterCache = {
                        pageSizesText: void 0
                    };
                    this.state = {};
                    this.onPageSizeChange = this.onPageSizeChange.bind(this)
                }
                getPageSizesText() {
                    if (void 0 !== this.__getterCache.pageSizesText) {
                        return this.__getterCache.pageSizesText
                    }
                    const result = (() => {
                        const {
                            pageSize: pageSize,
                            allowedPageSizes: allowedPageSizes
                        } = this.props;
                        return allowedPageSizes.map((_ref3, index) => {
                            const {
                                text: text,
                                value: processedPageSize
                            } = _ref3;
                            const selected = processedPageSize === pageSize;
                            const className = (0, _render_utils.combineClasses)({
                                [selected ? _consts.PAGINATION_SELECTED_PAGE_SIZE_CLASS : _consts.PAGINATION_PAGE_SIZE_CLASS]: true,
                                [_consts.FIRST_CHILD_CLASS]: 0 === index
                            });
                            return {
                                className: className,
                                click: this.onPageSizeChange(processedPageSize),
                                label: (0, _string.format)((0, _compatibility_utils.getLocalizationMessage)(this.context, "dxPagination-pageSize"), processedPageSize || (0, _compatibility_utils.getLocalizationMessage)(this.context, "dxPagination-pageSizesAllText")),
                                text: text
                            }
                        })
                    })();
                    this.__getterCache.pageSizesText = result;
                    return result
                }
                onPageSizeChange(processedPageSize) {
                    return () => {
                        this.props.pageSizeChangedInternal(processedPageSize);
                        return this.props.pageSize
                    }
                }
                componentWillUpdate(nextProps) {
                    const componentChanged = this.props.pageSize !== nextProps.pageSize || this.props.allowedPageSizes !== nextProps.allowedPageSizes || this.props.pageSizeChangedInternal !== nextProps.pageSizeChangedInternal;
                    if (componentChanged) {
                        this.__getterCache.pageSizesText = void 0
                    }
                }
                render() {
                    return (0, _inferno.createFragment)(this.getPageSizesText().map(_ref => {
                        let {
                            text: text,
                            className: className,
                            label: label,
                            click: click
                        } = _ref;
                        return (0, _inferno.createComponentVNode)(2, _light_button.LightButton, {
                            className: className,
                            label: label,
                            onClick: click,
                            children: text
                        }, text)
                    }), 0)
                }
            }
            exports.PageSizeLarge = PageSizeLarge;
            PageSizeLarge.defaultProps = PageSizeLargeDefaultProps
        },
        1542(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PageSizeSelector = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            var _consts = __webpack_require__( /*! ../common/consts */ 54623);
            var _pagination_props = __webpack_require__( /*! ../common/pagination_props */ 64522);
            var _compatibility_utils = __webpack_require__( /*! ../utils/compatibility_utils */ 4917);
            var _large = __webpack_require__( /*! ./large */ 40340);
            var _small = __webpack_require__( /*! ./small */ 54892);
            const PageSizeSelectorDefaultProps = {
                isLargeDisplayMode: true,
                pageSize: _pagination_props.PaginationDefaultProps.pageSize,
                pageSizeChangedInternal: _pagination_props.PaginationDefaultProps.pageSizeChangedInternal,
                allowedPageSizes: _pagination_props.PaginationDefaultProps.allowedPageSizes
            };
            class PageSizeSelector extends _index.InfernoComponent {
                constructor(props) {
                    super(props);
                    this.state = {};
                    this.refs = null;
                    this.rootElementRef = (0, _inferno.createRef)();
                    this.htmlRef = (0, _inferno.createRef)();
                    this.__getterCache = {
                        normalizedPageSizes: void 0
                    };
                    this.setRootElementRef = this.setRootElementRef.bind(this)
                }
                createEffects() {
                    return [new _index.InfernoEffect(this.setRootElementRef, [])]
                }
                setRootElementRef() {
                    const {
                        rootElementRef: rootElementRef
                    } = this.props;
                    if (rootElementRef) {
                        rootElementRef.current = this.htmlRef.current
                    }
                }
                getAllText() {
                    return (0, _compatibility_utils.getLocalizationMessage)(this.context, "dxPagination-pageSizesAllText")
                }
                getNormalizedPageSizes() {
                    if (void 0 !== this.__getterCache.normalizedPageSizes) {
                        return this.__getterCache.normalizedPageSizes
                    }
                    const result = this.props.allowedPageSizes.map(p => "all" === p || 0 === p ? {
                        text: this.getAllText(),
                        value: 0
                    } : {
                        text: String(p),
                        value: p
                    });
                    this.__getterCache.normalizedPageSizes = result;
                    return result
                }
                componentWillUpdate(nextProps) {
                    super.componentWillUpdate();
                    if (this.props.allowedPageSizes !== nextProps.allowedPageSizes) {
                        this.__getterCache.normalizedPageSizes = void 0
                    }
                }
                render() {
                    const normalizedPageSizes = this.getNormalizedPageSizes();
                    const {
                        pageSize: pageSize,
                        pageSizeChangedInternal: pageSizeChangedInternal,
                        isLargeDisplayMode: isLargeDisplayMode
                    } = this.props;
                    return (0, _inferno.createVNode)(1, "div", _consts.PAGINATION_PAGE_SIZES_CLASS, [isLargeDisplayMode && (0, _inferno.createComponentVNode)(2, _large.PageSizeLarge, {
                        allowedPageSizes: normalizedPageSizes,
                        pageSize: pageSize,
                        pageSizeChangedInternal: pageSizeChangedInternal
                    }), !isLargeDisplayMode && (0, _inferno.createComponentVNode)(2, _small.PageSizeSmall, {
                        parentRef: this.htmlRef,
                        allowedPageSizes: normalizedPageSizes,
                        pageSize: pageSize,
                        pageSizeChangedInternal: pageSizeChangedInternal
                    })], 0, null, null, this.htmlRef)
                }
            }
            exports.PageSizeSelector = PageSizeSelector;
            PageSizeSelector.defaultProps = PageSizeSelectorDefaultProps
        },
        54892(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PageSizeSmall = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            var _pagination_props = __webpack_require__( /*! ../common/pagination_props */ 64522);
            var _select_box = __webpack_require__( /*! ../drop_down_editors/select_box */ 567);
            var _calculate_values_fitted_width = __webpack_require__( /*! ../utils/calculate_values_fitted_width */ 19e3);
            var _compatibility_utils = __webpack_require__( /*! ../utils/compatibility_utils */ 4917);
            var _get_element_width = __webpack_require__( /*! ../utils/get_element_width */ 70267);
            const PageSizeSmallDefaultProps = Object.assign({}, {
                allowedPageSizes: []
            }, {
                pageSize: _pagination_props.PaginationDefaultProps.pageSize,
                pageSizeChangedInternal: _pagination_props.PaginationDefaultProps.pageSizeChangedInternal
            });
            class PageSizeSmall extends _index.InfernoComponent {
                constructor(props) {
                    super(props);
                    this.state = {
                        minWidth: 10
                    };
                    this.refs = null;
                    this.updateWidth = this.updateWidth.bind(this)
                }
                componentWillUpdate(nextProps, nextState, context) {
                    super.componentWillUpdate(nextProps, nextState, context)
                }
                createEffects() {
                    const dependency = [this.props, this.state.minWidth, this.props.pageSize, this.props.pageSizeChangedInternal, this.props.allowedPageSizes];
                    return [new _index.InfernoEffect(this.updateWidth, dependency)]
                }
                updateEffects() {
                    var _this$_effects$;
                    const dependency = [this.props, this.state.minWidth, this.props.pageSize, this.props.pageSizeChangedInternal, this.props.allowedPageSizes];
                    null === (_this$_effects$ = this._effects[0]) || void 0 === _this$_effects$ || _this$_effects$.update(dependency)
                }
                updateWidth() {
                    var _this$props$parentRef;
                    const minWidth = (0, _get_element_width.getElementMinWidth)(null === (_this$props$parentRef = this.props.parentRef) || void 0 === _this$props$parentRef ? void 0 : _this$props$parentRef.current);
                    this.setState(state => ({
                        minWidth: minWidth > 0 ? minWidth : state.minWidth
                    }))
                }
                getWidth() {
                    var _this$props$allowedPa;
                    return (0, _calculate_values_fitted_width.calculateValuesFittedWidth)(this.state.minWidth, null === (_this$props$allowedPa = this.props.allowedPageSizes) || void 0 === _this$props$allowedPa ? void 0 : _this$props$allowedPa.map(p => p.value))
                }
                getInputAttributes() {
                    return {
                        "aria-label": (0, _compatibility_utils.getLocalizationMessage)(this.context, "dxPagination-ariaPageSize")
                    }
                }
                render() {
                    const {
                        allowedPageSizes: allowedPageSizes,
                        pageSize: pageSize,
                        pageSizeChangedInternal: pageSizeChangedInternal
                    } = this.props;
                    return (0, _inferno.createComponentVNode)(2, _select_box.SelectBox, {
                        displayExpr: "text",
                        valueExpr: "value",
                        dataSource: allowedPageSizes,
                        value: pageSize,
                        valueChange: pageSizeChangedInternal,
                        width: this.getWidth(),
                        inputAttr: this.getInputAttributes()
                    })
                }
            }
            exports.PageSizeSmall = PageSizeSmall;
            PageSizeSmall.defaultProps = PageSizeSmallDefaultProps
        },
        35853(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PagesLarge = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            var _config_context = __webpack_require__( /*! ../../core/r1/config_context */ 12274);
            var _pagination_props = __webpack_require__( /*! ../common/pagination_props */ 64522);
            var _page = __webpack_require__( /*! ./page */ 12363);
            const PagesLargeDefaultProps = {
                maxPagesCount: _pagination_props.PaginationDefaultProps.maxPagesCount,
                pageCount: _pagination_props.PaginationDefaultProps.pageCount,
                pageIndex: _pagination_props.PaginationDefaultProps.pageIndex,
                pageIndexChangedInternal: _pagination_props.PaginationDefaultProps.pageIndexChangedInternal
            };

            function getDelimiterType(startIndex, slidingWindowSize, pageCount) {
                switch (true) {
                    case 1 === startIndex:
                        return "high";
                    case startIndex + slidingWindowSize === pageCount - 1:
                        return "low";
                    default:
                        return "both"
                }
            }

            function createPageIndexesBySlidingWindowIndexes(slidingWindowIndexes, pageCount, delimiter) {
                let pageIndexes = [];
                let indexesForReuse = [];
                switch (delimiter) {
                    case "none":
                        pageIndexes = [...slidingWindowIndexes];
                        break;
                    case "both":
                        pageIndexes = [0, "low", ...slidingWindowIndexes, "high", pageCount - 1];
                        indexesForReuse = slidingWindowIndexes.slice(1, -1);
                        break;
                    case "high":
                        pageIndexes = [0, ...slidingWindowIndexes, "high", pageCount - 1];
                        indexesForReuse = slidingWindowIndexes.slice(0, -1);
                        break;
                    case "low":
                        pageIndexes = [0, "low", ...slidingWindowIndexes, pageCount - 1];
                        indexesForReuse = slidingWindowIndexes.slice(1)
                }
                return {
                    slidingWindowIndexes: slidingWindowIndexes,
                    indexesForReuse: indexesForReuse,
                    pageIndexes: pageIndexes
                }
            }

            function createPageIndexes(startIndex, slidingWindowSize, pageCount, delimiter) {
                const slidingWindowIndexes = [];
                for (let i = 0; i < slidingWindowSize; i += 1) {
                    slidingWindowIndexes.push(i + startIndex)
                }
                return createPageIndexesBySlidingWindowIndexes(slidingWindowIndexes, pageCount, delimiter)
            }
            class PagesLarge extends _index.BaseInfernoComponent {
                constructor(props) {
                    super(props);
                    this.state = {};
                    this.refs = null;
                    this.canReuseSlidingWindow = this.canReuseSlidingWindow.bind(this);
                    this.generatePageIndexes = this.generatePageIndexes.bind(this);
                    this.isSlidingWindowMode = this.isSlidingWindowMode.bind(this);
                    this.onPageClick = this.onPageClick.bind(this)
                }
                getConfig() {
                    if (this.context[_config_context.ConfigContext.id]) {
                        return this.context[_config_context.ConfigContext.id]
                    }
                    return _config_context.ConfigContext.defaultValue
                }
                getSlidingWindowState() {
                    const slidingWindowState = this.slidingWindowStateHolder;
                    if (!slidingWindowState) {
                        return {
                            indexesForReuse: [],
                            slidingWindowIndexes: []
                        }
                    }
                    return slidingWindowState
                }
                canReuseSlidingWindow(currentPageCount, pageIndex) {
                    const {
                        indexesForReuse: indexesForReuse
                    } = this.getSlidingWindowState();
                    const lastPageIsFartherThanWindow = indexesForReuse.slice(-1)[0] < currentPageCount - 1;
                    const pageIndexExistInIndexes = indexesForReuse.includes(pageIndex);
                    return lastPageIsFartherThanWindow && pageIndexExistInIndexes
                }
                generatePageIndexes() {
                    const {
                        pageCount: pageCount,
                        pageIndex: pageIndex
                    } = this.props;
                    let startIndex = 0;
                    const {
                        slidingWindowIndexes: slidingWindowIndexes
                    } = this.getSlidingWindowState();
                    if (pageIndex === slidingWindowIndexes[0]) {
                        startIndex = pageIndex - 1
                    } else if (pageIndex === slidingWindowIndexes[slidingWindowIndexes.length - 1]) {
                        startIndex = pageIndex + 2 - 4
                    } else if (pageIndex < 4) {
                        startIndex = 1
                    } else if (pageIndex >= pageCount - 4) {
                        startIndex = pageCount - 4 - 1
                    } else {
                        startIndex = pageIndex - 1
                    }
                    const delimiter = getDelimiterType(startIndex, 4, pageCount);
                    const indexes = createPageIndexes(startIndex, 4, pageCount, delimiter);
                    const {
                        pageIndexes: pageIndexes
                    } = indexes;
                    this.slidingWindowStateHolder = indexes;
                    return pageIndexes
                }
                isSlidingWindowMode() {
                    const {
                        maxPagesCount: maxPagesCount,
                        pageCount: pageCount
                    } = this.props;
                    return pageCount <= 4 || pageCount <= maxPagesCount
                }
                onPageClick(pageIndex) {
                    this.props.pageIndexChangedInternal(pageIndex)
                }
                getPageIndexes() {
                    const {
                        pageCount: pageCount
                    } = this.props;
                    if (this.isSlidingWindowMode()) {
                        return createPageIndexes(0, pageCount, pageCount, "none").pageIndexes
                    }
                    if (this.canReuseSlidingWindow(pageCount, this.props.pageIndex)) {
                        const {
                            slidingWindowIndexes: slidingWindowIndexes
                        } = this.getSlidingWindowState();
                        const delimiter = getDelimiterType(slidingWindowIndexes[0], 4, pageCount);
                        return createPageIndexesBySlidingWindowIndexes(slidingWindowIndexes, pageCount, delimiter).pageIndexes
                    }
                    return this.generatePageIndexes()
                }
                getPages() {
                    var _this$getConfig;
                    const {
                        pageIndex: pageIndex
                    } = this.props;
                    const createPage = index => {
                        const paginationProps = "low" === index || "high" === index ? null : {
                            index: index,
                            onClick: () => this.onPageClick(index),
                            selected: pageIndex === index
                        };
                        return {
                            key: index.toString(),
                            pageProps: paginationProps
                        }
                    };
                    const indices = this.getPageIndexes();
                    const rtlPageIndexes = null !== (_this$getConfig = this.getConfig()) && void 0 !== _this$getConfig && _this$getConfig.rtlEnabled ? [...indices].reverse() : indices;
                    return rtlPageIndexes.map(index => createPage(index))
                }
                render() {
                    const PagesMarkup = this.getPages().map(_ref => {
                        let {
                            key: key,
                            pageProps: pageProps
                        } = _ref;
                        return pageProps ? (0, _inferno.createComponentVNode)(2, _page.Page, {
                            index: pageProps.index,
                            selected: pageProps.selected,
                            onClick: pageProps.onClick
                        }, key) : (0, _inferno.createVNode)(1, "div", "dx-separator", ". . .", 16, null, key)
                    });
                    return (0, _inferno.createFragment)(PagesMarkup, 0)
                }
            }
            exports.PagesLarge = PagesLarge;
            PagesLarge.defaultProps = PagesLargeDefaultProps
        },
        12363(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PageDefaultProps = exports.Page = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            var _string = __webpack_require__( /*! ../../../core/utils/string */ 54497);
            var _render_utils = __webpack_require__( /*! ../../core/r1/utils/render_utils */ 71312);
            var _consts = __webpack_require__( /*! ../common/consts */ 54623);
            var _light_button = __webpack_require__( /*! ../common/light_button */ 17286);
            var _compatibility_utils = __webpack_require__( /*! ../utils/compatibility_utils */ 4917);
            const PageDefaultProps = exports.PageDefaultProps = {
                index: 0,
                selected: false,
                className: _consts.PAGINATION_PAGE_CLASS
            };
            class Page extends _index.BaseInfernoComponent {
                constructor() {
                    super(...arguments);
                    this.state = {};
                    this.refs = null
                }
                getLabel() {
                    return (0, _string.format)((0, _compatibility_utils.getLocalizationMessage)(this.context, "dxPagination-page"), this.getValue())
                }
                getValue() {
                    return this.props.index + 1
                }
                getClassName() {
                    return (0, _render_utils.combineClasses)({
                        [`${this.props.className}`]: !!this.props.className,
                        [_consts.PAGINATION_SELECTION_CLASS]: !!this.props.selected
                    })
                }
                render() {
                    return (0, _inferno.createComponentVNode)(2, _light_button.LightButton, {
                        className: this.getClassName(),
                        label: this.getLabel(),
                        onClick: this.props.onClick,
                        selected: this.props.selected,
                        children: this.getValue()
                    })
                }
            }
            exports.Page = Page;
            Page.defaultProps = PageDefaultProps
        },
        33494(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PageIndexSelector = exports.PAGER_BUTTON_DISABLE_CLASS = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            var _config_context = __webpack_require__( /*! ../../core/r1/config_context */ 12274);
            var _light_button = __webpack_require__( /*! ../common/light_button */ 17286);
            var _pagination_props = __webpack_require__( /*! ../common/pagination_props */ 64522);
            var _compatibility_utils = __webpack_require__( /*! ../utils/compatibility_utils */ 4917);
            var _large = __webpack_require__( /*! ./large */ 35853);
            var _small = __webpack_require__( /*! ./small */ 70057);
            const PAGER_BUTTON_DISABLE_CLASS = exports.PAGER_BUTTON_DISABLE_CLASS = "dx-button-disable";
            const classNames = {
                nextEnabledClass: "dx-navigate-button dx-next-button",
                prevEnabledClass: "dx-navigate-button dx-prev-button",
                nextDisabledClass: `${PAGER_BUTTON_DISABLE_CLASS} dx-navigate-button dx-next-button`,
                prevDisabledClass: `${PAGER_BUTTON_DISABLE_CLASS} dx-navigate-button dx-prev-button`
            };
            const reverseDirections = {
                next: "prev",
                prev: "next"
            };
            const PageIndexSelectorDefaultProps = {
                isLargeDisplayMode: true,
                maxPagesCount: _pagination_props.PaginationDefaultProps.maxPagesCount,
                pageCount: _pagination_props.PaginationDefaultProps.pageCount,
                pageIndex: _pagination_props.PaginationDefaultProps.pageIndex,
                pageIndexChangedInternal: _pagination_props.PaginationDefaultProps.pageIndexChangedInternal,
                showNavigationButtons: _pagination_props.PaginationDefaultProps.showNavigationButtons,
                itemCount: _pagination_props.PaginationDefaultProps.itemCount
            };
            class PageIndexSelector extends _index.BaseInfernoComponent {
                constructor(props) {
                    super(props);
                    this.state = {};
                    this.refs = null;
                    this.__getterCache = {
                        prevButtonProps: void 0,
                        nextButtonProps: void 0
                    };
                    this.pageIndexChangedInternal = this.pageIndexChangedInternal.bind(this);
                    this.getButtonProps = this.getButtonProps.bind(this);
                    this.canNavigateToPage = this.canNavigateToPage.bind(this);
                    this.getNextPageIndex = this.getNextPageIndex.bind(this);
                    this.canNavigateTo = this.canNavigateTo.bind(this);
                    this.navigateToPage = this.navigateToPage.bind(this)
                }
                getConfig() {
                    if (this.context[_config_context.ConfigContext.id]) {
                        return this.context[_config_context.ConfigContext.id]
                    }
                    return _config_context.ConfigContext.defaultValue
                }
                pageIndexChangedInternal(pageIndex) {
                    if (this.canNavigateToPage(pageIndex)) {
                        this.props.pageIndexChangedInternal(pageIndex)
                    }
                }
                getButtonProps(direction) {
                    var _this$getConfig;
                    const rtlAwareDirection = null !== (_this$getConfig = this.getConfig()) && void 0 !== _this$getConfig && _this$getConfig.rtlEnabled ? reverseDirections[direction] : direction;
                    const canNavigate = this.canNavigateTo(rtlAwareDirection);
                    const className = classNames[`${direction}${canNavigate?"Enabled":"Disabled"}Class`];
                    return {
                        className: className,
                        tabIndex: canNavigate ? 0 : -1,
                        navigate: () => this.navigateToPage(rtlAwareDirection)
                    }
                }
                canNavigateToPage(pageIndex) {
                    if (!this.props.hasKnownLastPage) {
                        return pageIndex >= 0
                    }
                    return pageIndex >= 0 && pageIndex <= this.props.pageCount - 1
                }
                getNextPageIndex(direction) {
                    return this.props.pageIndex + function(direction) {
                        return "next" === direction ? 1 : -1
                    }(direction)
                }
                canNavigateTo(direction) {
                    return this.canNavigateToPage(this.getNextPageIndex(direction))
                }
                navigateToPage(direction) {
                    this.pageIndexChangedInternal(this.getNextPageIndex(direction))
                }
                getRenderPrevButton() {
                    const {
                        isLargeDisplayMode: isLargeDisplayMode,
                        showNavigationButtons: showNavigationButtons
                    } = this.props;
                    return (!isLargeDisplayMode || showNavigationButtons) ?? false
                }
                getRenderNextButton() {
                    return this.getRenderPrevButton() || !this.props.hasKnownLastPage
                }
                getPrevButtonProps() {
                    if (void 0 !== this.__getterCache.prevButtonProps) {
                        return this.__getterCache.prevButtonProps
                    }
                    const result = (() => this.getButtonProps("prev"))();
                    this.__getterCache.prevButtonProps = result;
                    return result
                }
                getNextButtonProps() {
                    if (void 0 !== this.__getterCache.nextButtonProps) {
                        return this.__getterCache.nextButtonProps
                    }
                    const result = (() => this.getButtonProps("next"))();
                    this.__getterCache.nextButtonProps = result;
                    return result
                }
                componentWillUpdate(nextProps, nextState, context) {
                    const isComponentUpdated = this.context[_config_context.ConfigContext.id] !== context[_config_context.ConfigContext.id] || this.props.hasKnownLastPage !== nextProps.hasKnownLastPage || this.props.pageCount !== nextProps.pageCount || this.props.pageIndex !== nextProps.pageIndex || this.props.pageIndexChangedInternal !== nextProps.pageIndexChangedInternal;
                    if (isComponentUpdated) {
                        this.__getterCache.prevButtonProps = void 0;
                        this.__getterCache.nextButtonProps = void 0
                    }
                }
                getPrevButtonLabel() {
                    return (0, _compatibility_utils.getLocalizationMessage)(this.context, "dxPagination-prevPage")
                }
                getNextButtonLabel() {
                    return (0, _compatibility_utils.getLocalizationMessage)(this.context, "dxPagination-nextPage")
                }
                render() {
                    const {
                        className: className,
                        tabIndex: tabIndex,
                        navigate: navigate
                    } = this.getPrevButtonProps();
                    const {
                        isLargeDisplayMode: isLargeDisplayMode,
                        maxPagesCount: maxPagesCount,
                        pageCount: pageCount,
                        pageIndex: pageIndex,
                        pagesCountText: pagesCountText
                    } = this.props;
                    return (0, _inferno.createFragment)([this.getRenderPrevButton() && (0, _inferno.createComponentVNode)(2, _light_button.LightButton, {
                        label: this.getPrevButtonLabel(),
                        className: className,
                        tabIndex: tabIndex,
                        onClick: navigate
                    }), isLargeDisplayMode && (0, _inferno.createComponentVNode)(2, _large.PagesLarge, {
                        maxPagesCount: maxPagesCount,
                        pageCount: pageCount,
                        pageIndex: pageIndex,
                        pageIndexChangedInternal: this.pageIndexChangedInternal
                    }), !isLargeDisplayMode && (0, _inferno.createComponentVNode)(2, _small.PagesSmall, {
                        pageCount: pageCount,
                        pageIndex: pageIndex,
                        pageIndexChangedInternal: this.pageIndexChangedInternal,
                        pagesCountText: pagesCountText
                    }), this.getRenderNextButton() && (0, _inferno.createComponentVNode)(2, _light_button.LightButton, {
                        label: this.getNextButtonLabel(),
                        className: this.getNextButtonProps().className,
                        tabIndex: this.getNextButtonProps().tabIndex,
                        onClick: this.getNextButtonProps().navigate
                    })], 0)
                }
            }
            exports.PageIndexSelector = PageIndexSelector;
            PageIndexSelector.defaultProps = PageIndexSelectorDefaultProps
        },
        70057(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PaginationSmallDefaultProps = exports.PagesSmall = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            var _pagination_props = __webpack_require__( /*! ../common/pagination_props */ 64522);
            var _number_box = __webpack_require__( /*! ../editors/number_box */ 71897);
            var _info = __webpack_require__( /*! ../info */ 49329);
            var _calculate_values_fitted_width = __webpack_require__( /*! ../utils/calculate_values_fitted_width */ 19e3);
            var _compatibility_utils = __webpack_require__( /*! ../utils/compatibility_utils */ 4917);
            var _get_element_width = __webpack_require__( /*! ../utils/get_element_width */ 70267);
            var _page = __webpack_require__( /*! ./page */ 12363);
            const PAGER_INFO_TEXT_CLASS = `${_info.PAGER_INFO_CLASS}  dx-info-text`;
            const PaginationSmallDefaultProps = exports.PaginationSmallDefaultProps = {
                pageIndex: _pagination_props.PaginationDefaultProps.pageIndex,
                pageCount: _pagination_props.PaginationDefaultProps.pageCount,
                pageIndexChangedInternal: _pagination_props.PaginationDefaultProps.pageIndexChangedInternal
            };
            class PagesSmall extends _index.InfernoComponent {
                constructor(props) {
                    super(props);
                    this.state = {
                        minWidth: 10
                    };
                    this.refs = null;
                    this.pageIndexRef = (0, _inferno.createRef)();
                    this.updateWidth = this.updateWidth.bind(this);
                    this.selectLastPageIndex = this.selectLastPageIndex.bind(this);
                    this.valueChange = this.valueChange.bind(this)
                }
                componentWillUpdate(nextProps, nextState, context) {
                    super.componentWillUpdate(nextProps, nextState, context)
                }
                createEffects() {
                    return [new _index.InfernoEffect(this.updateWidth, [this.state.minWidth])]
                }
                updateEffects() {
                    var _this$_effects$;
                    null === (_this$_effects$ = this._effects[0]) || void 0 === _this$_effects$ || _this$_effects$.update([this.state.minWidth])
                }
                updateWidth() {
                    var _this$pageIndexRef$cu;
                    const el = null === (_this$pageIndexRef$cu = this.pageIndexRef.current) || void 0 === _this$pageIndexRef$cu ? void 0 : _this$pageIndexRef$cu.querySelector(".dx-page-index");
                    const minWidth = el ? (0, _get_element_width.getElementMinWidth)(el) : 0;
                    this.setState(state => ({
                        minWidth: minWidth > 0 ? minWidth : state.minWidth
                    }))
                }
                getValue() {
                    return this.props.pageIndex + 1
                }
                getWidth() {
                    return (0, _calculate_values_fitted_width.calculateValuesFittedWidth)(this.state.minWidth, [this.props.pageCount])
                }
                getPagesCountText() {
                    return (this.props.pagesCountText ?? "") || (0, _compatibility_utils.getLocalizationMessage)(this.context, "dxPagination-pagesCountText")
                }
                getInputAttributes() {
                    return {
                        "aria-label": (0, _compatibility_utils.getLocalizationMessage)(this.context, "dxPagination-ariaPageNumber")
                    }
                }
                selectLastPageIndex() {
                    this.props.pageIndexChangedInternal(this.props.pageCount - 1)
                }
                valueChange(value) {
                    this.props.pageIndexChangedInternal(value - 1)
                }
                render() {
                    return (0, _inferno.createVNode)(1, "div", "dx-light-pages", [(0, _inferno.createComponentVNode)(2, _number_box.NumberBox, {
                        className: "dx-page-index",
                        min: 1,
                        max: Math.max(this.props.pageCount, this.getValue()),
                        width: this.getWidth(),
                        value: this.getValue(),
                        valueChange: this.valueChange,
                        inputAttr: this.getInputAttributes()
                    }), (0, _inferno.createVNode)(1, "span", PAGER_INFO_TEXT_CLASS, this.getPagesCountText(), 0), (0, _inferno.createComponentVNode)(2, _page.Page, {
                        className: "dx-pages-count",
                        selected: false,
                        index: this.props.pageCount - 1,
                        onClick: this.selectLastPageIndex
                    })], 4, null, null, this.pageIndexRef)
                }
            }
            exports.PagesSmall = PagesSmall;
            PagesSmall.defaultProps = PaginationSmallDefaultProps
        },
        94585(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Pagination = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../core/r1/runtime/inferno/index */ 6257);
            var _render_utils = __webpack_require__( /*! ../core/r1/utils/render_utils */ 71312);
            var _pagination_props = __webpack_require__( /*! ./common/pagination_props */ 64522);
            var _content = __webpack_require__( /*! ./content */ 62388);
            var _resizable_container = __webpack_require__( /*! ./resizable_container */ 30980);
            var _compatibility_utils = __webpack_require__( /*! ./utils/compatibility_utils */ 4917);
            class Pagination extends _index.InfernoWrapperComponent {
                constructor(props) {
                    super(props);
                    this.__getterCache = {};
                    this.pageIndexChangedInternal = this.pageIndexChangedInternal.bind(this);
                    this.pageSizeChangedInternal = this.pageSizeChangedInternal.bind(this)
                }
                createEffects() {
                    return [(0, _index.createReRenderEffect)()]
                }
                pageIndexChangedInternal(newPageIndex) {
                    const newValue = newPageIndex + 1;
                    this.setState(() => ({
                        pageIndex: newValue
                    }));
                    this.props.pageIndexChangedInternal(newValue)
                }
                getPageIndex() {
                    return this.props.pageIndex - 1
                }
                pageSizeChangedInternal(newPageSize) {
                    this.setState(() => ({
                        pageSize: newPageSize
                    }));
                    this.props.pageSizeChangedInternal(newPageSize)
                }
                getClassName() {
                    return (0, _render_utils.combineClasses)({
                        "dx-datagrid-pager": (0, _compatibility_utils.isGridCompatibilityMode)(this.context),
                        [`${this.props.className}`]: !!this.props.className
                    })
                }
                getPaginationProps() {
                    return Object.assign({}, this.props, {
                        className: this.getClassName(),
                        pageIndex: this.getPageIndex(),
                        pageIndexChangedInternal: pageIndex => this.pageIndexChangedInternal(pageIndex),
                        pageSizeChangedInternal: pageSize => this.pageSizeChangedInternal(pageSize)
                    })
                }
                render() {
                    return (0, _inferno.createComponentVNode)(2, _resizable_container.ResizableContainer, {
                        contentTemplate: _content.PaginationContent,
                        paginationProps: this.getPaginationProps()
                    })
                }
            }
            exports.Pagination = Pagination;
            Pagination.defaultProps = _pagination_props.PaginationDefaultProps
        },
        30980(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ResizableContainerDefaultProps = exports.ResizableContainer = void 0;
            exports.calculateInfoTextVisible = calculateInfoTextVisible;
            exports.calculateLargeDisplayMode = calculateLargeDisplayMode;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../core/r1/runtime/inferno/index */ 6257);
            var _resize_callbacks = (e = __webpack_require__( /*! ../../core/utils/resize_callbacks */ 63283), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _pagination_props = __webpack_require__( /*! ./common/pagination_props */ 64522);
            var _get_element_width = __webpack_require__( /*! ./utils/get_element_width */ 70267);

            function calculateLargeDisplayMode(_ref) {
                let {
                    parent: parentWidth,
                    allowedPageSizes: pageSizesWidth,
                    pages: pagesWidth
                } = _ref;
                return parentWidth - (pageSizesWidth + pagesWidth) > 0
            }

            function calculateInfoTextVisible(_ref2) {
                let {
                    parent: parentWidth,
                    allowedPageSizes: pageSizesWidth,
                    pages: pagesWidth,
                    info: infoWidth
                } = _ref2;
                const minimalWidth = pageSizesWidth + pagesWidth + infoWidth;
                return parentWidth - minimalWidth > 0
            }
            const ResizableContainerDefaultProps = exports.ResizableContainerDefaultProps = {
                paginationProps: Object.assign({}, _pagination_props.PaginationDefaultProps)
            };
            class ResizableContainer extends _index.InfernoComponent {
                constructor(props) {
                    super(props);
                    this.state = {
                        infoTextVisible: true,
                        isLargeDisplayMode: true
                    };
                    this.refs = null;
                    this.parentRef = (0, _inferno.createRef)();
                    this.infoTextRef = (0, _inferno.createRef)();
                    this.pagesRef = (0, _inferno.createRef)();
                    this.allowedPageSizesRef = (0, _inferno.createRef)();
                    this.elementsWidth = {};
                    this.actualIsLargeDisplayMode = true;
                    this.actualInfoTextVisible = true;
                    this.subscribeToResize = this.subscribeToResize.bind(this);
                    this.effectUpdateChildProps = this.effectUpdateChildProps.bind(this);
                    this.updateAdaptivityProps = this.updateAdaptivityProps.bind(this)
                }
                componentWillUpdate(nextProps, nextState, context) {
                    super.componentWillUpdate(nextProps, nextState, context)
                }
                createEffects() {
                    return [new _index.InfernoEffect(this.subscribeToResize, [this.state.infoTextVisible, this.state.isLargeDisplayMode]), new _index.InfernoEffect(this.effectUpdateChildProps, [this.props, this.state.infoTextVisible, this.state.isLargeDisplayMode, this.props.paginationProps, this.props.contentTemplate])]
                }
                updateEffects() {
                    var _this$_effects$, _this$_effects$2;
                    null === (_this$_effects$ = this._effects[0]) || void 0 === _this$_effects$ || _this$_effects$.update([this.state.infoTextVisible, this.state.isLargeDisplayMode]);
                    null === (_this$_effects$2 = this._effects[1]) || void 0 === _this$_effects$2 || _this$_effects$2.update([this.props, this.state.infoTextVisible, this.state.isLargeDisplayMode, this.props.paginationProps, this.props.contentTemplate])
                }
                subscribeToResize() {
                    const callback = () => {
                        if (this.getParentWidth() > 0) {
                            this.updateAdaptivityProps()
                        }
                    };
                    _resize_callbacks.default.add(callback);
                    return () => {
                        _resize_callbacks.default.remove(callback)
                    }
                }
                effectUpdateChildProps() {
                    if (this.getParentWidth() > 0) {
                        this.updateAdaptivityProps()
                    }
                }
                getContentAttributes() {
                    const {
                        className: className,
                        displayMode: displayMode,
                        isGridCompatibilityMode: isGridCompatibilityMode,
                        _getParentComponentRootNode: _getParentComponentRootNode,
                        hasKnownLastPage: hasKnownLastPage,
                        infoText: infoText,
                        label: label,
                        lightModeEnabled: lightModeEnabled,
                        maxPagesCount: maxPagesCount,
                        onKeyDown: onKeyDown,
                        pageCount: pageCount,
                        pageIndex: pageIndex,
                        pageIndexChangedInternal: pageIndexChangedInternal,
                        pageSize: pageSize,
                        pageSizeChangedInternal: pageSizeChangedInternal,
                        allowedPageSizes: allowedPageSizes,
                        pagesCountText: pagesCountText,
                        pagesNavigatorVisible: pagesNavigatorVisible,
                        rtlEnabled: rtlEnabled,
                        showInfo: showInfo,
                        showNavigationButtons: showNavigationButtons,
                        showPageSizeSelector: showPageSizeSelector,
                        itemCount: itemCount,
                        visible: visible,
                        style: style,
                        width: width,
                        height: height,
                        elementAttr: elementAttr,
                        hint: hint,
                        disabled: disabled,
                        tabIndex: tabIndex,
                        accessKey: accessKey,
                        activeStateEnabled: activeStateEnabled,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled
                    } = this.props.paginationProps;
                    return {
                        pageSize: pageSize,
                        pageIndex: pageIndex,
                        pageIndexChangedInternal: pageIndexChangedInternal,
                        pageSizeChangedInternal: pageSizeChangedInternal,
                        isGridCompatibilityMode: isGridCompatibilityMode,
                        _getParentComponentRootNode: _getParentComponentRootNode,
                        className: className,
                        showInfo: showInfo,
                        infoText: infoText,
                        lightModeEnabled: lightModeEnabled,
                        displayMode: displayMode,
                        maxPagesCount: maxPagesCount,
                        pageCount: pageCount,
                        pagesCountText: pagesCountText,
                        visible: visible,
                        hasKnownLastPage: hasKnownLastPage,
                        pagesNavigatorVisible: pagesNavigatorVisible,
                        showPageSizeSelector: showPageSizeSelector,
                        allowedPageSizes: allowedPageSizes,
                        rtlEnabled: rtlEnabled,
                        showNavigationButtons: showNavigationButtons,
                        itemCount: itemCount,
                        onKeyDown: onKeyDown,
                        label: label,
                        style: style,
                        width: width,
                        height: height,
                        elementAttr: elementAttr,
                        hint: hint,
                        disabled: disabled,
                        tabIndex: tabIndex,
                        accessKey: accessKey,
                        activeStateEnabled: activeStateEnabled,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled
                    }
                }
                getParentWidth() {
                    var _this$parentRef;
                    return null !== (_this$parentRef = this.parentRef) && void 0 !== _this$parentRef && _this$parentRef.current ? (0, _get_element_width.getElementWidth)(this.parentRef.current) : 0
                }
                updateAdaptivityProps() {
                    var _this$parentRef2, _this$allowedPageSize, _this$infoTextRef, _this$pagesRef;
                    const currentElementsWidth = function(_ref3) {
                        let {
                            parent: parent,
                            allowedPageSizes: allowedPageSizes,
                            pages: pages,
                            info: info
                        } = _ref3;
                        const parentWidth = (0, _get_element_width.getElementContentWidth)(parent);
                        const pageSizesWidth = (0, _get_element_width.getElementWidth)(allowedPageSizes);
                        const infoWidth = (0, _get_element_width.getElementWidth)(info);
                        const pagesHtmlWidth = (0, _get_element_width.getElementWidth)(pages);
                        return {
                            parent: parentWidth,
                            allowedPageSizes: pageSizesWidth,
                            info: infoWidth + (0, _get_element_width.getElementStyle)("marginLeft", info) + (0, _get_element_width.getElementStyle)("marginRight", info),
                            pages: pagesHtmlWidth
                        }
                    }({
                        parent: null === (_this$parentRef2 = this.parentRef) || void 0 === _this$parentRef2 ? void 0 : _this$parentRef2.current,
                        allowedPageSizes: null === (_this$allowedPageSize = this.allowedPageSizesRef) || void 0 === _this$allowedPageSize ? void 0 : _this$allowedPageSize.current,
                        info: null === (_this$infoTextRef = this.infoTextRef) || void 0 === _this$infoTextRef ? void 0 : _this$infoTextRef.current,
                        pages: null === (_this$pagesRef = this.pagesRef) || void 0 === _this$pagesRef ? void 0 : _this$pagesRef.current
                    });
                    if (this.actualInfoTextVisible !== this.state.infoTextVisible || this.actualIsLargeDisplayMode !== this.state.isLargeDisplayMode) {
                        return
                    }
                    const isEmpty = !(0, _type.isDefined)(this.elementsWidth);
                    if (isEmpty) {
                        this.elementsWidth = {}
                    }
                    if (isEmpty || this.state.isLargeDisplayMode) {
                        this.elementsWidth.allowedPageSizes = currentElementsWidth.allowedPageSizes;
                        this.elementsWidth.pages = currentElementsWidth.pages
                    }
                    if (isEmpty || this.state.infoTextVisible) {
                        this.elementsWidth.info = currentElementsWidth.info
                    }
                    this.actualIsLargeDisplayMode = calculateLargeDisplayMode({
                        parent: currentElementsWidth.parent,
                        allowedPageSizes: this.elementsWidth.allowedPageSizes,
                        pages: this.elementsWidth.pages
                    });
                    this.actualInfoTextVisible = calculateInfoTextVisible(Object.assign({}, currentElementsWidth, {
                        info: this.elementsWidth.info
                    }));
                    this.setState(() => ({
                        infoTextVisible: this.actualInfoTextVisible
                    }));
                    this.setState(() => ({
                        isLargeDisplayMode: this.actualIsLargeDisplayMode
                    }))
                }
                render() {
                    const {
                        infoTextVisible: infoTextVisible,
                        isLargeDisplayMode: isLargeDisplayMode
                    } = this.state;
                    const {
                        props: {
                            contentTemplate: Content
                        }
                    } = this;
                    return (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, Content, Object.assign({
                        rootElementRef: this.parentRef,
                        allowedPageSizesRef: this.allowedPageSizesRef,
                        infoTextRef: this.infoTextRef,
                        pagesRef: this.pagesRef,
                        infoTextVisible: infoTextVisible,
                        isLargeDisplayMode: isLargeDisplayMode
                    }, this.getContentAttributes())))
                }
            }
            exports.ResizableContainer = ResizableContainer;
            ResizableContainer.defaultProps = ResizableContainerDefaultProps
        },
        19e3(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.calculateValuesFittedWidth = function(minWidth, values) {
                return minWidth + oneDigitWidth * Math.max(...values).toString().length
            };
            exports.oneDigitWidth = void 0;
            const oneDigitWidth = exports.oneDigitWidth = 10
        },
        4917(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getLocalizationMessage = function(context, key) {
                let actualKey = key;
                if (isGridCompatibilityMode(context)) {
                    actualKey = key.replace("dxPagination", "dxPager")
                }
                return _message.default.getFormatter(actualKey)()
            };
            exports.isGridCompatibilityMode = isGridCompatibilityMode;
            var _message = (e = __webpack_require__( /*! ../../../common/core/localization/message */ 4671), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _pagination_config_context = __webpack_require__( /*! ../common/pagination_config_context */ 32576);

            function isGridCompatibilityMode(context) {
                var _getPaginationConfig;
                return !!(null !== (_getPaginationConfig = function(context) {
                    if (context[_pagination_config_context.PaginationConfigContext.id]) {
                        return context[_pagination_config_context.PaginationConfigContext.id]
                    }
                    return _pagination_config_context.PaginationConfigContext.defaultValue
                }(context)) && void 0 !== _getPaginationConfig && _getPaginationConfig.isGridCompatibilityMode)
            }
        },
        70267(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getElementContentWidth = function(element) {
                const padding = getElementStyle("paddingLeft", element) + getElementStyle("paddingRight", element);
                const width = getElementStyle("width", element);
                return width - padding
            };
            exports.getElementMinWidth = function(element) {
                return getElementStyle("minWidth", element)
            };
            exports.getElementStyle = getElementStyle;
            exports.getElementWidth = function(element) {
                const margin = getElementStyle("marginLeft", element) + getElementStyle("marginRight", element);
                const width = getElementStyle("width", element);
                return margin + width
            };
            var _get_computed_style = (e = __webpack_require__( /*! ../../core/r1/utils/get_computed_style */ 31006), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _type_conversion = __webpack_require__( /*! ../../core/r1/utils/type_conversion */ 7529);

            function getElementStyle(name, element) {
                const computedStyle = (0, _get_computed_style.default)(element) ?? {};
                return (0, _type_conversion.toNumber)(computedStyle[name])
            }
        },
        28462(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.validateOptions = function(oldPageSize, oldPageIndex, oldItemCount) {
                const pageSize = function(pageSize) {
                    if (pageSize < 0) {
                        return 1
                    }
                    return pageSize
                }(oldPageSize);
                const itemCount = function(itemCount) {
                    if (itemCount < 0) {
                        return 0
                    }
                    return itemCount
                }(oldItemCount);
                const pageCount = getPageCount(pageSize, oldItemCount);
                const pageIndex = function(pageIndex, pageSize, itemCount) {
                    if (pageIndex < 1) {
                        return 1
                    }
                    const pageCount = getPageCount(pageSize, itemCount);
                    return Math.min(pageIndex, pageCount)
                }(oldPageIndex, pageSize, itemCount);
                return {
                    pageSize: pageSize,
                    pageIndex: pageIndex,
                    itemCount: itemCount,
                    pageCount: pageCount
                }
            };

            function getPageCount(pageSize, itemCount) {
                if (pageSize > 0 && itemCount > 0) {
                    return Math.max(1, Math.ceil(itemCount / pageSize))
                }
                return 1
            }
        },
        76988(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _pagination = __webpack_require__( /*! ../pagination */ 94585);
            var _pagination_wrapper = __webpack_require__( /*! ./pagination_wrapper */ 16952);
            class Pagination extends _pagination_wrapper.PaginationWrapper {
                getProps() {
                    const props = super.getProps();
                    props.onKeyDown = this._wrapKeyDownHandler(props.onKeyDown);
                    return props
                }
                get _propsInfo() {
                    return {
                        twoWay: [
                            ["pageSize", "defaultPageSize", "pageSizeChangedInternal", "pageSizeChanged"],
                            ["pageIndex", "defaultPageIndex", "pageIndexChangedInternal", "pageIndexChanged"]
                        ],
                        allowNull: [],
                        elements: [],
                        templates: [],
                        props: ["defaultPageSize", "pageSizeChanged", "pageSizeChangedInternal", "defaultPageIndex", "pageIndexChanged", "pageIndexChangedInternal", "isGridCompatibilityMode", "className", "showInfo", "infoText", "lightModeEnabled", "displayMode", "maxPagesCount", "pageCount", "pagesCountText", "visible", "hasKnownLastPage", "pagesNavigatorVisible", "showPageSizeSelector", "allowedPageSizes", "rtlEnabled", "showNavigationButtons", "itemCount", "label", "onKeyDown", "pageSize", "pageIndex", "width", "height", "elementAttr", "hint", "disabled", "tabIndex", "accessKey", "activeStateEnabled", "focusStateEnabled", "hoverStateEnabled", "_skipValidation", "_getParentComponentRootNode"]
                    }
                }
                get _viewComponent() {
                    return _pagination.Pagination
                }
            }
            exports.default = Pagination
        },
        16952(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PaginationWrapper = void 0;
            var _component_wrapper = __webpack_require__( /*! ../../core/r1/component_wrapper */ 34993);
            var _validation_utils = __webpack_require__( /*! ../utils/validation_utils */ 28462);
            const _excluded = ["pageSize", "pageIndex", "itemCount"];
            class PaginationWrapper extends _component_wrapper.ComponentWrapper {
                _optionChanged(args) {
                    switch (args.name) {
                        case "pageIndex": {
                            const pageIndexChanged = this.option("pageIndexChanged");
                            if (pageIndexChanged) {
                                pageIndexChanged(args.value)
                            }
                            break
                        }
                        case "pageSize": {
                            const pageSizeChanged = this.option("pageSizeChanged");
                            if (pageSizeChanged) {
                                pageSizeChanged(args.value)
                            }
                            break
                        }
                    }
                    super._optionChanged(args)
                }
                getPageCount() {
                    return this.option("pageCount")
                }
                _validateOptions(options) {
                    if (options._skipValidation || this.option("_skipValidation")) {
                        return options
                    }
                    const initialOptions = super._validateOptions(options);
                    let {
                        pageSize: pageSize,
                        pageIndex: pageIndex,
                        itemCount: itemCount
                    } = initialOptions, rest = function(r, e) {
                        if (null == r) {
                            return {}
                        }
                        var t = {};
                        for (var n in r) {
                            if ({}.hasOwnProperty.call(r, n)) {
                                if (-1 !== e.indexOf(n)) {
                                    continue
                                }
                                t[n] = r[n]
                            }
                        }
                        return t
                    }(initialOptions, _excluded);
                    if (void 0 === pageSize) {
                        pageSize = this.option("pageSize")
                    }
                    if (void 0 === pageIndex) {
                        pageIndex = this.option("pageIndex")
                    }
                    if (void 0 === itemCount) {
                        itemCount = this.option("itemCount")
                    }
                    const validatedOptions = (0, _validation_utils.validateOptions)(pageSize, pageIndex, itemCount);
                    return Object.assign({}, rest, validatedOptions)
                }
            }
            exports.PaginationWrapper = PaginationWrapper
        },
        24988(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.createA11yStatusContainer = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const CLASSES_container = "dx-scheduler-a11y-status-container";
            exports.createA11yStatusContainer = function() {
                let statusText = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "";
                return (0, _renderer.default)("<div>").text(statusText).addClass(CLASSES_container).attr("role", "status")
            }
        },
        71883(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getA11yStatusText = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const KEYS_dateRange = "dxScheduler-dateRange",
                KEYS_label = "dxScheduler-ariaLabel",
                KEYS_indicatorPresent = "dxScheduler-ariaLabel-currentIndicator-present",
                KEYS_indicatorNotPresent = "dxScheduler-ariaLabel-currentIndicator-not-present";
            const viewTypeLocalization = {
                agenda: "dxScheduler-switcherAgenda",
                day: "dxScheduler-switcherDay",
                month: "dxScheduler-switcherMonth",
                week: "dxScheduler-switcherWeek",
                workWeek: "dxScheduler-switcherWorkWeek",
                timelineDay: "dxScheduler-switcherTimelineDay",
                timelineMonth: "dxScheduler-switcherTimelineMonth",
                timelineWeek: "dxScheduler-switcherTimelineWeek",
                timelineWorkWeek: "dxScheduler-switcherTimelineWorkWeek"
            };
            const localizeMonth = date => String(_date.default.format(date, "monthAndYear"));
            const localizeDate = date => `${_date.default.format(date,"monthAndDay")}, ${_date.default.format(date,"year")}`;
            exports.getA11yStatusText = (view, startDate, endDate, appointmentCount, indicatorTime) => {
                const viewType = null === view || void 0 === view ? void 0 : view.type;
                const viewName = null === view || void 0 === view ? void 0 : view.name;
                const viewTypeLabel = ((viewName, viewType) => {
                    if (viewName) {
                        return viewName
                    }
                    if (viewType) {
                        return _message.default.format(viewTypeLocalization[viewType])
                    }
                    return ""
                })(viewName, viewType);
                const isMonth = "month" === viewType || "timelineMonth" === viewType;
                const startDateText = isMonth ? localizeMonth(startDate) : localizeDate(startDate);
                const endDateText = isMonth ? localizeMonth(endDate) : localizeDate(endDate);
                const intervalText = startDateText === endDateText ? `${startDateText}` : _message.default.format(KEYS_dateRange, startDateText, endDateText);
                const statusText = _message.default.format(KEYS_label, viewTypeLabel, intervalText, appointmentCount);
                if (indicatorTime) {
                    const indicatorStatus = ((date, startDate, endDate) => _message.default.format(date >= startDate && date < endDate ? KEYS_indicatorPresent : KEYS_indicatorNotPresent))(indicatorTime, startDate, endDate);
                    return `${statusText}. ${indicatorStatus}`
                }
                return statusText
            }
        },
        77575(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getRepeatSelectItems = exports.getRecurrenceWeekDayItems = exports.getRecurrenceMonthItems = exports.getRecurrenceFrequencyItems = exports.REPEAT_NEVER_VALUE = exports.ICAL_WEEK_DAYS = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _capitalize = __webpack_require__( /*! ../../core/utils/capitalize */ 72928);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const REPEAT_NEVER_VALUE = exports.REPEAT_NEVER_VALUE = "never";
            const ICAL_WEEK_DAYS = exports.ICAL_WEEK_DAYS = ["SU", "MO", "TU", "WE", "TH", "FR", "SA"];
            const repeatSelectItemDefs = [{
                messageId: "dxScheduler-recurrenceNever",
                value: REPEAT_NEVER_VALUE
            }, {
                messageId: "dxScheduler-recurrenceHourly",
                value: "hourly"
            }, {
                messageId: "dxScheduler-recurrenceDaily",
                value: "daily"
            }, {
                messageId: "dxScheduler-recurrenceWeekly",
                value: "weekly"
            }, {
                messageId: "dxScheduler-recurrenceMonthly",
                value: "monthly"
            }, {
                messageId: "dxScheduler-recurrenceYearly",
                value: "yearly"
            }];
            const recurrenceFrequencyItemDefs = [{
                messageId: "dxScheduler-recurrenceRepeatHourly",
                value: "hourly"
            }, {
                messageId: "dxScheduler-recurrenceRepeatDaily",
                value: "daily"
            }, {
                messageId: "dxScheduler-recurrenceRepeatWeekly",
                value: "weekly"
            }, {
                messageId: "dxScheduler-recurrenceRepeatMonthly",
                value: "monthly"
            }, {
                messageId: "dxScheduler-recurrenceRepeatYearly",
                value: "yearly"
            }];
            exports.getRepeatSelectItems = () => repeatSelectItemDefs.map(item => ({
                text: _message.default.format(item.messageId),
                value: item.value
            }));
            exports.getRecurrenceFrequencyItems = () => recurrenceFrequencyItemDefs.map(item => ({
                text: (0, _capitalize.capitalize)(_message.default.format(item.messageId)),
                value: item.value
            }));
            exports.getRecurrenceMonthItems = () => _date.default.getMonthNames().map((monthName, index) => ({
                value: index + 1,
                text: monthName
            }));
            exports.getRecurrenceWeekDayItems = firstDayOfWeek => {
                const localizedDayNames = _date.default.getDayNames("abbreviated");
                const orderedWeekDayItems = ICAL_WEEK_DAYS.map((day, index) => ({
                    text: localizedDayNames[index].slice(0, 1).toUpperCase(),
                    key: day
                }));
                const validFirstDayOfWeek = firstDayOfWeek ?? _date.default.firstDayOfWeekIndex();
                return orderedWeekDayItems.slice(validFirstDayOfWeek).concat(orderedWeekDayItems.slice(0, validFirstDayOfWeek))
            }
        },
        10504(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.customizeFormItems = void 0;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            const isGroupItem = item => "items" in item;
            const buildFormItemsMap = function(items) {
                let map = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : new Map;
                return items.reduce((accumulator, item) => {
                    if (item.name) {
                        accumulator.set(item.name, Object.assign({}, item))
                    }
                    return buildFormItemsMap(isGroupItem(item) ? item.items ?? [] : [], accumulator)
                }, map)
            };
            exports.customizeFormItems = (items, userConfig) => {
                if (!userConfig) {
                    return items
                }
                const defaultItemsMap = buildFormItemsMap(items);
                const resolveItem = customItems => {
                    const itemName = (customItem = customItems, "string" === typeof customItem ? customItem : customItem.name);
                    var customItem;
                    const defaultItem = itemName ? defaultItemsMap.get(itemName) : void 0;
                    if (defaultItem && itemName) {
                        ((itemName, itemsMap) => {
                            Array.from(itemsMap.values()).forEach(group => {
                                if (isGroupItem(group) && group.items) {
                                    group.items = group.items.filter(item => item.name !== itemName)
                                }
                            })
                        })(itemName, defaultItemsMap);
                        return (customItems => "object" === typeof customItems)(customItems) ? (0, _extend.extend)(true, {}, defaultItem, customItems) : defaultItem
                    }
                    return configItem = customItems, "string" === typeof configItem ? {
                        itemType: "simple",
                        editorType: "dxTextBox",
                        name: configItem,
                        dataField: configItem
                    } : configItem;
                    var configItem
                };
                const customize = userItems => userItems.map(customItems => {
                    const formItem = resolveItem(customItems);
                    if (isGroupItem(formItem) && (customItems => "object" === typeof customItems && isGroupItem(customItems) && Boolean(customItems.items))(customItems) && customItems.items) {
                        return Object.assign({}, formItem, {
                            items: customize(customItems.items)
                        })
                    }
                    return formItem
                });
                return customize(userConfig)
            }
        },
        8107(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AppointmentForm = void 0;
            __webpack_require__( /*! ../../../ui/radio_group */ 84798);
            __webpack_require__( /*! ../../../ui/text_area */ 23116);
            __webpack_require__( /*! ../../../ui/tag_box */ 4575);
            __webpack_require__( /*! ../../../ui/switch */ 91029);
            __webpack_require__( /*! ../../../ui/select_box */ 60695);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _data = __webpack_require__( /*! ../../../common/data */ 11036);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _form = _interopRequireDefault(__webpack_require__( /*! ../../../ui/form */ 74075));
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _m_date_serialization = __webpack_require__( /*! ../../core/utils/m_date_serialization */ 62897);
            var _m_drop_down_editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/drop_down_editor/m_drop_down_editor */ 28906));
            var _m_utils_time_zone = _interopRequireDefault(__webpack_require__( /*! ../m_utils_time_zone */ 18648));
            var _constants = __webpack_require__( /*! ../utils/options/constants */ 46912);
            var _appointment_groups_utils = __webpack_require__( /*! ../utils/resource_manager/appointment_groups_utils */ 11649);
            var _localized_items = __webpack_require__( /*! ./localized_items */ 77575);
            var _m_customize_form_items = __webpack_require__( /*! ./m_customize_form_items */ 10504);
            var _m_recurrence_form = __webpack_require__( /*! ./m_recurrence_form */ 58452);
            var _utils = __webpack_require__( /*! ./utils */ 63512);
            const _excluded = ["items", "onContentReady", "onInitialized"];

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CLASSES_form = "dx-scheduler-form",
                CLASSES_icon = "dx-icon",
                CLASSES_fieldItemContent = "dx-field-item-content",
                CLASSES_formItem = "dx-item",
                CLASSES_labelTop = "dx-field-item-label-location-top",
                CLASSES_label = "dx-label",
                CLASSES_groupWithIcon = "dx-scheduler-form-group-with-icon",
                CLASSES_formIcon = "dx-scheduler-form-icon",
                CLASSES_formIconTopLabelOffset = "dx-scheduler-form-top-label-offset",
                CLASSES_formIconInnerLabelOffset = "dx-scheduler-form-inner-label-offset",
                CLASSES_defaultResourceIcon = "dx-scheduler-default-resources-icon",
                CLASSES_mainGroup = "dx-scheduler-form-main-group",
                CLASSES_subjectGroup = "dx-scheduler-form-subject-group",
                CLASSES_dateRangeGroup = "dx-scheduler-form-date-range-group",
                CLASSES_startDateGroup = "dx-scheduler-form-start-date-group",
                CLASSES_endDateGroup = "dx-scheduler-form-end-date-group",
                CLASSES_repeatGroup = "dx-scheduler-form-repeat-group",
                CLASSES_descriptionGroup = "dx-scheduler-form-description-group",
                CLASSES_resourcesGroup = "dx-scheduler-form-resources-group",
                CLASSES_textEditor = "dx-scheduler-form-text-editor",
                CLASSES_allDaySwitch = "dx-scheduler-form-all-day-switch",
                CLASSES_startDateEditor = "dx-scheduler-form-start-date-editor",
                CLASSES_startTimeEditor = "dx-scheduler-form-start-time-editor",
                CLASSES_startDateTimeZoneEditor = "dx-scheduler-form-start-date-timezone-editor",
                CLASSES_endDateEditor = "dx-scheduler-form-end-date-editor",
                CLASSES_endTimeEditor = "dx-scheduler-form-end-time-editor",
                CLASSES_endDateTimeZoneEditor = "dx-scheduler-form-end-date-timezone-editor",
                CLASSES_repeatEditor = "dx-scheduler-form-repeat-editor",
                CLASSES_descriptionEditor = "dx-scheduler-form-description-editor",
                CLASSES_recurrenceSettingsButton = "dx-scheduler-form-recurrence-settings-button",
                CLASSES_mainHidden = "dx-scheduler-form-main-group-hidden",
                CLASSES_recurrenceGroup = "dx-scheduler-form-recurrence-group",
                CLASSES_recurrenceHidden = "dx-scheduler-form-recurrence-group-hidden";
            exports.AppointmentForm = class {
                get dxForm() {
                    return this.dxFormInstance
                }
                get dxPopup() {
                    return this._popup.dxPopup
                }
                get readOnly() {
                    return this.dxForm.option("readOnly")
                }
                set readOnly(value) {
                    this.dxForm.option("readOnly", value);
                    this.recurrenceForm.setReadOnly(value)
                }
                get formData() {
                    return this.dxForm.option("formData")
                }
                set formData(formData) {
                    this.dxForm.option("formData", formData)
                }
                get startDate() {
                    const {
                        startDateExpr: startDateExpr
                    } = this.scheduler.getDataAccessors().expr;
                    const value = this.getFormDataField(startDateExpr);
                    return value ? new Date(_m_date_serialization.dateSerialization.deserializeDate(value)) : null
                }
                get endDate() {
                    const {
                        endDateExpr: endDateExpr
                    } = this.scheduler.getDataAccessors().expr;
                    const value = this.getFormDataField(endDateExpr);
                    return value ? new Date(_m_date_serialization.dateSerialization.deserializeDate(value)) : null
                }
                get recurrenceRuleRaw() {
                    const {
                        recurrenceRuleExpr: recurrenceRuleExpr
                    } = this.scheduler.getDataAccessors().expr;
                    const value = this.getFormDataField(recurrenceRuleExpr);
                    return value ?? null
                }
                constructor(scheduler) {
                    this.scheduler = scheduler;
                    this.resourceManager = scheduler.getResourceManager()
                }
                getFormDataField(field) {
                    return this.dxForm.option(`formData.${field}`)
                }
                dispose() {
                    var _this$dxFormInstance;
                    null === (_this$dxFormInstance = this.dxFormInstance) || void 0 === _this$dxFormInstance || _this$dxFormInstance.dispose();
                    this.dxFormInstance = void 0;
                    if (this.recurrenceForm) {
                        this.recurrenceForm.dxForm = void 0
                    }
                }
                create(popup) {
                    var _editingConfig$form;
                    this._popup = popup;
                    const mainGroup = this.createMainFormGroup();
                    this.recurrenceForm = new _m_recurrence_form.RecurrenceForm(this.scheduler);
                    const recurrenceGroup = this.recurrenceForm.createRecurrenceFormGroup();
                    const items = [mainGroup, recurrenceGroup];
                    const iconsShowMode = this.getIconsShowMode();
                    const showMainGroupIcons = ["main", "both"].includes(iconsShowMode);
                    const showRecurrenceGroupIcons = ["recurrence", "both"].includes(iconsShowMode);
                    this.applyFormItemDefaults(mainGroup, showMainGroupIcons);
                    this.applyFormItemDefaults(recurrenceGroup, showRecurrenceGroupIcons);
                    const editingConfig = this.scheduler.getEditingConfig();
                    const customizedItems = (0, _m_customize_form_items.customizeFormItems)(items, null === editingConfig || void 0 === editingConfig || null === (_editingConfig$form = editingConfig.form) || void 0 === _editingConfig$form ? void 0 : _editingConfig$form.items);
                    this.createForm(customizedItems)
                }
                getIconsShowMode() {
                    var _editingConfig$form2;
                    const editingConfig = this.scheduler.getEditingConfig();
                    if ((0, _type.isBoolean)(editingConfig)) {
                        return _constants.DEFAULT_ICONS_SHOW_MODE
                    }
                    return (null === editingConfig || void 0 === editingConfig || null === (_editingConfig$form2 = editingConfig.form) || void 0 === _editingConfig$form2 ? void 0 : _editingConfig$form2.iconsShowMode) ?? _constants.DEFAULT_ICONS_SHOW_MODE
                }
                createForm(items) {
                    const element = (0, _renderer.default)("<div>");
                    const editingConfig = this.scheduler.getEditingConfig();
                    const _ref = (null === editingConfig || void 0 === editingConfig ? void 0 : editingConfig.form) ?? {},
                        {
                            onContentReady: onContentReady,
                            onInitialized: onInitialized
                        } = _ref,
                        customFormOptions = function(r, e) {
                            if (null == r) {
                                return {}
                            }
                            var t = {};
                            for (var n in r) {
                                if ({}.hasOwnProperty.call(r, n)) {
                                    if (-1 !== e.indexOf(n)) {
                                        continue
                                    }
                                    t[n] = r[n]
                                }
                            }
                            return t
                        }(_ref, _excluded);
                    const defaultOptions = {
                        items: items,
                        formData: {},
                        showColonAfterLabel: false,
                        showValidationSummary: false,
                        scrollingEnabled: false,
                        labelLocation: "top",
                        colCountByScreen: {
                            xs: 1
                        },
                        elementAttr: {
                            class: CLASSES_form
                        },
                        onFieldDataChanged: e => {
                            const {
                                startDateExpr: startDateExpr,
                                endDateExpr: endDateExpr,
                                recurrenceRuleExpr: recurrenceRuleExpr
                            } = this.scheduler.getDataAccessors().expr;
                            const {
                                dataField: dataField
                            } = e;
                            if (!dataField) {
                                return
                            }
                            const isDateRangeChanged = [startDateExpr, endDateExpr].includes(dataField);
                            const isRecurrenceRuleChanged = dataField === recurrenceRuleExpr;
                            const isResourceChanged = Object.keys(this.scheduler.getResourceById()).includes(dataField);
                            if (isDateRangeChanged) {
                                this.updateDateEditorsValues()
                            }
                            if (isRecurrenceRuleChanged || startDateExpr === dataField) {
                                this.recurrenceForm.updateRecurrenceFormValues(this.recurrenceRuleRaw, this.startDate)
                            }
                            if (isRecurrenceRuleChanged) {
                                this.updateRepeatEditorValue()
                            }
                            if (isResourceChanged) {
                                this.updateSubjectIconColor()
                            }
                        },
                        onInitialized: e => {
                            this.dxFormInstance = e.component;
                            this.recurrenceForm.dxForm = this.dxForm;
                            null === onInitialized || void 0 === onInitialized || onInitialized.call(this, e)
                        },
                        onContentReady: e => {
                            const $formElement = e.component.$element();
                            this.$mainGroup = $formElement.find(`.${CLASSES_mainGroup}`);
                            this.$recurrenceGroup = $formElement.find(`.${CLASSES_recurrenceGroup}`);
                            this.alignIconsWithEditors();
                            null === onContentReady || void 0 === onContentReady || onContentReady.call(this, e)
                        }
                    };
                    const formOptions = (0, _extend.extend)(true, defaultOptions, customFormOptions);
                    return this.scheduler.createComponent(element, _form.default, formOptions)
                }
                createMainFormGroup() {
                    return {
                        name: "mainGroup",
                        itemType: "group",
                        colSpan: 1,
                        cssClass: CLASSES_mainGroup,
                        items: [this.createSubjectGroup(), this.createDateRangeGroup(), this.createRepeatGroup(), this.createResourcesGroup(), this.createDescriptionGroup()]
                    }
                }
                createSubjectGroup() {
                    const {
                        textExpr: textExpr
                    } = this.scheduler.getDataAccessors().expr;
                    return {
                        name: "subjectGroup",
                        itemType: "group",
                        cssClass: `${CLASSES_subjectGroup} ${CLASSES_groupWithIcon}`,
                        items: [{
                            name: "subjectIcon",
                            colSpan: 1,
                            cssClass: CLASSES_formIcon,
                            template: (0, _utils.createFormIconTemplate)("isnotblank")
                        }, {
                            name: "subjectEditor",
                            colSpan: 1,
                            itemType: "simple",
                            cssClass: CLASSES_textEditor,
                            dataField: textExpr,
                            label: {
                                text: _message.default.format("dxScheduler-editorLabelTitle")
                            },
                            editorType: "dxTextBox"
                        }]
                    }
                }
                createDateRangeGroup() {
                    return {
                        name: "dateGroup",
                        itemType: "group",
                        cssClass: `${CLASSES_dateRangeGroup} ${CLASSES_groupWithIcon}`,
                        items: [{
                            name: "dateIcon",
                            colSpan: 1,
                            cssClass: CLASSES_formIcon,
                            template: (0, _utils.createFormIconTemplate)("clock")
                        }, {
                            colSpan: 1,
                            name: "dateOptionsGroup",
                            itemType: "group",
                            items: [this.createAllDaySwitch(), this.createStartDateGroup(), this.createEndDateGroup()]
                        }]
                    }
                }
                createAllDaySwitch() {
                    const {
                        allDayExpr: allDayExpr,
                        startDateExpr: startDateExpr,
                        endDateExpr: endDateExpr
                    } = this.scheduler.getDataAccessors().expr;
                    return {
                        name: "allDayEditor",
                        itemType: "simple",
                        dataField: allDayExpr,
                        cssClass: CLASSES_allDaySwitch,
                        label: {
                            text: _message.default.format("dxScheduler-allDay"),
                            location: "left"
                        },
                        editorType: "dxSwitch",
                        editorOptions: {
                            onValueChanged: e => {
                                this.updateDateTimeEditorsVisibility();
                                const {
                                    startDate: startDate
                                } = this;
                                if (!startDate || void 0 === e.event) {
                                    return
                                }
                                if (e.value) {
                                    const allDayStartDate = _date.default.trimTime(startDate);
                                    this.dxForm.updateData(startDateExpr, allDayStartDate);
                                    this.dxForm.updateData(endDateExpr, allDayStartDate)
                                } else {
                                    const startHour = this.scheduler.getStartDayHour();
                                    startDate.setHours(startHour);
                                    const calculatedEndDate = this.scheduler.getCalculatedEndDate(startDate);
                                    this.dxForm.updateData(startDateExpr, startDate);
                                    this.dxForm.updateData(endDateExpr, calculatedEndDate)
                                }
                            }
                        }
                    }
                }
                createStartDateGroup() {
                    const {
                        startDateExpr: startDateExpr,
                        startDateTimeZoneExpr: startDateTimeZoneExpr,
                        endDateTimeZoneExpr: endDateTimeZoneExpr
                    } = this.scheduler.getDataAccessors().expr;
                    return this.createDateGroup(startDateExpr, {
                        name: "startDateGroup",
                        cssClass: CLASSES_startDateGroup
                    }, {
                        name: "startDateEditor",
                        label: {
                            text: _message.default.format("dxScheduler-editorLabelStartDate")
                        },
                        cssClass: CLASSES_startDateEditor
                    }, {
                        name: "startTimeEditor",
                        cssClass: CLASSES_startTimeEditor,
                        editorOptions: {
                            inputAttr: {
                                "aria-label": _message.default.format("dxScheduler-editorAriaLabelStartTime")
                            }
                        }
                    }, {
                        name: "startDateTimeZoneEditor",
                        dataField: startDateTimeZoneExpr,
                        cssClass: CLASSES_startDateTimeZoneEditor,
                        editorOptions: {
                            onValueChanged: e => {
                                const endDateTimeZoneEditor = this.dxForm.getEditor(endDateTimeZoneExpr);
                                null === endDateTimeZoneEditor || void 0 === endDateTimeZoneEditor || endDateTimeZoneEditor.option("value", e.value)
                            }
                        }
                    })
                }
                createEndDateGroup() {
                    const {
                        endDateExpr: endDateExpr,
                        endDateTimeZoneExpr: endDateTimeZoneExpr
                    } = this.scheduler.getDataAccessors().expr;
                    return this.createDateGroup(endDateExpr, {
                        name: "endDateGroup",
                        cssClass: CLASSES_endDateGroup
                    }, {
                        name: "endDateEditor",
                        label: {
                            text: _message.default.format("dxScheduler-editorLabelEndDate")
                        },
                        cssClass: CLASSES_endDateEditor
                    }, {
                        name: "endTimeEditor",
                        cssClass: CLASSES_endTimeEditor,
                        editorOptions: {
                            inputAttr: {
                                "aria-label": _message.default.format("dxScheduler-editorAriaLabelEndTime")
                            }
                        }
                    }, {
                        name: "endDateTimeZoneEditor",
                        dataField: endDateTimeZoneExpr,
                        cssClass: CLASSES_endDateTimeZoneEditor
                    })
                }
                createDateGroup(dateExpr, groupItemOptions, dateItemOptions, timeItemOptions, timezoneItemOptions) {
                    const {
                        allowTimeZoneEditing: allowTimeZoneEditing
                    } = this.scheduler.getEditingConfig();
                    const {
                        startDateExpr: startDateExpr,
                        endDateExpr: endDateExpr
                    } = this.scheduler.getDataAccessors().expr;
                    const isStartDateEditor = dateExpr === startDateExpr;
                    const getEditorsDate = () => isStartDateEditor ? this.startDate : this.endDate;
                    const correctDateRange = previousDateValue => {
                        const {
                            startDate: startDate,
                            endDate: endDate
                        } = this;
                        if (!startDate || !endDate || startDate.getTime() <= endDate.getTime()) {
                            return
                        }
                        if (isStartDateEditor) {
                            const duration = previousDateValue ? endDate.getTime() - previousDateValue.getTime() : 0;
                            const correctedEndDate = new Date(startDate.getTime() + duration);
                            this.dxForm.updateData(endDateExpr, correctedEndDate)
                        } else {
                            const duration = previousDateValue ? previousDateValue.getTime() - startDate.getTime() : 0;
                            const correctedStartDate = new Date(endDate.getTime() - duration);
                            this.dxForm.updateData(startDateExpr, correctedStartDate)
                        }
                    };
                    const dateValueChanged = (e, modifyDate) => {
                        const currentDate = getEditorsDate();
                        if (!currentDate) {
                            this.dxForm.updateData(dateExpr, e.value);
                            return
                        }
                        if (!e.value) {
                            return
                        }
                        if (!e.event && currentDate.getTime() === e.value.getTime()) {
                            return
                        }
                        const previousDateValue = new Date(currentDate);
                        modifyDate(currentDate);
                        this.dxForm.updateData(dateExpr, currentDate);
                        correctDateRange(previousDateValue)
                    };
                    return Object.assign({
                        itemType: "group",
                        items: [{
                            name: isStartDateEditor ? "startDateTimeGroup" : "endDateTimeGroup",
                            itemType: "group",
                            colCount: 2,
                            colCountByScreen: {
                                xs: 2
                            },
                            items: [(0, _extend.extend)(true, (0, _utils.getStartDateCommonConfig)(this.scheduler.getFirstDayOfWeek()), {
                                editorOptions: {
                                    onValueChanged: e => {
                                        dateValueChanged(e, date => {
                                            date.setFullYear(e.value.getFullYear(), e.value.getMonth(), e.value.getDate())
                                        })
                                    },
                                    onContentReady: e => {
                                        e.component.option("value", getEditorsDate())
                                    }
                                }
                            }, dateItemOptions), (0, _extend.extend)(true, {
                                itemType: "simple",
                                colSpan: 1,
                                editorType: "dxDateBox",
                                validationRules: [{
                                    type: "required"
                                }],
                                editorOptions: {
                                    type: "time",
                                    useMaskBehavior: true,
                                    calendarOptions: {
                                        firstDayOfWeek: this.scheduler.getFirstDayOfWeek()
                                    },
                                    onValueChanged: e => {
                                        dateValueChanged(e, date => {
                                            date.setHours(e.value.getHours(), e.value.getMinutes())
                                        })
                                    },
                                    onContentReady: e => {
                                        e.component.option("value", getEditorsDate())
                                    }
                                }
                            }, timeItemOptions)]
                        }, (0, _extend.extend)(true, {
                            itemType: "simple",
                            colSpan: 2,
                            editorType: "dxSelectBox",
                            visible: allowTimeZoneEditing,
                            editorOptions: {
                                displayExpr: "title",
                                valueExpr: "id",
                                placeholder: _message.default.format("dxScheduler-noTimezoneTitle"),
                                searchEnabled: true,
                                dataSource: new _data.DataSource({
                                    store: _m_utils_time_zone.default.getTimeZonesCache(),
                                    paginate: true,
                                    pageSize: 10
                                })
                            }
                        }, timezoneItemOptions)]
                    }, groupItemOptions)
                }
                createRepeatGroup() {
                    const {
                        recurrenceRuleExpr: recurrenceRuleExpr
                    } = this.scheduler.getDataAccessors().expr;
                    return {
                        name: "repeatGroup",
                        itemType: "group",
                        cssClass: `${CLASSES_repeatGroup} ${CLASSES_groupWithIcon}`,
                        items: [{
                            name: "repeatIcon",
                            colSpan: 1,
                            cssClass: CLASSES_formIcon,
                            template: (0, _utils.createFormIconTemplate)("repeat")
                        }, {
                            name: "repeatEditor",
                            colSpan: 1,
                            itemType: "simple",
                            cssClass: CLASSES_repeatEditor,
                            label: {
                                text: _message.default.format("dxScheduler-editorLabelRecurrence")
                            },
                            editorType: "dxSelectBox",
                            editorOptions: {
                                items: (0, _localized_items.getRepeatSelectItems)(),
                                valueExpr: "value",
                                displayExpr: "text",
                                onContentReady: () => {
                                    this.updateRepeatEditorValue()
                                },
                                onValueChanged: e => {
                                    if (e.value === _localized_items.REPEAT_NEVER_VALUE) {
                                        this.dxForm.updateData(recurrenceRuleExpr, "")
                                    } else {
                                        const currentRecurrenceRule = this.recurrenceForm.recurrenceRule.toString() ?? "";
                                        const recurrenceRule = new _utils.RecurrenceRule(currentRecurrenceRule, this.startDate);
                                        recurrenceRule.frequency = e.value;
                                        this.dxForm.updateData(recurrenceRuleExpr, recurrenceRule.toString())
                                    }
                                    if (e.value !== _localized_items.REPEAT_NEVER_VALUE && e.event) {
                                        this.showRecurrenceGroup()
                                    }
                                    e.component.option("buttons", this.getRepeatEditorButtons())
                                }
                            }
                        }]
                    }
                }
                createDescriptionGroup() {
                    const {
                        descriptionExpr: descriptionExpr
                    } = this.scheduler.getDataAccessors().expr;
                    return {
                        name: "descriptionGroup",
                        itemType: "group",
                        cssClass: `${CLASSES_descriptionGroup} ${CLASSES_groupWithIcon}`,
                        items: [{
                            name: "descriptionIcon",
                            colSpan: 1,
                            cssClass: CLASSES_formIcon,
                            template: (0, _utils.createFormIconTemplate)("description")
                        }, {
                            name: "descriptionEditor",
                            dataField: descriptionExpr,
                            colSpan: 1,
                            itemType: "simple",
                            cssClass: CLASSES_descriptionEditor,
                            label: {
                                text: _message.default.format("dxScheduler-editorLabelDescription")
                            },
                            editorType: "dxTextArea",
                            editorOptions: {
                                minHeight: 100
                            }
                        }]
                    }
                }
                createResourcesGroup() {
                    const resourcesLoaders = Object.values(this.scheduler.getResourceById());
                    let resourcesItems = resourcesLoaders.map(resourceLoader => {
                        const {
                            dataSource: dataSource,
                            dataAccessor: dataAccessor
                        } = resourceLoader;
                        const dataField = resourceLoader.resourceIndex;
                        const name = `${dataField}Editor`;
                        const label = resourceLoader.resourceName ?? dataField;
                        const editorType = resourceLoader.allowMultiple ? "dxTagBox" : "dxSelectBox";
                        return {
                            itemType: "simple",
                            name: name,
                            dataField: dataField,
                            label: {
                                text: label
                            },
                            colSpan: 1,
                            editorType: editorType,
                            editorOptions: {
                                dataSource: dataSource,
                                displayExpr: dataAccessor.textExpr,
                                valueExpr: dataAccessor.idExpr
                            }
                        }
                    });
                    const noCustomResourceIcons = resourcesLoaders.every(resource => !resource.icon);
                    if (noCustomResourceIcons) {
                        return {
                            name: "resourcesGroup",
                            itemType: "group",
                            visible: resourcesItems.length > 0,
                            cssClass: `${CLASSES_resourcesGroup} ${CLASSES_groupWithIcon}`,
                            items: [{
                                name: "resourcesGroupIcon",
                                colSpan: 1,
                                cssClass: `${CLASSES_formIcon} ${CLASSES_defaultResourceIcon}`,
                                template: (0, _utils.createFormIconTemplate)("addcircleoutline")
                            }, {
                                name: "resourceEditorsGroup",
                                itemType: "group",
                                colSpan: 1,
                                items: resourcesItems
                            }]
                        }
                    }
                    resourcesItems = resourcesItems.map((item, index) => {
                        const icon = resourcesLoaders[index].icon ?? "";
                        const dataField = resourcesLoaders[index].resourceIndex;
                        return {
                            itemType: "group",
                            name: `${dataField}Group`,
                            cssClass: CLASSES_groupWithIcon,
                            items: [{
                                colSpan: 1,
                                name: `${dataField}Icon`,
                                cssClass: CLASSES_formIcon,
                                template: (0, _utils.createFormIconTemplate)(icon)
                            }, item]
                        }
                    });
                    return {
                        name: "resourcesGroup",
                        itemType: "group",
                        colCount: 1,
                        colCountByScreen: {
                            xs: 1
                        },
                        cssClass: CLASSES_resourcesGroup,
                        items: resourcesItems
                    }
                }
                applyFormItemDefaults(item, showIcon) {
                    const itemClasses = (item.cssClass ?? "").split(" ");
                    const isIconItem = itemClasses.includes(CLASSES_formIcon);
                    if (isIconItem) {
                        item.visible = showIcon;
                        return
                    }
                    if ("simple" === item.itemType) {
                        const simpleItem = item;
                        const stylingMode = (0, _themes.isFluent)((0, _themes.current)()) ? "filled" : void 0;
                        simpleItem.editorOptions = (0, _extend.extend)(simpleItem.editorOptions, {
                            stylingMode: stylingMode
                        });
                        return
                    }
                    if ("group" === item.itemType) {
                        var _groupItem$items;
                        const groupItem = item;
                        if (itemClasses.includes(CLASSES_groupWithIcon)) {
                            const colCount = showIcon ? 2 : 1;
                            groupItem.colCount = colCount;
                            groupItem.colCountByScreen = {
                                xs: colCount
                            }
                        }
                        null === (_groupItem$items = groupItem.items) || void 0 === _groupItem$items || _groupItem$items.forEach(child => {
                            this.applyFormItemDefaults(child, showIcon)
                        })
                    }
                }
                alignIconsWithEditors() {
                    const $groups = this.dxForm.$element().find(`.${CLASSES_groupWithIcon}`);
                    $groups.toArray().forEach(groupElement => {
                        const iconElement = groupElement.querySelector(`.${CLASSES_formIcon}`);
                        const itemElements = groupElement.querySelectorAll(`.${CLASSES_formItem}`);
                        const firstSimpleItemElement = Array.from(itemElements).find(itemElement => {
                            const isGroup = null !== itemElement.querySelector(`.${CLASSES_formItem}`);
                            const isIcon = null !== itemElement.querySelector(`.${CLASSES_formIcon}`);
                            return !isGroup && !isIcon
                        });
                        if (!firstSimpleItemElement || !iconElement) {
                            return
                        }
                        const hasTopLabel = null !== firstSimpleItemElement.querySelector(`.${CLASSES_labelTop}`);
                        const hasInnerLabel = !hasTopLabel && null !== firstSimpleItemElement.querySelector(`.${CLASSES_label}`);
                        iconElement.classList.toggle(CLASSES_formIconTopLabelOffset, hasTopLabel);
                        iconElement.classList.toggle(CLASSES_formIconInnerLabelOffset, hasInnerLabel)
                    })
                }
                showMainGroup() {
                    var _editingConfig$popup;
                    const currentHeight = this.dxPopup.option("height");
                    const editingConfig = this.scheduler.getEditingConfig();
                    const configuredHeight = (null === editingConfig || void 0 === editingConfig || null === (_editingConfig$popup = editingConfig.popup) || void 0 === _editingConfig$popup ? void 0 : _editingConfig$popup.height) ?? "auto";
                    if ("number" === typeof currentHeight) {
                        this.dxPopup.option("height", configuredHeight)
                    }
                    if (this.$mainGroup) {
                        this.$mainGroup.removeClass(CLASSES_mainHidden);
                        this.$mainGroup.removeAttr("inert");
                        this.focusFirstFocusableInGroup(this.$mainGroup)
                    }
                    if (this.$recurrenceGroup) {
                        this.$recurrenceGroup.addClass(CLASSES_recurrenceHidden);
                        this.$recurrenceGroup.attr("inert", true)
                    }
                    this._popup.updateToolbarForMainGroup()
                }
                showRecurrenceGroup() {
                    const repeatEditor = this.dxForm.getEditor("repeatEditor");
                    if (repeatEditor instanceof _m_drop_down_editor.default) {
                        repeatEditor.close()
                    }
                    this.updateAnimationOffset();
                    const currentHeight = this.dxPopup.option("height");
                    if ("auto" === currentHeight || void 0 === currentHeight) {
                        const overlayHeight = this.dxPopup.$overlayContent().get(0).clientHeight;
                        this.dxPopup.option("height", overlayHeight)
                    }
                    if (this.$mainGroup) {
                        this.$mainGroup.addClass(CLASSES_mainHidden);
                        this.$mainGroup.attr("inert", true)
                    }
                    if (this.$recurrenceGroup) {
                        this.$recurrenceGroup.removeClass(CLASSES_recurrenceHidden);
                        this.$recurrenceGroup.removeAttr("inert");
                        this.focusFirstFocusableInGroup(this.$recurrenceGroup)
                    }
                    this._popup.updateToolbarForRecurrenceGroup()
                }
                saveRecurrenceValue() {
                    const {
                        recurrenceRule: recurrenceRule
                    } = this.recurrenceForm;
                    const {
                        recurrenceRuleExpr: recurrenceRuleExpr
                    } = this.scheduler.getDataAccessors().expr;
                    const recurrenceRuleSerialized = recurrenceRule.toString() ?? "";
                    this.dxForm.updateData(recurrenceRuleExpr, recurrenceRuleSerialized);
                    if (recurrenceRuleSerialized) {
                        var _this$dxForm$getEdito;
                        null === (_this$dxForm$getEdito = this.dxForm.getEditor("startDateEditor")) || void 0 === _this$dxForm$getEdito || _this$dxForm$getEdito.option("value", recurrenceRule.startDate)
                    }
                }
                async updateSubjectIconColor() {
                    const groupValues = (0, _appointment_groups_utils.getRawAppointmentGroupValues)(this.formData, this.resourceManager.resources);
                    const groupIndex = (0, _appointment_groups_utils.getAppointmentGroupIndex)((0, _appointment_groups_utils.getSafeGroupValues)(groupValues), this.resourceManager.groupsLeafs)[0];
                    const color = await this.resourceManager.getAppointmentColor({
                        itemData: this.formData,
                        groupIndex: groupIndex
                    });
                    const $icon = this.dxForm.$element().find(`.${CLASSES_subjectGroup} .${CLASSES_formIcon} .${CLASSES_icon}`);
                    $icon.css("color", color ?? "")
                }
                updateDateEditorsValues() {
                    const startDateEditor = this.dxForm.getEditor("startDateEditor");
                    const startTimeEditor = this.dxForm.getEditor("startTimeEditor");
                    const endDateEditor = this.dxForm.getEditor("endDateEditor");
                    const endTimeEditor = this.dxForm.getEditor("endTimeEditor");
                    null === startDateEditor || void 0 === startDateEditor || startDateEditor.option("value", this.startDate);
                    null === startTimeEditor || void 0 === startTimeEditor || startTimeEditor.option("value", this.startDate);
                    null === endDateEditor || void 0 === endDateEditor || endDateEditor.option("value", this.endDate);
                    null === endTimeEditor || void 0 === endTimeEditor || endTimeEditor.option("value", this.endDate)
                }
                updateRepeatEditorValue() {
                    const repeatEditor = this.dxForm.getEditor("repeatEditor");
                    if (!repeatEditor) {
                        return
                    }
                    if (null === this.recurrenceRuleRaw) {
                        repeatEditor.option("value", _localized_items.REPEAT_NEVER_VALUE)
                    } else {
                        const recurrenceRule = new _utils.RecurrenceRule(this.recurrenceRuleRaw, this.startDate);
                        const {
                            frequency: frequency
                        } = recurrenceRule;
                        const value = frequency ?? _localized_items.REPEAT_NEVER_VALUE;
                        repeatEditor.option("value", value)
                    }
                }
                getRepeatEditorButtons() {
                    const buttons = [];
                    const repeatEditor = this.dxForm.getEditor("repeatEditor");
                    const selectedValue = null === repeatEditor || void 0 === repeatEditor ? void 0 : repeatEditor.option("value");
                    if (selectedValue && "never" !== selectedValue) {
                        buttons.push({
                            location: "after",
                            name: "settings",
                            options: {
                                disabled: false,
                                icon: "optionsoutline",
                                stylingMode: "text",
                                onClick: () => {
                                    this.showRecurrenceGroup()
                                },
                                elementAttr: {
                                    class: `${CLASSES_recurrenceSettingsButton} dx-shape-standard`
                                }
                            }
                        })
                    }
                    buttons.push({
                        name: "dropDown"
                    });
                    return buttons
                }
                updateDateTimeEditorsVisibility() {
                    const {
                        allDayExpr: allDayExpr
                    } = this.scheduler.getDataAccessors().expr;
                    const visible = !this.getFormDataField(allDayExpr);
                    const startDateGroupPath = "mainGroup.dateGroup.dateOptionsGroup.startDateGroup.startDateTimeGroup";
                    const endDateGroupPath = "mainGroup.dateGroup.dateOptionsGroup.endDateGroup.endDateTimeGroup";
                    const startDateItemName = `${startDateGroupPath}.startDateEditor`;
                    const startTimeItemName = `${startDateGroupPath}.startTimeEditor`;
                    const endDateItemName = `${endDateGroupPath}.endDateEditor`;
                    const endTimeItemName = `${endDateGroupPath}.endTimeEditor`;
                    this.dxForm.beginUpdate();
                    this.dxForm.itemOption(startDateItemName, "colSpan", visible ? 1 : 2);
                    this.dxForm.itemOption(startTimeItemName, "visible", visible);
                    this.dxForm.itemOption(endDateItemName, "colSpan", visible ? 1 : 2);
                    this.dxForm.itemOption(endTimeItemName, "visible", visible);
                    this.dxForm.endUpdate()
                }
                updateAnimationOffset() {
                    if (!this.$mainGroup) {
                        return
                    }
                    const formElement = this.dxForm.$element()[0];
                    const mainGroupElement = this.$mainGroup[0];
                    const formRect = formElement.getBoundingClientRect();
                    const groupRect = mainGroupElement.getBoundingClientRect();
                    const topOffset = groupRect.top - formRect.top;
                    formElement.style.setProperty("--dx-scheduler-animation-top", `${topOffset}px`)
                }
                focusFirstFocusableInGroup($group) {
                    const focusTarget = $group.find(`.${CLASSES_fieldItemContent} [tabindex]`).first().get(0);
                    null === focusTarget || void 0 === focusTarget || focusTarget.focus({
                        preventScroll: true
                    })
                }
            }
        },
        27483(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AppointmentPopup = exports.APPOINTMENT_POPUP_CLASS = void 0;
            var _visibility_change = __webpack_require__( /*! ../../../common/core/events/visibility_change */ 18029);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/popup/ui.popup */ 10720));
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _m_loading = __webpack_require__( /*! ../m_loading */ 73922);
            var _appointment_adapter = __webpack_require__( /*! ../utils/appointment_adapter/appointment_adapter */ 36791);
            var _appointment_groups_utils = __webpack_require__( /*! ../utils/resource_manager/appointment_groups_utils */ 11649);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const APPOINTMENT_POPUP_CLASS = exports.APPOINTMENT_POPUP_CLASS = "dx-scheduler-appointment-popup";
            exports.AppointmentPopup = class {
                get popup() {
                    return this._popup
                }
                get visible() {
                    var _this$_popup;
                    return Boolean(null === (_this$_popup = this._popup) || void 0 === _this$_popup ? void 0 : _this$_popup.option("visible"))
                }
                constructor(scheduler, form) {
                    this.config = {
                        onSave: () => Promise.resolve(),
                        title: "",
                        readOnly: false
                    };
                    this.scheduler = scheduler;
                    this.form = form;
                    this.state = {
                        saveChangesLocker: false,
                        appointment: {
                            data: null
                        }
                    }
                }
                show(appointment, config) {
                    this.state.appointment.data = appointment;
                    this.config = config;
                    this.disposePopup();
                    const popupConfig = this.createPopupConfig();
                    this.createPopup(popupConfig);
                    this._popup.show()
                }
                hide() {
                    var _this$_popup2;
                    null === (_this$_popup2 = this._popup) || void 0 === _this$_popup2 || _this$_popup2.hide()
                }
                dispose() {
                    this.disposePopup()
                }
                disposePopup() {
                    if (this._popup) {
                        const $element = this._popup.$element();
                        this.form.dispose();
                        this._popup.dispose();
                        $element.remove();
                        this._popup = void 0
                    }
                }
                createPopup(options) {
                    const popupElement = (0, _renderer.default)("<div>").addClass(APPOINTMENT_POPUP_CLASS).appendTo(this.scheduler.getElement());
                    this.scheduler.createComponent(popupElement, _ui.default, options)
                }
                createPopupConfig() {
                    const editingConfig = this.scheduler.getEditingConfig();
                    const customPopupOptions = (null === editingConfig || void 0 === editingConfig ? void 0 : editingConfig.popup) ?? {};
                    this.customPopupOptions = customPopupOptions;
                    const defaultPopupConfig = {
                        height: "auto",
                        maxHeight: "90%",
                        showCloseButton: false,
                        showTitle: false,
                        preventScrollEvents: false,
                        enableBodyScroll: false,
                        _ignorePreventScrollEventsDeprecation: true,
                        onInitialized: e => {
                            var _customPopupOptions$o;
                            this._popup = e.component;
                            null === customPopupOptions || void 0 === customPopupOptions || null === (_customPopupOptions$o = customPopupOptions.onInitialized) || void 0 === _customPopupOptions$o || _customPopupOptions$o.call(customPopupOptions, e)
                        },
                        onHiding: e => {
                            var _customPopupOptions$o2;
                            this.scheduler.focus();
                            null === customPopupOptions || void 0 === customPopupOptions || null === (_customPopupOptions$o2 = customPopupOptions.onHiding) || void 0 === _customPopupOptions$o2 || _customPopupOptions$o2.call(customPopupOptions, e)
                        },
                        contentTemplate: () => {
                            this.form.create({
                                dxPopup: this.popup,
                                updateToolbarForMainGroup: () => this.updateToolbarForMainGroup(),
                                updateToolbarForRecurrenceGroup: () => this.updateToolbarForRecurrenceGroup()
                            });
                            return this.form.dxForm.$element()
                        },
                        onShowing: e => {
                            var _customPopupOptions$o3;
                            this.onShowing(e);
                            null === customPopupOptions || void 0 === customPopupOptions || null === (_customPopupOptions$o3 = customPopupOptions.onShowing) || void 0 === _customPopupOptions$o3 || _customPopupOptions$o3.call(customPopupOptions, e)
                        },
                        wrapperAttr: {
                            class: APPOINTMENT_POPUP_CLASS
                        }
                    };
                    return (0, _extend.extend)(true, {}, defaultPopupConfig, customPopupOptions, {
                        onInitialized: defaultPopupConfig.onInitialized,
                        onHiding: defaultPopupConfig.onHiding,
                        onShowing: defaultPopupConfig.onShowing
                    })
                }
                onShowing(e) {
                    this.updateForm();
                    e.component.$overlayContent().attr("aria-label", _message.default.format("dxScheduler-ariaEditForm"));
                    const arg = {
                        form: this.form.dxForm,
                        popup: this.popup,
                        appointmentData: this.state.appointment.data,
                        cancel: false
                    };
                    this.scheduler.getAppointmentFormOpening()(arg);
                    this.scheduler.processActionResult(arg, canceled => {
                        if (canceled) {
                            e.cancel = true
                        } else {
                            this.updatePopupFullScreenMode()
                        }
                    })
                }
                createAppointmentAdapter(rawAppointment) {
                    return new _appointment_adapter.AppointmentAdapter(rawAppointment, this.scheduler.getDataAccessors())
                }
                updateForm() {
                    const rawAppointment = this.state.appointment.data;
                    const appointmentAdapter = this.createAppointmentAdapter(rawAppointment).clone().calculateDates(this.scheduler.getTimeZoneCalculator(), "toAppointment");
                    const formData = this.createFormData(appointmentAdapter);
                    this.form.readOnly = this.config.readOnly;
                    this.form.formData = formData;
                    this.form.showMainGroup()
                }
                createFormData(appointmentAdapter) {
                    const {
                        resources: resources
                    } = this.scheduler.getResourceManager();
                    const groupValues = (0, _appointment_groups_utils.getRawAppointmentGroupValues)(appointmentAdapter.source, resources);
                    const {
                        allDayExpr: allDayExpr,
                        recurrenceRuleExpr: recurrenceRuleExpr
                    } = this.scheduler.getDataAccessors().expr;
                    return Object.assign({}, appointmentAdapter.source, groupValues, {
                        [allDayExpr]: Boolean(appointmentAdapter.allDay),
                        [recurrenceRuleExpr]: appointmentAdapter.recurrenceRule
                    })
                }
                triggerResize() {
                    var _this$popup;
                    if (null !== (_this$popup = this.popup) && void 0 !== _this$popup && _this$popup.$element()) {
                        (0, _visibility_change.triggerResizeEvent)(this.popup.$element())
                    }
                }
                getMaxWidth() {
                    var _this$customPopupOpti, _this$customPopupOpti2;
                    if (void 0 !== (null === (_this$customPopupOpti = this.customPopupOptions) || void 0 === _this$customPopupOpti ? void 0 : _this$customPopupOpti.maxWidth)) {
                        return this.customPopupOptions.maxWidth
                    }
                    if (void 0 !== (null === (_this$customPopupOpti2 = this.customPopupOptions) || void 0 === _this$customPopupOpti2 ? void 0 : _this$customPopupOpti2.width)) {
                        return this.customPopupOptions.width
                    }
                    return (0, _themes.isFluent)((0, _themes.current)()) ? 380 : 420
                }
                updatePopupFullScreenMode() {
                    if (this.visible) {
                        var _this$customPopupOpti3;
                        const isPopupFullScreenNeeded = () => {
                            const window = (0, _window.getWindow)();
                            const width = window && (0, _size.getWidth)(window);
                            return width < 485
                        };
                        const isFullScreen = isPopupFullScreenNeeded();
                        this.popup.option("fullScreen", isFullScreen);
                        if (void 0 !== (null === (_this$customPopupOpti3 = this.customPopupOptions) || void 0 === _this$customPopupOpti3 ? void 0 : _this$customPopupOpti3.width)) {
                            this.popup.option("width", this.customPopupOptions.width)
                        }
                        const maxWidth = this.getMaxWidth();
                        this.popup.option("maxWidth", isFullScreen ? "100%" : maxWidth)
                    }
                }
                saveChangesAsync(isShowLoadPanel) {
                    this.form.saveRecurrenceValue();
                    const deferred = new _deferred.Deferred;
                    const validation = this.form.dxForm.validate();
                    isShowLoadPanel && this.showLoadPanel();
                    (0, _deferred.when)((null === validation || void 0 === validation ? void 0 : validation.complete) ?? validation).done(validation => {
                        if (validation && !validation.isValid) {
                            (0, _m_loading.hide)();
                            deferred.resolve(false);
                            return
                        }
                        const adapter = this.createAppointmentAdapter(this.form.formData);
                        const clonedAdapter = adapter.clone().calculateDates(this.scheduler.getTimeZoneCalculator(), "fromAppointment");
                        this.addMissingDSTTime(adapter, clonedAdapter);
                        const appointment = clonedAdapter.source;
                        (0, _deferred.when)(this.config.onSave(appointment)).done(deferred.resolve);
                        deferred.done(() => {
                            (0, _m_loading.hide)()
                        })
                    });
                    return deferred.promise()
                }
                saveButtonClickHandler(e) {
                    e.cancel = true;
                    this.saveEditDataAsync()
                }
                saveEditDataAsync() {
                    const deferred = new _deferred.Deferred;
                    if (this.tryLockSaveChanges()) {
                        (0, _deferred.when)(this.saveChangesAsync(true)).done(() => {
                            this.unlockSaveChanges();
                            deferred.resolve()
                        })
                    }
                    return deferred.promise()
                }
                showLoadPanel() {
                    const container = this.popup.$overlayContent();
                    (0, _m_loading.show)({
                        container: container,
                        position: {
                            of: container
                        }
                    })
                }
                tryLockSaveChanges() {
                    if (false === this.state.saveChangesLocker) {
                        this.state.saveChangesLocker = true;
                        return true
                    }
                    return false
                }
                unlockSaveChanges() {
                    this.state.saveChangesLocker = false
                }
                addMissingDSTTime(formAppointmentAdapter, clonedAppointmentAdapter) {
                    const timeZoneCalculator = this.scheduler.getTimeZoneCalculator();
                    clonedAppointmentAdapter.startDate = this.addMissingDSTShiftToDate(timeZoneCalculator, formAppointmentAdapter.startDate, clonedAppointmentAdapter.startDate);
                    if (clonedAppointmentAdapter.endDate) {
                        clonedAppointmentAdapter.endDate = this.addMissingDSTShiftToDate(timeZoneCalculator, formAppointmentAdapter.endDate, clonedAppointmentAdapter.endDate)
                    }
                }
                addMissingDSTShiftToDate(timeZoneCalculator, originFormDate, clonedDate) {
                    var _timeZoneCalculator$g, _timeZoneCalculator$g2;
                    const originTimezoneShift = null === (_timeZoneCalculator$g = timeZoneCalculator.getOffsets(originFormDate)) || void 0 === _timeZoneCalculator$g ? void 0 : _timeZoneCalculator$g.common;
                    const clonedTimezoneShift = null === (_timeZoneCalculator$g2 = timeZoneCalculator.getOffsets(clonedDate)) || void 0 === _timeZoneCalculator$g2 ? void 0 : _timeZoneCalculator$g2.common;
                    const shiftDifference = originTimezoneShift - clonedTimezoneShift;
                    return shiftDifference ? new Date(clonedDate.getTime() + shiftDifference * _date.default.dateToMilliseconds("hour")) : clonedDate
                }
                tryApplyCustomToolbarItems() {
                    var _this$customPopupOpti4;
                    if (null !== (_this$customPopupOpti4 = this.customPopupOptions) && void 0 !== _this$customPopupOpti4 && _this$customPopupOpti4.toolbarItems) {
                        this.popup.option("toolbarItems", this.customPopupOptions.toolbarItems);
                        return true
                    }
                    return false
                }
                updateToolbarForMainGroup() {
                    if (this.tryApplyCustomToolbarItems()) {
                        return
                    }
                    const toolbarItems = [{
                        toolbar: "top",
                        location: "before",
                        text: this.config.title,
                        cssClass: "dx-toolbar-label"
                    }];
                    const canSave = !this.form.readOnly;
                    if (canSave) {
                        toolbarItems.push({
                            toolbar: "top",
                            location: "after",
                            options: {
                                onClick: e => this.saveButtonClickHandler(e),
                                stylingMode: "contained",
                                type: "default",
                                text: _message.default.format("dxScheduler-editPopupSaveButtonText")
                            },
                            shortcut: "done"
                        })
                    }
                    toolbarItems.push({
                        toolbar: "top",
                        location: "after",
                        shortcut: "cancel",
                        options: {
                            stylingMode: "outlined"
                        }
                    });
                    this.popup.option("toolbarItems", toolbarItems)
                }
                updateToolbarForRecurrenceGroup() {
                    if (this.tryApplyCustomToolbarItems()) {
                        return
                    }
                    const toolbarItems = [{
                        toolbar: "top",
                        location: "before",
                        widget: "dxButton",
                        options: {
                            icon: "arrowleft",
                            stylingMode: "text",
                            elementAttr: {
                                "aria-label": _message.default.format("Back")
                            },
                            onClick: () => {
                                this.form.saveRecurrenceValue();
                                this.form.showMainGroup()
                            }
                        }
                    }, {
                        toolbar: "top",
                        location: "before",
                        text: _message.default.format("dxScheduler-editorLabelRecurrence"),
                        cssClass: "dx-toolbar-label"
                    }];
                    const canSave = !this.form.readOnly;
                    if (canSave) {
                        toolbarItems.push({
                            toolbar: "top",
                            location: "after",
                            options: {
                                onClick: e => this.saveButtonClickHandler(e),
                                stylingMode: "contained",
                                type: "default",
                                text: _message.default.format("dxScheduler-editPopupSaveButtonText")
                            },
                            shortcut: "done"
                        })
                    }
                    toolbarItems.push({
                        toolbar: "top",
                        location: "after",
                        shortcut: "cancel",
                        options: {
                            stylingMode: "outlined"
                        }
                    });
                    this.popup.option("toolbarItems", toolbarItems)
                }
            }
        },
        58452(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.RecurrenceForm = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../ui/button */ 64973));
            var _localized_items = __webpack_require__( /*! ./localized_items */ 77575);
            var _utils = __webpack_require__( /*! ./utils */ 63512);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CLASSES_groupWithIcon = "dx-scheduler-form-group-with-icon",
                CLASSES_formIcon = "dx-scheduler-form-icon",
                CLASSES_recurrenceGroup = "dx-scheduler-form-recurrence-group",
                CLASSES_recurrenceHidden = "dx-scheduler-form-recurrence-group-hidden",
                CLASSES_recurrenceStartDateEditor = "dx-scheduler-form-recurrence-start-date-editor",
                CLASSES_frequencyEditor = "dx-scheduler-form-recurrence-frequency-editor",
                CLASSES_byMonthEditor = "dx-scheduler-form-recurrence-by-month-editor",
                CLASSES_dayOfMonthEditor = "dx-scheduler-form-day-of-month-editor",
                CLASSES_countEditor = "dx-scheduler-form-recurrence-count-editor",
                CLASSES_daysOfWeekButtons = "dx-scheduler-days-of-week-buttons",
                CLASSES_dayOfMonthGroup = "dx-scheduler-form-day-of-month-group",
                CLASSES_dayOfYearGroup = "dx-scheduler-form-day-of-year-group",
                CLASSES_recurrenceEndGroup = "dx-scheduler-form-recurrence-end-group",
                CLASSES_recurrenceEndEditors = "dx-scheduler-form-recurrence-end-editors",
                CLASSES_recurrenceSettingsGroup = "dx-scheduler-form-recurrence-settings-group";
            const FREQ_WEEKLY = "weekly",
                FREQ_MONTHLY = "monthly",
                FREQ_YEARLY = "yearly";
            const EDITOR_NAMES_recurrenceStartDateEditor = "recurrenceStartDateEditor",
                EDITOR_NAMES_recurrenceCountEditor = "recurrenceCountEditor",
                EDITOR_NAMES_recurrencePeriodEditor = "recurrencePeriodEditor",
                EDITOR_NAMES_recurrenceDayOfYearMonthEditor = "recurrenceDayOfYearMonthEditor",
                EDITOR_NAMES_recurrenceDayOfMonthEditor = "recurrenceDayOfMonthEditor",
                EDITOR_NAMES_recurrenceDayOfYearDayEditor = "recurrenceDayOfYearDayEditor",
                EDITOR_NAMES_recurrenceEndEditor = "recurrenceEndEditor",
                EDITOR_NAMES_recurrenceRepeatEndEditor = "recurrenceRepeatEndEditor",
                EDITOR_NAMES_recurrenceEndUntilEditor = "recurrenceEndUntilEditor",
                EDITOR_NAMES_recurrenceEndCountEditor = "recurrenceEndCountEditor",
                EDITOR_NAMES_recurrenceEndSpacer = "recurrenceEndSpacer";
            const GROUP_NAMES_recurrenceStartDateGroup = "recurrenceStartDateGroup",
                GROUP_NAMES_recurrenceRuleGroup = "recurrenceRuleGroup",
                GROUP_NAMES_recurrencePatternGroup = "recurrencePatternGroup",
                GROUP_NAMES_recurrenceRuleRepeatGroup = "recurrenceRuleRepeatGroup",
                GROUP_NAMES_recurrenceEndGroup = "recurrenceEndGroup",
                GROUP_NAMES_recurrenceDaysOfWeekEditor = "recurrenceDaysOfWeekEditor",
                GROUP_NAMES_recurrenceDayOfYearGroup = "recurrenceDayOfYearGroup",
                GROUP_NAMES_recurrenceEndEditorsGroup = "recurrenceEndEditorsGroup";
            const ICON_NAMES_recurrenceStartDateIcon = "recurrenceStartDateIcon",
                ICON_NAMES_recurrenceRuleIcon = "recurrenceRuleIcon",
                ICON_NAMES_recurrenceEndIcon = "recurrenceEndIcon";
            exports.RecurrenceForm = class {
                constructor(scheduler) {
                    this.recurrenceRule = new _utils.RecurrenceRule("", new Date);
                    this.weekDayButtons = {};
                    this.readOnly = false;
                    this.scheduler = scheduler
                }
                createByMonthDayNumberBoxItem(name, labelVisible) {
                    return {
                        itemType: "simple",
                        name: name,
                        colSpan: 1,
                        editorType: "dxNumberBox",
                        cssClass: CLASSES_dayOfMonthEditor,
                        label: labelVisible ? {
                            text: _message.default.format("dxScheduler-recurrenceRepeatOn")
                        } : {
                            visible: false
                        },
                        editorOptions: Object.assign({}, labelVisible ? {} : {
                            labelMode: "hidden"
                        }, {
                            min: 1,
                            max: 31,
                            format: "#",
                            showSpinButtons: true,
                            useLargeSpinButtons: false,
                            onContentReady: e => {
                                e.component.option("value", this.recurrenceRule.byMonthDay ?? void 0)
                            },
                            onValueChanged: e => {
                                this.recurrenceRule.byMonthDay = e.value
                            }
                        })
                    }
                }
                get dxForm() {
                    return this.dxFormInstance
                }
                set dxForm(value) {
                    this.dxFormInstance = value
                }
                setReadOnly(value) {
                    this.readOnly = value
                }
                createRecurrenceFormGroup() {
                    return {
                        name: "recurrenceGroup",
                        itemType: "group",
                        cssClass: `${CLASSES_recurrenceGroup} ${CLASSES_recurrenceHidden}`,
                        colSpan: 1,
                        items: [this.createRecurrenceStartDateGroup(), this.createRecurrenceSettingsGroup(), this.createRecurrenceEndGroup()]
                    }
                }
                createRecurrenceStartDateGroup() {
                    return {
                        name: GROUP_NAMES_recurrenceStartDateGroup,
                        itemType: "group",
                        cssClass: CLASSES_groupWithIcon,
                        items: [{
                            name: ICON_NAMES_recurrenceStartDateIcon,
                            colSpan: 1,
                            cssClass: CLASSES_formIcon,
                            template: (0, _utils.createFormIconTemplate)("clock")
                        }, (0, _extend.extend)(true, (0, _utils.getStartDateCommonConfig)(this.scheduler.getFirstDayOfWeek()), {
                            name: EDITOR_NAMES_recurrenceStartDateEditor,
                            cssClass: CLASSES_recurrenceStartDateEditor,
                            label: {
                                text: _message.default.format("dxScheduler-editorLabelStartDate")
                            },
                            editorOptions: {
                                onContentReady: e => {
                                    e.component.option("value", this.recurrenceRule.startDate)
                                },
                                onValueChanged: e => {
                                    this.recurrenceRule.startDate = e.value
                                }
                            }
                        })]
                    }
                }
                createRecurrenceSettingsGroup() {
                    return {
                        itemType: "group",
                        name: GROUP_NAMES_recurrenceRuleGroup,
                        cssClass: `${CLASSES_recurrenceSettingsGroup} ${CLASSES_groupWithIcon}`,
                        items: [{
                            name: ICON_NAMES_recurrenceRuleIcon,
                            colSpan: 1,
                            cssClass: CLASSES_formIcon,
                            template: (0, _utils.createFormIconTemplate)("repeat")
                        }, {
                            itemType: "group",
                            name: GROUP_NAMES_recurrencePatternGroup,
                            colSpan: 1,
                            colCount: 1,
                            colCountByScreen: {
                                xs: 1
                            },
                            items: [this.createRecurrenceRuleGroup(), this.createDaysOfWeekGroup(), this.createDayOfMonthGroup(), this.createDayOfYearGroup()]
                        }]
                    }
                }
                createRecurrenceRuleGroup() {
                    let needRestoreFrequencyEditorFocus = false;
                    return {
                        itemType: "group",
                        name: GROUP_NAMES_recurrenceRuleRepeatGroup,
                        colSpan: 1,
                        colCount: 2,
                        colCountByScreen: {
                            xs: 2
                        },
                        items: [{
                            itemType: "simple",
                            name: EDITOR_NAMES_recurrenceCountEditor,
                            colSpan: 1,
                            editorType: "dxNumberBox",
                            label: {
                                text: _message.default.format("dxScheduler-recurrenceRepeatEvery")
                            },
                            editorOptions: {
                                format: "#",
                                min: 1,
                                showSpinButtons: true,
                                useLargeSpinButtons: false,
                                onContentReady: e => {
                                    e.component.option("value", this.recurrenceRule.interval)
                                },
                                onValueChanged: e => {
                                    this.recurrenceRule.interval = e.value
                                }
                            }
                        }, {
                            itemType: "simple",
                            name: EDITOR_NAMES_recurrencePeriodEditor,
                            cssClass: CLASSES_frequencyEditor,
                            colSpan: 1,
                            editorType: "dxSelectBox",
                            label: {
                                visible: false
                            },
                            editorOptions: {
                                labelMode: "hidden",
                                items: (0, _localized_items.getRecurrenceFrequencyItems)(),
                                valueExpr: "value",
                                displayExpr: "text",
                                onContentReady: e => {
                                    e.component.option("value", this.recurrenceRule.frequency);
                                    if (needRestoreFrequencyEditorFocus) {
                                        setTimeout(() => {
                                            e.component.focus();
                                            needRestoreFrequencyEditorFocus = false
                                        })
                                    }
                                },
                                onValueChanged: e => {
                                    const previousValue = this.recurrenceRule.frequency;
                                    if (previousValue === e.value) {
                                        return
                                    }
                                    if (e.event) {
                                        needRestoreFrequencyEditorFocus = true
                                    }
                                    this.recurrenceRule.frequency = e.value;
                                    this.updateDayEditorsVisibility()
                                }
                            }
                        }]
                    }
                }
                createDaysOfWeekGroup() {
                    return {
                        name: GROUP_NAMES_recurrenceDaysOfWeekEditor,
                        colSpan: 1,
                        cssClass: "dx-field-item-has-group",
                        label: {
                            visible: false
                        },
                        template: () => {
                            const $container = (0, _renderer.default)("<div>").addClass(CLASSES_daysOfWeekButtons);
                            const weekDayItems = (0, _localized_items.getRecurrenceWeekDayItems)(this.scheduler.getFirstDayOfWeek());
                            weekDayItems.forEach(item => {
                                var _this$weekDayButtons$;
                                const buttonContainer = (0, _renderer.default)("<div>").appendTo($container);
                                null === (_this$weekDayButtons$ = this.weekDayButtons[item.key]) || void 0 === _this$weekDayButtons$ || _this$weekDayButtons$.dispose();
                                this.weekDayButtons[item.key] = this.scheduler.createComponent(buttonContainer, _button.default, {
                                    text: item.text,
                                    disabled: this.readOnly,
                                    onContentReady: e => {
                                        (0, _renderer.default)(e.element).removeClass("dx-button-has-text");
                                        const isSelected = this.recurrenceRule.byDay.includes(item.key);
                                        e.component.option("stylingMode", isSelected ? "contained" : "outlined");
                                        e.component.option("type", isSelected ? "default" : "normal")
                                    },
                                    onClick: e => {
                                        const isSelected = this.recurrenceRule.byDay.includes(item.key);
                                        if (isSelected) {
                                            const index = this.recurrenceRule.byDay.indexOf(item.key);
                                            this.recurrenceRule.byDay.splice(index, 1);
                                            e.component.option("stylingMode", "outlined");
                                            e.component.option("type", "normal")
                                        } else {
                                            this.recurrenceRule.byDay.push(item.key);
                                            e.component.option("stylingMode", "contained");
                                            e.component.option("type", "default")
                                        }
                                    }
                                })
                            });
                            return $container
                        }
                    }
                }
                createDayOfMonthGroup() {
                    return Object.assign({}, this.createByMonthDayNumberBoxItem(EDITOR_NAMES_recurrenceDayOfMonthEditor, true), {
                        cssClass: `${CLASSES_dayOfMonthEditor} ${CLASSES_dayOfMonthGroup}`
                    })
                }
                createDayOfYearGroup() {
                    return {
                        itemType: "group",
                        name: GROUP_NAMES_recurrenceDayOfYearGroup,
                        cssClass: CLASSES_dayOfYearGroup,
                        colCount: 2,
                        colCountByScreen: {
                            xs: 2
                        },
                        items: [{
                            itemType: "simple",
                            name: EDITOR_NAMES_recurrenceDayOfYearMonthEditor,
                            colSpan: 1,
                            cssClass: CLASSES_byMonthEditor,
                            editorType: "dxSelectBox",
                            label: {
                                text: _message.default.format("dxScheduler-recurrenceRepeatEvery")
                            },
                            editorOptions: {
                                items: (0, _localized_items.getRecurrenceMonthItems)(),
                                displayExpr: "text",
                                valueExpr: "value",
                                onContentReady: e => {
                                    e.component.option("value", this.recurrenceRule.byMonth)
                                },
                                onValueChanged: e => {
                                    this.recurrenceRule.byMonth = e.value
                                }
                            }
                        }, this.createByMonthDayNumberBoxItem(EDITOR_NAMES_recurrenceDayOfYearDayEditor, false)]
                    }
                }
                createRecurrenceEndGroup() {
                    return {
                        name: GROUP_NAMES_recurrenceEndGroup,
                        itemType: "group",
                        cssClass: `${CLASSES_groupWithIcon} ${CLASSES_recurrenceEndGroup}`,
                        items: [{
                            name: ICON_NAMES_recurrenceEndIcon,
                            colSpan: 1,
                            cssClass: CLASSES_formIcon,
                            template: (0, _utils.createFormIconTemplate)("description")
                        }, {
                            itemType: "group",
                            name: EDITOR_NAMES_recurrenceEndEditor,
                            colSpan: 1,
                            colCount: 2,
                            colCountByScreen: {
                                xs: 2
                            },
                            label: {
                                text: _message.default.format("dxScheduler-recurrenceEnd")
                            },
                            items: [this.createRecurrenceEndRadioGroup(), this.createRecurrenceEndEditors()]
                        }]
                    }
                }
                createRecurrenceEndRadioGroup() {
                    return {
                        itemType: "simple",
                        name: EDITOR_NAMES_recurrenceRepeatEndEditor,
                        colSpan: 1,
                        editorType: "dxRadioGroup",
                        label: {
                            visible: false
                        },
                        editorOptions: {
                            labelMode: "hidden",
                            valueExpr: "type",
                            items: [{
                                text: _message.default.format("dxScheduler-recurrenceNever"),
                                type: "never"
                            }, {
                                text: _message.default.format("dxScheduler-recurrenceOn"),
                                type: "until"
                            }, {
                                text: _message.default.format("dxScheduler-recurrenceAfter"),
                                type: "count"
                            }],
                            layout: "vertical",
                            onContentReady: e => {
                                e.component.option("value", this.recurrenceRule.repeatEnd)
                            },
                            onValueChanged: e => {
                                this.recurrenceRule.repeatEnd = e.value;
                                this.updateRepeatEndEditors()
                            }
                        }
                    }
                }
                createRecurrenceEndEditors() {
                    return {
                        itemType: "group",
                        name: GROUP_NAMES_recurrenceEndEditorsGroup,
                        cssClass: CLASSES_recurrenceEndEditors,
                        colSpan: 1,
                        items: [{
                            itemType: "empty",
                            name: EDITOR_NAMES_recurrenceEndSpacer
                        }, {
                            itemType: "simple",
                            name: EDITOR_NAMES_recurrenceEndUntilEditor,
                            label: {
                                visible: false
                            },
                            editorType: "dxDateBox",
                            editorOptions: {
                                labelMode: "hidden",
                                type: "date",
                                useMaskBehavior: true,
                                calendarOptions: {
                                    firstDayOfWeek: this.scheduler.getFirstDayOfWeek()
                                },
                                inputAttr: {
                                    "aria-label": _message.default.format("dxScheduler-recurrenceUntilDateLabel")
                                },
                                onContentReady: e => {
                                    const repeatEndValue = this.recurrenceRule.repeatEnd;
                                    e.component.option("value", this.recurrenceRule.until);
                                    e.component.option("disabled", "until" !== repeatEndValue)
                                },
                                onValueChanged: e => {
                                    this.recurrenceRule.until = e.value
                                }
                            }
                        }, {
                            itemType: "simple",
                            name: EDITOR_NAMES_recurrenceEndCountEditor,
                            cssClass: CLASSES_countEditor,
                            label: {
                                visible: false
                            },
                            editorType: "dxNumberBox",
                            editorOptions: {
                                labelMode: "hidden",
                                format: `# ${_message.default.format("dxScheduler-recurrenceRepeatCount")}`,
                                min: 1,
                                showSpinButtons: true,
                                useLargeSpinButtons: false,
                                inputAttr: {
                                    "aria-label": _message.default.format("dxScheduler-recurrenceOccurrenceLabel")
                                },
                                onContentReady: e => {
                                    const repeatEndValue = this.recurrenceRule.repeatEnd;
                                    e.component.option("value", this.recurrenceRule.count ?? void 0);
                                    e.component.option("disabled", "count" !== repeatEndValue)
                                },
                                onValueChanged: e => {
                                    this.recurrenceRule.count = e.value
                                }
                            }
                        }]
                    }
                }
                updateRecurrenceFormValues(recurrenceRuleRaw, startDate) {
                    var _this$dxForm$getEdito, _this$dxForm$getEdito2, _this$dxForm$getEdito3, _this$dxForm$getEdito4, _this$dxForm$getEdito5, _this$dxForm$getEdito6;
                    this.recurrenceRule = this.createRecurrenceRule(recurrenceRuleRaw, startDate);
                    null === (_this$dxForm$getEdito = this.dxForm.getEditor(EDITOR_NAMES_recurrenceStartDateEditor)) || void 0 === _this$dxForm$getEdito || _this$dxForm$getEdito.option("value", this.recurrenceRule.startDate);
                    null === (_this$dxForm$getEdito2 = this.dxForm.getEditor(EDITOR_NAMES_recurrencePeriodEditor)) || void 0 === _this$dxForm$getEdito2 || _this$dxForm$getEdito2.option("value", this.recurrenceRule.frequency);
                    null === (_this$dxForm$getEdito3 = this.dxForm.getEditor(EDITOR_NAMES_recurrenceCountEditor)) || void 0 === _this$dxForm$getEdito3 || _this$dxForm$getEdito3.option("value", this.recurrenceRule.interval);
                    null === (_this$dxForm$getEdito4 = this.dxForm.getEditor(EDITOR_NAMES_recurrenceRepeatEndEditor)) || void 0 === _this$dxForm$getEdito4 || _this$dxForm$getEdito4.option("value", this.recurrenceRule.repeatEnd);
                    null === (_this$dxForm$getEdito5 = this.dxForm.getEditor(EDITOR_NAMES_recurrenceEndUntilEditor)) || void 0 === _this$dxForm$getEdito5 || _this$dxForm$getEdito5.option("value", this.recurrenceRule.until);
                    null === (_this$dxForm$getEdito6 = this.dxForm.getEditor(EDITOR_NAMES_recurrenceEndCountEditor)) || void 0 === _this$dxForm$getEdito6 || _this$dxForm$getEdito6.option("value", this.recurrenceRule.count);
                    this.updateRepeatEndEditors();
                    this.updateDayEditorsVisibility()
                }
                createRecurrenceRule(recurrenceRuleRaw, startDate) {
                    const recurrenceRule = new _utils.RecurrenceRule(recurrenceRuleRaw ?? "", startDate);
                    if (0 === recurrenceRule.byDay.length) {
                        const defaultByDay = [_localized_items.ICAL_WEEK_DAYS[(null === startDate || void 0 === startDate ? void 0 : startDate.getDay()) ?? this.scheduler.getFirstDayOfWeek()]];
                        recurrenceRule.byDay = defaultByDay
                    }
                    return recurrenceRule
                }
                updateRepeatEndEditors() {
                    const repeatEndValue = this.recurrenceRule.repeatEnd;
                    const untilEditor = this.dxForm.getEditor(EDITOR_NAMES_recurrenceEndUntilEditor);
                    const countEditor = this.dxForm.getEditor(EDITOR_NAMES_recurrenceEndCountEditor);
                    null === untilEditor || void 0 === untilEditor || untilEditor.option("disabled", "until" !== repeatEndValue);
                    null === countEditor || void 0 === countEditor || countEditor.option("disabled", "count" !== repeatEndValue)
                }
                updateDayEditorsVisibility() {
                    const recurrencePatternGroupPath = `recurrenceGroup.${GROUP_NAMES_recurrenceRuleGroup}.${GROUP_NAMES_recurrencePatternGroup}`;
                    const daysOfWeekGroup = `${recurrencePatternGroupPath}.${GROUP_NAMES_recurrenceDaysOfWeekEditor}`;
                    const dayOfMonthGroup = `${recurrencePatternGroupPath}.${EDITOR_NAMES_recurrenceDayOfMonthEditor}`;
                    const dayOfYearGroup = `${recurrencePatternGroupPath}.${GROUP_NAMES_recurrenceDayOfYearGroup}`;
                    this.dxForm.beginUpdate();
                    this.dxForm.itemOption(daysOfWeekGroup, "visible", false);
                    this.dxForm.itemOption(dayOfMonthGroup, "visible", false);
                    this.dxForm.itemOption(dayOfYearGroup, "visible", false);
                    switch (this.recurrenceRule.frequency) {
                        case FREQ_WEEKLY:
                            this.dxForm.itemOption(daysOfWeekGroup, "visible", true);
                            break;
                        case FREQ_MONTHLY:
                            this.dxForm.itemOption(dayOfMonthGroup, "visible", true);
                            break;
                        case FREQ_YEARLY:
                            this.dxForm.itemOption(dayOfYearGroup, "visible", true)
                    }
                    this.dxForm.endUpdate()
                }
            }
        },
        63512(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getStartDateCommonConfig = exports.createFormIconTemplate = exports.RecurrenceRule = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _m_icon = __webpack_require__( /*! ../../core/utils/m_icon */ 42463);
            var _base = __webpack_require__( /*! ../recurrence/base */ 57872);
            var _days_from_by_day_rule = __webpack_require__( /*! ../recurrence/days_from_by_day_rule */ 2165);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.createFormIconTemplate = iconName => () => (0, _m_icon.getImageContainer)(iconName) ?? (0, _renderer.default)("<div>").addClass("dx-scheduler-form-icon-sized-gap");
            exports.getStartDateCommonConfig = firstDayOfWeek => ({
                colSpan: 1,
                itemType: "simple",
                editorType: "dxDateBox",
                validationRules: [{
                    type: "required"
                }],
                editorOptions: {
                    type: "date",
                    useMaskBehavior: true,
                    calendarOptions: {
                        firstDayOfWeek: firstDayOfWeek,
                        showTodayButton: true
                    }
                }
            });
            exports.RecurrenceRule = class {
                constructor(rule, startDate) {
                    var _recurrenceRule$freq, _this$startDate;
                    this.startDate = null;
                    this.frequency = null;
                    const recurrenceRule = (0, _base.parseRecurrenceRule)(rule);
                    const todayEnd = _date.default.setToDayEnd(new Date);
                    this.startDate = startDate;
                    this.frequency = (null === (_recurrenceRule$freq = recurrenceRule.freq) || void 0 === _recurrenceRule$freq ? void 0 : _recurrenceRule$freq.toLowerCase()) ?? null;
                    this.interval = recurrenceRule.interval ?? 1;
                    this.until = recurrenceRule.until ?? todayEnd;
                    this.count = recurrenceRule.count ?? 1;
                    this.byDay = (0, _days_from_by_day_rule.daysFromByDayRule)(recurrenceRule);
                    this.byMonthDay = recurrenceRule.bymonthday ? Number(recurrenceRule.bymonthday) : (null === startDate || void 0 === startDate ? void 0 : startDate.getDate()) ?? 1;
                    this.byMonth = recurrenceRule.bymonth ? Number(recurrenceRule.bymonth) : ((null === (_this$startDate = this.startDate) || void 0 === _this$startDate ? void 0 : _this$startDate.getMonth()) ?? 0) + 1;
                    this.repeatEnd = "never";
                    if ((0, _type.isDefined)(recurrenceRule.count)) {
                        this.repeatEnd = "count"
                    } else if ((0, _type.isDefined)(recurrenceRule.until)) {
                        this.repeatEnd = "until"
                    }
                }
                toString() {
                    if (!this.frequency) {
                        return
                    }
                    const rule = {
                        freq: this.frequency,
                        interval: this.interval
                    };
                    if ("until" === this.repeatEnd && this.until) {
                        rule.until = this.until
                    } else if ("count" === this.repeatEnd && this.count) {
                        rule.count = this.count
                    }
                    switch (this.frequency) {
                        case "weekly":
                            rule.byday = this.byDay.join(",");
                            break;
                        case "monthly":
                            if (this.byMonthDay) {
                                rule.bymonthday = String(this.byMonthDay)
                            }
                            break;
                        case "yearly":
                            if (this.byMonthDay && this.byMonth) {
                                rule.bymonthday = String(this.byMonthDay);
                                rule.bymonth = String(this.byMonth)
                            }
                    }
                    return (0, _base.getRecurrenceString)(rule)
                }
            }
        },
        12901(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AgendaAppointment = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _m_classes = __webpack_require__( /*! ../../m_classes */ 80126);
            var _m_appointment = __webpack_require__( /*! ./m_appointment */ 198);
            class AgendaAppointment extends _m_appointment.Appointment {
                get coloredElement() {
                    return this.$element().find(`.${_m_classes.APPOINTMENT_CONTENT_CLASSES.AGENDA_MARKER}`)
                }
                _renderResourceList() {
                    const resourceManager = this.option("getResourceManager")();
                    void resourceManager.getAppointmentResourcesValues(this.rawAppointment).then(list => {
                        const parent = this.$element().find(`.${_m_classes.APPOINTMENT_CONTENT_CLASSES.APPOINTMENT_CONTENT_DETAILS}`);
                        const container = (0, _renderer.default)("<div>").addClass(_m_classes.APPOINTMENT_CONTENT_CLASSES.AGENDA_RESOURCE_LIST).appendTo(parent);
                        list.forEach(item => {
                            const itemContainer = (0, _renderer.default)("<div>").addClass(_m_classes.APPOINTMENT_CONTENT_CLASSES.AGENDA_RESOURCE_LIST_ITEM).appendTo(container);
                            (0, _renderer.default)("<div>").text(`${item.label}:`).appendTo(itemContainer);
                            (0, _renderer.default)("<div>").addClass(_m_classes.APPOINTMENT_CONTENT_CLASSES.AGENDA_RESOURCE_LIST_ITEM_VALUE).text(item.values.join(", ")).appendTo(itemContainer)
                        })
                    })
                }
                _render() {
                    super._render();
                    this._renderResourceList()
                }
            }
            exports.AgendaAppointment = AgendaAppointment
        },
        198(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Appointment = void 0;
            var _translator = __webpack_require__( /*! ../../../../common/core/animation/translator */ 88603);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../../core/component_registrator */ 92848));
            var _dom_component = _interopRequireDefault(__webpack_require__( /*! ../../../../core/dom_component */ 97832));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _resizable = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/resizable */ 28416));
            var _m_tooltip = __webpack_require__( /*! ../../../ui/tooltip/m_tooltip */ 33476);
            var _m_classes = __webpack_require__( /*! ../../m_classes */ 80126);
            var _validate_rule = __webpack_require__( /*! ../../recurrence/validate_rule */ 25152);
            var _text_utils = __webpack_require__( /*! ./text_utils */ 46942);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const REDUCED_APPOINTMENT_POINTERENTER_EVENT_NAME = (0, _index.addNamespace)(_pointer.default.enter, "dxSchedulerAppointment");
            const REDUCED_APPOINTMENT_POINTERLEAVE_EVENT_NAME = (0, _index.addNamespace)(_pointer.default.leave, "dxSchedulerAppointment");
            class Appointment extends _dom_component.default {
                get coloredElement() {
                    return this.$element()
                }
                get rawAppointment() {
                    return this.option("data")
                }
                get dataAccessors() {
                    return this.option("dataAccessors")
                }
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        data: {},
                        groupIndex: -1,
                        groups: [],
                        geometry: {
                            top: 0,
                            left: 0,
                            width: 0,
                            height: 0
                        },
                        allowDrag: true,
                        allowResize: true,
                        reduced: null,
                        isCompact: false,
                        direction: "vertical",
                        resizableConfig: {
                            keepAspectRatio: false
                        },
                        cellHeight: 0,
                        cellWidth: 0,
                        isDragSource: false
                    })
                }
                notifyObserver(funcName, args) {
                    this.invoke(funcName, ...args)
                }
                invoke(funcName) {
                    const notifyScheduler = this.option("notifyScheduler");
                    if (!notifyScheduler) {
                        return
                    }
                    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
                        args[_key - 1] = arguments[_key]
                    }
                    return notifyScheduler.invoke(funcName, ...args)
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "data":
                        case "groupIndex":
                        case "groupTexts":
                        case "geometry":
                        case "allowDrag":
                        case "allowResize":
                        case "reduced":
                        case "sortedIndex":
                        case "isCompact":
                        case "direction":
                        case "resizableConfig":
                        case "cellHeight":
                        case "cellWidth":
                            this._invalidate();
                            break;
                        case "isDragSource":
                            this._renderDragSourceClass();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _getHorizontalResizingRule() {
                    const reducedHandles = {
                        head: this.option("rtlEnabled") ? "right" : "left",
                        body: "",
                        tail: this.option("rtlEnabled") ? "left" : "right"
                    };
                    const getResizableStep = this.option("getResizableStep");
                    const step = getResizableStep ? getResizableStep() : 0;
                    return {
                        handles: this.option("reduced") ? reducedHandles[this.option("reduced")] : "left right",
                        minHeight: 0,
                        minWidth: this.invoke("getCellWidth"),
                        step: step,
                        roundStepValue: false
                    }
                }
                _getVerticalResizingRule() {
                    const height = Math.round(this.invoke("getCellHeight"));
                    return {
                        handles: "top bottom",
                        minWidth: 0,
                        minHeight: height,
                        step: height,
                        roundStepValue: true
                    }
                }
                _render() {
                    super._render();
                    this._renderAppointmentGeometry();
                    this._renderAriaLabel();
                    this._renderEmptyClass();
                    this._renderReducedAppointment();
                    this._renderAllDayClass();
                    this._renderDragSourceClass();
                    this._renderDirection();
                    this.$element().data("dxAppointmentStartDate", this.option("startDate"));
                    this.$element().attr("role", "button");
                    this._renderRecurrenceClass();
                    this._renderResizable();
                    this._setResourceColor()
                }
                _setResourceColor() {
                    const appointmentConfig = {
                        itemData: this.rawAppointment,
                        groupIndex: this.option("groupIndex") ?? 0
                    };
                    const resourceManager = this.option("getResourceManager")();
                    resourceManager.getAppointmentColor(appointmentConfig).then(color => {
                        if (color) {
                            this.coloredElement.css("backgroundColor", color);
                            this.coloredElement.addClass(_m_classes.APPOINTMENT_HAS_RESOURCE_COLOR_CLASS)
                        }
                    })
                }
                _renderAriaLabel() {
                    const $element = this.$element();
                    $element.attr("aria-label", (0, _text_utils.getAriaLabel)(this.option()));
                    void(0, _text_utils.getAriaDescription)(this.option()).then(text => {
                        if (text) {
                            const id = `dx-${new _guid.default}`;
                            const $description = $element.find(`.${_m_classes.APPOINTMENT_CONTENT_CLASSES.ARIA_DESCRIPTION}`);
                            if ($description) {
                                $element.attr("aria-describedby", id);
                                $description.text(text).attr("id", id)
                            }
                        }
                    })
                }
                _renderAppointmentGeometry() {
                    const geometry = this.option("geometry");
                    const $element = this.$element();
                    (0, _translator.move)($element, {
                        top: geometry.top,
                        left: geometry.left
                    });
                    $element.css({
                        width: geometry.width < 0 ? 0 : geometry.width,
                        height: geometry.height < 0 ? 0 : geometry.height
                    })
                }
                _renderEmptyClass() {
                    const geometry = this.option("geometry");
                    if (geometry.empty || this.option("isCompact")) {
                        this.$element().addClass(_m_classes.EMPTY_APPOINTMENT_CLASS)
                    }
                }
                _renderReducedAppointment() {
                    const reducedPart = this.option("reduced");
                    if (!reducedPart) {
                        return
                    }
                    this.$element().toggleClass(_m_classes.REDUCED_APPOINTMENT_CLASS, true).toggleClass(_m_classes.REDUCED_APPOINTMENT_PARTS_CLASSES[reducedPart], true);
                    this._renderAppointmentReducedIcon()
                }
                _renderAppointmentReducedIcon() {
                    const $icon = (0, _renderer.default)("<div>").addClass(_m_classes.REDUCED_APPOINTMENT_ICON).appendTo(this.$element());
                    _events_engine.default.off($icon, REDUCED_APPOINTMENT_POINTERENTER_EVENT_NAME);
                    _events_engine.default.on($icon, REDUCED_APPOINTMENT_POINTERENTER_EVENT_NAME, () => {
                        (0, _m_tooltip.show)({
                            target: $icon,
                            content: (0, _text_utils.getReducedIconTooltip)(this.option())
                        })
                    });
                    _events_engine.default.off($icon, REDUCED_APPOINTMENT_POINTERLEAVE_EVENT_NAME);
                    _events_engine.default.on($icon, REDUCED_APPOINTMENT_POINTERLEAVE_EVENT_NAME, () => {
                        (0, _m_tooltip.hide)()
                    })
                }
                _renderAllDayClass() {
                    this.$element().toggleClass(_m_classes.ALL_DAY_APPOINTMENT_CLASS, Boolean(this.option("allDay")))
                }
                _renderDragSourceClass() {
                    this.$element().toggleClass(_m_classes.APPOINTMENT_DRAG_SOURCE_CLASS, Boolean(this.option("isDragSource")))
                }
                _renderRecurrenceClass() {
                    const rule = this.dataAccessors.get("recurrenceRule", this.rawAppointment);
                    if ((0, _validate_rule.validateRRule)(rule)) {
                        this.$element().addClass(_m_classes.RECURRENCE_APPOINTMENT_CLASS)
                    }
                }
                _renderDirection() {
                    this.$element().addClass(_m_classes.DIRECTION_APPOINTMENT_CLASSES[this.option("direction")])
                }
                _createResizingConfig() {
                    const config = "vertical" === this.option("direction") ? this._getVerticalResizingRule() : this._getHorizontalResizingRule();
                    if (!this.invoke("isGroupedByDate")) {
                        config.stepPrecision = "strict"
                    }
                    return config
                }
                _renderResizable() {
                    if (this.option("allowResize")) {
                        this._createComponent(this.$element(), _resizable.default, (0, _extend.extend)(this._createResizingConfig(), this.option("resizableConfig")))
                    }
                }
                _useTemplates() {
                    return false
                }
            }
            exports.Appointment = Appointment;
            (0, _component_registrator.default)("dxSchedulerAppointment", Appointment)
        },
        46942(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getReducedIconTooltip = exports.getAriaLabel = exports.getAriaDescription = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/date */ 38662));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const localizeDate = date => `${_date.default.format(date,"monthAndDay")}, ${_date.default.format(date,"year")}`;
            const localizeTime = date => `${_date.default.format(date,"shorttime")}`;
            const getDate = (options, propName) => {
                var _options$timeZoneCalc;
                const result = options.dataAccessors.get(propName, options.data);
                if (!result) {
                    return result
                }
                const date = new Date(result);
                const gridDate = null === (_options$timeZoneCalc = options.timeZoneCalculator) || void 0 === _options$timeZoneCalc ? void 0 : _options$timeZoneCalc.createDate(date, "toGrid");
                return gridDate ?? date
            };
            exports.getAriaLabel = options => {
                const name = options.dataAccessors.get("text", options.data) ?? "";
                const dates = (options => {
                    const startDate = getDate(options, "startDate");
                    const endDate = getDate(options, "endDate");
                    const startDateText = localizeDate(startDate);
                    const endDateText = localizeDate(endDate);
                    const startTimeText = localizeTime(startDate);
                    const endTimeText = localizeTime(endDate);
                    const isAllDay = options.dataAccessors.get("allDay", options.data);
                    const allDayText = _message.default.format("dxScheduler-allDay");
                    if (startDateText === endDateText) {
                        return isAllDay ? `${startDateText}, ${allDayText}` : `${startDateText}, ${startTimeText} - ${endTimeText}`
                    }
                    return isAllDay ? `${startDateText} - ${endDateText}, ${allDayText}` : `${startDateText}, ${startTimeText} - ${endDateText}, ${endTimeText}`
                })(options);
                const parts = (_ref => {
                    let {
                        partIndex: partIndex,
                        partTotalCount: partTotalCount
                    } = _ref;
                    return (0, _type.isDefined)(partIndex) && partTotalCount > 0 ? ` (${partIndex+1}/${partTotalCount})` : ""
                })(options);
                return `${name}: ${dates}${parts}`
            };
            exports.getReducedIconTooltip = options => {
                const tooltipLabel = _message.default.format("dxScheduler-editorLabelEndDate");
                const endDateText = localizeDate(getDate(options, "endDate"));
                return `${tooltipLabel}: ${endDateText}`
            };
            const getGroupText = options => {
                if (!options.groupTexts.length) {
                    return ""
                }
                const groupText = options.groupTexts.join(", ");
                return _message.default.format("dxScheduler-appointmentAriaLabel-group", groupText)
            };
            exports.getAriaDescription = async options => {
                const resources = await (async options => {
                    const resourceManager = options.getResourceManager();
                    const list = await resourceManager.getAppointmentResourcesValues(options.data);
                    return list.map(item => `${item.label}: ${item.values.join(", ")}`)
                })(options);
                const texts = [getGroupText(options), ...resources].filter(Boolean);
                return texts.join("; ")
            }
        },
        5311(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _double_click = __webpack_require__( /*! ../../../common/core/events/double_click */ 5636);
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _dom = __webpack_require__( /*! ../../../core/utils/dom */ 86858);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _position = __webpack_require__( /*! ../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _date2 = __webpack_require__( /*! ../../core/utils/date */ 55594);
            var _collection_widget = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/collection_widget.edit */ 79839));
            var _constants = __webpack_require__( /*! ../constants */ 25307);
            var _m_classes = __webpack_require__( /*! ../m_classes */ 80126);
            var _m_utils_time_zone = _interopRequireDefault(__webpack_require__( /*! ../m_utils_time_zone */ 18648));
            var _appointment_adapter = __webpack_require__( /*! ../utils/appointment_adapter/appointment_adapter */ 36791);
            var _get_targeted_appointment = __webpack_require__( /*! ../utils/get_targeted_appointment */ 31985);
            var _appointment_groups_utils = __webpack_require__( /*! ../utils/resource_manager/appointment_groups_utils */ 11649);
            var _group_utils = __webpack_require__( /*! ../utils/resource_manager/group_utils */ 76131);
            var _agenda_appointment = __webpack_require__( /*! ./appointment/agenda_appointment */ 12901);
            var _m_appointment = __webpack_require__( /*! ./appointment/m_appointment */ 198);
            var _m_appointment_layout = __webpack_require__( /*! ./m_appointment_layout */ 18413);
            var _m_appointments_kbn = __webpack_require__( /*! ./m_appointments_kbn */ 79349);
            var _m_text_utils = __webpack_require__( /*! ./m_text_utils */ 9680);
            var _m_core = __webpack_require__( /*! ./resizing/m_core */ 57498);
            var _get_arrays_diff = __webpack_require__( /*! ./utils/get_arrays_diff */ 22184);
            var _get_view_model_diff = __webpack_require__( /*! ./utils/get_view_model_diff */ 95951);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DBLCLICK_EVENT_NAME = (0, _index.addNamespace)(_double_click.name, "dxSchedulerAppointment");
            const toMs = _date.default.dateToMilliseconds;
            class SchedulerAppointments extends _collection_widget.default {
                constructor() {
                    super(...arguments);
                    this._isResizing = false
                }
                get isResizing() {
                    return this._isResizing
                }
                get isAgendaView() {
                    return this.invoke("isCurrentViewAgenda")
                }
                get isVirtualScrolling() {
                    return this.invoke("isVirtualScrolling")
                }
                get appointmentDataSource() {
                    return this.option("getAppointmentDataSource")()
                }
                get dataAccessors() {
                    return this.option("dataAccessors")
                }
                get sortedItems() {
                    return this.option("getSortedAppointments")()
                }
                getResourceManager() {
                    return this.option("getResourceManager")()
                }
                option(optionName, value) {
                    return super.option(...arguments)
                }
                notifyObserver(subject, args) {
                    const notifyScheduler = this.option("notifyScheduler");
                    if (notifyScheduler) {
                        notifyScheduler.invoke(subject, args)
                    }
                }
                invoke(funcName) {
                    const notifyScheduler = this.option("notifyScheduler");
                    if (notifyScheduler) {
                        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
                            args[_key - 1] = arguments[_key]
                        }
                        return notifyScheduler.invoke(funcName, ...args)
                    }
                }
                _dispose() {
                    clearTimeout(this._appointmentClickTimeout);
                    super._dispose()
                }
                _supportedKeys() {
                    const parentValue = super._supportedKeys();
                    const kbnValue = this._kbn.getSupportedKeys();
                    return Object.assign({
                        enter: parentValue.enter,
                        space: parentValue.space
                    }, kbnValue)
                }
                getAppointmentSettings($item) {
                    return $item.data(_constants.APPOINTMENT_SETTINGS_KEY)
                }
                _moveFocus() {}
                _focusTarget() {
                    return this._kbn.getFocusableItems()
                }
                _renderFocusTarget() {
                    var _this$$itemBySortedIn;
                    if (null !== (_this$$itemBySortedIn = this.$itemBySortedIndex) && void 0 !== _this$$itemBySortedIn && _this$$itemBySortedIn.length) {
                        this._kbn.resetTabIndex(this._kbn.getFirstVisibleItem())
                    }
                }
                _cleanFocusState() {
                    this._focusedItemIndexBeforeRender = this._kbn.isNavigating ? this._kbn.focusedItemSortIndex : -1;
                    super._cleanFocusState()
                }
                _renderFocusState() {
                    super._renderFocusState();
                    if (-1 !== this._focusedItemIndexBeforeRender) {
                        this._kbn.focusedItemSortIndex = this._focusedItemIndexBeforeRender;
                        this._kbn.isNavigating = false;
                        this._kbn.focus();
                        this._focusedItemIndexBeforeRender = -1
                    } else {
                        this._kbn.focusedItemSortIndex = -1
                    }
                }
                _focusInHandler(e) {
                    super._focusInHandler(e);
                    this._kbn.focusInHandler(e)
                }
                _focusOutHandler(e) {
                    this._kbn.focusOutHandler();
                    super._focusOutHandler(e)
                }
                _eventBindingTarget() {
                    return this._itemContainer()
                }
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        noDataText: null,
                        activeStateEnabled: true,
                        hoverStateEnabled: true,
                        tabIndex: 0,
                        fixedContainer: null,
                        allDayContainer: null,
                        allowDrag: true,
                        allowResize: true,
                        allowAllDayResize: true,
                        onAppointmentDblClick: null,
                        groups: [],
                        resources: []
                    })
                }
                getItemsDiff() {
                    let previousValue = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
                    let value = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : [];
                    const elementsInRenderOrder = previousValue.map(_ref => {
                        let {
                            sortedIndex: sortedIndex
                        } = _ref;
                        return this.$itemBySortedIndex[sortedIndex]
                    });
                    const diff = (0, _get_view_model_diff.getViewModelDiff)(previousValue, value, this.appointmentDataSource);
                    diff.filter(item => !(0, _get_arrays_diff.isNeedToAdd)(item)).forEach((item, index) => {
                        item.element = elementsInRenderOrder[index]
                    });
                    return diff
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "items":
                            this._cleanFocusState();
                            if (this.isAgendaView) {
                                this.forceRepaintAllAppointments(args.value || [])
                            } else {
                                const diff = this.getItemsDiff(args.previousValue, args.value);
                                this.repaintAppointments(diff)
                            }
                            this._attachAppointmentsEvents();
                            break;
                        case "fixedContainer":
                        case "allDayContainer":
                        case "onAppointmentDblClick":
                        case "allowDelete":
                            break;
                        case "allowDrag":
                        case "allowResize":
                        case "allowAllDayResize":
                            this._cleanFocusState();
                            this.forceRepaintAllAppointments(this.option("items") || []);
                            this._attachAppointmentsEvents();
                            break;
                        case "focusedElement":
                            this._kbn.resetTabIndex((0, _renderer.default)(args.value));
                            super._optionChanged(args);
                            break;
                        case "focusStateEnabled":
                            this._clearDropDownItemsElements();
                            this.renderDropDownAppointments();
                            super._optionChanged(args);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _applyFragment(fragment, allDay) {
                    if (fragment.children().length > 0) {
                        this._getAppointmentContainer(allDay).append(fragment)
                    }
                }
                forceRepaintAllAppointments(items) {
                    this.$itemBySortedIndex = [];
                    this._renderByFragments(($commonFragment, $allDayFragment) => {
                        this._getAppointmentContainer(true).html("");
                        this._getAppointmentContainer(false).html("");
                        if (0 === items.length) {
                            this._cleanItemContainer()
                        }
                        items.forEach((item, index) => {
                            const container = item.allDay ? $allDayFragment : $commonFragment;
                            this._renderItem(index, item, container)
                        })
                    })
                }
                repaintAppointments(diff) {
                    this.$itemBySortedIndex = [];
                    this._renderByFragments(($commonFragment, $allDayFragment) => {
                        const isRepaintAll = diff.every(item => Boolean(item.needToAdd ?? item.needToRemove));
                        if (isRepaintAll) {
                            this._getAppointmentContainer(true).html("");
                            this._getAppointmentContainer(false).html("")
                        }
                        if (0 === diff.length) {
                            this._cleanItemContainer()
                        }
                        diff.forEach((item, index) => {
                            if (isRepaintAll && item.needToRemove) {
                                return
                            }
                            if (item.needToRemove) {
                                var _item$element, _item$element2;
                                null === (_item$element = item.element) || void 0 === _item$element || _item$element.detach();
                                null === (_item$element2 = item.element) || void 0 === _item$element2 || _item$element2.remove();
                                return
                            }
                            if (item.needToAdd) {
                                const container = item.item.allDay ? $allDayFragment : $commonFragment;
                                this._renderItem(index, item.item, container);
                                return
                            }
                            if (item.element) {
                                item.element.data(_constants.APPOINTMENT_SETTINGS_KEY, item.item);
                                this.$itemBySortedIndex[item.item.sortedIndex] = item.element
                            }
                        })
                    })
                }
                _renderByFragments(renderFunction) {
                    if (this.isVirtualScrolling) {
                        const $commonFragment = (0, _renderer.default)(_dom_adapter.default.createDocumentFragment());
                        const $allDayFragment = (0, _renderer.default)(_dom_adapter.default.createDocumentFragment());
                        renderFunction($commonFragment, $allDayFragment);
                        this._applyFragment($commonFragment, false);
                        this._applyFragment($allDayFragment, true)
                    } else {
                        renderFunction(this._getAppointmentContainer(false), this._getAppointmentContainer(true))
                    }
                }
                _refreshActiveDescendant() {}
                _attachAppointmentsEvents() {
                    this._attachClickEvent();
                    this._attachHoldEvent();
                    this._attachContextMenuEvent();
                    this._attachAppointmentDblClick();
                    this._renderFocusState();
                    this._attachFeedbackEvents();
                    this._attachHoverEvents()
                }
                _clearDropDownItemsElements() {
                    this.invoke("clearCompactAppointments")
                }
                _findItemElementByItem(item) {
                    const result = [];
                    const that = this;
                    this.itemElements().each(function() {
                        const $item = (0, _renderer.default)(this);
                        if ($item.data(that._itemDataKey()) === item) {
                            result.push($item)
                        }
                    });
                    return result
                }
                _itemClass() {
                    return _m_classes.APPOINTMENT_ITEM_CLASS
                }
                _itemContainer() {
                    const $container = super._itemContainer();
                    let $result = $container;
                    const $allDayContainer = this.option("allDayContainer");
                    if ($allDayContainer) {
                        $result = $container.add($allDayContainer)
                    }
                    return $result
                }
                _cleanItemContainer() {
                    super._cleanItemContainer();
                    const $allDayContainer = this.option("allDayContainer");
                    if ($allDayContainer) {
                        $allDayContainer.empty()
                    }
                }
                _init() {
                    super._init();
                    this.$itemBySortedIndex = [];
                    this._kbn = new _m_appointments_kbn.AppointmentsKeyboardNavigation(this);
                    this._focusedItemIndexBeforeRender = -1;
                    this.$element().addClass("dx-scheduler-scrollable-appointments");
                    this._preventSingleAppointmentClick = false
                }
                _renderAppointmentTemplate($container, appointment, model) {
                    const config = {
                        isAllDay: appointment.allDay,
                        isRecurrence: appointment.recurrenceRule,
                        html: (0, _type.isPlainObject)(appointment) && appointment.html ? appointment.html : void 0
                    };
                    let {
                        targetedAppointmentData: targetedAppointmentData
                    } = model;
                    if (this._currentAppointmentSettings && "isAgendaModel" in this._currentAppointmentSettings) {
                        targetedAppointmentData = (0, _get_targeted_appointment.getTargetedAppointmentFromInfo)(this._currentAppointmentSettings.itemData, this._currentAppointmentSettings, this.dataAccessors, this.getResourceManager(), true)
                    }
                    const formatText = this.invoke("createFormattedDateText", appointment, targetedAppointmentData, appointment.allDay ? _m_text_utils.DateFormatType.DATE : _m_text_utils.DateFormatType.TIME);
                    $container.append(this.isAgendaView ? (0, _m_appointment_layout.createAgendaAppointmentLayout)(formatText, config) : (0, _m_appointment_layout.createAppointmentLayout)(formatText, config));
                    if (!this.isAgendaView) {
                        $container.parent().prepend((0, _renderer.default)("<div>").addClass(_m_classes.APPOINTMENT_CONTENT_CLASSES.STRIP))
                    }
                }
                _executeItemRenderAction(index, itemData, itemElement) {
                    const action = this._getItemRenderAction();
                    if (action) {
                        action(this.invoke("mapAppointmentFields", {
                            itemData: itemData,
                            itemElement: itemElement
                        }))
                    }
                    delete this._currentAppointmentSettings
                }
                _itemClickHandler(e) {
                    super._itemClickHandler(e, {}, {
                        afterExecute: function(e) {
                            this._processItemClick(e.args[0].event)
                        }.bind(this)
                    })
                }
                _processItemClick(e) {
                    const $target = (0, _renderer.default)(e.currentTarget);
                    const data = this._getItemData($target);
                    if ($target.is(".dx-scheduler-appointment-collector")) {
                        return
                    }
                    if ("keydown" === e.type || (0, _index.isFakeClickEvent)(e)) {
                        this.notifyObserver("showEditAppointmentPopup", {
                            data: data,
                            target: $target
                        });
                        return
                    }
                    this._appointmentClickTimeout = setTimeout(() => {
                        if (!this._preventSingleAppointmentClick && (0, _dom.isElementInDom)($target)) {
                            this.notifyObserver("showAppointmentTooltip", {
                                data: data,
                                target: $target
                            })
                        }
                        this._preventSingleAppointmentClick = false
                    }, 300)
                }
                _extendActionArgs($itemElement) {
                    const args = super._extendActionArgs($itemElement);
                    return this.invoke("mapAppointmentFields", args)
                }
                _render() {
                    super._render();
                    this._attachAppointmentDblClick()
                }
                _attachAppointmentDblClick() {
                    const that = this;
                    const itemSelector = that._itemSelector();
                    const itemContainer = this._itemContainer();
                    _events_engine.default.off(itemContainer, DBLCLICK_EVENT_NAME, itemSelector);
                    _events_engine.default.on(itemContainer, DBLCLICK_EVENT_NAME, itemSelector, e => {
                        that._itemDXEventHandler(e, "onAppointmentDblClick", {}, {
                            afterExecute(e) {
                                that._dblClickHandler(e.args[0].event)
                            }
                        })
                    })
                }
                _dblClickHandler(e) {
                    const $targetAppointment = (0, _renderer.default)(e.currentTarget);
                    const appointmentData = this._getItemData($targetAppointment);
                    clearTimeout(this._appointmentClickTimeout);
                    this._preventSingleAppointmentClick = true;
                    this.notifyObserver("showEditAppointmentPopup", {
                        data: appointmentData,
                        target: $targetAppointment
                    })
                }
                _renderItem(index, item, container) {
                    if ("items" in item) {
                        return this.renderDropDownAppointment(container, item)
                    }
                    this._currentAppointmentSettings = item;
                    const $item = super._renderItem(index, item.itemData, container);
                    $item.data(_constants.APPOINTMENT_SETTINGS_KEY, item);
                    if (-1 !== item.sortedIndex) {
                        this.$itemBySortedIndex[item.sortedIndex] = $item
                    }
                    return $item
                }
                _getItemContent($itemFrame) {
                    $itemFrame.data(_constants.APPOINTMENT_SETTINGS_KEY, this._currentAppointmentSettings);
                    const $itemContent = super._getItemContent($itemFrame);
                    return $itemContent
                }
                _createItemByTemplate(itemTemplate, renderArgs) {
                    const {
                        itemData: itemData,
                        container: container,
                        index: index
                    } = renderArgs;
                    const parent = (0, _renderer.default)(container).parent();
                    parent.prepend((0, _renderer.default)("<span>").addClass(_m_classes.APPOINTMENT_CONTENT_CLASSES.ARIA_DESCRIPTION).attr("hidden", true));
                    return itemTemplate.render({
                        model: {
                            appointmentData: itemData,
                            targetedAppointmentData: this.invoke("getTargetedAppointmentData", itemData, parent)
                        },
                        container: container,
                        index: index
                    })
                }
                _getAppointmentContainer(allDay) {
                    const $allDayContainer = this.option("allDayContainer");
                    const $container = this.itemsContainer().not($allDayContainer);
                    return allDay && $allDayContainer ? $allDayContainer : $container
                }
                _postprocessRenderItem(args) {
                    this.renderAppointment(args.itemElement, this._currentAppointmentSettings)
                }
                renderAppointment(element, settings) {
                    element.data(_constants.APPOINTMENT_SETTINGS_KEY, settings);
                    this._applyResourceDataAttr(element);
                    if (this.isAgendaView) {
                        this.renderAgendaAppointment(element, settings);
                        return
                    }
                    this.renderGeneralAppointment(element, settings)
                }
                renderAgendaAppointment(element, settings) {
                    if (settings.isLastInGroup) {
                        element.addClass(_m_classes.AGENDA_LAST_IN_DATE_APPOINTMENT_CLASS)
                    }
                    const {
                        groups: groups,
                        groupsLeafs: groupsLeafs,
                        resourceById: resourceById
                    } = this.getResourceManager();
                    const config = {
                        data: settings.itemData,
                        groupIndex: settings.groupIndex,
                        groupTexts: (0, _group_utils.getGroupTexts)(groups, groupsLeafs, resourceById, settings.groupIndex),
                        notifyScheduler: this.option("notifyScheduler"),
                        geometry: settings,
                        allowResize: false,
                        allowDrag: false,
                        groups: this.option("groups"),
                        dataAccessors: this.option("dataAccessors"),
                        timeZoneCalculator: this.option("timeZoneCalculator"),
                        getResourceManager: this.option("getResourceManager")
                    };
                    this._createComponent(element, _agenda_appointment.AgendaAppointment, config)
                }
                renderGeneralAppointment(element, settings) {
                    var _settings$info;
                    const allowResize = this.option("allowResize") && !settings.skipResizing;
                    const allowDrag = this.option("allowDrag");
                    const {
                        allDay: allDay
                    } = settings;
                    const {
                        groups: groups,
                        groupsLeafs: groupsLeafs,
                        resourceById: resourceById
                    } = this.getResourceManager();
                    const isGroupByDate = this.option("groupByDate");
                    const config = {
                        data: settings.itemData,
                        groupIndex: settings.groupIndex,
                        groupTexts: (0, _group_utils.getGroupTexts)(groups, groupsLeafs, resourceById, settings.groupIndex),
                        notifyScheduler: this.option("notifyScheduler"),
                        geometry: settings,
                        direction: settings.direction || "vertical",
                        allowResize: allowResize,
                        allowDrag: allowDrag,
                        allDay: allDay,
                        reduced: isGroupByDate ? void 0 : settings.reduced,
                        startDate: new Date(null === (_settings$info = settings.info) || void 0 === _settings$info ? void 0 : _settings$info.appointment.startDate),
                        cellWidth: this.invoke("getCellWidth"),
                        cellHeight: this.invoke("getCellHeight"),
                        resizableConfig: this._resizableConfig(settings.itemData, settings),
                        groups: this.option("groups"),
                        partIndex: settings.partIndex,
                        partTotalCount: settings.partTotalCount,
                        dataAccessors: this.option("dataAccessors"),
                        timeZoneCalculator: this.option("timeZoneCalculator"),
                        getResizableStep: this.option("getResizableStep"),
                        getResourceManager: this.option("getResourceManager")
                    };
                    this._createComponent(element, _m_appointment.Appointment, config)
                }
                _applyResourceDataAttr($appointment) {
                    const {
                        resources: resources
                    } = this.getResourceManager();
                    const rawAppointment = this._getItemData($appointment);
                    const appointmentGroups = (0, _appointment_groups_utils.getAppointmentGroupValues)(rawAppointment, resources);
                    Object.entries(appointmentGroups).forEach(_ref2 => {
                        let [resourceIndex, resourceIds] = _ref2;
                        if (resourceIds.length) {
                            const prefix = `data-${(0,_common.normalizeKey)(resourceIndex.toLowerCase())}-`;
                            resourceIds.forEach(value => $appointment.attr(prefix + (0, _common.normalizeKey)(value), true))
                        }
                    })
                }
                _resizableConfig(appointmentData, itemSetting) {
                    return {
                        area: this._calculateResizableArea(itemSetting, appointmentData),
                        onResizeStart: e => {
                            const $appointment = (0, _renderer.default)(e.element);
                            this._isResizing = true;
                            this._kbn.focus($appointment);
                            if (this.invoke("needRecalculateResizableArea")) {
                                const updatedArea = this._calculateResizableArea(this.getAppointmentSettings($appointment), $appointment.data("dxItemData"));
                                e.component.option("area", updatedArea);
                                e.component._renderDragOffsets(e.event)
                            }
                            this._initialSize = {
                                width: e.width,
                                height: e.height
                            };
                            this._initialCoordinates = (0, _translator.locate)($appointment)
                        },
                        onResizeEnd: e => {
                            this._isResizing = false;
                            this._resizeEndHandler(e)
                        }
                    }
                }
                _calculateResizableArea(itemSetting, appointmentData) {
                    const area = this.$element().closest(".dx-scrollable-content");
                    return this.invoke("getResizableAppointmentArea", {
                        coordinates: {
                            left: itemSetting.left,
                            top: 0,
                            groupIndex: itemSetting.groupIndex
                        },
                        allDay: itemSetting.allDay
                    }) || area
                }
                _resizeEndHandler(e) {
                    const $element = (0, _renderer.default)(e.element);
                    const {
                        allDay: allDay,
                        info: info
                    } = $element.data(_constants.APPOINTMENT_SETTINGS_KEY);
                    const sourceAppointment = this._getItemData($element);
                    const viewOffset = this.invoke("getViewOffsetMs");
                    let dateRange;
                    if (allDay) {
                        dateRange = this.resizeAllDay(e)
                    } else {
                        const startDate = this._getEndResizeAppointmentStartDate(e, sourceAppointment, info.appointment);
                        const {
                            endDate: endDate
                        } = info.appointment;
                        const shiftedStartDate = _date2.dateUtilsTs.addOffsets(startDate, -viewOffset);
                        const shiftedEndDate = _date2.dateUtilsTs.addOffsets(endDate, -viewOffset);
                        dateRange = this.getDateRange(e, shiftedStartDate, shiftedEndDate);
                        dateRange.startDate = _date2.dateUtilsTs.addOffsets(dateRange.startDate, viewOffset);
                        dateRange.endDate = _date2.dateUtilsTs.addOffsets(dateRange.endDate, viewOffset)
                    }
                    this.updateResizedAppointment($element, dateRange, this.dataAccessors, this.option("timeZoneCalculator"))
                }
                resizeAllDay(e) {
                    const $element = (0, _renderer.default)(e.element);
                    const timeZoneCalculator = this.option("timeZoneCalculator");
                    return (0, _m_core.getAppointmentDateRange)({
                        handles: e.handles,
                        appointmentSettings: $element.data(_constants.APPOINTMENT_SETTINGS_KEY),
                        isVerticalGroupedWorkSpace: this.option("isVerticalGroupedWorkSpace")(),
                        appointmentRect: (0, _position.getBoundingRect)($element[0]),
                        parentAppointmentRect: (0, _position.getBoundingRect)($element.parent()[0]),
                        viewDataProvider: this.option("getViewDataProvider")(),
                        isDateAndTimeView: this.option("isDateAndTimeView")(),
                        startDayHour: this.invoke("getStartDayHour"),
                        endDayHour: this.invoke("getEndDayHour"),
                        timeZoneCalculator: timeZoneCalculator,
                        dataAccessors: this.dataAccessors,
                        rtlEnabled: this.option("rtlEnabled"),
                        DOMMetaData: this.option("getDOMElementsMetaData")(),
                        viewOffset: this.invoke("getViewOffsetMs")
                    })
                }
                updateResizedAppointment($element, dateRange, dataAccessors, timeZoneCalculator) {
                    const sourceAppointment = this._getItemData($element);
                    const gridAdapter = new _appointment_adapter.AppointmentAdapter(sourceAppointment, dataAccessors).clone();
                    gridAdapter.startDate = new Date(dateRange.startDate);
                    gridAdapter.endDate = new Date(dateRange.endDate);
                    const convertedBackAdapter = gridAdapter.clone().calculateDates(timeZoneCalculator, "fromGrid").calculateDates(timeZoneCalculator, "toGrid");
                    const startDateDelta = gridAdapter.startDate.getTime() - convertedBackAdapter.startDate.getTime();
                    const endDateDelta = gridAdapter.endDate.getTime() - convertedBackAdapter.endDate.getTime();
                    gridAdapter.startDate = _date2.dateUtilsTs.addOffsets(gridAdapter.startDate, startDateDelta);
                    gridAdapter.endDate = _date2.dateUtilsTs.addOffsets(gridAdapter.endDate, endDateDelta);
                    const data = gridAdapter.calculateDates(timeZoneCalculator, "fromGrid").source;
                    this.notifyObserver("updateAppointmentAfterResize", {
                        target: sourceAppointment,
                        data: data,
                        $appointment: $element
                    })
                }
                _getEndResizeAppointmentStartDate(e, rawAppointment, appointmentInfo) {
                    const timeZoneCalculator = this.option("timeZoneCalculator");
                    const appointmentAdapter = new _appointment_adapter.AppointmentAdapter(rawAppointment, this.dataAccessors);
                    let {
                        startDate: startDate
                    } = appointmentInfo;
                    const {
                        startDateTimeZone: startDateTimeZone,
                        isRecurrent: isRecurrent
                    } = appointmentAdapter;
                    const isAllDay = this.invoke("isAllDay", rawAppointment);
                    if (!e.handles.top && !isRecurrent && !isAllDay) {
                        startDate = timeZoneCalculator.createDate(appointmentAdapter.startDate, "toGrid", startDateTimeZone)
                    }
                    return startDate
                }
                getDateRange(e, startDate, endDate) {
                    const itemData = this._getItemData(e.element);
                    const deltaTime = this.invoke("getDeltaTime", e, this._initialSize, itemData);
                    const renderingStrategyDirection = this.invoke("getRenderingStrategyDirection");
                    let isStartDateChanged = false;
                    const isAllDay = this.invoke("isAllDay", itemData);
                    const needCorrectDates = this.invoke("needCorrectAppointmentDates") && !isAllDay;
                    let startTime;
                    let endTime;
                    if ("vertical" !== renderingStrategyDirection || isAllDay) {
                        isStartDateChanged = this.option("rtlEnabled") ? e.handles.right : e.handles.left
                    } else {
                        isStartDateChanged = e.handles.top
                    }
                    if (isStartDateChanged) {
                        startTime = needCorrectDates ? this._correctStartDateByDelta(startDate, deltaTime) : startDate.getTime() - deltaTime;
                        startTime += _m_utils_time_zone.default.getTimezoneOffsetChangeInMs(startDate, endDate, startTime, endDate);
                        endTime = endDate.getTime()
                    } else {
                        startTime = startDate.getTime();
                        endTime = needCorrectDates ? this._correctEndDateByDelta(endDate, deltaTime) : endDate.getTime() + deltaTime;
                        endTime -= _m_utils_time_zone.default.getTimezoneOffsetChangeInMs(startDate, endDate, startDate, endTime)
                    }
                    return {
                        startDate: new Date(startTime),
                        endDate: new Date(endTime)
                    }
                }
                _correctEndDateByDelta(endDate, deltaTime) {
                    const endDayHour = this.invoke("getEndDayHour");
                    const startDayHour = this.invoke("getStartDayHour");
                    const maxDate = new Date(endDate);
                    const minDate = new Date(endDate);
                    const correctEndDate = new Date(endDate);
                    minDate.setHours(startDayHour, 0, 0, 0);
                    maxDate.setHours(endDayHour, 0, 0, 0);
                    if (correctEndDate > maxDate) {
                        correctEndDate.setHours(endDayHour, 0, 0, 0)
                    }
                    let result = correctEndDate.getTime() + deltaTime;
                    const visibleDayDuration = (endDayHour - startDayHour) * toMs("hour");
                    const daysCount = deltaTime > 0 ? Math.ceil(deltaTime / visibleDayDuration) : Math.floor(deltaTime / visibleDayDuration);
                    if (result > maxDate.getTime() || result <= minDate.getTime()) {
                        const tailOfCurrentDay = maxDate.getTime() - correctEndDate.getTime();
                        const tailOfPrevDays = deltaTime - tailOfCurrentDay;
                        const correctedEndDate = new Date(correctEndDate).setDate(correctEndDate.getDate() + daysCount);
                        const lastDay = new Date(correctedEndDate);
                        lastDay.setHours(startDayHour, 0, 0, 0);
                        result = lastDay.getTime() + tailOfPrevDays - visibleDayDuration * (daysCount - 1)
                    }
                    return result
                }
                _correctStartDateByDelta(startDate, deltaTime) {
                    const endDayHour = this.invoke("getEndDayHour");
                    const startDayHour = this.invoke("getStartDayHour");
                    const maxDate = new Date(startDate);
                    const minDate = new Date(startDate);
                    const correctStartDate = new Date(startDate);
                    minDate.setHours(startDayHour, 0, 0, 0);
                    maxDate.setHours(endDayHour, 0, 0, 0);
                    if (correctStartDate < minDate) {
                        correctStartDate.setHours(startDayHour, 0, 0, 0)
                    }
                    let result = correctStartDate.getTime() - deltaTime;
                    const visibleDayDuration = (endDayHour - startDayHour) * toMs("hour");
                    const daysCount = deltaTime > 0 ? Math.ceil(deltaTime / visibleDayDuration) : Math.floor(deltaTime / visibleDayDuration);
                    if (result < minDate.getTime() || result >= maxDate.getTime()) {
                        const tailOfCurrentDay = correctStartDate.getTime() - minDate.getTime();
                        const tailOfPrevDays = deltaTime - tailOfCurrentDay;
                        const firstDay = new Date(correctStartDate.setDate(correctStartDate.getDate() - daysCount));
                        firstDay.setHours(endDayHour, 0, 0, 0);
                        result = firstDay.getTime() - tailOfPrevDays + visibleDayDuration * (daysCount - 1)
                    }
                    return result
                }
                renderDropDownAppointments() {
                    this._renderByFragments(($commonFragment, $allDayFragment) => {
                        const items = this.option("items") || [];
                        items.forEach(item => {
                            if ("items" in item) {
                                const $fragment = item.allDay ? $allDayFragment : $commonFragment;
                                this.renderDropDownAppointment($fragment, item)
                            }
                        })
                    })
                }
                renderDropDownAppointment($fragment, appointment) {
                    const virtualItems = appointment.items;
                    const items = [];
                    virtualItems.forEach(item => {
                        const appointmentConfig = {
                            itemData: item.itemData,
                            groupIndex: appointment.groupIndex,
                            groups: this.option("groups")
                        };
                        const resourceManager = this.getResourceManager();
                        items.push({
                            appointment: item.itemData,
                            targetedAppointment: (0, _get_targeted_appointment.getTargetedAppointment)(item.itemData, item, this.dataAccessors, resourceManager),
                            color: resourceManager.getAppointmentColor(appointmentConfig),
                            settings: item
                        })
                    });
                    const $item = this.invoke("renderCompactAppointments", {
                        $container: $fragment,
                        coordinates: {
                            top: appointment.top,
                            left: appointment.left
                        },
                        items: items,
                        buttonColor: items[0].color,
                        sortedIndex: appointment.sortedIndex,
                        width: appointment.width,
                        height: appointment.height,
                        onAppointmentClick: this.option("onItemClick"),
                        allowDrag: this.option("allowDrag"),
                        isCompact: appointment.isCompact
                    });
                    this.$itemBySortedIndex[appointment.sortedIndex] = $item;
                    return $item
                }
                moveAppointmentBack(dragEvent) {
                    const $appointment = this._kbn.$focusTarget();
                    const size = this._initialSize;
                    const coords = this._initialCoordinates;
                    this._isResizing = false;
                    if (dragEvent) {
                        this._removeDragSourceClassFromDraggedAppointment();
                        if ((0, _type.isDeferred)(dragEvent.cancel)) {
                            dragEvent.cancel.resolve(true)
                        } else {
                            dragEvent.cancel = true
                        }
                    }
                    if ($appointment.get(0) && !dragEvent) {
                        if (coords) {
                            (0, _translator.move)($appointment, coords);
                            delete this._initialSize
                        }
                        if (size) {
                            (0, _size.setOuterWidth)($appointment, size.width);
                            (0, _size.setOuterHeight)($appointment, size.height);
                            delete this._initialCoordinates
                        }
                    }
                }
                focus() {
                    this._kbn.focus()
                }
                _removeDragSourceClassFromDraggedAppointment() {
                    const $appointments = this._itemElements().filter(`.${_m_classes.APPOINTMENT_DRAG_SOURCE_CLASS}`);
                    $appointments.each((_, element) => {
                        const appointmentInstance = (0, _renderer.default)(element).dxSchedulerAppointment("instance");
                        appointmentInstance.option("isDragSource", false)
                    })
                }
                _setDragSourceAppointment(appointment, settings) {
                    const $appointments = this._findItemElementByItem(appointment);
                    const {
                        startDate: startDate,
                        endDate: endDate
                    } = settings.info.sourceAppointment;
                    const {
                        groupIndex: groupIndex
                    } = settings;
                    $appointments.forEach($item => {
                        const {
                            info: itemInfo,
                            groupIndex: itemGroupIndex
                        } = $item.data(_constants.APPOINTMENT_SETTINGS_KEY);
                        const {
                            startDate: itemStartDate,
                            endDate: itemEndDate
                        } = itemInfo.sourceAppointment;
                        const appointmentInstance = $item.dxSchedulerAppointment("instance");
                        const isDragSource = startDate.getTime() === itemStartDate.getTime() && endDate.getTime() === itemEndDate.getTime() && groupIndex === itemGroupIndex;
                        appointmentInstance.option("isDragSource", isDragSource)
                    })
                }
                updateResizableArea() {
                    const $allResizableElements = this.$element().find(".dx-scheduler-appointment.dx-resizable");
                    const horizontalResizables = (0, _common.grep)($allResizableElements, el => {
                        const $el = (0, _renderer.default)(el);
                        const resizableInst = $el.dxResizable("instance");
                        const {
                            area: area,
                            handles: handles
                        } = resizableInst.option();
                        return ("right left" === handles || "left right" === handles) && (0, _type.isPlainObject)(area)
                    });
                    (0, _iterator.each)(horizontalResizables, (_, el) => {
                        const $el = (0, _renderer.default)(el);
                        const position = (0, _translator.locate)($el);
                        const appointmentData = this._getItemData($el);
                        const area = this._calculateResizableArea({
                            left: position.left
                        }, appointmentData);
                        $el.dxResizable("instance").option("area", area)
                    })
                }
            }(0, _component_registrator.default)("dxSchedulerAppointments", SchedulerAppointments);
            exports.default = SchedulerAppointments
        },
        18413(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.createAppointmentLayout = exports.createAgendaAppointmentLayout = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _m_classes = __webpack_require__( /*! ../m_classes */ 80126);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const allDayText = ` ${_message.default.format("dxScheduler-allDay")}: `;
            const recurringText = _message.default.format("dxScheduler-appointmentAriaLabel-recurring");
            exports.createAppointmentLayout = (formatText, config) => {
                const result = (0, _renderer.default)(_dom_adapter.default.createDocumentFragment());
                (0, _renderer.default)("<div>").text(formatText.text).addClass(_m_classes.APPOINTMENT_CONTENT_CLASSES.APPOINTMENT_TITLE).appendTo(result);
                if (config.html) {
                    result.html(config.html)
                }
                const $contentDetails = (0, _renderer.default)("<div>").addClass(_m_classes.APPOINTMENT_CONTENT_CLASSES.APPOINTMENT_CONTENT_DETAILS).appendTo(result);
                (0, _renderer.default)("<div>").addClass(_m_classes.APPOINTMENT_CONTENT_CLASSES.APPOINTMENT_DATE).text(formatText.formatDate).appendTo($contentDetails);
                config.isRecurrence && (0, _renderer.default)("<span>").addClass(`${_m_classes.APPOINTMENT_CONTENT_CLASSES.RECURRING_ICON} dx-icon-repeat`).attr("aria-label", recurringText).attr("role", "img").appendTo(result);
                config.isAllDay && (0, _renderer.default)("<div>").text(allDayText).addClass(_m_classes.APPOINTMENT_CONTENT_CLASSES.ALL_DAY_CONTENT).prependTo($contentDetails);
                return result
            };
            exports.createAgendaAppointmentLayout = (formatText, config) => {
                const result = (0, _renderer.default)(_dom_adapter.default.createDocumentFragment());
                const leftLayoutContainer = (0, _renderer.default)("<div>").addClass("dx-scheduler-agenda-appointment-left-layout").appendTo(result);
                const rightLayoutContainer = (0, _renderer.default)("<div>").addClass("dx-scheduler-agenda-appointment-right-layout").appendTo(result);
                const marker = (0, _renderer.default)("<div>").addClass(_m_classes.APPOINTMENT_CONTENT_CLASSES.AGENDA_MARKER).appendTo(leftLayoutContainer);
                config.isRecurrence && (0, _renderer.default)("<span>").addClass(`${_m_classes.APPOINTMENT_CONTENT_CLASSES.RECURRING_ICON} dx-icon-repeat`).attr("aria-label", recurringText).appendTo(marker);
                (0, _renderer.default)("<div>").addClass(_m_classes.APPOINTMENT_CONTENT_CLASSES.APPOINTMENT_TITLE).text(formatText.text).appendTo(rightLayoutContainer);
                const additionalContainer = (0, _renderer.default)("<div>").addClass(_m_classes.APPOINTMENT_CONTENT_CLASSES.APPOINTMENT_CONTENT_DETAILS).appendTo(rightLayoutContainer);
                (0, _renderer.default)("<div>").addClass(_m_classes.APPOINTMENT_CONTENT_CLASSES.APPOINTMENT_DATE).text(formatText.formatDate).appendTo(additionalContainer);
                if (config.isAllDay) {
                    (0, _renderer.default)("<div>").text(allDayText).addClass(_m_classes.APPOINTMENT_CONTENT_CLASSES.ALL_DAY_CONTENT).prependTo(additionalContainer)
                }
                return result
            }
        },
        79349(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AppointmentsKeyboardNavigation = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _m_element = __webpack_require__( /*! ../../core/m_element */ 93630);
            var _m_events_engine = _interopRequireDefault(__webpack_require__( /*! ../../events/core/m_events_engine */ 36306));
            var _appointment_groups_utils = __webpack_require__( /*! ../utils/resource_manager/appointment_groups_utils */ 11649);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.AppointmentsKeyboardNavigation = class {
                constructor(collection) {
                    this.focusedItemSortIndex = -1;
                    this.isNavigating = false;
                    this._collection = collection
                }
                getFocusableItems() {
                    const appts = this._collection._itemElements().not(".dx-state-disabled");
                    const collectors = this._collection.$element().find(".dx-scheduler-appointment-collector");
                    return appts.add(collectors)
                }
                focus($item) {
                    const $target = $item ?? this.$focusTarget();
                    if ($target.length) {
                        _m_events_engine.default.trigger($target, "focus")
                    }
                }
                $focusTarget() {
                    const $items = this._collection.$itemBySortedIndex;
                    if (!$items) {
                        return (0, _renderer.default)()
                    }
                    const $item = $items[this.focusedItemSortIndex];
                    return $item || (0, _renderer.default)()
                }
                resetTabIndex($item) {
                    const $target = $item ?? this.$focusTarget();
                    this.getFocusableItems().attr("tabIndex", -1);
                    $target.attr("tabIndex", this._collection.option("tabIndex"))
                }
                focusInHandler(e) {
                    const $target = (0, _renderer.default)(e.target);
                    const itemData = this._collection.getAppointmentSettings($target);
                    if (!itemData) {
                        return
                    }
                    this.focusedItemSortIndex = itemData.sortedIndex;
                    this._collection.option("focusedElement", (0, _m_element.getPublicElement)(e.target))
                }
                focusOutHandler() {
                    this._collection.option("focusedElement", (0, _m_element.getPublicElement)(this.getFirstVisibleItem()))
                }
                getSupportedKeys() {
                    return {
                        escape: this.escHandler.bind(this),
                        del: this.delHandler.bind(this),
                        tab: this.tabHandler.bind(this)
                    }
                }
                delHandler(e) {
                    if (this._collection.option("allowDelete")) {
                        e.preventDefault();
                        const data = this._collection.getAppointmentSettings((0, _renderer.default)(e.target)).itemData;
                        this._collection.notifyObserver("onDeleteButtonPress", {
                            data: data,
                            target: e.target
                        })
                    }
                }
                escHandler() {
                    if (!this._collection.isResizing) {
                        return
                    }
                    this._collection.moveAppointmentBack();
                    const resizableInstance = this.$focusTarget().dxResizable("instance");
                    if (resizableInstance) {
                        resizableInstance._detachEventHandlers();
                        resizableInstance._attachEventHandlers();
                        resizableInstance._toggleResizingClass(false)
                    }
                }
                tabHandler(e) {
                    const items = this._collection.sortedItems;
                    const nextIndex = this.focusedItemSortIndex + (e.shiftKey ? -1 : 1);
                    const nextItemData = items[nextIndex];
                    if (!nextItemData) {
                        return
                    }
                    e.preventDefault();
                    this.focusByItemData(nextItemData)
                }
                focusByItemData(itemData) {
                    this.focusedItemSortIndex = itemData.sortedIndex;
                    if (this._collection.isVirtualScrolling) {
                        this.isNavigating = true;
                        this.scrollToByItemData(itemData)
                    }
                    this.focus()
                }
                scrollToByItemData(itemData) {
                    const date = new Date(Math.max(this._collection.invoke("getStartViewDate").getTime(), itemData.source.startDate));
                    const group = (0, _appointment_groups_utils.getRawAppointmentGroupValues)(itemData.itemData, this._collection.getResourceManager().resources);
                    this._collection.option("scrollTo")(date, {
                        group: group,
                        allDay: itemData.allDay
                    })
                }
                getFirstVisibleItem() {
                    const $items = this._collection.$itemBySortedIndex;
                    const $itemsPlainArray = Object.values($items);
                    const $firstItem = this._collection.isVirtualScrolling ? $itemsPlainArray.find($item => this.isItemVisibleInViewport($item)) ?? (0, _renderer.default)() : (0, _renderer.default)($itemsPlainArray[0]);
                    return $firstItem
                }
                isItemVisibleInViewport($item) {
                    const $container = this._collection.$element().closest(".dx-scrollable-container");
                    const containerRect = $container.get(0).getBoundingClientRect();
                    const itemRect = $item.get(0).getBoundingClientRect();
                    return itemRect.top < containerRect.bottom && itemRect.bottom > containerRect.top && itemRect.left < containerRect.right && itemRect.right > containerRect.left
                }
            }
        },
        9680(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getFormatType = exports.formatDates = exports.createFormattedDateText = exports.DateFormatType = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            var DateFormatType;
            ! function(DateFormatType) {
                DateFormatType.DATETIME = "DATETIME";
                DateFormatType.TIME = "TIME";
                DateFormatType.DATE = "DATE"
            }(DateFormatType || (exports.DateFormatType = DateFormatType = {}));
            exports.createFormattedDateText = options => {
                const {
                    startDate: startDate,
                    endDate: endDate,
                    allDay: allDay,
                    format: format
                } = options;
                const formatType = format || getFormatType(startDate, endDate, allDay);
                return formatDates(startDate, endDate, formatType)
            };
            const getFormatType = (startDate, endDate, isAllDay, isDateAndTimeView) => {
                if (isAllDay) {
                    return DateFormatType.DATE
                }
                if (isDateAndTimeView && _date2.default.sameDate(startDate, endDate)) {
                    return DateFormatType.TIME
                }
                return DateFormatType.DATETIME
            };
            exports.getFormatType = getFormatType;
            const formatDates = (startDate, endDate, formatType) => {
                const isSameDate = startDate.getDate() === endDate.getDate();
                switch (formatType) {
                    case DateFormatType.DATETIME:
                        return [_date.default.format(startDate, "monthandday"), " ", _date.default.format(startDate, "shorttime"), " - ", isSameDate ? "" : `${_date.default.format(endDate,"monthandday")} `, _date.default.format(endDate, "shorttime")].join("");
                    case DateFormatType.TIME:
                        return `${_date.default.format(startDate,"shorttime")} - ${_date.default.format(endDate,"shorttime")}`;
                    case DateFormatType.DATE:
                        return `${_date.default.format(startDate,"monthandday")}${isSameDate?"":` - ${_date.default.format(endDate,"monthandday")}`}`;
                    default:
                        return
                }
            };
            exports.formatDates = formatDates
        },
        334(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getDeltaTime = void 0;
            var _date = (e = __webpack_require__( /*! ../../../../core/utils/date */ 41380), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _constants = __webpack_require__( /*! ../../constants */ 25307);
            const toMs = _date.default.dateToMilliseconds;
            exports.getDeltaTime = (args, initialSize, options) => {
                const {
                    viewType: viewType,
                    resizableStep: resizableStep,
                    isAllDayPanel: isAllDayPanel
                } = options;
                switch (true) {
                    case ["timelineMonth", "month"].includes(viewType) || Boolean(isAllDayPanel):
                        return ((args, initialSize, resizableStep) => {
                            const intervalWidth = resizableStep || 2;
                            const initialWidth = initialSize.width;
                            return Math.round((args.width - initialWidth) / intervalWidth)
                        })(args, initialSize, resizableStep) * toMs("day");
                    case "agenda" === viewType:
                        return 0;
                    case _constants.VERTICAL_VIEW_TYPES.includes(viewType) && !isAllDayPanel:
                        return ((args, initialSize, _ref2) => {
                            let {
                                cellSize: cellSize,
                                cellDurationInMinutes: cellDurationInMinutes
                            } = _ref2;
                            const deltaHeight = args.height - initialSize.height;
                            const deltaTime = toMs("minute") * Math.round(deltaHeight * cellDurationInMinutes / cellSize.height);
                            return deltaTime
                        })(args, initialSize, options);
                    default:
                        return ((args, initialSize, _ref) => {
                            let {
                                cellSize: cellSize,
                                cellDurationInMinutes: cellDurationInMinutes
                            } = _ref;
                            const deltaWidth = args.width - initialSize.width;
                            const deltaTime = toMs("minute") * Math.round(deltaWidth * cellDurationInMinutes / cellSize.width);
                            return deltaTime
                        })(args, initialSize, options)
                }
            }
        },
        57498(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getAppointmentDateRange = void 0;
            var _date = __webpack_require__( /*! ../../../core/utils/date */ 55594);
            var _m_date = __webpack_require__( /*! ../../../core/utils/m_date */ 66570);
            const toMs = _m_date.dateUtils.dateToMilliseconds;
            const getCellData = function(_ref, cellRowIndex, cellColumnIndex, isOccupiedAllDay) {
                let {
                    viewDataProvider: viewDataProvider
                } = _ref;
                let isAllDay = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : false;
                let rtlEnabled = arguments.length > 5 && void 0 !== arguments[5] ? arguments[5] : false;
                const cellData = viewDataProvider.getCellData(cellRowIndex, cellColumnIndex, isOccupiedAllDay, rtlEnabled);
                if (!isAllDay) {
                    cellData.endDate = _date.dateUtilsTs.addOffsets(cellData.startDate, toMs("day"))
                }
                return cellData
            };
            const getAppointmentLeftCell = options => {
                const {
                    cellHeight: cellHeight,
                    cellWidth: cellWidth,
                    relativeAppointmentRect: relativeAppointmentRect,
                    appointment: appointment,
                    rtlEnabled: rtlEnabled
                } = options;
                const cellRowIndex = Math.floor(relativeAppointmentRect.top / cellHeight);
                const cellColumnIndex = Math.round(relativeAppointmentRect.left / cellWidth);
                return getCellData(options, cellRowIndex, cellColumnIndex, appointment.isOccupiedAllDay, appointment.isAllDay, rtlEnabled)
            };
            exports.getAppointmentDateRange = options => {
                const {
                    appointmentSettings: appointmentSettings
                } = options;
                const relativeAppointmentRect = ((appointmentRect, parentAppointmentRect) => {
                    const left = appointmentRect.left - parentAppointmentRect.left;
                    const top = appointmentRect.top - parentAppointmentRect.top;
                    const width = left < 0 ? appointmentRect.width + left : appointmentRect.width;
                    const height = top < 0 ? appointmentRect.height + top : appointmentRect.height;
                    return {
                        left: Math.max(0, left),
                        top: Math.max(0, top),
                        width: width,
                        height: height
                    }
                })(options.appointmentRect, options.parentAppointmentRect);
                const cellInfo = (options => {
                    const {
                        appointmentSettings: appointmentSettings,
                        isVerticalGroupedWorkSpace: isVerticalGroupedWorkSpace,
                        DOMMetaData: DOMMetaData
                    } = options;
                    const DOMMetaTable = appointmentSettings.allDay && !isVerticalGroupedWorkSpace ? [DOMMetaData.allDayPanelCellsMeta] : DOMMetaData.dateTableCellsMeta;
                    const {
                        height: cellHeight,
                        width: cellWidth
                    } = DOMMetaTable[appointmentSettings.rowIndex][appointmentSettings.columnIndex];
                    const cellCountInRow = DOMMetaTable[appointmentSettings.rowIndex].length;
                    return {
                        cellWidth: cellWidth,
                        cellHeight: cellHeight,
                        cellCountInRow: cellCountInRow
                    }
                })(options);
                const appointment = {
                    startDate: appointmentSettings.info.sourceAppointment.startDate,
                    endDate: appointmentSettings.info.sourceAppointment.endDate,
                    isAllDay: Boolean(appointmentSettings.info.appointment.allDay),
                    isOccupiedAllDay: Boolean(appointmentSettings.allDay)
                };
                const extendedOptions = Object.assign({}, options, cellInfo, {
                    appointment: appointment,
                    relativeAppointmentRect: relativeAppointmentRect
                });
                return !options.rtlEnabled ? (options => {
                    const {
                        cellWidth: cellWidth,
                        cellCountInRow: cellCountInRow,
                        relativeAppointmentRect: relativeAppointmentRect,
                        appointment: appointment,
                        handles: handles
                    } = options;
                    const appointmentFirstCell = getAppointmentLeftCell(options);
                    const appointmentCellsAmount = Math.round(relativeAppointmentRect.width / cellWidth);
                    const appointmentLastCellIndex = appointmentFirstCell.index + (appointmentCellsAmount - 1);
                    if (handles.left) {
                        return {
                            startDate: appointmentFirstCell.startDate,
                            endDate: appointmentFirstCell.startDate > appointment.endDate ? appointmentFirstCell.startDate : appointment.endDate
                        }
                    }
                    const appointmentRowIndex = Math.floor(appointmentLastCellIndex / cellCountInRow);
                    const appointmentColumnIndex = appointmentLastCellIndex % cellCountInRow;
                    const appointmentLastCell = getCellData(options, appointmentRowIndex, appointmentColumnIndex, appointment.isOccupiedAllDay, appointment.isAllDay);
                    const {
                        endDate: endDate
                    } = appointmentLastCell;
                    return {
                        startDate: endDate < appointment.startDate ? endDate : appointment.startDate,
                        endDate: endDate
                    }
                })(extendedOptions) : (options => {
                    const {
                        cellCountInRow: cellCountInRow,
                        appointment: appointment,
                        handles: handles,
                        cellWidth: cellWidth,
                        relativeAppointmentRect: relativeAppointmentRect
                    } = options;
                    const appointmentLastCell = getAppointmentLeftCell(options);
                    if (handles.right) {
                        const appointmentLastCellIndex = appointmentLastCell.index;
                        const appointmentCellsAmount = Math.round(relativeAppointmentRect.width / cellWidth);
                        const appointmentFirstCellIndex = appointmentLastCellIndex - appointmentCellsAmount + 1;
                        const appointmentRowIndex = Math.floor(appointmentLastCellIndex / cellCountInRow);
                        const appointmentFirstCell = getCellData(options, appointmentRowIndex, appointmentFirstCellIndex, appointment.isOccupiedAllDay, appointment.isAllDay);
                        return {
                            startDate: appointmentFirstCell.startDate,
                            endDate: appointmentFirstCell.startDate > appointment.endDate ? appointmentFirstCell.startDate : appointment.endDate
                        }
                    }
                    const {
                        endDate: endDate
                    } = appointmentLastCell;
                    return {
                        startDate: endDate < appointment.startDate ? endDate : appointment.startDate,
                        endDate: endDate
                    }
                })(extendedOptions)
            }
        },
        22184(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getArraysDiff = function(a, b, equal) {
                const n = a.length;
                const m = b.length;
                const dp = Array.from({
                    length: n + 1
                }, () => new Array(m + 1).fill(0));
                for (let i = 1; i <= n; i += 1) {
                    const ai = a[i - 1];
                    for (let j = 1; j <= m; j += 1) {
                        dp[i][j] = equal(ai, b[j - 1]) ? dp[i - 1][j - 1] + 1 : Math.max(dp[i - 1][j], dp[i][j - 1])
                    }
                }
                const result = [];
                let i = n;
                let j = m;
                while (i > 0 && j > 0) {
                    if (equal(a[i - 1], b[j - 1])) {
                        result.push({
                            item: b[j - 1]
                        });
                        i -= 1;
                        j -= 1
                    } else if (dp[i - 1][j] >= dp[i][j - 1]) {
                        result.push({
                            item: a[i - 1],
                            needToRemove: true
                        });
                        i -= 1
                    } else {
                        result.push({
                            item: b[j - 1],
                            needToAdd: true
                        });
                        j -= 1
                    }
                }
                while (i > 0) {
                    result.push({
                        item: a[i - 1],
                        needToRemove: true
                    });
                    i -= 1
                }
                while (j > 0) {
                    result.push({
                        item: b[j - 1],
                        needToAdd: true
                    });
                    j -= 1
                }
                result.reverse();
                return result
            };
            exports.isNeedToRemove = exports.isNeedToAdd = void 0;
            exports.isNeedToRemove = item => item.needToRemove;
            exports.isNeedToAdd = item => item.needToAdd
        },
        95951(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getViewModelDiff = void 0;
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _get_arrays_diff = __webpack_require__( /*! ./get_arrays_diff */ 22184);
            const getObjectToCompare = item => {
                if ("isAgendaModel" in item) {
                    return {}
                }
                if ("items" in item) {
                    return {
                        allDay: item.allDay,
                        groupIndex: item.groupIndex,
                        top: item.top,
                        left: item.left,
                        items: item.items.length
                    }
                }
                return {
                    allDay: item.allDay,
                    groupIndex: item.groupIndex,
                    direction: item.direction,
                    left: item.left,
                    top: item.top,
                    height: item.height,
                    width: item.width,
                    reduced: item.reduced,
                    partIndex: item.partIndex,
                    partTotalCount: item.partTotalCount,
                    rowIndex: item.rowIndex,
                    columnIndex: item.columnIndex
                }
            };
            exports.getViewModelDiff = (viewModelOld, viewModelNext, appointmentDataSource) => (0, _get_arrays_diff.getArraysDiff)(viewModelOld, viewModelNext, (appointmentDataSource => (viewModelOld, viewModelNext) => viewModelOld.itemData === viewModelNext.itemData && !((data, appointmentDataSource) => {
                const updatedData = appointmentDataSource.getUpdatedAppointment();
                return updatedData === data || appointmentDataSource.getUpdatedAppointmentKeys().some(item => data[item.key] === item.value)
            })(viewModelNext.itemData, appointmentDataSource) && (0, _common.equalByValue)(getObjectToCompare(viewModelOld), getObjectToCompare(viewModelNext)))(appointmentDataSource))
        },
        61954(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AgendaAppointmentView = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _const = __webpack_require__( /*! ../const */ 91167);
            var _base_appointment = __webpack_require__( /*! ./base_appointment */ 82359);
            class AgendaAppointmentView extends _base_appointment.BaseAppointmentView {
                applyElementClasses() {
                    super.applyElementClasses();
                    this.$element().toggleClass(_const.AGENDA_APPOINTMENT_CLASSES.LAST_IN_DATE, this.option().modifiers.isLastInGroup)
                }
                resize() {
                    this.$element().css({
                        height: this.option().geometry.height,
                        width: this.option().geometry.width
                    })
                }
                defaultAppointmentContent($container) {
                    this.renderMarker($container);
                    this.renderInfo($container);
                    return $container
                }
                renderMarker($container) {
                    const $leftContainer = (0, _renderer.default)("<div>").addClass(_const.AGENDA_APPOINTMENT_CLASSES.LEFT_LAYOUT).appendTo($container);
                    const $marker = (0, _renderer.default)("<div>").addClass(_const.AGENDA_APPOINTMENT_CLASSES.MARKER).appendTo($leftContainer);
                    void this.option().getResourceColor().then(color => {
                        if (color) {
                            this.$element().addClass(_const.APPOINTMENT_TYPE_CLASSES.HAS_RESOURCE);
                            $marker.css("backgroundColor", color)
                        }
                    });
                    if (this.isRecurring()) {
                        (0, _renderer.default)("<span>").addClass(`${_const.APPOINTMENT_CLASSES.RECURRENCE_ICON} dx-icon-repeat`).attr("aria-label", _const.RECURRING_LABEL).appendTo($marker)
                    }
                }
                renderInfo($container) {
                    const $rightContainer = (0, _renderer.default)("<div>").addClass(_const.AGENDA_APPOINTMENT_CLASSES.RIGHT_LAYOUT).appendTo($container);
                    (0, _renderer.default)("<div>").addClass(_const.APPOINTMENT_CLASSES.TITLE).text(this.getTitleText()).appendTo($rightContainer);
                    const $contentDetails = (0, _renderer.default)("<div>").addClass(_const.APPOINTMENT_CLASSES.DETAILS).appendTo($rightContainer);
                    (0, _renderer.default)("<div>").addClass(_const.APPOINTMENT_CLASSES.DATE).text(this.getDateText()).appendTo($contentDetails);
                    if (this.isAllDay()) {
                        (0, _renderer.default)("<div>").text(_const.ALL_DAY_TEXT).addClass(_const.APPOINTMENT_CLASSES.ALL_DAY_TEXT).prependTo($contentDetails)
                    }
                    this.renderResourceList($contentDetails)
                }
                renderResourceList($contentDetails) {
                    void this.option().getResourcesValues(this.appointmentData).then(resources => {
                        const container = (0, _renderer.default)("<div>").addClass(_const.AGENDA_APPOINTMENT_CLASSES.RESOURCE_LIST).appendTo($contentDetails);
                        resources.forEach(resource => {
                            const itemContainer = (0, _renderer.default)("<div>").addClass(_const.AGENDA_APPOINTMENT_CLASSES.RESOURCE_ITEM).appendTo(container);
                            (0, _renderer.default)("<div>").text(`${resource.label}:`).appendTo(itemContainer);
                            (0, _renderer.default)("<div>").addClass(_const.AGENDA_APPOINTMENT_CLASSES.RESOURCE_ITEM_VALUE).text(resource.values.join(", ")).appendTo(itemContainer)
                        })
                    })
                }
            }
            exports.AgendaAppointmentView = AgendaAppointmentView
        },
        82359(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.BaseAppointmentView = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _m_element = __webpack_require__( /*! ../../../core/m_element */ 93630);
            var _m_empty_template = __webpack_require__( /*! ../../../core/templates/m_empty_template */ 11768);
            var _m_function_template = __webpack_require__( /*! ../../../core/templates/m_function_template */ 88969);
            var _m_short = __webpack_require__( /*! ../../../events/m_short */ 43926);
            var _const = __webpack_require__( /*! ../const */ 91167);
            var _get_date_text = __webpack_require__( /*! ../utils/get_date_text */ 4995);
            var _view_item = __webpack_require__( /*! ../view_item */ 49269);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class BaseAppointmentView extends _view_item.ViewItem {
                get targetedAppointmentData() {
                    return this.option().targetedAppointmentData
                }
                get appointmentData() {
                    return this.option().appointmentData
                }
                _init() {
                    super._init();
                    this.defaultAppointmentTemplate = new _m_function_template.FunctionTemplate(options => {
                        this.defaultAppointmentContent((0, _renderer.default)(options.container))
                    })
                }
                _initMarkup() {
                    super._initMarkup();
                    this.resize();
                    this.applyElementClasses();
                    this.applyAria();
                    this.attachFocusEvents();
                    this.attachClickEvent();
                    this.attachKeydownEvents();
                    this.renderContentTemplate()
                }
                _dispose() {
                    super._dispose();
                    _m_short.click.off(this.$element(), _view_item.EVENTS_NAMESPACE)
                }
                applyElementClasses() {
                    this.$element().addClass(_const.APPOINTMENT_CLASSES.CONTAINER).toggleClass(_const.APPOINTMENT_TYPE_CLASSES.RECURRING, this.isRecurring()).toggleClass(_const.APPOINTMENT_TYPE_CLASSES.ALL_DAY, this.isAllDay())
                }
                applyAria() {
                    this.$element().attr("role", "button").attr("tabindex", this.option().tabIndex)
                }
                attachClickEvent() {
                    _m_short.click.off(this.$element(), _view_item.EVENTS_NAMESPACE);
                    _m_short.click.on(this.$element(), this.onClick.bind(this), _view_item.EVENTS_NAMESPACE)
                }
                onFocusIn() {
                    this.$element().addClass(_const.FOCUSED_STATE_CLASS);
                    super.onFocusIn()
                }
                onFocusOut(e) {
                    this.$element().removeClass(_const.FOCUSED_STATE_CLASS);
                    super.onFocusOut(e)
                }
                setTabIndex(tabIndex) {
                    super.setTabIndex(tabIndex);
                    this.$element().attr("tabindex", tabIndex ?? null)
                }
                getTitleText() {
                    const dataAccessor = this.option().getDataAccessor();
                    const titleText = dataAccessor.get("text", this.targetedAppointmentData);
                    if (!titleText) {
                        return _message.default.format("dxScheduler-noSubject")
                    }
                    return titleText
                }
                getDateText() {
                    const dateText = (0, _get_date_text.getDateTextFromTargetAppointment)(this.targetedAppointmentData, this.isAllDay() ? _get_date_text.DateFormatType.DATE : _get_date_text.DateFormatType.TIME);
                    return dateText
                }
                isRecurring() {
                    const dataAccessor = this.option().getDataAccessor();
                    const recurrenceRule = dataAccessor.get("recurrenceRule", this.targetedAppointmentData);
                    return Boolean(recurrenceRule)
                }
                isAllDay() {
                    const dataAccessor = this.option().getDataAccessor();
                    const allDay = dataAccessor.get("allDay", this.targetedAppointmentData);
                    return Boolean(allDay)
                }
                renderContentTemplate() {
                    const $content = (0, _renderer.default)("<div>").addClass(_const.APPOINTMENT_CLASSES.CONTENT).appendTo(this.$element());
                    const template = this.option().appointmentTemplate instanceof _m_empty_template.EmptyTemplate ? this.defaultAppointmentTemplate : this.option().appointmentTemplate;
                    template.render({
                        container: (0, _m_element.getPublicElement)($content),
                        model: {
                            appointmentData: this.appointmentData,
                            targetedAppointmentData: this.targetedAppointmentData
                        },
                        index: this.option().index,
                        onRendered: () => {
                            this.option().onRendered({
                                element: (0, _m_element.getPublicElement)(this.$element()),
                                appointmentData: this.appointmentData,
                                targetedAppointmentData: this.targetedAppointmentData
                            })
                        }
                    })
                }
                defaultAppointmentContent($container) {
                    return $container
                }
            }
            exports.BaseAppointmentView = BaseAppointmentView;
            (0, _component_registrator.default)("dxSchedulerNewAppointment", BaseAppointmentView)
        },
        3902(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GridAppointmentView = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _const = __webpack_require__( /*! ../const */ 91167);
            var _base_appointment = __webpack_require__( /*! ./base_appointment */ 82359);
            class GridAppointmentView extends _base_appointment.BaseAppointmentView {
                _initMarkup() {
                    super._initMarkup();
                    void this.applyElementColor()
                }
                resize(geometry) {
                    const newGeometry = geometry ?? this.option().geometry;
                    const {
                        top: top,
                        left: left,
                        width: width,
                        height: height
                    } = newGeometry;
                    this.$element().css({
                        height: height,
                        width: width,
                        top: top,
                        left: left
                    })
                }
                applyElementClasses() {
                    super.applyElementClasses();
                    this.$element().toggleClass(_const.APPOINTMENT_TYPE_CLASSES.EMPTY, this.option().modifiers.empty)
                }
                defaultAppointmentContent($container) {
                    (0, _renderer.default)("<div>").text(this.getTitleText()).addClass(_const.APPOINTMENT_CLASSES.TITLE).appendTo($container);
                    if (this.isRecurring()) {
                        (0, _renderer.default)("<span>").addClass(`${_const.APPOINTMENT_CLASSES.RECURRENCE_ICON} dx-icon-repeat`).attr("aria-label", _const.RECURRING_LABEL).attr("role", "img").appendTo($container)
                    }
                    const $contentDetails = (0, _renderer.default)("<div>").addClass(_const.APPOINTMENT_CLASSES.DETAILS).appendTo($container);
                    (0, _renderer.default)("<div>").addClass(_const.APPOINTMENT_CLASSES.DATE).text(this.getDateText()).appendTo($contentDetails);
                    if (this.isAllDay()) {
                        (0, _renderer.default)("<div>").text(_const.ALL_DAY_TEXT).addClass(_const.APPOINTMENT_CLASSES.ALL_DAY_TEXT).prependTo($contentDetails)
                    }
                    return $container
                }
                async applyElementColor() {
                    const color = await this.option().getResourceColor();
                    if (color) {
                        this.$element().addClass(_const.APPOINTMENT_TYPE_CLASSES.HAS_RESOURCE);
                        this.$element().css("backgroundColor", color)
                    }
                }
            }
            exports.GridAppointmentView = GridAppointmentView
        },
        82241(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AppointmentCollector = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _empty_template = __webpack_require__( /*! ../../../core/templates/empty_template */ 48650);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../ui/button */ 64973));
            var _m_function_template = __webpack_require__( /*! ../../core/templates/m_function_template */ 88969);
            var _const = __webpack_require__( /*! ./const */ 91167);
            var _view_item = __webpack_require__( /*! ./view_item */ 49269);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class AppointmentCollector extends _view_item.ViewItem {
                get appointmentsCount() {
                    return this.option().appointmentsData.length
                }
                _init() {
                    super._init();
                    this.defaultAppointmentCollectorTemplate = new _m_function_template.FunctionTemplate(options => {
                        this.defaultAppointmentCollectorContent((0, _renderer.default)(options.container))
                    })
                }
                _initMarkup() {
                    super._initMarkup();
                    this.resize();
                    this.applyElementClasses();
                    this.applyElementAria();
                    this.attachFocusEvents();
                    this.attachKeydownEvents();
                    this.renderContentTemplate()
                }
                resize(geometry) {
                    var _this$buttonInstance;
                    const newGeometry = geometry ?? this.option().geometry;
                    const {
                        top: top,
                        left: left,
                        width: width,
                        height: height
                    } = newGeometry;
                    this.$element().css({
                        top: top,
                        left: left
                    });
                    null === (_this$buttonInstance = this.buttonInstance) || void 0 === _this$buttonInstance || _this$buttonInstance.option({
                        width: width,
                        height: height
                    })
                }
                setTabIndex(tabIndex) {
                    var _this$buttonInstance2;
                    super.setTabIndex(tabIndex);
                    null === (_this$buttonInstance2 = this.buttonInstance) || void 0 === _this$buttonInstance2 || _this$buttonInstance2.option("tabIndex", tabIndex)
                }
                applyElementClasses() {
                    this.$element().addClass(_const.APPOINTMENT_COLLECTOR_CLASSES.CONTAINER).toggleClass(_const.APPOINTMENT_COLLECTOR_CLASSES.COMPACT, this.option().isCompact)
                }
                applyElementAria() {
                    const localizeDate = date => `${_date.default.format(date,"monthAndDay")}, ${_date.default.format(date,"year")}`;
                    const {
                        targetedAppointmentData: targetedAppointmentData
                    } = this.option();
                    const startDateText = localizeDate(targetedAppointmentData.displayStartDate);
                    const endDateText = localizeDate(targetedAppointmentData.displayEndDate);
                    const dateText = startDateText === endDateText ? startDateText : `${startDateText} - ${endDateText}`;
                    this.$element().attr("aria-roledescription", dateText)
                }
                renderContentTemplate() {
                    const template = this.option().appointmentCollectorTemplate instanceof _empty_template.EmptyTemplate ? this.defaultAppointmentCollectorTemplate : this.option().appointmentCollectorTemplate;
                    this.buttonInstance = this._createComponent(this.$element(), _button.default, {
                        type: "default",
                        tabIndex: this.option().tabIndex,
                        width: this.option().geometry.width,
                        height: this.option().geometry.height,
                        template: new _m_function_template.FunctionTemplate(e => template.render({
                            container: e.container,
                            model: {
                                appointmentCount: this.appointmentsCount,
                                isCompact: this.option().isCompact,
                                items: this.option().appointmentsData
                            }
                        })),
                        onClick: this.onClick.bind(this)
                    })
                }
                defaultAppointmentCollectorContent($container) {
                    const count = this.appointmentsCount;
                    const text = this.option().isCompact ? count : _message.default.getFormatter("dxScheduler-moreAppointments")(count);
                    (0, _renderer.default)("<span>").text(text).appendTo($container);
                    $container.addClass(_const.APPOINTMENT_COLLECTOR_CLASSES.CONTENT);
                    return $container
                }
            }
            exports.AppointmentCollector = AppointmentCollector;
            (0, _component_registrator.default)("dxSchedulerNewAppointmentCollector", AppointmentCollector)
        },
        72025(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AppointmentsFocusController = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _m_short = __webpack_require__( /*! ../../events/m_short */ 43926);
            var _appointment_groups_utils = __webpack_require__( /*! ../utils/resource_manager/appointment_groups_utils */ 11649);
            exports.AppointmentsFocusController = class {
                get sortedAppointments() {
                    return this.appointments.option().getSortedAppointments()
                }
                get isVirtualScrolling() {
                    return this.appointments.option().isVirtualScrolling()
                }
                get tabIndex() {
                    return this.appointments.option().tabIndex
                }
                constructor(appointments) {
                    this.appointments = appointments;
                    this.focusableSortedIndex = 0;
                    this.needRestoreFocusIndex = -1
                }
                onViewItemClick(viewItem) {
                    this.focusViewItem(viewItem)
                }
                onViewItemFocusIn() {}
                onViewItemFocusOut(e) {
                    const focusEvent = e.originalEvent;
                    const $relatedTarget = (0, _renderer.default)(focusEvent.relatedTarget);
                    const {
                        $commonContainer: $commonContainer,
                        $allDayContainer: $allDayContainer
                    } = this.appointments;
                    const isFocusOutside = 0 === $relatedTarget.length || 0 === $relatedTarget.closest($commonContainer).length && 0 === (null === $relatedTarget || void 0 === $relatedTarget ? void 0 : $relatedTarget.closest($allDayContainer ?? (0, _renderer.default)()).length);
                    if (isFocusOutside) {
                        this.resetTabIndex(0)
                    }
                }
                onViewItemKeyDown(viewItem, e) {
                    if ("Tab" === e.key) {
                        this.handleTabKeyDown(e, viewItem.option().sortedIndex)
                    }
                }
                resetTabIndex(newFocusableIndex) {
                    var _this$appointments$ge2;
                    if (this.needRestoreFocusIndex >= 0) {
                        const viewItem = this.appointments.getViewItemBySortedIndex(this.needRestoreFocusIndex);
                        null === viewItem || void 0 === viewItem || viewItem.setTabIndex(this.tabIndex);
                        _m_short.focus.trigger(null === viewItem || void 0 === viewItem ? void 0 : viewItem.$element());
                        this.focusableSortedIndex = this.needRestoreFocusIndex;
                        this.needRestoreFocusIndex = -1;
                        return
                    }
                    if (void 0 !== newFocusableIndex) {
                        var _this$appointments$ge;
                        null === (_this$appointments$ge = this.appointments.getViewItemBySortedIndex(this.focusableSortedIndex)) || void 0 === _this$appointments$ge || _this$appointments$ge.setTabIndex(-1);
                        this.focusableSortedIndex = newFocusableIndex
                    }
                    null === (_this$appointments$ge2 = this.appointments.getViewItemBySortedIndex(this.focusableSortedIndex)) || void 0 === _this$appointments$ge2 || _this$appointments$ge2.setTabIndex(this.tabIndex)
                }
                handleTabKeyDown(e, sortedIndex) {
                    const nextIndex = sortedIndex + (e.shift ? -1 : 1);
                    const nextItemData = this.sortedAppointments[nextIndex];
                    if (!nextItemData) {
                        return
                    }
                    e.originalEvent.preventDefault();
                    this.focusByItemData(nextItemData)
                }
                focusByItemData(itemData) {
                    if (this.isVirtualScrolling) {
                        this.scrollToItem(itemData)
                    }
                    const viewItem = this.appointments.getViewItemBySortedIndex(itemData.sortedIndex);
                    if (viewItem) {
                        this.focusViewItem(viewItem)
                    } else if (this.isVirtualScrolling) {
                        this.needRestoreFocusIndex = itemData.sortedIndex
                    }
                }
                focusViewItem(viewItem) {
                    this.resetTabIndex(viewItem.option().sortedIndex);
                    _m_short.focus.trigger(null === viewItem || void 0 === viewItem ? void 0 : viewItem.$element())
                }
                scrollToItem(itemData) {
                    const {
                        getStartViewDate: getStartViewDate,
                        getResourceManager: getResourceManager,
                        scrollTo: scrollTo
                    } = this.appointments.option();
                    const date = new Date(Math.max(getStartViewDate().getTime(), itemData.source.startDate));
                    const group = (0, _appointment_groups_utils.getRawAppointmentGroupValues)(itemData.itemData, getResourceManager().resources);
                    scrollTo(date, {
                        group: group,
                        allDay: itemData.allDay
                    })
                }
            }
        },
        30820(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Appointments = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _m_dom_adapter = __webpack_require__( /*! ../../core/m_dom_adapter */ 62018);
            var _m_empty_template = __webpack_require__( /*! ../../core/templates/m_empty_template */ 11768);
            var _dom_component = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/dom_component */ 22331));
            var _agenda_appointment = __webpack_require__( /*! ./appointment/agenda_appointment */ 61954);
            var _grid_appointment = __webpack_require__( /*! ./appointment/grid_appointment */ 3902);
            var _appointment_collector = __webpack_require__( /*! ./appointment_collector */ 82241);
            var _appointments = __webpack_require__( /*! ./appointments.focus_controller */ 72025);
            var _const = __webpack_require__( /*! ./const */ 91167);
            var _get_targeted_appointment = __webpack_require__( /*! ./utils/get_targeted_appointment */ 63491);
            var _get_view_model_diff = __webpack_require__( /*! ./utils/get_view_model_diff */ 21010);
            var _type_helpers = __webpack_require__( /*! ./utils/type_helpers */ 52074);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class Appointments extends _dom_component.default {
                constructor() {
                    super(...arguments);
                    this.viewItemBySortedIndex = {};
                    this.viewItems = []
                }
                getViewItemByIndex(index) {
                    return this.viewItems[index]
                }
                getViewItemBySortedIndex(sortedIndex) {
                    return this.viewItemBySortedIndex[sortedIndex]
                }
                get $allDayContainer() {
                    return this.option().$allDayContainer
                }
                get $commonContainer() {
                    return this.$element()
                }
                _init() {
                    super._init();
                    this.focusController = new _appointments.AppointmentsFocusController(this);
                    this._templateManager.addDefaultTemplates({
                        appointment: new _m_empty_template.EmptyTemplate,
                        appointmentCollector: new _m_empty_template.EmptyTemplate
                    });
                    if ("item" === this.option().appointmentTemplate) {
                        this.option("appointmentTemplate", "appointment")
                    }
                }
                _initMarkup() {
                    super._initMarkup();
                    this.$element().addClass(_const.APPOINTMENTS_CONTAINER_CLASS)
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        tabIndex: 0,
                        viewModel: [],
                        $allDayContainer: null,
                        appointmentTemplate: "appointment",
                        appointmentCollectorTemplate: "appointmentCollector",
                        onAppointmentRendered: () => {}
                    })
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "items":
                            this.option("viewModel", args.value);
                            break;
                        case "viewModel": {
                            if ("agenda" === this.option().currentView) {
                                this.renderViewModel(args.value);
                                break
                            }
                            const diff = this.getViewModelDiff(args.previousValue ?? [], args.value ?? []);
                            this.renderViewModelDiff(diff);
                            break
                        }
                        case "appointmentCollectorTemplate":
                        case "appointmentTemplate":
                            if ("appointmentTemplate" === args.name && "item" === args.value) {
                                this.option("appointmentTemplate", "appointment");
                                break
                            }
                            this.renderViewModel(this.option().viewModel);
                            break;
                        case "tabIndex":
                            this.focusController.resetTabIndex()
                    }
                }
                updateResizableArea() {}
                moveAppointmentBack() {}
                focus() {}
                _renderAppointmentTemplate() {}
                getViewModelDiff(oldViewModel, newViewModel) {
                    const isPreviousAgenda = oldViewModel.length && (0, _type_helpers.isAgendaAppointmentViewModel)(oldViewModel[0]);
                    const normalizedOldViewModel = isPreviousAgenda ? [] : oldViewModel;
                    return (0, _get_view_model_diff.getViewModelDiff)(normalizedOldViewModel, newViewModel, this.option().getAppointmentDataSource())
                }
                renderViewModel() {
                    var _this$$allDayContaine, _this$$allDayContaine2;
                    let viewModel = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
                    const allDayFragment = _m_dom_adapter.domAdapter.createDocumentFragment();
                    const commonFragment = _m_dom_adapter.domAdapter.createDocumentFragment();
                    this.viewItemBySortedIndex = {};
                    null === (_this$$allDayContaine = this.$allDayContainer) || void 0 === _this$$allDayContaine || _this$$allDayContaine.empty();
                    this.$commonContainer.empty();
                    viewModel.forEach((viewModelItem, index) => {
                        const container = "agenda" === this.option().currentView || !viewModelItem.allDay ? commonFragment : allDayFragment;
                        const viewItem = this.renderViewItem(container, viewModelItem, index);
                        this.viewItemBySortedIndex[viewModelItem.sortedIndex] = viewItem
                    });
                    this.viewItems = Object.values(this.viewItemBySortedIndex);
                    null === (_this$$allDayContaine2 = this.$allDayContainer) || void 0 === _this$$allDayContaine2 || _this$$allDayContaine2.get(0).appendChild(allDayFragment);
                    this.$commonContainer.get(0).appendChild(commonFragment);
                    this.focusController.resetTabIndex()
                }
                renderViewModelDiff(viewModelDiff) {
                    var _this$$allDayContaine4;
                    const allDayFragment = _m_dom_adapter.domAdapter.createDocumentFragment();
                    const commonFragment = _m_dom_adapter.domAdapter.createDocumentFragment();
                    const newViewItemBySortedIndex = {};
                    const isRepaintAll = viewModelDiff.every(item => Boolean(item.needToAdd ?? item.needToRemove));
                    if (isRepaintAll) {
                        var _this$$allDayContaine3;
                        null === (_this$$allDayContaine3 = this.$allDayContainer) || void 0 === _this$$allDayContaine3 || _this$$allDayContaine3.empty();
                        this.$commonContainer.empty()
                    }
                    viewModelDiff.forEach((diffItem, index) => {
                        const {
                            allDay: allDay,
                            sortedIndex: sortedIndex
                        } = diffItem.item;
                        const lookupIndex = diffItem.oldSortedIndex ?? sortedIndex;
                        const viewItem = this.viewItemBySortedIndex[lookupIndex];
                        switch (true) {
                            case diffItem.needToRemove:
                                if (isRepaintAll) {
                                    break
                                }
                                viewItem.$element().remove();
                                break;
                            case diffItem.needToAdd: {
                                const fragment = allDay ? allDayFragment : commonFragment;
                                const newViewItem = this.renderViewItem(fragment, diffItem.item, index);
                                newViewItemBySortedIndex[sortedIndex] = newViewItem;
                                break
                            }
                            default:
                                if (diffItem.needToResize) {
                                    viewItem.resize({
                                        height: diffItem.item.height,
                                        width: diffItem.item.width,
                                        top: diffItem.item.top,
                                        left: diffItem.item.left
                                    })
                                }
                                viewItem.option("sortedIndex", sortedIndex);
                                newViewItemBySortedIndex[sortedIndex] = viewItem
                        }
                    });
                    this.viewItemBySortedIndex = newViewItemBySortedIndex;
                    this.viewItems = Object.values(this.viewItemBySortedIndex);
                    null === (_this$$allDayContaine4 = this.$allDayContainer) || void 0 === _this$$allDayContaine4 || _this$$allDayContaine4.get(0).appendChild(allDayFragment);
                    this.$commonContainer.get(0).appendChild(commonFragment);
                    this.focusController.resetTabIndex()
                }
                renderViewItem(fragment, appointmentViewModel, index) {
                    const $element = (0, _renderer.default)("<div>");
                    fragment.appendChild($element.get(0));
                    const targetedAppointmentData = this.getTargetedAppointmentData(appointmentViewModel);
                    const baseViewItemConfig = {
                        tabIndex: -1,
                        sortedIndex: appointmentViewModel.sortedIndex,
                        onFocusIn: this.focusController.onViewItemFocusIn.bind(this.focusController),
                        onFocusOut: this.focusController.onViewItemFocusOut.bind(this.focusController),
                        onClick: this.focusController.onViewItemClick.bind(this.focusController),
                        onKeyDown: this.focusController.onViewItemKeyDown.bind(this.focusController)
                    };
                    if ((0, _type_helpers.isCollectorViewModel)(appointmentViewModel)) {
                        return this._createComponent($element, _appointment_collector.AppointmentCollector, Object.assign({}, baseViewItemConfig, {
                            appointmentsData: appointmentViewModel.items.map(item => item.itemData),
                            isCompact: appointmentViewModel.isCompact,
                            geometry: {
                                height: appointmentViewModel.height,
                                width: appointmentViewModel.width,
                                top: appointmentViewModel.top,
                                left: appointmentViewModel.left
                            },
                            targetedAppointmentData: targetedAppointmentData,
                            appointmentCollectorTemplate: this._getTemplateByOption("appointmentCollectorTemplate")
                        }))
                    }
                    const baseAppointmentViewConfig = Object.assign({}, baseViewItemConfig, {
                        index: index,
                        appointmentTemplate: this._getTemplateByOption("appointmentTemplate"),
                        appointmentData: appointmentViewModel.itemData,
                        targetedAppointmentData: targetedAppointmentData,
                        onRendered: this.option().onAppointmentRendered,
                        getResourceColor: this.getResourceColor.bind(this, appointmentViewModel),
                        getDataAccessor: this.option().getDataAccessor
                    });
                    if ((0, _type_helpers.isGridAppointmentViewModel)(appointmentViewModel)) {
                        return this._createComponent($element, _grid_appointment.GridAppointmentView, Object.assign({}, baseAppointmentViewConfig, {
                            geometry: {
                                height: appointmentViewModel.height,
                                width: appointmentViewModel.width,
                                top: appointmentViewModel.top,
                                left: appointmentViewModel.left
                            },
                            modifiers: {
                                empty: appointmentViewModel.empty
                            }
                        }))
                    }
                    return this._createComponent($element, _agenda_appointment.AgendaAppointmentView, Object.assign({}, baseAppointmentViewConfig, {
                        modifiers: {
                            isLastInGroup: appointmentViewModel.isLastInGroup
                        },
                        geometry: {
                            height: appointmentViewModel.height,
                            width: appointmentViewModel.width
                        },
                        getResourcesValues: this.getResourcesValues.bind(this)
                    }))
                }
                getTargetedAppointmentData(appointmentViewModel) {
                    const normalizedAppointmentViewModel = (0, _type_helpers.isCollectorViewModel)(appointmentViewModel) ? appointmentViewModel.items[0] : appointmentViewModel;
                    return (0, _get_targeted_appointment.getTargetedAppointment)(normalizedAppointmentViewModel, this.option().getDataAccessor(), this.option().getResourceManager())
                }
                getResourceColor(appointmentViewModel) {
                    const resourceManager = this.option().getResourceManager();
                    return resourceManager.getAppointmentColor({
                        itemData: appointmentViewModel.itemData,
                        groupIndex: appointmentViewModel.groupIndex
                    })
                }
                getResourcesValues(appointmentData) {
                    const resourceManager = this.option().getResourceManager();
                    return resourceManager.getAppointmentResourcesValues(appointmentData)
                }
            }
            exports.Appointments = Appointments;
            (0, _component_registrator.default)("dxSchedulerNewAppointments", Appointments)
        },
        91167(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.RECURRING_LABEL = exports.FOCUSED_STATE_CLASS = exports.APPOINTMENT_TYPE_CLASSES = exports.APPOINTMENT_COLLECTOR_CLASSES = exports.APPOINTMENT_CLASSES = exports.APPOINTMENTS_CONTAINER_CLASS = exports.ALL_DAY_TEXT = exports.AGENDA_APPOINTMENT_CLASSES = void 0;
            var _message = (e = __webpack_require__( /*! ../../../common/core/localization/message */ 4671), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.ALL_DAY_TEXT = ` ${_message.default.format("dxScheduler-allDay")}: `;
            exports.RECURRING_LABEL = _message.default.format("dxScheduler-appointmentAriaLabel-recurring");
            exports.APPOINTMENTS_CONTAINER_CLASS = "dx-scheduler-scrollable-appointments";
            exports.APPOINTMENT_COLLECTOR_CLASSES = {
                CONTAINER: "dx-scheduler-appointment-collector",
                COMPACT: "dx-scheduler-appointment-collector-compact",
                CONTENT: "dx-scheduler-appointment-collector-content"
            };
            exports.APPOINTMENT_TYPE_CLASSES = {
                EMPTY: "dx-scheduler-appointment-empty",
                ALL_DAY: "dx-scheduler-all-day-appointment",
                RECURRING: "dx-scheduler-appointment-recurrence",
                HAS_RESOURCE: "dx-scheduler-appointment-has-resource-color"
            };
            exports.APPOINTMENT_CLASSES = {
                CONTAINER: "dx-scheduler-appointment",
                CONTENT: "dx-scheduler-appointment-content",
                ARIA_DESCRIPTION: "dx-scheduler-appointment-aria-description",
                STRIP: "dx-scheduler-appointment-strip",
                TITLE: "dx-scheduler-appointment-title",
                RECURRENCE_ICON: "dx-scheduler-appointment-recurrence-icon",
                DETAILS: "dx-scheduler-appointment-content-details",
                DATE: "dx-scheduler-appointment-content-date",
                ALL_DAY_TEXT: "dx-scheduler-appointment-content-allday"
            };
            exports.AGENDA_APPOINTMENT_CLASSES = {
                LEFT_LAYOUT: "dx-scheduler-agenda-appointment-left-layout",
                RIGHT_LAYOUT: "dx-scheduler-agenda-appointment-right-layout",
                LAST_IN_DATE: "dx-scheduler-last-in-date-agenda-appointment",
                MARKER: "dx-scheduler-agenda-appointment-marker",
                RESOURCE_LIST: "dx-scheduler-appointment-resource-list",
                RESOURCE_ITEM: "dx-scheduler-appointment-resource-item",
                RESOURCE_ITEM_VALUE: "dx-scheduler-appointment-resource-item-value"
            };
            exports.FOCUSED_STATE_CLASS = "dx-state-focused"
        },
        4995(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getDateTextFromTargetAppointment = exports.getDateText = exports.getDateFormatType = exports.DateFormatType = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/date */ 38662));
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/date */ 41380));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            var DateFormatType;
            ! function(DateFormatType) {
                DateFormatType.DATETIME = "DATETIME";
                DateFormatType.TIME = "TIME";
                DateFormatType.DATE = "DATE"
            }(DateFormatType || (exports.DateFormatType = DateFormatType = {}));
            const getDateFormatType = (startDate, endDate, isAllDay, viewType) => {
                if (isAllDay) {
                    return DateFormatType.DATE
                }
                if ("month" !== viewType && _date2.default.sameDate(startDate, endDate)) {
                    return DateFormatType.TIME
                }
                return DateFormatType.DATETIME
            };
            exports.getDateFormatType = getDateFormatType;
            const getDateText = (startDate, endDate, formatType) => {
                const isSameDate = _date2.default.sameDate(startDate, endDate);
                switch (formatType) {
                    case DateFormatType.DATETIME:
                        return [_date.default.format(startDate, "monthandday"), " ", _date.default.format(startDate, "shorttime"), " - ", isSameDate ? "" : `${_date.default.format(endDate,"monthandday")} `, _date.default.format(endDate, "shorttime")].join("");
                    case DateFormatType.TIME:
                        return `${_date.default.format(startDate,"shorttime")} - ${_date.default.format(endDate,"shorttime")}`;
                    case DateFormatType.DATE:
                        return `${_date.default.format(startDate,"monthandday")}${isSameDate?"":` - ${_date.default.format(endDate,"monthandday")}`}`;
                    default:
                        return ""
                }
            };
            exports.getDateText = getDateText;
            exports.getDateTextFromTargetAppointment = (targetedAppointmentData, format, viewType) => {
                const {
                    displayStartDate: startDate,
                    displayEndDate: endDate,
                    allDay: allDay
                } = targetedAppointmentData;
                const formatType = format ?? getDateFormatType(startDate, endDate, allDay, viewType);
                return getDateText(startDate, endDate, formatType)
            }
        },
        63491(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getTargetedAppointment = void 0;
            var _appointment_groups_utils = __webpack_require__( /*! ../../../scheduler/utils/resource_manager/appointment_groups_utils */ 11649);
            var _group_utils = __webpack_require__( /*! ../../../scheduler/utils/resource_manager/group_utils */ 76131);
            exports.getTargetedAppointment = (appointmentViewModel, dataAccessor, resourceManager) => {
                const {
                    info: info,
                    itemData: itemData
                } = appointmentViewModel;
                const displayDates = "partialDates" in info ? info.partialDates : info.appointment;
                const targetedAppointment = Object.assign({}, itemData, {
                    displayStartDate: new Date(displayDates.startDate),
                    displayEndDate: new Date(displayDates.endDate)
                });
                dataAccessor.set("startDate", targetedAppointment, new Date(info.sourceAppointment.startDate));
                dataAccessor.set("endDate", targetedAppointment, new Date(info.sourceAppointment.endDate));
                ((targetedAppointment, appointmentViewModel, resourceManager) => {
                    const {
                        groups: groups,
                        resourceById: resourceById,
                        groupsLeafs: groupsLeafs
                    } = resourceManager;
                    if (groups.length) {
                        const cellGroups = (0, _group_utils.getLeafGroupValues)(groupsLeafs, appointmentViewModel.groupIndex);
                        (0, _appointment_groups_utils.setAppointmentGroupValues)(targetedAppointment, resourceById, cellGroups)
                    }
                })(targetedAppointment, appointmentViewModel, resourceManager);
                return targetedAppointment
            }
        },
        21010(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getViewModelDiff = void 0;
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _type_helpers = __webpack_require__( /*! ./type_helpers */ 52074);
            const getObjectToCompare = (item, includeDimensions) => {
                const result = (0, _type_helpers.isCollectorViewModel)(item) ? {
                    allDay: item.allDay,
                    groupIndex: item.groupIndex,
                    items: item.items.length
                } : {
                    allDay: item.allDay,
                    groupIndex: item.groupIndex,
                    direction: item.direction,
                    reduced: item.reduced,
                    partIndex: item.partIndex,
                    partTotalCount: item.partTotalCount,
                    rowIndex: item.rowIndex,
                    columnIndex: item.columnIndex
                };
                return includeDimensions ? Object.assign({}, result, {
                    left: item.left,
                    top: item.top,
                    height: item.height,
                    width: item.width
                }) : result
            };
            exports.getViewModelDiff = (oldViewModel, newViewModel, appointmentDataSource) => {
                const result = function(options) {
                    const {
                        a: a,
                        b: b,
                        match: match,
                        equal: equal,
                        canResize: canResize
                    } = options;
                    const n = a.length;
                    const m = b.length;
                    const dp = Array.from({
                        length: n + 1
                    }, () => new Array(m + 1).fill(0));
                    for (let i = 1; i <= n; i += 1) {
                        const ai = a[i - 1];
                        for (let j = 1; j <= m; j += 1) {
                            dp[i][j] = match(ai, b[j - 1]) ? dp[i - 1][j - 1] + 1 : Math.max(dp[i - 1][j], dp[i][j - 1])
                        }
                    }
                    const result = [];
                    let i = n;
                    let j = m;
                    while (i > 0 && j > 0) {
                        const ai = a[i - 1];
                        const bj = b[j - 1];
                        if (match(ai, bj)) {
                            if (equal(ai, bj)) {
                                result.push({
                                    item: bj,
                                    oldSortedIndex: ai.sortedIndex
                                })
                            } else if (canResize(ai, bj)) {
                                result.push({
                                    item: bj,
                                    needToResize: true,
                                    oldSortedIndex: ai.sortedIndex
                                })
                            } else {
                                result.push({
                                    item: ai,
                                    needToRemove: true
                                });
                                result.push({
                                    item: bj,
                                    needToAdd: true
                                })
                            }
                            i -= 1;
                            j -= 1
                        } else if (dp[i - 1][j] >= dp[i][j - 1]) {
                            result.push({
                                item: ai,
                                needToRemove: true
                            });
                            i -= 1
                        } else {
                            result.push({
                                item: bj,
                                needToAdd: true
                            });
                            j -= 1
                        }
                    }
                    while (i > 0) {
                        result.push({
                            item: a[i - 1],
                            needToRemove: true
                        });
                        i -= 1
                    }
                    while (j > 0) {
                        result.push({
                            item: b[j - 1],
                            needToAdd: true
                        });
                        j -= 1
                    }
                    result.reverse();
                    return result
                }({
                    a: oldViewModel,
                    b: newViewModel,
                    match: (a, b) => a.itemData === b.itemData && !((appointmentData, appointmentDataSource) => {
                        const updatedAppointmentData = appointmentDataSource.getUpdatedAppointment();
                        if (updatedAppointmentData === appointmentData) {
                            return true
                        }
                        const updateAppointmentKeys = appointmentDataSource.getUpdatedAppointmentKeys();
                        return updateAppointmentKeys.some(item => appointmentData[item.key] === item.value)
                    })(b.itemData, appointmentDataSource),
                    equal: (a, b) => (0, _common.equalByValue)(getObjectToCompare(a, true), getObjectToCompare(b, true)),
                    canResize: (a, b) => (0, _common.equalByValue)(getObjectToCompare(a, false), getObjectToCompare(b, false))
                });
                return result
            }
        },
        52074(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.isGridAppointmentViewModel = exports.isCollectorViewModel = exports.isAgendaAppointmentViewModel = void 0;
            const isAgendaAppointmentViewModel = appointmentViewModel => "isAgendaModel" in appointmentViewModel;
            exports.isAgendaAppointmentViewModel = isAgendaAppointmentViewModel;
            const isCollectorViewModel = appointmentViewModel => "isCompact" in appointmentViewModel;
            exports.isCollectorViewModel = isCollectorViewModel;
            exports.isGridAppointmentViewModel = appointmentViewModel => !isAgendaAppointmentViewModel(appointmentViewModel) && !isCollectorViewModel(appointmentViewModel)
        },
        49269(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ViewItem = exports.EVENTS_NAMESPACE = void 0;
            var _dom_component = (e = __webpack_require__( /*! ../../core/widget/dom_component */ 22331), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _m_short = __webpack_require__( /*! ../../events/m_short */ 43926);
            const EVENTS_NAMESPACE = exports.EVENTS_NAMESPACE = {
                namespace: "dxSchedulerViewItem"
            };
            class ViewItem extends _dom_component.default {
                _getSynchronizableOptionsForCreateComponent() {
                    return super._getSynchronizableOptionsForCreateComponent()
                }
                _dispose() {
                    super._dispose();
                    _m_short.focus.off(this.$element(), EVENTS_NAMESPACE);
                    _m_short.keyboard.off(this.keyboardListenerId)
                }
                resize(geometry) {}
                setTabIndex(tabIndex) {
                    this.option("tabIndex", tabIndex)
                }
                attachFocusEvents() {
                    _m_short.focus.off(this.$element(), EVENTS_NAMESPACE);
                    _m_short.focus.on(this.$element(), this.onFocusIn.bind(this), this.onFocusOut.bind(this), EVENTS_NAMESPACE)
                }
                attachKeydownEvents() {
                    _m_short.keyboard.off(this.keyboardListenerId);
                    this.keyboardListenerId = _m_short.keyboard.on(this.$element(), this.$element(), this.onKeyDown.bind(this))
                }
                onFocusIn() {
                    this.option().onFocusIn(this.option().sortedIndex)
                }
                onFocusOut(e) {
                    this.option().onFocusOut(e, this.option().sortedIndex)
                }
                onClick() {
                    this.option().onClick(this)
                }
                onKeyDown(e) {
                    this.option().onKeyDown(this, e)
                }
            }
            exports.ViewItem = ViewItem
        },
        32060(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.default = class {
                constructor(_ref) {
                    let {
                        scheduler: scheduler
                    } = _ref;
                    this.scheduler = scheduler
                }
                invoke(funcName) {
                    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
                        args[_key - 1] = arguments[_key]
                    }
                    return this.scheduler.fire(funcName, ...args)
                }
            }
        },
        25307(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.VERTICAL_VIEW_TYPES = exports.VERTICAL_GROUP_ORIENTATION = exports.LIST_ITEM_DATA_KEY = exports.LIST_ITEM_CLASS = exports.HORIZONTAL_GROUP_ORIENTATION = exports.APPOINTMENT_SETTINGS_KEY = void 0;
            exports.LIST_ITEM_DATA_KEY = "dxListItemData";
            exports.LIST_ITEM_CLASS = "dx-list-item";
            exports.APPOINTMENT_SETTINGS_KEY = "dxAppointmentSettings";
            exports.VERTICAL_GROUP_ORIENTATION = "vertical";
            exports.HORIZONTAL_GROUP_ORIENTATION = "horizontal";
            exports.VERTICAL_VIEW_TYPES = ["day", "week", "workWeek"]
        },
        23710(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.globalCache = exports.Cache = void 0;
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            class Cache {
                constructor() {
                    this.cache = new Map
                }
                get size() {
                    return this.cache.size
                }
                clear() {
                    this.cache.clear()
                }
                get(name) {
                    return this.cache.get(name)
                }
                memo(name, valueCallback) {
                    if (!this.cache.has(name)) {
                        const value = valueCallback();
                        if ((0, _type.isDefined)(value)) {
                            this.cache.set(name, value)
                        }
                    }
                    return this.cache.get(name)
                }
                delete(name) {
                    this.cache.delete(name)
                }
            }
            exports.Cache = Cache;
            exports.globalCache = {
                timezones: new Cache,
                DST: new Cache
            }
        },
        71548(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Direction = void 0;
            var Direction;
            ! function(Direction) {
                Direction[Direction.Left = -1] = "Left";
                Direction[Direction.Right = 1] = "Right"
            }(Direction || (exports.Direction = Direction = {}))
        },
        52170(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/popover/ui.popover */ 98894));
            var _ui2 = _interopRequireDefault(__webpack_require__( /*! ../../../ui/popup/ui.popup */ 10720));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _calendar = _interopRequireDefault(__webpack_require__( /*! ../../ui/calendar/calendar */ 92874));
            var _scrollable = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scrollable */ 85326));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class SchedulerCalendar extends _widget.default {
                async show(target) {
                    var _this$overlay2;
                    if (!SchedulerCalendar.isMobileLayout()) {
                        var _this$overlay;
                        null === (_this$overlay = this.overlay) || void 0 === _this$overlay || _this$overlay.option("target", target)
                    }
                    await (null === (_this$overlay2 = this.overlay) || void 0 === _this$overlay2 ? void 0 : _this$overlay2.show())
                }
                async hide() {
                    var _this$overlay3;
                    await (null === (_this$overlay3 = this.overlay) || void 0 === _this$overlay3 ? void 0 : _this$overlay3.hide())
                }
                _keyboardHandler(opts) {
                    var _this$calendar;
                    return (null === (_this$calendar = this.calendar) || void 0 === _this$calendar ? void 0 : _this$calendar._keyboardHandler(opts)) ?? false
                }
                _init() {
                    super._init();
                    this.$element()
                }
                _render() {
                    super._render();
                    this.renderOverlay()
                }
                renderOverlay() {
                    this.$element().addClass("dx-scheduler-navigator-calendar-popover");
                    const isMobileLayout = SchedulerCalendar.isMobileLayout();
                    const overlayConfig = {
                        contentTemplate: () => this.createOverlayContent(),
                        onShown: () => {
                            var _this$calendar2;
                            null === (_this$calendar2 = this.calendar) || void 0 === _this$calendar2 || _this$calendar2.focus()
                        },
                        defaultOptionsRules: [{
                            device: () => isMobileLayout,
                            options: {
                                fullScreen: true,
                                showCloseButton: false,
                                toolbarItems: [{
                                    shortcut: "cancel"
                                }],
                                _ignorePreventScrollEventsDeprecation: true,
                                preventScrollEvents: false,
                                enableBodyScroll: false
                            }
                        }]
                    };
                    if (isMobileLayout) {
                        this.overlay = this._createComponent(this.$element(), _ui2.default, overlayConfig)
                    } else {
                        this.overlay = this._createComponent(this.$element(), _ui.default, overlayConfig)
                    }
                }
                createOverlayContent() {
                    const result = (0, _renderer.default)("<div>").addClass("dx-scheduler-navigator-calendar");
                    this.calendar = this._createComponent(result, _calendar.default, this.getCalendarOptions());
                    if (SchedulerCalendar.isMobileLayout()) {
                        const scrollable = this.createScrollable(result);
                        return scrollable.$element()
                    }
                    return result
                }
                createScrollable(content) {
                    const result = this._createComponent("<div>", _scrollable.default, {
                        height: "auto",
                        direction: "both"
                    });
                    result.$content().append(content);
                    return result
                }
                _optionChanged(args) {
                    var _this$calendar3;
                    const {
                        name: name,
                        value: value
                    } = args;
                    if ("value" === name) {
                        null === (_this$calendar3 = this.calendar) || void 0 === _this$calendar3 || _this$calendar3.option("value", value)
                    }
                }
                getCalendarOptions() {
                    const {
                        value: value,
                        min: min,
                        max: max,
                        firstDayOfWeek: firstDayOfWeek,
                        focusStateEnabled: focusStateEnabled,
                        tabIndex: tabIndex,
                        onValueChanged: onValueChanged
                    } = this.option();
                    return {
                        value: value,
                        min: min,
                        max: max,
                        firstDayOfWeek: firstDayOfWeek,
                        focusStateEnabled: focusStateEnabled,
                        tabIndex: tabIndex,
                        onValueChanged: onValueChanged,
                        skipFocusCheck: true
                    }
                }
                static isMobileLayout() {
                    return !_devices.default.current().generic
                }
            }
            exports.default = SchedulerCalendar;
            (0, _component_registrator.default)("dxSchedulerCalendarPopup", SchedulerCalendar)
        },
        13842(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getTodayButtonOptions = exports.getDateNavigator = exports.ITEMS_NAME = exports.DEFAULT_ITEMS = exports.CLASS = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _date2 = __webpack_require__( /*! ../../core/utils/date */ 55594);
            var _m_extend = __webpack_require__( /*! ../../core/utils/m_extend */ 96298);
            var _constants = __webpack_require__( /*! ./constants */ 71548);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CLASS = exports.CLASS = {
                container: "dx-scheduler-navigator",
                previousButton: "dx-scheduler-navigator-previous",
                calendarButton: "dx-scheduler-navigator-caption",
                nextButton: "dx-scheduler-navigator-next"
            };
            const ITEMS_NAME = exports.ITEMS_NAME = {
                previousButton: "prev",
                nextButton: "next",
                calendarButton: "dateInterval"
            };
            const DEFAULT_ITEMS = exports.DEFAULT_ITEMS = [ITEMS_NAME.previousButton, ITEMS_NAME.nextButton, ITEMS_NAME.calendarButton];
            const {
                trimTime: trimTime
            } = _date.default;
            const isPreviousButtonDisabled = header => {
                const minOption = header.option().min;
                if (!_date2.dateUtilsTs.isValidDate(minOption)) {
                    return false
                }
                let min = new Date(minOption);
                const caption = header.getCaption();
                min = trimTime(min);
                const previousDate = header.getNextDate(_constants.Direction.Left, caption.endDate);
                return previousDate < min
            };
            const isNextButtonDisabled = header => {
                const maxOption = header.option().max;
                if (!_date2.dateUtilsTs.isValidDate(maxOption)) {
                    return false
                }
                const max = new Date(maxOption);
                const caption = header.getCaption();
                max.setHours(23, 59, 59);
                const nextDate = header.getNextDate(_constants.Direction.Right, caption.startDate);
                return nextDate > max
            };
            exports.getTodayButtonOptions = (header, item) => (0, _m_extend.extend)(true, {}, {
                location: "before",
                locateInMenu: "auto",
                widget: "dxButton",
                cssClass: "dx-scheduler-today",
                options: {
                    text: _message.default.format("dxScheduler-navigationToday"),
                    icon: "today",
                    stylingMode: "outlined",
                    type: "normal",
                    onClick() {
                        const {
                            indicatorTime: indicatorTime
                        } = header.option();
                        header.updateCurrentDate(indicatorTime ?? new Date)
                    }
                }
            }, item);
            exports.getDateNavigator = (header, item) => {
                const stylingMode = (0, _themes.isMaterialBased)((0, _themes.current)()) ? "text" : "contained";
                const config = (0, _m_extend.extend)(true, {}, {
                    location: "before",
                    name: "dateNavigator",
                    widget: "dxButtonGroup",
                    cssClass: CLASS.container,
                    options: {
                        stylingMode: stylingMode,
                        selectionMode: "none"
                    }
                }, item);
                const options = config.options;
                const {
                    onItemClick: onItemClick
                } = options;
                const items = options.items ?? DEFAULT_ITEMS;
                options.items = items.map(groupItem => {
                    switch (groupItem) {
                        case ITEMS_NAME.previousButton:
                            return (header => {
                                const ariaMessage = _message.default.format("dxScheduler-navigationPrevious");
                                return {
                                    key: ITEMS_NAME.previousButton,
                                    icon: "chevronprev",
                                    elementAttr: {
                                        class: CLASS.previousButton,
                                        "aria-label": ariaMessage
                                    },
                                    clickHandler: () => header.updateDateByDirection(_constants.Direction.Left),
                                    onContentReady: event => {
                                        const previousButton = event.component;
                                        previousButton.option("disabled", isPreviousButtonDisabled(header));
                                        header.addEvent("min", () => {
                                            previousButton.option("disabled", isPreviousButtonDisabled(header))
                                        });
                                        header.addEvent("currentDate", () => {
                                            previousButton.option("disabled", isPreviousButtonDisabled(header))
                                        });
                                        header.addEvent("startViewDate", () => {
                                            previousButton.option("disabled", isPreviousButtonDisabled(header))
                                        })
                                    }
                                }
                            })(header);
                        case ITEMS_NAME.nextButton:
                            return (header => {
                                const ariaMessage = _message.default.format("dxScheduler-navigationNext");
                                return {
                                    key: ITEMS_NAME.nextButton,
                                    icon: "chevronnext",
                                    elementAttr: {
                                        class: CLASS.nextButton,
                                        "aria-label": ariaMessage
                                    },
                                    clickHandler: () => header.updateDateByDirection(_constants.Direction.Right),
                                    onContentReady: event => {
                                        const nextButton = event.component;
                                        nextButton.option("disabled", isNextButtonDisabled(header));
                                        header.addEvent("min", () => {
                                            nextButton.option("disabled", isNextButtonDisabled(header))
                                        });
                                        header.addEvent("currentDate", () => {
                                            nextButton.option("disabled", isNextButtonDisabled(header))
                                        });
                                        header.addEvent("startViewDate", () => {
                                            nextButton.option("disabled", isNextButtonDisabled(header))
                                        })
                                    }
                                }
                            })(header);
                        case ITEMS_NAME.calendarButton:
                            return (header => ({
                                key: ITEMS_NAME.calendarButton,
                                text: header.captionText,
                                elementAttr: {
                                    class: CLASS.calendarButton
                                },
                                clickHandler: event => header.showCalendar(event),
                                onContentReady: event => {
                                    const calendarButton = event.component;
                                    header.addEvent("currentView", () => {
                                        calendarButton.option("text", header.captionText)
                                    });
                                    header.addEvent("currentDate", () => {
                                        calendarButton.option("text", header.captionText)
                                    });
                                    header.addEvent("startViewDate", () => {
                                        calendarButton.option("text", header.captionText)
                                    });
                                    header.addEvent("views", () => {
                                        calendarButton.option("text", header.captionText)
                                    });
                                    header.addEvent("firstDayOfWeek", () => {
                                        calendarButton.option("text", header.captionText)
                                    })
                                }
                            }))(header);
                        default:
                            return groupItem
                    }
                });
                options.onItemClick = event => {
                    var _event$itemData$click, _event$itemData;
                    null === (_event$itemData$click = (_event$itemData = event.itemData).clickHandler) || void 0 === _event$itemData$click || _event$itemData$click.call(_event$itemData, event);
                    null === onItemClick || void 0 === onItemClick || onItemClick(event)
                };
                return config
            }
        },
        84829(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SchedulerHeader = void 0;
            __webpack_require__( /*! ../../../ui/drop_down_button */ 56582);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../../core/errors */ 87129));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _toolbar = _interopRequireDefault(__webpack_require__( /*! ../../../ui/toolbar */ 2850));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _m_calendar = _interopRequireDefault(__webpack_require__( /*! ./m_calendar */ 52170));
            var _m_date_navigator = __webpack_require__( /*! ./m_date_navigator */ 13842);
            var _m_utils = __webpack_require__( /*! ./m_utils */ 25379);
            var _m_view_switcher = __webpack_require__( /*! ./m_view_switcher */ 94791);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CLASSES_component = "dx-scheduler-header",
                CLASSES_invisible = "dx-state-invisible";
            const ITEM_NAMES_today = "today",
                ITEM_NAMES_dateNavigator = "dateNavigator",
                ITEM_NAMES_viewSwitcher = "viewSwitcher";
            class SchedulerHeader extends _widget.default {
                get captionText() {
                    return this.getCaption().text
                }
                getIntervalOptions(date) {
                    const {
                        currentView: currentView,
                        firstDayOfWeek: firstDayOfWeek
                    } = this.option();
                    const step = (0, _m_utils.getStep)(currentView.type);
                    return {
                        date: date,
                        step: step,
                        firstDayOfWeek: firstDayOfWeek,
                        intervalCount: currentView.intervalCount,
                        agendaDuration: currentView.agendaDuration
                    }
                }
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        _useShortDateFormat: !_devices.default.real().generic || _devices.default.isSimulator()
                    })
                }
                createEventMap() {
                    this.eventMap = new Map([
                        ["currentView", []],
                        ["views", []],
                        ["currentDate", [this.getCalendarOptionUpdater("value")]],
                        ["min", [this.getCalendarOptionUpdater("min")]],
                        ["max", [this.getCalendarOptionUpdater("max")]],
                        ["tabIndex", [this.repaint.bind(this)]],
                        ["focusStateEnabled", [this.repaint.bind(this)]],
                        ["useDropDownViewSwitcher", [this.repaint.bind(this)]],
                        ["indicatorTime", []]
                    ])
                }
                addEvent(name, event) {
                    const events = this.eventMap.get(name) ?? [];
                    this.eventMap.set(name, [...events, event])
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    const events = this.eventMap.get(name);
                    null === events || void 0 === events || events.forEach(event => {
                        event(value)
                    })
                }
                onToolbarOptionChanged(fullName, value) {
                    var _this$toolbar, _this$toolbar2, _this$toolbar3;
                    const parts = (0, _data.getPathParts)(fullName);
                    const optionName = fullName.replace(/^toolbar\./, "");
                    this.option(fullName, value);
                    this._toggleVisibility();
                    switch (true) {
                        case "toolbar" === fullName:
                            this.repaint();
                            break;
                        case "toolbar.items" === fullName:
                            null === (_this$toolbar = this.toolbar) || void 0 === _this$toolbar || _this$toolbar.option("items", value.map(item => this.parseItem(item)));
                            break;
                        case "items" === parts[1] && 3 === parts.length:
                            null === (_this$toolbar2 = this.toolbar) || void 0 === _this$toolbar2 || _this$toolbar2.option(optionName, this.parseItem(value));
                            break;
                        default:
                            null === (_this$toolbar3 = this.toolbar) || void 0 === _this$toolbar3 || _this$toolbar3.option(optionName, value)
                    }
                }
                _init() {
                    super._init();
                    this.createEventMap();
                    this.$element().addClass(CLASSES_component)
                }
                _render() {
                    super._render();
                    this.createEventMap();
                    this.renderToolbar();
                    this._toggleVisibility()
                }
                renderToolbar() {
                    const config = this.createToolbarConfig();
                    const toolbarElement = (0, _renderer.default)("<div>");
                    toolbarElement.appendTo(this.$element());
                    this.toolbar = this._createComponent(toolbarElement, _toolbar.default, config)
                }
                _toggleVisibility() {
                    const {
                        toolbar: toolbar
                    } = this.option();
                    const isHeaderShown = toolbar.visible ?? toolbar.items.length;
                    if (isHeaderShown) {
                        this.$element().removeClass(CLASSES_invisible)
                    } else {
                        this.$element().addClass(CLASSES_invisible)
                    }
                }
                createToolbarConfig() {
                    const {
                        toolbar: toolbar
                    } = this.option();
                    const parsedItems = toolbar.items.map(element => this.parseItem(element));
                    return Object.assign({}, toolbar, {
                        items: parsedItems
                    })
                }
                parseItem(item) {
                    const itemName = "string" === typeof item ? item : item.name;
                    const itemOptions = "string" === typeof item ? {} : item;
                    if (itemName) {
                        switch (itemName) {
                            case ITEM_NAMES_today:
                                return (0, _m_date_navigator.getTodayButtonOptions)(this, itemOptions);
                            case ITEM_NAMES_viewSwitcher:
                                return this.option().useDropDownViewSwitcher ? (0, _m_view_switcher.getDropDownViewSwitcher)(this, itemOptions) : (0, _m_view_switcher.getTabViewSwitcher)(this, itemOptions);
                            case ITEM_NAMES_dateNavigator:
                                this.renderCalendar();
                                return (0, _m_date_navigator.getDateNavigator)(this, itemOptions);
                            default:
                                _errors.default.log(`Unknown default element type: ${itemName}`)
                        }
                    }
                    return (0, _extend.extend)(true, {}, item)
                }
                callEvent(event, arg) {
                    const events = this.eventMap.get(event);
                    null === events || void 0 === events || events.forEach(EventMapHandler => EventMapHandler(arg))
                }
                updateCurrentView(view) {
                    const {
                        onCurrentViewChange: onCurrentViewChange
                    } = this.option();
                    onCurrentViewChange(view.name)
                }
                updateCalendarValueAndCurrentDate(date) {
                    var _this$calendar;
                    this.updateCurrentDate(date);
                    null === (_this$calendar = this.calendar) || void 0 === _this$calendar || _this$calendar.option("value", date)
                }
                updateCurrentDate(date) {
                    const {
                        onCurrentDateChange: onCurrentDateChange
                    } = this.option();
                    onCurrentDateChange(date);
                    this.callEvent("currentDate", date)
                }
                renderCalendar() {
                    const {
                        currentDate: currentDate,
                        min: min,
                        max: max,
                        firstDayOfWeek: firstDayOfWeek,
                        focusStateEnabled: focusStateEnabled,
                        tabIndex: tabIndex
                    } = this.option();
                    this.calendar = this._createComponent("<div>", _m_calendar.default, {
                        value: currentDate,
                        min: min,
                        max: max,
                        firstDayOfWeek: firstDayOfWeek,
                        focusStateEnabled: focusStateEnabled,
                        tabIndex: tabIndex,
                        onValueChanged: async e => {
                            var _this$calendar2;
                            this.updateCurrentDate(e.value);
                            await (null === (_this$calendar2 = this.calendar) || void 0 === _this$calendar2 ? void 0 : _this$calendar2.hide())
                        }
                    });
                    this.calendar.$element().appendTo(this.$element())
                }
                getCalendarOptionUpdater(name) {
                    return value => {
                        if (this.calendar) {
                            this.calendar.option(name, value)
                        }
                    }
                }
                getNextDate(direction, initialDate) {
                    const {
                        currentDate: currentDate
                    } = this.option();
                    const date = initialDate ?? currentDate;
                    const options = this.getIntervalOptions(date);
                    return (0, _m_utils.getNextIntervalDate)(options, direction)
                }
                getDisplayedDate() {
                    const {
                        startViewDate: startViewDate,
                        currentView: currentView
                    } = this.option();
                    const isMonth = "month" === currentView.type;
                    return isMonth ? (0, _m_utils.nextWeek)(startViewDate) : startViewDate
                }
                getCaptionOptions() {
                    const {
                        currentDate: currentDate,
                        startViewDate: startViewDate
                    } = this.option();
                    let date = currentDate;
                    if (startViewDate) {
                        date = this.getDisplayedDate()
                    }
                    date = _date.default.trimTime(date);
                    return this.getIntervalOptions(date)
                }
                getCaption() {
                    const {
                        customizeDateNavigatorText: customizeDateNavigatorText
                    } = this.option();
                    const options = this.getCaptionOptions();
                    const useShortDateFormat = this.option()._useShortDateFormat;
                    return (0, _m_utils.getCaption)(options, Boolean(useShortDateFormat), customizeDateNavigatorText)
                }
                updateDateByDirection(direction) {
                    const date = this.getNextDate(direction);
                    this.updateCalendarValueAndCurrentDate(date)
                }
                async showCalendar(e) {
                    var _this$calendar3;
                    await (null === (_this$calendar3 = this.calendar) || void 0 === _this$calendar3 ? void 0 : _this$calendar3.show(e.element))
                }
            }
            exports.SchedulerHeader = SchedulerHeader;
            (0, _component_registrator.default)("dxSchedulerHeader", SchedulerHeader)
        },
        25379(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.nextWeek = exports.getViewText = exports.getViewName = exports.getStep = exports.getNextIntervalDate = exports.getCaptionInterval = exports.getCaption = exports.formatViews = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../localization/message */ 33881));
            var _m_inflector = __webpack_require__( /*! ../../core/utils/m_inflector */ 66122);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                correctDateWithUnitBeginning: getPeriodStart,
                getFirstWeekDate: getWeekStart,
                getLastMonthDay: getLastMonthDay,
                addDateInterval: addDateInterval
            } = _date2.default;
            const {
                format: formatDate
            } = _date.default;
            const MS_DURATION = {
                milliseconds: 1
            };
            const DAY_DURATION = {
                days: 1
            };
            const WEEK_DURATION = {
                days: 7
            };
            const SATURDAY_INDEX = 6;
            const SUNDAY_INDEX = 0;
            const nextDay = date => addDateInterval(date, DAY_DURATION, 1);
            const nextWeek = date => addDateInterval(date, WEEK_DURATION, 1);
            exports.nextWeek = nextWeek;
            const isWeekend = date => [SATURDAY_INDEX, SUNDAY_INDEX].includes(date.getDay());
            const getIntervalStartDate = options => {
                const {
                    date: date,
                    step: step,
                    firstDayOfWeek: firstDayOfWeek
                } = options;
                switch (step) {
                    case "day":
                    case "week":
                    case "month":
                        return getPeriodStart(date, step, false, firstDayOfWeek);
                    case "workWeek":
                        return (firstDayOfWeek => {
                            let date = new Date(firstDayOfWeek);
                            while (isWeekend(date)) {
                                date = nextDay(date)
                            }
                            return date
                        })(getWeekStart(date, firstDayOfWeek));
                    default:
                        return new Date(date)
                }
            };
            const getPeriodEndDate = (currentPeriodStartDate, step, agendaDuration) => {
                const calculators = {
                    day: () => nextDay(currentPeriodStartDate),
                    week: () => nextWeek(currentPeriodStartDate),
                    month: () => (date => {
                        const days = getLastMonthDay(date);
                        return addDateInterval(date, {
                            days: days
                        }, 1)
                    })(currentPeriodStartDate),
                    workWeek: () => (workWeekStart => {
                        let date = new Date(workWeekStart);
                        let workDaysCount = 0;
                        while (workDaysCount < 5) {
                            if (!isWeekend(date)) {
                                workDaysCount += 1
                            }
                            date = nextDay(date)
                        }
                        return date
                    })(currentPeriodStartDate),
                    agenda: () => ((date, agendaDuration) => addDateInterval(date, {
                        days: agendaDuration
                    }, 1))(currentPeriodStartDate, agendaDuration)
                };
                return date = calculators[step](), addDateInterval(date, MS_DURATION, -1);
                var date
            };
            const getNextPeriodStartDate = (currentPeriodEndDate, step) => {
                let date = (date => addDateInterval(date, MS_DURATION, 1))(currentPeriodEndDate);
                if ("workWeek" === step) {
                    while (isWeekend(date)) {
                        date = nextDay(date)
                    }
                }
                return date
            };
            exports.getNextIntervalDate = (options, direction) => {
                const {
                    date: date,
                    step: step,
                    intervalCount: intervalCount,
                    agendaDuration: agendaDuration
                } = options;
                let dayDuration = 0;
                switch (step) {
                    case "day":
                        dayDuration = Number(intervalCount);
                        break;
                    case "week":
                    case "workWeek":
                        dayDuration = 7 * intervalCount;
                        break;
                    case "agenda":
                        dayDuration = agendaDuration ?? 0;
                        break;
                    case "month":
                        return ((date, intervalCount, direction) => {
                            const currentDate = date.getDate();
                            const currentMonthFirstDate = new Date(new Date(date.getTime()).setDate(1));
                            const thatMonthFirstDate = new Date(currentMonthFirstDate.setMonth(currentMonthFirstDate.getMonth() + intervalCount * direction));
                            const thatMonthDuration = getLastMonthDay(thatMonthFirstDate);
                            const minDate = currentDate < thatMonthDuration ? currentDate : thatMonthDuration;
                            const currentMonthMinDate = new Date(new Date(date.getTime()).setDate(minDate));
                            const thatMonthMinDate = new Date(currentMonthMinDate.setMonth(currentMonthMinDate.getMonth() + intervalCount * direction));
                            return thatMonthMinDate
                        })(date, intervalCount, direction)
                }
                return addDateInterval(date, {
                    days: dayDuration
                }, direction)
            };
            const getDateMonthFormatter = isShort => {
                const monthType = isShort ? "abbreviated" : "wide";
                const months = _date.default.getMonthNames(monthType);
                return date => {
                    const day = formatDate(date, "day");
                    const month = months[date.getMonth()];
                    return `${day} ${month}`
                }
            };
            const formatMonthYear = date => {
                const months = _date.default.getMonthNames("abbreviated");
                const month = months[date.getMonth()];
                const year = formatDate(date, "year");
                return `${month} ${year}`
            };
            const getDateMonthYearFormatter = isShort => date => {
                const dateMonthFormat = getDateMonthFormatter(isShort);
                const dateMonth = dateMonthFormat(date);
                const year = formatDate(date, "year");
                return `${dateMonth} ${year}`
            };
            const getCaptionInterval = options => {
                const startDate = getIntervalStartDate(options);
                const endDate = ((startDate, options) => {
                    const {
                        intervalCount: intervalCount,
                        step: step,
                        agendaDuration: agendaDuration
                    } = options;
                    let periodStartDate = new Date(startDate);
                    let periodEndDate = new Date(startDate);
                    let nextPeriodStartDate = new Date(startDate);
                    for (let i = 0; i < intervalCount; i += 1) {
                        periodStartDate = nextPeriodStartDate;
                        periodEndDate = getPeriodEndDate(periodStartDate, step, agendaDuration ?? 0);
                        nextPeriodStartDate = getNextPeriodStartDate(periodEndDate, step)
                    }
                    return periodEndDate
                })(startDate, options);
                return {
                    startDate: startDate,
                    endDate: endDate
                }
            };
            exports.getCaptionInterval = getCaptionInterval;
            const formatCaptionByMonths = (startDate, endDate, isShort) => {
                const isDifferentYears = startDate.getFullYear() !== endDate.getFullYear();
                if (isDifferentYears) {
                    return ((startDate, endDate) => {
                        const firstDateText = formatDate(startDate, getDateMonthYearFormatter(true));
                        const lastDateDateText = formatDate(endDate, getDateMonthYearFormatter(true));
                        return `${firstDateText}-${lastDateDateText}`
                    })(startDate, endDate)
                }
                return ((startDate, endDate, isShort) => {
                    const isDifferentMonthDates = startDate.getMonth() !== endDate.getMonth();
                    const useShortFormat = isDifferentMonthDates || isShort;
                    const firstDateFormat = isDifferentMonthDates ? getDateMonthFormatter(useShortFormat) : "d";
                    const firstDateText = formatDate(startDate, firstDateFormat);
                    const lastDateText = formatDate(endDate, getDateMonthYearFormatter(useShortFormat));
                    return `${firstDateText}-${lastDateText}`
                })(startDate, endDate, isShort)
            };
            const getCaptionText = (startDate, endDate, isShort, step) => {
                if (_date2.default.sameDate(startDate, endDate)) {
                    return ((date, step, isShort) => {
                        const useShortFormat = "agenda" === step ? isShort : false;
                        const dateMonthFormat = getDateMonthFormatter(useShortFormat);
                        const dateMonth = dateMonthFormat(date);
                        const year = formatDate(date, "year");
                        return `${dateMonth} ${year}`
                    })(startDate, step, isShort)
                }
                if ("month" === step) {
                    return ((startDate, endDate) => {
                        if (_date2.default.sameMonth(startDate, endDate)) {
                            return String(formatDate(startDate, "monthandyear") ?? "")
                        }
                        const isSameYear = _date2.default.sameYear(startDate, endDate);
                        const firstDateText = isSameYear ? _date.default.getMonthNames("abbreviated")[startDate.getMonth()] : formatMonthYear(startDate);
                        const lastDateText = formatMonthYear(endDate);
                        return `${firstDateText}-${lastDateText}`
                    })(startDate, endDate)
                }
                return formatCaptionByMonths(startDate, endDate, isShort)
            };
            exports.getCaption = (options, isShort, customizationFunction) => {
                const {
                    startDate: startDate,
                    endDate: endDate
                } = getCaptionInterval(options);
                let text = getCaptionText(startDate, endDate, isShort, options.step);
                if ((0, _type.isFunction)(customizationFunction)) {
                    text = customizationFunction({
                        startDate: startDate,
                        endDate: endDate,
                        text: text
                    })
                }
                return {
                    startDate: startDate,
                    endDate: endDate,
                    text: text
                }
            };
            const STEP_MAP = {
                day: "day",
                week: "week",
                workWeek: "workWeek",
                month: "month",
                timelineDay: "day",
                timelineWeek: "week",
                timelineWorkWeek: "workWeek",
                timelineMonth: "month",
                agenda: "agenda"
            };
            const getViewName = view => {
                if ((0, _type.isObject)(view)) {
                    return view.name ?? view.type
                }
                return view
            };
            exports.getViewName = getViewName;
            const getViewText = view => view.name || _message.default.format(`dxScheduler-switcher${(0,_m_inflector.camelize)(view.type,true)}`);
            exports.getViewText = getViewText;
            exports.formatViews = views => views.map(view => Object.assign({}, view, {
                name: getViewName(view),
                text: getViewText(view)
            }));
            exports.getStep = type => STEP_MAP[type]
        },
        94791(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getTabViewSwitcher = exports.getDropDownViewSwitcher = void 0;
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _m_utils = __webpack_require__( /*! ./m_utils */ 25379);
            const ClASS_container = "dx-scheduler-view-switcher",
                ClASS_dropDownButton = "dx-scheduler-view-switcher-dropdown-button",
                ClASS_dropDownButtonContent = "dx-scheduler-view-switcher-dropdown-button-content";
            const getViewsAndSelectedView = header => {
                const {
                    views: views,
                    currentView: currentView
                } = header.option();
                const formattedViews = (0, _m_utils.formatViews)(views);
                const selectedView = (0, _m_utils.getViewName)(currentView);
                const isSelectedViewInViews = formattedViews.some(view => view.name === selectedView);
                return {
                    selectedView: isSelectedViewInViews ? selectedView : void 0,
                    views: formattedViews
                }
            };
            const isViewSwitcherVisible = views => views.length > 1;
            exports.getTabViewSwitcher = (header, item) => {
                const {
                    selectedView: selectedView,
                    views: views
                } = getViewsAndSelectedView(header);
                const isVisible = isViewSwitcherVisible(views);
                const stylingMode = (0, _themes.isFluent)((0, _themes.current)()) ? "outlined" : "contained";
                return Object.assign({
                    widget: "dxButtonGroup",
                    locateInMenu: "auto",
                    location: "after",
                    name: "viewSwitcher",
                    cssClass: ClASS_container,
                    visible: isVisible,
                    options: {
                        items: views,
                        keyExpr: "name",
                        selectedItemKeys: [selectedView],
                        stylingMode: stylingMode,
                        onItemClick: e => {
                            header.updateCurrentView(e.itemData)
                        },
                        onContentReady: e => {
                            const viewSwitcher = e.component;
                            header.addEvent("currentView", view => {
                                viewSwitcher.option("selectedItemKeys", [(0, _m_utils.getViewName)(view)])
                            })
                        }
                    }
                }, item)
            };
            exports.getDropDownViewSwitcher = (header, item) => {
                const {
                    selectedView: selectedView,
                    views: views
                } = getViewsAndSelectedView(header);
                const isVisible = isViewSwitcherVisible(views);
                return Object.assign({
                    widget: "dxDropDownButton",
                    locateInMenu: "never",
                    location: "after",
                    name: "viewSwitcher",
                    cssClass: ClASS_container,
                    visible: isVisible,
                    options: {
                        items: views,
                        useSelectMode: true,
                        keyExpr: "name",
                        selectedItemKey: selectedView,
                        displayExpr: "text",
                        showArrowIcon: true,
                        elementAttr: {
                            class: ClASS_dropDownButton
                        },
                        onItemClick: e => {
                            header.updateCurrentView(e.itemData)
                        },
                        onContentReady: e => {
                            const viewSwitcher = e.component;
                            header.addEvent("currentView", view => {
                                viewSwitcher.option("selectedItemKey", (0, _m_utils.getViewName)(view))
                            })
                        },
                        dropDownOptions: {
                            width: "max-content",
                            _wrapperClassExternal: ClASS_dropDownButtonContent
                        }
                    }
                }, item)
            }
        },
        80621(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _draggable = _interopRequireDefault(__webpack_require__( /*! ../../ui/draggable */ 5298));
            var _constants = __webpack_require__( /*! ./constants */ 25307);
            var _is_scheduler_component = __webpack_require__( /*! ./utils/is_scheduler_component */ 28740);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = class {
                constructor(scheduler) {
                    this.scheduler = scheduler;
                    this.workspace = this.scheduler._workSpace;
                    this.appointments = this.scheduler._appointments;
                    this.initialPosition = {
                        left: 0,
                        top: 0
                    };
                    this.appointmentInfo = null;
                    this.dragBetweenComponentsPromise = null
                }
                isAllDay(appointment) {
                    return appointment.data(_constants.APPOINTMENT_SETTINGS_KEY).allDay
                }
                onDragStart(e) {
                    const {
                        itemSettings: itemSettings,
                        itemData: itemData,
                        initialPosition: initialPosition
                    } = e;
                    this.initialPosition = initialPosition;
                    this.appointmentInfo = {
                        appointment: itemData,
                        settings: itemSettings
                    };
                    this.appointments.notifyObserver("hideAppointmentTooltip")
                }
                onDragMove(e) {
                    if (e.fromComponent !== e.toComponent) {
                        this.appointments.notifyObserver("removeDroppableCellClass")
                    }
                }
                getAppointmentElement(e) {
                    var _e$event$data;
                    const itemElement = (null === (_e$event$data = e.event.data) || void 0 === _e$event$data ? void 0 : _e$event$data.itemElement) || e.itemElement;
                    return (0, _renderer.default)(itemElement)
                }
                onDragEnd(event) {
                    const element = this.getAppointmentElement(event);
                    const isAllDay = this.isAllDay(element);
                    const rawAppointment = this.appointments._getItemData(element);
                    const container = this.appointments._getAppointmentContainer(isAllDay);
                    container.append(element);
                    const $targetCell = this.workspace.getDroppableCell();
                    const $dragCell = this.workspace.getCellByCoordinates(this.initialPosition, isAllDay);
                    this.appointments.notifyObserver("updateAppointmentAfterDrag", {
                        event: event,
                        element: element,
                        rawAppointment: rawAppointment,
                        isDropToTheSameCell: $targetCell.is($dragCell),
                        isDropToSelfScheduler: $targetCell.length > 0
                    })
                }
                onDragCancel() {
                    this.removeDroppableClasses()
                }
                getItemData(appointmentElement) {
                    const dataFromTooltip = (0, _renderer.default)(appointmentElement).data(_constants.LIST_ITEM_DATA_KEY);
                    const itemDataFromTooltip = null === dataFromTooltip || void 0 === dataFromTooltip ? void 0 : dataFromTooltip.appointment;
                    const itemDataFromGrid = this.appointments._getItemData(appointmentElement);
                    return itemDataFromTooltip || itemDataFromGrid
                }
                getItemSettings(appointment) {
                    const itemData = (0, _renderer.default)(appointment).data(_constants.LIST_ITEM_DATA_KEY);
                    return null === itemData || void 0 === itemData ? void 0 : itemData.settings
                }
                createDragStartHandler(options, appointmentDragging) {
                    return e => {
                        var _appointmentDragging$;
                        e.itemData = this.getItemData(e.itemElement);
                        e.itemSettings = this.getItemSettings(e.itemElement);
                        if (this.scheduler._isAppointmentBeingUpdated(e.itemData)) {
                            e.cancel = true;
                            return
                        }
                        null === (_appointmentDragging$ = appointmentDragging.onDragStart) || void 0 === _appointmentDragging$ || _appointmentDragging$.call(appointmentDragging, e);
                        if (!e.cancel) {
                            options.onDragStart(e)
                        }
                    }
                }
                createDragMoveHandler(options, appointmentDragging) {
                    return e => {
                        var _appointmentDragging$2;
                        if (!this.appointmentInfo) {
                            e.cancel = true;
                            return
                        }
                        if (this.scheduler._isAppointmentBeingUpdated(this.appointmentInfo.appointment)) {
                            e.cancel = true;
                            return
                        }
                        null === (_appointmentDragging$2 = appointmentDragging.onDragMove) || void 0 === _appointmentDragging$2 || _appointmentDragging$2.call(appointmentDragging, e);
                        if (!e.cancel) {
                            options.onDragMove(e)
                        }
                    }
                }
                createDragEndHandler(options, appointmentDragging) {
                    return e => {
                        var _appointmentDragging$3;
                        if (!this.appointmentInfo) {
                            e.cancel = true;
                            return
                        }
                        const updatedData = this.appointments.invoke("getUpdatedData", e.itemData);
                        this.appointmentInfo = null;
                        e.toItemData = (0, _extend.extend)({}, e.itemData, updatedData);
                        null === (_appointmentDragging$3 = appointmentDragging.onDragEnd) || void 0 === _appointmentDragging$3 || _appointmentDragging$3.call(appointmentDragging, e);
                        if (!e.cancel) {
                            options.onDragEnd(e);
                            if (e.fromComponent !== e.toComponent) {
                                var _appointmentDragging$4;
                                null === (_appointmentDragging$4 = appointmentDragging.onRemove) || void 0 === _appointmentDragging$4 || _appointmentDragging$4.call(appointmentDragging, e)
                            }
                        }
                        if (true === e.cancel) {
                            options.onDragCancel(e)
                        }
                        if (true !== e.cancel && (0, _is_scheduler_component.isSchedulerComponent)(e.toComponent)) {
                            const targetDragBehavior = e.toComponent._getDragBehavior();
                            targetDragBehavior.dragBetweenComponentsPromise = new _deferred.Deferred
                        }
                    }
                }
                createDropHandler(appointmentDragging) {
                    return e => {
                        const updatedData = this.appointments.invoke("getUpdatedData", e.itemData);
                        e.itemData = (0, _extend.extend)({}, e.itemData, updatedData);
                        if (e.fromComponent !== e.toComponent) {
                            var _appointmentDragging$5;
                            null === (_appointmentDragging$5 = appointmentDragging.onAdd) || void 0 === _appointmentDragging$5 || _appointmentDragging$5.call(appointmentDragging, e)
                        }
                        if (this.dragBetweenComponentsPromise) {
                            this.dragBetweenComponentsPromise.resolve()
                        }
                    }
                }
                addTo(container, config) {
                    const appointmentDragging = this.scheduler.option("appointmentDragging") || {};
                    const options = (0, _extend.extend)({
                        component: this.scheduler,
                        contentTemplate: null,
                        filter: ".dx-scheduler-appointment",
                        immediate: false,
                        onDragStart: this.onDragStart.bind(this),
                        onDragMove: this.onDragMove.bind(this),
                        onDragEnd: this.onDragEnd.bind(this),
                        onDragCancel: this.onDragCancel.bind(this)
                    }, config);
                    this.appointments._createComponent(container, _draggable.default, (0, _extend.extend)({}, options, appointmentDragging, {
                        onDragStart: this.createDragStartHandler(options, appointmentDragging),
                        onDragMove: this.createDragMoveHandler(options, appointmentDragging),
                        onDragEnd: this.createDragEndHandler(options, appointmentDragging),
                        onDrop: this.createDropHandler(appointmentDragging),
                        onCancelByEsc: true
                    }))
                }
                updateDragSource(appointment, settings) {
                    const {
                        appointmentInfo: appointmentInfo
                    } = this;
                    if (appointmentInfo || appointment) {
                        const currentAppointment = appointment || appointmentInfo.appointment;
                        const currentSettings = settings || appointmentInfo.settings;
                        this.appointments._setDragSourceAppointment(currentAppointment, currentSettings)
                    }
                }
                removeDroppableClasses() {
                    this.appointments._removeDragSourceClassFromDraggedAppointment();
                    this.workspace.removeDroppableCellClass()
                }
            }
        },
        80126(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.VIRTUAL_CELL_CLASS = exports.VERTICAL_GROUP_COUNT_CLASSES = exports.TIME_PANEL_CLASS = exports.REDUCED_APPOINTMENT_PARTS_CLASSES = exports.REDUCED_APPOINTMENT_ICON = exports.REDUCED_APPOINTMENT_CLASS = exports.RECURRENCE_APPOINTMENT_CLASS = exports.LAST_GROUP_CELL_CLASS = exports.HEADER_CURRENT_TIME_CELL_CLASS = exports.GROUP_ROW_CLASS = exports.GROUP_HEADER_CONTENT_CLASS = exports.FIXED_CONTAINER_CLASS = exports.FIRST_GROUP_CELL_CLASS = exports.EMPTY_APPOINTMENT_CLASS = exports.DIRECTION_APPOINTMENT_CLASSES = exports.DATE_TABLE_ROW_CLASS = exports.DATE_TABLE_CLASS = exports.APPOINTMENT_ITEM_CLASS = exports.APPOINTMENT_HAS_RESOURCE_COLOR_CLASS = exports.APPOINTMENT_DRAG_SOURCE_CLASS = exports.APPOINTMENT_CONTENT_CLASSES = exports.ALL_DAY_APPOINTMENT_CLASS = exports.AGENDA_LAST_IN_DATE_APPOINTMENT_CLASS = void 0;
            exports.FIXED_CONTAINER_CLASS = "dx-scheduler-fixed-appointments";
            exports.REDUCED_APPOINTMENT_CLASS = "dx-scheduler-appointment-reduced";
            exports.REDUCED_APPOINTMENT_ICON = "dx-scheduler-appointment-reduced-icon";
            exports.RECURRENCE_APPOINTMENT_CLASS = "dx-scheduler-appointment-recurrence";
            exports.EMPTY_APPOINTMENT_CLASS = "dx-scheduler-appointment-empty";
            exports.ALL_DAY_APPOINTMENT_CLASS = "dx-scheduler-all-day-appointment";
            exports.REDUCED_APPOINTMENT_PARTS_CLASSES = {
                head: "dx-scheduler-appointment-head",
                body: "dx-scheduler-appointment-body",
                tail: "dx-scheduler-appointment-tail"
            };
            exports.DIRECTION_APPOINTMENT_CLASSES = {
                horizontal: "dx-scheduler-appointment-horizontal",
                vertical: "dx-scheduler-appointment-vertical"
            };
            exports.APPOINTMENT_DRAG_SOURCE_CLASS = "dx-scheduler-appointment-drag-source";
            exports.APPOINTMENT_ITEM_CLASS = "dx-scheduler-appointment";
            exports.APPOINTMENT_CONTENT_CLASSES = {
                APPOINTMENT_CONTENT_DETAILS: "dx-scheduler-appointment-content-details",
                RECURRING_ICON: "dx-scheduler-appointment-recurrence-icon",
                APPOINTMENT_TITLE: "dx-scheduler-appointment-title",
                APPOINTMENT_DATE: "dx-scheduler-appointment-content-date",
                ALL_DAY_CONTENT: "dx-scheduler-appointment-content-allday",
                ARIA_DESCRIPTION: "dx-scheduler-appointment-aria-description",
                ITEM: "dx-scheduler-appointment",
                STRIP: "dx-scheduler-appointment-strip",
                AGENDA_MARKER: "dx-scheduler-agenda-appointment-marker",
                AGENDA_RESOURCE_LIST: "dx-scheduler-appointment-resource-list",
                AGENDA_RESOURCE_LIST_ITEM: "dx-scheduler-appointment-resource-item",
                AGENDA_RESOURCE_LIST_ITEM_VALUE: "dx-scheduler-appointment-resource-item-value"
            };
            exports.AGENDA_LAST_IN_DATE_APPOINTMENT_CLASS = "dx-scheduler-last-in-date-agenda-appointment";
            exports.APPOINTMENT_HAS_RESOURCE_COLOR_CLASS = "dx-scheduler-appointment-has-resource-color";
            exports.HEADER_CURRENT_TIME_CELL_CLASS = "dx-scheduler-header-panel-current-time-cell";
            exports.VIRTUAL_CELL_CLASS = "dx-scheduler-virtual-cell";
            exports.TIME_PANEL_CLASS = "dx-scheduler-time-panel";
            exports.DATE_TABLE_CLASS = "dx-scheduler-date-table";
            exports.DATE_TABLE_ROW_CLASS = "dx-scheduler-date-table-row";
            exports.GROUP_ROW_CLASS = "dx-scheduler-group-row";
            exports.GROUP_HEADER_CONTENT_CLASS = "dx-scheduler-group-header-content";
            exports.LAST_GROUP_CELL_CLASS = "dx-scheduler-last-group-cell";
            exports.FIRST_GROUP_CELL_CLASS = "dx-scheduler-first-group-cell";
            exports.VERTICAL_GROUP_COUNT_CLASSES = ["dx-scheduler-group-column-count-one", "dx-scheduler-group-column-count-two", "dx-scheduler-group-column-count-three"]
        },
        64787(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CompactAppointmentsHelper = void 0;
            var _translator = __webpack_require__( /*! ../../common/core/animation/translator */ 88603);
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/date */ 38662));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _function_template = __webpack_require__( /*! ../../core/templates/function_template */ 38699);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../ui/button */ 64973));
            var _constants = __webpack_require__( /*! ./constants */ 25307);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.CompactAppointmentsHelper = class {
                constructor(instance) {
                    this.elements = [];
                    this.instance = instance
                }
                render(options) {
                    const {
                        isCompact: isCompact,
                        items: items
                    } = options;
                    const template = this.createTemplate(items.length, isCompact);
                    const button = this.createCompactButton(template, options);
                    const $button = button.$element();
                    this.elements.push($button);
                    $button.data("items", items);
                    return $button
                }
                clear() {
                    this.elements.forEach(button => {
                        button.detach();
                        button.remove()
                    });
                    this.elements = []
                }
                onButtonClick(e, options) {
                    const $button = (0, _renderer.default)(e.element);
                    this.instance.showAppointmentTooltipCore($button, $button.data("items"), this.getExtraOptionsForTooltip(options, $button))
                }
                getExtraOptionsForTooltip(options, $appointmentCollector) {
                    return {
                        clickEvent: this.clickEvent(options.onAppointmentClick).bind(this),
                        dragBehavior: options.allowDrag && this.createTooltipDragBehavior($appointmentCollector).bind(this),
                        isButtonClick: true,
                        _loopFocus: true
                    }
                }
                clickEvent(onAppointmentClick) {
                    return e => {
                        const clickEventArgs = this.instance._createEventArgs(e);
                        onAppointmentClick(clickEventArgs)
                    }
                }
                createTooltipDragBehavior($appointmentCollector) {
                    return e => {
                        const $element = (0, _renderer.default)(e.element);
                        const $schedulerElement = (0, _renderer.default)(this.instance.element());
                        const workSpace = this.instance.getWorkSpace();
                        const initialPosition = (0, _translator.locate)($appointmentCollector);
                        const options = {
                            filter: `.${_constants.LIST_ITEM_CLASS}`,
                            isSetCursorOffset: true,
                            initialPosition: initialPosition,
                            getItemData: itemElement => {
                                var _$$data;
                                return null === (_$$data = (0, _renderer.default)(itemElement).data(_constants.LIST_ITEM_DATA_KEY)) || void 0 === _$$data ? void 0 : _$$data.appointment
                            },
                            getItemSettings: (_, event) => event.itemSettings
                        };
                        workSpace.createDragBehaviorBase($element, $schedulerElement, options)
                    }
                }
                setPosition(element, position) {
                    (0, _translator.move)(element, {
                        top: position.top,
                        left: position.left
                    })
                }
                createCompactButton(template, options) {
                    const $button = this.createCompactButtonElement(options);
                    return this.instance._createComponent($button, _button.default, {
                        type: "default",
                        width: options.width,
                        height: options.height,
                        onClick: e => this.onButtonClick(e, options),
                        template: this.renderTemplate(template, options.items, options.isCompact)
                    })
                }
                static measureCollectorDimensions($container, isCompact) {
                    const $collector = (0, _renderer.default)("<div>").addClass("dx-scheduler-appointment-collector").toggleClass("dx-scheduler-appointment-collector-compact", isCompact).appendTo($container);
                    const styles = getComputedStyle($collector.get(0));
                    const geometry = {
                        width: styles.width,
                        height: styles.height,
                        marginLeft: styles.marginLeft,
                        marginRight: styles.marginRight,
                        marginTop: styles.marginTop,
                        marginBottom: styles.marginBottom
                    };
                    $collector.detach();
                    $collector.remove();
                    return geometry
                }
                createCompactButtonElement(_ref) {
                    let {
                        isCompact: isCompact,
                        $container: $container,
                        coordinates: coordinates,
                        sortedIndex: sortedIndex,
                        items: items
                    } = _ref;
                    const appointmentDate = this.getDateText(items[0].appointment, items[0].targetedAppointment);
                    const result = (0, _renderer.default)("<div>").addClass("dx-scheduler-appointment-collector").attr("aria-roledescription", appointmentDate).toggleClass("dx-scheduler-appointment-collector-compact", isCompact).appendTo($container);
                    result.data(_constants.APPOINTMENT_SETTINGS_KEY, {
                        sortedIndex: sortedIndex
                    });
                    this.setPosition(result, coordinates);
                    return result
                }
                renderTemplate(template, items, isCompact) {
                    return new _function_template.FunctionTemplate(options => template.render({
                        model: {
                            appointmentCount: items.length,
                            items: items.map(item => item.appointment),
                            isCompact: isCompact
                        },
                        container: options.container
                    }))
                }
                createTemplate(count, isCompact) {
                    this.initButtonTemplate(count, isCompact);
                    return this.instance.getAppointmentTemplate("appointmentCollectorTemplate")
                }
                initButtonTemplate(count, isCompact) {
                    this.instance._templateManager.addDefaultTemplates({
                        appointmentCollector: new _function_template.FunctionTemplate(options => this.createButtonTemplate(count, (0, _renderer.default)(options.container), isCompact))
                    })
                }
                createButtonTemplate(appointmentCount, element, isCompact) {
                    const text = isCompact ? appointmentCount : _message.default.getFormatter("dxScheduler-moreAppointments")(appointmentCount);
                    return element.append((0, _renderer.default)("<span>").text(text)).addClass("dx-scheduler-appointment-collector-content")
                }
                localizeDate(date) {
                    return `${_date.default.format(date,"monthAndDay")}, ${_date.default.format(date,"year")}`
                }
                getDateText(appointment, targetedAppointment) {
                    const startDate = (null === targetedAppointment || void 0 === targetedAppointment ? void 0 : targetedAppointment.displayStartDate) ?? appointment.startDate;
                    const endDate = (null === targetedAppointment || void 0 === targetedAppointment ? void 0 : targetedAppointment.displayEndDate) ?? appointment.endDate;
                    const startDateText = this.localizeDate(startDate);
                    const endDateText = this.localizeDate(endDate);
                    return startDateText === endDateText ? startDateText : `${startDateText} - ${endDateText}`
                }
            }
        },
        73922(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.hide = function() {
                if (!loading) {
                    return (new _deferred.Deferred).resolve()
                }
                return loading.hide().done(removeLoadPanel).promise()
            };
            exports.show = function(options) {
                removeLoadPanel();
                loading = function(options) {
                    return new _load_panel.default((0, _renderer.default)("<div>").appendTo(options && options.container || (0, _view_port.value)()), options)
                }(options);
                return loading.show()
            };
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _view_port = __webpack_require__( /*! ../../core/utils/view_port */ 55355);
            var _load_panel = _interopRequireDefault(__webpack_require__( /*! ../../ui/load_panel */ 31876));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            let loading = null;
            const removeLoadPanel = function() {
                if (!loading) {
                    return
                }
                loading.$element().remove();
                loading = null
            }
        },
        84056(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ../../ui/radio_group */ 84798);
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/date */ 38662));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/date */ 41380));
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _button_group = _interopRequireDefault(__webpack_require__( /*! ../../ui/button_group */ 17809));
            var _editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/editor/editor */ 78694));
            var _form = _interopRequireDefault(__webpack_require__( /*! ../../ui/form */ 74075));
            var _themes = __webpack_require__( /*! ../../ui/themes */ 52071);
            var _base = __webpack_require__( /*! ./recurrence/base */ 57872);
            var _days_from_by_day_rule = __webpack_require__( /*! ./recurrence/days_from_by_day_rule */ 2165);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const INTERVAL_EDITOR = "dx-recurrence-numberbox-interval";
            const frequenciesMessages = [{
                recurrence: "dxScheduler-recurrenceHourly",
                value: "hourly"
            }, {
                recurrence: "dxScheduler-recurrenceDaily",
                value: "daily"
            }, {
                recurrence: "dxScheduler-recurrenceWeekly",
                value: "weekly"
            }, {
                recurrence: "dxScheduler-recurrenceMonthly",
                value: "monthly"
            }, {
                recurrence: "dxScheduler-recurrenceYearly",
                value: "yearly"
            }];
            const frequencies = frequenciesMessages.map(item => ({
                text: () => _message.default.format(item.recurrence),
                value: item.value
            }));
            const repeatEndTypes = [{
                type: "never"
            }, {
                type: "until"
            }, {
                type: "count"
            }];
            const days = ["SU", "MO", "TU", "WE", "TH", "FR", "SA"];
            const getStylingModeFunc = () => (0, _themes.isFluent)((0, _themes.current)()) ? "filled" : void 0;
            class RecurrenceRule {
                constructor(rule) {
                    this.recurrenceRule = (0, _base.parseRecurrenceRule)(rule)
                }
                makeRules(string) {
                    this.recurrenceRule = (0, _base.parseRecurrenceRule)(string)
                }
                makeRule(field, value) {
                    if (!value || Array.isArray(value) && !value.length) {
                        delete this.recurrenceRule[field];
                        return
                    }
                    if ((0, _type.isDefined)(field)) {
                        if ("until" === field) {
                            delete this.recurrenceRule.count
                        }
                        if ("count" === field) {
                            delete this.recurrenceRule.until
                        }
                        this.recurrenceRule[field] = value
                    }
                }
                getRepeatEndRule() {
                    const rules = this.recurrenceRule;
                    if ("count" in rules) {
                        return "count"
                    }
                    if ("until" in rules) {
                        return "until"
                    }
                    return "never"
                }
                getRecurrenceString() {
                    return (0, _base.getRecurrenceString)(this.recurrenceRule)
                }
                getRules() {
                    return this.recurrenceRule
                }
                getDaysFromByDayRule() {
                    return (0, _days_from_by_day_rule.daysFromByDayRule)(this.recurrenceRule)
                }
            }
            class RecurrenceEditor extends _editor.default {
                _getDefaultOptions() {
                    const defaultOptions = super._getDefaultOptions();
                    return (0, _extend.extend)(defaultOptions, {
                        value: null,
                        startDate: new Date,
                        firstDayOfWeek: void 0
                    })
                }
                getFirstDayOfWeek() {
                    const firstDayOfWeek = this.option("firstDayOfWeek");
                    return (0, _type.isDefined)(firstDayOfWeek) ? firstDayOfWeek : _date.default.firstDayOfWeekIndex()
                }
                createComponent(element, name) {
                    let config = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
                    this._extendConfig(config, {
                        readOnly: this.option("readOnly")
                    });
                    return super._createComponent(element, name, config)
                }
                _init() {
                    super._init();
                    this.recurrenceRule = new RecurrenceRule(this.option("value"))
                }
                _render() {
                    super._render();
                    this.$element().addClass("dx-recurrence-editor");
                    this.$container = (0, _renderer.default)("<div>").addClass("dx-recurrence-editor-container").appendTo(this.$element());
                    this.prepareEditors();
                    this.renderEditors(this.$container);
                    this.updateRepeatInputAriaLabel()
                }
                getEditorByField(fieldName) {
                    let editor = this.getRecurrenceForm().getEditor(fieldName);
                    if (!(0, _type.isDefined)(editor)) {
                        if ("byday" === fieldName) {
                            editor = this.weekEditor
                        }
                    }
                    return editor
                }
                prepareEditors() {
                    const freq = (this.recurrenceRule.getRules().freq || frequenciesMessages[1].value).toLowerCase();
                    this.editors = [this.createFreqEditor(freq), this.createIntervalEditor(freq), this.createRepeatOnLabel(freq), {
                        itemType: "group",
                        cssClass: "dx-recurrence-repeat-on",
                        colCount: 2,
                        colCountByScreen: {
                            xs: 2
                        },
                        items: this.createRepeatOnEditor(freq)
                    }, {
                        itemType: "group",
                        colCount: 2,
                        items: this.createRepeatEndEditor()
                    }];
                    return this.editors
                }
                createFreqEditor(freq) {
                    return {
                        dataField: "freq",
                        name: "FREQ",
                        editorType: "dxSelectBox",
                        cssClass: "dx-recurrence-selectbox-freq",
                        editorOptions: {
                            stylingMode: getStylingModeFunc(),
                            items: frequencies,
                            value: freq,
                            field: "freq",
                            valueExpr: "value",
                            displayExpr: "text",
                            layout: "horizontal",
                            elementAttr: {
                                class: "dx-recurrence-selectbox-freq"
                            },
                            onValueChanged: args => this.valueChangedHandler(args)
                        },
                        label: {
                            text: _message.default.format("dxScheduler-editorLabelRecurrence")
                        }
                    }
                }
                createIntervalEditor(freq) {
                    const interval = this.recurrenceRule.getRules().interval || 1;
                    return {
                        itemType: "group",
                        colCount: 2,
                        cssClass: `${INTERVAL_EDITOR}-wrapper`,
                        colCountByScreen: {
                            xs: 2
                        },
                        items: [{
                            dataField: "interval",
                            editorType: "dxNumberBox",
                            editorOptions: {
                                stylingMode: getStylingModeFunc(),
                                format: "#",
                                width: 90,
                                min: 1,
                                field: "interval",
                                value: interval,
                                showSpinButtons: true,
                                useLargeSpinButtons: false,
                                elementAttr: {
                                    class: INTERVAL_EDITOR
                                },
                                onValueChanged: args => this.valueChangedHandler(args)
                            },
                            label: {
                                text: _message.default.format("dxScheduler-recurrenceRepeatEvery")
                            }
                        }, {
                            name: "intervalLabel",
                            cssClass: `${INTERVAL_EDITOR}-label`,
                            template: () => _message.default.format(`dxScheduler-recurrenceRepeat${freq.charAt(0).toUpperCase()}${freq.substr(1).toLowerCase()}`)
                        }]
                    }
                }
                createRepeatOnLabel(freq) {
                    return {
                        itemType: "group",
                        cssClass: "dx-recurrence-repeat-on-label",
                        items: [{
                            name: "repeatOnLabel",
                            colSpan: 2,
                            template: () => _message.default.format("dxScheduler-recurrenceRepeatOn"),
                            visible: freq && "daily" !== freq && "hourly" !== freq
                        }]
                    }
                }
                createRepeatOnEditor(freq) {
                    return [this.createByDayEditor(freq), this.createByMonthEditor(freq), this.createByMonthDayEditor(freq)]
                }
                createByDayEditor(freq) {
                    return {
                        dataField: "byday",
                        colSpan: 2,
                        template: (_, itemElement) => {
                            const firstDayOfWeek = this.getFirstDayOfWeek();
                            const byDay = this.daysOfWeekByRules();
                            const localDaysNames = _date.default.getDayNames("abbreviated");
                            const dayNames = days.slice(firstDayOfWeek).concat(days.slice(0, firstDayOfWeek));
                            const itemsButtonGroup = localDaysNames.slice(firstDayOfWeek).concat(localDaysNames.slice(0, firstDayOfWeek)).map((item, index) => ({
                                text: item,
                                key: dayNames[index]
                            }));
                            this.$repeatOnWeek = (0, _renderer.default)("<div>").addClass("dx-recurrence-button-group").appendTo(itemElement);
                            this.weekEditor = this.createComponent(this.$repeatOnWeek, _button_group.default, {
                                items: itemsButtonGroup,
                                field: "byday",
                                selectionMode: "multiple",
                                selectedItemKeys: byDay,
                                keyExpr: "key",
                                onSelectionChanged: e => {
                                    const selectedItemKeys = e.component.option("selectedItemKeys");
                                    const selectedKeys = null !== selectedItemKeys && void 0 !== selectedItemKeys && selectedItemKeys.length ? selectedItemKeys : this.getDefaultByDayValue();
                                    this.recurrenceRule.makeRule("byday", selectedKeys);
                                    this.changeEditorValue()
                                }
                            })
                        },
                        visible: "weekly" === freq,
                        label: {
                            visible: false
                        }
                    }
                }
                createByMonthEditor(freq) {
                    const monthsName = _date.default.getMonthNames("wide");
                    const months = [...Array(12)].map((_, i) => ({
                        value: `${i+1}`,
                        text: monthsName[i]
                    }));
                    return {
                        dataField: "bymonth",
                        editorType: "dxSelectBox",
                        editorOptions: {
                            stylingMode: getStylingModeFunc(),
                            field: "bymonth",
                            items: months,
                            value: this.monthOfYearByRules(),
                            width: 120,
                            displayExpr: "text",
                            valueExpr: "value",
                            elementAttr: {
                                class: "dx-recurrence-selectbox-month-of-year"
                            },
                            onValueChanged: args => this.valueChangedHandler(args)
                        },
                        visible: "yearly" === freq,
                        label: {
                            visible: false
                        }
                    }
                }
                createByMonthDayEditor(freq) {
                    return {
                        dataField: "bymonthday",
                        editorType: "dxNumberBox",
                        editorOptions: {
                            stylingMode: getStylingModeFunc(),
                            min: 1,
                            max: 31,
                            format: "#",
                            width: 90,
                            field: "bymonthday",
                            showSpinButtons: true,
                            useLargeSpinButtons: false,
                            value: this.dayOfMonthByRules(),
                            elementAttr: {
                                class: "dx-recurrence-numberbox-day-of-month"
                            },
                            onValueChanged: args => this.valueChangedHandler(args)
                        },
                        visible: "monthly" === freq || "yearly" === freq,
                        label: {
                            visible: false
                        }
                    }
                }
                createRepeatEndEditor() {
                    const repeatType = this.recurrenceRule.getRepeatEndRule();
                    return [{
                        colSpan: 2,
                        template: _message.default.format("dxScheduler-recurrenceEnd")
                    }, {
                        colSpan: 1,
                        label: {
                            visible: false
                        },
                        dataField: "repeatEnd",
                        editorType: "dxRadioGroup",
                        editorOptions: {
                            items: repeatEndTypes,
                            value: repeatType,
                            valueExpr: "type",
                            field: "repeatEnd",
                            itemTemplate: itemData => {
                                if ("count" === itemData.type) {
                                    return _message.default.format("dxScheduler-recurrenceAfter")
                                }
                                if ("until" === itemData.type) {
                                    return _message.default.format("dxScheduler-recurrenceOn")
                                }
                                return _message.default.format("dxScheduler-recurrenceNever")
                            },
                            layout: "vertical",
                            elementAttr: {
                                class: "dx-recurrence-radiogroup-repeat-type"
                            },
                            onValueChanged: args => this.repeatEndValueChangedHandler(args)
                        }
                    }, {
                        colSpan: 1,
                        itemType: "group",
                        items: [this.getRepeatUntilEditorOptions(), this.getRepeatCountEditorOptions()]
                    }]
                }
                renderEditors($container) {
                    this.recurrenceForm = this.createComponent($container, _form.default, {
                        items: this.editors,
                        showValidationSummary: false,
                        scrollingEnabled: true,
                        showColonAfterLabel: false,
                        labelLocation: "top"
                    });
                    this.changeRepeatEndInputsVisibility()
                }
                getRecurrenceForm() {
                    return this.recurrenceForm
                }
                changeValueByVisibility(value) {
                    if (value) {
                        if (!this.option("value")) {
                            this.handleDefaults()
                        }
                    } else {
                        this.recurrenceRule.makeRules("");
                        this.option("value", "")
                    }
                }
                handleDefaults() {
                    this.recurrenceRule.makeRule("freq", frequenciesMessages[1].value);
                    this.changeEditorValue()
                }
                changeEditorValue() {
                    this.option("value", this.recurrenceRule.getRecurrenceString() ?? "")
                }
                daysOfWeekByRules() {
                    let daysByRule = this.recurrenceRule.getDaysFromByDayRule();
                    if (!daysByRule.length) {
                        daysByRule = this.getDefaultByDayValue()
                    }
                    return daysByRule
                }
                getDefaultByDayValue() {
                    const startDate = this.option("startDate");
                    const startDay = startDate.getDay();
                    return [days[startDay]]
                }
                dayOfMonthByRules() {
                    let dayByRule = this.recurrenceRule.getRules().bymonthday;
                    if (!dayByRule) {
                        dayByRule = this.option("startDate").getDate()
                    }
                    return dayByRule
                }
                monthOfYearByRules() {
                    let monthByRule = this.recurrenceRule.getRules().bymonth;
                    if (!monthByRule) {
                        monthByRule = this.option("startDate").getMonth() + 1
                    }
                    return String(monthByRule)
                }
                repeatEndValueChangedHandler(args) {
                    const {
                        value: value
                    } = args;
                    this.changeRepeatEndInputsVisibility(value);
                    if ("until" === value) {
                        this.recurrenceRule.makeRule(value, this.getUntilValue())
                    }
                    if ("count" === value) {
                        this.recurrenceRule.makeRule(value, this.recurrenceForm.option("formData.count"))
                    }
                    if ("never" === value) {
                        this.recurrenceRule.makeRule("count", "");
                        this.recurrenceRule.makeRule("until", "")
                    }
                    this.changeEditorValue();
                    this.updateRepeatInputAriaLabel()
                }
                changeRepeatEndInputsVisibility() {
                    let value = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this.recurrenceRule.getRepeatEndRule();
                    if ("until" === value) {
                        this.recurrenceForm.itemOption("until", "visible", true);
                        this.recurrenceForm.itemOption("count", "visible", false)
                    }
                    if ("count" === value) {
                        this.recurrenceForm.itemOption("until", "visible", false);
                        this.recurrenceForm.itemOption("count", "visible", true)
                    }
                    if ("never" === value) {
                        this.recurrenceForm.itemOption("until", "visible", false);
                        this.recurrenceForm.itemOption("count", "visible", false)
                    }
                }
                getRepeatCountEditorOptions() {
                    const count = this.recurrenceRule.getRules().count || 1;
                    return {
                        dataField: "count",
                        cssClass: "dx-recurrence-numberbox-repeat-count",
                        label: {
                            visible: false
                        },
                        editorType: "dxNumberBox",
                        editorOptions: {
                            stylingMode: getStylingModeFunc(),
                            field: "count",
                            format: `# ${_message.default.format("dxScheduler-recurrenceRepeatCount")}`,
                            width: "100%",
                            min: 1,
                            showSpinButtons: true,
                            useLargeSpinButtons: false,
                            value: count,
                            onValueChanged: this.repeatCountValueChangeHandler.bind(this),
                            inputAttr: {
                                "aria-label": _message.default.format("dxScheduler-recurrenceOccurrenceLabel")
                            }
                        }
                    }
                }
                updateRepeatInputAriaLabel() {
                    const radioButtons = this.getEditorByField("repeatEnd").itemElements();
                    const untilLabel = _message.default.format("dxScheduler-recurrenceOn");
                    const untilValue = this.recurrenceForm.getEditor("until").option("value");
                    const untilValueFormat = `${_date.default.format(untilValue,"d")} ${_date.default.format(untilValue,"monthAndYear")}`;
                    const isUntilVisible = this.recurrenceForm.itemOption("until").visible;
                    const countLabel = _message.default.format("dxScheduler-recurrenceAfter");
                    const countPostfix = _message.default.format("dxScheduler-recurrenceRepeatCount");
                    const countValue = this.recurrenceForm.getEditor("count").option("value");
                    const isCountVisible = this.recurrenceForm.itemOption("count").visible;
                    radioButtons[1].setAttribute("aria-label", isUntilVisible ? `${untilLabel} ${untilValueFormat}` : untilLabel);
                    radioButtons[2].setAttribute("aria-label", isCountVisible ? `${countLabel} ${countValue} ${countPostfix}` : countLabel)
                }
                repeatCountValueChangeHandler(args) {
                    if ("count" === this.recurrenceRule.getRepeatEndRule()) {
                        const {
                            value: value
                        } = args;
                        this.recurrenceRule.makeRule("count", value);
                        this.changeEditorValue();
                        this.updateRepeatInputAriaLabel()
                    }
                }
                getRepeatUntilEditorOptions() {
                    const until = this.getUntilValue();
                    return {
                        dataField: "until",
                        label: {
                            visible: false
                        },
                        cssClass: "dx-recurrence-datebox-until-date",
                        editorType: "dxDateBox",
                        editorOptions: {
                            stylingMode: getStylingModeFunc(),
                            field: "until",
                            value: until,
                            type: "date",
                            width: "100%",
                            onValueChanged: this.repeatUntilValueChangeHandler.bind(this),
                            calendarOptions: {
                                firstDayOfWeek: this.getFirstDayOfWeek()
                            },
                            useMaskBehavior: true,
                            inputAttr: {
                                "aria-label": _message.default.format("dxScheduler-recurrenceUntilDateLabel")
                            }
                        }
                    }
                }
                formatUntilDate(date) {
                    const untilDate = this.recurrenceRule.getRules().until;
                    const isSameDate = _date2.default.sameDate(untilDate, date);
                    return untilDate && isSameDate ? date : _date2.default.setToDayEnd(date)
                }
                repeatUntilValueChangeHandler(args) {
                    if ("until" === this.recurrenceRule.getRepeatEndRule()) {
                        const dateInTimeZone = this.formatUntilDate(new Date(args.value));
                        const getStartDateTimeZone = this.option("getStartDateTimeZone");
                        const appointmentTimeZone = getStartDateTimeZone();
                        const path = appointmentTimeZone ? "fromAppointment" : "fromGrid";
                        const dateInLocaleTimeZone = this.option("timeZoneCalculator").createDate(dateInTimeZone, path, appointmentTimeZone);
                        this.recurrenceRule.makeRule("until", dateInLocaleTimeZone);
                        this.changeEditorValue();
                        this.updateRepeatInputAriaLabel()
                    }
                }
                valueChangedHandler(args) {
                    const {
                        value: value,
                        previousValue: previousValue
                    } = args;
                    const field = args.component.option("field");
                    if (!this.option("visible")) {
                        this.option("value", "")
                    } else {
                        this.recurrenceRule.makeRule(field, value);
                        if ("freq" === field) {
                            this.makeRepeatOnRule(value);
                            this.changeRepeatOnVisibility(value, previousValue)
                        }
                        this.changeEditorValue()
                    }
                }
                makeRepeatOnRule(value) {
                    if ("daily" === value || "hourly" === value) {
                        this.recurrenceRule.makeRule("byday", "");
                        this.recurrenceRule.makeRule("bymonth", "");
                        this.recurrenceRule.makeRule("bymonthday", "")
                    }
                    if ("weekly" === value) {
                        this.recurrenceRule.makeRule("byday", this.daysOfWeekByRules());
                        this.recurrenceRule.makeRule("bymonth", "");
                        this.recurrenceRule.makeRule("bymonthday", "")
                    }
                    if ("monthly" === value) {
                        this.recurrenceRule.makeRule("bymonthday", this.dayOfMonthByRules());
                        this.recurrenceRule.makeRule("bymonth", "");
                        this.recurrenceRule.makeRule("byday", "")
                    }
                    if ("yearly" === value) {
                        this.recurrenceRule.makeRule("bymonthday", this.dayOfMonthByRules());
                        this.recurrenceRule.makeRule("bymonth", this.monthOfYearByRules());
                        this.recurrenceRule.makeRule("byday", "")
                    }
                }
                _optionChanged(args) {
                    var _this$recurrenceForm, _this$weekEditor;
                    switch (args.name) {
                        case "readOnly":
                            null === (_this$recurrenceForm = this.recurrenceForm) || void 0 === _this$recurrenceForm || _this$recurrenceForm.option("readOnly", args.value);
                            null === (_this$weekEditor = this.weekEditor) || void 0 === _this$weekEditor || _this$weekEditor.option("readOnly", args.value);
                            super._optionChanged(args);
                            break;
                        case "value":
                            this.recurrenceRule.makeRules(args.value);
                            this.changeRepeatIntervalLabel();
                            this.changeRepeatEndInputsVisibility();
                            this.changeEditorsValue(this.recurrenceRule.getRules());
                            super._optionChanged(args);
                            break;
                        case "startDate":
                            this.makeRepeatOnRule(this.recurrenceRule.getRules().freq);
                            if ((0, _type.isDefined)(this.recurrenceRule.getRecurrenceString())) {
                                this.changeEditorValue()
                            }
                            break;
                        case "firstDayOfWeek":
                            if (this.weekEditor) {
                                const localDaysNames = _date.default.getDayNames("abbreviated");
                                const dayNames = days.slice(args.value).concat(days.slice(0, args.value));
                                const itemsButtonGroup = localDaysNames.slice(args.value).concat(localDaysNames.slice(0, args.value)).map((item, index) => ({
                                    text: item,
                                    key: dayNames[index]
                                }));
                                this.weekEditor.option("items", itemsButtonGroup)
                            }
                            if (this.recurrenceForm.itemOption("until").visible) {
                                this.recurrenceForm.getEditor("until").option("calendarOptions.firstDayOfWeek", this.getFirstDayOfWeek())
                            }
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                changeRepeatOnVisibility(freq, previousFreq) {
                    if (freq !== previousFreq) {
                        this.recurrenceForm.itemOption("byday", "visible", false);
                        this.recurrenceForm.itemOption("bymonthday", "visible", false);
                        this.recurrenceForm.itemOption("bymonth", "visible", false);
                        this.recurrenceForm.itemOption("repeatOnLabel", "visible", freq && "daily" !== freq && "hourly" !== freq);
                        if ("weekly" === freq) {
                            this.recurrenceForm.itemOption("byday", "visible", true)
                        }
                        if ("monthly" === freq) {
                            this.recurrenceForm.itemOption("bymonthday", "visible", true)
                        }
                        if ("yearly" === freq) {
                            this.recurrenceForm.itemOption("bymonthday", "visible", true);
                            this.recurrenceForm.itemOption("bymonth", "visible", true)
                        }
                    }
                }
                changeRepeatIntervalLabel() {
                    const {
                        freq: freq
                    } = this.recurrenceRule.getRules();
                    freq && this.recurrenceForm.itemOption("intervalLabel", "template", _message.default.format(`dxScheduler-recurrenceRepeat${freq.charAt(0).toUpperCase()}${freq.substr(1).toLowerCase()}`))
                }
                changeEditorsValue(rules) {
                    this.recurrenceForm.getEditor("freq").option("value", (rules.freq || frequenciesMessages[1].value).toLowerCase());
                    this.changeDayOfWeekValue();
                    this.changeDayOfMonthValue();
                    this.changeMonthOfYearValue();
                    this.changeIntervalValue(rules.interval);
                    this.changeRepeatCountValue();
                    this.changeRepeatEndValue();
                    this.changeRepeatUntilValue()
                }
                changeIntervalValue(value) {
                    this.recurrenceForm.getEditor("interval").option("value", value || 1)
                }
                changeRepeatEndValue() {
                    const repeatType = this.recurrenceRule.getRepeatEndRule();
                    this.recurrenceForm.getEditor("repeatEnd").option("value", repeatType)
                }
                changeDayOfWeekValue() {
                    const isEditorVisible = this.recurrenceForm.itemOption("byday").visible;
                    if (isEditorVisible) {
                        const days = this.daysOfWeekByRules();
                        this.getEditorByField("byday").option("selectedItemKeys", days)
                    }
                }
                changeDayOfMonthValue() {
                    const isEditorVisible = this.recurrenceForm.itemOption("bymonthday").visible;
                    if (isEditorVisible) {
                        const day = this.dayOfMonthByRules();
                        this.recurrenceForm.getEditor("bymonthday").option("value", day)
                    }
                }
                changeMonthOfYearValue() {
                    const isEditorVisible = this.recurrenceForm.itemOption("bymonth").visible;
                    if (isEditorVisible) {
                        const month = this.monthOfYearByRules();
                        this.recurrenceForm.getEditor("bymonth").option("value", month)
                    }
                }
                changeRepeatCountValue() {
                    const count = this.recurrenceRule.getRules().count || 1;
                    this.recurrenceForm.getEditor("count").option("value", count)
                }
                changeRepeatUntilValue() {
                    this.recurrenceForm.getEditor("until").option("value", this.getUntilValue())
                }
                getUntilValue() {
                    const untilDate = this.recurrenceRule.getRules().until;
                    if (!untilDate) {
                        return this.formatUntilDate(new Date)
                    }
                    const getStartDateTimeZone = this.option("getStartDateTimeZone");
                    const appointmentTimeZone = getStartDateTimeZone();
                    const path = appointmentTimeZone ? "toAppointment" : "toGrid";
                    return this.option("timeZoneCalculator").createDate(untilDate, path, appointmentTimeZone)
                }
            }(0, _component_registrator.default)("dxRecurrenceEditor", RecurrenceEditor);
            exports.default = RecurrenceEditor
        },
        21155(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.POPUP_DIALOG_CLASS = void 0;
            var _visibility_change = __webpack_require__( /*! ../../common/core/events/visibility_change */ 18029);
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/date */ 38662));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../core/config */ 66636));
            var _element = __webpack_require__( /*! ../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _bindable_template = __webpack_require__( /*! ../../core/templates/bindable_template */ 27286);
            var _empty_template = __webpack_require__( /*! ../../core/templates/empty_template */ 48650);
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/callbacks */ 84718));
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../core/utils/data */ 31e3);
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/date */ 41380));
            var _date_serialization = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/date_serialization */ 71051));
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _position = __webpack_require__( /*! ../../core/utils/position */ 41639);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _data_helper = _interopRequireDefault(__webpack_require__( /*! ../../data_helper */ 87755));
            var _dialog = __webpack_require__( /*! ../../ui/dialog */ 35757);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../ui/widget/ui.errors */ 35185));
            var _date3 = __webpack_require__( /*! ../core/utils/date */ 55594);
            var _a11y_status_render = __webpack_require__( /*! ./a11y_status/a11y_status_render */ 24988);
            var _a11y_status_text = __webpack_require__( /*! ./a11y_status/a11y_status_text */ 71883);
            var _m_form = __webpack_require__( /*! ./appointment_popup/m_form */ 8107);
            var _m_popup = __webpack_require__( /*! ./appointment_popup/m_popup */ 27483);
            var _m_appointment_collection = _interopRequireDefault(__webpack_require__( /*! ./appointments/m_appointment_collection */ 5311));
            var _appointments = __webpack_require__( /*! ./appointments_new/appointments */ 30820);
            var _m_widget_notify_scheduler = _interopRequireDefault(__webpack_require__( /*! ./base/m_widget_notify_scheduler */ 32060));
            var _m_header = __webpack_require__( /*! ./header/m_header */ 84829);
            var _m_compact_appointments_helper = __webpack_require__( /*! ./m_compact_appointments_helper */ 64787);
            var _m_loading = __webpack_require__( /*! ./m_loading */ 73922);
            var _m_subscribes = _interopRequireDefault(__webpack_require__( /*! ./m_subscribes */ 58713));
            var _m_utils = __webpack_require__( /*! ./m_utils */ 5327);
            var _m_utils_time_zone = _interopRequireDefault(__webpack_require__( /*! ./m_utils_time_zone */ 18648));
            var _remote = __webpack_require__( /*! ./r1/filterting/remote */ 89755);
            var _index = __webpack_require__( /*! ./r1/timezone_calculator/index */ 97777);
            var _index2 = __webpack_require__( /*! ./r1/utils/index */ 34396);
            var _validate_rule = __webpack_require__( /*! ./recurrence/validate_rule */ 25152);
            var _scheduler_options_base_widget = __webpack_require__( /*! ./scheduler_options_base_widget */ 13367);
            var _m_desktop_tooltip_strategy = __webpack_require__( /*! ./tooltip_strategies/m_desktop_tooltip_strategy */ 93048);
            var _m_mobile_tooltip_strategy = __webpack_require__( /*! ./tooltip_strategies/m_mobile_tooltip_strategy */ 96588);
            var _appointment_adapter = __webpack_require__( /*! ./utils/appointment_adapter/appointment_adapter */ 36791);
            var _appointment_data_accessor = __webpack_require__( /*! ./utils/data_accessor/appointment_data_accessor */ 94077);
            var _get_targeted_appointment = __webpack_require__( /*! ./utils/get_targeted_appointment */ 31985);
            var _index3 = __webpack_require__( /*! ./utils/index */ 80356);
            var _is_agenda_workpace_component = __webpack_require__( /*! ./utils/is_agenda_workpace_component */ 24862);
            var _constants_view = __webpack_require__( /*! ./utils/options/constants_view */ 43582);
            var _appointment_groups_utils = __webpack_require__( /*! ./utils/resource_manager/appointment_groups_utils */ 11649);
            var _resource_manager = __webpack_require__( /*! ./utils/resource_manager/resource_manager */ 42409);
            var _appointments_layout_manager = _interopRequireDefault(__webpack_require__( /*! ./view_model/appointments_layout_manager */ 67673));
            var _m_appointment_data_source = __webpack_require__( /*! ./view_model/m_appointment_data_source */ 61526);
            var _m_agenda = _interopRequireDefault(__webpack_require__( /*! ./workspaces/m_agenda */ 11129));
            var _m_timeline_day = _interopRequireDefault(__webpack_require__( /*! ./workspaces/m_timeline_day */ 52515));
            var _m_timeline_month = _interopRequireDefault(__webpack_require__( /*! ./workspaces/m_timeline_month */ 23791));
            var _m_timeline_week = _interopRequireDefault(__webpack_require__( /*! ./workspaces/m_timeline_week */ 10621));
            var _m_timeline_work_week = _interopRequireDefault(__webpack_require__( /*! ./workspaces/m_timeline_work_week */ 64063));
            var _m_work_space_day = _interopRequireDefault(__webpack_require__( /*! ./workspaces/m_work_space_day */ 83216));
            var _m_work_space_month = _interopRequireDefault(__webpack_require__( /*! ./workspaces/m_work_space_month */ 3416));
            var _m_work_space_week = _interopRequireDefault(__webpack_require__( /*! ./workspaces/m_work_space_week */ 23276));
            var _m_work_space_work_week = _interopRequireDefault(__webpack_require__( /*! ./workspaces/m_work_space_work_week */ 27420));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const toMs = _date2.default.dateToMilliseconds;
            const POPUP_DIALOG_CLASS = exports.POPUP_DIALOG_CLASS = "dx-dialog";
            const VIEWS_CONFIG = {
                day: {
                    workSpace: _m_work_space_day.default,
                    renderingStrategy: "vertical"
                },
                week: {
                    workSpace: _m_work_space_week.default,
                    renderingStrategy: "vertical"
                },
                workWeek: {
                    workSpace: _m_work_space_work_week.default,
                    renderingStrategy: "vertical"
                },
                month: {
                    workSpace: _m_work_space_month.default,
                    renderingStrategy: "horizontalMonth"
                },
                timelineDay: {
                    workSpace: _m_timeline_day.default,
                    renderingStrategy: "horizontal"
                },
                timelineWeek: {
                    workSpace: _m_timeline_week.default,
                    renderingStrategy: "horizontal"
                },
                timelineWorkWeek: {
                    workSpace: _m_timeline_work_week.default,
                    renderingStrategy: "horizontal"
                },
                timelineMonth: {
                    workSpace: _m_timeline_month.default,
                    renderingStrategy: "horizontalMonthLine"
                },
                agenda: {
                    workSpace: _m_agenda.default,
                    renderingStrategy: "agenda"
                }
            };
            const StoreEventNames_ADDING = "onAppointmentAdding",
                StoreEventNames_ADDED = "onAppointmentAdded",
                StoreEventNames_DELETING = "onAppointmentDeleting",
                StoreEventNames_DELETED = "onAppointmentDeleted",
                StoreEventNames_UPDATING = "onAppointmentUpdating",
                StoreEventNames_UPDATED = "onAppointmentUpdated";
            const RECURRENCE_EDITING_MODE_SERIES = "editSeries",
                RECURRENCE_EDITING_MODE_OCCURRENCE = "editOccurrence",
                RECURRENCE_EDITING_MODE_CANCEL = "cancel";
            class Scheduler extends _scheduler_options_base_widget.SchedulerOptionsBaseWidget {
                constructor() {
                    super(...arguments);
                    this.updatingAppointments = new Set
                }
                get timeZoneCalculator() {
                    if (!this.timeZoneCalculatorInstance) {
                        this.timeZoneCalculatorInstance = (0, _index.createTimeZoneCalculator)(this.option("timeZone"))
                    }
                    return this.timeZoneCalculatorInstance
                }
                postponeDataSourceLoading(promise) {
                    this.postponedOperations.add("_reloadDataSource", this.reloadDataSource.bind(this), promise)
                }
                postponeResourceLoading() {
                    let forceReload = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : false;
                    const whenLoaded = this.postponedOperations.add("loadResources", () => {
                        const groups = this.getViewOption("groups");
                        return (0, _deferred.fromPromise)(this.resourceManager.loadGroupResources(groups, forceReload))
                    });
                    const resolveCallbacks = new _deferred.Deferred;
                    whenLoaded.done(() => {
                        resolveCallbacks.resolve()
                    });
                    this.postponeDataSourceLoading(whenLoaded);
                    return resolveCallbacks.promise()
                }
                _optionChanged(args) {
                    var _this$resourceManager;
                    this.schedulerOptionChanged(args);
                    const {
                        value: value,
                        name: name
                    } = args;
                    switch (args.name) {
                        case "customizeDateNavigatorText":
                            this.updateOption("header", name, value);
                            break;
                        case "firstDayOfWeek":
                            this.updateOption("workSpace", name, value);
                            this.updateOption("header", name, value);
                            this.cleanPopup();
                            break;
                        case "currentDate": {
                            const dateValue = this.getViewOption(name);
                            this.option("selectedCellData", []);
                            this.updateOption("workSpace", name, dateValue);
                            this.updateOption("header", name, dateValue);
                            this.updateOption("header", "startViewDate", this.getStartViewDate());
                            this._appointments.option("items", []);
                            this.setRemoteFilterIfNeeded();
                            this.postponeDataSourceLoading();
                            break
                        }
                        case "dataSource":
                            this._initDataSource();
                            this.postponeResourceLoading().done(() => {
                                this.appointmentDataSource.setDataSource(this._dataSource);
                                this.setRemoteFilterIfNeeded();
                                this.updateOption("workSpace", "showAllDayPanel", this.option("showAllDayPanel"))
                            });
                            break;
                        case "min":
                        case "max": {
                            const value = this.getViewOption(name);
                            this.updateOption("header", name, value);
                            this.updateOption("workSpace", name, value);
                            break
                        }
                        case "views":
                            if (this.currentView) {
                                this.repaint()
                            } else {
                                this.updateOption("header", "views", this.views)
                            }
                            break;
                        case "useDropDownViewSwitcher":
                            this.updateOption("header", name, value);
                            break;
                        case "currentView":
                            if (this.option("_newAppointments")) {
                                this._appointments.option({
                                    currentView: value,
                                    viewModel: [],
                                    appointmentTemplate: this.getViewOption("appointmentTemplate"),
                                    appointmentCollectorTemplate: this.getViewOption("appointmentCollectorTemplate")
                                })
                            } else {
                                this._appointments.option({
                                    items: [],
                                    allowDrag: this.allowDragging(),
                                    allowResize: this.allowResizing(),
                                    itemTemplate: this.getAppointmentTemplate("appointmentTemplate")
                                })
                            }
                            this.postponeResourceLoading().done(() => {
                                var _this$header;
                                this.refreshWorkSpace();
                                null === (_this$header = this.header) || void 0 === _this$header || _this$header.option(this.headerConfig());
                                this.setRemoteFilterIfNeeded();
                                if (!this.option("_newAppointments")) {
                                    this._appointments.option("allowAllDayResize", "day" !== value)
                                }
                            });
                            this.postponedOperations.callPostponedOperations();
                            break;
                        case "appointmentTemplate":
                            if (this.option("_newAppointments")) {
                                this._appointments.option("appointmentTemplate", this.getViewOption("appointmentTemplate"))
                            } else {
                                this._appointments.option("itemTemplate", value)
                            }
                            break;
                        case "dateCellTemplate":
                        case "resourceCellTemplate":
                        case "dataCellTemplate":
                        case "timeCellTemplate":
                            this.repaint();
                            break;
                        case "groups":
                            this.postponeResourceLoading().done(() => {
                                this.refreshWorkSpace();
                                this.setRemoteFilterIfNeeded()
                            });
                            break;
                        case "resources":
                            null === (_this$resourceManager = this.resourceManager) || void 0 === _this$resourceManager || _this$resourceManager.dispose();
                            this.resourceManager = new _resource_manager.ResourceManager(this.option("resources"));
                            this.updateAppointmentDataSource();
                            this.postponeResourceLoading().done(() => {
                                this._appointments.option("items", []);
                                this.refreshWorkSpace();
                                this.setRemoteFilterIfNeeded();
                                this.createAppointmentPopupForm()
                            });
                            break;
                        case "startDayHour":
                        case "endDayHour":
                            this.updateAppointmentDataSource();
                            this._appointments.option("items", []);
                            this.updateOption("workSpace", name, value);
                            if (!this.option("_newAppointments")) {
                                this._appointments.repaint()
                            }
                            this.setRemoteFilterIfNeeded();
                            this.postponeDataSourceLoading();
                            break;
                        case "offset":
                            this.updateAppointmentDataSource();
                            this._appointments.option("items", []);
                            this.updateOption("workSpace", "viewOffset", this.normalizeViewOffsetValue(value));
                            if (!this.option("_newAppointments")) {
                                this._appointments.repaint()
                            }
                            this.setRemoteFilterIfNeeded();
                            this.postponeDataSourceLoading();
                            break;
                        case StoreEventNames_ADDING:
                        case StoreEventNames_ADDED:
                        case StoreEventNames_UPDATING:
                        case StoreEventNames_UPDATED:
                        case StoreEventNames_DELETING:
                        case StoreEventNames_DELETED:
                        case "onAppointmentFormOpening":
                        case "onAppointmentTooltipShowing":
                            this.actions[name] = this._createActionByOption(name);
                            break;
                        case "onAppointmentRendered":
                            if (this.option("_newAppointments")) {
                                this.createAppointmentRenderedAction()
                            } else {
                                this._appointments.option("onItemRendered", this.getAppointmentRenderedAction())
                            }
                            break;
                        case "onAppointmentClick":
                            this._appointments.option("onItemClick", this._createActionByOption(name));
                            break;
                        case "onAppointmentDblClick":
                            this._appointments.option(name, this._createActionByOption(name));
                            break;
                        case "onAppointmentContextMenu":
                            this._appointments.option("onItemContextMenu", this._createActionByOption(name));
                            this.appointmentTooltip._options.onItemContextMenu = this._createActionByOption(name);
                            break;
                        case "noDataText":
                        case "allowMultipleCellSelection":
                        case "selectedCellData":
                        case "accessKey":
                        case "onCellClick":
                        case "onCellContextMenu":
                            this.updateOption("workSpace", name, value);
                            break;
                        case "crossScrollingEnabled":
                            this.postponeResourceLoading().done(() => {
                                this._appointments.option("items", []);
                                this.refreshWorkSpace();
                                if (this.readyToRenderAppointments) {
                                    this._appointments.option("items", this._layoutManager.generateViewModel())
                                }
                            });
                            break;
                        case "cellDuration":
                            this.updateOption("workSpace", name, value);
                            this._appointments.option("items", []);
                            if (this.readyToRenderAppointments) {
                                this.updateOption("workSpace", "hoursInterval", value / 60);
                                this._appointments.option("items", this._layoutManager.generateViewModel())
                            }
                            break;
                        case "tabIndex":
                        case "focusStateEnabled":
                            this.updateOption("header", name, value);
                            this.updateOption("workSpace", name, value);
                            this._appointments.option(name, value);
                            super._optionChanged(args);
                            break;
                        case "width":
                            this.updateOption("header", name, value);
                            if (this.option("crossScrollingEnabled")) {
                                this.updateOption("workSpace", "width", value)
                            }
                            this.updateOption("workSpace", "schedulerWidth", value);
                            super._optionChanged(args);
                            this._dimensionChanged(null, true);
                            break;
                        case "height":
                            super._optionChanged(args);
                            this._dimensionChanged(null, true);
                            this.updateOption("workSpace", "schedulerHeight", value);
                            break;
                        case "editing": {
                            this.initEditing();
                            const {
                                editing: editing
                            } = this;
                            this.bringEditingModeToAppointments(editing);
                            this.hideAppointmentTooltip();
                            this.cleanPopup();
                            break
                        }
                        case "showAllDayPanel":
                            this.updateAppointmentDataSource();
                            this.repaint();
                            break;
                        case "showCurrentTimeIndicator":
                        case "indicatorUpdateInterval":
                        case "shadeUntilCurrentTime":
                        case "groupByDate":
                            this.updateOption("workSpace", name, value);
                            this.repaint();
                            break;
                        case "indicatorTime":
                            this.updateOption("workSpace", name, value);
                            this.updateOption("header", name, value);
                            this.repaint();
                            break;
                        case "appointmentDragging":
                        case "appointmentTooltipTemplate":
                        case "appointmentPopupTemplate":
                        case "recurrenceEditMode":
                        case "remoteFiltering":
                        case "timeZone":
                            this.updateAppointmentDataSource();
                            this.repaint();
                            break;
                        case "appointmentCollectorTemplate":
                            if (this.option("_newAppointments")) {
                                this._appointments.option("appointmentCollectorTemplate", this.getViewOption("appointmentCollectorTemplate"))
                            } else {
                                this.repaint()
                            }
                            break;
                        case "_appointmentTooltipOffset":
                            this.repaint();
                            break;
                        case "dateSerializationFormat":
                            break;
                        case "maxAppointmentsPerCell":
                            this.repaint();
                            break;
                        case "startDateExpr":
                        case "endDateExpr":
                        case "startDateTimeZoneExpr":
                        case "endDateTimeZoneExpr":
                        case "textExpr":
                        case "descriptionExpr":
                        case "allDayExpr":
                        case "recurrenceRuleExpr":
                        case "recurrenceExceptionExpr":
                        case "disabledExpr":
                        case "visibleExpr":
                            this.updateExpression(name, value);
                            this.initAppointmentTemplate();
                            this.repaint();
                            break;
                        case "adaptivityEnabled":
                            this.toggleAdaptiveClass();
                            this.repaint();
                            break;
                        case "scrolling":
                            this.option("crossScrollingEnabled", this.isHorizontalVirtualScrolling() || this.option("crossScrollingEnabled"));
                            this.updateOption("workSpace", args.fullName, value);
                            break;
                        case "allDayPanelMode":
                            this.updateAppointmentDataSource();
                            this.updateOption("workSpace", args.fullName, value);
                            break;
                        case "renovateRender":
                            this.updateOption("workSpace", name, value);
                            break;
                        case "_draggingMode":
                            this.updateOption("workSpace", "draggingMode", value);
                            break;
                        case "toolbar":
                            this.header ? this.header.onToolbarOptionChanged(args.fullName, value) : this.repaint();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                bringEditingModeToAppointments(editing) {
                    const editingConfig = {
                        allowDelete: editing.allowUpdating && editing.allowDeleting
                    };
                    if (!this.isAgenda()) {
                        editingConfig.allowDrag = editing.allowDragging;
                        editingConfig.allowResize = editing.allowResizing;
                        editingConfig.allowAllDayResize = editing.allowResizing && this.supportAllDayResizing()
                    }
                    this._appointments.option(editingConfig);
                    this.repaint()
                }
                isAgenda() {
                    return "agenda" === this.currentView.type
                }
                allowDragging() {
                    return this.editing.allowDragging && !this.isAgenda()
                }
                allowResizing() {
                    return this.editing.allowResizing && !this.isAgenda()
                }
                allowAllDayResizing() {
                    return this.editing.allowResizing && this.supportAllDayResizing()
                }
                supportAllDayResizing() {
                    return "day" !== this.currentView.type || this.currentView.intervalCount > 1
                }
                isAllDayExpanded() {
                    return this.option("showAllDayPanel") && this._layoutManager.hasAllDayAppointments()
                }
                setRemoteFilterIfNeeded() {
                    const dataSource = this._dataSource;
                    const remoteFiltering = this.option("remoteFiltering");
                    if (!this._workSpace || !remoteFiltering || !dataSource) {
                        return
                    }
                    const dateRange = this._workSpace.getDateRange();
                    const startDate = this.timeZoneCalculator.createDate(dateRange[0], "fromGrid");
                    const endDate = this.timeZoneCalculator.createDate(dateRange[1], "fromGrid");
                    const dateSerializationFormat = this.option("dateSerializationFormat");
                    const dataSourceFilter = dataSource.filter();
                    const filter = (0, _remote.combineRemoteFilter)({
                        dataSourceFilter: dataSourceFilter,
                        dataAccessors: this._dataAccessors,
                        min: startDate,
                        max: endDate,
                        dateSerializationFormat: dateSerializationFormat,
                        forceIsoDateParsing: (0, _config.default)().forceIsoDateParsing
                    });
                    dataSource.filter(filter)
                }
                reloadDataSource() {
                    const result = new _deferred.Deferred;
                    if (this._dataSource) {
                        this._dataSource.load().done(() => {
                            (0, _m_loading.hide)();
                            this._fireContentReadyAction(result)
                        }).fail(() => {
                            (0, _m_loading.hide)();
                            result.reject()
                        });
                        this._dataSource.isLoading() && (0, _m_loading.show)({
                            container: this.$element(),
                            position: {
                                of: this.$element()
                            }
                        })
                    } else {
                        this._fireContentReadyAction(result)
                    }
                    return result.promise()
                }
                _fireContentReadyAction(result) {
                    const contentReadyBase = super._fireContentReadyAction.bind(this);
                    const fireContentReady = () => {
                        contentReadyBase();
                        null === result || void 0 === result || result.resolve()
                    };
                    if (this.workSpaceRecalculation) {
                        var _this$workSpaceRecalc;
                        null === (_this$workSpaceRecalc = this.workSpaceRecalculation) || void 0 === _this$workSpaceRecalc || _this$workSpaceRecalc.done(() => {
                            fireContentReady()
                        })
                    } else {
                        fireContentReady()
                    }
                }
                _dimensionChanged(value) {
                    let isForce = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                    const isFixedHeight = "number" === typeof this.option("height");
                    const isFixedWidth = "number" === typeof this.option("width");
                    if (!this._isVisible()) {
                        return
                    }
                    this.toggleSmallClass();
                    const workspace = this.getWorkSpace();
                    if (!this.isAgenda() && this._layoutManager && workspace && !(0, _is_agenda_workpace_component.isAgendaWorkspaceComponent)(workspace)) {
                        if (isForce || !isFixedHeight || !isFixedWidth) {
                            workspace.option("allDayExpanded", this.isAllDayExpanded());
                            workspace._dimensionChanged();
                            const appointments = this._layoutManager.generateViewModel();
                            this._appointments.option("items", appointments)
                        }
                    }
                    this.hideAppointmentTooltip();
                    this.appointmentPopup.triggerResize();
                    this.appointmentPopup.updatePopupFullScreenMode()
                }
                _clean() {
                    this.cleanPopup();
                    super._clean()
                }
                toggleSmallClass() {
                    const {
                        width: width
                    } = (0, _position.getBoundingRect)(this.$element().get(0));
                    this.$element().toggleClass("dx-scheduler-small", width < 400)
                }
                toggleAdaptiveClass() {
                    this.$element().toggleClass("dx-scheduler-adaptive", this.option("adaptivityEnabled"))
                }
                _visibilityChanged(visible) {
                    visible && this._dimensionChanged(null, true)
                }
                _dataSourceOptions() {
                    return {
                        paginate: false
                    }
                }
                initAllDayPanel() {
                    if ("hidden" === this.option("allDayPanelMode")) {
                        this.option("showAllDayPanel", false)
                    }
                }
                _init() {
                    this.timeZonesPromise = _m_utils_time_zone.default.cacheTimeZones();
                    this.initExpressions({
                        startDateExpr: this.option("startDateExpr"),
                        endDateExpr: this.option("endDateExpr"),
                        startDateTimeZoneExpr: this.option("startDateTimeZoneExpr"),
                        endDateTimeZoneExpr: this.option("endDateTimeZoneExpr"),
                        allDayExpr: this.option("allDayExpr"),
                        textExpr: this.option("textExpr"),
                        descriptionExpr: this.option("descriptionExpr"),
                        recurrenceRuleExpr: this.option("recurrenceRuleExpr"),
                        recurrenceExceptionExpr: this.option("recurrenceExceptionExpr"),
                        disabledExpr: this.option("disabledExpr"),
                        visibleExpr: this.option("visibleExpr")
                    });
                    super._init();
                    this.initAllDayPanel();
                    this._initDataSource();
                    this.customizeDataSourceLoadOptions();
                    this.$element().addClass("dx-scheduler");
                    this.initEditing();
                    this.updateAppointmentDataSource();
                    this.initActions();
                    this._compactAppointmentsHelper = new _m_compact_appointments_helper.CompactAppointmentsHelper(this);
                    this.asyncTemplatesTimers = [];
                    this.dataSourceLoadedCallback = (0, _callbacks.default)();
                    this.subscribes = _m_subscribes.default;
                    this.resourceManager = new _resource_manager.ResourceManager(this.option("resources"));
                    this.notifyScheduler = new _m_widget_notify_scheduler.default({
                        scheduler: this
                    });
                    this.createAppointmentRenderedAction()
                }
                createAppointmentRenderedAction() {
                    this.appointmentRenderedAction = this._createActionByOption("onAppointmentRendered")
                }
                createAppointmentDataSource() {
                    var _this$appointmentData;
                    null === (_this$appointmentData = this.appointmentDataSource) || void 0 === _this$appointmentData || _this$appointmentData.destroy();
                    this.appointmentDataSource = new _m_appointment_data_source.AppointmentDataSource(this._dataSource)
                }
                updateAppointmentDataSource() {
                    this.timeZoneCalculatorInstance = null;
                    if (this.getWorkSpace()) {
                        this.createAppointmentDataSource()
                    }
                }
                customizeDataSourceLoadOptions() {
                    var _this$_dataSource;
                    null === (_this$_dataSource = this._dataSource) || void 0 === _this$_dataSource || _this$_dataSource.on("customizeStoreLoadOptions", _ref => {
                        let {
                            storeLoadOptions: storeLoadOptions
                        } = _ref;
                        storeLoadOptions.startDate = this.getStartViewDate();
                        storeLoadOptions.endDate = this.getEndViewDate()
                    })
                }
                _initTemplates() {
                    this.initAppointmentTemplate();
                    this._templateManager.addDefaultTemplates({
                        appointmentTooltip: new _empty_template.EmptyTemplate,
                        dropDownAppointment: new _empty_template.EmptyTemplate
                    });
                    super._initTemplates()
                }
                initAppointmentTemplate() {
                    const {
                        expr: expr
                    } = this._dataAccessors;
                    const createGetter = property => (0, _data.compileGetter)(`appointmentData.${property}`);
                    const getDate = getter => data => {
                        const value = getter(data);
                        if (value instanceof Date) {
                            return value.valueOf()
                        }
                        return value
                    };
                    this._templateManager.addDefaultTemplates({
                        item: new _bindable_template.BindableTemplate(($container, data, model) => this.getAppointmentsInstance()._renderAppointmentTemplate($container, data, model), ["html", "text", "startDate", "endDate", "allDay", "description", "recurrenceRule", "recurrenceException", "startDateTimeZone", "endDateTimeZone"], this.option("integrationOptions.watchMethod"), {
                            text: createGetter(expr.textExpr),
                            startDate: getDate(createGetter(expr.startDateExpr)),
                            endDate: getDate(createGetter(expr.endDateExpr)),
                            startDateTimeZone: createGetter(expr.startDateTimeZoneExpr),
                            endDateTimeZone: createGetter(expr.endDateTimeZoneExpr),
                            allDay: createGetter(expr.allDayExpr),
                            recurrenceRule: createGetter(expr.recurrenceRuleExpr)
                        })
                    })
                }
                _renderContent() {
                    this._renderContentImpl()
                }
                _dataSourceChangedHandler(result) {
                    if (this.readyToRenderAppointments) {
                        this.workSpaceRecalculation.done(() => {
                            this._layoutManager.prepareAppointments(result);
                            this.renderAppointments();
                            this.updateA11yStatus()
                        })
                    }
                }
                isVirtualScrolling() {
                    const workspace = this.getWorkSpace();
                    if (workspace) {
                        return workspace.isVirtualScrolling()
                    }
                    const scrolling = this.getViewOption("scrolling");
                    return "virtual" === (null === scrolling || void 0 === scrolling ? void 0 : scrolling.mode)
                }
                renderAppointments() {
                    const workspace = this.getWorkSpace();
                    this._layoutManager.filterAppointments();
                    workspace.option("allDayExpanded", this.isAllDayExpanded());
                    const viewModel = this._isVisible() ? this._layoutManager.generateViewModel() : [];
                    this._appointments.option("items", viewModel);
                    this.appointmentDataSource.cleanState();
                    if (this.isAgenda()) {
                        this._workSpace.renderAgendaLayout(viewModel)
                    }
                }
                initExpressions(fields) {
                    this._dataAccessors = new _appointment_data_accessor.AppointmentDataAccessor(fields, Boolean((0, _config.default)().forceIsoDateParsing), this.option("dateSerializationFormat"))
                }
                updateExpression(name, value) {
                    this._dataAccessors.updateExpression(name, value)
                }
                initEditing() {
                    const editing = this.option("editing");
                    this.editing = {
                        allowAdding: Boolean(editing),
                        allowUpdating: Boolean(editing),
                        allowDeleting: Boolean(editing),
                        allowResizing: Boolean(editing),
                        allowDragging: Boolean(editing)
                    };
                    if ((0, _type.isObject)(editing)) {
                        this.editing = (0, _extend.extend)(this.editing, editing)
                    }
                    this.editing.allowDragging = this.editing.allowDragging && this.editing.allowUpdating;
                    this.editing.allowResizing = this.editing.allowResizing && this.editing.allowUpdating;
                    const isReadOnly = Object.values(Object.assign({}, this.editing, {
                        form: void 0,
                        popup: void 0
                    })).every(value => !value);
                    this.$element().toggleClass("dx-scheduler-readonly", isReadOnly)
                }
                _dispose() {
                    var _this$resourceManager2, _this$appointmentTool, _this$recurrenceDialo;
                    null === (_this$resourceManager2 = this.resourceManager) || void 0 === _this$resourceManager2 || _this$resourceManager2.dispose();
                    null === (_this$appointmentTool = this.appointmentTooltip) || void 0 === _this$appointmentTool || _this$appointmentTool.dispose();
                    null === (_this$recurrenceDialo = this.recurrenceDialog) || void 0 === _this$recurrenceDialo || _this$recurrenceDialo.hide(RECURRENCE_EDITING_MODE_CANCEL);
                    this.hideAppointmentPopup();
                    this.hideAppointmentTooltip();
                    this.asyncTemplatesTimers.forEach(clearTimeout);
                    this.asyncTemplatesTimers = [];
                    _index3.macroTaskArray.dispose();
                    super._dispose()
                }
                initActions() {
                    this.actions = {
                        onAppointmentAdding: this._createActionByOption(StoreEventNames_ADDING),
                        onAppointmentAdded: this._createActionByOption(StoreEventNames_ADDED),
                        onAppointmentUpdating: this._createActionByOption(StoreEventNames_UPDATING),
                        onAppointmentUpdated: this._createActionByOption(StoreEventNames_UPDATED),
                        onAppointmentDeleting: this._createActionByOption(StoreEventNames_DELETING),
                        onAppointmentDeleted: this._createActionByOption(StoreEventNames_DELETED),
                        onAppointmentFormOpening: this._createActionByOption("onAppointmentFormOpening"),
                        onAppointmentTooltipShowing: this._createActionByOption("onAppointmentTooltipShowing")
                    }
                }
                getAppointmentRenderedAction() {
                    return this._createActionByOption("onAppointmentRendered", {
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _renderFocusTarget() {
                    return (0, _common.noop)()
                }
                updateA11yStatus() {
                    const dateRange = this._workSpace.getDateRange();
                    const indicatorTime = this.option("showCurrentTimeIndicator") ? (0, _index2.getToday)(this.option("indicatorTime"), this.timeZoneCalculator) : void 0;
                    const label = (0, _a11y_status_text.getA11yStatusText)(this.currentView, dateRange[0], dateRange[1], this._layoutManager.filteredItems.length, indicatorTime);
                    this.setAria({
                        label: label
                    });
                    this.a11yStatus.text(label)
                }
                renderA11yStatus() {
                    this.a11yStatus = (0, _a11y_status_render.createA11yStatusContainer)();
                    this.a11yStatus.prependTo(this.$element());
                    this.setAria({
                        role: "group"
                    })
                }
                initMarkupOnResourceLoaded() {
                    if (!this._disposed) {
                        this.initMarkupCore();
                        this.reloadDataSource()
                    }
                }
                _initMarkup() {
                    super._initMarkup();
                    this.renderA11yStatus();
                    this.renderMainContainer();
                    this.renderHeader();
                    this.toggleAdaptiveClass();
                    this._layoutManager = new _appointments_layout_manager.default(this);
                    if (this.option("_newAppointments")) {
                        const appointmentsConfig = {
                            tabIndex: this.option("tabIndex"),
                            currentView: this.option("currentView"),
                            appointmentTemplate: this.getViewOption("appointmentTemplate"),
                            appointmentCollectorTemplate: this.getViewOption("appointmentCollectorTemplate"),
                            onAppointmentRendered: e => {
                                this.appointmentRenderedAction({
                                    appointmentElement: e.element,
                                    appointmentData: e.appointmentData,
                                    targetedAppointmentData: e.targetedAppointmentData
                                })
                            },
                            getResourceManager: () => this.resourceManager,
                            getAppointmentDataSource: () => this.appointmentDataSource,
                            getDataAccessor: () => this._dataAccessors,
                            getStartViewDate: () => this.getStartViewDate(),
                            getSortedAppointments: () => this._layoutManager.sortedItems,
                            isVirtualScrolling: () => this.isVirtualScrolling(),
                            scrollTo: this.scrollTo.bind(this)
                        };
                        this._appointments = this._createComponent("<div>", _appointments.Appointments, appointmentsConfig)
                    } else {
                        this._appointments = this._createComponent("<div>", _m_appointment_collection.default, this.appointmentsConfig());
                        this._appointments.option("itemTemplate", this.getAppointmentTemplate("appointmentTemplate"))
                    }
                    this.appointmentTooltip = new(this.option("adaptivityEnabled") ? _m_mobile_tooltip_strategy.MobileTooltipStrategy : _m_desktop_tooltip_strategy.DesktopTooltipStrategy)(this.getAppointmentTooltipOptions());
                    this.createAppointmentPopupForm();
                    if (this.isDataSourceLoaded() || this._isDataSourceLoading()) {
                        this.initMarkupCore();
                        this._dataSourceChangedHandler(this._dataSource.items());
                        this._fireContentReadyAction()
                    } else {
                        const groups = this.getViewOption("groups");
                        if (null !== groups && void 0 !== groups && groups.length) {
                            this.resourceManager.loadGroupResources(groups, true).then(() => this.initMarkupOnResourceLoaded())
                        } else {
                            this.initMarkupOnResourceLoaded()
                        }
                    }
                }
                createAppointmentPopupForm() {
                    var _this$appointmentPopu;
                    if (this.appointmentForm) {
                        this.appointmentForm.dispose()
                    }
                    this.appointmentForm = this.createAppointmentForm();
                    null === (_this$appointmentPopu = this.appointmentPopup) || void 0 === _this$appointmentPopu || _this$appointmentPopu.dispose();
                    this.appointmentPopup = this.createAppointmentPopup(this.appointmentForm)
                }
                renderMainContainer() {
                    this.mainContainer = (0, _renderer.default)("<div>").addClass("dx-scheduler-container");
                    this.$element().append(this.mainContainer)
                }
                createAppointmentForm() {
                    const scheduler = {
                        getResourceById: () => this.resourceManager.resourceById,
                        getDataAccessors: () => this._dataAccessors,
                        createComponent: (element, component, options) => this._createComponent(element, component, options),
                        getEditingConfig: () => this.editing,
                        getResourceManager: () => this.resourceManager,
                        getFirstDayOfWeek: () => this.option("firstDayOfWeek"),
                        getStartDayHour: () => this.option("startDayHour"),
                        getCalculatedEndDate: startDateWithStartHour => this._workSpace.calculateEndDate(startDateWithStartHour),
                        getTimeZoneCalculator: () => this.timeZoneCalculator
                    };
                    return new _m_form.AppointmentForm(scheduler)
                }
                createAppointmentPopup(form) {
                    const scheduler = {
                        getElement: () => this.$element(),
                        createComponent: (element, component, options) => this._createComponent(element, component, options),
                        focus: () => this.focus(),
                        getResourceManager: () => this.resourceManager,
                        getEditingConfig: () => this.editing,
                        getTimeZoneCalculator: () => this.timeZoneCalculator,
                        getDataAccessors: () => this._dataAccessors,
                        getAppointmentFormOpening: () => this.actions.onAppointmentFormOpening,
                        processActionResult: (arg, canceled) => this.processActionResult(arg, canceled),
                        addAppointment: appointment => this.addAppointment(appointment),
                        updateAppointment: (sourceAppointment, updatedAppointment) => this.updateAppointment(sourceAppointment, updatedAppointment)
                    };
                    return new _m_popup.AppointmentPopup(scheduler, form)
                }
                scrollToAppointment(appointment) {
                    const adapter = new _appointment_adapter.AppointmentAdapter(appointment, this._dataAccessors);
                    const {
                        startDate: startDate,
                        endDate: endDate,
                        allDay: allDay
                    } = adapter;
                    if (!startDate) {
                        return
                    }
                    const startTime = startDate.getTime();
                    const endTime = endDate ? endDate.getTime() : startTime;
                    const dayInMs = toMs("day");
                    const inAllDayRow = allDay || endTime - startTime >= dayInMs;
                    const appointmentGroupValues = (0, _appointment_groups_utils.getAppointmentGroupValues)(appointment, this.resourceManager.resources);
                    this._workSpace.updateScrollPosition(startDate, appointmentGroupValues, inAllDayRow)
                }
                getAppointmentTooltipOptions() {
                    return {
                        createComponent: this._createComponent.bind(this),
                        container: this.$element(),
                        getScrollableContainer: this.getWorkSpaceScrollableContainer.bind(this),
                        addDefaultTemplates: this._templateManager.addDefaultTemplates.bind(this._templateManager),
                        getAppointmentTemplate: this.getAppointmentTemplate.bind(this),
                        showAppointmentPopup: this.showAppointmentPopup.bind(this),
                        checkAndDeleteAppointment: this.checkAndDeleteAppointment.bind(this),
                        isAppointmentInAllDayPanel: this.isAppointmentInAllDayPanel.bind(this),
                        createFormattedDateText: (appointment, targetedAppointment, format) => this.fire("createFormattedDateText", appointment, targetedAppointment, format),
                        getAppointmentDisabled: appointment => this._dataAccessors.get("disabled", appointment),
                        onItemContextMenu: this._createActionByOption("onAppointmentContextMenu"),
                        createEventArgs: this._createEventArgs.bind(this)
                    }
                }
                _createEventArgs(e) {
                    const config = {
                        itemData: e.itemData.appointment,
                        itemElement: e.itemElement,
                        targetedAppointment: e.itemData.targetedAppointment
                    };
                    return (0, _extend.extend)({}, this.fire("mapAppointmentFields", config), {
                        component: e.component,
                        element: e.element,
                        event: e.event,
                        model: e.model
                    })
                }
                checkAndDeleteAppointment(appointment, targetedAppointment) {
                    const targetedAdapter = new _appointment_adapter.AppointmentAdapter(targetedAppointment, this._dataAccessors);
                    const deletingOptions = this.fireOnAppointmentDeleting(appointment, targetedAdapter);
                    this.checkRecurringAppointment(appointment, targetedAppointment, targetedAdapter.startDate, () => {
                        this.processDeleteAppointment(appointment, deletingOptions)
                    }, true)
                }
                getExtraAppointmentTooltipOptions() {
                    return {
                        rtlEnabled: this.option("rtlEnabled"),
                        focusStateEnabled: this.option("focusStateEnabled"),
                        editing: this.option("editing"),
                        offset: this.option("_appointmentTooltipOffset")
                    }
                }
                isAppointmentInAllDayPanel(appointmentData) {
                    const workSpace = this._workSpace;
                    const itTakesAllDay = this.appointmentTakesAllDay(appointmentData);
                    return itTakesAllDay && workSpace.supportAllDayRow() && workSpace.option("showAllDayPanel")
                }
                initMarkupCore() {
                    this.readyToRenderAppointments = (0, _window.hasWindow)();
                    this._workSpace && this.cleanWorkSpace();
                    this.renderWorkSpace();
                    if (this.option("_newAppointments")) {
                        this._appointments.option("$allDayContainer", this._workSpace.getAllDayContainer())
                    } else {
                        this._appointments.option({
                            fixedContainer: this._workSpace.getFixedContainer(),
                            allDayContainer: this._workSpace.getAllDayContainer()
                        })
                    }
                    this.waitAsyncTemplate(() => {
                        var _this$workSpaceRecalc2;
                        return null === (_this$workSpaceRecalc2 = this.workSpaceRecalculation) || void 0 === _this$workSpaceRecalc2 ? void 0 : _this$workSpaceRecalc2.resolve()
                    });
                    this.createAppointmentDataSource();
                    this.setRemoteFilterIfNeeded();
                    this.validateKeyFieldIfAgendaExist();
                    this.updateA11yStatus()
                }
                isDataSourceLoaded() {
                    var _this$_dataSource2;
                    return null === (_this$_dataSource2 = this._dataSource) || void 0 === _this$_dataSource2 ? void 0 : _this$_dataSource2.isLoaded()
                }
                _render() {
                    var _this$getWorkSpace;
                    null === (_this$getWorkSpace = this.getWorkSpace()) || void 0 === _this$getWorkSpace || _this$getWorkSpace.updateHeaderEmptyCellWidth();
                    super._render()
                }
                renderHeader() {
                    var _toolbarOptions$items;
                    const toolbarOptions = this.option("toolbar");
                    const isHeaderShown = Boolean(toolbarOptions.visible ?? (null === (_toolbarOptions$items = toolbarOptions.items) || void 0 === _toolbarOptions$items ? void 0 : _toolbarOptions$items.length));
                    if (isHeaderShown) {
                        const $header = (0, _renderer.default)("<div>").appendTo(this.mainContainer);
                        const headerOptions = this.headerConfig();
                        this.header = this._createComponent($header, _m_header.SchedulerHeader, headerOptions)
                    }
                }
                headerConfig() {
                    return {
                        currentView: this.currentView,
                        views: this.views,
                        currentDate: this.getViewOption("currentDate"),
                        min: this.getViewOption("min"),
                        max: this.getViewOption("max"),
                        indicatorTime: this.option("indicatorTime"),
                        startViewDate: this.getStartViewDate(),
                        tabIndex: this.option("tabIndex"),
                        focusStateEnabled: this.option("focusStateEnabled"),
                        useDropDownViewSwitcher: this.option("useDropDownViewSwitcher"),
                        firstDayOfWeek: this.getFirstDayOfWeek(),
                        toolbar: this.option("toolbar"),
                        customizeDateNavigatorText: this.option("customizeDateNavigatorText"),
                        onCurrentViewChange: name => {
                            this.option("currentView", name)
                        },
                        onCurrentDateChange: date => {
                            this.option("currentDate", date)
                        }
                    }
                }
                appointmentsConfig() {
                    const config = {
                        getResourceManager: () => this.resourceManager,
                        getAppointmentDataSource: () => this.appointmentDataSource,
                        getSortedAppointments: () => this._layoutManager.sortedItems,
                        scrollTo: this.scrollTo.bind(this),
                        dataAccessors: this._dataAccessors,
                        notifyScheduler: this.notifyScheduler,
                        onItemRendered: this.getAppointmentRenderedAction(),
                        onItemClick: this._createActionByOption("onAppointmentClick"),
                        onItemContextMenu: this._createActionByOption("onAppointmentContextMenu"),
                        onAppointmentDblClick: this._createActionByOption("onAppointmentDblClick"),
                        tabIndex: this.option("tabIndex"),
                        focusStateEnabled: this.option("focusStateEnabled"),
                        allowDrag: this.allowDragging(),
                        allowDelete: this.editing.allowUpdating && this.editing.allowDeleting,
                        allowResize: this.allowResizing(),
                        allowAllDayResize: this.allowAllDayResizing(),
                        rtlEnabled: this.option("rtlEnabled"),
                        groups: this.getViewOption("groups"),
                        groupByDate: this.getViewOption("groupByDate"),
                        timeZoneCalculator: this.timeZoneCalculator,
                        getResizableStep: () => this._workSpace ? this._workSpace.positionHelper.getResizableStep() : 0,
                        getDOMElementsMetaData: () => {
                            var _this$_workSpace;
                            return null === (_this$_workSpace = this._workSpace) || void 0 === _this$_workSpace ? void 0 : _this$_workSpace.getDOMElementsMetaData()
                        },
                        getViewDataProvider: () => {
                            var _this$_workSpace2;
                            return null === (_this$_workSpace2 = this._workSpace) || void 0 === _this$_workSpace2 ? void 0 : _this$_workSpace2.viewDataProvider
                        },
                        isVerticalGroupedWorkSpace: () => this._workSpace.isVerticalGroupedWorkSpace(),
                        isDateAndTimeView: () => (0, _index2.isDateAndTimeView)(this._workSpace.type),
                        onContentReady: () => {
                            var _this$_workSpace3;
                            null === (_this$_workSpace3 = this._workSpace) || void 0 === _this$_workSpace3 || _this$_workSpace3.option("allDayExpanded", this.isAllDayExpanded())
                        }
                    };
                    return config
                }
                renderWorkSpace() {
                    const currentViewOptions = this.currentView;
                    if (!currentViewOptions) {
                        return
                    }
                    if (this.isAgenda()) {
                        this.renderAgendaWorkspace()
                    } else {
                        this.renderGridWorkspace()
                    }
                    this.recalculateWorkspace();
                    if (currentViewOptions.startDate) {
                        this.updateOption("header", "currentDate", this._workSpace.getHeaderDate())
                    }
                }
                renderGridWorkspace() {
                    if (this.readyToRenderAppointments) {
                        this.toggleSmallClass();
                        Promise.resolve().then(() => {
                            var _this$_workSpace4;
                            this.toggleSmallClass();
                            null === (_this$_workSpace4 = this._workSpace) || void 0 === _this$_workSpace4 || _this$_workSpace4.updateHeaderEmptyCellWidth()
                        })
                    }
                    const $workSpace = (0, _renderer.default)("<div>").appendTo(this.mainContainer);
                    const currentViewType = this.currentView.type;
                    const workSpaceComponent = VIEWS_CONFIG[currentViewType].workSpace;
                    const workSpaceConfig = this.workSpaceConfig(this.currentView);
                    this._workSpace = this._createComponent($workSpace, workSpaceComponent, workSpaceConfig);
                    this.allowDragging() && this._workSpace.initDragBehavior(this, this.all);
                    this._workSpace.attachTablesEvents();
                    this._workSpace.getWorkArea().append(this._appointments.$element())
                }
                renderAgendaWorkspace() {
                    const $workSpace = (0, _renderer.default)("<div>").appendTo(this.mainContainer);
                    const workSpaceConfig = this.workSpaceConfig(this.currentView);
                    const workSpaceComponent = VIEWS_CONFIG.agenda.workSpace;
                    this._workSpace = this._createComponent($workSpace, workSpaceComponent, workSpaceConfig);
                    this._workSpace.getWorkArea().append(this._appointments.$element())
                }
                recalculateWorkspace() {
                    this.workSpaceRecalculation = new _deferred.Deferred;
                    (0, _visibility_change.triggerResizeEvent)(this._workSpace.$element());
                    this.waitAsyncTemplate(() => {
                        this._workSpace.renderCurrentDateTimeLineAndShader()
                    })
                }
                workSpaceConfig(currentViewOptions) {
                    const scrolling = this.getViewOption("scrolling");
                    const isVirtualScrolling = "virtual" === scrolling.mode;
                    const horizontalVirtualScrollingAllowed = isVirtualScrolling && (!(0, _type.isDefined)(scrolling.orientation) || ["horizontal", "both"].includes(scrolling.orientation));
                    const crossScrollingEnabled = this.option("crossScrollingEnabled") || horizontalVirtualScrollingAllowed || (0, _index2.isTimelineView)(currentViewOptions.type);
                    const result = (0, _extend.extend)({
                        resources: this.option("resources"),
                        getResourceManager: () => this.resourceManager,
                        getFilteredItems: () => this._layoutManager.filteredItems,
                        noDataText: this.option("noDataText") || _message.default.format("dxCollectionWidget-noDataText"),
                        firstDayOfWeek: this.option("firstDayOfWeek"),
                        startDayHour: this.option("startDayHour"),
                        endDayHour: this.option("endDayHour"),
                        viewOffset: this.getViewOffsetMs(),
                        tabIndex: this.option("tabIndex"),
                        accessKey: this.option("accessKey"),
                        focusStateEnabled: this.option("focusStateEnabled"),
                        cellDuration: this.option("cellDuration"),
                        showAllDayPanel: this.option("showAllDayPanel"),
                        showCurrentTimeIndicator: this.option("showCurrentTimeIndicator"),
                        indicatorTime: this.option("indicatorTime"),
                        indicatorUpdateInterval: this.option("indicatorUpdateInterval"),
                        shadeUntilCurrentTime: this.option("shadeUntilCurrentTime"),
                        crossScrollingEnabled: crossScrollingEnabled,
                        dataCellTemplate: this.option("dataCellTemplate"),
                        timeCellTemplate: this.option("timeCellTemplate"),
                        resourceCellTemplate: this.option("resourceCellTemplate"),
                        dateCellTemplate: this.option("dateCellTemplate"),
                        allowMultipleCellSelection: this.option("allowMultipleCellSelection"),
                        selectedCellData: this.option("selectedCellData"),
                        onSelectionChanged: args => {
                            this.option("selectedCellData", args.selectedCellData)
                        },
                        groupByDate: this.getViewOption("groupByDate"),
                        scrolling: scrolling,
                        draggingMode: this.option("_draggingMode"),
                        timeZoneCalculator: this.timeZoneCalculator,
                        schedulerHeight: this.option("height"),
                        schedulerWidth: this.option("width"),
                        allDayPanelMode: this.option("allDayPanelMode"),
                        onSelectedCellsClick: this.showAddAppointmentPopup.bind(this),
                        renderAppointments: () => {
                            this.renderAppointments()
                        },
                        onShowAllDayPanel: value => this.option("showAllDayPanel", value),
                        getHeaderHeight: () => _m_utils.utils.DOM.getHeaderHeight(this.header),
                        onScrollEnd: () => this._appointments.updateResizableArea(),
                        renovateRender: this.isRenovatedRender(isVirtualScrolling)
                    }, currentViewOptions);
                    result.notifyScheduler = this.notifyScheduler;
                    result.groups = this.resourceManager.groupResources();
                    result.onCellClick = this._createActionByOption("onCellClick");
                    result.onCellContextMenu = this._createActionByOption("onCellContextMenu");
                    result.currentDate = this.getViewOption("currentDate");
                    result.hoursInterval = result.cellDuration / 60;
                    result.allDayExpanded = false;
                    result.dataCellTemplate = result.dataCellTemplate ? this._getTemplate(result.dataCellTemplate) : null;
                    result.timeCellTemplate = result.timeCellTemplate ? this._getTemplate(result.timeCellTemplate) : null;
                    result.resourceCellTemplate = result.resourceCellTemplate ? this._getTemplate(result.resourceCellTemplate) : null;
                    result.dateCellTemplate = result.dateCellTemplate ? this._getTemplate(result.dateCellTemplate) : null;
                    return result
                }
                isRenovatedRender(isVirtualScrolling) {
                    return this.option("renovateRender") && (0, _window.hasWindow)() || isVirtualScrolling
                }
                waitAsyncTemplate(callback) {
                    if (this._options.silent("templatesRenderAsynchronously")) {
                        const timer = setTimeout(() => {
                            callback();
                            clearTimeout(timer)
                        });
                        this.asyncTemplatesTimers.push(timer)
                    } else {
                        callback()
                    }
                }
                getAppointmentTemplate(optionName) {
                    var _this$currentView;
                    if (null !== (_this$currentView = this.currentView) && void 0 !== _this$currentView && _this$currentView[optionName]) {
                        return this._getTemplate(this.currentView[optionName])
                    }
                    return this._getTemplateByOption(optionName)
                }
                updateOption(viewName, optionName, value) {
                    if ("header" === viewName) {
                        var _this$header2;
                        null === (_this$header2 = this.header) || void 0 === _this$header2 || _this$header2.option(optionName, value)
                    } else {
                        var _this$_workSpace5;
                        null === (_this$_workSpace5 = this._workSpace) || void 0 === _this$_workSpace5 || _this$_workSpace5.option(optionName, value)
                    }
                }
                refreshWorkSpace() {
                    this.cleanWorkSpace();
                    delete this._workSpace;
                    this.renderWorkSpace();
                    if (this.readyToRenderAppointments) {
                        if (this.option("_newAppointments")) {
                            this._appointments.option("$allDayContainer", this._workSpace.getAllDayContainer())
                        } else {
                            this._appointments.option({
                                fixedContainer: this._workSpace.getFixedContainer(),
                                allDayContainer: this._workSpace.getAllDayContainer()
                            })
                        }
                        this.waitAsyncTemplate(() => this.workSpaceRecalculation.resolve())
                    }
                }
                cleanWorkSpace() {
                    this._appointments.$element().detach();
                    this._workSpace._dispose();
                    this._workSpace.$element().remove();
                    this.option("selectedCellData", [])
                }
                getWorkSpaceScrollable() {
                    return this._workSpace.getScrollable()
                }
                getWorkSpaceScrollableContainer() {
                    return this._workSpace.getScrollableContainer()
                }
                getWorkSpace() {
                    return this._workSpace
                }
                getHeader() {
                    return this.header
                }
                cleanPopup() {
                    var _this$appointmentPopu2;
                    null === (_this$appointmentPopu2 = this.appointmentPopup) || void 0 === _this$appointmentPopu2 || _this$appointmentPopu2.dispose()
                }
                checkRecurringAppointment(rawAppointment, singleAppointment, exceptionDate, callback, isDeleted, isPopupEditing, dragEvent, recurrenceEditMode) {
                    const recurrenceRule = this._dataAccessors.get("recurrenceRule", rawAppointment);
                    if (!(0, _validate_rule.validateRRule)(recurrenceRule) || !this.editing.allowUpdating) {
                        callback();
                        return
                    }
                    const editMode = recurrenceEditMode || this.option("recurrenceEditMode");
                    switch (editMode) {
                        case "series":
                            callback();
                            break;
                        case "occurrence":
                            this.excludeAppointmentFromSeries(rawAppointment, singleAppointment, exceptionDate, isDeleted, isPopupEditing, dragEvent);
                            break;
                        default:
                            if (dragEvent) {
                                dragEvent.cancel = new _deferred.Deferred
                            }
                            this.showRecurrenceChangeConfirm(isDeleted).done(editingMode => {
                                editingMode === RECURRENCE_EDITING_MODE_SERIES && callback();
                                editingMode === RECURRENCE_EDITING_MODE_OCCURRENCE && this.excludeAppointmentFromSeries(rawAppointment, singleAppointment, exceptionDate, isDeleted, isPopupEditing, dragEvent)
                            }).fail(() => this._appointments.moveAppointmentBack(dragEvent))
                    }
                }
                excludeAppointmentFromSeries(rawAppointment, newRawAppointment, exceptionDate, isDeleted, isPopupEditing, dragEvent) {
                    const appointment = (0, _index2.excludeFromRecurrence)(rawAppointment, exceptionDate, this._dataAccessors);
                    const singleRawAppointment = Object.assign({}, newRawAppointment);
                    delete singleRawAppointment[this._dataAccessors.expr.recurrenceExceptionExpr];
                    delete singleRawAppointment[this._dataAccessors.expr.recurrenceRuleExpr];
                    const keyPropertyName = this.appointmentDataSource.keyName;
                    delete singleRawAppointment[keyPropertyName];
                    const canCreateNewAppointment = !isDeleted && !isPopupEditing;
                    if (canCreateNewAppointment) {
                        this.addAppointment(singleRawAppointment)
                    }
                    if (isPopupEditing) {
                        this.appointmentPopup.show(singleRawAppointment, {
                            onSave: newAppointment => {
                                this.updateAppointment(rawAppointment, appointment.source);
                                return (0, _deferred.when)(this.addAppointment(newAppointment)).done(() => this.scrollToAppointment(newAppointment))
                            },
                            title: _message.default.format("dxScheduler-editPopupTitle"),
                            readOnly: Boolean(appointment.source) && appointment.disabled
                        });
                        this.editAppointmentData = rawAppointment
                    } else {
                        this.updateAppointmentCore(rawAppointment, appointment.source, () => {
                            this._appointments.moveAppointmentBack(dragEvent)
                        }, dragEvent)
                    }
                }
                createRecurrenceException(appointment, exceptionDate) {
                    const result = [];
                    if (appointment.recurrenceException) {
                        result.push(appointment.recurrenceException)
                    }
                    result.push(this.getSerializedDate(exceptionDate, appointment.startDate, appointment.allDay));
                    return result.join()
                }
                getSerializedDate(date, startDate, isAllDay) {
                    isAllDay && date.setHours(startDate.getHours(), startDate.getMinutes(), startDate.getSeconds(), startDate.getMilliseconds());
                    return _date_serialization.default.serializeDate(date, "yyyyMMddTHHmmssZ")
                }
                showRecurrenceChangeConfirm(isDeleted) {
                    const title = _message.default.format(isDeleted ? "dxScheduler-confirmRecurrenceDeleteTitle" : "dxScheduler-confirmRecurrenceEditTitle");
                    const message = _message.default.format(isDeleted ? "dxScheduler-confirmRecurrenceDeleteMessage" : "dxScheduler-confirmRecurrenceEditMessage");
                    const seriesText = _message.default.format(isDeleted ? "dxScheduler-confirmRecurrenceDeleteSeries" : "dxScheduler-confirmRecurrenceEditSeries");
                    const occurrenceText = _message.default.format(isDeleted ? "dxScheduler-confirmRecurrenceDeleteOccurrence" : "dxScheduler-confirmRecurrenceEditOccurrence");
                    this.recurrenceDialog = (0, _dialog.custom)({
                        title: title,
                        messageHtml: message,
                        showCloseButton: true,
                        showTitle: true,
                        buttons: [{
                            text: seriesText,
                            onClick: () => RECURRENCE_EDITING_MODE_SERIES
                        }, {
                            text: occurrenceText,
                            onClick: () => RECURRENCE_EDITING_MODE_OCCURRENCE
                        }],
                        popupOptions: {
                            wrapperAttr: {
                                class: POPUP_DIALOG_CLASS
                            },
                            onHidden: () => {
                                var _this$_appointments;
                                null === (_this$_appointments = this._appointments) || void 0 === _this$_appointments || _this$_appointments.focus()
                            }
                        }
                    });
                    return this.recurrenceDialog.show()
                }
                getUpdatedData(rawAppointment) {
                    const viewOffset = this.getViewOffsetMs();
                    const getConvertedFromGrid = date => {
                        if (!date) {
                            return
                        }
                        const result = this.timeZoneCalculator.createDate(date, "fromGrid");
                        return _date3.dateUtilsTs.addOffsets(result, -viewOffset)
                    };
                    const targetCell = this.getTargetCellData();
                    const appointment = new _appointment_adapter.AppointmentAdapter(rawAppointment, this._dataAccessors);
                    const cellStartDate = getConvertedFromGrid(targetCell.startDate);
                    const cellEndDate = getConvertedFromGrid(targetCell.endDate);
                    let appointmentStartDate = new Date(appointment.startDate);
                    appointmentStartDate = _date3.dateUtilsTs.addOffsets(appointmentStartDate, -viewOffset);
                    let appointmentEndDate = new Date(appointment.endDate);
                    appointmentEndDate = _date3.dateUtilsTs.addOffsets(appointmentEndDate, -viewOffset);
                    let resultedStartDate = cellStartDate ?? appointmentStartDate;
                    if (!_date3.dateUtilsTs.isValidDate(appointmentStartDate)) {
                        appointmentStartDate = resultedStartDate
                    }
                    if (!_date3.dateUtilsTs.isValidDate(appointmentEndDate)) {
                        appointmentEndDate = cellEndDate
                    }
                    const duration = appointmentEndDate.getTime() - appointmentStartDate.getTime();
                    const isKeepAppointmentHours = this._workSpace.keepOriginalHours() && _date3.dateUtilsTs.isValidDate(appointment.startDate) && _date3.dateUtilsTs.isValidDate(cellStartDate);
                    if (isKeepAppointmentHours) {
                        const startDate = this.timeZoneCalculator.createDate(appointmentStartDate, "toGrid");
                        const timeInMs = startDate.getTime() - _date2.default.trimTime(startDate).getTime();
                        const targetCellStartDate = _date3.dateUtilsTs.addOffsets(targetCell.startDate, -viewOffset);
                        resultedStartDate = new Date(_date2.default.trimTime(targetCellStartDate).getTime() + timeInMs);
                        resultedStartDate = this.timeZoneCalculator.createDate(resultedStartDate, "fromGrid")
                    }
                    const result = new _appointment_adapter.AppointmentAdapter({}, this._dataAccessors);
                    if (void 0 !== targetCell.allDay) {
                        result.allDay = targetCell.allDay
                    }
                    result.startDate = resultedStartDate;
                    let resultedEndDate = new Date(resultedStartDate.getTime() + duration);
                    if (this.appointmentTakesAllDay(rawAppointment) && !result.allDay && this._workSpace.supportAllDayRow()) {
                        resultedEndDate = this._workSpace.calculateEndDate(resultedStartDate)
                    }
                    if (appointment.allDay && !this._workSpace.supportAllDayRow() && !this._workSpace.keepOriginalHours()) {
                        const dateCopy = new Date(resultedStartDate);
                        dateCopy.setHours(0);
                        resultedEndDate = new Date(dateCopy.getTime() + duration);
                        if (0 !== resultedEndDate.getHours()) {
                            resultedEndDate.setHours(this.getViewOption("endDayHour"))
                        }
                    }
                    result.startDate = _date3.dateUtilsTs.addOffsets(result.startDate, viewOffset);
                    result.endDate = _date3.dateUtilsTs.addOffsets(resultedEndDate, viewOffset);
                    const rawResult = result.source;
                    (0, _appointment_groups_utils.setAppointmentGroupValues)(rawResult, this.resourceManager.resourceById, targetCell.groups);
                    return rawResult
                }
                getTargetedAppointment(appointment, element) {
                    const settings = _m_utils.utils.dataAccessors.getAppointmentSettings(element);
                    return (0, _get_targeted_appointment.getTargetedAppointment)(appointment, settings, this._dataAccessors, this.resourceManager)
                }
                subscribe(subject, action) {
                    this.subscribes[subject] = _m_subscribes.default[subject] = action
                }
                fire(subject) {
                    const callback = this.subscribes[subject];
                    if (!(0, _type.isFunction)(callback)) {
                        throw _ui.default.Error("E1031", subject)
                    }
                    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
                        args[_key - 1] = arguments[_key]
                    }
                    return callback.call(this, ...args)
                }
                getTargetCellData() {
                    return this._workSpace.getDataByDroppableCell()
                }
                updateAppointmentCore(target, rawAppointment, onUpdatePrevented, dragEvent) {
                    const updatingOptions = {
                        newData: rawAppointment,
                        oldData: (0, _extend.extend)({}, target),
                        cancel: false
                    };
                    const performFailAction = function(err) {
                        if (onUpdatePrevented) {
                            onUpdatePrevented.call(this)
                        }
                        if (err && "Error" === err.name) {
                            throw err
                        }
                    }.bind(this);
                    this.actions[StoreEventNames_UPDATING](updatingOptions);
                    if (dragEvent && !(0, _type.isDeferred)(dragEvent.cancel)) {
                        dragEvent.cancel = new _deferred.Deferred
                    }
                    if ((0, _type.isPromise)(updatingOptions.cancel) && dragEvent) {
                        this.updatingAppointments.add(target)
                    }
                    return this.processActionResult(updatingOptions, function(canceled) {
                        let deferred = new _deferred.Deferred;
                        if (!canceled) {
                            this.expandAllDayPanel(rawAppointment);
                            try {
                                deferred = this.appointmentDataSource.update(target, rawAppointment).done(() => {
                                    null === dragEvent || void 0 === dragEvent || dragEvent.cancel.resolve(false)
                                }).always(storeAppointment => {
                                    this.updatingAppointments.delete(target);
                                    this.onDataPromiseCompleted(StoreEventNames_UPDATED, storeAppointment)
                                }).fail(() => performFailAction())
                            } catch (err) {
                                performFailAction(err);
                                this.updatingAppointments.delete(target);
                                deferred.resolve()
                            }
                        } else {
                            performFailAction();
                            this.updatingAppointments.delete(target);
                            deferred.resolve()
                        }
                        return deferred.promise()
                    })
                }
                processActionResult(actionOptions, callback) {
                    const deferred = new _deferred.Deferred;
                    const resolveCallback = callbackResult => {
                        (0, _deferred.when)((0, _deferred.fromPromise)(callbackResult)).always(deferred.resolve)
                    };
                    if ((0, _type.isPromise)(actionOptions.cancel)) {
                        (0, _deferred.when)((0, _deferred.fromPromise)(actionOptions.cancel)).always(cancel => {
                            if (!(0, _type.isDefined)(cancel)) {
                                cancel = "rejected" === actionOptions.cancel.state()
                            }
                            resolveCallback(callback.call(this, cancel))
                        })
                    } else {
                        resolveCallback(callback.call(this, actionOptions.cancel))
                    }
                    return deferred.promise()
                }
                expandAllDayPanel(appointment) {
                    if (!this.isAllDayExpanded() && this.appointmentTakesAllDay(appointment)) {
                        this.updateOption("workSpace", "allDayExpanded", true)
                    }
                }
                onDataPromiseCompleted(handlerName, storeAppointment, appointment) {
                    const args = {
                        appointmentData: appointment || storeAppointment
                    };
                    if (storeAppointment instanceof Error) {
                        args.error = storeAppointment
                    } else {
                        this.appointmentPopup.visible && this.appointmentPopup.hide()
                    }
                    this.actions[handlerName](args);
                    this._fireContentReadyAction()
                }
                getAppointmentsInstance() {
                    return this._appointments
                }
                getLayoutManager() {
                    return this._layoutManager
                }
                getActions() {
                    return this.actions
                }
                appointmentTakesAllDay(rawAppointment) {
                    const appointment = new _appointment_adapter.AppointmentAdapter(rawAppointment, this._dataAccessors);
                    return (0, _index2.isAppointmentTakesAllDay)(appointment, this.getViewOption("allDayPanelMode"))
                }
                dayHasAppointment(day, rawAppointment, trimTime) {
                    const getConvertedToTimeZone = date => this.timeZoneCalculator.createDate(date, "toGrid");
                    const appointment = new _appointment_adapter.AppointmentAdapter(rawAppointment, this._dataAccessors);
                    let startDate = new Date(appointment.startDate);
                    let endDate = new Date(appointment.endDate);
                    startDate = getConvertedToTimeZone(startDate);
                    endDate = getConvertedToTimeZone(endDate);
                    if (day.getTime() === endDate.getTime()) {
                        return startDate.getTime() === endDate.getTime()
                    }
                    if (trimTime) {
                        day = _date2.default.trimTime(day);
                        startDate = _date2.default.trimTime(startDate);
                        endDate = _date2.default.trimTime(endDate)
                    }
                    const dayTimeStamp = day.getTime();
                    const startDateTimeStamp = startDate.getTime();
                    const endDateTimeStamp = endDate.getTime();
                    return startDateTimeStamp <= dayTimeStamp && dayTimeStamp <= endDateTimeStamp
                }
                getStartViewDate() {
                    var _this$_workSpace6;
                    return null === (_this$_workSpace6 = this._workSpace) || void 0 === _this$_workSpace6 ? void 0 : _this$_workSpace6.getStartViewDate()
                }
                getEndViewDate() {
                    return this._workSpace.getEndViewDate()
                }
                showAddAppointmentPopup(cellData, cellGroups) {
                    const appointmentAdapter = new _appointment_adapter.AppointmentAdapter({}, this._dataAccessors);
                    appointmentAdapter.allDay = Boolean(cellData.allDay);
                    appointmentAdapter.startDate = cellData.startDateUTC;
                    appointmentAdapter.endDate = cellData.endDateUTC;
                    const resultAppointment = (0, _extend.extend)(appointmentAdapter.source, cellGroups);
                    this.showAppointmentPopup(resultAppointment, true)
                }
                showAppointmentPopup(rawAppointment, createNewAppointment, rawTargetedAppointment) {
                    const newRawTargetedAppointment = Object.assign({}, rawTargetedAppointment);
                    if (newRawTargetedAppointment) {
                        delete newRawTargetedAppointment.displayStartDate;
                        delete newRawTargetedAppointment.displayEndDate
                    }
                    const newTargetedAppointment = (0, _extend.extend)({}, rawAppointment, newRawTargetedAppointment);
                    const isCreateAppointment = createNewAppointment ?? (0, _type.isEmptyObject)(rawAppointment);
                    if ((0, _type.isEmptyObject)(rawAppointment)) {
                        rawAppointment = this.createPopupAppointment()
                    }
                    if (isCreateAppointment) {
                        delete this.editAppointmentData;
                        if (this.editing.allowAdding) {
                            this.appointmentPopup.show(rawAppointment, {
                                onSave: appointment => (0, _deferred.when)(this.addAppointment(appointment)).done(() => this.scrollToAppointment(appointment)),
                                title: _message.default.format("dxScheduler-newPopupTitle"),
                                readOnly: false
                            })
                        }
                    } else {
                        const startDate = this._dataAccessors.get("startDate", newRawTargetedAppointment || rawAppointment);
                        this.checkRecurringAppointment(rawAppointment, newTargetedAppointment, startDate, () => {
                            this.editAppointmentData = rawAppointment;
                            const adapter = new _appointment_adapter.AppointmentAdapter(rawAppointment, this._dataAccessors);
                            const isDisabled = Boolean(adapter.source) && adapter.disabled;
                            const readOnly = isDisabled || !this.editing.allowUpdating;
                            this.appointmentPopup.show(rawAppointment, {
                                onSave: appointment => (0, _deferred.when)(this.updateAppointment(rawAppointment, appointment)).done(() => this.scrollToAppointment(appointment)),
                                title: _message.default.format("dxScheduler-editPopupTitle"),
                                readOnly: readOnly
                            })
                        }, false, true)
                    }
                }
                createPopupAppointment() {
                    const result = {};
                    const toMs = _date2.default.dateToMilliseconds;
                    const startDate = new Date(this.option("currentDate"));
                    const endDate = new Date(startDate.getTime() + this.option("cellDuration") * toMs("minute"));
                    this._dataAccessors.set("startDate", result, startDate);
                    this._dataAccessors.set("endDate", result, endDate);
                    return result
                }
                hideAppointmentPopup(saveChanges) {
                    var _this$appointmentPopu3;
                    if (null !== (_this$appointmentPopu3 = this.appointmentPopup) && void 0 !== _this$appointmentPopu3 && _this$appointmentPopu3.visible) {
                        saveChanges && this.appointmentPopup.saveChangesAsync();
                        this.appointmentPopup.hide()
                    }
                }
                showAppointmentTooltip(appointment, element, targetedAppointment) {
                    if (appointment) {
                        const settings = _m_utils.utils.dataAccessors.getAppointmentSettings(element);
                        const appointmentConfig = {
                            itemData: targetedAppointment ?? appointment,
                            groupIndex: null === settings || void 0 === settings ? void 0 : settings.groupIndex
                        };
                        const info = {
                            appointment: appointment,
                            targetedAppointment: targetedAppointment,
                            color: this.resourceManager.getAppointmentColor(appointmentConfig)
                        };
                        this.showAppointmentTooltipCore(element, [info])
                    }
                }
                showAppointmentTooltipCore(target, data, options) {
                    const arg = {
                        cancel: false,
                        appointments: data.map(item => ({
                            appointmentData: item.appointment,
                            currentAppointmentData: Object.assign({}, item.targetedAppointment),
                            color: item.color
                        })),
                        targetElement: (0, _element.getPublicElement)(target)
                    };
                    this._createActionByOption("onAppointmentTooltipShowing")(arg);
                    if (this.appointmentTooltip.isAlreadyShown(target)) {
                        this.hideAppointmentTooltip()
                    } else {
                        this.processActionResult(arg, canceled => {
                            !canceled && this.appointmentTooltip.show(target, data, Object.assign({}, this.getExtraAppointmentTooltipOptions(), options))
                        })
                    }
                }
                hideAppointmentTooltip() {
                    var _this$appointmentTool2;
                    null === (_this$appointmentTool2 = this.appointmentTooltip) || void 0 === _this$appointmentTool2 || _this$appointmentTool2.hide()
                }
                scrollTo(date, groupValuesOrOptions, allDay) {
                    let groupValues;
                    let allDayValue;
                    let align = "center";
                    if (this.isScrollOptionsObject(groupValuesOrOptions)) {
                        groupValues = groupValuesOrOptions.group;
                        allDayValue = groupValuesOrOptions.allDay;
                        align = groupValuesOrOptions.alignInView ?? "center"
                    } else {
                        groupValues = groupValuesOrOptions;
                        allDayValue = allDay
                    }
                    this._workSpace.scrollTo(date, groupValues, allDayValue, true, align)
                }
                isScrollOptionsObject(options) {
                    return Boolean(options) && "object" === typeof options && ("alignInView" in options || "allDay" in options || "group" in options)
                }
                isHorizontalVirtualScrolling() {
                    const scrolling = this.option("scrolling");
                    const {
                        orientation: orientation,
                        mode: mode
                    } = scrolling;
                    const isVirtualScrolling = "virtual" === mode;
                    return isVirtualScrolling && ("horizontal" === orientation || "both" === orientation)
                }
                addAppointment(rawAppointment) {
                    const appointment = new _appointment_adapter.AppointmentAdapter(rawAppointment, this._dataAccessors);
                    appointment.text = appointment.text || "";
                    const serializedAppointment = appointment.serialize().source;
                    const addingOptions = {
                        appointmentData: serializedAppointment,
                        cancel: false
                    };
                    this.actions[StoreEventNames_ADDING](addingOptions);
                    return this.processActionResult(addingOptions, canceled => {
                        if (canceled) {
                            return (new _deferred.Deferred).resolve()
                        }
                        this.expandAllDayPanel(serializedAppointment);
                        return this.appointmentDataSource.add(serializedAppointment).always(storeAppointment => this.onDataPromiseCompleted(StoreEventNames_ADDED, storeAppointment))
                    })
                }
                updateAppointment(target, appointment) {
                    return this.updateAppointmentCore(target, appointment)
                }
                deleteAppointment(rawAppointment) {
                    const deletingOptions = this.fireOnAppointmentDeleting(rawAppointment);
                    this.processDeleteAppointment(rawAppointment, deletingOptions)
                }
                fireOnAppointmentDeleting(rawAppointment, targetedAppointmentData) {
                    const deletingOptions = {
                        appointmentData: rawAppointment,
                        targetedAppointmentData: targetedAppointmentData,
                        cancel: false
                    };
                    this.actions[StoreEventNames_DELETING](deletingOptions);
                    return deletingOptions
                }
                processDeleteAppointment(rawAppointment, deletingOptions) {
                    this.processActionResult(deletingOptions, function(canceled) {
                        if (!canceled) {
                            this.appointmentDataSource.remove(rawAppointment).always(storeAppointment => this.onDataPromiseCompleted(StoreEventNames_DELETED, storeAppointment, rawAppointment))
                        }
                    })
                }
                deleteRecurrence(appointment, date, recurrenceEditMode) {
                    if ("string" === typeof date) {
                        date = new Date(date)
                    }
                    this.checkRecurringAppointment(appointment, {}, date, () => {
                        this.processDeleteAppointment(appointment, {
                            cancel: false
                        })
                    }, true, false, null, recurrenceEditMode)
                }
                focus() {
                    if (this.editAppointmentData) {
                        this._appointments.focus()
                    } else {
                        this._workSpace.focus()
                    }
                }
                getFirstDayOfWeek() {
                    return (0, _type.isDefined)(this.getViewOption("firstDayOfWeek")) ? this.getViewOption("firstDayOfWeek") : _date.default.firstDayOfWeekIndex()
                }
                validateKeyFieldIfAgendaExist() {
                    if (!this.appointmentDataSource.isDataSourceInit) {
                        return
                    }
                    const hasAgendaView = this.hasAgendaView();
                    const isKeyNotExist = !this.appointmentDataSource.keyName;
                    if (hasAgendaView && isKeyNotExist) {
                        _ui.default.log("W1023")
                    }
                }
                _getDragBehavior() {
                    return this._workSpace.dragBehavior
                }
                _isAppointmentBeingUpdated(appointmentData) {
                    return this.updatingAppointments.has(appointmentData)
                }
                getViewOffsetMs() {
                    const offsetFromOptions = this.getViewOption("offset");
                    return this.normalizeViewOffsetValue(offsetFromOptions)
                }
                normalizeViewOffsetValue(viewOffset) {
                    var _this$currentView2;
                    if (!(0, _type.isDefined)(viewOffset) || (null === (_this$currentView2 = this.currentView) || void 0 === _this$currentView2 ? void 0 : _this$currentView2.type) === _constants_view.VIEWS.AGENDA) {
                        return 0
                    }
                    return viewOffset * toMs("minute")
                }
            }
            Scheduler.include(_data_helper.default);
            (0, _component_registrator.default)("dxScheduler", Scheduler);
            exports.default = Scheduler
        },
        58713(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/date */ 41380));
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _get_delta_time = __webpack_require__( /*! ./appointments/resizing/get_delta_time */ 334);
            var _get_date_text = __webpack_require__( /*! ./appointments_new/utils/get_date_text */ 4995);
            var _constants = __webpack_require__( /*! ./constants */ 25307);
            var _m_utils = __webpack_require__( /*! ./m_utils */ 5327);
            var _base = __webpack_require__( /*! ./r1/utils/base */ 44611);
            var _appointment_adapter = __webpack_require__( /*! ./utils/appointment_adapter/appointment_adapter */ 36791);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const toMs = _date.default.dateToMilliseconds;
            const isAllDay = (scheduler, appointmentData) => {
                const adapter = new _appointment_adapter.AppointmentAdapter(appointmentData, scheduler._dataAccessors);
                if (_constants.VERTICAL_VIEW_TYPES.includes(scheduler.currentView.type)) {
                    return (0, _base.isAppointmentTakesAllDay)(adapter, scheduler.option("allDayPanelMode"))
                }
                return adapter.allDay
            };
            const subscribes = {
                isCurrentViewAgenda() {
                    return "agenda" === this.currentView.type
                },
                getOption(name) {
                    return this.option(name)
                },
                isVirtualScrolling() {
                    return this.isVirtualScrolling()
                },
                isGroupedByDate() {
                    return this.getWorkSpace().isGroupedByDate()
                },
                showAppointmentTooltip(options) {
                    const targetedAppointment = this.getTargetedAppointment(options.data, options.target);
                    this.showAppointmentTooltip(options.data, options.target, targetedAppointment)
                },
                hideAppointmentTooltip() {
                    this.hideAppointmentTooltip()
                },
                showEditAppointmentPopup(options) {
                    const targetedData = this.getTargetedAppointment(options.data, options.target);
                    this.showAppointmentPopup(options.data, false, targetedData)
                },
                updateAppointmentAfterResize(options) {
                    const {
                        info: info
                    } = _m_utils.utils.dataAccessors.getAppointmentSettings(options.$appointment);
                    const {
                        startDate: startDate
                    } = info.sourceAppointment;
                    this.checkRecurringAppointment(options.target, options.data, startDate, () => {
                        this.updateAppointmentCore(options.target, options.data, function() {
                            this._appointments.moveAppointmentBack()
                        })
                    })
                },
                getUpdatedData(rawAppointment) {
                    return this.getUpdatedData(rawAppointment)
                },
                updateAppointmentAfterDrag(_ref) {
                    let {
                        event: event,
                        element: element,
                        rawAppointment: rawAppointment,
                        isDropToTheSameCell: isDropToTheSameCell,
                        isDropToSelfScheduler: isDropToSelfScheduler
                    } = _ref;
                    const {
                        info: info
                    } = _m_utils.utils.dataAccessors.getAppointmentSettings(element);
                    const targetedRawAppointment = (0, _extend.extend)({}, rawAppointment, this.getUpdatedData(rawAppointment));
                    const fromAllDay = Boolean(rawAppointment.allDay);
                    const toAllDay = Boolean(targetedRawAppointment.allDay);
                    const isDropBetweenAllDay = this._workSpace.supportAllDayRow() && fromAllDay !== toAllDay;
                    const isDragAndDropBetweenComponents = event.fromComponent !== event.toComponent;
                    const onCancel = () => {
                        this._appointments.moveAppointmentBack(event)
                    };
                    if (!isDropToSelfScheduler && isDragAndDropBetweenComponents) {
                        return
                    }
                    if (isDropToSelfScheduler && (!isDropToTheSameCell || isDragAndDropBetweenComponents || isDropBetweenAllDay)) {
                        this.checkRecurringAppointment(rawAppointment, targetedRawAppointment, info.sourceAppointment.startDate, () => {
                            this.updateAppointmentCore(rawAppointment, targetedRawAppointment, onCancel, event)
                        }, void 0, void 0, event)
                    } else {
                        onCancel()
                    }
                },
                onDeleteButtonPress(options) {
                    const targetedData = this.getTargetedAppointment(options.data, (0, _renderer.default)(options.target));
                    this.checkAndDeleteAppointment(options.data, targetedData);
                    this.hideAppointmentTooltip()
                },
                createFormattedDateText(appointment, targetedAppointmentRaw, format) {
                    const targetedAppointment = Object.assign({}, appointment, targetedAppointmentRaw);
                    const adapter = new _appointment_adapter.AppointmentAdapter(targetedAppointment, this._dataAccessors);
                    const startDate = targetedAppointment.displayStartDate || this.timeZoneCalculator.createDate(adapter.startDate, "toGrid");
                    const endDate = targetedAppointment.displayEndDate || this.timeZoneCalculator.createDate(adapter.endDate, "toGrid");
                    const formatType = format ?? (0, _get_date_text.getDateFormatType)(startDate, endDate, adapter.allDay, this.currentView.type);
                    return {
                        text: adapter.text || _message.default.format("dxScheduler-noSubject"),
                        formatDate: (0, _get_date_text.getDateText)(startDate, endDate, formatType)
                    }
                },
                getResizableAppointmentArea(options) {
                    const {
                        allDay: allDay
                    } = options;
                    const groups = this.getViewOption("groups");
                    if (null !== groups && void 0 !== groups && groups.length) {
                        if (allDay || "month" === this.currentView.type) {
                            const horizontalGroupBounds = this._workSpace.getGroupBounds(options.coordinates);
                            return {
                                left: horizontalGroupBounds.left,
                                right: horizontalGroupBounds.right,
                                top: 0,
                                bottom: 0
                            }
                        }
                        if (!allDay && _constants.VERTICAL_VIEW_TYPES.includes(this.currentView.type) && this._workSpace.isVerticalGroupedWorkSpace()) {
                            const verticalGroupBounds = this._workSpace.getGroupBounds(options.coordinates);
                            return {
                                left: 0,
                                right: 0,
                                top: verticalGroupBounds.top,
                                bottom: verticalGroupBounds.bottom
                            }
                        }
                    }
                    return
                },
                needRecalculateResizableArea() {
                    return this.getWorkSpace().needRecalculateResizableArea()
                },
                isAllDay(appointmentData) {
                    return isAllDay(this, appointmentData)
                },
                getDeltaTime(e, initialSize, itemData) {
                    return (0, _get_delta_time.getDeltaTime)(e, initialSize, {
                        viewType: this.currentView.type,
                        cellSize: {
                            width: this.getWorkSpace().getCellWidth(),
                            height: this.getWorkSpace().getCellHeight()
                        },
                        cellDurationInMinutes: this.getWorkSpace().option("cellDuration"),
                        resizableStep: this.getWorkSpace().positionHelper.getResizableStep(),
                        isAllDayPanel: isAllDay(this, itemData)
                    })
                },
                getCellWidth() {
                    return this.getWorkSpace().getCellWidth()
                },
                getCellHeight() {
                    return this.getWorkSpace().getCellHeight()
                },
                needCorrectAppointmentDates() {
                    return !["month", "timelineMonth"].includes(this.currentView.type)
                },
                getRenderingStrategyDirection() {
                    return _constants.VERTICAL_VIEW_TYPES.includes(this.currentView.type) ? "vertical" : "horizontal"
                },
                updateAppointmentEndDate(options) {
                    const {
                        endDate: endDate
                    } = options;
                    const endDayHour = this.getViewOption("endDayHour");
                    const startDayHour = this.getViewOption("startDayHour");
                    let updatedEndDate = endDate;
                    if (endDate.getHours() >= endDayHour) {
                        updatedEndDate.setHours(endDayHour, 0, 0, 0)
                    } else if (!options.isSameDate && startDayHour > 0 && 60 * endDate.getHours() + endDate.getMinutes() < 60 * startDayHour) {
                        updatedEndDate = new Date(updatedEndDate.getTime() - toMs("day"));
                        updatedEndDate.setHours(endDayHour, 0, 0, 0)
                    }
                    return updatedEndDate
                },
                renderCompactAppointments(options) {
                    return this._compactAppointmentsHelper.render(options)
                },
                clearCompactAppointments() {
                    this._compactAppointmentsHelper.clear()
                },
                getGroupCount() {
                    return this._workSpace._getGroupCount()
                },
                mapAppointmentFields(config) {
                    const {
                        itemData: itemData,
                        itemElement: itemElement,
                        targetedAppointment: targetedAppointment
                    } = config;
                    const targetedData = targetedAppointment || this.getTargetedAppointment(itemData, itemElement);
                    return {
                        appointmentData: config.itemData,
                        appointmentElement: config.itemElement,
                        targetedAppointmentData: targetedData
                    }
                },
                dayHasAppointment(day, appointment, trimTime) {
                    return this.dayHasAppointment(day, appointment, trimTime)
                },
                getLayoutManager() {
                    return this._layoutManager
                },
                getAgendaVerticalStepHeight() {
                    return this.getWorkSpace().getAgendaVerticalStepHeight()
                },
                getAgendaDuration() {
                    return this.getViewOption("agendaDuration")
                },
                getStartViewDate() {
                    return this.getStartViewDate()
                },
                getEndViewDate() {
                    return this.getEndViewDate()
                },
                forceMaxAppointmentPerCell() {
                    return this.forceMaxAppointmentPerCell()
                },
                getTargetedAppointmentData(appointment, element) {
                    return this.getTargetedAppointment(appointment, element)
                },
                getEndDayHour() {
                    return this._workSpace.option("endDayHour") || this.option("endDayHour")
                },
                getStartDayHour() {
                    return this._workSpace.option("startDayHour") || this.option("startDayHour")
                },
                getViewOffsetMs() {
                    return this.getViewOffsetMs()
                },
                isAdaptive() {
                    return this.option("adaptivityEnabled")
                },
                removeDroppableCellClass() {
                    this._workSpace.removeDroppableCellClass()
                }
            };
            exports.default = subscribes
        },
        92201(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../core/dom_adapter */ 64960));
            var _element = __webpack_require__( /*! ../../core/element */ 61404);
            var _element_data = __webpack_require__( /*! ../../core/element_data */ 74663);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = {
                tableCreator: new class {
                    constructor() {
                        this.VERTICAL = "vertical";
                        this.HORIZONTAL = "horizontal"
                    }
                    insertAllDayRow(allDayElements, tableBody, index) {
                        if (allDayElements[index]) {
                            let row = allDayElements[index].find("tr");
                            if (!row.length) {
                                row = (0, _renderer.default)(_dom_adapter.default.createElement("tr"));
                                row.append(allDayElements[index].get(0))
                            }
                            tableBody.appendChild(row.get ? row.get(0) : row)
                        }
                    }
                    makeTable(options) {
                        const tableBody = _dom_adapter.default.createElement("tbody");
                        const templateCallbacks = [];
                        let row;
                        const rowCountInGroup = options.groupCount ? options.rowCount / options.groupCount : options.rowCount;
                        let allDayElementIndex = 0;
                        const {
                            allDayElements: allDayElements
                        } = options;
                        const {
                            groupIndex: groupIndex
                        } = options;
                        const {
                            rowCount: rowCount
                        } = options;
                        (0, _renderer.default)(options.container).append(tableBody);
                        if (allDayElements) {
                            this.insertAllDayRow(allDayElements, tableBody, 0);
                            allDayElementIndex++
                        }
                        for (let rowIndex = 0; rowIndex < rowCount; rowIndex++) {
                            row = _dom_adapter.default.createElement("tr");
                            tableBody.appendChild(row);
                            const isLastRowInGroup = (rowIndex + 1) % rowCountInGroup === 0;
                            if (options.rowClass) {
                                row.className = options.rowClass
                            }
                            for (let columnIndex = 0; columnIndex < options.cellCount; columnIndex++) {
                                var _options$setAdditiona;
                                const td = _dom_adapter.default.createElement("td");
                                row.appendChild(td);
                                if (options.cellClass) {
                                    if ((0, _type.isFunction)(options.cellClass)) {
                                        td.className = options.cellClass(rowIndex, columnIndex)
                                    } else {
                                        td.className = options.cellClass
                                    }
                                }
                                let cellDataObject;
                                let dataKey;
                                let dataValue;
                                if (options.getCellData) {
                                    cellDataObject = options.getCellData(td, rowIndex, columnIndex, groupIndex);
                                    dataKey = cellDataObject.key;
                                    dataValue = cellDataObject.value;
                                    dataKey && (0, _element_data.data)(td, dataKey, dataValue)
                                }
                                null === (_options$setAdditiona = options.setAdditionalClasses) || void 0 === _options$setAdditiona || _options$setAdditiona.call(options, (0, _renderer.default)(td), dataValue);
                                if (options.cellTemplate && options.cellTemplate.render) {
                                    const additionalTemplateData = options.getTemplateData ? options.getTemplateData(rowIndex) : {};
                                    const templateOptions = {
                                        model: Object.assign({
                                            text: options.getCellText ? options.getCellText(rowIndex, columnIndex) : "",
                                            date: options.getCellDate ? options.getCellDate(rowIndex) : void 0
                                        }, additionalTemplateData),
                                        container: (0, _element.getPublicElement)((0, _renderer.default)(td)),
                                        index: rowIndex * options.cellCount + columnIndex
                                    };
                                    if (dataValue) {
                                        if (dataValue.startDate) {
                                            templateOptions.model.startDate = dataValue.startDate
                                        }
                                        if (dataValue.endDate) {
                                            templateOptions.model.endDate = dataValue.endDate
                                        }
                                        if (dataValue.groups) {
                                            templateOptions.model.groups = dataValue.groups
                                        }
                                        if (dataValue.allDay) {
                                            templateOptions.model.allDay = dataValue.allDay
                                        }
                                    }
                                    templateCallbacks.push(options.cellTemplate.render.bind(options.cellTemplate, templateOptions))
                                } else if (options.getCellText) {
                                    (0, _renderer.default)("<div>").text(options.getCellText(rowIndex, columnIndex)).addClass(options.getCellTextClass).appendTo((0, _renderer.default)(td))
                                }
                            }
                            if (allDayElements && isLastRowInGroup) {
                                this.insertAllDayRow(allDayElements, tableBody, allDayElementIndex);
                                allDayElementIndex++
                            }
                        }
                        return templateCallbacks
                    }
                    makeGroupedTable(type, groups, cssClasses, cellCount, cellTemplate, rowCount, groupByDate) {
                        let rows = [];
                        if (type === this.VERTICAL) {
                            rows = this.makeVerticalGroupedRows(groups, cssClasses, cellTemplate, rowCount)
                        } else {
                            rows = this.makeHorizontalGroupedRows(groups, cssClasses, cellCount, cellTemplate, groupByDate)
                        }
                        return rows
                    }
                    makeGroupedTableFromJSON(tree, config) {
                        let table;
                        const cellStorage = [];
                        let rowIndex = 0;
                        config = config || {};
                        const cellTag = config.cellTag || "td";
                        const {
                            groupTableClass: groupTableClass
                        } = config;
                        const {
                            groupRowClass: groupRowClass
                        } = config;
                        const {
                            groupCellClass: groupCellClass
                        } = config;
                        const {
                            groupCellCustomContent: groupCellCustomContent
                        } = config;

                        function getChildCount(item) {
                            if (item.children) {
                                return item.children.length
                            }
                            return 0
                        }

                        function createCell(text, childCount, index, node) {
                            const cell = {
                                element: _dom_adapter.default.createElement(cellTag),
                                childCount: childCount
                            };
                            if (groupCellClass) {
                                cell.element.className = groupCellClass
                            }
                            const cellText = _dom_adapter.default.createTextNode(text);
                            if ("function" === typeof groupCellCustomContent) {
                                groupCellCustomContent(cell.element, cellText, index, node)
                            } else {
                                cell.element.appendChild(cellText)
                            }
                            return cell
                        }! function() {
                            table = _dom_adapter.default.createElement("table");
                            if (groupTableClass) {
                                table.className = groupTableClass
                            }
                        }();
                        ! function generateCells(groupNodes) {
                            for (let i = 0; i < groupNodes.length; i++) {
                                const childCount = getChildCount(groupNodes[i]);
                                const cell = createCell(groupNodes[i].resourceText, childCount, i, groupNodes[i]);
                                if (!cellStorage[rowIndex]) {
                                    cellStorage[rowIndex] = []
                                }
                                cellStorage[rowIndex].push(cell);
                                if (childCount) {
                                    generateCells(groupNodes[i].children)
                                } else {
                                    rowIndex++
                                }
                            }
                        }(tree);
                        void cellStorage.forEach(cells => {
                            const row = _dom_adapter.default.createElement("tr");
                            if (groupRowClass) {
                                row.className = groupRowClass
                            }
                            const rowspans = [];
                            for (let i = cells.length - 1; i >= 0; i--) {
                                const prev = cells[i + 1];
                                let rowspan = cells[i].childCount;
                                if (prev && prev.childCount) {
                                    rowspan *= prev.childCount
                                }
                                rowspans.push(rowspan)
                            }
                            rowspans.reverse();
                            cells.forEach((cell, index) => {
                                if (rowspans[index]) {
                                    cell.element.setAttribute("rowSpan", rowspans[index])
                                }
                                row.appendChild(cell.element)
                            });
                            table.appendChild(row)
                        });
                        return table
                    }
                    makeFlexGroupedRowCells(group, repeatCount, cssClasses, cellTemplate) {
                        let repeatByDate = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : 1;
                        const cells = [];
                        const {
                            items: items
                        } = group;
                        const itemCount = items.length;
                        for (let i = 0; i < repeatCount * repeatByDate; i++) {
                            for (let j = 0; j < itemCount; j++) {
                                let $container = (0, _renderer.default)("<div>");
                                const cell = {};
                                if (cellTemplate && cellTemplate.render) {
                                    const templateOptions = {
                                        model: items[j],
                                        container: (0, _element.getPublicElement)($container),
                                        index: i * itemCount + j
                                    };
                                    if (group.data) {
                                        templateOptions.model.data = group.data[j]
                                    }
                                    cell.template = cellTemplate.render.bind(cellTemplate, templateOptions)
                                } else {
                                    $container.text(items[j].text).attr("title", items[j].text).addClass("dx-scheduler-group-header-content");
                                    $container = (0, _renderer.default)("<div>").append($container)
                                }
                                const cssClass = (0, _type.isFunction)(cssClasses.groupHeaderClass) ? cssClasses.groupHeaderClass(j) : cssClasses.groupHeaderClass;
                                cell.element = $container.addClass(cssClass);
                                cells.push(cell)
                            }
                        }
                        return cells
                    }
                    makeVerticalGroupedRows(groups, cssClasses, cellTemplate, rowCount) {
                        const cellTemplates = [];
                        let repeatCount = 1;
                        const cellsArray = [];
                        const cellIterator = function(cell) {
                            if (cell.template) {
                                cellTemplates.push(cell.template)
                            }
                        };
                        for (let i = 0; i < groups.length; i++) {
                            if (i > 0) {
                                repeatCount = groups[i - 1].items.length * repeatCount
                            }
                            const cells = this.makeFlexGroupedRowCells(groups[i], repeatCount, cssClasses, cellTemplate);
                            cells.forEach(cellIterator);
                            cellsArray.push(cells)
                        }
                        const rows = [];
                        const groupCount = cellsArray.length;
                        for (let i = 0; i < groupCount; i++) {
                            rows.push((0, _renderer.default)("<div>").addClass(cssClasses.groupHeaderRowClass))
                        }
                        for (let i = groupCount - 1; i >= 0; i--) {
                            const currentColumnLength = cellsArray[i].length;
                            for (let j = 0; j < currentColumnLength; j++) {
                                rows[i].append(cellsArray[i][j].element)
                            }
                        }
                        return {
                            elements: (0, _renderer.default)("<div>").addClass("dx-scheduler-group-flex-container").append(rows),
                            cellTemplates: cellTemplates
                        }
                    }
                    makeHorizontalGroupedRows(groups, cssClasses, cellCount, cellTemplate, groupByDate) {
                        let repeatCount = 1;
                        const groupCount = groups.length;
                        const rows = [];
                        const cellTemplates = [];
                        const repeatByDate = groupByDate ? cellCount : 1;
                        const cellIterator = function(cell) {
                            if (cell.template) {
                                cellTemplates.push(cell.template)
                            }
                            return cell.element
                        };
                        for (let i = 0; i < groupCount; i++) {
                            if (i > 0) {
                                repeatCount = groups[i - 1].items.length * repeatCount
                            }
                            const cells = this.makeGroupedRowCells(groups[i], repeatCount, cssClasses, cellTemplate, repeatByDate);
                            rows.push((0, _renderer.default)("<tr>").addClass(cssClasses.groupRowClass).append(cells.map(cellIterator)))
                        }
                        const maxCellCount = rows[groupCount - 1].find("th").length;
                        for (let j = 0; j < groupCount; j++) {
                            const $cell = rows[j].find("th");
                            let colspan = maxCellCount / $cell.length;
                            if (!groupByDate) {
                                colspan *= cellCount
                            }
                            if (colspan > 1 && 1 === repeatByDate || groupByDate && groupCount > 1) {
                                $cell.attr("colSpan", colspan)
                            }
                        }
                        return {
                            elements: rows,
                            cellTemplates: cellTemplates
                        }
                    }
                    makeGroupedRowCells(group, repeatCount, cssClasses, cellTemplate, repeatByDate) {
                        repeatByDate = repeatByDate || 1;
                        repeatCount *= repeatByDate;
                        const cells = [];
                        const {
                            items: items
                        } = group;
                        const itemCount = items.length;
                        for (let i = 0; i < repeatCount; i++) {
                            for (let j = 0; j < itemCount; j++) {
                                let $container = (0, _renderer.default)("<div>");
                                const cell = {};
                                if (cellTemplate && cellTemplate.render) {
                                    const templateOptions = {
                                        model: items[j],
                                        container: (0, _element.getPublicElement)($container),
                                        index: i * itemCount + j
                                    };
                                    if (group.data) {
                                        templateOptions.model.data = group.data[j]
                                    }
                                    cell.template = cellTemplate.render.bind(cellTemplate, templateOptions)
                                } else {
                                    $container.text(items[j].text);
                                    $container = (0, _renderer.default)("<div>").append($container)
                                }
                                $container.addClass(cssClasses.groupHeaderContentClass);
                                let cssClass;
                                if ((0, _type.isFunction)(cssClasses.groupHeaderClass)) {
                                    cssClass = cssClasses.groupHeaderClass(j)
                                } else {
                                    cssClass = cssClasses.groupHeaderClass
                                }
                                cell.element = (0, _renderer.default)("<th>").addClass(cssClass).append($container);
                                cells.push(cell)
                            }
                        }
                        return cells
                    }
                }
            }
        },
        5327(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.utils = void 0;
            var _element = __webpack_require__( /*! ../../core/element */ 61404);
            var _renderer = (e = __webpack_require__( /*! ../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _size = __webpack_require__( /*! ../../core/utils/size */ 57653);
            var _constants = __webpack_require__( /*! ./constants */ 25307);
            exports.utils = {
                dataAccessors: {
                    getAppointmentSettings: element => (0, _renderer.default)(element).data(_constants.APPOINTMENT_SETTINGS_KEY)
                },
                DOM: {
                    getHeaderHeight: header => header ? header._$element && parseInt((0, _size.getOuterHeight)(header._$element), 10) : 0
                },
                renovation: {
                    renderComponent: (widget, parentElement, componentClass, componentName, viewModel) => {
                        let component = widget[componentName];
                        if (!component) {
                            const container = (0, _element.getPublicElement)(parentElement);
                            component = widget._createComponent(container, componentClass, viewModel);
                            widget[componentName] = component
                        } else {
                            const $element = component.$element();
                            const elementStyle = $element.get(0).style;
                            const {
                                height: height
                            } = elementStyle;
                            const {
                                width: width
                            } = elementStyle;
                            component.option(viewModel);
                            if (height) {
                                (0, _size.setHeight)($element, height)
                            }
                            if (width) {
                                (0, _size.setWidth)($element, width)
                            }
                        }
                    }
                }
            }
        },
        18648(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../core/errors */ 87129));
            var _date = __webpack_require__( /*! ../core/utils/date */ 55594);
            var _index = __webpack_require__( /*! ../scheduler/utils/index */ 80356);
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/date */ 41380));
            var _global_cache = __webpack_require__( /*! ./global_cache */ 23710);
            var _timezone_list = _interopRequireDefault(__webpack_require__( /*! ./timezones/timezone_list */ 95053));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const timeZoneListSet = new Set(_timezone_list.default.value);
            const toMs = _date2.default.dateToMilliseconds;
            const offsetFormatRegexp = /^GMT(?:[+-]\d{2}:\d{2})?$/;
            const getTimezoneOffsetChangeInMinutes = (startDate, endDate, updatedStartDate, updatedEndDate) => getDaylightOffset(updatedStartDate, updatedEndDate) - getDaylightOffset(startDate, endDate);
            const getDaylightOffset = (startDate, endDate) => new Date(startDate).getTimezoneOffset() - new Date(endDate).getTimezoneOffset();
            const getDaylightOffsetInMs = (startDate, endDate) => getDaylightOffset(startDate, endDate) * toMs("minute");
            const calculateTimezoneByValue = function(timeZone) {
                let date = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : new Date;
                if (!timeZone) {
                    return
                }
                const isValidTimezone = timeZoneListSet.has(timeZone);
                if (!isValidTimezone) {
                    _errors.default.log("W0009", timeZone);
                    return
                }
                const dateObj = new Date(date);
                if (!_date.dateUtilsTs.isValidDate(dateObj)) {
                    return
                }
                if (isEqualLocalTimeZone(timeZone)) {
                    return -dateObj.getTimezoneOffset() / 60
                }
                return function(timeZone) {
                    let date = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : new Date;
                    const offset = getStringOffset(timeZone, date);
                    if (void 0 === offset) {
                        return
                    }
                    if ("GMT" === offset) {
                        return 0
                    }
                    const isMinus = "-" === offset.substring(3, 4);
                    const hours = offset.substring(4, 6);
                    const minutes = offset.substring(7, 9);
                    const result = parseInt(hours, 10) + parseInt(minutes, 10) / 60;
                    return isMinus ? -result : result
                }(timeZone, dateObj)
            };
            const getStringOffset = function(timeZone) {
                let date = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : new Date;
                let result = "";
                try {
                    var _dateTimeFormat$forma;
                    const dateTimeFormat = _global_cache.globalCache.timezones.memo(`intl${timeZone}`, () => new Intl.DateTimeFormat("en-US", {
                        timeZone: timeZone,
                        timeZoneName: "longOffset"
                    }));
                    result = (null === (_dateTimeFormat$forma = dateTimeFormat.formatToParts(date).find(_ref => {
                        let {
                            type: type
                        } = _ref;
                        return "timeZoneName" === type
                    })) || void 0 === _dateTimeFormat$forma ? void 0 : _dateTimeFormat$forma.value) ?? ""
                } catch (e) {
                    _errors.default.log("W0009", timeZone);
                    return
                }
                const isSupportedFormat = offsetFormatRegexp.test(result);
                if (!isSupportedFormat) {
                    _errors.default.log("W0009", timeZone);
                    return
                }
                return result
            };
            const getTimezoneTitle = function(timeZone) {
                let date = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : new Date;
                if (!_date.dateUtilsTs.isValidDate(date)) {
                    return ""
                }
                const tzNamePart = timeZone.replace(/\//g, " - ").replace(/_/g, " ");
                const offset = getStringOffset(timeZone, date);
                if (void 0 === offset) {
                    return
                }
                const offsetNamePart = (offset => {
                    if ("GMT" === offset) {
                        return `${offset} +00:00`
                    }
                    return offset.replace("GMT", "GMT ")
                })(offset);
                return `(${offsetNamePart}) ${tzNamePart}`
            };
            const _getDaylightOffsetByTimezone = (startDate, endDate, timeZone) => {
                const startDayOffset = calculateTimezoneByValue(timeZone, startDate);
                const endDayOffset = calculateTimezoneByValue(timeZone, endDate);
                if (void 0 === startDayOffset || void 0 === endDayOffset) {
                    return 0
                }
                return startDayOffset - endDayOffset
            };
            const isTimezoneChangeInDate = date => {
                const startDayDate = new Date(new Date(date).setHours(0, 0, 0, 0));
                const endDayDate = new Date(new Date(date).setHours(23, 59, 59, 0));
                return startDayDate.getTimezoneOffset() - endDayDate.getTimezoneOffset() !== 0
            };
            const getClientTimezoneOffset = function() {
                let date = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : new Date;
                return 6e4 * date.getTimezoneOffset()
            };
            const getMachineTimezoneName = () => _global_cache.globalCache.timezones.memo("localTimezone", () => _date2.default.getMachineTimezoneName());
            const isEqualLocalTimeZone = timeZoneName => {
                const localTimeZoneName = getMachineTimezoneName();
                if (localTimeZoneName && localTimeZoneName === timeZoneName) {
                    return true
                }
                return false
            };
            const utils = {
                getDaylightOffset: getDaylightOffset,
                getDaylightOffsetInMs: getDaylightOffsetInMs,
                getTimezoneOffsetChangeInMinutes: getTimezoneOffsetChangeInMinutes,
                getTimezoneOffsetChangeInMs: (startDate, endDate, updatedStartDate, updatedEndDate) => getTimezoneOffsetChangeInMinutes(startDate, endDate, updatedStartDate, updatedEndDate) * toMs("minute"),
                calculateTimezoneByValue: calculateTimezoneByValue,
                getCorrectedDateByDaylightOffsets: (convertedOriginalStartDate, convertedDate, date, timeZone, startDateTimezone) => {
                    const daylightOffsetByCommonTimezone = _getDaylightOffsetByTimezone(convertedOriginalStartDate, convertedDate, timeZone);
                    const daylightOffsetByAppointmentTimezone = _getDaylightOffsetByTimezone(convertedOriginalStartDate, convertedDate, startDateTimezone);
                    const diff = daylightOffsetByCommonTimezone - daylightOffsetByAppointmentTimezone;
                    return new Date(date.getTime() - diff * toMs("hour"))
                },
                isSameAppointmentDates: (startDate, endDate) => {
                    endDate = new Date(endDate.getTime() - 1);
                    return _date2.default.sameDate(startDate, endDate)
                },
                correctRecurrenceExceptionByTimezone: (exception, exceptionByStartDate) => {
                    const timezoneOffset = (exception.getTimezoneOffset() - exceptionByStartDate.getTimezoneOffset()) / 60;
                    return new Date(exception.getTime() + timezoneOffset * toMs("hour"))
                },
                getClientTimezoneOffset: getClientTimezoneOffset,
                getDiffBetweenClientTimezoneOffsets: function() {
                    let firstDate = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : new Date;
                    let secondDate = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : new Date;
                    return getClientTimezoneOffset(firstDate) - getClientTimezoneOffset(secondDate)
                },
                createUTCDateWithLocalOffset: date => {
                    if (!date) {
                        return date
                    }
                    return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds()))
                },
                createDateFromUTCWithLocalOffset: date => new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds()),
                isTimezoneChangeInDate: isTimezoneChangeInDate,
                getDateWithoutTimezoneChange: date => {
                    const clonedDate = new Date(date);
                    if (isTimezoneChangeInDate(clonedDate)) {
                        const result = new Date(clonedDate);
                        return new Date(result.setDate(result.getDate() + 1))
                    }
                    return clonedDate
                },
                getMachineTimezoneName: getMachineTimezoneName,
                isEqualLocalTimeZone: isEqualLocalTimeZone,
                addOffsetsWithoutDST: function(date) {
                    for (var _len = arguments.length, offsets = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
                        offsets[_key - 1] = arguments[_key]
                    }
                    const newDate = _date.dateUtilsTs.addOffsets(date, ...offsets);
                    const daylightShift = getDaylightOffsetInMs(date, newDate);
                    if (!daylightShift) {
                        return newDate
                    }
                    const correctLocalDate = _date.dateUtilsTs.addOffsets(newDate, -daylightShift);
                    const daylightSecondShift = getDaylightOffsetInMs(newDate, correctLocalDate);
                    return !daylightSecondShift ? correctLocalDate : newDate
                },
                getTimeZones: function() {
                    let date = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : new Date;
                    let timeZones = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : _timezone_list.default.value;
                    return timeZones.map(timezoneId => ({
                        id: timezoneId,
                        title: getTimezoneTitle(timezoneId, date),
                        offset: calculateTimezoneByValue(timezoneId, date)
                    }))
                },
                getTimeZonesCache: () => _global_cache.globalCache.timezones.get("timeZonesCache") ?? [],
                cacheTimeZones: async () => _global_cache.globalCache.timezones.memo("timeZonesCachePromise", () => _index.macroTaskArray.map(_timezone_list.default.value, timezoneId => ({
                    id: timezoneId,
                    title: getTimezoneTitle(timezoneId, new Date)
                }), 10).then(data => _global_cache.globalCache.timezones.memo("timeZonesCache", () => data))),
                isLocalTimeMidnightDST: date => {
                    const startDayDate = new Date(date.getFullYear(), date.getMonth(), date.getDate());
                    return 1 === startDayDate.getHours()
                }
            };
            exports.default = utils
        },
        83061(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AllDayPanelCell = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _const = __webpack_require__( /*! ../const */ 52728);
            var _date_table_cell_base = __webpack_require__( /*! ./date_table_cell_base */ 48661);
            class AllDayPanelCell extends _index.BaseInfernoComponent {
                render() {
                    const {
                        className: className,
                        viewContext: viewContext,
                        dataCellTemplate: dataCellTemplate,
                        endDate: endDate,
                        groupIndex: groupIndex,
                        groups: groups,
                        index: index,
                        isFirstGroupCell: isFirstGroupCell,
                        isFocused: isFocused,
                        isLastGroupCell: isLastGroupCell,
                        isSelected: isSelected,
                        startDate: startDate
                    } = this.props;
                    return (0, _inferno.createComponentVNode)(2, _date_table_cell_base.DateTableCellBase, {
                        className: `${_const.ALL_DAY_PANEL_CELL_CLASS} ${className}`,
                        viewContext: viewContext,
                        startDate: startDate,
                        endDate: endDate,
                        groups: groups,
                        groupIndex: groupIndex,
                        allDay: true,
                        isFirstGroupCell: isFirstGroupCell,
                        isLastGroupCell: isLastGroupCell,
                        index: index,
                        dataCellTemplate: dataCellTemplate,
                        isSelected: isSelected,
                        isFocused: isFocused
                    })
                }
            }
            exports.AllDayPanelCell = AllDayPanelCell;
            AllDayPanelCell.defaultProps = _date_table_cell_base.DateTableCallBaseDefaultProps
        },
        49673(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AllDayTable = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _const = __webpack_require__( /*! ../const */ 52728);
            var _all_day_panel_table_body = __webpack_require__( /*! ./all_day_panel_table_body */ 99552);
            var _layout_props = __webpack_require__( /*! ./layout_props */ 76322);
            var _table = __webpack_require__( /*! ./table */ 46189);
            class AllDayTable extends _index.InfernoWrapperComponent {
                constructor() {
                    super(...arguments);
                    this.allDayPanelData = null
                }
                createEffects() {
                    return [(0, _index.createReRenderEffect)()]
                }
                getAllDayPanelData() {
                    if (null !== this.allDayPanelData) {
                        return this.allDayPanelData
                    }
                    this.allDayPanelData = this.props.viewData.groupedData[0].allDayPanel;
                    return this.allDayPanelData
                }
                componentWillUpdate(nextProps) {
                    super.componentWillUpdate();
                    if (this.props.viewData !== nextProps.viewData) {
                        this.allDayPanelData = null
                    }
                }
                render() {
                    const {
                        viewData: viewData,
                        viewContext: viewContext,
                        width: width,
                        tableRef: tableRef,
                        dataCellTemplate: dataCellTemplate
                    } = this.props;
                    const allDayPanelData = this.getAllDayPanelData();
                    return (0, _inferno.createComponentVNode)(2, _table.Table, {
                        className: "dx-scheduler-all-day-table",
                        height: allDayPanelData ? void 0 : _const.DefaultSizes.allDayPanelHeight,
                        width: width,
                        tableRef: tableRef,
                        children: (0, _inferno.createComponentVNode)(2, _all_day_panel_table_body.AllDayPanelTableBody, {
                            viewData: allDayPanelData ?? _all_day_panel_table_body.AllDayPanelTableBodyDefaultProps.viewData,
                            viewContext: viewContext,
                            leftVirtualCellWidth: viewData.leftVirtualCellWidth ?? _all_day_panel_table_body.AllDayPanelTableBodyDefaultProps.leftVirtualCellWidth,
                            rightVirtualCellWidth: viewData.rightVirtualCellWidth ?? _all_day_panel_table_body.AllDayPanelTableBodyDefaultProps.rightVirtualCellWidth,
                            leftVirtualCellCount: viewData.leftVirtualCellCount,
                            rightVirtualCellCount: viewData.rightVirtualCellCount,
                            dataCellTemplate: dataCellTemplate
                        })
                    })
                }
            }
            exports.AllDayTable = AllDayTable;
            AllDayTable.defaultProps = _layout_props.LayoutDefaultProps
        },
        99552(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AllDayPanelTableBodyDefaultProps = exports.AllDayPanelTableBody = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _render_utils = __webpack_require__( /*! ../../../../core/r1/utils/render_utils */ 71312);
            var _all_day_panel_cell = __webpack_require__( /*! ./all_day_panel_cell */ 83061);
            var _row = __webpack_require__( /*! ./row */ 21541);
            const AllDayPanelTableBodyDefaultProps = exports.AllDayPanelTableBodyDefaultProps = {
                viewData: [],
                isVerticalGroupOrientation: false,
                className: "",
                leftVirtualCellWidth: 0,
                rightVirtualCellWidth: 0
            };
            class AllDayPanelTableBody extends _index.BaseInfernoComponent {
                render() {
                    const {
                        className: className,
                        viewData: viewData,
                        viewContext: viewContext,
                        leftVirtualCellWidth: leftVirtualCellWidth,
                        rightVirtualCellWidth: rightVirtualCellWidth,
                        leftVirtualCellCount: leftVirtualCellCount,
                        rightVirtualCellCount: rightVirtualCellCount,
                        isVerticalGroupOrientation: isVerticalGroupOrientation,
                        dataCellTemplate: dataCellTemplate
                    } = this.props;
                    const classes = (0, _render_utils.combineClasses)({
                        "dx-scheduler-all-day-table-row": true,
                        [className ?? ""]: Boolean(className)
                    });
                    return (0, _inferno.createComponentVNode)(2, _row.Row, {
                        leftVirtualCellWidth: leftVirtualCellWidth,
                        rightVirtualCellWidth: rightVirtualCellWidth,
                        leftVirtualCellCount: leftVirtualCellCount,
                        rightVirtualCellCount: rightVirtualCellCount,
                        className: classes,
                        children: viewData.map(_ref => {
                            let {
                                endDate: endDate,
                                groupIndex: cellGroupIndex,
                                groups: groups,
                                index: cellIndex,
                                isFirstGroupCell: isFirstGroupCell,
                                isFocused: isFocused,
                                isLastGroupCell: isLastGroupCell,
                                isSelected: isSelected,
                                key: key,
                                startDate: startDate
                            } = _ref;
                            return (0, _inferno.createComponentVNode)(2, _all_day_panel_cell.AllDayPanelCell, {
                                viewContext: viewContext,
                                isFirstGroupCell: !isVerticalGroupOrientation && isFirstGroupCell,
                                isLastGroupCell: !isVerticalGroupOrientation && isLastGroupCell,
                                startDate: startDate,
                                endDate: endDate,
                                groups: groups,
                                groupIndex: cellGroupIndex,
                                index: cellIndex,
                                dataCellTemplate: dataCellTemplate,
                                isSelected: isSelected ?? false,
                                isFocused: isFocused ?? false
                            }, key)
                        })
                    })
                }
            }
            exports.AllDayPanelTableBody = AllDayPanelTableBody;
            AllDayPanelTableBody.defaultProps = AllDayPanelTableBodyDefaultProps
        },
        4011(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AllDayPanelTitle = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _message = (e = __webpack_require__( /*! ../../../../../common/core/localization/message */ 4671), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            class AllDayPanelTitle extends _index.InfernoWrapperComponent {
                createEffects() {
                    return [(0, _index.createReRenderEffect)()]
                }
                render() {
                    const text = _message.default.format("dxScheduler-allDay");
                    return (0, _inferno.createVNode)(1, "div", "dx-scheduler-all-day-title", text, 0)
                }
            }
            exports.AllDayPanelTitle = AllDayPanelTitle;
            AllDayPanelTitle.defaultProps = {}
        },
        85409(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CellBaseDefaultProps = exports.CellBase = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _index2 = __webpack_require__( /*! ../../utils/index */ 34396);
            const CellBaseDefaultProps = exports.CellBaseDefaultProps = {
                className: "",
                isFirstGroupCell: false,
                isLastGroupCell: false,
                startDate: new Date,
                endDate: new Date,
                allDay: false,
                text: "",
                index: 0,
                contentTemplateProps: {
                    data: {},
                    index: 0
                }
            };
            class CellBase extends _index.BaseInfernoComponent {
                render() {
                    const {
                        className: className,
                        isFirstGroupCell: isFirstGroupCell,
                        isLastGroupCell: isLastGroupCell,
                        children: children,
                        ariaLabel: ariaLabel
                    } = this.props;
                    const classes = _index2.renderUtils.getGroupCellClasses(isFirstGroupCell, isLastGroupCell, className);
                    return (0, _inferno.createVNode)(1, "td", classes, children, 0, {
                        "aria-label": ariaLabel
                    })
                }
            }
            exports.CellBase = CellBase;
            CellBase.defaultProps = CellBaseDefaultProps
        },
        35689(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DateHeaderDefaultProps = exports.DateHeader = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _index2 = __webpack_require__( /*! ../../utils/index */ 34396);
            var _date_header_cell = __webpack_require__( /*! ./date_header_cell */ 60932);
            var _row = __webpack_require__( /*! ./row */ 21541);
            const {
                isMaterialBased: isMaterialBased
            } = _index2.themeUtils.getThemeType();
            const DateHeaderDefaultProps = exports.DateHeaderDefaultProps = {
                groupOrientation: "horizontal",
                groupByDate: false,
                groups: []
            };
            class DateHeader extends _index.BaseInfernoComponent {
                render() {
                    const {
                        viewContext: viewContext,
                        dateCellTemplate: dateCellTemplate,
                        dateHeaderData: {
                            dataMap: dataMap,
                            leftVirtualCellCount: leftVirtualCellCount,
                            leftVirtualCellWidth: leftVirtualCellWidth,
                            rightVirtualCellCount: rightVirtualCellCount,
                            rightVirtualCellWidth: rightVirtualCellWidth
                        },
                        groupByDate: groupByDate,
                        groupOrientation: groupOrientation,
                        groups: groups
                    } = this.props;
                    const isHorizontalGrouping = (0, _index2.isHorizontalGroupingApplied)(groups.length, groupOrientation) && !groupByDate;
                    return (0, _inferno.createFragment)(dataMap.map((dateHeaderRow, rowIndex) => (0, _inferno.createComponentVNode)(2, _row.Row, {
                        className: "dx-scheduler-header-row",
                        leftVirtualCellWidth: leftVirtualCellWidth,
                        leftVirtualCellCount: leftVirtualCellCount,
                        rightVirtualCellWidth: rightVirtualCellWidth,
                        rightVirtualCellCount: rightVirtualCellCount,
                        isHeaderRow: true,
                        children: dateHeaderRow.map(_ref => {
                            let {
                                colSpan: colSpan,
                                endDate: endDate,
                                groupIndex: groupIndex,
                                groups: cellGroups,
                                index: index,
                                isFirstGroupCell: isFirstGroupCell,
                                isLastGroupCell: isLastGroupCell,
                                key: key,
                                startDate: startDate,
                                text: text,
                                today: today
                            } = _ref;
                            return (0, _inferno.createComponentVNode)(2, _date_header_cell.DateHeaderCell, {
                                viewContext: viewContext,
                                startDate: startDate,
                                endDate: endDate,
                                groups: isHorizontalGrouping ? cellGroups : void 0,
                                groupIndex: isHorizontalGrouping ? groupIndex : void 0,
                                today: today ?? false,
                                isWeekDayCell: false,
                                isTimeCellTemplate: false,
                                index: index,
                                text: text,
                                isFirstGroupCell: isFirstGroupCell,
                                isLastGroupCell: isLastGroupCell,
                                dateCellTemplate: dateCellTemplate,
                                colSpan: colSpan,
                                splitText: isMaterialBased
                            }, key)
                        })
                    }, rowIndex.toString())), 0)
                }
            }
            exports.DateHeader = DateHeader;
            DateHeader.defaultProps = DateHeaderDefaultProps
        },
        60932(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DateHeaderCellDefaultProps = exports.DateHeaderCell = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _index2 = __webpack_require__( /*! ../../../../scheduler/r1/components/templates/index */ 17855);
            var _render_utils = __webpack_require__( /*! ../../../../core/r1/utils/render_utils */ 71312);
            var _index3 = __webpack_require__( /*! ../../utils/index */ 34396);
            var _cell = __webpack_require__( /*! ./cell */ 85409);
            var _date_header_text = __webpack_require__( /*! ./date_header_text */ 85872);
            const DateHeaderCellDefaultProps = exports.DateHeaderCellDefaultProps = Object.assign({}, _cell.CellBaseDefaultProps, {
                today: false,
                colSpan: 1,
                isWeekDayCell: false,
                splitText: false,
                isTimeCellTemplate: false
            });
            class DateHeaderCell extends _index.BaseInfernoComponent {
                render() {
                    const {
                        viewContext: {
                            view: {
                                type: viewType
                            },
                            crossScrollingEnabled: crossScrollingEnabled
                        },
                        colSpan: colSpan,
                        dateCellTemplate: dateCellTemplate,
                        groupIndex: groupIndex,
                        groups: groups,
                        index: index,
                        isTimeCellTemplate: isTimeCellTemplate,
                        splitText: splitText,
                        startDate: startDate,
                        text: text,
                        timeCellTemplate: timeCellTemplate,
                        className: className,
                        isFirstGroupCell: isFirstGroupCell,
                        isLastGroupCell: isLastGroupCell,
                        isWeekDayCell: isWeekDayCell,
                        today: today
                    } = this.props;
                    const cellSizeHorizontalClass = _index3.renderUtils.getCellSizeHorizontalClass(viewType, crossScrollingEnabled);
                    const cellClasses = (0, _render_utils.combineClasses)({
                        "dx-scheduler-header-panel-cell": true,
                        [cellSizeHorizontalClass]: true,
                        "dx-scheduler-header-panel-current-time-cell": today,
                        "dx-scheduler-header-panel-week-cell": isWeekDayCell,
                        [className ?? ""]: Boolean(className)
                    });
                    const classes = _index3.renderUtils.getGroupCellClasses(isFirstGroupCell, isLastGroupCell, cellClasses);
                    const useTemplate = !isTimeCellTemplate && Boolean(dateCellTemplate) || isTimeCellTemplate && Boolean(timeCellTemplate);
                    const children = useTemplate ? (0, _inferno.createFragment)([isTimeCellTemplate && (0, _inferno.createComponentVNode)(2, _index2.PublicTemplate, {
                        template: timeCellTemplate,
                        templateProps: {
                            data: {
                                date: startDate,
                                text: text,
                                groups: groups,
                                groupIndex: groupIndex
                            },
                            index: index
                        }
                    }), !isTimeCellTemplate && (0, _inferno.createComponentVNode)(2, _index2.PublicTemplate, {
                        template: dateCellTemplate,
                        templateProps: {
                            data: {
                                date: startDate,
                                text: text,
                                groups: groups,
                                groupIndex: groupIndex
                            },
                            index: index
                        }
                    })], 0) : (0, _inferno.createComponentVNode)(2, _date_header_text.DateHeaderText, {
                        splitText: splitText,
                        text: text
                    });
                    return (0, _inferno.createVNode)(1, "th", classes, children, 0, {
                        colspan: colSpan,
                        title: text
                    })
                }
            }
            exports.DateHeaderCell = DateHeaderCell;
            DateHeaderCell.defaultProps = DateHeaderCellDefaultProps
        },
        85872(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DateHeaderText = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            class DateHeaderText extends _index.BaseInfernoComponent {
                constructor() {
                    super(...arguments);
                    this.textCache = null
                }
                getTextParts() {
                    if (null !== this.textCache) {
                        return this.textCache
                    }
                    const {
                        text: text
                    } = this.props;
                    this.textCache = text ? text.split(" ") : [""];
                    return this.textCache
                }
                componentWillUpdate(nextProps) {
                    if (this.props.text !== nextProps.text) {
                        this.textCache = null
                    }
                }
                render() {
                    const {
                        splitText: splitText,
                        text: text
                    } = this.props;
                    const textParts = this.getTextParts();
                    return (0, _inferno.createFragment)(splitText ? textParts.map(part => (0, _inferno.createVNode)(1, "div", "dx-scheduler-header-panel-cell-date", (0, _inferno.createVNode)(1, "span", null, part, 0), 2)) : text, 0)
                }
            }
            exports.DateHeaderText = DateHeaderText;
            DateHeaderText.defaultProps = {
                text: "",
                splitText: false
            }
        },
        74282(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DateTableDefaultProps = exports.DateTable = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _date_table_body = __webpack_require__( /*! ./date_table_body */ 28201);
            var _date_table_cell_base = __webpack_require__( /*! ./date_table_cell_base */ 48661);
            var _layout_props = __webpack_require__( /*! ./layout_props */ 76322);
            var _table = __webpack_require__( /*! ./table */ 46189);
            const _excluded = ["viewData", "viewContext", "tableRef", "addDateTableClass", "width", "cellTemplate", "dataCellTemplate", "groupOrientation", "addVerticalSizesClassToRows"];
            const DateTableDefaultProps = exports.DateTableDefaultProps = Object.assign({}, _layout_props.LayoutDefaultProps, {
                cellTemplate: _date_table_cell_base.DateTableCellBase
            });
            class DateTable extends _index.InfernoWrapperComponent {
                createEffects() {
                    return [(0, _index.createReRenderEffect)()]
                }
                render() {
                    const _this$props = this.props,
                        {
                            viewData: viewData,
                            viewContext: viewContext,
                            tableRef: tableRef,
                            addDateTableClass: addDateTableClass,
                            width: width,
                            cellTemplate: cellTemplate,
                            dataCellTemplate: dataCellTemplate,
                            groupOrientation: groupOrientation,
                            addVerticalSizesClassToRows: addVerticalSizesClassToRows
                        } = _this$props,
                        restProps = function(r, e) {
                            if (null == r) {
                                return {}
                            }
                            var t = {};
                            for (var n in r) {
                                if ({}.hasOwnProperty.call(r, n)) {
                                    if (-1 !== e.indexOf(n)) {
                                        continue
                                    }
                                    t[n] = r[n]
                                }
                            }
                            return t
                        }(_this$props, _excluded);
                    const classes = addDateTableClass ? "dx-scheduler-date-table" : void 0;
                    const topVirtualRowHeight = viewData.topVirtualRowHeight ?? 0;
                    const bottomVirtualRowHeight = viewData.bottomVirtualRowHeight ?? 0;
                    const leftVirtualCellWidth = viewData.leftVirtualCellWidth ?? 0;
                    const rightVirtualCellWidth = viewData.rightVirtualCellWidth ?? 0;
                    const virtualCellsCount = viewData.groupedData[0].dateTable[0].cells.length;
                    return (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _table.Table, Object.assign({}, restProps, {
                        tableRef: tableRef,
                        topVirtualRowHeight: topVirtualRowHeight,
                        bottomVirtualRowHeight: bottomVirtualRowHeight,
                        leftVirtualCellWidth: leftVirtualCellWidth,
                        rightVirtualCellWidth: rightVirtualCellWidth,
                        leftVirtualCellCount: viewData.leftVirtualCellCount,
                        rightVirtualCellCount: viewData.rightVirtualCellCount,
                        virtualCellsCount: virtualCellsCount,
                        className: classes,
                        width: width,
                        children: (0, _inferno.createComponentVNode)(2, _date_table_body.DateTableBody, {
                            viewData: viewData,
                            viewContext: viewContext,
                            cellTemplate: cellTemplate,
                            dataCellTemplate: dataCellTemplate,
                            leftVirtualCellWidth: leftVirtualCellWidth,
                            rightVirtualCellWidth: rightVirtualCellWidth,
                            groupOrientation: groupOrientation,
                            addVerticalSizesClassToRows: addVerticalSizesClassToRows,
                            topVirtualRowHeight: _date_table_body.DateTableBodyDefaultProps.topVirtualRowHeight,
                            bottomVirtualRowHeight: _date_table_body.DateTableBodyDefaultProps.bottomVirtualRowHeight,
                            addDateTableClass: _date_table_body.DateTableBodyDefaultProps.addDateTableClass
                        })
                    })))
                }
            }
            exports.DateTable = DateTable;
            DateTable.defaultProps = DateTableDefaultProps
        },
        28201(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DateTableBodyDefaultProps = exports.DateTableBody = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _index2 = __webpack_require__( /*! ../../../../scheduler/r1/components/templates/index */ 17855);
            var _render_utils = __webpack_require__( /*! ../../../../core/r1/utils/render_utils */ 71312);
            var _const = __webpack_require__( /*! ../const */ 52728);
            var _all_day_panel_table_body = __webpack_require__( /*! ./all_day_panel_table_body */ 99552);
            var _date_table_cell_base = __webpack_require__( /*! ./date_table_cell_base */ 48661);
            var _layout_props = __webpack_require__( /*! ./layout_props */ 76322);
            var _row = __webpack_require__( /*! ./row */ 21541);
            const DateTableBodyDefaultProps = exports.DateTableBodyDefaultProps = Object.assign({}, _layout_props.LayoutDefaultProps, {
                cellTemplate: _date_table_cell_base.DateTableCellBase
            });
            class DateTableBody extends _index.BaseInfernoComponent {
                render() {
                    const {
                        viewData: viewData,
                        viewContext: viewContext,
                        addVerticalSizesClassToRows: addVerticalSizesClassToRows,
                        cellTemplate: cellTemplate,
                        dataCellTemplate: dataCellTemplate
                    } = this.props;
                    const rowClasses = (0, _render_utils.combineClasses)({
                        [_const.DATE_TABLE_ROW_CLASS]: true,
                        "dx-scheduler-cell-sizes-vertical": addVerticalSizesClassToRows
                    });
                    return (0, _inferno.createFragment)(viewData.groupedData.map(_ref => {
                        let {
                            allDayPanel: allDayPanel,
                            dateTable: dateTable,
                            isGroupedAllDayPanel: isGroupedAllDayPanel,
                            key: fragmentKey
                        } = _ref;
                        return (0, _inferno.createFragment)([isGroupedAllDayPanel && (0, _inferno.createComponentVNode)(2, _all_day_panel_table_body.AllDayPanelTableBody, {
                            viewData: allDayPanel ?? _all_day_panel_table_body.AllDayPanelTableBodyDefaultProps.viewData,
                            viewContext: viewContext,
                            dataCellTemplate: dataCellTemplate,
                            isVerticalGroupOrientation: true,
                            leftVirtualCellWidth: viewData.leftVirtualCellWidth ?? _all_day_panel_table_body.AllDayPanelTableBodyDefaultProps.leftVirtualCellWidth,
                            rightVirtualCellWidth: viewData.rightVirtualCellWidth ?? _all_day_panel_table_body.AllDayPanelTableBodyDefaultProps.rightVirtualCellWidth,
                            leftVirtualCellCount: viewData.leftVirtualCellCount,
                            rightVirtualCellCount: viewData.rightVirtualCellCount
                        }), dateTable.map(_ref2 => {
                            let {
                                cells: cells,
                                key: rowKey
                            } = _ref2;
                            return (0, _inferno.createComponentVNode)(2, _row.Row, {
                                className: rowClasses,
                                leftVirtualCellWidth: viewData.leftVirtualCellWidth ?? _row.RowDefaultProps.leftVirtualCellWidth,
                                rightVirtualCellWidth: viewData.rightVirtualCellWidth ?? _row.RowDefaultProps.rightVirtualCellWidth,
                                leftVirtualCellCount: viewData.leftVirtualCellCount,
                                rightVirtualCellCount: viewData.rightVirtualCellCount,
                                children: cells.map(_ref3 => {
                                    let {
                                        key: cellKey,
                                        endDate: endDate,
                                        isFirstDayMonthHighlighting: isFirstDayMonthHighlighting,
                                        groupIndex: cellGroupIndex,
                                        groups: groups,
                                        index: cellIndex,
                                        isFirstGroupCell: isFirstGroupCell,
                                        isFocused: isFocused,
                                        isLastGroupCell: isLastGroupCell,
                                        isSelected: isSelected,
                                        otherMonth: otherMonth,
                                        startDate: startDate,
                                        text: text,
                                        today: today
                                    } = _ref3;
                                    return (0, _inferno.createComponentVNode)(2, _index2.PublicTemplate, {
                                        template: cellTemplate,
                                        templateProps: {
                                            key: cellKey,
                                            viewContext: viewContext,
                                            isFirstGroupCell: isFirstGroupCell,
                                            isLastGroupCell: isLastGroupCell,
                                            startDate: startDate,
                                            endDate: endDate,
                                            groups: groups,
                                            groupIndex: cellGroupIndex,
                                            index: cellIndex,
                                            dataCellTemplate: dataCellTemplate,
                                            text: text,
                                            today: today,
                                            otherMonth: otherMonth,
                                            isFirstDayMonthHighlighting: isFirstDayMonthHighlighting,
                                            isSelected: isSelected,
                                            isFocused: isFocused
                                        }
                                    })
                                })
                            }, rowKey)
                        })], 0, fragmentKey)
                    }), 0)
                }
            }
            exports.DateTableBody = DateTableBody;
            DateTableBody.defaultProps = DateTableBodyDefaultProps
        },
        48661(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DateTableCellBase = exports.DateTableCallBaseDefaultProps = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _index2 = __webpack_require__( /*! ../../../../scheduler/r1/components/templates/index */ 17855);
            var _render_utils = __webpack_require__( /*! ../../../../core/r1/utils/render_utils */ 71312);
            var _index3 = __webpack_require__( /*! ../../utils/index */ 34396);
            var _const = __webpack_require__( /*! ../const */ 52728);
            var _cell = __webpack_require__( /*! ./cell */ 85409);
            const DateTableCallBaseDefaultProps = exports.DateTableCallBaseDefaultProps = Object.assign({}, _cell.CellBaseDefaultProps, {
                otherMonth: false,
                today: false,
                isFirstDayMonthHighlighting: false,
                isSelected: false,
                isFocused: false
            });
            class DateTableCellBase extends _index.BaseInfernoComponent {
                constructor() {
                    super(...arguments);
                    this.dataCellTemplateProps = null
                }
                getDataCellTemplateProps() {
                    if (null !== this.dataCellTemplateProps) {
                        return this.dataCellTemplateProps
                    }
                    const {
                        allDay: allDay,
                        contentTemplateProps: contentTemplateProps,
                        endDate: endDate,
                        groupIndex: groupIndex,
                        groups: groups,
                        index: index,
                        startDate: startDate
                    } = this.props;
                    this.dataCellTemplateProps = {
                        data: Object.assign({
                            startDate: startDate,
                            endDate: endDate,
                            groups: groups,
                            groupIndex: groups ? groupIndex : void 0,
                            text: "",
                            allDay: Boolean(allDay) || void 0
                        }, null === contentTemplateProps || void 0 === contentTemplateProps ? void 0 : contentTemplateProps.data),
                        index: index
                    };
                    return this.dataCellTemplateProps
                }
                componentWillUpdate(nextProps) {
                    if (this.props.allDay !== nextProps.allDay || this.props.contentTemplateProps !== nextProps.contentTemplateProps || this.props.endDate !== nextProps.endDate || this.props.groupIndex !== nextProps.groupIndex || this.props.groups !== nextProps.groups || this.props.index !== nextProps.index || this.props.startDate !== nextProps.startDate) {
                        this.dataCellTemplateProps = null
                    }
                }
                render() {
                    const {
                        viewContext: viewContext,
                        allDay: allDay,
                        className: className,
                        isFocused: isFocused,
                        isSelected: isSelected,
                        isFirstGroupCell: isFirstGroupCell,
                        isLastGroupCell: isLastGroupCell,
                        dataCellTemplate: dataCellTemplate,
                        children: children
                    } = this.props;
                    const {
                        view: {
                            type: viewType
                        },
                        crossScrollingEnabled: crossScrollingEnabled
                    } = viewContext;
                    const cellSizeHorizontalClass = _index3.renderUtils.getCellSizeHorizontalClass(viewType, crossScrollingEnabled);
                    const cellSizeVerticalClass = _index3.renderUtils.getCellSizeVerticalClass(Boolean(allDay));
                    const classes = (0, _render_utils.combineClasses)({
                        [cellSizeHorizontalClass]: true,
                        [cellSizeVerticalClass]: true,
                        [_const.DATE_TABLE_CELL_CLASS]: !allDay,
                        "dx-state-focused": isSelected,
                        "dx-scheduler-focused-cell": isFocused,
                        [className ?? ""]: true
                    });
                    const ariaLabel = isSelected ? "Add appointment" : void 0;
                    const dataCellTemplateProps = this.getDataCellTemplateProps();
                    return (0, _inferno.createComponentVNode)(2, _cell.CellBase, {
                        className: classes,
                        viewContext: viewContext,
                        isFirstGroupCell: isFirstGroupCell,
                        isLastGroupCell: isLastGroupCell,
                        ariaLabel: ariaLabel,
                        startDate: _cell.CellBaseDefaultProps.startDate,
                        endDate: _cell.CellBaseDefaultProps.endDate,
                        index: _cell.CellBaseDefaultProps.index,
                        children: (0, _inferno.createFragment)(dataCellTemplate ? (0, _inferno.createComponentVNode)(2, _index2.PublicTemplate, {
                            template: dataCellTemplate,
                            templateProps: {
                                index: dataCellTemplateProps.index,
                                data: dataCellTemplateProps.data
                            }
                        }) : children, 0)
                    })
                }
            }
            exports.DateTableCellBase = DateTableCellBase;
            DateTableCellBase.defaultProps = DateTableCallBaseDefaultProps
        },
        31055(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GroupPanelDefaultProps = exports.GroupPanel = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _constants = __webpack_require__( /*! ../../../constants */ 25307);
            var _index2 = __webpack_require__( /*! ../../utils/index */ 34396);
            var _group_panel_horizontal = __webpack_require__( /*! ./group_panel_horizontal */ 4130);
            var _group_panel_props = __webpack_require__( /*! ./group_panel_props */ 3234);
            var _group_panel_vertical = __webpack_require__( /*! ./group_panel_vertical */ 75816);
            const GroupPanelDefaultProps = exports.GroupPanelDefaultProps = Object.assign({}, _group_panel_props.GroupPanelBaseDefaultProps, {
                groups: [],
                groupOrientation: _constants.VERTICAL_GROUP_ORIENTATION
            });
            class GroupPanel extends _index.InfernoWrapperComponent {
                createEffects() {
                    return [(0, _index.createReRenderEffect)()]
                }
                render() {
                    const {
                        className: className,
                        viewContext: viewContext,
                        elementRef: elementRef,
                        groupPanelData: groupPanelData,
                        height: height,
                        resourceCellTemplate: resourceCellTemplate,
                        groupOrientation: groupOrientation,
                        groups: groups,
                        styles: styles
                    } = this.props;
                    const isVerticalLayout = (0, _index2.isVerticalGroupingApplied)(groups.length, groupOrientation);
                    const Layout = isVerticalLayout ? _group_panel_vertical.GroupPanelVertical : _group_panel_horizontal.GroupPanelHorizontal;
                    return (0, _inferno.createComponentVNode)(2, Layout, {
                        viewContext: viewContext,
                        height: height,
                        resourceCellTemplate: resourceCellTemplate,
                        className: className,
                        groupPanelData: groupPanelData,
                        elementRef: elementRef,
                        styles: styles,
                        groups: GroupPanelDefaultProps.groups,
                        groupOrientation: GroupPanelDefaultProps.groupOrientation,
                        groupByDate: GroupPanelDefaultProps.groupByDate
                    })
                }
            }
            exports.GroupPanel = GroupPanel;
            GroupPanel.defaultProps = GroupPanelDefaultProps
        },
        4130(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GroupPanelHorizontal = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _group_panel_horizontal_row = __webpack_require__( /*! ./group_panel_horizontal_row */ 6305);
            var _group_panel_props = __webpack_require__( /*! ./group_panel_props */ 3234);
            class GroupPanelHorizontal extends _index.BaseInfernoComponent {
                constructor() {
                    super(...arguments);
                    this.groupPanelItems = null
                }
                getGroupPanelItems() {
                    if (null !== this.groupPanelItems) {
                        return this.groupPanelItems
                    }
                    const {
                        groupPanelData: {
                            baseColSpan: baseColSpan,
                            groupPanelItems: groupPanelItems
                        }
                    } = this.props;
                    const colSpans = groupPanelItems.reduceRight((currentColSpans, groupsRow, idx) => {
                        const nextColSpans = currentColSpans;
                        const currentLevelGroupCount = groupsRow.length;
                        const previousColSpan = idx === groupPanelItems.length - 1 ? baseColSpan : currentColSpans[idx + 1];
                        const previousLevelGroupCount = idx === groupPanelItems.length - 1 ? currentLevelGroupCount : groupPanelItems[idx + 1].length;
                        const groupCountDiff = previousLevelGroupCount / currentLevelGroupCount;
                        nextColSpans[idx] = groupCountDiff * previousColSpan;
                        return nextColSpans
                    }, [...new Array(groupPanelItems.length)]);
                    this.groupPanelItems = groupPanelItems.map((groupsRenderRow, index) => {
                        const colSpan = colSpans[index];
                        return groupsRenderRow.map(groupItem => Object.assign({}, groupItem, {
                            colSpan: colSpan
                        }))
                    });
                    return this.groupPanelItems
                }
                componentWillUpdate(nextProps) {
                    if (this.props.groupPanelData !== nextProps.groupPanelData) {
                        this.groupPanelItems = null
                    }
                }
                render() {
                    const {
                        resourceCellTemplate: resourceCellTemplate
                    } = this.props;
                    const groupPanelItems = this.getGroupPanelItems();
                    return (0, _inferno.createFragment)(groupPanelItems.map(group => (0, _inferno.createComponentVNode)(2, _group_panel_horizontal_row.GroupPanelHorizontalRow, {
                        groupItems: group,
                        cellTemplate: resourceCellTemplate
                    }, group[0].key)), 0)
                }
            }
            exports.GroupPanelHorizontal = GroupPanelHorizontal;
            GroupPanelHorizontal.defaultProps = _group_panel_props.GroupPanelBaseDefaultProps
        },
        91117(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GroupPanelHorizontalCellDefaultProps = exports.GroupPanelHorizontalCell = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _index2 = __webpack_require__( /*! ../../../../scheduler/r1/components/templates/index */ 17855);
            var _render_utils = __webpack_require__( /*! ../../../../core/r1/utils/render_utils */ 71312);
            var _group_panel_props = __webpack_require__( /*! ./group_panel_props */ 3234);
            const GroupPanelHorizontalCellDefaultProps = exports.GroupPanelHorizontalCellDefaultProps = Object.assign({}, _group_panel_props.GroupPanelCellDefaultProps, {
                isFirstGroupCell: false,
                isLastGroupCell: false,
                colSpan: 1
            });
            class GroupPanelHorizontalCell extends _index.BaseInfernoComponent {
                render() {
                    const {
                        cellTemplate: cellTemplate,
                        colSpan: colSpan,
                        color: color,
                        data: data,
                        id: id,
                        index: index,
                        text: text,
                        className: className,
                        isFirstGroupCell: isFirstGroupCell,
                        isLastGroupCell: isLastGroupCell
                    } = this.props;
                    const classes = (0, _render_utils.combineClasses)({
                        "dx-scheduler-group-header": true,
                        "dx-scheduler-first-group-cell": isFirstGroupCell,
                        "dx-scheduler-last-group-cell": isLastGroupCell,
                        [className ?? ""]: Boolean(className)
                    });
                    return (0, _inferno.createVNode)(1, "th", classes, (0, _inferno.createVNode)(1, "div", "dx-scheduler-group-header-content", cellTemplate ? (0, _inferno.createComponentVNode)(2, _index2.PublicTemplate, {
                        template: cellTemplate,
                        templateProps: {
                            data: {
                                data: data,
                                id: id,
                                color: color,
                                text: text
                            },
                            index: index
                        }
                    }) : (0, _inferno.createVNode)(1, "div", null, text, 0), 0), 2, {
                        colspan: colSpan
                    })
                }
            }
            exports.GroupPanelHorizontalCell = GroupPanelHorizontalCell;
            GroupPanelHorizontalCell.defaultProps = GroupPanelHorizontalCellDefaultProps
        },
        6305(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GroupPanelHorizontalRow = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _group_panel_horizontal_cell = __webpack_require__( /*! ./group_panel_horizontal_cell */ 91117);
            var _group_panel_props = __webpack_require__( /*! ./group_panel_props */ 3234);
            class GroupPanelHorizontalRow extends _index.BaseInfernoComponent {
                render() {
                    const {
                        cellTemplate: cellTemplate,
                        className: className,
                        groupItems: groupItems
                    } = this.props;
                    return (0, _inferno.createVNode)(1, "tr", `dx-scheduler-group-row ${className}`, groupItems.map((_ref, index) => {
                        let {
                            colSpan: colSpan,
                            color: color,
                            data: data,
                            id: id,
                            isFirstGroupCell: isFirstGroupCell,
                            isLastGroupCell: isLastGroupCell,
                            key: key,
                            text: text
                        } = _ref;
                        return (0, _inferno.createComponentVNode)(2, _group_panel_horizontal_cell.GroupPanelHorizontalCell, {
                            text: text,
                            id: id,
                            data: data,
                            index: index,
                            color: color,
                            colSpan: colSpan ?? _group_panel_horizontal_cell.GroupPanelHorizontalCellDefaultProps.colSpan,
                            isFirstGroupCell: Boolean(isFirstGroupCell),
                            isLastGroupCell: Boolean(isLastGroupCell),
                            cellTemplate: cellTemplate
                        }, key)
                    }), 0)
                }
            }
            exports.GroupPanelHorizontalRow = GroupPanelHorizontalRow;
            GroupPanelHorizontalRow.defaultProps = _group_panel_props.GroupPanelRowDefaultProps
        },
        3234(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GroupPanelRowDefaultProps = exports.GroupPanelCellDefaultProps = exports.GroupPanelBaseDefaultProps = void 0;
            exports.GroupPanelBaseDefaultProps = {
                groupPanelData: {
                    groupPanelItems: [],
                    baseColSpan: 1
                },
                groupByDate: false,
                styles: {}
            };
            exports.GroupPanelCellDefaultProps = {
                id: 0,
                text: "",
                data: {
                    id: 0
                },
                className: ""
            };
            exports.GroupPanelRowDefaultProps = {
                groupItems: [],
                className: ""
            }
        },
        75816(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GroupPanelVertical = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _index2 = __webpack_require__( /*! ../../utils/index */ 34396);
            var _group_panel_props = __webpack_require__( /*! ./group_panel_props */ 3234);
            var _group_panel_vertical_row = __webpack_require__( /*! ./group_panel_vertical_row */ 73783);
            class GroupPanelVertical extends _index.BaseInfernoComponent {
                render() {
                    const {
                        className: className,
                        elementRef: elementRef,
                        groupPanelData: groupPanelData,
                        resourceCellTemplate: resourceCellTemplate,
                        height: height,
                        styles: styles
                    } = this.props;
                    const style = (0, _index.normalizeStyles)(_index2.renderUtils.addHeightToStyle(height, styles));
                    return (0, _inferno.createVNode)(1, "div", className, (0, _inferno.createVNode)(1, "div", "dx-scheduler-group-flex-container", groupPanelData.groupPanelItems.map(group => (0, _inferno.createComponentVNode)(2, _group_panel_vertical_row.GroupPanelVerticalRow, {
                        groupItems: group,
                        cellTemplate: resourceCellTemplate
                    }, group[0].key)), 0), 2, {
                        style: style
                    }, null, elementRef)
                }
            }
            exports.GroupPanelVertical = GroupPanelVertical;
            GroupPanelVertical.defaultProps = _group_panel_props.GroupPanelBaseDefaultProps
        },
        47231(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GroupPanelVerticalCell = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _index2 = __webpack_require__( /*! ../../../../scheduler/r1/components/templates/index */ 17855);
            var _group_panel_props = __webpack_require__( /*! ./group_panel_props */ 3234);
            class GroupPanelVerticalCell extends _index.BaseInfernoComponent {
                render() {
                    const {
                        className: className,
                        data: data,
                        id: id,
                        color: color,
                        text: text,
                        index: index,
                        cellTemplate: cellTemplate
                    } = this.props;
                    return (0, _inferno.createVNode)(1, "div", `dx-scheduler-group-header ${className}`, cellTemplate ? (0, _inferno.createComponentVNode)(2, _index2.PublicTemplate, {
                        template: cellTemplate,
                        templateProps: {
                            data: {
                                data: data,
                                id: id,
                                color: color,
                                text: text
                            },
                            index: index
                        }
                    }) : (0, _inferno.createVNode)(1, "div", "dx-scheduler-group-header-content", text, 0), 0)
                }
            }
            exports.GroupPanelVerticalCell = GroupPanelVerticalCell;
            GroupPanelVerticalCell.defaultProps = _group_panel_props.GroupPanelCellDefaultProps
        },
        73783(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GroupPanelVerticalRow = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _group_panel_props = __webpack_require__( /*! ./group_panel_props */ 3234);
            var _group_panel_vertical_cell = __webpack_require__( /*! ./group_panel_vertical_cell */ 47231);
            class GroupPanelVerticalRow extends _index.BaseInfernoComponent {
                render() {
                    const {
                        className: className,
                        groupItems: groupItems,
                        cellTemplate: cellTemplate
                    } = this.props;
                    return (0, _inferno.createVNode)(1, "div", `dx-scheduler-group-row ${className}`, groupItems.map((_ref, index) => {
                        let {
                            color: color,
                            data: data,
                            id: id,
                            key: key,
                            text: text
                        } = _ref;
                        return (0, _inferno.createComponentVNode)(2, _group_panel_vertical_cell.GroupPanelVerticalCell, {
                            text: text,
                            id: id,
                            data: data,
                            index: index,
                            color: color,
                            cellTemplate: cellTemplate
                        }, key)
                    }), 0)
                }
            }
            exports.GroupPanelVerticalRow = GroupPanelVerticalRow;
            GroupPanelVerticalRow.defaultProps = _group_panel_props.GroupPanelRowDefaultProps
        },
        21339(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.HeaderCell = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _ordinary_cell = __webpack_require__( /*! ./ordinary_cell */ 12802);
            class HeaderCell extends _index.BaseInfernoComponent {
                render() {
                    const {
                        children: children,
                        className: className,
                        colSpan: colSpan,
                        styles: styles
                    } = this.props;
                    return (0, _inferno.createVNode)(1, "th", className, children, 0, {
                        style: (0, _index.normalizeStyles)(styles),
                        colspan: colSpan
                    })
                }
            }
            exports.HeaderCell = HeaderCell;
            HeaderCell.defaultProps = _ordinary_cell.OrdinaryCellDefaultProps
        },
        20025(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.HeaderPanelDefaultProps = exports.HeaderPanel = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _index2 = __webpack_require__( /*! ../../../../scheduler/r1/components/templates/index */ 17855);
            var _index3 = __webpack_require__( /*! ../../utils/index */ 34396);
            var _date_header = __webpack_require__( /*! ./date_header */ 35689);
            var _group_panel = __webpack_require__( /*! ./group_panel */ 31055);
            const HeaderPanelDefaultProps = exports.HeaderPanelDefaultProps = Object.assign({}, _group_panel.GroupPanelDefaultProps, {
                isRenderDateHeader: true,
                dateHeaderTemplate: _date_header.DateHeader
            });
            class HeaderPanel extends _index.InfernoWrapperComponent {
                createEffects() {
                    return [(0, _index.createReRenderEffect)()]
                }
                render() {
                    const {
                        viewContext: viewContext,
                        dateHeaderData: dateHeaderData,
                        groupByDate: groupByDate,
                        groupOrientation: groupOrientation,
                        groupPanelData: groupPanelData,
                        groups: groups,
                        isRenderDateHeader: isRenderDateHeader,
                        dateCellTemplate: dateCellTemplate,
                        dateHeaderTemplate: dateHeaderTemplate,
                        resourceCellTemplate: resourceCellTemplate,
                        timeCellTemplate: timeCellTemplate
                    } = this.props;
                    const isHorizontalGrouping = (0, _index3.isHorizontalGroupingApplied)(groups.length, groupOrientation);
                    return (0, _inferno.createVNode)(1, "thead", null, [isHorizontalGrouping && !groupByDate && (0, _inferno.createComponentVNode)(2, _group_panel.GroupPanel, {
                        viewContext: viewContext,
                        groupPanelData: groupPanelData,
                        groups: groups,
                        groupByDate: groupByDate,
                        groupOrientation: groupOrientation,
                        resourceCellTemplate: resourceCellTemplate
                    }), isRenderDateHeader && (0, _inferno.createComponentVNode)(2, _index2.PublicTemplate, {
                        template: dateHeaderTemplate,
                        templateProps: {
                            viewContext: viewContext,
                            groupByDate: groupByDate,
                            dateHeaderData: dateHeaderData,
                            groupOrientation: groupOrientation,
                            groups: groups,
                            dateCellTemplate: dateCellTemplate,
                            timeCellTemplate: timeCellTemplate
                        }
                    }), groupByDate && (0, _inferno.createComponentVNode)(2, _group_panel.GroupPanel, {
                        viewContext: viewContext,
                        groupPanelData: groupPanelData,
                        groups: groups,
                        groupByDate: groupByDate,
                        groupOrientation: groupOrientation,
                        resourceCellTemplate: resourceCellTemplate
                    })], 0)
                }
            }
            exports.HeaderPanel = HeaderPanel;
            HeaderPanel.defaultProps = HeaderPanelDefaultProps
        },
        76322(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.LayoutDefaultProps = void 0;
            exports.LayoutDefaultProps = {
                viewData: {
                    groupedData: [],
                    leftVirtualCellCount: 0,
                    rightVirtualCellCount: 0,
                    topVirtualRowCount: 0,
                    bottomVirtualRowCount: 0
                },
                leftVirtualCellWidth: 0,
                rightVirtualCellWidth: 0,
                topVirtualRowHeight: 0,
                bottomVirtualRowHeight: 0,
                addDateTableClass: true,
                addVerticalSizesClassToRows: true
            }
        },
        12802(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.OrdinaryCellDefaultProps = exports.OrdinaryCell = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            const OrdinaryCellDefaultProps = exports.OrdinaryCellDefaultProps = {};
            class OrdinaryCell extends _index.BaseInfernoComponent {
                render() {
                    const {
                        children: children,
                        className: className,
                        colSpan: colSpan,
                        styles: styles
                    } = this.props;
                    return (0, _inferno.createVNode)(1, "td", className, children, 0, {
                        style: (0, _index.normalizeStyles)(styles),
                        colspan: colSpan
                    })
                }
            }
            exports.OrdinaryCell = OrdinaryCell;
            OrdinaryCell.defaultProps = OrdinaryCellDefaultProps
        },
        21541(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.RowDefaultProps = exports.Row = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _index2 = __webpack_require__( /*! ../../utils/index */ 34396);
            var _virtual_cell = __webpack_require__( /*! ./virtual_cell */ 46033);
            const RowDefaultProps = exports.RowDefaultProps = {
                className: "",
                leftVirtualCellWidth: 0,
                rightVirtualCellWidth: 0,
                isHeaderRow: false
            };
            class Row extends _index.BaseInfernoComponent {
                render() {
                    const {
                        children: children,
                        className: className,
                        isHeaderRow: isHeaderRow,
                        leftVirtualCellCount: leftVirtualCellCount,
                        leftVirtualCellWidth: leftVirtualCellWidth = RowDefaultProps.leftVirtualCellWidth,
                        rightVirtualCellCount: rightVirtualCellCount,
                        rightVirtualCellWidth: rightVirtualCellWidth = RowDefaultProps.rightVirtualCellWidth,
                        styles: styles
                    } = this.props;
                    const hasLeftVirtualCell = Boolean(leftVirtualCellCount);
                    const hasRightVirtualCell = Boolean(rightVirtualCellCount);
                    return (0, _inferno.createVNode)(1, "tr", className, [hasLeftVirtualCell && null != leftVirtualCellCount && (0, _index2.splitNumber)(leftVirtualCellCount, 1e3).map(colSpan => (0, _inferno.createComponentVNode)(2, _virtual_cell.VirtualCell, {
                        width: leftVirtualCellWidth * (colSpan / leftVirtualCellCount),
                        colSpan: colSpan,
                        isHeaderCell: isHeaderRow ?? _virtual_cell.VirtualCellDefaultProps.isHeaderCell
                    })), children, hasRightVirtualCell && null != rightVirtualCellCount && (0, _index2.splitNumber)(rightVirtualCellCount, 1e3).map(colSpan => (0, _inferno.createComponentVNode)(2, _virtual_cell.VirtualCell, {
                        width: rightVirtualCellWidth * (colSpan / rightVirtualCellCount),
                        colSpan: colSpan,
                        isHeaderCell: isHeaderRow ?? _virtual_cell.VirtualCellDefaultProps.isHeaderCell
                    }))], 0, {
                        style: (0, _index.normalizeStyles)(styles)
                    })
                }
            }
            exports.Row = Row;
            Row.defaultProps = RowDefaultProps
        },
        46189(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TableDefaultProps = exports.Table = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _index2 = __webpack_require__( /*! ../../utils/index */ 34396);
            var _virtual_row = __webpack_require__( /*! ./virtual_row */ 4053);
            const TableDefaultProps = exports.TableDefaultProps = {
                topVirtualRowHeight: 0,
                bottomVirtualRowHeight: 0,
                leftVirtualCellWidth: 0,
                rightVirtualCellWidth: 0,
                virtualCellsCount: 0
            };
            class Table extends _index.BaseInfernoComponent {
                getResultStyles() {
                    const {
                        height: height,
                        width: width,
                        styles: styles
                    } = this.props;
                    const heightAdded = _index2.renderUtils.addHeightToStyle(height, styles);
                    return _index2.renderUtils.addWidthToStyle(width, heightAdded)
                }
                render() {
                    const {
                        className: className,
                        topVirtualRowHeight: topVirtualRowHeight,
                        bottomVirtualRowHeight: bottomVirtualRowHeight,
                        children: children,
                        leftVirtualCellCount: leftVirtualCellCount,
                        leftVirtualCellWidth: leftVirtualCellWidth,
                        rightVirtualCellCount: rightVirtualCellCount,
                        rightVirtualCellWidth: rightVirtualCellWidth,
                        tableRef: tableRef,
                        virtualCellsCount: virtualCellsCount
                    } = this.props;
                    const hasTopVirtualRow = Boolean(topVirtualRowHeight);
                    const hasBottomVirtualRow = Boolean(bottomVirtualRowHeight);
                    const resultStyles = this.getResultStyles();
                    return (0, _inferno.createVNode)(1, "table", className, (0, _inferno.createVNode)(1, "tbody", null, [hasTopVirtualRow && (0, _inferno.createComponentVNode)(2, _virtual_row.VirtualRow, {
                        height: topVirtualRowHeight,
                        cellsCount: virtualCellsCount ?? _virtual_row.VirtualRowDefaultProps.cellsCount,
                        leftVirtualCellWidth: leftVirtualCellWidth ?? _virtual_row.VirtualRowDefaultProps.leftVirtualCellWidth,
                        rightVirtualCellWidth: rightVirtualCellWidth ?? _virtual_row.VirtualRowDefaultProps.rightVirtualCellWidth,
                        leftVirtualCellCount: leftVirtualCellCount,
                        rightVirtualCellCount: rightVirtualCellCount
                    }), children, hasBottomVirtualRow && (0, _inferno.createComponentVNode)(2, _virtual_row.VirtualRow, {
                        height: bottomVirtualRowHeight,
                        cellsCount: virtualCellsCount ?? _virtual_row.VirtualRowDefaultProps.cellsCount,
                        leftVirtualCellWidth: leftVirtualCellWidth ?? _virtual_row.VirtualRowDefaultProps.leftVirtualCellWidth,
                        rightVirtualCellWidth: rightVirtualCellWidth ?? _virtual_row.VirtualRowDefaultProps.rightVirtualCellWidth,
                        leftVirtualCellCount: leftVirtualCellCount,
                        rightVirtualCellCount: rightVirtualCellCount
                    })], 0), 2, {
                        style: (0, _index.normalizeStyles)(resultStyles),
                        "aria-hidden": true
                    }, null, tableRef)
                }
            }
            exports.Table = Table;
            Table.defaultProps = TableDefaultProps
        },
        88332(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TimePanelCell = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _index2 = __webpack_require__( /*! ../../../../scheduler/r1/components/templates/index */ 17855);
            var _render_utils = __webpack_require__( /*! ../../../../core/r1/utils/render_utils */ 71312);
            var _index3 = __webpack_require__( /*! ../../utils/index */ 34396);
            var _cell = __webpack_require__( /*! ./cell */ 85409);
            class TimePanelCell extends _index.BaseInfernoComponent {
                constructor() {
                    super(...arguments);
                    this.timeCellTemplateProps = null
                }
                getTimeCellTemplateProps() {
                    if (null !== this.timeCellTemplateProps) {
                        return this.timeCellTemplateProps
                    }
                    const {
                        groupIndex: groupIndex,
                        groups: groups,
                        index: index,
                        startDate: startDate,
                        text: text
                    } = this.props;
                    this.timeCellTemplateProps = {
                        data: {
                            date: startDate,
                            groups: groups,
                            groupIndex: groupIndex,
                            text: text
                        },
                        index: index
                    };
                    return this.timeCellTemplateProps
                }
                componentWillUpdate(nextProps) {
                    if (this.props.groupIndex !== nextProps.groupIndex || this.props.groups !== nextProps.groups || this.props.index !== nextProps.index || this.props.startDate !== nextProps.startDate || this.props.text !== nextProps.text) {
                        this.timeCellTemplateProps = null
                    }
                }
                render() {
                    const {
                        className: className,
                        viewContext: viewContext,
                        highlighted: highlighted,
                        isFirstGroupCell: isFirstGroupCell,
                        isLastGroupCell: isLastGroupCell,
                        text: text,
                        timeCellTemplate: timeCellTemplate
                    } = this.props;
                    const cellSizeVerticalClass = _index3.renderUtils.getCellSizeVerticalClass(false);
                    const classes = (0, _render_utils.combineClasses)({
                        "dx-scheduler-time-panel-cell": true,
                        [cellSizeVerticalClass]: true,
                        "dx-scheduler-time-panel-current-time-cell": Boolean(highlighted),
                        [className ?? ""]: true
                    });
                    const timeCellTemplateProps = this.getTimeCellTemplateProps();
                    return (0, _inferno.createComponentVNode)(2, _cell.CellBase, {
                        className: classes,
                        viewContext: viewContext,
                        isFirstGroupCell: isFirstGroupCell,
                        isLastGroupCell: isLastGroupCell,
                        startDate: _cell.CellBaseDefaultProps.startDate,
                        endDate: _cell.CellBaseDefaultProps.endDate,
                        index: _cell.CellBaseDefaultProps.index,
                        children: timeCellTemplate ? (0, _inferno.createComponentVNode)(2, _index2.PublicTemplate, {
                            template: timeCellTemplate,
                            templateProps: {
                                index: timeCellTemplateProps.index,
                                data: timeCellTemplateProps.data
                            }
                        }) : (0, _inferno.createVNode)(1, "div", null, text, 0)
                    })
                }
            }
            exports.TimePanelCell = TimePanelCell;
            TimePanelCell.defaultProps = _cell.CellBaseDefaultProps
        },
        2302(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TimePanelTableDefaultProps = exports.TimePanelTable = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _all_day_panel_title = __webpack_require__( /*! ./all_day_panel_title */ 4011);
            var _cell = __webpack_require__( /*! ./cell */ 85409);
            var _row = __webpack_require__( /*! ./row */ 21541);
            var _table = __webpack_require__( /*! ./table */ 46189);
            var _time_panel_cell = __webpack_require__( /*! ./time_panel_cell */ 88332);
            const _excluded = ["timePanelData", "viewContext", "tableRef", "timeCellTemplate"];
            const TimePanelTableDefaultProps = exports.TimePanelTableDefaultProps = {
                timePanelData: {
                    groupedData: [],
                    leftVirtualCellCount: 0,
                    rightVirtualCellCount: 0,
                    topVirtualRowCount: 0,
                    bottomVirtualRowCount: 0
                }
            };
            class TimePanelTable extends _index.InfernoWrapperComponent {
                createEffects() {
                    return [(0, _index.createReRenderEffect)()]
                }
                render() {
                    const _this$props = this.props,
                        {
                            timePanelData: timePanelData,
                            viewContext: viewContext,
                            tableRef: tableRef,
                            timeCellTemplate: timeCellTemplate
                        } = _this$props,
                        restProps = function(r, e) {
                            if (null == r) {
                                return {}
                            }
                            var t = {};
                            for (var n in r) {
                                if ({}.hasOwnProperty.call(r, n)) {
                                    if (-1 !== e.indexOf(n)) {
                                        continue
                                    }
                                    t[n] = r[n]
                                }
                            }
                            return t
                        }(_this$props, _excluded);
                    const {
                        topVirtualRowHeight: topVirtualRowHeight,
                        bottomVirtualRowHeight: bottomVirtualRowHeight
                    } = timePanelData;
                    return (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _table.Table, Object.assign({}, restProps, {
                        className: "dx-scheduler-time-panel",
                        topVirtualRowHeight: topVirtualRowHeight ?? 0,
                        bottomVirtualRowHeight: bottomVirtualRowHeight ?? 0,
                        virtualCellsCount: 1,
                        tableRef: tableRef,
                        children: timePanelData.groupedData.map(_ref => {
                            let {
                                dateTable: dateTable,
                                groupIndex: groupIndex,
                                isGroupedAllDayPanel: isGroupedAllDayPanel,
                                key: fragmentKey
                            } = _ref;
                            return (0, _inferno.createFragment)([isGroupedAllDayPanel && (0, _inferno.createComponentVNode)(2, _row.Row, {
                                leftVirtualCellWidth: _row.RowDefaultProps.leftVirtualCellWidth,
                                rightVirtualCellWidth: _row.RowDefaultProps.rightVirtualCellWidth,
                                children: (0, _inferno.createComponentVNode)(2, _cell.CellBase, {
                                    className: "dx-scheduler-time-panel-title-cell",
                                    viewContext: viewContext,
                                    startDate: _cell.CellBaseDefaultProps.startDate,
                                    endDate: _cell.CellBaseDefaultProps.endDate,
                                    index: _cell.CellBaseDefaultProps.index,
                                    children: (0, _inferno.createComponentVNode)(2, _all_day_panel_title.AllDayPanelTitle)
                                })
                            }), dateTable.map(_ref2 => {
                                let {
                                    groups: groups,
                                    highlighted: highlighted,
                                    index: cellIndex,
                                    isFirstGroupCell: isFirstGroupCell,
                                    isLastGroupCell: isLastGroupCell,
                                    key: key,
                                    startDate: startDate,
                                    text: text
                                } = _ref2;
                                return (0, _inferno.createComponentVNode)(2, _row.Row, {
                                    className: "dx-scheduler-time-panel-row",
                                    leftVirtualCellWidth: _row.RowDefaultProps.leftVirtualCellWidth,
                                    rightVirtualCellWidth: _row.RowDefaultProps.rightVirtualCellWidth,
                                    children: (0, _inferno.createComponentVNode)(2, _time_panel_cell.TimePanelCell, {
                                        viewContext: viewContext,
                                        startDate: startDate,
                                        endDate: _cell.CellBaseDefaultProps.endDate,
                                        text: text,
                                        groups: groups,
                                        groupIndex: groupIndex,
                                        isFirstGroupCell: isFirstGroupCell,
                                        isLastGroupCell: isLastGroupCell,
                                        index: cellIndex,
                                        timeCellTemplate: timeCellTemplate,
                                        highlighted: highlighted
                                    })
                                }, key)
                            })], 0, fragmentKey)
                        })
                    })))
                }
            }
            exports.TimePanelTable = TimePanelTable;
            TimePanelTable.defaultProps = TimePanelTableDefaultProps
        },
        46033(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.VirtualCellDefaultProps = exports.VirtualCell = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _index2 = __webpack_require__( /*! ../../utils/index */ 34396);
            var _header_cell = __webpack_require__( /*! ./header_cell */ 21339);
            var _ordinary_cell = __webpack_require__( /*! ./ordinary_cell */ 12802);
            const VirtualCellDefaultProps = exports.VirtualCellDefaultProps = {
                width: 0,
                isHeaderCell: false
            };
            class VirtualCell extends _index.BaseInfernoComponent {
                render() {
                    const {
                        colSpan: colSpan,
                        isHeaderCell: isHeaderCell,
                        className: className = "",
                        width: width,
                        styles: styles
                    } = this.props;
                    const modifiedStyles = _index2.renderUtils.addWidthToStyle(width, styles);
                    const Cell = isHeaderCell ? _header_cell.HeaderCell : _ordinary_cell.OrdinaryCell;
                    return (0, _inferno.createComponentVNode)(2, Cell, {
                        className: `dx-scheduler-virtual-cell ${className}`,
                        styles: modifiedStyles,
                        colSpan: colSpan
                    })
                }
            }
            exports.VirtualCell = VirtualCell;
            VirtualCell.defaultProps = VirtualCellDefaultProps
        },
        4053(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.VirtualRowDefaultProps = exports.VirtualRow = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _index2 = __webpack_require__( /*! ../../utils/index */ 34396);
            var _row = __webpack_require__( /*! ./row */ 21541);
            var _virtual_cell = __webpack_require__( /*! ./virtual_cell */ 46033);
            const VirtualRowDefaultProps = exports.VirtualRowDefaultProps = Object.assign({}, _row.RowDefaultProps, {
                leftVirtualCellWidth: 0,
                rightVirtualCellWidth: 0,
                cellsCount: 1
            });
            class VirtualRow extends _index.BaseInfernoComponent {
                constructor() {
                    super(...arguments);
                    this.virtualCells = null
                }
                getVirtualCells() {
                    if (null !== this.virtualCells) {
                        return this.virtualCells
                    }
                    const {
                        cellsCount: cellsCount
                    } = this.props;
                    this.virtualCells = [...Array(cellsCount)];
                    return this.virtualCells
                }
                componentWillUpdate(nextProps) {
                    if (this.props.cellsCount !== nextProps.cellsCount) {
                        this.virtualCells = null
                    }
                }
                render() {
                    const {
                        className: className,
                        leftVirtualCellCount: leftVirtualCellCount,
                        leftVirtualCellWidth: leftVirtualCellWidth,
                        rightVirtualCellCount: rightVirtualCellCount,
                        rightVirtualCellWidth: rightVirtualCellWidth,
                        styles: styles,
                        height: height
                    } = this.props;
                    const classes = `dx-scheduler-virtual-row ${className}`;
                    const modifiedStyles = _index2.renderUtils.addHeightToStyle(height, styles);
                    const virtualCells = this.getVirtualCells();
                    return (0, _inferno.createComponentVNode)(2, _row.Row, {
                        className: classes,
                        styles: modifiedStyles,
                        leftVirtualCellWidth: leftVirtualCellWidth,
                        rightVirtualCellWidth: rightVirtualCellWidth,
                        leftVirtualCellCount: leftVirtualCellCount,
                        rightVirtualCellCount: rightVirtualCellCount,
                        children: virtualCells.map((_, index) => (0, _inferno.createComponentVNode)(2, _virtual_cell.VirtualCell, {
                            width: _virtual_cell.VirtualCellDefaultProps.width,
                            isHeaderCell: _virtual_cell.VirtualCellDefaultProps.isHeaderCell,
                            className: "dx-scheduler-cell-sizes-horizontal"
                        }, index.toString()))
                    })
                }
            }
            exports.VirtualRow = VirtualRow;
            VirtualRow.defaultProps = VirtualRowDefaultProps
        },
        52728(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DefaultSizes = exports.DATE_TABLE_ROW_CLASS = exports.DATE_TABLE_CELL_CLASS = exports.ALL_DAY_PANEL_CELL_CLASS = void 0;
            exports.DefaultSizes = {
                allDayPanelHeight: 25
            };
            exports.DATE_TABLE_CELL_CLASS = "dx-scheduler-date-table-cell";
            exports.DATE_TABLE_ROW_CLASS = "dx-scheduler-date-table-row";
            exports.ALL_DAY_PANEL_CELL_CLASS = "dx-scheduler-all-day-table-cell"
        },
        19747(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "AllDayPanelTitleComponent", {
                enumerable: true,
                get: function() {
                    return _all_day_panel_title.AllDayPanelTitleComponent
                }
            });
            Object.defineProperty(exports, "AllDayTableComponent", {
                enumerable: true,
                get: function() {
                    return _all_day_table.AllDayTableComponent
                }
            });
            Object.defineProperty(exports, "DateTableComponent", {
                enumerable: true,
                get: function() {
                    return _date_table.DateTableComponent
                }
            });
            Object.defineProperty(exports, "DateTableMonthComponent", {
                enumerable: true,
                get: function() {
                    return _date_table_month.DateTableMonthComponent
                }
            });
            Object.defineProperty(exports, "GroupPanelComponent", {
                enumerable: true,
                get: function() {
                    return _group_panel.GroupPanelComponent
                }
            });
            Object.defineProperty(exports, "HeaderPanelComponent", {
                enumerable: true,
                get: function() {
                    return _header_panel.HeaderPanelComponent
                }
            });
            Object.defineProperty(exports, "HeaderPanelTimelineComponent", {
                enumerable: true,
                get: function() {
                    return _header_panel_timeline.HeaderPanelTimelineComponent
                }
            });
            Object.defineProperty(exports, "TimePanelComponent", {
                enumerable: true,
                get: function() {
                    return _time_panel.TimePanelComponent
                }
            });
            var _all_day_panel_title = __webpack_require__( /*! ./wrappers/all_day_panel_title */ 83562);
            var _all_day_table = __webpack_require__( /*! ./wrappers/all_day_table */ 63273);
            var _date_table = __webpack_require__( /*! ./wrappers/date_table */ 97641);
            var _date_table_month = __webpack_require__( /*! ./wrappers/date_table_month */ 71212);
            var _group_panel = __webpack_require__( /*! ./wrappers/group_panel */ 74290);
            var _header_panel = __webpack_require__( /*! ./wrappers/header_panel */ 87286);
            var _header_panel_timeline = __webpack_require__( /*! ./wrappers/header_panel_timeline */ 96774);
            var _time_panel = __webpack_require__( /*! ./wrappers/time_panel */ 54322)
        },
        40802(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DateTableMonth = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _date_table = __webpack_require__( /*! ../base/date_table */ 74282);
            var _date_table_month_cell = __webpack_require__( /*! ./date_table_month_cell */ 83725);
            const _excluded = ["viewData", "viewContext", "addDateTableClass", "addVerticalSizesClassToRows", "dataCellTemplate", "groupOrientation", "tableRef", "width"];
            class DateTableMonth extends _index.InfernoWrapperComponent {
                createEffects() {
                    return [(0, _index.createReRenderEffect)()]
                }
                render() {
                    const _this$props = this.props,
                        {
                            viewData: viewData,
                            viewContext: viewContext,
                            addDateTableClass: addDateTableClass,
                            addVerticalSizesClassToRows: addVerticalSizesClassToRows,
                            dataCellTemplate: dataCellTemplate,
                            groupOrientation: groupOrientation,
                            tableRef: tableRef,
                            width: width
                        } = _this$props,
                        restProps = function(r, e) {
                            if (null == r) {
                                return {}
                            }
                            var t = {};
                            for (var n in r) {
                                if ({}.hasOwnProperty.call(r, n)) {
                                    if (-1 !== e.indexOf(n)) {
                                        continue
                                    }
                                    t[n] = r[n]
                                }
                            }
                            return t
                        }(_this$props, _excluded);
                    return (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _date_table.DateTable, Object.assign({}, restProps, {
                        viewData: viewData,
                        viewContext: viewContext,
                        groupOrientation: groupOrientation,
                        addDateTableClass: addDateTableClass,
                        dataCellTemplate: dataCellTemplate,
                        cellTemplate: _date_table_month_cell.DateTableMonthCell,
                        tableRef: tableRef,
                        addVerticalSizesClassToRows: addVerticalSizesClassToRows,
                        width: width
                    })))
                }
            }
            exports.DateTableMonth = DateTableMonth;
            DateTableMonth.defaultProps = _date_table.DateTableDefaultProps
        },
        83725(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DateTableMonthCell = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _render_utils = __webpack_require__( /*! ../../../../core/r1/utils/render_utils */ 71312);
            var _date_table_cell_base = __webpack_require__( /*! ../base/date_table_cell_base */ 48661);
            class DateTableMonthCell extends _index.BaseInfernoComponent {
                constructor() {
                    super(...arguments);
                    this.contentTemplateProps = null
                }
                getContentTemplateProps() {
                    if (null !== this.contentTemplateProps) {
                        return this.contentTemplateProps
                    }
                    const {
                        index: index,
                        text: text
                    } = this.props;
                    this.contentTemplateProps = {
                        data: {
                            text: text
                        },
                        index: index
                    };
                    return this.contentTemplateProps
                }
                componentWillUpdate(nextProps) {
                    if (this.props.index !== nextProps.index || this.props.text !== nextProps.text) {
                        this.contentTemplateProps = null
                    }
                }
                render() {
                    const {
                        viewContext: viewContext,
                        dataCellTemplate: dataCellTemplate,
                        endDate: endDate,
                        groupIndex: groupIndex,
                        groups: groups,
                        index: index,
                        isFirstGroupCell: isFirstGroupCell,
                        isFocused: isFocused,
                        isLastGroupCell: isLastGroupCell,
                        isSelected: isSelected,
                        startDate: startDate,
                        text: text,
                        className: className,
                        isFirstDayMonthHighlighting: isFirstDayMonthHighlighting,
                        otherMonth: otherMonth,
                        today: today
                    } = this.props;
                    const classes = (0, _render_utils.combineClasses)({
                        "dx-scheduler-date-table-other-month": Boolean(otherMonth),
                        "dx-scheduler-date-table-current-date": Boolean(today),
                        "dx-scheduler-date-table-first-of-month": Boolean(isFirstDayMonthHighlighting),
                        [className ?? ""]: Boolean(className)
                    });
                    const contentTemplateProps = this.getContentTemplateProps();
                    return (0, _inferno.createComponentVNode)(2, _date_table_cell_base.DateTableCellBase, {
                        className: classes,
                        viewContext: viewContext,
                        dataCellTemplate: dataCellTemplate,
                        startDate: startDate,
                        endDate: endDate,
                        text: text,
                        groups: groups,
                        groupIndex: groupIndex,
                        index: index,
                        isFirstGroupCell: isFirstGroupCell,
                        isLastGroupCell: isLastGroupCell,
                        isSelected: isSelected,
                        isFocused: isFocused,
                        contentTemplateProps: contentTemplateProps,
                        children: (0, _inferno.createVNode)(1, "div", "dx-scheduler-date-table-cell-text", text, 0)
                    })
                }
            }
            exports.DateTableMonthCell = DateTableMonthCell;
            DateTableMonthCell.defaultProps = _date_table_cell_base.DateTableCallBaseDefaultProps
        },
        17855(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "PublicTemplate", {
                enumerable: true,
                get: function() {
                    return _public_template.PublicTemplate
                }
            });
            var _public_template = __webpack_require__( /*! ./public_template */ 52303)
        },
        52303(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PublicTemplate = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _common = __webpack_require__( /*! ../../../../../core/utils/common */ 17781);
            var _index = __webpack_require__( /*! ../../../../core/r1/utils/index */ 10632);
            exports.PublicTemplate = _ref => {
                let {
                    template: template,
                    templateProps: templateProps,
                    renderOptions: renderOptions
                } = _ref;
                if (void 0 === template) {
                    return (0, _inferno.createFragment)()
                }
                const templateFn = (0, _index.getTemplate)(template);
                const templatePropsWithComparer = Object.assign({}, templateProps, {
                    data: Object.assign({}, templateProps.data ?? {}, {
                        isEqual: (null === renderOptions || void 0 === renderOptions ? void 0 : renderOptions.propsComparer) ?? _common.equalByValue
                    })
                });
                return null === templateFn || void 0 === templateFn ? void 0 : templateFn(templatePropsWithComparer)
            }
        },
        30737(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TimelineDateHeaderLayout = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _themes = __webpack_require__( /*! ../../../../scheduler/r1/utils/themes */ 3108);
            var _index2 = __webpack_require__( /*! ../../utils/index */ 34396);
            var _date_header = __webpack_require__( /*! ../base/date_header */ 35689);
            var _date_header_cell = __webpack_require__( /*! ../base/date_header_cell */ 60932);
            var _row = __webpack_require__( /*! ../base/row */ 21541);
            const {
                isMaterialBased: isMaterialBased
            } = (0, _themes.getThemeType)();
            class TimelineDateHeaderLayout extends _index.BaseInfernoComponent {
                render() {
                    const {
                        viewContext: viewContext,
                        groupByDate: groupByDate,
                        groupOrientation: groupOrientation,
                        groups: groups,
                        dateHeaderData: dateHeaderData,
                        dateCellTemplate: dateCellTemplate,
                        timeCellTemplate: timeCellTemplate
                    } = this.props;
                    const {
                        dataMap: dataMap,
                        isMonthDateHeader: isMonthDateHeader,
                        leftVirtualCellCount: leftVirtualCellCount,
                        leftVirtualCellWidth: leftVirtualCellWidth,
                        rightVirtualCellCount: rightVirtualCellCount,
                        rightVirtualCellWidth: rightVirtualCellWidth,
                        weekDayLeftVirtualCellCount: weekDayLeftVirtualCellCount,
                        weekDayLeftVirtualCellWidth: weekDayLeftVirtualCellWidth,
                        weekDayRightVirtualCellCount: weekDayRightVirtualCellCount,
                        weekDayRightVirtualCellWidth: weekDayRightVirtualCellWidth
                    } = dateHeaderData;
                    const isHorizontalGrouping = (0, _index2.isHorizontalGroupingApplied)(groups.length, groupOrientation) && !groupByDate;
                    return (0, _inferno.createFragment)(dataMap.map((dateHeaderRow, rowIndex) => {
                        const rowsCount = dataMap.length;
                        const isTimeCellTemplate = rowsCount - 1 === rowIndex;
                        const isWeekDayRow = rowsCount > 1 && 0 === rowIndex;
                        const splitText = isMaterialBased && (isMonthDateHeader || isWeekDayRow);
                        let validLeftVirtualCellCount = leftVirtualCellCount;
                        let validRightVirtualCellCount = rightVirtualCellCount;
                        let validRightVirtualCellWidth = rightVirtualCellWidth;
                        let validLeftVirtualCellWidth = leftVirtualCellWidth;
                        if (isWeekDayRow) {
                            validLeftVirtualCellCount = weekDayLeftVirtualCellCount;
                            validRightVirtualCellCount = weekDayRightVirtualCellCount;
                            validRightVirtualCellWidth = weekDayRightVirtualCellWidth;
                            validLeftVirtualCellWidth = weekDayLeftVirtualCellWidth
                        }
                        return (0, _inferno.createComponentVNode)(2, _row.Row, {
                            className: "dx-scheduler-header-row",
                            leftVirtualCellWidth: validLeftVirtualCellWidth ?? _row.RowDefaultProps.leftVirtualCellWidth,
                            leftVirtualCellCount: validLeftVirtualCellCount,
                            rightVirtualCellWidth: validRightVirtualCellWidth ?? _row.RowDefaultProps.rightVirtualCellWidth,
                            rightVirtualCellCount: validRightVirtualCellCount,
                            children: dateHeaderRow.map(_ref => {
                                let {
                                    colSpan: colSpan,
                                    endDate: endDate,
                                    groupIndex: groupIndex,
                                    groups: cellGroups,
                                    index: index,
                                    isFirstGroupCell: isFirstGroupCell,
                                    isLastGroupCell: isLastGroupCell,
                                    key: key,
                                    startDate: startDate,
                                    text: text,
                                    today: today
                                } = _ref;
                                return (0, _inferno.createComponentVNode)(2, _date_header_cell.DateHeaderCell, {
                                    viewContext: viewContext,
                                    startDate: startDate,
                                    endDate: endDate,
                                    groups: isHorizontalGrouping ? cellGroups : void 0,
                                    groupIndex: isHorizontalGrouping ? groupIndex : void 0,
                                    today: today ?? _date_header_cell.DateHeaderCellDefaultProps.today,
                                    index: index,
                                    text: text,
                                    isFirstGroupCell: isFirstGroupCell,
                                    isLastGroupCell: isLastGroupCell,
                                    isWeekDayCell: isWeekDayRow,
                                    colSpan: colSpan,
                                    splitText: splitText,
                                    dateCellTemplate: dateCellTemplate,
                                    timeCellTemplate: timeCellTemplate,
                                    isTimeCellTemplate: isTimeCellTemplate
                                }, key)
                            })
                        }, rowIndex.toString())
                    }), 0)
                }
            }
            exports.TimelineDateHeaderLayout = TimelineDateHeaderLayout;
            TimelineDateHeaderLayout.defaultProps = _date_header.DateHeaderDefaultProps
        },
        66921(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.HeaderPanelTimeline = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../../../core/r1/runtime/inferno/index */ 6257);
            var _header_panel = __webpack_require__( /*! ../base/header_panel */ 20025);
            var _date_header_timeline = __webpack_require__( /*! ./date_header_timeline */ 30737);
            class HeaderPanelTimeline extends _index.InfernoWrapperComponent {
                createEffects() {
                    return [(0, _index.createReRenderEffect)()]
                }
                render() {
                    const {
                        viewContext: viewContext,
                        dateCellTemplate: dateCellTemplate,
                        dateHeaderData: dateHeaderData,
                        groupByDate: groupByDate,
                        groupOrientation: groupOrientation,
                        groupPanelData: groupPanelData,
                        groups: groups,
                        isRenderDateHeader: isRenderDateHeader,
                        resourceCellTemplate: resourceCellTemplate,
                        timeCellTemplate: timeCellTemplate
                    } = this.props;
                    return (0, _inferno.createComponentVNode)(2, _header_panel.HeaderPanel, {
                        viewContext: viewContext,
                        dateHeaderData: dateHeaderData,
                        groupPanelData: groupPanelData,
                        groupByDate: groupByDate,
                        groups: groups,
                        groupOrientation: groupOrientation,
                        isRenderDateHeader: isRenderDateHeader,
                        dateHeaderTemplate: _date_header_timeline.TimelineDateHeaderLayout,
                        resourceCellTemplate: resourceCellTemplate,
                        dateCellTemplate: dateCellTemplate,
                        timeCellTemplate: timeCellTemplate
                    })
                }
            }
            exports.HeaderPanelTimeline = HeaderPanelTimeline;
            HeaderPanelTimeline.defaultProps = _header_panel.HeaderPanelDefaultProps
        },
        83562(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AllDayPanelTitleComponent = void 0;
            var _component_registrator = (e = __webpack_require__( /*! ../../../../../core/component_registrator */ 92848), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index = __webpack_require__( /*! ../../../../core/r1/index */ 84766);
            var _all_day_panel_title = __webpack_require__( /*! ../base/all_day_panel_title */ 4011);
            class AllDayPanelTitleComponent extends _index.ComponentWrapper {
                get _propsInfo() {
                    return {
                        twoWay: [],
                        allowNull: [],
                        elements: [],
                        templates: [],
                        props: []
                    }
                }
                get _viewComponent() {
                    return _all_day_panel_title.AllDayPanelTitle
                }
            }
            exports.AllDayPanelTitleComponent = AllDayPanelTitleComponent;
            (0, _component_registrator.default)("dxAllDayPanelTitle", AllDayPanelTitleComponent)
        },
        63273(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AllDayTableComponent = void 0;
            var _component_registrator = (e = __webpack_require__( /*! ../../../../../core/component_registrator */ 92848), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _all_day_panel_table = __webpack_require__( /*! ../../../../scheduler/r1/components/base/all_day_panel_table */ 49673);
            var _date_table = __webpack_require__( /*! ./date_table */ 97641);
            class AllDayTableComponent extends _date_table.DateTableComponent {
                get _propsInfo() {
                    return {
                        twoWay: [],
                        allowNull: [],
                        elements: [],
                        templates: ["dataCellTemplate"],
                        props: ["viewData", "viewContext", "groupOrientation", "leftVirtualCellWidth", "rightVirtualCellWidth", "topVirtualRowHeight", "bottomVirtualRowHeight", "addDateTableClass", "addVerticalSizesClassToRows", "width", "dataCellTemplate"]
                    }
                }
                get _viewComponent() {
                    return _all_day_panel_table.AllDayTable
                }
            }
            exports.AllDayTableComponent = AllDayTableComponent;
            (0, _component_registrator.default)("dxAllDayTable", AllDayTableComponent)
        },
        97641(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DateTableComponent = void 0;
            var _component_registrator = (e = __webpack_require__( /*! ../../../../../core/component_registrator */ 92848), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index = __webpack_require__( /*! ../../../../core/r1/index */ 84766);
            var _date_table = __webpack_require__( /*! ../base/date_table */ 74282);
            class DateTableComponent extends _index.ComponentWrapper {
                _setOptionsByReference() {
                    super._setOptionsByReference();
                    this._optionsByReference = Object.assign({}, this._optionsByReference, {
                        dataCellTemplate: true
                    })
                }
                get _propsInfo() {
                    return {
                        twoWay: [],
                        allowNull: [],
                        elements: [],
                        templates: ["cellTemplate", "dataCellTemplate"],
                        props: ["viewData", "viewContext", "cellTemplate", "groupOrientation", "leftVirtualCellWidth", "rightVirtualCellWidth", "topVirtualRowHeight", "bottomVirtualRowHeight", "addDateTableClass", "addVerticalSizesClassToRows", "width", "dataCellTemplate"]
                    }
                }
                get _viewComponent() {
                    return _date_table.DateTable
                }
            }
            exports.DateTableComponent = DateTableComponent;
            (0, _component_registrator.default)("dxDateTableLayoutBase", DateTableComponent)
        },
        71212(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DateTableMonthComponent = void 0;
            var _component_registrator = (e = __webpack_require__( /*! ../../../../../core/component_registrator */ 92848), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _date_table_month = __webpack_require__( /*! ../month/date_table_month */ 40802);
            var _date_table = __webpack_require__( /*! ./date_table */ 97641);
            class DateTableMonthComponent extends _date_table.DateTableComponent {
                get _propsInfo() {
                    return {
                        twoWay: [],
                        allowNull: [],
                        elements: [],
                        templates: ["cellTemplate", "dataCellTemplate"],
                        props: ["viewData", "viewContext", "cellTemplate", "groupOrientation", "leftVirtualCellWidth", "rightVirtualCellWidth", "topVirtualRowHeight", "bottomVirtualRowHeight", "addDateTableClass", "addVerticalSizesClassToRows", "width", "dataCellTemplate"]
                    }
                }
                get _viewComponent() {
                    return _date_table_month.DateTableMonth
                }
            }
            exports.DateTableMonthComponent = DateTableMonthComponent;
            (0, _component_registrator.default)("dxMonthDateTableLayout", DateTableMonthComponent)
        },
        74290(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GroupPanelComponent = void 0;
            var _component_registrator = (e = __webpack_require__( /*! ../../../../../core/component_registrator */ 92848), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index = __webpack_require__( /*! ../../../../core/r1/index */ 84766);
            var _group_panel = __webpack_require__( /*! ../base/group_panel */ 31055);
            class GroupPanelComponent extends _index.ComponentWrapper {
                _setOptionsByReference() {
                    super._setOptionsByReference();
                    this._optionsByReference = Object.assign({}, this._optionsByReference, {
                        resourceCellTemplate: true
                    })
                }
                get _propsInfo() {
                    return {
                        twoWay: [],
                        allowNull: [],
                        elements: [],
                        templates: ["resourceCellTemplate"],
                        props: ["viewContext", "groups", "groupOrientation", "groupPanelData", "groupByDate", "height", "className", "resourceCellTemplate"]
                    }
                }
                get _viewComponent() {
                    return _group_panel.GroupPanel
                }
            }
            exports.GroupPanelComponent = GroupPanelComponent;
            (0, _component_registrator.default)("dxGroupPanel", GroupPanelComponent)
        },
        87286(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.HeaderPanelComponent = void 0;
            var _component_registrator = (e = __webpack_require__( /*! ../../../../../core/component_registrator */ 92848), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index = __webpack_require__( /*! ../../../../core/r1/index */ 84766);
            var _header_panel = __webpack_require__( /*! ../base/header_panel */ 20025);
            class HeaderPanelComponent extends _index.ComponentWrapper {
                _setOptionsByReference() {
                    super._setOptionsByReference();
                    this._optionsByReference = Object.assign({}, this._optionsByReference, {
                        dateHeaderData: true,
                        resourceCellTemplate: true,
                        dateCellTemplate: true,
                        timeCellTemplate: true
                    })
                }
                get _propsInfo() {
                    return {
                        twoWay: [],
                        allowNull: [],
                        elements: [],
                        templates: ["dateCellTemplate", "timeCellTemplate", "dateHeaderTemplate", "resourceCellTemplate"],
                        props: ["viewContext", "dateHeaderData", "isRenderDateHeader", "dateCellTemplate", "timeCellTemplate", "dateHeaderTemplate", "groups", "groupOrientation", "groupPanelData", "groupByDate", "height", "className", "resourceCellTemplate"]
                    }
                }
                get _viewComponent() {
                    return _header_panel.HeaderPanel
                }
            }
            exports.HeaderPanelComponent = HeaderPanelComponent;
            (0, _component_registrator.default)("dxHeaderPanelLayout", HeaderPanelComponent)
        },
        96774(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.HeaderPanelTimelineComponent = void 0;
            var _component_registrator = (e = __webpack_require__( /*! ../../../../../core/component_registrator */ 92848), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _header_panel_timeline = __webpack_require__( /*! ../timeline/header_panel_timeline */ 66921);
            var _header_panel = __webpack_require__( /*! ./header_panel */ 87286);
            class HeaderPanelTimelineComponent extends _header_panel.HeaderPanelComponent {
                get _propsInfo() {
                    return {
                        twoWay: [],
                        allowNull: [],
                        elements: [],
                        templates: ["dateCellTemplate", "timeCellTemplate", "dateHeaderTemplate", "resourceCellTemplate"],
                        props: ["viewContext", "dateHeaderData", "isRenderDateHeader", "dateCellTemplate", "timeCellTemplate", "dateHeaderTemplate", "groups", "groupOrientation", "groupPanelData", "groupByDate", "height", "className", "resourceCellTemplate"]
                    }
                }
                get _viewComponent() {
                    return _header_panel_timeline.HeaderPanelTimeline
                }
            }
            exports.HeaderPanelTimelineComponent = HeaderPanelTimelineComponent;
            (0, _component_registrator.default)("dxTimelineHeaderPanelLayout", HeaderPanelTimelineComponent)
        },
        54322(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TimePanelComponent = void 0;
            var _component_registrator = (e = __webpack_require__( /*! ../../../../../core/component_registrator */ 92848), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index = __webpack_require__( /*! ../../../../core/r1/index */ 84766);
            var _time_panel_table = __webpack_require__( /*! ../base/time_panel_table */ 2302);
            class TimePanelComponent extends _index.ComponentWrapper {
                _setOptionsByReference() {
                    super._setOptionsByReference();
                    this._optionsByReference = Object.assign({}, this._optionsByReference, {
                        timeCellTemplate: true
                    })
                }
                get _propsInfo() {
                    return {
                        twoWay: [],
                        allowNull: [],
                        elements: [],
                        templates: ["timeCellTemplate"],
                        props: ["viewContext", "groupOrientation", "timePanelData", "timeCellTemplate"]
                    }
                }
                get _viewComponent() {
                    return _time_panel_table.TimePanelTable
                }
            }
            exports.TimePanelComponent = TimePanelComponent;
            (0, _component_registrator.default)("dxTimePanelTableLayout", TimePanelComponent)
        },
        89755(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.combineRemoteFilter = void 0;
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _date_serialization = (e = __webpack_require__( /*! ../../../../core/utils/date_serialization */ 71051), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _index = __webpack_require__( /*! ../utils/index */ 34396);
            const FilterPosition_dateFilter = 0,
                FilterPosition_userFilter = 1;
            class RemoteFilterCombiner {
                constructor(options) {
                    this.options = options
                }
                get dataAccessors() {
                    return this.options.dataAccessors
                }
                get dataSourceFilter() {
                    return this.options.dataSourceFilter
                }
                get dateSerializationFormat() {
                    return this.options.dateSerializationFormat
                }
                get forceIsoDateParsing() {
                    return (0, _type.isDefined)(this.options.forceIsoDateParsing) ? this.options.forceIsoDateParsing : true
                }
                makeDateFilter(min, max) {
                    const {
                        startDateExpr: startDateExpr,
                        endDateExpr: endDateExpr,
                        recurrenceRuleExpr: recurrenceRuleExpr
                    } = this.dataAccessors.expr;
                    const dateFilter = [
                        [
                            [endDateExpr, ">=", min],
                            [startDateExpr, "<", max]
                        ], "or", [recurrenceRuleExpr, "startswith", "freq"], "or", [
                            [endDateExpr, min],
                            [startDateExpr, min]
                        ]
                    ];
                    if (!recurrenceRuleExpr) {
                        dateFilter.splice(1, 2)
                    }
                    return dateFilter
                }
                combineFilters(dateFilter, userFilter) {
                    const combinedFilter = [];
                    if (dateFilter) {
                        combinedFilter.push(dateFilter)
                    }
                    if (userFilter) {
                        combinedFilter.push(userFilter)
                    }
                    return this.serializeRemoteFilter(combinedFilter)
                }
                serializeRemoteFilter(combinedFilter) {
                    if (!Array.isArray(combinedFilter)) {
                        return combinedFilter
                    }
                    const {
                        startDateExpr: startDateExpr,
                        endDateExpr: endDateExpr
                    } = this.dataAccessors.expr;
                    const filter = (0, _extend.extend)([], combinedFilter);
                    if ((0, _type.isString)(filter[0])) {
                        if (this.forceIsoDateParsing && filter.length > 1) {
                            if (filter[0] === startDateExpr || filter[0] === endDateExpr) {
                                const lastFilterValue = filter[filter.length - 1];
                                filter[filter.length - 1] = _date_serialization.default.serializeDate(new Date(lastFilterValue), this.dateSerializationFormat)
                            }
                        }
                    }
                    for (let i = 0; i < filter.length; i += 1) {
                        filter[i] = this.serializeRemoteFilter(filter[i])
                    }
                    return filter
                }
                getUserFilter(dateFilter) {
                    if (!this.dataSourceFilter || (0, _common.equalByValue)(this.dataSourceFilter, dateFilter)) {
                        return
                    }
                    const containsDateFilter = this.dataSourceFilter.length > 0 && (0, _common.equalByValue)(this.dataSourceFilter[FilterPosition_dateFilter], dateFilter);
                    const userFilter = containsDateFilter ? this.dataSourceFilter[FilterPosition_userFilter] : this.dataSourceFilter;
                    return userFilter
                }
                combine(min, max) {
                    const [trimMin, trimMax] = (0, _index.getDatesWithoutTime)(min, max);
                    const dateFilter = this.makeDateFilter(trimMin, trimMax);
                    const userFilter = this.getUserFilter(dateFilter);
                    const combinedFilter = this.combineFilters(dateFilter, userFilter);
                    return combinedFilter
                }
            }
            exports.combineRemoteFilter = options => new RemoteFilterCombiner(options).combine(options.min, options.max)
        },
        25109(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TimeZoneCalculator = void 0;
            var _date = (e = __webpack_require__( /*! ../../../../core/utils/date */ 41380), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _date2 = __webpack_require__( /*! ../../../core/utils/date */ 55594);
            const toMs = _date.default.dateToMilliseconds;
            exports.TimeZoneCalculator = class {
                constructor(options) {
                    this.options = options
                }
                createDate(sourceDate, path, appointmentTimeZone) {
                    const date = new Date(sourceDate);
                    switch (path) {
                        case "toAppointment":
                            return this.getConvertedDate(date, appointmentTimeZone, false);
                        case "fromAppointment":
                            return this.getConvertedDate(date, appointmentTimeZone, true);
                        case "toGrid":
                            return this.getConvertedDate(date, void 0, false);
                        case "fromGrid":
                            return this.getConvertedDate(date, void 0, true);
                        default:
                            throw new Error("not specified pathTimeZoneConversion")
                    }
                }
                getOffsets(date, appointmentTimezone) {
                    const clientOffset = -this.getClientOffset(date) / _date.default.dateToMilliseconds("hour");
                    const commonOffset = this.getCommonOffset(date);
                    const appointmentOffset = this.getAppointmentOffset(date, appointmentTimezone);
                    return {
                        client: clientOffset,
                        common: !(0, _type.isDefined)(commonOffset) ? clientOffset : commonOffset,
                        appointment: "number" !== typeof appointmentOffset ? clientOffset : appointmentOffset
                    }
                }
                getOriginStartDateOffsetInMs(date, timezone, isUTCDate) {
                    const offsetInHours = this.getOffsetInHours(date, timezone, isUTCDate);
                    return 36e5 * offsetInHours
                }
                getOffsetInHours(date, timezone, isUTCDate) {
                    const {
                        client: client,
                        appointment: appointment,
                        common: common
                    } = this.getOffsets(date, timezone);
                    if (Boolean(timezone) && isUTCDate) {
                        return appointment - client
                    }
                    if (Boolean(timezone) && !isUTCDate) {
                        return appointment - common
                    }
                    if (!timezone && isUTCDate) {
                        return common - client
                    }
                    return 0
                }
                getClientOffset(date) {
                    return this.options.getClientOffset(date)
                }
                getCommonOffset(date) {
                    return this.options.tryGetCommonOffset(date)
                }
                getAppointmentOffset(date, appointmentTimezone) {
                    return this.options.tryGetAppointmentOffset(date, appointmentTimezone)
                }
                getConvertedDate(date, appointmentTimezone, isBack) {
                    const newDate = new Date(date.getTime());
                    const offsets = this.getOffsets(newDate, appointmentTimezone);
                    const targetOffsetName = appointmentTimezone ? "appointment" : "common";
                    const direction = isBack ? -1 : 1;
                    return _date2.dateUtilsTs.addOffsets(newDate, direction * toMs("hour") * offsets[targetOffsetName], -direction * toMs("hour") * offsets.client)
                }
            }
        },
        97777(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "TimeZoneCalculator", {
                enumerable: true,
                get: function() {
                    return _calculator.TimeZoneCalculator
                }
            });
            Object.defineProperty(exports, "createTimeZoneCalculator", {
                enumerable: true,
                get: function() {
                    return _utils.createTimeZoneCalculator
                }
            });
            var _calculator = __webpack_require__( /*! ./calculator */ 25109);
            var _utils = __webpack_require__( /*! ./utils */ 88476)
        },
        88476(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.createTimeZoneCalculator = void 0;
            var _m_utils_time_zone = (e = __webpack_require__( /*! ../../m_utils_time_zone */ 18648), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _calculator = __webpack_require__( /*! ./calculator */ 25109);
            exports.createTimeZoneCalculator = currentTimeZone => new _calculator.TimeZoneCalculator({
                timeZone: currentTimeZone,
                getClientOffset: date => _m_utils_time_zone.default.getClientTimezoneOffset(date),
                tryGetCommonOffset: date => _m_utils_time_zone.default.calculateTimezoneByValue(currentTimeZone, date),
                tryGetAppointmentOffset: (date, appointmentTimezone) => _m_utils_time_zone.default.calculateTimezoneByValue(appointmentTimezone, date)
            })
        },
        64722(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.calculateStartViewDate = exports.calculateRows = void 0;
            var _m_utils_time_zone = (e = __webpack_require__( /*! ../../m_utils_time_zone */ 18648), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _base = __webpack_require__( /*! ./base */ 44611);
            exports.calculateStartViewDate = (currentDate, startDayHour) => {
                const validCurrentDate = new Date(currentDate);
                return (0, _base.setOptionHour)(validCurrentDate, startDayHour)
            };
            const getDayStart = date => new Date(date).setUTCHours(0, 0, 0, 0);
            exports.calculateRows = (appointments, agendaDuration, currentDate, groupCount) => {
                const dayMs = getDayStart(_m_utils_time_zone.default.createUTCDateWithLocalOffset(currentDate));
                const intervalsStartMap = new Map;
                const result = Array.from({
                    length: groupCount || 1
                }, () => new Array(agendaDuration).fill(0));
                for (let i = 0; i < agendaDuration; i += 1) {
                    const day = new Date(dayMs);
                    intervalsStartMap.set(day.setUTCDate(day.getUTCDate() + i), i)
                }
                appointments.forEach(appointment => {
                    const appointmentStart = getDayStart(appointment.startDateUTC);
                    const intervalIndex = intervalsStartMap.get(appointmentStart);
                    if (void 0 !== intervalIndex) {
                        result[appointment.groupIndex][intervalIndex] += 1
                    }
                });
                return result
            }
        },
        44611(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.splitNumber = exports.setOptionHour = exports.isVerticalGroupingApplied = exports.isTimelineView = exports.isHorizontalView = exports.isHorizontalGroupingApplied = exports.isGroupingByDate = exports.isFirstCellInMonthWithIntervalCount = exports.isDateInRange = exports.isDateAndTimeView = exports.isDataOnWeekend = exports.isAppointmentTakesAllDay = exports.getWeekendsCount = exports.getViewStartByOptions = exports.getVerticalGroupCountClass = exports.getValidCellDateForLocalTimeFormat = exports.getTotalRowCountByCompleteData = exports.getTotalCellCountByCompleteData = exports.getToday = exports.getStartViewDateWithoutDST = exports.getStartViewDateTimeOffset = exports.getSkippedHoursInRange = exports.getOverflowIndicatorColor = exports.getKeyByGroup = exports.getIsGroupedAllDayPanel = exports.getHorizontalGroupCount = exports.getHeaderCellText = exports.getGroupPanelData = exports.getDisplayedRowCount = exports.getDisplayedCellCount = exports.getDatesWithoutTime = exports.getCellDuration = exports.getCalculatedFirstDayOfWeek = exports.getAppointmentKey = exports.extendGroupItemsForGroupingByDate = exports.calculateViewStartDate = exports.calculateIsGroupedAllDayPanel = exports.calculateDayDuration = exports.calculateCellIndex = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/date */ 38662));
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/date */ 41380));
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _date3 = __webpack_require__( /*! ../../../core/utils/date */ 55594);
            var _constants = __webpack_require__( /*! ../../constants */ 25307);
            var _m_classes = __webpack_require__( /*! ../../m_classes */ 80126);
            var _m_utils_time_zone = _interopRequireDefault(__webpack_require__( /*! ../../m_utils_time_zone */ 18648));
            var _constants_view = __webpack_require__( /*! ../../utils/options/constants_view */ 43582);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const toMs = _date2.default.dateToMilliseconds;
            exports.getDatesWithoutTime = (min, max) => {
                const newMin = _date2.default.trimTime(new Date(min));
                const newMax = _date2.default.trimTime(new Date(max));
                newMax.setDate(newMax.getDate() + 1);
                return [newMin, newMax]
            };
            exports.isAppointmentTakesAllDay = (appointmentAdapter, allDayPanelMode) => {
                const {
                    startDate: startDate,
                    endDate: endDate,
                    allDay: allDay
                } = appointmentAdapter;
                switch (allDayPanelMode) {
                    case "hidden":
                        return false;
                    case "allDay":
                        return allDay;
                    default:
                        if (allDay) {
                            return true
                        }
                        if (!(0, _type.isDefined)(endDate)) {
                            return false
                        }
                        return ((startDate, endDate) => Math.floor((endDate.getTime() - startDate.getTime()) / toMs("hour")))(startDate, endDate) >= 24
                }
            };
            exports.getAppointmentKey = geometry => {
                const {
                    left: left,
                    top: top,
                    width: width,
                    height: height
                } = geometry;
                return `${left}-${top}-${width}-${height}`
            };
            exports.getOverflowIndicatorColor = (color, colors) => !colors.length || 0 === colors.filter(item => item !== color).length ? color : void 0;
            exports.getVerticalGroupCountClass = groups => {
                switch (null === groups || void 0 === groups ? void 0 : groups.length) {
                    case 1:
                        return _m_classes.VERTICAL_GROUP_COUNT_CLASSES[0];
                    case 2:
                        return _m_classes.VERTICAL_GROUP_COUNT_CLASSES[1];
                    case 3:
                        return _m_classes.VERTICAL_GROUP_COUNT_CLASSES[2];
                    default:
                        return
                }
            };
            exports.setOptionHour = (date, optionHour) => {
                const nextDate = new Date(date);
                if (!(0, _type.isDefined)(optionHour)) {
                    return nextDate
                }
                nextDate.setHours(optionHour, optionHour % 1 * 60, 0, 0);
                return nextDate
            };
            const calculateDayDuration = (startDayHour, endDayHour) => endDayHour - startDayHour;
            exports.calculateDayDuration = calculateDayDuration;
            const getStartViewDateTimeOffset = (startViewDate, startDayHour) => {
                const validStartDayHour = Math.floor(startDayHour);
                const isDSTChange = _m_utils_time_zone.default.isTimezoneChangeInDate(startViewDate);
                if (isDSTChange && validStartDayHour !== startViewDate.getHours()) {
                    return _date2.default.dateToMilliseconds("hour")
                }
                return 0
            };
            exports.getStartViewDateTimeOffset = getStartViewDateTimeOffset;
            exports.getValidCellDateForLocalTimeFormat = (date, _ref) => {
                let {
                    startViewDate: startViewDate,
                    startDayHour: startDayHour,
                    cellIndexShift: cellIndexShift,
                    viewOffset: viewOffset
                } = _ref;
                const originDate = _date3.dateUtilsTs.addOffsets(date, -viewOffset);
                const localTimeZoneChangedInOriginDate = _m_utils_time_zone.default.isTimezoneChangeInDate(originDate);
                if (!localTimeZoneChangedInOriginDate) {
                    return date
                }
                const startViewDateWithoutDST = new Date(new Date(startViewDate).setDate(startViewDate.getDate() + 2));
                const startViewDateOffset = getStartViewDateTimeOffset(startViewDate, startDayHour);
                return _date3.dateUtilsTs.addOffsets(startViewDateWithoutDST, viewOffset, cellIndexShift, -startViewDateOffset)
            };
            const getTotalCellCountByCompleteData = completeData => completeData[completeData.length - 1].length;
            exports.getTotalCellCountByCompleteData = getTotalCellCountByCompleteData;
            exports.getDisplayedCellCount = (displayedCellCount, completeData) => displayedCellCount ?? getTotalCellCountByCompleteData(completeData);
            exports.getHeaderCellText = (headerIndex, date, headerCellTextFormat, getDateForHeaderText, additionalOptions) => {
                const validDate = getDateForHeaderText(headerIndex, date, additionalOptions);
                return _date.default.format(validDate, headerCellTextFormat)
            };
            const isVerticalGroupingApplied = (groupCount, groupOrientation) => groupOrientation === _constants.VERTICAL_GROUP_ORIENTATION && groupCount > 0;
            exports.isVerticalGroupingApplied = isVerticalGroupingApplied;
            exports.getHorizontalGroupCount = (groupCount, groupOrientation) => {
                const isVerticalGrouping = isVerticalGroupingApplied(groupCount, groupOrientation);
                return isVerticalGrouping ? 1 : groupCount
            };
            const TIMELINE_VIEWS = [_constants_view.VIEWS.TIMELINE_DAY, _constants_view.VIEWS.TIMELINE_WEEK, _constants_view.VIEWS.TIMELINE_WORK_WEEK, _constants_view.VIEWS.TIMELINE_MONTH];
            exports.isTimelineView = viewType => Boolean(viewType && TIMELINE_VIEWS.includes(viewType));
            exports.isDateAndTimeView = viewType => viewType !== _constants_view.VIEWS.TIMELINE_MONTH && viewType !== _constants_view.VIEWS.MONTH;
            exports.isHorizontalView = viewType => {
                switch (viewType) {
                    case _constants_view.VIEWS.TIMELINE_DAY:
                    case _constants_view.VIEWS.TIMELINE_WEEK:
                    case _constants_view.VIEWS.TIMELINE_WORK_WEEK:
                    case _constants_view.VIEWS.TIMELINE_MONTH:
                    case _constants_view.VIEWS.MONTH:
                        return true;
                    default:
                        return false
                }
            };
            const isDateInRange = (date, startDate, endDate, diff) => diff > 0 ? _date2.default.dateInRange(date, startDate, new Date(endDate.getTime() - 1)) : _date2.default.dateInRange(date, endDate, startDate, "date");
            exports.isDateInRange = isDateInRange;
            exports.isFirstCellInMonthWithIntervalCount = (cellDate, intervalCount) => 1 === cellDate.getDate() && intervalCount > 1;
            exports.getViewStartByOptions = (startDate, currentDate, intervalDuration, startViewDate) => {
                if (!startDate) {
                    return new Date(currentDate)
                }
                let currentStartDate = _date2.default.trimTime(startViewDate);
                const diff = currentStartDate.getTime() <= currentDate.getTime() ? 1 : -1;
                let endDate = new Date(currentStartDate.getTime() + intervalDuration * diff);
                while (!isDateInRange(currentDate, currentStartDate, endDate, diff)) {
                    currentStartDate = endDate;
                    endDate = new Date(currentStartDate.getTime() + intervalDuration * diff)
                }
                return diff > 0 ? currentStartDate : endDate
            };
            exports.calculateIsGroupedAllDayPanel = (groupCount, groupOrientation, isAllDayPanelVisible) => isVerticalGroupingApplied(groupCount, groupOrientation) && isAllDayPanelVisible;
            exports.calculateViewStartDate = startDateOption => startDateOption;
            exports.getCellDuration = (viewType, startDayHour, endDayHour, hoursInterval) => {
                switch (viewType) {
                    case "month":
                        return 36e5 * calculateDayDuration(startDayHour, endDayHour);
                    case "timelineMonth":
                        return _date2.default.dateToMilliseconds("day");
                    default:
                        return 36e5 * hoursInterval
                }
            };
            exports.calculateCellIndex = (rowIndex, columnIndex, rowCount) => columnIndex * rowCount + rowIndex;
            const getTotalRowCountByCompleteData = completeData => completeData.length;
            exports.getTotalRowCountByCompleteData = getTotalRowCountByCompleteData;
            exports.getDisplayedRowCount = (displayedRowCount, completeData) => displayedRowCount ?? getTotalRowCountByCompleteData(completeData);
            exports.getStartViewDateWithoutDST = (startViewDate, startDayHour) => {
                const newStartViewDate = _m_utils_time_zone.default.getDateWithoutTimezoneChange(startViewDate);
                newStartViewDate.setHours(startDayHour);
                return newStartViewDate
            };
            exports.getIsGroupedAllDayPanel = (hasAllDayRow, isVerticalGrouping) => hasAllDayRow && isVerticalGrouping;
            exports.getKeyByGroup = (groupIndex, isVerticalGrouping) => {
                if (isVerticalGrouping && void 0 !== groupIndex) {
                    return groupIndex.toString()
                }
                return "0"
            };
            exports.getToday = (indicatorTime, timeZoneCalculator) => {
                const todayDate = indicatorTime ?? new Date;
                return (null === timeZoneCalculator || void 0 === timeZoneCalculator ? void 0 : timeZoneCalculator.createDate(todayDate, "toGrid")) || todayDate
            };
            exports.getCalculatedFirstDayOfWeek = firstDayOfWeekOption => (0, _type.isDefined)(firstDayOfWeekOption) ? firstDayOfWeekOption : _date.default.firstDayOfWeekIndex();
            const isHorizontalGroupingApplied = (groupCount, groupOrientation) => groupOrientation === _constants.HORIZONTAL_GROUP_ORIENTATION && groupCount > 0;
            exports.isHorizontalGroupingApplied = isHorizontalGroupingApplied;
            exports.isGroupingByDate = (groupCount, groupOrientation, groupByDate) => {
                const isHorizontalGrouping = isHorizontalGroupingApplied(groupCount, groupOrientation);
                return groupByDate && isHorizontalGrouping
            };
            exports.getSkippedHoursInRange = (startDate, endDate, allDay, viewDataProvider) => {
                const isAllDay = allDay && !viewDataProvider.viewType.includes("timeline");
                let result = 0;
                const currentDate = new Date(startDate);
                currentDate.setDate(currentDate.getDate() + 1);
                currentDate.setHours(0, 0, 0, 0);
                const endDateWithStartHour = new Date(endDate);
                endDateWithStartHour.setHours(0, 0, 0, 0);
                const {
                    startDayHour: startDayHour,
                    endDayHour: endDayHour
                } = viewDataProvider.getViewOptions();
                const dayHours = isAllDay ? 24 : endDayHour - startDayHour;
                while (currentDate < endDateWithStartHour) {
                    if (viewDataProvider.isSkippedDate(currentDate)) {
                        result += dayHours
                    }
                    currentDate.setDate(currentDate.getDate() + 1)
                }
                const startDateHours = startDate.getHours();
                const endDateHours = endDate.getHours() + endDate.getTime() % 36e5 / 36e5;
                if (viewDataProvider.isSkippedDate(startDate)) {
                    switch (true) {
                        case isAllDay:
                            result += 24;
                            break;
                        case startDateHours < startDayHour:
                            result += dayHours;
                            break;
                        case startDateHours < endDayHour:
                            result += endDayHour - startDateHours
                    }
                }
                if (viewDataProvider.isSkippedDate(endDate)) {
                    switch (true) {
                        case isAllDay:
                            result += 24;
                            break;
                        case endDateHours > endDayHour:
                            result += dayHours;
                            break;
                        case endDateHours > startDayHour:
                            result += endDateHours - startDayHour
                    }
                }
                return result
            };
            exports.isDataOnWeekend = date => {
                const day = date.getDay();
                return 6 === day || 0 === day
            };
            exports.getWeekendsCount = days => 2 * Math.floor(days / 7);
            const extendGroupItemsForGroupingByDate = (groupRenderItems, columnCountPerGroup) => [...new Array(columnCountPerGroup)].reduce((currentGroupItems, _, index) => groupRenderItems.map((groupsRow, rowIndex) => {
                const currentRow = currentGroupItems[rowIndex] || [];
                return [...currentRow, ...groupsRow.map((item, columnIndex) => Object.assign({}, item, {
                    key: `${item.key}_group_by_date_${index}`,
                    isFirstGroupCell: 0 === columnIndex,
                    isLastGroupCell: columnIndex === groupsRow.length - 1
                }))]
            }), []);
            exports.extendGroupItemsForGroupingByDate = extendGroupItemsForGroupingByDate;
            const stringifyId = id => (0, _type.isObject)(id) ? JSON.stringify(id) : String(id);
            exports.getGroupPanelData = (groupResources, columnCountPerGroup, groupByDate, baseColSpan) => {
                let repeatCount = 1;
                let groupPanelItems = groupResources.map(group => {
                    const result = [];
                    const {
                        resourceName: resourceName,
                        resourceIndex: resourceIndex,
                        items: items,
                        data: data
                    } = group;
                    for (let i = 0; i < repeatCount; i += 1) {
                        result.push(...items.map((_ref2, index) => {
                            let {
                                id: id,
                                text: text,
                                color: color
                            } = _ref2;
                            return {
                                id: id,
                                text: text,
                                color: color,
                                key: `${i}_${resourceIndex}_${stringifyId(id)}`,
                                resourceName: resourceName,
                                data: null === data || void 0 === data ? void 0 : data[index]
                            }
                        }))
                    }
                    repeatCount *= items.length;
                    return result
                }).filter(group => group.length);
                if (groupByDate) {
                    groupPanelItems = extendGroupItemsForGroupingByDate(groupPanelItems, columnCountPerGroup)
                }
                return {
                    groupPanelItems: groupPanelItems,
                    baseColSpan: baseColSpan
                }
            };
            exports.splitNumber = (value, splitValue) => Array.from({
                length: Math.ceil(value / splitValue)
            }, (_, index) => Math.min(value - splitValue * index, splitValue))
        },
        69082(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.calculateStartViewDate = void 0;
            var _base = __webpack_require__( /*! ./base */ 44611);
            exports.calculateStartViewDate = (currentDate, startDayHour, startDate, intervalDuration) => {
                const firstViewDate = (0, _base.getViewStartByOptions)(startDate, currentDate, intervalDuration, startDate);
                return (0, _base.setOptionHour)(firstViewDate, startDayHour)
            }
        },
        98090(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.excludeFromRecurrence = void 0;
            var _date_serialization = (e = __webpack_require__( /*! ../../../../core/utils/date_serialization */ 71051), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _appointment_adapter = __webpack_require__( /*! ../../utils/appointment_adapter/appointment_adapter */ 36791);
            const createRecurrenceException = (appointmentAdapter, exceptionDate) => {
                const result = [];
                if (appointmentAdapter.recurrenceException) {
                    result.push(appointmentAdapter.recurrenceException)
                }
                result.push(((date, startDate, isAllDay) => {
                    if (isAllDay) {
                        date.setHours(startDate.getHours(), startDate.getMinutes(), startDate.getSeconds(), startDate.getMilliseconds())
                    }
                    return _date_serialization.default.serializeDate(date, "yyyyMMddTHHmmssZ")
                })(exceptionDate, appointmentAdapter.startDate, appointmentAdapter.allDay));
                return result.join()
            };
            exports.excludeFromRecurrence = (appointment, exceptionDate, dataAccessors) => {
                const appointmentAdapter = new _appointment_adapter.AppointmentAdapter(Object.assign({}, appointment), dataAccessors);
                appointmentAdapter.recurrenceException = createRecurrenceException(appointmentAdapter, exceptionDate);
                return appointmentAdapter
            }
        },
        28524(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.formatWeekdayAndDay = exports.formatWeekday = void 0;
            var _date = (e = __webpack_require__( /*! ../../../../common/core/localization/date */ 38662), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const formatWeekday = date => _date.default.getDayNames("abbreviated")[date.getDay()];
            exports.formatWeekday = formatWeekday;
            exports.formatWeekdayAndDay = date => `${formatWeekday(date)} ${_date.default.format(date,"day")}`
        },
        34396(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.agendaUtils = void 0;
            Object.defineProperty(exports, "calculateCellIndex", {
                enumerable: true,
                get: function() {
                    return _base.calculateCellIndex
                }
            });
            Object.defineProperty(exports, "calculateDayDuration", {
                enumerable: true,
                get: function() {
                    return _base.calculateDayDuration
                }
            });
            Object.defineProperty(exports, "calculateIsGroupedAllDayPanel", {
                enumerable: true,
                get: function() {
                    return _base.calculateIsGroupedAllDayPanel
                }
            });
            Object.defineProperty(exports, "calculateViewStartDate", {
                enumerable: true,
                get: function() {
                    return _base.calculateViewStartDate
                }
            });
            exports.dayUtils = void 0;
            Object.defineProperty(exports, "excludeFromRecurrence", {
                enumerable: true,
                get: function() {
                    return _exclude_from_recurrence.excludeFromRecurrence
                }
            });
            Object.defineProperty(exports, "extendGroupItemsForGroupingByDate", {
                enumerable: true,
                get: function() {
                    return _base.extendGroupItemsForGroupingByDate
                }
            });
            Object.defineProperty(exports, "formatWeekday", {
                enumerable: true,
                get: function() {
                    return _format_weekday.formatWeekday
                }
            });
            Object.defineProperty(exports, "formatWeekdayAndDay", {
                enumerable: true,
                get: function() {
                    return _format_weekday.formatWeekdayAndDay
                }
            });
            Object.defineProperty(exports, "getAppointmentKey", {
                enumerable: true,
                get: function() {
                    return _base.getAppointmentKey
                }
            });
            Object.defineProperty(exports, "getCalculatedFirstDayOfWeek", {
                enumerable: true,
                get: function() {
                    return _base.getCalculatedFirstDayOfWeek
                }
            });
            Object.defineProperty(exports, "getCellDuration", {
                enumerable: true,
                get: function() {
                    return _base.getCellDuration
                }
            });
            Object.defineProperty(exports, "getDatesWithoutTime", {
                enumerable: true,
                get: function() {
                    return _base.getDatesWithoutTime
                }
            });
            Object.defineProperty(exports, "getDisplayedCellCount", {
                enumerable: true,
                get: function() {
                    return _base.getDisplayedCellCount
                }
            });
            Object.defineProperty(exports, "getDisplayedRowCount", {
                enumerable: true,
                get: function() {
                    return _base.getDisplayedRowCount
                }
            });
            Object.defineProperty(exports, "getGroupPanelData", {
                enumerable: true,
                get: function() {
                    return _base.getGroupPanelData
                }
            });
            Object.defineProperty(exports, "getHeaderCellText", {
                enumerable: true,
                get: function() {
                    return _base.getHeaderCellText
                }
            });
            Object.defineProperty(exports, "getHorizontalGroupCount", {
                enumerable: true,
                get: function() {
                    return _base.getHorizontalGroupCount
                }
            });
            Object.defineProperty(exports, "getIsGroupedAllDayPanel", {
                enumerable: true,
                get: function() {
                    return _base.getIsGroupedAllDayPanel
                }
            });
            Object.defineProperty(exports, "getKeyByGroup", {
                enumerable: true,
                get: function() {
                    return _base.getKeyByGroup
                }
            });
            Object.defineProperty(exports, "getOverflowIndicatorColor", {
                enumerable: true,
                get: function() {
                    return _base.getOverflowIndicatorColor
                }
            });
            Object.defineProperty(exports, "getSkippedHoursInRange", {
                enumerable: true,
                get: function() {
                    return _base.getSkippedHoursInRange
                }
            });
            Object.defineProperty(exports, "getStartViewDateTimeOffset", {
                enumerable: true,
                get: function() {
                    return _base.getStartViewDateTimeOffset
                }
            });
            Object.defineProperty(exports, "getStartViewDateWithoutDST", {
                enumerable: true,
                get: function() {
                    return _base.getStartViewDateWithoutDST
                }
            });
            Object.defineProperty(exports, "getToday", {
                enumerable: true,
                get: function() {
                    return _base.getToday
                }
            });
            Object.defineProperty(exports, "getTotalCellCountByCompleteData", {
                enumerable: true,
                get: function() {
                    return _base.getTotalCellCountByCompleteData
                }
            });
            Object.defineProperty(exports, "getTotalRowCountByCompleteData", {
                enumerable: true,
                get: function() {
                    return _base.getTotalRowCountByCompleteData
                }
            });
            Object.defineProperty(exports, "getValidCellDateForLocalTimeFormat", {
                enumerable: true,
                get: function() {
                    return _base.getValidCellDateForLocalTimeFormat
                }
            });
            Object.defineProperty(exports, "getVerticalGroupCountClass", {
                enumerable: true,
                get: function() {
                    return _base.getVerticalGroupCountClass
                }
            });
            Object.defineProperty(exports, "getViewStartByOptions", {
                enumerable: true,
                get: function() {
                    return _base.getViewStartByOptions
                }
            });
            Object.defineProperty(exports, "getWeekendsCount", {
                enumerable: true,
                get: function() {
                    return _base.getWeekendsCount
                }
            });
            Object.defineProperty(exports, "isAppointmentTakesAllDay", {
                enumerable: true,
                get: function() {
                    return _base.isAppointmentTakesAllDay
                }
            });
            Object.defineProperty(exports, "isDataOnWeekend", {
                enumerable: true,
                get: function() {
                    return _base.isDataOnWeekend
                }
            });
            Object.defineProperty(exports, "isDateAndTimeView", {
                enumerable: true,
                get: function() {
                    return _base.isDateAndTimeView
                }
            });
            Object.defineProperty(exports, "isDateInRange", {
                enumerable: true,
                get: function() {
                    return _base.isDateInRange
                }
            });
            Object.defineProperty(exports, "isFirstCellInMonthWithIntervalCount", {
                enumerable: true,
                get: function() {
                    return _base.isFirstCellInMonthWithIntervalCount
                }
            });
            Object.defineProperty(exports, "isGroupingByDate", {
                enumerable: true,
                get: function() {
                    return _base.isGroupingByDate
                }
            });
            Object.defineProperty(exports, "isHorizontalGroupingApplied", {
                enumerable: true,
                get: function() {
                    return _base.isHorizontalGroupingApplied
                }
            });
            Object.defineProperty(exports, "isHorizontalView", {
                enumerable: true,
                get: function() {
                    return _base.isHorizontalView
                }
            });
            Object.defineProperty(exports, "isTimelineView", {
                enumerable: true,
                get: function() {
                    return _base.isTimelineView
                }
            });
            Object.defineProperty(exports, "isVerticalGroupingApplied", {
                enumerable: true,
                get: function() {
                    return _base.isVerticalGroupingApplied
                }
            });
            exports.renderUtils = exports.monthUtils = void 0;
            Object.defineProperty(exports, "setOptionHour", {
                enumerable: true,
                get: function() {
                    return _base.setOptionHour
                }
            });
            Object.defineProperty(exports, "splitNumber", {
                enumerable: true,
                get: function() {
                    return _base.splitNumber
                }
            });
            exports.workWeekUtils = exports.weekUtils = exports.timelineWeekUtils = exports.timelineMonthUtils = exports.themeUtils = void 0;
            var _themes = __webpack_require__( /*! ../../../scheduler/r1/utils/themes */ 3108);
            var _agenda = __webpack_require__( /*! ./agenda */ 64722);
            var _day = __webpack_require__( /*! ./day */ 69082);
            var _month = __webpack_require__( /*! ./month */ 82722);
            var _render = __webpack_require__( /*! ./render */ 33930);
            var _timeline_month = __webpack_require__( /*! ./timeline_month */ 98616);
            var _timeline_week = __webpack_require__( /*! ./timeline_week */ 13516);
            var _week = __webpack_require__( /*! ./week */ 3962);
            var _work_week = __webpack_require__( /*! ./work_week */ 19442);
            var _base = __webpack_require__( /*! ./base */ 44611);
            var _exclude_from_recurrence = __webpack_require__( /*! ./exclude_from_recurrence */ 98090);
            var _format_weekday = __webpack_require__( /*! ./format_weekday */ 28524);
            exports.agendaUtils = {
                calculateStartViewDate: _agenda.calculateStartViewDate,
                calculateRows: _agenda.calculateRows
            };
            exports.dayUtils = {
                calculateStartViewDate: _day.calculateStartViewDate
            };
            exports.weekUtils = {
                getIntervalDuration: _week.getIntervalDuration,
                getTimePanelCellText: _week.getTimePanelCellText,
                calculateStartViewDate: _week.calculateStartViewDate,
                calculateViewStartDate: _week.calculateViewStartDate
            };
            exports.workWeekUtils = {
                calculateStartViewDate: _work_week.calculateStartViewDate
            };
            exports.monthUtils = {
                getViewStartByOptions: _month.getViewStartByOptions,
                getCellText: _month.getCellText,
                calculateCellIndex: _month.calculateCellIndex,
                calculateStartViewDate: _month.calculateStartViewDate
            };
            exports.timelineWeekUtils = {
                getDateForHeaderText: _timeline_week.getDateForHeaderText
            };
            exports.timelineMonthUtils = {
                calculateStartViewDate: _timeline_month.calculateStartViewDate
            };
            exports.renderUtils = {
                addToStyles: _render.addToStyles,
                addWidthToStyle: _render.addWidthToStyle,
                addHeightToStyle: _render.addHeightToStyle,
                getGroupCellClasses: _render.getGroupCellClasses,
                getCellSizeHorizontalClass: _render.getCellSizeHorizontalClass,
                getCellSizeVerticalClass: _render.getCellSizeVerticalClass
            };
            exports.themeUtils = {
                getThemeType: _themes.getThemeType
            }
        },
        82722(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getViewStartByOptions = exports.getCellText = exports.calculateStartViewDate = exports.calculateCellIndex = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/date */ 38662));
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/date */ 41380));
            var _base = __webpack_require__( /*! ./base */ 44611);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.calculateCellIndex = (rowIndex, columnIndex, _, columnCount) => rowIndex * columnCount + columnIndex;
            const getViewStartByOptions = (startDate, currentDate, intervalCount, startViewDate) => {
                if (!startDate) {
                    return new Date(currentDate)
                }
                let currentStartDate = new Date(startViewDate);
                const validStartViewDate = new Date(startViewDate);
                const diff = currentStartDate.getTime() <= currentDate.getTime() ? 1 : -1;
                let endDate = new Date(new Date(validStartViewDate.setMonth(validStartViewDate.getMonth() + diff * intervalCount)));
                while (!(0, _base.isDateInRange)(currentDate, currentStartDate, endDate, diff)) {
                    currentStartDate = new Date(endDate);
                    if (diff > 0) {
                        currentStartDate.setDate(1)
                    }
                    endDate = new Date(new Date(endDate.setMonth(endDate.getMonth() + diff * intervalCount)))
                }
                return diff > 0 ? currentStartDate : endDate
            };
            exports.getViewStartByOptions = getViewStartByOptions;
            exports.getCellText = (date, intervalCount) => {
                if ((0, _base.isFirstCellInMonthWithIntervalCount)(date, intervalCount)) {
                    const monthName = _date.default.getMonthNames("abbreviated")[date.getMonth()];
                    return [monthName, _date.default.format(date, "day")].join(" ")
                }
                return _date.default.format(date, "dd")
            };
            exports.calculateStartViewDate = (currentDate, startDayHour, startDate, intervalCount, firstDayOfWeekOption) => {
                const viewStart = getViewStartByOptions(startDate, currentDate, intervalCount, _date2.default.getFirstMonthDate(startDate));
                const firstMonthDate = _date2.default.getFirstMonthDate(viewStart);
                const firstDayOfWeek = (0, _base.getCalculatedFirstDayOfWeek)(firstDayOfWeekOption);
                const firstViewDate = _date2.default.getFirstWeekDate(firstMonthDate, firstDayOfWeek);
                return (0, _base.setOptionHour)(firstViewDate, startDayHour)
            }
        },
        33930(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getGroupCellClasses = exports.getCellSizeVerticalClass = exports.getCellSizeHorizontalClass = exports.addWidthToStyle = exports.addToStyles = exports.addHeightToStyle = void 0;
            var _render_utils = __webpack_require__( /*! ../../../core/r1/utils/render_utils */ 71312);
            const addToStyles = (options, style) => {
                const nextStyle = style ?? {};
                const result = Object.assign({}, nextStyle);
                options.forEach(_ref => {
                    let {
                        attr: attr,
                        value: value
                    } = _ref;
                    result[attr] = value || nextStyle[attr]
                });
                return result
            };
            exports.addToStyles = addToStyles;
            exports.addWidthToStyle = (value, style) => {
                const width = value ? `${value}px` : "";
                return addToStyles([{
                    attr: "width",
                    value: width
                }], style)
            };
            exports.addHeightToStyle = (value, style) => {
                const height = value ? `${value}px` : "";
                return addToStyles([{
                    attr: "height",
                    value: height
                }], style)
            };
            exports.getGroupCellClasses = function() {
                let isFirstGroupCell = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : false;
                let isLastGroupCell = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                let className = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : "";
                return (0, _render_utils.combineClasses)({
                    "dx-scheduler-first-group-cell": isFirstGroupCell,
                    "dx-scheduler-last-group-cell": isLastGroupCell,
                    [className]: true
                })
            };
            exports.getCellSizeHorizontalClass = (viewType, crossScrollingEnabled) => {
                switch (viewType) {
                    case "day":
                    case "week":
                    case "workWeek":
                    case "month":
                        return crossScrollingEnabled ? "dx-scheduler-cell-sizes-horizontal" : "";
                    default:
                        return "dx-scheduler-cell-sizes-horizontal"
                }
            };
            exports.getCellSizeVerticalClass = isAllDayCell => !isAllDayCell ? "dx-scheduler-cell-sizes-vertical" : ""
        },
        3108(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getThemeType = void 0;
            var _themes = __webpack_require__( /*! ../../../../ui/themes */ 52071);
            exports.getThemeType = () => {
                const theme = (0, _themes.current)();
                return {
                    isCompact: (0, _themes.isCompact)(theme),
                    isMaterial: (0, _themes.isMaterial)(theme),
                    isFluent: (0, _themes.isFluent)(theme),
                    isMaterialBased: (0, _themes.isMaterialBased)(theme)
                }
            }
        },
        98616(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.calculateStartViewDate = void 0;
            var _date = (e = __webpack_require__( /*! ../../../../core/utils/date */ 41380), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _base = __webpack_require__( /*! ./base */ 44611);
            var _month = __webpack_require__( /*! ./month */ 82722);
            exports.calculateStartViewDate = (currentDate, startDayHour, startDate, intervalCount) => {
                const firstViewDate = _date.default.getFirstMonthDate((0, _month.getViewStartByOptions)(startDate, currentDate, intervalCount, _date.default.getFirstMonthDate(startDate)));
                return (0, _base.setOptionHour)(firstViewDate, startDayHour)
            }
        },
        13516(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getDateForHeaderText = void 0;
            var _base = __webpack_require__( /*! ./base */ 44611);
            exports.getDateForHeaderText = (index, date, _ref) => {
                let {
                    startDayHour: startDayHour,
                    startViewDate: startViewDate,
                    cellCountInDay: cellCountInDay,
                    interval: interval,
                    viewOffset: viewOffset
                } = _ref;
                return (0, _base.getValidCellDateForLocalTimeFormat)(date, {
                    startViewDate: startViewDate,
                    startDayHour: startDayHour,
                    cellIndexShift: index % cellCountInDay * interval,
                    viewOffset: viewOffset
                })
            }
        },
        3962(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getValidStartDate = exports.getTimePanelCellText = exports.getIntervalDuration = exports.calculateViewStartDate = exports.calculateStartViewDate = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/date */ 38662));
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/date */ 41380));
            var _base = __webpack_require__( /*! ./base */ 44611);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.getTimePanelCellText = (rowIndex, date, startViewDate, cellDuration, startDayHour, viewOffset) => {
                if (rowIndex % 2 !== 0) {
                    return ""
                }
                const validTimeDate = (0, _base.getValidCellDateForLocalTimeFormat)(date, {
                    startViewDate: startViewDate,
                    startDayHour: startDayHour,
                    cellIndexShift: Math.round(cellDuration) * rowIndex,
                    viewOffset: viewOffset
                });
                return _date.default.format(validTimeDate, "shorttime")
            };
            exports.getIntervalDuration = intervalCount => 7 * _date2.default.dateToMilliseconds("day") * intervalCount;
            const getValidStartDate = (startDate, firstDayOfWeek) => startDate ? _date2.default.getFirstWeekDate(startDate, firstDayOfWeek) : void 0;
            exports.getValidStartDate = getValidStartDate;
            exports.calculateStartViewDate = (currentDate, startDayHour, startDate, intervalDuration, firstDayOfWeekOption) => {
                const firstDayOfWeek = (0, _base.getCalculatedFirstDayOfWeek)(firstDayOfWeekOption);
                const viewStart = (0, _base.getViewStartByOptions)(startDate, currentDate, intervalDuration, getValidStartDate(startDate, firstDayOfWeek));
                const firstViewDate = _date2.default.getFirstWeekDate(viewStart, firstDayOfWeek);
                return (0, _base.setOptionHour)(firstViewDate, startDayHour)
            };
            exports.calculateViewStartDate = (startDateOption, firstDayOfWeek) => {
                const validFirstDayOfWeek = firstDayOfWeek ?? _date.default.firstDayOfWeekIndex();
                return _date2.default.getFirstWeekDate(startDateOption, validFirstDayOfWeek)
            }
        },
        19442(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.calculateStartViewDate = void 0;
            var _date = (e = __webpack_require__( /*! ../../../../core/utils/date */ 41380), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _base = __webpack_require__( /*! ./base */ 44611);
            var _week = __webpack_require__( /*! ./week */ 3962);
            exports.calculateStartViewDate = (currentDate, startDayHour, startDate, intervalDuration, firstDayOfWeek) => {
                const viewStart = (0, _base.getViewStartByOptions)(startDate, currentDate, intervalDuration, (0, _week.getValidStartDate)(startDate, firstDayOfWeek));
                const firstViewDate = _date.default.getFirstWeekDate(viewStart, firstDayOfWeek);
                if ((0, _base.isDataOnWeekend)(firstViewDate)) {
                    const currentDay = firstViewDate.getDay();
                    const distance = (8 - currentDay) % 7;
                    firstViewDate.setDate(firstViewDate.getDate() + distance)
                }
                return (0, _base.setOptionHour)(firstViewDate, startDayHour)
            }
        },
        57872(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.parseRecurrenceRule = exports.getRecurrenceString = exports.getDateByAsciiString = exports.getAsciiStringByDate = void 0;
            const getAsciiStringByDate = date => `${date.getUTCFullYear()+`0${date.getUTCMonth()+1}`.slice(-2)+`0${date.getUTCDate()}`.slice(-2)}T${`0${date.getUTCHours()}`.slice(-2)}${`0${date.getUTCMinutes()}`.slice(-2)}${`0${date.getUTCSeconds()}`.slice(-2)}Z`;
            exports.getAsciiStringByDate = getAsciiStringByDate;
            exports.getRecurrenceString = rule => {
                if (!(null !== rule && void 0 !== rule && rule.freq)) {
                    return
                }
                const result = Object.entries(rule).reduce((acc, _ref) => {
                    let [field, value] = _ref;
                    if ("freq" === field || "interval" === field && value < 2) {
                        return acc
                    }
                    if ("until" === field) {
                        return `${acc}${field}=${getAsciiStringByDate(value)};`
                    }
                    return `${acc}${field}=${value};`
                }, `freq=${rule.freq};`);
                return result.substring(0, result.length - 1).toUpperCase()
            };
            const getDateByAsciiString = exceptionText => {
                if ("string" !== typeof exceptionText) {
                    return exceptionText
                }
                const result = (value = exceptionText, /(\d{4})(\d{2})(\d{2})(T(\d{2})(\d{2})(\d{2}))?(Z)?/.exec(value));
                var value;
                if (!result) {
                    return null
                }
                const [year, month, date, hours, minutes, seconds, isUtc] = (parseResult => {
                    const isUtc = void 0 !== parseResult[8];
                    parseResult.shift();
                    if (void 0 === parseResult[3]) {
                        parseResult.splice(3)
                    } else {
                        parseResult.splice(3, 1);
                        parseResult.splice(6)
                    }
                    parseResult.unshift("");
                    return [parseInt(parseResult[1], 10), parseInt(parseResult[2], 10) - 1, parseInt(parseResult[3], 10), parseInt(parseResult[4], 10) || 0, parseInt(parseResult[5], 10) || 0, parseInt(parseResult[6], 10) || 0, isUtc]
                })(result);
                if (isUtc) {
                    return new Date(Date.UTC(year, month, date, hours, minutes, seconds))
                }
                return new Date(year, month, date, hours, minutes, seconds)
            };
            exports.getDateByAsciiString = getDateByAsciiString;
            exports.parseRecurrenceRule = recurrenceRule => {
                const emptyRule = {
                    interval: 1
                };
                if (!recurrenceRule) {
                    return emptyRule
                }
                const ruleParts = recurrenceRule.split(";");
                const ruleObject = ruleParts.reduce((result, part) => {
                    const rule = part.split("=");
                    const ruleName = rule[0].toLowerCase();
                    const ruleValue = rule[1];
                    switch (ruleName) {
                        case "count":
                        case "interval": {
                            const value = parseInt(ruleValue, 10);
                            if (!isNaN(value)) {
                                result[ruleName] = value
                            }
                            break
                        }
                        default:
                            result[ruleName] = ruleValue
                    }
                    return result
                }, emptyRule);
                if (ruleObject.freq && ruleObject.until) {
                    ruleObject.until = getDateByAsciiString(ruleObject.until)
                }
                return ruleObject
            }
        },
        2165(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.daysFromByDayRule = void 0;
            const isString = str => Boolean(str);
            exports.daysFromByDayRule = rule => {
                let result = [];
                if (rule.byday) {
                    if (Array.isArray(rule.byday)) {
                        result = rule.byday
                    } else {
                        result = rule.byday.split(",")
                    }
                }
                return result.map(item => {
                    const match = /[A-Za-z]+/.exec(item);
                    return match && String(match[0])
                }).filter(isString)
            }
        },
        25152(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.validateRRuleObject = exports.validateRRule = void 0;
            var _errors = (e = __webpack_require__( /*! ../../../core/errors */ 87129), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _m_iterator = __webpack_require__( /*! ../../core/utils/m_iterator */ 26044);
            var _base = __webpack_require__( /*! ./base */ 57872);
            var _days_from_by_day_rule = __webpack_require__( /*! ./days_from_by_day_rule */ 2165);
            const loggedWarnings = [];
            const ruleNames = ["freq", "interval", "byday", "byweekno", "byyearday", "bymonth", "bymonthday", "count", "until", "byhour", "byminute", "bysecond", "bysetpos", "wkst"];
            const freqNames = ["DAILY", "WEEKLY", "MONTHLY", "YEARLY", "SECONDLY", "MINUTELY", "HOURLY"];
            const days = {
                SU: 0,
                MO: 1,
                TU: 2,
                WE: 3,
                TH: 4,
                FR: 5,
                SA: 6
            };
            const validateRRuleObject = (rule, recurrence) => {
                if ((rule => {
                        let brokenRuleExists = false;
                        (0, _m_iterator.each)(rule, ruleName => {
                            if (!ruleNames.includes(ruleName)) {
                                brokenRuleExists = true;
                                return false
                            }
                            return
                        });
                        return brokenRuleExists
                    })(rule) || !rule.freq || !freqNames.includes(rule.freq) || (rule => {
                        const {
                            count: count
                        } = rule;
                        return Boolean(count && "string" === typeof count)
                    })(rule) || (rule => {
                        const {
                            interval: interval
                        } = rule;
                        return Boolean(interval && "string" === typeof interval)
                    })(rule) || (rule => {
                        const byDay = rule.byday;
                        const daysByRule = (0, _days_from_by_day_rule.daysFromByDayRule)(rule);
                        let brokenDaysExist = false;
                        if ("" === byDay) {
                            brokenDaysExist = true
                        }(0, _m_iterator.each)(daysByRule, (_, day) => {
                            if (!Object.prototype.hasOwnProperty.call(days, day)) {
                                brokenDaysExist = true;
                                return false
                            }
                            return
                        });
                        return brokenDaysExist
                    })(rule) || (rule => {
                        const byMonthDay = rule.bymonthday;
                        return Boolean(byMonthDay && isNaN(parseInt(byMonthDay, 10)))
                    })(rule) || (rule => {
                        const byMonth = rule.bymonth;
                        return Boolean(byMonth && isNaN(parseInt(byMonth, 10)))
                    })(rule) || (rule => {
                        const {
                            until: until
                        } = rule;
                        return void 0 !== until && !(until instanceof Date)
                    })(rule)) {
                    (recurrence => {
                        if (!loggedWarnings.includes(recurrence)) {
                            _errors.default.log("W0006", recurrence);
                            loggedWarnings.push(recurrence)
                        }
                    })(recurrence);
                    return false
                }
                return true
            };
            exports.validateRRuleObject = validateRRuleObject;
            exports.validateRRule = ruleString => {
                if (!ruleString) {
                    return false
                }
                const rule = (0, _base.parseRecurrenceRule)(ruleString);
                const isValid = validateRRuleObject(rule, ruleString);
                return isValid
            }
        },
        13367(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SchedulerOptionsBaseWidget = void 0;
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../ui/widget/ui.widget */ 11118));
            var _m_extend = __webpack_require__( /*! ../core/utils/m_extend */ 96298);
            var _m_utils_time_zone = _interopRequireDefault(__webpack_require__( /*! ./m_utils_time_zone */ 18648));
            var _constants = __webpack_require__( /*! ./utils/options/constants */ 46912);
            var _utils = __webpack_require__( /*! ./utils/options/utils */ 41940);
            var _index = __webpack_require__( /*! ./utils/options_validator/index */ 49240);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class SchedulerOptionsBaseWidget extends _ui.default {
                constructor() {
                    super(...arguments);
                    this.views = []
                }
                _init() {
                    super._init();
                    this.optionsValidator = new _index.SchedulerOptionsValidator;
                    this.optionsValidatorErrorHandler = new _index.SchedulerOptionsValidatorErrorsHandler
                }
                _getDefaultOptions() {
                    const options = super._getDefaultOptions();
                    return (0, _m_extend.extend)(true, options, Object.assign({}, _constants.DEFAULT_SCHEDULER_OPTIONS, _constants.DEFAULT_SCHEDULER_INTERNAL_OPTIONS, _constants.DEFAULT_SCHEDULER_INTEGRATION_OPTIONS))
                }
                _defaultOptionsRules() {
                    const rules = super._defaultOptionsRules();
                    return rules.concat(_constants.DEFAULT_SCHEDULER_OPTIONS_RULES)
                }
                updateViews() {
                    const views = this.option("views") ?? [];
                    this.views = (0, _utils.getViews)(views);
                    this.currentView = (0, _utils.getCurrentView)(this.option("currentView") ?? "", views)
                }
                _initMarkup() {
                    super._initMarkup();
                    this.updateViews();
                    this.validateOptions()
                }
                schedulerOptionChanged(args) {
                    switch (args.name) {
                        case "currentView":
                        case "views":
                            this.updateViews()
                    }
                    this.validateOptions()
                }
                validateOptions() {
                    const currentViewOptions = Object.assign({}, this.option(), {
                        startDayHour: this.getViewOption("startDayHour"),
                        endDayHour: this.getViewOption("endDayHour"),
                        offset: this.getViewOption("offset"),
                        cellDuration: this.getViewOption("cellDuration")
                    });
                    const validationResult = this.optionsValidator.validate(currentViewOptions);
                    this.optionsValidatorErrorHandler.handleValidationResult(validationResult)
                }
                getTimeZone() {
                    return (this.option("timeZone") || _m_utils_time_zone.default.getMachineTimezoneName()) ?? "Etc/UTC"
                }
                getViewOption(optionName) {
                    var _this$currentView;
                    const viewOptionValue = null === (_this$currentView = this.currentView) || void 0 === _this$currentView ? void 0 : _this$currentView[optionName];
                    const optionValue = viewOptionValue ?? this.option(optionName);
                    return (0, _utils.getViewOption)(optionName, optionValue)
                }
                hasAgendaView() {
                    return this.views.some(view => "agenda" === view.type || "agenda" === view.name)
                }
            }
            exports.SchedulerOptionsBaseWidget = SchedulerOptionsBaseWidget
        },
        51930(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = class {
                constructor(workSpace) {
                    this.workSpace = workSpace;
                    this.$container = this.workSpace._dateTableScrollable.$content()
                }
                render() {
                    this.initShaderElements();
                    this.renderShader();
                    this.shader.forEach(shader => {
                        this.$container.append(shader)
                    })
                }
                initShaderElements() {
                    this.$shader = this.createShader();
                    this.shader = [];
                    this.shader.push(this.$shader)
                }
                renderShader() {}
                createShader() {
                    return (0, _renderer.default)("<div>").addClass("dx-scheduler-date-time-shader")
                }
                clean() {
                    if (this.$container) {
                        this.$container.find(".dx-scheduler-date-time-shader").remove()
                    }
                }
            }
        },
        35577(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _position = __webpack_require__( /*! ../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _current_time_shader = (e = __webpack_require__( /*! ./current_time_shader */ 51930), e && e.__esModule ? e : {
                default: e
            });
            var e;
            class HorizontalCurrentTimeShader extends _current_time_shader.default {
                renderShader() {
                    const groupCount = this.workSpace._isHorizontalGroupedWorkSpace() ? this.workSpace._getGroupCount() : 1;
                    for (let i = 0; i < groupCount; i += 1) {
                        const isFirstShader = 0 === i;
                        const $shader = isFirstShader ? this.$shader : this.createShader();
                        if (this.workSpace.isGroupedByDate()) {
                            this.customizeGroupedByDateShader($shader, i)
                        } else {
                            this.customizeShader($shader, i)
                        }
                        if (!isFirstShader) {
                            this.shader.push($shader)
                        }
                    }
                }
                customizeShader($shader, groupIndex) {
                    const shaderWidth = this.workSpace.getIndicationWidth();
                    this.applyShaderWidth($shader, shaderWidth);
                    if (groupIndex >= 1) {
                        const {
                            workSpace: workSpace
                        } = this;
                        const indicationWidth = workSpace._getCellCount() * workSpace.getCellWidth();
                        $shader.css("left", indicationWidth)
                    } else {
                        $shader.css("left", 0)
                    }
                }
                applyShaderWidth($shader, width) {
                    const maxWidth = (0, _position.getBoundingRect)(this.$container.get(0)).width;
                    if (width > 0) {
                        (0, _size.setWidth)($shader, Math.min(width, maxWidth))
                    }
                }
                customizeGroupedByDateShader($shader, groupIndex) {
                    const cellCount = this.workSpace.getIndicationCellCount();
                    const integerPart = Math.floor(cellCount);
                    const fractionPart = cellCount - integerPart;
                    const isFirstShaderPart = 0 === groupIndex;
                    const {
                        workSpace: workSpace
                    } = this;
                    const shaderWidth = isFirstShaderPart ? workSpace.getIndicationWidth() : fractionPart * workSpace.getCellWidth();
                    let shaderLeft = 0;
                    this.applyShaderWidth($shader, shaderWidth);
                    if (isFirstShaderPart) {
                        shaderLeft = workSpace._getCellCount() * workSpace.getCellWidth() * groupIndex
                    } else {
                        shaderLeft = workSpace.getCellWidth() * integerPart * workSpace._getGroupCount() + groupIndex * workSpace.getCellWidth()
                    }
                    $shader.css("left", shaderLeft)
                }
            }
            exports.default = HorizontalCurrentTimeShader
        },
        25167(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _current_time_shader = _interopRequireDefault(__webpack_require__( /*! ./current_time_shader */ 51930));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class VerticalCurrentTimeShader extends _current_time_shader.default {
                renderShader() {
                    let shaderHeight = this.getShaderHeight();
                    const maxHeight = this.getShaderMaxHeight();
                    const isSolidShader = shaderHeight > maxHeight;
                    if (shaderHeight > maxHeight) {
                        shaderHeight = maxHeight
                    }(0, _size.setHeight)(this.$shader, shaderHeight);
                    const groupCount = this.workSpace._getGroupCount() || 1;
                    if (this.workSpace.isGroupedByDate()) {
                        this.renderGroupedByDateShaderParts(groupCount, shaderHeight, maxHeight, isSolidShader)
                    } else {
                        this.renderShaderParts(groupCount, shaderHeight, maxHeight, isSolidShader)
                    }
                }
                renderShaderParts(groupCount, shaderHeight, maxHeight, isSolidShader) {
                    for (let i = 0; i < groupCount; i += 1) {
                        const shaderWidth = this.getShaderWidth();
                        this.renderTopShader(this.$shader, shaderHeight, shaderWidth, i);
                        if (!isSolidShader) {
                            this.renderBottomShader(this.$shader, maxHeight, shaderHeight, shaderWidth, i)
                        }
                        this.renderAllDayShader(shaderWidth, i)
                    }
                }
                renderGroupedByDateShaderParts(groupCount, shaderHeight, maxHeight, isSolidShader) {
                    const shaderWidth = this.getShaderWidth();
                    const bottomShaderWidth = shaderHeight < 0 ? shaderWidth : shaderWidth - this.workSpace.getCellWidth();
                    const normalizedShaderHeight = Math.max(shaderHeight, 0);
                    this.renderTopShader(this.$shader, normalizedShaderHeight, shaderWidth * groupCount, 0);
                    if (!isSolidShader) {
                        this.renderBottomShader(this.$shader, maxHeight, normalizedShaderHeight, bottomShaderWidth * groupCount + this.workSpace.getCellWidth(), 0)
                    }
                    this.renderAllDayShader(shaderWidth * groupCount, 0)
                }
                renderTopShader($shader, height, width, i) {
                    this.$topShader = (0, _renderer.default)("<div>").addClass("dx-scheduler-date-time-shader-top");
                    if (width) {
                        (0, _size.setWidth)(this.$topShader, width)
                    }
                    if (height) {
                        (0, _size.setHeight)(this.$topShader, height)
                    }
                    this.$topShader.css("marginTop", this.getShaderTopOffset(i));
                    this.$topShader.css("left", this.getShaderOffset(i, width));
                    $shader.append(this.$topShader)
                }
                renderBottomShader($shader, maxHeight, height, width, i) {
                    this.$bottomShader = (0, _renderer.default)("<div>").addClass("dx-scheduler-date-time-shader-bottom");
                    const shaderWidth = height < 0 ? width : width - this.workSpace.getCellWidth();
                    const shaderHeight = height < 0 ? maxHeight : maxHeight - height;
                    (0, _size.setWidth)(this.$bottomShader, shaderWidth);
                    (0, _size.setHeight)(this.$bottomShader, shaderHeight);
                    this.$bottomShader.css("left", this.getShaderOffset(i, width - this.workSpace.getCellWidth()));
                    $shader.append(this.$bottomShader)
                }
                renderAllDayShader(shaderWidth, i) {
                    if (this.workSpace.option("showAllDayPanel")) {
                        this.$allDayIndicator = (0, _renderer.default)("<div>").addClass("dx-scheduler-date-time-shader-all-day");
                        (0, _size.setHeight)(this.$allDayIndicator, this.workSpace.getAllDayHeight());
                        (0, _size.setWidth)(this.$allDayIndicator, shaderWidth);
                        this.$allDayIndicator.css("left", this.getShaderOffset(i, shaderWidth));
                        this.workSpace._$allDayPanel.prepend(this.$allDayIndicator)
                    }
                }
                getShaderOffset(i, width) {
                    return this.workSpace.getGroupedStrategy().getShaderOffset(i, width)
                }
                getShaderTopOffset(i) {
                    return this.workSpace.getGroupedStrategy().getShaderTopOffset(i)
                }
                getShaderHeight() {
                    return this.workSpace.getGroupedStrategy().getShaderHeight()
                }
                getShaderMaxHeight() {
                    return this.workSpace.getGroupedStrategy().getShaderMaxHeight()
                }
                getShaderWidth() {
                    return this.workSpace.getGroupedStrategy().getShaderWidth()
                }
                clean() {
                    var _this$workSpace;
                    super.clean();
                    if (null !== (_this$workSpace = this.workSpace) && void 0 !== _this$workSpace && _this$workSpace._$allDayPanel) {
                        this.workSpace._$allDayPanel.find(".dx-scheduler-date-time-shader-all-day").remove()
                    }
                }
            }
            exports.default = VerticalCurrentTimeShader
        },
        95053(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.default = {
                value: ["Etc/GMT+12", "Etc/GMT+11", "Pacific/Midway", "Pacific/Niue", "Pacific/Pago_Pago", "Pacific/Samoa", "US/Samoa", "Etc/GMT+10", "HST", "Pacific/Honolulu", "Pacific/Johnston", "Pacific/Rarotonga", "Pacific/Tahiti", "US/Hawaii", "Pacific/Marquesas", "America/Adak", "America/Atka", "Etc/GMT+9", "Pacific/Gambier", "US/Aleutian", "America/Anchorage", "America/Juneau", "America/Metlakatla", "America/Nome", "America/Sitka", "America/Yakutat", "Etc/GMT+8", "Pacific/Pitcairn", "US/Alaska", "America/Creston", "America/Dawson_Creek", "America/Dawson", "America/Ensenada", "America/Fort_Nelson", "America/Hermosillo", "America/Los_Angeles", "America/Phoenix", "America/Santa_Isabel", "America/Tijuana", "America/Vancouver", "America/Whitehorse", "Canada/Pacific", "Canada/Yukon", "Etc/GMT+7", "Mexico/BajaNorte", "MST", "PST8PDT", "US/Arizona", "US/Pacific", "America/Belize", "America/Boise", "America/Cambridge_Bay", "America/Chihuahua", "America/Costa_Rica", "America/Denver", "America/Edmonton", "America/El_Salvador", "America/Guatemala", "America/Inuvik", "America/Managua", "America/Mazatlan", "America/Monterrey", "America/Ojinaga", "America/Regina", "America/Shiprock", "America/Swift_Current", "America/Tegucigalpa", "America/Yellowknife", "Canada/Mountain", "Canada/Saskatchewan", "Chile/EasterIsland", "Etc/GMT+6", "Mexico/BajaSur", "MST7MDT", "Navajo", "Pacific/Easter", "Pacific/Galapagos", "US/Mountain", "America/Atikokan", "America/Bahia_Banderas", "America/Bogota", "America/Cancun", "America/Cayman", "America/Chicago", "America/Coral_Harbour", "America/Eirunepe", "America/Guayaquil", "America/Indiana/Knox", "America/Indiana/Tell_City", "America/Jamaica", "America/Knox_IN", "America/Lima", "America/Matamoros", "America/Menominee", "America/Merida", "America/Mexico_City", "America/North_Dakota/Beulah", "America/North_Dakota/Center", "America/North_Dakota/New_Salem", "America/Panama", "America/Porto_Acre", "America/Rainy_River", "America/Rankin_Inlet", "America/Resolute", "America/Rio_Branco", "America/Winnipeg", "Brazil/Acre", "Canada/Central", "CST6CDT", "EST", "Etc/GMT+5", "Jamaica", "Mexico/General", "US/Central", "US/Indiana-Starke", "America/Anguilla", "America/Antigua", "America/Aruba", "America/Asuncion", "America/Barbados", "America/Blanc-Sablon", "America/Boa_Vista", "America/Campo_Grande", "America/Caracas", "America/Cuiaba", "America/Curacao", "America/Detroit", "America/Dominica", "America/Fort_Wayne", "America/Grand_Turk", "America/Grenada", "America/Guadeloupe", "America/Guyana", "America/Havana", "America/Indiana/Indianapolis", "America/Indiana/Marengo", "America/Indiana/Petersburg", "America/Indiana/Vevay", "America/Indiana/Vincennes", "America/Indiana/Winamac", "America/Indianapolis", "America/Iqaluit", "America/Kentucky/Louisville", "America/Kentucky/Monticello", "America/Kralendijk", "America/La_Paz", "America/Louisville", "America/Lower_Princes", "America/Manaus", "America/Marigot", "America/Martinique", "America/Montreal", "America/Montserrat", "America/Nassau", "America/New_York", "America/Nipigon", "America/Pangnirtung", "America/Port_of_Spain", "America/Port-au-Prince", "America/Porto_Velho", "America/Puerto_Rico", "America/Santiago", "America/Santo_Domingo", "America/St_Barthelemy", "America/St_Kitts", "America/St_Lucia", "America/St_Thomas", "America/St_Vincent", "America/Thunder_Bay", "America/Toronto", "America/Tortola", "America/Virgin", "Brazil/West", "Canada/Eastern", "Chile/Continental", "Cuba", "EST5EDT", "Etc/GMT+4", "US/East-Indiana", "US/Eastern", "US/Michigan", "America/Araguaina", "America/Argentina/Buenos_Aires", "America/Argentina/Catamarca", "America/Argentina/ComodRivadavia", "America/Argentina/Cordoba", "America/Argentina/Jujuy", "America/Argentina/La_Rioja", "America/Argentina/Mendoza", "America/Argentina/Rio_Gallegos", "America/Argentina/Salta", "America/Argentina/San_Juan", "America/Argentina/San_Luis", "America/Argentina/Tucuman", "America/Argentina/Ushuaia", "America/Bahia", "America/Belem", "America/Buenos_Aires", "America/Catamarca", "America/Cayenne", "America/Cordoba", "America/Fortaleza", "America/Glace_Bay", "America/Goose_Bay", "America/Halifax", "America/Jujuy", "America/Maceio", "America/Mendoza", "America/Moncton", "America/Montevideo", "America/Paramaribo", "America/Punta_Arenas", "America/Recife", "America/Rosario", "America/Santarem", "America/Sao_Paulo", "America/Thule", "Antarctica/Palmer", "Antarctica/Rothera", "Atlantic/Bermuda", "Atlantic/Stanley", "Brazil/East", "Canada/Atlantic", "Etc/GMT+3", "America/St_Johns", "Canada/Newfoundland", "America/Godthab", "America/Miquelon", "America/Noronha", "America/Nuuk", "Atlantic/South_Georgia", "Brazil/DeNoronha", "Etc/GMT+2", "Atlantic/Cape_Verde", "Etc/GMT+1", "Africa/Abidjan", "Africa/Accra", "Africa/Bamako", "Africa/Banjul", "Africa/Bissau", "Africa/Conakry", "Africa/Dakar", "Africa/Freetown", "Africa/Lome", "Africa/Monrovia", "Africa/Nouakchott", "Africa/Ouagadougou", "Africa/Sao_Tome", "Africa/Timbuktu", "America/Danmarkshavn", "America/Scoresbysund", "Atlantic/Azores", "Atlantic/Reykjavik", "Atlantic/St_Helena", "Etc/GMT-0", "Etc/GMT", "Etc/GMT+0", "Etc/GMT0", "Etc/Greenwich", "Etc/UCT", "Etc/Universal", "Etc/UTC", "Etc/Zulu", "GMT-0", "GMT", "GMT+0", "GMT0", "Greenwich", "Iceland", "UCT", "Universal", "UTC", "Zulu", "Africa/Algiers", "Africa/Bangui", "Africa/Brazzaville", "Africa/Casablanca", "Africa/Douala", "Africa/El_Aaiun", "Africa/Kinshasa", "Africa/Lagos", "Africa/Libreville", "Africa/Luanda", "Africa/Malabo", "Africa/Ndjamena", "Africa/Niamey", "Africa/Porto-Novo", "Africa/Tunis", "Atlantic/Canary", "Atlantic/Faeroe", "Atlantic/Faroe", "Atlantic/Madeira", "Eire", "Etc/GMT-1", "Europe/Belfast", "Europe/Dublin", "Europe/Guernsey", "Europe/Isle_of_Man", "Europe/Jersey", "Europe/Lisbon", "Europe/London", "GB-Eire", "GB", "Portugal", "WET", "Africa/Blantyre", "Africa/Bujumbura", "Africa/Cairo", "Africa/Ceuta", "Africa/Gaborone", "Africa/Harare", "Africa/Johannesburg", "Africa/Khartoum", "Africa/Kigali", "Africa/Lubumbashi", "Africa/Lusaka", "Africa/Maputo", "Africa/Maseru", "Africa/Mbabane", "Africa/Tripoli", "Africa/Windhoek", "Antarctica/Troll", "Arctic/Longyearbyen", "Atlantic/Jan_Mayen", "CET", "Egypt", "Etc/GMT-2", "Europe/Amsterdam", "Europe/Andorra", "Europe/Belgrade", "Europe/Berlin", "Europe/Bratislava", "Europe/Brussels", "Europe/Budapest", "Europe/Busingen", "Europe/Copenhagen", "Europe/Gibraltar", "Europe/Kaliningrad", "Europe/Ljubljana", "Europe/Luxembourg", "Europe/Madrid", "Europe/Malta", "Europe/Monaco", "Europe/Oslo", "Europe/Paris", "Europe/Podgorica", "Europe/Prague", "Europe/Rome", "Europe/San_Marino", "Europe/Sarajevo", "Europe/Skopje", "Europe/Stockholm", "Europe/Tirane", "Europe/Vaduz", "Europe/Vatican", "Europe/Vienna", "Europe/Warsaw", "Europe/Zagreb", "Europe/Zurich", "Libya", "MET", "Poland", "Africa/Addis_Ababa", "Africa/Asmara", "Africa/Asmera", "Africa/Dar_es_Salaam", "Africa/Djibouti", "Africa/Juba", "Africa/Kampala", "Africa/Mogadishu", "Africa/Nairobi", "Antarctica/Syowa", "Asia/Aden", "Asia/Amman", "Asia/Baghdad", "Asia/Bahrain", "Asia/Beirut", "Asia/Damascus", "Asia/Famagusta", "Asia/Gaza", "Asia/Hebron", "Asia/Istanbul", "Asia/Jerusalem", "Asia/Kuwait", "Asia/Nicosia", "Asia/Qatar", "Asia/Riyadh", "Asia/Tel_Aviv", "EET", "Etc/GMT-3", "Europe/Athens", "Europe/Bucharest", "Europe/Chisinau", "Europe/Helsinki", "Europe/Istanbul", "Europe/Kiev", "Europe/Kirov", "Europe/Mariehamn", "Europe/Minsk", "Europe/Moscow", "Europe/Nicosia", "Europe/Riga", "Europe/Simferopol", "Europe/Sofia", "Europe/Tallinn", "Europe/Tiraspol", "Europe/Uzhgorod", "Europe/Vilnius", "Europe/Zaporozhye", "Indian/Antananarivo", "Indian/Comoro", "Indian/Mayotte", "Israel", "Turkey", "W-SU", "Asia/Baku", "Asia/Dubai", "Asia/Muscat", "Asia/Tbilisi", "Asia/Yerevan", "Etc/GMT-4", "Europe/Astrakhan", "Europe/Samara", "Europe/Saratov", "Europe/Ulyanovsk", "Europe/Volgograd", "Indian/Mahe", "Indian/Mauritius", "Indian/Reunion", "Asia/Kabul", "Asia/Tehran", "Iran", "Antarctica/Mawson", "Asia/Aqtau", "Asia/Aqtobe", "Asia/Ashgabat", "Asia/Ashkhabad", "Asia/Atyrau", "Asia/Dushanbe", "Asia/Karachi", "Asia/Oral", "Asia/Qyzylorda", "Asia/Samarkand", "Asia/Tashkent", "Asia/Yekaterinburg", "Etc/GMT-5", "Indian/Kerguelen", "Indian/Maldives", "Asia/Calcutta", "Asia/Colombo", "Asia/Kolkata", "Asia/Kathmandu", "Asia/Katmandu", "Antarctica/Vostok", "Asia/Almaty", "Asia/Bishkek", "Asia/Dacca", "Asia/Dhaka", "Asia/Kashgar", "Asia/Omsk", "Asia/Qostanay", "Asia/Thimbu", "Asia/Thimphu", "Asia/Urumqi", "Etc/GMT-6", "Indian/Chagos", "Asia/Rangoon", "Asia/Yangon", "Indian/Cocos", "Antarctica/Davis", "Asia/Bangkok", "Asia/Barnaul", "Asia/Ho_Chi_Minh", "Asia/Hovd", "Asia/Jakarta", "Asia/Krasnoyarsk", "Asia/Novokuznetsk", "Asia/Novosibirsk", "Asia/Phnom_Penh", "Asia/Pontianak", "Asia/Saigon", "Asia/Tomsk", "Asia/Vientiane", "Etc/GMT-7", "Indian/Christmas", "Antarctica/Casey", "Asia/Brunei", "Asia/Choibalsan", "Asia/Chongqing", "Asia/Chungking", "Asia/Harbin", "Asia/Hong_Kong", "Asia/Irkutsk", "Asia/Kuala_Lumpur", "Asia/Kuching", "Asia/Macao", "Asia/Macau", "Asia/Makassar", "Asia/Manila", "Asia/Shanghai", "Asia/Singapore", "Asia/Taipei", "Asia/Ujung_Pandang", "Asia/Ulaanbaatar", "Asia/Ulan_Bator", "Australia/Perth", "Australia/West", "Etc/GMT-8", "Hongkong", "PRC", "ROC", "Singapore", "Australia/Eucla", "Asia/Chita", "Asia/Dili", "Asia/Jayapura", "Asia/Khandyga", "Asia/Pyongyang", "Asia/Seoul", "Asia/Tokyo", "Asia/Yakutsk", "Etc/GMT-9", "Japan", "Pacific/Palau", "ROK", "Australia/Adelaide", "Australia/Broken_Hill", "Australia/Darwin", "Australia/North", "Australia/South", "Australia/Yancowinna", "Antarctica/DumontDUrville", "Asia/Ust-Nera", "Asia/Vladivostok", "Australia/ACT", "Australia/Brisbane", "Australia/Canberra", "Australia/Currie", "Australia/Hobart", "Australia/Lindeman", "Australia/Melbourne", "Australia/NSW", "Australia/Queensland", "Australia/Sydney", "Australia/Tasmania", "Australia/Victoria", "Etc/GMT-10", "Pacific/Chuuk", "Pacific/Guam", "Pacific/Port_Moresby", "Pacific/Saipan", "Pacific/Truk", "Pacific/Yap", "Australia/LHI", "Australia/Lord_Howe", "Antarctica/Macquarie", "Asia/Magadan", "Asia/Sakhalin", "Asia/Srednekolymsk", "Etc/GMT-11", "Pacific/Bougainville", "Pacific/Efate", "Pacific/Guadalcanal", "Pacific/Kosrae", "Pacific/Norfolk", "Pacific/Noumea", "Pacific/Pohnpei", "Pacific/Ponape", "Antarctica/McMurdo", "Antarctica/South_Pole", "Asia/Anadyr", "Asia/Kamchatka", "Etc/GMT-12", "Kwajalein", "NZ", "Pacific/Auckland", "Pacific/Fiji", "Pacific/Funafuti", "Pacific/Kwajalein", "Pacific/Majuro", "Pacific/Nauru", "Pacific/Tarawa", "Pacific/Wake", "Pacific/Wallis", "NZ-CHAT", "Pacific/Chatham", "Etc/GMT-13", "Pacific/Apia", "Pacific/Enderbury", "Pacific/Fakaofo", "Pacific/Tongatapu", "Etc/GMT-14", "Pacific/Kiritimati"]
            }
        },
        93048(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DesktopTooltipStrategy = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _m_support = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_support */ 85991));
            var _m_tooltip = _interopRequireDefault(__webpack_require__( /*! ../../ui/m_tooltip */ 3504));
            var _m_tooltip_strategy_base = __webpack_require__( /*! ./m_tooltip_strategy_base */ 32789);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DesktopTooltipStrategy extends _m_tooltip_strategy_base.TooltipStrategyBase {
                prepareBeforeVisibleChanged(dataList) {
                    this.tooltip.option("position", {
                        my: "bottom",
                        at: "top",
                        boundary: this.getBoundary(dataList),
                        offset: this.extraOptions.offset,
                        collision: "fit flipfit"
                    })
                }
                getBoundary(dataList) {
                    return this._options.isAppointmentInAllDayPanel(dataList[0].appointment) ? this._options.container : this._options.getScrollableContainer()
                }
                onShown() {
                    super.onShown();
                    if (this.extraOptions.isButtonClick) {
                        this.list.focus();
                        this.list.option("focusedElement", null)
                    }
                }
                createListOption(target, dataList) {
                    const result = super.createListOption(target, dataList);
                    result.showScrollbar = _m_support.default.touch ? "always" : "onHover";
                    return result
                }
                createTooltip(target, dataList) {
                    const tooltipElement = this.createTooltipElement("dx-scheduler-appointment-tooltip-wrapper");
                    const tooltip = this._options.createComponent(tooltipElement, _m_tooltip.default, {
                        target: target,
                        maxHeight: 200,
                        rtlEnabled: this.extraOptions.rtlEnabled,
                        onShown: this.onShown.bind(this),
                        contentTemplate: this.getContentTemplate(dataList),
                        wrapperAttr: {
                            class: "dx-scheduler-appointment-tooltip-wrapper"
                        },
                        _loopFocus: this.extraOptions._loopFocus
                    });
                    tooltip.setAria({
                        role: "dialog",
                        label: _message.default.format("dxScheduler-appointmentListAriaLabel")
                    });
                    return tooltip
                }
                onListRender(e) {
                    return this.extraOptions.dragBehavior && this.extraOptions.dragBehavior(e)
                }
                onListItemContextMenu(e) {
                    const contextMenuEventArgs = this._options.createEventArgs(e);
                    this._options.onItemContextMenu(contextMenuEventArgs)
                }
            }
            exports.DesktopTooltipStrategy = DesktopTooltipStrategy
        },
        96588(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.MobileTooltipStrategy = void 0;
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _ui = (e = __webpack_require__( /*! ../../../ui/overlay/ui.overlay */ 89132), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _m_tooltip_strategy_base = __webpack_require__( /*! ./m_tooltip_strategy_base */ 32789);
            const CLASS_slidePanel = "dx-scheduler-overlay-panel",
                CLASS_scrollableContent = ".dx-scrollable-content";
            const MAX_HEIGHT_PHONE = 250,
                MAX_HEIGHT_TABLET = "90%",
                MAX_HEIGHT_DEFAULT = "auto";
            const MAX_WIDTH_PHONE = "100%",
                MAX_WIDTH_TABLET = "80%";
            const animationConfig = {
                show: {
                    type: "slide",
                    duration: 300,
                    from: {
                        position: {
                            my: "top",
                            at: "bottom",
                            of: (0, _window.getWindow)()
                        }
                    },
                    to: {
                        position: {
                            my: "center",
                            at: "center",
                            of: (0, _window.getWindow)()
                        }
                    }
                },
                hide: {
                    type: "slide",
                    duration: 300,
                    to: {
                        position: {
                            my: "top",
                            at: "bottom",
                            of: (0, _window.getWindow)()
                        }
                    },
                    from: {
                        position: {
                            my: "center",
                            at: "center",
                            of: (0, _window.getWindow)()
                        }
                    }
                }
            };
            class MobileTooltipStrategy extends _m_tooltip_strategy_base.TooltipStrategyBase {
                shouldUseTarget() {
                    return false
                }
                setTooltipConfig() {
                    const isTabletWidth = (0, _size.getWidth)((0, _window.getWindow)()) > 700;
                    const listHeight = (0, _size.getOuterHeight)(this.list.$element().find(CLASS_scrollableContent));
                    this.tooltip.option(isTabletWidth ? (listHeight => {
                        const currentMaxHeight = .9 * (0, _size.getHeight)((0, _window.getWindow)());
                        return {
                            shading: true,
                            width: MAX_WIDTH_TABLET,
                            height: listHeight > currentMaxHeight ? MAX_HEIGHT_TABLET : MAX_HEIGHT_DEFAULT,
                            position: {
                                my: "center",
                                at: "center",
                                of: (0, _window.getWindow)()
                            }
                        }
                    })(listHeight) : (listHeight => ({
                        shading: false,
                        width: MAX_WIDTH_PHONE,
                        height: listHeight > MAX_HEIGHT_PHONE ? MAX_HEIGHT_PHONE : MAX_HEIGHT_DEFAULT,
                        position: {
                            my: "bottom",
                            at: "bottom",
                            of: (0, _window.getWindow)()
                        }
                    }))(listHeight))
                }
                async onShowing() {
                    this.tooltip.option("height", MAX_HEIGHT_DEFAULT);
                    this.setTooltipConfig();
                    await Promise.all([...this.asyncTemplatePromises]);
                    this.setTooltipConfig()
                }
                createTooltip(target, dataList) {
                    const element = this.createTooltipElement(CLASS_slidePanel);
                    return this._options.createComponent(element, _ui.default, {
                        target: (0, _window.getWindow)(),
                        hideOnOutsideClick: true,
                        animation: animationConfig,
                        onShowing: () => this.onShowing(),
                        onShown: this.onShown.bind(this),
                        contentTemplate: this.getContentTemplate(dataList),
                        wrapperAttr: {
                            class: CLASS_slidePanel
                        }
                    })
                }
            }
            exports.MobileTooltipStrategy = MobileTooltipStrategy
        },
        32789(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TooltipStrategyBase = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _function_template = __webpack_require__( /*! ../../../core/templates/function_template */ 38699);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../ui/button */ 64973));
            var _promise = __webpack_require__( /*! ../../core/utils/promise */ 51413);
            var _list = _interopRequireDefault(__webpack_require__( /*! ../../ui/list/list.edit */ 71442));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.TooltipStrategyBase = class {
                constructor(options) {
                    this.asyncTemplatePromises = new Set;
                    this.tooltip = null;
                    this._options = options;
                    this.extraOptions = null
                }
                show(target, dataList, extraOptions) {
                    if (this.canShowTooltip(dataList)) {
                        this.hide();
                        this.extraOptions = extraOptions;
                        this.showCore(target, dataList)
                    }
                }
                showCore(target, dataList) {
                    const describedByValue = (0, _type.isRenderer)(target) && target.attr("aria-describedby");
                    if (!this.tooltip) {
                        this.tooltip = this.createTooltip(target, dataList)
                    } else {
                        this.shouldUseTarget() && this.tooltip.option("target", target);
                        this.list.option("dataSource", dataList)
                    }
                    this.prepareBeforeVisibleChanged(dataList);
                    this.tooltip.option("visible", true);
                    describedByValue && target.attr("aria-describedby", describedByValue)
                }
                prepareBeforeVisibleChanged(dataList) {}
                isDeletingAllowed(appointment) {
                    const {
                        editing: editing
                    } = this.extraOptions;
                    const disabled = this._options.getAppointmentDisabled(appointment);
                    const isDeletingAllowed = true === editing || true === (null === editing || void 0 === editing ? void 0 : editing.allowDeleting);
                    return !disabled && isDeletingAllowed
                }
                getContentTemplate(dataList) {
                    return container => {
                        var _this$list$registerKe, _this$list, _this$list$registerKe2, _this$list2;
                        const listElement = (0, _renderer.default)("<div>");
                        (0, _renderer.default)(container).append(listElement);
                        this.list = this.createList(listElement, dataList);
                        null === (_this$list$registerKe = (_this$list = this.list).registerKeyHandler) || void 0 === _this$list$registerKe || _this$list$registerKe.call(_this$list, "escape", () => {
                            this.hide();
                            this.tooltip.option("target").focus()
                        });
                        null === (_this$list$registerKe2 = (_this$list2 = this.list).registerKeyHandler) || void 0 === _this$list$registerKe2 || _this$list$registerKe2.call(_this$list2, "del", () => {
                            const {
                                focusedElement: focusedElement
                            } = this.list.option();
                            if (!focusedElement) {
                                return
                            }
                            const {
                                appointment: appointment,
                                targetedAppointment: targetedAppointment
                            } = this.list._getItemData(focusedElement);
                            if (!appointment) {
                                return
                            }
                            if (this.isDeletingAllowed(appointment)) {
                                this.hide();
                                this._options.checkAndDeleteAppointment(appointment, targetedAppointment)
                            }
                        })
                    }
                }
                isAlreadyShown(target) {
                    if (this.tooltip && this.tooltip.option("visible")) {
                        return this.tooltip.option("target")[0] === target[0]
                    }
                    return
                }
                onShown() {
                    this.list.option("focusStateEnabled", this.extraOptions.focusStateEnabled)
                }
                dispose() {}
                hide() {
                    if (this.tooltip) {
                        this.tooltip.option("visible", false)
                    }
                }
                shouldUseTarget() {
                    return true
                }
                createTooltip(target, dataList) {}
                canShowTooltip(dataList) {
                    if (!dataList.length) {
                        return false
                    }
                    return true
                }
                createListOption(dataList) {
                    return {
                        dataSource: dataList,
                        onContentReady: this.onListRender.bind(this),
                        onItemClick: e => this.onListItemClick(e),
                        onItemContextMenu: this.onListItemContextMenu.bind(this),
                        itemTemplate: (item, index) => this.renderTemplate(item.appointment, item.targetedAppointment, index, item.color),
                        _swipeEnabled: false,
                        pageLoadMode: "scrollBottom"
                    }
                }
                onListRender(e) {}
                createTooltipElement(wrapperClass) {
                    return (0, _renderer.default)("<div>").appendTo(this._options.container).addClass(wrapperClass)
                }
                createList(listElement, dataList) {
                    return this._options.createComponent(listElement, _list.default, this.createListOption(dataList))
                }
                renderTemplate(appointment, targetedAppointment, index, color) {
                    const itemListContent = this.createItemListContent(appointment, targetedAppointment, color);
                    this._options.addDefaultTemplates({
                        appointmentTooltip: new _function_template.FunctionTemplate(options => {
                            const $container = (0, _renderer.default)(options.container);
                            $container.append(itemListContent);
                            return $container
                        })
                    });
                    const template = this._options.getAppointmentTemplate("appointmentTooltipTemplate");
                    return this.createFunctionTemplate(template, appointment, targetedAppointment, index)
                }
                createFunctionTemplate(template, appointmentData, targetedAppointmentData, index) {
                    const isButtonClicked = Boolean(this.extraOptions.isButtonClick);
                    return new _function_template.FunctionTemplate(options => {
                        const {
                            promise: promise,
                            resolve: resolve
                        } = (0, _promise.createPromise)();
                        this.asyncTemplatePromises.add(promise);
                        return template.render({
                            model: {
                                appointmentData: appointmentData,
                                targetedAppointmentData: targetedAppointmentData,
                                isButtonClicked: isButtonClicked
                            },
                            container: options.container,
                            index: index,
                            onRendered: () => {
                                this.asyncTemplatePromises.delete(promise);
                                resolve()
                            }
                        })
                    })
                }
                onListItemClick(e) {
                    this.hide();
                    this.extraOptions.clickEvent && this.extraOptions.clickEvent(e);
                    this._options.showAppointmentPopup(e.itemData.appointment, false, e.itemData.targetedAppointment)
                }
                onListItemContextMenu(e) {}
                createItemListContent(appointment, targetedAppointment, color) {
                    const $itemElement = (0, _renderer.default)("<div>").addClass("dx-tooltip-appointment-item");
                    $itemElement.append(this.createItemListMarker(color));
                    $itemElement.append(this.createItemListInfo(this._options.createFormattedDateText(appointment, targetedAppointment)));
                    if (this.isDeletingAllowed(appointment)) {
                        $itemElement.append(this.createDeleteButton(appointment, targetedAppointment))
                    }
                    return $itemElement
                }
                createItemListMarker(color) {
                    const $marker = (0, _renderer.default)("<div>").addClass("dx-tooltip-appointment-item-marker");
                    const $markerBody = (0, _renderer.default)("<div>").addClass("dx-tooltip-appointment-item-marker-body");
                    $marker.append($markerBody);
                    color.then(value => {
                        if (value) {
                            $markerBody.css("background", value)
                        }
                    });
                    return $marker
                }
                createItemListInfo(object) {
                    const result = (0, _renderer.default)("<div>").addClass("dx-tooltip-appointment-item-content");
                    const $title = (0, _renderer.default)("<div>").addClass("dx-tooltip-appointment-item-content-subject").text(object.text);
                    const $date = (0, _renderer.default)("<div>").addClass("dx-tooltip-appointment-item-content-date").text(object.formatDate);
                    return result.append($title).append($date)
                }
                createDeleteButton(appointment, targetedAppointment) {
                    const $container = (0, _renderer.default)("<div>").addClass("dx-tooltip-appointment-item-delete-button-container");
                    const $deleteButton = (0, _renderer.default)("<div>").addClass("dx-tooltip-appointment-item-delete-button");
                    $container.append($deleteButton);
                    this._options.createComponent($deleteButton, _button.default, {
                        icon: "trash",
                        stylingMode: "text",
                        onClick: e => {
                            this.hide();
                            e.event.stopPropagation();
                            this._options.checkAndDeleteAppointment(appointment, targetedAppointment)
                        }
                    });
                    return $container
                }
            }
        },
        36791(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AppointmentAdapter = void 0;
            var _m_object = __webpack_require__( /*! ../../../core/utils/m_object */ 86005);
            class AppointmentAdapter {
                constructor(source, dataAccessors) {
                    this.source = source;
                    this.dataAccessors = dataAccessors
                }
                get startDate() {
                    return this.dataAccessors.get("startDate", this.source)
                }
                set startDate(value) {
                    this.dataAccessors.set("startDate", this.source, value)
                }
                get endDate() {
                    return this.dataAccessors.get("endDate", this.source)
                }
                set endDate(value) {
                    this.dataAccessors.set("endDate", this.source, value)
                }
                get allDay() {
                    return this.dataAccessors.get("allDay", this.source)
                }
                set allDay(value) {
                    this.dataAccessors.set("allDay", this.source, value)
                }
                get text() {
                    return this.dataAccessors.get("text", this.source) ?? ""
                }
                set text(value) {
                    this.dataAccessors.set("text", this.source, value)
                }
                get description() {
                    return this.dataAccessors.get("description", this.source) ?? ""
                }
                set description(value) {
                    this.dataAccessors.set("description", this.source, value)
                }
                get startDateTimeZone() {
                    return this.dataAccessors.get("startDateTimeZone", this.source)
                }
                get endDateTimeZone() {
                    return this.dataAccessors.get("endDateTimeZone", this.source)
                }
                get recurrenceRule() {
                    return this.dataAccessors.get("recurrenceRule", this.source)
                }
                set recurrenceRule(value) {
                    this.dataAccessors.set("recurrenceRule", this.source, value)
                }
                get recurrenceException() {
                    return this.dataAccessors.get("recurrenceException", this.source)
                }
                set recurrenceException(value) {
                    this.dataAccessors.set("recurrenceException", this.source, value)
                }
                get disabled() {
                    return this.dataAccessors.get("disabled", this.source)
                }
                get duration() {
                    const {
                        startDate: startDate,
                        endDate: endDate
                    } = this;
                    return endDate && startDate ? endDate.getTime() - startDate.getTime() : 0
                }
                get isRecurrent() {
                    return this.dataAccessors.isRecurrent(this.source)
                }
                clone() {
                    return new AppointmentAdapter((0, _m_object.deepExtendArraySafe)({}, this.source, false, false, false, true), this.dataAccessors)
                }
                serialize() {
                    this.dataAccessors.set("startDate", this.source, this.dataAccessors.get("startDate", this.source));
                    this.dataAccessors.set("endDate", this.source, this.dataAccessors.get("endDate", this.source));
                    return this
                }
                getCalculatedDates(timeZoneCalculator, path) {
                    return {
                        startDate: timeZoneCalculator.createDate(this.startDate, path, this.startDateTimeZone),
                        endDate: timeZoneCalculator.createDate(this.endDate, path, this.endDateTimeZone)
                    }
                }
                calculateDates(timeZoneCalculator, path) {
                    const {
                        startDate: startDate,
                        endDate: endDate
                    } = this.getCalculatedDates(timeZoneCalculator, path);
                    if (this.startDate) {
                        this.startDate = startDate
                    }
                    if (this.endDate) {
                        this.endDate = endDate
                    }
                    return this
                }
            }
            exports.AppointmentAdapter = AppointmentAdapter
        },
        94077(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AppointmentDataAccessor = void 0;
            var _data = __webpack_require__( /*! ../../../../core/utils/data */ 31e3);
            var _date_serialization = (e = __webpack_require__( /*! ../../../../core/utils/date_serialization */ 71051), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _validate_rule = __webpack_require__( /*! ../../recurrence/validate_rule */ 25152);
            var _data_accessor = __webpack_require__( /*! ./data_accessor */ 83811);
            class AppointmentDataAccessor extends _data_accessor.DataAccessor {
                constructor(fields) {
                    let forceIsoDateParsing = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : true;
                    let dateSerializationFormat = arguments.length > 2 ? arguments[2] : void 0;
                    super();
                    this.forceIsoDateParsing = forceIsoDateParsing;
                    this.dateSerializationFormat = dateSerializationFormat;
                    this.expr = Object.assign({}, fields);
                    this.updateExpressions(fields)
                }
                getCommonAccessExpressions(expr) {
                    return {
                        getter: (0, _data.compileGetter)(expr),
                        setter: (0, _data.compileSetter)(expr)
                    }
                }
                getDateFieldAccessExpressions(expr) {
                    const {
                        getter: commonGetter,
                        setter: commonSetter
                    } = this.getCommonAccessExpressions(expr);
                    let serializationFormatCache;
                    return {
                        getter: object => {
                            const date = this.forceIsoDateParsing ? _date_serialization.default.deserializeDate(commonGetter(object)) : commonGetter(object);
                            return void 0 === date ? date : new Date(date)
                        },
                        setter: (object, value) => {
                            if (this.dateSerializationFormat) {
                                serializationFormatCache = this.dateSerializationFormat
                            } else if (this.forceIsoDateParsing && !serializationFormatCache) {
                                const oldValue = commonGetter(object);
                                serializationFormatCache = _date_serialization.default.getDateSerializationFormat(oldValue)
                            }
                            const newValue = _date_serialization.default.serializeDate(value, serializationFormatCache);
                            commonSetter(object, newValue)
                        }
                    }
                }
                getBooleanFieldAccessExpressions(expr) {
                    const {
                        getter: commonGetter,
                        setter: setter
                    } = this.getCommonAccessExpressions(expr);
                    return {
                        getter: object => Boolean(commonGetter(object)),
                        setter: setter
                    }
                }
                getAccessExpressions(name, expr) {
                    switch (true) {
                        case field = name, "allDay" === field || "disabled" === field:
                            return this.getBooleanFieldAccessExpressions(expr);
                        case (field => "startDate" === field || "endDate" === field)(name):
                            return this.getDateFieldAccessExpressions(expr);
                        default:
                            return this.getCommonAccessExpressions(expr)
                    }
                    var field
                }
                updateExpression(field, expr) {
                    const name = field.replace("Expr", "");
                    if (!expr) {
                        delete this.getter[name];
                        delete this.setter[name];
                        delete this.expr[field];
                        return
                    }
                    const {
                        getter: getter,
                        setter: setter
                    } = this.getAccessExpressions(name, expr);
                    this.getter[name] = getter;
                    this.setter[name] = setter;
                    this.expr[field] = expr
                }
                isRecurrent(appointment) {
                    const recurrenceRule = this.get("recurrenceRule", appointment);
                    const isRecurrent = (0, _validate_rule.validateRRule)(recurrenceRule);
                    return isRecurrent
                }
            }
            exports.AppointmentDataAccessor = AppointmentDataAccessor
        },
        5450(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getResourceIndex = exports.getAppointmentResourceAccessor = void 0;
            var _data = __webpack_require__( /*! ../../../../core/utils/data */ 31e3);
            var _m_array = __webpack_require__( /*! ../../../core/utils/m_array */ 28601);
            const getResourceIndex = config => config.fieldExpr ?? config.field ?? "";
            exports.getResourceIndex = getResourceIndex;
            exports.getAppointmentResourceAccessor = config => {
                const indexExpr = getResourceIndex(config);
                const getter = (0, _data.compileGetter)(indexExpr);
                const setter = (0, _data.compileSetter)(indexExpr);
                return {
                    idsGetter: item => (0, _m_array.wrapToArray)(getter(item) ?? []),
                    idsSetter: (item, ids) => setter(item, ids)
                }
            }
        },
        83811(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DataAccessor = void 0;
            var _m_type = __webpack_require__( /*! ../../../core/utils/m_type */ 39918);
            exports.DataAccessor = class {
                constructor() {
                    this.getter = {};
                    this.setter = {}
                }
                updateExpressions(fields) {
                    Object.entries(fields).forEach(_ref => {
                        let [key, value] = _ref;
                        return this.updateExpression(key, value)
                    })
                }
                get(field, obj) {
                    if (this.getter[field]) {
                        return this.getter[field](obj)
                    }
                    return
                }
                set(field, obj, value) {
                    if (this.setter[field]) {
                        this.setter[field](obj, value)
                    }
                    return this
                }
                has(field) {
                    return (0, _m_type.isDefined)(this.getter[field])
                }
            }
        },
        72044(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ResourceDataAccessor = void 0;
            var _data = __webpack_require__( /*! ../../../../core/utils/data */ 31e3);
            var _data_accessor = __webpack_require__( /*! ./data_accessor */ 83811);
            class ResourceDataAccessor extends _data_accessor.DataAccessor {
                constructor(config) {
                    super();
                    this.idExpr = config.valueExpr ?? "id";
                    this.textExpr = config.displayExpr ?? "text";
                    this.colorExpr = config.colorExpr ?? "color";
                    this.updateExpressions({
                        idExpr: this.idExpr,
                        textExpr: this.textExpr,
                        colorExpr: this.colorExpr
                    })
                }
                updateExpression(field, expr) {
                    const name = field.replace("Expr", "");
                    if (!expr) {
                        delete this.getter[name];
                        delete this.setter[name];
                        return
                    }
                    this.getter[name] = (0, _data.compileGetter)(expr);
                    this.setter[name] = (0, _data.compileSetter)(expr)
                }
            }
            exports.ResourceDataAccessor = ResourceDataAccessor
        },
        31985(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getTargetedAppointmentFromInfo = exports.getTargetedAppointment = void 0;
            var _appointment_groups_utils = __webpack_require__( /*! ./resource_manager/appointment_groups_utils */ 11649);
            var _group_utils = __webpack_require__( /*! ./resource_manager/group_utils */ 76131);
            const getTargetedAppointmentFromInfo = function(rawAppointment, settings, dataAccessor, resourceManager) {
                let usePartialDates = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : false;
                const {
                    info: info
                } = settings;
                const rawTargetedAppointment = Object.assign({}, rawAppointment);
                dataAccessor.set("startDate", rawTargetedAppointment, new Date(info.sourceAppointment.startDate));
                dataAccessor.set("endDate", rawTargetedAppointment, new Date(info.sourceAppointment.endDate));
                const displayDates = usePartialDates && "partialDates" in info ? info.partialDates : info.appointment;
                rawTargetedAppointment.displayStartDate = new Date(displayDates.startDate);
                rawTargetedAppointment.displayEndDate = new Date(displayDates.endDate);
                ((rawAppointment, settings, resourceManager) => {
                    const {
                        groups: groups,
                        resourceById: resourceById,
                        groupsLeafs: groupsLeafs
                    } = resourceManager;
                    if (groups.length) {
                        const cellGroups = (0, _group_utils.getLeafGroupValues)(groupsLeafs, settings.groupIndex);
                        (0, _appointment_groups_utils.setAppointmentGroupValues)(rawAppointment, resourceById, cellGroups)
                    }
                })(rawTargetedAppointment, settings, resourceManager);
                return rawTargetedAppointment
            };
            exports.getTargetedAppointmentFromInfo = getTargetedAppointmentFromInfo;
            exports.getTargetedAppointment = (rawAppointment, settings, dataAccessor, resourceManager) => {
                const startDate = dataAccessor.get("startDate", rawAppointment);
                const endDate = dataAccessor.get("endDate", rawAppointment);
                if (!("info" in settings)) {
                    return Object.assign({}, rawAppointment, {
                        displayStartDate: startDate,
                        displayEndDate: endDate
                    })
                }
                return getTargetedAppointmentFromInfo(rawAppointment, settings, dataAccessor, resourceManager)
            }
        },
        80356(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "macroTaskArray", {
                enumerable: true,
                get: function() {
                    return _index.default
                }
            });
            var _index = (e = __webpack_require__( /*! ./macro_task_array/index */ 4203), e && e.__esModule ? e : {
                default: e
            });
            var e
        },
        24862(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.isAgendaWorkspaceComponent = function(component) {
                return "dxSchedulerAgenda" === component.NAME
            }
        },
        28740(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.isSchedulerComponent = function(component) {
                return "dxScheduler" === component.NAME
            }
        },
        85935(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Loader = void 0;
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _data_source = (e = __webpack_require__( /*! ../../../../data/data_source */ 47283), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _utils = __webpack_require__( /*! ./utils */ 29379);
            exports.Loader = class {
                constructor(config, dataSourceOptions) {
                    this.items = [];
                    this.data = [];
                    this.unsubscribe = _common.noop;
                    this.dataSource = (0, _utils.normalizeDataSource)(config.dataSource, dataSourceOptions);
                    this.isSharedDataSource = config.dataSource instanceof _data_source.default;
                    this.addDataSourceHandlers()
                }
                onInit() {
                    if (this.isLoaded()) {
                        var _this$dataSource;
                        this.applyChanges((null === (_this$dataSource = this.dataSource) || void 0 === _this$dataSource ? void 0 : _this$dataSource.items()) ?? [])
                    }
                }
                isLoaded() {
                    var _this$dataSource2;
                    return Boolean(null === (_this$dataSource2 = this.dataSource) || void 0 === _this$dataSource2 ? void 0 : _this$dataSource2.isLoaded())
                }
                addDataSourceHandlers() {
                    const onChange = this.onChange.bind(this);
                    const onLoadingChanged = this.onLoadingChanged.bind(this);
                    const onLoadError = this.onLoadError.bind(this);
                    const {
                        dataSource: dataSource
                    } = this;
                    if (dataSource) {
                        dataSource.on("changed", onChange);
                        dataSource.on("loadingChanged", onLoadingChanged);
                        dataSource.on("loadError", onLoadError);
                        this.unsubscribe = () => {
                            dataSource.off("changed", onChange);
                            dataSource.off("loadingChanged", onLoadingChanged);
                            dataSource.off("loadError", onLoadError)
                        }
                    }
                }
                async load() {
                    let forceReload = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : false;
                    if (this.dataSource && (forceReload || !this.dataSource.isLoaded() && !this.loadingStatePromise)) {
                        this.loadingStatePromise = this.loadingStatePromise && !forceReload ? this.loadingStatePromise : (0, _utils.loadResource)(this.dataSource, forceReload)
                    }
                    await this.loadingStatePromise
                }
                onLoadingChanged(isLoading) {
                    if (!isLoading && this.isLoaded()) {
                        var _this$dataSource3;
                        this.applyChanges((null === (_this$dataSource3 = this.dataSource) || void 0 === _this$dataSource3 ? void 0 : _this$dataSource3.items()) ?? [])
                    }
                }
                applyChanges(items) {
                    if (items && items !== this.data) {
                        this.data = items;
                        this.items = this.onLoadTransform(this.data)
                    }
                }
                dispose() {
                    if (this.dataSource) {
                        if (this.isSharedDataSource) {
                            this.unsubscribe();
                            this.unsubscribe = _common.noop
                        } else {
                            this.dataSource.dispose()
                        }
                        this.data = [];
                        this.items = []
                    }
                }
            }
        },
        9440(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ResourceLoader = void 0;
            var _appointment_resource_data_accessor = __webpack_require__( /*! ../data_accessor/appointment_resource_data_accessor */ 5450);
            var _resource_data_accessor = __webpack_require__( /*! ../data_accessor/resource_data_accessor */ 72044);
            var _loader = __webpack_require__( /*! ./loader */ 85935);
            class ResourceLoader extends _loader.Loader {
                constructor(config) {
                    super(config, {
                        pageSize: 0
                    });
                    const accessor = (0, _appointment_resource_data_accessor.getAppointmentResourceAccessor)(config);
                    this.idsGetter = accessor.idsGetter;
                    this.idsSetter = accessor.idsSetter;
                    this.dataAccessor = new _resource_data_accessor.ResourceDataAccessor(config);
                    this.allowMultiple = Boolean(config.allowMultiple);
                    this.useColorAsDefault = Boolean(config.useColorAsDefault);
                    this.resourceIndex = String((0, _appointment_resource_data_accessor.getResourceIndex)(config));
                    this.resourceName = config.label;
                    this.icon = config.icon;
                    this.onInit()
                }
                onLoadTransform(items) {
                    return items.map(item => ({
                        id: this.dataAccessor.get("id", item),
                        text: this.dataAccessor.get("text", item),
                        color: this.dataAccessor.get("color", item)
                    }))
                }
                applyChanges(items) {
                    super.applyChanges(items)
                }
                onLoadError() {}
                onChange() {}
            }
            exports.ResourceLoader = ResourceLoader
        },
        29379(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.normalizeDataSource = exports.loadResource = void 0;
            var _data_source = (e = __webpack_require__( /*! ../../../../data/data_source */ 47283), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _m_utils = __webpack_require__( /*! ../../../data/data_source/m_utils */ 23923);
            exports.normalizeDataSource = function(dataSourceOptions) {
                let options = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
                if (!dataSourceOptions) {
                    return
                }
                if (dataSourceOptions instanceof _data_source.default) {
                    return dataSourceOptions
                }
                const result = Object.assign({}, (0, _m_utils.normalizeDataSourceOptions)(dataSourceOptions, {}), options);
                return new _data_source.default(result)
            };
            exports.loadResource = async function(dataSource) {
                let forceReload = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                if (!dataSource) {
                    return []
                }
                if (forceReload) {
                    return new Promise((resolve, reject) => {
                        dataSource.reload().then(resolve, reject)
                    })
                }
                if (dataSource.isLoaded()) {
                    return dataSource.items()
                }
                return new Promise((resolve, reject) => {
                    dataSource.load().then(resolve, reject)
                })
            }
        },
        8710(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.macroTaskIdSet = exports.default = void 0;
            const macroTaskIdSet = exports.macroTaskIdSet = new Set;
            exports.default = {
                schedule: async (callback, macroTaskTimeoutMs) => new Promise(resolve => {
                    const taskId = setTimeout(() => {
                        callback();
                        macroTaskIdSet.delete(taskId);
                        resolve()
                    }, macroTaskTimeoutMs);
                    macroTaskIdSet.add(taskId)
                }),
                dispose: () => {
                    Array.from(macroTaskIdSet).forEach(id => {
                        clearTimeout(id);
                        macroTaskIdSet.delete(id)
                    })
                }
            }
        },
        4203(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _dispatcher = (e = __webpack_require__( /*! ./dispatcher */ 8710), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _methods = __webpack_require__( /*! ./methods */ 57);
            exports.default = {
                forEach: _methods.macroTaskArrayForEach,
                map: _methods.macroTaskArrayMap,
                dispose: _dispatcher.default.dispose
            }
        },
        57(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.macroTaskArrayMap = exports.macroTaskArrayForEach = exports.DEFAULT_STEPS_VALUE = exports.DEFAULT_MACRO_TASK_TIMEOUT = void 0;
            var _dispatcher = (e = __webpack_require__( /*! ./dispatcher */ 8710), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const DEFAULT_STEPS_VALUE = exports.DEFAULT_STEPS_VALUE = 100;
            const DEFAULT_MACRO_TASK_TIMEOUT = exports.DEFAULT_MACRO_TASK_TIMEOUT = 0;
            const macroTaskArrayForEach = async function(array, callback) {
                let step = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : DEFAULT_STEPS_VALUE;
                let macroTaskTimeoutMs = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : DEFAULT_MACRO_TASK_TIMEOUT;
                const promises = [];
                const batchesCount = Math.ceil(array.length / step);
                for (let batchIdx = 0; batchIdx < batchesCount; batchIdx += 1) {
                    const scheduledTask = _dispatcher.default.schedule(() => {
                        const startIdx = batchIdx * step;
                        const maxIdx = startIdx + step;
                        for (let idx = startIdx; idx < maxIdx && void 0 !== array[idx]; idx += 1) {
                            callback(array[idx])
                        }
                    }, macroTaskTimeoutMs);
                    promises.push(scheduledTask)
                }
                await Promise.all(promises)
            };
            exports.macroTaskArrayForEach = macroTaskArrayForEach;
            exports.macroTaskArrayMap = async function(array, callback) {
                let step = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : DEFAULT_STEPS_VALUE;
                let macroTaskTimeoutMs = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : DEFAULT_MACRO_TASK_TIMEOUT;
                const result = [];
                await macroTaskArrayForEach(array, item => {
                    result.push(callback(item))
                }, step, macroTaskTimeoutMs);
                return result
            }
        },
        46912(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DEFAULT_SCHEDULER_OPTIONS_RULES = exports.DEFAULT_SCHEDULER_OPTIONS = exports.DEFAULT_SCHEDULER_INTERNAL_OPTIONS = exports.DEFAULT_SCHEDULER_INTEGRATION_OPTIONS = exports.DEFAULT_ICONS_SHOW_MODE = void 0;
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../../core/devices */ 65951));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/date */ 41380));
            var _themes = __webpack_require__( /*! ../../../../ui/themes */ 52071);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DEFAULT_ICONS_SHOW_MODE = exports.DEFAULT_ICONS_SHOW_MODE = "main";
            const DEFAULT_SCHEDULER_OPTIONS = exports.DEFAULT_SCHEDULER_OPTIONS = {
                views: ["day", "week"],
                currentView: "day",
                currentDate: _date.default.trimTime(new Date),
                min: void 0,
                max: void 0,
                dateSerializationFormat: void 0,
                firstDayOfWeek: void 0,
                groups: [],
                resources: [],
                dataSource: null,
                customizeDateNavigatorText: void 0,
                appointmentTemplate: "item",
                appointmentCollectorTemplate: "appointmentCollector",
                dataCellTemplate: void 0,
                timeCellTemplate: void 0,
                resourceCellTemplate: void 0,
                dateCellTemplate: void 0,
                startDayHour: 0,
                endDayHour: 24,
                offset: 0,
                editing: {
                    allowAdding: true,
                    allowDeleting: true,
                    allowDragging: true,
                    allowResizing: true,
                    allowUpdating: true,
                    allowTimeZoneEditing: false,
                    form: {
                        iconsShowMode: DEFAULT_ICONS_SHOW_MODE
                    },
                    popup: {}
                },
                showAllDayPanel: true,
                showCurrentTimeIndicator: true,
                shadeUntilCurrentTime: false,
                indicatorUpdateInterval: 3e5,
                recurrenceEditMode: "dialog",
                cellDuration: 30,
                maxAppointmentsPerCell: "auto",
                selectedCellData: [],
                groupByDate: false,
                onAppointmentRendered: void 0,
                onAppointmentClick: void 0,
                onAppointmentDblClick: void 0,
                onAppointmentContextMenu: void 0,
                onCellClick: void 0,
                onCellContextMenu: void 0,
                onAppointmentAdding: void 0,
                onAppointmentAdded: void 0,
                onAppointmentUpdating: void 0,
                onAppointmentUpdated: void 0,
                onAppointmentDeleting: void 0,
                onAppointmentDeleted: void 0,
                onAppointmentFormOpening: void 0,
                onAppointmentTooltipShowing: void 0,
                appointmentTooltipTemplate: "appointmentTooltip",
                crossScrollingEnabled: false,
                useDropDownViewSwitcher: false,
                startDateExpr: "startDate",
                endDateExpr: "endDate",
                textExpr: "text",
                descriptionExpr: "description",
                allDayExpr: "allDay",
                recurrenceRuleExpr: "recurrenceRule",
                recurrenceExceptionExpr: "recurrenceException",
                remoteFiltering: false,
                timeZone: "",
                startDateTimeZoneExpr: "startDateTimeZone",
                endDateTimeZoneExpr: "endDateTimeZone",
                noDataText: "",
                adaptivityEnabled: false,
                scrolling: {
                    mode: "standard"
                },
                allDayPanelMode: "all",
                toolbar: {
                    disabled: false,
                    multiline: false,
                    items: [{
                        location: "before",
                        name: "dateNavigator"
                    }, {
                        location: "after",
                        name: "viewSwitcher",
                        locateInMenu: "auto"
                    }]
                }
            };
            exports.DEFAULT_SCHEDULER_INTERNAL_OPTIONS = {
                indicatorTime: void 0,
                renovateRender: true,
                editing: Object.assign({}, DEFAULT_SCHEDULER_OPTIONS.editing, {
                    popup: {}
                }),
                _draggingMode: "outlook",
                _appointmentTooltipOffset: {
                    x: 0,
                    y: 0
                },
                appointmentPopupTemplate: "appointmentPopup",
                disabledExpr: "disabled",
                visibleExpr: "visible",
                allowMultipleCellSelection: true
            };
            exports.DEFAULT_SCHEDULER_INTEGRATION_OPTIONS = {
                integrationOptions: {
                    useDeferUpdateForTemplates: false
                }
            };
            exports.DEFAULT_SCHEDULER_OPTIONS_RULES = [{
                device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                options: {
                    focusStateEnabled: true
                }
            }, {
                device: () => !_devices.default.current().generic,
                options: {
                    useDropDownViewSwitcher: true,
                    editing: {
                        allowDragging: false,
                        allowResizing: false
                    }
                }
            }, {
                device: () => (0, _themes.isMaterialBased)(),
                options: {
                    useDropDownViewSwitcher: true,
                    dateCellTemplate: (data, _, element) => {
                        const {
                            text: text = ""
                        } = data;
                        text.split(" ").forEach((word, wordIndex) => {
                            const span = (0, _renderer.default)("<span>").text(word).addClass("dx-scheduler-header-panel-cell-date");
                            (0, _renderer.default)(element).append(span);
                            if (!wordIndex) {
                                (0, _renderer.default)(element).append(" ")
                            }
                        })
                    }
                }
            }, {
                device: () => (0, _themes.isMaterial)(),
                options: {
                    _appointmentTooltipOffset: {
                        x: 0,
                        y: 11
                    }
                }
            }]
        },
        43582(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.VIEW_TYPES = exports.VIEWS = exports.DEFAULT_VIEW_OPTIONS = void 0;
            const VIEWS = exports.VIEWS = {
                DAY: "day",
                WEEK: "week",
                WORK_WEEK: "workWeek",
                MONTH: "month",
                TIMELINE_DAY: "timelineDay",
                TIMELINE_WEEK: "timelineWeek",
                TIMELINE_WORK_WEEK: "timelineWorkWeek",
                TIMELINE_MONTH: "timelineMonth",
                AGENDA: "agenda"
            };
            exports.VIEW_TYPES = Object.values(VIEWS);
            const WEEKENDS = [0, 6];
            const getView = function(type, groupOrientation) {
                let skippedDays = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : [];
                return {
                    groupOrientation: groupOrientation,
                    intervalCount: 1,
                    type: type,
                    skippedDays: skippedDays
                }
            };
            exports.DEFAULT_VIEW_OPTIONS = {
                day: getView("day", "horizontal"),
                week: getView("week", "horizontal"),
                workWeek: getView("workWeek", "horizontal", WEEKENDS),
                month: getView("month", "horizontal"),
                timelineDay: getView("timelineDay", "vertical"),
                timelineWeek: getView("timelineWeek", "vertical"),
                timelineWorkWeek: getView("timelineWorkWeek", "vertical", WEEKENDS),
                timelineMonth: getView("timelineMonth", "vertical"),
                agenda: {
                    agendaDuration: 7,
                    intervalCount: 1,
                    skippedDays: [],
                    type: "agenda"
                }
            }
        },
        41940(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getCurrentView = function(currentView, views) {
                const viewsProps = getViews(views);
                const currentViewProps = viewsProps.find(view => [view.name, view.type].includes(currentView));
                return currentViewProps ?? _constants_view.DEFAULT_VIEW_OPTIONS[currentView] ?? viewsProps[0] ?? _constants_view.DEFAULT_VIEW_OPTIONS[_constants_view.VIEW_TYPES[0]]
            };
            exports.parseDateOption = exports.parseCurrentDate = exports.getViews = exports.getViewOption = void 0;
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _m_date = __webpack_require__( /*! ../../../core/utils/m_date */ 66570);
            var _m_date_serialization = __webpack_require__( /*! ../../../core/utils/m_date_serialization */ 62897);
            var _m_extend = __webpack_require__( /*! ../../../core/utils/m_extend */ 96298);
            var _constants_view = __webpack_require__( /*! ./constants_view */ 43582);
            const isKnownView = view => _constants_view.VIEW_TYPES.includes((0, _type.isObject)(view) ? view.type : view);
            const isExistedView = view => Boolean(view);
            const normalizeView = view => (0, _type.isObject)(view) ? (0, _m_extend.extend)({}, _constants_view.DEFAULT_VIEW_OPTIONS[view.type], view) : _constants_view.DEFAULT_VIEW_OPTIONS[view];
            const getViews = views => views.filter(isKnownView).map(normalizeView).filter(isExistedView);
            exports.getViews = getViews;
            const parseDateOption = date => date ? new Date(_m_date_serialization.dateSerialization.deserializeDate(date)) : void 0;
            exports.parseDateOption = parseDateOption;
            const parseCurrentDate = date => {
                const deserialized = parseDateOption(date);
                return _m_date.dateUtils.trimTime(deserialized)
            };
            exports.parseCurrentDate = parseCurrentDate;
            exports.getViewOption = (optionName, currentOptionValue) => {
                if (!(optionName => ["currentDate", "min", "max"].includes(optionName))(optionName)) {
                    return currentOptionValue
                }
                const date = "currentDate" === optionName ? parseCurrentDate(currentOptionValue) : parseDateOption(currentOptionValue);
                return date
            }
        },
        28580(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            var _validation_functions = __webpack_require__( /*! ./validation_functions */ 11407);
            Object.keys(_validation_functions).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _validation_functions[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _validation_functions[key]
                    }
                })
            });
            var _validator_rules = __webpack_require__( /*! ./validator_rules */ 44226);
            Object.keys(_validator_rules).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _validator_rules[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _validator_rules[key]
                    }
                })
            })
        },
        11407(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.lessThan = exports.isInteger = exports.inRange = exports.greaterThan = exports.divisibleBy = void 0;
            exports.isInteger = value => Number.isInteger(value);
            exports.greaterThan = function(value, minimalValue) {
                let strict = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : true;
                return strict ? value > minimalValue : value >= minimalValue
            };
            exports.lessThan = function(value, maximalValue) {
                let strict = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : true;
                return strict ? value < maximalValue : value <= maximalValue
            };
            exports.inRange = (value, _ref) => {
                let [from, to] = _ref;
                return value >= from && value <= to
            };
            exports.divisibleBy = (value, divider) => value % divider === 0
        },
        44226(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.mustBeLessThan = exports.mustBeInteger = exports.mustBeInRange = exports.mustBeGreaterThan = exports.mustBeDivisibleBy = void 0;
            var _index = __webpack_require__( /*! ../core/index */ 30378);
            var _validation_functions = __webpack_require__( /*! ./validation_functions */ 11407);
            exports.mustBeInteger = (0, _index.createValidatorRule)("mustBeInteger", value => (0, _validation_functions.isInteger)(value));
            exports.mustBeGreaterThan = function(minimalValue) {
                let strict = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : true;
                return (0, _index.createValidatorRule)("mustBeGreaterThan", value => (0, _validation_functions.greaterThan)(value, minimalValue, strict))
            };
            exports.mustBeLessThan = function(maximalValue) {
                let strict = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : true;
                return (0, _index.createValidatorRule)("mustBeLessThan", value => (0, _validation_functions.lessThan)(value, maximalValue, strict))
            };
            exports.mustBeInRange = range => (0, _index.createValidatorRule)("mustBeInRange", value => (0, _validation_functions.inRange)(value, range));
            exports.mustBeDivisibleBy = divider => (0, _index.createValidatorRule)("mustBeDivisibleBy", value => (0, _validation_functions.divisibleBy)(value, divider))
        },
        30378(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            var _exportNames = {
                OptionsValidator: true,
                OptionsValidatorErrorHandler: true,
                Validator: true
            };
            Object.defineProperty(exports, "OptionsValidator", {
                enumerable: true,
                get: function() {
                    return _options_validator.OptionsValidator
                }
            });
            Object.defineProperty(exports, "OptionsValidatorErrorHandler", {
                enumerable: true,
                get: function() {
                    return _options_validator_error_handler.OptionsValidatorErrorHandler
                }
            });
            Object.defineProperty(exports, "Validator", {
                enumerable: true,
                get: function() {
                    return _validator.Validator
                }
            });
            var _options_validator = __webpack_require__( /*! ./options_validator */ 43121);
            var _options_validator_error_handler = __webpack_require__( /*! ./options_validator_error_handler */ 61063);
            var _types = __webpack_require__( /*! ./types */ 78535);
            Object.keys(_types).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (Object.prototype.hasOwnProperty.call(_exportNames, key)) {
                    return
                }
                if (key in exports && exports[key] === _types[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _types[key]
                    }
                })
            });
            var _validator = __webpack_require__( /*! ./validator */ 47676);
            var _validator_rules = __webpack_require__( /*! ./validator_rules */ 93396);
            Object.keys(_validator_rules).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (Object.prototype.hasOwnProperty.call(_exportNames, key)) {
                    return
                }
                if (key in exports && exports[key] === _validator_rules[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _validator_rules[key]
                    }
                })
            })
        },
        43121(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.OptionsValidator = void 0;
            exports.OptionsValidator = class {
                constructor(validators) {
                    this.validators = validators
                }
                validate(options) {
                    const errors = Object.entries(this.validators).reduce((result, _ref) => {
                        let [validatorName, validator] = _ref;
                        const validatorResult = validator.validate(options);
                        if (true !== validatorResult) {
                            result[validatorName] = validatorResult
                        }
                        return result
                    }, {});
                    return Object.keys(errors).length > 0 ? errors : true
                }
            }
        },
        61063(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.OptionsValidatorErrorHandler = void 0;
            exports.OptionsValidatorErrorHandler = class {
                constructor(validatorNameToErrorCodeMap, globalErrorHandler) {
                    this.validatorNameToErrorCodeMap = validatorNameToErrorCodeMap;
                    this.globalErrorHandler = globalErrorHandler
                }
                handleValidationResult(optionsValidatorResult) {
                    if (true === optionsValidatorResult) {
                        return
                    }
                    const warningsMap = new Map;
                    const errorsMap = new Map;
                    Object.entries(optionsValidatorResult).forEach(_ref => {
                        let [validatorName, validatorErrorRecord] = _ref;
                        const errorCode = this.validatorNameToErrorCodeMap[validatorName];
                        if (!errorCode) {
                            return
                        }
                        const logMap = errorCode.startsWith("E") ? errorsMap : warningsMap;
                        Object.values(validatorErrorRecord).forEach(validatorError => {
                            const uniqueKey = ((errorCode, validatorError) => {
                                if ("boolean" === typeof validatorError || !Array.isArray(validatorError.arguments)) {
                                    return errorCode
                                }
                                return `${errorCode}${JSON.stringify(validatorError.arguments)}`
                            })(errorCode, validatorError);
                            const args = (validatorError => "boolean" === typeof validatorError || !Array.isArray(validatorError.arguments) ? [] : validatorError.arguments)(validatorError);
                            logMap.set(uniqueKey, {
                                errorCode: errorCode,
                                args: args
                            })
                        })
                    });
                    Array.from(warningsMap).forEach(value => {
                        const [, {
                            errorCode: errorCode,
                            args: args
                        }] = value;
                        this.globalErrorHandler.logError(errorCode, ...args)
                    });
                    Array.from(errorsMap).forEach((value, idx) => {
                        const [, {
                            errorCode: errorCode,
                            args: args
                        }] = value;
                        const isLastErrorCode = idx === errorsMap.size - 1;
                        if (!isLastErrorCode) {
                            this.globalErrorHandler.logError(errorCode, ...args)
                        } else {
                            this.globalErrorHandler.throwError(errorCode, ...args)
                        }
                    })
                }
            }
        },
        78535(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.REDUNDANT_EXPORT = void 0;
            exports.REDUNDANT_EXPORT = void 0
        },
        47676(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Validator = void 0;
            exports.Validator = class {
                constructor(valueSelector, rules) {
                    this.valueSelector = valueSelector;
                    this.rules = rules
                }
                validate(options) {
                    const value = this.valueSelector(options);
                    const errors = this.rules.reduce((result, rule) => {
                        const validationResult = rule(value);
                        if (true !== validationResult) {
                            result[rule.name] = validationResult
                        }
                        return result
                    }, {});
                    return Object.keys(errors).length ? errors : true
                }
            }
        },
        93396(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.createValidatorRule = void 0;
            exports.createValidatorRule = (name, ruleFunc) => {
                Object.defineProperty(ruleFunc, "name", {
                    value: name,
                    writable: false
                });
                return ruleFunc
            }
        },
        49240(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "SchedulerOptionsValidator", {
                enumerable: true,
                get: function() {
                    return _options_validator.SchedulerOptionsValidator
                }
            });
            Object.defineProperty(exports, "SchedulerOptionsValidatorErrorsHandler", {
                enumerable: true,
                get: function() {
                    return _options_validator_errors_handler.SchedulerOptionsValidatorErrorsHandler
                }
            });
            var _options_validator = __webpack_require__( /*! ./options_validator */ 62923);
            var _options_validator_errors_handler = __webpack_require__( /*! ./options_validator_errors_handler */ 4450)
        },
        62923(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SchedulerOptionsValidator = void 0;
            var _index = __webpack_require__( /*! ./common/index */ 28580);
            var _index2 = __webpack_require__( /*! ./core/index */ 30378);
            var _validator_rules = __webpack_require__( /*! ./validator_rules */ 17238);
            class SchedulerOptionsValidator extends _index2.OptionsValidator {
                constructor() {
                    super({
                        startDayHour: new _index2.Validator(_ref => {
                            let {
                                startDayHour: startDayHour
                            } = _ref;
                            return startDayHour
                        }, [_index.mustBeInteger, (0, _index.mustBeInRange)([0, 24])]),
                        endDayHour: new _index2.Validator(_ref2 => {
                            let {
                                endDayHour: endDayHour
                            } = _ref2;
                            return endDayHour
                        }, [_index.mustBeInteger, (0, _index.mustBeInRange)([0, 24])]),
                        offset: new _index2.Validator(_ref3 => {
                            let {
                                offset: offset
                            } = _ref3;
                            return offset
                        }, [_index.mustBeInteger, (0, _index.mustBeInRange)([-1440, 1440]), (0, _index.mustBeDivisibleBy)(5)]),
                        cellDuration: new _index2.Validator(_ref4 => {
                            let {
                                cellDuration: cellDuration
                            } = _ref4;
                            return cellDuration
                        }, [_index.mustBeInteger, (0, _index.mustBeGreaterThan)(0)]),
                        startDayHourAndEndDayHour: new _index2.Validator(options => options, [_validator_rules.endDayHourMustBeGreaterThanStartDayHour]),
                        cellDurationAndVisibleInterval: new _index2.Validator(options => options, [_validator_rules.visibleIntervalMustBeDivisibleByCellDuration, _validator_rules.cellDurationMustBeLessThanVisibleInterval]),
                        views: new _index2.Validator(options => options.views, [_validator_rules.allViewsHasCorrectType])
                    })
                }
            }
            exports.SchedulerOptionsValidator = SchedulerOptionsValidator
        },
        4450(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SchedulerOptionsValidatorErrorsHandler = void 0;
            var _ui = (e = __webpack_require__( /*! ../../../../ui/widget/ui.errors */ 35185), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _index = __webpack_require__( /*! ./core/index */ 30378);
            const GLOBAL_ERROR_HANDLER = {
                logError: function(errorCode) {
                    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
                        args[_key - 1] = arguments[_key]
                    }
                    _ui.default.log(errorCode, ...args)
                },
                throwError: function(errorCode) {
                    for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
                        args[_key2 - 1] = arguments[_key2]
                    }
                    throw _ui.default.Error(errorCode, ...args)
                }
            };
            class SchedulerOptionsValidatorErrorsHandler extends _index.OptionsValidatorErrorHandler {
                constructor() {
                    super({
                        startDayHour: "E1058",
                        endDayHour: "E1058",
                        startDayHourAndEndDayHour: "E1058",
                        offset: "E1061",
                        cellDuration: "E1062",
                        cellDurationAndVisibleInterval: "E1062",
                        views: "W0008"
                    }, GLOBAL_ERROR_HANDLER)
                }
            }
            exports.SchedulerOptionsValidatorErrorsHandler = SchedulerOptionsValidatorErrorsHandler
        },
        17238(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.visibleIntervalMustBeDivisibleByCellDuration = exports.endDayHourMustBeGreaterThanStartDayHour = exports.cellDurationMustBeLessThanVisibleInterval = exports.allViewsHasCorrectType = void 0;
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _constants_view = __webpack_require__( /*! ../options/constants_view */ 43582);
            var _index = __webpack_require__( /*! ./common/index */ 28580);
            var _index2 = __webpack_require__( /*! ./core/index */ 30378);
            exports.endDayHourMustBeGreaterThanStartDayHour = (0, _index2.createValidatorRule)("endDayHourGreaterThanStartDayHour", _ref => {
                let {
                    startDayHour: startDayHour,
                    endDayHour: endDayHour
                } = _ref;
                return (0, _index.greaterThan)(endDayHour, startDayHour)
            });
            exports.visibleIntervalMustBeDivisibleByCellDuration = (0, _index2.createValidatorRule)("visibleIntervalMustBeDivisibleByCellDuration", _ref2 => {
                let {
                    cellDuration: cellDuration,
                    startDayHour: startDayHour,
                    endDayHour: endDayHour
                } = _ref2;
                const visibleInterval = 60 * (endDayHour - startDayHour);
                return (0, _index.divisibleBy)(visibleInterval, cellDuration)
            });
            exports.cellDurationMustBeLessThanVisibleInterval = (0, _index2.createValidatorRule)("cellDurationMustBeLessThanVisibleInterval", _ref3 => {
                let {
                    cellDuration: cellDuration,
                    startDayHour: startDayHour,
                    endDayHour: endDayHour
                } = _ref3;
                const visibleInterval = 60 * (endDayHour - startDayHour);
                return (0, _index.lessThan)(cellDuration, visibleInterval, false)
            });
            exports.allViewsHasCorrectType = (0, _index2.createValidatorRule)("allViewsHasCorrectType", views => {
                const incorrectViewTypes = views.reduce((result, view) => {
                    const viewType = (0, _type.isObject)(view) ? view.type : view;
                    const isValidView = Boolean(viewType && _constants_view.VIEW_TYPES.includes(viewType));
                    if (!isValidView) {
                        result.push(`'${viewType}'`)
                    }
                    return result
                }, []);
                return incorrectViewTypes.length ? {
                    arguments: [incorrectViewTypes.join(", ")]
                } : true
            })
        },
        80915(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.reduceResourcesTree = void 0;
            const filterGroupTree = (resourceById, appointments, node) => {
                if (!((resourceById, appointments, node) => {
                        const resource = resourceById[node.resourceIndex];
                        const value = node.grouped[node.resourceIndex];
                        return appointments.some(appointment => resource.idsGetter(appointment.itemData).includes(value))
                    })(resourceById, appointments, node)) {
                    return
                }
                return Object.assign({}, node, {
                    children: node.children.length ? node.children.map(childrenNode => filterGroupTree(resourceById, appointments, childrenNode)).filter(Boolean) : []
                })
            };
            exports.reduceResourcesTree = (resourceById, groupsTree, appointments) => groupsTree.map(node => filterGroupTree(resourceById, appointments, node)).filter(Boolean)
        },
        97310(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getPaintedResource = exports.getAppointmentColor = void 0;
            var _appointment_groups_utils = __webpack_require__( /*! ./appointment_groups_utils */ 11649);
            var _group_utils = __webpack_require__( /*! ./group_utils */ 76131);
            const getPaintedResource = (resources, appointmentGroups, groups) => {
                const assignedResources = resources.filter(resource => appointmentGroups.includes(resource.resourceIndex));
                const defaultColorResource = assignedResources.find(resource => resource.useColorAsDefault);
                if (defaultColorResource) {
                    return defaultColorResource
                }
                const assignedGroups = groups.filter(group => appointmentGroups.includes(group));
                const availableGroupedResources = assignedGroups.map(group => assignedResources.find(resource => resource.resourceIndex === group)).filter(Boolean);
                return availableGroupedResources.length ? availableGroupedResources.at(-1) : assignedResources.at(-1)
            };
            exports.getPaintedResource = getPaintedResource;
            exports.getAppointmentColor = async (resources, groupsLeafs, groups, appointmentConfig) => {
                const {
                    groupIndex: groupIndex,
                    itemData: itemData
                } = appointmentConfig;
                const appointmentGroupValues = (0, _appointment_groups_utils.getAppointmentGroupValues)(itemData, resources);
                const appointmentGroups = Object.keys(appointmentGroupValues);
                const paintedResource = getPaintedResource(resources, appointmentGroups, groups);
                if (!paintedResource) {
                    return
                }
                await paintedResource.load();
                const leafGroupValue = (0, _group_utils.getLeafGroupValues)(groupsLeafs, groupIndex);
                const resourceValues = paintedResource.idsGetter(itemData);
                const resourceId = leafGroupValue[paintedResource.resourceIndex] ?? resourceValues[0];
                return ((resource, resourceId) => {
                    var _getResourceItemById;
                    return null === (_getResourceItemById = (0, _appointment_groups_utils.getResourceItemById)(resource, resourceId)) || void 0 === _getResourceItemById ? void 0 : _getResourceItemById.color
                })(paintedResource, resourceId)
            }
        },
        11649(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.setAppointmentGroupValues = exports.groupAppointmentsByGroupLeafs = exports.getSafeGroupValues = exports.getResourceItemById = exports.getRawAppointmentGroupValues = exports.getAppointmentResources = exports.getAppointmentGroupValues = exports.getAppointmentGroupIndex = void 0;
            var _m_array = __webpack_require__( /*! ../../../core/utils/m_array */ 28601);
            var _m_common = __webpack_require__( /*! ../../../core/utils/m_common */ 39315);
            const getResourceItemById = (resource, resourceId) => resource.items.find(item => (0, _m_common.equalByValue)(item.id, resourceId));
            exports.getResourceItemById = getResourceItemById;
            const getAppointmentGroupValues = (rawAppointment, resources) => resources.reduce((result, resource) => {
                const ids = resource.idsGetter(rawAppointment);
                if (ids.length) {
                    result[resource.resourceIndex] = ids
                }
                return result
            }, {});
            exports.getAppointmentGroupValues = getAppointmentGroupValues;
            exports.getRawAppointmentGroupValues = (rawAppointment, resources) => resources.reduce((result, resource) => {
                const ids = resource.idsGetter(rawAppointment);
                if (ids.length) {
                    result[resource.resourceIndex] = resource.allowMultiple ? ids : ids[0]
                }
                return result
            }, {});
            exports.getSafeGroupValues = groupValues => Object.entries(groupValues).reduce((result, _ref) => {
                let [key, value] = _ref;
                result[key] = (0, _m_array.wrapToArray)(value);
                return result
            }, {});
            exports.getAppointmentResources = (appointmentGroupValues, resourceById) => Object.entries(appointmentGroupValues).reduce((result, _ref2) => {
                let [resourceIndex, resourceIds] = _ref2;
                const resource = resourceById[resourceIndex];
                const values = resourceIds.map(id => {
                    var _getResourceItemById;
                    return null === (_getResourceItemById = getResourceItemById(resource, id)) || void 0 === _getResourceItemById ? void 0 : _getResourceItemById.text
                }).filter(Boolean);
                if (values.length) {
                    result.push({
                        label: resource.resourceName,
                        values: values
                    })
                }
                return result
            }, []);
            exports.setAppointmentGroupValues = function(item, resourceById) {
                let groups = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
                Object.entries(groups).forEach(_ref3 => {
                    let [resourceIndex, resourceId] = _ref3;
                    const resource = resourceById[resourceIndex];
                    const value = resource.allowMultiple ? [resourceId] : resourceId;
                    resource.idsSetter(item, value)
                })
            };
            exports.getAppointmentGroupIndex = (appointmentGroupValues, groupLeafs) => groupLeafs.filter(leaf => Object.entries(leaf.grouped).every(_ref4 => {
                var _appointmentGroupValu;
                let [resourceIndex, resourceId] = _ref4;
                return null === (_appointmentGroupValu = appointmentGroupValues[resourceIndex]) || void 0 === _appointmentGroupValu ? void 0 : _appointmentGroupValu.includes(resourceId)
            })).map(leaf => leaf.groupIndex);
            exports.groupAppointmentsByGroupLeafs = (resourceById, groupLeafs, appointments) => {
                if (!groupLeafs.length) {
                    return [appointments]
                }
                return groupLeafs.map(leaf => appointments.filter(item => {
                    const appointmentGroupValues = getAppointmentGroupValues(item, Object.values(resourceById));
                    return Object.entries(leaf.grouped).every(_ref5 => {
                        var _appointmentGroupValu2;
                        let [resourceIndex, resourceId] = _ref5;
                        return null === (_appointmentGroupValu2 = appointmentGroupValues[resourceIndex]) || void 0 === _appointmentGroupValu2 ? void 0 : _appointmentGroupValu2.includes(resourceId)
                    })
                }))
            }
        },
        76131(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.groupResources = exports.getResourcesByGroupIndex = exports.getLeafGroupValues = exports.getGroupTexts = exports.getAllGroupValues = void 0;
            exports.groupResources = (resourceById, groups) => {
                if (!groups.length || 0 === Object.keys(resourceById).length) {
                    return {
                        groupTree: [],
                        groupLeafs: []
                    }
                }
                const head = [{}];
                let leafs = head;
                groups.filter(group => resourceById[group]).forEach(group => {
                    const resource = resourceById[group];
                    const nodes = resource.items.map(item => ({
                        resourceText: item.text,
                        resourceIndex: resource.resourceIndex,
                        grouped: {
                            [resource.resourceIndex]: item.id
                        },
                        children: []
                    }));
                    const nextLeafs = [];
                    leafs.forEach(leaf => {
                        leaf.children = nodes.map(node => Object.assign({}, node, {
                            grouped: Object.assign({}, node.grouped, leaf.grouped)
                        }));
                        nextLeafs.push(...leaf.children)
                    });
                    leafs = nextLeafs
                });
                const groupLeafs = leafs.map((leaf, index) => Object.assign({}, leaf, {
                    groupIndex: index
                }));
                return {
                    groupTree: head[0].children,
                    groupLeafs: groupLeafs
                }
            };
            exports.getAllGroupValues = groupsLeafs => groupsLeafs.map(group => group.grouped);
            const getLeafGroupValues = (groupsLeafs, groupIndex) => {
                var _groupsLeafs$find;
                return (null === (_groupsLeafs$find = groupsLeafs.find(group => group.groupIndex === groupIndex)) || void 0 === _groupsLeafs$find ? void 0 : _groupsLeafs$find.grouped) ?? {}
            };
            exports.getLeafGroupValues = getLeafGroupValues;
            exports.getGroupTexts = (groups, groupsLeafs, resourceById, groupIndex) => {
                const leafGroups = getLeafGroupValues(groupsLeafs, groupIndex);
                const textPath = groups.map(resourceIndex => {
                    var _resource$items$find;
                    const resourceId = leafGroups[resourceIndex];
                    const resource = resourceById[resourceIndex];
                    return null === resource || void 0 === resource || null === (_resource$items$find = resource.items.find(item => item.id === resourceId)) || void 0 === _resource$items$find ? void 0 : _resource$items$find.text
                }).filter(Boolean);
                return textPath
            };
            exports.getResourcesByGroupIndex = (groupsLeafs, resourceById, groupIndex) => {
                const leafGroups = getLeafGroupValues(groupsLeafs, groupIndex);
                return Object.entries(resourceById).filter(_ref => {
                    let [resourceIndex] = _ref;
                    return void 0 !== leafGroups[resourceIndex]
                }).map(_ref2 => {
                    let [resourceIndex, resource] = _ref2;
                    return Object.assign({}, resource, {
                        items: resource.items.filter(item => item.id === leafGroups[resourceIndex])
                    })
                })
            }
        },
        42409(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ResourceManager = void 0;
            var _appointment_resource_data_accessor = __webpack_require__( /*! ../data_accessor/appointment_resource_data_accessor */ 5450);
            var _resource_loader = __webpack_require__( /*! ../loader/resource_loader */ 9440);
            var _appointment_color_utils = __webpack_require__( /*! ./appointment_color_utils */ 97310);
            var _appointment_groups_utils = __webpack_require__( /*! ./appointment_groups_utils */ 11649);
            var _group_utils = __webpack_require__( /*! ./group_utils */ 76131);
            exports.ResourceManager = class {
                constructor(config) {
                    this.resources = [];
                    this.resourceById = {};
                    this.groups = [];
                    this.groupsLeafs = [];
                    this.groupsTree = [];
                    null === config || void 0 === config || config.filter(_appointment_resource_data_accessor.getResourceIndex).forEach(item => {
                        const loader = new _resource_loader.ResourceLoader(item);
                        this.resourceById[loader.resourceIndex] = loader;
                        this.resources.push(loader)
                    })
                }
                async load(groupsToLoad) {
                    let forceReload = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                    await Promise.all(groupsToLoad.map(group => {
                        var _this$resourceById$gr;
                        return null === (_this$resourceById$gr = this.resourceById[group]) || void 0 === _this$resourceById$gr ? void 0 : _this$resourceById$gr.load(forceReload)
                    }))
                }
                async loadGroupResources() {
                    let groups = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
                    let forceReload = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                    await this.load(groups, forceReload);
                    const {
                        groupTree: groupTree,
                        groupLeafs: groupLeafs
                    } = (0, _group_utils.groupResources)(this.resourceById, groups);
                    this.groups = groups;
                    this.groupsLeafs = groupLeafs;
                    this.groupsTree = groupTree
                }
                groupCount() {
                    return this.groupsLeafs.length
                }
                groupResources() {
                    return this.groups.map(group => this.resourceById[group]).filter(Boolean)
                }
                async loadAppointmentsResources(items) {
                    let forceReload = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                    const groupsToLoad = Object.keys(this.resourceById).filter(resourceIndex => !this.resourceById[resourceIndex].isLoaded() && items.some(item => this.resourceById[resourceIndex].idsGetter(item).length > 0));
                    await this.load(groupsToLoad, forceReload)
                }
                async getAppointmentColor(appointmentConfig) {
                    return (0, _appointment_color_utils.getAppointmentColor)(this.resources, this.groupsLeafs, this.groups, appointmentConfig)
                }
                async getAppointmentResourcesValues(appointment) {
                    const appointmentGroups = (0, _appointment_groups_utils.getAppointmentGroupValues)(appointment, this.resources);
                    const groups = Object.keys(appointmentGroups);
                    await this.load(groups);
                    return (0, _appointment_groups_utils.getAppointmentResources)(appointmentGroups, this.resourceById)
                }
                dispose() {
                    Object.values(this.resourceById).forEach(item => item.dispose())
                }
            }
        },
        67673(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _filter_appointments = __webpack_require__( /*! ./filtration/filter_appointments */ 12206);
            var _generate_agenda_view_model = __webpack_require__( /*! ./generate_view_model/generate_agenda_view_model */ 46040);
            var _generate_grid_view_model = __webpack_require__( /*! ./generate_view_model/generate_grid_view_model */ 57196);
            var _option_manager = __webpack_require__( /*! ./generate_view_model/options/option_manager */ 25644);
            var _get_appointment_info = __webpack_require__( /*! ./get_appointment_info */ 673);
            var _prepare_appointments = __webpack_require__( /*! ./preparation/prepare_appointments */ 90174);
            exports.default = class {
                get filteredItems() {
                    return this._filteredItems
                }
                get sortedItems() {
                    return this._sortedItems
                }
                constructor(schedulerStore) {
                    this.schedulerStore = schedulerStore;
                    this.preparedItems = [];
                    this._filteredItems = [];
                    this._sortedItems = []
                }
                prepareAppointments(items) {
                    this.preparedItems = (0, _prepare_appointments.prepareAppointments)(this.schedulerStore, items)
                }
                filterAppointments() {
                    this._filteredItems = (0, _filter_appointments.filterAppointments)(this.schedulerStore, this.preparedItems)
                }
                hasAllDayAppointments() {
                    return this._filteredItems.filter(item => item.isAllDayPanelOccupied).length > 0
                }
                generateViewModel() {
                    const viewType = this.schedulerStore.currentView.type;
                    if ("agenda" === viewType) {
                        const viewModel = (0, _generate_agenda_view_model.generateAgendaViewModel)(this.schedulerStore, this._filteredItems);
                        return viewModel.map(item => Object.assign({}, item, {
                            isAgendaModel: true,
                            info: (0, _get_appointment_info.getAgendaAppointmentInfo)(item)
                        }))
                    }
                    const optionManager = new _option_manager.OptionManager(this.schedulerStore);
                    this._sortedItems = (0, _generate_grid_view_model.sortAppointments)(optionManager, this._filteredItems);
                    const viewModel = (0, _generate_grid_view_model.generateGridViewModel)(this.schedulerStore, optionManager, this._sortedItems);
                    const isSkipResizing = appointment => appointment.isAllDayPanelOccupied && "day" === viewType && 1 === this.schedulerStore.currentView.intervalCount;
                    const toCollectedItem = item => ({
                        itemData: item.itemData,
                        allDay: item.isAllDayPanelOccupied,
                        groupIndex: item.groupIndex,
                        width: item.width,
                        height: item.height,
                        info: (0, _get_appointment_info.getAppointmentInfo)(item)
                    });
                    return viewModel.map(item => {
                        if (item.items.length) {
                            return {
                                itemData: item.itemData,
                                allDay: item.isAllDayPanelOccupied,
                                groupIndex: item.groupIndex,
                                sortedIndex: item.sortedIndex,
                                top: item.top,
                                left: item.left,
                                width: item.width,
                                height: item.height,
                                isCompact: item.isCompact,
                                items: item.items.map(toCollectedItem)
                            }
                        }
                        return (item => ({
                            itemData: item.itemData,
                            allDay: item.isAllDayPanelOccupied,
                            groupIndex: item.groupIndex,
                            sortedIndex: item.sortedIndex,
                            direction: item.direction,
                            level: item.level,
                            maxLevel: item.maxLevel,
                            empty: item.empty,
                            top: item.top,
                            left: item.left,
                            height: item.height,
                            width: item.width,
                            reduced: item.reduced,
                            partIndex: item.partIndex,
                            partTotalCount: item.partCount,
                            rowIndex: item.rowIndex,
                            columnIndex: item.columnIndex,
                            skipResizing: isSkipResizing(item),
                            info: (0, _get_appointment_info.getAppointmentInfo)(item)
                        }))(item)
                    })
                }
            }
        },
        90349(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getCompareOptions = void 0;
            var _m_utils_time_zone = (e = __webpack_require__( /*! ../../m_utils_time_zone */ 18648), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.getCompareOptions = schedulerStore => {
                const workspace = schedulerStore.getWorkSpace();
                const dateRange = workspace.getDateRange();
                const compareOptions = {
                    startDayHour: schedulerStore.getViewOption("startDayHour"),
                    endDayHour: schedulerStore.getViewOption("endDayHour"),
                    min: _m_utils_time_zone.default.createUTCDateWithLocalOffset(dateRange[0]).getTime(),
                    max: _m_utils_time_zone.default.createUTCDateWithLocalOffset(dateRange[1]).getTime(),
                    skippedDays: schedulerStore.currentView.skippedDays
                };
                return compareOptions
            }
        },
        44442(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.isAppointmentMatchedIntervals = void 0;
            exports.isAppointmentMatchedIntervals = (_ref, intervals) => {
                let {
                    startDate: startDate,
                    endDate: endDate
                } = _ref;
                const intersectionIntervalIndex = intervals.findIndex(_ref2 => {
                    let {
                        max: max
                    } = _ref2;
                    return startDate < max
                });
                if (-1 === intersectionIntervalIndex) {
                    return false
                }
                const intervalStartDate = intervals[intersectionIntervalIndex].min;
                return startDate >= intervalStartDate || endDate > intervalStartDate
            }
        },
        31597(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.shiftIntervals = void 0;
            exports.shiftIntervals = (intervals, viewOffset) => intervals.map(interval => Object.assign({}, interval, {
                min: interval.min + viewOffset,
                max: interval.max + viewOffset
            }))
        },
        85588(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.splitIntervalByDay = void 0;
            var _m_date = __webpack_require__( /*! ../../../core/utils/m_date */ 66570);
            exports.splitIntervalByDay = _ref => {
                let {
                    startDayHour: startDayHour,
                    endDayHour: endDayHour,
                    min: min,
                    max: max,
                    skippedDays: skippedDays
                } = _ref;
                if (endDayHour < startDayHour) {
                    return []
                }
                const startTime = _m_date.dateUtils.dateTimeFromDecimal(startDayHour);
                const endTime = _m_date.dateUtils.dateTimeFromDecimal(endDayHour);
                const normalizedMin = new Date(min);
                normalizedMin.setUTCHours(startTime.hours, startTime.minutes, 0, 0);
                const normalizedMax = new Date(max - 1);
                normalizedMax.setUTCHours(endTime.hours, endTime.minutes, 0, 0);
                const time = normalizedMin;
                const maxTime = normalizedMax;
                const result = [];
                while (time < maxTime) {
                    if (!skippedDays.includes(time.getUTCDay())) {
                        const intervalMax = new Date(time);
                        intervalMax.setUTCHours(endTime.hours, endTime.minutes, 0, 0);
                        result.push({
                            min: time.getTime(),
                            max: intervalMax.getTime()
                        })
                    }
                    time.setUTCDate(time.getUTCDate() + 1)
                }
                return result
            }
        },
        28032(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.trimInterval = void 0;
            exports.trimInterval = _ref => {
                let {
                    min: min,
                    max: max
                } = _ref;
                const maxMinusDay = new Date(max - 1).setUTCHours(0, 0, 0, 0);
                const maxMinusDayDate = new Date(maxMinusDay);
                return {
                    min: new Date(min).setUTCHours(0, 0, 0, 0),
                    max: maxMinusDayDate.setDate(maxMinusDayDate.getDate() + 1)
                }
            }
        },
        12206(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.filterAppointments = void 0;
            var _get_compare_options = __webpack_require__( /*! ../common/get_compare_options */ 90349);
            var _add_all_day_panel_occupation = __webpack_require__( /*! ./utils/add_all_day_panel_occupation */ 13646);
            var _filter_by_attributes = __webpack_require__( /*! ./utils/filter_by_attributes/filter_by_attributes */ 79248);
            var _filter_by_intervals = __webpack_require__( /*! ./utils/filter_by_intervals/filter_by_intervals */ 46582);
            var _get_filter_options = __webpack_require__( /*! ./utils/get_filter_options/get_filter_options */ 77652);
            var _split_by_group_index = __webpack_require__( /*! ./utils/split_by_group_index */ 41702);
            var _split_by_recurrence = __webpack_require__( /*! ./utils/split_by_recurrence/split_by_recurrence */ 98710);
            exports.filterAppointments = (schedulerStore, appointments) => {
                const compareOptions = (0, _get_compare_options.getCompareOptions)(schedulerStore);
                const options = (0, _get_filter_options.getFilterOptions)(schedulerStore, compareOptions);
                const step1 = (0, _add_all_day_panel_occupation.addAllDayPanelOccupation)(appointments, options);
                const step2 = (0, _filter_by_attributes.filterByAttributes)(step1, options);
                const step3 = (0, _split_by_recurrence.splitByRecurrence)(step2, options);
                const step4 = (0, _filter_by_intervals.filterByIntervals)(step3, options);
                const step5 = (appointments => appointments.map(appointment => Object.assign({}, appointment, {
                    duration: appointment.endDateUTC - appointment.startDateUTC
                })))(step4);
                const step6 = (0, _split_by_group_index.splitByGroupIndex)(step5, options);
                const step7 = (appointments => appointments.map(appointment => Object.assign({}, appointment, {
                    datesBeforeSplit: {
                        startDateUTC: appointment.startDateUTC,
                        endDateUTC: appointment.endDateUTC
                    }
                })))(step6);
                return step7
            }
        },
        13646(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addAllDayPanelOccupation = void 0;
            var _base = __webpack_require__( /*! ../../../r1/utils/base */ 44611);
            exports.addAllDayPanelOccupation = (appointments, _ref) => {
                let {
                    supportAllDayPanel: supportAllDayPanel,
                    allDayPanelMode: allDayPanelMode
                } = _ref;
                return appointments.map(appointment => {
                    const isAllDayPanelOccupied = supportAllDayPanel && (0, _base.isAppointmentTakesAllDay)({
                        allDay: appointment.allDay,
                        startDate: new Date(appointment.source.startDate),
                        endDate: new Date(appointment.source.endDate)
                    }, allDayPanelMode);
                    return Object.assign({}, appointment, {
                        isAllDayPanelOccupied: isAllDayPanelOccupied
                    })
                })
            }
        },
        79248(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.filterByAttributes = void 0;
            var _is_appointment_matched_resources = __webpack_require__( /*! ./is_appointment_matched_resources */ 98281);
            exports.filterByAttributes = (appointments, _ref) => {
                let {
                    resourceManager: resourceManager,
                    showAllDayPanel: showAllDayPanel,
                    supportAllDayPanel: supportAllDayPanel
                } = _ref;
                return appointments.filter(appointment => {
                    if (!appointment.visible) {
                        return false
                    }
                    const allDayPanelAppointmentHidden = Boolean(supportAllDayPanel && !showAllDayPanel && appointment.isAllDayPanelOccupied);
                    if (allDayPanelAppointmentHidden) {
                        return false
                    }
                    const resources = resourceManager.groupResources();
                    return (0, _is_appointment_matched_resources.isAppointmentMatchedResources)(appointment.itemData, resources)
                })
            }
        },
        98281(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.isAppointmentMatchedResources = void 0;
            var _common = __webpack_require__( /*! ../../../../../../core/utils/common */ 17781);
            var _appointment_groups_utils = __webpack_require__( /*! ../../../../utils/resource_manager/appointment_groups_utils */ 11649);
            exports.isAppointmentMatchedResources = (appointment, groupsResources) => {
                if (0 === groupsResources.length) {
                    return true
                }
                const appointmentGroupValues = (0, _appointment_groups_utils.getAppointmentGroupValues)(appointment, groupsResources);
                return groupsResources.every(resource => {
                    const value = appointmentGroupValues[resource.resourceIndex];
                    return null === value || void 0 === value ? void 0 : value.some(id => resource.items.some(item => (0, _common.equalByValue)(id, item.id)))
                })
            }
        },
        46582(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.filterByIntervals = void 0;
            var _is_appointment_matched_intervals = __webpack_require__( /*! ../../../common/is_appointment_matched_intervals */ 44442);
            exports.filterByIntervals = (appointments, options) => appointments.filter(appointment => {
                const intervals = ((appointment, _ref) => {
                    let {
                        allDayIntervals: allDayIntervals,
                        regularIntervals: regularIntervals,
                        isDateTimeView: isDateTimeView
                    } = _ref;
                    if (isDateTimeView && appointment.allDay && !appointment.isAllDayPanelOccupied) {
                        return regularIntervals.map(interval => ({
                            min: new Date(interval.min).setUTCHours(0, 0, 0, 0),
                            max: interval.max
                        }))
                    }
                    return appointment.allDay || appointment.isAllDayPanelOccupied ? allDayIntervals : regularIntervals
                })(appointment, options);
                const startDate = appointment.startDateUTC;
                const endDate = appointment.allDay ? appointment.endDateUTC + 1 : appointment.endDateUTC;
                return (0, _is_appointment_matched_intervals.isAppointmentMatchedIntervals)({
                    startDate: startDate,
                    endDate: endDate
                }, intervals)
            })
        },
        77652(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getFilterOptions = void 0;
            var _shift_intervals = __webpack_require__( /*! ../../../common/shift_intervals */ 31597);
            var _get_visible_date_time_intervals = __webpack_require__( /*! ./get_visible_date_time_intervals */ 98243);
            const VIEWS_WITH_ALL_DAY_PANEL = ["day", "week", "workWeek"];
            const DATE_TIME_VIEWS = ["day", "week", "workWeek", "timelineDay", "timelineWeek", "timelineWorkWeek"];
            exports.getFilterOptions = (schedulerStore, compareOptions) => {
                const viewOffset = schedulerStore.getViewOffsetMs();
                const viewType = schedulerStore.currentView.type;
                const supportAllDayPanel = VIEWS_WITH_ALL_DAY_PANEL.includes(viewType);
                const isDateTimeView = DATE_TIME_VIEWS.includes(viewType);
                return {
                    allDayPanelMode: schedulerStore.getViewOption("allDayPanelMode"),
                    supportAllDayPanel: supportAllDayPanel,
                    isDateTimeView: isDateTimeView,
                    showAllDayPanel: schedulerStore.option("showAllDayPanel"),
                    resourceManager: schedulerStore.resourceManager,
                    timeZone: schedulerStore.getTimeZone(),
                    dataAccessor: schedulerStore._dataAccessors,
                    firstDayOfWeek: schedulerStore.option("firstDayOfWeek"),
                    allDayIntervals: (0, _shift_intervals.shiftIntervals)((0, _get_visible_date_time_intervals.getVisibleDateTimeIntervals)(compareOptions, true), viewOffset),
                    regularIntervals: (0, _shift_intervals.shiftIntervals)((0, _get_visible_date_time_intervals.getVisibleDateTimeIntervals)(compareOptions, false), viewOffset)
                }
            }
        },
        98243(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getVisibleDateTimeIntervals = void 0;
            var _split_interval_by_days = __webpack_require__( /*! ../../../common/split_interval_by_days */ 85588);
            exports.getVisibleDateTimeIntervals = (_ref, isDateViewOnly) => {
                let {
                    startDayHour: startDayHour,
                    endDayHour: endDayHour,
                    min: min,
                    max: max,
                    skippedDays: skippedDays
                } = _ref;
                if (isDateViewOnly || 0 === startDayHour && 24 === endDayHour) {
                    return (intervals => {
                        if (0 === intervals.length) {
                            return []
                        }
                        return intervals.reduce((result, interval) => {
                            const last = result[result.length - 1];
                            if (last.max === interval.min) {
                                last.max = interval.max;
                                return result
                            }
                            result.push(interval);
                            return result
                        }, [{
                            min: intervals[0].min,
                            max: intervals[0].min
                        }])
                    })((0, _split_interval_by_days.splitIntervalByDay)({
                        startDayHour: 0,
                        endDayHour: 24,
                        min: min,
                        max: max,
                        skippedDays: skippedDays
                    }))
                }
                return (0, _split_interval_by_days.splitIntervalByDay)({
                    startDayHour: startDayHour,
                    endDayHour: endDayHour,
                    min: min,
                    max: max,
                    skippedDays: skippedDays
                })
            }
        },
        41702(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.splitByGroupIndex = void 0;
            var _appointment_groups_utils = __webpack_require__( /*! ../../../utils/resource_manager/appointment_groups_utils */ 11649);
            exports.splitByGroupIndex = (appointments, _ref) => {
                let {
                    resourceManager: resourceManager
                } = _ref;
                return appointments.reduce((result, appointment) => {
                    if (0 === resourceManager.groupsLeafs.length) {
                        result.push(Object.assign({}, appointment, {
                            groupIndex: 0
                        }));
                        return result
                    }
                    const groupValues = (0, _appointment_groups_utils.getAppointmentGroupValues)(appointment.itemData, resourceManager.resources);
                    const groupIndexes = (0, _appointment_groups_utils.getAppointmentGroupIndex)(groupValues, resourceManager.groupsLeafs);
                    groupIndexes.forEach(groupIndex => {
                        result.push(Object.assign({}, appointment, {
                            groupIndex: groupIndex
                        }))
                    });
                    return result
                }, [])
            }
        },
        47824(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.generateRecurrenceUTCDates = void 0;
            var _date = __webpack_require__( /*! ../../../../../core/utils/date */ 55594);
            var _rrule = __webpack_require__( /*! rrule */ 27692);
            var _base = __webpack_require__( /*! ../../../../recurrence/base */ 57872);
            var _get_date_information = __webpack_require__( /*! ./get_date_information */ 98861);
            const WEEK_DAY_NUMBERS = [6, 0, 1, 2, 3, 4, 5];
            exports.generateRecurrenceUTCDates = (appointment, _ref) => {
                let {
                    firstDayOfWeek: firstDayOfWeek,
                    interval: interval,
                    timeZone: timeZone,
                    startDateTimeZone: startDateTimeZone
                } = _ref;
                if (!appointment.hasRecurrenceRule || !appointment.recurrenceRule) {
                    return [appointment.source.startDate]
                }
                const startDateOffset = (0, _get_date_information.getDateOffsetMs)(appointment.source.startDate, startDateTimeZone);
                const targetOffset = (0, _get_date_information.getDateOffsetMs)(appointment.source.startDate, timeZone);
                const startDateOffsetBase = startDateTimeZone ? startDateOffset - targetOffset : targetOffset;
                const duration = appointment.source.endDate - appointment.source.startDate;
                const start = appointment.source.startDate + startDateOffsetBase;
                const min = interval.min - duration - targetOffset + startDateOffsetBase;
                const max = interval.max - targetOffset + startDateOffsetBase;
                const rule = (0, _base.parseRecurrenceRule)(appointment.recurrenceRule);
                const ruleOptions = _rrule.RRule.parseString(appointment.recurrenceRule);
                ruleOptions.dtstart = new Date(start);
                if (!ruleOptions.wkst && firstDayOfWeek) {
                    ruleOptions.wkst = WEEK_DAY_NUMBERS[firstDayOfWeek]
                }
                if (rule.until) {
                    const untilOffset = (0, _get_date_information.getDateOffsetMs)(rule.until.getTime(), timeZone);
                    ruleOptions.until = _date.dateUtilsTs.addOffsets(rule.until, untilOffset)
                }
                const rRuleSet = new _rrule.RRuleSet;
                const rRule = new _rrule.RRule(ruleOptions);
                rRuleSet.rrule(rRule);
                return rRuleSet.between(new Date(min), new Date(max), true).map(date => date.getTime() - startDateOffsetBase)
            }
        },
        25833(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getAppointmentRecurrenceOccurrences = void 0;
            var _base = __webpack_require__( /*! ../../../../recurrence/base */ 57872);
            var _generate_recurrence_utc_dates = __webpack_require__( /*! ./generate_recurrence_utc_dates */ 47824);
            var _get_date_information = __webpack_require__( /*! ./get_date_information */ 98861);
            exports.getAppointmentRecurrenceOccurrences = (appointment, _ref) => {
                let {
                    firstDayOfWeek: firstDayOfWeek,
                    interval: interval,
                    timeZone: timeZone
                } = _ref;
                const {
                    source: {
                        startDate: startDateMsBase,
                        endDate: endDateMsBase
                    },
                    startDateTimeZone: startDateTimeZone,
                    endDateTimeZone: endDateTimeZone
                } = appointment;
                if (!appointment.hasRecurrenceRule) {
                    const startDateInfo = (0, _get_date_information.getDateInformation)(startDateMsBase, timeZone);
                    const endDateInfo = (0, _get_date_information.getDateInformation)(endDateMsBase, timeZone);
                    const [startDateFix, endDateFix] = ((startDateInfo, endDateInfo) => {
                        switch (true) {
                            case startDateInfo.isUnreachableTime && endDateInfo.isUnreachableTime:
                                return [startDateInfo.deltaMs, startDateInfo.deltaMs];
                            case startDateInfo.isUnreachableTime:
                                return [startDateInfo.deltaMs, 0];
                            case endDateInfo.isUnreachableTime:
                                return [0, endDateInfo.deltaMs];
                            case endDateInfo.isDoubleTimeStart:
                                return [0, -endDateInfo.deltaMs];
                            default:
                                return [0, 0]
                        }
                    })(startDateInfo, endDateInfo);
                    return [Object.assign({}, appointment, {
                        startDateUTC: startDateMsBase + startDateFix + startDateInfo.offsetMs,
                        endDateUTC: endDateMsBase + endDateFix + endDateInfo.offsetMs
                    })]
                }
                const duration = endDateMsBase - startDateMsBase;
                const dates = (0, _generate_recurrence_utc_dates.generateRecurrenceUTCDates)(appointment, {
                    firstDayOfWeek: firstDayOfWeek,
                    interval: interval,
                    timeZone: timeZone,
                    startDateTimeZone: startDateTimeZone
                });
                const startDateOffsetBase = (0, _get_date_information.getDateOffsetMs)(startDateMsBase, timeZone);
                const startDateAppointmentOffsetBase = (0, _get_date_information.getDateOffsetMs)(startDateMsBase, startDateTimeZone);
                const endDateAppointmentOffsetBase = (0, _get_date_information.getDateOffsetMs)(endDateMsBase, endDateTimeZone);
                const exceptionDates = new Set(appointment.hasRecurrenceRule && appointment.recurrenceException ? appointment.recurrenceException.split(",").map(date => (0, _base.getDateByAsciiString)(date)).map(date => date ? date.getTime() : 0) : []);
                return dates.map(startDateMs => {
                    const endDateMs = startDateMs + duration;
                    const startDateInfo = (0, _get_date_information.getDateInformation)(startDateMs, timeZone);
                    const startDateAppointmentOffset = (0, _get_date_information.getDateOffsetMs)(startDateMs, startDateTimeZone);
                    const startChange = startDateOffsetBase - startDateInfo.offsetMs;
                    const startAppointmentChange = startDateAppointmentOffsetBase - startDateAppointmentOffset;
                    const startDateDSTChange = startDateTimeZone ? startAppointmentChange : startChange;
                    const endDateInfo = (0, _get_date_information.getDateInformation)(endDateMs, timeZone);
                    const endDateAppointmentOffset = (0, _get_date_information.getDateOffsetMs)(endDateMs, endDateTimeZone);
                    const endChange = startDateOffsetBase - endDateInfo.offsetMs;
                    const endAppointmentChange = endDateAppointmentOffsetBase - endDateAppointmentOffset;
                    const endDateDSTChange = endDateTimeZone ? endAppointmentChange : endChange;
                    const [startDateFix, endDateFix] = ((startDateInfo, endDateInfo) => {
                        switch (true) {
                            case startDateInfo.isUnreachableTime:
                                return [startDateInfo.deltaMs, startDateInfo.deltaMs];
                            case endDateInfo.isUnreachableTime:
                                return [0, endDateInfo.deltaMs];
                            default:
                                return [0, 0]
                        }
                    })(startDateInfo, endDateInfo);
                    const sourceStartDate = startDateMs + startDateDSTChange;
                    const sourceEndDate = endDateMs + endDateDSTChange;
                    return Object.assign({}, appointment, {
                        source: {
                            startDate: sourceStartDate,
                            endDate: sourceEndDate
                        },
                        startDateUTC: sourceStartDate + startDateFix + startDateInfo.offsetMs,
                        endDateUTC: sourceEndDate + endDateFix + endDateInfo.offsetMs
                    })
                }).filter(item => !exceptionDates.has(item.source.startDate))
            }
        },
        98861(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getDateOffsetMs = exports.getDateInformation = exports.findDSTOfDay = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../../../../core/utils/date */ 41380));
            var _global_cache = __webpack_require__( /*! ../../../../global_cache */ 23710);
            var _m_utils_time_zone = _interopRequireDefault(__webpack_require__( /*! ../../../../m_utils_time_zone */ 18648));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const toMs = _date.default.dateToMilliseconds;
            const getOffsetHours = _m_utils_time_zone.default.calculateTimezoneByValue;
            const HOUR_MS = toMs("hour");
            const roundToHour = date => Math.round(date / HOUR_MS) * HOUR_MS;
            const findDSTOfDay = (date, timeZone) => {
                const minDate = new Date(date).setUTCHours(0, 0, 0, 0);
                return _global_cache.globalCache.DST.memo(`${minDate}${timeZone}`, () => {
                    const min = roundToHour(minDate - HOUR_MS);
                    const max = roundToHour(minDate + toMs("day") + HOUR_MS);
                    const minOffset = getOffsetHours(timeZone, min) ?? 0;
                    const maxOffset = getOffsetHours(timeZone, max) ?? 0;
                    if (minOffset === maxOffset) {
                        return [-date, minOffset * HOUR_MS, maxOffset * HOUR_MS]
                    }
                    let left = min;
                    let right = max;
                    while (right - left > HOUR_MS / 3) {
                        const mid = left + (right - left) / 2;
                        const offset = getOffsetHours(timeZone, roundToHour(mid));
                        if (offset === minOffset) {
                            left = mid
                        } else {
                            right = mid
                        }
                    }
                    return [roundToHour(left) + HOUR_MS, minOffset * HOUR_MS, maxOffset * HOUR_MS]
                })
            };
            exports.findDSTOfDay = findDSTOfDay;
            const getDateInformation = (date, timeZone) => {
                const [targetDST, beforeDSTOffset, afterDSTOffset] = findDSTOfDay(date, timeZone);
                const deltaMs = afterDSTOffset - beforeDSTOffset;
                const condition = deltaMs > 0 ? date < targetDST + deltaMs : date < targetDST;
                return {
                    offsetMs: condition ? beforeDSTOffset : afterDSTOffset,
                    isUnreachableTime: deltaMs > 0 && date >= targetDST && date < targetDST + deltaMs,
                    isDoubleTimeStart: date === targetDST,
                    deltaMs: deltaMs
                }
            };
            exports.getDateInformation = getDateInformation;
            exports.getDateOffsetMs = (date, timeZone) => timeZone ? getDateInformation(date, timeZone).offsetMs : 0
        },
        98710(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.splitByRecurrence = void 0;
            var _get_appointment_recurrence_occurrences = __webpack_require__( /*! ./get_appointment_recurrence_occurrences */ 25833);
            exports.splitByRecurrence = (entities, _ref) => {
                let {
                    timeZone: timeZone,
                    firstDayOfWeek: firstDayOfWeek,
                    allDayIntervals: allDayIntervals,
                    regularIntervals: regularIntervals
                } = _ref;
                return entities.reduce((acc, appointment) => {
                    const intervals = appointment.allDay || appointment.isAllDayPanelOccupied ? allDayIntervals : regularIntervals;
                    const recurrenceInterval = {
                        min: intervals[0].min,
                        max: intervals[intervals.length - 1].max
                    };
                    const occurrences = (0, _get_appointment_recurrence_occurrences.getAppointmentRecurrenceOccurrences)(appointment, {
                        firstDayOfWeek: firstDayOfWeek,
                        interval: recurrenceInterval,
                        timeZone: timeZone
                    });
                    acc.push(...occurrences);
                    return acc
                }, [])
            }
        },
        46040(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.generateAgendaViewModel = void 0;
            var _get_compare_options = __webpack_require__( /*! ../common/get_compare_options */ 90349);
            var _split_interval_by_days = __webpack_require__( /*! ../common/split_interval_by_days */ 85588);
            var _add_last_in_group = __webpack_require__( /*! ./steps/add_last_in_group */ 6238);
            var _add_sorted_index = __webpack_require__( /*! ./steps/add_sorted_index */ 84988);
            var _sorting = __webpack_require__( /*! ./steps/sorting */ 12628);
            var _split_by_parts = __webpack_require__( /*! ./steps/split_by_parts/split_by_parts */ 89959);
            exports.generateAgendaViewModel = (schedulerStore, items) => {
                const height = schedulerStore.fire("getAgendaVerticalStepHeight");
                const compareOptions = (0, _get_compare_options.getCompareOptions)(schedulerStore);
                const intervals = (0, _split_interval_by_days.splitIntervalByDay)(Object.assign({}, compareOptions, {
                    startDayHour: 0,
                    endDayHour: 24
                }));
                let entities = (0, _split_by_parts.splitByParts)(items, intervals);
                entities = (entities => entities.map(entity => Object.assign({}, entity, {
                    datesAfterSplit: {
                        startDateUTC: entity.startDateUTC,
                        endDateUTC: entity.endDateUTC
                    }
                })))(entities);
                entities = ((entities, height) => entities.map(entity => Object.assign({}, entity, {
                    height: height,
                    width: "100%"
                })))(entities, height);
                entities = (0, _sorting.sortByStartDate)(entities);
                entities = (0, _sorting.sortByGroupIndex)(entities);
                entities = (0, _add_last_in_group.addLastInGroup)(entities);
                return (0, _add_sorted_index.addSortedIndex)(entities)
            }
        },
        57196(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.sortAppointments = exports.generateGridViewModel = void 0;
            var _add_collector = __webpack_require__( /*! ./steps/add_collector/add_collector */ 58607);
            var _add_direction = __webpack_require__( /*! ./steps/add_direction */ 16665);
            var _add_emptiness = __webpack_require__( /*! ./steps/add_emptiness */ 27602);
            var _add_geometry = __webpack_require__( /*! ./steps/add_geometry/add_geometry */ 84181);
            var _add_position = __webpack_require__( /*! ./steps/add_position */ 68825);
            var _add_sorted_index = __webpack_require__( /*! ./steps/add_sorted_index */ 84988);
            var _expand_all_day = __webpack_require__( /*! ./steps/expand_all_day */ 56295);
            var _group_by_group_index = __webpack_require__( /*! ./steps/group_by_group_index */ 6332);
            var _maybe_split = __webpack_require__( /*! ./steps/maybe_split */ 88779);
            var _snap_to_cells = __webpack_require__( /*! ./steps/snap_to_cells */ 5146);
            var _sorting = __webpack_require__( /*! ./steps/sorting */ 12628);
            var _split_by_parts = __webpack_require__( /*! ./steps/split_by_parts/split_by_parts */ 89959);
            var _virtual_screen_crop = __webpack_require__( /*! ./steps/virtual_screen_crop */ 29983);
            var _virtual_screen_filter = __webpack_require__( /*! ./steps/virtual_screen_filter */ 84751);
            exports.sortAppointments = (optionManager, items) => {
                const {
                    isMonthView: isMonthView,
                    hasAllDayPanel: hasAllDayPanel,
                    viewOffset: viewOffset,
                    compareOptions: {
                        endDayHour: endDayHour
                    }
                } = optionManager.options;
                const step2 = (0, _maybe_split.maybeSplit)(items, hasAllDayPanel, (entities, panelName) => {
                    const byGroup = (0, _group_by_group_index.groupByGroupIndex)(entities);
                    const positionInsideGroup = byGroup.map(group => {
                        (0, _sorting.sortByDuration)(group);
                        (0, _sorting.sortByStartDate)(group);
                        const innerStep0 = isMonthView || "allDayPanel" === panelName ? (0, _expand_all_day.expandAllDayAllDayPanel)(group, endDayHour, viewOffset) : (0, _expand_all_day.expandAllDayRegularPanel)(group);
                        const innerStep1 = (0, _split_by_parts.splitByParts)(innerStep0, optionManager.getSplitIntervals(panelName));
                        (0, _sorting.sortByDuration)(innerStep1);
                        (0, _sorting.sortByStartDate)(innerStep1);
                        (0, _sorting.sortByGroupIndex)(innerStep1);
                        const innerStep2 = (0, _add_position.addPosition)(innerStep1, optionManager.getCells(panelName));
                        const innerStep3 = isMonthView || "allDayPanel" === panelName ? (0, _snap_to_cells.snapToCells)(innerStep2, optionManager.getCells(panelName)) : innerStep2;
                        const innerStep4 = (0, _add_collector.addCollector)(innerStep3, optionManager.getCollectorOptions(panelName));
                        return innerStep4
                    });
                    return positionInsideGroup.flat()
                });
                const step3 = (0, _add_sorted_index.addSortedIndex)(step2);
                return step3
            };
            exports.generateGridViewModel = (schedulerStore, optionManager, items) => {
                const {
                    viewOrientation: viewOrientation,
                    isMonthView: isMonthView,
                    isAdaptivityEnabled: isAdaptivityEnabled,
                    isTimelineView: isTimelineView,
                    hasAllDayPanel: hasAllDayPanel,
                    isVirtualScrolling: isVirtualScrolling
                } = optionManager.options;
                const {
                    viewDataProvider: viewDataProvider
                } = schedulerStore._workSpace;
                const step4 = (0, _virtual_screen_filter.filterByVirtualScreen)(items, viewDataProvider, isVirtualScrolling);
                const step5 = (0, _maybe_split.maybeSplit)(step4, hasAllDayPanel, (entities, panelName) => {
                    const innerStep = (0, _add_geometry.addGeometry)(entities, optionManager.getGeometryOptions(panelName));
                    return innerStep
                });
                const step6 = (0, _virtual_screen_crop.cropByVirtualScreen)(step5, optionManager.getVirtualCropOptions());
                const step7 = (0, _add_direction.addDirection)(step6, "horizontal", viewOrientation);
                const step8 = (0, _add_emptiness.addEmptiness)(step7, {
                    isTimelineView: isTimelineView,
                    isAdaptivityEnabled: isAdaptivityEnabled,
                    isMonthView: isMonthView
                });
                return step8
            }
        },
        52253(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getCollectorSize = void 0;
            const getPxValue = function() {
                let value = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "";
                let defaultValue = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0;
                if (!value.endsWith("px")) {
                    return defaultValue
                }
                return parseInt(value, 10) || defaultValue
            };
            exports.getCollectorSize = (cellSize, collectorCSS, defaultCollectorWidth) => {
                const parsedSize = {
                    height: getPxValue(collectorCSS.height, 20),
                    width: getPxValue(collectorCSS.width, defaultCollectorWidth),
                    marginRight: getPxValue(collectorCSS.marginRight),
                    marginLeft: getPxValue(collectorCSS.marginLeft),
                    marginTop: getPxValue(collectorCSS.marginTop),
                    marginBottom: getPxValue(collectorCSS.marginBottom)
                };
                const marginHeight = parsedSize.marginTop + parsedSize.marginBottom;
                const marginWidth = parsedSize.marginLeft + parsedSize.marginRight;
                const height = Math.max(20, parsedSize.height);
                const width = Math.max(20, parsedSize.width || cellSize.width - marginWidth);
                return {
                    collectorSize: {
                        width: width,
                        height: height
                    },
                    collectorWithMarginsSize: {
                        width: width + marginWidth,
                        height: height + marginHeight
                    }
                }
            }
        },
        62041(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getGroupSize = void 0;
            exports.getGroupSize = _ref => {
                let {
                    cellSize: cellSize,
                    cellDurationMinutes: cellDurationMinutes,
                    endDayHour: endDayHour,
                    startDayHour: startDayHour,
                    cells: cells,
                    intervals: intervals,
                    viewType: viewType,
                    isAllDayPanel: isAllDayPanel
                } = _ref;
                switch (viewType) {
                    case "month":
                    case "timelineMonth": {
                        const intervalDaysCount = cells.filter(cell => 0 === cell.rowIndex).length;
                        return {
                            width: cellSize.width * intervalDaysCount,
                            height: cellSize.height * intervals.length
                        }
                    }
                    case "timelineDay":
                    case "timelineWeek":
                    case "timelineWorkWeek":
                        return {
                            width: cellSize.width * cells.length, height: cellSize.height
                        };
                    case "day":
                    case "week":
                    case "workWeek":
                        return {
                            width: isAllDayPanel ? cellSize.width * cells.length : cellSize.width * intervals.length, height: cellSize.height * (endDayHour - startDayHour) * (60 / cellDurationMinutes)
                        };
                    default:
                        return cellSize
                }
            }
        },
        64565(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getMaxLevel = void 0;
            var _swap_by_view_orientation = __webpack_require__( /*! ../steps/add_geometry/swap_by_view_orientation */ 44175);
            var _get_min_appointment_size = __webpack_require__( /*! ./get_min_appointment_size */ 16270);
            exports.getMaxLevel = _ref => {
                let {
                    maxAppointmentsPerCell: maxAppointmentsPerCell,
                    cellSize: cellSize,
                    collectorSize: collectorSize,
                    viewOrientation: viewOrientation,
                    isTimelineView: isTimelineView,
                    isAdaptivityEnabled: isAdaptivityEnabled
                } = _ref;
                switch (maxAppointmentsPerCell) {
                    case "auto": {
                        if (isAdaptivityEnabled && "horizontal" === viewOrientation) {
                            return 0
                        }
                        const cellSizeY = (0, _swap_by_view_orientation.getAbstractSizeByViewOrientation)(cellSize, viewOrientation).sizeY;
                        const isSmallCell = cellSizeY < 30;
                        if (isSmallCell) {
                            return 0
                        }
                        const defaultAppointmentSize = (0, _get_min_appointment_size.getDefaultAppointmentSize)({
                            isTimelineView: isTimelineView,
                            isAdaptivityEnabled: isAdaptivityEnabled,
                            viewOrientation: viewOrientation
                        });
                        const minAbstractSize = (0, _swap_by_view_orientation.getAbstractSizeByViewOrientation)(defaultAppointmentSize, viewOrientation);
                        const collectorSizeY = (0, _swap_by_view_orientation.getAbstractSizeByViewOrientation)(collectorSize, viewOrientation).sizeY;
                        const calculated = Math.floor(Math.max(0, cellSizeY - collectorSizeY) / minAbstractSize.sizeY);
                        return Math.max(calculated, isAdaptivityEnabled ? 0 : 1)
                    }
                    case "unlimited":
                        return -1;
                    default:
                        return parseInt(String(maxAppointmentsPerCell), 10)
                }
            }
        },
        16270(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getMinAppointmentSize = exports.getDefaultAppointmentSize = void 0;
            var _themes = __webpack_require__( /*! ../../../../../ui/themes */ 52071);
            const getMinAppointmentHeightByTheme = () => (0, _themes.isCompact)((0, _themes.current)()) ? 18 : 20;
            exports.getMinAppointmentSize = options => {
                const {
                    isTimelineView: isTimelineView,
                    isAdaptivityEnabled: isAdaptivityEnabled,
                    isMonthView: isMonthView,
                    isAllDayAppointment: isAllDayAppointment
                } = options;
                if (isAdaptivityEnabled) {
                    return {
                        width: 30,
                        height: 30
                    }
                }
                if (isTimelineView) {
                    return {
                        width: 40,
                        height: 35
                    }
                }
                const height = isMonthView || isAllDayAppointment ? getMinAppointmentHeightByTheme() : 12;
                return {
                    width: 40,
                    height: height
                }
            };
            exports.getDefaultAppointmentSize = _ref => {
                let {
                    isTimelineView: isTimelineView,
                    isAdaptivityEnabled: isAdaptivityEnabled,
                    viewOrientation: viewOrientation
                } = _ref;
                if (isAdaptivityEnabled) {
                    return {
                        width: 30,
                        height: 30
                    }
                }
                return {
                    width: "vertical" === viewOrientation ? 50 : 40,
                    height: isTimelineView ? 60 : getMinAppointmentHeightByTheme()
                }
            }
        },
        55647(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getMinutesCellIntervals = void 0;
            var _split_interval_by_days = __webpack_require__( /*! ../../common/split_interval_by_days */ 85588);
            exports.getMinutesCellIntervals = _ref => {
                let {
                    intervals: intervals,
                    startDayHour: startDayHour,
                    endDayHour: endDayHour,
                    durationMinutes: durationMinutes,
                    skippedDays: skippedDays
                } = _ref;
                return intervals.reduce((result, interval, rowIndex) => {
                    const dayIntervals = (0, _split_interval_by_days.splitIntervalByDay)(Object.assign({}, interval, {
                        startDayHour: startDayHour,
                        endDayHour: endDayHour,
                        skippedDays: skippedDays
                    }));
                    let columnIndex = 0;
                    ((intervals, skippedDays) => intervals.filter(item => !skippedDays.includes(new Date(item.min).getUTCDay())))(dayIntervals, skippedDays).forEach(dayInterval => {
                        const date = new Date(dayInterval.min);
                        while (date.getTime() < dayInterval.max) {
                            const min = date.getTime();
                            let max = date.setUTCMinutes(date.getUTCMinutes() + durationMinutes);
                            if (date.getUTCHours() > endDayHour) {
                                date.setUTCDate(date.getUTCDate() + 1);
                                date.setUTCHours(startDayHour, 0, 0, 0);
                                max = date.getTime()
                            }
                            result.push({
                                min: min,
                                max: max,
                                rowIndex: rowIndex,
                                columnIndex: columnIndex,
                                cellIndex: result.length
                            });
                            columnIndex += 1
                        }
                    });
                    return result
                }, [])
            }
        },
        17945(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getMonthIntervals = void 0;
            var _shift_intervals = __webpack_require__( /*! ../../common/shift_intervals */ 31597);
            var _trim_interval = __webpack_require__( /*! ../../common/trim_interval */ 28032);
            var _get_one_day_cell_intervals = __webpack_require__( /*! ./get_one_day_cell_intervals */ 99119);
            const _excluded = ["startDayHour", "endDayHour", "skippedDays"];
            exports.getMonthIntervals = (_ref, viewOffset, isTimeline) => {
                let {
                    startDayHour: startDayHour,
                    endDayHour: endDayHour,
                    skippedDays: skippedDays
                } = _ref, dateInterval = function(r, e) {
                    if (null == r) {
                        return {}
                    }
                    var t = {};
                    for (var n in r) {
                        if ({}.hasOwnProperty.call(r, n)) {
                            if (-1 !== e.indexOf(n)) {
                                continue
                            }
                            t[n] = r[n]
                        }
                    }
                    return t
                }(_ref, _excluded);
                const trimmedInterval = (0, _trim_interval.trimInterval)(dateInterval);
                const intervals = isTimeline ? [trimmedInterval] : (intervals => {
                    const result = [];
                    const date = new Date(intervals.min);
                    while (date.getTime() < intervals.max) {
                        const min = date.getTime();
                        date.setUTCDate(date.getUTCDate() + 7);
                        result.push({
                            min: min,
                            max: date.getTime()
                        })
                    }
                    return result
                })(trimmedInterval);
                const croppedIntervals = ((intervals, startDayHour, endDayHour) => intervals.map(item => Object.assign({}, item, {
                    min: new Date(item.min).setUTCHours(startDayHour, 0, 0, 0),
                    max: new Date(item.max - 1).setUTCHours(endDayHour, 0, 0, 0)
                })))(intervals, startDayHour, endDayHour);
                const shiftedIntervals = (0, _shift_intervals.shiftIntervals)(croppedIntervals, viewOffset);
                const cells = (0, _get_one_day_cell_intervals.getOneDayCellIntervals)({
                    intervals: intervals,
                    startDayHour: startDayHour,
                    endDayHour: endDayHour,
                    skippedDays: skippedDays
                });
                const shiftedCells = (0, _shift_intervals.shiftIntervals)(cells, viewOffset);
                return {
                    cells: shiftedCells,
                    dayIntervals: shiftedCells,
                    intervals: shiftedIntervals
                }
            }
        },
        99119(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getOneDayCellIntervals = void 0;
            var _split_interval_by_days = __webpack_require__( /*! ../../common/split_interval_by_days */ 85588);
            exports.getOneDayCellIntervals = _ref => {
                let {
                    intervals: intervals,
                    startDayHour: startDayHour,
                    endDayHour: endDayHour,
                    skippedDays: skippedDays
                } = _ref;
                return intervals.reduce((result, interval, rowIndex) => {
                    const cells = (0, _split_interval_by_days.splitIntervalByDay)(Object.assign({}, interval, {
                        startDayHour: startDayHour,
                        endDayHour: endDayHour,
                        skippedDays: skippedDays
                    }));
                    let columnIndex = 0;
                    cells.forEach(cell => {
                        result.push({
                            min: cell.min,
                            max: cell.max,
                            rowIndex: rowIndex,
                            columnIndex: columnIndex,
                            cellIndex: result.length
                        });
                        columnIndex += 1
                    });
                    return result
                }, [])
            }
        },
        62125(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getPanelCollectorOptions = void 0;
            var _get_collector_size = __webpack_require__( /*! ./get_collector_size */ 52253);
            var _get_max_level = __webpack_require__( /*! ./get_max_level */ 64565);
            const UNLIMITED_COLLECTOR_SIZES = {
                collectorSize: {
                    width: 0,
                    height: 0
                },
                collectorWithMarginsSize: {
                    width: 0,
                    height: 0
                }
            };
            exports.getPanelCollectorOptions = (schedulerStore, _ref) => {
                var _DOMMetaData$dateTabl;
                let {
                    alwaysReserveSpaceForCollector: alwaysReserveSpaceForCollector,
                    isTimelineView: isTimelineView,
                    viewOrientation: viewOrientation,
                    isAdaptivityEnabled: isAdaptivityEnabled,
                    collectorCSS: collectorCSS,
                    DOMMetaData: DOMMetaData,
                    panelName: panelName
                } = _ref;
                const allDayPanelCellDOM = DOMMetaData.allDayPanelCellsMeta[0] || DOMMetaData.dateTableCellsMeta[0][0];
                const regularPanelCellDOM = (null === (_DOMMetaData$dateTabl = DOMMetaData.dateTableCellsMeta[1]) || void 0 === _DOMMetaData$dateTabl ? void 0 : _DOMMetaData$dateTabl[0]) || DOMMetaData.dateTableCellsMeta[0][0];
                const cellDOM = "allDayPanel" === panelName ? allDayPanelCellDOM : regularPanelCellDOM;
                const allDayPanelCellSize = {
                    width: allDayPanelCellDOM.width ?? 0,
                    height: allDayPanelCellDOM.height ?? 0
                };
                const cellSize = {
                    width: cellDOM.width ?? 0,
                    height: cellDOM.height ?? 0
                };
                const maxAppointmentsPerCell = schedulerStore.getViewOption("maxAppointmentsPerCell");
                const collectorSizes = "unlimited" === maxAppointmentsPerCell && !alwaysReserveSpaceForCollector ? UNLIMITED_COLLECTOR_SIZES : (0, _get_collector_size.getCollectorSize)(cellSize, collectorCSS, !isAdaptivityEnabled && "allDayPanel" === panelName ? .75 * cellSize.width : 0);
                const maxLevelOptions = {
                    maxAppointmentsPerCell: maxAppointmentsPerCell,
                    cellSize: cellSize,
                    collectorSize: collectorSizes.collectorWithMarginsSize,
                    viewOrientation: viewOrientation,
                    isTimelineView: isTimelineView,
                    isAdaptivityEnabled: isAdaptivityEnabled
                };
                const maxLevel = (0, _get_max_level.getMaxLevel)(maxLevelOptions);
                const minLevel = "vertical" === viewOrientation ? 1 : (0, _get_max_level.getMaxLevel)(Object.assign({}, maxLevelOptions, {
                    maxAppointmentsPerCell: "auto"
                }));
                return {
                    allDayPanelCellSize: allDayPanelCellSize,
                    cellSize: cellSize,
                    collectorSizes: collectorSizes,
                    maxLevel: maxLevel,
                    minLevel: minLevel
                }
            }
        },
        64390(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getViewModelOptions = void 0;
            var _get_compare_options = __webpack_require__( /*! ../../common/get_compare_options */ 90349);
            const configByView = {
                day: {
                    isTimelineView: false,
                    isMonthView: false,
                    viewOrientation: "vertical"
                },
                week: {
                    isTimelineView: false,
                    isMonthView: false,
                    viewOrientation: "vertical"
                },
                workWeek: {
                    isTimelineView: false,
                    isMonthView: false,
                    viewOrientation: "vertical"
                },
                month: {
                    isTimelineView: false,
                    isMonthView: true,
                    viewOrientation: "horizontal"
                },
                timelineDay: {
                    isTimelineView: true,
                    isMonthView: false,
                    viewOrientation: "horizontal"
                },
                timelineWeek: {
                    isTimelineView: true,
                    isMonthView: false,
                    viewOrientation: "horizontal"
                },
                timelineWorkWeek: {
                    isTimelineView: true,
                    isMonthView: false,
                    viewOrientation: "horizontal"
                },
                timelineMonth: {
                    isTimelineView: true,
                    isMonthView: true,
                    viewOrientation: "horizontal"
                }
            };
            exports.getViewModelOptions = schedulerStore => {
                const viewOffset = schedulerStore.getViewOffsetMs();
                const {
                    groupOrientation: groupOrientation,
                    type: type
                } = schedulerStore.currentView;
                const groupCount = schedulerStore.resourceManager.groupCount();
                const isGroupByDate = Boolean(groupCount && "horizontal" === groupOrientation && schedulerStore.getViewOption("groupByDate"));
                const compareOptions = (0, _get_compare_options.getCompareOptions)(schedulerStore);
                const {
                    isTimelineView: isTimelineView,
                    isMonthView: isMonthView,
                    viewOrientation: viewOrientation
                } = configByView[type];
                const isRTLEnabled = Boolean(schedulerStore.option("rtlEnabled"));
                const isAdaptivityEnabled = Boolean(schedulerStore.option("adaptivityEnabled"));
                const cellDurationMinutes = schedulerStore.getViewOption("cellDuration");
                const allDayPanelMode = schedulerStore.getViewOption("allDayPanelMode");
                const showAllDayPanel = schedulerStore.getViewOption("showAllDayPanel");
                const isVirtualScrolling = schedulerStore.isVirtualScrolling();
                return {
                    type: type,
                    viewOffset: viewOffset,
                    groupOrientation: groupOrientation,
                    isGroupByDate: isGroupByDate,
                    groupCount: groupCount,
                    compareOptions: compareOptions,
                    isTimelineView: isTimelineView,
                    isMonthView: isMonthView,
                    viewOrientation: viewOrientation,
                    isRTLEnabled: isRTLEnabled,
                    isAdaptivityEnabled: isAdaptivityEnabled,
                    cellDurationMinutes: cellDurationMinutes,
                    hasAllDayPanel: showAllDayPanel && "hidden" !== allDayPanelMode && "vertical" === viewOrientation,
                    isVirtualScrolling: isVirtualScrolling
                }
            }
        },
        79837(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getWeekIntervals = void 0;
            var _shift_intervals = __webpack_require__( /*! ../../common/shift_intervals */ 31597);
            var _split_interval_by_days = __webpack_require__( /*! ../../common/split_interval_by_days */ 85588);
            var _trim_interval = __webpack_require__( /*! ../../common/trim_interval */ 28032);
            var _get_minutes_cell_intervals = __webpack_require__( /*! ./get_minutes_cell_intervals */ 55647);
            const _excluded = ["startDayHour", "endDayHour"];
            exports.getWeekIntervals = (compareOptions, cellDurationMinutes, viewOffset, isTimeline) => {
                const dateInterval = function(r, e) {
                    if (null == r) {
                        return {}
                    }
                    var t = {};
                    for (var n in r) {
                        if ({}.hasOwnProperty.call(r, n)) {
                            if (-1 !== e.indexOf(n)) {
                                continue
                            }
                            t[n] = r[n]
                        }
                    }
                    return t
                }(compareOptions, _excluded);
                const trimmedInterval = (0, _trim_interval.trimInterval)(dateInterval);
                const splitIntervals = (0, _split_interval_by_days.splitIntervalByDay)(compareOptions);
                const intervals = isTimeline ? [trimmedInterval] : splitIntervals;
                const shiftedIntervals = (0, _shift_intervals.shiftIntervals)(intervals, viewOffset);
                const shiftedSplitIntervals = (0, _shift_intervals.shiftIntervals)(splitIntervals, viewOffset);
                const cells = (0, _get_minutes_cell_intervals.getMinutesCellIntervals)(Object.assign({}, compareOptions, {
                    intervals: intervals,
                    durationMinutes: cellDurationMinutes
                }));
                const shiftedCells = (0, _shift_intervals.shiftIntervals)(cells, viewOffset);
                return {
                    cells: shiftedCells,
                    dayIntervals: shiftedSplitIntervals,
                    intervals: shiftedIntervals
                }
            }
        },
        25644(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.OptionManager = void 0;
            var _global_cache = __webpack_require__( /*! ../../../global_cache */ 23710);
            var _get_group_size = __webpack_require__( /*! ./get_group_size */ 62041);
            var _get_month_intervals = __webpack_require__( /*! ./get_month_intervals */ 17945);
            var _get_panel_collector_options = __webpack_require__( /*! ./get_panel_collector_options */ 62125);
            var _get_view_model_options = __webpack_require__( /*! ./get_view_model_options */ 64390);
            var _get_week_intervals = __webpack_require__( /*! ./get_week_intervals */ 79837);
            exports.OptionManager = class {
                constructor(schedulerStore) {
                    this.schedulerStore = schedulerStore;
                    this.cache = new _global_cache.Cache;
                    this.options = (0, _get_view_model_options.getViewModelOptions)(schedulerStore)
                }
                getPanelOptions(panelName) {
                    const workspace = this.schedulerStore.getWorkSpace();
                    const panelDOMSize = workspace.getPanelDOMSize("vertical" === this.options.groupOrientation ? "regularPanel" : panelName);
                    return this.cache.memo(`${panelDOMSize.width}.${panelDOMSize.height}.${panelName}`, () => {
                        const {
                            type: type,
                            viewOffset: viewOffset,
                            groupOrientation: groupOrientation,
                            viewOrientation: nativeViewOrientation,
                            isGroupByDate: isGroupByDate,
                            groupCount: groupCount,
                            compareOptions: compareOptions,
                            isMonthView: isMonthView,
                            isRTLEnabled: isRTLEnabled,
                            isAdaptivityEnabled: isAdaptivityEnabled,
                            cellDurationMinutes: cellDurationMinutes,
                            isTimelineView: isTimelineView,
                            hasAllDayPanel: hasAllDayPanel
                        } = this.options;
                        const viewOrientation = "allDayPanel" === panelName ? "horizontal" : nativeViewOrientation;
                        const isCompactCollector = isAdaptivityEnabled || "vertical" === viewOrientation;
                        const collectorCSS = workspace.getCollectorDimension(isCompactCollector, panelName);
                        const {
                            allDayPanelCellSize: allDayPanelCellSize,
                            cellSize: cellSize,
                            collectorSizes: collectorSizes,
                            maxLevel: maxLevel,
                            minLevel: minLevel
                        } = (0, _get_panel_collector_options.getPanelCollectorOptions)(this.schedulerStore, {
                            alwaysReserveSpaceForCollector: "month" === type,
                            isTimelineView: isTimelineView,
                            viewOrientation: viewOrientation,
                            isAdaptivityEnabled: isAdaptivityEnabled,
                            collectorCSS: collectorCSS,
                            DOMMetaData: workspace.getDOMElementsMetaData(),
                            panelName: panelName
                        });
                        const {
                            cells: cells,
                            dayIntervals: dayIntervals,
                            intervals: intervals
                        } = ((compareOptions, cellDurationMinutes, viewOffset, isTimeline, isMonthView, panelName) => {
                            switch (true) {
                                case isMonthView:
                                    return (0, _get_month_intervals.getMonthIntervals)(compareOptions, viewOffset, isTimeline);
                                case "allDayPanel" === panelName:
                                    return (0, _get_month_intervals.getMonthIntervals)(compareOptions, viewOffset, true);
                                default:
                                    return (0, _get_week_intervals.getWeekIntervals)(compareOptions, cellDurationMinutes, viewOffset, isTimeline)
                            }
                        })(compareOptions, cellDurationMinutes, viewOffset, isTimelineView || "allDayPanel" === panelName, isMonthView, panelName);
                        const groupByDateSplitIntervals = "vertical" === viewOrientation ? dayIntervals : cells;
                        const splitIntervals = isGroupByDate ? groupByDateSplitIntervals : intervals;
                        const geometryOptions = Object.assign({
                            intervals: intervals,
                            cells: cells,
                            maxAppointmentsPerCell: maxLevel,
                            hasAllDayPanel: hasAllDayPanel,
                            viewOrientation: viewOrientation,
                            groupOrientation: groupOrientation,
                            isGroupByDate: isGroupByDate,
                            isTimelineView: isTimelineView,
                            isRTLEnabled: isRTLEnabled,
                            isAdaptivityEnabled: isAdaptivityEnabled,
                            allDayPanelCellSize: allDayPanelCellSize,
                            cellSize: cellSize,
                            collectorPosition: "vertical" === viewOrientation ? "end" : "start"
                        }, collectorSizes, {
                            groupCount: groupCount,
                            groupSize: (0, _get_group_size.getGroupSize)(Object.assign({}, compareOptions, {
                                cellSize: cellSize,
                                cellDurationMinutes: cellDurationMinutes,
                                intervals: intervals,
                                cells: cells,
                                viewType: type,
                                isAllDayPanel: "allDayPanel" === panelName
                            })),
                            panelSize: panelDOMSize
                        });
                        const collectorOptions = {
                            cells: cells,
                            minLevel: minLevel,
                            maxLevel: maxLevel,
                            collectBy: "horizontal" === viewOrientation ? "byOccupation" : "byStartDate",
                            isCompact: isCompactCollector
                        };
                        return {
                            splitIntervals: splitIntervals,
                            cells: cells,
                            collectorOptions: collectorOptions,
                            geometryOptions: geometryOptions
                        }
                    })
                }
                getSplitIntervals(panelName) {
                    return this.getPanelOptions(panelName).splitIntervals
                }
                getCells(panelName) {
                    return this.getPanelOptions(panelName).cells
                }
                getCollectorOptions(panelName) {
                    return this.getPanelOptions(panelName).collectorOptions
                }
                getGeometryOptions(panelName) {
                    return this.getPanelOptions(panelName).geometryOptions
                }
                getVirtualCropOptions() {
                    const {
                        cellSize: cellSize,
                        panelSize: panelSize
                    } = this.getPanelOptions("regularPanel").geometryOptions;
                    const {
                        positionHelper: positionHelper,
                        virtualScrollingDispatcher: virtualScrollingDispatcher
                    } = this.schedulerStore.getWorkSpace();
                    const {
                        hasAllDayPanel: hasAllDayPanel,
                        groupCount: groupCount,
                        groupOrientation: groupOrientation,
                        isVirtualScrolling: isVirtualScrolling,
                        isRTLEnabled: isRTLEnabled
                    } = this.options;
                    const {
                        cellCountInsideLeftVirtualCell: cellCountInsideLeftVirtualCell,
                        cellCountInsideRightVirtualCell: cellCountInsideRightVirtualCell,
                        cellCountInsideTopVirtualRow: cellCountInsideTopVirtualRow
                    } = virtualScrollingDispatcher;
                    const hVirtualItemsCount = isRTLEnabled ? cellCountInsideRightVirtualCell : cellCountInsideLeftVirtualCell;
                    const isVerticalGrouping = groupCount > 0 && "vertical" === groupOrientation;
                    const isGroupedAllDayPanel = isVerticalGrouping && hasAllDayPanel;
                    return {
                        isVirtualScrolling: isVirtualScrolling,
                        getVirtualScreen: groupIndex => this.cache.memo(`virtualScreen${groupIndex}`, () => {
                            const left = hVirtualItemsCount * cellSize.width;
                            const top = cellCountInsideTopVirtualRow * cellSize.height;
                            const right = Math.round(positionHelper.getHorizontalMax(groupIndex)) || 1 / 0;
                            const bottom = positionHelper.getVerticalMax({
                                groupIndex: groupIndex,
                                isVirtualScrolling: isVirtualScrolling,
                                showAllDayPanel: hasAllDayPanel,
                                supportAllDayRow: hasAllDayPanel,
                                isGroupedAllDayPanel: isGroupedAllDayPanel,
                                isVerticalGrouping: isVerticalGrouping
                            });
                            return {
                                left: isRTLEnabled ? panelSize.width - right : left,
                                right: isRTLEnabled ? panelSize.width - left : right,
                                top: top,
                                bottom: bottom
                            }
                        })
                    }
                }
            }
        },
        58607(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addCollector = void 0;
            var _add_collector_by_level = __webpack_require__( /*! ./add_collector_by_level */ 50522);
            var _add_level = __webpack_require__( /*! ./add_level */ 77678);
            exports.addCollector = (entities, options) => {
                const step1 = (0, _add_level.addLevel)(entities, options);
                const step2 = (0, _add_collector_by_level.addCollectorByLevel)(step1, options);
                return step2
            }
        },
        50522(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addCollectorByLevel = void 0;
            var _split_by_condition = __webpack_require__( /*! ./split_by_condition */ 42120);
            const addEmptyCollector = entities => entities.map(entity => Object.assign({}, entity, {
                items: [],
                isCompact: false
            }));
            exports.addCollectorByLevel = (entities, _ref) => {
                let {
                    cells: cells,
                    isCompact: isCompact,
                    maxLevel: maxLevel,
                    collectBy: collectBy
                } = _ref;
                if (maxLevel < 0) {
                    return addEmptyCollector(entities)
                }
                const groupByCell = "byStartDate" === collectBy ? ((entities, cellsCount) => entities.reduce((result, entity) => {
                    result[entity.cellIndex].push(entity);
                    return result
                }, Array.from({
                    length: cellsCount
                }, () => [])))(entities, cells.length) : ((entities, cells, maxLevel) => entities.reduce((result, entity) => {
                    result[entity.cellIndex].push(entity);
                    for (let i = entity.cellIndex + 1; i <= entity.endCellIndex; i += 1) {
                        if (entity.level >= maxLevel) {
                            result[i].push(Object.assign({}, entity, {
                                cellIndex: i,
                                endCellIndex: i,
                                startDateUTC: cells[i].min,
                                endDateUTC: cells[i].max,
                                columnIndex: cells[i].columnIndex,
                                rowIndex: cells[i].rowIndex
                            }))
                        }
                    }
                    return result
                }, Array.from({
                    length: cells.length
                }, () => [])))(entities, cells, maxLevel);
                return groupByCell.reduce((result, cellEntities) => {
                    const [free, collected] = (0, _split_by_condition.splitByCondition)(cellEntities, item => item.level < maxLevel);
                    result.push(...addEmptyCollector(free));
                    if (collected.length > 0) {
                        result.push(Object.assign({}, collected[0], {
                            items: collected,
                            isCompact: isCompact
                        }))
                    }
                    return result
                }, [])
            }
        },
        77678(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addLevel = void 0;
            exports.addLevel = (entities, _ref) => {
                let {
                    minLevel: minLevel,
                    maxLevel: maxLevel
                } = _ref;
                const minMaxLevel = -1 === maxLevel ? 0 : Math.min(minLevel, maxLevel);
                let levelsEndDate = [];
                let stack = [];
                return entities.map(entity => {
                    const entityEndDate = entity.endDateUTC === entity.startDateUTC ? entity.endDateUTC + 1 : entity.endDateUTC;
                    const index = levelsEndDate.findIndex(endDate => entity.startDateUTC >= endDate);
                    const level = -1 === index ? levelsEndDate.length : index;
                    const extended = Object.assign({}, entity, {
                        level: level,
                        maxLevel: minMaxLevel,
                        inStackWithCollector: false
                    });
                    const isIntersectWithPrevious = levelsEndDate.some(endDate => entity.startDateUTC < endDate);
                    if (isIntersectWithPrevious) {
                        levelsEndDate[level] = entityEndDate;
                        stack.push(extended);
                        stack.forEach(item => {
                            item.maxLevel = -1 === maxLevel ? levelsEndDate.length : (value = levelsEndDate.length, min = minMaxLevel, max = maxLevel, Math.min(Math.max(value, min), max));
                            var value, min, max;
                            item.inStackWithCollector = -1 !== maxLevel && levelsEndDate.length > maxLevel
                        })
                    } else {
                        extended.maxLevel = minMaxLevel;
                        extended.inStackWithCollector = -1 !== maxLevel && levelsEndDate.length > maxLevel;
                        levelsEndDate = [entityEndDate];
                        stack = [extended]
                    }
                    return extended
                })
            }
        },
        42120(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.splitByCondition = void 0;
            exports.splitByCondition = (arr, condition) => {
                const result = [
                    [],
                    []
                ];
                arr.forEach(item => {
                    if (condition(item)) {
                        result[0].push(item)
                    } else {
                        result[1].push(item)
                    }
                });
                return result
            }
        },
        16665(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addDirection = void 0;
            exports.addDirection = (entities, allDayPanelDirection, regularPanelDirection) => entities.map(entity => Object.assign({}, entity, {
                direction: entity.isAllDayPanelOccupied ? allDayPanelDirection : regularPanelDirection
            }))
        },
        27602(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addEmptiness = void 0;
            var _get_min_appointment_size = __webpack_require__( /*! ../options/get_min_appointment_size */ 16270);
            exports.addEmptiness = (entities, options) => entities.map(entity => {
                const minSize = (0, _get_min_appointment_size.getMinAppointmentSize)(Object.assign({}, options, {
                    isAllDayAppointment: entity.allDay
                }));
                return Object.assign({}, entity, {
                    empty: !entity.isAllDayPanelOccupied && (entity.height < minSize.height || entity.width < minSize.width)
                })
            })
        },
        20620(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addAdaptivityGeometryInsideInterval = void 0;
            var _swap_by_view_orientation = __webpack_require__( /*! ./swap_by_view_orientation */ 44175);
            exports.addAdaptivityGeometryInsideInterval = (entity, _ref) => {
                let {
                    cellSize: cellSize,
                    collectorSize: collectorSize,
                    collectorWithMarginsSize: collectorWithMarginsSize,
                    viewOrientation: viewOrientation
                } = _ref;
                const cellAbstractSize = (0, _swap_by_view_orientation.getAbstractSizeByViewOrientation)(cellSize, viewOrientation);
                const topInsideCell = entity.isAllDayPanelOccupied || "vertical" === viewOrientation ? (cellSize.height - collectorWithMarginsSize.height) / 2 : cellSize.height - 40;
                const leftInsideCell = (cellSize.width - collectorWithMarginsSize.width) / 2;
                const abstractGeometry = (0, _swap_by_view_orientation.getAbstractSizeByViewOrientation)({
                    top: topInsideCell,
                    left: leftInsideCell,
                    width: collectorSize.width,
                    height: collectorSize.height
                }, viewOrientation);
                abstractGeometry.offsetX += entity.columnIndex * cellAbstractSize.sizeX;
                const geometry = (0, _swap_by_view_orientation.getRealSizeByViewOrientation)(abstractGeometry, viewOrientation);
                const items = entity.items.map(item => Object.assign({}, item, {
                    width: cellSize.width,
                    height: cellSize.height
                }));
                return Object.assign({}, entity, geometry, {
                    items: items
                })
            }
        },
        84181(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addGeometry = void 0;
            var _add_adaptivity_geometry_inside_interval = __webpack_require__( /*! ./add_adaptivity_geometry_inside_interval */ 20620);
            var _add_geometry_inside_interval = __webpack_require__( /*! ./add_geometry_inside_interval */ 92442);
            var _add_grouping_offset = __webpack_require__( /*! ./add_grouping_offset */ 12744);
            exports.addGeometry = (entities, options) => entities.map(rawEntity => {
                const {
                    isAdaptivityEnabled: isAdaptivityEnabled,
                    maxAppointmentsPerCell: maxAppointmentsPerCell
                } = options;
                const entity = isAdaptivityEnabled && 0 === maxAppointmentsPerCell ? (0, _add_adaptivity_geometry_inside_interval.addAdaptivityGeometryInsideInterval)(rawEntity, options) : (0, _add_geometry_inside_interval.addGeometryInsideInterval)(rawEntity, options);
                ((entity, _ref2) => {
                    let {
                        cellSize: cellSize,
                        viewOrientation: viewOrientation,
                        isTimelineView: isTimelineView
                    } = _ref2;
                    switch (true) {
                        case "horizontal" === viewOrientation && !isTimelineView:
                            entity.top += entity.rowIndex * cellSize.height;
                            break;
                        case "horizontal" === viewOrientation && isTimelineView:
                        case "vertical" === viewOrientation:
                            entity.left += entity.rowIndex * cellSize.width
                    }
                })(entity, options);
                (0, _add_grouping_offset.addGroupingOffset)(entity, options);
                ((entity, _ref) => {
                    let {
                        panelSize: panelSize,
                        isRTLEnabled: isRTLEnabled
                    } = _ref;
                    if (isRTLEnabled) {
                        const deltaWidth = entity.items.length ? 0 : entity.width;
                        entity.left = panelSize.width - entity.left - deltaWidth
                    }
                })(entity, options);
                return entity
            })
        },
        92442(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addGeometryInsideInterval = void 0;
            var _get_appointment_collector_geometry = __webpack_require__( /*! ./get_appointment_collector_geometry */ 17310);
            var _get_appointment_geometry = __webpack_require__( /*! ./get_appointment_geometry */ 87022);
            exports.addGeometryInsideInterval = (entity, options) => {
                if (entity.items.length) {
                    const entityGeometry = (0, _get_appointment_collector_geometry.getAppointmentCollectorGeometry)(entity, options);
                    const items = entity.items.map(item => {
                        const size = (0, _get_appointment_geometry.getAppointmentGeometry)(Object.assign({}, entity, item), options);
                        return Object.assign({}, item, {
                            width: size.width,
                            height: size.height
                        })
                    });
                    return Object.assign({}, entity, entityGeometry, {
                        items: items
                    })
                }
                const entityGeometry = (0, _get_appointment_geometry.getAppointmentGeometry)(entity, options);
                return Object.assign({}, entity, entityGeometry, {
                    items: []
                })
            }
        },
        12744(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addGroupingOffset = void 0;
            exports.addGroupingOffset = (entity, _ref) => {
                let {
                    groupCount: groupCount,
                    groupOrientation: groupOrientation,
                    viewOrientation: viewOrientation,
                    hasAllDayPanel: hasAllDayPanel,
                    isGroupByDate: isGroupByDate,
                    allDayPanelCellSize: allDayPanelCellSize,
                    cellSize: cellSize,
                    groupSize: groupSize
                } = _ref;
                if (groupCount) {
                    switch (true) {
                        case "horizontal" === groupOrientation && isGroupByDate:
                            entity.left += (groupCount - 1) * cellSize.width * ("horizontal" === viewOrientation ? entity.columnIndex : entity.rowIndex) + cellSize.width * entity.groupIndex;
                            break;
                        case "horizontal" === groupOrientation:
                            entity.left += entity.groupIndex * groupSize.width;
                            break;
                        default:
                            entity.top += entity.groupIndex * groupSize.height + (entity.groupIndex + Number(!entity.isAllDayPanelOccupied)) * Number(hasAllDayPanel) * allDayPanelCellSize.height
                    }
                }
            }
        },
        77967(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getAppointmentY = exports.getAppointmentX = void 0;
            const getInsideCellX = (date, _ref, cellSizeX) => {
                let {
                    min: min,
                    max: max
                } = _ref;
                const cellDuration = max - min;
                const startTimeDelta = date - min;
                return 0 === cellDuration ? 0 : startTimeDelta * cellSizeX / cellDuration
            };
            exports.getAppointmentX = (entity, cellSize, cells) => {
                const startX = getInsideCellX(entity.startDateUTC, cells[entity.cellIndex], cellSize.sizeX);
                const endX = getInsideCellX(entity.endDateUTC, cells[entity.endCellIndex], cellSize.sizeX);
                const offsetX = entity.columnIndex * cellSize.sizeX + startX;
                const sizeX = (entity.endCellIndex - entity.cellIndex) * cellSize.sizeX + endX - startX;
                return {
                    offsetX: offsetX,
                    sizeX: sizeX
                }
            };
            exports.getAppointmentY = (entity, cellSize, collectorSizeY, collectorPosition) => {
                if (entity.isAllDayPanelOccupied && !entity.inStackWithCollector) {
                    const sizeY = 0 === entity.maxLevel ? cellSize.sizeY - collectorSizeY : (cellSize.sizeY - collectorSizeY) / entity.maxLevel;
                    const offsetY = entity.level * sizeY;
                    return {
                        sizeY: sizeY,
                        offsetY: offsetY
                    }
                }
                const maxSizeY = cellSize.sizeY - collectorSizeY;
                const sizeY = 0 === entity.maxLevel ? maxSizeY : maxSizeY / entity.maxLevel;
                let offsetY = entity.level * sizeY;
                if ("start" === collectorPosition) {
                    offsetY += collectorSizeY
                }
                return {
                    sizeY: sizeY,
                    offsetY: offsetY
                }
            }
        },
        17310(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getAppointmentCollectorGeometry = void 0;
            var _swap_by_view_orientation = __webpack_require__( /*! ./swap_by_view_orientation */ 44175);
            exports.getAppointmentCollectorGeometry = (entity, _ref) => {
                let {
                    collectorPosition: collectorPosition,
                    cellSize: cellSize,
                    collectorSize: collectorSize,
                    collectorWithMarginsSize: collectorWithMarginsSize,
                    viewOrientation: viewOrientation
                } = _ref;
                const collectorAbstractSize = (0, _swap_by_view_orientation.getAbstractSizeByViewOrientation)(collectorSize, viewOrientation);
                const cellAbstractSize = (0, _swap_by_view_orientation.getAbstractSizeByViewOrientation)(cellSize, viewOrientation);
                const abstractGeometry = {
                    offsetX: entity.columnIndex * cellAbstractSize.sizeX,
                    offsetY: "start" === collectorPosition ? 0 : cellAbstractSize.sizeY - (0, _swap_by_view_orientation.getAbstractSizeByViewOrientation)(collectorWithMarginsSize, viewOrientation).sizeY,
                    sizeY: collectorAbstractSize.sizeY,
                    sizeX: collectorAbstractSize.sizeX
                };
                const entityGeometry = (0, _swap_by_view_orientation.getRealSizeByViewOrientation)(abstractGeometry, viewOrientation);
                return entityGeometry
            }
        },
        87022(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getAppointmentGeometry = void 0;
            var _get_appointment_abstract_geometry = __webpack_require__( /*! ./get_appointment_abstract_geometry */ 77967);
            var _swap_by_view_orientation = __webpack_require__( /*! ./swap_by_view_orientation */ 44175);
            exports.getAppointmentGeometry = (entity, _ref) => {
                let {
                    collectorPosition: collectorPosition,
                    cellSize: cellSize,
                    collectorWithMarginsSize: collectorWithMarginsSize,
                    viewOrientation: viewOrientation,
                    cells: cells
                } = _ref;
                const cellAbstractSize = (0, _swap_by_view_orientation.getAbstractSizeByViewOrientation)(cellSize, viewOrientation);
                const collectorFullAbstractSize = (0, _swap_by_view_orientation.getAbstractSizeByViewOrientation)(collectorWithMarginsSize, viewOrientation);
                const abstractGeometry = Object.assign({}, (0, _get_appointment_abstract_geometry.getAppointmentX)(entity, cellAbstractSize, cells), (0, _get_appointment_abstract_geometry.getAppointmentY)(entity, cellAbstractSize, collectorFullAbstractSize.sizeY, collectorPosition));
                const entityGeometry = (0, _swap_by_view_orientation.getRealSizeByViewOrientation)(abstractGeometry, viewOrientation);
                return entityGeometry
            }
        },
        44175(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getAbstractSizeByViewOrientation = function(size, viewOrientation) {
                const abstractSize = {
                    sizeY: "horizontal" === viewOrientation ? size.height : size.width,
                    sizeX: "horizontal" === viewOrientation ? size.width : size.height
                };
                if (!("top" in size && "left" in size)) {
                    return abstractSize
                }
                return Object.assign({}, abstractSize, {
                    offsetY: "horizontal" === viewOrientation ? size.top : size.left,
                    offsetX: "horizontal" === viewOrientation ? size.left : size.top
                })
            };
            exports.getRealSizeByViewOrientation = function(size, viewOrientation) {
                const realSize = {
                    height: "horizontal" === viewOrientation ? size.sizeY : size.sizeX,
                    width: "horizontal" === viewOrientation ? size.sizeX : size.sizeY
                };
                if (!("offsetY" in size && "offsetX" in size)) {
                    return realSize
                }
                return Object.assign({}, realSize, {
                    top: "horizontal" === viewOrientation ? size.offsetY : size.offsetX,
                    left: "horizontal" === viewOrientation ? size.offsetX : size.offsetY
                })
            }
        },
        6238(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addLastInGroup = void 0;
            const getDayStart = date => new Date(date).setUTCHours(0, 0, 0, 0);
            exports.addLastInGroup = entities => {
                if (0 === entities.length) {
                    return entities
                }
                let nextGroupIndex = entities[0].groupIndex;
                let nextStartDate = getDayStart(entities[0].startDateUTC);
                return entities.map((entity, index) => {
                    const nextEntity = entities[index + 1];
                    if (!nextEntity) {
                        return Object.assign({}, entity, {
                            isLastInGroup: true
                        })
                    }
                    const trimDate = nextEntity && getDayStart(nextEntity.startDateUTC);
                    if (nextGroupIndex !== nextEntity.groupIndex || nextStartDate !== trimDate) {
                        nextGroupIndex = nextEntity.groupIndex;
                        nextStartDate = trimDate;
                        return Object.assign({}, entity, {
                            isLastInGroup: true
                        })
                    }
                    return Object.assign({}, entity, {
                        isLastInGroup: false
                    })
                })
            }
        },
        68825(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addPosition = void 0;
            var _binary_search_cell_index = __webpack_require__( /*! ./binary_search_cell_index */ 51602);
            exports.addPosition = (entities, cells) => entities.map(entity => {
                const cellIndex = (0, _binary_search_cell_index.binarySearchCellIndex)(cells, entity.startDateUTC);
                let endCellIndex = cellIndex;
                while (endCellIndex < cells.length - 1 && entity.endDateUTC > cells[endCellIndex].max && entity.endDateUTC >= cells[endCellIndex + 1].min) {
                    endCellIndex += 1
                }
                return Object.assign({}, entity, {
                    startDateUTC: Math.max(entity.startDateUTC, cells[cellIndex].min),
                    endDateUTC: Math.min(entity.endDateUTC, cells[endCellIndex].max),
                    cellIndex: cellIndex,
                    endCellIndex: endCellIndex,
                    rowIndex: cells[cellIndex].rowIndex,
                    columnIndex: cells[cellIndex].columnIndex
                })
            })
        },
        84988(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addSortedIndex = void 0;
            exports.addSortedIndex = entities => entities.map((entity, index) => Object.assign({}, entity, {
                sortedIndex: index
            }))
        },
        51602(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.binarySearchCellIndex = void 0;
            exports.binarySearchCellIndex = (cells, targetDate) => {
                let left = 0;
                let right = cells.length - 1;
                while (left <= right) {
                    const mid = Math.floor((left + right) / 2);
                    const cell = cells[mid];
                    if (targetDate >= cell.min && targetDate < cell.max) {
                        return mid
                    }
                    if (targetDate < cell.min) {
                        right = mid - 1
                    } else {
                        left = mid + 1
                    }
                }
                return Math.min(left, cells.length - 1)
            }
        },
        56295(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.expandAllDayRegularPanel = exports.expandAllDayAllDayPanel = void 0;
            var _m_date = __webpack_require__( /*! ../../../../core/utils/m_date */ 66570);
            const toMs = _m_date.dateUtils.dateToMilliseconds;
            const MINUTE_MS = toMs("minute");
            const DAY_MS = toMs("day");
            const getDayInterval = (date, viewOffsetMs) => {
                const trimmedDate = new Date(date).setUTCHours(0, 0, 0, 0);
                const startOfDay = trimmedDate + viewOffsetMs;
                const endOfDay = trimmedDate + DAY_MS + viewOffsetMs;
                return {
                    min: startOfDay,
                    max: endOfDay
                }
            };
            const getShiftedStartDate = (startDate, viewOffsetMs) => {
                const {
                    min: min,
                    max: max
                } = getDayInterval(startDate, viewOffsetMs);
                switch (true) {
                    case startDate > max - MINUTE_MS:
                        return max;
                    case startDate < min:
                        return min - DAY_MS;
                    default:
                        return min
                }
            };
            const getShiftedEndDate = (endDate, viewOffsetMs) => {
                const {
                    min: min,
                    max: max
                } = getDayInterval(endDate, viewOffsetMs);
                switch (true) {
                    case endDate >= max:
                        return max + DAY_MS - MINUTE_MS;
                    case endDate < min:
                        return min - MINUTE_MS;
                    default:
                        return max - MINUTE_MS
                }
            };
            exports.expandAllDayAllDayPanel = (entities, endDayHour, viewOffsetMs) => entities.map(entity => {
                if (!entity.allDay) {
                    return entity
                }
                if (0 === viewOffsetMs) {
                    const minStartDate = new Date(entity.startDateUTC).setUTCHours(endDayHour, 0, 0, 0) - MINUTE_MS;
                    const maxEndDate = new Date(entity.endDateUTC).setUTCHours(endDayHour, 0, 0, 0) - MINUTE_MS;
                    return Object.assign({}, entity, {
                        startDateUTC: Math.min(entity.startDateUTC, minStartDate),
                        endDateUTC: maxEndDate
                    })
                }
                return Object.assign({}, entity, {
                    startDateUTC: getShiftedStartDate(entity.startDateUTC, viewOffsetMs),
                    endDateUTC: getShiftedEndDate(entity.endDateUTC, viewOffsetMs)
                })
            });
            exports.expandAllDayRegularPanel = entities => entities.map(entity => {
                if (!entity.allDay) {
                    return entity
                }
                const startDate = new Date(entity.startDateUTC);
                const endDate = new Date(entity.endDateUTC);
                endDate.setDate(endDate.getDate() + 1);
                return Object.assign({}, entity, {
                    endDateUTC: endDate.setUTCHours(startDate.getUTCHours(), startDate.getUTCMinutes(), startDate.getUTCSeconds(), startDate.getUTCMilliseconds())
                })
            })
        },
        6332(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.groupByGroupIndex = void 0;
            exports.groupByGroupIndex = entities => {
                const result = [];
                entities.forEach(entity => {
                    result[entity.groupIndex] = result[entity.groupIndex] || [];
                    result[entity.groupIndex].push(entity)
                });
                return result.map(group => group || [])
            }
        },
        88779(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.maybeSplit = void 0;
            var _split_by_condition = __webpack_require__( /*! ./add_collector/split_by_condition */ 42120);
            exports.maybeSplit = (entities, shouldSplit, callback) => {
                if (shouldSplit) {
                    const [allDayEntities, regularEntities] = (0, _split_by_condition.splitByCondition)(entities, entity => entity.isAllDayPanelOccupied);
                    const allDayPanel = callback(allDayEntities, "allDayPanel");
                    const regularPanel = callback(regularEntities, "regularPanel");
                    return ((a, b) => {
                        const result = [];
                        let i = 0;
                        let j = 0;
                        while (i < a.length && j < b.length) {
                            if (a[i].startDateUTC <= b[j].startDateUTC) {
                                result.push(a[i]);
                                i += 1
                            } else {
                                result.push(b[j]);
                                j += 1
                            }
                        }
                        while (i < a.length) {
                            result.push(a[i]);
                            i += 1
                        }
                        while (j < b.length) {
                            result.push(b[j]);
                            j += 1
                        }
                        return result
                    })(allDayPanel, regularPanel)
                }
                return callback(entities, "regularPanel")
            }
        },
        5146(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.snapToCells = void 0;
            exports.snapToCells = function(entities, cells) {
                let isSnapToCell = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : true;
                if (!isSnapToCell) {
                    return entities
                }
                return entities.map(entity => {
                    const {
                        cellIndex: cellIndex,
                        endCellIndex: endCellIndex
                    } = entity;
                    return Object.assign({}, entity, {
                        startDateUTC: cells[cellIndex].min,
                        endDateUTC: cells[endCellIndex].max,
                        duration: cells[endCellIndex].max - cells[cellIndex].min
                    })
                })
            }
        },
        12628(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.sortByStartDate = exports.sortByGroupIndex = exports.sortByDuration = void 0;
            exports.sortByGroupIndex = entities => entities.sort((a, b) => a.groupIndex - b.groupIndex);
            exports.sortByDuration = entities => entities.sort((a, b) => b.duration - a.duration);
            exports.sortByStartDate = entities => entities.sort((a, b) => a.startDateUTC - b.startDateUTC)
        },
        61766(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getNextIntervalStartDate = void 0;
            exports.getNextIntervalStartDate = intervals => {
                const minDate = new Date(intervals[intervals.length - 1].min);
                const maxDate = new Date(intervals[intervals.length - 1].max);
                const isTheSameHours = minDate.getUTCHours() === maxDate.getUTCHours() && minDate.getUTCMinutes() === maxDate.getUTCMinutes() && minDate.getUTCSeconds() === maxDate.getUTCSeconds() && minDate.getUTCMilliseconds() === maxDate.getUTCMilliseconds();
                if (isTheSameHours) {
                    return maxDate.getTime()
                }
                const nextDate = new Date(maxDate.getTime() - 1);
                nextDate.setUTCDate(nextDate.getUTCDate() + 1);
                nextDate.setUTCHours(minDate.getUTCHours(), minDate.getUTCMinutes(), minDate.getUTCSeconds(), minDate.getUTCMilliseconds());
                return nextDate.getTime()
            }
        },
        99985(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getPrevIntervalEndDate = void 0;
            exports.getPrevIntervalEndDate = intervals => {
                const minDate = new Date(intervals[0].min);
                const maxDate = new Date(intervals[0].max);
                const isTheSameHours = maxDate.getUTCHours() === minDate.getUTCHours() && maxDate.getUTCMinutes() === minDate.getUTCMinutes() && maxDate.getUTCSeconds() === minDate.getUTCSeconds() && maxDate.getUTCMilliseconds() === minDate.getUTCMilliseconds();
                if (isTheSameHours) {
                    return minDate.getTime()
                }
                const prevDate = new Date(minDate.getTime());
                prevDate.setUTCHours(maxDate.getUTCHours(), maxDate.getUTCMinutes(), maxDate.getUTCSeconds(), maxDate.getUTCMilliseconds());
                if (prevDate < minDate) {
                    return prevDate.getTime()
                }
                return prevDate.setUTCDate(prevDate.getUTCDate() - 1)
            }
        },
        89959(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.splitByParts = void 0;
            var _get_next_interval_start_date = __webpack_require__( /*! ./get_next_interval_start_date */ 61766);
            var _get_prev_interval_end_date = __webpack_require__( /*! ./get_prev_interval_end_date */ 99985);
            const getSingleReduced = (isStartOnPrevInterval, isEndOnNextInterval) => {
                switch (true) {
                    case isStartOnPrevInterval && isEndOnNextInterval:
                        return "body";
                    case isStartOnPrevInterval:
                        return "tail";
                    case isEndOnNextInterval:
                        return "head";
                    default:
                        return
                }
            };
            const getReduced = (isFirstItem, isLastItem, isStartOnPrevInterval, isEndOnNextInterval) => {
                switch (true) {
                    case isFirstItem && !isStartOnPrevInterval:
                        return "head";
                    case isLastItem && !isEndOnNextInterval:
                        return "tail";
                    default:
                        return "body"
                }
            };
            const cropEntityByInterval = (entity, interval) => {
                const startDate = entity.startDateUTC < interval.min ? interval.min : entity.startDateUTC;
                const endDate = entity.endDateUTC > interval.max ? interval.max : entity.endDateUTC;
                return Object.assign({}, entity, {
                    startDateUTC: startDate,
                    endDateUTC: endDate,
                    duration: endDate - startDate
                })
            };
            exports.splitByParts = (entities, intervals) => {
                const prevIntervalEndDate = (0, _get_prev_interval_end_date.getPrevIntervalEndDate)(intervals);
                const nextIntervalStartDate = (0, _get_next_interval_start_date.getNextIntervalStartDate)(intervals);
                return entities.reduce((result, entity) => {
                    const startIndex = intervals.findIndex(_ref => {
                        let {
                            max: max
                        } = _ref;
                        return entity.startDateUTC < max
                    });
                    if (-1 === startIndex) {
                        return result
                    }
                    const endIndex = ((intervals, endDateMs) => {
                        const lastIdx = intervals.length - 1;
                        for (let idx = 0; idx < lastIdx; idx += 1) {
                            const nextInterval = intervals[idx + 1];
                            if (nextInterval.min >= endDateMs) {
                                return idx
                            }
                        }
                        return lastIdx
                    })(intervals, entity.endDateUTC);
                    const partCount = endIndex - startIndex + 1;
                    const isStartOnPrevView = entity.startDateUTC < prevIntervalEndDate;
                    const isEndOnNextView = entity.endDateUTC > nextIntervalStartDate;
                    if (partCount <= 1) {
                        result.push(Object.assign({}, cropEntityByInterval(entity, intervals[startIndex]), {
                            partIndex: 0,
                            partCount: 0,
                            reduced: getSingleReduced(isStartOnPrevView, isEndOnNextView)
                        }))
                    } else {
                        const parts = Array.from({
                            length: partCount
                        }).map((_, partIndex) => {
                            const isFirstIdx = 0 === partIndex;
                            const isLastIdx = partIndex === partCount - 1;
                            return Object.assign({}, cropEntityByInterval(entity, intervals[startIndex + partIndex]), {
                                partIndex: partIndex,
                                partCount: partCount,
                                reduced: getReduced(isFirstIdx, isLastIdx, isStartOnPrevView, isEndOnNextView)
                            })
                        });
                        result.push(...parts)
                    }
                    return result
                }, [])
            }
        },
        29983(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.cropByVirtualScreen = void 0;
            exports.cropByVirtualScreen = (entities, _ref) => {
                let {
                    isVirtualScrolling: isVirtualScrolling,
                    getVirtualScreen: getVirtualScreen
                } = _ref;
                if (!isVirtualScrolling) {
                    return entities
                }
                return entities.reduce((acc, item) => {
                    const screen = getVirtualScreen(item.groupIndex);
                    const isInsideVirtualScreen = !(item.left + item.width < screen.left || item.left > screen.right || item.top + item.height < screen.top || item.top > screen.bottom);
                    if (isInsideVirtualScreen) {
                        const right = item.left + item.width;
                        const bottom = item.top + item.height;
                        const left = Math.max(screen.left, item.left);
                        const top = Math.max(screen.top, item.top);
                        const width = Math.min(screen.right, right) - left;
                        const height = Math.min(screen.bottom, bottom) - top;
                        acc.push(Object.assign({}, item, {
                            left: left,
                            width: width,
                            top: top,
                            height: height
                        }))
                    }
                    return acc
                }, [])
            }
        },
        84751(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.filterByVirtualScreen = void 0;
            var _m_utils_time_zone = (e = __webpack_require__( /*! ../../../m_utils_time_zone */ 18648), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _is_appointment_matched_intervals = __webpack_require__( /*! ../../common/is_appointment_matched_intervals */ 44442);
            exports.filterByVirtualScreen = (entities, viewDataProvider, isVirtualScrolling) => {
                if (!isVirtualScrolling) {
                    return entities
                }
                const groupsInfo = viewDataProvider.getCompletedGroupsInfo();
                const groupIntervalsMap = new Map;
                groupsInfo.forEach(group => {
                    groupIntervalsMap.set(group.groupIndex, {
                        min: _m_utils_time_zone.default.createUTCDateWithLocalOffset(group.startDate).getTime(),
                        max: _m_utils_time_zone.default.createUTCDateWithLocalOffset(group.endDate).getTime()
                    })
                });
                return entities.filter(appointment => {
                    const groupInterval = groupIntervalsMap.get(appointment.groupIndex);
                    if (!groupInterval) {
                        return false
                    }
                    if (appointment.isAllDayPanelOccupied) {
                        return true
                    }
                    return (0, _is_appointment_matched_intervals.isAppointmentMatchedIntervals)({
                        startDate: appointment.startDateUTC,
                        endDate: appointment.endDateUTC
                    }, [groupInterval])
                })
            }
        },
        673(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getAppointmentInfo = exports.getAgendaAppointmentInfo = void 0;
            var _m_utils_time_zone = (e = __webpack_require__( /*! ../m_utils_time_zone */ 18648), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const getAppointmentInfo = item => {
                const appointment = {
                    allDay: item.allDay,
                    startDate: _m_utils_time_zone.default.createDateFromUTCWithLocalOffset(new Date(item.datesBeforeSplit.startDateUTC)),
                    endDate: _m_utils_time_zone.default.createDateFromUTCWithLocalOffset(new Date(item.datesBeforeSplit.endDateUTC))
                };
                const source = {
                    allDay: item.allDay,
                    startDate: new Date(item.source.startDate),
                    endDate: new Date(item.source.endDate)
                };
                return {
                    appointment: appointment,
                    sourceAppointment: source
                }
            };
            exports.getAppointmentInfo = getAppointmentInfo;
            exports.getAgendaAppointmentInfo = item => Object.assign({}, getAppointmentInfo(item), {
                partialDates: {
                    allDay: item.allDay,
                    startDate: _m_utils_time_zone.default.createDateFromUTCWithLocalOffset(new Date(item.datesAfterSplit.startDateUTC)),
                    endDate: _m_utils_time_zone.default.createDateFromUTCWithLocalOffset(new Date(item.datesAfterSplit.endDateUTC))
                }
            })
        },
        61526(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AppointmentDataSource = void 0;
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            const STORE_EVENTS_updating = "updating",
                STORE_EVENTS_push = "push";
            exports.AppointmentDataSource = class {
                constructor(dataSource) {
                    this.setDataSource(dataSource);
                    this.updatedAppointmentKeys = []
                }
                get keyName() {
                    const store = this.dataSource.store();
                    return store.key()
                }
                get isDataSourceInit() {
                    return Boolean(this.dataSource)
                }
                getStoreKey(target) {
                    const store = this.dataSource.store();
                    return store.keyOf(target)
                }
                setDataSource(dataSource) {
                    this.dataSource = dataSource;
                    this.cleanState();
                    this.initStoreChangeHandlers()
                }
                initStoreChangeHandlers() {
                    const {
                        dataSource: dataSource
                    } = this;
                    const store = null === dataSource || void 0 === dataSource ? void 0 : dataSource.store();
                    if (store) {
                        store.on(STORE_EVENTS_updating, key => {
                            const keyName = store.key();
                            if (keyName) {
                                this.updatedAppointmentKeys.push({
                                    key: keyName,
                                    value: key
                                })
                            } else {
                                this.updatedAppointment = key
                            }
                        });
                        store.on(STORE_EVENTS_push, pushItems => {
                            const items = dataSource.items();
                            const keyName = store.key();
                            pushItems.forEach(pushItem => {
                                const itemExists = 0 !== items.filter(item => item[keyName] === pushItem.key).length;
                                if (itemExists) {
                                    this.updatedAppointmentKeys.push({
                                        key: keyName,
                                        value: pushItem.key
                                    })
                                } else {
                                    const {
                                        data: data
                                    } = pushItem;
                                    data && items.push(data)
                                }
                            });
                            dataSource.load()
                        })
                    }
                }
                getUpdatedAppointment() {
                    return this.updatedAppointment
                }
                getUpdatedAppointmentKeys() {
                    return this.updatedAppointmentKeys
                }
                cleanState() {
                    this.updatedAppointment = null;
                    this.updatedAppointmentKeys = []
                }
                add(rawAppointment) {
                    return this.dataSource.store().insert(rawAppointment).done(() => this.dataSource.load())
                }
                update(target, data) {
                    const key = this.getStoreKey(target);
                    const d = new _deferred.Deferred;
                    this.dataSource.store().update(key, data).done(result => this.dataSource.load().done(() => d.resolve(result)).fail(d.reject)).fail(d.reject);
                    return d.promise()
                }
                remove(rawAppointment) {
                    const key = this.getStoreKey(rawAppointment);
                    return this.dataSource.store().remove(key).done(() => this.dataSource.load())
                }
                destroy() {
                    var _this$dataSource;
                    const store = null === (_this$dataSource = this.dataSource) || void 0 === _this$dataSource ? void 0 : _this$dataSource.store();
                    if (store) {
                        store.off(STORE_EVENTS_updating);
                        store.off(STORE_EVENTS_push)
                    }
                }
            }
        },
        90174(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.prepareAppointments = void 0;
            var _get_minimal_appointments = __webpack_require__( /*! ./utils/get_minimal_appointments */ 23241);
            var _replace_incorrect_end_date = __webpack_require__( /*! ./utils/replace_incorrect_end_date */ 25453);
            exports.prepareAppointments = (schedulerStore, items) => {
                const cellDurationInMinutes = schedulerStore.getViewOption("cellDuration");
                const dataAccessors = schedulerStore._dataAccessors;
                const safeItems = (0, _replace_incorrect_end_date.replaceIncorrectEndDate)(items, cellDurationInMinutes, dataAccessors);
                return (0, _get_minimal_appointments.getMinimalAppointments)(safeItems, {
                    dataAccessors: dataAccessors,
                    timeZoneCalculator: schedulerStore.timeZoneCalculator
                })
            }
        },
        23241(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getMinimalAppointments = void 0;
            var _type = __webpack_require__( /*! ../../../../../core/utils/type */ 11528);
            exports.getMinimalAppointments = (safeItems, _ref) => {
                let {
                    dataAccessors: dataAccessors
                } = _ref;
                return safeItems.map(rawAppointment => {
                    const startDateMs = dataAccessors.get("startDate", rawAppointment).getTime();
                    const startDateTimeZone = dataAccessors.get("startDateTimeZone", rawAppointment);
                    const endDateMs = dataAccessors.get("endDate", rawAppointment).getTime();
                    const endDateTimeZone = dataAccessors.get("endDateTimeZone", rawAppointment);
                    const rawVisible = dataAccessors.get("visible", rawAppointment);
                    const visible = (0, _type.isDefined)(rawVisible) ? Boolean(rawVisible) : true;
                    return {
                        allDay: dataAccessors.get("allDay", rawAppointment),
                        startDateTimeZone: startDateTimeZone,
                        endDateTimeZone: endDateTimeZone,
                        source: {
                            startDate: startDateMs,
                            endDate: endDateMs
                        },
                        recurrenceRule: dataAccessors.get("recurrenceRule", rawAppointment),
                        recurrenceException: dataAccessors.get("recurrenceException", rawAppointment),
                        hasRecurrenceRule: dataAccessors.isRecurrent(rawAppointment),
                        visible: visible,
                        disabled: dataAccessors.get("disabled", rawAppointment),
                        itemData: rawAppointment
                    }
                })
            }
        },
        25453(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.replaceIncorrectEndDate = void 0;
            var _date = __webpack_require__( /*! ../../../../core/utils/date */ 55594);
            var _m_date = __webpack_require__( /*! ../../../../core/utils/m_date */ 66570);
            const toMs = _m_date.dateUtils.dateToMilliseconds;
            exports.replaceIncorrectEndDate = (rawAppointments, appointmentMinDuration, dataAccessors) => {
                if (!rawAppointments) {
                    return []
                }
                return rawAppointments.reduce((result, rawAppointment) => {
                    const startDate = dataAccessors.get("startDate", rawAppointment);
                    const endDate = dataAccessors.get("endDate", rawAppointment);
                    if (!_date.dateUtilsTs.isValidDate(startDate)) {
                        return result
                    }
                    const isEndDateIncorrect = !_date.dateUtilsTs.isValidDate(endDate) || startDate.getTime() > endDate.getTime();
                    if (isEndDateIncorrect) {
                        const isAllDay = dataAccessors.get("allDay", rawAppointment);
                        const correctedEndDate = isAllDay ? _m_date.dateUtils.setToDayEnd(new Date(startDate)) : new Date(startDate.getTime() + appointmentMinDuration * toMs("minute"));
                        dataAccessors.set("endDate", rawAppointment, correctedEndDate)
                    }
                    result.push(rawAppointment);
                    return result
                }, [])
            }
        },
        79674(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.WORK_SPACE_BORDER_PX = void 0;
            exports.WORK_SPACE_BORDER_PX = 1
        },
        39979(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getMaxAllowedPosition = exports.getGroupWidth = exports.getCellWidth = exports.getCellHeight = exports.getAllDayHeight = exports.PositionHelper = void 0;
            const getCellSize = DOMMetaData => {
                const {
                    dateTableCellsMeta: dateTableCellsMeta
                } = DOMMetaData;
                const length = null === dateTableCellsMeta || void 0 === dateTableCellsMeta ? void 0 : dateTableCellsMeta.length;
                if (!length) {
                    return {
                        width: 0,
                        height: 0
                    }
                }
                const cellIndex = length > 1 ? 1 : 0;
                const cellSize = dateTableCellsMeta[cellIndex][0];
                return {
                    width: cellSize.width,
                    height: cellSize.height
                }
            };
            const getCellHeight = DOMMetaData => getCellSize(DOMMetaData).height;
            exports.getCellHeight = getCellHeight;
            const getCellWidth = DOMMetaData => getCellSize(DOMMetaData).width;
            exports.getCellWidth = getCellWidth;
            const getAllDayHeight = (showAllDayPanel, isVerticalGrouping, DOMMetaData) => {
                if (!showAllDayPanel) {
                    return 0
                }
                if (isVerticalGrouping) {
                    const {
                        dateTableCellsMeta: dateTableCellsMeta
                    } = DOMMetaData;
                    const length = null === dateTableCellsMeta || void 0 === dateTableCellsMeta ? void 0 : dateTableCellsMeta.length;
                    return length ? dateTableCellsMeta[0][0].height : 0
                }
                const {
                    allDayPanelCellsMeta: allDayPanelCellsMeta
                } = DOMMetaData;
                return null !== allDayPanelCellsMeta && void 0 !== allDayPanelCellsMeta && allDayPanelCellsMeta.length ? allDayPanelCellsMeta[0].height : 0
            };
            exports.getAllDayHeight = getAllDayHeight;
            const getMaxAllowedPosition = (groupIndex, viewDataProvider, rtlEnabled, DOMMetaData) => {
                const validGroupIndex = groupIndex || 0;
                return ((groupIndex, viewDataProvider, rtlEnabled, DOMMetaData) => {
                    const {
                        dateTableCellsMeta: dateTableCellsMeta
                    } = DOMMetaData;
                    const firstRow = dateTableCellsMeta[0];
                    if (!firstRow) {
                        return 0
                    }
                    const {
                        columnIndex: columnIndex
                    } = viewDataProvider.getLastGroupCellPosition(groupIndex);
                    const cellPosition = firstRow[columnIndex];
                    if (!cellPosition) {
                        return 0
                    }
                    return !rtlEnabled ? cellPosition.left + cellPosition.width : cellPosition.left
                })(validGroupIndex, viewDataProvider, rtlEnabled, DOMMetaData)
            };
            exports.getMaxAllowedPosition = getMaxAllowedPosition;
            exports.getGroupWidth = (groupIndex, viewDataProvider, options) => {
                const {
                    isVirtualScrolling: isVirtualScrolling,
                    rtlEnabled: rtlEnabled,
                    DOMMetaData: DOMMetaData
                } = options;
                const cellWidth = getCellWidth(DOMMetaData);
                let result = viewDataProvider.getCellCount(options) * cellWidth;
                if (isVirtualScrolling) {
                    const groupedData = viewDataProvider.groupedDataMap.dateTableGroupedMap;
                    const groupLength = groupedData[groupIndex][0].length;
                    result = groupLength * cellWidth
                }
                const position = getMaxAllowedPosition(groupIndex, viewDataProvider, rtlEnabled, DOMMetaData);
                const currentPosition = position[groupIndex];
                if (currentPosition) {
                    if (rtlEnabled) {
                        result = currentPosition - position[groupIndex + 1]
                    } else if (0 === groupIndex) {
                        result = currentPosition
                    } else {
                        result = currentPosition - position[groupIndex - 1]
                    }
                }
                return result
            };
            exports.PositionHelper = class {
                get viewDataProvider() {
                    return this.options.viewDataProvider
                }
                get rtlEnabled() {
                    return this.options.rtlEnabled
                }
                get isGroupedByDate() {
                    return this.options.isGroupedByDate
                }
                get groupCount() {
                    return this.options.groupCount
                }
                get DOMMetaData() {
                    return this.options.getDOMMetaDataCallback()
                }
                constructor(options) {
                    this.options = options;
                    this.groupStrategy = this.options.isVerticalGrouping ? new GroupStrategyBase(this.options) : new GroupStrategyHorizontal(this.options)
                }
                getHorizontalMax(groupIndex) {
                    const getMaxPosition = groupIndex => getMaxAllowedPosition(groupIndex, this.viewDataProvider, this.rtlEnabled, this.DOMMetaData);
                    if (this.isGroupedByDate) {
                        const viewPortGroupCount = this.viewDataProvider.getViewPortGroupCount();
                        return Math.max(getMaxPosition(groupIndex), getMaxPosition(viewPortGroupCount - 1))
                    }
                    return getMaxPosition(groupIndex)
                }
                getResizableStep() {
                    const cellWidth = getCellWidth(this.DOMMetaData);
                    if (this.isGroupedByDate) {
                        return this.groupCount * cellWidth
                    }
                    return cellWidth
                }
                getVerticalMax(options) {
                    return this.groupStrategy.getVerticalMax(options)
                }
                getOffsetByAllDayPanel(options) {
                    return this.groupStrategy.getOffsetByAllDayPanel(options)
                }
                getGroupTop(options) {
                    return this.groupStrategy.getGroupTop(options)
                }
            };
            class GroupStrategyBase {
                constructor(options) {
                    this.options = options
                }
                get viewDataProvider() {
                    return this.options.viewDataProvider
                }
                get isGroupedByDate() {
                    return this.options.isGroupedByDate
                }
                get rtlEnabled() {
                    return this.options.rtlEnabled
                }
                get groupCount() {
                    return this.options.groupCount
                }
                get DOMMetaData() {
                    return this.options.getDOMMetaDataCallback()
                }
                getOffsetByAllDayPanel(_ref) {
                    let {
                        groupIndex: groupIndex,
                        supportAllDayRow: supportAllDayRow,
                        showAllDayPanel: showAllDayPanel
                    } = _ref;
                    let result = 0;
                    if (supportAllDayRow && showAllDayPanel) {
                        const allDayPanelHeight = getAllDayHeight(showAllDayPanel, true, this.DOMMetaData);
                        result = allDayPanelHeight * (groupIndex + 1)
                    }
                    return result
                }
                getVerticalMax(options) {
                    let maxAllowedPosition = this.getMaxAllowedVerticalPosition(Object.assign({}, options, {
                        viewDataProvider: this.viewDataProvider,
                        rtlEnabled: this.rtlEnabled,
                        DOMMetaData: this.DOMMetaData
                    }));
                    maxAllowedPosition += this.getOffsetByAllDayPanel(options);
                    return maxAllowedPosition
                }
                getGroupTop(_ref2) {
                    let {
                        groupIndex: groupIndex,
                        showAllDayPanel: showAllDayPanel,
                        isGroupedAllDayPanel: isGroupedAllDayPanel
                    } = _ref2;
                    const rowCount = this.viewDataProvider.getRowCountInGroup(groupIndex);
                    const maxVerticalPosition = this.getMaxAllowedVerticalPosition({
                        groupIndex: groupIndex,
                        viewDataProvider: this.viewDataProvider,
                        showAllDayPanel: showAllDayPanel,
                        isGroupedAllDayPanel: isGroupedAllDayPanel,
                        isVerticalGrouping: true,
                        DOMMetaData: this.DOMMetaData
                    });
                    return maxVerticalPosition - getCellHeight(this.DOMMetaData) * rowCount
                }
                getAllDayHeight(showAllDayPanel) {
                    return getAllDayHeight(showAllDayPanel, true, this.DOMMetaData)
                }
                getMaxAllowedVerticalPosition(_ref3) {
                    let {
                        groupIndex: groupIndex,
                        showAllDayPanel: showAllDayPanel,
                        isGroupedAllDayPanel: isGroupedAllDayPanel
                    } = _ref3;
                    const {
                        rowIndex: rowIndex
                    } = this.viewDataProvider.getLastGroupCellPosition(groupIndex);
                    const {
                        dateTableCellsMeta: dateTableCellsMeta
                    } = this.DOMMetaData;
                    const lastGroupRow = dateTableCellsMeta[rowIndex];
                    if (!lastGroupRow) {
                        return 0
                    }
                    let result = lastGroupRow[0].top + lastGroupRow[0].height;
                    if (isGroupedAllDayPanel) {
                        result -= (groupIndex + 1) * this.getAllDayHeight(showAllDayPanel)
                    }
                    return result
                }
            }
            class GroupStrategyHorizontal extends GroupStrategyBase {
                getOffsetByAllDayPanel() {
                    return 0
                }
                getVerticalMax(options) {
                    const {
                        isVirtualScrolling: isVirtualScrolling,
                        groupIndex: groupIndex
                    } = options;
                    const correctedGroupIndex = isVirtualScrolling ? groupIndex : 0;
                    return this.getMaxAllowedVerticalPosition(Object.assign({}, options, {
                        groupIndex: correctedGroupIndex
                    }))
                }
                getGroupTop() {
                    return 0
                }
                getAllDayHeight(showAllDayPanel) {
                    return getAllDayHeight(showAllDayPanel, false, this.DOMMetaData)
                }
            }
        },
        11129(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _widget = __webpack_require__( /*! ../../core/widget/widget */ 89275);
            var _m_classes = __webpack_require__( /*! ../m_classes */ 80126);
            var _m_table_creator = _interopRequireDefault(__webpack_require__( /*! ../m_table_creator */ 92201));
            var _index = __webpack_require__( /*! ../r1/utils/index */ 34396);
            var _constants_view = __webpack_require__( /*! ../utils/options/constants_view */ 43582);
            var _agenda_group_utils = __webpack_require__( /*! ../utils/resource_manager/agenda_group_utils */ 80915);
            var _m_work_space = _interopRequireDefault(__webpack_require__( /*! ./m_work_space */ 45277));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                tableCreator: tableCreator
            } = _m_table_creator.default;
            class SchedulerAgenda extends _m_work_space.default {
                constructor() {
                    super(...arguments);
                    this.rows = []
                }
                _activeStateUnit() {
                    return _widget.EMPTY_ACTIVE_STATE_UNIT
                }
                get type() {
                    return _constants_view.VIEWS.AGENDA
                }
                getStartViewDate() {
                    return this.startViewDate
                }
                _init() {
                    super._init()
                }
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        agendaDuration: 7,
                        rowHeight: 60,
                        noDataText: ""
                    })
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    const {
                        value: value
                    } = args;
                    switch (name) {
                        case "agendaDuration":
                            break;
                        case "noDataText":
                        case "rowHeight":
                            this.recalculateAgenda(this.rows);
                            break;
                        case "groups":
                            if (!(null !== value && void 0 !== value && value.length)) {
                                if (this._$groupTable) {
                                    this._$groupTable.remove();
                                    this._$groupTable = null;
                                    this.detachGroupCountClass()
                                }
                            } else if (!this._$groupTable) {
                                this.initGroupTable();
                                this._dateTableScrollable.$content().prepend(this._$groupTable)
                            }
                            super._optionChanged(args);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _renderFocusState() {
                    return (0, _common.noop)()
                }
                _renderFocusTarget() {
                    return (0, _common.noop)()
                }
                _cleanFocusState() {
                    return (0, _common.noop)()
                }
                supportAllDayRow() {
                    return false
                }
                isVerticalGroupedWorkSpace() {
                    return false
                }
                getElementClass() {
                    return "dx-scheduler-agenda"
                }
                getRowCount() {
                    return this.option("agendaDuration")
                }
                _getCellCount() {
                    return 1
                }
                getTimePanelRowCount() {
                    return this.option("agendaDuration")
                }
                renderAllDayPanel() {
                    return (0, _common.noop)()
                }
                updateAllDayVisibility() {
                    return (0, _common.noop)()
                }
                initWorkSpaceUnits() {
                    this.initGroupTable();
                    this.$timePanel = (0, _renderer.default)("<table>").attr("aria-hidden", true).addClass(_m_classes.TIME_PANEL_CLASS);
                    this._$dateTable = (0, _renderer.default)("<table>").attr("aria-hidden", true).addClass(_m_classes.DATE_TABLE_CLASS);
                    this._$dateTableScrollableContent = (0, _renderer.default)("<div>").addClass("dx-scheduler-date-table-scrollable-content");
                    this.$dateTableContainer = (0, _renderer.default)("<div>").addClass("dx-scheduler-date-table-container")
                }
                initGroupTable() {
                    const groups = this.option("groups");
                    if (null !== groups && void 0 !== groups && groups.length) {
                        this._$groupTable = (0, _renderer.default)("<table>").attr("aria-hidden", true).addClass("dx-scheduler-group-table")
                    }
                }
                renderView() {
                    this.startViewDate = _index.agendaUtils.calculateStartViewDate(this.option("currentDate"), this.option("startDayHour"));
                    this.rows = []
                }
                recalculateAgenda(rows) {
                    let cellTemplates = [];
                    this.cleanView();
                    if (this.rowsIsEmpty(rows)) {
                        this.renderNoData();
                        return
                    }
                    this.rows = rows;
                    if (this._$groupTable) {
                        cellTemplates = this.renderGroupHeader();
                        this.setGroupHeaderCellsHeight()
                    }
                    this.renderTimePanel();
                    this.renderDateTable();
                    this.applyCellTemplates(cellTemplates);
                    this._dateTableScrollable.update()
                }
                renderNoData() {
                    this.$noDataContainer = (0, _renderer.default)("<div>").addClass("dx-scheduler-agenda-nodata").html(this.option("noDataText"));
                    this._dateTableScrollable.$content().append(this.$noDataContainer)
                }
                setTableSizes() {
                    return (0, _common.noop)()
                }
                toggleHorizontalScrollClass() {
                    return (0, _common.noop)()
                }
                createCrossScrollingConfig(argument) {
                    return (0, _common.noop)()
                }
                setGroupHeaderCellsHeight() {
                    const $cells = this.getGroupHeaderCells().filter((_, element) => !element.getAttribute("rowSpan"));
                    const rows = this.removeEmptyRows(this.rows);
                    if (!rows.length) {
                        return
                    }
                    for (let i = 0; i < $cells.length; i++) {
                        const $cellContent = $cells.eq(i).find(".dx-scheduler-group-header-content");
                        (0, _size.setOuterHeight)($cellContent, this.getGroupRowHeight(rows[i]))
                    }
                }
                rowsIsEmpty(rows) {
                    let result = true;
                    for (let i = 0; i < rows.length; i++) {
                        const groupRow = rows[i];
                        for (let j = 0; j < groupRow.length; j++) {
                            if (groupRow[j]) {
                                result = false;
                                break
                            }
                        }
                    }
                    return result
                }
                attachGroupCountClass() {
                    const className = (0, _index.getVerticalGroupCountClass)(this.option("groups"));
                    this.$element().addClass(className)
                }
                removeEmptyRows(rows) {
                    const result = [];
                    const isEmpty = function(data) {
                        return !data.some(value => value > 0)
                    };
                    for (let i = 0; i < rows.length; i++) {
                        if (rows[i].length && !isEmpty(rows[i])) {
                            result.push(rows[i])
                        }
                    }
                    return result
                }
                getGroupHeaderContainer() {
                    return this._$groupTable
                }
                makeGroupRows() {
                    const resourceManager = this.option("getResourceManager")();
                    const allAppointments = this.option("getFilteredItems")();
                    const tree = (0, _agenda_group_utils.reduceResourcesTree)(resourceManager.resourceById, resourceManager.groupsTree, allAppointments);
                    const cellTemplate = this.option("resourceCellTemplate");
                    const getGroupHeaderContentClass = _m_classes.GROUP_HEADER_CONTENT_CLASS;
                    const cellTemplates = [];
                    const table = tableCreator.makeGroupedTableFromJSON(tree, {
                        cellTag: "th",
                        groupTableClass: "dx-scheduler-group-table",
                        groupRowClass: _m_classes.GROUP_ROW_CLASS,
                        groupCellClass: this.getGroupHeaderClass(),
                        groupCellCustomContent(cell, cellTextElement, index, node) {
                            const container = _dom_adapter.default.createElement("div");
                            container.className = getGroupHeaderContentClass;
                            const value = node.grouped[node.resourceIndex];
                            const resource = resourceManager.resourceById[node.resourceIndex];
                            const resourceData = null === resource || void 0 === resource ? void 0 : resource.data.find(rItem => resource.dataAccessor.get("id", rItem) === value);
                            const resourceItem = null === resource || void 0 === resource ? void 0 : resource.items.find(rItem => rItem.id === value);
                            if (null !== cellTemplate && void 0 !== cellTemplate && cellTemplate.render) {
                                cellTemplates.push(cellTemplate.render.bind(cellTemplate, {
                                    model: {
                                        data: resourceData,
                                        id: value,
                                        color: null === resourceItem || void 0 === resourceItem ? void 0 : resourceItem.color,
                                        text: cellTextElement.textContent
                                    },
                                    container: (0, _element.getPublicElement)((0, _renderer.default)(container)),
                                    index: index
                                }))
                            } else {
                                const contentWrapper = _dom_adapter.default.createElement("div");
                                contentWrapper.appendChild(cellTextElement);
                                container.appendChild(contentWrapper)
                            }
                            cell.appendChild(container)
                        },
                        cellTemplate: cellTemplate
                    });
                    return {
                        elements: (0, _renderer.default)(table).find(`.${_m_classes.GROUP_ROW_CLASS}`),
                        cellTemplates: cellTemplates
                    }
                }
                cleanView() {
                    this._$dateTable.empty();
                    this.$timePanel.empty();
                    if (this._$groupTable) {
                        this._$groupTable.empty()
                    }
                    if (this.$noDataContainer) {
                        this.$noDataContainer.empty();
                        this.$noDataContainer.remove();
                        delete this.$noDataContainer
                    }
                }
                createWorkSpaceElements() {
                    this.createWorkSpaceStaticElements()
                }
                createWorkSpaceStaticElements() {
                    this.$dateTableContainer.append(this._$dateTable);
                    this._dateTableScrollable.$content().append(this._$dateTableScrollableContent);
                    if (this._$groupTable) {
                        this._$dateTableScrollableContent.prepend(this._$groupTable)
                    }
                    this._$dateTableScrollableContent.append(this.$timePanel, this.$dateTableContainer);
                    this.$element().append(this._dateTableScrollable.$element())
                }
                renderDateTable() {
                    this.renderTableBody({
                        container: (0, _element.getPublicElement)(this._$dateTable),
                        rowClass: _m_classes.DATE_TABLE_ROW_CLASS,
                        cellClass: this.getDateTableCellClass()
                    })
                }
                attachTablesEvents() {
                    return (0, _common.noop)()
                }
                attachEvents() {
                    return (0, _common.noop)()
                }
                isIndicationAvailable() {
                    return false
                }
                prepareCellTemplateOptions(text, date, rowIndex, $cell) {
                    const leaf = this.resourceManager.groupsLeafs[rowIndex];
                    const groups = (null === leaf || void 0 === leaf ? void 0 : leaf.grouped) ?? {};
                    const groupIndex = null === leaf || void 0 === leaf ? void 0 : leaf.groupIndex;
                    return {
                        model: {
                            text: text,
                            date: date,
                            groups: groups,
                            groupIndex: groupIndex
                        },
                        container: (0, _element.getPublicElement)($cell),
                        index: rowIndex
                    }
                }
                renderTableBody(options, delayCellTemplateRendering) {
                    const cellTemplates = [];
                    const cellTemplateOpt = options.cellTemplate;
                    this.$rows = [];
                    let i;
                    const fillTableBody = function(rowIndex, rowSize) {
                        if (rowSize) {
                            let date;
                            let cellDateNumber;
                            let cellDayName;
                            const $row = (0, _renderer.default)("<tr>");
                            const $td = (0, _renderer.default)("<td>");
                            (0, _size.setHeight)($td, this.getRowHeight(rowSize));
                            if (options.getStartDate) {
                                var _options$getStartDate;
                                date = null === (_options$getStartDate = options.getStartDate) || void 0 === _options$getStartDate ? void 0 : _options$getStartDate.call(options, rowIndex);
                                cellDateNumber = _date.default.format(date, "d");
                                cellDayName = _date.default.format(date, _index.formatWeekday)
                            }
                            if (null !== cellTemplateOpt && void 0 !== cellTemplateOpt && cellTemplateOpt.render) {
                                const templateOptions = this.prepareCellTemplateOptions(`${cellDateNumber} ${cellDayName}`, date, i, $td);
                                cellTemplates.push(cellTemplateOpt.render.bind(cellTemplateOpt, templateOptions))
                            } else if (cellDateNumber && cellDayName) {
                                $td.addClass("dx-scheduler-agenda-date").text(`${cellDateNumber} ${cellDayName}`)
                            }
                            if (options.rowClass) {
                                $row.addClass(options.rowClass)
                            }
                            if (options.cellClass) {
                                $td.addClass(options.cellClass)
                            }
                            $row.append($td);
                            this.$rows.push($row)
                        }
                    }.bind(this);
                    for (i = 0; i < this.rows.length; i++) {
                        (0, _iterator.each)(this.rows[i], fillTableBody);
                        this.setLastRowClass()
                    }(0, _renderer.default)(options.container).append((0, _renderer.default)("<tbody>").append(this.$rows));
                    this.applyCellTemplates(cellTemplates)
                }
                setLastRowClass() {
                    if (this.rows.length > 1 && this.$rows.length) {
                        const $lastRow = this.$rows[this.$rows.length - 1];
                        $lastRow.addClass("dx-scheduler-date-table-last-row")
                    }
                }
                renderTimePanel() {
                    this.renderTableBody({
                        container: (0, _element.getPublicElement)(this.$timePanel),
                        rowCount: this.getTimePanelRowCount(),
                        cellCount: 1,
                        rowClass: "dx-scheduler-time-panel-row",
                        cellClass: "dx-scheduler-time-panel-cell",
                        cellTemplate: this.option("dateCellTemplate"),
                        getStartDate: this.getTimePanelStartDate.bind(this)
                    })
                }
                getTimePanelStartDate(rowIndex) {
                    const current = new Date(this.option("currentDate"));
                    const cellDate = new Date(current.setDate(current.getDate() + rowIndex));
                    return cellDate
                }
                getRowHeight(rowSize) {
                    const baseHeight = this.option("rowHeight");
                    const innerOffset = 5 * (rowSize - 1);
                    return rowSize ? baseHeight * rowSize + innerOffset + 20 : 0
                }
                getGroupRowHeight(groupRows) {
                    if (!groupRows) {
                        return
                    }
                    let result = 0;
                    for (let i = 0; i < groupRows.length; i++) {
                        result += this.getRowHeight(groupRows[i])
                    }
                    return result
                }
                renderAgendaLayout(appointments) {
                    this.renderView();
                    const rows = _index.agendaUtils.calculateRows(appointments, this.option("agendaDuration"), this.getStartViewDate(), this.resourceManager.groupCount());
                    this.recalculateAgenda(rows)
                }
                getAgendaVerticalStepHeight() {
                    return this.option("rowHeight")
                }
                getEndViewDate() {
                    const currentDate = new Date(this.option("currentDate"));
                    const agendaDuration = this.option("agendaDuration");
                    currentDate.setHours(this.option("endDayHour"));
                    const result = currentDate.setDate(currentDate.getDate() + agendaDuration - 1) - 6e4;
                    return new Date(result)
                }
                getEndViewDateByEndDayHour() {
                    return this.getEndViewDate()
                }
                updateScrollPosition(date) {
                    const newDate = this.timeZoneCalculator.createDate(date, "toGrid");
                    const bounds = this.getVisibleBounds();
                    const startDateHour = newDate.getHours();
                    const startDateMinutes = newDate.getMinutes();
                    if (this.needUpdateScrollPosition(startDateHour, startDateMinutes, bounds, newDate)) {
                        this.scrollTo(newDate)
                    }
                }
                needUpdateScrollPosition(hours, minutes, bounds, newData) {
                    let isUpdateNeeded = false;
                    if (hours < bounds.top.hours || hours > bounds.bottom.hours) {
                        isUpdateNeeded = true
                    }
                    if (hours === bounds.top.hours && minutes < bounds.top.minutes) {
                        isUpdateNeeded = true
                    }
                    if (hours === bounds.bottom.hours && minutes > bounds.top.minutes) {
                        isUpdateNeeded = true
                    }
                    return isUpdateNeeded
                }
                renovatedRenderSupported() {
                    return false
                }
                getTotalViewDuration() {
                    return _date2.default.dateToMilliseconds("day") * this.option("intervalCount")
                }
                getDOMElementsMetaData() {
                    return {
                        dateTableCellsMeta: [
                            [{}]
                        ],
                        allDayPanelCellsMeta: [{}]
                    }
                }
            }(0, _component_registrator.default)("dxSchedulerAgenda", SchedulerAgenda);
            exports.default = SchedulerAgenda
        },
        46380(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CellsSelectionController = void 0;
            var _index = __webpack_require__( /*! ../../scheduler/r1/utils/index */ 34396);
            exports.CellsSelectionController = class {
                handleArrowClick(options) {
                    const {
                        key: key,
                        focusedCellPosition: focusedCellPosition,
                        edgeIndices: edgeIndices,
                        getCellDataByPosition: getCellDataByPosition,
                        isAllDayPanelCell: isAllDayPanelCell
                    } = options;
                    let nextCellIndices;
                    switch (key) {
                        case "down":
                            nextCellIndices = this.getCellFromNextRowPosition(focusedCellPosition, "next", edgeIndices);
                            break;
                        case "up":
                            nextCellIndices = this.getCellFromNextRowPosition(focusedCellPosition, "prev", edgeIndices);
                            break;
                        case "left":
                            nextCellIndices = this.getCellFromNextColumnPosition(Object.assign({}, options, {
                                direction: "prev"
                            }));
                            break;
                        case "right":
                            nextCellIndices = this.getCellFromNextColumnPosition(Object.assign({}, options, {
                                direction: "next"
                            }))
                    }
                    const currentCellData = getCellDataByPosition(nextCellIndices.rowIndex, nextCellIndices.columnIndex, isAllDayPanelCell);
                    return this.moveToCell(Object.assign({}, options, {
                        currentCellData: currentCellData
                    }))
                }
                getCellFromNextRowPosition(focusedCellPosition, direction, edgeIndices) {
                    const {
                        columnIndex: columnIndex,
                        rowIndex: rowIndex
                    } = focusedCellPosition;
                    const deltaPosition = "next" === direction ? 1 : -1;
                    const nextRowIndex = rowIndex + deltaPosition;
                    const validRowIndex = nextRowIndex >= 0 && nextRowIndex <= edgeIndices.lastRowIndex ? nextRowIndex : rowIndex;
                    return {
                        columnIndex: columnIndex,
                        rowIndex: validRowIndex
                    }
                }
                getCellFromNextColumnPosition(options) {
                    const {
                        focusedCellPosition: focusedCellPosition,
                        direction: direction,
                        edgeIndices: edgeIndices,
                        isRTL: isRTL,
                        isGroupedByDate: isGroupedByDate,
                        groupCount: groupCount,
                        isMultiSelection: isMultiSelection,
                        viewType: viewType
                    } = options;
                    const {
                        columnIndex: columnIndex,
                        rowIndex: rowIndex
                    } = focusedCellPosition;
                    const {
                        firstColumnIndex: firstColumnIndex,
                        lastColumnIndex: lastColumnIndex,
                        firstRowIndex: firstRowIndex,
                        lastRowIndex: lastRowIndex
                    } = edgeIndices;
                    const step = isGroupedByDate && isMultiSelection ? groupCount : 1;
                    const sign = isRTL ? -1 : 1;
                    const deltaColumnIndex = "next" === direction ? sign * step : -1 * sign * step;
                    const nextColumnIndex = columnIndex + deltaColumnIndex;
                    const isValidColumnIndex = nextColumnIndex >= firstColumnIndex && nextColumnIndex <= lastColumnIndex;
                    if (isValidColumnIndex) {
                        return {
                            columnIndex: nextColumnIndex,
                            rowIndex: rowIndex
                        }
                    }
                    return (0, _index.isDateAndTimeView)(viewType) ? focusedCellPosition : this.processEdgeCell({
                        nextColumnIndex: nextColumnIndex,
                        rowIndex: rowIndex,
                        columnIndex: columnIndex,
                        firstColumnIndex: firstColumnIndex,
                        lastColumnIndex: lastColumnIndex,
                        firstRowIndex: firstRowIndex,
                        lastRowIndex: lastRowIndex,
                        step: step
                    })
                }
                processEdgeCell(options) {
                    const {
                        nextColumnIndex: nextColumnIndex,
                        rowIndex: rowIndex,
                        columnIndex: columnIndex,
                        firstColumnIndex: firstColumnIndex,
                        lastColumnIndex: lastColumnIndex,
                        firstRowIndex: firstRowIndex,
                        lastRowIndex: lastRowIndex,
                        step: step
                    } = options;
                    let validColumnIndex = nextColumnIndex;
                    let validRowIndex = rowIndex;
                    const isLeftEdgeCell = nextColumnIndex < firstColumnIndex;
                    const isRightEdgeCell = nextColumnIndex > lastColumnIndex;
                    if (isLeftEdgeCell) {
                        const columnIndexInNextRow = lastColumnIndex - (step - columnIndex % step - 1);
                        const nextRowIndex = rowIndex - 1;
                        const isValidRowIndex = nextRowIndex >= firstRowIndex;
                        validRowIndex = isValidRowIndex ? nextRowIndex : rowIndex;
                        validColumnIndex = isValidRowIndex ? columnIndexInNextRow : columnIndex
                    }
                    if (isRightEdgeCell) {
                        const columnIndexInNextRow = firstColumnIndex + columnIndex % step;
                        const nextRowIndex = rowIndex + 1;
                        const isValidRowIndex = nextRowIndex <= lastRowIndex;
                        validRowIndex = isValidRowIndex ? nextRowIndex : rowIndex;
                        validColumnIndex = isValidRowIndex ? columnIndexInNextRow : columnIndex
                    }
                    return {
                        columnIndex: validColumnIndex,
                        rowIndex: validRowIndex
                    }
                }
                moveToCell(options) {
                    const {
                        isMultiSelection: isMultiSelection,
                        isMultiSelectionAllowed: isMultiSelectionAllowed,
                        focusedCellData: focusedCellData,
                        currentCellData: currentCellData
                    } = options;
                    const isValidMultiSelection = isMultiSelection && isMultiSelectionAllowed;
                    const nextFocusedCellData = isValidMultiSelection ? this.getNextCellData(currentCellData, focusedCellData) : currentCellData;
                    return nextFocusedCellData
                }
                getNextCellData(nextFocusedCellData, focusedCellData, isVirtualCell) {
                    if (isVirtualCell) {
                        return focusedCellData
                    }
                    const isValidNextFocusedCell = this.isValidNextFocusedCell(nextFocusedCellData, focusedCellData);
                    return isValidNextFocusedCell ? nextFocusedCellData : focusedCellData
                }
                isValidNextFocusedCell(nextFocusedCellData, focusedCellData) {
                    if (!focusedCellData) {
                        return true
                    }
                    const {
                        groupIndex: groupIndex,
                        allDay: allDay
                    } = focusedCellData;
                    const {
                        groupIndex: nextGroupIndex,
                        allDay: nextAllDay
                    } = nextFocusedCellData;
                    return groupIndex === nextGroupIndex && allDay === nextAllDay
                }
            }
        },
        37331(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.default = class {
                constructor(viewDataProvider) {
                    this.viewDataProvider = viewDataProvider;
                    this.focusedCell = null;
                    this.selectedCells = null;
                    this.firstSelectedCell = null;
                    this.prevFocusedCell = null;
                    this.prevSelectedCells = null
                }
                getFocusedCell() {
                    const {
                        focusedCell: focusedCell
                    } = this;
                    if (!focusedCell) {
                        return
                    }
                    const {
                        groupIndex: groupIndex,
                        startDate: startDate,
                        allDay: allDay
                    } = focusedCell;
                    const cellInfo = {
                        groupIndex: groupIndex,
                        startDate: startDate,
                        isAllDay: allDay,
                        index: focusedCell.index
                    };
                    const cellPosition = this.viewDataProvider.findCellPositionInMap(cellInfo);
                    return {
                        coordinates: cellPosition,
                        cellData: focusedCell
                    }
                }
                setFocusedCell(rowIndex, columnIndex, isAllDay) {
                    if (rowIndex >= 0) {
                        const cell = this.viewDataProvider.getCellData(rowIndex, columnIndex, isAllDay);
                        this.focusedCell = cell
                    }
                }
                setSelectedCells(lastCellCoordinates) {
                    let firstCellCoordinates = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : void 0;
                    const {
                        viewDataProvider: viewDataProvider
                    } = this;
                    const {
                        rowIndex: lastRowIndex,
                        columnIndex: lastColumnIndex,
                        allDay: isLastCellAllDay
                    } = lastCellCoordinates;
                    if (lastRowIndex < 0) {
                        return
                    }
                    const firstCell = firstCellCoordinates ? viewDataProvider.getCellData(firstCellCoordinates.rowIndex, firstCellCoordinates.columnIndex, firstCellCoordinates.allDay) : this.firstSelectedCell;
                    const lastCell = viewDataProvider.getCellData(lastRowIndex, lastColumnIndex, isLastCellAllDay);
                    this.firstSelectedCell = firstCell;
                    this.selectedCells = this.viewDataProvider.getCellsBetween(firstCell, lastCell)
                }
                setSelectedCellsByData(selectedCellsData) {
                    this.selectedCells = selectedCellsData
                }
                getSelectedCells() {
                    return this.selectedCells
                }
                releaseSelectedAndFocusedCells() {
                    this.releaseSelectedCells();
                    this.releaseFocusedCell()
                }
                releaseSelectedCells() {
                    this.prevSelectedCells = this.selectedCells;
                    this.prevFirstSelectedCell = this.firstSelectedCell;
                    this.selectedCells = null;
                    this.firstSelectedCell = null
                }
                releaseFocusedCell() {
                    this.prevFocusedCell = this.focusedCell;
                    this.focusedCell = null
                }
                restoreSelectedAndFocusedCells() {
                    this.selectedCells = this.selectedCells || this.prevSelectedCells;
                    this.focusedCell = this.focusedCell || this.prevFocusedCell;
                    this.firstSelectedCell = this.firstSelectedCell || this.prevFirstSelectedCell;
                    this.prevSelectedCells = null;
                    this.prevFirstSelectedCell = null;
                    this.prevFocusedCell = null
                }
                clearSelectedAndFocusedCells() {
                    this.prevSelectedCells = null;
                    this.selectedCells = null;
                    this.prevFocusedCell = null;
                    this.focusedCell = null
                }
            }
        },
        90214(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _position = __webpack_require__( /*! ../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _index = __webpack_require__( /*! ../../scheduler/r1/components/index */ 19747);
            var _index2 = __webpack_require__( /*! ../../scheduler/r1/utils/index */ 34396);
            var _m_classes = __webpack_require__( /*! ../m_classes */ 80126);
            var _m_table_creator = _interopRequireDefault(__webpack_require__( /*! ../m_table_creator */ 92201));
            var _m_utils_time_zone = _interopRequireDefault(__webpack_require__( /*! ../m_utils_time_zone */ 18648));
            var _current_time_shader_horizontal = _interopRequireDefault(__webpack_require__( /*! ../shaders/current_time_shader_horizontal */ 35577));
            var _m_work_space_indicator = _interopRequireDefault(__webpack_require__( /*! ./m_work_space_indicator */ 6523));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                tableCreator: tableCreator
            } = _m_table_creator.default;
            const toMs = _date.default.dateToMilliseconds;
            class SchedulerTimeline extends _m_work_space_indicator.default {
                constructor() {
                    super(...arguments);
                    this.viewDirection = "horizontal"
                }
                get verticalGroupTableClass() {
                    return "dx-scheduler-group-table"
                }
                get renovatedHeaderPanelComponent() {
                    return _index.HeaderPanelTimelineComponent
                }
                getGroupTableWidth() {
                    return this.$sidebarTable ? (0, _size.getOuterWidth)(this.$sidebarTable) : 0
                }
                getTotalRowCount(groupCount) {
                    if (this._isHorizontalGroupedWorkSpace()) {
                        return this.getRowCount()
                    }
                    groupCount = groupCount || 1;
                    return this.getRowCount() * groupCount
                }
                getFormat() {
                    return "shorttime"
                }
                getWorkSpaceHeight() {
                    if (this.option("crossScrollingEnabled") && (0, _window.hasWindow)()) {
                        return (0, _position.getBoundingRect)(this._$dateTable.get(0)).height
                    }
                    return (0, _position.getBoundingRect)(this.$element().get(0)).height
                }
                dateTableScrollableConfig() {
                    const config = super.dateTableScrollableConfig();
                    const timelineConfig = {
                        direction: "horizontal"
                    };
                    return this.option("crossScrollingEnabled") ? config : (0, _extend.extend)(config, timelineConfig)
                }
                needCreateCrossScrolling() {
                    return true
                }
                headerScrollableConfig() {
                    const config = super.headerScrollableConfig();
                    return (0, _extend.extend)(config, {
                        scrollByContent: true
                    })
                }
                supportAllDayRow() {
                    return false
                }
                getGroupHeaderContainer() {
                    if (this._isHorizontalGroupedWorkSpace()) {
                        return this._$thead
                    }
                    return this.$sidebarTable
                }
                insertAllDayRowsIntoDateTable() {
                    return false
                }
                needRenderWeekHeader() {
                    return false
                }
                incrementDate(date) {
                    date.setDate(date.getDate() + 1)
                }
                getIndicationCellCount() {
                    const timeDiff = this.getTimeDiff();
                    return this.calculateDurationInCells(timeDiff)
                }
                getTimeDiff() {
                    let today = this.getToday();
                    const date = this.getIndicationFirstViewDate();
                    const startViewDate = this.getStartViewDate();
                    const dayLightOffset = _m_utils_time_zone.default.getDaylightOffsetInMs(startViewDate, today);
                    if (dayLightOffset) {
                        today = new Date(today.getTime() + dayLightOffset)
                    }
                    return today.getTime() - date.getTime()
                }
                calculateDurationInCells(timeDiff) {
                    const today = this.getToday();
                    const differenceInDays = Math.floor(timeDiff / toMs("day"));
                    let duration = (timeDiff - differenceInDays * toMs("day") - this.option("startDayHour") * toMs("hour")) / this.getCellDuration();
                    if (today.getHours() > this.option("endDayHour")) {
                        duration = this.getCellCountInDay()
                    }
                    if (duration < 0) {
                        duration = 0
                    }
                    return differenceInDays * this.getCellCountInDay() + duration
                }
                getIndicationWidth() {
                    if (this.isGroupedByDate()) {
                        const cellCount = this.getIndicationCellCount();
                        const integerPart = Math.floor(cellCount);
                        const fractionPart = cellCount - integerPart;
                        return this.getCellWidth() * (integerPart * this._getGroupCount() + fractionPart)
                    }
                    return this.getIndicationCellCount() * this.getCellWidth()
                }
                isVerticalShader() {
                    return false
                }
                isCurrentTimeHeaderCell() {
                    return false
                }
                setTableSizes() {
                    super.setTableSizes();
                    const minHeight = this.getWorkSpaceMinHeight();
                    (0, _size.setHeight)(this.$sidebarTable, minHeight);
                    (0, _size.setHeight)(this._$dateTable, minHeight);
                    this.virtualScrollingDispatcher.updateDimensions()
                }
                getWorkSpaceMinHeight() {
                    let minHeight = this.getWorkSpaceHeight();
                    const workspaceContainerHeight = (0, _size.getOuterHeight)(this._$flexContainer, true);
                    if (minHeight < workspaceContainerHeight) {
                        minHeight = workspaceContainerHeight
                    }
                    return minHeight
                }
                getCellCoordinatesByIndex(index) {
                    return {
                        columnIndex: index % this._getCellCount(),
                        rowIndex: 0
                    }
                }
                getCellElementByPosition(cellCoordinates, groupIndex) {
                    const indexes = this._groupedStrategy.prepareCellIndexes(cellCoordinates, groupIndex);
                    return this._$dateTable.find("tr").eq(indexes.rowIndex).find("td").eq(indexes.columnIndex)
                }
                getWorkSpaceWidth() {
                    return (0, _size.getOuterWidth)(this._$dateTable, true)
                }
                getIndicationFirstViewDate() {
                    return _date.default.trimTime(new Date(this.getStartViewDate()))
                }
                getIntervalBetween(currentDate, allDay) {
                    const startDayHour = this.option("startDayHour");
                    const endDayHour = this.option("endDayHour");
                    const firstViewDate = this.getStartViewDate();
                    const firstViewDateTime = firstViewDate.getTime();
                    const hiddenInterval = (24 - endDayHour + startDayHour) * toMs("hour");
                    const timeZoneOffset = _date.default.getTimezonesDifference(firstViewDate, currentDate);
                    const apptStart = currentDate.getTime();
                    const fullInterval = apptStart - firstViewDateTime - timeZoneOffset;
                    const fullDays = Math.floor(fullInterval / toMs("day"));
                    const tailDuration = fullInterval - fullDays * toMs("day");
                    let tailDelta = 0;
                    const cellCount = this.getCellCountInDay() * (fullDays - this.getWeekendsCount(fullDays));
                    const gapBeforeAppt = apptStart - _date.default.trimTime(new Date(currentDate)).getTime();
                    let result = cellCount * this.option("hoursInterval") * toMs("hour");
                    if (!allDay) {
                        const hour = currentDate.getHours();
                        switch (true) {
                            case hour < startDayHour:
                                tailDelta = tailDuration - hiddenInterval + gapBeforeAppt;
                                break;
                            case hour >= startDayHour && hour < endDayHour:
                                tailDelta = tailDuration;
                                break;
                            case hour >= endDayHour:
                                tailDelta = tailDuration - (gapBeforeAppt - endDayHour * toMs("hour"));
                                break;
                            case !fullDays:
                                result = fullInterval
                        }
                        result += tailDelta
                    }
                    return result
                }
                getWeekendsCount(argument) {
                    return 0
                }
                getAllDayContainer() {
                    return null
                }
                getTimePanelWidth() {
                    return 0
                }
                getIntervalDuration(allDay) {
                    return this.getCellDuration()
                }
                getCellMinWidth() {
                    return 0
                }
                getWorkSpaceLeftOffset() {
                    return 0
                }
                renderRAllDayPanel() {}
                renderRTimeTable() {}
                renderGroupAllDayPanel() {}
                generateRenderOptions(argument) {
                    const options = super.generateRenderOptions(true);
                    return Object.assign({}, options, {
                        isGenerateWeekDaysHeaderData: this.needRenderWeekHeader(),
                        getDateForHeaderText: _index2.timelineWeekUtils.getDateForHeaderText
                    })
                }
                _init() {
                    super._init();
                    this.$element().addClass("dx-scheduler-timeline");
                    this.$sidebarTable = (0, _renderer.default)("<div>").addClass("dx-scheduler-group-table")
                }
                getDefaultGroupStrategy() {
                    return "vertical"
                }
                toggleGroupingDirectionClass() {
                    this.$element().toggleClass("dx-scheduler-work-space-horizontal-grouped", this._isHorizontalGroupedWorkSpace())
                }
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        groupOrientation: "vertical"
                    })
                }
                createWorkSpaceElements() {
                    this.createWorkSpaceScrollableElements()
                }
                updateAllDayVisibility() {
                    return (0, _common.noop)()
                }
                getDateHeaderTemplate() {
                    return this.option("timeCellTemplate")
                }
                renderView() {
                    let groupCellTemplates;
                    if (!this.isRenovatedRender()) {
                        groupCellTemplates = this.renderGroupHeader()
                    }
                    this.renderWorkSpace();
                    if (this.isRenovatedRender()) {
                        this.virtualScrollingDispatcher.updateDimensions()
                    }
                    this._shader = new _current_time_shader_horizontal.default(this);
                    this.$sidebarTable.appendTo(this._sidebarScrollable.$content());
                    if (this.isRenovatedRender() && this.isVerticalGroupedWorkSpace()) {
                        this.renderRGroupPanel()
                    }
                    this.updateHeaderEmptyCellWidth();
                    this.applyCellTemplates(groupCellTemplates)
                }
                setHorizontalGroupHeaderCellsHeight() {
                    return (0, _common.noop)()
                }
                getTimePanelCells() {
                    return this.$element().find(".dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell)")
                }
                getCurrentTimePanelCellIndices() {
                    const columnCountPerGroup = this._getCellCount();
                    const today = this.getToday();
                    const index = this.getCellIndexByDate(today);
                    const {
                        columnIndex: currentTimeColumnIndex
                    } = this.getCellCoordinatesByIndex(index);
                    if (void 0 === currentTimeColumnIndex) {
                        return []
                    }
                    const horizontalGroupCount = this._isHorizontalGroupedWorkSpace() && !this.isGroupedByDate() ? this._getGroupCount() : 1;
                    return [...new Array(horizontalGroupCount)].map((_, groupIndex) => columnCountPerGroup * groupIndex + currentTimeColumnIndex)
                }
                renderTimePanel() {
                    return (0, _common.noop)()
                }
                renderAllDayPanel() {
                    return (0, _common.noop)()
                }
                createAllDayPanelElements() {
                    return (0, _common.noop)()
                }
                renderDateHeader() {
                    const $headerRow = super.renderDateHeader();
                    if (this.needRenderWeekHeader()) {
                        const firstViewDate = new Date(this.getStartViewDate());
                        let currentDate = new Date(firstViewDate);
                        const $cells = [];
                        const groupCount = this._getGroupCount();
                        const cellCountInDay = this.getCellCountInDay();
                        const colSpan = this.isGroupedByDate() ? cellCountInDay * groupCount : cellCountInDay;
                        const cellTemplate = this.option("dateCellTemplate");
                        const horizontalGroupCount = this._isHorizontalGroupedWorkSpace() && !this.isGroupedByDate() ? groupCount : 1;
                        const cellsInGroup = this.viewDataProvider.viewDataGenerator.daysInInterval * this.option("intervalCount");
                        const cellsCount = cellsInGroup * horizontalGroupCount;
                        for (let templateIndex = 0; templateIndex < cellsCount; templateIndex++) {
                            const $th = (0, _renderer.default)("<th>");
                            const text = (0, _index2.formatWeekdayAndDay)(currentDate);
                            if (cellTemplate) {
                                const templateOptions = {
                                    model: Object.assign({
                                        text: text,
                                        date: new Date(currentDate)
                                    }, this.getGroupsForDateHeaderTemplate(templateIndex, colSpan)),
                                    container: $th,
                                    index: templateIndex
                                };
                                cellTemplate.render(templateOptions)
                            } else {
                                $th.text(text)
                            }
                            $th.addClass("dx-scheduler-header-panel-cell").addClass("dx-scheduler-header-panel-week-cell").attr("colSpan", colSpan);
                            $cells.push($th);
                            if (templateIndex % cellsInGroup === cellsInGroup - 1) {
                                currentDate = new Date(firstViewDate)
                            } else {
                                this.incrementDate(currentDate)
                            }
                        }
                        const $row = (0, _renderer.default)("<tr>").addClass("dx-scheduler-header-row").append($cells);
                        $headerRow.before($row)
                    }
                }
                renderIndicator(height, rtlOffset, $container, groupCount) {
                    let $indicator;
                    const width = this.getIndicationWidth();
                    if ("vertical" === this.option("groupOrientation")) {
                        $indicator = this.createIndicator($container);
                        (0, _size.setHeight)($indicator, (0, _position.getBoundingRect)($container.get(0)).height);
                        $indicator.css("left", rtlOffset ? rtlOffset - width : width)
                    } else {
                        for (let i = 0; i < groupCount; i++) {
                            const offset = this.isGroupedByDate() ? i * this.getCellWidth() : this._getCellCount() * this.getCellWidth() * i;
                            $indicator = this.createIndicator($container);
                            (0, _size.setHeight)($indicator, (0, _position.getBoundingRect)($container.get(0)).height);
                            $indicator.css("left", rtlOffset ? rtlOffset - width - offset : width + offset)
                        }
                    }
                }
                makeGroupRows(groups, groupByDate) {
                    const tableCreatorStrategy = "vertical" === this.option("groupOrientation") ? tableCreator.VERTICAL : tableCreator.HORIZONTAL;
                    return tableCreator.makeGroupedTable(tableCreatorStrategy, groups, {
                        groupRowClass: _m_classes.GROUP_ROW_CLASS,
                        groupHeaderRowClass: _m_classes.GROUP_ROW_CLASS,
                        groupHeaderClass: this.getGroupHeaderClass.bind(this),
                        groupHeaderContentClass: _m_classes.GROUP_HEADER_CONTENT_CLASS
                    }, this._getCellCount() || 1, this.option("resourceCellTemplate"), this.getTotalRowCount(this._getGroupCount()), groupByDate)
                }
                setCurrentTimeCells() {
                    const timePanelCells = this.getTimePanelCells();
                    const currentTimeCellIndices = this.getCurrentTimePanelCellIndices();
                    currentTimeCellIndices.forEach(timePanelCellIndex => {
                        timePanelCells.eq(timePanelCellIndex).addClass(_m_classes.HEADER_CURRENT_TIME_CELL_CLASS)
                    })
                }
            }(0, _component_registrator.default)("dxSchedulerTimeline", SchedulerTimeline);
            exports.default = SchedulerTimeline
        },
        52515(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _constants_view = __webpack_require__( /*! ../utils/options/constants_view */ 43582);
            var _m_timeline = _interopRequireDefault(__webpack_require__( /*! ./m_timeline */ 90214));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class SchedulerTimelineDay extends _m_timeline.default {
                get type() {
                    return _constants_view.VIEWS.TIMELINE_DAY
                }
                getElementClass() {
                    return "dx-scheduler-timeline-day"
                }
                needRenderWeekHeader() {
                    return this.isWorkSpaceWithCount()
                }
            }(0, _component_registrator.default)("dxSchedulerTimelineDay", SchedulerTimelineDay);
            exports.default = SchedulerTimelineDay
        },
        23791(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _index = __webpack_require__( /*! ../../scheduler/r1/components/index */ 19747);
            var _index2 = __webpack_require__( /*! ../../scheduler/r1/utils/index */ 34396);
            var _constants_view = __webpack_require__( /*! ../utils/options/constants_view */ 43582);
            var _m_timeline = _interopRequireDefault(__webpack_require__( /*! ./m_timeline */ 90214));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class SchedulerTimelineMonth extends _m_timeline.default {
                constructor() {
                    super(...arguments);
                    this.viewDirection = "horizontal"
                }
                get type() {
                    return _constants_view.VIEWS.TIMELINE_MONTH
                }
                get renovatedHeaderPanelComponent() {
                    return _index.HeaderPanelComponent
                }
                renderView() {
                    super.renderView();
                    this.updateScrollable()
                }
                getElementClass() {
                    return "dx-scheduler-timeline-month"
                }
                getDateHeaderTemplate() {
                    return this.option("dateCellTemplate")
                }
                calculateDurationInCells(timeDiff) {
                    return timeDiff / this.getCellDuration()
                }
                isIndicatorVisible() {
                    return true
                }
                getFormat() {
                    return _index2.formatWeekdayAndDay
                }
                getIntervalBetween(currentDate) {
                    const firstViewDate = this.getStartViewDate();
                    const timeZoneOffset = _date.default.getTimezonesDifference(firstViewDate, currentDate);
                    return currentDate.getTime() - (firstViewDate.getTime() - 36e5 * this.option("startDayHour")) - timeZoneOffset
                }
                getViewStartByOptions() {
                    return _index2.monthUtils.getViewStartByOptions(this.option("startDate"), this.option("currentDate"), this.option("intervalCount"), _date.default.getFirstMonthDate(this.option("startDate")))
                }
                generateRenderOptions() {
                    const options = super.generateRenderOptions(true);
                    return Object.assign({}, options, {
                        getDateForHeaderText: (_, date) => date
                    })
                }
                keepOriginalHours() {
                    return true
                }
            }(0, _component_registrator.default)("dxSchedulerTimelineMonth", SchedulerTimelineMonth);
            exports.default = SchedulerTimelineMonth
        },
        10621(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _constants_view = __webpack_require__( /*! ../utils/options/constants_view */ 43582);
            var _m_timeline = _interopRequireDefault(__webpack_require__( /*! ./m_timeline */ 90214));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class SchedulerTimelineWeek extends _m_timeline.default {
                get type() {
                    return _constants_view.VIEWS.TIMELINE_WEEK
                }
                getElementClass() {
                    return "dx-scheduler-timeline-week"
                }
                needRenderWeekHeader() {
                    return true
                }
                incrementDate(date) {
                    date.setDate(date.getDate() + 1)
                }
            }
            exports.default = SchedulerTimelineWeek;
            (0, _component_registrator.default)("dxSchedulerTimelineWeek", SchedulerTimelineWeek)
        },
        64063(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _index = __webpack_require__( /*! ../../scheduler/r1/utils/index */ 34396);
            var _constants_view = __webpack_require__( /*! ../utils/options/constants_view */ 43582);
            var _m_timeline_week = _interopRequireDefault(__webpack_require__( /*! ./m_timeline_week */ 10621));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class SchedulerTimelineWorkWeek extends _m_timeline_week.default {
                get type() {
                    return _constants_view.VIEWS.TIMELINE_WORK_WEEK
                }
                constructor() {
                    super(...arguments);
                    this.getWeekendsCount = _index.getWeekendsCount
                }
                getElementClass() {
                    return "dx-scheduler-timeline-work-week"
                }
                incrementDate(date) {
                    const day = date.getDay();
                    if (5 === day) {
                        date.setDate(date.getDate() + 2)
                    }
                    super.incrementDate(date)
                }
            }(0, _component_registrator.default)("dxSchedulerTimelineWorkWeek", SchedulerTimelineWorkWeek);
            exports.default = SchedulerTimelineWorkWeek
        },
        65874(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.VirtualScrollingRenderer = exports.VirtualScrollingDispatcher = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DOCUMENT_SCROLL_EVENT_NAMESPACE = (0, _index.addNamespace)("scroll", "dxSchedulerVirtualScrolling");
            const scrollingOrientations_vertical = "vertical",
                scrollingOrientations_horizontal = "horizontal",
                scrollingOrientations_both = "both",
                scrollingOrientations_none = "none";
            const DefaultScrollingOrientation = scrollingOrientations_both;
            exports.VirtualScrollingDispatcher = class {
                constructor(options) {
                    this.options = options;
                    if (options) {
                        this.rowHeightValue = this.getCellHeight();
                        this.cellWidthValue = this.getCellWidth();
                        this.createVirtualScrollingBase()
                    }
                }
                get isRTL() {
                    return this.options.isRTL()
                }
                get verticalVirtualScrolling() {
                    return this.verticalVirtualScrollingValue
                }
                set verticalVirtualScrolling(value) {
                    this.verticalVirtualScrollingValue = value
                }
                get horizontalVirtualScrolling() {
                    return this.horizontalVirtualScrollingValue
                }
                set horizontalVirtualScrolling(value) {
                    this.horizontalVirtualScrollingValue = value
                }
                get document() {
                    return _dom_adapter.default.getDocument()
                }
                get height() {
                    return this.options.getSchedulerHeight()
                }
                get width() {
                    return this.options.getSchedulerWidth()
                }
                get rowHeight() {
                    return this.rowHeightValue
                }
                set rowHeight(value) {
                    this.rowHeightValue = value
                }
                get outlineCount() {
                    return this.options.getScrolling().outlineCount
                }
                get cellWidth() {
                    return this.cellWidthValue
                }
                set cellWidth(value) {
                    this.cellWidthValue = value
                }
                get viewportWidth() {
                    const width = this.width && this.options.getViewWidth();
                    return width > 0 ? width : this.options.getWindowWidth()
                }
                get viewportHeight() {
                    const height = this.height && this.options.getViewHeight();
                    return height > 0 ? height : this.options.getWindowHeight()
                }
                get cellCountInsideTopVirtualRow() {
                    var _this$verticalScrolli;
                    return (null === (_this$verticalScrolli = this.verticalScrollingState) || void 0 === _this$verticalScrolli ? void 0 : _this$verticalScrolli.virtualItemCountBefore) || 0
                }
                get cellCountInsideLeftVirtualCell() {
                    var _this$horizontalScrol;
                    return (null === (_this$horizontalScrol = this.horizontalScrollingState) || void 0 === _this$horizontalScrol ? void 0 : _this$horizontalScrol.virtualItemCountBefore) || 0
                }
                get cellCountInsideRightVirtualCell() {
                    var _this$horizontalScrol2;
                    return (null === (_this$horizontalScrol2 = this.horizontalScrollingState) || void 0 === _this$horizontalScrol2 ? void 0 : _this$horizontalScrol2.virtualItemCountAfter) || 0
                }
                get topVirtualRowsCount() {
                    return this.cellCountInsideTopVirtualRow > 0 ? 1 : 0
                }
                get leftVirtualCellsCount() {
                    const virtualItemsCount = !this.isRTL ? this.cellCountInsideLeftVirtualCell : this.cellCountInsideRightVirtualCell;
                    return Math.ceil(virtualItemsCount / 1e3)
                }
                get virtualRowOffset() {
                    var _this$verticalScrolli2;
                    return (null === (_this$verticalScrolli2 = this.verticalScrollingState) || void 0 === _this$verticalScrolli2 ? void 0 : _this$verticalScrolli2.virtualItemSizeBefore) || 0
                }
                get virtualCellOffset() {
                    var _this$horizontalScrol3;
                    return (null === (_this$horizontalScrol3 = this.horizontalScrollingState) || void 0 === _this$horizontalScrol3 ? void 0 : _this$horizontalScrol3.virtualItemSizeBefore) || 0
                }
                get scrollingState() {
                    var _this$verticalVirtual, _this$horizontalVirtu;
                    return {
                        vertical: null === (_this$verticalVirtual = this.verticalVirtualScrolling) || void 0 === _this$verticalVirtual ? void 0 : _this$verticalVirtual.state,
                        horizontal: null === (_this$horizontalVirtu = this.horizontalVirtualScrolling) || void 0 === _this$horizontalVirtu ? void 0 : _this$horizontalVirtu.state
                    }
                }
                get verticalScrollingState() {
                    return this.scrollingState.vertical
                }
                get horizontalScrollingState() {
                    return this.scrollingState.horizontal
                }
                get scrollingOrientation() {
                    const scrolling = this.options.getScrolling();
                    if ("standard" === scrolling.mode) {
                        return scrollingOrientations_none
                    }
                    return scrolling.orientation || DefaultScrollingOrientation
                }
                get verticalScrollingAllowed() {
                    return this.scrollingOrientation === scrollingOrientations_vertical || this.scrollingOrientation === scrollingOrientations_both
                }
                get horizontalScrollingAllowed() {
                    return this.scrollingOrientation === scrollingOrientations_horizontal || this.scrollingOrientation === scrollingOrientations_both
                }
                setViewOptions(options) {
                    this.options = options;
                    if (this.verticalVirtualScrolling) {
                        this.verticalVirtualScrolling.options = options;
                        this.verticalVirtualScrolling.itemSize = this.rowHeight;
                        this.verticalVirtualScrolling.viewportSize = this.viewportHeight
                    }
                    if (this.horizontalVirtualScrolling) {
                        this.horizontalVirtualScrolling.options = options;
                        this.verticalVirtualScrolling.itemSize = this.cellWidth;
                        this.verticalVirtualScrolling.viewportSize = this.viewportWidth
                    }
                }
                getRenderState() {
                    var _this$verticalVirtual2, _this$horizontalVirtu2;
                    const verticalRenderState = (null === (_this$verticalVirtual2 = this.verticalVirtualScrolling) || void 0 === _this$verticalVirtual2 ? void 0 : _this$verticalVirtual2.getRenderState()) || {};
                    const horizontalRenderState = (null === (_this$horizontalVirtu2 = this.horizontalVirtualScrolling) || void 0 === _this$horizontalVirtu2 ? void 0 : _this$horizontalVirtu2.getRenderState()) || {};
                    return Object.assign({}, verticalRenderState, horizontalRenderState)
                }
                getCellHeight() {
                    const cellHeight = this.options.getCellHeight();
                    const result = cellHeight > 0 ? cellHeight : 50;
                    return Math.floor(result)
                }
                getCellWidth() {
                    let cellWidth = this.options.getCellWidth();
                    const minCellWidth = this.options.getCellMinWidth();
                    if (!cellWidth || cellWidth < minCellWidth) {
                        cellWidth = minCellWidth
                    }
                    const result = cellWidth > 0 ? cellWidth : 1;
                    return Math.floor(result)
                }
                calculateCoordinatesByDataAndPosition(cellData, position, date, isCalculateTime, isVerticalDirectionView) {
                    const {
                        rowIndex: rowIndex,
                        columnIndex: columnIndex
                    } = position;
                    const {
                        startDate: startDate,
                        endDate: endDate,
                        allDay: allDay
                    } = cellData;
                    const timeToScroll = date.getTime();
                    const cellStartTime = startDate.getTime();
                    const cellEndTime = endDate.getTime();
                    const scrollInCell = allDay || !isCalculateTime ? 0 : (timeToScroll - cellStartTime) / (cellEndTime - cellStartTime);
                    const cellWidth = this.getCellWidth();
                    const rowHeight = this.getCellHeight();
                    const top = isVerticalDirectionView ? (rowIndex + scrollInCell) * rowHeight : rowIndex * rowHeight;
                    let left = isVerticalDirectionView ? columnIndex * cellWidth : (columnIndex + scrollInCell) * cellWidth;
                    if (this.isRTL) {
                        left = this.options.getScrollableOuterWidth() - left
                    }
                    return {
                        top: top,
                        left: left
                    }
                }
                dispose() {
                    if (this.onScrollHandler) {
                        _events_engine.default.off(this.document, DOCUMENT_SCROLL_EVENT_NAMESPACE, this.onScrollHandler)
                    }
                }
                createVirtualScrolling() {
                    const isVerticalVirtualScrollingCreated = Boolean(this.verticalVirtualScrolling);
                    const isHorizontalVirtualScrollingCreated = Boolean(this.horizontalVirtualScrolling);
                    if (this.verticalScrollingAllowed !== isVerticalVirtualScrollingCreated || this.horizontalScrollingAllowed !== isHorizontalVirtualScrollingCreated) {
                        this.rowHeightValue = this.getCellHeight();
                        this.cellWidthValue = this.getCellWidth();
                        this.createVirtualScrollingBase()
                    }
                }
                createVirtualScrollingBase() {
                    if (this.verticalScrollingAllowed) {
                        this.verticalVirtualScrolling = new VerticalVirtualScrolling(Object.assign({}, this.options, {
                            viewportHeight: this.viewportHeight,
                            rowHeight: this.rowHeight,
                            outlineCount: this.outlineCount
                        }))
                    }
                    if (this.horizontalScrollingAllowed) {
                        this.horizontalVirtualScrolling = new HorizontalVirtualScrolling(Object.assign({}, this.options, {
                            viewportWidth: this.viewportWidth,
                            cellWidth: this.cellWidth,
                            outlineCount: this.outlineCount
                        }))
                    }
                }
                isAttachWindowScrollEvent() {
                    return (this.horizontalScrollingAllowed || this.verticalScrollingAllowed) && !this.height
                }
                attachScrollableEvents() {
                    if (this.isAttachWindowScrollEvent()) {
                        this.attachWindowScroll()
                    }
                }
                attachWindowScroll() {
                    const window = (0, _window.getWindow)();
                    this.onScrollHandler = this.options.createAction(() => {
                        const {
                            scrollX: scrollX,
                            scrollY: scrollY
                        } = window;
                        if (scrollX >= 10 || scrollY >= 10) {
                            this.handleOnScrollEvent({
                                left: scrollX,
                                top: scrollY
                            })
                        }
                    });
                    _events_engine.default.on(this.document, DOCUMENT_SCROLL_EVENT_NAMESPACE, this.onScrollHandler)
                }
                handleOnScrollEvent(scrollPosition) {
                    if (scrollPosition) {
                        var _this$verticalVirtual3, _this$horizontalVirtu3;
                        const {
                            left: left,
                            top: top
                        } = scrollPosition;
                        const verticalStateChanged = (0, _type.isDefined)(top) && (null === (_this$verticalVirtual3 = this.verticalVirtualScrolling) || void 0 === _this$verticalVirtual3 ? void 0 : _this$verticalVirtual3.updateState(top));
                        const horizontalStateChanged = (0, _type.isDefined)(left) && (null === (_this$horizontalVirtu3 = this.horizontalVirtualScrolling) || void 0 === _this$horizontalVirtu3 ? void 0 : _this$horizontalVirtu3.updateState(left));
                        if (verticalStateChanged || horizontalStateChanged) {
                            var _this$options$updateR, _this$options;
                            null === (_this$options$updateR = (_this$options = this.options).updateRender) || void 0 === _this$options$updateR || _this$options$updateR.call(_this$options)
                        }
                    }
                }
                updateDimensions(isForce) {
                    const cellHeight = this.getCellHeight();
                    const needUpdateVertical = this.verticalScrollingAllowed && cellHeight !== this.rowHeight;
                    if ((needUpdateVertical || isForce) && this.verticalVirtualScrolling) {
                        this.rowHeight = cellHeight;
                        this.verticalVirtualScrolling.viewportSize = this.viewportHeight;
                        this.verticalVirtualScrolling.reinitState(cellHeight, isForce)
                    }
                    const cellWidth = this.getCellWidth();
                    const needUpdateHorizontal = this.horizontalScrollingAllowed && cellWidth !== this.cellWidth;
                    if ((needUpdateHorizontal || isForce) && this.horizontalVirtualScrolling) {
                        this.cellWidth = cellWidth;
                        this.horizontalVirtualScrolling.viewportSize = this.viewportWidth;
                        this.horizontalVirtualScrolling.reinitState(cellWidth, isForce)
                    }
                    if (needUpdateVertical || needUpdateHorizontal) {
                        var _this$options$updateG, _this$options2;
                        null === (_this$options$updateG = (_this$options2 = this.options).updateGrid) || void 0 === _this$options$updateG || _this$options$updateG.call(_this$options2)
                    }
                }
            };
            class VirtualScrollingBase {
                constructor(options) {
                    this.options = options;
                    this.stateValue = this.defaultState;
                    this.viewportSize = this.options.viewportSize;
                    this.itemSizeValue = this.options.itemSize;
                    this.positionValue = -1;
                    this.itemSizeChanged = false;
                    this.updateState(0)
                }
                get itemSize() {
                    return this.itemSizeValue
                }
                set itemSize(value) {
                    this.itemSizeChanged = this.itemSizeValue !== value;
                    this.itemSizeValue = value
                }
                get state() {
                    return this.stateValue
                }
                set state(value) {
                    this.stateValue = value
                }
                get startIndex() {
                    return this.state.startIndex
                }
                get pageSize() {
                    return Math.ceil(this.viewportSize / this.itemSize)
                }
                get outlineCount() {
                    return (0, _type.isDefined)(this.options.outlineCount) ? this.options.outlineCount : Math.floor(this.pageSize / 2)
                }
                get groupCount() {
                    return this.options.getGroupCount()
                }
                get isVerticalGrouping() {
                    return this.options.isVerticalGrouping()
                }
                get defaultState() {
                    return {
                        prevPosition: 0,
                        startIndex: -1,
                        itemCount: 0,
                        virtualItemCountBefore: 0,
                        virtualItemCountAfter: 0,
                        outlineCountBefore: 0,
                        outlineCountAfter: 0,
                        virtualItemSizeBefore: 0,
                        virtualItemSizeAfter: 0,
                        outlineSizeBefore: 0,
                        outlineSizeAfter: 0
                    }
                }
                get maxScrollPosition() {
                    return this.getTotalItemCount() * this.itemSize - this.viewportSize
                }
                get position() {
                    return this.positionValue
                }
                set position(value) {
                    this.positionValue = value
                }
                needUpdateState(position) {
                    const {
                        prevPosition: prevPosition,
                        startIndex: startIndex
                    } = this.state;
                    const isFirstInitialization = startIndex < 0;
                    if (isFirstInitialization) {
                        return true
                    }
                    let isStartIndexChanged = false;
                    if (this.validateAndSavePosition(position)) {
                        if (0 === position || position === this.maxScrollPosition) {
                            return true
                        }
                        const currentPosition = prevPosition;
                        const currentItemsCount = Math.floor(currentPosition / this.itemSize);
                        const itemsCount = Math.floor(position / this.itemSize);
                        isStartIndexChanged = Math.abs(currentItemsCount - itemsCount) >= this.outlineCount
                    }
                    return isStartIndexChanged
                }
                validateAndSavePosition(position) {
                    if (!(0, _type.isDefined)(position)) {
                        return false
                    }
                    const result = this.position !== position;
                    this.position = position;
                    return result
                }
                correctPosition(position) {
                    return position >= 0 ? Math.min(position, this.maxScrollPosition) : -1
                }
                updateState(position, isForce) {
                    position = this.correctPosition(position);
                    if (!this.needUpdateState(position) && !isForce) {
                        return false
                    }
                    const itemsInfoBefore = this.calcItemInfoBefore(position);
                    const itemsDeltaBefore = this.calcItemDeltaBefore(itemsInfoBefore);
                    const {
                        outlineCountAfter: outlineCountAfter,
                        virtualItemCountAfter: virtualItemCountAfter,
                        itemCountWithAfter: itemCountWithAfter
                    } = this.calcItemInfoAfter(itemsDeltaBefore);
                    const {
                        virtualItemCountBefore: virtualItemCountBefore,
                        outlineCountBefore: outlineCountBefore
                    } = itemsInfoBefore;
                    const itemCount = outlineCountBefore + itemCountWithAfter + outlineCountAfter;
                    const itemCountBefore = Math.floor(position / this.itemSize);
                    this.state.prevPosition = itemCountBefore * this.itemSize;
                    this.state.startIndex = itemCountBefore - outlineCountBefore;
                    this.state.virtualItemCountBefore = virtualItemCountBefore;
                    this.state.outlineCountBefore = outlineCountBefore;
                    this.state.itemCount = itemCount;
                    this.state.outlineCountAfter = outlineCountAfter;
                    this.state.virtualItemCountAfter = virtualItemCountAfter;
                    this.updateStateCore();
                    return true
                }
                reinitState(itemSize, isForceUpdate) {
                    const {
                        position: position
                    } = this;
                    this.itemSize = itemSize;
                    this.updateState(0, isForceUpdate);
                    if (position > 0) {
                        this.updateState(position, isForceUpdate)
                    }
                }
                calcItemInfoBefore(position) {
                    let virtualItemCountBefore = Math.floor(position / this.itemSize);
                    const outlineCountBefore = Math.min(virtualItemCountBefore, this.outlineCount);
                    virtualItemCountBefore -= outlineCountBefore;
                    return {
                        virtualItemCountBefore: virtualItemCountBefore,
                        outlineCountBefore: outlineCountBefore
                    }
                }
                calcItemDeltaBefore(itemInfoBefore) {
                    const {
                        virtualItemCountBefore: virtualItemCountBefore,
                        outlineCountBefore: outlineCountBefore
                    } = itemInfoBefore;
                    const totalItemCount = this.getTotalItemCount();
                    return totalItemCount - virtualItemCountBefore - outlineCountBefore
                }
                getTotalItemCount() {
                    throw "getTotalItemCount method should be implemented"
                }
                getRenderState() {
                    throw "getRenderState method should be implemented"
                }
                calcItemInfoAfter(itemsDeltaBefore) {
                    const itemCountWithAfter = itemsDeltaBefore >= this.pageSize ? this.pageSize : itemsDeltaBefore;
                    let virtualItemCountAfter = itemsDeltaBefore - itemCountWithAfter;
                    const outlineCountAfter = virtualItemCountAfter > 0 ? Math.min(virtualItemCountAfter, this.outlineCount) : 0;
                    if (virtualItemCountAfter > 0) {
                        virtualItemCountAfter -= outlineCountAfter
                    }
                    return {
                        virtualItemCountAfter: virtualItemCountAfter,
                        outlineCountAfter: outlineCountAfter,
                        itemCountWithAfter: itemCountWithAfter
                    }
                }
                updateStateCore() {
                    const {
                        state: state
                    } = this;
                    const {
                        virtualItemCountBefore: virtualItemCountBefore
                    } = state;
                    const {
                        virtualItemCountAfter: virtualItemCountAfter
                    } = state;
                    const {
                        outlineCountBefore: outlineCountBefore
                    } = state;
                    const {
                        outlineCountAfter: outlineCountAfter
                    } = state;
                    const prevVirtualItemSizeBefore = state.virtualItemSizeBefore;
                    const prevVirtualItemSizeAfter = state.virtualItemSizeAfter;
                    const prevOutlineSizeBefore = state.outlineSizeBefore;
                    const prevOutlineSizeAfter = state.outlineSizeAfter;
                    const virtualItemSizeBefore = this.itemSize * virtualItemCountBefore;
                    const virtualItemSizeAfter = this.itemSize * virtualItemCountAfter;
                    const outlineSizeBefore = this.itemSize * outlineCountBefore;
                    const outlineSizeAfter = this.itemSize * outlineCountAfter;
                    const prevVirtualSizeBefore = prevVirtualItemSizeBefore + prevOutlineSizeBefore;
                    const virtualSizeBefore = virtualItemSizeBefore + outlineSizeBefore;
                    const prevVirtualSizeAfter = prevVirtualItemSizeAfter + prevOutlineSizeAfter;
                    const virtualSizeAfter = virtualItemSizeAfter + outlineSizeAfter;
                    const isAppend = prevVirtualSizeBefore < virtualSizeBefore;
                    const isPrepend = prevVirtualSizeAfter < virtualSizeAfter;
                    const needAddItems = this.itemSizeChanged || isAppend || isPrepend;
                    if (needAddItems) {
                        this.updateStateVirtualItems(virtualItemSizeBefore, virtualItemSizeAfter)
                    }
                }
                updateStateVirtualItems(virtualItemSizeBefore, virtualItemSizeAfter) {
                    const {
                        state: state
                    } = this;
                    state.virtualItemSizeBefore = virtualItemSizeBefore;
                    state.virtualItemSizeAfter = virtualItemSizeAfter
                }
            }
            class VerticalVirtualScrolling extends VirtualScrollingBase {
                constructor(options) {
                    super(Object.assign({}, options, {
                        itemSize: options.rowHeight,
                        viewportSize: options.viewportHeight
                    }))
                }
                get prevTopPosition() {
                    return this.state.prevPosition
                }
                get rowCount() {
                    return this.state.itemCount
                }
                get topVirtualRowCount() {
                    return this.state.virtualItemCountBefore
                }
                get bottomVirtualRowCount() {
                    return this.state.virtualItemCountAfter
                }
                getTotalItemCount() {
                    return this.options.getTotalRowCount(this.groupCount, this.isVerticalGrouping)
                }
                getRenderState() {
                    return {
                        topVirtualRowHeight: this.state.virtualItemSizeBefore,
                        bottomVirtualRowHeight: this.state.virtualItemSizeAfter,
                        startRowIndex: this.state.startIndex,
                        rowCount: this.state.itemCount,
                        startIndex: this.state.startIndex
                    }
                }
            }
            class HorizontalVirtualScrolling extends VirtualScrollingBase {
                constructor(options) {
                    super(Object.assign({}, options, {
                        itemSize: options.cellWidth,
                        viewportSize: options.viewportWidth
                    }))
                }
                get isRTL() {
                    return this.options.isRTL()
                }
                getTotalItemCount() {
                    return this.options.getTotalCellCount(this.groupCount, this.isVerticalGrouping)
                }
                getRenderState() {
                    return {
                        leftVirtualCellWidth: this.state.virtualItemSizeBefore,
                        rightVirtualCellWidth: this.state.virtualItemSizeAfter,
                        startCellIndex: this.state.startIndex,
                        cellCount: this.state.itemCount,
                        cellWidth: this.itemSize
                    }
                }
                updateStateVirtualItems(virtualItemSizeBefore, virtualItemSizeAfter) {
                    if (!this.isRTL) {
                        super.updateStateVirtualItems(virtualItemSizeBefore, virtualItemSizeAfter)
                    } else {
                        const {
                            state: state
                        } = this;
                        state.virtualItemSizeAfter = virtualItemSizeBefore;
                        state.virtualItemSizeBefore = virtualItemSizeAfter;
                        state.startIndex = this.getTotalItemCount() - this.startIndex - this.state.itemCount
                    }
                }
            }
            exports.VirtualScrollingRenderer = class {
                constructor(workspaceValue) {
                    this.workspaceValue = workspaceValue;
                    this.renderAppointmentTimeoutID = null
                }
                getRenderTimeout() {
                    return 15
                }
                get workspace() {
                    return this.workspaceValue
                }
                updateRender() {
                    this._renderGrid();
                    this.renderAppointments()
                }
                _renderGrid() {
                    this.workspace.renderWorkSpace(false)
                }
                renderAppointments() {
                    const renderTimeout = this.getRenderTimeout();
                    if (renderTimeout >= 0) {
                        clearTimeout(this.renderAppointmentTimeoutID);
                        this.renderAppointmentTimeoutID = setTimeout(() => this.workspace.renderAppointments(), renderTimeout)
                    } else {
                        this.workspace.renderAppointments()
                    }
                }
            }
        },
        45277(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _contextmenu = __webpack_require__( /*! ../../../common/core/events/contextmenu */ 80248);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _drag = __webpack_require__( /*! ../../../common/core/events/drag */ 59144);
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _position = __webpack_require__( /*! ../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _ui2 = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.widget */ 11118));
            var _scroll = __webpack_require__( /*! ../../core/utils/scroll */ 11371);
            var _index2 = __webpack_require__( /*! ../../scheduler/r1/components/index */ 19747);
            var _index3 = __webpack_require__( /*! ../../scheduler/r1/utils/index */ 34396);
            var _scrollable = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scrollable */ 85326));
            var _constants = __webpack_require__( /*! ../constants */ 25307);
            var _global_cache = __webpack_require__( /*! ../global_cache */ 23710);
            var _m_appointment_drag_behavior = _interopRequireDefault(__webpack_require__( /*! ../m_appointment_drag_behavior */ 80621));
            var _m_classes = __webpack_require__( /*! ../m_classes */ 80126);
            var _m_compact_appointments_helper = __webpack_require__( /*! ../m_compact_appointments_helper */ 64787);
            var _m_table_creator = _interopRequireDefault(__webpack_require__( /*! ../m_table_creator */ 92201));
            var _m_utils = __webpack_require__( /*! ../m_utils */ 5327);
            var _current_time_shader_vertical = _interopRequireDefault(__webpack_require__( /*! ../shaders/current_time_shader_vertical */ 25167));
            var _appointment_groups_utils = __webpack_require__( /*! ../utils/resource_manager/appointment_groups_utils */ 11649);
            var _group_utils = __webpack_require__( /*! ../utils/resource_manager/group_utils */ 76131);
            var _m_position_helper = __webpack_require__( /*! ./helpers/m_position_helper */ 39979);
            var _m_cells_selection_controller = __webpack_require__( /*! ./m_cells_selection_controller */ 46380);
            var _m_cells_selection_state = _interopRequireDefault(__webpack_require__( /*! ./m_cells_selection_state */ 37331));
            var _m_virtual_scrolling = __webpack_require__( /*! ./m_virtual_scrolling */ 65874);
            var _m_work_space_grouped_strategy_horizontal = _interopRequireDefault(__webpack_require__( /*! ./m_work_space_grouped_strategy_horizontal */ 24005));
            var _m_work_space_grouped_strategy_vertical = _interopRequireDefault(__webpack_require__( /*! ./m_work_space_grouped_strategy_vertical */ 16259));
            var _m_view_data_provider = _interopRequireDefault(__webpack_require__( /*! ./view_model/m_view_data_provider */ 6051));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                tableCreator: tableCreator
            } = _m_table_creator.default;
            const {
                abstract: abstract
            } = _ui2.default;
            const toMs = _date.default.dateToMilliseconds;
            const ALL_DAY_TABLE_CELL_CLASS = "dx-scheduler-all-day-table-cell";
            const DATE_TABLE_CELL_CLASS = "dx-scheduler-date-table-cell";
            const SCHEDULER_WORKSPACE_DXPOINTERDOWN_EVENT_NAME = (0, _index.addNamespace)(_pointer.default.down, "dxSchedulerWorkSpace");
            const DragEventNames = {
                ENTER: (0, _index.addNamespace)(_drag.enter, "dxSchedulerDateTable"),
                DROP: (0, _index.addNamespace)(_drag.drop, "dxSchedulerDateTable"),
                LEAVE: (0, _index.addNamespace)(_drag.leave, "dxSchedulerDateTable")
            };
            const SCHEDULER_CELL_DXCLICK_EVENT_NAME = (0, _index.addNamespace)(_click.name, "dxSchedulerDateTable");
            const SCHEDULER_CELL_DXPOINTERDOWN_EVENT_NAME = (0, _index.addNamespace)(_pointer.default.down, "dxSchedulerDateTable");
            const SCHEDULER_CELL_DXPOINTERUP_EVENT_NAME = (0, _index.addNamespace)(_pointer.default.up, "dxSchedulerDateTable");
            const SCHEDULER_CELL_DXPOINTERMOVE_EVENT_NAME = (0, _index.addNamespace)(_pointer.default.move, "dxSchedulerDateTable");
            const DAY_MS = toMs("day");
            const HOUR_MS = toMs("hour");
            const DRAG_AND_DROP_SELECTOR = `.${_m_classes.DATE_TABLE_CLASS} td, .dx-scheduler-all-day-table td`;
            const CELL_SELECTOR = `.${DATE_TABLE_CELL_CLASS}, .${ALL_DAY_TABLE_CELL_CLASS}`;
            const DEFAULT_WORKSPACE_RENDER_OPTIONS = {
                renderComponents: {
                    header: true,
                    timePanel: true,
                    dateTable: true,
                    allDayPanel: true
                },
                generateNewData: true
            };
            class SchedulerWorkSpace extends _ui2.default {
                constructor() {
                    super(...arguments);
                    this.viewDirection = "vertical"
                }
                _activeStateUnit() {
                    return CELL_SELECTOR
                }
                get type() {
                    return ""
                }
                get viewDataProvider() {
                    if (!this.viewDataProviderValue) {
                        this.viewDataProviderValue = new _m_view_data_provider.default(this.type)
                    }
                    return this.viewDataProviderValue
                }
                get cache() {
                    if (!this.cacheValue) {
                        this.cacheValue = new _global_cache.Cache
                    }
                    return this.cacheValue
                }
                get resourceManager() {
                    return this.option("getResourceManager")()
                }
                get cellsSelectionState() {
                    if (!this.cellsSelectionStateValue) {
                        this.cellsSelectionStateValue = new _m_cells_selection_state.default(this.viewDataProvider);
                        const selectedCellsOption = this.option("selectedCellData");
                        if ((null === selectedCellsOption || void 0 === selectedCellsOption ? void 0 : selectedCellsOption.length) > 0) {
                            const validSelectedCells = selectedCellsOption.map(selectedCell => {
                                const {
                                    groups: groups
                                } = selectedCell;
                                if (!groups || 0 === this._getGroupCount()) {
                                    return Object.assign({}, selectedCell, {
                                        groupIndex: 0
                                    })
                                }
                                const groupIndex = this.getGroupIndexByGroupValues(groups);
                                return Object.assign({}, selectedCell, {
                                    groupIndex: groupIndex
                                })
                            });
                            this.cellsSelectionStateValue.setSelectedCellsByData(validSelectedCells)
                        }
                    }
                    return this.cellsSelectionStateValue
                }
                get cellsSelectionController() {
                    if (!this.cellsSelectionControllerValue) {
                        this.cellsSelectionControllerValue = new _m_cells_selection_controller.CellsSelectionController
                    }
                    return this.cellsSelectionControllerValue
                }
                get isAllDayPanelVisible() {
                    return this.isShowAllDayPanel() && this.supportAllDayRow()
                }
                get verticalGroupTableClass() {
                    return "dx-scheduler-work-space-vertical-group-table"
                }
                get renovatedHeaderPanelComponent() {
                    return _index2.HeaderPanelComponent
                }
                get timeZoneCalculator() {
                    return this.option("timeZoneCalculator")
                }
                get isDefaultDraggingMode() {
                    return "default" === this.option("draggingMode")
                }
                notifyObserver(funcName, args) {
                    this.invoke(funcName, ...args)
                }
                invoke(funcName) {
                    const notifyScheduler = this.option("notifyScheduler");
                    if (!notifyScheduler) {
                        return
                    }
                    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
                        args[_key - 1] = arguments[_key]
                    }
                    return notifyScheduler.invoke(funcName, ...args)
                }
                _supportedKeys() {
                    const clickHandler = function(e) {
                        e.preventDefault();
                        e.stopPropagation();
                        const selectedCells = this.getSelectedCellsData();
                        if (null !== selectedCells && void 0 !== selectedCells && selectedCells.length) {
                            const selectedCellsElement = selectedCells.map(cellData => this.getCellByData(cellData)).filter(cell => Boolean(cell));
                            e.target = selectedCellsElement;
                            this.showPopup = true;
                            this.cellClickAction({
                                event: e,
                                cellElement: (0, _renderer.default)(selectedCellsElement),
                                cellData: selectedCells[0]
                            })
                        }
                    };
                    const onArrowPressed = (e, key) => {
                        var _this$cellsSelectionS;
                        e.preventDefault();
                        e.stopPropagation();
                        const focusedCellData = null === (_this$cellsSelectionS = this.cellsSelectionState.getFocusedCell()) || void 0 === _this$cellsSelectionS ? void 0 : _this$cellsSelectionS.cellData;
                        if (focusedCellData) {
                            const isAllDayPanelCell = focusedCellData.allDay && !this.isVerticalGroupedWorkSpace();
                            const isMultiSelection = e.shiftKey;
                            const isMultiSelectionAllowed = this.option("allowMultipleCellSelection");
                            const isRTL = this.isRTL();
                            const groupCount = this._getGroupCount();
                            const isGroupedByDate = this.isGroupedByDate();
                            const isHorizontalGrouping = this._isHorizontalGroupedWorkSpace();
                            const focusedCellPosition = this.viewDataProvider.findCellPositionInMap(Object.assign({}, focusedCellData, {
                                isAllDay: focusedCellData.allDay
                            }));
                            const edgeIndices = isHorizontalGrouping && isMultiSelection && !isGroupedByDate ? this.viewDataProvider.getGroupEdgeIndices(focusedCellData.groupIndex, isAllDayPanelCell) : this.viewDataProvider.getViewEdgeIndices(isAllDayPanelCell);
                            const nextCellData = this.cellsSelectionController.handleArrowClick({
                                focusedCellPosition: focusedCellPosition,
                                edgeIndices: edgeIndices,
                                isRTL: isRTL,
                                isGroupedByDate: isGroupedByDate,
                                groupCount: groupCount,
                                isMultiSelection: isMultiSelection,
                                isMultiSelectionAllowed: isMultiSelectionAllowed,
                                viewType: this.type,
                                key: key,
                                getCellDataByPosition: this.viewDataProvider.getCellData.bind(this.viewDataProvider),
                                isAllDayPanelCell: isAllDayPanelCell,
                                focusedCellData: focusedCellData
                            });
                            this.processNextSelectedCell(nextCellData, focusedCellData, isMultiSelection && isMultiSelectionAllowed)
                        }
                    };
                    return (0, _extend.extend)(super._supportedKeys(), {
                        enter: clickHandler,
                        space: clickHandler,
                        downArrow: e => {
                            onArrowPressed(e, "down")
                        },
                        upArrow: e => {
                            onArrowPressed(e, "up")
                        },
                        rightArrow: e => {
                            onArrowPressed(e, "right")
                        },
                        leftArrow: e => {
                            onArrowPressed(e, "left")
                        }
                    })
                }
                isRTL() {
                    return this.option("rtlEnabled")
                }
                moveToCell($cell, isMultiSelection) {
                    if (!(0, _type.isDefined)($cell) || !$cell.length) {
                        return
                    }
                    const isMultiSelectionAllowed = this.option("allowMultipleCellSelection");
                    const currentCellData = this.getFullCellData($cell);
                    const focusedCell = this.cellsSelectionState.getFocusedCell();
                    if (!focusedCell) {
                        return
                    }
                    const focusedCellData = focusedCell.cellData;
                    const nextFocusedCellData = this.cellsSelectionController.moveToCell({
                        isMultiSelection: isMultiSelection,
                        isMultiSelectionAllowed: isMultiSelectionAllowed,
                        currentCellData: currentCellData,
                        focusedCellData: focusedCellData,
                        isVirtualCell: $cell.hasClass(_m_classes.VIRTUAL_CELL_CLASS)
                    });
                    this.processNextSelectedCell(nextFocusedCellData, focusedCellData, isMultiSelectionAllowed && isMultiSelection)
                }
                processNextSelectedCell(nextCellData, focusedCellData, isMultiSelection) {
                    const nextCellPosition = this.viewDataProvider.findCellPositionInMap({
                        startDate: nextCellData.startDate,
                        groupIndex: nextCellData.groupIndex,
                        isAllDay: nextCellData.allDay,
                        index: nextCellData.index
                    });
                    if (!this.viewDataProvider.isSameCell(focusedCellData, nextCellData)) {
                        const $cell = nextCellData.allDay && !this.isVerticalGroupedWorkSpace() ? this.domGetAllDayPanelCell(nextCellPosition.columnIndex) : this.domGetDateCell(nextCellPosition);
                        const isNextCellAllDay = nextCellData.allDay;
                        this.setSelectedCellsStateAndUpdateSelection(isNextCellAllDay, nextCellPosition, isMultiSelection, $cell);
                        this._dateTableScrollable.scrollToElement($cell)
                    }
                }
                setSelectedCellsStateAndUpdateSelection(isAllDay, cellPosition, isMultiSelection, $nextFocusedCell) {
                    const nextCellCoordinates = {
                        rowIndex: cellPosition.rowIndex,
                        columnIndex: cellPosition.columnIndex,
                        allDay: isAllDay
                    };
                    this.cellsSelectionState.setFocusedCell(nextCellCoordinates.rowIndex, nextCellCoordinates.columnIndex, isAllDay);
                    if (isMultiSelection) {
                        this.cellsSelectionState.setSelectedCells(nextCellCoordinates)
                    } else {
                        this.cellsSelectionState.setSelectedCells(nextCellCoordinates, nextCellCoordinates)
                    }
                    this.updateCellsSelection();
                    this.updateSelectedCellDataOption(this.getSelectedCellsData(), $nextFocusedCell)
                }
                hasAllDayClass($cell) {
                    return $cell.hasClass(ALL_DAY_TABLE_CELL_CLASS)
                }
                _focusInHandler(e) {
                    const $target = (0, _renderer.default)(e.target);
                    const $focusTarget = this._focusTarget();
                    const isTargetInsideWorkspace = $target.is($focusTarget) || $target.closest($focusTarget).length > 0;
                    if (isTargetInsideWorkspace && this.isCellClick) {
                        delete this.isCellClick;
                        delete this.contextMenuHandled;
                        super._focusInHandler.apply(this, arguments);
                        this.cellsSelectionState.restoreSelectedAndFocusedCells();
                        if (!this.cellsSelectionState.getFocusedCell()) {
                            const cellCoordinates = {
                                columnIndex: 0,
                                rowIndex: 0,
                                allDay: this.isVerticalGroupedWorkSpace() && this.isAllDayPanelVisible
                            };
                            this.cellsSelectionState.setFocusedCell(cellCoordinates.rowIndex, cellCoordinates.columnIndex, cellCoordinates.allDay);
                            this.cellsSelectionState.setSelectedCells(cellCoordinates, cellCoordinates)
                        }
                        this.updateCellsSelection();
                        this.updateSelectedCellDataOption(this.getSelectedCellsData())
                    }
                }
                _focusOutHandler() {
                    super._focusOutHandler.apply(this, arguments);
                    if (!this.contextMenuHandled && !this._disposed) {
                        this.cellsSelectionState.releaseSelectedAndFocusedCells();
                        this.viewDataProvider.updateViewData(this.generateRenderOptions());
                        this.updateCellsSelection()
                    }
                }
                _focusTarget() {
                    return this.$element()
                }
                isVerticalGroupedWorkSpace() {
                    var _this$option;
                    return Boolean(null === (_this$option = this.option("groups")) || void 0 === _this$option ? void 0 : _this$option.length) && "vertical" === this.option("groupOrientation")
                }
                _isHorizontalGroupedWorkSpace() {
                    var _this$option2;
                    return Boolean(null === (_this$option2 = this.option("groups")) || void 0 === _this$option2 ? void 0 : _this$option2.length) && "horizontal" === this.option("groupOrientation")
                }
                isWorkSpaceWithCount() {
                    return this.option("intervalCount") > 1
                }
                isWorkspaceWithOddCells() {
                    return .5 === this.option("hoursInterval") && !this.isVirtualScrolling()
                }
                getRealGroupOrientation() {
                    return this.isVerticalGroupedWorkSpace() ? "vertical" : "horizontal"
                }
                createRAllDayPanelElements() {
                    this._$allDayPanel = (0, _renderer.default)("<div>").addClass("dx-scheduler-all-day-panel");
                    this.$allDayTitle = (0, _renderer.default)("<div>").appendTo(this.$headerPanelEmptyCell)
                }
                dateTableScrollableConfig() {
                    let config = {
                        useKeyboard: false,
                        bounceEnabled: false,
                        updateManually: true,
                        onScroll: () => {
                            var _this$_groupedStrateg;
                            null === (_this$_groupedStrateg = this._groupedStrategy.cache) || void 0 === _this$_groupedStrateg || _this$_groupedStrateg.clear()
                        },
                        onInitialized: _ref => {
                            let {
                                component: component
                            } = _ref;
                            const useKeyboardDisabled = false === component.option("useKeyboard");
                            const useNativeEnabled = true === component.option("useNative");
                            if (useKeyboardDisabled && useNativeEnabled) {
                                (0, _renderer.default)(component.container()).attr("tabindex", -1)
                            }
                        },
                        onOptionChanged: _ref2 => {
                            let {
                                fullName: fullName,
                                value: value,
                                component: component
                            } = _ref2;
                            const useKeyboardDisabled = false === component.option("useKeyboard");
                            if (useKeyboardDisabled && "useNative" === fullName && true === value) {
                                (0, _renderer.default)(component.container()).attr("tabindex", -1)
                            }
                        }
                    };
                    if (this.needCreateCrossScrolling()) {
                        config = (0, _extend.extend)(config, this.createCrossScrollingConfig(config))
                    }
                    if (this.isVirtualScrolling() && (this.virtualScrollingDispatcher.horizontalScrollingAllowed || this.virtualScrollingDispatcher.height)) {
                        const currentOnScroll = config.onScroll;
                        config = Object.assign({}, config, {
                            onScroll: e => {
                                null === currentOnScroll || void 0 === currentOnScroll || currentOnScroll(e);
                                this.virtualScrollingDispatcher.handleOnScrollEvent(null === e || void 0 === e ? void 0 : e.scrollOffset)
                            }
                        })
                    }
                    return config
                }
                createCrossScrollingConfig(_ref3) {
                    let {
                        onScroll: onScroll
                    } = _ref3;
                    return {
                        direction: "both",
                        onScroll: event => {
                            null === onScroll || void 0 === onScroll || onScroll();
                            this.scrollSync.sidebar({
                                top: event.scrollOffset.top
                            });
                            this.scrollSync.header({
                                left: event.scrollOffset.left
                            })
                        },
                        onEnd: () => {
                            this.option("onScrollEnd")()
                        }
                    }
                }
                headerScrollableConfig() {
                    return {
                        useKeyboard: false,
                        showScrollbar: "never",
                        direction: "horizontal",
                        useNative: false,
                        updateManually: true,
                        bounceEnabled: false,
                        onScroll: event => {
                            this.scrollSync.dateTable({
                                left: event.scrollOffset.left
                            })
                        }
                    }
                }
                _visibilityChanged(visible) {
                    this.cache.clear();
                    if (visible) {
                        this.updateGroupTableHeight()
                    }
                    if (visible && this.needCreateCrossScrolling()) {
                        this.setTableSizes()
                    }
                }
                setTableSizes() {
                    this.cache.clear();
                    this.attachTableClasses();
                    let cellWidth = this.getCellWidth();
                    if (cellWidth < this.getCellMinWidth()) {
                        cellWidth = this.getCellMinWidth()
                    }
                    const minWidth = this.getWorkSpaceMinWidth();
                    const groupCount = this._getGroupCount();
                    const totalCellCount = this.getTotalCellCount(groupCount);
                    let width = cellWidth * totalCellCount;
                    if (width < minWidth) {
                        width = minWidth
                    }(0, _size.setWidth)(this._$headerPanel, width);
                    (0, _size.setWidth)(this._$dateTable, width);
                    if (this.$allDayTable) {
                        (0, _size.setWidth)(this.$allDayTable, width)
                    }
                    this.attachHeaderTableClasses();
                    this.updateGroupTableHeight();
                    this.updateScrollable()
                }
                getWorkSpaceMinWidth() {
                    return this._groupedStrategy.getWorkSpaceMinWidth()
                }
                _dimensionChanged() {
                    if (!this._isVisible()) {
                        return
                    }
                    if (this.option("crossScrollingEnabled")) {
                        this.setTableSizes()
                    }
                    this.updateHeaderEmptyCellWidth();
                    this.updateScrollable();
                    this.cache.clear()
                }
                needCreateCrossScrolling() {
                    return this.option("crossScrollingEnabled")
                }
                getElementClass() {
                    return (0, _common.noop)()
                }
                getRowCount() {
                    return this.viewDataProvider.getRowCount({
                        intervalCount: this.option("intervalCount"),
                        currentDate: this.option("currentDate"),
                        viewType: this.type,
                        hoursInterval: this.option("hoursInterval"),
                        startDayHour: this.option("startDayHour"),
                        endDayHour: this.option("endDayHour")
                    })
                }
                _getCellCount() {
                    return this.viewDataProvider.getCellCount({
                        intervalCount: this.option("intervalCount"),
                        currentDate: this.option("currentDate"),
                        viewType: this.type,
                        hoursInterval: this.option("hoursInterval"),
                        startDayHour: this.option("startDayHour"),
                        endDayHour: this.option("endDayHour")
                    })
                }
                isRenovatedRender() {
                    return this.renovatedRenderSupported() && this.option("renovateRender")
                }
                isVirtualModeOn() {
                    return "virtual" === this.option("scrolling.mode")
                }
                isVirtualScrolling() {
                    return this.isRenovatedRender() && this.isVirtualModeOn()
                }
                initVirtualScrolling() {
                    if (this.virtualScrollingDispatcher) {
                        this.virtualScrollingDispatcher.dispose();
                        this.virtualScrollingDispatcher = null
                    }
                    this.virtualScrollingDispatcher = new _m_virtual_scrolling.VirtualScrollingDispatcher(this.getVirtualScrollingDispatcherOptions());
                    this.virtualScrollingDispatcher.attachScrollableEvents();
                    this.renderer = new _m_virtual_scrolling.VirtualScrollingRenderer(this)
                }
                isGroupedAllDayPanel() {
                    return (0, _index3.calculateIsGroupedAllDayPanel)(this.option("groups").length, this.option("groupOrientation"), this.isAllDayPanelVisible)
                }
                generateRenderOptions(isProvideVirtualCellsWidth) {
                    var _this$getToday;
                    const groupCount = this._getGroupCount();
                    const groupOrientation = groupCount > 0 ? this.option("groupOrientation") : this.getDefaultGroupStrategy();
                    const options = Object.assign({
                        groupByDate: this.option("groupByDate"),
                        startRowIndex: 0,
                        startCellIndex: 0,
                        groupOrientation: groupOrientation,
                        today: null === (_this$getToday = this.getToday) || void 0 === _this$getToday ? void 0 : _this$getToday.call(this),
                        getResourceManager: this.option("getResourceManager"),
                        isProvideVirtualCellsWidth: isProvideVirtualCellsWidth,
                        isAllDayPanelVisible: this.isAllDayPanelVisible,
                        selectedCells: this.cellsSelectionState.getSelectedCells(),
                        focusedCell: this.cellsSelectionState.getFocusedCell(),
                        headerCellTextFormat: this.getFormat(),
                        getDateForHeaderText: (_, date) => date,
                        viewOffset: this.option("viewOffset"),
                        startDayHour: this.option("startDayHour"),
                        endDayHour: this.option("endDayHour"),
                        cellDuration: this.getCellDuration(),
                        viewType: this.type,
                        intervalCount: this.option("intervalCount"),
                        hoursInterval: this.option("hoursInterval"),
                        currentDate: this.option("currentDate"),
                        startDate: this.option("startDate"),
                        firstDayOfWeek: this.option("firstDayOfWeek"),
                        showCurrentTimeIndicator: this.option("showCurrentTimeIndicator")
                    }, this.virtualScrollingDispatcher.getRenderState());
                    return options
                }
                renovatedRenderSupported() {
                    return true
                }
                updateGroupTableHeight() {
                    if (this.isVerticalGroupedWorkSpace() && (0, _window.hasWindow)()) {
                        this.setHorizontalGroupHeaderCellsHeight()
                    }
                }
                updateHeaderEmptyCellWidth() {
                    if ((0, _window.hasWindow)() && this.isRenderHeaderPanelEmptyCell()) {
                        const timePanelWidth = this.getTimePanelWidth();
                        const groupPanelWidth = this.getGroupTableWidth();
                        this.$headerPanelEmptyCell.css("width", timePanelWidth + groupPanelWidth)
                    }
                }
                updateHeaderPanelScrollbarPadding() {
                    if ((0, _window.hasWindow)() && this._$headerPanelContainer) {
                        const scrollbarWidth = this.getScrollbarWidth();
                        this._$headerPanelContainer.css("paddingRight", `${scrollbarWidth}px`)
                    }
                }
                getScrollbarWidth() {
                    const containerElement = (0, _renderer.default)(this._dateTableScrollable.container()).get(0);
                    const scrollbarWidth = containerElement.offsetWidth - containerElement.clientWidth;
                    return scrollbarWidth
                }
                isGroupsSpecified(groupValues) {
                    var _this$option3;
                    return (null === (_this$option3 = this.option("groups")) || void 0 === _this$option3 ? void 0 : _this$option3.length) && groupValues
                }
                getGroupIndexByGroupValues(groupValues) {
                    return groupValues && (0, _appointment_groups_utils.getAppointmentGroupIndex)((0, _appointment_groups_utils.getSafeGroupValues)(groupValues), this.resourceManager.groupsLeafs)[0]
                }
                getViewStartByOptions() {
                    return (0, _index3.getViewStartByOptions)(this.option("startDate"), this.option("currentDate"), this.getTotalViewDuration(), this.option("startDate") ? this.calculateViewStartDate() : void 0)
                }
                getTotalViewDuration() {
                    return this.viewDataProvider.getIntervalDuration(this.option("intervalCount"))
                }
                getHeaderDate() {
                    return this.getStartViewDate()
                }
                calculateViewStartDate() {
                    return (0, _index3.calculateViewStartDate)(this.option("startDate"))
                }
                firstDayOfWeek() {
                    return this.viewDataProvider.getFirstDayOfWeek(this.option("firstDayOfWeek"))
                }
                attachEvents() {
                    this.createSelectionChangedAction();
                    this.attachClickEvent();
                    this.attachContextMenuEvent()
                }
                attachClickEvent() {
                    const that = this;
                    const pointerDownAction = this._createAction(e => {
                        that.pointerDownHandler(e.event)
                    });
                    this.createCellClickAction();
                    const cellSelector = `.${DATE_TABLE_CELL_CLASS},.${ALL_DAY_TABLE_CELL_CLASS}`;
                    const $element = this.$element();
                    _events_engine.default.off($element, SCHEDULER_WORKSPACE_DXPOINTERDOWN_EVENT_NAME);
                    _events_engine.default.off($element, SCHEDULER_CELL_DXCLICK_EVENT_NAME);
                    _events_engine.default.on($element, SCHEDULER_WORKSPACE_DXPOINTERDOWN_EVENT_NAME, e => {
                        if ((0, _index.isMouseEvent)(e) && e.which > 1) {
                            e.preventDefault();
                            return
                        }
                        pointerDownAction({
                            event: e
                        })
                    });
                    _events_engine.default.on($element, SCHEDULER_CELL_DXCLICK_EVENT_NAME, cellSelector, e => {
                        const $cell = (0, _renderer.default)(e.target);
                        that.cellClickAction({
                            event: e,
                            cellElement: (0, _element.getPublicElement)($cell),
                            cellData: that.getCellData($cell)
                        })
                    })
                }
                createCellClickAction() {
                    this.cellClickAction = this._createActionByOption("onCellClick", {
                        afterExecute: e => this.cellClickHandler(e.args[0].event)
                    })
                }
                createSelectionChangedAction() {
                    this.selectionChangedAction = this._createActionByOption("onSelectionChanged")
                }
                cellClickHandler(argument) {
                    if (this.showPopup) {
                        delete this.showPopup;
                        this.handleSelectedCellsClick()
                    }
                }
                pointerDownHandler(e) {
                    const $target = (0, _renderer.default)(e.target);
                    if (!$target.hasClass(DATE_TABLE_CELL_CLASS) && !$target.hasClass(ALL_DAY_TABLE_CELL_CLASS)) {
                        this.isCellClick = false;
                        return
                    }
                    this.isCellClick = true;
                    if ($target.hasClass("dx-scheduler-focused-cell")) {
                        this.showPopup = true
                    } else {
                        const cellCoordinates = this.getCoordinatesByCell($target);
                        const isAllDayCell = this.hasAllDayClass($target);
                        this.setSelectedCellsStateAndUpdateSelection(isAllDayCell, cellCoordinates, false, $target)
                    }
                }
                handleSelectedCellsClick() {
                    const selectedCells = this.getSelectedCellsData();
                    const firstCellData = selectedCells[0];
                    const lastCellData = selectedCells[selectedCells.length - 1];
                    const result = {
                        startDate: firstCellData.startDate,
                        endDate: lastCellData.endDate,
                        startDateUTC: firstCellData.startDateUTC,
                        endDateUTC: lastCellData.endDateUTC
                    };
                    if (void 0 !== lastCellData.allDay) {
                        result.allDay = lastCellData.allDay
                    }
                    this.option("onSelectedCellsClick")(result, lastCellData.groups)
                }
                attachContextMenuEvent() {
                    this.createContextMenuAction();
                    const cellSelector = `.${DATE_TABLE_CELL_CLASS},.${ALL_DAY_TABLE_CELL_CLASS}`;
                    const $element = this.$element();
                    const eventName = (0, _index.addNamespace)(_contextmenu.name, this.NAME);
                    _events_engine.default.off($element, eventName, cellSelector);
                    _events_engine.default.on($element, eventName, cellSelector, this.contextMenuHandler.bind(this))
                }
                contextMenuHandler(e) {
                    const $cell = (0, _renderer.default)(e.target);
                    this.contextMenuAction({
                        event: e,
                        cellElement: (0, _element.getPublicElement)($cell),
                        cellData: this.getCellData($cell)
                    });
                    this.contextMenuHandled = true
                }
                createContextMenuAction() {
                    this.contextMenuAction = this._createActionByOption("onCellContextMenu")
                }
                getGroupHeaderContainer() {
                    if (this.isVerticalGroupedWorkSpace()) {
                        return this._$groupTable
                    }
                    return this._$thead
                }
                getDateHeaderContainer() {
                    return this._$thead
                }
                getCalculateHeaderCellRepeatCount() {
                    return this._groupedStrategy.calculateHeaderCellRepeatCount()
                }
                updateScrollable() {
                    var _this$headerScrollabl, _this$_sidebarScrolla;
                    this._dateTableScrollable.update();
                    null === (_this$headerScrollabl = this.headerScrollable) || void 0 === _this$headerScrollabl || _this$headerScrollabl.update();
                    null === (_this$_sidebarScrolla = this._sidebarScrollable) || void 0 === _this$_sidebarScrolla || _this$_sidebarScrolla.update();
                    this.updateHeaderPanelScrollbarPadding()
                }
                getTimePanelRowCount() {
                    return this.getCellCountInDay()
                }
                getCellCountInDay() {
                    const hoursInterval = this.option("hoursInterval");
                    const startDayHour = this.option("startDayHour");
                    const endDayHour = this.option("endDayHour");
                    return this.viewDataProvider.getCellCountInDay(startDayHour, endDayHour, hoursInterval)
                }
                getTotalCellCount(groupCount) {
                    return this._groupedStrategy.getTotalCellCount(groupCount)
                }
                getTotalRowCount(groupCount, includeAllDayPanelRows) {
                    let result = this._groupedStrategy.getTotalRowCount(groupCount);
                    if (includeAllDayPanelRows && this.isAllDayPanelVisible) {
                        result += groupCount
                    }
                    return result
                }
                getGroupIndex(rowIndex, columnIndex) {
                    return this._groupedStrategy.getGroupIndex(rowIndex, columnIndex)
                }
                calculateEndDate(startDate) {
                    const {
                        viewDataGenerator: viewDataGenerator
                    } = this.viewDataProvider;
                    return viewDataGenerator.calculateEndDate(startDate, viewDataGenerator.getInterval(this.option("hoursInterval")), this.option("endDayHour"))
                }
                _getGroupCount() {
                    return this.resourceManager.groupCount()
                }
                attachTablesEvents() {
                    const element = this.$element();
                    this.attachDragEvents(element);
                    this.attachPointerEvents(element)
                }
                detachDragEvents(element) {
                    _events_engine.default.off(element, DragEventNames.ENTER);
                    _events_engine.default.off(element, DragEventNames.LEAVE);
                    _events_engine.default.off(element, DragEventNames.DROP)
                }
                attachDragEvents(element) {
                    this.detachDragEvents(element);
                    _events_engine.default.on(element, DragEventNames.ENTER, DRAG_AND_DROP_SELECTOR, {
                        checkDropTarget: (target, event) => !this.isOutsideScrollable(target, event)
                    }, e => {
                        if (!this.preventDefaultDragging) {
                            this.removeDroppableCellClass();
                            (0, _renderer.default)(e.target).addClass("dx-scheduler-date-table-droppable-cell")
                        }
                    });
                    _events_engine.default.on(element, DragEventNames.LEAVE, () => {
                        if (!this.preventDefaultDragging) {
                            this.removeDroppableCellClass()
                        }
                    });
                    _events_engine.default.on(element, DragEventNames.DROP, DRAG_AND_DROP_SELECTOR, () => {
                        var _this$dragBehavior, _this$dragBehavior$dr;
                        if (!this.dragBehavior) {
                            return
                        }
                        if (!(null !== (_this$dragBehavior = this.dragBehavior) && void 0 !== _this$dragBehavior && _this$dragBehavior.dragBetweenComponentsPromise)) {
                            this.dragBehavior.removeDroppableClasses();
                            return
                        }
                        null === (_this$dragBehavior$dr = this.dragBehavior.dragBetweenComponentsPromise) || void 0 === _this$dragBehavior$dr || _this$dragBehavior$dr.then(() => {
                            this.dragBehavior.removeDroppableClasses()
                        })
                    })
                }
                attachPointerEvents(element) {
                    let isPointerDown = false;
                    _events_engine.default.off(element, SCHEDULER_CELL_DXPOINTERMOVE_EVENT_NAME);
                    _events_engine.default.off(element, SCHEDULER_CELL_DXPOINTERDOWN_EVENT_NAME);
                    _events_engine.default.on(element, SCHEDULER_CELL_DXPOINTERDOWN_EVENT_NAME, DRAG_AND_DROP_SELECTOR, e => {
                        if ((0, _index.isMouseEvent)(e) && 1 === e.which) {
                            isPointerDown = true;
                            this.$element().addClass("dx-scheduler-work-space-mouse-selection");
                            _events_engine.default.off(_dom_adapter.default.getDocument(), SCHEDULER_CELL_DXPOINTERUP_EVENT_NAME);
                            _events_engine.default.on(_dom_adapter.default.getDocument(), SCHEDULER_CELL_DXPOINTERUP_EVENT_NAME, () => {
                                isPointerDown = false;
                                this.$element().removeClass("dx-scheduler-work-space-mouse-selection")
                            })
                        }
                    });
                    _events_engine.default.on(element, SCHEDULER_CELL_DXPOINTERMOVE_EVENT_NAME, DRAG_AND_DROP_SELECTOR, e => {
                        if (isPointerDown && this._dateTableScrollable && !this._dateTableScrollable.option("scrollByContent")) {
                            e.preventDefault();
                            e.stopPropagation();
                            this.moveToCell((0, _renderer.default)(e.target), true)
                        }
                    })
                }
                getFormat() {
                    return abstract()
                }
                getWorkArea() {
                    return this.$dateTableContainer
                }
                getScrollable() {
                    return this._dateTableScrollable
                }
                getScrollableScrollTop() {
                    return this._dateTableScrollable.scrollTop()
                }
                getGroupedScrollableScrollTop(allDay) {
                    return this._groupedStrategy.getScrollableScrollTop(allDay)
                }
                getScrollableScrollLeft() {
                    return this._dateTableScrollable.scrollLeft()
                }
                getScrollableOuterWidth() {
                    return this._dateTableScrollable.scrollWidth()
                }
                getScrollableContainer() {
                    return (0, _renderer.default)(this._dateTableScrollable.container())
                }
                getHeaderPanelHeight() {
                    return this._$headerPanel && (0, _size.getOuterHeight)(this._$headerPanel, true)
                }
                getTimePanelWidth() {
                    return this.$timePanel && (0, _position.getBoundingRect)(this.$timePanel.get(0)).width
                }
                getGroupTableWidth() {
                    return this._$groupTable ? (0, _size.getOuterWidth)(this._$groupTable) : 0
                }
                getWorkSpaceLeftOffset() {
                    return this._groupedStrategy.getLeftOffset()
                }
                getCellCoordinatesByIndex(index) {
                    const columnIndex = Math.floor(index / this.getRowCount());
                    const rowIndex = index - this.getRowCount() * columnIndex;
                    return {
                        columnIndex: columnIndex,
                        rowIndex: rowIndex
                    }
                }
                getDateGenerationOptions() {
                    var _this$viewDataProvide;
                    return {
                        startDayHour: this.option("startDayHour"),
                        endDayHour: this.option("endDayHour"),
                        interval: null === (_this$viewDataProvide = this.viewDataProvider.viewDataGenerator) || void 0 === _this$viewDataProvide ? void 0 : _this$viewDataProvide.getInterval(this.option("hoursInterval")),
                        startViewDate: this.getStartViewDate(),
                        firstDayOfWeek: this.firstDayOfWeek()
                    }
                }
                getIntervalBetween(currentDate, allDay) {
                    const firstViewDate = this.getStartViewDate();
                    const startDayTime = this.option("startDayHour") * HOUR_MS;
                    const timeZoneOffset = _date.default.getTimezonesDifference(firstViewDate, currentDate);
                    const fullInterval = currentDate.getTime() - firstViewDate.getTime() - timeZoneOffset;
                    const days = this.getDaysOfInterval(fullInterval, startDayTime);
                    const weekendsCount = this.getWeekendsCount(days);
                    let result = (days - weekendsCount) * DAY_MS;
                    if (!allDay) {
                        const {
                            hiddenInterval: hiddenInterval
                        } = this.viewDataProvider;
                        const visibleDayDuration = this.getVisibleDayDuration();
                        result = fullInterval - days * hiddenInterval - weekendsCount * visibleDayDuration
                    }
                    return result
                }
                getWeekendsCount(argument) {
                    return 0
                }
                getDaysOfInterval(fullInterval, startDayTime) {
                    return Math.floor((fullInterval + startDayTime) / DAY_MS)
                }
                updateIndex(index) {
                    return index * this.getRowCount()
                }
                getDroppableCell() {
                    return this.getDateTables().find(".dx-scheduler-date-table-droppable-cell")
                }
                getWorkSpaceWidth() {
                    return this.cache.memo("workspaceWidth", () => {
                        if (this.needCreateCrossScrolling()) {
                            return (0, _position.getBoundingRect)(this._$dateTable.get(0)).width
                        }
                        const totalWidth = (0, _position.getBoundingRect)(this.$element().get(0)).width;
                        const timePanelWidth = this.getTimePanelWidth();
                        const groupTableWidth = this.getGroupTableWidth();
                        return totalWidth - timePanelWidth - groupTableWidth
                    })
                }
                getCellElementByPosition(cellCoordinates, groupIndex, inAllDayRow) {
                    const indexes = this._groupedStrategy.prepareCellIndexes(cellCoordinates, groupIndex, inAllDayRow);
                    return this.domGetDateCell(indexes)
                }
                domGetDateCell(position) {
                    return this._$dateTable.find("tr:not(.dx-scheduler-virtual-row)").eq(position.rowIndex).find(`td:not(.${_m_classes.VIRTUAL_CELL_CLASS})`).eq(position.columnIndex)
                }
                domGetAllDayPanelCell(columnIndex) {
                    return this._$allDayPanel.find("tr").eq(0).find("td").eq(columnIndex)
                }
                getCells(allDay, direction) {
                    const cellClass = allDay ? ALL_DAY_TABLE_CELL_CLASS : DATE_TABLE_CELL_CLASS;
                    if ("vertical" === direction) {
                        let result = [];
                        for (let i = 1;; i++) {
                            const cells = this.$element().find(`tr .${cellClass}:nth-child(${i})`);
                            if (!cells.length) {
                                break
                            }
                            result = result.concat(cells.toArray())
                        }
                        return (0, _renderer.default)(result)
                    }
                    return this.$element().find(`.${cellClass}`)
                }
                getFirstAndLastDataTableCell() {
                    const selector = this.isVirtualScrolling() ? `.${DATE_TABLE_CELL_CLASS}, .${_m_classes.VIRTUAL_CELL_CLASS}` : `.${DATE_TABLE_CELL_CLASS}`;
                    const $cells = this.$element().find(selector);
                    return [$cells[0], $cells[$cells.length - 1]]
                }
                getAllCells(allDay) {
                    if (this.isVerticalGroupedWorkSpace()) {
                        return this._$dateTable.find(`td:not(.${_m_classes.VIRTUAL_CELL_CLASS})`)
                    }
                    const cellClass = allDay && this.supportAllDayRow() ? ALL_DAY_TABLE_CELL_CLASS : DATE_TABLE_CELL_CLASS;
                    return this.$element().find(`.${cellClass}`)
                }
                setHorizontalGroupHeaderCellsHeight() {
                    const {
                        height: height
                    } = (0, _position.getBoundingRect)(this._$dateTable.get(0));
                    (0, _size.setOuterHeight)(this._$groupTable, height)
                }
                getGroupHeaderCells() {
                    return this.$element().find(".dx-scheduler-group-header")
                }
                getScrollCoordinates(date, groupIndex, allDay) {
                    const currentDate = date || new Date(this.option("currentDate"));
                    const cell = this.viewDataProvider.findGlobalCellPosition(currentDate, groupIndex, allDay, true);
                    if (!cell) {
                        return
                    }
                    currentDate.setHours(cell.cellData.startDate.getHours(), currentDate.getMinutes(), 0, 0);
                    return this.virtualScrollingDispatcher.calculateCoordinatesByDataAndPosition(cell.cellData, cell.position, currentDate, (0, _index3.isDateAndTimeView)(this.type), "vertical" === this.viewDirection)
                }
                isOutsideScrollable(target, event) {
                    const $dateTableScrollableElement = this._dateTableScrollable.$element();
                    const scrollableSize = (0, _position.getBoundingRect)($dateTableScrollableElement.get(0));
                    const window = (0, _window.getWindow)();
                    const isTargetInAllDayPanel = !(0, _renderer.default)(target).closest($dateTableScrollableElement).length;
                    const isOutsideHorizontalScrollable = event.pageX < scrollableSize.left || event.pageX > scrollableSize.left + scrollableSize.width + (window.scrollX || 0);
                    const isOutsideVerticalScrollable = event.pageY < scrollableSize.top || event.pageY > scrollableSize.top + scrollableSize.height + (window.scrollY || 0);
                    if (isTargetInAllDayPanel && !isOutsideHorizontalScrollable) {
                        return false
                    }
                    return isOutsideVerticalScrollable || isOutsideHorizontalScrollable
                }
                supportAllDayRow() {
                    return true
                }
                keepOriginalHours() {
                    return false
                }
                normalizeCellData(cellData) {
                    var _this$timeZoneCalcula, _this$timeZoneCalcula2;
                    return (0, _extend.extend)(true, {}, {
                        startDate: cellData.startDate,
                        endDate: cellData.endDate,
                        startDateUTC: cellData.startDate && (null === (_this$timeZoneCalcula = this.timeZoneCalculator) || void 0 === _this$timeZoneCalcula ? void 0 : _this$timeZoneCalcula.createDate(cellData.startDate, "fromGrid")),
                        endDateUTC: cellData.endDate && (null === (_this$timeZoneCalcula2 = this.timeZoneCalculator) || void 0 === _this$timeZoneCalcula2 ? void 0 : _this$timeZoneCalcula2.createDate(cellData.endDate, "fromGrid")),
                        groups: cellData.groups,
                        groupIndex: cellData.groupIndex,
                        allDay: cellData.allDay
                    })
                }
                getSelectedCellsData() {
                    const selected = this.cellsSelectionState.getSelectedCells();
                    return null === selected || void 0 === selected ? void 0 : selected.map(this.normalizeCellData.bind(this))
                }
                getCellData($cell) {
                    const cellData = this.getFullCellData($cell) ?? {};
                    return this.normalizeCellData(cellData)
                }
                getFullCellData($cell) {
                    const currentCell = $cell[0];
                    if (currentCell) {
                        return this.getDataByCell($cell)
                    }
                    return
                }
                getVirtualRowOffset() {
                    return this.virtualScrollingDispatcher.virtualRowOffset
                }
                getVirtualCellOffset() {
                    return this.virtualScrollingDispatcher.virtualCellOffset
                }
                getDataByCell($cell) {
                    const rowIndex = $cell.parent().index() - this.virtualScrollingDispatcher.topVirtualRowsCount;
                    const columnIndex = $cell.index() - this.virtualScrollingDispatcher.leftVirtualCellsCount;
                    const {
                        viewDataProvider: viewDataProvider
                    } = this;
                    const isAllDayCell = this.hasAllDayClass($cell);
                    const cellData = viewDataProvider.getCellData(rowIndex, columnIndex, isAllDayCell);
                    return cellData || void 0
                }
                isGroupedByDate() {
                    return this.option("groupByDate") && this._isHorizontalGroupedWorkSpace() && this._getGroupCount() > 0
                }
                getCellIndexByDate(date, inAllDayRow) {
                    const {
                        viewDataGenerator: viewDataGenerator
                    } = this.viewDataProvider;
                    const timeInterval = inAllDayRow ? 864e5 : viewDataGenerator.getInterval(this.option("hoursInterval"));
                    const startViewDateOffset = (0, _index3.getStartViewDateTimeOffset)(this.getStartViewDate(), this.option("startDayHour"));
                    const dateTimeStamp = this.getIntervalBetween(date, inAllDayRow) + startViewDateOffset;
                    let index = Math.floor(dateTimeStamp / timeInterval);
                    if (inAllDayRow) {
                        index = this.updateIndex(index)
                    }
                    if (index < 0) {
                        index = 0
                    }
                    return index
                }
                getDataByDroppableCell() {
                    const cellData = this.getCellData((0, _renderer.default)(this.getDroppableCell()));
                    const {
                        allDay: allDay
                    } = cellData;
                    const {
                        startDate: startDate
                    } = cellData;
                    const {
                        endDate: endDate
                    } = cellData;
                    return {
                        startDate: startDate,
                        endDate: endDate,
                        allDay: allDay,
                        groups: cellData.groups
                    }
                }
                getDateRange() {
                    return [this.getStartViewDate(), this.getEndViewDateByEndDayHour()]
                }
                getCellMinWidth() {
                    return 75
                }
                getCellWidth() {
                    return (0, _m_position_helper.getCellWidth)(this.getDOMElementsMetaData())
                }
                getCellHeight() {
                    return (0, _m_position_helper.getCellHeight)(this.getDOMElementsMetaData())
                }
                getAllDayHeight() {
                    return (0, _m_position_helper.getAllDayHeight)(this.option("showAllDayPanel"), this.isVerticalGroupedWorkSpace(), this.getDOMElementsMetaData())
                }
                getMaxAllowedPosition(groupIndex) {
                    return (0, _m_position_helper.getMaxAllowedPosition)(groupIndex, this.viewDataProvider, this.option("rtlEnabled"), this.getDOMElementsMetaData())
                }
                getAllDayOffset() {
                    return this._groupedStrategy.getAllDayOffset()
                }
                getCellIndexByCoordinates(coordinates, allDay) {
                    const {
                        horizontalScrollingState: horizontalScrollingState,
                        verticalScrollingState: verticalScrollingState
                    } = this.virtualScrollingDispatcher;
                    const cellCount = (null === horizontalScrollingState || void 0 === horizontalScrollingState ? void 0 : horizontalScrollingState.itemCount) ?? this.getTotalCellCount(this._getGroupCount());
                    const cellWidth = this.getCellWidth();
                    const cellHeight = allDay ? this.getAllDayHeight() : this.getCellHeight();
                    const leftCoordinateOffset = (null === horizontalScrollingState || void 0 === horizontalScrollingState ? void 0 : horizontalScrollingState.virtualItemSizeBefore) ?? 0;
                    const topCoordinateOffset = (null === verticalScrollingState || void 0 === verticalScrollingState ? void 0 : verticalScrollingState.virtualItemSizeBefore) ?? 0;
                    const topIndex = Math.floor(Math.floor(coordinates.top - topCoordinateOffset) / Math.floor(cellHeight));
                    let leftIndex = (coordinates.left - leftCoordinateOffset) / cellWidth;
                    leftIndex = Math.floor(leftIndex + .05);
                    if (this.isRTL()) {
                        leftIndex = cellCount - leftIndex - 1
                    }
                    return cellCount * topIndex + leftIndex
                }
                getStartViewDate() {
                    return this.viewDataProvider.getStartViewDate()
                }
                getEndViewDate() {
                    return this.viewDataProvider.getLastCellEndDate()
                }
                getEndViewDateByEndDayHour() {
                    return this.viewDataProvider.getLastViewDateByEndDayHour(this.option("endDayHour"))
                }
                getCellDuration() {
                    return (0, _index3.getCellDuration)(this.type, this.option("startDayHour"), this.option("endDayHour"), this.option("hoursInterval"))
                }
                getIntervalDuration(allDay) {
                    return allDay ? toMs("day") : this.getCellDuration()
                }
                getVisibleDayDuration() {
                    const startDayHour = this.option("startDayHour");
                    const endDayHour = this.option("endDayHour");
                    const hoursInterval = this.option("hoursInterval");
                    return this.viewDataProvider.getVisibleDayDuration(startDayHour, endDayHour, hoursInterval)
                }
                getGroupBounds(coordinates) {
                    const groupBounds = this._groupedStrategy instanceof _m_work_space_grouped_strategy_vertical.default ? this.getGroupBoundsVertical(coordinates.groupIndex) : this.getGroupBoundsHorizontal(coordinates);
                    return this.isRTL() ? this.getGroupBoundsRtlCorrection(groupBounds) : groupBounds
                }
                getGroupBoundsVertical(groupIndex) {
                    const $firstAndLastCells = this.getFirstAndLastDataTableCell();
                    return this._groupedStrategy.getGroupBoundsOffset(groupIndex, $firstAndLastCells)
                }
                getGroupBoundsHorizontal(coordinates) {
                    const cellCount = this._getCellCount();
                    const $cells = this.getCells();
                    const cellWidth = this.getCellWidth();
                    const {
                        groupedDataMap: groupedDataMap
                    } = this.viewDataProvider;
                    return this._groupedStrategy.getGroupBoundsOffset(cellCount, $cells, cellWidth, coordinates, groupedDataMap)
                }
                getGroupBoundsRtlCorrection(groupBounds) {
                    const cellWidth = this.getCellWidth();
                    return Object.assign({}, groupBounds, {
                        left: groupBounds.right - 2 * cellWidth,
                        right: groupBounds.left + 2 * cellWidth
                    })
                }
                needRecalculateResizableArea() {
                    return this.isVerticalGroupedWorkSpace() && 0 !== this.getScrollable().scrollTop()
                }
                getCellByCoordinates(coordinates, allDay) {
                    const $cells = this.getCells(allDay);
                    const cellIndex = this.getCellIndexByCoordinates(coordinates, allDay);
                    return $cells.eq(cellIndex)
                }
                getVisibleBounds() {
                    const result = {};
                    const $scrollable = this.getScrollable().$element();
                    const cellHeight = this.getCellHeight();
                    const scrolledCellCount = this.getScrollableScrollTop() / cellHeight;
                    const totalCellCount = scrolledCellCount + (0, _size.getHeight)($scrollable) / cellHeight;
                    result.top = {
                        hours: Math.floor(scrolledCellCount * this.option("hoursInterval")) + this.option("startDayHour"),
                        minutes: scrolledCellCount % 2 ? 30 : 0
                    };
                    result.bottom = {
                        hours: Math.floor(totalCellCount * this.option("hoursInterval")) + this.option("startDayHour"),
                        minutes: Math.floor(totalCellCount) % 2 ? 30 : 0
                    };
                    return result
                }
                updateScrollPosition(date, appointmentGroupValues) {
                    let allDay = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : false;
                    const newDate = this.timeZoneCalculator.createDate(date, "toGrid");
                    const inAllDayRow = allDay && this.isAllDayPanelVisible;
                    if (this.needUpdateScrollPosition(newDate, appointmentGroupValues, inAllDayRow)) {
                        this.scrollTo(newDate, appointmentGroupValues, inAllDayRow, false)
                    }
                }
                needUpdateScrollPosition(date, appointmentGroupValues) {
                    let inAllDayRow = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : false;
                    const cells = this.getCellsInViewport(inAllDayRow);
                    const groupIndex = this.isGroupsSpecified(appointmentGroupValues) ? this.getGroupIndexByGroupValues(appointmentGroupValues) : 0;
                    const time = date.getTime();
                    const trimmedTime = _date.default.trimTime(date).getTime();
                    return cells.reduce((currentResult, cell) => {
                        const {
                            startDate: cellStartDate,
                            endDate: cellEndDate,
                            groupIndex: cellGroupIndex
                        } = this.getCellData(cell);
                        const cellStartTime = cellStartDate.getTime();
                        const cellEndTime = cellEndDate.getTime();
                        if ((!inAllDayRow && cellStartTime <= time && time < cellEndTime || inAllDayRow && trimmedTime === cellStartTime) && groupIndex === cellGroupIndex) {
                            return false
                        }
                        return currentResult
                    }, true)
                }
                getCellsInViewport(inAllDayRow) {
                    const $scrollable = this.getScrollable().$element();
                    const cellHeight = this.getCellHeight();
                    const cellWidth = this.getCellWidth();
                    const totalColumnCount = this.getTotalCellCount(this._getGroupCount());
                    const scrollableScrollTop = this.getScrollableScrollTop();
                    const scrollableScrollLeft = this.getScrollableScrollLeft();
                    const fullScrolledRowCount = scrollableScrollTop / cellHeight - this.virtualScrollingDispatcher.topVirtualRowsCount;
                    let scrolledRowCount = Math.floor(fullScrolledRowCount);
                    if (scrollableScrollTop % cellHeight !== 0) {
                        scrolledRowCount += 1
                    }
                    const fullScrolledColumnCount = scrollableScrollLeft / cellWidth;
                    let scrolledColumnCount = Math.floor(fullScrolledColumnCount);
                    if (scrollableScrollLeft % cellWidth !== 0) {
                        scrolledColumnCount += 1
                    }
                    const rowCount = Math.floor(fullScrolledRowCount + (0, _size.getHeight)($scrollable) / cellHeight);
                    const columnCount = Math.floor(fullScrolledColumnCount + (0, _size.getWidth)($scrollable) / cellWidth);
                    const $cells = this.getAllCells(inAllDayRow);
                    const result = [];
                    $cells.each(function(index) {
                        const $cell = (0, _renderer.default)(this);
                        const columnIndex = index % totalColumnCount;
                        const rowIndex = index / totalColumnCount;
                        if (scrolledColumnCount <= columnIndex && columnIndex < columnCount && scrolledRowCount <= rowIndex && rowIndex < rowCount) {
                            result.push($cell)
                        }
                    });
                    return result
                }
                scrollTo(date, groupValues) {
                    let allDay = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : false;
                    let throwWarning = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : true;
                    let align = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : "center";
                    if (!this.isValidScrollDate(date, throwWarning)) {
                        return
                    }
                    const groupIndex = this._getGroupCount() && groupValues ? this.getGroupIndexByGroupValues(groupValues) : 0;
                    const isScrollToAllDay = allDay && this.isAllDayPanelVisible;
                    const coordinates = this.getScrollCoordinates(date, groupIndex, isScrollToAllDay);
                    if (!coordinates) {
                        return
                    }
                    const scrollable = this.getScrollable();
                    const $scrollable = scrollable.$element();
                    const cellWidth = this.getCellWidth();
                    const offset = this.option("rtlEnabled") ? cellWidth : 0;
                    const scrollableHeight = (0, _size.getHeight)($scrollable);
                    const scrollableWidth = (0, _size.getWidth)($scrollable);
                    const cellHeight = this.getCellHeight();
                    const xShift = "start" === align ? 0 : (scrollableWidth - cellWidth) / 2;
                    const yShift = "start" === align ? 0 : (scrollableHeight - cellHeight) / 2;
                    const left = coordinates.left - scrollable.scrollLeft() - xShift - offset;
                    let top = coordinates.top - scrollable.scrollTop() - yShift;
                    if (isScrollToAllDay && !this.isVerticalGroupedWorkSpace()) {
                        top = 0
                    }
                    if (this.option("templatesRenderAsynchronously")) {
                        setTimeout(() => {
                            scrollable.scrollBy({
                                left: left,
                                top: top
                            })
                        })
                    } else {
                        scrollable.scrollBy({
                            left: left,
                            top: top
                        })
                    }
                }
                isValidScrollDate(date) {
                    let throwWarning = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : true;
                    const viewOffset = this.option("viewOffset");
                    const min = new Date(this.getStartViewDate().getTime() + viewOffset);
                    const max = new Date(this.getEndViewDate().getTime() + viewOffset);
                    if (date < min || date > max) {
                        throwWarning && _ui.default.log("W1008", date);
                        return false
                    }
                    return true
                }
                needApplyCollectorOffset() {
                    return false
                }
                removeDroppableCellClass($cellElement) {
                    const $cell = $cellElement || this.getDroppableCell();
                    null === $cell || void 0 === $cell || $cell.removeClass("dx-scheduler-date-table-droppable-cell")
                }
                getCoordinatesByCell($cell) {
                    const columnIndex = $cell.index() - this.virtualScrollingDispatcher.leftVirtualCellsCount;
                    let rowIndex = $cell.parent().index();
                    const isAllDayCell = this.hasAllDayClass($cell);
                    const isVerticalGrouping = this.isVerticalGroupedWorkSpace();
                    if (!(isAllDayCell && !isVerticalGrouping)) {
                        rowIndex -= this.virtualScrollingDispatcher.topVirtualRowsCount
                    }
                    return {
                        rowIndex: rowIndex,
                        columnIndex: columnIndex
                    }
                }
                isShowAllDayPanel() {
                    return this.option("showAllDayPanel")
                }
                getTimePanelCells() {
                    return this.$element().find(".dx-scheduler-time-panel-cell")
                }
                getRDateTableProps() {
                    return {
                        viewData: this.viewDataProvider.viewData,
                        viewContext: this.getR1ComponentsViewContext(),
                        dataCellTemplate: this.option("dataCellTemplate"),
                        addDateTableClass: !this.option("crossScrollingEnabled") || this.isVirtualScrolling(),
                        groupOrientation: this.option("groupOrientation"),
                        addVerticalSizesClassToRows: false
                    }
                }
                getR1ComponentsViewContext() {
                    return {
                        view: {
                            type: this.type
                        },
                        crossScrollingEnabled: Boolean(this.option("crossScrollingEnabled"))
                    }
                }
                updateSelectedCellDataOption(selectedCellData, $nextFocusedCell) {
                    this.option("selectedCellData", selectedCellData);
                    this.selectionChangedAction({
                        selectedCellData: selectedCellData
                    })
                }
                getCellByData(cellData) {
                    const {
                        startDate: startDate,
                        groupIndex: groupIndex,
                        allDay: allDay,
                        index: index
                    } = cellData;
                    const position = this.viewDataProvider.findCellPositionInMap({
                        startDate: startDate,
                        groupIndex: groupIndex,
                        isAllDay: allDay,
                        index: index
                    });
                    if (!position) {
                        return
                    }
                    return allDay && !this.isVerticalGroupedWorkSpace() ? this.domGetAllDayPanelCell(position.columnIndex) : this.domGetDateCell(position)
                }
                getDOMElementsMetaData() {
                    return this.cache.memo("cellElementsMeta", () => ({
                        dateTableCellsMeta: this.getDateTableDOMElementsInfo(),
                        allDayPanelCellsMeta: this.getAllDayPanelDOMElementsInfo()
                    }))
                }
                getPanelDOMSize(panelName) {
                    return "allDayPanel" === panelName ? this.cache.memo("allDayPanelSize", () => (0, _position.getBoundingRect)(this._$allDayPanel.get(0))) : this.cache.memo("regularPanelSize", () => (0, _position.getBoundingRect)(this.getDateTable().get(0)))
                }
                getCollectorDimension(isCollectorCompact, panelName) {
                    return this.cache.memo(`collectorSize-${panelName}`, () => _m_compact_appointments_helper.CompactAppointmentsHelper.measureCollectorDimensions("allDayPanel" === panelName ? this.getAllDayContainer() : this.getFixedContainer(), isCollectorCompact))
                }
                getDateTableDOMElementsInfo() {
                    const dateTableCells = this.getAllCells(false);
                    if (!dateTableCells.length || !(0, _window.hasWindow)()) {
                        return [
                            [{}]
                        ]
                    }
                    const dateTable = this.getDateTable();
                    const dateTableRect = (0, _position.getBoundingRect)(dateTable.get(0));
                    const columnsCount = this.viewDataProvider.getColumnsCount();
                    const result = [];
                    dateTableCells.each((index, cell) => {
                        const rowIndex = Math.floor(index / columnsCount);
                        if (result.length === rowIndex) {
                            result.push([])
                        }
                        this.addCellMetaData(result[rowIndex], cell, dateTableRect)
                    });
                    return result
                }
                getAllDayPanelDOMElementsInfo() {
                    const result = [];
                    if (this.isAllDayPanelVisible && !this.isVerticalGroupedWorkSpace() && (0, _window.hasWindow)()) {
                        const allDayCells = this.getAllCells(true);
                        if (!allDayCells.length) {
                            return [{}]
                        }
                        const allDayAppointmentContainer = this._$allDayPanel;
                        const allDayPanelRect = (0, _position.getBoundingRect)(allDayAppointmentContainer.get(0));
                        allDayCells.each((_, cell) => {
                            this.addCellMetaData(result, cell, allDayPanelRect)
                        })
                    }
                    return result
                }
                addCellMetaData(cellMetaDataArray, cell, parentRect) {
                    const cellRect = (0, _position.getBoundingRect)(cell);
                    cellMetaDataArray.push({
                        left: cellRect.left - parentRect.left,
                        top: cellRect.top - parentRect.top,
                        width: cellRect.width,
                        height: cellRect.height
                    })
                }
                oldRenderGetAllDayCellData(groupIndex) {
                    return (cell, rowIndex, columnIndex) => {
                        const validColumnIndex = columnIndex % this._getCellCount();
                        const options = this.getDateGenerationOptions(true);
                        let startDate = this.viewDataProvider.viewDataGenerator.getDateByCellIndices(options, rowIndex, validColumnIndex);
                        startDate = _date.default.trimTime(startDate);
                        let validGroupIndex = groupIndex || 0;
                        if (this.isGroupedByDate()) {
                            validGroupIndex = Math.floor(columnIndex % this._getGroupCount())
                        } else if (this._isHorizontalGroupedWorkSpace()) {
                            validGroupIndex = Math.floor(columnIndex / this._getCellCount())
                        }
                        const data = {
                            startDate: startDate,
                            endDate: startDate,
                            allDay: true,
                            groupIndex: validGroupIndex,
                            groups: (0, _group_utils.getLeafGroupValues)(this.resourceManager.groupsLeafs, validGroupIndex)
                        };
                        return {
                            key: "dxCellData",
                            value: data
                        }
                    }
                }
                renderRWorkSpace() {
                    let {
                        header: header,
                        timePanel: timePanel,
                        dateTable: dateTable,
                        allDayPanel: allDayPanel
                    } = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : DEFAULT_WORKSPACE_RENDER_OPTIONS.renderComponents;
                    if (header) {
                        this.renderRHeaderPanel()
                    }
                    if (timePanel) {
                        this.renderRTimeTable()
                    }
                    if (dateTable) {
                        this.renderRDateTable()
                    }
                    if (allDayPanel) {
                        this.renderRAllDayPanel()
                    }
                }
                renderRDateTable() {
                    _m_utils.utils.renovation.renderComponent(this, this._$dateTable, _index2.DateTableComponent, "renovatedDateTable", this.getRDateTableProps())
                }
                renderRGroupPanel() {
                    var _this$option4;
                    const options = {
                        viewContext: this.getR1ComponentsViewContext(),
                        groups: this.option("groups"),
                        groupOrientation: this.option("groupOrientation"),
                        groupByDate: this.isGroupedByDate(),
                        resourceCellTemplate: this.option("resourceCellTemplate"),
                        className: this.verticalGroupTableClass,
                        groupPanelData: this.viewDataProvider.getGroupPanelData(this.generateRenderOptions())
                    };
                    if (null !== (_this$option4 = this.option("groups")) && void 0 !== _this$option4 && _this$option4.length) {
                        this.attachGroupCountClass();
                        _m_utils.utils.renovation.renderComponent(this, this.getGroupHeaderContainer(), _index2.GroupPanelComponent, "renovatedGroupPanel", options)
                    } else {
                        this.detachGroupCountClass()
                    }
                }
                renderRAllDayPanel() {
                    const visible = this.isAllDayPanelVisible && !this.isGroupedAllDayPanel();
                    if (visible) {
                        var _this$virtualScrollin;
                        this.updateAllDayVisibility();
                        const options = Object.assign({
                            viewData: this.viewDataProvider.viewData,
                            viewContext: this.getR1ComponentsViewContext(),
                            dataCellTemplate: this.option("dataCellTemplate"),
                            startCellIndex: 0
                        }, (null === (_this$virtualScrollin = this.virtualScrollingDispatcher.horizontalVirtualScrolling) || void 0 === _this$virtualScrollin ? void 0 : _this$virtualScrollin.getRenderState()) || {});
                        _m_utils.utils.renovation.renderComponent(this, this.$allDayTable, _index2.AllDayTableComponent, "renovatedAllDayPanel", options);
                        _m_utils.utils.renovation.renderComponent(this, this.$allDayTitle, _index2.AllDayPanelTitleComponent, "renovatedAllDayPanelTitle", {})
                    }
                    this.updateAllDayVisibility();
                    this.updateScrollable()
                }
                renderRTimeTable() {
                    _m_utils.utils.renovation.renderComponent(this, this.$timePanel, _index2.TimePanelComponent, "renovatedTimePanel", {
                        viewContext: this.getR1ComponentsViewContext(),
                        timePanelData: this.viewDataProvider.timePanelData,
                        timeCellTemplate: this.option("timeCellTemplate"),
                        groupOrientation: this.option("groupOrientation")
                    })
                }
                renderRHeaderPanel() {
                    var _this$option5;
                    let isRenderDateHeader = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : true;
                    if (null !== (_this$option5 = this.option("groups")) && void 0 !== _this$option5 && _this$option5.length) {
                        this.attachGroupCountClass()
                    } else {
                        this.detachGroupCountClass()
                    }
                    _m_utils.utils.renovation.renderComponent(this, this._$thead, this.renovatedHeaderPanelComponent, "renovatedHeaderPanel", {
                        viewContext: this.getR1ComponentsViewContext(),
                        dateHeaderData: this.viewDataProvider.dateHeaderData,
                        groupPanelData: this.viewDataProvider.getGroupPanelData(this.generateRenderOptions()),
                        dateCellTemplate: this.option("dateCellTemplate"),
                        timeCellTemplate: this.option("timeCellTemplate"),
                        groups: this.option("groups"),
                        groupByDate: this.isGroupedByDate(),
                        groupOrientation: this.option("groupOrientation"),
                        resourceCellTemplate: this.option("resourceCellTemplate"),
                        isRenderDateHeader: isRenderDateHeader
                    })
                }
                initDragBehavior(scheduler) {
                    if (!this.dragBehavior && scheduler) {
                        this.dragBehavior = new _m_appointment_drag_behavior.default(scheduler);
                        const $rootElement = (0, _renderer.default)(scheduler.element());
                        this.createDragBehavior(this.getWorkArea(), $rootElement);
                        if (!this.isVerticalGroupedWorkSpace()) {
                            this.createDragBehavior(this._$allDayPanel, $rootElement)
                        }
                    }
                }
                createDragBehavior($targetElement, $rootElement) {
                    const options = {
                        getItemData: (itemElement, appointments) => appointments._getItemData(itemElement),
                        getItemSettings: $itemElement => $itemElement.data(_constants.APPOINTMENT_SETTINGS_KEY)
                    };
                    this.createDragBehaviorBase($targetElement, $rootElement, options)
                }
                createDragBehaviorBase(targetElement, rootElement, options) {
                    const container = this.$element().find(`.${_m_classes.FIXED_CONTAINER_CLASS}`);
                    this.dragBehavior.addTo(targetElement, createDragBehaviorConfig(container, rootElement, this.isDefaultDraggingMode, this.dragBehavior, () => {
                        if (!this.isDefaultDraggingMode) {
                            this.preventDefaultDragging = false
                        }
                    }, () => {
                        if (!this.isDefaultDraggingMode) {
                            this.preventDefaultDragging = true
                        }
                    }, () => this.getDroppableCell(), () => this.getDateTables(), () => this.removeDroppableCellClass(), () => this.getCellWidth(), options))
                }
                isRenderHeaderPanelEmptyCell() {
                    return this.isVerticalGroupedWorkSpace()
                }
                _dispose() {
                    super._dispose();
                    this.virtualScrollingDispatcher.dispose()
                }
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        currentDate: new Date,
                        intervalCount: 1,
                        startDate: null,
                        firstDayOfWeek: void 0,
                        startDayHour: 0,
                        endDayHour: 24,
                        viewOffset: 0,
                        hoursInterval: .5,
                        activeStateEnabled: true,
                        hoverStateEnabled: true,
                        groups: [],
                        showAllDayPanel: true,
                        allDayExpanded: false,
                        onCellClick: null,
                        crossScrollingEnabled: false,
                        dataCellTemplate: null,
                        timeCellTemplate: null,
                        resourceCellTemplate: null,
                        dateCellTemplate: null,
                        allowMultipleCellSelection: true,
                        indicatorTime: new Date,
                        indicatorUpdateInterval: 5 * toMs("minute"),
                        shadeUntilCurrentTime: true,
                        groupOrientation: "horizontal",
                        selectedCellData: [],
                        groupByDate: false,
                        scrolling: {
                            mode: "standard"
                        },
                        allDayPanelMode: "all",
                        renovateRender: true,
                        height: void 0,
                        draggingMode: "outlook",
                        onScrollEnd: () => {},
                        getHeaderHeight: void 0,
                        renderAppointments: () => {},
                        onShowAllDayPanel: () => {},
                        onSelectedCellsClick: () => {},
                        timeZoneCalculator: void 0,
                        schedulerHeight: void 0,
                        schedulerWidth: void 0
                    })
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "startDayHour":
                        case "endDayHour":
                        case "viewOffset":
                        case "dateCellTemplate":
                        case "resourceCellTemplate":
                        case "dataCellTemplate":
                        case "timeCellTemplate":
                        case "hoursInterval":
                        case "firstDayOfWeek":
                        case "currentDate":
                        case "startDate":
                            this.cleanWorkSpace();
                            break;
                        case "groups":
                            this.cleanView();
                            this.removeAllDayElements();
                            this.initGrouping();
                            this.repaint();
                            break;
                        case "groupOrientation":
                            this.initGroupedStrategy();
                            this.createAllDayPanelElements();
                            this.removeAllDayElements();
                            this.cleanWorkSpace();
                            this.toggleGroupByDateClass();
                            break;
                        case "showAllDayPanel":
                            if (this.isVerticalGroupedWorkSpace()) {
                                this.cleanView();
                                this.removeAllDayElements();
                                this.initGrouping();
                                this.repaint()
                            } else if (!this.isRenovatedRender()) {
                                this.updateAllDayVisibility();
                                this.updateScrollable()
                            } else {
                                this.renderWorkSpace()
                            }
                            break;
                        case "allDayExpanded":
                            this.updateAllDayExpansion();
                            this.attachTablesEvents();
                            this.updateScrollable();
                            break;
                        case "onSelectionChanged":
                            this.createSelectionChangedAction();
                            break;
                        case "onCellClick":
                            this.createCellClickAction();
                            break;
                        case "onCellContextMenu":
                            this.attachContextMenuEvent();
                            break;
                        case "intervalCount":
                            this.cleanWorkSpace();
                            this.toggleWorkSpaceCountClass();
                            break;
                        case "groupByDate":
                            this.cleanWorkSpace();
                            this.toggleGroupByDateClass();
                            break;
                        case "crossScrollingEnabled":
                            this.toggleHorizontalScrollClass();
                            this._dateTableScrollable.option(this.dateTableScrollableConfig());
                            break;
                        case "allDayPanelMode":
                            this.updateShowAllDayPanel();
                            this.renderAppointments();
                            break;
                        case "width":
                            super._optionChanged(args);
                            this._dimensionChanged();
                            break;
                        case "timeZoneCalculator":
                        case "allowMultipleCellSelection":
                        case "selectedCellData":
                            break;
                        case "renovateRender":
                        case "scrolling":
                            this.repaint();
                            break;
                        case "schedulerHeight":
                        case "schedulerWidth":
                            this.virtualScrollingDispatcher.updateDimensions(true);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                updateShowAllDayPanel() {
                    const isHiddenAllDayPanel = "hidden" === this.option("allDayPanelMode");
                    this.option("onShowAllDayPanel")(!isHiddenAllDayPanel)
                }
                getVirtualScrollingDispatcherOptions() {
                    return {
                        getCellHeight: this.getCellHeight.bind(this),
                        getCellWidth: this.getCellWidth.bind(this),
                        getCellMinWidth: this.getCellMinWidth.bind(this),
                        isRTL: this.isRTL.bind(this),
                        getSchedulerHeight: () => this.option("schedulerHeight"),
                        getSchedulerWidth: () => this.option("schedulerWidth"),
                        getViewHeight: () => this.$element().height ? this.$element().height() : (0, _size.getHeight)(this.$element()),
                        getViewWidth: () => this.$element().width ? this.$element().width() : (0, _size.getWidth)(this.$element()),
                        getWindowHeight: () => (0, _window.getWindow)().innerHeight,
                        getWindowWidth: () => (0, _window.getWindow)().innerWidth,
                        getScrolling: () => this.option("scrolling"),
                        getScrollableOuterWidth: this.getScrollableOuterWidth.bind(this),
                        getScrollable: this.getScrollable.bind(this),
                        createAction: this._createAction.bind(this),
                        updateRender: this.updateRender.bind(this),
                        updateGrid: this.updateGrid.bind(this),
                        getGroupCount: this._getGroupCount.bind(this),
                        isVerticalGrouping: this.isVerticalGroupedWorkSpace.bind(this),
                        getTotalRowCount: this.getTotalRowCount.bind(this),
                        getTotalCellCount: this.getTotalCellCount.bind(this)
                    }
                }
                cleanWorkSpace() {
                    this.cleanView();
                    this.toggleGroupedClass();
                    this.toggleWorkSpaceWithOddCells();
                    this.virtualScrollingDispatcher.updateDimensions(true);
                    this.renderView();
                    this.option("crossScrollingEnabled") && this.setTableSizes();
                    this.cache.clear()
                }
                _init() {
                    this.scrollSync = {};
                    this.viewDataProviderValue = null;
                    this.cellsSelectionStateValue = null;
                    super._init();
                    this.initGrouping();
                    this.toggleHorizontalScrollClass();
                    this.toggleWorkSpaceCountClass();
                    this.toggleGroupByDateClass();
                    this.toggleWorkSpaceWithOddCells();
                    this.$element().addClass("dx-scheduler-work-space").addClass(this.getElementClass())
                }
                initPositionHelper() {
                    this.positionHelper = new _m_position_helper.PositionHelper({
                        key: this.option("key"),
                        viewDataProvider: this.viewDataProvider,
                        viewStartDayHour: this.option("startDayHour"),
                        viewEndDayHour: this.option("endDayHour"),
                        cellDuration: this.getCellDuration(),
                        _groupedStrategy: this._groupedStrategy,
                        isGroupedByDate: this.isGroupedByDate(),
                        rtlEnabled: this.option("rtlEnabled"),
                        startViewDate: this.getStartViewDate(),
                        isVerticalGrouping: this.isVerticalGroupedWorkSpace(),
                        groupCount: this._getGroupCount(),
                        isVirtualScrolling: this.isVirtualScrolling(),
                        getDOMMetaDataCallback: this.getDOMElementsMetaData.bind(this)
                    })
                }
                initGrouping() {
                    this.initGroupedStrategy();
                    this.toggleGroupingDirectionClass();
                    this.toggleGroupByDateClass()
                }
                isVerticalOrientation() {
                    var _this$option6;
                    const orientation = null !== (_this$option6 = this.option("groups")) && void 0 !== _this$option6 && _this$option6.length ? this.option("groupOrientation") : this.getDefaultGroupStrategy();
                    return "vertical" === orientation
                }
                initGroupedStrategy() {
                    const Strategy = this.isVerticalOrientation() ? _m_work_space_grouped_strategy_vertical.default : _m_work_space_grouped_strategy_horizontal.default;
                    this._groupedStrategy = new Strategy(this)
                }
                getDefaultGroupStrategy() {
                    return "horizontal"
                }
                toggleHorizontalScrollClass() {
                    this.$element().toggleClass("dx-scheduler-work-space-both-scrollbar", this.option("crossScrollingEnabled"))
                }
                toggleGroupByDateClass() {
                    this.$element().toggleClass("dx-scheduler-work-space-group-by-date", this.isGroupedByDate())
                }
                toggleWorkSpaceCountClass() {
                    this.$element().toggleClass("dx-scheduler-work-space-count", this.isWorkSpaceWithCount())
                }
                toggleWorkSpaceWithOddCells() {
                    this.$element().toggleClass("dx-scheduler-work-space-odd-cells", this.isWorkspaceWithOddCells())
                }
                toggleGroupingDirectionClass() {
                    this.$element().toggleClass("dx-scheduler-work-space-vertical-grouped", this.isVerticalGroupedWorkSpace())
                }
                getDateTableCellClass(rowIndex, columnIndex) {
                    const cellClass = `${DATE_TABLE_CELL_CLASS} dx-scheduler-cell-sizes-horizontal dx-scheduler-cell-sizes-vertical`;
                    return this._groupedStrategy.addAdditionalGroupCellClasses(cellClass, columnIndex + 1, rowIndex, columnIndex)
                }
                getGroupHeaderClass(i) {
                    return this._groupedStrategy.addAdditionalGroupCellClasses("dx-scheduler-group-header", i + 1)
                }
                initWorkSpaceUnits() {
                    this._$headerPanelContainer = (0, _renderer.default)("<div>").addClass("dx-scheduler-header-panel-container");
                    this.$headerTablesContainer = (0, _renderer.default)("<div>").addClass("dx-scheduler-header-tables-container");
                    this._$headerPanel = (0, _renderer.default)("<table>").attr("aria-hidden", true);
                    this._$thead = (0, _renderer.default)("<thead>").appendTo(this._$headerPanel);
                    this.$headerPanelEmptyCell = (0, _renderer.default)("<div>").addClass("dx-scheduler-header-panel-empty-cell");
                    this.$allDayTable = (0, _renderer.default)("<table>").attr("aria-hidden", true);
                    this.$fixedContainer = (0, _renderer.default)("<div>").addClass(_m_classes.FIXED_CONTAINER_CLASS);
                    this.$allDayContainer = (0, _renderer.default)("<div>").addClass("dx-scheduler-all-day-appointments");
                    this._$dateTableScrollableContent = (0, _renderer.default)("<div>").addClass("dx-scheduler-date-table-scrollable-content");
                    this.$sidebarScrollableContent = (0, _renderer.default)("<div>").addClass("dx-scheduler-side-bar-scrollable-content");
                    this.initAllDayPanelElements();
                    if (this.isRenovatedRender()) {
                        this.createRAllDayPanelElements()
                    } else {
                        this.createAllDayPanelElements()
                    }
                    this.$timePanel = (0, _renderer.default)("<table>").addClass(_m_classes.TIME_PANEL_CLASS).attr("aria-hidden", true);
                    this._$dateTable = (0, _renderer.default)("<table>").attr("aria-hidden", true);
                    this.$dateTableContainer = (0, _renderer.default)("<div>").addClass("dx-scheduler-date-table-container");
                    this._$groupTable = (0, _renderer.default)("<div>").addClass("dx-scheduler-work-space-vertical-group-table")
                }
                initAllDayPanelElements() {
                    this.allDayTitles = [];
                    this.allDayTables = [];
                    this.allDayPanels = []
                }
                initDateTableScrollable() {
                    const $dateTableScrollable = (0, _renderer.default)("<div>").addClass("dx-scheduler-date-table-scrollable");
                    this._dateTableScrollable = this._createComponent($dateTableScrollable, _scrollable.default, this.dateTableScrollableConfig());
                    this.scrollSync.dateTable = (0, _scroll.getMemoizeScrollTo)(() => this._dateTableScrollable)
                }
                createWorkSpaceElements() {
                    if (this.option("crossScrollingEnabled")) {
                        this.createWorkSpaceScrollableElements()
                    } else {
                        this.createWorkSpaceStaticElements()
                    }
                }
                createWorkSpaceStaticElements() {
                    this.$dateTableContainer.append(this._$dateTable);
                    if (this.isVerticalGroupedWorkSpace()) {
                        this.$dateTableContainer.append(this.$allDayContainer);
                        this._$dateTableScrollableContent.append(this._$groupTable, this.$timePanel, this.$dateTableContainer);
                        this._dateTableScrollable.$content().append(this._$dateTableScrollableContent);
                        this.$headerTablesContainer.append(this._$headerPanel)
                    } else {
                        var _this$_$allDayPanel;
                        this._$dateTableScrollableContent.append(this.$timePanel, this.$dateTableContainer);
                        this._dateTableScrollable.$content().append(this._$dateTableScrollableContent);
                        this.$headerTablesContainer.append(this._$headerPanel, this._$allDayPanel);
                        null === (_this$_$allDayPanel = this._$allDayPanel) || void 0 === _this$_$allDayPanel || _this$_$allDayPanel.append(this.$allDayContainer, this.$allDayTable)
                    }
                    this.appendHeaderPanelEmptyCellIfNecessary();
                    this._$headerPanelContainer.append(this.$headerTablesContainer);
                    this.$element().append(this.$fixedContainer).append(this._$headerPanelContainer).append(this._dateTableScrollable.$element())
                }
                createWorkSpaceScrollableElements() {
                    this.$element().append(this.$fixedContainer);
                    this._$flexContainer = (0, _renderer.default)("<div>").addClass("dx-scheduler-work-space-flex-container");
                    this.createHeaderScrollable();
                    this.headerScrollable.$content().append(this._$headerPanel);
                    this.appendHeaderPanelEmptyCellIfNecessary();
                    this._$headerPanelContainer.append(this.$headerTablesContainer);
                    this.$element().append(this._$headerPanelContainer);
                    this.$element().append(this._$flexContainer);
                    this.createSidebarScrollable();
                    this._$flexContainer.append(this._dateTableScrollable.$element());
                    this.$dateTableContainer.append(this._$dateTable);
                    this._$dateTableScrollableContent.append(this.$dateTableContainer);
                    this._dateTableScrollable.$content().append(this._$dateTableScrollableContent);
                    if (this.isVerticalGroupedWorkSpace()) {
                        this.$dateTableContainer.append(this.$allDayContainer);
                        this.$sidebarScrollableContent.append(this._$groupTable, this.$timePanel)
                    } else {
                        var _this$_$allDayPanel2;
                        this.headerScrollable.$content().append(this._$allDayPanel);
                        null === (_this$_$allDayPanel2 = this._$allDayPanel) || void 0 === _this$_$allDayPanel2 || _this$_$allDayPanel2.append(this.$allDayContainer, this.$allDayTable);
                        this.$sidebarScrollableContent.append(this.$timePanel)
                    }
                    this._sidebarScrollable.$content().append(this.$sidebarScrollableContent)
                }
                appendHeaderPanelEmptyCellIfNecessary() {
                    this.isRenderHeaderPanelEmptyCell() && this._$headerPanelContainer.append(this.$headerPanelEmptyCell)
                }
                createHeaderScrollable() {
                    const $headerScrollable = (0, _renderer.default)("<div>").addClass("dx-scheduler-header-scrollable").appendTo(this.$headerTablesContainer);
                    this.headerScrollable = this._createComponent($headerScrollable, _scrollable.default, this.headerScrollableConfig());
                    this.scrollSync.header = (0, _scroll.getMemoizeScrollTo)(() => this.headerScrollable)
                }
                createSidebarScrollable() {
                    const $timePanelScrollable = (0, _renderer.default)("<div>").addClass("dx-scheduler-sidebar-scrollable").appendTo(this._$flexContainer);
                    this._sidebarScrollable = this._createComponent($timePanelScrollable, _scrollable.default, {
                        useKeyboard: false,
                        showScrollbar: "never",
                        direction: "vertical",
                        useNative: false,
                        updateManually: true,
                        bounceEnabled: false,
                        onScroll: event => {
                            this.scrollSync.dateTable({
                                top: event.scrollOffset.top
                            })
                        }
                    });
                    this.scrollSync.sidebar = (0, _scroll.getMemoizeScrollTo)(() => this._sidebarScrollable)
                }
                attachTableClasses() {
                    this.addTableClass(this._$dateTable, _m_classes.DATE_TABLE_CLASS);
                    if (this.isVerticalGroupedWorkSpace()) {
                        const groupCount = this._getGroupCount();
                        for (let i = 0; i < groupCount; i++) {
                            this.addTableClass(this.allDayTables[i], "dx-scheduler-all-day-table")
                        }
                    } else if (!this.isRenovatedRender()) {
                        this.addTableClass(this.$allDayTable, "dx-scheduler-all-day-table")
                    }
                }
                attachHeaderTableClasses() {
                    this.addTableClass(this._$headerPanel, "dx-scheduler-header-panel")
                }
                addTableClass($el, className) {
                    $el && !$el.hasClass(className) && $el.addClass(className)
                }
                _initMarkup() {
                    this.cache.clear();
                    this.initWorkSpaceUnits();
                    this.initVirtualScrolling();
                    this.initDateTableScrollable();
                    this.createWorkSpaceElements();
                    super._initMarkup();
                    if (!this.option("crossScrollingEnabled")) {
                        this.attachTableClasses();
                        this.attachHeaderTableClasses()
                    }
                    this.toggleGroupedClass();
                    this.renderView();
                    this.attachEvents()
                }
                _render() {
                    super._render();
                    this.renderDateTimeIndication();
                    this.setIndicationUpdateInterval()
                }
                toggleGroupedClass() {
                    this.$element().toggleClass("dx-scheduler-work-space-grouped", this._getGroupCount() > 0)
                }
                renderView() {
                    if (this.isRenovatedRender()) {
                        if (this.isVerticalGroupedWorkSpace()) {
                            this.renderRGroupPanel()
                        }
                    } else {
                        this.applyCellTemplates(this.renderGroupHeader())
                    }
                    this.renderWorkSpace();
                    if (this.isRenovatedRender()) {
                        this.virtualScrollingDispatcher.updateDimensions()
                    }
                    this.updateGroupTableHeight();
                    this.updateHeaderEmptyCellWidth();
                    this._shader = new _current_time_shader_vertical.default(this)
                }
                updateCellsSelection() {
                    const renderOptions = this.generateRenderOptions();
                    this.viewDataProvider.updateViewData(renderOptions);
                    this.renderRWorkSpace({
                        timePanel: true,
                        dateTable: true,
                        allDayPanel: true
                    })
                }
                renderDateTimeIndication() {
                    return (0, _common.noop)()
                }
                renderCurrentDateTimeLineAndShader() {
                    return (0, _common.noop)()
                }
                renderCurrentDateTimeIndication() {
                    return (0, _common.noop)()
                }
                setIndicationUpdateInterval() {
                    return (0, _common.noop)()
                }
                detachGroupCountClass() {
                    _m_classes.VERTICAL_GROUP_COUNT_CLASSES.forEach(className => {
                        this.$element().removeClass(className)
                    })
                }
                attachGroupCountClass() {
                    const className = this._groupedStrategy.getGroupCountClass(this.option("groups"));
                    this.$element().addClass(className)
                }
                getDateHeaderTemplate() {
                    return this.option("dateCellTemplate")
                }
                updateAllDayVisibility() {
                    this.$element().toggleClass("dx-scheduler-work-space-all-day", this.isShowAllDayPanel());
                    this.updateAllDayExpansion()
                }
                updateAllDayExpansion() {
                    const isExpanded = !this.option("allDayExpanded") && this.isShowAllDayPanel();
                    this.cache.clear();
                    this.$element().toggleClass("dx-scheduler-work-space-all-day-collapsed", isExpanded)
                }
                getDateTables() {
                    return this._$dateTable.add(this.$allDayTable)
                }
                getDateTable() {
                    return this._$dateTable
                }
                removeAllDayElements() {
                    var _this$$allDayTable, _this$$allDayTitle;
                    null === (_this$$allDayTable = this.$allDayTable) || void 0 === _this$$allDayTable || _this$$allDayTable.remove();
                    null === (_this$$allDayTitle = this.$allDayTitle) || void 0 === _this$$allDayTitle || _this$$allDayTitle.remove()
                }
                cleanView() {
                    var _this$_shader;
                    this.cache.clear();
                    this.cleanTableWidths();
                    this.cellsSelectionState.clearSelectedAndFocusedCells();
                    if (!this.isRenovatedRender()) {
                        var _this$$allDayTable2, _this$$sidebarTable;
                        this._$thead.empty();
                        this._$dateTable.empty();
                        this.$timePanel.empty();
                        this._$groupTable.empty();
                        null === (_this$$allDayTable2 = this.$allDayTable) || void 0 === _this$$allDayTable2 || _this$$allDayTable2.empty();
                        null === (_this$$sidebarTable = this.$sidebarTable) || void 0 === _this$$sidebarTable || _this$$sidebarTable.empty()
                    }
                    null === (_this$_shader = this._shader) || void 0 === _this$_shader || _this$_shader.clean();
                    delete this.interval
                }
                _clean() {
                    _events_engine.default.off(_dom_adapter.default.getDocument(), SCHEDULER_CELL_DXPOINTERUP_EVENT_NAME);
                    this.disposeRenovatedComponents();
                    super._clean()
                }
                cleanTableWidths() {
                    var _this$$allDayTable3;
                    this._$headerPanel.css("width", "");
                    this._$dateTable.css("width", "");
                    null === (_this$$allDayTable3 = this.$allDayTable) || void 0 === _this$$allDayTable3 || _this$$allDayTable3.css("width", "")
                }
                disposeRenovatedComponents() {
                    var _this$renovatedAllDay, _this$renovatedDateTa, _this$renovatedTimePa, _this$renovatedGroupP, _this$renovatedHeader;
                    null === (_this$renovatedAllDay = this.renovatedAllDayPanel) || void 0 === _this$renovatedAllDay || _this$renovatedAllDay.dispose();
                    this.renovatedAllDayPanel = void 0;
                    null === (_this$renovatedDateTa = this.renovatedDateTable) || void 0 === _this$renovatedDateTa || _this$renovatedDateTa.dispose();
                    this.renovatedDateTable = void 0;
                    null === (_this$renovatedTimePa = this.renovatedTimePanel) || void 0 === _this$renovatedTimePa || _this$renovatedTimePa.dispose();
                    this.renovatedTimePanel = void 0;
                    null === (_this$renovatedGroupP = this.renovatedGroupPanel) || void 0 === _this$renovatedGroupP || _this$renovatedGroupP.dispose();
                    this.renovatedGroupPanel = void 0;
                    null === (_this$renovatedHeader = this.renovatedHeaderPanel) || void 0 === _this$renovatedHeader || _this$renovatedHeader.dispose();
                    this.renovatedHeaderPanel = void 0
                }
                getGroupedStrategy() {
                    return this._groupedStrategy
                }
                getFixedContainer() {
                    return this.$fixedContainer
                }
                getAllDayContainer() {
                    return this.$allDayContainer
                }
                updateRender() {
                    this.renderer.updateRender()
                }
                updateGrid() {
                    this.renderer._renderGrid()
                }
                renderAppointments() {
                    var _this$dragBehavior2;
                    this.option("renderAppointments")();
                    null === (_this$dragBehavior2 = this.dragBehavior) || void 0 === _this$dragBehavior2 || _this$dragBehavior2.updateDragSource()
                }
                createAllDayPanelElements() {
                    const groupCount = this._getGroupCount();
                    if (this.isVerticalGroupedWorkSpace() && 0 !== groupCount) {
                        for (let i = 0; i < groupCount; i++) {
                            const $allDayTitle = (0, _renderer.default)("<div>").addClass("dx-scheduler-all-day-title").text(_message.default.format("dxScheduler-allDay"));
                            this.allDayTitles.push($allDayTitle);
                            this.$allDayTable = (0, _renderer.default)("<table>").attr("aria-hidden", true);
                            this.allDayTables.push(this.$allDayTable);
                            this._$allDayPanel = (0, _renderer.default)("<div>").addClass("dx-scheduler-all-day-panel").append(this.$allDayTable);
                            this.allDayPanels.push(this._$allDayPanel)
                        }
                    } else {
                        this.$allDayTitle = (0, _renderer.default)("<div>").addClass("dx-scheduler-all-day-title").text(_message.default.format("dxScheduler-allDay")).appendTo(this.$element());
                        this.$allDayTable = (0, _renderer.default)("<table>").attr("aria-hidden", true);
                        this._$allDayPanel = (0, _renderer.default)("<div>").addClass("dx-scheduler-all-day-panel").append(this.$allDayTable)
                    }
                }
                renderWorkSpace() {
                    let {
                        generateNewData: generateNewData,
                        renderComponents: renderComponents
                    } = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : DEFAULT_WORKSPACE_RENDER_OPTIONS;
                    this.cache.clear();
                    this.viewDataProvider.update(this.generateRenderOptions(), generateNewData);
                    if (this.isRenovatedRender()) {
                        this.renderRWorkSpace(renderComponents)
                    } else {
                        this.renderDateHeader();
                        this.renderTimePanel();
                        this.renderGroupAllDayPanel();
                        this.renderDateTable();
                        this.renderAllDayPanel()
                    }
                    this.initPositionHelper()
                }
                renderGroupHeader() {
                    const $container = this.getGroupHeaderContainer();
                    const groupCount = this._getGroupCount();
                    let cellTemplates = [];
                    if (groupCount) {
                        const groupRows = this.makeGroupRows(this.option("groups"), this.option("groupByDate"));
                        this.attachGroupCountClass();
                        $container.append(groupRows.elements);
                        cellTemplates = groupRows.cellTemplates
                    } else {
                        this.detachGroupCountClass()
                    }
                    return cellTemplates
                }
                applyCellTemplates(templates) {
                    null === templates || void 0 === templates || templates.forEach(template => {
                        template()
                    })
                }
                makeGroupRows(groups, groupByDate) {
                    const tableCreatorStrategy = this.isVerticalGroupedWorkSpace() ? tableCreator.VERTICAL : tableCreator.HORIZONTAL;
                    return tableCreator.makeGroupedTable(tableCreatorStrategy, groups, {
                        groupHeaderRowClass: _m_classes.GROUP_ROW_CLASS,
                        groupRowClass: _m_classes.GROUP_ROW_CLASS,
                        groupHeaderClass: this.getGroupHeaderClass.bind(this),
                        groupHeaderContentClass: _m_classes.GROUP_HEADER_CONTENT_CLASS
                    }, this._getCellCount() || 1, this.option("resourceCellTemplate"), this._getGroupCount(), groupByDate)
                }
                renderDateHeader() {
                    const container = this.getDateHeaderContainer();
                    const $headerRow = (0, _renderer.default)("<tr>").addClass("dx-scheduler-header-row");
                    const count = this._getCellCount();
                    const cellTemplate = this.getDateHeaderTemplate();
                    const repeatCount = this.getCalculateHeaderCellRepeatCount();
                    const templateCallbacks = [];
                    const groupByDate = this.isGroupedByDate();
                    if (!groupByDate) {
                        for (let rowIndex = 0; rowIndex < repeatCount; rowIndex++) {
                            for (let columnIndex = 0; columnIndex < count; columnIndex++) {
                                const templateIndex = rowIndex * count + columnIndex;
                                this.renderDateHeaderTemplate($headerRow, columnIndex, templateIndex, cellTemplate, templateCallbacks)
                            }
                        }
                        container.append($headerRow)
                    } else {
                        const colSpan = groupByDate ? this._getGroupCount() : 1;
                        for (let columnIndex = 0; columnIndex < count; columnIndex++) {
                            const templateIndex = columnIndex * repeatCount;
                            const cellElement = this.renderDateHeaderTemplate($headerRow, columnIndex, templateIndex, cellTemplate, templateCallbacks);
                            cellElement.attr("colSpan", colSpan)
                        }
                        container.prepend($headerRow)
                    }
                    this.applyCellTemplates(templateCallbacks);
                    return $headerRow
                }
                renderDateHeaderTemplate(container, panelCellIndex, templateIndex, cellTemplate, templateCallbacks) {
                    const validTemplateIndex = this.isGroupedByDate() ? Math.floor(templateIndex / this._getGroupCount()) : templateIndex;
                    const {
                        completeDateHeaderMap: completeDateHeaderMap
                    } = this.viewDataProvider;
                    const {
                        text: text,
                        startDate: date
                    } = completeDateHeaderMap[completeDateHeaderMap.length - 1][validTemplateIndex];
                    const $cell = (0, _renderer.default)("<th>").addClass(this.getHeaderPanelCellClass(panelCellIndex)).attr("title", text);
                    if (null !== cellTemplate && void 0 !== cellTemplate && cellTemplate.render) {
                        templateCallbacks.push(cellTemplate.render.bind(cellTemplate, {
                            model: Object.assign({
                                text: text,
                                date: date
                            }, this.getGroupsForDateHeaderTemplate(templateIndex)),
                            index: templateIndex,
                            container: (0, _element.getPublicElement)($cell)
                        }))
                    } else {
                        $cell.text(text)
                    }
                    container.append($cell);
                    return $cell
                }
                getGroupsForDateHeaderTemplate(templateIndex) {
                    let indexMultiplier = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 1;
                    if (this._isHorizontalGroupedWorkSpace() && !this.isGroupedByDate()) {
                        const groupIndex = this.getGroupIndex(0, templateIndex * indexMultiplier);
                        const groups = (0, _group_utils.getLeafGroupValues)(this.resourceManager.groupsLeafs, groupIndex);
                        return {
                            groups: groups,
                            groupIndex: groupIndex
                        }
                    }
                    return {}
                }
                getHeaderPanelCellClass(i) {
                    return this._groupedStrategy.addAdditionalGroupCellClasses("dx-scheduler-header-panel-cell dx-scheduler-cell-sizes-horizontal", i + 1, void 0, void 0, this.isGroupedByDate())
                }
                renderAllDayPanel(index) {
                    let cellCount = this._getCellCount();
                    if (!this.isVerticalGroupedWorkSpace()) {
                        cellCount *= this._getGroupCount() || 1
                    }
                    const cellTemplates = this.renderTableBody({
                        container: this.allDayPanels.length ? (0, _element.getPublicElement)(this.allDayTables[index]) : (0, _element.getPublicElement)(this.$allDayTable),
                        rowCount: 1,
                        cellCount: cellCount,
                        cellClass: this.getAllDayPanelCellClass.bind(this),
                        rowClass: "dx-scheduler-all-day-table-row",
                        cellTemplate: this.option("dataCellTemplate"),
                        getCellData: this.oldRenderGetAllDayCellData(index),
                        groupIndex: index
                    }, true);
                    this.updateAllDayVisibility();
                    this.updateScrollable();
                    this.applyCellTemplates(cellTemplates)
                }
                renderGroupAllDayPanel() {
                    if (this.isVerticalGroupedWorkSpace()) {
                        const groupCount = this._getGroupCount();
                        for (let i = 0; i < groupCount; i++) {
                            this.renderAllDayPanel(i)
                        }
                    }
                }
                getAllDayPanelCellClass(i, j) {
                    const cellClass = `${ALL_DAY_TABLE_CELL_CLASS} dx-scheduler-cell-sizes-horizontal`;
                    return this._groupedStrategy.addAdditionalGroupCellClasses(cellClass, j + 1)
                }
                renderTimePanel() {
                    const repeatCount = this._groupedStrategy.calculateTimeCellRepeatCount();
                    const getData = (rowIndex, field) => {
                        let allDayPanelsCount = 0;
                        if (this.isAllDayPanelVisible) {
                            allDayPanelsCount = 1
                        }
                        if (this.isGroupedAllDayPanel()) {
                            allDayPanelsCount = Math.ceil((rowIndex + 1) / this.getRowCount())
                        }
                        const validRowIndex = rowIndex + allDayPanelsCount;
                        return this.viewDataProvider.completeTimePanelMap[validRowIndex][field]
                    };
                    this.renderTableBody({
                        container: (0, _element.getPublicElement)(this.$timePanel),
                        rowCount: this.getTimePanelRowCount() * repeatCount,
                        cellCount: 1,
                        cellClass: this.getTimeCellClass.bind(this),
                        rowClass: "dx-scheduler-time-panel-row",
                        cellTemplate: this.option("timeCellTemplate"),
                        getCellText: rowIndex => getData(rowIndex, "text"),
                        getCellDate: rowIndex => getData(rowIndex, "startDate"),
                        groupCount: this._getCellCount(),
                        allDayElements: this.insertAllDayRowsIntoDateTable() ? this.allDayTitles : void 0,
                        getTemplateData: (rowIndex => {
                            if (!this.isVerticalGroupedWorkSpace()) {
                                return {}
                            }
                            const groupIndex = this.getGroupIndex(rowIndex, 0);
                            const groups = (0, _group_utils.getLeafGroupValues)(this.resourceManager.groupsLeafs, groupIndex);
                            return {
                                groupIndex: groupIndex,
                                groups: groups
                            }
                        }).bind(this)
                    })
                }
                getTimeCellClass(i) {
                    const cellClass = "dx-scheduler-time-panel-cell dx-scheduler-cell-sizes-vertical";
                    return this.isVerticalGroupedWorkSpace() ? this._groupedStrategy.addAdditionalGroupCellClasses(cellClass, i, i) : cellClass
                }
                renderDateTable() {
                    const groupCount = this._getGroupCount();
                    this.renderTableBody({
                        container: (0, _element.getPublicElement)(this._$dateTable),
                        rowCount: this.getTotalRowCount(groupCount),
                        cellCount: this.getTotalCellCount(groupCount),
                        cellClass: this.getDateTableCellClass.bind(this),
                        rowClass: _m_classes.DATE_TABLE_ROW_CLASS,
                        cellTemplate: this.option("dataCellTemplate"),
                        getCellData: (_, rowIndex, columnIndex) => {
                            const isGroupedAllDayPanel = this.isGroupedAllDayPanel();
                            let validRowIndex = rowIndex;
                            if (isGroupedAllDayPanel) {
                                const rowCount = this.getRowCount();
                                const allDayPanelsCount = Math.ceil(rowIndex / rowCount);
                                validRowIndex += allDayPanelsCount
                            }
                            const {
                                cellData: cellData
                            } = this.viewDataProvider.viewDataMap.dateTableMap[validRowIndex][columnIndex];
                            return {
                                value: this.normalizeCellData(cellData),
                                fullValue: cellData,
                                key: "dxCellData"
                            }
                        },
                        allDayElements: this.insertAllDayRowsIntoDateTable() ? this.allDayPanels : void 0,
                        groupCount: groupCount,
                        groupByDate: this.option("groupByDate")
                    })
                }
                insertAllDayRowsIntoDateTable() {
                    return this._groupedStrategy.insertAllDayRowsIntoDateTable()
                }
                renderTableBody(options, delayCellTemplateRendering) {
                    let result = [];
                    if (!delayCellTemplateRendering) {
                        this.applyCellTemplates(tableCreator.makeTable(options))
                    } else {
                        result = tableCreator.makeTable(options)
                    }
                    return result
                }
            }
            const createDragBehaviorConfig = (container, rootElement, isDefaultDraggingMode, dragBehavior, enableDefaultDragging, disableDefaultDragging, getDroppableCell, getDateTables, removeDroppableCellClass, getCellWidth, options) => {
                const state = {
                    dragElement: void 0,
                    itemData: void 0
                };
                const isItemDisabled = () => {
                    const {
                        itemData: itemData
                    } = state;
                    if (itemData) {
                        const getter = (0, _data.compileGetter)("disabled");
                        return getter(itemData)
                    }
                    return true
                };
                const cursorOffset = options.isSetCursorOffset ? () => {
                    const $dragElement = (0, _renderer.default)(state.dragElement);
                    return {
                        x: (0, _size.getWidth)($dragElement) / 2,
                        y: (0, _size.getHeight)($dragElement) / 2
                    }
                } : void 0;
                return {
                    container: container,
                    dragTemplate: () => state.dragElement,
                    onDragStart: e => {
                        if (!isDefaultDraggingMode) {
                            disableDefaultDragging()
                        }
                        const canceled = e.cancel;
                        const {
                            event: event
                        } = e;
                        const $itemElement = (0, _renderer.default)(e.itemElement);
                        const appointments = e.component._appointments;
                        state.itemData = options.getItemData(e.itemElement, appointments);
                        const settings = options.getItemSettings($itemElement, e);
                        const {
                            initialPosition: initialPosition
                        } = options;
                        if (!isItemDisabled()) {
                            event.data = event.data || {};
                            if (!canceled) {
                                if (!settings.isCompact) {
                                    dragBehavior.updateDragSource(state.itemData, settings)
                                }
                                state.dragElement = ((itemData, settings, appointments) => {
                                    const appointmentIndex = appointments.option("items").length;
                                    const $item = appointments._renderItem(appointmentIndex, Object.assign({
                                        itemData: itemData
                                    }, settings, {
                                        isCompact: false,
                                        virtual: false,
                                        sortedIndex: -1
                                    }));
                                    return $item
                                })(state.itemData, settings, appointments);
                                event.data.itemElement = state.dragElement;
                                event.data.initialPosition = initialPosition ?? (0, _translator.locate)((0, _renderer.default)(state.dragElement));
                                event.data.itemData = state.itemData;
                                event.data.itemSettings = settings;
                                dragBehavior.onDragStart(event.data);
                                (0, _translator.resetPosition)((0, _renderer.default)(state.dragElement))
                            }
                        }
                    },
                    onDragMove: () => {
                        if (isDefaultDraggingMode) {
                            return
                        }
                        const elements = (() => {
                            const appointmentWidth = (0, _size.getWidth)(state.dragElement);
                            const cellWidth = getCellWidth();
                            const isWideAppointment = appointmentWidth > cellWidth;
                            const isNarrowAppointment = appointmentWidth <= 10;
                            const dragElementContainer = (0, _renderer.default)(state.dragElement).parent().get(0);
                            const boundingRect = (0, _position.getBoundingRect)(dragElementContainer);
                            const newX = boundingRect.left;
                            const newY = boundingRect.top;
                            if (isWideAppointment) {
                                return _dom_adapter.default.elementsFromPoint(newX + 10, newY + 10, dragElementContainer)
                            }
                            if (isNarrowAppointment) {
                                return _dom_adapter.default.elementsFromPoint(newX, newY, dragElementContainer)
                            }
                            return _dom_adapter.default.elementsFromPoint(newX + appointmentWidth / 2, newY + 10, dragElementContainer)
                        })();
                        const isMoveUnderControl = Boolean(elements.find(el => el === rootElement.get(0)));
                        const dateTables = getDateTables();
                        const droppableCell = elements.find(el => {
                            const {
                                classList: classList
                            } = el;
                            const isCurrentSchedulerElement = 1 === dateTables.find(el).length;
                            return isCurrentSchedulerElement && (classList.contains(DATE_TABLE_CELL_CLASS) || classList.contains(ALL_DAY_TABLE_CELL_CLASS))
                        });
                        if (droppableCell) {
                            if (!getDroppableCell().is(droppableCell)) {
                                removeDroppableCellClass()
                            }(0, _renderer.default)(droppableCell).addClass("dx-scheduler-date-table-droppable-cell")
                        } else if (!isMoveUnderControl) {
                            removeDroppableCellClass()
                        }
                    },
                    onDragEnd: e => {
                        var _state$dragElement;
                        if (!isDefaultDraggingMode) {
                            enableDefaultDragging()
                        }
                        if (!isItemDisabled()) {
                            dragBehavior.onDragEnd(e)
                        }
                        null === (_state$dragElement = state.dragElement) || void 0 === _state$dragElement || _state$dragElement.remove();
                        removeDroppableCellClass()
                    },
                    onDragCancel: e => {
                        var _e$itemElement, _e$itemElement$remove;
                        if (!isDefaultDraggingMode) {
                            enableDefaultDragging()
                        }
                        removeDroppableCellClass();
                        null === (_e$itemElement = e.itemElement) || void 0 === _e$itemElement || null === (_e$itemElement$remove = _e$itemElement.removeClass) || void 0 === _e$itemElement$remove || _e$itemElement$remove.call(_e$itemElement, _m_classes.APPOINTMENT_DRAG_SOURCE_CLASS)
                    },
                    cursorOffset: cursorOffset,
                    filter: options.filter
                }
            };
            exports.default = SchedulerWorkSpace
        },
        83216(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _constants_view = __webpack_require__( /*! ../utils/options/constants_view */ 43582);
            var _m_work_space_vertical = _interopRequireDefault(__webpack_require__( /*! ./m_work_space_vertical */ 19402));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class SchedulerWorkSpaceDay extends _m_work_space_vertical.default {
                get type() {
                    return _constants_view.VIEWS.DAY
                }
                getElementClass() {
                    return "dx-scheduler-work-space-day"
                }
                renderDateHeader() {
                    return 1 === this.option("intervalCount") ? null : super.renderDateHeader()
                }
                renderRHeaderPanel() {
                    if (1 === this.option("intervalCount")) {
                        super.renderRHeaderPanel(false)
                    } else {
                        super.renderRHeaderPanel(true)
                    }
                }
            }(0, _component_registrator.default)("dxSchedulerWorkSpaceDay", SchedulerWorkSpaceDay);
            exports.default = SchedulerWorkSpaceDay
        },
        24005(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _position = __webpack_require__( /*! ../../../core/utils/position */ 41639);
            var _const = __webpack_require__( /*! ../../scheduler/workspaces/const */ 79674);
            var _m_classes = __webpack_require__( /*! ../m_classes */ 80126);
            exports.default = class {
                constructor(_workSpace) {
                    this._workSpace = _workSpace
                }
                prepareCellIndexes(cellCoordinates, groupIndex, inAllDay) {
                    const groupByDay = this._workSpace.isGroupedByDate();
                    if (!groupByDay) {
                        return {
                            rowIndex: cellCoordinates.rowIndex,
                            columnIndex: cellCoordinates.columnIndex + groupIndex * this._workSpace._getCellCount()
                        }
                    }
                    return {
                        rowIndex: cellCoordinates.rowIndex,
                        columnIndex: cellCoordinates.columnIndex * this._workSpace._getGroupCount() + groupIndex
                    }
                }
                getGroupIndex(rowIndex, columnIndex) {
                    const groupByDay = this._workSpace.isGroupedByDate();
                    const groupCount = this._workSpace._getGroupCount();
                    if (groupByDay) {
                        return columnIndex % groupCount
                    }
                    return Math.floor(columnIndex / this._workSpace._getCellCount())
                }
                calculateHeaderCellRepeatCount() {
                    return this._workSpace._getGroupCount() || 1
                }
                insertAllDayRowsIntoDateTable() {
                    return false
                }
                getTotalCellCount(groupCount) {
                    groupCount = groupCount || 1;
                    return this._workSpace._getCellCount() * groupCount
                }
                getTotalRowCount() {
                    return this._workSpace.getRowCount()
                }
                calculateTimeCellRepeatCount() {
                    return 1
                }
                getWorkSpaceMinWidth() {
                    const workSpaceElementWidth = (0, _position.getBoundingRect)(this._workSpace.$element().get(0)).width;
                    return workSpaceElementWidth - this._workSpace.getTimePanelWidth() - 2 * _const.WORK_SPACE_BORDER_PX
                }
                getAllDayOffset() {
                    return this._workSpace.getAllDayHeight()
                }
                getGroupCountClass(groups) {
                    return
                }
                getLeftOffset() {
                    return this._workSpace.getTimePanelWidth()
                }
                createGroupBoundOffset(startCell, endCell, cellWidth) {
                    const extraOffset = cellWidth / 2;
                    const startOffset = startCell ? startCell.offset().left - extraOffset : 0;
                    const endOffset = endCell ? endCell.offset().left + cellWidth + extraOffset : 0;
                    return {
                        left: startOffset,
                        right: endOffset,
                        top: 0,
                        bottom: 0
                    }
                }
                getGroupedByDateBoundOffset($cells, cellWidth) {
                    const lastCellIndex = $cells.length - 1;
                    const startCell = $cells.eq(0);
                    const endCell = $cells.eq(lastCellIndex);
                    return this.createGroupBoundOffset(startCell, endCell, cellWidth)
                }
                getGroupBoundsOffset(cellCount, $cells, cellWidth, coordinates, groupedDataMap) {
                    if (this._workSpace.isGroupedByDate()) {
                        return this.getGroupedByDateBoundOffset($cells, cellWidth)
                    }
                    let startCell;
                    let endCell;
                    const cellIndex = this._workSpace.getCellIndexByCoordinates(coordinates);
                    const groupIndex = coordinates.groupIndex || Math.floor(cellIndex / cellCount);
                    const currentCellGroup = groupedDataMap.dateTableGroupedMap[groupIndex];
                    if (currentCellGroup) {
                        const groupRowLength = currentCellGroup[0].length;
                        const groupStartPosition = currentCellGroup[0][0].position;
                        const groupEndPosition = currentCellGroup[0][groupRowLength - 1].position;
                        startCell = $cells.eq(groupStartPosition.columnIndex);
                        endCell = $cells.eq(groupEndPosition.columnIndex)
                    }
                    return this.createGroupBoundOffset(startCell, endCell, cellWidth)
                }
                shiftIndicator($indicator, height, rtlOffset, groupIndex) {
                    const offset = this.getIndicatorOffset(groupIndex);
                    const horizontalOffset = rtlOffset ? rtlOffset - offset : offset;
                    $indicator.css("left", horizontalOffset);
                    $indicator.css("top", height)
                }
                getIndicatorOffset(groupIndex) {
                    const groupByDay = this._workSpace.isGroupedByDate();
                    return groupByDay ? this.calculateGroupByDateOffset(groupIndex) : this.calculateOffset(groupIndex)
                }
                calculateOffset(groupIndex) {
                    const indicatorStartPosition = this._workSpace.getIndicatorOffset(groupIndex);
                    const offset = this._workSpace._getCellCount() * this._workSpace.getCellWidth() * groupIndex;
                    return indicatorStartPosition + offset
                }
                calculateGroupByDateOffset(groupIndex) {
                    return this._workSpace.getIndicatorOffset(0) * this._workSpace._getGroupCount() + this._workSpace.getCellWidth() * groupIndex
                }
                getShaderOffset(i, width) {
                    const offset = this._workSpace._getCellCount() * this._workSpace.getCellWidth() * i;
                    return this._workSpace.option("rtlEnabled") ? (0, _position.getBoundingRect)(this._workSpace._dateTableScrollable.$content().get(0)).width - offset - this._workSpace.getTimePanelWidth() - width : offset
                }
                getShaderTopOffset(i) {
                    return -this.getShaderMaxHeight() * (i > 0 ? 1 : 0)
                }
                getShaderHeight() {
                    const height = this._workSpace.getIndicationHeight();
                    return height
                }
                getShaderMaxHeight() {
                    return (0, _position.getBoundingRect)(this._workSpace._dateTableScrollable.$content().get(0)).height
                }
                getShaderWidth() {
                    return this._workSpace.getIndicationWidth()
                }
                getScrollableScrollTop(allDay) {
                    return !allDay ? this._workSpace.getScrollable().scrollTop() : 0
                }
                addAdditionalGroupCellClasses(cellClass, index, i, j) {
                    let applyUnconditionally = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : false;
                    cellClass = this.addLastGroupCellClass(cellClass, index, applyUnconditionally);
                    return this.addFirstGroupCellClass(cellClass, index, applyUnconditionally)
                }
                addLastGroupCellClass(cellClass, index, applyUnconditionally) {
                    if (applyUnconditionally) {
                        return `${cellClass} ${_m_classes.LAST_GROUP_CELL_CLASS}`
                    }
                    const groupByDate = this._workSpace.isGroupedByDate();
                    if (groupByDate) {
                        if (index % this._workSpace._getGroupCount() === 0) {
                            return `${cellClass} ${_m_classes.LAST_GROUP_CELL_CLASS}`
                        }
                    } else if (index % this._workSpace._getCellCount() === 0) {
                        return `${cellClass} ${_m_classes.LAST_GROUP_CELL_CLASS}`
                    }
                    return cellClass
                }
                addFirstGroupCellClass(cellClass, index, applyUnconditionally) {
                    if (applyUnconditionally) {
                        return `${cellClass} ${_m_classes.FIRST_GROUP_CELL_CLASS}`
                    }
                    const groupByDate = this._workSpace.isGroupedByDate();
                    if (groupByDate) {
                        if ((index - 1) % this._workSpace._getGroupCount() === 0) {
                            return `${cellClass} ${_m_classes.FIRST_GROUP_CELL_CLASS}`
                        }
                    } else if ((index - 1) % this._workSpace._getCellCount() === 0) {
                        return `${cellClass} ${_m_classes.FIRST_GROUP_CELL_CLASS}`
                    }
                    return cellClass
                }
            }
        },
        16259(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _position = __webpack_require__( /*! ../../../core/utils/position */ 41639);
            var _index = __webpack_require__( /*! ../../scheduler/r1/utils/index */ 34396);
            var _const = __webpack_require__( /*! ../../scheduler/workspaces/const */ 79674);
            var _global_cache = __webpack_require__( /*! ../global_cache */ 23710);
            var _m_classes = __webpack_require__( /*! ../m_classes */ 80126);
            exports.default = class {
                constructor(_workSpace) {
                    this._workSpace = _workSpace;
                    this.cache = new _global_cache.Cache
                }
                prepareCellIndexes(cellCoordinates, groupIndex, inAllDayRow) {
                    let rowIndex = cellCoordinates.rowIndex + groupIndex * this._workSpace.getRowCount();
                    if (this._workSpace.supportAllDayRow() && this._workSpace.option("showAllDayPanel")) {
                        rowIndex += groupIndex;
                        if (!inAllDayRow) {
                            rowIndex += 1
                        }
                    }
                    return {
                        rowIndex: rowIndex,
                        columnIndex: cellCoordinates.columnIndex
                    }
                }
                getGroupIndex(rowIndex) {
                    return Math.floor(rowIndex / this._workSpace.getRowCount())
                }
                calculateHeaderCellRepeatCount() {
                    return 1
                }
                insertAllDayRowsIntoDateTable() {
                    return this._workSpace.option("showAllDayPanel")
                }
                getTotalCellCount() {
                    return this._workSpace._getCellCount()
                }
                getTotalRowCount() {
                    return this._workSpace.getRowCount() * this._workSpace._getGroupCount()
                }
                calculateTimeCellRepeatCount() {
                    return this._workSpace._getGroupCount() || 1
                }
                getWorkSpaceMinWidth() {
                    let minWidth = this._workSpace.getWorkSpaceWidth();
                    const workSpaceElementWidth = (0, _position.getBoundingRect)(this._workSpace.$element().get(0)).width;
                    const workspaceContainerWidth = workSpaceElementWidth - this._workSpace.getTimePanelWidth() - this._workSpace.getGroupTableWidth() - 2 * _const.WORK_SPACE_BORDER_PX;
                    if (minWidth < workspaceContainerWidth) {
                        minWidth = workspaceContainerWidth
                    }
                    return minWidth
                }
                getAllDayOffset() {
                    return 0
                }
                getGroupCountClass(groups) {
                    return (0, _index.getVerticalGroupCountClass)(groups)
                }
                getLeftOffset() {
                    return this._workSpace.getTimePanelWidth() + this._workSpace.getGroupTableWidth()
                }
                getGroupBoundsOffset(groupIndex, _ref) {
                    let [$firstCell, $lastCell] = _ref;
                    return this.cache.memo(`groupBoundsOffset${groupIndex}`, () => {
                        const startDayHour = this._workSpace.option("startDayHour");
                        const endDayHour = this._workSpace.option("endDayHour");
                        const hoursInterval = this._workSpace.option("hoursInterval");
                        const dayHeight = (0, _index.calculateDayDuration)(startDayHour, endDayHour) / hoursInterval * this._workSpace.getCellHeight();
                        const scrollTop = this.getScrollableScrollTop();
                        const headerRowHeight = (0, _position.getBoundingRect)(this._workSpace._$headerPanelContainer.get(0)).height;
                        let topOffset = groupIndex * dayHeight + headerRowHeight + this._workSpace.option("getHeaderHeight")() - scrollTop;
                        if (this._workSpace.option("showAllDayPanel") && this._workSpace.supportAllDayRow()) {
                            topOffset += this._workSpace.getCellHeight() * (groupIndex + 1)
                        }
                        const bottomOffset = topOffset + dayHeight;
                        const {
                            left: left
                        } = $firstCell.getBoundingClientRect();
                        const {
                            right: right
                        } = $lastCell.getBoundingClientRect();
                        this.groupBoundsOffset = {
                            left: left,
                            right: right,
                            top: topOffset,
                            bottom: bottomOffset
                        };
                        return this.groupBoundsOffset
                    })
                }
                shiftIndicator($indicator, height, rtlOffset, i) {
                    const offset = this._workSpace.getIndicatorOffset(0);
                    const tableOffset = this._workSpace.option("crossScrollingEnabled") ? 0 : this._workSpace.getGroupTableWidth();
                    const horizontalOffset = rtlOffset ? rtlOffset - offset : offset;
                    let verticalOffset = this._workSpace.getRowCount() * this._workSpace.getCellHeight() * i;
                    if (this._workSpace.supportAllDayRow() && this._workSpace.option("showAllDayPanel")) {
                        verticalOffset += this._workSpace.getAllDayHeight() * (i + 1)
                    }
                    $indicator.css("left", horizontalOffset + tableOffset);
                    $indicator.css("top", height + verticalOffset)
                }
                getShaderOffset(i, width) {
                    const offset = this._workSpace.option("crossScrollingEnabled") ? 0 : this._workSpace.getGroupTableWidth();
                    return this._workSpace.option("rtlEnabled") ? (0, _position.getBoundingRect)(this.$container.get(0)).width - offset - this._workSpace.getWorkSpaceLeftOffset() - width : offset
                }
                getShaderTopOffset(i) {
                    return 0
                }
                getShaderHeight() {
                    let height = this._workSpace.getIndicationHeight();
                    if (this._workSpace.supportAllDayRow() && this._workSpace.option("showAllDayPanel")) {
                        height += this._workSpace.getCellHeight()
                    }
                    return height
                }
                getShaderMaxHeight() {
                    let height = this._workSpace.getRowCount() * this._workSpace.getCellHeight();
                    if (this._workSpace.supportAllDayRow() && this._workSpace.option("showAllDayPanel")) {
                        height += this._workSpace.getCellHeight()
                    }
                    return height
                }
                getShaderWidth() {
                    return this._workSpace.getIndicationWidth()
                }
                getScrollableScrollTop() {
                    return this._workSpace.getScrollable().scrollTop()
                }
                addAdditionalGroupCellClasses(cellClass, index, i, j) {
                    cellClass = this.addLastGroupCellClass(cellClass, i + 1);
                    return this.addFirstGroupCellClass(cellClass, i + 1)
                }
                addLastGroupCellClass(cellClass, index) {
                    if (index % this._workSpace.getRowCount() === 0) {
                        return `${cellClass} ${_m_classes.LAST_GROUP_CELL_CLASS}`
                    }
                    return cellClass
                }
                addFirstGroupCellClass(cellClass, index) {
                    if ((index - 1) % this._workSpace.getRowCount() === 0) {
                        return `${cellClass} ${_m_classes.FIRST_GROUP_CELL_CLASS}`
                    }
                    return cellClass
                }
            }
        },
        6523(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _position = __webpack_require__( /*! ../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _date2 = __webpack_require__( /*! ../../core/utils/date */ 55594);
            var _index = __webpack_require__( /*! ../../scheduler/r1/utils/index */ 34396);
            var _m_classes = __webpack_require__( /*! ../m_classes */ 80126);
            var _m_utils_time_zone = _interopRequireDefault(__webpack_require__( /*! ../m_utils_time_zone */ 18648));
            var _m_work_space = _interopRequireDefault(__webpack_require__( /*! ./m_work_space */ 45277));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const toMs = _date.default.dateToMilliseconds;
            class SchedulerWorkSpaceIndicator extends _m_work_space.default {
                getToday() {
                    const viewOffset = this.option("viewOffset");
                    const today = (0, _index.getToday)(this.option("indicatorTime"), this.timeZoneCalculator);
                    return _date2.dateUtilsTs.addOffsets(today, -viewOffset)
                }
                isIndicationOnView() {
                    if (this.option("showCurrentTimeIndicator")) {
                        const today = this.getToday();
                        const endViewDate = _date.default.trimTime(this.getEndViewDate());
                        return _date.default.dateInRange(today, this.getStartViewDate(), new Date(endViewDate.getTime() + toMs("day")))
                    }
                    return false
                }
                isIndicationAvailable() {
                    if (!(0, _window.hasWindow)()) {
                        return false
                    }
                    const today = this.getToday();
                    return today >= _date.default.trimTime(new Date(this.getStartViewDate()))
                }
                isIndicatorVisible() {
                    const today = this.getToday();
                    const endViewDate = new Date(this.getEndViewDate().getTime() + toMs("minute") - 1);
                    const firstViewDate = new Date(this.getStartViewDate());
                    firstViewDate.setFullYear(today.getFullYear(), today.getMonth(), today.getDate());
                    endViewDate.setFullYear(today.getFullYear(), today.getMonth(), today.getDate());
                    return _date.default.dateInRange(today, firstViewDate, endViewDate)
                }
                renderIndicator(height, rtlOffset, $container, groupCount) {
                    const groupedByDate = this.isGroupedByDate();
                    const repeatCount = groupedByDate ? 1 : groupCount;
                    for (let i = 0; i < repeatCount; i++) {
                        const $indicator = this.createIndicator($container);
                        (0, _size.setWidth)($indicator, groupedByDate ? this.getCellWidth() * groupCount : this.getCellWidth());
                        this._groupedStrategy.shiftIndicator($indicator, height, rtlOffset, i)
                    }
                }
                createIndicator($container) {
                    const $indicator = (0, _renderer.default)("<div>").addClass("dx-scheduler-date-time-indicator");
                    $container.append($indicator);
                    return $indicator
                }
                getRtlOffset(width) {
                    return this.option("rtlEnabled") ? (0, _position.getBoundingRect)(this._dateTableScrollable.$content().get(0)).width - this.getTimePanelWidth() - width : 0
                }
                setIndicationUpdateInterval() {
                    if (!this.option("showCurrentTimeIndicator") || 0 === this.option("indicatorUpdateInterval")) {
                        return
                    }
                    this.clearIndicatorUpdateInterval();
                    this.indicatorInterval = setInterval(() => {
                        this.renderCurrentDateTimeIndication()
                    }, this.option("indicatorUpdateInterval"))
                }
                clearIndicatorUpdateInterval() {
                    if (this.indicatorInterval) {
                        clearInterval(this.indicatorInterval);
                        delete this.indicatorInterval
                    }
                }
                isVerticalShader() {
                    return true
                }
                getIndicationWidth() {
                    const cellCount = this._getCellCount();
                    const cellSpan = Math.min(this.getIndicatorDaysSpan(), cellCount);
                    const width = cellSpan * this.getCellWidth();
                    const maxWidth = this.getCellWidth() * cellCount;
                    return Math.min(width, maxWidth)
                }
                getIndicatorOffset() {
                    const cellSpan = this.getIndicatorDaysSpan() - 1;
                    const offset = cellSpan * this.getCellWidth();
                    return offset
                }
                getIndicatorDaysSpan() {
                    const today = this.getToday();
                    const viewStartTime = this.getStartViewDate().getTime();
                    let timeDiff = today.getTime() - viewStartTime;
                    if ("workWeek" === this.option("type")) {
                        const weekendDays = this.getWeekendsCount(Math.round(timeDiff / toMs("day"))) * toMs("day");
                        timeDiff -= weekendDays
                    }
                    return Math.ceil((timeDiff + 1) / toMs("day"))
                }
                getIndicationHeight() {
                    const today = _m_utils_time_zone.default.getDateWithoutTimezoneChange(this.getToday());
                    const cellHeight = this.getCellHeight();
                    const date = new Date(this.getStartViewDate());
                    if (this.isIndicationOnView()) {
                        date.setFullYear(today.getFullYear(), today.getMonth(), today.getDate())
                    }
                    const duration = today.getTime() - date.getTime();
                    const cellCount = duration / this.getCellDuration();
                    return cellCount * cellHeight
                }
                _dispose() {
                    this.clearIndicatorUpdateInterval();
                    super._dispose.apply(this, arguments)
                }
                renderCurrentDateTimeIndication() {
                    this.renderCurrentDateTimeLineAndShader();
                    if (this.isRenovatedRender()) {
                        this.renderWorkSpace({
                            generateNewData: true,
                            renderComponents: {
                                header: true,
                                timePanel: true
                            }
                        })
                    }
                }
                renderCurrentDateTimeLineAndShader() {
                    var _this$_shader;
                    this.cleanDateTimeIndicator();
                    null === (_this$_shader = this._shader) || void 0 === _this$_shader || _this$_shader.clean();
                    this.renderDateTimeIndication()
                }
                isCurrentTimeHeaderCell(headerIndex) {
                    if (this.isIndicationOnView()) {
                        const {
                            completeDateHeaderMap: completeDateHeaderMap
                        } = this.viewDataProvider;
                        const date = completeDateHeaderMap[completeDateHeaderMap.length - 1][headerIndex].startDate;
                        return _date.default.sameDate(date, this.getToday())
                    }
                    return false
                }
                getHeaderPanelCellClass(i) {
                    const cellClass = super.getHeaderPanelCellClass(i);
                    if (this.isCurrentTimeHeaderCell(i)) {
                        return `${cellClass} ${_m_classes.HEADER_CURRENT_TIME_CELL_CLASS}`
                    }
                    return cellClass
                }
                cleanView() {
                    super.cleanView();
                    this.cleanDateTimeIndicator()
                }
                _dimensionChanged() {
                    super._dimensionChanged();
                    this.renderCurrentDateTimeLineAndShader()
                }
                cleanDateTimeIndicator() {
                    this.$element().find(".dx-scheduler-date-time-indicator").remove()
                }
                cleanWorkSpace() {
                    super.cleanWorkSpace();
                    this.renderDateTimeIndication();
                    this.setIndicationUpdateInterval()
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "showCurrentTimeIndicator":
                        case "indicatorTime":
                            this.cleanWorkSpace();
                            break;
                        case "indicatorUpdateInterval":
                            this.setIndicationUpdateInterval();
                            break;
                        case "showAllDayPanel":
                        case "allDayExpanded":
                        case "crossScrollingEnabled":
                            super._optionChanged(args);
                            this.renderCurrentDateTimeIndication();
                            break;
                        case "shadeUntilCurrentTime":
                            this.renderCurrentDateTimeIndication();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        showCurrentTimeIndicator: true,
                        indicatorTime: new Date,
                        indicatorUpdateInterval: 5 * toMs("minute"),
                        shadeUntilCurrentTime: true
                    })
                }
                getCurrentTimePanelCellIndices() {
                    const rowCountPerGroup = this.getTimePanelRowCount();
                    const today = this.getToday();
                    const index = this.getCellIndexByDate(today);
                    const {
                        rowIndex: currentTimeRowIndex
                    } = this.getCellCoordinatesByIndex(index);
                    if (void 0 === currentTimeRowIndex) {
                        return []
                    }
                    let cellIndices;
                    if (0 === currentTimeRowIndex) {
                        cellIndices = [currentTimeRowIndex]
                    } else {
                        cellIndices = currentTimeRowIndex % 2 === 0 ? [currentTimeRowIndex - 1, currentTimeRowIndex] : [currentTimeRowIndex, currentTimeRowIndex + 1]
                    }
                    const verticalGroupCount = this.isVerticalGroupedWorkSpace() ? this._getGroupCount() : 1;
                    return [...new Array(verticalGroupCount)].reduce((currentIndices, _, groupIndex) => [...currentIndices, ...cellIndices.map(cellIndex => rowCountPerGroup * groupIndex + cellIndex)], [])
                }
                renderDateTimeIndication() {
                    if (!this.isIndicationAvailable()) {
                        return
                    }
                    if (this.option("shadeUntilCurrentTime")) {
                        this._shader.render()
                    }
                    if (!this.isIndicationOnView() || !this.isIndicatorVisible()) {
                        return
                    }
                    const groupCount = this._getGroupCount() || 1;
                    const $container = this._dateTableScrollable.$content();
                    const height = this.getIndicationHeight();
                    const rtlOffset = this.getRtlOffset(this.getCellWidth());
                    this.renderIndicator(height, rtlOffset, $container, groupCount);
                    if (!this.isRenovatedRender()) {
                        this.setCurrentTimeCells()
                    }
                }
                setCurrentTimeCells() {
                    const timePanelCells = this.getTimePanelCells();
                    const currentTimeCellIndices = this.getCurrentTimePanelCellIndices();
                    currentTimeCellIndices.forEach(timePanelCellIndex => {
                        timePanelCells.eq(timePanelCellIndex).addClass("dx-scheduler-time-panel-current-time-cell")
                    })
                }
            }(0, _component_registrator.default)("dxSchedulerWorkSpace", SchedulerWorkSpaceIndicator);
            exports.default = SchedulerWorkSpaceIndicator
        },
        3416(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _position = __webpack_require__( /*! ../../../core/utils/position */ 41639);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _index = __webpack_require__( /*! ../../scheduler/r1/components/index */ 19747);
            var _index2 = __webpack_require__( /*! ../../scheduler/r1/utils/index */ 34396);
            var _m_utils = __webpack_require__( /*! ../m_utils */ 5327);
            var _constants_view = __webpack_require__( /*! ../utils/options/constants_view */ 43582);
            var _m_work_space_indicator = _interopRequireDefault(__webpack_require__( /*! ./m_work_space_indicator */ 6523));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const toMs = _date.default.dateToMilliseconds;
            class SchedulerWorkSpaceMonth extends _m_work_space_indicator.default {
                get type() {
                    return _constants_view.VIEWS.MONTH
                }
                getElementClass() {
                    return "dx-scheduler-work-space-month"
                }
                getFormat() {
                    return _index2.formatWeekday
                }
                getIntervalBetween(currentDate) {
                    const firstViewDate = this.getStartViewDate();
                    const timeZoneOffset = _date.default.getTimezonesDifference(firstViewDate, currentDate);
                    return currentDate.getTime() - (firstViewDate.getTime() - 36e5 * this.option("startDayHour")) - timeZoneOffset
                }
                getDateGenerationOptions() {
                    return Object.assign({}, super.getDateGenerationOptions(), {
                        cellCountInDay: 1
                    })
                }
                getCellWidth() {
                    return this.cache.memo("cellWidth", () => {
                        let averageWidth = 0;
                        const cells = this.getCells().slice(0, 7);
                        cells.each((index, element) => {
                            averageWidth += (0, _window.hasWindow)() ? (0, _position.getBoundingRect)(element).width : 0
                        });
                        return 0 === cells.length ? void 0 : averageWidth / 7
                    })
                }
                insertAllDayRowsIntoDateTable() {
                    return false
                }
                getCellCoordinatesByIndex(index) {
                    const rowIndex = Math.floor(index / this._getCellCount());
                    const columnIndex = index - this._getCellCount() * rowIndex;
                    return {
                        rowIndex: rowIndex,
                        columnIndex: columnIndex
                    }
                }
                needCreateCrossScrolling() {
                    return this.option("crossScrollingEnabled") || this.isVerticalGroupedWorkSpace()
                }
                getViewStartByOptions() {
                    return _index2.monthUtils.getViewStartByOptions(this.option("startDate"), this.option("currentDate"), this.option("intervalCount"), _date.default.getFirstMonthDate(this.option("startDate")))
                }
                updateIndex(index) {
                    return index
                }
                isIndicationAvailable() {
                    return false
                }
                getIntervalDuration() {
                    return toMs("day")
                }
                getTimePanelWidth() {
                    return 0
                }
                supportAllDayRow() {
                    return false
                }
                keepOriginalHours() {
                    return true
                }
                getWorkSpaceLeftOffset() {
                    return 0
                }
                needApplyCollectorOffset() {
                    return true
                }
                getHeaderDate() {
                    return this.getViewStartByOptions()
                }
                renderRAllDayPanel() {}
                renderRTimeTable() {}
                renderRDateTable() {
                    _m_utils.utils.renovation.renderComponent(this, this._$dateTable, _index.DateTableMonthComponent, "renovatedDateTable", this.getRDateTableProps())
                }
                createWorkSpaceElements() {
                    if (this.isVerticalGroupedWorkSpace()) {
                        this.createWorkSpaceScrollableElements()
                    } else {
                        super.createWorkSpaceElements()
                    }
                }
                updateAllDayVisibility() {
                    return (0, _common.noop)()
                }
                renderTimePanel() {
                    return (0, _common.noop)()
                }
                renderAllDayPanel() {
                    return (0, _common.noop)()
                }
                setMonthClassesToCell($cell, data) {
                    $cell.toggleClass("dx-scheduler-date-table-current-date", data.isCurrentDate).toggleClass("dx-scheduler-date-table-first-of-month", data.isFirstDayMonthHighlighting).toggleClass("dx-scheduler-date-table-other-month", data.otherMonth)
                }
                createAllDayPanelElements() {}
                renderTableBody(options) {
                    options.getCellText = (rowIndex, columnIndex) => {
                        const date = this.viewDataProvider.completeViewDataMap[rowIndex][columnIndex].startDate;
                        return _index2.monthUtils.getCellText(date, this.option("intervalCount"))
                    };
                    options.getCellTextClass = "dx-scheduler-date-table-cell-text";
                    options.setAdditionalClasses = this.setMonthClassesToCell.bind(this);
                    super.renderTableBody(options)
                }
            }(0, _component_registrator.default)("dxSchedulerWorkSpaceMonth", SchedulerWorkSpaceMonth);
            exports.default = SchedulerWorkSpaceMonth
        },
        19402(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _index = __webpack_require__( /*! ../../scheduler/r1/utils/index */ 34396);
            var _m_work_space_indicator = (e = __webpack_require__( /*! ./m_work_space_indicator */ 6523), e && e.__esModule ? e : {
                default: e
            });
            var e;
            class SchedulerWorkspaceVertical extends _m_work_space_indicator.default {
                getFormat() {
                    return _index.formatWeekdayAndDay
                }
                generateRenderOptions() {
                    const options = super.generateRenderOptions();
                    return Object.assign({}, options, {
                        isGenerateTimePanelData: true
                    })
                }
                isRenderHeaderPanelEmptyCell() {
                    return true
                }
            }
            exports.default = SchedulerWorkspaceVertical
        },
        23276(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _index = __webpack_require__( /*! ../../scheduler/r1/utils/index */ 34396);
            var _constants_view = __webpack_require__( /*! ../utils/options/constants_view */ 43582);
            var _m_work_space_vertical = _interopRequireDefault(__webpack_require__( /*! ./m_work_space_vertical */ 19402));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class SchedulerWorkSpaceWeek extends _m_work_space_vertical.default {
                get type() {
                    return _constants_view.VIEWS.WEEK
                }
                getElementClass() {
                    return "dx-scheduler-work-space-week"
                }
                calculateViewStartDate() {
                    return _index.weekUtils.calculateViewStartDate(this.option("startDate"), this.firstDayOfWeek())
                }
            }(0, _component_registrator.default)("dxSchedulerWorkSpaceWeek", SchedulerWorkSpaceWeek);
            exports.default = SchedulerWorkSpaceWeek
        },
        27420(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _index = __webpack_require__( /*! ../../scheduler/r1/utils/index */ 34396);
            var _constants_view = __webpack_require__( /*! ../utils/options/constants_view */ 43582);
            var _m_work_space_week = _interopRequireDefault(__webpack_require__( /*! ./m_work_space_week */ 23276));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class SchedulerWorkSpaceWorkWeek extends _m_work_space_week.default {
                get type() {
                    return _constants_view.VIEWS.WORK_WEEK
                }
                constructor() {
                    super(...arguments);
                    this.getWeekendsCount = _index.getWeekendsCount
                }
                getElementClass() {
                    return "dx-scheduler-work-space-work-week"
                }
            }(0, _component_registrator.default)("dxSchedulerWorkSpaceWorkWeek", SchedulerWorkSpaceWorkWeek);
            exports.default = SchedulerWorkSpaceWorkWeek
        },
        82274(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DateHeaderDataGenerator = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/date */ 41380));
            var _m_utils_time_zone = _interopRequireDefault(__webpack_require__( /*! ../../m_utils_time_zone */ 18648));
            var _index = __webpack_require__( /*! ../../r1/utils/index */ 34396);
            var _constants_view = __webpack_require__( /*! ../../utils/options/constants_view */ 43582);
            const _excluded = ["startDate", "endDate", "isFirstGroupCell", "isLastGroupCell"];

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.DateHeaderDataGenerator = class {
                constructor(viewDataGenerator) {
                    this.viewDataGenerator = viewDataGenerator
                }
                getCompleteDateHeaderMap(options, completeViewDataMap) {
                    const {
                        isGenerateWeekDaysHeaderData: isGenerateWeekDaysHeaderData
                    } = options;
                    const result = [];
                    if (isGenerateWeekDaysHeaderData) {
                        const weekDaysRow = this.generateWeekDaysHeaderRowMap(options, completeViewDataMap);
                        result.push(weekDaysRow)
                    }
                    const dateRow = this.generateHeaderDateRow(options, completeViewDataMap);
                    result.push(dateRow);
                    return result
                }
                generateWeekDaysHeaderRowMap(options, completeViewDataMap) {
                    const {
                        isGroupedByDate: isGroupedByDate,
                        getResourceManager: getResourceManager,
                        groupOrientation: groupOrientation,
                        startDayHour: startDayHour,
                        endDayHour: endDayHour,
                        hoursInterval: hoursInterval,
                        isHorizontalGrouping: isHorizontalGrouping,
                        intervalCount: intervalCount,
                        viewOffset: viewOffset
                    } = options;
                    const resourceManager = getResourceManager();
                    const groupCount = resourceManager.groupCount();
                    const cellCountInDay = this.viewDataGenerator.getCellCountInDay(startDayHour, endDayHour, hoursInterval);
                    const horizontalGroupCount = (0, _index.getHorizontalGroupCount)(groupCount, groupOrientation);
                    const index = completeViewDataMap[0][0].allDay ? 1 : 0;
                    const colSpan = isGroupedByDate ? horizontalGroupCount * cellCountInDay : cellCountInDay;
                    const datesRepeatCount = isHorizontalGrouping && !isGroupedByDate ? groupCount : 1;
                    const daysInGroup = this.viewDataGenerator.daysInInterval * intervalCount;
                    const daysInView = daysInGroup * datesRepeatCount;
                    const weekDaysRow = [];
                    for (let dayIndex = 0; dayIndex < daysInView; dayIndex += 1) {
                        const cell = completeViewDataMap[index][dayIndex * colSpan];
                        const shiftedStartDate = _m_utils_time_zone.default.addOffsetsWithoutDST(cell.startDate, -viewOffset);
                        weekDaysRow.push(Object.assign({}, cell, {
                            colSpan: colSpan,
                            text: (0, _index.formatWeekdayAndDay)(shiftedStartDate),
                            isFirstGroupCell: false,
                            isLastGroupCell: false
                        }))
                    }
                    return weekDaysRow
                }
                generateHeaderDateRow(options, completeViewDataMap) {
                    const {
                        today: today,
                        isGroupedByDate: isGroupedByDate,
                        groupOrientation: groupOrientation,
                        getResourceManager: getResourceManager,
                        headerCellTextFormat: headerCellTextFormat,
                        getDateForHeaderText: getDateForHeaderText,
                        interval: interval,
                        startViewDate: startViewDate,
                        startDayHour: startDayHour,
                        endDayHour: endDayHour,
                        hoursInterval: hoursInterval,
                        intervalCount: intervalCount,
                        currentDate: currentDate,
                        viewType: viewType,
                        viewOffset: viewOffset
                    } = options;
                    const horizontalGroupCount = (0, _index.getHorizontalGroupCount)(getResourceManager().groupCount(), groupOrientation);
                    const index = completeViewDataMap[0][0].allDay ? 1 : 0;
                    const colSpan = isGroupedByDate ? horizontalGroupCount : 1;
                    const isVerticalGrouping = "vertical" === groupOrientation;
                    const cellCountInGroupRow = this.viewDataGenerator.getCellCount({
                        intervalCount: intervalCount,
                        currentDate: currentDate,
                        viewType: viewType,
                        hoursInterval: hoursInterval,
                        startDayHour: startDayHour,
                        endDayHour: endDayHour
                    });
                    const cellCountInDay = this.viewDataGenerator.getCellCountInDay(startDayHour, endDayHour, hoursInterval);
                    const slicedByColumnsData = isGroupedByDate ? completeViewDataMap[index].filter((_, columnIndex) => columnIndex % horizontalGroupCount === 0) : completeViewDataMap[index];
                    const shouldShiftDatesForHeaderText = !(0, _index.isTimelineView)(viewType) || viewType === _constants_view.VIEWS.TIMELINE_MONTH;
                    return slicedByColumnsData.map((_ref, idx) => {
                        let {
                            startDate: startDate,
                            isFirstGroupCell: isFirstGroupCell,
                            isLastGroupCell: isLastGroupCell
                        } = _ref, restProps = function(r, e) {
                            if (null == r) {
                                return {}
                            }
                            var t = {};
                            for (var n in r) {
                                if ({}.hasOwnProperty.call(r, n)) {
                                    if (-1 !== e.indexOf(n)) {
                                        continue
                                    }
                                    t[n] = r[n]
                                }
                            }
                            return t
                        }(_ref, _excluded);
                        const shiftedStartDate = _m_utils_time_zone.default.addOffsetsWithoutDST(startDate, -viewOffset);
                        const shiftedStartDateForHeaderText = shouldShiftDatesForHeaderText ? shiftedStartDate : startDate;
                        const text = (0, _index.getHeaderCellText)(idx % cellCountInGroupRow, shiftedStartDateForHeaderText, headerCellTextFormat, getDateForHeaderText, {
                            interval: interval,
                            startViewDate: startViewDate,
                            startDayHour: startDayHour,
                            cellCountInDay: cellCountInDay,
                            viewOffset: viewOffset
                        });
                        return Object.assign({}, restProps, {
                            startDate: startDate,
                            text: text,
                            today: _date.default.sameDate(shiftedStartDate, today),
                            colSpan: colSpan,
                            isFirstGroupCell: isGroupedByDate || isFirstGroupCell && !isVerticalGrouping,
                            isLastGroupCell: isGroupedByDate || isLastGroupCell && !isVerticalGrouping
                        })
                    })
                }
                generateDateHeaderData(completeDateHeaderMap, completeViewDataMap, options) {
                    const {
                        isGenerateWeekDaysHeaderData: isGenerateWeekDaysHeaderData,
                        cellWidth: cellWidth,
                        isProvideVirtualCellsWidth: isProvideVirtualCellsWidth,
                        startDayHour: startDayHour,
                        endDayHour: endDayHour,
                        hoursInterval: hoursInterval,
                        isMonthDateHeader: isMonthDateHeader
                    } = options;
                    const dataMap = [];
                    let weekDayRowConfig = {};
                    const validCellWidth = cellWidth || 0;
                    if (isGenerateWeekDaysHeaderData) {
                        weekDayRowConfig = this.generateDateHeaderDataRow(options, completeDateHeaderMap, completeViewDataMap, this.viewDataGenerator.getCellCountInDay(startDayHour, endDayHour, hoursInterval), 0, validCellWidth);
                        dataMap.push(weekDayRowConfig.dateRow)
                    }
                    const datesRowConfig = this.generateDateHeaderDataRow(options, completeDateHeaderMap, completeViewDataMap, 1, isGenerateWeekDaysHeaderData ? 1 : 0, validCellWidth);
                    dataMap.push(datesRowConfig.dateRow);
                    return {
                        dataMap: dataMap,
                        leftVirtualCellWidth: isProvideVirtualCellsWidth ? datesRowConfig.leftVirtualCellWidth : void 0,
                        rightVirtualCellWidth: isProvideVirtualCellsWidth ? datesRowConfig.rightVirtualCellWidth : void 0,
                        leftVirtualCellCount: datesRowConfig.leftVirtualCellCount,
                        rightVirtualCellCount: datesRowConfig.rightVirtualCellCount,
                        weekDayLeftVirtualCellWidth: weekDayRowConfig.leftVirtualCellWidth,
                        weekDayRightVirtualCellWidth: weekDayRowConfig.rightVirtualCellWidth,
                        weekDayLeftVirtualCellCount: weekDayRowConfig.leftVirtualCellCount,
                        weekDayRightVirtualCellCount: weekDayRowConfig.rightVirtualCellCount,
                        isMonthDateHeader: isMonthDateHeader
                    }
                }
                generateDateHeaderDataRow(options, completeDateHeaderMap, completeViewDataMap, baseColSpan, rowIndex, cellWidth) {
                    const {
                        startCellIndex: startCellIndex,
                        cellCount: cellCount,
                        isProvideVirtualCellsWidth: isProvideVirtualCellsWidth,
                        getResourceManager: getResourceManager,
                        groupOrientation: groupOrientation,
                        isGroupedByDate: isGroupedByDate
                    } = options;
                    const horizontalGroupCount = (0, _index.getHorizontalGroupCount)(getResourceManager().groupCount(), groupOrientation);
                    const colSpan = isGroupedByDate ? horizontalGroupCount * baseColSpan : baseColSpan;
                    const leftVirtualCellCount = Math.floor(startCellIndex / colSpan);
                    const displayedCellCount = (0, _index.getDisplayedCellCount)(cellCount, completeViewDataMap);
                    const actualCellCount = Math.ceil((startCellIndex + displayedCellCount) / colSpan);
                    const totalCellCount = (0, _index.getTotalCellCountByCompleteData)(completeViewDataMap);
                    const dateRow = completeDateHeaderMap[rowIndex].slice(leftVirtualCellCount, actualCellCount);
                    const finalLeftVirtualCellCount = leftVirtualCellCount * colSpan;
                    const finalLeftVirtualCellWidth = finalLeftVirtualCellCount * cellWidth;
                    const finalRightVirtualCellCount = totalCellCount - actualCellCount * colSpan;
                    const finalRightVirtualCellWidth = finalRightVirtualCellCount * cellWidth;
                    return {
                        dateRow: dateRow,
                        leftVirtualCellCount: finalLeftVirtualCellCount,
                        leftVirtualCellWidth: isProvideVirtualCellsWidth ? finalLeftVirtualCellWidth : void 0,
                        rightVirtualCellCount: finalRightVirtualCellCount,
                        rightVirtualCellWidth: isProvideVirtualCellsWidth ? finalRightVirtualCellWidth : void 0
                    }
                }
            }
        },
        30795(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GroupedDataMapProvider = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/date */ 41380));
            var _date2 = __webpack_require__( /*! ../../../core/utils/date */ 55594);
            var _index = __webpack_require__( /*! ../../../scheduler/r1/utils/index */ 34396);
            var _m_utils_time_zone = _interopRequireDefault(__webpack_require__( /*! ../../m_utils_time_zone */ 18648));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const toMs = _date.default.dateToMilliseconds;
            exports.GroupedDataMapProvider = class {
                constructor(viewDataGenerator, viewDataMap, completeViewDataMap, viewOptions) {
                    this.groupedDataMap = viewDataGenerator.generateGroupedDataMap(viewDataMap);
                    this.completeViewDataMap = completeViewDataMap;
                    this.viewOptions = viewOptions
                }
                getGroupStartDate(groupIndex) {
                    var _firstRow$;
                    const firstRow = this.getFirstGroupRow(groupIndex);
                    return (null === firstRow || void 0 === firstRow || null === (_firstRow$ = firstRow[0]) || void 0 === _firstRow$ || null === (_firstRow$ = _firstRow$.cellData) || void 0 === _firstRow$ ? void 0 : _firstRow$.startDate) ?? null
                }
                getGroupEndDate(groupIndex) {
                    const lastRow = this.getLastGroupRow(groupIndex);
                    if (lastRow) {
                        const lastColumnIndex = lastRow.length - 1;
                        const {
                            cellData: cellData
                        } = lastRow[lastColumnIndex];
                        const {
                            endDate: endDate
                        } = cellData;
                        return endDate
                    }
                }
                findGroupCellStartDate(groupIndex, startDate, endDate, isFindByDate) {
                    const groupData = this.getGroupFromDateTableGroupMap(groupIndex);
                    const checkCellStartDate = (rowIndex, columnIndex) => {
                        const {
                            cellData: cellData
                        } = groupData[rowIndex][columnIndex];
                        let {
                            startDate: secondMin,
                            endDate: secondMax
                        } = cellData;
                        if (isFindByDate) {
                            secondMin = _date.default.trimTime(secondMin);
                            secondMax = _date.default.setToDayEnd(secondMin)
                        }
                        if (_date.default.intervalsOverlap({
                                firstMin: startDate,
                                firstMax: endDate,
                                secondMin: secondMin,
                                secondMax: secondMax
                            })) {
                            return secondMin
                        }
                    };
                    const startDateVerticalSearch = (() => {
                        const cellCount = groupData[0].length;
                        for (let columnIndex = 0; columnIndex < cellCount; ++columnIndex) {
                            for (let rowIndex = 0; rowIndex < groupData.length; ++rowIndex) {
                                const result = checkCellStartDate(rowIndex, columnIndex);
                                if (result) {
                                    return result
                                }
                            }
                        }
                    })();
                    const startDateHorizontalSearch = (() => {
                        for (let rowIndex = 0; rowIndex < groupData.length; ++rowIndex) {
                            const row = groupData[rowIndex];
                            for (let columnIndex = 0; columnIndex < row.length; ++columnIndex) {
                                const result = checkCellStartDate(rowIndex, columnIndex);
                                if (result) {
                                    return result
                                }
                            }
                        }
                    })();
                    return startDateVerticalSearch > startDateHorizontalSearch ? startDateHorizontalSearch : startDateVerticalSearch
                }
                findAllDayGroupCellStartDate(groupIndex) {
                    var _groupedData$;
                    const groupedData = this.getGroupFromDateTableGroupMap(groupIndex);
                    const cellData = null === groupedData || void 0 === groupedData || null === (_groupedData$ = groupedData[0]) || void 0 === _groupedData$ || null === (_groupedData$ = _groupedData$[0]) || void 0 === _groupedData$ ? void 0 : _groupedData$.cellData;
                    return (null === cellData || void 0 === cellData ? void 0 : cellData.startDate) ?? null
                }
                findCellPositionInMap(cellInfo, isAppointmentRender) {
                    const {
                        groupIndex: groupIndex,
                        startDate: startDate,
                        isAllDay: isAllDay,
                        index: index
                    } = cellInfo;
                    const {
                        allDayPanelGroupedMap: allDayPanelGroupedMap,
                        dateTableGroupedMap: dateTableGroupedMap
                    } = this.groupedDataMap;
                    const {
                        viewOffset: viewOffset
                    } = this.viewOptions;
                    const rows = isAllDay && !this.viewOptions.isVerticalGrouping ? allDayPanelGroupedMap[groupIndex] ? [allDayPanelGroupedMap[groupIndex]] : [] : dateTableGroupedMap[groupIndex] || [];
                    for (let rowIndex = 0; rowIndex < rows.length; rowIndex += 1) {
                        const row = rows[rowIndex];
                        for (let columnIndex = 0; columnIndex < row.length; columnIndex += 1) {
                            const cell = row[columnIndex];
                            const originCellData = cell.cellData;
                            const cellData = isAppointmentRender ? Object.assign({}, originCellData, {
                                startDate: _date2.dateUtilsTs.addOffsets(cell.cellData.startDate, -viewOffset),
                                endDate: _date2.dateUtilsTs.addOffsets(cell.cellData.endDate, -viewOffset)
                            }) : originCellData;
                            if (this.isSameGroupIndexAndIndex(cellData, groupIndex, index)) {
                                if (this.isStartDateInCell(startDate, isAllDay, cellData, originCellData)) {
                                    return cell.position
                                }
                            }
                        }
                    }
                    return
                }
                isStartDateInCell(startDate, inAllDayRow, _ref, _ref2) {
                    let {
                        startDate: cellStartDate,
                        endDate: cellEndDate,
                        allDay: cellAllDay
                    } = _ref;
                    let {
                        startDate: originCellStartDate,
                        endDate: originCellEndDate
                    } = _ref2;
                    const {
                        viewType: viewType
                    } = this.viewOptions;
                    const cellSecondIntervalOffset = this.getCellSecondIntervalOffset(originCellStartDate, originCellEndDate);
                    const isCellCoversTwoIntervals = 0 !== cellSecondIntervalOffset;
                    switch (true) {
                        case !(0, _index.isDateAndTimeView)(viewType):
                        case inAllDayRow && cellAllDay:
                            return _date.default.sameDate(startDate, cellStartDate);
                        case !inAllDayRow && !isCellCoversTwoIntervals:
                            return startDate >= cellStartDate && startDate < cellEndDate;
                        case !inAllDayRow && isCellCoversTwoIntervals:
                            return this.isStartDateInTwoIntervalsCell(startDate, cellSecondIntervalOffset, cellStartDate, cellEndDate);
                        default:
                            return false
                    }
                }
                getCellSecondIntervalOffset(cellStartDate, cellEndDate) {
                    const nextHourCellStartDate = _date2.dateUtilsTs.addOffsets(cellStartDate, toMs("hour"));
                    const cellTimezoneDiff = _m_utils_time_zone.default.getDaylightOffset(cellStartDate, cellEndDate);
                    const cellNextHourTimezoneDiff = _m_utils_time_zone.default.getDaylightOffset(cellStartDate, nextHourCellStartDate);
                    const isDSTInsideCell = 0 !== cellTimezoneDiff;
                    const isWinterTimezoneNextHour = cellNextHourTimezoneDiff < 0;
                    return !isDSTInsideCell && isWinterTimezoneNextHour ? Math.abs(cellNextHourTimezoneDiff * toMs("minute")) : 0
                }
                isStartDateInTwoIntervalsCell(startDate, secondIntervalOffset, cellStartDate, cellEndDate) {
                    const nextIntervalCellStartDate = _date2.dateUtilsTs.addOffsets(cellStartDate, secondIntervalOffset);
                    const nextIntervalCellEndDate = _date2.dateUtilsTs.addOffsets(cellEndDate, secondIntervalOffset);
                    const isInOriginInterval = startDate >= cellStartDate && startDate < cellEndDate;
                    const isInSecondInterval = startDate >= nextIntervalCellStartDate && startDate < nextIntervalCellEndDate;
                    return isInOriginInterval || isInSecondInterval
                }
                isSameGroupIndexAndIndex(cellData, groupIndex, index) {
                    return cellData.groupIndex === groupIndex && (void 0 === index || cellData.index === index)
                }
                getCellsGroup(groupIndex) {
                    const {
                        dateTableGroupedMap: dateTableGroupedMap
                    } = this.groupedDataMap;
                    const groupData = dateTableGroupedMap[groupIndex];
                    if (groupData) {
                        const {
                            cellData: cellData
                        } = groupData[0][0];
                        return cellData.groups
                    }
                }
                getCompletedGroupsInfo() {
                    const {
                        dateTableGroupedMap: dateTableGroupedMap
                    } = this.groupedDataMap;
                    return dateTableGroupedMap.map(groupData => {
                        const firstCell = groupData[0][0];
                        const {
                            allDay: allDay,
                            groupIndex: groupIndex
                        } = firstCell.cellData;
                        return {
                            allDay: allDay,
                            groupIndex: groupIndex,
                            startDate: this.getGroupStartDate(groupIndex),
                            endDate: this.getGroupEndDate(groupIndex)
                        }
                    }).filter(_ref3 => {
                        let {
                            startDate: startDate
                        } = _ref3;
                        return Boolean(startDate)
                    })
                }
                getGroupIndices() {
                    return this.getCompletedGroupsInfo().map(_ref4 => {
                        let {
                            groupIndex: groupIndex
                        } = _ref4;
                        return groupIndex
                    })
                }
                getGroupFromDateTableGroupMap(groupIndex) {
                    const {
                        dateTableGroupedMap: dateTableGroupedMap
                    } = this.groupedDataMap;
                    return dateTableGroupedMap[groupIndex]
                }
                getFirstGroupRow(groupIndex) {
                    const groupedData = this.getGroupFromDateTableGroupMap(groupIndex);
                    if (groupedData) {
                        const {
                            cellData: cellData
                        } = groupedData[0][0];
                        return !cellData.allDay ? groupedData[0] : groupedData[1]
                    }
                }
                getLastGroupRow(groupIndex) {
                    const {
                        dateTableGroupedMap: dateTableGroupedMap
                    } = this.groupedDataMap;
                    const groupedData = dateTableGroupedMap[groupIndex];
                    if (groupedData) {
                        const lastRowIndex = groupedData.length - 1;
                        return groupedData[lastRowIndex]
                    }
                }
                getLastGroupCellPosition(groupIndex) {
                    const groupRow = this.getLastGroupRow(groupIndex);
                    return null === groupRow || void 0 === groupRow ? void 0 : groupRow[(null === groupRow || void 0 === groupRow ? void 0 : groupRow.length) - 1].position
                }
                getRowCountInGroup(groupIndex) {
                    const groupRow = this.getLastGroupRow(groupIndex);
                    const cellAmount = groupRow.length;
                    const lastCellData = groupRow[cellAmount - 1].cellData;
                    const lastCellIndex = lastCellData.index;
                    return (lastCellIndex + 1) / groupRow.length
                }
            }
        },
        16794(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TimePanelDataGenerator = void 0;
            var _date = (e = __webpack_require__( /*! ../../../../core/utils/date */ 41380), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _date2 = __webpack_require__( /*! ../../../core/utils/date */ 55594);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 12220);
            var _index = __webpack_require__( /*! ../../../scheduler/r1/utils/index */ 34396);
            const _excluded = ["allDay", "startDate", "endDate", "groups", "groupIndex", "isFirstGroupCell", "isLastGroupCell", "index"];
            const toMs = _date.default.dateToMilliseconds;
            exports.TimePanelDataGenerator = class {
                constructor(viewDataGenerator) {
                    this.viewDataGenerator = viewDataGenerator
                }
                getCompleteTimePanelMap(options, completeViewDataMap) {
                    const {
                        startViewDate: startViewDate,
                        cellDuration: cellDuration,
                        startDayHour: startDayHour,
                        isVerticalGrouping: isVerticalGrouping,
                        intervalCount: intervalCount,
                        currentDate: currentDate,
                        viewType: viewType,
                        hoursInterval: hoursInterval,
                        endDayHour: endDayHour,
                        viewOffset: viewOffset,
                        today: today,
                        showCurrentTimeIndicator: showCurrentTimeIndicator
                    } = options;
                    const rowsCount = completeViewDataMap.length - 1;
                    const realEndViewDate = completeViewDataMap[rowsCount][completeViewDataMap[rowsCount].length - 1].endDate;
                    const rowCountInGroup = this.viewDataGenerator.getRowCount({
                        intervalCount: intervalCount,
                        currentDate: currentDate,
                        viewType: viewType,
                        hoursInterval: hoursInterval,
                        startDayHour: startDayHour,
                        endDayHour: endDayHour
                    });
                    const cellCountInGroupRow = this.viewDataGenerator.getCellCount({
                        intervalCount: intervalCount,
                        currentDate: currentDate,
                        viewType: viewType,
                        hoursInterval: hoursInterval,
                        startDayHour: startDayHour,
                        endDayHour: endDayHour
                    });
                    let allDayRowsCount = 0;
                    let usualCellIndex = 0;
                    return completeViewDataMap.map((row, index) => {
                        const _row$ = row[0],
                            {
                                allDay: allDay,
                                startDate: startDate,
                                groups: groups,
                                groupIndex: groupIndex,
                                isFirstGroupCell: isFirstGroupCell,
                                isLastGroupCell: isLastGroupCell,
                                index: cellIndex
                            } = _row$,
                            restCellProps = function(r, e) {
                                if (null == r) {
                                    return {}
                                }
                                var t = {};
                                for (var n in r) {
                                    if ({}.hasOwnProperty.call(r, n)) {
                                        if (-1 !== e.indexOf(n)) {
                                            continue
                                        }
                                        t[n] = r[n]
                                    }
                                }
                                return t
                            }(_row$, _excluded);
                        const highlighted = allDay ? false : this.isTimeCellShouldBeHighlighted(today, viewOffset, {
                            startViewDate: startViewDate,
                            realEndViewDate: realEndViewDate,
                            showCurrentTimeIndicator: showCurrentTimeIndicator
                        }, {
                            date: startDate,
                            index: usualCellIndex,
                            duration: Math.round(cellDuration),
                            isFirst: 0 === usualCellIndex,
                            isLast: this.isLastCellInGroup(completeViewDataMap, index)
                        });
                        if (allDay) {
                            allDayRowsCount += 1;
                            usualCellIndex = 0
                        } else {
                            usualCellIndex += 1
                        }
                        const timeIndex = (index - allDayRowsCount) % rowCountInGroup;
                        return Object.assign({}, restCellProps, {
                            startDate: startDate,
                            allDay: allDay,
                            highlighted: highlighted,
                            text: _index.weekUtils.getTimePanelCellText(timeIndex, startDate, startViewDate, cellDuration, startDayHour, viewOffset),
                            groups: isVerticalGrouping ? groups : void 0,
                            groupIndex: isVerticalGrouping ? groupIndex : void 0,
                            isFirstGroupCell: isVerticalGrouping && isFirstGroupCell,
                            isLastGroupCell: isVerticalGrouping && isLastGroupCell,
                            index: Math.floor(cellIndex / cellCountInGroupRow)
                        })
                    })
                }
                generateTimePanelData(completeTimePanelMap, options) {
                    const {
                        startRowIndex: startRowIndex,
                        rowCount: rowCount,
                        topVirtualRowHeight: topVirtualRowHeight,
                        bottomVirtualRowHeight: bottomVirtualRowHeight,
                        isGroupedAllDayPanel: isGroupedAllDayPanel,
                        isVerticalGrouping: isVerticalGrouping,
                        isAllDayPanelVisible: isAllDayPanelVisible
                    } = options;
                    const indexDifference = isVerticalGrouping || !isAllDayPanelVisible ? 0 : 1;
                    const correctedStartRowIndex = startRowIndex + indexDifference;
                    const displayedRowCount = (0, _index.getDisplayedRowCount)(rowCount, completeTimePanelMap);
                    const timePanelMap = completeTimePanelMap.slice(correctedStartRowIndex, correctedStartRowIndex + displayedRowCount);
                    const timePanelData = {
                        topVirtualRowHeight: topVirtualRowHeight,
                        bottomVirtualRowHeight: bottomVirtualRowHeight,
                        isGroupedAllDayPanel: isGroupedAllDayPanel
                    };
                    const {
                        previousGroupedData: groupedData
                    } = this.generateTimePanelDataFromMap(timePanelMap, isVerticalGrouping);
                    timePanelData.groupedData = groupedData;
                    return timePanelData
                }
                generateTimePanelDataFromMap(timePanelMap, isVerticalGrouping) {
                    return timePanelMap.reduce((_ref, cellData) => {
                        let {
                            previousGroupIndex: previousGroupIndex,
                            previousGroupedData: previousGroupedData
                        } = _ref;
                        const currentGroupIndex = cellData.groupIndex;
                        if (currentGroupIndex !== previousGroupIndex) {
                            previousGroupedData.push({
                                dateTable: [],
                                isGroupedAllDayPanel: (0, _index.getIsGroupedAllDayPanel)(Boolean(cellData.allDay), isVerticalGrouping),
                                groupIndex: currentGroupIndex,
                                key: (0, _index.getKeyByGroup)(currentGroupIndex, isVerticalGrouping)
                            })
                        }
                        if (cellData.allDay) {
                            previousGroupedData[previousGroupedData.length - 1].allDayPanel = cellData
                        } else {
                            previousGroupedData[previousGroupedData.length - 1].dateTable.push(cellData)
                        }
                        return {
                            previousGroupIndex: currentGroupIndex,
                            previousGroupedData: previousGroupedData
                        }
                    }, {
                        previousGroupIndex: -1,
                        previousGroupedData: []
                    })
                }
                isTimeCellShouldBeHighlighted(today, viewOffset, _ref2, cellData) {
                    let {
                        startViewDate: startViewDate,
                        realEndViewDate: realEndViewDate,
                        showCurrentTimeIndicator: showCurrentTimeIndicator
                    } = _ref2;
                    const realToday = _date2.dateUtilsTs.addOffsets(today, viewOffset);
                    const realStartViewDate = _date2.dateUtilsTs.addOffsets(startViewDate, viewOffset);
                    if (!showCurrentTimeIndicator || realToday < realStartViewDate || realToday >= realEndViewDate) {
                        return false
                    }
                    const realTodayTimeMs = this.getLocalDateTimeInMs(realToday);
                    const [startMs, endMs] = this.getHighlightedInterval(cellData);
                    return startMs < endMs ? realTodayTimeMs >= startMs && realTodayTimeMs < endMs : realTodayTimeMs >= startMs && realTodayTimeMs < toMs("day") || realTodayTimeMs >= 0 && realTodayTimeMs < endMs
                }
                getHighlightedInterval(_ref3) {
                    let {
                        date: date,
                        index: index,
                        duration: duration,
                        isFirst: isFirst,
                        isLast: isLast
                    } = _ref3;
                    const cellTimeMs = this.getLocalDateTimeInMs(date);
                    const isEvenCell = index % 2 === 0;
                    switch (true) {
                        case isFirst || isLast && !isEvenCell:
                            return [cellTimeMs, (0, _math.shiftIntegerByModule)(cellTimeMs + duration, toMs("day"))];
                        case isEvenCell:
                            return [(0, _math.shiftIntegerByModule)(cellTimeMs - duration, toMs("day")), (0, _math.shiftIntegerByModule)(cellTimeMs + duration, toMs("day"))];
                        default:
                            return [cellTimeMs, (0, _math.shiftIntegerByModule)(cellTimeMs + 2 * duration, toMs("day"))]
                    }
                }
                getLocalDateTimeInMs(date) {
                    const dateUtcMs = date.getTime() - date.getTimezoneOffset() * toMs("minute");
                    return (0, _math.shiftIntegerByModule)(dateUtcMs, toMs("day"))
                }
                isLastCellInGroup(completeViewDataMap, index) {
                    if (index === completeViewDataMap.length - 1) {
                        return true
                    }
                    const {
                        groupIndex: currentGroupIndex
                    } = completeViewDataMap[index][0];
                    const {
                        groupIndex: nextGroupIndex,
                        allDay: nextAllDay
                    } = completeViewDataMap[index + 1][0];
                    return nextAllDay || nextGroupIndex !== currentGroupIndex
                }
            }
        },
        91245(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ViewDataGenerator = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/date */ 41380));
            var _date2 = __webpack_require__( /*! ../../../core/utils/date */ 55594);
            var _constants = __webpack_require__( /*! ../../constants */ 25307);
            var _m_utils_time_zone = _interopRequireDefault(__webpack_require__( /*! ../../m_utils_time_zone */ 18648));
            var _index = __webpack_require__( /*! ../../r1/utils/index */ 34396);
            var _constants_view = __webpack_require__( /*! ../../utils/options/constants_view */ 43582);
            var _group_utils = __webpack_require__( /*! ../../utils/resource_manager/group_utils */ 76131);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const toMs = _date.default.dateToMilliseconds;
            exports.ViewDataGenerator = class {
                constructor(viewType) {
                    this.viewType = viewType;
                    this.daysInInterval = 1;
                    this.tableAllDay = false;
                    this.hiddenInterval = 0
                }
                isWorkWeekView() {
                    return [_constants_view.VIEWS.WORK_WEEK, _constants_view.VIEWS.TIMELINE_WORK_WEEK].includes(this.viewType)
                }
                isSkippedDate(date) {
                    return false
                }
                calculateStartViewDate(options) {
                    return new Date
                }
                getStartViewDate(options) {
                    return this.calculateStartViewDate(options)
                }
                getCompleteViewDataMap(options) {
                    const {
                        getResourceManager: getResourceManager,
                        isGroupedByDate: isGroupedByDate,
                        isHorizontalGrouping: isHorizontalGrouping,
                        isVerticalGrouping: isVerticalGrouping,
                        intervalCount: intervalCount,
                        currentDate: currentDate,
                        viewType: viewType,
                        startDayHour: startDayHour,
                        endDayHour: endDayHour,
                        hoursInterval: hoursInterval
                    } = options;
                    this.setVisibilityDates(options);
                    this.setHiddenInterval(startDayHour, endDayHour, hoursInterval);
                    const groupsList = (0, _group_utils.getAllGroupValues)(getResourceManager().groupsLeafs);
                    const cellCountInGroupRow = this.getCellCount({
                        intervalCount: intervalCount,
                        currentDate: currentDate,
                        viewType: viewType,
                        startDayHour: startDayHour,
                        endDayHour: endDayHour,
                        hoursInterval: hoursInterval
                    });
                    const rowCountInGroup = this.getRowCount({
                        intervalCount: intervalCount,
                        currentDate: currentDate,
                        viewType: viewType,
                        hoursInterval: hoursInterval,
                        startDayHour: startDayHour,
                        endDayHour: endDayHour
                    });
                    let viewDataMap = [];
                    const allDayPanelData = this.generateAllDayPanelData(options, rowCountInGroup, cellCountInGroupRow);
                    const viewCellsData = this.generateViewCellsData(options, rowCountInGroup, cellCountInGroupRow);
                    if (allDayPanelData) {
                        viewDataMap.push(allDayPanelData)
                    }
                    viewDataMap.push(...viewCellsData);
                    if (isHorizontalGrouping && !isGroupedByDate) {
                        viewDataMap = this.transformViewDataMapForHorizontalGrouping(viewDataMap, groupsList)
                    }
                    if (isVerticalGrouping) {
                        viewDataMap = this.transformViewDataMapForVerticalGrouping(viewDataMap, groupsList)
                    }
                    if (isGroupedByDate) {
                        viewDataMap = this.transformViewDataMapForGroupingByDate(viewDataMap, groupsList)
                    }
                    return this.addKeysToCells(viewDataMap)
                }
                transformViewDataMapForHorizontalGrouping(viewDataMap, groupsList) {
                    const result = viewDataMap.map(row => row.slice());
                    groupsList.slice(1).forEach((groups, index) => {
                        const groupIndex = index + 1;
                        viewDataMap.forEach((row, rowIndex) => {
                            const nextGroupRow = row.map(cellData => Object.assign({}, cellData, {
                                groups: groups,
                                groupIndex: groupIndex
                            }));
                            result[rowIndex].push(...nextGroupRow)
                        })
                    });
                    return result
                }
                transformViewDataMapForVerticalGrouping(viewDataMap, groupsList) {
                    const result = viewDataMap.map(row => row.slice());
                    groupsList.slice(1).forEach((groups, index) => {
                        const groupIndex = index + 1;
                        const nextGroupMap = viewDataMap.map(cellsRow => {
                            const nextRow = cellsRow.map(cellData => Object.assign({}, cellData, {
                                groupIndex: groupIndex,
                                groups: groups
                            }));
                            return nextRow
                        });
                        result.push(...nextGroupMap)
                    });
                    return result
                }
                transformViewDataMapForGroupingByDate(viewDataMap, groupsList) {
                    const correctedGroupList = groupsList.slice(1);
                    const correctedGroupCount = correctedGroupList.length;
                    const result = viewDataMap.map(cellsRow => {
                        const groupedByDateCellsRow = cellsRow.reduce((currentRow, cell) => {
                            const rowWithCurrentCell = [...currentRow, Object.assign({}, cell, {
                                isFirstGroupCell: true,
                                isLastGroupCell: 0 === correctedGroupCount
                            }), ...correctedGroupList.map((groups, index) => Object.assign({}, cell, {
                                groups: groups,
                                groupIndex: index + 1,
                                isFirstGroupCell: false,
                                isLastGroupCell: index === correctedGroupCount - 1
                            }))];
                            return rowWithCurrentCell
                        }, []);
                        return groupedByDateCellsRow
                    });
                    return result
                }
                addKeysToCells(viewDataMap) {
                    const totalColumnCount = viewDataMap[0].length;
                    const {
                        currentViewDataMap: result
                    } = viewDataMap.reduce((_ref, row, rowIndex) => {
                        let {
                            allDayPanelsCount: allDayPanelsCount,
                            currentViewDataMap: currentViewDataMap
                        } = _ref;
                        const isAllDay = row[0].allDay;
                        const keyBase = (rowIndex - allDayPanelsCount) * totalColumnCount;
                        const currentAllDayPanelsCount = isAllDay ? allDayPanelsCount + 1 : allDayPanelsCount;
                        currentViewDataMap.push(row.map((cell, columnIndex) => Object.assign({}, cell, {
                            key: keyBase + columnIndex
                        })));
                        return {
                            allDayPanelsCount: currentAllDayPanelsCount,
                            currentViewDataMap: currentViewDataMap
                        }
                    }, {
                        allDayPanelsCount: 0,
                        currentViewDataMap: []
                    });
                    return result
                }
                generateViewDataMap(completeViewDataMap, options) {
                    const {
                        rowCount: rowCount,
                        startCellIndex: startCellIndex,
                        startRowIndex: startRowIndex,
                        cellCount: cellCount,
                        isVerticalGrouping: isVerticalGrouping,
                        isAllDayPanelVisible: isAllDayPanelVisible
                    } = options;
                    const sliceCells = (row, rowIndex, startIndex, count) => {
                        const sliceToIndex = void 0 !== count ? startIndex + count : void 0;
                        return row.slice(startIndex, sliceToIndex).map((cellData, columnIndex) => ({
                            cellData: cellData,
                            position: {
                                rowIndex: rowIndex,
                                columnIndex: columnIndex
                            }
                        }))
                    };
                    let correctedStartRowIndex = startRowIndex;
                    let allDayPanelMap = [];
                    if (this.isStandaloneAllDayPanel(isVerticalGrouping, isAllDayPanelVisible)) {
                        correctedStartRowIndex++;
                        allDayPanelMap = sliceCells(completeViewDataMap[0], 0, startCellIndex, cellCount)
                    }
                    const displayedRowCount = (0, _index.getDisplayedRowCount)(rowCount, completeViewDataMap);
                    const dateTableMap = completeViewDataMap.slice(correctedStartRowIndex, correctedStartRowIndex + displayedRowCount).map((row, rowIndex) => sliceCells(row, rowIndex, startCellIndex, cellCount));
                    return {
                        allDayPanelMap: allDayPanelMap,
                        dateTableMap: dateTableMap
                    }
                }
                isStandaloneAllDayPanel(isVerticalGrouping, isAllDayPanelVisible) {
                    return !isVerticalGrouping && isAllDayPanelVisible
                }
                getViewDataFromMap(completeViewDataMap, viewDataMap, options) {
                    const {
                        topVirtualRowHeight: topVirtualRowHeight,
                        bottomVirtualRowHeight: bottomVirtualRowHeight,
                        leftVirtualCellWidth: leftVirtualCellWidth,
                        rightVirtualCellWidth: rightVirtualCellWidth,
                        cellCount: cellCount,
                        rowCount: rowCount,
                        startRowIndex: startRowIndex,
                        startCellIndex: startCellIndex,
                        isProvideVirtualCellsWidth: isProvideVirtualCellsWidth,
                        isGroupedAllDayPanel: isGroupedAllDayPanel,
                        isVerticalGrouping: isVerticalGrouping,
                        isAllDayPanelVisible: isAllDayPanelVisible
                    } = options;
                    const {
                        allDayPanelMap: allDayPanelMap,
                        dateTableMap: dateTableMap
                    } = viewDataMap;
                    const {
                        groupedData: groupedData
                    } = dateTableMap.reduce((_ref2, cellsRow) => {
                        let {
                            previousGroupIndex: previousGroupIndex,
                            groupedData: groupedData
                        } = _ref2;
                        const cellDataRow = cellsRow.map(_ref3 => {
                            let {
                                cellData: cellData
                            } = _ref3;
                            return cellData
                        });
                        const firstCell = cellDataRow[0];
                        const isAllDayRow = firstCell.allDay;
                        const currentGroupIndex = firstCell.groupIndex;
                        if (currentGroupIndex !== previousGroupIndex) {
                            groupedData.push({
                                dateTable: [],
                                isGroupedAllDayPanel: (0, _index.getIsGroupedAllDayPanel)(Boolean(isAllDayRow), isVerticalGrouping),
                                groupIndex: currentGroupIndex,
                                key: (0, _index.getKeyByGroup)(currentGroupIndex, isVerticalGrouping)
                            })
                        }
                        if (isAllDayRow) {
                            groupedData[groupedData.length - 1].allDayPanel = cellDataRow
                        } else {
                            groupedData[groupedData.length - 1].dateTable.push({
                                cells: cellDataRow,
                                key: cellDataRow[0].key - startCellIndex
                            })
                        }
                        return {
                            groupedData: groupedData,
                            previousGroupIndex: currentGroupIndex
                        }
                    }, {
                        previousGroupIndex: -1,
                        groupedData: []
                    });
                    if (this.isStandaloneAllDayPanel(isVerticalGrouping, isAllDayPanelVisible)) {
                        groupedData[0].allDayPanel = allDayPanelMap.map(_ref4 => {
                            let {
                                cellData: cellData
                            } = _ref4;
                            return cellData
                        })
                    }
                    const totalCellCount = (0, _index.getTotalCellCountByCompleteData)(completeViewDataMap);
                    const totalRowCount = (0, _index.getTotalRowCountByCompleteData)(completeViewDataMap);
                    const displayedCellCount = (0, _index.getDisplayedCellCount)(cellCount, completeViewDataMap);
                    const displayedRowCount = (0, _index.getDisplayedRowCount)(rowCount, completeViewDataMap);
                    return {
                        groupedData: groupedData,
                        topVirtualRowHeight: topVirtualRowHeight,
                        bottomVirtualRowHeight: bottomVirtualRowHeight,
                        leftVirtualCellWidth: isProvideVirtualCellsWidth ? leftVirtualCellWidth : void 0,
                        rightVirtualCellWidth: isProvideVirtualCellsWidth ? rightVirtualCellWidth : void 0,
                        isGroupedAllDayPanel: isGroupedAllDayPanel,
                        leftVirtualCellCount: startCellIndex,
                        rightVirtualCellCount: void 0 === cellCount ? 0 : totalCellCount - startCellIndex - displayedCellCount,
                        topVirtualRowCount: startRowIndex,
                        bottomVirtualRowCount: totalRowCount - startRowIndex - displayedRowCount
                    }
                }
                generateViewCellsData(options, rowCount, cellCountInGroupRow) {
                    const viewCellsData = [];
                    for (let rowIndex = 0; rowIndex < rowCount; rowIndex += 1) {
                        viewCellsData.push(this.generateCellsRow(options, false, rowIndex, rowCount, cellCountInGroupRow))
                    }
                    return viewCellsData
                }
                generateAllDayPanelData(options, rowCount, columnCount) {
                    if (!options.isAllDayPanelVisible) {
                        return null
                    }
                    return this.generateCellsRow(options, true, 0, rowCount, columnCount)
                }
                generateCellsRow(options, allDay, rowIndex, rowCount, columnCount) {
                    const cellsRow = [];
                    for (let columnIndex = 0; columnIndex < columnCount; ++columnIndex) {
                        const cellDataValue = this.getCellData(rowIndex, columnIndex, options, allDay);
                        const index = rowIndex * columnCount + columnIndex;
                        const isFirstGroupCell = this.isFirstGroupCell(rowIndex, columnIndex, options, rowCount, columnCount);
                        const isLastGroupCell = this.isLastGroupCell(rowIndex, columnIndex, options, rowCount, columnCount);
                        cellsRow.push(Object.assign({}, cellDataValue, {
                            index: index,
                            isFirstGroupCell: isFirstGroupCell,
                            isLastGroupCell: isLastGroupCell
                        }))
                    }
                    return cellsRow
                }
                getCellData(rowIndex, columnIndex, options, allDay) {
                    return allDay ? this.prepareAllDayCellData(options, rowIndex, columnIndex) : this.prepareCellData(options, rowIndex, columnIndex)
                }
                prepareCellData(options, rowIndex, columnIndex) {
                    const {
                        getResourceManager: getResourceManager
                    } = options;
                    const groupsList = (0, _group_utils.getAllGroupValues)(getResourceManager().groupsLeafs);
                    const startDate = this.getDateByCellIndices(options, rowIndex, columnIndex);
                    const endDate = this.getCellEndDate(startDate, options);
                    const data = {
                        startDate: startDate,
                        endDate: endDate,
                        allDay: this.tableAllDay,
                        groupIndex: 0
                    };
                    if (groupsList.length > 0) {
                        data.groups = groupsList[0]
                    }
                    return data
                }
                prepareAllDayCellData(options, rowIndex, columnIndex) {
                    const data = this.prepareCellData(Object.assign({}, options, {
                        viewOffset: 0
                    }), rowIndex, columnIndex);
                    const {
                        viewOffset: viewOffset
                    } = options;
                    const startDate = _date.default.trimTime(data.startDate);
                    const shiftedStartDate = _date2.dateUtilsTs.addOffsets(startDate, viewOffset);
                    return Object.assign({}, data, {
                        startDate: shiftedStartDate,
                        endDate: shiftedStartDate,
                        allDay: true
                    })
                }
                getDateByCellIndices(options, rowIndex, columnIndex) {
                    const {
                        startViewDate: startViewDate
                    } = options;
                    const {
                        startDayHour: startDayHour,
                        endDayHour: endDayHour,
                        hoursInterval: hoursInterval,
                        interval: interval,
                        firstDayOfWeek: firstDayOfWeek,
                        intervalCount: intervalCount,
                        viewOffset: viewOffset
                    } = options;
                    const cellCountInDay = this.getCellCountInDay(startDayHour, endDayHour, hoursInterval);
                    const columnCountBase = this.getCellCount(options);
                    const rowCountBase = this.getRowCount(options);
                    const cellIndex = this.calculateCellIndex(rowIndex, columnIndex, rowCountBase, columnCountBase);
                    const millisecondsOffset = this.getMillisecondsOffset(cellIndex, interval, cellCountInDay);
                    const offsetByCount = this.isWorkWeekView() ? this.getTimeOffsetByColumnIndex(columnIndex, this.getFirstDayOfWeek(firstDayOfWeek), columnCountBase, intervalCount) : 0;
                    const isStartViewDateDuringDST = startViewDate.getHours() !== Math.floor(startDayHour);
                    let startViewDateTime = startViewDate.getTime();
                    let currentDate = new Date(startViewDateTime + millisecondsOffset + offsetByCount + viewOffset);
                    const isMidnightDSTViewStart = _m_utils_time_zone.default.isLocalTimeMidnightDST(startViewDate);
                    const isMidnightDST = _m_utils_time_zone.default.isLocalTimeMidnightDST(currentDate);
                    if (!isMidnightDSTViewStart && !isMidnightDST) {
                        if (isStartViewDateDuringDST) {
                            const dateWithCorrectHours = (0, _index.getStartViewDateWithoutDST)(startViewDate, startDayHour);
                            startViewDateTime = dateWithCorrectHours.getTime() - toMs("day");
                            currentDate = new Date(startViewDateTime + millisecondsOffset + offsetByCount + viewOffset)
                        } else {
                            const timeZoneDifference = _date.default.getTimezonesDifference(startViewDate, currentDate);
                            currentDate.setTime(currentDate.getTime() + timeZoneDifference)
                        }
                    } else {
                        currentDate = new Date(currentDate.getFullYear(), currentDate.getMonth(), currentDate.getDate(), currentDate.getHours(), currentDate.getMinutes())
                    }
                    return currentDate
                }
                getMillisecondsOffset(cellIndex, interval, cellCountInDay) {
                    const dayIndex = Math.floor(cellIndex / cellCountInDay);
                    const realHiddenInterval = dayIndex * this.hiddenInterval;
                    return interval * cellIndex + realHiddenInterval
                }
                getTimeOffsetByColumnIndex(columnIndex, firstDayOfWeek, columnCount, intervalCount) {
                    const firstDayOfWeekDiff = Math.max(0, firstDayOfWeek - 1);
                    const columnsInWeek = columnCount / intervalCount;
                    const weekendCount = Math.floor((columnIndex + firstDayOfWeekDiff) / columnsInWeek);
                    return 2 * weekendCount * toMs("day")
                }
                calculateEndDate(startDate, interval, endDayHour) {
                    return this.getCellEndDate(startDate, {
                        interval: interval
                    })
                }
                calculateCellIndex(rowIndex, columnIndex, rowCount, columnCountBase) {
                    return (0, _index.calculateCellIndex)(rowIndex, columnIndex, rowCount)
                }
                generateGroupedDataMap(viewDataMap) {
                    const {
                        allDayPanelMap: allDayPanelMap,
                        dateTableMap: dateTableMap
                    } = viewDataMap;
                    const {
                        previousGroupedDataMap: dateTableGroupedMap
                    } = dateTableMap.reduce((previousOptions, cellsRow) => {
                        const {
                            previousGroupedDataMap: previousGroupedDataMap,
                            previousRowIndex: previousRowIndex,
                            previousGroupIndex: previousGroupIndex
                        } = previousOptions;
                        const {
                            groupIndex: currentGroupIndex
                        } = cellsRow[0].cellData;
                        const currentRowIndex = currentGroupIndex === previousGroupIndex ? previousRowIndex + 1 : 0;
                        cellsRow.forEach(cell => {
                            const {
                                groupIndex: groupIndex
                            } = cell.cellData;
                            if (!previousGroupedDataMap[groupIndex]) {
                                previousGroupedDataMap[groupIndex] = []
                            }
                            if (!previousGroupedDataMap[groupIndex][currentRowIndex]) {
                                previousGroupedDataMap[groupIndex][currentRowIndex] = []
                            }
                            previousGroupedDataMap[groupIndex][currentRowIndex].push(cell)
                        });
                        return {
                            previousGroupedDataMap: previousGroupedDataMap,
                            previousRowIndex: currentRowIndex,
                            previousGroupIndex: currentGroupIndex
                        }
                    }, {
                        previousGroupedDataMap: [],
                        previousRowIndex: -1,
                        previousGroupIndex: -1
                    });
                    const allDayPanelGroupedMap = [];
                    null === allDayPanelMap || void 0 === allDayPanelMap || allDayPanelMap.forEach(cell => {
                        const {
                            groupIndex: groupIndex
                        } = cell.cellData;
                        if (!allDayPanelGroupedMap[groupIndex]) {
                            allDayPanelGroupedMap[groupIndex] = []
                        }
                        allDayPanelGroupedMap[groupIndex].push(cell)
                    });
                    return {
                        allDayPanelGroupedMap: allDayPanelGroupedMap,
                        dateTableGroupedMap: dateTableGroupedMap
                    }
                }
                isFirstGroupCell(rowIndex, columnIndex, options, rowCount, columnCount) {
                    const {
                        groupOrientation: groupOrientation,
                        getResourceManager: getResourceManager,
                        isGroupedByDate: isGroupedByDate
                    } = options;
                    const groupCount = getResourceManager().groupCount();
                    if (isGroupedByDate) {
                        return columnIndex % groupCount === 0
                    }
                    if (groupOrientation === _constants.HORIZONTAL_GROUP_ORIENTATION) {
                        return columnIndex % columnCount === 0
                    }
                    return rowIndex % rowCount === 0
                }
                isLastGroupCell(rowIndex, columnIndex, options, rowCount, columnCount) {
                    const {
                        groupOrientation: groupOrientation,
                        getResourceManager: getResourceManager,
                        isGroupedByDate: isGroupedByDate
                    } = options;
                    const groupCount = getResourceManager().groupCount();
                    if (isGroupedByDate) {
                        return (columnIndex + 1) % groupCount === 0
                    }
                    if (groupOrientation === _constants.HORIZONTAL_GROUP_ORIENTATION) {
                        return (columnIndex + 1) % columnCount === 0
                    }
                    return (rowIndex + 1) % rowCount === 0
                }
                markSelectedAndFocusedCells(viewDataMap, renderOptions) {
                    const {
                        selectedCells: selectedCells,
                        focusedCell: focusedCell
                    } = renderOptions;
                    if (!selectedCells && !focusedCell) {
                        return viewDataMap
                    }
                    const {
                        allDayPanelMap: allDayPanelMap,
                        dateTableMap: dateTableMap
                    } = viewDataMap;
                    const nextDateTableMap = dateTableMap.map(row => this.markSelectedAndFocusedCellsInRow(row, selectedCells, focusedCell));
                    const nextAllDayMap = this.markSelectedAndFocusedCellsInRow(allDayPanelMap, selectedCells, focusedCell);
                    return {
                        allDayPanelMap: nextAllDayMap,
                        dateTableMap: nextDateTableMap
                    }
                }
                markSelectedAndFocusedCellsInRow(dataRow, selectedCells, focusedCell) {
                    return dataRow.map(cell => {
                        const {
                            index: index,
                            groupIndex: groupIndex,
                            allDay: allDay,
                            startDate: startDate
                        } = cell.cellData;
                        const indexInSelectedCells = selectedCells.findIndex(_ref5 => {
                            let {
                                index: selectedCellIndex,
                                groupIndex: selectedCellGroupIndex,
                                allDay: selectedCellAllDay,
                                startDate: selectedCellStartDate
                            } = _ref5;
                            return groupIndex === selectedCellGroupIndex && (index === selectedCellIndex || void 0 === selectedCellIndex && startDate.getTime() === selectedCellStartDate.getTime()) && Boolean(allDay) === Boolean(selectedCellAllDay)
                        });
                        const isFocused = Boolean(focusedCell) && index === focusedCell.cellData.index && groupIndex === focusedCell.cellData.groupIndex && allDay === focusedCell.cellData.allDay;
                        if (!isFocused && -1 === indexInSelectedCells) {
                            return cell
                        }
                        return Object.assign({}, cell, {
                            cellData: Object.assign({}, cell.cellData, {
                                isSelected: indexInSelectedCells > -1,
                                isFocused: isFocused
                            })
                        })
                    })
                }
                getInterval(hoursInterval) {
                    return hoursInterval * toMs("hour")
                }
                _getIntervalDuration(intervalCount) {
                    return toMs("day") * intervalCount
                }
                setVisibilityDates(options) {}
                getCellCountInDay(startDayHour, endDayHour, hoursInterval) {
                    const result = (0, _index.calculateDayDuration)(startDayHour, endDayHour) / hoursInterval;
                    return Math.ceil(result)
                }
                getCellCount(options) {
                    const {
                        intervalCount: intervalCount,
                        viewType: viewType,
                        startDayHour: startDayHour,
                        endDayHour: endDayHour,
                        hoursInterval: hoursInterval
                    } = options;
                    const cellCountInDay = this.getCellCountInDay(startDayHour, endDayHour, hoursInterval);
                    const columnCountInDay = (0, _index.isHorizontalView)(viewType) ? cellCountInDay : 1;
                    return this.daysInInterval * intervalCount * columnCountInDay
                }
                getRowCount(options) {
                    const {
                        viewType: viewType,
                        startDayHour: startDayHour,
                        endDayHour: endDayHour,
                        hoursInterval: hoursInterval
                    } = options;
                    const cellCountInDay = this.getCellCountInDay(startDayHour, endDayHour, hoursInterval);
                    const rowCountInDay = !(0, _index.isHorizontalView)(viewType) ? cellCountInDay : 1;
                    return rowCountInDay
                }
                setHiddenInterval(startDayHour, endDayHour, hoursInterval) {
                    this.hiddenInterval = toMs("day") - this.getVisibleDayDuration(startDayHour, endDayHour, hoursInterval)
                }
                getVisibleDayDuration(startDayHour, endDayHour, hoursInterval) {
                    const cellCountInDay = this.getCellCountInDay(startDayHour, endDayHour, hoursInterval);
                    return hoursInterval * cellCountInDay * toMs("hour")
                }
                getFirstDayOfWeek(firstDayOfWeekOption) {
                    return firstDayOfWeekOption
                }
                getCellEndDate(cellStartDate, options) {
                    const durationMs = Math.round(options.interval);
                    return _m_utils_time_zone.default.addOffsetsWithoutDST(cellStartDate, durationMs)
                }
            }
        },
        61715(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ViewDataGeneratorDay = void 0;
            var _index = __webpack_require__( /*! ../../r1/utils/index */ 34396);
            var _m_view_data_generator = __webpack_require__( /*! ./m_view_data_generator */ 91245);
            class ViewDataGeneratorDay extends _m_view_data_generator.ViewDataGenerator {
                calculateStartViewDate(options) {
                    return _index.dayUtils.calculateStartViewDate(options.currentDate, options.startDayHour, options.startDate, this._getIntervalDuration(options.intervalCount))
                }
            }
            exports.ViewDataGeneratorDay = ViewDataGeneratorDay
        },
        55752(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ViewDataGeneratorMonth = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/date */ 38662));
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/date */ 41380));
            var _index = __webpack_require__( /*! ../../../scheduler/r1/utils/index */ 34396);
            var _m_utils_time_zone = _interopRequireDefault(__webpack_require__( /*! ../../m_utils_time_zone */ 18648));
            var _m_view_data_generator = __webpack_require__( /*! ./m_view_data_generator */ 91245);
            var _view_generator_utils = __webpack_require__( /*! ./utils/view_generator_utils */ 17574);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const toMs = _date2.default.dateToMilliseconds;
            class ViewDataGeneratorMonth extends _m_view_data_generator.ViewDataGenerator {
                constructor() {
                    super(...arguments);
                    this.tableAllDay = void 0
                }
                getCellData(rowIndex, columnIndex, options) {
                    const {
                        indicatorTime: indicatorTime,
                        timeZoneCalculator: timeZoneCalculator,
                        intervalCount: intervalCount,
                        viewOffset: viewOffset
                    } = options;
                    const data = super.getCellData(rowIndex, columnIndex, options, false);
                    const startDate = _m_utils_time_zone.default.addOffsetsWithoutDST(data.startDate, -viewOffset);
                    data.today = this.isCurrentDate(startDate, indicatorTime, timeZoneCalculator);
                    data.otherMonth = this.isOtherMonth(startDate, this.minVisibleDate, this.maxVisibleDate);
                    data.isFirstDayMonthHighlighting = (0, _index.isFirstCellInMonthWithIntervalCount)(startDate, intervalCount);
                    data.text = _index.monthUtils.getCellText(startDate, intervalCount);
                    return data
                }
                isCurrentDate(date, indicatorTime, timeZoneCalculator) {
                    return _date2.default.sameDate(date, (0, _index.getToday)(indicatorTime, timeZoneCalculator))
                }
                isOtherMonth(cellDate, minDate, maxDate) {
                    return !_date2.default.dateInRange(cellDate, minDate, maxDate, "date")
                }
                calculateCellIndex(rowIndex, columnIndex, rowCount, columnCount) {
                    return _index.monthUtils.calculateCellIndex(rowIndex, columnIndex, rowCount, columnCount)
                }
                calculateEndDate(startDate, interval, endDayHour) {
                    return (0, _index.setOptionHour)(startDate, endDayHour)
                }
                getInterval() {
                    return toMs("day")
                }
                calculateStartViewDate(options) {
                    return _index.monthUtils.calculateStartViewDate(options.currentDate, options.startDayHour, options.startDate, options.intervalCount, this.getFirstDayOfWeek(options.firstDayOfWeek))
                }
                setVisibilityDates(options) {
                    const {
                        intervalCount: intervalCount,
                        startDate: startDate,
                        currentDate: currentDate
                    } = options;
                    const firstMonthDate = _date2.default.getFirstMonthDate(startDate);
                    const viewStart = _index.monthUtils.getViewStartByOptions(startDate, currentDate, intervalCount, firstMonthDate);
                    this.minVisibleDate = new Date(viewStart.setDate(1));
                    const nextMonthDate = new Date(viewStart.setMonth(viewStart.getMonth() + intervalCount));
                    this.maxVisibleDate = new Date(nextMonthDate.setDate(0))
                }
                getCellCount() {
                    return 7
                }
                getRowCount(options) {
                    const startDate = new Date(options.currentDate);
                    startDate.setDate(1);
                    const endDate = new Date(startDate);
                    endDate.setMonth(endDate.getMonth() + options.intervalCount);
                    endDate.setDate(0);
                    return (0, _view_generator_utils.calculateAlignedWeeksBetweenDates)(startDate, endDate, options.firstDayOfWeek ?? _date.default.firstDayOfWeekIndex())
                }
                getCellCountInDay() {
                    return 1
                }
                setHiddenInterval() {
                    this.hiddenInterval = 0
                }
                getCellEndDate(cellStartDate, options) {
                    const {
                        startDayHour: startDayHour,
                        endDayHour: endDayHour
                    } = options;
                    const durationMs = (endDayHour - startDayHour) * toMs("hour");
                    return _m_utils_time_zone.default.addOffsetsWithoutDST(cellStartDate, durationMs)
                }
            }
            exports.ViewDataGeneratorMonth = ViewDataGeneratorMonth
        },
        73082(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ViewDataGeneratorTimelineMonth = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/date */ 41380));
            var _index = __webpack_require__( /*! ../../../scheduler/r1/utils/index */ 34396);
            var _m_utils_time_zone = _interopRequireDefault(__webpack_require__( /*! ../../m_utils_time_zone */ 18648));
            var _m_view_data_generator = __webpack_require__( /*! ./m_view_data_generator */ 91245);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const toMs = _date.default.dateToMilliseconds;
            class ViewDataGeneratorTimelineMonth extends _m_view_data_generator.ViewDataGenerator {
                calculateEndDate(startDate, interval, endDayHour) {
                    return (0, _index.setOptionHour)(startDate, endDayHour)
                }
                getInterval() {
                    return toMs("day")
                }
                calculateStartViewDate(options) {
                    return _index.timelineMonthUtils.calculateStartViewDate(options.currentDate, options.startDayHour, options.startDate, options.intervalCount)
                }
                getCellCount(options) {
                    const {
                        intervalCount: intervalCount
                    } = options;
                    const currentDate = new Date(options.currentDate);
                    let cellCount = 0;
                    for (let i = 1; i <= intervalCount; i++) {
                        cellCount += new Date(currentDate.getFullYear(), currentDate.getMonth() + i, 0).getDate()
                    }
                    return cellCount
                }
                setHiddenInterval() {
                    this.hiddenInterval = 0
                }
                getCellEndDate(cellStartDate, options) {
                    const {
                        startDayHour: startDayHour,
                        endDayHour: endDayHour
                    } = options;
                    const durationMs = (endDayHour - startDayHour) * toMs("hour");
                    return _m_utils_time_zone.default.addOffsetsWithoutDST(cellStartDate, durationMs)
                }
            }
            exports.ViewDataGeneratorTimelineMonth = ViewDataGeneratorTimelineMonth
        },
        40348(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ViewDataGeneratorWeek = void 0;
            var _index = __webpack_require__( /*! ../../r1/utils/index */ 34396);
            var _m_view_data_generator = __webpack_require__( /*! ./m_view_data_generator */ 91245);
            class ViewDataGeneratorWeek extends _m_view_data_generator.ViewDataGenerator {
                constructor() {
                    super(...arguments);
                    this.daysInInterval = 7
                }
                _getIntervalDuration(intervalCount) {
                    return _index.weekUtils.getIntervalDuration(intervalCount)
                }
                calculateStartViewDate(options) {
                    return _index.weekUtils.calculateStartViewDate(options.currentDate, options.startDayHour, options.startDate, this._getIntervalDuration(options.intervalCount), this.getFirstDayOfWeek(options.firstDayOfWeek))
                }
            }
            exports.ViewDataGeneratorWeek = ViewDataGeneratorWeek
        },
        33196(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ViewDataGeneratorWorkWeek = void 0;
            var _index = __webpack_require__( /*! ../../r1/utils/index */ 34396);
            var _m_view_data_generator_week = __webpack_require__( /*! ./m_view_data_generator_week */ 40348);
            class ViewDataGeneratorWorkWeek extends _m_view_data_generator_week.ViewDataGeneratorWeek {
                constructor() {
                    super(...arguments);
                    this.daysInInterval = 5
                }
                isSkippedDate(date) {
                    return (0, _index.isDataOnWeekend)(date)
                }
                calculateStartViewDate(options) {
                    return _index.workWeekUtils.calculateStartViewDate(options.currentDate, options.startDayHour, options.startDate, this._getIntervalDuration(options.intervalCount), this.getFirstDayOfWeek(options.firstDayOfWeek))
                }
                getFirstDayOfWeek(firstDayOfWeekOption) {
                    return firstDayOfWeekOption || 0
                }
            }
            exports.ViewDataGeneratorWorkWeek = ViewDataGeneratorWorkWeek
        },
        6051(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/date */ 41380));
            var _date2 = __webpack_require__( /*! ../../../core/utils/date */ 55594);
            var _m_utils_time_zone = _interopRequireDefault(__webpack_require__( /*! ../../m_utils_time_zone */ 18648));
            var _index = __webpack_require__( /*! ../../r1/utils/index */ 34396);
            var _m_date_header_data_generator = __webpack_require__( /*! ./m_date_header_data_generator */ 82274);
            var _m_grouped_data_map_provider = __webpack_require__( /*! ./m_grouped_data_map_provider */ 30795);
            var _m_time_panel_data_generator = __webpack_require__( /*! ./m_time_panel_data_generator */ 16794);
            var _view_provider_utils = __webpack_require__( /*! ./utils/view_provider_utils */ 686);
            const _excluded = ["getResourceManager", "groupOrientation", "groupByDate", "isAllDayPanelVisible", "viewOffset"];

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = class {
                constructor(viewType) {
                    this.viewType = viewType;
                    this.viewDataGenerator = (0, _view_provider_utils.getViewDataGeneratorByViewType)(viewType);
                    this.viewData = {};
                    this.completeViewDataMap = [];
                    this.completeDateHeaderMap = [];
                    this.viewDataMap = {
                        dateTableMap: [],
                        allDayPanelMap: []
                    };
                    this.groupedDataMapProvider = null
                }
                get groupedDataMap() {
                    return this.groupedDataMapProvider.groupedDataMap
                }
                get hiddenInterval() {
                    return this.viewDataGenerator.hiddenInterval
                }
                isSkippedDate(date) {
                    return this.viewDataGenerator.isSkippedDate(date)
                }
                update(options, isGenerateNewViewData) {
                    this.viewDataGenerator = (0, _view_provider_utils.getViewDataGeneratorByViewType)(options.viewType);
                    const {
                        viewDataGenerator: viewDataGenerator
                    } = this;
                    const dateHeaderDataGenerator = new _m_date_header_data_generator.DateHeaderDataGenerator(viewDataGenerator);
                    const timePanelDataGenerator = new _m_time_panel_data_generator.TimePanelDataGenerator(viewDataGenerator);
                    const renderOptions = this.transformRenderOptions(options);
                    this.options = renderOptions;
                    if (isGenerateNewViewData) {
                        this.completeViewDataMap = viewDataGenerator.getCompleteViewDataMap(renderOptions);
                        this.completeDateHeaderMap = dateHeaderDataGenerator.getCompleteDateHeaderMap(renderOptions, this.completeViewDataMap);
                        if (renderOptions.isGenerateTimePanelData) {
                            this.completeTimePanelMap = timePanelDataGenerator.getCompleteTimePanelMap(renderOptions, this.completeViewDataMap)
                        }
                    }
                    this.viewDataMap = viewDataGenerator.generateViewDataMap(this.completeViewDataMap, renderOptions);
                    this.updateViewData(renderOptions);
                    this.groupedDataMapProvider = new _m_grouped_data_map_provider.GroupedDataMapProvider(this.viewDataGenerator, this.viewDataMap, this.completeViewDataMap, {
                        isVerticalGrouping: renderOptions.isVerticalGrouping,
                        viewType: renderOptions.viewType,
                        viewOffset: options.viewOffset
                    });
                    this.dateHeaderData = dateHeaderDataGenerator.generateDateHeaderData(this.completeDateHeaderMap, this.completeViewDataMap, renderOptions);
                    if (renderOptions.isGenerateTimePanelData) {
                        this.timePanelData = timePanelDataGenerator.generateTimePanelData(this.completeTimePanelMap, renderOptions)
                    }
                }
                createGroupedDataMapProvider() {
                    this.groupedDataMapProvider = new _m_grouped_data_map_provider.GroupedDataMapProvider(this.viewDataGenerator, this.viewDataMap, this.completeViewDataMap, {
                        isVerticalGrouping: this.options.isVerticalGrouping,
                        viewType: this.options.viewType
                    })
                }
                updateViewData(options) {
                    const renderOptions = this.transformRenderOptions(options);
                    this.viewDataMapWithSelection = this.viewDataGenerator.markSelectedAndFocusedCells(this.viewDataMap, renderOptions);
                    this.viewData = this.viewDataGenerator.getViewDataFromMap(this.completeViewDataMap, this.viewDataMapWithSelection, renderOptions)
                }
                transformRenderOptions(renderOptions) {
                    const {
                        getResourceManager: getResourceManager,
                        groupOrientation: groupOrientation,
                        groupByDate: groupByDate,
                        isAllDayPanelVisible: isAllDayPanelVisible,
                        viewOffset: viewOffset
                    } = renderOptions, restOptions = function(r, e) {
                        if (null == r) {
                            return {}
                        }
                        var t = {};
                        for (var n in r) {
                            if ({}.hasOwnProperty.call(r, n)) {
                                if (-1 !== e.indexOf(n)) {
                                    continue
                                }
                                t[n] = r[n]
                            }
                        }
                        return t
                    }(renderOptions, _excluded);
                    const resourceManager = getResourceManager();
                    const groupCount = resourceManager.groupCount();
                    const interval = this.viewDataGenerator.getInterval(renderOptions.hoursInterval);
                    return Object.assign({}, restOptions, {
                        startViewDate: this.viewDataGenerator.getStartViewDate(renderOptions),
                        isVerticalGrouping: (0, _index.isVerticalGroupingApplied)(groupCount, groupOrientation),
                        isHorizontalGrouping: (0, _index.isHorizontalGroupingApplied)(groupCount, groupOrientation),
                        isGroupedByDate: (0, _index.isGroupingByDate)(groupCount, groupOrientation, groupByDate),
                        isGroupedAllDayPanel: (0, _index.calculateIsGroupedAllDayPanel)(groupCount, groupOrientation, isAllDayPanelVisible),
                        getResourceManager: getResourceManager,
                        groupOrientation: groupOrientation,
                        isAllDayPanelVisible: isAllDayPanelVisible,
                        viewOffset: viewOffset,
                        interval: interval
                    })
                }
                getGroupPanelData(options) {
                    const renderOptions = this.transformRenderOptions(options);
                    const groupResources = renderOptions.getResourceManager().groupResources();
                    if (groupResources.length > 0) {
                        const cellCount = this.getCellCount(renderOptions);
                        return (0, _index.getGroupPanelData)(groupResources, cellCount, renderOptions.isGroupedByDate, renderOptions.isGroupedByDate ? 1 : cellCount)
                    }
                    return
                }
                getGroupStartDate(groupIndex) {
                    return this.groupedDataMapProvider.getGroupStartDate(groupIndex)
                }
                getGroupEndDate(groupIndex) {
                    return this.groupedDataMapProvider.getGroupEndDate(groupIndex)
                }
                findGroupCellStartDate(groupIndex, startDate, endDate) {
                    let isFindByDate = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : false;
                    return this.groupedDataMapProvider.findGroupCellStartDate(groupIndex, startDate, endDate, isFindByDate)
                }
                findAllDayGroupCellStartDate(groupIndex) {
                    return this.groupedDataMapProvider.findAllDayGroupCellStartDate(groupIndex)
                }
                findCellPositionInMap(cellInfo) {
                    let isAppointmentRender = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                    return this.groupedDataMapProvider.findCellPositionInMap(cellInfo, isAppointmentRender)
                }
                getCellsGroup(groupIndex) {
                    return this.groupedDataMapProvider.getCellsGroup(groupIndex)
                }
                getCompletedGroupsInfo() {
                    return this.groupedDataMapProvider.getCompletedGroupsInfo()
                }
                getGroupIndices() {
                    return this.groupedDataMapProvider.getGroupIndices()
                }
                getLastGroupCellPosition(groupIndex) {
                    return this.groupedDataMapProvider.getLastGroupCellPosition(groupIndex)
                }
                getRowCountInGroup(groupIndex) {
                    return this.groupedDataMapProvider.getRowCountInGroup(groupIndex)
                }
                getCellData(rowIndex, columnIndex) {
                    let isAllDay = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : false;
                    let rtlEnabled = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : false;
                    const row = isAllDay && !this.options.isVerticalGrouping ? this.viewDataMap.allDayPanelMap : this.viewDataMap.dateTableMap[rowIndex];
                    const actualColumnIndex = !rtlEnabled ? columnIndex : row.length - 1 - columnIndex;
                    const {
                        cellData: cellData
                    } = row[actualColumnIndex];
                    return cellData
                }
                getCellsByGroupIndexAndAllDay(groupIndex, isAllDay) {
                    const rowsPerGroup = this.getRowCountWithAllDayRows();
                    const isShowAllDayPanel = this.options.isAllDayPanelVisible;
                    const firstRowInGroup = this.options.isVerticalGrouping ? groupIndex * rowsPerGroup : 0;
                    const lastRowInGroup = this.options.isVerticalGrouping ? (groupIndex + 1) * rowsPerGroup - 1 : rowsPerGroup;
                    const correctedFirstRow = isShowAllDayPanel && !isAllDay ? firstRowInGroup + 1 : firstRowInGroup;
                    const correctedLastRow = isAllDay ? correctedFirstRow : lastRowInGroup;
                    return this.completeViewDataMap.slice(correctedFirstRow, correctedLastRow + 1).map(row => row.filter(_ref => {
                        let {
                            groupIndex: currentGroupIndex
                        } = _ref;
                        return groupIndex === currentGroupIndex
                    }))
                }
                getCellCountWithGroup(groupIndex) {
                    let rowIndex = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0;
                    const {
                        dateTableGroupedMap: dateTableGroupedMap
                    } = this.groupedDataMap;
                    return dateTableGroupedMap.filter((_, index) => index <= groupIndex).reduce((previous, row) => previous + row[rowIndex].length, 0)
                }
                hasGroupAllDayPanel(groupIndex) {
                    var _this$groupedDataMap$2;
                    if (this.options.isVerticalGrouping) {
                        var _this$groupedDataMap$;
                        return Boolean(null === (_this$groupedDataMap$ = this.groupedDataMap.dateTableGroupedMap[groupIndex]) || void 0 === _this$groupedDataMap$ ? void 0 : _this$groupedDataMap$[0][0].cellData.allDay)
                    }
                    return (null === (_this$groupedDataMap$2 = this.groupedDataMap.allDayPanelGroupedMap[groupIndex]) || void 0 === _this$groupedDataMap$2 ? void 0 : _this$groupedDataMap$2.length) > 0
                }
                isGroupIntersectDateInterval(groupIndex, startDate, endDate) {
                    const groupStartDate = this.getGroupStartDate(groupIndex);
                    const groupEndDate = this.getGroupEndDate(groupIndex);
                    return startDate < groupEndDate && endDate > groupStartDate
                }
                findGlobalCellPosition(date) {
                    let groupIndex = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0;
                    let allDay = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : false;
                    let findClosest = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : false;
                    const {
                        completeViewDataMap: completeViewDataMap
                    } = this;
                    const showAllDayPanel = this.options.isAllDayPanelVisible;
                    let resultDiff = Number.MAX_VALUE;
                    let resultCellData;
                    let resultCellColumnIndex = -1;
                    let resultCellRowIndex = -1;
                    const getCellPosition = (columnIndex, rowIndex) => ({
                        columnIndex: columnIndex,
                        rowIndex: showAllDayPanel && !this.options.isVerticalGrouping ? rowIndex - 1 : rowIndex
                    });
                    for (let rowIndex = 0; rowIndex < completeViewDataMap.length; rowIndex += 1) {
                        const currentRow = completeViewDataMap[rowIndex];
                        for (let columnIndex = 0; columnIndex < currentRow.length; columnIndex += 1) {
                            const cellData = currentRow[columnIndex];
                            const {
                                startDate: cellStartDate,
                                endDate: cellEndDate,
                                groupIndex: cellGroupIndex,
                                allDay: cellAllDay
                            } = cellData;
                            if (groupIndex !== cellGroupIndex || allDay !== Boolean(cellAllDay)) {
                                continue
                            }
                            const isDateInCell = allDay ? _date.default.sameDate(date, cellStartDate) : date >= cellStartDate && date < cellEndDate;
                            if (isDateInCell) {
                                return {
                                    position: getCellPosition(columnIndex, rowIndex),
                                    cellData: cellData
                                }
                            }
                            const diff = Math.abs(date.getTime() - cellStartDate.getTime());
                            if (findClosest && diff < resultDiff) {
                                resultDiff = diff;
                                resultCellData = cellData;
                                resultCellColumnIndex = columnIndex;
                                resultCellRowIndex = rowIndex
                            }
                        }
                    }
                    return resultCellData ? {
                        position: getCellPosition(resultCellColumnIndex, resultCellRowIndex),
                        cellData: resultCellData
                    } : void 0
                }
                getSkippedDaysCount(groupIndex, startDate, endDate, daysCount) {
                    const {
                        dateTableGroupedMap: dateTableGroupedMap
                    } = this.groupedDataMapProvider.groupedDataMap;
                    const groupedData = dateTableGroupedMap[groupIndex];
                    let includedDays = 0;
                    for (let rowIndex = 0; rowIndex < groupedData.length; rowIndex += 1) {
                        for (let columnIndex = 0; columnIndex < groupedData[rowIndex].length; columnIndex += 1) {
                            const cell = groupedData[rowIndex][columnIndex].cellData;
                            if (startDate.getTime() < cell.endDate.getTime() && endDate.getTime() > cell.startDate.getTime()) {
                                includedDays += 1
                            }
                        }
                    }
                    const lastCell = groupedData[groupedData.length - 1][groupedData[0].length - 1].cellData;
                    const lastCellStart = _date.default.trimTime(lastCell.startDate);
                    const daysAfterView = Math.floor((endDate.getTime() - lastCellStart.getTime()) / _date.default.dateToMilliseconds("day"));
                    const deltaDays = daysAfterView > 0 ? daysAfterView : 0;
                    return daysCount - includedDays - deltaDays
                }
                getColumnsCount() {
                    const {
                        dateTableMap: dateTableMap
                    } = this.viewDataMap;
                    return dateTableMap ? dateTableMap[0].length : 0
                }
                getViewEdgeIndices(isAllDayPanel) {
                    if (isAllDayPanel) {
                        return {
                            firstColumnIndex: 0,
                            lastColumnIndex: this.viewDataMap.allDayPanelMap.length - 1,
                            firstRowIndex: 0,
                            lastRowIndex: 0
                        }
                    }
                    return {
                        firstColumnIndex: 0,
                        lastColumnIndex: this.viewDataMap.dateTableMap[0].length - 1,
                        firstRowIndex: 0,
                        lastRowIndex: this.viewDataMap.dateTableMap.length - 1
                    }
                }
                getGroupEdgeIndices(groupIndex, isAllDay) {
                    const groupedDataMap = this.groupedDataMap.dateTableGroupedMap[groupIndex];
                    const cellsCount = groupedDataMap[0].length;
                    const rowsCount = groupedDataMap.length;
                    const firstColumnIndex = groupedDataMap[0][0].position.columnIndex;
                    const lastColumnIndex = groupedDataMap[0][cellsCount - 1].position.columnIndex;
                    if (isAllDay) {
                        return {
                            firstColumnIndex: firstColumnIndex,
                            lastColumnIndex: lastColumnIndex,
                            firstRowIndex: 0,
                            lastRowIndex: 0
                        }
                    }
                    return {
                        firstColumnIndex: firstColumnIndex,
                        lastColumnIndex: lastColumnIndex,
                        firstRowIndex: groupedDataMap[0][0].position.rowIndex,
                        lastRowIndex: groupedDataMap[rowsCount - 1][0].position.rowIndex
                    }
                }
                isSameCell(firstCellData, secondCellData) {
                    const {
                        startDate: firstStartDate,
                        groupIndex: firstGroupIndex,
                        allDay: firstAllDay,
                        index: firstIndex
                    } = firstCellData;
                    const {
                        startDate: secondStartDate,
                        groupIndex: secondGroupIndex,
                        allDay: secondAllDay,
                        index: secondIndex
                    } = secondCellData;
                    return firstStartDate.getTime() === secondStartDate.getTime() && firstGroupIndex === secondGroupIndex && firstAllDay === secondAllDay && firstIndex === secondIndex
                }
                getLastViewDate() {
                    const {
                        completeViewDataMap: completeViewDataMap
                    } = this;
                    const rowsCount = completeViewDataMap.length - 1;
                    return completeViewDataMap[rowsCount][completeViewDataMap[rowsCount].length - 1].endDate
                }
                getStartViewDate() {
                    return this.options.startViewDate
                }
                getIntervalDuration(intervalCount) {
                    return this.viewDataGenerator._getIntervalDuration(intervalCount)
                }
                getLastCellEndDate() {
                    const lastEndDate = new Date(this.getLastViewDate().getTime() - _date.default.dateToMilliseconds("minute"));
                    return _date2.dateUtilsTs.addOffsets(lastEndDate, -this.options.viewOffset)
                }
                getLastViewDateByEndDayHour(endDayHour) {
                    const lastCellEndDate = this.getLastCellEndDate();
                    const endTime = _date.default.dateTimeFromDecimal(endDayHour);
                    const endDateOfLastViewCell = new Date(lastCellEndDate.setHours(endTime.hours, endTime.minutes));
                    return this.adjustEndDateByDaylightDiff(lastCellEndDate, endDateOfLastViewCell)
                }
                adjustEndDateByDaylightDiff(startDate, endDate) {
                    const daylightDiff = _m_utils_time_zone.default.getDaylightOffsetInMs(startDate, endDate);
                    const endDateOfLastViewCell = new Date(endDate.getTime() - daylightDiff);
                    return new Date(endDateOfLastViewCell.getTime() - _date.default.dateToMilliseconds("minute"))
                }
                getCellCountInDay(startDayHour, endDayHour, hoursInterval) {
                    return this.viewDataGenerator.getCellCountInDay(startDayHour, endDayHour, hoursInterval)
                }
                getCellCount(options) {
                    return this.viewDataGenerator.getCellCount(options)
                }
                getRowCount(options) {
                    return this.viewDataGenerator.getRowCount(options)
                }
                getVisibleDayDuration(startDayHour, endDayHour, hoursInterval) {
                    return this.viewDataGenerator.getVisibleDayDuration(startDayHour, endDayHour, hoursInterval)
                }
                getRowCountWithAllDayRows() {
                    const allDayRowCount = this.options.isAllDayPanelVisible ? 1 : 0;
                    return this.getRowCount(this.options) + allDayRowCount
                }
                getFirstDayOfWeek(firstDayOfWeekOption) {
                    return this.viewDataGenerator.getFirstDayOfWeek(firstDayOfWeekOption)
                }
                setViewOptions(options) {
                    this.options = this.transformRenderOptions(options)
                }
                getViewOptions() {
                    return this.options
                }
                getViewPortGroupCount() {
                    const {
                        dateTableGroupedMap: dateTableGroupedMap
                    } = this.groupedDataMap;
                    return (null === dateTableGroupedMap || void 0 === dateTableGroupedMap ? void 0 : dateTableGroupedMap.length) || 0
                }
                getCellsBetween(first, last) {
                    const [firstCell, lastCell] = this.normalizeCellsOrder(first, last);
                    const {
                        index: firstIdx
                    } = firstCell;
                    const {
                        index: lastIdx
                    } = lastCell;
                    const cellMatrix = this.getCellsByGroupIndexAndAllDay(firstCell.groupIndex ?? 0, lastCell.allDay ?? false);
                    return (0, _index.isHorizontalView)(this.viewType) ? this.getCellsBetweenHorizontalView(cellMatrix, firstIdx, lastIdx) : this.getCellsBetweenVerticalView(cellMatrix, firstIdx, lastIdx)
                }
                getCellsBetweenHorizontalView(cellMatrix, firstIdx, lastIdx) {
                    return cellMatrix.reduce((result, row) => result.concat(row.filter(_ref2 => {
                        let {
                            index: index
                        } = _ref2;
                        return firstIdx <= index && index <= lastIdx
                    })), [])
                }
                getCellsBetweenVerticalView(cellMatrix, firstIdx, lastIdx) {
                    var _cellMatrix$;
                    const result = [];
                    const matrixHeight = cellMatrix.length;
                    const matrixWidth = (null === (_cellMatrix$ = cellMatrix[0]) || void 0 === _cellMatrix$ ? void 0 : _cellMatrix$.length) ?? 0;
                    let inSegment = false;
                    for (let columnIdx = 0; columnIdx < matrixWidth; columnIdx += 1) {
                        for (let rowIdx = 0; rowIdx < matrixHeight; rowIdx += 1) {
                            const cell = cellMatrix[rowIdx][columnIdx];
                            const {
                                index: cellIdx
                            } = cell;
                            if (cellIdx === firstIdx) {
                                inSegment = true
                            }
                            if (inSegment) {
                                result.push(cell)
                            }
                            if (cellIdx === lastIdx) {
                                return result
                            }
                        }
                    }
                    return result
                }
                normalizeCellsOrder(firstSelectedCell, lastSelectedCell) {
                    return firstSelectedCell.startDate > lastSelectedCell.startDate ? [lastSelectedCell, firstSelectedCell] : [firstSelectedCell, lastSelectedCell]
                }
            }
        },
        17574(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.calculateDaysBetweenDates = exports.calculateAlignedWeeksBetweenDates = exports.alignToLastDayOfWeek = exports.alignToFirstDayOfWeek = void 0;
            var _date = (e = __webpack_require__( /*! ../../../../../core/utils/date */ 41380), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const alignToFirstDayOfWeek = (date, firstDayOfWeek) => {
                const newDate = new Date(date);
                let dayDiff = newDate.getDay() - firstDayOfWeek;
                if (dayDiff < 0) {
                    dayDiff += 7
                }
                newDate.setDate(newDate.getDate() - dayDiff);
                return newDate
            };
            exports.alignToFirstDayOfWeek = alignToFirstDayOfWeek;
            const alignToLastDayOfWeek = (date, firstDayOfWeek) => {
                const newDate = alignToFirstDayOfWeek(date, firstDayOfWeek);
                newDate.setDate(newDate.getDate() + 7 - 1);
                return newDate
            };
            exports.alignToLastDayOfWeek = alignToLastDayOfWeek;
            const calculateDaysBetweenDates = (fromDate, toDate) => {
                const msDiff = _date.default.trimTime(toDate).getTime() - _date.default.trimTime(fromDate).getTime();
                return Math.round(msDiff / 864e5) + 1
            };
            exports.calculateDaysBetweenDates = calculateDaysBetweenDates;
            exports.calculateAlignedWeeksBetweenDates = (fromDate, toDate, firstDayOfWeek) => {
                const alignedFromDate = alignToFirstDayOfWeek(fromDate, firstDayOfWeek);
                const alignedToDate = alignToLastDayOfWeek(toDate, firstDayOfWeek);
                const weekCount = calculateDaysBetweenDates(alignedFromDate, alignedToDate) / 7;
                return Math.max(weekCount, 6)
            }
        },
        686(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getViewDataGeneratorByViewType = void 0;
            var _constants_view = __webpack_require__( /*! ../../../utils/options/constants_view */ 43582);
            var _m_view_data_generator = __webpack_require__( /*! ../m_view_data_generator */ 91245);
            var _m_view_data_generator_day = __webpack_require__( /*! ../m_view_data_generator_day */ 61715);
            var _m_view_data_generator_month = __webpack_require__( /*! ../m_view_data_generator_month */ 55752);
            var _m_view_data_generator_timeline_month = __webpack_require__( /*! ../m_view_data_generator_timeline_month */ 73082);
            var _m_view_data_generator_week = __webpack_require__( /*! ../m_view_data_generator_week */ 40348);
            var _m_view_data_generator_work_week = __webpack_require__( /*! ../m_view_data_generator_work_week */ 33196);
            exports.getViewDataGeneratorByViewType = viewType => {
                switch (viewType) {
                    case _constants_view.VIEWS.MONTH:
                        return new _m_view_data_generator_month.ViewDataGeneratorMonth(viewType);
                    case _constants_view.VIEWS.TIMELINE_MONTH:
                        return new _m_view_data_generator_timeline_month.ViewDataGeneratorTimelineMonth(viewType);
                    case _constants_view.VIEWS.DAY:
                    case _constants_view.VIEWS.TIMELINE_DAY:
                        return new _m_view_data_generator_day.ViewDataGeneratorDay(viewType);
                    case _constants_view.VIEWS.WEEK:
                    case _constants_view.VIEWS.TIMELINE_WEEK:
                        return new _m_view_data_generator_week.ViewDataGeneratorWeek(viewType);
                    case _constants_view.VIEWS.WORK_WEEK:
                    case _constants_view.VIEWS.TIMELINE_WORK_WEEK:
                        return new _m_view_data_generator_work_week.ViewDataGeneratorWorkWeek(viewType);
                    default:
                        return new _m_view_data_generator.ViewDataGenerator(viewType)
                }
            }
        },
        41581(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _animation = __webpack_require__( /*! ../../common/core/animation */ 16826);
            var _click = __webpack_require__( /*! ../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _utils = __webpack_require__( /*! ../../common/core/events/utils */ 98834);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../core/devices */ 65951));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../core/dom_adapter */ 64960));
            var _element = __webpack_require__( /*! ../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _bindable_template = __webpack_require__( /*! ../../core/templates/bindable_template */ 27286);
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _icon = __webpack_require__( /*! ../../core/utils/icon */ 69629);
            var iteratorUtils = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../core/utils/iterator */ 21274));
            var _size = __webpack_require__( /*! ../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _themes = __webpack_require__( /*! ../../ui/themes */ 52071);
            var _collection_widget = _interopRequireDefault(__webpack_require__( /*! ../ui/collection/collection_widget.live_update */ 26821));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class Accordion extends _collection_widget.default {
                _activeStateUnit() {
                    return ".dx-accordion-item"
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        hoverStateEnabled: true,
                        itemTitleTemplate: "title",
                        onItemTitleClick: null,
                        selectedIndex: 0,
                        collapsible: false,
                        multiple: false,
                        animationDuration: 300,
                        deferRendering: true,
                        selectByClick: true,
                        activeStateEnabled: true,
                        _itemAttributes: {
                            role: "tab"
                        },
                        _animationEasing: "ease"
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }, {
                        device: () => (0, _themes.isMaterialBased)((0, _themes.current)()),
                        options: {
                            animationDuration: 200,
                            _animationEasing: "cubic-bezier(0.4, 0, 0.2, 1)"
                        }
                    }])
                }
                _itemElements() {
                    return this._itemContainer().children(this._itemSelector())
                }
                _init() {
                    super._init();
                    const {
                        collapsible: collapsible,
                        multiple: multiple
                    } = this.option();
                    this.option("selectionRequired", !collapsible);
                    this.option("selectionMode", multiple ? "multiple" : "single");
                    const $element = this.$element();
                    $element.addClass("dx-accordion");
                    this._$container = (0, _renderer.default)("<div>").addClass("dx-accordion-wrapper");
                    $element.append(this._$container)
                }
                _initTemplates() {
                    super._initTemplates();
                    this._templateManager.addDefaultTemplates({
                        title: new _bindable_template.BindableTemplate(($container, data) => {
                            if ((0, _type.isPlainObject)(data)) {
                                const $iconElement = (0, _icon.getImageContainer)(data.icon);
                                if ($iconElement) {
                                    $container.append($iconElement)
                                }
                                if ((0, _type.isDefined)(data.title) && !(0, _type.isPlainObject)(data.title)) {
                                    $container.append(_dom_adapter.default.createTextNode(data.title))
                                }
                            } else if ((0, _type.isDefined)(data)) {
                                $container.text(String(data))
                            }
                            $container.wrapInner((0, _renderer.default)("<div>").addClass("dx-accordion-item-title-caption"))
                        }, ["title", "icon"], this.option("integrationOptions.watchMethod"))
                    })
                }
                _initMarkup() {
                    this._deferredItems = [];
                    super._initMarkup();
                    const {
                        multiple: multiple
                    } = this.option();
                    this.setAria({
                        role: "tablist",
                        multiselectable: multiple
                    });
                    (0, _common.deferRender)(() => {
                        const selectedItemIndices = this._getSelectedItemIndices();
                        this._renderSelection(selectedItemIndices, [])
                    })
                }
                _postProcessRenderItems() {
                    this._updateItemHeights(true)
                }
                _itemDataKey() {
                    return "dxAccordionItemData"
                }
                _itemClass() {
                    return "dx-accordion-item"
                }
                _itemContainer() {
                    return this._$container
                }
                _itemTitles() {
                    return this._itemElements().find(".dx-accordion-item-title")
                }
                _itemContents() {
                    return this._itemElements().find(".dx-accordion-item-body")
                }
                _getItemData(target) {
                    const itemData = (0, _renderer.default)(target).parent().data(this._itemDataKey());
                    return itemData ?? super._getItemData(target)
                }
                _itemSelectHandler(e) {
                    if ((0, _renderer.default)(e.target).closest(this._itemContents()).length) {
                        return
                    }
                    super._itemSelectHandler(e)
                }
                _afterItemElementDeleted($item, deletedActionArgs) {
                    this._deferredItems.splice(deletedActionArgs.itemIndex, 1);
                    super._afterItemElementDeleted($item, deletedActionArgs)
                }
                _renderItemContent(args) {
                    const {
                        itemTitleTemplate: itemTitleTemplate
                    } = this.option();
                    const itemTitleDeferred = super._renderItemContent(Object.assign({}, args, {
                        contentClass: "dx-accordion-item-title",
                        templateProperty: "titleTemplate",
                        defaultTemplateName: itemTitleTemplate
                    }));
                    const callBase = super._renderItemContent.bind(this);
                    return itemTitleDeferred.done(itemTitle => {
                        this._attachItemTitleClickAction(itemTitle);
                        const deferred = (0, _deferred.Deferred)();
                        if ((0, _type.isDefined)(this._deferredItems[args.index])) {
                            this._deferredItems[args.index] = deferred
                        } else {
                            this._deferredItems.push(deferred)
                        }
                        const {
                            deferRendering: deferRendering
                        } = this.option();
                        if (!deferRendering || this._getSelectedItemIndices().includes(args.index)) {
                            deferred.resolve()
                        }
                        deferred.done(() => {
                            callBase(Object.assign({}, args, {
                                contentClass: "dx-accordion-item-body",
                                container: (0, _element.getPublicElement)((0, _renderer.default)("<div>").appendTo((0, _renderer.default)(itemTitle).parent()))
                            }))
                        })
                    })
                }
                _attachItemTitleClickAction($itemTitle) {
                    const eventName = (0, _utils.addNamespace)(_click.name, this.NAME);
                    _events_engine.default.off($itemTitle, eventName);
                    _events_engine.default.on($itemTitle, eventName, this._itemTitleClickHandler.bind(this))
                }
                _itemTitleClickHandler(e) {
                    this._itemDXEventHandler(e, "onItemTitleClick")
                }
                _renderSelection(addedSelection, removedSelection) {
                    this._itemElements().addClass("dx-accordion-item-closed");
                    this.setAria("hidden", true, this._itemContents());
                    this._updateItems(addedSelection, removedSelection)
                }
                _updateSelection(addedSelection, removedSelection) {
                    this._updateItems(addedSelection, removedSelection);
                    this._updateItemHeightsWrapper(false)
                }
                _updateItems(addedSelection, removedSelection) {
                    const $items = this._itemElements();
                    iteratorUtils.each(addedSelection, (_i, addedIndex) => {
                        var _this$_deferredItems$;
                        null === (_this$_deferredItems$ = this._deferredItems[addedIndex]) || void 0 === _this$_deferredItems$ || _this$_deferredItems$.resolve();
                        const $item = $items.eq(addedIndex).addClass("dx-accordion-item-opened").removeClass("dx-accordion-item-closed");
                        this.setAria("hidden", false, $item.find(".dx-accordion-item-body"))
                    });
                    iteratorUtils.each(removedSelection, (_i, removedIndex) => {
                        const $item = $items.eq(removedIndex).removeClass("dx-accordion-item-opened");
                        this.setAria("hidden", true, $item.find(".dx-accordion-item-body"))
                    })
                }
                _updateItemHeightsWrapper(skipAnimation) {
                    const {
                        templatesRenderAsynchronously: templatesRenderAsynchronously
                    } = this.option();
                    if (templatesRenderAsynchronously) {
                        this._animationTimer = setTimeout(() => {
                            this._updateItemHeights(skipAnimation)
                        })
                    } else {
                        this._updateItemHeights(skipAnimation)
                    }
                }
                _updateItemHeights(skipAnimation) {
                    const deferredAnimate = this._deferredAnimate;
                    const itemHeight = this._splitFreeSpace(this._calculateFreeSpace());
                    clearTimeout(this._animationTimer);
                    const that = this;
                    return _deferred.when.apply(_renderer.default, [...this._itemElements().toArray()].map(item => that._updateItemHeight((0, _renderer.default)(item), itemHeight, skipAnimation))).done(() => {
                        if (deferredAnimate) {
                            deferredAnimate.resolveWith(that)
                        }
                    })
                }
                _updateItemHeight($item, itemHeight, skipAnimation) {
                    const $title = $item.children(".dx-accordion-item-title");
                    if (_animation.fx.isAnimating($item.get(0))) {
                        _animation.fx.stop($item.get(0), false)
                    }
                    const startItemHeight = (0, _size.getOuterHeight)($item);
                    let finalItemHeight;
                    if ($item.hasClass("dx-accordion-item-opened")) {
                        finalItemHeight = itemHeight + (0, _size.getOuterHeight)($title);
                        if (!finalItemHeight) {
                            (0, _size.setHeight)($item, "auto");
                            finalItemHeight = (0, _size.getOuterHeight)($item)
                        }
                    } else {
                        finalItemHeight = (0, _size.getOuterHeight)($title)
                    }
                    return this._animateItem($item, startItemHeight, finalItemHeight, skipAnimation, !!itemHeight)
                }
                _animateItem($element, startHeight, endHeight, skipAnimation, fixedHeight) {
                    let deferred;
                    if (skipAnimation || startHeight === endHeight) {
                        $element.css("height", endHeight);
                        deferred = (0, _deferred.Deferred)().resolve()
                    } else {
                        const {
                            animationDuration: animationDuration,
                            _animationEasing: easing
                        } = this.option();
                        deferred = _animation.fx.animate($element.get(0), {
                            type: "custom",
                            from: {
                                height: startHeight
                            },
                            to: {
                                height: endHeight
                            },
                            duration: animationDuration,
                            easing: easing
                        })
                    }
                    return deferred.done(() => {
                        if ($element.hasClass("dx-accordion-item-opened") && !fixedHeight) {
                            $element.css("height", "")
                        }
                        $element.not(".dx-accordion-item-opened").addClass("dx-accordion-item-closed")
                    })
                }
                _splitFreeSpace(freeSpace) {
                    const {
                        selectedItems: selectedItems
                    } = this.option();
                    if (!freeSpace || !(null !== selectedItems && void 0 !== selectedItems && selectedItems.length)) {
                        return freeSpace
                    }
                    return freeSpace / selectedItems.length
                }
                _calculateFreeSpace() {
                    const {
                        height: height
                    } = this.option();
                    if (void 0 === height || "auto" === height) {
                        return
                    }
                    const $titles = this._itemTitles();
                    let itemsHeight = 0;
                    iteratorUtils.each($titles, (_index, title) => {
                        itemsHeight += (0, _size.getOuterHeight)(title)
                    });
                    const elementHeight = (0, _size.getHeight)(this.$element());
                    return elementHeight - itemsHeight
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        this._dimensionChanged()
                    }
                }
                _dimensionChanged() {
                    this._updateItemHeights(true)
                }
                _clean() {
                    clearTimeout(this._animationTimer);
                    super._clean()
                }
                _tryParseItemPropertyName(fullName) {
                    const matches = fullName.match(/.*\.(.*)/);
                    if ((0, _type.isDefined)(matches) && matches.length >= 1) {
                        return matches[1]
                    }
                    return null
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "items": {
                            super._optionChanged(args);
                            if ("title" === this._tryParseItemPropertyName(args.fullName)) {
                                this._renderSelection(this._getSelectedItemIndices(), [])
                            }
                            if ("visible" === this._tryParseItemPropertyName(args.fullName)) {
                                this._updateItemHeightsWrapper(true)
                            }
                            const {
                                repaintChangesOnly: repaintChangesOnly
                            } = this.option();
                            if (true === repaintChangesOnly && "items" === args.fullName) {
                                this._renderSelection(this._getSelectedItemIndices(), []);
                                this._updateItemHeightsWrapper(true)
                            }
                            break
                        }
                        case "animationDuration":
                        case "onItemTitleClick":
                        case "_animationEasing":
                            break;
                        case "collapsible":
                            this.option("selectionRequired", !this.option("collapsible"));
                            break;
                        case "itemTitleTemplate":
                        case "height":
                        case "deferRendering":
                            this._invalidate();
                            break;
                        case "multiple":
                            this.option("selectionMode", args.value ? "multiple" : "single");
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                expandItem(index) {
                    this._deferredAnimate = (0, _deferred.Deferred)();
                    this.selectItem(index);
                    return this._deferredAnimate.promise()
                }
                collapseItem(index) {
                    this._deferredAnimate = (0, _deferred.Deferred)();
                    this.unselectItem(index);
                    return this._deferredAnimate.promise()
                }
                updateDimensions() {
                    return this._updateItemHeights(false)
                }
            }(0, _component_registrator.default)("dxAccordion", Accordion);
            exports.default = Accordion
        },
        11541(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _bindable_template = __webpack_require__( /*! ../../core/templates/bindable_template */ 27286);
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _wrapper = _interopRequireDefault(__webpack_require__( /*! ../ui/button/wrapper */ 19583));
            var _collection_widget = _interopRequireDefault(__webpack_require__( /*! ../ui/collection/collection_widget.edit */ 79839));
            var _m_popover = _interopRequireDefault(__webpack_require__( /*! ../ui/popover/m_popover */ 7784));
            var _m_popup = _interopRequireDefault(__webpack_require__( /*! ../ui/popup/m_popup */ 43864));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            class ActionSheet extends _collection_widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        usePopover: false,
                        target: null,
                        title: "",
                        showTitle: true,
                        showCancelButton: true,
                        cancelText: _message.default.format("Cancel"),
                        onCancelClick: null,
                        visible: false,
                        noDataText: "",
                        focusStateEnabled: false,
                        selectByClick: false
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: {
                            platform: "ios",
                            tablet: true
                        },
                        options: {
                            usePopover: true
                        }
                    }])
                }
                _initTemplates() {
                    super._initTemplates();
                    this._templateManager.addDefaultTemplates({
                        item: new _bindable_template.BindableTemplate(($container, data) => {
                            const button = new _wrapper.default((0, _renderer.default)("<div>"), (0, _extend.extend)({
                                onClick: null === data || void 0 === data ? void 0 : data.click,
                                stylingMode: (null === data || void 0 === data ? void 0 : data.stylingMode) || "outlined"
                            }, data));
                            $container.append(button.$element())
                        }, ["disabled", "icon", "text", "type", "onClick", "click", "stylingMode"], this.option("integrationOptions.watchMethod"))
                    })
                }
                _itemContainer() {
                    return this._$itemContainer
                }
                _itemClass() {
                    return "dx-actionsheet-item"
                }
                _itemDataKey() {
                    return "dxActionSheetItemData"
                }
                _toggleVisibility() {}
                _renderDimensions() {}
                _initMarkup() {
                    super._initMarkup();
                    this.$element().addClass("dx-actionsheet");
                    this._createItemContainer()
                }
                _render() {
                    this._renderPopup()
                }
                _createItemContainer() {
                    this._$itemContainer = (0, _renderer.default)("<div>").addClass("dx-actionsheet-container");
                    this._renderDisabled()
                }
                _renderDisabled() {
                    const {
                        disabled: disabled
                    } = this.option();
                    this._$itemContainer.toggleClass("dx-state-disabled", disabled)
                }
                _renderPopup() {
                    this._$popup = (0, _renderer.default)("<div>").appendTo(this.$element());
                    if (this._isPopoverMode()) {
                        this._createPopover()
                    } else {
                        this._createPopup()
                    }
                    this._renderPopupTitle();
                    this._mapPopupOption("visible")
                }
                _mapPopupOption(optionName) {
                    var _this$_popup;
                    null === (_this$_popup = this._popup) || void 0 === _this$_popup || _this$_popup.option(optionName, this.option(optionName))
                }
                _isPopoverMode() {
                    const {
                        usePopover: usePopover,
                        target: target
                    } = this.option();
                    return !!(usePopover && target)
                }
                _renderPopupTitle() {
                    var _this$_popup2;
                    this._mapPopupOption("showTitle");
                    null === (_this$_popup2 = this._popup) || void 0 === _this$_popup2 || null === (_this$_popup2 = _this$_popup2.$wrapper()) || void 0 === _this$_popup2 || _this$_popup2.toggleClass("dx-actionsheet-without-title", !this.option("showTitle"))
                }
                _clean() {
                    if (this._$popup) {
                        this._$popup.remove()
                    }
                    super._clean()
                }
                _overlayConfig() {
                    const {
                        title: title
                    } = this.option();
                    return {
                        onInitialized: args => {
                            this._popup = args.component
                        },
                        disabled: false,
                        showTitle: true,
                        title: title,
                        deferRendering: true,
                        onContentReady: this._popupContentReadyAction.bind(this),
                        onHidden: () => {
                            this.hide()
                        }
                    }
                }
                _createPopover() {
                    var _this$_popup$$wrapper;
                    this._createComponent(this._$popup, _m_popover.default, (0, _extend.extend)(this._overlayConfig(), {
                        width: this.option("width") || 200,
                        height: this.option("height") || "auto",
                        target: this.option("target")
                    }));
                    this._popup.$overlayContent().attr("role", "dialog");
                    null === (_this$_popup$$wrapper = this._popup.$wrapper()) || void 0 === _this$_popup$$wrapper || _this$_popup$$wrapper.addClass("dx-actionsheet-popover-wrapper")
                }
                _createPopup() {
                    var _this$_popup$$wrapper2;
                    this._createComponent(this._$popup, _m_popup.default, (0, _extend.extend)(this._overlayConfig(), {
                        dragEnabled: false,
                        width: this.option("width") || "100%",
                        height: this.option("height") || "auto",
                        showCloseButton: false,
                        position: {
                            my: "bottom",
                            at: "bottom",
                            of: window
                        },
                        animation: {
                            show: {
                                type: "slide",
                                duration: 400,
                                from: {
                                    position: {
                                        my: "top",
                                        at: "bottom",
                                        of: window
                                    }
                                },
                                to: {
                                    position: {
                                        my: "bottom",
                                        at: "bottom",
                                        of: window
                                    }
                                }
                            },
                            hide: {
                                type: "slide",
                                duration: 400,
                                from: {
                                    position: {
                                        my: "bottom",
                                        at: "bottom",
                                        of: window
                                    }
                                },
                                to: {
                                    position: {
                                        my: "top",
                                        at: "bottom",
                                        of: window
                                    }
                                }
                            }
                        }
                    }));
                    null === (_this$_popup$$wrapper2 = this._popup.$wrapper()) || void 0 === _this$_popup$$wrapper2 || _this$_popup$$wrapper2.addClass("dx-actionsheet-popup-wrapper")
                }
                _popupContentReadyAction() {
                    var _this$_popup$$content;
                    null === (_this$_popup$$content = this._popup.$content()) || void 0 === _this$_popup$$content || _this$_popup$$content.append(this._$itemContainer);
                    this._attachClickEvent();
                    this._attachHoldEvent();
                    this._prepareContent();
                    this._renderContent();
                    this._renderCancelButton()
                }
                _renderCancelButton() {
                    if (this._isPopoverMode()) {
                        return
                    }
                    if (this._$cancelButton) {
                        this._$cancelButton.remove()
                    }
                    const {
                        showCancelButton: showCancelButton,
                        cancelText: cancelText
                    } = this.option();
                    if (showCancelButton) {
                        var _this$_popup3;
                        const cancelClickAction = this._createActionByOption("onCancelClick") || _common.noop;
                        const $content = null === (_this$_popup3 = this._popup) || void 0 === _this$_popup3 ? void 0 : _this$_popup3.$content();
                        if (!$content) {
                            return
                        }
                        this._$cancelButton = (0, _renderer.default)("<div>").addClass("dx-actionsheet-cancel").appendTo($content);
                        this._createComponent(this._$cancelButton, _wrapper.default, {
                            disabled: false,
                            stylingMode: "outlined",
                            text: cancelText,
                            onClick: e => {
                                const hidingArgs = {
                                    event: e,
                                    cancel: false
                                };
                                cancelClickAction(hidingArgs);
                                if (!hidingArgs.cancel) {
                                    this.hide()
                                }
                            },
                            integrationOptions: {}
                        })
                    }
                }
                _attachItemClickEvent() {}
                _itemClickHandler(e) {
                    super._itemClickHandler(e);
                    if (!(0, _renderer.default)(e.target).is(".dx-state-disabled, .dx-state-disabled *")) {
                        this.hide()
                    }
                }
                _itemHoldHandler(e) {
                    super._itemHoldHandler(e);
                    if (!(0, _renderer.default)(e.target).is(".dx-state-disabled, .dx-state-disabled *")) {
                        this.hide()
                    }
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "width":
                        case "height":
                        case "visible":
                        case "title":
                            this._mapPopupOption(name);
                            break;
                        case "disabled":
                            this._renderDisabled();
                            break;
                        case "showTitle":
                            this._renderPopupTitle();
                            break;
                        case "showCancelButton":
                        case "onCancelClick":
                        case "cancelText":
                            this._renderCancelButton();
                            break;
                        case "target":
                        case "usePopover":
                        case "items":
                            this._invalidate();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                toggle(showing) {
                    const d = (0, _deferred.Deferred)();
                    this._popup.toggle(showing).done(() => {
                        this.option("visible", showing);
                        d.resolveWith(this)
                    });
                    return d.promise()
                }
                show() {
                    return this.toggle(true)
                }
                hide() {
                    return this.toggle(false)
                }
            }(0, _component_registrator.default)("dxActionSheet", ActionSheet);
            exports.default = ActionSheet
        },
        6554(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _inflector = __webpack_require__( /*! ../../core/utils/inflector */ 53124);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _style = __webpack_require__( /*! ../../core/utils/style */ 58515);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _collection_widget = _interopRequireDefault(__webpack_require__( /*! ../ui/collection/collection_widget.edit */ 79839));
            var _item = _interopRequireDefault(__webpack_require__( /*! ../ui/collection/item */ 30845));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const MINSIZE_MAP = {
                row: "minWidth",
                col: "minHeight"
            };
            const MAXSIZE_MAP = {
                row: "maxWidth",
                col: "maxHeight"
            };
            const FLEX_JUSTIFY_CONTENT_MAP = {
                start: "flex-start",
                end: "flex-end",
                center: "center",
                "space-between": "space-between",
                "space-around": "space-around"
            };
            const FLEX_ALIGN_ITEMS_MAP = {
                start: "flex-start",
                end: "flex-end",
                center: "center",
                stretch: "stretch"
            };
            const FLEX_DIRECTION_MAP = {
                row: "row",
                col: "column"
            };
            const setFlexProp = (element, prop, value) => {
                const normalizedValue = (0, _style.normalizeStyleProp)(prop, value);
                element.style[(0, _style.styleProp)(prop)] = normalizedValue;
                if (!(0, _window.hasWindow)()) {
                    if ("" === normalizedValue || !(0, _type.isDefined)(normalizedValue)) {
                        return
                    }
                    const cssName = (0, _inflector.dasherize)(prop);
                    const styleExpr = `${cssName}: ${normalizedValue};`;
                    (0, _style.setStyle)(element, styleExpr, false)
                }
            };
            class BoxItem extends _item.default {
                _renderVisible(value, oldValue) {
                    super._renderVisible(value);
                    if ((0, _type.isDefined)(oldValue)) {
                        this._options.fireItemStateChangedAction({
                            name: "visible",
                            state: value,
                            oldState: oldValue
                        })
                    }
                }
            }
            class LayoutStrategy {
                constructor($element, option) {
                    this._$element = $element;
                    this._option = option
                }
                renderBox() {
                    this._$element.css({
                        display: `${(0,_style.stylePropPrefix)("flexDirection")}flex`
                    });
                    const direction = this._option("direction") ?? "row";
                    setFlexProp(this._$element.get(0), "flexDirection", FLEX_DIRECTION_MAP[direction])
                }
                renderAlign() {
                    this._$element.css({
                        justifyContent: this._normalizedAlign()
                    })
                }
                _normalizedAlign() {
                    const align = this._option("align") ?? "start";
                    return align in FLEX_JUSTIFY_CONTENT_MAP ? FLEX_JUSTIFY_CONTENT_MAP[align] : align
                }
                renderCrossAlign() {
                    this._$element.css({
                        alignItems: this._normalizedCrossAlign()
                    })
                }
                _normalizedCrossAlign() {
                    const crossAlign = this._option("crossAlign") ?? "start";
                    return crossAlign in FLEX_ALIGN_ITEMS_MAP ? FLEX_ALIGN_ITEMS_MAP[crossAlign] : crossAlign
                }
                renderItems($items) {
                    const flexPropPrefix = (0, _style.stylePropPrefix)("flexDirection");
                    const direction = this._option("direction") ?? "row";
                    (0, _iterator.each)($items, function() {
                        const $item = (0, _renderer.default)(this);
                        const item = $item.data("dxBoxItemData");
                        $item.css({
                            display: `${flexPropPrefix}flex`
                        }).css(MAXSIZE_MAP[direction], item.maxSize ?? "none").css(MINSIZE_MAP[direction], item.minSize ?? "0");
                        setFlexProp($item.get(0), "flexBasis", item.baseSize ?? 0);
                        setFlexProp($item.get(0), "flexGrow", item.ratio ?? 0);
                        setFlexProp($item.get(0), "flexShrink", (0, _type.isDefined)(item.shrink) ? item.shrink : 1);
                        $item.children().each((index, element) => {
                            (0, _renderer.default)(element).css({
                                width: "auto",
                                height: "auto",
                                display: `${(0,_style.stylePropPrefix)("flexDirection")}flex`,
                                flexBasis: 0
                            });
                            setFlexProp(element, "flexGrow", 1);
                            setFlexProp(element, "flexDirection", (0, _renderer.default)(element)[0].style.flexDirection ?? "column");
                            return true
                        })
                    })
                }
            }
            class Box extends _collection_widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        direction: "row",
                        align: "start",
                        crossAlign: "stretch",
                        activeStateEnabled: false,
                        focusStateEnabled: false
                    })
                }
                _itemClass() {
                    return "dx-box-item"
                }
                _itemDataKey() {
                    return "dxBoxItemData"
                }
                _itemElements() {
                    return this._itemContainer().children(this._itemSelector())
                }
                _init() {
                    super._init();
                    this.$element().addClass("dx-box-flex");
                    this._initLayout();
                    this._initializeRenderQueue()
                }
                _initLayout() {
                    this._layout = new LayoutStrategy(this.$element(), name => this.option(name))
                }
                _initializeRenderQueue() {
                    const {
                        _queue: queue
                    } = this.option();
                    this._queue = queue ?? []
                }
                _queueIsNotEmpty() {
                    return this.option("_queue") ? false : !!this._queue.length
                }
                _pushItemToQueue($item, config) {
                    this._queue.push({
                        $item: $item,
                        config: config
                    })
                }
                _shiftItemFromQueue() {
                    return this._queue.shift()
                }
                _initMarkup() {
                    this.$element().addClass("dx-box");
                    this._layout.renderBox();
                    super._initMarkup();
                    this._renderAlign();
                    this._renderActions()
                }
                _renderActions() {
                    this._onItemStateChanged = this._createActionByOption("onItemStateChanged")
                }
                _renderAlign() {
                    this._layout.renderAlign();
                    this._layout.renderCrossAlign()
                }
                _renderItems(items) {
                    super._renderItems(items);
                    this._processRenderQueue();
                    this._layout.renderItems(this._itemElements())
                }
                _processRenderQueue() {
                    if (this._queueIsNotEmpty()) {
                        const item = this._shiftItemFromQueue();
                        const {
                            itemTemplate: itemTemplate,
                            itemHoldTimeout: itemHoldTimeout,
                            onItemHold: onItemHold,
                            onItemClick: onItemClick,
                            onItemContextMenu: onItemContextMenu,
                            onItemRendered: onItemRendered
                        } = this.option();
                        if (item) {
                            this._createComponent(item.$item, Box, Object.assign({
                                itemTemplate: itemTemplate,
                                itemHoldTimeout: itemHoldTimeout,
                                onItemHold: onItemHold,
                                onItemClick: onItemClick,
                                onItemContextMenu: onItemContextMenu,
                                onItemRendered: onItemRendered,
                                _queue: this._queue
                            }, item.config))
                        }
                        this._processRenderQueue()
                    }
                }
                _renderItemContent(args) {
                    var _args$itemData;
                    const $itemNode = null === (_args$itemData = args.itemData) || void 0 === _args$itemData ? void 0 : _args$itemData.node;
                    if ($itemNode) {
                        return this._renderItemContentByNode(args, $itemNode)
                    }
                    return super._renderItemContent(args)
                }
                _postprocessRenderItem(args) {
                    var _args$itemData2;
                    const boxConfig = null === (_args$itemData2 = args.itemData) || void 0 === _args$itemData2 ? void 0 : _args$itemData2.box;
                    if (!boxConfig) {
                        return
                    }
                    this._pushItemToQueue(args.itemContent, boxConfig)
                }
                _createItemByTemplate(itemTemplate, args) {
                    const {
                        itemData: itemData
                    } = args;
                    if (itemData.box) {
                        return itemTemplate.source ? itemTemplate.source() : (0, _renderer.default)()
                    }
                    return super._createItemByTemplate(itemTemplate, args)
                }
                _itemOptionChanged(item, property, value, prevValue) {
                    if ("visible" === property) {
                        this._onItemStateChanged({
                            name: property,
                            state: value,
                            oldState: false !== prevValue
                        })
                    }
                    super._itemOptionChanged(item, property, value, prevValue)
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "_queue":
                        case "direction":
                            this._invalidate();
                            break;
                        case "align":
                            this._layout.renderAlign();
                            break;
                        case "crossAlign":
                            this._layout.renderCrossAlign();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _itemOptions() {
                    const options = super._itemOptions();
                    options.fireItemStateChangedAction = e => {
                        this._onItemStateChanged(e)
                    };
                    return options
                }
            }
            Box.ItemClass = BoxItem;
            (0, _component_registrator.default)("dxBox", Box);
            exports.default = Box
        },
        59310(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultOptionRules = exports.defaultButtonProps = exports.buttonComponentProps = exports.Button = exports.BUTTON_CLASS = void 0;
            exports.defaultOptions = function(rule) {
                __defaultOptionRules.push(rule);
                Button.defaultProps = Object.create(Object.prototype, Object.assign(Object.getOwnPropertyDescriptors(Button.defaultProps), Object.getOwnPropertyDescriptors((0, _utils.convertRulesToOptions)(defaultOptionRules)), Object.getOwnPropertyDescriptors((0, _utils.convertRulesToOptions)(__defaultOptionRules))))
            };
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _short = __webpack_require__( /*! ../../../common/core/events/short */ 42222);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _utils = __webpack_require__( /*! ../../../core/options/utils */ 53904);
            var _icon = __webpack_require__( /*! ../../../core/utils/icon */ 69629);
            var _inflector = __webpack_require__( /*! ../../../core/utils/inflector */ 53124);
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _base_props = __webpack_require__( /*! ../../core/r1/base_props */ 28112);
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            var _index2 = __webpack_require__( /*! ../../core/r1/utils/index */ 10632);
            var _widget = __webpack_require__( /*! ../../core/r1/widget */ 93796);
            var _combine_classes = __webpack_require__( /*! ../../core/utils/combine_classes */ 46190);
            var _icon2 = __webpack_require__( /*! ./icon */ 38643);
            var _ink_ripple = __webpack_require__( /*! ./ink_ripple */ 8529);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const BUTTON_CLASS = exports.BUTTON_CLASS = "dx-button";
            const stylingModes = ["outlined", "text", "contained"];
            const buttonComponentProps = exports.buttonComponentProps = ["accessKey", "activeStateEnabled", "className", "disabled", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "iconPosition", "iconTemplate", "onClick", "onKeyDown", "onSubmit", "pressed", "rtlEnabled", "stylingMode", "tabIndex", "template", "templateData", "text", "type", "useInkRipple", "useSubmitBehavior", "visible", "width"];
            const defaultButtonProps = exports.defaultButtonProps = Object.assign({}, _base_props.BaseWidgetDefaultProps, {
                activeStateEnabled: true,
                hoverStateEnabled: true,
                icon: "",
                iconPosition: "left",
                stylingMode: "contained",
                text: "",
                type: "normal",
                useInkRipple: false,
                useSubmitBehavior: false,
                templateData: {}
            });
            const defaultOptionRules = exports.defaultOptionRules = (0, _utils.createDefaultOptionRules)([{
                device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                options: {
                    focusStateEnabled: true
                }
            }, {
                device: () => (0, _themes.isMaterial)((0, _themes.current)()),
                options: {
                    useInkRipple: true
                }
            }]);
            class Button extends _index.InfernoWrapperComponent {
                constructor(props) {
                    super(props);
                    this.contentRef = (0, _inferno.createRef)();
                    this.inkRippleRef = (0, _inferno.createRef)();
                    this.submitInputRef = (0, _inferno.createRef)();
                    this.widgetRef = (0, _inferno.createRef)();
                    this.__getterCache = {};
                    this.state = {};
                    this.focus = this.focus.bind(this);
                    this.activate = this.activate.bind(this);
                    this.deactivate = this.deactivate.bind(this);
                    this.submitEffect = this.submitEffect.bind(this);
                    this.onActive = this.onActive.bind(this);
                    this.onInactive = this.onInactive.bind(this);
                    this.onWidgetClick = this.onWidgetClick.bind(this);
                    this.keyDown = this.keyDown.bind(this)
                }
                createEffects() {
                    return [new _index.InfernoEffect(this.submitEffect, [this.props.onSubmit, this.props.useSubmitBehavior]), (0, _index.createReRenderEffect)()]
                }
                updateEffects() {
                    var _this$_effects$;
                    null === (_this$_effects$ = this._effects[0]) || void 0 === _this$_effects$ || _this$_effects$.update([this.props.onSubmit, this.props.useSubmitBehavior])
                }
                submitEffect() {
                    const {
                        onSubmit: onSubmit,
                        useSubmitBehavior: useSubmitBehavior
                    } = this.props;
                    const submitInput = this.submitInputRef.current;
                    if (useSubmitBehavior && onSubmit) {
                        _short.click.on(submitInput, event => onSubmit({
                            event: event,
                            submitInput: submitInput
                        }), {
                            namespace: "UIFeedback"
                        });
                        return () => _short.click.off(submitInput, {
                            namespace: "UIFeedback"
                        })
                    }
                    return
                }
                onActive(event) {
                    if (this.props.useInkRipple) {
                        var _this$inkRippleRef$cu;
                        null === (_this$inkRippleRef$cu = this.inkRippleRef.current) || void 0 === _this$inkRippleRef$cu || _this$inkRippleRef$cu.showWave({
                            element: this.contentRef.current,
                            event: event
                        })
                    }
                }
                onInactive(event) {
                    if (this.props.useInkRipple) {
                        var _this$inkRippleRef$cu2;
                        null === (_this$inkRippleRef$cu2 = this.inkRippleRef.current) || void 0 === _this$inkRippleRef$cu2 || _this$inkRippleRef$cu2.hideWave({
                            element: this.contentRef.current,
                            event: event
                        })
                    }
                }
                onWidgetClick(event) {
                    const {
                        onClick: onClick,
                        useSubmitBehavior: useSubmitBehavior
                    } = this.props;
                    null === onClick || void 0 === onClick || onClick({
                        event: event
                    });
                    if (useSubmitBehavior) {
                        var _this$submitInputRef$;
                        null === (_this$submitInputRef$ = this.submitInputRef.current) || void 0 === _this$submitInputRef$ || _this$submitInputRef$.click()
                    }
                }
                keyDown(e) {
                    const {
                        onKeyDown: onKeyDown
                    } = this.props;
                    const {
                        keyName: keyName,
                        originalEvent: originalEvent,
                        which: which
                    } = e;
                    const result = null === onKeyDown || void 0 === onKeyDown ? void 0 : onKeyDown(e);
                    if (null !== result && void 0 !== result && result.cancel) {
                        return result
                    }
                    if ("space" === keyName || "space" === which || "enter" === keyName || "enter" === which) {
                        originalEvent.preventDefault();
                        this.onWidgetClick(originalEvent)
                    }
                    return
                }
                get aria() {
                    const {
                        icon: icon,
                        text: text
                    } = this.props;
                    let label = text ?? "";
                    if (!text && icon) {
                        const iconSource = (0, _icon.getImageSourceType)(icon);
                        switch (iconSource) {
                            case "image": {
                                const notURLRegexp = /^(?!(?:https?:\/\/)|(?:ftp:\/\/)|(?:www\.))[^\s]+$/;
                                const isPathToImage = !icon.includes("base64") && notURLRegexp.test(icon);
                                label = isPathToImage ? icon.replace(/.+\/([^.]+)\..+$/, "$1") : "";
                                break
                            }
                            case "dxIcon":
                                label = _message.default.format((0, _inflector.camelize)(icon, true)) || icon;
                                break;
                            case "fontIcon":
                                label = icon;
                                break;
                            case "svg": {
                                var _titleRegexp$exec;
                                const titleRegexp = /<title>(.*?)<\/title>/;
                                label = (null === (_titleRegexp$exec = titleRegexp.exec(icon)) || void 0 === _titleRegexp$exec ? void 0 : _titleRegexp$exec[1]) ?? "";
                                break
                            }
                        }
                    }
                    return Object.assign({
                        role: "button"
                    }, label ? {
                        label: label
                    } : {})
                }
                get cssClasses() {
                    return (model => {
                        const {
                            icon: icon,
                            iconPosition: iconPosition,
                            stylingMode: stylingMode,
                            text: text,
                            type: type
                        } = model;
                        const isValidStylingMode = stylingMode && stylingModes.includes(stylingMode);
                        const classesMap = {
                            [BUTTON_CLASS]: true,
                            [`dx-button-mode-${isValidStylingMode?stylingMode:"contained"}`]: true,
                            [`dx-button-${type??"normal"}`]: true,
                            "dx-button-has-text": !!text,
                            "dx-button-has-icon": !!icon,
                            "dx-button-icon-right": "left" !== iconPosition
                        };
                        return (0, _combine_classes.combineClasses)(classesMap)
                    })(this.props)
                }
                get iconSource() {
                    return this.props.icon ?? ""
                }
                get inkRippleConfig() {
                    if (void 0 === this.__getterCache.inkRippleConfig) {
                        const {
                            icon: icon,
                            text: text
                        } = this.props;
                        this.__getterCache.inkRippleConfig = !text && icon ? {
                            isCentered: true,
                            useHoldAnimation: false,
                            waveSizeCoefficient: 1
                        } : {}
                    }
                    return this.__getterCache.inkRippleConfig
                }
                get buttonTemplateData() {
                    const {
                        icon: icon,
                        text: text,
                        templateData: templateData
                    } = this.props;
                    return Object.assign({
                        icon: icon,
                        text: text
                    }, templateData)
                }
                get restAttributes() {
                    const excludedKeys = [...buttonComponentProps, "children"];
                    return ((obj, excludedKeys) => {
                        const excludedSet = new Set(excludedKeys);
                        return Object.keys(obj).reduce((result, key) => {
                            if (!excludedSet.has(key)) {
                                result[key] = obj[key]
                            }
                            return result
                        }, {})
                    })(this.props, excludedKeys)
                }
                focus() {
                    var _this$widgetRef$curre;
                    null === (_this$widgetRef$curre = this.widgetRef.current) || void 0 === _this$widgetRef$curre || _this$widgetRef$curre.focus()
                }
                activate() {
                    var _this$widgetRef$curre2;
                    null === (_this$widgetRef$curre2 = this.widgetRef.current) || void 0 === _this$widgetRef$curre2 || _this$widgetRef$curre2.activate()
                }
                deactivate() {
                    var _this$widgetRef$curre3;
                    null === (_this$widgetRef$curre3 = this.widgetRef.current) || void 0 === _this$widgetRef$curre3 || _this$widgetRef$curre3.deactivate()
                }
                componentWillUpdate(nextProps) {
                    super.componentWillUpdate();
                    if (this.props.icon !== nextProps.icon || this.props.text !== nextProps.text) {
                        this.__getterCache.inkRippleConfig = void 0
                    }
                }
                render() {
                    const {
                        children: children,
                        iconPosition: iconPosition,
                        text: text
                    } = this.props;
                    const ButtonTemplate = (0, _index2.getTemplate)(this.props.template);
                    const IconTemplate = (0, _index2.getTemplate)(this.props.iconTemplate);
                    const renderText = !this.props.template && !children && "" !== text;
                    const isIconLeft = "left" === iconPosition;
                    const iconComponent = !ButtonTemplate && !children && (this.iconSource || IconTemplate) && (0, _inferno.createComponentVNode)(2, _icon2.Icon, {
                        source: this.iconSource,
                        position: iconPosition,
                        iconTemplate: IconTemplate
                    });
                    return (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _widget.Widget, Object.assign({
                        accessKey: this.props.accessKey,
                        activeStateEnabled: this.props.activeStateEnabled,
                        aria: this.aria,
                        className: this.props.className,
                        classes: this.cssClasses,
                        disabled: this.props.disabled,
                        focusStateEnabled: this.props.focusStateEnabled,
                        height: this.props.height,
                        hint: this.props.hint,
                        hoverStateEnabled: this.props.hoverStateEnabled,
                        onActive: this.onActive,
                        onClick: this.onWidgetClick,
                        onInactive: this.onInactive,
                        onKeyDown: this.keyDown,
                        rtlEnabled: this.props.rtlEnabled,
                        tabIndex: this.props.tabIndex,
                        visible: this.props.visible,
                        width: this.props.width
                    }, this.restAttributes, {
                        children: (0, _inferno.createVNode)(1, "div", "dx-button-content", [ButtonTemplate ? ButtonTemplate({
                            data: this.buttonTemplateData
                        }) : children, isIconLeft && iconComponent, renderText && (0, _inferno.createVNode)(1, "span", "dx-button-text", text, 0), !isIconLeft && iconComponent, this.props.useSubmitBehavior && (0, _inferno.createVNode)(64, "input", "dx-button-submit-input", null, 1, {
                            type: "submit",
                            tabindex: -1
                        }, null, this.submitInputRef), this.props.useInkRipple && (0, _inferno.createComponentVNode)(2, _ink_ripple.InkRipple, {
                            config: this.inkRippleConfig
                        }, null, this.inkRippleRef)], 0, null, null, this.contentRef)
                    }), null, this.widgetRef))
                }
            }
            exports.Button = Button;
            Button.defaultProps = Object.assign({}, defaultButtonProps, (0, _utils.convertRulesToOptions)(defaultOptionRules));
            const __defaultOptionRules = []
        },
        38643(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultIconProps = exports.Icon = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _icon = __webpack_require__( /*! ../../../core/utils/icon */ 69629);
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            var _index2 = __webpack_require__( /*! ../../core/r1/utils/index */ 10632);
            var _combine_classes = __webpack_require__( /*! ../../core/utils/combine_classes */ 46190);
            const defaultIconProps = exports.defaultIconProps = {
                position: "left",
                source: ""
            };
            class Icon extends _index.BaseInfernoComponent {
                constructor(props) {
                    super(props);
                    this.state = {}
                }
                get sourceType() {
                    return (0, _icon.getImageSourceType)(this.props.source)
                }
                get cssClass() {
                    return "left" !== this.props.position ? "dx-icon-right" : ""
                }
                get iconClassName() {
                    const generalClasses = {
                        "dx-icon": true,
                        [this.cssClass]: !!this.cssClass
                    };
                    const {
                        source: source
                    } = this.props;
                    if ("dxIcon" === this.sourceType) {
                        return (0, _combine_classes.combineClasses)(Object.assign({}, generalClasses, {
                            [`dx-icon-${source}`]: true
                        }))
                    }
                    if ("fontIcon" === this.sourceType) {
                        return (0, _combine_classes.combineClasses)(Object.assign({}, generalClasses, {
                            [String(source)]: !!source
                        }))
                    }
                    if ("image" === this.sourceType) {
                        return (0, _combine_classes.combineClasses)(generalClasses)
                    }
                    if ("svg" === this.sourceType) {
                        return (0, _combine_classes.combineClasses)(Object.assign({}, generalClasses, {
                            "dx-svg-icon": true
                        }))
                    }
                    return ""
                }
                render() {
                    const {
                        iconClassName: iconClassName,
                        props: props,
                        sourceType: sourceType
                    } = this;
                    const IconTemplate = (0, _index2.getTemplate)(props.iconTemplate);
                    return (0, _inferno.createFragment)(["dxIcon" === sourceType && (0, _inferno.createVNode)(1, "i", iconClassName), "fontIcon" === sourceType && (0, _inferno.createVNode)(1, "i", iconClassName), "image" === sourceType && (0, _inferno.createVNode)(1, "img", iconClassName, null, 1, {
                        alt: "",
                        src: props.source
                    }), IconTemplate && (0, _inferno.createVNode)(1, "i", iconClassName, IconTemplate({}), 0)], 0)
                }
            }
            exports.Icon = Icon;
            Icon.defaultProps = defaultIconProps
        },
        74660(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _wrapper = (e = __webpack_require__( /*! ./wrapper */ 19583), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _wrapper.default
        },
        8529(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultInkRippleProps = exports.InkRipple = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            var _m_ink_ripple = __webpack_require__( /*! ../../core/utils/m_ink_ripple */ 43469);
            const _excluded = ["config"];
            const defaultInkRippleProps = exports.defaultInkRippleProps = {
                config: {}
            };
            class InkRipple extends _index.BaseInfernoComponent {
                constructor(props) {
                    super(props);
                    this.__getterCache = {};
                    this.state = {};
                    this.hideWave = this.hideWave.bind(this);
                    this.showWave = this.showWave.bind(this)
                }
                get getConfig() {
                    if (void 0 === this.__getterCache.getConfig) {
                        this.__getterCache.getConfig = (0, _m_ink_ripple.initConfig)(this.props.config)
                    }
                    return this.__getterCache.getConfig
                }
                get restAttributes() {
                    const _this$props = this.props,
                        restProps = function(r, e) {
                            if (null == r) {
                                return {}
                            }
                            var t = {};
                            for (var n in r) {
                                if ({}.hasOwnProperty.call(r, n)) {
                                    if (-1 !== e.indexOf(n)) {
                                        continue
                                    }
                                    t[n] = r[n]
                                }
                            }
                            return t
                        }(_this$props, _excluded);
                    return restProps
                }
                hideWave(opts) {
                    (0, _m_ink_ripple.hideWave)(this.getConfig, opts)
                }
                showWave(opts) {
                    (0, _m_ink_ripple.showWave)(this.getConfig, opts)
                }
                componentWillUpdate(nextProps) {
                    if (this.props.config !== nextProps.config) {
                        this.__getterCache.getConfig = void 0
                    }
                }
                render() {
                    return (0, _inferno.normalizeProps)((0, _inferno.createVNode)(1, "div", "dx-inkripple", null, 1, Object.assign({}, this.restAttributes)))
                }
            }
            exports.InkRipple = InkRipple;
            InkRipple.defaultProps = defaultInkRippleProps
        },
        19583(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _icon = __webpack_require__( /*! ../../../core/utils/icon */ 69629);
            var _validation_engine = _interopRequireDefault(__webpack_require__( /*! ../../../ui/validation_engine */ 19391));
            var _component_wrapper = __webpack_require__( /*! ../../core/r1/component_wrapper */ 34993);
            var _button = __webpack_require__( /*! ./button */ 59310);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class Button extends _component_wrapper.ComponentWrapper {
                get _validationGroupConfig() {
                    return _validation_engine.default.getGroupConfig(this._findGroup())
                }
                getDefaultTemplateNames() {
                    return ["content"]
                }
                getSupportedKeyNames() {
                    return ["space", "enter"]
                }
                getProps() {
                    const props = super.getProps();
                    props.onClick = _ref => {
                        let {
                            event: event
                        } = _ref;
                        this._clickAction({
                            event: event,
                            validationGroup: this._validationGroupConfig
                        })
                    };
                    props.onKeyDown = this._wrapKeyDownHandler(props.onKeyDown);
                    const iconType = (0, _icon.getImageSourceType)(props.icon);
                    if ("svg" === iconType) {
                        props.iconTemplate = this._createTemplateComponent(() => props.icon)
                    }
                    return props
                }
                get viewRef() {
                    return super.viewRef
                }
                get _templatesInfo() {
                    return {
                        template: "content"
                    }
                }
                _toggleActiveState(_, value) {
                    if (value) {
                        var _this$viewRef;
                        null === (_this$viewRef = this.viewRef) || void 0 === _this$viewRef || _this$viewRef.activate()
                    } else {
                        var _this$viewRef2;
                        null === (_this$viewRef2 = this.viewRef) || void 0 === _this$viewRef2 || _this$viewRef2.deactivate()
                    }
                }
                _getSubmitAction() {
                    let needValidate = true;
                    let validationStatus = "valid";
                    return this._createAction(_ref2 => {
                        let {
                            event: event,
                            submitInput: submitInput
                        } = _ref2;
                        if (needValidate) {
                            const validationGroup = this._validationGroupConfig;
                            if (void 0 !== validationGroup && "" !== validationGroup) {
                                const validationResult = validationGroup.validate();
                                validationStatus = validationResult.status;
                                if ("pending" === validationResult.status) {
                                    needValidate = false;
                                    this.option("disabled", true);
                                    validationResult.complete.then(_ref3 => {
                                        let {
                                            status: status
                                        } = _ref3;
                                        this.option("disabled", false);
                                        validationStatus = status;
                                        if ("valid" === validationStatus) {
                                            submitInput.click()
                                        }
                                        needValidate = true
                                    })
                                }
                            }
                        }
                        if ("valid" !== validationStatus) {
                            event.preventDefault()
                        }
                        event.stopPropagation()
                    })
                }
                _initializeComponent() {
                    super._initializeComponent();
                    this._addAction("onSubmit", this._getSubmitAction());
                    this._clickAction = this._createClickAction()
                }
                _initMarkup() {
                    super._initMarkup();
                    const $content = this.$element().find(".dx-button-content").first();
                    const $template = $content.children().filter(".dx-template-wrapper");
                    const $input = $content.children().filter(".dx-button-submit-input");
                    if ($template.length) {
                        $template.addClass("dx-button-content");
                        $template.append($input);
                        $content.replaceWith($template)
                    }
                }
                _patchOptionValues(options) {
                    return super._patchOptionValues(Object.assign({}, options, {
                        templateData: options._templateData
                    }))
                }
                _findGroup() {
                    const $element = this.$element();
                    const validationGroup = this.option("validationGroup");
                    return void 0 !== validationGroup && "" !== validationGroup ? validationGroup : _validation_engine.default.findGroup($element, this._modelByElement($element))
                }
                _createClickAction() {
                    return this._createActionByOption("onClick", {
                        excludeValidators: ["readOnly"]
                    })
                }
                _optionChanged(option) {
                    if ("onClick" === option.name) {
                        this._clickAction = this._createClickAction()
                    }
                    super._optionChanged(option)
                }
                focus() {
                    var _this$viewRef3;
                    null === (_this$viewRef3 = this.viewRef) || void 0 === _this$viewRef3 || _this$viewRef3.focus()
                }
                activate() {
                    var _this$viewRef4;
                    null === (_this$viewRef4 = this.viewRef) || void 0 === _this$viewRef4 || _this$viewRef4.activate()
                }
                deactivate() {
                    var _this$viewRef5;
                    null === (_this$viewRef5 = this.viewRef) || void 0 === _this$viewRef5 || _this$viewRef5.deactivate()
                }
                _getActionConfigs() {
                    return {
                        onClick: {
                            excludeValidators: ["readOnly"]
                        },
                        onSubmit: {}
                    }
                }
                get _propsInfo() {
                    return {
                        twoWay: [],
                        allowNull: [],
                        elements: ["onSubmit"],
                        templates: ["template", "iconTemplate"],
                        props: _button.buttonComponentProps
                    }
                }
                get _viewComponent() {
                    return _button.Button
                }
            }
            exports.default = Button;
            (0, _component_registrator.default)("dxButton", Button);
            Button.defaultOptions = _button.defaultOptions
        },
        3559(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.BUTTON_GROUP_CLASS = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _bindable_template = __webpack_require__( /*! ../../core/templates/bindable_template */ 27286);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../ui/button */ 64973));
            var _uiCollection_widget = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/ui.collection_widget.edit */ 7607));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../core/widget/widget */ 89275));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const BUTTON_GROUP_CLASS = exports.BUTTON_GROUP_CLASS = "dx-buttongroup";
            const BUTTON_GROUP_WRAPPER_CLASS = `${BUTTON_GROUP_CLASS}-wrapper`;
            const BUTTON_GROUP_ITEM_CLASS = `${BUTTON_GROUP_CLASS}-item`;
            const BUTTON_GROUP_FIRST_ITEM_CLASS = `${BUTTON_GROUP_CLASS}-first-item`;
            const BUTTON_GROUP_LAST_ITEM_CLASS = `${BUTTON_GROUP_CLASS}-last-item`;
            const BUTTON_GROUP_ITEM_HAS_WIDTH = `${BUTTON_GROUP_ITEM_CLASS}-has-width`;
            const BUTTON_GROUP_STYLING_MODE_CLASS = {
                contained: "dx-buttongroup-mode-contained",
                outlined: "dx-buttongroup-mode-outlined",
                text: "dx-buttongroup-mode-text"
            };
            class ButtonCollection extends _uiCollection_widget.default {
                _initTemplates() {
                    super._initTemplates();
                    this._templateManager.addDefaultTemplates({
                        item: new _bindable_template.BindableTemplate(($container, data, model) => {
                            this._prepareItemStyles($container);
                            const {
                                buttonTemplate: buttonTemplate
                            } = this.option();
                            this._createComponent($container, _button.default, (0, _extend.extend)({}, model, data, this._getBasicButtonOptions(), {
                                _templateData: this._hasCustomTemplate(buttonTemplate) ? model : {},
                                template: model.template || buttonTemplate
                            }))
                        }, ["text", "type", "icon", "disabled", "visible", "hint"], this.option("integrationOptions.watchMethod"))
                    })
                }
                _getBasicButtonOptions() {
                    const {
                        hoverStateEnabled: hoverStateEnabled,
                        activeStateEnabled: activeStateEnabled,
                        stylingMode: stylingMode
                    } = this.option();
                    return {
                        focusStateEnabled: false,
                        onClick: null,
                        hoverStateEnabled: hoverStateEnabled,
                        activeStateEnabled: activeStateEnabled,
                        stylingMode: stylingMode
                    }
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        itemTemplateProperty: null
                    })
                }
                _hasCustomTemplate(template) {
                    return (0, _type.isFunction)(template) || this.option("integrationOptions.templates")[template]
                }
                _selectedItemClass() {
                    return "dx-item-selected dx-state-selected"
                }
                _prepareItemStyles($item) {
                    const itemIndex = $item.data("dxItemIndex");
                    if (0 === itemIndex) {
                        $item.addClass(BUTTON_GROUP_FIRST_ITEM_CLASS)
                    }
                    const {
                        items: items
                    } = this.option();
                    if (items && itemIndex === items.length - 1) {
                        $item.addClass(BUTTON_GROUP_LAST_ITEM_CLASS)
                    }
                    $item.addClass("dx-shape-standard")
                }
                _renderItemContent(args) {
                    args.container = (0, _renderer.default)(args.container).parent();
                    return super._renderItemContent(args)
                }
                _setAriaSelectionAttribute($target, value) {
                    this.setAria("pressed", value, $target)
                }
                _renderItemContentByNode(args, $node) {
                    args.container = (0, _renderer.default)(args.container).children().first();
                    return super._renderItemContentByNode(args, $node)
                }
                _focusTarget() {
                    return this.$element().parent()
                }
                _keyboardEventBindingTarget() {
                    return this._focusTarget()
                }
                _enterKeyHandler(e) {
                    e.preventDefault();
                    super._enterKeyHandler(e)
                }
                _refreshContent() {
                    this._prepareContent();
                    this._renderContent()
                }
                _itemClass() {
                    return BUTTON_GROUP_ITEM_CLASS
                }
                _itemSelectHandler(e) {
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    if ("single" === selectionMode && this.isItemSelected(e.currentTarget)) {
                        return
                    }
                    super._itemSelectHandler(e)
                }
            }
            class ButtonGroup extends _widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        hoverStateEnabled: true,
                        focusStateEnabled: true,
                        selectionMode: "single",
                        selectedItems: [],
                        selectedItemKeys: [],
                        stylingMode: "contained",
                        keyExpr: "text",
                        items: [],
                        buttonTemplate: "content",
                        onSelectionChanged: null,
                        onItemClick: null
                    })
                }
                _init() {
                    super._init();
                    this._createItemClickAction()
                }
                _createItemClickAction() {
                    this._itemClickAction = this._createActionByOption("onItemClick")
                }
                _initMarkup() {
                    this.setAria("role", "group");
                    this.$element().addClass(BUTTON_GROUP_CLASS);
                    this._renderStylingMode();
                    this._renderButtons();
                    this._syncSelectionOptions();
                    super._initMarkup()
                }
                _renderStylingMode() {
                    const {
                        stylingMode: stylingMode
                    } = this.option();
                    for (const key in BUTTON_GROUP_STYLING_MODE_CLASS) {
                        this.$element().removeClass(BUTTON_GROUP_STYLING_MODE_CLASS[key])
                    }
                    this.$element().addClass(BUTTON_GROUP_STYLING_MODE_CLASS[stylingMode ?? "contained"])
                }
                _fireSelectionChangeEvent(addedItems, removedItems) {
                    this._createActionByOption("onSelectionChanged", {
                        excludeValidators: ["disabled", "readOnly"]
                    })({
                        addedItems: addedItems,
                        removedItems: removedItems
                    })
                }
                _renderButtons() {
                    const $buttons = (0, _renderer.default)("<div>").addClass(BUTTON_GROUP_WRAPPER_CLASS).appendTo(this.$element());
                    const {
                        selectedItems: selectedItems,
                        selectionMode: selectionMode,
                        items: items,
                        keyExpr: keyExpr,
                        buttonTemplate: buttonTemplate,
                        selectedItemKeys: selectedItemKeys,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        activeStateEnabled: activeStateEnabled,
                        stylingMode: stylingMode,
                        accessKey: accessKey,
                        tabIndex: tabIndex
                    } = this.option();
                    const options = {
                        selectionMode: selectionMode,
                        items: items,
                        keyExpr: keyExpr,
                        buttonTemplate: buttonTemplate,
                        selectedItemKeys: selectedItemKeys,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        activeStateEnabled: activeStateEnabled,
                        stylingMode: stylingMode,
                        accessKey: accessKey,
                        tabIndex: tabIndex,
                        noDataText: "",
                        selectionRequired: false,
                        onItemRendered: e => {
                            const {
                                width: width
                            } = this.option();
                            if ((0, _type.isDefined)(width)) {
                                (0, _renderer.default)(e.itemElement).addClass(BUTTON_GROUP_ITEM_HAS_WIDTH)
                            }
                        },
                        onSelectionChanged: e => {
                            this._syncSelectionOptions();
                            this._fireSelectionChangeEvent(e.addedItems, e.removedItems)
                        },
                        onItemClick: e => {
                            this._itemClickAction(e)
                        }
                    };
                    if ((0, _type.isDefined)(selectedItems) && selectedItems.length) {
                        options.selectedItems = selectedItems
                    }
                    this._buttonsCollection = this._createComponent($buttons, ButtonCollection, options)
                }
                _syncSelectionOptions() {
                    this._setOptionWithoutOptionChange("selectedItems", this._buttonsCollection.option("selectedItems"));
                    this._setOptionWithoutOptionChange("selectedItemKeys", this._buttonsCollection.option("selectedItemKeys"))
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "stylingMode":
                        case "selectionMode":
                        case "keyExpr":
                        case "buttonTemplate":
                        case "items":
                        case "activeStateEnabled":
                        case "focusStateEnabled":
                        case "hoverStateEnabled":
                        case "tabIndex":
                            this._invalidate();
                            break;
                        case "selectedItemKeys":
                        case "selectedItems":
                            this._buttonsCollection.option(name, value);
                            break;
                        case "onItemClick":
                            this._createItemClickAction();
                            break;
                        case "onSelectionChanged":
                            break;
                        case "width":
                            super._optionChanged(args);
                            this._buttonsCollection.itemElements().toggleClass(BUTTON_GROUP_ITEM_HAS_WIDTH, !!value);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }(0, _component_registrator.default)("dxButtonGroup", ButtonGroup);
            exports.default = ButtonGroup
        },
        51487(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _hover = __webpack_require__( /*! ../../../common/core/events/hover */ 638);
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _element_data = __webpack_require__( /*! ../../../core/element_data */ 74663);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _date_serialization = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date_serialization */ 71051));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CALENDAR_DXCLICK_EVENT_NAME = (0, _index.addNamespace)(_click.name, "dxCalendar");
            const CALENDAR_DXHOVERSTART_EVENT_NAME = (0, _index.addNamespace)(_hover.start, "dxCalendar");
            const CURRENT_DATE_TEXT = {
                month: _message.default.format("dxCalendar-currentDay"),
                year: _message.default.format("dxCalendar-currentMonth"),
                decade: _message.default.format("dxCalendar-currentYear"),
                century: _message.default.format("dxCalendar-currentYearRange")
            };
            const SELECTION_MODE_single = "single",
                SELECTION_MODE_multiple = "multiple",
                SELECTION_MODE_range = "range";
            class BaseView extends _widget.default {
                _getViewName() {
                    return "base"
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        date: new Date,
                        focusStateEnabled: false,
                        cellTemplate: null,
                        disabledDates: null,
                        onCellClick: null,
                        onCellHover: null,
                        onWeekNumberClick: null,
                        rowCount: 3,
                        colCount: 4,
                        allowValueSelection: true,
                        _todayDate: () => new Date
                    })
                }
                _initMarkup() {
                    super._initMarkup();
                    this._renderImpl()
                }
                _renderImpl() {
                    this.$element().append(this._createTable());
                    this._createDisabledDatesHandler();
                    this._renderBody();
                    this._renderContouredDate();
                    this._renderValue();
                    this._renderRange();
                    this._renderEvents();
                    this._updateTableAriaLabel()
                }
                _getLocalizedWidgetName() {
                    const localizedWidgetName = _message.default.format("dxCalendar-ariaWidgetName");
                    return localizedWidgetName
                }
                _getSingleModeAriaLabel() {
                    const {
                        value: value
                    } = this.option();
                    const localizedWidgetName = this._getLocalizedWidgetName();
                    const formattedDate = _date.default.format(value, "date");
                    const selectedDatesText = _message.default.format("dxCalendar-selectedDate", formattedDate);
                    const ariaLabel = `${localizedWidgetName}. ${selectedDatesText}`;
                    return ariaLabel
                }
                _getRangeModeAriaLabel() {
                    const {
                        value: value
                    } = this.option();
                    const localizedWidgetName = this._getLocalizedWidgetName();
                    const [startDate, endDate] = value;
                    const formattedStartDate = _date.default.format(startDate, "date");
                    const formattedEndDate = _date.default.format(endDate, "date");
                    const selectedDatesText = startDate && endDate ? _message.default.format("dxCalendar-selectedDateRange", formattedStartDate, formattedEndDate) : _message.default.format("dxCalendar-selectedDate", formattedStartDate ?? formattedEndDate);
                    const ariaLabel = `${localizedWidgetName}. ${selectedDatesText}`;
                    return ariaLabel
                }
                _getMultipleModeAriaLabel() {
                    const localizedWidgetName = this._getLocalizedWidgetName();
                    const selectedRangesText = this._getMultipleRangesText();
                    const ariaLabel = `${localizedWidgetName}. ${selectedRangesText}`;
                    return ariaLabel
                }
                _getMultipleRangesText() {
                    const {
                        value: value
                    } = this.option();
                    const rangeValue = value;
                    const ranges = _date2.default.getRangesByDates(rangeValue.map(date => new Date(date)));
                    if (ranges.length > 2) {
                        const dateRangeCountText = _message.default.format("dxCalendar-selectedDateRangeCount", ranges.length);
                        return dateRangeCountText
                    }
                    const selectedDatesText = _message.default.format("dxCalendar-selectedDates");
                    const rangesText = ranges.map(range => this._getRangeText(range)).join(", ");
                    const result = `${selectedDatesText}: ${rangesText}`;
                    return result
                }
                _getRangeText(range) {
                    const [startDate, endDate] = range;
                    const formattedStartDate = _date.default.format(startDate, "date");
                    const formattedEndDate = _date.default.format(endDate, "date");
                    const selectedDatesText = startDate && endDate ? _message.default.format("dxCalendar-selectedMultipleDateRange", formattedStartDate, formattedEndDate) : formattedStartDate;
                    return `${selectedDatesText}`
                }
                _getTableAriaLabel() {
                    const {
                        value: value,
                        selectionMode: selectionMode
                    } = this.option();
                    const isValueEmpty = !value || Array.isArray(value) && !value.filter(Boolean).length;
                    if (isValueEmpty) {
                        return this._getLocalizedWidgetName()
                    }
                    switch (selectionMode) {
                        case SELECTION_MODE_single:
                            return this._getSingleModeAriaLabel();
                        case SELECTION_MODE_range:
                            return this._getRangeModeAriaLabel();
                        case SELECTION_MODE_multiple:
                            return this._getMultipleModeAriaLabel();
                        default:
                            return this._getSingleModeAriaLabel()
                    }
                }
                _updateTableAriaLabel() {
                    const label = this._getTableAriaLabel();
                    this.setAria({
                        label: label
                    }, this._$table)
                }
                _createTable() {
                    this._$table = (0, _renderer.default)("<table>");
                    this.setAria({
                        role: "grid"
                    }, this._$table);
                    return this._$table
                }
                _renderBody() {
                    this.$body = (0, _renderer.default)("<tbody>").appendTo(this._$table);
                    const rowData = {
                        cellDate: this._getFirstCellData(),
                        prevCellDate: null,
                        row: void 0
                    };
                    const {
                        rowCount: rowsCount,
                        colCount: colsCount
                    } = this.option();
                    for (let rowIndex = 0, rowCount = rowsCount; rowIndex < rowCount; rowIndex += 1) {
                        rowData.row = this._createRow();
                        for (let colIndex = 0, colCount = colsCount; colIndex < colCount; colIndex += 1) {
                            this._renderCell(rowData, colIndex)
                        }
                        this._renderWeekNumberCell(rowData)
                    }
                }
                _renderWeekNumberCell(rowData) {}
                _createRow() {
                    const row = _dom_adapter.default.createElement("tr");
                    this.setAria("role", "row", (0, _renderer.default)(row));
                    this.$body.get(0).appendChild(row);
                    return row
                }
                _createCell(cellDate, cellIndex) {
                    const cell = _dom_adapter.default.createElement("td");
                    const $cell = (0, _renderer.default)(cell);
                    cell.className = this._getClassNameByDate(cellDate, cellIndex);
                    cell.setAttribute("data-value", _date_serialization.default.serializeDate(cellDate, _date2.default.getShortDateFormat()));
                    (0, _element_data.data)(cell, "dxDateValueKey", cellDate);
                    this.setAria({
                        role: "gridcell",
                        selected: false,
                        label: this.getCellAriaLabel(cellDate)
                    }, $cell);
                    return {
                        cell: cell,
                        $cell: $cell
                    }
                }
                _renderCell(params, cellIndex) {
                    const {
                        cellDate: cellDate,
                        prevCellDate: prevCellDate,
                        row: row
                    } = params;
                    if (prevCellDate) {
                        _date2.default.fixTimezoneGap(prevCellDate, cellDate)
                    }
                    params.prevCellDate = cellDate;
                    const {
                        cell: cell,
                        $cell: $cell
                    } = this._createCell(cellDate, cellIndex);
                    const {
                        cellTemplate: cellTemplate
                    } = this.option();
                    (0, _renderer.default)(row).append(cell);
                    if (cellTemplate) {
                        cellTemplate.render(this._prepareCellTemplateData(cellDate, cellIndex, $cell))
                    } else {
                        cell.innerHTML = this._getCellText(cellDate)
                    }
                    params.cellDate = this._getNextCellData(cellDate)
                }
                _getClassNameByDate(cellDate, cellIndex) {
                    let className = "dx-calendar-cell";
                    if (this._isTodayCell(cellDate)) {
                        className += " dx-calendar-today"
                    }
                    if (this._isDateOutOfRange(cellDate) || this.isDateDisabled(cellDate)) {
                        className += " dx-calendar-empty-cell"
                    }
                    if (this._isOtherView(cellDate)) {
                        className += " dx-calendar-other-view"
                    }
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    if (selectionMode === SELECTION_MODE_range) {
                        if (0 === cellIndex) {
                            className += " dx-calendar-cell-start-in-row"
                        }
                        const {
                            colCount: colCount
                        } = this.option();
                        if (cellIndex === colCount - 1) {
                            className += " dx-calendar-cell-end-in-row"
                        }
                        if (this._isStartDayOfMonth(cellDate)) {
                            className += " dx-calendar-cell-start"
                        }
                        if (this._isEndDayOfMonth(cellDate)) {
                            className += " dx-calendar-cell-end"
                        }
                    }
                    return className
                }
                _prepareCellTemplateData(cellDate, cellIndex, $cell) {
                    const isDateCell = cellDate instanceof Date;
                    const text = isDateCell ? this._getCellText(cellDate) : cellDate;
                    const date = isDateCell ? cellDate : void 0;
                    const view = this._getViewName();
                    return {
                        model: {
                            text: text,
                            date: date,
                            view: view
                        },
                        container: (0, _element.getPublicElement)($cell),
                        index: cellIndex
                    }
                }
                _renderEvents() {
                    this._createCellClickAction();
                    _events_engine.default.off(this._$table, CALENDAR_DXCLICK_EVENT_NAME);
                    _events_engine.default.on(this._$table, CALENDAR_DXCLICK_EVENT_NAME, "td:not(.dx-calendar-week-number-cell)", e => {
                        if (!(0, _renderer.default)(e.currentTarget).hasClass("dx-calendar-empty-cell")) {
                            this._cellClickAction({
                                event: e,
                                value: (0, _renderer.default)(e.currentTarget).data("dxDateValueKey")
                            })
                        }
                    });
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    _events_engine.default.off(this._$table, CALENDAR_DXHOVERSTART_EVENT_NAME);
                    if (selectionMode === SELECTION_MODE_range) {
                        this._createCellHoverAction();
                        _events_engine.default.on(this._$table, CALENDAR_DXHOVERSTART_EVENT_NAME, "td:not(.dx-calendar-week-number-cell)", e => {
                            if (!(0, _renderer.default)(e.currentTarget).hasClass("dx-calendar-empty-cell")) {
                                this._cellHoverAction({
                                    event: e,
                                    value: (0, _renderer.default)(e.currentTarget).data("dxDateValueKey")
                                })
                            }
                        })
                    }
                    if (selectionMode !== SELECTION_MODE_single) {
                        this._createWeekNumberCellClickAction();
                        _events_engine.default.on(this._$table, CALENDAR_DXCLICK_EVENT_NAME, ".dx-calendar-week-number-cell", e => {
                            const $row = (0, _renderer.default)(e.currentTarget).closest("tr");
                            const firstDateInRow = $row.find(".dx-calendar-cell").first().data("dxDateValueKey");
                            const lastDateInRow = $row.find(".dx-calendar-cell").last().data("dxDateValueKey");
                            const rowDates = [..._date2.default.getDatesOfInterval(firstDateInRow, lastDateInRow, 864e5), lastDateInRow];
                            this._weekNumberCellClickAction({
                                event: e,
                                rowDates: rowDates
                            })
                        })
                    }
                }
                _createCellClickAction() {
                    this._cellClickAction = this._createActionByOption("onCellClick")
                }
                _createCellHoverAction() {
                    this._cellHoverAction = this._createActionByOption("onCellHover")
                }
                _createWeekNumberCellClickAction() {
                    this._weekNumberCellClickAction = this._createActionByOption("onWeekNumberClick")
                }
                _createDisabledDatesHandler() {
                    const {
                        disabledDates: disabledDates
                    } = this.option();
                    this._disabledDatesHandler = Array.isArray(disabledDates) ? this._getDefaultDisabledDatesHandler(disabledDates) : disabledDates ?? (() => false)
                }
                _getDefaultDisabledDatesHandler(disabledDates) {
                    return () => false
                }
                _isTodayCell(cellDate) {
                    return false
                }
                _isDateOutOfRange(cellDate) {
                    return false
                }
                isDateDisabled(cellDate) {
                    const dateParts = {
                        date: cellDate,
                        view: this._getViewName()
                    };
                    return this._disabledDatesHandler(dateParts)
                }
                _isOtherView(cellDate) {
                    return false
                }
                _isStartDayOfMonth(cellDate) {
                    return false
                }
                _isEndDayOfMonth(cellDate) {
                    return false
                }
                _getCellText(cellDate) {
                    return ""
                }
                _getFirstCellData() {
                    return new Date
                }
                _getNextCellData(date) {
                    return new Date(date)
                }
                _renderContouredDate(contouredDate) {
                    const {
                        focusStateEnabled: focusStateEnabled
                    } = this.option();
                    if (!focusStateEnabled) {
                        return
                    }
                    const {
                        contouredDate: currentContouredDate
                    } = this.option();
                    const newContouredDate = contouredDate ?? currentContouredDate;
                    const $oldContouredCell = this._getContouredCell();
                    const $newContouredCell = this._getCellByDate(newContouredDate);
                    $oldContouredCell.removeClass("dx-calendar-contoured-date");
                    if (newContouredDate) {
                        $newContouredCell.addClass("dx-calendar-contoured-date")
                    }
                }
                _getContouredCell() {
                    return this._$table.find(".dx-calendar-contoured-date")
                }
                _renderValue() {
                    if (!this.option("allowValueSelection")) {
                        return
                    }
                    let {
                        value: value = []
                    } = this.option();
                    if (!Array.isArray(value)) {
                        value = [value]
                    }
                    this._updateSelectedClass(value)
                }
                _updateSelectedClass(value) {
                    var _this$_$selectedCells;
                    if (this._isRangeMode() && !this._isMonthView()) {
                        return
                    }
                    null === (_this$_$selectedCells = this._$selectedCells) || void 0 === _this$_$selectedCells || _this$_$selectedCells.forEach($cell => {
                        $cell.removeClass("dx-calendar-selected-date")
                    });
                    this._$selectedCells = value.map(date => this._getCellByDate(date));
                    this._$selectedCells.forEach($cell => {
                        $cell.addClass("dx-calendar-selected-date")
                    })
                }
                _renderRange() {
                    var _this$_$rangeCells, _this$_$hoveredRangeC, _this$_$rangeStartHov, _this$_$rangeEndHover, _this$_$rangeStartDat, _this$_$rangeEndDateC, _this$_$rangeStartDat2, _this$_$rangeEndDateC2;
                    const {
                        allowValueSelection: allowValueSelection,
                        value: value = [],
                        range: range
                    } = this.option();
                    if (!allowValueSelection || !this._isRangeMode() || !this._isMonthView()) {
                        return
                    }
                    null === (_this$_$rangeCells = this._$rangeCells) || void 0 === _this$_$rangeCells || _this$_$rangeCells.forEach($cell => {
                        $cell.removeClass("dx-calendar-cell-in-range")
                    });
                    null === (_this$_$hoveredRangeC = this._$hoveredRangeCells) || void 0 === _this$_$hoveredRangeC || _this$_$hoveredRangeC.forEach($cell => {
                        $cell.removeClass("dx-calendar-cell-range-hover")
                    });
                    null === (_this$_$rangeStartHov = this._$rangeStartHoverCell) || void 0 === _this$_$rangeStartHov || _this$_$rangeStartHov.removeClass("dx-calendar-cell-range-hover-start");
                    null === (_this$_$rangeEndHover = this._$rangeEndHoverCell) || void 0 === _this$_$rangeEndHover || _this$_$rangeEndHover.removeClass("dx-calendar-cell-range-hover-end");
                    null === (_this$_$rangeStartDat = this._$rangeStartDateCell) || void 0 === _this$_$rangeStartDat || _this$_$rangeStartDat.removeClass("dx-calendar-range-start-date");
                    null === (_this$_$rangeEndDateC = this._$rangeEndDateCell) || void 0 === _this$_$rangeEndDateC || _this$_$rangeEndDateC.removeClass("dx-calendar-range-end-date");
                    this._$rangeCells = range.map(date => this._getCellByDate(date));
                    this._$rangeStartDateCell = this._getCellByDate(value[0]);
                    this._$rangeEndDateCell = this._getCellByDate(value[1]);
                    this._$rangeCells.forEach($cell => {
                        $cell.addClass("dx-calendar-cell-in-range")
                    });
                    null === (_this$_$rangeStartDat2 = this._$rangeStartDateCell) || void 0 === _this$_$rangeStartDat2 || _this$_$rangeStartDat2.addClass("dx-calendar-range-start-date");
                    null === (_this$_$rangeEndDateC2 = this._$rangeEndDateCell) || void 0 === _this$_$rangeEndDateC2 || _this$_$rangeEndDateC2.addClass("dx-calendar-range-end-date")
                }
                _renderHoveredRange() {
                    var _this$_$hoveredRangeC2, _this$_$rangeStartHov2, _this$_$rangeEndHover2, _this$_$rangeStartHov3, _this$_$rangeEndHover3;
                    const {
                        allowValueSelection: allowValueSelection,
                        hoveredRange: hoveredRange
                    } = this.option();
                    if (!allowValueSelection || !this._isRangeMode() || !this._isMonthView()) {
                        return
                    }
                    null === (_this$_$hoveredRangeC2 = this._$hoveredRangeCells) || void 0 === _this$_$hoveredRangeC2 || _this$_$hoveredRangeC2.forEach($cell => {
                        $cell.removeClass("dx-calendar-cell-range-hover")
                    });
                    null === (_this$_$rangeStartHov2 = this._$rangeStartHoverCell) || void 0 === _this$_$rangeStartHov2 || _this$_$rangeStartHov2.removeClass("dx-calendar-cell-range-hover-start");
                    null === (_this$_$rangeEndHover2 = this._$rangeEndHoverCell) || void 0 === _this$_$rangeEndHover2 || _this$_$rangeEndHover2.removeClass("dx-calendar-cell-range-hover-end");
                    this._$hoveredRangeCells = hoveredRange.map(date => this._getCellByDate(date));
                    this._$rangeStartHoverCell = this._getCellByDate(hoveredRange[0]);
                    this._$rangeEndHoverCell = this._getCellByDate(hoveredRange[hoveredRange.length - 1]);
                    this._$hoveredRangeCells.forEach($cell => {
                        $cell.addClass("dx-calendar-cell-range-hover")
                    });
                    null === (_this$_$rangeStartHov3 = this._$rangeStartHoverCell) || void 0 === _this$_$rangeStartHov3 || _this$_$rangeStartHov3.addClass("dx-calendar-cell-range-hover-start");
                    null === (_this$_$rangeEndHover3 = this._$rangeEndHoverCell) || void 0 === _this$_$rangeEndHover3 || _this$_$rangeEndHover3.addClass("dx-calendar-cell-range-hover-end")
                }
                _isMonthView() {
                    const {
                        zoomLevel: zoomLevel
                    } = this.option();
                    return "month" === zoomLevel
                }
                _isRangeMode() {
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    return selectionMode === SELECTION_MODE_range
                }
                _getCurrentDateFormat() {
                    return null
                }
                getCellAriaLabel(date) {
                    const viewName = this._getViewName();
                    const isToday = this._isTodayCell(date);
                    const format = this._getCurrentDateFormat();
                    const dateRangeText = format ? `${_date.default.format(date,format)}` : this._getCellText(date);
                    const ariaLabel = isToday ? `${dateRangeText}. ${CURRENT_DATE_TEXT[viewName]}` : dateRangeText;
                    return ariaLabel
                }
                _getFirstAvailableDate() {
                    const {
                        date: date,
                        min: min
                    } = this.option();
                    const firstAvailableDate = _date2.default.getViewFirstCellDate(this._getViewName(), date) ?? date;
                    return new Date(min && firstAvailableDate < min ? min : firstAvailableDate)
                }
                _getCellByDate(contouredDate) {
                    return (0, _renderer.default)()
                }
                isBoundary(date) {
                    return false
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "value":
                            this._renderValue();
                            this._updateTableAriaLabel();
                            break;
                        case "range":
                            this._renderRange();
                            break;
                        case "hoveredRange":
                            this._renderHoveredRange();
                            break;
                        case "contouredDate":
                            this._renderContouredDate(value);
                            break;
                        case "onCellClick":
                            this._createCellClickAction();
                            break;
                        case "onCellHover":
                            this._createCellHoverAction();
                            break;
                        case "min":
                        case "max":
                        case "disabledDates":
                        case "cellTemplate":
                        case "selectionMode":
                            this._invalidate();
                            break;
                        case "_todayDate":
                            this._renderBody();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            exports.default = BaseView
        },
        92874(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _animation = __webpack_require__( /*! ../../../common/core/animation */ 16826);
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _swipeable = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/gesture/swipeable */ 18278));
            var _hover = __webpack_require__( /*! ../../../common/core/events/hover */ 638);
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _function_template = __webpack_require__( /*! ../../../core/templates/function_template */ 38699);
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _date_serialization = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date_serialization */ 71051));
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _wrapper = _interopRequireDefault(__webpack_require__( /*! ../../ui/button/wrapper */ 19583));
            var _editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/editor/editor */ 24768));
            var _calendarMultipleSelection = _interopRequireDefault(__webpack_require__( /*! ./calendar.multiple.selection.strategy */ 11351));
            var _calendar = _interopRequireDefault(__webpack_require__( /*! ./calendar.navigator */ 34065));
            var _calendarRangeSelection = _interopRequireDefault(__webpack_require__( /*! ./calendar.range.selection.strategy */ 41018));
            var _calendarSingleSelection = _interopRequireDefault(__webpack_require__( /*! ./calendar.single.selection.strategy */ 12239));
            var _calendar2 = _interopRequireDefault(__webpack_require__( /*! ./calendar.views */ 25842));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CALENDAR_DXHOVEREND_EVENT_NAME = (0, _index.addNamespace)(_hover.end, "dxCalendar");
            const LEVEL_COMPARE_MAP = {
                month: 3,
                year: 2,
                decade: 1,
                century: 0
            };
            const ZOOM_LEVEL = {
                MONTH: "month",
                YEAR: "year",
                DECADE: "decade",
                CENTURY: "century"
            };
            const SELECTION_STRATEGIES = {
                SingleSelection: _calendarSingleSelection.default,
                MultipleSelection: _calendarMultipleSelection.default,
                RangeSelection: _calendarRangeSelection.default
            };
            class Calendar extends _editor.default {
                _activeStateUnit() {
                    return ".dx-calendar-cell"
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        hoverStateEnabled: true,
                        activeStateEnabled: true,
                        currentDate: new Date,
                        value: null,
                        min: new Date(1e3, 0),
                        max: new Date(3e3, 0),
                        viewsCount: 1,
                        zoomLevel: ZOOM_LEVEL.MONTH,
                        maxZoomLevel: ZOOM_LEVEL.MONTH,
                        minZoomLevel: ZOOM_LEVEL.CENTURY,
                        selectionMode: "single",
                        selectWeekOnClick: true,
                        showTodayButton: false,
                        todayButtonText: _message.default.format("dxCalendar-todayButtonText"),
                        showWeekNumbers: false,
                        weekNumberRule: "auto",
                        cellTemplate: "cell",
                        disabledDates: null,
                        onCellClick: null,
                        onContouredChanged: null,
                        skipFocusCheck: false,
                        _todayDate: () => new Date
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }])
                }
                _supportedKeys() {
                    return Object.assign({}, super._supportedKeys(), {
                        rightArrow(e) {
                            e.preventDefault();
                            if ((0, _index.isCommandKeyPressed)(e)) {
                                this._waitRenderView(1)
                            } else {
                                this._moveCurrentDateByOffset(1 * this._getRtlCorrection())
                            }
                        },
                        leftArrow(e) {
                            e.preventDefault();
                            if ((0, _index.isCommandKeyPressed)(e)) {
                                this._waitRenderView(-1)
                            } else {
                                this._moveCurrentDateByOffset(-1 * this._getRtlCorrection())
                            }
                        },
                        upArrow(e) {
                            e.preventDefault();
                            if ((0, _index.isCommandKeyPressed)(e)) {
                                this._navigateUp()
                            } else {
                                if (_animation.fx.isAnimating(this._view.$element().get(0))) {
                                    return
                                }
                                this._moveCurrentDateByOffset(-1 * this._view.option("colCount"))
                            }
                        },
                        downArrow(e) {
                            e.preventDefault();
                            if ((0, _index.isCommandKeyPressed)(e)) {
                                this._navigateDown()
                            } else {
                                if (_animation.fx.isAnimating(this._view.$element().get(0))) {
                                    return
                                }
                                this._moveCurrentDateByOffset(1 * this._view.option("colCount"))
                            }
                        },
                        home(e) {
                            e.preventDefault();
                            const zoomLevel = this.option("zoomLevel");
                            const currentDate = this.option("currentDate");
                            const min = this._getDateOption("min");
                            if (this._view.isDateDisabled(currentDate)) {
                                return
                            }
                            const date = _date2.default.sameView(zoomLevel, currentDate, min) ? min : _date2.default.getViewFirstCellDate(zoomLevel, currentDate);
                            this._moveToClosestAvailableDate(date)
                        },
                        end(e) {
                            e.preventDefault();
                            const zoomLevel = this.option("zoomLevel");
                            const currentDate = this.option("currentDate");
                            const max = this._getDateOption("max");
                            if (this._view.isDateDisabled(currentDate)) {
                                return
                            }
                            const date = _date2.default.sameView(zoomLevel, currentDate, max) ? max : _date2.default.getViewLastCellDate(zoomLevel, currentDate);
                            this._moveToClosestAvailableDate(date)
                        },
                        pageUp(e) {
                            e.preventDefault();
                            this._waitRenderView(-1 * this._getRtlCorrection())
                        },
                        pageDown(e) {
                            e.preventDefault();
                            this._waitRenderView(1 * this._getRtlCorrection())
                        },
                        tab() {},
                        enter: this._enterKeyHandler
                    })
                }
                _enterKeyHandler(e) {
                    const {
                        currentDate: currentDate = new Date
                    } = this.option();
                    if (!this._isMaxZoomLevel()) {
                        this._navigateDown()
                    } else if (!this._view.isDateDisabled(currentDate)) {
                        const value = this._updateTimeComponent(currentDate);
                        this._selectionStrategy.selectValue(value, e)
                    }
                }
                _getSerializationFormat() {
                    let optionName = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "value";
                    const {
                        [optionName]: value
                    } = this.option();
                    const {
                        dateSerializationFormat: dateSerializationFormat
                    } = this.option();
                    if (dateSerializationFormat) {
                        return dateSerializationFormat
                    }
                    if ((0, _type.isNumeric)(value)) {
                        return "number"
                    }
                    if (!(0, _type.isString)(value) || "" === value) {
                        return
                    }
                    return _date_serialization.default.getDateSerializationFormat(value)
                }
                _convertToDate(value) {
                    return _date_serialization.default.deserializeDate(value)
                }
                _dateValue(value, event) {
                    if (event) {
                        if ("keydown" === event.type) {
                            const cellElement = this._view._getContouredCell().get(0);
                            event.target = cellElement
                        }
                        this._saveValueChangeEvent(event)
                    }
                    this._setDateOption("value", value)
                }
                _isArrayValue(optionName, value) {
                    return "value" === optionName && !this._isSingleMode()
                }
                _setDateOption(optionName, optionValue) {
                    const serializationFormat = this._getSerializationFormat(optionName);
                    const serializedValue = this._isArrayValue(optionName, optionValue) ? optionValue.map(value => _date_serialization.default.serializeDate(value, serializationFormat)) : _date_serialization.default.serializeDate(optionValue, serializationFormat);
                    this.option(optionName, serializedValue)
                }
                _getDateOption(optionName) {
                    let {
                        [optionName]: optionValue
                    } = this.option();
                    if (!this._isArrayValue(optionName, optionValue)) {
                        if ("" === optionValue) {
                            optionValue = null
                        }
                        return this._convertToDate(optionValue)
                    }
                    const valueArray = optionValue ?? [];
                    return valueArray.map(item => this._convertToDate(item))
                }
                _isSingleMode() {
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    return "single" === selectionMode
                }
                _shiftDate(zoomLevel, date, offset, reverse) {
                    switch (zoomLevel) {
                        case ZOOM_LEVEL.MONTH:
                            date.setDate(date.getDate() + offset * reverse);
                            break;
                        case ZOOM_LEVEL.YEAR:
                            date.setMonth(date.getMonth() + offset * reverse);
                            break;
                        case ZOOM_LEVEL.DECADE:
                            date.setFullYear(date.getFullYear() + offset * reverse);
                            break;
                        case ZOOM_LEVEL.CENTURY:
                            date.setFullYear(date.getFullYear() + 10 * offset * reverse)
                    }
                }
                _moveCurrentDateByOffset(offset) {
                    const {
                        currentDate: baseDate = new Date,
                        zoomLevel: zoomLevel = ZOOM_LEVEL.MONTH
                    } = this.option();
                    let currentDate = new Date(baseDate);
                    this._shiftDate(zoomLevel, currentDate, offset, 1);
                    const maxDate = this._getMaxDate();
                    const minDate = this._getMinDate();
                    let isDateForwardInNeighborView = this._areDatesInNeighborView(zoomLevel, currentDate, baseDate);
                    let isDateForwardInRange = (0, _math.inRange)(currentDate, minDate, maxDate) && isDateForwardInNeighborView;
                    const dateForward = new Date(currentDate);
                    while (isDateForwardInRange) {
                        if (!this._view.isDateDisabled(dateForward)) {
                            currentDate = dateForward;
                            break
                        }
                        this._shiftDate(zoomLevel, dateForward, offset, 1);
                        isDateForwardInNeighborView = this._areDatesInNeighborView(zoomLevel, dateForward, baseDate);
                        isDateForwardInRange = (0, _math.inRange)(dateForward, minDate, maxDate) && isDateForwardInNeighborView
                    }
                    if (this._view.isDateDisabled(baseDate) || this._view.isDateDisabled(currentDate)) {
                        const direction = offset > 0 ? 1 : -1;
                        const isViewDisabled = 1 === direction ? this._isNextViewDisabled() : this._isPrevViewDisabled();
                        if (!isViewDisabled) {
                            this._waitRenderView(direction)
                        } else {
                            this._moveToClosestAvailableDate(currentDate)
                        }
                    } else {
                        this._skipNavigate = true;
                        this.option("currentDate", currentDate)
                    }
                }
                _isNextViewDisabled() {
                    const {
                        disabled: disabled
                    } = this._navigator._nextButton.option();
                    return true === disabled
                }
                _isPrevViewDisabled() {
                    const {
                        disabled: disabled
                    } = this._navigator._prevButton.option();
                    return true === disabled
                }
                _areDatesInSameView(zoomLevel, date1, date2) {
                    switch (zoomLevel) {
                        case ZOOM_LEVEL.YEAR:
                            return date1.getFullYear() === date2.getFullYear();
                        case ZOOM_LEVEL.DECADE:
                            return Math.floor(date1.getFullYear() / 10) === Math.floor(date2.getFullYear() / 10);
                        case ZOOM_LEVEL.CENTURY:
                            return Math.floor(date1.getFullYear() / 100) === Math.floor(date2.getFullYear() / 100);
                        case ZOOM_LEVEL.MONTH:
                        default:
                            return date1.getMonth() === date2.getMonth()
                    }
                }
                _areDatesInNeighborView(zoomLevel, date1, date2) {
                    switch (zoomLevel) {
                        case ZOOM_LEVEL.YEAR:
                            return Math.abs(date1.getFullYear() - date2.getFullYear()) <= 1;
                        case ZOOM_LEVEL.DECADE:
                            return Math.abs(date1.getFullYear() - date2.getFullYear()) <= 10;
                        case ZOOM_LEVEL.CENTURY:
                            return Math.abs(date1.getFullYear() - date2.getFullYear()) <= 100;
                        case ZOOM_LEVEL.MONTH:
                        default:
                            return ((a, b) => {
                                const abs = Math.abs(a - b);
                                return Math.min(abs, 12 - abs)
                            })(date1.getMonth(), date2.getMonth()) <= 1
                    }
                }
                _moveToClosestAvailableDate(baseDate) {
                    const {
                        zoomLevel: zoomLevel = ZOOM_LEVEL.MONTH,
                        currentDate: oldCurrentDate = new Date
                    } = this.option();
                    let currentDate = new Date(baseDate ?? oldCurrentDate);
                    const isCurrentDateAvailable = !this._isDateNotAvailable(currentDate);
                    let isDateForwardAvailable = isCurrentDateAvailable;
                    let isDateBackwardAvailable = isCurrentDateAvailable;
                    let isDateForwardInStartView = true;
                    let isDateBackwardInStartView = true;
                    const dateForward = new Date(currentDate);
                    const dateBackward = new Date(currentDate);
                    do {
                        if (isDateForwardAvailable) {
                            currentDate = dateForward;
                            break
                        }
                        if (isDateBackwardAvailable) {
                            currentDate = dateBackward;
                            break
                        }
                        this._shiftDate(zoomLevel, dateForward, 1, 1);
                        this._shiftDate(zoomLevel, dateBackward, 1, -1);
                        isDateForwardInStartView = this._areDatesInSameView(zoomLevel, dateForward, baseDate ?? oldCurrentDate);
                        isDateBackwardInStartView = this._areDatesInSameView(zoomLevel, dateBackward, baseDate ?? oldCurrentDate);
                        isDateForwardAvailable = isDateForwardInStartView && !this._isDateNotAvailable(dateForward);
                        isDateBackwardAvailable = isDateBackwardInStartView && !this._isDateNotAvailable(dateBackward)
                    } while (isDateForwardInStartView || isDateBackwardInStartView);
                    this.option("currentDate", currentDate)
                }
                _isDateNotAvailable(date) {
                    const maxDate = this._getMaxDate();
                    const minDate = this._getMinDate();
                    return !(0, _math.inRange)(date, minDate, maxDate) || this._view.isDateDisabled(date)
                }
                _init() {
                    super._init();
                    this._initSelectionStrategy();
                    this._correctZoomLevel();
                    this._initCurrentDate();
                    this._initActions()
                }
                _initSelectionStrategy() {
                    const strategyName = this._getSelectionStrategyName();
                    const strategy = SELECTION_STRATEGIES[strategyName];
                    if (!this._selectionStrategy || this._selectionStrategy.NAME !== strategyName) {
                        this._selectionStrategy = new strategy(this)
                    }
                }
                _refreshSelectionStrategy() {
                    this._initSelectionStrategy();
                    this._selectionStrategy.restoreValue();
                    this._refresh()
                }
                _getSelectionStrategyName() {
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    switch (selectionMode) {
                        case "multiple":
                            return "MultipleSelection";
                        case "range":
                            return "RangeSelection";
                        default:
                            return "SingleSelection"
                    }
                }
                _correctZoomLevel() {
                    const {
                        minZoomLevel: minZoomLevel = ZOOM_LEVEL.CENTURY,
                        maxZoomLevel: maxZoomLevel = ZOOM_LEVEL.MONTH,
                        zoomLevel: zoomLevel = ZOOM_LEVEL.MONTH
                    } = this.option();
                    if (LEVEL_COMPARE_MAP[maxZoomLevel] < LEVEL_COMPARE_MAP[minZoomLevel]) {
                        return
                    }
                    if (LEVEL_COMPARE_MAP[zoomLevel] > LEVEL_COMPARE_MAP[maxZoomLevel]) {
                        this.option("zoomLevel", maxZoomLevel);
                        return
                    }
                    if (LEVEL_COMPARE_MAP[zoomLevel] < LEVEL_COMPARE_MAP[minZoomLevel]) {
                        this.option("zoomLevel", minZoomLevel)
                    }
                }
                _initCurrentDate() {
                    const {
                        currentDate: currentDate = new Date
                    } = this.option();
                    const defaultCurrentDate = this._selectionStrategy.getDefaultCurrentDate();
                    const date = (defaultCurrentDate ? this._getNormalizedDate(defaultCurrentDate) : null) ?? this._getNormalizedDate(currentDate);
                    this.option("currentDate", date)
                }
                _getNormalizedDate(date) {
                    const normalizedDate = _date2.default.normalizeDate(date, this._getMinDate(), this._getMaxDate());
                    return (0, _type.isDefined)(normalizedDate) ? this._getDate(normalizedDate) : date
                }
                _initActions() {
                    this._cellClickAction = this._createActionByOption("onCellClick");
                    this._onContouredChanged = this._createActionByOption("onContouredChanged")
                }
                _initTemplates() {
                    this._templateManager.addDefaultTemplates({
                        cell: new _function_template.FunctionTemplate(options => {
                            const data = options.model;
                            (0, _renderer.default)(options.container).append((0, _renderer.default)("<span>").text((null === data || void 0 === data ? void 0 : data.text) || String(data)))
                        })
                    });
                    super._initTemplates()
                }
                _updateCurrentDate(date) {
                    if (_animation.fx.isAnimating(this._$viewsWrapper.get(0))) {
                        _animation.fx.stop(this._$viewsWrapper.get(0), true)
                    }
                    const min = this._getMinDate();
                    const max = this._getMaxDate();
                    if (min > max) {
                        this.option("currentDate", new Date);
                        return
                    }
                    const normalizedDate = this._getNormalizedDate(date);
                    if (date.getTime() !== normalizedDate.getTime()) {
                        this.option("currentDate", new Date(normalizedDate));
                        return
                    }
                    const {
                        date: viewDate
                    } = this._view.option();
                    let offset = this._getViewsOffset(viewDate, normalizedDate);
                    if (0 !== offset && !this._isMaxZoomLevel() && this._isOtherViewCellClicked) {
                        offset = 0
                    }
                    if (this._view && 0 !== offset && !this._suppressNavigation) {
                        if (this._additionalView) {
                            if (offset > 2 || offset < -1) {
                                this._refreshViews();
                                this._setViewContoured(normalizedDate);
                                this._updateAriaId(normalizedDate);
                                this._renderNavigator()
                            } else if (1 === offset && this._skipNavigate) {
                                this._setViewContoured(normalizedDate);
                                this._updateAriaId(normalizedDate)
                            } else {
                                this._navigate(offset, normalizedDate)
                            }
                        } else {
                            this._navigate(offset, normalizedDate)
                        }
                    } else {
                        this._renderNavigator();
                        this._setViewContoured(normalizedDate);
                        this._updateAriaId(normalizedDate)
                    }
                    this._skipNavigate = false
                }
                _isAdditionalViewDate() {
                    let date = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : new Date;
                    if (!this._additionalView) {
                        return false
                    }
                    return date >= this._additionalView._getFirstAvailableDate()
                }
                _getActiveView(date) {
                    return this._isAdditionalViewDate(date) ? this._additionalView : this._view
                }
                _setViewContoured(date) {
                    if (this.option("skipFocusCheck") || (0, _renderer.default)(this._$viewsWrapper).is(":focus")) {
                        var _this$_additionalView;
                        this._view.option("contouredDate", null);
                        null === (_this$_additionalView = this._additionalView) || void 0 === _this$_additionalView || _this$_additionalView.option("contouredDate", null);
                        const view = this._isAdditionalViewDate(date) ? this._additionalView : this._view;
                        view.option("contouredDate", date)
                    }
                }
                _getMinDate() {
                    const {
                        rangeMin: rangeMin
                    } = this.option();
                    if (rangeMin) {
                        return rangeMin
                    }
                    if (this.min) {
                        return this.min
                    }
                    this.min = this._getDateOption("min") ?? new Date(1e3, 0);
                    return this.min
                }
                _getMaxDate() {
                    const {
                        rangeMax: rangeMax
                    } = this.option();
                    if (rangeMax) {
                        return rangeMax
                    }
                    if (this.max) {
                        return this.max
                    }
                    this.max = this._getDateOption("max") ?? new Date(3e3, 0);
                    return this.max
                }
                _getViewsOffset(startDate, endDate) {
                    const {
                        zoomLevel: zoomLevel
                    } = this.option();
                    if (zoomLevel === ZOOM_LEVEL.MONTH) {
                        return this._getMonthsOffset(startDate, endDate)
                    }
                    let zoomCorrection = 1;
                    switch (zoomLevel) {
                        case ZOOM_LEVEL.CENTURY:
                            zoomCorrection = 100;
                            break;
                        case ZOOM_LEVEL.DECADE:
                            zoomCorrection = 10;
                            break;
                        default:
                            zoomCorrection = 1
                    }
                    return Math.floor(endDate.getFullYear() / zoomCorrection) - Math.floor(startDate.getFullYear() / zoomCorrection)
                }
                _getMonthsOffset(startDate, endDate) {
                    const yearOffset = endDate.getFullYear() - startDate.getFullYear();
                    const monthOffset = endDate.getMonth() - startDate.getMonth();
                    return 12 * yearOffset + monthOffset
                }
                _waitRenderView(offset) {
                    if (this._alreadyViewRender) {
                        return
                    }
                    this._alreadyViewRender = true;
                    const date = this._getDateByOffset(offset * this._getRtlCorrection());
                    this._moveToClosestAvailableDate(date);
                    this._waitRenderViewTimeout = setTimeout(() => {
                        this._alreadyViewRender = false
                    })
                }
                _getRtlCorrection() {
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    return rtlEnabled ? -1 : 1
                }
                _getDateByOffset(offset, initialDate) {
                    const {
                        currentDate: currentDate = new Date
                    } = this.option();
                    const date = this._getDate(initialDate ?? currentDate);
                    const currentDay = date.getDate();
                    const difference = _date2.default.getDifferenceInMonth(this.option("zoomLevel")) * offset;
                    date.setDate(1);
                    date.setMonth(date.getMonth() + difference);
                    const lastDay = _date2.default.getLastMonthDate(date).getDate();
                    date.setDate(currentDay > lastDay ? lastDay : currentDay);
                    return date
                }
                _focusTarget() {
                    return this._$viewsWrapper
                }
                _focusEventTarget() {
                    return this.$element()
                }
                _initMarkup() {
                    this._renderSubmitElement();
                    const $element = this.$element();
                    $element.addClass("dx-calendar");
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    $element.toggleClass("dx-calendar-range", "range" === selectionMode);
                    this._renderBody();
                    $element.append(this.$body);
                    this._renderViews();
                    this._renderNavigator();
                    super._initMarkup();
                    this._renderEvents();
                    $element.prepend(this._navigator.$element());
                    this._renderSwipeable();
                    this._renderFooter();
                    this._selectionStrategy.updateAriaSelected();
                    this._updateAriaId();
                    this._updateNavigatorLabels();
                    this.setAria("role", "application");
                    this._updateAriaLabelAndRole();
                    this._moveToClosestAvailableDate()
                }
                _render() {
                    super._render();
                    const {
                        currentDate: currentDate = new Date
                    } = this.option();
                    this._setViewContoured(currentDate)
                }
                _renderBody() {
                    if (!this._$viewsWrapper) {
                        this.$body = (0, _renderer.default)("<div>").addClass("dx-calendar-body");
                        this._$viewsWrapper = (0, _renderer.default)("<div>").addClass("dx-calendar-views-wrapper");
                        this.$body.append(this._$viewsWrapper)
                    }
                }
                _updateAriaLabelAndRole() {
                    const readOnly = this.option("readOnly");
                    const $element = this.$element();
                    const aria = {
                        role: readOnly ? "group" : void 0,
                        label: readOnly ? _message.default.format("dxCalendar-readOnlyLabel") : void 0
                    };
                    this.setAria(aria, $element)
                }
                _setAriaReadonly() {}
                _getKeyboardListeners() {
                    return super._getKeyboardListeners().concat([this._view])
                }
                _renderViews() {
                    const {
                        zoomLevel: zoomLevel
                    } = this.option();
                    this.$element().addClass(`dx-calendar-view-${zoomLevel}`);
                    const {
                        currentDate: currentDate = new Date,
                        viewsCount: viewsCount
                    } = this.option();
                    this.$element().toggleClass("dx-calendar-multiview", viewsCount > 1);
                    this._view = this._renderSpecificView(currentDate);
                    if ((0, _window.hasWindow)()) {
                        const beforeDate = this._getDateByOffset(-1, currentDate);
                        this._beforeView = this._isViewAvailable(beforeDate) ? this._renderSpecificView(beforeDate) : null;
                        const afterDate = this._getDateByOffset(viewsCount, currentDate);
                        afterDate.setDate(1);
                        this._afterView = this._isViewAvailable(afterDate) ? this._renderSpecificView(afterDate) : null
                    }
                    if (viewsCount > 1) {
                        this._additionalView = this._renderSpecificView(this._getDateByOffset(1, currentDate))
                    }
                    this._translateViews()
                }
                _renderSpecificView(date) {
                    const {
                        zoomLevel: zoomLevel = ZOOM_LEVEL.MONTH
                    } = this.option();
                    const specificView = _calendar2.default[zoomLevel];
                    const $view = (0, _renderer.default)("<div>").appendTo(this._$viewsWrapper);
                    const config = this._viewConfig(date);
                    const view = this._createComponent($view, specificView, config);
                    return view
                }
                _viewConfig(date) {
                    const {
                        firstDayOfWeek: firstDayOfWeek = _date.default.firstDayOfWeekIndex(),
                        showWeekNumbers: showWeekNumbers = false,
                        selectWeekOnClick: selectWeekOnClick,
                        weekNumberRule: weekNumberRule,
                        zoomLevel: zoomLevel = ZOOM_LEVEL.MONTH,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        disabledDates: disabledDatesOption,
                        _todayDate: todayDate
                    } = this.option();
                    const disabledDates = (0, _type.isFunction)(disabledDatesOption) ? this._injectComponent(disabledDatesOption.bind(this)) : disabledDatesOption;
                    return Object.assign({}, this._selectionStrategy.getViewOptions(), {
                        date: date,
                        min: this._getMinDate(),
                        max: this._getMaxDate(),
                        firstDayOfWeek: firstDayOfWeek,
                        showWeekNumbers: showWeekNumbers,
                        selectWeekOnClick: selectWeekOnClick,
                        weekNumberRule: weekNumberRule,
                        zoomLevel: zoomLevel,
                        tabIndex: void 0,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        disabledDates: disabledDates,
                        onCellClick: this._cellClickHandler.bind(this),
                        cellTemplate: this._getTemplateByOption("cellTemplate"),
                        allowValueSelection: this._isMaxZoomLevel(),
                        _todayDate: todayDate
                    })
                }
                _renderEvents() {
                    _events_engine.default.off(this._$viewsWrapper, CALENDAR_DXHOVEREND_EVENT_NAME);
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    if ("range" === selectionMode) {
                        _events_engine.default.on(this._$viewsWrapper, CALENDAR_DXHOVEREND_EVENT_NAME, null, () => {
                            this._updateViewsOption("hoveredRange", [])
                        })
                    }
                }
                _injectComponent(func) {
                    return params => func(Object.assign({}, params, {
                        component: this
                    }))
                }
                _isViewAvailable(date) {
                    const {
                        zoomLevel: zoomLevel
                    } = this.option();
                    const min = _date2.default.getViewMinBoundaryDate(zoomLevel, this._getMinDate());
                    const max = _date2.default.getViewMaxBoundaryDate(zoomLevel, this._getMaxDate());
                    return _date2.default.dateInRange(date, min, max)
                }
                _translateViews() {
                    const {
                        viewsCount: viewsCount
                    } = this.option();
                    (0, _translator.move)(this._view.$element(), {
                        left: 0,
                        top: 0
                    });
                    this._moveViewElement(this._beforeView, -1);
                    this._moveViewElement(this._afterView, viewsCount);
                    this._moveViewElement(this._additionalView, 1)
                }
                _moveViewElement(view, coefficient) {
                    if (view) {
                        (0, _translator.move)(view.$element(), {
                            left: this._getViewPosition(coefficient),
                            top: 0
                        })
                    }
                }
                _getViewPosition(coefficient) {
                    const rtlCorrection = this.option("rtlEnabled") ? -1 : 1;
                    return 100 * coefficient * rtlCorrection + "%"
                }
                _cellClickHandler(e) {
                    const zoomLevel = this.option("zoomLevel");
                    const nextView = _date2.default.getViewDown(zoomLevel);
                    const isMaxZoomLevel = this._isMaxZoomLevel();
                    if (nextView && !isMaxZoomLevel) {
                        this._navigateDown(e.event.currentTarget)
                    } else {
                        var _this$_cellClickActio;
                        const newValue = this._updateTimeComponent(e.value);
                        this._selectionStrategy.selectValue(newValue, e.event);
                        null === (_this$_cellClickActio = this._cellClickAction) || void 0 === _this$_cellClickActio || _this$_cellClickActio.call(this, e)
                    }
                }
                _updateTimeComponent(date) {
                    const result = new Date(date);
                    const currentValue = this._getDateOption("value");
                    if (currentValue && !this._isArrayValue("value", currentValue)) {
                        result.setHours(currentValue.getHours());
                        result.setMinutes(currentValue.getMinutes());
                        result.setSeconds(currentValue.getSeconds());
                        result.setMilliseconds(currentValue.getMilliseconds())
                    }
                    return result
                }
                _isMaxZoomLevel() {
                    const {
                        zoomLevel: zoomLevel = ZOOM_LEVEL.MONTH,
                        maxZoomLevel: maxZoomLevel
                    } = this.option();
                    return zoomLevel === maxZoomLevel
                }
                _navigateDown(cell) {
                    const {
                        zoomLevel: zoomLevel,
                        currentDate: currentDate = new Date
                    } = this.option();
                    if (this._isMaxZoomLevel()) {
                        return
                    }
                    const nextView = _date2.default.getViewDown(zoomLevel);
                    if (!nextView) {
                        return
                    }
                    const {
                        contouredDate: contouredDate,
                        date: date
                    } = this._view.option();
                    let newCurrentDate = contouredDate ?? date;
                    if (cell) {
                        newCurrentDate = (0, _renderer.default)(cell).data("dxDateValueKey")
                    }
                    this._isOtherViewCellClicked = true;
                    this.option("currentDate", newCurrentDate);
                    this.option("zoomLevel", nextView);
                    this._isOtherViewCellClicked = false;
                    this._renderNavigator();
                    this._animateShowView();
                    this._moveToClosestAvailableDate();
                    this._setViewContoured(this._getNormalizedDate(currentDate))
                }
                _renderNavigator() {
                    if (!this._navigator) {
                        this._navigator = this._createComponent((0, _renderer.default)("<div>"), _calendar.default, this._navigatorConfig())
                    }
                    this._navigator.option("text", this._getViewsCaption(this._view, this._additionalView));
                    this._updateButtonsVisibility()
                }
                _navigatorConfig() {
                    const {
                        focusStateEnabled: focusStateEnabled,
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    return {
                        text: this._getViewsCaption(this._view, this._additionalView),
                        onClick: this._navigatorClickHandler.bind(this),
                        onCaptionClick: this._navigateUp.bind(this),
                        focusStateEnabled: focusStateEnabled,
                        rtlEnabled: rtlEnabled,
                        tabIndex: void 0
                    }
                }
                _navigatorClickHandler(e) {
                    const {
                        currentDate: currentDate,
                        viewsCount: viewsCount
                    } = this.option();
                    let offset = e.direction;
                    if (viewsCount > 1) {
                        const additionalViewActive = this._isAdditionalViewDate(currentDate);
                        const shouldDoubleOffset = additionalViewActive && offset < 0 || !additionalViewActive && offset > 0;
                        if (shouldDoubleOffset) {
                            offset *= 2
                        }
                    }
                    const newCurrentDate = this._getDateByOffset(offset, currentDate);
                    this._moveToClosestAvailableDate(newCurrentDate)
                }
                _navigateUp() {
                    const {
                        zoomLevel: zoomLevel = ZOOM_LEVEL.MONTH,
                        currentDate: currentDate = new Date
                    } = this.option();
                    const nextView = _date2.default.getViewUp(zoomLevel);
                    if (!nextView || this._isMinZoomLevel(zoomLevel)) {
                        return
                    }
                    this.option("zoomLevel", nextView);
                    this._renderNavigator();
                    this._animateShowView();
                    this._moveToClosestAvailableDate();
                    this._setViewContoured(this._getNormalizedDate(currentDate))
                }
                _isMinZoomLevel(zoomLevel) {
                    const min = this._getMinDate();
                    const max = this._getMaxDate();
                    const {
                        minZoomLevel: minZoomLevel
                    } = this.option();
                    return !!_date2.default.sameView(zoomLevel, min, max) || minZoomLevel === zoomLevel
                }
                _updateButtonsVisibility() {
                    this._navigator.toggleButton("next", !(0, _type.isDefined)(this._afterView));
                    this._navigator.toggleButton("prev", !(0, _type.isDefined)(this._beforeView))
                }
                _renderSwipeable() {
                    if (!this._swipeable) {
                        this._swipeable = this._createComponent(this.$element(), _swipeable.default, {
                            onStart: e => {
                                this._swipeStartHandler(e.event)
                            },
                            onUpdated: e => {
                                this._swipeUpdateHandler(e.event)
                            },
                            onEnd: e => {
                                this._swipeEndHandler(e.event)
                            },
                            itemSizeFunc: this._viewWidth.bind(this)
                        })
                    }
                }
                _swipeStartHandler(event) {
                    _animation.fx.stop(this._$viewsWrapper.get(0), true);
                    const {
                        viewsCount: viewsCount
                    } = this.option();
                    this._toggleGestureCoverCursor("grabbing");
                    event.maxLeftOffset = this._getRequiredView("next") ? 1 / viewsCount : 0;
                    event.maxRightOffset = this._getRequiredView("prev") ? 1 / viewsCount : 0
                }
                _toggleGestureCoverCursor(cursor) {
                    (0, _renderer.default)(".dx-gesture-cover").css("cursor", cursor)
                }
                _getRequiredView(name) {
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    if ("prev" === name) {
                        return rtlEnabled ? this._afterView : this._beforeView
                    }
                    return rtlEnabled ? this._beforeView : this._afterView
                }
                _swipeUpdateHandler(event) {
                    const {
                        offset: offset
                    } = event;
                    (0, _translator.move)(this._$viewsWrapper, {
                        left: offset * this._viewWidth(),
                        top: 0
                    });
                    this._updateNavigatorCaption(offset)
                }
                _swipeEndHandler(event) {
                    this._toggleGestureCoverCursor("auto");
                    const {
                        currentDate: currentDate,
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    const {
                        targetOffset: targetOffset
                    } = event;
                    const moveOffset = !targetOffset ? 0 : targetOffset / Math.abs(targetOffset);
                    const isAdditionalViewActive = this._isAdditionalViewDate(currentDate);
                    const shouldDoubleOffset = isAdditionalViewActive && (rtlEnabled ? -1 === moveOffset : 1 === moveOffset);
                    if (0 === moveOffset) {
                        this._animateWrapper(0, 250);
                        return
                    }
                    const offset = -moveOffset * this._getRtlCorrection() * (shouldDoubleOffset ? 2 : 1);
                    let date = this._getDateByOffset(offset);
                    if (this._isDateInInvalidRange(date)) {
                        if (moveOffset >= 0) {
                            date = new Date(this._getMinDate())
                        } else {
                            date = new Date(this._getMaxDate())
                        }
                    }
                    this.option("currentDate", date)
                }
                _viewWidth() {
                    if (!this._viewWidthValue) {
                        const {
                            viewsCount: viewsCount
                        } = this.option();
                        this._viewWidthValue = (0, _size.getWidth)(this.$element()) / viewsCount
                    }
                    return this._viewWidthValue
                }
                _updateNavigatorCaption(initialOffset) {
                    const offset = initialOffset * this._getRtlCorrection();
                    const {
                        viewsCount: viewsCount
                    } = this.option();
                    const isMultiView = viewsCount > 1;
                    let view = null;
                    let additionalView = null;
                    if (offset > .5 && this._beforeView) {
                        view = this._beforeView;
                        if (isMultiView) {
                            additionalView = this._view
                        }
                    } else if (offset < -.5 && this._afterView) {
                        view = isMultiView ? this._additionalView : this._afterView;
                        additionalView = isMultiView ? this._afterView : null
                    } else {
                        view = this._view;
                        additionalView = isMultiView ? this._additionalView : null
                    }
                    this._navigator.option("text", this._getViewsCaption(view, additionalView))
                }
                _getViewsCaption(view, additionalView) {
                    let caption = view.getNavigatorCaption();
                    const {
                        viewsCount: viewsCount
                    } = this.option();
                    if (viewsCount > 1 && additionalView) {
                        const additionalViewCaption = additionalView.getNavigatorCaption();
                        caption = `${caption} - ${additionalViewCaption}`
                    }
                    return caption
                }
                _isDateInInvalidRange(date) {
                    if (this._view.isBoundary(date)) {
                        return false
                    }
                    const min = this._getMinDate();
                    const max = this._getMaxDate();
                    const normalizedDate = _date2.default.normalizeDate(date, min, max);
                    return normalizedDate === min || normalizedDate === max
                }
                _renderFooter() {
                    const {
                        showTodayButton: showTodayButton,
                        todayButtonText: text
                    } = this.option();
                    if (showTodayButton) {
                        const $todayButton = this._createComponent((0, _renderer.default)("<div>"), _wrapper.default, {
                            focusStateEnabled: this.option("focusStateEnabled"),
                            text: text,
                            onClick: args => {
                                this._toTodayView(args)
                            },
                            type: (0, _themes.isFluent)((0, _themes.current)()) ? "normal" : "default",
                            stylingMode: (0, _themes.isFluent)((0, _themes.current)()) ? "outlined" : "text",
                            integrationOptions: {}
                        }).$element().addClass("dx-calendar-today-button");
                        this._$footer = (0, _renderer.default)("<div>").addClass("dx-calendar-footer").append($todayButton);
                        this.$element().append(this._$footer)
                    }
                    this.$element().toggleClass("dx-calendar-with-footer", showTodayButton)
                }
                _renderSubmitElement() {
                    this._$submitElement = (0, _renderer.default)("<input>").attr("type", "hidden").appendTo(this.$element());
                    const {
                        value: value
                    } = this.option();
                    this._setSubmitValue(value)
                }
                _setSubmitValue(value) {
                    if (this._isArrayValue("value", value)) {
                        return
                    }
                    const dateValue = this._convertToDate(value);
                    this._getSubmitElement().val(_date_serialization.default.serializeDate(dateValue, "yyyy-MM-dd"))
                }
                _getSubmitElement() {
                    return this._$submitElement
                }
                _animateShowView() {
                    _animation.fx.stop(this._view.$element().get(0), true);
                    this._popAnimationView(this._view, .6, 1, 250);
                    const {
                        viewsCount: viewsCount
                    } = this.option();
                    if (viewsCount > 1) {
                        _animation.fx.stop(this._additionalView.$element().get(0), true);
                        this._popAnimationView(this._additionalView, .6, 1, 250)
                    }
                }
                _popAnimationView(view, from, to, duration) {
                    return _animation.fx.animate(view.$element().get(0), {
                        type: "pop",
                        from: {
                            scale: from,
                            opacity: from
                        },
                        to: {
                            scale: to,
                            opacity: to
                        },
                        duration: duration
                    })
                }
                _navigate(offset, value) {
                    if (0 !== offset && 1 !== Math.abs(offset) && this._isViewAvailable(value)) {
                        const newView = this._renderSpecificView(value);
                        if (offset > 0) {
                            var _this$_afterView;
                            null === (_this$_afterView = this._afterView) || void 0 === _this$_afterView || _this$_afterView.$element().remove();
                            this._afterView = newView
                        } else {
                            var _this$_beforeView;
                            null === (_this$_beforeView = this._beforeView) || void 0 === _this$_beforeView || _this$_beforeView.$element().remove();
                            this._beforeView = newView
                        }
                        this._translateViews()
                    }
                    const rtlCorrection = this._getRtlCorrection();
                    const offsetSign = (0, _math.sign)(offset);
                    const endPosition = -rtlCorrection * offsetSign * this._viewWidth();
                    const viewsWrapperPosition = this._$viewsWrapper.position().left;
                    if (viewsWrapperPosition !== endPosition) {
                        if (this._preventViewChangeAnimation) {
                            this._wrapperAnimationEndHandler(offset, value)
                        } else {
                            this._animateWrapper(endPosition, 250).done(this._wrapperAnimationEndHandler.bind(this, offset, value))
                        }
                    }
                }
                _animateWrapper(to, duration) {
                    return _animation.fx.animate(this._$viewsWrapper.get(0), {
                        type: "slide",
                        from: {
                            left: this._$viewsWrapper.position().left
                        },
                        to: {
                            left: to
                        },
                        duration: duration
                    })
                }
                _getDate(value) {
                    return new Date(value)
                }
                _toTodayView(args) {
                    const today = new Date;
                    if (this._isMaxZoomLevel()) {
                        this._selectionStrategy.selectValue(today, args.event);
                        return
                    }
                    this._preventViewChangeAnimation = true;
                    this.option("zoomLevel", this.option("maxZoomLevel"));
                    this._selectionStrategy.selectValue(today, args.event);
                    this._animateShowView();
                    this._preventViewChangeAnimation = false
                }
                _wrapperAnimationEndHandler(offset, newDate) {
                    this._rearrangeViews(offset);
                    this._translateViews();
                    this._resetLocation();
                    this._renderNavigator();
                    this._setViewContoured(newDate);
                    this._updateAriaId(newDate);
                    this._selectionStrategy.updateAriaSelected()
                }
                _rearrangeViews(offset) {
                    var _this$viewToRemoveKey;
                    if (0 === offset) {
                        return
                    }
                    const {
                        viewsCount: viewsCount
                    } = this.option();
                    let viewOffset = -1;
                    let viewToCreateKey = "_afterView";
                    let viewToRemoveKey = "_beforeView";
                    let viewBeforeCreateKey = 1 === viewsCount ? "_view" : "_additionalView";
                    let viewAfterRemoveKey = "_view";
                    if (offset < 0) {
                        viewOffset = 1;
                        viewToCreateKey = "_beforeView";
                        viewToRemoveKey = "_afterView";
                        viewBeforeCreateKey = "_view";
                        viewAfterRemoveKey = 1 === viewsCount ? "_view" : "_additionalView"
                    }
                    if (!this[viewToCreateKey]) {
                        return
                    }
                    const destinationDate = this[viewToCreateKey].option("date");
                    null === (_this$viewToRemoveKey = this[viewToRemoveKey]) || void 0 === _this$viewToRemoveKey || _this$viewToRemoveKey.$element().remove();
                    this[viewToRemoveKey] = this._renderSpecificView(this._getDateByOffset(viewOffset * viewsCount, destinationDate));
                    this[viewAfterRemoveKey].$element().remove();
                    if (1 === viewsCount) {
                        this[viewAfterRemoveKey] = this[viewToCreateKey]
                    } else {
                        this[viewAfterRemoveKey] = this[viewBeforeCreateKey];
                        this[viewBeforeCreateKey] = this[viewToCreateKey]
                    }
                    const dateByOffset = this._getDateByOffset(-viewOffset, destinationDate);
                    this[viewToCreateKey] = this._isViewAvailable(dateByOffset) ? this._renderSpecificView(dateByOffset) : null
                }
                _resetLocation() {
                    (0, _translator.move)(this._$viewsWrapper, {
                        left: 0,
                        top: 0
                    })
                }
                _clean() {
                    super._clean();
                    this._clearViewWidthCache();
                    delete this._$viewsWrapper;
                    delete this._navigator;
                    delete this._$footer
                }
                _clearViewWidthCache() {
                    delete this._viewWidthValue
                }
                _disposeViews() {
                    var _this$_beforeView2, _this$_additionalView2, _this$_afterView2;
                    this._view.$element().remove();
                    null === (_this$_beforeView2 = this._beforeView) || void 0 === _this$_beforeView2 || _this$_beforeView2.$element().remove();
                    null === (_this$_additionalView2 = this._additionalView) || void 0 === _this$_additionalView2 || _this$_additionalView2.$element().remove();
                    null === (_this$_afterView2 = this._afterView) || void 0 === _this$_afterView2 || _this$_afterView2.$element().remove();
                    delete this._view;
                    delete this._additionalView;
                    delete this._beforeView;
                    delete this._afterView;
                    delete this._skipNavigate
                }
                _dispose() {
                    clearTimeout(this._waitRenderViewTimeout);
                    super._dispose()
                }
                _refreshViews() {
                    this._resetActiveState();
                    this._disposeViews();
                    this._renderViews()
                }
                _visibilityChanged() {
                    this._translateViews()
                }
                _shouldSkipFocusEvent(event) {
                    const {
                        target: target,
                        relatedTarget: relatedTarget
                    } = event;
                    return Boolean((0, _renderer.default)(target).parents(".dx-calendar").length) && Boolean((0, _renderer.default)(relatedTarget).parents(".dx-calendar").length)
                }
                _focusInHandler(event) {
                    if ((0, _renderer.default)(event.target).is(this._$viewsWrapper)) {
                        const {
                            currentDate: currentDate = new Date
                        } = this.option();
                        this._setViewContoured(currentDate)
                    }
                    if (this._shouldSkipFocusEvent(event)) {
                        return
                    }
                    super._focusInHandler.apply(this, [event]);
                    this._toggleFocusClass(true, this.$element())
                }
                _focusOutHandler(event) {
                    if ((0, _renderer.default)(event.target).is(this._$viewsWrapper)) {
                        var _this$_additionalView3;
                        this._view.option("contouredDate", null);
                        null === (_this$_additionalView3 = this._additionalView) || void 0 === _this$_additionalView3 || _this$_additionalView3.option("contouredDate", null)
                    }
                    if (this._shouldSkipFocusEvent(event)) {
                        return
                    }
                    super._focusOutHandler.apply(this, [event]);
                    this._toggleFocusClass(false, this.$element())
                }
                _updateViewsOption(optionName, newValue) {
                    var _this$_additionalView4, _this$_beforeView3, _this$_afterView3;
                    this._view.option(optionName, newValue);
                    null === (_this$_additionalView4 = this._additionalView) || void 0 === _this$_additionalView4 || _this$_additionalView4.option(optionName, newValue);
                    null === (_this$_beforeView3 = this._beforeView) || void 0 === _this$_beforeView3 || _this$_beforeView3.option(optionName, newValue);
                    null === (_this$_afterView3 = this._afterView) || void 0 === _this$_afterView3 || _this$_afterView3.option(optionName, newValue)
                }
                _setViewsMinOption(min) {
                    this._restoreViewsMinMaxOptions();
                    this.option("rangeMin", this._convertToDate(min));
                    this._updateViewsOption("min", this._getMinDate())
                }
                _setViewsMaxOption(max) {
                    this._restoreViewsMinMaxOptions();
                    this.option("rangeMax", this._convertToDate(max));
                    this._updateViewsOption("max", this._getMaxDate())
                }
                _restoreViewsMinMaxOptions() {
                    this._resetActiveState();
                    this.option({
                        rangeMin: null,
                        rangeMax: null
                    });
                    this._updateViewsOption("min", this._getMinDate());
                    this._updateViewsOption("max", this._getMaxDate())
                }
                _updateNavigatorLabels() {
                    const {
                        zoomLevel: zoomLevel = ZOOM_LEVEL.MONTH
                    } = this.option();
                    const capitalizedZoomLevel = zoomLevel.charAt(0).toUpperCase() + zoomLevel.slice(1);
                    const captionButtonText = this._navigator._caption.option("text");
                    const localizedPrevButtonLabel = _message.default.format(`dxCalendar-previous${capitalizedZoomLevel}ButtonLabel`);
                    const localizedCaptionLabel = _message.default.format(`dxCalendar-caption${capitalizedZoomLevel}Label`);
                    const localizedNextButtonLabel = _message.default.format(`dxCalendar-next${capitalizedZoomLevel}ButtonLabel`);
                    this.setAria("label", localizedPrevButtonLabel, this._navigator._prevButton.$element());
                    this.setAria("label", `${captionButtonText}. ${localizedCaptionLabel}`, this._navigator._caption.$element());
                    this.setAria("label", localizedNextButtonLabel, this._navigator._nextButton.$element())
                }
                _updateAriaSelected(value, previousValue) {
                    null === previousValue || void 0 === previousValue || previousValue.forEach(item => {
                        if (!item) {
                            return
                        }
                        this.setAria("selected", false, this._view._getCellByDate(item))
                    });
                    null === value || void 0 === value || value.forEach(item => {
                        if (!item) {
                            return
                        }
                        this.setAria("selected", true, this._view._getCellByDate(item))
                    });
                    const {
                        viewsCount: viewsCount
                    } = this.option();
                    if (viewsCount > 1) {
                        null === previousValue || void 0 === previousValue || previousValue.forEach(item => {
                            if (!item) {
                                return
                            }
                            this.setAria("selected", false, this._additionalView._getCellByDate(item))
                        });
                        null === value || void 0 === value || value.forEach(item => {
                            if (!item) {
                                return
                            }
                            this.setAria("selected", true, this._additionalView._getCellByDate(item))
                        })
                    }
                }
                _updateAriaId(value) {
                    var _this$_onContouredCha;
                    const {
                        currentDate: currentDate = new Date
                    } = this.option();
                    const date = value ?? currentDate;
                    const ariaId = `dx-${new _guid.default}`;
                    const view = this._getActiveView(date);
                    const $newCell = view._getCellByDate(date);
                    this.setAria("id", ariaId, $newCell);
                    this.setAria("activedescendant", ariaId);
                    null === (_this$_onContouredCha = this._onContouredChanged) || void 0 === _this$_onContouredCha || _this$_onContouredCha.call(this, ariaId)
                }
                _suppressingNavigation(callback, args) {
                    this._suppressNavigation = true;
                    callback.apply(this, args);
                    delete this._suppressNavigation
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value,
                        previousValue: previousValue
                    } = args;
                    switch (name) {
                        case "width":
                            super._optionChanged(args);
                            this._clearViewWidthCache();
                            break;
                        case "min":
                        case "max": {
                            this.min = void 0;
                            this.max = void 0;
                            const {
                                currentDate: currentDate = new Date
                            } = this.option();
                            this._suppressingNavigation(this._updateCurrentDate, [currentDate]);
                            this._refreshViews();
                            this._renderNavigator();
                            break
                        }
                        case "selectionMode":
                            this._refreshSelectionStrategy();
                            this._initCurrentDate();
                            break;
                        case "selectWeekOnClick":
                        case "_todayDate":
                        case "showWeekNumbers":
                        case "weekNumberRule":
                            this._refreshViews();
                            break;
                        case "firstDayOfWeek":
                            this._refreshViews();
                            this._updateButtonsVisibility();
                            break;
                        case "focusStateEnabled":
                        case "disabledDates":
                        case "dateSerializationFormat":
                        case "cellTemplate":
                        case "showTodayButton":
                        case "todayButtonText":
                            this._invalidate();
                            break;
                        case "currentDate":
                            this.setAria("id", void 0, this._view._getCellByDate(previousValue));
                            this._updateCurrentDate(value);
                            break;
                        case "zoomLevel":
                            this.$element().removeClass(`dx-calendar-view-${previousValue}`);
                            this._correctZoomLevel();
                            this._refreshViews();
                            this._renderNavigator();
                            this._updateAriaId();
                            this._updateNavigatorLabels();
                            break;
                        case "minZoomLevel":
                        case "maxZoomLevel":
                            this._correctZoomLevel();
                            this._updateButtonsVisibility();
                            break;
                        case "value": {
                            const isSameValue = _date2.default.sameDatesArrays(value, previousValue);
                            if (!isSameValue) {
                                this._selectionStrategy.processValueChanged(value, previousValue)
                            }
                            this._setSubmitValue(value);
                            super._optionChanged(args);
                            break
                        }
                        case "viewsCount":
                            this._refreshViews();
                            this._renderNavigator();
                            break;
                        case "onCellClick":
                            this._view.option("onCellClick", value);
                            break;
                        case "onContouredChanged":
                            this._onContouredChanged = this._createActionByOption("onContouredChanged");
                            break;
                        case "readOnly":
                            super._optionChanged(args);
                            this._updateAriaLabelAndRole();
                            break;
                        case "skipFocusCheck":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                getContouredDate() {
                    const {
                        contouredDate: contouredDate
                    } = this._view.option();
                    return contouredDate
                }
            }(0, _component_registrator.default)("dxCalendar", Calendar);
            exports.default = Calendar
        },
        11351(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _calendarSelection = (e = __webpack_require__( /*! ./calendar.selection.strategy */ 68399), e && e.__esModule ? e : {
                default: e
            });
            var e;
            class CalendarMultiSelectionStrategy extends _calendarSelection.default {
                constructor(component) {
                    super(component);
                    this.NAME = "MultiSelection"
                }
                dateOption(optionName) {
                    if ("value" === optionName) {
                        return this.calendar._getDateOption("value")
                    }
                    return this.calendar._getDateOption(optionName)
                }
                getViewOptions() {
                    return {
                        value: this.dateOption("value"),
                        range: [],
                        selectionMode: "multiple",
                        onWeekNumberClick: this._shouldHandleWeekNumberClick() ? this._weekNumberClickHandler.bind(this) : null
                    }
                }
                selectValue(selectedValue, e) {
                    const value = [...this.dateOption("value")];
                    const alreadySelectedIndex = value.findIndex(date => (null === date || void 0 === date ? void 0 : date.toDateString()) === selectedValue.toDateString());
                    if (alreadySelectedIndex > -1) {
                        value.splice(alreadySelectedIndex, 1)
                    } else {
                        value.push(selectedValue)
                    }
                    this.skipNavigate();
                    this._updateCurrentDate(selectedValue);
                    this._currentDateChanged = true;
                    this.dateValue(value, e)
                }
                updateAriaSelected(val, previousVal) {
                    const value = val ?? this.dateOption("value");
                    const previousValue = previousVal ?? [];
                    super.updateAriaSelected(value, previousValue)
                }
                getDefaultCurrentDate() {
                    const value = this.dateOption("value");
                    const dates = value.filter(date => null !== date);
                    return this._getLowestDateInArray(dates)
                }
                restoreValue() {
                    this.calendar.option("value", [])
                }
                _weekNumberClickHandler(_ref) {
                    let {
                        rowDates: rowDates,
                        event: event
                    } = _ref;
                    const selectedDates = rowDates.filter(date => !this._isDateDisabled(date));
                    this.dateValue(selectedDates, event)
                }
            }
            exports.default = CalendarMultiSelectionStrategy
        },
        34065(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _wrapper = _interopRequireDefault(__webpack_require__( /*! ../../ui/button/wrapper */ 19583));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class Navigator extends _widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        onClick: void 0,
                        onCaptionClick: void 0,
                        type: "normal",
                        stylingMode: "outlined",
                        text: ""
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => (0, _themes.isMaterial)((0, _themes.current)()),
                        options: {
                            type: "default",
                            stylingMode: "text"
                        }
                    }, {
                        device: () => (0, _themes.isFluent)((0, _themes.current)()),
                        options: {
                            type: "normal",
                            stylingMode: "text"
                        }
                    }])
                }
                _init() {
                    super._init();
                    this._initActions()
                }
                _initActions() {
                    this._clickAction = this._createActionByOption("onClick");
                    this._captionClickAction = this._createActionByOption("onCaptionClick")
                }
                _initMarkup() {
                    super._initMarkup();
                    (0, _renderer.default)(this.element()).addClass("dx-calendar-navigator");
                    this._renderButtons();
                    this._renderCaption()
                }
                _renderButtons() {
                    const {
                        rtlEnabled: rtlEnabled,
                        type: type,
                        stylingMode: stylingMode,
                        focusStateEnabled: focusStateEnabled
                    } = this.option();
                    this._prevButton = this._createComponent((0, _renderer.default)("<div>"), _wrapper.default, {
                        focusStateEnabled: focusStateEnabled,
                        icon: rtlEnabled ? "chevronright" : "chevronleft",
                        onClick: e => {
                            var _this$_clickAction;
                            null === (_this$_clickAction = this._clickAction) || void 0 === _this$_clickAction || _this$_clickAction.call(this, {
                                direction: -1,
                                event: e
                            })
                        },
                        type: type,
                        stylingMode: stylingMode,
                        integrationOptions: {}
                    });
                    const $prevButton = (0, _renderer.default)(this._prevButton.element()).addClass("dx-calendar-navigator-previous-view").addClass("dx-calendar-navigator-previous-month");
                    this._nextButton = this._createComponent((0, _renderer.default)("<div>"), _wrapper.default, {
                        focusStateEnabled: focusStateEnabled,
                        icon: rtlEnabled ? "chevronleft" : "chevronright",
                        onClick: e => {
                            var _this$_clickAction2;
                            null === (_this$_clickAction2 = this._clickAction) || void 0 === _this$_clickAction2 || _this$_clickAction2.call(this, {
                                direction: 1,
                                event: e
                            })
                        },
                        type: type,
                        stylingMode: stylingMode,
                        integrationOptions: {}
                    });
                    const $nextButton = (0, _renderer.default)(this._nextButton.element()).addClass("dx-calendar-navigator-next-view").addClass("dx-calendar-navigator-next-month");
                    this._caption = this._createComponent((0, _renderer.default)("<div>").addClass("dx-calendar-caption-button"), _wrapper.default, {
                        focusStateEnabled: focusStateEnabled,
                        onClick: e => {
                            var _this$_captionClickAc;
                            null === (_this$_captionClickAc = this._captionClickAction) || void 0 === _this$_captionClickAc || _this$_captionClickAc.call(this, {
                                event: e
                            })
                        },
                        type: type,
                        stylingMode: stylingMode,
                        template: (_, content) => {
                            const {
                                text: text
                            } = this.option();
                            const viewCaptionTexts = text.split(" - ");
                            viewCaptionTexts.forEach(captionText => {
                                (0, _renderer.default)(content).append((0, _renderer.default)("<span>").addClass("dx-button-text").text(captionText))
                            })
                        },
                        integrationOptions: {}
                    });
                    const $caption = this._caption.$element();
                    this.$element().append($prevButton).append($caption).append($nextButton)
                }
                _renderCaption() {
                    var _this$_caption;
                    const {
                        text: text
                    } = this.option();
                    null === (_this$_caption = this._caption) || void 0 === _this$_caption || _this$_caption.option("text", text)
                }
                toggleButton(buttonPrefix, value) {
                    const buttonName = `_${buttonPrefix}Button`;
                    const button = this[buttonName];
                    if (button) {
                        button.option("disabled", value);
                        button.$element().toggleClass("dx-calendar-disabled-navigator-link", value)
                    }
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    if ("text" === name) {
                        this._renderCaption()
                    } else {
                        super._optionChanged(args)
                    }
                }
            }
            exports.default = Navigator
        },
        41018(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _calendarSelection = _interopRequireDefault(__webpack_require__( /*! ./calendar.selection.strategy */ 68399));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class CalendarRangeSelectionStrategy extends _calendarSelection.default {
                constructor(component) {
                    super(component);
                    this.NAME = "RangeSelection"
                }
                dateOption(optionName) {
                    if ("value" === optionName) {
                        return this.calendar._getDateOption("value") || null
                    }
                    return this.calendar._getDateOption(optionName)
                }
                getViewOptions() {
                    const value = this._getValue();
                    const range = this._getDaysInRange(value[0], value[1]);
                    return {
                        value: value,
                        range: range,
                        selectionMode: "range",
                        onCellHover: this._cellHoverHandler.bind(this),
                        onWeekNumberClick: this._shouldHandleWeekNumberClick() ? this._weekNumberClickHandler.bind(this) : null
                    }
                }
                selectValue(selectedValue, e) {
                    const [startDate, endDate] = this._getValue();
                    this.skipNavigate();
                    this._updateCurrentDate(selectedValue);
                    this._currentDateChanged = true;
                    const {
                        allowChangeSelectionOrder: allowChangeSelectionOrder,
                        currentSelection: currentSelection
                    } = this.calendar.option();
                    if (true === allowChangeSelectionOrder) {
                        this.calendar._valueSelected = true;
                        const convertedSelectedValue = this.calendar._convertToDate(selectedValue);
                        if ("startDate" === currentSelection) {
                            if (convertedSelectedValue > (this.calendar._convertToDate(endDate) ?? new Date(0))) {
                                this.dateValue([selectedValue, null], e)
                            } else {
                                this.dateValue([selectedValue, endDate], e)
                            }
                        } else if (convertedSelectedValue >= (this.calendar._convertToDate(startDate) ?? new Date(0))) {
                            this.dateValue([startDate, selectedValue], e)
                        } else {
                            this.dateValue([selectedValue, null], e)
                        }
                    } else if (!startDate || endDate) {
                        this.dateValue([selectedValue, null], e)
                    } else {
                        this.dateValue(startDate < selectedValue ? [startDate, selectedValue] : [selectedValue, startDate], e)
                    }
                }
                updateAriaSelected(val, previousVal) {
                    const value = val ?? this._getValue();
                    const previousValue = previousVal ?? [];
                    super.updateAriaSelected(value, previousValue)
                }
                processValueChanged(value, previousValue) {
                    super.processValueChanged(value, previousValue);
                    const range = this._getRange();
                    this._updateViewsOption("range", range)
                }
                getDefaultCurrentDate() {
                    const {
                        allowChangeSelectionOrder: allowChangeSelectionOrder,
                        currentSelection: currentSelection
                    } = this.calendar.option();
                    const value = this.dateOption("value");
                    if (allowChangeSelectionOrder) {
                        if ("startDate" === currentSelection && value[0]) {
                            return value[0]
                        }
                        if ("endDate" === currentSelection && value[1]) {
                            return value[1]
                        }
                    }
                    const dates = value.filter(date => null !== date);
                    return this._getLowestDateInArray(dates)
                }
                restoreValue() {
                    this.calendar.option("value", [null, null])
                }
                _getValue() {
                    const value = this.dateOption("value");
                    if (!value.length) {
                        return value
                    }
                    let [startDate, endDate] = value;
                    if (startDate && endDate && startDate > endDate) {
                        [startDate, endDate] = [endDate, startDate]
                    }
                    return [startDate, endDate]
                }
                _getRange() {
                    const [startDate, endDate] = this._getValue();
                    return this._getDaysInRange(startDate, endDate)
                }
                _getDaysInRange(startDate, endDate) {
                    if (!startDate || !endDate) {
                        return []
                    }
                    const {
                        currentDate: currentDate,
                        viewsCount: viewsCount
                    } = this.calendar.option();
                    const isAdditionalViewDate = this.calendar._isAdditionalViewDate(currentDate);
                    const firstDateInViews = _date.default.getFirstMonthDate(currentDate, isAdditionalViewDate ? -2 : -1);
                    const lastDateInViews = _date.default.getLastMonthDate(currentDate, isAdditionalViewDate ? 1 : viewsCount);
                    const rangeStartDate = new Date(Math.max(firstDateInViews.getTime(), startDate.getTime()));
                    const rangeEndDate = new Date(Math.min(lastDateInViews.getTime(), endDate.getTime()));
                    return [..._date.default.getDatesOfInterval(rangeStartDate, rangeEndDate, 864e5), rangeEndDate]
                }
                _cellHoverHandler(e) {
                    const isMaxZoomLevel = this._isMaxZoomLevel();
                    const [startDate, endDate] = this._getValue();
                    const {
                        allowChangeSelectionOrder: allowChangeSelectionOrder,
                        currentSelection: currentSelection
                    } = this.calendar.option();
                    if (isMaxZoomLevel) {
                        const skipHoveredRange = allowChangeSelectionOrder && "startDate" === currentSelection;
                        if (startDate && !endDate && !skipHoveredRange) {
                            if (e.value > startDate) {
                                this._updateViewsOption("hoveredRange", this._getDaysInRange(startDate, e.value));
                                return
                            }
                        } else if (!startDate && endDate && !(allowChangeSelectionOrder && "endDate" === currentSelection)) {
                            if (e.value < endDate) {
                                this._updateViewsOption("hoveredRange", this._getDaysInRange(e.value, endDate));
                                return
                            }
                        } else if (startDate && endDate) {
                            if ("startDate" === currentSelection && e.value < startDate) {
                                this._updateViewsOption("hoveredRange", this._getDaysInRange(e.value, startDate));
                                return
                            }
                            if ("endDate" === currentSelection && e.value > endDate) {
                                this._updateViewsOption("hoveredRange", this._getDaysInRange(endDate, e.value));
                                return
                            }
                        }
                        this._updateViewsOption("hoveredRange", [])
                    }
                }
                _weekNumberClickHandler(_ref) {
                    let {
                        rowDates: rowDates,
                        event: event
                    } = _ref;
                    const selectedDates = rowDates.filter(date => !this._isDateDisabled(date));
                    const value = selectedDates.length ? [selectedDates[0], selectedDates[selectedDates.length - 1]] : [null, null];
                    this.dateValue(value, event)
                }
            }
            exports.default = CalendarRangeSelectionStrategy
        },
        68399(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _date = (e = __webpack_require__( /*! ../../../core/utils/date */ 41380), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            exports.default = class {
                constructor(component) {
                    this.calendar = component
                }
                dateValue(value, e) {
                    this.calendar._dateValue(value, e)
                }
                skipNavigate() {
                    this.calendar._skipNavigate = true
                }
                updateAriaSelected(value, previousValue) {
                    this.calendar._updateAriaSelected(value, previousValue);
                    const {
                        currentDate: currentDate = new Date
                    } = this.calendar.option();
                    if (value[0] && currentDate.getTime() === value[0].getTime()) {
                        this.calendar._updateAriaId(value[0])
                    }
                }
                processValueChanged(val, previousVal) {
                    var _value, _previousValue;
                    let value = val;
                    let previousValue = previousVal;
                    if ((0, _type.isDefined)(value) && !Array.isArray(value)) {
                        value = [value]
                    }
                    if ((0, _type.isDefined)(previousValue) && !Array.isArray(previousValue)) {
                        previousValue = [previousValue]
                    }
                    value = (null === (_value = value) || void 0 === _value ? void 0 : _value.map(item => this._convertToDate(item))) ?? [];
                    previousValue = (null === (_previousValue = previousValue) || void 0 === _previousValue ? void 0 : _previousValue.map(item => this._convertToDate(item))) ?? [];
                    this._updateViewsValue(value.filter(item => null !== item));
                    this.updateAriaSelected(value, previousValue);
                    if (!this._currentDateChanged) {
                        this.calendar._initCurrentDate()
                    }
                    this._currentDateChanged = false
                }
                _isDateDisabled(date) {
                    const min = this.calendar._getDateOption("min");
                    const max = this.calendar._getDateOption("max");
                    const isLessThanMin = (0, _type.isDefined)(min) && date < min && !_date.default.sameDate(min, date);
                    const isBiggerThanMax = (0, _type.isDefined)(max) && date > max && !_date.default.sameDate(max, date);
                    return this.calendar._view.isDateDisabled(date) || isLessThanMin || isBiggerThanMax
                }
                _getLowestDateInArray(dates) {
                    if (dates.length) {
                        return new Date(Math.min(...dates.map(date => (null === date || void 0 === date ? void 0 : date.getTime()) ?? 1 / 0)))
                    }
                    return null
                }
                _convertToDate(value) {
                    return this.calendar._convertToDate(value)
                }
                _isMaxZoomLevel() {
                    return this.calendar._isMaxZoomLevel()
                }
                _updateViewsOption(optionName, optionValue) {
                    this.calendar._updateViewsOption(optionName, optionValue)
                }
                _updateViewsValue(value) {
                    this._updateViewsOption("value", value)
                }
                _updateCurrentDate(value) {
                    this.calendar.option("currentDate", value ?? new Date)
                }
                _shouldHandleWeekNumberClick() {
                    const {
                        selectionMode: selectionMode,
                        selectWeekOnClick: selectWeekOnClick
                    } = this.calendar.option();
                    return true === selectWeekOnClick && "single" !== selectionMode
                }
            }
        },
        12239(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _calendarSelection = (e = __webpack_require__( /*! ./calendar.selection.strategy */ 68399), e && e.__esModule ? e : {
                default: e
            });
            var e;
            class CalendarSingleSelectionStrategy extends _calendarSelection.default {
                constructor(component) {
                    super(component);
                    this.NAME = "SingleSelection"
                }
                dateOption(optionName) {
                    if ("value" === optionName) {
                        return this.calendar._getDateOption("value")
                    }
                    return this.calendar._getDateOption(optionName)
                }
                getViewOptions() {
                    const value = this.dateOption("value") ?? void 0;
                    return {
                        value: value,
                        range: [],
                        selectionMode: "single"
                    }
                }
                selectValue(selectedValue, e) {
                    this.skipNavigate();
                    this.dateValue(selectedValue, e)
                }
                updateAriaSelected(val, previousVal) {
                    const value = val ?? [this.dateOption("value")];
                    const previousValue = previousVal ?? [];
                    super.updateAriaSelected(value, previousValue)
                }
                getDefaultCurrentDate() {
                    return this.dateOption("value")
                }
                restoreValue() {
                    this.calendar.option("value", null)
                }
                _updateViewsValue(value) {
                    this._updateViewsOption("value", value[0])
                }
            }
            exports.default = CalendarSingleSelectionStrategy
        },
        25842(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.YearView = exports.MonthView = exports.DecadeView = exports.CenturyView = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _date_serialization = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date_serialization */ 71051));
            var _calendar = _interopRequireDefault(__webpack_require__( /*! ./calendar.base_view */ 51487));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class MonthView extends _calendar.default {
                _getViewName() {
                    return "month"
                }
                _getCurrentDateFormat() {
                    return "longdate"
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        firstDayOfWeek: 0,
                        rowCount: 6,
                        colCount: 7
                    })
                }
                _renderImpl() {
                    super._renderImpl();
                    this._renderHeader()
                }
                _renderBody() {
                    super._renderBody();
                    this._$table.find(".dx-calendar-other-view").addClass("dx-calendar-other-month")
                }
                _renderFocusTarget() {}
                _renderHeader() {
                    const $headerRow = (0, _renderer.default)("<tr>");
                    const $header = (0, _renderer.default)("<thead>").append($headerRow);
                    this._$table.prepend($header);
                    const {
                        colCount: columnsCount,
                        showWeekNumbers: showWeekNumbers
                    } = this.option();
                    for (let colIndex = 0, colCount = columnsCount; colIndex < colCount; colIndex += 1) {
                        this._renderHeaderCell(colIndex, $headerRow)
                    }
                    if (showWeekNumbers) {
                        this._renderWeekHeaderCell($headerRow)
                    }
                }
                _renderHeaderCell(cellIndex, $headerRow) {
                    const {
                        firstDayOfWeek: firstDayOfWeek = 0
                    } = this.option();
                    const {
                        full: fullCaption,
                        abbreviated: abbrCaption
                    } = this._getDayCaption(firstDayOfWeek + cellIndex);
                    const $cell = (0, _renderer.default)("<th>").attr({
                        scope: "col",
                        abbr: fullCaption
                    }).text(abbrCaption);
                    $headerRow.append($cell)
                }
                _renderWeekHeaderCell($headerRow) {
                    const $weekNumberHeaderCell = (0, _renderer.default)("<th>").attr({
                        scope: "col",
                        abbr: "WeekNumber",
                        class: "dx-week-number-header"
                    });
                    $headerRow.prepend($weekNumberHeaderCell)
                }
                _renderWeekNumberCell(rowData) {
                    const {
                        showWeekNumbers: showWeekNumbers,
                        cellTemplate: cellTemplate,
                        selectionMode: selectionMode,
                        selectWeekOnClick: selectWeekOnClick
                    } = this.option();
                    if (!showWeekNumbers) {
                        return
                    }
                    const weekNumber = this._getWeekNumber(rowData.prevCellDate);
                    const cell = _dom_adapter.default.createElement("td");
                    const $cell = (0, _renderer.default)(cell);
                    cell.className = "dx-calendar-week-number-cell";
                    if ("single" !== selectionMode && selectWeekOnClick) {
                        $cell.addClass("dx-calendar-week-selection")
                    }
                    if (cellTemplate) {
                        cellTemplate.render(this._prepareCellTemplateData(weekNumber, -1, $cell))
                    } else {
                        cell.innerHTML = `${weekNumber}`
                    }
                    rowData.row.prepend(cell);
                    this.setAria({
                        role: "gridcell",
                        label: `Week ${weekNumber}`
                    }, $cell)
                }
                _getWeekNumber(date) {
                    const {
                        weekNumberRule: weekNumberRule = "auto",
                        firstDayOfWeek: firstDayOfWeek
                    } = this.option();
                    if ("auto" === weekNumberRule) {
                        return _date2.default.getWeekNumber(date, firstDayOfWeek, 1 === firstDayOfWeek ? "firstFourDays" : "firstDay")
                    }
                    return _date2.default.getWeekNumber(date, firstDayOfWeek, weekNumberRule)
                }
                getNavigatorCaption() {
                    const {
                        date: date
                    } = this.option();
                    return `${_date.default.format(date,"monthandyear")}`
                }
                _isTodayCell(cellDate) {
                    const {
                        _todayDate: today
                    } = this.option();
                    return _date2.default.sameDate(cellDate, today())
                }
                _isDateOutOfRange(cellDate) {
                    const minDate = this.option("min");
                    const maxDate = this.option("max");
                    return !_date2.default.dateInRange(cellDate, minDate, maxDate, "date")
                }
                _isOtherView(cellDate) {
                    const {
                        date: date
                    } = this.option();
                    return cellDate.getMonth() !== date.getMonth()
                }
                _isStartDayOfMonth(cellDate) {
                    return _date2.default.sameDate(cellDate, _date2.default.getFirstMonthDate(this.option("date")))
                }
                _isEndDayOfMonth(cellDate) {
                    return _date2.default.sameDate(cellDate, _date2.default.getLastMonthDate(this.option("date")))
                }
                _getCellText(cellDate) {
                    return `${_date.default.format(cellDate,"d")}`
                }
                _getDayCaption(day) {
                    const {
                        colCount: daysInWeek
                    } = this.option();
                    const dayIndex = day % daysInWeek;
                    return {
                        full: _date.default.getDayNames()[dayIndex],
                        abbreviated: _date.default.getDayNames("abbreviated")[dayIndex]
                    }
                }
                _getFirstCellData() {
                    const {
                        firstDayOfWeek: firstDayOfWeek = 0,
                        date: date
                    } = this.option();
                    const firstDay = _date2.default.getFirstMonthDate(date);
                    let firstMonthDayOffset = firstDayOfWeek - firstDay.getDay();
                    const {
                        colCount: daysInWeek
                    } = this.option();
                    if (firstMonthDayOffset >= 0) {
                        firstMonthDayOffset -= daysInWeek
                    }
                    firstDay.setDate(firstDay.getDate() + firstMonthDayOffset);
                    return firstDay
                }
                _getNextCellData(date) {
                    const newDate = new Date(date);
                    newDate.setDate(newDate.getDate() + 1);
                    return newDate
                }
                _getCellByDate(date) {
                    return this._$table.find(`td[data-value='${_date_serialization.default.serializeDate(date,_date2.default.getShortDateFormat())}']`)
                }
                isBoundary(date) {
                    return _date2.default.sameMonthAndYear(date, this.option("min")) || _date2.default.sameMonthAndYear(date, this.option("max"))
                }
                _getDefaultDisabledDatesHandler(disabledDates) {
                    return args => disabledDates.some(item => _date2.default.sameDate(item, args.date))
                }
            }
            exports.MonthView = MonthView;
            class YearView extends _calendar.default {
                _getViewName() {
                    return "year"
                }
                _getCurrentDateFormat() {
                    return "monthandyear"
                }
                _isTodayCell(cellDate) {
                    const {
                        _todayDate: today
                    } = this.option();
                    return _date2.default.sameMonthAndYear(cellDate, today())
                }
                _isDateOutOfRange(cellDate) {
                    return !_date2.default.dateInRange(cellDate, _date2.default.getFirstMonthDate(this.option("min")), _date2.default.getLastMonthDate(this.option("max")))
                }
                _isOtherView() {
                    return false
                }
                _isStartDayOfMonth() {
                    return false
                }
                _isEndDayOfMonth() {
                    return false
                }
                _getCellText(cellDate) {
                    return _date.default.getMonthNames("abbreviated")[cellDate.getMonth()]
                }
                _getFirstCellData() {
                    const {
                        date: currentDate
                    } = this.option();
                    const data = new Date(currentDate);
                    data.setDate(1);
                    data.setMonth(0);
                    return data
                }
                _getNextCellData(date) {
                    const newDate = new Date(date);
                    newDate.setMonth(newDate.getMonth() + 1);
                    return newDate
                }
                _getCellByDate(date) {
                    const foundDate = new Date(date);
                    foundDate.setDate(1);
                    return this._$table.find(`td[data-value='${_date_serialization.default.serializeDate(foundDate,_date2.default.getShortDateFormat())}']`)
                }
                getNavigatorCaption() {
                    const {
                        date: date
                    } = this.option();
                    return `${_date.default.format(date,"yyyy")}`
                }
                isBoundary(date) {
                    return _date2.default.sameYear(date, this.option("min")) || _date2.default.sameYear(date, this.option("max"))
                }
                _renderWeekNumberCell() {}
            }
            exports.YearView = YearView;
            class DecadeView extends _calendar.default {
                _getViewName() {
                    return "decade"
                }
                _isTodayCell(cellDate) {
                    const {
                        _todayDate: today
                    } = this.option();
                    return _date2.default.sameYear(cellDate, today())
                }
                _isDateOutOfRange(cellDate) {
                    const {
                        min: min,
                        max: max
                    } = this.option();
                    return !_date2.default.dateInRange(cellDate.getFullYear(), null === min || void 0 === min ? void 0 : min.getFullYear(), null === max || void 0 === max ? void 0 : max.getFullYear())
                }
                _isOtherView(cellDate) {
                    const date = new Date(cellDate);
                    date.setMonth(1);
                    return !_date2.default.sameDecade(date, this.option("date"))
                }
                _isStartDayOfMonth() {
                    return false
                }
                _isEndDayOfMonth() {
                    return false
                }
                _getCellText(cellDate) {
                    return `${_date.default.format(cellDate,"yyyy")}`
                }
                _getFirstCellData() {
                    const year = _date2.default.getFirstYearInDecade(this.option("date")) - 1;
                    return _date2.default.createDateWithFullYear(year, 0, 1)
                }
                _getNextCellData(date) {
                    const newDate = new Date(date);
                    newDate.setFullYear(newDate.getFullYear() + 1);
                    return newDate
                }
                getNavigatorCaption() {
                    const {
                        date: currentDate
                    } = this.option();
                    const firstYearInDecade = _date2.default.getFirstYearInDecade(currentDate);
                    const startDate = new Date(currentDate);
                    const endDate = new Date(currentDate);
                    startDate.setFullYear(firstYearInDecade);
                    endDate.setFullYear(firstYearInDecade + 9);
                    return `${_date.default.format(startDate,"yyyy")}-${_date.default.format(endDate,"yyyy")}`
                }
                _isValueOnCurrentView(currentDate, value) {
                    return _date2.default.sameDecade(currentDate, value)
                }
                _getCellByDate(date) {
                    const foundDate = new Date(date);
                    foundDate.setDate(1);
                    foundDate.setMonth(0);
                    return this._$table.find(`td[data-value='${_date_serialization.default.serializeDate(foundDate,_date2.default.getShortDateFormat())}']`)
                }
                isBoundary(date) {
                    return _date2.default.sameDecade(date, this.option("min")) || _date2.default.sameDecade(date, this.option("max"))
                }
                _renderWeekNumberCell() {}
            }
            exports.DecadeView = DecadeView;
            class CenturyView extends _calendar.default {
                _getViewName() {
                    return "century"
                }
                _isTodayCell(cellDate) {
                    const {
                        _todayDate: today
                    } = this.option();
                    return _date2.default.sameDecade(cellDate, today())
                }
                _isDateOutOfRange(cellDate) {
                    const decade = _date2.default.getFirstYearInDecade(cellDate);
                    const minDecade = _date2.default.getFirstYearInDecade(this.option("min"));
                    const maxDecade = _date2.default.getFirstYearInDecade(this.option("max"));
                    return !_date2.default.dateInRange(decade, minDecade, maxDecade)
                }
                _isOtherView(cellDate) {
                    const date = new Date(cellDate);
                    date.setMonth(1);
                    return !_date2.default.sameCentury(date, this.option("date"))
                }
                _isStartDayOfMonth() {
                    return false
                }
                _isEndDayOfMonth() {
                    return false
                }
                _getCellText(cellDate) {
                    const startDate = _date.default.format(cellDate, "yyyy");
                    const endDate = new Date(cellDate);
                    endDate.setFullYear(endDate.getFullYear() + 9);
                    return `${startDate} - ${_date.default.format(endDate,"yyyy")}`
                }
                _getFirstCellData() {
                    const decade = _date2.default.getFirstDecadeInCentury(this.option("date")) - 10;
                    return _date2.default.createDateWithFullYear(decade, 0, 1)
                }
                _getNextCellData(date) {
                    const newDate = new Date(date);
                    newDate.setFullYear(newDate.getFullYear() + 10);
                    return newDate
                }
                _getCellByDate(date) {
                    const foundDate = new Date(date);
                    foundDate.setDate(1);
                    foundDate.setMonth(0);
                    foundDate.setFullYear(_date2.default.getFirstYearInDecade(foundDate));
                    return this._$table.find(`td[data-value='${_date_serialization.default.serializeDate(foundDate,_date2.default.getShortDateFormat())}']`)
                }
                getNavigatorCaption() {
                    const {
                        date: currentDate
                    } = this.option();
                    const firstDecadeInCentury = _date2.default.getFirstDecadeInCentury(currentDate);
                    const startDate = new Date(currentDate);
                    const endDate = new Date(currentDate);
                    startDate.setFullYear(firstDecadeInCentury);
                    endDate.setFullYear(firstDecadeInCentury + 99);
                    return `${_date.default.format(startDate,"yyyy")}-${_date.default.format(endDate,"yyyy")}`
                }
                isBoundary(date) {
                    return _date2.default.sameCentury(date, this.option("min")) || _date2.default.sameCentury(date, this.option("max"))
                }
                _renderWeekNumberCell() {}
            }
            exports.CenturyView = CenturyView;
            exports.default = {
                month: MonthView,
                year: YearView,
                decade: DecadeView,
                century: CenturyView
            }
        },
        9716(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _informer = _interopRequireDefault(__webpack_require__( /*! ../../ui/informer/informer */ 83706));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class AlertList extends _widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        items: []
                    })
                }
                _initMarkup() {
                    (0, _renderer.default)(this.element()).addClass("dx-chat-alertlist");
                    super._initMarkup();
                    const {
                        items: items
                    } = this.option();
                    this._renderItems(items);
                    this._updateAria()
                }
                _renderItems(items) {
                    this._informersInstances = [];
                    if (null !== items && void 0 !== items && items.length) {
                        items.forEach(itemData => {
                            this._renderItem(itemData)
                        })
                    }
                }
                _renderItem(itemData) {
                    const $informer = (0, _renderer.default)("<div>").addClass("dx-chat-alertlist-error");
                    this.$element().append($informer);
                    const informer = this._createComponent($informer, _informer.default, {
                        text: (null === itemData || void 0 === itemData ? void 0 : itemData.message) ?? "",
                        icon: "errorcircle",
                        showBackground: false
                    });
                    this._informersInstances.push(informer)
                }
                _cleanItems() {
                    this._informersInstances.forEach(informerInstance => {
                        informerInstance.dispose()
                    })
                }
                _updateAria() {
                    const aria = {
                        role: "log",
                        atomic: "false",
                        label: _message.default.format("dxChat-alertListAriaLabel"),
                        live: "polite",
                        relevant: "additions"
                    };
                    this.setAria(aria)
                }
                _clean() {
                    this._cleanItems();
                    super._clean()
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    if ("items" === name) {
                        this._invalidate()
                    } else {
                        super._optionChanged(args)
                    }
                }
            }
            exports.default = AlertList
        },
        95093(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class Avatar extends _widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        name: "Unknown User",
                        url: "",
                        alt: ""
                    })
                }
                _initMarkup() {
                    (0, _renderer.default)(this.element()).addClass("dx-avatar");
                    super._initMarkup();
                    this._renderAvatarContent()
                }
                _renderAvatarContent() {
                    var _this$_$content;
                    null === (_this$_$content = this._$content) || void 0 === _this$_$content || _this$_$content.remove();
                    if (this._isValuableUrl()) {
                        this._renderImage();
                        return
                    }
                    this._renderInitials()
                }
                _renderImage() {
                    this._renderImageElement();
                    this._updateUrl();
                    this._updateAlt()
                }
                _renderInitials() {
                    this._renderInitialsElement();
                    this._updateInitials()
                }
                _renderImageElement() {
                    this._$content = (0, _renderer.default)("<img>").addClass("dx-avatar-image").appendTo(this.element())
                }
                _renderInitialsElement() {
                    this._$content = (0, _renderer.default)("<div>").addClass("dx-avatar-initials").appendTo(this.element())
                }
                _updateInitials() {
                    var _this$_$content2;
                    const {
                        name: name
                    } = this.option();
                    null === (_this$_$content2 = this._$content) || void 0 === _this$_$content2 || _this$_$content2.text(this._getInitials(name))
                }
                _updateUrl() {
                    var _this$_$content3;
                    const {
                        url: url
                    } = this.option();
                    null === (_this$_$content3 = this._$content) || void 0 === _this$_$content3 || _this$_$content3.attr("src", url ?? "")
                }
                _updateAlt() {
                    var _this$_$content4;
                    const {
                        alt: alt,
                        name: name
                    } = this.option();
                    const altText = alt || name || _message.default.format("dxAvatar-defaultImageAlt");
                    null === (_this$_$content4 = this._$content) || void 0 === _this$_$content4 || _this$_$content4.attr("alt", altText)
                }
                _isValuableUrl() {
                    var _url$trim;
                    const {
                        url: url
                    } = this.option();
                    const result = !!(null !== url && void 0 !== url && null !== (_url$trim = url.trim) && void 0 !== _url$trim && _url$trim.call(url));
                    return result
                }
                _getInitials(name) {
                    if ((0, _type.isDefined)(name)) {
                        const splitValue = String(name).trim().split(/\s+/);
                        const firstInitial = this._getFirstChar(splitValue[0]);
                        const secondInitial = this._getFirstChar(splitValue[1]);
                        const result = `${firstInitial}${secondInitial}`;
                        return result
                    }
                    return ""
                }
                _getFirstChar(value) {
                    return (null === value || void 0 === value ? void 0 : value.charAt(0).toUpperCase()) ?? ""
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "alt":
                        case "name":
                        case "url":
                            this._renderAvatarContent();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            exports.default = Avatar
        },
        61454(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _common = __webpack_require__( /*! ../../../common */ 83077);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _data_helper = _interopRequireDefault(__webpack_require__( /*! ../../../data_helper */ 87755));
            var _conditional_invoke = __webpack_require__( /*! ../../core/utils/conditional_invoke */ 93147);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _alertlist = _interopRequireDefault(__webpack_require__( /*! ../../ui/chat/alertlist */ 9716));
            var _confirmationpopup = _interopRequireDefault(__webpack_require__( /*! ../../ui/chat/confirmationpopup */ 96127));
            var _message_box = _interopRequireDefault(__webpack_require__( /*! ../../ui/chat/message_box/message_box */ 62649));
            var _messagelist = _interopRequireDefault(__webpack_require__( /*! ../../ui/chat/messagelist */ 51409));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class Chat extends _widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        activeStateEnabled: true,
                        alerts: [],
                        dataSource: null,
                        dayHeaderFormat: "shortdate",
                        editing: {
                            allowUpdating: false,
                            allowDeleting: false
                        },
                        emptyViewTemplate: null,
                        fileUploaderOptions: void 0,
                        focusStateEnabled: true,
                        hoverStateEnabled: true,
                        items: [],
                        messageTemplate: null,
                        messageTimestampFormat: "shorttime",
                        reloadOnChange: true,
                        showAvatar: true,
                        showDayHeaders: true,
                        showMessageTimestamp: true,
                        showUserName: true,
                        typingUsers: [],
                        user: {
                            id: (new _common.Guid).toString()
                        },
                        onMessageDeleted: void 0,
                        onMessageDeleting: void 0,
                        onMessageEditCanceled: void 0,
                        onMessageEditingStart: void 0,
                        onMessageEntered: void 0,
                        onTypingEnd: void 0,
                        onTypingStart: void 0,
                        onAttachmentDownloadClick: void 0
                    })
                }
                _init() {
                    super._init();
                    this._initDataController();
                    this._refreshDataSource();
                    this._createMessageEnteredAction();
                    this._createMessageEditingStartAction();
                    this._createMessageEditCanceledAction();
                    this._createMessageDeletingAction();
                    this._createMessageDeletedAction();
                    this._createMessageUpdatingAction();
                    this._createMessageUpdatedAction();
                    this._createTypingStartAction();
                    this._createTypingEndAction();
                    this._createAttachmentDownloadAction()
                }
                _dataSourceLoadErrorHandler() {
                    this.option("items", [])
                }
                _dataSourceChangedHandler(newItems, e) {
                    if (null !== e && void 0 !== e && e.changes) {
                        this._messageList._modifyByChanges(e.changes);
                        this._setOptionWithoutOptionChange("items", newItems.slice());
                        this._messageList._setOptionWithoutOptionChange("items", newItems.slice());
                        this._messageList._toggleEmptyView()
                    } else {
                        this.option("items", newItems.slice())
                    }
                }
                _dataSourceLoadingChangedHandler(isLoading) {
                    var _this$_messageList;
                    null === (_this$_messageList = this._messageList) || void 0 === _this$_messageList || _this$_messageList.option("isLoading", isLoading)
                }
                _dataSourceOptions() {
                    return {
                        paginate: false
                    }
                }
                _initMarkup() {
                    (0, _renderer.default)(this.element()).addClass("dx-chat");
                    super._initMarkup();
                    this._renderMessageList();
                    this._renderAlertList();
                    this._renderMessageBox();
                    this._updateRootAria();
                    this._updateMessageBoxAria()
                }
                _renderMessageList() {
                    const $messageList = (0, _renderer.default)("<div>");
                    this.$element().append($messageList);
                    this._messageList = this._createComponent($messageList, _messagelist.default, this._getMessageListOptions())
                }
                _getMessageListOptions() {
                    const {
                        items: items = [],
                        user: user,
                        showDayHeaders: showDayHeaders = false,
                        showAvatar: showAvatar = false,
                        showUserName: showUserName = false,
                        showMessageTimestamp: showMessageTimestamp = false,
                        dayHeaderFormat: dayHeaderFormat,
                        messageTimestampFormat: messageTimestampFormat,
                        typingUsers: typingUsers = []
                    } = this.option();
                    const isLoading = this._dataController.isLoading();
                    const currentUserId = null === user || void 0 === user ? void 0 : user.id;
                    const onAttachmentDownloadClick = this._getAttachmentDownloadHandler();
                    const options = {
                        items: items,
                        currentUserId: currentUserId,
                        allowUpdating: message => this._allowEditAction(message),
                        allowDeleting: message => this._allowDeleteAction(message),
                        isEditActionDisabled: message => this._messageToEdit === message,
                        messageTemplate: this._getMessageTemplate(),
                        emptyViewTemplate: this._getEmptyViewTemplate(),
                        showDayHeaders: showDayHeaders,
                        showAvatar: showAvatar,
                        showUserName: showUserName,
                        showMessageTimestamp: showMessageTimestamp,
                        dayHeaderFormat: dayHeaderFormat,
                        messageTimestampFormat: messageTimestampFormat,
                        typingUsers: typingUsers,
                        isLoading: isLoading,
                        onMessageEditingStart: e => {
                            this._messageEditingStartHandler(e);
                            return () => this.focus()
                        },
                        onMessageDeleting: e => {
                            this._messageDeletingHandler(e)
                        },
                        onEscapeKeyPressed: () => {
                            this.focus()
                        },
                        onAttachmentDownloadClick: onAttachmentDownloadClick
                    };
                    return options
                }
                _getAttachmentDownloadHandler() {
                    if (!this.hasActionSubscription("onAttachmentDownloadClick")) {
                        return
                    }
                    return e => {
                        var _this$_attachmentDown;
                        null === (_this$_attachmentDown = this._attachmentDownloadAction) || void 0 === _this$_attachmentDown || _this$_attachmentDown.call(this, e)
                    }
                }
                on(eventName) {
                    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
                        args[_key - 1] = arguments[_key]
                    }
                    const result = super.on.apply(this, [eventName, ...args]);
                    if ("attachmentDownloadClick" === eventName) {
                        this._updateAttachmentDownloadHandler()
                    }
                    return result
                }
                off(eventName) {
                    for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
                        args[_key2 - 1] = arguments[_key2]
                    }
                    const result = super.off.apply(this, [eventName, ...args]);
                    if ("attachmentDownloadClick" === eventName) {
                        this._updateAttachmentDownloadHandler()
                    }
                    return result
                }
                _updateAttachmentDownloadHandler() {
                    var _this$_messageList2;
                    null === (_this$_messageList2 = this._messageList) || void 0 === _this$_messageList2 || _this$_messageList2.option("onAttachmentDownloadClick", this._getAttachmentDownloadHandler())
                }
                _allowEditAction(message) {
                    const {
                        editing: editing
                    } = this.option();
                    if (!editing) {
                        return false
                    }
                    const {
                        allowUpdating: allowUpdating
                    } = editing;
                    if ("function" === typeof allowUpdating) {
                        return allowUpdating({
                            component: this,
                            message: message
                        })
                    }
                    return allowUpdating ?? false
                }
                _allowDeleteAction(message) {
                    const {
                        editing: editing
                    } = this.option();
                    if (!editing) {
                        return false
                    }
                    const {
                        allowDeleting: allowDeleting
                    } = editing;
                    if ("function" === typeof allowDeleting) {
                        return allowDeleting({
                            component: this,
                            message: message
                        })
                    }
                    return allowDeleting ?? false
                }
                _getRenderTemplateFunction(optionName) {
                    const {
                        [optionName]: templateOption
                    } = this.option();
                    if (templateOption) {
                        return (data, $container) => {
                            const template = this._getTemplateByOption(optionName);
                            const dataFieldName = "messageTemplate" === optionName ? "message" : "texts";
                            template.render({
                                container: $container,
                                model: {
                                    component: this,
                                    [dataFieldName]: data
                                }
                            })
                        }
                    }
                    return null
                }
                _getMessageTemplate() {
                    return this._getRenderTemplateFunction("messageTemplate")
                }
                _getEmptyViewTemplate() {
                    return this._getRenderTemplateFunction("emptyViewTemplate")
                }
                _messageEditingStartHandler(e) {
                    var _this$_messageEditing;
                    if (this._messageToEdit) {
                        var _this$_messageEditCan;
                        null === (_this$_messageEditCan = this._messageEditCanceledAction) || void 0 === _this$_messageEditCan || _this$_messageEditCan.call(this, {
                            message: this._messageToEdit
                        })
                    }
                    const messageEditingStartArgs = {
                        message: e.message,
                        cancel: false
                    };
                    null === (_this$_messageEditing = this._messageEditingStartAction) || void 0 === _this$_messageEditing || _this$_messageEditing.call(this, messageEditingStartArgs);
                    (0, _conditional_invoke.invokeConditionally)(messageEditingStartArgs.cancel, () => {
                        this._messageBox.option("text", e.message.text);
                        this._messageBox.resetFileUploader();
                        this._messageBox.toggleAttachButtonVisibleState(false);
                        this._messageToEdit = e.message
                    })
                }
                _messageEditCanceledHandler() {
                    if (this._messageToEdit) {
                        var _this$_messageEditCan2;
                        null === (_this$_messageEditCan2 = this._messageEditCanceledAction) || void 0 === _this$_messageEditCan2 || _this$_messageEditCan2.call(this, {
                            message: this._messageToEdit
                        });
                        this._messageToEdit = void 0
                    }
                    this._messageBox.toggleAttachButtonVisibleState(true)
                }
                _showDeleteConfirmationPopup(e) {
                    this._messageToDelete = e.message;
                    if (!this._deleteConfirmationPopup) {
                        this._deleteConfirmationPopup = new _confirmationpopup.default(this.$element(), {
                            onApplyButtonClick: () => {
                                var _this$_messageDeleted;
                                if (this._messageToEdit === this._messageToDelete) {
                                    var _this$_messageEditCan3;
                                    this._messageBox.option("text", "");
                                    null === (_this$_messageEditCan3 = this._messageEditCanceledAction) || void 0 === _this$_messageEditCan3 || _this$_messageEditCan3.call(this, {
                                        message: this._messageToEdit
                                    });
                                    this._messageToEdit = void 0
                                }
                                null === (_this$_messageDeleted = this._messageDeletedAction) || void 0 === _this$_messageDeleted || _this$_messageDeleted.call(this, {
                                    message: this._messageToDelete
                                })
                            },
                            rtlEnabled: this.option().rtlEnabled,
                            onHidden: () => {
                                this._messageToDelete = void 0;
                                this._focusTarget()[0].focus()
                            }
                        })
                    }
                    this._deleteConfirmationPopup.show()
                }
                _messageDeletingHandler(e) {
                    var _this$_messageDeletin;
                    const {
                        message: message
                    } = e;
                    const messageDeletingArgs = {
                        message: message,
                        cancel: false
                    };
                    null === (_this$_messageDeletin = this._messageDeletingAction) || void 0 === _this$_messageDeletin || _this$_messageDeletin.call(this, messageDeletingArgs);
                    (0, _conditional_invoke.invokeConditionally)(messageDeletingArgs.cancel, () => {
                        this._showDeleteConfirmationPopup(messageDeletingArgs)
                    })
                }
                _messageUpdatingHandler(e) {
                    var _this$_messageUpdatin;
                    const {
                        text: text
                    } = e;
                    const eventArgs = {
                        message: this._messageToEdit,
                        text: text,
                        cancel: false
                    };
                    null === (_this$_messageUpdatin = this._messageUpdatingAction) || void 0 === _this$_messageUpdatin || _this$_messageUpdatin.call(this, eventArgs);
                    (0, _conditional_invoke.invokeConditionally)(eventArgs.cancel, () => {
                        var _this$_messageUpdated;
                        this._messageBox.option("text", "");
                        this._messageBox.toggleAttachButtonVisibleState(true);
                        null === (_this$_messageUpdated = this._messageUpdatedAction) || void 0 === _this$_messageUpdated || _this$_messageUpdated.call(this, eventArgs);
                        this._messageToEdit = void 0
                    })
                }
                _renderAlertList() {
                    const $errors = (0, _renderer.default)("<div>");
                    this.$element().append($errors);
                    const {
                        alerts: alerts = []
                    } = this.option();
                    this._alertList = this._createComponent($errors, _alertlist.default, {
                        items: alerts
                    })
                }
                _renderMessageBox() {
                    const {
                        activeStateEnabled: activeStateEnabled,
                        fileUploaderOptions: fileUploaderOptions,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled
                    } = this.option();
                    const $messageBox = (0, _renderer.default)("<div>");
                    this.$element().append($messageBox);
                    const configuration = {
                        activeStateEnabled: activeStateEnabled,
                        fileUploaderOptions: fileUploaderOptions,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        onMessageEntered: e => {
                            this._messageEnteredHandler(e)
                        },
                        onTypingStart: e => {
                            this._typingStartHandler(e)
                        },
                        onTypingEnd: () => {
                            this._typingEndHandler()
                        },
                        onMessageEditCanceled: () => {
                            this._messageEditCanceledHandler()
                        },
                        onMessageUpdating: e => {
                            this._messageUpdatingHandler(e)
                        }
                    };
                    this._messageBox = this._createComponent($messageBox, _message_box.default, configuration)
                }
                _updateRootAria() {
                    const aria = {
                        role: "group",
                        label: _message.default.format("dxChat-elementAriaLabel")
                    };
                    this.setAria(aria, this.$element())
                }
                _updateMessageBoxAria() {
                    const emptyViewId = this._messageList.getEmptyViewId();
                    this._messageBox.updateInputAria(emptyViewId)
                }
                _createMessageEnteredAction() {
                    this._messageEnteredAction = this._createActionByOption("onMessageEntered", {
                        excludeValidators: ["disabled"]
                    })
                }
                _createMessageEditingStartAction() {
                    this._messageEditingStartAction = this._createActionByOption("onMessageEditingStart", {
                        excludeValidators: ["disabled"]
                    })
                }
                _createMessageEditCanceledAction() {
                    this._messageEditCanceledAction = this._createActionByOption("onMessageEditCanceled", {
                        excludeValidators: ["disabled"]
                    })
                }
                _createMessageDeletingAction() {
                    this._messageDeletingAction = this._createActionByOption("onMessageDeleting", {
                        excludeValidators: ["disabled"]
                    })
                }
                _createMessageDeletedAction() {
                    this._messageDeletedAction = this._createActionByOption("onMessageDeleted", {
                        excludeValidators: ["disabled"]
                    })
                }
                _createMessageUpdatingAction() {
                    this._messageUpdatingAction = this._createActionByOption("onMessageUpdating", {
                        excludeValidators: ["disabled"]
                    })
                }
                _createMessageUpdatedAction() {
                    this._messageUpdatedAction = this._createActionByOption("onMessageUpdated", {
                        excludeValidators: ["disabled"]
                    })
                }
                _createTypingStartAction() {
                    this._typingStartAction = this._createActionByOption("onTypingStart", {
                        excludeValidators: ["disabled"]
                    })
                }
                _createTypingEndAction() {
                    this._typingEndAction = this._createActionByOption("onTypingEnd", {
                        excludeValidators: ["disabled"]
                    })
                }
                _createAttachmentDownloadAction() {
                    this._attachmentDownloadAction = this._createActionByOption("onAttachmentDownloadClick", {
                        excludeValidators: ["disabled"]
                    })
                }
                _messageEnteredHandler(e) {
                    var _this$_messageEntered;
                    const {
                        text: text,
                        event: event,
                        attachments: attachments
                    } = e;
                    const {
                        user: user
                    } = this.option();
                    const message = {
                        timestamp: new Date,
                        author: user,
                        text: text
                    };
                    if (attachments) {
                        message.attachments = attachments
                    }
                    const dataSource = this.getDataSource();
                    if ((0, _type.isDefined)(dataSource)) {
                        dataSource.store().insert(message).done(() => {
                            const {
                                reloadOnChange: reloadOnChange
                            } = this.option();
                            if (reloadOnChange) {
                                dataSource.reload()
                            }
                        })
                    }
                    null === (_this$_messageEntered = this._messageEnteredAction) || void 0 === _this$_messageEntered || _this$_messageEntered.call(this, {
                        message: message,
                        event: event
                    })
                }
                _typingStartHandler(e) {
                    var _this$_typingStartAct;
                    const {
                        event: event
                    } = e;
                    const {
                        user: user
                    } = this.option();
                    null === (_this$_typingStartAct = this._typingStartAction) || void 0 === _this$_typingStartAct || _this$_typingStartAct.call(this, {
                        user: user,
                        event: event
                    })
                }
                _typingEndHandler() {
                    var _this$_typingEndActio;
                    const {
                        user: user
                    } = this.option();
                    null === (_this$_typingEndActio = this._typingEndAction) || void 0 === _this$_typingEndActio || _this$_typingEndActio.call(this, {
                        user: user
                    })
                }
                _focusTarget() {
                    const $input = (0, _renderer.default)(this.element()).find(".dx-texteditor-input");
                    return $input
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        fullName: fullName,
                        value: value
                    } = args;
                    switch (name) {
                        case "activeStateEnabled":
                        case "focusStateEnabled":
                        case "hoverStateEnabled":
                            this._messageBox.option(name, value);
                            break;
                        case "fileUploaderOptions":
                            this._messageBox.option(fullName, value);
                            break;
                        case "user": {
                            const author = value;
                            this._messageList.option("currentUserId", null === author || void 0 === author ? void 0 : author.id);
                            break
                        }
                        case "editing":
                        case "reloadOnChange":
                            break;
                        case "items":
                            this._messageList.option(name, this.option("items"));
                            this._updateMessageBoxAria();
                            break;
                        case "dataSource":
                            this._refreshDataSource();
                            break;
                        case "alerts":
                            this._alertList.option("items", value ?? []);
                            break;
                        case "onMessageEntered":
                            this._createMessageEnteredAction();
                            break;
                        case "onMessageUpdating":
                        case "onMessageUpdated":
                        case "onMessageEditCanceled":
                            this._createMessageEditCanceledAction();
                            break;
                        case "onMessageEditingStart":
                            this._createMessageEditingStartAction();
                            break;
                        case "onMessageDeleting":
                            this._createMessageDeletingAction();
                            break;
                        case "onMessageDeleted":
                            this._createMessageDeletedAction();
                            break;
                        case "onTypingStart":
                            this._createTypingStartAction();
                            break;
                        case "onTypingEnd":
                            this._createTypingEndAction();
                            break;
                        case "onAttachmentDownloadClick":
                            this._createAttachmentDownloadAction();
                            this._updateAttachmentDownloadHandler();
                            break;
                        case "showDayHeaders":
                        case "showAvatar":
                        case "showUserName":
                        case "showMessageTimestamp":
                            this._messageList.option(name, !!value);
                            break;
                        case "dayHeaderFormat":
                        case "messageTimestampFormat":
                        case "typingUsers":
                            this._messageList.option(name, value);
                            break;
                        case "messageTemplate":
                            this._messageList.option(name, this._getMessageTemplate());
                            break;
                        case "emptyViewTemplate":
                            this._messageList.option(name, this._getEmptyViewTemplate());
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _insertNewItem(item) {
                    const {
                        items: items
                    } = this.option();
                    const newItems = [...items ?? [], item];
                    this.option("items", newItems)
                }
                renderMessage() {
                    let message = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
                    this._insertNewItem(message)
                }
                _dispose() {
                    var _this$_deleteConfirma;
                    null === (_this$_deleteConfirma = this._deleteConfirmationPopup) || void 0 === _this$_deleteConfirma || _this$_deleteConfirma.dispose();
                    super._dispose()
                }
            }
            Chat.include(_data_helper.default);
            (0, _component_registrator.default)("dxChat", Chat);
            exports.default = Chat
        },
        96127(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.CHAT_CONFIRMATION_POPUP_WRAPPER_CLASS = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../localization/message */ 33881));
            var _popup = _interopRequireDefault(__webpack_require__( /*! ../../../ui/popup */ 97643));
            var _button = __webpack_require__( /*! ../../ui/button/button */ 59310);
            const _excluded = ["onApplyButtonClick", "onCancelButtonClick"];

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CHAT_CONFIRMATION_POPUP_WRAPPER_CLASS = exports.CHAT_CONFIRMATION_POPUP_WRAPPER_CLASS = "dx-chat-confirmation-popup-wrapper";
            exports.default = class {
                constructor($container, config) {
                    this._$container = $container;
                    const _ref = config ?? {},
                        {
                            onApplyButtonClick: onApplyButtonClick,
                            onCancelButtonClick: onCancelButtonClick
                        } = _ref,
                        popupConfig = function(r, e) {
                            if (null == r) {
                                return {}
                            }
                            var t = {};
                            for (var n in r) {
                                if ({}.hasOwnProperty.call(r, n)) {
                                    if (-1 !== e.indexOf(n)) {
                                        continue
                                    }
                                    t[n] = r[n]
                                }
                            }
                            return t
                        }(_ref, _excluded);
                    this._actions = {
                        onApplyButtonClick: onApplyButtonClick,
                        onCancelButtonClick: onCancelButtonClick
                    };
                    this._popupConfig = popupConfig;
                    this._renderPopup()
                }
                _renderPopup() {
                    const $popupContainer = (0, _renderer.default)("<div>").appendTo(this._$container);
                    this._popup = new _popup.default($popupContainer.get(0), this._getPopupConfig())
                }
                _getPopupConfig() {
                    const messageId = (new _guid.default).toString();
                    const $message = (0, _renderer.default)("<div>").text(_message.default.format("dxChat-editingDeleteConfirmText")).attr("id", messageId);
                    return (0, _extend.extend)(Object.assign({
                        width: 240,
                        height: "auto",
                        showTitle: false,
                        showCloseButton: false,
                        shading: true,
                        dragEnabled: false,
                        hideOnOutsideClick: true,
                        toolbarItems: this._getToolbarItems(),
                        onContentReady(args) {
                            args.component.$content().append($message);
                            args.component.$overlayContent().attr("aria-labelledby", messageId)
                        },
                        onShown: e => {
                            const $firstButton = e.component.bottomToolbar().find(`.${_button.BUTTON_CLASS}`).first();
                            _events_engine.default.trigger($firstButton, "focus")
                        },
                        wrapperAttr: {
                            class: CHAT_CONFIRMATION_POPUP_WRAPPER_CLASS
                        },
                        focusStateEnabled: true,
                        position: {
                            my: "center",
                            at: "center",
                            of: this._$container
                        }
                    }, this._popupConfig))
                }
                _getApplyButtonConfig() {
                    return {
                        widget: "dxButton",
                        toolbar: "bottom",
                        location: "before",
                        options: {
                            text: _message.default.format("Yes"),
                            type: "default",
                            stylingMode: "contained",
                            onClick: () => {
                                var _this$_actions, _this$_actions$onAppl;
                                null === (_this$_actions = this._actions) || void 0 === _this$_actions || null === (_this$_actions$onAppl = _this$_actions.onApplyButtonClick) || void 0 === _this$_actions$onAppl || _this$_actions$onAppl.call(_this$_actions);
                                this._popup.hide()
                            }
                        }
                    }
                }
                _getCancelButtonConfig() {
                    return {
                        widget: "dxButton",
                        toolbar: "bottom",
                        location: "after",
                        options: {
                            text: _message.default.format("No"),
                            type: "normal",
                            stylingMode: "outlined",
                            onClick: () => {
                                var _this$_actions2, _this$_actions2$onCan;
                                null === (_this$_actions2 = this._actions) || void 0 === _this$_actions2 || null === (_this$_actions2$onCan = _this$_actions2.onCancelButtonClick) || void 0 === _this$_actions2$onCan || _this$_actions2$onCan.call(_this$_actions2);
                                this._popup.hide()
                            }
                        }
                    }
                }
                _getToolbarItems() {
                    return [this._getApplyButtonConfig(), this._getCancelButtonConfig()]
                }
                show() {
                    this._popup.show()
                }
                dispose() {
                    this._popup.dispose()
                }
            }
        },
        45513(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.CHAT_FILE_SIZE_CLASS = exports.CHAT_FILE_NAME_CLASS = exports.CHAT_FILE_CLASS = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/button */ 64973));
            var _m_icon = __webpack_require__( /*! ../../../core/utils/m_icon */ 42463);
            var _dom_component = _interopRequireDefault(__webpack_require__( /*! ../../../core/widget/dom_component */ 22331));
            var _file_uploader = __webpack_require__( /*! ../../../ui/file_uploader/file_uploader.utils */ 12587);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CHAT_FILE_CLASS = exports.CHAT_FILE_CLASS = "dx-chat-file";
            const CHAT_FILE_NAME_CLASS = exports.CHAT_FILE_NAME_CLASS = "dx-chat-file-name";
            const CHAT_FILE_SIZE_CLASS = exports.CHAT_FILE_SIZE_CLASS = "dx-chat-file-size";
            class File extends _dom_component.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        activeStateEnabled: true,
                        focusStateEnabled: true,
                        hoverStateEnabled: true,
                        data: {
                            name: "",
                            size: 0
                        },
                        onDownload: void 0
                    })
                }
                _init() {
                    super._init();
                    this._createDownloadAction()
                }
                _createDownloadAction() {
                    this._downloadAction = this._createActionByOption("onDownload", {
                        excludeValidators: ["disabled"]
                    })
                }
                _initMarkup() {
                    this.$element().addClass(CHAT_FILE_CLASS).attr("role", "listitem");
                    super._initMarkup();
                    this._renderSections()
                }
                _renderSections() {
                    this._renderIcon();
                    this._renderName();
                    this._renderSize();
                    this._renderButton()
                }
                _renderIcon() {
                    const {
                        data: data
                    } = this.option();
                    const iconName = (0, _file_uploader.getFileIconName)(data.name);
                    const $icon = (0, _m_icon.getImageContainer)(iconName);
                    const $iconContainer = (0, _renderer.default)("<div>").addClass("dx-chat-file-icon-container").append($icon);
                    this.$element().append($iconContainer)
                }
                _renderName() {
                    const {
                        data: data
                    } = this.option();
                    const {
                        name: name
                    } = data;
                    const $name = (0, _renderer.default)("<div>").addClass(CHAT_FILE_NAME_CLASS).text(name).attr("title", name);
                    this.$element().append($name)
                }
                _renderSize() {
                    const {
                        data: data
                    } = this.option();
                    const {
                        size: size
                    } = data;
                    const text = (0, _file_uploader.getFileSize)(size);
                    const $size = (0, _renderer.default)("<div>").addClass(CHAT_FILE_SIZE_CLASS).text(text).attr("title", text);
                    this.$element().append($size)
                }
                _renderButton() {
                    const {
                        onDownload: onDownload
                    } = this.option();
                    if (!onDownload) {
                        return
                    }
                    const $button = (0, _renderer.default)("<div>").addClass("dx-chat-file-download-button");
                    this._downloadButton = this._createComponent($button, _button.default, this._getButtonConfig());
                    this.$element().append($button)
                }
                _getButtonConfig() {
                    const {
                        data: data,
                        activeStateEnabled: activeStateEnabled,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled
                    } = this.option();
                    const ariaLabel = _message.default.format("dxChat-downloadButtonLabel", (null === data || void 0 === data ? void 0 : data.name) ?? "");
                    const configuration = {
                        activeStateEnabled: activeStateEnabled,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        hint: ariaLabel,
                        elementAttr: {
                            "aria-label": ariaLabel
                        },
                        icon: "download",
                        stylingMode: "text",
                        onClick: e => {
                            this._downloadHandler(e)
                        }
                    };
                    return configuration
                }
                _downloadHandler(e) {
                    var _this$_downloadAction;
                    const {
                        data: data
                    } = this.option();
                    const event = {
                        event: e.event,
                        attachment: data
                    };
                    null === (_this$_downloadAction = this._downloadAction) || void 0 === _this$_downloadAction || _this$_downloadAction.call(this, event)
                }
                _handleOnDownloadOptionChange() {
                    const {
                        onDownload: onDownload
                    } = this.option();
                    if (!onDownload) {
                        this._cleanDownloadButton();
                        return
                    }
                    if (this._downloadButton) {
                        var _this$_downloadButton;
                        null === (_this$_downloadButton = this._downloadButton) || void 0 === _this$_downloadButton || _this$_downloadButton.option({
                            onClick: e => this._downloadHandler(e)
                        })
                    } else {
                        this._renderButton()
                    }
                }
                _optionChanged(args) {
                    var _this$_downloadButton2;
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "activeStateEnabled":
                        case "focusStateEnabled":
                        case "hoverStateEnabled":
                            null === (_this$_downloadButton2 = this._downloadButton) || void 0 === _this$_downloadButton2 || _this$_downloadButton2.option(name, value);
                            break;
                        case "data":
                            this._invalidate();
                            break;
                        case "onDownload":
                            this._createDownloadAction();
                            this._handleOnDownloadOptionChange();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _clean() {
                    this._cleanDownloadButton();
                    this.$element().empty();
                    super._clean()
                }
                _cleanDownloadButton() {
                    var _this$_downloadButton3;
                    null === (_this$_downloadButton3 = this._downloadButton) || void 0 === _this$_downloadButton3 || _this$_downloadButton3.dispose();
                    this._downloadButton = null
                }
            }
            exports.default = File
        },
        83545(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.CHAT_FILE_VIEW_CLASS = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _dom_component = _interopRequireDefault(__webpack_require__( /*! ../../../core/widget/dom_component */ 22331));
            var _file = _interopRequireDefault(__webpack_require__( /*! ../../../ui/chat/file_view/file */ 45513));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CHAT_FILE_VIEW_CLASS = exports.CHAT_FILE_VIEW_CLASS = "dx-chat-file-view";
            class FileView extends _dom_component.default {
                constructor() {
                    super(...arguments);
                    this._fileInstances = []
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        files: [],
                        activeStateEnabled: true,
                        focusStateEnabled: true,
                        hoverStateEnabled: true
                    })
                }
                _initMarkup() {
                    this.$element().addClass(CHAT_FILE_VIEW_CLASS);
                    super._initMarkup();
                    this._renderItems();
                    this._toggleAria()
                }
                _renderItems() {
                    const {
                        files: files = []
                    } = this.option();
                    this._clearFileInstances();
                    files.forEach(file => {
                        this._renderItem(file)
                    })
                }
                _renderItem(data) {
                    const $file = (0, _renderer.default)("<div>");
                    const fileInstance = this._createComponent($file, _file.default, this._getFileConfig(data));
                    this.$element().append($file);
                    this._fileInstances.push(fileInstance)
                }
                _getFileConfig(data) {
                    const {
                        activeStateEnabled: activeStateEnabled,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        onDownload: onDownload
                    } = this.option();
                    const configuration = {
                        data: data,
                        activeStateEnabled: activeStateEnabled,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        onDownload: onDownload
                    };
                    return configuration
                }
                _toggleAria() {
                    const {
                        files: files
                    } = this.option();
                    const applyAria = Boolean(null === files || void 0 === files ? void 0 : files.length);
                    const aria = {
                        role: applyAria ? "list" : null,
                        "aria-label": applyAria ? _message.default.format("dxChat-fileViewLabel") : null
                    };
                    this.$element().attr(aria)
                }
                _clearFileInstances() {
                    var _this$_fileInstances;
                    null === (_this$_fileInstances = this._fileInstances) || void 0 === _this$_fileInstances || _this$_fileInstances.forEach(instance => {
                        instance.dispose()
                    });
                    this._fileInstances = [];
                    this.$element().empty()
                }
                _dispose() {
                    this._clearFileInstances();
                    super._dispose()
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "activeStateEnabled":
                        case "focusStateEnabled":
                        case "hoverStateEnabled":
                        case "onDownload":
                            this._renderItems();
                            break;
                        case "files":
                            this._renderItems();
                            this._toggleAria();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            exports.default = FileView
        },
        11390(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.DEFAULT_ALLOWED_FILE_EXTENSIONS = exports.CHAT_TEXT_AREA_TOOLBAR = exports.CHAT_TEXT_AREA_ATTACH_BUTTON = exports.CHAT_TEXTAREA_CLASS = void 0;
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../../core/devices */ 65951));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _themes = __webpack_require__( /*! ../../../../ui/themes */ 52071);
            var _toolbar = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/toolbar */ 2850));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../../core/widget/widget */ 89275));
            var _file_uploader = _interopRequireDefault(__webpack_require__( /*! ../../../ui/file_uploader/file_uploader */ 95348));
            var _informer = _interopRequireDefault(__webpack_require__( /*! ../../../ui/informer/informer */ 83706));
            var _m_text_area = _interopRequireDefault(__webpack_require__( /*! ../../../ui/m_text_area */ 36234));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CHAT_TEXT_AREA_ATTACH_BUTTON = exports.CHAT_TEXT_AREA_ATTACH_BUTTON = "dx-chat-textarea-attach-button";
            const CHAT_TEXTAREA_CLASS = exports.CHAT_TEXTAREA_CLASS = "dx-chat-textarea";
            const CHAT_TEXT_AREA_TOOLBAR = exports.CHAT_TEXT_AREA_TOOLBAR = "dx-chat-textarea-toolbar";
            const ERROR_MESSAGE_NAME_fileLimit = "dxChat-fileLimitReachedWarning";
            const DEFAULT_ALLOWED_FILE_EXTENSIONS = exports.DEFAULT_ALLOWED_FILE_EXTENSIONS = [".jpg", ".jpeg", ".png", ".gif", ".webp", ".bmp", ".pdf", ".docx", ".xlsx", ".pptx", ".txt", ".rtf", ".csv", ".md"];
            class ChatTextArea extends _m_text_area.default {
                constructor() {
                    super(...arguments);
                    this._fileUploaderOnCancelButtonClick = e => {
                        const {
                            file: file
                        } = e;
                        if (file) {
                            var _this$_filesToSend;
                            null === (_this$_filesToSend = this._filesToSend) || void 0 === _this$_filesToSend || _this$_filesToSend.delete(file)
                        }
                        this._toggleButtonDisableState()
                    }
                }
                getAttachments() {
                    var _this$_filesToSend2;
                    if (!(null !== (_this$_filesToSend2 = this._filesToSend) && void 0 !== _this$_filesToSend2 && _this$_filesToSend2.size)) {
                        return
                    }
                    return Array.from(this._filesToSend.values()).map(_ref => {
                        let {
                            name: name,
                            size: size
                        } = _ref;
                        return {
                            name: name,
                            size: size
                        }
                    })
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        stylingMode: "outlined",
                        placeholder: _message.default.format("dxChat-textareaPlaceholder"),
                        autoResizeEnabled: true,
                        valueChangeEvent: "input",
                        maxHeight: "53.86em"
                    })
                }
                _defaultOptionsRules() {
                    const rules = [...super._defaultOptionsRules(), {
                        device: () => (0, _themes.isMaterial)((0, _themes.current)()),
                        options: {
                            stylingMode: "outlined"
                        }
                    }];
                    return rules
                }
                _supportedKeys() {
                    return Object.assign({}, super._supportedKeys(), {
                        enter: e => {
                            if (this._shouldSendMessageOnEnter(e)) {
                                e.preventDefault()
                            }
                        }
                    })
                }
                _enterKeyHandlerUp(e) {
                    super._enterKeyHandlerUp(e);
                    if ("enter" !== (0, _index.normalizeKeyName)(e)) {
                        return
                    }
                    if (this._shouldSendMessageOnEnter(e)) {
                        this._processSendButtonActivation({
                            event: e
                        })
                    }
                }
                _init() {
                    super._init();
                    this._createSendAction()
                }
                _createSendAction() {
                    this._sendAction = this._createActionByOption("onSend", {
                        excludeValidators: ["disabled"]
                    })
                }
                _initMarkup() {
                    this.$element().addClass(CHAT_TEXTAREA_CLASS);
                    super._initMarkup();
                    this._renderToolbar();
                    this._initFileUploader()
                }
                _showInformer(text) {
                    if (this._informer) {
                        this._informer.option({
                            text: text
                        })
                    } else {
                        this._renderInformer(text)
                    }
                    this._updateInformerTimeout()
                }
                _renderInformer(text) {
                    const $informer = (0, _renderer.default)("<div>").prependTo(this.$element());
                    this._informer = this._createComponent($informer, _informer.default, {
                        text: text,
                        contentAlignment: "start",
                        icon: "errorcircle"
                    })
                }
                _updateInformerTimeout() {
                    clearTimeout(this._informerTimeoutId);
                    this._informerTimeoutId = setTimeout(() => {
                        this._processInformerCleaning()
                    }, 1e4)
                }
                _renderToolbar() {
                    const toolbarItems = this._getToolbarItems();
                    const toolbarOptions = {
                        items: toolbarItems
                    };
                    this._$toolbar = (0, _renderer.default)("<div>").addClass(CHAT_TEXT_AREA_TOOLBAR).appendTo(this.$element());
                    this._toolbar = this._createComponent(this._$toolbar, _toolbar.default, toolbarOptions)
                }
                _getToolbarItems() {
                    const {
                        fileUploaderOptions: fileUploaderOptions
                    } = this.option();
                    const items = [this._getSendButtonConfig()];
                    if (fileUploaderOptions) {
                        items.push(this._getAttachButtonConfig())
                    }
                    return items
                }
                _getAttachButtonConfig() {
                    const {
                        activeStateEnabled: activeStateEnabled,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled
                    } = this.option();
                    const configuration = {
                        widget: "dxButton",
                        location: "before",
                        options: {
                            activeStateEnabled: activeStateEnabled,
                            focusStateEnabled: focusStateEnabled,
                            hoverStateEnabled: hoverStateEnabled,
                            elementAttr: {
                                class: CHAT_TEXT_AREA_ATTACH_BUTTON
                            },
                            icon: "attach",
                            onInitialized: e => {
                                this._attachButton = e.component
                            },
                            onClick: () => this._processInformerCleaning()
                        }
                    };
                    return configuration
                }
                _getSendButtonConfig() {
                    const {
                        activeStateEnabled: activeStateEnabled,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled
                    } = this.option();
                    const configuration = {
                        widget: "dxButton",
                        location: "after",
                        options: {
                            activeStateEnabled: activeStateEnabled,
                            focusStateEnabled: focusStateEnabled,
                            hoverStateEnabled: hoverStateEnabled,
                            icon: "arrowright",
                            type: "default",
                            stylingMode: "contained",
                            disabled: true,
                            elementAttr: {
                                "aria-label": _message.default.format("dxChat-sendButtonAriaLabel")
                            },
                            onClick: e => {
                                this._processSendButtonActivation(e)
                            },
                            onInitialized: e => {
                                this._sendButton = e.component
                            }
                        }
                    };
                    return configuration
                }
                _initFileUploader() {
                    const {
                        fileUploaderOptions: fileUploaderOptions
                    } = this.option();
                    if (!fileUploaderOptions) {
                        return
                    }
                    this._renderFileUploader();
                    this._filesToSend = new Map
                }
                _renderFileUploader() {
                    if (!this._$textEditorContainer) {
                        return
                    }
                    this._$fileUploader = (0, _renderer.default)("<div>").addClass("dx-chat-textarea-attachments").insertBefore(this._$textEditorContainer);
                    this._fileUploader = this._createComponent(this._$fileUploader, _file_uploader.default, this._getFileUploaderOptions())
                }
                _shouldHideFileUploader() {
                    let value = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
                    return 0 !== value.length
                }
                _getFileUploaderOptions() {
                    const {
                        fileUploaderOptions: fileUploaderOptions = {}
                    } = this.option();
                    const visible = this._shouldHideFileUploader(fileUploaderOptions.value);
                    const defaultFileUploaderOptions = {
                        multiple: true,
                        allowedFileExtensions: DEFAULT_ALLOWED_FILE_EXTENSIONS
                    };
                    return Object.assign({}, defaultFileUploaderOptions, fileUploaderOptions, {
                        visible: visible,
                        uploadMode: "instantly",
                        dialogTrigger: this.$element().find(`.${CHAT_TEXT_AREA_ATTACH_BUTTON}`).get(0),
                        _hideCancelButtonOnUpload: false,
                        _showFileIcon: true,
                        _cancelButtonPosition: "end",
                        _maxFileCount: 10,
                        onValueChanged: e => this._fileUploaderOnValueChanged(e),
                        onUploadStarted: e => this._fileUploaderOnUploadStarted(e),
                        onUploaded: e => this._fileUploaderOnUploaded(e),
                        onCancelButtonClick: e => this._fileUploaderOnCancelButtonClick(e),
                        onFileLimitReached: () => this._fileUploaderFileLimitReached(),
                        onFileValidationError: e => this._fileUploaderFileValidationError(e)
                    })
                }
                _fileUploaderOnValueChanged(e) {
                    var _fileUploaderOptions$;
                    const {
                        value: value,
                        component: component
                    } = e;
                    const {
                        fileUploaderOptions: fileUploaderOptions = {}
                    } = this.option();
                    component.option("visible", this._shouldHideFileUploader(value));
                    this._updateInputHeight();
                    null === (_fileUploaderOptions$ = fileUploaderOptions.onValueChanged) || void 0 === _fileUploaderOptions$ || _fileUploaderOptions$.call(fileUploaderOptions, e)
                }
                _addFileToMap(file) {
                    var _this$_filesToSend3;
                    null === (_this$_filesToSend3 = this._filesToSend) || void 0 === _this$_filesToSend3 || _this$_filesToSend3.set(file, {
                        readyToSend: false,
                        name: file.name,
                        size: file.size
                    });
                    this._toggleButtonDisableState()
                }
                _fileUploaderOnUploadStarted(e) {
                    var _fileUploaderOptions$2;
                    const {
                        file: file
                    } = e;
                    this._addFileToMap(file);
                    const {
                        fileUploaderOptions: fileUploaderOptions = {}
                    } = this.option();
                    null === (_fileUploaderOptions$2 = fileUploaderOptions.onUploadStarted) || void 0 === _fileUploaderOptions$2 || _fileUploaderOptions$2.call(fileUploaderOptions, e)
                }
                _fileUploaderOnUploaded(e) {
                    var _this$_filesToSend4, _fileUploaderOptions$3;
                    const {
                        file: file
                    } = e;
                    const {
                        fileUploaderOptions: fileUploaderOptions = {}
                    } = this.option();
                    const fileInfo = null === (_this$_filesToSend4 = this._filesToSend) || void 0 === _this$_filesToSend4 ? void 0 : _this$_filesToSend4.get(file);
                    if (this._filesToSend && fileInfo) {
                        this._filesToSend.set(file, Object.assign({}, fileInfo, {
                            readyToSend: true
                        }))
                    }
                    this._toggleButtonDisableState();
                    null === (_fileUploaderOptions$3 = fileUploaderOptions.onUploaded) || void 0 === _fileUploaderOptions$3 || _fileUploaderOptions$3.call(fileUploaderOptions, e)
                }
                _fileUploaderFileLimitReached() {
                    this._showInformer(_message.default.format(ERROR_MESSAGE_NAME_fileLimit, 10));
                    this._updateInputHeight()
                }
                _fileUploaderFileValidationError(e) {
                    const {
                        file: file
                    } = e;
                    this._addFileToMap(file)
                }
                _toggleButtonDisableState(state) {
                    var _this$_sendButton;
                    const shouldDisable = state ?? !this._isMessageCanBeSent();
                    null === (_this$_sendButton = this._sendButton) || void 0 === _this$_sendButton || _this$_sendButton.option("disabled", shouldDisable)
                }
                _renderButtonContainers() {}
                _getAdjustedMaxHeight(maxHeight) {
                    return maxHeight
                }
                _getMaxHeight() {
                    const cssValue = this._input().css("maxHeight");
                    if (!cssValue || "none" === cssValue) {
                        return
                    }
                    const maxHeight = parseFloat(cssValue);
                    return maxHeight
                }
                _keyPressHandler(e) {
                    super._keyPressHandler(e);
                    this._toggleButtonDisableState()
                }
                _processSendButtonActivation(e) {
                    var _this$_sendAction;
                    null === (_this$_sendAction = this._sendAction) || void 0 === _this$_sendAction || _this$_sendAction.call(this, e);
                    this.reset();
                    this.resetFileUploader();
                    this._toggleButtonDisableState(true)
                }
                _shouldSendMessageOnEnter(e) {
                    return !(null !== e && void 0 !== e && e.shiftKey) && this._isMessageCanBeSent() && !("desktop" !== _devices.default.current().deviceType)
                }
                _optionChanged(args) {
                    var _this$_sendButton2;
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "activeStateEnabled":
                        case "focusStateEnabled":
                        case "hoverStateEnabled":
                            null === (_this$_sendButton2 = this._sendButton) || void 0 === _this$_sendButton2 || _this$_sendButton2.option(name, value);
                            break;
                        case "text":
                            this._processInformerCleaning();
                            this._toggleButtonDisableState();
                            break;
                        case "onSend":
                            this._createSendAction();
                            break;
                        case "fileUploaderOptions":
                            this._handleFileUploaderOptionsChange(args);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _handleFileUploaderOptionsChange(args) {
                    var _this$_fileUploader;
                    const {
                        fullName: fullName,
                        value: value,
                        previousValue: previousValue
                    } = args;
                    if ("fileUploaderOptions" === fullName && (!value || !previousValue)) {
                        this._cleanToolbar();
                        this._renderToolbar();
                        this._cleanFileUploader();
                        this._initFileUploader();
                        return
                    }
                    const options = _widget.default.getOptionsFromContainer(args);
                    null === (_this$_fileUploader = this._fileUploader) || void 0 === _this$_fileUploader || _this$_fileUploader.option(options)
                }
                _isValuableTextEntered() {
                    const {
                        text: text
                    } = this.option();
                    return Boolean(null === text || void 0 === text ? void 0 : text.trim())
                }
                _getFilesArray() {
                    return this._filesToSend ? Array.from(this._filesToSend.values()) : []
                }
                _areFilesReadyToSend() {
                    var _this$_filesToSend5;
                    if (!(null !== (_this$_filesToSend5 = this._filesToSend) && void 0 !== _this$_filesToSend5 && _this$_filesToSend5.size)) {
                        return false
                    }
                    return this._getFilesArray().every(file => file.readyToSend)
                }
                _isMessageCanBeSent() {
                    const hasText = this._isValuableTextEntered();
                    const hasReadyFiles = this._areFilesReadyToSend();
                    const hasUnreadyFiles = this._filesToSend && this._getFilesArray().some(file => !file.readyToSend);
                    return !hasUnreadyFiles && (hasText || hasReadyFiles)
                }
                _cleanFileUploader() {
                    var _this$_fileUploader2, _this$_$fileUploader;
                    null === (_this$_fileUploader2 = this._fileUploader) || void 0 === _this$_fileUploader2 || _this$_fileUploader2.dispose();
                    null === (_this$_$fileUploader = this._$fileUploader) || void 0 === _this$_$fileUploader || _this$_$fileUploader.remove();
                    this._fileUploader = null;
                    this._$fileUploader = null
                }
                _processInformerCleaning() {
                    this._cleanInformer();
                    this._updateInputHeight()
                }
                _cleanInformer() {
                    this._clearInformerTimeout();
                    this._removeInformer()
                }
                _removeInformer() {
                    var _this$_informer, _this$_informer2;
                    null === (_this$_informer = this._informer) || void 0 === _this$_informer || _this$_informer.dispose();
                    null === (_this$_informer2 = this._informer) || void 0 === _this$_informer2 || _this$_informer2.$element().remove();
                    this._informer = null
                }
                _clearInformerTimeout() {
                    clearTimeout(this._informerTimeoutId);
                    this._informerTimeoutId = void 0
                }
                _cleanToolbar() {
                    var _this$_toolbar, _this$_$toolbar;
                    null === (_this$_toolbar = this._toolbar) || void 0 === _this$_toolbar || _this$_toolbar.dispose();
                    null === (_this$_$toolbar = this._$toolbar) || void 0 === _this$_$toolbar || _this$_$toolbar.remove();
                    this._toolbar = null;
                    this._$toolbar = null
                }
                _dispose() {
                    this._cleanFileUploader();
                    this._cleanToolbar();
                    this._cleanInformer();
                    super._dispose()
                }
                resetFileUploader() {
                    var _this$_fileUploader3, _this$_filesToSend6;
                    null === (_this$_fileUploader3 = this._fileUploader) || void 0 === _this$_fileUploader3 || _this$_fileUploader3.reset();
                    null === (_this$_filesToSend6 = this._filesToSend) || void 0 === _this$_filesToSend6 || _this$_filesToSend6.clear()
                }
                toggleAttachButtonVisibleState(state) {
                    var _this$_attachButton;
                    null === (_this$_attachButton = this._attachButton) || void 0 === _this$_attachButton || _this$_attachButton.option("visible", state)
                }
            }
            exports.default = ChatTextArea
        },
        26779(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.CHAT_EDITING_PREVIEW_TEXT_CLASS = exports.CHAT_EDITING_PREVIEW_HIDING_CLASS = exports.CHAT_EDITING_PREVIEW_CONTENT_CLASS = exports.CHAT_EDITING_PREVIEW_CLASS = exports.CHAT_EDITING_PREVIEW_CAPTION_CLASS = exports.CHAT_EDITING_PREVIEW_CANCEL_BUTTON_CLASS = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/button */ 64973));
            var _dom_component = _interopRequireDefault(__webpack_require__( /*! ../../../core/widget/dom_component */ 22331));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CHAT_EDITING_PREVIEW_CLASS = exports.CHAT_EDITING_PREVIEW_CLASS = "dx-chat-editing-preview";
            const CHAT_EDITING_PREVIEW_HIDING_CLASS = exports.CHAT_EDITING_PREVIEW_HIDING_CLASS = "dx-chat-editing-preview-hiding";
            const CHAT_EDITING_PREVIEW_CONTENT_CLASS = exports.CHAT_EDITING_PREVIEW_CONTENT_CLASS = "dx-chat-editing-preview-content";
            const CHAT_EDITING_PREVIEW_CAPTION_CLASS = exports.CHAT_EDITING_PREVIEW_CAPTION_CLASS = "dx-chat-editing-preview-caption";
            const CHAT_EDITING_PREVIEW_TEXT_CLASS = exports.CHAT_EDITING_PREVIEW_TEXT_CLASS = "dx-chat-editing-preview-text";
            const CHAT_EDITING_PREVIEW_CANCEL_BUTTON_CLASS = exports.CHAT_EDITING_PREVIEW_CANCEL_BUTTON_CLASS = "dx-chat-editing-preview-cancel-button";
            class EditingPreview extends _dom_component.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        activeStateEnabled: true,
                        focusStateEnabled: true,
                        hoverStateEnabled: true,
                        text: "",
                        onCancel: void 0
                    })
                }
                _init() {
                    super._init();
                    (0, _renderer.default)(this.element()).addClass(CHAT_EDITING_PREVIEW_CLASS)
                }
                _initMarkup() {
                    super._initMarkup();
                    const {
                        text: text
                    } = this.option();
                    if (text) {
                        this._renderContent();
                        return
                    }
                    this._cleanContent()
                }
                _renderContent() {
                    this._renderMessagePreview();
                    this._updateText();
                    this._renderCloseButton()
                }
                _renderMessagePreview() {
                    const $message = (0, _renderer.default)("<div>").addClass(CHAT_EDITING_PREVIEW_CONTENT_CLASS).appendTo(this.element());
                    (0, _renderer.default)("<div>").addClass(CHAT_EDITING_PREVIEW_CAPTION_CLASS).text(_message.default.format("dxChat-editingMessageCaption")).appendTo($message);
                    this._$messageText = (0, _renderer.default)("<div>").addClass(CHAT_EDITING_PREVIEW_TEXT_CLASS).appendTo($message)
                }
                _updateText() {
                    const {
                        text: text = ""
                    } = this.option();
                    this._$messageText.text(text)
                }
                _renderCloseButton() {
                    const {
                        onCancel: onCancel,
                        activeStateEnabled: activeStateEnabled,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled
                    } = this.option();
                    const $button = (0, _renderer.default)("<div>").addClass(CHAT_EDITING_PREVIEW_CANCEL_BUTTON_CLASS).appendTo(this.element());
                    this._closeButton = this._createComponent($button, _button.default, {
                        activeStateEnabled: activeStateEnabled,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        icon: "remove",
                        type: "normal",
                        stylingMode: "text",
                        elementAttr: {
                            "aria-label": _message.default.format("dxChat-cancelEditingButtonAriaLabel")
                        },
                        onClick: e => {
                            null === onCancel || void 0 === onCancel || onCancel(e)
                        }
                    })
                }
                _processTextUpdate(previousValue) {
                    const {
                        text: text = ""
                    } = this.option();
                    if (previousValue && text) {
                        this._updateText();
                        return
                    }
                    if (text) {
                        this._renderContent();
                        return
                    }
                    this.$element().get(0).addEventListener("animationend", () => {
                        this._cleanContent()
                    }, {
                        once: true
                    });
                    this.$element().addClass(CHAT_EDITING_PREVIEW_HIDING_CLASS)
                }
                _cleanContent() {
                    super._dispose();
                    this.$element().remove()
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value,
                        previousValue: previousValue
                    } = args;
                    switch (name) {
                        case "activeStateEnabled":
                        case "focusStateEnabled":
                        case "hoverStateEnabled":
                            this._closeButton.option(name, value);
                            break;
                        case "text":
                            this._processTextUpdate(previousValue);
                            break;
                        case "onCancel":
                            this._closeButton.option("onClick", value);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            exports.default = EditingPreview
        },
        62649(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.TYPING_END_DELAY = exports.CHAT_MESSAGEBOX_TEXTAREA_CONTAINER_CLASS = exports.CHAT_MESSAGEBOX_CLASS = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _dom_component = _interopRequireDefault(__webpack_require__( /*! ../../../core/widget/dom_component */ 22331));
            var _chat_text_area = _interopRequireDefault(__webpack_require__( /*! ../../../ui/chat/message_box/chat_text_area */ 11390));
            var _editing_preview = _interopRequireDefault(__webpack_require__( /*! ../../../ui/chat/message_box/editing_preview */ 26779));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CHAT_MESSAGEBOX_CLASS = exports.CHAT_MESSAGEBOX_CLASS = "dx-chat-messagebox";
            const CHAT_MESSAGEBOX_TEXTAREA_CONTAINER_CLASS = exports.CHAT_MESSAGEBOX_TEXTAREA_CONTAINER_CLASS = "dx-chat-messagebox-textarea-container";
            const TYPING_END_DELAY = exports.TYPING_END_DELAY = 2e3;
            class MessageBox extends _dom_component.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        activeStateEnabled: true,
                        focusStateEnabled: true,
                        hoverStateEnabled: true,
                        fileUploaderOptions: void 0,
                        text: "",
                        onMessageEntered: void 0,
                        onMessageEditCanceled: void 0,
                        onMessageUpdating: void 0,
                        onTypingStart: void 0,
                        onTypingEnd: void 0
                    })
                }
                _init() {
                    super._init();
                    this._createMessageEnteredAction();
                    this._createTypingStartAction();
                    this._createTypingEndAction()
                }
                _initMarkup() {
                    (0, _renderer.default)(this.element()).addClass(CHAT_MESSAGEBOX_CLASS);
                    super._initMarkup();
                    if (this.option("text")) {
                        this._renderEditingPreview()
                    }
                    this._renderTextAreaContainer()
                }
                _renderTextAreaContainer() {
                    const $inputContainer = (0, _renderer.default)("<div>").addClass(CHAT_MESSAGEBOX_TEXTAREA_CONTAINER_CLASS).appendTo(this.element());
                    this._renderTextArea($inputContainer)
                }
                _cancelMessageEdit() {
                    const {
                        onMessageEditCanceled: onMessageEditCanceled
                    } = this.option();
                    this.option("text", "");
                    this._textArea.focus();
                    null === onMessageEditCanceled || void 0 === onMessageEditCanceled || onMessageEditCanceled()
                }
                _renderEditingPreview() {
                    const $editingPreview = (0, _renderer.default)("<div>").prependTo(this.element());
                    const {
                        activeStateEnabled: activeStateEnabled,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        text: text
                    } = this.option();
                    this._editingPreview = this._createComponent($editingPreview, _editing_preview.default, {
                        activeStateEnabled: activeStateEnabled,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        text: text,
                        onCancel: () => this._cancelMessageEdit()
                    })
                }
                _renderTextArea($parent) {
                    const $textArea = (0, _renderer.default)("<div>");
                    const textAreaOptions = this._getTextAreaOptions();
                    $parent.append($textArea);
                    this._textArea = this._createComponent($textArea, _chat_text_area.default, textAreaOptions);
                    this._textArea.registerKeyHandler("escape", () => {
                        if (this.option("text")) {
                            this._cancelMessageEdit()
                        }
                    })
                }
                _getTextAreaOptions() {
                    const {
                        activeStateEnabled: activeStateEnabled,
                        fileUploaderOptions: fileUploaderOptions,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        text: text
                    } = this.option();
                    const options = {
                        activeStateEnabled: activeStateEnabled,
                        fileUploaderOptions: fileUploaderOptions,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        value: text,
                        onInput: e => {
                            this._triggerTypingStartAction(e);
                            this._updateTypingEndTimeout()
                        },
                        onSend: e => {
                            this._sendHandler(e)
                        }
                    };
                    return options
                }
                _createMessageEnteredAction() {
                    this._messageEnteredAction = this._createActionByOption("onMessageEntered", {
                        excludeValidators: ["disabled"]
                    })
                }
                _createTypingStartAction() {
                    this._typingStartAction = this._createActionByOption("onTypingStart", {
                        excludeValidators: ["disabled"]
                    })
                }
                _createTypingEndAction() {
                    this._typingEndAction = this._createActionByOption("onTypingEnd", {
                        excludeValidators: ["disabled"]
                    })
                }
                _triggerTypingStartAction(e) {
                    if (!this._typingEndTimeoutId) {
                        var _this$_typingStartAct;
                        null === (_this$_typingStartAct = this._typingStartAction) || void 0 === _this$_typingStartAct || _this$_typingStartAct.call(this, {
                            event: e.event
                        })
                    }
                }
                _updateTypingEndTimeout() {
                    clearTimeout(this._typingEndTimeoutId);
                    this._typingEndTimeoutId = setTimeout(() => {
                        var _this$_typingEndActio;
                        null === (_this$_typingEndActio = this._typingEndAction) || void 0 === _this$_typingEndActio || _this$_typingEndActio.call(this);
                        this._clearTypingEndTimeout()
                    }, TYPING_END_DELAY)
                }
                _clearTypingEndTimeout() {
                    clearTimeout(this._typingEndTimeoutId);
                    this._typingEndTimeoutId = void 0
                }
                _sendHandler(e) {
                    var _this$_typingEndActio2, _this$_messageEntered;
                    this._clearTypingEndTimeout();
                    null === (_this$_typingEndActio2 = this._typingEndAction) || void 0 === _this$_typingEndActio2 || _this$_typingEndActio2.call(this);
                    const {
                        text: text = ""
                    } = this._textArea.option();
                    const {
                        text: previewText
                    } = this.option();
                    if (previewText) {
                        const {
                            onMessageUpdating: onMessageUpdating
                        } = this.option();
                        null === onMessageUpdating || void 0 === onMessageUpdating || onMessageUpdating({
                            text: text
                        });
                        return
                    }
                    const messageEnteredArgs = {
                        text: text,
                        event: e.event
                    };
                    const attachments = this._textArea.getAttachments();
                    if (attachments) {
                        messageEnteredArgs.attachments = attachments
                    }
                    null === (_this$_messageEntered = this._messageEnteredAction) || void 0 === _this$_messageEntered || _this$_messageEntered.call(this, messageEnteredArgs)
                }
                _optionChanged(args) {
                    var _this$_editingPreview;
                    const {
                        name: name,
                        fullName: fullName,
                        value: value
                    } = args;
                    switch (name) {
                        case "activeStateEnabled":
                        case "focusStateEnabled":
                        case "hoverStateEnabled":
                            this._textArea.option(name, value);
                            null === (_this$_editingPreview = this._editingPreview) || void 0 === _this$_editingPreview || _this$_editingPreview.option(name, value);
                            break;
                        case "fileUploaderOptions":
                            this._textArea.option(fullName, value);
                            break;
                        case "onMessageEntered":
                            this._createMessageEnteredAction();
                            break;
                        case "onTypingStart":
                            this._createTypingStartAction();
                            break;
                        case "onTypingEnd":
                            this._createTypingEndAction();
                            break;
                        case "text":
                            this._updateEditingPreview(value);
                            this._textArea.option("value", value);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _clean() {
                    this._clearTypingEndTimeout();
                    super._clean()
                }
                updateInputAria(emptyViewId) {
                    this._textArea.option({
                        inputAttr: {
                            "aria-labelledby": emptyViewId
                        }
                    })
                }
                resetFileUploader() {
                    this._textArea.resetFileUploader()
                }
                toggleAttachButtonVisibleState(state) {
                    this._textArea.toggleAttachButtonVisibleState(state)
                }
                _updateEditingPreview(text) {
                    if (this._editingPreview) {
                        this._editingPreview.option("text", text);
                        if (!text) {
                            this._editingPreview = null
                        }
                    } else {
                        this._renderEditingPreview()
                    }
                }
            }
            exports.default = MessageBox
        },
        1243(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.MESSAGE_DATA_KEY = exports.CHAT_MESSAGEBUBBLE_IMAGE_CLASS = exports.CHAT_MESSAGEBUBBLE_ICON_PROHIBITION_CLASS = exports.CHAT_MESSAGEBUBBLE_HAS_IMAGE_CLASS = exports.CHAT_MESSAGEBUBBLE_DELETED_CLASS = exports.CHAT_MESSAGEBUBBLE_CONTENT_CLASS = exports.CHAT_MESSAGEBUBBLE_CLASS = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _m_icon = __webpack_require__( /*! ../../core/utils/m_icon */ 42463);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _file_view = _interopRequireDefault(__webpack_require__( /*! ../../ui/chat/file_view/file_view */ 83545));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CHAT_MESSAGEBUBBLE_CLASS = exports.CHAT_MESSAGEBUBBLE_CLASS = "dx-chat-messagebubble";
            const CHAT_MESSAGEBUBBLE_DELETED_CLASS = exports.CHAT_MESSAGEBUBBLE_DELETED_CLASS = "dx-chat-messagebubble-deleted";
            const CHAT_MESSAGEBUBBLE_CONTENT_CLASS = exports.CHAT_MESSAGEBUBBLE_CONTENT_CLASS = "dx-chat-messagebubble-content";
            const CHAT_MESSAGEBUBBLE_ICON_PROHIBITION_CLASS = exports.CHAT_MESSAGEBUBBLE_ICON_PROHIBITION_CLASS = `${_m_icon.ICON_CLASS}-cursorprohibition`;
            const CHAT_MESSAGEBUBBLE_HAS_IMAGE_CLASS = exports.CHAT_MESSAGEBUBBLE_HAS_IMAGE_CLASS = "dx-has-image";
            const CHAT_MESSAGEBUBBLE_IMAGE_CLASS = exports.CHAT_MESSAGEBUBBLE_IMAGE_CLASS = "dx-chat-messagebubble-image";
            const MESSAGE_DATA_KEY = exports.MESSAGE_DATA_KEY = "dxMessageData";
            class MessageBubble extends _widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        isDeleted: false,
                        isEdited: false,
                        text: "",
                        template: null
                    })
                }
                _initMarkup() {
                    const $element = (0, _renderer.default)(this.element());
                    $element.addClass(CHAT_MESSAGEBUBBLE_CLASS);
                    super._initMarkup();
                    this._renderContentContainer();
                    this._renderAttachmentsElement();
                    this._updateContent();
                    this._renderAttachments()
                }
                _renderContentContainer() {
                    this._$content = (0, _renderer.default)("<div>").addClass(CHAT_MESSAGEBUBBLE_CONTENT_CLASS).appendTo(this.$element())
                }
                _renderAttachmentsElement() {
                    var _this$_$attachments;
                    const {
                        attachments: attachments,
                        isDeleted: isDeleted
                    } = this.option();
                    null === (_this$_$attachments = this._$attachments) || void 0 === _this$_$attachments || _this$_$attachments.remove();
                    this._$attachments = void 0;
                    if (null !== attachments && void 0 !== attachments && attachments.length && !isDeleted) {
                        this._$attachments = (0, _renderer.default)("<div>").appendTo(this.$element())
                    }
                }
                _updateContent() {
                    const {
                        template: template,
                        type: type,
                        text: text,
                        src: src,
                        alt: alt,
                        isDeleted: isDeleted = false
                    } = this.option();
                    this.$element().removeClass(CHAT_MESSAGEBUBBLE_DELETED_CLASS).removeClass(CHAT_MESSAGEBUBBLE_HAS_IMAGE_CLASS);
                    this._$content.empty();
                    if (template) {
                        template({
                            type: type,
                            text: text,
                            src: src,
                            alt: alt
                        }, (0, _element.getPublicElement)(this._$content));
                        return
                    }
                    if (isDeleted) {
                        this.$element().addClass(CHAT_MESSAGEBUBBLE_DELETED_CLASS);
                        const icon = (0, _renderer.default)("<div>").addClass(_m_icon.ICON_CLASS).addClass(CHAT_MESSAGEBUBBLE_ICON_PROHIBITION_CLASS);
                        const deletedMessage = (0, _renderer.default)("<div>").text(_message.default.format("dxChat-deletedMessageText"));
                        this._$content.append(icon).append(deletedMessage);
                        return
                    }
                    if ("image" === type) {
                        this.$element().addClass(CHAT_MESSAGEBUBBLE_HAS_IMAGE_CLASS);
                        (0, _renderer.default)("<img>").attr("src", src ?? "").attr("alt", alt ?? _message.default.format("dxChat-defaultImageAlt")).addClass(CHAT_MESSAGEBUBBLE_IMAGE_CLASS).appendTo(this._$content)
                    } else {
                        this._$content.text(text ?? "")
                    }
                }
                _renderAttachments() {
                    const {
                        attachments: attachments,
                        onAttachmentDownloadClick: onAttachmentDownloadClick
                    } = this.option();
                    if (!this._$attachments) {
                        return
                    }
                    this._$attachments.empty();
                    if (null !== attachments && void 0 !== attachments && attachments.length) {
                        this._createComponent(this._$attachments, _file_view.default, {
                            files: attachments,
                            onDownload: onAttachmentDownloadClick
                        })
                    }
                }
                _updateMessageData(property, value) {
                    const messageData = this.$element().data(MESSAGE_DATA_KEY) || {};
                    messageData[property] = value;
                    this.$element().data(MESSAGE_DATA_KEY, messageData)
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "text":
                        case "src":
                        case "alt":
                        case "isDeleted":
                            this._updateMessageData(name, value);
                            this._updateContent();
                            this._renderAttachmentsElement();
                            this._renderAttachments();
                            break;
                        case "type":
                            this._updateContent();
                            this._renderAttachmentsElement();
                            this._renderAttachments();
                            break;
                        case "template":
                            this._updateContent();
                            break;
                        case "isEdited":
                            this._updateMessageData(name, value);
                            break;
                        case "onAttachmentDownloadClick":
                        case "attachments":
                            this._renderAttachmentsElement();
                            this._renderAttachments();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            exports.default = MessageBubble
        },
        97806(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.CHAT_MESSAGEGROUP_CLASS = exports.CHAT_MESSAGEGROUP_ALIGNMENT_START_CLASS = exports.CHAT_MESSAGEGROUP_ALIGNMENT_END_CLASS = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _date_serialization = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date_serialization */ 71051));
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _avatar = _interopRequireDefault(__webpack_require__( /*! ./avatar */ 95093));
            var _messagebubble = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ./messagebubble */ 1243));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CHAT_MESSAGEGROUP_CLASS = exports.CHAT_MESSAGEGROUP_CLASS = "dx-chat-messagegroup";
            const CHAT_MESSAGEGROUP_ALIGNMENT_START_CLASS = exports.CHAT_MESSAGEGROUP_ALIGNMENT_START_CLASS = "dx-chat-messagegroup-alignment-start";
            const CHAT_MESSAGEGROUP_ALIGNMENT_END_CLASS = exports.CHAT_MESSAGEGROUP_ALIGNMENT_END_CLASS = "dx-chat-messagegroup-alignment-end";
            class MessageGroup extends _widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        items: [],
                        alignment: "start",
                        showAvatar: true,
                        showUserName: true,
                        showMessageTimestamp: true,
                        messageTemplate: null,
                        messageTimestampFormat: "shorttime"
                    })
                }
                _updateAlignmentClass() {
                    (0, _renderer.default)(this.element()).removeClass(CHAT_MESSAGEGROUP_ALIGNMENT_START_CLASS).removeClass(CHAT_MESSAGEGROUP_ALIGNMENT_END_CLASS);
                    const alignmentClass = this._isAlignmentStart() ? CHAT_MESSAGEGROUP_ALIGNMENT_START_CLASS : CHAT_MESSAGEGROUP_ALIGNMENT_END_CLASS;
                    (0, _renderer.default)(this.element()).addClass(alignmentClass)
                }
                _initMarkup() {
                    const {
                        items: items,
                        showAvatar: showAvatar
                    } = this.option();
                    (0, _renderer.default)(this.element()).addClass(CHAT_MESSAGEGROUP_CLASS);
                    this._updateAlignmentClass();
                    super._initMarkup();
                    if (0 === items.length) {
                        return
                    }
                    if (showAvatar && this._isAlignmentStart()) {
                        this._renderAvatar()
                    }
                    this._renderMessageGroupInformation(null === items || void 0 === items ? void 0 : items[0]);
                    this._renderMessageBubbles(items)
                }
                _renderAvatar() {
                    const $avatar = (0, _renderer.default)("<div>").appendTo(this.element());
                    const {
                        items: items
                    } = this.option();
                    const {
                        author: author
                    } = items[0];
                    const authorName = null === author || void 0 === author ? void 0 : author.name;
                    const authorAvatarUrl = null === author || void 0 === author ? void 0 : author.avatarUrl;
                    const authorAvatarAlt = null === author || void 0 === author ? void 0 : author.avatarAlt;
                    this._avatar = this._createComponent($avatar, _avatar.default, {
                        name: authorName,
                        url: authorAvatarUrl,
                        alt: authorAvatarAlt
                    })
                }
                _renderMessageBubble(message) {
                    const $bubble = (0, _renderer.default)("<div>").data(_messagebubble.MESSAGE_DATA_KEY, message).appendTo(this._$messageBubbleContainer);
                    this._createComponent($bubble, _messagebubble.default, this._getMessageBubbleOptions(message))
                }
                _getMessageBubbleOptions(message) {
                    const {
                        messageTemplate: messageTemplate,
                        onAttachmentDownloadClick: onAttachmentDownloadClick
                    } = this.option();
                    const {
                        isDeleted: isDeleted,
                        type: type,
                        attachments: attachments
                    } = message;
                    const options = {
                        isDeleted: isDeleted,
                        type: type,
                        attachments: attachments,
                        onAttachmentDownloadClick: onAttachmentDownloadClick
                    };
                    if ("image" === type) {
                        options.alt = message.alt;
                        options.src = message.src
                    } else {
                        options.text = message.text
                    }
                    if (messageTemplate) {
                        options.template = (messageData, container) => {
                            messageTemplate(Object.assign({}, message, messageData), container)
                        }
                    }
                    return options
                }
                _renderMessageBubbles(items) {
                    this._$messageBubbleContainer = (0, _renderer.default)("<div>").addClass("dx-chat-messagegroup-content").appendTo(this.element());
                    items.forEach((message, index) => {
                        const shouldCreateEditedElement = 0 !== index && "image" !== message.type && true === message.isEdited && !message.isDeleted;
                        if (shouldCreateEditedElement) {
                            const $edited = this._createEditedElement();
                            $edited.appendTo(this._$messageBubbleContainer)
                        }
                        this._renderMessageBubble(message)
                    })
                }
                _renderMessageGroupInformation(message, shouldRenderEditedMessage) {
                    const {
                        showUserName: showUserName,
                        showMessageTimestamp: showMessageTimestamp
                    } = this.option();
                    const {
                        timestamp: timestamp,
                        author: author
                    } = message;
                    const isEdited = (0, _type.isDefined)(shouldRenderEditedMessage) ? shouldRenderEditedMessage : "image" !== message.type && message.isEdited;
                    const isAlignmentStart = this._isAlignmentStart();
                    this.$element().find(".dx-chat-messagegroup-information").remove();
                    const $information = (0, _renderer.default)("<div>").addClass("dx-chat-messagegroup-information");
                    if (showUserName) {
                        const authorName = (null === author || void 0 === author ? void 0 : author.name) ?? _message.default.format("dxChat-defaultUserName");
                        const authorNameText = isAlignmentStart ? authorName : "";
                        (0, _renderer.default)("<div>").addClass("dx-chat-messagegroup-author-name").text(authorNameText).appendTo($information)
                    }
                    if (isEdited && !isAlignmentStart) {
                        $information.append(this._createEditedElement())
                    }
                    if (showMessageTimestamp) {
                        const $time = (0, _renderer.default)("<div>").addClass("dx-chat-messagegroup-time").appendTo($information);
                        const shouldAddTimeValue = this._shouldAddTimeValue(timestamp);
                        if (shouldAddTimeValue) {
                            const timeValue = this._getTimeValue(timestamp);
                            $time.text(timeValue)
                        }
                    }
                    if (isEdited && isAlignmentStart) {
                        $information.append(this._createEditedElement())
                    }
                    $information.appendTo(this.element())
                }
                _createEditedElement() {
                    const $edited = (0, _renderer.default)("<div>").addClass("dx-chat-message-edited");
                    (0, _renderer.default)("<div>").addClass("dx-chat-message-edited-icon").appendTo($edited);
                    const editedMessageText = _message.default.format("dxChat-editedMessageText");
                    (0, _renderer.default)("<div>").addClass("dx-chat-message-edited-text").text(editedMessageText).appendTo($edited);
                    return $edited
                }
                _updateMessageEditedText($message) {
                    let isEdited = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                    const $firstMessage = this._$messageBubbleContainer.find(`.${_messagebubble.CHAT_MESSAGEBUBBLE_CLASS}`).first();
                    const removeWithAnimation = $editedElement => {
                        $editedElement.get(0).addEventListener("animationend", () => {
                            $editedElement.remove()
                        }, {
                            once: true
                        });
                        $editedElement.addClass("dx-chat-message-edited-hiding")
                    };
                    if ($message.is($firstMessage)) {
                        const items = this.option("items");
                        const $information = this.$element().find(".dx-chat-messagegroup-information");
                        const $edited = $information.find(".dx-chat-message-edited");
                        if ($edited.length && isEdited) {
                            return
                        }
                        if ($edited.length && !isEdited) {
                            removeWithAnimation($edited);
                            return
                        }
                        if (isEdited) {
                            this._renderMessageGroupInformation(items[0], true)
                        }
                        return
                    }
                    const $prevElement = $message.prev();
                    if ($prevElement.hasClass("dx-chat-message-edited")) {
                        if (!isEdited) {
                            removeWithAnimation($prevElement)
                        }
                        return
                    }
                    if (isEdited) {
                        const $edited = this._createEditedElement();
                        $edited.insertBefore($message)
                    }
                }
                _isAlignmentStart() {
                    const {
                        alignment: alignment
                    } = this.option();
                    return "start" === alignment
                }
                _shouldAddTimeValue(timestamp) {
                    const deserializedDate = _date_serialization.default.deserializeDate(timestamp);
                    return (0, _type.isDate)(deserializedDate) && !isNaN(deserializedDate.getTime())
                }
                _getTimeValue(timestamp) {
                    const deserializedDate = _date_serialization.default.deserializeDate(timestamp);
                    const {
                        messageTimestampFormat: messageTimestampFormat
                    } = this.option();
                    const formattedTime = _date.default.format(deserializedDate, messageTimestampFormat);
                    return formattedTime
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "items":
                        case "alignment":
                        case "showAvatar":
                        case "showUserName":
                        case "showMessageTimestamp":
                        case "messageTemplate":
                        case "messageTimestampFormat":
                        case "onAttachmentDownloadClick":
                            this._invalidate();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                renderMessage(message) {
                    const {
                        items: items
                    } = this.option();
                    const newItems = [...items, message];
                    this._setOptionWithoutOptionChange("items", newItems);
                    this._renderMessageBubble(message)
                }
            }
            exports.default = MessageGroup
        },
        51409(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.MESSAGEGROUP_TIMEOUT = exports.CHAT_MESSAGELIST_CONTEXT_MENU_TARGET = exports.CHAT_MESSAGELIST_CONTEXT_MENU_CONTENT_CLASS = exports.CHAT_MESSAGELIST_CONTEXT_MENU_CLASS = void 0;
            var _common = __webpack_require__( /*! ../../../common */ 83077);
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _resize_observer = _interopRequireDefault(__webpack_require__( /*! ../../../core/resize_observer */ 11787));
            var _common2 = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _date_serialization = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date_serialization */ 71051));
            var _dom = __webpack_require__( /*! ../../../core/utils/dom */ 86858);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _m_element = __webpack_require__( /*! ../../core/m_element */ 93630);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _context_menu = _interopRequireDefault(__webpack_require__( /*! ../../ui/context_menu/context_menu */ 84252));
            var _scroll_view = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scroll_view */ 71100));
            var _get_scroll_top_max = __webpack_require__( /*! ../../ui/scroll_view/utils/get_scroll_top_max */ 27104);
            var _layout = __webpack_require__( /*! ../splitter/utils/layout */ 49291);
            var _messagebubble = _interopRequireWildcard(__webpack_require__( /*! ./messagebubble */ 1243));
            var _messagegroup = _interopRequireWildcard(__webpack_require__( /*! ./messagegroup */ 97806));
            var _typingindicator = _interopRequireDefault(__webpack_require__( /*! ./typingindicator */ 85134));

            function _interopRequireWildcard(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return (_interopRequireWildcard = function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                })(e, t)
            }

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CHAT_MESSAGELIST_CONTEXT_MENU_CLASS = exports.CHAT_MESSAGELIST_CONTEXT_MENU_CLASS = "dx-messagelist-context-menu";
            const CHAT_MESSAGELIST_CONTEXT_MENU_CONTENT_CLASS = exports.CHAT_MESSAGELIST_CONTEXT_MENU_CONTENT_CLASS = "dx-messagelist-context-menu-content";
            const CHAT_MESSAGELIST_CONTEXT_MENU_TARGET = exports.CHAT_MESSAGELIST_CONTEXT_MENU_TARGET = `.${_messagegroup.CHAT_MESSAGEGROUP_ALIGNMENT_END_CLASS} .${_messagebubble.CHAT_MESSAGEBUBBLE_CLASS}`;
            const MESSAGEGROUP_TIMEOUT = exports.MESSAGEGROUP_TIMEOUT = 3e5;
            class MessageList extends _widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        allowUpdating: () => false,
                        allowDeleting: () => false,
                        isEditActionDisabled: () => false,
                        items: [],
                        currentUserId: "",
                        showDayHeaders: true,
                        dayHeaderFormat: "shortdate",
                        messageTimestampFormat: "shorttime",
                        typingUsers: [],
                        isLoading: false,
                        showAvatar: true,
                        showUserName: true,
                        showMessageTimestamp: true,
                        emptyViewTemplate: null,
                        messageTemplate: null
                    })
                }
                _init() {
                    super._init();
                    this._lastMessageDate = null
                }
                _initMarkup() {
                    (0, _renderer.default)(this.element()).addClass("dx-chat-messagelist");
                    super._initMarkup();
                    this._renderScrollView();
                    this._renderMessageListContent();
                    this._toggleEmptyView();
                    this._renderMessageGroups();
                    this._renderTypingIndicator();
                    this._renderContextMenu();
                    this._updateAria();
                    this._scrollDownContent()
                }
                _renderContentImpl() {
                    super._renderContentImpl();
                    this._attachResizeObserverSubscription()
                }
                _attachResizeObserverSubscription() {
                    const element = this.$element().get(0);
                    _resize_observer.default.unobserve(element);
                    _resize_observer.default.observe(element, entry => this._resizeHandler(entry))
                }
                _resizeHandler(_ref) {
                    let {
                        contentRect: contentRect,
                        target: target
                    } = _ref;
                    if (!(0, _dom.isElementInDom)((0, _renderer.default)(target)) || !(0, _layout.isElementVisible)(target)) {
                        return
                    }
                    const isInitialRendering = !(0, _type.isDefined)(this._containerClientHeight);
                    const newHeight = contentRect.height;
                    if (isInitialRendering) {
                        this._scrollDownContent()
                    } else {
                        const heightChange = this._containerClientHeight - newHeight;
                        const isHeightDecreasing = heightChange > 0;
                        let scrollTop = this._scrollView.scrollTop();
                        if (isHeightDecreasing) {
                            scrollTop += heightChange;
                            this._scrollView.scrollTo({
                                top: scrollTop
                            })
                        }
                    }
                    this._containerClientHeight = newHeight
                }
                _renderEmptyViewContent() {
                    const messageText = _message.default.format("dxChat-emptyListMessage");
                    const promptText = _message.default.format("dxChat-emptyListPrompt");
                    const {
                        emptyViewTemplate: emptyViewTemplate
                    } = this.option();
                    const $emptyView = (0, _renderer.default)("<div>").addClass("dx-chat-messagelist-empty-view").attr("id", `dx-${new _common.Guid}`);
                    if (emptyViewTemplate) {
                        const data = {
                            message: messageText,
                            prompt: promptText
                        };
                        emptyViewTemplate(data, (0, _m_element.getPublicElement)($emptyView));
                        $emptyView.appendTo(this._$content);
                        return
                    }(0, _renderer.default)("<div>").appendTo($emptyView).addClass("dx-chat-messagelist-empty-image");
                    (0, _renderer.default)("<div>").appendTo($emptyView).addClass("dx-chat-messagelist-empty-message").text(messageText);
                    (0, _renderer.default)("<div>").appendTo($emptyView).addClass("dx-chat-messagelist-empty-prompt").text(promptText);
                    $emptyView.appendTo(this._$content)
                }
                _renderTypingIndicator() {
                    const {
                        typingUsers: typingUsers
                    } = this.option();
                    const $typingIndicator = (0, _renderer.default)("<div>").appendTo(this._$scrollViewContent());
                    this._typingIndicator = this._createComponent($typingIndicator, _typingindicator.default, {
                        typingUsers: typingUsers
                    })
                }
                _isEmpty() {
                    const {
                        items: items
                    } = this.option();
                    return 0 === items.length
                }
                _isCurrentUser(id) {
                    const {
                        currentUserId: currentUserId
                    } = this.option();
                    return currentUserId === id
                }
                _messageGroupAlignment(id) {
                    return this._isCurrentUser(id) ? "end" : "start"
                }
                _createMessageGroupComponent(items, userId) {
                    const {
                        showAvatar: showAvatar,
                        showUserName: showUserName,
                        showMessageTimestamp: showMessageTimestamp,
                        messageTimestampFormat: messageTimestampFormat,
                        messageTemplate: messageTemplate,
                        onAttachmentDownloadClick: onAttachmentDownloadClick
                    } = this.option();
                    const $messageGroup = (0, _renderer.default)("<div>").appendTo(this._$content);
                    this._createComponent($messageGroup, _messagegroup.default, {
                        items: items,
                        alignment: this._messageGroupAlignment(userId),
                        showAvatar: showAvatar,
                        showUserName: showUserName,
                        showMessageTimestamp: showMessageTimestamp,
                        messageTimestampFormat: messageTimestampFormat,
                        messageTemplate: messageTemplate,
                        onAttachmentDownloadClick: onAttachmentDownloadClick
                    })
                }
                _getContextMenuButtons(message) {
                    const {
                        allowUpdating: allowUpdating,
                        allowDeleting: allowDeleting,
                        isEditActionDisabled: isEditActionDisabled,
                        onMessageEditingStart: onMessageEditingStart,
                        onMessageDeleting: onMessageDeleting
                    } = this.option();
                    const editText = _message.default.format("dxChat-editingEditMessage");
                    const deleteText = _message.default.format("dxChat-editingDeleteMessage");
                    const buttons = [];
                    if (allowUpdating(message) && "image" !== message.type) {
                        buttons.push({
                            icon: "edit",
                            text: editText,
                            disabled: isEditActionDisabled(message),
                            onClick: e => {
                                const onMessageEditStarted = null === onMessageEditingStart || void 0 === onMessageEditingStart ? void 0 : onMessageEditingStart({
                                    event: e.event,
                                    message: message
                                });
                                const onContextMenuHidden = () => {
                                    this._contextMenu.off("hidden", onContextMenuHidden);
                                    null === onMessageEditStarted || void 0 === onMessageEditStarted || onMessageEditStarted()
                                };
                                this._contextMenu.on("hidden", onContextMenuHidden)
                            }
                        })
                    }
                    if (allowDeleting(message)) {
                        buttons.push({
                            icon: "trash",
                            text: deleteText,
                            onClick(e) {
                                null === onMessageDeleting || void 0 === onMessageDeleting || onMessageDeleting({
                                    event: e.event,
                                    message: message
                                })
                            }
                        })
                    }
                    return buttons
                }
                _renderContextMenu() {
                    const $contextMenu = (0, _renderer.default)("<div>");
                    this._contextMenu = this._createComponent($contextMenu, _context_menu.default, {
                        target: CHAT_MESSAGELIST_CONTEXT_MENU_TARGET,
                        onShowing: e => {
                            this._onContextMenuShowing(e)
                        },
                        elementAttr: {
                            class: CHAT_MESSAGELIST_CONTEXT_MENU_CLASS
                        },
                        cssClass: CHAT_MESSAGELIST_CONTEXT_MENU_CONTENT_CLASS,
                        hideOnParentScroll: false,
                        overlayContainer: this._scrollView.container(),
                        visualContainer: this._scrollView.container(),
                        boundaryOffset: {
                            h: 16
                        }
                    });
                    this._contextMenu.registerKeyHandler("escape", event => {
                        this._contextMenu.hide();
                        const {
                            onEscapeKeyPressed: onEscapeKeyPressed
                        } = this.option();
                        null === onEscapeKeyPressed || void 0 === onEscapeKeyPressed || onEscapeKeyPressed(event)
                    });
                    $contextMenu.appendTo(this.$element())
                }
                _onContextMenuShowing(e) {
                    const {
                        jQEvent: jQEvent
                    } = e;
                    if (!(0, _type.isDefined)(jQEvent)) {
                        e.cancel = true;
                        return
                    }
                    const {
                        currentTarget: currentTarget
                    } = jQEvent;
                    const message = this._getMessageData(currentTarget);
                    if (null !== message && void 0 !== message && message.isDeleted) {
                        e.cancel = true;
                        return
                    }
                    const items = this._getContextMenuButtons(message);
                    if (!items.length) {
                        e.cancel = true;
                        return
                    }
                    e.component.option("items", items);
                    e.element.focus()
                }
                _renderScrollView() {
                    const $scrollable = (0, _renderer.default)("<div>").appendTo(this.$element());
                    this._scrollView = this._createComponent($scrollable, _scroll_view.default, {
                        useKeyboard: false,
                        bounceEnabled: false,
                        reachBottomText: "",
                        onReachBottom: _common2.noop
                    })
                }
                _shouldAddDayHeader(timestamp) {
                    const {
                        showDayHeaders: showDayHeaders
                    } = this.option();
                    if (!showDayHeaders) {
                        return false
                    }
                    const deserializedDate = _date_serialization.default.deserializeDate(timestamp);
                    if (!(0, _type.isDate)(deserializedDate) || isNaN(deserializedDate.getTime())) {
                        return false
                    }
                    return !_date2.default.sameDate(this._lastMessageDate, deserializedDate)
                }
                _createDayHeader(timestamp) {
                    const deserializedDate = _date_serialization.default.deserializeDate(timestamp);
                    const today = new Date;
                    const yesterday = new Date((new Date).setDate(today.getDate() - 1));
                    const {
                        dayHeaderFormat: dayHeaderFormat
                    } = this.option();
                    this._lastMessageDate = deserializedDate;
                    let headerDate = _date.default.format(deserializedDate, dayHeaderFormat);
                    if (_date2.default.sameDate(deserializedDate, today)) {
                        headerDate = `${_message.default.format("Today")} ${headerDate}`
                    }
                    if (_date2.default.sameDate(deserializedDate, yesterday)) {
                        headerDate = `${_message.default.format("Yesterday")} ${headerDate}`
                    }(0, _renderer.default)("<div>").addClass("dx-chat-messagelist-day-header").text(headerDate).appendTo(this._$content)
                }
                _updateLoadingState(isLoading) {
                    if (!this._scrollView) {
                        return
                    }
                    this.$element().toggleClass("dx-chat-messagelist-empty-loading", this._isEmpty() && isLoading);
                    this._scrollView.release(!isLoading)
                }
                _renderMessageListContent() {
                    this._$content = (0, _renderer.default)("<div>").addClass("dx-chat-messagelist-content").appendTo(this._$scrollViewContent())
                }
                _toggleEmptyView() {
                    this._getEmptyView().remove();
                    const {
                        isLoading: isLoading
                    } = this.option();
                    this.$element().toggleClass("dx-chat-messagelist-empty", this._isEmpty() && !isLoading).toggleClass("dx-chat-messagelist-empty-loading", this._isEmpty() && isLoading);
                    if (this._isEmpty() && !isLoading) {
                        this._renderEmptyViewContent();
                        this._updateLoadingState(false)
                    }
                }
                _renderMessageGroups() {
                    var _items$;
                    const {
                        isLoading: isLoading,
                        items: items
                    } = this.option();
                    if (this._isEmpty() && !isLoading) {
                        return
                    }
                    let currentMessageGroupUserId = null === (_items$ = items[0]) || void 0 === _items$ || null === (_items$ = _items$.author) || void 0 === _items$ ? void 0 : _items$.id;
                    let currentMessageGroupItems = [];
                    items.forEach((item, index) => {
                        var _newMessageGroupItem$;
                        const newMessageGroupItem = item ?? {};
                        const id = null === (_newMessageGroupItem$ = newMessageGroupItem.author) || void 0 === _newMessageGroupItem$ ? void 0 : _newMessageGroupItem$.id;
                        const shouldCreateDayHeader = this._shouldAddDayHeader(newMessageGroupItem.timestamp);
                        const isTimeoutExceeded = this._isTimeoutExceeded(currentMessageGroupItems[currentMessageGroupItems.length - 1] ?? {}, item);
                        const shouldCreateMessageGroup = shouldCreateDayHeader && currentMessageGroupItems.length || isTimeoutExceeded || id !== currentMessageGroupUserId;
                        if (shouldCreateMessageGroup) {
                            this._createMessageGroupComponent(currentMessageGroupItems, currentMessageGroupUserId);
                            currentMessageGroupUserId = id;
                            currentMessageGroupItems = [];
                            currentMessageGroupItems.push(newMessageGroupItem)
                        } else {
                            currentMessageGroupItems.push(newMessageGroupItem)
                        }
                        if (shouldCreateDayHeader) {
                            this._createDayHeader(null === item || void 0 === item ? void 0 : item.timestamp)
                        }
                        if (items.length - 1 === index) {
                            this._createMessageGroupComponent(currentMessageGroupItems, currentMessageGroupUserId)
                        }
                    });
                    this._setLastMessageGroupClasses();
                    this._updateLoadingState(isLoading)
                }
                _setLastMessageGroupClasses() {
                    this._$content.find(".dx-chat-last-messagegroup-alignment-start").removeClass("dx-chat-last-messagegroup-alignment-start");
                    this._$content.find(".dx-chat-last-messagegroup-alignment-end").removeClass("dx-chat-last-messagegroup-alignment-end");
                    const $lastAlignmentStartGroup = this._$content.find(`.${_messagegroup.CHAT_MESSAGEGROUP_ALIGNMENT_START_CLASS}`).last();
                    const $lastAlignmentEndGroup = this._$content.find(`.${_messagegroup.CHAT_MESSAGEGROUP_ALIGNMENT_END_CLASS}`).last();
                    $lastAlignmentStartGroup.addClass("dx-chat-last-messagegroup-alignment-start");
                    $lastAlignmentEndGroup.addClass("dx-chat-last-messagegroup-alignment-end")
                }
                _getLastMessageGroup() {
                    const $lastMessageGroup = this._$content.find(`.${_messagegroup.CHAT_MESSAGEGROUP_CLASS}`).last();
                    if ($lastMessageGroup.length) {
                        return _messagegroup.default.getInstance($lastMessageGroup)
                    }
                    return
                }
                _renderMessage(message) {
                    const {
                        timestamp: timestamp
                    } = message;
                    const shouldCreateDayHeader = this._shouldAddDayHeader(timestamp);
                    if (shouldCreateDayHeader) {
                        this._createDayHeader(timestamp);
                        this._renderMessageIntoGroup(message);
                        return
                    }
                    const lastMessageGroup = this._getLastMessageGroup();
                    if (!lastMessageGroup) {
                        this._renderMessageIntoGroup(message);
                        return
                    }
                    const lastMessageGroupMessage = this._getLastMessageGroupItem(lastMessageGroup);
                    const isTimeoutExceeded = this._isTimeoutExceeded(lastMessageGroupMessage, message);
                    if (this._isSameAuthor(message, lastMessageGroupMessage) && !isTimeoutExceeded) {
                        this._renderMessageIntoGroup(message, lastMessageGroup);
                        return
                    }
                    this._renderMessageIntoGroup(message)
                }
                _getLastMessageGroupItem(lastMessageGroup) {
                    const {
                        items: items
                    } = lastMessageGroup.option();
                    return items[items.length - 1]
                }
                _isSameAuthor(lastMessageGroupMessage, message) {
                    var _lastMessageGroupMess, _message$author;
                    return (null === (_lastMessageGroupMess = lastMessageGroupMessage.author) || void 0 === _lastMessageGroupMess ? void 0 : _lastMessageGroupMess.id) === (null === (_message$author = message.author) || void 0 === _message$author ? void 0 : _message$author.id)
                }
                _renderMessageIntoGroup(message, messageGroup) {
                    const {
                        author: author
                    } = message;
                    this._setIsReachedBottom();
                    if (messageGroup) {
                        messageGroup.renderMessage(message)
                    } else {
                        this._createMessageGroupComponent([message], null === author || void 0 === author ? void 0 : author.id);
                        this._setLastMessageGroupClasses()
                    }
                    this._processScrollDownContent(this._isCurrentUser(null === author || void 0 === author ? void 0 : author.id))
                }
                _getMessageData(message) {
                    return (0, _renderer.default)(message).data(_messagebubble.MESSAGE_DATA_KEY)
                }
                _findMessageElementByKey(key) {
                    const $bubbles = this.$element().find(`.${_messagebubble.CHAT_MESSAGEBUBBLE_CLASS}`);
                    let result = (0, _renderer.default)();
                    $bubbles.each((_, item) => {
                        const messageData = this._getMessageData(item);
                        if (messageData.id === key) {
                            result = (0, _renderer.default)(item);
                            return false
                        }
                        return true
                    });
                    return result
                }
                _getMessageGroupByBubbleElement($bubble) {
                    const $currentMessageGroup = $bubble.closest(`.${_messagegroup.CHAT_MESSAGEGROUP_CLASS}`);
                    const group = _messagegroup.default.getInstance($currentMessageGroup);
                    return group
                }
                _updateMessageByKey(key, data) {
                    if ((0, _type.isDefined)(key)) {
                        const $targetMessage = this._findMessageElementByKey(key);
                        const bubble = _messagebubble.default.getInstance($targetMessage);
                        bubble.option(data);
                        if ("image" !== data.type) {
                            const $currentMessageGroup = $targetMessage.closest(`.${_messagegroup.CHAT_MESSAGEGROUP_CLASS}`);
                            const group = _messagegroup.default.getInstance($currentMessageGroup);
                            const isEdited = true === data.isEdited && !data.isDeleted;
                            group._updateMessageEditedText($targetMessage, isEdited)
                        }
                    }
                }
                _removeMessageByKey(key) {
                    if (!key) {
                        return
                    }
                    const $targetMessage = this._findMessageElementByKey(key);
                    if (!$targetMessage.length) {
                        return
                    }
                    const group = this._getMessageGroupByBubbleElement($targetMessage);
                    const {
                        items: items
                    } = group.option();
                    const newItems = items.filter(item => item.id !== key);
                    if (0 === newItems.length) {
                        const {
                            showDayHeaders: showDayHeaders
                        } = this.option();
                        if (showDayHeaders) {
                            const $prev = group.$element().prev();
                            const $next = group.$element().next();
                            const shouldRemoveDayHeader = $prev.length && $prev.hasClass("dx-chat-messagelist-day-header") && ($next.length && $next.hasClass("dx-chat-messagelist-day-header") || !$next.length);
                            if (shouldRemoveDayHeader) {
                                $prev.remove()
                            }
                        }
                        group.$element().remove()
                    } else {
                        group.option("items", newItems)
                    }
                    this._setLastMessageGroupClasses()
                }
                _scrollDownContent() {
                    this._scrollView.scrollTo({
                        top: (0, _get_scroll_top_max.getScrollTopMax)(this._scrollableContainer())
                    })
                }
                _scrollableContainer() {
                    return (0, _renderer.default)(this._scrollView.element()).find(".dx-scrollable-container").get(0)
                }
                _isMessageAddedToEnd(value, previousValue) {
                    const valueLength = value.length;
                    const previousValueLength = previousValue.length;
                    if (0 === valueLength) {
                        return false
                    }
                    if (0 === previousValueLength) {
                        return 1 === valueLength
                    }
                    const lastValueItem = value[valueLength - 1];
                    const lastPreviousValueItem = previousValue[previousValueLength - 1];
                    const isLastItemNotTheSame = lastValueItem !== lastPreviousValueItem;
                    const isLengthIncreasedByOne = valueLength - previousValueLength === 1;
                    return isLastItemNotTheSame && isLengthIncreasedByOne
                }
                _processItemsUpdating(value, previousValue) {
                    const shouldItemsBeUpdatedCompletely = !this._isMessageAddedToEnd(value, previousValue);
                    if (shouldItemsBeUpdatedCompletely) {
                        this._invalidate()
                    } else {
                        this._toggleEmptyView();
                        const newMessage = value[value.length - 1];
                        this._renderMessage(newMessage ?? {})
                    }
                }
                _isTimeoutExceeded(lastMessage, newMessage) {
                    const lastMessageTimestamp = null === lastMessage || void 0 === lastMessage ? void 0 : lastMessage.timestamp;
                    const newMessageTimestamp = null === newMessage || void 0 === newMessage ? void 0 : newMessage.timestamp;
                    if (!lastMessageTimestamp || !newMessageTimestamp) {
                        return false
                    }
                    const lastMessageTimestampInMs = _date_serialization.default.deserializeDate(lastMessageTimestamp);
                    const newMessageTimestampInMs = _date_serialization.default.deserializeDate(newMessageTimestamp);
                    const result = newMessageTimestampInMs - lastMessageTimestampInMs > MESSAGEGROUP_TIMEOUT;
                    return result
                }
                _updateAria() {
                    const aria = {
                        role: "log",
                        atomic: "false",
                        label: _message.default.format("dxChat-messageListAriaLabel"),
                        live: "polite",
                        relevant: "additions text"
                    };
                    this.setAria(aria)
                }
                _setIsReachedBottom() {
                    this._isBottomReached = !this._isContentOverflowing() || this._scrollView.isBottomReached()
                }
                _isContentOverflowing() {
                    return (0, _size.getHeight)(this._scrollView.content()) > (0, _size.getHeight)(this._scrollView.container())
                }
                _processScrollDownContent() {
                    let shouldForceProcessing = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : false;
                    if (this._isBottomReached || shouldForceProcessing) {
                        this._scrollDownContent()
                    }
                    this._isBottomReached = false
                }
                _$scrollViewContent() {
                    return (0, _renderer.default)(this._scrollView.content())
                }
                _getEmptyView() {
                    return this._$content.find(".dx-chat-messagelist-empty-view")
                }
                _dimensionChanged() {
                    var _this$_contextMenu;
                    null === (_this$_contextMenu = this._contextMenu) || void 0 === _this$_contextMenu || _this$_contextMenu.hide()
                }
                _clean() {
                    this._lastMessageDate = null;
                    _resize_observer.default.unobserve(this.$element().get(0));
                    super._clean()
                }
                _modifyByChanges(changes) {
                    changes.forEach(change => {
                        switch (change.type) {
                            case "update":
                                this._updateMessageByKey(change.key, change.data ?? {});
                                break;
                            case "insert": {
                                const {
                                    items: items
                                } = this.option();
                                this.option("items", [...items, change.data ?? {}]);
                                break
                            }
                            case "remove":
                                this._removeMessageByKey(change.key)
                        }
                    })
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value,
                        previousValue: previousValue
                    } = args;
                    switch (name) {
                        case "currentUserId":
                        case "showDayHeaders":
                        case "showAvatar":
                        case "showUserName":
                        case "showMessageTimestamp":
                        case "messageTemplate":
                        case "emptyViewTemplate":
                        case "dayHeaderFormat":
                        case "messageTimestampFormat":
                        case "onAttachmentDownloadClick":
                            this._invalidate();
                            break;
                        case "items":
                            this._processItemsUpdating(value ?? [], previousValue ?? []);
                            break;
                        case "typingUsers":
                            this._setIsReachedBottom();
                            this._typingIndicator.option(name, value);
                            this._processScrollDownContent();
                            break;
                        case "isLoading":
                            this._updateLoadingState(!!value);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                getEmptyViewId() {
                    if (this._isEmpty()) {
                        const $emptyView = this._getEmptyView();
                        const emptyViewId = $emptyView.attr("id") ?? null;
                        return emptyViewId
                    }
                    return null
                }
            }
            exports.default = MessageList
        },
        85134(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _dom_component = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/dom_component */ 22331));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class TypingIndicator extends _dom_component.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        typingUsers: []
                    })
                }
                _init() {
                    super._init();
                    (0, _renderer.default)(this.element()).addClass("dx-chat-typingindicator")
                }
                _initMarkup() {
                    super._initMarkup();
                    const {
                        typingUsers: typingUsers
                    } = this.option();
                    if (null !== typingUsers && void 0 !== typingUsers && typingUsers.length) {
                        this._renderContent()
                    }
                }
                _renderContent() {
                    this._renderContentElement();
                    this._renderTextElement();
                    this._updateText();
                    this._renderBubble()
                }
                _renderContentElement() {
                    this._$content = (0, _renderer.default)("<div>").addClass("dx-chat-typingindicator-content").appendTo(this.element())
                }
                _renderTextElement() {
                    if (this._$content) {
                        this._$text = (0, _renderer.default)("<div>").addClass("dx-chat-typingindicator-text").appendTo(this._$content)
                    }
                }
                _renderBubble() {
                    if (this._$content) {
                        const $bubble = (0, _renderer.default)("<div>").addClass("dx-chat-typingindicator-bubble");
                        new Array(3).fill(0).forEach(() => {
                            (0, _renderer.default)("<div>").addClass("dx-chat-typingindicator-circle").appendTo($bubble)
                        });
                        $bubble.appendTo(this._$content)
                    }
                }
                _getText() {
                    const {
                        typingUsers: typingUsers
                    } = this.option();
                    const usernames = null === typingUsers || void 0 === typingUsers ? void 0 : typingUsers.map(user => {
                        var _user$name;
                        const name = (null === (_user$name = user.name) || void 0 === _user$name ? void 0 : _user$name.trim()) || _message.default.format("dxChat-defaultUserName");
                        return name
                    });
                    if (1 === (null === usernames || void 0 === usernames ? void 0 : usernames.length)) {
                        const username = usernames[0];
                        return _message.default.format("dxChat-typingMessageSingleUser", username)
                    }
                    if (2 === (null === usernames || void 0 === usernames ? void 0 : usernames.length)) {
                        const [usernameFirst, usernameSecond] = usernames;
                        return _message.default.format("dxChat-typingMessageTwoUsers", usernameFirst, usernameSecond)
                    }
                    if (3 === (null === usernames || void 0 === usernames ? void 0 : usernames.length)) {
                        const [usernameFirst, usernameSecond, usernameThird] = usernames;
                        return _message.default.format("dxChat-typingMessageThreeUsers", usernameFirst, usernameSecond, usernameThird)
                    }
                    const usernameString = usernames.slice(0, 3).join(", ");
                    return _message.default.format("dxChat-typingMessageMultipleUsers", usernameString)
                }
                _updateText() {
                    var _this$_$text;
                    const value = this._getText();
                    null === (_this$_$text = this._$text) || void 0 === _this$_$text || _this$_$text.text(value)
                }
                _processTypingUsersUpdating(previousValue) {
                    const {
                        typingUsers: typingUsers
                    } = this.option();
                    if (null !== previousValue && void 0 !== previousValue && previousValue.length && null !== typingUsers && void 0 !== typingUsers && typingUsers.length) {
                        this._updateText();
                        return
                    }
                    if (null !== typingUsers && void 0 !== typingUsers && typingUsers.length) {
                        this._renderContent();
                        return
                    }
                    this._cleanContent()
                }
                _cleanContent() {
                    this.$element().empty()
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        previousValue: previousValue
                    } = args;
                    if ("typingUsers" === name) {
                        this._processTypingUsersUpdating(previousValue ?? [])
                    } else {
                        super._optionChanged(args)
                    }
                }
            }
            exports.default = TypingIndicator
        },
        54516(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultCheckBoxProps = exports.CheckBox = void 0;
            exports.defaultOptions = function(rule) {
                __defaultOptionRules.push(rule);
                CheckBox.defaultProps = Object.create(Object.prototype, Object.assign(Object.getOwnPropertyDescriptors(CheckBox.defaultProps), Object.getOwnPropertyDescriptors(function(defaultProps) {
                    const twoWayProps = ["value"];
                    return Object.keys(defaultProps).reduce((props, propName) => {
                        const propValue = defaultProps[propName];
                        const defaultPropName = twoWayProps.some(p => p === propName) ? `default${propName.charAt(0).toUpperCase()}${propName.slice(1)}` : propName;
                        props[defaultPropName] = propValue;
                        return props
                    }, {})
                }((0, _utils.convertRulesToOptions)(__defaultOptionRules)))))
            };
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _devices = (e = __webpack_require__( /*! ../../../core/devices */ 65951), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _utils = __webpack_require__( /*! ../../../core/options/utils */ 53904);
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            var _combine_classes = __webpack_require__( /*! ../../core/utils/combine_classes */ 46190);
            var _check_box_icon = __webpack_require__( /*! ./check_box_icon */ 11186);
            var _editor = __webpack_require__( /*! ./editor_base/editor */ 33453);
            const _excluded = ["accessKey", "activeStateEnabled", "aria", "className", "classes", "defaultValue", "disabled", "enableThreeStateBehavior", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "inputAttr", "isDirty", "isValid", "name", "onClick", "onFocusIn", "onKeyDown", "readOnly", "rtlEnabled", "saveValueChangeEvent", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChange", "visible", "width"];
            const defaultCheckBoxProps = exports.defaultCheckBoxProps = Object.assign({}, _editor.defaultEditorProps, {
                text: "",
                enableThreeStateBehavior: false,
                activeStateEnabled: true,
                hoverStateEnabled: true,
                get focusStateEnabled() {
                    return "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator()
                },
                defaultValue: false,
                valueChange: () => {}
            });
            class CheckBox extends _index.InfernoWrapperComponent {
                constructor(props) {
                    super(props);
                    this.editorRef = (0, _inferno.createRef)();
                    this.state = {
                        value: void 0 !== this.props.value ? this.props.value : this.props.defaultValue
                    };
                    this.focus = this.focus.bind(this);
                    this.blur = this.blur.bind(this);
                    this.onWidgetClick = this.onWidgetClick.bind(this);
                    this.keyDown = this.keyDown.bind(this)
                }
                createEffects() {
                    return [(0, _index.createReRenderEffect)()]
                }
                onWidgetClick(event) {
                    const {
                        enableThreeStateBehavior: enableThreeStateBehavior,
                        readOnly: readOnly,
                        saveValueChangeEvent: saveValueChangeEvent
                    } = this.props;
                    if (!readOnly) {
                        null === saveValueChangeEvent || void 0 === saveValueChangeEvent || saveValueChangeEvent(event);
                        if (enableThreeStateBehavior) {
                            var _this$props$valueChan, _this$props;
                            let __newValue;
                            this.setState(__state_argument => {
                                __newValue = null === (void 0 !== this.props.value ? this.props.value : __state_argument.value) || (!(void 0 !== this.props.value ? this.props.value : __state_argument.value) ? null : false);
                                return {
                                    value: __newValue
                                }
                            });
                            null === (_this$props$valueChan = (_this$props = this.props).valueChange) || void 0 === _this$props$valueChan || _this$props$valueChan.call(_this$props, __newValue)
                        } else {
                            var _this$props$valueChan2, _this$props2;
                            let __newValue;
                            this.setState(__state_argument => {
                                __newValue = !((void 0 !== this.props.value ? this.props.value : __state_argument.value) ?? false);
                                return {
                                    value: __newValue
                                }
                            });
                            null === (_this$props$valueChan2 = (_this$props2 = this.props).valueChange) || void 0 === _this$props$valueChan2 || _this$props$valueChan2.call(_this$props2, __newValue)
                        }
                    }
                }
                keyDown(e) {
                    const {
                        onKeyDown: onKeyDown
                    } = this.props;
                    const {
                        keyName: keyName,
                        originalEvent: originalEvent,
                        which: which
                    } = e;
                    const result = null === onKeyDown || void 0 === onKeyDown ? void 0 : onKeyDown(e);
                    if (null !== result && void 0 !== result && result.cancel) {
                        return result
                    }
                    if ("space" === keyName || "space" === which) {
                        originalEvent.preventDefault();
                        this.onWidgetClick(originalEvent)
                    }
                    return
                }
                get cssClasses() {
                    return (model => {
                        const {
                            text: text,
                            value: value
                        } = model;
                        const checked = value;
                        const indeterminate = null === checked;
                        const classesMap = {
                            "dx-checkbox": true,
                            "dx-checkbox-checked": true === checked,
                            "dx-checkbox-has-text": !!text,
                            "dx-checkbox-indeterminate": indeterminate
                        };
                        return (0, _combine_classes.combineClasses)(classesMap)
                    })(Object.assign({}, this.props, {
                        value: void 0 !== this.props.value ? this.props.value : this.state.value
                    }))
                }
                get aria() {
                    const checked = true === (void 0 !== this.props.value ? this.props.value : this.state.value);
                    const indeterminate = null === (void 0 !== this.props.value ? this.props.value : this.state.value);
                    const result = {
                        role: "checkbox",
                        checked: indeterminate ? "mixed" : `${checked}`
                    };
                    return Object.assign({}, result, this.props.aria)
                }
                get restAttributes() {
                    const _this$props3 = this.props,
                        restProps = function(r, e) {
                            if (null == r) {
                                return {}
                            }
                            var t = {};
                            for (var n in r) {
                                if ({}.hasOwnProperty.call(r, n)) {
                                    if (-1 !== e.indexOf(n)) {
                                        continue
                                    }
                                    t[n] = r[n]
                                }
                            }
                            return t
                        }(_this$props3, _excluded);
                    return restProps
                }
                focus() {
                    this.editorRef.current.focus()
                }
                blur() {
                    this.editorRef.current.blur()
                }
                render() {
                    const value = void 0 !== this.props.value ? this.props.value : this.state.value;
                    return (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _editor.Editor, Object.assign({
                        aria: this.aria,
                        classes: this.cssClasses,
                        onClick: this.onWidgetClick,
                        onKeyDown: this.keyDown,
                        accessKey: this.props.accessKey,
                        activeStateEnabled: this.props.activeStateEnabled,
                        focusStateEnabled: this.props.focusStateEnabled,
                        hoverStateEnabled: this.props.hoverStateEnabled,
                        className: this.props.className,
                        disabled: this.props.disabled,
                        readOnly: this.props.readOnly,
                        hint: this.props.hint,
                        height: this.props.height,
                        width: this.props.width,
                        rtlEnabled: this.props.rtlEnabled,
                        tabIndex: this.props.tabIndex,
                        visible: this.props.visible,
                        validationError: this.props.validationError,
                        validationErrors: this.props.validationErrors,
                        validationMessageMode: this.props.validationMessageMode,
                        validationMessagePosition: this.props.validationMessagePosition,
                        validationStatus: this.props.validationStatus,
                        isValid: this.props.isValid,
                        onFocusIn: this.props.onFocusIn
                    }, this.restAttributes, {
                        children: (0, _inferno.createFragment)([(0, _inferno.normalizeProps)((0, _inferno.createVNode)(64, "input", null, null, 1, Object.assign({
                            type: "hidden",
                            value: `${value}`
                        }, this.props.name && {
                            name: this.props.name
                        }))), (0, _inferno.createVNode)(1, "div", "dx-checkbox-container", [(0, _inferno.createComponentVNode)(2, _check_box_icon.CheckBoxIcon, {
                            size: this.props.iconSize,
                            isChecked: true === value
                        }), this.props.text && (0, _inferno.createVNode)(1, "span", "dx-checkbox-text", this.props.text, 0)], 0)], 4)
                    }), null, this.editorRef))
                }
            }
            exports.CheckBox = CheckBox;
            CheckBox.defaultProps = defaultCheckBoxProps;
            const __defaultOptionRules = []
        },
        11186(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultCheckBoxIconProps = exports.CheckBoxIcon = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _style = __webpack_require__( /*! ../../../core/utils/style */ 58515);
            var _index = __webpack_require__( /*! ../../core/r1/runtime/inferno/index */ 6257);
            const _excluded = ["size"];
            const defaultCheckBoxIconProps = exports.defaultCheckBoxIconProps = {};
            class CheckBoxIcon extends _index.BaseInfernoComponent {
                constructor(props) {
                    super(props);
                    this.state = {};
                    this.elementRef = (0, _inferno.createRef)();
                    this.__getterCache = {}
                }
                get cssStyles() {
                    if (void 0 !== this.__getterCache.cssStyles) {
                        return this.__getterCache.cssStyles
                    }
                    return this.__getterCache.cssStyles = (() => {
                        const {
                            size: size
                        } = this.props;
                        const fontSize = (0, _style.normalizeStyleProp)("fontSize", size);
                        return {
                            fontSize: fontSize
                        }
                    })()
                }
                get restAttributes() {
                    const _this$props = this.props,
                        restProps = function(r, e) {
                            if (null == r) {
                                return {}
                            }
                            var t = {};
                            for (var n in r) {
                                if ({}.hasOwnProperty.call(r, n)) {
                                    if (-1 !== e.indexOf(n)) {
                                        continue
                                    }
                                    t[n] = r[n]
                                }
                            }
                            return t
                        }(_this$props, _excluded);
                    return restProps
                }
                componentWillUpdate(nextProps) {
                    if (this.props.size !== nextProps.size) {
                        this.__getterCache.cssStyles = void 0
                    }
                }
                render() {
                    const {
                        elementRef: elementRef,
                        cssStyles: cssStyles
                    } = this;
                    return (0, _inferno.createVNode)(1, "span", "dx-checkbox-icon", null, 1, {
                        style: (0, _index.normalizeStyles)(cssStyles)
                    }, null, elementRef)
                }
            }
            exports.CheckBoxIcon = CheckBoxIcon;
            CheckBoxIcon.defaultProps = defaultCheckBoxIconProps
        },
        33453(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultEditorProps = exports.Editor = void 0;
            exports.defaultOptions = function(rule) {
                __defaultOptionRules.push(rule);
                Editor.defaultProps = Object.create(Object.prototype, Object.assign(Object.getOwnPropertyDescriptors(Editor.defaultProps), Object.getOwnPropertyDescriptors(function(defaultProps) {
                    const twoWayProps = ["value"];
                    return Object.keys(defaultProps).reduce((props, propName) => {
                        const propValue = defaultProps[propName];
                        const defaultPropName = twoWayProps.some(p => p === propName) ? `default${propName.charAt(0).toUpperCase()}${propName.slice(1)}` : propName;
                        props[defaultPropName] = propValue;
                        return props
                    }, {})
                }((0, _utils.convertRulesToOptions)(__defaultOptionRules)))))
            };
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _guid = (e = __webpack_require__( /*! ../../../../core/guid */ 19427), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _utils = __webpack_require__( /*! ../../../../core/options/utils */ 53904);
            var _index = __webpack_require__( /*! ../../../core/r1/runtime/inferno/index */ 6257);
            var _widget = __webpack_require__( /*! ../../../core/r1/widget */ 93796);
            var _combine_classes = __webpack_require__( /*! ../../../core/utils/combine_classes */ 46190);
            var _validation_message = __webpack_require__( /*! ../wrappers/validation_message */ 91568);
            const _excluded = ["accessKey", "activeStateEnabled", "aria", "children", "className", "classes", "defaultValue", "disabled", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "name", "onClick", "onFocusIn", "onKeyDown", "readOnly", "rtlEnabled", "tabIndex", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChange", "visible", "width"];
            const defaultEditorProps = exports.defaultEditorProps = Object.assign({}, _widget.WidgetDefaultProps, {
                readOnly: false,
                name: "",
                validationError: null,
                validationErrors: null,
                validationMessageMode: "auto",
                validationMessagePosition: "bottom",
                validationStatus: "valid",
                isValid: true,
                isDirty: false,
                inputAttr: {},
                defaultValue: null,
                valueChange: () => {}
            });
            class Editor extends _index.InfernoWrapperComponent {
                constructor(props) {
                    super(props);
                    this.state = {};
                    this.widgetRef = (0, _inferno.createRef)();
                    this.rootElementRef = (0, _inferno.createRef)();
                    this.__getterCache = {};
                    this.state = {
                        validationMessageGuid: `dx-${new _guid.default}`,
                        isValidationMessageVisible: false,
                        value: void 0 !== this.props.value ? this.props.value : this.props.defaultValue
                    };
                    this.updateValidationMessageVisibility = this.updateValidationMessageVisibility.bind(this);
                    this.focus = this.focus.bind(this);
                    this.blur = this.blur.bind(this);
                    this.onFocusIn = this.onFocusIn.bind(this)
                }
                createEffects() {
                    return [new _index.InfernoEffect(this.updateValidationMessageVisibility, [this.props.isValid, this.props.validationStatus, this.props.validationError, this.props.validationErrors]), (0, _index.createReRenderEffect)()]
                }
                updateEffects() {
                    var _this$_effects;
                    null === (_this$_effects = this._effects) || void 0 === _this$_effects || null === (_this$_effects = _this$_effects[0]) || void 0 === _this$_effects || _this$_effects.update([this.props.isValid, this.props.validationStatus, this.props.validationError, this.props.validationErrors])
                }
                updateValidationMessageVisibility() {
                    this.setState(() => ({
                        isValidationMessageVisible: this.shouldShowValidationMessage
                    }))
                }
                onFocusIn(event) {
                    const {
                        onFocusIn: onFocusIn
                    } = this.props;
                    null === onFocusIn || void 0 === onFocusIn || onFocusIn(event)
                }
                get cssClasses() {
                    return `${(model=>{const{classes:classes,isValid:isValid,readOnly:readOnly}=model;const classesMap={"dx-state-readonly":!!readOnly,"dx-invalid":!isValid,[String(classes)]:!!classes};return(0,_combine_classes.combineClasses)(classesMap)})(Object.assign({},this.props,{value:void 0!==this.props.value?this.props.value:this.state.value}))}`
                }
                get shouldShowValidationMessage() {
                    const {
                        isValid: isValid,
                        validationStatus: validationStatus
                    } = this.props;
                    const validationErrors = this.validationErrors ?? [];
                    const isEditorValid = isValid && "invalid" !== validationStatus;
                    return !isEditorValid && validationErrors.length > 0
                }
                get aria() {
                    const {
                        isValid: isValid,
                        readOnly: readOnly
                    } = this.props;
                    const result = {
                        readonly: readOnly ? "true" : "false",
                        invalid: !isValid ? "true" : "false"
                    };
                    if (this.shouldShowValidationMessage) {
                        result.describedBy = this.state.validationMessageGuid
                    }
                    return Object.assign({}, result, this.props.aria)
                }
                get validationErrors() {
                    if (void 0 !== this.__getterCache.validationErrors) {
                        return this.__getterCache.validationErrors
                    }
                    return this.__getterCache.validationErrors = (() => {
                        const {
                            validationError: validationError,
                            validationErrors: validationErrors
                        } = this.props;
                        let allValidationErrors = validationErrors && [...validationErrors];
                        if (!allValidationErrors && validationError) {
                            allValidationErrors = [Object.assign({}, validationError)]
                        }
                        return allValidationErrors
                    })()
                }
                get validationMessageTarget() {
                    var _this$rootElementRef;
                    return null === (_this$rootElementRef = this.rootElementRef) || void 0 === _this$rootElementRef ? void 0 : _this$rootElementRef.current
                }
                get restAttributes() {
                    const _this$props = this.props,
                        restProps = function(r, e) {
                            if (null == r) {
                                return {}
                            }
                            var t = {};
                            for (var n in r) {
                                if ({}.hasOwnProperty.call(r, n)) {
                                    if (-1 !== e.indexOf(n)) {
                                        continue
                                    }
                                    t[n] = r[n]
                                }
                            }
                            return t
                        }(_this$props, _excluded);
                    return restProps
                }
                focus() {
                    this.widgetRef.current.focus()
                }
                blur() {
                    this.widgetRef.current.blur()
                }
                componentWillUpdate(nextProps) {
                    super.componentWillUpdate();
                    if (this.props.validationError !== nextProps.validationError || this.props.validationErrors !== nextProps.validationErrors) {
                        this.__getterCache.validationErrors = void 0
                    }
                }
                render() {
                    return (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _widget.Widget, Object.assign({
                        rootElementRef: this.rootElementRef,
                        aria: this.aria,
                        classes: this.cssClasses,
                        activeStateEnabled: this.props.activeStateEnabled,
                        focusStateEnabled: this.props.focusStateEnabled,
                        hoverStateEnabled: this.props.hoverStateEnabled,
                        accessKey: this.props.accessKey,
                        className: this.props.className,
                        rtlEnabled: this.props.rtlEnabled,
                        hint: this.props.hint,
                        disabled: this.props.disabled,
                        height: this.props.height,
                        width: this.props.width,
                        onFocusIn: this.props.onFocusIn,
                        onClick: this.props.onClick,
                        onKeyDown: this.props.onKeyDown,
                        tabIndex: this.props.tabIndex,
                        visible: this.props.visible
                    }, this.restAttributes, {
                        children: (0, _inferno.createFragment)([this.props.children, this.state.isValidationMessageVisible && (0, _inferno.createComponentVNode)(2, _validation_message.ValidationMessage, {
                            validationErrors: this.validationErrors,
                            mode: this.props.validationMessageMode,
                            positionSide: this.props.validationMessagePosition,
                            rtlEnabled: this.props.rtlEnabled,
                            target: this.validationMessageTarget,
                            boundary: this.validationMessageTarget,
                            visualContainer: this.validationMessageTarget,
                            contentId: this.state.validationMessageGuid
                        })], 0)
                    }), null, this.widgetRef))
                }
            }
            exports.Editor = Editor;
            Editor.defaultProps = defaultEditorProps;
            const __defaultOptionRules = []
        },
        16753(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _element_data = __webpack_require__( /*! ../../../../core/element_data */ 74663);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/callbacks */ 84718));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _editor = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/editor/editor */ 78694));
            var _validation_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/validation_engine */ 19391));
            var _component_wrapper = __webpack_require__( /*! ../../../core/r1/component_wrapper */ 34993);
            var _dom = __webpack_require__( /*! ../../../core/r1/utils/dom */ 8808);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class Editor extends _component_wrapper.ComponentWrapper {
                getProps() {
                    const props = super.getProps();
                    props.onFocusIn = () => {
                        const isValidationMessageShownOnFocus = "auto" === this.option("validationMessageMode");
                        if (isValidationMessageShownOnFocus) {
                            const $validationMessageWrapper = (0, _renderer.default)((0, _dom.querySelectorInSameDocument)(this.element(), ".dx-invalid-message.dx-overlay-wrapper"));
                            null === $validationMessageWrapper || void 0 === $validationMessageWrapper || $validationMessageWrapper.removeClass("dx-invalid-message-auto");
                            const timeToWaitBeforeShow = 150;
                            if (this.showValidationMessageTimeout) {
                                clearTimeout(this.showValidationMessageTimeout)
                            }
                            this.showValidationMessageTimeout = setTimeout(() => {
                                null === $validationMessageWrapper || void 0 === $validationMessageWrapper || $validationMessageWrapper.addClass("dx-invalid-message-auto")
                            }, timeToWaitBeforeShow)
                        }
                    };
                    props.saveValueChangeEvent = e => {
                        this._valueChangeEventInstance = e
                    };
                    return props
                }
                _createElement(element) {
                    super._createElement(element);
                    this.showValidationMessageTimeout = void 0;
                    this.validationRequest = (0, _callbacks.default)();
                    (0, _element_data.data)(this.$element()[0], "dx-validation-target", this)
                }
                _render() {
                    var _this$option;
                    null === (_this$option = this.option("_onMarkupRendered")) || void 0 === _this$option || _this$option()
                }
                _init() {
                    super._init();
                    this._initialValue = this.option("value")
                }
                _initializeComponent() {
                    super._initializeComponent();
                    this._valueChangeAction = this._createActionByOption("onValueChanged", {
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _initOptions(options) {
                    super._initOptions(options);
                    this.option(_validation_engine.default.initValidationOptions(options))
                }
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        validationMessageOffset: {
                            h: 0,
                            v: 0
                        },
                        validationTooltipOptions: {}
                    })
                }
                _bindInnerWidgetOptions(innerWidget, optionsContainer) {
                    const innerWidgetOptions = (0, _extend.extend)({}, innerWidget.option());
                    const syncOptions = () => this._silent(optionsContainer, innerWidgetOptions);
                    syncOptions();
                    innerWidget.on("optionChanged", syncOptions)
                }
                _raiseValidation(value, previousValue) {
                    const areValuesEmpty = !(0, _type.isDefined)(value) && !(0, _type.isDefined)(previousValue);
                    if (value !== previousValue && !areValuesEmpty) {
                        this.validationRequest.fire({
                            value: value,
                            editor: this
                        })
                    }
                }
                _raiseValueChangeAction(value, previousValue) {
                    var _this$_valueChangeAct;
                    null === (_this$_valueChangeAct = this._valueChangeAction) || void 0 === _this$_valueChangeAct || _this$_valueChangeAct.call(this, {
                        element: this.$element(),
                        previousValue: previousValue,
                        value: value,
                        event: this._valueChangeEventInstance
                    });
                    this._valueChangeEventInstance = void 0
                }
                _optionChanged(option) {
                    const {
                        name: name,
                        previousValue: previousValue,
                        value: value
                    } = option;
                    if (name && void 0 !== this._getActionConfigs()[name]) {
                        this._addAction(name)
                    }
                    switch (name) {
                        case "value":
                            this._raiseValidation(value, previousValue);
                            this.option("isDirty", this._initialValue !== value);
                            this._raiseValueChangeAction(value, previousValue);
                            break;
                        case "onValueChanged":
                            this._valueChangeAction = this._createActionByOption("onValueChanged", {
                                excludeValidators: ["disabled", "readOnly"]
                            });
                            break;
                        case "isValid":
                        case "validationError":
                        case "validationErrors":
                        case "validationStatus":
                            this.option(_validation_engine.default.synchronizeValidationOptions(option, this.option()))
                    }
                    super._optionChanged(option)
                }
                clear() {
                    const {
                        value: value
                    } = this._getDefaultOptions();
                    this.option({
                        value: value
                    })
                }
                reset() {
                    let value = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
                    if (arguments.length) {
                        this._initialValue = value
                    }
                    this.option("value", this._initialValue);
                    this.option("isDirty", false);
                    this.option("isValid", true)
                }
                _dispose() {
                    super._dispose();
                    (0, _element_data.data)(this.element(), "dx-validation-target", null);
                    if (this.showValidationMessageTimeout) {
                        clearTimeout(this.showValidationMessageTimeout)
                    }
                }
            }
            exports.default = Editor;
            const prevIsEditor = _editor.default.isEditor;
            const newIsEditor = instance => prevIsEditor(instance) || instance instanceof Editor;
            Editor.isEditor = newIsEditor;
            _editor.default.isEditor = newIsEditor
        },
        3535(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _check_box = __webpack_require__( /*! ./check_box */ 54516);
            var _wrapper = _interopRequireDefault(__webpack_require__( /*! ./wrapper */ 81529));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class CheckBox extends _wrapper.default {
                getProps() {
                    const props = super.getProps();
                    props.onKeyDown = this._wrapKeyDownHandler(props.onKeyDown);
                    return props
                }
                focus() {
                    var _this$viewRef;
                    return null === (_this$viewRef = this.viewRef) || void 0 === _this$viewRef ? void 0 : _this$viewRef.focus(...arguments)
                }
                blur() {
                    var _this$viewRef2;
                    return null === (_this$viewRef2 = this.viewRef) || void 0 === _this$viewRef2 ? void 0 : _this$viewRef2.blur(...arguments)
                }
                _getActionConfigs() {
                    return {
                        onFocusIn: {},
                        onClick: {}
                    }
                }
                get _propsInfo() {
                    return {
                        twoWay: [
                            ["value", "defaultValue", "valueChange"]
                        ],
                        allowNull: ["defaultValue", "validationError", "validationErrors", "value"],
                        elements: [],
                        templates: [],
                        props: ["text", "iconSize", "enableThreeStateBehavior", "activeStateEnabled", "hoverStateEnabled", "focusStateEnabled", "saveValueChangeEvent", "defaultValue", "valueChange", "readOnly", "name", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "isValid", "isDirty", "inputAttr", "onFocusIn", "className", "accessKey", "disabled", "height", "hint", "onClick", "onKeyDown", "rtlEnabled", "tabIndex", "visible", "width", "aria", "value"]
                    }
                }
                get _viewComponent() {
                    return _check_box.CheckBox
                }
            }
            exports.default = CheckBox;
            (0, _component_registrator.default)("dxCheckBox", CheckBox);
            CheckBox.defaultOptions = _check_box.defaultOptions
        },
        50758(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _generated_wrapper = (e = __webpack_require__( /*! ./generated_wrapper */ 3535), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _generated_wrapper.default
        },
        81529(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _wrapper = (e = __webpack_require__( /*! ./editor_base/wrapper */ 16753), e && e.__esModule ? e : {
                default: e
            });
            var e;
            class CheckBox extends _wrapper.default {
                _useTemplates() {
                    return false
                }
                _isFocused() {
                    const focusTarget = this.$element()[0];
                    return focusTarget.classList.contains("dx-state-focused")
                }
                getSupportedKeyNames() {
                    return ["space"]
                }
                getProps() {
                    const props = super.getProps();
                    if (null !== props.value) {
                        props.value = Boolean(props.value)
                    }
                    return props
                }
            }
            exports.default = CheckBox
        },
        91568(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultValidationMessageProps = exports.ValidationMessage = void 0;
            var _inferno = __webpack_require__( /*! inferno */ 76231);
            var _validation_message = (e = __webpack_require__( /*! ../../../../ui/validation_message */ 59098), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _base_props = __webpack_require__( /*! ../../../core/r1/base_props */ 28112);
            var _dom_component_wrapper = __webpack_require__( /*! ../../../core/r1/dom_component_wrapper */ 10922);
            var _index = __webpack_require__( /*! ../../../core/r1/runtime/inferno/index */ 6257);
            const _excluded = ["accessKey", "activeStateEnabled", "boundary", "className", "contentId", "disabled", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "mode", "offset", "onClick", "onKeyDown", "positionSide", "rtlEnabled", "tabIndex", "target", "validationErrors", "visible", "visualContainer", "width"];
            const defaultValidationMessageProps = exports.defaultValidationMessageProps = Object.assign({}, _base_props.BaseWidgetDefaultProps, {
                mode: "auto",
                positionSide: "top",
                offset: Object.freeze({
                    h: 0,
                    v: 0
                }),
                isReactComponentWrapper: true
            });
            class ValidationMessage extends _index.BaseInfernoComponent {
                constructor(props) {
                    super(props);
                    this.state = {}
                }
                get restAttributes() {
                    const _this$props = this.props,
                        restProps = function(r, e) {
                            if (null == r) {
                                return {}
                            }
                            var t = {};
                            for (var n in r) {
                                if ({}.hasOwnProperty.call(r, n)) {
                                    if (-1 !== e.indexOf(n)) {
                                        continue
                                    }
                                    t[n] = r[n]
                                }
                            }
                            return t
                        }(_this$props, _excluded);
                    return restProps
                }
                render() {
                    return (0, _inferno.normalizeProps)((0, _inferno.createComponentVNode)(2, _dom_component_wrapper.DomComponentWrapper, Object.assign({
                        componentType: _validation_message.default,
                        componentProps: this.props,
                        templateNames: []
                    }, this.restAttributes)))
                }
            }
            exports.ValidationMessage = ValidationMessage;
            ValidationMessage.defaultProps = defaultValidationMessageProps
        },
        12191(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _collection_widget = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/collection_widget.edit */ 79839));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class CollectionWidgetAsync extends _collection_widget.default {
                _initMarkup() {
                    this._asyncTemplateItemsMap = {};
                    super._initMarkup()
                }
                _render() {
                    super._render();
                    this._planPostRenderActions()
                }
                _renderItemContent(args) {
                    const renderContentDeferred = (0, _deferred.Deferred)();
                    const itemDeferred = (0, _deferred.Deferred)();
                    const uniqueKey = `dx${new _guid.default}`;
                    this._asyncTemplateItemsMap[uniqueKey] = itemDeferred;
                    const $itemContent = super._renderItemContent(Object.assign({}, args, {
                        uniqueKey: uniqueKey
                    }));
                    itemDeferred.done(() => {
                        renderContentDeferred.resolve($itemContent)
                    });
                    return renderContentDeferred.promise()
                }
                _onItemTemplateRendered(itemTemplate, renderArgs) {
                    return () => {
                        const {
                            uniqueKey: uniqueKey
                        } = renderArgs;
                        if (uniqueKey) {
                            var _this$_asyncTemplateI;
                            null === (_this$_asyncTemplateI = this._asyncTemplateItemsMap[uniqueKey]) || void 0 === _this$_asyncTemplateI || _this$_asyncTemplateI.resolve()
                        }
                    }
                }
                _postProcessRenderItems() {}
                _planPostRenderActions() {
                    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                        args[_key] = arguments[_key]
                    }
                    const d = (0, _deferred.Deferred)();
                    const asyncTemplateItems = Object.values(this._asyncTemplateItemsMap);
                    _deferred.when.apply(this, asyncTemplateItems).done(() => {
                        this._postProcessRenderItems(...args);
                        d.resolve().done(() => {
                            this._asyncTemplateItemsMap = {}
                        })
                    });
                    return d.promise()
                }
                _clean() {
                    super._clean();
                    const asyncTemplateItems = Object.values(this._asyncTemplateItemsMap);
                    asyncTemplateItems.forEach(item => {
                        item.reject()
                    });
                    this._asyncTemplateItemsMap = {}
                }
            }
            exports.default = CollectionWidgetAsync
        },
        36266(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.ITEM_CLASS = void 0;
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _contextmenu = __webpack_require__( /*! ../../../common/core/events/contextmenu */ 80248);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _hold = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/hold */ 68095));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _action = _interopRequireDefault(__webpack_require__( /*! ../../../core/action */ 88412));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _bindable_template = __webpack_require__( /*! ../../../core/templates/bindable_template */ 27286);
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _template_manager = __webpack_require__( /*! ../../../core/utils/template_manager */ 49194);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _m_element = __webpack_require__( /*! ../../core/m_element */ 93630);
            var _m_selectors = __webpack_require__( /*! ../../core/utils/m_selectors */ 62238);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _m_data_helper = _interopRequireDefault(__webpack_require__( /*! ../../data/m_data_helper */ 16780));
            var _item = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/item */ 30845));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ITEM_CLASS = exports.ITEM_CLASS = "dx-item";
            const ITEM_PATH_REGEX = /^([^.]+\[\d+\]\.)+([\w.]+)$/;
            class CollectionWidget extends _widget.default {
                _activeStateUnit() {
                    return `.${ITEM_CLASS}`
                }
                _supportedKeys() {
                    const move = (location, e) => {
                        if (!(0, _utils.isCommandKeyPressed)(e)) {
                            e.preventDefault();
                            e.stopPropagation();
                            this._moveFocus(location, e)
                        }
                    };
                    return Object.assign({}, super._supportedKeys(), {
                        space: e => {
                            e.preventDefault();
                            this._enterKeyHandler(e)
                        },
                        enter: this._enterKeyHandler,
                        leftArrow: move.bind(this, "left"),
                        rightArrow: move.bind(this, "right"),
                        upArrow: move.bind(this, "up"),
                        downArrow: move.bind(this, "down"),
                        pageUp: move.bind(this, "up"),
                        pageDown: move.bind(this, "down"),
                        home: move.bind(this, "first"),
                        end: move.bind(this, "last")
                    })
                }
                _getHandlerExtendedParams(e, $target) {
                    const params = (0, _extend.extend)({}, e, {
                        target: $target.get(0),
                        currentTarget: $target.get(0)
                    });
                    return params
                }
                _enterKeyHandler(e) {
                    const {
                        focusedElement: focusedElement
                    } = this.option();
                    const $itemElement = (0, _renderer.default)(focusedElement);
                    if (!$itemElement.length) {
                        return
                    }
                    const itemData = this._getItemData($itemElement);
                    if (_item.default.isClickableItem(itemData)) {
                        const actionArgs = {
                            event: e
                        };
                        this._itemEventHandlerByHandler($itemElement, itemData.onClick, actionArgs)
                    }
                    this._itemClickHandler(this._getHandlerExtendedParams(e, $itemElement))
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        selectOnFocus: false,
                        loopItemFocus: true,
                        items: [],
                        itemTemplate: "item",
                        onItemRendered: null,
                        onItemClick: null,
                        onItemHold: null,
                        itemHoldTimeout: 750,
                        onItemContextMenu: null,
                        onFocusedItemChanged: null,
                        noDataText: _message.default.format("dxCollectionWidget-noDataText"),
                        encodeNoDataText: false,
                        dataSource: null,
                        _dataController: null,
                        _itemAttributes: {},
                        itemTemplateProperty: "template",
                        focusedElement: null,
                        displayExpr: void 0,
                        disabledExpr: data => data ? data.disabled : void 0,
                        visibleExpr: data => data ? data.visible : void 0
                    })
                }
                _init() {
                    this._compileDisplayGetter();
                    this._initDataController();
                    super._init();
                    this._cleanRenderedItems();
                    this._refreshDataSource()
                }
                _compileDisplayGetter() {
                    const {
                        displayExpr: displayExpr
                    } = this.option();
                    this._displayGetter = displayExpr ? (0, _data.compileGetter)(displayExpr) : void 0
                }
                _initTemplates() {
                    this._initItemsFromMarkup();
                    this._initDefaultItemTemplate();
                    super._initTemplates()
                }
                _getAnonymousTemplateName() {
                    return "item"
                }
                _initDefaultItemTemplate() {
                    const fieldsMap = this._getFieldsMap();
                    this._templateManager.addDefaultTemplates({
                        item: new _bindable_template.BindableTemplate(($container, data) => {
                            if ((0, _type.isPlainObject)(data)) {
                                this._prepareDefaultItemTemplate(data, $container)
                            } else {
                                if (fieldsMap && (0, _type.isFunction)(fieldsMap.text)) {
                                    data = fieldsMap.text(data)
                                }
                                $container.text(String((0, _common.ensureDefined)(data, "")))
                            }
                        }, this._getBindableFields(), this.option("integrationOptions.watchMethod"), fieldsMap)
                    })
                }
                _getBindableFields() {
                    return ["text", "html"]
                }
                _getFieldsMap() {
                    if (this._displayGetter) {
                        return {
                            text: this._displayGetter
                        }
                    }
                    return
                }
                _prepareDefaultItemTemplate(data, $container) {
                    const {
                        text: text,
                        html: html
                    } = data;
                    if ((0, _type.isDefined)(text)) {
                        $container.text(text)
                    }
                    if ((0, _type.isDefined)(html)) {
                        $container.html(html)
                    }
                }
                _initItemsFromMarkup() {
                    const rawItems = (0, _template_manager.findTemplates)(this.$element(), "dxItem");
                    const {
                        items: userItems = []
                    } = this.option();
                    if (!rawItems.length || userItems.length) {
                        return
                    }
                    const items = rawItems.map(_ref => {
                        let {
                            element: element,
                            options: options
                        } = _ref;
                        const isTemplateRequired = /\S/.test(element.innerHTML) && !options.template;
                        if (isTemplateRequired) {
                            options.template = this._prepareItemTemplate(element)
                        } else {
                            (0, _renderer.default)(element).remove()
                        }
                        return options
                    });
                    this.option("items", items)
                }
                _prepareItemTemplate(item) {
                    const templateId = `tmpl-${new _guid.default}`;
                    const $template = (0, _renderer.default)(item).detach().clone().removeAttr("data-options").addClass("dx-template-wrapper");
                    this._saveTemplate(templateId, $template);
                    return templateId
                }
                _dataSourceOptions() {
                    return {
                        paginate: false
                    }
                }
                _cleanRenderedItems() {
                    this._renderedItemsCount = 0
                }
                _focusTarget() {
                    return this.$element()
                }
                _focusInHandler(e) {
                    super._focusInHandler(e);
                    if (!this._isFocusTarget(e.target)) {
                        return
                    }
                    const {
                        focusedElement: focusedElement
                    } = this.option();
                    const $focusedElement = (0, _renderer.default)(focusedElement);
                    if ($focusedElement.length) {
                        this._shouldSkipSelectOnFocus = true;
                        this._setFocusedItem($focusedElement);
                        this._shouldSkipSelectOnFocus = false
                    } else {
                        const $activeItem = this._getActiveItem();
                        if ($activeItem.length) {
                            this.option("focusedElement", (0, _m_element.getPublicElement)($activeItem))
                        }
                    }
                }
                _focusOutHandler(e) {
                    super._focusOutHandler(e);
                    const {
                        focusedElement: focusedElement
                    } = this.option();
                    const $target = (0, _renderer.default)(focusedElement);
                    this._updateFocusedItemState($target, false)
                }
                _findActiveTarget($element) {
                    return $element.find(this._activeStateUnit())
                }
                _getActiveItem(last) {
                    const {
                        focusedElement: focusedElement
                    } = this.option();
                    const $focusedElement = (0, _renderer.default)(focusedElement);
                    if ($focusedElement.length) {
                        return $focusedElement
                    }
                    return this._determineFocusedElement(last)
                }
                _determineFocusedElement(last) {
                    let index = this._getFocusedElementIndex();
                    const activeElements = this._getActiveElement();
                    const lastIndex = activeElements.length - 1;
                    if (index < 0) {
                        index = last ? lastIndex : 0
                    }
                    return activeElements.eq(index)
                }
                _getFocusedElementIndex() {
                    return 0
                }
                _moveFocus(location, e) {
                    const $items = this._getAvailableItems();
                    let $newTarget = (0, _renderer.default)();
                    switch (location) {
                        case "pageup":
                        case "up":
                            $newTarget = this._prevItem($items);
                            break;
                        case "pagedown":
                        case "down":
                            $newTarget = this._nextItem($items);
                            break;
                        case "right": {
                            const {
                                rtlEnabled: rtlEnabled
                            } = this.option();
                            $newTarget = rtlEnabled ? this._prevItem($items) : this._nextItem($items);
                            break
                        }
                        case "left": {
                            const {
                                rtlEnabled: rtlEnabled
                            } = this.option();
                            $newTarget = rtlEnabled ? this._nextItem($items) : this._prevItem($items);
                            break
                        }
                        case "first":
                            $newTarget = $items.first();
                            break;
                        case "last":
                            $newTarget = $items.last();
                            break;
                        default:
                            return false
                    }
                    if (0 !== $newTarget.length) {
                        this.option("focusedElement", (0, _m_element.getPublicElement)($newTarget))
                    }
                }
                _getVisibleItems($itemElements) {
                    const $items = $itemElements ?? this._itemElements();
                    return $items.filter(":visible")
                }
                _getAvailableItems($itemElements) {
                    return this._getVisibleItems($itemElements)
                }
                _prevItem($items) {
                    const $target = this._getActiveItem();
                    const targetIndex = $items.index($target);
                    const $last = $items.last();
                    let $item = (0, _renderer.default)($items[targetIndex - 1]);
                    const {
                        loopItemFocus: loopItemFocus
                    } = this.option();
                    if (0 === $item.length && loopItemFocus) {
                        $item = $last
                    }
                    return $item
                }
                _nextItem($items) {
                    const $target = this._getActiveItem(true);
                    const targetIndex = $items.index($target);
                    const $first = $items.first();
                    let $item = (0, _renderer.default)($items[targetIndex + 1]);
                    const {
                        loopItemFocus: loopItemFocus
                    } = this.option();
                    if (0 === $item.length && loopItemFocus) {
                        $item = $first
                    }
                    return $item
                }
                _selectFocusedItem($target) {
                    this.selectItem($target)
                }
                _updateFocusedItemState(target, isFocused, needCleanItemId) {
                    const $target = (0, _renderer.default)(target);
                    if ($target.length) {
                        this._refreshActiveDescendant();
                        this._refreshItemId($target, needCleanItemId);
                        const {
                            focusStateEnabled: focusStateEnabled
                        } = this.option();
                        if (focusStateEnabled) {
                            this._toggleFocusClass(isFocused, $target)
                        }
                    }
                    this._updateParentActiveDescendant()
                }
                _getElementClassToSkipRefreshId() {
                    return ""
                }
                _shouldSkipRefreshId(target) {
                    const elementClass = this._getElementClassToSkipRefreshId();
                    const shouldSkipRefreshId = (0, _renderer.default)(target).hasClass(elementClass);
                    return shouldSkipRefreshId
                }
                _refreshActiveDescendant($target) {
                    const {
                        focusedElement: focusedElement
                    } = this.option();
                    if ((0, _type.isDefined)(focusedElement)) {
                        const shouldSetExistingId = this._shouldSkipRefreshId(focusedElement);
                        const id = shouldSetExistingId ? (0, _renderer.default)(focusedElement).attr("id") : this.getFocusedItemId();
                        this.setAria("activedescendant", id, $target);
                        return
                    }
                    this.setAria("activedescendant", null, $target)
                }
                _refreshItemId($target, needCleanItemId) {
                    const {
                        focusedElement: focusedElement
                    } = this.option();
                    const shouldSkipRefreshId = this._shouldSkipRefreshId($target);
                    if (shouldSkipRefreshId) {
                        return
                    }
                    if (!needCleanItemId && focusedElement) {
                        this.setAria("id", this.getFocusedItemId(), $target)
                    } else {
                        this.setAria("id", null, $target)
                    }
                }
                _isDisabled($element) {
                    return $element && "true" === (0, _renderer.default)($element).attr("aria-disabled")
                }
                _setFocusedItem($target) {
                    if (!(null !== $target && void 0 !== $target && $target.length)) {
                        return
                    }
                    this._updateFocusedItemState($target, true);
                    this.onFocusedItemChanged(this.getFocusedItemId());
                    const {
                        selectOnFocus: selectOnFocus
                    } = this.option();
                    const isTargetDisabled = this._isDisabled($target);
                    if (selectOnFocus && !isTargetDisabled && !this._shouldSkipSelectOnFocus) {
                        this._selectFocusedItem($target)
                    }
                }
                _findItemElementByItem(item) {
                    let result = (0, _renderer.default)();
                    const itemDataKey = this._itemDataKey();
                    this.itemElements().each((_index, itemElement) => {
                        const $item = (0, _renderer.default)(itemElement);
                        if ($item.data(itemDataKey) === item) {
                            result = $item;
                            return false
                        }
                        return true
                    });
                    return result
                }
                _getIndexByItem(item) {
                    const {
                        items: items
                    } = this.option();
                    return items.indexOf(item)
                }
                _itemOptionChanged(item, property, value, prevValue) {
                    const $item = this._findItemElementByItem(item);
                    if (!$item.length) {
                        return
                    }
                    if (!this.constructor.ItemClass.getInstance($item).setDataField(property, value)) {
                        this._refreshItem($item, item)
                    }
                    const isDisabling = "disabled" === property && value;
                    if (isDisabling) {
                        this._resetItemFocus($item)
                    }
                }
                _resetItemFocus($item) {
                    const {
                        focusedElement: focusedElement
                    } = this.option();
                    if ($item.is(focusedElement)) {
                        this._resetFocusedElement()
                    }
                }
                _resetFocusedElement() {
                    this.option("focusedElement", null)
                }
                _refreshItem($item, item) {
                    const itemData = this._getItemData($item);
                    const index = $item.data(this._itemIndexKey());
                    this._renderItem(this._renderedItemsCount + index, itemData, null, $item)
                }
                _updateParentActiveDescendant() {}
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value,
                        previousValue: previousValue,
                        fullName: fullName
                    } = args;
                    if ("items" === name) {
                        const matches = fullName.match(ITEM_PATH_REGEX);
                        if (null !== matches && void 0 !== matches && matches.length) {
                            const property = matches[matches.length - 1];
                            const itemPath = fullName.replace(`.${property}`, "");
                            const item = this.option(itemPath);
                            this._itemOptionChanged(item, property, value, previousValue);
                            return
                        }
                    }
                    switch (name) {
                        case "items":
                        case "_itemAttributes":
                        case "itemTemplateProperty":
                        case "useItemTextAsTitle":
                            this._cleanRenderedItems();
                            this._invalidate();
                            break;
                        case "dataSource":
                            this._refreshDataSource();
                            this._renderEmptyMessage();
                            break;
                        case "noDataText":
                        case "encodeNoDataText":
                            this._renderEmptyMessage();
                            break;
                        case "itemTemplate":
                        case "visibleExpr":
                        case "disabledExpr":
                            this._invalidate();
                            break;
                        case "onItemRendered":
                            this._createItemRenderAction();
                            break;
                        case "onItemClick":
                        case "selectOnFocus":
                        case "loopItemFocus":
                            break;
                        case "onItemHold":
                        case "itemHoldTimeout":
                            this._attachHoldEvent();
                            break;
                        case "onItemContextMenu":
                            this._attachContextMenuEvent();
                            break;
                        case "onFocusedItemChanged":
                            this.onFocusedItemChanged = this._createActionByOption("onFocusedItemChanged");
                            break;
                        case "focusedElement":
                            this._updateFocusedItemState(previousValue, false, true);
                            this._setFocusedItem((0, _renderer.default)(value));
                            break;
                        case "displayExpr":
                            this._compileDisplayGetter();
                            this._initDefaultItemTemplate();
                            this._invalidate();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _invalidate() {
                    this._resetFocusedElement();
                    super._invalidate()
                }
                _loadNextPage() {
                    this._expectNextPageLoading();
                    return this._dataController.loadNextPage()
                }
                _expectNextPageLoading() {
                    this._startIndexForAppendedItems = 0
                }
                _expectLastItemLoading() {
                    this._startIndexForAppendedItems = -1
                }
                _forgetNextPageLoading() {
                    this._startIndexForAppendedItems = null
                }
                _dataSourceChangedHandler(newItems, e) {
                    const {
                        items: items
                    } = this.option();
                    if (this._initialized && items && this._shouldAppendItems()) {
                        this._renderedItemsCount = items.length;
                        if (!this._isLastPage() || -1 !== this._startIndexForAppendedItems) {
                            this.option().items = items.concat(newItems.slice(this._startIndexForAppendedItems))
                        }
                        this._forgetNextPageLoading();
                        this._refreshContent()
                    } else {
                        this.option("items", newItems.slice())
                    }
                }
                _refreshContent() {
                    this._prepareContent();
                    this._renderContent()
                }
                _dataSourceLoadErrorHandler() {
                    this._forgetNextPageLoading();
                    const {
                        items: items
                    } = this.option();
                    this.option("items", items)
                }
                _shouldAppendItems() {
                    return null != this._startIndexForAppendedItems && this._allowDynamicItemsAppend()
                }
                _allowDynamicItemsAppend() {
                    return false
                }
                _clean() {
                    this._cleanFocusState();
                    this._cleanItemContainer();
                    if (this._inkRipple) {
                        delete this._inkRipple
                    }
                    this._resetActiveState()
                }
                _cleanItemContainer() {
                    (0, _renderer.default)(this._itemContainer()).empty()
                }
                _dispose() {
                    super._dispose();
                    clearTimeout(this._itemFocusTimeout)
                }
                _refresh() {
                    this._cleanRenderedItems();
                    super._refresh()
                }
                _itemContainer(searchEnabled, previousSelectAllEnabled) {
                    return this.$element()
                }
                _itemClass() {
                    return ITEM_CLASS
                }
                _itemContentClass() {
                    return `${this._itemClass()}-content`
                }
                _itemResponseWaitClass() {
                    return "dx-item-response-wait"
                }
                _itemSelector() {
                    return `.${this._itemClass()}`
                }
                _itemDataKey() {
                    return "dxItemData"
                }
                _itemIndexKey() {
                    return "dxItemIndex"
                }
                _itemElements() {
                    return this._itemContainer().find(this._itemSelector())
                }
                _initMarkup() {
                    super._initMarkup();
                    this.onFocusedItemChanged = this._createActionByOption("onFocusedItemChanged");
                    this.$element().addClass("dx-collection");
                    this._prepareContent()
                }
                _prepareContent() {
                    (0, _common.deferRenderer)(() => {
                        this._renderContentImpl()
                    })()
                }
                _renderContent() {
                    this._fireContentReadyAction()
                }
                _render() {
                    super._render();
                    this._attachClickEvent();
                    this._attachHoldEvent();
                    this._attachContextMenuEvent()
                }
                _getPointerEvent() {
                    return _pointer.default.down
                }
                _attachClickEvent() {
                    const itemSelector = this._itemSelector();
                    const pointerDownEvent = _pointer.default.down;
                    const pointerUpEvent = _pointer.default.up;
                    const clickEventNamespace = (0, _utils.addNamespace)(_click.name, this.NAME);
                    const pointerDownEventNamespace = (0, _utils.addNamespace)(pointerDownEvent, this.NAME);
                    const pointerUpEventNamespace = (0, _utils.addNamespace)(pointerUpEvent, this.NAME);
                    const pointerDownAction = new _action.default(args => {
                        const {
                            event: event
                        } = args;
                        this._itemPointerHandler(event)
                    });
                    const pointerUpAction = new _action.default(args => {
                        const {
                            event: event
                        } = args;
                        this._itemPointerUpHandler(event)
                    });
                    _events_engine.default.off(this._itemContainer(), clickEventNamespace, itemSelector);
                    _events_engine.default.off(this._itemContainer(), pointerDownEventNamespace, itemSelector);
                    _events_engine.default.off(this._itemContainer(), pointerUpEventNamespace, itemSelector);
                    _events_engine.default.on(this._itemContainer(), clickEventNamespace, itemSelector, e => this._itemClickHandler(e));
                    _events_engine.default.on(this._itemContainer(), pointerDownEventNamespace, itemSelector, e => {
                        pointerDownAction.execute({
                            element: (0, _renderer.default)(e.target),
                            event: e
                        })
                    });
                    _events_engine.default.on(this._itemContainer(), pointerUpEventNamespace, itemSelector, e => {
                        pointerUpAction.execute({
                            element: (0, _renderer.default)(e.target),
                            event: e
                        })
                    })
                }
                _itemClickHandler(e, args, config) {
                    this._itemDXEventHandler(e, "onItemClick", args, config)
                }
                _handleItemFocus(e) {
                    if (e.isDefaultPrevented()) {
                        return
                    }
                    const $target = (0, _renderer.default)(e.target);
                    const $closestItem = $target.closest(this._itemElements());
                    const $closestFocusable = this._closestFocusable($target);
                    if ($closestItem.length && this._isFocusTarget(null === $closestFocusable || void 0 === $closestFocusable ? void 0 : $closestFocusable.get(0))) {
                        this._shouldSkipSelectOnFocus = true;
                        this.option("focusedElement", (0, _m_element.getPublicElement)($closestItem));
                        this._shouldSkipSelectOnFocus = false
                    }
                }
                _itemPointerHandler(e) {
                    const {
                        focusStateEnabled: focusStateEnabled
                    } = this.option();
                    if (!focusStateEnabled) {
                        return
                    }
                    this._itemFocusHandler = () => {
                        clearTimeout(this._itemFocusTimeout);
                        this._itemFocusHandler = void 0;
                        this._handleItemFocus(e)
                    };
                    this._itemFocusTimeout = setTimeout(() => {
                        this._forcePointerDownFocus()
                    })
                }
                _itemPointerUpHandler(e) {}
                _closestFocusable($target) {
                    if ($target.is(_m_selectors.focusable)) {
                        return $target
                    }
                    let $nextTarget = $target.parent();
                    while ($nextTarget.length && !_dom_adapter.default.isDocument($nextTarget.get(0)) && !_dom_adapter.default.isDocumentFragment($nextTarget.get(0))) {
                        if ($nextTarget.is(_m_selectors.focusable)) {
                            return $nextTarget
                        }
                        $nextTarget = $nextTarget.parent()
                    }
                    return
                }
                _forcePointerDownFocus() {
                    if (this._itemFocusHandler) {
                        this._itemFocusHandler()
                    }
                }
                _updateFocusState(e, isFocused) {
                    super._updateFocusState(e, isFocused);
                    this._forcePointerDownFocus()
                }
                _attachHoldEvent() {
                    const $itemContainer = this._itemContainer();
                    const itemSelector = this._itemSelector();
                    const eventName = (0, _utils.addNamespace)(_hold.default.name, this.NAME);
                    _events_engine.default.off($itemContainer, eventName, itemSelector);
                    _events_engine.default.on($itemContainer, eventName, itemSelector, {
                        timeout: this._getHoldTimeout()
                    }, this._itemHoldHandler.bind(this))
                }
                _getHoldTimeout() {
                    const {
                        itemHoldTimeout: itemHoldTimeout
                    } = this.option();
                    return itemHoldTimeout
                }
                _shouldFireHoldEvent() {
                    return this.hasActionSubscription("onItemHold")
                }
                _itemHoldHandler(e) {
                    if (this._shouldFireHoldEvent()) {
                        this._itemDXEventHandler(e, "onItemHold")
                    } else {
                        e.cancel = true
                    }
                }
                _attachContextMenuEvent() {
                    const $itemContainer = this._itemContainer();
                    const itemSelector = this._itemSelector();
                    const eventName = (0, _utils.addNamespace)(_contextmenu.name, this.NAME);
                    _events_engine.default.off($itemContainer, eventName, itemSelector);
                    _events_engine.default.on($itemContainer, eventName, itemSelector, this._itemContextMenuHandler.bind(this))
                }
                _shouldFireContextMenuEvent() {
                    return this.hasActionSubscription("onItemContextMenu")
                }
                _itemContextMenuHandler(e) {
                    if (this._shouldFireContextMenuEvent()) {
                        this._itemDXEventHandler(e, "onItemContextMenu")
                    } else {
                        e.cancel = true
                    }
                }
                _renderContentImpl() {
                    const {
                        items: items
                    } = this.option();
                    const itemsToRender = items ?? [];
                    if (this._renderedItemsCount) {
                        this._renderItems(itemsToRender.slice(this._renderedItemsCount))
                    } else {
                        this._renderItems(itemsToRender)
                    }
                }
                _renderItems(items) {
                    if (items.length) {
                        (0, _iterator.each)(items, (index, itemData) => {
                            this._renderItem(this._renderedItemsCount + index, itemData)
                        })
                    }
                    this._renderEmptyMessage()
                }
                _getItemsContainer() {
                    return this._itemContainer()
                }
                _setAttributes($element) {
                    const {
                        _itemAttributes: _itemAttributes
                    } = this.option();
                    const attributes = Object.assign({}, _itemAttributes);
                    const {
                        class: customClassValue
                    } = attributes;
                    if (customClassValue) {
                        const currentClassValue = $element.get(0).className;
                        attributes.class = [currentClassValue, customClassValue].join(" ")
                    }
                    $element.attr(attributes)
                }
                _renderItem(index, itemData, $container, $itemToReplace) {
                    const itemIndex = (null === index || void 0 === index ? void 0 : index.item) ?? index;
                    const $containerToRender = $container ?? this._getItemsContainer();
                    const $itemFrame = this._renderItemFrame(itemIndex, itemData, $containerToRender, $itemToReplace);
                    this._setElementData($itemFrame, itemData, itemIndex);
                    this._setAttributes($itemFrame);
                    this._attachItemClickEvent(itemData, $itemFrame);
                    const $itemContent = this._getItemContent($itemFrame);
                    const {
                        itemTemplate: itemTemplate
                    } = this.option();
                    const renderContentPromise = this._renderItemContent({
                        index: itemIndex,
                        itemData: itemData,
                        container: (0, _m_element.getPublicElement)($itemContent),
                        contentClass: this._itemContentClass(),
                        defaultTemplateName: itemTemplate
                    });
                    (0, _deferred.when)(renderContentPromise).done($content => {
                        this._postprocessRenderItem({
                            itemElement: $itemFrame,
                            itemContent: $content,
                            itemData: itemData,
                            itemIndex: itemIndex
                        });
                        this._executeItemRenderAction(index, itemData, (0, _m_element.getPublicElement)($itemFrame))
                    });
                    return $itemFrame
                }
                _getItemContent($itemFrame) {
                    const $itemContent = $itemFrame.find(".dx-item-content-placeholder");
                    $itemContent.removeClass("dx-item-content-placeholder");
                    return $itemContent
                }
                _attachItemClickEvent(itemData, $itemElement) {
                    if (!itemData || !_item.default.isClickableItem(itemData)) {
                        return
                    }
                    _events_engine.default.on($itemElement, _click.name, e => {
                        const actionArgs = {
                            event: e
                        };
                        this._itemEventHandlerByHandler($itemElement, itemData.onClick, actionArgs)
                    })
                }
                _renderItemContent(args) {
                    const itemTemplateName = this._getItemTemplateName(args);
                    const itemTemplate = this._getTemplate(itemTemplateName);
                    this._addItemContentClasses(args);
                    const $templateResult = (0, _renderer.default)(this._createItemByTemplate(itemTemplate, args));
                    if (!$templateResult.hasClass("dx-template-wrapper")) {
                        return args.container
                    }
                    return this._renderItemContentByNode(args, $templateResult)
                }
                _renderItemContentByNode(args, $node) {
                    (0, _renderer.default)(args.container).replaceWith($node);
                    args.container = (0, _m_element.getPublicElement)($node);
                    this._addItemContentClasses(args);
                    return $node
                }
                _addItemContentClasses(args) {
                    const classes = [ITEM_CLASS + "-content", args.contentClass];
                    (0, _renderer.default)(args.container).addClass(classes.join(" "))
                }
                _appendItemToContainer($container, $itemFrame, index) {
                    $itemFrame.appendTo($container)
                }
                _renderItemFrame(index, itemData, $container, $itemToReplace) {
                    const $itemFrame = (0, _renderer.default)("<div>");
                    new this.constructor.ItemClass($itemFrame, this._itemOptions(), itemData || {});
                    if (null !== $itemToReplace && void 0 !== $itemToReplace && $itemToReplace.length) {
                        $itemToReplace.replaceWith($itemFrame)
                    } else {
                        this._appendItemToContainer.call(this, $container, $itemFrame, index)
                    }
                    const {
                        useItemTextAsTitle: useItemTextAsTitle
                    } = this.option();
                    if (useItemTextAsTitle) {
                        const displayValue = this._displayGetter ? this._displayGetter(itemData) : itemData;
                        $itemFrame.attr("title", displayValue)
                    }
                    return $itemFrame
                }
                _itemOptions() {
                    return {
                        watchMethod: () => this.option("integrationOptions.watchMethod"),
                        owner: this,
                        fieldGetter: field => {
                            const expr = this.option(`${field}Expr`);
                            const getter = (0, _data.compileGetter)(expr);
                            return getter
                        }
                    }
                }
                _postprocessRenderItem(args) {}
                _executeItemRenderAction(index, itemData, itemElement) {
                    this._getItemRenderAction()({
                        itemElement: itemElement,
                        itemIndex: index,
                        itemData: itemData
                    })
                }
                _setElementData(element, data, index) {
                    element.addClass([ITEM_CLASS, this._itemClass()].join(" ")).data(this._itemDataKey(), data).data(this._itemIndexKey(), index)
                }
                _createItemRenderAction() {
                    this._itemRenderAction = this._createActionByOption("onItemRendered", {
                        element: this.element(),
                        excludeValidators: ["disabled", "readOnly"],
                        category: "rendering"
                    });
                    return this._itemRenderAction
                }
                _getItemRenderAction() {
                    return this._itemRenderAction ?? this._createItemRenderAction()
                }
                _getItemTemplateName(args) {
                    const data = args.itemData;
                    const {
                        itemTemplateProperty: itemTemplateProperty
                    } = this.option();
                    const templateProperty = args.templateProperty ?? itemTemplateProperty;
                    const template = data && templateProperty ? data[templateProperty] : void 0;
                    return template || args.defaultTemplateName
                }
                _createItemByTemplate(itemTemplate, renderArgs) {
                    const {
                        itemData: itemData,
                        container: container,
                        index: index
                    } = renderArgs;
                    return itemTemplate.render({
                        model: itemData,
                        container: container,
                        index: index,
                        onRendered: this._onItemTemplateRendered(itemTemplate, renderArgs)
                    })
                }
                _onItemTemplateRendered(itemTemplate, renderArgs) {
                    return () => {}
                }
                _emptyMessageContainer() {
                    return this._itemContainer()
                }
                _renderEmptyMessage(rootNodes) {
                    const {
                        items: userItems = [],
                        noDataText: noDataText
                    } = this.option();
                    const items = rootNodes ?? userItems;
                    const hideNoData = !noDataText || (null === items || void 0 === items ? void 0 : items.length) || this._dataController.isLoading();
                    if (hideNoData && this._$noData) {
                        this._$noData.remove();
                        this._$noData = null;
                        this.setAria("label", void 0)
                    }
                    if (!hideNoData) {
                        this._$noData = this._$noData ?? (0, _renderer.default)("<div>").addClass("dx-empty-message");
                        this._$noData.appendTo(this._emptyMessageContainer());
                        const {
                            encodeNoDataText: encodeNoDataText
                        } = this.option();
                        if (encodeNoDataText) {
                            this._$noData.text(noDataText)
                        } else {
                            this._$noData.html(noDataText)
                        }
                    }
                    this.$element().toggleClass("dx-empty-collection", !hideNoData)
                }
                _itemDXEventHandler(dxEvent, handlerOptionName, actionArgs, actionConfig) {
                    this._itemEventHandler(dxEvent.target, handlerOptionName, (0, _extend.extend)(actionArgs, {
                        event: dxEvent
                    }), actionConfig)
                }
                _itemEventHandler(initiator, handlerOptionName, actionArgs, actionConfig) {
                    const action = this._createActionByOption(handlerOptionName, Object.assign({
                        validatingTargetName: "itemElement"
                    }, actionConfig));
                    return this._itemEventHandlerImpl(initiator, action, actionArgs)
                }
                _itemEventHandlerByHandler(initiator, handler, actionArgs, actionConfig) {
                    const action = this._createAction(handler, (0, _extend.extend)({
                        validatingTargetName: "itemElement"
                    }, actionConfig));
                    return this._itemEventHandlerImpl(initiator, action, actionArgs)
                }
                _itemEventHandlerImpl(initiator, action, actionArgs) {
                    const $itemElement = this._closestItemElement((0, _renderer.default)(initiator));
                    const args = (0, _extend.extend)({}, actionArgs);
                    return action((0, _extend.extend)(actionArgs, this._extendActionArgs($itemElement), args))
                }
                _extendActionArgs($itemElement) {
                    return {
                        itemElement: (0, _m_element.getPublicElement)($itemElement),
                        itemIndex: this._itemElements().index($itemElement),
                        itemData: this._getItemData($itemElement)
                    }
                }
                _closestItemElement($element) {
                    return (0, _renderer.default)($element).closest(this._itemSelector())
                }
                _getItemData(itemElement) {
                    return (0, _renderer.default)(itemElement).data(this._itemDataKey())
                }
                _getSummaryItemsSize(dimension, items, includeMargin) {
                    let result = 0;
                    if (items) {
                        (0, _iterator.each)(items, (_index, item) => {
                            if ("width" === dimension) {
                                result += (0, _size.getOuterWidth)(item, includeMargin ?? false)
                            } else if ("height" === dimension) {
                                result += (0, _size.getOuterHeight)(item, includeMargin ?? false)
                            }
                        })
                    }
                    return result
                }
                getFocusedItemId() {
                    if (!this._focusedItemId) {
                        this._focusedItemId = `dx-${new _guid.default}`
                    }
                    return this._focusedItemId
                }
                itemElements() {
                    return this._itemElements()
                }
                itemsContainer() {
                    return this._itemContainer()
                }
            }
            CollectionWidget.ItemClass = _item.default;
            CollectionWidget.include(_m_data_helper.default);
            exports.default = CollectionWidget
        },
        79839(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.indexExists = exports.default = exports.NOT_EXISTING_INDEX = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _data_source = __webpack_require__( /*! ../../../common/data/data_source/data_source */ 68216);
            var _utils = __webpack_require__( /*! ../../../common/data/data_source/utils */ 97169);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _collection_widget = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/collection_widget.base */ 36266));
            var _collection_widgetEditStrategy = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/collection_widget.edit.strategy.plain */ 83986));
            var _selection = _interopRequireDefault(__webpack_require__( /*! ../../ui/selection/selection */ 80876));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const NOT_EXISTING_INDEX = exports.NOT_EXISTING_INDEX = -1;
            const indexExists = index => index !== NOT_EXISTING_INDEX;
            exports.indexExists = indexExists;
            class CollectionWidget extends _collection_widget.default {
                constructor(element, options) {
                    CollectionWidget._initUserOptions = options ?? {};
                    super(element, options)
                }
                _setOptionsByReference() {
                    super._setOptionsByReference();
                    this._optionsByReference.selectedItem = true
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        selectionMode: "none",
                        selectionRequired: false,
                        selectByClick: true,
                        selectedItems: [],
                        selectedItemKeys: [],
                        maxFilterLengthInRequest: 1500,
                        keyExpr: null,
                        selectedIndex: NOT_EXISTING_INDEX,
                        focusOnSelectedItem: true,
                        selectedItem: null,
                        onSelectionChanging: null,
                        onSelectionChanged: null,
                        onItemReordered: null,
                        onItemDeleting: null,
                        onItemDeleted: null
                    })
                }
                _init() {
                    this._userOptions = Object.assign({}, CollectionWidget._initUserOptions);
                    CollectionWidget._initUserOptions = void 0;
                    this._initEditStrategy();
                    super._init();
                    this._initKeyGetter();
                    this._initActions();
                    this._initSelectionModule()
                }
                _initKeyGetter() {
                    const {
                        keyExpr: keyExpr
                    } = this.option();
                    this._keyGetter = (0, _data.compileGetter)(keyExpr)
                }
                _selectedItemClass() {
                    return "dx-item-selected"
                }
                _getActionsList() {
                    return ["onSelectionChanging", "onSelectionChanged"]
                }
                _initActions() {
                    this._actions = {};
                    const actions = this._getActionsList();
                    actions.forEach(action => {
                        this._actions[action] = this._createActionByOption(action, {
                            excludeValidators: ["disabled", "readOnly"]
                        }) ?? _common.noop
                    })
                }
                _getKeysByItems(selectedItems) {
                    return this._editStrategy.getKeysByItems(selectedItems)
                }
                _getItemsByKeys(selectedItemKeys, selectedItems) {
                    return this._editStrategy.getItemsByKeys(selectedItemKeys, selectedItems)
                }
                _getKeyByIndex(index) {
                    return this._editStrategy.getKeyByIndex(index)
                }
                _getIndexByKey(key) {
                    return this._editStrategy.getIndexByKey(key)
                }
                _getIndexByItemData(itemData) {
                    return this._editStrategy.getIndexByItemData(itemData)
                }
                _isKeySpecified() {
                    return !!this._dataController.key()
                }
                _getCombinedFilter() {
                    return this._dataController.filter()
                }
                key() {
                    const {
                        keyExpr: keyExpr
                    } = this.option();
                    if (keyExpr) {
                        return keyExpr
                    }
                    return this._dataController.key()
                }
                keyOf(item) {
                    const {
                        keyExpr: keyExpr
                    } = this.option();
                    if (keyExpr) {
                        return this._keyGetter(item)
                    }
                    if (this._dataController.store()) {
                        return this._dataController.keyOf(item)
                    }
                    return item
                }
                _nullValueSelectionSupported() {
                    return false
                }
                _initSelectionModule() {
                    const that = this;
                    const {
                        itemsGetter: itemsGetter
                    } = this._editStrategy;
                    const {
                        selectionMode: selectionMode,
                        maxFilterLengthInRequest: maxFilterLengthInRequest
                    } = this.option();
                    this._selection = new _selection.default({
                        allowNullValue: this._nullValueSelectionSupported(),
                        mode: selectionMode,
                        maxFilterLengthInRequest: maxFilterLengthInRequest,
                        equalByReference: !this._isKeySpecified(),
                        onSelectionChanging: args => {
                            var _this$_actions$onSele, _this$_actions;
                            const isSelectionChanged = args.addedItemKeys.length || args.removedItemKeys.length;
                            if (!this._rendered || !isSelectionChanged) {
                                return
                            }
                            const selectionChangingArgs = {
                                removedItems: args.removedItems,
                                addedItems: args.addedItems,
                                cancel: false
                            };
                            null === (_this$_actions$onSele = (_this$_actions = this._actions).onSelectionChanging) || void 0 === _this$_actions$onSele || _this$_actions$onSele.call(_this$_actions, selectionChangingArgs);
                            args.cancel = selectionChangingArgs.cancel
                        },
                        onSelectionChanged: args => {
                            if (args.addedItemKeys.length || args.removedItemKeys.length) {
                                this.option("selectedItems", this._getItemsByKeys(args.selectedItemKeys, args.selectedItems));
                                this._updateSelectedItems(args)
                            }
                        },
                        filter: this._getCombinedFilter.bind(this),
                        totalCount: () => {
                            const {
                                items: items = []
                            } = this.option();
                            const totalCount = this._dataController.totalCount();
                            return totalCount >= 0 ? totalCount : this._getItemsCount(items)
                        },
                        key: this.key.bind(this),
                        keyOf: this.keyOf.bind(this),
                        load(options) {
                            var _dataController$loadO;
                            const dataController = that._dataController;
                            options.customQueryParams = null === (_dataController$loadO = dataController.loadOptions()) || void 0 === _dataController$loadO ? void 0 : _dataController$loadO.customQueryParams;
                            options.userData = dataController.userData();
                            if (dataController.store()) {
                                return dataController.loadFromStore(options).done(loadResult => {
                                    if (that._disposed) {
                                        return
                                    }
                                    const items = (0, _utils.normalizeLoadResult)(loadResult).data;
                                    dataController.applyMapFunction(items)
                                })
                            }
                            return (0, _deferred.Deferred)().resolve(this.plainItems())
                        },
                        dataFields: () => this._dataController.select(),
                        plainItems: itemsGetter.bind(this._editStrategy)
                    })
                }
                _getItemsCount(items) {
                    return items.reduce((itemsCount, item) => {
                        const subItemsCount = item.items ? this._getItemsCount(item.items) : 1;
                        return itemsCount + subItemsCount
                    }, 0)
                }
                _initEditStrategy() {
                    this._editStrategy = new _collection_widgetEditStrategy.default(this)
                }
                _getSelectedItemIndices(keys) {
                    const indices = [];
                    const selectedKeys = keys ?? this._selection.getSelectedItemKeys();
                    this._editStrategy.beginCache();
                    (0, _iterator.each)(selectedKeys, (_, key) => {
                        const selectedIndex = this._getIndexByKey(key);
                        if (indexExists(selectedIndex)) {
                            indices.push(selectedIndex)
                        }
                    });
                    this._editStrategy.endCache();
                    return indices
                }
                _initMarkup() {
                    this._rendering = true;
                    if (!this._dataController.isLoading()) {
                        this._syncSelectionOptions().done(() => {
                            this._normalizeSelectedItems()
                        })
                    }
                    super._initMarkup()
                }
                _render() {
                    super._render();
                    this._rendering = false
                }
                _fireContentReadyAction() {
                    this._rendering = false;
                    this._rendered = true;
                    super._fireContentReadyAction()
                }
                _syncSelectionOptions(byOption) {
                    const selectedByOption = byOption ?? this._chooseSelectOption();
                    switch (selectedByOption) {
                        case "selectedIndex": {
                            const {
                                selectedIndex: selectedIndex
                            } = this.option();
                            const selectedItem = this._editStrategy.getItemDataByIndex(selectedIndex ?? NOT_EXISTING_INDEX);
                            if ((0, _type.isDefined)(selectedItem)) {
                                this._setOptionWithoutOptionChange("selectedItems", [selectedItem]);
                                this._setOptionWithoutOptionChange("selectedItem", selectedItem);
                                this._setOptionWithoutOptionChange("selectedItemKeys", this._editStrategy.getKeysByItems([selectedItem]))
                            } else {
                                this._setOptionWithoutOptionChange("selectedItems", []);
                                this._setOptionWithoutOptionChange("selectedItemKeys", []);
                                this._setOptionWithoutOptionChange("selectedItem", null)
                            }
                            break
                        }
                        case "selectedItems": {
                            const {
                                selectedItems: selectedItems = [],
                                selectionRequired: selectionRequired
                            } = this.option();
                            const selectedIndex = selectedItems.length ? this._editStrategy.getIndexByItemData(selectedItems[0]) : NOT_EXISTING_INDEX;
                            if (selectionRequired && !indexExists(selectedIndex)) {
                                return this._syncSelectionOptions("selectedIndex")
                            }
                            this._setOptionWithoutOptionChange("selectedItem", selectedItems[0]);
                            this._setOptionWithoutOptionChange("selectedIndex", selectedIndex);
                            this._setOptionWithoutOptionChange("selectedItemKeys", this._editStrategy.getKeysByItems(selectedItems));
                            break
                        }
                        case "selectedItem": {
                            const {
                                selectedItem: selectedItem,
                                selectionRequired: selectionRequired
                            } = this.option();
                            const selectedIndex = this._editStrategy.getIndexByItemData(selectedItem);
                            if (selectionRequired && !indexExists(selectedIndex)) {
                                return this._syncSelectionOptions("selectedIndex")
                            }
                            if ((0, _type.isDefined)(selectedItem)) {
                                this._setOptionWithoutOptionChange("selectedItems", [selectedItem]);
                                this._setOptionWithoutOptionChange("selectedIndex", selectedIndex);
                                this._setOptionWithoutOptionChange("selectedItemKeys", this._editStrategy.getKeysByItems([selectedItem]))
                            } else {
                                this._setOptionWithoutOptionChange("selectedItems", []);
                                this._setOptionWithoutOptionChange("selectedItemKeys", []);
                                this._setOptionWithoutOptionChange("selectedIndex", NOT_EXISTING_INDEX)
                            }
                            break
                        }
                        case "selectedItemKeys": {
                            const {
                                selectedItemKeys: selectedItemKeys = [],
                                selectionRequired: selectionRequired
                            } = this.option();
                            if (selectionRequired) {
                                const selectedItemIndex = this._getIndexByKey(selectedItemKeys[0]);
                                if (!indexExists(selectedItemIndex)) {
                                    return this._syncSelectionOptions("selectedIndex")
                                }
                            }
                            return this._selection.setSelection(selectedItemKeys)
                        }
                    }
                    return (0, _deferred.Deferred)().resolve()
                }
                _chooseSelectOption() {
                    let optionName = "selectedIndex";
                    const isOptionDefined = name => {
                        const {
                            [name]: optionValue
                        } = this.option();
                        const length = (0, _type.isDefined)(optionValue) && Array.isArray(optionValue) && optionValue.length;
                        return !!length || name in (this._userOptions ?? {})
                    };
                    if (isOptionDefined("selectedItems")) {
                        optionName = "selectedItems"
                    } else if (isOptionDefined("selectedItem")) {
                        optionName = "selectedItem"
                    } else if (isOptionDefined("selectedItemKeys")) {
                        optionName = "selectedItemKeys"
                    }
                    return optionName
                }
                _compareKeys(oldKeys, newKeys) {
                    if (oldKeys.length !== newKeys.length) {
                        return false
                    }
                    for (let i = 0; i < newKeys.length; i += 1) {
                        if (oldKeys[i] !== newKeys[i]) {
                            return false
                        }
                    }
                    return true
                }
                _normalizeSelectedItems() {
                    const {
                        selectionMode: selectionMode,
                        selectedItems: selectedItems = [],
                        items: items
                    } = this.option();
                    if ("none" === selectionMode) {
                        this._setOptionWithoutOptionChange("selectedItems", []);
                        this._syncSelectionOptions("selectedItems")
                    } else if ("single" === selectionMode) {
                        const newSelection = selectedItems ?? [];
                        const {
                            selectionRequired: selectionRequired
                        } = this.option();
                        if (newSelection.length > 1 || !newSelection.length && selectionRequired && null !== items && void 0 !== items && items.length) {
                            const currentSelection = this._selection.getSelectedItems();
                            let normalizedSelection = newSelection[0] ?? currentSelection[0];
                            if (void 0 === normalizedSelection) {
                                normalizedSelection = this._editStrategy.itemsGetter()[0]
                            }
                            const {
                                grouped: grouped
                            } = this.option();
                            const hasSubItems = item => (0, _type.isObject)(item) && "items" in item && Array.isArray(item.items);
                            if (grouped && hasSubItems(normalizedSelection)) {
                                normalizedSelection.items = [normalizedSelection.items[0]]
                            }
                            this._selection.setSelection(this._getKeysByItems([normalizedSelection]));
                            this._setOptionWithoutOptionChange("selectedItems", [normalizedSelection]);
                            return this._syncSelectionOptions("selectedItems")
                        }
                        this._selection.setSelection(this._getKeysByItems(newSelection))
                    } else {
                        const newKeys = this._getKeysByItems(selectedItems);
                        const oldKeys = this._selection.getSelectedItemKeys();
                        if (!this._compareKeys(oldKeys, newKeys)) {
                            this._selection.setSelection(newKeys)
                        }
                    }
                    return (0, _deferred.Deferred)().resolve()
                }
                _itemClickHandler(e, args, config) {
                    let itemSelectPromise = (0, _deferred.Deferred)().resolve();
                    this._createAction(event => {
                        itemSelectPromise = this._itemSelectHandler(event.event) ?? itemSelectPromise
                    }, {
                        validatingTargetName: "itemElement"
                    })({
                        itemElement: (0, _renderer.default)(e.currentTarget),
                        event: e
                    });
                    itemSelectPromise.always(() => {
                        super._itemClickHandler(e, args, config)
                    })
                }
                _itemSelectHandler(e, shouldIgnoreSelectByClick) {
                    const {
                        selectByClick: selectByClick
                    } = this.option();
                    if (!shouldIgnoreSelectByClick && !selectByClick) {
                        return
                    }
                    const $itemElement = e.currentTarget;
                    if (this.isItemSelected($itemElement)) {
                        this.unselectItem(e.currentTarget)
                    } else {
                        const itemSelectPromise = this.selectItem(e.currentTarget);
                        return null === itemSelectPromise || void 0 === itemSelectPromise ? void 0 : itemSelectPromise.promise()
                    }
                }
                _selectedItemElement(index) {
                    return this._itemElements().eq(index)
                }
                _postprocessRenderItem(args) {
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    if ("none" !== selectionMode) {
                        const $itemElement = (0, _renderer.default)(args.itemElement);
                        const normalizedItemIndex = this._editStrategy.getNormalizedIndex($itemElement.get(0));
                        const isItemSelected = this._isItemSelected(normalizedItemIndex);
                        this._processSelectableItem($itemElement, isItemSelected)
                    }
                }
                _processSelectableItem($itemElement, isSelected) {
                    $itemElement.toggleClass(this._selectedItemClass(), isSelected);
                    this._setAriaSelectionAttribute($itemElement, String(isSelected))
                }
                _updateSelectedItems(args) {
                    const {
                        addedItemKeys: addedItemKeys,
                        removedItemKeys: removedItemKeys
                    } = args;
                    if (this._rendered && (addedItemKeys.length || removedItemKeys.length)) {
                        if (!this._rendering) {
                            const addedSelection = [];
                            const removedSelection = [];
                            this._editStrategy.beginCache();
                            for (let i = 0; i < addedItemKeys.length; i += 1) {
                                const normalizedIndex = this._getIndexByKey(addedItemKeys[i]);
                                addedSelection.push(normalizedIndex);
                                this._addSelection(normalizedIndex)
                            }
                            for (let i = 0; i < removedItemKeys.length; i += 1) {
                                const normalizedIndex = this._getIndexByKey(removedItemKeys[i]);
                                removedSelection.push(normalizedIndex);
                                this._removeSelection(normalizedIndex)
                            }
                            this._editStrategy.endCache();
                            this._updateSelection(addedSelection, removedSelection)
                        }
                        this._actions.onSelectionChanged({
                            addedItems: args.addedItems,
                            removedItems: args.removedItems
                        })
                    }
                }
                _updateSelection(addedSelection, removedSelection) {}
                _setAriaSelectionAttribute($target, value) {
                    this.setAria("selected", value, $target)
                }
                _getFocusedElementIndex() {
                    const {
                        focusOnSelectedItem: focusOnSelectedItem
                    } = this.option();
                    return focusOnSelectedItem ? this._getFlatIndex() : super._getFocusedElementIndex()
                }
                _getFlatIndex() {
                    const {
                        selectedIndex: selectedIndex = NOT_EXISTING_INDEX
                    } = this.option();
                    return selectedIndex
                }
                _removeSelection(normalizedIndex) {
                    const $itemElement = this._editStrategy.getItemElement(normalizedIndex);
                    if (indexExists(normalizedIndex)) {
                        this._processSelectableItem($itemElement, false);
                        _events_engine.default.triggerHandler($itemElement, "stateChanged", false)
                    }
                }
                _addSelection(normalizedIndex) {
                    const $itemElement = this._editStrategy.getItemElement(normalizedIndex);
                    if (indexExists(normalizedIndex)) {
                        this._processSelectableItem($itemElement, true);
                        _events_engine.default.triggerHandler($itemElement, "stateChanged", true)
                    }
                }
                _isItemSelected(index) {
                    const key = this._getKeyByIndex(index);
                    return this._selection.isItemSelected(key, {
                        checkPending: true
                    })
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "selectionMode":
                            this._invalidate();
                            break;
                        case "dataSource":
                            if (!args.value || Array.isArray(args.value) && !args.value.length) {
                                this.option("selectedItemKeys", [])
                            }
                            super._optionChanged(args);
                            break;
                        case "selectedIndex":
                        case "selectedItem":
                        case "selectedItems":
                        case "selectedItemKeys":
                            this._syncSelectionOptions(args.name).done(() => {
                                this._normalizeSelectedItems()
                            });
                            break;
                        case "keyExpr":
                            this._initKeyGetter();
                            break;
                        case "selectionRequired":
                            this._normalizeSelectedItems();
                            break;
                        case "onSelectionChanging":
                        case "onSelectionChanged":
                            this._initActions();
                            break;
                        case "selectByClick":
                        case "onItemDeleting":
                        case "onItemDeleted":
                        case "onItemReordered":
                        case "maxFilterLengthInRequest":
                        case "focusOnSelectedItem":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _clearSelectedItems() {
                    this._setOptionWithoutOptionChange("selectedItems", []);
                    this._syncSelectionOptions("selectedItems")
                }
                _waitDeletingPrepare($itemElement) {
                    if ($itemElement.data("dxItemDeleting")) {
                        return (0, _deferred.Deferred)().resolve().promise()
                    }
                    $itemElement.data("dxItemDeleting", true);
                    const deferred = (0, _deferred.Deferred)();
                    const deletingActionArgs = {
                        cancel: false
                    };
                    const deletePromise = this._itemEventHandler($itemElement, "onItemDeleting", deletingActionArgs, {
                        excludeValidators: ["disabled", "readOnly"]
                    });
                    (0, _deferred.when)(deletePromise).always(function(value) {
                        const deletePromiseExists = !deletePromise;
                        const deletePromiseResolved = !deletePromiseExists && "resolved" === deletePromise.state();
                        const argumentsSpecified = !!arguments.length;
                        const shouldDeleteImmediately = deletePromiseExists;
                        const shouldDeleteWhenNoArgs = deletePromiseResolved && !argumentsSpecified;
                        const shouldDeleteWithValue = deletePromiseResolved && value;
                        const shouldDelete = shouldDeleteImmediately || shouldDeleteWhenNoArgs || shouldDeleteWithValue;
                        (0, _deferred.when)((0, _deferred.fromPromise)(deletingActionArgs.cancel)).always(() => {
                            $itemElement.data("dxItemDeleting", false)
                        }).done(cancel => {
                            if (shouldDelete && !cancel) {
                                deferred.resolve()
                            } else {
                                deferred.reject()
                            }
                        }).fail(deferred.reject)
                    });
                    return deferred.promise()
                }
                _deleteItemFromDS($item) {
                    const dataController = this._dataController;
                    const deferred = (0, _deferred.Deferred)();
                    const {
                        disabled: disabled
                    } = this.option();
                    const dataStore = dataController.store();
                    if (!dataStore) {
                        return (0, _deferred.Deferred)().resolve().promise()
                    }
                    if (!dataStore.remove) {
                        throw _ui.default.Error("E1011")
                    }
                    this.option("disabled", true);
                    dataStore.remove(dataController.keyOf(this._getItemData($item))).done(key => {
                        if (void 0 !== key) {
                            deferred.resolve()
                        } else {
                            deferred.reject()
                        }
                    }).fail(() => {
                        deferred.reject()
                    });
                    deferred.always(() => {
                        this.option("disabled", disabled)
                    });
                    return deferred
                }
                _tryRefreshLastPage() {
                    const deferred = (0, _deferred.Deferred)();
                    const {
                        grouped: grouped
                    } = this.option();
                    if (this._isLastPage() || grouped) {
                        deferred.resolve()
                    } else {
                        this._refreshLastPage().done(() => {
                            deferred.resolve()
                        })
                    }
                    return deferred.promise()
                }
                _refreshLastPage() {
                    this._expectLastItemLoading();
                    return this._dataController.load()
                }
                _updateSelectionAfterDelete(index) {
                    const key = this._getKeyByIndex(index);
                    this._selection.deselect([key])
                }
                _updateIndicesAfterIndex(index) {
                    const itemElements = this._itemElements();
                    for (let i = index + 1; i < itemElements.length; i += 1) {
                        (0, _renderer.default)(itemElements[i]).data(this._itemIndexKey(), i - 1)
                    }
                }
                _simulateOptionChange(optionName) {
                    var _this$_optionChangedA;
                    const optionValue = this.option(optionName);
                    if (optionValue instanceof _data_source.DataSource) {
                        return
                    }
                    null === (_this$_optionChangedA = this._optionChangedAction) || void 0 === _this$_optionChangedA || _this$_optionChangedA.call(this, {
                        name: optionName,
                        fullName: optionName,
                        value: optionValue
                    })
                }
                isItemSelected(itemElement) {
                    return this._isItemSelected(this._editStrategy.getNormalizedIndex(itemElement))
                }
                selectItem(itemElement) {
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    if ("none" === selectionMode) {
                        return (0, _deferred.Deferred)().resolve()
                    }
                    const itemIndex = this._editStrategy.getNormalizedIndex(itemElement);
                    if (!indexExists(itemIndex)) {
                        return (0, _deferred.Deferred)().resolve()
                    }
                    const key = this._getKeyByIndex(itemIndex);
                    if (this._selection.isItemSelected(key)) {
                        return (0, _deferred.Deferred)().resolve()
                    }
                    if ("single" === selectionMode) {
                        return this._selection.setSelection([key])
                    }
                    const {
                        selectedItemKeys: selectedItemKeys
                    } = this.option();
                    return this._selection.setSelection([...selectedItemKeys ?? [], key], [key])
                }
                unselectItem(itemElement) {
                    const itemIndex = this._editStrategy.getNormalizedIndex(itemElement);
                    if (!indexExists(itemIndex)) {
                        return
                    }
                    const selectedItemKeys = this._selection.getSelectedItemKeys();
                    const {
                        selectionRequired: selectionRequired
                    } = this.option();
                    if (selectionRequired && selectedItemKeys.length <= 1) {
                        return
                    }
                    const key = this._getKeyByIndex(itemIndex);
                    if (!this._selection.isItemSelected(key, {
                            checkPending: true
                        })) {
                        return
                    }
                    this._selection.deselect([key])
                }
                _deleteItemElementByIndex(index) {
                    this._updateSelectionAfterDelete(index);
                    this._updateIndicesAfterIndex(index);
                    this._editStrategy.deleteItemAtIndex(index)
                }
                _afterItemElementDeleted($item, deletedActionArgs) {
                    const changingOption = this._dataController.getDataSource() ? "dataSource" : "items";
                    this._simulateOptionChange(changingOption);
                    this._itemEventHandler($item, "onItemDeleted", deletedActionArgs, {
                        beforeExecute() {
                            $item.remove()
                        },
                        excludeValidators: ["disabled", "readOnly"]
                    });
                    this._renderEmptyMessage()
                }
                deleteItem(itemElement) {
                    const deferred = (0, _deferred.Deferred)();
                    const $item = this._editStrategy.getItemElement(itemElement);
                    const index = this._editStrategy.getNormalizedIndex(itemElement);
                    const itemResponseWaitClass = this._itemResponseWaitClass();
                    if (indexExists(index)) {
                        this._waitDeletingPrepare($item).done(() => {
                            $item.addClass(itemResponseWaitClass);
                            const deletedActionArgs = this._extendActionArgs($item);
                            this._deleteItemFromDS($item).done(() => {
                                this._deleteItemElementByIndex(index);
                                this._afterItemElementDeleted($item, deletedActionArgs);
                                this._tryRefreshLastPage().done(() => {
                                    deferred.resolveWith(this)
                                })
                            }).fail(() => {
                                $item.removeClass(itemResponseWaitClass);
                                deferred.rejectWith(this)
                            })
                        }).fail(() => {
                            deferred.rejectWith(this)
                        })
                    } else {
                        deferred.rejectWith(this)
                    }
                    return deferred.promise()
                }
                reorderItem(itemElement, toItemElement) {
                    const deferred = (0, _deferred.Deferred)();
                    const strategy = this._editStrategy;
                    const $movingItem = strategy.getItemElement(itemElement);
                    const $destinationItem = strategy.getItemElement(toItemElement);
                    const movingIndex = strategy.getNormalizedIndex(itemElement);
                    const destinationIndex = strategy.getNormalizedIndex(toItemElement);
                    const changingOption = this._dataController.getDataSource() ? "dataSource" : "items";
                    const canMoveItems = indexExists(movingIndex) && indexExists(destinationIndex) && movingIndex !== destinationIndex;
                    if (canMoveItems) {
                        deferred.resolveWith(this)
                    } else {
                        deferred.rejectWith(this)
                    }
                    return deferred.promise().done(() => {
                        $destinationItem[strategy.itemPlacementFunc(movingIndex, destinationIndex)]($movingItem);
                        strategy.moveItemAtIndexToIndex(movingIndex, destinationIndex);
                        this._updateIndicesAfterIndex(movingIndex);
                        this.option("selectedItems", this._getItemsByKeys(this._selection.getSelectedItemKeys(), this._selection.getSelectedItems()));
                        if ("items" === changingOption) {
                            this._simulateOptionChange(changingOption)
                        }
                        this._itemEventHandler($movingItem, "onItemReordered", {
                            fromIndex: strategy.getIndex(movingIndex),
                            toIndex: strategy.getIndex(destinationIndex)
                        }, {
                            excludeValidators: ["disabled", "readOnly"]
                        })
                    })
                }
            }
            CollectionWidget._initUserOptions = {};
            exports.default = CollectionWidget
        },
        60232(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../../core/class */ 55620));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = class {
                constructor(collectionWidget) {
                    this._collectionWidget = collectionWidget
                }
                _getItems() {
                    const {
                        items: items = []
                    } = this._collectionWidget.option();
                    return items
                }
                getIndexByItemData(value) {
                    return _class.default.abstract()
                }
                getItemDataByIndex(index) {
                    return _class.default.abstract()
                }
                getKeysByItems(items) {
                    return _class.default.abstract()
                }
                getItemsByKeys(keys, items) {
                    return _class.default.abstract()
                }
                itemsGetter() {
                    return _class.default.abstract()
                }
                getKeyByIndex(index) {
                    const resultIndex = this._denormalizeItemIndex(index);
                    return this.getKeysByItems([this.getItemDataByIndex(resultIndex)])[0]
                }
                _equalKeys(key1, key2) {
                    if (this._collectionWidget._isKeySpecified()) {
                        return (0, _common.equalByValue)(key1, key2)
                    }
                    return key1 === key2
                }
                beginCache() {
                    this._cache = {}
                }
                endCache() {
                    this._cache = null
                }
                getIndexByKey(key) {
                    return _class.default.abstract()
                }
                getNormalizedIndex(value) {
                    if (this._isNode(value)) {
                        return this._getNormalizedItemIndex(value)
                    }
                    if (this._isNormalizedItemIndex(value)) {
                        return value
                    }
                    if (this._isItemIndex(value)) {
                        return this._normalizeItemIndex(value)
                    }
                    return this._normalizeItemIndex(this.getIndexByItemData(value))
                }
                getIndex(value) {
                    if (this._isNode(value)) {
                        return this._denormalizeItemIndex(this._getNormalizedItemIndex(value))
                    }
                    if (this._isNormalizedItemIndex(value)) {
                        return this._denormalizeItemIndex(value)
                    }
                    if (this._isItemIndex(value)) {
                        return value
                    }
                    return this.getIndexByItemData(value)
                }
                getItemElement(value) {
                    if (this._isNode(value)) {
                        return (0, _renderer.default)(value)
                    }
                    if (this._isNormalizedItemIndex(value)) {
                        return this._getItemByNormalizedIndex(value)
                    }
                    if (this._isItemIndex(value)) {
                        return this._getItemByNormalizedIndex(this._normalizeItemIndex(value))
                    }
                    const normalizedItemIndex = this._normalizeItemIndex(this.getIndexByItemData(value));
                    return this._getItemByNormalizedIndex(normalizedItemIndex)
                }
                _isNode(el) {
                    return _dom_adapter.default.isNode(el && (0, _type.isRenderer)(el) ? el.get(0) : el)
                }
                deleteItemAtIndex(index) {
                    return _class.default.abstract()
                }
                itemPlacementFunc(movingIndex, destinationIndex) {
                    return this._itemsFromSameParent(movingIndex, destinationIndex) && movingIndex < destinationIndex ? "after" : "before"
                }
                moveItemAtIndexToIndex(movingIndex, destinationIndex) {
                    return _class.default.abstract()
                }
                _isNormalizedItemIndex(index) {
                    return "number" === typeof index && Math.round(index) === index
                }
                _isItemIndex(index) {
                    return _class.default.abstract()
                }
                _getNormalizedItemIndex(value) {
                    return _class.default.abstract()
                }
                _normalizeItemIndex(index) {
                    return _class.default.abstract()
                }
                _denormalizeItemIndex(index) {
                    return _class.default.abstract()
                }
                _getItemByNormalizedIndex(index) {
                    return _class.default.abstract()
                }
                _itemsFromSameParent(movingIndex, destinationIndex) {
                    return _class.default.abstract()
                }
            }
        },
        83986(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _collection_widgetEdit = (e = __webpack_require__( /*! ../../ui/collection/collection_widget.edit.strategy */ 60232), e && e.__esModule ? e : {
                default: e
            });
            var e;
            class PlainEditStrategy extends _collection_widgetEdit.default {
                _getPlainItems() {
                    return this._getItems() ?? []
                }
                getIndexByItemData(itemData) {
                    const keyOf = this._collectionWidget.keyOf.bind(this._collectionWidget);
                    if (keyOf) {
                        return this.getIndexByKey(keyOf(itemData))
                    }
                    return this._getPlainItems().indexOf(itemData)
                }
                getItemDataByIndex(index) {
                    return this._getPlainItems()[index]
                }
                deleteItemAtIndex(index) {
                    this._getPlainItems().splice(index, 1)
                }
                itemsGetter() {
                    return this._getPlainItems()
                }
                getKeysByItems(items) {
                    const keyOf = this._collectionWidget.keyOf.bind(this._collectionWidget);
                    let result = items;
                    if (keyOf) {
                        result = items.map(item => keyOf(item))
                    }
                    return result
                }
                getIndexByKey(key) {
                    const cache = this._cache;
                    const keys = (null === cache || void 0 === cache ? void 0 : cache.keys) ?? this.getKeysByItems(this._getPlainItems());
                    if (cache && !cache.keys) {
                        cache.keys = keys
                    }
                    if ("object" === typeof key) {
                        for (let i = 0; i < keys.length; i += 1) {
                            if (this._equalKeys(key, keys[i])) {
                                return i
                            }
                        }
                    } else {
                        return keys.indexOf(key)
                    }
                    return -1
                }
                getItemsByKeys(keys, items) {
                    return (items ?? keys).slice()
                }
                moveItemAtIndexToIndex(movingIndex, destinationIndex) {
                    const items = this._getPlainItems();
                    const movedItemData = items[movingIndex];
                    items.splice(movingIndex, 1);
                    items.splice(destinationIndex, 0, movedItemData)
                }
                _isItemIndex(index) {
                    return this._isNormalizedItemIndex(index)
                }
                _getNormalizedItemIndex(itemElement) {
                    return this._collectionWidget._itemElements().index(itemElement)
                }
                _normalizeItemIndex(index) {
                    return index
                }
                _denormalizeItemIndex(index) {
                    return index
                }
                _getItemByNormalizedIndex(index) {
                    return index > -1 ? this._collectionWidget._itemElements().eq(index) : null
                }
                _itemsFromSameParent(_firstIndex, _secondIndex) {
                    return true
                }
            }
            exports.default = PlainEditStrategy
        },
        26821(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.PRIVATE_KEY_FIELD = void 0;
            var _array_utils = __webpack_require__( /*! ../../../common/data/array_utils */ 43792);
            var _utils = __webpack_require__( /*! ../../../common/data/utils */ 89358);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _array_compare = __webpack_require__( /*! ../../../core/utils/array_compare */ 13387);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _collection_widget = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/collection_widget.async */ 12191));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const PRIVATE_KEY_FIELD = exports.PRIVATE_KEY_FIELD = "__dx_key__";
            class CollectionWidgetLiveUpdate extends _collection_widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        repaintChangesOnly: false
                    })
                }
                reload() {}
                _init() {
                    super._init();
                    this._refreshItemsCache()
                }
                _findItemElementByKey(key) {
                    let result = (0, _renderer.default)();
                    const keyExpr = this.key();
                    this.itemElements().each((_, item) => {
                        const $item = (0, _renderer.default)(item);
                        const itemData = this._getItemData($item);
                        if (keyExpr ? (0, _utils.keysEqual)(keyExpr, this.keyOf(itemData), key) : this._isItemEquals(itemData, key)) {
                            result = $item;
                            return false
                        }
                        return true
                    });
                    return result
                }
                _dataSourceChangedHandler(newItems, e) {
                    if (null !== e && void 0 !== e && e.changes) {
                        this._modifyByChanges(e.changes)
                    } else {
                        super._dataSourceChangedHandler(newItems, e);
                        this._refreshItemsCache()
                    }
                }
                _isItemEquals(item1, item2) {
                    let itemToCompare = item1;
                    if (item1 && "object" === typeof item1 && item1[PRIVATE_KEY_FIELD]) {
                        itemToCompare = item1.data
                    }
                    try {
                        return JSON.stringify(itemToCompare) === JSON.stringify(item2)
                    } catch (e) {
                        return itemToCompare === item2
                    }
                }
                _isItemStrictEquals(item1, item2) {
                    return this._isItemEquals(item1, item2)
                }
                _shouldAddNewGroup(changes, items) {
                    let result = false;
                    const {
                        grouped: grouped
                    } = this.option();
                    if (grouped) {
                        if (!changes.length) {
                            result = true
                        }(0, _iterator.each)(changes, (i, change) => {
                            if ("insert" === change.type) {
                                result = true;
                                (0, _iterator.each)(items, (_, item) => {
                                    if (void 0 !== change.data.key && change.data.key === item.key) {
                                        result = false;
                                        return false
                                    }
                                    return true
                                })
                            }
                        })
                    }
                    return result
                }
                _partialRefresh() {
                    const {
                        repaintChangesOnly: repaintChangesOnly
                    } = this.option();
                    if (repaintChangesOnly) {
                        const keyOf = data => {
                            if (data && void 0 !== data[PRIVATE_KEY_FIELD]) {
                                return data[PRIVATE_KEY_FIELD]
                            }
                            return this.keyOf(data)
                        };
                        const result = (0, _array_compare.findChanges)({
                            oldItems: this._itemsCache,
                            newItems: this._editStrategy.itemsGetter(),
                            getKey: keyOf,
                            isItemEquals: this._isItemStrictEquals.bind(this),
                            detectReorders: true
                        });
                        if (result && this._itemsCache.length && !this._shouldAddNewGroup(result, this._itemsCache)) {
                            this._modifyByChanges(result, true);
                            this._renderEmptyMessage();
                            return true
                        }
                        this._refreshItemsCache()
                    }
                    return false
                }
                _refreshItemsCache() {
                    const {
                        repaintChangesOnly: repaintChangesOnly
                    } = this.option();
                    if (repaintChangesOnly) {
                        const items = this._editStrategy.itemsGetter();
                        try {
                            this._itemsCache = (0, _extend.extend)(true, [], items);
                            if (!this.key()) {
                                this._itemsCache = this._itemsCache.map((itemCache, index) => ({
                                    [PRIVATE_KEY_FIELD]: items[index],
                                    data: itemCache
                                }))
                            }
                        } catch (e) {
                            this._itemsCache = (0, _extend.extend)([], items)
                        }
                    }
                }
                _updateByChange(keyInfo, items, change, isPartialRefresh) {
                    if (isPartialRefresh) {
                        this._renderItem(change.index, change.data, null, this._findItemElementByKey(change.key))
                    } else {
                        const changedItem = items[(0, _array_utils.indexByKey)(keyInfo, items, change.key)];
                        if (changedItem) {
                            (0, _array_utils.update)(keyInfo, items, change.key, change.data).done(() => {
                                this._renderItem(items.indexOf(changedItem), changedItem, null, this._findItemElementByKey(change.key))
                            })
                        }
                    }
                }
                _insertByChange(keyInfo, items, change, isPartialRefresh) {
                    (0, _deferred.when)(isPartialRefresh ?? (0, _array_utils.insert)(keyInfo, items, change.data, change.index)).done(() => {
                        this._beforeItemElementInserted(change);
                        this._renderItem(change.index ?? items.length, change.data);
                        this._afterItemElementInserted()
                    })
                }
                _updateSelectionAfterRemoveByChange(removeIndex) {
                    const {
                        selectedIndex: selectedIndex,
                        selectedItems: selectedItems = []
                    } = this.option();
                    const index = selectedIndex;
                    if (index > removeIndex) {
                        this.option("selectedIndex", index - 1)
                    } else if (index === removeIndex && 1 === selectedItems.length) {
                        this.option("selectedItems", [])
                    } else {
                        this._normalizeSelectedItems()
                    }
                }
                _beforeItemElementInserted(change) {
                    const {
                        selectedIndex: selectedIndex
                    } = this.option();
                    const index = selectedIndex;
                    if (change.index <= index) {
                        this.option("selectedIndex", index + 1)
                    }
                }
                _afterItemElementInserted() {
                    this._renderEmptyMessage()
                }
                _removeByChange(keyInfo, items, change, isPartialRefresh) {
                    const index = isPartialRefresh ? change.index : (0, _array_utils.indexByKey)(keyInfo, items, change.key);
                    const removedItem = isPartialRefresh ? change.oldItem : items[index];
                    if (removedItem) {
                        const $removedItemElement = this._findItemElementByKey(change.key);
                        const deletedActionArgs = this._extendActionArgs($removedItemElement);
                        this._waitDeletingPrepare($removedItemElement).done(() => {
                            if (isPartialRefresh) {
                                this._updateIndicesAfterIndex(index - 1);
                                this._afterItemElementDeleted($removedItemElement, deletedActionArgs);
                                this._updateSelectionAfterRemoveByChange(index)
                            } else {
                                this._deleteItemElementByIndex(index);
                                this._afterItemElementDeleted($removedItemElement, deletedActionArgs)
                            }
                        })
                    }
                }
                _modifyByChanges(changes, isPartialRefresh) {
                    const items = this._editStrategy.itemsGetter();
                    const keyInfo = {
                        key: this.key.bind(this),
                        keyOf: this.keyOf.bind(this)
                    };
                    const dataController = this._dataController;
                    const paginate = dataController.paginate();
                    const group = dataController.group();
                    let filteredChanges = changes;
                    if (paginate || group) {
                        filteredChanges = changes.filter(item => "insert" !== item.type || void 0 !== item.index)
                    }
                    filteredChanges.forEach(change => this[`_${change.type}ByChange`](keyInfo, items, change, isPartialRefresh));
                    this._renderedItemsCount = items.length;
                    this._refreshItemsCache();
                    this._fireContentReadyAction()
                }
                _appendItemToContainer($container, $itemFrame, index) {
                    const nextSiblingElement = $container.children(this._itemSelector())[index];
                    _dom_adapter.default.insertElement($container[0], $itemFrame[0], nextSiblingElement)
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "items": {
                            const isItemsUpdated = this._partialRefresh();
                            if (!isItemsUpdated) {
                                super._optionChanged(args)
                            }
                            break
                        }
                        case "dataSource": {
                            const {
                                repaintChangesOnly: repaintChangesOnly
                            } = this.option();
                            if (!repaintChangesOnly || !value) {
                                this.option("items", [])
                            }
                            super._optionChanged(args);
                            break
                        }
                        case "repaintChangesOnly":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            exports.default = CollectionWidgetLiveUpdate
        },
        30845(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _public_component = __webpack_require__( /*! ../../../core/utils/public_component */ 85521);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            exports.default = class {
                constructor($element, options, rawData) {
                    this._$element = $element;
                    this._options = options;
                    this._rawData = rawData;
                    (0, _public_component.attachInstanceToElement)($element, this, this._dispose);
                    this._render()
                }
                _render() {
                    const $placeholder = (0, _renderer.default)("<div>").addClass("dx-item-content-placeholder");
                    this._$element.append($placeholder);
                    this._watchers = [];
                    this._renderWatchers()
                }
                _renderWatchers() {
                    this._startWatcher("disabled", this._renderDisabled.bind(this));
                    this._startWatcher("visible", this._renderVisible.bind(this))
                }
                _startWatcher(field, render) {
                    const rawData = this._rawData;
                    const exprGetter = this._options.fieldGetter(field);
                    const watcher = ((watchMethod, fn, callback) => {
                        const filteredCallback = (() => {
                            let oldValue;
                            return value => {
                                if (oldValue !== value) {
                                    callback(value, oldValue);
                                    oldValue = value
                                }
                            }
                        })();
                        return {
                            dispose: watchMethod(fn, filteredCallback),
                            force() {
                                filteredCallback(fn())
                            }
                        }
                    })(this._options.watchMethod(), () => exprGetter(rawData), (value, oldValue) => {
                        this._dirty = true;
                        render(value, oldValue)
                    });
                    this._watchers.push(watcher)
                }
                setDataField() {
                    this._dirty = false;
                    (0, _iterator.each)(this._watchers, (_, watcher) => {
                        watcher.force()
                    });
                    return this._dirty
                }
                _renderDisabled(value, oldValue) {
                    this._$element.toggleClass("dx-state-disabled", !!value);
                    this._$element.attr("aria-disabled", !!value);
                    this._updateOwnerFocus(value)
                }
                _updateOwnerFocus(isDisabled) {
                    const ownerComponent = this._options.owner;
                    if (ownerComponent && isDisabled) {
                        ownerComponent._resetItemFocus(this._$element)
                    }
                }
                _renderVisible(value, oldValue) {
                    this._$element.toggleClass("dx-state-invisible", void 0 !== value && !value)
                }
                _dispose() {
                    (0, _iterator.each)(this._watchers, (_, watcher) => {
                        watcher.dispose()
                    })
                }
                static getInstance($element) {
                    return (0, _public_component.getInstanceByElement)($element, this)
                }
                static isClickableItem(item) {
                    return (0, _type.isObject)(item) && "onClick" in item
                }
            }
        },
        5285(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            const DataControllerMock = {
                load: () => (0, _deferred.Deferred)().reject(),
                loadSingle: () => (0, _deferred.Deferred)().reject(),
                loadFromStore: () => (0, _deferred.Deferred)().reject(),
                loadNextPage: () => (0, _deferred.Deferred)().reject(),
                loadOptions: _common.noop,
                userData: _common.noop,
                cancel: _common.noop,
                cancelAll: _common.noop,
                filter: _common.noop,
                addSearchFilter: _common.noop,
                group: _common.noop,
                paginate: _common.noop,
                pageSize: _common.noop,
                pageIndex: _common.noop,
                resetDataSourcePageIndex: _common.noop,
                totalCount: _common.noop,
                isLastPage: _common.noop,
                isLoading: _common.noop,
                isLoaded: _common.noop,
                searchValue: _common.noop,
                searchOperation: _common.noop,
                searchExpr: _common.noop,
                select: _common.noop,
                key: _common.noop,
                keyOf: _common.noop,
                store: _common.noop,
                items: _common.noop,
                applyMapFunction: _common.noop,
                getDataSource: _common.noop,
                reload: _common.noop,
                on: _common.noop,
                off: _common.noop
            };
            exports.default = class {
                constructor(dataSource) {
                    if (!dataSource) {
                        return DataControllerMock
                    }
                    this._dataSource = dataSource
                }
                load() {
                    return this._dataSource.load()
                }
                loadSingle(propName, propValue) {
                    if (arguments.length < 2) {
                        propValue = propName;
                        propName = this.key()
                    }
                    return this._dataSource.loadSingle(propName, propValue)
                }
                loadFromStore(loadOptions) {
                    return this.store().load(loadOptions)
                }
                loadNextPage() {
                    this.pageIndex(1 + this.pageIndex());
                    return this.load()
                }
                loadOptions() {
                    return this._dataSource.loadOptions()
                }
                userData() {
                    return this._dataSource._userData
                }
                cancel(operationId) {
                    this._dataSource.cancel(operationId)
                }
                cancelAll() {
                    this._dataSource.cancelAll()
                }
                filter(filter) {
                    return this._dataSource.filter(filter)
                }
                addSearchFilter(storeLoadOptions) {
                    this._dataSource._addSearchFilter(storeLoadOptions)
                }
                group(group) {
                    return this._dataSource.group(group)
                }
                paginate() {
                    return this._dataSource.paginate()
                }
                pageSize() {
                    return this._dataSource._pageSize
                }
                pageIndex(pageIndex) {
                    return this._dataSource.pageIndex(pageIndex)
                }
                resetDataSourcePageIndex() {
                    if (this.pageIndex()) {
                        this.pageIndex(0);
                        this.load()
                    }
                }
                totalCount() {
                    return this._dataSource.totalCount()
                }
                isLastPage() {
                    return this._dataSource.isLastPage() || !this._dataSource._pageSize
                }
                isLoading() {
                    return this._dataSource.isLoading()
                }
                isLoaded() {
                    return this._dataSource.isLoaded()
                }
                searchValue(value) {
                    if (!arguments.length) {
                        return this._dataSource.searchValue()
                    }
                    return this._dataSource.searchValue(value)
                }
                searchOperation(operation) {
                    return this._dataSource.searchOperation(operation)
                }
                searchExpr(expr) {
                    if (!arguments.length) {
                        return this._dataSource.searchExpr()
                    }
                    return this._dataSource.searchExpr(expr)
                }
                select() {
                    return this._dataSource.select(...arguments)
                }
                key() {
                    return this._dataSource.key()
                }
                keyOf(item) {
                    return this.store().keyOf(item)
                }
                store() {
                    return this._dataSource.store()
                }
                items() {
                    return this._dataSource.items()
                }
                applyMapFunction(data) {
                    return this._dataSource._applyMapFunction(data)
                }
                getDataSource() {
                    return this._dataSource || null
                }
                reload() {
                    return this._dataSource.reload()
                }
                on(event, handler) {
                    this._dataSource.on(event, handler)
                }
                off(event, handler) {
                    this._dataSource.off(event, handler)
                }
            }
        },
        47843(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getOperationBySearchMode = exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _m_stubs = __webpack_require__( /*! ../../core/utils/m_stubs */ 47453);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.getOperationBySearchMode = searchMode => "equals" === searchMode ? "=" : searchMode;
            class SearchBoxController {
                static setEditorClass(value) {
                    SearchBoxController.EditorClass = value
                }
                render(widgetPrefix, $container, options, createEditorCallback) {
                    const rootElementClassName = `${widgetPrefix}-with-search`;
                    const searchBoxClassName = `${widgetPrefix}-search`;
                    const {
                        searchEnabled: searchEnabled,
                        onValueChanged: onValueChanged
                    } = options;
                    this._onSearchBoxValueChanged = onValueChanged;
                    if (!searchEnabled) {
                        $container.removeClass(rootElementClassName);
                        this.remove();
                        return
                    }
                    if (this._editor) {
                        this.updateEditorOptions(options)
                    } else {
                        const editorOptions = this._getEditorOptions(options);
                        $container.addClass(rootElementClassName);
                        const $editor = (0, _renderer.default)("<div>").addClass(searchBoxClassName).prependTo($container);
                        this._editor = createEditorCallback($editor, SearchBoxController.EditorClass, editorOptions)
                    }
                }
                updateEditorOptions(options) {
                    var _this$_editor;
                    const editorOptions = this._getEditorOptions(options);
                    null === (_this$_editor = this._editor) || void 0 === _this$_editor || _this$_editor.option(editorOptions)
                }
                _getEditorOptions(options) {
                    const {
                        tabIndex: tabIndex,
                        searchValue: searchValue,
                        searchEditorOptions: searchEditorOptions,
                        searchTimeout: searchTimeout
                    } = options;
                    const placeholder = _message.default.format("Search");
                    return Object.assign({
                        mode: "search",
                        placeholder: placeholder,
                        tabIndex: tabIndex,
                        value: searchValue,
                        valueChangeEvent: "input",
                        inputAttr: {
                            "aria-label": placeholder
                        },
                        onValueChanged: e => {
                            this._onValueChanged(e, searchTimeout)
                        }
                    }, searchEditorOptions)
                }
                _onValueChanged(e) {
                    var _e$event;
                    let searchTimeout = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0;
                    this._valueChangeDeferred = (0, _deferred.Deferred)();
                    clearTimeout(this._valueChangeTimeout);
                    this._valueChangeDeferred.done(() => {
                        var _this$_onSearchBoxVal;
                        null === (_this$_onSearchBoxVal = this._onSearchBoxValueChanged) || void 0 === _this$_onSearchBoxVal || _this$_onSearchBoxVal.call(this, e.value)
                    });
                    if ("input" === (null === (_e$event = e.event) || void 0 === _e$event ? void 0 : _e$event.type) && searchTimeout) {
                        this._valueChangeTimeout = setTimeout(() => {
                            var _this$_valueChangeDef;
                            null === (_this$_valueChangeDef = this._valueChangeDeferred) || void 0 === _this$_valueChangeDef || _this$_valueChangeDef.resolve()
                        }, searchTimeout)
                    } else {
                        var _this$_valueChangeDef2;
                        null === (_this$_valueChangeDef2 = this._valueChangeDeferred) || void 0 === _this$_valueChangeDef2 || _this$_valueChangeDef2.resolve()
                    }
                }
                resolveValueChange() {
                    var _this$_valueChangeDef3;
                    null === (_this$_valueChangeDef3 = this._valueChangeDeferred) || void 0 === _this$_valueChangeDef3 || _this$_valueChangeDef3.resolve()
                }
                remove() {
                    var _this$_editor2;
                    null === (_this$_editor2 = this._editor) || void 0 === _this$_editor2 || _this$_editor2.$element().remove();
                    this._editor = null
                }
                focus() {
                    var _this$_editor3;
                    null === (_this$_editor3 = this._editor) || void 0 === _this$_editor3 || _this$_editor3.focus()
                }
                dispose() {
                    this.remove()
                }
            }
            SearchBoxController.EditorClass = (0, _m_stubs.stubComponent)("TextBox");
            exports.default = SearchBoxController
        },
        26988(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.DX_ICON_COLOR_DISMISS = exports.DX_ICON_CLASS = void 0;
            var _color = _interopRequireDefault(__webpack_require__( /*! ../../../color */ 43101));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _m_drop_down_editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/drop_down_editor/m_drop_down_editor */ 28906));
            var _m_color_view = _interopRequireDefault(__webpack_require__( /*! ./m_color_view */ 98264));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DX_ICON_CLASS = exports.DX_ICON_CLASS = "dx-icon";
            const DX_ICON_COLOR_DISMISS = exports.DX_ICON_COLOR_DISMISS = "dx-icon-colordismiss";
            const colorEditorPrototype = _m_color_view.default.prototype;
            const colorUtils = {
                makeTransparentBackground: colorEditorPrototype._makeTransparentBackground.bind(colorEditorPrototype),
                makeRgba: colorEditorPrototype._makeRgba.bind(colorEditorPrototype)
            };
            class ColorBox extends _m_drop_down_editor.default {
                _supportedKeys() {
                    const arrowHandler = function(e) {
                        e.stopPropagation();
                        if (this.option("opened")) {
                            e.preventDefault();
                            return true
                        }
                    };
                    return Object.assign({}, super._supportedKeys(), {
                        enter: this._enterKeyHandler,
                        leftArrow: arrowHandler,
                        rightArrow: arrowHandler,
                        upArrow: function(e) {
                            if (!this.option("opened")) {
                                e.preventDefault();
                                return false
                            }
                            if (e.altKey) {
                                this.close();
                                return false
                            }
                            return true
                        },
                        downArrow: function(e) {
                            if (!this.option("opened") && !e.altKey) {
                                e.preventDefault();
                                return false
                            }
                            if (!this.option("opened") && e.altKey) {
                                this._validatedOpening();
                                return false
                            }
                            return true
                        }
                    })
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        editAlphaChannel: false,
                        applyValueMode: "useButtons",
                        keyStep: 1,
                        fieldTemplate: null,
                        buttonsLocation: "bottom after"
                    })
                }
                _popupHidingHandler() {
                    super._popupHidingHandler();
                    const {
                        applyValueMode: applyValueMode
                    } = this.option();
                    if ("useButtons" === applyValueMode) {
                        this._updateColorViewValue(this.option("value"))
                    }
                }
                _popupConfig() {
                    return Object.assign({}, super._popupConfig(), {
                        width: ""
                    })
                }
                _contentReadyHandler() {
                    this._createColorView();
                    this._addPopupBottomClasses()
                }
                _addPopupBottomClasses() {
                    const $popupBottom = this._popup.bottomToolbar();
                    if ($popupBottom) {
                        $popupBottom.addClass("dx-colorview-container-cell").addClass("dx-colorview-button-cell").find(".dx-toolbar-items-container").addClass("dx-colorview-buttons-container");
                        $popupBottom.find(".dx-popup-done").addClass("dx-colorview-apply-button");
                        $popupBottom.find(".dx-popup-cancel").addClass("dx-colorview-cancel-button")
                    }
                }
                _createColorView() {
                    this._popup.$overlayContent().addClass("dx-colorbox-overlay");
                    const $content = this._popup.$content();
                    if (!$content) {
                        return
                    }
                    const $colorView = (0, _renderer.default)("<div>").appendTo($content);
                    this._colorView = this._createComponent($colorView, _m_color_view.default, this._colorViewConfig())
                }
                _applyNewColor(value) {
                    this.option("value", value);
                    this._updateNoColorIndicator();
                    if (this._colorViewEnterKeyPressed) {
                        this.close();
                        this._colorViewEnterKeyPressed = false
                    }
                }
                _colorViewConfig() {
                    const {
                        editAlphaChannel: editAlphaChannel,
                        value: value,
                        applyValueMode: applyValueMode,
                        focusStateEnabled: focusStateEnabled,
                        stylingMode: stylingMode
                    } = this.option();
                    const that = this;
                    return {
                        value: value,
                        matchValue: value,
                        editAlphaChannel: editAlphaChannel,
                        applyValueMode: applyValueMode,
                        focusStateEnabled: focusStateEnabled,
                        stylingMode: stylingMode,
                        target: this._input(),
                        onEnterKeyPressed(_ref) {
                            let {
                                event: event
                            } = _ref;
                            that._colorViewEnterKeyPressed = true;
                            if (that._colorView.option("value") !== that.option("value")) {
                                that._saveValueChangeEvent(event);
                                that._applyNewColor(that._colorView.option("value"));
                                that.close()
                            }
                        },
                        onValueChanged(_ref2) {
                            let {
                                event: event,
                                value: value,
                                previousValue: previousValue
                            } = _ref2;
                            const instantlyMode = "instantly" === that.option("applyValueMode");
                            const isOldValue = colorUtils.makeRgba(value) === previousValue;
                            const changesApplied = instantlyMode || that._colorViewEnterKeyPressed;
                            const valueCleared = that._shouldSaveEmptyValue;
                            if (isOldValue || !changesApplied || valueCleared) {
                                return
                            }
                            if (event) {
                                that._saveValueChangeEvent(event)
                            }
                            that._applyNewColor(value)
                        }
                    }
                }
                _enterKeyHandler(e) {
                    const newValue = this._input().val();
                    const {
                        value: value,
                        editAlphaChannel: editAlphaChannel
                    } = this.option();
                    const oldValue = value && editAlphaChannel ? colorUtils.makeRgba(value) : value;
                    if (!newValue) {
                        return false
                    }
                    const color = new _color.default(newValue);
                    if (color.colorIsInvalid) {
                        this._input().val(null === oldValue ? void 0 : oldValue);
                        return
                    }
                    if (newValue !== oldValue) {
                        this._applyColorFromInput(newValue);
                        this._saveValueChangeEvent(e);
                        this.option("value", this.option("editAlphaChannel") ? colorUtils.makeRgba(newValue) : newValue)
                    }
                    if (this._colorView) {
                        const colorViewValue = this._colorView.option("value");
                        if (value !== colorViewValue) {
                            this._saveValueChangeEvent(e);
                            this.option("value", colorViewValue)
                        }
                    }
                    this.close();
                    return false
                }
                _applyButtonHandler(e) {
                    this._saveValueChangeEvent(e.event);
                    this._applyNewColor(this._colorView.option("value"));
                    super._applyButtonHandler()
                }
                _cancelButtonHandler() {
                    this._resetInputValue();
                    super._cancelButtonHandler()
                }
                _getKeyboardListeners() {
                    return super._getKeyboardListeners().concat([this._colorView])
                }
                _init() {
                    super._init()
                }
                _initMarkup() {
                    this.$element().addClass("dx-colorbox");
                    super._initMarkup()
                }
                _renderInput() {
                    super._renderInput();
                    this._input().addClass("dx-colorbox-input");
                    this._renderColorPreview()
                }
                _renderNoColorIcon() {
                    if (!this._$noColorIcon || !this._$noColorIcon.length) {
                        this._$noColorIcon = (0, _renderer.default)("<i>").addClass(`${DX_ICON_CLASS} ${DX_ICON_COLOR_DISMISS}`).appendTo(this._$colorResultPreview)
                    }
                }
                _updateNoColorIndicator() {
                    const {
                        value: value
                    } = this.option();
                    const hasValue = Boolean(value);
                    this._$colorBoxInputContainer.toggleClass("dx-colorbox-color-is-not-defined", !hasValue);
                    if (hasValue) {
                        this._cleanNoColorIcon();
                        colorUtils.makeTransparentBackground(this._$colorResultPreview, value)
                    } else {
                        this._$colorResultPreview.removeAttr("style");
                        this._renderNoColorIcon()
                    }
                }
                _renderColorPreview() {
                    this.$element().wrapInner((0, _renderer.default)("<div>").addClass("dx-colorbox-input-container"));
                    this._$colorBoxInputContainer = this.$element().children().eq(0);
                    if (!this._$textEditorInputContainer) {
                        return
                    }
                    this._$colorResultPreview = (0, _renderer.default)("<div>").addClass("dx-colorbox-color-result-preview").appendTo(this._$textEditorInputContainer);
                    this._updateNoColorIndicator()
                }
                _renderValue() {
                    const {
                        value: value,
                        editAlphaChannel: editAlphaChannel
                    } = this.option();
                    const shouldConvertToColor = value && editAlphaChannel;
                    const text = shouldConvertToColor ? colorUtils.makeRgba(value) : value;
                    this.option("text", text);
                    return super._renderValue()
                }
                _resetInputValue() {
                    const $input = this._input();
                    const value = this.option("value");
                    $input.val(value);
                    this._updateColorViewValue(value)
                }
                _updateColorViewValue(value) {
                    if (this._colorView) {
                        this._colorView.option({
                            value: value,
                            matchValue: value
                        })
                    }
                }
                _valueChangeEventHandler(e) {
                    let value = this._input().val();
                    if (value) {
                        value = this._applyColorFromInput(value);
                        this._updateColorViewValue(value)
                    }
                    super._valueChangeEventHandler(e, value)
                }
                _applyColorFromInput(value) {
                    const {
                        editAlphaChannel: editAlphaChannel
                    } = this.option();
                    const newColor = new _color.default(value);
                    if (newColor.colorIsInvalid) {
                        this._resetInputValue();
                        return this.option("value")
                    }
                    if (editAlphaChannel) {
                        return colorUtils.makeRgba(value)
                    }
                    return value
                }
                _shouldLogFieldTemplateDeprecationWarning() {
                    return true
                }
                _cleanNoColorIcon() {
                    var _this$_$noColorIcon;
                    null === (_this$_$noColorIcon = this._$noColorIcon) || void 0 === _this$_$noColorIcon || _this$_$noColorIcon.remove();
                    this._$noColorIcon = void 0
                }
                _clean() {
                    super._clean();
                    delete this._shouldSaveEmptyValue;
                    this._cleanNoColorIcon()
                }
                _valueOptionChangeHandler() {
                    const {
                        value: value
                    } = this.option();
                    if (null === value) {
                        this._shouldSaveEmptyValue = true
                    }
                    this._updateNoColorIndicator();
                    this._updateColorViewValue(value);
                    this._shouldSaveEmptyValue = false
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "value":
                            this._valueOptionChangeHandler();
                            super._optionChanged(args);
                            break;
                        case "applyButtonText":
                        case "cancelButtonText":
                            super._optionChanged(args);
                            this._popup && this._addPopupBottomClasses();
                            break;
                        case "editAlphaChannel":
                        case "keyStep":
                            if (this._colorView) {
                                this._colorView.option(name, value)
                            }
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }(0, _component_registrator.default)("dxColorBox", ColorBox);
            exports.default = ColorBox
        },
        98264(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _color = _interopRequireDefault(__webpack_require__( /*! ../../../color */ 43101));
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _draggable = _interopRequireDefault(__webpack_require__( /*! ../../../ui/draggable */ 5298));
            var _editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/editor/editor */ 24768));
            var _m_number_box = _interopRequireDefault(__webpack_require__( /*! ../../ui/number_box/m_number_box */ 42284));
            var _m_text_box = _interopRequireDefault(__webpack_require__( /*! ../../ui/text_box/m_text_box */ 85968));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const COLOR_VIEW_PALETTE_GRADIENT_CLASS = "dx-colorview-palette-gradient";
            const COLOR_VIEW_PALETTE_GRADIENT_WHITE_CLASS = "dx-colorview-palette-gradient-white";
            const COLOR_VIEW_PALETTE_GRADIENT_BLACK_CLASS = "dx-colorview-palette-gradient-black";
            const COLOR_VIEW_COLOR_PREVIEW = "dx-colorview-color-preview";
            const COLOR_VIEW_COLOR_PREVIEW_COLOR_CURRENT = "dx-colorview-color-preview-color-current";
            const COLOR_VIEW_COLOR_PREVIEW_COLOR_NEW = "dx-colorview-color-preview-color-new";
            class ColorView extends _editor.default {
                _supportedKeys() {
                    const isRTL = this.option("rtlEnabled");
                    const that = this;
                    const getHorizontalPaletteStep = function(e) {
                        let step = 100 / that._paletteWidth;
                        if (e.shiftKey) {
                            const {
                                keyStep: keyStep
                            } = that.option();
                            step *= keyStep
                        }
                        step = step > 1 ? step : 1;
                        return Math.round(step)
                    };
                    const updateHorizontalPaletteValue = function(step) {
                        let value = that._currentColor.hsv.s + step;
                        if (value > 100) {
                            value = 100
                        } else if (value < 0) {
                            value = 0
                        }
                        that._currentColor.hsv.s = value;
                        updatePaletteValue()
                    };
                    const getVerticalPaletteStep = function(e) {
                        let step = 100 / that._paletteHeight;
                        if (e.shiftKey) {
                            const {
                                keyStep: keyStep
                            } = that.option();
                            step *= keyStep
                        }
                        step = step > 1 ? step : 1;
                        return Math.round(step)
                    };
                    const updateVerticalPaletteValue = function(step) {
                        let value = that._currentColor.hsv.v + step;
                        if (value > 100) {
                            value = 100
                        } else if (value < 0) {
                            value = 0
                        }
                        that._currentColor.hsv.v = value;
                        updatePaletteValue()
                    };

                    function updatePaletteValue() {
                        that._placePaletteHandle();
                        that._updateColorFromHsv(that._currentColor.hsv.h, that._currentColor.hsv.s, that._currentColor.hsv.v)
                    }
                    const getHueScaleStep = function(e) {
                        let step = 360 / (that._hueScaleWrapperHeight - that._hueScaleHandleHeight);
                        if (e.shiftKey) {
                            const {
                                keyStep: keyStep
                            } = that.option();
                            step *= keyStep
                        }
                        step = step > 1 ? step : 1;
                        return step
                    };
                    const updateHueScaleValue = function(step) {
                        that._currentColor.hsv.h += step;
                        that._placeHueScaleHandle();
                        const handleLocation = (0, _translator.locate)(that._$hueScaleHandle);
                        that._updateColorHue(handleLocation.top + that._hueScaleHandleHeight / 2)
                    };
                    const getAlphaScaleStep = function(e) {
                        let step = 1 / that._alphaChannelScaleWorkWidth;
                        if (e.shiftKey) {
                            const {
                                keyStep: keyStep
                            } = that.option();
                            step *= keyStep
                        }
                        step = step > .01 ? step : .01;
                        step = isRTL ? -step : step;
                        return step
                    };
                    const updateAlphaScaleValue = function(step) {
                        that._currentColor.a += step;
                        that._placeAlphaChannelHandle();
                        const handleLocation = (0, _translator.locate)(that._$alphaChannelHandle);
                        that._calculateColorTransparencyByScaleWidth(handleLocation.left + that._alphaChannelHandleWidth / 2)
                    };
                    return Object.assign({}, super._supportedKeys(), {
                        upArrow(e) {
                            e.preventDefault();
                            e.stopPropagation();
                            if ((0, _index.isCommandKeyPressed)(e)) {
                                if (this._currentColor.hsv.h <= 360 && !this._isTopColorHue) {
                                    this._saveValueChangeEvent(e);
                                    updateHueScaleValue(getHueScaleStep(e))
                                }
                            } else if (this._currentColor.hsv.v < 100) {
                                this._saveValueChangeEvent(e);
                                updateVerticalPaletteValue(getVerticalPaletteStep(e))
                            }
                        },
                        downArrow(e) {
                            e.preventDefault();
                            e.stopPropagation();
                            if ((0, _index.isCommandKeyPressed)(e)) {
                                if (this._currentColor.hsv.h >= 0) {
                                    if (this._isTopColorHue) {
                                        this._currentColor.hsv.h = 360
                                    }
                                    this._saveValueChangeEvent(e);
                                    updateHueScaleValue(-getHueScaleStep(e))
                                }
                            } else if (this._currentColor.hsv.v > 0) {
                                this._saveValueChangeEvent(e);
                                updateVerticalPaletteValue(-getVerticalPaletteStep(e))
                            }
                        },
                        rightArrow(e) {
                            e.preventDefault();
                            e.stopPropagation();
                            if ((0, _index.isCommandKeyPressed)(e)) {
                                if (isRTL ? this._currentColor.a < 1 : this._currentColor.a > 0 && this.option("editAlphaChannel")) {
                                    this._saveValueChangeEvent(e);
                                    updateAlphaScaleValue(-getAlphaScaleStep(e))
                                }
                            } else if (this._currentColor.hsv.s < 100) {
                                this._saveValueChangeEvent(e);
                                updateHorizontalPaletteValue(getHorizontalPaletteStep(e))
                            }
                        },
                        leftArrow(e) {
                            e.preventDefault();
                            e.stopPropagation();
                            if ((0, _index.isCommandKeyPressed)(e)) {
                                if (isRTL ? this._currentColor.a > 0 : this._currentColor.a < 1 && this.option("editAlphaChannel")) {
                                    this._saveValueChangeEvent(e);
                                    updateAlphaScaleValue(getAlphaScaleStep(e))
                                }
                            } else if (this._currentColor.hsv.s > 0) {
                                this._saveValueChangeEvent(e);
                                updateHorizontalPaletteValue(-getHorizontalPaletteStep(e))
                            }
                        },
                        enter(e) {
                            this._fireEnterKeyPressed(e)
                        }
                    })
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        value: null,
                        matchValue: null,
                        onEnterKeyPressed: void 0,
                        editAlphaChannel: false,
                        keyStep: 1,
                        stylingMode: void 0
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }])
                }
                _init() {
                    super._init();
                    this._initColorAndOpacity();
                    this._initEnterKeyPressedAction()
                }
                _initEnterKeyPressedAction() {
                    this._onEnterKeyPressedAction = this._createActionByOption("onEnterKeyPressed")
                }
                _fireEnterKeyPressed(e) {
                    if (!this._onEnterKeyPressedAction) {
                        return
                    }
                    this._onEnterKeyPressedAction({
                        event: e
                    })
                }
                _initColorAndOpacity() {
                    this._setCurrentColor(this.option("value"))
                }
                _setCurrentColor(value) {
                    value = value || "#000000";
                    const newColor = new _color.default(value);
                    if (!newColor.colorIsInvalid) {
                        if (!this._currentColor || this._makeRgba(this._currentColor) !== this._makeRgba(newColor)) {
                            this._currentColor = newColor;
                            if (this._$currentColor) {
                                this._makeTransparentBackground(this._$currentColor, newColor)
                            }
                        }
                    } else {
                        if (!this._currentColor) {
                            this._currentColor = new _color.default("#000000")
                        }
                        this.option("value", this._currentColor.baseColor)
                    }
                }
                _setBaseColor(value) {
                    const color = value || "#000000";
                    const newColor = new _color.default(color);
                    if (!newColor.colorIsInvalid) {
                        const {
                            matchValue: matchValue
                        } = this.option();
                        const isBaseColorChanged = this._makeRgba(matchValue !== this._makeRgba(newColor));
                        if (isBaseColorChanged) {
                            if (this._$baseColor) {
                                this._makeTransparentBackground(this._$baseColor, newColor)
                            }
                        }
                    }
                }
                _initMarkup() {
                    super._initMarkup();
                    this.$element().addClass("dx-colorview");
                    this._renderColorPickerContainer()
                }
                _render() {
                    super._render();
                    this._renderPalette();
                    this._renderHueScale();
                    this._renderControlsContainer();
                    this._renderControls();
                    this._renderAlphaChannelElements()
                }
                _makeTransparentBackground($el, color) {
                    if (!(color instanceof _color.default)) {
                        color = new _color.default(color)
                    }
                    $el.css("backgroundColor", this._makeRgba(color))
                }
                _makeRgba(color) {
                    if (!(color instanceof _color.default)) {
                        color = new _color.default(color)
                    }
                    return `rgba(${[color.r,color.g,color.b,color.a].join(", ")})`
                }
                _renderColorPickerContainer() {
                    const $parent = this.$element();
                    this._$colorPickerContainer = (0, _renderer.default)("<div>").addClass("dx-colorview-container").appendTo($parent);
                    this._renderHtmlRows()
                }
                _renderHtmlRows(updatedOption) {
                    const $renderedRows = this._$colorPickerContainer.find(".dx-colorview-container-row");
                    const renderedRowsCount = $renderedRows.length;
                    const rowCount = this.option("editAlphaChannel") ? 2 : 1;
                    let delta = renderedRowsCount - rowCount;
                    if (delta > 0) {
                        $renderedRows.eq(-1).remove()
                    }
                    if (delta < 0) {
                        delta = Math.abs(delta);
                        const rows = [];
                        let i;
                        for (i = 0; i < delta; i++) {
                            rows.push((0, _renderer.default)("<div>").addClass("dx-colorview-container-row"))
                        }
                        if (renderedRowsCount) {
                            for (i = 0; i < rows.length; i++) {
                                $renderedRows.eq(0).after(rows[i])
                            }
                        } else {
                            this._$colorPickerContainer.append(rows)
                        }
                    }
                }
                _renderHtmlCellInsideRow(index, $rowParent, additionalClass) {
                    return (0, _renderer.default)("<div>").addClass("dx-colorview-container-cell").addClass(additionalClass).appendTo($rowParent.find(".dx-colorview-container-row").eq(index))
                }
                _renderPalette() {
                    const $paletteCell = this._renderHtmlCellInsideRow(0, this._$colorPickerContainer, "dx-colorview-palette-cell");
                    const $paletteGradientWhite = (0, _renderer.default)("<div>").addClass([COLOR_VIEW_PALETTE_GRADIENT_CLASS, COLOR_VIEW_PALETTE_GRADIENT_WHITE_CLASS].join(" "));
                    const $paletteGradientBlack = (0, _renderer.default)("<div>").addClass([COLOR_VIEW_PALETTE_GRADIENT_CLASS, COLOR_VIEW_PALETTE_GRADIENT_BLACK_CLASS].join(" "));
                    this._$palette = (0, _renderer.default)("<div>").addClass("dx-colorview-palette").css("backgroundColor", this._currentColor.getPureColor().toHex()).appendTo($paletteCell);
                    this._paletteHeight = (0, _size.getHeight)(this._$palette);
                    this._paletteWidth = (0, _size.getWidth)(this._$palette);
                    this._renderPaletteHandle();
                    this._$palette.append([$paletteGradientWhite, $paletteGradientBlack])
                }
                _renderPaletteHandle() {
                    this._$paletteHandle = (0, _renderer.default)("<div>").addClass("dx-colorview-palette-handle").appendTo(this._$palette);
                    const ariaId = `dx-${new _guid.default}`;
                    const handleAria = {
                        id: ariaId,
                        role: "application"
                    };
                    this.setAria(handleAria, this._$paletteHandle);
                    this.setAria("activedescendant", ariaId, this.option("target"));
                    this._createComponent(this._$paletteHandle, _draggable.default, {
                        contentTemplate: null,
                        boundary: this._$palette,
                        allowMoveByClick: true,
                        boundOffset: function() {
                            return -this._paletteHandleHeight / 2
                        }.bind(this),
                        onDragMove: _ref => {
                            let {
                                event: event
                            } = _ref;
                            const paletteHandlePosition = (0, _translator.locate)(this._$paletteHandle);
                            this._updateByDrag = true;
                            this._saveValueChangeEvent(event);
                            this._updateColorFromHsv(this._currentColor.hsv.h, this._calculateColorSaturation(paletteHandlePosition), this._calculateColorValue(paletteHandlePosition))
                        }
                    });
                    this._paletteHandleWidth = (0, _size.getWidth)(this._$paletteHandle);
                    this._paletteHandleHeight = (0, _size.getHeight)(this._$paletteHandle);
                    this._placePaletteHandle()
                }
                _placePaletteHandle() {
                    (0, _translator.move)(this._$paletteHandle, {
                        left: Math.round(this._paletteWidth * this._currentColor.hsv.s / 100 - this._paletteHandleWidth / 2),
                        top: Math.round(this._paletteHeight - this._paletteHeight * this._currentColor.hsv.v / 100 - this._paletteHandleHeight / 2)
                    })
                }
                _calculateColorValue(paletteHandlePosition) {
                    const value = Math.floor(paletteHandlePosition.top + this._paletteHandleHeight / 2);
                    return 100 - Math.round(100 * value / this._paletteHeight)
                }
                _calculateColorSaturation(paletteHandlePosition) {
                    const saturation = Math.floor(paletteHandlePosition.left + this._paletteHandleWidth / 2);
                    return Math.round(100 * saturation / this._paletteWidth)
                }
                _updateColorFromHsv(hue, saturation, value) {
                    const {
                        a: a
                    } = this._currentColor;
                    this._currentColor = new _color.default(`hsv(${[hue,saturation,value].join(",")})`);
                    this._currentColor.a = a;
                    this._updateColorParamsAndColorPreview();
                    this.applyColor()
                }
                _renderHueScale() {
                    const $hueScaleCell = this._renderHtmlCellInsideRow(0, this._$colorPickerContainer, "dx-colorview-hue-scale-cell");
                    this._$hueScaleWrapper = (0, _renderer.default)("<div>").addClass("dx-colorview-hue-scale-wrapper").appendTo($hueScaleCell);
                    this._$hueScale = (0, _renderer.default)("<div>").addClass("dx-colorview-hue-scale").appendTo(this._$hueScaleWrapper);
                    this._hueScaleHeight = (0, _size.getHeight)(this._$hueScale);
                    this._hueScaleWrapperHeight = (0, _size.getOuterHeight)(this._$hueScaleWrapper);
                    this._renderHueScaleHandle()
                }
                _renderHueScaleHandle() {
                    this._$hueScaleHandle = (0, _renderer.default)("<div>").addClass("dx-colorview-hue-scale-handle").appendTo(this._$hueScaleWrapper);
                    this._createComponent(this._$hueScaleHandle, _draggable.default, {
                        contentTemplate: null,
                        boundary: this._$hueScaleWrapper,
                        allowMoveByClick: true,
                        dragDirection: "vertical",
                        onDragMove: _ref2 => {
                            let {
                                event: event
                            } = _ref2;
                            this._updateByDrag = true;
                            this._saveValueChangeEvent(event);
                            this._updateColorHue((0, _translator.locate)(this._$hueScaleHandle).top + this._hueScaleHandleHeight / 2)
                        }
                    });
                    this._hueScaleHandleHeight = (0, _size.getHeight)(this._$hueScaleHandle);
                    this._placeHueScaleHandle()
                }
                _placeHueScaleHandle() {
                    const hueScaleHeight = this._hueScaleWrapperHeight;
                    const handleHeight = this._hueScaleHandleHeight;
                    let top = (hueScaleHeight - handleHeight) * (360 - this._currentColor.hsv.h) / 360;
                    if (hueScaleHeight < top + handleHeight) {
                        top = hueScaleHeight - handleHeight
                    }
                    if (top < 0) {
                        top = 0
                    }(0, _translator.move)(this._$hueScaleHandle, {
                        top: Math.round(top)
                    })
                }
                _updateColorHue(handlePosition) {
                    let hue = 360 - Math.round(360 * (handlePosition - this._hueScaleHandleHeight / 2) / (this._hueScaleWrapperHeight - this._hueScaleHandleHeight));
                    const saturation = this._currentColor.hsv.s;
                    const value = this._currentColor.hsv.v;
                    this._isTopColorHue = false;
                    hue = hue < 0 ? 0 : hue;
                    if (hue >= 360) {
                        this._isTopColorHue = true;
                        hue = 0
                    }
                    this._updateColorFromHsv(hue, saturation, value);
                    this._$palette.css("backgroundColor", this._currentColor.getPureColor().toHex())
                }
                _renderControlsContainer() {
                    const $controlsContainerCell = this._renderHtmlCellInsideRow(0, this._$colorPickerContainer);
                    this._$controlsContainer = (0, _renderer.default)("<div>").addClass("dx-colorview-controls-container").appendTo($controlsContainerCell)
                }
                _renderControls() {
                    this._renderColorsPreview();
                    this._renderRgbInputs();
                    this._renderHexInput()
                }
                _renderColorsPreview() {
                    const $colorsPreviewContainer = (0, _renderer.default)("<div>").addClass("dx-colorview-color-preview-container").appendTo(this._$controlsContainer);
                    const $colorsPreviewContainerInner = (0, _renderer.default)("<div>").addClass("dx-colorview-color-preview-container-inner").appendTo($colorsPreviewContainer);
                    this._$currentColor = (0, _renderer.default)("<div>").addClass([COLOR_VIEW_COLOR_PREVIEW, COLOR_VIEW_COLOR_PREVIEW_COLOR_NEW].join(" "));
                    this._$baseColor = (0, _renderer.default)("<div>").addClass([COLOR_VIEW_COLOR_PREVIEW, COLOR_VIEW_COLOR_PREVIEW_COLOR_CURRENT].join(" "));
                    this._makeTransparentBackground(this._$baseColor, this.option("matchValue"));
                    this._makeTransparentBackground(this._$currentColor, this._currentColor);
                    $colorsPreviewContainerInner.append([this._$baseColor, this._$currentColor])
                }
                _renderAlphaChannelElements() {
                    if (this.option("editAlphaChannel")) {
                        this._$colorPickerContainer.find(".dx-colorview-container-row").eq(1).addClass("dx-colorview-alpha-channel-row");
                        this._renderAlphaChannelScale();
                        this._renderAlphaChannelInput()
                    }
                }
                _renderRgbInputs() {
                    this._rgbInputsWithLabels = [this._renderEditorWithLabel({
                        editorType: _m_number_box.default,
                        value: this._currentColor.r,
                        onValueChanged: this._updateColor.bind(this, false),
                        labelText: "R",
                        labelAriaText: _message.default.format("dxColorView-ariaRed"),
                        labelClass: "dx-colorview-label-red"
                    }), this._renderEditorWithLabel({
                        editorType: _m_number_box.default,
                        value: this._currentColor.g,
                        onValueChanged: this._updateColor.bind(this, false),
                        labelText: "G",
                        labelAriaText: _message.default.format("dxColorView-ariaGreen"),
                        labelClass: "dx-colorview-label-green"
                    }), this._renderEditorWithLabel({
                        editorType: _m_number_box.default,
                        value: this._currentColor.b,
                        onValueChanged: this._updateColor.bind(this, false),
                        labelText: "B",
                        labelAriaText: _message.default.format("dxColorView-ariaBlue"),
                        labelClass: "dx-colorview-label-blue"
                    })];
                    this._$controlsContainer.append(this._rgbInputsWithLabels);
                    this._rgbInputs = [this._rgbInputsWithLabels[0].find(".dx-numberbox").dxNumberBox("instance"), this._rgbInputsWithLabels[1].find(".dx-numberbox").dxNumberBox("instance"), this._rgbInputsWithLabels[2].find(".dx-numberbox").dxNumberBox("instance")]
                }
                _renderEditorWithLabel(options) {
                    const $editor = (0, _renderer.default)("<div>");
                    const $label = (0, _renderer.default)("<label>").addClass(options.labelClass).text(`${options.labelText}:`).append($editor);
                    _events_engine.default.off($label, _click.name);
                    _events_engine.default.on($label, _click.name, e => {
                        e.preventDefault()
                    });
                    const {
                        editorType: editorType
                    } = options;
                    const editorOptions = (0, _extend.extend)({
                        value: options.value,
                        onValueChanged: options.onValueChanged,
                        onKeyboardHandled: opts => this._keyboardHandler(opts)
                    }, {
                        stylingMode: this.option("stylingMode")
                    });
                    if (editorType === _m_number_box.default) {
                        editorOptions.min = options.min || 0;
                        editorOptions.max = options.max || 255;
                        editorOptions.step = options.step || 1
                    }
                    const editor = new editorType($editor, editorOptions);
                    editor.registerKeyHandler("enter", e => {
                        this._fireEnterKeyPressed(e)
                    });
                    this.setAria("label", options.labelAriaText, $editor);
                    return $label
                }
                hexInputOptions() {
                    return {
                        editorType: _m_text_box.default,
                        value: this._currentColor.toHex().replace("#", ""),
                        onValueChanged: this._updateColor.bind(this, true),
                        labelClass: "dx-colorview-label-hex",
                        labelText: "#",
                        labelAriaText: _message.default.format("dxColorView-ariaHex")
                    }
                }
                _renderHexInput() {
                    this._hexInput = _m_text_box.default.getInstance(this._renderEditorWithLabel(this.hexInputOptions()).appendTo(this._$controlsContainer).find(".dx-textbox"));
                    const inputId = `dx-${new _guid.default}`;
                    const $hexInput = this._$controlsContainer.find(".dx-colorview-label-hex").find(".dx-texteditor-input");
                    this.setAria("id", inputId, $hexInput);
                    this.setAria("labelledby", inputId, this._$paletteHandle)
                }
                _renderAlphaChannelScale() {
                    const $alphaChannelScaleCell = this._renderHtmlCellInsideRow(1, this._$colorPickerContainer, "dx-colorview-alpha-channel-cell");
                    const $alphaChannelBorder = (0, _renderer.default)("<div>").addClass("dx-colorview-alpha-channel-border").appendTo($alphaChannelScaleCell);
                    const $alphaChannelScaleWrapper = (0, _renderer.default)("<div>").addClass("dx-colorview-alpha-channel-wrapper").appendTo($alphaChannelBorder);
                    this._$alphaChannelScale = (0, _renderer.default)("<div>").addClass("dx-colorview-alpha-channel-scale").appendTo($alphaChannelScaleWrapper);
                    this._makeCSSLinearGradient(this._$alphaChannelScale);
                    this._renderAlphaChannelHandle($alphaChannelScaleCell)
                }
                _makeCSSLinearGradient($el) {
                    const color = this._currentColor;
                    const colorAsRgb = `${color.r},${color.g},${color.b}`;
                    const rtlEnabled = this.option("rtlEnabled");
                    const startColor = `rgba(${colorAsRgb}, ${rtlEnabled?"1":"0"})`;
                    const finishColor = `rgba(${colorAsRgb}, ${rtlEnabled?"0":"1"})`;
                    const backgroundImage = `linear-gradient(-90deg, ${startColor}, ${finishColor})`;
                    $el.css("backgroundImage", backgroundImage)
                }
                _renderAlphaChannelInput() {
                    const that = this;
                    const $alphaChannelInputCell = this._renderHtmlCellInsideRow(1, this._$colorPickerContainer);
                    that._alphaChannelInput = this._renderEditorWithLabel({
                        editorType: _m_number_box.default,
                        value: this._currentColor.a,
                        max: 1,
                        step: .1,
                        onValueChanged(args) {
                            let {
                                value: value
                            } = args;
                            value = that._currentColor.isValidAlpha(value) ? value : that._currentColor.a;
                            args.event && that._saveValueChangeEvent(args.event);
                            that._updateColorTransparency(value);
                            that._placeAlphaChannelHandle()
                        },
                        labelClass: "dx-colorview-alpha-channel-label",
                        labelText: "Alpha",
                        labelAriaText: _message.default.format("dxColorView-ariaAlpha")
                    }).appendTo($alphaChannelInputCell).find(".dx-numberbox").dxNumberBox("instance")
                }
                _updateColorTransparency(transparency) {
                    this._currentColor.a = transparency;
                    this.applyColor()
                }
                _renderAlphaChannelHandle($parent) {
                    this._$alphaChannelHandle = (0, _renderer.default)("<div>").addClass("dx-colorview-alpha-channel-handle").appendTo($parent);
                    this._createComponent(this._$alphaChannelHandle, _draggable.default, {
                        contentTemplate: null,
                        boundary: $parent,
                        allowMoveByClick: true,
                        dragDirection: "horizontal",
                        onDragMove: _ref3 => {
                            let {
                                event: event
                            } = _ref3;
                            this._updateByDrag = true;
                            const $alphaChannelHandle = this._$alphaChannelHandle;
                            const alphaChannelHandlePosition = (0, _translator.locate)($alphaChannelHandle).left + this._alphaChannelHandleWidth / 2;
                            this._saveValueChangeEvent(event);
                            this._calculateColorTransparencyByScaleWidth(alphaChannelHandlePosition)
                        }
                    });
                    this._alphaChannelHandleWidth = (0, _size.getWidth)(this._$alphaChannelHandle);
                    this._alphaChannelScaleWorkWidth = (0, _size.getWidth)($parent) - this._alphaChannelHandleWidth;
                    this._placeAlphaChannelHandle()
                }
                _calculateColorTransparencyByScaleWidth(handlePosition) {
                    let transparency = (handlePosition - this._alphaChannelHandleWidth / 2) / this._alphaChannelScaleWorkWidth;
                    const rtlEnabled = this.option("rtlEnabled");
                    transparency = rtlEnabled ? transparency : 1 - transparency;
                    if (handlePosition >= this._alphaChannelScaleWorkWidth + this._alphaChannelHandleWidth / 2) {
                        transparency = rtlEnabled ? 1 : 0
                    } else if (transparency < 1) {
                        transparency = transparency.toFixed(2)
                    }
                    const previousTransparency = this._alphaChannelInput.option("value");
                    transparency = Math.max(transparency, 0);
                    transparency = Math.min(transparency, 1);
                    if (transparency === previousTransparency) {
                        this._updateByDrag = false
                    } else {
                        this._alphaChannelInput.option("value", transparency)
                    }
                }
                _placeAlphaChannelHandle() {
                    let left = this._alphaChannelScaleWorkWidth * (1 - this._currentColor.a);
                    if (left < 0) {
                        left = 0
                    }
                    if (this._alphaChannelScaleWorkWidth < left) {
                        left = this._alphaChannelScaleWorkWidth
                    }(0, _translator.move)(this._$alphaChannelHandle, {
                        left: this.option("rtlEnabled") ? this._alphaChannelScaleWorkWidth - left : left
                    })
                }
                applyColor() {
                    const previousValue = this.option("value");
                    const colorValue = this.option("editAlphaChannel") ? this._makeRgba(this._currentColor) : this._currentColor.toHex();
                    this._makeTransparentBackground(this._$currentColor, this._currentColor);
                    if (colorValue === previousValue) {
                        this._updateByDrag = false
                    } else {
                        this.option("value", colorValue)
                    }
                }
                cancelColor() {
                    this._initColorAndOpacity();
                    this._refreshMarkup()
                }
                _updateColor(isHex, args) {
                    let rgba;
                    let newColor;
                    if (isHex) {
                        newColor = this._validateHex(`#${this._hexInput.option("value")}`)
                    } else {
                        rgba = this._validateRgb();
                        if (this._alphaChannelInput) {
                            rgba.push(this._alphaChannelInput.option("value"));
                            newColor = `rgba(${rgba.join(", ")})`
                        } else {
                            newColor = `rgb(${rgba.join(", ")})`
                        }
                    }
                    if (!this._suppressEditorsValueUpdating) {
                        this._currentColor = new _color.default(newColor);
                        this._saveValueChangeEvent(args.event);
                        this.applyColor();
                        this._refreshMarkup()
                    }
                }
                _validateHex(hex) {
                    return this._currentColor.isValidHex(hex) ? hex : this._currentColor.toHex()
                }
                _validateRgb() {
                    let r = this._rgbInputs[0].option("value");
                    let g = this._rgbInputs[1].option("value");
                    let b = this._rgbInputs[2].option("value");
                    if (!this._currentColor.isValidRGB(r, g, b)) {
                        r = this._currentColor.r;
                        g = this._currentColor.g;
                        b = this._currentColor.b
                    }
                    return [r, g, b]
                }
                _refreshMarkup() {
                    this._placeHueScaleHandle();
                    this._placePaletteHandle();
                    this._updateColorParamsAndColorPreview();
                    this._$palette.css("backgroundColor", this._currentColor.getPureColor().toHex());
                    if (this._$alphaChannelHandle) {
                        this._updateColorTransparency(this._currentColor.a);
                        this._placeAlphaChannelHandle()
                    }
                }
                _updateColorParamsAndColorPreview() {
                    this._suppressEditorsValueUpdating = true;
                    this._hexInput.option("value", this._currentColor.toHex().replace("#", ""));
                    this._rgbInputs[0].option("value", this._currentColor.r);
                    this._rgbInputs[1].option("value", this._currentColor.g);
                    this._rgbInputs[2].option("value", this._currentColor.b);
                    this._suppressEditorsValueUpdating = false;
                    if (this.option("editAlphaChannel")) {
                        this._makeCSSLinearGradient.call(this, this._$alphaChannelScale);
                        this._alphaChannelInput.option("value", this._currentColor.a)
                    }
                }
                _optionChanged(args) {
                    const {
                        value: value
                    } = args;
                    switch (args.name) {
                        case "value":
                            this._setCurrentColor(value);
                            if (!this._updateByDrag) {
                                this._refreshMarkup()
                            }
                            this._updateByDrag = false;
                            super._optionChanged(Object.assign({}, args, {
                                value: this.option("value")
                            }));
                            break;
                        case "matchValue":
                            this._setBaseColor(value);
                            break;
                        case "onEnterKeyPressed":
                            this._initEnterKeyPressedAction();
                            break;
                        case "editAlphaChannel":
                            if (this._$colorPickerContainer) {
                                this._renderHtmlRows("editAlphaChannel");
                                this._renderAlphaChannelElements()
                            }
                            break;
                        case "keyStep":
                            break;
                        case "stylingMode":
                            this._renderControls();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }(0, _component_registrator.default)("dxColorView", ColorView);
            exports.default = ColorView
        },
        84252(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.DX_MENU_ITEM_CLASS = exports.DX_CONTEXT_MENU_CLASS = void 0;
            var _animation = __webpack_require__( /*! ../../../common/core/animation */ 16826);
            var _position = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/animation/position */ 3030));
            var _contextmenu = __webpack_require__( /*! ../../../common/core/events/contextmenu */ 80248);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _hold = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/hold */ 68095));
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _dom = __webpack_require__( /*! ../../../core/utils/dom */ 86858);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _menu_base = _interopRequireDefault(__webpack_require__( /*! ../../ui/context_menu/menu_base */ 91162));
            var _overlay = _interopRequireDefault(__webpack_require__( /*! ../../ui/overlay/overlay */ 79384));
            var _consts = __webpack_require__( /*! ../../ui/scroll_view/consts */ 21363);
            var _scrollable = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scrollable */ 85326));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DX_MENU_ITEM_CLASS = exports.DX_MENU_ITEM_CLASS = "dx-menu-item";
            const DX_MENU_ITEM_EXPANDED_CLASS = `${DX_MENU_ITEM_CLASS}-expanded`;
            const DX_MENU_ITEM_WRAPPER_CLASS = `${DX_MENU_ITEM_CLASS}-wrapper`;
            const DX_CONTEXT_MENU_CLASS = exports.DX_CONTEXT_MENU_CLASS = "dx-context-menu";
            const ACTIONS = ["onShowing", "onShown", "onSubmenuCreated", "onHiding", "onHidden", "onPositioning", "onLeftFirstItem", "onLeftLastItem", "onCloseRootSubmenu", "onExpandLastSubmenu"];
            const LOCAL_SUBMENU_DIRECTIONS = ["up", "down", "first", "last"];
            const window = (0, _window.getWindow)();
            class ContextMenu extends _menu_base.default {
                getShowEvent(showEventOption) {
                    if ((0, _type.isObject)(showEventOption)) {
                        if (null === showEventOption.name) {
                            return null
                        }
                        return showEventOption.name ?? "dxcontextmenu"
                    }
                    return showEventOption ?? null
                }
                getShowDelay(showEventOption) {
                    return (0, _type.isObject)(showEventOption) ? showEventOption.delay ?? 0 : 0
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        showEvent: "dxcontextmenu",
                        hideOnOutsideClick: true,
                        position: {
                            at: "top left",
                            my: "top left"
                        },
                        onShowing: null,
                        onShown: null,
                        onSubmenuCreated: null,
                        onHiding: null,
                        onHidden: null,
                        onPositioning: null,
                        submenuDirection: "auto",
                        visible: false,
                        target: void 0,
                        onLeftFirstItem: null,
                        onLeftLastItem: null,
                        onCloseRootSubmenu: null,
                        onExpandLastSubmenu: null,
                        hideOnParentScroll: true,
                        visualContainer: window
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => !(0, _window.hasWindow)(),
                        options: {
                            animation: null
                        }
                    }])
                }
                _initActions() {
                    this._actions = {};
                    (0, _iterator.each)(ACTIONS, (_index, action) => {
                        this._actions[action] = this._createActionByOption(action) || _common.noop
                    })
                }
                _setOptionsByReference() {
                    super._setOptionsByReference();
                    (0, _extend.extend)(this._optionsByReference, {
                        animation: true,
                        selectedItem: true
                    })
                }
                _focusInHandler() {}
                _itemContainer() {
                    var _this$_overlay;
                    return (null === (_this$_overlay = this._overlay) || void 0 === _this$_overlay ? void 0 : _this$_overlay.$content()) ?? (0, _renderer.default)()
                }
                _eventBindingTarget() {
                    return this._itemContainer()
                }
                itemsContainer() {
                    var _this$_overlay2;
                    return (null === (_this$_overlay2 = this._overlay) || void 0 === _this$_overlay2 ? void 0 : _this$_overlay2.$content()) ?? (0, _renderer.default)()
                }
                _supportedKeys() {
                    return Object.assign({}, super._supportedKeys(), {
                        space: () => {
                            const {
                                focusedElement: focusedElement
                            } = this.option();
                            const $item = (0, _renderer.default)(focusedElement);
                            this.hide();
                            if (!$item.length || !this._isSelectionEnabled()) {
                                return
                            }
                            this.selectItem($item[0])
                        },
                        escape: () => {
                            this.hide()
                        }
                    })
                }
                _getActiveItem(_last) {
                    const $availableItems = this._getAvailableItems();
                    const $focusedItem = $availableItems.filter(".dx-state-focused");
                    const $hoveredItem = $availableItems.filter(".dx-state-hover");
                    const $hoveredItemContainer = $hoveredItem.closest(".dx-menu-items-container");
                    if ($hoveredItemContainer.find(`.${DX_MENU_ITEM_CLASS}`).index($focusedItem) >= 0) {
                        return $focusedItem
                    }
                    if ($hoveredItem.length) {
                        return $hoveredItem
                    }
                    return super._getActiveItem()
                }
                _moveFocus(location) {
                    const $items = this._getItemsByLocation(location);
                    const $oldTarget = this._getActiveItem(true);
                    const $hoveredItem = this.itemsContainer().find(".dx-state-hover");
                    const {
                        focusedElement: focusedElement,
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    const $focusedItem = (0, _renderer.default)(focusedElement);
                    const $activeItemHighlighted = !!($focusedItem.length || null !== $hoveredItem && void 0 !== $hoveredItem && $hoveredItem.length);
                    let $newTarget;
                    switch (location) {
                        case "up":
                            $newTarget = $activeItemHighlighted ? this._prevItem($items) : $oldTarget;
                            this._setFocusedElement($newTarget);
                            if ($oldTarget.is($items.first())) {
                                var _this$_actions$onLeft, _this$_actions;
                                null === (_this$_actions$onLeft = (_this$_actions = this._actions).onLeftFirstItem) || void 0 === _this$_actions$onLeft || _this$_actions$onLeft.call(_this$_actions, $oldTarget)
                            }
                            break;
                        case "down":
                            $newTarget = $activeItemHighlighted ? this._nextItem($items) : $oldTarget;
                            this._setFocusedElement($newTarget);
                            if ($oldTarget.is($items.last())) {
                                var _this$_actions$onLeft2, _this$_actions2;
                                null === (_this$_actions$onLeft2 = (_this$_actions2 = this._actions).onLeftLastItem) || void 0 === _this$_actions$onLeft2 || _this$_actions$onLeft2.call(_this$_actions2, $oldTarget)
                            }
                            break;
                        case "right":
                            $newTarget = rtlEnabled ? this._hideSubmenuHandler() : this._expandSubmenuHandler($items, location);
                            this._setFocusedElement($newTarget);
                            break;
                        case "left":
                            $newTarget = rtlEnabled ? this._expandSubmenuHandler($items, location) : this._hideSubmenuHandler();
                            this._setFocusedElement($newTarget);
                            break;
                        case "first":
                            $newTarget = $items.first();
                            this._setFocusedElement($newTarget);
                            break;
                        case "last":
                            $newTarget = $items.last();
                            this._setFocusedElement($newTarget);
                            break;
                        default:
                            return super._moveFocus(location)
                    }
                }
                _setFocusedElement($element) {
                    if ($element && 0 !== $element.length) {
                        this.option("focusedElement", (0, _element.getPublicElement)($element));
                        this._scrollToElement($element)
                    }
                }
                _scrollToElement($element) {
                    const $scrollableElement = $element.closest(`.${_consts.SCROLLABLE_CLASS}`);
                    const scrollableInstance = _scrollable.default.getInstance($scrollableElement.get(0));
                    null === scrollableInstance || void 0 === scrollableInstance || scrollableInstance.scrollToElement($element)
                }
                _getItemsByLocation(location) {
                    const $activeItem = this._getActiveItem(true);
                    let $items;
                    if (LOCAL_SUBMENU_DIRECTIONS.includes(location)) {
                        $items = $activeItem.closest(".dx-menu-items-container").children().children()
                    }
                    $items = this._getAvailableItems($items);
                    return $items
                }
                _getAriaTarget() {
                    return this.$element()
                }
                _refreshActiveDescendant() {
                    if ((0, _type.isDefined)(this._overlay)) {
                        const $target = this._overlay.$content();
                        super._refreshActiveDescendant($target)
                    }
                }
                _hideSubmenuHandler() {
                    var _this$_actions$onClos, _this$_actions3;
                    const $curItem = this._getActiveItem(true);
                    const $parentItem = $curItem.parents(`.${DX_MENU_ITEM_EXPANDED_CLASS}`).first();
                    if ($parentItem.length) {
                        this._hideSubmenusOnSameLevel($parentItem);
                        this._hideSubmenu($curItem.closest(".dx-submenu"));
                        return $parentItem
                    }
                    null === (_this$_actions$onClos = (_this$_actions3 = this._actions).onCloseRootSubmenu) || void 0 === _this$_actions$onClos || _this$_actions$onClos.call(_this$_actions3, $curItem);
                    return
                }
                _expandSubmenuHandler($items, location) {
                    var _this$_actions$onExpa, _this$_actions4;
                    const $curItem = this._getActiveItem(true);
                    const itemData = this._getItemData($curItem);
                    const node = this._dataAdapter.getNodeByItem(itemData);
                    const isItemHasSubmenu = this._hasSubmenu(node);
                    const $submenu = $curItem.children(".dx-submenu");
                    if (isItemHasSubmenu && !$curItem.hasClass("dx-state-disabled")) {
                        if (!$submenu.length || "hidden" === $submenu.css("visibility")) {
                            this._showSubmenu($curItem)
                        }
                        return this._nextItem(this._getItemsByLocation(location))
                    }
                    null === (_this$_actions$onExpa = (_this$_actions4 = this._actions).onExpandLastSubmenu) || void 0 === _this$_actions$onExpa || _this$_actions$onExpa.call(_this$_actions4, $curItem);
                    return
                }
                _clean() {
                    if (this._overlay) {
                        this._overlay.$element().remove();
                        this._overlay = null
                    }
                    this._detachShowContextMenuEvents(this._getTarget());
                    this._shownSubmenus = [];
                    super._clean()
                }
                _initMarkup() {
                    this.$element().addClass("dx-has-context-menu");
                    this._eventNamespace = `${this.NAME}${new _guid.default}`;
                    super._initMarkup()
                }
                _render() {
                    super._render();
                    const {
                        visible: visible
                    } = this.option();
                    this._renderVisibility(visible);
                    this._addWidgetClass()
                }
                _isTargetOutOfComponent(relatedTarget) {
                    const isInsideContextMenu = 0 !== (0, _renderer.default)(relatedTarget).closest(`.${DX_CONTEXT_MENU_CLASS}`).length;
                    return !isInsideContextMenu
                }
                _focusOutHandler(e) {
                    const {
                        relatedTarget: relatedTarget
                    } = e;
                    if (relatedTarget) {
                        const isTargetOutside = this._isTargetOutOfComponent(relatedTarget);
                        if (isTargetOutside) {
                            this.hide()
                        }
                    }
                    super._focusOutHandler(e)
                }
                _renderContentImpl() {
                    this._detachShowContextMenuEvents(this._getTarget());
                    this._showContextMenuEventHandler = this._createShowContextMenuEventHandler();
                    this._attachShowContextMenuEvents()
                }
                _attachKeyboardEvents() {
                    if (!this._keyboardListenerId && this._focusTarget().length) {
                        super._attachKeyboardEvents()
                    }
                }
                _renderContextMenuOverlay() {
                    if (this._overlay) {
                        return
                    }
                    const overlayOptions = this._getOverlayOptions();
                    this._overlay = this._createComponent((0, _renderer.default)("<div>").appendTo(this.$element()), _overlay.default, overlayOptions);
                    const $overlayContent = this._overlay.$content();
                    if (!$overlayContent) {
                        return
                    }
                    $overlayContent.addClass(DX_CONTEXT_MENU_CLASS);
                    this._addCustomCssClass($overlayContent);
                    this._addPlatformDependentClass($overlayContent);
                    this._attachContextMenuEvent()
                }
                preventShowingDefaultContextMenuAboveOverlay() {
                    const $itemContainer = this._itemContainer();
                    const eventName = (0, _utils.addNamespace)(_contextmenu.name, this._eventNamespace);
                    _events_engine.default.off($itemContainer, eventName, ".dx-submenu");
                    _events_engine.default.on($itemContainer, eventName, ".dx-submenu", e => {
                        e.stopPropagation();
                        e.preventDefault();
                        _events_engine.default.off($itemContainer, eventName, ".dx-submenu")
                    })
                }
                _itemContextMenuHandler(e) {
                    super._itemContextMenuHandler(e);
                    e.stopPropagation()
                }
                _addPlatformDependentClass($element) {
                    if (_devices.default.current().phone) {
                        $element.addClass("dx-menu-phone-overlay")
                    }
                }
                _createShowContextMenuEventHandler() {
                    const showContextMenuAction = this._createAction(e => {
                        const {
                            showEvent: showEvent
                        } = this.option();
                        const delay = this.getShowDelay(showEvent);
                        if (delay) {
                            setTimeout(() => this._show(e.event), delay)
                        } else {
                            this._show(e.event)
                        }
                    }, {
                        validatingTargetName: "target"
                    });
                    return e => showContextMenuAction({
                        event: e,
                        target: (0, _renderer.default)(e.currentTarget)
                    })
                }
                _detachShowContextMenuEvents(target, event) {
                    const {
                        showEvent: showEventOption
                    } = this.option();
                    const showEvent = this.getShowEvent(event ?? showEventOption);
                    if (!showEvent) {
                        return
                    }
                    const isSelector = (0, _type.isString)(target);
                    const eventName = (0, _utils.addNamespace)(showEvent, this._eventNamespace);
                    if (isSelector) {
                        _events_engine.default.off(_dom_adapter.default.getDocument(), eventName, target, this._showContextMenuEventHandler)
                    } else {
                        _events_engine.default.off((0, _renderer.default)(target), eventName, this._showContextMenuEventHandler)
                    }
                }
                _attachShowContextMenuEvents() {
                    const {
                        showEvent: showEventOption,
                        disabled: disabled
                    } = this.option();
                    const showEvent = this.getShowEvent(showEventOption);
                    if (!showEvent || disabled) {
                        return
                    }
                    const target = this._getTarget();
                    const isSelector = (0, _type.isString)(target);
                    const eventName = (0, _utils.addNamespace)(showEvent, this._eventNamespace);
                    if (isSelector) {
                        _events_engine.default.on(_dom_adapter.default.getDocument(), eventName, target, this._showContextMenuEventHandler)
                    } else {
                        _events_engine.default.on(target, eventName, this._showContextMenuEventHandler)
                    }
                }
                _hoverEndHandler(e) {
                    super._hoverEndHandler(e);
                    e.stopPropagation()
                }
                _renderDimensions() {}
                _renderContainer($wrapper, submenuContainer) {
                    const $holder = submenuContainer ?? this._itemContainer();
                    $wrapper = (0, _renderer.default)("<div>");
                    $wrapper.appendTo($holder).addClass("dx-submenu").css("visibility", submenuContainer ? "hidden" : "visible");
                    if (!$wrapper.parent().hasClass("dx-overlay-content")) {
                        this._addCustomCssClass($wrapper)
                    }
                    const $itemsContainer = super._renderContainer($wrapper);
                    if (submenuContainer) {
                        return $itemsContainer
                    }
                    const {
                        width: width,
                        height: height
                    } = this.option();
                    if (width) {
                        return $itemsContainer.css("minWidth", width)
                    }
                    if (height) {
                        return $itemsContainer.css("minHeight", height)
                    }
                    return $itemsContainer
                }
                _renderSubmenuItems(node, $itemFrame) {
                    var _this$_actions$onSubm, _this$_actions5;
                    this._renderItems(this._getChildNodes(node), $itemFrame);
                    const $submenu = $itemFrame.children(".dx-submenu");
                    null === (_this$_actions$onSubm = (_this$_actions5 = this._actions).onSubmenuCreated) || void 0 === _this$_actions$onSubm || _this$_actions$onSubm.call(_this$_actions5, {
                        itemElement: (0, _element.getPublicElement)($itemFrame),
                        itemData: node.internalFields.item,
                        submenuElement: (0, _element.getPublicElement)($submenu)
                    });
                    this._initScrollable($submenu);
                    this.setAria({
                        role: "menu"
                    }, $submenu)
                }
                _getOverlayOptions() {
                    const {
                        position: position,
                        focusStateEnabled: focusStateEnabled,
                        animation: animation,
                        hideOnParentScroll: hideOnParentScroll,
                        visualContainer: visualContainer,
                        overlayContainer: overlayContainer,
                        boundaryOffset: boundaryOffset
                    } = this.option();
                    return {
                        focusStateEnabled: focusStateEnabled,
                        animation: animation,
                        innerOverlay: true,
                        hideOnOutsideClick: e => this._hideOnOutsideClickHandler(e),
                        propagateOutsideClick: true,
                        hideOnParentScroll: hideOnParentScroll,
                        deferRendering: false,
                        container: overlayContainer,
                        position: {
                            at: position.at,
                            my: position.my,
                            of: this._getTarget(),
                            collision: "flipfit",
                            boundary: visualContainer,
                            boundaryOffset: boundaryOffset
                        },
                        shading: false,
                        showTitle: false,
                        height: "auto",
                        width: "auto",
                        onShown: this._overlayShownActionHandler.bind(this),
                        onHiding: this._overlayHidingActionHandler.bind(this),
                        onHidden: this._overlayHiddenActionHandler.bind(this),
                        visualContainer: visualContainer
                    }
                }
                _overlayShownActionHandler(arg) {
                    var _this$_actions$onShow, _this$_actions6;
                    null === (_this$_actions$onShow = (_this$_actions6 = this._actions).onShown) || void 0 === _this$_actions$onShow || _this$_actions$onShow.call(_this$_actions6, arg)
                }
                _overlayHidingActionHandler(arg) {
                    var _this$_actions$onHidi, _this$_actions7;
                    null === (_this$_actions$onHidi = (_this$_actions7 = this._actions).onHiding) || void 0 === _this$_actions$onHidi || _this$_actions$onHidi.call(_this$_actions7, arg);
                    if (!arg.cancel) {
                        this._hideAllShownSubmenus();
                        this._setOptionWithoutOptionChange("visible", false)
                    }
                }
                _overlayHiddenActionHandler(arg) {
                    var _this$_actions$onHidd, _this$_actions8;
                    null === (_this$_actions$onHidd = (_this$_actions8 = this._actions).onHidden) || void 0 === _this$_actions$onHidd || _this$_actions$onHidd.call(_this$_actions8, arg)
                }
                _shouldHideOnOutsideClick(e) {
                    const {
                        hideOnOutsideClick: hideOnOutsideClick
                    } = this.option();
                    if ((0, _type.isFunction)(hideOnOutsideClick)) {
                        return hideOnOutsideClick(e)
                    }
                    return hideOnOutsideClick
                }
                _hideOnOutsideClickHandler(e) {
                    if (!this._shouldHideOnOutsideClick(e)) {
                        return false
                    }
                    if (_dom_adapter.default.isDocument(e.target)) {
                        return true
                    }
                    const $activeItemContainer = this._getActiveItemsContainer(e.target);
                    const $itemContainers = this._getItemsContainers();
                    const $clickedItem = this._searchActiveItem(e.target);
                    const $rootItem = this.$element().parents(`.${DX_MENU_ITEM_CLASS}`);
                    const isRootItemClicked = $clickedItem[0] === $rootItem[0] && !!$clickedItem.length && !!$rootItem.length;
                    const isInnerOverlayClicked = this._isIncludeOverlay($activeItemContainer, $itemContainers) && !!$clickedItem.length;
                    if (isInnerOverlayClicked || isRootItemClicked) {
                        if ("onClick" === this._getShowSubmenuMode()) {
                            this._hideAllShownChildSubmenus($clickedItem)
                        }
                        return false
                    }
                    return true
                }
                _getActiveItemsContainer(target) {
                    return (0, _renderer.default)(target).closest(".dx-menu-items-container")
                }
                _getItemsContainers() {
                    var _this$_overlay3;
                    return (null === (_this$_overlay3 = this._overlay) || void 0 === _this$_overlay3 || null === (_this$_overlay3 = _this$_overlay3.$content()) || void 0 === _this$_overlay3 ? void 0 : _this$_overlay3.find(".dx-menu-items-container")) ?? (0, _renderer.default)()
                }
                _searchActiveItem(target) {
                    return (0, _renderer.default)(target).closest(`.${DX_MENU_ITEM_CLASS}`).eq(0)
                }
                _isIncludeOverlay($activeOverlay, $allOverlays) {
                    let isSame = false;
                    (0, _iterator.each)($allOverlays, (_index, $overlay) => {
                        if ($activeOverlay.is($overlay) && !isSame) {
                            isSame = true
                        }
                    });
                    return isSame
                }
                _hideAllShownChildSubmenus($clickedItem) {
                    const $submenuElements = $clickedItem.find(".dx-submenu");
                    const shownSubmenus = (0, _extend.extend)([], this._shownSubmenus);
                    if ($submenuElements.length > 0) {
                        (0, _iterator.each)(shownSubmenus, (index, $submenu) => {
                            const $context = this._searchActiveItem($submenu.context).parent();
                            if ($context.parent().is($clickedItem.parent().parent()) && !$context.is($clickedItem.parent())) {
                                this._hideSubmenu($submenu)
                            }
                        })
                    }
                }
                _initScrollable($container) {
                    this._createComponent($container, _scrollable.default, {
                        useKeyboard: false,
                        _onVisibilityChanged: scrollable => {
                            scrollable.scrollTo(0)
                        }
                    })
                }
                _setSubMenuHeight($submenu, $anchor) {
                    const $itemsContainer = $submenu.find(".dx-menu-items-container");
                    const contentHeight = (0, _size.getOuterHeight)($itemsContainer);
                    const maxHeight = this._getMaxHeight($anchor, false);
                    const menuHeight = Math.min(contentHeight, maxHeight);
                    $submenu.css("height", menuHeight)
                }
                _getMaxUsableSpace(_offsetTop, windowHeight, _anchorHeight) {
                    return windowHeight
                }
                _getMaxHeight($anchor) {
                    let considerAnchorHeight = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : true;
                    const windowHeight = (0, _size.getOuterHeight)(window);
                    const isAnchorRenderer = (0, _type.isRenderer)($anchor);
                    const document = _dom_adapter.default.getDocument();
                    const isAnchorDocument = (0, _type.isObject)($anchor) && "length" in $anchor && $anchor.length && $anchor[0] === document;
                    if (!isAnchorRenderer || isAnchorDocument) {
                        return windowHeight
                    }
                    const offsetTop = null === $anchor || void 0 === $anchor ? void 0 : $anchor[0].getBoundingClientRect().top;
                    const anchorHeight = (0, _size.getOuterHeight)($anchor);
                    const availableHeight = considerAnchorHeight ? this._getMaxUsableSpace(offsetTop, windowHeight, anchorHeight) : Math.max(offsetTop + anchorHeight, windowHeight - offsetTop);
                    return availableHeight - 10
                }
                _setOverlayMaxHeight($subMenu) {
                    var _this$_overlay4;
                    if (!$subMenu) {
                        return
                    }
                    null === (_this$_overlay4 = this._overlay) || void 0 === _this$_overlay4 || _this$_overlay4.option({
                        maxHeight: () => {
                            const $content = $subMenu.find(".dx-menu-items-container");
                            const outerHeight = (0, _size.getOuterHeight)($content);
                            const borderWidth = this._getSubmenuBorderWidth();
                            return outerHeight + 2 * borderWidth
                        }
                    });
                    $subMenu.css("height", "100%")
                }
                _dimensionChanged() {
                    if (!this._shownSubmenus) {
                        return
                    }
                    this._shownSubmenus.forEach($submenu => {
                        const $item = $submenu.closest(`.${DX_MENU_ITEM_CLASS}`);
                        this._setSubMenuHeight($submenu, $item);
                        this._scrollToElement($item);
                        const submenuPosition = this._getSubmenuPosition($item);
                        _position.default.setup($submenu, submenuPosition)
                    })
                }
                _getSubmenuBorderWidth() {
                    return (0, _themes.isGeneric)((0, _themes.current)()) ? 1 : 0
                }
                _showSubmenu($item) {
                    const node = this._dataAdapter.getNodeByItem(this._getItemData($item));
                    this._hideSubmenusOnSameLevel($item);
                    if (!this._hasSubmenu(node)) {
                        return
                    }
                    let $submenu = $item.children(".dx-submenu");
                    const isSubmenuRendered = $submenu.length;
                    super._showSubmenu($item);
                    if (node && !isSubmenuRendered) {
                        this._renderSubmenuItems(node, $item);
                        $submenu = $item.children(".dx-submenu")
                    }
                    this._planPostRenderActions($submenu)
                }
                _setSubmenuVisible($submenu) {
                    if (!$submenu) {
                        return
                    }
                    const $item = null === $submenu || void 0 === $submenu ? void 0 : $submenu.closest(`.${DX_MENU_ITEM_CLASS}`);
                    this._setSubMenuHeight($submenu, $item);
                    if (!this._isSubmenuVisible($submenu) && $item) {
                        this._drawSubmenu($item)
                    }
                }
                _hideSubmenusOnSameLevel($item) {
                    const $expandedItems = $item.parent(`.${DX_MENU_ITEM_WRAPPER_CLASS}`).siblings().find(`.${DX_MENU_ITEM_EXPANDED_CLASS}`);
                    if ($expandedItems.length) {
                        $expandedItems.removeClass(DX_MENU_ITEM_EXPANDED_CLASS);
                        this._hideSubmenu($expandedItems.find(".dx-submenu"))
                    }
                }
                _isSubmenuVisible($submenu) {
                    return "visible" === $submenu.css("visibility")
                }
                _drawSubmenu($itemElement) {
                    var _this$_overlay5;
                    const {
                        animation: animationOption
                    } = this.option();
                    const animation = animationOption ? animationOption.show : {};
                    const $submenu = $itemElement.children(".dx-submenu");
                    const submenuPosition = this._getSubmenuPosition($itemElement);
                    if (null !== (_this$_overlay5 = this._overlay) && void 0 !== _this$_overlay5 && _this$_overlay5.option("visible")) {
                        if (!(0, _type.isDefined)(this._shownSubmenus)) {
                            this._shownSubmenus = []
                        }
                        if (!this._shownSubmenus.includes($submenu)) {
                            this._shownSubmenus.push($submenu)
                        }
                        if (animation) {
                            _animation.fx.stop($submenu.get(0), false)
                        }
                        _position.default.setup($submenu, submenuPosition);
                        if (animation) {
                            if ((0, _type.isPlainObject)(animation.to)) {
                                animation.to.position = submenuPosition
                            }
                            this._animate($submenu.get(0), animation)
                        }
                        $submenu.css("visibility", "visible")
                    }
                }
                _animate(container, options) {
                    _animation.fx.animate(container, options)
                }
                _getSubmenuPosition($rootItem) {
                    const {
                        submenuDirection: submenuDirectionOption,
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    const submenuDirection = null === submenuDirectionOption || void 0 === submenuDirectionOption ? void 0 : submenuDirectionOption.toLowerCase();
                    const $rootItemWrapper = $rootItem.parent(`.${DX_MENU_ITEM_WRAPPER_CLASS}`);
                    const position = {
                        collision: "flip",
                        of: $rootItemWrapper,
                        offset: {
                            h: 0,
                            v: -1
                        }
                    };
                    switch (submenuDirection) {
                        case "left":
                            position.at = "left top";
                            position.my = "right top";
                            break;
                        case "right":
                            position.at = "right top";
                            position.my = "left top";
                            break;
                        default:
                            if (rtlEnabled) {
                                position.at = "left top";
                                position.my = "right top"
                            } else {
                                position.at = "right top";
                                position.my = "left top"
                            }
                    }
                    return position
                }
                _updateSubmenuVisibilityOnClick(actionArgs) {
                    var _actionArgs$args;
                    if (!(null !== (_actionArgs$args = actionArgs.args) && void 0 !== _actionArgs$args && _actionArgs$args.length)) {
                        return
                    }
                    const {
                        itemData: itemData,
                        itemElement: itemElement
                    } = actionArgs.args[0];
                    if (!itemData) {
                        return
                    }
                    const node = this._dataAdapter.getNodeByItem(itemData);
                    if (!node) {
                        return
                    }
                    const $itemElement = (0, _renderer.default)(itemElement);
                    let $submenu = $itemElement.find(".dx-submenu");
                    const shouldRenderSubmenu = this._hasSubmenu(node) && !$submenu.length;
                    if (shouldRenderSubmenu) {
                        this._renderSubmenuItems(node, $itemElement);
                        $submenu = $itemElement.find(".dx-submenu")
                    }
                    if ($itemElement.context === $submenu.context && "visible" === $submenu.css("visibility")) {
                        return
                    }
                    this._updateSelectedItemOnClick(actionArgs);
                    const notCloseMenuOnItemClick = itemData && false === itemData.closeMenuOnClick;
                    if (!itemData || itemData.disabled || notCloseMenuOnItemClick) {
                        return
                    }
                    if (0 === $submenu.length) {
                        var _this$_overlay6;
                        const $prevSubmenu = (0, _renderer.default)($itemElement.parents(".dx-submenu")[0]);
                        this._hideSubmenu($prevSubmenu);
                        if (!actionArgs.canceled && null !== (_this$_overlay6 = this._overlay) && void 0 !== _this$_overlay6 && _this$_overlay6.option("visible")) {
                            this.option("visible", false)
                        }
                    } else {
                        if (this._shownSubmenus && this._shownSubmenus.length > 0) {
                            if (this._shownSubmenus[0].is($submenu)) {
                                this._hideSubmenu($submenu)
                            }
                        }
                        this._showSubmenu($itemElement)
                    }
                }
                _hideSubmenu($curSubmenu) {
                    const shownSubmenus = this._shownSubmenus ?? [];
                    (0, _iterator.each)(shownSubmenus, (_index, $submenu) => {
                        if ($curSubmenu.is($submenu) || (0, _dom.contains)($curSubmenu[0], $submenu[0])) {
                            $submenu.parent().removeClass(DX_MENU_ITEM_EXPANDED_CLASS);
                            this._hideSubmenuCore($submenu)
                        }
                    })
                }
                _hideSubmenuCore($submenu) {
                    const index = (this._shownSubmenus ?? []).indexOf($submenu);
                    const {
                        animation: animationOption
                    } = this.option();
                    const animation = animationOption ? animationOption.hide : null;
                    if (index >= 0) {
                        (this._shownSubmenus ?? []).splice(index, 1)
                    }
                    this._stopAnimate($submenu);
                    if (animation) {
                        this._animate($submenu.get(0), animation)
                    }
                    $submenu.css("visibility", "hidden");
                    const scrollableInstance = $submenu.dxScrollable("instance");
                    scrollableInstance.scrollTo(0);
                    this.option("focusedElement", null)
                }
                _stopAnimate($container) {
                    _animation.fx.stop($container.get(0), true)
                }
                _hideAllShownSubmenus() {
                    var _this$_overlay7;
                    const shownSubmenus = (0, _extend.extend)([], this._shownSubmenus);
                    const $expandedItems = (null === (_this$_overlay7 = this._overlay) || void 0 === _this$_overlay7 || null === (_this$_overlay7 = _this$_overlay7.$content()) || void 0 === _this$_overlay7 ? void 0 : _this$_overlay7.find(`.${DX_MENU_ITEM_EXPANDED_CLASS}`)) ?? (0, _renderer.default)();
                    $expandedItems.removeClass(DX_MENU_ITEM_EXPANDED_CLASS);
                    (0, _iterator.each)(shownSubmenus, (_, $submenu) => {
                        this._hideSubmenu($submenu)
                    })
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        this._renderContentImpl()
                    }
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value,
                        previousValue: previousValue
                    } = args;
                    if (ACTIONS.includes(name)) {
                        this._initActions();
                        return
                    }
                    switch (name) {
                        case "visible":
                            this._renderVisibility(value);
                            break;
                        case "disabled":
                        case "position":
                        case "submenuDirection":
                            this._invalidate();
                            break;
                        case "showEvent":
                            if (previousValue) {
                                this._detachShowContextMenuEvents(this._getTarget(), previousValue)
                            }
                            this._invalidate();
                            break;
                        case "target":
                            if (previousValue) {
                                this._detachShowContextMenuEvents(previousValue)
                            }
                            this._invalidate();
                            break;
                        case "hideOnOutsideClick":
                        case "hideOnParentScroll":
                        case "visualContainer":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _renderVisibility(showing) {
                    return showing ? this._show() : this._hide()
                }
                _toggleVisibility() {}
                _show(event) {
                    var _this$_actions$onShow2, _this$_actions9;
                    const args = {
                        jQEvent: event
                    };
                    let promise = (0, _deferred.Deferred)().reject().promise();
                    null === (_this$_actions$onShow2 = (_this$_actions9 = this._actions).onShowing) || void 0 === _this$_actions$onShow2 || _this$_actions$onShow2.call(_this$_actions9, args);
                    if (args.cancel) {
                        return promise
                    }
                    const position = this._positionContextMenu(event);
                    if (position) {
                        var _this$_overlay8, _this$_overlay9, _event$originalEvent;
                        if (!this._overlay) {
                            var _this$_overlay$$conte;
                            this._renderContextMenuOverlay();
                            null === (_this$_overlay$$conte = this._overlay.$content()) || void 0 === _this$_overlay$$conte || _this$_overlay$$conte.addClass(this._widgetClass());
                            this._renderFocusState();
                            this._attachHoverEvents();
                            this._attachClickEvent();
                            this._renderItems(this._dataAdapter.getRootNodes())
                        }
                        const $subMenu = (0, _renderer.default)(null === (_this$_overlay8 = this._overlay) || void 0 === _this$_overlay8 ? void 0 : _this$_overlay8.content()).children(".dx-submenu");
                        this._setOptionWithoutOptionChange("visible", true);
                        null === (_this$_overlay9 = this._overlay) || void 0 === _this$_overlay9 || _this$_overlay9.option({
                            height: () => this._getMaxHeight(position.of),
                            position: position
                        });
                        this._setOverlayMaxHeight($subMenu);
                        this._planPostRenderActions($subMenu, true);
                        if (this._overlay) {
                            promise = this._overlay.show()
                        }
                        null === event || void 0 === event || event.stopPropagation();
                        this._setAriaAttributes();
                        if ((null === event || void 0 === event || null === (_event$originalEvent = event.originalEvent) || void 0 === _event$originalEvent ? void 0 : _event$originalEvent.type) === _hold.default.name) {
                            this.preventShowingDefaultContextMenuAboveOverlay()
                        }
                    }
                    return promise
                }
                _renderItems(nodes, submenuContainer) {
                    var _this$_overlay0;
                    super._renderItems(nodes, submenuContainer);
                    const $submenu = (0, _renderer.default)(null === (_this$_overlay0 = this._overlay) || void 0 === _this$_overlay0 ? void 0 : _this$_overlay0.content()).children(".dx-submenu");
                    if ($submenu.length) {
                        this._initScrollable($submenu)
                    }
                }
                _setAriaAttributes() {
                    var _this$_overlay1;
                    this._overlayContentId = `dx-${new _guid.default}`;
                    this.setAria("owns", this._overlayContentId);
                    this.setAria({
                        id: this._overlayContentId,
                        role: "menu"
                    }, null === (_this$_overlay1 = this._overlay) || void 0 === _this$_overlay1 ? void 0 : _this$_overlay1.$content())
                }
                _cleanAriaAttributes() {
                    if (this._overlay) {
                        this.setAria("id", null, this._overlay.$content())
                    }
                    this.setAria("owns", void 0)
                }
                _getTarget() {
                    const {
                        target: target,
                        position: position
                    } = this.option();
                    return target || (null === position || void 0 === position ? void 0 : position.of) || (0, _renderer.default)(_dom_adapter.default.getDocument())
                }
                _getContextMenuPosition() {
                    const {
                        position: position
                    } = this.option();
                    return Object.assign({}, position, {
                        of: this._getTarget()
                    })
                }
                _positionContextMenu(jQEvent) {
                    let position = this._getContextMenuPosition();
                    const isInitialPosition = this._isInitialOptionValue("position");
                    const positioningAction = this._createActionByOption("onPositioning");
                    if (null !== jQEvent && void 0 !== jQEvent && jQEvent.preventDefault && isInitialPosition) {
                        position.of = jQEvent
                    }
                    const actionArgs = {
                        position: position,
                        event: jQEvent
                    };
                    positioningAction(actionArgs);
                    if (actionArgs.cancel) {
                        position = null
                    } else if (actionArgs.event) {
                        actionArgs.event.cancel = true;
                        null === jQEvent || void 0 === jQEvent || jQEvent.preventDefault()
                    }
                    return position
                }
                _refresh() {
                    if (!(0, _window.hasWindow)()) {
                        super._refresh()
                    } else if (this._overlay) {
                        const {
                            position: lastPosition
                        } = this._overlay.option();
                        super._refresh();
                        if (this._overlay) {
                            this._overlay.option("position", lastPosition)
                        }
                    } else {
                        super._refresh()
                    }
                }
                _hide() {
                    let promise;
                    if (this._overlay) {
                        promise = this._overlay.hide();
                        this._setOptionWithoutOptionChange("visible", false)
                    }
                    this._cleanAriaAttributes();
                    this.option("focusedElement", null);
                    return promise ?? (0, _deferred.Deferred)().reject().promise()
                }
                toggle(showing) {
                    const {
                        visible: visible
                    } = this.option();
                    return this._renderVisibility(showing ?? !visible)
                }
                show() {
                    return this.toggle(true)
                }
                hide() {
                    return this.toggle(false)
                }
                _postProcessRenderItems($subMenu, isRootSubMenu) {
                    if (!isRootSubMenu) {
                        this._setSubmenuVisible($subMenu);
                        return
                    }
                    this._setOverlayMaxHeight($subMenu)
                }
            }(0, _component_registrator.default)("dxContextMenu", ContextMenu);
            exports.default = ContextMenu
        },
        25587(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _collection_widgetEditStrategy = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/collection_widget.edit.strategy.plain */ 83986));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class MenuBaseEditStrategy extends _collection_widgetEditStrategy.default {
                _getPlainItems() {
                    const items = this._getItems();
                    const result = (0, _iterator.map)(items, function getMenuItems(item) {
                        return item.items ? [item].concat((0, _iterator.map)(item.items, getMenuItems)) : item
                    });
                    return result.flat()
                }
                static _stringifyItem(item) {
                    return JSON.stringify(item, (key, value) => {
                        if ("template" === key) {
                            return MenuBaseEditStrategy._getTemplateString(value)
                        }
                        return value
                    })
                }
                static _getTemplateString(template) {
                    if ("object" === typeof template && null !== template) {
                        return (0, _renderer.default)(template).text()
                    }
                    return String(template)
                }
            }
            exports.default = MenuBaseEditStrategy
        },
        91162(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _m_ink_ripple = __webpack_require__( /*! ../../core/utils/m_ink_ripple */ 43469);
            var _item = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/item */ 30845));
            var _menu_baseEdit = _interopRequireDefault(__webpack_require__( /*! ../../ui/context_menu/menu_base.edit.strategy */ 25587));
            var _hierarchical_collection_widget = _interopRequireDefault(__webpack_require__( /*! ../../ui/hierarchical_collection/hierarchical_collection_widget */ 94059));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ITEM_CLASS = "dx-menu-item";
            const DX_ITEM_CONTENT_CLASS = `${ITEM_CLASS}-content`;
            const DX_MENU_SELECTED_ITEM_CLASS = `${ITEM_CLASS}-selected`;
            const DX_MENU_ITEM_WRAPPER_CLASS = `${ITEM_CLASS}-wrapper`;
            const DX_MENU_ITEM_EXPANDED_CLASS = `${ITEM_CLASS}-expanded`;
            const DX_ITEM_HAS_TEXT = `${ITEM_CLASS}-has-text`;
            const DX_ITEM_HAS_ICON = `${ITEM_CLASS}-has-icon`;
            const DX_ITEM_HAS_SUBMENU = `${ITEM_CLASS}-has-submenu`;
            const DX_MENU_ITEM_POPOUT_CLASS = `${ITEM_CLASS}-popout`;
            const DX_MENU_ITEM_POPOUT_CONTAINER_CLASS = `${DX_MENU_ITEM_POPOUT_CLASS}-container`;
            const DX_MENU_ITEM_CAPTION_CLASS = `${ITEM_CLASS}-text`;
            const DEFAULT_DELAY_show = 50;
            const DX_MENU_ITEM_CAPTION_URL_CLASS = `${DX_MENU_ITEM_CAPTION_CLASS}-with-url`;
            class MenuBase extends _hierarchical_collection_widget.default {
                _activeStateUnit() {
                    return `.${ITEM_CLASS}`
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        items: [],
                        cssClass: "",
                        activeStateEnabled: true,
                        showSubmenuMode: {
                            name: "onHover",
                            delay: {
                                show: 50,
                                hide: 300
                            }
                        },
                        animation: {
                            show: {
                                type: "fade",
                                from: 0,
                                to: 1,
                                duration: 100
                            },
                            hide: {
                                type: "fade",
                                from: 1,
                                to: 0,
                                duration: 100
                            }
                        },
                        selectByClick: false,
                        focusOnSelectedItem: false,
                        keyExpr: null,
                        _itemAttributes: {
                            role: "menuitem"
                        },
                        useInkRipple: false
                    })
                }
                _itemDataKey() {
                    return "dxMenuItemDataKey"
                }
                _itemClass() {
                    return ITEM_CLASS
                }
                _setAriaSelectionAttribute($itemElement, isSelected) {}
                _selectedItemClass() {
                    return DX_MENU_SELECTED_ITEM_CLASS
                }
                _widgetClass() {
                    return "dx-menu-base"
                }
                _focusTarget() {
                    return this._itemContainer()
                }
                _clean() {
                    this.option("focusedElement", null);
                    super._clean()
                }
                _supportedKeys() {
                    return Object.assign({}, super._supportedKeys(), {
                        space: () => {
                            const {
                                focusedElement: focusedElement
                            } = this.option();
                            const $item = (0, _renderer.default)(focusedElement);
                            if (!$item.length || !this._isSelectionEnabled()) {
                                return
                            }
                            this.selectItem($item[0])
                        },
                        pageUp: _common.noop,
                        pageDown: _common.noop
                    })
                }
                _isSelectionEnabled() {
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    return "single" === selectionMode
                }
                _init() {
                    super._init();
                    this._renderSelectedItem();
                    this._initActions()
                }
                _getLinkContainer(iconContainer, textContainer, itemData) {
                    const {
                        linkAttr: linkAttr,
                        url: url
                    } = itemData;
                    null === iconContainer || void 0 === iconContainer || iconContainer.addClass("dx-icon-with-url");
                    null === textContainer || void 0 === textContainer || textContainer.addClass(DX_MENU_ITEM_CAPTION_URL_CLASS);
                    return super._getLinkContainer(iconContainer, textContainer, {
                        linkAttr: linkAttr,
                        url: url
                    })
                }
                _addContent($container, itemData) {
                    const {
                        html: html,
                        url: url
                    } = itemData;
                    if (url) {
                        $container.html(html);
                        const link = this._getLinkContainer(this._getIconContainer(itemData), this._getTextContainer(itemData), itemData);
                        $container.append(link)
                    } else {
                        super._addContent($container, itemData)
                    }
                    $container.append(this._getPopoutContainer(itemData));
                    this._addContentClasses(itemData, $container.parent())
                }
                _getTextContainer(itemData) {
                    const {
                        text: text
                    } = itemData;
                    if (!text) {
                        return (0, _renderer.default)()
                    }
                    const $itemContainer = (0, _renderer.default)("<span>").addClass(DX_MENU_ITEM_CAPTION_CLASS);
                    const itemText = (0, _type.isPlainObject)(itemData) ? text : String(itemData);
                    return $itemContainer.text(itemText)
                }
                _getItemExtraPropNames() {
                    return ["url", "linkAttr"]
                }
                _getPopoutContainer(itemData) {
                    const {
                        items: items
                    } = itemData;
                    if (!(null !== items && void 0 !== items && items.length)) {
                        return (0, _renderer.default)()
                    }
                    const $popOutImage = (0, _renderer.default)("<div>").addClass(DX_MENU_ITEM_POPOUT_CLASS);
                    const $popOutContainer = (0, _renderer.default)("<span>").addClass(DX_MENU_ITEM_POPOUT_CONTAINER_CLASS);
                    $popOutContainer.append($popOutImage);
                    return $popOutContainer
                }
                _getDataAdapterOptions() {
                    return {
                        rootValue: 0,
                        multipleSelection: false,
                        recursiveSelection: false,
                        recursiveExpansion: false,
                        searchValue: ""
                    }
                }
                _selectByItem(selectedItem) {
                    if (!selectedItem) {
                        return
                    }
                    const nodeToSelect = this._dataAdapter.getNodeByItem(selectedItem);
                    if (nodeToSelect) {
                        this._dataAdapter.toggleSelection(nodeToSelect.internalFields.key, true)
                    }
                }
                _renderSelectedItem() {
                    const selectedKeys = this._dataAdapter.getSelectedNodesKeys();
                    const selectedKey = selectedKeys.length && selectedKeys[0];
                    const selectedItem = this.option("selectedItem");
                    if (!selectedKey) {
                        this._selectByItem(selectedItem);
                        return
                    }
                    const node = this._dataAdapter.getNodeByKey(selectedKey);
                    if (!node || false === node.selectable) {
                        return
                    }
                    if (!selectedItem) {
                        this.option("selectedItem", node.internalFields.item);
                        return
                    }
                    if (selectedItem !== node.internalFields.item) {
                        this._dataAdapter.toggleSelection(selectedKey, false);
                        this._selectByItem(selectedItem)
                    }
                }
                _initActions() {}
                _initMarkup() {
                    super._initMarkup();
                    const {
                        useInkRipple: useInkRipple
                    } = this.option();
                    if (useInkRipple) {
                        this._renderInkRipple()
                    }
                }
                _renderInkRipple() {
                    this._inkRipple = (0, _m_ink_ripple.render)()
                }
                _toggleActiveState($element, value, event) {
                    super._toggleActiveState($element, value);
                    if (!this._inkRipple) {
                        return
                    }
                    const config = {
                        element: $element,
                        event: event
                    };
                    if (value) {
                        this._inkRipple.showWave(config)
                    } else {
                        this._inkRipple.hideWave(config)
                    }
                }
                _getShowSubmenuMode() {
                    const {
                        showSubmenuMode: showSubmenuMode
                    } = this.option();
                    const showMode = (0, _type.isObject)(showSubmenuMode) ? showSubmenuMode.name : showSubmenuMode;
                    return this._isDesktopDevice() ? showMode : "onClick"
                }
                _isDesktopDevice() {
                    return "desktop" === _devices.default.real().deviceType
                }
                _initEditStrategy() {
                    this._editStrategy = new _menu_baseEdit.default(this)
                }
                _addCustomCssClass($element) {
                    const {
                        cssClass: cssClass
                    } = this.option();
                    if (cssClass) {
                        $element.addClass(cssClass)
                    }
                }
                _hoverStartHandler(e) {
                    const $itemElement = this._getItemElementByEventArgs(e);
                    if (!$itemElement || this._isItemDisabled($itemElement)) {
                        return
                    }
                    e.stopPropagation();
                    if ("onHover" === this._getShowSubmenuMode()) {
                        const submenuDelay = this._getSubmenuDelay();
                        if (0 === submenuDelay) {
                            this._showSubmenu($itemElement)
                        } else {
                            clearTimeout(this._showSubmenusTimeout);
                            this._showSubmenusTimeout = setTimeout(this._showSubmenu.bind(this, $itemElement), submenuDelay)
                        }
                    }
                }
                _getAvailableItems($itemElements) {
                    return super._getAvailableItems($itemElements).filter((_index, item) => "hidden" !== (0, _renderer.default)(item).css("visibility"))
                }
                _isItemDisabled($item) {
                    return this._disabledGetter($item.data(this._itemDataKey()))
                }
                _showSubmenu($itemElement) {
                    this._addExpandedClass($itemElement)
                }
                _addExpandedClass(itemElement) {
                    (0, _renderer.default)(itemElement).addClass(DX_MENU_ITEM_EXPANDED_CLASS)
                }
                _getSubmenuDelay() {
                    const {
                        showSubmenuMode: showSubmenuMode
                    } = this.option();
                    const delay = (0, _type.isObject)(showSubmenuMode) ? showSubmenuMode.delay : void 0;
                    if (!(0, _type.isDefined)(delay)) {
                        return DEFAULT_DELAY_show
                    }
                    if ((0, _type.isObject)(delay)) {
                        return delay.show ?? DEFAULT_DELAY_show
                    }
                    return delay
                }
                _getItemElementByEventArgs(eventArgs) {
                    let $target = (0, _renderer.default)(eventArgs.target);
                    if ($target.hasClass(this._itemClass()) || $target.get(0) === eventArgs.currentTarget) {
                        return $target
                    }
                    while (!$target.hasClass(this._itemClass())) {
                        $target = $target.parent();
                        if ($target.hasClass("dx-submenu")) {
                            return null
                        }
                    }
                    return $target
                }
                _hoverEndHandler(event) {
                    clearTimeout(this._showSubmenusTimeout)
                }
                _hasSubmenu(node) {
                    return !!(null !== node && void 0 !== node && node.internalFields.childrenKeys.length)
                }
                _renderContentImpl() {
                    this._renderItems(this._dataAdapter.getRootNodes())
                }
                _renderItems(nodes, $submenuContainer) {
                    if (!nodes.length) {
                        return
                    }
                    this.hasIcons = false;
                    const $nodeContainer = this._renderContainer(this.$element(), null === $submenuContainer || void 0 === $submenuContainer ? void 0 : $submenuContainer[0]);
                    let firstVisibleIndex = -1;
                    let nextGroupFirstIndex = -1;
                    (0, _iterator.each)(nodes, (index, node) => {
                        const isVisibleNode = false !== node.visible;
                        if (isVisibleNode && firstVisibleIndex < 0) {
                            firstVisibleIndex = index
                        }
                        const isBeginGroup = firstVisibleIndex < index && (node.beginGroup || index === nextGroupFirstIndex);
                        if (isBeginGroup) {
                            nextGroupFirstIndex = isVisibleNode ? index : index + 1
                        }
                        if (index === nextGroupFirstIndex && firstVisibleIndex < index) {
                            this._renderSeparator($nodeContainer)
                        }
                        this._renderItem(index, node, $nodeContainer)
                    });
                    if (!this.hasIcons) {
                        $nodeContainer.addClass("dx-menu-no-icons")
                    }
                }
                _renderContainer($wrapper, submenuContainer) {
                    const $container = (0, _renderer.default)("<ul>");
                    this.setAria("role", "none", $container);
                    return $container.appendTo($wrapper).addClass("dx-menu-items-container")
                }
                _createDOMElement($nodeContainer) {
                    const $node = (0, _renderer.default)("<li>");
                    this.setAria("role", "none", $node);
                    return $node.appendTo($nodeContainer).addClass(DX_MENU_ITEM_WRAPPER_CLASS)
                }
                _renderItem(index, node, $nodeContainer, $nodeElement) {
                    var _items;
                    const {
                        items: items = []
                    } = this.option();
                    const $node = $nodeElement ?? this._createDOMElement($nodeContainer);
                    if (null !== (_items = items[index + 1]) && void 0 !== _items && _items.beginGroup) {
                        $node.addClass("dx-menu-last-group-item")
                    }
                    const $itemFrame = super._renderItem(index, node.internalFields.item, $node);
                    if (node.internalFields.item === this.option("selectedItem")) {
                        $itemFrame.addClass(DX_MENU_SELECTED_ITEM_CLASS)
                    }
                    $itemFrame.attr("tabIndex", -1);
                    if (this._hasSubmenu(node)) {
                        this.setAria("haspopup", "true", $itemFrame)
                    }
                    return $itemFrame
                }
                _renderItemFrame(index, itemData, $itemContainer) {
                    const $itemFrame = $itemContainer.children(`.${ITEM_CLASS}`);
                    return $itemFrame.length ? $itemFrame : super._renderItemFrame(index, itemData, $itemContainer)
                }
                _refreshItem($item, item) {
                    const node = this._dataAdapter.getNodeByItem(item);
                    if (!node) {
                        return
                    }
                    const index = $item.data(this._itemIndexKey());
                    const $nodeContainer = $item.closest("ul");
                    const $nodeElement = $item.closest("li");
                    this._renderItem(index, node, $nodeContainer, $nodeElement)
                }
                _addContentClasses(itemData, $itemFrame) {
                    const hasText = itemData.text ? !!itemData.text.length : false;
                    const hasIcon = !!itemData.icon;
                    const hasSubmenu = itemData.items ? !!itemData.items.length : false;
                    $itemFrame.toggleClass(DX_ITEM_HAS_TEXT, hasText);
                    $itemFrame.toggleClass(DX_ITEM_HAS_ICON, hasIcon);
                    if (!this.hasIcons) {
                        this.hasIcons = hasIcon
                    }
                    $itemFrame.toggleClass(DX_ITEM_HAS_SUBMENU, hasSubmenu)
                }
                _getItemContent($itemFrame) {
                    let $itemContent = super._getItemContent($itemFrame);
                    if (!$itemContent.length) {
                        $itemContent = $itemFrame.children(`.${DX_ITEM_CONTENT_CLASS}`)
                    }
                    return $itemContent
                }
                _postprocessRenderItem(args) {
                    const $itemElement = (0, _renderer.default)(args.itemElement);
                    const selectedIndex = this._dataAdapter.getSelectedNodesKeys();
                    if (!selectedIndex.length || !this._selectedGetter(args.itemData) || !this._isItemSelectable(args.itemData)) {
                        this._setAriaSelectionAttribute($itemElement, "false");
                        return
                    }
                    const node = this._dataAdapter.getNodeByItem(args.itemData);
                    if (node && node.internalFields.key === selectedIndex[0]) {
                        $itemElement.addClass(this._selectedItemClass());
                        this._setAriaSelectionAttribute($itemElement, "true")
                    } else {
                        this._setAriaSelectionAttribute($itemElement, "false")
                    }
                }
                _isItemSelectable(item) {
                    return false !== item.selectable
                }
                _renderSeparator($itemsContainer) {
                    (0, _renderer.default)("<li>").appendTo($itemsContainer).addClass("dx-menu-separator")
                }
                _itemClickHandler(e) {
                    if (e._skipHandling) {
                        return
                    }
                    const itemClickActionHandler = this._createAction(this._updateSubmenuVisibilityOnClick.bind(this));
                    this._itemDXEventHandler(e, "onItemClick", {}, {
                        beforeExecute: this._itemClick,
                        afterExecute: itemClickActionHandler.bind(this)
                    });
                    e._skipHandling = true
                }
                _isUrlItem(item) {
                    return !!item && "url" in item && !!item.url
                }
                _itemClick(actionArgs) {
                    var _actionArgs$args;
                    const {
                        event: event,
                        itemData: itemData
                    } = (null === (_actionArgs$args = actionArgs.args) || void 0 === _actionArgs$args ? void 0 : _actionArgs$args[0]) ?? {};
                    if (!event) {
                        return
                    }
                    const $itemElement = this._getItemElementByEventArgs(event);
                    const link = null === $itemElement || void 0 === $itemElement ? void 0 : $itemElement.find(".dx-item-url")[0];
                    if (!this._isUrlItem(itemData) || !link) {
                        return
                    }
                    const isNativeLinkClick = (0, _renderer.default)(event.target).closest(".dx-item-url").length;
                    if (isNativeLinkClick) {
                        return
                    }
                    this._clickByLink(link)
                }
                _updateSubmenuVisibilityOnClick(actionArgs) {
                    this._updateSelectedItemOnClick(actionArgs);
                    if ("onClick" === this._getShowSubmenuMode()) {
                        var _actionArgs$args2;
                        const itemElement = null === (_actionArgs$args2 = actionArgs.args) || void 0 === _actionArgs$args2 ? void 0 : _actionArgs$args2[0].itemElement;
                        if (itemElement) {
                            this._addExpandedClass(itemElement)
                        }
                    }
                }
                _updateSelectedItemOnClick(actionArgs) {
                    const args = actionArgs.args ? actionArgs.args[0] : actionArgs;
                    const {
                        itemData: itemData
                    } = args;
                    if (!itemData || !this._isItemSelectAllowed(itemData)) {
                        return
                    }
                    const selectedItemKey = this._dataAdapter.getSelectedNodesKeys();
                    const selectedNode = selectedItemKey.length && this._dataAdapter.getNodeByKey(selectedItemKey[0]);
                    if (selectedNode) {
                        this._toggleItemSelection(selectedNode, false)
                    }
                    if (!selectedNode || selectedNode.internalFields.item !== itemData) {
                        this.selectItem(itemData)
                    } else {
                        this._fireSelectionChangeEvent(null, this.option("selectedItem"));
                        this._setOptionWithoutOptionChange("selectedItem", null)
                    }
                }
                _isItemSelectAllowed(item) {
                    const {
                        selectByClick: selectByClick
                    } = this.option();
                    const isSelectByClickEnabled = this._isSelectionEnabled() && selectByClick;
                    return !this._isContainerEmpty() && isSelectByClickEnabled && this._isItemSelectable(item) && !this._itemsGetter(item)
                }
                _isContainerEmpty() {
                    return this._itemContainer().is(":empty")
                }
                _syncSelectionOptions() {
                    return (0, _common.asyncNoop)()
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "showSubmenuMode":
                            break;
                        case "selectedItem": {
                            const node = args.value ? this._dataAdapter.getNodeByItem(args.value) : null;
                            const selectedKey = this._dataAdapter.getSelectedNodesKeys()[0];
                            if (node && node.internalFields.key !== selectedKey) {
                                if (false === node.selectable) {
                                    break
                                }
                                const selectedNode = this._dataAdapter.getNodeByKey(selectedKey);
                                if (selectedKey && selectedNode) {
                                    this._toggleItemSelection(selectedNode, false)
                                }
                                this._toggleItemSelection(node, true)
                            }
                            break
                        }
                        case "cssClass":
                        case "position":
                        case "selectByClick":
                        case "animation":
                        case "useInkRipple":
                            this._invalidate();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _toggleItemSelection(node, value) {
                    const itemElement = this._getElementByItem(node.internalFields.item);
                    if (itemElement) {
                        (0, _renderer.default)(itemElement).toggleClass(DX_MENU_SELECTED_ITEM_CLASS)
                    }
                    this._dataAdapter.toggleSelection(node.internalFields.key, value)
                }
                _getElementByItem(itemData) {
                    let result = (0, _renderer.default)();
                    (0, _iterator.each)(this._itemElements(), (_index, $itemElement) => {
                        if ((0, _renderer.default)($itemElement).data(this._itemDataKey()) !== itemData) {
                            return true
                        }
                        result = $itemElement;
                        return false
                    });
                    return result
                }
                _updateSelectedItems() {}
                _updateSelectedItem(addedItem, removedItem) {
                    if (addedItem || removedItem) {
                        this._fireSelectionChangeEvent(addedItem, removedItem)
                    }
                }
                _fireSelectionChangeEvent(addedItem, removedItem) {
                    this._createActionByOption("onSelectionChanged", {
                        excludeValidators: ["disabled", "readOnly"]
                    })({
                        addedItems: [addedItem],
                        removedItems: [removedItem]
                    })
                }
                selectItem(itemElement) {
                    const itemData = (item = itemElement, "object" === typeof item && "nodeType" in item && !!item.nodeType) ? this._getItemData(itemElement) : itemElement;
                    var item;
                    const selectedKey = this._dataAdapter.getSelectedNodesKeys()[0];
                    const selectedItem = this.option("selectedItem");
                    const node = this._dataAdapter.getNodeByItem(itemData);
                    if (node && node.internalFields.key !== selectedKey) {
                        const selectedNode = this._dataAdapter.getNodeByKey(selectedKey);
                        if (selectedKey && selectedNode) {
                            this._toggleItemSelection(selectedNode, false)
                        }
                        this._toggleItemSelection(node, true);
                        this._updateSelectedItem(itemData, selectedItem);
                        this._setOptionWithoutOptionChange("selectedItem", itemData)
                    }
                }
                unselectItem(itemElement) {
                    const itemData = itemElement.nodeType ? this._getItemData(itemElement) : itemElement;
                    const node = this._dataAdapter.getNodeByItem(itemData);
                    const selectedItem = this.option("selectedItem");
                    if (null !== node && void 0 !== node && node.internalFields.selected) {
                        this._toggleItemSelection(node, false);
                        this._updateSelectedItem(null, selectedItem);
                        this._setOptionWithoutOptionChange("selectedItem", null)
                    }
                }
            }
            MenuBase.ItemClass = _item.default;
            exports.default = MenuBase
        },
        81135(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../../core/config */ 66636));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/browser */ 48314));
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _date_serialization = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date_serialization */ 71051));
            var _dom = __webpack_require__( /*! ../../../core/utils/dom */ 86858);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _support = __webpack_require__( /*! ../../../core/utils/support */ 4785);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _m_drop_down_editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/drop_down_editor/m_drop_down_editor */ 28906));
            var _date_utils = _interopRequireDefault(__webpack_require__( /*! ./date_utils */ 45854));
            var _m_date_boxStrategy = _interopRequireDefault(__webpack_require__( /*! ./m_date_box.strategy.calendar */ 49403));
            var _m_date_boxStrategy2 = _interopRequireDefault(__webpack_require__( /*! ./m_date_box.strategy.calendar_with_time */ 34092));
            var _m_date_boxStrategy3 = _interopRequireDefault(__webpack_require__( /*! ./m_date_box.strategy.date_view */ 25417));
            var _m_date_boxStrategy4 = _interopRequireDefault(__webpack_require__( /*! ./m_date_box.strategy.list */ 62905));
            var _m_date_boxStrategy5 = _interopRequireDefault(__webpack_require__( /*! ./m_date_box.strategy.native */ 19838));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const PICKER_TYPE = {
                calendar: "calendar",
                rollers: "rollers",
                list: "list",
                native: "native"
            };
            const TYPE = {
                date: "date",
                datetime: "datetime",
                time: "time"
            };
            const STRATEGY_NAME_calendar = "Calendar",
                STRATEGY_NAME_dateView = "DateView",
                STRATEGY_NAME_native = "Native",
                STRATEGY_NAME_calendarWithTime = "CalendarWithTime",
                STRATEGY_NAME_list = "List";
            const STRATEGY_CLASSES = {
                Calendar: _m_date_boxStrategy.default,
                DateView: _m_date_boxStrategy3.default,
                Native: _m_date_boxStrategy5.default,
                CalendarWithTime: _m_date_boxStrategy2.default,
                List: _m_date_boxStrategy4.default
            };
            class DateBox extends _m_drop_down_editor.default {
                _supportedKeys() {
                    return Object.assign({}, super._supportedKeys(), this._strategy.supportedKeys())
                }
                _renderButtonContainers() {
                    super._renderButtonContainers();
                    this._strategy.customizeButtons()
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        type: "date",
                        showAnalogClock: true,
                        value: null,
                        displayFormat: null,
                        interval: 30,
                        disabledDates: null,
                        pickerType: PICKER_TYPE.calendar,
                        invalidDateMessage: _message.default.format("dxDateBox-validation-datetime"),
                        dateOutOfRangeMessage: _message.default.format("validation-range"),
                        applyButtonText: _message.default.format("OK"),
                        adaptivityEnabled: false,
                        calendarOptions: {},
                        useHiddenSubmitElement: true,
                        _showValidationIcon: true
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: {
                            platform: "ios"
                        },
                        options: {
                            "dropDownOptions.showTitle": true
                        }
                    }, {
                        device: {
                            platform: "android"
                        },
                        options: {
                            buttonsLocation: "bottom after"
                        }
                    }, {
                        device() {
                            const realDevice = _devices.default.real();
                            const {
                                platform: platform
                            } = realDevice;
                            return "ios" === platform || "android" === platform
                        },
                        options: {
                            pickerType: PICKER_TYPE.native
                        }
                    }, {
                        device: {
                            platform: "generic",
                            deviceType: "desktop"
                        },
                        options: {
                            buttonsLocation: "bottom after"
                        }
                    }])
                }
                _initOptions(options) {
                    this._userOptions = (0, _extend.extend)({}, options);
                    super._initOptions(options);
                    this._updatePickerOptions()
                }
                _updatePickerOptions() {
                    let {
                        pickerType: pickerType
                    } = this.option();
                    const {
                        type: type
                    } = this.option();
                    if (pickerType === PICKER_TYPE.list && (type === TYPE.datetime || type === TYPE.date)) {
                        pickerType = PICKER_TYPE.calendar
                    }
                    if (type === TYPE.time && pickerType === PICKER_TYPE.calendar) {
                        pickerType = PICKER_TYPE.list
                    }
                    this._pickerType = pickerType;
                    this._setShowDropDownButtonOption()
                }
                _setShowDropDownButtonOption() {
                    const {
                        platform: platform
                    } = _devices.default.real();
                    const isMozillaOnAndroid = "android" === platform && _browser.default.mozilla;
                    const isNativePickerType = this._isNativeType();
                    let showDropDownButton = "generic" !== platform || !isNativePickerType;
                    if (isNativePickerType && isMozillaOnAndroid) {
                        showDropDownButton = false
                    }
                    this.option({
                        showDropDownButton: showDropDownButton
                    })
                }
                _init() {
                    this._initStrategy();
                    this.option((0, _extend.extend)({}, this._strategy.getDefaultOptions(), this._userOptions));
                    delete this._userOptions;
                    super._init()
                }
                _toLowerCaseFirstLetter(string) {
                    return string.charAt(0).toLowerCase() + string.substr(1)
                }
                _initStrategy() {
                    var _this$_strategy;
                    const strategyName = this._getStrategyName(this._getFormatType());
                    const strategy = STRATEGY_CLASSES[strategyName];
                    if (!((null === (_this$_strategy = this._strategy) || void 0 === _this$_strategy ? void 0 : _this$_strategy.NAME) === strategyName)) {
                        this._strategy = new strategy(this)
                    }
                }
                _getFormatType() {
                    const {
                        type: type = "date"
                    } = this.option();
                    const isTime = /h|m|s/g.test(type);
                    const isDate = /d|M|Y/g.test(type);
                    if (isDate && isTime) {
                        return TYPE.datetime
                    }
                    if (isTime) {
                        return TYPE.time
                    }
                    return TYPE.date
                }
                _getStrategyName(type) {
                    const pickerType = this._pickerType;
                    if (pickerType === PICKER_TYPE.rollers) {
                        return STRATEGY_NAME_dateView
                    }
                    if (pickerType === PICKER_TYPE.native) {
                        return STRATEGY_NAME_native
                    }
                    if (type === TYPE.date) {
                        return STRATEGY_NAME_calendar
                    }
                    if (type === TYPE.datetime) {
                        return STRATEGY_NAME_calendarWithTime
                    }
                    return STRATEGY_NAME_list
                }
                _initMarkup() {
                    this.$element().addClass("dx-datebox");
                    super._initMarkup();
                    this._refreshFormatClass();
                    this._refreshPickerTypeClass();
                    this._strategy.renderInputMinMax(this._input())
                }
                _render() {
                    super._render();
                    this._formatValidationIcon()
                }
                _renderDimensions() {
                    super._renderDimensions();
                    const {
                        width: width
                    } = this.option();
                    this.$element().toggleClass("dx-auto-width", !width);
                    this._updatePopupWidth();
                    this._updatePopupHeight()
                }
                _dimensionChanged() {
                    super._dimensionChanged();
                    this._updatePopupHeight()
                }
                _updatePopupHeight() {
                    if (this._popup && this._strategy instanceof _m_date_boxStrategy4.default) {
                        this._strategy._updatePopupHeight()
                    }
                }
                _refreshFormatClass() {
                    const $element = this.$element();
                    const types = Object.values(TYPE);
                    types.forEach(item => {
                        $element.removeClass(`dx-datebox-${item}`)
                    });
                    const {
                        type: type
                    } = this.option();
                    $element.addClass(`dx-datebox-${type}`)
                }
                _refreshPickerTypeClass() {
                    const $element = this.$element();
                    const pickerTypes = Object.values(PICKER_TYPE);
                    pickerTypes.forEach(item => {
                        $element.removeClass(`dx-datebox-${item}`)
                    });
                    $element.addClass(`dx-datebox-${this._pickerType}`)
                }
                _formatValidationIcon() {
                    if (!(0, _window.hasWindow)()) {
                        return
                    }
                    const inputElement = this._input().get(0);
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    const clearButtonWidth = this._getClearButtonWidth();
                    const longestElementDimensions = this._getLongestElementDimensions();
                    const curWidth = parseFloat(window.getComputedStyle(inputElement).width) - clearButtonWidth;
                    const shouldHideValidationIcon = longestElementDimensions.width > curWidth;
                    const {
                        style: style
                    } = inputElement;
                    const {
                        _showValidationIcon: showValidationIcon
                    } = this.option();
                    this.$element().toggleClass("dx-show-invalid-badge", !shouldHideValidationIcon && showValidationIcon);
                    if (shouldHideValidationIcon) {
                        this._storedPadding ?? (this._storedPadding = rtlEnabled ? longestElementDimensions.leftPadding : longestElementDimensions.rightPadding);
                        if (rtlEnabled) {
                            style.paddingLeft = "0"
                        } else {
                            style.paddingRight = "0"
                        }
                    } else if (rtlEnabled) {
                        style.paddingLeft = `${this._storedPadding}px`
                    } else {
                        style.paddingRight = `${this._storedPadding}px`
                    }
                }
                _getClearButtonWidth() {
                    let clearButtonWidth = 0;
                    const input = this._input().get(0);
                    if (this._isClearButtonVisible() && "" === input.value) {
                        const clearButtonElement = this.$element().find(".dx-clear-button-area").get(0);
                        clearButtonWidth = parseFloat(window.getComputedStyle(clearButtonElement).width)
                    }
                    return clearButtonWidth
                }
                _getLongestElementDimensions() {
                    const {
                        displayFormat: displayFormat
                    } = this.option();
                    const format = this._strategy.getDisplayFormat(displayFormat);
                    const longestValue = _date.default.format(_date_utils.default.getLongestDate(format, _date.default.getMonthNames(), _date.default.getDayNames()), format);
                    const $input = this._input();
                    const inputElement = $input.get(0);
                    const $longestValueElement = (0, _dom.createTextElementHiddenCopy)($input, longestValue);
                    const storedPadding = this._storedPadding ?? 0;
                    $longestValueElement.appendTo(this.$element());
                    const elementWidth = parseFloat(window.getComputedStyle($longestValueElement.get(0)).width);
                    const rightPadding = parseFloat(window.getComputedStyle(inputElement).paddingRight);
                    const leftPadding = parseFloat(window.getComputedStyle(inputElement).paddingLeft);
                    const necessaryWidth = elementWidth + leftPadding + rightPadding + storedPadding;
                    $longestValueElement.remove();
                    return {
                        width: necessaryWidth,
                        leftPadding: leftPadding,
                        rightPadding: rightPadding
                    }
                }
                _getKeyboardListeners() {
                    var _this$_strategy2;
                    return super._getKeyboardListeners().concat([null === (_this$_strategy2 = this._strategy) || void 0 === _this$_strategy2 ? void 0 : _this$_strategy2.getKeyboardListener()])
                }
                _renderPopup() {
                    var _this$_popup;
                    super._renderPopup();
                    null === (_this$_popup = this._popup) || void 0 === _this$_popup || null === (_this$_popup = _this$_popup.$wrapper()) || void 0 === _this$_popup || _this$_popup.addClass("dx-datebox-wrapper");
                    this._renderPopupWrapper()
                }
                _getPopupToolbarItems() {
                    const defaultItems = super._getPopupToolbarItems();
                    return this._strategy._getPopupToolbarItems(defaultItems)
                }
                _popupConfig() {
                    const popupConfig = super._popupConfig();
                    return Object.assign({}, this._strategy.popupConfig(popupConfig), {
                        title: this._getPopupTitle(),
                        dragEnabled: false
                    })
                }
                _renderPopupWrapper() {
                    var _this$_popup$$wrapper;
                    if (!this._popup) {
                        return
                    }
                    const $element = this.$element();
                    const classPostfixes = [...Object.values(TYPE), ...Object.values(PICKER_TYPE)];
                    classPostfixes.forEach(item => {
                        $element.removeClass(`dx-datebox-wrapper-${item}`)
                    });
                    const {
                        type: type
                    } = this.option();
                    null === (_this$_popup$$wrapper = this._popup.$wrapper()) || void 0 === _this$_popup$$wrapper || _this$_popup$$wrapper.addClass(`dx-datebox-wrapper-${type}`).addClass(`dx-datebox-wrapper-${this._pickerType}`).addClass("dx-dropdowneditor-overlay")
                }
                _renderPopupContent() {
                    super._renderPopupContent();
                    this._strategy.renderPopupContent()
                }
                _popupShowingHandler() {
                    super._popupShowingHandler();
                    this._strategy.popupShowingHandler()
                }
                _popupShownHandler() {
                    super._popupShownHandler();
                    this._strategy.renderOpenedState()
                }
                _popupHiddenHandler() {
                    super._popupHiddenHandler();
                    this._strategy.renderOpenedState();
                    this._strategy.popupHiddenHandler()
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        this._formatValidationIcon()
                    }
                }
                _clearValueHandler(e) {
                    this.option("text", "");
                    super._clearValueHandler(e)
                }
                _readOnlyPropValue() {
                    if (this._pickerType === PICKER_TYPE.rollers) {
                        return true
                    }
                    const {
                        platform: platform
                    } = _devices.default.real();
                    const isCustomValueDisabled = this._isNativeType() && ("ios" === platform || "android" === platform);
                    if (isCustomValueDisabled) {
                        const {
                            readOnly: readOnly = false
                        } = this.option();
                        return readOnly
                    }
                    return super._readOnlyPropValue()
                }
                _isClearButtonVisible() {
                    return super._isClearButtonVisible() && !this._isNativeType()
                }
                _renderValue() {
                    const value = this.getDateOption("value");
                    this.option("text", this._getDisplayedText(value));
                    this._strategy.renderValue();
                    return super._renderValue()
                }
                _setSubmitValue() {
                    const value = this.getDateOption("value");
                    const {
                        type: type = "date",
                        dateSerializationFormat: dateSerializationFormat
                    } = this.option();
                    const submitFormat = _date_utils.default.SUBMIT_FORMATS_MAP[type];
                    const submitValue = dateSerializationFormat ? _date_serialization.default.serializeDate(value, dateSerializationFormat) : _date_utils.default.toStandardDateFormat(value, submitFormat);
                    this._getSubmitElement().val(submitValue)
                }
                _getDisplayedText(value) {
                    const {
                        mode: mode = "text",
                        displayFormat: displayFormatOption
                    } = this.option();
                    if ("text" === mode) {
                        const displayFormat = this._strategy.getDisplayFormat(displayFormatOption);
                        return _date.default.format(value, displayFormat)
                    }
                    const format = this._getFormatByMode(mode);
                    if (format) {
                        return _date.default.format(value, format)
                    }
                    return _date_utils.default.toStandardDateFormat(value, mode)
                }
                _getFormatByMode(mode) {
                    return (0, _support.inputType)(mode) ? null : _date_utils.default.FORMATS_MAP[mode]
                }
                _valueChangeEventHandler(e) {
                    const {
                        text: text,
                        type: type = "date",
                        validationError: validationError
                    } = this.option();
                    const currentValue = this.getDateOption("value");
                    if (text === this._getDisplayedText(currentValue)) {
                        this._recallInternalValidation(currentValue, validationError);
                        return
                    }
                    const parsedDate = this._getParsedDate(text);
                    const value = currentValue ?? this._getDateByDefault();
                    const newValue = _date_utils.default.mergeDates(value, parsedDate, type);
                    const date = parsedDate && "time" === type ? newValue : parsedDate;
                    if (this._applyInternalValidation(date).isValid) {
                        const displayedText = this._getDisplayedText(newValue);
                        if (value && value.getTime() === (null === newValue || void 0 === newValue ? void 0 : newValue.getTime()) && displayedText !== text) {
                            this._renderValue()
                        } else {
                            this.dateValue(newValue, e)
                        }
                    }
                }
                _recallInternalValidation(value, validationError) {
                    if (!validationError || validationError.editorSpecific) {
                        this._applyInternalValidation(value);
                        this._applyCustomValidation(value)
                    }
                }
                _getDateByDefault() {
                    if (this._strategy.useCurrentDateByDefault()) {
                        return this._strategy.getDefaultDate()
                    }
                    return
                }
                _getParsedDate(text) {
                    const {
                        displayFormat: displayFormat
                    } = this.option();
                    const strategyDisplayFormat = this._strategy.getDisplayFormat(displayFormat);
                    const parsedText = this._strategy.getParsedText(text, strategyDisplayFormat);
                    return parsedText ?? void 0
                }
                _applyInternalValidation(value) {
                    const {
                        text: text,
                        type: type
                    } = this.option();
                    const hasText = !!text && null !== value;
                    const isDate = !!value && (0, _type.isDate)(value) && !isNaN(value.getTime());
                    const isDateInRange = isDate && _date2.default.dateInRange(value, this.getDateOption("min"), this.getDateOption("max"), type);
                    const isValid = !hasText && !value || isDateInRange;
                    let validationMessage = "";
                    const {
                        invalidDateMessage: invalidDateMessage = "",
                        dateOutOfRangeMessage: dateOutOfRangeMessage = ""
                    } = this.option();
                    if (!isDate) {
                        validationMessage = invalidDateMessage
                    } else if (!isDateInRange) {
                        validationMessage = dateOutOfRangeMessage
                    }
                    this._updateInternalValidationState(isValid, validationMessage);
                    return {
                        isValid: isValid,
                        isDate: isDate
                    }
                }
                _updateInternalValidationState(isValid, validationMessage) {
                    this.option({
                        isValid: isValid,
                        validationError: isValid ? null : {
                            editorSpecific: true,
                            message: validationMessage
                        }
                    })
                }
                _applyCustomValidation(value) {
                    this.validationRequest.fire({
                        editor: this,
                        value: this._serializeDate(value)
                    })
                }
                _isValueChanged(newValue) {
                    const oldValue = this.getDateOption("value");
                    const oldTime = oldValue && oldValue.getTime();
                    const newTime = newValue && newValue.getTime();
                    return oldTime !== newTime
                }
                _isTextChanged(newValue) {
                    const {
                        text: oldText
                    } = this.option();
                    const newText = (newValue && this._getDisplayedText(newValue)) ?? "";
                    return oldText !== newText
                }
                _renderProps() {
                    super._renderProps();
                    this._input().attr("autocomplete", "off")
                }
                _renderOpenedState() {
                    if (!this._isNativeType()) {
                        super._renderOpenedState()
                    }
                    if (this._strategy.isAdaptivityChanged()) {
                        this._refreshStrategy()
                    }
                }
                _getPopupTitle() {
                    const {
                        placeholder: placeholder
                    } = this.option();
                    if (placeholder) {
                        return placeholder
                    }
                    const {
                        type: type
                    } = this.option();
                    if (type === TYPE.time) {
                        return _message.default.format("dxDateBox-simulatedDataPickerTitleTime")
                    }
                    if (type === TYPE.date || type === TYPE.datetime) {
                        return _message.default.format("dxDateBox-simulatedDataPickerTitleDate")
                    }
                    return ""
                }
                _refreshStrategy() {
                    this._strategy.dispose();
                    this._initStrategy();
                    this.option(this._strategy.getDefaultOptions());
                    this._refresh()
                }
                _applyButtonHandler(e) {
                    const value = this._strategy.getValue();
                    this.dateValue(value, e.event);
                    super._applyButtonHandler()
                }
                _dispose() {
                    var _this$_strategy3;
                    super._dispose();
                    null === (_this$_strategy3 = this._strategy) || void 0 === _this$_strategy3 || _this$_strategy3.dispose()
                }
                _isNativeType() {
                    return this._pickerType === PICKER_TYPE.native
                }
                _updatePopupTitle() {
                    var _this$_popup2;
                    null === (_this$_popup2 = this._popup) || void 0 === _this$_popup2 || _this$_popup2.option("title", this._getPopupTitle())
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "showClearButton":
                        case "buttons":
                        case "isValid":
                        case "readOnly":
                            super._optionChanged(args);
                            this._formatValidationIcon();
                            break;
                        case "pickerType":
                            this._updatePickerOptions();
                            this._refreshStrategy();
                            this._refreshPickerTypeClass();
                            this._invalidate();
                            break;
                        case "type":
                            this._updatePickerOptions();
                            this._refreshStrategy();
                            this._refreshFormatClass();
                            this._renderPopupWrapper();
                            this._formatValidationIcon();
                            this._updateValue();
                            break;
                        case "placeholder":
                            super._optionChanged(args);
                            this._updatePopupTitle();
                            break;
                        case "min":
                        case "max": {
                            const isValid = this.option("isValid");
                            this._applyInternalValidation(this.getDateOption("value"));
                            if (!isValid) {
                                this._applyCustomValidation(this.getDateOption("value"))
                            }
                            this._invalidate();
                            break
                        }
                        case "dateSerializationFormat":
                        case "interval":
                        case "disabledDates":
                        case "calendarOptions":
                        case "todayButtonText":
                            this._invalidate();
                            break;
                        case "displayFormat":
                            this.option("text", this._getDisplayedText(this.getDateOption("value")));
                            this._renderInputValue();
                            break;
                        case "text":
                            this._strategy.textChangedHandler();
                            super._optionChanged(args);
                            break;
                        case "showDropDownButton":
                            this._formatValidationIcon();
                            super._optionChanged(args);
                            break;
                        case "invalidDateMessage":
                        case "dateOutOfRangeMessage":
                        case "adaptivityEnabled":
                        case "showAnalogClock":
                        case "_showValidationIcon":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _getSerializationFormat() {
                    const {
                        value: value,
                        dateSerializationFormat: dateSerializationFormat
                    } = this.option();
                    if (dateSerializationFormat && (0, _config.default)().forceIsoDateParsing) {
                        return dateSerializationFormat
                    }
                    if ((0, _type.isNumeric)(value)) {
                        return "number"
                    }
                    if (!(0, _type.isString)(value) || "" === value) {
                        return
                    }
                    return _date_serialization.default.getDateSerializationFormat(value)
                }
                _updateValue(value) {
                    super._updateValue();
                    this._applyInternalValidation(value ?? this.getDateOption("value"))
                }
                dateValue(value, dxEvent) {
                    const isValueChanged = this._isValueChanged(value);
                    if (isValueChanged && dxEvent) {
                        this._saveValueChangeEvent(dxEvent)
                    }
                    if (!isValueChanged) {
                        const {
                            text: text
                        } = this.option();
                        if (this._isTextChanged(value)) {
                            this._updateValue(value)
                        } else if ("" === text) {
                            this._applyCustomValidation(value)
                        }
                    }
                    this.setDateOption("value", value)
                }
                getDateOption(optionName) {
                    const {
                        [optionName]: optionValue
                    } = this.option();
                    const deserializedDate = _date_serialization.default.deserializeDate(optionValue);
                    return deserializedDate
                }
                setDateOption(optionName, value) {
                    const serializedDate = this._serializeDate(value);
                    this.option(optionName, serializedDate)
                }
                _serializeDate(date) {
                    const serializationFormat = this._getSerializationFormat();
                    const serializedDate = _date_serialization.default.serializeDate(date, serializationFormat);
                    return serializedDate
                }
                _clearValue() {
                    const {
                        value: value
                    } = this.option();
                    super._clearValue();
                    if (null === value) {
                        this._applyCustomValidation(null)
                    }
                }
                clear() {
                    const {
                        value: value
                    } = this.option();
                    super.clear();
                    if (null === value) {
                        this._applyInternalValidation(null)
                    }
                }
            }
            exports.default = DateBox
        },
        56146(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _date_box = _interopRequireDefault(__webpack_require__( /*! ./date_box.mask */ 41850));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }(0, _component_registrator.default)("dxDateBox", _date_box.default);
            exports.default = _date_box.default
        },
        41850(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _date = __webpack_require__( /*! ../../../common/core/localization/ldml/date.format */ 83445);
            var _date2 = __webpack_require__( /*! ../../../common/core/localization/ldml/date.parser */ 46981);
            var _number = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/number */ 52771));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/browser */ 48314));
            var _dom = __webpack_require__( /*! ../../../core/utils/dom */ 86858);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _date3 = _interopRequireDefault(__webpack_require__( /*! ../../core/localization/date */ 45508));
            var _date_box = _interopRequireDefault(__webpack_require__( /*! ./date_box.base */ 81135));
            var _date_boxMask = __webpack_require__( /*! ./date_box.mask.parts */ 66398);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DateBoxMask extends _date_box.default {
                _supportedKeys() {
                    const originalHandlers = super._supportedKeys();
                    const callOriginalHandler = e => {
                        const normalizedKeyName = (0, _index.normalizeKeyName)(e);
                        const originalHandler = normalizedKeyName ? originalHandlers[normalizedKeyName] : void 0;
                        return null === originalHandler || void 0 === originalHandler ? void 0 : originalHandler.apply(this, [e])
                    };
                    const applyHandler = (e, maskHandler) => {
                        if (this._shouldUseOriginalHandler(e)) {
                            return callOriginalHandler.apply(this, [e])
                        }
                        return maskHandler.apply(this, [e])
                    };
                    return Object.assign({}, originalHandlers, {
                        del: e => applyHandler(e, event => {
                            this._revertPart(1);
                            if (!this._isAllSelected()) {
                                event.preventDefault()
                            }
                        }),
                        backspace: e => applyHandler(e, event => {
                            this._revertPart(-1);
                            if (!this._isAllSelected()) {
                                event.preventDefault()
                            }
                        }),
                        home: e => applyHandler(e, event => {
                            this._selectFirstPart();
                            event.preventDefault()
                        }),
                        end: e => applyHandler(e, event => {
                            this._selectLastPart();
                            event.preventDefault()
                        }),
                        escape: e => applyHandler(e, () => {
                            this._revertChanges()
                        }),
                        enter: e => applyHandler(e, () => {
                            this._enterHandler()
                        }),
                        leftArrow: e => applyHandler(e, event => {
                            this._selectNextPart(-1);
                            event.preventDefault()
                        }),
                        rightArrow: e => applyHandler(e, event => {
                            this._selectNextPart(1);
                            event.preventDefault()
                        }),
                        upArrow: e => applyHandler(e, event => {
                            this._upDownArrowHandler(1);
                            event.preventDefault()
                        }),
                        downArrow: e => applyHandler(e, event => {
                            this._upDownArrowHandler(-1);
                            event.preventDefault()
                        })
                    })
                }
                _shouldUseOriginalHandler(e) {
                    const {
                        opened: opened = false
                    } = this.option();
                    const isNotDeletingInCalendar = opened && e && !["backspace", "del"].includes((0, _index.normalizeKeyName)(e) ?? "");
                    return !this._useMaskBehavior() || isNotDeletingInCalendar || (null === e || void 0 === e ? void 0 : e.altKey)
                }
                _upDownArrowHandler(step) {
                    this._setNewDateIfEmpty();
                    const originalValue = this._getActivePartValue(this._initialMaskValue);
                    const currentValue = this._getActivePartValue();
                    const delta = currentValue - originalValue;
                    this._loadMaskValue(this._initialMaskValue);
                    this._changePartValue(delta + step, true)
                }
                _changePartValue(step, lockOtherParts) {
                    const activePartPattern = this._getActivePartProp("pattern");
                    const isAmPmPartActive = /^a{1,5}$/.test(activePartPattern);
                    if (isAmPmPartActive) {
                        this._toggleAmPm()
                    } else {
                        this._partIncrease(step, lockOtherParts)
                    }
                }
                _toggleAmPm() {
                    const currentValue = this._getActivePartProp("text");
                    const periodNames = _date3.default.getPeriodNames(this._formatPattern);
                    const indexOfCurrentValue = periodNames.indexOf(currentValue);
                    const newValue = 1 ^ indexOfCurrentValue;
                    this._setActivePartValue(newValue)
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        useMaskBehavior: false,
                        emptyDateValue: new Date(2e3, 0, 1, 0, 0, 0)
                    })
                }
                _isSingleCharKey(_ref) {
                    let {
                        originalEvent: originalEvent,
                        alt: alt
                    } = _ref;
                    const key = originalEvent.data ?? originalEvent.key;
                    return "string" === typeof key && 1 === key.length && !alt && !(0, _index.isCommandKeyPressed)(originalEvent)
                }
                _isSingleDigitKey(e) {
                    var _e$originalEvent;
                    const data = null === (_e$originalEvent = e.originalEvent) || void 0 === _e$originalEvent ? void 0 : _e$originalEvent.data;
                    return 1 === (null === data || void 0 === data ? void 0 : data.length) && Boolean(parseInt(data, 10))
                }
                _useBeforeInputEvent() {
                    return Boolean(_devices.default.real().android)
                }
                _keyInputHandler(e, key) {
                    const oldInputValue = this._input().val();
                    this._processInputKey(key);
                    e.preventDefault();
                    const isValueChanged = oldInputValue !== this._input().val();
                    if (isValueChanged) {
                        _events_engine.default.triggerHandler(this._input(), {
                            type: "input"
                        })
                    }
                }
                _keyboardHandler(e) {
                    let {
                        key: key
                    } = e.originalEvent;
                    const result = super._keyboardHandler(e);
                    if (!this._useMaskBehavior() || this._useBeforeInputEvent()) {
                        return result
                    }
                    if (_browser.default.chrome && "Process" === e.key && e.code.startsWith("Digit")) {
                        key = e.code.replace("Digit", "");
                        this._processInputKey(key);
                        this._maskInputHandler = () => {
                            this._renderSelectedPart()
                        }
                    } else if (this._isSingleCharKey(e)) {
                        this._keyInputHandler(e.originalEvent, key)
                    }
                    return result
                }
                _maskBeforeInputHandler(e) {
                    this._maskInputHandler = null;
                    const {
                        inputType: inputType
                    } = e.originalEvent;
                    if ("insertCompositionText" === inputType) {
                        this._maskInputHandler = () => {
                            this._renderSelectedPart()
                        }
                    }
                    const isBackwardDeletion = "deleteContentBackward" === inputType;
                    const isForwardDeletion = "deleteContentForward" === inputType;
                    if (isBackwardDeletion || isForwardDeletion) {
                        const direction = isBackwardDeletion ? -1 : 1;
                        this._maskInputHandler = () => {
                            this._revertPart();
                            this._selectNextPart(direction)
                        }
                    }
                    if (!this._useMaskBehavior() || !this._isSingleCharKey(e)) {
                        return false
                    }
                    const key = e.originalEvent.data ?? "";
                    this._keyInputHandler(e, key);
                    return true
                }
                _keyPressHandler(e) {
                    const {
                        originalEvent: event
                    } = e;
                    if ("insertCompositionText" === (null === event || void 0 === event ? void 0 : event.inputType) && this._isSingleDigitKey(e)) {
                        this._processInputKey(event.data ?? "");
                        this._renderDisplayText(this._getDisplayedText(this._maskValue));
                        this._selectNextPart()
                    }
                    super._keyPressHandler(e);
                    if (this._maskInputHandler) {
                        this._maskInputHandler();
                        this._maskInputHandler = null
                    }
                }
                _processInputKey(key) {
                    var _this$_dateParts;
                    const hasMultipleParts = (null === (_this$_dateParts = this._dateParts) || void 0 === _this$_dateParts ? void 0 : _this$_dateParts.length) > 1;
                    if (this._isAllSelected() && hasMultipleParts) {
                        this._activePartIndex = 0;
                        this._clearSearchValue()
                    }
                    this._setNewDateIfEmpty();
                    if (isNaN(parseInt(key, 10))) {
                        this._searchString(key)
                    } else {
                        this._searchNumber(key)
                    }
                }
                _isAllSelected() {
                    const caret = this._caret();
                    const {
                        text: text = ""
                    } = this.option();
                    const caretStart = (null === caret || void 0 === caret ? void 0 : caret.start) ?? 0;
                    const caretEnd = (null === caret || void 0 === caret ? void 0 : caret.end) ?? 0;
                    return caretEnd - caretStart === text.length
                }
                _getFormatPattern() {
                    if (this._formatPattern) {
                        return this._formatPattern
                    }
                    const {
                        displayFormat: displayFormat
                    } = this.option();
                    const format = this._strategy.getDisplayFormat(displayFormat);
                    const isLDMLPattern = (0, _type.isString)(format) && !_date3.default._getPatternByFormat(format);
                    if (isLDMLPattern) {
                        this._formatPattern = format
                    } else {
                        this._formatPattern = (0, _date.getFormat)(value => _date3.default.format(value, format))
                    }
                    return this._formatPattern
                }
                _setNewDateIfEmpty() {
                    if (!this._maskValue) {
                        const {
                            type: type
                        } = this.option();
                        const value = "time" === type ? new Date(0) : new Date;
                        this._maskValue = value;
                        this._initialMaskValue = value;
                        this._renderDateParts()
                    }
                }
                _partLimitsReached(max) {
                    const maxLimitLength = String(max).length;
                    const formatLength = this._getActivePartProp("pattern").length;
                    const isShortFormat = 1 === formatLength;
                    const maxSearchLength = isShortFormat ? maxLimitLength : Math.min(formatLength, maxLimitLength);
                    const isLengthExceeded = this._searchValue.length === maxSearchLength;
                    const isValueOverflowed = parseInt(`${this._searchValue}0`, 10) > max;
                    return isLengthExceeded || isValueOverflowed
                }
                _searchNumber(char) {
                    const {
                        max: max
                    } = this._getActivePartLimits();
                    const maxLimitLength = String(max).length;
                    this._searchValue = (this._searchValue + char).substr(-maxLimitLength);
                    if (isNaN(parseInt(this._searchValue, 10))) {
                        this._searchValue = char
                    }
                    this._setActivePartValue(this._searchValue);
                    if (this._partLimitsReached(max)) {
                        this._selectNextPart(1)
                    }
                }
                _searchString(char) {
                    const text = this._getActivePartProp("text");
                    const convertedText = _number.default.convertDigits(text, true);
                    if (!isNaN(parseInt(convertedText, 10))) {
                        return
                    }
                    const limits = this._getActivePartProp("limits")(this._maskValue);
                    const startString = this._searchValue + char.toLowerCase();
                    const endLimit = limits.max - limits.min;
                    for (let i = 0; i <= endLimit; i += 1) {
                        this._loadMaskValue(this._initialMaskValue);
                        this._changePartValue(i + 1);
                        if (this._getActivePartProp("text").toLowerCase().startsWith(startString)) {
                            this._searchValue = startString;
                            return
                        }
                    }
                    this._setNewDateIfEmpty();
                    if (this._searchValue) {
                        this._clearSearchValue();
                        this._searchString(char)
                    }
                }
                _clearSearchValue() {
                    this._searchValue = ""
                }
                _revertPart(direction) {
                    if (!this._isAllSelected()) {
                        const {
                            emptyDateValue: emptyDateValue
                        } = this.option();
                        const actual = this._getActivePartValue(emptyDateValue);
                        this._setActivePartValue(actual);
                        this._selectNextPart(direction)
                    }
                    this._clearSearchValue()
                }
                _useMaskBehavior() {
                    const {
                        mode: mode
                    } = this.option();
                    return this.option("useMaskBehavior") && "text" === mode
                }
                _prepareRegExpInfo() {
                    this._regExpInfo = (0, _date2.getRegExpInfo)(this._getFormatPattern(), _date3.default);
                    const {
                        regexp: regexp
                    } = this._regExpInfo;
                    const {
                        source: source
                    } = regexp;
                    const {
                        flags: flags
                    } = regexp;
                    const quantifierRegexp = new RegExp(/(\{[0-9]+,?[0-9]*\})/);
                    const convertedSource = source.split(quantifierRegexp).map(sourcePart => quantifierRegexp.test(sourcePart) ? sourcePart : _number.default.convertDigits(sourcePart, false)).join("");
                    this._regExpInfo.regexp = new RegExp(convertedSource, flags)
                }
                _initMaskState() {
                    this._activePartIndex = 0;
                    this._formatPattern = null;
                    this._prepareRegExpInfo();
                    this._loadMaskValue()
                }
                _renderMask() {
                    super._renderMask();
                    this._detachMaskEvents();
                    this._clearMaskState();
                    if (this._useMaskBehavior()) {
                        this._attachMaskEvents();
                        this._initMaskState();
                        this._renderDateParts()
                    }
                }
                _renderDateParts() {
                    if (!this._useMaskBehavior()) {
                        return
                    }
                    const {
                        text: text
                    } = this.option();
                    const newText = text || this._getDisplayedText(this._maskValue);
                    if (newText) {
                        this._dateParts = (0, _date_boxMask.renderDateParts)(newText, this._regExpInfo);
                        if (!this._input().is(":hidden")) {
                            this._selectNextPart()
                        }
                    }
                }
                _detachMaskEvents() {
                    _events_engine.default.off(this._input(), ".dateBoxMask")
                }
                _attachMaskEvents() {
                    _events_engine.default.on(this._input(), (0, _index.addNamespace)("dxclick", "dateBoxMask"), this._maskClickHandler.bind(this));
                    _events_engine.default.on(this._input(), (0, _index.addNamespace)("paste", "dateBoxMask"), this._maskPasteHandler.bind(this));
                    _events_engine.default.on(this._input(), (0, _index.addNamespace)("drop", "dateBoxMask"), () => {
                        this._renderSelectedPart()
                    });
                    _events_engine.default.on(this._input(), (0, _index.addNamespace)("compositionend", "dateBoxMask"), this._maskCompositionEndHandler.bind(this));
                    if (this._useBeforeInputEvent()) {
                        _events_engine.default.on(this._input(), (0, _index.addNamespace)("beforeinput", "dateBoxMask"), this._maskBeforeInputHandler.bind(this))
                    }
                }
                _renderSelectedPart() {
                    this._renderDisplayText(this._getDisplayedText(this._maskValue));
                    this._selectNextPart()
                }
                _selectLastPart() {
                    if (this.option("text")) {
                        this._activePartIndex = this._dateParts.length;
                        this._selectNextPart(-1)
                    }
                }
                _selectFirstPart() {
                    if (this.option("text") && this._dateParts) {
                        this._activePartIndex = -1;
                        this._selectNextPart(1)
                    }
                }
                _hasMouseWheelHandler() {
                    return true
                }
                _onMouseWheel(e) {
                    if (this._useMaskBehavior()) {
                        this._partIncrease(e.delta > 0 ? 1 : -1, Boolean(e))
                    }
                }
                _selectNextPart() {
                    var _this$_dateParts$inde;
                    let step = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0;
                    if (!this.option("text") || this._disposed) {
                        return
                    }
                    if (step) {
                        this._initialMaskValue = new Date(this._maskValue)
                    }
                    const activePartIndex = this._activePartIndex ?? 0;
                    let index = (0, _math.fitIntoRange)(activePartIndex + step, 0, this._dateParts.length - 1);
                    if (null !== (_this$_dateParts$inde = this._dateParts[index]) && void 0 !== _this$_dateParts$inde && _this$_dateParts$inde.isStub) {
                        const isBoundaryIndex = 0 === index && step < 0 || index === this._dateParts.length - 1 && step > 0;
                        if (!isBoundaryIndex) {
                            this._selectNextPart(step >= 0 ? step + 1 : step - 1);
                            return
                        }
                        index = activePartIndex
                    }
                    if (activePartIndex !== index) {
                        this._clearSearchValue()
                    }
                    this._activePartIndex = index;
                    this._caret(this._getActivePartProp("caret"))
                }
                _getRealLimitsPattern() {
                    if (this._getActivePartProp("pattern").startsWith("d")) {
                        return "dM"
                    }
                    return
                }
                _getActivePartLimits() {
                    let lockOtherParts = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : false;
                    const limitFunction = this._getActivePartProp("limits");
                    return limitFunction(this._maskValue, lockOtherParts ? this._getRealLimitsPattern() : void 0)
                }
                _getActivePartValue(dateValue) {
                    const date = dateValue ?? this._maskValue;
                    const getter = this._getActivePartProp("getter");
                    const isGetterFunction = (0, _type.isFunction)(getter);
                    const activePartValue = isGetterFunction ? getter(date) : date[getter]();
                    return activePartValue
                }
                _addLeadingZeroes(value) {
                    const zeroes = /^0+/.exec(this._searchValue);
                    const limits = this._getActivePartLimits();
                    const maxLimitLength = String(limits.max).length;
                    return (((null === zeroes || void 0 === zeroes ? void 0 : zeroes[0]) ?? "") + String(value)).substr(-maxLimitLength)
                }
                _setActivePartValue(value, dateValue) {
                    let newValue = +value;
                    const newDateValue = dateValue ?? this._maskValue;
                    const setter = this._getActivePartProp("setter");
                    const limits = this._getActivePartLimits();
                    newValue = (0, _math.inRange)(newValue, limits.min, limits.max) ? newValue : newValue % 10;
                    newValue = this._addLeadingZeroes((0, _math.fitIntoRange)(newValue, limits.min, limits.max));
                    if ((0, _type.isFunction)(setter)) {
                        setter(newDateValue, newValue)
                    } else {
                        newDateValue[setter](newValue)
                    }
                    this._renderDisplayText(this._getDisplayedText(newDateValue));
                    this._renderDateParts()
                }
                _getActivePartProp(property) {
                    var _this$_dateParts2;
                    if (!(0, _type.isDefined)(this._activePartIndex)) {
                        return
                    }
                    if (!(null !== (_this$_dateParts2 = this._dateParts) && void 0 !== _this$_dateParts2 && _this$_dateParts2[this._activePartIndex])) {
                        return
                    }
                    return this._dateParts[this._activePartIndex][property]
                }
                _loadMaskValue() {
                    let value = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this.getDateOption("value");
                    this._maskValue = value ? new Date(value) : null;
                    this._initialMaskValue = value ? new Date(value) : null
                }
                _saveMaskValue() {
                    const value = this._maskValue && new Date(this._maskValue);
                    const {
                        type: type
                    } = this.option();
                    if (value && "date" === type) {
                        value.setHours(0, 0, 0, 0)
                    }
                    this._initialMaskValue = new Date(value);
                    if (this._applyInternalValidation(value).isValid) {
                        this.setDateOption("value", value)
                    }
                }
                _revertChanges() {
                    this._loadMaskValue();
                    this._renderDisplayText(this._getDisplayedText(this._maskValue));
                    this._renderDateParts()
                }
                _renderDisplayText(text) {
                    super._renderDisplayText(text);
                    if (this._useMaskBehavior()) {
                        this.option("text", text)
                    }
                }
                _partIncrease(step, lockOtherParts) {
                    this._setNewDateIfEmpty();
                    const {
                        max: max,
                        min: min
                    } = this._getActivePartLimits(lockOtherParts);
                    let newValue = step + this._getActivePartValue();
                    if (newValue > max) {
                        newValue = this._applyLimits(newValue, {
                            limitBase: min,
                            limitClosest: max,
                            max: max
                        })
                    } else if (newValue < min) {
                        newValue = this._applyLimits(newValue, {
                            limitBase: max,
                            limitClosest: min,
                            max: max
                        })
                    }
                    this._setActivePartValue(newValue)
                }
                _applyLimits(newValue, _ref2) {
                    let {
                        limitBase: limitBase,
                        limitClosest: limitClosest,
                        max: max
                    } = _ref2;
                    const delta = (newValue - limitClosest) % max;
                    return delta ? limitBase + delta - 1 * (0, _math.sign)(delta) : limitClosest
                }
                _maskClickHandler() {
                    this._loadMaskValue(this._maskValue);
                    const {
                        text: text
                    } = this.option();
                    if (text) {
                        var _this$_caret;
                        this._activePartIndex = (0, _date_boxMask.getDatePartIndexByPosition)(this._dateParts, (null === (_this$_caret = this._caret()) || void 0 === _this$_caret ? void 0 : _this$_caret.start) ?? 0);
                        if (!this._isAllSelected()) {
                            this._clearSearchValue();
                            if ((0, _type.isDefined)(this._activePartIndex)) {
                                this._caret(this._getActivePartProp("caret"))
                            } else {
                                this._selectLastPart()
                            }
                        }
                    }
                }
                _maskCompositionEndHandler() {
                    this._input().val(this._getDisplayedText(this._maskValue));
                    this._selectNextPart();
                    this._maskInputHandler = () => {
                        this._renderSelectedPart()
                    }
                }
                _maskPasteHandler(e) {
                    const {
                        text: text
                    } = this.option();
                    const newText = this._replaceSelectedText(text, this._caret(), (0, _dom.clipboardText)(e));
                    const date = _date3.default.parse(newText, this._getFormatPattern());
                    if (date && this._isDateValid(date)) {
                        this._maskValue = date;
                        this._renderDisplayText(this._getDisplayedText(this._maskValue));
                        this._renderDateParts();
                        this._selectNextPart()
                    }
                    e.preventDefault()
                }
                _isDateValid(date) {
                    return (0, _type.isDate)(date) && !isNaN(date.getTime())
                }
                _isValueDirty() {
                    var _this$_maskValue;
                    const value = this.getDateOption("value");
                    return (null === (_this$_maskValue = this._maskValue) || void 0 === _this$_maskValue ? void 0 : _this$_maskValue.getTime()) !== (null === value || void 0 === value ? void 0 : value.getTime())
                }
                _hasEditorSpecificValidationError() {
                    const {
                        isValid: isValid,
                        validationError: validationError
                    } = this.option();
                    return !isValid && Boolean(null === validationError || void 0 === validationError ? void 0 : validationError.editorSpecific)
                }
                _fireChangeEvent() {
                    this._clearSearchValue();
                    if (this._isValueDirty() || this._hasEditorSpecificValidationError()) {
                        _events_engine.default.triggerHandler(this._input(), {
                            type: "change"
                        })
                    }
                }
                _enterHandler() {
                    this._fireChangeEvent();
                    if (this._useMaskBehavior() && this._isAllSelected()) {
                        this._selectFirstPart()
                    } else {
                        this._selectNextPart(1)
                    }
                }
                _focusOutHandler(e) {
                    const shouldFireChangeEvent = this._useMaskBehavior() && !e.isDefaultPrevented();
                    if (shouldFireChangeEvent) {
                        this._fireChangeEvent();
                        super._focusOutHandler(e)
                    } else {
                        super._focusOutHandler(e)
                    }
                }
                _valueChangeEventHandler(e) {
                    const {
                        text: text
                    } = this.option();
                    if (this._useMaskBehavior()) {
                        this._saveValueChangeEvent(e);
                        if (!text) {
                            this._maskValue = null
                        } else if (null === this._maskValue) {
                            this._loadMaskValue(text)
                        }
                        this._saveMaskValue()
                    } else {
                        super._valueChangeEventHandler(e)
                    }
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "useMaskBehavior":
                            this._renderMask();
                            break;
                        case "displayFormat":
                        case "mode":
                            super._optionChanged(args);
                            this._renderMask();
                            break;
                        case "value":
                            this._loadMaskValue();
                            super._optionChanged(args);
                            this._renderDateParts();
                            break;
                        case "emptyDateValue":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _clearMaskState() {
                    this._clearSearchValue();
                    delete this._dateParts;
                    delete this._activePartIndex;
                    delete this._maskValue
                }
                clear() {
                    this._clearMaskState();
                    this._activePartIndex = 0;
                    super.clear()
                }
                _clean() {
                    super._clean();
                    this._detachMaskEvents();
                    this._clearMaskState()
                }
            }
            exports.default = DateBoxMask
        },
        66398(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.renderDateParts = exports.getDatePartIndexByPosition = void 0;
            var _date = __webpack_require__( /*! ../../../common/core/localization/ldml/date.parser */ 46981);
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            const getLimits = (pattern, date, forcedPattern) => {
                const limits = {
                    y: {
                        min: 0,
                        max: 9999
                    },
                    M: {
                        min: 1,
                        max: 12
                    },
                    L: {
                        min: 1,
                        max: 12
                    },
                    d: {
                        min: 1,
                        max: 31
                    },
                    dM: {
                        min: 1,
                        max: new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate()
                    },
                    E: {
                        min: 0,
                        max: 6
                    },
                    H: {
                        min: 0,
                        max: 23
                    },
                    h: {
                        min: 1,
                        max: 12
                    },
                    m: {
                        min: 0,
                        max: 59
                    },
                    s: {
                        min: 0,
                        max: 59
                    },
                    S: {
                        min: 0,
                        max: 999
                    },
                    a: {
                        min: 0,
                        max: 1
                    },
                    x: {
                        min: 0,
                        max: 0
                    }
                };
                return limits[forcedPattern ?? pattern] ?? {
                    min: 0,
                    max: 0
                }
            };
            const monthGetter = date => date.getMonth() + 1;
            const monthSetter = (date, value) => {
                const day = date.getDate();
                const monthLimits = getLimits("M", date);
                const newValue = (0, _math.fitIntoRange)(+value, monthLimits.min, monthLimits.max);
                date.setMonth(newValue - 1, 1);
                const {
                    min: min,
                    max: max
                } = getLimits("dM", date);
                const newDay = (0, _math.fitIntoRange)(day, min, max);
                date.setDate(newDay)
            };
            const PATTERN_GETTERS = {
                a: date => date.getHours() < 12 ? 0 : 1,
                E: "getDay",
                y: "getFullYear",
                M: monthGetter,
                L: monthGetter,
                d: "getDate",
                H: "getHours",
                h: "getHours",
                m: "getMinutes",
                s: "getSeconds",
                S: "getMilliseconds",
                x: "getTimezoneOffset"
            };
            const PATTERN_SETTERS = (0, _extend.extend)({}, (0, _date.getPatternSetters)(), {
                a: (date, value) => {
                    const hours = date.getHours();
                    const current = hours >= 12;
                    if (current === !!+value) {
                        return
                    }
                    date.setHours((hours + 12) % 24)
                },
                d: (date, value) => {
                    const lastDayInMonth = getLimits("dM", date).max;
                    if (+value > lastDayInMonth) {
                        date.setMonth(date.getMonth() + 1)
                    }
                    date.setDate(+value)
                },
                h: (date, value) => {
                    const isPM = date.getHours() >= 12;
                    date.setHours(+value % 12 + (isPM ? 12 : 0))
                },
                M: monthSetter,
                L: monthSetter,
                E: (date, value) => {
                    if (+value < 0) {
                        return
                    }
                    date.setDate(date.getDate() - date.getDay() + +value)
                },
                y: (date, value) => {
                    const currentYear = date.getFullYear();
                    const valueLength = String(value).length;
                    const maxLimitLength = String(getLimits("y", date).max).length;
                    const yearPrefix = String(currentYear).substr(0, maxLimitLength - valueLength);
                    const newValue = parseInt(yearPrefix + value, 10);
                    date.setFullYear(newValue)
                },
                x: date => date
            });
            const getPatternGetter = patternChar => PATTERN_GETTERS[patternChar] ?? (() => patternChar);
            exports.renderDateParts = (text, regExpInfo) => {
                const result = regExpInfo.regexp.exec(text) ?? [];
                let start = 0;
                let end = 0;
                const sections = [];
                for (let i = 1; i < result.length; i += 1) {
                    start = end;
                    end = start + result[i].length;
                    const pattern = regExpInfo.patterns[i - 1].replace(/^'|'$/g, "");
                    const getter = getPatternGetter(pattern[0]);
                    sections.push({
                        index: i - 1,
                        isStub: pattern === result[i],
                        caret: {
                            start: start,
                            end: end
                        },
                        pattern: pattern,
                        text: result[i],
                        limits: (date, forcedPattern) => getLimits(pattern[0], date, forcedPattern),
                        setter: PATTERN_SETTERS[pattern[0]] ?? _common.noop,
                        getter: getter
                    })
                }
                return sections
            };
            exports.getDatePartIndexByPosition = (dateParts, position) => {
                for (let i = 0; i < dateParts.length; i += 1) {
                    const caretInGroup = dateParts[i].caret.end >= position;
                    if (!dateParts[i].isStub && caretInGroup) {
                        return i
                    }
                }
                return null
            }
        },
        45854(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _date_serialization = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date_serialization */ 71051));
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DATE_COMPONENTS = ["year", "day", "month", "day"];
            const TIME_COMPONENTS = ["hours", "minutes", "seconds", "milliseconds"];
            const dateUtils = {
                SUPPORTED_FORMATS: ["date", "time", "datetime"],
                ONE_MINUTE: 6e4,
                ONE_DAY: 864e5,
                ONE_YEAR: 31536e6,
                MIN_DATEVIEW_DEFAULT_DATE: new Date(1900, 0, 1),
                MAX_DATEVIEW_DEFAULT_DATE: (() => {
                    const newDate = new Date;
                    return new Date(newDate.getFullYear() + 50, newDate.getMonth(), newDate.getDate(), 23, 59, 59)
                })(),
                FORMATS_INFO: {
                    date: {
                        getStandardPattern: () => "yyyy-MM-dd",
                        components: DATE_COMPONENTS
                    },
                    time: {
                        getStandardPattern: () => "HH:mm",
                        components: TIME_COMPONENTS
                    },
                    datetime: {
                        getStandardPattern() {
                            let standardPattern = "yyyy-MM-ddTHH:mm:ssZ";
                            ! function() {
                                const $input = (0, _renderer.default)("<input>").attr("type", "datetime");
                                $input.val("2000-01-01T01:01Z");
                                if ($input.val()) {
                                    standardPattern = "yyyy-MM-ddTHH:mmZ"
                                }
                            }();
                            standardPattern ?? (standardPattern = "yyyy-MM-ddTHH:mm:ssZ");
                            dateUtils.FORMATS_INFO.datetime.getStandardPattern = () => standardPattern;
                            return standardPattern
                        },
                        components: [...DATE_COMPONENTS, ...TIME_COMPONENTS]
                    },
                    "datetime-local": {
                        getStandardPattern: () => "yyyy-MM-ddTHH:mm:ss",
                        components: [...DATE_COMPONENTS, "hours", "minutes", "seconds"]
                    }
                },
                FORMATS_MAP: {
                    date: "shortdate",
                    time: "shorttime",
                    datetime: "shortdateshorttime"
                },
                SUBMIT_FORMATS_MAP: {
                    date: "date",
                    time: "time",
                    datetime: "datetime-local"
                },
                toStandardDateFormat(date, type) {
                    const pattern = dateUtils.FORMATS_INFO[type].getStandardPattern();
                    return _date_serialization.default.serializeDate(date, pattern)
                },
                fromStandardDateFormat(text) {
                    const date = _date_serialization.default.dateParser(text);
                    return (0, _type.isDate)(date) ? date : void 0
                },
                getMaxMonthDay: (year, month) => new Date(year, month + 1, 0).getDate(),
                mergeDates(oldValue, newValue, format) {
                    let oldDate = oldValue;
                    if (!newValue) {
                        return newValue ?? null
                    }
                    if (!oldDate || isNaN(oldDate.getTime())) {
                        const now = new Date(0);
                        oldDate = new Date(now.getFullYear(), now.getMonth(), now.getDate())
                    }
                    const result = new Date(oldDate.valueOf());
                    const formatInfo = dateUtils.FORMATS_INFO[format];
                    formatInfo.components.forEach(component => {
                        const componentInfo = dateUtils.DATE_COMPONENTS_INFO[component];
                        result[componentInfo.setter](newValue[componentInfo.getter]())
                    });
                    return result
                },
                getLongestCaptionIndex(captionArray) {
                    let longestIndex = 0;
                    let longestCaptionLength = 0;
                    for (let i = 0; i < captionArray.length; i += 1) {
                        if (captionArray[i].length > longestCaptionLength) {
                            longestIndex = i;
                            longestCaptionLength = captionArray[i].length
                        }
                    }
                    return longestIndex
                },
                formatUsesMonthName: format => _date.default.formatUsesMonthName(format),
                formatUsesDayName: format => _date.default.formatUsesDayName(format),
                getLongestDate(format, monthNames, dayNames) {
                    const stringFormat = (format => {
                        const formatType = typeof format;
                        if ("string" === formatType) {
                            return "format"
                        }
                        if ("object" === typeof format && void 0 !== format.type) {
                            return format.type
                        }
                        return null
                    })(format);
                    let month = 9;
                    if (!stringFormat || dateUtils.formatUsesMonthName(stringFormat)) {
                        month = dateUtils.getLongestCaptionIndex(monthNames)
                    }
                    const longestDate = new Date(1888, month, 21, 23, 59, 59, 999);
                    if (!stringFormat || dateUtils.formatUsesDayName(stringFormat)) {
                        const date = longestDate.getDate() - longestDate.getDay() + dateUtils.getLongestCaptionIndex(dayNames);
                        longestDate.setDate(date)
                    }
                    return longestDate
                },
                normalizeTime(date) {
                    date.setSeconds(0);
                    date.setMilliseconds(0)
                },
                DATE_COMPONENTS_INFO: {
                    year: {
                        getter: "getFullYear",
                        setter: "setFullYear",
                        formatter(value, date) {
                            const formatDate = new Date(date.getTime());
                            formatDate.setFullYear(value);
                            return _date.default.format(formatDate, "yyyy")
                        },
                        startValue: void 0,
                        endValue: void 0
                    },
                    day: {
                        getter: "getDate",
                        setter: "setDate",
                        formatter(value, date) {
                            const formatDate = new Date(date.getTime());
                            formatDate.setDate(value);
                            return _date.default.format(formatDate, "d")
                        },
                        startValue: 1,
                        endValue: void 0
                    },
                    month: {
                        getter: "getMonth",
                        setter: "setMonth",
                        formatter: value => _date.default.getMonthNames()[value],
                        startValue: 0,
                        endValue: 11
                    },
                    hours: {
                        getter: "getHours",
                        setter: "setHours",
                        formatter: value => _date.default.format(new Date(0, 0, 0, value), "hour"),
                        startValue: 0,
                        endValue: 23
                    },
                    minutes: {
                        getter: "getMinutes",
                        setter: "setMinutes",
                        formatter: value => _date.default.format(new Date(0, 0, 0, 0, value), "minute"),
                        startValue: 0,
                        endValue: 59
                    },
                    seconds: {
                        getter: "getSeconds",
                        setter: "setSeconds",
                        formatter: value => _date.default.format(new Date(0, 0, 0, 0, 0, value), "second"),
                        startValue: 0,
                        endValue: 59
                    },
                    milliseconds: {
                        getter: "getMilliseconds",
                        setter: "setMilliseconds",
                        formatter: value => _date.default.format(new Date(0, 0, 0, 0, 0, 0, value), "millisecond"),
                        startValue: 0,
                        endValue: 999
                    }
                }
            };
            exports.default = dateUtils
        },
        84738(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/editor/editor */ 24768));
            var _date_utils = _interopRequireDefault(__webpack_require__( /*! ./date_utils */ 45854));
            var _date_view_roller = _interopRequireDefault(__webpack_require__( /*! ./date_view_roller */ 97881));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const TYPE_date = "date";
            const ROLLER_TYPE_year = "year",
                ROLLER_TYPE_month = "month",
                ROLLER_TYPE_day = "day",
                ROLLER_TYPE_hours = "hours";
            class DateView extends _editor.default {
                _valueOption() {
                    const {
                        value: value
                    } = this.option();
                    const date = new Date(value);
                    return !value || isNaN(date.getTime()) ? this._getDefaultDate() : date
                }
                _getDefaultDate() {
                    const date = new Date;
                    const {
                        type: type
                    } = this.option();
                    if (type === TYPE_date) {
                        return new Date(date.getFullYear(), date.getMonth(), date.getDate())
                    }
                    return date
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        minDate: _date_utils.default.MIN_DATEVIEW_DEFAULT_DATE,
                        maxDate: _date_utils.default.MAX_DATEVIEW_DEFAULT_DATE,
                        type: TYPE_date,
                        value: new Date,
                        applyCompactClass: false
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: device => "desktop" !== device.deviceType,
                        options: {
                            applyCompactClass: true
                        }
                    }])
                }
                _render() {
                    super._render();
                    this.$element().addClass("dx-dateview");
                    const {
                        type: type
                    } = this.option();
                    this._toggleFormatClasses(type);
                    this._toggleCompactClass()
                }
                _toggleFormatClasses(currentFormat, previousFormat) {
                    this.$element().addClass(`dx-dateview-${currentFormat}`);
                    if (previousFormat) {
                        this.$element().removeClass(`dx-dateview-${previousFormat}`)
                    }
                }
                _toggleCompactClass() {
                    const {
                        applyCompactClass: applyCompactClass
                    } = this.option();
                    this.$element().toggleClass("dx-dateview-compact", applyCompactClass)
                }
                _wrapper() {
                    return this._$wrapper
                }
                _renderContentImpl() {
                    this._$wrapper = (0, _renderer.default)("<div>").addClass("dx-dateview-wrapper");
                    this._renderRollers();
                    this._$wrapper.appendTo(this.$element())
                }
                _renderRollers() {
                    this._$rollersContainer ?? (this._$rollersContainer = (0, _renderer.default)("<div>").addClass("dx-dateview-rollers"));
                    this._$rollersContainer.empty();
                    this._createRollerConfigs();
                    this._rollers = {};
                    Object.keys(this._rollerConfigs).forEach(name => {
                        const rollerType = this._rollerConfigs[name].type;
                        const $roller = (0, _renderer.default)("<div>").appendTo(this._$rollersContainer).addClass(`dx-dateviewroller-${rollerType}`);
                        this._rollers[rollerType] = this._createComponent($roller, _date_view_roller.default, {
                            items: this._rollerConfigs[name].displayItems,
                            selectedIndex: this._rollerConfigs[name].selectedIndex,
                            showScrollbar: "never",
                            scrollByContent: true,
                            onStart: e => {
                                const {
                                    component: component
                                } = e;
                                const rollerConfig = this._rollerConfigs[name];
                                component._toggleActive(true);
                                this._setActiveRoller(rollerConfig)
                            },
                            onEnd: e => {
                                e.component._toggleActive(false)
                            },
                            onClick: e => {
                                const {
                                    component: component
                                } = e;
                                const {
                                    selectedIndex: selectedIndex = 0
                                } = component.option();
                                const rollerConfig = this._rollerConfigs[name];
                                component._toggleActive(true);
                                this._setActiveRoller(rollerConfig);
                                this._setRollerState(rollerConfig, selectedIndex);
                                component._toggleActive(false)
                            },
                            onSelectedIndexChanged: e => {
                                const {
                                    component: component
                                } = e;
                                const {
                                    selectedIndex: selectedIndex = 0
                                } = component.option();
                                const rollerConfig = this._rollerConfigs[name];
                                this._setRollerState(rollerConfig, selectedIndex)
                            }
                        })
                    });
                    const $wrapper = this._wrapper();
                    if ($wrapper) {
                        this._$rollersContainer.appendTo($wrapper)
                    }
                }
                _createRollerConfigs(type) {
                    const {
                        type: defaultType
                    } = this.option();
                    const selectedType = type ?? defaultType;
                    this._rollerConfigs = {};
                    _date.default.getFormatParts(_date_utils.default.FORMATS_MAP[selectedType]).forEach(partName => {
                        this._createRollerConfig(partName)
                    })
                }
                _createRollerConfig(componentName) {
                    const componentInfo = _date_utils.default.DATE_COMPONENTS_INFO[componentName];
                    const valueRange = this._calculateRollerConfigValueRange(componentName);
                    const {
                        startValue: startValue
                    } = valueRange;
                    const {
                        endValue: endValue
                    } = valueRange;
                    const {
                        formatter: formatter
                    } = componentInfo;
                    const curDate = this._getCurrentDate();
                    const config = {
                        type: componentName,
                        setValue: componentInfo.setter,
                        valueItems: [],
                        displayItems: [],
                        getIndex: value => value[componentInfo.getter]() - startValue
                    };
                    for (let i = startValue; i <= endValue; i += 1) {
                        config.valueItems.push(i);
                        config.displayItems.push(formatter(i, curDate))
                    }
                    config.selectedIndex = config.getIndex(curDate);
                    this._rollerConfigs[componentName] = config
                }
                _setActiveRoller(currentRoller) {
                    const activeRoller = currentRoller && this._rollers[currentRoller.type];
                    Object.values(this._rollers).forEach(roller => {
                        roller.toggleActiveState(roller === activeRoller)
                    })
                }
                _updateRollersPosition() {
                    const currentDate = this._getCurrentDate();
                    Object.keys(this._rollers).forEach(type => {
                        const correctIndex = this._rollerConfigs[type].getIndex(currentDate);
                        this._rollers[type].option("selectedIndex", correctIndex)
                    })
                }
                _setRollerState(roller, selectedIndex) {
                    if (selectedIndex !== roller.selectedIndex) {
                        const rollerValue = roller.valueItems[selectedIndex];
                        const {
                            setValue: setValue
                        } = roller;
                        let currentValue = new Date(this._getCurrentDate());
                        let currentDate = currentValue.getDate();
                        const {
                            minDate: minDate,
                            maxDate: maxDate
                        } = this.option();
                        if (roller.type === ROLLER_TYPE_month) {
                            currentDate = Math.min(currentDate, _date_utils.default.getMaxMonthDay(currentValue.getFullYear(), rollerValue))
                        } else if (roller.type === ROLLER_TYPE_year) {
                            currentDate = Math.min(currentDate, _date_utils.default.getMaxMonthDay(rollerValue, currentValue.getMonth()))
                        }
                        currentValue.setDate(currentDate);
                        currentValue[setValue](rollerValue);
                        const normalizedDate = _date2.default.normalizeDate(currentValue, minDate, maxDate);
                        currentValue = _date_utils.default.mergeDates(normalizedDate, currentValue, "time");
                        currentValue = _date2.default.normalizeDate(currentValue, minDate, maxDate);
                        this.option("value", currentValue);
                        roller.selectedIndex = selectedIndex
                    }
                    if (roller.type === ROLLER_TYPE_year) {
                        this._refreshRollers()
                    }
                    if (roller.type === ROLLER_TYPE_month) {
                        this._refreshRoller(ROLLER_TYPE_day);
                        this._refreshRoller(ROLLER_TYPE_hours)
                    }
                }
                _refreshRoller(rollerType) {
                    const roller = this._rollers[rollerType];
                    if (roller) {
                        const {
                            items: items = []
                        } = roller.option();
                        this._createRollerConfig(rollerType);
                        const rollerConfig = this._rollerConfigs[rollerType];
                        if (rollerType === ROLLER_TYPE_day || rollerConfig.displayItems.toString() !== items.toString()) {
                            roller.option({
                                items: rollerConfig.displayItems,
                                selectedIndex: rollerConfig.selectedIndex
                            })
                        }
                    }
                }
                _getCurrentDate() {
                    const curDate = this._valueOption();
                    const {
                        minDate: minDate,
                        maxDate: maxDate
                    } = this.option();
                    return _date2.default.normalizeDate(curDate, minDate, maxDate)
                }
                _calculateRollerConfigValueRange(componentName) {
                    const curDate = this._getCurrentDate();
                    const {
                        minDate: minDate,
                        maxDate: maxDate
                    } = this.option();
                    const minYear = _date2.default.sameYear(curDate, minDate);
                    const minMonth = minYear && curDate.getMonth() === minDate.getMonth();
                    const maxYear = _date2.default.sameYear(curDate, maxDate);
                    const maxMonth = maxYear && curDate.getMonth() === maxDate.getMonth();
                    const minHour = minMonth && curDate.getDate() === minDate.getDate();
                    const maxHour = maxMonth && curDate.getDate() === maxDate.getDate();
                    const componentInfo = _date_utils.default.DATE_COMPONENTS_INFO[componentName];
                    let {
                        startValue: startValue
                    } = componentInfo;
                    let {
                        endValue: endValue
                    } = componentInfo;
                    if (componentName === ROLLER_TYPE_year) {
                        startValue = minDate.getFullYear();
                        endValue = maxDate.getFullYear()
                    }
                    if (componentName === ROLLER_TYPE_month) {
                        if (minYear) {
                            startValue = minDate.getMonth()
                        }
                        if (maxYear) {
                            endValue = maxDate.getMonth()
                        }
                    }
                    if (componentName === ROLLER_TYPE_day) {
                        endValue = _date_utils.default.getMaxMonthDay(curDate.getFullYear(), curDate.getMonth());
                        if (minYear && minMonth) {
                            startValue = minDate.getDate()
                        }
                        if (maxYear && maxMonth) {
                            endValue = maxDate.getDate()
                        }
                    }
                    if (componentName === ROLLER_TYPE_hours) {
                        startValue = minHour ? minDate.getHours() : startValue;
                        endValue = maxHour ? maxDate.getHours() : endValue
                    }
                    return {
                        startValue: startValue,
                        endValue: endValue
                    }
                }
                _refreshRollers() {
                    this._refreshRoller(ROLLER_TYPE_month);
                    this._refreshRoller(ROLLER_TYPE_day);
                    this._refreshRoller(ROLLER_TYPE_hours)
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "minDate":
                        case "maxDate":
                        case "type":
                            this._renderRollers();
                            if (args.value) {
                                this._toggleFormatClasses(args.value, args.previousValue)
                            }
                            break;
                        case "visible":
                            super._optionChanged(args);
                            if (args.value) {
                                this._renderRollers()
                            }
                            break;
                        case "value":
                            this.option("value", this._valueOption());
                            this._refreshRollers();
                            this._updateRollersPosition();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _clean() {
                    super._clean();
                    delete this._$rollersContainer
                }
            }(0, _component_registrator.default)("dxDateView", DateView);
            exports.default = DateView
        },
        97881(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _animation = __webpack_require__( /*! ../../../common/core/animation */ 16826);
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _convert_location = __webpack_require__( /*! ../../ui/scroll_view/utils/convert_location */ 32330);
            var _scrollable = _interopRequireDefault(__webpack_require__( /*! ../scroll_view/scrollable */ 85326));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DateViewRoller extends _scrollable.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        showScrollbar: "never",
                        useNative: false,
                        selectedIndex: 0,
                        bounceEnabled: false,
                        items: [],
                        showOnClick: false,
                        onClick: null,
                        onSelectedIndexChanged: null,
                        scrollByContent: true
                    })
                }
                _init() {
                    super._init();
                    this.option("onVisibilityChange", this._visibilityChangedHandler.bind(this));
                    this.option("onEnd", this._endActionHandler.bind(this))
                }
                _render() {
                    super._render();
                    this._renderSelectedItemFrame();
                    this.$element().addClass("dx-dateviewroller");
                    this._renderContainerClick();
                    this._renderItems();
                    this._renderSelectedValue();
                    this._renderItemsClick();
                    this._renderWheelEvent();
                    this._renderSelectedIndexChanged()
                }
                _renderSelectedIndexChanged() {
                    this._selectedIndexChanged = this._createActionByOption("onSelectedIndexChanged")
                }
                _renderWheelEvent() {
                    _events_engine.default.on((0, _renderer.default)(this.container()), "dxmousewheel", () => {
                        this._isWheelScrolled = true
                    })
                }
                _renderContainerClick() {
                    if (!this.option("showOnClick")) {
                        return
                    }
                    const eventName = (0, _index.addNamespace)(_click.name, this.NAME);
                    const clickAction = this._createActionByOption("onClick");
                    _events_engine.default.off((0, _renderer.default)(this.container()), eventName);
                    _events_engine.default.on((0, _renderer.default)(this.container()), eventName, e => {
                        clickAction({
                            event: e
                        })
                    })
                }
                _renderItems() {
                    const {
                        items: items = []
                    } = this.option();
                    let $items = (0, _renderer.default)();
                    (0, _renderer.default)(this.content()).empty();
                    items.forEach(item => {
                        $items = $items.add((0, _renderer.default)("<div>").addClass("dx-dateview-item").append(item))
                    });
                    (0, _renderer.default)(this.content()).append($items);
                    this._$items = $items;
                    this.update()
                }
                _renderSelectedItemFrame() {
                    (0, _renderer.default)("<div>").addClass("dx-dateview-item-selected-frame").append((0, _renderer.default)("<div>").addClass("dx-dateview-item-selected-border")).appendTo((0, _renderer.default)(this.container()))
                }
                _renderSelectedValue(selectedIndex) {
                    const {
                        selectedIndex: oldSelectedIndex = 0
                    } = this.option();
                    const index = this._fitIndex(selectedIndex ?? oldSelectedIndex);
                    this._moveTo({
                        top: this._getItemPosition(index)
                    });
                    this._renderActiveStateItem()
                }
                _fitIndex(index) {
                    const {
                        items: items = []
                    } = this.option();
                    const itemCount = items.length;
                    if (index >= itemCount) {
                        return itemCount - 1
                    }
                    if (index < 0) {
                        return 0
                    }
                    return index
                }
                _getItemPosition(index) {
                    return Math.round(this._itemHeight() * index)
                }
                _renderItemsClick() {
                    const itemSelector = this._getItemSelector();
                    const eventName = (0, _index.addNamespace)(_click.name, this.NAME);
                    _events_engine.default.off(this.$element(), eventName, itemSelector);
                    _events_engine.default.on(this.$element(), eventName, itemSelector, this._itemClickHandler.bind(this))
                }
                _getItemSelector() {
                    return ".dx-dateview-item"
                }
                _itemClickHandler(e) {
                    this.option("selectedIndex", this._itemElementIndex(e.currentTarget))
                }
                _itemElementIndex(itemElement) {
                    return this._itemElements().index(itemElement)
                }
                _itemElements() {
                    return this.$element().find(this._getItemSelector())
                }
                _renderActiveStateItem() {
                    const {
                        selectedIndex: selectedIndex
                    } = this.option();
                    this._$items.each((index, element) => {
                        (0, _renderer.default)(element).toggleClass("dx-dateview-item-selected", selectedIndex === index);
                        return true
                    })
                }
                _shouldScrollToNeighborItem() {
                    return Boolean("desktop" === _devices.default.real().deviceType && this._isWheelScrolled)
                }
                _moveTo(targetLocation) {
                    const {
                        top: top = 0,
                        left: left = 0
                    } = (0, _convert_location.convertToLocation)(targetLocation);
                    const location = this.scrollOffset();
                    const delta = {
                        x: location.left - left,
                        y: location.top - top
                    };
                    if (this._isVisible() && (delta.x || delta.y)) {
                        this._prepareDirections(true);
                        if (this._animation && !this._shouldScrollToNeighborItem()) {
                            _animation.fx.stop((0, _renderer.default)(this.content()).get(0), false);
                            _animation.fx.animate((0, _renderer.default)(this.content()).get(0), {
                                duration: 200,
                                type: "slide",
                                to: {
                                    top: Math.floor(delta.y)
                                },
                                complete: () => {
                                    (0, _translator.resetPosition)((0, _renderer.default)(this.content()));
                                    this.handleMove({
                                        delta: delta
                                    })
                                }
                            });
                            delete this._animation
                        } else {
                            this.handleMove({
                                delta: delta
                            })
                        }
                    }
                }
                _validate(e) {
                    return this._moveIsAllowed(e)
                }
                _fitSelectedIndexInRange(index) {
                    const {
                        items: items = []
                    } = this.option();
                    const itemsCount = items.length;
                    return Math.max(Math.min(index, itemsCount - 1), 0)
                }
                _isInNullNeighborhood(x) {
                    return -.1 <= x && x <= .1
                }
                _getSelectedIndexAfterScroll(currentSelectedIndex) {
                    const locationTop = this.scrollOffset().top;
                    const currentSelectedIndexPosition = currentSelectedIndex * this._itemHeight();
                    const dy = locationTop - currentSelectedIndexPosition;
                    if (this._isInNullNeighborhood(dy)) {
                        return currentSelectedIndex
                    }
                    const direction = dy > 0 ? 1 : -1;
                    const newSelectedIndex = this._fitSelectedIndexInRange(currentSelectedIndex + direction);
                    return newSelectedIndex
                }
                _getNewSelectedIndex(currentSelectedIndex) {
                    if (this._shouldScrollToNeighborItem()) {
                        return this._getSelectedIndexAfterScroll(currentSelectedIndex)
                    }
                    this._animation = true;
                    const ratio = this.scrollOffset().top / this._itemHeight();
                    return Math.round(ratio)
                }
                _endActionHandler() {
                    const {
                        selectedIndex: currentSelectedIndex = 0
                    } = this.option();
                    const newSelectedIndex = this._getNewSelectedIndex(currentSelectedIndex);
                    if (newSelectedIndex === currentSelectedIndex) {
                        this._renderSelectedValue(newSelectedIndex)
                    } else {
                        this.option("selectedIndex", newSelectedIndex)
                    }
                    this._isWheelScrolled = false
                }
                _itemHeight() {
                    const $item = this._$items.first();
                    return (0, _size.getHeight)($item)
                }
                _toggleActive(state) {
                    this.$element().toggleClass("dx-state-active", state)
                }
                _isVisible() {
                    return (0, _renderer.default)(this.container()).is(":visible")
                }
                _fireSelectedIndexChanged(value, previousValue) {
                    var _this$_selectedIndexC;
                    null === (_this$_selectedIndexC = this._selectedIndexChanged) || void 0 === _this$_selectedIndexC || _this$_selectedIndexC.call(this, {
                        value: value,
                        previousValue: previousValue,
                        event: void 0
                    })
                }
                _visibilityChanged(visible) {
                    super._visibilityChanged(visible);
                    this._visibilityChangedHandler(visible)
                }
                _visibilityChangedHandler(visible) {
                    if (visible) {
                        this._visibilityTimer = setTimeout(() => {
                            const {
                                selectedIndex: selectedIndex
                            } = this.option();
                            this._renderSelectedValue(selectedIndex)
                        })
                    }
                    this.toggleActiveState(false)
                }
                toggleActiveState(state) {
                    this.$element().toggleClass("dx-dateviewroller-current", state)
                }
                _refreshSelectedIndex() {
                    const {
                        selectedIndex: selectedIndex = 0
                    } = this.option();
                    const fitIndex = this._fitIndex(selectedIndex);
                    if (fitIndex === selectedIndex) {
                        this._renderActiveStateItem()
                    } else {
                        this.option("selectedIndex", fitIndex)
                    }
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "selectedIndex":
                            this._fireSelectedIndexChanged(args.value, args.previousValue);
                            this._renderSelectedValue(args.value);
                            break;
                        case "items":
                            this._renderItems();
                            this._refreshSelectedIndex();
                            break;
                        case "onClick":
                        case "showOnClick":
                            this._renderContainerClick();
                            break;
                        case "onSelectedIndexChanged":
                            this._renderSelectedIndexChanged();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _dispose() {
                    clearTimeout(this._visibilityTimer);
                    super._dispose()
                }
            }(0, _component_registrator.default)("dxDateViewRoller", DateViewRoller);
            exports.default = DateViewRoller
        },
        49403(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _calendar = _interopRequireDefault(__webpack_require__( /*! ../../../ui/calendar */ 22195));
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _m_common = __webpack_require__( /*! ../../core/utils/m_common */ 39315);
            var _m_date_box = _interopRequireDefault(__webpack_require__( /*! ./m_date_box.strategy */ 19127));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class CalendarStrategy extends _m_date_box.default {
                ctor(dateBox) {
                    super.ctor(dateBox);
                    this.NAME = "Calendar"
                }
                getDefaultOptions() {
                    return Object.assign({}, super.getDefaultOptions(), {
                        todayButtonText: this.dateBox.option("todayButtonText") ?? _message.default.format("dxCalendar-todayButtonText")
                    })
                }
                supportedKeys() {
                    const homeEndHandler = function(e) {
                        if (this.option("opened")) {
                            e.preventDefault();
                            return true
                        }
                        return false
                    };
                    return {
                        rightArrow() {
                            if (this.option("opened")) {
                                return true
                            }
                        },
                        leftArrow() {
                            if (this.option("opened")) {
                                return true
                            }
                        },
                        enter: function(e) {
                            if (this.dateBox.option("opened")) {
                                e.preventDefault();
                                if (this._widget.option("zoomLevel") === this._widget.option("maxZoomLevel")) {
                                    const viewValue = this._getContouredValue();
                                    const lastActionElement = this._lastActionElement;
                                    const shouldCloseDropDown = this._closeDropDownByEnter();
                                    if (shouldCloseDropDown && viewValue && "calendar" === lastActionElement) {
                                        this.dateBoxValue(viewValue, e)
                                    }
                                    shouldCloseDropDown && this.dateBox.close();
                                    this.dateBox._valueChangeEventHandler(e);
                                    return !shouldCloseDropDown
                                }
                                return true
                            }
                            this.dateBox._valueChangeEventHandler(e)
                        }.bind(this),
                        home: homeEndHandler,
                        end: homeEndHandler
                    }
                }
                getDisplayFormat(displayFormat) {
                    return displayFormat || "shortdate"
                }
                _closeDropDownByEnter() {
                    return true
                }
                _getWidgetName() {
                    return _calendar.default
                }
                _getContouredValue() {
                    return this._widget._view.option("contouredDate")
                }
                getKeyboardListener() {
                    return this._widget
                }
                _getWidgetOptions() {
                    const {
                        disabledDates: disabledDates,
                        min: min,
                        max: max,
                        todayButtonText: todayButtonText
                    } = this.dateBox.option();
                    return (0, _extend.extend)(this.dateBox.option("calendarOptions"), {
                        value: this.dateBoxValue() || null,
                        selectionMode: "single",
                        dateSerializationFormat: null,
                        min: min,
                        max: max,
                        onValueChanged: this._valueChangedHandler.bind(this),
                        onCellClick: this._cellClickHandler.bind(this),
                        disabledDates: (0, _type.isFunction)(disabledDates) ? this._injectComponent(disabledDates.bind(this.dateBox)) : disabledDates,
                        onContouredChanged: this._refreshActiveDescendant.bind(this),
                        skipFocusCheck: true,
                        todayButtonText: todayButtonText
                    })
                }
                _injectComponent(func) {
                    const that = this;
                    return function(params) {
                        (0, _extend.extend)(params, {
                            component: that.dateBox
                        });
                        return func(params)
                    }
                }
                _refreshActiveDescendant(e) {
                    this._lastActionElement = "calendar";
                    this.dateBox.setAria("activedescendant", e.actionValue)
                }
                _getTodayButtonConfig() {
                    const buttonsLocation = this.dateBox.option("buttonsLocation");
                    const isButtonsLocationDefault = "default" === buttonsLocation;
                    const position = isButtonsLocationDefault ? ["bottom", "center"] : (0, _m_common.splitPair)(buttonsLocation);
                    const stylingMode = (0, _themes.isMaterial)() ? "text" : "outlined";
                    return {
                        widget: "dxButton",
                        toolbar: position[0],
                        location: "after" === position[1] ? "before" : position[1],
                        options: {
                            onClick: args => {
                                this._widget._toTodayView(args)
                            },
                            text: this.dateBox.option("todayButtonText"),
                            elementAttr: {
                                class: "dx-button-today"
                            },
                            stylingMode: stylingMode
                        }
                    }
                }
                _isCalendarVisible() {
                    const {
                        calendarOptions: calendarOptions
                    } = this.dateBox.option();
                    return (0, _type.isEmptyObject)(calendarOptions) || false !== calendarOptions.visible
                }
                _getPopupToolbarItems(toolbarItems) {
                    const useButtons = "useButtons" === this.dateBox.option("applyValueMode");
                    const shouldRenderTodayButton = useButtons && this._isCalendarVisible();
                    if (shouldRenderTodayButton) {
                        const todayButton = this._getTodayButtonConfig();
                        return [todayButton, ...toolbarItems]
                    }
                    return toolbarItems
                }
                popupConfig(popupConfig) {
                    return (0, _extend.extend)(true, popupConfig, {
                        position: {
                            collision: "flipfit flip"
                        },
                        width: "auto"
                    })
                }
                _valueChangedHandler(e) {
                    const {
                        value: value
                    } = e;
                    const prevValue = e.previousValue;
                    if (_date.default.sameDate(value, prevValue) && _date.default.sameHoursAndMinutes(value, prevValue)) {
                        return
                    }
                    if ("instantly" === this.dateBox.option("applyValueMode")) {
                        this.dateBoxValue(this.getValue(), e.event)
                    }
                }
                _updateValue() {
                    if (!this._widget) {
                        return
                    }
                    const value = this.dateBoxValue();
                    this._widget.option({
                        value: value
                    })
                }
                textChangedHandler() {
                    this._lastActionElement = "input";
                    if (this.dateBox.option("opened") && this._widget) {
                        this._updateValue()
                    }
                }
                _cellClickHandler(e) {
                    const {
                        dateBox: dateBox
                    } = this;
                    if ("instantly" === dateBox.option("applyValueMode")) {
                        dateBox.option("opened", false);
                        this.dateBoxValue(this.getValue(), e.event)
                    }
                }
            }
            exports.default = CalendarStrategy
        },
        34092(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _box = _interopRequireDefault(__webpack_require__( /*! ../../ui/box */ 6554));
            var _time_view = _interopRequireDefault(__webpack_require__( /*! ../../ui/date_box/time_view */ 13533));
            var _date_utils = _interopRequireDefault(__webpack_require__( /*! ./date_utils */ 45854));
            var _m_date_boxStrategy = _interopRequireDefault(__webpack_require__( /*! ./m_date_box.strategy.calendar */ 49403));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            class CalendarWithTimeStrategy extends _m_date_boxStrategy.default {
                ctor(dateBox) {
                    super.ctor(dateBox);
                    this.NAME = "CalendarWithTime"
                }
                getDefaultOptions() {
                    return Object.assign({}, super.getDefaultOptions(), {
                        applyValueMode: "useButtons",
                        buttonsLocation: "bottom after",
                        "dropDownOptions.showTitle": false
                    })
                }
                _closeDropDownByEnter() {
                    return _date2.default.sameDate(this._getContouredValue(), this.widgetOption("value"))
                }
                getDisplayFormat(displayFormat) {
                    return displayFormat || "shortdateshorttime"
                }
                _is24HourFormat() {
                    return _date.default.is24HourFormat(this.getDisplayFormat(this.dateBox.option("displayFormat")))
                }
                _getContouredValue() {
                    const viewDate = super._getContouredValue();
                    return this._updateDateTime(viewDate)
                }
                _renderWidget() {
                    super._renderWidget();
                    this._timeView = this.dateBox._createComponent((0, _renderer.default)("<div>"), _time_view.default, {
                        value: this.dateBoxValue(),
                        _showClock: !this._isShrinkView(),
                        use24HourFormat: this._is24HourFormat(),
                        onValueChanged: this._valueChangedHandler.bind(this),
                        stylingMode: this.dateBox.option("stylingMode")
                    })
                }
                renderOpenedState() {
                    super.renderOpenedState();
                    const popup = this._getPopup();
                    if (popup) {
                        popup.$wrapper().toggleClass("dx-datebox-adaptivity-mode", this._isSmallScreen())
                    }
                    clearTimeout(this._repaintTimer);
                    this._repaintTimer = setTimeout(() => {
                        var _this$_getPopup;
                        null === (_this$_getPopup = this._getPopup()) || void 0 === _this$_getPopup || _this$_getPopup.repaint()
                    }, 0)
                }
                isAdaptivityChanged() {
                    const isAdaptiveMode = this._isShrinkView();
                    const currentAdaptiveMode = this._currentAdaptiveMode;
                    if (isAdaptiveMode !== currentAdaptiveMode) {
                        this._currentAdaptiveMode = isAdaptiveMode;
                        return void 0 !== currentAdaptiveMode
                    }
                    return super.isAdaptivityChanged()
                }
                _updateValue(preventDefaultValue) {
                    let date = this.dateBoxValue();
                    if (!date && !preventDefaultValue) {
                        date = new Date;
                        _date_utils.default.normalizeTime(date)
                    }
                    super._updateValue();
                    if (this._timeView) {
                        date && this._timeView.option("value", date);
                        this._timeView.option("use24HourFormat", this._is24HourFormat())
                    }
                }
                _isSmallScreen() {
                    return (0, _size.getWidth)(window) <= 573
                }
                _isShrinkView() {
                    return !this.dateBox.option("showAnalogClock") || this.dateBox.option("adaptivityEnabled") && this._isSmallScreen()
                }
                _getBoxItems() {
                    const items = [{
                        ratio: 0,
                        shrink: 0,
                        baseSize: "auto",
                        name: "calendar"
                    }];
                    if (!this._isShrinkView()) {
                        items.push({
                            ratio: 0,
                            shrink: 0,
                            baseSize: "auto",
                            name: "time"
                        })
                    }
                    return items
                }
                renderPopupContent() {
                    super.renderPopupContent();
                    this._currentAdaptiveMode = this._isShrinkView();
                    const $popupContent = this._getPopup().$content();
                    this._box = this.dateBox._createComponent((0, _renderer.default)("<div>").appendTo($popupContent), _box.default, {
                        direction: "row",
                        crossAlign: "stretch",
                        items: this._getBoxItems(),
                        itemTemplate: function(data, i, element) {
                            const $container = (0, _renderer.default)("<div>");
                            switch (data.name) {
                                case "calendar":
                                    $container.append(this._widget.$element());
                                    if (this._isShrinkView()) {
                                        this._timeView.$element().addClass("dx-datebox-datetime-time-side");
                                        $container.append(this._timeView.$element())
                                    }
                                    break;
                                case "time":
                                    $container.append(this._timeView.$element());
                                    (0, _renderer.default)(element).addClass("dx-datebox-datetime-time-side")
                            }
                            return $container
                        }.bind(this)
                    })
                }
                popupConfig(popupConfig) {
                    const calendarPopupConfig = super.popupConfig(popupConfig);
                    return (0, _extend.extend)(calendarPopupConfig, {
                        width: "auto"
                    })
                }
                _preventFocusOnPopup(e) {
                    if (!(0, _renderer.default)(e.target).hasClass("dx-texteditor-input")) {
                        super._preventFocusOnPopup.apply(this, arguments);
                        if (!this.dateBox._hasFocusClass()) {
                            this.dateBox.focus()
                        }
                    }
                }
                _updateDateTime(date) {
                    const {
                        value: time
                    } = this._timeView.option();
                    date.setHours(time.getHours(), time.getMinutes(), time.getSeconds(), time.getMilliseconds());
                    return date
                }
                getValue() {
                    let date = this._widget.option("value") ?? this._widget.getContouredDate();
                    date = date ? new Date(date) : new Date;
                    return this._updateDateTime(date)
                }
                dispose() {
                    clearTimeout(this._removeMinWidthTimer);
                    clearTimeout(this._repaintTimer);
                    super.dispose()
                }
            }
            exports.default = CalendarWithTimeStrategy
        },
        25417(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _support = __webpack_require__( /*! ../../../core/utils/support */ 4785);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _date_utils = _interopRequireDefault(__webpack_require__( /*! ./date_utils */ 45854));
            var _date_view = _interopRequireDefault(__webpack_require__( /*! ./date_view */ 84738));
            var _m_date_box = _interopRequireDefault(__webpack_require__( /*! ./m_date_box.strategy */ 19127));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            class DateViewStrategy extends _m_date_box.default {
                ctor(dateBox) {
                    super.ctor(dateBox);
                    this.NAME = "DateView"
                }
                getDefaultOptions() {
                    return Object.assign({}, super.getDefaultOptions(), {
                        openOnFieldClick: true,
                        applyButtonText: _message.default.format("OK"),
                        "dropDownOptions.showTitle": true
                    })
                }
                getDisplayFormat(displayFormat) {
                    return displayFormat || _date_utils.default.FORMATS_MAP[this.dateBox.option("type")]
                }
                popupConfig(config) {
                    return {
                        toolbarItems: this.dateBox._popupToolbarItemsConfig(),
                        onInitialized: config.onInitialized,
                        defaultOptionsRules: [{
                            device: {
                                platform: "android"
                            },
                            options: {
                                width: 333,
                                height: 331
                            }
                        }, {
                            device(device) {
                                const {
                                    platform: platform
                                } = device;
                                return "generic" === platform || "ios" === platform
                            },
                            options: {
                                width: "auto",
                                height: "auto"
                            }
                        }, {
                            device(device) {
                                const {
                                    platform: platform
                                } = device;
                                const {
                                    phone: phone
                                } = device;
                                return "generic" === platform && phone
                            },
                            options: {
                                width: 333,
                                maxWidth: "100%",
                                maxHeight: "100%",
                                height: "auto",
                                position: {
                                    collision: "flipfit flip"
                                }
                            }
                        }, {
                            device: {
                                platform: "ios",
                                phone: true
                            },
                            options: {
                                width: "100%",
                                position: {
                                    my: "bottom",
                                    at: "bottom",
                                    of: window
                                }
                            }
                        }]
                    }
                }
                _renderWidget() {
                    if ((0, _support.inputType)(this.dateBox.option("mode")) && this.dateBox._isNativeType() || this.dateBox.option("readOnly")) {
                        if (this._widget) {
                            this._widget.$element().remove();
                            this._widget = null
                        }
                        return
                    }
                    const popup = this._getPopup();
                    if (this._widget) {
                        this._widget.option(this._getWidgetOptions())
                    } else {
                        const element = (0, _renderer.default)("<div>").appendTo(popup.$content());
                        this._widget = this._createWidget(element)
                    }
                    this._widget.$element().appendTo(this._getWidgetContainer())
                }
                _getWidgetName() {
                    return _date_view.default
                }
                renderOpenedState() {
                    super.renderOpenedState();
                    if (this._widget) {
                        this._widget.option("value", this._widget._getCurrentDate())
                    }
                }
                _getWidgetOptions() {
                    return {
                        value: this.dateBoxValue() || new Date,
                        type: this.dateBox.option("type"),
                        minDate: this.dateBox.getDateOption("min") || new Date(1900, 0, 1),
                        maxDate: this.dateBox.getDateOption("max") || new Date(Date.now() + 50 * _date_utils.default.ONE_YEAR),
                        onDisposing: function() {
                            this._widget = null
                        }.bind(this)
                    }
                }
            }
            exports.default = DateViewStrategy
        },
        19127(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../../core/class */ 55620));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DateBoxStrategy extends(_class.default.inherit({})) {
                ctor(dateBox) {
                    this.dateBox = dateBox
                }
                widgetOption(option) {
                    var _this$_widget;
                    return null === (_this$_widget = this._widget) || void 0 === _this$_widget ? void 0 : _this$_widget.option.apply(this._widget, arguments)
                }
                _renderWidget(element) {
                    element = element || (0, _renderer.default)("<div>");
                    this._widget = this._createWidget(element);
                    this._widget.$element().appendTo(this._getWidgetContainer())
                }
                _createWidget(element) {
                    const widgetName = this._getWidgetName();
                    const widgetOptions = this._getWidgetOptions();
                    return this.dateBox._createComponent(element, widgetName, widgetOptions)
                }
                _getWidgetOptions() {
                    _class.default.abstract()
                }
                _getWidgetName() {
                    _class.default.abstract()
                }
                getDefaultOptions() {
                    return {
                        mode: "text"
                    }
                }
                getDisplayFormat(displayFormat) {
                    _class.default.abstract()
                }
                supportedKeys() {}
                getKeyboardListener() {}
                customizeButtons() {}
                getParsedText(text, format) {
                    const value = _date.default.parse(text, format);
                    return value ?? _date.default.parse(text)
                }
                renderInputMinMax() {}
                renderOpenedState() {
                    this._updateValue()
                }
                popupConfig(popupConfig) {
                    return popupConfig
                }
                _dimensionChanged() {
                    var _this$_getPopup;
                    null === (_this$_getPopup = this._getPopup()) || void 0 === _this$_getPopup || _this$_getPopup.repaint()
                }
                renderPopupContent() {
                    const popup = this._getPopup();
                    this._renderWidget();
                    const $popupContent = popup.$content().parent();
                    _events_engine.default.off($popupContent, "mousedown");
                    _events_engine.default.on($popupContent, "mousedown", this._preventFocusOnPopup.bind(this))
                }
                _preventFocusOnPopup(e) {
                    e.preventDefault()
                }
                _getWidgetContainer() {
                    return this._getPopup().$content()
                }
                _getPopup() {
                    return this.dateBox._popup
                }
                popupShowingHandler() {}
                popupHiddenHandler() {}
                _updateValue() {
                    var _this$_widget2;
                    null === (_this$_widget2 = this._widget) || void 0 === _this$_widget2 || _this$_widget2.option("value", this.dateBoxValue())
                }
                _getPopupToolbarItems(toolbarItems) {
                    return toolbarItems
                }
                useCurrentDateByDefault() {
                    return false
                }
                getDefaultDate() {
                    return new Date
                }
                textChangedHandler() {}
                renderValue() {
                    if (this.dateBox.option("opened")) {
                        this._updateValue()
                    }
                }
                getValue() {
                    return this._widget.option("value")
                }
                isAdaptivityChanged() {
                    return false
                }
                dispose() {
                    const popup = this._getPopup();
                    if (popup) {
                        popup.$content().empty()
                    }
                }
                dateBoxValue(value, event) {
                    if (arguments.length) {
                        return this.dateBox.dateValue.apply(this.dateBox, arguments)
                    }
                    return this.dateBox.getDateOption.apply(this.dateBox, ["value"])
                }
            }
            exports.default = DateBoxStrategy
        },
        62905(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ../../ui/list/modules/selection */ 81400);
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _date_serialization = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date_serialization */ 71051));
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _m_utils = __webpack_require__( /*! ../../ui/drop_down_editor/m_utils */ 6807);
            var _listEdit = _interopRequireDefault(__webpack_require__( /*! ../../ui/list/list.edit.search */ 51802));
            var _date_utils = _interopRequireDefault(__webpack_require__( /*! ./date_utils */ 45854));
            var _m_date_box = _interopRequireDefault(__webpack_require__( /*! ./m_date_box.strategy */ 19127));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const BOUNDARY_VALUES = {
                min: new Date(0, 0, 0, 0, 0),
                max: new Date(0, 0, 0, 23, 59)
            };
            class ListStrategy extends _m_date_box.default {
                ctor(dateBox) {
                    super.ctor(dateBox);
                    this.NAME = "List"
                }
                supportedKeys() {
                    return {
                        space: _common.noop,
                        home: _common.noop,
                        end: _common.noop
                    }
                }
                getDefaultOptions() {
                    return Object.assign({}, super.getDefaultOptions(), {
                        applyValueMode: "instantly"
                    })
                }
                getDisplayFormat(displayFormat) {
                    return displayFormat || "shorttime"
                }
                popupConfig(popupConfig) {
                    return popupConfig
                }
                getValue() {
                    const selectedIndex = this._widget.option("selectedIndex");
                    if (-1 === selectedIndex) {
                        return this.dateBox.option("value")
                    }
                    const itemData = this._widgetItems[selectedIndex];
                    return this._getDateByItemData(itemData)
                }
                useCurrentDateByDefault() {
                    return true
                }
                getDefaultDate() {
                    return new Date(null)
                }
                popupShowingHandler() {
                    this.dateBox._dimensionChanged()
                }
                _renderWidget() {
                    super._renderWidget();
                    this._refreshItems()
                }
                _getWidgetName() {
                    return _listEdit.default
                }
                _getWidgetOptions() {
                    return {
                        itemTemplate: this._timeListItemTemplate.bind(this),
                        onItemClick: this._listItemClickHandler.bind(this),
                        tabIndex: -1,
                        onFocusedItemChanged: this._refreshActiveDescendant.bind(this),
                        selectionMode: "single"
                    }
                }
                _refreshActiveDescendant(e) {
                    this.dateBox.setAria("activedescendant", "");
                    this.dateBox.setAria("activedescendant", e.actionValue)
                }
                _refreshItems() {
                    this._widgetItems = this._getTimeListItems();
                    this._widget.option("items", this._widgetItems)
                }
                renderOpenedState() {
                    if (!this._widget) {
                        return
                    }
                    this._widget.option("focusedElement", null);
                    this._setSelectedItemsByValue();
                    if (this._widget.option("templatesRenderAsynchronously")) {
                        this._asyncScrollTimeout = setTimeout(this._scrollToSelectedItem.bind(this))
                    } else {
                        this._scrollToSelectedItem()
                    }
                }
                dispose() {
                    super.dispose();
                    clearTimeout(this._asyncScrollTimeout)
                }
                renderValue() {
                    this._updateValue()
                }
                _updateValue() {
                    if (!this._widget) {
                        return
                    }
                    this._refreshItems();
                    const {
                        opened: opened
                    } = this.dateBox.option();
                    if (opened) {
                        this._setSelectedItemsByValue();
                        this._scrollToSelectedItem()
                    }
                }
                _setSelectedItemsByValue() {
                    const value = this.dateBoxValue();
                    const dateIndex = this._getDateIndex(value);
                    if (-1 === dateIndex) {
                        this._widget.option("selectedItems", [])
                    } else {
                        this._widget.option("selectedIndex", dateIndex)
                    }
                }
                _scrollToSelectedItem() {
                    this._widget.scrollToItem(this._widget.option("selectedIndex"))
                }
                _getDateIndex(date) {
                    let result = -1;
                    for (let i = 0, n = this._widgetItems.length; i < n; i++) {
                        if (this._areDatesEqual(date, this._widgetItems[i])) {
                            result = i;
                            break
                        }
                    }
                    return result
                }
                _areDatesEqual(first, second) {
                    return (0, _type.isDate)(first) && (0, _type.isDate)(second) && first.getHours() === second.getHours() && first.getMinutes() === second.getMinutes()
                }
                _getTimeListItems() {
                    let min = this.dateBox.getDateOption("min") || this._getBoundaryDate("min");
                    const max = this.dateBox.getDateOption("max") || this._getBoundaryDate("max");
                    const value = this.dateBox.getDateOption("value") || null;
                    let delta = max - min;
                    const minutes = min.getMinutes() % this.dateBox.option("interval");
                    if (delta < 0) {
                        return []
                    }
                    if (delta > _date_utils.default.ONE_DAY) {
                        delta = _date_utils.default.ONE_DAY
                    }
                    if (value - min < _date_utils.default.ONE_DAY) {
                        return this._getRangeItems(min, new Date(min), delta)
                    }
                    min = this._getBoundaryDate("min");
                    min.setMinutes(minutes);
                    if (value && Math.abs(value - max) < _date_utils.default.ONE_DAY) {
                        delta = (60 * max.getHours() + Math.abs(max.getMinutes() - minutes)) * _date_utils.default.ONE_MINUTE
                    }
                    return this._getRangeItems(min, new Date(min), delta)
                }
                _getRangeItems(startValue, currentValue, rangeDuration) {
                    const rangeItems = [];
                    const interval = this.dateBox.option("interval");
                    while (currentValue - startValue <= rangeDuration) {
                        rangeItems.push(new Date(currentValue));
                        currentValue.setMinutes(currentValue.getMinutes() + interval)
                    }
                    return rangeItems
                }
                _getBoundaryDate(boundary) {
                    const boundaryValue = BOUNDARY_VALUES[boundary];
                    const currentValue = new Date((0, _common.ensureDefined)(this.dateBox.getDateOption("value"), 0));
                    return new Date(currentValue.getFullYear(), currentValue.getMonth(), currentValue.getDate(), boundaryValue.getHours(), boundaryValue.getMinutes())
                }
                _timeListItemTemplate(itemData) {
                    const displayFormat = this.dateBox.option("displayFormat");
                    return _date.default.format(itemData, this.getDisplayFormat(displayFormat))
                }
                _listItemClickHandler(e) {
                    if ("useButtons" === this.dateBox.option("applyValueMode")) {
                        return
                    }
                    const date = this._getDateByItemData(e.itemData);
                    this.dateBox.option("opened", false);
                    this.dateBoxValue(date, e.event)
                }
                _getDateByItemData(itemData) {
                    let date = this.dateBox.option("value");
                    const hours = itemData.getHours();
                    const minutes = itemData.getMinutes();
                    const seconds = itemData.getSeconds();
                    const year = itemData.getFullYear();
                    const month = itemData.getMonth();
                    const day = itemData.getDate();
                    if (date) {
                        if (this.dateBox.option("dateSerializationFormat")) {
                            date = _date_serialization.default.deserializeDate(date)
                        } else {
                            date = new Date(date)
                        }
                        date.setHours(hours);
                        date.setMinutes(minutes);
                        date.setSeconds(seconds);
                        date.setFullYear(year);
                        date.setMonth(month);
                        date.setDate(day)
                    } else {
                        date = new Date(year, month, day, hours, minutes, 0, 0)
                    }
                    return date
                }
                getKeyboardListener() {
                    return this._widget
                }
                _updatePopupHeight() {
                    var _this$dateBox$_timeLi;
                    const dropDownOptionsHeight = (0, _m_utils.getSizeValue)(this.dateBox.option("dropDownOptions.height"));
                    if (void 0 === dropDownOptionsHeight || "auto" === dropDownOptionsHeight) {
                        this.dateBox._setPopupOption("height", "auto");
                        const popupHeight = (0, _size.getOuterHeight)(this._widget.$element());
                        const maxHeight = .45 * (0, _size.getHeight)(window);
                        this.dateBox._setPopupOption("height", Math.min(popupHeight, maxHeight))
                    }
                    null === (_this$dateBox$_timeLi = this.dateBox._timeList) || void 0 === _this$dateBox$_timeLi || _this$dateBox$_timeLi.updateDimensions()
                }
                getParsedText(text, format) {
                    let value = super.getParsedText(text, format);
                    if (value) {
                        value = _date_utils.default.mergeDates(value, new Date(null), "date")
                    }
                    return value
                }
            }
            exports.default = ListStrategy
        },
        19838(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _date_serialization = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date_serialization */ 71051));
            var _support = __webpack_require__( /*! ../../../core/utils/support */ 4785);
            var _date_utils = _interopRequireDefault(__webpack_require__( /*! ./date_utils */ 45854));
            var _m_date_box = _interopRequireDefault(__webpack_require__( /*! ./m_date_box.strategy */ 19127));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class NativeStrategy extends _m_date_box.default {
                ctor(dateBox) {
                    super.ctor(dateBox);
                    this.NAME = "Native"
                }
                popupConfig(popupConfig) {
                    return Object.assign({}, popupConfig, {
                        width: "auto"
                    })
                }
                getParsedText(text) {
                    if (!text) {
                        return null
                    }
                    if ("datetime" === this.dateBox.option("type")) {
                        return new Date(text.replace(/-/g, "/").replace("T", " ").split(".")[0])
                    }
                    return _date_utils.default.fromStandardDateFormat(text)
                }
                renderPopupContent() {}
                _getWidgetName() {}
                _getWidgetOptions() {}
                _getDateBoxType() {
                    let {
                        type: type
                    } = this.dateBox.option();
                    if (!_date_utils.default.SUPPORTED_FORMATS.includes(type)) {
                        type = "date"
                    } else if ("datetime" === type && !(0, _support.inputType)(type)) {
                        type = "datetime-local"
                    }
                    return type
                }
                customizeButtons() {
                    const dropDownButton = this.dateBox.getButton("dropDown");
                    if (_devices.default.real().android && dropDownButton) {
                        dropDownButton.on("click", () => {
                            this.dateBox._input().get(0).click()
                        })
                    }
                }
                getDefaultOptions() {
                    return {
                        mode: this._getDateBoxType()
                    }
                }
                getDisplayFormat(displayFormat) {
                    const type = this._getDateBoxType();
                    return displayFormat || _date_utils.default.FORMATS_MAP[type]
                }
                renderInputMinMax($input) {
                    const type = this.dateBox.option("type");
                    const format = {
                        datetime: "yyyy-MM-ddTHH:mm:ss",
                        date: "yyyy-MM-dd",
                        time: "HH:mm:ss"
                    } [type] ?? "yyyy-MM-dd";
                    $input.attr({
                        min: _date_serialization.default.serializeDate(this.dateBox.getDateOption("min"), format),
                        max: _date_serialization.default.serializeDate(this.dateBox.getDateOption("max"), format)
                    })
                }
            }
            exports.default = NativeStrategy
        },
        13533(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _box = _interopRequireDefault(__webpack_require__( /*! ../../ui/box */ 6554));
            var _editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/editor/editor */ 24768));
            var _m_select_box = _interopRequireDefault(__webpack_require__( /*! ../../ui/m_select_box */ 30149));
            var _m_number_box = _interopRequireDefault(__webpack_require__( /*! ../../ui/number_box/m_number_box */ 42284));
            var _date_utils = _interopRequireDefault(__webpack_require__( /*! ./date_utils */ 45854));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const rotateArrow = ($arrow, angle, offset) => {
                if (!$arrow) {
                    return
                }! function($arrow, angle) {
                    let offset = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 0;
                    $arrow.css("transform", `rotate(${angle}deg) translate(0,${offset}px)`)
                }($arrow, angle, offset)
            };
            class TimeView extends _editor.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        value: new Date(Date.now()),
                        use24HourFormat: true,
                        _showClock: true,
                        _arrowOffset: 5
                    })
                }
                _getValue() {
                    const {
                        value: value
                    } = this.option();
                    return value || new Date
                }
                _init() {
                    super._init();
                    this.$element().addClass("dx-timeview")
                }
                _render() {
                    super._render();
                    this._renderBox();
                    this._updateTime()
                }
                _renderBox() {
                    const {
                        _showClock: _showClock
                    } = this.option();
                    const $box = (0, _renderer.default)("<div>").appendTo(this.$element());
                    const items = [];
                    if (_showClock) {
                        items.push({
                            ratio: 1,
                            shrink: 0,
                            baseSize: "auto",
                            template: this._renderClock.bind(this)
                        })
                    }
                    items.push({
                        ratio: 0,
                        shrink: 0,
                        baseSize: "auto",
                        template: this._renderField.bind(this)
                    });
                    this._createComponent($box, _box.default, {
                        height: "100%",
                        width: "100%",
                        direction: "col",
                        items: items
                    })
                }
                _renderClock(_, __, container) {
                    this._$hourArrow = (0, _renderer.default)("<div>").addClass("dx-timeview-hourarrow");
                    this._$minuteArrow = (0, _renderer.default)("<div>").addClass("dx-timeview-minutearrow");
                    const $container = (0, _renderer.default)(container);
                    $container.addClass("dx-timeview-clock").append(this._$hourArrow).append(this._$minuteArrow);
                    this.setAria("role", "presentation", $container)
                }
                _updateClock() {
                    const {
                        _arrowOffset: _arrowOffset
                    } = this.option();
                    const time = this._getValue();
                    const hourArrowAngle = time.getHours() / 12 * 360 + time.getMinutes() / 60 * 30;
                    const minuteArrowAngle = time.getMinutes() / 60 * 360;
                    rotateArrow(this._$hourArrow, hourArrowAngle, _arrowOffset);
                    rotateArrow(this._$minuteArrow, minuteArrowAngle, _arrowOffset)
                }
                _getBoxItems(is12HourFormat) {
                    const items = [{
                        ratio: 0,
                        shrink: 0,
                        baseSize: "auto",
                        template: () => this._hourBox.$element()
                    }, {
                        ratio: 0,
                        shrink: 0,
                        baseSize: "auto",
                        template: () => (0, _renderer.default)("<div>").addClass("dx-timeview-time-separator").text(_date.default.getTimeSeparator())
                    }, {
                        ratio: 0,
                        shrink: 0,
                        baseSize: "auto",
                        template: () => this._minuteBox.$element()
                    }];
                    if (is12HourFormat) {
                        items.push({
                            ratio: 0,
                            shrink: 0,
                            baseSize: "auto",
                            template: () => {
                                var _this$_format;
                                return null === (_this$_format = this._format12) || void 0 === _this$_format ? void 0 : _this$_format.$element()
                            }
                        })
                    }
                    return items
                }
                _renderField() {
                    const {
                        use24HourFormat: use24HourFormat
                    } = this.option();
                    const is12HourFormat = !use24HourFormat;
                    this._createHourBox(is12HourFormat);
                    this._createMinuteBox();
                    if (is12HourFormat) {
                        this._createFormat12Box()
                    }
                    return this._createComponent((0, _renderer.default)("<div>").addClass("dx-timeview-field"), _box.default, {
                        direction: "row",
                        align: "center",
                        crossAlign: "center",
                        items: this._getBoxItems(is12HourFormat)
                    }).$element()
                }
                _createHourBox(is12HourFormat) {
                    this._hourBox = this._createComponent((0, _renderer.default)("<div>"), _m_number_box.default, Object.assign({
                        min: -1,
                        max: is12HourFormat ? 13 : 24,
                        value: this._getValue().getHours(),
                        onValueChanged: this._onHourBoxValueChanged.bind(this),
                        onKeyboardHandled: opts => this._keyboardHandler(opts)
                    }, this._getNumberBoxConfig()));
                    this._hourBox.setAria("label", "hours")
                }
                _isPM() {
                    var _this$_format2;
                    const {
                        use24HourFormat: use24HourFormat
                    } = this.option();
                    const format12Value = null === (_this$_format2 = this._format12) || void 0 === _this$_format2 ? void 0 : _this$_format2.option().value;
                    return !use24HourFormat && 1 === format12Value
                }
                _onHourBoxValueChanged(_ref) {
                    let {
                        value: value,
                        component: component
                    } = _ref;
                    const currentValue = this._getValue();
                    const newValue = new Date(currentValue);
                    let newHours = this._convertMaxHourToMin(value);
                    component.option("value", newHours);
                    if (this._isPM()) {
                        newHours += 12
                    }
                    newValue.setHours(newHours);
                    _date_utils.default.normalizeTime(newValue);
                    this.option("value", newValue)
                }
                _convertMaxHourToMin(hours) {
                    const {
                        use24HourFormat: use24HourFormat
                    } = this.option();
                    const maxHoursValue = use24HourFormat ? 24 : 12;
                    return (maxHoursValue + hours) % maxHoursValue
                }
                _createMinuteBox() {
                    this._minuteBox = this._createComponent((0, _renderer.default)("<div>"), _m_number_box.default, Object.assign({
                        min: -1,
                        max: 60,
                        value: this._getValue().getMinutes(),
                        onKeyboardHandled: opts => this._keyboardHandler(opts),
                        onValueChanged: _ref2 => {
                            let {
                                value: value,
                                component: component
                            } = _ref2;
                            const newMinutes = (60 + value) % 60;
                            component.option("value", newMinutes);
                            const time = new Date(this._getValue());
                            time.setMinutes(newMinutes);
                            _date_utils.default.normalizeTime(time);
                            this.option("value", time)
                        }
                    }, this._getNumberBoxConfig()));
                    this._minuteBox.setAria("label", "minutes")
                }
                _createFormat12Box() {
                    const periodNames = _date.default.getPeriodNames();
                    const {
                        stylingMode: stylingMode
                    } = this.option();
                    this._format12 = this._createComponent((0, _renderer.default)("<div>").addClass("dx-timeview-format12"), _m_select_box.default, {
                        items: [{
                            value: -1,
                            text: periodNames[0]
                        }, {
                            value: 1,
                            text: periodNames[1]
                        }],
                        valueExpr: "value",
                        displayExpr: "text",
                        onKeyboardHandled: opts => this._keyboardHandler(opts),
                        onValueChanged: _ref3 => {
                            let {
                                value: value
                            } = _ref3;
                            const hours = this._getValue().getHours();
                            const time = new Date(this._getValue());
                            const newHours = (hours + 12 * value) % 24;
                            time.setHours(newHours);
                            this.option("value", time)
                        },
                        dropDownOptions: {
                            container: this.$element()
                        },
                        value: this._getValue().getHours() >= 12 ? 1 : -1,
                        stylingMode: stylingMode
                    });
                    this._format12.setAria("label", "type")
                }
                _refreshFormat12() {
                    const {
                        use24HourFormat: use24HourFormat
                    } = this.option();
                    if (use24HourFormat) {
                        return
                    }
                    const value = this._getValue();
                    const hours = value.getHours();
                    const isPM = hours >= 12;
                    const newValue = isPM ? 1 : -1;
                    this._silentEditorValueUpdate(this._format12, newValue)
                }
                _silentEditorValueUpdate(editor, value) {
                    if (!editor) {
                        return
                    }
                    editor._suppressValueChangeAction();
                    editor.option("value", value);
                    editor._resumeValueChangeAction()
                }
                _getNumberBoxConfig() {
                    const {
                        stylingMode: stylingMode
                    } = this.option();
                    return {
                        showSpinButtons: true,
                        displayValueFormatter: value => (value < 10 ? "0" : "") + value,
                        stylingMode: stylingMode
                    }
                }
                _normalizeHours(hours) {
                    const {
                        use24HourFormat: use24HourFormat
                    } = this.option();
                    return use24HourFormat ? hours : hours % 12 || 12
                }
                _updateField() {
                    const hours = this._normalizeHours(this._getValue().getHours());
                    this._silentEditorValueUpdate(this._hourBox, hours);
                    this._silentEditorValueUpdate(this._minuteBox, this._getValue().getMinutes());
                    this._refreshFormat12()
                }
                _updateTime() {
                    const {
                        _showClock: _showClock
                    } = this.option();
                    if (_showClock) {
                        this._updateClock()
                    }
                    this._updateField()
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        this._updateTime()
                    }
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "value":
                            this._updateTime();
                            super._optionChanged(args);
                            break;
                        case "_arrowOffset":
                            break;
                        case "use24HourFormat":
                        case "_showClock":
                        case "stylingMode":
                            this._invalidate();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }(0, _component_registrator.default)("dxTimeView", TimeView);
            exports.default = TimeView
        },
        96375(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.sortDatesArray = exports.monthDifference = exports.isSameDates = exports.isSameDateArrays = exports.getDeserializedDate = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _date_serialization = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date_serialization */ 71051));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const getDeserializedDate = value => _date_serialization.default.deserializeDate(value);
            exports.getDeserializedDate = getDeserializedDate;
            const isSameDates = (date1, date2) => {
                if (!date1 && !date2) {
                    return true
                }
                return _date.default.sameDate(getDeserializedDate(date1), getDeserializedDate(date2))
            };
            exports.isSameDates = isSameDates;
            exports.isSameDateArrays = (value, previousValue) => {
                const [startDate, endDate] = value;
                const [previousStartDate, previousEndDate] = previousValue;
                return isSameDates(startDate, previousStartDate) && isSameDates(endDate, previousEndDate)
            };
            exports.sortDatesArray = value => {
                const [startDate, endDate] = value;
                if (startDate && endDate && getDeserializedDate(startDate) > getDeserializedDate(endDate)) {
                    return [endDate, startDate]
                }
                return value
            };
            exports.monthDifference = (date1, date2) => 12 * (date2.getFullYear() - date1.getFullYear()) - date1.getMonth() + date2.getMonth()
        },
        61238(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../../core/config */ 66636));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _function_template = __webpack_require__( /*! ../../../core/templates/function_template */ 38699);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _icon = __webpack_require__( /*! ../../../core/utils/icon */ 69629);
            var _inflector = __webpack_require__( /*! ../../../core/utils/inflector */ 53124);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _editor = _interopRequireDefault(__webpack_require__( /*! ../../../ui/editor/editor */ 78694));
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _m_drop_down_button = _interopRequireDefault(__webpack_require__( /*! ../../ui/drop_down_editor/m_drop_down_button */ 96379));
            var _text_editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/text_box/text_editor.clear */ 54239));
            var _index2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/text_box/texteditor_button_collection/index */ 14354));
            var _m_date_range = __webpack_require__( /*! ./m_date_range.utils */ 96375);
            var _m_multiselect_date_box = _interopRequireDefault(__webpack_require__( /*! ./m_multiselect_date_box */ 49402));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const EVENTS_LIST = ["KeyDown", "KeyUp", "Change", "Cut", "Copy", "Paste", "Input", "EnterKey"];
            class DateRangeBox extends _editor.default {
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        acceptCustomValue: true,
                        activeStateEnabled: true,
                        applyButtonText: _message.default.format("OK"),
                        applyValueMode: "instantly",
                        buttons: void 0,
                        calendarOptions: {},
                        cancelButtonText: _message.default.format("Cancel"),
                        endDateOutOfRangeMessage: _message.default.format("dxDateRangeBox-endDateOutOfRangeMessage"),
                        dateSerializationFormat: void 0,
                        deferRendering: true,
                        disableOutOfRangeSelection: false,
                        disabledDates: null,
                        displayFormat: null,
                        dropDownButtonTemplate: "dropDownButton",
                        dropDownOptions: {},
                        endDate: null,
                        endDateInputAttr: {},
                        endDateLabel: _message.default.format("dxDateRangeBox-endDateLabel"),
                        endDateName: "",
                        endDatePlaceholder: "",
                        endDateText: void 0,
                        focusStateEnabled: true,
                        hoverStateEnabled: true,
                        invalidStartDateMessage: _message.default.format("dxDateRangeBox-invalidStartDateMessage"),
                        invalidEndDateMessage: _message.default.format("dxDateRangeBox-invalidEndDateMessage"),
                        isValid: true,
                        labelMode: "static",
                        max: void 0,
                        min: void 0,
                        multiView: true,
                        onChange: null,
                        onClosed: null,
                        onCopy: null,
                        onCut: null,
                        onEnterKey: null,
                        onInput: null,
                        onKeyDown: null,
                        onKeyUp: null,
                        onOpened: null,
                        onPaste: null,
                        onValueChanged: null,
                        openOnFieldClick: true,
                        opened: false,
                        pickerType: "calendar",
                        readOnly: false,
                        showClearButton: false,
                        showDropDownButton: true,
                        spellcheck: false,
                        startDate: null,
                        startDateInputAttr: {},
                        startDateLabel: _message.default.format("dxDateRangeBox-startDateLabel"),
                        startDateName: "",
                        startDateOutOfRangeMessage: _message.default.format("dxDateRangeBox-startDateOutOfRangeMessage"),
                        startDatePlaceholder: "",
                        startDateText: void 0,
                        stylingMode: (0, _config.default)().editorStylingMode ?? "outlined",
                        todayButtonText: _message.default.format("dxCalendar-todayButtonText"),
                        useHiddenSubmitElement: false,
                        useMaskBehavior: false,
                        validationError: null,
                        validationErrors: null,
                        validationMessageMode: "auto",
                        validationMessagePosition: "auto",
                        validationStatus: "valid",
                        value: [null, null],
                        valueChangeEvent: "change",
                        _internalValidationErrors: [],
                        currentSelection: "startDate"
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device() {
                            const themeName = (0, _themes.current)();
                            return (0, _themes.isMaterial)(themeName)
                        },
                        options: {
                            labelMode: "floating",
                            stylingMode: (0, _config.default)().editorStylingMode ?? "filled"
                        }
                    }, {
                        device() {
                            const themeName = (0, _themes.current)();
                            return (0, _themes.isFluent)(themeName)
                        },
                        options: {
                            labelMode: "outside"
                        }
                    }, {
                        device() {
                            const realDevice = _devices.default.real();
                            const {
                                platform: platform
                            } = realDevice;
                            return "ios" === platform || "android" === platform
                        },
                        options: {
                            multiView: false
                        }
                    }])
                }
                _initOptions(options) {
                    super._initOptions(options);
                    const {
                        value: initialValue
                    } = this.initialOption();
                    let {
                        value: value,
                        startDate: startDate,
                        endDate: endDate
                    } = this.option();
                    if (value[0] && value[1] && (0, _m_date_range.getDeserializedDate)(value[0]) > (0, _m_date_range.getDeserializedDate)(value[1])) {
                        value = [value[1], value[0]]
                    }
                    if (startDate && endDate && (0, _m_date_range.getDeserializedDate)(startDate) > (0, _m_date_range.getDeserializedDate)(endDate)) {
                        [startDate, endDate] = [endDate, startDate]
                    }
                    if ((0, _m_date_range.isSameDateArrays)(initialValue, value)) {
                        value = [startDate, endDate]
                    } else {
                        [startDate, endDate] = value
                    }
                    this.option({
                        startDate: startDate,
                        endDate: endDate,
                        value: value
                    })
                }
                _createOpenAction() {
                    this._openAction = this._createActionByOption("onOpened", {
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _raiseOpenAction() {
                    if (!this._openAction) {
                        this._createOpenAction()
                    }
                    this._openAction()
                }
                _createCloseAction() {
                    this._closeAction = this._createActionByOption("onClosed", {
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _raiseCloseAction() {
                    if (!this._closeAction) {
                        this._createCloseAction()
                    }
                    this._closeAction()
                }
                _createEventAction(eventName) {
                    this[`_${(0,_inflector.camelize)(eventName)}Action`] = this._createActionByOption(`on${eventName}`, {
                        excludeValidators: ["readOnly"]
                    })
                }
                _raiseAction(eventName, event) {
                    const action = this[`_${(0,_inflector.camelize)(eventName)}Action`];
                    if (!action) {
                        this._createEventAction(eventName)
                    }
                    this[`_${(0,_inflector.camelize)(eventName)}Action`]({
                        event: event
                    })
                }
                _initTemplates() {
                    this._templateManager.addDefaultTemplates({
                        dropDownButton: new _function_template.FunctionTemplate(options => {
                            const $icon = (0, _renderer.default)("<div>").addClass("dx-dropdowneditor-icon");
                            (0, _renderer.default)(options.container).append($icon)
                        })
                    });
                    super._initTemplates()
                }
                _getDefaultButtons() {
                    return [{
                        name: "clear",
                        Ctor: _text_editor.default
                    }, {
                        name: "dropDown",
                        Ctor: _m_drop_down_button.default
                    }]
                }
                _initMarkup() {
                    (0, _renderer.default)(this.element()).addClass("dx-daterangebox").addClass("dx-texteditor").addClass("dx-dropdowneditor");
                    this._toggleDropDownEditorActiveClass();
                    this._toggleEditorLabelClass();
                    this._toggleReadOnlyState();
                    this._renderStylingMode();
                    this._renderEndDateBox();
                    this._renderSeparator();
                    this._renderStartDateBox();
                    this._toggleEmptinessState();
                    this._renderEmptinessEvent();
                    this._renderButtonsContainer();
                    super._initMarkup();
                    (0, _renderer.default)(this.element()).removeClass("dx-show-invalid-badge")
                }
                _renderEmptinessEvent() {
                    const eventName = (0, _index.addNamespace)("input blur", this.NAME);
                    _events_engine.default.off(this._focusTarget(), eventName);
                    _events_engine.default.on(this._focusTarget(), eventName, this._toggleEmptinessState.bind(this))
                }
                _toggleEmptinessState() {
                    const isEmpty = (0, _renderer.default)(this.getStartDateBox().element()).hasClass("dx-texteditor-empty") && (0, _renderer.default)(this.getEndDateBox().element()).hasClass("dx-texteditor-empty");
                    (0, _renderer.default)(this.element()).toggleClass("dx-texteditor-empty", isEmpty)
                }
                _attachKeyboardEvents() {
                    if (!this.option("readOnly")) {
                        super._attachKeyboardEvents()
                    }
                }
                _toggleReadOnlyState() {
                    const {
                        readOnly: readOnly
                    } = this.option();
                    (0, _renderer.default)(this.element()).toggleClass("dx-state-readonly", !!readOnly)
                }
                _toggleDropDownEditorActiveClass() {
                    const {
                        opened: opened
                    } = this.option();
                    (0, _renderer.default)(this.element()).toggleClass("dx-dropdowneditor-active", opened)
                }
                _toggleEditorLabelClass() {
                    const {
                        startDateLabel: startDateLabel,
                        endDateLabel: endDateLabel,
                        labelMode: labelMode
                    } = this.option();
                    const isLabelVisible = (!!startDateLabel || !!endDateLabel) && "hidden" !== labelMode;
                    (0, _renderer.default)(this.element()).removeClass("dx-texteditor-with-floating-label").removeClass("dx-texteditor-label-outside").removeClass("dx-texteditor-with-label");
                    if (isLabelVisible) {
                        (0, _renderer.default)(this.element()).addClass("floating" === labelMode ? "dx-texteditor-with-floating-label" : "dx-texteditor-with-label");
                        if ("outside" === labelMode) {
                            (0, _renderer.default)(this.element()).addClass("dx-texteditor-label-outside")
                        }
                    }
                }
                _renderStartDateBox() {
                    this._$startDateBox = (0, _renderer.default)("<div>").addClass("dx-start-datebox").prependTo(this.$element());
                    this._startDateBox = this._createComponent(this._$startDateBox, _m_multiselect_date_box.default, this._getStartDateBoxConfig());
                    this._startDateBox.NAME = "_StartDateBox"
                }
                _renderEndDateBox() {
                    this._$endDateBox = (0, _renderer.default)("<div>").addClass("dx-end-datebox").appendTo(this.$element());
                    this._endDateBox = this._createComponent(this._$endDateBox, _m_multiselect_date_box.default, this._getEndDateBoxConfig());
                    this._endDateBox.NAME = "_EndDateBox"
                }
                _renderSeparator() {
                    const $icon = (0, _icon.getImageContainer)("to");
                    this._$separator = (0, _renderer.default)("<div>").addClass("dx-daterangebox-separator").prependTo(this.$element());
                    this._renderPreventBlurOnSeparatorClick();
                    null === $icon || void 0 === $icon || $icon.appendTo(this._$separator)
                }
                _renderPreventBlurOnSeparatorClick() {
                    const eventName = (0, _index.addNamespace)("mousedown", this.NAME);
                    _events_engine.default.off(this._$separator, eventName);
                    _events_engine.default.on(this._$separator, eventName, e => {
                        if (!this._hasActiveElement()) {
                            this.focus()
                        }
                        e.preventDefault()
                    })
                }
                _renderButtonsContainer() {
                    this._buttonCollection = new _index2.default(this, this._getDefaultButtons());
                    this._$beforeButtonsContainer = void 0;
                    this._$afterButtonsContainer = void 0;
                    const {
                        buttons: buttons
                    } = this.option();
                    this._$beforeButtonsContainer = this._buttonCollection.renderBeforeButtons(buttons, this.$element());
                    this._$afterButtonsContainer = this._buttonCollection.renderAfterButtons(buttons, this.$element())
                }
                _updateButtons(names) {
                    this._buttonCollection.updateButtons(names)
                }
                _openHandler() {
                    this._toggleOpenState()
                }
                _shouldCallOpenHandler() {
                    return true
                }
                _toggleOpenState() {
                    const {
                        opened: opened
                    } = this.option();
                    if (!opened) {
                        this.getStartDateBox()._focusInput()
                    }
                    if (!this.option("readOnly")) {
                        this.option("opened", !this.option("opened"))
                    }
                }
                _clearValueHandler(e) {
                    e.stopPropagation();
                    this._saveValueChangeEvent(e);
                    this.clear();
                    !this._isStartDateActiveElement() && this.focus();
                    _events_engine.default.trigger((0, _renderer.default)(this.startDateField()), "input")
                }
                _isClearButtonVisible() {
                    return this.option("showClearButton") && !this.option("readOnly")
                }
                _focusInHandler(event) {
                    if (this._shouldSkipFocusEvent(event)) {
                        return
                    }
                    super._focusInHandler(event)
                }
                _focusOutHandler(event) {
                    if (this._shouldSkipFocusEvent(event)) {
                        return
                    }
                    super._focusOutHandler(event)
                }
                _shouldSkipFocusEvent(event) {
                    const {
                        target: target,
                        relatedTarget: relatedTarget
                    } = event;
                    return (0, _renderer.default)(target).is((0, _renderer.default)(this.startDateField())) && (0, _renderer.default)(relatedTarget).is((0, _renderer.default)(this.endDateField())) || (0, _renderer.default)(target).is((0, _renderer.default)(this.endDateField())) && (0, _renderer.default)(relatedTarget).is((0, _renderer.default)(this.startDateField()))
                }
                _getPickerType() {
                    const {
                        pickerType: pickerType
                    } = this.option();
                    return ["calendar", "native"].includes(pickerType) ? pickerType : "calendar"
                }
                _getRestErrors(allErrors, partialErrors) {
                    return allErrors.filter(error => !partialErrors.some(prevError => error.message === prevError.message))
                }
                _syncValidationErrors(optionName, newPartialErrors, previousPartialErrors) {
                    newPartialErrors || (newPartialErrors = []);
                    previousPartialErrors || (previousPartialErrors = []);
                    const allErrors = this.option(optionName) || [];
                    const otherErrors = this._getRestErrors(allErrors, previousPartialErrors);
                    this.option(optionName, [...otherErrors, ...newPartialErrors])
                }
                _getDateBoxConfig() {
                    const options = this.option();
                    const dateBoxConfig = {
                        acceptCustomValue: options.acceptCustomValue,
                        activeStateEnabled: options.activeStateEnabled,
                        applyValueMode: options.applyValueMode,
                        dateSerializationFormat: options.dateSerializationFormat,
                        deferRendering: options.deferRendering,
                        disabled: options.disabled,
                        displayFormat: options.displayFormat,
                        focusStateEnabled: options.focusStateEnabled,
                        isValid: options.isValid,
                        tabIndex: options.tabIndex,
                        height: options.height,
                        hoverStateEnabled: options.hoverStateEnabled,
                        labelMode: options.labelMode,
                        max: options.max,
                        min: options.min,
                        openOnFieldClick: options.openOnFieldClick,
                        pickerType: this._getPickerType(),
                        readOnly: options.readOnly,
                        rtlEnabled: options.rtlEnabled,
                        spellcheck: options.spellcheck,
                        stylingMode: options.stylingMode,
                        type: "date",
                        useMaskBehavior: options.useMaskBehavior,
                        validationMessageMode: options.validationMessageMode,
                        validationMessagePosition: options.validationMessagePosition,
                        valueChangeEvent: options.valueChangeEvent,
                        onKeyDown: options.onKeyDown,
                        onKeyUp: options.onKeyUp,
                        onChange: options.onChange,
                        onInput: options.onInput,
                        onCut: options.onCut,
                        onCopy: options.onCopy,
                        onPaste: options.onPaste,
                        onEnterKey: options.onEnterKey,
                        _dateRangeBoxInstance: this,
                        _showValidationMessage: false
                    };
                    (0, _iterator.each)(EVENTS_LIST, (_, eventName) => {
                        const optionName = `on${eventName}`;
                        if (this.hasActionSubscription(optionName)) {
                            dateBoxConfig[optionName] = e => {
                                this._raiseAction(eventName, e.event)
                            }
                        }
                    });
                    return dateBoxConfig
                }
                _hideOnOutsideClickHandler(_ref) {
                    let {
                        target: target
                    } = _ref;
                    const $target = (0, _renderer.default)(target);
                    const dropDownButton = this.getButton("dropDown");
                    const $dropDownButton = null === dropDownButton || void 0 === dropDownButton ? void 0 : dropDownButton.$element();
                    const isInputClicked = !!$target.closest((0, _renderer.default)(this.element())).length;
                    const isDropDownButtonClicked = !!$target.closest($dropDownButton).length;
                    const isOutsideClick = !isInputClicked && !isDropDownButtonClicked;
                    return isOutsideClick
                }
                _getStartDateBoxConfig() {
                    var _options$dropDownOpti;
                    const options = this.option();
                    return Object.assign({}, this._getDateBoxConfig(), {
                        applyButtonText: options.applyButtonText,
                        calendarOptions: options.calendarOptions,
                        cancelButtonText: options.cancelButtonText,
                        dateOutOfRangeMessage: options.startDateOutOfRangeMessage,
                        deferRendering: options.deferRendering,
                        disabledDates: null === (_options$dropDownOpti = options.dropDownOptions) || void 0 === _options$dropDownOpti ? void 0 : _options$dropDownOpti.disabledDates,
                        dropDownOptions: Object.assign({
                            showTitle: false,
                            title: "",
                            hideOnOutsideClick: e => this._hideOnOutsideClickHandler(e),
                            hideOnParentScroll: false,
                            preventScrollEvents: false
                        }, options.dropDownOptions),
                        invalidDateMessage: options.invalidStartDateMessage,
                        onValueChanged: _ref2 => {
                            let {
                                value: value,
                                event: event
                            } = _ref2;
                            const newValue = [value, this.option("value")[1]];
                            this.updateValue(newValue, event)
                        },
                        opened: options.opened,
                        onOpened: () => {
                            this._raiseOpenAction()
                        },
                        onClosed: () => {
                            this._raiseCloseAction()
                        },
                        onOptionChanged: args => {
                            const {
                                name: name,
                                value: value,
                                previousValue: previousValue
                            } = args;
                            if ("text" === name) {
                                this.option("startDateText", value)
                            }
                            if ("validationErrors" === name) {
                                this._syncValidationErrors("_internalValidationErrors", value, previousValue)
                            }
                        },
                        todayButtonText: options.todayButtonText,
                        showClearButton: false,
                        showDropDownButton: false,
                        value: this.option("value")[0],
                        label: options.startDateLabel,
                        placeholder: options.startDatePlaceholder,
                        inputAttr: options.startDateInputAttr,
                        name: options.startDateName,
                        _showValidationIcon: false
                    })
                }
                _getEndDateBoxConfig() {
                    const options = this.option();
                    return Object.assign({}, this._getDateBoxConfig(), {
                        invalidDateMessage: options.invalidEndDateMessage,
                        dateOutOfRangeMessage: options.endDateOutOfRangeMessage,
                        onValueChanged: _ref3 => {
                            let {
                                value: value,
                                event: event
                            } = _ref3;
                            const newValue = [this.option("value")[0], value];
                            this.updateValue(newValue, event)
                        },
                        onOptionChanged: args => {
                            const {
                                name: name,
                                value: value,
                                previousValue: previousValue
                            } = args;
                            if ("text" === name) {
                                this.option("endDateText", value)
                            }
                            if ("validationErrors" === name) {
                                this._syncValidationErrors("_internalValidationErrors", value, previousValue)
                            }
                        },
                        opened: options.opened,
                        showClearButton: false,
                        showDropDownButton: false,
                        value: this.option("value")[1],
                        label: options.endDateLabel,
                        placeholder: options.endDatePlaceholder,
                        deferRendering: true,
                        inputAttr: options.endDateInputAttr,
                        name: options.endDateName
                    })
                }
                _getValidationMessagePosition() {
                    const {
                        validationMessagePosition: validationMessagePosition
                    } = this.option();
                    if ("auto" === validationMessagePosition) {
                        return this.option("opened") ? "top" : "bottom"
                    }
                    return validationMessagePosition
                }
                _getSerializedDates(_ref4) {
                    let [startDate, endDate] = _ref4;
                    return [this.getStartDateBox()._serializeDate((0, _m_date_range.getDeserializedDate)(startDate)), this.getStartDateBox()._serializeDate((0, _m_date_range.getDeserializedDate)(endDate))]
                }
                updateValue(newValue, event) {
                    if (!(0, _m_date_range.isSameDateArrays)(newValue, this.option("value"))) {
                        if (event) {
                            this._saveValueChangeEvent(event)
                        }
                        this.option("value", this._getSerializedDates(newValue))
                    }
                }
                _updateDateBoxesValue(newValue) {
                    const startDateBox = this.getStartDateBox();
                    const endDateBox = this.getEndDateBox();
                    const [newStartDate, newEndDate] = newValue;
                    const oldStartDate = startDateBox.option("value");
                    const oldEndDate = endDateBox.option("value");
                    if (!(0, _m_date_range.isSameDates)(newStartDate, oldStartDate)) {
                        startDateBox.option("value", newStartDate)
                    }
                    if (!(0, _m_date_range.isSameDates)(newEndDate, oldEndDate)) {
                        endDateBox.option("value", newEndDate)
                    }
                }
                _renderAccessKey() {
                    const $startDateInput = (0, _renderer.default)(this.field()[0]);
                    const {
                        accessKey: accessKey
                    } = this.option();
                    $startDateInput.attr("accesskey", accessKey)
                }
                _focusTarget() {
                    return (0, _renderer.default)(this.element()).find(".dx-texteditor-input")
                }
                _focusEventTarget() {
                    return this.element()
                }
                _focusClassTarget() {
                    return this.$element()
                }
                _toggleFocusClass(isFocused) {
                    super._toggleFocusClass(isFocused, this._focusClassTarget())
                }
                _hasActiveElement() {
                    return this._isStartDateActiveElement() || this._isEndDateActiveElement()
                }
                _isStartDateActiveElement() {
                    return this._isActiveElement(this.startDateField())
                }
                _isEndDateActiveElement() {
                    return this._isActiveElement(this.endDateField())
                }
                _isActiveElement(input) {
                    return (0, _renderer.default)(input).is((0, _renderer.default)(_dom_adapter.default.getActiveElement(input)))
                }
                _popupContentIdentifier(identifier) {
                    if (identifier) {
                        this._popupContentId = identifier
                    }
                    return this._popupContentId
                }
                _setAriaAttributes() {
                    const {
                        opened: opened
                    } = this.option();
                    const arias = {
                        expanded: opened,
                        controls: this._popupContentIdentifier()
                    };
                    const ariaOwns = opened ? this._popupContentIdentifier() : void 0;
                    this.setAria(arias);
                    this.setAria("owns", ariaOwns, this.$element())
                }
                _cleanButtonContainers() {
                    var _this$_$beforeButtons, _this$_$afterButtonsC;
                    null === (_this$_$beforeButtons = this._$beforeButtonsContainer) || void 0 === _this$_$beforeButtons || _this$_$beforeButtons.remove();
                    null === (_this$_$afterButtonsC = this._$afterButtonsContainer) || void 0 === _this$_$afterButtonsC || _this$_$afterButtonsC.remove();
                    this._buttonCollection.clean();
                    this._$beforeButtonsContainer = void 0;
                    this._$afterButtonsContainer = void 0
                }
                _applyCustomValidation(value) {
                    this.validationRequest.fire({
                        editor: this,
                        value: value
                    })
                }
                _clean() {
                    var _this$_$startDateBox, _this$_$endDateBox, _this$_$separator;
                    this._cleanButtonContainers();
                    null === (_this$_$startDateBox = this._$startDateBox) || void 0 === _this$_$startDateBox || _this$_$startDateBox.remove();
                    null === (_this$_$endDateBox = this._$endDateBox) || void 0 === _this$_$endDateBox || _this$_$endDateBox.remove();
                    null === (_this$_$separator = this._$separator) || void 0 === _this$_$separator || _this$_$separator.remove();
                    super._clean()
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        fullName: fullName,
                        value: value,
                        previousValue: previousValue
                    } = args;
                    switch (name) {
                        case "acceptCustomValue":
                        case "dateSerializationFormat":
                        case "displayFormat":
                        case "max":
                        case "min":
                        case "openOnFieldClick":
                        case "spellcheck":
                        case "useMaskBehavior":
                        case "valueChangeEvent":
                            this.getStartDateBox().option(name, value);
                            this.getEndDateBox().option(name, value);
                            break;
                        case "rtlEnabled":
                        default:
                            super._optionChanged(args);
                            break;
                        case "labelMode":
                            this._toggleEditorLabelClass();
                            this.getStartDateBox().option(name, value);
                            this.getEndDateBox().option(name, value);
                            break;
                        case "applyButtonText":
                        case "applyValueMode":
                        case "cancelButtonText":
                        case "deferRendering":
                        case "disabledDates":
                        case "todayButtonText":
                            this.getStartDateBox().option(name, value);
                            break;
                        case "opened":
                            this._toggleDropDownEditorActiveClass();
                            this.getStartDateBox().option(name, value);
                            this.getEndDateBox()._setOptionWithoutOptionChange(name, value);
                            break;
                        case "buttons":
                            this._cleanButtonContainers();
                            this._renderButtonsContainer();
                            break;
                        case "calendarOptions":
                        case "dropDownOptions":
                            this.getStartDateBox().option(fullName, value);
                            break;
                        case "pickerType": {
                            const pickerType = this._getPickerType();
                            this.getStartDateBox().option(name, pickerType);
                            this.getEndDateBox().option(name, pickerType);
                            break
                        }
                        case "height":
                            this.getStartDateBox().option(name, value);
                            this.getEndDateBox().option(name, value);
                            super._optionChanged(args);
                            break;
                        case "dropDownButtonTemplate":
                        case "showDropDownButton":
                            this._updateButtons(["dropDown"]);
                            break;
                        case "showClearButton":
                            this._updateButtons(["clear"]);
                            break;
                        case "endDate":
                            this.updateValue([this.option("value")[0], value]);
                            break;
                        case "startDateLabel":
                            this._toggleEditorLabelClass();
                            this.getStartDateBox().option("label", value);
                            break;
                        case "endDateLabel":
                            this._toggleEditorLabelClass();
                            this.getEndDateBox().option("label", value);
                            break;
                        case "startDatePlaceholder":
                            this.getStartDateBox().option("placeholder", value);
                            break;
                        case "endDatePlaceholder":
                            this.getEndDateBox().option("placeholder", value);
                            break;
                        case "startDateInputAttr":
                            this.getStartDateBox().option("inputAttr", value);
                            break;
                        case "startDateName":
                            this.getStartDateBox().option("name", value);
                            break;
                        case "endDateInputAttr":
                            this.getEndDateBox().option("inputAttr", value);
                            break;
                        case "endDateName":
                            this.getEndDateBox().option("name", value);
                            break;
                        case "multiView":
                            this.getStartDateBox().option("calendarOptions.viewsCount", value ? 2 : 1);
                            break;
                        case "tabIndex":
                        case "activeStateEnabled":
                        case "focusStateEnabled":
                        case "hoverStateEnabled":
                            super._optionChanged(args);
                            this.getStartDateBox().option(name, value);
                            this.getEndDateBox().option(name, value);
                            break;
                        case "onValueChanged":
                            this._createValueChangeAction();
                            break;
                        case "onOpened":
                            this._createOpenAction();
                            break;
                        case "onClosed":
                            this._createCloseAction();
                            break;
                        case "onKeyDown":
                        case "onKeyUp":
                        case "onChange":
                        case "onInput":
                        case "onCut":
                        case "onCopy":
                        case "onPaste":
                        case "onEnterKey":
                            this._createEventAction(name.replace("on", ""));
                            break;
                        case "readOnly":
                        case "disabled":
                            this._updateButtons();
                            super._optionChanged(args);
                            this.getStartDateBox().option(name, value);
                            this.getEndDateBox().option(name, value);
                            break;
                        case "disableOutOfRangeSelection":
                        case "startDateText":
                        case "endDateText":
                        case "useHiddenSubmitElement":
                        case "currentSelection":
                            break;
                        case "startDate":
                            this.updateValue([value, this.option("value")[1]]);
                            break;
                        case "stylingMode":
                            this._renderStylingMode();
                            this.getStartDateBox().option(name, value);
                            this.getEndDateBox().option(name, value);
                            break;
                        case "invalidStartDateMessage":
                            this.getStartDateBox().option("invalidDateMessage", value);
                            break;
                        case "invalidEndDateMessage":
                            this.getEndDateBox().option("invalidDateMessage", value);
                            break;
                        case "startDateOutOfRangeMessage":
                            this.getStartDateBox().option("dateOutOfRangeMessage", value);
                            break;
                        case "endDateOutOfRangeMessage":
                            this.getEndDateBox().option("dateOutOfRangeMessage", value);
                            break;
                        case "validationMessagePosition":
                            this.getStartDateBox().option(name, value);
                            super._optionChanged(args);
                            break;
                        case "_internalValidationErrors": {
                            this._syncValidationErrors("validationErrors", value, previousValue);
                            const validationErrors = this.option("validationErrors");
                            this.option("isValid", !(null !== validationErrors && void 0 !== validationErrors && validationErrors.length));
                            break
                        }
                        case "isValid": {
                            this.getStartDateBox().option(name, value);
                            this.getEndDateBox().option(name, value);
                            const isValid = value && !this.option("_internalValidationErrors").length;
                            if (this._shouldSkipIsValidChange || isValid === value) {
                                super._optionChanged(args);
                                return
                            }
                            this._shouldSkipIsValidChange = true;
                            this.option("isValid", isValid);
                            this._shouldSkipIsValidChange = false;
                            break
                        }
                        case "validationErrors": {
                            const internalValidationErrors = this.option("_internalValidationErrors") || [];
                            const allErrors = value || [];
                            const externalErrors = this._getRestErrors(allErrors, internalValidationErrors);
                            const errors = [...externalErrors, ...internalValidationErrors];
                            const newValue = errors.length ? errors : null;
                            this._options.silent("validationErrors", newValue);
                            super._optionChanged(Object.assign({}, args, {
                                value: newValue
                            }));
                            break
                        }
                        case "value": {
                            const newValue = (0, _m_date_range.sortDatesArray)(value);
                            if (!(0, _m_date_range.isSameDateArrays)(newValue, previousValue)) {
                                const isDirty = !(0, _m_date_range.isSameDateArrays)(newValue, this._initialValue);
                                this.option("isDirty", isDirty);
                                this._setOptionWithoutOptionChange("value", newValue);
                                this._setOptionWithoutOptionChange("startDate", newValue[0]);
                                this._setOptionWithoutOptionChange("endDate", newValue[1]);
                                this._applyCustomValidation(newValue);
                                this._updateDateBoxesValue(newValue);
                                this.getStartDateBox().getStrategy().renderValue();
                                this._toggleEmptinessState();
                                this._raiseValueChangeAction(newValue, previousValue);
                                this._saveValueChangeEvent(void 0)
                            }
                            break
                        }
                    }
                }
                getStartDateBox() {
                    return this._startDateBox
                }
                getEndDateBox() {
                    return this._endDateBox
                }
                getButton(name) {
                    return this._buttonCollection.getButton(name)
                }
                open() {
                    this.option("opened", true)
                }
                close() {
                    this.option("opened", false)
                }
                content() {
                    return this.getStartDateBox().content()
                }
                field() {
                    return [this.startDateField(), this.endDateField()]
                }
                startDateField() {
                    return this.getStartDateBox().field()
                }
                endDateField() {
                    return this.getEndDateBox().field()
                }
                focus() {
                    this.getStartDateBox().focus()
                }
                reset() {
                    super.reset();
                    const startDateBox = this.getStartDateBox();
                    const endDateBox = this.getEndDateBox();
                    startDateBox.reset();
                    endDateBox.reset();
                    startDateBox._updateInternalValidationState(true);
                    endDateBox._updateInternalValidationState(true)
                }
                clear() {
                    super.clear();
                    this.getEndDateBox().clear();
                    this.getStartDateBox().clear()
                }
            }(0, _component_registrator.default)("dxDateRangeBox", DateRangeBox);
            exports.default = DateRangeBox
        },
        49402(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _date_box = _interopRequireDefault(__webpack_require__( /*! ../../../ui/date_box */ 2739));
            var _m_date_range = __webpack_require__( /*! ./m_date_range.utils */ 96375);
            var _m_rangeCalendar = _interopRequireDefault(__webpack_require__( /*! ./strategy/m_rangeCalendar */ 37091));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const TypedDateBox = _date_box.default;
            exports.default = class extends TypedDateBox {
                _initStrategy() {
                    this._strategy = new _m_rangeCalendar.default(this)
                }
                _initMarkup() {
                    super._initMarkup();
                    this._renderInputClickEvent()
                }
                _renderInputClickEvent() {
                    const clickEventName = (0, _index.addNamespace)("dxclick", this.NAME);
                    _events_engine.default.off(this._input(), clickEventName);
                    _events_engine.default.on(this._input(), clickEventName, e => {
                        this._processValueChange(e)
                    })
                }
                _applyButtonHandler(_ref) {
                    let {
                        event: event
                    } = _ref;
                    const strategy = this.getStrategy();
                    const value = strategy.getValue();
                    strategy.getDateRangeBox().updateValue(value, event);
                    this.close();
                    this.option("focusStateEnabled") && this.focus()
                }
                _openHandler(e) {
                    if (this.getStrategy().getDateRangeBox().option("opened")) {
                        return
                    }
                    super._openHandler(e)
                }
                _renderOpenedState() {
                    const {
                        opened: opened
                    } = this.option();
                    this._getDateRangeBox().option("opened", opened);
                    if (this._isStartDateBox()) {
                        if (opened) {
                            this._createPopup()
                        }
                        this._getDateRangeBox()._popupContentIdentifier(this._getControlsAria());
                        this._setPopupOption("visible", opened);
                        this._getDateRangeBox()._setAriaAttributes()
                    }
                }
                _getDateRangeBox() {
                    return this.getStrategy().getDateRangeBox()
                }
                _isStartDateBox() {
                    return (0, _renderer.default)(this.element()).hasClass("dx-start-datebox")
                }
                _renderPopup() {
                    super._renderPopup();
                    if (this._isStartDateBox()) {
                        this._getDateRangeBox()._bindInnerWidgetOptions(this._popup, "dropDownOptions")
                    }
                }
                _popupShownHandler() {
                    var _this$_getDateRangeBo;
                    super._popupShownHandler();
                    null === (_this$_getDateRangeBo = this._getDateRangeBox()._validationMessage) || void 0 === _this$_getDateRangeBo || _this$_getDateRangeBo.option("positionSide", this._getValidationMessagePositionSide())
                }
                _popupHiddenHandler() {
                    var _this$_getDateRangeBo2;
                    super._popupHiddenHandler();
                    null === (_this$_getDateRangeBo2 = this._getDateRangeBox()._validationMessage) || void 0 === _this$_getDateRangeBo2 || _this$_getDateRangeBo2.option("positionSide", this._getValidationMessagePositionSide())
                }
                _focusInHandler(e) {
                    super._focusInHandler(e);
                    this._processValueChange(e)
                }
                _popupTabHandler(e) {
                    const $element = (0, _renderer.default)(e.target);
                    if (e.shiftKey && $element.is(this._getFirstPopupElement())) {
                        this._getDateRangeBox().getEndDateBox().focus();
                        e.preventDefault()
                    }
                    if (!e.shiftKey && $element.is(this._getLastPopupElement())) {
                        this._getDateRangeBox().getStartDateBox().focus();
                        e.preventDefault()
                    }
                }
                _processValueChange(e) {
                    const {
                        target: target
                    } = e;
                    const dateRangeBox = this._getDateRangeBox();
                    const [startDateInput, endDateInput] = dateRangeBox.field();
                    if ((0, _renderer.default)(target).is((0, _renderer.default)(startDateInput))) {
                        dateRangeBox.option("currentSelection", "startDate")
                    }
                    if ((0, _renderer.default)(target).is((0, _renderer.default)(endDateInput))) {
                        dateRangeBox.option("currentSelection", "endDate")
                    }
                    if (!dateRangeBox.getStartDateBox().getStrategy().getWidget()) {
                        return
                    }
                    const calendar = dateRangeBox.getStartDateBox().getStrategy().getWidget();
                    const {
                        value: value
                    } = calendar.option();
                    const startDate = (0, _m_date_range.getDeserializedDate)(null === value || void 0 === value ? void 0 : value[0]);
                    const endDate = (0, _m_date_range.getDeserializedDate)(null === value || void 0 === value ? void 0 : value[1]);
                    if ((0, _renderer.default)(target).is((0, _renderer.default)(startDateInput))) {
                        if (startDate) {
                            calendar._skipNavigate = true;
                            calendar.option("currentDate", startDate)
                        }
                        this.getStrategy().setActiveStartDateBox();
                        calendar.option("currentSelection", "startDate");
                        if (dateRangeBox.option("disableOutOfRangeSelection")) {
                            calendar._setViewsMaxOption(endDate)
                        }
                    }
                    if ((0, _renderer.default)(target).is((0, _renderer.default)(endDateInput))) {
                        if (endDate) {
                            if (startDate && (0, _m_date_range.monthDifference)(startDate, endDate) > 1) {
                                calendar.option("currentDate", calendar._getDateByOffset(null, endDate));
                                calendar.option("currentDate", calendar._getDateByOffset(-1, endDate))
                            }
                            calendar._skipNavigate = true;
                            calendar.option("currentDate", endDate)
                        }
                        dateRangeBox.getStartDateBox().getStrategy().setActiveEndDateBox();
                        calendar.option("currentSelection", "endDate");
                        if (dateRangeBox.option("disableOutOfRangeSelection")) {
                            calendar._setViewsMinOption(startDate)
                        }
                    }
                }
                _invalidate() {
                    super._invalidate();
                    this._refreshStrategy()
                }
                _updateInternalValidationState(isValid, validationMessage) {
                    this.option({
                        isValid: isValid,
                        validationError: isValid ? null : {
                            message: validationMessage
                        }
                    })
                }
                _recallInternalValidation(value) {
                    this._applyInternalValidation(value)
                }
                _isTargetOutOfComponent(target) {
                    const $dateRangeBox = (0, _renderer.default)(this._getDateRangeBox().element());
                    const isTargetOutOfDateRangeBox = 0 === (0, _renderer.default)(target).closest($dateRangeBox).length;
                    return super._isTargetOutOfComponent(target) && isTargetOutOfDateRangeBox
                }
                _updateLabelWidth() {
                    const $beforeButtonsContainer = this._getDateRangeBox()._$beforeButtonsContainer;
                    const {
                        labelMode: labelMode
                    } = this.option();
                    if ("outside" === labelMode && $beforeButtonsContainer && this._isStartDateBox()) {
                        this._label._updateLabelTransform((0, _size.getWidth)($beforeButtonsContainer));
                        return
                    }
                    super._updateLabelWidth()
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "isValid": {
                            const isValid = this._getDateRangeBox().option("isValid");
                            if (this._skipIsValidOptionChange || isValid === args.value) {
                                super._optionChanged(args);
                                return
                            }
                            this._skipIsValidOptionChange = true;
                            this.option({
                                isValid: isValid
                            });
                            this._skipIsValidOptionChange = false;
                            break
                        }
                        default:
                            super._optionChanged(args)
                    }
                }
                close() {
                    this.getStrategy().getDateRangeBox().getStartDateBox().option("opened", false)
                }
                getStrategy() {
                    return this._strategy
                }
            }
        },
        37091(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _m_date_boxStrategy = _interopRequireDefault(__webpack_require__( /*! ../../date_box/m_date_box.strategy.calendar */ 49403));
            var _m_date_range = __webpack_require__( /*! ../m_date_range.utils */ 96375);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class RangeCalendarStrategy extends _m_date_boxStrategy.default {
                constructor(dateBox) {
                    super();
                    this._dateSelectedCounter = 0;
                    this.dateBox = dateBox;
                    this.dateRangeBox = dateBox.option("_dateRangeBoxInstance")
                }
                popupConfig(popupConfig) {
                    return (0, _extend.extend)(true, super.popupConfig(popupConfig), {
                        position: {
                            of: this.getDateRangeBox().$element()
                        }
                    })
                }
                popupShowingHandler() {
                    this.getWidget()._restoreViewsMinMaxOptions();
                    this._dateSelectedCounter = 0
                }
                _getPopup() {
                    return super._getPopup() || this.getDateRangeBox().getStartDateBox()._popup
                }
                supportedKeys() {
                    const dateRangeBox = this.getDateRangeBox();
                    return Object.assign({}, super.supportedKeys(), {
                        rightArrow: () => {
                            if (dateRangeBox.option("opened")) {
                                return true
                            }
                            return
                        },
                        leftArrow: () => {
                            if (dateRangeBox.option("opened")) {
                                return true
                            }
                            return
                        },
                        enter: e => {
                            if (dateRangeBox.option("opened")) {
                                const dateBoxValue = this.dateBox.getDateOption("value");
                                this.dateBox._valueChangeEventHandler(e);
                                const newDateBoxValue = this.dateBox.getDateOption("value");
                                const dateBoxValueChanged = !(0, _m_date_range.isSameDates)(dateBoxValue, newDateBoxValue);
                                if (dateBoxValueChanged) {
                                    dateRangeBox.getStartDateBox().getStrategy().getWidget().option("value", dateRangeBox.option("value"))
                                } else {
                                    dateRangeBox.getStartDateBox().getStrategy().getWidget()._enterKeyHandler(e)
                                }
                                return false
                            }
                            return
                        },
                        tab: e => {
                            if (!dateRangeBox.option("opened")) {
                                return
                            }
                            if (!this._getPopup().getFocusableElements().length) {
                                if (!e.shiftKey && dateRangeBox._isEndDateActiveElement() || e.shiftKey && dateRangeBox._isStartDateActiveElement()) {
                                    dateRangeBox.close()
                                }
                                return
                            }
                            if (!e.shiftKey && dateRangeBox._isStartDateActiveElement() || e.shiftKey && dateRangeBox._isEndDateActiveElement()) {
                                return
                            }
                            const $focusableElement = e.shiftKey ? dateRangeBox.getStartDateBox()._getLastPopupElement() : dateRangeBox.getStartDateBox()._getFirstPopupElement();
                            if ($focusableElement) {
                                _events_engine.default.trigger($focusableElement, "focus");
                                $focusableElement.select()
                            }
                            e.preventDefault()
                        }
                    })
                }
                _getWidgetOptions() {
                    const {
                        disabledDates: disabledDatesValue,
                        value: value,
                        multiView: multiView
                    } = this.dateRangeBox.option();
                    const disabledDates = (0, _type.isFunction)(disabledDatesValue) ? this._injectComponent(disabledDatesValue) : disabledDatesValue ?? void 0;
                    return (0, _extend.extend)(super._getWidgetOptions(), {
                        disabledDates: disabledDates,
                        value: value,
                        selectionMode: "range",
                        viewsCount: multiView ? 2 : 1,
                        allowChangeSelectionOrder: true,
                        currentSelection: this.getCurrentSelection()
                    })
                }
                _refreshActiveDescendant(e) {
                    this.getDateRangeBox().setAria("activedescendant", e.actionValue)
                }
                _injectComponent(func) {
                    return params => func((0, _extend.extend)(params, {
                        component: this.getDateRangeBox()
                    }))
                }
                getKeyboardListener() {
                    const dateRangeBox = this.getDateRangeBox();
                    return dateRangeBox.getStartDateBox() ? dateRangeBox.getStartDateBox().getStrategy().getWidget() : this.getWidget()
                }
                getValue() {
                    return this.getWidget().option("value")
                }
                _updateValue() {
                    const {
                        value: value
                    } = this.getDateRangeBox().option();
                    if (!this.getWidget()) {
                        return
                    }
                    this._shouldPreventFocusChange = true;
                    this.getWidget().option("value", value)
                }
                _isInstantlyMode() {
                    return "instantly" === this.getDateRangeBox().option("applyValueMode")
                }
                _valueChangedHandler(_ref) {
                    let {
                        value: value,
                        previousValue: previousValue,
                        event: event
                    } = _ref;
                    if ((0, _m_date_range.isSameDateArrays)(value, previousValue) && !this.getWidget()._valueSelected) {
                        this._shouldPreventFocusChange = false;
                        return
                    }
                    this.getWidget()._valueSelected = false;
                    const dateRangeBox = this.getDateRangeBox();
                    if (this._isInstantlyMode()) {
                        if (!dateRangeBox.option("disableOutOfRangeSelection")) {
                            if ("startDate" === this._getCalendarCurrentSelection()) {
                                this._dateSelectedCounter = 0
                            } else {
                                this._dateSelectedCounter = 1;
                                if (!value[0]) {
                                    this._dateSelectedCounter = -1
                                } else if ((0, _m_date_range.getDeserializedDate)(value[0]) > (0, _m_date_range.getDeserializedDate)(value[1])) {
                                    dateRangeBox.updateValue([value[0], null], event);
                                    return
                                }
                            }
                        }
                        dateRangeBox.updateValue(value, event);
                        this._dateSelectedCounter += 1;
                        if (2 === this._dateSelectedCounter) {
                            dateRangeBox.close();
                            return
                        }
                    } else if ("endDate" === this._getCalendarCurrentSelection()) {
                        if (value[0] && (0, _m_date_range.getDeserializedDate)(value[0]) > (0, _m_date_range.getDeserializedDate)(value[1])) {
                            return
                        }
                    }
                    if (!this._shouldPreventFocusChange) {
                        this._moveFocusToNextInput()
                    }
                    this._shouldPreventFocusChange = false
                }
                _moveFocusToNextInput() {
                    const targetDateBox = "startDate" === this._getCalendarCurrentSelection() ? this.getDateRangeBox().getEndDateBox() : this.getDateRangeBox().getStartDateBox();
                    targetDateBox.focus();
                    _events_engine.default.trigger(targetDateBox.field(), "dxclick")
                }
                getCurrentSelection() {
                    return this.getDateRangeBox().option("currentSelection")
                }
                _getCalendarCurrentSelection() {
                    return this.getWidget().option("currentSelection")
                }
                _closeDropDownByEnter() {
                    if ("startDate" === this._getCalendarCurrentSelection()) {
                        return false
                    }
                    return true
                }
                dateBoxValue() {
                    const {
                        dateBox: dateBox
                    } = this;
                    if (arguments.length) {
                        return dateBox.setDateOption.apply(dateBox, arguments)
                    }
                    return dateBox.getDateOption.apply(dateBox, ["value"])
                }
                _cellClickHandler() {}
                setActiveStartDateBox() {
                    this.dateBox = this.getDateRangeBox().getStartDateBox()
                }
                setActiveEndDateBox() {
                    this.dateBox = this.getDateRangeBox().getEndDateBox()
                }
                getDateRangeBox() {
                    return this.dateRangeBox
                }
                getWidget() {
                    return this._widget
                }
            }
            exports.default = RangeCalendarStrategy
        },
        26579(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _diagram = __webpack_require__( /*! ../../ui/diagram/diagram.importer */ 49206);
            exports.default = class {
                constructor(owner) {
                    const {
                        EventDispatcher: EventDispatcher
                    } = (0, _diagram.getDiagram)();
                    this.onChanged = new EventDispatcher;
                    this._owner = owner
                }
                raiseBarCommandExecuted(key, parameter) {
                    this.onChanged.raise("notifyBarCommandExecuted", parseInt(key, 10), parameter)
                }
                getCommandKeys() {
                    throw "Not Implemented"
                }
                setItemValue(key, value) {}
                setItemEnabled(key, enabled) {}
                setItemVisible(key, enabled) {}
                setEnabled(enabled) {}
                setItemSubItems(key, items) {}
                isVisible() {
                    return true
                }
                _getKeys(items) {
                    const keys = items.reduce((commands, item) => {
                        if (void 0 !== item.command) {
                            commands.push(item.command)
                        }
                        if (item.items) {
                            commands = commands.concat(this._getKeys(item.items))
                        }
                        return commands
                    }, []);
                    return keys
                }
            }
        },
        88618(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _file_saver = __webpack_require__( /*! ../../../__internal/exporter/file_saver */ 47486);
            var _message = (e = __webpack_require__( /*! ../../../common/core/localization/message */ 4671), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _diagram = __webpack_require__( /*! ../../ui/diagram/diagram.importer */ 49206);
            const SEPARATOR_COMMAND = {
                widget: "separator"
            };
            const CSS_CLASSES_SMALL_EDITOR_ITEM = "dx-diagram-sm-edit-item",
                CSS_CLASSES_MEDIUM_EDITOR_ITEM = "dx-diagram-md-edit-item",
                CSS_CLASSES_LARGE_EDITOR_ITEM = "dx-diagram-lg-edit-item",
                CSS_CLASSES_IMAGE_DROPDOWN_ITEM = "dx-diagram-image-dropdown-item",
                CSS_CLASSES_COLOR_EDITOR_ITEM = "dx-diagram-color-edit-item",
                CSS_CLASSES_LARGE_ICON_ITEM = "dx-diagram-lg-icon-item";
            const DiagramCommandsManager = {
                SHOW_TOOLBOX_COMMAND_NAME: "toolbox",
                SHOW_PROPERTIES_PANEL_COMMAND_NAME: "propertiesPanel",
                getAllCommands() {
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram.getDiagram)();
                    return this._allCommands || (this._allCommands = {
                        separator: SEPARATOR_COMMAND,
                        exportSvg: {
                            command: DiagramCommand.ExportSvg,
                            text: _message.default.format("dxDiagram-commandExportToSvg"),
                            getParameter: widget => dataURI => {
                                this._exportTo(widget, dataURI, "SVG", "image/svg+xml")
                            }
                        },
                        exportPng: {
                            command: DiagramCommand.ExportPng,
                            text: _message.default.format("dxDiagram-commandExportToPng"),
                            getParameter: widget => dataURI => {
                                this._exportTo(widget, dataURI, "PNG", "image/png")
                            }
                        },
                        exportJpg: {
                            command: DiagramCommand.ExportJpg,
                            text: _message.default.format("dxDiagram-commandExportToJpg"),
                            getParameter: widget => dataURI => {
                                this._exportTo(widget, dataURI, "JPEG", "image/jpeg")
                            }
                        },
                        undo: {
                            command: DiagramCommand.Undo,
                            hint: _message.default.format("dxDiagram-commandUndo"),
                            text: _message.default.format("dxDiagram-commandUndo"),
                            icon: "undo",
                            menuIcon: "undo"
                        },
                        redo: {
                            command: DiagramCommand.Redo,
                            hint: _message.default.format("dxDiagram-commandRedo"),
                            text: _message.default.format("dxDiagram-commandRedo"),
                            icon: "redo",
                            menuIcon: "redo"
                        },
                        cut: {
                            command: DiagramCommand.Cut,
                            hint: _message.default.format("dxDiagram-commandCut"),
                            text: _message.default.format("dxDiagram-commandCut"),
                            icon: "cut",
                            menuIcon: "cut"
                        },
                        copy: {
                            command: DiagramCommand.Copy,
                            hint: _message.default.format("dxDiagram-commandCopy"),
                            text: _message.default.format("dxDiagram-commandCopy"),
                            icon: "copy",
                            menuIcon: "copy"
                        },
                        paste: {
                            command: DiagramCommand.PasteInPosition,
                            hint: _message.default.format("dxDiagram-commandPaste"),
                            text: _message.default.format("dxDiagram-commandPaste"),
                            icon: "paste",
                            menuIcon: "paste"
                        },
                        selectAll: {
                            command: DiagramCommand.SelectAll,
                            hint: _message.default.format("dxDiagram-commandSelectAll"),
                            text: _message.default.format("dxDiagram-commandSelectAll"),
                            icon: "dx-diagram-i-button-select-all dx-diagram-i",
                            menuIcon: "dx-diagram-i-menu-select-all dx-diagram-i"
                        },
                        delete: {
                            command: DiagramCommand.Delete,
                            hint: _message.default.format("dxDiagram-commandDelete"),
                            text: _message.default.format("dxDiagram-commandDelete"),
                            icon: "remove",
                            menuIcon: "remove"
                        },
                        fontName: {
                            command: DiagramCommand.FontName,
                            hint: _message.default.format("dxDiagram-commandFontName"),
                            text: _message.default.format("dxDiagram-commandFontName"),
                            widget: "dxSelectBox",
                            items: ["Arial", "Arial Black", "Helvetica", "Times New Roman", "Courier New", "Courier", "Verdana", "Georgia", "Comic Sans MS", "Trebuchet MS"].map(item => ({
                                text: item,
                                value: item
                            })),
                            cssClass: CSS_CLASSES_MEDIUM_EDITOR_ITEM
                        },
                        fontSize: {
                            command: DiagramCommand.FontSize,
                            hint: _message.default.format("dxDiagram-commandFontSize"),
                            text: _message.default.format("dxDiagram-commandFontSize"),
                            widget: "dxSelectBox",
                            items: [8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72].map(item => ({
                                text: `${item}pt`,
                                value: `${item}pt`
                            })),
                            cssClass: CSS_CLASSES_SMALL_EDITOR_ITEM
                        },
                        bold: {
                            command: DiagramCommand.Bold,
                            hint: _message.default.format("dxDiagram-commandBold"),
                            text: _message.default.format("dxDiagram-commandBold"),
                            icon: "bold",
                            menuIcon: "bold"
                        },
                        italic: {
                            command: DiagramCommand.Italic,
                            hint: _message.default.format("dxDiagram-commandItalic"),
                            text: _message.default.format("dxDiagram-commandItalic"),
                            icon: "italic",
                            menuIcon: "italic"
                        },
                        underline: {
                            command: DiagramCommand.Underline,
                            hint: _message.default.format("dxDiagram-commandUnderline"),
                            text: _message.default.format("dxDiagram-commandUnderline"),
                            icon: "underline",
                            menuIcon: "underline"
                        },
                        fontColor: {
                            command: DiagramCommand.FontColor,
                            text: _message.default.format("dxDiagram-commandTextColor"),
                            hint: _message.default.format("dxDiagram-commandTextColor"),
                            widget: "dxColorBox",
                            icon: "dx-icon dx-icon-color",
                            menuIcon: "dx-icon dx-icon-color",
                            cssClass: CSS_CLASSES_COLOR_EDITOR_ITEM
                        },
                        lineColor: {
                            command: DiagramCommand.StrokeColor,
                            text: _message.default.format("dxDiagram-commandLineColor"),
                            hint: _message.default.format("dxDiagram-commandLineColor"),
                            widget: "dxColorBox",
                            icon: "dx-icon dx-icon-background",
                            menuIcon: "dx-icon dx-icon-background",
                            cssClass: CSS_CLASSES_COLOR_EDITOR_ITEM
                        },
                        lineWidth: {
                            command: DiagramCommand.StrokeWidth,
                            text: _message.default.format("dxDiagram-commandLineWidth"),
                            hint: _message.default.format("dxDiagram-commandLineWidth"),
                            widget: "dxSelectBox",
                            items: [1, 2, 3, 4, 5, 6, 7, 8].map(item => ({
                                text: `${item}px`,
                                value: item.toString()
                            })),
                            cssClass: CSS_CLASSES_SMALL_EDITOR_ITEM
                        },
                        lineStyle: {
                            command: DiagramCommand.StrokeStyle,
                            text: _message.default.format("dxDiagram-commandLineStyle"),
                            hint: _message.default.format("dxDiagram-commandLineStyle"),
                            widget: "dxSelectBox",
                            items: [{
                                value: "",
                                menuIcon: "dx-diagram-i-line-solid dx-diagram-i",
                                hint: _message.default.format("dxDiagram-commandLineStyleSolid")
                            }, {
                                value: "2,2",
                                menuIcon: "dx-diagram-i-line-dotted dx-diagram-i",
                                hint: _message.default.format("dxDiagram-commandLineStyleDotted")
                            }, {
                                value: "6,2",
                                menuIcon: "dx-diagram-i-line-dashed dx-diagram-i",
                                hint: _message.default.format("dxDiagram-commandLineStyleDashed")
                            }],
                            cssClass: CSS_CLASSES_IMAGE_DROPDOWN_ITEM
                        },
                        fillColor: {
                            command: DiagramCommand.FillColor,
                            text: _message.default.format("dxDiagram-commandFillColor"),
                            hint: _message.default.format("dxDiagram-commandFillColor"),
                            widget: "dxColorBox",
                            icon: "dx-diagram-i dx-diagram-i-button-fill",
                            menuIcon: "dx-diagram-i dx-diagram-i-menu-fill",
                            cssClass: CSS_CLASSES_COLOR_EDITOR_ITEM
                        },
                        textAlignLeft: {
                            command: DiagramCommand.TextLeftAlign,
                            hint: _message.default.format("dxDiagram-commandAlignLeft"),
                            text: _message.default.format("dxDiagram-commandAlignLeft"),
                            icon: "alignleft",
                            menuIcon: "alignleft"
                        },
                        textAlignCenter: {
                            command: DiagramCommand.TextCenterAlign,
                            hint: _message.default.format("dxDiagram-commandAlignCenter"),
                            text: _message.default.format("dxDiagram-commandAlignCenter"),
                            icon: "aligncenter",
                            menuIcon: "aligncenter"
                        },
                        textAlignRight: {
                            command: DiagramCommand.TextRightAlign,
                            hint: _message.default.format("dxDiagram-commandAlignRight"),
                            text: _message.default.format("dxDiagram-commandAlignRight"),
                            icon: "alignright",
                            menuIcon: "alignright"
                        },
                        lock: {
                            command: DiagramCommand.Lock,
                            hint: _message.default.format("dxDiagram-commandLock"),
                            text: _message.default.format("dxDiagram-commandLock"),
                            icon: "dx-diagram-i-button-lock dx-diagram-i",
                            menuIcon: "dx-diagram-i-menu-lock dx-diagram-i"
                        },
                        unlock: {
                            command: DiagramCommand.Unlock,
                            hint: _message.default.format("dxDiagram-commandUnlock"),
                            text: _message.default.format("dxDiagram-commandUnlock"),
                            icon: "dx-diagram-i-button-unlock dx-diagram-i",
                            menuIcon: "dx-diagram-i-menu-unlock dx-diagram-i"
                        },
                        bringToFront: {
                            command: DiagramCommand.BringToFront,
                            hint: _message.default.format("dxDiagram-commandBringToFront"),
                            text: _message.default.format("dxDiagram-commandBringToFront"),
                            icon: "dx-diagram-i-button-bring-to-front dx-diagram-i",
                            menuIcon: "dx-diagram-i-menu-bring-to-front dx-diagram-i"
                        },
                        sendToBack: {
                            command: DiagramCommand.SendToBack,
                            hint: _message.default.format("dxDiagram-commandSendToBack"),
                            text: _message.default.format("dxDiagram-commandSendToBack"),
                            icon: "dx-diagram-i-button-send-to-back dx-diagram-i",
                            menuIcon: "dx-diagram-i-menu-send-to-back dx-diagram-i"
                        },
                        insertShapeImage: {
                            command: DiagramCommand.InsertShapeImage,
                            text: _message.default.format("dxDiagram-commandInsertShapeImage"),
                            icon: "dx-diagram-i-button-image-insert dx-diagram-i",
                            menuIcon: "dx-diagram-i-menu-image-insert dx-diagram-i"
                        },
                        editShapeImage: {
                            command: DiagramCommand.EditShapeImage,
                            text: _message.default.format("dxDiagram-commandEditShapeImage"),
                            icon: "dx-diagram-i-button-image-edit dx-diagram-i",
                            menuIcon: "dx-diagram-i-menu-image-edit dx-diagram-i"
                        },
                        deleteShapeImage: {
                            command: DiagramCommand.DeleteShapeImage,
                            text: _message.default.format("dxDiagram-commandDeleteShapeImage"),
                            icon: "dx-diagram-i-button-image-delete dx-diagram-i",
                            menuIcon: "dx-diagram-i-menu-image-delete dx-diagram-i"
                        },
                        connectorLineType: {
                            command: DiagramCommand.ConnectorLineOption,
                            widget: "dxSelectBox",
                            hint: _message.default.format("dxDiagram-commandConnectorLineType"),
                            text: _message.default.format("dxDiagram-commandConnectorLineType"),
                            items: [{
                                value: 0,
                                menuIcon: "dx-diagram-i-connector-straight dx-diagram-i",
                                hint: _message.default.format("dxDiagram-commandConnectorLineStraight"),
                                text: _message.default.format("dxDiagram-commandConnectorLineStraight")
                            }, {
                                value: 1,
                                menuIcon: "dx-diagram-i-connector-orthogonal dx-diagram-i",
                                hint: _message.default.format("dxDiagram-commandConnectorLineOrthogonal"),
                                text: _message.default.format("dxDiagram-commandConnectorLineOrthogonal")
                            }],
                            cssClass: CSS_CLASSES_IMAGE_DROPDOWN_ITEM
                        },
                        connectorLineStart: {
                            command: DiagramCommand.ConnectorStartLineEnding,
                            widget: "dxSelectBox",
                            items: [{
                                value: 0,
                                menuIcon: "dx-diagram-i-connector-begin-none dx-diagram-i",
                                hint: _message.default.format("dxDiagram-commandConnectorLineNone"),
                                text: _message.default.format("dxDiagram-commandConnectorLineNone")
                            }, {
                                value: 1,
                                menuIcon: "dx-diagram-i-connector-begin-arrow dx-diagram-i",
                                hint: _message.default.format("dxDiagram-commandConnectorLineArrow"),
                                text: _message.default.format("dxDiagram-commandConnectorLineArrow")
                            }, {
                                value: 2,
                                menuIcon: "dx-diagram-i-connector-begin-outlined-triangle dx-diagram-i",
                                hint: _message.default.format("dxDiagram-commandConnectorLineArrow"),
                                text: _message.default.format("dxDiagram-commandConnectorLineArrow")
                            }, {
                                value: 3,
                                menuIcon: "dx-diagram-i-connector-begin-filled-triangle dx-diagram-i",
                                hint: _message.default.format("dxDiagram-commandConnectorLineArrow"),
                                text: _message.default.format("dxDiagram-commandConnectorLineArrow")
                            }],
                            hint: _message.default.format("dxDiagram-commandConnectorLineStart"),
                            text: _message.default.format("dxDiagram-commandConnectorLineStart"),
                            cssClass: CSS_CLASSES_IMAGE_DROPDOWN_ITEM
                        },
                        connectorLineEnd: {
                            command: DiagramCommand.ConnectorEndLineEnding,
                            widget: "dxSelectBox",
                            items: [{
                                value: 0,
                                menuIcon: "dx-diagram-i-connector-end-none dx-diagram-i",
                                hint: _message.default.format("dxDiagram-commandConnectorLineNone"),
                                text: _message.default.format("dxDiagram-commandConnectorLineNone")
                            }, {
                                value: 1,
                                menuIcon: "dx-diagram-i-connector-end-arrow dx-diagram-i",
                                hint: _message.default.format("dxDiagram-commandConnectorLineArrow"),
                                text: _message.default.format("dxDiagram-commandConnectorLineArrow")
                            }, {
                                value: 2,
                                menuIcon: "dx-diagram-i-connector-end-outlined-triangle dx-diagram-i",
                                hint: _message.default.format("dxDiagram-commandConnectorLineArrow"),
                                text: _message.default.format("dxDiagram-commandConnectorLineArrow")
                            }, {
                                value: 3,
                                menuIcon: "dx-diagram-i-connector-end-filled-triangle dx-diagram-i",
                                hint: _message.default.format("dxDiagram-commandConnectorLineArrow"),
                                text: _message.default.format("dxDiagram-commandConnectorLineArrow")
                            }],
                            hint: _message.default.format("dxDiagram-commandConnectorLineEnd"),
                            text: _message.default.format("dxDiagram-commandConnectorLineEnd"),
                            cssClass: CSS_CLASSES_IMAGE_DROPDOWN_ITEM
                        },
                        layoutTreeTopToBottom: {
                            command: DiagramCommand.AutoLayoutTreeVertical,
                            text: _message.default.format("dxDiagram-commandLayoutTopToBottom"),
                            hint: _message.default.format("dxDiagram-commandLayoutTopToBottom"),
                            icon: "dx-diagram-i-button-layout-tree-tb dx-diagram-i",
                            cssClass: CSS_CLASSES_LARGE_ICON_ITEM
                        },
                        layoutTreeBottomToTop: {
                            command: DiagramCommand.AutoLayoutTreeVerticalBottomToTop,
                            text: _message.default.format("dxDiagram-commandLayoutBottomToTop"),
                            hint: _message.default.format("dxDiagram-commandLayoutBottomToTop"),
                            icon: "dx-diagram-i-button-layout-tree-bt dx-diagram-i",
                            cssClass: CSS_CLASSES_LARGE_ICON_ITEM
                        },
                        layoutTreeLeftToRight: {
                            command: DiagramCommand.AutoLayoutTreeHorizontal,
                            text: _message.default.format("dxDiagram-commandLayoutLeftToRight"),
                            hint: _message.default.format("dxDiagram-commandLayoutLeftToRight"),
                            icon: "dx-diagram-i-button-layout-tree-lr dx-diagram-i",
                            cssClass: CSS_CLASSES_LARGE_ICON_ITEM
                        },
                        layoutTreeRightToLeft: {
                            command: DiagramCommand.AutoLayoutTreeHorizontalRightToLeft,
                            text: _message.default.format("dxDiagram-commandLayoutRightToLeft"),
                            hint: _message.default.format("dxDiagram-commandLayoutRightToLeft"),
                            icon: "dx-diagram-i-button-layout-tree-rl dx-diagram-i",
                            cssClass: CSS_CLASSES_LARGE_ICON_ITEM
                        },
                        layoutLayeredTopToBottom: {
                            command: DiagramCommand.AutoLayoutLayeredVertical,
                            text: _message.default.format("dxDiagram-commandLayoutTopToBottom"),
                            hint: _message.default.format("dxDiagram-commandLayoutTopToBottom"),
                            icon: "dx-diagram-i-button-layout-layered-tb dx-diagram-i",
                            cssClass: CSS_CLASSES_LARGE_ICON_ITEM
                        },
                        layoutLayeredBottomToTop: {
                            command: DiagramCommand.AutoLayoutLayeredVerticalBottomToTop,
                            text: _message.default.format("dxDiagram-commandLayoutBottomToTop"),
                            hint: _message.default.format("dxDiagram-commandLayoutBottomToTop"),
                            icon: "dx-diagram-i-button-layout-layered-bt dx-diagram-i",
                            cssClass: CSS_CLASSES_LARGE_ICON_ITEM
                        },
                        layoutLayeredLeftToRight: {
                            command: DiagramCommand.AutoLayoutLayeredHorizontal,
                            text: _message.default.format("dxDiagram-commandLayoutLeftToRight"),
                            hint: _message.default.format("dxDiagram-commandLayoutLeftToRight"),
                            icon: "dx-diagram-i-button-layout-layered-lr dx-diagram-i",
                            cssClass: CSS_CLASSES_LARGE_ICON_ITEM
                        },
                        layoutLayeredRightToLeft: {
                            command: DiagramCommand.AutoLayoutLayeredHorizontalRightToLeft,
                            text: _message.default.format("dxDiagram-commandLayoutRightToLeft"),
                            hint: _message.default.format("dxDiagram-commandLayoutRightToLeft"),
                            icon: "dx-diagram-i-button-layout-layered-rl dx-diagram-i",
                            cssClass: CSS_CLASSES_LARGE_ICON_ITEM
                        },
                        fullScreen: {
                            command: DiagramCommand.Fullscreen,
                            hint: _message.default.format("dxDiagram-commandFullscreen"),
                            text: _message.default.format("dxDiagram-commandFullscreen"),
                            icon: "dx-diagram-i dx-diagram-i-button-fullscreen",
                            menuIcon: "dx-diagram-i dx-diagram-i-menu-fullscreen",
                            cssClass: CSS_CLASSES_COLOR_EDITOR_ITEM
                        },
                        units: {
                            command: DiagramCommand.ViewUnits,
                            hint: _message.default.format("dxDiagram-commandUnits"),
                            text: _message.default.format("dxDiagram-commandUnits"),
                            widget: "dxSelectBox"
                        },
                        simpleView: {
                            command: DiagramCommand.ToggleSimpleView,
                            hint: _message.default.format("dxDiagram-commandSimpleView"),
                            text: _message.default.format("dxDiagram-commandSimpleView"),
                            widget: "dxCheckBox"
                        },
                        showGrid: {
                            command: DiagramCommand.ShowGrid,
                            hint: _message.default.format("dxDiagram-commandShowGrid"),
                            text: _message.default.format("dxDiagram-commandShowGrid"),
                            widget: "dxCheckBox"
                        },
                        snapToGrid: {
                            command: DiagramCommand.SnapToGrid,
                            hint: _message.default.format("dxDiagram-commandSnapToGrid"),
                            text: _message.default.format("dxDiagram-commandSnapToGrid"),
                            widget: "dxCheckBox"
                        },
                        gridSize: {
                            command: DiagramCommand.GridSize,
                            hint: _message.default.format("dxDiagram-commandGridSize"),
                            text: _message.default.format("dxDiagram-commandGridSize"),
                            widget: "dxSelectBox"
                        },
                        pageSize: {
                            command: DiagramCommand.PageSize,
                            hint: _message.default.format("dxDiagram-commandPageSize"),
                            text: _message.default.format("dxDiagram-commandPageSize"),
                            widget: "dxSelectBox",
                            cssClass: CSS_CLASSES_LARGE_EDITOR_ITEM,
                            getCommandValue: v => JSON.parse(v),
                            getEditorValue: v => JSON.stringify(v)
                        },
                        pageOrientation: {
                            command: DiagramCommand.PageLandscape,
                            hint: _message.default.format("dxDiagram-commandPageOrientation"),
                            text: _message.default.format("dxDiagram-commandPageOrientation"),
                            widget: "dxSelectBox",
                            items: [{
                                value: true,
                                text: _message.default.format("dxDiagram-commandPageOrientationLandscape")
                            }, {
                                value: false,
                                text: _message.default.format("dxDiagram-commandPageOrientationPortrait")
                            }],
                            cssClass: CSS_CLASSES_MEDIUM_EDITOR_ITEM
                        },
                        pageColor: {
                            command: DiagramCommand.PageColor,
                            hint: _message.default.format("dxDiagram-commandPageColor"),
                            text: _message.default.format("dxDiagram-commandPageColor"),
                            widget: "dxColorBox",
                            icon: "dx-diagram-i dx-diagram-i-button-fill",
                            menuIcon: "dx-diagram-i dx-diagram-i-menu-fill",
                            cssClass: CSS_CLASSES_COLOR_EDITOR_ITEM
                        },
                        zoomLevel: {
                            command: DiagramCommand.ZoomLevel,
                            hint: _message.default.format("dxDiagram-commandZoomLevel"),
                            text: _message.default.format("dxDiagram-commandZoomLevel"),
                            widget: "dxTextBox",
                            items: [SEPARATOR_COMMAND, {
                                command: DiagramCommand.FitToScreen,
                                hint: _message.default.format("dxDiagram-commandFitToContent"),
                                text: _message.default.format("dxDiagram-commandFitToContent")
                            }, {
                                command: DiagramCommand.FitToWidth,
                                hint: _message.default.format("dxDiagram-commandFitToWidth"),
                                text: _message.default.format("dxDiagram-commandFitToWidth")
                            }, SEPARATOR_COMMAND, {
                                command: DiagramCommand.AutoZoomToContent,
                                hint: _message.default.format("dxDiagram-commandAutoZoomByContent"),
                                text: _message.default.format("dxDiagram-commandAutoZoomByContent")
                            }, {
                                command: DiagramCommand.AutoZoomToWidth,
                                hint: _message.default.format("dxDiagram-commandAutoZoomByWidth"),
                                text: _message.default.format("dxDiagram-commandAutoZoomByWidth")
                            }],
                            getEditorDisplayValue: v => `${Math.round(100*v)}%`,
                            cssClass: CSS_CLASSES_SMALL_EDITOR_ITEM
                        },
                        toolbox: {
                            command: this.SHOW_TOOLBOX_COMMAND_NAME,
                            iconChecked: "dx-diagram-i dx-diagram-i-button-toolbox-close",
                            iconUnchecked: "dx-diagram-i dx-diagram-i-button-toolbox-open",
                            hint: _message.default.format("dxDiagram-uiShowToolbox"),
                            text: _message.default.format("dxDiagram-uiShowToolbox")
                        },
                        propertiesPanel: {
                            command: this.SHOW_PROPERTIES_PANEL_COMMAND_NAME,
                            iconChecked: "close",
                            iconUnchecked: "dx-diagram-i dx-diagram-i-button-properties-panel-open",
                            hint: _message.default.format("dxDiagram-uiProperties"),
                            text: _message.default.format("dxDiagram-uiProperties")
                        }
                    })
                },
                getMainToolbarCommands(commands, excludeCommands) {
                    const allCommands = this.getAllCommands();
                    const mainToolbarCommands = commands ? this._getPreparedCommands(allCommands, commands) : this._getDefaultMainToolbarCommands(allCommands);
                    return this._prepareToolbarCommands(mainToolbarCommands, excludeCommands)
                },
                _getDefaultMainToolbarCommands(allCommands) {
                    return this._defaultMainToolbarCommands || (this._defaultMainToolbarCommands = [allCommands.undo, allCommands.redo, allCommands.separator, allCommands.fontName, allCommands.fontSize, allCommands.bold, allCommands.italic, allCommands.underline, allCommands.separator, allCommands.lineWidth, allCommands.lineStyle, allCommands.separator, allCommands.fontColor, allCommands.lineColor, allCommands.fillColor, allCommands.separator, allCommands.textAlignLeft, allCommands.textAlignCenter, allCommands.textAlignRight, allCommands.separator, allCommands.connectorLineType, allCommands.connectorLineStart, allCommands.connectorLineEnd, allCommands.separator, {
                        text: _message.default.format("dxDiagram-uiLayout"),
                        showText: "always",
                        items: [{
                            text: _message.default.format("dxDiagram-uiLayoutTree"),
                            items: [allCommands.layoutTreeTopToBottom, allCommands.layoutTreeBottomToTop, allCommands.layoutTreeLeftToRight, allCommands.layoutTreeRightToLeft]
                        }, {
                            text: _message.default.format("dxDiagram-uiLayoutLayered"),
                            items: [allCommands.layoutLayeredTopToBottom, allCommands.layoutLayeredBottomToTop, allCommands.layoutLayeredLeftToRight, allCommands.layoutLayeredRightToLeft]
                        }]
                    }])
                },
                getHistoryToolbarCommands(commands, excludeCommands) {
                    const allCommands = this.getAllCommands();
                    const historyToolbarCommands = commands ? this._getPreparedCommands(allCommands, commands) : this._getDefaultHistoryToolbarCommands(allCommands);
                    return this._prepareToolbarCommands(historyToolbarCommands, excludeCommands)
                },
                _getDefaultHistoryToolbarCommands(allCommands) {
                    return this._defaultHistoryToolbarCommands || (this._defaultHistoryToolbarCommands = [allCommands.undo, allCommands.redo, allCommands.separator, allCommands.toolbox])
                },
                getViewToolbarCommands(commands, excludeCommands) {
                    const allCommands = this.getAllCommands();
                    const viewToolbarCommands = commands ? this._getPreparedCommands(allCommands, commands) : this._getDefaultViewToolbarCommands(allCommands);
                    return this._prepareToolbarCommands(viewToolbarCommands, excludeCommands)
                },
                _getDefaultViewToolbarCommands(allCommands) {
                    return this._defaultViewToolbarCommands || (this._defaultViewToolbarCommands = [allCommands.zoomLevel, allCommands.separator, allCommands.fullScreen, allCommands.separator, {
                        widget: "dxButton",
                        icon: "export",
                        text: _message.default.format("dxDiagram-uiExport"),
                        hint: _message.default.format("dxDiagram-uiExport"),
                        items: [allCommands.exportSvg, allCommands.exportPng, allCommands.exportJpg]
                    }, {
                        icon: "preferences",
                        hint: _message.default.format("dxDiagram-uiSettings"),
                        text: _message.default.format("dxDiagram-uiSettings"),
                        items: [allCommands.units, allCommands.separator, allCommands.showGrid, allCommands.snapToGrid, allCommands.gridSize, allCommands.separator, allCommands.simpleView, allCommands.toolbox]
                    }])
                },
                getPropertiesToolbarCommands(commands, excludeCommands) {
                    const allCommands = this.getAllCommands();
                    const propertiesCommands = commands ? this._getPreparedCommands(allCommands, commands) : this._getDefaultPropertiesToolbarCommands(allCommands);
                    return this._prepareToolbarCommands(propertiesCommands, excludeCommands)
                },
                _getDefaultPropertiesToolbarCommands(allCommands) {
                    return this._defaultPropertiesToolbarCommands || (this._defaultPropertiesToolbarCommands = [allCommands.propertiesPanel])
                },
                _getDefaultPropertyPanelCommandGroups() {
                    return this._defaultPropertyPanelCommandGroups || (this._defaultPropertyPanelCommandGroups = [{
                        title: _message.default.format("dxDiagram-uiStyle"),
                        groups: [{
                            title: _message.default.format("dxDiagram-uiText"),
                            commands: ["fontName", "fontSize", "bold", "italic", "underline", "textAlignLeft", "textAlignCenter", "textAlignRight", "fontColor"]
                        }, {
                            title: _message.default.format("dxDiagram-uiObject"),
                            commands: ["lineStyle", "lineWidth", "lineColor", "fillColor"]
                        }, {
                            title: _message.default.format("dxDiagram-uiConnector"),
                            commands: ["connectorLineType", "connectorLineStart", "connectorLineEnd"]
                        }]
                    }, {
                        title: _message.default.format("dxDiagram-uiLayout"),
                        groups: [{
                            title: _message.default.format("dxDiagram-uiLayoutLayered"),
                            commands: ["layoutLayeredTopToBottom", "layoutLayeredBottomToTop", "layoutLayeredLeftToRight", "layoutLayeredRightToLeft"]
                        }, {
                            title: _message.default.format("dxDiagram-uiLayoutTree"),
                            commands: ["layoutTreeTopToBottom", "layoutTreeBottomToTop", "layoutTreeLeftToRight", "layoutTreeRightToLeft"]
                        }]
                    }, {
                        title: _message.default.format("dxDiagram-uiDiagram"),
                        groups: [{
                            title: _message.default.format("dxDiagram-uiPage"),
                            commands: ["pageSize", "pageOrientation", "pageColor"]
                        }]
                    }])
                },
                _preparePropertyPanelGroups(groups) {
                    const allCommands = this.getAllCommands();
                    const result = [];
                    groups.forEach(g => {
                        let {
                            commands: commands
                        } = g;
                        if (commands) {
                            commands = this._getPreparedCommands(allCommands, commands);
                            commands = this._prepareToolbarCommands(commands)
                        }
                        let subGroups = [];
                        if (g.groups) {
                            subGroups = [];
                            g.groups.forEach(sg => {
                                var _subGroups;
                                let subCommands = sg.commands;
                                if (subCommands) {
                                    subCommands = this._getPreparedCommands(allCommands, subCommands);
                                    subCommands = this._prepareToolbarCommands(subCommands)
                                }
                                null === (_subGroups = subGroups) || void 0 === _subGroups || _subGroups.push({
                                    title: sg.title,
                                    commands: subCommands
                                })
                            })
                        }
                        result.push({
                            title: g.title,
                            commands: commands,
                            groups: subGroups
                        })
                    });
                    return result
                },
                getPropertyPanelCommandTabs(commandGroups) {
                    commandGroups = commandGroups || this._getDefaultPropertyPanelCommandGroups();
                    return this._preparePropertyPanelGroups(commandGroups)
                },
                getContextMenuCommands(commands) {
                    const allCommands = this.getAllCommands();
                    const contextMenuCommands = commands ? this._getPreparedCommands(allCommands, commands) : this._getDefaultContextMenuCommands(allCommands);
                    return this._prepareContextMenuCommands(contextMenuCommands)
                },
                _getDefaultContextMenuCommands(allCommands) {
                    return this._defaultContextMenuCommands || (this._defaultContextMenuCommands = [allCommands.cut, allCommands.copy, allCommands.paste, allCommands.delete, allCommands.separator, allCommands.selectAll, allCommands.separator, allCommands.bringToFront, allCommands.sendToBack, allCommands.separator, allCommands.lock, allCommands.unlock, allCommands.separator, allCommands.insertShapeImage, allCommands.editShapeImage, allCommands.deleteShapeImage])
                },
                _getPreparedCommands(allCommands, commands) {
                    return commands.map(c => {
                        if (c.widget && "separator" === c.widget) {
                            const command = {
                                command: c,
                                location: c.location
                            };
                            return command
                        }
                        if (allCommands[c]) {
                            return allCommands[c]
                        }
                        if (c.text || c.icon || c.name) {
                            const internalCommand = c.name && allCommands[c.name];
                            const command = {
                                command: null === internalCommand || void 0 === internalCommand ? void 0 : internalCommand.command,
                                name: c.name,
                                location: c.location,
                                text: c.text || (null === internalCommand || void 0 === internalCommand ? void 0 : internalCommand.text),
                                hint: c.text || (null === internalCommand || void 0 === internalCommand ? void 0 : internalCommand.hint),
                                icon: c.icon || (null === internalCommand || void 0 === internalCommand ? void 0 : internalCommand.icon),
                                menuIcon: c.icon || (null === internalCommand || void 0 === internalCommand ? void 0 : internalCommand.menuIcon),
                                widget: null === internalCommand || void 0 === internalCommand ? void 0 : internalCommand.widget,
                                cssClass: null === internalCommand || void 0 === internalCommand ? void 0 : internalCommand.cssClass,
                                getParameter: null === internalCommand || void 0 === internalCommand ? void 0 : internalCommand.getParameter,
                                getCommandValue: null === internalCommand || void 0 === internalCommand ? void 0 : internalCommand.getCommandValue,
                                getEditorValue: null === internalCommand || void 0 === internalCommand ? void 0 : internalCommand.getEditorValue,
                                getEditorDisplayValue: null === internalCommand || void 0 === internalCommand ? void 0 : internalCommand.getEditorDisplayValue,
                                iconChecked: null === internalCommand || void 0 === internalCommand ? void 0 : internalCommand.iconChecked,
                                iconUnchecked: null === internalCommand || void 0 === internalCommand ? void 0 : internalCommand.iconUnchecked,
                                items: Array.isArray(c.items) ? this._getPreparedCommands(allCommands, c.items) : null === internalCommand || void 0 === internalCommand ? void 0 : internalCommand.items
                            };
                            return command
                        }
                    }).filter(c => c)
                },
                _prepareContextMenuCommands(commands, excludeCommands, rootCommand) {
                    let beginGroup = false;
                    return commands.map(c => {
                        if (!this._isValidCommand(c, excludeCommands)) {
                            return
                        }
                        if (c.widget && "separator" === c.widget) {
                            beginGroup = true
                        } else {
                            const command = this._cloneCommand(c, excludeCommands);
                            command.icon = command.menuIcon;
                            command.beginGroup = beginGroup;
                            command.rootCommand = !command.command ? null === rootCommand || void 0 === rootCommand ? void 0 : rootCommand.command : void 0;
                            beginGroup = false;
                            return command
                        }
                    }).filter(c => c)
                },
                _prepareToolbarCommands(commands, excludeCommands) {
                    return commands.map(c => {
                        if (this._isValidCommand(c, excludeCommands)) {
                            return this._cloneCommand(c, excludeCommands)
                        }
                    }).filter(c => c).filter((c, index, arr) => {
                        if ("separator" === c.widget && index === arr.length - 1) {
                            return false
                        }
                        return c
                    })
                },
                _cloneCommand(c, excludeCommands) {
                    const command = (0, _extend.extend)({}, c);
                    if (Array.isArray(c.items)) {
                        command.items = this._prepareContextMenuCommands(c.items, excludeCommands, command)
                    }
                    return command
                },
                _isValidCommand(c, excludeCommands) {
                    excludeCommands = excludeCommands || [];
                    return -1 === excludeCommands.indexOf(c.command)
                },
                _exportTo(widget, dataURI, format, mimeString) {
                    const window = (0, _window.getWindow)();
                    if (null !== window && void 0 !== window && window.atob && (0, _type.isFunction)(window.Blob)) {
                        const blob = this._getBlobByDataURI(window, dataURI, mimeString);
                        const options = widget.option("export");
                        _file_saver.fileSaver.saveAs(options.fileName || "foo", format, blob)
                    }
                },
                _getBlobByDataURI(window, dataURI, mimeString) {
                    const byteString = window.atob(dataURI.split(",")[1]);
                    const ia = new Uint8Array(byteString.length);
                    for (let i = 0; i < byteString.length; i += 1) {
                        ia[i] = byteString.charCodeAt(i)
                    }
                    return new window.Blob([ia.buffer], {
                        type: mimeString
                    })
                }
            };
            exports.default = DiagramCommandsManager
        },
        29898(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _diagram = (e = __webpack_require__( /*! ../../ui/diagram/diagram.items_option */ 43904), e && e.__esModule ? e : {
                default: e
            });
            var e;
            class EdgesOption extends _diagram.default {
                _getKeyExpr() {
                    return this._diagramWidget._createOptionGetter("edges.keyExpr")
                }
            }
            exports.default = EdgesOption
        },
        49206(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getDiagram = function() {
                if (!_devexpressDiagram.default) {
                    throw _ui.default.Error("E1041", "devexpress-diagram")
                }
                return Diagram
            };
            var _ui = (e = __webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _devexpressDiagram = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! devexpress-diagram */ 36761));
            var Diagram = _devexpressDiagram
        },
        43904(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _data = __webpack_require__( /*! ../../../common/data */ 11036);
            var _component = __webpack_require__( /*! ../../../core/component */ 17863);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            const ItemsOptionBase = _component.Component.inherit({}).include(_data.DataHelperMixin);
            exports.default = class extends ItemsOptionBase {
                constructor(diagramWidget) {
                    super();
                    this._diagramWidget = diagramWidget;
                    this._resetCache()
                }
                _dataSourceChangedHandler(newItems, e) {
                    this._resetCache();
                    this._items = newItems.map(item => (0, _extend.extend)(true, {}, item));
                    this._dataSourceItems = newItems.slice();
                    if (null !== e && void 0 !== e && e.changes) {
                        const internalChanges = e.changes.filter(change => change.internalChange);
                        const externalChanges = e.changes.filter(change => !change.internalChange);
                        if (internalChanges.length) {
                            this._reloadContentByChanges(internalChanges, false)
                        }
                        if (externalChanges.length) {
                            this._reloadContentByChanges(externalChanges, true)
                        }
                    } else {
                        this._diagramWidget._onDataSourceChanged()
                    }
                }
                _dataSourceLoadingChangedHandler(isLoading) {
                    if (isLoading && !this._dataSource.isLoaded()) {
                        this._diagramWidget._showLoadingIndicator()
                    } else {
                        this._diagramWidget._hideLoadingIndicator()
                    }
                }
                _prepareData(dataObj) {
                    for (const key in dataObj) {
                        if (!Object.prototype.hasOwnProperty.call(dataObj, key)) {
                            continue
                        }
                        if (void 0 === dataObj[key]) {
                            dataObj[key] = null
                        }
                    }
                    return dataObj
                }
                insert(data, callback, errorCallback) {
                    this._resetCache();
                    const store = this._getStore();
                    store.insert(this._prepareData(data)).done((data, key) => {
                        store.push([{
                            type: "insert",
                            key: key,
                            data: data,
                            internalChange: true
                        }]);
                        if (callback) {
                            callback(data)
                        }
                        this._resetCache()
                    }).fail(error => {
                        if (errorCallback) {
                            errorCallback(error)
                        }
                        this._resetCache()
                    })
                }
                update(key, data, callback, errorCallback) {
                    const store = this._getStore();
                    const storeKey = this._getStoreKey(store, key, data);
                    store.update(storeKey, this._prepareData(data)).done((data, key) => {
                        store.push([{
                            type: "update",
                            key: key,
                            data: data,
                            internalChange: true
                        }]);
                        if (callback) {
                            callback(key, data)
                        }
                    }).fail(error => {
                        if (errorCallback) {
                            errorCallback(error)
                        }
                    })
                }
                remove(key, data, callback, errorCallback) {
                    this._resetCache();
                    const store = this._getStore();
                    const storeKey = this._getStoreKey(store, key, data);
                    store.remove(storeKey).done(key => {
                        store.push([{
                            type: "remove",
                            key: key,
                            internalChange: true
                        }]);
                        if (callback) {
                            callback(key)
                        }
                        this._resetCache()
                    }).fail(error => {
                        if (errorCallback) {
                            errorCallback(error)
                        }
                        this._resetCache()
                    })
                }
                findItem(itemKey) {
                    if (!this._items) {
                        return null
                    }
                    return this._getItemByKey(itemKey)
                }
                getItems() {
                    return this._items
                }
                hasItems() {
                    return !!this._items
                }
                _reloadContentByChanges(changes, isExternalChanges) {
                    changes = changes.map(change => (0, _extend.extend)(change, {
                        internalKey: this._getInternalKey(change.key)
                    }));
                    this._diagramWidget._reloadContentByChanges(changes, isExternalChanges)
                }
                _getItemByKey(key) {
                    this._ensureCache();
                    const cache = this._cache;
                    const index = this._getIndexByKey(key);
                    return cache.items[index]
                }
                _getIndexByKey(key) {
                    this._ensureCache();
                    const cache = this._cache;
                    if ("object" === typeof key) {
                        for (let i = 0, {
                                length: length
                            } = cache.keys; i < length; i += 1) {
                            if (cache.keys[i] === key) {
                                return i
                            }
                        }
                    } else {
                        const keySet = cache.keySet || cache.keys.reduce((accumulator, key, index) => {
                            accumulator[key] = index;
                            return accumulator
                        }, {});
                        if (!cache.keySet) {
                            cache.keySet = keySet
                        }
                        return keySet[key]
                    }
                    return -1
                }
                _ensureCache() {
                    const cache = this._cache;
                    if (!cache.keys) {
                        cache.keys = [];
                        cache.items = [];
                        this._fillCache(cache, this._items)
                    }
                }
                _fillCache(cache, items) {
                    if (!(null !== items && void 0 !== items && items.length)) {
                        return
                    }
                    const keyExpr = this._getKeyExpr();
                    if (keyExpr) {
                        items.forEach(item => {
                            cache.keys.push(keyExpr(item));
                            cache.items.push(item)
                        })
                    }
                    const itemsExpr = this._getItemsExpr();
                    if (itemsExpr) {
                        items.forEach(item => this._fillCache(cache, itemsExpr(item)))
                    }
                    const containerChildrenExpr = this._getContainerChildrenExpr();
                    if (containerChildrenExpr) {
                        items.forEach(item => this._fillCache(cache, containerChildrenExpr(item)))
                    }
                }
                _getKeyExpr() {
                    throw "Not Implemented"
                }
                _getItemsExpr() {}
                _getContainerChildrenExpr() {}
                _initDataSource() {
                    var _this$_dataSource;
                    super._initDataSource();
                    null === (_this$_dataSource = this._dataSource) || void 0 === _this$_dataSource || _this$_dataSource.paginate(false)
                }
                _dataSourceOptions() {
                    return {
                        paginate: false
                    }
                }
                _getStore() {
                    var _this$_dataSource2;
                    return null === (_this$_dataSource2 = this._dataSource) || void 0 === _this$_dataSource2 ? void 0 : _this$_dataSource2.store()
                }
                _getStoreKey(store, internalKey, data) {
                    let storeKey = store.keyOf(data);
                    if (storeKey === data) {
                        const keyExpr = this._getKeyExpr();
                        this._dataSourceItems.forEach(item => {
                            if (keyExpr(item) === internalKey) {
                                storeKey = item
                            }
                        })
                    }
                    return storeKey
                }
                _getInternalKey(storeKey) {
                    if ("object" === typeof storeKey) {
                        const keyExpr = this._getKeyExpr();
                        return keyExpr(storeKey)
                    }
                    return storeKey
                }
                _resetCache() {
                    this._cache = {}
                }
            }
        },
        5955(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _diagram = (e = __webpack_require__( /*! ../../ui/diagram/diagram.items_option */ 43904), e && e.__esModule ? e : {
                default: e
            });
            var e;
            class NodesOption extends _diagram.default {
                _getKeyExpr() {
                    return this._diagramWidget._createOptionGetter("nodes.keyExpr")
                }
                _getItemsExpr() {
                    return this._diagramWidget._createOptionGetter("nodes.itemsExpr")
                }
                _getContainerChildrenExpr() {
                    return this._diagramWidget._createOptionGetter("nodes.containerChildrenExpr")
                }
            }
            exports.default = NodesOption
        },
        82578(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _diagram = (e = __webpack_require__( /*! ../../ui/diagram/diagram.bar */ 26579), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _diagram2 = __webpack_require__( /*! ../../ui/diagram/diagram.importer */ 49206);
            class DiagramOptionsUpdateBar extends _diagram.default {
                constructor(owner) {
                    super(owner);
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram2.getDiagram)();
                    this.commandOptions = {};
                    this.commandOptions[DiagramCommand.Fullscreen] = "fullScreen";
                    this.commandOptions[DiagramCommand.ZoomLevel] = value => {
                        if ("object" === typeof this._getOption("zoomLevel")) {
                            this._setOption("zoomLevel.value", value)
                        } else {
                            this._setOption("zoomLevel", value)
                        }
                    };
                    this.commandOptions[DiagramCommand.SwitchAutoZoom] = value => {
                        const {
                            AutoZoomMode: AutoZoomMode
                        } = (0, _diagram2.getDiagram)();
                        switch (value) {
                            case AutoZoomMode.FitContent:
                                this._setOption("autoZoomMode", "fitContent");
                                break;
                            case AutoZoomMode.FitToWidth:
                                this._setOption("autoZoomMode", "fitWidth");
                                break;
                            case AutoZoomMode.Disabled:
                                this._setOption("autoZoomMode", "disabled")
                        }
                    };
                    this.commandOptions[DiagramCommand.ToggleSimpleView] = "simpleView";
                    this.commandOptions[DiagramCommand.ShowGrid] = "showGrid";
                    this.commandOptions[DiagramCommand.SnapToGrid] = "snapToGrid";
                    this.commandOptions[DiagramCommand.GridSize] = value => {
                        if ("object" === typeof this._getOption("gridSize")) {
                            this._setOption("gridSize.value", value)
                        } else {
                            this._setOption("gridSize", value)
                        }
                    };
                    this.commandOptions[DiagramCommand.ViewUnits] = "viewUnits";
                    this.commandOptions[DiagramCommand.PageSize] = value => {
                        const pageSize = this._getOption("pageSize");
                        if (void 0 === pageSize || pageSize.width !== value.width || pageSize.height !== value.height) {
                            this._setOption("pageSize", value)
                        }
                    };
                    this.commandOptions[DiagramCommand.PageLandscape] = value => {
                        this._setOption("pageOrientation", value ? "landscape" : "portrait")
                    };
                    this.commandOptions[DiagramCommand.ViewUnits] = value => {
                        const {
                            DiagramUnit: DiagramUnit
                        } = (0, _diagram2.getDiagram)();
                        switch (value) {
                            case DiagramUnit.In:
                                this._setOption("viewUnits", "in");
                                break;
                            case DiagramUnit.Cm:
                                this._setOption("viewUnits", "cm");
                                break;
                            case DiagramUnit.Px:
                                this._setOption("viewUnits", "px")
                        }
                    };
                    this.commandOptions[DiagramCommand.PageColor] = "pageColor";
                    this._updateLock = 0
                }
                getCommandKeys() {
                    return Object.keys(this.commandOptions).map(key => parseInt(key, 10))
                }
                setItemValue(key, value) {
                    if (this.isUpdateLocked()) {
                        return
                    }
                    this.beginUpdate();
                    try {
                        var _this$commandOptions;
                        if ("function" === typeof(null === (_this$commandOptions = this.commandOptions) || void 0 === _this$commandOptions ? void 0 : _this$commandOptions[key])) {
                            var _this$commandOptions2;
                            null === (_this$commandOptions2 = this.commandOptions) || void 0 === _this$commandOptions2 || _this$commandOptions2[key].call(this, value)
                        } else {
                            var _this$commandOptions3;
                            this._setOption(null === (_this$commandOptions3 = this.commandOptions) || void 0 === _this$commandOptions3 ? void 0 : _this$commandOptions3[key], value)
                        }
                    } finally {
                        this.endUpdate()
                    }
                }
                beginUpdate() {
                    this._updateLock += 1
                }
                endUpdate() {
                    this._updateLock -= 1
                }
                isUpdateLocked() {
                    return this._updateLock > 0
                }
                _getOption(name) {
                    return this._owner.option(name)
                }
                _setOption(name, value) {
                    this._owner.option(name, value)
                }
            }
            exports.default = DiagramOptionsUpdateBar
        },
        56017(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = (e = __webpack_require__( /*! ../../../common/core/localization/message */ 4671), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const DiagramToolboxManager = {
                getDefaultGroups() {
                    if (!this._groups) {
                        this._groups = {
                            general: {
                                category: "general",
                                title: _message.default.format("dxDiagram-categoryGeneral")
                            },
                            flowchart: {
                                category: "flowchart",
                                title: _message.default.format("dxDiagram-categoryFlowchart")
                            },
                            orgChart: {
                                category: "orgChart",
                                title: _message.default.format("dxDiagram-categoryOrgChart")
                            },
                            containers: {
                                category: "containers",
                                title: _message.default.format("dxDiagram-categoryContainers")
                            },
                            custom: {
                                category: "custom",
                                title: _message.default.format("dxDiagram-categoryCustom")
                            }
                        }
                    }
                    return this._groups
                },
                getGroups(groups) {
                    const defaultGroups = this.getDefaultGroups();
                    if (groups) {
                        return groups.map(g => {
                            if ("string" === typeof g) {
                                var _defaultGroups$g;
                                return {
                                    category: g,
                                    title: (null === (_defaultGroups$g = defaultGroups[g]) || void 0 === _defaultGroups$g ? void 0 : _defaultGroups$g.title) || g
                                }
                            }
                            return g
                        }).filter(g => g)
                    }
                    return [defaultGroups.general, defaultGroups.flowchart, defaultGroups.orgChart, defaultGroups.containers]
                }
            };
            exports.default = DiagramToolboxManager
        },
        18811(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _context_menu = _interopRequireDefault(__webpack_require__( /*! ../../../ui/context_menu */ 34378));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _diagram = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/diagram.bar */ 26579));
            var _diagram2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/diagram.commands_manager */ 88618));
            var _diagram3 = __webpack_require__( /*! ../../ui/diagram/diagram.importer */ 49206);
            var _uiDiagram = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.menu_helper */ 35814));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DiagramContextMenu extends _context_menu.default {
                _renderContextMenuOverlay() {
                    super._renderContextMenuOverlay();
                    if (this._overlay && this.option("isTouchBarMode")) {
                        this._overlay.option("onShown", () => {
                            var _this$_overlay;
                            const $content = (0, _renderer.default)(null === (_this$_overlay = this._overlay) || void 0 === _this$_overlay ? void 0 : _this$_overlay.$content());
                            $content.parent().addClass("dx-diagram-touchbar-overlay")
                        })
                    }
                }
            }
            class DiagramContextMenuBar extends _diagram.default {
                getCommandKeys() {
                    return this._getKeys(this._owner._commands)
                }
                setItemValue(key, value) {
                    this._owner._setItemValue(key, value)
                }
                setItemEnabled(key, enabled) {
                    this._owner._setItemEnabled(key, enabled)
                }
                setItemVisible(key, visible) {
                    this._owner._setItemVisible(key, visible)
                }
                setItemSubItems(key, items) {
                    this._owner._setItemSubItems(key, items)
                }
                setEnabled(enabled) {
                    this._owner._setEnabled(enabled)
                }
                isVisible() {
                    return this._owner.isVisible()
                }
            }
            class DiagramContextMenuWrapper extends _widget.default {
                _init() {
                    super._init();
                    this._createOnVisibilityChangingAction();
                    this._createOnInternalCommand();
                    this._createOnCustomCommand();
                    this._createOnItemClickAction();
                    this._tempState = void 0;
                    this._commands = [];
                    this._commandToIndexMap = {};
                    this.bar = new DiagramContextMenuBar(this)
                }
                _initMarkup() {
                    super._initMarkup();
                    this._commands = this._getCommands();
                    this._commandToIndexMap = {};
                    this._fillCommandToIndexMap(this._commands, []);
                    this._$contextMenuTargetElement = (0, _renderer.default)("<div>").addClass("dx-diagram-touchbar-target").appendTo(this.$element());
                    const $contextMenu = (0, _renderer.default)("<div>").appendTo(this.$element());
                    this._contextMenuInstance = this._createComponent($contextMenu, DiagramContextMenu, {
                        isTouchBarMode: this._isTouchBarMode(),
                        cssClass: this._isTouchBarMode() ? "dx-diagram-touchbar" : _uiDiagram.default.getContextMenuCssClass(),
                        hideOnOutsideClick: false,
                        showEvent: "",
                        focusStateEnabled: false,
                        items: this._commands,
                        position: this._isTouchBarMode() ? {
                            my: {
                                x: "center",
                                y: "bottom"
                            },
                            at: {
                                x: "center",
                                y: "top"
                            },
                            of: this._$contextMenuTargetElement
                        } : {},
                        itemTemplate(itemData, itemIndex, itemElement) {
                            _uiDiagram.default.getContextMenuItemTemplate(this, itemData, itemIndex, itemElement)
                        },
                        onItemClick: _ref => {
                            let {
                                itemData: itemData
                            } = _ref;
                            return this._onItemClick(itemData)
                        },
                        onShowing: e => {
                            if (true === this._inOnShowing) {
                                return
                            }
                            this._inOnShowing = true;
                            this._onVisibilityChangingAction({
                                visible: true,
                                component: this
                            });
                            e.component.option("items", e.component.option("items"));
                            delete this._inOnShowing
                        }
                    })
                }
                _show(x, y, selection) {
                    var _this$_contextMenuIns;
                    null === (_this$_contextMenuIns = this._contextMenuInstance) || void 0 === _this$_contextMenuIns || _this$_contextMenuIns.hide();
                    if (this._isTouchBarMode()) {
                        var _this$_$contextMenuTa, _this$_$contextMenuTa2, _this$_contextMenuIns2;
                        null === (_this$_$contextMenuTa = this._$contextMenuTargetElement) || void 0 === _this$_$contextMenuTa || _this$_$contextMenuTa.show();
                        if (!selection) {
                            selection = {
                                x: x,
                                y: y,
                                width: 0,
                                height: 0
                            }
                        }
                        const widthCorrection = selection.width > 800 ? 0 : (800 - selection.width) / 2;
                        null === (_this$_$contextMenuTa2 = this._$contextMenuTargetElement) || void 0 === _this$_$contextMenuTa2 || _this$_$contextMenuTa2.css({
                            left: selection.x - widthCorrection,
                            top: selection.y - 32,
                            width: selection.width + 2 * widthCorrection,
                            height: selection.height + 64
                        });
                        null === (_this$_contextMenuIns2 = this._contextMenuInstance) || void 0 === _this$_contextMenuIns2 || _this$_contextMenuIns2.show()
                    } else {
                        var _this$_contextMenuIns3, _this$_contextMenuIns4;
                        null === (_this$_contextMenuIns3 = this._contextMenuInstance) || void 0 === _this$_contextMenuIns3 || _this$_contextMenuIns3.option("position", {
                            offset: `${x} ${y}`
                        });
                        null === (_this$_contextMenuIns4 = this._contextMenuInstance) || void 0 === _this$_contextMenuIns4 || _this$_contextMenuIns4.show()
                    }
                }
                _hide() {
                    var _this$_$contextMenuTa3, _this$_contextMenuIns5;
                    null === (_this$_$contextMenuTa3 = this._$contextMenuTargetElement) || void 0 === _this$_$contextMenuTa3 || _this$_$contextMenuTa3.hide();
                    null === (_this$_contextMenuIns5 = this._contextMenuInstance) || void 0 === _this$_contextMenuIns5 || _this$_contextMenuIns5.hide()
                }
                _isTouchBarMode() {
                    const {
                        Browser: Browser
                    } = (0, _diagram3.getDiagram)();
                    return Browser.TouchUI
                }
                _onItemClick(itemData) {
                    let processed = false;
                    if (this._onItemClickAction) {
                        processed = this._onItemClickAction(itemData)
                    }
                    if (!processed) {
                        var _this$_contextMenuIns6;
                        _uiDiagram.default.onContextMenuItemClick(this, itemData, this._executeCommand.bind(this));
                        null === (_this$_contextMenuIns6 = this._contextMenuInstance) || void 0 === _this$_contextMenuIns6 || _this$_contextMenuIns6.hide()
                    }
                }
                _executeCommand(command, name, value) {
                    if ("number" === typeof command) {
                        var _this$bar;
                        null === (_this$bar = this.bar) || void 0 === _this$bar || _this$bar.raiseBarCommandExecuted(command, value)
                    } else if ("string" === typeof command) {
                        this._onInternalCommandAction({
                            command: command
                        })
                    }
                    if (void 0 !== name) {
                        this._onCustomCommandAction({
                            name: name
                        })
                    }
                }
                _createOnInternalCommand() {
                    this._onInternalCommandAction = this._createActionByOption("onInternalCommand")
                }
                _createOnCustomCommand() {
                    this._onCustomCommandAction = this._createActionByOption("onCustomCommand")
                }
                _getCommands() {
                    return _diagram2.default.getContextMenuCommands(this.option("commands"))
                }
                _fillCommandToIndexMap(commands, indexPath) {
                    commands.forEach((command, index) => {
                        const commandIndexPath = indexPath.concat([index]);
                        if (void 0 !== command.command) {
                            this._commandToIndexMap[command.command] = commandIndexPath
                        }
                        if (Array.isArray(command.items)) {
                            this._fillCommandToIndexMap(command.items, commandIndexPath)
                        }
                    })
                }
                _setItemEnabled(key, enabled) {
                    this._setItemVisible(key, enabled)
                }
                _setItemVisible(key, visible) {
                    const itemOptionText = _uiDiagram.default.getItemOptionText(this._contextMenuInstance, this._commandToIndexMap[key]);
                    _uiDiagram.default.updateContextMenuItemVisible(this._contextMenuInstance, itemOptionText, visible)
                }
                _setItemValue(key, value) {
                    const itemOptionText = _uiDiagram.default.getItemOptionText(this._contextMenuInstance, this._commandToIndexMap[key]);
                    _uiDiagram.default.updateContextMenuItemValue(this._contextMenuInstance, itemOptionText, key, value)
                }
                _setItemSubItems(key, items) {
                    const itemOptionText = _uiDiagram.default.getItemOptionText(this._contextMenuInstance, this._commandToIndexMap[key]);
                    _uiDiagram.default.updateContextMenuItems(this._contextMenuInstance, itemOptionText, key, items)
                }
                _setEnabled(enabled) {
                    var _this$_contextMenuIns7;
                    null === (_this$_contextMenuIns7 = this._contextMenuInstance) || void 0 === _this$_contextMenuIns7 || _this$_contextMenuIns7.option("disabled", !enabled)
                }
                isVisible() {
                    return this._inOnShowing
                }
                _createOnVisibilityChangingAction() {
                    this._onVisibilityChangingAction = this._createActionByOption("onVisibilityChanging")
                }
                _createOnItemClickAction() {
                    this._onItemClickAction = this._createActionByOption("onItemClick")
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "onVisibilityChanging":
                            this._createOnVisibilityChangingAction();
                            break;
                        case "onInternalCommand":
                            this._createOnInternalCommand();
                            break;
                        case "onCustomCommand":
                            this._createOnCustomCommand();
                            break;
                        case "onItemClick":
                            this._createOnItemClickAction();
                            break;
                        case "commands":
                            this._invalidate();
                            break;
                        case "export":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            exports.default = {
                DiagramContextMenuWrapper: DiagramContextMenuWrapper,
                DiagramContextMenu: DiagramContextMenu
            }
        },
        33533(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _diagram = __webpack_require__( /*! ../../ui/diagram/diagram.importer */ 49206);
            var _m_popover = _interopRequireDefault(__webpack_require__( /*! ../../ui/popover/m_popover */ 7784));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DiagramContextToolbox extends _widget.default {
                _init() {
                    super._init();
                    this._onShownAction = this._createActionByOption("onShown");
                    const window = (0, _window.getWindow)();
                    this._popoverPositionData = [{
                        my: {
                            x: "center",
                            y: "top"
                        },
                        at: {
                            x: "center",
                            y: "bottom"
                        },
                        offset: {
                            x: 0,
                            y: 5
                        },
                        calcMaxHeight: rect => Math.max(150, window.innerHeight - rect.bottom - 6)
                    }, {
                        my: {
                            x: "right",
                            y: "center"
                        },
                        at: {
                            x: "left",
                            y: "center"
                        },
                        offset: {
                            x: -5,
                            y: 0
                        },
                        calcMaxHeight: rect => Math.max(150, 2 * Math.min(rect.top, window.innerHeight - rect.bottom) - 2)
                    }, {
                        my: {
                            x: "center",
                            y: "bottom"
                        },
                        at: {
                            x: "center",
                            y: "top"
                        },
                        offset: {
                            x: 0,
                            y: -5
                        },
                        calcMaxHeight: rect => Math.max(150, rect.top - 6)
                    }, {
                        my: {
                            x: "left",
                            y: "center"
                        },
                        at: {
                            x: "right",
                            y: "center"
                        },
                        offset: {
                            x: 5,
                            y: 0
                        },
                        calcMaxHeight: rect => Math.max(150, 2 * Math.min(rect.top, window.innerHeight - rect.bottom) - 2)
                    }]
                }
                _initMarkup() {
                    super._initMarkup();
                    this._$popoverTargetElement = (0, _renderer.default)("<div>").addClass("dx-diagram-context-toolbox-target").appendTo(this.$element());
                    const $popoverElement = (0, _renderer.default)("<div>").addClass("dx-diagram-context-toolbox").appendTo(this.$element());
                    if (this._isTouchMode()) {
                        $popoverElement.addClass("dx-diagram-touch-context-toolbox")
                    }
                    this._popoverInstance = this._createComponent($popoverElement, _m_popover.default, {
                        hideOnOutsideClick: false,
                        container: this.$element()
                    })
                }
                _isTouchMode() {
                    const {
                        Browser: Browser
                    } = (0, _diagram.getDiagram)();
                    return Browser.TouchUI
                }
                _show(x, y, side, category, callback) {
                    this._popoverInstance.hide();
                    this._$popoverTargetElement.css({
                        left: x + this._popoverPositionData[side].offset.x,
                        top: y + this._popoverPositionData[side].offset.y
                    }).show();
                    const window = (0, _window.getWindow)();
                    const targetDiv = this._$popoverTargetElement.get(0);
                    this._$popoverTargetElement.css({
                        left: targetDiv.offsetLeft - (targetDiv.getBoundingClientRect().left + window.scrollX - targetDiv.offsetLeft),
                        top: targetDiv.offsetTop - (targetDiv.getBoundingClientRect().top + window.scrollY - targetDiv.offsetTop)
                    });
                    const posRect = targetDiv.getBoundingClientRect();
                    this._popoverInstance.option({
                        maxHeight: this._popoverPositionData[side].calcMaxHeight(posRect),
                        width: void 0 !== this.option("toolboxWidth") ? this.option("toolboxWidth") : void 0,
                        position: {
                            my: this._popoverPositionData[side].my,
                            at: this._popoverPositionData[side].at,
                            of: this._$popoverTargetElement
                        },
                        contentTemplate: () => (0, _renderer.default)("<div>").append((0, _renderer.default)("<div>").addClass("dx-diagram-context-toolbox-content")).dxScrollView({
                            width: "100%",
                            height: "100%"
                        }),
                        onContentReady: () => {
                            const $element = this.$element().find(".dx-diagram-context-toolbox-content");
                            this._onShownAction({
                                category: category,
                                callback: callback,
                                $element: $element,
                                hide: () => this._popoverInstance.hide()
                            })
                        }
                    });
                    this._popoverInstance.show()
                }
                _hide() {
                    this._$popoverTargetElement.hide();
                    this._popoverInstance.hide()
                }
            }
            exports.default = DiagramContextToolbox
        },
        87672(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _file_uploader = _interopRequireDefault(__webpack_require__( /*! ../../../ui/file_uploader */ 26980));
            var _diagram = __webpack_require__( /*! ../../ui/diagram/diagram.importer */ 49206);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DiagramDialogManager = {
                getConfigurations() {
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram.getDiagram)();
                    return this.dialogList || (this.dialogList = [{
                        command: DiagramCommand.InsertShapeImage,
                        title: _message.default.format("dxDiagram-dialogInsertShapeImageTitle"),
                        onGetContent: this.getChangeImageDialogContent
                    }, {
                        command: DiagramCommand.EditShapeImage,
                        title: _message.default.format("dxDiagram-dialogEditShapeImageTitle"),
                        onGetContent: this.getChangeImageDialogContent
                    }])
                },
                getChangeImageDialogContent(args) {
                    const $uploader = (0, _renderer.default)("<div>");
                    args.component._createComponent($uploader, _file_uploader.default, {
                        selectButtonText: _message.default.format("dxDiagram-dialogEditShapeImageSelectButton"),
                        accept: "image/*",
                        uploadMode: "useForm",
                        onValueChanged(e) {
                            const window = (0, _window.getWindow)();
                            const reader = new window.FileReader;
                            reader.onload = evt => {
                                args.component._commandParameter = evt.target.result
                            };
                            reader.readAsDataURL(e.value[0])
                        }
                    });
                    return $uploader
                },
                getDialogParameters(command) {
                    const commandIndex = this.getConfigurations().map(c => c.command).indexOf(command);
                    if (commandIndex >= 0) {
                        return this.getConfigurations()[commandIndex]
                    }
                    return null
                }
            };
            exports.default = DiagramDialogManager
        },
        53831(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _m_popup = _interopRequireDefault(__webpack_require__( /*! ../../ui/popup/m_popup */ 43864));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DiagramDialog extends _widget.default {
                _init() {
                    super._init();
                    this._command = void 0;
                    this._isShown = false;
                    this._createOnGetContentOption();
                    this._createOnHiddenOption()
                }
                _initMarkup() {
                    super._initMarkup();
                    const {
                        command: command,
                        title: title,
                        maxWidth: maxWidth,
                        height: height,
                        toolbarItems: toolbarItems
                    } = this.option();
                    this._command = command;
                    this._$popupElement = (0, _renderer.default)("<div>").appendTo(this.$element());
                    this._popup = this._createComponent(this._$popupElement, _m_popup.default, {
                        title: title,
                        maxWidth: maxWidth,
                        height: height,
                        toolbarItems: toolbarItems,
                        onHidden: this._onHiddenAction
                    })
                }
                _clean() {
                    var _this$_$popupElement;
                    delete this._popup;
                    null === (_this$_$popupElement = this._$popupElement) || void 0 === _this$_$popupElement || _this$_$popupElement.remove()
                }
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        title: "",
                        maxWidth: 500,
                        height: "auto",
                        toolbarItems: this._getToolbarItems()
                    })
                }
                _getToolbarItems() {
                    return [this._getOkToolbarItem(), this._getCancelToolbarItem()]
                }
                _getOkToolbarItem() {
                    return {
                        widget: "dxButton",
                        location: "after",
                        toolbar: "bottom",
                        options: {
                            text: _message.default.format("dxDiagram-dialogButtonOK"),
                            onClick: () => {
                                this._command.execute(this._commandParameter);
                                this._hide()
                            }
                        }
                    }
                }
                _getCancelToolbarItem() {
                    return {
                        widget: "dxButton",
                        location: "after",
                        toolbar: "bottom",
                        options: {
                            text: _message.default.format("dxDiagram-dialogButtonCancel"),
                            onClick: this._hide.bind(this)
                        }
                    }
                }
                _optionChanged(args) {
                    var _this$_popup;
                    switch (args.name) {
                        case "title":
                        case "maxWidth":
                        case "height":
                        case "toolbarItems":
                            null === (_this$_popup = this._popup) || void 0 === _this$_popup || _this$_popup.option(args.name, args.value);
                            break;
                        case "command":
                            this._command = args.value;
                            break;
                        case "onGetContent":
                            this._createOnGetContentOption();
                            break;
                        case "onHidden":
                            this._createOnHiddenOption();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _createOnGetContentOption() {
                    this._onGetContentAction = this._createActionByOption("onGetContent")
                }
                _createOnHiddenOption() {
                    this._onHiddenAction = this._createActionByOption("onHidden")
                }
                _hide() {
                    var _this$_popup2;
                    null === (_this$_popup2 = this._popup) || void 0 === _this$_popup2 || _this$_popup2.hide();
                    this._isShown = false
                }
                _show() {
                    var _this$_popup3, _this$_popup4;
                    null === (_this$_popup3 = this._popup) || void 0 === _this$_popup3 || null === (_this$_popup3 = _this$_popup3.$content()) || void 0 === _this$_popup3 || _this$_popup3.empty().append(this._onGetContentAction());
                    null === (_this$_popup4 = this._popup) || void 0 === _this$_popup4 || _this$_popup4.show();
                    this._isShown = true
                }
                isVisible() {
                    return this._isShown
                }
            }
            exports.default = DiagramDialog
        },
        34547(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _uiDiagram = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.panel */ 88908));
            var _m_popup = _interopRequireDefault(__webpack_require__( /*! ../../ui/popup/m_popup */ 43864));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DiagramFloatingPanel extends _uiDiagram.default {
                _init() {
                    super._init();
                    this._createOnVisibilityChangingAction();
                    this._createOnVisibilityChangedAction()
                }
                isVisible() {
                    const {
                        isVisible: isVisible
                    } = this.option();
                    return isVisible
                }
                isMobileView() {
                    const {
                        isMobileView: isMobileView
                    } = this.option();
                    return isMobileView
                }
                _initMarkup() {
                    super._initMarkup();
                    const $parent = this.$element();
                    const $popupElement = (0, _renderer.default)("<div>").addClass(this._getPopupClass()).addClass(this.isMobileView() && "dx-diagram-mobile-popup").appendTo($parent);
                    this._popup = this._createComponent($popupElement, _m_popup.default, this._getPopupOptions());
                    this._updatePopupVisible()
                }
                show() {
                    this.option("isVisible", true)
                }
                hide() {
                    this.option("isVisible", false)
                }
                toggle() {
                    this.option("isVisible", !this.isVisible())
                }
                repaint() {
                    var _this$_popup;
                    null === (_this$_popup = this._popup) || void 0 === _this$_popup || _this$_popup.repaint()
                }
                _getPopupContent() {
                    var _this$_popup2;
                    return null === (_this$_popup2 = this._popup) || void 0 === _this$_popup2 ? void 0 : _this$_popup2.content()
                }
                _getPopupTitle() {
                    const $content = (0, _renderer.default)(this._getPopupContent());
                    return $content.parent().find(".dx-popup-title")
                }
                _getPointerUpElements() {
                    return [this._getPopupContent(), this._getPopupTitle()]
                }
                _getVerticalPaddingsAndBorders() {
                    const $content = (0, _renderer.default)(this._getPopupContent());
                    return (0, _size.getOuterHeight)($content) - (0, _size.getHeight)($content)
                }
                _getHorizontalPaddingsAndBorders() {
                    const $content = (0, _renderer.default)(this._getPopupContent());
                    return (0, _size.getOuterWidth)($content) - (0, _size.getWidth)($content)
                }
                _getPopupClass() {
                    return ""
                }
                _getPopupWidth() {
                    const {
                        width: width
                    } = this.option();
                    return width ?? "auto"
                }
                _getPopupMaxWidth() {
                    const {
                        maxWidth: maxWidth
                    } = this.option();
                    return maxWidth
                }
                _getPopupMinWidth() {
                    const {
                        minWidth: minWidth
                    } = this.option();
                    return minWidth
                }
                _getPopupHeight() {
                    const {
                        height: height
                    } = this.option();
                    return height || "auto"
                }
                _getPopupMaxHeight() {
                    const {
                        maxHeight: maxHeight
                    } = this.option();
                    return maxHeight
                }
                _getPopupMinHeight() {
                    const {
                        minHeight: minHeight
                    } = this.option();
                    return minHeight
                }
                _getPopupPosition() {
                    return {}
                }
                _getPopupContainer() {
                    const {
                        container: container
                    } = this.option();
                    return container
                }
                _getPopupSlideAnimationObject(properties) {
                    return (0, _extend.extend)({
                        type: "slide",
                        start: () => {
                            (0, _renderer.default)("body").css("overflow", "hidden")
                        },
                        complete: () => {
                            (0, _renderer.default)("body").css("overflow", "")
                        }
                    }, properties)
                }
                _getPopupAnimation() {
                    return {
                        hide: {
                            type: "fadeOut"
                        },
                        show: {
                            type: "fadeIn"
                        }
                    }
                }
                _getPopupOptions() {
                    const that = this;
                    let wrapperClass = this._getPopupClass();
                    if (this.isMobileView()) {
                        wrapperClass += " dx-diagram-mobile-popup"
                    }
                    return {
                        animation: (0, _window.hasWindow)() ? this._getPopupAnimation() : null,
                        shading: false,
                        showTitle: false,
                        focusStateEnabled: false,
                        container: this._getPopupContainer(),
                        width: this._getPopupWidth(),
                        height: this._getPopupHeight(),
                        maxWidth: this._getPopupMaxWidth(),
                        maxHeight: this._getPopupMaxHeight(),
                        minWidth: this._getPopupMinWidth(),
                        minHeight: this._getPopupMinHeight(),
                        position: this._getPopupPosition(),
                        showCloseButton: true,
                        wrapperAttr: {
                            class: wrapperClass
                        },
                        onContentReady() {
                            var _that$_popup;
                            that._renderPopupContent(null === (_that$_popup = that._popup) || void 0 === _that$_popup ? void 0 : _that$_popup.content())
                        },
                        onShowing: () => {
                            this._onVisibilityChangingAction({
                                visible: true,
                                component: this
                            })
                        },
                        onShown: () => {
                            this.option("isVisible", true);
                            this._onVisibilityChangedAction({
                                visible: true,
                                component: this
                            })
                        },
                        onHiding: () => {
                            this._onVisibilityChangingAction({
                                visible: false,
                                component: this
                            })
                        },
                        onHidden: () => {
                            this.option("isVisible", false);
                            this._onVisibilityChangedAction({
                                visible: false,
                                component: this
                            })
                        }
                    }
                }
                _renderPopupContent($parent) {}
                _updatePopupVisible() {
                    var _this$_popup3;
                    null === (_this$_popup3 = this._popup) || void 0 === _this$_popup3 || _this$_popup3.option("visible", this.isVisible())
                }
                _createOnVisibilityChangingAction() {
                    this._onVisibilityChangingAction = this._createActionByOption("onVisibilityChanging")
                }
                _createOnVisibilityChangedAction() {
                    this._onVisibilityChangedAction = this._createActionByOption("onVisibilityChanged")
                }
                _optionChanged(args) {
                    var _this$_popup4, _this$_popup5, _this$_popup6, _this$_popup7, _this$_popup8, _this$_popup9, _this$_popup0;
                    switch (args.name) {
                        case "onVisibilityChanging":
                            this._createOnVisibilityChangingAction();
                            break;
                        case "onVisibilityChanged":
                            this._createOnVisibilityChangedAction();
                            break;
                        case "container":
                            null === (_this$_popup4 = this._popup) || void 0 === _this$_popup4 || _this$_popup4.option("container", this._getPopupContainer());
                            break;
                        case "width":
                            null === (_this$_popup5 = this._popup) || void 0 === _this$_popup5 || _this$_popup5.option("width", this._getPopupWidth());
                            break;
                        case "height":
                            null === (_this$_popup6 = this._popup) || void 0 === _this$_popup6 || _this$_popup6.option("height", this._getPopupHeight());
                            break;
                        case "maxWidth":
                            null === (_this$_popup7 = this._popup) || void 0 === _this$_popup7 || _this$_popup7.option("maxWidth", this._getPopupMaxWidth());
                            break;
                        case "maxHeight":
                            null === (_this$_popup8 = this._popup) || void 0 === _this$_popup8 || _this$_popup8.option("maxHeight", this._getPopupMaxHeight());
                            break;
                        case "minWidth":
                            null === (_this$_popup9 = this._popup) || void 0 === _this$_popup9 || _this$_popup9.option("minWidth", this._getPopupMinWidth());
                            break;
                        case "minHeight":
                            null === (_this$_popup0 = this._popup) || void 0 === _this$_popup0 || _this$_popup0.option("minHeight", this._getPopupMinHeight());
                            break;
                        case "isMobileView":
                            this._invalidate();
                            break;
                        case "isVisible":
                            this._updatePopupVisible();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        isVisible: true,
                        isMobileView: false,
                        offsetX: 0,
                        offsetY: 0
                    })
                }
            }
            exports.default = DiagramFloatingPanel
        },
        76370(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _diagram = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/diagram.commands_manager */ 88618));
            var _uiDiagram = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.toolbar */ 78753));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DiagramHistoryToolbar extends _uiDiagram.default {
                _getCommands() {
                    return _diagram.default.getHistoryToolbarCommands(this.option("commands"), this._getExcludeCommands())
                }
                _getExcludeCommands() {
                    const {
                        excludeCommands: excludeCommands
                    } = this.option();
                    const commands = [].concat(excludeCommands);
                    if (!this.option("isMobileView")) {
                        commands.push(_diagram.default.SHOW_TOOLBOX_COMMAND_NAME)
                    }
                    return commands
                }
            }
            exports.default = DiagramHistoryToolbar
        },
        32392(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _position = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/animation/position */ 3030));
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _number = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/number */ 52771));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _diagram = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/diagram.commands_manager */ 88618));
            var _diagram2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/diagram.edges_option */ 29898));
            var _diagram3 = __webpack_require__( /*! ../../ui/diagram/diagram.importer */ 49206);
            var _diagram4 = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/diagram.nodes_option */ 5955));
            var _diagram5 = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/diagram.options_update */ 82578));
            var _diagram6 = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/diagram.toolbox_manager */ 56017));
            var _uiDiagram = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.context_menu */ 18811));
            var _uiDiagram2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.context_toolbox */ 33533));
            var _uiDiagram3 = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.dialog_manager */ 87672));
            var _uiDiagram4 = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.dialogs */ 53831));
            var _uiDiagram5 = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.history_toolbar */ 76370));
            var _uiDiagram6 = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.main_toolbar */ 12197));
            var _uiDiagram7 = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.properties_panel */ 57552));
            var _uiDiagram8 = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.properties_toolbar */ 66061));
            var _uiDiagram9 = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.scroll_view */ 2425));
            var _uiDiagram0 = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.toolbar */ 78753));
            var _uiDiagram1 = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.toolbox */ 29849));
            var _uiDiagram10 = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.view_toolbar */ 37433));
            var _load_indicator = _interopRequireDefault(__webpack_require__( /*! ../../ui/load_indicator */ 32677));
            var _overlay = _interopRequireDefault(__webpack_require__( /*! ../../ui/overlay/overlay */ 79384));
            var zIndexPool = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../ui/overlay/z_index */ 27869));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const FULLSCREEN_CHANGE_EVENT_NAME = (0, _utils.addNamespace)("fullscreenchange", "dxDiagramEvent");
            const IE_FULLSCREEN_CHANGE_EVENT_NAME = (0, _utils.addNamespace)("msfullscreenchange", "dxDiagramEvent");
            const WEBKIT_FULLSCREEN_CHANGE_EVENT_NAME = (0, _utils.addNamespace)("webkitfullscreenchange", "dxDiagramEvent");
            const MOZ_FULLSCREEN_CHANGE_EVENT_NAME = (0, _utils.addNamespace)("mozfullscreenchange", "dxDiagramEvent");
            class Diagram extends _widget.default {
                constructor() {
                    super(...arguments);
                    this._loadingIndicator = null
                }
                _init() {
                    this._updateDiagramLockCount = 0;
                    this.toggleFullscreenLock = 0;
                    this._toolbars = [];
                    super._init();
                    this._initDiagram();
                    this._createCustomCommand()
                }
                _initMarkup() {
                    super._initMarkup();
                    this._toolbars = [];
                    delete this._isMobileScreenSize;
                    const isServerSide = !(0, _window.hasWindow)();
                    this.$element().addClass("dx-diagram");
                    delete this._mainToolbar;
                    const {
                        mainToolbar: mainToolbar
                    } = this.option();
                    if (null !== mainToolbar && void 0 !== mainToolbar && mainToolbar.visible) {
                        this._renderMainToolbar()
                    }
                    const $contentWrapper = (0, _renderer.default)("<div>").addClass("dx-diagram-content-wrapper").appendTo(this.$element());
                    delete this._historyToolbar;
                    delete this._historyToolbarResizeCallback;
                    if (this._isHistoryToolbarVisible()) {
                        this._renderHistoryToolbar($contentWrapper)
                    }
                    delete this._propertiesToolbar;
                    delete this._propertiesToolbarResizeCallback;
                    if (this._isPropertiesPanelEnabled()) {
                        this._renderPropertiesToolbar($contentWrapper)
                    }
                    delete this._viewToolbar;
                    delete this._viewToolbarResizeCallback;
                    if (this.option("viewToolbar.visible")) {
                        this._renderViewToolbar($contentWrapper)
                    }
                    delete this._toolbox;
                    delete this._toolboxResizeCallback;
                    if (this._isToolboxEnabled()) {
                        this._renderToolbox($contentWrapper)
                    }
                    delete this._propertiesPanel;
                    delete this._propertiesPanelResizeCallback;
                    if (this._isPropertiesPanelEnabled()) {
                        this._renderPropertiesPanel($contentWrapper)
                    }
                    this._$content = (0, _renderer.default)("<div>").addClass("dx-diagram-content").appendTo($contentWrapper);
                    delete this._contextMenu;
                    this._diagramInstance.settings.contextMenuEnabled = this.option("contextMenu.enabled");
                    if (this._diagramInstance.settings.contextMenuEnabled) {
                        this._renderContextMenu($contentWrapper)
                    }
                    delete this._contextToolbox;
                    if (this.option("contextToolbox.enabled")) {
                        this._renderContextToolbox($contentWrapper)
                    }
                    this._renderDialog($contentWrapper);
                    if (!isServerSide) {
                        const {
                            useNativeScrolling: useNativeScrolling
                        } = this.option();
                        const $scrollViewWrapper = (0, _renderer.default)("<div>").addClass("dx-diagram-scroll-view").appendTo(this._$content);
                        this._createComponent($scrollViewWrapper, _uiDiagram9.default, {
                            useNativeScrolling: useNativeScrolling,
                            onCreateDiagram: e => {
                                this._diagramInstance.createDocument(e.$parent[0], e.scrollView, $contentWrapper[0])
                            }
                        })
                    }
                    this._setCustomCommandChecked(_diagram.default.SHOW_PROPERTIES_PANEL_COMMAND_NAME, this._isPropertiesPanelVisible());
                    this._setCustomCommandChecked(_diagram.default.SHOW_TOOLBOX_COMMAND_NAME, this._isToolboxVisible());
                    this._createOptionsUpdateBar()
                }
                _dimensionChanged() {
                    this._isMobileScreenSize = void 0;
                    this._processDiagramResize()
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        this._bindDiagramData();
                        this.repaint()
                    }
                }
                _processDiagramResize() {
                    this._diagramInstance.onDimensionChanged();
                    if (this._historyToolbarResizeCallback) {
                        this._historyToolbarResizeCallback.call(this)
                    }
                    if (this._propertiesToolbarResizeCallback) {
                        this._propertiesToolbarResizeCallback.call(this)
                    }
                    if (this._propertiesPanelResizeCallback) {
                        this._propertiesPanelResizeCallback.call(this)
                    }
                    if (this._viewToolbarResizeCallback) {
                        this._viewToolbarResizeCallback.call(this)
                    }
                    if (this._toolboxResizeCallback) {
                        this._toolboxResizeCallback.call(this)
                    }
                }
                isMobileScreenSize() {
                    if (void 0 === this._isMobileScreenSize) {
                        this._isMobileScreenSize = (0, _window.hasWindow)() && (0, _size.getOuterWidth)(this.$element()) < 576
                    }
                    return this._isMobileScreenSize
                }
                _captureFocus() {
                    if (this._diagramInstance) {
                        this._diagramInstance.captureFocus()
                    }
                }
                _captureFocusOnTimeout() {
                    this._captureFocusTimeout = setTimeout(() => {
                        this._captureFocus();
                        delete this._captureFocusTimeout
                    }, 100)
                }
                _killCaptureFocusTimeout() {
                    if (this._captureFocusTimeout) {
                        clearTimeout(this._captureFocusTimeout);
                        delete this._captureFocusTimeout
                    }
                }
                notifyBarCommandExecuted() {
                    this._captureFocusOnTimeout()
                }
                _registerToolbar(component) {
                    var _this$_toolbars;
                    this._registerBar(component);
                    null === (_this$_toolbars = this._toolbars) || void 0 === _this$_toolbars || _this$_toolbars.push(component)
                }
                _registerBar(component) {
                    var _component$bar;
                    null === (_component$bar = component.bar) || void 0 === _component$bar || _component$bar.onChanged.add(this);
                    this._diagramInstance.registerBar(component.bar)
                }
                _getExcludeCommands() {
                    const excludeCommands = [];
                    if (!this._isToolboxEnabled()) {
                        excludeCommands.push(_diagram.default.SHOW_TOOLBOX_COMMAND_NAME)
                    }
                    if (!this._isPropertiesPanelEnabled()) {
                        excludeCommands.push(_diagram.default.SHOW_PROPERTIES_PANEL_COMMAND_NAME)
                    }
                    return excludeCommands
                }
                _getToolbarBaseOptions() {
                    return {
                        onContentReady: _ref => {
                            let {
                                component: component
                            } = _ref;
                            this._registerToolbar(component)
                        },
                        onSubMenuVisibilityChanging: _ref2 => {
                            let {
                                component: component
                            } = _ref2;
                            return this._diagramInstance.updateBarItemsState(component.bar)
                        },
                        onPointerUp: this._onPanelPointerUp.bind(this),
                        export: this.option("export"),
                        excludeCommands: this._getExcludeCommands(),
                        onInternalCommand: this._onInternalCommand.bind(this),
                        onCustomCommand: this._onCustomCommand.bind(this),
                        isMobileView: this.isMobileScreenSize()
                    }
                }
                _onInternalCommand(e) {
                    switch (e.command) {
                        case _diagram.default.SHOW_TOOLBOX_COMMAND_NAME:
                            if (this._toolbox) {
                                this._toolbox.toggle()
                            }
                            break;
                        case _diagram.default.SHOW_PROPERTIES_PANEL_COMMAND_NAME:
                            if (this._propertiesPanel) {
                                this._propertiesPanel.toggle()
                            }
                    }
                }
                _onCustomCommand(e) {
                    var _this$_customCommandA;
                    null === (_this$_customCommandA = this._customCommandAction) || void 0 === _this$_customCommandA || _this$_customCommandA.call(this, {
                        name: e.name
                    })
                }
                _renderMainToolbar() {
                    const $toolbarWrapper = (0, _renderer.default)("<div>").addClass("dx-diagram-toolbar-wrapper").appendTo(this.$element());
                    this._mainToolbar = this._createComponent($toolbarWrapper, _uiDiagram6.default, (0, _extend.extend)(this._getToolbarBaseOptions(), {
                        commands: this.option("mainToolbar.commands"),
                        skipAdjustSize: true
                    }))
                }
                _isHistoryToolbarVisible() {
                    return this.option("historyToolbar.visible") && !this.isReadOnlyMode()
                }
                _renderHistoryToolbar($parent) {
                    const $container = (0, _renderer.default)("<div>").addClass("dx-diagram-floating-toolbar-container").appendTo($parent);
                    this._historyToolbar = this._createComponent($container, _uiDiagram5.default, (0, _extend.extend)(this._getToolbarBaseOptions(), {
                        commands: this.option("historyToolbar.commands"),
                        locateInMenu: "never"
                    }));
                    this._updateHistoryToolbarPosition();
                    this._historyToolbarResizeCallback = () => {
                        var _this$_historyToolbar;
                        null === (_this$_historyToolbar = this._historyToolbar) || void 0 === _this$_historyToolbar || _this$_historyToolbar.option("isMobileView", this.isMobileScreenSize())
                    }
                }
                _updateHistoryToolbarPosition() {
                    var _this$_historyToolbar2, _this$_historyToolbar3;
                    if (!(0, _window.hasWindow)()) {
                        return
                    }
                    _position.default.setup(null === (_this$_historyToolbar2 = this._historyToolbar) || void 0 === _this$_historyToolbar2 ? void 0 : _this$_historyToolbar2.$element(), {
                        my: "left top",
                        at: "left top",
                        of: null === (_this$_historyToolbar3 = this._historyToolbar) || void 0 === _this$_historyToolbar3 ? void 0 : _this$_historyToolbar3.$element().parent(),
                        offset: "12 12"
                    })
                }
                _isToolboxEnabled() {
                    const {
                        toolbox: toolbox
                    } = this.option();
                    return "disabled" !== (null === toolbox || void 0 === toolbox ? void 0 : toolbox.visibility) && !this.isReadOnlyMode()
                }
                _isToolboxVisible() {
                    const {
                        toolbox: toolbox
                    } = this.option();
                    return "visible" === (null === toolbox || void 0 === toolbox ? void 0 : toolbox.visibility) || "auto" === (null === toolbox || void 0 === toolbox ? void 0 : toolbox.visibility) && !this.isMobileScreenSize()
                }
                _renderToolbox($parent) {
                    var _this$_toolbox$_popup;
                    const isServerSide = !(0, _window.hasWindow)();
                    const $toolBox = (0, _renderer.default)("<div>").appendTo($parent);
                    const bounds = this._getToolboxBounds($parent, isServerSide);
                    this._toolbox = this._createComponent($toolBox, _uiDiagram1.default, {
                        isMobileView: this.isMobileScreenSize(),
                        isVisible: this._isToolboxVisible(),
                        container: this.$element(),
                        height: bounds.height,
                        offsetParent: $parent,
                        offsetX: bounds.offsetX,
                        offsetY: bounds.offsetY,
                        showSearch: this.option("toolbox.showSearch"),
                        toolboxGroups: this._getToolboxGroups(),
                        toolboxWidth: this.option("toolbox.width"),
                        onShapeCategoryRendered: e => {
                            if (isServerSide) {
                                return
                            }
                            this._diagramInstance.createToolbox(e.$element[0], "texts" === e.displayMode, e.shapes || e.category, {
                                shapeIconSpacing: 12,
                                shapeIconCountInRow: this.option("toolbox.shapeIconsPerRow"),
                                shapeIconAttributes: {
                                    "data-toggle": e.dataToggle
                                }
                            })
                        },
                        onFilterChanged: e => {
                            if (isServerSide) {
                                return
                            }
                            this._diagramInstance.applyToolboxFilter(e.text, e.filteringToolboxes)
                        },
                        onVisibilityChanging: e => {
                            if (isServerSide) {
                                return
                            }
                            this._setCustomCommandChecked(_diagram.default.SHOW_TOOLBOX_COMMAND_NAME, e.visible);
                            if (this._propertiesPanel) {
                                if (e.visible && this.isMobileScreenSize()) {
                                    this._propertiesPanel.hide()
                                }
                            }
                            if (this._historyToolbar) {
                                if (e.visible && this.isMobileScreenSize()) {
                                    this._historyToolbarZIndex = zIndexPool.create(_overlay.default.baseZIndex());
                                    this._historyToolbar.$element().css("zIndex", this._historyToolbarZIndex);
                                    this._historyToolbar.$element().css("boxShadow", "none")
                                }
                            }
                            if (this._viewToolbar) {
                                this._viewToolbar.$element().css("opacity", e.visible && this.isMobileScreenSize() ? "0" : "1");
                                this._viewToolbar.$element().css("pointerEvents", e.visible && this.isMobileScreenSize() ? "none" : "")
                            }
                        },
                        onVisibilityChanged: e => {
                            if (!e.visible && !this._textInputStarted) {
                                this._captureFocus()
                            }
                            if (!isServerSide) {
                                if (this._historyToolbar) {
                                    if (!e.visible && this.isMobileScreenSize() && this._historyToolbarZIndex) {
                                        zIndexPool.remove(this._historyToolbarZIndex);
                                        this._historyToolbar.$element().css("zIndex", "");
                                        this._historyToolbar.$element().css("boxShadow", "");
                                        this._historyToolbarZIndex = void 0
                                    }
                                }
                            }
                        },
                        onPointerUp: this._onPanelPointerUp.bind(this)
                    });
                    null === (_this$_toolbox$_popup = this._toolbox._popup) || void 0 === _this$_toolbox$_popup || _this$_toolbox$_popup.option("propagateOutsideClick", !this.option("fullScreen"));
                    this._toolboxResizeCallback = () => {
                        var _this$_toolbox, _this$_toolbox2, _this$_toolbox4;
                        const toolboxBounds = this._getToolboxBounds($parent, isServerSide);
                        null === (_this$_toolbox = this._toolbox) || void 0 === _this$_toolbox || _this$_toolbox.option("height", toolboxBounds.height);
                        const prevIsMobileView = null === (_this$_toolbox2 = this._toolbox) || void 0 === _this$_toolbox2 ? void 0 : _this$_toolbox2.option("isMobileView");
                        if (prevIsMobileView !== this.isMobileScreenSize()) {
                            var _this$_toolbox3;
                            null === (_this$_toolbox3 = this._toolbox) || void 0 === _this$_toolbox3 || _this$_toolbox3.option({
                                isMobileView: this.isMobileScreenSize(),
                                isVisible: this._isToolboxVisible()
                            });
                            this._setCustomCommandChecked(_diagram.default.SHOW_TOOLBOX_COMMAND_NAME, this._isToolboxVisible())
                        }
                        null === (_this$_toolbox4 = this._toolbox) || void 0 === _this$_toolbox4 || _this$_toolbox4.updateMaxHeight()
                    }
                }
                _getToolboxBounds($parent, isServerSide) {
                    const result = {
                        offsetX: 12,
                        offsetY: 12,
                        height: !isServerSide ? (0, _size.getHeight)($parent) - 24 : 0
                    };
                    if (this._historyToolbar && !isServerSide) {
                        result.offsetY += (0, _size.getOuterHeight)(this._historyToolbar.$element()) + 12;
                        result.height -= (0, _size.getOuterHeight)(this._historyToolbar.$element()) + 12
                    }
                    if (this._viewToolbar && !isServerSide) {
                        result.height -= (0, _size.getOuterHeight)(this._viewToolbar.$element()) + this._getViewToolbarYOffset(isServerSide)
                    }
                    return result
                }
                _renderViewToolbar($parent) {
                    const isServerSide = !(0, _window.hasWindow)();
                    const $container = (0, _renderer.default)("<div>").addClass("dx-diagram-floating-toolbar-container").appendTo($parent);
                    this._viewToolbar = this._createComponent($container, _uiDiagram10.default, (0, _extend.extend)(this._getToolbarBaseOptions(), {
                        commands: this.option("viewToolbar.commands"),
                        locateInMenu: "never"
                    }));
                    this._updateViewToolbarPosition($container, $parent, isServerSide);
                    this._viewToolbarResizeCallback = () => {
                        this._updateViewToolbarPosition($container, $parent, isServerSide)
                    }
                }
                _getViewToolbarYOffset(isServerSide) {
                    if (isServerSide) {
                        return
                    }
                    let result = 12;
                    if (this._viewToolbar && this._propertiesToolbar) {
                        result += ((0, _size.getOuterHeight)(this._propertiesToolbar.$element()) - (0, _size.getOuterHeight)(this._viewToolbar.$element())) / 2
                    }
                    return result
                }
                _updateViewToolbarPosition($container, $parent, isServerSide) {
                    if (isServerSide) {
                        return
                    }
                    _position.default.setup($container, {
                        my: "left bottom",
                        at: "left bottom",
                        of: $parent,
                        offset: `12 -${this._getViewToolbarYOffset(isServerSide)}`
                    })
                }
                _isPropertiesPanelEnabled() {
                    const {
                        propertiesPanel: propertiesPanel
                    } = this.option();
                    return "disabled" !== (null === propertiesPanel || void 0 === propertiesPanel ? void 0 : propertiesPanel.visibility) && !this.isReadOnlyMode()
                }
                _isPropertiesPanelVisible() {
                    const {
                        propertiesPanel: propertiesPanel
                    } = this.option();
                    return "visible" === (null === propertiesPanel || void 0 === propertiesPanel ? void 0 : propertiesPanel.visibility)
                }
                _renderPropertiesToolbar($parent) {
                    const isServerSide = !(0, _window.hasWindow)();
                    const $container = (0, _renderer.default)("<div>").addClass("dx-diagram-floating-toolbar-container").addClass("dx-diagram-properties-panel-toolbar-container").appendTo($parent);
                    this._propertiesToolbar = this._createComponent($container, _uiDiagram8.default, (0, _extend.extend)(this._getToolbarBaseOptions(), {
                        buttonStylingMode: "contained",
                        buttonType: "default",
                        locateInMenu: "never"
                    }));
                    this._updatePropertiesToolbarPosition($container, $parent, isServerSide);
                    this._propertiesToolbarResizeCallback = () => {
                        this._updatePropertiesToolbarPosition($container, $parent, isServerSide)
                    }
                }
                _updatePropertiesToolbarPosition($container, $parent, isServerSide) {
                    if (isServerSide) {
                        return
                    }
                    const offset = this.option("useNativeScrolling") ? 16 : 12;
                    _position.default.setup($container, {
                        my: "right bottom",
                        at: "right bottom",
                        of: $parent,
                        offset: `-${offset}px -${offset}px`
                    })
                }
                _renderPropertiesPanel($parent) {
                    var _this$_propertiesTool;
                    const isServerSide = !(0, _window.hasWindow)();
                    const $propertiesPanel = (0, _renderer.default)("<div>").appendTo($parent);
                    const offset = this.option("useNativeScrolling") ? 16 : 12;
                    const offsetX = offset;
                    const offsetY = 2 * offset + (!isServerSide ? (0, _size.getOuterHeight)(null === (_this$_propertiesTool = this._propertiesToolbar) || void 0 === _this$_propertiesTool ? void 0 : _this$_propertiesTool.$element()) : 0);
                    this._propertiesPanel = this._createComponent($propertiesPanel, _uiDiagram7.default, {
                        isMobileView: this.isMobileScreenSize(),
                        isVisible: this._isPropertiesPanelVisible(),
                        container: this.$element(),
                        offsetParent: $parent,
                        offsetX: offsetX,
                        offsetY: offsetY,
                        propertyTabs: this.option("propertiesPanel.tabs"),
                        onCreateToolbar: e => {
                            e.toolbar = this._createComponent(e.$parent, _uiDiagram0.default, (0, _extend.extend)(this._getToolbarBaseOptions(), {
                                commands: e.commands,
                                locateInMenu: "never",
                                editorStylingMode: "outlined"
                            }))
                        },
                        onVisibilityChanging: e => {
                            if (isServerSide) {
                                return
                            }
                            this._updatePropertiesPanelGroupBars(e.component);
                            this._setCustomCommandChecked(_diagram.default.SHOW_PROPERTIES_PANEL_COMMAND_NAME, e.visible);
                            if (this._toolbox) {
                                if (e.visible && this.isMobileScreenSize()) {
                                    this._toolbox.hide()
                                }
                            }
                        },
                        onVisibilityChanged: e => {
                            if (!e.visible && !this._textInputStarted) {
                                this._captureFocus()
                            }
                        },
                        onSelectedGroupChanged: _ref3 => {
                            let {
                                component: component
                            } = _ref3;
                            return this._updatePropertiesPanelGroupBars(component)
                        },
                        onPointerUp: this._onPanelPointerUp.bind(this)
                    });
                    this._propertiesPanelResizeCallback = () => {
                        var _this$_propertiesPane;
                        const prevIsMobileView = null === (_this$_propertiesPane = this._propertiesPanel) || void 0 === _this$_propertiesPane ? void 0 : _this$_propertiesPane.option("isMobileView");
                        if (prevIsMobileView !== this.isMobileScreenSize()) {
                            var _this$_propertiesPane2;
                            null === (_this$_propertiesPane2 = this._propertiesPanel) || void 0 === _this$_propertiesPane2 || _this$_propertiesPane2.option({
                                isMobileView: this.isMobileScreenSize(),
                                isVisible: this._isPropertiesPanelVisible()
                            });
                            this._setCustomCommandChecked(_diagram.default.SHOW_PROPERTIES_PANEL_COMMAND_NAME, this._isPropertiesPanelVisible())
                        }
                    }
                }
                _updatePropertiesPanelGroupBars(component) {
                    var _component$getActiveT;
                    null === (_component$getActiveT = component.getActiveToolbars()) || void 0 === _component$getActiveT || _component$getActiveT.forEach(toolbar => {
                        this._diagramInstance.updateBarItemsState(toolbar.bar)
                    })
                }
                _onPanelPointerUp() {
                    this._captureFocusOnTimeout()
                }
                _renderContextMenu($parent) {
                    const $contextMenu = (0, _renderer.default)("<div>").appendTo($parent);
                    this._contextMenu = this._createComponent($contextMenu, _uiDiagram.default.DiagramContextMenuWrapper, {
                        commands: this.option("contextMenu.commands"),
                        onContentReady: _ref4 => {
                            let {
                                component: component
                            } = _ref4;
                            return this._registerBar(component)
                        },
                        onVisibilityChanging: _ref5 => {
                            let {
                                component: component
                            } = _ref5;
                            return this._diagramInstance.updateBarItemsState(component.bar)
                        },
                        onItemClick: itemData => this._onBeforeCommandExecuted(itemData.command),
                        export: this.option("export"),
                        excludeCommands: this._getExcludeCommands(),
                        onInternalCommand: this._onInternalCommand.bind(this),
                        onCustomCommand: this._onCustomCommand.bind(this)
                    })
                }
                _renderContextToolbox($parent) {
                    const isServerSide = !(0, _window.hasWindow)();
                    const {
                        contextToolbox: contextToolbox = {}
                    } = this.option();
                    const {
                        category: category,
                        displayMode: displayMode,
                        shapes: shapes,
                        width: width
                    } = contextToolbox;
                    const $contextToolbox = (0, _renderer.default)("<div>").appendTo($parent);
                    this._contextToolbox = this._createComponent($contextToolbox, _uiDiagram2.default, {
                        toolboxWidth: width,
                        onShown: e => {
                            if (isServerSide) {
                                return
                            }
                            const $toolboxContainer = (0, _renderer.default)(e.$element);
                            let isTextGroup = "texts" === displayMode;
                            if (!shapes && !category && !isTextGroup) {
                                var _this$_getToolboxGrou;
                                const group = null === (_this$_getToolboxGrou = this._getToolboxGroups()) || void 0 === _this$_getToolboxGrou ? void 0 : _this$_getToolboxGrou.filter(g => g.category === e.category)[0];
                                if (group) {
                                    isTextGroup = "texts" === group.displayMode
                                }
                            }
                            this._diagramInstance.createContextToolbox($toolboxContainer[0], isTextGroup, shapes || category || e.category, {
                                shapeIconSpacing: 12,
                                shapeIconCountInRow: this.option("contextToolbox.shapeIconsPerRow")
                            }, shapeType => {
                                e.callback(shapeType);
                                this._captureFocus();
                                e.hide()
                            })
                        }
                    })
                }
                _setCustomCommandChecked(command, checked) {
                    var _this$_toolbars2;
                    null === (_this$_toolbars2 = this._toolbars) || void 0 === _this$_toolbars2 || _this$_toolbars2.forEach(tb => {
                        tb.setCommandChecked(command, checked)
                    })
                }
                _onBeforeCommandExecuted(command) {
                    const dialogParameters = _uiDiagram3.default.getDialogParameters(command);
                    if (dialogParameters) {
                        this._showDialog(dialogParameters)
                    }
                    return !!dialogParameters
                }
                _renderDialog($parent) {
                    const $dialogElement = (0, _renderer.default)("<div>").appendTo($parent);
                    this._dialogInstance = this._createComponent($dialogElement, _uiDiagram4.default, {})
                }
                _showDialog(dialogParameters) {
                    if (this._dialogInstance) {
                        this._dialogInstance.option("onGetContent", dialogParameters.onGetContent);
                        this._dialogInstance.option("onHidden", () => {
                            this._captureFocus()
                        });
                        this._dialogInstance.option("command", this._diagramInstance.getCommand(dialogParameters.command));
                        this._dialogInstance.option("title", dialogParameters.title);
                        this._dialogInstance._show()
                    }
                }
                _showLoadingIndicator() {
                    this._loadingIndicator = (0, _renderer.default)("<div>").addClass("dx-diagram-loading-indicator");
                    this._createComponent(this._loadingIndicator, _load_indicator.default, {});
                    const $parent = this._$content || this.$element();
                    $parent.append(this._loadingIndicator)
                }
                _hideLoadingIndicator() {
                    if (!this._loadingIndicator) {
                        return
                    }
                    this._loadingIndicator.remove();
                    this._loadingIndicator = null
                }
                _initDiagram() {
                    const {
                        DiagramControl: DiagramControl
                    } = (0, _diagram3.getDiagram)();
                    this._diagramInstance = new DiagramControl;
                    this._diagramInstance.onChanged = this._raiseDataChangeAction.bind(this);
                    this._diagramInstance.onEdgeInserted = this._raiseEdgeInsertedAction.bind(this);
                    this._diagramInstance.onEdgeUpdated = this._raiseEdgeUpdatedAction.bind(this);
                    this._diagramInstance.onEdgeRemoved = this._raiseEdgeRemovedAction.bind(this);
                    this._diagramInstance.onNodeInserted = this._raiseNodeInsertedAction.bind(this);
                    this._diagramInstance.onNodeUpdated = this._raiseNodeUpdatedAction.bind(this);
                    this._diagramInstance.onNodeRemoved = this._raiseNodeRemovedAction.bind(this);
                    this._diagramInstance.onToolboxDragStart = this._raiseToolboxDragStart.bind(this);
                    this._diagramInstance.onToolboxDragEnd = this._raiseToolboxDragEnd.bind(this);
                    this._diagramInstance.onTextInputStart = this._raiseTextInputStart.bind(this);
                    this._diagramInstance.onTextInputEnd = this._raiseTextInputEnd.bind(this);
                    this._diagramInstance.onToggleFullscreen = this._onToggleFullScreen.bind(this);
                    this._diagramInstance.onShowContextMenu = this._onShowContextMenu.bind(this);
                    this._diagramInstance.onHideContextMenu = this._onHideContextMenu.bind(this);
                    this._diagramInstance.onShowContextToolbox = this._onShowContextToolbox.bind(this);
                    this._diagramInstance.onHideContextToolbox = this._onHideContextToolbox.bind(this);
                    this._diagramInstance.onNativeAction.add({
                        notifyItemClick: this._raiseItemClickAction.bind(this),
                        notifyItemDblClick: this._raiseItemDblClickAction.bind(this),
                        notifySelectionChanged: this._raiseSelectionChanged.bind(this)
                    });
                    this._diagramInstance.onRequestOperation = this._raiseRequestEditOperation.bind(this);
                    this._updateEventSubscriptionMethods();
                    this._updateDefaultItemProperties();
                    this._updateEditingSettings();
                    this._updateShapeTexts();
                    this._updateUnitItems();
                    this._updateFormatUnitsMethod();
                    if ("in" !== this.option("units")) {
                        this._updateUnitsState()
                    }
                    if (this.isReadOnlyMode()) {
                        this._updateReadOnlyState()
                    }
                    if (this.option("pageSize")) {
                        if (this.option("pageSize.items")) {
                            this._updatePageSizeItemsState()
                        }
                        if (this.option("pageSize.width") && this.option("pageSize.height")) {
                            this._updatePageSizeState()
                        }
                    }
                    if ("portrait" !== this.option("pageOrientation")) {
                        this._updatePageOrientationState()
                    }
                    if ("#ffffff" !== this.option("pageColor")) {
                        this._updatePageColorState()
                    }
                    if ("in" !== this.option("viewUnits")) {
                        this._updateViewUnitsState()
                    }
                    if (!this.option("showGrid")) {
                        this._updateShowGridState()
                    }
                    if (!this.option("snapToGrid")) {
                        this._updateSnapToGridState()
                    }
                    if (this.option("gridSize")) {
                        this._updateGridSizeState()
                    }
                    if (1 !== this.option("zoomLevel")) {
                        this._updateZoomLevelState()
                    }
                    if (this.option("simpleView")) {
                        this._updateSimpleViewState()
                    }
                    if ("disabled" !== this.option("autoZoomMode")) {
                        this._updateAutoZoomState()
                    }
                    if (this.option("fullScreen")) {
                        const window = (0, _window.getWindow)();
                        if (window && window.self !== window.top) {
                            this.option("fullScreen", false)
                        } else {
                            this._updateFullscreenState()
                        }
                    }
                    this._createOptionsUpdateBar();
                    if ((0, _window.hasWindow)()) {
                        this._diagramInstance.initMeasurer(this.$element()[0])
                    }
                    this._updateCustomShapes(this._getCustomShapes());
                    this._refreshDataSources()
                }
                _createOptionsUpdateBar() {
                    if (!this.optionsUpdateBar) {
                        this.optionsUpdateBar = new _diagram5.default(this);
                        this._diagramInstance.registerBar(this.optionsUpdateBar)
                    }
                }
                _deleteOptionsUpdateBar() {
                    delete this.optionsUpdateBar
                }
                _clean() {
                    if (this._diagramInstance) {
                        this._diagramInstance.cleanMarkup(element => {
                            (0, _renderer.default)(element).empty()
                        });
                        this._deleteOptionsUpdateBar()
                    }
                    super._clean()
                }
                _dispose() {
                    this._killCaptureFocusTimeout();
                    super._dispose();
                    if (this._diagramInstance) {
                        this._diagramInstance.dispose();
                        this._diagramInstance = void 0
                    }
                }
                _executeDiagramCommand(command, parameter) {
                    this._diagramInstance.getCommand(command).execute(parameter)
                }
                getNodeDataSource() {
                    var _this$_nodesOption;
                    return null === (_this$_nodesOption = this._nodesOption) || void 0 === _this$_nodesOption ? void 0 : _this$_nodesOption.getDataSource()
                }
                getEdgeDataSource() {
                    var _this$_edgesOption;
                    return null === (_this$_edgesOption = this._edgesOption) || void 0 === _this$_edgesOption ? void 0 : _this$_edgesOption.getDataSource()
                }
                _refreshDataSources() {
                    this._beginUpdateDiagram();
                    this._refreshNodesDataSource();
                    this._refreshEdgesDataSource();
                    this._endUpdateDiagram()
                }
                _refreshNodesDataSource() {
                    if (this._nodesOption) {
                        this._nodesOption._disposeDataSource();
                        delete this._nodesOption
                    }
                    if (this.option("nodes.dataSource")) {
                        this._nodesOption = new _diagram4.default(this);
                        this._nodesOption.option("dataSource", this.option("nodes.dataSource"));
                        this._nodesOption._refreshDataSource()
                    }
                }
                _refreshEdgesDataSource() {
                    if (this._edgesOption) {
                        this._edgesOption._disposeDataSource();
                        delete this._edgesOption
                    }
                    if (this.option("edges.dataSource")) {
                        this._edgesOption = new _diagram2.default(this);
                        this._edgesOption.option("dataSource", this.option("edges.dataSource"));
                        this._edgesOption._refreshDataSource()
                    }
                }
                _getDiagramData() {
                    let value;
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram3.getDiagram)();
                    this._executeDiagramCommand(DiagramCommand.Export, data => {
                        value = data
                    });
                    return value
                }
                _setDiagramData(data, keepExistingItems) {
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram3.getDiagram)();
                    this._executeDiagramCommand(DiagramCommand.Import, {
                        data: data,
                        keepExistingItems: keepExistingItems
                    })
                }
                isReadOnlyMode() {
                    return this.option("readOnly") || this.option("disabled")
                }
                _onDataSourceChanged() {
                    this._bindDiagramData()
                }
                _getChangesKeys(changes) {
                    return changes.map(change => {
                        if ((0, _type.isDefined)(change.internalKey)) {
                            return change.internalKey
                        }
                        if ((0, _type.isDefined)(change.key)) {
                            return change.key
                        }
                        return null
                    }).filter(key => (0, _type.isDefined)(key))
                }
                _createOptionGetter(optionName) {
                    const expr = this.option(optionName);
                    return expr && (0, _data.compileGetter)(expr)
                }
                _onRequestUpdateLayout(changes) {
                    var _this$_requestLayoutU;
                    if (!this._requestLayoutUpdateAction) {
                        this._createRequestLayoutUpdateAction()
                    }
                    const eventArgs = {
                        changes: changes,
                        allowed: false
                    };
                    null === (_this$_requestLayoutU = this._requestLayoutUpdateAction) || void 0 === _this$_requestLayoutU || _this$_requestLayoutU.call(this, eventArgs);
                    return eventArgs.allowed
                }
                _createOptionSetter(optionName) {
                    const expr = this.option(optionName);
                    if ((0, _type.isFunction)(expr)) {
                        return expr
                    }
                    return expr && (0, _data.compileSetter)(expr)
                }
                _bindDiagramData() {
                    var _this$_nodesOption2, _this$_edgesOption2;
                    if (this._updateDiagramLockCount || !this._isBindingMode()) {
                        return
                    }
                    const {
                        DiagramCommand: DiagramCommand,
                        ConnectorLineOption: ConnectorLineOption,
                        ConnectorLineEnding: ConnectorLineEnding
                    } = (0, _diagram3.getDiagram)();
                    let lineOptionGetter;
                    let lineOptionSetter;
                    let startLineEndingGetter;
                    let startLineEndingSetter;
                    let endLineEndingGetter;
                    let endLineEndingSetter;
                    let containerChildrenGetter;
                    let containerChildrenSetter;
                    const data = {
                        nodeDataSource: null === (_this$_nodesOption2 = this._nodesOption) || void 0 === _this$_nodesOption2 ? void 0 : _this$_nodesOption2.getItems(),
                        edgeDataSource: null === (_this$_edgesOption2 = this._edgesOption) || void 0 === _this$_edgesOption2 ? void 0 : _this$_edgesOption2.getItems(),
                        nodeDataImporter: {
                            getKey: this._createOptionGetter("nodes.keyExpr"),
                            setKey: this._createOptionSetter("nodes.keyExpr"),
                            getCustomData: this._createOptionGetter("nodes.customDataExpr"),
                            setCustomData: this._createOptionSetter("nodes.customDataExpr"),
                            getLocked: this._createOptionGetter("nodes.lockedExpr"),
                            setLocked: this._createOptionSetter("nodes.lockedExpr"),
                            getStyle: this._createOptionGetter("nodes.styleExpr"),
                            setStyle: this._createOptionSetter("nodes.styleExpr"),
                            getStyleText: this._createOptionGetter("nodes.textStyleExpr"),
                            setStyleText: this._createOptionSetter("nodes.textStyleExpr"),
                            getZIndex: this._createOptionGetter("nodes.zIndexExpr"),
                            setZIndex: this._createOptionSetter("nodes.zIndexExpr"),
                            getType: this._createOptionGetter("nodes.typeExpr"),
                            setType: this._createOptionSetter("nodes.typeExpr"),
                            getText: this._createOptionGetter("nodes.textExpr"),
                            setText: this._createOptionSetter("nodes.textExpr"),
                            getImage: this._createOptionGetter("nodes.imageUrlExpr"),
                            setImage: this._createOptionSetter("nodes.imageUrlExpr"),
                            getLeft: this._createOptionGetter("nodes.leftExpr"),
                            setLeft: this._createOptionSetter("nodes.leftExpr"),
                            getTop: this._createOptionGetter("nodes.topExpr"),
                            setTop: this._createOptionSetter("nodes.topExpr"),
                            getWidth: this._createOptionGetter("nodes.widthExpr"),
                            setWidth: this._createOptionSetter("nodes.widthExpr"),
                            getHeight: this._createOptionGetter("nodes.heightExpr"),
                            setHeight: this._createOptionSetter("nodes.heightExpr"),
                            getParentKey: this._createOptionGetter("nodes.parentKeyExpr"),
                            setParentKey: this._createOptionSetter("nodes.parentKeyExpr"),
                            getItems: this._createOptionGetter("nodes.itemsExpr"),
                            setItems: this._createOptionSetter("nodes.itemsExpr"),
                            getChildren: containerChildrenGetter = this._createOptionGetter("nodes.containerChildrenExpr"),
                            setChildren: containerChildrenSetter = this._createOptionSetter("nodes.containerChildrenExpr"),
                            getContainerKey: !containerChildrenGetter && !containerChildrenSetter && this._createOptionGetter("nodes.containerKeyExpr"),
                            setContainerKey: !containerChildrenGetter && !containerChildrenSetter && this._createOptionSetter("nodes.containerKeyExpr")
                        },
                        edgeDataImporter: {
                            getKey: this._createOptionGetter("edges.keyExpr"),
                            setKey: this._createOptionSetter("edges.keyExpr"),
                            getCustomData: this._createOptionGetter("edges.customDataExpr"),
                            setCustomData: this._createOptionSetter("edges.customDataExpr"),
                            getLocked: this._createOptionGetter("edges.lockedExpr"),
                            setLocked: this._createOptionSetter("edges.lockedExpr"),
                            getStyle: this._createOptionGetter("edges.styleExpr"),
                            setStyle: this._createOptionSetter("edges.styleExpr"),
                            getStyleText: this._createOptionGetter("edges.textStyleExpr"),
                            setStyleText: this._createOptionSetter("edges.textStyleExpr"),
                            getZIndex: this._createOptionGetter("edges.zIndexExpr"),
                            setZIndex: this._createOptionSetter("edges.zIndexExpr"),
                            getFrom: this._createOptionGetter("edges.fromExpr"),
                            setFrom: this._createOptionSetter("edges.fromExpr"),
                            getFromPointIndex: this._createOptionGetter("edges.fromPointIndexExpr"),
                            setFromPointIndex: this._createOptionSetter("edges.fromPointIndexExpr"),
                            getTo: this._createOptionGetter("edges.toExpr"),
                            setTo: this._createOptionSetter("edges.toExpr"),
                            getToPointIndex: this._createOptionGetter("edges.toPointIndexExpr"),
                            setToPointIndex: this._createOptionSetter("edges.toPointIndexExpr"),
                            getPoints: this._createOptionGetter("edges.pointsExpr"),
                            setPoints: this._createOptionSetter("edges.pointsExpr"),
                            getText: this._createOptionGetter("edges.textExpr"),
                            setText: this._createOptionSetter("edges.textExpr"),
                            getLineOption: (lineOptionGetter = this._createOptionGetter("edges.lineTypeExpr")) && (obj => {
                                const lineType = lineOptionGetter(obj);
                                return this._getConnectorLineOption(lineType)
                            }),
                            setLineOption: (lineOptionSetter = this._createOptionSetter("edges.lineTypeExpr")) && ((obj, value) => {
                                switch (value) {
                                    case ConnectorLineOption.Straight:
                                        value = "straight";
                                        break;
                                    case ConnectorLineOption.Orthogonal:
                                        value = "orthogonal"
                                }
                                lineOptionSetter(obj, value)
                            }),
                            getStartLineEnding: (startLineEndingGetter = this._createOptionGetter("edges.fromLineEndExpr")) && (obj => {
                                const lineEnd = startLineEndingGetter(obj);
                                return this._getConnectorLineEnding(lineEnd)
                            }),
                            setStartLineEnding: (startLineEndingSetter = this._createOptionSetter("edges.fromLineEndExpr")) && ((obj, value) => {
                                switch (value) {
                                    case ConnectorLineEnding.Arrow:
                                        value = "arrow";
                                        break;
                                    case ConnectorLineEnding.OutlinedTriangle:
                                        value = "outlinedTriangle";
                                        break;
                                    case ConnectorLineEnding.FilledTriangle:
                                        value = "filledTriangle";
                                        break;
                                    case ConnectorLineEnding.None:
                                        value = "none"
                                }
                                startLineEndingSetter(obj, value)
                            }),
                            getEndLineEnding: (endLineEndingGetter = this._createOptionGetter("edges.toLineEndExpr")) && (obj => {
                                const lineEnd = endLineEndingGetter(obj);
                                return this._getConnectorLineEnding(lineEnd)
                            }),
                            setEndLineEnding: (endLineEndingSetter = this._createOptionSetter("edges.toLineEndExpr")) && ((obj, value) => {
                                switch (value) {
                                    case ConnectorLineEnding.Arrow:
                                        value = "arrow";
                                        break;
                                    case ConnectorLineEnding.OutlinedTriangle:
                                        value = "outlinedTriangle";
                                        break;
                                    case ConnectorLineEnding.FilledTriangle:
                                        value = "filledTriangle";
                                        break;
                                    case ConnectorLineEnding.None:
                                        value = "none"
                                }
                                endLineEndingSetter(obj, value)
                            })
                        },
                        layoutParameters: this._getDataBindingLayoutParameters()
                    };
                    if (data.nodeDataSource) {
                        this._executeDiagramCommand(DiagramCommand.BindDocument, data)
                    }
                }
                _reloadContentByChanges(changes, isExternalChanges) {
                    const keys = this._getChangesKeys(changes);
                    const applyLayout = this._onRequestUpdateLayout(changes);
                    this._reloadContent(keys, applyLayout, isExternalChanges)
                }
                _reloadContent(itemKeys, applyLayout, isExternalChanges) {
                    this._diagramInstance.reloadContent(itemKeys, () => {
                        var _this$_nodesOption3, _this$_edgesOption3;
                        if (!isExternalChanges) {
                            return {}
                        }
                        return {
                            nodeDataSource: null === (_this$_nodesOption3 = this._nodesOption) || void 0 === _this$_nodesOption3 ? void 0 : _this$_nodesOption3.getItems(),
                            edgeDataSource: null === (_this$_edgesOption3 = this._edgesOption) || void 0 === _this$_edgesOption3 ? void 0 : _this$_edgesOption3.getItems()
                        }
                    }, applyLayout && this._getDataBindingLayoutParameters(), isExternalChanges)
                }
                _getConnectorLineOption(lineType) {
                    const {
                        ConnectorLineOption: ConnectorLineOption
                    } = (0, _diagram3.getDiagram)();
                    if ("straight" === lineType) {
                        return ConnectorLineOption.Straight
                    } else {
                        return ConnectorLineOption.Orthogonal
                    }
                }
                _getConnectorLineEnding(lineEnd) {
                    const {
                        ConnectorLineEnding: ConnectorLineEnding
                    } = (0, _diagram3.getDiagram)();
                    switch (lineEnd) {
                        case "arrow":
                            return ConnectorLineEnding.Arrow;
                        case "outlinedTriangle":
                            return ConnectorLineEnding.OutlinedTriangle;
                        case "filledTriangle":
                            return ConnectorLineEnding.FilledTriangle;
                        default:
                            return ConnectorLineEnding.None
                    }
                }
                _getDataBindingLayoutParameters() {
                    const {
                        DataLayoutType: DataLayoutType,
                        DataLayoutOrientation: DataLayoutOrientation
                    } = (0, _diagram3.getDiagram)();
                    const {
                        nodes: nodes
                    } = this.option();
                    const layoutParametersOption = (null === nodes || void 0 === nodes ? void 0 : nodes.autoLayout) ?? "off";
                    const layoutType = (null === layoutParametersOption || void 0 === layoutParametersOption ? void 0 : layoutParametersOption.type) || layoutParametersOption;
                    const parameters = {};
                    if ("off" !== layoutType && ("auto" !== layoutType || !this._hasNodePositionExprs())) {
                        if ("tree" === layoutType) {
                            parameters.type = DataLayoutType.Tree
                        } else {
                            parameters.type = DataLayoutType.Sugiyama
                        }
                        if ("object" === typeof layoutParametersOption) {
                            switch (layoutParametersOption.orientation) {
                                case "vertical":
                                    parameters.orientation = DataLayoutOrientation.Vertical;
                                    break;
                                case "horizontal":
                                    parameters.orientation = DataLayoutOrientation.Horizontal
                            }
                        }
                        if (this.option("edges.fromPointIndexExpr") || this.option("edges.toPointIndexExpr")) {
                            parameters.skipPointIndices = true
                        }
                    }
                    parameters.autoSizeEnabled = !!this.option("nodes.autoSizeEnabled");
                    return parameters
                }
                _hasNodePositionExprs() {
                    const {
                        nodes: nodes
                    } = this.option();
                    return !!(null !== nodes && void 0 !== nodes && nodes.topExpr) && !!(null !== nodes && void 0 !== nodes && nodes.leftExpr)
                }
                _getAutoZoomValue(option) {
                    const {
                        AutoZoomMode: AutoZoomMode
                    } = (0, _diagram3.getDiagram)();
                    switch (option) {
                        case "fitContent":
                            return AutoZoomMode.FitContent;
                        case "fitWidth":
                            return AutoZoomMode.FitToWidth;
                        default:
                            return AutoZoomMode.Disabled
                    }
                }
                _isBindingMode() {
                    var _this$_nodesOption4, _this$_edgesOption4;
                    return (null === (_this$_nodesOption4 = this._nodesOption) || void 0 === _this$_nodesOption4 ? void 0 : _this$_nodesOption4.hasItems()) || (null === (_this$_edgesOption4 = this._edgesOption) || void 0 === _this$_edgesOption4 ? void 0 : _this$_edgesOption4.hasItems())
                }
                _beginUpdateDiagram() {
                    this._updateDiagramLockCount += 1
                }
                _endUpdateDiagram() {
                    this._updateDiagramLockCount = Math.max(this._updateDiagramLockCount - 1, 0);
                    if (!this._updateDiagramLockCount) {
                        this._bindDiagramData()
                    }
                }
                _getCustomShapes() {
                    const {
                        customShapes: customShapes
                    } = this.option();
                    return customShapes ?? []
                }
                _getToolboxGroups() {
                    const {
                        toolbox: toolbox
                    } = this.option();
                    return _diagram6.default.getGroups(null === toolbox || void 0 === toolbox ? void 0 : toolbox.groups)
                }
                _updateAllCustomShapes() {
                    this._diagramInstance.removeAllCustomShapes();
                    this._updateCustomShapes(this._getCustomShapes())
                }
                _updateCustomShapes(customShapes, prevCustomShapes) {
                    if (Array.isArray(prevCustomShapes)) {
                        this._diagramInstance.removeCustomShapes(prevCustomShapes.map(s => s.type))
                    }
                    if (Array.isArray(customShapes)) {
                        this._diagramInstance.addCustomShapes(customShapes.map(s => {
                            var _s$connectionPoints;
                            const templateOption = s.template ?? this.option("customShapeTemplate");
                            const template = templateOption && this._getTemplate(templateOption);
                            const toolboxTemplateOption = s.toolboxTemplate ?? this.option("customShapeToolboxTemplate");
                            const toolboxTemplate = toolboxTemplateOption && this._getTemplate(toolboxTemplateOption);
                            return {
                                category: s.category,
                                type: s.type,
                                baseType: s.baseType,
                                title: s.title,
                                svgUrl: s.backgroundImageUrl,
                                svgToolboxUrl: s.backgroundImageToolboxUrl,
                                svgLeft: s.backgroundImageLeft,
                                svgTop: s.backgroundImageTop,
                                svgWidth: s.backgroundImageWidth,
                                svgHeight: s.backgroundImageHeight,
                                defaultWidth: s.defaultWidth,
                                defaultHeight: s.defaultHeight,
                                toolboxWidthToHeightRatio: s.toolboxWidthToHeightRatio,
                                minWidth: s.minWidth,
                                minHeight: s.minHeight,
                                maxWidth: s.maxWidth,
                                maxHeight: s.maxHeight,
                                allowResize: s.allowResize,
                                defaultText: s.defaultText,
                                allowEditText: s.allowEditText,
                                textLeft: s.textLeft,
                                textTop: s.textTop,
                                textWidth: s.textWidth,
                                textHeight: s.textHeight,
                                defaultImageUrl: s.defaultImageUrl,
                                allowEditImage: s.allowEditImage,
                                imageLeft: s.imageLeft,
                                imageTop: s.imageTop,
                                imageWidth: s.imageWidth,
                                imageHeight: s.imageHeight,
                                connectionPoints: null === (_s$connectionPoints = s.connectionPoints) || void 0 === _s$connectionPoints ? void 0 : _s$connectionPoints.map(pt => ({
                                    x: pt.x,
                                    y: pt.y
                                })),
                                createTemplate: template && ((container, item) => {
                                    template.render({
                                        model: this._nativeItemToDiagramItem(item),
                                        container: (0, _element.getPublicElement)((0, _renderer.default)(container))
                                    })
                                }),
                                createToolboxTemplate: toolboxTemplate && ((container, item) => {
                                    toolboxTemplate.render({
                                        model: this._nativeItemToDiagramItem(item),
                                        container: (0, _element.getPublicElement)((0, _renderer.default)(container))
                                    })
                                }),
                                destroyTemplate: template && (container => {
                                    (0, _renderer.default)(container).empty()
                                }),
                                templateLeft: s.templateLeft,
                                templateTop: s.templateTop,
                                templateWidth: s.templateWidth,
                                templateHeight: s.templateHeight,
                                keepRatioOnAutoSize: s.keepRatioOnAutoSize
                            }
                        }))
                    }
                }
                _getViewport() {
                    const $viewPort = this.$element().closest(".dx-viewport");
                    return $viewPort.length ? $viewPort : (0, _renderer.default)("body")
                }
                _onToggleFullScreen(fullScreen) {
                    if (this.toggleFullscreenLock > 0) {
                        return
                    }
                    this._changeNativeFullscreen(fullScreen);
                    if (fullScreen) {
                        this._prevParent = this.$element().parent();
                        this._prevFullScreenZIndex = this.$element().css("zIndex");
                        this._fullScreenZIndex = zIndexPool.create(_overlay.default.baseZIndex());
                        this.$element().css("zIndex", this._fullScreenZIndex);
                        this.$element().appendTo(this._getViewport())
                    } else {
                        this.$element().appendTo(this._prevParent);
                        if (this._fullScreenZIndex) {
                            zIndexPool.remove(this._fullScreenZIndex);
                            this.$element().css("zIndex", this._prevFullScreenZIndex)
                        }
                    }
                    this.$element().toggleClass("dx-diagram-fullscreen", fullScreen);
                    this._processDiagramResize();
                    if (this._toolbox) {
                        var _this$_toolbox$_popup2;
                        this._toolbox.repaint();
                        null === (_this$_toolbox$_popup2 = this._toolbox._popup) || void 0 === _this$_toolbox$_popup2 || _this$_toolbox$_popup2.option("propagateOutsideClick", !fullScreen)
                    }
                    if (this._propertiesPanel) {
                        this._propertiesPanel.repaint()
                    }
                    if (this._historyToolbar) {
                        this._updateHistoryToolbarPosition()
                    }
                }
                _changeNativeFullscreen(setModeOn) {
                    const window = (0, _window.getWindow)();
                    if (window.self === window.top || setModeOn === this._inNativeFullscreen()) {
                        return
                    }
                    if (setModeOn) {
                        this._subscribeFullscreenNativeChanged()
                    } else {
                        this._unsubscribeFullscreenNativeChanged()
                    }
                    this._setNativeFullscreen(setModeOn)
                }
                _setNativeFullscreen(on) {
                    const window = (0, _window.getWindow)();
                    const {
                        document: document
                    } = window.self;
                    const {
                        body: body
                    } = window.self.document;
                    if (on) {
                        if (body.requestFullscreen) {
                            body.requestFullscreen()
                        }
                    } else if (document.exitFullscreen) {
                        document.exitFullscreen()
                    }
                }
                _inNativeFullscreen() {
                    const {
                        document: document
                    } = (0, _window.getWindow)();
                    return document.fullscreenElement === document.body
                }
                _subscribeFullscreenNativeChanged() {
                    const {
                        document: document
                    } = (0, _window.getWindow)();
                    const handler = this._onNativeFullscreenChangeHandler.bind(this);
                    _events_engine.default.on(document, FULLSCREEN_CHANGE_EVENT_NAME, handler);
                    _events_engine.default.on(document, IE_FULLSCREEN_CHANGE_EVENT_NAME, handler);
                    _events_engine.default.on(document, WEBKIT_FULLSCREEN_CHANGE_EVENT_NAME, handler);
                    _events_engine.default.on(document, MOZ_FULLSCREEN_CHANGE_EVENT_NAME, handler)
                }
                _unsubscribeFullscreenNativeChanged() {
                    const {
                        document: document
                    } = (0, _window.getWindow)();
                    _events_engine.default.off(document, FULLSCREEN_CHANGE_EVENT_NAME);
                    _events_engine.default.off(document, IE_FULLSCREEN_CHANGE_EVENT_NAME);
                    _events_engine.default.off(document, WEBKIT_FULLSCREEN_CHANGE_EVENT_NAME);
                    _events_engine.default.off(document, MOZ_FULLSCREEN_CHANGE_EVENT_NAME)
                }
                _onNativeFullscreenChangeHandler() {
                    if (!this._inNativeFullscreen()) {
                        this._unsubscribeFullscreenNativeChanged();
                        this.option("fullScreen", false)
                    }
                }
                _executeDiagramFullscreenCommand(fullscreen) {
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram3.getDiagram)();
                    this.toggleFullscreenLock += 1;
                    this._executeDiagramCommand(DiagramCommand.Fullscreen, fullscreen);
                    this.toggleFullscreenLock -= 1
                }
                _onShowContextMenu(x, y, selection) {
                    if (this._contextMenu) {
                        this._contextMenu._show(x, y, selection)
                    }
                }
                _onHideContextMenu() {
                    if (this._contextMenu) {
                        this._contextMenu._hide()
                    }
                }
                _onShowContextToolbox(x, y, side, category, callback) {
                    if (this._contextToolbox) {
                        this._contextToolbox._show(x, y, side, category, callback)
                    }
                }
                _onHideContextToolbox() {
                    if (this._contextToolbox) {
                        this._contextToolbox._hide()
                    }
                }
                _getDiagramUnitValue(value) {
                    const {
                        DiagramUnit: DiagramUnit
                    } = (0, _diagram3.getDiagram)();
                    switch (value) {
                        case "in":
                        default:
                            return DiagramUnit.In;
                        case "cm":
                            return DiagramUnit.Cm;
                        case "px":
                            return DiagramUnit.Px
                    }
                }
                _updateReadOnlyState() {
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram3.getDiagram)();
                    const readOnly = this.isReadOnlyMode();
                    this._executeDiagramCommand(DiagramCommand.ToggleReadOnly, readOnly)
                }
                _updateZoomLevelState() {
                    if (this.option("zoomLevel.items")) {
                        this._updateZoomLevelItemsState();
                        const zoomLevel = this.option("zoomLevel.value");
                        if (!zoomLevel) {
                            return
                        }
                        const {
                            DiagramCommand: DiagramCommand
                        } = (0, _diagram3.getDiagram)();
                        this._executeDiagramCommand(DiagramCommand.ZoomLevel, zoomLevel)
                    } else {
                        const zoomLevel = this.option("zoomLevel.value") || this.option("zoomLevel");
                        if (!zoomLevel) {
                            return
                        }
                        const {
                            DiagramCommand: DiagramCommand
                        } = (0, _diagram3.getDiagram)();
                        this._executeDiagramCommand(DiagramCommand.ZoomLevel, zoomLevel)
                    }
                }
                _updateZoomLevelItemsState() {
                    const zoomLevelItems = this.option("zoomLevel.items");
                    if (!Array.isArray(zoomLevelItems)) {
                        return
                    }
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram3.getDiagram)();
                    this._executeDiagramCommand(DiagramCommand.ZoomLevelItems, zoomLevelItems)
                }
                _updateAutoZoomState() {
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram3.getDiagram)();
                    this._executeDiagramCommand(DiagramCommand.SwitchAutoZoom, this._getAutoZoomValue(this.option("autoZoomMode")))
                }
                _updateSimpleViewState() {
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram3.getDiagram)();
                    this._executeDiagramCommand(DiagramCommand.ToggleSimpleView, this.option("simpleView"))
                }
                _updateFullscreenState() {
                    const {
                        fullScreen: fullScreen
                    } = this.option();
                    this._executeDiagramFullscreenCommand(fullScreen);
                    this._onToggleFullScreen(fullScreen)
                }
                _updateShowGridState() {
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram3.getDiagram)();
                    this._executeDiagramCommand(DiagramCommand.ShowGrid, this.option("showGrid"))
                }
                _updateSnapToGridState() {
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram3.getDiagram)();
                    this._executeDiagramCommand(DiagramCommand.SnapToGrid, this.option("snapToGrid"))
                }
                _updateGridSizeState() {
                    if (this.option("gridSize.items")) {
                        this._updateGridSizeItemsState();
                        const gridSize = this.option("gridSize.value");
                        if (!gridSize) {
                            return
                        }
                        const {
                            DiagramCommand: DiagramCommand
                        } = (0, _diagram3.getDiagram)();
                        this._executeDiagramCommand(DiagramCommand.GridSize, gridSize)
                    } else {
                        const gridSize = this.option("gridSize.value") || this.option("gridSize");
                        if (!gridSize) {
                            return
                        }
                        const {
                            DiagramCommand: DiagramCommand
                        } = (0, _diagram3.getDiagram)();
                        this._executeDiagramCommand(DiagramCommand.GridSize, gridSize)
                    }
                }
                _updateGridSizeItemsState() {
                    const gridSizeItems = this.option("gridSize.items");
                    if (!Array.isArray(gridSizeItems)) {
                        return
                    }
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram3.getDiagram)();
                    this._executeDiagramCommand(DiagramCommand.GridSizeItems, gridSizeItems)
                }
                _updateUnitItems() {
                    const {
                        DiagramLocalizationService: DiagramLocalizationService
                    } = (0, _diagram3.getDiagram)();
                    const items = this._getUnitItems();
                    if (this._unitItems !== items) {
                        this._unitItems = items;
                        DiagramLocalizationService.unitItems = items
                    }
                }
                _getUnitItems() {
                    const {
                        DiagramUnit: DiagramUnit
                    } = (0, _diagram3.getDiagram)();
                    return {
                        [DiagramUnit.In]: _message.default.format("dxDiagram-unitIn"),
                        [DiagramUnit.Cm]: _message.default.format("dxDiagram-unitCm"),
                        [DiagramUnit.Px]: _message.default.format("dxDiagram-unitPx")
                    }
                }
                _updateFormatUnitsMethod() {
                    const {
                        DiagramLocalizationService: DiagramLocalizationService
                    } = (0, _diagram3.getDiagram)();
                    DiagramLocalizationService.formatUnit = value => _number.default.format(value)
                }
                _updateViewUnitsState() {
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram3.getDiagram)();
                    this._executeDiagramCommand(DiagramCommand.ViewUnits, this._getDiagramUnitValue(this.option("viewUnits")))
                }
                _updateUnitsState() {
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram3.getDiagram)();
                    this._executeDiagramCommand(DiagramCommand.Units, this._getDiagramUnitValue(this.option("units")))
                }
                _updatePageSizeState() {
                    const pageSize = this.option("pageSize");
                    if (!(null !== pageSize && void 0 !== pageSize && pageSize.width) || !(null !== pageSize && void 0 !== pageSize && pageSize.height)) {
                        return
                    }
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram3.getDiagram)();
                    this._executeDiagramCommand(DiagramCommand.PageSize, pageSize)
                }
                _updatePageSizeItemsState() {
                    const pageSizeItems = this.option("pageSize.items");
                    if (!Array.isArray(pageSizeItems)) {
                        return
                    }
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram3.getDiagram)();
                    this._executeDiagramCommand(DiagramCommand.PageSizeItems, pageSizeItems)
                }
                _updatePageOrientationState() {
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram3.getDiagram)();
                    const {
                        pageOrientation: pageOrientation
                    } = this.option();
                    this._executeDiagramCommand(DiagramCommand.PageLandscape, "landscape" === pageOrientation)
                }
                _updatePageColorState() {
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram3.getDiagram)();
                    this._executeDiagramCommand(DiagramCommand.PageColor, this.option("pageColor"))
                }
                _updateShapeTexts() {
                    const {
                        DiagramLocalizationService: DiagramLocalizationService
                    } = (0, _diagram3.getDiagram)();
                    const texts = this._getShapeTexts();
                    if (this._shapeTexts !== texts) {
                        this._shapeTexts = texts;
                        DiagramLocalizationService.shapeTexts = texts
                    }
                }
                _getShapeTexts() {
                    const {
                        ShapeTypes: ShapeTypes
                    } = (0, _diagram3.getDiagram)();
                    return {
                        [ShapeTypes.Text]: _message.default.format("dxDiagram-shapeText"),
                        [ShapeTypes.Rectangle]: _message.default.format("dxDiagram-shapeRectangle"),
                        [ShapeTypes.Ellipse]: _message.default.format("dxDiagram-shapeEllipse"),
                        [ShapeTypes.Cross]: _message.default.format("dxDiagram-shapeCross"),
                        [ShapeTypes.Triangle]: _message.default.format("dxDiagram-shapeTriangle"),
                        [ShapeTypes.Diamond]: _message.default.format("dxDiagram-shapeDiamond"),
                        [ShapeTypes.Heart]: _message.default.format("dxDiagram-shapeHeart"),
                        [ShapeTypes.Pentagon]: _message.default.format("dxDiagram-shapePentagon"),
                        [ShapeTypes.Hexagon]: _message.default.format("dxDiagram-shapeHexagon"),
                        [ShapeTypes.Octagon]: _message.default.format("dxDiagram-shapeOctagon"),
                        [ShapeTypes.Star]: _message.default.format("dxDiagram-shapeStar"),
                        [ShapeTypes.ArrowLeft]: _message.default.format("dxDiagram-shapeArrowLeft"),
                        [ShapeTypes.ArrowUp]: _message.default.format("dxDiagram-shapeArrowUp"),
                        [ShapeTypes.ArrowRight]: _message.default.format("dxDiagram-shapeArrowRight"),
                        [ShapeTypes.ArrowDown]: _message.default.format("dxDiagram-shapeArrowDown"),
                        [ShapeTypes.ArrowUpDown]: _message.default.format("dxDiagram-shapeArrowUpDown"),
                        [ShapeTypes.ArrowLeftRight]: _message.default.format("dxDiagram-shapeArrowLeftRight"),
                        [ShapeTypes.Process]: _message.default.format("dxDiagram-shapeProcess"),
                        [ShapeTypes.Decision]: _message.default.format("dxDiagram-shapeDecision"),
                        [ShapeTypes.Terminator]: _message.default.format("dxDiagram-shapeTerminator"),
                        [ShapeTypes.PredefinedProcess]: _message.default.format("dxDiagram-shapePredefinedProcess"),
                        [ShapeTypes.Document]: _message.default.format("dxDiagram-shapeDocument"),
                        [ShapeTypes.MultipleDocuments]: _message.default.format("dxDiagram-shapeMultipleDocuments"),
                        [ShapeTypes.ManualInput]: _message.default.format("dxDiagram-shapeManualInput"),
                        [ShapeTypes.Preparation]: _message.default.format("dxDiagram-shapePreparation"),
                        [ShapeTypes.Data]: _message.default.format("dxDiagram-shapeData"),
                        [ShapeTypes.Database]: _message.default.format("dxDiagram-shapeDatabase"),
                        [ShapeTypes.HardDisk]: _message.default.format("dxDiagram-shapeHardDisk"),
                        [ShapeTypes.InternalStorage]: _message.default.format("dxDiagram-shapeInternalStorage"),
                        [ShapeTypes.PaperTape]: _message.default.format("dxDiagram-shapePaperTape"),
                        [ShapeTypes.ManualOperation]: _message.default.format("dxDiagram-shapeManualOperation"),
                        [ShapeTypes.Delay]: _message.default.format("dxDiagram-shapeDelay"),
                        [ShapeTypes.StoredData]: _message.default.format("dxDiagram-shapeStoredData"),
                        [ShapeTypes.Display]: _message.default.format("dxDiagram-shapeDisplay"),
                        [ShapeTypes.Merge]: _message.default.format("dxDiagram-shapeMerge"),
                        [ShapeTypes.Connector]: _message.default.format("dxDiagram-shapeConnector"),
                        [ShapeTypes.Or]: _message.default.format("dxDiagram-shapeOr"),
                        [ShapeTypes.SummingJunction]: _message.default.format("dxDiagram-shapeSummingJunction"),
                        [ShapeTypes.Container]: _message.default.format("dxDiagram-shapeContainerDefaultText"),
                        [ShapeTypes.VerticalContainer]: _message.default.format("dxDiagram-shapeVerticalContainer"),
                        [ShapeTypes.HorizontalContainer]: _message.default.format("dxDiagram-shapeHorizontalContainer"),
                        [ShapeTypes.Card]: _message.default.format("dxDiagram-shapeCardDefaultText"),
                        [ShapeTypes.CardWithImageOnLeft]: _message.default.format("dxDiagram-shapeCardWithImageOnLeft"),
                        [ShapeTypes.CardWithImageOnTop]: _message.default.format("dxDiagram-shapeCardWithImageOnTop"),
                        [ShapeTypes.CardWithImageOnRight]: _message.default.format("dxDiagram-shapeCardWithImageOnRight")
                    }
                }
                _updateEventSubscriptionMethods() {
                    const {
                        RenderHelper: RenderHelper
                    } = (0, _diagram3.getDiagram)();
                    RenderHelper.addEventListener = (element, eventName, handler) => {
                        _events_engine.default.on(element, eventName, handler)
                    };
                    RenderHelper.removeEventListener = (element, eventName, handler) => {
                        _events_engine.default.off(element, eventName, handler)
                    }
                }
                _updateDefaultItemProperties() {
                    if (this.option("defaultItemProperties.style")) {
                        this._diagramInstance.setInitialStyleProperties(this.option("defaultItemProperties.style"))
                    }
                    if (this.option("defaultItemProperties.textStyle")) {
                        this._diagramInstance.setInitialTextStyleProperties(this.option("defaultItemProperties.textStyle"))
                    }
                    this._diagramInstance.setInitialConnectorProperties({
                        lineOption: this._getConnectorLineOption(this.option("defaultItemProperties.connectorLineType")),
                        startLineEnding: this._getConnectorLineEnding(this.option("defaultItemProperties.connectorLineStart")),
                        endLineEnding: this._getConnectorLineEnding(this.option("defaultItemProperties.connectorLineEnd"))
                    });
                    this._diagramInstance.applyShapeSizeSettings({
                        shapeMinWidth: this.option("defaultItemProperties.shapeMinWidth"),
                        shapeMaxWidth: this.option("defaultItemProperties.shapeMaxWidth"),
                        shapeMinHeight: this.option("defaultItemProperties.shapeMinHeight"),
                        shapeMaxHeight: this.option("defaultItemProperties.shapeMaxHeight")
                    })
                }
                _updateEditingSettings() {
                    this._diagramInstance.applyOperationSettings({
                        addShape: this.option("editing.allowAddShape"),
                        addShapeFromToolbox: this.option("editing.allowAddShape"),
                        deleteShape: this.option("editing.allowDeleteShape"),
                        deleteConnector: this.option("editing.allowDeleteConnector"),
                        changeConnection: this.option("editing.allowChangeConnection"),
                        changeConnectorPoints: this.option("editing.allowChangeConnectorPoints"),
                        changeShapeText: this.option("editing.allowChangeShapeText"),
                        changeConnectorText: this.option("editing.allowChangeConnectorText"),
                        resizeShape: this.option("editing.allowResizeShape"),
                        moveShape: this.option("editing.allowMoveShape")
                    })
                }
                fitToContent() {
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram3.getDiagram)();
                    this._executeDiagramCommand(DiagramCommand.FitToScreen)
                }
                fitToWidth() {
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram3.getDiagram)();
                    this._executeDiagramCommand(DiagramCommand.FitToWidth)
                }
                focus() {
                    this._captureFocus()
                }
                export () {
                    return this._getDiagramData()
                }
                exportTo(format, callback) {
                    const command = this._getDiagramExportToCommand(format);
                    this._executeDiagramCommand(command, callback)
                }
                _getDiagramExportToCommand(format) {
                    const {
                        DiagramCommand: DiagramCommand
                    } = (0, _diagram3.getDiagram)();
                    switch (format) {
                        case "png":
                            return DiagramCommand.ExportPng;
                        case "jpg":
                            return DiagramCommand.ExportJpg;
                        default:
                            return DiagramCommand.ExportSvg
                    }
                }
                import(data, updateExistingItemsOnly) {
                    this._setDiagramData(data, updateExistingItemsOnly);
                    this._raiseDataChangeAction()
                }
                updateToolbox() {
                    var _this$_diagramInstanc;
                    null === (_this$_diagramInstanc = this._diagramInstance) || void 0 === _this$_diagramInstanc || _this$_diagramInstanc.refreshToolbox();
                    if (this._toolbox) {
                        this._toolbox.updateTooltips();
                        this._toolbox.updateFilter();
                        this._toolbox.updateMaxHeight()
                    }
                }
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        readOnly: false,
                        zoomLevel: 1,
                        simpleView: false,
                        autoZoomMode: "disabled",
                        fullScreen: false,
                        showGrid: true,
                        snapToGrid: true,
                        units: "in",
                        viewUnits: "in",
                        pageOrientation: "portrait",
                        pageColor: "#ffffff",
                        hasChanges: false,
                        nodes: {
                            dataSource: null,
                            keyExpr: "id",
                            customDataExpr: void 0,
                            lockedExpr: void 0,
                            styleExpr: void 0,
                            textStyleExpr: void 0,
                            zIndexExpr: void 0,
                            typeExpr: "type",
                            textExpr: "text",
                            imageUrlExpr: void 0,
                            parentKeyExpr: void 0,
                            itemsExpr: void 0,
                            leftExpr: void 0,
                            topExpr: void 0,
                            widthExpr: void 0,
                            heightExpr: void 0,
                            containerKeyExpr: "containerKey",
                            containerChildrenExpr: void 0,
                            autoLayout: "auto",
                            autoSizeEnabled: true
                        },
                        edges: {
                            dataSource: null,
                            keyExpr: "id",
                            customDataExpr: void 0,
                            lockedExpr: void 0,
                            styleExpr: void 0,
                            textStyleExpr: void 0,
                            zIndexExpr: void 0,
                            fromExpr: "from",
                            fromPointIndexExpr: void 0,
                            toExpr: "to",
                            toPointIndexExpr: void 0,
                            pointsExpr: void 0,
                            textExpr: void 0,
                            lineTypeExpr: void 0,
                            fromLineEndExpr: void 0,
                            toLineEndExpr: void 0
                        },
                        customShapes: [],
                        toolbox: {
                            visibility: "auto",
                            shapeIconsPerRow: 3,
                            showSearch: true
                        },
                        mainToolbar: {
                            visible: false
                        },
                        historyToolbar: {
                            visible: true
                        },
                        viewToolbar: {
                            visible: true
                        },
                        contextMenu: {
                            enabled: true
                        },
                        contextToolbox: {
                            enabled: true,
                            shapeIconsPerRow: 4,
                            width: 152
                        },
                        propertiesPanel: {
                            visibility: "auto"
                        },
                        defaultItemProperties: {
                            connectorLineType: "orthogonal",
                            connectorLineStart: "none",
                            connectorLineEnd: "arrow"
                        },
                        editing: {
                            allowAddShape: true,
                            allowDeleteShape: true,
                            allowDeleteConnector: true,
                            allowChangeConnection: true,
                            allowChangeConnectorPoints: true,
                            allowChangeShapeText: true,
                            allowChangeConnectorText: true,
                            allowResizeShape: true,
                            allowMoveShape: true
                        },
                        export: {
                            fileName: "Diagram"
                        },
                        onItemClick: null,
                        onItemDblClick: null,
                        onSelectionChanged: null,
                        onRequestEditOperation: null,
                        onRequestLayoutUpdate: null
                    })
                }
                _raiseDataChangeAction() {
                    if (this._initialized) {
                        this.option("hasChanges", true)
                    }
                }
                _raiseEdgeInsertedAction(data, callback, errorCallback) {
                    if (this._edgesOption) {
                        this._edgesOption.insert(data, callback, errorCallback)
                    }
                }
                _raiseEdgeUpdatedAction(key, data, callback, errorCallback) {
                    if (this._edgesOption) {
                        this._edgesOption.update(key, data, callback, errorCallback)
                    }
                }
                _raiseEdgeRemovedAction(key, data, callback, errorCallback) {
                    if (this._edgesOption) {
                        this._edgesOption.remove(key, data, callback, errorCallback)
                    }
                }
                _raiseNodeInsertedAction(data, callback, errorCallback) {
                    if (this._nodesOption) {
                        this._nodesOption.insert(data, callback, errorCallback)
                    }
                }
                _raiseNodeUpdatedAction(key, data, callback, errorCallback) {
                    if (this._nodesOption) {
                        this._nodesOption.update(key, data, callback, errorCallback)
                    }
                }
                _raiseNodeRemovedAction(key, data, callback, errorCallback) {
                    if (this._nodesOption) {
                        this._nodesOption.remove(key, data, callback, errorCallback)
                    }
                }
                _raiseToolboxDragStart() {
                    if (this._toolbox && this.isMobileScreenSize()) {
                        this._toolbox.hide();
                        this._toolboxDragHidden = true
                    }
                }
                _raiseToolboxDragEnd() {
                    if (this._toolbox && this._toolboxDragHidden) {
                        this._toolbox.show();
                        delete this._toolboxDragHidden
                    }
                }
                _raiseTextInputStart() {
                    this._textInputStarted = true;
                    if (this._propertiesPanel) {
                        if (this.isMobileScreenSize() && this._propertiesPanel.isVisible()) {
                            this._propertiesPanel.hide();
                            this._propertiesPanelTextInputHidden = true
                        }
                    }
                    if (this._toolbox) {
                        if (this.isMobileScreenSize() && this._toolbox.isVisible()) {
                            this._toolbox.hide();
                            this._toolboxTextInputHidden = true
                        }
                    }
                }
                _raiseTextInputEnd() {
                    if (this._propertiesPanel) {
                        if (this._propertiesPanelTextInputHidden) {
                            this._propertiesPanel.show();
                            delete this._propertiesPanelTextInputHidden
                        }
                    }
                    if (this._toolbox) {
                        if (this._toolboxTextInputHidden) {
                            this._toolbox.show();
                            delete this._toolboxTextInputHidden
                        }
                    }
                    this._textInputStarted = false
                }
                _createItemClickAction() {
                    this._itemClickAction = this._createActionByOption("onItemClick")
                }
                _createItemDblClickAction() {
                    this._itemDblClickAction = this._createActionByOption("onItemDblClick")
                }
                _createSelectionChangedAction() {
                    this._selectionChangedAction = this._createActionByOption("onSelectionChanged")
                }
                _createRequestEditOperationAction() {
                    this._requestEditOperationAction = this._createActionByOption("onRequestEditOperation")
                }
                _createRequestLayoutUpdateAction() {
                    this._requestLayoutUpdateAction = this._createActionByOption("onRequestLayoutUpdate")
                }
                _createCustomCommand() {
                    this._customCommandAction = this._createActionByOption("onCustomCommand")
                }
                _raiseItemClickAction(nativeItem) {
                    var _this$_itemClickActio;
                    if (!this._itemClickAction) {
                        this._createItemClickAction()
                    }
                    null === (_this$_itemClickActio = this._itemClickAction) || void 0 === _this$_itemClickActio || _this$_itemClickActio.call(this, {
                        item: this._nativeItemToDiagramItem(nativeItem)
                    })
                }
                _raiseItemDblClickAction(nativeItem) {
                    var _this$_itemDblClickAc;
                    if (!this._itemDblClickAction) {
                        this._createItemDblClickAction()
                    }
                    null === (_this$_itemDblClickAc = this._itemDblClickAction) || void 0 === _this$_itemDblClickAc || _this$_itemDblClickAc.call(this, {
                        item: this._nativeItemToDiagramItem(nativeItem)
                    })
                }
                _raiseSelectionChanged(nativeItems) {
                    var _this$_selectionChang;
                    if (!this._selectionChangedAction) {
                        this._createSelectionChangedAction()
                    }
                    null === (_this$_selectionChang = this._selectionChangedAction) || void 0 === _this$_selectionChang || _this$_selectionChang.call(this, {
                        items: nativeItems.map(this._nativeItemToDiagramItem.bind(this))
                    })
                }
                _raiseRequestEditOperation(operation, args) {
                    var _this$_requestEditOpe;
                    if (!this._requestEditOperationAction) {
                        this._createRequestEditOperationAction()
                    }
                    const eventArgs = this._getRequestEditOperationEventArgs(operation, args);
                    null === (_this$_requestEditOpe = this._requestEditOperationAction) || void 0 === _this$_requestEditOpe || _this$_requestEditOpe.call(this, eventArgs);
                    args.allowed = eventArgs.allowed
                }
                _getModelOperation(operation) {
                    const {
                        DiagramModelOperation: DiagramModelOperation
                    } = (0, _diagram3.getDiagram)();
                    switch (operation) {
                        case DiagramModelOperation.AddShape:
                            return "addShape";
                        case DiagramModelOperation.AddShapeFromToolbox:
                            return "addShapeFromToolbox";
                        case DiagramModelOperation.DeleteShape:
                            return "deleteShape";
                        case DiagramModelOperation.DeleteConnector:
                            return "deleteConnector";
                        case DiagramModelOperation.ChangeConnection:
                            return "changeConnection";
                        case DiagramModelOperation.ChangeConnectorPoints:
                            return "changeConnectorPoints";
                        case DiagramModelOperation.BeforeChangeShapeText:
                            return "beforeChangeShapeText";
                        case DiagramModelOperation.ChangeShapeText:
                            return "changeShapeText";
                        case DiagramModelOperation.BeforeChangeConnectorText:
                            return "beforeChangeConnectorText";
                        case DiagramModelOperation.ChangeConnectorText:
                            return "changeConnectorText";
                        case DiagramModelOperation.ResizeShape:
                            return "resizeShape";
                        case DiagramModelOperation.MoveShape:
                            return "moveShape";
                        default:
                            return
                    }
                }
                _getRequestEditOperationEventArgs(operation, args) {
                    var _args$points, _args$oldPoints;
                    const {
                        DiagramModelOperation: DiagramModelOperation,
                        ConnectorPosition: ConnectorPosition
                    } = (0, _diagram3.getDiagram)();
                    const eventArgs = {
                        operation: this._getModelOperation(operation),
                        allowed: args.allowed,
                        updateUI: args.updateUI,
                        reason: args.updateUI ? "checkUIElementAvailability" : "modelModification",
                        args: {}
                    };
                    switch (operation) {
                        case DiagramModelOperation.AddShape:
                            eventArgs.args = {
                                shape: args.shape && this._nativeItemToDiagramItem(args.shape),
                                position: args.position && {
                                    x: args.position.x,
                                    y: args.position.y
                                }
                            };
                            break;
                        case DiagramModelOperation.AddShapeFromToolbox:
                            eventArgs.args = {
                                shapeType: args.shapeType
                            };
                            break;
                        case DiagramModelOperation.DeleteShape:
                            eventArgs.args = {
                                shape: args.shape && this._nativeItemToDiagramItem(args.shape)
                            };
                            break;
                        case DiagramModelOperation.DeleteConnector:
                            eventArgs.args = {
                                connector: args.connector && this._nativeItemToDiagramItem(args.connector)
                            };
                            break;
                        case DiagramModelOperation.ChangeConnection:
                            eventArgs.args = {
                                newShape: args.shape && this._nativeItemToDiagramItem(args.shape),
                                oldShape: args.oldShape && this._nativeItemToDiagramItem(args.oldShape),
                                connector: args.connector && this._nativeItemToDiagramItem(args.connector),
                                connectionPointIndex: args.connectionPointIndex,
                                connectorPosition: args.position === ConnectorPosition.Begin ? "start" : "end"
                            };
                            break;
                        case DiagramModelOperation.ChangeConnectorPoints:
                            eventArgs.args = {
                                connector: args.connector && this._nativeItemToDiagramItem(args.connector),
                                newPoints: null === (_args$points = args.points) || void 0 === _args$points ? void 0 : _args$points.map(pt => ({
                                    x: pt.x,
                                    y: pt.y
                                })),
                                oldPoints: null === (_args$oldPoints = args.oldPoints) || void 0 === _args$oldPoints ? void 0 : _args$oldPoints.map(pt => ({
                                    x: pt.x,
                                    y: pt.y
                                }))
                            };
                            break;
                        case DiagramModelOperation.BeforeChangeShapeText:
                            eventArgs.args = {
                                shape: args.shape && this._nativeItemToDiagramItem(args.shape)
                            };
                            break;
                        case DiagramModelOperation.ChangeShapeText:
                            eventArgs.args = {
                                shape: args.shape && this._nativeItemToDiagramItem(args.shape),
                                text: args.text
                            };
                            break;
                        case DiagramModelOperation.BeforeChangeConnectorText:
                            eventArgs.args = {
                                connector: args.connector && this._nativeItemToDiagramItem(args.connector),
                                index: args.index
                            };
                            break;
                        case DiagramModelOperation.ChangeConnectorText:
                            eventArgs.args = {
                                connector: args.connector && this._nativeItemToDiagramItem(args.connector),
                                index: args.index,
                                text: args.text
                            };
                            break;
                        case DiagramModelOperation.ResizeShape:
                            eventArgs.args = {
                                shape: args.shape && this._nativeItemToDiagramItem(args.shape),
                                newSize: args.size && {
                                    width: args.size.width,
                                    height: args.size.height
                                },
                                oldSize: args.oldSize && {
                                    width: args.oldSize.width,
                                    height: args.oldSize.height
                                }
                            };
                            break;
                        case DiagramModelOperation.MoveShape:
                            eventArgs.args = {
                                shape: args.shape && this._nativeItemToDiagramItem(args.shape),
                                newPosition: args.position && {
                                    x: args.position.x,
                                    y: args.position.y
                                },
                                oldPosition: args.oldPosition && {
                                    x: args.oldPosition.x,
                                    y: args.oldPosition.y
                                }
                            }
                    }
                    return eventArgs
                }
                _nativeItemToDiagramItem(nativeItem) {
                    const {
                        NativeShape: NativeShape
                    } = (0, _diagram3.getDiagram)();
                    const createMethod = nativeItem instanceof NativeShape ? this._nativeShapeToDiagramShape.bind(this) : this._nativeConnectorToDiagramConnector.bind(this);
                    return (0, _extend.extend)({
                        id: nativeItem.id,
                        key: nativeItem.key,
                        dataItem: void 0
                    }, createMethod(nativeItem))
                }
                _nativeShapeToDiagramShape(nativeShape) {
                    var _this$_nodesOption5;
                    return {
                        dataItem: null === (_this$_nodesOption5 = this._nodesOption) || void 0 === _this$_nodesOption5 ? void 0 : _this$_nodesOption5.findItem(nativeShape.key),
                        itemType: "shape",
                        text: nativeShape.text,
                        type: nativeShape.type,
                        position: {
                            x: nativeShape.position.x,
                            y: nativeShape.position.y
                        },
                        size: {
                            width: nativeShape.size.width,
                            height: nativeShape.size.height
                        },
                        attachedConnectorIds: nativeShape.attachedConnectorIds,
                        containerId: nativeShape.containerId,
                        containerChildItemIds: nativeShape.containerChildItemIds,
                        containerExpanded: nativeShape.containerExpanded
                    }
                }
                _nativeConnectorToDiagramConnector(nativeConnector) {
                    var _this$_edgesOption5;
                    return {
                        dataItem: null === (_this$_edgesOption5 = this._edgesOption) || void 0 === _this$_edgesOption5 ? void 0 : _this$_edgesOption5.findItem(nativeConnector.key),
                        itemType: "connector",
                        texts: nativeConnector.texts,
                        fromKey: nativeConnector.fromKey,
                        toKey: nativeConnector.toKey,
                        fromId: nativeConnector.fromId,
                        fromPointIndex: nativeConnector.fromPointIndex,
                        toId: nativeConnector.toId,
                        toPointIndex: nativeConnector.toPointIndex,
                        points: nativeConnector.points.map(pt => ({
                            x: pt.x,
                            y: pt.y
                        }))
                    }
                }
                getItemByKey(key) {
                    var _this$_diagramInstanc2;
                    const nativeItem = null === (_this$_diagramInstanc2 = this._diagramInstance) || void 0 === _this$_diagramInstanc2 ? void 0 : _this$_diagramInstanc2.getNativeItemByDataKey(key);
                    return nativeItem && this._nativeItemToDiagramItem(nativeItem)
                }
                getItemById(id) {
                    var _this$_diagramInstanc3;
                    const nativeItem = null === (_this$_diagramInstanc3 = this._diagramInstance) || void 0 === _this$_diagramInstanc3 ? void 0 : _this$_diagramInstanc3.getNativeItemByKey(id);
                    return nativeItem && this._nativeItemToDiagramItem(nativeItem)
                }
                getItems() {
                    return this._diagramInstance.getNativeItems().map(nativeItem => nativeItem && this._nativeItemToDiagramItem(nativeItem))
                }
                getSelectedItems() {
                    return this._diagramInstance.getNativeSelectedItems().map(nativeItem => nativeItem && this._nativeItemToDiagramItem(nativeItem))
                }
                setSelectedItems(items) {
                    this._diagramInstance.setSelectedItems(items.map(item => item.id))
                }
                scrollToItem(item) {
                    this._diagramInstance.scrollToItems([item.id])
                }
                _invalidateContextMenuCommands() {
                    if (this._contextMenu) {
                        this._contextMenu.option({
                            commands: this.option("contextMenu.commands")
                        })
                    }
                }
                _invalidateMainToolbarCommands() {
                    if (this._mainToolbar) {
                        this._mainToolbar.option({
                            commands: this.option("mainToolbar.commands")
                        })
                    }
                }
                _invalidateHistoryToolbarCommands() {
                    if (this._historyToolbar) {
                        this._historyToolbar.option({
                            commands: this.option("historyToolbar.commands")
                        })
                    }
                }
                _invalidateViewToolbarCommands() {
                    if (this._viewToolbar) {
                        this._viewToolbar.option({
                            commands: this.option("viewToolbar.commands")
                        })
                    }
                }
                _invalidateToolboxGroups() {
                    if (this._toolbox) {
                        this._toolbox.option({
                            toolboxGroups: this._getToolboxGroups()
                        })
                    }
                }
                _optionChanged(args) {
                    if (!this.optionsUpdateBar || this.optionsUpdateBar.isUpdateLocked()) {
                        return
                    }
                    this.optionsUpdateBar.beginUpdate();
                    try {
                        this._optionChangedCore(args)
                    } finally {
                        this.optionsUpdateBar.endUpdate()
                    }
                }
                _optionChangedCore(args) {
                    var _this$_toolbars3;
                    const {
                        name: name,
                        fullName: fullName,
                        value: value,
                        previousValue: previousValue
                    } = args;
                    switch (name) {
                        case "readOnly":
                        case "disabled":
                            this._updateReadOnlyState();
                            this._invalidate();
                            break;
                        case "zoomLevel":
                            if ("zoomLevel" === fullName || "zoomLevel.items" === fullName || "zoomLevel.value" === fullName) {
                                this._updateZoomLevelState()
                            }
                            break;
                        case "autoZoomMode":
                            this._updateAutoZoomState();
                            break;
                        case "simpleView":
                            this._updateSimpleViewState();
                            break;
                        case "useNativeScrolling":
                        case "contextToolbox":
                        case "propertiesPanel":
                            this._invalidate();
                            break;
                        case "fullScreen":
                            this._updateFullscreenState();
                            break;
                        case "showGrid":
                            this._updateShowGridState();
                            break;
                        case "snapToGrid":
                            this._updateSnapToGridState();
                            break;
                        case "gridSize":
                            if ("gridSize" === fullName || "gridSize.items" === fullName || "gridSize.value" === fullName) {
                                this._updateGridSizeState()
                            }
                            break;
                        case "viewUnits":
                            this._updateViewUnitsState();
                            break;
                        case "units":
                            this._updateUnitsState();
                            break;
                        case "pageSize":
                            if ("pageSize" === fullName || "pageSize.items" === fullName) {
                                this._updatePageSizeItemsState()
                            }
                            if ("pageSize" === fullName || "pageSize.width" === fullName || "pageSize.height" === fullName) {
                                this._updatePageSizeState()
                            }
                            break;
                        case "pageOrientation":
                            this._updatePageOrientationState();
                            break;
                        case "pageColor":
                            this._updatePageColorState();
                            break;
                        case "nodes":
                            if (fullName.startsWith("nodes.autoLayout")) {
                                this._refreshDataSources()
                            } else {
                                this._refreshNodesDataSource()
                            }
                            break;
                        case "edges":
                            this._refreshEdgesDataSource();
                            break;
                        case "customShapes":
                            if (fullName !== name) {
                                this._updateAllCustomShapes()
                            } else {
                                this._updateCustomShapes(value, previousValue)
                            }
                            this._invalidate();
                            break;
                        case "contextMenu":
                            if ("contextMenu.commands" === fullName) {
                                this._invalidateContextMenuCommands()
                            } else {
                                this._invalidate()
                            }
                            break;
                        case "toolbox":
                            if ("toolbox.groups" === fullName) {
                                this._invalidateToolboxGroups()
                            } else {
                                this._invalidate()
                            }
                            break;
                        case "mainToolbar":
                            if ("mainToolbar.commands" === fullName) {
                                this._invalidateMainToolbarCommands()
                            } else {
                                this._invalidate()
                            }
                            break;
                        case "historyToolbar":
                            if ("historyToolbar.commands" === fullName) {
                                this._invalidateHistoryToolbarCommands()
                            } else {
                                this._invalidate()
                            }
                            break;
                        case "viewToolbar":
                            if ("viewToolbar.commands" === fullName) {
                                this._invalidateViewToolbarCommands()
                            } else {
                                this._invalidate()
                            }
                            break;
                        case "onItemClick":
                            this._createItemClickAction();
                            break;
                        case "onItemDblClick":
                            this._createItemDblClickAction();
                            break;
                        case "onSelectionChanged":
                            this._createSelectionChangedAction();
                            break;
                        case "onRequestEditOperation":
                            this._createRequestEditOperationAction();
                            break;
                        case "onRequestLayoutUpdate":
                            this._createRequestLayoutUpdateAction();
                            break;
                        case "onCustomCommand":
                            this._createCustomCommand();
                            break;
                        case "defaultItemProperties":
                            this._updateDefaultItemProperties();
                            break;
                        case "editing":
                            this._updateEditingSettings();
                            break;
                        case "export":
                            null === (_this$_toolbars3 = this._toolbars) || void 0 === _this$_toolbars3 || _this$_toolbars3.forEach(toolbar => {
                                toolbar.option("export", this.option("export"))
                            });
                            if (this._contextMenu) {
                                this._contextMenu.option("export", this.option("export"))
                            }
                            break;
                        case "hasChanges":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }(0, _component_registrator.default)("dxDiagram", Diagram);
            exports.default = Diagram
        },
        12197(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _diagram = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/diagram.commands_manager */ 88618));
            var _uiDiagram = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.toolbar */ 78753));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DiagramMainToolbar extends _uiDiagram.default {
                _getCommands() {
                    const {
                        commands: commands,
                        excludeCommands: excludeCommands
                    } = this.option();
                    return _diagram.default.getMainToolbarCommands(commands, excludeCommands)
                }
            }
            exports.default = DiagramMainToolbar
        },
        35814(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _icon = __webpack_require__( /*! ../../../core/utils/icon */ 69629);
            const DiagramMenuHelper = {
                getContextMenuItemTemplate(contextMenu, itemData, itemIndex, itemElement) {
                    var _contextMenu$_menuHas;
                    const $itemElement = (0, _renderer.default)(itemElement);
                    $itemElement.empty();
                    const itemKey = void 0 !== itemData.rootCommand ? itemData.rootCommand : -1;
                    if (itemData.icon && !itemData.checked) {
                        const $iconElement = (0, _icon.getImageContainer)(itemData.icon);
                        if ($iconElement) {
                            $itemElement.append($iconElement)
                        }
                    } else if (true === (null === (_contextMenu$_menuHas = contextMenu._menuHasCheckedItems) || void 0 === _contextMenu$_menuHas ? void 0 : _contextMenu$_menuHas[itemKey])) {
                        const $checkElement = (0, _icon.getImageContainer)("check");
                        if ($checkElement) {
                            $checkElement.css("visibility", !itemData.checked ? "hidden" : "visible");
                            $itemElement.append($checkElement)
                        }
                    }
                    $itemElement.append(`<span class="dx-menu-item-text">${itemData.text}</span>`);
                    if (Array.isArray(itemData.items) && itemData.items.length > 0) {
                        $itemElement.append('<span class="dx-menu-item-popout-container"><div class="dx-menu-item-popout"></div></span>')
                    }
                },
                getContextMenuCssClass: () => "dx-diagram-contextmenu",
                onContextMenuItemClick(widget, itemData, actionHandler) {
                    if ((void 0 !== itemData.command || void 0 !== itemData.name) && (!Array.isArray(itemData.items) || !itemData.items.length)) {
                        const parameter = DiagramMenuHelper.getItemCommandParameter(widget, itemData);
                        actionHandler.call(this, itemData.command, itemData.name, parameter)
                    } else if (void 0 !== itemData.rootCommand && void 0 !== itemData.value) {
                        const parameter = DiagramMenuHelper.getItemCommandParameter(widget, itemData, itemData.value);
                        actionHandler.call(this, itemData.rootCommand, void 0, parameter)
                    }
                },
                getItemValue: item => "object" === typeof item.value ? JSON.stringify(item.value) : item.value,
                getItemOptionText(contextMenu, indexPath) {
                    if (contextMenu) {
                        var _contextMenu$_origina;
                        indexPath = indexPath.slice();
                        const parentItemOptionText = this._getParentItemOptionText(indexPath);
                        if (null !== (_contextMenu$_origina = contextMenu._originalItemsInfo) && void 0 !== _contextMenu$_origina && _contextMenu$_origina[parentItemOptionText]) {
                            indexPath[indexPath.length - 1] += contextMenu._originalItemsInfo[parentItemOptionText].indexPathCorrection
                        }
                    }
                    return this._getItemOptionTextCore(indexPath)
                },
                _getParentItemOptionText(indexPath) {
                    const parentIndexPath = indexPath.slice(0, indexPath.length - 1);
                    return this._getItemOptionTextCore(parentIndexPath)
                },
                _getItemOptionTextCore: indexPath => indexPath.reduce((r, i) => `${r}items[${i}].`, ""),
                getItemCommandParameter(widget, item, value) {
                    if (item.getParameter) {
                        return item.getParameter(widget)
                    }
                    return value
                },
                updateContextMenuItems(contextMenu, itemOptionText, rootCommandKey, items) {
                    if (!contextMenu._originalItemsInfo) {
                        contextMenu._originalItemsInfo = {}
                    }
                    if (!contextMenu._originalItemsInfo[itemOptionText]) {
                        contextMenu._originalItemsInfo[itemOptionText] = {
                            items: contextMenu.option(`${itemOptionText}items`) || []
                        }
                    }
                    items = items.map(item => ({
                        value: this.getItemValue(item),
                        text: item.text,
                        checked: item.checked,
                        widget: contextMenu,
                        rootCommand: rootCommandKey
                    }));
                    const originalItems = contextMenu._originalItemsInfo[itemOptionText].items;
                    contextMenu.option(`${itemOptionText}items`, items.concat(originalItems));
                    if (contextMenu._originalItemsInfo[itemOptionText] && originalItems.length) {
                        contextMenu._originalItemsInfo[itemOptionText].indexPathCorrection = items.length
                    }
                },
                updateContextMenuItemVisible(contextMenu, itemOptionText, visible) {
                    contextMenu.option(`${itemOptionText}visible`, visible)
                },
                updateContextMenuItemValue(contextMenu, itemOptionText, rootCommandKey, value) {
                    const items = contextMenu.option(`${itemOptionText}items`);
                    if ("boolean" === typeof value && !(null !== items && void 0 !== items && items.length)) {
                        this._setContextMenuHasCheckedItems(contextMenu, -1);
                        contextMenu.option(`${itemOptionText}checked`, value)
                    } else if (void 0 !== value) {
                        this._setContextMenuHasCheckedItems(contextMenu, rootCommandKey);
                        if (Array.isArray(items)) {
                            items.forEach(item => {
                                item.checked = item.value === value
                            })
                        }
                    }
                },
                _setContextMenuHasCheckedItems(contextMenu, key) {
                    if (!contextMenu._menuHasCheckedItems) {
                        contextMenu._menuHasCheckedItems = {}
                    }
                    contextMenu._menuHasCheckedItems[key] = true
                }
            };
            exports.default = DiagramMenuHelper
        },
        88908(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const POINTERUP_EVENT_NAME = (0, _utils.addNamespace)(_pointer.default.up, "dxDiagramPanel");
            class DiagramPanel extends _widget.default {
                _init() {
                    super._init();
                    this._createOnPointerUpAction()
                }
                _render() {
                    super._render();
                    this._attachPointerUpEvent()
                }
                _getPointerUpElements() {
                    return [this.$element()]
                }
                _attachPointerUpEvent() {
                    const elements = this._getPointerUpElements();
                    elements.forEach(element => {
                        _events_engine.default.off(element, POINTERUP_EVENT_NAME);
                        _events_engine.default.on(element, POINTERUP_EVENT_NAME, e => {
                            if (!(0, _renderer.default)(e.target).closest(".dx-textbox").length) {
                                this._onPointerUpAction()
                            }
                        })
                    })
                }
                _createOnPointerUpAction() {
                    this._onPointerUpAction = this._createActionByOption("onPointerUp")
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    if ("onPointerUp" === name) {
                        this._createOnPointerUpAction()
                    } else {
                        super._optionChanged(args)
                    }
                }
            }
            exports.default = DiagramPanel
        },
        57552(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _diagram = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/diagram.commands_manager */ 88618));
            var _uiDiagram = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.floating_panel */ 34547));
            var _scroll_view = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scroll_view */ 71100));
            var _tab_panel = _interopRequireDefault(__webpack_require__( /*! ../../ui/tab_panel/tab_panel */ 98444));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DiagramPropertiesPanel extends _uiDiagram.default {
                _init() {
                    super._init();
                    this._commandTabs = _diagram.default.getPropertyPanelCommandTabs(this.option("propertyTabs"));
                    this._createOnCreateToolbar();
                    this._createOnSelectedGroupChanged()
                }
                _initMarkup() {
                    this._toolbars = [];
                    this._selectedToolbar = void 0;
                    super._initMarkup()
                }
                _getPopupClass() {
                    let className = "dx-diagram-properties-popup";
                    if (!this._hasTabPanel()) {
                        className += " dx-diagram-properties-popup-notabs"
                    }
                    return className
                }
                _getPopupWidth() {
                    return this.isMobileView() ? "100%" : 420
                }
                _getPopupHeight() {
                    return 340
                }
                _getPopupPosition() {
                    const {
                        offsetParent: offsetParent,
                        offsetX: offsetX,
                        offsetY: offsetY
                    } = this.option();
                    if (this.isMobileView()) {
                        return {
                            my: "left bottom",
                            at: "left bottom",
                            of: offsetParent
                        }
                    }
                    return {
                        my: "right bottom",
                        at: "right bottom",
                        of: offsetParent,
                        offset: `-${offsetX} -${offsetY}`
                    }
                }
                _getPopupAnimation() {
                    const $parent = this.option("offsetParent");
                    if (this.isMobileView()) {
                        return {
                            hide: this._getPopupSlideAnimationObject({
                                direction: "bottom",
                                from: {
                                    position: {
                                        my: "left bottom",
                                        at: "left bottom",
                                        of: $parent
                                    }
                                },
                                to: {
                                    position: {
                                        my: "left top",
                                        at: "left bottom",
                                        of: $parent
                                    }
                                }
                            }),
                            show: this._getPopupSlideAnimationObject({
                                direction: "top",
                                from: {
                                    position: {
                                        my: "left top",
                                        at: "left bottom",
                                        of: $parent
                                    }
                                },
                                to: {
                                    position: {
                                        my: "left bottom",
                                        at: "left bottom",
                                        of: $parent
                                    }
                                }
                            })
                        }
                    }
                    return super._getPopupAnimation()
                }
                _getPopupOptions() {
                    return (0, _extend.extend)(super._getPopupOptions(), {
                        showTitle: this.isMobileView(),
                        showCloseButton: this.isMobileView()
                    })
                }
                _renderPopupContent($parent) {
                    if (!this._commandTabs.length) {
                        return
                    }
                    const $panel = (0, _renderer.default)("<div>").addClass("dx-diagram-properties-panel").appendTo($parent);
                    if (this._hasTabPanel()) {
                        this._renderTabPanel($panel)
                    } else {
                        this._renderTabContent($panel, this._commandTabs[0], 0, true)
                    }
                }
                _hasTabPanel() {
                    return this._commandTabs.length > 1
                }
                _renderTabPanel($parent) {
                    const $tabPanel = (0, _renderer.default)("<div>").appendTo($parent);
                    this._tabPanel = this._createComponent($tabPanel, _tab_panel.default, {
                        focusStateEnabled: false,
                        dataSource: this._commandTabs,
                        itemTemplate: (data, index, $element) => {
                            this._renderTabContent($element, data, index)
                        },
                        onSelectionChanged: () => {
                            this._onSelectedGroupChangedAction();
                            this._onPointerUpAction()
                        },
                        onContentReady: e => {
                            var _this$_popup;
                            null === (_this$_popup = this._popup) || void 0 === _this$_popup || _this$_popup.option("height", (0, _size.getHeight)(e.component.$element()) + this._getVerticalPaddingsAndBorders());
                            if (this._firstScrollView) {
                                this._scrollViewHeight = (0, _size.getOuterHeight)(this._firstScrollView.$element());
                                this._firstScrollView.option("height", this._scrollViewHeight)
                            }
                        }
                    })
                }
                _renderTabContent($parent, tab, index, isSingleTab) {
                    const $scrollViewWrapper = (0, _renderer.default)("<div>").appendTo($parent);
                    const scrollView = this._createComponent($scrollViewWrapper, _scroll_view.default, {
                        height: this._scrollViewHeight
                    });
                    this._renderTabInnerContent(scrollView.content(), tab, index);
                    if (isSingleTab) {
                        var _this$_popup2;
                        null === (_this$_popup2 = this._popup) || void 0 === _this$_popup2 || _this$_popup2.option("height", (0, _size.getHeight)(scrollView.$element()) + this._getVerticalPaddingsAndBorders())
                    } else {
                        this._firstScrollView = this._firstScrollView || scrollView
                    }
                }
                _renderTabInnerContent($parent, group, index) {
                    if (group.groups) {
                        group.groups.forEach(sg => {
                            this._renderTabGroupContent($parent, index, sg.title, sg.commands)
                        })
                    } else if (group.commands) {
                        this._renderTabGroupContent($parent, index, void 0, group.commands)
                    }
                }
                _renderTabGroupContent($parent, index, title, commands) {
                    if (title) {
                        (0, _renderer.default)("<div>").addClass("dx-diagram-properties-panel-group-title").appendTo($parent).text(title)
                    }
                    const $toolbar = (0, _renderer.default)("<div>").addClass("dx-diagram-properties-panel-group-toolbar").appendTo($parent);
                    const args = {
                        $parent: $toolbar,
                        commands: commands
                    };
                    this._onCreateToolbarAction(args);
                    if (!this._toolbars[index]) {
                        this._toolbars[index] = []
                    }
                    this._toolbars[index].push(args.toolbar);
                    this._selectedToolbar = args.toolbar
                }
                getActiveToolbars() {
                    const index = this._tabPanel ? this._tabPanel.option("selectedIndex") : 0;
                    return this._toolbars[index]
                }
                _createOnCreateToolbar() {
                    this._onCreateToolbarAction = this._createActionByOption("onCreateToolbar")
                }
                _createOnSelectedGroupChanged() {
                    this._onSelectedGroupChangedAction = this._createActionByOption("onSelectedGroupChanged")
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "onCreateToolbar":
                            this._createOnCreateToolbar();
                            break;
                        case "onSelectedGroupChanged":
                            this._createOnSelectedGroupChanged();
                            break;
                        case "propertyTabs":
                            this._invalidate();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            exports.default = DiagramPropertiesPanel
        },
        66061(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _diagram = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/diagram.commands_manager */ 88618));
            var _uiDiagram = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.toolbar */ 78753));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DiagramPropertiesToolbar extends _uiDiagram.default {
                _getCommands() {
                    return _diagram.default.getPropertiesToolbarCommands()
                }
            }
            exports.default = DiagramPropertiesToolbar
        },
        2425(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _m_widget_utils = __webpack_require__( /*! ../../../__internal/grids/pivot_grid/m_widget_utils */ 12062);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _diagram = __webpack_require__( /*! ../../ui/diagram/diagram.importer */ 49206);
            var _scroll_view = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scroll_view */ 71100));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DiagramScrollView extends _widget.default {
                _init() {
                    super._init();
                    const {
                        EventDispatcher: EventDispatcher
                    } = (0, _diagram.getDiagram)();
                    this.onScroll = new EventDispatcher;
                    this._createOnCreateDiagramAction()
                }
                _initMarkup() {
                    super._initMarkup();
                    const $scrollViewWrapper = (0, _renderer.default)("<div>").appendTo(this.$element());
                    const options = {
                        direction: "both",
                        bounceEnabled: false,
                        scrollByContent: false,
                        onScroll: _ref => {
                            let {
                                scrollOffset: scrollOffset
                            } = _ref;
                            this._raiseOnScroll(scrollOffset.left, scrollOffset.top)
                        }
                    };
                    const {
                        useNativeScrolling: useNativeScrolling
                    } = this.option();
                    if (void 0 !== useNativeScrolling) {
                        options.useNative = useNativeScrolling
                    }
                    this._scrollView = this._createComponent($scrollViewWrapper, _scroll_view.default, options);
                    this._onCreateDiagramAction({
                        $parent: (0, _renderer.default)(this._scrollView.content()),
                        scrollView: this
                    })
                }
                setScroll(left, top) {
                    var _this$_scrollView;
                    null === (_this$_scrollView = this._scrollView) || void 0 === _this$_scrollView || _this$_scrollView.scrollTo({
                        left: left,
                        top: top
                    });
                    this._raiseOnScrollWithoutPoint()
                }
                offsetScroll(left, top) {
                    var _this$_scrollView2;
                    null === (_this$_scrollView2 = this._scrollView) || void 0 === _this$_scrollView2 || _this$_scrollView2.scrollBy({
                        left: left,
                        top: top
                    });
                    this._raiseOnScrollWithoutPoint()
                }
                getSize() {
                    var _this$_scrollView3;
                    const {
                        Size: Size
                    } = (0, _diagram.getDiagram)();
                    const $element = null === (_this$_scrollView3 = this._scrollView) || void 0 === _this$_scrollView3 ? void 0 : _this$_scrollView3.$element();
                    return new Size(Math.floor((0, _size.getWidth)($element)), Math.floor((0, _size.getHeight)($element)))
                }
                getScrollContainer() {
                    var _this$_scrollView4;
                    return null === (_this$_scrollView4 = this._scrollView) || void 0 === _this$_scrollView4 ? void 0 : _this$_scrollView4.$element()[0]
                }
                getScrollBarWidth() {
                    const {
                        useNativeScrolling: useNativeScrolling
                    } = this.option();
                    return useNativeScrolling ? (0, _m_widget_utils.calculateScrollbarWidth)() : 0
                }
                detachEvents() {}
                _raiseOnScroll(left, top) {
                    const {
                        Point: Point
                    } = (0, _diagram.getDiagram)();
                    this.onScroll.raise("notifyScrollChanged", () => new Point(left, top))
                }
                _raiseOnScrollWithoutPoint() {
                    const {
                        Point: Point
                    } = (0, _diagram.getDiagram)();
                    this.onScroll.raise("notifyScrollChanged", () => {
                        var _this$_scrollView5, _this$_scrollView6;
                        return new Point(null === (_this$_scrollView5 = this._scrollView) || void 0 === _this$_scrollView5 ? void 0 : _this$_scrollView5.scrollLeft(), null === (_this$_scrollView6 = this._scrollView) || void 0 === _this$_scrollView6 ? void 0 : _this$_scrollView6.scrollTop())
                    })
                }
                _createOnCreateDiagramAction() {
                    this._onCreateDiagramAction = this._createActionByOption("onCreateDiagram")
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "onCreateDiagram":
                            this._createOnCreateDiagramAction();
                            break;
                        case "useNativeScrolling":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            exports.default = DiagramScrollView
        },
        78753(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ../../../ui/select_box */ 60695);
            __webpack_require__( /*! ../../../ui/color_box */ 87928);
            __webpack_require__( /*! ../../../ui/check_box */ 94319);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _context_menu = _interopRequireDefault(__webpack_require__( /*! ../../../ui/context_menu */ 34378));
            var _toolbar = _interopRequireDefault(__webpack_require__( /*! ../../../ui/toolbar */ 2850));
            var _diagram = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/diagram.bar */ 26579));
            var _diagram2 = __webpack_require__( /*! ../../ui/diagram/diagram.importer */ 49206);
            var _uiDiagram = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.menu_helper */ 35814));
            var _uiDiagram2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.panel */ 88908));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DiagramToolbarItemHelper {
                constructor(widget) {
                    this._widget = widget
                }
                canUpdate(showingSubMenu) {
                    return void 0 === showingSubMenu
                }
                setEnabled(enabled) {
                    this._widget.option("disabled", !enabled)
                }
                setValue(value, displayValue, contextMenu, rootCommandKey) {
                    if ("value" in this._widget.option()) {
                        this._updateEditorValue(value, displayValue)
                    } else if (void 0 !== value) {
                        this._updateButtonValue(value)
                    }
                    if (contextMenu) {
                        this._updateContextMenuItemValue(contextMenu, "", rootCommandKey, value)
                    }
                }
                setItems(items, contextMenu, rootCommandKey) {
                    if (contextMenu) {
                        this._updateContextMenuItems(contextMenu, "", rootCommandKey, items)
                    } else {
                        this._updateEditorItems(items)
                    }
                }
                _updateContextMenuItems(contextMenu, itemOptionText, rootCommandKey, items) {
                    _uiDiagram.default.updateContextMenuItems(contextMenu, itemOptionText, rootCommandKey, items)
                }
                _updateEditorItems(items) {
                    if ("items" in this._widget.option()) {
                        this._widget.option("items", items.map(item => ({
                            value: _uiDiagram.default.getItemValue(item),
                            text: item.text
                        })))
                    }
                }
                _updateEditorValue(value, displayValue) {
                    this._widget.option("value", value);
                    if (!this._widget.option("selectedItem") && displayValue) {
                        this._widget.option("value", displayValue)
                    }
                }
                _updateButtonValue(value) {
                    if (this._widget.option("iconChecked") && this._widget.option("iconUnchecked")) {
                        this._widget.option("icon", value ? this._widget.option("iconChecked") : this._widget.option("iconUnchecked"))
                    } else {
                        this._widget.$element().toggleClass("dx-format-active", value)
                    }
                }
                _updateContextMenuItemValue(contextMenu, itemOptionText, rootCommandKey, value) {
                    _uiDiagram.default.updateContextMenuItemValue(contextMenu, itemOptionText, rootCommandKey, value)
                }
            }
            class DiagramToolbarSubItemHelper extends DiagramToolbarItemHelper {
                constructor(widget, indexPath, rootCommandKey, rootWidget) {
                    super(widget);
                    this._indexPath = indexPath;
                    this._rootCommandKey = rootCommandKey;
                    this._rootWidget = rootWidget
                }
                canUpdate(showingSubMenu) {
                    return super.canUpdate(showingSubMenu) || showingSubMenu === this._widget
                }
                setEnabled(enabled) {
                    this._widget.option(`${this._getItemOptionText()}disabled`, !enabled);
                    const rootEnabled = this._hasEnabledCommandItems(this._widget.option("items"));
                    this._rootWidget.option("disabled", !rootEnabled)
                }
                _hasEnabledCommandItems(items) {
                    if (items) {
                        return items.some(item => void 0 !== item.command && !item.disabled || this._hasEnabledCommandItems(item.items))
                    }
                    return false
                }
                setValue(value) {
                    this._updateContextMenuItemValue(this._widget, this._getItemOptionText(), this._rootCommandKey, value)
                }
                setItems(items) {
                    this._updateContextMenuItems(this._widget, this._getItemOptionText(), this._rootCommandKey, items)
                }
                _getItemOptionText() {
                    return _uiDiagram.default.getItemOptionText(this._widget, this._indexPath)
                }
            }
            class DiagramToolbarBar extends _diagram.default {
                getCommandKeys() {
                    return this._getKeys(this._owner._commands)
                }
                setItemValue(key, value) {
                    this._owner._setItemValue(key, value)
                }
                setItemEnabled(key, enabled) {
                    this._owner._setItemEnabled(key, enabled)
                }
                setEnabled(enabled) {
                    this._owner._setEnabled(enabled)
                }
                setItemSubItems(key, items) {
                    this._owner._setItemSubItems(key, items)
                }
            }
            class DiagramToolbar extends _uiDiagram2.default {
                _init() {
                    this._commands = [];
                    this._itemHelpers = {};
                    this._commandContextMenus = {};
                    this._contextMenuList = [];
                    this._valueConverters = {};
                    this.bar = new DiagramToolbarBar(this);
                    this._createOnInternalCommand();
                    this._createOnCustomCommand();
                    this._createOnSubMenuVisibilityChangingAction();
                    super._init()
                }
                _initMarkup() {
                    super._initMarkup();
                    const isServerSide = !(0, _window.hasWindow)();
                    if (!this.option("skipAdjustSize") && !isServerSide) {
                        (0, _size.setWidth)(this.$element(), "")
                    }
                    this._commands = this._getCommands();
                    this._itemHelpers = {};
                    this._commandContextMenus = {};
                    this._contextMenuList = [];
                    const $toolbar = this._createMainElement();
                    this._renderToolbar($toolbar);
                    if (!this.option("skipAdjustSize") && !isServerSide) {
                        const $toolbarContent = this.$element().find(".dx-toolbar-before");
                        (0, _size.setWidth)(this.$element(), (0, _size.getWidth)($toolbarContent))
                    }
                }
                _createMainElement() {
                    return (0, _renderer.default)("<div>").addClass("dx-diagram-toolbar").appendTo(this.$element())
                }
                _getCommands() {
                    const {
                        commands: commands
                    } = this.option();
                    return commands || []
                }
                _renderToolbar($toolbar) {
                    var _this$_commands, _this$_commands2, _this$_commands3;
                    const beforeCommands = null === (_this$_commands = this._commands) || void 0 === _this$_commands ? void 0 : _this$_commands.filter(command => !["after", "center"].includes(command.location));
                    const centerCommands = null === (_this$_commands2 = this._commands) || void 0 === _this$_commands2 ? void 0 : _this$_commands2.filter(command => "center" === command.location);
                    const afterCommands = null === (_this$_commands3 = this._commands) || void 0 === _this$_commands3 ? void 0 : _this$_commands3.filter(command => "after" === command.location);
                    const dataSource = [].concat(this._prepareToolbarItems(beforeCommands, "before", this._executeCommand)).concat(this._prepareToolbarItems(centerCommands, "center", this._executeCommand)).concat(this._prepareToolbarItems(afterCommands, "after", this._executeCommand));
                    this._toolbarInstance = this._createComponent($toolbar, _toolbar.default, {
                        dataSource: dataSource
                    })
                }
                _prepareToolbarItems(items, location, actionHandler) {
                    return items.map(item => (0, _extend.extend)(true, {
                        location: location,
                        locateInMenu: this.option("locateInMenu")
                    }, this._createItem(item, location, actionHandler), this._createItemOptions(item), this._createItemActionOptions(item, actionHandler)))
                }
                _createItem(item, location, actionHandler) {
                    if (item.getCommandValue || item.getEditorValue || item.getEditorDisplayValue) {
                        this._valueConverters[item.command] = {
                            getCommandValue: item.getCommandValue,
                            getEditorValue: item.getEditorValue,
                            getEditorDisplayValue: item.getEditorDisplayValue
                        }
                    }
                    if ("separator" === item.widget) {
                        return {
                            template: (data, index, element) => {
                                (0, _renderer.default)(element).addClass("dx-diagram-toolbar-separator")
                            },
                            menuItemTemplate: (data, index, element) => {
                                (0, _renderer.default)(element).addClass("dx-diagram-toolbar-menu-separator")
                            }
                        }
                    }
                    return {
                        widget: item.widget || "dxButton",
                        cssClass: item.cssClass,
                        options: {
                            stylingMode: this.option("buttonStylingMode"),
                            type: this.option("buttonType"),
                            text: item.text,
                            hint: item.hint,
                            icon: item.icon || item.iconUnchecked || item.iconChecked,
                            iconChecked: item.iconChecked,
                            iconUnchecked: item.iconUnchecked,
                            onInitialized: e => this._onItemInitialized(e.component, item),
                            onContentReady: e => this._onItemContentReady(e.component, item, actionHandler)
                        }
                    }
                }
                _createItemOptions(_ref) {
                    let {
                        widget: widget,
                        command: command,
                        items: items,
                        valueExpr: valueExpr,
                        displayExpr: displayExpr,
                        showText: showText,
                        hint: hint,
                        icon: icon
                    } = _ref;
                    if ("dxSelectBox" === widget) {
                        return this._createSelectBoxItemOptions(command, hint, items, valueExpr, displayExpr)
                    }
                    if ("dxTextBox" === widget) {
                        return this._createTextBoxItemOptions(command, hint)
                    }
                    if ("dxColorBox" === widget) {
                        return this._createColorBoxItemOptions(command, hint, icon)
                    }
                    if (!widget || "dxButton" === widget) {
                        return {
                            showText: showText || "inMenu"
                        }
                    }
                }
                _createSelectBoxItemOptions(command, hint, items, valueExpr, displayExpr) {
                    let options = this._createTextEditorItemOptions(hint);
                    options = (0, _extend.extend)(true, options, {
                        options: {
                            dataSource: items,
                            displayExpr: displayExpr || "text",
                            valueExpr: valueExpr || "value"
                        }
                    });
                    const isSelectButton = null === items || void 0 === items ? void 0 : items.every(i => void 0 !== i.icon);
                    if (isSelectButton) {
                        options = (0, _extend.extend)(true, options, {
                            options: {
                                fieldAddons: {
                                    beforeTemplate: (data, container) => {
                                        (0, _renderer.default)("<i>").addClass((null === data || void 0 === data ? void 0 : data.icon) || "dx-diagram-i-selectbox-null-icon dx-diagram-i").appendTo(container)
                                    }
                                },
                                itemTemplate: (data, _, container) => {
                                    (0, _renderer.default)(container).attr("title", data.hint);
                                    return `<i class="${data.icon}"></i>`
                                }
                            }
                        })
                    }
                    return options
                }
                _createTextBoxItemOptions(command, hint) {
                    let options = this._createTextEditorItemOptions(hint);
                    options = (0, _extend.extend)(true, options, {
                        options: {
                            readOnly: true,
                            focusStateEnabled: false,
                            hoverStateEnabled: false,
                            buttons: [{
                                name: "dropDown",
                                location: "after",
                                options: {
                                    icon: "spindown",
                                    disabled: false,
                                    stylingMode: "text",
                                    onClick: () => {
                                        const contextMenu = this._commandContextMenus[command];
                                        if (contextMenu) {
                                            this._toggleContextMenu(contextMenu)
                                        }
                                    }
                                }
                            }]
                        }
                    });
                    return options
                }
                _createColorBoxItemOptions(command, hint, icon) {
                    let options = this._createTextEditorItemOptions(hint);
                    if (icon) {
                        options = (0, _extend.extend)(true, options, {
                            options: {
                                openOnFieldClick: true,
                                fieldAddons: {
                                    beforeTemplate: (data, container) => {
                                        (0, _renderer.default)("<i>").addClass(icon).css("borderBottomColor", data).appendTo(container)
                                    }
                                }
                            }
                        })
                    }
                    options = (0, _extend.extend)(true, options, {
                        options: {
                            onOpened: () => {
                                if (this.option("isMobileView")) {
                                    (0, _renderer.default)("body").addClass("dx-diagram-mobile-toolbar-color-box-opened")
                                }
                            },
                            onClosed: () => {
                                (0, _renderer.default)("body").removeClass("dx-diagram-mobile-toolbar-color-box-opened")
                            }
                        }
                    });
                    return options
                }
                _createTextEditorItemOptions(hint) {
                    return {
                        options: {
                            stylingMode: this.option("editorStylingMode"),
                            hint: hint
                        }
                    }
                }
                _createItemActionOptions(item, handler) {
                    switch (item.widget) {
                        case "dxSelectBox":
                        case "dxColorBox":
                        case "dxCheckBox":
                            return {
                                options: {
                                    onValueChanged: e => {
                                        const parameter = _uiDiagram.default.getItemCommandParameter(this, item, e.component.option("value"));
                                        handler.call(this, item.command, item.name, parameter)
                                    }
                                }
                            };
                        case "dxTextBox":
                            return {};
                        default:
                            return {
                                options: {
                                    onClick: e => {
                                        if (!item.items) {
                                            const parameter = _uiDiagram.default.getItemCommandParameter(this, item);
                                            handler.call(this, item.command, item.name, parameter)
                                        } else {
                                            const contextMenu = e.component._contextMenu;
                                            if (contextMenu) {
                                                this._toggleContextMenu(contextMenu)
                                            }
                                        }
                                    }
                                }
                            }
                    }
                }
                _toggleContextMenu(contextMenu) {
                    var _this$_contextMenuLis;
                    null === (_this$_contextMenuLis = this._contextMenuList) || void 0 === _this$_contextMenuLis || _this$_contextMenuLis.forEach(cm => {
                        if (contextMenu !== cm) {
                            cm.hide()
                        }
                    });
                    contextMenu.toggle()
                }
                _onItemInitialized(widget, item) {
                    this._addItemHelper(item.command, new DiagramToolbarItemHelper(widget))
                }
                _onItemContentReady(widget, item, actionHandler) {
                    if (("dxButton" === widget.NAME || "dxTextBox" === widget.NAME) && item.items) {
                        const isTouchMode = this._isTouchMode();
                        const $menuContainer = (0, _renderer.default)("<div>").appendTo(this.$element());
                        widget._contextMenu = this._createComponent($menuContainer, _context_menu.default, {
                            items: item.items,
                            target: widget.$element(),
                            cssClass: _uiDiagram.default.getContextMenuCssClass(),
                            showEvent: "",
                            hideOnOutsideClick: e => !isTouchMode && 0 === (0, _renderer.default)(e.target).closest(widget._contextMenu._dropDownButtonElement).length,
                            focusStateEnabled: false,
                            position: {
                                at: "left bottom"
                            },
                            itemTemplate(itemData, itemIndex, itemElement) {
                                _uiDiagram.default.getContextMenuItemTemplate(this, itemData, itemIndex, itemElement)
                            },
                            onItemClick: _ref2 => {
                                var _itemData$items;
                                let {
                                    component: component,
                                    itemData: itemData
                                } = _ref2;
                                _uiDiagram.default.onContextMenuItemClick(this, itemData, actionHandler.bind(this));
                                if (!(null !== itemData && void 0 !== itemData && null !== (_itemData$items = itemData.items) && void 0 !== _itemData$items && _itemData$items.length)) {
                                    component.hide()
                                }
                            },
                            onShowing: e => {
                                if (this._showingSubMenu) {
                                    return
                                }
                                this._showingSubMenu = e.component;
                                this._onSubMenuVisibilityChangingAction({
                                    visible: true,
                                    component: this
                                });
                                e.component.option("items", e.component.option("items"));
                                delete this._showingSubMenu
                            },
                            onInitialized: _ref3 => {
                                let {
                                    component: component
                                } = _ref3;
                                return this._onContextMenuInitialized(component, item, widget)
                            },
                            onDisposing: _ref4 => {
                                let {
                                    component: component
                                } = _ref4;
                                return this._onContextMenuDisposing(component, item)
                            }
                        });
                        if (!isTouchMode) {
                            widget._contextMenu._dropDownButtonElement = widget.$element();
                            if ("dxTextBox" === widget.NAME) {
                                widget._contextMenu._dropDownButtonElement = widget.getButton("dropDown").element()
                            }
                        }
                    }
                }
                _isTouchMode() {
                    const {
                        Browser: Browser
                    } = (0, _diagram2.getDiagram)();
                    return Browser.TouchUI
                }
                _onContextMenuInitialized(widget, item, rootWidget) {
                    var _this$_contextMenuLis2;
                    null === (_this$_contextMenuLis2 = this._contextMenuList) || void 0 === _this$_contextMenuLis2 || _this$_contextMenuLis2.push(widget);
                    if (item.command) {
                        this._commandContextMenus[item.command] = widget
                    }
                    this._addContextMenuHelper(item, widget, [], rootWidget)
                }
                _addItemHelper(command, helper) {
                    if (void 0 !== command) {
                        if (this._itemHelpers[command]) {
                            throw new Error("Toolbar cannot contain duplicated commands.")
                        }
                        this._itemHelpers[command] = helper
                    }
                }
                _addContextMenuHelper(item, widget, indexPath, rootWidget) {
                    if (item.items) {
                        item.items.forEach((subItem, index) => {
                            const itemIndexPath = indexPath.concat(index);
                            this._addItemHelper(subItem.command, new DiagramToolbarSubItemHelper(widget, itemIndexPath, subItem.command, rootWidget));
                            this._addContextMenuHelper(subItem, widget, itemIndexPath, rootWidget)
                        })
                    }
                }
                _onContextMenuDisposing(widget, item) {
                    var _this$_contextMenuLis3;
                    null === (_this$_contextMenuLis3 = this._contextMenuList) || void 0 === _this$_contextMenuLis3 || _this$_contextMenuLis3.splice(this._contextMenuList.indexOf(widget), 1);
                    delete this._commandContextMenus[item.command]
                }
                _executeCommand(command, name, value) {
                    if (this._updateLocked) {
                        return
                    }
                    if ("number" === typeof command) {
                        var _this$bar;
                        const valueConverter = this._valueConverters[command];
                        if (null !== valueConverter && void 0 !== valueConverter && valueConverter.getCommandValue) {
                            value = valueConverter.getCommandValue(value)
                        }
                        null === (_this$bar = this.bar) || void 0 === _this$bar || _this$bar.raiseBarCommandExecuted(command, value)
                    } else if ("string" === typeof command) {
                        this._onInternalCommandAction({
                            command: command
                        })
                    }
                    if (void 0 !== name) {
                        this._onCustomCommandAction({
                            name: name
                        })
                    }
                }
                _createOnInternalCommand() {
                    this._onInternalCommandAction = this._createActionByOption("onInternalCommand")
                }
                _createOnCustomCommand() {
                    this._onCustomCommandAction = this._createActionByOption("onCustomCommand")
                }
                _setItemEnabled(command, enabled) {
                    if (command in this._itemHelpers) {
                        const helper = this._itemHelpers[command];
                        if (helper.canUpdate(this._showingSubMenu)) {
                            helper.setEnabled(enabled)
                        }
                    }
                }
                _setEnabled(enabled) {
                    var _this$_toolbarInstanc, _this$_contextMenuLis4;
                    null === (_this$_toolbarInstanc = this._toolbarInstance) || void 0 === _this$_toolbarInstanc || _this$_toolbarInstanc.option("disabled", !enabled);
                    null === (_this$_contextMenuLis4 = this._contextMenuList) || void 0 === _this$_contextMenuLis4 || _this$_contextMenuLis4.forEach(contextMenu => {
                        contextMenu.option("disabled", !enabled)
                    })
                }
                _setItemValue(command, value) {
                    try {
                        this._updateLocked = true;
                        if (command in this._itemHelpers) {
                            const helper = this._itemHelpers[command];
                            if (helper.canUpdate(this._showingSubMenu)) {
                                const valueConverter = this._valueConverters[command];
                                if (null !== valueConverter && void 0 !== valueConverter && valueConverter.getEditorValue) {
                                    value = valueConverter.getEditorValue(value)
                                }
                                let displayValue;
                                if (null !== valueConverter && void 0 !== valueConverter && valueConverter.getEditorDisplayValue) {
                                    displayValue = valueConverter.getEditorDisplayValue(value)
                                }
                                const contextMenu = this._commandContextMenus[command];
                                helper.setValue(value, displayValue, contextMenu, contextMenu && command)
                            }
                        }
                    } finally {
                        this._updateLocked = false
                    }
                }
                _setItemSubItems(command, items) {
                    this._updateLocked = true;
                    if (command in this._itemHelpers) {
                        const helper = this._itemHelpers[command];
                        if (helper.canUpdate(this._showingSubMenu)) {
                            const contextMenu = this._commandContextMenus[command];
                            helper.setItems(items, contextMenu, contextMenu && command)
                        }
                    }
                    this._updateLocked = false
                }
                _createOnSubMenuVisibilityChangingAction() {
                    this._onSubMenuVisibilityChangingAction = this._createActionByOption("onSubMenuVisibilityChanging")
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "isMobileView":
                            (0, _renderer.default)("body").removeClass("dx-diagram-mobile-toolbar-color-box-opened");
                            this._invalidate();
                            break;
                        case "onSubMenuVisibilityChanging":
                            this._createOnSubMenuVisibilityChangingAction();
                            break;
                        case "onInternalCommand":
                            this._createOnInternalCommand();
                            break;
                        case "onCustomCommand":
                            this._createOnCustomCommand();
                            break;
                        case "container":
                        case "commands":
                            this._invalidate();
                            break;
                        case "export":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        isMobileView: false,
                        export: {
                            fileName: "Diagram"
                        },
                        locateInMenu: "auto",
                        buttonStylingMode: "text",
                        buttonType: "normal",
                        editorStylingMode: "filled",
                        skipAdjustSize: false
                    })
                }
                setCommandChecked(command, checked) {
                    this._setItemValue(command, checked)
                }
                setCommandEnabled(command, enabled) {
                    this._setItemEnabled(command, enabled)
                }
            }
            exports.default = DiagramToolbar
        },
        29849(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _accordion = _interopRequireDefault(__webpack_require__( /*! ../../../ui/accordion */ 30543));
            var _diagram = __webpack_require__( /*! ../../ui/diagram/diagram.importer */ 49206);
            var _uiDiagram = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.floating_panel */ 34547));
            var _m_tooltip = _interopRequireDefault(__webpack_require__( /*! ../../ui/m_tooltip */ 3504));
            var _scroll_view = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scroll_view */ 71100));
            var _m_text_box = _interopRequireDefault(__webpack_require__( /*! ../../ui/text_box/m_text_box */ 85968));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DiagramToolbox extends _uiDiagram.default {
                _init() {
                    super._init();
                    this._toolboxes = [];
                    this._filterText = "";
                    this._createOnShapeCategoryRenderedAction();
                    this._createOnFilterChangedAction()
                }
                _getPopupClass() {
                    return "dx-diagram-toolbox-popup"
                }
                _getPopupHeight() {
                    return this.isMobileView() ? "100%" : super._getPopupHeight()
                }
                _getPopupMaxHeight() {
                    return this.isMobileView() ? "100%" : super._getPopupMaxHeight()
                }
                _getPopupMinHeight() {
                    return 130
                }
                _getPopupPosition() {
                    const {
                        offsetParent: offsetParent,
                        offsetX: offsetX,
                        offsetY: offsetY
                    } = this.option();
                    const position = {
                        my: "left top",
                        at: "left top",
                        of: offsetParent
                    };
                    if (!this.isMobileView()) {
                        return (0, _extend.extend)(position, {
                            offset: `${offsetX} ${offsetY}`
                        })
                    }
                    return position
                }
                _getPopupAnimation() {
                    const $parent = this.option("offsetParent");
                    if (this.isMobileView()) {
                        return {
                            hide: this._getPopupSlideAnimationObject({
                                direction: "left",
                                from: {
                                    position: {
                                        my: "left top",
                                        at: "left top",
                                        of: $parent
                                    }
                                },
                                to: {
                                    position: {
                                        my: "right top",
                                        at: "left top",
                                        of: $parent
                                    }
                                }
                            }),
                            show: this._getPopupSlideAnimationObject({
                                direction: "right",
                                from: {
                                    position: {
                                        my: "right top",
                                        at: "left top",
                                        of: $parent
                                    }
                                },
                                to: {
                                    position: {
                                        my: "left top",
                                        at: "left top",
                                        of: $parent
                                    }
                                }
                            })
                        }
                    }
                    return super._getPopupAnimation()
                }
                _getPopupOptions() {
                    const options = super._getPopupOptions();
                    if (!this.isMobileView()) {
                        return (0, _extend.extend)(options, {
                            showTitle: true,
                            toolbarItems: [{
                                widget: "dxButton",
                                location: "center",
                                options: {
                                    activeStateEnabled: false,
                                    focusStateEnabled: false,
                                    hoverStateEnabled: false,
                                    icon: "diagram-toolbox-drag",
                                    stylingMode: "outlined",
                                    type: "normal"
                                }
                            }]
                        })
                    }
                    return options
                }
                _renderPopupContent($parent) {
                    let panelHeight = "100%";
                    if (this.option("showSearch")) {
                        const $inputContainer = (0, _renderer.default)("<div>").addClass("dx-diagram-toolbox-input-container").appendTo($parent);
                        this._updateElementWidth($inputContainer);
                        this._renderSearchInput($inputContainer);
                        if ((0, _window.hasWindow)()) {
                            var _this$_searchInput;
                            panelHeight = `calc(100% - ${(0,_size.getHeight)(null===(_this$_searchInput=this._searchInput)||void 0===_this$_searchInput?void 0:_this$_searchInput.$element())}px)`
                        }
                    }
                    const $panel = (0, _renderer.default)("<div>").addClass("dx-diagram-toolbox-panel").appendTo($parent);
                    (0, _size.setHeight)($panel, panelHeight);
                    this._updateElementWidth($panel);
                    this._renderScrollView($panel)
                }
                _updateElementWidth($element) {
                    if (void 0 !== this.option("toolboxWidth")) {
                        const {
                            toolboxWidth: toolboxWidth
                        } = this.option();
                        $element.css("width", toolboxWidth)
                    }
                }
                updateMaxHeight() {
                    if (this.isMobileView()) {
                        return
                    }
                    let maxHeight = 6;
                    if (this._popup) {
                        const $title = this._getPopupTitle();
                        maxHeight += (0, _size.getOuterHeight)($title)
                    }
                    if (this._accordion) {
                        maxHeight += (0, _size.getOuterHeight)(this._accordion.$element())
                    }
                    if (this._searchInput) {
                        maxHeight += (0, _size.getOuterHeight)(this._searchInput.$element())
                    }
                    this.option("maxHeight", maxHeight)
                }
                _renderSearchInput($parent) {
                    const $input = (0, _renderer.default)("<div>").addClass("dx-diagram-toolbox-input").appendTo($parent);
                    this._searchInput = this._createComponent($input, _m_text_box.default, {
                        stylingMode: "outlined",
                        placeholder: _message.default.format("dxDiagram-uiSearch"),
                        onValueChanged: data => {
                            this._onInputChanged(data.value)
                        },
                        valueChangeEvent: "keyup",
                        buttons: [{
                            name: "search",
                            location: "after",
                            options: {
                                activeStateEnabled: false,
                                focusStateEnabled: false,
                                hoverStateEnabled: false,
                                icon: "search",
                                stylingMode: "outlined",
                                type: "normal",
                                onClick: () => {
                                    var _this$_searchInput2;
                                    null === (_this$_searchInput2 = this._searchInput) || void 0 === _this$_searchInput2 || _this$_searchInput2.focus()
                                }
                            }
                        }]
                    })
                }
                _renderScrollView($parent) {
                    const $scrollViewWrapper = (0, _renderer.default)("<div>").appendTo($parent);
                    this._scrollView = this._createComponent($scrollViewWrapper, _scroll_view.default);
                    const _moveIsAllowed = this._scrollView._moveIsAllowed.bind(this._scrollView);
                    this._scrollView._moveIsAllowed = e => {
                        for (let i = 0; i < (null === (_this$_toolboxes = this._toolboxes) || void 0 === _this$_toolboxes ? void 0 : _this$_toolboxes.length); i += 1) {
                            var _this$_toolboxes, _this$_toolboxes2;
                            const $element = null === (_this$_toolboxes2 = this._toolboxes) || void 0 === _this$_toolboxes2 ? void 0 : _this$_toolboxes2[i];
                            if ((0, _renderer.default)($element).children(".dxdi-tb-start-drag-flag").length) {
                                return false
                            }
                        }
                        return _moveIsAllowed(e)
                    };
                    const $accordion = (0, _renderer.default)("<div>").appendTo(this._scrollView.content());
                    this._updateElementWidth($accordion);
                    this._renderAccordion($accordion)
                }
                _getAccordionDataSource() {
                    const result = [];
                    const toolboxGroups = this.option("toolboxGroups");
                    for (let i = 0; i < toolboxGroups.length; i += 1) {
                        const {
                            category: category
                        } = toolboxGroups[i];
                        const {
                            title: title
                        } = toolboxGroups[i];
                        const groupObj = {
                            category: category,
                            title: title || category,
                            expanded: toolboxGroups[i].expanded,
                            displayMode: toolboxGroups[i].displayMode,
                            shapes: toolboxGroups[i].shapes,
                            onTemplate: (widget, $element, data) => {
                                var _this$_toolboxes3;
                                const $toolboxElement = (0, _renderer.default)($element);
                                this._onShapeCategoryRenderedAction({
                                    category: data.category,
                                    displayMode: data.displayMode,
                                    dataToggle: "shape-toolbox-tooltip",
                                    shapes: data.shapes,
                                    $element: $toolboxElement
                                });
                                null === (_this$_toolboxes3 = this._toolboxes) || void 0 === _this$_toolboxes3 || _this$_toolboxes3.push($toolboxElement);
                                if ("" !== this._filterText) {
                                    var _this$_toolboxes4;
                                    this._onFilterChangedAction({
                                        text: this._filterText,
                                        filteringToolboxes: (null === (_this$_toolboxes4 = this._toolboxes) || void 0 === _this$_toolboxes4 ? void 0 : _this$_toolboxes4.length) - 1
                                    })
                                }
                                this._createTooltips($toolboxElement)
                            }
                        };
                        result.push(groupObj)
                    }
                    return result
                }
                _createTooltips($toolboxElement) {
                    if (this._isTouchMode()) {
                        return
                    }
                    const targets = $toolboxElement.find('[data-toggle="shape-toolbox-tooltip"]');
                    const $container = this.$element();
                    targets.each((_, element) => {
                        const $target = (0, _renderer.default)(element);
                        const title = $target.attr("title");
                        if (title) {
                            const $tooltip = (0, _renderer.default)("<div>").text(title).appendTo($container);
                            this._createComponent($tooltip, _m_tooltip.default, {
                                target: $target.get(0),
                                showEvent: "mouseenter",
                                hideEvent: "mouseleave",
                                position: "top",
                                animation: {
                                    show: {
                                        type: "fade",
                                        from: 0,
                                        to: 1,
                                        delay: 500
                                    },
                                    hide: {
                                        type: "fade",
                                        from: 1,
                                        to: 0,
                                        delay: 100
                                    }
                                }
                            })
                        }
                    })
                }
                _isTouchMode() {
                    const {
                        Browser: Browser
                    } = (0, _diagram.getDiagram)();
                    return Browser.TouchUI
                }
                _renderAccordion($container) {
                    const {
                        disabled: disabled
                    } = this.option();
                    this._accordion = this._createComponent($container, _accordion.default, {
                        multiple: true,
                        animationDuration: 0,
                        activeStateEnabled: false,
                        focusStateEnabled: false,
                        hoverStateEnabled: false,
                        collapsible: true,
                        displayExpr: "title",
                        dataSource: this._getAccordionDataSource(),
                        disabled: disabled,
                        itemTemplate: (data, index, $element) => {
                            data.onTemplate(this, $element, data)
                        },
                        onSelectionChanged: e => {
                            this._updateScrollAnimateSubscription(e.component)
                        },
                        onContentReady: e => {
                            e.component.option("selectedItems", []);
                            const items = e.component.option("dataSource");
                            for (let i = 0; i < (null === items || void 0 === items ? void 0 : items.length); i += 1) {
                                if (false === (null === items || void 0 === items ? void 0 : items[i].expanded)) {
                                    e.component.collapseItem(i)
                                } else if (true === (null === items || void 0 === items ? void 0 : items[i].expanded)) {
                                    e.component.expandItem(i)
                                }
                            }
                            if (null !== items && void 0 !== items && items.length && void 0 === items[0].expanded) {
                                e.component.expandItem(0)
                            }
                            this._updateScrollAnimateSubscription(e.component)
                        }
                    })
                }
                _updateScrollAnimateSubscription(component) {
                    component._deferredAnimate = new _deferred.Deferred;
                    component._deferredAnimate.done(() => {
                        this.updateMaxHeight();
                        this._scrollView.update();
                        this._updateScrollAnimateSubscription(component)
                    })
                }
                _onInputChanged(text) {
                    var _this$_toolboxes5;
                    this._filterText = text;
                    this._onFilterChangedAction({
                        text: this._filterText,
                        filteringToolboxes: null === (_this$_toolboxes5 = this._toolboxes) || void 0 === _this$_toolboxes5 ? void 0 : _this$_toolboxes5.map(($element, index) => index)
                    });
                    this.updateTooltips();
                    this.updateMaxHeight();
                    this._scrollView.update()
                }
                updateFilter() {
                    this._onInputChanged(this._filterText)
                }
                updateTooltips() {
                    var _this$_toolboxes6;
                    null === (_this$_toolboxes6 = this._toolboxes) || void 0 === _this$_toolboxes6 || _this$_toolboxes6.forEach($element => {
                        const $tooltipContainer = (0, _renderer.default)($element);
                        this._createTooltips($tooltipContainer)
                    })
                }
                _createOnShapeCategoryRenderedAction() {
                    this._onShapeCategoryRenderedAction = this._createActionByOption("onShapeCategoryRendered")
                }
                _createOnFilterChangedAction() {
                    this._onFilterChangedAction = this._createActionByOption("onFilterChanged")
                }
                _optionChanged(args) {
                    var _this$_accordion;
                    switch (args.name) {
                        case "onShapeCategoryRendered":
                            this._createOnShapeCategoryRenderedAction();
                            break;
                        case "onFilterChanged":
                            this._createOnFilterChangedAction();
                            break;
                        case "showSearch":
                        case "toolboxWidth":
                            this._invalidate();
                            break;
                        case "toolboxGroups":
                            null === (_this$_accordion = this._accordion) || void 0 === _this$_accordion || _this$_accordion.option("dataSource", this._getAccordionDataSource());
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            exports.default = DiagramToolbox
        },
        37433(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _diagram = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/diagram.commands_manager */ 88618));
            var _uiDiagram = _interopRequireDefault(__webpack_require__( /*! ../../ui/diagram/ui.diagram.toolbar */ 78753));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DiagramViewToolbar extends _uiDiagram.default {
                _getCommands() {
                    const {
                        commands: commands,
                        excludeCommands: excludeCommands
                    } = this.option();
                    return _diagram.default.getViewToolbarCommands(commands, excludeCommands)
                }
            }
            exports.default = DiagramViewToolbar
        },
        47207(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.custom = exports.confirm = exports.alert = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/message */ 4671));
            var _action = _interopRequireDefault(__webpack_require__( /*! ../../core/action */ 88412));
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../core/config */ 66636));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../core/devices */ 65951));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _size = __webpack_require__( /*! ../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _view_port = __webpack_require__( /*! ../../core/utils/view_port */ 55355);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _themes = __webpack_require__( /*! ../../ui/themes */ 52071);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../ui/widget/ui.errors */ 35185));
            var _m_dom = _interopRequireDefault(__webpack_require__( /*! ../core/utils/m_dom */ 76400));
            var _m_popup = _interopRequireDefault(__webpack_require__( /*! ../ui/popup/m_popup */ 43864));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const DEFAULT_BOUNDARY_OFFSET = {
                h: 10,
                v: 0
            };
            const DEFAULT_BUTTON_OPTIONS = {
                text: _message.default.format("OK"),
                onClick: () => true
            };
            const getApplyButtonConfig = () => {
                if ((0, _themes.isFluent)((0, _themes.current)())) {
                    return {
                        stylingMode: "contained",
                        type: "default"
                    }
                }
                return {}
            };
            const getCancelButtonConfig = () => {
                if ((0, _themes.isFluent)((0, _themes.current)())) {
                    return {
                        stylingMode: "outlined",
                        type: "normal"
                    }
                }
                return {}
            };
            const custom = params => {
                var _popupInstance$$wrapp;
                const {
                    buttons: buttons,
                    dragEnabled: dragEnabled,
                    message: message,
                    messageHtml: messageHtml,
                    popupOptions: popupOptions,
                    showCloseButton: showCloseButton,
                    showTitle: showTitle,
                    title: title = "",
                    width: width,
                    position: position
                } = params ?? {};
                const isMessageDefined = (0, _type.isDefined)(message);
                if (isMessageDefined) {
                    _ui.default.log("W1013")
                }
                const isMessageHtmlDefined = (0, _type.isDefined)(messageHtml);
                const messageMarkup = String(isMessageHtmlDefined ? messageHtml : message);
                const messageId = title ? null : (new _guid.default).toString();
                const deferred = (0, _deferred.Deferred)();
                const $element = (0, _renderer.default)("<div>").addClass("dx-dialog").appendTo((0, _view_port.value)());
                const $message = (0, _renderer.default)("<div>").addClass("dx-dialog-message").html(messageMarkup).attr("id", messageId);
                let popupInstance = null;
                const hide = value => {
                    var _popupInstance3;
                    deferred.resolve(value);
                    null === (_popupInstance3 = popupInstance) || void 0 === _popupInstance3 || _popupInstance3.hide()
                };
                const buttonOptions = buttons ?? [DEFAULT_BUTTON_OPTIONS];
                const toolbarItems = buttonOptions.map(configuration => {
                    const {
                        onClick: onClick
                    } = configuration;
                    const action = new _action.default(onClick, {
                        context: popupInstance
                    });
                    const buttonItem = {
                        toolbar: "bottom",
                        location: _devices.default.current().android ? "after" : "center",
                        widget: "dxButton",
                        options: Object.assign({}, configuration, {
                            onClick: e => {
                                const result = action.execute(e);
                                hide(result)
                            }
                        })
                    };
                    return buttonItem
                });
                const popupPosition = position ?? {
                    boundaryOffset: Object.assign({}, DEFAULT_BOUNDARY_OFFSET)
                };
                const configuration = {
                    animation: {
                        show: {
                            type: "pop",
                            duration: 400
                        },
                        hide: {
                            type: "pop",
                            duration: 400,
                            to: {
                                opacity: 0,
                                scale: 0
                            },
                            from: {
                                opacity: 1,
                                scale: 1
                            }
                        }
                    },
                    container: $element,
                    dragAndResizeArea: window,
                    dragEnabled: (0, _common.ensureDefined)(dragEnabled, true),
                    height: "auto",
                    ignoreChildEvents: false,
                    onContentReady: e => {
                        var _component$$content;
                        const component = e.component;
                        null === (_component$$content = component.$content()) || void 0 === _component$$content || _component$$content.addClass("dx-dialog-content").append($message);
                        if (messageId) {
                            component.$overlayContent().attr("aria-labelledby", messageId)
                        }
                    },
                    onHiding: () => {
                        deferred.reject()
                    },
                    onShowing: e => {
                        const component = e.component;
                        const bottomToolbar = component.bottomToolbar();
                        null === bottomToolbar || void 0 === bottomToolbar || bottomToolbar.addClass("dx-dialog-buttons").find(".dx-button").addClass("dx-dialog-button");
                        _m_dom.default.resetActiveElement()
                    },
                    onShown: e => {
                        const component = e.component;
                        const bottomToolbar = component.bottomToolbar();
                        const $firstButton = null === bottomToolbar || void 0 === bottomToolbar ? void 0 : bottomToolbar.find(".dx-button").first();
                        _events_engine.default.trigger($firstButton, "focus")
                    },
                    position: popupPosition,
                    rtlEnabled: (0, _config.default)().rtlEnabled,
                    showCloseButton: showCloseButton ?? false,
                    showTitle: (0, _common.ensureDefined)(showTitle, true),
                    title: title,
                    toolbarItems: toolbarItems,
                    visualContainer: window,
                    width: width
                };
                const options = Object.assign({}, configuration, popupOptions, {
                    onHidden: e => {
                        var _popupOptions$onHidde;
                        (0, _renderer.default)(e.element).remove();
                        null === popupOptions || void 0 === popupOptions || null === (_popupOptions$onHidde = popupOptions.onHidden) || void 0 === _popupOptions$onHidde || _popupOptions$onHidde.call(popupOptions, e)
                    }
                });
                popupInstance = new _m_popup.default($element, options);
                null === (_popupInstance$$wrapp = popupInstance.$wrapper()) || void 0 === _popupInstance$$wrapp || _popupInstance$$wrapp.addClass("dx-dialog-wrapper").addClass("dx-dialog-root");
                const dialog = {
                    show: () => {
                        var _popupInstance2;
                        if ("phone" === _devices.default.real().deviceType) {
                            var _popupInstance;
                            const isPortrait = (0, _size.getHeight)(window) > (0, _size.getWidth)(window);
                            const width = isPortrait ? "90%" : "60%";
                            null === (_popupInstance = popupInstance) || void 0 === _popupInstance || _popupInstance.option({
                                width: width
                            })
                        }
                        null === (_popupInstance2 = popupInstance) || void 0 === _popupInstance2 || _popupInstance2.show();
                        return deferred.promise()
                    },
                    hide: hide
                };
                return dialog
            };
            exports.custom = custom;
            const isCustomDialogOptions = options => (0, _type.isPlainObject)(options);
            exports.alert = (messageHtml, title, showTitle) => {
                const titleValue = title ?? "";
                const options = isCustomDialogOptions(messageHtml) ? messageHtml : {
                    title: titleValue,
                    messageHtml: messageHtml,
                    showTitle: showTitle,
                    buttons: [Object.assign({}, DEFAULT_BUTTON_OPTIONS, getApplyButtonConfig())],
                    dragEnabled: showTitle
                };
                return custom(options).show()
            };
            exports.confirm = (messageHtml, title, showTitle) => {
                const titleValue = title ?? "";
                const options = isCustomDialogOptions(messageHtml) ? messageHtml : {
                    title: titleValue,
                    messageHtml: messageHtml,
                    showTitle: showTitle,
                    buttons: [Object.assign({
                        text: _message.default.format("Yes"),
                        onClick: () => true
                    }, getApplyButtonConfig()), Object.assign({
                        text: _message.default.format("No"),
                        onClick: () => false
                    }, getCancelButtonConfig())],
                    dragEnabled: showTitle
                };
                return custom(options).show()
            }
        },
        54712(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.animation = void 0;
            var _animation = __webpack_require__( /*! ../../../common/core/animation */ 16826);
            var _inflector = __webpack_require__( /*! ../../../core/utils/inflector */ 53124);
            exports.animation = {
                getMoveToConfig(direction, position) {
                    switch (direction) {
                        case "right":
                            return {
                                transform: `translate(${position}px, 0px)`
                            };
                        case "left":
                            return {
                                left: position
                            };
                        case "top":
                        case "bottom":
                            return {
                                top: position
                            };
                        default:
                            return
                    }
                },
                moveTo(config) {
                    const {
                        $element: $element,
                        position: position,
                        direction: direction = "left",
                        duration: duration,
                        complete: complete
                    } = config;
                    const toConfig = this.getMoveToConfig(direction, position);
                    const animationType = "right" === direction ? "custom" : "slide";
                    _animation.fx.animate($element.get(0), {
                        type: animationType,
                        to: toConfig,
                        duration: duration,
                        complete: complete
                    })
                },
                margin(config) {
                    const {
                        $element: $element,
                        margin: margin,
                        direction: direction = "left",
                        duration: duration,
                        complete: complete
                    } = config;
                    const marginName = `margin${(0,_inflector.camelize)(direction,true)}`;
                    const toConfig = {
                        [marginName]: margin
                    };
                    _animation.fx.animate($element.get(0), {
                        to: toConfig,
                        duration: duration,
                        complete: complete
                    })
                },
                fade($element, config, duration, completeAction) {
                    _animation.fx.animate($element.get(0), {
                        type: "fade",
                        to: config.to,
                        from: config.from,
                        duration: duration,
                        complete: completeAction
                    })
                },
                size(config) {
                    const {
                        $element: $element,
                        size: size,
                        direction: direction = "left",
                        marginTop: marginTop = 0,
                        duration: duration,
                        complete: complete
                    } = config;
                    const toConfig = {};
                    if ("right" === direction || "left" === direction) {
                        toConfig.width = size
                    } else {
                        toConfig.height = size
                    }
                    if ("bottom" === direction) {
                        toConfig.marginTop = marginTop
                    }
                    _animation.fx.animate($element.get(0), {
                        to: toConfig,
                        duration: duration,
                        complete: complete
                    })
                },
                complete($element) {
                    _animation.fx.stop($element.get(0), true)
                }
            }
        },
        30580(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _animation = __webpack_require__( /*! ../../../common/core/animation */ 16826);
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _visibility_change = __webpack_require__( /*! ../../../common/core/events/visibility_change */ 18029);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _empty_template = __webpack_require__( /*! ../../../core/templates/empty_template */ 48650);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _position = __webpack_require__( /*! ../../../core/utils/position */ 41639);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _drawer = __webpack_require__( /*! ../../ui/drawer/drawer.animation */ 54712);
            var _drawerRenderingStrategy = _interopRequireDefault(__webpack_require__( /*! ../../ui/drawer/drawer.rendering.strategy.overlap */ 52490));
            var _drawerRenderingStrategy2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/drawer/drawer.rendering.strategy.push */ 11393));
            var _drawerRenderingStrategy3 = _interopRequireDefault(__webpack_require__( /*! ../../ui/drawer/drawer.rendering.strategy.shrink */ 93140));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class Drawer extends _widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        position: "left",
                        opened: false,
                        minSize: null,
                        maxSize: null,
                        shading: false,
                        template: "panel",
                        openedStateMode: "shrink",
                        revealMode: "slide",
                        animationEnabled: true,
                        animationDuration: 400,
                        closeOnOutsideClick: false,
                        contentTemplate: "content"
                    })
                }
                _init() {
                    super._init();
                    this._initStrategy();
                    this.$element().addClass("dx-drawer");
                    this._whenAnimationCompleted = void 0;
                    this._whenPanelContentRendered = void 0;
                    this._whenPanelContentRefreshed = void 0;
                    this._$wrapper = (0, _renderer.default)("<div>").addClass("dx-drawer-wrapper");
                    this._$viewContentWrapper = (0, _renderer.default)("<div>").addClass("dx-drawer-content");
                    this._$wrapper.append(this._$viewContentWrapper);
                    this.$element().append(this._$wrapper)
                }
                _initStrategy() {
                    const {
                        openedStateMode: openedStateMode
                    } = this.option();
                    switch (openedStateMode) {
                        case "push":
                        default:
                            this._strategy = new _drawerRenderingStrategy2.default(this);
                            break;
                        case "shrink":
                            this._strategy = new _drawerRenderingStrategy3.default(this);
                            break;
                        case "overlap":
                            this._strategy = new _drawerRenderingStrategy.default(this)
                    }
                }
                _getAnonymousTemplateName() {
                    return "content"
                }
                _initTemplates() {
                    const defaultTemplates = {};
                    defaultTemplates.panel = new _empty_template.EmptyTemplate;
                    defaultTemplates.content = new _empty_template.EmptyTemplate;
                    this._templateManager.addDefaultTemplates(defaultTemplates);
                    super._initTemplates()
                }
                _viewContentWrapperClickHandler(e) {
                    const {
                        opened: opened,
                        shading: shading
                    } = this.option();
                    let {
                        closeOnOutsideClick: closeOnOutsideClick
                    } = this.option();
                    if ((0, _type.isFunction)(closeOnOutsideClick)) {
                        closeOnOutsideClick = closeOnOutsideClick(e)
                    }
                    if (closeOnOutsideClick && opened) {
                        this.stopAnimations();
                        if (shading) {
                            e.preventDefault()
                        }
                        this.hide()
                    }
                }
                _initMarkup() {
                    super._initMarkup();
                    const {
                        opened: opened
                    } = this.option();
                    this._toggleOpenedStateClass(opened);
                    this._renderPanelContentWrapper();
                    this._refreshOpenedStateModeClass();
                    this._refreshRevealModeClass();
                    this._renderShader();
                    this._refreshPositionClass();
                    this._whenPanelContentRendered = (0, _deferred.Deferred)();
                    this._strategy.renderPanelContent(this._whenPanelContentRendered);
                    this._strategy.onPanelContentRendered();
                    this._renderViewContent();
                    _events_engine.default.off(this._$viewContentWrapper, _click.name);
                    _events_engine.default.on(this._$viewContentWrapper, _click.name, this._viewContentWrapperClickHandler.bind(this));
                    this._refreshWrapperChildrenOrder()
                }
                _render() {
                    var _this$_whenPanelConte;
                    this._initMinMaxSize();
                    super._render();
                    null === (_this$_whenPanelConte = this._whenPanelContentRendered) || void 0 === _this$_whenPanelConte || _this$_whenPanelConte.always(() => {
                        this._initMinMaxSize();
                        const {
                            revealMode: revealMode
                        } = this.option();
                        this._strategy.refreshPanelElementSize("slide" === revealMode);
                        this._renderPosition(true);
                        this._removePanelManualPosition()
                    })
                }
                _removePanelManualPosition() {
                    var _this$_$panelContentW;
                    if (null !== (_this$_$panelContentW = this._$panelContentWrapper) && void 0 !== _this$_$panelContentW && _this$_$panelContentW.attr("manualposition")) {
                        this._$panelContentWrapper.removeAttr("manualPosition");
                        this._$panelContentWrapper.css({
                            position: "",
                            top: "",
                            left: "",
                            right: "",
                            bottom: ""
                        })
                    }
                }
                _togglePanelContentHiddenClass() {
                    const callback = () => {
                        var _this$_$panelContentW2;
                        const {
                            minSize: minSize,
                            opened: opened
                        } = this.option();
                        const shouldBeSet = minSize ? false : !opened;
                        null === (_this$_$panelContentW2 = this._$panelContentWrapper) || void 0 === _this$_$panelContentW2 || _this$_$panelContentW2.toggleClass("dx-drawer-panel-content-hidden", shouldBeSet)
                    };
                    if (this._whenAnimationCompleted && !this.option("opened")) {
                        (0, _deferred.when)(this._whenAnimationCompleted).done(callback)
                    } else {
                        callback()
                    }
                }
                _renderPanelContentWrapper() {
                    const {
                        openedStateMode: openedStateMode,
                        opened: opened,
                        minSize: minSize
                    } = this.option();
                    this._$panelContentWrapper = (0, _renderer.default)("<div>").addClass("dx-drawer-panel-content");
                    this._togglePanelContentHiddenClass();
                    const position = this.calcTargetPosition();
                    if ("push" === openedStateMode && position && ["top", "bottom"].includes(position)) {
                        this._$panelContentWrapper.addClass("dx-drawer-panel-content-push-top-or-bottom")
                    }
                    if ("overlap" !== openedStateMode && !opened && !minSize) {
                        this._$panelContentWrapper.attr("manualposition", true);
                        this._$panelContentWrapper.css({
                            position: "absolute",
                            top: "-10000px",
                            left: "-10000px",
                            right: "auto",
                            bottom: "auto"
                        })
                    }
                    this._$wrapper.append(this._$panelContentWrapper)
                }
                _refreshOpenedStateModeClass(prevOpenedStateMode) {
                    if (prevOpenedStateMode) {
                        this.$element().removeClass(`dx-drawer-${prevOpenedStateMode}`)
                    }
                    const {
                        openedStateMode: openedStateMode
                    } = this.option();
                    this.$element().addClass(`dx-drawer-${openedStateMode}`)
                }
                _refreshPositionClass() {
                    this.$element().removeClass(["left", "right", "top", "bottom"].map(position => `dx-drawer-${position}`).join(" ")).addClass(`dx-drawer-${this.calcTargetPosition()}`)
                }
                _refreshWrapperChildrenOrder() {
                    const position = this.calcTargetPosition();
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    if (this._strategy.isViewContentFirst(position, rtlEnabled)) {
                        this._$wrapper.prepend(this._$viewContentWrapper)
                    } else if (this._$panelContentWrapper) {
                        this._$wrapper.prepend(this._$panelContentWrapper)
                    }
                }
                _refreshRevealModeClass(prevRevealMode) {
                    if (prevRevealMode) {
                        this.$element().removeClass(`dx-drawer-${prevRevealMode}`)
                    }
                    const {
                        revealMode: revealMode
                    } = this.option();
                    this.$element().addClass(`dx-drawer-${revealMode}`)
                }
                _renderViewContent() {
                    const contentTemplateOption = this.option("contentTemplate");
                    const contentTemplate = this._getTemplate(contentTemplateOption);
                    if (contentTemplate) {
                        const $viewTemplate = contentTemplate.render({
                            container: this.viewContent(),
                            noModel: true,
                            transclude: this._templateManager.anonymousTemplateName === contentTemplateOption
                        });
                        if ($viewTemplate.hasClass("ng-scope")) {
                            (0, _renderer.default)(this._$viewContentWrapper).children().not(".dx-drawer-shader").replaceWith($viewTemplate)
                        }
                    }
                }
                _renderShader() {
                    this._$shader = this._$shader || (0, _renderer.default)("<div>").addClass("dx-drawer-shader");
                    this._$shader.appendTo(this.viewContent());
                    const {
                        opened: opened
                    } = this.option();
                    this._toggleShaderVisibility(opened)
                }
                _initSize() {
                    this._initMinMaxSize()
                }
                _initMinMaxSize() {
                    const realPanelSize = this.isHorizontalDirection() ? this.getRealPanelWidth() : this.getRealPanelHeight();
                    const {
                        maxSize: maxSize,
                        minSize: minSize
                    } = this.option();
                    this._maxSize = maxSize || realPanelSize;
                    this._minSize = minSize || 0
                }
                calcTargetPosition() {
                    const {
                        position: position,
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    if ("before" === position) {
                        return rtlEnabled ? "right" : "left"
                    }
                    if ("after" === position) {
                        return rtlEnabled ? "left" : "right"
                    }
                    return position
                }
                getOverlayTarget() {
                    return this._$wrapper
                }
                getOverlay() {
                    return this._overlay
                }
                getMaxSize() {
                    return this._maxSize
                }
                getMinSize() {
                    return this._minSize
                }
                getRealPanelWidth() {
                    if ((0, _window.hasWindow)()) {
                        const {
                            templateSize: templateSize
                        } = this.option();
                        if ((0, _type.isDefined)(templateSize)) {
                            return templateSize
                        }
                        return (0, _position.getBoundingRect)(this._getPanelTemplateElement()).width
                    }
                    return 0
                }
                getRealPanelHeight() {
                    if ((0, _window.hasWindow)()) {
                        const {
                            templateSize: templateSize
                        } = this.option();
                        if ((0, _type.isDefined)(templateSize)) {
                            return templateSize
                        }
                        return (0, _position.getBoundingRect)(this._getPanelTemplateElement()).height
                    }
                    return 0
                }
                _getPanelTemplateElement() {
                    const $panelContent = this._strategy.getPanelContent();
                    let $result = $panelContent;
                    if ($panelContent.children().length) {
                        $result = $panelContent.children().eq(0);
                        if ($panelContent.hasClass("dx-overlay-content") && $result.hasClass("dx-template-wrapper") && $result.children().length) {
                            $result = $result.children().eq(0)
                        }
                    }
                    return $result.get(0)
                }
                isHorizontalDirection() {
                    const position = this.calcTargetPosition();
                    return "left" === position || "right" === position
                }
                stopAnimations() {
                    let jumpToEnd = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : false;
                    _animation.fx.stop(this._$shader.get(0), jumpToEnd);
                    _animation.fx.stop((0, _renderer.default)(this.content()).get(0), jumpToEnd);
                    _animation.fx.stop((0, _renderer.default)(this.viewContent()).get(0), jumpToEnd);
                    const overlay = this.getOverlay();
                    if (overlay) {
                        _animation.fx.stop((0, _renderer.default)(overlay.$content()).get(0), jumpToEnd)
                    }
                }
                setZIndex(zIndex) {
                    var _this$_$panelContentW3;
                    this._$shader.css("zIndex", zIndex - 1);
                    null === (_this$_$panelContentW3 = this._$panelContentWrapper) || void 0 === _this$_$panelContentW3 || _this$_$panelContentW3.css("zIndex", zIndex)
                }
                resizeContent() {
                    this.resizeViewContent()
                }
                resizeViewContent() {
                    (0, _visibility_change.triggerResizeEvent)(this.viewContent())
                }
                _isInvertedPosition() {
                    const position = this.calcTargetPosition();
                    return "right" === position || "bottom" === position
                }
                _renderPosition(disableAnimation, jumpToEnd) {
                    this.stopAnimations(jumpToEnd);
                    this._whenAnimationCompleted = (0, _deferred.Deferred)();
                    const {
                        animationDuration: animationDuration,
                        animationEnabled: optionAnimationEnabled,
                        opened: opened
                    } = this.option();
                    const animationEnabled = !disableAnimation && optionAnimationEnabled;
                    if (!animationEnabled) {
                        this._whenAnimationCompleted.resolve()
                    }
                    if (!(0, _window.hasWindow)()) {
                        return
                    }(0, _renderer.default)(this.viewContent()).css("paddingLeft", 0);
                    (0, _renderer.default)(this.viewContent()).css("paddingRight", 0);
                    (0, _renderer.default)(this.viewContent()).css("paddingTop", 0);
                    (0, _renderer.default)(this.viewContent()).css("paddingBottom", 0);
                    if (opened) {
                        this._toggleShaderVisibility(opened)
                    }
                    this._strategy.renderPosition(animationEnabled, animationDuration)
                }
                _animationCompleteHandler() {
                    var _this$_whenAnimationC;
                    this.resizeViewContent();
                    null === (_this$_whenAnimationC = this._whenAnimationCompleted) || void 0 === _this$_whenAnimationC || _this$_whenAnimationC.resolve()
                }
                _getPositionCorrection() {
                    return this._isInvertedPosition() ? -1 : 1
                }
                _dispose() {
                    _drawer.animation.complete((0, _renderer.default)(this.viewContent()));
                    super._dispose()
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        this._dimensionChanged()
                    }
                }
                _dimensionChanged() {
                    this._initMinMaxSize();
                    const {
                        revealMode: revealMode
                    } = this.option();
                    this._strategy.refreshPanelElementSize("slide" === revealMode);
                    this._renderPosition(true)
                }
                _toggleShaderVisibility(visible) {
                    if (this.option("shading")) {
                        this._$shader.toggleClass("dx-state-invisible", !visible);
                        this._$shader.css("visibility", visible ? "visible" : "hidden")
                    } else {
                        this._$shader.toggleClass("dx-state-invisible", true)
                    }
                }
                _toggleOpenedStateClass(opened) {
                    this.$element().toggleClass("dx-drawer-opened", opened)
                }
                _refreshPanel() {
                    (0, _renderer.default)(this.viewContent()).css("left", 0);
                    (0, _renderer.default)(this.viewContent()).css("transform", "translate(0px, 0px)");
                    (0, _renderer.default)(this.viewContent()).removeClass("dx-theme-background-color");
                    this._removePanelContentWrapper();
                    this._removeOverlay();
                    this._renderPanelContentWrapper();
                    this._refreshWrapperChildrenOrder();
                    this._whenPanelContentRefreshed = (0, _deferred.Deferred)();
                    this._strategy.renderPanelContent(this._whenPanelContentRefreshed);
                    this._strategy.onPanelContentRendered();
                    if ((0, _window.hasWindow)()) {
                        this._whenPanelContentRefreshed.always(() => {
                            const {
                                revealMode: revealMode
                            } = this.option();
                            this._strategy.refreshPanelElementSize("slide" === revealMode);
                            this._renderPosition(true, true);
                            this._removePanelManualPosition()
                        })
                    }
                }
                _clean() {
                    this._cleanFocusState();
                    this._removePanelContentWrapper();
                    this._removeOverlay()
                }
                _removePanelContentWrapper() {
                    if (this._$panelContentWrapper) {
                        this._$panelContentWrapper.remove()
                    }
                }
                _removeOverlay() {
                    if (this._overlay) {
                        this._overlay.dispose();
                        delete this._overlay;
                        delete this._$panelContentWrapper
                    }
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "width":
                            super._optionChanged(args);
                            this._dimensionChanged();
                            break;
                        case "opened":
                            this._renderPosition();
                            this._toggleOpenedStateClass(args.value);
                            this._togglePanelContentHiddenClass();
                            break;
                        case "position":
                            this._refreshPositionClass();
                            this._refreshWrapperChildrenOrder();
                            this._invalidate();
                            break;
                        case "contentTemplate":
                        case "template":
                            this._invalidate();
                            break;
                        case "openedStateMode":
                            this._initStrategy();
                            this._refreshOpenedStateModeClass(args.previousValue);
                            this._refreshPanel();
                            break;
                        case "minSize":
                            this._initMinMaxSize();
                            this._renderPosition(true);
                            this._togglePanelContentHiddenClass();
                            break;
                        case "maxSize":
                            this._initMinMaxSize();
                            this._renderPosition(true);
                            break;
                        case "revealMode":
                            this._refreshRevealModeClass(args.previousValue);
                            this._refreshPanel();
                            break;
                        case "shading": {
                            const {
                                opened: opened
                            } = this.option();
                            this._toggleShaderVisibility(opened);
                            break
                        }
                        case "animationEnabled":
                        case "animationDuration":
                        case "closeOnOutsideClick":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                content() {
                    return this._$panelContentWrapper ? (0, _element.getPublicElement)(this._$panelContentWrapper) : void 0
                }
                viewContent() {
                    return (0, _element.getPublicElement)(this._$viewContentWrapper)
                }
                show() {
                    return this.toggle(true)
                }
                hide() {
                    return this.toggle(false)
                }
                toggle(opened) {
                    var _this$_whenAnimationC2;
                    const {
                        opened: currentOpened
                    } = this.option();
                    const targetOpened = opened ?? !currentOpened;
                    this.option("opened", targetOpened);
                    return null === (_this$_whenAnimationC2 = this._whenAnimationCompleted) || void 0 === _this$_whenAnimationC2 ? void 0 : _this$_whenAnimationC2.promise()
                }
            }(0, _component_registrator.default)("dxDrawer", Drawer);
            exports.default = Drawer
        },
        52547(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _drawer = __webpack_require__( /*! ../../ui/drawer/drawer.animation */ 54712);
            exports.default = class {
                constructor(drawer) {
                    this._drawer = drawer
                }
                getDrawerInstance() {
                    return this._drawer
                }
                renderPanelContent(whenPanelContentRendered) {
                    const drawer = this.getDrawerInstance();
                    const template = drawer._getTemplate(drawer.option("template"));
                    if (template) {
                        template.render({
                            container: drawer.content(),
                            onRendered: () => {
                                null === whenPanelContentRendered || void 0 === whenPanelContentRendered || whenPanelContentRendered.resolve()
                            }
                        })
                    }
                }
                renderPosition(changePositionUsingFxAnimation, animationDuration) {
                    const whenPositionAnimationCompleted = (0, _deferred.Deferred)();
                    const whenShaderAnimationCompleted = (0, _deferred.Deferred)();
                    const drawer = this.getDrawerInstance();
                    if (changePositionUsingFxAnimation) {
                        _deferred.when.apply(_renderer.default, [whenPositionAnimationCompleted, whenShaderAnimationCompleted]).done(() => {
                            drawer._animationCompleteHandler()
                        })
                    }
                    this._internalRenderPosition(changePositionUsingFxAnimation, whenPositionAnimationCompleted);
                    if (!changePositionUsingFxAnimation) {
                        drawer.resizeViewContent()
                    }
                    this.renderShaderVisibility(changePositionUsingFxAnimation, animationDuration, whenShaderAnimationCompleted)
                }
                _getPanelOffset(isDrawerOpened) {
                    const drawer = this.getDrawerInstance();
                    const size = drawer.isHorizontalDirection() ? drawer.getRealPanelWidth() : drawer.getRealPanelHeight();
                    const panelSize = this._getPanelSize(isDrawerOpened) ?? 0;
                    return panelSize - size
                }
                _getPanelSize(isDrawerOpened) {
                    return isDrawerOpened ? this.getDrawerInstance().getMaxSize() : this.getDrawerInstance().getMinSize()
                }
                renderShaderVisibility(changePositionUsingFxAnimation, duration, whenAnimationCompleted) {
                    const drawer = this.getDrawerInstance();
                    const {
                        opened: isShaderVisible
                    } = drawer.option();
                    const fadeConfig = isShaderVisible ? {
                        from: 0,
                        to: 1
                    } : {
                        from: 1,
                        to: 0
                    };
                    if (changePositionUsingFxAnimation) {
                        _drawer.animation.fade((0, _renderer.default)(drawer._$shader), fadeConfig, duration, () => {
                            this._drawer._toggleShaderVisibility(isShaderVisible);
                            null === whenAnimationCompleted || void 0 === whenAnimationCompleted || whenAnimationCompleted.resolve()
                        })
                    } else {
                        drawer._toggleShaderVisibility(isShaderVisible);
                        drawer._$shader.css("opacity", fadeConfig.to)
                    }
                }
                getPanelContent() {
                    return (0, _renderer.default)(this.getDrawerInstance().content())
                }
                setPanelSize(calcFromRealPanelSize) {
                    this.refreshPanelElementSize(calcFromRealPanelSize)
                }
                refreshPanelElementSize(calcFromRealPanelSize) {
                    const drawer = this.getDrawerInstance();
                    const {
                        opened: isDrawerOpened
                    } = drawer.option();
                    const panelSize = this._getPanelSize(isDrawerOpened);
                    if (drawer.isHorizontalDirection()) {
                        (0, _size.setWidth)((0, _renderer.default)(drawer.content()), calcFromRealPanelSize ? drawer.getRealPanelWidth() : panelSize)
                    } else {
                        (0, _size.setHeight)((0, _renderer.default)(drawer.content()), calcFromRealPanelSize ? drawer.getRealPanelHeight() : panelSize)
                    }
                }
                isViewContentFirst(position, isRtl) {
                    return false
                }
                onPanelContentRendered() {}
                _internalRenderPosition(changePositionUsingFxAnimation, whenPositionAnimationCompleted) {}
            }
        },
        52490(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _inflector = __webpack_require__( /*! ../../../core/utils/inflector */ 53124);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _drawer = __webpack_require__( /*! ../../ui/drawer/drawer.animation */ 54712);
            var _drawerRendering = _interopRequireDefault(__webpack_require__( /*! ../../ui/drawer/drawer.rendering.strategy */ 52547));
            var _overlay = _interopRequireDefault(__webpack_require__( /*! ../../ui/overlay/overlay */ 79384));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class OverlapStrategy extends _drawerRendering.default {
                renderPanelContent(whenPanelContentRendered) {
                    delete this._initialPosition;
                    const drawer = this.getDrawerInstance();
                    const {
                        opened: opened,
                        minSize: minSize,
                        template: contentTemplate,
                        templatesRenderAsynchronously: templatesRenderAsynchronously
                    } = drawer.option();
                    drawer._overlay = drawer._createComponent((0, _renderer.default)(drawer.content()), _overlay.default, {
                        shading: false,
                        container: drawer.content(),
                        visualContainer: drawer.getOverlayTarget(),
                        position: this._getOverlayPosition(),
                        width: opened ? "auto" : minSize ?? 0,
                        height: "100%",
                        templatesRenderAsynchronously: templatesRenderAsynchronously,
                        animation: {
                            show: {
                                duration: 0
                            }
                        },
                        onPositioned: function(e) {
                            this._fixOverlayPosition(e.component.$content())
                        }.bind(this),
                        contentTemplate: contentTemplate,
                        onContentReady: args => {
                            null === whenPanelContentRendered || void 0 === whenPanelContentRendered || whenPanelContentRendered.resolve();
                            this._processOverlayZIndex(args.component.content())
                        },
                        visible: true,
                        propagateOutsideClick: true
                    })
                }
                _fixOverlayPosition($overlayContent) {
                    const position = (0, _common.ensureDefined)(this._initialPosition, {
                        left: 0,
                        top: 0
                    });
                    (0, _translator.move)($overlayContent, position);
                    if ("right" === this.getDrawerInstance().calcTargetPosition()) {
                        $overlayContent.css("left", "auto")
                    }
                    if ("bottom" === this.getDrawerInstance().calcTargetPosition()) {
                        $overlayContent.css("top", "auto");
                        $overlayContent.css("bottom", "0px")
                    }
                }
                _getOverlayPosition() {
                    const drawer = this.getDrawerInstance();
                    const panelPosition = drawer.calcTargetPosition();
                    let result = {};
                    switch (panelPosition) {
                        case "left":
                            result = {
                                my: "top left",
                                at: "top left"
                            };
                            break;
                        case "right":
                            result = {
                                my: drawer.option("rtlEnabled") ? "top left" : "top right",
                                at: "top right"
                            };
                            break;
                        case "top":
                        case "bottom":
                            result = {
                                my: panelPosition,
                                at: panelPosition
                            }
                    }
                    result.of = drawer.getOverlayTarget().get(0);
                    return result
                }
                refreshPanelElementSize(calcFromRealPanelSize) {
                    const drawer = this.getDrawerInstance();
                    const overlay = drawer.getOverlay();
                    const {
                        opened: isDrawerOpened
                    } = drawer.option();
                    if (!overlay) {
                        return
                    }
                    if (drawer.isHorizontalDirection()) {
                        overlay.option("height", "100%");
                        overlay.option("width", calcFromRealPanelSize ? drawer.getRealPanelWidth() : this._getPanelSize(isDrawerOpened))
                    } else {
                        overlay.option("width", (0, _size.getWidth)(drawer.getOverlayTarget()));
                        overlay.option("height", calcFromRealPanelSize ? drawer.getRealPanelHeight() : this._getPanelSize(isDrawerOpened))
                    }
                }
                onPanelContentRendered() {
                    this._updateViewContentStyles()
                }
                _updateViewContentStyles() {
                    const drawer = this.getDrawerInstance();
                    const {
                        minSize: minSize
                    } = drawer.option();
                    (0, _renderer.default)(drawer.viewContent()).css(`padding${(0,_inflector.camelize)(drawer.calcTargetPosition(),true)}`, minSize);
                    (0, _renderer.default)(drawer.viewContent()).css("transform", "inherit")
                }
                _internalRenderPosition(changePositionUsingFxAnimation, whenAnimationCompleted) {
                    const drawer = this.getDrawerInstance();
                    const $panel = (0, _renderer.default)(drawer.content());
                    const {
                        opened: isDrawerOpened,
                        revealMode: revealMode,
                        animationDuration: animationDuration
                    } = drawer.option();
                    const $panelOverlayContent = drawer.getOverlay().$content();
                    const targetPanelPosition = drawer.calcTargetPosition();
                    const panelSize = this._getPanelSize(isDrawerOpened) ?? 0;
                    const panelOffset = this._getPanelOffset(isDrawerOpened) * drawer._getPositionCorrection();
                    const marginTop = drawer.getRealPanelHeight() - panelSize;
                    this._updateViewContentStyles();
                    if (changePositionUsingFxAnimation) {
                        if ("slide" === revealMode) {
                            this._initialPosition = drawer.isHorizontalDirection() ? {
                                left: panelOffset
                            } : {
                                top: panelOffset
                            };
                            _drawer.animation.moveTo({
                                complete: () => {
                                    null === whenAnimationCompleted || void 0 === whenAnimationCompleted || whenAnimationCompleted.resolve()
                                },
                                duration: animationDuration,
                                direction: targetPanelPosition,
                                $element: $panel,
                                position: panelOffset
                            })
                        } else if ("expand" === revealMode) {
                            this._initialPosition = drawer.isHorizontalDirection() ? {
                                left: 0
                            } : {
                                top: 0
                            };
                            if ($panelOverlayContent) {
                                (0, _translator.move)($panelOverlayContent, this._initialPosition);
                                _drawer.animation.size({
                                    complete: () => {
                                        null === whenAnimationCompleted || void 0 === whenAnimationCompleted || whenAnimationCompleted.resolve()
                                    },
                                    duration: animationDuration,
                                    direction: targetPanelPosition,
                                    $element: $panelOverlayContent,
                                    size: panelSize,
                                    marginTop: marginTop
                                })
                            }
                        }
                    } else if ("slide" === revealMode) {
                        this._initialPosition = drawer.isHorizontalDirection() ? {
                            left: panelOffset
                        } : {
                            top: panelOffset
                        };
                        (0, _translator.move)($panel, this._initialPosition)
                    } else if ("expand" === revealMode) {
                        this._initialPosition = drawer.isHorizontalDirection() ? {
                            left: 0
                        } : {
                            top: 0
                        };
                        if ($panelOverlayContent) {
                            (0, _translator.move)($panelOverlayContent, this._initialPosition)
                        }
                        if (drawer.isHorizontalDirection()) {
                            (0, _renderer.default)($panelOverlayContent).css("width", panelSize)
                        } else {
                            (0, _renderer.default)($panelOverlayContent).css("height", panelSize);
                            if ("bottom" === targetPanelPosition) {
                                (0, _renderer.default)($panelOverlayContent).css("marginTop", marginTop)
                            }
                        }
                    }
                }
                getPanelContent() {
                    return (0, _renderer.default)(this.getDrawerInstance().getOverlay().content())
                }
                _processOverlayZIndex(element) {
                    const styles = (0, _renderer.default)(element).get(0).style;
                    const zIndex = styles.zIndex || 1;
                    this.getDrawerInstance().setZIndex(zIndex)
                }
                isViewContentFirst(position) {
                    return "right" === position || "bottom" === position
                }
            }
            exports.default = OverlapStrategy
        },
        11393(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _drawer = __webpack_require__( /*! ../../ui/drawer/drawer.animation */ 54712);
            var _drawerRendering = _interopRequireDefault(__webpack_require__( /*! ../../ui/drawer/drawer.rendering.strategy */ 52547));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class PushStrategy extends _drawerRendering.default {
                _internalRenderPosition(changePositionUsingFxAnimation, whenAnimationCompleted) {
                    const drawer = this.getDrawerInstance();
                    const {
                        opened: isDrawerOpened,
                        animationDuration: animationDuration
                    } = drawer.option();
                    const openedPanelSize = this._getPanelSize(true);
                    const contentPosition = this._getPanelSize(isDrawerOpened) * drawer._getPositionCorrection();
                    (0, _renderer.default)(drawer.content()).css(drawer.isHorizontalDirection() ? "width" : "height", openedPanelSize);
                    if (drawer.getMinSize()) {
                        let paddingCssPropertyName = "padding";
                        switch (drawer.calcTargetPosition()) {
                            case "left":
                                paddingCssPropertyName += "Right";
                                break;
                            case "right":
                                paddingCssPropertyName += "Left";
                                break;
                            case "top":
                                paddingCssPropertyName += "Bottom";
                                break;
                            case "bottom":
                                paddingCssPropertyName += "Top"
                        }(0, _renderer.default)(drawer.viewContent()).css(paddingCssPropertyName, drawer.getMinSize())
                    }
                    if (changePositionUsingFxAnimation) {
                        _drawer.animation.moveTo({
                            $element: (0, _renderer.default)(drawer.viewContent()),
                            position: contentPosition,
                            direction: drawer.calcTargetPosition(),
                            duration: animationDuration,
                            complete: () => {
                                null === whenAnimationCompleted || void 0 === whenAnimationCompleted || whenAnimationCompleted.resolve()
                            }
                        })
                    } else if (drawer.isHorizontalDirection()) {
                        (0, _translator.move)((0, _renderer.default)(drawer.viewContent()), {
                            left: contentPosition
                        })
                    } else {
                        (0, _translator.move)((0, _renderer.default)(drawer.viewContent()), {
                            top: contentPosition
                        })
                    }
                }
                onPanelContentRendered() {
                    (0, _renderer.default)(this.getDrawerInstance().viewContent()).addClass("dx-theme-background-color")
                }
            }
            exports.default = PushStrategy
        },
        93140(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _inflector = __webpack_require__( /*! ../../../core/utils/inflector */ 53124);
            var _drawer = __webpack_require__( /*! ../../ui/drawer/drawer.animation */ 54712);
            var _drawerRendering = _interopRequireDefault(__webpack_require__( /*! ../../ui/drawer/drawer.rendering.strategy */ 52547));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class ShrinkStrategy extends _drawerRendering.default {
                _internalRenderPosition(changePositionUsingFxAnimation, whenAnimationCompleted) {
                    const drawer = this.getDrawerInstance();
                    const {
                        opened: isDrawerOpened,
                        revealMode: revealMode,
                        animationDuration: animationDuration
                    } = drawer.option();
                    const direction = drawer.calcTargetPosition();
                    const $panel = (0, _renderer.default)(drawer.content());
                    const panelSize = this._getPanelSize(isDrawerOpened);
                    const panelOffset = this._getPanelOffset(isDrawerOpened);
                    if (changePositionUsingFxAnimation) {
                        if ("slide" === revealMode) {
                            _drawer.animation.margin({
                                complete: () => {
                                    null === whenAnimationCompleted || void 0 === whenAnimationCompleted || whenAnimationCompleted.resolve()
                                },
                                $element: $panel,
                                duration: animationDuration,
                                direction: direction,
                                margin: panelOffset
                            })
                        } else if ("expand" === revealMode) {
                            _drawer.animation.size({
                                complete: () => {
                                    null === whenAnimationCompleted || void 0 === whenAnimationCompleted || whenAnimationCompleted.resolve()
                                },
                                $element: $panel,
                                duration: animationDuration,
                                direction: direction,
                                size: panelSize
                            })
                        }
                    } else if ("slide" === revealMode) {
                        $panel.css(`margin${(0,_inflector.camelize)(direction,true)}`, panelOffset)
                    } else if ("expand" === revealMode) {
                        $panel.css(drawer.isHorizontalDirection() ? "width" : "height", panelSize)
                    }
                }
                isViewContentFirst(position, isRtl) {
                    return (isRtl ? "left" === position : "right" === position) || "bottom" === position
                }
            }
            exports.default = ShrinkStrategy
        },
        96379(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../ui/button */ 64973));
            var _button2 = _interopRequireDefault(__webpack_require__( /*! ../text_box/texteditor_button_collection/button */ 57003));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DropDownButton extends _button2.default {
                constructor(name, editor, options) {
                    super(name, editor, options);
                    this.currentTemplate = null
                }
                _attachEvents(instance) {
                    instance.option("onClick", e => {
                        var _this$editor, _this$editor$_shouldC, _this$editor3;
                        if (null !== (_this$editor = this.editor) && void 0 !== _this$editor && null !== (_this$editor$_shouldC = _this$editor._shouldCallOpenHandler) && void 0 !== _this$editor$_shouldC && _this$editor$_shouldC.call(_this$editor)) {
                            var _this$editor2;
                            null === (_this$editor2 = this.editor) || void 0 === _this$editor2 || _this$editor2._openHandler(e);
                            return
                        }
                        const {
                            openOnFieldClick: openOnFieldClick
                        } = (null === (_this$editor3 = this.editor) || void 0 === _this$editor3 ? void 0 : _this$editor3.option()) ?? {};
                        if (!openOnFieldClick) {
                            var _this$editor4;
                            null === (_this$editor4 = this.editor) || void 0 === _this$editor4 || _this$editor4._openHandler(e)
                        }
                    });
                    _events_engine.default.on(instance.$element(), "mousedown", e => {
                        var _this$editor5;
                        if (null !== (_this$editor5 = this.editor) && void 0 !== _this$editor5 && _this$editor5.$element().is(".dx-state-focused")) {
                            e.preventDefault()
                        }
                    })
                }
                _create() {
                    const {
                        editor: editor
                    } = this;
                    if (!editor) {
                        return
                    }
                    const $element = (0, _renderer.default)("<div>");
                    const options = this._getOptions();
                    this._addToContainer($element);
                    const instance = editor._createComponent($element, _button.default, (0, _extend.extend)({}, options, {
                        elementAttr: {
                            "aria-label": _message.default.format("dxDropDownEditor-selectLabel")
                        }
                    }));
                    this._legacyRender(editor.$element(), $element, options.visible);
                    return {
                        $element: $element,
                        instance: instance
                    }
                }
                _getOptions() {
                    const {
                        editor: editor
                    } = this;
                    const visible = this._isVisible();
                    const isReadOnly = null === editor || void 0 === editor ? void 0 : editor.option("readOnly");
                    const options = {
                        focusStateEnabled: false,
                        hoverStateEnabled: false,
                        activeStateEnabled: false,
                        useInkRipple: false,
                        disabled: isReadOnly,
                        visible: visible
                    };
                    this._addTemplate(options);
                    return options
                }
                _isVisible() {
                    const {
                        editor: editor
                    } = this;
                    return super._isVisible() && (null === editor || void 0 === editor ? void 0 : editor.option("showDropDownButton"))
                }
                _legacyRender($editor, $element, isVisible) {
                    $editor.toggleClass("dx-dropdowneditor-button-visible", isVisible);
                    if ($element) {
                        $element.removeClass("dx-button").removeClass("dx-button-mode-contained").addClass("dx-dropdowneditor-button")
                    }
                }
                _isSameTemplate() {
                    var _this$editor6;
                    return (null === (_this$editor6 = this.editor) || void 0 === _this$editor6 ? void 0 : _this$editor6.option("dropDownButtonTemplate")) === this.currentTemplate
                }
                _addTemplate(options) {
                    if (!this._isSameTemplate()) {
                        var _this$editor7, _this$editor8;
                        options.template = null === (_this$editor7 = this.editor) || void 0 === _this$editor7 ? void 0 : _this$editor7._getTemplateByOption("dropDownButtonTemplate");
                        this.currentTemplate = null === (_this$editor8 = this.editor) || void 0 === _this$editor8 ? void 0 : _this$editor8.option("dropDownButtonTemplate")
                    }
                }
                update() {
                    const shouldUpdate = super.update();
                    if (shouldUpdate) {
                        const {
                            editor: editor,
                            instance: instance
                        } = this;
                        const $editor = null === editor || void 0 === editor ? void 0 : editor.$element();
                        const options = this._getOptions();
                        null === instance || void 0 === instance || instance.option(options);
                        this._legacyRender($editor, null === instance || void 0 === instance ? void 0 : instance.$element(), options.visible)
                    }
                }
            }
            exports.default = DropDownButton
        },
        28906(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.DROP_DOWN_EDITOR_DEPRECATED_OPTIONS = exports.DROP_DOWN_EDITOR_CLASS = exports.DROP_DOWN_EDITOR_BEFORE_FIELD_ADDON = exports.DROP_DOWN_EDITOR_AFTER_FIELD_ADDON = void 0;
            var _position = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/animation/position */ 3030));
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _function_template = __webpack_require__( /*! ../../../core/templates/function_template */ 38699);
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/browser */ 48314));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _position2 = __webpack_require__( /*! ../../../core/utils/position */ 41639);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/popup/ui.popup */ 10720));
            var _ui2 = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _ui3 = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.widget */ 11118));
            var _m_selectors = __webpack_require__( /*! ../../core/utils/m_selectors */ 62238);
            var _m_text_box = _interopRequireDefault(__webpack_require__( /*! ../../ui/text_box/m_text_box */ 85968));
            var _m_drop_down_button = _interopRequireDefault(__webpack_require__( /*! ./m_drop_down_button */ 96379));
            var _m_utils = __webpack_require__( /*! ./m_utils */ 6807);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DROP_DOWN_EDITOR_CLASS = exports.DROP_DOWN_EDITOR_CLASS = "dx-dropdowneditor";
            const DROP_DOWN_EDITOR_BEFORE_FIELD_ADDON = exports.DROP_DOWN_EDITOR_BEFORE_FIELD_ADDON = "dx-dropdowneditor-field-before-template-wrapper";
            const DROP_DOWN_EDITOR_AFTER_FIELD_ADDON = exports.DROP_DOWN_EDITOR_AFTER_FIELD_ADDON = "dx-dropdowneditor-field-after-template-wrapper";
            const isIOs = "ios" === _devices.default.current().platform;
            const DROP_DOWN_EDITOR_DEPRECATED_OPTIONS = exports.DROP_DOWN_EDITOR_DEPRECATED_OPTIONS = {
                fieldTemplate: {
                    since: "25.2",
                    message: "Use the 'fieldAddons' option instead"
                }
            };

            function createTemplateWrapperElement() {
                return (0, _renderer.default)("<div>").addClass("dx-dropdowneditor-field-template-wrapper")
            }
            class DropDownEditor extends _m_text_box.default {
                _supportedKeys() {
                    return Object.assign({}, super._supportedKeys(), {
                        tab: e => {
                            if (!this.option("opened")) {
                                return
                            }
                            if (!this._popup.getFocusableElements().length) {
                                this.close();
                                return
                            }
                            const $focusableElement = e.shiftKey ? this._getLastPopupElement() : this._getFirstPopupElement();
                            if ($focusableElement) {
                                _events_engine.default.trigger($focusableElement, "focus");
                                $focusableElement.select()
                            }
                            e.preventDefault()
                        },
                        escape: e => {
                            if (this.option("opened")) {
                                e.preventDefault()
                            }
                            this.close();
                            return true
                        },
                        upArrow: e => {
                            if (!(0, _index.isCommandKeyPressed)(e)) {
                                e.preventDefault();
                                e.stopPropagation();
                                if (e.altKey) {
                                    this.close();
                                    return false
                                }
                            }
                            return true
                        },
                        downArrow: e => {
                            if (!(0, _index.isCommandKeyPressed)(e)) {
                                e.preventDefault();
                                e.stopPropagation();
                                if (e.altKey) {
                                    this._validatedOpening();
                                    return false
                                }
                            }
                            return true
                        },
                        enter: e => {
                            if (this.option("opened")) {
                                e.preventDefault();
                                this._valueChangeEventHandler(e)
                            }
                            return true
                        }
                    })
                }
                _getDefaultButtons() {
                    return super._getDefaultButtons().concat([{
                        name: "dropDown",
                        Ctor: _m_drop_down_button.default
                    }])
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        value: null,
                        onOpened: null,
                        onClosed: null,
                        opened: false,
                        acceptCustomValue: true,
                        applyValueMode: "instantly",
                        deferRendering: true,
                        activeStateEnabled: true,
                        dropDownButtonTemplate: "dropDownButton",
                        fieldTemplate: null,
                        openOnFieldClick: false,
                        showDropDownButton: true,
                        buttons: void 0,
                        dropDownOptions: {
                            showTitle: false
                        },
                        popupPosition: this._getDefaultPopupPosition(),
                        onPopupInitialized: null,
                        applyButtonText: _message.default.format("OK"),
                        cancelButtonText: _message.default.format("Cancel"),
                        buttonsLocation: "default",
                        useHiddenSubmitElement: false,
                        validationMessagePosition: "auto",
                        _cached_dropDownOptions: {}
                    })
                }
                _useTemplates() {
                    return true
                }
                _getDefaultPopupPosition(isRtlEnabled) {
                    const position = (0, _position2.getDefaultAlignment)(isRtlEnabled);
                    return {
                        offset: {
                            h: 0,
                            v: -1
                        },
                        my: `${position} top`,
                        at: `${position} bottom`,
                        collision: "flip flip"
                    }
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device(device) {
                            const isGeneric = "generic" === device.platform;
                            return isGeneric
                        },
                        options: {
                            popupPosition: {
                                offset: {
                                    v: 0
                                }
                            }
                        }
                    }])
                }
                _inputWrapper() {
                    return this.$element().find(".dx-dropdowneditor-input-wrapper").first()
                }
                _init() {
                    super._init();
                    this._initVisibilityActions();
                    this._initPopupInitializedAction();
                    const {
                        rtlEnabled: rtlEnabled,
                        dropDownOptions: dropDownOptions
                    } = this.option();
                    this._updatePopupPosition(rtlEnabled);
                    this._options.cache("dropDownOptions", dropDownOptions)
                }
                _updatePopupPosition(isRtlEnabled) {
                    const {
                        my: my,
                        at: at
                    } = this._getDefaultPopupPosition(isRtlEnabled);
                    const currentPosition = this.option("popupPosition");
                    this.option("popupPosition", (0, _extend.extend)({}, currentPosition, {
                        my: my,
                        at: at
                    }))
                }
                _initVisibilityActions() {
                    this._openAction = this._createActionByOption("onOpened", {
                        excludeValidators: ["disabled", "readOnly"]
                    });
                    this._closeAction = this._createActionByOption("onClosed", {
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _initPopupInitializedAction() {
                    this._popupInitializedAction = this._createActionByOption("onPopupInitialized", {
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _initMarkup() {
                    this._renderSubmitElement();
                    super._initMarkup();
                    this.$element().addClass(DROP_DOWN_EDITOR_CLASS);
                    this.setAria("role", this._getAriaRole())
                }
                _render() {
                    this._detachFocusEvents();
                    super._render();
                    this._renderOpenHandler();
                    this._attachFocusOutHandler();
                    this._renderOpenedState()
                }
                _renderContentImpl() {
                    if (!this.option("deferRendering")) {
                        this._createPopup()
                    }
                }
                _renderInput() {
                    super._renderInput();
                    this._renderTemplateWrapper();
                    this._renderFieldAddons();
                    this._wrapInput();
                    this._setDefaultAria()
                }
                _wrapInput() {
                    this._$container = this.$element().wrapInner((0, _renderer.default)("<div>").addClass("dx-dropdowneditor-input-wrapper")).children().eq(0)
                }
                _getAriaHasPopup() {
                    return "true"
                }
                _getAriaAutocomplete() {
                    return "none"
                }
                _getAriaRole() {
                    return "combobox"
                }
                _setDefaultAria() {
                    this.setAria({
                        haspopup: this._getAriaHasPopup(),
                        autocomplete: this._getAriaAutocomplete(),
                        role: this._getAriaRole()
                    })
                }
                _readOnlyPropValue() {
                    return !this._isEditable() || super._readOnlyPropValue()
                }
                _cleanFocusState() {
                    super._cleanFocusState();
                    const {
                        fieldTemplate: fieldTemplate
                    } = this.option();
                    if (fieldTemplate) {
                        this._detachFocusEvents()
                    }
                }
                _getFieldTemplate() {
                    const {
                        fieldTemplate: fieldTemplate
                    } = this.option();
                    if (!fieldTemplate) {
                        return
                    }
                    return this._getTemplate(fieldTemplate)
                }
                _renderMask() {
                    const {
                        fieldTemplate: fieldTemplate
                    } = this.option();
                    if (fieldTemplate) {
                        return
                    }
                    super._renderMask()
                }
                _renderField() {
                    const fieldAddonsTemplates = this._getFieldAddonsTemplates();
                    if (fieldAddonsTemplates) {
                        this._renderFieldAddonsContent(fieldAddonsTemplates);
                        return
                    }
                    const fieldTemplate = this._getFieldTemplate();
                    if (fieldTemplate) {
                        this._renderTemplatedField(fieldTemplate, this._fieldRenderData())
                    }
                }
                _renderPlaceholder() {
                    const hasFieldTemplate = !!this._getFieldTemplate();
                    if (!hasFieldTemplate) {
                        super._renderPlaceholder()
                    }
                }
                _renderValue() {
                    if (this.option("useHiddenSubmitElement")) {
                        this._setSubmitValue()
                    }
                    const promise = super._renderValue();
                    return promise.always(this._renderField.bind(this))
                }
                _getButtonsContainer() {
                    const fieldTemplate = this._getFieldTemplate();
                    return fieldTemplate ? this._$container : this._$textEditorContainer
                }
                _renderBeforeFieldAddon() {
                    if (!this._$beforeFieldAddon && this._$textEditorContainer) {
                        this._$beforeFieldAddon = (0, _renderer.default)("<div>").addClass(DROP_DOWN_EDITOR_BEFORE_FIELD_ADDON).insertBefore(this._$textEditorContainer)
                    }
                }
                _renderAfterFieldAddon() {
                    if (!this._$afterFieldAddon && this._$textEditorContainer) {
                        this._$afterFieldAddon = (0, _renderer.default)("<div>").addClass(DROP_DOWN_EDITOR_AFTER_FIELD_ADDON).insertAfter(this._$textEditorContainer)
                    }
                }
                _renderFieldAddons() {
                    const {
                        fieldAddons: fieldAddons
                    } = this.option();
                    if (!fieldAddons) {
                        return
                    }
                    this._renderBeforeFieldAddon();
                    this._renderAfterFieldAddon()
                }
                _renderTemplateWrapper() {
                    const fieldTemplate = this._getFieldTemplate();
                    if (!fieldTemplate) {
                        return
                    }
                    if (!this._$templateWrapper) {
                        this._$templateWrapper = createTemplateWrapperElement().prependTo(this.$element())
                    }
                }
                _renderTemplatedField(fieldTemplate, data) {
                    var _this$_$textEditorCon, _this$_$templateWrapp;
                    const isFocused = (0, _m_selectors.focused)(this._input());
                    this._detachKeyboardEvents();
                    this._detachFocusEvents();
                    null === (_this$_$textEditorCon = this._$textEditorContainer) || void 0 === _this$_$textEditorCon || _this$_$textEditorCon.remove();
                    const $newTemplateWrapper = createTemplateWrapperElement();
                    null === (_this$_$templateWrapp = this._$templateWrapper) || void 0 === _this$_$templateWrapp || _this$_$templateWrapp.replaceWith($newTemplateWrapper);
                    this._$templateWrapper = $newTemplateWrapper;
                    const currentRenderContext = Symbol("renderContext");
                    this._activeRenderContext = currentRenderContext;
                    fieldTemplate.render({
                        model: data,
                        container: (0, _element.getPublicElement)(this._$templateWrapper),
                        onRendered: () => {
                            if (this._activeRenderContext !== currentRenderContext) {
                                return
                            }
                            const $input = this._input();
                            if (!$input.length) {
                                throw _ui2.default.Error("E1010")
                            }
                            this._integrateInput();
                            if (!isFocused) {
                                return
                            }
                            if (_browser.default.mozilla) {
                                const inputElement = $input.get(0);
                                inputElement.focus({
                                    preventScroll: true
                                })
                            } else {
                                _events_engine.default.trigger($input, "focus")
                            }
                        }
                    })
                }
                _getFieldAddonsTemplates() {
                    const {
                        fieldAddons: fieldAddons
                    } = this.option();
                    if (!fieldAddons) {
                        return null
                    }
                    const {
                        beforeTemplate: before,
                        afterTemplate: after
                    } = fieldAddons;
                    const beforeTemplate = before ? this._getTemplate(before) : null;
                    const afterTemplate = after ? this._getTemplate(after) : null;
                    return {
                        beforeTemplate: beforeTemplate,
                        afterTemplate: afterTemplate
                    }
                }
                _clearFieldAddons(removeField) {
                    var _this$_$beforeFieldAd, _this$_$afterFieldAdd;
                    null === (_this$_$beforeFieldAd = this._$beforeFieldAddon) || void 0 === _this$_$beforeFieldAd || _this$_$beforeFieldAd.empty();
                    null === (_this$_$afterFieldAdd = this._$afterFieldAddon) || void 0 === _this$_$afterFieldAdd || _this$_$afterFieldAdd.empty();
                    if (removeField) {
                        this._$beforeFieldAddon = null;
                        this._$afterFieldAddon = null
                    }
                }
                _renderBeforeFieldAddonContent(beforeTemplate) {
                    if (beforeTemplate && this._$beforeFieldAddon) {
                        beforeTemplate.render({
                            model: this._fieldRenderData(),
                            container: (0, _element.getPublicElement)(this._$beforeFieldAddon)
                        })
                    }
                }
                _renderAfterFieldAddonContent(afterTemplate) {
                    if (afterTemplate && this._$afterFieldAddon) {
                        afterTemplate.render({
                            model: this._fieldRenderData(),
                            container: (0, _element.getPublicElement)(this._$afterFieldAddon)
                        })
                    }
                }
                _renderFieldAddonsContent(fieldAddonsTemplates) {
                    this._clearFieldAddons();
                    if (!fieldAddonsTemplates) {
                        return
                    }
                    const {
                        beforeTemplate: beforeTemplate,
                        afterTemplate: afterTemplate
                    } = fieldAddonsTemplates;
                    this._renderBeforeFieldAddonContent(beforeTemplate);
                    this._renderAfterFieldAddonContent(afterTemplate)
                }
                _integrateInput() {
                    const {
                        isValid: isValid
                    } = this.option();
                    this._renderFocusState();
                    this._refreshValueChangeEvent();
                    this._refreshEvents();
                    this._refreshEmptinessEvent();
                    this._setDefaultAria();
                    this._setFieldAria();
                    this._toggleValidationClasses(!isValid);
                    const {
                        _onMarkupRendered: markupRendered
                    } = this.option();
                    null === markupRendered || void 0 === markupRendered || markupRendered()
                }
                _refreshEmptinessEvent() {
                    _events_engine.default.off(this._input(), "input blur", this._toggleEmptinessEventHandler);
                    this._renderEmptinessEvent()
                }
                _fieldRenderData() {
                    const {
                        value: value
                    } = this.option();
                    return value
                }
                _initTemplates() {
                    this._templateManager.addDefaultTemplates({
                        dropDownButton: new _function_template.FunctionTemplate(options => {
                            const $icon = (0, _renderer.default)("<div>").addClass("dx-dropdowneditor-icon");
                            (0, _renderer.default)(options.container).append($icon)
                        })
                    });
                    super._initTemplates()
                }
                _renderOpenHandler() {
                    const $inputWrapper = this._inputWrapper();
                    const eventName = (0, _index.addNamespace)(_click.name, this.NAME);
                    const {
                        openOnFieldClick: openOnFieldClick
                    } = this.option();
                    _events_engine.default.off($inputWrapper, eventName);
                    _events_engine.default.on($inputWrapper, eventName, this._getInputClickHandler(openOnFieldClick));
                    this.$element().toggleClass("dx-dropdowneditor-field-clickable", openOnFieldClick);
                    if (openOnFieldClick) {
                        this._openOnFieldClickAction = this._createAction(this._openHandler.bind(this))
                    }
                }
                _attachFocusOutHandler() {
                    if (isIOs) {
                        this._detachFocusOutEvents();
                        _events_engine.default.on(this._inputWrapper(), (0, _index.addNamespace)("focusout", this.NAME), event => {
                            const newTarget = event.relatedTarget;
                            if (newTarget && this.option("opened")) {
                                const isNewTargetOutside = this._isTargetOutOfComponent(newTarget);
                                if (isNewTargetOutside) {
                                    this.close()
                                }
                            }
                        })
                    }
                }
                _isTargetOutOfComponent(newTarget) {
                    const popupWrapper = this.content ? (0, _renderer.default)(this.content()).closest(".dx-dropdowneditor-overlay") : this._$popup;
                    const isTargetOutsidePopup = 0 === (0, _renderer.default)(newTarget).closest(".dx-dropdowneditor-overlay", popupWrapper).length;
                    return isTargetOutsidePopup
                }
                _detachFocusOutEvents() {
                    isIOs && _events_engine.default.off(this._inputWrapper(), (0, _index.addNamespace)("focusout", this.NAME))
                }
                _getInputClickHandler(openOnFieldClick) {
                    return openOnFieldClick ? e => {
                        this._executeOpenAction(e)
                    } : () => {
                        this._focusInput()
                    }
                }
                _openHandler() {
                    this._toggleOpenState()
                }
                _executeOpenAction(e) {
                    var _this$_openOnFieldCli;
                    null === (_this$_openOnFieldCli = this._openOnFieldClickAction) || void 0 === _this$_openOnFieldCli || _this$_openOnFieldCli.call(this, {
                        event: e
                    })
                }
                _keyboardEventBindingTarget() {
                    return this._input()
                }
                _focusInput() {
                    if (this.option("disabled")) {
                        return false
                    }
                    if (this.option("focusStateEnabled") && !(0, _m_selectors.focused)(this._input())) {
                        this._resetCaretPosition();
                        _events_engine.default.trigger(this._input(), "focus")
                    }
                    return true
                }
                _resetCaretPosition() {
                    let ignoreEditable = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : false;
                    const inputElement = this._input().get(0);
                    if (inputElement) {
                        const {
                            value: value
                        } = inputElement;
                        const caretPosition = (0, _type.isDefined)(value) && (ignoreEditable || this._isEditable()) ? value.length : 0;
                        this._caret({
                            start: caretPosition,
                            end: caretPosition
                        }, true)
                    }
                }
                _isEditable() {
                    const {
                        acceptCustomValue: acceptCustomValue
                    } = this.option();
                    return acceptCustomValue
                }
                _toggleOpenState(isVisible) {
                    if (!this._focusInput()) {
                        return
                    }
                    if (!this.option("readOnly")) {
                        isVisible = arguments.length ? isVisible : !this.option("opened");
                        this.option("opened", isVisible)
                    }
                }
                _getControlsAria() {
                    return this._popup && this._popupContentId
                }
                _renderOpenedState() {
                    const opened = this.option("opened");
                    if (opened) {
                        this._createPopup()
                    }
                    this.$element().toggleClass("dx-dropdowneditor-active", opened);
                    this._setPopupOption("visible", opened);
                    const arias = {
                        expanded: opened,
                        controls: this._getControlsAria()
                    };
                    this.setAria(arias);
                    this.setAria("owns", opened ? this._popupContentId : void 0, this.$element())
                }
                _createPopup() {
                    if (this._$popup) {
                        return
                    }
                    this._$popup = (0, _renderer.default)("<div>").addClass("dx-dropdowneditor-overlay").appendTo(this.$element());
                    this._renderPopup();
                    this._renderPopupContent();
                    this._setPopupAriaLabel()
                }
                _setPopupAriaLabel() {
                    const $overlayContent = this._popup.$overlayContent();
                    this.setAria("label", "Dropdown", $overlayContent)
                }
                _renderPopupContent() {}
                _renderPopup() {
                    const popupConfig = (0, _extend.extend)(this._popupConfig(), this._options.cache("dropDownOptions"));
                    this._popup = this._createComponent(this._$popup, _ui.default, popupConfig);
                    this._popup.on({
                        showing: this._popupShowingHandler.bind(this),
                        shown: this._popupShownHandler.bind(this),
                        hiding: this._popupHidingHandler.bind(this),
                        hidden: this._popupHiddenHandler.bind(this),
                        contentReady: this._contentReadyHandler.bind(this)
                    });
                    this._attachPopupKeyHandler();
                    this._contentReadyHandler();
                    this._setPopupContentId(this._popup.$content());
                    this._bindInnerWidgetOptions(this._popup, "dropDownOptions")
                }
                _attachPopupKeyHandler() {
                    _events_engine.default.on(this._popup.$overlayContent(), (0, _index.addNamespace)("keydown", this.NAME), e => this._popupKeyHandler(e))
                }
                _popupKeyHandler(e) {
                    switch ((0, _index.normalizeKeyName)(e)) {
                        case "tab":
                            this._popupTabHandler(e);
                            break;
                        case "escape":
                            this._popupEscHandler()
                    }
                }
                _popupTabHandler(e) {
                    const $target = (0, _renderer.default)(e.target);
                    const moveBackward = e.shiftKey && $target.is(this._getFirstPopupElement());
                    const moveForward = !e.shiftKey && $target.is(this._getLastPopupElement());
                    if (moveForward || moveBackward) {
                        _events_engine.default.trigger(this.field(), "focus");
                        e.preventDefault()
                    }
                }
                _popupEscHandler() {
                    _events_engine.default.trigger(this._input(), "focus");
                    this.close()
                }
                _setPopupContentId($popupContent) {
                    this._popupContentId = `dx-${new _guid.default}`;
                    this.setAria("id", this._popupContentId, $popupContent)
                }
                _contentReadyHandler() {}
                _popupConfig() {
                    return {
                        onInitialized: this._getPopupInitializedHandler(),
                        position: (0, _extend.extend)(this.option("popupPosition"), {
                            of: this.$element()
                        }),
                        showTitle: this.option("dropDownOptions.showTitle"),
                        _ignoreFunctionValueDeprecation: true,
                        width: () => (0, _m_utils.getElementWidth)(this.$element()),
                        height: "auto",
                        shading: false,
                        hideOnParentScroll: true,
                        hideOnOutsideClick: e => this._closeOutsideDropDownHandler(e),
                        animation: {
                            show: {
                                type: "fade",
                                duration: 0,
                                from: 0,
                                to: 1
                            },
                            hide: {
                                type: "fade",
                                duration: 400,
                                from: 1,
                                to: 0
                            }
                        },
                        deferRendering: false,
                        focusStateEnabled: false,
                        showCloseButton: false,
                        dragEnabled: false,
                        toolbarItems: this._getPopupToolbarItems(),
                        onPositioned: this._popupPositionedHandler.bind(this),
                        fullScreen: false,
                        contentTemplate: null,
                        _hideOnParentScrollTarget: this.$element(),
                        _wrapperClassExternal: "dx-dropdowneditor-overlay",
                        _ignorePreventScrollEventsDeprecation: true
                    }
                }
                _popupInitializedHandler() {}
                _getPopupInitializedHandler() {
                    const {
                        onPopupInitialized: onPopupInitialized
                    } = this.option();
                    return e => {
                        this._popupInitializedHandler();
                        if (onPopupInitialized) {
                            this._popupInitializedAction({
                                popup: e.component
                            })
                        }
                    }
                }
                _dimensionChanged() {
                    if ((0, _window.hasWindow)() && !this.$element().is(":visible")) {
                        this.close();
                        return
                    }
                    this._updatePopupWidth()
                }
                _updatePopupWidth() {
                    const popupWidth = (0, _m_utils.getSizeValue)(this.option("dropDownOptions.width"));
                    if (void 0 === popupWidth) {
                        this._setPopupOption("width", () => (0, _m_utils.getElementWidth)(this.$element()))
                    }
                }
                _popupPositionedHandler(e) {
                    var _e$position;
                    const {
                        labelMode: labelMode,
                        stylingMode: stylingMode
                    } = this.option();
                    if (!this._popup) {
                        return
                    }
                    const $popupOverlayContent = this._popup.$overlayContent();
                    const isOverlayFlipped = null === (_e$position = e.position) || void 0 === _e$position || null === (_e$position = _e$position.v) || void 0 === _e$position ? void 0 : _e$position.flip;
                    const shouldIndentForLabel = "hidden" !== labelMode && "outside" !== labelMode && "outlined" === stylingMode;
                    if (e.position) {
                        $popupOverlayContent.toggleClass("dx-dropdowneditor-overlay-flipped", isOverlayFlipped)
                    }
                    if (isOverlayFlipped && shouldIndentForLabel && this._label.isVisible()) {
                        const $label = this._label.$element();
                        (0, _translator.move)($popupOverlayContent, {
                            top: (0, _translator.locate)($popupOverlayContent).top - parseInt($label.css("fontSize"))
                        })
                    }
                }
                _popupShowingHandler() {}
                _popupHidingHandler() {
                    this.option("opened", false)
                }
                _popupShownHandler() {
                    var _this$_validationMess;
                    this._openAction();
                    null === (_this$_validationMess = this._validationMessage) || void 0 === _this$_validationMess || _this$_validationMess.option("positionSide", this._getValidationMessagePositionSide())
                }
                _popupHiddenHandler() {
                    var _this$_validationMess2;
                    this._closeAction();
                    null === (_this$_validationMess2 = this._validationMessage) || void 0 === _this$_validationMess2 || _this$_validationMess2.option("positionSide", this._getValidationMessagePositionSide())
                }
                _getValidationMessagePositionSide() {
                    var _this$_popup;
                    const {
                        validationMessagePosition: validationMessagePosition
                    } = this.option();
                    if ("auto" !== validationMessagePosition) {
                        return validationMessagePosition
                    }
                    let positionSide = "bottom";
                    if (null !== (_this$_popup = this._popup) && void 0 !== _this$_popup && _this$_popup.option("visible")) {
                        const {
                            top: myTop
                        } = _position.default.setup(this.$element());
                        const {
                            top: popupTop
                        } = _position.default.setup(this._popup.$content());
                        positionSide = myTop + this.option("popupPosition").offset.v > popupTop ? "bottom" : "top"
                    }
                    return positionSide
                }
                _closeOutsideDropDownHandler(event) {
                    const {
                        target: target
                    } = event;
                    const $target = (0, _renderer.default)(target);
                    const dropDownButton = this.getButton("dropDown");
                    const $dropDownButton = null === dropDownButton || void 0 === dropDownButton ? void 0 : dropDownButton.$element();
                    const isInputClicked = !!$target.closest(this.$element()).length;
                    const isDropDownButtonClicked = !!$target.closest($dropDownButton).length;
                    const isOutsideClick = !isInputClicked && !isDropDownButtonClicked;
                    return isOutsideClick
                }
                _clean() {
                    var _this$_$popup;
                    this._clearFieldAddons(true);
                    null === (_this$_$popup = this._$popup) || void 0 === _this$_$popup || _this$_$popup.remove();
                    this._openOnFieldClickAction = void 0;
                    this._$templateWrapper = void 0;
                    this._popup = void 0;
                    this._$popup = void 0;
                    super._clean()
                }
                _setPopupOption(optionName, value) {
                    this._setWidgetOption("_popup", arguments)
                }
                _validatedOpening() {
                    if (!this.option("readOnly")) {
                        this._toggleOpenState(true)
                    }
                }
                _getPopupToolbarItems() {
                    const {
                        applyValueMode: applyValueMode
                    } = this.option();
                    return "useButtons" === applyValueMode ? this._popupToolbarItemsConfig() : []
                }
                _getFirstPopupElement() {
                    return (0, _renderer.default)(this._popup.getFocusableElements()).first()
                }
                _getLastPopupElement() {
                    return (0, _renderer.default)(this._popup.getFocusableElements()).last()
                }
                _popupToolbarItemsConfig() {
                    const buttonsConfig = [{
                        shortcut: "done",
                        options: {
                            onClick: this._applyButtonHandler.bind(this),
                            text: this.option("applyButtonText")
                        }
                    }, {
                        shortcut: "cancel",
                        options: {
                            onClick: this._cancelButtonHandler.bind(this),
                            text: this.option("cancelButtonText")
                        }
                    }];
                    return this._applyButtonsLocation(buttonsConfig)
                }
                _applyButtonsLocation(buttonsConfig) {
                    const {
                        buttonsLocation: buttonsLocation
                    } = this.option();
                    const resultConfig = buttonsConfig;
                    if ("default" !== buttonsLocation) {
                        const position = (0, _common.splitPair)(buttonsLocation);
                        (0, _iterator.each)(resultConfig, (_, element) => {
                            (0, _extend.extend)(element, {
                                toolbar: position[0],
                                location: position[1]
                            })
                        })
                    }
                    return resultConfig
                }
                _applyButtonHandler(args) {
                    this.close();
                    if (this.option("focusStateEnabled")) {
                        this.focus()
                    }
                }
                _cancelButtonHandler() {
                    this.close();
                    if (this.option("focusStateEnabled")) {
                        this.focus()
                    }
                }
                _popupOptionChanged(args) {
                    const options = _ui3.default.getOptionsFromContainer(args);
                    this._setPopupOption(options);
                    const optionsKeys = Object.keys(options);
                    if (optionsKeys.includes("width") || optionsKeys.includes("height")) {
                        this._dimensionChanged()
                    }
                }
                _renderSubmitElement() {
                    if (this.option("useHiddenSubmitElement")) {
                        this._$submitElement = (0, _renderer.default)("<input>").attr("type", "hidden").appendTo(this.$element())
                    }
                }
                _setSubmitValue() {
                    const {
                        value: value
                    } = this.option();
                    this._getSubmitElement().val(value)
                }
                _getSubmitElement() {
                    if (this.option("useHiddenSubmitElement")) {
                        return this._$submitElement
                    }
                    return super._getSubmitElement()
                }
                _shouldLogFieldTemplateDeprecationWarning() {
                    return false
                }
                _setDeprecatedOptions() {
                    super._setDeprecatedOptions();
                    if (this._shouldLogFieldTemplateDeprecationWarning()) {
                        (0, _extend.extend)(this._deprecatedOptions, DROP_DOWN_EDITOR_DEPRECATED_OPTIONS)
                    }
                }
                _dispose() {
                    this._detachFocusOutEvents();
                    super._dispose()
                }
                _optionChanged(args) {
                    var _this$_popup2;
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "width":
                        case "height":
                            super._optionChanged(args);
                            null === (_this$_popup2 = this._popup) || void 0 === _this$_popup2 || _this$_popup2.repaint();
                            break;
                        case "opened":
                            this._renderOpenedState();
                            break;
                        case "onOpened":
                        case "onClosed":
                            this._initVisibilityActions();
                            break;
                        case "onPopupInitialized":
                            this._initPopupInitializedAction();
                            break;
                        case "fieldAddons":
                        case "fieldTemplate":
                        case "acceptCustomValue":
                        case "openOnFieldClick":
                            this._invalidate();
                            break;
                        case "dropDownButtonTemplate":
                        case "showDropDownButton":
                            this._updateButtons(["dropDown"]);
                            break;
                        case "dropDownOptions":
                            this._popupOptionChanged(args);
                            this._innerWidgetOptionChanged(this._popup, args);
                            break;
                        case "_cached_dropDownOptions":
                        case "popupPosition":
                            break;
                        case "deferRendering":
                            if ((0, _window.hasWindow)()) {
                                this._createPopup()
                            }
                            break;
                        case "applyValueMode":
                        case "applyButtonText":
                        case "cancelButtonText":
                        case "buttonsLocation":
                            this._setPopupOption("toolbarItems", this._getPopupToolbarItems());
                            break;
                        case "useHiddenSubmitElement":
                            if (this._$submitElement) {
                                this._$submitElement.remove();
                                this._$submitElement = void 0
                            }
                            this._renderSubmitElement();
                            break;
                        case "rtlEnabled":
                            this._updatePopupPosition(value);
                            super._optionChanged(args);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                open() {
                    this.option("opened", true)
                }
                close() {
                    this.option("opened", false)
                }
                field() {
                    return (0, _element.getPublicElement)(this._input())
                }
                content() {
                    return this._popup ? this._popup.content() : null
                }
            }(0, _component_registrator.default)("dxDropDownEditor", DropDownEditor);
            exports.default = DropDownEditor
        },
        20287(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _query = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/query */ 30771));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _child_default_template = __webpack_require__( /*! ../../../core/templates/child_default_template */ 91585);
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/editor/ui.data_expression */ 7632));
            var _ui2 = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _grouped = __webpack_require__( /*! ../../data/data_converter/grouped */ 40375);
            var _m_drop_down_editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/drop_down_editor/m_drop_down_editor */ 28906));
            var _listEdit = _interopRequireDefault(__webpack_require__( /*! ../../ui/list/list.edit.search */ 51802));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const SEARCH_MODES = ["startswith", "contains", "endwith", "notcontains"];
            const useCompositionEvents = "android" !== _devices.default.real().platform;
            class DropDownList extends _m_drop_down_editor.default {
                _supportedKeys() {
                    const parentSupportedKeys = super._supportedKeys();
                    return Object.assign({}, parentSupportedKeys, {
                        tab(e) {
                            if (this._allowSelectItemByTab()) {
                                this._saveValueChangeEvent(e);
                                const {
                                    focusedElement: focusedElement
                                } = this._list.option();
                                const $focusedItem = (0, _renderer.default)(focusedElement);
                                if ($focusedItem.length) {
                                    this._setSelectedElement($focusedItem)
                                }
                            }
                            parentSupportedKeys.tab(e)
                        },
                        space: _common.noop,
                        home: _common.noop,
                        end: _common.noop
                    })
                }
                _allowSelectItemByTab() {
                    const {
                        opened: opened,
                        applyValueMode: applyValueMode
                    } = this.option();
                    return opened && "instantly" === applyValueMode
                }
                _setSelectedElement($element) {
                    const value = this._valueGetter(this._list._getItemData($element));
                    this._setValue(value)
                }
                _setValue(value) {
                    this.option("value", value)
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), _ui.default._dataExpressionDefaultOptions(), {
                        displayValue: void 0,
                        searchEnabled: false,
                        searchMode: "contains",
                        searchTimeout: 500,
                        minSearchLength: 0,
                        searchExpr: null,
                        valueChangeEvent: "input change keyup",
                        selectedItem: null,
                        noDataText: _message.default.format("dxCollectionWidget-noDataText"),
                        encodeNoDataText: false,
                        onSelectionChanged: null,
                        onItemClick: _common.noop,
                        showDataBeforeSearch: false,
                        grouped: false,
                        groupTemplate: "group",
                        popupPosition: {
                            my: "left top",
                            at: "left bottom",
                            offset: {
                                h: 0,
                                v: 0
                            },
                            collision: "flip"
                        },
                        wrapItemText: false,
                        useItemTextAsTitle: false
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: {
                            platform: "ios"
                        },
                        options: {
                            popupPosition: {
                                offset: {
                                    v: -1
                                }
                            }
                        }
                    }, {
                        device: {
                            platform: "generic"
                        },
                        options: {
                            buttonsLocation: "bottom center"
                        }
                    }])
                }
                _setOptionsByReference() {
                    super._setOptionsByReference();
                    (0, _extend.extend)(this._optionsByReference, {
                        value: true,
                        selectedItem: true,
                        displayValue: true
                    })
                }
                _init() {
                    super._init();
                    this._initDataExpressions();
                    this._initActions();
                    this._setListDataSource();
                    this._validateSearchMode();
                    this._clearSelectedItem();
                    this._initItems()
                }
                _setListFocusedElementOptionChange() {
                    this._list._updateParentActiveDescendant = this._updateActiveDescendant.bind(this)
                }
                _initItems() {
                    const {
                        items: items
                    } = this.option();
                    if (items && !items.length && this._dataSource) {
                        this.option().items = this._dataSource.items()
                    }
                }
                _initActions() {
                    this._initContentReadyAction();
                    this._initSelectionChangedAction();
                    this._initItemClickAction()
                }
                _initContentReadyAction() {
                    this._contentReadyAction = this._createActionByOption("onContentReady", {
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _initSelectionChangedAction() {
                    this._selectionChangedAction = this._createActionByOption("onSelectionChanged", {
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _initItemClickAction() {
                    this._itemClickAction = this._createActionByOption("onItemClick")
                }
                _initTemplates() {
                    super._initTemplates();
                    this._templateManager.addDefaultTemplates({
                        item: new _child_default_template.ChildDefaultTemplate("item")
                    })
                }
                _isEditable() {
                    const {
                        searchEnabled: searchEnabled
                    } = this.option();
                    return super._isEditable() || searchEnabled
                }
                _saveFocusOnWidget() {
                    var _this$_list;
                    if (null !== (_this$_list = this._list) && void 0 !== _this$_list && _this$_list.initialOption("focusStateEnabled")) {
                        this._focusInput()
                    }
                }
                _fitIntoRange(value, start, end) {
                    if (value > end) {
                        return start
                    }
                    if (value < start) {
                        return end
                    }
                    return value
                }
                _items() {
                    const items = this._getPlainItems(!this._list && this._dataSource.items());
                    const availableItems = new _query.default(items).filter("disabled", "<>", true).toArray();
                    return availableItems
                }
                _calcNextItem(step) {
                    const items = this._items();
                    const nextIndex = this._fitIntoRange(this._getSelectedIndex() + step, 0, items.length - 1);
                    return items[nextIndex]
                }
                _getSelectedIndex() {
                    const items = this._items();
                    const selectedItem = this.option("selectedItem");
                    let result = -1;
                    (0, _iterator.each)(items, (index, item) => {
                        if (this._isValueEquals(item, selectedItem)) {
                            result = index;
                            return false
                        }
                    });
                    return result
                }
                _createPopup() {
                    super._createPopup();
                    this._updateCustomBoundaryContainer();
                    this._popup.$wrapper().addClass(this._popupWrapperClass());
                    const $popupContent = this._popup.$content();
                    _events_engine.default.off($popupContent, "mouseup");
                    _events_engine.default.on($popupContent, "mouseup", this._saveFocusOnWidget.bind(this))
                }
                _updateCustomBoundaryContainer() {
                    const customContainer = this.option("dropDownOptions.container");
                    const $container = customContainer && (0, _renderer.default)(customContainer);
                    if ($container && $container.length && !(0, _type.isWindow)($container.get(0))) {
                        const $containerWithParents = [].slice.call($container.parents());
                        $containerWithParents.unshift($container.get(0));
                        (0, _iterator.each)($containerWithParents, (i, parent) => {
                            if (parent === (0, _renderer.default)("body").get(0)) {
                                return false
                            }
                            if ("hidden" === window.getComputedStyle(parent).overflowY) {
                                this._$customBoundaryContainer = (0, _renderer.default)(parent);
                                return false
                            }
                        })
                    }
                }
                _popupWrapperClass() {
                    return "dx-dropdownlist-popup-wrapper"
                }
                _renderInputValue() {
                    var _this = this;
                    let {
                        value: value,
                        renderOnly: renderOnly
                    } = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
                    const currentValue = value ?? this._getCurrentValue();
                    this._rejectValueLoading();
                    if (renderOnly) {
                        return super._renderInputValue(currentValue)
                    }
                    return this._loadInputValue(currentValue, function() {
                        _this._setSelectedItem(...arguments)
                    }).always(super._renderInputValue.bind(this, currentValue))
                }
                _loadInputValue(value, callback) {
                    return this._loadItem(value).always(callback)
                }
                _getItemFromPlain(value, cache) {
                    let plainItems;
                    let selectedItem;
                    if (cache && "object" !== typeof value) {
                        if (!cache.itemByValue) {
                            cache.itemByValue = {};
                            plainItems = this._getPlainItems();
                            plainItems.forEach(function(item) {
                                cache.itemByValue[this._valueGetter(item)] = item
                            }, this)
                        }
                        selectedItem = cache.itemByValue[value]
                    }
                    if (!selectedItem) {
                        plainItems = this._getPlainItems();
                        selectedItem = (0, _common.grep)(plainItems, item => this._isValueEquals(this._valueGetter(item), value))[0]
                    }
                    return selectedItem
                }
                _resetInputText() {
                    this._renderInputValue({
                        renderOnly: true
                    })
                }
                _loadItem(value, cache) {
                    const selectedItem = this._getItemFromPlain(value, cache);
                    return void 0 !== selectedItem ? (0, _deferred.Deferred)().resolve(selectedItem).promise() : this._loadValue(value)
                }
                _getPlainItems(items) {
                    let plainItems = [];
                    const {
                        grouped: grouped
                    } = this.option();
                    items = items || this.option("items") || this._dataSource.items() || [];
                    for (let i = 0; i < items.length; i++) {
                        var _items$i;
                        if (grouped && null !== (_items$i = items[i]) && void 0 !== _items$i && _items$i.items) {
                            plainItems = plainItems.concat(items[i].items)
                        } else {
                            plainItems.push(items[i])
                        }
                    }
                    return plainItems
                }
                _updateActiveDescendant($target) {
                    var _this$_list2;
                    const opened = this.option("opened");
                    const listFocusedItemId = null === (_this$_list2 = this._list) || void 0 === _this$_list2 ? void 0 : _this$_list2.getFocusedItemId();
                    const isElementOnDom = (0, _renderer.default)(`#${listFocusedItemId}`).length > 0;
                    const activedescendant = opened && isElementOnDom && listFocusedItemId;
                    this.setAria({
                        activedescendant: activedescendant || null
                    }, $target)
                }
                _setSelectedItem(item) {
                    const displayValue = this._displayValue(item);
                    this.option("selectedItem", (0, _common.ensureDefined)(item, null));
                    this.option("displayValue", displayValue)
                }
                _displayValue(item) {
                    return this._displayGetter(item)
                }
                _refreshSelected() {
                    const cache = {};
                    this._listItemElements().each((_, itemElement) => {
                        const $itemElement = (0, _renderer.default)(itemElement);
                        const itemValue = this._valueGetter($itemElement.data("dxListItemData"));
                        const isItemSelected = this._isSelectedValue(itemValue, cache);
                        if (isItemSelected) {
                            this._list.selectItem($itemElement)
                        } else {
                            this._list.unselectItem($itemElement)
                        }
                    })
                }
                _popupShownHandler() {
                    super._popupShownHandler();
                    this._setFocusPolicy()
                }
                _setFocusPolicy() {
                    if (!this.option("focusStateEnabled") || !this._list) {
                        return
                    }
                    this._list.option("focusedElement", null)
                }
                _isSelectedValue(value, cache) {
                    return this._isValueEquals(value, this.option("value"))
                }
                _validateSearchMode() {
                    const searchMode = this.option("searchMode");
                    const normalizedSearchMode = searchMode.toLowerCase();
                    if (!SEARCH_MODES.includes(normalizedSearchMode)) {
                        throw _ui2.default.Error("E1019", searchMode)
                    }
                }
                _clearSelectedItem() {
                    this.option("selectedItem", null)
                }
                _processDataSourceChanging() {
                    this._initDataController();
                    this._setListOption("_dataController", this._dataController);
                    this._setListDataSource();
                    this._renderInputValue().fail(() => {
                        if (this._isCustomValueAllowed()) {
                            return
                        }
                        this._clearSelectedItem()
                    })
                }
                _isCustomValueAllowed() {
                    return this.option("displayCustomValue")
                }
                clear() {
                    super.clear();
                    this._clearFilter();
                    this._clearSelectedItem()
                }
                _listItemElements() {
                    return this._$list ? this._$list.find(".dx-list-item") : (0, _renderer.default)()
                }
                _popupConfig() {
                    return Object.assign({}, super._popupConfig(), {
                        templatesRenderAsynchronously: false,
                        autoResizeEnabled: false,
                        maxHeight: this._getMaxHeight.bind(this)
                    })
                }
                _renderPopupContent() {
                    super._renderPopupContent();
                    this._renderList()
                }
                _getKeyboardListeners() {
                    const canListHaveFocus = this._canListHaveFocus();
                    if (!canListHaveFocus) {
                        return super._getKeyboardListeners().concat([this._list])
                    }
                    return super._getKeyboardListeners()
                }
                _renderList() {
                    this._listId = `dx-${(new _guid.default)._value}`;
                    const $list = (0, _renderer.default)("<div>").attr("id", this._listId).appendTo(this._popup.$content());
                    this._$list = $list;
                    this._list = this._createComponent($list, _listEdit.default, this._listConfig());
                    this._refreshList();
                    this._renderPreventBlurOnListClick();
                    this._setListFocusedElementOptionChange()
                }
                _renderPreventBlurOnListClick() {
                    const eventName = (0, _utils.addNamespace)("mousedown", "dxDropDownList");
                    _events_engine.default.off(this._$list, eventName);
                    _events_engine.default.on(this._$list, eventName, e => e.preventDefault())
                }
                _getControlsAria() {
                    return this._list && this._listId
                }
                _renderOpenedState() {
                    super._renderOpenedState();
                    this._list && this._updateActiveDescendant();
                    this.setAria("owns", this._popup && this._popupContentId)
                }
                _getAriaHasPopup() {
                    return "listbox"
                }
                _refreshList() {
                    if (this._list && this._shouldRefreshDataSource()) {
                        this._setListDataSource()
                    }
                }
                _shouldRefreshDataSource() {
                    const dataSourceProvided = !!this._list.option("dataSource");
                    return dataSourceProvided !== this._needPassDataSourceToList()
                }
                _isDesktopDevice() {
                    return "desktop" === _devices.default.real().deviceType
                }
                _listConfig() {
                    const {
                        noDataText: noDataText,
                        grouped: grouped,
                        wrapItemText: wrapItemText,
                        itemTemplate: itemTemplate,
                        groupTemplate: groupTemplate,
                        hoverStateEnabled: hoverStateEnabled,
                        focusStateEnabled: focusStateEnabled,
                        encodeNoDataText: encodeNoDataText,
                        useItemTextAsTitle: useItemTextAsTitle
                    } = this.option();
                    const options = {
                        selectionMode: "single",
                        _templates: this.option("_templates"),
                        templateProvider: this.option("templateProvider"),
                        noDataText: noDataText,
                        encodeNoDataText: encodeNoDataText,
                        grouped: grouped,
                        wrapItemText: wrapItemText,
                        useItemTextAsTitle: useItemTextAsTitle,
                        onContentReady: this._listContentReadyHandler.bind(this),
                        itemTemplate: itemTemplate,
                        indicateLoading: false,
                        keyExpr: this._getCollectionKeyExpr(),
                        displayExpr: this._displayGetterExpr(),
                        groupTemplate: groupTemplate,
                        onItemClick: this._listItemClickAction.bind(this),
                        dataSource: this._getDataSource(),
                        _dataController: this._dataController,
                        hoverStateEnabled: this._isDesktopDevice() ? hoverStateEnabled : false,
                        focusStateEnabled: this._isDesktopDevice() ? focusStateEnabled : false,
                        _onItemsRendered: () => {
                            this._popup.repaint()
                        }
                    };
                    if (!this._canListHaveFocus()) {
                        options.tabIndex = null
                    }
                    return options
                }
                _canListHaveFocus() {
                    return false
                }
                _getDataSource() {
                    return this._needPassDataSourceToList() ? this._dataSource : null
                }
                _dataSourceOptions() {
                    return {
                        paginate: false
                    }
                }
                _getSpecificDataSourceOption() {
                    const {
                        grouped: grouped
                    } = this.option();
                    const dataSource = this.option("dataSource");
                    if (dataSource && grouped) {
                        return (0, _grouped.getDataSourceOptions)(dataSource)
                    }
                    return dataSource
                }
                _dataSourceFromUrlLoadMode() {
                    return "raw"
                }
                _listContentReadyHandler() {
                    this._list = this._list || this._$list.dxList("instance");
                    if (!this.option("deferRendering")) {
                        this._refreshSelected()
                    }
                    this._updatePopupWidth();
                    this._updateListDimensions();
                    this._contentReadyAction()
                }
                _setListOption(optionName, value) {
                    this._setWidgetOption("_list", arguments)
                }
                _listItemClickAction(e) {
                    this._listItemClickHandler(e);
                    this._itemClickAction(e)
                }
                _listItemClickHandler(e) {}
                _setListDataSource() {
                    if (!this._list) {
                        return
                    }
                    this._setListOption("dataSource", this._getDataSource());
                    if (!this._needPassDataSourceToList()) {
                        this._setListOption("items", [])
                    }
                }
                _needPassDataSourceToList() {
                    const {
                        showDataBeforeSearch: showDataBeforeSearch
                    } = this.option();
                    return showDataBeforeSearch || this._isMinSearchLengthExceeded()
                }
                _isMinSearchLengthExceeded() {
                    return this._searchValue().toString().length >= this.option("minSearchLength")
                }
                _needClearFilter() {
                    return this._canKeepDataSource() ? false : this._needPassDataSourceToList()
                }
                _canKeepDataSource() {
                    const isMinSearchLengthExceeded = this._isMinSearchLengthExceeded();
                    return this._dataController.isLoaded() && this.option("showDataBeforeSearch") && this.option("minSearchLength") && !isMinSearchLengthExceeded && !this._isLastMinSearchLengthExceeded
                }
                _searchValue() {
                    return this._input().val() || ""
                }
                _getSearchEvent() {
                    return (0, _utils.addNamespace)("input", `${this.NAME}Search`)
                }
                _getCompositionStartEvent() {
                    return (0, _utils.addNamespace)("compositionstart", `${this.NAME}CompositionStart`)
                }
                _getCompositionEndEvent() {
                    return (0, _utils.addNamespace)("compositionend", `${this.NAME}CompositionEnd`)
                }
                _getSetFocusPolicyEvent() {
                    return (0, _utils.addNamespace)("input", `${this.NAME}FocusPolicy`)
                }
                _renderEvents() {
                    super._renderEvents();
                    _events_engine.default.on(this._input(), this._getSetFocusPolicyEvent(), () => {
                        this._setFocusPolicy()
                    });
                    if (this._shouldRenderSearchEvent()) {
                        _events_engine.default.on(this._input(), this._getSearchEvent(), e => {
                            this._searchHandler(e)
                        });
                        if (useCompositionEvents) {
                            _events_engine.default.on(this._input(), this._getCompositionStartEvent(), () => {
                                this._isTextCompositionInProgress(true)
                            });
                            _events_engine.default.on(this._input(), this._getCompositionEndEvent(), e => {
                                this._isTextCompositionInProgress(void 0);
                                this._searchHandler(e, this._searchValue())
                            })
                        }
                    }
                }
                _shouldRenderSearchEvent() {
                    return this.option("searchEnabled")
                }
                _refreshEvents() {
                    _events_engine.default.off(this._input(), this._getSearchEvent());
                    _events_engine.default.off(this._input(), this._getSetFocusPolicyEvent());
                    if (useCompositionEvents) {
                        _events_engine.default.off(this._input(), this._getCompositionStartEvent());
                        _events_engine.default.off(this._input(), this._getCompositionEndEvent())
                    }
                    super._refreshEvents()
                }
                _isTextCompositionInProgress(value) {
                    if (arguments.length) {
                        this._isTextComposition = value
                    } else {
                        return this._isTextComposition
                    }
                }
                _searchHandler(e, searchValue) {
                    if (this._isTextCompositionInProgress()) {
                        return
                    }
                    if (!this._isMinSearchLengthExceeded()) {
                        this._searchCanceled();
                        return
                    }
                    const {
                        searchTimeout: searchTimeout
                    } = this.option();
                    if (searchTimeout) {
                        this._clearSearchTimer();
                        this._searchTimer = setTimeout(() => {
                            this._searchDataSource(searchValue)
                        }, searchTimeout)
                    } else {
                        this._searchDataSource(searchValue)
                    }
                }
                _searchCanceled() {
                    this._clearSearchTimer();
                    if (this._needClearFilter()) {
                        this._filterDataSource(null)
                    }
                    this._refreshList()
                }
                _searchDataSource() {
                    let searchValue = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this._searchValue();
                    this._filterDataSource(searchValue)
                }
                _filterDataSource(searchValue) {
                    this._clearSearchTimer();
                    const dataController = this._dataController;
                    dataController.searchExpr(this.option("searchExpr") || this._displayGetterExpr());
                    dataController.searchOperation(this.option("searchMode"));
                    dataController.searchValue(searchValue);
                    dataController.load().done(this._dataSourceFiltered.bind(this, searchValue))
                }
                _clearFilter() {
                    const dataController = this._dataController;
                    dataController.searchValue() && dataController.searchValue(null)
                }
                _dataSourceFiltered(searchValue) {
                    this._isLastMinSearchLengthExceeded = this._isMinSearchLengthExceeded();
                    this._refreshList();
                    this._refreshPopupVisibility()
                }
                _shouldOpenPopup() {
                    return this._hasItemsToShow()
                }
                _refreshPopupVisibility() {
                    if (this.option("readOnly") || !this._searchValue()) {
                        return
                    }
                    const shouldOpenPopup = this._shouldOpenPopup();
                    if (shouldOpenPopup && !this._isFocused()) {
                        return
                    }
                    this.option("opened", shouldOpenPopup);
                    if (shouldOpenPopup) {
                        this._updatePopupWidth();
                        this._updateListDimensions()
                    }
                }
                _dataSourceChangedHandler(newItems) {
                    if (0 === this._dataController.pageIndex()) {
                        this.option().items = newItems
                    } else {
                        this.option().items = this.option().items.concat(newItems)
                    }
                }
                _hasItemsToShow() {
                    const dataController = this._dataController;
                    const resultItems = dataController.items() || [];
                    const resultAmount = resultItems.length;
                    const isMinSearchLengthExceeded = this._needPassDataSourceToList();
                    return !!(isMinSearchLengthExceeded && resultAmount)
                }
                _clearSearchTimer() {
                    clearTimeout(this._searchTimer);
                    delete this._searchTimer
                }
                _popupShowingHandler() {
                    this._updatePopupWidth();
                    this._updateListDimensions()
                }
                _dimensionChanged() {
                    super._dimensionChanged();
                    this._updateListDimensions()
                }
                _needPopupRepaint() {
                    const dataController = this._dataController;
                    const currentPageIndex = dataController.pageIndex();
                    const needRepaint = (0, _type.isDefined)(this._pageIndex) && currentPageIndex <= this._pageIndex || dataController.isLastPage() && !this._list._scrollViewIsFull();
                    this._pageIndex = currentPageIndex;
                    return needRepaint
                }
                _updateListDimensions() {
                    if (!this._popup) {
                        return
                    }
                    if (this._needPopupRepaint()) {
                        this._popup.repaint()
                    }
                    if (this._list) {
                        this._list.updateDimensions()
                    }
                }
                _getMaxHeight() {
                    const $element = this.$element();
                    const $customBoundaryContainer = this._$customBoundaryContainer;
                    const offsetTop = $element.offset().top - ($customBoundaryContainer ? $customBoundaryContainer.offset().top : 0);
                    const windowHeight = (0, _size.getOuterHeight)(window);
                    const containerHeight = $customBoundaryContainer ? Math.min((0, _size.getOuterHeight)($customBoundaryContainer), windowHeight) : windowHeight;
                    const maxHeight = Math.max(offsetTop, containerHeight - offsetTop - (0, _size.getOuterHeight)($element));
                    return Math.min(.5 * containerHeight, maxHeight)
                }
                _clean() {
                    if (this._list) {
                        delete this._list
                    }
                    delete this._isLastMinSearchLengthExceeded;
                    super._clean()
                }
                _dispose() {
                    this._clearSearchTimer();
                    super._dispose()
                }
                _setCollectionWidgetOption() {
                    this._setListOption.apply(this, arguments)
                }
                _setSubmitValue() {
                    const value = this.option("value");
                    const submitValue = this._shouldUseDisplayValue(value) ? this._displayGetter(value) : value;
                    this._getSubmitElement().val(submitValue)
                }
                _shouldUseDisplayValue(value) {
                    return "this" === this.option("valueExpr") && (0, _type.isObject)(value)
                }
                _optionChanged(args) {
                    this._dataExpressionOptionChanged(args);
                    switch (args.name) {
                        case "hoverStateEnabled":
                        case "focusStateEnabled":
                            this._isDesktopDevice() && this._setListOption(args.name, args.value);
                            super._optionChanged(args);
                            break;
                        case "items":
                            if (!this.option("dataSource")) {
                                this._processDataSourceChanging()
                            }
                            break;
                        case "dataSource":
                            this._processDataSourceChanging();
                            break;
                        case "valueExpr":
                            this._renderValue();
                            this._setListOption("keyExpr", this._getCollectionKeyExpr());
                            break;
                        case "displayExpr":
                            this._renderValue();
                            this._setListOption("displayExpr", this._displayGetterExpr());
                            break;
                        case "searchMode":
                            this._validateSearchMode();
                            break;
                        case "minSearchLength":
                            this._refreshList();
                            break;
                        case "searchEnabled":
                        case "showDataBeforeSearch":
                        case "searchExpr":
                            this._invalidate();
                            break;
                        case "onContentReady":
                            this._initContentReadyAction();
                            break;
                        case "onSelectionChanged":
                            this._initSelectionChangedAction();
                            break;
                        case "onItemClick":
                            this._initItemClickAction();
                            break;
                        case "grouped":
                        case "groupTemplate":
                        case "wrapItemText":
                        case "noDataText":
                        case "encodeNoDataText":
                        case "useItemTextAsTitle":
                            this._setListOption(args.name);
                            break;
                        case "displayValue":
                            this.option("text", args.value);
                            break;
                        case "itemTemplate":
                        case "searchTimeout":
                            break;
                        case "selectedItem":
                            if (args.previousValue !== args.value) {
                                this._selectionChangedAction({
                                    selectedItem: args.value
                                })
                            }
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            DropDownList.include(_ui.default);
            (0, _component_registrator.default)("dxDropDownList", DropDownList);
            exports.default = DropDownList
        },
        6807(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getSizeValue = exports.getElementWidth = void 0;
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            exports.getElementWidth = function($element) {
                if ((0, _window.hasWindow)()) {
                    return (0, _size.getOuterWidth)($element)
                }
            };
            exports.getSizeValue = function(size) {
                if (null === size) {
                    size = void 0
                }
                if ("function" === typeof size) {
                    size = size()
                }
                return size
            }
        },
        24768(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _element_data = __webpack_require__( /*! ../../../core/element_data */ 74663);
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/callbacks */ 84718));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _validation_engine = _interopRequireDefault(__webpack_require__( /*! ../../../ui/validation_engine */ 19391));
            var _validation_message = _interopRequireDefault(__webpack_require__( /*! ../../../ui/validation_message */ 59098));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _m_dom = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_dom */ 76400));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ALLOWED_STYLING_MODES = ["outlined", "filled", "underlined"];
            const VALIDATION_MESSAGE_KEYS_MAP = {
                validationMessageMode: "mode",
                validationMessagePosition: "positionSide",
                validationMessageOffset: "offset",
                validationBoundary: "boundary"
            };
            class Editor extends _widget.default {
                static isEditor(instance) {
                    return instance instanceof Editor
                }
                ctor(element, options) {
                    this.showValidationMessageTimeout = void 0;
                    this.validationRequest = (0, _callbacks.default)();
                    super.ctor(element, options)
                }
                _createElement(element) {
                    super._createElement(element);
                    const $element = this.$element();
                    if ($element) {
                        (0, _element_data.data)($element[0], "dx-validation-target", this)
                    }
                }
                _initOptions(options) {
                    super._initOptions(options);
                    this.option(_validation_engine.default.initValidationOptions(options))
                }
                _init() {
                    this._initialValue = this.option("value");
                    super._init();
                    const {
                        validationTooltipOptions: validationTooltipOptions
                    } = this.option();
                    this._options.cache("validationTooltipOptions", validationTooltipOptions);
                    const $element = this.$element();
                    $element.addClass("dx-show-invalid-badge")
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        value: null,
                        name: "",
                        onValueChanged: null,
                        readOnly: false,
                        isValid: true,
                        validationError: null,
                        validationErrors: null,
                        validationStatus: "valid",
                        validationMessageMode: "auto",
                        validationMessagePosition: "bottom",
                        validationBoundary: void 0,
                        validationMessageOffset: {
                            h: 0,
                            v: 0
                        },
                        validationTooltipOptions: {},
                        _cached_validationTooltipOptions: {},
                        _showValidationMessage: true,
                        isDirty: false
                    })
                }
                _shouldAttachKeyboardEvents() {
                    const {
                        readOnly: readOnly
                    } = this.option();
                    return !readOnly
                }
                _attachKeyboardEvents() {
                    if (this._shouldAttachKeyboardEvents()) {
                        super._attachKeyboardEvents()
                    }
                }
                _setOptionsByReference() {
                    super._setOptionsByReference();
                    (0, _extend.extend)(this._optionsByReference, {
                        validationError: true
                    })
                }
                _createValueChangeAction() {
                    this._valueChangeAction = this._createActionByOption("onValueChanged", {
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _suppressValueChangeAction() {
                    this._valueChangeActionSuppressed = true
                }
                _resumeValueChangeAction() {
                    this._valueChangeActionSuppressed = false
                }
                _initMarkup() {
                    this._toggleReadOnlyState();
                    const {
                        name: name,
                        _onMarkupRendered: markupRendered
                    } = this.option();
                    this._setSubmitElementName(name);
                    super._initMarkup();
                    this._renderValidationState();
                    null === markupRendered || void 0 === markupRendered || markupRendered()
                }
                _raiseValueChangeAction(value, previousValue) {
                    if (!this._valueChangeAction) {
                        this._createValueChangeAction()
                    }
                    this._valueChangeAction(this._valueChangeArgs(value, previousValue))
                }
                _valueChangeArgs(value, previousValue) {
                    return {
                        value: value,
                        previousValue: previousValue,
                        event: this._valueChangeEventInstance
                    }
                }
                _saveValueChangeEvent(e) {
                    this._valueChangeEventInstance = e
                }
                _focusInHandler(e) {
                    const {
                        validationMessageMode: validationMessageMode
                    } = this.option();
                    const isValidationMessageShownOnFocus = "auto" === validationMessageMode;
                    if (this._canValueBeChangedByClick() && isValidationMessageShownOnFocus) {
                        var _this$_validationMess;
                        const $validationMessageWrapper = null === (_this$_validationMess = this._validationMessage) || void 0 === _this$_validationMess ? void 0 : _this$_validationMess.$wrapper();
                        null === $validationMessageWrapper || void 0 === $validationMessageWrapper || $validationMessageWrapper.removeClass("dx-invalid-message-auto");
                        clearTimeout(this.showValidationMessageTimeout);
                        this.showValidationMessageTimeout = setTimeout(() => null === $validationMessageWrapper || void 0 === $validationMessageWrapper ? void 0 : $validationMessageWrapper.addClass("dx-invalid-message-auto"), 150)
                    }
                    super._focusInHandler(e)
                }
                _canValueBeChangedByClick() {
                    return false
                }
                _getStylingModePrefix() {
                    return "dx-editor-"
                }
                _renderStylingMode() {
                    const {
                        stylingMode: stylingMode
                    } = this.option();
                    const prefix = this._getStylingModePrefix();
                    const allowedStylingClasses = ALLOWED_STYLING_MODES.map(mode => prefix + mode);
                    allowedStylingClasses.forEach(className => this.$element().removeClass(className));
                    let stylingModeClass = prefix + String(stylingMode);
                    if (!allowedStylingClasses.includes(stylingModeClass)) {
                        const optionName = "stylingMode";
                        const defaultOptionValue = this._getDefaultOptions()[optionName];
                        const platformOptionValue = this._convertRulesToOptions(this._defaultOptionsRules())[optionName];
                        stylingModeClass = prefix + (platformOptionValue ?? defaultOptionValue)
                    }
                    this.$element().addClass(stylingModeClass)
                }
                _getValidationErrors() {
                    let {
                        validationErrors: validationErrors
                    } = this.option();
                    const {
                        validationError: validationError
                    } = this.option();
                    if (!validationErrors && validationError) {
                        validationErrors = [validationError]
                    }
                    return validationErrors
                }
                _disposeValidationMessage() {
                    if (this._$validationMessage) {
                        this._$validationMessage.remove();
                        this.setAria("describedby", null);
                        this._$validationMessage = void 0;
                        this._validationMessage = void 0
                    }
                }
                _toggleValidationClasses(isInvalid) {
                    this.$element().toggleClass("dx-invalid", isInvalid);
                    this.setAria("invalid", isInvalid || void 0)
                }
                _renderValidationState() {
                    const {
                        validationStatus: validationStatus,
                        _showValidationMessage: showValidationMessage
                    } = this.option();
                    const isValid = this.option("isValid") && "invalid" !== validationStatus;
                    const validationErrors = this._getValidationErrors();
                    const $element = this.$element();
                    this._toggleValidationClasses(!isValid);
                    if (!(0, _window.hasWindow)() || !showValidationMessage) {
                        return
                    }
                    this._disposeValidationMessage();
                    if (!isValid && validationErrors) {
                        const {
                            validationMessageMode: validationMessageMode,
                            validationMessageOffset: validationMessageOffset,
                            validationBoundary: validationBoundary,
                            rtlEnabled: rtlEnabled
                        } = this.option();
                        this._$validationMessage = (0, _renderer.default)("<div>").appendTo($element);
                        const validationMessageContentId = `dx-${new _guid.default}`;
                        this.setAria("describedby", validationMessageContentId);
                        this._validationMessage = new _validation_message.default(this._$validationMessage, (0, _extend.extend)({
                            validationErrors: validationErrors,
                            rtlEnabled: rtlEnabled,
                            target: this._getValidationMessageTarget(),
                            visualContainer: $element,
                            mode: validationMessageMode,
                            positionSide: this._getValidationMessagePosition(),
                            offset: validationMessageOffset,
                            boundary: validationBoundary,
                            contentId: validationMessageContentId
                        }, this._options.cache("validationTooltipOptions")));
                        this._bindInnerWidgetOptions(this._validationMessage, "validationTooltipOptions")
                    }
                }
                _getValidationMessagePosition() {
                    const {
                        validationMessagePosition: validationMessagePosition
                    } = this.option();
                    return validationMessagePosition
                }
                _getValidationMessageTarget() {
                    return this.$element()
                }
                _toggleReadOnlyState() {
                    const {
                        readOnly: readOnly
                    } = this.option();
                    this._toggleBackspaceHandler(readOnly);
                    this.$element().toggleClass("dx-state-readonly", !!readOnly);
                    this._setAriaReadonly(readOnly)
                }
                _setAriaReadonly(readOnly) {
                    this.setAria("readonly", readOnly || void 0)
                }
                _toggleBackspaceHandler(isReadOnly) {
                    const $eventTarget = this._keyboardEventBindingTarget();
                    const eventName = (0, _index.addNamespace)("keydown", "editorReadOnly");
                    _events_engine.default.off($eventTarget, eventName);
                    if (isReadOnly) {
                        _events_engine.default.on($eventTarget, eventName, e => {
                            if ("backspace" === (0, _index.normalizeKeyName)(e)) {
                                e.preventDefault()
                            }
                        })
                    }
                }
                _dispose() {
                    const element = this.$element()[0];
                    (0, _element_data.data)(element, "dx-validation-target", null);
                    clearTimeout(this.showValidationMessageTimeout);
                    this._disposeValidationMessage();
                    super._dispose()
                }
                _setSubmitElementName(name) {
                    const $submitElement = this._getSubmitElement();
                    if (!$submitElement) {
                        return
                    }
                    if (name && name.length > 0) {
                        $submitElement.attr("name", name)
                    } else {
                        $submitElement.removeAttr("name")
                    }
                }
                _getSubmitElement() {
                    return null
                }
                _setValidationMessageOption(_ref) {
                    var _this$_validationMess2;
                    let {
                        name: name,
                        value: value
                    } = _ref;
                    const optionKey = VALIDATION_MESSAGE_KEYS_MAP[String(name)] ? VALIDATION_MESSAGE_KEYS_MAP[String(name)] : name;
                    null === (_this$_validationMess2 = this._validationMessage) || void 0 === _this$_validationMess2 || _this$_validationMess2.option(optionKey, value)
                }
                _hasActiveElement() {
                    return false
                }
                _optionChanged(args) {
                    var _this$_validationMess3;
                    const {
                        name: name,
                        value: value,
                        previousValue: previousValue
                    } = args;
                    switch (name) {
                        case "onValueChanged":
                            this._createValueChangeAction();
                            break;
                        case "readOnly":
                            this._toggleReadOnlyState();
                            this._refreshFocusState();
                            break;
                        case "value":
                            if (value != previousValue) {
                                this.option("isDirty", this._initialValue !== value);
                                this.validationRequest.fire({
                                    value: value,
                                    editor: this
                                })
                            }
                            if (!this._valueChangeActionSuppressed) {
                                this._raiseValueChangeAction(value, previousValue);
                                this._saveValueChangeEvent(void 0)
                            }
                            break;
                        case "width":
                            super._optionChanged(args);
                            null === (_this$_validationMess3 = this._validationMessage) || void 0 === _this$_validationMess3 || _this$_validationMess3.updateMaxWidth();
                            break;
                        case "name":
                            this._setSubmitElementName(value);
                            break;
                        case "isValid":
                        case "validationError":
                        case "validationErrors":
                        case "validationStatus":
                            this.option(_validation_engine.default.synchronizeValidationOptions(args, this.option()));
                            this._renderValidationState();
                            break;
                        case "validationBoundary":
                        case "validationMessageMode":
                        case "validationMessagePosition":
                        case "validationMessageOffset":
                            this._setValidationMessageOption(args);
                            break;
                        case "rtlEnabled":
                            this._setValidationMessageOption(args);
                            super._optionChanged(args);
                            break;
                        case "validationTooltipOptions":
                            this._innerWidgetOptionChanged(this._validationMessage, args);
                            break;
                        case "_cached_validationTooltipOptions":
                        case "_showValidationMessage":
                        case "isDirty":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _resetToInitialValue() {
                    this.option("value", this._initialValue)
                }
                blur() {
                    if (this._hasActiveElement()) {
                        _m_dom.default.resetActiveElement()
                    }
                }
                clear() {
                    const defaultOptions = this._getDefaultOptions();
                    this.option("value", defaultOptions.value)
                }
                reset() {
                    let value = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
                    if (arguments.length) {
                        this._initialValue = value
                    }
                    this._resetToInitialValue();
                    this.option("isDirty", false);
                    this.option("isValid", true)
                }
            }
            exports.default = Editor
        },
        42006(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _array_store = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/array_store */ 80556));
            var _data_source = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/data_source */ 14479));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _variable_wrapper = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/variable_wrapper */ 40216));
            var _data_helper = _interopRequireDefault(__webpack_require__( /*! ../../../data_helper */ 87755));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DataExpressionMixin = (0, _extend.extend)({}, _data_helper.default, {
                _dataExpressionDefaultOptions: () => ({
                    items: [],
                    dataSource: null,
                    itemTemplate: "item",
                    value: null,
                    valueExpr: "this",
                    displayExpr: void 0
                }),
                _initDataExpressions() {
                    this._compileValueGetter();
                    this._compileDisplayGetter();
                    this._initDynamicTemplates();
                    this._initDataSource();
                    this._itemsToDataSource()
                },
                _itemsToDataSource() {
                    if (!this.option("dataSource")) {
                        this._dataSource = new _data_source.default({
                            store: new _array_store.default(this.option("items")),
                            pageSize: 0
                        });
                        this._initDataController()
                    }
                },
                _compileDisplayGetter() {
                    this._displayGetter = (0, _data.compileGetter)(this._displayGetterExpr())
                },
                _displayGetterExpr() {
                    return this.option("displayExpr")
                },
                _compileValueGetter() {
                    this._valueGetter = (0, _data.compileGetter)(this._valueGetterExpr())
                },
                _valueGetterExpr() {
                    return this.option("valueExpr") || "this"
                },
                _loadValue(value) {
                    const deferred = (0, _deferred.Deferred)();
                    value = this._unwrappedValue(value);
                    if (!(0, _type.isDefined)(value)) {
                        return deferred.reject().promise()
                    }
                    this._loadSingle(this._valueGetterExpr(), value).done(item => {
                        this._isValueEquals(this._valueGetter(item), value) ? deferred.resolve(item) : deferred.reject()
                    }).fail(() => {
                        deferred.reject()
                    });
                    this._loadValueDeferred = deferred;
                    return deferred.promise()
                },
                _rejectValueLoading() {
                    var _this$_loadValueDefer;
                    null === (_this$_loadValueDefer = this._loadValueDeferred) || void 0 === _this$_loadValueDefer || _this$_loadValueDefer.reject({
                        shouldSkipCallback: true
                    })
                },
                _getCurrentValue() {
                    return this.option("value")
                },
                _unwrappedValue(value) {
                    value = value ?? this._getCurrentValue();
                    if (value && this._dataSource && "this" === this._valueGetterExpr()) {
                        value = this._getItemKey(value)
                    }
                    return _variable_wrapper.default.unwrap(value)
                },
                _getItemKey(value) {
                    const key = this._dataSource.key();
                    if (Array.isArray(key)) {
                        const result = {};
                        for (let i = 0, n = key.length; i < n; i++) {
                            result[key[i]] = value[key[i]]
                        }
                        return result
                    }
                    if (key && "object" === typeof value) {
                        value = value[key]
                    }
                    return value
                },
                _isValueEquals(value1, value2) {
                    const dataSourceKey = this._dataSource && this._dataSource.key();
                    let result = this._compareValues(value1, value2);
                    if (!result && dataSourceKey && (0, _type.isDefined)(value1) && (0, _type.isDefined)(value2)) {
                        if (Array.isArray(dataSourceKey)) {
                            result = this._compareByCompositeKey(value1, value2, dataSourceKey)
                        } else {
                            result = this._compareByKey(value1, value2, dataSourceKey)
                        }
                    }
                    return result
                },
                _compareByCompositeKey(value1, value2, key) {
                    const isObject = _type.isObject;
                    if (!isObject(value1) || !isObject(value2)) {
                        return false
                    }
                    for (let i = 0, n = key.length; i < n; i++) {
                        if (value1[key[i]] !== value2[key[i]]) {
                            return false
                        }
                    }
                    return true
                },
                _compareByKey(value1, value2, key) {
                    const unwrapObservable = _variable_wrapper.default.unwrap;
                    const valueKey1 = (0, _common.ensureDefined)(unwrapObservable(value1[key]), value1);
                    const valueKey2 = (0, _common.ensureDefined)(unwrapObservable(value2[key]), value2);
                    return this._compareValues(valueKey1, valueKey2)
                },
                _compareValues: (value1, value2) => (0, _data.toComparable)(value1, true) === (0, _data.toComparable)(value2, true),
                _initDynamicTemplates: _common.noop,
                _setCollectionWidgetItemTemplate() {
                    this._initDynamicTemplates();
                    this._setCollectionWidgetOption("itemTemplate", this.option("itemTemplate"))
                },
                _getCollectionKeyExpr() {
                    const valueExpr = this.option("valueExpr");
                    const isValueExprField = (0, _type.isString)(valueExpr) && "this" !== valueExpr || (0, _type.isFunction)(valueExpr);
                    return isValueExprField ? valueExpr : null
                },
                _dataExpressionOptionChanged(args) {
                    switch (args.name) {
                        case "items":
                            this._itemsToDataSource();
                            this._setCollectionWidgetOption("items");
                            break;
                        case "dataSource":
                            this._initDataSource();
                            break;
                        case "itemTemplate":
                            this._setCollectionWidgetItemTemplate();
                            break;
                        case "valueExpr":
                            this._compileValueGetter();
                            break;
                        case "displayExpr":
                            this._compileDisplayGetter();
                            this._initDynamicTemplates();
                            this._setCollectionWidgetOption("displayExpr")
                    }
                }
            });
            exports.default = DataExpressionMixin
        },
        62492(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.OPERATIONS = exports.FileItemsController = void 0;
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _custom_provider = _interopRequireDefault(__webpack_require__( /*! ../../file_management/custom_provider */ 43846));
            var _error = _interopRequireDefault(__webpack_require__( /*! ../../file_management/error */ 44997));
            var _error_codes = _interopRequireDefault(__webpack_require__( /*! ../../file_management/error_codes */ 21420));
            var _file_system_item = _interopRequireDefault(__webpack_require__( /*! ../../file_management/file_system_item */ 50259));
            var _object_provider = _interopRequireDefault(__webpack_require__( /*! ../../file_management/object_provider */ 91498));
            var _provider_base = _interopRequireDefault(__webpack_require__( /*! ../../file_management/provider_base */ 3508));
            var _remote_provider = _interopRequireDefault(__webpack_require__( /*! ../../file_management/remote_provider */ 77745));
            var _utils = __webpack_require__( /*! ../../file_management/utils */ 15522);
            var _uiFile_manager = __webpack_require__( /*! ../../ui/file_manager/ui.file_manager.common */ 62725);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const OPERATIONS = exports.OPERATIONS = {
                NAVIGATION: "navigation",
                REFRESH: "refresh"
            };
            class FileSecurityController {
                constructor(options) {
                    var _this$_allowedFileExt;
                    this._options = (0, _extend.extend)({
                        allowedFileExtensions: [],
                        maxFileSize: 0
                    }, options);
                    this._extensionsMap = {};
                    null === (_this$_allowedFileExt = this._allowedFileExtensions) || void 0 === _this$_allowedFileExt || _this$_allowedFileExt.forEach(extension => {
                        this._extensionsMap[extension.toUpperCase()] = true
                    })
                }
                getAllowedItems(items) {
                    var _this$_allowedFileExt2;
                    if (0 === (null === (_this$_allowedFileExt2 = this._allowedFileExtensions) || void 0 === _this$_allowedFileExt2 ? void 0 : _this$_allowedFileExt2.length)) {
                        return items
                    }
                    return items.filter(item => item.isDirectory || this._isValidExtension(item.name))
                }
                validateExtension(name) {
                    if (!this._isValidExtension(name)) {
                        throw new _error.default(_error_codes.default.WrongFileExtension)
                    }
                }
                validateMaxFileSize(size) {
                    if (this._maxFileSize && size > this._maxFileSize) {
                        throw new _error.default(_error_codes.default.MaxFileSizeExceeded)
                    }
                }
                _isValidExtension(name) {
                    var _this$_allowedFileExt3;
                    if (0 === (null === (_this$_allowedFileExt3 = this._allowedFileExtensions) || void 0 === _this$_allowedFileExt3 ? void 0 : _this$_allowedFileExt3.length)) {
                        return true
                    }
                    const extension = (0, _utils.getFileExtension)(name).toUpperCase();
                    return this._extensionsMap[extension]
                }
                get _allowedFileExtensions() {
                    var _this$_options;
                    return null === (_this$_options = this._options) || void 0 === _this$_options ? void 0 : _this$_options.allowedFileExtensions
                }
                get _maxFileSize() {
                    var _this$_options2;
                    return null === (_this$_options2 = this._options) || void 0 === _this$_options2 ? void 0 : _this$_options2.maxFileSize
                }
            }
            exports.FileItemsController = class {
                constructor(options) {
                    options = options || {};
                    this._options = (0, _extend.extend)({}, options);
                    this._isInitialized = false;
                    this._dataLoading = false;
                    this._dataLoadingDeferred = null;
                    this._rootDirectoryInfo = this._createRootDirectoryInfo(options.rootText);
                    this._currentDirectoryInfo = this._rootDirectoryInfo;
                    this._defaultIconMap = this._createDefaultIconMap();
                    this.startSingleLoad();
                    this._setSecurityController();
                    this._setProvider(options.fileProvider);
                    this._initialize()
                }
                _initialize() {
                    var _this$_options$curren;
                    const result = null !== (_this$_options$curren = this._options.currentPathKeys) && void 0 !== _this$_options$curren && _this$_options$curren.length ? this.setCurrentPathByKeys(this._options.currentPathKeys) : this.setCurrentPath(this._options.currentPath);
                    const completeInitialization = () => {
                        this._isInitialized = true;
                        this._raiseInitialized()
                    };
                    if (result) {
                        (0, _deferred.when)(result).always(completeInitialization)
                    } else {
                        completeInitialization()
                    }
                }
                _setSecurityController() {
                    this._securityController = new FileSecurityController({
                        allowedFileExtensions: this._options.allowedFileExtensions,
                        maxFileSize: this._options.uploadMaxFileSize
                    });
                    this._resetState()
                }
                setAllowedFileExtensions(allowedFileExtensions) {
                    if ((0, _type.isDefined)(allowedFileExtensions)) {
                        this._options.allowedFileExtensions = allowedFileExtensions
                    }
                    this._setSecurityController();
                    this.refresh()
                }
                setUploadOptions(_ref) {
                    let {
                        maxFileSize: maxFileSize,
                        chunkSize: chunkSize
                    } = _ref;
                    if ((0, _type.isDefined)(chunkSize)) {
                        this._options.uploadChunkSize = chunkSize
                    }
                    if ((0, _type.isDefined)(maxFileSize)) {
                        this._options.uploadMaxFileSize = maxFileSize;
                        this._setSecurityController();
                        this.refresh()
                    }
                }
                _setProvider(fileProvider) {
                    this._fileProvider = this._createFileProvider(fileProvider);
                    this._resetState()
                }
                updateProvider(fileProvider, currentPathKeys) {
                    if (!(0, _type.isDefined)(currentPathKeys)) {
                        return this._updateProviderOnly(fileProvider)
                    }
                    return (0, _deferred.when)(this._getDirectoryByPathParts(this._rootDirectoryInfo, currentPathKeys, true)).then(newDirectory => {
                        if (newDirectory !== this._rootDirectoryInfo) {
                            this._resetCurrentDirectory()
                        }
                        this._setProvider(fileProvider)
                    }).then(() => this.setCurrentPathByKeys(currentPathKeys))
                }
                _updateProviderOnly(fileProvider) {
                    this._resetCurrentDirectory();
                    this._setProvider(fileProvider);
                    return (0, _deferred.when)(this.refresh())
                }
                _createFileProvider(fileProvider) {
                    if (!fileProvider) {
                        fileProvider = []
                    }
                    if (Array.isArray(fileProvider)) {
                        return new _object_provider.default({
                            data: fileProvider
                        })
                    }
                    if (fileProvider instanceof _provider_base.default) {
                        return fileProvider
                    }
                    switch (fileProvider.type) {
                        case "remote":
                            return new _remote_provider.default(fileProvider);
                        case "custom":
                            return new _custom_provider.default(fileProvider)
                    }
                    return new _object_provider.default(fileProvider)
                }
                setCurrentPath(path) {
                    const pathParts = (0, _utils.getPathParts)(path);
                    const rawPath = (0, _utils.pathCombine)(...pathParts);
                    if (this.getCurrentDirectory().fileItem.relativeName === rawPath) {
                        return (new _deferred.Deferred).resolve().promise()
                    }
                    return this._setCurrentDirectoryByPathParts(pathParts)
                }
                setCurrentPathByKeys(pathKeys) {
                    if ((0, _common.equalByValue)(this.getCurrentDirectory().fileItem.pathKeys, pathKeys)) {
                        return (new _deferred.Deferred).resolve().promise()
                    }
                    return this._setCurrentDirectoryByPathParts(pathKeys, true)
                }
                getCurrentPath() {
                    let currentPath = "";
                    let directory = this.getCurrentDirectory();
                    while (directory && !directory.fileItem.isRoot()) {
                        const escapedName = (0, _utils.getEscapedFileName)(directory.fileItem.name);
                        currentPath = (0, _utils.pathCombine)(escapedName, currentPath);
                        directory = directory.parentDirectory
                    }
                    return currentPath
                }
                getCurrentPathKeys() {
                    return this.getCurrentDirectory().fileItem.pathKeys
                }
                getCurrentDirectory() {
                    return this._currentDirectoryInfo
                }
                setCurrentDirectory(directoryInfo, checkActuality) {
                    if (!directoryInfo) {
                        return
                    }
                    if (checkActuality) {
                        directoryInfo = this._getActualDirectoryInfo(directoryInfo)
                    }
                    if (this._currentDirectoryInfo && this._currentDirectoryInfo === directoryInfo) {
                        this._raisePathPotentiallyChanged();
                        return
                    }
                    const requireRaiseSelectedDirectory = this._currentDirectoryInfo.fileItem.key !== directoryInfo.fileItem.key;
                    this._currentDirectoryInfo = directoryInfo;
                    if (requireRaiseSelectedDirectory && this._isInitialized) {
                        if (!this._dataLoading) {
                            this._raiseDataLoading(OPERATIONS.NAVIGATION)
                        }
                        this._raiseSelectedDirectoryChanged(directoryInfo)
                    }
                }
                _resetCurrentDirectory() {
                    this._currentDirectoryInfo = this._rootDirectoryInfo
                }
                getCurrentItems(onlyFiles) {
                    return this._dataLoadingDeferred ? this._dataLoadingDeferred.then(() => this._getCurrentItemsInternal(onlyFiles)) : this._getCurrentItemsInternal(onlyFiles)
                }
                _getCurrentItemsInternal(onlyFiles) {
                    const currentDirectory = this.getCurrentDirectory();
                    const getItemsPromise = this.getDirectoryContents(currentDirectory);
                    return getItemsPromise.then(items => {
                        const separatedItems = this._separateItemsByType(items);
                        currentDirectory.fileItem.hasSubDirectories = !!separatedItems.folders.length;
                        return onlyFiles ? separatedItems.files : items
                    })
                }
                getDirectories(parentDirectoryInfo, skipNavigationOnError) {
                    return this.getDirectoryContents(parentDirectoryInfo, skipNavigationOnError).then(itemInfos => itemInfos.filter(info => info.fileItem.isDirectory))
                }
                _separateItemsByType(itemInfos) {
                    const folders = [];
                    const files = [];
                    itemInfos.forEach(info => info.fileItem.isDirectory ? folders.push(info) : files.push(info));
                    return {
                        folders: folders,
                        files: files
                    }
                }
                getDirectoryContents(parentDirectoryInfo, skipNavigationOnError) {
                    if (!parentDirectoryInfo) {
                        return (new _deferred.Deferred).resolve([this._rootDirectoryInfo]).promise()
                    }
                    if (parentDirectoryInfo.itemsLoaded) {
                        return (new _deferred.Deferred).resolve(parentDirectoryInfo.items).promise()
                    }
                    if (this._singleOperationLockId && parentDirectoryInfo.itemsSingleLoadErrorId === this._singleOperationLockId) {
                        this._changeDirectoryOnError(parentDirectoryInfo, skipNavigationOnError, true);
                        return (new _deferred.Deferred).reject().promise()
                    }
                    const dirKey = parentDirectoryInfo.getInternalKey();
                    let loadItemsDeferred = this._loadedItems[dirKey];
                    if (loadItemsDeferred) {
                        return loadItemsDeferred
                    }
                    loadItemsDeferred = this._getFileItems(parentDirectoryInfo, skipNavigationOnError).then(fileItems => {
                        fileItems = fileItems || [];
                        parentDirectoryInfo.items = fileItems.map(fileItem => fileItem.isDirectory && this._createDirectoryInfo(fileItem, parentDirectoryInfo) || this._createFileInfo(fileItem, parentDirectoryInfo));
                        parentDirectoryInfo.itemsLoaded = true;
                        return parentDirectoryInfo.items
                    }, () => {
                        if (this._singleOperationLockId && parentDirectoryInfo.itemsSingleLoadErrorId !== this._singleOperationLockId) {
                            parentDirectoryInfo.itemsSingleLoadErrorId = this._singleOperationLockId
                        }
                        return []
                    });
                    this._loadedItems[dirKey] = loadItemsDeferred;
                    loadItemsDeferred.always(() => {
                        delete this._loadedItems[dirKey]
                    });
                    return loadItemsDeferred
                }
                _getFileItems(parentDirectoryInfo, skipNavigationOnError) {
                    let loadItemsDeferred;
                    try {
                        var _this$_fileProvider;
                        loadItemsDeferred = null === (_this$_fileProvider = this._fileProvider) || void 0 === _this$_fileProvider ? void 0 : _this$_fileProvider.getItems(parentDirectoryInfo.fileItem)
                    } catch (error) {
                        return this._handleItemLoadError(parentDirectoryInfo, error, skipNavigationOnError)
                    }
                    return (0, _deferred.when)(loadItemsDeferred).then(fileItems => {
                        var _this$_securityContro;
                        return null === (_this$_securityContro = this._securityController) || void 0 === _this$_securityContro ? void 0 : _this$_securityContro.getAllowedItems(fileItems)
                    }, errorInfo => this._handleItemLoadError(parentDirectoryInfo, errorInfo, skipNavigationOnError))
                }
                createDirectory(parentDirectoryInfo, name) {
                    const parentDirItem = parentDirectoryInfo.fileItem;
                    const tempDirInfo = this._createDirInfoByName(name, parentDirectoryInfo);
                    const actionInfo = this._createEditActionInfo("create", tempDirInfo, parentDirectoryInfo);
                    return this._processEditAction(actionInfo, args => {
                        var _this$_editingEvents, _this$_editingEvents$;
                        args.parentDirectory = parentDirItem;
                        args.name = name;
                        null === (_this$_editingEvents = this._editingEvents) || void 0 === _this$_editingEvents || null === (_this$_editingEvents$ = _this$_editingEvents.onDirectoryCreating) || void 0 === _this$_editingEvents$ || _this$_editingEvents$.call(_this$_editingEvents, args)
                    }, () => {
                        var _this$_fileProvider2;
                        return null === (_this$_fileProvider2 = this._fileProvider) || void 0 === _this$_fileProvider2 ? void 0 : _this$_fileProvider2.createDirectory(parentDirItem, name).done(info => {
                            if (!parentDirItem.isRoot()) {
                                parentDirItem.hasSubDirectories = true
                            }
                            return info
                        })
                    }, () => {
                        var _this$_editingEvents2, _this$_editingEvents3;
                        const args = {
                            parentDirectory: parentDirItem,
                            name: name
                        };
                        null === (_this$_editingEvents2 = this._editingEvents) || void 0 === _this$_editingEvents2 || null === (_this$_editingEvents3 = _this$_editingEvents2.onDirectoryCreated) || void 0 === _this$_editingEvents3 || _this$_editingEvents3.call(_this$_editingEvents2, args)
                    }, () => this._resetDirectoryState(parentDirectoryInfo, true))
                }
                renameItem(fileItemInfo, name) {
                    const sourceItem = fileItemInfo.fileItem.createClone();
                    const actionInfo = this._createEditActionInfo("rename", fileItemInfo, fileItemInfo.parentDirectory, {
                        itemNewName: name
                    });
                    return this._processEditAction(actionInfo, (args, itemInfo) => {
                        var _this$_editingEvents4, _this$_editingEvents5;
                        if (!itemInfo.fileItem.isDirectory) {
                            var _this$_securityContro2;
                            null === (_this$_securityContro2 = this._securityController) || void 0 === _this$_securityContro2 || _this$_securityContro2.validateExtension(name)
                        }
                        args.item = sourceItem;
                        args.newName = name;
                        null === (_this$_editingEvents4 = this._editingEvents) || void 0 === _this$_editingEvents4 || null === (_this$_editingEvents5 = _this$_editingEvents4.onItemRenaming) || void 0 === _this$_editingEvents5 || _this$_editingEvents5.call(_this$_editingEvents4, args)
                    }, item => {
                        var _this$_fileProvider3;
                        return null === (_this$_fileProvider3 = this._fileProvider) || void 0 === _this$_fileProvider3 ? void 0 : _this$_fileProvider3.renameItem(item, name)
                    }, () => {
                        var _this$_editingEvents6, _this$_editingEvents7;
                        const args = {
                            sourceItem: sourceItem,
                            itemName: name
                        };
                        null === (_this$_editingEvents6 = this._editingEvents) || void 0 === _this$_editingEvents6 || null === (_this$_editingEvents7 = _this$_editingEvents6.onItemRenamed) || void 0 === _this$_editingEvents7 || _this$_editingEvents7.call(_this$_editingEvents6, args)
                    }, () => {
                        const parentDirectory = this._getActualDirectoryInfo(fileItemInfo.parentDirectory);
                        this._resetDirectoryState(parentDirectory);
                        this.setCurrentDirectory(parentDirectory)
                    })
                }
                moveItems(itemInfos, destinationDirectory) {
                    const actionInfo = this._createEditActionInfo("move", itemInfos, destinationDirectory);
                    return this._processEditAction(actionInfo, (args, itemInfo) => {
                        var _this$_editingEvents8, _this$_editingEvents9;
                        args.item = itemInfo.fileItem;
                        args.destinationDirectory = destinationDirectory.fileItem;
                        null === (_this$_editingEvents8 = this._editingEvents) || void 0 === _this$_editingEvents8 || null === (_this$_editingEvents9 = _this$_editingEvents8.onItemMoving) || void 0 === _this$_editingEvents9 || _this$_editingEvents9.call(_this$_editingEvents8, args)
                    }, item => {
                        var _this$_fileProvider4;
                        return null === (_this$_fileProvider4 = this._fileProvider) || void 0 === _this$_fileProvider4 ? void 0 : _this$_fileProvider4.moveItems([item], destinationDirectory.fileItem)
                    }, itemInfo => {
                        var _this$_editingEvents0, _this$_editingEvents1;
                        const args = {
                            sourceItem: itemInfo.fileItem,
                            parentDirectory: destinationDirectory.fileItem,
                            itemName: itemInfo.fileItem.name,
                            itemPath: (0, _utils.pathCombine)(destinationDirectory.fileItem.path, itemInfo.fileItem.name)
                        };
                        null === (_this$_editingEvents0 = this._editingEvents) || void 0 === _this$_editingEvents0 || null === (_this$_editingEvents1 = _this$_editingEvents0.onItemMoved) || void 0 === _this$_editingEvents1 || _this$_editingEvents1.call(_this$_editingEvents0, args)
                    }, needChangeCurrentDirectory => {
                        itemInfos.forEach(itemInfo => this._resetDirectoryState(itemInfo.parentDirectory, true));
                        if (needChangeCurrentDirectory) {
                            this._resetDirectoryState(destinationDirectory);
                            this.setCurrentPathByKeys(destinationDirectory.fileItem.pathKeys);
                            destinationDirectory.expanded = true
                        }
                    })
                }
                copyItems(itemInfos, destinationDirectory) {
                    const actionInfo = this._createEditActionInfo("copy", itemInfos, destinationDirectory);
                    return this._processEditAction(actionInfo, (args, itemInfo) => {
                        var _this$_editingEvents10, _this$_editingEvents11;
                        args.item = itemInfo.fileItem;
                        args.destinationDirectory = destinationDirectory.fileItem;
                        null === (_this$_editingEvents10 = this._editingEvents) || void 0 === _this$_editingEvents10 || null === (_this$_editingEvents11 = _this$_editingEvents10.onItemCopying) || void 0 === _this$_editingEvents11 || _this$_editingEvents11.call(_this$_editingEvents10, args)
                    }, item => {
                        var _this$_fileProvider5;
                        return null === (_this$_fileProvider5 = this._fileProvider) || void 0 === _this$_fileProvider5 ? void 0 : _this$_fileProvider5.copyItems([item], destinationDirectory.fileItem)
                    }, itemInfo => {
                        var _this$_editingEvents12, _this$_editingEvents13;
                        const args = {
                            sourceItem: itemInfo.fileItem,
                            parentDirectory: destinationDirectory.fileItem,
                            itemName: itemInfo.fileItem.name,
                            itemPath: (0, _utils.pathCombine)(destinationDirectory.fileItem.path, itemInfo.fileItem.name)
                        };
                        null === (_this$_editingEvents12 = this._editingEvents) || void 0 === _this$_editingEvents12 || null === (_this$_editingEvents13 = _this$_editingEvents12.onItemCopied) || void 0 === _this$_editingEvents13 || _this$_editingEvents13.call(_this$_editingEvents12, args)
                    }, needChangeCurrentDirectory => {
                        if (needChangeCurrentDirectory) {
                            destinationDirectory = this._getActualDirectoryInfo(destinationDirectory);
                            this._resetDirectoryState(destinationDirectory);
                            this.setCurrentDirectory(destinationDirectory);
                            destinationDirectory.expanded = true
                        }
                    })
                }
                deleteItems(itemInfos) {
                    const directory = itemInfos.length > 0 ? itemInfos[0].parentDirectory : null;
                    const actionInfo = this._createEditActionInfo("delete", itemInfos, directory);
                    return this._processEditAction(actionInfo, (args, itemInfo) => {
                        var _this$_editingEvents14, _this$_editingEvents15;
                        args.item = itemInfo.fileItem;
                        null === (_this$_editingEvents14 = this._editingEvents) || void 0 === _this$_editingEvents14 || null === (_this$_editingEvents15 = _this$_editingEvents14.onItemDeleting) || void 0 === _this$_editingEvents15 || _this$_editingEvents15.call(_this$_editingEvents14, args)
                    }, item => {
                        var _this$_fileProvider6;
                        return null === (_this$_fileProvider6 = this._fileProvider) || void 0 === _this$_fileProvider6 ? void 0 : _this$_fileProvider6.deleteItems([item])
                    }, itemInfo => {
                        var _this$_editingEvents16, _this$_editingEvents17;
                        return null === (_this$_editingEvents16 = this._editingEvents) || void 0 === _this$_editingEvents16 || null === (_this$_editingEvents17 = _this$_editingEvents16.onItemDeleted) || void 0 === _this$_editingEvents17 ? void 0 : _this$_editingEvents17.call(_this$_editingEvents16, {
                            item: itemInfo.fileItem
                        })
                    }, () => {
                        itemInfos.forEach(itemInfo => {
                            const parentDir = this._getActualDirectoryInfo(itemInfo.parentDirectory);
                            this._resetDirectoryState(parentDir);
                            this.setCurrentDirectory(parentDir)
                        })
                    })
                }
                processUploadSession(sessionInfo, uploadDirectoryInfo) {
                    const itemInfos = this._getItemInfosForUploaderFiles(sessionInfo.files, uploadDirectoryInfo);
                    const actionInfo = this._createEditActionInfo("upload", itemInfos, uploadDirectoryInfo, {
                        sessionInfo: sessionInfo
                    });
                    return this._processEditAction(actionInfo, () => {}, (_, index) => sessionInfo.deferreds[index], () => {}, () => this._resetDirectoryState(uploadDirectoryInfo, true))
                }
                uploadFileChunk(fileData, chunksInfo, destinationDirectory) {
                    var _startDeferred;
                    let startDeferred;
                    if (0 === chunksInfo.chunkIndex) {
                        var _this$_securityContro3, _this$_securityContro4;
                        null === (_this$_securityContro3 = this._securityController) || void 0 === _this$_securityContro3 || _this$_securityContro3.validateMaxFileSize(fileData.size);
                        null === (_this$_securityContro4 = this._securityController) || void 0 === _this$_securityContro4 || _this$_securityContro4.validateExtension(fileData.name);
                        startDeferred = this._processBeforeItemEditAction(args => {
                            var _this$_editingEvents18, _this$_editingEvents19;
                            args.fileData = fileData;
                            args.destinationDirectory = destinationDirectory;
                            null === (_this$_editingEvents18 = this._editingEvents) || void 0 === _this$_editingEvents18 || null === (_this$_editingEvents19 = _this$_editingEvents18.onFileUploading) || void 0 === _this$_editingEvents19 || _this$_editingEvents19.call(_this$_editingEvents18, args)
                        })
                    } else {
                        startDeferred = (new _deferred.Deferred).resolve().promise()
                    }
                    let result = null === (_startDeferred = startDeferred) || void 0 === _startDeferred ? void 0 : _startDeferred.then(() => {
                        var _this$_fileProvider7;
                        return null === (_this$_fileProvider7 = this._fileProvider) || void 0 === _this$_fileProvider7 ? void 0 : _this$_fileProvider7.uploadFileChunk(fileData, chunksInfo, destinationDirectory)
                    });
                    if (chunksInfo.chunkIndex === chunksInfo.chunkCount - 1) {
                        result = result.done(() => {
                            var _this$_editingEvents20, _this$_editingEvents21;
                            const args = {
                                fileData: fileData,
                                parentDirectory: destinationDirectory
                            };
                            null === (_this$_editingEvents20 = this._editingEvents) || void 0 === _this$_editingEvents20 || null === (_this$_editingEvents21 = _this$_editingEvents20.onFileUploaded) || void 0 === _this$_editingEvents21 || _this$_editingEvents21.call(_this$_editingEvents20, args)
                        })
                    }
                    return result
                }
                abortFileUpload(fileData, chunksInfo, destinationDirectory) {
                    var _this$_fileProvider8;
                    return (0, _deferred.when)(null === (_this$_fileProvider8 = this._fileProvider) || void 0 === _this$_fileProvider8 ? void 0 : _this$_fileProvider8.abortFileUpload(fileData, chunksInfo, destinationDirectory))
                }
                getFileUploadChunkSize() {
                    var _this$_fileProvider9;
                    const chunkSize = this._options.uploadChunkSize;
                    if (chunkSize && chunkSize > 0) {
                        return chunkSize
                    }
                    return null === (_this$_fileProvider9 = this._fileProvider) || void 0 === _this$_fileProvider9 ? void 0 : _this$_fileProvider9.getFileUploadChunkSize()
                }
                downloadItems(itemInfos) {
                    const deferreds = itemInfos.map(itemInfo => this._processBeforeItemEditAction(args => {
                        var _this$_editingEvents22, _this$_editingEvents23;
                        args.item = itemInfo.fileItem;
                        null === (_this$_editingEvents22 = this._editingEvents) || void 0 === _this$_editingEvents22 || null === (_this$_editingEvents23 = _this$_editingEvents22.onItemDownloading) || void 0 === _this$_editingEvents23 || _this$_editingEvents23.call(_this$_editingEvents22, args)
                    }, itemInfo));
                    return (0, _deferred.when)(...deferreds).then(() => {
                        var _this$_fileProvider0;
                        const items = itemInfos.map(i => i.fileItem);
                        return (0, _deferred.when)(this._getItemActionResult(null === (_this$_fileProvider0 = this._fileProvider) || void 0 === _this$_fileProvider0 ? void 0 : _this$_fileProvider0.downloadItems(items))).then(() => {}, errorInfo => {
                            this._raiseDownloadItemsError(itemInfos, itemInfos[0].parentDirectory, errorInfo)
                        })
                    }, errorInfo => {
                        this._raiseDownloadItemsError(itemInfos, itemInfos[0].parentDirectory, errorInfo)
                    })
                }
                getItemContent(itemInfos) {
                    var _this$_fileProvider1;
                    const items = itemInfos.map(i => i.fileItem);
                    return (0, _deferred.when)(null === (_this$_fileProvider1 = this._fileProvider) || void 0 === _this$_fileProvider1 ? void 0 : _this$_fileProvider1.getItemsContent(items))
                }
                _handleItemLoadError(parentDirectoryInfo, errorInfo, skipNavigationOnError) {
                    parentDirectoryInfo = this._getActualDirectoryInfo(parentDirectoryInfo);
                    this._raiseGetItemsError(parentDirectoryInfo, errorInfo);
                    this._changeDirectoryOnError(parentDirectoryInfo, skipNavigationOnError);
                    return (new _deferred.Deferred).reject().promise()
                }
                _raiseGetItemsError(parentDirectoryInfo, errorInfo) {
                    const actionInfo = this._createEditActionInfo("getItems", parentDirectoryInfo, parentDirectoryInfo);
                    this._raiseEditActionStarting(actionInfo);
                    this._raiseEditActionResultAcquired(actionInfo);
                    this._raiseEditActionError(actionInfo, {
                        errorCode: errorInfo.errorCode,
                        errorText: errorInfo.errorText,
                        fileItem: parentDirectoryInfo.fileItem,
                        index: 0
                    })
                }
                _raiseDownloadItemsError(targetFileInfos, directory, errorInfo) {
                    const actionInfo = this._createEditActionInfo("download", targetFileInfos, directory);
                    const itemsLength = targetFileInfos.length;
                    actionInfo.singleRequest = 1 === itemsLength;
                    this._raiseEditActionStarting(actionInfo);
                    this._raiseEditActionResultAcquired(actionInfo);
                    for (let index = 0; index < itemsLength - 1; index += 1) {
                        this._raiseEditActionItemError(actionInfo, {
                            errorCode: errorInfo.errorCode,
                            errorText: errorInfo.errorText,
                            fileItem: targetFileInfos[index].fileItem,
                            index: index
                        })
                    }
                    this._raiseEditActionError(actionInfo, {
                        errorCode: errorInfo.errorCode,
                        errorText: errorInfo.errorText,
                        fileItem: targetFileInfos[itemsLength - 1].fileItem,
                        index: itemsLength - 1
                    })
                }
                _changeDirectoryOnError(dirInfo, skipNavigationOnError, isActualDirectoryRequired) {
                    if (isActualDirectoryRequired) {
                        dirInfo = this._getActualDirectoryInfo(dirInfo)
                    }
                    this._resetDirectoryState(dirInfo);
                    dirInfo.expanded = false;
                    if (!skipNavigationOnError) {
                        this.setCurrentDirectory(dirInfo.parentDirectory)
                    }
                }
                _getItemActionResult(actionResult) {
                    return Array.isArray(actionResult) ? actionResult[0] : actionResult
                }
                _processEditAction(actionInfo, beforeAction, action, afterAction, completeAction) {
                    let isAnyOperationSuccessful = false;
                    this._raiseEditActionStarting(actionInfo);
                    const actionResult = actionInfo.itemInfos.map((itemInfo, itemIndex) => this._processBeforeItemEditAction(beforeAction, itemInfo).then(() => {
                        const itemActionResult = this._getItemActionResult(action(itemInfo.fileItem, itemIndex));
                        return itemActionResult.done(() => afterAction(itemInfo))
                    }));
                    actionInfo.singleRequest = 1 === actionResult.length;
                    this._raiseEditActionResultAcquired(actionInfo);
                    return (0, _uiFile_manager.whenSome)(actionResult, info => {
                        isAnyOperationSuccessful = true;
                        this._raiseCompleteEditActionItem(actionInfo, info)
                    }, errorInfo => this._raiseEditActionItemError(actionInfo, errorInfo)).then(() => {
                        completeAction(isAnyOperationSuccessful);
                        this._raiseCompleteEditAction(actionInfo)
                    })
                }
                _createEditActionInfo(name, targetItemInfos, directory, customData) {
                    targetItemInfos = Array.isArray(targetItemInfos) ? targetItemInfos : [targetItemInfos];
                    customData = customData || {};
                    const items = targetItemInfos.map(itemInfo => itemInfo.fileItem);
                    return {
                        name: name,
                        itemInfos: targetItemInfos,
                        items: items,
                        directory: directory,
                        customData: customData,
                        singleRequest: true
                    }
                }
                _processBeforeItemEditAction(action, itemInfo) {
                    const deferred = new _deferred.Deferred;
                    const args = this._createBeforeActionArgs();
                    try {
                        action(args, itemInfo)
                    } catch (errorInfo) {
                        return deferred.reject(errorInfo).promise()
                    }
                    if (!args.cancel) {
                        deferred.resolve()
                    } else if (true === args.cancel) {
                        return deferred.reject({
                            errorText: args.errorText,
                            errorCode: args.errorCode
                        })
                    } else if ((0, _type.isPromise)(args.cancel)) {
                        (0, _deferred.when)(args.cancel).then(res => {
                            if (true === res) {
                                deferred.reject()
                            } else if ((0, _type.isObject)(res) && true === res.cancel) {
                                deferred.reject({
                                    errorText: res.errorText,
                                    errorCode: res.errorCode
                                })
                            }
                            deferred.resolve()
                        }, deferred.resolve)
                    }
                    return deferred.promise()
                }
                _createBeforeActionArgs() {
                    return {
                        errorCode: void 0,
                        errorText: "",
                        cancel: false
                    }
                }
                _getItemInfosForUploaderFiles(files, parentDirectoryInfo) {
                    const pathInfo = this._getPathInfo(parentDirectoryInfo);
                    const result = [];
                    for (let i = 0; i < files.length; i += 1) {
                        const file = files[i];
                        const item = new _file_system_item.default(pathInfo, file.name, false);
                        const itemInfo = this._createFileInfo(item, parentDirectoryInfo);
                        result.push(itemInfo)
                    }
                    return result
                }
                refresh() {
                    if (this._lockRefresh) {
                        return this._refreshDeferred
                    }
                    this._lockRefresh = true;
                    return this._executeDataLoad(() => this._refreshDeferred = this._refreshInternal(), OPERATIONS.REFRESH)
                }
                startSingleLoad() {
                    this._singleOperationLockId = (new _guid.default).toString()
                }
                endSingleLoad() {
                    delete this._singleOperationLockId
                }
                _refreshInternal() {
                    const cachedRootInfo = {
                        items: this._rootDirectoryInfo.items
                    };
                    const selectedKeyParts = this._getDirectoryPathKeyParts(this.getCurrentDirectory());
                    this._resetDirectoryState(this._rootDirectoryInfo);
                    return this._loadItemsRecursive(this._rootDirectoryInfo, cachedRootInfo).then(() => {
                        const dirInfo = this._findDirectoryByPathKeyParts(selectedKeyParts);
                        this.setCurrentDirectory(dirInfo);
                        delete this._lockRefresh
                    })
                }
                _loadItemsRecursive(directoryInfo, cachedDirectoryInfo) {
                    return this.getDirectories(directoryInfo).then(dirInfos => {
                        const itemDeferreds = [];
                        for (let i = 0; i < dirInfos.length; i += 1) {
                            const cachedItem = cachedDirectoryInfo.items.find(cache => dirInfos[i].fileItem.key === cache.fileItem.key);
                            if (!cachedItem) {
                                continue
                            }
                            dirInfos[i].expanded = cachedItem.expanded;
                            if (dirInfos[i].expanded) {
                                itemDeferreds.push(this._loadItemsRecursive(dirInfos[i], cachedItem))
                            }
                        }
                        return (0, _uiFile_manager.whenSome)(itemDeferreds)
                    }, () => null)
                }
                _setCurrentDirectoryByPathParts(pathParts, useKeys) {
                    return this._executeDataLoad(() => this._setCurrentDirectoryByPathPartsInternal(pathParts, useKeys), OPERATIONS.NAVIGATION)
                }
                _setCurrentDirectoryByPathPartsInternal(pathParts, useKeys) {
                    return this._getDirectoryByPathParts(this._rootDirectoryInfo, pathParts, useKeys).then(directoryInfo => {
                        for (let info = directoryInfo.parentDirectory; info; info = info.parentDirectory) {
                            info.expanded = true
                        }
                        this.setCurrentDirectory(directoryInfo)
                    }, () => {
                        this._raisePathPotentiallyChanged()
                    })
                }
                _executeDataLoad(action, operation) {
                    if (this._dataLoadingDeferred) {
                        return this._dataLoadingDeferred.then(() => this._executeDataLoad(action, operation))
                    }
                    this._dataLoading = true;
                    this._dataLoadingDeferred = new _deferred.Deferred;
                    if (this._isInitialized) {
                        this._raiseDataLoading(operation)
                    }
                    return action().always(() => {
                        const tempDeferred = this._dataLoadingDeferred;
                        this._dataLoadingDeferred = null;
                        this._dataLoading = false;
                        null === tempDeferred || void 0 === tempDeferred || tempDeferred.resolve()
                    })
                }
                _getDirectoryByPathParts(parentDirectoryInfo, pathParts, useKeys) {
                    if (pathParts.length < 1) {
                        return (new _deferred.Deferred).resolve(parentDirectoryInfo).promise()
                    }
                    const fieldName = useKeys ? "key" : "name";
                    return this.getDirectories(parentDirectoryInfo).then(dirInfos => {
                        const subDirInfo = dirInfos.find(d => d.fileItem[fieldName] === pathParts[0]);
                        if (!subDirInfo) {
                            return (new _deferred.Deferred).reject().promise()
                        }
                        const restPathParts = [...pathParts].splice(1);
                        return this._getDirectoryByPathParts(subDirInfo, restPathParts, useKeys)
                    })
                }
                _getDirectoryPathKeyParts(directoryInfo) {
                    const pathParts = [];
                    while (null !== (_directoryInfo = directoryInfo) && void 0 !== _directoryInfo && _directoryInfo.parentDirectory) {
                        var _directoryInfo;
                        pathParts.unshift(directoryInfo.fileItem.key);
                        directoryInfo = directoryInfo.parentDirectory
                    }
                    return pathParts
                }
                _findDirectoryByPathKeyParts(keyParts) {
                    let selectedDirInfo = this._rootDirectoryInfo;
                    if (0 === keyParts.length) {
                        return selectedDirInfo
                    }
                    let i = 0;
                    let newSelectedDir = selectedDirInfo;
                    while (newSelectedDir && i < keyParts.length) {
                        newSelectedDir = selectedDirInfo.items.find(info => info.fileItem.key === keyParts[i]);
                        if (newSelectedDir) {
                            selectedDirInfo = newSelectedDir
                        }
                        i += 1
                    }
                    return selectedDirInfo
                }
                _getActualDirectoryInfo(directoryInfo) {
                    const keys = this._getDirectoryPathKeyParts(directoryInfo);
                    return this._findDirectoryByPathKeyParts(keys)
                }
                _createDirInfoByName(name, parentDirectoryInfo) {
                    const dirPathInfo = this._getPathInfo(parentDirectoryInfo);
                    const fileItem = new _file_system_item.default(dirPathInfo, name, true);
                    return this._createDirectoryInfo(fileItem, parentDirectoryInfo)
                }
                _createDirectoryInfo(fileItem, parentDirectoryInfo) {
                    return (0, _extend.extend)(this._createFileInfo(fileItem, parentDirectoryInfo), {
                        icon: "folder",
                        expanded: fileItem.isRoot(),
                        items: []
                    })
                }
                _createFileInfo(fileItem, parentDirectoryInfo) {
                    return {
                        fileItem: fileItem,
                        parentDirectory: parentDirectoryInfo,
                        icon: this._getFileItemDefaultIcon(fileItem),
                        getInternalKey() {
                            return `FIK_${this.fileItem.key}`
                        },
                        getDisplayName() {
                            return this.displayName || this.fileItem.name
                        }
                    }
                }
                _resetDirectoryState(directoryInfo, isActualDirectoryRequired) {
                    if (isActualDirectoryRequired) {
                        directoryInfo = this._getActualDirectoryInfo(directoryInfo)
                    }
                    directoryInfo.itemsLoaded = false;
                    directoryInfo.items = []
                }
                _getFileItemDefaultIcon(fileItem) {
                    if (fileItem.isDirectory) {
                        return "folder"
                    }
                    const extension = fileItem.getFileExtension();
                    const icon = this._defaultIconMap[extension];
                    return icon || "doc"
                }
                _createDefaultIconMap() {
                    const result = {
                        ".txt": "txtfile",
                        ".rtf": "rtffile",
                        ".doc": "docfile",
                        ".docx": "docxfile",
                        ".xls": "xlsfile",
                        ".xlsx": "xlsxfile",
                        ".ppt": "pptfile",
                        ".pptx": "pptxfile",
                        ".pdf": "pdffile"
                    };
                    [".png", ".gif", ".jpg", ".jpeg", ".ico", ".bmp"].forEach(extension => {
                        result[extension] = "image"
                    });
                    return result
                }
                _createRootDirectoryInfo(text) {
                    const rootDirectory = new _file_system_item.default(null, "", true);
                    const result = this._createDirectoryInfo(rootDirectory, null);
                    result.displayName = text || "Files";
                    return result
                }
                setRootText(rootText) {
                    this._rootDirectoryInfo.displayName = rootText || "Files"
                }
                _raiseInitialized() {
                    this._tryCallAction("onInitialized", {
                        controller: this
                    })
                }
                _raiseDataLoading(operation) {
                    this._tryCallAction("onDataLoading", {
                        operation: operation
                    })
                }
                _raiseSelectedDirectoryChanged(directoryInfo) {
                    this._tryCallAction("onSelectedDirectoryChanged", {
                        selectedDirectoryInfo: directoryInfo
                    })
                }
                _raiseEditActionStarting(actionInfo) {
                    this._tryCallAction("onEditActionStarting", actionInfo)
                }
                _raiseEditActionResultAcquired(actionInfo) {
                    this._tryCallAction("onEditActionResultAcquired", actionInfo)
                }
                _raiseEditActionError(actionInfo, errorInfo) {
                    this._tryCallAction("onEditActionError", actionInfo, errorInfo)
                }
                _raiseEditActionItemError(actionInfo, errorInfo) {
                    this._tryCallAction("onEditActionItemError", actionInfo, errorInfo)
                }
                _raiseCompleteEditActionItem(actionInfo, info) {
                    this._tryCallAction("onCompleteEditActionItem", actionInfo, info)
                }
                _raiseCompleteEditAction(actionInfo) {
                    this._tryCallAction("onCompleteEditAction", actionInfo)
                }
                _raisePathPotentiallyChanged() {
                    this._tryCallAction("onPathPotentiallyChanged")
                }
                _tryCallAction(actionName) {
                    if (this._isInitialized && this._options[actionName]) {
                        for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
                            rest[_key - 1] = arguments[_key]
                        }
                        this._options[actionName](...rest)
                    }
                }
                _resetState() {
                    this._selectedDirectory = null;
                    this._rootDirectoryInfo.items = [];
                    this._rootDirectoryInfo.itemsLoaded = false;
                    this._loadedItems = {}
                }
                _getPathInfo(directoryInfo) {
                    const pathInfo = [];
                    for (let dirInfo = directoryInfo; dirInfo && !dirInfo.fileItem.isRoot(); dirInfo = dirInfo.parentDirectory) {
                        pathInfo.unshift({
                            key: dirInfo.fileItem.key,
                            name: dirInfo.fileItem.name
                        })
                    }
                    return pathInfo
                }
                on(eventName, eventHandler) {
                    const finalEventName = `on${eventName}`;
                    this._options[finalEventName] = eventHandler
                }
                get _editingEvents() {
                    return this._options.editingEvents
                }
            }
        },
        12757(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _splitter_control = _interopRequireDefault(__webpack_require__( /*! ../../../ui/splitter_control */ 47744));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _drawer = _interopRequireDefault(__webpack_require__( /*! ../../ui/drawer/drawer */ 30580));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            class FileManagerAdaptivityControl extends _widget.default {
                _initMarkup() {
                    super._initMarkup();
                    this._initActions();
                    this._isInAdaptiveState = false;
                    const $drawer = (0, _renderer.default)("<div>").appendTo(this.$element());
                    (0, _renderer.default)("<div>").addClass("dx-filemanager-adaptivity-drawer-panel").appendTo($drawer);
                    this._drawer = this._createComponent($drawer, _drawer.default);
                    this._drawer.option({
                        opened: true,
                        template: this._createDrawerTemplate.bind(this)
                    });
                    (0, _renderer.default)(this._drawer.content()).addClass("dx-drawer-panel-content-initial");
                    const $drawerContent = $drawer.find(".dx-filemanager-adaptivity-drawer-panel").first();
                    const {
                        contentTemplate: contentRenderer
                    } = this.option();
                    if ((0, _type.isFunction)(contentRenderer)) {
                        contentRenderer($drawerContent)
                    }
                    this._updateDrawerMaxSize()
                }
                _createDrawerTemplate(container) {
                    var _this$_drawer, _this$_drawer2;
                    const {
                        drawerTemplate: drawerTemplate
                    } = this.option();
                    null === drawerTemplate || void 0 === drawerTemplate || drawerTemplate(container);
                    this._splitter = this._createComponent("<div>", _splitter_control.default, {
                        container: this.$element(),
                        leftElement: (0, _renderer.default)(null === (_this$_drawer = this._drawer) || void 0 === _this$_drawer ? void 0 : _this$_drawer.content()),
                        rightElement: (0, _renderer.default)(null === (_this$_drawer2 = this._drawer) || void 0 === _this$_drawer2 ? void 0 : _this$_drawer2.viewContent()),
                        onApplyPanelSize: this._onApplyPanelSize.bind(this),
                        onActiveStateChanged: this._onActiveStateChanged.bind(this)
                    });
                    this._splitter.$element().appendTo(container);
                    this._splitter.disableSplitterCalculation(true)
                }
                _render() {
                    super._render();
                    this._checkAdaptiveState()
                }
                _onApplyPanelSize(e) {
                    var _this$_splitter, _this$_drawer3;
                    if (!(0, _window.hasWindow)()) {
                        return
                    }
                    if (!(null !== (_this$_splitter = this._splitter) && void 0 !== _this$_splitter && _this$_splitter.isSplitterMoved())) {
                        this._setDrawerWidth("");
                        return
                    }(0, _renderer.default)(null === (_this$_drawer3 = this._drawer) || void 0 === _this$_drawer3 ? void 0 : _this$_drawer3.content()).removeClass("dx-drawer-panel-content-initial");
                    this._setDrawerWidth(e.leftPanelWidth)
                }
                _onActiveStateChanged(e) {
                    var _this$_splitter2;
                    null === (_this$_splitter2 = this._splitter) || void 0 === _this$_splitter2 || _this$_splitter2.disableSplitterCalculation(!e.isActive);
                    if (!e.isActive) {
                        var _this$_splitter3;
                        null === (_this$_splitter3 = this._splitter) || void 0 === _this$_splitter3 || _this$_splitter3.$element().css("left", "auto")
                    }
                }
                _setDrawerWidth(width) {
                    var _this$_drawer4, _this$_drawer5;
                    (0, _renderer.default)(null === (_this$_drawer4 = this._drawer) || void 0 === _this$_drawer4 ? void 0 : _this$_drawer4.content()).css("width", width);
                    this._updateDrawerMaxSize();
                    null === (_this$_drawer5 = this._drawer) || void 0 === _this$_drawer5 || _this$_drawer5.resizeViewContent()
                }
                _updateDrawerMaxSize() {
                    var _this$_drawer6;
                    null === (_this$_drawer6 = this._drawer) || void 0 === _this$_drawer6 || _this$_drawer6.option("maxSize", this._drawer.getRealPanelWidth())
                }
                _dimensionChanged(dimension) {
                    if (!dimension || "height" !== dimension) {
                        this._checkAdaptiveState()
                    }
                }
                _checkAdaptiveState() {
                    const oldState = this._isInAdaptiveState;
                    this._isInAdaptiveState = this._isSmallScreen();
                    if (oldState !== this._isInAdaptiveState) {
                        var _this$_drawer7;
                        this.toggleDrawer(!this._isInAdaptiveState, true);
                        (0, _renderer.default)(null === (_this$_drawer7 = this._drawer) || void 0 === _this$_drawer7 ? void 0 : _this$_drawer7.content()).toggleClass("dx-drawer-panel-content-adaptive", this._isInAdaptiveState);
                        this._raiseAdaptiveStateChanged(this._isInAdaptiveState)
                    }
                    if (this._isInAdaptiveState && this._isDrawerOpened()) {
                        this._updateDrawerMaxSize()
                    }
                }
                _isSmallScreen() {
                    return (0, _size.getWidth)(window) <= 573
                }
                _isDrawerOpened() {
                    var _this$_drawer8;
                    const {
                        opened: opened
                    } = (null === (_this$_drawer8 = this._drawer) || void 0 === _this$_drawer8 ? void 0 : _this$_drawer8.option()) ?? {};
                    return opened
                }
                _initActions() {
                    this._actions = {
                        onAdaptiveStateChanged: this._createActionByOption("onAdaptiveStateChanged")
                    }
                }
                _raiseAdaptiveStateChanged(enabled) {
                    var _this$_actions, _this$_actions$onAdap;
                    null === (_this$_actions = this._actions) || void 0 === _this$_actions || null === (_this$_actions$onAdap = _this$_actions.onAdaptiveStateChanged) || void 0 === _this$_actions$onAdap || _this$_actions$onAdap.call(_this$_actions, {
                        enabled: enabled
                    })
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        drawerTemplate: void 0,
                        contentTemplate: void 0,
                        onAdaptiveStateChanged: void 0
                    })
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "drawerTemplate":
                        case "contentTemplate":
                            this.repaint();
                            break;
                        case "onAdaptiveStateChanged":
                            this._actions[name] = this._createActionByOption(name);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                isInAdaptiveState() {
                    return this._isInAdaptiveState
                }
                toggleDrawer(showing, skipAnimation) {
                    var _this$_drawer9, _this$_drawer0, _this$_splitter4;
                    this._updateDrawerMaxSize();
                    null === (_this$_drawer9 = this._drawer) || void 0 === _this$_drawer9 || _this$_drawer9.option("animationEnabled", !skipAnimation);
                    null === (_this$_drawer0 = this._drawer) || void 0 === _this$_drawer0 || _this$_drawer0.toggle(showing);
                    const isSplitterActive = this._isDrawerOpened() && !this.isInAdaptiveState();
                    null === (_this$_splitter4 = this._splitter) || void 0 === _this$_splitter4 || _this$_splitter4.toggleDisabled(!isSplitterActive)
                }
                getSplitterElement() {
                    var _this$_splitter5;
                    return null === (_this$_splitter5 = this._splitter) || void 0 === _this$_splitter5 || null === (_this$_splitter5 = _this$_splitter5.getSplitterBorderElement()) || void 0 === _this$_splitter5 ? void 0 : _this$_splitter5.get(0)
                }
            }
            exports.default = FileManagerAdaptivityControl
        },
        45788(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _menu = _interopRequireDefault(__webpack_require__( /*! ../../ui/menu/menu */ 81172));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class FileManagerBreadcrumbs extends _widget.default {
                _init() {
                    super._init();
                    this._currentDirectory = null
                }
                _initMarkup() {
                    super._initMarkup();
                    this._initActions();
                    if (this._currentDirectory) {
                        this._renderMenu()
                    }
                    this.$element().addClass("dx-filemanager-breadcrumbs")
                }
                setCurrentDirectory(directory) {
                    if (!this._areDirsEqual(this._currentDirectory, directory)) {
                        this._currentDirectory = directory;
                        this.repaint()
                    }
                }
                _renderMenu() {
                    const $menu = (0, _renderer.default)("<div>").appendTo(this.$element());
                    this._menu = this._createComponent($menu, _menu.default, {
                        dataSource: this._getMenuItems(),
                        onItemClick: this._onItemClick.bind(this),
                        onItemRendered: this._onItemRendered.bind(this)
                    })
                }
                _getMenuItems() {
                    const dirLine = this._getParentDirsLine();
                    const result = [{
                        icon: "arrowup",
                        directory: this._currentDirectory.parentDirectory,
                        isPathItem: true,
                        cssClass: "dx-filemanager-breadcrumbs-parent-folder-item"
                    }, {
                        text: "\xa0",
                        cssClass: "dx-filemanager-breadcrumbs-separator-item"
                    }];
                    dirLine.forEach((dir, index) => {
                        result.push({
                            text: dir.getDisplayName(),
                            directory: dir,
                            isPathItem: true
                        });
                        if (index !== dirLine.length - 1) {
                            result.push({
                                icon: "spinnext",
                                cssClass: "dx-filemanager-breadcrumbs-path-separator-item"
                            })
                        }
                    });
                    return result
                }
                _onItemClick(e) {
                    if (!e.itemData.isPathItem) {
                        return
                    }
                    const newDir = e.itemData.directory;
                    if (!this._areDirsEqual(newDir, this._currentDirectory)) {
                        this._raiseCurrentDirectoryChanged(newDir)
                    }
                }
                _onItemRendered(e) {
                    if (e.itemData.cssClass) {
                        (0, _renderer.default)(e.itemElement).addClass(e.itemData.cssClass)
                    }
                }
                _getParentDirsLine() {
                    let currentDirectory = this._currentDirectory;
                    const result = [];
                    while (currentDirectory) {
                        result.unshift(currentDirectory);
                        currentDirectory = currentDirectory.parentDirectory
                    }
                    return result
                }
                _areDirsEqual(dir1, dir2) {
                    return dir1 && dir2 && dir1 === dir2 && dir1.fileItem.key === dir2.fileItem.key
                }
                _initActions() {
                    this._actions = {
                        onCurrentDirectoryChanging: this._createActionByOption("onCurrentDirectoryChanging")
                    }
                }
                _raiseCurrentDirectoryChanged(currentDirectory) {
                    var _this$_actions$onCurr, _this$_actions;
                    null === (_this$_actions$onCurr = (_this$_actions = this._actions).onCurrentDirectoryChanging) || void 0 === _this$_actions$onCurr || _this$_actions$onCurr.call(_this$_actions, {
                        currentDirectory: currentDirectory
                    })
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        rootFolderDisplayName: "Files",
                        onCurrentDirectoryChanging: void 0
                    })
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "rootFolderDisplayName":
                            this.repaint();
                            break;
                        case "onCurrentDirectoryChanging":
                            this._actions[name] = this._createActionByOption(name);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            exports.default = FileManagerBreadcrumbs
        },
        40683(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.defaultPermissions = exports.FileManagerCommandManager = void 0;
            var _message = (e = __webpack_require__( /*! ../../../common/core/localization/message */ 4671), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            const defaultPermissions = exports.defaultPermissions = {
                create: false,
                copy: false,
                move: false,
                delete: false,
                rename: false,
                upload: false,
                download: false
            };
            exports.FileManagerCommandManager = class {
                constructor(permissions) {
                    this._actions = {};
                    this._permissions = permissions ?? {};
                    this._initCommands()
                }
                _initCommands() {
                    var _this$_permissions, _this$_permissions2, _this$_permissions3, _this$_permissions4, _this$_permissions5, _this$_permissions6, _this$_permissions7;
                    this._commands = [{
                        name: "create",
                        text: _message.default.format("dxFileManager-commandCreate"),
                        icon: "newfolder",
                        enabled: null === (_this$_permissions = this._permissions) || void 0 === _this$_permissions ? void 0 : _this$_permissions.create,
                        noFileItemRequired: true
                    }, {
                        name: "rename",
                        text: _message.default.format("dxFileManager-commandRename"),
                        icon: "rename",
                        enabled: null === (_this$_permissions2 = this._permissions) || void 0 === _this$_permissions2 ? void 0 : _this$_permissions2.rename,
                        isSingleFileItemCommand: true
                    }, {
                        name: "move",
                        text: _message.default.format("dxFileManager-commandMove"),
                        icon: "movetofolder",
                        enabled: null === (_this$_permissions3 = this._permissions) || void 0 === _this$_permissions3 ? void 0 : _this$_permissions3.move
                    }, {
                        name: "copy",
                        text: _message.default.format("dxFileManager-commandCopy"),
                        icon: "copy",
                        enabled: null === (_this$_permissions4 = this._permissions) || void 0 === _this$_permissions4 ? void 0 : _this$_permissions4.copy
                    }, {
                        name: "delete",
                        text: _message.default.format("dxFileManager-commandDelete"),
                        icon: "trash",
                        enabled: null === (_this$_permissions5 = this._permissions) || void 0 === _this$_permissions5 ? void 0 : _this$_permissions5.delete
                    }, {
                        name: "download",
                        text: _message.default.format("dxFileManager-commandDownload"),
                        icon: "download",
                        enabled: null === (_this$_permissions6 = this._permissions) || void 0 === _this$_permissions6 ? void 0 : _this$_permissions6.download
                    }, {
                        name: "upload",
                        text: _message.default.format("dxFileManager-commandUpload"),
                        icon: "upload",
                        enabled: null === (_this$_permissions7 = this._permissions) || void 0 === _this$_permissions7 ? void 0 : _this$_permissions7.upload,
                        noFileItemRequired: true
                    }, {
                        name: "refresh",
                        text: _message.default.format("dxFileManager-commandRefresh"),
                        icon: "dx-filemanager-i dx-filemanager-i-refresh",
                        enabled: true,
                        noFileItemRequired: true
                    }, {
                        name: "thumbnails",
                        text: _message.default.format("dxFileManager-commandThumbnails"),
                        icon: "mediumiconslayout",
                        enabled: true,
                        noFileItemRequired: true
                    }, {
                        name: "details",
                        text: _message.default.format("dxFileManager-commandDetails"),
                        icon: "detailslayout",
                        enabled: true,
                        noFileItemRequired: true
                    }, {
                        name: "clearSelection",
                        text: _message.default.format("dxFileManager-commandClearSelection"),
                        icon: "remove",
                        enabled: true
                    }, {
                        name: "showNavPane",
                        hint: _message.default.format("dxFileManager-commandShowNavPane"),
                        icon: "menu",
                        enabled: false,
                        noFileItemRequired: true
                    }];
                    this._commandMap = {};
                    this._commands.forEach(command => {
                        this._commandMap[command.name] = command
                    })
                }
                registerActions(actions) {
                    this._actions = (0, _extend.extend)(this._actions, actions)
                }
                executeCommand(command, arg) {
                    const commandName = (0, _type.isString)(command) ? command : command.name;
                    const action = this._actions[commandName];
                    if (action) {
                        return action(arg)
                    }
                }
                updatePermissions(permissions) {
                    this._permissions = Object.assign({}, defaultPermissions, permissions);
                    (0, _iterator.each)(this._permissions, permission => {
                        var _this$_permissions8;
                        this._commandMap[permission].enabled = null === (_this$_permissions8 = this._permissions) || void 0 === _this$_permissions8 ? void 0 : _this$_permissions8[permission]
                    })
                }
                setCommandEnabled(commandName, enabled) {
                    const command = this.getCommandByName(commandName);
                    if (command) {
                        command.enabled = enabled
                    }
                }
                getCommandByName(name) {
                    return this._commandMap[name]
                }
                isCommandAvailable(commandName, itemInfos) {
                    const command = this.getCommandByName(commandName);
                    if (!(null !== command && void 0 !== command && command.enabled)) {
                        return false
                    }
                    if (command.noFileItemRequired) {
                        return true
                    }
                    const itemsLength = (null === itemInfos || void 0 === itemInfos ? void 0 : itemInfos.length) || 0;
                    if (0 === itemsLength || itemInfos.some(item => item.fileItem.isRoot() || item.fileItem.isParentFolder)) {
                        return false
                    }
                    if ("download" === commandName) {
                        return itemInfos.every(itemInfo => !itemInfo.fileItem.isDirectory)
                    }
                    return !command.isSingleFileItemCommand || 1 === itemsLength
                }
            }
        },
        62725(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.whenSome = exports.getMapFromObject = exports.getDisplayFileSize = exports.findItemsByKeys = exports.extendAttributes = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            exports.whenSome = (arg, onSuccess, onError) => {
                onSuccess = onSuccess || _common.noop;
                onError = onError || _common.noop;
                if (!Array.isArray(arg)) {
                    arg = [arg]
                }
                const deferreds = arg.map((item, index) => (0, _deferred.when)(item).then(result => {
                    if ((0, _type.isFunction)(onSuccess)) {
                        onSuccess({
                            item: item,
                            index: index,
                            result: result
                        })
                    }
                    return result
                }, error => {
                    if (!error) {
                        error = {}
                    }
                    error.index = index;
                    if ((0, _type.isFunction)(onError)) {
                        onError(error)
                    }
                    return (new _deferred.Deferred).resolve().promise()
                }));
                return _deferred.when.apply(null, deferreds)
            };
            exports.getDisplayFileSize = byteSize => {
                const sizesTitles = ["B", "KB", "MB", "GB", "TB"];
                let index = 0;
                let displaySize = byteSize;
                while (displaySize >= 1024 && index <= sizesTitles.length - 1) {
                    displaySize /= 1024;
                    index += 1
                }
                displaySize = Math.round(10 * displaySize) / 10;
                return `${displaySize} ${sizesTitles[index]}`
            };
            exports.extendAttributes = (targetObject, sourceObject, objectKeysArray) => {
                objectKeysArray.forEach(objectKey => {
                    (0, _extend.extend)(true, targetObject, (0, _type.isDefined)(sourceObject[objectKey]) ? {
                        [objectKey]: sourceObject[objectKey]
                    } : {})
                });
                return targetObject
            };
            exports.findItemsByKeys = (itemInfos, keys) => {
                const itemMap = {};
                keys.forEach(key => {
                    itemMap[key] = null
                });
                itemInfos.forEach(itemInfo => {
                    const {
                        key: key
                    } = itemInfo.fileItem;
                    if (Object.prototype.hasOwnProperty.call(itemMap, key)) {
                        itemMap[key] = itemInfo
                    }
                });
                const result = [];
                keys.forEach(key => {
                    const itemInfo = itemMap[key];
                    if (itemInfo) {
                        result.push(itemInfo)
                    }
                });
                return result
            };
            exports.getMapFromObject = object => {
                const keys = Object.keys(object);
                const values = [];
                keys.forEach(key => values.push(object[key]));
                return {
                    keys: keys,
                    values: values
                }
            }
        },
        45239(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _context_menu = _interopRequireDefault(__webpack_require__( /*! ../../../ui/context_menu */ 34378));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _uiFile_manager = __webpack_require__( /*! ../../ui/file_manager/ui.file_manager.common */ 62725);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DEFAULT_CONTEXT_MENU_ITEMS = {
                create: {},
                upload: {},
                download: {},
                rename: {},
                move: {},
                copy: {},
                delete: {},
                refresh: {
                    beginGroup: true
                }
            };
            const DEFAULT_ITEM_ALLOWED_PROPERTIES = ["beginGroup", "closeMenuOnClick", "disabled", "icon", "selectable", "selected", "text", "visible"];
            class FileManagerContextMenu extends _widget.default {
                _initMarkup() {
                    this._initActions();
                    this._isVisible = false;
                    const $menu = (0, _renderer.default)("<div>").appendTo(this.$element());
                    this._contextMenu = this._createComponent($menu, _context_menu.default, {
                        cssClass: "dx-filemanager-context-menu",
                        showEvent: "",
                        onItemClick: args => this._onContextMenuItemClick(args.itemData.name, args),
                        onShowing: e => this._onContextMenuShowing(e),
                        onShown: () => this._onContextMenuShown(),
                        onHidden: () => this._onContextMenuHidden()
                    });
                    super._initMarkup()
                }
                showAt(fileItems, element, event, target) {
                    var _this$_contextMenu, _this$_contextMenu2;
                    const {
                        itemData: itemData,
                        itemElement: itemElement,
                        isActionButton: isActionButton = false
                    } = target;
                    if (this._isVisible) {
                        this._onContextMenuHidden()
                    }
                    this._menuShowingContext = {
                        targetElement: itemElement,
                        itemData: itemData,
                        fileItems: fileItems,
                        event: event,
                        isActionButton: isActionButton
                    };
                    const position = {
                        of: element,
                        at: "top left",
                        my: "top left",
                        offset: ""
                    };
                    if (event) {
                        position.offset = `${event.offsetX} ${event.offsetY}`
                    } else {
                        position.my = "left top";
                        position.at = "left bottom";
                        position.boundaryOffset = "1"
                    }
                    null === (_this$_contextMenu = this._contextMenu) || void 0 === _this$_contextMenu || _this$_contextMenu.option({
                        target: element,
                        position: position
                    });
                    null === (_this$_contextMenu2 = this._contextMenu) || void 0 === _this$_contextMenu2 || _this$_contextMenu2.show()
                }
                createContextMenuItems(fileItems, contextMenuItems, targetFileItem) {
                    this._targetFileItems = fileItems;
                    this._targetFileItem = (0, _type.isDefined)(targetFileItem) ? targetFileItem : null === fileItems || void 0 === fileItems ? void 0 : fileItems[0];
                    const result = [];
                    const itemArray = contextMenuItems || this.option("items");
                    itemArray.forEach(srcItem => {
                        const commandName = (0, _type.isString)(srcItem) ? srcItem : srcItem.name;
                        const item = this._configureItemByCommandName(commandName, srcItem, fileItems, this._targetFileItem);
                        if (this._isContextMenuItemAvailable(item, fileItems)) {
                            result.push(item)
                        }
                    });
                    return result
                }
                _isContextMenuItemAvailable(menuItem, fileItems) {
                    var _this$_commandManager;
                    if (!this._isDefaultItem(menuItem.name) || !menuItem._autoHide) {
                        return (0, _common.ensureDefined)(menuItem.visible, true)
                    }
                    if (this._isIsolatedCreationItemCommand(menuItem.name) && null !== fileItems && void 0 !== fileItems && fileItems.length) {
                        return false
                    }
                    return null === (_this$_commandManager = this._commandManager) || void 0 === _this$_commandManager ? void 0 : _this$_commandManager.isCommandAvailable(menuItem.name, fileItems)
                }
                _isIsolatedCreationItemCommand(commandName) {
                    const {
                        isolateCreationItemCommands: isolateCreationItemCommands
                    } = this.option();
                    return ("create" === commandName || "upload" === commandName) && isolateCreationItemCommands
                }
                _isDefaultItem(commandName) {
                    return !!DEFAULT_CONTEXT_MENU_ITEMS[commandName]
                }
                _configureItemByCommandName(commandName, item, fileItems, targetFileItem) {
                    if (!this._isDefaultItem(commandName)) {
                        const res = (0, _extend.extend)(true, {}, item);
                        res.originalItemData = item;
                        this._addItemClickHandler(commandName, res);
                        if (Array.isArray(item.items)) {
                            res.items = this.createContextMenuItems(fileItems, item.items, targetFileItem)
                        }
                        return res
                    }
                    const result = this._createMenuItemByCommandName(commandName);
                    const defaultConfig = DEFAULT_CONTEXT_MENU_ITEMS[commandName];
                    (0, _extend.extend)(result, defaultConfig);
                    result.originalItemData = item;
                    (0, _uiFile_manager.extendAttributes)(result, item, DEFAULT_ITEM_ALLOWED_PROPERTIES);
                    if (!(0, _type.isDefined)(result.visible)) {
                        result._autoHide = true
                    }
                    if (commandName && !result.name) {
                        (0, _extend.extend)(result, {
                            name: commandName
                        })
                    }
                    return result
                }
                _createMenuItemByCommandName(commandName) {
                    var _this$_commandManager2;
                    const {
                        text: text,
                        icon: icon
                    } = (null === (_this$_commandManager2 = this._commandManager) || void 0 === _this$_commandManager2 ? void 0 : _this$_commandManager2.getCommandByName(commandName)) ?? {};
                    const menuItem = {
                        name: commandName,
                        text: text,
                        icon: icon
                    };
                    this._addItemClickHandler(commandName, menuItem);
                    return menuItem
                }
                _addItemClickHandler(commandName, contextMenuItem) {
                    contextMenuItem.onItemClick = args => this._onContextMenuItemClick(commandName, args)
                }
                _onContextMenuItemClick(commandName, args) {
                    var _this$_targetFileItem, _this$_actions, _this$_actions$onItem;
                    const changedArgs = (0, _extend.extend)(true, {}, args);
                    changedArgs.itemData = args.itemData.originalItemData;
                    changedArgs.fileSystemItem = null === (_this$_targetFileItem = this._targetFileItem) || void 0 === _this$_targetFileItem ? void 0 : _this$_targetFileItem.fileItem;
                    const {
                        viewArea: viewArea
                    } = this.option();
                    changedArgs.viewArea = viewArea;
                    null === (_this$_actions = this._actions) || void 0 === _this$_actions || null === (_this$_actions$onItem = _this$_actions.onItemClick) || void 0 === _this$_actions$onItem || _this$_actions$onItem.call(_this$_actions, changedArgs);
                    if (this._isDefaultItem(commandName)) {
                        var _this$_commandManager3;
                        const targetFileItems = this._isIsolatedCreationItemCommand(commandName) ? null : this._targetFileItems;
                        null === (_this$_commandManager3 = this._commandManager) || void 0 === _this$_commandManager3 || _this$_commandManager3.executeCommand(commandName, targetFileItems)
                    }
                }
                _initActions() {
                    this._actions = {
                        onContextMenuHidden: this._createActionByOption("onContextMenuHidden"),
                        onContextMenuShowing: this._createActionByOption("onContextMenuShowing"),
                        onItemClick: this._createActionByOption("onItemClick")
                    }
                }
                _onContextMenuShowing(e) {
                    var _this$_actions2, _this$_actions2$onCon;
                    if (this._isVisible) {
                        this._onContextMenuHidden(true)
                    }
                    e = (0, _extend.extend)(e, this._menuShowingContext, {
                        options: this.option(),
                        cancel: false
                    });
                    null === (_this$_actions2 = this._actions) || void 0 === _this$_actions2 || null === (_this$_actions2$onCon = _this$_actions2.onContextMenuShowing) || void 0 === _this$_actions2$onCon || _this$_actions2$onCon.call(_this$_actions2, e);
                    if (!e.cancel) {
                        var _this$_contextMenu3;
                        const items = this.createContextMenuItems(this._menuShowingContext.fileItems, null, this._menuShowingContext.fileSystemItem);
                        null === (_this$_contextMenu3 = this._contextMenu) || void 0 === _this$_contextMenu3 || _this$_contextMenu3.option("dataSource", items)
                    }
                }
                tryUpdateVisibleContextMenu() {
                    if (this._isVisible) {
                        var _this$_contextMenu4;
                        const items = this.createContextMenuItems(this._targetFileItems);
                        null === (_this$_contextMenu4 = this._contextMenu) || void 0 === _this$_contextMenu4 || _this$_contextMenu4.option("dataSource", items)
                    }
                }
                _onContextMenuShown() {
                    this._isVisible = true
                }
                _onContextMenuHidden(preserveContext) {
                    var _this$_contextMenu5;
                    this._isVisible = false;
                    if (!preserveContext) {
                        this._menuShowingContext = {}
                    }
                    null === (_this$_contextMenu5 = this._contextMenu) || void 0 === _this$_contextMenu5 || _this$_contextMenu5.option("visible", false);
                    this._raiseContextMenuHidden()
                }
                _raiseContextMenuHidden() {
                    var _this$_actions3, _this$_actions3$onCon;
                    null === (_this$_actions3 = this._actions) || void 0 === _this$_actions3 || null === (_this$_actions3$onCon = _this$_actions3.onContextMenuHidden) || void 0 === _this$_actions3$onCon || _this$_actions3$onCon.call(_this$_actions3)
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        commandManager: void 0,
                        onContextMenuHidden: void 0,
                        onItemClick: void 0
                    })
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "commandManager":
                            this.repaint();
                            break;
                        case "items":
                            this.tryUpdateVisibleContextMenu();
                            break;
                        case "onItemClick":
                        case "onContextMenuShowing":
                        case "onContextMenuHidden":
                            this._actions[name] = this._createActionByOption(name);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                get _commandManager() {
                    const {
                        commandManager: commandManager
                    } = this.option();
                    return commandManager
                }
            }
            exports.default = FileManagerContextMenu
        },
        49081(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _scroll_view = _interopRequireDefault(__webpack_require__( /*! ../../../ui/scroll_view */ 91374));
            var _uiFile_manager = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.dialog */ 70292));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class FileManagerDeleteItemDialog extends _uiFile_manager.default {
                show(_ref) {
                    let {
                        itemName: itemName,
                        itemCount: itemCount
                    } = _ref;
                    const text = 1 === itemCount ? _message.default.format("dxFileManager-dialogDeleteItemSingleItemConfirmation", itemName) : _message.default.format("dxFileManager-dialogDeleteItemMultipleItemsConfirmation", itemCount);
                    if (this._$text) {
                        this._$text.text(text)
                    } else {
                        this._initialText = text
                    }
                    super.show()
                }
                _getDialogOptions() {
                    return Object.assign({}, super._getDialogOptions(), {
                        title: _message.default.format("dxFileManager-dialogDeleteItemTitle"),
                        buttonText: _message.default.format("dxFileManager-dialogDeleteItemButtonText"),
                        contentCssClass: "dx-filemanager-dialog-delete-item",
                        popupCssClass: "dx-filemanager-dialog-delete-item-popup",
                        height: "auto",
                        maxHeight: "80vh"
                    })
                }
                _createContentTemplate(element) {
                    super._createContentTemplate(element);
                    this._$text = (0, _renderer.default)("<div>").text(this._initialText).appendTo(this._$contentElement);
                    this._createComponent(this._$contentElement, _scroll_view.default, {
                        width: "100%",
                        height: "100%"
                    })
                }
                _getDialogResult() {
                    return {}
                }
            }
            exports.default = FileManagerDeleteItemDialog
        },
        85762(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _uiFile_manager = __webpack_require__( /*! ../../ui/file_manager/ui.file_manager.common */ 62725);
            var _uiFile_manager2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.dialog */ 70292));
            var _uiFile_manager3 = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.files_tree_view */ 47670));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class FileManagerFolderChooserDialog extends _uiFile_manager2.default {
                show() {
                    var _this$_filesTreeView;
                    this._setSelectedDirInfo(null);
                    null === (_this$_filesTreeView = this._filesTreeView) || void 0 === _this$_filesTreeView || _this$_filesTreeView.refresh();
                    super.show()
                }
                switchToCopyDialog(targetItemInfos) {
                    this._targetItemInfos = targetItemInfos;
                    this._setTitle(_message.default.format("dxFileManager-dialogDirectoryChooserCopyTitle"));
                    this._setApplyButtonOptions({
                        text: _message.default.format("dxFileManager-dialogDirectoryChooserCopyButtonText"),
                        disabled: true
                    })
                }
                switchToMoveDialog(targetItemInfos) {
                    this._targetItemInfos = targetItemInfos;
                    this._setTitle(_message.default.format("dxFileManager-dialogDirectoryChooserMoveTitle"));
                    this._setApplyButtonOptions({
                        text: _message.default.format("dxFileManager-dialogDirectoryChooserMoveButtonText"),
                        disabled: true
                    })
                }
                _getDialogOptions() {
                    return Object.assign({}, super._getDialogOptions(), {
                        contentCssClass: "dx-filemanager-dialog-folder-chooser",
                        popupCssClass: "dx-filemanager-dialog-folder-chooser-popup"
                    })
                }
                _createContentTemplate(element) {
                    var _this$_$contentElemen, _this$_filesTreeView2;
                    super._createContentTemplate(element);
                    const {
                        getDirectories: getDirectories
                    } = this.option();
                    this._filesTreeView = this._createComponent((0, _renderer.default)("<div>"), _uiFile_manager3.default, {
                        getDirectories: getDirectories,
                        getCurrentDirectory: () => this._getDialogSelectedDirectory(),
                        onDirectoryClick: e => this._onFilesTreeViewDirectoryClick(e),
                        onFilesTreeViewContentReady: () => this._toggleUnavailableLocationsDisabled(true)
                    });
                    null === (_this$_$contentElemen = this._$contentElement) || void 0 === _this$_$contentElemen || _this$_$contentElemen.append((0, _renderer.default)(null === (_this$_filesTreeView2 = this._filesTreeView) || void 0 === _this$_filesTreeView2 ? void 0 : _this$_filesTreeView2.$element()))
                }
                _getDialogResult() {
                    const result = this._getDialogSelectedDirectory();
                    return result ? {
                        folder: result
                    } : result
                }
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        getItems: null
                    })
                }
                _getDialogSelectedDirectory() {
                    return this._selectedDirectoryInfo
                }
                _onFilesTreeViewDirectoryClick(_ref) {
                    var _this$_filesTreeView3;
                    let {
                        itemData: itemData
                    } = _ref;
                    this._setSelectedDirInfo(itemData);
                    null === (_this$_filesTreeView3 = this._filesTreeView) || void 0 === _this$_filesTreeView3 || _this$_filesTreeView3.updateCurrentDirectory()
                }
                _setSelectedDirInfo(dirInfo) {
                    this._selectedDirectoryInfo = dirInfo;
                    this._setApplyButtonOptions({
                        disabled: !dirInfo
                    })
                }
                _onPopupShown() {
                    this._toggleUnavailableLocationsDisabled(true);
                    super._onPopupShown()
                }
                _onPopupHiding() {
                    this._toggleUnavailableLocationsDisabled(false);
                    super._onPopupHiding()
                }
                _toggleUnavailableLocationsDisabled(isDisabled) {
                    if (!this._filesTreeView) {
                        return
                    }
                    const locations = this._getLocationsToProcess(isDisabled);
                    this._filesTreeView.toggleDirectoryExpandedStateRecursive(locations.locationsToExpand[0], isDisabled).then(() => {
                        var _this$_filesTreeView4;
                        return null === (_this$_filesTreeView4 = this._filesTreeView) || void 0 === _this$_filesTreeView4 ? void 0 : _this$_filesTreeView4.toggleDirectoryLineExpandedState(locations.locationsToCollapse, !isDisabled).then(() => locations.locationKeysToDisable.forEach(key => {
                            var _this$_filesTreeView5;
                            return null === (_this$_filesTreeView5 = this._filesTreeView) || void 0 === _this$_filesTreeView5 ? void 0 : _this$_filesTreeView5.toggleNodeDisabledState(key, isDisabled)
                        }))
                    })
                }
                _getLocationsToProcess(isDisabled) {
                    const expandLocations = {};
                    const collapseLocations = {};
                    this._targetItemInfos.forEach(itemInfo => {
                        if (itemInfo.parentDirectory) {
                            expandLocations[itemInfo.parentDirectory.getInternalKey()] = itemInfo.parentDirectory
                        }
                        if (itemInfo.fileItem.isDirectory) {
                            collapseLocations[itemInfo.getInternalKey()] = itemInfo
                        }
                    });
                    const expandMap = (0, _uiFile_manager.getMapFromObject)(expandLocations);
                    const collapseMap = (0, _uiFile_manager.getMapFromObject)(collapseLocations);
                    return {
                        locationsToExpand: isDisabled ? expandMap.values : [],
                        locationsToCollapse: isDisabled ? collapseMap.values : [],
                        locationKeysToDisable: expandMap.keys.concat(...collapseMap.keys)
                    }
                }
            }
            exports.default = FileManagerFolderChooserDialog
        },
        70292(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/popup/ui.popup */ 10720));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class FileManagerDialogBase extends _widget.default {
                _initMarkup() {
                    super._initMarkup();
                    this._createOnClosedAction();
                    const options = this._getDialogOptions();
                    const $popup = (0, _renderer.default)("<div>").appendTo(this.$element());
                    const popupOptions = {
                        showTitle: true,
                        title: options.title,
                        visible: false,
                        hideOnOutsideClick: true,
                        contentTemplate: this._createContentTemplate.bind(this),
                        toolbarItems: [{
                            widget: "dxButton",
                            toolbar: "bottom",
                            location: "after",
                            options: {
                                text: options.buttonText,
                                onClick: this._applyDialogChanges.bind(this)
                            }
                        }, {
                            widget: "dxButton",
                            toolbar: "bottom",
                            location: "after",
                            options: {
                                text: _message.default.format("dxFileManager-dialogButtonCancel"),
                                onClick: this._closeDialog.bind(this)
                            }
                        }],
                        onInitialized: _ref => {
                            let {
                                component: component
                            } = _ref;
                            component.registerKeyHandler("enter", this._applyDialogChanges.bind(this))
                        },
                        onHiding: this._onPopupHiding.bind(this),
                        onShown: this._onPopupShown.bind(this),
                        _wrapperClassExternal: `dx-filemanager-dialog-popup ${options.popupCssClass??""}`
                    };
                    if ((0, _type.isDefined)(options.height)) {
                        popupOptions.height = options.height
                    }
                    if ((0, _type.isDefined)(options.maxHeight)) {
                        popupOptions.maxHeight = options.maxHeight
                    }
                    this._popup = this._createComponent($popup, _ui.default, popupOptions)
                }
                show() {
                    var _this$_popup;
                    this._dialogResult = null;
                    null === (_this$_popup = this._popup) || void 0 === _this$_popup || _this$_popup.show()
                }
                _getDialogOptions() {
                    return {
                        title: "Title",
                        buttonText: "ButtonText",
                        contentCssClass: "",
                        popupCssClass: ""
                    }
                }
                _createContentTemplate(element) {
                    this._$contentElement = (0, _renderer.default)("<div>").appendTo(element).addClass("dx-filemanager-dialog");
                    const cssClass = this._getDialogOptions().contentCssClass;
                    if (cssClass) {
                        this._$contentElement.addClass(cssClass)
                    }
                }
                _getDialogResult() {
                    return null
                }
                _applyDialogChanges() {
                    const result = this._getDialogResult();
                    if (result) {
                        this._dialogResult = result;
                        this._closeDialog()
                    }
                }
                _closeDialog() {
                    var _this$_popup2;
                    null === (_this$_popup2 = this._popup) || void 0 === _this$_popup2 || _this$_popup2.hide()
                }
                _onPopupHiding() {
                    var _this$_onClosedAction;
                    null === (_this$_onClosedAction = this._onClosedAction) || void 0 === _this$_onClosedAction || _this$_onClosedAction.call(this, {
                        dialogResult: this._dialogResult
                    })
                }
                _onPopupShown() {}
                _createOnClosedAction() {
                    this._onClosedAction = this._createActionByOption("onClosed")
                }
                _setTitle(newTitle) {
                    var _this$_popup3;
                    null === (_this$_popup3 = this._popup) || void 0 === _this$_popup3 || _this$_popup3.option("title", newTitle)
                }
                _setApplyButtonOptions(options) {
                    var _this$_popup4;
                    null === (_this$_popup4 = this._popup) || void 0 === _this$_popup4 || _this$_popup4.option("toolbarItems[0].options", options)
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        onClosed: void 0
                    })
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    if ("onClosed" === name) {
                        this._createOnClosedAction()
                    } else {
                        super._optionChanged(args)
                    }
                }
            }
            exports.default = FileManagerDialogBase
        },
        16807(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _text_box = _interopRequireDefault(__webpack_require__( /*! ../../../ui/text_box */ 20780));
            var _uiFile_manager = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.dialog */ 70292));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class FileManagerNameEditorDialog extends _uiFile_manager.default {
                show(name) {
                    name = name || "";
                    if (this._nameTextBox) {
                        this._nameTextBox.option("value", name)
                    } else {
                        this._initialNameValue = name
                    }
                    super.show()
                }
                _onPopupShown() {
                    if (!this._nameTextBox) {
                        return
                    }
                    const $textBoxInput = this._nameTextBox._input();
                    if ($textBoxInput.length) {
                        $textBoxInput[0].select()
                    }
                    this._nameTextBox.focus()
                }
                _getDialogOptions() {
                    return (0, _extend.extend)(super._getDialogOptions(), {
                        title: this.option("title"),
                        buttonText: this.option("buttonText"),
                        contentCssClass: "dx-filemanager-dialog-name-editor",
                        popupCssClass: "dx-filemanager-dialog-name-editor-popup"
                    })
                }
                _createContentTemplate(element) {
                    var _this$_$contentElemen, _this$_nameTextBox;
                    super._createContentTemplate(element);
                    this._nameTextBox = this._createComponent((0, _renderer.default)("<div>"), _text_box.default, {
                        value: this._initialNameValue,
                        onEnterKey: () => this._hasCompositionJustEnded && this._applyDialogChanges(),
                        onKeyDown: e => this._checkCompositionEnded(e)
                    });
                    null === (_this$_$contentElemen = this._$contentElement) || void 0 === _this$_$contentElemen || _this$_$contentElemen.append((0, _renderer.default)(null === (_this$_nameTextBox = this._nameTextBox) || void 0 === _this$_nameTextBox ? void 0 : _this$_nameTextBox.$element()))
                }
                _checkCompositionEnded(_ref) {
                    let {
                        event: event
                    } = _ref;
                    this._hasCompositionJustEnded = 229 !== event.which
                }
                _getDialogResult() {
                    var _this$_nameTextBox2;
                    const {
                        value: value
                    } = (null === (_this$_nameTextBox2 = this._nameTextBox) || void 0 === _this$_nameTextBox2 ? void 0 : _this$_nameTextBox2.option()) ?? {};
                    return value ? {
                        name: value
                    } : null
                }
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        title: "",
                        buttonText: ""
                    })
                }
            }
            exports.default = FileManagerNameEditorDialog
        },
        35292(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _uiFile_managerDialog = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.dialog.delete_item */ 49081));
            var _uiFile_managerDialog2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.dialog.folder_chooser */ 85762));
            var _uiFile_managerDialog3 = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.dialog.name_editor */ 16807));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = class {
                constructor($element, options) {
                    this._$element = $element;
                    this._options = options;
                    const baseDialogOptions = {
                        onClosed: this._options.onDialogClosed,
                        rtlEnabled: this._options.rtlEnabled
                    };
                    const $chooseFolderDialog = (0, _renderer.default)("<div>").appendTo(this._$element);
                    this._chooseDirectoryDialog = new _uiFile_managerDialog2.default($chooseFolderDialog, (0, _extend.extend)(baseDialogOptions, this._options.chooseDirectoryDialog));
                    const $renameDialog = (0, _renderer.default)("<div>").appendTo(this._$element);
                    this._renameItemDialog = new _uiFile_managerDialog3.default($renameDialog, (0, _extend.extend)(baseDialogOptions, {
                        title: _message.default.format("dxFileManager-dialogRenameItemTitle"),
                        buttonText: _message.default.format("dxFileManager-dialogRenameItemButtonText")
                    }));
                    const $createDialog = (0, _renderer.default)("<div>").appendTo(this._$element);
                    this._createItemDialog = new _uiFile_managerDialog3.default($createDialog, (0, _extend.extend)(baseDialogOptions, {
                        title: _message.default.format("dxFileManager-dialogCreateDirectoryTitle"),
                        buttonText: _message.default.format("dxFileManager-dialogCreateDirectoryButtonText")
                    }));
                    const $deleteItemDialog = (0, _renderer.default)("<div>").appendTo(this._$element);
                    this._deleteItemDialog = new _uiFile_managerDialog.default($deleteItemDialog, baseDialogOptions)
                }
                getCopyDialog(targetItemInfos) {
                    this._chooseDirectoryDialog.switchToCopyDialog(targetItemInfos);
                    return this._chooseDirectoryDialog
                }
                getMoveDialog(targetItemInfos) {
                    this._chooseDirectoryDialog.switchToMoveDialog(targetItemInfos);
                    return this._chooseDirectoryDialog
                }
                getRenameItemDialog() {
                    return this._renameItemDialog
                }
                getCreateItemDialog() {
                    return this._createItemDialog
                }
                getDeleteItemDialog() {
                    return this._deleteItemDialog
                }
                updateDialogRtl(value) {
                    [this._chooseDirectoryDialog, this._renameItemDialog, this._createItemDialog, this._deleteItemDialog].forEach(dialog => {
                        dialog.option("rtlEnabled", value)
                    })
                }
            }
        },
        17290(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _string = __webpack_require__( /*! ../../../core/utils/string */ 54497);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _uiFile_manager = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.dialog_manager */ 35292));
            var _uiFile_manager2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.file_uploader */ 223));
            var _uiFile_manager3 = __webpack_require__( /*! ../../ui/file_manager/ui.file_manager.messages */ 76296);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class FileManagerActionContext {
                constructor(actionMetadata, itemInfos, directoryInfo) {
                    this._actionMetadata = actionMetadata;
                    this._itemInfos = itemInfos;
                    this._onlyFiles = !this._actionMetadata.affectsAllItems && this._itemInfos.every(info => !info.fileItem.isDirectory);
                    this._items = this._itemInfos.map(itemInfo => itemInfo.fileItem);
                    this._multipleItems = this._items.length > 1;
                    this._location = directoryInfo.getDisplayName();
                    this._singleRequest = true;
                    this._completedItems = [];
                    this._commonProgress = 0;
                    this._errorState = {
                        failedCount: 0
                    };
                    this._itemNewName = ""
                }
                completeOperationItem(itemIndex) {
                    if (this._singleRequest) {
                        this._completedItems = [...this._items]
                    } else {
                        const item = this._items[itemIndex];
                        this._completedItems.push(item)
                    }
                    if (!this._actionMetadata.allowItemProgress) {
                        this._commonProgress = this._completedItems.length / this._items.length * 100
                    }
                }
                processSingleRequestError(errorText) {
                    this._errorState.failedCount = 1;
                    this._errorState.commonErrorText = this._multipleItems ? this._actionMetadata.commonErrorMessage : this._actionMetadata.singleItemErrorMessage;
                    const itemIndex = this._multipleItems ? -1 : 1;
                    const itemInfo = this.getItemForSingleRequestError();
                    this._setCurrentDetailError(itemIndex, itemInfo, errorText)
                }
                processMultipleRequestError(itemIndex, errorText) {
                    this._errorState.failedCount += 1;
                    this._errorState.commonErrorText = this._errorState.failedCount > 1 ? (0, _string.format)(this._actionMetadata.multipleItemsErrorMessage, this._errorState.failedCount) : this._actionMetadata.singleItemErrorMessage;
                    const itemInfo = this.getItemForMultipleRequestError(itemIndex);
                    this._setCurrentDetailError(itemIndex, itemInfo, errorText)
                }
                hasModifiedItems() {
                    return this._hasCompletedItems() || this._singleRequest && !this.success && this._multipleItems
                }
                getItemForSingleRequestError() {
                    return this._multipleItems ? null : this._itemInfos[0]
                }
                getItemForMultipleRequestError(itemIndex) {
                    return this._itemInfos[itemIndex]
                }
                getItemName(errorCode, itemIndex) {
                    const itemInfo = this.singleRequest ? this.getItemForSingleRequestError() : this.getItemForMultipleRequestError(itemIndex);
                    let result = null === itemInfo || void 0 === itemInfo ? void 0 : itemInfo.fileItem.name;
                    if (this.itemNewName && this._isItemExistsErrorCode(errorCode)) {
                        result = this.itemNewName
                    }
                    return result
                }
                _isItemExistsErrorCode(errorCode) {
                    return errorCode === _uiFile_manager3.ErrorCode.DirectoryExists || errorCode === _uiFile_manager3.ErrorCode.FileExists
                }
                _setCurrentDetailError(itemIndex, itemInfo, errorText) {
                    this._errorState.currentDetailError = {
                        itemIndex: itemIndex,
                        itemInfo: itemInfo,
                        errorText: errorText
                    }
                }
                _hasCompletedItems() {
                    return this._completedItems.length > 0
                }
                get actionMetadata() {
                    return this._actionMetadata
                }
                get itemInfos() {
                    return this._itemInfos
                }
                get itemNewName() {
                    return this._itemNewName
                }
                set itemNewName(value) {
                    this._itemNewName = value
                }
                get errorState() {
                    return this._errorState
                }
                get singleRequest() {
                    return this._singleRequest
                }
                set singleRequest(value) {
                    this._singleRequest = value
                }
                get multipleItems() {
                    return this._multipleItems
                }
                get onlyFiles() {
                    return this._onlyFiles
                }
                get processingMessage() {
                    return this._multipleItems ? (0, _string.format)(this._actionMetadata.multipleItemsProcessingMessage, this._items.length, this._location) : (0, _string.format)(this._actionMetadata.singleItemProcessingMessage, this._location)
                }
                get successMessage() {
                    if (this._hasCompletedItems()) {
                        return this._multipleItems ? (0, _string.format)(this._actionMetadata.multipleItemsSuccessMessage, this._completedItems.length, this._location) : (0, _string.format)(this._actionMetadata.singleItemSuccessMessage, this._location)
                    }
                    return this._multipleItems ? (0, _string.format)(this._actionMetadata.multipleItemsErrorMessage, this._items.length) : this._actionMetadata.singleItemErrorMessage
                }
                get completionMessage() {
                    return this.success ? this.successMessage : this.errorState.commonErrorText
                }
                get statusText() {
                    return this.success && !this._hasCompletedItems() ? this._actionMetadata.canceledMessage : void 0
                }
                get commonProgress() {
                    return this._commonProgress
                }
                get success() {
                    return !this._errorState.failedCount
                }
            }
            class FileManagerEditingControl extends _widget.default {
                _initMarkup() {
                    var _this$_controller, _this$_controller2, _this$_controller3, _this$_controller4, _this$_controller5, _this$_controller6, _this$_controller7, _this$_controller8, _this$_controller9;
                    super._initMarkup();
                    this._initActions();
                    const {
                        controller: controller
                    } = this.option();
                    this._controller = controller;
                    null === (_this$_controller = this._controller) || void 0 === _this$_controller || _this$_controller.on("EditActionStarting", this._onEditActionStarting.bind(this));
                    null === (_this$_controller2 = this._controller) || void 0 === _this$_controller2 || _this$_controller2.on("EditActionResultAcquired", this._onEditActionResultAcquired.bind(this));
                    null === (_this$_controller3 = this._controller) || void 0 === _this$_controller3 || _this$_controller3.on("EditActionItemError", this._onEditActionItemError.bind(this));
                    null === (_this$_controller4 = this._controller) || void 0 === _this$_controller4 || _this$_controller4.on("EditActionError", this._onEditActionError.bind(this));
                    null === (_this$_controller5 = this._controller) || void 0 === _this$_controller5 || _this$_controller5.on("CompleteEditActionItem", this._onCompleteEditActionItem.bind(this));
                    null === (_this$_controller6 = this._controller) || void 0 === _this$_controller6 || _this$_controller6.on("CompleteEditAction", this._onCompleteEditAction.bind(this));
                    const {
                        model: model
                    } = this.option();
                    this._model = model;
                    this._uploadOperationInfoMap = {};
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    this._dialogManager = new _uiFile_manager.default(this.$element(), {
                        chooseDirectoryDialog: {
                            provider: null === (_this$_controller7 = this._controller) || void 0 === _this$_controller7 ? void 0 : _this$_controller7._fileProvider,
                            getDirectories: null === (_this$_controller8 = this._controller) || void 0 === _this$_controller8 ? void 0 : _this$_controller8.getDirectories.bind(this._controller),
                            getCurrentDirectory: null === (_this$_controller9 = this._controller) || void 0 === _this$_controller9 ? void 0 : _this$_controller9.getCurrentDirectory.bind(this._controller)
                        },
                        rtlEnabled: rtlEnabled,
                        onDialogClosed: this._onDialogClosed.bind(this)
                    });
                    this._fileUploader = this._createFileUploader();
                    const {
                        notificationControl: notificationControl
                    } = this.option();
                    if (notificationControl) {
                        this._initNotificationControl(notificationControl)
                    }
                    this._createMetadataMap()
                }
                _initNotificationControl(notificationControl) {
                    this._notificationControl = notificationControl;
                    this._notificationControl.option({
                        onOperationCanceled: _ref => {
                            let {
                                info: info
                            } = _ref;
                            return this._onCancelUploadSession(info)
                        },
                        onOperationItemCanceled: _ref2 => {
                            let {
                                item: item,
                                itemIndex: itemIndex
                            } = _ref2;
                            return this._onCancelFileUpload(item, itemIndex)
                        }
                    })
                }
                _getFileUploaderComponent() {
                    return _uiFile_manager2.default
                }
                _createFileUploader() {
                    const $fileUploader = (0, _renderer.default)("<div>").appendTo(this.$element());
                    const {
                        uploadDropZonePlaceholderContainer: uploadDropZonePlaceholderContainer
                    } = this.option();
                    return this._createComponent($fileUploader, this._getFileUploaderComponent(), {
                        getController: this._getFileUploaderController.bind(this),
                        dropZonePlaceholderContainer: uploadDropZonePlaceholderContainer,
                        onUploadSessionStarted: e => this._onUploadSessionStarted(e),
                        onUploadProgress: e => this._onUploadProgress(e),
                        onUploadFinished: e => this._onUploadFinished(e)
                    })
                }
                setUploaderDropZone($element) {
                    var _this$_fileUploader;
                    null === (_this$_fileUploader = this._fileUploader) || void 0 === _this$_fileUploader || _this$_fileUploader.option("dropZone", $element)
                }
                setUploaderSplitterElement(element) {
                    var _this$_fileUploader2;
                    null === (_this$_fileUploader2 = this._fileUploader) || void 0 === _this$_fileUploader2 || _this$_fileUploader2.option("splitterElement", element)
                }
                _getFileUploaderController() {
                    var _this$_controller0;
                    const uploadDirectory = this.uploadDirectoryInfo.fileItem;
                    return {
                        chunkSize: null === (_this$_controller0 = this._controller) || void 0 === _this$_controller0 ? void 0 : _this$_controller0.getFileUploadChunkSize(),
                        uploadFileChunk: (fileData, chunksInfo) => {
                            var _this$_controller1;
                            return null === (_this$_controller1 = this._controller) || void 0 === _this$_controller1 ? void 0 : _this$_controller1.uploadFileChunk(fileData, chunksInfo, uploadDirectory)
                        },
                        abortFileUpload: (fileData, chunksInfo) => {
                            var _this$_controller10;
                            return null === (_this$_controller10 = this._controller) || void 0 === _this$_controller10 ? void 0 : _this$_controller10.abortFileUpload(fileData, chunksInfo, uploadDirectory)
                        }
                    }
                }
                _createMetadataMap() {
                    this._metadataMap = {
                        create: {
                            action: arg => this._tryCreate(arg),
                            affectsAllItems: true,
                            singleItemProcessingMessage: _message.default.format("dxFileManager-editingCreateSingleItemProcessingMessage"),
                            singleItemSuccessMessage: _message.default.format("dxFileManager-editingCreateSingleItemSuccessMessage"),
                            singleItemErrorMessage: _message.default.format("dxFileManager-editingCreateSingleItemErrorMessage"),
                            commonErrorMessage: _message.default.format("dxFileManager-editingCreateCommonErrorMessage")
                        },
                        rename: {
                            action: arg => this._tryRename(arg),
                            singleItemProcessingMessage: _message.default.format("dxFileManager-editingRenameSingleItemProcessingMessage"),
                            singleItemSuccessMessage: _message.default.format("dxFileManager-editingRenameSingleItemSuccessMessage"),
                            singleItemErrorMessage: _message.default.format("dxFileManager-editingRenameSingleItemErrorMessage"),
                            commonErrorMessage: _message.default.format("dxFileManager-editingRenameCommonErrorMessage")
                        },
                        delete: {
                            action: arg => this._tryDelete(arg),
                            singleItemProcessingMessage: _message.default.format("dxFileManager-editingDeleteSingleItemProcessingMessage"),
                            multipleItemsProcessingMessage: _message.default.format("dxFileManager-editingDeleteMultipleItemsProcessingMessage"),
                            singleItemSuccessMessage: _message.default.format("dxFileManager-editingDeleteSingleItemSuccessMessage"),
                            multipleItemsSuccessMessage: _message.default.format("dxFileManager-editingDeleteMultipleItemsSuccessMessage"),
                            singleItemErrorMessage: _message.default.format("dxFileManager-editingDeleteSingleItemErrorMessage"),
                            multipleItemsErrorMessage: _message.default.format("dxFileManager-editingDeleteMultipleItemsErrorMessage"),
                            commonErrorMessage: _message.default.format("dxFileManager-editingDeleteCommonErrorMessage")
                        },
                        move: {
                            action: arg => this._tryMove(arg),
                            singleItemProcessingMessage: _message.default.format("dxFileManager-editingMoveSingleItemProcessingMessage"),
                            multipleItemsProcessingMessage: _message.default.format("dxFileManager-editingMoveMultipleItemsProcessingMessage"),
                            singleItemSuccessMessage: _message.default.format("dxFileManager-editingMoveSingleItemSuccessMessage"),
                            multipleItemsSuccessMessage: _message.default.format("dxFileManager-editingMoveMultipleItemsSuccessMessage"),
                            singleItemErrorMessage: _message.default.format("dxFileManager-editingMoveSingleItemErrorMessage"),
                            multipleItemsErrorMessage: _message.default.format("dxFileManager-editingMoveMultipleItemsErrorMessage"),
                            commonErrorMessage: _message.default.format("dxFileManager-editingMoveCommonErrorMessage")
                        },
                        copy: {
                            action: arg => this._tryCopy(arg),
                            singleItemProcessingMessage: _message.default.format("dxFileManager-editingCopySingleItemProcessingMessage"),
                            multipleItemsProcessingMessage: _message.default.format("dxFileManager-editingCopyMultipleItemsProcessingMessage"),
                            singleItemSuccessMessage: _message.default.format("dxFileManager-editingCopySingleItemSuccessMessage"),
                            multipleItemsSuccessMessage: _message.default.format("dxFileManager-editingCopyMultipleItemsSuccessMessage"),
                            singleItemErrorMessage: _message.default.format("dxFileManager-editingCopySingleItemErrorMessage"),
                            multipleItemsErrorMessage: _message.default.format("dxFileManager-editingCopyMultipleItemsErrorMessage"),
                            commonErrorMessage: _message.default.format("dxFileManager-editingCopyCommonErrorMessage")
                        },
                        upload: {
                            action: arg => this._tryUpload(arg),
                            allowCancel: true,
                            allowItemProgress: true,
                            singleItemProcessingMessage: _message.default.format("dxFileManager-editingUploadSingleItemProcessingMessage"),
                            multipleItemsProcessingMessage: _message.default.format("dxFileManager-editingUploadMultipleItemsProcessingMessage"),
                            singleItemSuccessMessage: _message.default.format("dxFileManager-editingUploadSingleItemSuccessMessage"),
                            multipleItemsSuccessMessage: _message.default.format("dxFileManager-editingUploadMultipleItemsSuccessMessage"),
                            singleItemErrorMessage: _message.default.format("dxFileManager-editingUploadSingleItemErrorMessage"),
                            multipleItemsErrorMessage: _message.default.format("dxFileManager-editingUploadMultipleItemsErrorMessage"),
                            canceledMessage: _message.default.format("dxFileManager-editingUploadCanceledMessage")
                        },
                        download: {
                            action: arg => this._download(arg),
                            singleItemProcessingMessage: "",
                            multipleItemsProcessingMessage: "",
                            singleItemErrorMessage: _message.default.format("dxFileManager-editingDownloadSingleItemErrorMessage"),
                            multipleItemsErrorMessage: _message.default.format("dxFileManager-editingDownloadMultipleItemsErrorMessage")
                        },
                        getItemContent: {
                            action: arg => this._getItemContent(arg)
                        },
                        getItems: {
                            singleItemProcessingMessage: "",
                            singleItemErrorMessage: _message.default.format("dxFileManager-errorDirectoryOpenFailed"),
                            commonErrorMessage: _message.default.format("dxFileManager-errorDirectoryOpenFailed")
                        }
                    }
                }
                getCommandActions() {
                    const result = {};
                    (0, _iterator.each)(this._metadataMap, name => {
                        if (Object.prototype.hasOwnProperty.call(this._metadataMap, name)) {
                            result[name] = arg => this._executeAction(name, arg)
                        }
                    });
                    return result
                }
                _executeAction(actionName, arg) {
                    var _this$_metadataMap, _actionMetadata$actio;
                    const actionMetadata = null === (_this$_metadataMap = this._metadataMap) || void 0 === _this$_metadataMap ? void 0 : _this$_metadataMap[actionName];
                    return actionMetadata ? null === actionMetadata || void 0 === actionMetadata || null === (_actionMetadata$actio = actionMetadata.action) || void 0 === _actionMetadata$actio ? void 0 : _actionMetadata$actio.call(actionMetadata, arg) : null
                }
                _onCancelUploadSession(info) {
                    var _this$_fileUploader3;
                    null === (_this$_fileUploader3 = this._fileUploader) || void 0 === _this$_fileUploader3 || _this$_fileUploader3.cancelUpload(info.uploadSessionId)
                }
                _onCancelFileUpload(item, itemIndex) {
                    var _this$_fileUploader4;
                    null === (_this$_fileUploader4 = this._fileUploader) || void 0 === _this$_fileUploader4 || _this$_fileUploader4.cancelFileUpload(item.info.uploadSessionId, itemIndex)
                }
                _onUploadProgress(_ref3) {
                    var _this$_notificationCo;
                    let {
                        sessionId: sessionId,
                        fileIndex: fileIndex,
                        commonValue: commonValue,
                        fileValue: fileValue
                    } = _ref3;
                    const {
                        operationInfo: operationInfo
                    } = this._uploadOperationInfoMap[sessionId];
                    null === (_this$_notificationCo = this._notificationControl) || void 0 === _this$_notificationCo || _this$_notificationCo.updateOperationItemProgress(operationInfo, fileIndex, 100 * fileValue, 100 * commonValue)
                }
                _onUploadFinished(_ref4) {
                    var _this$_notificationCo2;
                    let {
                        sessionId: sessionId,
                        commonValue: commonValue
                    } = _ref4;
                    const {
                        operationInfo: operationInfo
                    } = this._uploadOperationInfoMap[sessionId];
                    null === (_this$_notificationCo2 = this._notificationControl) || void 0 === _this$_notificationCo2 || _this$_notificationCo2.finishOperation(operationInfo, 100 * commonValue);
                    this._scheduleUploadSessionDisposal(sessionId, "uploader")
                }
                _onUploadSessionStarted(_ref5) {
                    var _this$_controller11;
                    let {
                        sessionInfo: sessionInfo
                    } = _ref5;
                    null === (_this$_controller11 = this._controller) || void 0 === _this$_controller11 || _this$_controller11.processUploadSession(sessionInfo, this.uploadDirectoryInfo)
                }
                _onEditActionStarting(actionInfo) {
                    var _this$_metadataMap2, _this$_notificationCo3;
                    const actionMetadata = (null === (_this$_metadataMap2 = this._metadataMap) || void 0 === _this$_metadataMap2 ? void 0 : _this$_metadataMap2[actionInfo.name]) ?? {};
                    const context = new FileManagerActionContext(actionMetadata, actionInfo.itemInfos, actionInfo.directory);
                    const operationInfo = null === (_this$_notificationCo3 = this._notificationControl) || void 0 === _this$_notificationCo3 ? void 0 : _this$_notificationCo3.addOperation(context.processingMessage, null === actionMetadata || void 0 === actionMetadata ? void 0 : actionMetadata.allowCancel, !(null !== actionMetadata && void 0 !== actionMetadata && actionMetadata.allowItemProgress));
                    (0, _extend.extend)(actionInfo.customData, {
                        context: context,
                        operationInfo: operationInfo
                    });
                    switch (actionInfo.name) {
                        case "upload": {
                            const {
                                sessionId: sessionId
                            } = actionInfo.customData.sessionInfo;
                            operationInfo.uploadSessionId = sessionId;
                            this._uploadOperationInfoMap[sessionId] = {
                                operationInfo: operationInfo
                            };
                            break
                        }
                        case "rename":
                            actionInfo.customData.context.itemNewName = actionInfo.customData.itemNewName
                    }
                }
                _onEditActionResultAcquired(actionInfo) {
                    var _this$_notificationCo4;
                    const {
                        context: context,
                        operationInfo: operationInfo
                    } = actionInfo.customData;
                    context.singleRequest = actionInfo.singleRequest;
                    const details = context.itemInfos.map(itemInfo => this._getItemProgressDisplayInfo(itemInfo));
                    null === (_this$_notificationCo4 = this._notificationControl) || void 0 === _this$_notificationCo4 || _this$_notificationCo4.addOperationDetails(operationInfo, details, context.actionMetadata.allowCancel)
                }
                _onEditActionError(actionInfo, errorInfo) {
                    const {
                        context: context,
                        operationInfo: operationInfo
                    } = actionInfo.customData;
                    context.singleRequest = actionInfo.singleRequest;
                    this._handleActionError(operationInfo, context, errorInfo);
                    this._completeAction(operationInfo, context)
                }
                _onEditActionItemError(actionInfo, errorInfo) {
                    const {
                        context: context,
                        operationInfo: operationInfo
                    } = actionInfo.customData;
                    this._handleActionError(operationInfo, context, errorInfo)
                }
                _onCompleteEditActionItem(actionInfo, info) {
                    var _info$result;
                    const {
                        context: context,
                        operationInfo: operationInfo
                    } = actionInfo.customData;
                    if (!(null !== (_info$result = info.result) && void 0 !== _info$result && _info$result.canceled)) {
                        var _this$_notificationCo5;
                        context.completeOperationItem(info.index);
                        null === (_this$_notificationCo5 = this._notificationControl) || void 0 === _this$_notificationCo5 || _this$_notificationCo5.completeOperationItem(operationInfo, info.index, context.commonProgress)
                    }
                }
                _onCompleteEditAction(actionInfo) {
                    const {
                        context: context,
                        operationInfo: operationInfo
                    } = actionInfo.customData;
                    this._completeAction(operationInfo, context);
                    if ("upload" === actionInfo.name) {
                        this._scheduleUploadSessionDisposal(actionInfo.customData.sessionInfo.sessionId, "controller")
                    }
                }
                _scheduleUploadSessionDisposal(sessionId, requester) {
                    if ((0, _type.isDefined)(this._uploadOperationInfoMap[sessionId].requester) && this._uploadOperationInfoMap[sessionId].requester !== requester) {
                        delete this._uploadOperationInfoMap[sessionId]
                    } else {
                        this._uploadOperationInfoMap[sessionId].requester = requester
                    }
                }
                _tryCreate(parentDirectories) {
                    var _this$_showDialog, _this$_dialogManager;
                    const parentDirectoryInfo = (null === parentDirectories || void 0 === parentDirectories ? void 0 : parentDirectories[0]) || this._getCurrentDirectory();
                    const newDirName = _message.default.format("dxFileManager-newDirectoryName");
                    return null === (_this$_showDialog = this._showDialog(null === (_this$_dialogManager = this._dialogManager) || void 0 === _this$_dialogManager ? void 0 : _this$_dialogManager.getCreateItemDialog(), newDirName)) || void 0 === _this$_showDialog ? void 0 : _this$_showDialog.then(_ref6 => {
                        var _this$_controller12;
                        let {
                            name: name
                        } = _ref6;
                        return null === (_this$_controller12 = this._controller) || void 0 === _this$_controller12 ? void 0 : _this$_controller12.createDirectory(parentDirectoryInfo, name)
                    })
                }
                _tryRename(itemInfos) {
                    var _this$_model, _this$_model$getMulti, _this$_showDialog2, _this$_dialogManager2;
                    const itemInfo = (null === itemInfos || void 0 === itemInfos ? void 0 : itemInfos[0]) || (null === (_this$_model = this._model) || void 0 === _this$_model || null === (_this$_model$getMulti = _this$_model.getMultipleSelectedItems) || void 0 === _this$_model$getMulti ? void 0 : _this$_model$getMulti.call(_this$_model)[0]);
                    if (!itemInfo) {
                        return (new _deferred.Deferred).reject().promise()
                    }
                    return null === (_this$_showDialog2 = this._showDialog(null === (_this$_dialogManager2 = this._dialogManager) || void 0 === _this$_dialogManager2 ? void 0 : _this$_dialogManager2.getRenameItemDialog(), itemInfo.fileItem.name)) || void 0 === _this$_showDialog2 ? void 0 : _this$_showDialog2.then(_ref7 => {
                        var _this$_controller13;
                        let {
                            name: name
                        } = _ref7;
                        return null === (_this$_controller13 = this._controller) || void 0 === _this$_controller13 ? void 0 : _this$_controller13.renameItem(itemInfo, name)
                    })
                }
                _tryDelete(itemInfos) {
                    var _this$_model2, _this$_model2$getMult, _this$_showDialog3, _this$_dialogManager3;
                    itemInfos = itemInfos || (null === (_this$_model2 = this._model) || void 0 === _this$_model2 || null === (_this$_model2$getMult = _this$_model2.getMultipleSelectedItems) || void 0 === _this$_model2$getMult ? void 0 : _this$_model2$getMult.call(_this$_model2));
                    if (0 === itemInfos.length) {
                        return (new _deferred.Deferred).reject().promise()
                    }
                    const itemName = itemInfos[0].fileItem.name;
                    const itemCount = itemInfos.length;
                    return null === (_this$_showDialog3 = this._showDialog(null === (_this$_dialogManager3 = this._dialogManager) || void 0 === _this$_dialogManager3 ? void 0 : _this$_dialogManager3.getDeleteItemDialog(), {
                        itemName: itemName,
                        itemCount: itemCount
                    })) || void 0 === _this$_showDialog3 ? void 0 : _this$_showDialog3.then(() => {
                        var _this$_controller14;
                        return null === (_this$_controller14 = this._controller) || void 0 === _this$_controller14 ? void 0 : _this$_controller14.deleteItems(itemInfos)
                    })
                }
                _tryMove(itemInfos) {
                    var _this$_model3, _this$_model3$getMult, _this$_showDialog4, _this$_dialogManager4;
                    itemInfos = itemInfos || (null === (_this$_model3 = this._model) || void 0 === _this$_model3 || null === (_this$_model3$getMult = _this$_model3.getMultipleSelectedItems) || void 0 === _this$_model3$getMult ? void 0 : _this$_model3$getMult.call(_this$_model3));
                    if (0 === itemInfos.length) {
                        return (new _deferred.Deferred).reject().promise()
                    }
                    return null === (_this$_showDialog4 = this._showDialog(null === (_this$_dialogManager4 = this._dialogManager) || void 0 === _this$_dialogManager4 ? void 0 : _this$_dialogManager4.getMoveDialog(itemInfos))) || void 0 === _this$_showDialog4 ? void 0 : _this$_showDialog4.then(_ref8 => {
                        var _this$_controller15;
                        let {
                            folder: folder
                        } = _ref8;
                        return null === (_this$_controller15 = this._controller) || void 0 === _this$_controller15 ? void 0 : _this$_controller15.moveItems(itemInfos, folder)
                    })
                }
                _tryCopy(itemInfos) {
                    var _this$_model4, _this$_model4$getMult, _this$_showDialog5, _this$_dialogManager5;
                    itemInfos = itemInfos || (null === (_this$_model4 = this._model) || void 0 === _this$_model4 || null === (_this$_model4$getMult = _this$_model4.getMultipleSelectedItems) || void 0 === _this$_model4$getMult ? void 0 : _this$_model4$getMult.call(_this$_model4));
                    if (0 === itemInfos.length) {
                        return (new _deferred.Deferred).reject().promise()
                    }
                    return null === (_this$_showDialog5 = this._showDialog(null === (_this$_dialogManager5 = this._dialogManager) || void 0 === _this$_dialogManager5 ? void 0 : _this$_dialogManager5.getCopyDialog(itemInfos))) || void 0 === _this$_showDialog5 ? void 0 : _this$_showDialog5.then(_ref9 => {
                        var _this$_controller16;
                        let {
                            folder: folder
                        } = _ref9;
                        return null === (_this$_controller16 = this._controller) || void 0 === _this$_controller16 ? void 0 : _this$_controller16.copyItems(itemInfos, folder)
                    })
                }
                _tryUpload(destinationFolder) {
                    var _this$_fileUploader5;
                    this._uploadDirectoryInfo = null === destinationFolder || void 0 === destinationFolder ? void 0 : destinationFolder[0];
                    null === (_this$_fileUploader5 = this._fileUploader) || void 0 === _this$_fileUploader5 || _this$_fileUploader5.tryUpload()
                }
                _download(itemInfos) {
                    var _this$_model5, _this$_model5$getMult, _this$_controller17;
                    itemInfos = itemInfos || (null === (_this$_model5 = this._model) || void 0 === _this$_model5 || null === (_this$_model5$getMult = _this$_model5.getMultipleSelectedItems) || void 0 === _this$_model5$getMult ? void 0 : _this$_model5$getMult.call(_this$_model5));
                    if (0 === itemInfos.length) {
                        return (new _deferred.Deferred).reject().promise()
                    }
                    return null === (_this$_controller17 = this._controller) || void 0 === _this$_controller17 ? void 0 : _this$_controller17.downloadItems(itemInfos)
                }
                _getItemContent(itemInfos) {
                    var _this$_model6, _this$_model6$getMult, _this$_controller18;
                    itemInfos = itemInfos || (null === (_this$_model6 = this._model) || void 0 === _this$_model6 || null === (_this$_model6$getMult = _this$_model6.getMultipleSelectedItems) || void 0 === _this$_model6$getMult ? void 0 : _this$_model6$getMult.call(_this$_model6));
                    return null === (_this$_controller18 = this._controller) || void 0 === _this$_controller18 ? void 0 : _this$_controller18.getItemContent(itemInfos)
                }
                _completeAction(operationInfo, context) {
                    var _this$_notificationCo6;
                    null === (_this$_notificationCo6 = this._notificationControl) || void 0 === _this$_notificationCo6 || _this$_notificationCo6.completeOperation(operationInfo, context.completionMessage, !context.success, context.statusText);
                    if (context.hasModifiedItems()) {
                        this._raiseOnSuccess(context.onlyFiles)
                    }
                }
                _handleActionError(operationInfo, context, errorInfo) {
                    operationInfo.hasError = true;
                    if (context.singleRequest) {
                        this._handleSingleRequestActionError(operationInfo, context, errorInfo)
                    } else {
                        this._handleMultipleRequestActionError(operationInfo, context, errorInfo)
                    }
                }
                _handleSingleRequestActionError(operationInfo, context, errorInfo) {
                    var _this$_notificationCo7;
                    const itemInfo = context.getItemForSingleRequestError();
                    const itemName = context.getItemName(errorInfo.errorCode);
                    const errorText = this._getErrorText(errorInfo, itemInfo, itemName);
                    context.processSingleRequestError(errorText);
                    const operationErrorInfo = this._getOperationErrorInfo(context);
                    null === (_this$_notificationCo7 = this._notificationControl) || void 0 === _this$_notificationCo7 || _this$_notificationCo7.completeSingleOperationWithError(operationInfo, operationErrorInfo);
                    if (context.multipleItems) {
                        this._raiseOnSuccess(context.onlyFiles)
                    }
                }
                _handleMultipleRequestActionError(operationInfo, context, errorInfo) {
                    var _this$_notificationCo8;
                    const itemInfo = context.getItemForMultipleRequestError(errorInfo.index);
                    const itemName = context.getItemName(errorInfo.errorCode, errorInfo.index);
                    const errorText = this._getErrorText(errorInfo, itemInfo, itemName);
                    context.processMultipleRequestError(errorInfo.index, errorText);
                    const operationErrorInfo = this._getOperationErrorInfo(context);
                    null === (_this$_notificationCo8 = this._notificationControl) || void 0 === _this$_notificationCo8 || _this$_notificationCo8.addOperationDetailsError(operationInfo, operationErrorInfo)
                }
                _getOperationErrorInfo(context) {
                    const detailError = context.errorState.currentDetailError;
                    return {
                        commonErrorText: context.errorState.commonErrorText,
                        item: detailError.itemInfo ? this._getItemProgressDisplayInfo(detailError.itemInfo) : null,
                        itemIndex: detailError.itemIndex,
                        detailErrorText: detailError.errorText
                    }
                }
                _getErrorText(errorInfo, itemInfo, itemName) {
                    const errorText = errorInfo.errorText || _uiFile_manager3.FileManagerMessages.get(errorInfo.errorCode, itemName);
                    const errorArgs = {
                        fileSystemItem: null === itemInfo || void 0 === itemInfo ? void 0 : itemInfo.fileItem,
                        errorCode: errorInfo.errorCode,
                        errorText: errorText
                    };
                    this._raiseOnError(errorArgs);
                    return errorArgs.errorText
                }
                _getItemProgressDisplayInfo(itemInfo) {
                    return {
                        commonText: itemInfo.fileItem.name,
                        imageUrl: this._getItemThumbnail(itemInfo)
                    }
                }
                _showDialog(dialog, dialogArgument) {
                    var _this$_dialogDeferred;
                    this._dialogDeferred = new _deferred.Deferred;
                    dialog.show(dialogArgument);
                    return null === (_this$_dialogDeferred = this._dialogDeferred) || void 0 === _this$_dialogDeferred ? void 0 : _this$_dialogDeferred.promise()
                }
                _onDialogClosed(e) {
                    const result = e.dialogResult;
                    if (result) {
                        var _this$_dialogDeferred2;
                        null === (_this$_dialogDeferred2 = this._dialogDeferred) || void 0 === _this$_dialogDeferred2 || _this$_dialogDeferred2.resolve(result)
                    } else {
                        var _this$_dialogDeferred3;
                        null === (_this$_dialogDeferred3 = this._dialogDeferred) || void 0 === _this$_dialogDeferred3 || _this$_dialogDeferred3.reject()
                    }
                }
                updateDialogRtl(value) {
                    var _this$_dialogManager6;
                    null === (_this$_dialogManager6 = this._dialogManager) || void 0 === _this$_dialogManager6 || _this$_dialogManager6.updateDialogRtl(value)
                }
                _getItemThumbnail(item) {
                    const {
                        getItemThumbnail: getItemThumbnail
                    } = this.option();
                    if (!getItemThumbnail) {
                        return null
                    }
                    const info = getItemThumbnail(item);
                    return info ? info.thumbnail : null
                }
                _initActions() {
                    this._actions = {
                        onSuccess: this._createActionByOption("onSuccess"),
                        onError: this._createActionByOption("onError")
                    }
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        model: {
                            getMultipleSelectedItems: void 0
                        },
                        notificationControl: void 0,
                        getItemThumbnail: void 0,
                        onSuccess: void 0,
                        onError: void 0
                    })
                }
                _optionChanged(args) {
                    var _this$_fileUploader6;
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "model":
                            this.repaint();
                            break;
                        case "notificationControl":
                            this._initNotificationControl(args.value);
                            break;
                        case "getItemThumbnail":
                            break;
                        case "uploadDropZonePlaceholderContainer":
                            null === (_this$_fileUploader6 = this._fileUploader) || void 0 === _this$_fileUploader6 || _this$_fileUploader6.option("dropZonePlaceholderContainer", args.value);
                            break;
                        case "onSuccess":
                        case "onError":
                            this._actions[name] = this._createActionByOption(name);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _raiseOnSuccess(updatedOnlyFiles) {
                    var _this$_actions$onSucc, _this$_actions;
                    null === (_this$_actions$onSucc = (_this$_actions = this._actions).onSuccess) || void 0 === _this$_actions$onSucc || _this$_actions$onSucc.call(_this$_actions, {
                        updatedOnlyFiles: updatedOnlyFiles
                    })
                }
                _raiseOnError(args) {
                    var _this$_actions$onErro, _this$_actions2;
                    null === (_this$_actions$onErro = (_this$_actions2 = this._actions).onError) || void 0 === _this$_actions$onErro || _this$_actions$onErro.call(_this$_actions2, args)
                }
                _getCurrentDirectory() {
                    var _this$_controller19;
                    return null === (_this$_controller19 = this._controller) || void 0 === _this$_controller19 ? void 0 : _this$_controller19.getCurrentDirectory()
                }
                get uploadDirectoryInfo() {
                    return this._uploadDirectoryInfo || this._getCurrentDirectory()
                }
            }
            exports.default = FileManagerEditingControl
        },
        6857(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../ui/button */ 64973));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class FileManagerFileActionsButton extends _widget.default {
                _initMarkup() {
                    this._createClickAction();
                    const $button = (0, _renderer.default)("<div>");
                    this.$element().append($button).addClass("dx-filemanager-file-actions-button");
                    this._button = this._createComponent($button, _button.default, {
                        icon: "overflow",
                        stylingMode: "text",
                        onClick: e => this._raiseClick(e)
                    });
                    super._initMarkup()
                }
                _createClickAction() {
                    this._clickAction = this._createActionByOption("onClick")
                }
                _raiseClick(e) {
                    var _this$_clickAction;
                    null === (_this$_clickAction = this._clickAction) || void 0 === _this$_clickAction || _this$_clickAction.call(this, e)
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        cssClass: "",
                        onClick: void 0
                    })
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "cssClass":
                            this.repaint();
                            break;
                        case "onClick":
                            this._createClickAction();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                setActive(active) {
                    this.$element().toggleClass("dx-filemanager-file-actions-button-activated", active);
                    setTimeout(() => {
                        var _this$_button;
                        return null === (_this$_button = this._button) || void 0 === _this$_button ? void 0 : _this$_button.$element().toggleClass("dx-state-active", active)
                    })
                }
            }
            exports.default = FileManagerFileActionsButton
        },
        223(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _file_uploader = _interopRequireDefault(__webpack_require__( /*! ../../../ui/file_uploader */ 26980));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _uiFile_manager = __webpack_require__( /*! ../../ui/file_manager/ui.file_manager.common */ 62725);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class FileManagerFileUploader extends _widget.default {
                _initMarkup() {
                    this._initActions();
                    this.$element().addClass("dx-filemanager-fileuploader");
                    this._uploaderInfos = [];
                    this._createInternalFileUploader();
                    this._createDropZonePlaceholder();
                    this._setDropZonePlaceholderVisible(false);
                    super._initMarkup()
                }
                _createInternalFileUploader() {
                    const {
                        chunkSize: chunkSize
                    } = this._getController();
                    const $fileUploader = (0, _renderer.default)("<div>").appendTo(this.$element());
                    const fileUploader = this._createComponent($fileUploader, _file_uploader.default, {
                        name: "file",
                        multiple: true,
                        showFileList: false,
                        activeStateEnabled: false,
                        focusStateEnabled: false,
                        hoverStateEnabled: false,
                        labelText: "",
                        readyToUploadMessage: "",
                        accept: "*",
                        chunkSize: chunkSize,
                        dropZone: this.option("dropZone"),
                        onValueChanged: e => this._onFileUploaderValueChanged(e),
                        onProgress: e => this._onFileUploaderProgress(e),
                        onUploaded: e => this._onFileUploaderUploaded(e),
                        onFilesUploaded: e => this._onFileUploaderAllFilesUploaded(e),
                        onUploadAborted: e => this._onFileUploaderUploadAborted(e),
                        onUploadError: e => this._onFileUploaderUploadError(e),
                        onDropZoneEnter: () => this._setDropZonePlaceholderVisible(true),
                        onDropZoneLeave: () => this._setDropZonePlaceholderVisible(false)
                    });
                    fileUploader.option({
                        uploadChunk: (file, chunksData) => this._fileUploaderUploadChunk(fileUploader, file, chunksData),
                        abortUpload: (file, chunksData) => this._fileUploaderAbortUpload(fileUploader, file, chunksData)
                    });
                    fileUploader._shouldRaiseDragLeaveBase = fileUploader._shouldRaiseDragLeave;
                    fileUploader._shouldRaiseDragLeave = e => this._shouldRaiseDragLeave(e, fileUploader);
                    const uploaderInfo = {
                        fileUploader: fileUploader
                    };
                    this._uploaderInfos.push(uploaderInfo)
                }
                tryUpload() {
                    const info = this._findAndUpdateAvailableUploaderInfo();
                    if (info) {
                        info.fileUploader._selectFileDialogClickHandler()
                    }
                }
                cancelUpload(sessionId) {
                    this._cancelUpload(sessionId)
                }
                cancelFileUpload(sessionId, fileIndex) {
                    this._cancelUpload(sessionId, fileIndex)
                }
                _cancelUpload(sessionId, fileIndex) {
                    const {
                        fileUploader: fileUploader
                    } = this._findUploaderInfoBySessionId(sessionId);
                    fileUploader.abortUpload(fileIndex)
                }
                _fileUploaderUploadChunk(fileUploader, file, chunksInfo) {
                    const {
                        session: session,
                        fileIndex: fileIndex
                    } = this._findSessionByFile(fileUploader, file);
                    const {
                        controller: controller
                    } = session;
                    chunksInfo.fileIndex = fileIndex;
                    return controller.uploadFileChunk(file, chunksInfo)
                }
                _fileUploaderAbortUpload(fileUploader, file, chunksInfo) {
                    const {
                        session: session,
                        fileIndex: fileIndex
                    } = this._findSessionByFile(fileUploader, file);
                    const {
                        controller: controller
                    } = session;
                    chunksInfo.fileIndex = fileIndex;
                    return controller.abortFileUpload(file, chunksInfo)
                }
                _onFileUploaderValueChanged(_ref) {
                    let {
                        component: component,
                        value: value
                    } = _ref;
                    if (0 === value.length) {
                        return
                    }
                    const files = value.slice();
                    const uploaderInfo = this._findUploaderInfo(component);
                    this._uploadFiles(uploaderInfo, files);
                    setTimeout(() => {
                        if (!this._findAndUpdateAvailableUploaderInfo()) {
                            this._createInternalFileUploader()
                        }
                    })
                }
                _onFileUploaderProgress(_ref2) {
                    let {
                        component: component,
                        file: file,
                        bytesLoaded: bytesLoaded,
                        bytesTotal: bytesTotal
                    } = _ref2;
                    const {
                        session: session,
                        fileIndex: fileIndex
                    } = this._findSessionByFile(component, file);
                    const fileValue = 0 !== bytesTotal ? bytesLoaded / bytesTotal : 1;
                    const commonValue = component.option("progress") / 100;
                    const args = {
                        sessionId: session.id,
                        fileIndex: fileIndex,
                        commonValue: commonValue,
                        fileValue: fileValue
                    };
                    this._raiseUploadProgress(args)
                }
                _onFileUploaderAllFilesUploaded(_ref3) {
                    let {
                        component: component
                    } = _ref3;
                    const {
                        session: session
                    } = this._findSessionByFile(component, component._files[0].value);
                    this._raiseUploadFinished({
                        sessionId: session.id,
                        commonValue: component.option("progress") / 100
                    })
                }
                _onFileUploaderUploaded(_ref4) {
                    let {
                        component: component,
                        file: file
                    } = _ref4;
                    const deferred = this._getDeferredForFile(component, file);
                    deferred.resolve()
                }
                _onFileUploaderUploadAborted(_ref5) {
                    let {
                        component: component,
                        file: file
                    } = _ref5;
                    const deferred = this._getDeferredForFile(component, file);
                    deferred.resolve({
                        canceled: true
                    })
                }
                _onFileUploaderUploadError(_ref6) {
                    let {
                        component: component,
                        file: file,
                        error: error
                    } = _ref6;
                    const deferred = this._getDeferredForFile(component, file);
                    deferred.reject(error)
                }
                _createDropZonePlaceholder() {
                    const {
                        dropZonePlaceholderContainer: dropZonePlaceholderContainer
                    } = this.option();
                    this._$dropZonePlaceholder = (0, _renderer.default)("<div>").addClass("dx-filemanager-fileuploader-dropzone-placeholder").appendTo((0, _renderer.default)(dropZonePlaceholderContainer))
                }
                _adjustDropZonePlaceholder() {
                    var _this$_$dropZonePlace, _this$_$dropZonePlace2, _this$_$dropZonePlace3;
                    const {
                        dropZone: dropZone
                    } = this.option();
                    const $dropZoneTarget = dropZone;
                    if (!(0, _window.hasWindow)() || 0 === (null === $dropZoneTarget || void 0 === $dropZoneTarget ? void 0 : $dropZoneTarget.length)) {
                        return
                    }
                    const placeholderBorderTopWidth = parseFloat((null === (_this$_$dropZonePlace = this._$dropZonePlaceholder) || void 0 === _this$_$dropZonePlace ? void 0 : _this$_$dropZonePlace.css("borderTopWidth")) ?? "");
                    const placeholderBorderLeftWidth = parseFloat((null === (_this$_$dropZonePlace2 = this._$dropZonePlaceholder) || void 0 === _this$_$dropZonePlace2 ? void 0 : _this$_$dropZonePlace2.css("borderLeftWidth")) ?? "");
                    const {
                        dropZonePlaceholderContainer: dropZonePlaceholderContainer
                    } = this.option();
                    const $placeholderContainer = dropZonePlaceholderContainer;
                    const containerBorderBottomWidth = parseFloat((null === $placeholderContainer || void 0 === $placeholderContainer ? void 0 : $placeholderContainer.css("borderBottomWidth")) ?? "");
                    const containerBorderLeftWidth = parseFloat((null === $placeholderContainer || void 0 === $placeholderContainer ? void 0 : $placeholderContainer.css("borderLeftWidth")) ?? "");
                    const containerHeight = (0, _size.getInnerHeight)($placeholderContainer);
                    const containerOffset = null === $placeholderContainer || void 0 === $placeholderContainer ? void 0 : $placeholderContainer.offset();
                    const dropZoneOffset = null === $dropZoneTarget || void 0 === $dropZoneTarget ? void 0 : $dropZoneTarget.offset();
                    null === (_this$_$dropZonePlace3 = this._$dropZonePlaceholder) || void 0 === _this$_$dropZonePlace3 || _this$_$dropZonePlace3.css({
                        top: (null === dropZoneOffset || void 0 === dropZoneOffset ? void 0 : dropZoneOffset.top) - (null === containerOffset || void 0 === containerOffset ? void 0 : containerOffset.top) - containerHeight - containerBorderBottomWidth,
                        left: (null === dropZoneOffset || void 0 === dropZoneOffset ? void 0 : dropZoneOffset.left) - (null === containerOffset || void 0 === containerOffset ? void 0 : containerOffset.left) - containerBorderLeftWidth
                    });
                    (0, _size.setHeight)(this._$dropZonePlaceholder, (null === $dropZoneTarget || void 0 === $dropZoneTarget ? void 0 : $dropZoneTarget.get(0).offsetHeight) - 2 * placeholderBorderTopWidth);
                    (0, _size.setWidth)(this._$dropZonePlaceholder, (null === $dropZoneTarget || void 0 === $dropZoneTarget ? void 0 : $dropZoneTarget.get(0).offsetWidth) - 2 * placeholderBorderLeftWidth)
                }
                _setDropZonePlaceholderVisible(visible) {
                    if (visible) {
                        var _this$_$dropZonePlace4;
                        this._adjustDropZonePlaceholder();
                        null === (_this$_$dropZonePlace4 = this._$dropZonePlaceholder) || void 0 === _this$_$dropZonePlace4 || _this$_$dropZonePlace4.css("display", "")
                    } else {
                        var _this$_$dropZonePlace5;
                        null === (_this$_$dropZonePlace5 = this._$dropZonePlaceholder) || void 0 === _this$_$dropZonePlace5 || _this$_$dropZonePlace5.css("display", "none")
                    }
                }
                _shouldRaiseDragLeave(e, uploaderInstance) {
                    return uploaderInstance.isMouseOverElement(e, this.option("splitterElement")) || uploaderInstance._shouldRaiseDragLeaveBase(e, true)
                }
                _uploadFiles(uploaderInfo, files) {
                    this._setDropZonePlaceholderVisible(false);
                    const sessionId = (new _guid.default).toString();
                    const controller = this._getController();
                    const deferreds = files.map(() => new _deferred.Deferred);
                    uploaderInfo.session = {
                        id: sessionId,
                        controller: controller,
                        files: files,
                        deferreds: deferreds
                    };
                    const sessionInfo = {
                        sessionId: sessionId,
                        deferreds: deferreds,
                        files: files
                    };
                    this._raiseUploadSessionStarted(sessionInfo);
                    return (0, _uiFile_manager.whenSome)(deferreds).always(() => setTimeout(() => {
                        uploaderInfo.fileUploader.clear();
                        uploaderInfo.session = null
                    }))
                }
                _getDeferredForFile(fileUploader, file) {
                    const {
                        session: session,
                        fileIndex: fileIndex
                    } = this._findSessionByFile(fileUploader, file);
                    return session.deferreds[fileIndex]
                }
                _findSessionByFile(fileUploader, file) {
                    const uploaderInfo = this._findUploaderInfo(fileUploader);
                    const {
                        session: session
                    } = uploaderInfo;
                    const fileIndex = session.files.indexOf(file);
                    return {
                        session: session,
                        fileIndex: fileIndex
                    }
                }
                _findUploaderInfoBySessionId(sessionId) {
                    for (let i = 0; i < (null === (_this$_uploaderInfos = this._uploaderInfos) || void 0 === _this$_uploaderInfos ? void 0 : _this$_uploaderInfos.length); i += 1) {
                        var _this$_uploaderInfos;
                        const uploaderInfo = this._uploaderInfos[i];
                        const {
                            session: session
                        } = uploaderInfo;
                        if (session && session.id === sessionId) {
                            return uploaderInfo
                        }
                    }
                    return null
                }
                _findAndUpdateAvailableUploaderInfo() {
                    var _info;
                    let info = null;
                    for (let i = 0; i < (null === (_this$_uploaderInfos2 = this._uploaderInfos) || void 0 === _this$_uploaderInfos2 ? void 0 : _this$_uploaderInfos2.length); i += 1) {
                        var _this$_uploaderInfos2;
                        const currentInfo = this._uploaderInfos[i];
                        currentInfo.fileUploader.option("dropZone", "");
                        if (!info && !currentInfo.session) {
                            info = currentInfo
                        }
                    }
                    const {
                        dropZone: dropZone
                    } = this.option();
                    null === (_info = info) || void 0 === _info || _info.fileUploader.option("dropZone", dropZone);
                    return info
                }
                _findUploaderInfo(fileUploader) {
                    for (let i = 0; i < (null === (_this$_uploaderInfos3 = this._uploaderInfos) || void 0 === _this$_uploaderInfos3 ? void 0 : _this$_uploaderInfos3.length); i += 1) {
                        var _this$_uploaderInfos3;
                        const info = this._uploaderInfos[i];
                        if (info.fileUploader === fileUploader) {
                            return info
                        }
                    }
                    return null
                }
                _getController() {
                    const {
                        getController: controllerGetter
                    } = this.option();
                    return null === controllerGetter || void 0 === controllerGetter ? void 0 : controllerGetter()
                }
                _raiseUploadSessionStarted(sessionInfo) {
                    var _this$_actions$onUplo, _this$_actions;
                    null === (_this$_actions$onUplo = (_this$_actions = this._actions).onUploadSessionStarted) || void 0 === _this$_actions$onUplo || _this$_actions$onUplo.call(_this$_actions, {
                        sessionInfo: sessionInfo
                    })
                }
                _raiseUploadProgress(args) {
                    var _this$_actions$onUplo2, _this$_actions2;
                    null === (_this$_actions$onUplo2 = (_this$_actions2 = this._actions).onUploadProgress) || void 0 === _this$_actions$onUplo2 || _this$_actions$onUplo2.call(_this$_actions2, args)
                }
                _raiseUploadFinished(args) {
                    var _this$_actions$onUplo3, _this$_actions3;
                    null === (_this$_actions$onUplo3 = (_this$_actions3 = this._actions).onUploadFinished) || void 0 === _this$_actions$onUplo3 || _this$_actions$onUplo3.call(_this$_actions3, args)
                }
                _initActions() {
                    this._actions = {
                        onUploadSessionStarted: this._createActionByOption("onUploadSessionStarted"),
                        onUploadProgress: this._createActionByOption("onUploadProgress"),
                        onUploadFinished: this._createActionByOption("onUploadFinished")
                    }
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        getController: void 0,
                        onUploadSessionStarted: void 0,
                        onUploadProgress: void 0,
                        onUploadFinished: void 0,
                        splitterElement: void 0
                    })
                }
                _optionChanged(args) {
                    var _this$_$dropZonePlace6, _this$_$dropZonePlace7;
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "getController":
                            this.repaint();
                            break;
                        case "onUploadSessionStarted":
                        case "onUploadProgress":
                        case "onUploadFinished":
                            this._actions[name] = this._createActionByOption(name);
                            break;
                        case "dropZone":
                            this._findAndUpdateAvailableUploaderInfo();
                            this._adjustDropZonePlaceholder();
                            break;
                        case "dropZonePlaceholderContainer":
                            null === (_this$_$dropZonePlace6 = this._$dropZonePlaceholder) || void 0 === _this$_$dropZonePlace6 || _this$_$dropZonePlace6.detach();
                            null === (_this$_$dropZonePlace7 = this._$dropZonePlaceholder) || void 0 === _this$_$dropZonePlace7 || _this$_$dropZonePlace7.appendTo(value);
                            break;
                        case "splitterElement":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            exports.default = FileManagerFileUploader
        },
        47670(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _icon = __webpack_require__( /*! ../../../core/utils/icon */ 69629);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _tree_view = _interopRequireDefault(__webpack_require__( /*! ../../../ui/tree_view */ 4313));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _uiFile_manager = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.file_actions_button */ 6857));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class FileManagerFilesTreeView extends _widget.default {
                _initMarkup() {
                    this._initActions();
                    const {
                        getCurrentDirectory: getCurrentDirectory,
                        storeExpandedState: storeExpandedState
                    } = this.option();
                    this._getCurrentDirectory = getCurrentDirectory;
                    this._createFileActionsButton = _common.noop;
                    this._storeExpandedState = storeExpandedState || false;
                    const $treeView = (0, _renderer.default)("<div>").addClass("dx-filemanager-dirs-tree").appendTo(this.$element());
                    const treeViewOptions = {
                        dataStructure: "plain",
                        rootValue: "",
                        createChildren: this._onFilesTreeViewCreateSubDirectories.bind(this),
                        itemTemplate: this._createFilesTreeViewItemTemplate.bind(this),
                        keyExpr: "getInternalKey",
                        parentIdExpr: "parentDirectory.getInternalKey",
                        displayExpr: itemInfo => itemInfo.getDisplayName(),
                        hasItemsExpr: "fileItem.hasSubDirectories",
                        onItemClick: e => {
                            var _this$_actions$onDire, _this$_actions;
                            return null === (_this$_actions$onDire = (_this$_actions = this._actions).onDirectoryClick) || void 0 === _this$_actions$onDire ? void 0 : _this$_actions$onDire.call(_this$_actions, e)
                        },
                        onItemExpanded: e => this._onFilesTreeViewItemExpanded(e),
                        onItemCollapsed: e => this._onFilesTreeViewItemCollapsed(e),
                        onItemRendered: e => this._onFilesTreeViewItemRendered(e),
                        onContentReady: () => {
                            var _this$_actions$onFile, _this$_actions2;
                            return null === (_this$_actions$onFile = (_this$_actions2 = this._actions).onFilesTreeViewContentReady) || void 0 === _this$_actions$onFile ? void 0 : _this$_actions$onFile.call(_this$_actions2)
                        }
                    };
                    if (this._contextMenu) {
                        this._contextMenu.option("onContextMenuHidden", () => this._onContextMenuHidden());
                        treeViewOptions.onItemContextMenu = e => this._onFilesTreeViewItemContextMenu(e);
                        this._createFileActionsButton = (element, options) => this._createComponent(element, _uiFile_manager.default, options)
                    }
                    this._filesTreeView = this._createComponent($treeView, _tree_view.default, treeViewOptions)
                }
                _initActions() {
                    this._actions = {
                        onDirectoryClick: this._createActionByOption("onDirectoryClick"),
                        onFilesTreeViewContentReady: this._createActionByOption("onFilesTreeViewContentReady")
                    }
                }
                _render() {
                    super._render();
                    const that = this;
                    setTimeout(() => {
                        that._updateFocusedElement()
                    })
                }
                _onFilesTreeViewCreateSubDirectories(rootItem) {
                    const {
                        getDirectories: getDirectories
                    } = this.option();
                    const directoryInfo = (null === rootItem || void 0 === rootItem ? void 0 : rootItem.itemData) || null;
                    return null === getDirectories || void 0 === getDirectories ? void 0 : getDirectories(directoryInfo, true)
                }
                _onFilesTreeViewItemRendered(_ref) {
                    let {
                        itemData: itemData
                    } = _ref;
                    const currentDirectory = this._getCurrentDirectory();
                    if (null !== currentDirectory && void 0 !== currentDirectory && currentDirectory.fileItem.equals(itemData.fileItem)) {
                        this._updateFocusedElement();
                        this._restoreScrollTopPosition()
                    }
                }
                _onFilesTreeViewItemExpanded(_ref2) {
                    let {
                        itemData: itemData
                    } = _ref2;
                    if (this._storeExpandedState) {
                        itemData.expanded = true
                    }
                }
                _onFilesTreeViewItemCollapsed(_ref3) {
                    let {
                        itemData: itemData
                    } = _ref3;
                    if (this._storeExpandedState) {
                        itemData.expanded = false
                    }
                }
                _createFilesTreeViewItemTemplate(itemData, itemIndex, itemElement) {
                    const $itemElement = (0, _renderer.default)(itemElement);
                    const $itemWrapper = $itemElement.closest(this._filesTreeViewItemSelector);
                    $itemWrapper.data("item", itemData);
                    const $image = (0, _icon.getImageContainer)(itemData.icon);
                    const $text = (0, _renderer.default)("<span>").text(itemData.getDisplayName()).addClass("dx-filemanager-dirs-tree-item-text");
                    const $button = (0, _renderer.default)("<div>");
                    $itemElement.append($image, $text, $button);
                    this._createFileActionsButton($button, {
                        onClick: e => this._onFileItemActionButtonClick(e)
                    })
                }
                _onFilesTreeViewItemContextMenu(_ref4) {
                    var _this$_contextMenu;
                    let {
                        itemElement: itemElement,
                        event: event
                    } = _ref4;
                    event.preventDefault();
                    event.stopPropagation();
                    const itemData = (0, _renderer.default)(itemElement).data("item");
                    null === (_this$_contextMenu = this._contextMenu) || void 0 === _this$_contextMenu || _this$_contextMenu.showAt([itemData], itemElement, event, {
                        itemData: itemData,
                        itemElement: itemElement
                    })
                }
                _onFileItemActionButtonClick(_ref5) {
                    var _this$_contextMenu2;
                    let {
                        component: component,
                        element: element,
                        event: event
                    } = _ref5;
                    event.stopPropagation();
                    const itemElement = component.$element().closest(this._filesTreeViewItemSelector);
                    const itemData = itemElement.data("item");
                    const target = {
                        itemData: itemData,
                        itemElement: itemElement,
                        isActionButton: true
                    };
                    null === (_this$_contextMenu2 = this._contextMenu) || void 0 === _this$_contextMenu2 || _this$_contextMenu2.showAt([itemData], element, event, target);
                    this._activeFileActionsButton = component;
                    this._activeFileActionsButton.setActive(true)
                }
                _onContextMenuHidden() {
                    if (this._activeFileActionsButton) {
                        this._activeFileActionsButton.setActive(false)
                    }
                }
                toggleNodeDisabledState(key, state) {
                    var _this$_filesTreeView;
                    const node = this._getNodeByKey(key);
                    if (!node) {
                        return
                    }
                    const items = null === (_this$_filesTreeView = this._filesTreeView) || void 0 === _this$_filesTreeView ? void 0 : _this$_filesTreeView.option("items");
                    const itemIndex = null === items || void 0 === items ? void 0 : items.map(item => item.getInternalKey()).indexOf(node.getInternalKey());
                    if (-1 !== itemIndex) {
                        var _this$_filesTreeView2;
                        null === (_this$_filesTreeView2 = this._filesTreeView) || void 0 === _this$_filesTreeView2 || _this$_filesTreeView2.option(`items[${itemIndex}].disabled`, state)
                    }
                }
                _saveScrollTopPosition() {
                    var _this$_filesTreeView3;
                    if (!(0, _window.hasWindow)()) {
                        return
                    }
                    this._scrollTopPosition = null === (_this$_filesTreeView3 = this._filesTreeView) || void 0 === _this$_filesTreeView3 ? void 0 : _this$_filesTreeView3.getScrollable().scrollTop()
                }
                _restoreScrollTopPosition() {
                    if (!(0, _window.hasWindow)() || !(0, _type.isNumeric)(this._scrollTopPosition)) {
                        return
                    }
                    setTimeout(() => {
                        var _this$_filesTreeView4;
                        return null === (_this$_filesTreeView4 = this._filesTreeView) || void 0 === _this$_filesTreeView4 ? void 0 : _this$_filesTreeView4.getScrollable().scrollTo(this._scrollTopPosition)
                    })
                }
                _updateFocusedElement() {
                    var _this$_$focusedElemen;
                    const directoryInfo = this._getCurrentDirectory();
                    const $element = this._getItemElementByKey(null === directoryInfo || void 0 === directoryInfo ? void 0 : directoryInfo.getInternalKey());
                    if (this._$focusedElement) {
                        this._$focusedElement.toggleClass("dx-filemanager-focused-item", false)
                    }
                    this._$focusedElement = $element || (0, _renderer.default)();
                    null === (_this$_$focusedElemen = this._$focusedElement) || void 0 === _this$_$focusedElemen || _this$_$focusedElemen.toggleClass("dx-filemanager-focused-item", true)
                }
                _getNodeByKey(key) {
                    var _this$_filesTreeView5;
                    return null === (_this$_filesTreeView5 = this._filesTreeView) || void 0 === _this$_filesTreeView5 ? void 0 : _this$_filesTreeView5._getNode(key)
                }
                _getPublicNode(key) {
                    var _this$_filesTreeView6;
                    const nodesQueue = [...null === (_this$_filesTreeView6 = this._filesTreeView) || void 0 === _this$_filesTreeView6 ? void 0 : _this$_filesTreeView6.getNodes()];
                    while (nodesQueue.length) {
                        const node = nodesQueue.shift();
                        if (node.itemData.getInternalKey() === key) {
                            return node
                        }
                        if (node.children.length) {
                            nodesQueue.push(...node.children)
                        }
                    }
                    return
                }
                _getItemElementByKey(key) {
                    const node = this._getNodeByKey(key);
                    if (node) {
                        var _this$_filesTreeView7;
                        const $node = null === (_this$_filesTreeView7 = this._filesTreeView) || void 0 === _this$_filesTreeView7 ? void 0 : _this$_filesTreeView7._getNodeElement(node);
                        if ($node) {
                            return $node.children(this._filesTreeViewItemSelector)
                        }
                    }
                    return null
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        storeExpandedState: false,
                        initialFolder: void 0,
                        contextMenu: void 0,
                        getItems: void 0,
                        getCurrentDirectory: void 0,
                        onDirectoryClick: void 0
                    })
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "storeExpandedState":
                            this._storeExpandedState = this.option(name);
                            break;
                        case "getItems":
                        case "rootFolderDisplayName":
                        case "initialFolder":
                        case "contextMenu":
                            this.repaint();
                            break;
                        case "getCurrentDirectory":
                            this.getCurrentDirectory = this.option(name);
                            break;
                        case "onDirectoryClick":
                        case "onFilesTreeViewContentReady":
                            this._actions[name] = this._createActionByOption(name);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                get _filesTreeViewItemSelector() {
                    return ".dx-treeview-item"
                }
                get _contextMenu() {
                    const {
                        contextMenu: contextMenu
                    } = this.option();
                    return contextMenu
                }
                toggleDirectoryExpandedState(directoryInfo, state) {
                    var _this$_filesTreeView8;
                    const deferred = new _deferred.Deferred;
                    const treeViewNode = this._getPublicNode(null === directoryInfo || void 0 === directoryInfo ? void 0 : directoryInfo.getInternalKey());
                    if (!treeViewNode) {
                        return deferred.reject().promise()
                    }
                    if (treeViewNode.expanded === state || treeViewNode.itemsLoaded && !treeViewNode.itemData.fileItem.hasSubDirectories) {
                        return deferred.resolve().promise()
                    }
                    const action = state ? "expandItem" : "collapseItem";
                    return null === (_this$_filesTreeView8 = this._filesTreeView) || void 0 === _this$_filesTreeView8 ? void 0 : _this$_filesTreeView8[action](directoryInfo.getInternalKey())
                }
                refresh() {
                    var _this$_filesTreeView9;
                    this._$focusedElement = null;
                    this._saveScrollTopPosition();
                    null === (_this$_filesTreeView9 = this._filesTreeView) || void 0 === _this$_filesTreeView9 || _this$_filesTreeView9.option("dataSource", [])
                }
                updateCurrentDirectory() {
                    if (this._disposed) {
                        return
                    }
                    this._updateFocusedElement();
                    if (this._storeExpandedState) {
                        this._updateExpandedStateToCurrentDirectory()
                    }
                }
                _updateExpandedStateToCurrentDirectory() {
                    return this.toggleDirectoryExpandedStateRecursive(this._getCurrentDirectory().parentDirectory, true)
                }
                toggleDirectoryExpandedStateRecursive(directoryInfo, state) {
                    const dirLine = [];
                    for (let dirInfo = directoryInfo; dirInfo; dirInfo = dirInfo.parentDirectory) {
                        dirLine.unshift(dirInfo)
                    }
                    return this.toggleDirectoryLineExpandedState(dirLine, state)
                }
                toggleDirectoryLineExpandedState(dirLine, state) {
                    if (!dirLine.length) {
                        return (new _deferred.Deferred).resolve().promise()
                    }
                    return this.toggleDirectoryExpandedState(dirLine.shift(), state).then(() => this.toggleDirectoryLineExpandedState(dirLine, state))
                }
            }
            exports.default = FileManagerFilesTreeView
        },
        66722(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _data_grid = _interopRequireDefault(__webpack_require__( /*! ../../../ui/data_grid */ 4920));
            var _file_items_controller = __webpack_require__( /*! ../../ui/file_manager/file_items_controller */ 62492);
            var _uiFile_manager = __webpack_require__( /*! ../../ui/file_manager/ui.file_manager.common */ 62725);
            var _uiFile_manager2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.file_actions_button */ 6857));
            var _uiFile_manager3 = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.item_list */ 2942));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DEFAULT_COLUMN_CONFIGS = {
                thumbnail: {
                    caption: "",
                    calculateSortValue: "isDirectory",
                    width: 36,
                    alignment: "center",
                    cssClass: "dx-filemanager-details-item-is-directory"
                },
                name: {
                    caption: _message.default.format("dxFileManager-listDetailsColumnCaptionName")
                },
                dateModified: {
                    caption: _message.default.format("dxFileManager-listDetailsColumnCaptionDateModified"),
                    width: 110,
                    hidingPriority: 1
                },
                size: {
                    caption: _message.default.format("dxFileManager-listDetailsColumnCaptionFileSize"),
                    width: 90,
                    alignment: "right",
                    hidingPriority: 0
                },
                isParentFolder: {
                    caption: "isParentFolder",
                    visible: false,
                    sortIndex: 0,
                    sortOrder: "asc"
                }
            };
            class FileManagerDetailsItemList extends _uiFile_manager3.default {
                _initMarkup() {
                    this._itemCount = 0;
                    this._focusedItem = null;
                    this._hasParentDirectoryItem = false;
                    this._parentDirectoryItemKey = null;
                    this._selectAllCheckBox = null;
                    this._selectAllCheckBoxUpdating = false;
                    this.$element().addClass("dx-filemanager-details");
                    this._createFilesView();
                    this._contextMenu.option("onContextMenuHidden", () => this._onContextMenuHidden());
                    super._initMarkup()
                }
                _createFilesView() {
                    const $filesView = (0, _renderer.default)("<div>").appendTo(this.$element());
                    const selectionMode = this._isMultipleSelectionMode() ? "multiple" : "none";
                    this._filesView = this._createComponent($filesView, _data_grid.default, {
                        dataSource: this._createDataSource(),
                        hoverStateEnabled: true,
                        selection: {
                            mode: selectionMode,
                            showCheckBoxesMode: this._isDesktop() ? "onClick" : "none"
                        },
                        selectedRowKeys: this.option("selectedItemKeys"),
                        focusedRowKey: this.option("focusedItemKey"),
                        focusedRowEnabled: true,
                        allowColumnResizing: true,
                        scrolling: {
                            mode: "virtual"
                        },
                        sorting: {
                            mode: "single",
                            showSortIndexes: false
                        },
                        loadPanel: {
                            shading: true
                        },
                        height: "100%",
                        showColumnLines: false,
                        showRowLines: false,
                        columnHidingEnabled: false,
                        columns: this._createColumns(),
                        onEditorPreparing: this._onEditorPreparing.bind(this),
                        onRowPrepared: this._onRowPrepared.bind(this),
                        onContextMenuPreparing: this._onContextMenuPreparing.bind(this),
                        onSelectionChanged: this._onFilesViewSelectionChanged.bind(this),
                        onFocusedRowChanged: this._onFilesViewFocusedRowChanged.bind(this),
                        onOptionChanged: this._onFilesViewOptionChanged.bind(this),
                        onContentReady: this._onContentReady.bind(this)
                    })
                }
                _createColumns() {
                    let {
                        detailColumns: columns
                    } = this.option();
                    columns = columns.slice(0);
                    columns = columns.map(column => {
                        let extendedItem = column;
                        if ((0, _type.isString)(column)) {
                            extendedItem = {
                                dataField: column
                            }
                        }
                        return this._getPreparedColumn(extendedItem)
                    });
                    const customizeDetailColumns = this.option("customizeDetailColumns");
                    if ((0, _type.isFunction)(customizeDetailColumns)) {
                        columns = customizeDetailColumns(columns)
                    }
                    columns.push(this._getPreparedColumn({
                        dataField: "isParentFolder"
                    }));
                    columns.forEach(column => this._updateColumnDataField(column));
                    return columns
                }
                _getPreparedColumn(columnOptions) {
                    const result = {};
                    let resultCssClass = "";
                    if (this._isDefaultColumn(columnOptions.dataField)) {
                        const defaultConfig = (0, _extend.extend)(true, {}, DEFAULT_COLUMN_CONFIGS[columnOptions.dataField]);
                        resultCssClass = defaultConfig.cssClass || "";
                        switch (columnOptions.dataField) {
                            case "thumbnail":
                                defaultConfig.cellTemplate = this._createThumbnailColumnCell.bind(this);
                                defaultConfig.calculateSortValue = `fileItem.${defaultConfig.calculateSortValue}`;
                                break;
                            case "name":
                                defaultConfig.cellTemplate = this._createNameColumnCell.bind(this);
                                defaultConfig.caption = _message.default.format("dxFileManager-listDetailsColumnCaptionName");
                                break;
                            case "size":
                                defaultConfig.calculateCellValue = this._calculateSizeColumnCellValue.bind(this);
                                defaultConfig.caption = _message.default.format("dxFileManager-listDetailsColumnCaptionFileSize");
                                defaultConfig.calculateSortValue = rowData => rowData.fileItem.isDirectory ? -1 : rowData.fileItem.size;
                                break;
                            case "dateModified":
                                defaultConfig.caption = _message.default.format("dxFileManager-listDetailsColumnCaptionDateModified")
                        }(0, _extend.extend)(true, result, defaultConfig)
                    }(0, _uiFile_manager.extendAttributes)(result, columnOptions, ["alignment", "caption", "dataField", "dataType", "hidingPriority", "sortIndex", "sortOrder", "visible", "visibleIndex", "width"]);
                    if (columnOptions.cssClass) {
                        resultCssClass = `${resultCssClass} ${columnOptions.cssClass}`
                    }
                    if (resultCssClass) {
                        result.cssClass = resultCssClass
                    }
                    return result
                }
                _updateColumnDataField(column) {
                    const dataItemSuffix = this._isDefaultColumn(column.dataField) ? "" : "dataItem.";
                    column.dataField = `fileItem.${dataItemSuffix}${column.dataField}`;
                    return column
                }
                _isDefaultColumn(columnDataField) {
                    return !!DEFAULT_COLUMN_CONFIGS[columnDataField]
                }
                _onFileItemActionButtonClick(e) {
                    var _this$_activeFileActi;
                    const {
                        component: component,
                        element: element,
                        event: event
                    } = e;
                    null === event || void 0 === event || event.stopPropagation();
                    const $row = component.$element().closest(this._getItemSelector());
                    const fileItemInfo = $row.data("item");
                    this._selectItem(fileItemInfo);
                    const target = {
                        itemData: fileItemInfo,
                        itemElement: $row,
                        isActionButton: true
                    };
                    const items = this._getFileItemsForContextMenu(fileItemInfo);
                    this._showContextMenu(items, element, event, target);
                    this._activeFileActionsButton = component;
                    null === (_this$_activeFileActi = this._activeFileActionsButton) || void 0 === _this$_activeFileActi || _this$_activeFileActi.setActive(true)
                }
                _onContextMenuHidden() {
                    if (this._activeFileActionsButton) {
                        this._activeFileActionsButton.setActive(false)
                    }
                }
                _getItemThumbnailCssClass() {
                    return "dx-filemanager-details-item-thumbnail"
                }
                _getItemSelector() {
                    return ".dx-data-row"
                }
                _onItemDblClick(e) {
                    const $row = (0, _renderer.default)(e.currentTarget);
                    const fileItemInfo = $row.data("item");
                    this._raiseSelectedItemOpened(fileItemInfo)
                }
                _isAllItemsSelected() {
                    var _this$_filesView;
                    const selectableItemsCount = this._hasParentDirectoryItem ? this._itemCount - 1 : this._itemCount;
                    const {
                        selectedRowKeys: selectedRowKeys
                    } = (null === (_this$_filesView = this._filesView) || void 0 === _this$_filesView ? void 0 : _this$_filesView.option()) ?? {};
                    if (!(null !== selectedRowKeys && void 0 !== selectedRowKeys && selectedRowKeys.length)) {
                        return false
                    }
                    return selectedRowKeys.length >= selectableItemsCount ? true : void 0
                }
                _onEditorPreparing(_ref) {
                    let {
                        component: component,
                        command: command,
                        row: row,
                        parentType: parentType,
                        editorOptions: editorOptions
                    } = _ref;
                    if (!this._filesView) {
                        this._filesView = component
                    }
                    if ("select" === command && row) {
                        if (this._isParentDirectoryItem(row.data)) {
                            editorOptions.disabled = true
                        }
                    } else if ("headerRow" === parentType) {
                        editorOptions.onInitialized = _ref2 => {
                            let {
                                component: component
                            } = _ref2;
                            this._selectAllCheckBox = component
                        };
                        editorOptions.value = this._isAllItemsSelected();
                        editorOptions.onValueChanged = args => this._onSelectAllCheckBoxValueChanged(args)
                    }
                }
                _onSelectAllCheckBoxValueChanged(_ref3) {
                    let {
                        event: event,
                        previousValue: previousValue,
                        value: value
                    } = _ref3;
                    if (!event) {
                        if (previousValue && !this._selectAllCheckBoxUpdating && this._selectAllCheckBox) {
                            this._selectAllCheckBox.option("value", previousValue)
                        }
                        return
                    }
                    if (this._isAllItemsSelected() === value) {
                        return
                    }
                    if (value) {
                        var _this$_filesView2;
                        null === (_this$_filesView2 = this._filesView) || void 0 === _this$_filesView2 || _this$_filesView2.selectAll()
                    } else {
                        var _this$_filesView3;
                        null === (_this$_filesView3 = this._filesView) || void 0 === _this$_filesView3 || _this$_filesView3.deselectAll()
                    }
                    event.preventDefault()
                }
                _onRowPrepared(_ref4) {
                    let {
                        rowType: rowType,
                        rowElement: rowElement,
                        data: data
                    } = _ref4;
                    if ("data" === rowType) {
                        const $row = (0, _renderer.default)(rowElement);
                        $row.data("item", data);
                        if (this._isParentDirectoryItem(data)) {
                            $row.addClass("dx-filemanager-parent-directory-item")
                        }
                    }
                }
                _onContextMenuPreparing(e) {
                    var _this$_filesView4;
                    if (!this._isDesktop()) {
                        return
                    }
                    let fileItems = null;
                    let item = {};
                    if (e.row && "data" === e.row.rowType) {
                        item = e.row.data;
                        this._selectItem(item);
                        fileItems = this._getFileItemsForContextMenu(item)
                    }
                    const eventArgs = (0, _extend.extend)({}, {
                        targetElement: "content" === e.target && (0, _type.isDefined)(e.row) ? null === (_this$_filesView4 = this._filesView) || void 0 === _this$_filesView4 ? void 0 : _this$_filesView4.getRowElement(e.rowIndex) : void 0,
                        itemData: item,
                        options: this._contextMenu.option(),
                        event: e.event,
                        isActionButton: false,
                        cancel: false
                    });
                    this._raiseContextMenuShowing(eventArgs);
                    e.items = eventArgs.cancel ? [] : this._contextMenu.createContextMenuItems(fileItems, null, item)
                }
                _onFilesViewSelectionChanged(_ref5) {
                    let {
                        component: component,
                        selectedRowsData: selectedRowsData,
                        selectedRowKeys: selectedRowKeys,
                        currentSelectedRowKeys: currentSelectedRowKeys,
                        currentDeselectedRowKeys: currentDeselectedRowKeys
                    } = _ref5;
                    this._filesView = this._filesView || component;
                    if (this._selectAllCheckBox) {
                        this._selectAllCheckBoxUpdating = true;
                        this._selectAllCheckBox.option("value", this._isAllItemsSelected());
                        this._selectAllCheckBoxUpdating = false
                    }
                    const selectedItems = selectedRowsData.map(itemInfo => itemInfo.fileItem);
                    this._tryRaiseSelectionChanged({
                        selectedItemInfos: selectedRowsData,
                        selectedItems: selectedItems,
                        selectedItemKeys: selectedRowKeys,
                        currentSelectedItemKeys: currentSelectedRowKeys,
                        currentDeselectedItemKeys: currentDeselectedRowKeys
                    })
                }
                _onFilesViewFocusedRowChanged(e) {
                    var _e$row2;
                    if (!this._isMultipleSelectionMode()) {
                        var _e$row;
                        this._selectItemSingleSelection(null === (_e$row = e.row) || void 0 === _e$row ? void 0 : _e$row.data)
                    }
                    const fileSystemItem = (null === (_e$row2 = e.row) || void 0 === _e$row2 ? void 0 : _e$row2.data.fileItem) || null;
                    this._onFocusedItemChanged({
                        item: fileSystemItem,
                        itemKey: null === fileSystemItem || void 0 === fileSystemItem ? void 0 : fileSystemItem.key,
                        itemElement: e.rowElement
                    })
                }
                _onFilesViewOptionChanged(_ref6) {
                    let {
                        fullName: fullName
                    } = _ref6;
                    if (fullName.indexOf("sortOrder") > -1) {
                        var _this$_filesView5;
                        null === (_this$_filesView5 = this._filesView) || void 0 === _this$_filesView5 || _this$_filesView5.columnOption("isParentFolder", {
                            sortOrder: "asc",
                            sortIndex: 0
                        })
                    }
                }
                _resetFocus() {
                    this._setFocusedItemKey(void 0)
                }
                _createThumbnailColumnCell(container, cellInfo) {
                    var _this$_getItemThumbna;
                    null === (_this$_getItemThumbna = this._getItemThumbnailContainer(cellInfo.data)) || void 0 === _this$_getItemThumbna || _this$_getItemThumbna.appendTo(container)
                }
                _createNameColumnCell(container, cellInfo) {
                    const $button = (0, _renderer.default)("<div>");
                    const $name = (0, _renderer.default)("<span>").text(cellInfo.data.fileItem.name).addClass("dx-filemanager-details-item-name");
                    const $wrapper = (0, _renderer.default)("<div>").append($name, $button).addClass("dx-filemanager-details-item-name-wrapper");
                    (0, _renderer.default)(container).append($wrapper);
                    this._createComponent($button, _uiFile_manager2.default, {
                        onClick: e => this._onFileItemActionButtonClick(e)
                    })
                }
                _calculateSizeColumnCellValue(rowData) {
                    return rowData.fileItem.isDirectory ? "" : (0, _uiFile_manager.getDisplayFileSize)(rowData.fileItem.size)
                }
                _selectItem(fileItemInfo) {
                    const selectItemFunc = this._isMultipleSelectionMode() ? this._selectItemMultipleSelection : this._selectItemSingleSelection;
                    selectItemFunc.call(this, fileItemInfo)
                }
                _deselectItem(item) {
                    var _this$_filesView6;
                    null === (_this$_filesView6 = this._filesView) || void 0 === _this$_filesView6 || _this$_filesView6.deselectRows([item.fileItem.key])
                }
                _selectItemSingleSelection(fileItemInfo) {
                    if (!this._focusedItem || !fileItemInfo || this._focusedItem.fileItem.key !== fileItemInfo.fileItem.key) {
                        const oldFocusedItem = this._focusedItem;
                        this._focusedItem = fileItemInfo;
                        const deselectedKeys = [];
                        if (oldFocusedItem) {
                            deselectedKeys.push(oldFocusedItem.fileItem.key)
                        }
                        const selectedItems = [];
                        const selectedKeys = [];
                        if (fileItemInfo && !this._isParentDirectoryItem(fileItemInfo)) {
                            selectedItems.push(fileItemInfo.fileItem);
                            selectedKeys.push(fileItemInfo.fileItem.key)
                        }
                        this._raiseSelectionChanged({
                            selectedItems: selectedItems,
                            selectedItemKeys: selectedKeys,
                            currentSelectedItemKeys: [...selectedKeys],
                            currentDeselectedItemKeys: deselectedKeys
                        })
                    }
                }
                _selectItemMultipleSelection(_ref7) {
                    var _this$_filesView7;
                    let {
                        fileItem: fileItem
                    } = _ref7;
                    if (!(null !== (_this$_filesView7 = this._filesView) && void 0 !== _this$_filesView7 && _this$_filesView7.isRowSelected(fileItem.key))) {
                        var _this$_filesView8, _this$_filesView9;
                        const selectionController = null === (_this$_filesView8 = this._filesView) || void 0 === _this$_filesView8 ? void 0 : _this$_filesView8.getController("selection");
                        const preserve = selectionController.isSelectionWithCheckboxes();
                        null === (_this$_filesView9 = this._filesView) || void 0 === _this$_filesView9 || _this$_filesView9.selectRows([fileItem.key], preserve)
                    }
                }
                _setSelectedItemKeys(itemKeys) {
                    var _this$_filesView0;
                    null === (_this$_filesView0 = this._filesView) || void 0 === _this$_filesView0 || _this$_filesView0.option("selectedRowKeys", itemKeys)
                }
                _setFocusedItemKey(itemKey) {
                    var _this$_filesView1;
                    null === (_this$_filesView1 = this._filesView) || void 0 === _this$_filesView1 || _this$_filesView1.option("focusedRowKey", itemKey)
                }
                clearSelection() {
                    if (this._isMultipleSelectionMode()) {
                        var _this$_filesView10;
                        null === (_this$_filesView10 = this._filesView) || void 0 === _this$_filesView10 || _this$_filesView10.clearSelection()
                    } else {
                        var _this$_filesView11;
                        null === (_this$_filesView11 = this._filesView) || void 0 === _this$_filesView11 || _this$_filesView11.option("focusedRowIndex", -1)
                    }
                }
                refresh(options, operation) {
                    var _this$_filesView12, _this$_refreshDeferre;
                    const actualOptions = {
                        dataSource: this._createDataSource()
                    };
                    if (options && Object.prototype.hasOwnProperty.call(options, "focusedItemKey")) {
                        if ((0, _type.isDefined)(options.focusedItemKey)) {
                            actualOptions.focusedRowKey = options.focusedItemKey
                        } else {
                            actualOptions.focusedRowIndex = -1
                        }
                    }
                    const hasNoScrollTarget = !(0, _type.isDefined)(actualOptions.focusedRowKey) && -1 === actualOptions.focusedRowIndex;
                    if (hasNoScrollTarget && operation === _file_items_controller.OPERATIONS.NAVIGATION) {
                        actualOptions.paging = {
                            pageIndex: 0
                        };
                        this._needResetScrollPosition = true
                    }
                    null === (_this$_filesView12 = this._filesView) || void 0 === _this$_filesView12 || _this$_filesView12.option(actualOptions);
                    this._refreshDeferred = new _deferred.Deferred;
                    return null === (_this$_refreshDeferre = this._refreshDeferred) || void 0 === _this$_refreshDeferre ? void 0 : _this$_refreshDeferre.promise()
                }
                _getScrollable() {
                    var _this$_filesView13;
                    return null === (_this$_filesView13 = this._filesView) || void 0 === _this$_filesView13 ? void 0 : _this$_filesView13.getScrollable()
                }
                getSelectedItems() {
                    if (this._isMultipleSelectionMode()) {
                        var _this$_filesView14;
                        return null === (_this$_filesView14 = this._filesView) || void 0 === _this$_filesView14 ? void 0 : _this$_filesView14.getSelectedRowsData()
                    }
                    return this._focusedItem && !this._isParentDirectoryItem(this._focusedItem) ? [this._focusedItem] : []
                }
            }
            exports.default = FileManagerDetailsItemList
        },
        2942(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _double_click = __webpack_require__( /*! ../../../common/core/events/double_click */ 5636);
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _custom_store = __webpack_require__( /*! ../../../common/data/custom_store */ 63326);
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _icon = __webpack_require__( /*! ../../../core/utils/icon */ 69629);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class FileManagerItemListBase extends _widget.default {
                _init() {
                    this._initActions();
                    this._lockFocusedItemProcessing = false;
                    this._focusedItemKey = this.option("focusedItemKey");
                    super._init()
                }
                _initMarkup() {
                    this._needResetScrollPosition = false;
                    this.$element().addClass("dx-filemanager-files-view");
                    const dblClickEventName = (0, _index.addNamespace)(_double_click.name, "dxFileManager_open");
                    _events_engine.default.on(this.$element(), dblClickEventName, this._getItemSelector(), this._onItemDblClick.bind(this));
                    super._initMarkup()
                }
                _initActions() {
                    this._actions = {
                        onError: this._createActionByOption("onError"),
                        onSelectionChanged: this._createActionByOption("onSelectionChanged"),
                        onFocusedItemChanged: this._createActionByOption("onFocusedItemChanged"),
                        onSelectedItemOpened: this._createActionByOption("onSelectedItemOpened"),
                        onContextMenuShowing: this._createActionByOption("onContextMenuShowing"),
                        onItemListDataLoaded: this._createActionByOption("onItemListDataLoaded")
                    }
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        selectionMode: "single",
                        selectedItemKeys: [],
                        focusedItemKey: void 0,
                        contextMenu: void 0,
                        getItems: void 0,
                        getItemThumbnail: void 0,
                        onError: void 0,
                        onSelectionChanged: void 0,
                        onFocusedItemChanged: void 0,
                        onSelectedItemOpened: void 0,
                        onContextMenuShowing: void 0
                    })
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "selectionMode":
                        case "contextMenu":
                        case "getItems":
                        case "getItemThumbnail":
                            this.repaint();
                            break;
                        case "selectedItemKeys":
                            this._setSelectedItemKeys(args.value);
                            break;
                        case "focusedItemKey":
                            if (!this._lockFocusedItemProcessing) {
                                this._setFocusedItemKey(args.value)
                            }
                            break;
                        case "onError":
                        case "onSelectedItemOpened":
                        case "onSelectionChanged":
                        case "onFocusedItemChanged":
                        case "onContextMenuShowing":
                        case "onItemListDataLoaded":
                            this._actions[name] = this._createActionByOption(name);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _getItems() {
                    return this._getItemsInternal().done(itemInfos => {
                        this._itemCount = itemInfos.length;
                        if (0 === this._itemCount) {
                            this._resetFocus()
                        }
                        const parentDirectoryItem = this._findParentDirectoryItem(itemInfos);
                        this._hasParentDirectoryItem = !!parentDirectoryItem;
                        this._parentDirectoryItemKey = parentDirectoryItem ? parentDirectoryItem.fileItem.key : null
                    }).always(() => {
                        this._onDataLoaded()
                    })
                }
                _getItemsInternal() {
                    const {
                        getItems: itemsGetter
                    } = this.option();
                    const itemsResult = itemsGetter ? itemsGetter() : [];
                    return (0, _deferred.when)(itemsResult)
                }
                _raiseOnError(error) {
                    var _this$_actions$onErro, _this$_actions;
                    null === (_this$_actions$onErro = (_this$_actions = this._actions).onError) || void 0 === _this$_actions$onErro || _this$_actions$onErro.call(_this$_actions, {
                        error: error
                    })
                }
                _raiseSelectionChanged(args) {
                    var _this$_actions$onSele, _this$_actions2;
                    null === (_this$_actions$onSele = (_this$_actions2 = this._actions).onSelectionChanged) || void 0 === _this$_actions$onSele || _this$_actions$onSele.call(_this$_actions2, args)
                }
                _raiseFocusedItemChanged(args) {
                    var _this$_actions$onFocu, _this$_actions3;
                    null === (_this$_actions$onFocu = (_this$_actions3 = this._actions).onFocusedItemChanged) || void 0 === _this$_actions$onFocu || _this$_actions$onFocu.call(_this$_actions3, args)
                }
                _raiseSelectedItemOpened(fileItemInfo) {
                    var _this$_actions$onSele2, _this$_actions4;
                    null === (_this$_actions$onSele2 = (_this$_actions4 = this._actions).onSelectedItemOpened) || void 0 === _this$_actions$onSele2 || _this$_actions$onSele2.call(_this$_actions4, {
                        fileItemInfo: fileItemInfo
                    })
                }
                _raiseContextMenuShowing(e) {
                    var _this$_actions$onCont, _this$_actions5;
                    null === (_this$_actions$onCont = (_this$_actions5 = this._actions).onContextMenuShowing) || void 0 === _this$_actions$onCont || _this$_actions$onCont.call(_this$_actions5, e)
                }
                _raiseItemListDataLoaded() {
                    var _this$_actions$onItem, _this$_actions6;
                    null === (_this$_actions$onItem = (_this$_actions6 = this._actions).onItemListDataLoaded) || void 0 === _this$_actions$onItem || _this$_actions$onItem.call(_this$_actions6)
                }
                _onDataLoaded() {
                    var _this$_refreshDeferre;
                    this._raiseItemListDataLoaded();
                    null === (_this$_refreshDeferre = this._refreshDeferred) || void 0 === _this$_refreshDeferre || _this$_refreshDeferre.resolve()
                }
                _onContentReady() {
                    if (this._needResetScrollPosition) {
                        this._resetScrollTopPosition();
                        this._needResetScrollPosition = false
                    }
                }
                _tryRaiseSelectionChanged(_ref) {
                    let {
                        selectedItemInfos: selectedItemInfos,
                        selectedItems: selectedItems,
                        selectedItemKeys: selectedItemKeys,
                        currentSelectedItemKeys: currentSelectedItemKeys,
                        currentDeselectedItemKeys: currentDeselectedItemKeys
                    } = _ref;
                    const parentDirectoryItem = this._findParentDirectoryItem(this.getSelectedItems());
                    if (parentDirectoryItem) {
                        this._deselectItem(parentDirectoryItem)
                    }
                    let raiseEvent = !this._hasParentDirectoryItem;
                    raiseEvent = raiseEvent || this._hasValidKeys(currentSelectedItemKeys) || this._hasValidKeys(currentDeselectedItemKeys);
                    if (raiseEvent) {
                        selectedItemInfos = this._filterOutItemByPredicate(selectedItemInfos, item => item.fileItem.key === this._parentDirectoryItemKey);
                        selectedItems = this._filterOutParentDirectory(selectedItems);
                        selectedItemKeys = this._filterOutParentDirectoryKey(selectedItemKeys, true);
                        currentSelectedItemKeys = this._filterOutParentDirectoryKey(currentSelectedItemKeys, true);
                        currentDeselectedItemKeys = this._filterOutParentDirectoryKey(currentDeselectedItemKeys, true);
                        this._raiseSelectionChanged({
                            selectedItemInfos: selectedItemInfos,
                            selectedItems: selectedItems,
                            selectedItemKeys: selectedItemKeys,
                            currentSelectedItemKeys: currentSelectedItemKeys,
                            currentDeselectedItemKeys: currentDeselectedItemKeys
                        })
                    }
                }
                _onFocusedItemChanged(args) {
                    if (this._focusedItemKey === args.itemKey) {
                        return
                    }
                    this._focusedItemKey = args.itemKey;
                    this._lockFocusedItemProcessing = true;
                    this.option("focusedItemKey", args.itemKey);
                    this._lockFocusedItemProcessing = false;
                    this._raiseFocusedItemChanged(args)
                }
                _resetFocus() {}
                _resetScrollTopPosition() {
                    if (!(0, _window.hasWindow)()) {
                        return
                    }
                    setTimeout(() => {
                        var _this$_getScrollable;
                        return null === (_this$_getScrollable = this._getScrollable()) || void 0 === _this$_getScrollable ? void 0 : _this$_getScrollable.scrollTo(0)
                    })
                }
                _getScrollable() {}
                _getItemThumbnail(fileInfo) {
                    const {
                        getItemThumbnail: itemThumbnailGetter
                    } = this.option();
                    return itemThumbnailGetter ? itemThumbnailGetter(fileInfo) : {
                        thumbnail: ""
                    }
                }
                _getItemThumbnailContainer(fileInfo) {
                    var _getImageContainer;
                    const {
                        thumbnail: thumbnail,
                        cssClass: cssClass
                    } = this._getItemThumbnail(fileInfo);
                    const $itemThumbnail = null === (_getImageContainer = (0, _icon.getImageContainer)(thumbnail)) || void 0 === _getImageContainer ? void 0 : _getImageContainer.addClass(this._getItemThumbnailCssClass());
                    if (cssClass) {
                        null === $itemThumbnail || void 0 === $itemThumbnail || $itemThumbnail.addClass(cssClass)
                    }
                    return $itemThumbnail
                }
                _getItemThumbnailCssClass() {
                    return ""
                }
                _getItemSelector() {}
                _onItemDblClick(e) {}
                _isDesktop() {
                    return "desktop" === _devices.default.real().deviceType
                }
                _showContextMenu(items, element, event, target) {
                    this._contextMenu.showAt(items, element, event, target)
                }
                get _contextMenu() {
                    const {
                        contextMenu: contextMenu
                    } = this.option();
                    return contextMenu
                }
                _findParentDirectoryItem(itemInfos) {
                    for (let i = 0; i < itemInfos.length; i += 1) {
                        const itemInfo = itemInfos[i];
                        if (this._isParentDirectoryItem(itemInfo)) {
                            return itemInfo
                        }
                    }
                    return null
                }
                _getFileItemsForContextMenu(fileItem) {
                    const result = this.getSelectedItems();
                    if (this._isParentDirectoryItem(fileItem)) {
                        result.push(fileItem)
                    }
                    return result
                }
                _isParentDirectoryItem(itemInfo) {
                    return itemInfo.fileItem.isParentFolder
                }
                _hasValidKeys(keys) {
                    return keys.length > 1 || 1 === keys.length && keys[0] !== this._parentDirectoryItemKey
                }
                _filterOutParentDirectory(array, createNewArray) {
                    return this._filterOutItemByPredicate(array, item => item.key === this._parentDirectoryItemKey, createNewArray)
                }
                _filterOutParentDirectoryKey(array, createNewArray) {
                    return this._filterOutItemByPredicate(array, key => key === this._parentDirectoryItemKey, createNewArray)
                }
                _filterOutItemByPredicate(array, predicate, createNewArray) {
                    let result = array;
                    let index = -1;
                    for (let i = 0; i < array.length; i += 1) {
                        if (predicate(array[i])) {
                            index = i;
                            break
                        }
                    }
                    if (-1 !== index) {
                        if (createNewArray) {
                            result = [...array]
                        }
                        result.splice(index, 1)
                    }
                    return result
                }
                _isMultipleSelectionMode() {
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    return "multiple" === selectionMode
                }
                _deselectItem(item) {}
                _setSelectedItemKeys(itemKeys) {}
                _setFocusedItemKey(itemKey) {}
                _createDataSource() {
                    return {
                        store: new _custom_store.CustomStore({
                            key: "fileItem.key",
                            load: this._getItems.bind(this)
                        })
                    }
                }
                getSelectedItems() {}
                clearSelection() {}
                selectItem() {}
                refresh(options, operation) {}
            }
            exports.default = FileManagerItemListBase
        },
        33535(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _contextmenu = __webpack_require__( /*! ../../../common/core/events/contextmenu */ 80248);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _file_items_controller = __webpack_require__( /*! ../../ui/file_manager/file_items_controller */ 62492);
            var _uiFile_manager = __webpack_require__( /*! ../../ui/file_manager/ui.file_manager.common */ 62725);
            var _uiFile_manager2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.item_list */ 2942));
            var _uiFile_managerItems_listThumbnails = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.items_list.thumbnails.list_box */ 62364));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class FileManagerThumbnailsItemList extends _uiFile_manager2.default {
                _initMarkup() {
                    super._initMarkup();
                    this.$element().addClass("dx-filemanager-thumbnails");
                    const contextMenuEvent = (0, _utils.addNamespace)(_contextmenu.name, "dxFileManager_thumbnails");
                    _events_engine.default.on(this.$element(), contextMenuEvent, this._onContextMenu.bind(this));
                    this._createItemList()
                }
                _createItemList() {
                    const selectionMode = this._isMultipleSelectionMode() ? "multiple" : "single";
                    const {
                        selectedItemKeys: selectedItemKeys,
                        focusedItemKey: focusedItemKey
                    } = this.option();
                    const $itemListContainer = (0, _renderer.default)("<div>").appendTo(this.$element());
                    this._itemList = this._createComponent($itemListContainer, _uiFile_managerItems_listThumbnails.default, {
                        dataSource: this._createDataSource(),
                        selectionMode: selectionMode,
                        selectedItemKeys: selectedItemKeys,
                        focusedItemKey: focusedItemKey,
                        activeStateEnabled: true,
                        hoverStateEnabled: true,
                        loopItemFocus: false,
                        focusStateEnabled: true,
                        onItemEnterKeyPressed: this._tryOpen.bind(this),
                        itemThumbnailTemplate: this._getItemThumbnailContainer.bind(this),
                        getTooltipText: this._getTooltipText.bind(this),
                        onSelectionChanged: this._onItemListSelectionChanged.bind(this),
                        onFocusedItemChanged: this._onItemListFocusedItemChanged.bind(this),
                        onContentReady: this._onContentReady.bind(this)
                    })
                }
                _onContextMenu(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    if (!this._isDesktop()) {
                        return
                    }
                    let items = null;
                    const targetItemElement = (0, _renderer.default)(e.target).closest(this._getItemSelector());
                    let targetItem = null;
                    if (targetItemElement.length > 0) {
                        var _this$_itemList, _this$_itemList2;
                        targetItem = null === (_this$_itemList = this._itemList) || void 0 === _this$_itemList ? void 0 : _this$_itemList.getItemByItemElement(targetItemElement);
                        null === (_this$_itemList2 = this._itemList) || void 0 === _this$_itemList2 || _this$_itemList2.selectItem(targetItem);
                        items = this._getFileItemsForContextMenu(targetItem)
                    }
                    const target = {
                        itemData: targetItem,
                        itemElement: targetItemElement.length ? targetItemElement : void 0
                    };
                    this._showContextMenu(items, e.target, e, target)
                }
                _getItemThumbnailCssClass() {
                    return "dx-filemanager-thumbnails-item-thumbnail"
                }
                _getItemSelector() {
                    return ".dx-filemanager-thumbnails-item"
                }
                _getTooltipText(fileItemInfo) {
                    const item = fileItemInfo.fileItem;
                    if (item.tooltipText) {
                        return item.tooltipText
                    }
                    let text = `${item.name}\r\n`;
                    if (!item.isDirectory) {
                        text += `${_message.default.format("dxFileManager-listThumbnailsTooltipTextSize")}: ${(0,_uiFile_manager.getDisplayFileSize)(item.size)}\r\n`
                    }
                    text += `${_message.default.format("dxFileManager-listThumbnailsTooltipTextDateModified")}: ${item.dateModified}`;
                    return text
                }
                _onItemDblClick(e) {
                    var _this$_itemList3;
                    const $item = (0, _renderer.default)(e.currentTarget);
                    const item = null === (_this$_itemList3 = this._itemList) || void 0 === _this$_itemList3 ? void 0 : _this$_itemList3.getItemByItemElement($item);
                    this._tryOpen(item)
                }
                _tryOpen(item) {
                    if (item) {
                        this._raiseSelectedItemOpened(item)
                    }
                }
                _getItemsInternal() {
                    return super._getItemsInternal().then(items => {
                        const deferred = new _deferred.Deferred;
                        setTimeout(() => deferred.resolve(items));
                        return deferred.promise()
                    })
                }
                _disableDragging() {
                    return false
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        focusStateEnabled: true
                    })
                }
                _onItemListSelectionChanged(_ref) {
                    let {
                        addedItemKeys: addedItemKeys,
                        removedItemKeys: removedItemKeys
                    } = _ref;
                    const selectedItemInfos = this.getSelectedItems();
                    const selectedItems = null === selectedItemInfos || void 0 === selectedItemInfos ? void 0 : selectedItemInfos.map(itemInfo => itemInfo.fileItem);
                    const selectedItemKeys = null === selectedItems || void 0 === selectedItems ? void 0 : selectedItems.map(item => item.key);
                    this._tryRaiseSelectionChanged({
                        selectedItemInfos: selectedItemInfos,
                        selectedItems: selectedItems,
                        selectedItemKeys: selectedItemKeys,
                        currentSelectedItemKeys: addedItemKeys,
                        currentDeselectedItemKeys: removedItemKeys
                    })
                }
                _onItemListFocusedItemChanged(_ref2) {
                    let {
                        item: item,
                        itemElement: itemElement
                    } = _ref2;
                    if (!this._isMultipleSelectionMode()) {
                        this._selectItemSingleSelection(item)
                    }
                    const fileSystemItem = (null === item || void 0 === item ? void 0 : item.fileItem) || null;
                    this._onFocusedItemChanged({
                        item: fileSystemItem,
                        itemKey: null === fileSystemItem || void 0 === fileSystemItem ? void 0 : fileSystemItem.key,
                        itemElement: itemElement || void 0
                    })
                }
                _getScrollable() {
                    var _this$_itemList4;
                    return null === (_this$_itemList4 = this._itemList) || void 0 === _this$_itemList4 ? void 0 : _this$_itemList4.getScrollable()
                }
                _setSelectedItemKeys(itemKeys) {
                    var _this$_itemList5;
                    null === (_this$_itemList5 = this._itemList) || void 0 === _this$_itemList5 || _this$_itemList5.option("selectedItemKeys", itemKeys)
                }
                _setFocusedItemKey(itemKey) {
                    var _this$_itemList6;
                    null === (_this$_itemList6 = this._itemList) || void 0 === _this$_itemList6 || _this$_itemList6.option("focusedItemKey", itemKey)
                }
                refresh(options, operation) {
                    var _this$_itemList7, _this$_refreshDeferre;
                    const actualOptions = {
                        dataSource: this._createDataSource()
                    };
                    if (options && Object.prototype.hasOwnProperty.call(options, "focusedItemKey")) {
                        actualOptions.focusedItemKey = options.focusedItemKey
                    }
                    if (options && Object.prototype.hasOwnProperty.call(options, "selectedItemKeys")) {
                        actualOptions.selectedItemKeys = options.selectedItemKeys
                    }
                    if (!(0, _type.isDefined)(actualOptions.focusedItemKey) && operation === _file_items_controller.OPERATIONS.NAVIGATION) {
                        this._needResetScrollPosition = true
                    }
                    null === (_this$_itemList7 = this._itemList) || void 0 === _this$_itemList7 || _this$_itemList7.option(actualOptions);
                    this._refreshDeferred = new _deferred.Deferred;
                    return null === (_this$_refreshDeferre = this._refreshDeferred) || void 0 === _this$_refreshDeferre ? void 0 : _this$_refreshDeferre.promise()
                }
                _deselectItem(item) {
                    var _this$_itemList8, _this$_itemList9;
                    const itemElement = null === (_this$_itemList8 = this._itemList) || void 0 === _this$_itemList8 ? void 0 : _this$_itemList8.getItemElementByItem(item);
                    null === (_this$_itemList9 = this._itemList) || void 0 === _this$_itemList9 || _this$_itemList9.unselectItem(itemElement)
                }
                _selectItemSingleSelection(item) {
                    if (item) {
                        var _this$_itemList0;
                        null === (_this$_itemList0 = this._itemList) || void 0 === _this$_itemList0 || _this$_itemList0.selectItem(item)
                    } else {
                        var _this$_itemList1;
                        null === (_this$_itemList1 = this._itemList) || void 0 === _this$_itemList1 || _this$_itemList1.clearSelection()
                    }
                }
                clearSelection() {
                    var _this$_itemList10;
                    null === (_this$_itemList10 = this._itemList) || void 0 === _this$_itemList10 || _this$_itemList10.clearSelection()
                }
                getSelectedItems() {
                    var _this$_itemList11;
                    return null === (_this$_itemList11 = this._itemList) || void 0 === _this$_itemList11 ? void 0 : _this$_itemList11.getSelectedItems()
                }
            }
            exports.default = FileManagerThumbnailsItemList
        },
        62364(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _hold = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/hold */ 68095));
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _bindable_template = __webpack_require__( /*! ../../../core/templates/bindable_template */ 27286);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _uiCollection_widget = _interopRequireDefault(__webpack_require__( /*! ../../../ui/collection/ui.collection_widget.edit */ 7607));
            var _scroll_view = _interopRequireDefault(__webpack_require__( /*! ../../../ui/scroll_view */ 91374));
            var _selection = _interopRequireDefault(__webpack_require__( /*! ../../ui/selection/selection */ 80876));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const FILE_MANAGER_THUMBNAILS_LIST_BOX_HOLD_EVENT_NAME = (0, _utils.addNamespace)(_hold.default.name, "dxFileManagerThumbnailsListBox");
            class ListBoxLayoutUtils {
                constructor(scrollView, $viewPort, $itemContainer, $item) {
                    this._layoutModel = null;
                    this._scrollView = scrollView;
                    this._$viewPort = $viewPort;
                    this._$itemContainer = $itemContainer;
                    this._$item = $item
                }
                updateItems($item) {
                    this._$item = $item
                }
                reset() {
                    this._layoutModel = null
                }
                getLayoutModel() {
                    if (!this._layoutModel) {
                        this._layoutModel = this._createLayoutModel()
                    }
                    return this._layoutModel
                }
                _createLayoutModel() {
                    if (!this._$item) {
                        return null
                    }
                    const itemWidth = (0, _size.getOuterWidth)(this._$item, true);
                    if (0 === itemWidth) {
                        return null
                    }
                    const itemHeight = (0, _size.getOuterHeight)(this._$item, true);
                    const viewPortWidth = (0, _size.getInnerWidth)(this._$itemContainer);
                    const viewPortHeight = (0, _size.getInnerHeight)(this._$viewPort);
                    const viewPortScrollTop = this._scrollView.scrollTop();
                    const viewPortScrollBottom = viewPortScrollTop + viewPortHeight;
                    const itemPerRowCount = Math.floor(viewPortWidth / itemWidth);
                    const rowPerPageRate = viewPortHeight / itemHeight;
                    return {
                        itemWidth: itemWidth,
                        itemHeight: itemHeight,
                        viewPortWidth: viewPortWidth,
                        viewPortHeight: viewPortHeight,
                        viewPortScrollTop: viewPortScrollTop,
                        viewPortScrollBottom: viewPortScrollBottom,
                        itemPerRowCount: itemPerRowCount,
                        rowPerPageRate: rowPerPageRate
                    }
                }
                createItemLayoutModel(index) {
                    const layout = this.getLayoutModel();
                    if (!layout) {
                        return null
                    }
                    const itemRowIndex = Math.floor(index / layout.itemPerRowCount);
                    const itemColumnIndex = index % layout.itemPerRowCount;
                    const itemTop = itemRowIndex * layout.itemHeight;
                    const itemBottom = itemTop + layout.itemHeight;
                    return {
                        itemRowIndex: itemRowIndex,
                        itemColumnIndex: itemColumnIndex,
                        itemTop: itemTop,
                        itemBottom: itemBottom
                    }
                }
                scrollToItem(index) {
                    const layout = this.getLayoutModel();
                    if (!layout) {
                        return
                    }
                    const itemRowIndex = Math.floor(index / layout.itemPerRowCount);
                    const itemTop = itemRowIndex * layout.itemHeight;
                    const itemBottom = itemTop + layout.itemHeight;
                    let newScrollTop = layout.viewPortScrollTop;
                    if (itemTop < layout.viewPortScrollTop) {
                        newScrollTop = itemTop
                    } else if (itemBottom > layout.viewPortScrollBottom) {
                        newScrollTop = itemBottom - layout.viewPortHeight
                    }
                    this._scrollView.scrollTo(newScrollTop)
                }
            }
            class FileManagerThumbnailListBox extends _uiCollection_widget.default {
                _initMarkup() {
                    this._initActions();
                    this._lockFocusedItemProcessing = false;
                    this.$element().addClass("dx-filemanager-thumbnails-view-port");
                    this._renderScrollView();
                    this._renderItemsContainer();
                    this._createScrollViewControl();
                    super._initMarkup();
                    this.onFocusedItemChanged = this._onFocusedItemChanged.bind(this);
                    this._layoutUtils = new ListBoxLayoutUtils(this._scrollView, this.$element(), this._$itemContainer, this.itemElements().first());
                    this._syncFocusedItemKey()
                }
                _initActions() {
                    this._actions = {
                        onItemEnterKeyPressed: this._createActionByOption("onItemEnterKeyPressed"),
                        onFocusedItemChanged: this._createActionByOption("onFocusedItemChanged")
                    }
                }
                _initTemplates() {
                    super._initTemplates();
                    const {
                        itemThumbnailTemplate: itemThumbnailTemplate,
                        getTooltipText: getTooltipText
                    } = this.option();
                    this._itemThumbnailTemplate = itemThumbnailTemplate;
                    this._getTooltipText = getTooltipText;
                    this._templateManager.addDefaultTemplates({
                        item: new _bindable_template.BindableTemplate(($container, data, itemModel) => {
                            const $itemElement = this._getDefaultItemTemplate(itemModel, $container);
                            $container.append($itemElement)
                        }, ["fileItem"], this.option("integrationOptions.watchMethod"))
                    })
                }
                _createScrollViewControl() {
                    if (!this._scrollView) {
                        this._scrollView = this._createComponent(this._$scrollView, _scroll_view.default, {
                            scrollByContent: true,
                            scrollByThumb: true,
                            useKeyboard: false,
                            showScrollbar: "onHover"
                        })
                    }
                }
                _renderScrollView() {
                    if (!this._$scrollView) {
                        this._$scrollView = (0, _renderer.default)("<div>").appendTo(this.$element())
                    }
                }
                getScrollable() {
                    return this._scrollView
                }
                _renderItemsContainer() {
                    if (!this._$itemContainer) {
                        this._$itemContainer = (0, _renderer.default)("<div>").addClass("dx-filemanager-thumbnails-container").appendTo(this._$scrollView)
                    }
                }
                _render() {
                    super._render();
                    this._detachEventHandlers();
                    this._attachEventHandlers()
                }
                _clean() {
                    this._detachEventHandlers();
                    super._clean()
                }
                _supportedKeys() {
                    return (0, _extend.extend)(super._supportedKeys(), {
                        upArrow(e) {
                            this._beforeKeyProcessing(e);
                            this._processArrowKeys(-1, false, e)
                        },
                        downArrow(e) {
                            this._beforeKeyProcessing(e);
                            this._processArrowKeys(1, false, e)
                        },
                        home(e) {
                            this._beforeKeyProcessing(e);
                            this._processHomeEndKeys(0, true, e)
                        },
                        end(e) {
                            this._beforeKeyProcessing(e);
                            this._processHomeEndKeys(this._getItemsLength() - 1, true, e)
                        },
                        pageUp(e) {
                            this._beforeKeyProcessing(e);
                            this._processPageChange(true, e)
                        },
                        pageDown(e) {
                            this._beforeKeyProcessing(e);
                            this._processPageChange(false, e)
                        },
                        enter(e) {
                            this._beforeKeyProcessing(e);
                            this._actions.onItemEnterKeyPressed(this._getFocusedItem())
                        },
                        A(e) {
                            this._beforeKeyProcessing(e);
                            if ((0, _utils.isCommandKeyPressed)(e)) {
                                this.selectAll()
                            }
                        }
                    })
                }
                _beforeKeyProcessing(e) {
                    var _this$_layoutUtils;
                    e.preventDefault();
                    null === (_this$_layoutUtils = this._layoutUtils) || void 0 === _this$_layoutUtils || _this$_layoutUtils.reset()
                }
                _processArrowKeys(offset, horizontal, eventArgs) {
                    const item = this._getFocusedItem();
                    if (item) {
                        if (!horizontal) {
                            var _this$_layoutUtils2;
                            const layout = null === (_this$_layoutUtils2 = this._layoutUtils) || void 0 === _this$_layoutUtils2 ? void 0 : _this$_layoutUtils2.getLayoutModel();
                            if (!layout) {
                                return
                            }
                            offset *= layout.itemPerRowCount
                        }
                        const newItemIndex = this._getIndexByItem(item) + offset;
                        this._focusItemByIndex(newItemIndex, true, eventArgs)
                    }
                }
                _processHomeEndKeys(index, scrollToItem, eventArgs) {
                    this._focusItemByIndex(index, scrollToItem, eventArgs)
                }
                _processPageChange(pageUp, eventArgs) {
                    var _this$_layoutUtils3, _this$_layoutUtils4;
                    const item = this._getFocusedItem();
                    if (!item) {
                        return
                    }
                    const layout = null === (_this$_layoutUtils3 = this._layoutUtils) || void 0 === _this$_layoutUtils3 ? void 0 : _this$_layoutUtils3.getLayoutModel();
                    if (!layout) {
                        return
                    }
                    const itemLayout = null === (_this$_layoutUtils4 = this._layoutUtils) || void 0 === _this$_layoutUtils4 ? void 0 : _this$_layoutUtils4.createItemLayoutModel(this._getIndexByItem(item));
                    const rowOffset = pageUp ? layout.rowPerPageRate : -layout.rowPerPageRate;
                    const newRowRate = (null === itemLayout || void 0 === itemLayout ? void 0 : itemLayout.itemRowIndex) - rowOffset;
                    const roundFunc = pageUp ? Math.ceil : Math.floor;
                    const newRowIndex = roundFunc(newRowRate);
                    let newItemIndex = newRowIndex * layout.itemPerRowCount + (null === itemLayout || void 0 === itemLayout ? void 0 : itemLayout.itemColumnIndex);
                    if (newItemIndex < 0) {
                        newItemIndex = 0
                    } else if (newItemIndex >= this._getItemsLength()) {
                        newItemIndex = this._getItemsLength() - 1
                    }
                    this._focusItemByIndex(newItemIndex, true, eventArgs)
                }
                _processLongTap(e) {
                    const $targetItem = this._closestItemElement((0, _renderer.default)(e.target));
                    const itemIndex = this._getIndexByItemElement($targetItem);
                    this._selection.changeItemSelection(itemIndex, {
                        control: true
                    })
                }
                _attachEventHandlers() {
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    if ("multiple" === selectionMode) {
                        _events_engine.default.on(this._itemContainer(), FILE_MANAGER_THUMBNAILS_LIST_BOX_HOLD_EVENT_NAME, `.${this._itemContentClass()}`, e => {
                            this._processLongTap(e);
                            e.stopPropagation()
                        })
                    }
                    _events_engine.default.on(this._itemContainer(), "mousedown selectstart", e => {
                        if (e.shiftKey) {
                            e.preventDefault()
                        }
                    })
                }
                _detachEventHandlers() {
                    _events_engine.default.off(this._itemContainer(), FILE_MANAGER_THUMBNAILS_LIST_BOX_HOLD_EVENT_NAME);
                    _events_engine.default.off(this._itemContainer(), "mousedown selectstart")
                }
                _itemContainer() {
                    return this._$itemContainer
                }
                _itemClass() {
                    return "dx-filemanager-thumbnails-item"
                }
                _itemDataKey() {
                    return "dxFileManagerItemData"
                }
                _getDefaultItemTemplate(fileItemInfo, $itemElement) {
                    $itemElement.attr("title", this._getTooltipText(fileItemInfo));
                    const $itemThumbnail = this._itemThumbnailTemplate(fileItemInfo);
                    const $itemSpacer = (0, _renderer.default)("<div>").addClass("dx-filemanager-thumbnails-item-spacer");
                    const $itemName = (0, _renderer.default)("<div>").addClass("dx-filemanager-thumbnails-item-name").text(fileItemInfo.fileItem.name);
                    $itemElement.append($itemThumbnail, $itemSpacer, $itemName)
                }
                _itemSelectHandler(e) {
                    let options = {};
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    if ("multiple" === selectionMode) {
                        if (!this._isPreserveSelectionMode) {
                            this._isPreserveSelectionMode = (0, _utils.isCommandKeyPressed)(e) || e.shiftKey
                        }
                        options = {
                            control: this._isPreserveSelectionMode,
                            shift: e.shiftKey
                        }
                    }
                    const index = this._getIndexByItemElement(e.currentTarget);
                    this._selection.changeItemSelection(index, options)
                }
                _initSelectionModule() {
                    super._initSelectionModule();
                    const options = (0, _extend.extend)(this._selection.options, {
                        selectedKeys: this.option("selectedItemKeys"),
                        onSelectionChanged: args => {
                            this.option("selectedItems", this._getItemsByKeys(args.selectedItemKeys, args.selectedItems));
                            this._updateSelectedItems(args)
                        }
                    });
                    this._selection = new _selection.default(options)
                }
                _updateSelectedItems(args) {
                    const {
                        addedItemKeys: addedItemKeys,
                        removedItemKeys: removedItemKeys
                    } = args;
                    if (this._rendered && (addedItemKeys.length || removedItemKeys.length)) {
                        if (!this._rendering) {
                            const addedSelection = [];
                            let normalizedIndex;
                            const removedSelection = [];
                            this._editStrategy.beginCache();
                            for (let i = 0; i < removedItemKeys.length; i += 1) {
                                normalizedIndex = this._getIndexByKey(removedItemKeys[i]);
                                removedSelection.push(normalizedIndex);
                                this._removeSelection(normalizedIndex)
                            }
                            for (let i = 0; i < addedItemKeys.length; i += 1) {
                                normalizedIndex = this._getIndexByKey(addedItemKeys[i]);
                                addedSelection.push(normalizedIndex);
                                this._addSelection(normalizedIndex)
                            }
                            this._editStrategy.endCache();
                            this._updateSelection(addedSelection, removedSelection)
                        }
                        this._fireSelectionChangeEvent(args)
                    }
                }
                _fireSelectionChangeEvent(args) {
                    this._createActionByOption("onSelectionChanged", {
                        excludeValidators: ["disabled", "readOnly"]
                    })(args)
                }
                _updateSelection(addedSelection, removedSelection) {
                    const selectedItemsCount = this.getSelectedItems().length;
                    if (0 === selectedItemsCount) {
                        this._isPreserveSelectionMode = false
                    }
                }
                _normalizeSelectedItems() {
                    const {
                        selectedItems: selectedItems
                    } = this.option();
                    const newKeys = this._getKeysByItems(selectedItems);
                    const oldKeys = this._selection.getSelectedItemKeys();
                    if (!this._compareKeys(oldKeys, newKeys)) {
                        this._selection.setSelection(newKeys)
                    }
                    return (new _deferred.Deferred).resolve().promise()
                }
                _focusOutHandler() {}
                _focusInHandler() {}
                _getItems() {
                    const {
                        items: items
                    } = this.option();
                    return items || []
                }
                _getItemsLength() {
                    return this._getItems().length
                }
                _getIndexByItemElement(itemElement) {
                    return this._editStrategy.getNormalizedIndex(itemElement)
                }
                _getItemByIndex(index) {
                    return this._getItems()[index]
                }
                _getFocusedItem() {
                    const {
                        focusedElement: focusedElement
                    } = this.option();
                    return this.getItemByItemElement(focusedElement)
                }
                _focusItem(item, scrollToItem) {
                    this.option("focusedElement", this.getItemElementByItem(item));
                    if (scrollToItem) {
                        var _this$_layoutUtils5;
                        null === (_this$_layoutUtils5 = this._layoutUtils) || void 0 === _this$_layoutUtils5 || _this$_layoutUtils5.scrollToItem(this._getIndexByItem(item))
                    }
                }
                _focusItemByIndex(index, scrollToItem, eventArgs) {
                    if (index >= 0 && index < this._getItemsLength()) {
                        const item = this._getItemByIndex(index);
                        this._focusItem(item, scrollToItem, eventArgs)
                    }
                }
                _syncFocusedItemKey() {
                    var _this$_dataSource;
                    if (!this._syncFocusedItemKeyDeferred) {
                        this._syncFocusedItemKeyDeferred = new _deferred.Deferred
                    }
                    const deferred = this._syncFocusedItemKeyDeferred;
                    if (null !== (_this$_dataSource = this._dataSource) && void 0 !== _this$_dataSource && _this$_dataSource.isLoading()) {
                        return null === deferred || void 0 === deferred ? void 0 : deferred.promise()
                    }
                    const focusedItemKey = this.option("focusedItemKey");
                    if ((0, _type.isDefined)(focusedItemKey)) {
                        const {
                            items: items
                        } = this.option();
                        const focusedItem = null === items || void 0 === items ? void 0 : items.find(item => this.keyOf(item) === focusedItemKey);
                        if (focusedItem) {
                            this._focusItem(focusedItem, true);
                            null === deferred || void 0 === deferred || deferred.resolve()
                        } else {
                            this.option("focusedItemKey", void 0);
                            null === deferred || void 0 === deferred || deferred.reject()
                        }
                    } else {
                        null === deferred || void 0 === deferred || deferred.resolve()
                    }
                    this._syncFocusedItemKeyDeferred = null;
                    return null === deferred || void 0 === deferred ? void 0 : deferred.promise()
                }
                _onFocusedItemChanged() {
                    const focusedItem = this._getFocusedItem();
                    const newFocusedItemKey = this.keyOf(focusedItem);
                    const {
                        focusedItemKey: focusedItemKey
                    } = this.option();
                    if (newFocusedItemKey !== focusedItemKey) {
                        this._lockFocusedItemProcessing = true;
                        this.option("focusedItemKey", newFocusedItemKey);
                        this._lockFocusedItemProcessing = false;
                        this._raiseFocusedItemChanged(focusedItem)
                    }
                }
                _raiseFocusedItemChanged(focusedItem) {
                    const {
                        focusedElement: focusedElement
                    } = this.option();
                    const args = {
                        item: focusedItem,
                        itemElement: focusedElement
                    };
                    this._actions.onFocusedItemChanged(args)
                }
                _changeItemSelection(item, select) {
                    if (this.isItemSelected(item) === select) {
                        return
                    }
                    const itemElement = this.getItemElementByItem(item);
                    const index = this._getIndexByItemElement(itemElement);
                    this._selection.changeItemSelection(index, {
                        control: this._isPreserveSelectionMode
                    })
                }
                _chooseSelectOption() {
                    return "selectedItemKeys"
                }
                getSelectedItems() {
                    return this._selection.getSelectedItems()
                }
                getItemElementByItem(item) {
                    return this._editStrategy.getItemElement(item)
                }
                getItemByItemElement(itemElement) {
                    return this._getItemByIndex(this._getIndexByItemElement(itemElement))
                }
                selectAll() {
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    if ("multiple" !== selectionMode) {
                        return
                    }
                    this._selection.selectAll();
                    this._isPreserveSelectionMode = true
                }
                selectItem(item) {
                    this._changeItemSelection(item, true)
                }
                deselectItem(item) {
                    this._changeItemSelection(item, false)
                }
                clearSelection() {
                    this._selection.deselectAll()
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "items":
                            if (this._layoutUtils) {
                                this._layoutUtils.updateItems(this.itemElements().first())
                            }
                            super._optionChanged(args);
                            break;
                        case "focusedItemKey":
                            if (this._lockFocusedItemProcessing) {
                                break
                            }
                            if ((0, _type.isDefined)(value)) {
                                var _this$_syncFocusedIte;
                                null === (_this$_syncFocusedIte = this._syncFocusedItemKey()) || void 0 === _this$_syncFocusedIte || _this$_syncFocusedIte.done(() => {
                                    const focusedItem = this._getFocusedItem();
                                    this._raiseFocusedItemChanged(focusedItem)
                                })
                            } else {
                                this.option("focusedElement", null);
                                this._raiseFocusedItemChanged(null)
                            }
                            break;
                        case "onItemEnterKeyPressed":
                        case "onFocusedItemChanged":
                            this._actions[name] = this._createActionByOption(name);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            exports.default = FileManagerThumbnailListBox
        },
        8324(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _utils = __webpack_require__( /*! ../../../core/options/utils */ 53904);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _comparator = __webpack_require__( /*! ../../../core/utils/comparator */ 60648);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _file_items_controller = __webpack_require__( /*! ../../ui/file_manager/file_items_controller */ 62492);
            var _uiFile_manager = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.adaptivity */ 12757));
            var _uiFile_manager2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.breadcrumbs */ 45788));
            var _uiFile_manager3 = __webpack_require__( /*! ../../ui/file_manager/ui.file_manager.command_manager */ 40683);
            var _uiFile_manager4 = __webpack_require__( /*! ../../ui/file_manager/ui.file_manager.common */ 62725);
            var _uiFile_manager5 = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.context_menu */ 45239));
            var _uiFile_manager6 = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.editing */ 17290));
            var _uiFile_manager7 = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.files_tree_view */ 47670));
            var _uiFile_managerItem_list = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.item_list.details */ 66722));
            var _uiFile_managerItem_list2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.item_list.thumbnails */ 33535));
            var _uiFile_manager8 = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.notification */ 31555));
            var _uiFile_manager9 = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.toolbar */ 32293));
            var _notify = _interopRequireDefault(__webpack_require__( /*! ../../ui/notify */ 36810));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const VIEW_AREAS_folders = "navPane",
                VIEW_AREAS_items = "itemView";
            class FileManager extends _widget.default {
                _initTemplates() {}
                _init() {
                    super._init();
                    this._initActions();
                    this._providerUpdateDeferred = null;
                    this._lockCurrentPathProcessing = false;
                    this._wasRendered = false;
                    const {
                        currentPath: currentPath,
                        currentPathKeys: currentPathKeys,
                        rootFolderName: rootFolderName,
                        fileSystemProvider: fileSystemProvider,
                        allowedFileExtensions: allowedFileExtensions,
                        upload: upload
                    } = this.option();
                    this._controller = new _file_items_controller.FileItemsController({
                        currentPath: currentPath,
                        currentPathKeys: currentPathKeys,
                        rootText: rootFolderName,
                        fileProvider: fileSystemProvider,
                        allowedFileExtensions: allowedFileExtensions,
                        uploadMaxFileSize: null === upload || void 0 === upload ? void 0 : upload.maxFileSize,
                        uploadChunkSize: null === upload || void 0 === upload ? void 0 : upload.chunkSize,
                        onInitialized: this._onControllerInitialized.bind(this),
                        onDataLoading: this._onDataLoading.bind(this),
                        onSelectedDirectoryChanged: this._onSelectedDirectoryChanged.bind(this),
                        onPathPotentiallyChanged: this._checkPathActuality.bind(this),
                        editingEvents: this._actions.editing
                    })
                }
                _initMarkup() {
                    super._initMarkup();
                    this._firstItemViewLoad = true;
                    this._lockSelectionProcessing = false;
                    this._lockFocusedItemProcessing = false;
                    this._itemKeyToFocus = void 0;
                    this._loadedWidgets = [];
                    const {
                        permissions: permissions
                    } = this.option();
                    this._commandManager = new _uiFile_manager3.FileManagerCommandManager(permissions);
                    this.$element().addClass("dx-filemanager");
                    if (this._wasRendered) {
                        this._prepareToLoad()
                    } else {
                        this._wasRendered = true
                    }
                    this._createNotificationControl();
                    this._initCommandManager()
                }
                _createNotificationControl() {
                    const $notificationControl = (0, _renderer.default)("<div>").addClass("dx-filemanager-notification-container").appendTo(this.$element());
                    const {
                        notifications: notifications
                    } = this.option();
                    this._notificationControl = this._createComponent($notificationControl, _uiFile_manager8.default, {
                        progressPanelContainer: this.$element(),
                        contentTemplate: (container, notificationControl) => this._createWrapper(container, notificationControl),
                        onActionProgress: e => this._onActionProgress(e),
                        positionTargetSelector: ".dx-filemanager-container",
                        showProgressPanel: null === notifications || void 0 === notifications ? void 0 : notifications.showPanel,
                        showNotificationPopup: null === notifications || void 0 === notifications ? void 0 : notifications.showPopup
                    })
                }
                _createWrapper(container, notificationControl) {
                    this._$wrapper = (0, _renderer.default)("<div>").addClass("dx-filemanager-wrapper").appendTo(container);
                    this._createEditing(notificationControl);
                    const {
                        toolbar: toolbar,
                        itemView: itemView
                    } = this.option();
                    const $toolbar = (0, _renderer.default)("<div>").appendTo(this._$wrapper);
                    this._toolbar = this._createComponent($toolbar, _uiFile_manager9.default, {
                        commandManager: this._commandManager,
                        generalItems: null === toolbar || void 0 === toolbar ? void 0 : toolbar.items,
                        fileItems: null === toolbar || void 0 === toolbar ? void 0 : toolbar.fileSelectionItems,
                        itemViewMode: null === itemView || void 0 === itemView ? void 0 : itemView.mode,
                        onItemClick: args => {
                            var _this$_actions$onTool, _this$_actions;
                            return null === (_this$_actions$onTool = (_this$_actions = this._actions).onToolbarItemClick) || void 0 === _this$_actions$onTool ? void 0 : _this$_actions$onTool.call(_this$_actions, args)
                        }
                    });
                    this._createAdaptivityControl()
                }
                _createAdaptivityControl() {
                    var _this$_editing;
                    const $container = (0, _renderer.default)("<div>").addClass("dx-filemanager-container").appendTo(this._$wrapper);
                    this._adaptivityControl = this._createComponent($container, _uiFile_manager.default, {
                        drawerTemplate: container => this._createFilesTreeView(container),
                        contentTemplate: container => this._createItemsPanel(container),
                        onAdaptiveStateChanged: e => this._onAdaptiveStateChanged(e)
                    });
                    null === (_this$_editing = this._editing) || void 0 === _this$_editing || _this$_editing.setUploaderSplitterElement(this._adaptivityControl.getSplitterElement())
                }
                _createEditing(notificationControl) {
                    const $editingContainer = (0, _renderer.default)("<div>").addClass("dx-filemanager-editing-container").appendTo(this.$element());
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    this._editing = this._createComponent($editingContainer, _uiFile_manager6.default, {
                        controller: this._controller,
                        model: {
                            getMultipleSelectedItems: this._getSelectedItemInfos.bind(this)
                        },
                        getItemThumbnail: this._getItemThumbnailInfo.bind(this),
                        notificationControl: notificationControl,
                        uploadDropZonePlaceholderContainer: this.$element(),
                        rtlEnabled: rtlEnabled,
                        onSuccess: _ref => {
                            let {
                                updatedOnlyFiles: updatedOnlyFiles
                            } = _ref;
                            return this._redrawComponent(updatedOnlyFiles)
                        },
                        onError: e => this._onEditingError(e)
                    })
                }
                _createItemsPanel($container) {
                    this._$itemsPanel = (0, _renderer.default)("<div>").addClass("dx-filemanager-items-panel").appendTo($container);
                    this._createBreadcrumbs(this._$itemsPanel);
                    this._createItemView(this._$itemsPanel);
                    this._updateUploadDropZone()
                }
                _updateUploadDropZone() {
                    var _this$_commandManager, _this$_editing2;
                    const dropZone = null !== (_this$_commandManager = this._commandManager) && void 0 !== _this$_commandManager && _this$_commandManager.isCommandAvailable("upload") ? this._$itemsPanel : (0, _renderer.default)();
                    null === (_this$_editing2 = this._editing) || void 0 === _this$_editing2 || _this$_editing2.setUploaderDropZone(dropZone)
                }
                _createFilesTreeView(container) {
                    this._filesTreeViewContextMenu = this._createContextMenu(false, VIEW_AREAS_folders);
                    const $filesTreeView = (0, _renderer.default)("<div>").addClass("dx-filemanager-dirs-panel").appendTo(container);
                    this._filesTreeView = this._createComponent($filesTreeView, _uiFile_manager7.default, {
                        storeExpandedState: true,
                        contextMenu: this._filesTreeViewContextMenu,
                        getDirectories: this.getDirectories.bind(this),
                        getCurrentDirectory: this._getCurrentDirectory.bind(this),
                        onDirectoryClick: _ref2 => {
                            let {
                                itemData: itemData
                            } = _ref2;
                            return this._setCurrentDirectory(itemData)
                        },
                        onItemListDataLoaded: () => this._tryEndLoading(VIEW_AREAS_folders)
                    });
                    this._filesTreeView.updateCurrentDirectory()
                }
                _createItemView($container, viewMode) {
                    var _itemView$details;
                    this._itemViewContextMenu = this._createContextMenu(true, VIEW_AREAS_items);
                    const {
                        itemView: itemView,
                        selectionMode: selectionMode,
                        selectedItemKeys: selectedItemKeys,
                        focusedItemKey: focusedItemKey,
                        customizeDetailColumns: customizeDetailColumns
                    } = this.option();
                    const options = {
                        selectionMode: selectionMode,
                        selectedItemKeys: selectedItemKeys,
                        focusedItemKey: focusedItemKey,
                        contextMenu: this._itemViewContextMenu,
                        getItems: this._getItemViewItems.bind(this),
                        onError: _ref3 => {
                            let {
                                error: error
                            } = _ref3;
                            return this._showError(error)
                        },
                        onSelectionChanged: this._onItemViewSelectionChanged.bind(this),
                        onFocusedItemChanged: this._onItemViewFocusedItemChanged.bind(this),
                        onSelectedItemOpened: this._onSelectedItemOpened.bind(this),
                        onContextMenuShowing: e => this._onContextMenuShowing(VIEW_AREAS_items, e),
                        onItemListItemsLoaded: () => this._tryEndLoading(VIEW_AREAS_items),
                        getItemThumbnail: this._getItemThumbnailInfo.bind(this),
                        customizeDetailColumns: customizeDetailColumns,
                        detailColumns: null === itemView || void 0 === itemView || null === (_itemView$details = itemView.details) || void 0 === _itemView$details ? void 0 : _itemView$details.columns
                    };
                    const $itemView = (0, _renderer.default)("<div>").appendTo($container);
                    viewMode = viewMode || (null === itemView || void 0 === itemView ? void 0 : itemView.mode);
                    const widgetClass = "thumbnails" === viewMode ? _uiFile_managerItem_list2.default : _uiFile_managerItem_list.default;
                    this._itemView = this._createComponent($itemView, widgetClass, options)
                }
                _createBreadcrumbs($container) {
                    const $breadcrumbs = (0, _renderer.default)("<div>").appendTo($container);
                    const {
                        rootFolderName: rootFolderName
                    } = this.option();
                    this._breadcrumbs = this._createComponent($breadcrumbs, _uiFile_manager2.default, {
                        rootFolderDisplayName: rootFolderName,
                        onCurrentDirectoryChanging: _ref4 => {
                            let {
                                currentDirectory: currentDirectory
                            } = _ref4;
                            return this._setCurrentDirectory(currentDirectory, true)
                        }
                    });
                    this._breadcrumbs.setCurrentDirectory(this._getCurrentDirectory())
                }
                _createContextMenu(isolateCreationItemCommands, viewArea) {
                    const $contextMenu = (0, _renderer.default)("<div>").appendTo(this._$wrapper);
                    const {
                        contextMenu: contextMenu
                    } = this.option();
                    return this._createComponent($contextMenu, _uiFile_manager5.default, {
                        commandManager: this._commandManager,
                        items: null === contextMenu || void 0 === contextMenu ? void 0 : contextMenu.items,
                        onItemClick: args => {
                            var _this$_actions$onCont, _this$_actions2;
                            return null === (_this$_actions$onCont = (_this$_actions2 = this._actions).onContextMenuItemClick) || void 0 === _this$_actions$onCont ? void 0 : _this$_actions$onCont.call(_this$_actions2, args)
                        },
                        onContextMenuShowing: e => this._onContextMenuShowing(viewArea, e),
                        isolateCreationItemCommands: isolateCreationItemCommands,
                        viewArea: viewArea
                    })
                }
                _initCommandManager() {
                    var _this$_editing3, _this$_commandManager2;
                    const actions = (0, _extend.extend)(null === (_this$_editing3 = this._editing) || void 0 === _this$_editing3 ? void 0 : _this$_editing3.getCommandActions(), {
                        refresh: () => this._refreshAndShowProgress(),
                        thumbnails: () => this.option("itemView.mode", "thumbnails"),
                        details: () => this.option("itemView.mode", "details"),
                        clearSelection: () => this._clearSelection(),
                        showNavPane: () => {
                            var _this$_adaptivityCont;
                            return null === (_this$_adaptivityCont = this._adaptivityControl) || void 0 === _this$_adaptivityCont ? void 0 : _this$_adaptivityCont.toggleDrawer()
                        }
                    });
                    null === (_this$_commandManager2 = this._commandManager) || void 0 === _this$_commandManager2 || _this$_commandManager2.registerActions(actions)
                }
                _onItemViewSelectionChanged(_ref5) {
                    var _this$_actions$onSele, _this$_actions3;
                    let {
                        selectedItemInfos: selectedItemInfos,
                        selectedItems: selectedItems,
                        selectedItemKeys: selectedItemKeys,
                        currentSelectedItemKeys: currentSelectedItemKeys,
                        currentDeselectedItemKeys: currentDeselectedItemKeys
                    } = _ref5;
                    this._lockSelectionProcessing = true;
                    this.option("selectedItemKeys", selectedItemKeys);
                    this._lockSelectionProcessing = false;
                    null === (_this$_actions$onSele = (_this$_actions3 = this._actions).onSelectionChanged) || void 0 === _this$_actions$onSele || _this$_actions$onSele.call(_this$_actions3, {
                        selectedItems: selectedItems,
                        selectedItemKeys: selectedItemKeys,
                        currentSelectedItemKeys: currentSelectedItemKeys,
                        currentDeselectedItemKeys: currentDeselectedItemKeys
                    });
                    this._updateToolbar(selectedItemInfos)
                }
                _onItemViewFocusedItemChanged(e) {
                    var _this$_actions$onFocu, _this$_actions4;
                    this._lockFocusedItemProcessing = true;
                    this.option("focusedItemKey", e.itemKey);
                    this._lockFocusedItemProcessing = false;
                    null === (_this$_actions$onFocu = (_this$_actions4 = this._actions).onFocusedItemChanged) || void 0 === _this$_actions$onFocu || _this$_actions$onFocu.call(_this$_actions4, {
                        item: e.item,
                        itemElement: e.itemElement
                    })
                }
                _onAdaptiveStateChanged(_ref6) {
                    var _this$_commandManager3;
                    let {
                        enabled: enabled
                    } = _ref6;
                    null === (_this$_commandManager3 = this._commandManager) || void 0 === _this$_commandManager3 || _this$_commandManager3.setCommandEnabled("showNavPane", enabled);
                    this._updateToolbar()
                }
                _onActionProgress(_ref7) {
                    var _this$_toolbar;
                    let {
                        message: message,
                        status: status
                    } = _ref7;
                    null === (_this$_toolbar = this._toolbar) || void 0 === _this$_toolbar || _this$_toolbar.updateRefreshItem(message, status);
                    this._updateToolbar()
                }
                _onEditingError(e) {
                    var _this$_actions$onErro, _this$_actions5;
                    const args = (0, _uiFile_manager4.extendAttributes)({}, e, ["errorCode", "errorText", "fileSystemItem"]);
                    null === (_this$_actions$onErro = (_this$_actions5 = this._actions).onErrorOccurred) || void 0 === _this$_actions$onErro || _this$_actions$onErro.call(_this$_actions5, args);
                    e.errorText = args.errorText
                }
                _refreshAndShowProgress() {
                    var _this$_notificationCo, _this$_controller;
                    this._prepareToLoad();
                    return (0, _deferred.when)(null === (_this$_notificationCo = this._notificationControl) || void 0 === _this$_notificationCo ? void 0 : _this$_notificationCo.tryShowProgressPanel(), null === (_this$_controller = this._controller) || void 0 === _this$_controller ? void 0 : _this$_controller.refresh()).then(() => {
                        var _this$_filesTreeView;
                        return null === (_this$_filesTreeView = this._filesTreeView) || void 0 === _this$_filesTreeView ? void 0 : _this$_filesTreeView.refresh()
                    })
                }
                _isAllWidgetsLoaded() {
                    var _this$_loadedWidgets, _this$_loadedWidgets2, _this$_loadedWidgets3;
                    return 2 === (null === (_this$_loadedWidgets = this._loadedWidgets) || void 0 === _this$_loadedWidgets ? void 0 : _this$_loadedWidgets.length) && (null === (_this$_loadedWidgets2 = this._loadedWidgets) || void 0 === _this$_loadedWidgets2 ? void 0 : _this$_loadedWidgets2.includes(VIEW_AREAS_folders)) && (null === (_this$_loadedWidgets3 = this._loadedWidgets) || void 0 === _this$_loadedWidgets3 ? void 0 : _this$_loadedWidgets3.includes(VIEW_AREAS_items))
                }
                _tryEndLoading(area) {
                    var _this$_loadedWidgets4;
                    null === (_this$_loadedWidgets4 = this._loadedWidgets) || void 0 === _this$_loadedWidgets4 || _this$_loadedWidgets4.push(area);
                    if (this._isAllWidgetsLoaded()) {
                        var _this$_controller2;
                        null === (_this$_controller2 = this._controller) || void 0 === _this$_controller2 || _this$_controller2.endSingleLoad()
                    }
                }
                _prepareToLoad() {
                    var _this$_controller3;
                    this._loadedWidgets = [];
                    null === (_this$_controller3 = this._controller) || void 0 === _this$_controller3 || _this$_controller3.startSingleLoad()
                }
                _updateToolbar(selectedItems) {
                    var _this$_toolbar2;
                    const items = selectedItems || this._getSelectedItemInfos();
                    null === (_this$_toolbar2 = this._toolbar) || void 0 === _this$_toolbar2 || _this$_toolbar2.option("contextItems", (0, _common.ensureDefined)(items, []))
                }
                _switchView(viewMode) {
                    var _this$_itemView, _this$_toolbar3;
                    this._disposeWidget(null === (_this$_itemView = this._itemView) || void 0 === _this$_itemView ? void 0 : _this$_itemView.option("contextMenu"));
                    this._disposeWidget(this._itemView);
                    this._createItemView(this._$itemsPanel, viewMode);
                    null === (_this$_toolbar3 = this._toolbar) || void 0 === _this$_toolbar3 || _this$_toolbar3.option({
                        itemViewMode: viewMode
                    })
                }
                _disposeWidget(widget) {
                    widget.dispose();
                    widget.$element().remove()
                }
                _clearSelection() {
                    var _this$_itemView2;
                    null === (_this$_itemView2 = this._itemView) || void 0 === _this$_itemView2 || _this$_itemView2.clearSelection()
                }
                _showError(message) {
                    this._showNotification(message, false)
                }
                _showNotification(message, isSuccess) {
                    (0, _notify.default)({
                        message: message,
                        width: 450
                    }, isSuccess ? "success" : "error", 5e3)
                }
                _redrawComponent(onlyFileItemsView) {
                    var _this$_itemView3;
                    null === (_this$_itemView3 = this._itemView) || void 0 === _this$_itemView3 || null === (_this$_itemView3 = _this$_itemView3.refresh()) || void 0 === _this$_itemView3 || _this$_itemView3.then(() => {
                        var _this$_filesTreeView2;
                        return !onlyFileItemsView && (null === (_this$_filesTreeView2 = this._filesTreeView) || void 0 === _this$_filesTreeView2 ? void 0 : _this$_filesTreeView2.refresh())
                    })
                }
                _getItemViewItems() {
                    var _this$_controller4;
                    const {
                        itemView: itemView
                    } = this.option();
                    let result = null === (_this$_controller4 = this._controller) || void 0 === _this$_controller4 ? void 0 : _this$_controller4.getCurrentItems(!(null !== itemView && void 0 !== itemView && itemView.showFolders));
                    this._updateToolbarWithSelectionOnFirstLoad(result);
                    if (null !== itemView && void 0 !== itemView && itemView.showParentFolder) {
                        result = (0, _deferred.when)(result).then(items => this._getPreparedItemViewItems(items))
                    }
                    return result
                }
                _updateToolbarWithSelectionOnFirstLoad(itemsResult) {
                    if (!this._firstItemViewLoad) {
                        return
                    }
                    this._firstItemViewLoad = false;
                    const {
                        selectedItemKeys: selectedItemKeys
                    } = this.option();
                    if (null !== selectedItemKeys && void 0 !== selectedItemKeys && selectedItemKeys.length && selectedItemKeys.length > 0) {
                        (0, _deferred.when)(itemsResult).done(items => {
                            const selectedItems = (0, _uiFile_manager4.findItemsByKeys)(items, selectedItemKeys);
                            if (selectedItems.length > 0) {
                                this._updateToolbar(selectedItems)
                            }
                        })
                    }
                }
                _getPreparedItemViewItems(items) {
                    const selectedDir = this._getCurrentDirectory();
                    if (selectedDir.fileItem.isRoot()) {
                        return items
                    }
                    const parentDirItem = selectedDir.fileItem.createClone();
                    parentDirItem.isParentFolder = true;
                    parentDirItem.name = "..";
                    parentDirItem.relativeName = "..";
                    parentDirItem.key = `[*DXPDK*]$40F96F03-FBD8-43DF-91BE-F55F4B8BA871$${selectedDir.fileItem.key}`;
                    const itemsCopy = [...items];
                    itemsCopy.unshift({
                        fileItem: parentDirItem,
                        icon: "parentfolder"
                    });
                    return itemsCopy
                }
                _onContextMenuShowing(viewArea, e) {
                    var _e$itemData, _this$_actions$onCont2, _this$_actions6;
                    let eventArgs = (0, _uiFile_manager4.extendAttributes)({}, e, ["targetElement", "cancel", "event"]);
                    eventArgs = (0, _extend.extend)(eventArgs, {
                        viewArea: viewArea,
                        fileSystemItem: null === (_e$itemData = e.itemData) || void 0 === _e$itemData ? void 0 : _e$itemData.fileItem,
                        _isActionButton: e.isActionButton
                    });
                    null === (_this$_actions$onCont2 = (_this$_actions6 = this._actions).onContextMenuShowing) || void 0 === _this$_actions$onCont2 || _this$_actions$onCont2.call(_this$_actions6, eventArgs);
                    e.cancel = (0, _common.ensureDefined)(eventArgs.cancel, false)
                }
                _getItemThumbnailInfo(fileInfo) {
                    const {
                        customizeThumbnail: customizeThumbnail
                    } = this.option();
                    const thumbnail = (0, _type.isFunction)(customizeThumbnail) ? customizeThumbnail(fileInfo.fileItem) : fileInfo.fileItem.thumbnail;
                    if (thumbnail) {
                        return {
                            thumbnail: thumbnail,
                            cssClass: "dx-filemanager-item-custom-thumbnail"
                        }
                    }
                    return {
                        thumbnail: fileInfo.icon
                    }
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        fileSystemProvider: null,
                        currentPath: "",
                        currentPathKeys: [],
                        rootFolderName: _message.default.format("dxFileManager-rootDirectoryName"),
                        selectionMode: "multiple",
                        selectedItemKeys: [],
                        focusedItemKey: void 0,
                        toolbar: {
                            items: ["showNavPane", "create", "upload", "switchView", {
                                name: "separator",
                                location: "after"
                            }, "refresh"],
                            fileSelectionItems: ["download", "separator", "move", "copy", "rename", "separator", "delete", "clearSelection", {
                                name: "separator",
                                location: "after"
                            }, "refresh"]
                        },
                        contextMenu: {
                            items: ["create", "upload", "rename", "move", "copy", "delete", "refresh", "download"]
                        },
                        itemView: {
                            details: {
                                columns: ["thumbnail", "name", "dateModified", "size"]
                            },
                            mode: "details",
                            showFolders: true,
                            showParentFolder: true
                        },
                        customizeThumbnail: void 0,
                        customizeDetailColumns: void 0,
                        onContextMenuItemClick: void 0,
                        onContextMenuShowing: void 0,
                        onCurrentDirectoryChanged: void 0,
                        onSelectedFileOpened: void 0,
                        onSelectionChanged: void 0,
                        onFocusedItemChanged: void 0,
                        onToolbarItemClick: void 0,
                        onErrorOccurred: void 0,
                        onDirectoryCreating: void 0,
                        onDirectoryCreated: void 0,
                        onItemRenaming: void 0,
                        onItemRenamed: void 0,
                        onItemDeleting: void 0,
                        onItemDeleted: void 0,
                        onItemCopying: void 0,
                        onItemCopied: void 0,
                        onItemMoving: void 0,
                        onItemMoved: void 0,
                        onFileUploading: void 0,
                        onFileUploaded: void 0,
                        onItemDownloading: void 0,
                        allowedFileExtensions: [],
                        upload: {
                            maxFileSize: 0,
                            chunkSize: 2e5
                        },
                        permissions: (0, _extend.extend)({}, _uiFile_manager3.defaultPermissions),
                        notifications: {
                            showPanel: true,
                            showPopup: true
                        }
                    })
                }
                option(options, value) {
                    const optionsToCheck = (0, _utils.normalizeOptions)(options, value);
                    const isGetter = arguments.length < 2 && "object" !== (0, _type.type)(options);
                    const isOptionDefined = name => (0, _type.isDefined)(optionsToCheck[name]);
                    const isOptionValueDiffers = name => {
                        if (!isOptionDefined(name)) {
                            return false
                        }
                        const previousValue = this.option(name);
                        const value = optionsToCheck[name];
                        return !(0, _comparator.equals)(previousValue, value)
                    };
                    if (!isGetter && isOptionDefined("fileSystemProvider")) {
                        this._providerUpdateDeferred = new _deferred.Deferred;
                        if (isOptionValueDiffers("currentPath") || isOptionValueDiffers("currentPathKeys")) {
                            this._lockCurrentPathProcessing = true
                        }
                    }
                    return super.option(...arguments)
                }
                _optionChanged(args) {
                    var _this$_controller7, _this$_controller9, _this$_notificationCo2, _this$_notificationCo3, _this$_editing4;
                    const {
                        name: name,
                        fullName: fullName,
                        value: value
                    } = args;
                    switch (name) {
                        case "currentPath": {
                            const updateFunc = () => {
                                var _this$_controller5;
                                this._lockCurrentPathProcessing = false;
                                return null === (_this$_controller5 = this._controller) || void 0 === _this$_controller5 ? void 0 : _this$_controller5.setCurrentPath(value)
                            };
                            this._lockCurrentPathProcessing = true;
                            if (this._providerUpdateDeferred) {
                                this._providerUpdateDeferred.then(updateFunc)
                            } else {
                                updateFunc()
                            }
                            break
                        }
                        case "currentPathKeys": {
                            const updateFunc = () => {
                                var _this$_controller6;
                                this._lockCurrentPathProcessing = false;
                                return null === (_this$_controller6 = this._controller) || void 0 === _this$_controller6 ? void 0 : _this$_controller6.setCurrentPathByKeys(value)
                            };
                            this._lockCurrentPathProcessing = true;
                            if (this._providerUpdateDeferred) {
                                this._providerUpdateDeferred.then(updateFunc)
                            } else {
                                updateFunc()
                            }
                            break
                        }
                        case "selectedItemKeys":
                            if (!this._lockSelectionProcessing && this._itemView) {
                                this._itemView.option("selectedItemKeys", value)
                            }
                            break;
                        case "focusedItemKey":
                            if (!this._lockFocusedItemProcessing && this._itemView) {
                                this._itemView.option("focusedItemKey", value)
                            }
                            break;
                        case "rootFolderName":
                            null === (_this$_controller7 = this._controller) || void 0 === _this$_controller7 || _this$_controller7.setRootText(value);
                            this._invalidate();
                            break;
                        case "fileSystemProvider": {
                            var _this$_controller8;
                            if (!this._lockCurrentPathProcessing) {
                                this._providerUpdateDeferred = new _deferred.Deferred
                            }
                            const {
                                currentPathKeys: currentPathKeys
                            } = this.option();
                            const pathKeys = this._lockCurrentPathProcessing ? void 0 : currentPathKeys;
                            null === (_this$_controller8 = this._controller) || void 0 === _this$_controller8 || _this$_controller8.updateProvider(value, pathKeys).then(() => {
                                var _this$_providerUpdate;
                                return null === (_this$_providerUpdate = this._providerUpdateDeferred) || void 0 === _this$_providerUpdate ? void 0 : _this$_providerUpdate.resolve()
                            }).always(() => {
                                this._providerUpdateDeferred = null;
                                this.repaint()
                            });
                            break
                        }
                        case "allowedFileExtensions":
                            null === (_this$_controller9 = this._controller) || void 0 === _this$_controller9 || _this$_controller9.setAllowedFileExtensions(value);
                            this._invalidate();
                            break;
                        case "upload": {
                            var _this$_controller0;
                            const {
                                upload: upload
                            } = this.option();
                            null === (_this$_controller0 = this._controller) || void 0 === _this$_controller0 || _this$_controller0.setUploadOptions(upload);
                            this._invalidate();
                            break
                        }
                        case "permissions": {
                            var _this$_commandManager4, _this$_filesTreeViewC, _this$_itemViewContex, _this$_toolbar4;
                            const {
                                permissions: permissions
                            } = this.option();
                            null === (_this$_commandManager4 = this._commandManager) || void 0 === _this$_commandManager4 || _this$_commandManager4.updatePermissions(permissions);
                            null === (_this$_filesTreeViewC = this._filesTreeViewContextMenu) || void 0 === _this$_filesTreeViewC || _this$_filesTreeViewC.tryUpdateVisibleContextMenu();
                            null === (_this$_itemViewContex = this._itemViewContextMenu) || void 0 === _this$_itemViewContex || _this$_itemViewContex.tryUpdateVisibleContextMenu();
                            null === (_this$_toolbar4 = this._toolbar) || void 0 === _this$_toolbar4 || _this$_toolbar4.updateItemPermissions();
                            this._updateUploadDropZone();
                            break
                        }
                        case "selectionMode":
                        case "customizeThumbnail":
                        case "customizeDetailColumns":
                            this._invalidate();
                            break;
                        case "itemView":
                            if ("itemView.mode" === fullName) {
                                this._switchView(value)
                            } else {
                                this._invalidate()
                            }
                            break;
                        case "toolbar": {
                            var _this$_toolbar5;
                            const toolbarOptions = {};
                            if ("toolbar" === fullName) {
                                if (null !== value && void 0 !== value && value.items) {
                                    toolbarOptions.generalItems = null === value || void 0 === value ? void 0 : value.items
                                }
                                if (null !== value && void 0 !== value && value.fileSelectionItems) {
                                    toolbarOptions.fileItems = null === value || void 0 === value ? void 0 : value.fileSelectionItems
                                }
                            }
                            const {
                                toolbar: toolbar
                            } = this.option();
                            if (fullName.startsWith("toolbar.items")) {
                                toolbarOptions.generalItems = null === toolbar || void 0 === toolbar ? void 0 : toolbar.items
                            }
                            if (fullName.startsWith("toolbar.fileSelectionItems")) {
                                toolbarOptions.fileItems = null === toolbar || void 0 === toolbar ? void 0 : toolbar.fileSelectionItems
                            }
                            null === (_this$_toolbar5 = this._toolbar) || void 0 === _this$_toolbar5 || _this$_toolbar5.option(toolbarOptions);
                            break
                        }
                        case "contextMenu":
                            if ("contextMenu" === fullName && null !== value && void 0 !== value && value.items || fullName.startsWith("contextMenu.items")) {
                                var _this$_filesTreeViewC2, _this$_itemViewContex2;
                                const {
                                    contextMenu: contextMenu
                                } = this.option();
                                null === (_this$_filesTreeViewC2 = this._filesTreeViewContextMenu) || void 0 === _this$_filesTreeViewC2 || _this$_filesTreeViewC2.option("items", null === contextMenu || void 0 === contextMenu ? void 0 : contextMenu.items);
                                null === (_this$_itemViewContex2 = this._itemViewContextMenu) || void 0 === _this$_itemViewContex2 || _this$_itemViewContex2.option("items", null === contextMenu || void 0 === contextMenu ? void 0 : contextMenu.items)
                            }
                            break;
                        case "notifications":
                            null === (_this$_notificationCo2 = this._notificationControl) || void 0 === _this$_notificationCo2 || _this$_notificationCo2.option("showProgressPanel", this.option("notifications.showPanel"));
                            null === (_this$_notificationCo3 = this._notificationControl) || void 0 === _this$_notificationCo3 || _this$_notificationCo3.option("showNotificationPopup", this.option("notifications.showPopup"));
                            break;
                        case "onContextMenuItemClick":
                        case "onContextMenuShowing":
                        case "onCurrentDirectoryChanged":
                        case "onSelectedFileOpened":
                        case "onSelectionChanged":
                        case "onFocusedItemChanged":
                        case "onToolbarItemClick":
                        case "onErrorOccurred":
                            this._actions[name] = this._createActionByOption(name);
                            break;
                        case "onDirectoryCreating":
                        case "onDirectoryCreated":
                        case "onItemRenaming":
                        case "onItemRenamed":
                        case "onItemDeleting":
                        case "onItemDeleted":
                        case "onItemCopying":
                        case "onItemCopied":
                        case "onItemMoving":
                        case "onItemMoved":
                        case "onFileUploading":
                        case "onFileUploaded":
                        case "onItemDownloading":
                            this._actions.editing[name] = this._createActionByOption(name);
                            break;
                        case "rtlEnabled":
                            null === (_this$_editing4 = this._editing) || void 0 === _this$_editing4 || _this$_editing4.updateDialogRtl(value);
                            super._optionChanged(args);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _initActions() {
                    this._actions = {
                        onContextMenuItemClick: this._createActionByOption("onContextMenuItemClick"),
                        onContextMenuShowing: this._createActionByOption("onContextMenuShowing"),
                        onCurrentDirectoryChanged: this._createActionByOption("onCurrentDirectoryChanged"),
                        onSelectedFileOpened: this._createActionByOption("onSelectedFileOpened"),
                        onSelectionChanged: this._createActionByOption("onSelectionChanged"),
                        onFocusedItemChanged: this._createActionByOption("onFocusedItemChanged"),
                        onToolbarItemClick: this._createActionByOption("onToolbarItemClick"),
                        onErrorOccurred: this._createActionByOption("onErrorOccurred"),
                        editing: {
                            onDirectoryCreating: this._createActionByOption("onDirectoryCreating"),
                            onDirectoryCreated: this._createActionByOption("onDirectoryCreated"),
                            onItemRenaming: this._createActionByOption("onItemRenaming"),
                            onItemRenamed: this._createActionByOption("onItemRenamed"),
                            onItemDeleting: this._createActionByOption("onItemDeleting"),
                            onItemDeleted: this._createActionByOption("onItemDeleted"),
                            onItemCopying: this._createActionByOption("onItemCopying"),
                            onItemCopied: this._createActionByOption("onItemCopied"),
                            onItemMoving: this._createActionByOption("onItemMoving"),
                            onItemMoved: this._createActionByOption("onItemMoved"),
                            onFileUploading: this._createActionByOption("onFileUploading"),
                            onFileUploaded: this._createActionByOption("onFileUploaded"),
                            onItemDownloading: this._createActionByOption("onItemDownloading")
                        }
                    }
                }
                executeCommand(commandName) {
                    var _this$_commandManager5;
                    return null === (_this$_commandManager5 = this._commandManager) || void 0 === _this$_commandManager5 ? void 0 : _this$_commandManager5.executeCommand(commandName)
                }
                _setCurrentDirectory(directoryInfo, checkActuality) {
                    var _this$_controller1;
                    null === (_this$_controller1 = this._controller) || void 0 === _this$_controller1 || _this$_controller1.setCurrentDirectory(directoryInfo, checkActuality)
                }
                _getCurrentDirectory() {
                    var _this$_controller10;
                    return null === (_this$_controller10 = this._controller) || void 0 === _this$_controller10 ? void 0 : _this$_controller10.getCurrentDirectory()
                }
                _onControllerInitialized(_ref8) {
                    let {
                        controller: controller
                    } = _ref8;
                    this._controller = this._controller || controller;
                    this._syncToCurrentDirectory()
                }
                _onDataLoading(_ref9) {
                    var _this$_itemView4;
                    let {
                        operation: operation
                    } = _ref9;
                    let options = null;
                    const {
                        selectedItemKeys: selectedItemKeys
                    } = this.option();
                    if (operation === _file_items_controller.OPERATIONS.NAVIGATION) {
                        options = {
                            focusedItemKey: this._itemKeyToFocus,
                            selectedItemKeys: selectedItemKeys
                        };
                        this._itemKeyToFocus = void 0
                    }
                    null === (_this$_itemView4 = this._itemView) || void 0 === _this$_itemView4 || _this$_itemView4.refresh(options, operation)
                }
                _onSelectedDirectoryChanged() {
                    var _this$_actions$onCurr, _this$_actions7;
                    const currentDirectory = this._getCurrentDirectory();
                    this._syncToCurrentDirectory();
                    null === (_this$_actions$onCurr = (_this$_actions7 = this._actions).onCurrentDirectoryChanged) || void 0 === _this$_actions$onCurr || _this$_actions$onCurr.call(_this$_actions7, {
                        directory: currentDirectory.fileItem
                    })
                }
                _syncToCurrentDirectory() {
                    const currentDirectory = this._getCurrentDirectory();
                    if (this._filesTreeView) {
                        this._filesTreeView.updateCurrentDirectory()
                    }
                    if (this._breadcrumbs) {
                        this._breadcrumbs.setCurrentDirectory(currentDirectory)
                    }
                    this._checkPathActuality()
                }
                _checkPathActuality() {
                    var _this$_controller11, _this$_controller12;
                    if (this._lockCurrentPathProcessing) {
                        return
                    }
                    const currentPath = null === (_this$_controller11 = this._controller) || void 0 === _this$_controller11 ? void 0 : _this$_controller11.getCurrentPath();
                    const currentPathKeys = null === (_this$_controller12 = this._controller) || void 0 === _this$_controller12 ? void 0 : _this$_controller12.getCurrentPathKeys();
                    const options = {};
                    const {
                        currentPath: currentPathOption,
                        currentPathKeys: currentPathKeysOption
                    } = this.option();
                    if (currentPathOption !== currentPath) {
                        options.currentPath = currentPath
                    }
                    if (!(0, _common.equalByValue)(currentPathKeysOption, currentPathKeys)) {
                        options.currentPathKeys = currentPathKeys
                    }
                    if (!(0, _type.isEmptyObject)(options)) {
                        this.option(options)
                    }
                }
                getDirectories(parentDirectoryInfo, skipNavigationOnError) {
                    var _this$_controller13;
                    return null === (_this$_controller13 = this._controller) || void 0 === _this$_controller13 ? void 0 : _this$_controller13.getDirectories(parentDirectoryInfo, skipNavigationOnError)
                }
                _getSelectedItemInfos() {
                    return this._itemView ? this._itemView.getSelectedItems() : []
                }
                refresh() {
                    return this.executeCommand("refresh")
                }
                getCurrentDirectory() {
                    const directoryInfo = this._getCurrentDirectory();
                    return (null === directoryInfo || void 0 === directoryInfo ? void 0 : directoryInfo.fileItem) || null
                }
                getSelectedItems() {
                    var _this$_getSelectedIte;
                    return null === (_this$_getSelectedIte = this._getSelectedItemInfos()) || void 0 === _this$_getSelectedIte ? void 0 : _this$_getSelectedIte.map(itemInfo => itemInfo.fileItem)
                }
                _onSelectedItemOpened(_ref0) {
                    let {
                        fileItemInfo: fileItemInfo
                    } = _ref0;
                    const {
                        fileItem: fileItem
                    } = fileItemInfo;
                    if (!fileItem.isDirectory) {
                        var _this$_actions$onSele2, _this$_actions8;
                        null === (_this$_actions$onSele2 = (_this$_actions8 = this._actions).onSelectedFileOpened) || void 0 === _this$_actions$onSele2 || _this$_actions$onSele2.call(_this$_actions8, {
                            file: fileItem
                        });
                        return
                    }
                    if (fileItem.isParentFolder) {
                        this._itemKeyToFocus = this._getCurrentDirectory().fileItem.key
                    }
                    const newCurrentDirectory = fileItem.isParentFolder ? this._getCurrentDirectory().parentDirectory : fileItemInfo;
                    this._setCurrentDirectory(newCurrentDirectory);
                    if (newCurrentDirectory) {
                        var _this$_filesTreeView3;
                        null === (_this$_filesTreeView3 = this._filesTreeView) || void 0 === _this$_filesTreeView3 || _this$_filesTreeView3.toggleDirectoryExpandedState(newCurrentDirectory.parentDirectory, true)
                    }
                }
            }(0, _component_registrator.default)("dxFileManager", FileManager);
            exports.default = FileManager
        },
        76296(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "ErrorCode", {
                enumerable: true,
                get: function() {
                    return _error_codes.default
                }
            });
            exports.FileManagerMessages = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _error_codes = _interopRequireDefault(__webpack_require__( /*! ../../file_management/error_codes */ 21420));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.FileManagerMessages = {
                get: (errorCode, args) => {
                    switch (errorCode) {
                        case _error_codes.default.NoAccess:
                            return _message.default.format("dxFileManager-errorNoAccess");
                        case _error_codes.default.FileExists:
                            return _message.default.format("dxFileManager-errorFileExistsFormat", args);
                        case _error_codes.default.FileNotFound:
                            return _message.default.format("dxFileManager-errorFileNotFoundFormat", args);
                        case _error_codes.default.DirectoryExists:
                            return _message.default.format("dxFileManager-errorDirectoryExistsFormat", args);
                        case _error_codes.default.DirectoryNotFound:
                            return _message.default.format("dxFileManager-errorDirectoryNotFoundFormat", args);
                        case _error_codes.default.WrongFileExtension:
                            return _message.default.format("dxFileManager-errorWrongFileExtension");
                        case _error_codes.default.MaxFileSizeExceeded:
                            return _message.default.format("dxFileManager-errorMaxFileSizeExceeded");
                        case _error_codes.default.InvalidSymbols:
                            return _message.default.format("dxFileManager-errorInvalidSymbols")
                    }
                    return _message.default.format("dxFileManager-errorDefault")
                }
            }
        },
        31555(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _drawer = _interopRequireDefault(__webpack_require__( /*! ../../../ui/drawer */ 7968));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/popup/ui.popup */ 10720));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _uiFile_manager = __webpack_require__( /*! ../../ui/file_manager/ui.file_manager.notification_manager */ 17871);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            class FileManagerNotificationControl extends _widget.default {
                _initMarkup() {
                    super._initMarkup();
                    this._initActions();
                    this._isInAdaptiveState = this._isSmallScreen();
                    this._managerMap = {};
                    this._notificationManagerStubId = null;
                    const {
                        progressPanelContainer: progressPanelContainer
                    } = this.option();
                    this._setNotificationManager();
                    const $progressDrawer = (0, _renderer.default)("<div>").addClass("dx-filemanager-notification-drawer").appendTo((0, _renderer.default)(progressPanelContainer));
                    (0, _renderer.default)("<div>").addClass("dx-filemanager-notification-drawer-panel").appendTo($progressDrawer);
                    const drawerOptions = (0, _extend.extend)({
                        opened: false,
                        position: "right",
                        template: container => this._ensureProgressPanelCreated(container)
                    }, this._getProgressDrawerAdaptiveOptions());
                    this._progressDrawer = this._createComponent($progressDrawer, _drawer.default, drawerOptions);
                    const $drawerContent = $progressDrawer.find(".dx-filemanager-notification-drawer-panel").first();
                    const contentRenderer = this.option("contentTemplate");
                    if ((0, _type.isFunction)(contentRenderer)) {
                        contentRenderer($drawerContent, this)
                    }
                }
                _setNotificationManager(options) {
                    options = (0, _extend.extend)({
                        onActionProgressStatusChanged: this._raiseActionProgress.bind(this)
                    }, options);
                    if (!this._notificationManagerStubId) {
                        const stubManager = new _uiFile_manager.NotificationManagerStub(options);
                        this._notificationManagerStubId = stubManager.getId();
                        this._managerMap[this._notificationManagerStubId] = stubManager
                    }
                    if (!this._isProgressDrawerDisabled()) {
                        const notificationManagerComponent = this._getProgressManagerComponent();
                        options.isActual = true;
                        const defaultManager = new notificationManagerComponent(options);
                        this._managerMap[defaultManager.getId()] = defaultManager
                    }
                }
                _getNotificationManager(operationInfo) {
                    const actualManagerId = (null === operationInfo || void 0 === operationInfo ? void 0 : operationInfo[_uiFile_manager.MANAGER_ID_NAME]) || this._getActualNotificationManagerId();
                    return this._managerMap[actualManagerId] || this._managerMap[this._notificationManagerStubId]
                }
                _clearManagerMap() {
                    const stubManager = this._managerMap[this._notificationManagerStubId];
                    delete this._managerMap;
                    this._managerMap = {
                        [this._notificationManagerStubId]: stubManager
                    }
                }
                _getActualNotificationManagerId() {
                    return Object.keys(this._managerMap).filter(managerId => this._managerMap[managerId].isActual())[0]
                }
                tryShowProgressPanel() {
                    const promise = new _deferred.Deferred;
                    const notificationManager = this._getNotificationManager();
                    if (notificationManager.isActionProgressStatusDefault() || this._isProgressDrawerOpened() || this._isProgressDrawerDisabled()) {
                        return promise.resolve().promise()
                    }
                    setTimeout(() => {
                        var _this$_progressDrawer;
                        null === (_this$_progressDrawer = this._progressDrawer) || void 0 === _this$_progressDrawer || _this$_progressDrawer.show().done(promise.resolve);
                        this._hidePopup();
                        notificationManager.tryHideActionProgress()
                    });
                    return promise.promise()
                }
                addOperation(processingMessage, allowCancel, allowProgressAutoUpdate) {
                    const notificationManager = this._getNotificationManager();
                    return notificationManager.addOperation(processingMessage, allowCancel, allowProgressAutoUpdate)
                }
                addOperationDetails(operationInfo, details, showCloseButton) {
                    const notificationManager = this._getNotificationManager(operationInfo);
                    notificationManager.addOperationDetails(operationInfo, details, showCloseButton)
                }
                updateOperationItemProgress(operationInfo, itemIndex, itemProgress, commonProgress) {
                    const notificationManager = this._getNotificationManager(operationInfo);
                    notificationManager.updateOperationItemProgress(operationInfo, itemIndex, itemProgress, commonProgress)
                }
                completeOperationItem(operationInfo, itemIndex, commonProgress) {
                    const notificationManager = this._getNotificationManager(operationInfo);
                    notificationManager.completeOperationItem(operationInfo, itemIndex, commonProgress)
                }
                finishOperation(operationInfo, commonProgress) {
                    const notificationManager = this._getNotificationManager(operationInfo);
                    notificationManager.finishOperation(operationInfo, commonProgress)
                }
                completeOperation(operationInfo, commonText, isError, statusText) {
                    const notificationManager = this._getNotificationManager(operationInfo);
                    if (!isError) {
                        this._showPopup(commonText)
                    }
                    notificationManager.completeOperation(operationInfo, commonText, isError, statusText);
                    if (!this._isProgressDrawerOpened() || !notificationManager.hasNoOperations()) {
                        notificationManager.updateActionProgressStatus(operationInfo)
                    } else {
                        notificationManager.tryHideActionProgress()
                    }
                }
                completeSingleOperationWithError(operationInfo, errorInfo) {
                    const notificationManager = this._getNotificationManager(operationInfo);
                    notificationManager.completeSingleOperationWithError(operationInfo, errorInfo);
                    this._showPopupError(errorInfo)
                }
                addOperationDetailsError(operationInfo, errorInfo) {
                    const notificationManager = this._getNotificationManager(operationInfo);
                    notificationManager.addOperationDetailsError(operationInfo, errorInfo);
                    this._showPopupError(errorInfo)
                }
                _hideProgressPanel() {
                    setTimeout(() => {
                        var _this$_progressDrawer2;
                        return null === (_this$_progressDrawer2 = this._progressDrawer) || void 0 === _this$_progressDrawer2 ? void 0 : _this$_progressDrawer2.hide()
                    })
                }
                _isSmallScreen() {
                    if (!(0, _window.hasWindow)()) {
                        return false
                    }
                    return (0, _size.getWidth)(window) <= 1e3
                }
                _dimensionChanged(dimension) {
                    if (!(dimension && "height" === dimension)) {
                        this._checkAdaptiveState()
                    }
                }
                _checkAdaptiveState() {
                    const oldState = this._isInAdaptiveState;
                    this._isInAdaptiveState = this._isSmallScreen();
                    if (oldState !== this._isInAdaptiveState && this._progressDrawer) {
                        const notificationManager = this._getNotificationManager();
                        if (notificationManager.handleDimensionChanged()) {
                            const options = this._getProgressDrawerAdaptiveOptions();
                            this._progressDrawer.option(options)
                        }
                    }
                }
                _getProgressDrawerAdaptiveOptions() {
                    if (this._isInAdaptiveState) {
                        return {
                            openedStateMode: "overlap",
                            shading: true,
                            hideOnOutsideClick: true
                        }
                    }
                    return {
                        openedStateMode: "shrink",
                        shading: false,
                        hideOnOutsideClick: false
                    }
                }
                _ensureProgressPanelCreated(container) {
                    const notificationManager = this._getNotificationManager();
                    notificationManager.ensureProgressPanelCreated(container, {
                        onOperationCanceled: _ref => {
                            let {
                                info: info
                            } = _ref;
                            return this._raiseOperationCanceled(info)
                        },
                        onOperationItemCanceled: _ref2 => {
                            let {
                                item: item,
                                itemIndex: itemIndex
                            } = _ref2;
                            return this._raiseOperationItemCanceled(item, itemIndex)
                        },
                        onPanelClosed: () => this._hideProgressPanel()
                    })
                }
                _getProgressManagerComponent() {
                    return _uiFile_manager.NotificationManager
                }
                _isProgressDrawerDisabled() {
                    const {
                        showProgressPanel: showProgressPanel
                    } = this.option();
                    return !showProgressPanel
                }
                _isProgressDrawerOpened() {
                    var _this$_progressDrawer3;
                    const {
                        opened: opened
                    } = (null === (_this$_progressDrawer3 = this._progressDrawer) || void 0 === _this$_progressDrawer3 ? void 0 : _this$_progressDrawer3.option()) ?? {};
                    return opened
                }
                _hidePopup(forceHide) {
                    const {
                        showNotificationPopup: showNotificationPopup
                    } = this.option();
                    if (!showNotificationPopup && !forceHide) {
                        return
                    }
                    this._getNotificationPopup().hide()
                }
                _showPopup(content, errorMode) {
                    var _this$_getNotificatio;
                    const {
                        showNotificationPopup: showNotificationPopup
                    } = this.option();
                    if (this._isProgressDrawerOpened() || !showNotificationPopup) {
                        return
                    }
                    null === (_this$_getNotificatio = this._getNotificationPopup().$wrapper()) || void 0 === _this$_getNotificatio || _this$_getNotificatio.toggleClass("dx-filemanager-notification-popup-error", !!errorMode);
                    this._getNotificationPopup().option("contentTemplate", content);
                    const {
                        visible: visible
                    } = this._getNotificationPopup().option();
                    if (!visible) {
                        this._getNotificationPopup().show()
                    }
                }
                _showPopupError(errorInfo) {
                    const {
                        showNotificationPopup: showNotificationPopup
                    } = this.option();
                    if (!showNotificationPopup) {
                        return
                    }
                    const notificationManager = this._getNotificationManager();
                    const $content = (0, _renderer.default)("<div>");
                    const $message = (0, _renderer.default)("<div>").addClass("dx-filemanager-notification-common").text(errorInfo.commonErrorText);
                    const $separator = (0, _renderer.default)("<div>").addClass("dx-filemanager-notification-separator");
                    (0, _renderer.default)("<div>").appendTo($separator);
                    const $details = (0, _renderer.default)("<div>").addClass("dx-filemanager-notification-details");
                    if (errorInfo.item) {
                        notificationManager.createErrorDetailsProgressBox($details, errorInfo.item, errorInfo.detailErrorText)
                    } else {
                        $message.addClass("dx-filemanager-notification-common-no-item");
                        notificationManager.renderError($details, errorInfo.detailErrorText)
                    }
                    $content.append($message, $separator, $details);
                    this._showPopup($content, true)
                }
                _getNotificationPopup() {
                    if (!this._notificationPopup) {
                        var _this$_progressDrawer4;
                        const $popup = (0, _renderer.default)("<div>").appendTo(this.$element());
                        const {
                            positionTargetSelector: positionTargetSelector
                        } = this.option();
                        this._notificationPopup = this._createComponent($popup, _ui.default, {
                            container: this.$element(),
                            width: "auto",
                            height: "auto",
                            showTitle: false,
                            dragEnabled: false,
                            shading: false,
                            visible: false,
                            hideOnOutsideClick: true,
                            animation: {
                                duration: 0
                            },
                            position: {
                                my: "right top",
                                at: "right top",
                                of: null === (_this$_progressDrawer4 = this._progressDrawer) || void 0 === _this$_progressDrawer4 ? void 0 : _this$_progressDrawer4.$element().find(positionTargetSelector),
                                offset: "-10 -5"
                            },
                            _wrapperClassExternal: "dx-filemanager-notification-popup"
                        })
                    }
                    return this._notificationPopup
                }
                _raiseActionProgress(message, status) {
                    var _this$_actions$onActi, _this$_actions;
                    null === (_this$_actions$onActi = (_this$_actions = this._actions).onActionProgress) || void 0 === _this$_actions$onActi || _this$_actions$onActi.call(_this$_actions, {
                        message: message,
                        status: status
                    })
                }
                _raiseOperationCanceled(info) {
                    var _this$_actions$onOper, _this$_actions2;
                    null === (_this$_actions$onOper = (_this$_actions2 = this._actions).onOperationCanceled) || void 0 === _this$_actions$onOper || _this$_actions$onOper.call(_this$_actions2, {
                        info: info
                    })
                }
                _raiseOperationItemCanceled(item, index) {
                    var _this$_actions$onOper2, _this$_actions3;
                    null === (_this$_actions$onOper2 = (_this$_actions3 = this._actions).onOperationItemCanceled) || void 0 === _this$_actions$onOper2 || _this$_actions$onOper2.call(_this$_actions3, {
                        item: item,
                        itemIndex: index
                    })
                }
                _initActions() {
                    this._actions = {
                        onActionProgress: this._createActionByOption("onActionProgress"),
                        onOperationCanceled: this._createActionByOption("onOperationCanceled"),
                        onOperationItemCanceled: this._createActionByOption("onOperationItemCanceled")
                    }
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        progressPanelContainer: void 0,
                        contentTemplate: void 0,
                        onActionProgress: void 0,
                        onOperationCanceled: void 0,
                        onOperationItemCanceled: void 0,
                        showProgressPanel: true,
                        showNotificationPopup: true
                    })
                }
                _optionChanged(args) {
                    var _this$_progressDrawer5;
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "progressPanelContainer":
                        case "contentTemplate":
                            break;
                        case "showProgressPanel":
                            this._setNotificationManager();
                            this._getNotificationManager().updateActionProgressStatus();
                            if (!args.value) {
                                this._hideProgressPanel();
                                this._clearManagerMap()
                            }
                            null === (_this$_progressDrawer5 = this._progressDrawer) || void 0 === _this$_progressDrawer5 || _this$_progressDrawer5.repaint();
                            break;
                        case "showNotificationPopup":
                            if (!args.value) {
                                this._hidePopup(true)
                            }
                            break;
                        case "onActionProgress":
                        case "onOperationCanceled":
                        case "onOperationItemCanceled":
                            this._actions[name] = this._createActionByOption(name);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            exports.default = FileManagerNotificationControl
        },
        71671(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _icon = __webpack_require__( /*! ../../../core/utils/icon */ 69629);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../ui/button */ 64973));
            var _progress_bar = _interopRequireDefault(__webpack_require__( /*! ../../../ui/progress_bar */ 58436));
            var _scroll_view = _interopRequireDefault(__webpack_require__( /*! ../../../ui/scroll_view */ 91374));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class FileManagerProgressPanel extends _widget.default {
                _initMarkup() {
                    super._initMarkup();
                    this._initActions();
                    this._operationCount = 0;
                    this.$element().addClass("dx-filemanager-progress-panel");
                    const $scrollView = (0, _renderer.default)("<div>").appendTo(this.$element());
                    const $container = (0, _renderer.default)("<div>").addClass("dx-filemanager-progress-panel-container").appendTo($scrollView);
                    this._scrollView = this._createComponent($scrollView, _scroll_view.default, {
                        scrollByContent: true,
                        scrollByThumb: true,
                        showScrollbar: "onScroll"
                    });
                    const $title = (0, _renderer.default)("<div>").addClass("dx-filemanager-progress-panel-title").appendTo($container);
                    (0, _renderer.default)("<div>").text(_message.default.format("dxFileManager-notificationProgressPanelTitle")).addClass("dx-filemanager-progress-panel-title-text").appendTo($title);
                    const $closeButton = (0, _renderer.default)("<div>").addClass("dx-filemanager-progress-panel-close-button").appendTo($title);
                    this._createComponent($closeButton, _button.default, {
                        icon: "close",
                        stylingMode: "text",
                        onClick: () => this._raisePanelClosed()
                    });
                    this._$infosContainer = (0, _renderer.default)("<div>").addClass("dx-filemanager-progress-panel-infos-container").appendTo($container);
                    this._renderEmptyListText()
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        onOperationClosed: void 0,
                        onOperationCanceled: void 0,
                        onOperationItemCanceled: void 0,
                        onPanelClosed: void 0
                    })
                }
                _initActions() {
                    this._actions = {
                        onOperationClosed: this._createActionByOption("onOperationClosed"),
                        onOperationCanceled: this._createActionByOption("onOperationCanceled"),
                        onOperationItemCanceled: this._createActionByOption("onOperationItemCanceled"),
                        onPanelClosed: this._createActionByOption("onPanelClosed")
                    }
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "onOperationClosed":
                        case "onOperationCanceled":
                        case "onOperationItemCanceled":
                            this._actions[name] = this._createActionByOption(name);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                addOperation(commonText, showCloseButtonAlways, allowProgressAutoUpdate) {
                    if (this._operationCount) {
                        (0, _renderer.default)("<div>").addClass("dx-filemanager-progress-panel-separator").prependTo(this._$infosContainer)
                    } else {
                        var _this$_$infosContaine;
                        null === (_this$_$infosContaine = this._$infosContainer) || void 0 === _this$_$infosContaine || _this$_$infosContaine.empty()
                    }
                    this._operationCount += 1;
                    const info = {
                        customCloseHandling: showCloseButtonAlways,
                        allowProgressAutoUpdate: (0, _common.ensureDefined)(allowProgressAutoUpdate, true)
                    };
                    const $info = (0, _renderer.default)("<div>").addClass("dx-filemanager-progress-panel-info").prependTo(this._$infosContainer);
                    info.$info = $info;
                    const $common = (0, _renderer.default)("<div>").addClass("dx-filemanager-progress-panel-common").appendTo($info);
                    info.common = this._createProgressBox($common, {
                        commonText: commonText,
                        showCloseButton: true,
                        showCloseButtonAlways: showCloseButtonAlways,
                        onCloseButtonClick: () => this._closeOperation(info)
                    });
                    return info
                }
                addOperationDetails(info, details, showCloseButton) {
                    info.$info.addClass("dx-filemanager-progress-panel-info-with-details");
                    const $details = (0, _renderer.default)("<div>").addClass("dx-filemanager-progress-panel-details").appendTo(info.$info);
                    info.details = details.map((itemInfo, index) => {
                        itemInfo.info = info;
                        return this._createDetailsItem($details, itemInfo, index, false, showCloseButton)
                    })
                }
                _createDetailsItem($container, item, itemIndex, skipProgressBox, showCloseButton) {
                    const $detailsItem = (0, _renderer.default)("<div>").appendTo($container);
                    if (-1 !== itemIndex) {
                        $detailsItem.addClass("dx-card")
                    }
                    return this._createProgressBox($detailsItem, {
                        commonText: item.commonText,
                        imageUrl: item.imageUrl,
                        skipProgressBox: skipProgressBox,
                        showCloseButton: showCloseButton,
                        showCloseButtonAlways: showCloseButton,
                        onCloseButtonClick: () => this._cancelOperationItem(item, itemIndex)
                    })
                }
                completeOperationItem(operationInfo, itemIndex, commonProgress) {
                    if (operationInfo.allowProgressAutoUpdate) {
                        this.updateOperationItemProgress(operationInfo, itemIndex, 100, commonProgress)
                    }
                    this._setCloseButtonVisible(operationInfo.details[itemIndex], false)
                }
                updateOperationItemProgress(operationInfo, itemIndex, itemProgress, commonProgress) {
                    this.updateOperationCommonProgress(operationInfo, commonProgress);
                    if (operationInfo.details) {
                        const detailsItem = operationInfo.details[itemIndex];
                        detailsItem.progressBar.option("value", itemProgress)
                    }
                }
                updateOperationCommonProgress(operationInfo, commonProgress) {
                    var _operationInfo$common;
                    null === (_operationInfo$common = operationInfo.common.progressBar) || void 0 === _operationInfo$common || _operationInfo$common.option("value", commonProgress)
                }
                completeOperation(info, commonText, isError, statusText) {
                    info.completed = true;
                    info.common.$commonText.text(commonText);
                    if (isError) {
                        this._removeProgressBar(info.common)
                    } else if (info.allowProgressAutoUpdate) {
                        this.updateOperationCommonProgress(info, 100)
                    }
                    if (statusText) {
                        this._setProgressBarText(info.common, statusText)
                    }
                    this._setCloseButtonVisible(info.common, true)
                }
                completeSingleOperationWithError(info, errorText) {
                    var _info$details;
                    const detailsItem = null === (_info$details = info.details) || void 0 === _info$details ? void 0 : _info$details[0];
                    info.completed = true;
                    this._renderOperationError(detailsItem || info.common, errorText);
                    this._setCloseButtonVisible(info.common, true);
                    if (detailsItem) {
                        this._setCloseButtonVisible(detailsItem, false)
                    }
                }
                addOperationDetailsError(info, index, errorText) {
                    const detailsItem = info.details[index];
                    this._renderOperationError(detailsItem, errorText);
                    this._setCloseButtonVisible(detailsItem, false)
                }
                _renderError($container, $target, errorText) {
                    (0, _renderer.default)("<div>").text(errorText).addClass("dx-filemanager-progress-box-error").appendTo($container)
                }
                _renderEmptyListText() {
                    this._$infosContainer.text(_message.default.format("dxFileManager-notificationProgressPanelEmptyListText"))
                }
                _renderOperationError(info, errorText) {
                    this._removeProgressBar(info);
                    this._renderError(info.$wrapper, info.$commonText, errorText)
                }
                _removeProgressBar(progressBox) {
                    if (progressBox.progressBar) {
                        progressBox.progressBar.dispose();
                        progressBox.progressBar.$element().remove();
                        progressBox.progressBar = null
                    }
                }
                _createProgressBox($container, options) {
                    $container.addClass("dx-filemanager-progress-box");
                    if (!options.showCloseButtonAlways) {
                        $container.addClass("dx-filemanager-progress-box-without-close-button")
                    }
                    if (options.imageUrl) {
                        var _getImageContainer;
                        null === (_getImageContainer = (0, _icon.getImageContainer)(options.imageUrl)) || void 0 === _getImageContainer || _getImageContainer.addClass("dx-filemanager-progress-box-image").appendTo($container)
                    }
                    const $wrapper = (0, _renderer.default)("<div>").addClass("dx-filemanager-progress-box-wrapper").appendTo($container);
                    const $commonText = (0, _renderer.default)("<div>").addClass("dx-filemanager-progress-box-common").text(options.commonText).appendTo($wrapper);
                    let progressBar = null;
                    if (!options.skipProgressBox) {
                        const $progressBar = (0, _renderer.default)("<div>").addClass("dx-filemanager-progress-box-progress-bar").appendTo($wrapper);
                        progressBar = this._createComponent($progressBar, _progress_bar.default, {
                            min: 0,
                            max: 100,
                            width: "100%",
                            validationMessageMode: "always",
                            statusFormat: (ratio, value) => this._getStatusString(ratio, value)
                        })
                    }
                    let closeButton = null;
                    if (options.showCloseButton) {
                        const $button = (0, _renderer.default)("<div>").addClass("dx-filemanager-progress-box-close-button").appendTo($container);
                        closeButton = this._createComponent($button, _button.default, {
                            icon: "dx-filemanager-i dx-filemanager-i-cancel",
                            stylingMode: "text",
                            visible: options.showCloseButtonAlways,
                            onClick: options.onCloseButtonClick
                        })
                    }
                    return {
                        $commonText: $commonText,
                        progressBar: progressBar,
                        $element: $container,
                        $wrapper: $wrapper,
                        closeButton: closeButton
                    }
                }
                _setCloseButtonVisible(progressBox, visible) {
                    if (progressBox.closeButton) {
                        progressBox.$element.toggleClass("dx-filemanager-progress-box-without-close-button", !visible);
                        progressBox.closeButton.option("visible", visible)
                    }
                }
                _setProgressBarText(progressBox, text) {
                    progressBox.progressBar.option("statusFormat", () => text)
                }
                _closeOperation(info) {
                    if (info.customCloseHandling && !info.completed) {
                        this._raiseOperationCanceled(info);
                        this._setCloseButtonVisible(info.common, false);
                        info.details.forEach(item => this._displayClosedOperationItem(item))
                    } else {
                        this._raiseOperationClosed(info);
                        info.$info.next(".dx-filemanager-progress-panel-separator").remove();
                        info.$info.remove();
                        this._operationCount -= 1;
                        if (!this._operationCount) {
                            this._renderEmptyListText()
                        }
                    }
                }
                _cancelOperationItem(item, itemIndex) {
                    this._raiseOperationItemCanceled(item, itemIndex);
                    const itemInfo = item.info.details[itemIndex];
                    this._displayClosedOperationItem(itemInfo)
                }
                _displayClosedOperationItem(itemInfo) {
                    this._setProgressBarText(itemInfo, _message.default.format("dxFileManager-notificationProgressPanelOperationCanceled"));
                    this._setCloseButtonVisible(itemInfo, false)
                }
                _getStatusString(ratio, _value) {
                    return 1 === ratio ? _message.default.format("Done") : `${Math.round(100*ratio)}%`
                }
                _raiseOperationClosed(info) {
                    var _this$_actions$onOper, _this$_actions;
                    null === (_this$_actions$onOper = (_this$_actions = this._actions).onOperationClosed) || void 0 === _this$_actions$onOper || _this$_actions$onOper.call(_this$_actions, {
                        info: info
                    })
                }
                _raiseOperationCanceled(info) {
                    var _this$_actions$onOper2, _this$_actions2;
                    null === (_this$_actions$onOper2 = (_this$_actions2 = this._actions).onOperationCanceled) || void 0 === _this$_actions$onOper2 || _this$_actions$onOper2.call(_this$_actions2, {
                        info: info
                    })
                }
                _raiseOperationItemCanceled(item, itemIndex) {
                    var _this$_actions$onOper3, _this$_actions3;
                    null === (_this$_actions$onOper3 = (_this$_actions3 = this._actions).onOperationItemCanceled) || void 0 === _this$_actions$onOper3 || _this$_actions$onOper3.call(_this$_actions3, {
                        item: item,
                        itemIndex: itemIndex
                    })
                }
                _raisePanelClosed() {
                    var _this$_actions$onPane, _this$_actions4;
                    null === (_this$_actions$onPane = (_this$_actions4 = this._actions).onPanelClosed) || void 0 === _this$_actions$onPane || _this$_actions$onPane.call(_this$_actions4)
                }
            }
            exports.default = FileManagerProgressPanel
        },
        17871(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.NotificationManagerStub = exports.NotificationManager = exports.MANAGER_ID_NAME = void 0;
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _icon = __webpack_require__( /*! ../../../core/utils/icon */ 69629);
            var _uiFile_managerNotification = _interopRequireDefault(__webpack_require__( /*! ../../ui/file_manager/ui.file_manager.notification.progress_panel */ 71671));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const MANAGER_ID_NAME = exports.MANAGER_ID_NAME = "__operationInfoManager";
            const ACTION_PROGRESS_STATUS_default = "default",
                ACTION_PROGRESS_STATUS_progress = "progress",
                ACTION_PROGRESS_STATUS_error = "error",
                ACTION_PROGRESS_STATUS_success = "success";
            class NotificationManagerBase {
                constructor(_ref) {
                    let {
                        onActionProgressStatusChanged: onActionProgressStatusChanged,
                        isActual: isActual
                    } = _ref;
                    this._id = (new _guid.default).toString();
                    this._isActual = isActual || false;
                    this._actionProgressStatus = ACTION_PROGRESS_STATUS_default;
                    this._raiseActionProgress = onActionProgressStatusChanged
                }
                getId() {
                    return this._id
                }
                isActual() {
                    return this._isActual
                }
                createErrorDetailsProgressBox($container, item, errorText) {
                    const detailsItem = this._createDetailsItem($container, item);
                    this.renderError(detailsItem.$wrapper, errorText)
                }
                renderError($container, errorText) {
                    (0, _renderer.default)("<div>").text(errorText).addClass("dx-filemanager-progress-box-error").appendTo($container)
                }
                isActionProgressStatusDefault() {
                    return this._actionProgressStatus === ACTION_PROGRESS_STATUS_default
                }
                _createDetailsItem($container, item) {
                    const $detailsItem = (0, _renderer.default)("<div>").appendTo($container);
                    return this._createProgressBox($detailsItem, {
                        commonText: item.commonText,
                        imageUrl: item.imageUrl
                    })
                }
                _createProgressBox($container, options) {
                    $container.addClass("dx-filemanager-progress-box");
                    if (options.imageUrl) {
                        var _getImageContainer;
                        null === (_getImageContainer = (0, _icon.getImageContainer)(options.imageUrl)) || void 0 === _getImageContainer || _getImageContainer.addClass("dx-filemanager-progress-box-image").appendTo($container)
                    }
                    const $wrapper = (0, _renderer.default)("<div>").addClass("dx-filemanager-progress-box-wrapper").appendTo($container);
                    const $commonText = (0, _renderer.default)("<div>").addClass("dx-filemanager-progress-box-common").text(options.commonText).appendTo($wrapper);
                    return {
                        $commonText: $commonText,
                        $element: $container,
                        $wrapper: $wrapper
                    }
                }
            }
            exports.NotificationManagerStub = class extends NotificationManagerBase {
                addOperation() {
                    return {
                        [MANAGER_ID_NAME]: this._id
                    }
                }
                addOperationDetails() {}
                updateOperationItemProgress() {}
                completeOperationItem() {}
                finishOperation() {}
                completeOperation() {}
                completeSingleOperationWithError() {}
                addOperationDetailsError() {}
                handleDimensionChanged() {
                    return false
                }
                ensureProgressPanelCreated() {}
                tryHideActionProgress() {
                    this._updateActionProgress("", ACTION_PROGRESS_STATUS_default)
                }
                updateActionProgressStatus() {
                    this._updateActionProgress("", ACTION_PROGRESS_STATUS_default)
                }
                _updateActionProgress(message, status) {
                    if (status !== ACTION_PROGRESS_STATUS_default && status !== ACTION_PROGRESS_STATUS_progress) {
                        return
                    }
                    this._actionProgressStatus = status;
                    this._raiseActionProgress(message, status)
                }
                hasNoOperations() {
                    return true
                }
                get _operationInProgressCount() {
                    return 0
                }
                set _operationInProgressCount(_value) {}
                get _failedOperationCount() {
                    return 0
                }
                set _failedOperationCount(_value) {}
            };
            exports.NotificationManager = class extends NotificationManagerBase {
                constructor(options) {
                    super(options);
                    this._failedOperationCount = 0;
                    this._operationInProgressCount = 0
                }
                addOperation(processingMessage, allowCancel, allowProgressAutoUpdate) {
                    var _this$_progressPanel;
                    this._operationInProgressCount += 1;
                    const operationInfo = null === (_this$_progressPanel = this._progressPanel) || void 0 === _this$_progressPanel ? void 0 : _this$_progressPanel.addOperation(processingMessage, allowCancel, allowProgressAutoUpdate);
                    operationInfo[MANAGER_ID_NAME] = this._id;
                    this._updateActionProgress(processingMessage, ACTION_PROGRESS_STATUS_progress);
                    return operationInfo
                }
                addOperationDetails(operationInfo, details, showCloseButton) {
                    var _this$_progressPanel2;
                    null === (_this$_progressPanel2 = this._progressPanel) || void 0 === _this$_progressPanel2 || _this$_progressPanel2.addOperationDetails(operationInfo, details, showCloseButton)
                }
                updateOperationItemProgress(operationInfo, itemIndex, itemProgress, commonProgress) {
                    var _this$_progressPanel3;
                    null === (_this$_progressPanel3 = this._progressPanel) || void 0 === _this$_progressPanel3 || _this$_progressPanel3.updateOperationItemProgress(operationInfo, itemIndex, itemProgress, commonProgress)
                }
                completeOperationItem(operationInfo, itemIndex, commonProgress) {
                    var _this$_progressPanel4;
                    null === (_this$_progressPanel4 = this._progressPanel) || void 0 === _this$_progressPanel4 || _this$_progressPanel4.completeOperationItem(operationInfo, itemIndex, commonProgress)
                }
                finishOperation(operationInfo, commonProgress) {
                    var _this$_progressPanel5;
                    null === (_this$_progressPanel5 = this._progressPanel) || void 0 === _this$_progressPanel5 || _this$_progressPanel5.updateOperationCommonProgress(operationInfo, commonProgress)
                }
                completeOperation(operationInfo, commonText, isError, statusText) {
                    var _this$_progressPanel6;
                    this._operationInProgressCount -= 1;
                    if (isError) {
                        this._failedOperationCount += 1
                    }
                    null === (_this$_progressPanel6 = this._progressPanel) || void 0 === _this$_progressPanel6 || _this$_progressPanel6.completeOperation(operationInfo, commonText, isError, statusText)
                }
                completeSingleOperationWithError(operationInfo, errorInfo) {
                    var _this$_progressPanel7;
                    null === (_this$_progressPanel7 = this._progressPanel) || void 0 === _this$_progressPanel7 || _this$_progressPanel7.completeSingleOperationWithError(operationInfo, errorInfo.detailErrorText);
                    this._notifyError(errorInfo)
                }
                addOperationDetailsError(operationInfo, errorInfo) {
                    var _this$_progressPanel8;
                    null === (_this$_progressPanel8 = this._progressPanel) || void 0 === _this$_progressPanel8 || _this$_progressPanel8.addOperationDetailsError(operationInfo, errorInfo.itemIndex, errorInfo.detailErrorText);
                    this._notifyError(errorInfo)
                }
                handleDimensionChanged() {
                    if (this._progressPanel) {
                        this._progressPanel.$element().detach()
                    }
                    return true
                }
                ensureProgressPanelCreated(container, options) {
                    if (!this._progressPanel) {
                        const $progressPanelElement = (0, _renderer.default)("<div>").appendTo(container);
                        const ProgressPanelClass = this._getProgressPanelComponent();
                        this._progressPanel = new ProgressPanelClass($progressPanelElement, (0, _extend.extend)({}, options, {
                            onOperationClosed: _ref2 => {
                                let {
                                    info: info
                                } = _ref2;
                                return this._onProgressPanelOperationClosed(info)
                            }
                        }))
                    } else {
                        this._progressPanel.$element().appendTo(container)
                    }
                }
                _getProgressPanelComponent() {
                    return _uiFile_managerNotification.default
                }
                _onProgressPanelOperationClosed(operationInfo) {
                    if (operationInfo.hasError) {
                        this._failedOperationCount -= 1;
                        this.tryHideActionProgress()
                    }
                }
                tryHideActionProgress() {
                    if (this.hasNoOperations()) {
                        this._updateActionProgress("", ACTION_PROGRESS_STATUS_default)
                    }
                }
                updateActionProgressStatus(operationInfo) {
                    if (operationInfo) {
                        const status = 0 === this._failedOperationCount ? ACTION_PROGRESS_STATUS_success : ACTION_PROGRESS_STATUS_error;
                        this._updateActionProgress("", status)
                    }
                }
                _notifyError(errorInfo) {
                    const status = this.hasNoOperations() ? ACTION_PROGRESS_STATUS_default : ACTION_PROGRESS_STATUS_error;
                    this._updateActionProgress(errorInfo.commonErrorText, status)
                }
                _updateActionProgress(message, status) {
                    this._actionProgressStatus = status;
                    this._raiseActionProgress(message, status)
                }
                hasNoOperations() {
                    return 0 === this._operationInProgressCount && 0 === this._failedOperationCount
                }
                get _operationInProgressCount() {
                    return this._operationInProgressCountInternal
                }
                set _operationInProgressCount(value) {
                    this._operationInProgressCountInternal = value
                }
                get _failedOperationCount() {
                    return this._failedOperationCountInternal
                }
                set _failedOperationCount(value) {
                    this._failedOperationCountInternal = value
                }
            }
        },
        32293(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ../../../ui/drop_down_button */ 56582);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _toolbar = _interopRequireDefault(__webpack_require__( /*! ../../../ui/toolbar */ 2850));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _uiFile_manager = __webpack_require__( /*! ../../ui/file_manager/ui.file_manager.common */ 62725);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DEFAULT_ITEM_CONFIGS = {
                showNavPane: {
                    location: "before"
                },
                create: {
                    location: "before",
                    compactMode: {
                        showText: "inMenu",
                        locateInMenu: "auto"
                    }
                },
                upload: {
                    location: "before",
                    compactMode: {
                        showText: "inMenu",
                        locateInMenu: "auto"
                    }
                },
                refresh: {
                    location: "after",
                    showText: "inMenu",
                    cssClass: "dx-filemanager-toolbar-has-large-icon",
                    compactMode: {
                        showText: "inMenu",
                        locateInMenu: "auto"
                    }
                },
                switchView: {
                    location: "after"
                },
                download: {
                    location: "before",
                    compactMode: {
                        showText: "inMenu",
                        locateInMenu: "auto"
                    }
                },
                move: {
                    location: "before",
                    compactMode: {
                        showText: "inMenu",
                        locateInMenu: "auto"
                    }
                },
                copy: {
                    location: "before",
                    compactMode: {
                        showText: "inMenu",
                        locateInMenu: "auto"
                    }
                },
                rename: {
                    location: "before",
                    compactMode: {
                        showText: "inMenu",
                        locateInMenu: "auto"
                    }
                },
                delete: {
                    location: "before",
                    compactMode: {
                        showText: "inMenu"
                    }
                },
                clearSelection: {
                    location: "after",
                    locateInMenu: "never",
                    compactMode: {
                        showText: "inMenu"
                    }
                },
                separator: {
                    location: "before"
                }
            };
            const DEFAULT_ITEM_ALLOWED_PROPERTIES = ["visible", "location", "locateInMenu", "disabled", "showText"];
            const DEFAULT_ITEM_ALLOWED_OPTION_PROPERTIES = ["accessKey", "elementAttr", "height", "hint", "icon", "stylingMode", "tabIndex", "text", "width"];
            const ALWAYS_VISIBLE_TOOLBAR_ITEMS = ["separator", "switchView"];
            const REFRESH_ICON_MAP = {
                default: "dx-filemanager-i dx-filemanager-i-refresh",
                progress: "dx-filemanager-i dx-filemanager-i-progress",
                success: "dx-filemanager-i dx-filemanager-i-done",
                error: "dx-filemanager-i dx-filemanager-i-danger"
            };
            class FileManagerToolbar extends _widget.default {
                _init() {
                    super._init();
                    this._generalToolbarVisible = true;
                    this._refreshItemState = {
                        message: "",
                        status: "default"
                    }
                }
                _initMarkup() {
                    this._createItemClickedAction();
                    const {
                        generalItems: generalItems,
                        fileItems: fileItems
                    } = this.option();
                    this._$viewSwitcherPopup = (0, _renderer.default)("<div>").addClass("dx-filemanager-view-switcher-popup");
                    this._generalToolbar = this._createToolbar(generalItems, !this._generalToolbarVisible);
                    this._fileToolbar = this._createToolbar(fileItems, this._generalToolbarVisible);
                    this._$viewSwitcherPopup.appendTo(this.$element());
                    this.$element().addClass("dx-filemanager-toolbar dx-filemanager-general-toolbar")
                }
                _render() {
                    super._render();
                    const toolbar = this._getVisibleToolbar();
                    this._checkCompactMode(toolbar)
                }
                _clean() {
                    delete this._commandManager;
                    delete this._itemClickedAction;
                    delete this._$viewSwitcherPopup;
                    delete this._generalToolbar;
                    delete this._fileToolbar;
                    super._clean()
                }
                _dimensionChanged(dimension) {
                    if (!dimension || "height" !== dimension) {
                        const toolbar = this._getVisibleToolbar();
                        this._checkCompactMode(toolbar)
                    }
                }
                _getVisibleToolbar() {
                    return this._generalToolbarVisible ? this._generalToolbar : this._fileToolbar
                }
                _createToolbar(items, hidden) {
                    const toolbarItems = this._getPreparedItems(items);
                    const $toolbar = (0, _renderer.default)("<div>").appendTo(this.$element());
                    const toolbar = this._createComponent($toolbar, _toolbar.default, {
                        items: toolbarItems,
                        visible: !hidden,
                        onItemClick: args => this._raiseItemClicked(args)
                    });
                    toolbar.compactMode = false;
                    return toolbar
                }
                _getPreparedItems(items) {
                    items = items.map(item => {
                        let extendedItem = item;
                        if ((0, _type.isString)(item)) {
                            extendedItem = {
                                name: item
                            }
                        }
                        const commandName = extendedItem.name;
                        const preparedItem = this._configureItemByCommandName(commandName, extendedItem);
                        preparedItem.originalItemData = item;
                        if ("separator" !== commandName) {
                            this._setItemVisibleAvailable(preparedItem)
                        }
                        return preparedItem
                    });
                    this._updateSeparatorsVisibility(items);
                    return items
                }
                _updateSeparatorsVisibility(items, toolbar) {
                    let hasModifications = false;
                    const menuItems = this._getMenuItems(toolbar);
                    const hasItemsBefore = {
                        before: false,
                        center: false,
                        after: false
                    };
                    const itemGroups = {
                        before: this._getItemsInGroup(items, menuItems, "before"),
                        center: this._getItemsInGroup(items, menuItems, "center"),
                        after: this._getItemsInGroup(items, menuItems, "after")
                    };
                    items.forEach(item => {
                        const itemLocation = item.location;
                        if ("separator" === item.name) {
                            const isSeparatorVisible = hasItemsBefore[itemLocation] && this._groupHasItemsAfter(itemGroups[itemLocation]);
                            if (item.visible !== isSeparatorVisible) {
                                hasModifications = true;
                                item.visible = isSeparatorVisible
                            }
                            hasItemsBefore[itemLocation] = false
                        } else {
                            if (!this._isItemInMenu(menuItems, item)) {
                                hasItemsBefore[itemLocation] = hasItemsBefore[itemLocation] || item.visible
                            }
                            itemGroups[itemLocation].shift()
                        }
                    });
                    if (toolbar && hasModifications) {
                        toolbar.repaint()
                    }
                    return hasModifications
                }
                _getMenuItems(toolbar) {
                    const result = toolbar ? toolbar._getMenuItems() : [];
                    return result.map(menuItem => menuItem.originalItemData)
                }
                _isItemInMenu(menuItems, item) {
                    return !!menuItems.length && "never" !== (0, _common.ensureDefined)(item.locateInMenu, "never") && -1 !== menuItems.indexOf(item.originalItemData)
                }
                _getItemsInGroup(items, menuItems, groupName) {
                    return items.filter(item => item.location === groupName && !this._isItemInMenu(menuItems, item))
                }
                _groupHasItemsAfter(items) {
                    for (let i = 0; i < items.length; i += 1) {
                        if ("separator" !== items[i].name && items[i].visible) {
                            return true
                        }
                    }
                    return false
                }
                _configureItemByCommandName(commandName, item) {
                    var _this$_commandManager, _result$options2;
                    let result = {};
                    const command = null === (_this$_commandManager = this._commandManager) || void 0 === _this$_commandManager ? void 0 : _this$_commandManager.getCommandByName(commandName);
                    if (command) {
                        result = this._createCommandItem(command)
                    }
                    switch (commandName) {
                        case "separator":
                            result = this._createSeparatorItem();
                            break;
                        case "switchView":
                            result = this._createViewModeItem()
                    }
                    if (this._isDefaultItem(commandName)) {
                        const defaultConfig = DEFAULT_ITEM_CONFIGS[commandName];
                        (0, _extend.extend)(true, result, defaultConfig);
                        let resultCssClass = result.cssClass || "";
                        (0, _uiFile_manager.extendAttributes)(result, item, DEFAULT_ITEM_ALLOWED_PROPERTIES);
                        if ((0, _type.isDefined)(item.options)) {
                            (0, _uiFile_manager.extendAttributes)(result.options, item.options, DEFAULT_ITEM_ALLOWED_OPTION_PROPERTIES)
                        }(0, _uiFile_manager.extendAttributes)(result.options, item, ["text", "icon"]);
                        if (item.cssClass) {
                            resultCssClass = `${resultCssClass} ${item.cssClass}`
                        }
                        if (resultCssClass) {
                            result.cssClass = resultCssClass
                        }
                        if (!(0, _type.isDefined)(item.visible)) {
                            result._autoHide = true
                        }
                        if ("dxButton" === result.widget) {
                            if ("inMenu" === result.showText && !(0, _type.isDefined)(result.options.hint)) {
                                result.options.hint = result.options.text
                            }
                            if (result.compactMode && !(0, _type.isDefined)(result.options.hint)) {
                                this._configureHintForCompactMode(result)
                            }
                        }
                    } else {
                        var _result$options;
                        (0, _extend.extend)(true, result, item);
                        if (!result.widget) {
                            result.widget = "dxButton"
                        }
                        if ("dxButton" === result.widget && !result.compactMode && !result.showText && null !== (_result$options = result.options) && void 0 !== _result$options && _result$options.icon && result.options.text) {
                            result.compactMode = {
                                showText: "inMenu"
                            }
                        }
                    }
                    if (commandName && !result.name) {
                        (0, _extend.extend)(result, {
                            name: commandName
                        })
                    }
                    result.location = (0, _common.ensureDefined)(result.location, "before");
                    if (!(0, _type.isDefined)(null === (_result$options2 = result.options) || void 0 === _result$options2 ? void 0 : _result$options2.stylingMode)) {
                        if ("dxButton" === result.widget) {
                            (0, _extend.extend)(true, result, {
                                options: {
                                    stylingMode: "text"
                                }
                            })
                        }
                        if ("dxSelectBox" === result.widget) {
                            (0, _extend.extend)(true, result, {
                                options: {
                                    stylingMode: "filled"
                                }
                            })
                        }
                    }
                    return result
                }
                _isDefaultItem(commandName) {
                    return !!DEFAULT_ITEM_CONFIGS[commandName]
                }
                _createCommandItem(command) {
                    return {
                        widget: "dxButton",
                        options: {
                            text: command.text,
                            hint: command.hint,
                            commandText: command.text,
                            icon: command.icon,
                            stylingMode: "text",
                            onClick: () => this._executeCommand(command)
                        }
                    }
                }
                _createSeparatorItem() {
                    return {
                        template: (_, __, element) => {
                            (0, _renderer.default)(element).addClass("dx-filemanager-toolbar-separator-item")
                        }
                    }
                }
                _createViewModeItem() {
                    const commandItems = ["details", "thumbnails"].map(name => {
                        var _this$_commandManager2;
                        const {
                            text: text,
                            icon: icon
                        } = (null === (_this$_commandManager2 = this._commandManager) || void 0 === _this$_commandManager2 ? void 0 : _this$_commandManager2.getCommandByName(name)) ?? {};
                        return {
                            name: name,
                            text: text,
                            icon: icon
                        }
                    });
                    const {
                        itemViewMode: itemViewMode
                    } = this.option();
                    const selectedIndex = "thumbnails" === itemViewMode ? 1 : 0;
                    const dropDownOptions = {
                        container: this._$viewSwitcherPopup
                    };
                    if ((0, _themes.isMaterial)((0, _themes.current)())) {
                        dropDownOptions.width = (0, _themes.isCompact)((0, _themes.current)()) ? 28 : 36
                    } else if ((0, _themes.isFluent)((0, _themes.current)())) {
                        dropDownOptions.width = (0, _themes.isCompact)((0, _themes.current)()) ? 34 : 40
                    }
                    return {
                        cssClass: "dx-filemanager-toolbar-viewmode-item",
                        widget: "dxDropDownButton",
                        options: {
                            items: commandItems,
                            keyExpr: "name",
                            selectedItemKey: itemViewMode,
                            displayExpr: " ",
                            hint: commandItems[selectedIndex].text,
                            stylingMode: "text",
                            showArrowIcon: false,
                            useSelectMode: true,
                            dropDownOptions: dropDownOptions,
                            onItemClick: e => this._executeCommand(e.itemData.name)
                        }
                    }
                }
                _configureHintForCompactMode(item) {
                    item.options.hint = "";
                    item.compactMode.options = item.compactMode.options || {};
                    item.compactMode.options.hint = item.options.text
                }
                _checkCompactMode(toolbar) {
                    if (toolbar.compactMode) {
                        this._toggleCompactMode(toolbar, false)
                    }
                    const useCompactMode = this._toolbarHasItemsOverflow(toolbar);
                    if (toolbar.compactMode !== useCompactMode) {
                        if (!toolbar.compactMode) {
                            this._toggleCompactMode(toolbar, useCompactMode)
                        }
                        toolbar.compactMode = useCompactMode
                    } else if (toolbar.compactMode) {
                        this._toggleCompactMode(toolbar, true)
                    }
                }
                _toolbarHasItemsOverflow(toolbar) {
                    const toolbarWidth = (0, _size.getWidth)(toolbar.$element());
                    const itemsWidth = toolbar._getItemsWidth();
                    return toolbarWidth < itemsWidth
                }
                _toggleCompactMode(toolbar, useCompactMode) {
                    let hasModifications = false;
                    const {
                        items: items
                    } = toolbar.option();
                    null === items || void 0 === items || items.forEach(item => {
                        if (item.compactMode) {
                            let optionsSource = null;
                            if (useCompactMode) {
                                item.saved = this._getCompactModeOptions(item, item._available);
                                optionsSource = item.compactMode
                            } else {
                                optionsSource = item.saved
                            }
                            const options = this._getCompactModeOptions(optionsSource, item._available);
                            (0, _extend.extend)(true, item, options);
                            hasModifications = true
                        }
                    });
                    hasModifications = this._updateSeparatorsVisibility(items) || hasModifications;
                    if (hasModifications) {
                        toolbar.repaint()
                    }
                    this._updateSeparatorsVisibility(items, toolbar)
                }
                _getCompactModeOptions(optionsSource, available) {
                    const {
                        showText: showText,
                        locateInMenu: locateInMenu,
                        options: options
                    } = optionsSource || {};
                    return {
                        visible: available,
                        showText: (0, _common.ensureDefined)(showText, "always"),
                        locateInMenu: (0, _common.ensureDefined)(locateInMenu, "never"),
                        options: {
                            hint: null === options || void 0 === options ? void 0 : options.hint
                        }
                    }
                }
                _ensureAvailableCommandsVisible(toolbar) {
                    let hasModifications = false;
                    const items = toolbar.option("items");
                    items.forEach(item => {
                        if ("separator" !== item.name) {
                            const itemVisible = item._available;
                            this._setItemVisibleAvailable(item);
                            if (item._available !== itemVisible) {
                                hasModifications = true
                            }
                        }
                    });
                    hasModifications = this._updateSeparatorsVisibility(items) || hasModifications;
                    if (hasModifications) {
                        toolbar.repaint()
                    }
                    this._updateSeparatorsVisibility(items, toolbar)
                }
                _setItemVisibleAvailable(item) {
                    var _item$originalItemDat;
                    const originalVisible = null === (_item$originalItemDat = item.originalItemData) || void 0 === _item$originalItemDat ? void 0 : _item$originalItemDat.visible;
                    item._available = this._isToolbarItemAvailable(item);
                    item.visible = (0, _type.isDefined)(originalVisible) ? originalVisible : item._available
                }
                _fileToolbarHasEffectiveItems() {
                    var _this$_fileToolbar;
                    const {
                        items: items
                    } = (null === (_this$_fileToolbar = this._fileToolbar) || void 0 === _this$_fileToolbar ? void 0 : _this$_fileToolbar.option()) ?? {};
                    return null === items || void 0 === items ? void 0 : items.some(item => this._isFileToolbarItemAvailable(item))
                }
                _executeCommand(command) {
                    var _this$_commandManager3;
                    null === (_this$_commandManager3 = this._commandManager) || void 0 === _this$_commandManager3 || _this$_commandManager3.executeCommand(command)
                }
                _isToolbarItemAvailable(toolbarItem) {
                    if (!this._isDefaultItem(toolbarItem.name) || !toolbarItem._autoHide) {
                        return (0, _common.ensureDefined)(toolbarItem.visible, true)
                    }
                    if ("refresh" === toolbarItem.name) {
                        return this._generalToolbarVisible || !!this._isRefreshVisibleInFileToolbar
                    }
                    if (ALWAYS_VISIBLE_TOOLBAR_ITEMS.includes(toolbarItem.name)) {
                        return true
                    }
                    return this._isCommandAvailable(toolbarItem.name)
                }
                _isFileToolbarItemAvailable(_ref) {
                    let {
                        name: name,
                        visible: visible
                    } = _ref;
                    return !this._isDefaultItem(name) && (0, _common.ensureDefined)(visible, true) || "clearSelection" !== name && "refresh" !== name && this._isCommandAvailable(name)
                }
                _isCommandAvailable(name) {
                    var _this$_commandManager4;
                    const {
                        contextItems: contextItems
                    } = this.option();
                    return !!(null !== (_this$_commandManager4 = this._commandManager) && void 0 !== _this$_commandManager4 && _this$_commandManager4.isCommandAvailable(name, contextItems))
                }
                _updateItemInToolbar(toolbar, commandName, options) {
                    toolbar.beginUpdate();
                    const {
                        items: items
                    } = toolbar.option();
                    if (null !== items && void 0 !== items && items.length) {
                        for (let i = 0; i < (null === items || void 0 === items ? void 0 : items.length); i += 1) {
                            const item = null === items || void 0 === items ? void 0 : items[i];
                            if (item.name === commandName) {
                                toolbar.option(`items[${i}]`, options);
                                break
                            }
                        }
                    }
                    toolbar.endUpdate()
                }
                _raiseItemClicked(args) {
                    var _this$_itemClickedAct;
                    const changedArgs = (0, _extend.extend)(true, {}, args);
                    changedArgs.itemData = args.itemData.originalItemData;
                    null === (_this$_itemClickedAct = this._itemClickedAction) || void 0 === _this$_itemClickedAct || _this$_itemClickedAct.call(this, changedArgs)
                }
                _createItemClickedAction() {
                    this._itemClickedAction = this._createActionByOption("onItemClick")
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        commandManager: void 0,
                        generalItems: [],
                        fileItems: [],
                        contextItems: [],
                        itemViewMode: "details",
                        onItemClick: void 0
                    })
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "commandManager":
                        case "itemViewMode":
                        case "generalItems":
                        case "fileItems":
                            this.repaint();
                            break;
                        case "contextItems":
                            this._update();
                            break;
                        case "onItemClick":
                            this._itemClickedAction = this._createActionByOption(name);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                updateItemPermissions() {
                    this.repaint();
                    this._restoreRefreshItemState()
                }
                _restoreRefreshItemState() {
                    var _this$_refreshItemSta, _this$_refreshItemSta2;
                    this.updateRefreshItem(null === (_this$_refreshItemSta = this._refreshItemState) || void 0 === _this$_refreshItemSta ? void 0 : _this$_refreshItemSta.message, null === (_this$_refreshItemSta2 = this._refreshItemState) || void 0 === _this$_refreshItemSta2 ? void 0 : _this$_refreshItemSta2.status)
                }
                updateRefreshItem(message, status) {
                    let generalToolbarOptions = null;
                    let text = _message.default.format("dxFileManager-commandRefresh");
                    let showText = "inMenu";
                    this._isRefreshVisibleInFileToolbar = false;
                    this._refreshItemState = {
                        message: message,
                        status: status
                    };
                    if ("default" === status) {
                        generalToolbarOptions = {
                            options: {
                                icon: REFRESH_ICON_MAP.default
                            }
                        }
                    } else {
                        generalToolbarOptions = {
                            options: {
                                icon: REFRESH_ICON_MAP[status]
                            }
                        };
                        this._isRefreshVisibleInFileToolbar = true;
                        text = message;
                        showText = "always"
                    }
                    const fileToolbarOptions = (0, _extend.extend)({}, generalToolbarOptions, {
                        visible: this._isRefreshVisibleInFileToolbar
                    });
                    this._applyRefreshItemOptions(generalToolbarOptions, fileToolbarOptions);
                    this._refreshItemTextTimeout = this._updateRefreshItemText("progress" === status, text, showText)
                }
                _updateRefreshItemText(isDeferredUpdate, text, showText) {
                    const options = {
                        showText: showText,
                        options: {
                            text: text
                        }
                    };
                    if (isDeferredUpdate) {
                        return setTimeout(() => {
                            this._applyRefreshItemOptions(options);
                            this._refreshItemTextTimeout = void 0
                        }, 500)
                    }
                    if (this._refreshItemTextTimeout) {
                        clearTimeout(this._refreshItemTextTimeout)
                    }
                    this._applyRefreshItemOptions(options);
                    return
                }
                _applyRefreshItemOptions(generalToolbarOptions, fileToolbarOptions) {
                    if (!fileToolbarOptions) {
                        fileToolbarOptions = (0, _extend.extend)({}, generalToolbarOptions)
                    }
                    this._updateItemInToolbar(this._generalToolbar, "refresh", generalToolbarOptions);
                    this._updateItemInToolbar(this._fileToolbar, "refresh", fileToolbarOptions)
                }
                _update() {
                    const {
                        contextItems: contextItems
                    } = this.option();
                    const showGeneralToolbar = 0 === contextItems.length || !this._fileToolbarHasEffectiveItems();
                    if (this._generalToolbarVisible !== showGeneralToolbar) {
                        var _this$_generalToolbar, _this$_fileToolbar2;
                        null === (_this$_generalToolbar = this._generalToolbar) || void 0 === _this$_generalToolbar || _this$_generalToolbar.option("visible", showGeneralToolbar);
                        null === (_this$_fileToolbar2 = this._fileToolbar) || void 0 === _this$_fileToolbar2 || _this$_fileToolbar2.option("visible", !showGeneralToolbar);
                        this._generalToolbarVisible = showGeneralToolbar;
                        this.$element().toggleClass("dx-filemanager-general-toolbar", showGeneralToolbar);
                        this.$element().toggleClass("dx-filemanager-file-toolbar", !showGeneralToolbar)
                    }
                    const toolbar = this._getVisibleToolbar();
                    this._ensureAvailableCommandsVisible(toolbar);
                    this._checkCompactMode(toolbar)
                }
                get _commandManager() {
                    const {
                        commandManager: commandManager
                    } = this.option();
                    return commandManager
                }
            }
            exports.default = FileManagerToolbar
        },
        6355(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.FileBlobReader = void 0;
            exports.FileBlobReader = class {
                constructor(file, chunkSize) {
                    this.file = file;
                    this.chunkSize = chunkSize;
                    this.index = 0
                }
                read() {
                    if (!this.file) {
                        return null
                    }
                    const result = this.createBlobResult(this.file, this.index, this.chunkSize);
                    if (result.isCompleted) {
                        this.file = null
                    }
                    this.index += 1;
                    return result
                }
                createBlobResult(file, index, chunkSize) {
                    const currentPosition = index * chunkSize;
                    return {
                        blob: this.sliceFile(file, currentPosition, chunkSize),
                        index: index,
                        isCompleted: currentPosition + chunkSize >= file.size
                    }
                }
                sliceFile(file, startPos, length) {
                    if (file.slice) {
                        return file.slice(startPos, startPos + length)
                    }
                    if ("webkitSlice" in file && "function" === typeof file.webkitSlice) {
                        return file.webkitSlice(startPos, startPos + length)
                    }
                    return null
                }
            }
        },
        36624(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.FileUploadStrategyBase = void 0;
            var _deferred2 = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _m_deferred = __webpack_require__( /*! ../../core/utils/m_deferred */ 77117);
            exports.FileUploadStrategyBase = class {
                constructor(fileUploader) {
                    this.fileUploader = fileUploader
                }
                upload(file) {
                    if (file.isInitialized && file.isAborted) {
                        var _this$fileUploader;
                        null === (_this$fileUploader = this.fileUploader) || void 0 === _this$fileUploader || _this$fileUploader._resetFileState(file)
                    }
                    if (file.isValid() && !file.uploadStarted) {
                        this._prepareFileBeforeUpload(file);
                        this._uploadCore(file)
                    }
                }
                abortUpload(file) {
                    var _file$request;
                    if (file._isError || file._isLoaded || file.isAborted || !file.uploadStarted) {
                        return
                    }
                    file.isAborted = true;
                    null === (_file$request = file.request) || void 0 === _file$request || _file$request.abort();
                    if (this._isCustomCallback("abortUpload")) {
                        const {
                            abortUpload: abortUpload
                        } = this.fileUploader.option();
                        const arg = this._createUploadArgument(file);
                        let deferred = null;
                        try {
                            const result = null === abortUpload || void 0 === abortUpload ? void 0 : abortUpload(file.value, arg);
                            deferred = (0, _m_deferred.fromPromise)(result)
                        } catch (error) {
                            deferred = (0, _deferred2.Deferred)().reject(error).promise()
                        }
                        if (deferred && "done" in deferred) {
                            var _deferred;
                            null === (_deferred = deferred) || void 0 === _deferred || _deferred.done(() => file.onAbort.fire()).fail(error => this._handleFileError(file, error))
                        }
                    }
                }
                _beforeSend(xhr, file) {
                    var _this$fileUploader$_b, _this$fileUploader2;
                    const arg = this._createUploadArgument(file);
                    null === (_this$fileUploader$_b = (_this$fileUploader2 = this.fileUploader)._beforeSendAction) || void 0 === _this$fileUploader$_b || _this$fileUploader$_b.call(_this$fileUploader2, {
                        request: xhr,
                        file: file.value,
                        uploadInfo: arg
                    });
                    file.request = xhr
                }
                _createUploadArgument(_file) {
                    return {
                        bytesUploaded: 0,
                        chunkCount: 0,
                        customData: {},
                        chunkBlob: new Blob,
                        chunkIndex: 0
                    }
                }
                _uploadCore(_file) {}
                _isCustomCallback(name) {
                    var _this$fileUploader3;
                    const callback = null === (_this$fileUploader3 = this.fileUploader) || void 0 === _this$fileUploader3 ? void 0 : _this$fileUploader3.option(name);
                    return callback && (0, _type.isFunction)(callback)
                }
                _handleProgress(file, e) {
                    if (file._isError) {
                        return
                    }
                    file._isProgressStarted = true;
                    this._handleProgressCore(file, e)
                }
                _handleProgressCore(_file, _e) {}
                _handleFileError(file, error) {
                    file._isError = true;
                    file.onError.fire(error)
                }
                _prepareFileBeforeUpload(file) {
                    if (file.$file) {
                        var _file$progressBar;
                        null === (_file$progressBar = file.progressBar) || void 0 === _file$progressBar || _file$progressBar.dispose();
                        this.fileUploader._createFileProgressBar(file)
                    }
                    if (file.isInitialized) {
                        return
                    }
                    file.onLoadStart.add(this._onUploadStarted.bind(this, file));
                    file.onLoad.add(this._onLoadedHandler.bind(this, file));
                    file.onError.add(this._onErrorHandler.bind(this, file));
                    file.onAbort.add(this._onAbortHandler.bind(this, file));
                    file.onProgress.add(this._onProgressHandler.bind(this, file));
                    file.isInitialized = true
                }
                _shouldHandleError(file, e) {
                    return (this._isStatusError(e.status) || !file._isProgressStarted) && !file.isAborted
                }
                _isStatusError(status) {
                    return status >= 400 && status < 500 || status >= 500 && status < 600
                }
                _onUploadStarted(file, e) {
                    var _this$fileUploader4, _this$fileUploader4$_;
                    file.uploadStarted = true;
                    null === (_this$fileUploader4 = this.fileUploader) || void 0 === _this$fileUploader4 || null === (_this$fileUploader4$_ = _this$fileUploader4._uploadStartedAction) || void 0 === _this$fileUploader4$_ || _this$fileUploader4$_.call(_this$fileUploader4, {
                        file: file.value,
                        event: e,
                        request: file.request
                    })
                }
                _onAbortHandler(file, e) {
                    var _this$fileUploader5, _this$fileUploader$_u, _this$fileUploader6;
                    const args = {
                        file: file.value,
                        event: e,
                        request: file.request,
                        message: null === (_this$fileUploader5 = this.fileUploader) || void 0 === _this$fileUploader5 ? void 0 : _this$fileUploader5._getUploadAbortedStatusMessage()
                    };
                    null === (_this$fileUploader$_u = (_this$fileUploader6 = this.fileUploader)._uploadAbortedAction) || void 0 === _this$fileUploader$_u || _this$fileUploader$_u.call(_this$fileUploader6, args);
                    this.fileUploader._setStatusMessage(file, args.message);
                    this.fileUploader._handleAllFilesUploaded()
                }
                _onErrorHandler(file, error) {
                    var _this$fileUploader$_u2, _this$fileUploader7, _this$fileUploader$_s, _this$fileUploader8;
                    const {
                        uploadFailedMessage: uploadFailedMessage
                    } = this.fileUploader.option();
                    const args = {
                        file: file.value,
                        event: void 0,
                        request: file.request,
                        error: error,
                        message: uploadFailedMessage
                    };
                    null === (_this$fileUploader$_u2 = (_this$fileUploader7 = this.fileUploader)._uploadErrorAction) || void 0 === _this$fileUploader$_u2 || _this$fileUploader$_u2.call(_this$fileUploader7, args);
                    null === (_this$fileUploader$_s = (_this$fileUploader8 = this.fileUploader)._setStatusMessage) || void 0 === _this$fileUploader$_s || _this$fileUploader$_s.call(_this$fileUploader8, file, args.message);
                    this.fileUploader._handleAllFilesUploaded()
                }
                _onLoadedHandler(file, e) {
                    var _this$fileUploader$_u3, _this$fileUploader9;
                    const {
                        uploadedMessage: uploadedMessage
                    } = this.fileUploader.option();
                    const args = {
                        file: file.value,
                        event: e,
                        request: file.request,
                        message: uploadedMessage
                    };
                    file._isLoaded = true;
                    null === (_this$fileUploader$_u3 = (_this$fileUploader9 = this.fileUploader)._uploadedAction) || void 0 === _this$fileUploader$_u3 || _this$fileUploader$_u3.call(_this$fileUploader9, args);
                    this.fileUploader._setStatusMessage(file, args.message);
                    this.fileUploader._handleAllFilesUploaded()
                }
                _onProgressHandler(file, e) {
                    if (file) {
                        const totalFilesSize = this.fileUploader._getTotalFilesSize();
                        const totalLoadedFilesSize = this.fileUploader._getTotalLoadedFilesSize();
                        const loaded = e.loaded ?? 0;
                        const loadedSize = Math.min(loaded, file.value.size);
                        const segmentSize = loadedSize - file.loadedSize;
                        file.loadedSize = loadedSize;
                        this.fileUploader._updateTotalProgress(totalFilesSize, totalLoadedFilesSize + segmentSize);
                        this.fileUploader._updateProgressBar(file, this._getLoadedData(loadedSize, e.total, segmentSize, e))
                    }
                }
                _getLoadedData(loaded, total, currentSegmentSize, _event) {
                    return {
                        loaded: loaded,
                        total: total,
                        currentSegmentSize: currentSegmentSize
                    }
                }
                _extendFormData(formData) {
                    const {
                        uploadCustomData: formDataEntries
                    } = this.fileUploader.option();
                    for (const entryName in formDataEntries) {
                        if (Object.prototype.hasOwnProperty.call(formDataEntries, entryName) && (0, _type.isDefined)(formDataEntries[entryName])) {
                            formData.append(entryName, formDataEntries[entryName])
                        }
                    }
                }
            }
        },
        62868(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ChunksFileUploadStrategyBase = void 0;
            var _guid = (e = __webpack_require__( /*! ../../../core/guid */ 19427), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _file_blob_reader = __webpack_require__( /*! ../../ui/file_uploader/file_blob_reader */ 6355);
            var _file_upload_strategy = __webpack_require__( /*! ../../ui/file_uploader/file_upload_strategy.base */ 36624);
            class ChunksFileUploadStrategyBase extends _file_upload_strategy.FileUploadStrategyBase {
                constructor(fileUploader) {
                    super(fileUploader);
                    const {
                        chunkSize: chunkSize
                    } = this.fileUploader.option();
                    this.chunkSize = chunkSize ?? 0
                }
                _uploadCore(file) {
                    const realFile = file.value;
                    const chunksData = {
                        name: realFile.name,
                        loadedBytes: 0,
                        type: realFile.type,
                        blobReader: new _file_blob_reader.FileBlobReader(realFile, this.chunkSize),
                        guid: new _guid.default,
                        fileSize: realFile.size,
                        count: this._getFileChunksCount(realFile),
                        customData: {}
                    };
                    file.chunksData = chunksData;
                    this._sendChunk(file, chunksData)
                }
                _getFileChunksCount(jsFile) {
                    return 0 === jsFile.size ? 1 : Math.ceil(jsFile.size / this.chunkSize)
                }
                _sendChunk(file, chunksData) {
                    const chunk = chunksData.blobReader.read();
                    chunksData.currentChunk = chunk;
                    if (chunk) {
                        this._sendChunkCore(file, chunksData, chunk).done(() => {
                            var _chunk$blob;
                            if (file.isAborted) {
                                return
                            }
                            chunksData.loadedBytes += (null === (_chunk$blob = chunk.blob) || void 0 === _chunk$blob ? void 0 : _chunk$blob.size) ?? 0;
                            file.onProgress.fire({
                                loaded: chunksData.loadedBytes,
                                total: file.value.size
                            });
                            if (chunk.isCompleted) {
                                file.onLoad.fire()
                            }
                            setTimeout(() => this._sendChunk(file, chunksData))
                        }).fail(error => {
                            if (this._shouldHandleError(file, error)) {
                                this._handleFileError(file, error)
                            }
                        })
                    }
                }
                _sendChunkCore(_file, _chunksData, _chunk) {
                    return (0, _deferred.Deferred)().reject()
                }
                _tryRaiseStartLoad(file) {
                    if (!file.isStartLoad) {
                        file.isStartLoad = true;
                        file.onLoadStart.fire()
                    }
                }
                _getEvent(_e) {
                    return null
                }
                _createUploadArgument(file) {
                    return this._createChunksInfo(file.chunksData)
                }
                _createChunksInfo(chunksData) {
                    var _chunksData$currentCh, _chunksData$currentCh2;
                    return {
                        bytesUploaded: (null === chunksData || void 0 === chunksData ? void 0 : chunksData.loadedBytes) ?? 0,
                        chunkCount: (null === chunksData || void 0 === chunksData ? void 0 : chunksData.count) ?? 0,
                        customData: (null === chunksData || void 0 === chunksData ? void 0 : chunksData.customData) ?? {},
                        chunkBlob: (null === chunksData || void 0 === chunksData || null === (_chunksData$currentCh = chunksData.currentChunk) || void 0 === _chunksData$currentCh ? void 0 : _chunksData$currentCh.blob) ?? new Blob,
                        chunkIndex: (null === chunksData || void 0 === chunksData || null === (_chunksData$currentCh2 = chunksData.currentChunk) || void 0 === _chunksData$currentCh2 ? void 0 : _chunksData$currentCh2.index) ?? 0
                    }
                }
            }
            exports.ChunksFileUploadStrategyBase = ChunksFileUploadStrategyBase
        },
        27250(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CustomChunksFileUploadStrategy = void 0;
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _m_deferred = __webpack_require__( /*! ../../core/utils/m_deferred */ 77117);
            var _file_upload_strategyChunks = __webpack_require__( /*! ../../ui/file_uploader/file_upload_strategy.chunks.base */ 62868);
            class CustomChunksFileUploadStrategy extends _file_upload_strategyChunks.ChunksFileUploadStrategyBase {
                _sendChunkCore(file, chunksData) {
                    this._tryRaiseStartLoad(file);
                    const chunksInfo = this._createChunksInfo(chunksData);
                    const {
                        uploadChunk: uploadChunk
                    } = this.fileUploader.option();
                    try {
                        const result = null === uploadChunk || void 0 === uploadChunk ? void 0 : uploadChunk(file.value, chunksInfo);
                        return (0, _m_deferred.fromPromise)(result)
                    } catch (error) {
                        return (0, _deferred.Deferred)().reject(error).promise()
                    }
                }
                _shouldHandleError(_file, _error) {
                    return true
                }
            }
            exports.CustomChunksFileUploadStrategy = CustomChunksFileUploadStrategy
        },
        16628(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DefaultChunksFileUploadStrategy = void 0;
            var _ajax = (e = __webpack_require__( /*! ../../../core/utils/ajax */ 78670), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _file_upload_strategyChunks = __webpack_require__( /*! ../../ui/file_uploader/file_upload_strategy.chunks.base */ 62868);
            class DefaultChunksFileUploadStrategy extends _file_upload_strategyChunks.ChunksFileUploadStrategyBase {
                _sendChunkCore(file, chunksData, chunk) {
                    const {
                        uploadUrl: uploadUrl,
                        uploadMethod: uploadMethod,
                        uploadHeaders: uploadHeaders,
                        name: name
                    } = this.fileUploader.option();
                    return _ajax.default.sendRequest({
                        url: uploadUrl,
                        method: uploadMethod,
                        headers: uploadHeaders,
                        beforeSend: xhr => this._beforeSend(xhr, file),
                        upload: {
                            onprogress: e => this._handleProgress(file, e),
                            onloadstart: () => this._tryRaiseStartLoad(file),
                            onabort: () => file.onAbort.fire()
                        },
                        data: this._createFormData({
                            fileName: chunksData.name,
                            blobName: name,
                            blob: chunk.blob,
                            index: chunk.index,
                            count: chunksData.count,
                            type: chunksData.type,
                            guid: chunksData.guid,
                            size: chunksData.fileSize
                        })
                    })
                }
                _createFormData(options) {
                    const formData = new window.FormData;
                    formData.append(options.blobName, options.blob);
                    formData.append("chunkMetadata", JSON.stringify({
                        FileName: options.fileName,
                        Index: options.index,
                        TotalCount: options.count,
                        FileSize: options.size,
                        FileType: options.type,
                        FileGuid: options.guid
                    }));
                    this._extendFormData(formData);
                    return formData
                }
            }
            exports.DefaultChunksFileUploadStrategy = DefaultChunksFileUploadStrategy
        },
        89531(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.WholeFileUploadStrategyBase = void 0;
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _file_upload_strategy = __webpack_require__( /*! ../../ui/file_uploader/file_upload_strategy.base */ 36624);
            class WholeFileUploadStrategyBase extends _file_upload_strategy.FileUploadStrategyBase {
                _uploadCore(file) {
                    file.loadedSize = 0;
                    const uploadFileDeferred = this._uploadFile(file);
                    if ("done" in uploadFileDeferred) {
                        uploadFileDeferred.done(() => {
                            if (!file.isAborted) {
                                file.onLoad.fire()
                            }
                        }).fail(error => {
                            if (this._shouldHandleError(file, error)) {
                                this._handleFileError(file, error)
                            }
                        })
                    }
                }
                _uploadFile(_file) {
                    return (0, _deferred.Deferred)().reject()
                }
                _handleProgressCore(file, e) {
                    file.onProgress.fire(e)
                }
                _getLoadedData(loaded, total, segmentSize, event) {
                    const result = super._getLoadedData(loaded, total, segmentSize, event);
                    result.event = event;
                    return result
                }
            }
            exports.WholeFileUploadStrategyBase = WholeFileUploadStrategyBase
        },
        16685(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CustomWholeFileUploadStrategy = void 0;
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _m_deferred = __webpack_require__( /*! ../../core/utils/m_deferred */ 77117);
            var _file_upload_strategyWhole = __webpack_require__( /*! ../../ui/file_uploader/file_upload_strategy.whole.base */ 89531);
            class CustomWholeFileUploadStrategy extends _file_upload_strategyWhole.WholeFileUploadStrategyBase {
                _uploadFile(file) {
                    file.onLoadStart.fire();
                    const progressCallback = loadedBytes => {
                        const arg = {
                            loaded: loadedBytes,
                            total: file.value.size
                        };
                        this._handleProgress(file, arg)
                    };
                    const {
                        uploadFile: uploadFile
                    } = this.fileUploader.option();
                    try {
                        const result = null === uploadFile || void 0 === uploadFile ? void 0 : uploadFile(file.value, progressCallback);
                        return (0, _m_deferred.fromPromise)(result)
                    } catch (error) {
                        return (0, _deferred.Deferred)().reject(error).promise()
                    }
                }
                _shouldHandleError(_file, _e) {
                    return true
                }
            }
            exports.CustomWholeFileUploadStrategy = CustomWholeFileUploadStrategy
        },
        89661(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DefaultWholeFileUploadStrategy = void 0;
            var _ajax = (e = __webpack_require__( /*! ../../../core/utils/ajax */ 78670), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _file_upload_strategyWhole = __webpack_require__( /*! ../../ui/file_uploader/file_upload_strategy.whole.base */ 89531);
            class DefaultWholeFileUploadStrategy extends _file_upload_strategyWhole.WholeFileUploadStrategyBase {
                _uploadFile(file) {
                    const {
                        uploadUrl: uploadUrl,
                        uploadMethod: uploadMethod,
                        uploadHeaders: uploadHeaders,
                        name: name
                    } = this.fileUploader.option();
                    return _ajax.default.sendRequest({
                        url: uploadUrl,
                        method: uploadMethod,
                        headers: uploadHeaders,
                        beforeSend: xhr => this._beforeSend(xhr, file),
                        upload: {
                            onprogress: e => this._handleProgress(file, e),
                            onloadstart: () => file.onLoadStart.fire(),
                            onabort: () => file.onAbort.fire()
                        },
                        data: this._createFormData(name, file.value)
                    })
                }
                _createFormData(fieldName, fieldValue) {
                    const formData = new window.FormData;
                    formData.append(fieldName, fieldValue, null === fieldValue || void 0 === fieldValue ? void 0 : fieldValue.name);
                    this._extendFormData(formData);
                    return formData
                }
            }
            exports.DefaultWholeFileUploadStrategy = DefaultWholeFileUploadStrategy
        },
        95348(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.FILEUPLOADER_CLASS = exports.FILEUPLOADER_CANCEL_BUTTON_POSITION_END_CLASS = exports.FILEUPLOADER_CANCEL_BUTTON_CLASS = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/callbacks */ 84718));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../ui/button */ 64973));
            var _progress_bar = _interopRequireDefault(__webpack_require__( /*! ../../../ui/progress_bar */ 58436));
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _m_icon = __webpack_require__( /*! ../../core/utils/m_icon */ 42463);
            var _editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/editor/editor */ 24768));
            var _file_upload_strategyChunks = __webpack_require__( /*! ../../ui/file_uploader/file_upload_strategy.chunks.custom */ 27250);
            var _file_upload_strategyChunks2 = __webpack_require__( /*! ../../ui/file_uploader/file_upload_strategy.chunks.default */ 16628);
            var _file_upload_strategyWhole = __webpack_require__( /*! ../../ui/file_uploader/file_upload_strategy.whole.custom */ 16685);
            var _file_upload_strategyWhole2 = __webpack_require__( /*! ../../ui/file_uploader/file_upload_strategy.whole.default */ 89661);
            var _file_uploader = __webpack_require__( /*! ../../ui/file_uploader/file_uploader.utils */ 12587);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const FILEUPLOADER_CLASS = exports.FILEUPLOADER_CLASS = "dx-fileuploader";
            const FILEUPLOADER_CANCEL_BUTTON_CLASS = exports.FILEUPLOADER_CANCEL_BUTTON_CLASS = "dx-fileuploader-cancel-button";
            const FILEUPLOADER_CANCEL_BUTTON_POSITION_END_CLASS = exports.FILEUPLOADER_CANCEL_BUTTON_POSITION_END_CLASS = "dx-fileuploader-cancel-button-position-end";
            const isFormDataSupported = () => !!window.FormData;
            class FileUploader extends _editor.default {
                _supportedKeys() {
                    const click = e => {
                        e.preventDefault();
                        const $selectButton = this._selectButton.$element();
                        _events_engine.default.triggerHandler($selectButton, {
                            type: "dxclick"
                        })
                    };
                    return Object.assign({}, super._supportedKeys(), {
                        space: click,
                        enter: click
                    })
                }
                _setOptionsByReference() {
                    super._setOptionsByReference();
                    (0, _extend.extend)(this._optionsByReference, {
                        value: true
                    })
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        chunkSize: 0,
                        value: [],
                        selectButtonText: _message.default.format("dxFileUploader-selectFile"),
                        uploadButtonText: _message.default.format("dxFileUploader-upload"),
                        labelText: _message.default.format("dxFileUploader-dropFile"),
                        name: "files[]",
                        multiple: false,
                        accept: "",
                        uploadUrl: "/",
                        allowCanceling: true,
                        showFileList: true,
                        progress: 0,
                        dialogTrigger: void 0,
                        dropZone: void 0,
                        readyToUploadMessage: _message.default.format("dxFileUploader-readyToUpload"),
                        uploadedMessage: _message.default.format("dxFileUploader-uploaded"),
                        uploadFailedMessage: _message.default.format("dxFileUploader-uploadFailedMessage"),
                        uploadAbortedMessage: _message.default.format("dxFileUploader-uploadAbortedMessage"),
                        uploadMode: "instantly",
                        uploadMethod: "POST",
                        uploadHeaders: {},
                        uploadCustomData: {},
                        onBeforeSend: null,
                        onUploadStarted: null,
                        onUploaded: null,
                        onFilesUploaded: null,
                        onFileValidationError: null,
                        onProgress: null,
                        onUploadError: null,
                        onUploadAborted: null,
                        onDropZoneEnter: null,
                        onDropZoneLeave: null,
                        onCancelButtonClick: null,
                        onFileLimitReached: void 0,
                        allowedFileExtensions: [],
                        maxFileSize: 0,
                        minFileSize: 0,
                        inputAttr: {},
                        invalidFileExtensionMessage: _message.default.format("dxFileUploader-invalidFileExtension"),
                        invalidMaxFileSizeMessage: _message.default.format("dxFileUploader-invalidMaxFileSize"),
                        invalidMinFileSizeMessage: _message.default.format("dxFileUploader-invalidMinFileSize"),
                        extendSelection: true,
                        validationMessageMode: "always",
                        uploadFile: null,
                        uploadChunk: null,
                        abortUpload: null,
                        validationMessageOffset: {
                            h: 0,
                            v: 0
                        },
                        hoverStateEnabled: true,
                        useNativeInputClick: false,
                        useDragOver: true,
                        nativeDropSupported: true,
                        _uploadButtonType: "normal",
                        _buttonStylingMode: "contained",
                        _hideCancelButtonOnUpload: true,
                        _showFileIcon: false,
                        _cancelButtonPosition: "start",
                        _maxFileCount: void 0
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }, {
                        device: [{
                            platform: "android"
                        }],
                        options: {
                            validationMessageOffset: {
                                v: 0
                            }
                        }
                    }, {
                        device: () => "desktop" !== _devices.default.real().deviceType,
                        options: {
                            useDragOver: false,
                            nativeDropSupported: false,
                            labelText: ""
                        }
                    }, {
                        device: () => !isFormDataSupported(),
                        options: {
                            uploadMode: "useForm"
                        }
                    }, {
                        device: () => (0, _themes.isMaterial)((0, _themes.current)()),
                        options: {
                            _uploadButtonType: "default"
                        }
                    }, {
                        device: () => (0, _themes.isFluent)((0, _themes.current)()),
                        options: {
                            _buttonStylingMode: "text"
                        }
                    }])
                }
                _initOptions(options) {
                    const isLabelTextDefined = "labelText" in options;
                    super._initOptions(options);
                    if (!isLabelTextDefined && !this._shouldDragOverBeRendered()) {
                        this.option({
                            labelText: ""
                        })
                    }
                }
                _init() {
                    super._init();
                    this._initFileInput();
                    this._initLabel();
                    this._setUploadStrategy();
                    this._createFileLimitReachedAction();
                    this._createFiles();
                    this._createBeforeSendAction();
                    this._createUploadStartedAction();
                    this._createUploadedAction();
                    this._createFilesUploadedAction();
                    this._createFileValidationErrorAction();
                    this._createProgressAction();
                    this._createUploadErrorAction();
                    this._createUploadAbortedAction();
                    this._createDropZoneEnterAction();
                    this._createDropZoneLeaveAction();
                    this._createCancelButtonClickAction()
                }
                _setUploadStrategy() {
                    const {
                        chunkSize: chunkSize = 0
                    } = this.option();
                    if (chunkSize > 0) {
                        const {
                            uploadChunk: uploadChunk
                        } = this.option();
                        this._uploadStrategy = uploadChunk && (0, _type.isFunction)(uploadChunk) ? new _file_upload_strategyChunks.CustomChunksFileUploadStrategy(this) : new _file_upload_strategyChunks2.DefaultChunksFileUploadStrategy(this)
                    } else {
                        const {
                            uploadFile: uploadFile
                        } = this.option();
                        this._uploadStrategy = uploadFile && (0, _type.isFunction)(uploadFile) ? new _file_upload_strategyWhole.CustomWholeFileUploadStrategy(this) : new _file_upload_strategyWhole2.DefaultWholeFileUploadStrategy(this)
                    }
                }
                _initFileInput() {
                    this._isCustomClickEvent = false;
                    const {
                        multiple: multiple,
                        accept: accept,
                        hint: hint
                    } = this.option();
                    if (!this._$fileInput) {
                        this._$fileInput = (0, _renderer.default)("<input>").attr("type", "file");
                        _events_engine.default.on(this._$fileInput, "change", () => {
                            this._inputChangeHandler()
                        });
                        _events_engine.default.on(this._$fileInput, "click", e => {
                            e.stopPropagation();
                            this._resetInputValue();
                            const {
                                useNativeInputClick: useNativeInputClick
                            } = this.option();
                            return useNativeInputClick || this._isCustomClickEvent
                        })
                    }
                    const inputProps = {
                        multiple: multiple,
                        accept: accept,
                        tabIndex: -1
                    };
                    if ((0, _type.isDefined)(hint)) {
                        inputProps.title = hint
                    }
                    this._$fileInput.prop(inputProps)
                }
                _inputChangeHandler() {
                    if (this._doPreventInputChange) {
                        return
                    }
                    const fileName = this._$fileInput.val().replace(/^.*\\/, "");
                    const files = this._$fileInput.prop("files");
                    const {
                        uploadMode: uploadMode
                    } = this.option();
                    if (files && !files.length && "useForm" !== uploadMode) {
                        return
                    }
                    if (this._isFileLimitReached(files)) {
                        var _this$_fileLimitReach;
                        null === (_this$_fileLimitReach = this._fileLimitReachedAction) || void 0 === _this$_fileLimitReach || _this$_fileLimitReach.call(this);
                        return
                    }
                    const value = files ? this._getFiles(files) : [{
                        name: fileName
                    }];
                    this._changeValue(value);
                    if ("instantly" === uploadMode) {
                        this._uploadFiles()
                    }
                }
                _isFileLimitReached() {
                    let files = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
                    const {
                        _maxFileCount: _maxFileCount,
                        value: value
                    } = this.option();
                    if (void 0 === _maxFileCount) {
                        return false
                    }
                    const totalCount = files.length + ((null === value || void 0 === value ? void 0 : value.length) ?? 0);
                    const isFileLimitReached = totalCount > _maxFileCount;
                    return isFileLimitReached
                }
                _shouldFileListBeExtended() {
                    const {
                        uploadMode: uploadMode,
                        extendSelection: extendSelection,
                        multiple: multiple
                    } = this.option();
                    return Boolean("useForm" !== uploadMode && extendSelection && multiple)
                }
                _changeValue(value) {
                    const {
                        value: currentValue
                    } = this.option();
                    const files = this._shouldFileListBeExtended() ? null === currentValue || void 0 === currentValue ? void 0 : currentValue.slice() : [];
                    this.option({
                        value: null === files || void 0 === files ? void 0 : files.concat(value)
                    })
                }
                _getFiles(fileList) {
                    return [...fileList]
                }
                _getFile(fileData) {
                    var _this$_files;
                    const {
                        value: value
                    } = this.option();
                    const targetFileValue = (0, _type.isNumeric)(fileData) ? null === value || void 0 === value ? void 0 : value[fileData] : fileData;
                    return null === (_this$_files = this._files) || void 0 === _this$_files ? void 0 : _this$_files.filter(file => file.value === targetFileValue)[0]
                }
                _initLabel() {
                    if (!this._$inputLabel) {
                        this._$inputLabel = (0, _renderer.default)("<div>")
                    }
                    this._updateInputLabelText()
                }
                _updateInputLabelText() {
                    const {
                        labelText: labelText
                    } = this.option();
                    const correctedValue = this._isInteractionDisabled() ? "" : labelText;
                    this._$inputLabel.text(correctedValue ?? "")
                }
                _focusTarget() {
                    return this.$element().find(".dx-fileuploader-button")
                }
                _getSubmitElement() {
                    return this._$fileInput
                }
                _initMarkup() {
                    super._initMarkup();
                    this.$element().addClass(FILEUPLOADER_CLASS);
                    this._renderWrapper();
                    this._renderInputWrapper();
                    this._renderSelectButton();
                    this._renderInputContainer();
                    this._renderUploadButton();
                    this._preventRecreatingFiles = true;
                    this._activeDropZone = null
                }
                _render() {
                    const {
                        dropZone: dropZone
                    } = this.option();
                    this._preventRecreatingFiles = false;
                    this._attachDragEventHandlers(this._$inputWrapper);
                    this._attachDragEventHandlers(dropZone);
                    this._renderFiles();
                    super._render()
                }
                _createFileProgressBar(file) {
                    file.progressBar = this._createProgressBar(file.value.size);
                    if (file.$file) {
                        file.progressBar.$element().appendTo(file.$file)
                    }
                    this._initStatusMessage(file);
                    this._ensureCancelButtonInitialized(file)
                }
                _setStatusMessage(file) {
                    let message = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "";
                    setTimeout(() => {
                        const {
                            showFileList: showFileList
                        } = this.option();
                        if (showFileList) {
                            if (file.$statusMessage) {
                                var _file$progressBar;
                                file.$statusMessage.text(message);
                                file.$statusMessage.css("display", "");
                                null === (_file$progressBar = file.progressBar) || void 0 === _file$progressBar || _file$progressBar.$element().remove()
                            }
                        }
                    }, 400)
                }
                _getUploadAbortedStatusMessage() {
                    const {
                        uploadMode: uploadMode,
                        uploadAbortedMessage: uploadAbortedMessage,
                        readyToUploadMessage: readyToUploadMessage
                    } = this.option();
                    return "instantly" === uploadMode ? uploadAbortedMessage : readyToUploadMessage
                }
                _createFiles() {
                    const {
                        value: files
                    } = this.option();
                    if (this._isFileLimitReached()) {
                        var _this$_fileLimitReach2;
                        null === (_this$_fileLimitReach2 = this._fileLimitReachedAction) || void 0 === _this$_fileLimitReach2 || _this$_fileLimitReach2.call(this)
                    }
                    if (this._files && (0 === (null === files || void 0 === files ? void 0 : files.length) || !this._shouldFileListBeExtended())) {
                        this._preventFilesUploading(this._files);
                        this._files = null
                    }
                    if (!this._files) {
                        this._files = []
                    }
                    null === files || void 0 === files || files.slice(this._files.length).forEach(value => {
                        var _this$_files2;
                        const file = this._createFile(value);
                        this._validateFile(file);
                        null === (_this$_files2 = this._files) || void 0 === _this$_files2 || _this$_files2.push(file)
                    })
                }
                _preventFilesUploading(files) {
                    null === files || void 0 === files || files.forEach(file => this._uploadStrategy.abortUpload(file))
                }
                _validateFile(file) {
                    file.isValidFileExtension = this._validateFileExtension(file);
                    file.isValidMinSize = this._validateMinFileSize(file);
                    file.isValidMaxSize = this._validateMaxFileSize(file)
                }
                _validateFileExtension(file) {
                    const {
                        allowedFileExtensions: allowedFileExtensions
                    } = this.option();
                    if (!(null !== allowedFileExtensions && void 0 !== allowedFileExtensions && allowedFileExtensions.length)) {
                        return true
                    }
                    return this._isFileExtensionAllowed(file.value, allowedFileExtensions)
                }
                _validateMaxFileSize(file) {
                    const fileSize = file.value.size;
                    const {
                        maxFileSize: maxFileSize = 0
                    } = this.option();
                    return maxFileSize > 0 ? fileSize <= maxFileSize : true
                }
                _validateMinFileSize(file) {
                    const fileSize = file.value.size;
                    const {
                        minFileSize: minFileSize = 0
                    } = this.option();
                    return minFileSize > 0 ? fileSize >= minFileSize : true
                }
                _isFileExtensionAllowed(file, allowedExtensions) {
                    for (let i = 0, n = allowedExtensions.length; i < n; i += 1) {
                        let allowedExtension = allowedExtensions[i];
                        if (allowedExtension.startsWith(".")) {
                            allowedExtension = allowedExtension.replace(".", "\\.");
                            if (new RegExp(`${allowedExtension}$`, "i").exec(file.name)) {
                                return true
                            }
                        } else {
                            allowedExtension = allowedExtension.replace(new RegExp("\\*", "g"), "");
                            if (new RegExp(allowedExtension, "i").exec(file.type)) {
                                return true
                            }
                        }
                    }
                    return false
                }
                _createBeforeSendAction() {
                    this._beforeSendAction = this._createActionByOption("onBeforeSend", {
                        excludeValidators: ["readOnly"]
                    })
                }
                _createUploadStartedAction() {
                    this._uploadStartedAction = this._createActionByOption("onUploadStarted", {
                        excludeValidators: ["readOnly"]
                    })
                }
                _createUploadedAction() {
                    this._uploadedAction = this._createActionByOption("onUploaded", {
                        excludeValidators: ["readOnly"]
                    })
                }
                _createFilesUploadedAction() {
                    this._filesUploadedAction = this._createActionByOption("onFilesUploaded", {
                        excludeValidators: ["readOnly"]
                    })
                }
                _createFileValidationErrorAction() {
                    this._fileValidationErrorAction = this._createActionByOption("onFileValidationError", {
                        excludeValidators: ["readOnly"]
                    })
                }
                _createProgressAction() {
                    this._progressAction = this._createActionByOption("onProgress", {
                        excludeValidators: ["readOnly"]
                    })
                }
                _createUploadAbortedAction() {
                    this._uploadAbortedAction = this._createActionByOption("onUploadAborted", {
                        excludeValidators: ["readOnly"]
                    })
                }
                _createUploadErrorAction() {
                    this._uploadErrorAction = this._createActionByOption("onUploadError", {
                        excludeValidators: ["readOnly"]
                    })
                }
                _createDropZoneEnterAction() {
                    this._dropZoneEnterAction = this._createActionByOption("onDropZoneEnter")
                }
                _createDropZoneLeaveAction() {
                    this._dropZoneLeaveAction = this._createActionByOption("onDropZoneLeave")
                }
                _createCancelButtonClickAction() {
                    this._cancelButtonClickAction = this._createActionByOption("onCancelButtonClick", {
                        excludeValidators: ["readOnly"]
                    })
                }
                _createFileLimitReachedAction() {
                    this._fileLimitReachedAction = this._createActionByOption("onFileLimitReached", {
                        excludeValidators: ["readOnly"]
                    })
                }
                _createFile(value) {
                    return {
                        value: value,
                        loadedSize: 0,
                        onProgress: (0, _callbacks.default)(),
                        onAbort: (0, _callbacks.default)(),
                        onLoad: (0, _callbacks.default)(),
                        onError: (0, _callbacks.default)(),
                        onLoadStart: (0, _callbacks.default)(),
                        isValidFileExtension: true,
                        isValidMaxSize: true,
                        isValidMinSize: true,
                        isValid() {
                            return Boolean(this.isValidFileExtension) && Boolean(this.isValidMaxSize) && Boolean(this.isValidMinSize)
                        },
                        isInitialized: false
                    }
                }
                _resetFileState(file) {
                    file.isAborted = false;
                    file.uploadStarted = false;
                    file.isStartLoad = false;
                    file.loadedSize = 0;
                    file.chunksData = void 0;
                    file.request = void 0
                }
                _renderFiles() {
                    var _this$_files4, _this$_validationMess;
                    const {
                        value: value,
                        showFileList: showFileList
                    } = this.option();
                    if (!this._$filesContainer) {
                        this._$filesContainer = (0, _renderer.default)("<div>").addClass("dx-fileuploader-files-container").appendTo(this._$content)
                    } else if (!this._shouldFileListBeExtended() || 0 === (null === value || void 0 === value ? void 0 : value.length)) {
                        this._$filesContainer.empty()
                    }
                    if (showFileList) {
                        var _this$_files3;
                        null === (_this$_files3 = this._files) || void 0 === _this$_files3 || _this$_files3.forEach(file => {
                            if (!file.$file) {
                                this._renderFile(file)
                            }
                        })
                    }
                    this.$element().toggleClass("dx-fileuploader-show-file-list", showFileList);
                    this._toggleFileContainerAria(Boolean(showFileList && (null === (_this$_files4 = this._files) || void 0 === _this$_files4 ? void 0 : _this$_files4.length)));
                    this._toggleFileUploaderEmptyClassName();
                    this._updateFileNameMaxWidth();
                    null === (_this$_validationMess = this._validationMessage) || void 0 === _this$_validationMess || _this$_validationMess.repaint()
                }
                _toggleFileContainerAria(applyAria) {
                    var _this$_$filesContaine;
                    const aria = {
                        role: applyAria ? "list" : null,
                        "aria-label": applyAria ? _message.default.format("dxFileUploader-fileListLabel") : null
                    };
                    null === (_this$_$filesContaine = this._$filesContainer) || void 0 === _this$_$filesContaine || _this$_$filesContaine.attr(aria)
                }
                _renderFile(file) {
                    const {
                        value: value
                    } = file;
                    if (!this._$filesContainer) {
                        return
                    }
                    const $fileContainer = (0, _renderer.default)("<div>").addClass("dx-fileuploader-file-container").appendTo(this._$filesContainer).attr("role", "listitem");
                    this._renderFileIcon(value.name, $fileContainer);
                    file.$file = (0, _renderer.default)("<div>").addClass("dx-fileuploader-file").appendTo($fileContainer);
                    const $fileInfo = (0, _renderer.default)("<div>").addClass("dx-fileuploader-file-info").appendTo(file.$file);
                    file.$statusMessage = (0, _renderer.default)("<div>").addClass("dx-fileuploader-file-status-message").appendTo(file.$file);
                    (0, _renderer.default)("<div>").addClass("dx-fileuploader-file-name").text(value.name).attr("title", value.name).appendTo($fileInfo);
                    if ((0, _type.isDefined)(value.size)) {
                        (0, _renderer.default)("<div>").addClass("dx-fileuploader-file-size").text((0, _file_uploader.getFileSize)(value.size)).appendTo($fileInfo)
                    }
                    this._renderFileButtons(file, $fileContainer);
                    if (file.isValid()) {
                        const {
                            readyToUploadMessage: readyToUploadMessage
                        } = this.option();
                        file.$statusMessage.text(readyToUploadMessage ?? "")
                    } else {
                        var _this$_fileValidation;
                        if (!file.isValidFileExtension) {
                            file.$statusMessage.append(this._createValidationElement("invalidFileExtensionMessage"))
                        }
                        if (!file.isValidMaxSize) {
                            file.$statusMessage.append(this._createValidationElement("invalidMaxFileSizeMessage"))
                        }
                        if (!file.isValidMinSize) {
                            file.$statusMessage.append(this._createValidationElement("invalidMinFileSizeMessage"))
                        }
                        null === (_this$_fileValidation = this._fileValidationErrorAction) || void 0 === _this$_fileValidation || _this$_fileValidation.call(this, {
                            file: file.value
                        });
                        $fileContainer.addClass("dx-fileuploader-invalid")
                    }
                }
                _createValidationElement(key) {
                    return (0, _renderer.default)("<span>").text(this.option()[key])
                }
                _updateFileNameMaxWidth() {
                    var _this$_$filesContaine2, _this$_$filesContaine3, _this$_$filesContaine4, _this$_$filesContaine5, _this$_$filesContaine6;
                    const {
                        allowCanceling: allowCanceling,
                        uploadMode: uploadMode,
                        _showFileIcon: _showFileIcon
                    } = this.option();
                    const cancelButtonsCount = allowCanceling && "useForm" !== uploadMode ? 1 : 0;
                    const uploadButtonsCount = "useButtons" === uploadMode ? 1 : 0;
                    const filesContainerWidth = (0, _size.getWidth)(null === (_this$_$filesContaine2 = this._$filesContainer) || void 0 === _this$_$filesContaine2 ? void 0 : _this$_$filesContaine2.find(".dx-fileuploader-file-container").first()) || (0, _size.getWidth)(this._$filesContainer);
                    const $buttonContainer = null === (_this$_$filesContaine3 = this._$filesContainer) || void 0 === _this$_$filesContaine3 ? void 0 : _this$_$filesContaine3.find(".dx-fileuploader-button-container").eq(0);
                    const buttonsWidth = (0, _size.getWidth)($buttonContainer) * (cancelButtonsCount + uploadButtonsCount);
                    const $fileSize = null === (_this$_$filesContaine4 = this._$filesContainer) || void 0 === _this$_$filesContaine4 ? void 0 : _this$_$filesContaine4.find(".dx-fileuploader-file-size").eq(0);
                    const $icon = null === (_this$_$filesContaine5 = this._$filesContainer) || void 0 === _this$_$filesContaine5 ? void 0 : _this$_$filesContaine5.find(".dx-fileuploader-file-icon").eq(0);
                    const iconWidth = _showFileIcon ? (0, _size.getOuterWidth)($icon) : 0;
                    const prevFileSize = null === $fileSize || void 0 === $fileSize ? void 0 : $fileSize.text();
                    null === $fileSize || void 0 === $fileSize || $fileSize.text("1000 Mb");
                    const fileSizeWidth = (0, _size.getWidth)($fileSize);
                    null === $fileSize || void 0 === $fileSize || $fileSize.text(prevFileSize ?? "");
                    const maxWidth = filesContainerWidth - buttonsWidth - fileSizeWidth - iconWidth;
                    null === (_this$_$filesContaine6 = this._$filesContainer) || void 0 === _this$_$filesContaine6 || _this$_$filesContaine6.find(".dx-fileuploader-file-name").css("maxWidth", maxWidth)
                }
                _renderFileButtons(file, $container) {
                    const {
                        _cancelButtonPosition: _cancelButtonPosition
                    } = this.option();
                    const $uploadButton = this._getUploadButton(file);
                    if ($uploadButton) {
                        $container.prepend($uploadButton)
                    }
                    const $cancelButton = this._getCancelButton(file);
                    if ($cancelButton) {
                        if ("end" === _cancelButtonPosition) {
                            $container.append($cancelButton);
                            return
                        }
                        $container.prepend($cancelButton)
                    }
                }
                _renderFileIcon(fileName, $container) {
                    const {
                        _showFileIcon: _showFileIcon
                    } = this.option();
                    if (!_showFileIcon) {
                        return
                    }(0, _renderer.default)("<div>").addClass(`dx-fileuploader-file-icon ${_m_icon.ICON_CLASS} ${_m_icon.ICON_CLASS}-${(0,_file_uploader.getFileIconName)(fileName)}`).appendTo($container)
                }
                _getCancelButton(file) {
                    var _file$value;
                    const {
                        uploadMode: uploadMode,
                        _cancelButtonPosition: _cancelButtonPosition
                    } = this.option();
                    if ("useForm" === uploadMode) {
                        return null
                    }
                    const {
                        allowCanceling: allowCanceling,
                        readOnly: readOnly,
                        hoverStateEnabled: hoverStateEnabled,
                        _buttonStylingMode: _buttonStylingMode
                    } = this.option();
                    file.cancelButton = this._createComponent((0, _renderer.default)("<div>").addClass(`dx-fileuploader-button ${FILEUPLOADER_CANCEL_BUTTON_CLASS}`), _button.default, {
                        onClick: () => {
                            var _this$_cancelButtonCl;
                            this._removeFile(file);
                            null === (_this$_cancelButtonCl = this._cancelButtonClickAction) || void 0 === _this$_cancelButtonCl || _this$_cancelButtonCl.call(this, {
                                file: file.value
                            })
                        },
                        icon: "close",
                        visible: allowCanceling,
                        disabled: readOnly,
                        integrationOptions: {},
                        hoverStateEnabled: hoverStateEnabled,
                        stylingMode: _buttonStylingMode,
                        elementAttr: {
                            "aria-label": _message.default.format("dxFileUploader-removeFileButtonLabel", (null === file || void 0 === file || null === (_file$value = file.value) || void 0 === _file$value ? void 0 : _file$value.name) ?? "")
                        }
                    });
                    if ("end" === _cancelButtonPosition) {
                        file.cancelButton.$element().addClass(FILEUPLOADER_CANCEL_BUTTON_POSITION_END_CLASS)
                    }
                    return (0, _renderer.default)("<div>").addClass("dx-fileuploader-button-container").append(file.cancelButton.$element())
                }
                _getUploadButton(file) {
                    var _file$value2;
                    const {
                        uploadMode: uploadMode
                    } = this.option();
                    if (!file.isValid() || "useButtons" !== uploadMode) {
                        return null
                    }
                    const {
                        hoverStateEnabled: hoverStateEnabled,
                        _buttonStylingMode: _buttonStylingMode
                    } = this.option();
                    file.uploadButton = this._createComponent((0, _renderer.default)("<div>").addClass("dx-fileuploader-button dx-fileuploader-upload-button"), _button.default, {
                        onClick: () => this._uploadFile(file),
                        icon: "upload",
                        hoverStateEnabled: hoverStateEnabled,
                        stylingMode: _buttonStylingMode,
                        elementAttr: {
                            "aria-label": _message.default.format("dxFileUploader-uploadFileButtonLabel", (null === file || void 0 === file || null === (_file$value2 = file.value) || void 0 === _file$value2 ? void 0 : _file$value2.name) ?? "")
                        }
                    });
                    file.onLoadStart.add(() => {
                        var _file$uploadButton;
                        null === (_file$uploadButton = file.uploadButton) || void 0 === _file$uploadButton || _file$uploadButton.option({
                            visible: false,
                            disabled: true
                        })
                    });
                    file.onAbort.add(() => {
                        var _file$uploadButton2;
                        null === (_file$uploadButton2 = file.uploadButton) || void 0 === _file$uploadButton2 || _file$uploadButton2.option({
                            visible: true,
                            disabled: false
                        })
                    });
                    return (0, _renderer.default)("<div>").addClass("dx-fileuploader-button-container").append(file.uploadButton.$element())
                }
                _removeFile(file) {
                    var _file$$file, _this$_files5, _this$_files6;
                    null === (_file$$file = file.$file) || void 0 === _file$$file || _file$$file.parent().remove();
                    null === (_this$_files5 = this._files) || void 0 === _this$_files5 || _this$_files5.splice(this._files.indexOf(file), 1);
                    const {
                        value: value
                    } = this.option();
                    const valueCopy = null === value || void 0 === value ? void 0 : value.slice();
                    null === valueCopy || void 0 === valueCopy || valueCopy.splice(valueCopy.indexOf(file.value), 1);
                    this._preventRecreatingFiles = true;
                    this.option({
                        value: valueCopy
                    });
                    this._preventRecreatingFiles = false;
                    if (0 === (null === (_this$_files6 = this._files) || void 0 === _this$_files6 ? void 0 : _this$_files6.length)) {
                        this._toggleFileContainerAria(false)
                    }
                    this._toggleFileUploaderEmptyClassName();
                    this._resetInputValue(true)
                }
                removeFile(fileData) {
                    const {
                        uploadMode: uploadMode
                    } = this.option();
                    if ("useForm" === uploadMode || !(0, _type.isDefined)(fileData)) {
                        return
                    }
                    const file = this._getFile(fileData);
                    if (file) {
                        if (file.uploadStarted) {
                            this._preventFilesUploading([file])
                        }
                        this._removeFile(file)
                    }
                }
                _toggleFileUploaderEmptyClassName() {
                    var _this$_files7;
                    this.$element().toggleClass("dx-fileuploader-empty", !(null !== (_this$_files7 = this._files) && void 0 !== _this$_files7 && _this$_files7.length) || this._hasInvalidFile(this._files))
                }
                _hasInvalidFile(files) {
                    return files.some(file => !file.isValid())
                }
                _renderSelectButton() {
                    const $button = (0, _renderer.default)("<div>").addClass("dx-fileuploader-button").appendTo(this._$inputWrapper);
                    const {
                        selectButtonText: selectButtonText,
                        readOnly: readOnly,
                        hoverStateEnabled: hoverStateEnabled
                    } = this.option();
                    this._selectButton = this._createComponent($button, _button.default, {
                        text: selectButtonText,
                        focusStateEnabled: false,
                        integrationOptions: {},
                        disabled: readOnly,
                        hoverStateEnabled: hoverStateEnabled
                    });
                    if ("desktop" === _devices.default.real().deviceType) {
                        this._selectButton.option({
                            onClick: () => this._selectFileDialogClickHandler()
                        })
                    } else {
                        this._attachSelectFileDialogHandlers(this._selectButton.$element())
                    }
                    const {
                        dialogTrigger: dialogTrigger
                    } = this.option();
                    this._attachSelectFileDialogHandlers(dialogTrigger)
                }
                _selectFileDialogClickHandler() {
                    const {
                        useNativeInputClick: useNativeInputClick
                    } = this.option();
                    if (useNativeInputClick || this._isInteractionDisabled()) {
                        return
                    }
                    this._isCustomClickEvent = true;
                    _events_engine.default.trigger(this._$fileInput, "click");
                    this._isCustomClickEvent = false
                }
                _attachSelectFileDialogHandlers(target) {
                    if (!(0, _type.isDefined)(target)) {
                        return
                    }
                    this._detachSelectFileDialogHandlers(target);
                    const $target = (0, _renderer.default)(target);
                    _events_engine.default.on($target, (0, _index.addNamespace)("click", "dxFileUploaderDialogTrigger"), () => {
                        this._selectFileDialogClickHandler()
                    });
                    _events_engine.default.on($target, (0, _index.addNamespace)("keyup", "dxFileUploaderDialogTrigger"), e => {
                        const normalizedKeyName = (0, _index.normalizeKeyName)(e);
                        if ("enter" === normalizedKeyName || "space" === normalizedKeyName) {
                            this._selectFileDialogClickHandler()
                        }
                    })
                }
                _detachSelectFileDialogHandlers(target) {
                    if (!(0, _type.isDefined)(target)) {
                        return
                    }
                    const $target = (0, _renderer.default)(target);
                    _events_engine.default.off($target, ".dxFileUploaderDialogTrigger")
                }
                _renderUploadButton() {
                    const {
                        uploadButtonText: uploadButtonText,
                        _uploadButtonType: _uploadButtonType,
                        hoverStateEnabled: hoverStateEnabled,
                        uploadMode: uploadMode
                    } = this.option();
                    if ("useButtons" !== uploadMode) {
                        return
                    }
                    const $uploadButton = (0, _renderer.default)("<div>").addClass("dx-fileuploader-button").addClass("dx-fileuploader-upload-button").appendTo(this._$content);
                    this._uploadButton = this._createComponent($uploadButton, _button.default, {
                        text: uploadButtonText,
                        onClick: this._uploadButtonClickHandler.bind(this),
                        type: _uploadButtonType,
                        integrationOptions: {},
                        hoverStateEnabled: hoverStateEnabled
                    })
                }
                _uploadButtonClickHandler() {
                    this._uploadFiles()
                }
                _shouldDragOverBeRendered() {
                    const {
                        readOnly: readOnly,
                        uploadMode: uploadMode,
                        nativeDropSupported: nativeDropSupported
                    } = this.option();
                    return !readOnly && ("useForm" !== uploadMode || nativeDropSupported)
                }
                _isInteractionDisabled() {
                    const {
                        readOnly: readOnly,
                        disabled: disabled
                    } = this.option();
                    return Boolean(readOnly) || Boolean(disabled)
                }
                _renderInputContainer() {
                    this._$inputContainer = (0, _renderer.default)("<div>").addClass("dx-fileuploader-input-container").appendTo(this._$inputWrapper);
                    this._renderInput();
                    this._$fileInput.addClass("dx-fileuploader-input");
                    const labelId = `dx-fileuploader-input-label-${new _guid.default}`;
                    this._$inputLabel.attr("id", labelId).addClass("dx-fileuploader-input-label").appendTo(this._$inputContainer);
                    this.setAria("labelledby", labelId, this._$fileInput)
                }
                _renderInput() {
                    const {
                        useNativeInputClick: useNativeInputClick,
                        inputAttr: inputAttr
                    } = this.option();
                    if (useNativeInputClick) {
                        this._selectButton.option({
                            template: this._selectButtonInputTemplate.bind(this)
                        })
                    } else {
                        this._$fileInput.appendTo(this._$inputContainer);
                        this._selectButton.option({
                            template: "content"
                        })
                    }
                    this._applyInputAttributes(inputAttr)
                }
                _selectButtonInputTemplate(data, content) {
                    const $content = (0, _renderer.default)(content);
                    const $text = (0, _renderer.default)("<span>").addClass("dx-button-text").text(data.text);
                    $content.append($text).append(this._$fileInput);
                    return $content
                }
                _renderInputWrapper() {
                    if (!this._$content) {
                        return
                    }
                    this._$inputWrapper = (0, _renderer.default)("<div>").addClass("dx-fileuploader-input-wrapper").appendTo(this._$content)
                }
                _detachDragEventHandlers(target) {
                    if (!target) {
                        return
                    }
                    _events_engine.default.off((0, _renderer.default)(target), (0, _index.addNamespace)("", this.NAME))
                }
                _attachDragEventHandlers(target) {
                    const isCustomTarget = target !== this._$inputWrapper;
                    if (!(0, _type.isDefined)(target) || !this._shouldDragOverBeRendered()) {
                        return
                    }
                    this._detachDragEventHandlers(target);
                    _events_engine.default.on((0, _renderer.default)(target), (0, _index.addNamespace)("dragenter", this.NAME), this._dragEnterHandler.bind(this, isCustomTarget));
                    _events_engine.default.on((0, _renderer.default)(target), (0, _index.addNamespace)("dragover", this.NAME), this._dragOverHandler.bind(this, isCustomTarget));
                    _events_engine.default.on((0, _renderer.default)(target), (0, _index.addNamespace)("dragleave", this.NAME), this._dragLeaveHandler.bind(this, isCustomTarget));
                    _events_engine.default.on((0, _renderer.default)(target), (0, _index.addNamespace)("drop", this.NAME), this._dropHandler.bind(this, isCustomTarget))
                }
                _applyInputAttributes(customAttributes) {
                    this._$fileInput.attr(customAttributes)
                }
                _useInputForDrop() {
                    const {
                        uploadMode: uploadMode,
                        nativeDropSupported: nativeDropSupported
                    } = this.option();
                    return Boolean(nativeDropSupported) && "useForm" === uploadMode
                }
                _getDropZoneElement(isCustomTarget, e) {
                    if (!e.currentTarget) {
                        return
                    }
                    const {
                        dropZone: dropZone
                    } = this.option();
                    const targetList = isCustomTarget ? (0, _renderer.default)(dropZone).toArray() : [this._$inputWrapper];
                    const targetListElements = targetList.map(element => (0, _renderer.default)(element).get(0));
                    const currentTargetIndex = targetListElements.indexOf(e.currentTarget);
                    return targetListElements[currentTargetIndex]
                }
                _dragEnterHandler(isCustomTarget, e) {
                    const {
                        disabled: disabled
                    } = this.option();
                    if (disabled) {
                        return false
                    }
                    if (!this._useInputForDrop()) {
                        e.preventDefault()
                    }
                    const dropZoneElement = this._getDropZoneElement(isCustomTarget, e);
                    if ((0, _type.isDefined)(dropZoneElement) && this._shouldRaiseDragOver(e, dropZoneElement)) {
                        this._activeDropZone = dropZoneElement;
                        this._tryToggleDropZoneActive(true, isCustomTarget, e)
                    }
                }
                _shouldRaiseDragOver(e, dropZoneElement) {
                    return null === this._activeDropZone && this.isMouseOverElement(e, dropZoneElement, false) && e.originalEvent.dataTransfer.types.find(item => "Files" === item)
                }
                _dragOverHandler(isCustomTarget, e) {
                    if (!this._useInputForDrop()) {
                        e.preventDefault()
                    }
                    e.originalEvent.dataTransfer.dropEffect = "copy";
                    if (!isCustomTarget) {
                        const dropZoneElement = this._getDropZoneElement(false, e);
                        if (this._shouldRaiseDragOver(e, dropZoneElement)) {
                            this._dragEnterHandler(false, e)
                        }
                        if (this._shouldRaiseDragLeave(e, false)) {
                            this._dragLeaveHandler(false, e)
                        }
                    }
                }
                _dragLeaveHandler(isCustomTarget, e) {
                    if (!this._useInputForDrop()) {
                        e.preventDefault()
                    }
                    if (this._shouldRaiseDragLeave(e, isCustomTarget)) {
                        this._tryToggleDropZoneActive(false, isCustomTarget, e);
                        this._activeDropZone = null
                    }
                }
                _shouldRaiseDragLeave(e, isCustomTarget) {
                    return null !== this._activeDropZone && !this.isMouseOverElement(e, this._activeDropZone, !isCustomTarget, -1)
                }
                _tryToggleDropZoneActive(active, isCustom, event) {
                    var _this$mouseAction;
                    const classAction = active ? "addClass" : "removeClass";
                    const mouseAction = active ? "_dropZoneEnterAction" : "_dropZoneLeaveAction";
                    null === (_this$mouseAction = this[mouseAction]) || void 0 === _this$mouseAction || _this$mouseAction.call(this, {
                        event: event,
                        dropZoneElement: this._activeDropZone
                    });
                    if (!isCustom) {
                        this.$element()[classAction]("dx-fileuploader-dragover")
                    }
                }
                _dropHandler(isCustomTarget, e) {
                    this._activeDropZone = null;
                    if (!isCustomTarget) {
                        this.$element().removeClass("dx-fileuploader-dragover")
                    }
                    if (this._useInputForDrop() || isCustomTarget && this._isInteractionDisabled()) {
                        return
                    }
                    e.preventDefault();
                    const fileList = e.originalEvent.dataTransfer.files;
                    const files = this._getFiles(fileList);
                    const {
                        multiple: multiple,
                        uploadMode: uploadMode
                    } = this.option();
                    if (!multiple && files.length > 1 || 0 === files.length) {
                        return
                    }
                    if (this._isFileLimitReached(files)) {
                        var _this$_fileLimitReach3;
                        null === (_this$_fileLimitReach3 = this._fileLimitReachedAction) || void 0 === _this$_fileLimitReach3 || _this$_fileLimitReach3.call(this);
                        return
                    }
                    this._changeValue(files);
                    if ("instantly" === uploadMode) {
                        this._uploadFiles()
                    }
                }
                _areAllFilesLoaded() {
                    var _this$_files8;
                    return null === (_this$_files8 = this._files) || void 0 === _this$_files8 ? void 0 : _this$_files8.every(file => !file.isValid() || file._isError || file._isLoaded || file.isAborted)
                }
                _handleAllFilesUploaded() {
                    this._recalculateProgress();
                    if (this._areAllFilesLoaded()) {
                        var _this$_filesUploadedA;
                        null === (_this$_filesUploadedA = this._filesUploadedAction) || void 0 === _this$_filesUploadedA || _this$_filesUploadedA.call(this)
                    }
                }
                _renderWrapper() {
                    const $wrapper = (0, _renderer.default)("<div>").addClass("dx-fileuploader-wrapper").appendTo(this.$element());
                    const $container = (0, _renderer.default)("<div>").addClass("dx-fileuploader-container").appendTo($wrapper);
                    this._$content = (0, _renderer.default)("<div>").addClass("dx-fileuploader-content").appendTo($container)
                }
                _clean() {
                    this._$fileInput.detach();
                    this._$filesContainer = null;
                    const {
                        dialogTrigger: dialogTrigger,
                        dropZone: dropZone
                    } = this.option();
                    this._detachSelectFileDialogHandlers(dialogTrigger);
                    this._detachDragEventHandlers(dropZone);
                    if (this._files) {
                        this._files.forEach(file => {
                            file.$file = null;
                            file.$statusMessage = null
                        })
                    }
                    super._clean()
                }
                abortUpload(fileData) {
                    const {
                        uploadMode: uploadMode
                    } = this.option();
                    if ("useForm" === uploadMode) {
                        return
                    }
                    if ((0, _type.isDefined)(fileData)) {
                        const file = this._getFile(fileData);
                        if (file) {
                            this._preventFilesUploading([file])
                        }
                    } else {
                        this._preventFilesUploading(this._files)
                    }
                }
                upload(fileData) {
                    const {
                        uploadMode: uploadMode
                    } = this.option();
                    if ("useForm" === uploadMode) {
                        return
                    }
                    if ((0, _type.isDefined)(fileData)) {
                        const file = this._getFile(fileData);
                        if (file && isFormDataSupported()) {
                            this._uploadFile(file)
                        }
                    } else {
                        this._uploadFiles()
                    }
                }
                _uploadFiles() {
                    if (isFormDataSupported()) {
                        var _this$_files9;
                        null === (_this$_files9 = this._files) || void 0 === _this$_files9 || _this$_files9.forEach(file => this._uploadFile(file))
                    }
                }
                _uploadFile(file) {
                    this._uploadStrategy.upload(file)
                }
                _updateProgressBar(file, loadedFileData) {
                    var _file$progressBar2, _this$_progressAction;
                    null === (_file$progressBar2 = file.progressBar) || void 0 === _file$progressBar2 || _file$progressBar2.option({
                        value: loadedFileData.loaded,
                        showStatus: true
                    });
                    null === (_this$_progressAction = this._progressAction) || void 0 === _this$_progressAction || _this$_progressAction.call(this, {
                        file: file.value,
                        segmentSize: loadedFileData.currentSegmentSize,
                        bytesLoaded: loadedFileData.loaded,
                        bytesTotal: loadedFileData.total,
                        event: loadedFileData.event,
                        request: file.request
                    })
                }
                _updateTotalProgress(totalFilesSize, totalLoadedFilesSize) {
                    let progress = 0;
                    if ((0, _type.isDefined)(totalFilesSize)) {
                        if (this._files && this._files.length > 0 && this._areAllFilesLoaded() && 0 === totalFilesSize && 0 === totalLoadedFilesSize) {
                            progress = this._getProgressValue(1)
                        } else if (totalFilesSize) {
                            progress = this._getProgressValue(totalLoadedFilesSize / totalFilesSize)
                        }
                    }
                    this.option({
                        progress: progress
                    });
                    this._setLoadedSize(totalLoadedFilesSize)
                }
                _getProgressValue(ratio) {
                    return Math.floor(100 * ratio)
                }
                _initStatusMessage(file) {
                    var _file$$statusMessage;
                    null === (_file$$statusMessage = file.$statusMessage) || void 0 === _file$$statusMessage || _file$$statusMessage.css("display", "none")
                }
                _ensureCancelButtonInitialized(file) {
                    var _file$cancelButton;
                    if (file.isInitialized) {
                        return
                    }
                    null === (_file$cancelButton = file.cancelButton) || void 0 === _file$cancelButton || _file$cancelButton.option({
                        onClick: () => {
                            var _this$_cancelButtonCl2;
                            this._preventFilesUploading([file]);
                            this._removeFile(file);
                            null === (_this$_cancelButtonCl2 = this._cancelButtonClickAction) || void 0 === _this$_cancelButtonCl2 || _this$_cancelButtonCl2.call(this, {
                                file: file.value
                            })
                        }
                    });
                    const hideCancelButton = () => {
                        const {
                            _hideCancelButtonOnUpload: _hideCancelButtonOnUpload
                        } = this.option();
                        if (!_hideCancelButtonOnUpload) {
                            return
                        }
                        setTimeout(() => {
                            var _file$cancelButton2;
                            null === (_file$cancelButton2 = file.cancelButton) || void 0 === _file$cancelButton2 || _file$cancelButton2.option({
                                visible: false
                            })
                        }, 400)
                    };
                    file.onLoad.add(hideCancelButton);
                    file.onError.add(hideCancelButton)
                }
                _createProgressBar(fileSize) {
                    return this._createComponent((0, _renderer.default)("<div>"), _progress_bar.default, {
                        value: void 0,
                        min: 0,
                        max: fileSize,
                        statusFormat: ratio => `${this._getProgressValue(ratio)}%`,
                        showStatus: false,
                        statusPosition: "right"
                    })
                }
                _getTotalFilesSize() {
                    if (!this._totalFilesSize) {
                        var _this$_files0;
                        this._totalFilesSize = 0;
                        null === (_this$_files0 = this._files) || void 0 === _this$_files0 || _this$_files0.forEach(file => {
                            this._totalFilesSize += file.value.size
                        })
                    }
                    return this._totalFilesSize
                }
                _getTotalLoadedFilesSize() {
                    if (!this._totalLoadedFilesSize) {
                        var _this$_files1;
                        this._totalLoadedFilesSize = 0;
                        null === (_this$_files1 = this._files) || void 0 === _this$_files1 || _this$_files1.forEach(file => {
                            this._totalLoadedFilesSize += file.loadedSize
                        })
                    }
                    return this._totalLoadedFilesSize
                }
                _setLoadedSize(value) {
                    this._totalLoadedFilesSize = value
                }
                _recalculateProgress() {
                    this._totalFilesSize = 0;
                    this._totalLoadedFilesSize = 0;
                    this._updateTotalProgress(this._getTotalFilesSize(), this._getTotalLoadedFilesSize())
                }
                isMouseOverElement(mouseEvent, element, correctPseudoElements) {
                    let dragEventDelta = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : 1;
                    if (!element) {
                        return false
                    }
                    const beforeHeight = correctPseudoElements ? parseFloat(window.getComputedStyle(element, ":before").height) : 0;
                    const afterHeight = correctPseudoElements ? parseFloat(window.getComputedStyle(element, ":after").height) : 0;
                    const x = (0, _size.getOffset)(element).left;
                    const y = (0, _size.getOffset)(element).top + beforeHeight;
                    const w = element.offsetWidth;
                    const h = element.offsetHeight - beforeHeight - afterHeight;
                    const eventX = this._getEventX(mouseEvent);
                    const eventY = this._getEventY(mouseEvent);
                    return eventX + dragEventDelta >= x && eventX - dragEventDelta < x + w && eventY + dragEventDelta >= y && eventY - dragEventDelta < y + h
                }
                _getEventX(e) {
                    return (0, _index.isTouchEvent)(e) ? this._getTouchEventX(e) : e.clientX + this._getDocumentScrollLeft()
                }
                _getEventY(e) {
                    return (0, _index.isTouchEvent)(e) ? this._getTouchEventY(e) : e.clientY + this._getDocumentScrollTop()
                }
                _getTouchEventX(e) {
                    let touchPoint = null;
                    if (e.changedTouches.length > 0) {
                        touchPoint = e.changedTouches
                    } else if (e.targetTouches.length > 0) {
                        touchPoint = e.targetTouches
                    }
                    return touchPoint ? touchPoint[0].pageX : 0
                }
                _getTouchEventY(e) {
                    let touchPoint = null;
                    if (e.changedTouches.length > 0) {
                        touchPoint = e.changedTouches
                    } else if (e.targetTouches.length > 0) {
                        touchPoint = e.targetTouches
                    }
                    return touchPoint ? touchPoint[0].pageY : 0
                }
                _getDocumentScrollTop() {
                    const document = _dom_adapter.default.getDocument();
                    return document.documentElement.scrollTop || document.body.scrollTop
                }
                _getDocumentScrollLeft() {
                    const document = _dom_adapter.default.getDocument();
                    return document.documentElement.scrollLeft || document.body.scrollLeft
                }
                _updateReadOnlyState() {
                    var _this$_files10;
                    const {
                        readOnly: readOnly
                    } = this.option();
                    this._selectButton.option({
                        disabled: readOnly
                    });
                    null === (_this$_files10 = this._files) || void 0 === _this$_files10 || _this$_files10.forEach(file => {
                        var _file$cancelButton3;
                        return null === (_file$cancelButton3 = file.cancelButton) || void 0 === _file$cancelButton3 ? void 0 : _file$cancelButton3.option({
                            disabled: readOnly
                        })
                    });
                    this._updateInputLabelText();
                    this._attachDragEventHandlers(this._$inputWrapper)
                }
                _updateHoverState() {
                    var _this$_selectButton, _this$_uploadButton, _this$_files11;
                    const {
                        hoverStateEnabled: value
                    } = this.option();
                    null === (_this$_selectButton = this._selectButton) || void 0 === _this$_selectButton || _this$_selectButton.option({
                        hoverStateEnabled: value
                    });
                    null === (_this$_uploadButton = this._uploadButton) || void 0 === _this$_uploadButton || _this$_uploadButton.option({
                        hoverStateEnabled: value
                    });
                    null === (_this$_files11 = this._files) || void 0 === _this$_files11 || _this$_files11.forEach(file => {
                        var _file$uploadButton3, _file$cancelButton4;
                        null === (_file$uploadButton3 = file.uploadButton) || void 0 === _file$uploadButton3 || _file$uploadButton3.option({
                            hoverStateEnabled: value
                        });
                        null === (_file$cancelButton4 = file.cancelButton) || void 0 === _file$cancelButton4 || _file$cancelButton4.option({
                            hoverStateEnabled: value
                        })
                    })
                }
                _optionChanged(args) {
                    var _this$_files12;
                    const {
                        name: name,
                        value: value,
                        previousValue: previousValue
                    } = args;
                    switch (name) {
                        case "height":
                        case "width":
                            this._updateFileNameMaxWidth();
                            super._optionChanged(args);
                            break;
                        case "value":
                            if (!(null !== value && void 0 !== value && value.length)) {
                                this._$fileInput.val("")
                            }
                            if (!this._preventRecreatingFiles) {
                                this._createFiles();
                                this._renderFiles()
                            }
                            this._recalculateProgress();
                            super._optionChanged(args);
                            break;
                        case "name":
                        case "hint":
                            this._initFileInput();
                            super._optionChanged(args);
                            break;
                        case "accept":
                            this._initFileInput();
                            break;
                        case "multiple":
                            this._initFileInput();
                            if (!args.value) {
                                this.clear()
                            }
                            break;
                        case "readOnly":
                            this._updateReadOnlyState();
                            super._optionChanged(args);
                            break;
                        case "disabled":
                            this._updateInputLabelText();
                            super._optionChanged(args);
                            break;
                        case "selectButtonText":
                            this._selectButton.option({
                                text: value
                            });
                            break;
                        case "uploadButtonText":
                            if (this._uploadButton) {
                                this._uploadButton.option({
                                    text: value
                                })
                            }
                            break;
                        case "_uploadButtonType":
                            if (this._uploadButton) {
                                this._uploadButton.option({
                                    type: value
                                })
                            }
                            break;
                        case "_buttonStylingMode":
                            null === (_this$_files12 = this._files) || void 0 === _this$_files12 || _this$_files12.forEach(file => {
                                var _file$uploadButton4, _file$cancelButton5;
                                null === (_file$uploadButton4 = file.uploadButton) || void 0 === _file$uploadButton4 || _file$uploadButton4.option({
                                    stylingMode: value
                                });
                                null === (_file$cancelButton5 = file.cancelButton) || void 0 === _file$cancelButton5 || _file$cancelButton5.option({
                                    stylingMode: value
                                })
                            });
                            break;
                        case "dialogTrigger":
                            this._detachSelectFileDialogHandlers(previousValue);
                            this._attachSelectFileDialogHandlers(value);
                            break;
                        case "dropZone":
                            this._detachDragEventHandlers(previousValue);
                            this._attachDragEventHandlers(value);
                            break;
                        case "maxFileSize":
                        case "minFileSize":
                        case "allowedFileExtensions":
                        case "invalidFileExtensionMessage":
                        case "invalidMaxFileSizeMessage":
                        case "invalidMinFileSizeMessage":
                        case "readyToUploadMessage":
                        case "uploadedMessage":
                        case "uploadFailedMessage":
                        case "uploadAbortedMessage":
                        case "_hideCancelButtonOnUpload":
                        case "_cancelButtonPosition":
                        case "_showFileIcon":
                        case "nativeDropSupported":
                            this._invalidate();
                            break;
                        case "_maxFileCount":
                        case "abortUpload":
                        case "uploadUrl":
                        case "progress":
                        case "uploadMethod":
                        case "uploadHeaders":
                        case "uploadCustomData":
                        case "extendSelection":
                            break;
                        case "labelText":
                            this._updateInputLabelText();
                            break;
                        case "showFileList":
                            if (!this._preventRecreatingFiles) {
                                this._renderFiles()
                            }
                            break;
                        case "uploadFile":
                        case "uploadChunk":
                        case "chunkSize":
                            this._setUploadStrategy();
                            break;
                        case "hoverStateEnabled":
                            this._updateHoverState();
                            super._optionChanged(args);
                            break;
                        case "allowCanceling":
                        case "uploadMode":
                            this.clear();
                            this._invalidate();
                            break;
                        case "onBeforeSend":
                            this._createBeforeSendAction();
                            break;
                        case "onUploadStarted":
                            this._createUploadStartedAction();
                            break;
                        case "onUploaded":
                            this._createUploadedAction();
                            break;
                        case "onFilesUploaded":
                            this._createFilesUploadedAction();
                            break;
                        case "onFileValidationError":
                            this._createFileValidationErrorAction();
                            break;
                        case "onProgress":
                            this._createProgressAction();
                            break;
                        case "onUploadError":
                            this._createUploadErrorAction();
                            break;
                        case "onUploadAborted":
                            this._createUploadAbortedAction();
                            break;
                        case "onDropZoneEnter":
                            this._createDropZoneEnterAction();
                            break;
                        case "onDropZoneLeave":
                            this._createDropZoneLeaveAction();
                            break;
                        case "onCancelButtonClick":
                            this._createCancelButtonClickAction();
                            break;
                        case "onFileLimitReached":
                            this._createFileLimitReachedAction();
                            break;
                        case "useNativeInputClick":
                            this._renderInput();
                            break;
                        case "useDragOver":
                            this._attachDragEventHandlers(this._$inputWrapper);
                            break;
                        case "inputAttr":
                            this._applyInputAttributes(this.option()[name]);
                            break;
                        case "visible":
                            super._optionChanged(args);
                            this._updateFileNameMaxWidth();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _resetInputValue(force) {
                    const {
                        uploadMode: uploadMode
                    } = this.option();
                    if ("useForm" === uploadMode && !force) {
                        return
                    }
                    this._doPreventInputChange = true;
                    this._$fileInput.val("");
                    this._doPreventInputChange = false
                }
                clear() {
                    this.option({
                        value: []
                    })
                }
            }(0, _component_registrator.default)("dxFileUploader", FileUploader);
            exports.default = FileUploader
        },
        12587(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getFileSize = exports.getFileIconName = void 0;
            var _message = (e = __webpack_require__( /*! ../../../common/core/localization/message */ 4671), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const EXTENTIONS_MAP = {
                jpg: "image",
                jpeg: "image",
                png: "image",
                gif: "image",
                bmp: "image",
                webp: "image",
                mp4: "video",
                mov: "video",
                avi: "video",
                webm: "video",
                mkv: "video",
                mp3: "music",
                wav: "music",
                ogg: "music",
                m4a: "music",
                flac: "music",
                doc: "textdocument",
                docx: "textdocument",
                txt: "textdocument",
                rtf: "textdocument",
                md: "textdocument",
                xls: "exportxlsx",
                xlsx: "exportxlsx",
                csv: "exportxlsx",
                ods: "exportxlsx",
                zip: "folder",
                rar: "folder",
                "7z": "folder",
                tar: "folder",
                gz: "folder",
                pdf: "pdffile"
            };
            exports.getFileIconName = function() {
                let filename = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "";
                const lastDotIndex = filename.lastIndexOf(".");
                if (-1 === lastDotIndex || lastDotIndex === filename.length - 1) {
                    return "file"
                }
                const extension = filename.slice(lastDotIndex + 1).toLowerCase();
                return EXTENTIONS_MAP[extension] || "file"
            };
            exports.getFileSize = sizeInBytes => {
                const labels = [_message.default.format("dxFileUploader-bytes"), _message.default.format("dxFileUploader-kb"), _message.default.format("dxFileUploader-Mb"), _message.default.format("dxFileUploader-Gb")];
                const count = labels.length - 1;
                let value = sizeInBytes;
                let i = 0;
                while (i < count && value >= 1024) {
                    value /= 1024;
                    i += 1
                }
                return `${Math.round(value)} ${labels[i]}`
            }
        },
        45557(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.FIELD_BUTTON_ITEM_CLASS = void 0;
            exports.renderButtonItem = function(_ref) {
                let {
                    item: item,
                    $parent: $parent,
                    rootElementCssClassList: rootElementCssClassList,
                    validationGroup: validationGroup,
                    createComponentCallback: createComponentCallback
                } = _ref;
                const $rootElement = (0, _renderer.default)("<div>").appendTo($parent).addClass(rootElementCssClassList.join(" ")).addClass(FIELD_BUTTON_ITEM_CLASS).css("textAlign", (horizontalAlignment = item.horizontalAlignment, (0, _type.isDefined)(horizontalAlignment) ? horizontalAlignment : "right"));
                var horizontalAlignment;
                $parent.css("justifyContent", function(verticalAlignment) {
                    switch (verticalAlignment) {
                        case "center":
                            return "center";
                        case "bottom":
                            return "flex-end";
                        default:
                            return "flex-start"
                    }
                }(item.verticalAlignment));
                const $button = (0, _renderer.default)("<div>").appendTo($rootElement);
                return {
                    $rootElement: $rootElement,
                    buttonInstance: createComponentCallback($button, (0, _extend.extend)({
                        validationGroup: validationGroup
                    }, item.buttonOptions))
                }
            };
            var _renderer = (e = __webpack_require__( /*! ../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            const FIELD_BUTTON_ITEM_CLASS = exports.FIELD_BUTTON_ITEM_CLASS = "dx-field-button-item"
        },
        70858(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.FIELD_EMPTY_ITEM_CLASS = void 0;
            exports.renderEmptyItem = function(info) {
                const {
                    $parent: $parent,
                    rootElementCssClassList: rootElementCssClassList
                } = info;
                return (0, _renderer.default)("<div>").addClass(FIELD_EMPTY_ITEM_CLASS).html("&nbsp;").addClass(rootElementCssClassList.join(" ")).appendTo($parent)
            };
            var _renderer = (e = __webpack_require__( /*! ../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const FIELD_EMPTY_ITEM_CLASS = exports.FIELD_EMPTY_ITEM_CLASS = "dx-field-empty-item"
        },
        52173(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TOGGLE_CONTROLS_PADDING_CLASS = exports.LABEL_VERTICAL_ALIGNMENT_CLASS = exports.LABEL_HORIZONTAL_ALIGNMENT_CLASS = exports.FLEX_LAYOUT_CLASS = exports.FIELD_ITEM_REQUIRED_CLASS = exports.FIELD_ITEM_OPTIONAL_CLASS = exports.FIELD_ITEM_LABEL_ALIGN_CLASS = exports.FIELD_ITEM_HELP_TEXT_CLASS = exports.FIELD_ITEM_CONTENT_WRAPPER_CLASS = exports.FIELD_ITEM_CONTENT_LOCATION_CLASS = void 0;
            exports.renderFieldItem = function(_ref2) {
                let {
                    $parent: $parent,
                    rootElementCssClassList: rootElementCssClassList,
                    formOrLayoutManager: formOrLayoutManager,
                    createComponentCallback: createComponentCallback,
                    labelOptions: labelOptions,
                    labelNeedBaselineAlign: labelNeedBaselineAlign,
                    labelLocation: labelLocation,
                    needRenderLabel: needRenderLabel,
                    formLabelLocation: formLabelLocation,
                    item: item,
                    editorOptions: editorOptions,
                    isSimpleItem: isSimpleItem,
                    isRequired: isRequired,
                    template: template,
                    helpID: helpID,
                    labelID: labelID,
                    name: name,
                    helpText: helpText,
                    requiredMessageTemplate: requiredMessageTemplate,
                    validationGroup: validationGroup
                } = _ref2;
                const $rootElement = (0, _renderer.default)("<div>").addClass(rootElementCssClassList.join(" ")).appendTo($parent);
                $rootElement.addClass(isRequired ? FIELD_ITEM_REQUIRED_CLASS : FIELD_ITEM_OPTIONAL_CLASS);
                if (isSimpleItem) {
                    $rootElement.addClass(FLEX_LAYOUT_CLASS)
                }
                if (isSimpleItem && labelNeedBaselineAlign) {
                    $rootElement.addClass(FIELD_ITEM_LABEL_ALIGN_CLASS)
                }
                const $fieldEditorContainer = (0, _renderer.default)("<div>");
                $fieldEditorContainer.data("dx-form-item", item);
                $fieldEditorContainer.addClass(_constants.FIELD_ITEM_CONTENT_CLASS).addClass(FIELD_ITEM_CONTENT_LOCATION_CLASS + {
                    right: "left",
                    left: "right",
                    top: "bottom"
                } [formLabelLocation]);
                let $label = null;
                if (needRenderLabel) {
                    if (labelOptions.labelTemplate) {
                        labelOptions.labelTemplateData = getTemplateData(item, editorOptions, formOrLayoutManager)
                    }
                    $label = (0, _label.renderLabel)(labelOptions)
                }
                if ($label) {
                    const {
                        editorType: editorType
                    } = item;
                    $rootElement.append($label);
                    if ("top" === labelLocation || "left" === labelLocation) {
                        $rootElement.append($fieldEditorContainer)
                    }
                    if ("right" === labelLocation) {
                        $rootElement.prepend($fieldEditorContainer)
                    }
                    if ("top" === labelLocation) {
                        $rootElement.addClass(LABEL_VERTICAL_ALIGNMENT_CLASS)
                    } else {
                        $rootElement.addClass(LABEL_HORIZONTAL_ALIGNMENT_CLASS)
                    }
                    if ("dxCheckBox" === editorType || "dxSwitch" === editorType) {
                        _events_engine.default.on($label, _click.name, () => {
                            _events_engine.default.trigger($fieldEditorContainer.children(), _click.name)
                        })
                    }
                    const toggleControls = ["dxCheckBox", "dxSwitch", "dxRadioGroup"];
                    const isToggleControls = toggleControls.includes(editorType);
                    const labelAlignment = labelOptions.alignment;
                    const isLabelAlignmentLeft = "left" === labelAlignment || !labelAlignment;
                    const hasNotTemplate = !template;
                    const isLabelOnTop = "top" === labelLocation;
                    if (hasNotTemplate && isToggleControls && isLabelOnTop && isLabelAlignmentLeft) {
                        $fieldEditorContainer.addClass(TOGGLE_CONTROLS_PADDING_CLASS)
                    }
                } else {
                    $rootElement.append($fieldEditorContainer)
                }
                let widgetInstance;
                if (template) {
                    template.render({
                        container: (0, _element.getPublicElement)($fieldEditorContainer),
                        model: getTemplateData(item, editorOptions, formOrLayoutManager),
                        onRendered() {
                            const $validationTarget = getValidationTarget($fieldEditorContainer);
                            const validationTargetInstance = function($validationTarget) {
                                var _$validationTarget$pa;
                                return (null === $validationTarget || void 0 === $validationTarget ? void 0 : $validationTarget.data("dx-validation-target")) || (null === $validationTarget || void 0 === $validationTarget || null === (_$validationTarget$pa = $validationTarget.parent) || void 0 === _$validationTarget$pa || null === (_$validationTarget$pa = _$validationTarget$pa.call($validationTarget)) || void 0 === _$validationTarget$pa ? void 0 : _$validationTarget$pa.data("dx-validation-target"))
                            }($validationTarget);
                            subscribeWrapperInvalidClassToggle(validationTargetInstance)
                        }
                    })
                } else {
                    const $div = (0, _renderer.default)("<div>").appendTo($fieldEditorContainer);
                    try {
                        widgetInstance = createComponentCallback($div, item.editorType, editorOptions);
                        widgetInstance.setAria("describedby", helpID);
                        if (labelID) {
                            widgetInstance.setAria("labelledby", labelID)
                        }
                        widgetInstance.setAria("required", isRequired)
                    } catch (e) {
                        _ui.default.log("E1035", e.message)
                    }
                }
                const $validationTarget = getValidationTarget($fieldEditorContainer);
                const validationTargetInstance = null === $validationTarget || void 0 === $validationTarget ? void 0 : $validationTarget.data("dx-validation-target");
                if (validationTargetInstance) {
                    var _item$label;
                    const isItemHaveCustomLabel = null === (_item$label = item.label) || void 0 === _item$label ? void 0 : _item$label.text;
                    const itemName = isItemHaveCustomLabel ? null : name;
                    const fieldName = isItemHaveCustomLabel ? item.label.text : itemName && (0, _inflector.captionize)(itemName);
                    let validationRules = null;
                    if (isSimpleItem) {
                        if (item.validationRules) {
                            validationRules = item.validationRules
                        } else {
                            const requiredMessage = (0, _string.format)(requiredMessageTemplate, fieldName);
                            validationRules = item.isRequired ? [{
                                type: "required",
                                message: requiredMessage
                            }] : null
                        }
                    }
                    if (Array.isArray(validationRules) && validationRules.length) {
                        createComponentCallback($validationTarget, _m_validator.default, {
                            validationRules: validationRules,
                            validationGroup: validationGroup,
                            dataGetter: () => ({
                                formItem: item
                            })
                        })
                    }
                    subscribeWrapperInvalidClassToggle(validationTargetInstance)
                }
                if (helpText && isSimpleItem) {
                    const $editorParent = $fieldEditorContainer.parent();
                    $editorParent.append((0, _renderer.default)("<div>").addClass(FIELD_ITEM_CONTENT_WRAPPER_CLASS).append($fieldEditorContainer).append((0, _renderer.default)("<div>").addClass(FIELD_ITEM_HELP_TEXT_CLASS).attr("id", helpID).text(helpText)))
                }
                return {
                    $fieldEditorContainer: $fieldEditorContainer,
                    $rootElement: $rootElement,
                    widgetInstance: widgetInstance
                }
            };
            var _click = __webpack_require__( /*! ../../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _element = __webpack_require__( /*! ../../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _inflector = __webpack_require__( /*! ../../../../core/utils/inflector */ 53124);
            var _string = __webpack_require__( /*! ../../../../core/utils/string */ 54497);
            var _themes = __webpack_require__( /*! ../../../../ui/themes */ 52071);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/widget/ui.errors */ 35185));
            var _label = __webpack_require__( /*! ../../../ui/form/components/label */ 38145);
            var _constants = __webpack_require__( /*! ../../../ui/form/constants */ 96891);
            var _m_validator = _interopRequireDefault(__webpack_require__( /*! ../../../ui/m_validator */ 71449));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const FLEX_LAYOUT_CLASS = exports.FLEX_LAYOUT_CLASS = "dx-flex-layout";
            const FIELD_ITEM_OPTIONAL_CLASS = exports.FIELD_ITEM_OPTIONAL_CLASS = "dx-field-item-optional";
            const FIELD_ITEM_REQUIRED_CLASS = exports.FIELD_ITEM_REQUIRED_CLASS = "dx-field-item-required";
            const FIELD_ITEM_CONTENT_WRAPPER_CLASS = exports.FIELD_ITEM_CONTENT_WRAPPER_CLASS = "dx-field-item-content-wrapper";
            const FIELD_ITEM_CONTENT_LOCATION_CLASS = exports.FIELD_ITEM_CONTENT_LOCATION_CLASS = "dx-field-item-content-location-";
            const FIELD_ITEM_LABEL_ALIGN_CLASS = exports.FIELD_ITEM_LABEL_ALIGN_CLASS = "dx-field-item-label-align";
            const FIELD_ITEM_HELP_TEXT_CLASS = exports.FIELD_ITEM_HELP_TEXT_CLASS = "dx-field-item-help-text";
            const LABEL_VERTICAL_ALIGNMENT_CLASS = exports.LABEL_VERTICAL_ALIGNMENT_CLASS = "dx-label-v-align";
            const LABEL_HORIZONTAL_ALIGNMENT_CLASS = exports.LABEL_HORIZONTAL_ALIGNMENT_CLASS = "dx-label-h-align";
            const TOGGLE_CONTROLS_PADDING_CLASS = exports.TOGGLE_CONTROLS_PADDING_CLASS = "dx-toggle-controls-paddings";

            function getValidationTarget($fieldEditorContainer) {
                const $editor = $fieldEditorContainer.children().first();
                return $editor.hasClass("dx-template-wrapper") ? $editor.children().first() : $editor
            }

            function subscribeWrapperInvalidClassToggle(validationTargetInstance) {
                if (validationTargetInstance && (0, _themes.isMaterialBased)((0, _themes.current)())) {
                    const wrapperClass = `.${FIELD_ITEM_CONTENT_WRAPPER_CLASS}`;
                    const toggleInvalidClass = _ref => {
                        let {
                            element: element,
                            component: component
                        } = _ref;
                        const {
                            isValid: isValid,
                            validationMessageMode: validationMessageMode
                        } = component.option();
                        (0, _renderer.default)(element).parents(wrapperClass).toggleClass("dx-invalid", false === isValid && (component._isFocused() || "always" === validationMessageMode))
                    };
                    validationTargetInstance.on("optionChanged", e => {
                        if ("isValid" !== e.name) {
                            return
                        }
                        toggleInvalidClass(e)
                    });
                    validationTargetInstance.on("focusIn", toggleInvalidClass).on("focusOut", toggleInvalidClass).on("enterKey", toggleInvalidClass)
                }
            }

            function getTemplateData(item, editorOptions, formOrLayoutManager) {
                return {
                    dataField: item.dataField,
                    editorType: item.editorType,
                    editorOptions: editorOptions,
                    component: formOrLayoutManager,
                    name: item.name
                }
            }
        },
        38145(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GET_LABEL_WIDTH_BY_TEXT_CLASS = exports.FIELD_ITEM_REQUIRED_MARK_CLASS = exports.FIELD_ITEM_OPTIONAL_MARK_CLASS = exports.FIELD_ITEM_LABEL_TEXT_CLASS = exports.FIELD_ITEM_LABEL_LOCATION_CLASS = void 0;
            exports.renderLabel = function(_ref) {
                let {
                    text: text,
                    id: id,
                    location: location,
                    alignment: alignment,
                    labelID: labelID = null,
                    markOptions: markOptions = {},
                    labelTemplate: labelTemplate,
                    labelTemplateData: labelTemplateData,
                    onLabelTemplateRendered: onLabelTemplateRendered
                } = _ref;
                if ((!(0, _type.isDefined)(text) || text.length <= 0) && !(0, _type.isDefined)(labelTemplate)) {
                    return null
                }
                const $label = (0, _renderer.default)("<label>").addClass(`${_constants.FIELD_ITEM_LABEL_CLASS} ${FIELD_ITEM_LABEL_LOCATION_CLASS}${location}`).attr("for", id).attr("id", labelID).css("textAlign", alignment);
                const $labelContainer = (0, _renderer.default)("<span>").addClass(_constants.FIELD_ITEM_LABEL_CONTENT_CLASS);
                let $labelContent = (0, _renderer.default)("<span>").addClass(FIELD_ITEM_LABEL_TEXT_CLASS);
                $labelContent.text(text);
                if (labelTemplate) {
                    $labelContent = (0, _renderer.default)("<div>").addClass("dx-field-item-custom-label-content");
                    labelTemplateData.text = text;
                    labelTemplate.render({
                        container: (0, _element.getPublicElement)($labelContent),
                        model: labelTemplateData,
                        onRendered() {
                            null === onLabelTemplateRendered || void 0 === onLabelTemplateRendered || onLabelTemplateRendered()
                        }
                    })
                }
                return $label.append($labelContainer.append($labelContent).append(function(markOptions) {
                    const markText = (0, _formLayout_manager.getLabelMarkText)(markOptions);
                    if ("" === markText) {
                        return (0, _renderer.default)()
                    }
                    const markClass = markOptions.showRequiredMark ? FIELD_ITEM_REQUIRED_MARK_CLASS : FIELD_ITEM_OPTIONAL_MARK_CLASS;
                    return (0, _renderer.default)("<span>").addClass(markClass).attr("aria-hidden", "true").text(markText)
                }(markOptions)))
            };
            exports.setLabelWidthByMaxLabelWidth = function($targetContainer, labelsSelector) {
                const labelContentItemsSelector = `${labelsSelector} > .${_constants.FIELD_ITEM_LABEL_CLASS}:not(.${FIELD_ITEM_LABEL_LOCATION_CLASS}top) > .${_constants.FIELD_ITEM_LABEL_CONTENT_CLASS}`;
                const $labelContentItems = $targetContainer.find(labelContentItemsSelector);
                const labelContentItemCount = $labelContentItems.length;
                let labelWidth = 0;
                let maxWidth = 0;
                for (let i = 0; i < labelContentItemCount; i += 1) {
                    labelWidth = getLabelWidthByHTML($labelContentItems[i]);
                    if (labelWidth > maxWidth) {
                        maxWidth = labelWidth
                    }
                }
                for (let i = 0; i < labelContentItemCount; i += 1) {
                    $labelContentItems[i].style.width = `${maxWidth}px`
                }
            };
            var _element = __webpack_require__( /*! ../../../../core/element */ 61404);
            var _renderer = (e = __webpack_require__( /*! ../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _constants = __webpack_require__( /*! ../../../ui/form/constants */ 96891);
            var _formLayout_manager = __webpack_require__( /*! ../../../ui/form/form.layout_manager.utils */ 3011);
            exports.GET_LABEL_WIDTH_BY_TEXT_CLASS = "dx-layout-manager-hidden-label";
            const FIELD_ITEM_REQUIRED_MARK_CLASS = exports.FIELD_ITEM_REQUIRED_MARK_CLASS = "dx-field-item-required-mark";
            const FIELD_ITEM_LABEL_LOCATION_CLASS = exports.FIELD_ITEM_LABEL_LOCATION_CLASS = "dx-field-item-label-location-";
            const FIELD_ITEM_OPTIONAL_MARK_CLASS = exports.FIELD_ITEM_OPTIONAL_MARK_CLASS = "dx-field-item-optional-mark";
            const FIELD_ITEM_LABEL_TEXT_CLASS = exports.FIELD_ITEM_LABEL_TEXT_CLASS = "dx-field-item-label-text";

            function getLabelWidthByHTML(labelContent) {
                let result = 0;
                const itemsCount = labelContent.children.length;
                for (let i = 0; i < itemsCount; i += 1) {
                    const child = labelContent.children[i];
                    result += child.offsetWidth
                }
                return result
            }
        },
        96891(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.WIDGET_CLASS = exports.SINGLE_COLUMN_ITEM_CONTENT = exports.SIMPLE_ITEM_TYPE = exports.ROOT_SIMPLE_ITEM_CLASS = exports.LAYOUT_MANAGER_ONE_COLUMN = exports.GROUP_COL_COUNT_CLASS = exports.GROUP_COL_COUNT_ATTR = exports.FORM_VALIDATION_SUMMARY = exports.FORM_UNDERLINED_CLASS = exports.FORM_LOAD_PANEL_WRAPPER_CLASS = exports.FORM_LOAD_PANEL_CLASS = exports.FORM_LAYOUT_MANAGER_CLASS = exports.FORM_GROUP_WITH_CAPTION_CLASS = exports.FORM_GROUP_CUSTOM_CAPTION_CLASS = exports.FORM_GROUP_CONTENT_CLASS = exports.FORM_GROUP_CLASS = exports.FORM_GROUP_CAPTION_CLASS = exports.FORM_FIELD_ITEM_COL_CLASS = exports.FORM_CLASS = exports.FIELD_ITEM_TAB_CLASS = exports.FIELD_ITEM_LABEL_CONTENT_CLASS = exports.FIELD_ITEM_LABEL_CLASS = exports.FIELD_ITEM_CONTENT_HAS_TABS_CLASS = exports.FIELD_ITEM_CONTENT_HAS_GROUP_CLASS = exports.FIELD_ITEM_CONTENT_CLASS = exports.FIELD_ITEM_CLASS = void 0;
            exports.WIDGET_CLASS = "dx-widget";
            exports.FORM_CLASS = "dx-form";
            exports.FORM_GROUP_CLASS = "dx-form-group";
            exports.FORM_GROUP_CAPTION_CLASS = "dx-form-group-caption";
            exports.FORM_GROUP_CUSTOM_CAPTION_CLASS = "dx-form-group-custom-caption";
            exports.FORM_FIELD_ITEM_COL_CLASS = "dx-col-";
            exports.FIELD_ITEM_CLASS = "dx-field-item";
            exports.LAYOUT_MANAGER_ONE_COLUMN = "dx-layout-manager-one-col";
            exports.FIELD_ITEM_LABEL_CONTENT_CLASS = "dx-field-item-label-content";
            exports.FORM_LAYOUT_MANAGER_CLASS = "dx-layout-manager";
            exports.FIELD_ITEM_LABEL_CLASS = "dx-field-item-label";
            exports.FIELD_ITEM_CONTENT_CLASS = "dx-field-item-content";
            exports.SINGLE_COLUMN_ITEM_CONTENT = "dx-single-column-item-content";
            exports.ROOT_SIMPLE_ITEM_CLASS = "dx-root-simple-item";
            exports.FORM_GROUP_CONTENT_CLASS = "dx-form-group-content";
            exports.FIELD_ITEM_CONTENT_HAS_GROUP_CLASS = "dx-field-item-has-group";
            exports.FIELD_ITEM_CONTENT_HAS_TABS_CLASS = "dx-field-item-has-tabs";
            exports.FORM_GROUP_WITH_CAPTION_CLASS = "dx-form-group-with-caption";
            exports.FIELD_ITEM_TAB_CLASS = "dx-field-item-tab";
            exports.GROUP_COL_COUNT_CLASS = "dx-group-colcount-";
            exports.GROUP_COL_COUNT_ATTR = "group-col-count";
            exports.FORM_VALIDATION_SUMMARY = "dx-form-validation-summary";
            exports.FORM_UNDERLINED_CLASS = "dx-form-styling-mode-underlined";
            exports.FORM_LOAD_PANEL_CLASS = "dx-form-loadpanel";
            exports.FORM_LOAD_PANEL_WRAPPER_CLASS = "dx-form-loadpanel-wrapper";
            exports.SIMPLE_ITEM_TYPE = "simple"
        },
        85211(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getItemFormatInfo = exports.getFieldType = void 0;
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            exports.getFieldType = editorType => {
                switch (editorType) {
                    case "dxDateBox":
                    case "dxCalendar":
                        return "date";
                    case "dxDateRangeBox":
                        return "dateRange";
                    case "dxCheckBox":
                    case "dxSwitch":
                        return "boolean";
                    case "dxNumberBox":
                    case "dxSlider":
                        return "number";
                    case "dxRangeSlider":
                        return "numberRange";
                    case "dxColorBox":
                        return "color";
                    default:
                        return "string"
                }
            };
            exports.getItemFormatInfo = _ref => {
                let {
                    editorType: editorType,
                    editorOptions: editorOptions
                } = _ref;
                const dataType = (editorType => {
                    switch (editorType) {
                        case "dxDateBox":
                        case "dxCalendar":
                            return "date in ISO format";
                        case "dxDateRangeBox":
                            return "date range in ISO format, use pattern {start}:::{end}";
                        case "dxColorBox":
                            return "color in hex format";
                        case "dxCheckBox":
                        case "dxSwitch":
                            return "boolean value, true or false";
                        case "dxNumberBox":
                        case "dxSlider":
                            return "numeric value";
                        case "dxRangeSlider":
                            return "numeric range, use pattern {start}:::{end}";
                        default:
                            return "text"
                    }
                })(editorType);
                const acceptedValues = (editorOptions => {
                    if (!(null !== editorOptions && void 0 !== editorOptions && editorOptions.items)) {
                        return ""
                    }
                    const items = editorOptions.items.map(item => {
                        if ((0, _type.isObject)(item)) {
                            return item.text
                        }
                        return item
                    });
                    const acceptedValues = `, accepted values: ${items.join(", ")}, split values with :::`;
                    const customItemsAllowed = null !== editorOptions && void 0 !== editorOptions && editorOptions.acceptCustomValue ? " (custom values are allowed)" : "";
                    return `${acceptedValues}${customItemsAllowed}`
                })(editorOptions);
                return `${dataType}${acceptedValues}`
            }
        },
        45978(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _class = (e = __webpack_require__( /*! ../../../core/class */ 55620), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = class {
                constructor(options) {
                    this._options = options;
                    this._itemsRunTimeInfo = this._options.itemsRunTimeInfo
                }
                findInstance() {
                    return this._itemsRunTimeInfo.findWidgetInstanceByItem(this._options.item)
                }
                findItemContainer() {
                    return this._itemsRunTimeInfo.findItemContainerByItem(this._options.item)
                }
                findPreparedItem() {
                    return this._itemsRunTimeInfo.findPreparedItemByItem(this._options.item)
                }
                tryExecute() {
                    _class.default.abstract()
                }
            }
        },
        44056(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _element_data = __webpack_require__( /*! ../../../core/element_data */ 74663);
            var _form = (e = __webpack_require__( /*! ../../ui/form/form.item_option_action */ 45978), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _form2 = __webpack_require__( /*! ../../ui/form/form.utils */ 56433);
            class WidgetOptionItemOptionAction extends _form.default {
                tryExecute() {
                    const {
                        value: value
                    } = this._options;
                    const instance = this.findInstance();
                    if (instance) {
                        instance.option(value);
                        return true
                    }
                    return false
                }
            }
            class TabOptionItemOptionAction extends _form.default {
                tryExecute() {
                    const tabPanel = this.findInstance();
                    if (tabPanel) {
                        const {
                            optionName: optionName,
                            item: item,
                            value: value
                        } = this._options;
                        const itemIndex = this._itemsRunTimeInfo.findItemIndexByItem(item) ?? -1;
                        if (itemIndex >= 0) {
                            tabPanel.option((0, _form2.getFullOptionName)(`items[${itemIndex}]`, optionName), value);
                            return true
                        }
                    }
                    return false
                }
            }
            class SimpleItemTemplateChangedAction extends _form.default {
                tryExecute() {
                    return false
                }
            }
            class GroupItemTemplateChangedAction extends _form.default {
                tryExecute() {
                    const preparedItem = this.findPreparedItem();
                    if (null !== preparedItem && void 0 !== preparedItem && preparedItem._prepareGroupItemTemplate && preparedItem._renderGroupContentTemplate) {
                        preparedItem._prepareGroupItemTemplate(this._options.item.template);
                        preparedItem._renderGroupContentTemplate();
                        return true
                    }
                    return false
                }
            }
            class TabsOptionItemOptionAction extends _form.default {
                tryExecute() {
                    const tabPanel = this.findInstance();
                    if (tabPanel) {
                        const {
                            value: value
                        } = this._options;
                        tabPanel.option("dataSource", value);
                        return true
                    }
                    return false
                }
            }
            class ValidationRulesItemOptionAction extends _form.default {
                tryExecute() {
                    const {
                        item: item
                    } = this._options;
                    const instance = this.findInstance();
                    const validator = instance && (0, _element_data.data)(instance.$element()[0], "dxValidator");
                    if (validator && item) {
                        const filterRequired = validationRule => "required" === validationRule.type;
                        const oldContainsRequired = (validator.option("validationRules") || []).some(filterRequired);
                        const newContainsRequired = (item.validationRules ?? []).some(filterRequired);
                        if (oldContainsRequired === newContainsRequired) {
                            validator.option("validationRules", item.validationRules);
                            return true
                        }
                    }
                    return false
                }
            }
            class CssClassItemOptionAction extends _form.default {
                tryExecute() {
                    const $itemContainer = this.findItemContainer();
                    if ($itemContainer.length) {
                        const {
                            previousValue: previousValue = "",
                            value: value = ""
                        } = this._options;
                        $itemContainer.removeClass(previousValue).addClass(value);
                        return true
                    }
                    return false
                }
            }
            exports.default = (optionName, itemActionOptions) => {
                switch (optionName) {
                    case "editorOptions":
                    case "buttonOptions":
                        return new WidgetOptionItemOptionAction(itemActionOptions);
                    case "validationRules":
                        return new ValidationRulesItemOptionAction(itemActionOptions);
                    case "cssClass":
                        return new CssClassItemOptionAction(itemActionOptions);
                    case "badge":
                    case "disabled":
                    case "icon":
                    case "tabTemplate":
                    case "title":
                        itemActionOptions.optionName = optionName;
                        return new TabOptionItemOptionAction(itemActionOptions);
                    case "tabs":
                        return new TabsOptionItemOptionAction(itemActionOptions);
                    case "template": {
                        var _itemActionOptions$it, _itemActionOptions$it2;
                        const itemType = (null === itemActionOptions || void 0 === itemActionOptions || null === (_itemActionOptions$it = itemActionOptions.item) || void 0 === _itemActionOptions$it ? void 0 : _itemActionOptions$it.itemType) ?? (null === (_itemActionOptions$it2 = itemActionOptions.itemsRunTimeInfo.findPreparedItemByItem(null === itemActionOptions || void 0 === itemActionOptions ? void 0 : itemActionOptions.item)) || void 0 === _itemActionOptions$it2 ? void 0 : _itemActionOptions$it2.itemType);
                        if ("simple" === itemType) {
                            return new SimpleItemTemplateChangedAction(itemActionOptions)
                        }
                        if ("group" === itemType) {
                            return new GroupItemTemplateChangedAction(itemActionOptions)
                        }
                        itemActionOptions.optionName = optionName;
                        return new TabOptionItemOptionAction(itemActionOptions)
                    }
                    default:
                        return null
                }
            }
        },
        68290(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _guid2 = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = class {
                constructor() {
                    this._map = {}
                }
                _findWidgetInstance(condition) {
                    let result;
                    (0, _iterator.each)(this._map, (_guid, _ref) => {
                        let {
                            widgetInstance: widgetInstance,
                            item: item
                        } = _ref;
                        if (condition(item)) {
                            result = widgetInstance;
                            return false
                        }
                        return true
                    });
                    return result
                }
                _findFieldByCondition(callback, valueExpr) {
                    let result;
                    (0, _iterator.each)(this._map, (key, value) => {
                        if (callback(value)) {
                            result = "guid" === valueExpr ? key : value[valueExpr];
                            return false
                        }
                        return true
                    });
                    return result
                }
                clear() {
                    this._map = {}
                }
                removeItemsByItems(itemsRunTimeInfo) {
                    (0, _iterator.each)(itemsRunTimeInfo.getItems(), guid => this.removeItemByKey(guid))
                }
                removeItemByKey(key) {
                    delete this._map[key]
                }
                add(options) {
                    const key = options.guid ?? (new _guid2.default).toString();
                    this._map[key] = options;
                    return key
                }
                addItemsOrExtendFrom(itemsRunTimeInfo) {
                    itemsRunTimeInfo.each((key, itemRunTimeInfo) => {
                        if (this._map[key]) {
                            if (itemRunTimeInfo.widgetInstance) {
                                this._map[key].widgetInstance = itemRunTimeInfo.widgetInstance
                            }
                            this._map[key].$itemContainer = itemRunTimeInfo.$itemContainer
                        } else {
                            this.add({
                                item: itemRunTimeInfo.item,
                                widgetInstance: itemRunTimeInfo.widgetInstance,
                                guid: key,
                                $itemContainer: itemRunTimeInfo.$itemContainer
                            })
                        }
                    })
                }
                extendRunTimeItemInfoByKey(key, options) {
                    if (this._map[key]) {
                        this._map[key] = (0, _extend.extend)(this._map[key], options)
                    }
                }
                findWidgetInstanceByItem(item) {
                    return this._findWidgetInstance(storedItem => storedItem === item)
                }
                findGroupOrTabLayoutManagerByPath(targetPath) {
                    return this._findFieldByCondition(_ref2 => {
                        let {
                            path: path
                        } = _ref2;
                        return path === targetPath
                    }, "layoutManager")
                }
                findKeyByPath(targetPath) {
                    return this._findFieldByCondition(_ref3 => {
                        let {
                            path: path
                        } = _ref3;
                        return path === targetPath
                    }, "guid")
                }
                findWidgetInstanceByName(name) {
                    return this._findWidgetInstance(item => name === item.name)
                }
                findWidgetInstanceByDataField(dataField) {
                    return this._findWidgetInstance(item => dataField === ((0, _type.isString)(item) ? item : item.dataField))
                }
                findItemContainerByItem(item) {
                    for (const key in this._map) {
                        if (this._map[key].item === item) {
                            return this._map[key].$itemContainer ?? (0, _renderer.default)()
                        }
                    }
                    return (0, _renderer.default)()
                }
                findItemIndexByItem(targetItem) {
                    return this._findFieldByCondition(_ref4 => {
                        let {
                            item: item
                        } = _ref4;
                        return item === targetItem
                    }, "itemIndex")
                }
                findPreparedItemByItem(item) {
                    return this._findFieldByCondition(_ref5 => {
                        let {
                            item: currentItem
                        } = _ref5;
                        return currentItem === item
                    }, "preparedItem")
                }
                getItems() {
                    return this._map
                }
                each(handler) {
                    (0, _iterator.each)(this._map, (key, itemRunTimeInfo) => {
                        handler(key, itemRunTimeInfo)
                    })
                }
                removeItemsByPathStartWith(path) {
                    const keys = Object.keys(this._map);
                    const filteredKeys = keys.filter(key => {
                        if (this._map[key].path) {
                            var _this$_map$key$path;
                            return null === (_this$_map$key$path = this._map[key].path) || void 0 === _this$_map$key$path ? void 0 : _this$_map$key$path.includes(path, 0)
                        }
                        return false
                    });
                    filteredKeys.forEach(key => this.removeItemByKey(key))
                }
                _isEditableItem(item) {
                    const {
                        visible: itemVisible,
                        editorOptions: editorOptions
                    } = item;
                    const {
                        readOnly: readOnly,
                        disabled: disabled,
                        visible: visible
                    } = editorOptions ?? {};
                    return false !== itemVisible && !readOnly && !disabled && false !== visible
                }
                _isItemAIEnabled(item) {
                    var _item$aiOptions;
                    return !(null !== (_item$aiOptions = item.aiOptions) && void 0 !== _item$aiOptions && _item$aiOptions.disabled)
                }
                _isDataItem(item) {
                    return "dataField" in item
                }
                getVisibleItems() {
                    const allItems = Object.values(this._map);
                    return allItems.filter(_ref6 => {
                        let {
                            $itemContainer: $itemContainer
                        } = _ref6;
                        return "visible" === (null === $itemContainer || void 0 === $itemContainer ? void 0 : $itemContainer.css("visibility"))
                    })
                }
                getItemsForDataExtraction() {
                    const visibleItems = this.getVisibleItems().map(_ref7 => {
                        let {
                            item: item
                        } = _ref7;
                        return item
                    });
                    return visibleItems.filter(this._isDataItem).filter(this._isItemAIEnabled).filter(this._isEditableItem)
                }
            }
        },
        10378(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ../../../ui/validation_summary */ 10585);
            __webpack_require__( /*! ../../../ui/validation_group */ 16390);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _visibility_change = __webpack_require__( /*! ../../../common/core/events/visibility_change */ 18029);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../../core/config */ 66636));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _resize_observer = _interopRequireDefault(__webpack_require__( /*! ../../../core/resize_observer */ 11787));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _conditional_invoke = __webpack_require__( /*! ../../core/utils/conditional_invoke */ 93147);
            var _m_console = __webpack_require__( /*! ../../core/utils/m_console */ 35005);
            var _widget = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _m_drop_down_editor = __webpack_require__( /*! ../../ui/drop_down_editor/m_drop_down_editor */ 28906);
            var _editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/editor/editor */ 24768));
            var _label = __webpack_require__( /*! ../../ui/form/components/label */ 38145);
            var _constants = __webpack_require__( /*! ../../ui/form/constants */ 96891);
            var _formAi = __webpack_require__( /*! ../../ui/form/form.ai.utils */ 85211);
            var _form = _interopRequireDefault(__webpack_require__( /*! ../../ui/form/form.item_options_actions */ 44056));
            var _form2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/form/form.items_runtime_info */ 68290));
            var _form3 = _interopRequireDefault(__webpack_require__( /*! ../../ui/form/form.layout_manager */ 75196));
            var _form4 = __webpack_require__( /*! ../../ui/form/form.load_panel */ 41951);
            var _form5 = __webpack_require__( /*! ../../ui/form/form.utils */ 56433);
            var _load_panel = _interopRequireDefault(__webpack_require__( /*! ../../ui/load_panel */ 77986));
            var _m_validation_engine = _interopRequireDefault(__webpack_require__( /*! ../../ui/m_validation_engine */ 79697));
            var _m_validation_summary = _interopRequireDefault(__webpack_require__( /*! ../../ui/m_validation_summary */ 31139));
            var _scrollable = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scrollable */ 85326));
            var _tab_panel = _interopRequireDefault(__webpack_require__( /*! ../../ui/tab_panel/tab_panel */ 98444));
            var _m_text_editor = __webpack_require__( /*! ../../ui/text_box/m_text_editor.base */ 34705);
            var _constants2 = __webpack_require__( /*! ../../ui/toolbar/constants */ 50634);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ITEM_OPTIONS_FOR_VALIDATION_UPDATING = ["items", "isRequired", "validationRules", "visible"];
            class Form extends _widget.default {
                constructor() {
                    super(...arguments);
                    this._currentAICommand = void 0
                }
                _init() {
                    super._init();
                    this._dirtyFields = new Set;
                    this._cachedColCountOptions = [];
                    this._itemsRunTimeInfo = new _form2.default;
                    this._groupsColCount = [];
                    this._attachSyncSubscriptions();
                    this._createSmartPastingAction();
                    this._createSmartPastedAction()
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        formID: `dx-${new _guid.default}`,
                        formData: {},
                        colCount: 1,
                        screenByWidth: _window.defaultScreenFactorFunc,
                        labelLocation: "left",
                        readOnly: false,
                        onFieldDataChanged: null,
                        customizeItem: null,
                        onEditorEnterKey: null,
                        minColWidth: 200,
                        alignItemLabels: true,
                        alignItemLabelsInAllGroups: true,
                        alignRootItemLabels: true,
                        showColonAfterLabel: true,
                        showRequiredMark: true,
                        showOptionalMark: false,
                        requiredMark: "*",
                        optionalMark: _message.default.format("dxForm-optionalMark"),
                        requiredMessage: _message.default.getFormatter("dxForm-requiredMessage"),
                        showValidationSummary: false,
                        scrollingEnabled: false,
                        stylingMode: (0, _config.default)().editorStylingMode,
                        labelMode: "outside",
                        isDirty: false,
                        onSmartPasting: null,
                        onSmartPasted: null
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => (0, _themes.isMaterialBased)((0, _themes.current)()),
                        options: {
                            labelLocation: "top"
                        }
                    }, {
                        device: () => (0, _themes.isMaterial)((0, _themes.current)()),
                        options: {
                            showColonAfterLabel: false
                        }
                    }])
                }
                _setOptionsByReference() {
                    super._setOptionsByReference();
                    (0, _extend.extend)(this._optionsByReference, {
                        formData: true,
                        validationGroup: true
                    })
                }
                _getGroupColCount($element) {
                    return parseInt($element.attr(_constants.GROUP_COL_COUNT_ATTR) ?? "1", 10)
                }
                _applyLabelsWidthByCol($container, index) {
                    let options = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
                    const fieldItemClass = null !== options && void 0 !== options && options.inOneColumn ? _constants.FIELD_ITEM_CLASS : _constants.FORM_FIELD_ITEM_COL_CLASS + index;
                    const cssExcludeTabbedSelector = null !== options && void 0 !== options && options.excludeTabbed ? `:not(.${_constants.FIELD_ITEM_TAB_CLASS})` : "";
                    (0, _label.setLabelWidthByMaxLabelWidth)($container, `.${fieldItemClass}${cssExcludeTabbedSelector}`)
                }
                _applyLabelsWidth($container, excludeTabbed, inOneColumn, colCount) {
                    const applyLabelsOptions = {
                        excludeTabbed: excludeTabbed,
                        inOneColumn: inOneColumn
                    };
                    const columnsCount = inOneColumn ? 1 : colCount ?? this._getGroupColCount($container);
                    for (let i = 0; i < columnsCount; i += 1) {
                        this._applyLabelsWidthByCol($container, i, applyLabelsOptions)
                    }
                }
                _getGroupElementsInColumn($container, columnIndex, colCount) {
                    const cssColCountSelector = (0, _type.isDefined)(colCount) ? `.${_constants.GROUP_COL_COUNT_CLASS}${colCount}` : "";
                    const groupSelector = `.${_constants.FORM_FIELD_ITEM_COL_CLASS}${columnIndex} > .${_constants.FIELD_ITEM_CONTENT_CLASS} > .${_constants.FORM_GROUP_CLASS}${cssColCountSelector}`;
                    return $container.find(groupSelector)
                }
                _applyLabelsWidthWithGroups($container, colCount, excludeTabbed) {
                    const {
                        alignRootItemLabels: alignRootItemLabels
                    } = this.option();
                    if (true === alignRootItemLabels) {
                        const $rootSimpleItems = $container.find(`.${_constants.ROOT_SIMPLE_ITEM_CLASS}`);
                        for (let colIndex = 0; colIndex < colCount; colIndex += 1) {
                            this._applyLabelsWidthByCol($rootSimpleItems, colIndex)
                        }
                    }
                    const alignItemLabelsInAllGroups = this.option("alignItemLabelsInAllGroups");
                    if (alignItemLabelsInAllGroups) {
                        this._applyLabelsWidthWithNestedGroups($container, colCount, excludeTabbed)
                    } else {
                        const $groups = this.$element().find(`.${_constants.FORM_GROUP_CLASS}`);
                        for (let i = 0; i < $groups.length; i += 1) {
                            this._applyLabelsWidth($groups.eq(i), excludeTabbed, false, void 0)
                        }
                    }
                }
                _applyLabelsWidthWithNestedGroups($container, colCount, excludeTabbed) {
                    const applyLabelsOptions = {
                        excludeTabbed: excludeTabbed
                    };
                    for (let colIndex = 0; colIndex < colCount; colIndex += 1) {
                        const $baseGroups = this._getGroupElementsInColumn($container, colIndex);
                        this._applyLabelsWidthByCol($baseGroups, 0, applyLabelsOptions);
                        for (let groupsColIndex = 0; groupsColIndex < this._groupsColCount.length; groupsColIndex += 1) {
                            const $groupsByCol = this._getGroupElementsInColumn($container, colIndex, this._groupsColCount[groupsColIndex]);
                            const groupColCount = this._getGroupColCount($groupsByCol);
                            for (let groupColIndex = 1; groupColIndex < groupColCount; groupColIndex += 1) {
                                this._applyLabelsWidthByCol($groupsByCol, groupColIndex, applyLabelsOptions)
                            }
                        }
                    }
                }
                _labelLocation() {
                    const {
                        labelLocation: labelLocation
                    } = this.option();
                    return labelLocation
                }
                _alignLabelsInColumn(options) {
                    const {
                        layoutManager: layoutManager,
                        inOneColumn: inOneColumn,
                        $container: $container,
                        excludeTabbed: excludeTabbed,
                        items: items
                    } = options;
                    if (!(0, _window.hasWindow)() || "top" === this._labelLocation()) {
                        return
                    }
                    if (inOneColumn) {
                        this._applyLabelsWidth($container, excludeTabbed, true, void 0)
                    } else if (this._checkGrouping(items)) {
                        this._applyLabelsWidthWithGroups($container, layoutManager._getColCount(), excludeTabbed)
                    } else {
                        this._applyLabelsWidth($container, excludeTabbed, false, layoutManager._getColCount())
                    }
                }
                _prepareFormData() {
                    if (!(0, _type.isDefined)(this.option("formData"))) {
                        this.option("formData", {})
                    }
                }
                _setStylingModeClass() {
                    const {
                        stylingMode: stylingMode
                    } = this.option();
                    if ("underlined" === stylingMode) {
                        this.$element().addClass(_constants.FORM_UNDERLINED_CLASS)
                    }
                }
                _initMarkup() {
                    _m_validation_engine.default.addGroup(this._getValidationGroup(), false);
                    this._clearCachedInstances();
                    this._prepareFormData();
                    this.$element().addClass(_constants.FORM_CLASS);
                    this._setStylingModeClass();
                    super._initMarkup();
                    this.setAria("role", "form", this.$element());
                    const {
                        scrollingEnabled: scrollingEnabled
                    } = this.option();
                    if (scrollingEnabled) {
                        this._renderScrollable()
                    }
                    this._renderLayout();
                    this._renderValidationSummary();
                    this._lastMarkupScreenFactor = this._targetScreenFactor || this._getCurrentScreenFactor();
                    this._attachResizeObserverSubscription()
                }
                _attachResizeObserverSubscription() {
                    if ((0, _window.hasWindow)()) {
                        const formRootElement = this.$element().get(0);
                        _resize_observer.default.unobserve(formRootElement);
                        _resize_observer.default.observe(formRootElement, () => {
                            this._resizeHandler()
                        })
                    }
                }
                _resizeHandler() {
                    if (this._cachedLayoutManagers.length) {
                        (0, _iterator.each)(this._cachedLayoutManagers, (_, layoutManager) => {
                            const {
                                onLayoutChanged: onLayoutChanged
                            } = layoutManager.option();
                            null === onLayoutChanged || void 0 === onLayoutChanged || onLayoutChanged(layoutManager.isSingleColumnMode())
                        })
                    }
                }
                _getCurrentScreenFactor() {
                    const {
                        screenByWidth: screenByWidth
                    } = this.option();
                    if ((0, _window.hasWindow)()) {
                        const currentScreenFactor = (0, _window.getCurrentScreenFactor)(screenByWidth);
                        return currentScreenFactor
                    }
                    return "lg"
                }
                _clearCachedInstances() {
                    this._itemsRunTimeInfo.clear();
                    this._cachedLayoutManagers = []
                }
                _alignLabels(layoutManager, inOneColumn) {
                    const {
                        items: items
                    } = this.option();
                    this._alignLabelsInColumn({
                        $container: this.$element(),
                        layoutManager: layoutManager,
                        excludeTabbed: true,
                        items: items,
                        inOneColumn: inOneColumn
                    });
                    (0, _visibility_change.triggerResizeEvent)(this.$element().find(`.${_constants2.TOOLBAR_CLASS}`))
                }
                _clean() {
                    this._clearValidationSummary();
                    super._clean();
                    this._groupsColCount = [];
                    this._cachedColCountOptions = [];
                    this._lastMarkupScreenFactor = void 0;
                    _resize_observer.default.unobserve(this.$element().get(0))
                }
                _renderScrollable() {
                    const useNativeScrolling = this.option("useNativeScrolling");
                    this._scrollable = new _scrollable.default(this.$element(), {
                        useNative: !!useNativeScrolling,
                        useSimulatedScrollbar: !useNativeScrolling,
                        useKeyboard: false,
                        direction: "both",
                        bounceEnabled: false
                    })
                }
                _getContent() {
                    var _this$_scrollable;
                    const {
                        scrollingEnabled: scrollingEnabled
                    } = this.option();
                    return scrollingEnabled ? (0, _renderer.default)(null === (_this$_scrollable = this._scrollable) || void 0 === _this$_scrollable ? void 0 : _this$_scrollable.content()) : this.$element()
                }
                _clearValidationSummary() {
                    var _this$_$validationSum;
                    null === (_this$_$validationSum = this._$validationSummary) || void 0 === _this$_$validationSum || _this$_$validationSum.remove();
                    this._$validationSummary = void 0;
                    this._validationSummary = void 0
                }
                _renderValidationSummary() {
                    this._clearValidationSummary();
                    const {
                        showValidationSummary: showValidationSummary
                    } = this.option();
                    if (showValidationSummary) {
                        this._$validationSummary = (0, _renderer.default)("<div>").addClass(_constants.FORM_VALIDATION_SUMMARY).appendTo(this._getContent());
                        this._validationSummary = super._createComponent(this._$validationSummary, _m_validation_summary.default, {
                            validationGroup: this._getValidationGroup()
                        })
                    }
                }
                _prepareItems(items, parentIsTabbedItem, currentPath, isTabs) {
                    if (items) {
                        const result = [];
                        for (let i = 0; i < items.length; i += 1) {
                            let item = items[i];
                            const path = (0, _form5.concatPaths)(currentPath, (0, _form5.createItemPathByIndex)(i, isTabs));
                            const itemRunTimeInfo = {
                                item: item,
                                itemIndex: i,
                                path: path
                            };
                            const guid = this._itemsRunTimeInfo.add(itemRunTimeInfo);
                            if ((0, _type.isString)(item)) {
                                item = {
                                    dataField: item
                                }
                            }
                            if ((0, _type.isObject)(item)) {
                                const preparedItem = Object.assign({}, item);
                                itemRunTimeInfo.preparedItem = preparedItem;
                                preparedItem.guid = guid;
                                this._tryPrepareGroupItemCaption(preparedItem);
                                this._tryPrepareGroupItem(preparedItem);
                                this._tryPrepareTabbedItem(preparedItem, path);
                                this._tryPrepareItemTemplate(preparedItem);
                                if (parentIsTabbedItem) {
                                    preparedItem.cssItemClass = _constants.FIELD_ITEM_TAB_CLASS
                                }
                                if (preparedItem.items) {
                                    preparedItem.items = this._prepareItems(preparedItem.items, parentIsTabbedItem, path)
                                }
                                result.push(preparedItem)
                            } else {
                                result.push(item)
                            }
                        }
                        return result
                    }
                    return items
                }
                _isGroupItem(item) {
                    return "group" === item.itemType
                }
                _tryPrepareGroupItemCaption(item) {
                    if (this._isGroupItem(item)) {
                        item._prepareGroupCaptionTemplate = captionTemplate => {
                            if (item.captionTemplate) {
                                item.groupCaptionTemplate = this._getTemplate(captionTemplate)
                            }
                            item.captionTemplate = this._itemGroupTemplate.bind(this, item)
                        };
                        item._prepareGroupCaptionTemplate(item.captionTemplate)
                    }
                }
                _tryPrepareGroupItem(item) {
                    if (this._isGroupItem(item)) {
                        item.alignItemLabels = (0, _common.ensureDefined)(item.alignItemLabels, true);
                        item._prepareGroupItemTemplate = itemTemplate => {
                            if (item.template) {
                                item.groupContentTemplate = this._getTemplate(itemTemplate)
                            }
                            item.template = this._itemGroupTemplate.bind(this, item)
                        };
                        item._prepareGroupItemTemplate(item.template)
                    }
                }
                _isTabbedItem(item) {
                    return "tabbed" === item.itemType
                }
                _tryPrepareTabbedItem(item, path) {
                    if (this._isTabbedItem(item)) {
                        item.template = this._itemTabbedTemplate.bind(this, item);
                        item.tabs = this._prepareItems(item.tabs, true, path, true)
                    }
                }
                _tryPrepareItemTemplate(item) {
                    if (item.template) {
                        item.template = this._getTemplate(item.template)
                    }
                }
                _checkGrouping(items) {
                    if (items) {
                        for (let i = 0; i < items.length; i += 1) {
                            const item = items[i];
                            if ("group" === item.itemType) {
                                return true
                            }
                        }
                    }
                    return false
                }
                _renderLayout() {
                    const {
                        items: items
                    } = this.option();
                    const $content = this._getContent();
                    const preparedItems = this._prepareItems(items);
                    const {
                        colCount: colCount,
                        alignItemLabels: alignItemLabels,
                        screenByWidth: screenByWidth,
                        colCountByScreen: colCountByScreen
                    } = this.option();
                    this._rootLayoutManager = this._renderLayoutManager($content, this._createLayoutManagerOptions(preparedItems, {
                        isRoot: true,
                        colCount: colCount,
                        alignItemLabels: alignItemLabels,
                        screenByWidth: screenByWidth,
                        colCountByScreen: colCountByScreen,
                        onLayoutChanged: inOneColumn => {
                            this._alignLabels.bind(this)(this._rootLayoutManager, inOneColumn)
                        },
                        onContentReady: e => {
                            this._alignLabels(e.component, e.component.isSingleColumnMode())
                        }
                    }))
                }
                _tryGetItemsForTemplate(item) {
                    return item.items ?? []
                }
                _itemTabbedTemplate(tabbedItem, data, $itemContainer) {
                    const $tabPanel = (0, _renderer.default)("<div>").appendTo($itemContainer);
                    const tabPanelOptions = Object.assign({}, tabbedItem.tabPanelOptions, {
                        dataSource: tabbedItem.tabs,
                        onItemRendered: args => {
                            var _tabbedItem$tabPanelO, _tabbedItem$tabPanelO2;
                            null === (_tabbedItem$tabPanelO = tabbedItem.tabPanelOptions) || void 0 === _tabbedItem$tabPanelO || null === (_tabbedItem$tabPanelO2 = _tabbedItem$tabPanelO.onItemRendered) || void 0 === _tabbedItem$tabPanelO2 || _tabbedItem$tabPanelO2.call(_tabbedItem$tabPanelO, args);
                            (0, _visibility_change.triggerShownEvent)(args.itemElement)
                        },
                        itemTemplate: (itemData, e, container) => {
                            const {
                                screenByWidth: screenByWidth
                            } = this.option();
                            const $container = (0, _renderer.default)(container);
                            const alignItemLabels = (0, _common.ensureDefined)(itemData.alignItemLabels, true);
                            const layoutManager = this._renderLayoutManager($container, this._createLayoutManagerOptions(this._tryGetItemsForTemplate(itemData), {
                                colCount: itemData.colCount,
                                alignItemLabels: alignItemLabels,
                                screenByWidth: screenByWidth,
                                colCountByScreen: itemData.colCountByScreen,
                                cssItemClass: itemData.cssItemClass,
                                onLayoutChanged: inOneColumn => {
                                    this._alignLabelsInColumn({
                                        $container: (0, _renderer.default)(container),
                                        layoutManager: layoutManager,
                                        items: itemData.items,
                                        inOneColumn: inOneColumn,
                                        excludeTabbed: false
                                    })
                                }
                            }));
                            if (this._itemsRunTimeInfo) {
                                this._itemsRunTimeInfo.extendRunTimeItemInfoByKey(itemData.guid ?? "", {
                                    layoutManager: layoutManager
                                })
                            }
                            if (alignItemLabels) {
                                this._alignLabelsInColumn({
                                    $container: $container,
                                    layoutManager: layoutManager,
                                    items: itemData.items,
                                    inOneColumn: layoutManager.isSingleColumnMode(),
                                    excludeTabbed: false
                                })
                            }
                        }
                    });
                    const tryUpdateTabPanelInstance = (items, instance) => {
                        if (Array.isArray(items)) {
                            items.forEach(item => this._itemsRunTimeInfo.extendRunTimeItemInfoByKey(item.guid ?? "", {
                                widgetInstance: instance
                            }))
                        }
                    };
                    const tabPanel = this._createComponent($tabPanel, _tab_panel.default, tabPanelOptions);
                    (0, _renderer.default)($itemContainer).parent().addClass(_constants.FIELD_ITEM_CONTENT_HAS_TABS_CLASS);
                    tabPanel.on("optionChanged", eventArgs => {
                        const {
                            fullName: fullName,
                            value: value,
                            component: component
                        } = eventArgs;
                        if ("dataSource" === fullName) {
                            tryUpdateTabPanelInstance(value, component)
                        }
                    });
                    tryUpdateTabPanelInstance([{
                        guid: tabbedItem.guid
                    }, ...tabbedItem.tabs ?? []], tabPanel)
                }
                _itemGroupCaptionTemplate(item, $group, id) {
                    if (item.groupCaptionTemplate) {
                        const $captionTemplate = (0, _renderer.default)("<div>").addClass(_constants.FORM_GROUP_CUSTOM_CAPTION_CLASS).attr("id", id).appendTo($group);
                        item._renderGroupCaptionTemplate = () => {
                            var _item$groupCaptionTem;
                            const data = {
                                component: this,
                                caption: item.caption,
                                name: item.name
                            };
                            null === (_item$groupCaptionTem = item.groupCaptionTemplate) || void 0 === _item$groupCaptionTem || _item$groupCaptionTem.render({
                                model: data,
                                container: (0, _element.getPublicElement)($captionTemplate)
                            })
                        };
                        item._renderGroupCaptionTemplate();
                        return
                    }
                    if (item.caption) {
                        (0, _renderer.default)("<span>").addClass(_constants.FORM_GROUP_CAPTION_CLASS).text(item.caption).attr("id", id).appendTo($group)
                    }
                }
                _itemGroupContentTemplate(item, $group) {
                    const $groupContent = (0, _renderer.default)("<div>").addClass(_constants.FORM_GROUP_CONTENT_CLASS).appendTo($group);
                    if (item.groupContentTemplate) {
                        item._renderGroupContentTemplate = () => {
                            var _item$groupContentTem;
                            $groupContent.empty();
                            const data = {
                                formData: this.option("formData"),
                                component: this
                            };
                            null === (_item$groupContentTem = item.groupContentTemplate) || void 0 === _item$groupContentTem || _item$groupContentTem.render({
                                model: data,
                                container: (0, _element.getPublicElement)($groupContent)
                            })
                        };
                        item._renderGroupContentTemplate()
                    } else {
                        var _this$_itemsRunTimeIn;
                        const layoutManager = this._renderLayoutManager($groupContent, this._createLayoutManagerOptions(this._tryGetItemsForTemplate(item), {
                            colCount: item.colCount,
                            colCountByScreen: item.colCountByScreen,
                            alignItemLabels: item.alignItemLabels,
                            cssItemClass: item.cssItemClass
                        }));
                        null === (_this$_itemsRunTimeIn = this._itemsRunTimeInfo) || void 0 === _this$_itemsRunTimeIn || _this$_itemsRunTimeIn.extendRunTimeItemInfoByKey(item.guid ?? "", {
                            layoutManager: layoutManager
                        });
                        const colCount = layoutManager._getColCount();
                        if (!this._groupsColCount.includes(colCount)) {
                            this._groupsColCount.push(colCount)
                        }
                        $group.addClass(_constants.GROUP_COL_COUNT_CLASS + colCount);
                        $group.attr(_constants.GROUP_COL_COUNT_ATTR, colCount)
                    }
                }
                _itemGroupTemplate(item, options, $container) {
                    var _item$caption;
                    const {
                        id: id
                    } = options.editorOptions.inputAttr;
                    const $group = (0, _renderer.default)("<div>").toggleClass(_constants.FORM_GROUP_WITH_CAPTION_CLASS, !!(null !== (_item$caption = item.caption) && void 0 !== _item$caption && _item$caption.length)).addClass(_constants.FORM_GROUP_CLASS).appendTo($container);
                    const groupAria = {
                        role: "group",
                        labelledby: id
                    };
                    this.setAria(groupAria, $group);
                    (0, _renderer.default)($container).parent().addClass(_constants.FIELD_ITEM_CONTENT_HAS_GROUP_CLASS);
                    this._itemGroupCaptionTemplate(item, $group, id);
                    this._itemGroupContentTemplate(item, $group)
                }
                _createLayoutManagerOptions(items, extendedLayoutManagerOptions) {
                    return (0, _form5.convertToLayoutManagerOptions)({
                        form: this,
                        formOptions: this.option(),
                        $formElement: this.$element(),
                        items: items,
                        validationGroup: this._getValidationGroup(),
                        extendedLayoutManagerOptions: extendedLayoutManagerOptions,
                        onFieldDataChanged: args => {
                            if (!this._isDataUpdating) {
                                this._triggerOnFieldDataChanged(args)
                            }
                        },
                        onContentReady: args => {
                            var _extendedLayoutManage;
                            this._itemsRunTimeInfo.addItemsOrExtendFrom(args.component._itemsRunTimeInfo);
                            null === (_extendedLayoutManage = extendedLayoutManagerOptions.onContentReady) || void 0 === _extendedLayoutManage || _extendedLayoutManage.call(extendedLayoutManagerOptions, args)
                        },
                        onDisposing: e => {
                            const {
                                component: component
                            } = e;
                            const nestedItemsRunTimeInfo = component.getItemsRunTimeInfo();
                            this._itemsRunTimeInfo.removeItemsByItems(nestedItemsRunTimeInfo)
                        },
                        onFieldItemRendered: () => {
                            var _this$_validationSumm;
                            null === (_this$_validationSumm = this._validationSummary) || void 0 === _this$_validationSumm || _this$_validationSumm.refreshValidationGroup()
                        }
                    })
                }
                _renderLayoutManager($parent, layoutManagerOptions) {
                    const baseColCountByScreen = {
                        lg: layoutManagerOptions.colCount,
                        md: layoutManagerOptions.colCount,
                        sm: layoutManagerOptions.colCount,
                        xs: 1
                    };
                    this._cachedColCountOptions.push({
                        colCountByScreen: (0, _extend.extend)(baseColCountByScreen, layoutManagerOptions.colCountByScreen)
                    });
                    const $element = (0, _renderer.default)("<div>");
                    $element.appendTo($parent);
                    const instance = this._createComponent($element, _form3.default, layoutManagerOptions);
                    instance.on("autoColCountChanged", () => {
                        this._clearAutoColCountChangedTimeout();
                        this.autoColCountChangedTimeoutId = setTimeout(() => !this._disposed && this._refresh(), 0)
                    });
                    this._cachedLayoutManagers.push(instance);
                    return instance
                }
                _getValidationGroup() {
                    const {
                        validationGroup: validationGroup
                    } = this.option();
                    return validationGroup ?? this
                }
                _createComponent(element, component, componentConfiguration) {
                    const {
                        readOnly: readOnly
                    } = this.option();
                    this._extendConfig(componentConfiguration ?? {}, {
                        readOnly: readOnly
                    });
                    return super._createComponent(element, component, componentConfiguration)
                }
                _attachSyncSubscriptions() {
                    this.on("optionChanged", args => {
                        const {
                            fullName: fullName,
                            name: name
                        } = args;
                        if ("formData" === fullName) {
                            if (!(0, _type.isDefined)(args.value)) {
                                this._options.silent("formData", args.value = {})
                            }
                            this._triggerOnFieldDataChangedByDataSet(args.value)
                        }
                        if (this._cachedLayoutManagers.length) {
                            (0, _iterator.each)(this._cachedLayoutManagers, (_index, layoutManager) => {
                                if ("formData" === fullName) {
                                    this._isDataUpdating = true;
                                    layoutManager.option("layoutData", args.value);
                                    this._isDataUpdating = false
                                }
                                if ("readOnly" === name || "disabled" === name) {
                                    layoutManager.option(fullName, args.value)
                                }
                            })
                        }
                    })
                }
                _createSmartPastingAction() {
                    this._smartPastingAction = this._createActionByOption("onSmartPasting", {
                        excludeValidators: ["disabled"]
                    })
                }
                _createSmartPastedAction() {
                    this._smartPastedAction = this._createActionByOption("onSmartPasted", {
                        excludeValidators: ["disabled"]
                    })
                }
                _optionChanged(args) {
                    const {
                        fullName: fullName
                    } = args;
                    const splitFullName = fullName.split(".");
                    if (splitFullName.length > 1 && -1 !== splitFullName[0].search("items") && this._itemsOptionChangedHandler(args)) {
                        return
                    }
                    if (splitFullName.length > 1 && -1 !== splitFullName[0].search("formData") && this._formDataOptionChangedHandler(args)) {
                        return
                    }
                    this._defaultOptionChangedHandler(args)
                }
                _defaultOptionChangedHandler(args) {
                    switch (args.name) {
                        case "formData":
                            if (!this.option("items")) {
                                this._invalidate()
                            } else if ((0, _type.isEmptyObject)(args.value)) {
                                this._clear()
                            }
                            break;
                        case "onFieldDataChanged":
                        case "alignRootItemLabels":
                        case "readOnly":
                        case "isDirty":
                            break;
                        case "items":
                        case "colCount":
                        case "onEditorEnterKey":
                        case "labelLocation":
                        case "labelMode":
                        case "alignItemLabels":
                        case "showColonAfterLabel":
                        case "customizeItem":
                        case "alignItemLabelsInAllGroups":
                        case "showRequiredMark":
                        case "showOptionalMark":
                        case "requiredMark":
                        case "optionalMark":
                        case "requiredMessage":
                        case "scrollingEnabled":
                        case "formID":
                        case "colCountByScreen":
                        case "screenByWidth":
                        case "stylingMode":
                            this._invalidate();
                            break;
                        case "showValidationSummary":
                            this._renderValidationSummary();
                            break;
                        case "minColWidth": {
                            const {
                                colCount: colCount
                            } = this.option();
                            if ("auto" === colCount) {
                                this._invalidate()
                            }
                            break
                        }
                        case "width":
                            super._optionChanged(args);
                            this._rootLayoutManager.option(args.name, args.value);
                            this._alignLabels(this._rootLayoutManager, this._rootLayoutManager.isSingleColumnMode());
                            break;
                        case "validationGroup":
                            _m_validation_engine.default.removeGroup(args.previousValue || this);
                            this._invalidate();
                            break;
                        case "aiIntegration":
                            this._processAIIntegrationUpdate();
                            break;
                        case "onSmartPasting":
                            this._createSmartPastingAction();
                            break;
                        case "onSmartPasted":
                            this._createSmartPastedAction();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _itemsOptionChangedHandler(args) {
                    const {
                        value: value,
                        fullName: fullName
                    } = args;
                    const nameParts = fullName.split(".");
                    const itemPath = this._getItemPath(nameParts);
                    const item = this.option(itemPath);
                    const optionNameWithoutPath = fullName.replace(`${itemPath}.`, "");
                    const simpleOptionName = optionNameWithoutPath.split(".")[0].replace(/\[\d+]/, "");
                    const itemAction = this._tryCreateItemOptionAction(simpleOptionName, item, item[simpleOptionName], args.previousValue, itemPath);
                    let result = this._tryExecuteItemOptionAction(itemAction) ?? this._tryChangeLayoutManagerItemOption(fullName, value);
                    if (!result && item) {
                        this._changeItemOption(item, optionNameWithoutPath, value);
                        const {
                            items: items
                        } = this.option();
                        const generatedItems = this._generateItemsFromData(items);
                        this.option("items", generatedItems);
                        result = true
                    }
                    return result
                }
                _formDataOptionChangedHandler(args) {
                    const nameParts = args.fullName.split(".");
                    const {
                        value: value
                    } = args;
                    const dataField = nameParts.slice(1).join(".");
                    const editor = this.getEditor(dataField);
                    if (editor) {
                        editor.option("value", value)
                    } else {
                        this._triggerOnFieldDataChanged({
                            dataField: dataField,
                            value: value
                        })
                    }
                    return true
                }
                _tryCreateItemOptionAction(optionName, item, value, previousValue, itemPath) {
                    let currentValue = value;
                    if ("tabs" === optionName) {
                        this._itemsRunTimeInfo.removeItemsByPathStartWith(`${itemPath}.tabs`);
                        currentValue = this._prepareItems(currentValue, true, itemPath, true)
                    }
                    return (0, _form.default)(optionName, {
                        item: item,
                        value: currentValue,
                        previousValue: previousValue,
                        itemsRunTimeInfo: this._itemsRunTimeInfo
                    })
                }
                _tryExecuteItemOptionAction(action) {
                    return null === action || void 0 === action ? void 0 : action.tryExecute()
                }
                _updateValidationGroupAndSummaryIfNeeded(fullName) {
                    const optionName = (0, _form5.getOptionNameFromFullName)(fullName);
                    if (ITEM_OPTIONS_FOR_VALIDATION_UPDATING.includes(optionName)) {
                        _m_validation_engine.default.addGroup(this._getValidationGroup(), false);
                        if (this.option("showValidationSummary")) {
                            var _this$_validationSumm2;
                            null === (_this$_validationSumm2 = this._validationSummary) || void 0 === _this$_validationSumm2 || _this$_validationSumm2.refreshValidationGroup()
                        }
                    }
                }
                _setLayoutManagerItemOption(layoutManager, optionName, value, path) {
                    if (this._updateLockCount > 0) {
                        if (!layoutManager._updateLockCount) {
                            layoutManager.beginUpdate()
                        }
                        const key = this._itemsRunTimeInfo.findKeyByPath(path);
                        this.postponedOperations.add(key, () => {
                            if (!layoutManager._disposed) {
                                layoutManager.endUpdate()
                            }
                            return (0, _deferred.Deferred)().resolve()
                        })
                    }
                    const contentReadyHandler = e => {
                        e.component.off("contentReady", contentReadyHandler);
                        if ((0, _form5.isFullPathContainsTabs)(path)) {
                            const tabPath = (0, _form5.tryGetTabPath)(path);
                            const tabLayoutManager = this._itemsRunTimeInfo.findGroupOrTabLayoutManagerByPath(tabPath);
                            if (tabLayoutManager) {
                                const {
                                    items: items
                                } = tabLayoutManager.option();
                                this._alignLabelsInColumn({
                                    items: items,
                                    layoutManager: tabLayoutManager,
                                    $container: tabLayoutManager.$element(),
                                    inOneColumn: tabLayoutManager.isSingleColumnMode(),
                                    excludeTabbed: false
                                })
                            }
                        } else {
                            this._alignLabels(this._rootLayoutManager, this._rootLayoutManager.isSingleColumnMode())
                        }
                    };
                    layoutManager.on("contentReady", contentReadyHandler);
                    layoutManager.option(optionName, value);
                    this._updateValidationGroupAndSummaryIfNeeded(optionName)
                }
                _tryChangeLayoutManagerItemOption(fullName, value) {
                    const nameParts = fullName.split(".");
                    const optionName = (0, _form5.getOptionNameFromFullName)(fullName);
                    if ("items" === optionName && nameParts.length > 1) {
                        const itemPath = this._getItemPath(nameParts);
                        const layoutManager = this._itemsRunTimeInfo.findGroupOrTabLayoutManagerByPath(itemPath);
                        if (layoutManager) {
                            this._itemsRunTimeInfo.removeItemsByItems(layoutManager.getItemsRunTimeInfo());
                            const items = this._prepareItems(value, false, itemPath);
                            this._setLayoutManagerItemOption(layoutManager, optionName, items, itemPath);
                            return true
                        }
                    } else if (nameParts.length > 2) {
                        const endPartIndex = nameParts.length - 2;
                        const itemPath = this._getItemPath(nameParts.slice(0, endPartIndex));
                        const layoutManager = this._itemsRunTimeInfo.findGroupOrTabLayoutManagerByPath(itemPath);
                        if (layoutManager) {
                            const fullOptionName = (0, _form5.getFullOptionName)(nameParts[endPartIndex], optionName);
                            if ("editorType" === optionName) {
                                if (layoutManager.option(fullOptionName) !== value) {
                                    return false
                                }
                            }
                            if ("visible" === optionName) {
                                const formItems = this.option((0, _form5.getFullOptionName)(itemPath, "items"));
                                if (null !== formItems && void 0 !== formItems && formItems.length) {
                                    const {
                                        items: layoutManagerItems
                                    } = layoutManager.option();
                                    formItems.forEach((item, index) => {
                                        const layoutItem = layoutManagerItems[index];
                                        layoutItem.visibleIndex = item.visibleIndex
                                    })
                                }
                            }
                            this._setLayoutManagerItemOption(layoutManager, fullOptionName, value, itemPath);
                            return true
                        }
                    }
                    return false
                }
                _tryChangeLayoutManagerItemOptions(itemPath, options) {
                    let result = false;
                    this.beginUpdate();
                    (0, _iterator.each)(options, (optionName, optionValue) => {
                        result = this._tryChangeLayoutManagerItemOption((0, _form5.getFullOptionName)(itemPath, optionName), optionValue);
                        if (!result) {
                            return false
                        }
                        return true
                    });
                    this.endUpdate();
                    return result
                }
                _getItemPath(nameParts) {
                    let itemPath = nameParts[0];
                    for (let i = 1; i < nameParts.length; i += 1) {
                        if (-1 !== nameParts[i].search(/items\[\d+]|tabs\[\d+]/)) {
                            itemPath += `.${nameParts[i]}`
                        } else {
                            break
                        }
                    }
                    return itemPath
                }
                _triggerOnFieldDataChanged(args) {
                    this._updateIsDirty(args.dataField ?? "");
                    this._createActionByOption("onFieldDataChanged")(args)
                }
                _triggerOnFieldDataChangedByDataSet(data) {
                    if (data && (0, _type.isObject)(data)) {
                        Object.keys(data).forEach(key => {
                            this._triggerOnFieldDataChanged({
                                dataField: key,
                                value: data[key]
                            })
                        })
                    }
                }
                _updateFieldValue(dataField, value) {
                    const {
                        formData: formData
                    } = this.option();
                    if ((0, _type.isDefined)(formData)) {
                        const editor = this.getEditor(dataField);
                        this.option(`formData.${dataField}`, value);
                        if (editor) {
                            const editorValue = editor.option("value");
                            if (editorValue !== value) {
                                editor.option("value", value)
                            }
                        }
                    }
                }
                _generateItemsFromData(items) {
                    const {
                        formData: formData
                    } = this.option();
                    const result = [];
                    if (!items && (0, _type.isDefined)(formData)) {
                        (0, _iterator.each)(formData, dataField => {
                            result.push({
                                dataField: dataField
                            })
                        })
                    }
                    if (items) {
                        (0, _iterator.each)(items, (_index, item) => {
                            if ((0, _type.isObject)(item)) {
                                result.push(item)
                            } else {
                                result.push({
                                    dataField: item
                                })
                            }
                        })
                    }
                    return result
                }
                _getItemByField(field, items) {
                    const fieldParts = (0, _type.isObject)(field) ? field : this._getFieldParts(field);
                    const {
                        fieldName: fieldName
                    } = fieldParts;
                    const {
                        fieldPath: fieldPath
                    } = fieldParts;
                    let resultItem = null;
                    if (items.length) {
                        (0, _iterator.each)(items, (_index, item) => {
                            const {
                                itemType: itemType
                            } = item;
                            if (fieldPath.length) {
                                const path = fieldPath.slice();
                                item = this._getItemByFieldPath(path, fieldName, item)
                            } else if (this._isGroupItem(item) && !(item.caption || item.name) || "tabbed" === itemType && !item.name) {
                                const subItemsField = this._getSubItemField(itemType);
                                item.items = this._generateItemsFromData(item.items);
                                item = this._getItemByField({
                                    fieldName: fieldName,
                                    fieldPath: fieldPath
                                }, item[subItemsField])
                            }
                            if ((0, _form5.isEqualToDataFieldOrNameOrTitleOrCaption)(item, fieldName)) {
                                resultItem = item;
                                return false
                            }
                            return true
                        })
                    }
                    return resultItem
                }
                _getFieldParts(field) {
                    const [fieldName, ...fieldPath] = field.split(".").reverse();
                    return {
                        fieldName: fieldName,
                        fieldPath: fieldPath
                    }
                }
                _getItemByFieldPath(path, fieldName, item) {
                    const {
                        itemType: itemType
                    } = item;
                    const subItemsField = this._getSubItemField(itemType);
                    const isItemWithSubItems = "group" === itemType || "tabbed" === itemType || item.title;
                    let result = null;
                    do {
                        if (isItemWithSubItems) {
                            const name = item.name || item.caption || item.title;
                            const isGroupWithName = (0, _type.isDefined)(name);
                            const nameWithoutSpaces = (0, _form5.getTextWithoutSpaces)(name);
                            let pathNode = "";
                            item[subItemsField] = this._generateItemsFromData(item[subItemsField]);
                            if (isGroupWithName) {
                                pathNode = path.pop()
                            }
                            if (!path.length && nameWithoutSpaces === pathNode) {
                                result = this._getItemByField(fieldName, item[subItemsField]);
                                if (result) {
                                    break
                                }
                            }
                            const isGroupPathNodeOrUnnamed = !isGroupWithName || isGroupWithName && nameWithoutSpaces === pathNode;
                            if (isGroupPathNodeOrUnnamed && path.length) {
                                result = this._searchItemInEverySubItem(path, fieldName, item[subItemsField]);
                                if (!result) {
                                    break
                                }
                            }
                        } else {
                            break
                        }
                    } while (path.length && !(0, _type.isDefined)(result));
                    return result
                }
                _getSubItemField(itemType) {
                    return "tabbed" === itemType ? "tabs" : "items"
                }
                _searchItemInEverySubItem(path, fieldName, items) {
                    let result = null;
                    (0, _iterator.each)(items, (_index, groupItem) => {
                        result = this._getItemByFieldPath(path.slice(), fieldName, groupItem);
                        if (result) {
                            return false
                        }
                        return true
                    });
                    return result
                }
                _changeItemOption(item, option, value) {
                    if ((0, _type.isObject)(item)) {
                        item[option] = value
                    }
                }
                _dimensionChanged() {
                    const currentScreenFactor = this._getCurrentScreenFactor();
                    if (this._lastMarkupScreenFactor !== currentScreenFactor) {
                        if (this._isColCountChanged(this._lastMarkupScreenFactor, currentScreenFactor)) {
                            this._targetScreenFactor = currentScreenFactor;
                            this._refresh();
                            this._targetScreenFactor = void 0
                        }
                        this._lastMarkupScreenFactor = currentScreenFactor
                    }
                }
                _isColCountChanged(oldScreenSize, newScreenSize) {
                    let isChanged = false;
                    (0, _iterator.each)(this._cachedColCountOptions, (_index, item) => {
                        if (item.colCountByScreen[oldScreenSize] !== item.colCountByScreen[newScreenSize]) {
                            isChanged = true;
                            return false
                        }
                        return true
                    });
                    return isChanged
                }
                _refresh() {
                    const editorSelector = `.${_m_text_editor.TEXTEDITOR_CLASS}.${_widget.FOCUSED_STATE_CLASS}:not(.${_m_drop_down_editor.DROP_DOWN_EDITOR_CLASS}) .${_m_text_editor.TEXTEDITOR_INPUT_CLASS}`;
                    _events_engine.default.trigger(this.$element().find(editorSelector), "change");
                    super._refresh()
                }
                _updateIsDirty(dataField) {
                    const editor = this.getEditor(dataField);
                    if (!editor) {
                        return
                    }
                    if (editor.option("isDirty")) {
                        this._dirtyFields.add(dataField)
                    } else {
                        this._dirtyFields.delete(dataField)
                    }
                    this.option("isDirty", !!this._dirtyFields.size)
                }
                updateRunTimeInfoForEachEditor(editorAction) {
                    this._itemsRunTimeInfo.each((_, itemRunTimeInfo) => {
                        const {
                            widgetInstance: widgetInstance
                        } = itemRunTimeInfo;
                        if ((0, _type.isDefined)(widgetInstance) && _editor.default.isEditor(widgetInstance)) {
                            editorAction(widgetInstance)
                        }
                    })
                }
                _clear() {
                    this.updateRunTimeInfoForEachEditor(editor => {
                        editor.clear();
                        editor.option("isValid", true)
                    });
                    _m_validation_engine.default.resetGroup(this._getValidationGroup())
                }
                _updateData(data, value, isComplexData) {
                    const _data = isComplexData ? value : data;
                    if ((0, _type.isObject)(_data)) {
                        (0, _iterator.each)(_data, (dataField, fieldValue) => {
                            this._updateData(isComplexData ? `${data}.${dataField}` : dataField, fieldValue, (0, _type.isObject)(fieldValue))
                        })
                    } else if ((0, _type.isString)(data)) {
                        this._updateFieldValue(data, value)
                    }
                }
                registerKeyHandler(key, handler) {
                    super.registerKeyHandler(key, handler);
                    this._itemsRunTimeInfo.each((_, itemRunTimeInfo) => {
                        if ((0, _type.isDefined)(itemRunTimeInfo.widgetInstance)) {
                            itemRunTimeInfo.widgetInstance.registerKeyHandler(key, handler)
                        }
                    })
                }
                _focusTarget() {
                    return this.$element().find(`.${_constants.FIELD_ITEM_CONTENT_CLASS} [tabindex]`).first()
                }
                _visibilityChanged() {
                    this._alignLabels(this._rootLayoutManager, this._rootLayoutManager.isSingleColumnMode())
                }
                _clearAutoColCountChangedTimeout() {
                    if (this.autoColCountChangedTimeoutId) {
                        clearTimeout(this.autoColCountChangedTimeoutId);
                        this.autoColCountChangedTimeoutId = void 0
                    }
                }
                _ensureLoadPanel() {
                    if (!this._loadPanel) {
                        this._loadPanel = new _form4.FormLoadPanel({
                            $container: this.$element(),
                            onLoadPanelCreate: ($element, options) => this._createComponent($element, _load_panel.default, options)
                        })
                    }
                }
                _showLoadPanel() {
                    var _this$_loadPanel;
                    this._ensureLoadPanel();
                    this.option("disabled", true);
                    null === (_this$_loadPanel = this._loadPanel) || void 0 === _this$_loadPanel || _this$_loadPanel.show()
                }
                _hideLoadPanel() {
                    var _this$_loadPanel2;
                    null === (_this$_loadPanel2 = this._loadPanel) || void 0 === _this$_loadPanel2 || _this$_loadPanel2.hide();
                    this.option("disabled", false)
                }
                _dispose() {
                    var _this$_loadPanel3;
                    this._clearAutoColCountChangedTimeout();
                    this._processCommandCompletion();
                    null === (_this$_loadPanel3 = this._loadPanel) || void 0 === _this$_loadPanel3 || _this$_loadPanel3.dispose();
                    _m_validation_engine.default.removeGroup(this._getValidationGroup());
                    super._dispose()
                }
                clear() {
                    this._clear()
                }
                reset(editorsData) {
                    this.updateRunTimeInfoForEachEditor(editor => {
                        const {
                            name: name = ""
                        } = editor.option();
                        if (editorsData && name in editorsData) {
                            editor.reset(editorsData[name]);
                            this._updateIsDirty(name)
                        } else {
                            editor.reset()
                        }
                    });
                    this._renderValidationSummary()
                }
                updateData(data, value) {
                    this._updateData(data, value)
                }
                getEditor(dataField) {
                    return this._itemsRunTimeInfo.findWidgetInstanceByDataField(dataField) ?? this._itemsRunTimeInfo.findWidgetInstanceByName(dataField)
                }
                getButton(name) {
                    return this._itemsRunTimeInfo.findWidgetInstanceByName(name)
                }
                updateDimensions() {
                    const deferred = (0, _deferred.Deferred)();
                    if (this._scrollable) {
                        this._scrollable.update().done(() => {
                            deferred.resolveWith(this)
                        })
                    } else {
                        deferred.resolveWith(this)
                    }
                    return deferred.promise()
                }
                itemOption(id, option, value) {
                    const {
                        items: items
                    } = this.option();
                    const generatedItems = this._generateItemsFromData(items);
                    const item = this._getItemByField(id, generatedItems);
                    const path = (0, _form5.getItemPath)(generatedItems, item);
                    if (!item) {
                        return
                    }
                    if (1 === arguments.length) {
                        return item
                    }
                    switch (arguments.length) {
                        case 3: {
                            const itemAction = this._tryCreateItemOptionAction(option, item, value, item[option ?? ""], path);
                            this._changeItemOption(item, option ?? "", value);
                            const fullName = (0, _form5.getFullOptionName)(path, option);
                            if (!this._tryExecuteItemOptionAction(itemAction) && !this._tryChangeLayoutManagerItemOption(fullName, value)) {
                                this.option("items", generatedItems)
                            }
                            break
                        }
                        default:
                            if ((0, _type.isObject)(option)) {
                                if (!this._tryChangeLayoutManagerItemOptions(path, option)) {
                                    let allowUpdateItems = false;
                                    (0, _iterator.each)(option, (optionName, optionValue) => {
                                        const itemAction = this._tryCreateItemOptionAction(optionName, item, optionValue, item[optionName], path);
                                        this._changeItemOption(item, optionName, optionValue);
                                        if (!allowUpdateItems && !this._tryExecuteItemOptionAction(itemAction)) {
                                            allowUpdateItems = true
                                        }
                                    });
                                    if (allowUpdateItems) {
                                        this.option("items", generatedItems)
                                    }
                                }
                            }
                    }
                    return
                }
                validate() {
                    return _m_validation_engine.default.validateGroup(this._getValidationGroup())
                }
                getItemID(name) {
                    const {
                        formID: formID
                    } = this.option();
                    return `dx_${formID}_${name||new _guid.default}`
                }
                getTargetScreenFactor() {
                    return this._targetScreenFactor
                }
                _processCommandCompletion() {
                    var _this$_abort;
                    null === (_this$_abort = this._abort) || void 0 === _this$_abort || _this$_abort.call(this);
                    this._abort = void 0;
                    this._currentAICommand = void 0
                }
                _processAIIntegrationUpdate() {
                    if (this._currentAICommand) {
                        const {
                            command: command,
                            params: params,
                            callbacks: callbacks
                        } = this._currentAICommand;
                        const {
                            aiIntegration: aiIntegration
                        } = this.option();
                        this._processCommandCompletion();
                        if (!aiIntegration) {
                            this._hideLoadPanel();
                            throw _ui.default.Error("E1063")
                        } else {
                            this._executeAICommand(command, params, callbacks)
                        }
                    }
                }
                _executeAICommand(command, params, callbacks) {
                    const {
                        aiIntegration: aiIntegration
                    } = this.option();
                    if (!aiIntegration) {
                        this._hideLoadPanel();
                        throw _ui.default.Error("E1063")
                    }
                    this._currentAICommand = {
                        command: command,
                        params: params,
                        callbacks: callbacks
                    };
                    this._abort = aiIntegration[command](params, callbacks)
                }
                _updateFieldWithSmartPasteValue(dataField, value) {
                    const {
                        formData: formData
                    } = this.option();
                    if ((0, _type.isDefined)(formData)) {
                        this._updateFieldValue(dataField, value)
                    }
                }
                _getSmartPasteCommandCallbacks() {
                    return {
                        onComplete: fieldsData => {
                            var _this$_smartPastingAc;
                            const aiResult = Object.fromEntries(fieldsData.map(field => [field.name, field.value]));
                            const smartPastingArgs = {
                                aiResult: aiResult,
                                cancel: false
                            };
                            null === (_this$_smartPastingAc = this._smartPastingAction) || void 0 === _this$_smartPastingAc || _this$_smartPastingAc.call(this, smartPastingArgs);
                            (0, _conditional_invoke.invokeConditionally)(smartPastingArgs.cancel, () => {
                                var _this$_smartPastedAct;
                                this._hideLoadPanel();
                                this.beginUpdate();
                                fieldsData.forEach(_ref => {
                                    let {
                                        name: name,
                                        value: value
                                    } = _ref;
                                    try {
                                        this._updateFieldWithSmartPasteValue(name, value)
                                    } catch (error) {
                                        _m_console.logger.error(error)
                                    }
                                });
                                this.endUpdate();
                                null === (_this$_smartPastedAct = this._smartPastedAction) || void 0 === _this$_smartPastedAct || _this$_smartPastedAct.call(this, {
                                    aiResult: aiResult
                                })
                            }, () => {
                                this._hideLoadPanel()
                            });
                            this._processCommandCompletion()
                        },
                        onError: error => {
                            _m_console.logger.error(error);
                            this._hideLoadPanel();
                            this._processCommandCompletion()
                        }
                    }
                }
                async smartPaste(text) {
                    var _this$_currentAIComma;
                    if ("smartPaste" === (null === (_this$_currentAIComma = this._currentAICommand) || void 0 === _this$_currentAIComma ? void 0 : _this$_currentAIComma.command)) {
                        this._processCommandCompletion()
                    }
                    const {
                        aiIntegration: aiIntegration
                    } = this.option();
                    if (!aiIntegration) {
                        throw _ui.default.Error("E1063")
                    }
                    const smartPasteText = text ?? await navigator.clipboard.readText();
                    if (!(0, _type.isDefined)(text) && !smartPasteText) {
                        return
                    }
                    this._showLoadPanel();
                    const dataItems = this._itemsRunTimeInfo.getItemsForDataExtraction();
                    const fields = dataItems.map(item => {
                        var _item$aiOptions;
                        return {
                            name: item.dataField,
                            format: (0, _formAi.getItemFormatInfo)(item),
                            type: (0, _formAi.getFieldType)(item.editorType),
                            instruction: null === (_item$aiOptions = item.aiOptions) || void 0 === _item$aiOptions ? void 0 : _item$aiOptions.instruction
                        }
                    });
                    const smartPasteParams = {
                        text: smartPasteText,
                        fields: fields
                    };
                    const smartPasteCallbacks = this._getSmartPasteCommandCallbacks();
                    this._executeAICommand("smartPaste", smartPasteParams, smartPasteCallbacks)
                }
            }(0, _component_registrator.default)("dxForm", Form);
            exports.default = Form
        },
        75196(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ../../../ui/text_box */ 20780);
            __webpack_require__( /*! ../../../ui/number_box */ 48042);
            __webpack_require__( /*! ../../../ui/check_box */ 94319);
            __webpack_require__( /*! ../../../ui/date_box */ 2739);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _remove = __webpack_require__( /*! ../../../common/core/events/remove */ 28630);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _array = __webpack_require__( /*! ../../../core/utils/array */ 94487);
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _variable_wrapper = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/variable_wrapper */ 40216));
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _wrapper = _interopRequireDefault(__webpack_require__( /*! ../../ui/button/wrapper */ 19583));
            var _button_item = __webpack_require__( /*! ../../ui/form/components/button_item */ 45557);
            var _empty_item = __webpack_require__( /*! ../../ui/form/components/empty_item */ 70858);
            var _field_item = __webpack_require__( /*! ../../ui/form/components/field_item */ 52173);
            var _constants = __webpack_require__( /*! ../../ui/form/constants */ 96891);
            var _form = _interopRequireDefault(__webpack_require__( /*! ../../ui/form/form.items_runtime_info */ 68290));
            var _formLayout_manager = __webpack_require__( /*! ../../ui/form/form.layout_manager.utils */ 3011);
            var _responsive_box = _interopRequireDefault(__webpack_require__( /*! ../../ui/responsive_box */ 60035));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const MIN_COLUMN_WIDTH = 200;
            class LayoutManager extends _widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        layoutData: {},
                        readOnly: false,
                        colCount: 1,
                        labelLocation: "left",
                        onFieldDataChanged: null,
                        onEditorEnterKey: null,
                        customizeItem: null,
                        alignItemLabels: true,
                        minColWidth: MIN_COLUMN_WIDTH,
                        showRequiredMark: true,
                        screenByWidth: null,
                        showOptionalMark: false,
                        requiredMark: "*",
                        labelMode: "outside",
                        optionalMark: _message.default.format("dxForm-optionalMark"),
                        requiredMessage: _message.default.getFormatter("dxForm-requiredMessage")
                    })
                }
                _setOptionsByReference() {
                    super._setOptionsByReference();
                    (0, _extend.extend)(this._optionsByReference, {
                        layoutData: true,
                        validationGroup: true
                    })
                }
                _init() {
                    const {
                        layoutData: layoutData
                    } = this.option();
                    super._init();
                    this._itemWatchers = [];
                    this._itemsRunTimeInfo = new _form.default;
                    this._updateReferencedOptions(layoutData);
                    this._initDataAndItems(layoutData)
                }
                _dispose() {
                    super._dispose();
                    this._cleanItemWatchers()
                }
                _initDataAndItems(initialData) {
                    this._syncDataWithItems();
                    this._updateItems(initialData)
                }
                _syncDataWithItems() {
                    const {
                        layoutData: layoutData,
                        items: items
                    } = this.option();
                    if ((0, _type.isDefined)(items)) {
                        items.forEach(item => {
                            if (item.dataField && void 0 === this._getDataByField(item.dataField)) {
                                var _item$editorOptions;
                                const value = null === (_item$editorOptions = item.editorOptions) || void 0 === _item$editorOptions ? void 0 : _item$editorOptions.value;
                                if ((0, _type.isDefined)(value) || item.dataField in layoutData) {
                                    this._updateFieldValue(item.dataField, value)
                                }
                            }
                        })
                    }
                }
                _getDataByField(dataField) {
                    return dataField ? this.option(`layoutData.${dataField}`) : null
                }
                _isCheckboxUndefinedStateEnabled(allowIndeterminateState, editorType, dataField) {
                    if (allowIndeterminateState && "dxCheckBox" === editorType) {
                        const nameParts = ["layoutData", ...dataField.split(".")];
                        const propertyName = nameParts.pop();
                        const layoutData = this.option(nameParts.join("."));
                        if (!propertyName) {
                            return false
                        }
                        return layoutData && propertyName in layoutData
                    }
                    return false
                }
                _updateFieldValue(dataField, value) {
                    const {
                        layoutData: layoutData
                    } = this.option();
                    let newValue = value;
                    if (!_variable_wrapper.default.isWrapped(layoutData[dataField]) && (0, _type.isDefined)(dataField)) {
                        this.option(`layoutData.${dataField}`, newValue)
                    } else if (_variable_wrapper.default.isWritableWrapped(layoutData[dataField])) {
                        newValue = (0, _type.isFunction)(newValue) ? newValue() : newValue;
                        layoutData[dataField](newValue)
                    }
                    this._triggerOnFieldDataChanged({
                        dataField: dataField,
                        value: newValue
                    })
                }
                _triggerOnFieldDataChanged(args) {
                    this._createActionByOption("onFieldDataChanged")(args)
                }
                _updateItems(layoutData) {
                    const {
                        items: userItems
                    } = this.option();
                    const isUserItemsExist = (0, _type.isDefined)(userItems);
                    const {
                        customizeItem: customizeItem
                    } = this.option();
                    const items = isUserItemsExist ? userItems : this._generateItemsByData(layoutData);
                    if ((0, _type.isDefined)(items)) {
                        const processedItems = [];
                        (0, _iterator.each)(items, (_index, item) => {
                            if (this._isAcceptableItem(item)) {
                                item = this._processItem(item);
                                null === customizeItem || void 0 === customizeItem || customizeItem(item);
                                if ((0, _type.isObject)(item) && false !== _variable_wrapper.default.unwrap(item.visible)) {
                                    processedItems.push(item)
                                }
                            }
                        });
                        if (!this._itemWatchers.length || !isUserItemsExist) {
                            this._updateItemWatchers(items)
                        }
                        this._setItems(processedItems);
                        this._sortItems()
                    }
                }
                _cleanItemWatchers() {
                    this._itemWatchers.forEach(dispose => {
                        dispose()
                    });
                    this._itemWatchers = []
                }
                _updateItemWatchers(items) {
                    const watch = this._getWatch();
                    items.forEach(item => {
                        if ((0, _type.isObject)(item) && (0, _type.isDefined)(item.visible) && (0, _type.isFunction)(watch)) {
                            this._itemWatchers.push(watch(() => _variable_wrapper.default.unwrap(item.visible), () => {
                                const {
                                    layoutData: layoutData
                                } = this.option();
                                this._updateItems(layoutData);
                                this.repaint()
                            }, {
                                skipImmediate: true
                            }))
                        }
                    })
                }
                _generateItemsByData(layoutData) {
                    const result = [];
                    if ((0, _type.isDefined)(layoutData)) {
                        (0, _iterator.each)(layoutData, dataField => {
                            result.push({
                                dataField: dataField
                            })
                        })
                    }
                    return result
                }
                _isAcceptableItem(item) {
                    const itemField = (0, _type.isString)(item) ? item : item.dataField;
                    const itemData = this._getDataByField(itemField);
                    return !((0, _type.isFunction)(itemData) && !_variable_wrapper.default.isWrapped(itemData))
                }
                _processItem(item) {
                    if ("string" === typeof item) {
                        item = {
                            dataField: item
                        }
                    }
                    if ("object" === typeof item && !item.itemType) {
                        item.itemType = _constants.SIMPLE_ITEM_TYPE
                    }
                    if (!(0, _type.isDefined)(item.editorType) && (0, _type.isDefined)(item.dataField)) {
                        const value = this._getDataByField(item.dataField);
                        item.editorType = (0, _type.isDefined)(value) ? this._getEditorTypeByDataType((0, _type.type)(value)) : "dxTextBox"
                    }
                    if ("dxCheckBox" === item.editorType) {
                        item.allowIndeterminateState = item.allowIndeterminateState ?? true
                    }
                    return item
                }
                _getEditorTypeByDataType(dataType) {
                    switch (dataType) {
                        case "number":
                            return "dxNumberBox";
                        case "date":
                            return "dxDateBox";
                        case "boolean":
                            return "dxCheckBox";
                        default:
                            return "dxTextBox"
                    }
                }
                _sortItems() {
                    (0, _array.normalizeIndexes)(this._items, "visibleIndex");
                    this._sortIndexes()
                }
                _sortIndexes() {
                    var _this$_items;
                    null === (_this$_items = this._items) || void 0 === _this$_items || _this$_items.sort((itemA, itemB) => {
                        const indexA = itemA.visibleIndex;
                        const indexB = itemB.visibleIndex;
                        if (indexA > indexB) {
                            return 1
                        }
                        if (indexA < indexB) {
                            return -1
                        }
                        return 0
                    })
                }
                _initMarkup() {
                    this._itemsRunTimeInfo.clear();
                    this.$element().addClass(_constants.FORM_LAYOUT_MANAGER_CLASS);
                    super._initMarkup();
                    this._renderResponsiveBox()
                }
                _renderResponsiveBox() {
                    var _this$_items2;
                    const templatesInfo = [];
                    if (null !== (_this$_items2 = this._items) && void 0 !== _this$_items2 && _this$_items2.length) {
                        const colCount = this._getColCount();
                        const $container = (0, _renderer.default)("<div>").appendTo(this.$element());
                        this._prepareItemsWithMerging(colCount);
                        const layoutItems = this._generateLayoutItems();
                        this._responsiveBox = super._createComponent($container, _responsive_box.default, this._getResponsiveBoxConfig(layoutItems, colCount, templatesInfo));
                        if (!(0, _window.hasWindow)()) {
                            this._renderTemplates(templatesInfo)
                        }
                    }
                }
                _itemStateChangedHandler(args) {
                    this._refresh()
                }
                _renderTemplates(templatesInfo) {
                    let itemsWithLabelTemplateCount = 0;
                    templatesInfo.forEach(_ref => {
                        var _item$label;
                        let {
                            item: item
                        } = _ref;
                        if (null !== item && void 0 !== item && null !== (_item$label = item.label) && void 0 !== _item$label && _item$label.template) {
                            itemsWithLabelTemplateCount += 1
                        }
                    });
                    (0, _iterator.each)(templatesInfo, (_index, info) => {
                        switch (info.itemType) {
                            case "empty":
                                (0, _empty_item.renderEmptyItem)(info);
                                break;
                            case "button":
                                this._renderButtonItem(info);
                                break;
                            default:
                                this._renderFieldItem(info, itemsWithLabelTemplateCount)
                        }
                    })
                }
                _getResponsiveBoxConfig(layoutItems, colCount, templatesInfo) {
                    const that = this;
                    const {
                        colCountByScreen: colCountByScreen,
                        screenByWidth: screenByWidth
                    } = this.option();
                    const xsColCount = null === colCountByScreen || void 0 === colCountByScreen ? void 0 : colCountByScreen.xs;
                    return {
                        onItemStateChanged: this._itemStateChangedHandler.bind(this),
                        onLayoutChanged: () => {
                            const {
                                onLayoutChanged: onLayoutChanged
                            } = this.option();
                            const isSingleColumnMode = this.isSingleColumnMode();
                            if (onLayoutChanged) {
                                this.$element().toggleClass(_constants.LAYOUT_MANAGER_ONE_COLUMN, isSingleColumnMode);
                                onLayoutChanged(isSingleColumnMode)
                            }
                        },
                        onContentReady: e => {
                            if ((0, _window.hasWindow)()) {
                                this._renderTemplates(templatesInfo)
                            }
                            const {
                                onLayoutChanged: onLayoutChanged
                            } = this.option();
                            if (onLayoutChanged) {
                                this.$element().toggleClass(_constants.LAYOUT_MANAGER_ONE_COLUMN, this.isSingleColumnMode(e.component))
                            }
                        },
                        itemTemplate(itemData, _index, itemElement) {
                            var _that$_items;
                            const {
                                location: location
                            } = itemData;
                            if (!location) {
                                return
                            }
                            const $itemElement = (0, _renderer.default)(itemElement);
                            const itemRenderedCountInPreviousRows = location.row * colCount;
                            const item = null === (_that$_items = that._items) || void 0 === _that$_items ? void 0 : _that$_items[location.col + itemRenderedCountInPreviousRows];
                            if (!item) {
                                return
                            }
                            const itemCssClassList = [item.cssClass ?? ""];
                            $itemElement.toggleClass(_constants.SINGLE_COLUMN_ITEM_CONTENT, that.isSingleColumnMode(this));
                            if (0 === location.row) {
                                itemCssClassList.push("dx-first-row")
                            }
                            if (0 === location.col) {
                                itemCssClassList.push("dx-first-col")
                            }
                            const {
                                isRoot: isRoot
                            } = that.option();
                            if (item.itemType === _constants.SIMPLE_ITEM_TYPE && isRoot) {
                                $itemElement.addClass(_constants.ROOT_SIMPLE_ITEM_CLASS)
                            }
                            const isLastColumn = location.col === colCount - 1 || location.col + location.colspan === colCount;
                            const rowsCount = that._getRowsCount();
                            const isLastRow = location.row === rowsCount - 1;
                            if (isLastColumn) {
                                itemCssClassList.push("dx-last-col")
                            }
                            if (isLastRow) {
                                itemCssClassList.push("dx-last-row")
                            }
                            if ("empty" !== item.itemType) {
                                itemCssClassList.push(_constants.FIELD_ITEM_CLASS);
                                const {
                                    cssItemClass: cssItemClass = ""
                                } = that.option();
                                itemCssClassList.push(cssItemClass);
                                if ((0, _type.isDefined)(item.col)) {
                                    itemCssClassList.push(`dx-col-${item.col}`)
                                }
                            }
                            templatesInfo.push({
                                itemType: item.itemType,
                                item: item,
                                $parent: $itemElement,
                                rootElementCssClassList: itemCssClassList
                            })
                        },
                        cols: this._generateRatio(colCount),
                        rows: this._generateRatio(this._getRowsCount(), true),
                        dataSource: layoutItems,
                        screenByWidth: screenByWidth,
                        singleColumnScreen: xsColCount ? false : "xs"
                    }
                }
                _getColCount() {
                    let {
                        colCount: colCount
                    } = this.option();
                    const colCountByScreen = this.option("colCountByScreen");
                    if (colCountByScreen) {
                        const {
                            form: form
                        } = this.option();
                        let screenFactor = null === form || void 0 === form ? void 0 : form.getTargetScreenFactor();
                        if (!screenFactor) {
                            screenFactor = (0, _window.hasWindow)() ? (0, _window.getCurrentScreenFactor)(this.option("screenByWidth")) : "lg"
                        }
                        colCount = colCountByScreen[screenFactor] || colCount
                    }
                    if ("auto" === colCount) {
                        if (this._cashedColCount) {
                            return this._cashedColCount
                        }
                        colCount = this._getMaxColCount();
                        this._cashedColCount = colCount
                    }
                    return colCount < 1 ? 1 : colCount
                }
                _getMaxColCount() {
                    if (!(0, _window.hasWindow)()) {
                        return 1
                    }
                    const {
                        minColWidth: minColWidth = MIN_COLUMN_WIDTH
                    } = this.option();
                    const width = (0, _size.getWidth)(this.$element());
                    const itemsCount = this._items.length;
                    const maxColCount = Math.floor(width / minColWidth) || 1;
                    return itemsCount < maxColCount ? itemsCount : maxColCount
                }
                isCachedColCountObsolete() {
                    return !!this._cashedColCount && this._getMaxColCount() !== this._cashedColCount
                }
                _prepareItemsWithMerging(colCount) {
                    const items = (this._items ?? []).slice(0);
                    let result = [];
                    for (let i = 0; i < items.length; i += 1) {
                        const item = items[i];
                        result.push(item);
                        const {
                            alignItemLabels: alignItemLabels
                        } = this.option();
                        if (alignItemLabels || item.alignItemLabels || item.colSpan) {
                            item.col = this._getColByIndex(result.length - 1, colCount)
                        }
                        if (item.colSpan > 1 && item.col + item.colSpan <= colCount) {
                            const itemsMergedByCol = [];
                            for (let j = 0; j < item.colSpan - 1; j += 1) {
                                itemsMergedByCol.push({
                                    merged: true
                                })
                            }
                            result = result.concat(itemsMergedByCol)
                        } else {
                            delete item.colSpan
                        }
                    }
                    this._setItems(result)
                }
                _getColByIndex(index, colCount) {
                    return index % colCount
                }
                _setItems(items) {
                    this._items = items;
                    this._cashedColCount = null
                }
                _generateLayoutItems() {
                    const items = this._items ?? [];
                    const colCount = this._getColCount();
                    const result = [];
                    for (let i = 0; i < items.length; i += 1) {
                        const item = items[i];
                        if (!item.merged) {
                            const location = {
                                row: parseInt(String(i / colCount), 10),
                                col: this._getColByIndex(i, colCount)
                            };
                            if ((0, _type.isDefined)(item.colSpan)) {
                                location.colspan = item.colSpan
                            }
                            if ((0, _type.isDefined)(item.rowSpan)) {
                                location.rowspan = item.rowSpan
                            }
                            const generatedItem = {
                                location: location
                            };
                            if ((0, _type.isDefined)(item.disabled)) {
                                generatedItem.disabled = item.disabled
                            }
                            if ((0, _type.isDefined)(item.visible)) {
                                generatedItem.visible = item.visible
                            }
                            result.push(generatedItem)
                        }
                    }
                    return result
                }
                _handleSmartPasteClick() {
                    const form = this._getFormOrThis();
                    null === form || void 0 === form || form.smartPaste()
                }
                _handleResetClick() {
                    const form = this._getFormOrThis();
                    null === form || void 0 === form || form.reset()
                }
                _configureDefaultButton(item) {
                    if (!item.name) {
                        return
                    }
                    const buttonConfigs = {
                        smartPaste: {
                            icon: "clipboardpastesparkle",
                            text: _message.default.format("dxForm-smartPasteButtonText"),
                            stylingMode: "outlined",
                            type: "normal",
                            onClick: () => {
                                this._handleSmartPasteClick()
                            }
                        },
                        reset: {
                            text: _message.default.format("dxForm-resetButtonText"),
                            stylingMode: "outlined",
                            type: "normal",
                            onClick: () => {
                                this._handleResetClick()
                            }
                        },
                        submit: {
                            text: _message.default.format("dxForm-submitButtonText"),
                            stylingMode: "contained",
                            type: "default",
                            useSubmitBehavior: true
                        }
                    };
                    const config = buttonConfigs[item.name];
                    if (config) {
                        item.buttonOptions = Object.assign({}, config, item.buttonOptions ?? {})
                    }
                }
                _renderButtonItem(info) {
                    const {
                        item: item,
                        $parent: $parent,
                        rootElementCssClassList: rootElementCssClassList
                    } = info;
                    const {
                        validationGroup: validationGroup
                    } = this.option();
                    this._configureDefaultButton(item);
                    const {
                        $rootElement: $rootElement,
                        buttonInstance: buttonInstance
                    } = (0, _button_item.renderButtonItem)({
                        item: item,
                        $parent: $parent,
                        rootElementCssClassList: rootElementCssClassList,
                        validationGroup: validationGroup,
                        createComponentCallback: ($element, options) => super._createComponent($element, _wrapper.default, options)
                    });
                    this._itemsRunTimeInfo.add({
                        item: item,
                        widgetInstance: buttonInstance,
                        guid: item.guid,
                        $itemContainer: $rootElement
                    })
                }
                _renderFieldItem(info, itemsWithLabelTemplateCount) {
                    var _item$label2;
                    const {
                        item: item,
                        $parent: $parent,
                        rootElementCssClassList: rootElementCssClassList
                    } = info;
                    const editorValue = this._getDataByField(item.dataField);
                    let canAssignUndefinedValueToEditor = false;
                    if (void 0 === editorValue) {
                        const {
                            allowIndeterminateState: allowIndeterminateState,
                            editorType: editorType,
                            dataField: dataField
                        } = item;
                        canAssignUndefinedValueToEditor = this._isCheckboxUndefinedStateEnabled(allowIndeterminateState, editorType, dataField)
                    }
                    const name = item.dataField || item.name;
                    const formOrLayoutManager = this._getFormOrThis();
                    const {
                        form: form,
                        labelLocation: labelLocation,
                        requiredMessage: requiredMessage,
                        validationGroup: validationGroup,
                        validationBoundary: validationBoundary,
                        showColonAfterLabel: showColonAfterLabel,
                        labelMode: labelMode
                    } = this.option();
                    const fieldItemOptions = (0, _formLayout_manager.convertToRenderFieldItemOptions)({
                        $parent: $parent,
                        rootElementCssClassList: rootElementCssClassList,
                        item: item,
                        name: name,
                        editorValue: editorValue,
                        canAssignUndefinedValueToEditor: canAssignUndefinedValueToEditor,
                        formOrLayoutManager: this._getFormOrThis(),
                        createComponentCallback: this._createComponent.bind(this),
                        formLabelLocation: labelLocation,
                        requiredMessageTemplate: requiredMessage,
                        validationGroup: validationGroup,
                        editorValidationBoundary: validationBoundary,
                        editorStylingMode: null === form || void 0 === form ? void 0 : form.option("stylingMode"),
                        showColonAfterLabel: Boolean(showColonAfterLabel),
                        managerLabelLocation: labelLocation,
                        template: item.template ? this._getTemplate(item.template) : null,
                        labelTemplate: null !== (_item$label2 = item.label) && void 0 !== _item$label2 && _item$label2.template ? this._getTemplate(item.label.template) : null,
                        itemId: null === form || void 0 === form ? void 0 : form.getItemID(name),
                        managerMarkOptions: this._getMarkOptions(),
                        labelMode: labelMode,
                        onLabelTemplateRendered: () => {
                            this._incTemplateRenderedCallCount();
                            if (this._shouldAlignLabelsOnTemplateRendered(formOrLayoutManager, itemsWithLabelTemplateCount)) {
                                formOrLayoutManager._alignLabels(this, this.isSingleColumnMode(formOrLayoutManager))
                            }
                        }
                    });
                    const {
                        $fieldEditorContainer: $fieldEditorContainer,
                        widgetInstance: widgetInstance,
                        $rootElement: $rootElement
                    } = (0, _field_item.renderFieldItem)(fieldItemOptions);
                    const {
                        onFieldItemRendered: onFieldItemRendered
                    } = this.option();
                    null === onFieldItemRendered || void 0 === onFieldItemRendered || onFieldItemRendered();
                    if (widgetInstance && item.dataField) {
                        this._bindDataField(widgetInstance, item.dataField, $fieldEditorContainer)
                    }
                    this._itemsRunTimeInfo.add({
                        item: item,
                        widgetInstance: widgetInstance,
                        guid: item.guid,
                        $itemContainer: $rootElement
                    })
                }
                _incTemplateRenderedCallCount() {
                    this._labelTemplateRenderedCallCount = (this._labelTemplateRenderedCallCount ?? 0) + 1
                }
                _shouldAlignLabelsOnTemplateRendered(formOrLayoutManager, totalItemsWithLabelTemplate) {
                    const {
                        templatesRenderAsynchronously: templatesRenderAsynchronously
                    } = formOrLayoutManager.option();
                    return !!templatesRenderAsynchronously && this._labelTemplateRenderedCallCount === totalItemsWithLabelTemplate
                }
                _getMarkOptions() {
                    const {
                        showRequiredMark: showRequiredMark,
                        requiredMark: requiredMark,
                        showOptionalMark: showOptionalMark,
                        optionalMark: optionalMark
                    } = this.option();
                    return {
                        showRequiredMark: showRequiredMark,
                        requiredMark: requiredMark,
                        showOptionalMark: showOptionalMark,
                        optionalMark: optionalMark
                    }
                }
                _getFormOrThis() {
                    const {
                        form: form
                    } = this.option();
                    return form || this
                }
                _bindDataField(editorInstance, dataField, $container) {
                    const formOrThis = this._getFormOrThis();
                    editorInstance.on("enterKey", args => {
                        formOrThis._createActionByOption("onEditorEnterKey")((0, _extend.extend)(args, {
                            dataField: dataField
                        }))
                    });
                    this._createWatcher(editorInstance, $container, dataField);
                    this.linkEditorToDataField(editorInstance, dataField)
                }
                _createWatcher(editorInstance, $container, dataField) {
                    const watch = this._getWatch();
                    if (!(0, _type.isFunction)(watch)) {
                        return
                    }
                    const dispose = watch(() => this._getDataByField(dataField), () => {
                        const fieldValue = this._getDataByField(dataField);
                        if ("dxTagBox" === editorInstance.NAME) {
                            const editorValue = editorInstance.option("value");
                            if (fieldValue !== editorValue && function(array1, array2) {
                                    if (!Array.isArray(array1) || !Array.isArray(array2) || array1.length !== array2.length) {
                                        return false
                                    }
                                    for (let i = 0; i < array1.length; i += 1) {
                                        if (array1[i] !== array2[i]) {
                                            return false
                                        }
                                    }
                                    return true
                                }(fieldValue, editorValue)) {
                                return
                            }
                        }
                        editorInstance.option("value", fieldValue)
                    }, {
                        deep: true,
                        skipImmediate: true
                    }, {
                        createWatcherDataField: dataField
                    });
                    _events_engine.default.on($container, _remove.removeEvent, dispose)
                }
                _getWatch() {
                    if (!(0, _type.isDefined)(this._watch)) {
                        const {
                            form: formInstance
                        } = this.option();
                        this._watch = null === formInstance || void 0 === formInstance ? void 0 : formInstance.option("integrationOptions.watchMethod")
                    }
                    return this._watch
                }
                _createComponent($editor, component, editorOptions) {
                    const {
                        readOnly: readOnlyState
                    } = this.option();
                    let hasEditorReadOnly = Object.hasOwn(editorOptions, "readOnly");
                    const instance = super._createComponent($editor, component, Object.assign({}, editorOptions, {
                        readOnly: !hasEditorReadOnly ? readOnlyState : editorOptions.readOnly
                    }));
                    let isChangeByForm = false;
                    instance.on("optionChanged", args => {
                        if ("readOnly" === args.name && !isChangeByForm) {
                            hasEditorReadOnly = true
                        }
                    });
                    this.on("optionChanged", args => {
                        if ("readOnly" === args.name && !hasEditorReadOnly) {
                            isChangeByForm = true;
                            instance.option(args.name, args.value);
                            isChangeByForm = false
                        }
                    });
                    return instance
                }
                _generateRatio(count, isAutoSize) {
                    const result = [];
                    for (let i = 0; i < count; i += 1) {
                        const ratio = {
                            ratio: 1
                        };
                        if (isAutoSize) {
                            ratio.baseSize = "auto"
                        }
                        result.push(ratio)
                    }
                    return result
                }
                _getRowsCount() {
                    const items = this._items ?? [];
                    return Math.ceil(items.length / this._getColCount())
                }
                _updateReferencedOptions(newLayoutData) {
                    const layoutData = this.option("layoutData");
                    if ((0, _type.isObject)(layoutData)) {
                        Object.getOwnPropertyNames(layoutData).forEach(property => delete this._optionsByReference[`layoutData.${property}`])
                    }
                    if ((0, _type.isObject)(newLayoutData)) {
                        Object.getOwnPropertyNames(newLayoutData).forEach(property => this._optionsByReference[`layoutData.${property}`] = true)
                    }
                }
                _clearWidget(instance) {
                    this._disableEditorValueChangedHandler = true;
                    instance.clear();
                    this._disableEditorValueChangedHandler = false;
                    instance.option("isValid", true)
                }
                _optionChanged(args) {
                    if (0 === args.fullName.search("layoutData.")) {
                        return
                    }
                    switch (args.name) {
                        case "showRequiredMark":
                        case "showOptionalMark":
                        case "requiredMark":
                        case "optionalMark":
                        case "alignItemLabels":
                        case "labelLocation":
                        case "labelMode":
                        case "requiredMessage":
                            this._invalidate();
                            break;
                        case "layoutData": {
                            this._updateReferencedOptions(args.value);
                            const {
                                items: items
                            } = this.option();
                            if (items) {
                                if (!(0, _type.isEmptyObject)(args.value)) {
                                    this._itemsRunTimeInfo.each((_, itemRunTimeInfo) => {
                                        if ((0, _type.isDefined)(itemRunTimeInfo.item)) {
                                            const {
                                                dataField: dataField
                                            } = itemRunTimeInfo.item;
                                            if (dataField && (0, _type.isDefined)(itemRunTimeInfo.widgetInstance)) {
                                                const valueGetter = (0, _data.compileGetter)(dataField);
                                                const dataValue = valueGetter(args.value);
                                                const {
                                                    allowIndeterminateState: allowIndeterminateState,
                                                    editorType: editorType
                                                } = itemRunTimeInfo.item;
                                                if (void 0 !== dataValue || this._isCheckboxUndefinedStateEnabled(allowIndeterminateState, editorType, dataField)) {
                                                    itemRunTimeInfo.widgetInstance.option("value", dataValue)
                                                } else {
                                                    this._clearWidget(itemRunTimeInfo.widgetInstance)
                                                }
                                            }
                                        }
                                    })
                                }
                            } else {
                                this._initDataAndItems(args.value);
                                this._invalidate()
                            }
                            break
                        }
                        case "items":
                            this._cleanItemWatchers();
                            this._initDataAndItems(args.value);
                            this._invalidate();
                            break;
                        case "customizeItem":
                            this._updateItems(this.option("layoutData"));
                            this._invalidate();
                            break;
                        case "colCount":
                        case "colCountByScreen":
                            this._resetColCount();
                            break;
                        case "minColWidth": {
                            const {
                                colCount: colCount
                            } = this.option();
                            if ("auto" === colCount) {
                                this._resetColCount()
                            }
                            break
                        }
                        case "readOnly":
                        case "onFieldDataChanged":
                            break;
                        case "width": {
                            super._optionChanged(args);
                            const {
                                colCount: colCount
                            } = this.option();
                            if ("auto" === colCount) {
                                this._resetColCount()
                            }
                            break
                        }
                        default:
                            super._optionChanged(args)
                    }
                }
                _resetColCount() {
                    this._cashedColCount = null;
                    this._invalidate()
                }
                linkEditorToDataField(editorInstance, dataField) {
                    this.on("optionChanged", args => {
                        if (args.fullName === `layoutData.${dataField}`) {
                            editorInstance._setOptionWithoutOptionChange("value", args.value)
                        }
                    });
                    editorInstance.on("valueChanged", args => {
                        const isValueReferenceType = (0, _type.isObject)(args.value) || Array.isArray(args.value);
                        if (!this._disableEditorValueChangedHandler && !(isValueReferenceType && args.value === args.previousValue)) {
                            this._updateFieldValue(dataField, args.value)
                        }
                    })
                }
                _dimensionChanged() {
                    const {
                        colCount: colCount
                    } = this.option();
                    if ("auto" === colCount && this.isCachedColCountObsolete()) {
                        this._eventsStrategy.fireEvent("autoColCountChanged")
                    }
                }
                updateData(data, value) {
                    if ((0, _type.isObject)(data)) {
                        (0, _iterator.each)(data, (dataField, fieldValue) => {
                            this._updateFieldValue(dataField, fieldValue)
                        })
                    } else if ("string" === typeof data) {
                        this._updateFieldValue(data, value)
                    }
                }
                getEditor(field) {
                    return this._itemsRunTimeInfo.findWidgetInstanceByDataField(field) ?? this._itemsRunTimeInfo.findWidgetInstanceByName(field)
                }
                isSingleColumnMode(component) {
                    const responsiveBox = this._responsiveBox || component;
                    if (responsiveBox) {
                        const {
                            currentScreenFactor: currentScreenFactor,
                            singleColumnScreen: singleColumnScreen
                        } = responsiveBox.option();
                        return currentScreenFactor === singleColumnScreen
                    }
                    return false
                }
                getItemsRunTimeInfo() {
                    return this._itemsRunTimeInfo
                }
            }(0, _component_registrator.default)("dxLayoutManager", LayoutManager);
            exports.default = LayoutManager
        },
        3011(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.EDITORS_WITHOUT_LABELS = void 0;
            exports.convertToLabelMarkOptions = convertToLabelMarkOptions;
            exports.convertToRenderFieldItemOptions = function(_ref5) {
                let {
                    $parent: $parent,
                    rootElementCssClassList: rootElementCssClassList,
                    formOrLayoutManager: formOrLayoutManager,
                    createComponentCallback: createComponentCallback,
                    item: item,
                    template: template,
                    labelTemplate: labelTemplate,
                    name: name,
                    formLabelLocation: formLabelLocation,
                    requiredMessageTemplate: requiredMessageTemplate,
                    validationGroup: validationGroup,
                    editorValue: editorValue,
                    canAssignUndefinedValueToEditor: canAssignUndefinedValueToEditor,
                    editorValidationBoundary: editorValidationBoundary,
                    editorStylingMode: editorStylingMode,
                    showColonAfterLabel: showColonAfterLabel,
                    managerLabelLocation: managerLabelLocation,
                    itemId: itemId,
                    managerMarkOptions: managerMarkOptions,
                    labelMode: labelMode,
                    onLabelTemplateRendered: onLabelTemplateRendered
                } = _ref5;
                const isRequired = (0, _type.isDefined)(item.isRequired) ? item.isRequired : !!(rules = item.validationRules, null === rules || void 0 === rules ? void 0 : rules.some(rule => "required" === rule.type));
                var rules;
                const isSimpleItem = item.itemType === _constants.SIMPLE_ITEM_TYPE;
                const helpID = item.helpText ? `dx-${new _guid.default}` : null;
                const labelOptions = function(_ref2) {
                    let {
                        item: item,
                        id: id,
                        isRequired: isRequired,
                        managerMarkOptions: managerMarkOptions,
                        showColonAfterLabel: showColonAfterLabel,
                        labelLocation: labelLocation,
                        labelTemplate: labelTemplate,
                        formLabelMode: formLabelMode,
                        onLabelTemplateRendered: onLabelTemplateRendered
                    } = _ref2;
                    const isEditorWithoutLabels = EDITORS_WITHOUT_LABELS.includes(item.editorType);
                    const labelOptions = (0, _extend.extend)({
                        showColon: showColonAfterLabel,
                        location: labelLocation,
                        id: id,
                        visible: "outside" === formLabelMode || isEditorWithoutLabels && "hidden" !== formLabelMode,
                        isRequired: isRequired
                    }, item ? item.label : {}, {
                        markOptions: convertToLabelMarkOptions(managerMarkOptions, isRequired),
                        labelTemplate: labelTemplate,
                        onLabelTemplateRendered: onLabelTemplateRendered
                    });
                    const editorsRequiringIdForLabel = ["dxRadioGroup", "dxCheckBox", "dxLookup", "dxSlider", "dxRangeSlider", "dxSwitch", "dxHtmlEditor", "dxDateRangeBox"];
                    if (editorsRequiringIdForLabel.includes(item.editorType)) {
                        labelOptions.labelID = `dx-label-${new _guid.default}`
                    }
                    if (!labelOptions.text && item.dataField) {
                        labelOptions.text = (0, _inflector.captionize)(item.dataField)
                    }
                    if (labelOptions.text) {
                        labelOptions.textWithoutColon = labelOptions.text;
                        labelOptions.text += labelOptions.showColon ? ":" : ""
                    }
                    return labelOptions
                }({
                    item: item,
                    id: itemId,
                    isRequired: isRequired,
                    managerMarkOptions: managerMarkOptions,
                    showColonAfterLabel: showColonAfterLabel,
                    labelLocation: managerLabelLocation,
                    formLabelMode: labelMode,
                    labelTemplate: labelTemplate,
                    onLabelTemplateRendered: onLabelTemplateRendered
                });
                const needRenderLabel = !!labelOptions.visible && !!(labelOptions.text || labelOptions.labelTemplate && isSimpleItem);
                const {
                    location: labelLocation,
                    labelID: labelID
                } = labelOptions;
                const labelNeedBaselineAlign = "top" !== labelLocation && ["dxTextArea", "dxRadioGroup", "dxCalendar", "dxHtmlEditor"].includes(item.editorType ?? "");
                const editorOptions = function(_ref4) {
                    let {
                        $parent: $parent,
                        editorType: editorType,
                        defaultEditorName: defaultEditorName,
                        editorValue: editorValue,
                        canAssignUndefinedValueToEditor: canAssignUndefinedValueToEditor,
                        externalEditorOptions: externalEditorOptions,
                        editorInputId: editorInputId,
                        editorValidationBoundary: editorValidationBoundary,
                        editorStylingMode: editorStylingMode,
                        formLabelMode: formLabelMode,
                        labelText: labelText,
                        labelMark: labelMark
                    } = _ref4;
                    const editorOptionsWithValue = {};
                    if (void 0 !== editorValue || canAssignUndefinedValueToEditor) {
                        editorOptionsWithValue.value = editorValue
                    }
                    if (EDITORS_WITH_ARRAY_VALUE.includes(editorType)) {
                        editorOptionsWithValue.value = editorOptionsWithValue.value || []
                    }
                    let labelMode = null === externalEditorOptions || void 0 === externalEditorOptions ? void 0 : externalEditorOptions.labelMode;
                    if (!(0, _type.isDefined)(labelMode)) {
                        labelMode = "outside" === formLabelMode ? "hidden" : formLabelMode
                    }
                    const stylingMode = (null === externalEditorOptions || void 0 === externalEditorOptions ? void 0 : externalEditorOptions.stylingMode) || editorStylingMode;
                    const useSpecificLabelOptions = EDITORS_WITH_SPECIFIC_LABELS.includes(editorType);
                    const dropDownEditorOptions = function($parent, editorType, editorInputId) {
                        const isDropDownEditor = DROP_DOWN_EDITORS.includes(editorType);
                        if (!isDropDownEditor) {
                            return {}
                        }
                        return {
                            onPopupInitialized: _ref3 => {
                                let {
                                    component: component,
                                    popup: popup
                                } = _ref3;
                                const {
                                    openOnFieldClick: openOnFieldClick
                                } = component.option();
                                const {
                                    hideOnOutsideClick: initialHideOnOutsideClick
                                } = popup.option();
                                if (openOnFieldClick && (0, _type.isFunction)(initialHideOnOutsideClick)) {
                                    const hideOnOutsideClick = e => {
                                        const $target = (0, _renderer.default)(e.target);
                                        const $label = $parent.find(`label[for="${editorInputId}"]`);
                                        const isLabelClicked = !!$target.closest($label).length;
                                        return !isLabelClicked && initialHideOnOutsideClick(e)
                                    };
                                    component.option("dropDownOptions", {
                                        hideOnOutsideClick: hideOnOutsideClick
                                    });
                                    popup.option({
                                        hideOnOutsideClick: hideOnOutsideClick
                                    })
                                }
                            }
                        }
                    }($parent, editorType, editorInputId);
                    const result = (0, _extend.extend)(true, editorOptionsWithValue, externalEditorOptions, dropDownEditorOptions, {
                        inputAttr: {
                            id: editorInputId
                        },
                        validationBoundary: editorValidationBoundary,
                        stylingMode: stylingMode,
                        label: useSpecificLabelOptions ? null === externalEditorOptions || void 0 === externalEditorOptions ? void 0 : externalEditorOptions.label : labelText,
                        labelMode: labelMode,
                        labelMark: labelMark
                    });
                    if (externalEditorOptions) {
                        if (result.dataSource) {
                            result.dataSource = externalEditorOptions.dataSource
                        }
                        if (result.items) {
                            result.items = externalEditorOptions.items
                        }
                    }
                    if (defaultEditorName) {
                        if (EDITORS_WITH_MULTIPLE_INPUT_FIELDS.includes(editorType)) {
                            if ("dxRangeSlider" === editorType) {
                                if (!result.startName) {
                                    result.startName = `${defaultEditorName}Start`
                                }
                                if (!result.endName) {
                                    result.endName = `${defaultEditorName}End`
                                }
                            }
                            if ("dxDateRangeBox" === editorType) {
                                if (!result.startDateName) {
                                    result.startDateName = `${defaultEditorName}Start`
                                }
                                if (!result.endDateName) {
                                    result.endDateName = `${defaultEditorName}End`
                                }
                            }
                            return result
                        }
                        if (!result.name) {
                            result.name = defaultEditorName
                        }
                    }
                    return result
                }({
                    $parent: $parent,
                    editorType: item.editorType,
                    editorValue: editorValue,
                    defaultEditorName: item.dataField,
                    canAssignUndefinedValueToEditor: canAssignUndefinedValueToEditor,
                    externalEditorOptions: item.editorOptions,
                    editorInputId: itemId,
                    editorValidationBoundary: editorValidationBoundary,
                    editorStylingMode: editorStylingMode,
                    formLabelMode: labelMode,
                    labelText: labelOptions.textWithoutColon,
                    labelMark: labelOptions.markOptions.showRequiredMark ? String.fromCharCode(160) + labelOptions.markOptions.requiredMark : ""
                });
                const needRenderOptionalMarkAsHelpText = labelOptions.markOptions.showOptionalMark && !labelOptions.visible && "hidden" !== editorOptions.labelMode && !(0, _type.isDefined)(item.helpText);
                const helpText = needRenderOptionalMarkAsHelpText ? labelOptions.markOptions.optionalMark : item.helpText;
                return {
                    $parent: $parent,
                    rootElementCssClassList: rootElementCssClassList,
                    formOrLayoutManager: formOrLayoutManager,
                    createComponentCallback: createComponentCallback,
                    labelOptions: labelOptions,
                    labelNeedBaselineAlign: labelNeedBaselineAlign,
                    labelLocation: labelLocation,
                    needRenderLabel: needRenderLabel,
                    item: item,
                    isSimpleItem: isSimpleItem,
                    isRequired: isRequired,
                    template: template,
                    helpID: helpID,
                    labelID: labelID,
                    name: name,
                    helpText: helpText,
                    formLabelLocation: formLabelLocation,
                    requiredMessageTemplate: requiredMessageTemplate,
                    validationGroup: validationGroup,
                    editorOptions: editorOptions
                }
            };
            exports.getLabelMarkText = function(_ref6) {
                let {
                    showRequiredMark: showRequiredMark,
                    requiredMark: requiredMark,
                    showOptionalMark: showOptionalMark,
                    optionalMark: optionalMark
                } = _ref6;
                if (!showRequiredMark && !showOptionalMark) {
                    return ""
                }
                return String.fromCharCode(160) + (showRequiredMark ? requiredMark : optionalMark)
            };
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _inflector = __webpack_require__( /*! ../../../core/utils/inflector */ 53124);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _constants = __webpack_require__( /*! ../../ui/form/constants */ 96891);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const EDITORS_WITH_ARRAY_VALUE = ["dxTagBox", "dxRangeSlider", "dxDateRangeBox"];
            const EDITORS_WITH_MULTIPLE_INPUT_FIELDS = ["dxRangeSlider", "dxDateRangeBox"];
            const EDITORS_WITH_SPECIFIC_LABELS = ["dxRangeSlider", "dxSlider"];
            const EDITORS_WITHOUT_LABELS = exports.EDITORS_WITHOUT_LABELS = ["dxCalendar", "dxCheckBox", "dxHtmlEditor", "dxRadioGroup", "dxRangeSlider", "dxSlider", "dxSwitch"];
            const DROP_DOWN_EDITORS = ["dxSelectBox", "dxDropDownBox", "dxTagBox", "dxLookup", "dxAutocomplete", "dxColorBox", "dxDateBox", "dxDateRangeBox"];

            function convertToLabelMarkOptions(_ref, isRequired) {
                let {
                    showRequiredMark: showRequiredMark,
                    requiredMark: requiredMark,
                    showOptionalMark: showOptionalMark,
                    optionalMark: optionalMark
                } = _ref;
                return {
                    showRequiredMark: showRequiredMark && isRequired,
                    requiredMark: requiredMark,
                    showOptionalMark: showOptionalMark && !isRequired,
                    optionalMark: optionalMark
                }
            }
        },
        41951(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.FormLoadPanel = exports.FORM_LOAD_INDICATOR_SIZE = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _constants = __webpack_require__( /*! ../../ui/form/constants */ 96891);
            var _load_indicator = __webpack_require__( /*! ../../ui/load_indicator */ 32677);
            const FORM_LOAD_INDICATOR_SIZE = exports.FORM_LOAD_INDICATOR_SIZE = 120;
            exports.FormLoadPanel = class {
                constructor(dependencies) {
                    this._dependencies = dependencies
                }
                show() {
                    var _this$_loadPanel;
                    this._ensureLoadPanel();
                    null === (_this$_loadPanel = this._loadPanel) || void 0 === _this$_loadPanel || _this$_loadPanel.show()
                }
                hide() {
                    var _this$_loadPanel2;
                    null === (_this$_loadPanel2 = this._loadPanel) || void 0 === _this$_loadPanel2 || _this$_loadPanel2.hide()
                }
                dispose() {
                    if (!this._loadPanel) {
                        return
                    }
                    this._loadPanel.dispose();
                    this._loadPanel.$element().remove();
                    this._loadPanel = void 0
                }
                get instance() {
                    return this._loadPanel
                }
                option(name) {
                    var _this$_loadPanel3;
                    return null === (_this$_loadPanel3 = this._loadPanel) || void 0 === _this$_loadPanel3 ? void 0 : _this$_loadPanel3.option(name)
                }
                _ensureLoadPanel() {
                    if (this._loadPanel) {
                        return
                    }
                    const $loadPanel = (0, _renderer.default)("<div>").addClass(_constants.FORM_LOAD_PANEL_CLASS).appendTo(this._dependencies.$container);
                    this._loadPanel = this._dependencies.onLoadPanelCreate($loadPanel, {
                        width: FORM_LOAD_INDICATOR_SIZE,
                        height: FORM_LOAD_INDICATOR_SIZE,
                        maxHeight: void 0,
                        maxWidth: void 0,
                        position: {
                            of: this._dependencies.$container.get(0)
                        },
                        visible: false,
                        showIndicator: true,
                        indicatorOptions: {
                            animationType: _load_indicator.AnimationType.Sparkle,
                            width: FORM_LOAD_INDICATOR_SIZE,
                            height: FORM_LOAD_INDICATOR_SIZE
                        },
                        showPane: false,
                        shading: false,
                        hideOnOutsideClick: false,
                        hideOnParentScroll: false,
                        deferRendering: false,
                        disabled: false,
                        message: "",
                        wrapperAttr: {
                            class: _constants.FORM_LOAD_PANEL_WRAPPER_CLASS
                        }
                    })
                }
            }
        },
        56433(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.concatPaths = void 0;
            exports.convertToLayoutManagerOptions = function(_ref) {
                let {
                    form: form,
                    $formElement: $formElement,
                    formOptions: formOptions,
                    items: items,
                    validationGroup: validationGroup,
                    extendedLayoutManagerOptions: extendedLayoutManagerOptions,
                    onFieldDataChanged: onFieldDataChanged,
                    onContentReady: onContentReady,
                    onDisposing: onDisposing,
                    onFieldItemRendered: onFieldItemRendered
                } = _ref;
                const baseOptions = {
                    form: form,
                    items: items,
                    $formElement: $formElement,
                    validationGroup: validationGroup,
                    onFieldDataChanged: onFieldDataChanged,
                    onContentReady: onContentReady,
                    onDisposing: onDisposing,
                    onFieldItemRendered: onFieldItemRendered,
                    validationBoundary: formOptions.scrollingEnabled ? $formElement : void 0,
                    scrollingEnabled: formOptions.scrollingEnabled,
                    showRequiredMark: formOptions.showRequiredMark,
                    showOptionalMark: formOptions.showOptionalMark,
                    requiredMark: formOptions.requiredMark,
                    optionalMark: formOptions.optionalMark,
                    requiredMessage: formOptions.requiredMessage,
                    screenByWidth: formOptions.screenByWidth,
                    layoutData: formOptions.formData,
                    labelLocation: formOptions.labelLocation,
                    customizeItem: formOptions.customizeItem,
                    minColWidth: formOptions.minColWidth,
                    showColonAfterLabel: formOptions.showColonAfterLabel,
                    onEditorEnterKey: formOptions.onEditorEnterKey,
                    labelMode: formOptions.labelMode
                };
                const result = (0, _extend.extend)(baseOptions, {
                    isRoot: extendedLayoutManagerOptions.isRoot,
                    colCount: extendedLayoutManagerOptions.colCount,
                    alignItemLabels: extendedLayoutManagerOptions.alignItemLabels,
                    cssItemClass: extendedLayoutManagerOptions.cssItemClass,
                    colCountByScreen: extendedLayoutManagerOptions.colCountByScreen,
                    onLayoutChanged: extendedLayoutManagerOptions.onLayoutChanged,
                    width: extendedLayoutManagerOptions.width
                });
                return result
            };
            exports.tryGetTabPath = exports.isFullPathContainsTabs = exports.isEqualToDataFieldOrNameOrTitleOrCaption = exports.getTextWithoutSpaces = exports.getOptionNameFromFullName = exports.getItemPath = exports.getFullOptionName = exports.createItemPathByIndex = void 0;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            const createItemPathByIndex = (index, isTabs) => `${isTabs?"tabs":"items"}[${index}]`;
            exports.createItemPathByIndex = createItemPathByIndex;
            const concatPaths = (path1, path2) => {
                if ((0, _type.isDefined)(path1) && (0, _type.isDefined)(path2)) {
                    return `${path1}.${path2}`
                }
                return path1 || path2
            };
            exports.concatPaths = concatPaths;
            const getTextWithoutSpaces = text => text ? text.replace(/\s/g, "") : void 0;
            exports.getTextWithoutSpaces = getTextWithoutSpaces;
            exports.isEqualToDataFieldOrNameOrTitleOrCaption = (item, fieldName) => {
                if (item) {
                    return item.dataField === fieldName || item.name === fieldName || getTextWithoutSpaces(item.title) === fieldName || "group" === item.itemType && getTextWithoutSpaces(item.caption) === fieldName
                }
                return false
            };
            exports.getFullOptionName = (path, optionName) => `${path}.${optionName}`;
            exports.getOptionNameFromFullName = fullName => {
                const parts = fullName.split(".");
                return parts[parts.length - 1].replace(/\[\d+]/, "")
            };
            const isFullPathContainsTabs = fullPath => fullPath.includes("tabs");
            exports.isFullPathContainsTabs = isFullPathContainsTabs;
            exports.tryGetTabPath = fullPath => {
                const pathParts = fullPath.split(".");
                const resultPathParts = [...pathParts];
                for (let i = pathParts.length - 1; i >= 0; i -= 1) {
                    if (isFullPathContainsTabs(pathParts[i])) {
                        return resultPathParts.join(".")
                    }
                    resultPathParts.splice(i, 1)
                }
                return ""
            };
            const getItemPath = (items, item, isTabs) => {
                if (!item) {
                    return ""
                }
                const index = items.indexOf(item);
                if (index > -1) {
                    return createItemPathByIndex(index, isTabs)
                }
                for (let i = 0; i < items.length; i += 1) {
                    const targetItem = items[i];
                    const tabOrGroupItems = targetItem.tabs ?? targetItem.items;
                    if (tabOrGroupItems) {
                        const itemPath = getItemPath(tabOrGroupItems, item, !!targetItem.tabs);
                        if (itemPath) {
                            return concatPaths(createItemPathByIndex(i, isTabs), itemPath) ?? ""
                        }
                    }
                }
                return ""
            };
            exports.getItemPath = getItemPath
        },
        11833(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _animation = __webpack_require__( /*! ../../common/core/animation */ 16826);
            var _translator = __webpack_require__( /*! ../../common/core/animation/translator */ 88603);
            var _click = __webpack_require__( /*! ../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _swipeable = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/gesture/swipeable */ 18278));
            var _utils = __webpack_require__( /*! ../../common/core/events/utils */ 98834);
            var _visibility_change = __webpack_require__( /*! ../../common/core/events/visibility_change */ 18029);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../core/devices */ 65951));
            var _element = __webpack_require__( /*! ../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _bindable_template = __webpack_require__( /*! ../../core/templates/bindable_template */ 27286);
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _size = __webpack_require__( /*! ../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../core/widget/widget */ 89275));
            var _collection_widget = _interopRequireDefault(__webpack_require__( /*! ../ui/collection/collection_widget.edit */ 79839));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class GalleryNavButton extends _widget.default {
                _supportedKeys() {
                    return Object.assign({}, super._supportedKeys(), {
                        pageUp: _common.noop,
                        pageDown: _common.noop
                    })
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        direction: "next",
                        onClick: null,
                        hoverStateEnabled: true,
                        activeStateEnabled: true
                    })
                }
                _render() {
                    super._render();
                    const $element = this.$element();
                    const eventName = (0, _utils.addNamespace)(_click.name, this.NAME);
                    const {
                        direction: direction
                    } = this.option();
                    $element.addClass(`dx-gallery-nav-button-${direction}`);
                    _events_engine.default.off($element, eventName);
                    _events_engine.default.on($element, eventName, e => {
                        this._createActionByOption("onClick")({
                            event: e
                        })
                    })
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "onClick":
                        case "direction":
                            this._invalidate();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            class Gallery extends _collection_widget.default {
                _activeStateUnit() {
                    return ".dx-gallery-item"
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        activeStateEnabled: false,
                        animationDuration: 400,
                        animationEnabled: true,
                        loop: false,
                        swipeEnabled: true,
                        indicatorEnabled: true,
                        showIndicator: true,
                        selectedIndex: 0,
                        slideshowDelay: 0,
                        showNavButtons: false,
                        wrapAround: false,
                        stretchImages: false,
                        loopItemFocus: false,
                        selectOnFocus: true,
                        selectionMode: "single",
                        selectionRequired: true,
                        selectByClick: false,
                        _itemAttributes: {
                            role: "option",
                            "aria-label": _message.default.format("dxGallery-itemName")
                        }
                    })
                }
                _defaultOptionsRules() {
                    return [...super._defaultOptionsRules(), {
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }]
                }
                _init() {
                    super._init();
                    const {
                        loop: loop
                    } = this.option();
                    this.option("loopItemFocus", loop)
                }
                _initTemplates() {
                    super._initTemplates();
                    this._templateManager.addDefaultTemplates({
                        item: new _bindable_template.BindableTemplate(($container, data) => {
                            const $img = (0, _renderer.default)("<img>").addClass("dx-gallery-item-image");
                            if ((0, _type.isPlainObject)(data)) {
                                this._prepareDefaultItemTemplate(data, $container);
                                $img.attr({
                                    src: data.imageSrc,
                                    alt: data.imageAlt
                                }).appendTo($container)
                            } else {
                                $img.attr("src", String(data)).appendTo($container)
                            }
                        }, ["imageSrc", "imageAlt", "text", "html"], this.option("integrationOptions.watchMethod"))
                    })
                }
                _dataSourceOptions() {
                    return {
                        paginate: false
                    }
                }
                _itemContainer() {
                    return this._$container
                }
                _itemClass() {
                    return "dx-gallery-item"
                }
                _itemDataKey() {
                    return "dxGalleryItemData"
                }
                _actualItemWidth() {
                    const {
                        wrapAround: wrapAround,
                        stretchImages: stretchImages
                    } = this.option();
                    if (stretchImages) {
                        const itemPerPage = wrapAround ? this._itemsPerPage() + 1 : this._itemsPerPage();
                        return 1 / itemPerPage
                    }
                    if (wrapAround) {
                        return this._itemPercentWidth() * this._itemsPerPage() / (this._itemsPerPage() + 1)
                    }
                    return this._itemPercentWidth()
                }
                _itemPercentWidth() {
                    const elementWidth = (0, _size.getOuterWidth)(this.$element());
                    const {
                        initialItemWidth: initialItemWidth
                    } = this.option();
                    if (initialItemWidth && initialItemWidth <= elementWidth) {
                        return initialItemWidth / elementWidth
                    }
                    return 1
                }
                _itemsPerPage() {
                    const itemsPerPage = (0, _window.hasWindow)() ? Math.floor(1 / this._itemPercentWidth()) : 1;
                    return Math.min(itemsPerPage, this._itemsCount())
                }
                _pagesCount() {
                    return Math.ceil(this._itemsCount() / this._itemsPerPage())
                }
                _itemsCount() {
                    const {
                        items: items = []
                    } = this.option();
                    return items.length
                }
                _offsetDirection() {
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    return rtlEnabled ? -1 : 1
                }
                _initMarkup() {
                    this._renderWrapper();
                    this._renderItemsContainer();
                    this.$element().addClass("dx-gallery");
                    const {
                        loop: loop
                    } = this.option();
                    this.$element().toggleClass("dx-gallery-loop", loop);
                    super._initMarkup();
                    const useListBoxRole = this._itemsCount() > 0;
                    const ariaAttrs = {
                        role: useListBoxRole ? "listbox" : void 0,
                        label: "gallery"
                    };
                    this.setAria(ariaAttrs)
                }
                _render() {
                    this._renderDragHandler();
                    this._renderContainerPosition();
                    this._renderItemSizes();
                    this._renderItemPositions();
                    this._renderNavButtons();
                    this._renderIndicator();
                    this._renderSelectedItem();
                    this._renderItemVisibility();
                    this._renderUserInteraction();
                    this._setupSlideShow();
                    this._reviseDimensions();
                    super._render()
                }
                _dimensionChanged() {
                    const {
                        selectedIndex: selectedIndex = 0
                    } = this.option();
                    this._stopItemAnimations();
                    this._clearCacheWidth();
                    this._cloneDuplicateItems();
                    this._renderItemSizes();
                    this._renderItemPositions();
                    this._renderIndicator();
                    this._renderContainerPosition(this._calculateIndexOffset(selectedIndex), true);
                    this._renderItemVisibility()
                }
                _renderDragHandler() {
                    const eventName = (0, _utils.addNamespace)("dragstart", this.NAME);
                    _events_engine.default.off(this.$element(), eventName);
                    _events_engine.default.on(this.$element(), eventName, "img", () => false)
                }
                _renderWrapper() {
                    if (this._$wrapper) {
                        return
                    }
                    this._$wrapper = (0, _renderer.default)("<div>").addClass("dx-gallery-wrapper").appendTo(this.$element())
                }
                _renderItems(items) {
                    if (!(0, _window.hasWindow)()) {
                        const {
                            selectedIndex: selectedIndex = 0
                        } = this.option();
                        items = items.length > selectedIndex ? items.slice(selectedIndex, selectedIndex + 1) : items.slice(0, 1)
                    }
                    super._renderItems(items);
                    this._loadNextPageIfNeeded()
                }
                _onItemTemplateRendered() {
                    return () => {
                        if (!Gallery._wasAnyItemTemplateRendered) {
                            Gallery._wasAnyItemTemplateRendered = true;
                            (0, _visibility_change.triggerResizeEvent)(this.$element())
                        }
                    }
                }
                _renderItemsContainer() {
                    if (this._$container) {
                        return
                    }
                    this._$container = (0, _renderer.default)("<div>").addClass("dx-gallery-container").appendTo(this._$wrapper)
                }
                _cloneDuplicateItems() {
                    const {
                        loop: loop,
                        items: items = []
                    } = this.option();
                    const itemsCount = items.length;
                    if (!loop || !itemsCount) {
                        return
                    }
                    this._getLoopedItems().remove();
                    const lastItemIndex = itemsCount - 1;
                    const duplicateCount = Math.min(this._itemsPerPage(), itemsCount);
                    const $items = this._getRealItems();
                    const $container = this._itemContainer();
                    for (let i = 0; i < duplicateCount; i += 1) {
                        this._cloneItemForDuplicate($items[i], $container)
                    }
                    for (let i = 0; i < duplicateCount; i += 1) {
                        this._cloneItemForDuplicate($items[lastItemIndex - i], $container)
                    }
                }
                _cloneItemForDuplicate(item, $container) {
                    if (item) {
                        const $clonedItem = (0, _renderer.default)(item).clone(false).addClass("dx-gallery-item-loop").removeAttr("id").css("margin", 0).appendTo($container);
                        this.setAria({
                            hidden: true
                        }, $clonedItem)
                    }
                }
                _getRealItems() {
                    return this.$element().find(".dx-gallery-item:not(.dx-gallery-item-loop)")
                }
                _getLoopedItems() {
                    return this.$element().find(".dx-gallery-item-loop")
                }
                _emptyMessageContainer() {
                    return this._$wrapper
                }
                _renderItemSizes(startIndex) {
                    let $items = this._itemElements();
                    const itemWidth = this._actualItemWidth();
                    if (void 0 !== startIndex) {
                        $items = $items.slice(startIndex)
                    }
                    $items.each((_index, element) => {
                        (0, _size.setOuterWidth)((0, _renderer.default)(element), 100 * itemWidth + "%");
                        return true
                    })
                }
                _renderItemPositions() {
                    const {
                        rtlEnabled: rtlEnabled,
                        wrapAround: wrapAround,
                        selectedIndex: selectedIndex = 0
                    } = this.option();
                    const itemWidth = this._actualItemWidth();
                    const itemsCount = this._itemsCount();
                    const itemsPerPage = this._itemsPerPage();
                    const loopItemsCount = this.$element().find(".dx-gallery-item-loop").length;
                    const lastItemDuplicateIndex = itemsCount + loopItemsCount - 1;
                    const offsetRatio = wrapAround ? .5 : 0;
                    const freeSpace = this._itemFreeSpace();
                    const isGapBetweenImages = !!freeSpace;
                    const side = rtlEnabled ? "Right" : "Left";
                    this._itemElements().each((index, item) => {
                        let realIndex = index;
                        const isLoopItem = (0, _renderer.default)(item).hasClass("dx-gallery-item-loop");
                        if (index > itemsCount + itemsPerPage - 1) {
                            realIndex = lastItemDuplicateIndex - realIndex - itemsPerPage
                        }
                        if (!isLoopItem && 0 !== realIndex) {
                            if (isGapBetweenImages) {
                                (0, _renderer.default)(item).css(`margin${side}`, 100 * freeSpace + "%")
                            }
                            return true
                        }
                        const itemPosition = itemWidth * (realIndex + offsetRatio) + freeSpace * (realIndex + 1 - offsetRatio);
                        const property = isLoopItem ? side.toLowerCase() : `margin${side}`;
                        (0, _renderer.default)(item).css(property, 100 * itemPosition + "%");
                        return true
                    });
                    this._relocateItems(selectedIndex, selectedIndex, true)
                }
                _itemFreeSpace() {
                    const {
                        wrapAround: wrapAround
                    } = this.option();
                    const itemsPerPage = wrapAround ? this._itemsPerPage() + 1 : this._itemsPerPage();
                    return (1 - this._actualItemWidth() * itemsPerPage) / (itemsPerPage + 1)
                }
                _renderContainerPosition() {
                    let offset = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0;
                    let hideItems = arguments.length > 1 ? arguments[1] : void 0;
                    let animate = arguments.length > 2 ? arguments[2] : void 0;
                    this._releaseInvisibleItems();
                    const itemWidth = this._actualItemWidth();
                    const targetPosition = this._offsetDirection() * offset * (itemWidth + this._itemFreeSpace());
                    let showAnimation = animate;
                    let positionReady;
                    if ((0, _type.isDefined)(this._animationOverride)) {
                        showAnimation = this._animationOverride;
                        delete this._animationOverride
                    }
                    if (showAnimation) {
                        this._startSwipe();
                        positionReady = this._animate(targetPosition).done(this._endSwipe)
                    } else {
                        (0, _translator.move)(this._$container, {
                            left: targetPosition * this._elementWidth(),
                            top: 0
                        });
                        positionReady = (0, _deferred.Deferred)().resolveWith(this)
                    }
                    positionReady.done(() => {
                        var _this$_deferredAnimat;
                        null === (_this$_deferredAnimat = this._deferredAnimate) || void 0 === _this$_deferredAnimat || _this$_deferredAnimat.resolveWith(this);
                        if (hideItems) {
                            this._renderItemVisibility()
                        }
                    });
                    return positionReady.promise()
                }
                _startSwipe() {
                    this.$element().addClass("dx-gallery-active")
                }
                _endSwipe() {
                    this.$element().removeClass("dx-gallery-active")
                }
                _animate(targetPosition) {
                    let extraConfig = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
                    const $container = this._$container;
                    const animationComplete = (0, _deferred.Deferred)();
                    const {
                        animationDuration: animationDuration
                    } = this.option();
                    const that = this;
                    _animation.fx.animate(this._$container.get(0), Object.assign({
                        type: "slide",
                        to: {
                            left: targetPosition * (this._elementWidth() ?? 0)
                        },
                        duration: animationDuration,
                        complete() {
                            if (that._needMoveContainerForward()) {
                                (0, _translator.move)($container, {
                                    left: 0,
                                    top: 0
                                })
                            }
                            if (that._needMoveContainerBack()) {
                                (0, _translator.move)($container, {
                                    left: that._maxContainerOffset() * (that._elementWidth() ?? 0),
                                    top: 0
                                })
                            }
                            animationComplete.resolveWith(that)
                        }
                    }, extraConfig));
                    return animationComplete
                }
                _needMoveContainerForward() {
                    var _this$_$container$pos;
                    const expectedPosition = ((null === (_this$_$container$pos = this._$container.position()) || void 0 === _this$_$container$pos ? void 0 : _this$_$container$pos.left) ?? 0) * this._offsetDirection();
                    const actualPosition = -this._maxItemWidth() * (this._elementWidth() ?? 0) * this._itemsCount();
                    return expectedPosition <= actualPosition + 1
                }
                _needMoveContainerBack() {
                    var _this$_$container$pos2;
                    const expectedPosition = ((null === (_this$_$container$pos2 = this._$container.position()) || void 0 === _this$_$container$pos2 ? void 0 : _this$_$container$pos2.left) ?? 0) * this._offsetDirection();
                    const actualPosition = this._actualItemWidth() * (this._elementWidth() ?? 0);
                    return expectedPosition >= actualPosition - 1
                }
                _maxContainerOffset() {
                    const itemOutPageCount = this._itemsCount() - this._itemsPerPage();
                    return -this._maxItemWidth() * itemOutPageCount * this._offsetDirection()
                }
                _maxItemWidth() {
                    return this._actualItemWidth() + this._itemFreeSpace()
                }
                _reviseDimensions() {
                    const $firstItem = this._itemElements().first().find(".dx-item-content");
                    if (!$firstItem || $firstItem.is(":hidden")) {
                        return
                    }
                    const {
                        height: height,
                        width: width
                    } = this.option();
                    if (!height) {
                        this.option("height", (0, _size.getOuterHeight)($firstItem))
                    }
                    if (!width) {
                        this.option("width", (0, _size.getOuterWidth)($firstItem))
                    }
                    this._dimensionChanged()
                }
                _renderIndicator() {
                    const {
                        showIndicator: showIndicator
                    } = this.option();
                    this._cleanIndicators();
                    this.$element().toggleClass("dx-gallery-indicator-visible", showIndicator);
                    if (!showIndicator) {
                        return
                    }
                    this._$indicator = (0, _renderer.default)("<div>").addClass("dx-gallery-indicator").appendTo(this._$wrapper);
                    const {
                        indicatorEnabled: indicatorEnabled
                    } = this.option();
                    for (let i = 0; i < this._pagesCount(); i += 1) {
                        const $indicatorItem = (0, _renderer.default)("<div>").addClass("dx-gallery-indicator-item").appendTo(this._$indicator);
                        if (indicatorEnabled) {
                            this._attachIndicatorClickHandler($indicatorItem, i)
                        }
                    }
                    this._renderSelectedPageIndicator()
                }
                _attachIndicatorClickHandler($element, index) {
                    _events_engine.default.on($element, (0, _utils.addNamespace)(_click.name, this.NAME), event => {
                        this._indicatorSelectHandler(event, index)
                    })
                }
                _detachIndicatorClickHandler($element) {
                    _events_engine.default.off($element, (0, _utils.addNamespace)(_click.name, this.NAME))
                }
                _toggleIndicatorInteraction(clickEnabled) {
                    var _this$_$indicator;
                    const $indicatorItems = (null === (_this$_$indicator = this._$indicator) || void 0 === _this$_$indicator ? void 0 : _this$_$indicator.find(".dx-gallery-indicator-item")) ?? (0, _renderer.default)();
                    if ($indicatorItems.length) {
                        $indicatorItems.each((index, element) => {
                            if (clickEnabled) {
                                this._attachIndicatorClickHandler((0, _renderer.default)(element), index)
                            } else {
                                this._detachIndicatorClickHandler((0, _renderer.default)(element))
                            }
                            return true
                        })
                    }
                }
                _cleanIndicators() {
                    if (this._$indicator) {
                        this._$indicator.remove()
                    }
                }
                _renderSelectedItem() {
                    const {
                        selectedIndex: selectedIndex
                    } = this.option();
                    this._itemElements().removeClass("dx-gallery-item-selected");
                    if ((0, _type.isDefined)(selectedIndex)) {
                        this._itemElements().eq(selectedIndex).addClass("dx-gallery-item-selected")
                    }
                }
                _renderItemVisibility() {
                    const {
                        initialItemWidth: initialItemWidth,
                        wrapAround: wrapAround,
                        selectedIndex: selectedIndex
                    } = this.option();
                    if (initialItemWidth || wrapAround) {
                        this._releaseInvisibleItems();
                        return
                    }
                    this._itemElements().each((index, item) => {
                        if (selectedIndex !== index) {
                            (0, _renderer.default)(item).find(".dx-item-content").addClass("dx-gallery-item-invisible")
                        }
                        return true
                    })
                }
                _releaseInvisibleItems() {
                    this._itemElements().find(".dx-item-content").removeClass("dx-gallery-item-invisible")
                }
                _renderSelectedPageIndicator() {
                    if (!this._$indicator) {
                        return
                    }
                    const {
                        selectedIndex: selectedIndex = 0
                    } = this.option();
                    const lastIndex = this._pagesCount() - 1;
                    let pageIndex = Math.ceil(selectedIndex / this._itemsPerPage());
                    pageIndex = Math.min(lastIndex, pageIndex);
                    this._$indicator.find(".dx-gallery-indicator-item").removeClass("dx-gallery-indicator-item-selected").eq(pageIndex).addClass("dx-gallery-indicator-item-selected")
                }
                _renderUserInteraction() {
                    const {
                        swipeEnabled: swipeEnabledOption,
                        disabled: disabled
                    } = this.option();
                    const rootElement = this.$element();
                    const swipeEnabled = swipeEnabledOption && this._itemsCount() > 1;
                    this._createComponent(rootElement, _swipeable.default, {
                        disabled: !!disabled || !swipeEnabled,
                        onStart: e => {
                            const {
                                event: event
                            } = e;
                            this._swipeStartHandler(event)
                        },
                        onUpdated: e => {
                            const {
                                event: event
                            } = e;
                            this._swipeUpdateHandler(event)
                        },
                        onEnd: e => {
                            const {
                                event: event
                            } = e;
                            this._swipeEndHandler(event)
                        },
                        itemSizeFunc: this._elementWidth.bind(this)
                    })
                }
                _indicatorSelectHandler(_e, indicatorIndex) {
                    const {
                        indicatorEnabled: indicatorEnabled
                    } = this.option();
                    if (!indicatorEnabled) {
                        return
                    }
                    const itemIndex = this._fitPaginatedIndex(indicatorIndex * this._itemsPerPage());
                    this._needLongMove = true;
                    this.option("selectedIndex", itemIndex);
                    this._loadNextPageIfNeeded(itemIndex)
                }
                _renderNavButtons() {
                    const {
                        showNavButtons: showNavButtons
                    } = this.option();
                    if (!showNavButtons) {
                        this._cleanNavButtons();
                        return
                    }
                    const nextPage = this._nextPage.bind(this);
                    const prevPage = this._prevPage.bind(this);
                    this._prevNavButton = (0, _renderer.default)("<div>").appendTo(this._$wrapper);
                    this._createComponent(this._prevNavButton, GalleryNavButton, {
                        direction: "prev",
                        onClick() {
                            prevPage()
                        }
                    });
                    this._nextNavButton = (0, _renderer.default)("<div>").appendTo(this._$wrapper);
                    this._createComponent(this._nextNavButton, GalleryNavButton, {
                        direction: "next",
                        onClick() {
                            nextPage()
                        }
                    });
                    this._renderNavButtonsVisibility()
                }
                _prevPage() {
                    const visiblePageSize = this._itemsPerPage();
                    const {
                        selectedIndex: selectedIndex = 0
                    } = this.option();
                    const newSelectedIndex = selectedIndex - visiblePageSize;
                    if (newSelectedIndex === -visiblePageSize && visiblePageSize === this._itemsCount()) {
                        return this._relocateItems(newSelectedIndex, 0)
                    }
                    return this.goToItem(this._fitPaginatedIndex(newSelectedIndex))
                }
                _nextPage() {
                    const visiblePageSize = this._itemsPerPage();
                    const {
                        selectedIndex: selectedIndex = 0
                    } = this.option();
                    const newSelectedIndex = selectedIndex + visiblePageSize;
                    if (newSelectedIndex === visiblePageSize && visiblePageSize === this._itemsCount()) {
                        return this._relocateItems(newSelectedIndex, 0)
                    }
                    return this.goToItem(this._fitPaginatedIndex(newSelectedIndex)).done(this._loadNextPageIfNeeded)
                }
                _loadNextPageIfNeeded(index) {
                    var _this$_dataSource;
                    const {
                        selectedIndex: selectedIndexOption = 0
                    } = this.option();
                    const selectedIndex = index ?? selectedIndexOption;
                    if (null !== (_this$_dataSource = this._dataSource) && void 0 !== _this$_dataSource && _this$_dataSource.paginate() && this._shouldLoadNextPage(selectedIndex) && !this._isDataSourceLoading() && !this._isLastPage()) {
                        this._loadNextPage().done(() => {
                            this._renderIndicator();
                            this._cloneDuplicateItems();
                            this._renderItemPositions();
                            this._renderNavButtonsVisibility();
                            this._renderItemSizes(selectedIndex)
                        })
                    }
                }
                _shouldLoadNextPage(selectedIndex) {
                    const visiblePageSize = this._itemsPerPage();
                    const {
                        items: items = []
                    } = this.option();
                    return selectedIndex + 2 * visiblePageSize > items.length
                }
                _allowDynamicItemsAppend() {
                    return true
                }
                _fitPaginatedIndex(itemIndex) {
                    const itemsPerPage = this._itemsPerPage();
                    const restItemsCount = itemIndex < 0 ? itemsPerPage + itemIndex : this._itemsCount() - itemIndex;
                    if (itemIndex > this._itemsCount() - 1) {
                        this._goToGhostItem = true;
                        return 0
                    }
                    if (restItemsCount < itemsPerPage && restItemsCount > 0) {
                        if (itemIndex > 0) {
                            return itemIndex - itemsPerPage + restItemsCount
                        }
                        return itemIndex + itemsPerPage - restItemsCount
                    }
                    return itemIndex
                }
                _cleanNavButtons() {
                    if (this._prevNavButton) {
                        this._prevNavButton.remove();
                        delete this._prevNavButton
                    }
                    if (this._nextNavButton) {
                        this._nextNavButton.remove();
                        delete this._nextNavButton
                    }
                }
                _renderNavButtonsVisibility() {
                    var _this$_dataSource2;
                    const {
                        showNavButtons: showNavButtons,
                        selectedIndex: selectedIndex,
                        loop: loop
                    } = this.option();
                    if (!showNavButtons || !this._prevNavButton || !this._nextNavButton) {
                        return
                    }
                    const itemsCount = this._itemsCount();
                    this._prevNavButton.show();
                    this._nextNavButton.show();
                    if (0 === itemsCount) {
                        this._prevNavButton.hide();
                        this._nextNavButton.hide()
                    }
                    if (loop) {
                        return
                    }
                    let nextHidden = selectedIndex === itemsCount - this._itemsPerPage();
                    const prevHidden = itemsCount < 2 || 0 === selectedIndex;
                    if (null !== (_this$_dataSource2 = this._dataSource) && void 0 !== _this$_dataSource2 && _this$_dataSource2.paginate()) {
                        nextHidden = nextHidden && this._isLastPage()
                    } else {
                        nextHidden = nextHidden || itemsCount < 2
                    }
                    if (prevHidden) {
                        this._prevNavButton.hide()
                    }
                    if (nextHidden) {
                        this._nextNavButton.hide()
                    }
                }
                _getUserInteraction() {
                    return this._userInteraction
                }
                _setupSlideShow() {
                    const {
                        slideshowDelay: slideshowDelay
                    } = this.option();
                    clearTimeout(this._slideshowTimer);
                    if (!slideshowDelay) {
                        return
                    }
                    const getUserInteraction = this._getUserInteraction.bind(this);
                    const setupSlideShow = this._setupSlideShow.bind(this);
                    const nextItem = this.nextItem.bind(this);
                    this._slideshowTimer = setTimeout(() => {
                        if (getUserInteraction()) {
                            setupSlideShow();
                            return
                        }
                        nextItem(true).done(setupSlideShow)
                    }, slideshowDelay)
                }
                _elementWidth() {
                    if (!this._cacheElementWidth) {
                        this._cacheElementWidth = (0, _size.getWidth)(this.$element())
                    }
                    return this._cacheElementWidth
                }
                _clearCacheWidth() {
                    delete this._cacheElementWidth
                }
                _swipeStartHandler(event) {
                    this._releaseInvisibleItems();
                    this._clearCacheWidth();
                    this._elementWidth();
                    const itemsCount = this._itemsCount();
                    if (!itemsCount) {
                        event.cancel = true;
                        return
                    }
                    this._stopItemAnimations();
                    this._startSwipe();
                    this._userInteraction = true;
                    const {
                        selectedIndex: selectedIndex = 0,
                        rtlEnabled: rtlEnabled,
                        loop: loop
                    } = this.option();
                    if (!loop) {
                        const startOffset = itemsCount - selectedIndex - this._itemsPerPage();
                        const endOffset = selectedIndex;
                        event.maxLeftOffset = rtlEnabled ? endOffset : startOffset;
                        event.maxRightOffset = rtlEnabled ? startOffset : endOffset
                    }
                }
                _stopItemAnimations() {
                    _animation.fx.stop(this._$container.get(0), true)
                }
                _swipeUpdateHandler(event) {
                    const {
                        selectedIndex: selectedIndex = 0,
                        wrapAround: wrapAround
                    } = this.option();
                    const wrapAroundRatio = wrapAround ? 1 : 0;
                    const itemsPerPage = this._itemsPerPage() + wrapAroundRatio;
                    const offset = this._offsetDirection() * event.offset * itemsPerPage - selectedIndex;
                    if (offset < 0) {
                        this._loadNextPageIfNeeded(Math.ceil(Math.abs(offset)))
                    }
                    this._renderContainerPosition(offset)
                }
                _swipeEndHandler(event) {
                    const targetOffset = event.targetOffset * this._offsetDirection() * this._itemsPerPage();
                    const {
                        selectedIndex: selectedIndex = 0
                    } = this.option();
                    const newIndex = this._fitIndex(selectedIndex - targetOffset);
                    const paginatedIndex = this._fitPaginatedIndex(newIndex);
                    if (Math.abs(targetOffset) < this._itemsPerPage()) {
                        this._relocateItems(selectedIndex);
                        return
                    }
                    if (this._itemsPerPage() === this._itemsCount()) {
                        if (targetOffset > 0) {
                            this._relocateItems(-targetOffset)
                        } else {
                            this._relocateItems(0)
                        }
                        return
                    }
                    this.option("selectedIndex", paginatedIndex)
                }
                _setFocusOnSelect() {
                    this._userInteraction = true;
                    const selectedItem = this._getRealItems().filter(".dx-gallery-item-selected");
                    this.option("focusedElement", (0, _element.getPublicElement)(selectedItem));
                    this._userInteraction = false
                }
                _fitIndex(index) {
                    const {
                        loop: loop
                    } = this.option();
                    if (!loop) {
                        return index
                    }
                    const itemsCount = this._itemsCount();
                    let fittedIndex = index;
                    if (fittedIndex >= itemsCount || fittedIndex < 0) {
                        this._goToGhostItem = true
                    }
                    if (fittedIndex >= itemsCount) {
                        fittedIndex = itemsCount - fittedIndex
                    }
                    fittedIndex %= itemsCount;
                    if (fittedIndex < 0) {
                        fittedIndex += itemsCount
                    }
                    return fittedIndex
                }
                _clean() {
                    super._clean();
                    this._cleanIndicators();
                    this._cleanNavButtons()
                }
                _dispose() {
                    Gallery._wasAnyItemTemplateRendered = null;
                    clearTimeout(this._slideshowTimer);
                    super._dispose()
                }
                _updateSelection(addedSelection, removedSelection) {
                    this._stopItemAnimations();
                    this._renderNavButtonsVisibility();
                    this._renderSelectedItem();
                    this._relocateItems(addedSelection[0], removedSelection[0]);
                    this._renderSelectedPageIndicator()
                }
                _relocateItems(newIndex, prevIndex, withoutAnimation) {
                    const indexOffset = this._calculateIndexOffset(newIndex, prevIndex ?? newIndex);
                    const {
                        animationEnabled: animationEnabled
                    } = this.option();
                    this._renderContainerPosition(indexOffset, true, animationEnabled && !withoutAnimation).done(function() {
                        this._setFocusOnSelect();
                        this._userInteraction = false;
                        this._setupSlideShow()
                    })
                }
                _focusInHandler(e) {
                    if (_animation.fx.isAnimating(this._$container.get(0)) || this._userInteraction) {
                        return
                    }
                    super._focusInHandler(e)
                }
                _focusOutHandler(e) {
                    if (_animation.fx.isAnimating(this._$container.get(0)) || this._userInteraction) {
                        return
                    }
                    super._focusOutHandler(e)
                }
                _selectFocusedItem() {}
                _moveFocus(location, e) {
                    this._stopItemAnimations();
                    super._moveFocus(location, e);
                    const {
                        focusedElement: focusedElement,
                        animationEnabled: animationEnabled
                    } = this.option();
                    const index = this.itemElements().index((0, _renderer.default)(focusedElement));
                    this.goToItem(index, animationEnabled)
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        this._reviseDimensions()
                    }
                }
                _calculateIndexOffset(newIndex, lastIndex) {
                    const {
                        loop: loop
                    } = this.option();
                    const prevIndex = lastIndex ?? newIndex;
                    let indexOffset = prevIndex - newIndex;
                    if (loop && !this._needLongMove && this._goToGhostItem) {
                        if (this._isItemOnFirstPage(newIndex) && this._isItemOnLastPage(prevIndex)) {
                            indexOffset = -this._itemsPerPage()
                        } else if (this._isItemOnLastPage(newIndex) && this._isItemOnFirstPage(prevIndex)) {
                            indexOffset = this._itemsPerPage()
                        }
                        this._goToGhostItem = false
                    }
                    this._needLongMove = false;
                    indexOffset -= prevIndex;
                    return indexOffset
                }
                _isItemOnLastPage(itemIndex) {
                    return itemIndex >= this._itemsCount() - this._itemsPerPage()
                }
                _isItemOnFirstPage(itemIndex) {
                    return itemIndex <= this._itemsPerPage()
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "width":
                        case "initialItemWidth":
                            super._optionChanged(args);
                            this._dimensionChanged();
                            break;
                        case "animationDuration":
                            this._renderNavButtonsVisibility();
                            break;
                        case "animationEnabled":
                            break;
                        case "loop":
                            this.$element().toggleClass("dx-gallery-loop", value);
                            this.option("loopItemFocus", value);
                            if ((0, _window.hasWindow)()) {
                                this._cloneDuplicateItems();
                                this._renderItemPositions();
                                this._renderNavButtonsVisibility()
                            }
                            break;
                        case "showIndicator":
                            this._renderIndicator();
                            break;
                        case "showNavButtons":
                            this._renderNavButtons();
                            break;
                        case "slideshowDelay":
                            this._setupSlideShow();
                            break;
                        case "wrapAround":
                        case "stretchImages":
                            if ((0, _window.hasWindow)()) {
                                this._renderItemSizes();
                                this._renderItemPositions();
                                this._renderItemVisibility()
                            }
                            break;
                        case "swipeEnabled":
                            this._renderUserInteraction();
                            break;
                        case "indicatorEnabled":
                            this._toggleIndicatorInteraction(value);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                goToItem(itemIndex, animation) {
                    const {
                        selectedIndex: selectedIndex
                    } = this.option();
                    const itemsCount = this._itemsCount();
                    if (void 0 !== animation) {
                        this._animationOverride = animation
                    }
                    const fittedIndex = this._fitIndex(itemIndex);
                    this._deferredAnimate = (0, _deferred.Deferred)();
                    if (fittedIndex > itemsCount - 1 || fittedIndex < 0 || selectedIndex === fittedIndex) {
                        return this._deferredAnimate.resolveWith(this).promise()
                    }
                    this.option("selectedIndex", fittedIndex);
                    return this._deferredAnimate.promise()
                }
                prevItem(animation) {
                    const {
                        selectedIndex: selectedIndex = 0
                    } = this.option();
                    return this.goToItem(selectedIndex - 1, animation)
                }
                nextItem(animation) {
                    const {
                        selectedIndex: selectedIndex = 0
                    } = this.option();
                    return this.goToItem(selectedIndex + 1, animation)
                }
            }
            Gallery._wasAnyItemTemplateRendered = false;
            (0, _component_registrator.default)("dxGallery", Gallery);
            exports.default = Gallery
        },
        22717(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getGanttViewCore = function() {
                if (!_devexpressGantt.default) {
                    throw _ui.default.Error("E1041", "devexpress-gantt")
                }
                return _devexpressGantt.default
            };
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _devexpressGantt = _interopRequireDefault(__webpack_require__( /*! devexpress-gantt */ 1990));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
        },
        91283(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GanttActionsManager = void 0;
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = (e = __webpack_require__( /*! ../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            const Actions_onContextMenuPreparing = "onContextMenuPreparing",
                Actions_onCustomCommand = "onCustomCommand",
                Actions_onDependencyDeleted = "onDependencyDeleted",
                Actions_onDependencyDeleting = "onDependencyDeleting",
                Actions_onDependencyInserted = "onDependencyInserted",
                Actions_onDependencyInserting = "onDependencyInserting",
                Actions_onResourceAssigned = "onResourceAssigned",
                Actions_onResourceAssigning = "onResourceAssigning",
                Actions_onResourceDeleted = "onResourceDeleted",
                Actions_onResourceDeleting = "onResourceDeleting",
                Actions_onResourceInserted = "onResourceInserted",
                Actions_onResourceInserting = "onResourceInserting",
                Actions_onResourceManagerDialogShowing = "onResourceManagerDialogShowing",
                Actions_onResourceUnassigned = "onResourceUnassigned",
                Actions_onResourceUnassigning = "onResourceUnassigning",
                Actions_onSelectionChanged = "onSelectionChanged",
                Actions_onTaskClick = "onTaskClick",
                Actions_onTaskDblClick = "onTaskDblClick",
                Actions_onTaskDeleted = "onTaskDeleted",
                Actions_onTaskDeleting = "onTaskDeleting",
                Actions_onTaskEditDialogShowing = "onTaskEditDialogShowing",
                Actions_onTaskInserted = "onTaskInserted",
                Actions_onTaskInserting = "onTaskInserting",
                Actions_onTaskMoving = "onTaskMoving",
                Actions_onTaskUpdated = "onTaskUpdated",
                Actions_onTaskUpdating = "onTaskUpdating",
                Actions_onScaleCellPrepared = "onScaleCellPrepared";
            exports.GanttActionsManager = class {
                constructor(gantt) {
                    this._gantt = gantt;
                    this._mappingHelper = gantt._mappingHelper;
                    this._customFieldsManager = gantt._customFieldsManager
                }
                _createActionByOption(optionName) {
                    var _this$_gantt;
                    return null === (_this$_gantt = this._gantt) || void 0 === _this$_gantt ? void 0 : _this$_gantt._createActionByOption(optionName)
                }
                _getTaskData(key) {
                    return this._gantt.getTaskData(key)
                }
                _convertCoreToMappedData(optionName, coreData) {
                    var _this$_mappingHelper;
                    return null === (_this$_mappingHelper = this._mappingHelper) || void 0 === _this$_mappingHelper ? void 0 : _this$_mappingHelper.convertCoreToMappedData(optionName, coreData)
                }
                _convertMappedToCoreData(optionName, mappedData) {
                    var _this$_mappingHelper2;
                    return null === (_this$_mappingHelper2 = this._mappingHelper) || void 0 === _this$_mappingHelper2 ? void 0 : _this$_mappingHelper2.convertMappedToCoreData(optionName, mappedData)
                }
                _convertMappedToCoreFields(optionName, fields) {
                    var _this$_mappingHelper3;
                    return null === (_this$_mappingHelper3 = this._mappingHelper) || void 0 === _this$_mappingHelper3 ? void 0 : _this$_mappingHelper3.convertMappedToCoreFields(optionName, fields)
                }
                _convertCoreToMappedFields(optionName, fields) {
                    var _this$_mappingHelper4;
                    return null === (_this$_mappingHelper4 = this._mappingHelper) || void 0 === _this$_mappingHelper4 ? void 0 : _this$_mappingHelper4.convertCoreToMappedFields(optionName, fields)
                }
                _saveCustomFieldsDataToCache(key, data) {
                    var _this$_customFieldsMa;
                    let forceUpdateOnKeyExpire = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : false;
                    let isCustomFieldsUpdateOnly = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : false;
                    null === (_this$_customFieldsMa = this._customFieldsManager) || void 0 === _this$_customFieldsMa || _this$_customFieldsMa.saveCustomFieldsDataToCache(key, data, forceUpdateOnKeyExpire, isCustomFieldsUpdateOnly)
                }
                createTaskDblClickAction() {
                    this._taskDblClickAction = this._createActionByOption(Actions_onTaskDblClick)
                }
                taskDblClickAction(args) {
                    var _this$_taskDblClickAc;
                    if (!this._taskDblClickAction) {
                        this.createTaskDblClickAction()
                    }
                    null === (_this$_taskDblClickAc = this._taskDblClickAction) || void 0 === _this$_taskDblClickAc || _this$_taskDblClickAc.call(this, args)
                }
                raiseTaskDblClickAction(key, event) {
                    const args = {
                        cancel: false,
                        data: this._getTaskData(key),
                        event: event,
                        key: key
                    };
                    this.taskDblClickAction(args);
                    return !args.cancel
                }
                createTaskClickAction() {
                    this._taskClickAction = this._createActionByOption(Actions_onTaskClick)
                }
                taskClickAction(args) {
                    var _this$_taskClickActio;
                    if (!this._taskClickAction) {
                        this.createTaskClickAction()
                    }
                    null === (_this$_taskClickActio = this._taskClickAction) || void 0 === _this$_taskClickActio || _this$_taskClickActio.call(this, args)
                }
                raiseTaskClickAction(key, event) {
                    const args = {
                        key: key,
                        event: event,
                        data: this._getTaskData(key)
                    };
                    this.taskClickAction(args)
                }
                createSelectionChangedAction() {
                    this._selectionChangedAction = this._createActionByOption(Actions_onSelectionChanged)
                }
                selectionChangedAction(args) {
                    var _this$_selectionChang;
                    if (!this._selectionChangedAction) {
                        this.createSelectionChangedAction()
                    }
                    null === (_this$_selectionChang = this._selectionChangedAction) || void 0 === _this$_selectionChang || _this$_selectionChang.call(this, args)
                }
                raiseSelectionChangedAction(selectedRowKey) {
                    this.selectionChangedAction({
                        selectedRowKey: selectedRowKey
                    })
                }
                createCustomCommandAction() {
                    this._customCommandAction = this._createActionByOption(Actions_onCustomCommand)
                }
                customCommandAction(args) {
                    var _this$_customCommandA;
                    if (!this._customCommandAction) {
                        this.createCustomCommandAction()
                    }
                    null === (_this$_customCommandA = this._customCommandAction) || void 0 === _this$_customCommandA || _this$_customCommandA.call(this, args)
                }
                raiseCustomCommand(commandName) {
                    this.customCommandAction({
                        name: commandName
                    })
                }
                createContextMenuPreparingAction() {
                    this._contextMenuPreparingAction = this._createActionByOption(Actions_onContextMenuPreparing)
                }
                contextMenuPreparingAction(args) {
                    var _this$_contextMenuPre;
                    if (!this._contextMenuPreparingAction) {
                        this.createContextMenuPreparingAction()
                    }
                    null === (_this$_contextMenuPre = this._contextMenuPreparingAction) || void 0 === _this$_contextMenuPre || _this$_contextMenuPre.call(this, args)
                }
                raiseContextMenuPreparing(options) {
                    this.contextMenuPreparingAction(options)
                }
                _getInsertingAction(optionName) {
                    switch (optionName) {
                        case "tasks":
                            return this._getTaskInsertingAction();
                        case "dependencies":
                            return this._getDependencyInsertingAction();
                        case "resources":
                            return this._getResourceInsertingAction();
                        case "resourceAssignments":
                            return this._getResourceAssigningAction();
                        default:
                            return () => {}
                    }
                }
                raiseInsertingAction(optionName, coreArgs) {
                    const action = this._getInsertingAction(optionName);
                    if (action) {
                        const args = {
                            cancel: false,
                            values: this._convertCoreToMappedData(optionName, coreArgs.values)
                        };
                        action(args);
                        coreArgs.cancel = args.cancel;
                        (0, _extend.extend)(coreArgs.values, this._convertMappedToCoreData(optionName, args.values));
                        if ("tasks" === optionName) {
                            this._saveCustomFieldsDataToCache("gantt_new_task_key", args.values)
                        }
                    }
                }
                createTaskInsertingAction() {
                    this._taskInsertingAction = this._createActionByOption(Actions_onTaskInserting)
                }
                taskInsertingAction(args) {
                    const action = this._getTaskInsertingAction();
                    null === action || void 0 === action || action(args)
                }
                _getTaskInsertingAction() {
                    if (!this._taskInsertingAction) {
                        this.createTaskInsertingAction()
                    }
                    return this._taskInsertingAction
                }
                createDependencyInsertingAction() {
                    this._dependencyInsertingAction = this._createActionByOption(Actions_onDependencyInserting)
                }
                dependencyInsertingAction(args) {
                    const action = this._getDependencyInsertingAction();
                    null === action || void 0 === action || action(args)
                }
                _getDependencyInsertingAction() {
                    if (!this._dependencyInsertingAction) {
                        this.createDependencyInsertingAction()
                    }
                    return this._dependencyInsertingAction
                }
                createResourceInsertingAction() {
                    this._resourceInsertingAction = this._createActionByOption(Actions_onResourceInserting)
                }
                resourceInsertingAction(args) {
                    const action = this._getResourceInsertingAction();
                    null === action || void 0 === action || action(args)
                }
                _getResourceInsertingAction() {
                    if (!this._resourceInsertingAction) {
                        this.createResourceInsertingAction()
                    }
                    return this._resourceInsertingAction
                }
                createResourceAssigningAction() {
                    this._resourceAssigningAction = this._createActionByOption(Actions_onResourceAssigning)
                }
                resourceAssigningAction(args) {
                    const action = this._getResourceAssigningAction();
                    null === action || void 0 === action || action(args)
                }
                _getResourceAssigningAction() {
                    if (!this._resourceAssigningAction) {
                        this.createResourceAssigningAction()
                    }
                    return this._resourceAssigningAction
                }
                _getInsertedAction(optionName) {
                    switch (optionName) {
                        case "tasks":
                            return this._getTaskInsertedAction();
                        case "dependencies":
                            return this._getDependencyInsertedAction();
                        case "resources":
                            return this._getResourceInsertedAction();
                        case "resourceAssignments":
                            return this._getResourceAssignedAction();
                        default:
                            return () => {}
                    }
                }
                raiseInsertedAction(optionName, data, key) {
                    const action = this._getInsertedAction(optionName);
                    if (action) {
                        const args = {
                            values: data,
                            key: key
                        };
                        action(args)
                    }
                }
                createTaskInsertedAction() {
                    this._taskInsertedAction = this._createActionByOption(Actions_onTaskInserted)
                }
                taskInsertedAction(args) {
                    const action = this._getTaskInsertedAction();
                    null === action || void 0 === action || action(args)
                }
                _getTaskInsertedAction() {
                    if (!this._taskInsertedAction) {
                        this.createTaskInsertedAction()
                    }
                    return this._taskInsertedAction
                }
                createDependencyInsertedAction() {
                    this._dependencyInsertedAction = this._createActionByOption(Actions_onDependencyInserted)
                }
                dependencyInsertedAction(args) {
                    const action = this._getDependencyInsertedAction();
                    null === action || void 0 === action || action(args)
                }
                _getDependencyInsertedAction() {
                    if (!this._dependencyInsertedAction) {
                        this.createDependencyInsertedAction()
                    }
                    return this._dependencyInsertedAction
                }
                createResourceInsertedAction() {
                    this._resourceInsertedAction = this._createActionByOption(Actions_onResourceInserted)
                }
                resourceInsertedAction(args) {
                    const action = this._getResourceInsertedAction();
                    null === action || void 0 === action || action(args)
                }
                _getResourceInsertedAction() {
                    if (!this._resourceInsertedAction) {
                        this.createResourceInsertedAction()
                    }
                    return this._resourceInsertedAction
                }
                createResourceAssignedAction() {
                    this._resourceAssignedAction = this._createActionByOption(Actions_onResourceAssigned)
                }
                resourceAssignedAction(args) {
                    const action = this._getResourceAssignedAction();
                    null === action || void 0 === action || action(args)
                }
                _getResourceAssignedAction() {
                    if (!this._resourceAssignedAction) {
                        this.createResourceAssignedAction()
                    }
                    return this._resourceAssignedAction
                }
                _getDeletingAction(optionName) {
                    switch (optionName) {
                        case "tasks":
                            return this._getTaskDeletingAction();
                        case "dependencies":
                            return this._getDependencyDeletingAction();
                        case "resources":
                            return this._getResourceDeletingAction();
                        case "resourceAssignments":
                            return this._getResourceUnassigningAction();
                        default:
                            return () => {}
                    }
                }
                raiseDeletingAction(optionName, coreArgs) {
                    const action = this._getDeletingAction(optionName);
                    if (action) {
                        const args = {
                            cancel: false,
                            key: coreArgs.key,
                            values: this._convertCoreToMappedData(optionName, coreArgs.values)
                        };
                        action(args);
                        coreArgs.cancel = args.cancel
                    }
                }
                createTaskDeletingAction() {
                    this._taskDeletingAction = this._createActionByOption(Actions_onTaskDeleting)
                }
                taskDeletingAction(args) {
                    const action = this._getTaskDeletingAction();
                    null === action || void 0 === action || action(args)
                }
                _getTaskDeletingAction() {
                    if (!this._taskDeletingAction) {
                        this.createTaskDeletingAction()
                    }
                    return this._taskDeletingAction
                }
                createDependencyDeletingAction() {
                    this._dependencyDeletingAction = this._createActionByOption(Actions_onDependencyDeleting)
                }
                dependencyDeletingAction(args) {
                    const action = this._getDependencyDeletingAction();
                    null === action || void 0 === action || action(args)
                }
                _getDependencyDeletingAction() {
                    if (!this._dependencyDeletingAction) {
                        this.createDependencyDeletingAction()
                    }
                    return this._dependencyDeletingAction
                }
                createResourceDeletingAction() {
                    this._resourceDeletingAction = this._createActionByOption(Actions_onResourceDeleting)
                }
                resourceDeletingAction(args) {
                    const action = this._getResourceDeletingAction();
                    null === action || void 0 === action || action(args)
                }
                _getResourceDeletingAction() {
                    if (!this._resourceDeletingAction) {
                        this.createResourceDeletingAction()
                    }
                    return this._resourceDeletingAction
                }
                createResourceUnassigningAction() {
                    this._resourceUnassigningAction = this._createActionByOption(Actions_onResourceUnassigning)
                }
                resourceUnassigningAction(args) {
                    const action = this._getResourceUnassigningAction();
                    null === action || void 0 === action || action(args)
                }
                _getResourceUnassigningAction() {
                    if (!this._resourceUnassigningAction) {
                        this.createResourceUnassigningAction()
                    }
                    return this._resourceUnassigningAction
                }
                _getDeletedAction(optionName) {
                    switch (optionName) {
                        case "tasks":
                            return this._getTaskDeletedAction();
                        case "dependencies":
                            return this._getDependencyDeletedAction();
                        case "resources":
                            return this._getResourceDeletedAction();
                        case "resourceAssignments":
                            return this._getResourceUnassignedAction();
                        default:
                            return () => {}
                    }
                }
                raiseDeletedAction(optionName, key, data) {
                    const action = this._getDeletedAction(optionName);
                    if (action) {
                        const args = {
                            key: key,
                            values: data
                        };
                        action(args)
                    }
                }
                createTaskDeletedAction() {
                    this._taskDeletedAction = this._createActionByOption(Actions_onTaskDeleted)
                }
                taskDeletedAction(args) {
                    const action = this._getTaskDeletedAction();
                    null === action || void 0 === action || action(args)
                }
                _getTaskDeletedAction() {
                    if (!this._taskDeletedAction) {
                        this.createTaskDeletedAction()
                    }
                    return this._taskDeletedAction
                }
                createDependencyDeletedAction() {
                    this._dependencyDeletedAction = this._createActionByOption(Actions_onDependencyDeleted)
                }
                dependencyDeletedAction(args) {
                    const action = this._getDependencyDeletedAction();
                    null === action || void 0 === action || action(args)
                }
                _getDependencyDeletedAction() {
                    if (!this._dependencyDeletedAction) {
                        this.createDependencyDeletedAction()
                    }
                    return this._dependencyDeletedAction
                }
                createResourceDeletedAction() {
                    this._resourceDeletedAction = this._createActionByOption(Actions_onResourceDeleted)
                }
                resourceDeletedAction(args) {
                    const action = this._getResourceDeletedAction();
                    null === action || void 0 === action || action(args)
                }
                _getResourceDeletedAction() {
                    if (!this._resourceDeletedAction) {
                        this.createResourceDeletedAction()
                    }
                    return this._resourceDeletedAction
                }
                createResourceUnassignedAction() {
                    this._resourceUnassignedAction = this._createActionByOption(Actions_onResourceUnassigned)
                }
                resourceUnassignedAction(args) {
                    const action = this._getResourceUnassignedAction();
                    null === action || void 0 === action || action(args)
                }
                _getResourceUnassignedAction() {
                    if (!this._resourceUnassignedAction) {
                        this.createResourceUnassignedAction()
                    }
                    return this._resourceUnassignedAction
                }
                _getUpdatingAction(optionName) {
                    if ("tasks" === optionName) {
                        return this._getTaskUpdatingAction()
                    } else {
                        return () => {}
                    }
                }
                raiseUpdatingAction(optionName, coreArgs, action) {
                    action = action || this._getUpdatingAction(optionName);
                    if (action) {
                        var _this$_customFieldsMa2;
                        const isTaskUpdating = "tasks" === optionName;
                        const args = {
                            cancel: false,
                            key: coreArgs.key,
                            newValues: this._convertCoreToMappedData(optionName, coreArgs.newValues),
                            values: isTaskUpdating ? this._getTaskData(coreArgs.key) : this._convertCoreToMappedData(optionName, coreArgs.values)
                        };
                        if (isTaskUpdating && null !== (_this$_customFieldsMa2 = this._customFieldsManager) && void 0 !== _this$_customFieldsMa2 && _this$_customFieldsMa2.cache.hasData(args.key)) {
                            var _this$_customFieldsMa3;
                            null === (_this$_customFieldsMa3 = this._customFieldsManager) || void 0 === _this$_customFieldsMa3 || _this$_customFieldsMa3.addCustomFieldsDataFromCache(args.key, args.newValues)
                        }
                        action(args);
                        coreArgs.cancel = args.cancel;
                        (0, _extend.extend)(coreArgs.newValues, this._convertMappedToCoreData(optionName, args.newValues));
                        if (isTaskUpdating) {
                            if (args.cancel) {
                                var _this$_customFieldsMa4;
                                null === (_this$_customFieldsMa4 = this._customFieldsManager) || void 0 === _this$_customFieldsMa4 || _this$_customFieldsMa4.resetCustomFieldsDataCache(args.key)
                            } else {
                                const forceUpdateOnKeyExpire = !Object.keys(coreArgs.newValues).length;
                                this._saveCustomFieldsDataToCache(args.key, args.newValues, forceUpdateOnKeyExpire)
                            }
                        }
                    }
                }
                createTaskUpdatingAction() {
                    this._taskUpdatingAction = this._createActionByOption(Actions_onTaskUpdating)
                }
                taskUpdatingAction(args) {
                    const action = this._getTaskUpdatingAction();
                    null === action || void 0 === action || action(args)
                }
                _getTaskUpdatingAction() {
                    if (!this._taskUpdatingAction) {
                        this.createTaskUpdatingAction()
                    }
                    return this._taskUpdatingAction
                }
                _getUpdatedAction(optionName) {
                    if ("tasks" === optionName) {
                        return this._getTaskUpdatedAction()
                    } else {
                        return () => {}
                    }
                }
                raiseUpdatedAction(optionName, data, key) {
                    const action = this._getUpdatedAction(optionName);
                    if (action) {
                        const args = {
                            values: data,
                            key: key
                        };
                        action(args)
                    }
                }
                createTaskUpdatedAction() {
                    this._taskUpdatedAction = this._createActionByOption(Actions_onTaskUpdated)
                }
                taskUpdatedAction(args) {
                    const action = this._getTaskUpdatedAction();
                    null === action || void 0 === action || action(args)
                }
                _getTaskUpdatedAction() {
                    if (!this._taskUpdatedAction) {
                        this.createTaskUpdatedAction()
                    }
                    return this._taskUpdatedAction
                }
                createTaskEditDialogShowingAction() {
                    this._taskEditDialogShowingAction = this._createActionByOption(Actions_onTaskEditDialogShowing)
                }
                taskEditDialogShowingAction(args) {
                    const action = this._getTaskEditDialogShowingAction();
                    null === action || void 0 === action || action(args)
                }
                _getTaskEditDialogShowingAction() {
                    if (!this._taskEditDialogShowingAction) {
                        this.createTaskEditDialogShowingAction()
                    }
                    return this._taskEditDialogShowingAction
                }
                raiseTaskEditDialogShowingAction(coreArgs) {
                    const action = this._getTaskEditDialogShowingAction();
                    if (action) {
                        const args = {
                            cancel: false,
                            key: coreArgs.key,
                            values: this._convertCoreToMappedData("tasks", coreArgs.values),
                            readOnlyFields: this._convertCoreToMappedFields("tasks", coreArgs.readOnlyFields),
                            hiddenFields: this._convertCoreToMappedFields("tasks", coreArgs.hiddenFields)
                        };
                        action(args);
                        coreArgs.cancel = args.cancel;
                        (0, _extend.extend)(coreArgs.values, this._convertMappedToCoreData("tasks", args.values));
                        coreArgs.readOnlyFields = this._convertMappedToCoreFields("tasks", args.readOnlyFields);
                        coreArgs.hiddenFields = this._convertMappedToCoreFields("tasks", args.hiddenFields)
                    }
                }
                createResourceManagerDialogShowingAction() {
                    this._resourceManagerDialogShowingAction = this._createActionByOption(Actions_onResourceManagerDialogShowing)
                }
                resourceManagerDialogShowingAction(args) {
                    const action = this._getResourceManagerDialogShowingAction();
                    null === action || void 0 === action || action(args)
                }
                _getResourceManagerDialogShowingAction() {
                    if (!this._resourceManagerDialogShowingAction) {
                        this.createResourceManagerDialogShowingAction()
                    }
                    return this._resourceManagerDialogShowingAction
                }
                raiseResourceManagerDialogShowingAction(coreArgs) {
                    const action = this._getResourceManagerDialogShowingAction();
                    if (action) {
                        const mappedResources = coreArgs.values.resources.items.map(r => this._convertMappedToCoreData("resources", r));
                        const args = {
                            cancel: false,
                            values: mappedResources
                        };
                        action(args);
                        coreArgs.cancel = args.cancel
                    }
                }
                createTaskMovingAction() {
                    this._taskMovingAction = this._createActionByOption(Actions_onTaskMoving)
                }
                taskMovingAction(args) {
                    const action = this.getTaskMovingAction();
                    null === action || void 0 === action || action(args)
                }
                getTaskMovingAction() {
                    if (!this._taskMovingAction) {
                        this.createTaskMovingAction()
                    }
                    return this._taskMovingAction
                }
                getScaleCellPreparedAction() {
                    if (!this._scaleCellPreparedAction) {
                        this.createScaleCellPreparedAction()
                    }
                    return this._scaleCellPreparedAction
                }
                createScaleCellPreparedAction() {
                    this._scaleCellPreparedAction = this._createActionByOption(Actions_onScaleCellPrepared)
                }
                raiseScaleCellPreparedAction(data) {
                    const action = this.getScaleCellPreparedAction();
                    if (action) {
                        const args = {
                            scaleIndex: data.scaleIndex,
                            scaleType: this._getScaleType(data.scaleType),
                            scaleElement: (0, _element.getPublicElement)((0, _renderer.default)(data.scaleElement)),
                            separatorElement: (0, _element.getPublicElement)((0, _renderer.default)(data.separatorElement)),
                            startDate: new Date(data.start),
                            endDate: new Date(data.end)
                        };
                        null === action || void 0 === action || action(args)
                    }
                }
                _getScaleType(viewType) {
                    switch (viewType) {
                        case 0:
                            return "minutes";
                        case 1:
                            return "hours";
                        case 2:
                            return "sixHours";
                        case 3:
                            return "days";
                        case 4:
                            return "weeks";
                        case 5:
                            return "months";
                        case 6:
                            return "quarters";
                        case 7:
                            return "years";
                        case 8:
                            return "fiveYears";
                        default:
                            return
                    }
                }
            }
        },
        5102(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GanttToolbar = exports.GanttContextMenuBar = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _context_menu = _interopRequireDefault(__webpack_require__( /*! ../../ui/context_menu/context_menu */ 84252));
            var _toolbar = _interopRequireDefault(__webpack_require__( /*! ../../ui/toolbar/toolbar */ 53716));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const COMMANDS_createTask = 0,
                COMMANDS_createSubTask = 1,
                COMMANDS_removeTask = 2,
                COMMANDS_removeDependency = 3,
                COMMANDS_taskInformation = 4,
                COMMANDS_taskAddContextItem = 5,
                COMMANDS_undo = 6,
                COMMANDS_redo = 7,
                COMMANDS_zoomIn = 8,
                COMMANDS_zoomOut = 9,
                COMMANDS_fullScreen = 10,
                COMMANDS_collapseAll = 11,
                COMMANDS_expandAll = 12,
                COMMANDS_resourceManager = 13,
                COMMANDS_toggleResources = 14,
                COMMANDS_toggleDependencies = 15;
            class Bar {
                constructor(element, owner) {
                    this._element = element;
                    this._owner = owner;
                    this._items = [];
                    this._createControl()
                }
                _createControl() {}
                _createSeparator() {}
                _createDefaultItem(_commandId, _text, _icon) {}
                createItems(items) {
                    var _this$_menu;
                    this._cache = null;
                    this._items = this._createItemsCore(items);
                    null === (_this$_menu = this._menu) || void 0 === _this$_menu || _this$_menu.option("items", this._items)
                }
                _createItemsCore(items) {
                    return items.map(item => {
                        let result;
                        if ("string" === typeof item) {
                            result = this._createItemByText(item)
                        } else {
                            result = item.name ? (0, _extend.extend)(this._createItemByText(item.name), item) : (0, _extend.extend)(this._getDefaultItemOptions(), item)
                        }
                        if (item.items) {
                            result.items = this._createItemsCore(item.items)
                        }
                        return result
                    })
                }
                _createItemByText(text) {
                    switch (text.toLowerCase()) {
                        case "separator":
                            return this._createSeparator();
                        case "undo":
                            return this._createDefaultItem(COMMANDS_undo, _message.default.format("dxGantt-undo"), this._getIcon("undo"));
                        case "redo":
                            return this._createDefaultItem(COMMANDS_redo, _message.default.format("dxGantt-redo"), this._getIcon("redo"));
                        case "expandall":
                            return this._createDefaultItem(COMMANDS_expandAll, _message.default.format("dxGantt-expandAll"), this._getIcon("expand"));
                        case "collapseall":
                            return this._createDefaultItem(COMMANDS_collapseAll, _message.default.format("dxGantt-collapseAll"), this._getIcon("collapse"));
                        case "addtask":
                            return this._createDefaultItem(COMMANDS_createTask, _message.default.format("dxGantt-addNewTask"), this._getIcon("add"));
                        case "addsubtask":
                            return this._createDefaultItem(COMMANDS_createSubTask, _message.default.format("dxGantt-contextMenuNewSubtask"), this._getIcon("add-sub-task"));
                        case "deletetask":
                            return this._createDefaultItem(COMMANDS_removeTask, _message.default.format("dxGantt-deleteSelectedTask"), this._getIcon("delete"));
                        case "deletedependency":
                            return this._createDefaultItem(COMMANDS_removeDependency, _message.default.format("dxGantt-contextMenuDeleteDependency"), this._getIcon("delete-dependency"));
                        case "zoomin":
                            return this._createDefaultItem(COMMANDS_zoomIn, _message.default.format("dxGantt-zoomIn"), this._getIcon("zoom-in"));
                        case "zoomout":
                            return this._createDefaultItem(COMMANDS_zoomOut, _message.default.format("dxGantt-zoomOut"), this._getIcon("zoom-out"));
                        case "fullscreen":
                            return this._createDefaultItem(COMMANDS_fullScreen, _message.default.format("dxGantt-fullScreen"), this._getIcon("full-screen"));
                        case "taskdetails":
                            return this._createDefaultItem(COMMANDS_taskInformation, `${_message.default.format("dxGantt-dialogTaskDetailsTitle")}...`, this._getIcon("task-details"));
                        case "resourcemanager":
                            return this._createDefaultItem(COMMANDS_resourceManager, _message.default.format("dxGantt-dialogResourceManagerTitle"), this._getIcon("resource-manager"));
                        case "showresources":
                            return this._createDefaultItem(COMMANDS_toggleResources, _message.default.format("dxGantt-showResources"), this._getIcon("toggle-resources"));
                        case "showdependencies":
                            return this._createDefaultItem(COMMANDS_toggleDependencies, _message.default.format("dxGantt-showDependencies"), this._getIcon("toggle-dependencies"));
                        default:
                            return (0, _extend.extend)(this._getDefaultItemOptions(), {
                                options: {
                                    text: text
                                }
                            })
                    }
                }
                _getDefaultItemOptions() {
                    return {}
                }
                _getItemsCache() {
                    if (!this._cache) {
                        this._cache = {};
                        this._fillCache(this._items)
                    }
                    return this._cache
                }
                _fillCache(items) {
                    items.forEach(item => {
                        const key = item.commandId;
                        if (void 0 !== key) {
                            if (!this._cache[key]) {
                                this._cache[key] = []
                            }
                            this._cache[key].push(item)
                        }
                        if (item.items) {
                            this._fillCache(item.items)
                        }
                    })
                }
                _getIcon(name) {
                    return `dx-gantt-i dx-gantt-i-${name}`
                }
                getCommandKeys() {
                    const itemsCache = this._getItemsCache();
                    const result = [];
                    for (const itemKey in itemsCache) {
                        result.push(parseInt(itemKey, 10))
                    }
                    return result
                }
                setItemEnabled(key, enabled) {
                    const itemsCache = this._getItemsCache();
                    itemsCache[key].forEach(item => {
                        item.disabled = !enabled
                    })
                }
                setItemVisible(key, visible) {
                    const itemsCache = this._getItemsCache();
                    itemsCache[key].forEach(item => {
                        item.visible = visible
                    })
                }
                setItemValue(_key, _value) {}
                setEnabled(enabled) {
                    var _this$_menu2;
                    null === (_this$_menu2 = this._menu) || void 0 === _this$_menu2 || _this$_menu2.option("disabled", !enabled)
                }
                updateItemsList() {}
                isVisible() {
                    return true
                }
                isContextMenu() {
                    return false
                }
                completeUpdate() {}
            }
            exports.GanttToolbar = class extends Bar {
                _createControl() {
                    this._menu = this._owner._createComponent(this._element, _toolbar.default, {
                        onItemClick: e => {
                            const {
                                commandId: commandId
                            } = e.itemData;
                            if (void 0 !== commandId) {
                                this._owner._executeCoreCommand(commandId)
                            }
                        }
                    })
                }
                _createDefaultItem(commandId, hint, icon) {
                    return {
                        commandId: commandId,
                        disabled: true,
                        widget: "dxButton",
                        location: "before",
                        options: {
                            icon: icon,
                            stylingMode: "text",
                            hint: hint
                        }
                    }
                }
                _createSeparator() {
                    return {
                        location: "before",
                        template: (_data, _index, element) => {
                            (0, _renderer.default)(element).addClass("dx-gantt-toolbar-separator")
                        }
                    }
                }
                _getDefaultItemOptions() {
                    return {
                        location: "before",
                        widget: "dxButton"
                    }
                }
                completeUpdate() {
                    var _this$_menu3;
                    null === (_this$_menu3 = this._menu) || void 0 === _this$_menu3 || _this$_menu3.option("items", this._items)
                }
            };
            exports.GanttContextMenuBar = class extends Bar {
                _createControl() {
                    this._menu = this._owner._createComponent(this._element, _context_menu.default, {
                        showEvent: void 0,
                        onItemClick: e => {
                            if (void 0 !== e.itemData.commandId) {
                                this._owner._executeCoreCommand(e.itemData.commandId)
                            } else if (void 0 !== e.itemData.name) {
                                this._owner._actionsManager.raiseCustomCommand(e.itemData.name)
                            }
                        }
                    })
                }
                createItems(items) {
                    if (!items || 0 === items.length) {
                        items = this._getDefaultItems()
                    }
                    super.createItems(items)
                }
                _getDefaultItems() {
                    return [{
                        text: _message.default.format("dxGantt-dialogButtonAdd"),
                        commandId: COMMANDS_taskAddContextItem,
                        icon: this._getIcon("add"),
                        items: [{
                            text: _message.default.format("dxGantt-contextMenuNewTask"),
                            commandId: COMMANDS_createTask,
                            icon: this._getIcon("add-task")
                        }, {
                            text: _message.default.format("dxGantt-contextMenuNewSubtask"),
                            commandId: COMMANDS_createSubTask,
                            icon: this._getIcon("add-sub-task")
                        }]
                    }, {
                        text: `${_message.default.format("dxGantt-dialogTaskDetailsTitle")}...`,
                        commandId: COMMANDS_taskInformation,
                        icon: this._getIcon("task-details")
                    }, {
                        text: _message.default.format("dxGantt-contextMenuDeleteTask"),
                        commandId: COMMANDS_removeTask,
                        icon: this._getIcon("delete")
                    }, {
                        text: _message.default.format("dxGantt-contextMenuDeleteDependency"),
                        commandId: COMMANDS_removeDependency,
                        icon: this._getIcon("delete-dependency")
                    }]
                }
                _createDefaultItem(commandId, text, icon) {
                    return {
                        commandId: commandId,
                        text: text,
                        icon: icon
                    }
                }
                show(point, items) {
                    var _this$_menu4, _this$_menu5, _this$_menu6;
                    null === (_this$_menu4 = this._menu) || void 0 === _this$_menu4 || _this$_menu4.option("items", items || this._items);
                    null === (_this$_menu5 = this._menu) || void 0 === _this$_menu5 || _this$_menu5.option("position.offset", {
                        x: point.x,
                        y: point.y
                    });
                    null === (_this$_menu6 = this._menu) || void 0 === _this$_menu6 || _this$_menu6.option("position.collision", "fit");
                    this._menu.show()
                }
                hide() {
                    this._menu.hide()
                }
                isContextMenu() {
                    return true
                }
            }
        },
        98702(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GanttDataCache = void 0;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            exports.GanttDataCache = class {
                constructor() {
                    this._cache = {};
                    this._timers = {}
                }
                saveData(key, data, keyExpireCallback) {
                    if (data) {
                        this._clearTimer(key);
                        const storage = this._getCache(key, true);
                        (0, _extend.extendFromObject)(storage, data, true);
                        if (keyExpireCallback) {
                            this._setExpireTimer(key, keyExpireCallback)
                        }
                    }
                }
                pullDataFromCache(key, target) {
                    const data = this._getCache(key);
                    if (data) {
                        (0, _extend.extendFromObject)(target, data)
                    }
                    this._onKeyExpired(key)
                }
                hasData(key) {
                    return !!this._cache[key]
                }
                resetCache(key) {
                    this._onKeyExpired(key)
                }
                _getCache(key, forceCreate) {
                    if (!this._cache[key] && forceCreate) {
                        this._cache[key] = {}
                    }
                    return this._cache[key]
                }
                _setExpireTimer(key, callback) {
                    this._timers[key] = setTimeout(() => {
                        callback(key, this._getCache(key));
                        this._onKeyExpired(key)
                    }, 200)
                }
                _onKeyExpired(key) {
                    this._clearCache(key);
                    this._clearTimer(key)
                }
                _clearCache(key) {
                    delete this._cache[key]
                }
                _clearTimer(key) {
                    const timers = this._timers;
                    if (null !== timers && void 0 !== timers && timers[key]) {
                        clearTimeout(timers[key]);
                        delete timers[key]
                    }
                }
            }
        },
        39749(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GanttCustomFieldsManager = void 0;
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _uiGantt = __webpack_require__( /*! ../../ui/gantt/ui.gantt.cache */ 98702);
            var _uiGantt2 = __webpack_require__( /*! ../../ui/gantt/ui.gantt.helper */ 55886);
            exports.GanttCustomFieldsManager = class {
                constructor(gantt) {
                    this._gantt = gantt;
                    this._mappingHelper = gantt._mappingHelper;
                    this.cache = new _uiGantt.GanttDataCache
                }
                _getTaskCustomFields() {
                    const {
                        columns: columns
                    } = this._gantt.option();
                    const columnFields = null === columns || void 0 === columns ? void 0 : columns.map(c => c.dataField);
                    const mappedFields = this._mappingHelper.getTaskMappedFieldNames();
                    return columnFields ? columnFields.filter(f => !mappedFields.includes(f)) : []
                }
                _getCustomFieldsData(data) {
                    return this._getTaskCustomFields().reduce((previous, field) => {
                        if (data && void 0 !== data[field]) {
                            previous[field] = data[field]
                        }
                        return previous
                    }, {})
                }
                addCustomFieldsData(key, data) {
                    if (data) {
                        var _this$_gantt$_tasksOp;
                        const modelData = null === (_this$_gantt$_tasksOp = this._gantt._tasksOption) || void 0 === _this$_gantt$_tasksOp ? void 0 : _this$_gantt$_tasksOp._getItems();
                        const keyGetter = (0, _data.compileGetter)(this._gantt.option("tasks.keyExpr"));
                        const modelItem = null === modelData || void 0 === modelData ? void 0 : modelData.filter(obj => keyGetter(obj) === key)[0];
                        const customFields = this._getTaskCustomFields();
                        if (modelItem) {
                            for (let i = 0; i < customFields.length; i += 1) {
                                const field = customFields[i];
                                if (Object.prototype.hasOwnProperty.call(modelItem, field)) {
                                    data[field] = modelItem[field]
                                }
                            }
                        }
                    }
                }
                appendCustomFields(data) {
                    var _this$_gantt$_tasksOp2;
                    const modelData = null === (_this$_gantt$_tasksOp2 = this._gantt._tasksOption) || void 0 === _this$_gantt$_tasksOp2 ? void 0 : _this$_gantt$_tasksOp2._getItems();
                    const keyGetter = this._gantt._getTaskKeyGetter();
                    const invertedData = _uiGantt2.GanttHelper.getInvertedData(modelData, keyGetter);
                    return data.reduce((previous, item) => {
                        const key = keyGetter(item);
                        const modelItem = invertedData[key];
                        if (!modelItem) {
                            previous.push(item)
                        } else {
                            const updatedItem = {};
                            for (const field in modelItem) {
                                updatedItem[field] = Object.prototype.hasOwnProperty.call(item, field) ? item[field] : modelItem[field]
                            }
                            previous.push(updatedItem)
                        }
                        return previous
                    }, [])
                }
                addCustomFieldsDataFromCache(key, data) {
                    this.cache.pullDataFromCache(key, data)
                }
                saveCustomFieldsDataToCache(key, data) {
                    let forceUpdateOnKeyExpire = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : false;
                    let isCustomFieldsUpdateOnly = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : false;
                    const customFieldsData = this._getCustomFieldsData(data);
                    if (Object.keys(customFieldsData).length > 0) {
                        const updateCallback = (key, data) => {
                            const dataOption = this._gantt._tasksOption;
                            if (dataOption && data) {
                                dataOption.update(key, data, (data, key) => {
                                    var _this$_gantt$_ganttVi, _this$_gantt$_actions;
                                    const updatedCustomFields = {};
                                    this.addCustomFieldsData(key, updatedCustomFields);
                                    dataOption._reloadDataSource().done(data => {
                                        var _this$_gantt$_ganttTr;
                                        null === (_this$_gantt$_ganttTr = this._gantt._ganttTreeList) || void 0 === _this$_gantt$_ganttTr || _this$_gantt$_ganttTr.updateDataSource(data ?? dataOption._dataSource, false, isCustomFieldsUpdateOnly)
                                    });
                                    const selectedRowKey = this._gantt.option("selectedRowKey");
                                    null === (_this$_gantt$_ganttVi = this._gantt._ganttView) || void 0 === _this$_gantt$_ganttVi || _this$_gantt$_ganttVi._selectTask(selectedRowKey);
                                    null === (_this$_gantt$_actions = this._gantt._actionsManager) || void 0 === _this$_gantt$_actions || _this$_gantt$_actions.raiseUpdatedAction("tasks", updatedCustomFields, key)
                                })
                            }
                        };
                        this.cache.saveData(key, customFieldsData, forceUpdateOnKeyExpire ? updateCallback : null)
                    }
                }
                resetCustomFieldsDataCache(key) {
                    this.cache.resetCache(key)
                }
            }
        },
        41447(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _m_data_helper = __webpack_require__( /*! ../../../__internal/data/m_data_helper */ 16780);
            var _component = __webpack_require__( /*! ../../../core/component */ 17863);
            class DataOption extends _component.Component {
                constructor(optionName, getLoadPanel, dataSourceChangedCallback) {
                    super();
                    this._optionName = optionName;
                    this._getLoadPanel = getLoadPanel;
                    this._dataSourceChangedCallback = dataSourceChangedCallback
                }
                insert(data, callback, errorCallback) {
                    this._showLoadPanel();
                    this._getStore().insert(data).done(response => {
                        if (callback) {
                            callback(response)
                        }
                        this._hideLoadPanel()
                    }).fail(error => {
                        if (errorCallback) {
                            errorCallback(error)
                        }
                        this._hideLoadPanel()
                    })
                }
                update(key, data, callback, errorCallback) {
                    this._showLoadPanel();
                    this._getStore().update(key, data).done((data, key) => {
                        if (callback) {
                            callback(data, key)
                        }
                        this._hideLoadPanel()
                    }).fail(error => {
                        if (errorCallback) {
                            errorCallback(error)
                        }
                        this._hideLoadPanel()
                    })
                }
                remove(key, callback, errorCallback) {
                    this._showLoadPanel();
                    this._getStore().remove(key).done(key => {
                        if (callback) {
                            callback(key)
                        }
                        this._hideLoadPanel()
                    }).fail(error => {
                        if (errorCallback) {
                            errorCallback(error)
                        }
                        this._hideLoadPanel()
                    })
                }
                _dataSourceChangedHandler(newItems, e) {
                    this._dataSourceChangedCallback(this._optionName, newItems)
                }
                _dataSourceOptions() {
                    return {
                        paginate: false
                    }
                }
                _dataSourceLoadingChangedHandler(isLoading) {
                    if (isLoading && !this._dataSource.isLoaded()) {
                        this._showLoadPanel()
                    } else {
                        this._hideLoadPanel()
                    }
                }
                _showLoadPanel() {
                    var _this$_getLoadPanel;
                    null === (_this$_getLoadPanel = this._getLoadPanel()) || void 0 === _this$_getLoadPanel || _this$_getLoadPanel.show()
                }
                _hideLoadPanel() {
                    var _this$_getLoadPanel2;
                    null === (_this$_getLoadPanel2 = this._getLoadPanel()) || void 0 === _this$_getLoadPanel2 || _this$_getLoadPanel2.hide()
                }
                _getStore() {
                    return this._dataSource.store()
                }
                _getItems() {
                    return this._getStore()._array || this._dataSource.items()
                }
                _reloadDataSource() {
                    return this._dataSource.load()
                }
                dispose() {
                    this._disposeDataSource()
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    name
                }
            }
            DataOption.include(_m_data_helper.DataHelperMixin);
            exports.default = DataOption
        },
        89311(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GanttDataChangesProcessingHelper = void 0;
            exports.GanttDataChangesProcessingHelper = class {
                constructor() {
                    this._waitingForGanttViewReady = false;
                    this._waitingForTreeListReady = false;
                    this._completionActions = []
                }
                onGanttViewReady() {
                    this._stopWaitForGanttViewReady();
                    this.executeActionsIfPossible()
                }
                onTreeListReady() {
                    this._stopWaitForTreeListReady();
                    this.executeActionsIfPossible()
                }
                addCompletionAction(action, waitGanttViewReady, waitTreeListReady) {
                    if (action) {
                        if (waitGanttViewReady) {
                            this._startWaitForGanttViewReady()
                        }
                        if (waitTreeListReady) {
                            this._startWaitForTreeListReady()
                        }
                        this._completionActions.push(action)
                    }
                }
                executeActionsIfPossible() {
                    if (this._canExecuteActions()) {
                        this._completionActions.forEach(act => act());
                        this._completionActions = []
                    }
                }
                _startWaitForGanttViewReady() {
                    this._waitingForGanttViewReady = true
                }
                _stopWaitForGanttViewReady() {
                    this._waitingForGanttViewReady = false
                }
                _startWaitForTreeListReady() {
                    this._waitingForTreeListReady = true
                }
                _stopWaitForTreeListReady() {
                    this._waitingForTreeListReady = false
                }
                _canExecuteActions() {
                    return !(this._waitingForGanttViewReady || this._waitingForTreeListReady)
                }
            }
        },
        15145(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GanttDialog = void 0;
            __webpack_require__( /*! ../../../ui/tag_box */ 4575);
            __webpack_require__( /*! ../../../ui/radio_group */ 84798);
            __webpack_require__( /*! ../../../ui/list_light */ 80070);
            __webpack_require__( /*! ../../ui/list/modules/deleting */ 94660);
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _form = _interopRequireDefault(__webpack_require__( /*! ../../ui/form/form */ 10378));
            var _m_popup = _interopRequireDefault(__webpack_require__( /*! ../../ui/popup/m_popup */ 43864));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DialogInfoBase {
                constructor(parameters, applyAction, hideAction, editingOptions, owner) {
                    this._parameters = parameters;
                    this._applyAction = applyAction;
                    this._hideAction = hideAction;
                    this._editingOptions = editingOptions;
                    this._owner = owner
                }
                _getFormItems() {
                    return {}
                }
                _getFormCssClass() {
                    return ""
                }
                _getFormData() {
                    return this._parameters
                }
                _updateParameters(_formData) {}
                _getOkToolbarItem() {
                    return this._getToolbarItem("OK", this._applyAction)
                }
                _getCancelToolbarItem() {
                    return this._getToolbarItem("Cancel", this._hideAction)
                }
                _getYesToolbarItem() {
                    return this._getToolbarItem("Yes", this._applyAction)
                }
                _getNoToolbarItem() {
                    return this._getToolbarItem("No", this._hideAction)
                }
                _getToolbarItem(localizationText, action) {
                    return {
                        widget: "dxButton",
                        toolbar: "bottom",
                        options: {
                            text: _message.default.format(localizationText),
                            onClick: action
                        }
                    }
                }
                getTitle() {
                    return ""
                }
                getToolbarItems() {
                    return this._editingOptions.enabled ? [this._getOkToolbarItem(), this._getCancelToolbarItem()] : [this._getCancelToolbarItem()]
                }
                getMaxWidth() {
                    return 400
                }
                getHeight() {
                    return "auto"
                }
                getContentTemplate() {
                    return content => {
                        this._form = new _form.default(content, {
                            formData: this._getFormData(),
                            items: this._getFormItems(),
                            elementAttr: {
                                class: this._getFormCssClass()
                            },
                            rtlEnabled: false
                        });
                        return content
                    }
                }
                getResult() {
                    const formData = this.getFormData();
                    this._updateParameters(formData);
                    return this._parameters
                }
                getFormData() {
                    var _this$_form;
                    const formData = null === (_this$_form = this._form) || void 0 === _this$_form ? void 0 : _this$_form.option("formData");
                    return formData
                }
                isValidated() {
                    return true
                }
                shouldHidePopup() {
                    return true
                }
            }
            class TaskEditDialogInfo extends DialogInfoBase {
                getTitle() {
                    return _message.default.format("dxGantt-dialogTaskDetailsTitle")
                }
                _getFormItems() {
                    const readOnly = !this._editingOptions.enabled || !this._editingOptions.allowTaskUpdating;
                    const readOnlyRange = readOnly || !this._parameters.enableRangeEdit;
                    return [{
                        dataField: "title",
                        editorType: "dxTextBox",
                        label: {
                            text: _message.default.format("dxGantt-dialogTitle")
                        },
                        editorOptions: {
                            readOnly: readOnly || this._isReadOnlyField("title")
                        },
                        visible: !this._isHiddenField("title")
                    }, {
                        dataField: "start",
                        editorType: "dxDateBox",
                        label: {
                            text: _message.default.format("dxGantt-dialogStartTitle")
                        },
                        editorOptions: {
                            type: "datetime",
                            width: "100%",
                            readOnly: readOnlyRange || this._isReadOnlyField("start")
                        },
                        visible: !this._isHiddenField("start"),
                        validationRules: [{
                            type: "required",
                            message: _message.default.format("validation-required-formatted", _message.default.format("dxGantt-dialogStartTitle"))
                        }, {
                            type: "custom",
                            validationCallback: e => {
                                if (this._parameters.isValidationRequired) {
                                    const correctDateRange = this._parameters.getCorrectDateRange(this._parameters.id, e.value, this._parameters.end);
                                    if (correctDateRange.start.getTime() !== e.value.getTime()) {
                                        e.rule.message = this._getValidationMessage(true, correctDateRange.start);
                                        return false
                                    }
                                }
                                return true
                            }
                        }]
                    }, {
                        dataField: "end",
                        editorType: "dxDateBox",
                        label: {
                            text: _message.default.format("dxGantt-dialogEndTitle")
                        },
                        editorOptions: {
                            type: "datetime",
                            width: "100%",
                            readOnly: readOnlyRange || this._isReadOnlyField("end")
                        },
                        visible: !this._isHiddenField("end"),
                        validationRules: [{
                            type: "required",
                            message: _message.default.format("validation-required-formatted", _message.default.format("dxGantt-dialogEndTitle"))
                        }, {
                            type: "custom",
                            validationCallback: e => {
                                if (this._parameters.isValidationRequired) {
                                    const correctDateRange = this._parameters.getCorrectDateRange(this._parameters.id, this._parameters.start, e.value);
                                    if (correctDateRange.end.getTime() !== e.value.getTime()) {
                                        e.rule.message = this._getValidationMessage(false, correctDateRange.end);
                                        return false
                                    }
                                }
                                return true
                            }
                        }]
                    }, {
                        dataField: "progress",
                        editorType: "dxNumberBox",
                        label: {
                            text: _message.default.format("dxGantt-dialogProgressTitle")
                        },
                        editorOptions: {
                            showSpinButtons: true,
                            min: 0,
                            max: 1,
                            format: "#0%",
                            step: .01,
                            readOnly: readOnlyRange || this._isReadOnlyField("progress")
                        },
                        visible: !this._isHiddenField("progress")
                    }, {
                        dataField: "assigned.items",
                        editorType: "dxTagBox",
                        label: {
                            text: _message.default.format("dxGantt-dialogResourcesTitle")
                        },
                        editorOptions: {
                            readOnly: readOnly || !this._editingOptions.allowTaskResourceUpdating,
                            dataSource: this._parameters.resources.items,
                            displayExpr: "text",
                            buttons: [{
                                name: "editResources",
                                location: "after",
                                options: {
                                    disabled: !this._editingOptions.allowResourceAdding && !this._editingOptions.allowResourceDeleting,
                                    text: "...",
                                    hint: _message.default.format("dxGantt-dialogEditResourceListHint"),
                                    onClick: () => {
                                        const formData = this.getFormData();
                                        this._parameters.showResourcesDialogCommand.execute(() => {
                                            this._parameters.showTaskEditDialogCommand.execute();
                                            this._restoreFormData(formData)
                                        })
                                    }
                                }
                            }]
                        }
                    }]
                }
                _restoreFormData(formData) {
                    const newForm = this._owner._dialogInfo._form;
                    const titleEdit = newForm.getEditor("title");
                    const assignedEdit = newForm.getEditor("assigned.items");
                    const startEdit = newForm.getEditor("start");
                    const endEdit = newForm.getEditor("end");
                    const progressEdit = newForm.getEditor("progress");
                    titleEdit.option("value", formData.title);
                    assignedEdit.option("value", formData.assigned.items);
                    startEdit.option("value", formData.start);
                    endEdit.option("value", formData.end);
                    progressEdit.option("value", formData.progress)
                }
                _getValidationMessage(isStartDependencies, correctDate) {
                    if (isStartDependencies) {
                        return _message.default.format("dxGantt-dialogStartDateValidation", this._getFormattedDateText(correctDate))
                    }
                    return _message.default.format("dxGantt-dialogEndDateValidation", this._getFormattedDateText(correctDate))
                }
                _getFormattedDateText(date) {
                    return date ? _date.default.format(date, "shortDateShortTime") : ""
                }
                _isReadOnlyField(field) {
                    return this._parameters.readOnlyFields.indexOf(field) > -1
                }
                _isHiddenField(field) {
                    return this._parameters.hiddenFields.indexOf(field) > -1
                }
                _getFormData() {
                    const data = {};
                    for (const field in this._parameters) {
                        data[field] = "progress" === field ? this._parameters[field] / 100 : this._parameters[field]
                    }
                    return data
                }
                _updateParameters(formData) {
                    this._parameters.title = formData.title;
                    this._parameters.start = formData.start;
                    this._parameters.end = formData.end;
                    this._parameters.progress = Math.round(100 * formData.progress);
                    this._parameters.assigned = formData.assigned
                }
                isValidated() {
                    var _this$_form2;
                    const validationResult = null === (_this$_form2 = this._form) || void 0 === _this$_form2 ? void 0 : _this$_form2.validate();
                    return null === validationResult || void 0 === validationResult ? void 0 : validationResult.isValid
                }
            }
            class ResourcesEditDialogInfo extends DialogInfoBase {
                getTitle() {
                    return _message.default.format("dxGantt-dialogResourceManagerTitle")
                }
                _getFormItems() {
                    return [{
                        label: {
                            visible: false
                        },
                        dataField: "resources.items",
                        editorType: "dxList",
                        editorOptions: {
                            allowItemDeleting: this._editingOptions.enabled && this._editingOptions.allowResourceDeleting,
                            itemDeleteMode: "static",
                            selectionMode: "none",
                            items: this._parameters.resources.items,
                            height: 250,
                            noDataText: _message.default.format("dxGantt-dialogEditNoResources"),
                            onInitialized: e => {
                                this.list = e.component
                            },
                            onItemDeleted: e => {
                                this._parameters.resources.remove(e.itemData)
                            }
                        }
                    }, {
                        label: {
                            visible: false
                        },
                        editorType: "dxTextBox",
                        editorOptions: {
                            readOnly: !this._editingOptions.enabled || !this._editingOptions.allowResourceAdding,
                            onInitialized: e => {
                                this.textBox = e.component
                            },
                            onInput: e => {
                                const addButton = e.component.getButton("addResource");
                                const resourceName = e.component.option("text");
                                addButton.option("disabled", 0 === resourceName.length)
                            },
                            buttons: [{
                                name: "addResource",
                                location: "after",
                                options: {
                                    text: _message.default.format("dxGantt-dialogButtonAdd"),
                                    disabled: true,
                                    onClick: e => {
                                        const newItem = this._parameters.resources.createItem();
                                        newItem.text = this.textBox.option("text");
                                        this._parameters.resources.add(newItem);
                                        this.list.option("items", this._parameters.resources.items);
                                        this.list.scrollToItem(newItem);
                                        this.textBox.clear();
                                        e.component.option("disabled", true)
                                    }
                                }
                            }]
                        }
                    }]
                }
                shouldHidePopup() {
                    return false
                }
            }
            class ConfirmDialogInfo extends DialogInfoBase {
                getContentTemplate() {
                    return () => this._getConfirmMessage()
                }
                _getConfirmMessage() {
                    switch (this._parameters.type) {
                        case 0:
                            return _message.default.format("dxGantt-dialogTaskDeleteConfirmation");
                        case 1:
                            return _message.default.format("dxGantt-dialogDependencyDeleteConfirmation");
                        case 2:
                            return _message.default.format("dxGantt-dialogResourcesDeleteConfirmation", this._parameters.message);
                        default:
                            return ""
                    }
                }
                getToolbarItems() {
                    return [this._getYesToolbarItem(), this._getNoToolbarItem()]
                }
            }
            class ConstraintViolationDialogInfo extends DialogInfoBase {
                _getFormItems() {
                    const {
                        hasCriticalErrors: hasCriticalErrors
                    } = this._parameters;
                    const severalErrors = this._parameters.errorsCount > 1;
                    const items = [];
                    const deleteMessage = severalErrors ? "dxGantt-dialogDeleteDependenciesMessage" : "dxGantt-dialogDeleteDependencyMessage";
                    const moveMessage = severalErrors ? "dxGantt-dialogMoveTaskAndKeepDependenciesMessage" : "dxGantt-dialogMoveTaskAndKeepDependencyMessage";
                    let titleMessage = "";
                    if (hasCriticalErrors) {
                        titleMessage = severalErrors ? "dxGantt-dialogConstraintCriticalViolationSeveralTasksMessage" : "dxGantt-dialogConstraintCriticalViolationMessage"
                    } else {
                        titleMessage = severalErrors ? "dxGantt-dialogConstraintViolationSeveralTasksMessage" : "dxGantt-dialogConstraintViolationMessage"
                    }
                    items.push({
                        text: _message.default.format("dxGantt-dialogCancelOperationMessage"),
                        value: 0
                    });
                    items.push({
                        text: _message.default.format(deleteMessage),
                        value: 1
                    });
                    if (!hasCriticalErrors) {
                        items.push({
                            text: _message.default.format(moveMessage),
                            value: 2
                        })
                    }
                    return [{
                        template: _message.default.format(titleMessage)
                    }, {
                        cssClass: "dx-cv-dialog-row",
                        dataField: "option",
                        label: {
                            visible: false
                        },
                        editorType: "dxRadioGroup",
                        editorOptions: {
                            items: items,
                            valueExpr: "value",
                            value: 0
                        }
                    }]
                }
                _getFormCssClass() {
                    return "dx-cv-dialog"
                }
                _updateParameters(formData) {
                    this._parameters.option = formData.option
                }
            }
            exports.GanttDialog = class {
                constructor(owner, $element) {
                    this._popupInstance = owner._createComponent($element, _m_popup.default);
                    this.infoMap = {
                        TaskEdit: TaskEditDialogInfo,
                        Resources: ResourcesEditDialogInfo,
                        Confirmation: ConfirmDialogInfo,
                        ConstraintViolation: ConstraintViolationDialogInfo
                    }
                }
                _apply() {
                    if (this._dialogInfo.isValidated()) {
                        const result = this._dialogInfo.getResult();
                        this._callback(result);
                        this.hide()
                    }
                }
                show(name, parameters, callback, afterClosing, editingOptions) {
                    var _this$_popupInstance, _this$_popupInstance2;
                    this._callback = callback;
                    this._afterClosing = afterClosing;
                    if (!this.infoMap[name]) {
                        return
                    }
                    const isRefresh = (null === (_this$_popupInstance = this._popupInstance) || void 0 === _this$_popupInstance ? void 0 : _this$_popupInstance._isVisible()) && this._dialogInfo && this._dialogInfo instanceof this.infoMap[name];
                    this._dialogInfo = new this.infoMap[name](parameters, this._apply.bind(this), this.hide.bind(this), editingOptions, this);
                    null === (_this$_popupInstance2 = this._popupInstance) || void 0 === _this$_popupInstance2 || _this$_popupInstance2.option({
                        showTitle: !!this._dialogInfo.getTitle(),
                        title: this._dialogInfo.getTitle(),
                        toolbarItems: this._dialogInfo.getToolbarItems(),
                        maxWidth: this._dialogInfo.getMaxWidth(),
                        height: this._dialogInfo.getHeight(),
                        contentTemplate: this._dialogInfo.getContentTemplate()
                    });
                    if (this._afterClosing) {
                        var _this$_popupInstance3;
                        null === (_this$_popupInstance3 = this._popupInstance) || void 0 === _this$_popupInstance3 || _this$_popupInstance3.option("onHidden", this._afterClosing)
                    }
                    if (!isRefresh) {
                        var _this$_popupInstance4;
                        null === (_this$_popupInstance4 = this._popupInstance) || void 0 === _this$_popupInstance4 || _this$_popupInstance4.show()
                    }
                }
                hide() {
                    if (this._dialogInfo.shouldHidePopup()) {
                        var _this$_popupInstance5;
                        null === (_this$_popupInstance5 = this._popupInstance) || void 0 === _this$_popupInstance5 || _this$_popupInstance5.hide()
                    }
                    if (this._afterClosing) {
                        this._afterClosing()
                    }
                }
            }
        },
        76315(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GanttExportHelper = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _number = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/number */ 52771));
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../../grids/grid_core/m_utils */ 53226));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            exports.GanttExportHelper = class {
                constructor(gantt) {
                    this._gantt = gantt;
                    this._treeList = gantt._treeList;
                    this._cache = {}
                }
                reset() {
                    this._cache = {}
                }
                getTreeListTableStyle() {
                    const table = this._getTreeListTable();
                    const style = window.getComputedStyle(table);
                    return {
                        color: style.color,
                        backgroundColor: style.backgroundColor,
                        fontSize: style.fontSize,
                        fontFamily: style.fontFamily,
                        fontWeight: style.fontWeight,
                        fontStyle: style.fontStyle,
                        textAlign: "left",
                        verticalAlign: "middle"
                    }
                }
                getTreeListColCount() {
                    const headerView = this._getHeaderView();
                    const widths = headerView.getColumnWidths().filter(w => w > 0);
                    return widths.length
                }
                getTreeListHeaderInfo(colIndex) {
                    const element = this._getHeaderElement(colIndex);
                    if (!element) {
                        return null
                    }
                    const style = window.getComputedStyle(element);
                    const styleForExport = {
                        color: style.color,
                        padding: style.padding,
                        paddingLeft: style.paddingLeft,
                        paddingTop: style.paddingTop,
                        paddingRight: style.paddingRight,
                        paddingBottom: style.paddingBottom,
                        verticalAlign: style.verticalAlign,
                        width: this._getColumnWidth(colIndex)
                    };
                    return {
                        content: element.textContent,
                        styles: styleForExport
                    }
                }
                getTreeListCellInfo(key, colIndex) {
                    var _this$_treeList, _this$_treeList2;
                    const node = null === (_this$_treeList = this._treeList) || void 0 === _this$_treeList ? void 0 : _this$_treeList.getNodeByKey(key);
                    const visibleRowIndex = null === (_this$_treeList2 = this._treeList) || void 0 === _this$_treeList2 ? void 0 : _this$_treeList2.getRowIndexByKey(key);
                    const cell = visibleRowIndex > -1 ? this._getDataCell(visibleRowIndex, colIndex) : null;
                    const style = cell ? window.getComputedStyle(cell) : this._getColumnCellStyle(colIndex);
                    const styleForExport = {
                        color: style.color,
                        padding: style.padding,
                        paddingLeft: style.paddingLeft,
                        paddingTop: style.paddingTop,
                        paddingRight: style.paddingRight,
                        paddingBottom: style.paddingBottom,
                        width: this._getColumnWidth(colIndex)
                    };
                    if (0 === colIndex) {
                        styleForExport.extraLeftPadding = this._getEmptySpaceWidth(node.level)
                    }
                    return {
                        content: (null === cell || void 0 === cell ? void 0 : cell.textContent) ?? this._getDisplayText(key, colIndex),
                        styles: styleForExport
                    }
                }
                getTreeListEmptyDataCellInfo() {
                    var _this$_treeList3;
                    return {
                        content: null === (_this$_treeList3 = this._treeList) || void 0 === _this$_treeList3 ? void 0 : _this$_treeList3.option("noDataText")
                    }
                }
                _ensureColumnWidthCache(colIndex) {
                    var _a;
                    (_a = this._cache).columnWidths ?? (_a.columnWidths = {});
                    if (!this._cache.columnWidths[colIndex]) {
                        const header = this._getHeaderElement(colIndex);
                        this._cache.columnWidths[colIndex] = (null === header || void 0 === header ? void 0 : header.clientWidth) ?? 0
                    }
                }
                _getColumnWidth(colIndex) {
                    this._ensureColumnWidthCache(colIndex);
                    const widths = this._cache.columnWidths;
                    return null === widths || void 0 === widths ? void 0 : widths[colIndex]
                }
                _getEmptySpaceWidth(level) {
                    var _a;
                    if (!this._cache.emptyWidth) {
                        const element = this._getTreeListElement("dx-treelist-empty-space");
                        (_a = this._cache).emptyWidth ?? (_a.emptyWidth = (null === element || void 0 === element ? void 0 : element.offsetWidth) ?? 0)
                    }
                    return this._cache.emptyWidth * (level + 1)
                }
                _getColumnCellStyle(colIndex) {
                    this._ensureColumnCellStyleCache(colIndex);
                    return this._cache.columnStyles[colIndex]
                }
                _ensureColumnCellStyleCache(colIndex) {
                    var _a;
                    (_a = this._cache).columnStyles ?? (_a.columnStyles = {});
                    if (!this._cache.columnStyles[colIndex]) {
                        const cell = this._getDataCell(0, colIndex);
                        this._cache.columnStyles[colIndex] = window.getComputedStyle(cell)
                    }
                }
                _getTask(key) {
                    this._ensureTaskCache(key);
                    return this._cache.tasks[key]
                }
                _ensureTaskCache(key) {
                    var _a, _b;
                    (_a = this._cache).tasks ?? (_a.tasks = {});
                    (_b = this._cache.tasks)[key] ?? (_b[key] = this._gantt._findTaskByKey(key))
                }
                _getTreeListTable() {
                    return this._getTreeListElement("dx-treelist-table")
                }
                _getTreeListElement(className) {
                    var _this$_treeList4;
                    return null === (_this$_treeList4 = this._treeList) || void 0 === _this$_treeList4 ? void 0 : _this$_treeList4.$element().find(`.${className}`).get(0)
                }
                _getDataCell(rowIndex, colIndex) {
                    const treeList = this._treeList;
                    const cellElement = null === treeList || void 0 === treeList ? void 0 : treeList.getCellElement(rowIndex, colIndex);
                    return null !== cellElement && void 0 !== cellElement && cellElement.length ? cellElement[0] : cellElement
                }
                _getHeaderElement(index) {
                    return this._getHeaderView().getHeaderElement(index).get(0)
                }
                _getHeaderView() {
                    var _this$_treeList5;
                    return null === (_this$_treeList5 = this._treeList) || void 0 === _this$_treeList5 ? void 0 : _this$_treeList5._views.columnHeadersView
                }
                _getDisplayText(key, colIndex) {
                    const task = this._getTask(key);
                    return task && this._getGridDisplayText(colIndex, task)
                }
                _getGridDisplayText(colIndex, data) {
                    var _this$_treeList6;
                    const columns = null === (_this$_treeList6 = this._treeList) || void 0 === _this$_treeList6 ? void 0 : _this$_treeList6.getController("columns").getVisibleColumns();
                    const column = columns[colIndex];
                    const field = null === column || void 0 === column ? void 0 : column.dataField;
                    const format = null === column || void 0 === column ? void 0 : column.format;
                    const value = _m_utils.default.getDisplayValue(column, data[field], data, "data");
                    if ((0, _type.isDefined)(format)) {
                        if ("date" === (null === column || void 0 === column ? void 0 : column.dataType) || "datetime" === (null === column || void 0 === column ? void 0 : column.dataType)) {
                            const date = (0, _type.isDate)(value) ? value : new Date(value);
                            return _date.default.format(date, format)
                        }
                        if ((0, _type.isNumeric)(value)) {
                            return _number.default.format(value, format)
                        }
                    }
                    return "string" === typeof value ? value : null === value || void 0 === value ? void 0 : value.toString()
                }
            }
        },
        55886(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GanttHelper = void 0;
            var _message = (e = __webpack_require__( /*! ../../../common/core/localization/message */ 4671), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            const GanttHelper = exports.GanttHelper = {
                prepareMapHandler: getters => data => Object.keys(getters).reduce((previous, key) => {
                    const resultKey = "key" === key ? "id" : key;
                    previous[resultKey] = getters[key](data);
                    return previous
                }, {}),
                prepareSetterMapHandler: setters => data => Object.keys(setters).reduce((previous, key) => {
                    const resultKey = "key" === key ? "id" : key;
                    setters[key](previous, data[resultKey]);
                    return previous
                }, {}),
                compileGettersByOption(optionValue) {
                    const getters = {};
                    for (const field in optionValue) {
                        const exprMatches = /(\w*)Expr/.exec(field);
                        if (exprMatches) {
                            getters[exprMatches[1]] = (0, _data.compileGetter)(optionValue[exprMatches[0]])
                        }
                    }
                    return getters
                },
                compileSettersByOption(optionValue) {
                    const setters = {};
                    for (const field in optionValue) {
                        const exprMatches = /(\w*)Expr/.exec(field);
                        if (exprMatches && !(0, _type.isFunction)(optionValue[exprMatches[0]])) {
                            setters[exprMatches[1]] = (0, _data.compileSetter)(optionValue[exprMatches[0]])
                        }
                    }
                    return setters
                },
                compileFuncSettersByOption(optionValue) {
                    const setters = {};
                    for (const field in optionValue) {
                        const exprMatches = /(\w*)Expr/.exec(field);
                        if (exprMatches && (0, _type.isFunction)(optionValue[exprMatches[0]])) {
                            setters[exprMatches[1]] = optionValue[exprMatches[0]]
                        }
                    }
                    return setters
                },
                getStoreObject(option, modelObject) {
                    const setters = GanttHelper.compileSettersByOption(option);
                    return Object.keys(setters).reduce((previous, key) => {
                        if ("key" !== key) {
                            setters[key](previous, modelObject[key])
                        }
                        return previous
                    }, {})
                },
                getInvertedData(data, keyGetter) {
                    const inverted = {};
                    if (data) {
                        for (let i = 0; i < data.length; i += 1) {
                            const dataItem = data[i];
                            const key = keyGetter(dataItem);
                            inverted[key] = dataItem
                        }
                    }
                    return inverted
                },
                getArrayFromOneElement: element => void 0 === element || null === element ? [] : [element],
                getSelectionMode: allowSelection => allowSelection ? "single" : "none",
                convertTreeToList(node, array) {
                    if (null !== node && void 0 !== node && node.data && null !== node && void 0 !== node && node.visible) {
                        array.push(node.data)
                    }
                    for (let i = 0; i < (null === (_node$children = node.children) || void 0 === _node$children ? void 0 : _node$children.length); i += 1) {
                        var _node$children;
                        const child = node.children[i];
                        GanttHelper.convertTreeToList(child, array)
                    }
                },
                getAllParentNodesKeys(node, array) {
                    var _node$parent;
                    if (null !== node && void 0 !== node && node.data) {
                        array.push(node.key)
                    }
                    if (null !== node && void 0 !== node && null !== (_node$parent = node.parent) && void 0 !== _node$parent && _node$parent.data) {
                        GanttHelper.getAllParentNodesKeys(node.parent, array)
                    }
                },
                getDefaultOptions: () => ({
                    tasks: {
                        dataSource: null,
                        keyExpr: "id",
                        parentIdExpr: "parentId",
                        startExpr: "start",
                        endExpr: "end",
                        progressExpr: "progress",
                        titleExpr: "title",
                        colorExpr: "color"
                    },
                    dependencies: {
                        dataSource: null,
                        keyExpr: "id",
                        predecessorIdExpr: "predecessorId",
                        successorIdExpr: "successorId",
                        typeExpr: "type"
                    },
                    resources: {
                        dataSource: null,
                        keyExpr: "id",
                        textExpr: "text",
                        colorExpr: "color"
                    },
                    resourceAssignments: {
                        dataSource: null,
                        keyExpr: "id",
                        taskIdExpr: "taskId",
                        resourceIdExpr: "resourceId"
                    },
                    columns: void 0,
                    taskListWidth: 300,
                    showResources: true,
                    showDependencies: true,
                    taskTitlePosition: "inside",
                    firstDayOfWeek: void 0,
                    selectedRowKey: void 0,
                    onSelectionChanged: null,
                    onTaskClick: null,
                    onTaskDblClick: null,
                    onTaskInserting: null,
                    onTaskInserted: null,
                    onTaskDeleting: null,
                    onTaskDeleted: null,
                    onTaskUpdating: null,
                    onTaskUpdated: null,
                    onTaskMoving: null,
                    onTaskEditDialogShowing: null,
                    onDependencyInserting: null,
                    onDependencyInserted: null,
                    onDependencyDeleting: null,
                    onDependencyDeleted: null,
                    onResourceInserting: null,
                    onResourceInserted: null,
                    onResourceDeleting: null,
                    onResourceDeleted: null,
                    onResourceAssigning: null,
                    onResourceAssigned: null,
                    onResourceUnassigning: null,
                    onResourceUnassigned: null,
                    onCustomCommand: null,
                    onContextMenuPreparing: null,
                    allowSelection: true,
                    showRowLines: true,
                    stripLines: void 0,
                    scaleType: "auto",
                    scaleTypeRange: {
                        min: "minutes",
                        max: "years"
                    },
                    editing: {
                        enabled: false,
                        allowTaskAdding: true,
                        allowTaskDeleting: true,
                        allowTaskUpdating: true,
                        allowDependencyAdding: true,
                        allowDependencyDeleting: true,
                        allowResourceAdding: true,
                        allowResourceDeleting: true,
                        allowResourceUpdating: true,
                        allowTaskResourceUpdating: true
                    },
                    validation: {
                        validateDependencies: false,
                        autoUpdateParentTasks: false,
                        enablePredecessorGap: false
                    },
                    toolbar: null,
                    contextMenu: {
                        enabled: true,
                        items: void 0
                    },
                    taskTooltipContentTemplate: null,
                    taskProgressTooltipContentTemplate: null,
                    taskTimeTooltipContentTemplate: null,
                    taskContentTemplate: null,
                    rootValue: 0,
                    sorting: {
                        ascendingText: _message.default.format("dxGantt-sortingAscendingText"),
                        descendingText: _message.default.format("dxGantt-sortingDescendingText"),
                        clearText: _message.default.format("dxGantt-sortingClearText"),
                        mode: "single",
                        showSortIndexes: false
                    },
                    filterRow: void 0,
                    headerFilter: void 0,
                    rtlEnabled: false
                })
            }
        },
        72986(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _m_utils = _interopRequireDefault(__webpack_require__( /*! ../../../__internal/grids/grid_core/m_utils */ 53226));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _splitter_control = _interopRequireDefault(__webpack_require__( /*! ../../../ui/splitter_control */ 47744));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _uiGantt = __webpack_require__( /*! ../../ui/gantt/ui.gantt.actions */ 91283);
            var _uiGantt2 = __webpack_require__( /*! ../../ui/gantt/ui.gantt.bars */ 5102);
            var _uiGantt3 = __webpack_require__( /*! ../../ui/gantt/ui.gantt.custom_fields */ 39749);
            var _uiGanttData = _interopRequireDefault(__webpack_require__( /*! ../../ui/gantt/ui.gantt.data.option */ 41447));
            var _uiGantt4 = __webpack_require__( /*! ../../ui/gantt/ui.gantt.data_changes_processing_helper */ 89311);
            var _uiGantt5 = __webpack_require__( /*! ../../ui/gantt/ui.gantt.dialogs */ 15145);
            var _uiGantt6 = __webpack_require__( /*! ../../ui/gantt/ui.gantt.export_helper */ 76315);
            var _uiGantt7 = __webpack_require__( /*! ../../ui/gantt/ui.gantt.helper */ 55886);
            var _uiGantt8 = __webpack_require__( /*! ../../ui/gantt/ui.gantt.mapping_helper */ 91389);
            var _uiGantt9 = __webpack_require__( /*! ../../ui/gantt/ui.gantt.model_changes_listener */ 93002);
            var _uiGantt0 = __webpack_require__( /*! ../../ui/gantt/ui.gantt.size_helper */ 64490);
            var _uiGantt1 = __webpack_require__( /*! ../../ui/gantt/ui.gantt.templates */ 81495);
            var _uiGantt10 = __webpack_require__( /*! ../../ui/gantt/ui.gantt.treelist */ 17418);
            var _uiGantt11 = __webpack_require__( /*! ../../ui/gantt/ui.gantt.view */ 78199);
            var _load_panel = _interopRequireDefault(__webpack_require__( /*! ../../ui/load_panel */ 77986));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            class Gantt extends _widget.default {
                _init() {
                    super._init();
                    _m_utils.default.logHeaderFilterDeprecatedWarningIfNeed(this);
                    this._initGantt();
                    this._isGanttRendered = false;
                    this._initHelpers()
                }
                _initGantt() {
                    this._refreshDataSources()
                }
                _initMarkup() {
                    super._initMarkup();
                    this.$element().addClass("dx-gantt");
                    this._$toolbarWrapper = (0, _renderer.default)("<div>").addClass("dx-gantt-toolbar-wrapper").appendTo(this.$element());
                    this._$toolbar = (0, _renderer.default)("<div>").appendTo(this._$toolbarWrapper);
                    this._$mainWrapper = (0, _renderer.default)("<div>").addClass("dx-gantt-main-wrapper").appendTo(this.$element());
                    this._$treeListWrapper = (0, _renderer.default)("<div>").addClass("dx-gantt-treelist-wrapper").appendTo(this._$mainWrapper);
                    this._$treeList = (0, _renderer.default)("<div>").appendTo(this._$treeListWrapper);
                    this._$splitter = (0, _renderer.default)("<div>").appendTo(this._$mainWrapper);
                    this._$ganttView = (0, _renderer.default)("<div>").addClass("dx-gantt-view").appendTo(this._$mainWrapper);
                    this._$dialog = (0, _renderer.default)("<div>").appendTo(this.$element());
                    this._$loadPanel = (0, _renderer.default)("<div>").appendTo(this.$element());
                    this._$contextMenu = (0, _renderer.default)("<div>").appendTo(this.$element())
                }
                _clean() {
                    var _this$_ganttView, _this$_ganttView2;
                    this._savedGanttViewState = null === (_this$_ganttView = this._ganttView) || void 0 === _this$_ganttView ? void 0 : _this$_ganttView.getVisualStateToRestore();
                    null === (_this$_ganttView2 = this._ganttView) || void 0 === _this$_ganttView2 || _this$_ganttView2._ganttViewCore.cleanMarkup();
                    delete this._ganttView;
                    delete this._dialogInstance;
                    delete this._loadPanel;
                    delete this._exportHelper;
                    super._clean()
                }
                _refresh() {
                    this._isGanttRendered = false;
                    this._contentReadyRaised = false;
                    super._refresh()
                }
                _fireContentReadyAction() {
                    if (!this._contentReadyRaised) {
                        super._fireContentReadyAction()
                    }
                    this._contentReadyRaised = true
                }
                _dimensionChanged() {
                    var _this$_ganttView3;
                    null === (_this$_ganttView3 = this._ganttView) || void 0 === _this$_ganttView3 || _this$_ganttView3._onDimensionChanged()
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        this._refreshGantt()
                    }
                }
                _refreshGantt() {
                    this._refreshDataSources();
                    setTimeout(() => this._refresh())
                }
                _refreshDataSources() {
                    this._refreshDataSource("tasks");
                    this._refreshDataSource("dependencies");
                    this._refreshDataSource("resources");
                    this._refreshDataSource("resourceAssignments")
                }
                _renderContent() {
                    this._isMainElementVisible = this.$element().is(":visible");
                    if (this._isMainElementVisible && !this._isGanttRendered) {
                        this._isGanttRendered = true;
                        this._renderBars();
                        this._renderTreeList();
                        this._renderSplitter()
                    }
                }
                _renderTreeList() {
                    this._ganttTreeList = new _uiGantt10.GanttTreeList(this);
                    this._treeList = this._ganttTreeList.getTreeList();
                    this._ganttTreeList.onAfterTreeListCreate()
                }
                _renderSplitter() {
                    this._splitter = this._createComponent(this._$splitter, _splitter_control.default, {
                        container: this.$element(),
                        leftElement: this._$treeListWrapper,
                        rightElement: this._$ganttView,
                        onApplyPanelSize: e => {
                            var _this$_sizeHelper;
                            null === (_this$_sizeHelper = this._sizeHelper) || void 0 === _this$_sizeHelper || _this$_sizeHelper.onApplyPanelSize(e)
                        }
                    });
                    const {
                        taskListWidth: taskListWidth
                    } = this.option();
                    this._splitter.option("initialLeftPanelWidth", taskListWidth)
                }
                _renderBars() {
                    this._bars = [];
                    this._toolbar = new _uiGantt2.GanttToolbar(this._$toolbar, this);
                    this._updateToolbarContent();
                    this._bars.push(this._toolbar);
                    this._contextMenuBar = new _uiGantt2.GanttContextMenuBar(this._$contextMenu, this);
                    this._updateContextMenu();
                    this._bars.push(this._contextMenuBar)
                }
                _initHelpers() {
                    this._mappingHelper = new _uiGantt8.GanttMappingHelper(this);
                    this._customFieldsManager = new _uiGantt3.GanttCustomFieldsManager(this);
                    this._actionsManager = new _uiGantt.GanttActionsManager(this);
                    this._ganttTemplatesManager = new _uiGantt1.GanttTemplatesManager(this);
                    this._sizeHelper = new _uiGantt0.GanttSizeHelper(this);
                    this._dataProcessingHelper = new _uiGantt4.GanttDataChangesProcessingHelper
                }
                _initGanttView() {
                    var _this$_ganttTreeList, _this$_ganttTreeList2, _this$_ganttTreeList3, _this$_ganttTemplates, _this$_ganttTemplates2, _this$_ganttTemplates3, _this$_ganttTemplates4;
                    if (this._ganttView) {
                        return
                    }
                    const {
                        allowSelection: allowSelection,
                        selectedRowKey: selectedRowKey,
                        showResources: showResources,
                        showDependencies: showDependencies,
                        startDateRange: startDateRange,
                        endDateRange: endDateRange,
                        taskTitlePosition: taskTitlePosition,
                        firstDayOfWeek: firstDayOfWeek,
                        showRowLines: showRowLines,
                        scaleType: scaleType,
                        scaleTypeRange: scaleTypeRange,
                        editing: editing,
                        validation: validation,
                        stripLines: stripLines,
                        taskTooltipContentTemplate: taskTooltipContentTemplate,
                        taskProgressTooltipContentTemplate: taskProgressTooltipContentTemplate,
                        taskTimeTooltipContentTemplate: taskTimeTooltipContentTemplate,
                        taskContentTemplate: taskContentTemplate
                    } = this.option();
                    this._ganttView = this._createComponent(this._$ganttView, _uiGantt11.GanttView, {
                        width: "100%",
                        height: null === (_this$_ganttTreeList = this._ganttTreeList) || void 0 === _this$_ganttTreeList ? void 0 : _this$_ganttTreeList.getOffsetHeight(),
                        rowHeight: null === (_this$_ganttTreeList2 = this._ganttTreeList) || void 0 === _this$_ganttTreeList2 ? void 0 : _this$_ganttTreeList2.getRowHeight(),
                        headerHeight: null === (_this$_ganttTreeList3 = this._ganttTreeList) || void 0 === _this$_ganttTreeList3 ? void 0 : _this$_ganttTreeList3.getHeaderHeight(),
                        tasks: this._tasks,
                        dependencies: this._dependencies,
                        resources: this._resources,
                        resourceAssignments: this._resourceAssignments,
                        allowSelection: allowSelection,
                        selectedRowKey: selectedRowKey,
                        showResources: showResources,
                        showDependencies: showDependencies,
                        startDateRange: startDateRange,
                        endDateRange: endDateRange,
                        taskTitlePosition: taskTitlePosition,
                        firstDayOfWeek: firstDayOfWeek,
                        showRowLines: showRowLines,
                        scaleType: scaleType,
                        scaleTypeRange: scaleTypeRange,
                        editing: editing,
                        validation: validation,
                        stripLines: null === stripLines || void 0 === stripLines ? void 0 : stripLines.map(item => Object.assign({}, item)),
                        bars: this._bars,
                        mainElement: this.$element(),
                        onSelectionChanged: e => {
                            var _this$_ganttTreeList4;
                            null === (_this$_ganttTreeList4 = this._ganttTreeList) || void 0 === _this$_ganttTreeList4 || _this$_ganttTreeList4.selectRows(_uiGantt7.GanttHelper.getArrayFromOneElement(e.id))
                        },
                        onViewTypeChanged: e => {
                            this._onViewTypeChanged(e.type)
                        },
                        onScroll: e => {
                            var _this$_ganttTreeList5;
                            null === (_this$_ganttTreeList5 = this._ganttTreeList) || void 0 === _this$_ganttTreeList5 || _this$_ganttTreeList5.scrollBy(e.scrollTop)
                        },
                        onDialogShowing: this._showDialog.bind(this),
                        onPopupMenuShowing: this._showPopupMenu.bind(this),
                        onPopupMenuHiding: this._hidePopupMenu.bind(this),
                        onExpandAll: this._expandAll.bind(this),
                        onCollapseAll: this._collapseAll.bind(this),
                        modelChangesListener: _uiGantt9.ModelChangesListener.create(this),
                        exportHelper: this._getExportHelper(),
                        taskTooltipContentTemplate: null === (_this$_ganttTemplates = this._ganttTemplatesManager) || void 0 === _this$_ganttTemplates ? void 0 : _this$_ganttTemplates.getTaskTooltipContentTemplateFunc(taskTooltipContentTemplate),
                        taskProgressTooltipContentTemplate: null === (_this$_ganttTemplates2 = this._ganttTemplatesManager) || void 0 === _this$_ganttTemplates2 ? void 0 : _this$_ganttTemplates2.getTaskProgressTooltipContentTemplateFunc(taskProgressTooltipContentTemplate),
                        taskTimeTooltipContentTemplate: null === (_this$_ganttTemplates3 = this._ganttTemplatesManager) || void 0 === _this$_ganttTemplates3 ? void 0 : _this$_ganttTemplates3.getTaskTimeTooltipContentTemplateFunc(taskTimeTooltipContentTemplate),
                        taskContentTemplate: null === (_this$_ganttTemplates4 = this._ganttTemplatesManager) || void 0 === _this$_ganttTemplates4 ? void 0 : _this$_ganttTemplates4.getTaskContentTemplateFunc(taskContentTemplate),
                        onTaskClick: e => {
                            var _this$_ganttTreeList6;
                            null === (_this$_ganttTreeList6 = this._ganttTreeList) || void 0 === _this$_ganttTreeList6 || _this$_ganttTreeList6.onRowClick(e)
                        },
                        onTaskDblClick: e => {
                            var _this$_ganttTreeList7;
                            null === (_this$_ganttTreeList7 = this._ganttTreeList) || void 0 === _this$_ganttTreeList7 || _this$_ganttTreeList7.onRowDblClick(e)
                        },
                        onAdjustControl: () => {
                            var _this$_sizeHelper2;
                            null === (_this$_sizeHelper2 = this._sizeHelper) || void 0 === _this$_sizeHelper2 || _this$_sizeHelper2.onAdjustControl()
                        },
                        onContentReady: this._onGanttViewContentReady.bind(this),
                        visualState: this._savedGanttViewState
                    });
                    delete this._savedGanttViewState
                }
                _onGanttViewContentReady(e) {
                    if (!this._isParentAutoUpdateMode()) {
                        this._fireContentReadyAction()
                    }
                }
                _isParentAutoUpdateMode() {
                    const {
                        validation: validation = {}
                    } = this.option() ?? {};
                    return null === validation || void 0 === validation ? void 0 : validation.autoUpdateParentTasks
                }
                _onTreeListContentReady(e) {
                    var _this$_dataProcessing;
                    if (this._isParentAutoUpdateMode() && this._treeListParentRecalculatedDataUpdating) {
                        this._fireContentReadyAction()
                    }
                    delete this._treeListParentRecalculatedDataUpdating;
                    null === (_this$_dataProcessing = this._dataProcessingHelper) || void 0 === _this$_dataProcessing || _this$_dataProcessing.onTreeListReady()
                }
                _onViewTypeChanged(type) {
                    var _this$_actionsManager;
                    this.option("scaleType", null === (_this$_actionsManager = this._actionsManager) || void 0 === _this$_actionsManager ? void 0 : _this$_actionsManager._getScaleType(type))
                }
                _refreshDataSource(name) {
                    let dataOption = this[`_${name}Option`];
                    if (dataOption) {
                        dataOption.dispose();
                        delete this[`_${name}Option`];
                        delete this[`_${name}`]
                    }
                    dataOption = new _uiGanttData.default(name, this._getLoadPanel.bind(this), (resultName, resultData) => {
                        this._dataSourceChanged(resultName, resultData)
                    });
                    dataOption.option("dataSource", this._getSpecificDataSourceOption(name));
                    dataOption._refreshDataSource();
                    this[`_${name}Option`] = dataOption
                }
                _getSpecificDataSourceOption(name) {
                    const dataSource = this.option(`${name}.dataSource`);
                    if (!dataSource || Array.isArray(dataSource)) {
                        return {
                            store: {
                                type: "array",
                                data: dataSource ?? [],
                                key: this.option(`${name}.keyExpr`)
                            }
                        }
                    }
                    return dataSource
                }
                _dataSourceChanged(dataSourceName, data) {
                    const getters = _uiGantt7.GanttHelper.compileGettersByOption(this.option(dataSourceName));
                    const validatedData = this._validateSourceData(dataSourceName, data);
                    const mappedData = validatedData.map(_uiGantt7.GanttHelper.prepareMapHandler(getters));
                    this[`_${dataSourceName}`] = mappedData;
                    this._setGanttViewOption(dataSourceName, mappedData);
                    if ("tasks" === dataSourceName) {
                        var _this$_ganttTreeList8, _this$_ganttTreeList9, _this$_ganttTreeList0;
                        this._tasksRaw = validatedData;
                        const forceUpdate = !(null !== (_this$_ganttTreeList8 = this._ganttTreeList) && void 0 !== _this$_ganttTreeList8 && _this$_ganttTreeList8.getDataSource()) && !this._ganttView;
                        null === (_this$_ganttTreeList9 = this._ganttTreeList) || void 0 === _this$_ganttTreeList9 || _this$_ganttTreeList9.saveExpandedKeys();
                        null === (_this$_ganttTreeList0 = this._ganttTreeList) || void 0 === _this$_ganttTreeList0 || _this$_ganttTreeList0.updateDataSource(validatedData, forceUpdate)
                    }
                }
                _validateSourceData(dataSourceName, data) {
                    return data && "tasks" === dataSourceName ? this._validateTaskData(data) : data
                }
                _validateTaskData(data) {
                    const keyGetter = (0, _data.compileGetter)(this.option("tasks.keyExpr"));
                    const parentIdGetter = (0, _data.compileGetter)(this.option("tasks.parentIdExpr"));
                    const rootValue = this.option("rootValue") ?? "dx_dxt_gantt_default_root_value";
                    const validationTree = {};
                    for (let i = 0; i < data.length; i += 1) {
                        const item = data[i];
                        if (item) {
                            const key = keyGetter(item);
                            const isRootTask = key === rootValue;
                            const treeItem = validationTree[key] ?? (validationTree[key] = {
                                key: key,
                                children: []
                            });
                            if (!isRootTask) {
                                const parentId = parentIdGetter(item) ?? rootValue;
                                const parentTreeItem = validationTree[parentId] ?? (validationTree[parentId] = {
                                    key: parentId,
                                    children: []
                                });
                                parentTreeItem.children.push(treeItem);
                                treeItem.parent = parentTreeItem
                            }
                        }
                    }
                    const validKeys = [rootValue];
                    this._appendChildKeys(validationTree[rootValue], validKeys);
                    return data.filter(item => validKeys.includes(keyGetter(item)))
                }
                _appendChildKeys(treeItem, keys) {
                    const children = null === treeItem || void 0 === treeItem ? void 0 : treeItem.children;
                    for (let i = 0; i < (null === children || void 0 === children ? void 0 : children.length); i += 1) {
                        const child = children[i];
                        keys.push(child.key);
                        this._appendChildKeys(child, keys)
                    }
                }
                _onRecordInserted(optionName, record, callback) {
                    const dataOption = this[`_${optionName}Option`];
                    if (dataOption) {
                        const data = _uiGantt7.GanttHelper.getStoreObject(this.option(optionName), record);
                        const isTaskInsert = "tasks" === optionName;
                        if (isTaskInsert) {
                            var _this$_customFieldsMa;
                            null === (_this$_customFieldsMa = this._customFieldsManager) || void 0 === _this$_customFieldsMa || _this$_customFieldsMa.addCustomFieldsDataFromCache("gantt_new_task_key", data)
                        }
                        dataOption.insert(data, response => {
                            var _this$_dataProcessing2, _this$_ganttTreeList1;
                            const keyGetter = (0, _data.compileGetter)(this.option(`${optionName}.keyExpr`));
                            const insertedId = keyGetter(response);
                            callback(insertedId);
                            this._executeFuncSetters(optionName, record, insertedId);
                            null === (_this$_dataProcessing2 = this._dataProcessingHelper) || void 0 === _this$_dataProcessing2 || _this$_dataProcessing2.addCompletionAction(() => {
                                var _this$_actionsManager2;
                                null === (_this$_actionsManager2 = this._actionsManager) || void 0 === _this$_actionsManager2 || _this$_actionsManager2.raiseInsertedAction(optionName, data, insertedId)
                            }, true, isTaskInsert);
                            null === (_this$_ganttTreeList1 = this._ganttTreeList) || void 0 === _this$_ganttTreeList1 || _this$_ganttTreeList1.saveExpandedKeys();
                            dataOption._reloadDataSource().done(() => {
                                if (isTaskInsert) {
                                    var _this$_ganttTreeList10;
                                    null === (_this$_ganttTreeList10 = this._ganttTreeList) || void 0 === _this$_ganttTreeList10 || _this$_ganttTreeList10.onTaskInserted(insertedId, record.parentId)
                                }
                            })
                        })
                    }
                }
                _onRecordUpdated(optionName, key, values) {
                    const dataOption = this[`_${optionName}Option`];
                    const isTaskUpdated = "tasks" === optionName;
                    if (dataOption) {
                        var _this$_mappingHelper, _this$_customFieldsMa2;
                        const data = null === (_this$_mappingHelper = this._mappingHelper) || void 0 === _this$_mappingHelper ? void 0 : _this$_mappingHelper.convertCoreToMappedData(optionName, values);
                        const hasCustomFieldsData = isTaskUpdated && (null === (_this$_customFieldsMa2 = this._customFieldsManager) || void 0 === _this$_customFieldsMa2 ? void 0 : _this$_customFieldsMa2.cache.hasData(key));
                        if (hasCustomFieldsData) {
                            var _this$_customFieldsMa3;
                            null === (_this$_customFieldsMa3 = this._customFieldsManager) || void 0 === _this$_customFieldsMa3 || _this$_customFieldsMa3.addCustomFieldsDataFromCache(key, data)
                        }
                        dataOption.update(key, data, () => {
                            var _this$_ganttTreeList11, _this$_dataProcessing3;
                            this._executeFuncSetters(optionName, values, key);
                            null === (_this$_ganttTreeList11 = this._ganttTreeList) || void 0 === _this$_ganttTreeList11 || _this$_ganttTreeList11.saveExpandedKeys();
                            null === (_this$_dataProcessing3 = this._dataProcessingHelper) || void 0 === _this$_dataProcessing3 || _this$_dataProcessing3.addCompletionAction(() => {
                                var _this$_actionsManager3;
                                null === (_this$_actionsManager3 = this._actionsManager) || void 0 === _this$_actionsManager3 || _this$_actionsManager3.raiseUpdatedAction(optionName, data, key)
                            }, true, isTaskUpdated);
                            dataOption._reloadDataSource()
                        })
                    }
                }
                _onRecordRemoved(optionName, key, data) {
                    const dataOption = this[`_${optionName}Option`];
                    if (dataOption) {
                        dataOption.remove(key, () => {
                            var _this$_ganttTreeList12, _this$_dataProcessing4;
                            null === (_this$_ganttTreeList12 = this._ganttTreeList) || void 0 === _this$_ganttTreeList12 || _this$_ganttTreeList12.saveExpandedKeys();
                            null === (_this$_dataProcessing4 = this._dataProcessingHelper) || void 0 === _this$_dataProcessing4 || _this$_dataProcessing4.addCompletionAction(() => {
                                var _this$_actionsManager4, _this$_mappingHelper2;
                                null === (_this$_actionsManager4 = this._actionsManager) || void 0 === _this$_actionsManager4 || _this$_actionsManager4.raiseDeletedAction(optionName, key, null === (_this$_mappingHelper2 = this._mappingHelper) || void 0 === _this$_mappingHelper2 ? void 0 : _this$_mappingHelper2.convertCoreToMappedData(optionName, data))
                            }, true, "tasks" === optionName);
                            dataOption._reloadDataSource()
                        })
                    }
                }
                _onParentTaskUpdated(data) {
                    var _this$_actionsManager5;
                    const mappedData = this.getTaskDataByCoreData(data);
                    null === (_this$_actionsManager5 = this._actionsManager) || void 0 === _this$_actionsManager5 || _this$_actionsManager5.raiseUpdatedAction("tasks", mappedData, data.id)
                }
                _onParentTasksRecalculated(data) {
                    if (!this.isSieving) {
                        var _this$_customFieldsMa4;
                        const setters = _uiGantt7.GanttHelper.compileSettersByOption(this.option("tasks"));
                        const treeDataSource = null === (_this$_customFieldsMa4 = this._customFieldsManager) || void 0 === _this$_customFieldsMa4 ? void 0 : _this$_customFieldsMa4.appendCustomFields(data.map(_uiGantt7.GanttHelper.prepareSetterMapHandler(setters)));
                        setTimeout(() => {
                            var _this$_ganttTreeList13;
                            this._treeListParentRecalculatedDataUpdating = true;
                            null === (_this$_ganttTreeList13 = this._ganttTreeList) || void 0 === _this$_ganttTreeList13 || _this$_ganttTreeList13.setDataSource(treeDataSource)
                        })
                    }
                    this.isSieving = false
                }
                _onGanttViewCoreUpdated() {
                    var _this$_dataProcessing5;
                    null === (_this$_dataProcessing5 = this._dataProcessingHelper) || void 0 === _this$_dataProcessing5 || _this$_dataProcessing5.onGanttViewReady()
                }
                _executeFuncSetters(optionName, coreData, key) {
                    const funcSetters = _uiGantt7.GanttHelper.compileFuncSettersByOption(this.option(optionName));
                    const keysToUpdate = Object.keys(funcSetters).filter(k => (0, _type.isDefined)(coreData[k]));
                    if (keysToUpdate.length > 0) {
                        const dataObject = this._getDataSourceItem(optionName, key);
                        keysToUpdate.forEach(k => {
                            const setter = funcSetters[k];
                            setter(dataObject, coreData[k])
                        })
                    }
                }
                _sortAndFilter() {
                    var _this$_savedSortFilte, _this$_savedSortFilte2, _this$_savedSortFilte3;
                    const treeList = this._treeList;
                    const columns = null === treeList || void 0 === treeList ? void 0 : treeList.getColumns();
                    const sortedColumns = columns.filter(c => c.sortIndex > -1);
                    const sortedState = sortedColumns.map(c => ({
                        sortIndex: c.sortIndex,
                        sortOrder: c.sortOrder
                    }));
                    const sortedStateChanged = !this._compareSortedState(null === (_this$_savedSortFilte = this._savedSortFilterState) || void 0 === _this$_savedSortFilte ? void 0 : _this$_savedSortFilte.sort, sortedState);
                    const filterValue = null === treeList || void 0 === treeList ? void 0 : treeList.option("filterValue");
                    const filterChanged = (null === treeList || void 0 === treeList ? void 0 : treeList.option("expandNodesOnFiltering")) && filterValue !== (null === (_this$_savedSortFilte2 = this._savedSortFilterState) || void 0 === _this$_savedSortFilte2 ? void 0 : _this$_savedSortFilte2.filter);
                    const sieveColumn = sortedColumns[0] || columns.filter(c => {
                        var _c$filterValues;
                        return (0, _type.isDefined)(c.filterValue) || (null === (_c$filterValues = c.filterValues) || void 0 === _c$filterValues ? void 0 : _c$filterValues.length)
                    })[0];
                    const isClearSieving = (null === (_this$_savedSortFilte3 = this._savedSortFilterState) || void 0 === _this$_savedSortFilte3 ? void 0 : _this$_savedSortFilte3.sieveColumn) && !sieveColumn;
                    if (sieveColumn || isClearSieving) {
                        var _this$_ganttTreeList14;
                        const sieveOptions = sieveColumn && {
                            sievedItems: null === (_this$_ganttTreeList14 = this._ganttTreeList) || void 0 === _this$_ganttTreeList14 ? void 0 : _this$_ganttTreeList14.getSievedItems(),
                            sieveColumn: sieveColumn,
                            expandTasks: filterChanged || filterValue && sortedStateChanged
                        };
                        this.isSieving = !isClearSieving;
                        this._setGanttViewOption("sieve", sieveOptions)
                    }
                    this._savedSortFilterState = {
                        sort: sortedState,
                        filter: filterValue,
                        sieveColumn: sieveColumn
                    }
                }
                _compareSortedState(state1, state2) {
                    if (!state1 || !state2 || state1.length !== state2.length) {
                        return false
                    }
                    return state1.every((c, i) => c.sortIndex === state2[i].sortIndex && c.sortOrder === state2[i].sortOrder)
                }
                _getToolbarItems() {
                    const {
                        toolbar: toolbar
                    } = this.option();
                    return (null === toolbar || void 0 === toolbar ? void 0 : toolbar.items) || []
                }
                _updateToolbarContent() {
                    var _this$_toolbar;
                    const items = this._getToolbarItems();
                    if (null !== items && void 0 !== items && items.length) {
                        this._$toolbarWrapper.show()
                    } else {
                        this._$toolbarWrapper.hide()
                    }
                    null === (_this$_toolbar = this._toolbar) || void 0 === _this$_toolbar || _this$_toolbar.createItems(items);
                    this._updateBarItemsState()
                }
                _updateContextMenu() {
                    const {
                        contextMenu: contextMenu
                    } = this.option();
                    if (null !== contextMenu && void 0 !== contextMenu && contextMenu.enabled && this._contextMenuBar) {
                        this._contextMenuBar.createItems(null === contextMenu || void 0 === contextMenu ? void 0 : contextMenu.items);
                        this._updateBarItemsState()
                    }
                }
                _updateBarItemsState() {
                    var _this$_ganttView4;
                    null === (_this$_ganttView4 = this._ganttView) || void 0 === _this$_ganttView4 || _this$_ganttView4.updateBarItemsState()
                }
                _showDialog(e) {
                    if (!this._dialogInstance) {
                        this._dialogInstance = new _uiGantt5.GanttDialog(this, this._$dialog)
                    }
                    this._dialogInstance.show(e.name, e.parameters, e.callback, e.afterClosing, this.option("editing"))
                }
                _showPopupMenu(info) {
                    if (this.option("contextMenu.enabled")) {
                        var _this$_ganttView5, _this$_contextMenuBar, _this$_actionsManager6;
                        null === (_this$_ganttView5 = this._ganttView) || void 0 === _this$_ganttView5 || _this$_ganttView5.getBarManager().updateContextMenu();
                        const args = {
                            cancel: false,
                            event: info.event,
                            targetType: info.type,
                            targetKey: info.key,
                            items: (0, _extend.extend)(true, [], null === (_this$_contextMenuBar = this._contextMenuBar) || void 0 === _this$_contextMenuBar ? void 0 : _this$_contextMenuBar._items),
                            data: "task" === info.type ? this.getTaskData(info.key) : this.getDependencyData(info.key)
                        };
                        null === (_this$_actionsManager6 = this._actionsManager) || void 0 === _this$_actionsManager6 || _this$_actionsManager6.raiseContextMenuPreparing(args);
                        if (!args.cancel) {
                            var _this$_contextMenuBar2;
                            null === (_this$_contextMenuBar2 = this._contextMenuBar) || void 0 === _this$_contextMenuBar2 || _this$_contextMenuBar2.show(info.position, args.items)
                        }
                    }
                }
                _hidePopupMenu() {
                    var _this$_contextMenuBar3;
                    null === (_this$_contextMenuBar3 = this._contextMenuBar) || void 0 === _this$_contextMenuBar3 || _this$_contextMenuBar3.hide()
                }
                _getLoadPanel() {
                    if (!this._loadPanel) {
                        this._loadPanel = this._createComponent(this._$loadPanel, _load_panel.default, {
                            position: {
                                of: this.$element()
                            }
                        })
                    }
                    return this._loadPanel
                }
                _getTaskKeyGetter() {
                    return this._getDataSourceItemKeyGetter("tasks")
                }
                _findTaskByKey(key) {
                    return this._getDataSourceItem("tasks", key)
                }
                _getDataSourceItem(dataOptionName, key) {
                    const dataOption = this[`_${dataOptionName}Option`];
                    const keyGetter = this._getDataSourceItemKeyGetter(dataOptionName);
                    const items = null === dataOption || void 0 === dataOption ? void 0 : dataOption._getItems();
                    return items.find(t => keyGetter(t) === key)
                }
                _getDataSourceItemKeyGetter(dataOptionName) {
                    return (0, _data.compileGetter)(this.option(`${dataOptionName}.keyExpr`))
                }
                _setGanttViewOption(optionName, value) {
                    var _this$_ganttView6;
                    null === (_this$_ganttView6 = this._ganttView) || void 0 === _this$_ganttView6 || _this$_ganttView6.option(optionName, value)
                }
                _getGanttViewOption(optionName, value) {
                    var _this$_ganttView7;
                    return null === (_this$_ganttView7 = this._ganttView) || void 0 === _this$_ganttView7 ? void 0 : _this$_ganttView7.option(optionName)
                }
                _getExportHelper() {
                    this._exportHelper ?? (this._exportHelper = new _uiGantt6.GanttExportHelper(this));
                    return this._exportHelper
                }
                _executeCoreCommand(id) {
                    var _this$_ganttView8;
                    null === (_this$_ganttView8 = this._ganttView) || void 0 === _this$_ganttView8 || _this$_ganttView8.executeCoreCommand(id)
                }
                _expandAll() {
                    this._changeExpandAll(true)
                }
                _collapseAll() {
                    this._changeExpandAll(false)
                }
                _onTreeListRowExpandChanged(e, expanded) {
                    if (!this._lockRowExpandEvent) {
                        var _this$_ganttView9, _this$_sizeHelper3;
                        null === (_this$_ganttView9 = this._ganttView) || void 0 === _this$_ganttView9 || _this$_ganttView9.changeTaskExpanded(e.key, expanded);
                        null === (_this$_sizeHelper3 = this._sizeHelper) || void 0 === _this$_sizeHelper3 || _this$_sizeHelper3.adjustHeight()
                    }
                }
                _changeExpandAll(expanded, level, rowKey) {
                    var _this$_treeList, _promise;
                    const allExpandableNodes = [];
                    const nodesToExpand = [];
                    null === (_this$_treeList = this._treeList) || void 0 === _this$_treeList || _this$_treeList.forEachNode(node => {
                        var _node$children;
                        if (null !== (_node$children = node.children) && void 0 !== _node$children && _node$children.length) {
                            allExpandableNodes.push(node)
                        }
                    });
                    if (rowKey) {
                        var _this$_treeList2;
                        const node = null === (_this$_treeList2 = this._treeList) || void 0 === _this$_treeList2 ? void 0 : _this$_treeList2.getNodeByKey(rowKey);
                        _uiGantt7.GanttHelper.getAllParentNodesKeys(node, nodesToExpand)
                    }
                    let promise;
                    this._lockRowExpandEvent = allExpandableNodes.length > 0;
                    const state = allExpandableNodes.reduce((previous, node, index) => {
                        var _this$_treeList3, _this$_treeList4;
                        if (rowKey) {
                            expanded = nodesToExpand.includes(node.key)
                        } else if (level) {
                            expanded = node.level < level
                        }
                        previous[node.key] = expanded;
                        const action = expanded ? null === (_this$_treeList3 = this._treeList) || void 0 === _this$_treeList3 ? void 0 : _this$_treeList3.expandRow : null === (_this$_treeList4 = this._treeList) || void 0 === _this$_treeList4 ? void 0 : _this$_treeList4.collapseRow;
                        const isLast = index === allExpandableNodes.length - 1;
                        if (isLast) {
                            promise = action(node.key)
                        } else {
                            action(node.key)
                        }
                        return previous
                    }, {});
                    null === (_promise = promise) || void 0 === _promise || _promise.then(() => {
                        var _this$_ganttView0, _this$_sizeHelper4;
                        null === (_this$_ganttView0 = this._ganttView) || void 0 === _this$_ganttView0 || _this$_ganttView0.applyTasksExpandedState(state);
                        null === (_this$_sizeHelper4 = this._sizeHelper) || void 0 === _this$_sizeHelper4 || _this$_sizeHelper4.adjustHeight();
                        delete this._lockRowExpandEvent
                    })
                }
                getTaskResources(key) {
                    var _this$_ganttView1;
                    if (!(0, _type.isDefined)(key)) {
                        return null
                    }
                    const coreData = null === (_this$_ganttView1 = this._ganttView) || void 0 === _this$_ganttView1 ? void 0 : _this$_ganttView1._ganttViewCore.getTaskResources(key);
                    return coreData.map(r => {
                        var _this$_mappingHelper3;
                        return null === (_this$_mappingHelper3 = this._mappingHelper) || void 0 === _this$_mappingHelper3 ? void 0 : _this$_mappingHelper3.convertCoreToMappedData("resources", r)
                    })
                }
                getVisibleTaskKeys() {
                    var _this$_ganttView10;
                    return null === (_this$_ganttView10 = this._ganttView) || void 0 === _this$_ganttView10 ? void 0 : _this$_ganttView10._ganttViewCore.getVisibleTaskKeys()
                }
                getVisibleDependencyKeys() {
                    var _this$_ganttView11;
                    return null === (_this$_ganttView11 = this._ganttView) || void 0 === _this$_ganttView11 ? void 0 : _this$_ganttView11._ganttViewCore.getVisibleDependencyKeys()
                }
                getVisibleResourceKeys() {
                    var _this$_ganttView12;
                    return null === (_this$_ganttView12 = this._ganttView) || void 0 === _this$_ganttView12 ? void 0 : _this$_ganttView12._ganttViewCore.getVisibleResourceKeys()
                }
                getVisibleResourceAssignmentKeys() {
                    var _this$_ganttView13;
                    return null === (_this$_ganttView13 = this._ganttView) || void 0 === _this$_ganttView13 ? void 0 : _this$_ganttView13._ganttViewCore.getVisibleResourceAssignmentKeys()
                }
                getTaskData(key) {
                    var _this$_ganttView14;
                    if (!(0, _type.isDefined)(key)) {
                        return null
                    }
                    const coreData = null === (_this$_ganttView14 = this._ganttView) || void 0 === _this$_ganttView14 ? void 0 : _this$_ganttView14._ganttViewCore.getTaskData(key);
                    const mappedData = this.getTaskDataByCoreData(coreData);
                    return mappedData
                }
                getTaskDataByCoreData(coreData) {
                    var _this$_mappingHelper4, _this$_customFieldsMa5;
                    const mappedData = coreData ? null === (_this$_mappingHelper4 = this._mappingHelper) || void 0 === _this$_mappingHelper4 ? void 0 : _this$_mappingHelper4.convertCoreToMappedData("tasks", coreData) : null;
                    null === (_this$_customFieldsMa5 = this._customFieldsManager) || void 0 === _this$_customFieldsMa5 || _this$_customFieldsMa5.addCustomFieldsData(null === coreData || void 0 === coreData ? void 0 : coreData.id, mappedData);
                    return mappedData
                }
                insertTask(data) {
                    var _this$_customFieldsMa6, _this$_ganttView15, _this$_mappingHelper5;
                    null === (_this$_customFieldsMa6 = this._customFieldsManager) || void 0 === _this$_customFieldsMa6 || _this$_customFieldsMa6.saveCustomFieldsDataToCache("gantt_new_task_key", data);
                    null === (_this$_ganttView15 = this._ganttView) || void 0 === _this$_ganttView15 || _this$_ganttView15._ganttViewCore.insertTask(null === (_this$_mappingHelper5 = this._mappingHelper) || void 0 === _this$_mappingHelper5 ? void 0 : _this$_mappingHelper5.convertMappedToCoreData("tasks", data))
                }
                deleteTask(key) {
                    var _this$_ganttView16;
                    null === (_this$_ganttView16 = this._ganttView) || void 0 === _this$_ganttView16 || _this$_ganttView16._ganttViewCore.deleteTask(key)
                }
                updateTask(key, data) {
                    var _this$_mappingHelper6, _this$_customFieldsMa7;
                    const coreTaskData = null === (_this$_mappingHelper6 = this._mappingHelper) || void 0 === _this$_mappingHelper6 ? void 0 : _this$_mappingHelper6.convertMappedToCoreData("tasks", data);
                    const isCustomFieldsUpdateOnly = !Object.keys(coreTaskData).length;
                    null === (_this$_customFieldsMa7 = this._customFieldsManager) || void 0 === _this$_customFieldsMa7 || _this$_customFieldsMa7.saveCustomFieldsDataToCache(key, data, true, isCustomFieldsUpdateOnly);
                    if (isCustomFieldsUpdateOnly) {
                        var _this$_customFieldsMa8;
                        const customFieldsData = null === (_this$_customFieldsMa8 = this._customFieldsManager) || void 0 === _this$_customFieldsMa8 ? void 0 : _this$_customFieldsMa8._getCustomFieldsData(data);
                        if (Object.keys(customFieldsData).length > 0) {
                            var _this$_actionsManager7;
                            null === (_this$_actionsManager7 = this._actionsManager) || void 0 === _this$_actionsManager7 || _this$_actionsManager7.raiseUpdatingAction("tasks", {
                                cancel: false,
                                key: key,
                                newValues: {}
                            })
                        }
                    } else {
                        var _this$_ganttView17;
                        null === (_this$_ganttView17 = this._ganttView) || void 0 === _this$_ganttView17 || _this$_ganttView17._ganttViewCore.updateTask(key, coreTaskData)
                    }
                }
                getDependencyData(key) {
                    var _this$_ganttView18, _this$_mappingHelper7;
                    if (!(0, _type.isDefined)(key)) {
                        return null
                    }
                    const coreData = null === (_this$_ganttView18 = this._ganttView) || void 0 === _this$_ganttView18 ? void 0 : _this$_ganttView18._ganttViewCore.getDependencyData(key);
                    return coreData ? null === (_this$_mappingHelper7 = this._mappingHelper) || void 0 === _this$_mappingHelper7 ? void 0 : _this$_mappingHelper7.convertCoreToMappedData("dependencies", coreData) : null
                }
                insertDependency(data) {
                    var _this$_ganttView19, _this$_mappingHelper8;
                    null === (_this$_ganttView19 = this._ganttView) || void 0 === _this$_ganttView19 || _this$_ganttView19._ganttViewCore.insertDependency(null === (_this$_mappingHelper8 = this._mappingHelper) || void 0 === _this$_mappingHelper8 ? void 0 : _this$_mappingHelper8.convertMappedToCoreData("dependencies", data))
                }
                deleteDependency(key) {
                    var _this$_ganttView20;
                    null === (_this$_ganttView20 = this._ganttView) || void 0 === _this$_ganttView20 || _this$_ganttView20._ganttViewCore.deleteDependency(key)
                }
                getResourceData(key) {
                    var _this$_ganttView21, _this$_mappingHelper9;
                    const coreData = null === (_this$_ganttView21 = this._ganttView) || void 0 === _this$_ganttView21 ? void 0 : _this$_ganttView21._ganttViewCore.getResourceData(key);
                    return coreData ? null === (_this$_mappingHelper9 = this._mappingHelper) || void 0 === _this$_mappingHelper9 ? void 0 : _this$_mappingHelper9.convertCoreToMappedData("resources", coreData) : null
                }
                deleteResource(key) {
                    var _this$_ganttView22;
                    null === (_this$_ganttView22 = this._ganttView) || void 0 === _this$_ganttView22 || _this$_ganttView22._ganttViewCore.deleteResource(key)
                }
                insertResource(data, taskKeys) {
                    var _this$_ganttView23, _this$_mappingHelper0;
                    null === (_this$_ganttView23 = this._ganttView) || void 0 === _this$_ganttView23 || _this$_ganttView23._ganttViewCore.insertResource(null === (_this$_mappingHelper0 = this._mappingHelper) || void 0 === _this$_mappingHelper0 ? void 0 : _this$_mappingHelper0.convertMappedToCoreData("resources", data), taskKeys)
                }
                getResourceAssignmentData(key) {
                    var _this$_ganttView24, _this$_mappingHelper1;
                    const coreData = null === (_this$_ganttView24 = this._ganttView) || void 0 === _this$_ganttView24 ? void 0 : _this$_ganttView24._ganttViewCore.getResourceAssignmentData(key);
                    return coreData ? null === (_this$_mappingHelper1 = this._mappingHelper) || void 0 === _this$_mappingHelper1 ? void 0 : _this$_mappingHelper1.convertCoreToMappedData("resourceAssignments", coreData) : null
                }
                assignResourceToTask(resourceKey, taskKey) {
                    var _this$_ganttView25;
                    null === (_this$_ganttView25 = this._ganttView) || void 0 === _this$_ganttView25 || _this$_ganttView25._ganttViewCore.assignResourceToTask(resourceKey, taskKey)
                }
                unassignResourceFromTask(resourceKey, taskKey) {
                    var _this$_ganttView26;
                    null === (_this$_ganttView26 = this._ganttView) || void 0 === _this$_ganttView26 || _this$_ganttView26._ganttViewCore.unassignResourceFromTask(resourceKey, taskKey)
                }
                unassignAllResourcesFromTask(taskKey) {
                    var _this$_ganttView27;
                    null === (_this$_ganttView27 = this._ganttView) || void 0 === _this$_ganttView27 || _this$_ganttView27._ganttViewCore.unassignAllResourcesFromTask(taskKey)
                }
                updateDimensions() {
                    var _this$_sizeHelper5;
                    null === (_this$_sizeHelper5 = this._sizeHelper) || void 0 === _this$_sizeHelper5 || _this$_sizeHelper5.onAdjustControl()
                }
                scrollToDate(date) {
                    var _this$_ganttView28;
                    null === (_this$_ganttView28 = this._ganttView) || void 0 === _this$_ganttView28 || _this$_ganttView28._ganttViewCore.scrollToDate(date)
                }
                showResourceManagerDialog() {
                    var _this$_ganttView29;
                    null === (_this$_ganttView29 = this._ganttView) || void 0 === _this$_ganttView29 || _this$_ganttView29._ganttViewCore.showResourcesDialog()
                }
                showTaskDetailsDialog(taskKey) {
                    var _this$_ganttView30;
                    null === (_this$_ganttView30 = this._ganttView) || void 0 === _this$_ganttView30 || _this$_ganttView30._ganttViewCore.showTaskDetailsDialog(taskKey)
                }
                exportToPdf(options) {
                    return this._exportToPdf(options)
                }
                _exportToPdf(options) {
                    var _this$_exportHelper, _window$jspdf;
                    null === (_this$_exportHelper = this._exportHelper) || void 0 === _this$_exportHelper || _this$_exportHelper.reset();
                    const fullOptions = (0, _extend.extend)({}, options);
                    if (fullOptions.createDocumentMethod) {
                        fullOptions.docCreateMethod = fullOptions.createDocumentMethod
                    }
                    fullOptions.pdfDocument ?? (fullOptions.pdfDocument = fullOptions.jsPDFDocument);
                    fullOptions.docCreateMethod ?? (fullOptions.docCreateMethod = (null === (_window$jspdf = window.jspdf) || void 0 === _window$jspdf ? void 0 : _window$jspdf.jsPDF) ?? window.jsPDF);
                    fullOptions.format ?? (fullOptions.format = "a4");
                    return new Promise(resolve => {
                        var _this$_ganttView31;
                        const doc = null === (_this$_ganttView31 = this._ganttView) || void 0 === _this$_ganttView31 ? void 0 : _this$_ganttView31._ganttViewCore.exportToPdf(fullOptions);
                        resolve(doc)
                    })
                }
                refresh() {
                    return new Promise((resolve, reject) => {
                        try {
                            this._refreshGantt();
                            resolve()
                        } catch (e) {
                            reject(e.message)
                        }
                    })
                }
                expandAll() {
                    this._expandAll()
                }
                collapseAll() {
                    this._collapseAll()
                }
                expandAllToLevel(level) {
                    this._changeExpandAll(false, level)
                }
                expandToTask(key) {
                    var _this$_treeList5, _node$parent;
                    const node = null === (_this$_treeList5 = this._treeList) || void 0 === _this$_treeList5 ? void 0 : _this$_treeList5.getNodeByKey(key);
                    this._changeExpandAll(false, 0, null === node || void 0 === node || null === (_node$parent = node.parent) || void 0 === _node$parent ? void 0 : _node$parent.key)
                }
                collapseTask(key) {
                    var _this$_treeList6;
                    null === (_this$_treeList6 = this._treeList) || void 0 === _this$_treeList6 || _this$_treeList6.collapseRow(key)
                }
                expandTask(key) {
                    var _this$_treeList7;
                    null === (_this$_treeList7 = this._treeList) || void 0 === _this$_treeList7 || _this$_treeList7.expandRow(key)
                }
                showResources(value) {
                    this.option("showResources", value)
                }
                showDependencies(value) {
                    this.option("showDependencies", value)
                }
                zoomIn() {
                    var _this$_ganttView32;
                    null === (_this$_ganttView32 = this._ganttView) || void 0 === _this$_ganttView32 || _this$_ganttView32._ganttViewCore.zoomIn()
                }
                zoomOut() {
                    var _this$_ganttView33;
                    null === (_this$_ganttView33 = this._ganttView) || void 0 === _this$_ganttView33 || _this$_ganttView33._ganttViewCore.zoomOut()
                }
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), _uiGantt7.GanttHelper.getDefaultOptions())
                }
                _optionChanged(args) {
                    var _this$_ganttTreeList15, _this$_sizeHelper6, _this$_ganttTreeList16, _this$_actionsManager8, _this$_actionsManager9, _this$_actionsManager0, _this$_actionsManager1, _this$_actionsManager10, _this$_actionsManager11, _this$_actionsManager12, _this$_actionsManager13, _this$_actionsManager14, _this$_actionsManager15, _this$_actionsManager16, _this$_actionsManager17, _this$_actionsManager18, _this$_actionsManager19, _this$_actionsManager20, _this$_actionsManager21, _this$_actionsManager22, _this$_actionsManager23, _this$_actionsManager24, _this$_actionsManager25, _this$_actionsManager26, _this$_actionsManager27, _this$_actionsManager28, _this$_actionsManager29, _this$_actionsManager30, _this$_actionsManager31, _this$_actionsManager32, _this$_ganttTreeList17, _this$_ganttTreeList18, _this$_ganttTemplates5, _this$_ganttTemplates6, _this$_ganttTemplates7, _this$_ganttTemplates8, _this$_ganttTreeList19, _this$_sizeHelper7, _this$_sizeHelper8, _this$_ganttTreeList20, _this$_ganttTreeList21, _this$_ganttTreeList22;
                    const {
                        name: name,
                        fullName: fullName,
                        value: value
                    } = args;
                    switch (name) {
                        case "tasks":
                            this._refreshDataSource("tasks");
                            break;
                        case "dependencies":
                            this._refreshDataSource("dependencies");
                            break;
                        case "resources":
                            this._refreshDataSource("resources");
                            break;
                        case "resourceAssignments":
                            this._refreshDataSource("resourceAssignments");
                            break;
                        case "columns":
                            null === (_this$_ganttTreeList15 = this._ganttTreeList) || void 0 === _this$_ganttTreeList15 || _this$_ganttTreeList15.setOption("columns", this._ganttTreeList.getColumns());
                            break;
                        case "taskListWidth":
                            null === (_this$_sizeHelper6 = this._sizeHelper) || void 0 === _this$_sizeHelper6 || _this$_sizeHelper6.setInnerElementsWidth();
                            break;
                        case "showResources":
                            this._setGanttViewOption("showResources", value);
                            break;
                        case "showDependencies":
                            this._setGanttViewOption("showDependencies", value);
                            break;
                        case "taskTitlePosition":
                            this._setGanttViewOption("taskTitlePosition", value);
                            break;
                        case "firstDayOfWeek":
                            this._setGanttViewOption("firstDayOfWeek", value);
                            break;
                        case "startDateRange":
                            this._setGanttViewOption("startDateRange", value);
                            break;
                        case "endDateRange":
                            this._setGanttViewOption("endDateRange", value);
                            break;
                        case "selectedRowKey":
                            null === (_this$_ganttTreeList16 = this._ganttTreeList) || void 0 === _this$_ganttTreeList16 || _this$_ganttTreeList16.selectRows(_uiGantt7.GanttHelper.getArrayFromOneElement(value));
                            break;
                        case "onSelectionChanged":
                            null === (_this$_actionsManager8 = this._actionsManager) || void 0 === _this$_actionsManager8 || _this$_actionsManager8.createSelectionChangedAction();
                            break;
                        case "onTaskClick":
                            null === (_this$_actionsManager9 = this._actionsManager) || void 0 === _this$_actionsManager9 || _this$_actionsManager9.createTaskClickAction();
                            break;
                        case "onTaskDblClick":
                            null === (_this$_actionsManager0 = this._actionsManager) || void 0 === _this$_actionsManager0 || _this$_actionsManager0.createTaskDblClickAction();
                            break;
                        case "onTaskInserting":
                            null === (_this$_actionsManager1 = this._actionsManager) || void 0 === _this$_actionsManager1 || _this$_actionsManager1.createTaskInsertingAction();
                            break;
                        case "onTaskInserted":
                            null === (_this$_actionsManager10 = this._actionsManager) || void 0 === _this$_actionsManager10 || _this$_actionsManager10.createTaskInsertedAction();
                            break;
                        case "onTaskDeleting":
                            null === (_this$_actionsManager11 = this._actionsManager) || void 0 === _this$_actionsManager11 || _this$_actionsManager11.createTaskDeletingAction();
                            break;
                        case "onTaskDeleted":
                            null === (_this$_actionsManager12 = this._actionsManager) || void 0 === _this$_actionsManager12 || _this$_actionsManager12.createTaskDeletedAction();
                            break;
                        case "onTaskUpdating":
                            null === (_this$_actionsManager13 = this._actionsManager) || void 0 === _this$_actionsManager13 || _this$_actionsManager13.createTaskUpdatingAction();
                            break;
                        case "onTaskUpdated":
                            null === (_this$_actionsManager14 = this._actionsManager) || void 0 === _this$_actionsManager14 || _this$_actionsManager14.createTaskUpdatedAction();
                            break;
                        case "onTaskMoving":
                            null === (_this$_actionsManager15 = this._actionsManager) || void 0 === _this$_actionsManager15 || _this$_actionsManager15.createTaskMovingAction();
                            break;
                        case "onTaskEditDialogShowing":
                            null === (_this$_actionsManager16 = this._actionsManager) || void 0 === _this$_actionsManager16 || _this$_actionsManager16.createTaskEditDialogShowingAction();
                            break;
                        case "onResourceManagerDialogShowing":
                            null === (_this$_actionsManager17 = this._actionsManager) || void 0 === _this$_actionsManager17 || _this$_actionsManager17.createResourceManagerDialogShowingAction();
                            break;
                        case "onDependencyInserting":
                            null === (_this$_actionsManager18 = this._actionsManager) || void 0 === _this$_actionsManager18 || _this$_actionsManager18.createDependencyInsertingAction();
                            break;
                        case "onDependencyInserted":
                            null === (_this$_actionsManager19 = this._actionsManager) || void 0 === _this$_actionsManager19 || _this$_actionsManager19.createDependencyInsertedAction();
                            break;
                        case "onDependencyDeleting":
                            null === (_this$_actionsManager20 = this._actionsManager) || void 0 === _this$_actionsManager20 || _this$_actionsManager20.createDependencyDeletingAction();
                            break;
                        case "onDependencyDeleted":
                            null === (_this$_actionsManager21 = this._actionsManager) || void 0 === _this$_actionsManager21 || _this$_actionsManager21.createDependencyDeletedAction();
                            break;
                        case "onResourceInserting":
                            null === (_this$_actionsManager22 = this._actionsManager) || void 0 === _this$_actionsManager22 || _this$_actionsManager22.createResourceInsertingAction();
                            break;
                        case "onResourceInserted":
                            null === (_this$_actionsManager23 = this._actionsManager) || void 0 === _this$_actionsManager23 || _this$_actionsManager23.createResourceInsertedAction();
                            break;
                        case "onResourceDeleting":
                            null === (_this$_actionsManager24 = this._actionsManager) || void 0 === _this$_actionsManager24 || _this$_actionsManager24.createResourceDeletingAction();
                            break;
                        case "onResourceDeleted":
                            null === (_this$_actionsManager25 = this._actionsManager) || void 0 === _this$_actionsManager25 || _this$_actionsManager25.createResourceDeletedAction();
                            break;
                        case "onResourceAssigning":
                            null === (_this$_actionsManager26 = this._actionsManager) || void 0 === _this$_actionsManager26 || _this$_actionsManager26.createResourceAssigningAction();
                            break;
                        case "onResourceAssigned":
                            null === (_this$_actionsManager27 = this._actionsManager) || void 0 === _this$_actionsManager27 || _this$_actionsManager27.createResourceAssignedAction();
                            break;
                        case "onResourceUnassigning":
                            null === (_this$_actionsManager28 = this._actionsManager) || void 0 === _this$_actionsManager28 || _this$_actionsManager28.createResourceUnassigningAction();
                            break;
                        case "onResourceUnassigned":
                            null === (_this$_actionsManager29 = this._actionsManager) || void 0 === _this$_actionsManager29 || _this$_actionsManager29.createResourceUnassignedAction();
                            break;
                        case "onCustomCommand":
                            null === (_this$_actionsManager30 = this._actionsManager) || void 0 === _this$_actionsManager30 || _this$_actionsManager30.createCustomCommandAction();
                            break;
                        case "onContextMenuPreparing":
                            null === (_this$_actionsManager31 = this._actionsManager) || void 0 === _this$_actionsManager31 || _this$_actionsManager31.createContextMenuPreparingAction();
                            break;
                        case "onScaleCellPrepared":
                            null === (_this$_actionsManager32 = this._actionsManager) || void 0 === _this$_actionsManager32 || _this$_actionsManager32.createScaleCellPreparedAction();
                            break;
                        case "allowSelection":
                            null === (_this$_ganttTreeList17 = this._ganttTreeList) || void 0 === _this$_ganttTreeList17 || _this$_ganttTreeList17.setOption("selection.mode", _uiGantt7.GanttHelper.getSelectionMode(value));
                            this._setGanttViewOption("allowSelection", value);
                            break;
                        case "showRowLines":
                            null === (_this$_ganttTreeList18 = this._ganttTreeList) || void 0 === _this$_ganttTreeList18 || _this$_ganttTreeList18.setOption("showRowLines", value);
                            this._setGanttViewOption("showRowLines", value);
                            break;
                        case "stripLines":
                            this._setGanttViewOption(fullName, value);
                            break;
                        case "scaleType":
                            this._setGanttViewOption("scaleType", value);
                            break;
                        case "scaleTypeRange":
                            this._setGanttViewOption("scaleTypeRange", this.option(name));
                            break;
                        case "editing":
                            this._setGanttViewOption("editing", this.option(name));
                            break;
                        case "validation":
                            this._setGanttViewOption("validation", this.option(name));
                            break;
                        case "toolbar":
                            this._updateToolbarContent();
                            break;
                        case "contextMenu":
                            this._updateContextMenu();
                            break;
                        case "taskTooltipContentTemplate":
                            this._setGanttViewOption("taskTooltipContentTemplate", null === (_this$_ganttTemplates5 = this._ganttTemplatesManager) || void 0 === _this$_ganttTemplates5 ? void 0 : _this$_ganttTemplates5.getTaskTooltipContentTemplateFunc(value));
                            break;
                        case "taskProgressTooltipContentTemplate":
                            this._setGanttViewOption("taskProgressTooltipContentTemplate", null === (_this$_ganttTemplates6 = this._ganttTemplatesManager) || void 0 === _this$_ganttTemplates6 ? void 0 : _this$_ganttTemplates6.getTaskProgressTooltipContentTemplateFunc(value));
                            break;
                        case "taskTimeTooltipContentTemplate":
                            this._setGanttViewOption("taskTimeTooltipContentTemplate", null === (_this$_ganttTemplates7 = this._ganttTemplatesManager) || void 0 === _this$_ganttTemplates7 ? void 0 : _this$_ganttTemplates7.getTaskTimeTooltipContentTemplateFunc(value));
                            break;
                        case "taskContentTemplate":
                            this._setGanttViewOption("taskContentTemplate", null === (_this$_ganttTemplates8 = this._ganttTemplatesManager) || void 0 === _this$_ganttTemplates8 ? void 0 : _this$_ganttTemplates8.getTaskContentTemplateFunc(value));
                            break;
                        case "rootValue":
                            null === (_this$_ganttTreeList19 = this._ganttTreeList) || void 0 === _this$_ganttTreeList19 || _this$_ganttTreeList19.setOption("rootValue", value);
                            break;
                        case "width":
                            super._optionChanged(args);
                            null === (_this$_sizeHelper7 = this._sizeHelper) || void 0 === _this$_sizeHelper7 || _this$_sizeHelper7.updateGanttWidth();
                            break;
                        case "height":
                            super._optionChanged(args);
                            null === (_this$_sizeHelper8 = this._sizeHelper) || void 0 === _this$_sizeHelper8 || _this$_sizeHelper8.setGanttHeight((0, _size.getHeight)(this.$element()));
                            break;
                        case "sorting":
                            null === (_this$_ganttTreeList20 = this._ganttTreeList) || void 0 === _this$_ganttTreeList20 || _this$_ganttTreeList20.setOption("sorting", this.option(name));
                            break;
                        case "filterRow":
                            null === (_this$_ganttTreeList21 = this._ganttTreeList) || void 0 === _this$_ganttTreeList21 || _this$_ganttTreeList21.setOption("filterRow", this.option(name));
                            break;
                        case "headerFilter":
                            null === (_this$_ganttTreeList22 = this._ganttTreeList) || void 0 === _this$_ganttTreeList22 || _this$_ganttTreeList22.setOption("headerFilter", this.option(name));
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }(0, _component_registrator.default)("dxGantt", Gantt);
            exports.default = Gantt
        },
        91389(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GanttMappingHelper = void 0;
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            const GANTT_MAPPED_FIELD_REGEX = /(\w*)Expr/;
            exports.GanttMappingHelper = class {
                constructor(gantt) {
                    this._gantt = gantt
                }
                _getMappedFieldName(optionName, coreField) {
                    let coreFieldName = coreField;
                    if ("id" === coreField) {
                        coreFieldName = "key"
                    }
                    return this._gantt.option(`${optionName}.${coreFieldName}Expr`)
                }
                getTaskMappedFieldNames() {
                    const mappedFields = [];
                    const mappedFieldsData = this._gantt.option("tasks");
                    for (const field in mappedFieldsData) {
                        const exprMatches = GANTT_MAPPED_FIELD_REGEX.exec(field);
                        const mappedFieldName = exprMatches && mappedFieldsData[exprMatches[0]];
                        if (mappedFieldName) {
                            mappedFields.push(mappedFieldName)
                        }
                    }
                    return mappedFields
                }
                convertCoreToMappedData(optionName, coreData) {
                    return Object.keys(coreData).reduce((previous, f) => {
                        const mappedField = this._getMappedFieldName(optionName, f);
                        if (mappedField && !(0, _type.isFunction)(mappedField)) {
                            const setter = (0, _data.compileSetter)(mappedField);
                            setter(previous, coreData[f])
                        }
                        return previous
                    }, {})
                }
                convertMappedToCoreData(optionName, mappedData) {
                    const coreData = {};
                    if (mappedData) {
                        const mappedFields = this._gantt.option(optionName);
                        for (const field in mappedFields) {
                            const exprMatches = GANTT_MAPPED_FIELD_REGEX.exec(field);
                            const mappedFieldName = exprMatches && mappedFields[exprMatches[0]];
                            if (mappedFieldName && void 0 !== mappedData[mappedFieldName]) {
                                const getter = (0, _data.compileGetter)(mappedFieldName);
                                const coreFieldName = exprMatches[1];
                                coreData[coreFieldName] = getter(mappedData)
                            }
                        }
                    }
                    return coreData
                }
                convertCoreToMappedFields(optionName, fields) {
                    return fields.reduce((previous, f) => {
                        const mappedField = this._getMappedFieldName(optionName, f);
                        if (mappedField) {
                            previous.push(mappedField)
                        }
                        return previous
                    }, [])
                }
                convertMappedToCoreFields(optionName, fields) {
                    const coreFields = [];
                    const mappedFields = this._gantt.option(optionName);
                    for (const field in mappedFields) {
                        const exprMatches = GANTT_MAPPED_FIELD_REGEX.exec(field);
                        const mappedFieldName = exprMatches && mappedFields[exprMatches[0]];
                        if (mappedFieldName && fields.indexOf(mappedFieldName) > -1) {
                            const coreFieldName = exprMatches[1];
                            coreFields.push(coreFieldName)
                        }
                    }
                    return coreFields
                }
            }
        },
        93002(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ModelChangesListener = void 0;
            exports.ModelChangesListener = {
                create: gantt => ({
                    NotifyTaskCreated: (task, callback, errorCallback) => {
                        gantt._onRecordInserted("tasks", task, callback)
                    },
                    NotifyTaskRemoved: (taskId, errorCallback, task) => {
                        gantt._onRecordRemoved("tasks", taskId, task)
                    },
                    NotifyTaskUpdated: (taskId, newValues, errorCallback) => {
                        gantt._onRecordUpdated("tasks", taskId, newValues)
                    },
                    NotifyParentTaskUpdated: (task, errorCallback) => {
                        gantt._onParentTaskUpdated(task)
                    },
                    NotifyDependencyInserted: (dependency, callback, errorCallback) => {
                        gantt._onRecordInserted("dependencies", dependency, callback)
                    },
                    NotifyDependencyRemoved: (dependencyId, errorCallback, dependency) => {
                        gantt._onRecordRemoved("dependencies", dependencyId, dependency)
                    },
                    NotifyResourceCreated: (resource, callback, errorCallback) => {
                        gantt._onRecordInserted("resources", resource, callback)
                    },
                    NotifyResourceRemoved: (resourceId, errorCallback, resource) => {
                        gantt._onRecordRemoved("resources", resourceId, resource)
                    },
                    NotifyResourceAssigned: (assignment, callback, errorCallback) => {
                        gantt._onRecordInserted("resourceAssignments", assignment, callback)
                    },
                    NotifyResourceUnassigned: (assignmentId, errorCallback, assignment) => {
                        gantt._onRecordRemoved("resourceAssignments", assignmentId, assignment)
                    },
                    NotifyParentDataRecalculated: data => {
                        gantt._onParentTasksRecalculated(data)
                    },
                    NotifyTaskCreating: args => {
                        var _gantt$_actionsManage;
                        null === (_gantt$_actionsManage = gantt._actionsManager) || void 0 === _gantt$_actionsManage || _gantt$_actionsManage.raiseInsertingAction("tasks", args)
                    },
                    NotifyTaskRemoving: args => {
                        var _gantt$_actionsManage2;
                        null === (_gantt$_actionsManage2 = gantt._actionsManager) || void 0 === _gantt$_actionsManage2 || _gantt$_actionsManage2.raiseDeletingAction("tasks", args)
                    },
                    NotifyTaskUpdating: args => {
                        var _gantt$_actionsManage3;
                        null === (_gantt$_actionsManage3 = gantt._actionsManager) || void 0 === _gantt$_actionsManage3 || _gantt$_actionsManage3.raiseUpdatingAction("tasks", args)
                    },
                    NotifyTaskMoving: args => {
                        var _gantt$_actionsManage4, _gantt$_actionsManage5;
                        null === (_gantt$_actionsManage4 = gantt._actionsManager) || void 0 === _gantt$_actionsManage4 || _gantt$_actionsManage4.raiseUpdatingAction("tasks", args, null === (_gantt$_actionsManage5 = gantt._actionsManager) || void 0 === _gantt$_actionsManage5 ? void 0 : _gantt$_actionsManage5.getTaskMovingAction())
                    },
                    NotifyTaskEditDialogShowing: args => {
                        var _gantt$_actionsManage6;
                        null === (_gantt$_actionsManage6 = gantt._actionsManager) || void 0 === _gantt$_actionsManage6 || _gantt$_actionsManage6.raiseTaskEditDialogShowingAction(args)
                    },
                    NotifyResourceManagerDialogShowing: args => {
                        var _gantt$_actionsManage7;
                        null === (_gantt$_actionsManage7 = gantt._actionsManager) || void 0 === _gantt$_actionsManage7 || _gantt$_actionsManage7.raiseResourceManagerDialogShowingAction(args)
                    },
                    NotifyDependencyInserting: args => {
                        var _gantt$_actionsManage8;
                        null === (_gantt$_actionsManage8 = gantt._actionsManager) || void 0 === _gantt$_actionsManage8 || _gantt$_actionsManage8.raiseInsertingAction("dependencies", args)
                    },
                    NotifyDependencyRemoving: args => {
                        var _gantt$_actionsManage9;
                        null === (_gantt$_actionsManage9 = gantt._actionsManager) || void 0 === _gantt$_actionsManage9 || _gantt$_actionsManage9.raiseDeletingAction("dependencies", args)
                    },
                    NotifyResourceCreating: args => {
                        var _gantt$_actionsManage0;
                        null === (_gantt$_actionsManage0 = gantt._actionsManager) || void 0 === _gantt$_actionsManage0 || _gantt$_actionsManage0.raiseInsertingAction("resources", args)
                    },
                    NotifyResourceRemoving: args => {
                        var _gantt$_actionsManage1;
                        null === (_gantt$_actionsManage1 = gantt._actionsManager) || void 0 === _gantt$_actionsManage1 || _gantt$_actionsManage1.raiseDeletingAction("resources", args)
                    },
                    NotifyResourceAssigning: args => {
                        var _gantt$_actionsManage10;
                        null === (_gantt$_actionsManage10 = gantt._actionsManager) || void 0 === _gantt$_actionsManage10 || _gantt$_actionsManage10.raiseInsertingAction("resourceAssignments", args)
                    },
                    NotifyResourceUnassigning: args => {
                        var _gantt$_actionsManage11;
                        null === (_gantt$_actionsManage11 = gantt._actionsManager) || void 0 === _gantt$_actionsManage11 || _gantt$_actionsManage11.raiseDeletingAction("resourceAssignments", args)
                    },
                    NotifyScaleCellPrepared: args => {
                        var _gantt$_actionsManage12;
                        null === (_gantt$_actionsManage12 = gantt._actionsManager) || void 0 === _gantt$_actionsManage12 || _gantt$_actionsManage12.raiseScaleCellPreparedAction(args)
                    },
                    NotifyGanttViewUpdated: () => {
                        gantt._onGanttViewCoreUpdated()
                    }
                })
            }
        },
        64490(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GanttSizeHelper = void 0;
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            exports.GanttSizeHelper = class {
                constructor(gantt) {
                    this._gantt = gantt
                }
                _setTreeListDimension(dimension, value) {
                    var _this$_gantt$_ganttTr;
                    const setter = "width" === dimension ? _size.setWidth : _size.setHeight;
                    const getter = "width" === dimension ? _size.getWidth : _size.getHeight;
                    setter(this._gantt._$treeListWrapper, value);
                    null === (_this$_gantt$_ganttTr = this._gantt._ganttTreeList) || void 0 === _this$_gantt$_ganttTr || _this$_gantt$_ganttTr.setOption(dimension, getter(this._gantt._$treeListWrapper))
                }
                _setGanttViewDimension(dimension, value) {
                    const setter = "width" === dimension ? _size.setWidth : _size.setHeight;
                    const getter = "width" === dimension ? _size.getWidth : _size.getHeight;
                    setter(this._gantt._$ganttView, value);
                    this._gantt._setGanttViewOption(dimension, getter(this._gantt._$ganttView))
                }
                _getPanelsWidthByOption() {
                    var _leftPanelWidth$index, _leftPanelWidth$index2;
                    const ganttWidth = (0, _size.getWidth)(this._gantt.$element());
                    const {
                        taskListWidth: leftPanelWidth
                    } = this._gantt.option();
                    let rightPanelWidth;
                    if (!isNaN(leftPanelWidth)) {
                        rightPanelWidth = ganttWidth - parseInt(leftPanelWidth, 10)
                    } else if ((null === (_leftPanelWidth$index = leftPanelWidth.indexOf) || void 0 === _leftPanelWidth$index ? void 0 : _leftPanelWidth$index.call(leftPanelWidth, "px")) > 0) {
                        rightPanelWidth = ganttWidth - parseInt(leftPanelWidth.replace("px", ""), 10) + "px"
                    } else if ((null === (_leftPanelWidth$index2 = leftPanelWidth.indexOf) || void 0 === _leftPanelWidth$index2 ? void 0 : _leftPanelWidth$index2.call(leftPanelWidth, "%")) > 0) {
                        rightPanelWidth = 100 - parseInt(leftPanelWidth.replace("%", ""), 10) + "%"
                    }
                    return {
                        leftPanelWidth: leftPanelWidth,
                        rightPanelWidth: rightPanelWidth
                    }
                }
                onAdjustControl() {
                    const elementHeight = (0, _size.getHeight)(this._gantt.$element());
                    this.updateGanttWidth();
                    this.setGanttHeight(elementHeight)
                }
                onApplyPanelSize(e) {
                    this.setInnerElementsWidth(e);
                    this.updateGanttRowHeights()
                }
                updateGanttRowHeights() {
                    var _this$_gantt$_ganttTr2;
                    const rowHeight = null === (_this$_gantt$_ganttTr2 = this._gantt._ganttTreeList) || void 0 === _this$_gantt$_ganttTr2 ? void 0 : _this$_gantt$_ganttTr2.getRowHeight();
                    if (this._gantt._getGanttViewOption("rowHeight") !== rowHeight) {
                        var _this$_gantt$_ganttVi;
                        this._gantt._setGanttViewOption("rowHeight", rowHeight);
                        null === (_this$_gantt$_ganttVi = this._gantt._ganttView) || void 0 === _this$_gantt$_ganttVi || _this$_gantt$_ganttVi._ganttViewCore.updateRowHeights(rowHeight)
                    }
                }
                adjustHeight() {
                    if (!this._gantt._hasHeight) {
                        var _this$_gantt$_ganttTr3;
                        this._gantt._setGanttViewOption("height", 0);
                        this._gantt._setGanttViewOption("height", null === (_this$_gantt$_ganttTr3 = this._gantt._ganttTreeList) || void 0 === _this$_gantt$_ganttTr3 ? void 0 : _this$_gantt$_ganttTr3.getOffsetHeight())
                    }
                }
                setInnerElementsWidth(widths) {
                    var _widths, _widths2;
                    if (!(0, _window.hasWindow)()) {
                        return
                    }
                    const takeWithFromOption = !widths;
                    if (takeWithFromOption) {
                        widths = this._getPanelsWidthByOption();
                        this._setTreeListDimension("width", 0);
                        this._setGanttViewDimension("width", 0)
                    }
                    this._setTreeListDimension("width", null === (_widths = widths) || void 0 === _widths ? void 0 : _widths.leftPanelWidth);
                    this._setGanttViewDimension("width", null === (_widths2 = widths) || void 0 === _widths2 ? void 0 : _widths2.rightPanelWidth);
                    if (takeWithFromOption) {
                        var _this$_gantt$_splitte;
                        null === (_this$_gantt$_splitte = this._gantt._splitter) || void 0 === _this$_gantt$_splitte || _this$_gantt$_splitte._setSplitterPositionLeft()
                    }
                }
                updateGanttWidth() {
                    var _this$_gantt$_splitte2;
                    null === (_this$_gantt$_splitte2 = this._gantt._splitter) || void 0 === _this$_gantt$_splitte2 || _this$_gantt$_splitte2._dimensionChanged()
                }
                setGanttHeight(height) {
                    var _this$_gantt$_ganttVi2;
                    const toolbarHeightOffset = this._gantt._$toolbarWrapper.get(0).offsetHeight;
                    const mainWrapperHeight = height - toolbarHeightOffset;
                    this._setTreeListDimension("height", mainWrapperHeight);
                    this._setGanttViewDimension("height", mainWrapperHeight);
                    null === (_this$_gantt$_ganttVi2 = this._gantt._ganttView) || void 0 === _this$_gantt$_ganttVi2 || _this$_gantt$_ganttVi2._ganttViewCore.resetAndUpdate()
                }
            }
        },
        88957(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TaskAreaContainer = void 0;
            var _scroll_view = (e = __webpack_require__( /*! ../../ui/scroll_view/scroll_view */ 71100), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.TaskAreaContainer = class {
                constructor(element, ganttViewWidget) {
                    this._element = element;
                    this._scrollView = ganttViewWidget._createComponent(this._element, _scroll_view.default, {
                        scrollByContent: false,
                        scrollByThumb: true,
                        showScrollbar: "onHover",
                        direction: "both",
                        onScroll: () => {
                            ganttViewWidget.updateView()
                        }
                    })
                }
                get scrollTop() {
                    return this._scrollView.scrollTop()
                }
                set scrollTop(value) {
                    const diff = value - this._scrollView.scrollTop();
                    if (0 !== diff) {
                        this._scrollView.scrollBy({
                            left: 0,
                            top: diff
                        })
                    }
                }
                get scrollLeft() {
                    return this._scrollView.scrollLeft()
                }
                set scrollLeft(value) {
                    const diff = value - this._scrollView.scrollLeft();
                    if (0 !== diff) {
                        this._scrollView.scrollBy({
                            left: diff,
                            top: 0
                        })
                    }
                }
                get scrollWidth() {
                    return this._scrollView.scrollWidth()
                }
                get scrollHeight() {
                    return this._scrollView.scrollHeight()
                }
                get isExternal() {
                    return true
                }
                getWidth() {
                    return this._element.offsetWidth
                }
                getHeight() {
                    return this._element.offsetHeight
                }
                getElement() {
                    return this._element
                }
            }
        },
        81495(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GanttTemplatesManager = void 0;
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = (e = __webpack_require__( /*! ../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.GanttTemplatesManager = class {
                constructor(gantt) {
                    this._gantt = gantt
                }
                getTaskTooltipContentTemplateFunc(taskTooltipContentTemplateOption) {
                    const template = taskTooltipContentTemplateOption && this._gantt._getTemplate(taskTooltipContentTemplateOption);
                    const createTemplateFunction = template && ((container, item, callback) => {
                        template.render({
                            model: this._gantt.getTaskDataByCoreData(item),
                            container: (0, _element.getPublicElement)((0, _renderer.default)(container)),
                            onRendered: () => {
                                callback()
                            }
                        });
                        return true
                    });
                    return createTemplateFunction
                }
                getTaskProgressTooltipContentTemplateFunc(taskTooltipContentTemplateOption) {
                    const template = taskTooltipContentTemplateOption && this._gantt._getTemplate(taskTooltipContentTemplateOption);
                    const createTemplateFunction = template && ((container, item, callback) => {
                        template.render({
                            model: item,
                            container: (0, _element.getPublicElement)((0, _renderer.default)(container)),
                            onRendered: () => {
                                callback()
                            }
                        });
                        return true
                    });
                    return createTemplateFunction
                }
                getTaskTimeTooltipContentTemplateFunc(taskTooltipContentTemplateOption) {
                    const template = taskTooltipContentTemplateOption && this._gantt._getTemplate(taskTooltipContentTemplateOption);
                    const createTemplateFunction = template && ((container, item, callback) => {
                        template.render({
                            model: item,
                            container: (0, _element.getPublicElement)((0, _renderer.default)(container)),
                            onRendered: () => {
                                callback()
                            }
                        });
                        return true
                    });
                    return createTemplateFunction
                }
                getTaskContentTemplateFunc(taskContentTemplateOption) {
                    const template = taskContentTemplateOption && this._gantt._getTemplate(taskContentTemplateOption);
                    const createTemplateFunction = template && ((container, item, callback, index) => {
                        item.taskData = this._gantt.getTaskDataByCoreData(item.taskData);
                        template.render({
                            model: item,
                            container: (0, _element.getPublicElement)((0, _renderer.default)(container)),
                            onRendered: () => {
                                callback(container, index)
                            }
                        });
                        return true
                    });
                    return createTemplateFunction
                }
            }
        },
        17418(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GanttTreeList = void 0;
            var _array_store = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/array_store */ 80556));
            var _data_source = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/data_source */ 14479));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _position = __webpack_require__( /*! ../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _tree_list = _interopRequireDefault(__webpack_require__( /*! ../../../ui/tree_list */ 21872));
            var _uiGantt = __webpack_require__( /*! ../../ui/gantt/ui.gantt.helper */ 55886);
            var _uiGanttTreelist = __webpack_require__( /*! ../../ui/gantt/ui.gantt.treelist.nodes_state */ 2639);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.GanttTreeList = class {
                constructor(gantt) {
                    this._gantt = gantt;
                    this._$treeList = this._gantt._$treeList
                }
                getTreeList() {
                    const {
                        keyExpr: keyExpr,
                        parentIdExpr: parentIdExpr
                    } = this._gantt.option("tasks");
                    this._treeList = this._gantt._createComponent(this._$treeList, _tree_list.default, {
                        dataSource: this.createDataSource(this._gantt._tasksRaw, keyExpr),
                        keyExpr: keyExpr,
                        filterSyncEnabled: true,
                        parentIdExpr: parentIdExpr,
                        columns: this.getColumns(),
                        columnResizingMode: "nextColumn",
                        height: this._getHeight(),
                        width: this._gantt.option("taskListWidth"),
                        selection: {
                            mode: _uiGantt.GanttHelper.getSelectionMode(this._gantt.option("allowSelection"))
                        },
                        selectedRowKeys: _uiGantt.GanttHelper.getArrayFromOneElement(this._gantt.option("selectedRowKey")),
                        sorting: this._gantt.option("sorting"),
                        filterRow: this._gantt.option("filterRow"),
                        headerFilter: this._gantt.option("headerFilter"),
                        scrolling: {
                            showScrollbar: "onHover",
                            mode: "virtual"
                        },
                        allowColumnResizing: true,
                        autoExpandAll: true,
                        showRowLines: this._gantt.option("showRowLines"),
                        rootValue: this._gantt.option("rootValue"),
                        onContentReady: e => {
                            this._onContentReady(e)
                        },
                        onSelectionChanged: e => {
                            this._onSelectionChanged(e)
                        },
                        onRowCollapsed: e => {
                            this._onRowCollapsed(e)
                        },
                        onRowExpanded: e => {
                            this._onRowExpanded(e)
                        },
                        onRowPrepared: e => {
                            this._onRowPrepared(e)
                        },
                        onContextMenuPreparing: e => {
                            this._onContextMenuPreparing(e)
                        },
                        onRowClick: e => {
                            this.onRowClick(e)
                        },
                        onRowDblClick: e => {
                            this.onRowDblClick(e)
                        },
                        onNodesInitialized: () => {
                            this._onNodesInitialized()
                        },
                        _disableDeprecationWarnings: true
                    });
                    return this._treeList
                }
                onAfterTreeListCreate() {
                    if (this._postponedGanttInitRequired) {
                        this._initGanttOnContentReady({
                            component: this._treeList
                        });
                        delete this._postponedGanttInitRequired
                    }
                }
                _onContentReady(e) {
                    const hasTreeList = !!this._treeList;
                    if (hasTreeList) {
                        this._initGanttOnContentReady(e)
                    } else {
                        this._postponedGanttInitRequired = true
                    }
                    this._gantt._onTreeListContentReady(e)
                }
                _initGanttOnContentReady(e) {
                    var _this$_gantt$_sizeHel;
                    if (e.component.getDataSource()) {
                        this._gantt._initGanttView();
                        this._initScrollSync(e.component)
                    }
                    this._gantt._sortAndFilter();
                    null === (_this$_gantt$_sizeHel = this._gantt._sizeHelper) || void 0 === _this$_gantt$_sizeHel || _this$_gantt$_sizeHel.updateGanttRowHeights()
                }
                _onSelectionChanged(e) {
                    var _this$_gantt$_actions;
                    const selectedRowKey = e.currentSelectedRowKeys[0];
                    this._gantt._setGanttViewOption("selectedRowKey", selectedRowKey);
                    this._gantt._setOptionWithoutOptionChange("selectedRowKey", selectedRowKey);
                    null === (_this$_gantt$_actions = this._gantt._actionsManager) || void 0 === _this$_gantt$_actions || _this$_gantt$_actions.raiseSelectionChangedAction(selectedRowKey)
                }
                _onRowCollapsed(e) {
                    this._gantt._onTreeListRowExpandChanged(e, false)
                }
                _onRowExpanded(e) {
                    this._gantt._onTreeListRowExpandChanged(e, true)
                }
                _onRowPrepared(e) {
                    if ("data" === e.rowType && e.node.children.length > 0) {
                        (0, _renderer.default)(e.rowElement).addClass("dx-gantt-collapsable-row")
                    }
                }
                _onContextMenuPreparing(e) {
                    var _e$row, _e$row2;
                    if ("header" === e.target) {
                        return
                    }
                    if ("data" === (null === (_e$row = e.row) || void 0 === _e$row ? void 0 : _e$row.rowType)) {
                        this.setOption("selectedRowKeys", [e.row.data[this._gantt.option("tasks.keyExpr")]])
                    }
                    const info = {
                        cancel: false,
                        event: e.event,
                        type: "task",
                        key: null === (_e$row2 = e.row) || void 0 === _e$row2 ? void 0 : _e$row2.key,
                        position: {
                            x: e.event.pageX,
                            y: e.event.pageY
                        }
                    };
                    this._gantt._showPopupMenu(info);
                    e.event.preventDefault()
                }
                _getHeight() {
                    if ((0, _size.getHeight)(this._$treeList)) {
                        return (0, _size.getHeight)(this._$treeList)
                    }
                    this._gantt._hasHeight = (0, _type.isDefined)(this._gantt.option("height")) && "" !== this._gantt.option("height");
                    return this._gantt._hasHeight ? "100%" : ""
                }
                _initScrollSync(treeList) {
                    const treeListScrollable = treeList.getScrollable();
                    if (treeListScrollable) {
                        treeListScrollable.off("scroll");
                        treeListScrollable.on("scroll", e => {
                            this._onScroll(e)
                        })
                    }
                }
                _onScroll(treeListScrollView) {
                    var _this$_gantt$_ganttVi;
                    const ganttViewTaskAreaContainer = null === (_this$_gantt$_ganttVi = this._gantt._ganttView) || void 0 === _this$_gantt$_ganttVi ? void 0 : _this$_gantt$_ganttVi.getTaskAreaContainer();
                    if (ganttViewTaskAreaContainer.scrollTop !== treeListScrollView.component.scrollTop()) {
                        ganttViewTaskAreaContainer.scrollTop = treeListScrollView.component.scrollTop()
                    }
                }
                _correctRowsViewRowHeight(height) {
                    var _this$_treeList;
                    const view = null === (_this$_treeList = this._treeList) || void 0 === _this$_treeList || null === (_this$_treeList = _this$_treeList._views) || void 0 === _this$_treeList ? void 0 : _this$_treeList.rowsView;
                    if ((null === view || void 0 === view ? void 0 : view._rowHeight) !== height) {
                        view._rowHeight = height
                    }
                }
                _skipUpdateTreeListDataSource() {
                    const {
                        validation: validation
                    } = this._gantt.option();
                    return null === validation || void 0 === validation ? void 0 : validation.autoUpdateParentTasks
                }
                selectRows(keys) {
                    this.setOption("selectedRowKeys", keys)
                }
                scrollBy(scrollTop) {
                    var _this$_treeList2;
                    const treeListScrollable = null === (_this$_treeList2 = this._treeList) || void 0 === _this$_treeList2 ? void 0 : _this$_treeList2.getScrollable();
                    if (treeListScrollable) {
                        const diff = scrollTop - treeListScrollable.scrollTop();
                        if (Math.abs(diff) >= 2) {
                            treeListScrollable.scrollBy({
                                left: 0,
                                top: diff
                            })
                        }
                    }
                }
                updateDataSource(data) {
                    let forceUpdate = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false;
                    let forceCustomData = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : false;
                    if (!this._skipUpdateTreeListDataSource() || forceUpdate) {
                        this.setDataSource(data)
                    } else if (forceCustomData) {
                        var _this$_treeList3;
                        const data = null === (_this$_treeList3 = this._treeList) || void 0 === _this$_treeList3 ? void 0 : _this$_treeList3.option("dataSource");
                        this._gantt._onParentTasksRecalculated(data)
                    }
                }
                setDataSource(data) {
                    this.setOption("dataSource", this.createDataSource(data))
                }
                createDataSource(data, key) {
                    return data && new _data_source.default({
                        store: new _array_store.default({
                            data: data,
                            key: key || this.getOption("keyExpr")
                        })
                    })
                }
                onRowClick(e) {
                    var _this$_gantt$_actions2;
                    null === (_this$_gantt$_actions2 = this._gantt._actionsManager) || void 0 === _this$_gantt$_actions2 || _this$_gantt$_actions2.raiseTaskClickAction(e.key, e.event)
                }
                onRowDblClick(e) {
                    var _this$_gantt$_actions3;
                    if (null !== (_this$_gantt$_actions3 = this._gantt._actionsManager) && void 0 !== _this$_gantt$_actions3 && _this$_gantt$_actions3.raiseTaskDblClickAction(e.key, e.event)) {
                        var _this$_gantt$_ganttVi2;
                        null === (_this$_gantt$_ganttVi2 = this._gantt._ganttView) || void 0 === _this$_gantt$_ganttVi2 || _this$_gantt$_ganttVi2._ganttViewCore.showTaskEditDialog()
                    }
                }
                saveExpandedKeys() {
                    const treeList = this._treeList;
                    const visibleRowCount = null === treeList || void 0 === treeList ? void 0 : treeList.getVisibleRows().length;
                    if (visibleRowCount > 0) {
                        const nodes = this.getAllNodes();
                        const keys = this.getOption("expandedRowKeys");
                        const hasExpandedRows = keys && nodes.length !== visibleRowCount;
                        if (hasExpandedRows) {
                            const state = this.getNodesState();
                            state.applyNodes(nodes, this.getOption("rootValue"));
                            state.saveExpandedState(keys)
                        }
                    }
                }
                _onNodesInitialized() {
                    const state = this.getNodesState();
                    const savedKeys = state.getExpandedKeys();
                    const nodes = this.getAllNodes();
                    state.applyNodes(nodes, this.getOption("rootValue"));
                    const expandedKeys = state.getExpandedKeys();
                    if (expandedKeys) {
                        this.setOption("expandedRowKeys", expandedKeys)
                    }
                    if (this.isExpandedStateChanged(savedKeys, expandedKeys)) {
                        var _this$_gantt$_ganttVi3;
                        const expandedState = nodes.reduce((previous, node) => {
                            previous[node.key] = expandedKeys ? expandedKeys.includes(node.key) : true;
                            return previous
                        }, {});
                        null === (_this$_gantt$_ganttVi3 = this._gantt._ganttView) || void 0 === _this$_gantt$_ganttVi3 || _this$_gantt$_ganttVi3.applyTasksExpandedState(expandedState)
                    }
                    state.clear()
                }
                getNodesState() {
                    if (!this._nodeState) {
                        this._nodeState = new _uiGanttTreelist.GanttTreeListNodesState
                    }
                    return this._nodeState
                }
                getAllNodes() {
                    var _this$_treeList4, _this$_treeList5;
                    const store = null === (_this$_treeList4 = this._treeList) || void 0 === _this$_treeList4 || null === (_this$_treeList4 = _this$_treeList4.getDataSource()) || void 0 === _this$_treeList4 ? void 0 : _this$_treeList4.store();
                    if (!store || !(null !== (_this$_treeList5 = this._treeList) && void 0 !== _this$_treeList5 && _this$_treeList5.getNodeByKey)) {
                        return []
                    }
                    const keyGetter = (0, _data.compileGetter)(store.key());
                    return store._array.map(item => {
                        var _this$_treeList6;
                        return null === (_this$_treeList6 = this._treeList) || void 0 === _this$_treeList6 ? void 0 : _this$_treeList6.getNodeByKey(keyGetter(item))
                    }).filter(item => !!item)
                }
                isExpandedStateChanged(keys1, keys2) {
                    if (null === keys1 && null === keys2) {
                        return false
                    }
                    if ((null === keys1 || void 0 === keys1 ? void 0 : keys1.length) !== (null === keys2 || void 0 === keys2 ? void 0 : keys2.length)) {
                        return true
                    }
                    return keys1.some((key, index) => key !== keys2[index])
                }
                getOffsetHeight() {
                    var _this$_gantt$_treeLis;
                    return null === (_this$_gantt$_treeLis = this._gantt._treeList) || void 0 === _this$_gantt$_treeLis ? void 0 : _this$_gantt$_treeLis.$element().get(0).offsetHeight
                }
                getRowHeight() {
                    var _this$_treeList7;
                    const $row = null === (_this$_treeList7 = this._treeList) || void 0 === _this$_treeList7 ? void 0 : _this$_treeList7.$element().find(".dx-data-row");
                    let height = null !== $row && void 0 !== $row && $row.length ? (0, _position.getBoundingRect)(null === $row || void 0 === $row ? void 0 : $row.last().get(0)).height : 34;
                    if (!height) {
                        height = 34
                    }
                    this._correctRowsViewRowHeight(height);
                    return height
                }
                getHeaderHeight() {
                    var _this$_treeList8;
                    return (0, _position.getBoundingRect)(null === (_this$_treeList8 = this._treeList) || void 0 === _this$_treeList8 ? void 0 : _this$_treeList8.$element().find(".dx-treelist-headers").get(0)).height
                }
                getColumns() {
                    const {
                        columns: columns
                    } = this._gantt.option();
                    if (columns) {
                        for (let i = 0; i < columns.length; i += 1) {
                            const column = columns[i];
                            const isKeyColumn = column.dataField === this._gantt.option("tasks.keyExpr") || column.dataField === this._gantt.option("tasks.parentIdExpr");
                            if (isKeyColumn && !column.dataType) {
                                column.dataType = "object"
                            }
                        }
                    }
                    return columns
                }
                getSievedItems() {
                    var _this$_treeList9;
                    const rootNode = null === (_this$_treeList9 = this._treeList) || void 0 === _this$_treeList9 ? void 0 : _this$_treeList9.getRootNode();
                    if (!rootNode) {
                        return
                    }
                    const resultArray = [];
                    _uiGantt.GanttHelper.convertTreeToList(rootNode, resultArray);
                    const getters = _uiGantt.GanttHelper.compileGettersByOption(this._gantt.option("tasks"));
                    const validatedData = this._gantt._validateSourceData("tasks", resultArray);
                    const mappedData = validatedData.map(_uiGantt.GanttHelper.prepareMapHandler(getters));
                    return mappedData
                }
                setOption(optionName, value) {
                    var _this$_treeList0;
                    null === (_this$_treeList0 = this._treeList) || void 0 === _this$_treeList0 || _this$_treeList0.option(optionName, value)
                }
                getOption(optionName) {
                    var _this$_treeList1;
                    return null === (_this$_treeList1 = this._treeList) || void 0 === _this$_treeList1 ? void 0 : _this$_treeList1.option(optionName)
                }
                onTaskInserted(insertedId, parentId) {
                    if ((0, _type.isDefined)(parentId)) {
                        const expandedRowKeys = this.getOption("expandedRowKeys");
                        if (-1 === expandedRowKeys.indexOf(parentId)) {
                            expandedRowKeys.push(parentId);
                            this.setOption("expandedRowKeys", expandedRowKeys)
                        }
                    }
                    this.selectRows(_uiGantt.GanttHelper.getArrayFromOneElement(insertedId));
                    this.setOption("focusedRowKey", insertedId)
                }
                getDataSource() {
                    var _this$_treeList10;
                    return null === (_this$_treeList10 = this._treeList) || void 0 === _this$_treeList10 ? void 0 : _this$_treeList10.getDataSource()
                }
            }
        },
        2639(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GanttTreeListNodesState = exports.GanttTreeListNodeState = void 0;
            class GanttTreeListNodeState {
                constructor(treeListNode) {
                    var _treeListNode$parent;
                    this.collapsed = false;
                    this.key = treeListNode.key;
                    this.children = treeListNode.children.map(node => node.key);
                    this.parentKey = null === (_treeListNode$parent = treeListNode.parent) || void 0 === _treeListNode$parent ? void 0 : _treeListNode$parent.key
                }
                hasChildren() {
                    return this.children.length > 0
                }
                removeChild(state) {
                    const index = this.children.indexOf(state.key);
                    if (index > -1) {
                        this.children = this.children.splice(index, 1)
                    }
                }
                equal(state) {
                    if (!state || state.key !== this.key || state.parentKey !== this.parentKey) {
                        return false
                    }
                    if (this.children.length !== state.children.length || this.children.some((value, index) => value !== state.children[index])) {
                        return false
                    }
                    return true
                }
            }
            exports.GanttTreeListNodeState = GanttTreeListNodeState;
            exports.GanttTreeListNodesState = class {
                constructor() {
                    this._resetHash()
                }
                clear() {
                    this._resetHash()
                }
                applyNodes(nodes, rootValue) {
                    if (this._rootValue !== rootValue) {
                        this._resetHash();
                        this._rootValue = rootValue
                    }
                    this._removeNonExistentNodes(nodes.map(node => node.key));
                    nodes.forEach(node => this._applyNode(node));
                    this._validateHash()
                }
                saveExpandedState(expandedKeys) {
                    this._hasCollapsed = false;
                    this._forEachState(state => {
                        if (state.hasChildren() && !expandedKeys.includes(state.key)) {
                            state.collapsed = true;
                            this._hasCollapsed = true
                        }
                    })
                }
                getExpandedKeys() {
                    if (this._hasCollapsed) {
                        const keys = [];
                        this._forEachState(state => {
                            if (state.hasChildren() && !state.collapsed) {
                                keys.push(state.key)
                            }
                        });
                        return keys
                    }
                    return null
                }
                _resetHash() {
                    this._nodeHash = {};
                    this._hasCollapsed = false
                }
                _getNodeState(key) {
                    return this._nodeHash[key]
                }
                _removeNonExistentNodes(existingKeys) {
                    if (existingKeys) {
                        this._forEachState(state => {
                            if (!existingKeys.includes(state.key)) {
                                this._removeStateWithChildren(state)
                            }
                        })
                    }
                }
                _removeStateWithChildren(key) {
                    const state = this._getNodeState(key);
                    if (state) {
                        var _this$_nodeHash;
                        state.children.forEach(child => this._removeStateWithChildren(child));
                        const parent = this._getNodeState(state.parentKey);
                        if (parent) {
                            parent.removeChild(state)
                        }
                        null === (_this$_nodeHash = this._nodeHash) || void 0 === _this$_nodeHash || delete _this$_nodeHash[key]
                    }
                }
                _applyNode(node) {
                    const nodeState = new GanttTreeListNodeState(node);
                    const oldState = this._getNodeState(node.key);
                    if (!(null !== oldState && void 0 !== oldState && oldState.equal(nodeState))) {
                        this._nodeHash[node.key] = nodeState;
                        this._expandTreelineToNode(node.key)
                    }
                }
                _expandTreelineToNode(key) {
                    const state = this._getNodeState(key);
                    let parent = this._getNodeState(null === state || void 0 === state ? void 0 : state.parentKey);
                    while (parent) {
                        parent.collapsed = false;
                        parent = this._getNodeState(parent.parentKey)
                    }
                }
                _validateHash() {
                    Object.keys(this._nodeHash).forEach(key => {
                        const state = this._getNodeState(key);
                        const parentKey = null === state || void 0 === state ? void 0 : state.parentKey;
                        if (parentKey !== this._rootValue && !this._getNodeState(parentKey)) {
                            this._removeStateWithChildren(key)
                        }
                    })
                }
                _forEachState(callback) {
                    Object.keys(this._nodeHash).forEach(key => {
                        var _this$_nodeHash2;
                        const state = null === (_this$_nodeHash2 = this._nodeHash) || void 0 === _this$_nodeHash2 ? void 0 : _this$_nodeHash2[key];
                        if (state) {
                            callback(state)
                        }
                    })
                }
            }
        },
        78199(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GanttView = void 0;
            var _frame = __webpack_require__( /*! ../../../common/core/animation/frame */ 84096);
            var _core = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/core */ 84109));
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/date */ 38662));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _string = __webpack_require__( /*! ../../../core/utils/string */ 54497);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _gantt_importer = __webpack_require__( /*! ../../ui/gantt/gantt_importer */ 22717);
            var _uiGanttTaskArea = __webpack_require__( /*! ../../ui/gantt/ui.gantt.task.area.container */ 88957);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const fullScreenModeKey = "fullScreen";
            class GanttView extends _widget.default {
                _init() {
                    super._init();
                    this._onSelectionChanged = this._createActionByOption("onSelectionChanged");
                    this._onViewTypeChanged = this._createActionByOption("onViewTypeChanged");
                    this._onScroll = this._createActionByOption("onScroll");
                    this._onDialogShowing = this._createActionByOption("onDialogShowing");
                    this._onPopupMenuShowing = this._createActionByOption("onPopupMenuShowing");
                    this._onPopupMenuHiding = this._createActionByOption("onPopupMenuHiding");
                    this._expandAll = this._createActionByOption("onExpandAll");
                    this._collapseAll = this._createActionByOption("onCollapseAll");
                    this._taskClick = this._createActionByOption("onTaskClick");
                    this._taskDblClick = this._createActionByOption("onTaskDblClick");
                    this._onAdjustControl = this._createActionByOption("onAdjustControl")
                }
                _initMarkup() {
                    var _this$option;
                    const GanttView = (0, _gantt_importer.getGanttViewCore)();
                    this._ganttViewCore = new GanttView(this.$element().get(0), this, {
                        showResources: this.option("showResources"),
                        showDependencies: this.option("showDependencies"),
                        taskTitlePosition: this._getTaskTitlePosition(this.option("taskTitlePosition")),
                        firstDayOfWeek: this._getFirstDayOfWeek(this.option("firstDayOfWeek")),
                        allowSelectTask: this.option("allowSelection"),
                        startDateRange: this.option("startDateRange"),
                        endDateRange: this.option("endDateRange"),
                        editing: this._parseEditingSettings(this.option("editing")),
                        validation: this.option("validation"),
                        stripLines: {
                            stripLines: null === (_this$option = this.option("stripLines")) || void 0 === _this$option ? void 0 : _this$option.map(item => Object.assign({}, item))
                        },
                        areHorizontalBordersEnabled: this.option("showRowLines"),
                        areAlternateRowsEnabled: false,
                        viewType: this._getViewTypeByScaleType(this.option("scaleType")),
                        viewTypeRange: this._parseViewTypeRangeSettings(this.option("scaleTypeRange")),
                        cultureInfo: this._getCultureInfo(),
                        taskTooltipContentTemplate: this.option("taskTooltipContentTemplate"),
                        taskProgressTooltipContentTemplate: this.option("taskProgressTooltipContentTemplate"),
                        taskTimeTooltipContentTemplate: this.option("taskTimeTooltipContentTemplate"),
                        taskContentTemplate: this.option("taskContentTemplate"),
                        sieve: this.option("sieve")
                    });
                    this._selectTask(this.option("selectedRowKey"));
                    this.updateBarItemsState();
                    const visualState = this.option("visualState");
                    if (visualState) {
                        this._restoreStateFrameId = (0, _frame.requestAnimationFrame)(() => this._restoreVisualState(visualState))
                    }
                }
                _dispose() {
                    super._dispose();
                    (0, _frame.cancelAnimationFrame)(this._restoreStateFrameId)
                }
                _restoreVisualState(state) {
                    if (state.fullScreen) {
                        this._ganttViewCore.setFullScreenMode()
                    }
                }
                _getFirstDayOfWeek(value) {
                    return (0, _type.isDefined)(value) ? value : _date.default.firstDayOfWeekIndex()
                }
                getTaskAreaContainer() {
                    return this._ganttViewCore.getTaskAreaContainer()
                }
                getBarManager() {
                    return this._ganttViewCore.barManager
                }
                executeCoreCommand(id) {
                    const command = this._ganttViewCore.getCommandByKey(id);
                    if (command) {
                        command.execute()
                    }
                }
                changeTaskExpanded(id, value) {
                    this._ganttViewCore.changeTaskExpanded(id, value)
                }
                updateView() {
                    var _this$_ganttViewCore;
                    null === (_this$_ganttViewCore = this._ganttViewCore) || void 0 === _this$_ganttViewCore || _this$_ganttViewCore.updateView()
                }
                updateBarItemsState() {
                    this._ganttViewCore.barManager.updateItemsState([])
                }
                setWidth(value) {
                    this._ganttViewCore.setWidth(value)
                }
                _onDimensionChanged() {
                    this._ganttViewCore.onBrowserWindowResize()
                }
                _selectTask(id) {
                    this._ganttViewCore.selectTaskById(id)
                }
                _update(keepExpandState) {
                    var _this$_ganttViewCore2;
                    null === (_this$_ganttViewCore2 = this._ganttViewCore) || void 0 === _this$_ganttViewCore2 || _this$_ganttViewCore2.updateWithDataReload(keepExpandState)
                }
                _getCultureInfo() {
                    return {
                        monthNames: _date.default.getMonthNames("wide"),
                        dayNames: _date.default.getDayNames("wide"),
                        abbrMonthNames: _date.default.getMonthNames("abbreviated"),
                        abbrDayNames: _date.default.getDayNames("abbreviated"),
                        quarterNames: this._getQuarterNames(),
                        amText: this._getAmText(),
                        pmText: this._getPmText(),
                        start: _message.default.format("dxGantt-dialogStartTitle"),
                        end: _message.default.format("dxGantt-dialogEndTitle"),
                        progress: _message.default.format("dxGantt-dialogProgressTitle")
                    }
                }
                _getAmText() {
                    return this._hasAmPM() ? _date.default.getPeriodNames()[0] : ""
                }
                _getPmText() {
                    return this._hasAmPM() ? _date.default.getPeriodNames()[1] : ""
                }
                _hasAmPM() {
                    const date = new Date(Date.UTC(2012, 11, 12, 3, 0, 0));
                    const dateString = date.toLocaleTimeString(_core.default.locale());
                    return /am|pm/i.exec(dateString) || /am|pm/i.exec(date.toString())
                }
                _getQuarterNames() {
                    const quarterFormat = _message.default.format("dxGantt-quarter");
                    if (!quarterFormat) {
                        return _date.default.getQuarterNames()
                    }
                    return [(0, _string.format)(quarterFormat, 1), (0, _string.format)(quarterFormat, 2), (0, _string.format)(quarterFormat, 3), (0, _string.format)(quarterFormat, 4)]
                }
                _getTaskTitlePosition(value) {
                    switch (value) {
                        case "outside":
                            return 1;
                        case "none":
                            return 2;
                        default:
                            return 0
                    }
                }
                _getViewTypeByScaleType(scaleType) {
                    switch (scaleType) {
                        case "minutes":
                            return 0;
                        case "hours":
                            return 1;
                        case "sixHours":
                            return 2;
                        case "days":
                            return 3;
                        case "weeks":
                            return 4;
                        case "months":
                            return 5;
                        case "quarters":
                            return 6;
                        case "years":
                            return 7;
                        default:
                            return
                    }
                }
                _parseEditingSettings(value) {
                    return {
                        enabled: value.enabled,
                        allowDependencyDelete: value.allowDependencyDeleting,
                        allowDependencyInsert: value.allowDependencyAdding,
                        allowTaskDelete: value.allowTaskDeleting,
                        allowTaskInsert: value.allowTaskAdding,
                        allowTaskUpdate: value.allowTaskUpdating,
                        allowResourceDelete: value.allowResourceDeleting,
                        allowResourceInsert: value.allowResourceAdding,
                        allowResourceUpdate: value.allowResourceUpdating,
                        allowTaskResourceUpdate: value.allowTaskResourceUpdating
                    }
                }
                _parseViewTypeRangeSettings(value) {
                    return {
                        min: this._getViewTypeByScaleType(value.min),
                        max: this._getViewTypeByScaleType(value.max)
                    }
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "width":
                            super._optionChanged(args);
                            this._ganttViewCore.setWidth(args.value);
                            break;
                        case "height":
                            this._ganttViewCore.setHeight(args.value);
                            break;
                        case "tasks":
                        case "dependencies":
                        case "resources":
                        case "resourceAssignments":
                            this._sieveOptions = void 0;
                            this._update(true);
                            break;
                        case "showResources":
                            this._ganttViewCore.setShowResources(args.value);
                            break;
                        case "showDependencies":
                            this._ganttViewCore.setShowDependencies(args.value);
                            break;
                        case "taskTitlePosition":
                            this._ganttViewCore.setTaskTitlePosition(this._getTaskTitlePosition(args.value));
                            break;
                        case "firstDayOfWeek":
                            this._ganttViewCore.setFirstDayOfWeek(this._getFirstDayOfWeek(args.value));
                            break;
                        case "startDateRange":
                            this._ganttViewCore.setStartDateRange(args.value);
                            break;
                        case "endDateRange":
                            this._ganttViewCore.setEndDateRange(args.value);
                            break;
                        case "allowSelection":
                            this._ganttViewCore.setAllowSelection(args.value);
                            break;
                        case "selectedRowKey":
                            this._selectTask(args.value);
                            break;
                        case "editing":
                            this._ganttViewCore.setEditingSettings(this._parseEditingSettings(args.value));
                            break;
                        case "validation":
                            this._ganttViewCore.setValidationSettings(args.value);
                            this._update(true);
                            break;
                        case "showRowLines":
                            this._ganttViewCore.setRowLinesVisible(args.value);
                            break;
                        case "scaleType":
                            this._ganttViewCore.setViewType(this._getViewTypeByScaleType(args.value));
                            break;
                        case "scaleTypeRange":
                            this._ganttViewCore.setViewTypeRange(this._getViewTypeByScaleType(args.value.min), this._getViewTypeByScaleType(args.value.max));
                            break;
                        case "stripLines":
                            this._ganttViewCore.setStripLines({
                                stripLines: this.option("stripLines")
                            });
                            break;
                        case "taskTooltipContentTemplate":
                            this._ganttViewCore.setTaskTooltipContentTemplate(args.value);
                            break;
                        case "taskProgressTooltipContentTemplate":
                            this._ganttViewCore.setTaskProgressTooltipContentTemplate(args.value);
                            break;
                        case "taskTimeTooltipContentTemplate":
                            this._ganttViewCore.setTaskTimeTooltipContentTemplate(args.value);
                            break;
                        case "taskContentTemplate":
                            this._ganttViewCore.setTaskContentTemplate(args.value);
                            break;
                        case "sieve":
                            this._sortAndFilter(args.value);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                get bars() {
                    return this.option("bars")
                }
                getRowHeight() {
                    return this.option("rowHeight")
                }
                getHeaderHeight() {
                    return this.option("headerHeight")
                }
                getGanttTasksData() {
                    const tasks = this.option("tasks");
                    const sieveOptions = this.getSieveOptions();
                    if (null !== sieveOptions && void 0 !== sieveOptions && sieveOptions.sievedItems && null !== sieveOptions && void 0 !== sieveOptions && sieveOptions.sieveColumn) {
                        return sieveOptions.sievedItems
                    }
                    return tasks
                }
                _sortAndFilter(args) {
                    this._sieveOptions = args;
                    this._update(!(null !== args && void 0 !== args && args.expandTasks));
                    const selectedRowKey = this.option("selectedRowKey");
                    this._selectTask(selectedRowKey)
                }
                getSieveOptions() {
                    return this._sieveOptions
                }
                getGanttDependenciesData() {
                    return this.option("dependencies")
                }
                getGanttResourcesData() {
                    return this.option("resources")
                }
                getGanttResourceAssignmentsData() {
                    return this.option("resourceAssignments")
                }
                getGanttWorkTimeRules() {
                    return null
                }
                getExternalTaskAreaContainer(element) {
                    if (!this._taskAreaContainer) {
                        this._taskAreaContainer = new _uiGanttTaskArea.TaskAreaContainer(element, this)
                    }
                    return this._taskAreaContainer
                }
                prepareExternalTaskAreaContainer(element, info) {
                    if (null !== info && void 0 !== info && info.height) {
                        var _this$_taskAreaContai;
                        null === (_this$_taskAreaContai = this._taskAreaContainer) || void 0 === _this$_taskAreaContai || _this$_taskAreaContai._scrollView.option("height", info.height)
                    }
                }
                changeGanttTaskSelection(id, selected) {
                    var _this$_onSelectionCha;
                    null === (_this$_onSelectionCha = this._onSelectionChanged) || void 0 === _this$_onSelectionCha || _this$_onSelectionCha.call(this, {
                        id: id,
                        selected: selected
                    })
                }
                onGanttScroll(scrollTop) {
                    var _this$_onScroll;
                    null === (_this$_onScroll = this._onScroll) || void 0 === _this$_onScroll || _this$_onScroll.call(this, {
                        scrollTop: scrollTop
                    })
                }
                showDialog(name, parameters, callback, afterClosing) {
                    var _this$_onDialogShowin;
                    null === (_this$_onDialogShowin = this._onDialogShowing) || void 0 === _this$_onDialogShowin || _this$_onDialogShowin.call(this, {
                        name: name,
                        parameters: parameters,
                        callback: callback,
                        afterClosing: afterClosing
                    })
                }
                getModelChangesListener() {
                    return this.option("modelChangesListener")
                }
                getExportInfo() {
                    return this.option("exportInfo")
                }
                showPopupMenu(info) {
                    var _this$_onPopupMenuSho;
                    null === (_this$_onPopupMenuSho = this._onPopupMenuShowing) || void 0 === _this$_onPopupMenuSho || _this$_onPopupMenuSho.call(this, info)
                }
                hidePopupMenu(info) {
                    var _this$_onPopupMenuHid;
                    null === (_this$_onPopupMenuHid = this._onPopupMenuHiding) || void 0 === _this$_onPopupMenuHid || _this$_onPopupMenuHid.call(this, info)
                }
                getMainElement() {
                    return this.option("mainElement").get(0)
                }
                adjustControl() {
                    var _this$_onAdjustContro;
                    null === (_this$_onAdjustContro = this._onAdjustControl) || void 0 === _this$_onAdjustContro || _this$_onAdjustContro.call(this)
                }
                getRequireFirstLoadParentAutoCalc() {
                    return this.option("validation.autoUpdateParentTasks")
                }
                collapseAll() {
                    var _this$_collapseAll;
                    null === (_this$_collapseAll = this._collapseAll) || void 0 === _this$_collapseAll || _this$_collapseAll.call(this)
                }
                expandAll() {
                    var _this$_expandAll;
                    null === (_this$_expandAll = this._expandAll) || void 0 === _this$_expandAll || _this$_expandAll.call(this)
                }
                onTaskClick(key, event) {
                    var _this$_taskClick;
                    null === (_this$_taskClick = this._taskClick) || void 0 === _this$_taskClick || _this$_taskClick.call(this, {
                        key: key,
                        event: event
                    });
                    return true
                }
                onTaskDblClick(key, event) {
                    var _this$_taskDblClick;
                    return null === (_this$_taskDblClick = this._taskDblClick) || void 0 === _this$_taskDblClick ? void 0 : _this$_taskDblClick.call(this, {
                        key: key,
                        event: event
                    })
                }
                onGanttViewContextMenu(event, key, type) {
                    return true
                }
                getFormattedDateText(date) {
                    let result = "";
                    if (date) {
                        const datePart = _date.default.format(date, "shortDate");
                        const timeFormat = this._hasAmPM() ? "hh:mm a" : "HH:mm";
                        const timePart = _date.default.format(date, timeFormat);
                        result = `${datePart} ${timePart}`
                    }
                    return result
                }
                destroyTemplate(container) {
                    (0, _renderer.default)(container).empty()
                }
                onTaskAreaSizeChanged(info) {
                    var _this$_taskAreaContai2;
                    const scrollView = null === (_this$_taskAreaContai2 = this._taskAreaContainer) || void 0 === _this$_taskAreaContai2 ? void 0 : _this$_taskAreaContai2._scrollView;
                    if ((0, _type.isDefined)(null === info || void 0 === info ? void 0 : info.height)) {
                        var _this$_taskAreaContai3;
                        const direction = (null === info || void 0 === info ? void 0 : info.height) > (null === (_this$_taskAreaContai3 = this._taskAreaContainer) || void 0 === _this$_taskAreaContai3 ? void 0 : _this$_taskAreaContai3.getHeight()) ? "both" : "horizontal";
                        scrollView.option("direction", direction)
                    }
                }
                updateGanttViewType(type) {
                    var _this$_onViewTypeChan;
                    null === (_this$_onViewTypeChan = this._onViewTypeChanged) || void 0 === _this$_onViewTypeChan || _this$_onViewTypeChan.call(this, {
                        type: type
                    })
                }
                getTreeListTableStyle() {
                    return this.callExportHelperMethod("getTreeListTableStyle")
                }
                getTreeListColCount() {
                    return this.callExportHelperMethod("getTreeListColCount")
                }
                getTreeListHeaderInfo(colIndex) {
                    return this.callExportHelperMethod("getTreeListHeaderInfo", colIndex)
                }
                getTreeListCellInfo(rowIndex, colIndex, key) {
                    return this.callExportHelperMethod("getTreeListCellInfo", key, colIndex)
                }
                getTreeListEmptyDataCellInfo() {
                    return this.callExportHelperMethod("getTreeListEmptyDataCellInfo")
                }
                callExportHelperMethod(methodName) {
                    const helper = this.option("exportHelper");
                    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
                        args[_key - 1] = arguments[_key]
                    }
                    return helper[methodName](...args)
                }
                applyTasksExpandedState(state) {
                    var _this$_ganttViewCore3;
                    null === (_this$_ganttViewCore3 = this._ganttViewCore) || void 0 === _this$_ganttViewCore3 || _this$_ganttViewCore3.applyTasksExpandedState(state)
                }
                getVisualStateToRestore() {
                    var _this$_ganttViewCore4, _this$_ganttViewCore5;
                    return {
                        [fullScreenModeKey]: null === (_this$_ganttViewCore4 = this._ganttViewCore) || void 0 === _this$_ganttViewCore4 || null === (_this$_ganttViewCore5 = _this$_ganttViewCore4.isInFullScreenMode) || void 0 === _this$_ganttViewCore5 ? void 0 : _this$_ganttViewCore5.call(_this$_ganttViewCore4)
                    }
                }
            }
            exports.GanttView = GanttView
        },
        94760(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _query = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/query */ 30771));
            var _store_helper = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/store_helper */ 66177));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _search_box_controller = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../ui/collection/search_box_controller */ 47843));
            var _m_text_box = _interopRequireDefault(__webpack_require__( /*! ../../ui/text_box/m_text_box */ 85968));
            var _data_converter = _interopRequireDefault(__webpack_require__( /*! ./data_converter */ 88175));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            _search_box_controller.default.setEditorClass(_m_text_box.default);
            class DataAdapter {
                constructor(options) {
                    this.options = {
                        dataAccessors: {},
                        items: [],
                        multipleSelection: true,
                        recursiveSelection: false,
                        recursiveExpansion: false,
                        rootValue: 0,
                        searchValue: "",
                        dataType: "tree",
                        searchMode: "contains",
                        dataConverter: new _data_converter.default,
                        onNodeChanged: _common.noop,
                        sort: null
                    };
                    this._selectedNodesKeys = [];
                    this._expandedNodesKeys = [];
                    this._dataStructure = [];
                    this._initialDataStructure = [];
                    (0, _extend.extend)(this.options, options);
                    this.options.dataConverter.setDataAccessors(this.options.dataAccessors);
                    this._createInternalDataStructure();
                    this.getTreeNodes()
                }
                setOption(name, value) {
                    this.options[name] = value;
                    if ("recursiveSelection" === name) {
                        this._updateSelection()
                    }
                }
                _createInternalDataStructure() {
                    this._initialDataStructure = this.options.dataConverter.createPlainStructure(this.options.items, this.options.rootValue, this.options.dataType);
                    this._dataStructure = this.options.searchValue.length ? this.search(this.options.searchValue) : this._initialDataStructure;
                    this.options.dataConverter._dataStructure = this._dataStructure;
                    this._updateSelection();
                    this._updateExpansion()
                }
                _updateSelection() {
                    if (this.options.recursiveSelection) {
                        this._setChildrenSelection();
                        this._setParentSelection()
                    }
                    this._selectedNodesKeys = this._updateNodesKeysArray("selected")
                }
                _updateExpansion(key) {
                    if (this.options.recursiveExpansion) {
                        if (key) {
                            this._updateOneBranch(key)
                        } else {
                            this._setParentExpansion()
                        }
                    }
                    this._expandedNodesKeys = this._updateNodesKeysArray("expanded")
                }
                _updateNodesKeysArray(property) {
                    let array = [];
                    (0, _iterator.each)(this._getDataBySelectionMode(), (_index, node) => {
                        if (!this._isNodeVisible(node)) {
                            return
                        }
                        if (node.internalFields[property]) {
                            if ("expanded" === property || this.options.multipleSelection) {
                                array.push(node.internalFields.key)
                            } else {
                                if (array.length) {
                                    this.toggleSelection(array[0], false, true)
                                }
                                array = [node.internalFields.key]
                            }
                        }
                    });
                    return array
                }
                _getDataBySelectionMode() {
                    return this.options.multipleSelection ? this.getData() : this.getFullData()
                }
                _isNodeVisible(node) {
                    return false !== node.internalFields.item.visible
                }
                _getByKey(data, key) {
                    return data === this._dataStructure ? this.options.dataConverter._getByKey(key) : this.options.dataConverter.getByKey(data.filter(Boolean), key)
                }
                _setChildrenSelection() {
                    (0, _iterator.each)(this._dataStructure, (_index, node) => {
                        if (!(null !== node && void 0 !== node && node.internalFields.childrenKeys.length)) {
                            return
                        }
                        const isSelected = node.internalFields.selected;
                        if (isSelected) {
                            this._toggleChildrenSelection(node, isSelected)
                        }
                    })
                }
                _setParentSelection() {
                    (0, _iterator.each)(this._dataStructure, (_index, node) => {
                        if (!node) {
                            return
                        }
                        const parent = this.options.dataConverter.getParentNode(node);
                        if (parent && node.internalFields.parentKey !== this.options.rootValue) {
                            this._iterateParents(node, parentNode => {
                                const newParentState = this._calculateSelectedState(parentNode);
                                this._setFieldState(parentNode, "selected", newParentState)
                            })
                        }
                    })
                }
                _setParentExpansion() {
                    (0, _iterator.each)(this._dataStructure, (_index, node) => {
                        if (!(null !== node && void 0 !== node && node.internalFields.expanded)) {
                            return
                        }
                        this._updateOneBranch(node.internalFields.key)
                    })
                }
                _updateOneBranch(key) {
                    const node = this.getNodeByKey(key);
                    this._iterateParents(node, parent => {
                        this._setFieldState(parent, "expanded", true)
                    })
                }
                _iterateChildren(node, recursive, callback, processedKeys) {
                    if (!(0, _type.isFunction)(callback) || !node) {
                        return
                    }
                    const nodeKey = node.internalFields.key;
                    const keys = processedKeys ?? [];
                    if (void 0 !== nodeKey && !keys.includes(nodeKey)) {
                        keys.push(nodeKey);
                        (0, _iterator.each)(node.internalFields.childrenKeys, (_index, key) => {
                            const child = this.getNodeByKey(key);
                            callback(child);
                            if (null !== child && void 0 !== child && child.internalFields.childrenKeys.length && recursive) {
                                this._iterateChildren(child, recursive, callback, keys)
                            }
                        })
                    }
                }
                _iterateParents(node, callback, processedKeys) {
                    if (!node || node.internalFields.parentKey === this.options.rootValue || !(0, _type.isFunction)(callback)) {
                        return
                    }
                    const keys = processedKeys ?? [];
                    const {
                        key: key
                    } = node.internalFields;
                    if (!keys.includes(key)) {
                        keys.push(key);
                        const parent = this.options.dataConverter.getParentNode(node);
                        if (parent) {
                            callback(parent);
                            if (parent.internalFields.parentKey !== this.options.rootValue) {
                                this._iterateParents(parent, callback, keys)
                            }
                        }
                    }
                }
                _calculateSelectedState(node) {
                    const itemsCount = node.internalFields.childrenKeys.length;
                    let selectedItemsCount = 0;
                    let invisibleItemsCount = 0;
                    let result = false;
                    for (let i = 0; i <= itemsCount - 1; i += 1) {
                        const childNode = this.getNodeByKey(node.internalFields.childrenKeys[i]);
                        const isChildInvisible = false === (null === childNode || void 0 === childNode ? void 0 : childNode.internalFields.item.visible);
                        const childState = null === childNode || void 0 === childNode ? void 0 : childNode.internalFields.selected;
                        if (isChildInvisible) {
                            invisibleItemsCount += 1
                        } else if (childState) {
                            selectedItemsCount += 1
                        } else if (void 0 === childState) {
                            selectedItemsCount += .5
                        }
                    }
                    if (selectedItemsCount) {
                        result = selectedItemsCount === itemsCount - invisibleItemsCount ? true : void 0
                    }
                    return result
                }
                _toggleChildrenSelection(node, state) {
                    this._iterateChildren(node, true, child => {
                        if (child && this._isNodeVisible(child)) {
                            this._setFieldState(child, "selected", state)
                        }
                    })
                }
                _setFieldState(node, field, state) {
                    if (node.internalFields[field] === state) {
                        return
                    }
                    node.internalFields[field] = state;
                    if (node.internalFields.publicNode) {
                        node.internalFields.publicNode[field] = state
                    }
                    this.options.dataAccessors.setters[field](node.internalFields.item, state);
                    this.options.onNodeChanged(node)
                }
                _markChildren(keys) {
                    (0, _iterator.each)(keys, (_index, key) => {
                        const index = this.getIndexByKey(key);
                        const node = this.getNodeByKey(key);
                        this._dataStructure[index] = null;
                        if (null !== node && void 0 !== node && node.internalFields.childrenKeys.length) {
                            this._markChildren(node.internalFields.childrenKeys)
                        }
                    })
                }
                _removeNode(key) {
                    const node = this.getNodeByKey(key);
                    this._dataStructure[this.getIndexByKey(key)] = null;
                    if (null !== node && void 0 !== node && node.internalFields.childrenKeys.length) {
                        this._markChildren(node.internalFields.childrenKeys)
                    }
                    let counter = 0;
                    const items = (0, _extend.extend)([], this._dataStructure);
                    (0, _iterator.each)(items, (index, item) => {
                        if (!item) {
                            this._dataStructure.splice(index - counter, 1);
                            counter += 1
                        }
                    })
                }
                _addNode(item) {
                    const {
                        dataConverter: dataConverter
                    } = this.options;
                    const node = dataConverter._convertItemToNode(item, this.options.dataAccessors.getters.parentKey(item));
                    this._dataStructure = this._dataStructure.concat(node);
                    this._initialDataStructure = this._initialDataStructure.concat(node);
                    dataConverter._dataStructure = dataConverter._dataStructure.concat(node)
                }
                _updateFields() {
                    this.options.dataConverter.updateChildrenKeys();
                    this._updateSelection();
                    this._updateExpansion()
                }
                getSelectedNodesKeys() {
                    return this._selectedNodesKeys
                }
                getExpandedNodesKeys() {
                    return this._expandedNodesKeys
                }
                getData() {
                    return this._dataStructure
                }
                getFullData() {
                    return this._initialDataStructure
                }
                getNodeByItem(item) {
                    let result = null;
                    (0, _iterator.each)(this._dataStructure, (_index, node) => {
                        if ((null === node || void 0 === node ? void 0 : node.internalFields.item) === item) {
                            result = node;
                            return false
                        }
                        return true
                    });
                    return result
                }
                getNodesByItems(items) {
                    const nodes = [];
                    (0, _iterator.each)(items, (_index, item) => {
                        const node = this.getNodeByItem(item);
                        if (node) {
                            nodes.push(node)
                        }
                    });
                    return nodes
                }
                getNodeByKey(key, data) {
                    return this._getByKey(data ?? this._getDataBySelectionMode(), key)
                }
                getTreeNodes() {
                    const rootNodes = this.getRootNodes();
                    const rootKeys = rootNodes.map(node => node.internalFields.key);
                    return this.options.dataConverter.convertToPublicNodes(rootKeys, null)
                }
                getItemsCount() {
                    return this.options.dataConverter.getItemsCount()
                }
                getVisibleItemsCount() {
                    return this.options.dataConverter.getVisibleItemsCount()
                }
                getPublicNode(node) {
                    return null === node || void 0 === node ? void 0 : node.internalFields.publicNode
                }
                getRootNodes() {
                    return this.getChildrenNodes(this.options.rootValue)
                }
                getChildrenNodes(parentKey) {
                    return (0, _query.default)(this._dataStructure, {
                        langParams: this.options.langParams
                    }).filter(["internalFields.parentKey", parentKey]).toArray()
                }
                getIndexByKey(key) {
                    return this.options.dataConverter.getIndexByKey(key)
                }
                addItem(item) {
                    this._addNode(item);
                    this._updateFields()
                }
                removeItem(key) {
                    this._removeNode(key);
                    this._updateFields()
                }
                toggleSelection(key, state, selectRecursive) {
                    const isSingleModeUnselect = this._isSingleModeUnselect(state);
                    const dataArray = selectRecursive || isSingleModeUnselect ? this._initialDataStructure : this._dataStructure;
                    const node = this._getByKey(dataArray, key);
                    if (node) {
                        this._setFieldState(node, "selected", state);
                        if (this.options.recursiveSelection && !selectRecursive) {
                            if (state) {
                                this._setChildrenSelection()
                            } else {
                                this._toggleChildrenSelection(node, state)
                            }
                            this._setParentSelection()
                        }
                    }
                    this._selectedNodesKeys = this._updateNodesKeysArray("selected")
                }
                _isSingleModeUnselect(selectionState) {
                    return !this.options.multipleSelection && !selectionState
                }
                toggleNodeDisabledState(key, state) {
                    const node = this.getNodeByKey(key);
                    if (node) {
                        this._setFieldState(node, "disabled", state)
                    }
                }
                toggleSelectAll(state) {
                    if (!(0, _type.isDefined)(state)) {
                        return
                    }
                    const lastSelectedKey = this._selectedNodesKeys[this._selectedNodesKeys.length - 1];
                    const dataStructure = this._isSingleModeUnselect(state) ? this._initialDataStructure : this._dataStructure;
                    (0, _iterator.each)(dataStructure, (_index, node) => {
                        if (node && this._isNodeVisible(node)) {
                            this._setFieldState(node, "selected", state)
                        }
                    });
                    this._selectedNodesKeys = this._updateNodesKeysArray("selected");
                    if (!state && this.options.selectionRequired) {
                        this.toggleSelection(lastSelectedKey, true)
                    }
                }
                isAllSelected() {
                    if (this.getSelectedNodesKeys().length) {
                        return this.getSelectedNodesKeys().length === this.getVisibleItemsCount() ? true : void 0
                    }
                    return false
                }
                toggleExpansion(key, state) {
                    const node = this.getNodeByKey(key);
                    if (node) {
                        this._setFieldState(node, "expanded", state);
                        if (state) {
                            this._updateExpansion(key)
                        }
                    }
                    this._expandedNodesKeys = this._updateNodesKeysArray("expanded")
                }
                isFiltered(item) {
                    return !this.options.searchValue.length || !!this._filterDataStructure(this.options.searchValue, [item]).length
                }
                static _createCriteria(selector, value, operation) {
                    const searchFilter = [];
                    if (!Array.isArray(selector)) {
                        return [selector, operation, value]
                    }(0, _iterator.each)(selector, (_index, item) => {
                        searchFilter.push([item, operation, value], "or")
                    });
                    searchFilter.pop();
                    return searchFilter
                }
                _filterDataStructure(filterValue, dataStructure) {
                    const selector = this.options.searchExpr ?? this.options.dataAccessors.getters.display;
                    const operation = (0, _search_box_controller.getOperationBySearchMode)(this.options.searchMode);
                    const criteria = DataAdapter._createCriteria(selector, filterValue, operation);
                    const data = dataStructure ?? this._initialDataStructure;
                    return (0, _query.default)(data, {
                        langParams: this.options.langParams
                    }).filter(criteria).toArray()
                }
                search(searchValue) {
                    let matches = this._filterDataStructure(searchValue);
                    const {
                        dataConverter: dataConverter
                    } = this.options;
                    const lookForParents = (matchesArray, startIndex) => {
                        const {
                            length: length
                        } = matchesArray;
                        let index = startIndex;
                        while (index < length) {
                            const node = matchesArray[index];
                            if (node.internalFields.parentKey === this.options.rootValue) {
                                index += 1
                            } else {
                                const parent = dataConverter.getParentNode(node);
                                if (!parent) {
                                    _ui.default.log("W1007", node.internalFields.parentKey, node.internalFields.key);
                                    index += 1
                                } else {
                                    if (!parent.internalFields.expanded) {
                                        this._setFieldState(parent, "expanded", true)
                                    }
                                    if (matchesArray.includes(parent)) {
                                        index += 1
                                    } else {
                                        matchesArray.splice(index, 0, parent);
                                        lookForParents(matchesArray, index);
                                        return
                                    }
                                }
                            }
                        }
                    };
                    lookForParents(matches, 0);
                    if (this.options.sort) {
                        matches = _store_helper.default.queryByOptions((0, _query.default)(matches), {
                            sort: this.options.sort,
                            langParams: this.options.langParams
                        }).toArray()
                    }
                    dataConverter._indexByKey = {};
                    (0, _iterator.each)(matches, (index, node) => {
                        node.internalFields.childrenKeys = [];
                        dataConverter._indexByKey[node.internalFields.key] = index
                    });
                    dataConverter._dataStructure = matches;
                    dataConverter.setChildrenKeys();
                    return dataConverter._dataStructure
                }
            }
            exports.default = DataAdapter
        },
        88175(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _ui = (e = __webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const _excluded = ["items"];
            exports.default = class {
                constructor() {
                    this._dataStructure = [];
                    this._itemsCount = 0;
                    this._visibleItemsCount = 0;
                    this._indexByKey = {}
                }
                _convertItemsToNodes(items, parentKey) {
                    (0, _iterator.each)(items, (_index, item) => {
                        const parentId = (0, _type.isDefined)(parentKey) ? parentKey : this._getParentId(item);
                        const node = this._convertItemToNode(item, parentId);
                        this._dataStructure.push(node);
                        this._checkForDuplicateId(node.internalFields.key);
                        this._indexByKey[node.internalFields.key] = this._dataStructure.length - 1;
                        if (this._itemHasChildren(item)) {
                            this._convertItemsToNodes(this._dataAccessors.getters.items(item), node.internalFields.key)
                        }
                    })
                }
                _checkForDuplicateId(key) {
                    if ((0, _type.isDefined)(this._indexByKey[String(key)])) {
                        throw _ui.default.Error("E1040", key)
                    }
                }
                _getParentId(item) {
                    return "plain" === this._dataType ? this._dataAccessors.getters.parentKey(item) : void 0
                }
                _itemHasChildren(item) {
                    if ("plain" === this._dataType) {
                        return false
                    }
                    const items = this._dataAccessors.getters.items(item);
                    return Boolean(null === items || void 0 === items ? void 0 : items.length)
                }
                _getUniqueKey(item) {
                    const keyGetter = this._dataAccessors.getters.key;
                    const itemKey = keyGetter(item);
                    const isCorrectKey = (itemKey || 0 === itemKey) && (0, _type.isPrimitive)(itemKey);
                    return isCorrectKey ? itemKey : this.getItemsCount()
                }
                _convertItemToNode(item, parentKey) {
                    this._itemsCount += 1;
                    if (false !== item.visible) {
                        this._visibleItemsCount += 1
                    }
                    const itemWithoutItems = function(r, e) {
                        if (null == r) {
                            return {}
                        }
                        var t = {};
                        for (var n in r) {
                            if ({}.hasOwnProperty.call(r, n)) {
                                if (-1 !== e.indexOf(n)) {
                                    continue
                                }
                                t[n] = r[n]
                            }
                        }
                        return t
                    }(item, _excluded);
                    const node = Object.assign({
                        internalFields: {
                            disabled: this._dataAccessors.getters.disabled(item, {
                                defaultValue: false
                            }),
                            expanded: this._dataAccessors.getters.expanded(item, {
                                defaultValue: false
                            }),
                            selected: this._dataAccessors.getters.selected(item, {
                                defaultValue: false
                            }),
                            key: this._getUniqueKey(item),
                            parentKey: (0, _type.isDefined)(parentKey) ? parentKey : this._rootValue,
                            item: this._makeObjectFromPrimitive(item),
                            childrenKeys: []
                        }
                    }, itemWithoutItems);
                    return node
                }
                setChildrenKeys() {
                    (0, _iterator.each)(this._dataStructure, (_index, node) => {
                        if (node.internalFields.parentKey === this._rootValue) {
                            return
                        }
                        const parent = this.getParentNode(node);
                        if (parent) {
                            parent.internalFields.childrenKeys.push(node.internalFields.key)
                        }
                    })
                }
                _makeObjectFromPrimitive(item) {
                    if ((0, _type.isPrimitive)(item)) {
                        const key = item;
                        const newItem = {};
                        this._dataAccessors.setters.key(newItem, key);
                        return newItem
                    }
                    return item
                }
                _convertToPublicNode(node, parent) {
                    if (!node) {
                        return null
                    }
                    const publicNode = {
                        text: this._dataAccessors.getters.display(node),
                        key: node.internalFields.key,
                        selected: node.internalFields.selected,
                        expanded: node.internalFields.expanded,
                        disabled: node.internalFields.disabled,
                        parent: parent ?? null,
                        itemData: node.internalFields.item,
                        children: [],
                        items: []
                    };
                    if (publicNode.parent) {
                        publicNode.parent.children.push(publicNode);
                        publicNode.parent.items.push(publicNode)
                    }
                    return publicNode
                }
                convertToPublicNodes(data, parent) {
                    if (!data.length) {
                        return []
                    }
                    const publicNodes = [];
                    (0, _iterator.each)(data, (_index, node) => {
                        const internalNode = (0, _type.isPrimitive)(node) ? this._getByKey(node) : node;
                        if (!internalNode) {
                            return
                        }
                        const publicNode = this._convertToPublicNode(internalNode, parent);
                        if (!publicNode) {
                            return
                        }
                        publicNode.children = this.convertToPublicNodes(internalNode.internalFields.childrenKeys, publicNode);
                        publicNodes.push(publicNode);
                        internalNode.internalFields.publicNode = publicNode
                    });
                    return publicNodes
                }
                setDataAccessors(accessors) {
                    this._dataAccessors = accessors
                }
                _getByKey(key) {
                    return this._dataStructure[this.getIndexByKey(key)] ?? null
                }
                getParentNode(node) {
                    return this._getByKey(node.internalFields.parentKey)
                }
                getByKey(data, key) {
                    if (!(0, _type.isDefined)(key)) {
                        return null
                    }
                    return function(searchData, searchKey) {
                        let result = null;
                        (0, _iterator.each)(searchData, (_index, element) => {
                            var _element$internalFiel;
                            const currentElementKey = (null === (_element$internalFiel = element.internalFields) || void 0 === _element$internalFiel ? void 0 : _element$internalFiel.key) ?? element.key;
                            if ((null === currentElementKey || void 0 === currentElementKey ? void 0 : currentElementKey.toString()) === searchKey.toString()) {
                                result = element;
                                return false
                            }
                            return true
                        });
                        return result
                    }(data, key)
                }
                getItemsCount() {
                    return this._itemsCount
                }
                getVisibleItemsCount() {
                    return this._visibleItemsCount
                }
                updateIndexByKey() {
                    this._indexByKey = {};
                    (0, _iterator.each)(this._dataStructure, (index, node) => {
                        this._checkForDuplicateId(node.internalFields.key);
                        this._indexByKey[node.internalFields.key] = index
                    })
                }
                updateChildrenKeys() {
                    this._indexByKey = {};
                    this.removeChildrenKeys();
                    this.updateIndexByKey();
                    this.setChildrenKeys()
                }
                removeChildrenKeys() {
                    this._indexByKey = {};
                    (0, _iterator.each)(this._dataStructure, (_index, node) => {
                        node.internalFields.childrenKeys = []
                    })
                }
                getIndexByKey(key) {
                    return this._indexByKey[key]
                }
                createPlainStructure(items, rootValue, dataType) {
                    this._itemsCount = 0;
                    this._visibleItemsCount = 0;
                    this._rootValue = rootValue;
                    this._dataType = dataType;
                    this._indexByKey = {};
                    this._convertItemsToNodes(items);
                    this.setChildrenKeys();
                    return this._dataStructure
                }
            }
        },
        94059(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _bindable_template = __webpack_require__( /*! ../../../core/templates/bindable_template */ 27286);
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _icon = __webpack_require__( /*! ../../../core/utils/icon */ 69629);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _uiCollection_widget = _interopRequireDefault(__webpack_require__( /*! ../../../ui/collection/ui.collection_widget.async */ 33975));
            var _data_adapter = _interopRequireDefault(__webpack_require__( /*! ./data_adapter */ 94760));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class HierarchicalCollectionWidget extends _uiCollection_widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        keyExpr: "id",
                        displayExpr: "text",
                        selectedExpr: "selected",
                        disabledExpr: "disabled",
                        itemsExpr: "items",
                        hoverStateEnabled: true,
                        parentIdExpr: "parentId",
                        expandedExpr: "expanded"
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }])
                }
                _init() {
                    super._init();
                    this._initAccessors();
                    this._initDataAdapter();
                    this._initDynamicTemplates()
                }
                _initDataSource() {
                    var _this$_dataSource;
                    super._initDataSource();
                    null === (_this$_dataSource = this._dataSource) || void 0 === _this$_dataSource || _this$_dataSource.paginate(false)
                }
                _initDataAdapter() {
                    const accessors = this._createDataAdapterAccessors();
                    const {
                        items: items = []
                    } = this.option();
                    this._dataAdapter = new _data_adapter.default(Object.assign({
                        dataAccessors: {
                            getters: accessors.getters,
                            setters: accessors.setters
                        },
                        items: items
                    }, this._getDataAdapterOptions()))
                }
                _getDataAdapterOptions() {
                    return {}
                }
                _getItemExtraPropNames() {
                    return []
                }
                _initDynamicTemplates() {
                    const fields = ["text", "html", "items", "icon"].concat(this._getItemExtraPropNames());
                    this._templateManager.addDefaultTemplates({
                        item: new _bindable_template.BindableTemplate(this._addContent.bind(this), fields, this.option("integrationOptions.watchMethod"), {
                            text: this._displayGetter,
                            items: this._itemsGetter
                        })
                    })
                }
                _addContent($container, itemData) {
                    $container.html(itemData.html).append(this._getIconContainer(itemData)).append(this._getTextContainer(itemData))
                }
                _getLinkContainer(iconContainer, textContainer, itemData) {
                    const {
                        linkAttr: linkAttr,
                        url: url
                    } = itemData;
                    const linkAttributes = (0, _type.isObject)(linkAttr) ? linkAttr : {};
                    return (0, _renderer.default)("<a>").addClass("dx-item-url").attr(Object.assign({}, linkAttributes, {
                        href: url
                    })).append(iconContainer).append(textContainer)
                }
                _clickByLink(link) {
                    link.addEventListener("click", e => {
                        e.stopPropagation()
                    }, {
                        once: true
                    });
                    link.click()
                }
                _getIconContainer(itemData) {
                    if (!itemData.icon) {
                        return
                    }
                    const $imageContainer = (0, _icon.getImageContainer)(itemData.icon);
                    if ($imageContainer.is("img")) {
                        var _this$NAME;
                        const componentName = null !== (_this$NAME = this.NAME) && void 0 !== _this$NAME && _this$NAME.startsWith("dxPrivateComponent") ? "" : `${this.NAME} `;
                        $imageContainer.attr("alt", `${componentName}item icon`)
                    }
                    return $imageContainer
                }
                _getTextContainer(itemData) {
                    return (0, _renderer.default)("<span>").text(itemData.text)
                }
                _initAccessors() {
                    (0, _iterator.each)(this._getAccessors(), (_index, accessor) => {
                        this._compileAccessor(accessor)
                    });
                    this._compileDisplayGetter()
                }
                _getAccessors() {
                    return ["key", "selected", "items", "disabled", "parentId", "expanded"]
                }
                _getChildNodes(node) {
                    const arr = [];
                    (0, _iterator.each)(node.internalFields.childrenKeys, (_, key) => {
                        var _this$_dataAdapter;
                        const childNode = null === (_this$_dataAdapter = this._dataAdapter) || void 0 === _this$_dataAdapter ? void 0 : _this$_dataAdapter.getNodeByKey(key);
                        arr.push(childNode)
                    });
                    return arr
                }
                _hasChildren(node) {
                    var _node$internalFields;
                    return Boolean(null === node || void 0 === node || null === (_node$internalFields = node.internalFields) || void 0 === _node$internalFields || null === (_node$internalFields = _node$internalFields.childrenKeys) || void 0 === _node$internalFields ? void 0 : _node$internalFields.length)
                }
                _compileAccessor(optionName) {
                    const getter = `_${optionName}Getter`;
                    const setter = `_${optionName}Setter`;
                    const optionExpr = this.option(`${optionName}Expr`);
                    if (!optionExpr) {
                        this[getter] = _common.noop;
                        this[setter] = _common.noop;
                        return
                    }
                    if ((0, _type.isFunction)(optionExpr)) {
                        this[setter] = (obj, value) => {
                            obj[optionExpr()] = value
                        };
                        this[getter] = obj => obj[optionExpr()];
                        return
                    }
                    this[getter] = (0, _data.compileGetter)(optionExpr);
                    this[setter] = (0, _data.compileSetter)(optionExpr)
                }
                _createDataAdapterAccessors() {
                    const accessors = {
                        getters: {},
                        setters: {}
                    };
                    (0, _iterator.each)(this._getAccessors(), (_index, accessor) => {
                        const getterName = `_${accessor}Getter`;
                        const setterName = `_${accessor}Setter`;
                        const newAccessor = "parentId" === accessor ? "parentKey" : accessor;
                        accessors.getters[newAccessor] = this[getterName];
                        accessors.setters[newAccessor] = this[setterName]
                    });
                    accessors.getters.display = this._displayGetter ?? (itemData => itemData.text);
                    return accessors
                }
                _initMarkup() {
                    super._initMarkup();
                    this._addWidgetClass()
                }
                _addWidgetClass() {
                    this._focusTarget().addClass(this._widgetClass())
                }
                _widgetClass() {
                    return ""
                }
                _renderItemFrame(index, itemData, $itemContainer) {
                    const $itemFrame = super._renderItemFrame(index, itemData, $itemContainer);
                    $itemFrame.toggleClass("dx-state-disabled", !!this._disabledGetter(itemData));
                    return $itemFrame
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "displayExpr":
                        case "keyExpr":
                            this._initAccessors();
                            this._initDynamicTemplates();
                            this.repaint();
                            break;
                        case "itemsExpr":
                        case "selectedExpr":
                        case "disabledExpr":
                        case "expandedExpr":
                        case "parentIdExpr":
                            this._initAccessors();
                            this._initDataAdapter();
                            this.repaint();
                            break;
                        case "items":
                            this._initDataAdapter();
                            super._optionChanged(args);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            exports.default = HierarchicalCollectionWidget
        },
        76035(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _m_converterController = (e = __webpack_require__( /*! ../m_converterController */ 16723), e && e.__esModule ? e : {
                default: e
            });
            var e;
            class DeltaConverter {
                constructor() {
                    this.quillInstance = null
                }
                setQuillInstance(quillInstance) {
                    this.quillInstance = quillInstance
                }
                toHtml() {
                    if (!this.quillInstance) {
                        return
                    }
                    return this._isQuillEmpty() ? "" : this.quillInstance.getSemanticHTML(0, this.quillInstance.getLength() + 1)
                }
                _isQuillEmpty() {
                    if (!this.quillInstance) {
                        return true
                    }
                    const delta = this.quillInstance.getContents();
                    return 1 === delta.length() && DeltaConverter._isDeltaEmpty(delta)
                }
                static _isDeltaEmpty(delta) {
                    return delta.reduce((_, operation) => {
                        if ("string" === typeof operation.insert) {
                            return operation.insert.includes("\n")
                        }
                        return false
                    }, false)
                }
            }
            _m_converterController.default.addConverter("delta", DeltaConverter);
            exports.default = DeltaConverter
        },
        58281(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _devextremeQuill = (e = __webpack_require__( /*! devextreme-quill */ 40765), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const AlignStyle = (null === _devextremeQuill.default || void 0 === _devextremeQuill.default ? void 0 : _devextremeQuill.default.import("attributors/style/align")) || {};
            if (Array.isArray(AlignStyle.whitelist)) {
                AlignStyle.whitelist.push("left")
            }
            exports.default = AlignStyle
        },
        45535(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _devextremeQuill = (e = __webpack_require__( /*! devextreme-quill */ 40765), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const FontStyle = (null === _devextremeQuill.default || void 0 === _devextremeQuill.default ? void 0 : _devextremeQuill.default.import("attributors/style/font")) || {};
            if ("whitelist" in FontStyle) {
                FontStyle.whitelist = null
            }
            exports.default = FontStyle
        },
        93805(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _devextremeQuill = (e = __webpack_require__( /*! devextreme-quill */ 40765), e && e.__esModule ? e : {
                default: e
            });
            var e;
            let ExtImage = {};
            if (_devextremeQuill.default) {
                const Image = _devextremeQuill.default.import("formats/image");
                ExtImage = class extends Image {
                    static create(data) {
                        const SRC = data && data.src || data;
                        const node = super.create(SRC);
                        if ((0, _type.isObject)(data)) {
                            const setAttribute = (attr, value) => {
                                data[attr] && node.setAttribute(attr, value)
                            };
                            setAttribute("alt", data.alt);
                            setAttribute("width", data.width);
                            setAttribute("height", data.height)
                        }
                        return node
                    }
                    static formats(domNode) {
                        const formats = super.formats(domNode);
                        formats.imageSrc = domNode.getAttribute("src");
                        return formats
                    }
                    formats() {
                        const formats = super.formats();
                        const floatValue = this.domNode.style.float;
                        if (floatValue) {
                            formats.float = floatValue
                        }
                        return formats
                    }
                    format(name, value) {
                        if ("float" === name) {
                            this.domNode.style[name] = value
                        } else {
                            super.format(name, value)
                        }
                    }
                    static value(domNode) {
                        return {
                            src: domNode.getAttribute("src"),
                            width: domNode.getAttribute("width"),
                            height: domNode.getAttribute("height"),
                            alt: domNode.getAttribute("alt")
                        }
                    }
                };
                ExtImage.blotName = "extendedImage"
            }
            exports.default = ExtImage
        },
        93794(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _devextremeQuill = (e = __webpack_require__( /*! devextreme-quill */ 40765), e && e.__esModule ? e : {
                default: e
            });
            var e;
            let ExtLink = {};
            if (_devextremeQuill.default) {
                const Link = _devextremeQuill.default.import("formats/link");
                ExtLink = class ExtLink extends Link {
                    static create(data) {
                        const HREF = (null === data || void 0 === data ? void 0 : data.href) ?? data;
                        const node = super.create(HREF);
                        if ((0, _type.isObject)(data)) {
                            if (data.text) {
                                node.innerText = data.text
                            }
                            if (!data.target) {
                                node.removeAttribute("target")
                            }
                        }
                        return node
                    }
                    static formats(domNode) {
                        return {
                            href: domNode.getAttribute("href"),
                            target: domNode.getAttribute("target")
                        }
                    }
                    formats() {
                        const formats = super.formats();
                        const {
                            href: href,
                            target: target
                        } = ExtLink.formats(this.domNode);
                        formats.link = href;
                        formats.target = target;
                        return formats
                    }
                    format(name, value) {
                        if ("link" === name && (0, _type.isObject)(value)) {
                            if (value.text) {
                                this.domNode.innerText = value.text
                            }
                            if (value.target) {
                                this.domNode.setAttribute("target", "_blank")
                            } else {
                                this.domNode.removeAttribute("target")
                            }
                            this.domNode.setAttribute("href", value.href)
                        } else {
                            super.format(name, value)
                        }
                    }
                    static value(domNode) {
                        return {
                            href: domNode.getAttribute("href"),
                            text: domNode.innerText,
                            target: !!domNode.getAttribute("target")
                        }
                    }
                }
            }
            exports.default = ExtLink
        },
        11278(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _devextremeQuill = _interopRequireDefault(__webpack_require__( /*! devextreme-quill */ 40765));
            var _m_templates_storage = _interopRequireDefault(__webpack_require__( /*! ../utils/m_templates_storage */ 28552));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            let Mention = {};
            if (_devextremeQuill.default) {
                const Embed = _devextremeQuill.default.import("blots/embed");
                const MENTION_CLASS = "dx-mention";
                Mention = class Mention extends Embed {
                    constructor(scroll, node) {
                        super(scroll, node);
                        this.renderContent(this.contentNode, Mention.value(node))
                    }
                    static create(data) {
                        const node = super.create();
                        node.setAttribute("spellcheck", false);
                        node.dataset.marker = data.marker;
                        node.dataset.mentionValue = data.value;
                        node.dataset.id = data.id;
                        return node
                    }
                    static value(node) {
                        return {
                            marker: node.dataset.marker,
                            id: node.dataset.id,
                            value: node.dataset.mentionValue
                        }
                    }
                    renderContent(node, data) {
                        const template = Mention._templatesStorage.get({
                            editorKey: data.keyInTemplateStorage,
                            marker: data.marker
                        });
                        if (template) {
                            template.render({
                                model: data,
                                container: node
                            })
                        } else {
                            this.baseContentRender(node, data)
                        }
                    }
                    baseContentRender(node, data) {
                        const $marker = (0, _renderer.default)("<span>").text(data.marker);
                        (0, _renderer.default)(node).append($marker).append(data.value)
                    }
                    static addTemplate(data, template) {
                        this._templatesStorage.set(data, template)
                    }
                    static removeTemplate(data) {
                        this._templatesStorage.delete(data)
                    }
                };
                Mention.blotName = "mention";
                Mention.tagName = "span";
                Mention.className = MENTION_CLASS;
                Mention._templatesStorage = new _m_templates_storage.default
            }
            exports.default = Mention
        },
        51371(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _devextremeQuill = (e = __webpack_require__( /*! devextreme-quill */ 40765), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const SizeStyle = (null === _devextremeQuill.default || void 0 === _devextremeQuill.default ? void 0 : _devextremeQuill.default.import("attributors/style/size")) || {};
            if ("whitelist" in SizeStyle) {
                SizeStyle.whitelist = null
            }
            exports.default = SizeStyle
        },
        90894(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _devextremeQuill = (e = __webpack_require__( /*! devextreme-quill */ 40765), e && e.__esModule ? e : {
                default: e
            });
            var e;
            let Variable = {};
            if (_devextremeQuill.default) {
                const Embed = _devextremeQuill.default.import("blots/embed");
                const VARIABLE_CLASS = "dx-variable";
                Variable = class extends Embed {
                    static create(data) {
                        const node = super.create();
                        let startEscapeChar;
                        let endEscapeChar;
                        const text = data.value;
                        if (Array.isArray(data.escapeChar)) {
                            startEscapeChar = (0, _common.ensureDefined)(data.escapeChar[0], "");
                            endEscapeChar = (0, _common.ensureDefined)(data.escapeChar[1], "")
                        } else {
                            startEscapeChar = endEscapeChar = data.escapeChar
                        }
                        node.innerText = startEscapeChar + text + endEscapeChar;
                        node.dataset.varStartEscChar = startEscapeChar;
                        node.dataset.varEndEscChar = endEscapeChar;
                        node.dataset.varValue = data.value;
                        return node
                    }
                    static value(node) {
                        return (0, _extend.extend)({}, {
                            value: node.dataset.varValue,
                            escapeChar: [node.dataset.varStartEscChar || "", node.dataset.varEndEscChar || ""]
                        })
                    }
                };
                Variable.blotName = "variable";
                Variable.tagName = "span";
                Variable.className = VARIABLE_CLASS
            }
            exports.default = Variable
        },
        90660(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ../../ui/html_editor/converters/m_delta */ 76035);
            var _events = __webpack_require__( /*! ../../../common/core/events */ 52391);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _emitterGesture = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/gesture/emitter.gesture.scroll */ 86548));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../../core/config */ 66636));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _empty_template = __webpack_require__( /*! ../../../core/templates/empty_template */ 48650);
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/callbacks */ 84718));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/editor/editor */ 24768));
            var _m_converterController = _interopRequireDefault(__webpack_require__( /*! ../../ui/html_editor/m_converterController */ 16723));
            var _m_quill_importer = __webpack_require__( /*! ../../ui/html_editor/m_quill_importer */ 58283);
            var _m_quill_registrator = _interopRequireDefault(__webpack_require__( /*! ../../ui/html_editor/m_quill_registrator */ 80609));
            var _m_wordLists = _interopRequireDefault(__webpack_require__( /*! ../../ui/html_editor/matchers/m_wordLists */ 23102));
            var _formDialog = _interopRequireDefault(__webpack_require__( /*! ../../ui/html_editor/ui/formDialog */ 47226));
            var _html_sanitizer = __webpack_require__( /*! ../../ui/html_editor/utils/html_sanitizer */ 39e3);
            var _utils = __webpack_require__( /*! ../../ui/text_box/utils.scroll */ 38477);
            var _aiDialog = _interopRequireDefault(__webpack_require__( /*! ./ui/aiDialog */ 87534));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ANONYMOUS_TEMPLATE_NAME = "htmlContent";
            const isIos = "ios" === _devices.default.current().platform;
            let editorsCount = 0;
            class HtmlEditor extends _editor.default {
                _getDefaultOptions() {
                    const {
                        editorStylingMode: editorStylingMode
                    } = (0, _config.default)();
                    const stylingMode = editorStylingMode || "outlined";
                    return Object.assign({}, super._getDefaultOptions(), {
                        aiIntegration: null,
                        allowSoftLineBreak: false,
                        converter: null,
                        customizeModules: null,
                        focusStateEnabled: true,
                        imageUpload: null,
                        mediaResizing: null,
                        mentions: null,
                        placeholder: "",
                        stylingMode: stylingMode,
                        tableContextMenu: null,
                        tableResizing: null,
                        toolbar: null,
                        variables: null
                    })
                }
                _init() {
                    this._mentionKeyInTemplateStorage = editorsCount;
                    editorsCount += 1;
                    super._init();
                    this._cleanCallback = (0, _callbacks.default)();
                    this._contentInitializedCallback = (0, _callbacks.default)();
                    this._prepareHtmlConverter()
                }
                _prepareHtmlConverter() {
                    const {
                        converter: converter
                    } = this.option();
                    if (converter) {
                        this._htmlConverter = converter
                    }
                }
                _getAnonymousTemplateName() {
                    return "htmlContent"
                }
                _initTemplates() {
                    this._templateManager.addDefaultTemplates({
                        [ANONYMOUS_TEMPLATE_NAME]: new _empty_template.EmptyTemplate
                    });
                    super._initTemplates()
                }
                _focusTarget() {
                    return this._getContent()
                }
                _getContent() {
                    return this.$element().find(".dx-htmleditor-content")
                }
                _focusInHandler(e) {
                    const {
                        relatedTarget: relatedTarget
                    } = e;
                    if (this._shouldSkipFocusEvent(relatedTarget)) {
                        return
                    }
                    this._toggleFocusClass(true, this.$element());
                    super._focusInHandler(e)
                }
                _focusOutHandler(e) {
                    const {
                        relatedTarget: relatedTarget
                    } = e;
                    if (this._shouldSkipFocusEvent(relatedTarget)) {
                        return
                    }
                    this._toggleFocusClass(false, this.$element());
                    super._focusOutHandler(e)
                }
                _shouldSkipFocusEvent(relatedTarget) {
                    return (0, _renderer.default)(relatedTarget).hasClass("ql-clipboard")
                }
                _initMarkup() {
                    this._$htmlContainer = (0, _renderer.default)("<div>").addClass("dx-quill-container");
                    this.$element().attr("role", "application").addClass("dx-htmleditor").wrapInner(this._$htmlContainer);
                    this._renderStylingMode();
                    const template = this._getTemplate("htmlContent");
                    this._$templateResult = null === template || void 0 === template ? void 0 : template.render({
                        container: (0, _element.getPublicElement)(this._$htmlContainer),
                        noModel: true,
                        transclude: true
                    });
                    this._renderSubmitElement();
                    super._initMarkup();
                    this._updateContainerMarkup()
                }
                _renderValidationState() {
                    const $content = this._getContent();
                    if (1 === $content.length) {
                        super._renderValidationState()
                    }
                }
                _renderSubmitElement() {
                    this._$submitElement = (0, _renderer.default)("<textarea>").addClass("dx-htmleditor-submit-element").attr("hidden", true).appendTo(this.$element());
                    const {
                        value: value
                    } = this.option();
                    this._setSubmitValue(value)
                }
                _setSubmitValue(value) {
                    this._getSubmitElement().val(value)
                }
                _getSubmitElement() {
                    return this._$submitElement
                }
                _convertToHtml(raw) {
                    var _this$_htmlConverter, _this$_htmlConverter2;
                    const value = raw ?? "";
                    const result = (0, _type.isFunction)(null === (_this$_htmlConverter = this._htmlConverter) || void 0 === _this$_htmlConverter ? void 0 : _this$_htmlConverter.toHtml) ? String((null === (_this$_htmlConverter2 = this._htmlConverter) || void 0 === _this$_htmlConverter2 ? void 0 : _this$_htmlConverter2.toHtml(value)) ?? "") : value;
                    return result
                }
                _convertFromHtml(raw) {
                    var _this$_htmlConverter3, _this$_htmlConverter4;
                    const value = raw ?? "";
                    const result = (0, _type.isFunction)(null === (_this$_htmlConverter3 = this._htmlConverter) || void 0 === _this$_htmlConverter3 ? void 0 : _this$_htmlConverter3.fromHtml) ? String((null === (_this$_htmlConverter4 = this._htmlConverter) || void 0 === _this$_htmlConverter4 ? void 0 : _this$_htmlConverter4.fromHtml(value)) ?? "") : value;
                    return result
                }
                _updateContainerMarkup() {
                    const {
                        value: value
                    } = this.option();
                    const html = this._convertToHtml(value);
                    if (!html) {
                        return
                    }
                    const quill = (0, _m_quill_importer.getQuill)();
                    const sanitizedHtml = (0, _html_sanitizer.sanitizeHtml)(quill, html);
                    this._$htmlContainer.html(sanitizedHtml)
                }
                _render() {
                    this._prepareConverters();
                    super._render();
                    this._toggleReadOnlyState()
                }
                _prepareQuillRegistrator() {
                    if (!this._quillRegistrator) {
                        this._quillRegistrator = new _m_quill_registrator.default
                    }
                }
                _getRegistrator() {
                    this._prepareQuillRegistrator();
                    return this._quillRegistrator
                }
                _prepareConverters() {
                    if (!this._deltaConverter) {
                        const DeltaConverter = _m_converterController.default.getConverter("delta");
                        if (DeltaConverter) {
                            this._deltaConverter = new DeltaConverter
                        }
                    }
                }
                _renderContentImpl() {
                    this._contentRenderedDeferred = (0, _deferred.Deferred)();
                    const renderContentPromise = this._contentRenderedDeferred.promise();
                    super._renderContentImpl();
                    this._renderHtmlEditor();
                    this._renderFormDialog();
                    this._renderAIDialog();
                    this._addKeyPressHandler();
                    return renderContentPromise
                }
                _pointerMoveHandler(e) {
                    if (isIos) {
                        e.stopPropagation()
                    }
                }
                _attachFocusEvents() {
                    (0, _common.deferRender)(super._attachFocusEvents.bind(this))
                }
                _addKeyPressHandler() {
                    const keyDownEvent = (0, _index.addNamespace)("keydown", `${this.NAME}TextChange`);
                    _events_engine.default.on(this._$htmlContainer, keyDownEvent, this._keyDownHandler.bind(this))
                }
                _keyDownHandler(e) {
                    this._saveValueChangeEvent(e)
                }
                _renderHtmlEditor() {
                    const {
                        customizeModules: customizeModules
                    } = this.option();
                    const modulesConfig = this._getModulesConfig();
                    if ((0, _type.isFunction)(customizeModules)) {
                        customizeModules(modulesConfig)
                    }
                    const {
                        placeholder: placeholder,
                        readOnly: readOnly,
                        disabled: disabled
                    } = this.option();
                    this._quillInstance = this._getRegistrator().createEditor(this._$htmlContainer[0], {
                        placeholder: placeholder,
                        readOnly: Boolean(readOnly) || Boolean(disabled),
                        modules: modulesConfig,
                        theme: "basic"
                    });
                    this._renderValidationState();
                    this._deltaConverter.setQuillInstance(this._quillInstance);
                    this._textChangeHandlerWithContext = this._textChangeHandler.bind(this);
                    this._quillInstance.on("text-change", this._textChangeHandlerWithContext);
                    this._renderScrollHandler();
                    if (this._hasTranscludedContent()) {
                        this._updateContentTask = (0, _common.executeAsync)(() => {
                            this._applyTranscludedContent()
                        })
                    } else {
                        this._finalizeContentRendering()
                    }
                }
                _renderScrollHandler() {
                    const $scrollContainer = this._getContent();
                    const initScrollData = (0, _utils.prepareScrollData)($scrollContainer);
                    _events_engine.default.on($scrollContainer, (0, _index.addNamespace)(_emitterGesture.default.init, this.NAME), initScrollData, _common.noop);
                    _events_engine.default.on($scrollContainer, (0, _index.addNamespace)(_pointer.default.move, this.NAME), this._pointerMoveHandler.bind(this))
                }
                _applyTranscludedContent() {
                    const {
                        value: value
                    } = this.option();
                    if (!(0, _type.isDefined)(value)) {
                        const html = this._deltaConverter.toHtml();
                        const newDelta = this._quillInstance.clipboard.convert({
                            html: html
                        });
                        if (newDelta.ops.length) {
                            this._quillInstance.setContents(newDelta);
                            return
                        }
                    }
                    this._finalizeContentRendering()
                }
                _hasTranscludedContent() {
                    var _this$_$templateResul;
                    return Boolean(null === (_this$_$templateResul = this._$templateResult) || void 0 === _this$_$templateResul ? void 0 : _this$_$templateResul.length)
                }
                _getModulesConfig() {
                    const modulesConfig = (0, _extend.extend)({}, {
                        clipboard: this._getClipboardConfig(),
                        imageCursor: this._getBaseModuleConfig(),
                        imageUpload: this._getModuleConfigByOption("imageUpload"),
                        keyboard: this._getKeyboardModuleConfig(),
                        mentions: this._getModuleConfigByOption("mentions"),
                        multiline: Boolean(this.option("allowSoftLineBreak")),
                        resizing: this._getModuleConfigByOption("mediaResizing"),
                        table: true,
                        tableContextMenu: this._getModuleConfigByOption("tableContextMenu"),
                        tableResizing: this._getModuleConfigByOption("tableResizing"),
                        toolbar: this._getModuleConfigByOption("toolbar"),
                        uploader: this._getUploaderModuleConfig(),
                        variables: this._getModuleConfigByOption("variables")
                    }, this._getCustomModules());
                    return modulesConfig
                }
                _getUploaderModuleConfig() {
                    return {
                        onDrop: e => this._saveValueChangeEvent((0, _events.Event)(e)),
                        imageBlot: "extendedImage"
                    }
                }
                _getKeyboardModuleConfig() {
                    return {
                        onKeydown: e => this._saveValueChangeEvent((0, _events.Event)(e))
                    }
                }
                _getClipboardConfig() {
                    const quill = this._getRegistrator().getQuill();
                    const wordListMatcher = (0, _m_wordLists.default)(quill);
                    return {
                        onPaste: e => this._saveValueChangeEvent((0, _events.Event)(e)),
                        onCut: e => this._saveValueChangeEvent((0, _events.Event)(e)),
                        matchers: [
                            ["p.MsoListParagraphCxSpFirst", wordListMatcher],
                            ["p.MsoListParagraphCxSpMiddle", wordListMatcher],
                            ["p.MsoListParagraphCxSpLast", wordListMatcher]
                        ]
                    }
                }
                _getModuleConfigByOption(optionName) {
                    const optionValue = this.option(optionName);
                    if (!(0, _type.isDefined)(optionValue)) {
                        return
                    }
                    const configuration = Array.isArray(optionValue) ? {
                        [optionName]: optionValue
                    } : optionValue;
                    const finalConfiguration = (0, _extend.extend)(this._getBaseModuleConfig(), configuration);
                    return finalConfiguration
                }
                _getBaseModuleConfig() {
                    return {
                        editorInstance: this
                    }
                }
                _getCustomModules() {
                    const modules = {};
                    const moduleNames = this._getRegistrator().getRegisteredModuleNames();
                    moduleNames.forEach(modulePath => {
                        modules[modulePath] = this._getBaseModuleConfig()
                    });
                    return modules
                }
                _textChangeHandler() {
                    const {
                        value: value
                    } = this.option();
                    const html = this._deltaConverter.toHtml();
                    const convertedValue = this._convertFromHtml(html);
                    if (value !== convertedValue && !this._isNullValueConverted(value, convertedValue)) {
                        this._isEditorUpdating = true;
                        this.option({
                            value: convertedValue
                        })
                    }
                    this._finalizeContentRendering()
                }
                _isNullValueConverted(value, convertedValue) {
                    return null === value && "" === convertedValue
                }
                _finalizeContentRendering() {
                    if (this._contentRenderedDeferred) {
                        this.clearHistory();
                        this._contentInitializedCallback.fire();
                        this._contentRenderedDeferred.resolve();
                        this._contentRenderedDeferred = void 0
                    }
                }
                _resetEnabledState() {
                    if (this._quillInstance) {
                        const isEnabled = !(this.option("readOnly") || this.option("disabled"));
                        this._quillInstance.enable(isEnabled)
                    }
                }
                _renderFormDialog() {
                    this._formDialog = new _formDialog.default(this.$element(), {
                        width: "auto",
                        height: "auto",
                        hideOnOutsideClick: true
                    })
                }
                _shouldRenderAIDialog() {
                    const {
                        aiIntegration: aiIntegration,
                        toolbar: toolbar
                    } = this.option();
                    if (!(aiIntegration && null !== toolbar && void 0 !== toolbar && toolbar.items)) {
                        return false
                    }
                    return toolbar.items.some(item => "string" === typeof item ? "ai" === item : "ai" === item.name)
                }
                _renderAIDialog() {
                    const shouldRenderAIDialog = this._shouldRenderAIDialog();
                    if (shouldRenderAIDialog) {
                        const {
                            aiIntegration: aiIntegration
                        } = this.option();
                        this._aiDialog = new _aiDialog.default(this.$element(), aiIntegration)
                    }
                }
                _getStylingModePrefix() {
                    return "dx-htmleditor-"
                }
                _getQuillContainer() {
                    return this._$htmlContainer
                }
                _prepareModuleOptions(args) {
                    let {
                        value: value
                    } = args;
                    const {
                        fullName: fullName,
                        name: name
                    } = args;
                    const optionData = null === fullName || void 0 === fullName ? void 0 : fullName.split(".");
                    const optionName = optionData.length >= 2 ? optionData[1] : name;
                    if (3 === optionData.length) {
                        value = {
                            [optionData[2]]: value
                        }
                    }
                    return [optionName, value]
                }
                _moduleOptionChanged(moduleName, args) {
                    const moduleInstance = this.getModule(moduleName);
                    const shouldPassOptionsToModule = Boolean(moduleInstance);
                    if (shouldPassOptionsToModule) {
                        moduleInstance.option(...this._prepareModuleOptions(args))
                    } else {
                        this._invalidate()
                    }
                }
                _processHtmlContentUpdating(value) {
                    if (this._quillInstance) {
                        if (this._isEditorUpdating) {
                            this._isEditorUpdating = false
                        } else {
                            const html = this._convertToHtml(value);
                            this._suppressValueChangeAction();
                            this._updateHtmlContent(html);
                            this._resumeValueChangeAction()
                        }
                    } else {
                        this._$htmlContainer.html(value)
                    }
                }
                _processAIIntegrationUpdate() {
                    if ((0, _type.isDefined)(this._aiDialog)) {
                        const {
                            aiIntegration: aiIntegration
                        } = this.option();
                        this._aiDialog.updateAIIntegration(aiIntegration);
                        return
                    }
                    this._renderAIDialog()
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value,
                        previousValue: previousValue
                    } = args;
                    switch (name) {
                        case "aiIntegration":
                            this._processAIIntegrationUpdate();
                            break;
                        case "converter": {
                            this._htmlConverter = value;
                            const {
                                value: currentValue
                            } = this.option();
                            this._processHtmlContentUpdating(currentValue);
                            break
                        }
                        case "value": {
                            this._processHtmlContentUpdating(value);
                            const {
                                value: currentValue
                            } = this.option();
                            if (currentValue !== previousValue) {
                                this._setSubmitValue(currentValue);
                                super._optionChanged(Object.assign({}, args, {
                                    [name]: currentValue
                                }))
                            }
                            break
                        }
                        case "placeholder":
                        case "variables":
                        case "toolbar":
                        case "mentions":
                        case "customizeModules":
                        case "allowSoftLineBreak":
                            this._invalidate();
                            break;
                        case "tableResizing":
                            this._moduleOptionChanged("tableResizing", args);
                            break;
                        case "stylingMode":
                            this._renderStylingMode();
                            break;
                        case "readOnly":
                        case "disabled":
                            super._optionChanged(args);
                            this._resetEnabledState();
                            break;
                        case "tableContextMenu":
                            this._moduleOptionChanged("tableContextMenu", args);
                            break;
                        case "mediaResizing":
                            this._moduleOptionChanged("resizing", args);
                            break;
                        case "width":
                            super._optionChanged(args);
                            this._repaintToolbar();
                            break;
                        case "imageUpload":
                            this._moduleOptionChanged("imageUpload", args);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _repaintToolbar() {
                    this._applyToolbarMethod("repaint")
                }
                _updateHtmlContent(html) {
                    const newDelta = this._quillInstance.clipboard.convert({
                        html: html
                    });
                    this._quillInstance.setContents(newDelta)
                }
                _clean() {
                    if (this._quillInstance) {
                        _events_engine.default.off(this._getContent(), `.${this.NAME}`);
                        this._quillInstance.off("text-change", this._textChangeHandlerWithContext);
                        this._cleanCallback.fire()
                    }
                    this._abortUpdateContentTask();
                    this._cleanCallback.empty();
                    this._contentInitializedCallback.empty();
                    super._clean()
                }
                _abortUpdateContentTask() {
                    if (this._updateContentTask) {
                        this._updateContentTask.abort();
                        this._updateContentTask = void 0
                    }
                }
                _applyQuillMethod(methodName) {
                    if (!this._quillInstance) {
                        return
                    }
                    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
                        args[_key - 1] = arguments[_key]
                    }
                    return this._quillInstance[methodName].apply(this._quillInstance, args)
                }
                _applyQuillHistoryMethod(methodName) {
                    var _this$_quillInstance;
                    if (null !== (_this$_quillInstance = this._quillInstance) && void 0 !== _this$_quillInstance && _this$_quillInstance.history) {
                        this._quillInstance.history[methodName]()
                    }
                }
                _applyToolbarMethod(methodName) {
                    var _this$getModule;
                    null === (_this$getModule = this.getModule("toolbar")) || void 0 === _this$getModule || _this$getModule[methodName]()
                }
                addCleanCallback(callback) {
                    this._cleanCallback.add(callback)
                }
                addContentInitializedCallback(callback) {
                    this._contentInitializedCallback.add(callback)
                }
                register(components) {
                    this._getRegistrator().registerModules(components);
                    if (this._quillInstance) {
                        this.repaint()
                    }
                }
                get(componentPath) {
                    return this._getRegistrator().getQuill().import(componentPath)
                }
                getModule(moduleName) {
                    return this._applyQuillMethod("getModule", moduleName)
                }
                getQuillInstance() {
                    return this._quillInstance
                }
                getSelection(focus) {
                    const selection = this._applyQuillMethod("getSelection", focus);
                    return selection
                }
                setSelection(index, length) {
                    this._applyQuillMethod("setSelection", index, length)
                }
                getText(index, length) {
                    const text = this._applyQuillMethod("getText", index, length);
                    return text
                }
                format(formatName, formatValue) {
                    this._applyQuillMethod("format", formatName, formatValue)
                }
                formatText(index, length, formatName, formatValue) {
                    this._applyQuillMethod("formatText", index, length, formatName, formatValue)
                }
                formatLine(index, length, formatName, formatValue) {
                    this._applyQuillMethod("formatLine", index, length, formatName, formatValue)
                }
                getFormat(index, length) {
                    const formats = this._applyQuillMethod("getFormat", index, length);
                    return formats
                }
                removeFormat(index, length) {
                    this._applyQuillMethod("removeFormat", index, length)
                }
                clearHistory() {
                    this._applyQuillHistoryMethod("clear");
                    this._applyToolbarMethod("updateHistoryWidgets")
                }
                undo() {
                    this._applyQuillHistoryMethod("undo")
                }
                redo() {
                    this._applyQuillHistoryMethod("redo")
                }
                getLength() {
                    const length = this._applyQuillMethod("getLength");
                    return length
                }
                getBounds(index, length) {
                    const bounds = this._applyQuillMethod("getBounds", index, length);
                    return bounds
                }
                delete(index, length) {
                    this._applyQuillMethod("deleteText", index, length)
                }
                insertText(index, text, formatName, formatValue) {
                    this._applyQuillMethod("insertText", index, text, formatName, formatValue)
                }
                insertEmbed(index, type, options) {
                    this._applyQuillMethod("insertEmbed", index, type, options)
                }
                showFormDialog(formConfig) {
                    return this._formDialog.show(formConfig)
                }
                showAIDialog(payload) {
                    var _this$_aiDialog;
                    return null === (_this$_aiDialog = this._aiDialog) || void 0 === _this$_aiDialog ? void 0 : _this$_aiDialog.show(payload)
                }
                formDialogOption(optionName, optionValue) {
                    return this._formDialog.popupOption.apply(this._formDialog, [optionName, optionValue])
                }
                focus() {
                    super.focus();
                    this._applyQuillMethod("focus")
                }
                blur() {
                    this._applyQuillMethod("blur")
                }
                getMentionKeyInTemplateStorage() {
                    return this._mentionKeyInTemplateStorage
                }
            }(0, _component_registrator.default)("dxHtmlEditor", HtmlEditor);
            exports.default = HtmlEditor
        },
        16723(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            const controller = new class {
                constructor() {
                    this._converters = {};
                    this._converters = {}
                }
                addConverter(name, converter) {
                    this._converters[name] = converter
                }
                getConverter(name) {
                    return this._converters[name]
                }
            };
            exports.default = controller
        },
        58283(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getQuill = function() {
                if (!_devextremeQuill.default) {
                    throw _ui.default.Error("E1041", "Quill")
                }
                return _devextremeQuill.default
            };
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _devextremeQuill = _interopRequireDefault(__webpack_require__( /*! devextreme-quill */ 40765));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
        },
        80609(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _m_align = _interopRequireDefault(__webpack_require__( /*! ./formats/m_align */ 58281));
            var _m_font = _interopRequireDefault(__webpack_require__( /*! ./formats/m_font */ 45535));
            var _m_image = _interopRequireDefault(__webpack_require__( /*! ./formats/m_image */ 93805));
            var _m_link = _interopRequireDefault(__webpack_require__( /*! ./formats/m_link */ 93794));
            var _m_size = _interopRequireDefault(__webpack_require__( /*! ./formats/m_size */ 51371));
            var _m_quill_importer = __webpack_require__( /*! ./m_quill_importer */ 58283);
            var _m_dropImage = _interopRequireDefault(__webpack_require__( /*! ./modules/m_dropImage */ 38655));
            var _m_imageCursor = _interopRequireDefault(__webpack_require__( /*! ./modules/m_imageCursor */ 38850));
            var _m_imageUpload = _interopRequireDefault(__webpack_require__( /*! ./modules/m_imageUpload */ 6681));
            var _m_mentions = _interopRequireDefault(__webpack_require__( /*! ./modules/m_mentions */ 52826));
            var _m_resizing = _interopRequireDefault(__webpack_require__( /*! ./modules/m_resizing */ 62102));
            var _m_tableContextMenu = _interopRequireDefault(__webpack_require__( /*! ./modules/m_tableContextMenu */ 74829));
            var _m_tableResizing = _interopRequireDefault(__webpack_require__( /*! ./modules/m_tableResizing */ 54970));
            var _m_toolbar = _interopRequireDefault(__webpack_require__( /*! ./modules/m_toolbar */ 8478));
            var _m_variables = _interopRequireDefault(__webpack_require__( /*! ./modules/m_variables */ 8344));
            var _m_base = _interopRequireDefault(__webpack_require__( /*! ./themes/m_base */ 80865));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = class {
                constructor() {
                    this._customModules = [];
                    const quill = this.getQuill();
                    const DirectionStyle = quill.import("attributors/style/direction");
                    quill.register({
                        "formats/align": _m_align.default,
                        "formats/direction": DirectionStyle,
                        "formats/font": _m_font.default,
                        "formats/size": _m_size.default,
                        "formats/extendedImage": _m_image.default,
                        "formats/link": _m_link.default,
                        "modules/toolbar": _m_toolbar.default,
                        "modules/dropImage": _m_dropImage.default,
                        "modules/variables": _m_variables.default,
                        "modules/resizing": _m_resizing.default,
                        "modules/tableResizing": _m_tableResizing.default,
                        "modules/tableContextMenu": _m_tableContextMenu.default,
                        "modules/imageUpload": _m_imageUpload.default,
                        "modules/imageCursor": _m_imageCursor.default,
                        "modules/mentions": _m_mentions.default,
                        "themes/basic": _m_base.default
                    }, true);
                    this._customModules = []
                }
                createEditor(container, config) {
                    const QuillConstructor = this.getQuill();
                    return new QuillConstructor(container, config)
                }
                registerModules(modulesConfig) {
                    const isModule = RegExp("modules/*");
                    const quill = this.getQuill();
                    const isRegisteredModule = modulePath => Boolean(quill.imports[modulePath]);
                    for (const modulePath in modulesConfig) {
                        if (isModule.test(modulePath) && !isRegisteredModule(modulePath)) {
                            this._customModules.push(modulePath.slice(8))
                        }
                    }
                    quill.register(modulesConfig, true)
                }
                getRegisteredModuleNames() {
                    return this._customModules
                }
                getQuill() {
                    return (0, _m_quill_importer.getQuill)()
                }
            }
        },
        23102(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);

            function getListType(matches) {
                const prefix = matches[1];
                return prefix.match(/\S+\./) ? "ordered" : "bullet"
            }
            exports.default = quill => {
                const Delta = quill.import("delta");
                const msStyleAttributeName = quill.MS_LIST_DATA_KEY;
                return (node, delta) => {
                    const ops = delta.ops.slice();
                    const insertOperation = ops[0];
                    if (!(0, _type.isString)(insertOperation.insert)) {
                        return delta
                    }
                    insertOperation.insert = insertOperation.insert.replace(/^\s+/, "");
                    const listDecoratorMatches = insertOperation.insert.match(/^(\S+)\s+/);
                    const indent = listDecoratorMatches && function(node, msStyleAttributeName) {
                        const style = node.getAttribute(msStyleAttributeName);
                        if (style) {
                            const level = style.replace(/\n+/g, "").match(/level(\d+)/);
                            return level ? level[1] - 1 : 0
                        }
                        return false
                    }(node, msStyleAttributeName);
                    if (!listDecoratorMatches || false === indent) {
                        return delta
                    }
                    insertOperation.insert = insertOperation.insert.substring(listDecoratorMatches[0].length, insertOperation.insert.length);
                    ! function(operations) {
                        const newLineOperation = operations[operations.length - 1];
                        newLineOperation.insert = newLineOperation.insert.trim()
                    }(ops);
                    ops.push({
                        insert: "\n",
                        attributes: {
                            list: getListType(listDecoratorMatches),
                            indent: indent
                        }
                    });
                    return new Delta(ops)
                }
            }
        },
        74356(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.default = class {}
        },
        49864(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _devextremeQuill = _interopRequireDefault(__webpack_require__( /*! devextreme-quill */ 40765));
            var _empty = _interopRequireDefault(__webpack_require__( /*! ./empty */ 74356));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            let BaseModule = _empty.default;
            if (_devextremeQuill.default) {
                const BaseQuillModule = _devextremeQuill.default.import("core/module");
                BaseModule = class extends BaseQuillModule {
                    constructor(quill, options) {
                        super(quill, options);
                        this.editorInstance = options.editorInstance
                    }
                    saveValueChangeEvent(event) {
                        this.editorInstance._saveValueChangeEvent(event)
                    }
                    addCleanCallback(callback) {
                        this.editorInstance.addCleanCallback(callback)
                    }
                    handleOptionChangeValue(changes) {
                        if ((0, _type.isObject)(changes)) {
                            Object.entries(changes).forEach(_ref => {
                                let [name, value] = _ref;
                                return this.option(name, value)
                            })
                        } else if (!(0, _type.isDefined)(changes)) {
                            null === this || void 0 === this || this.clean()
                        }
                    }
                }
            }
            exports.default = BaseModule
        },
        38655(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/browser */ 48314));
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _devextremeQuill = _interopRequireDefault(__webpack_require__( /*! devextreme-quill */ 40765));
            var _m_base = _interopRequireDefault(__webpack_require__( /*! ./m_base */ 49864));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            let DropImageModule = _m_base.default;
            if (_devextremeQuill.default) {
                DropImageModule = class extends _m_base.default {
                    constructor(quill, options) {
                        super(quill, options);
                        const widgetName = this.editorInstance.NAME;
                        _events_engine.default.on(this.quill.root, (0, _index.addNamespace)("drop", widgetName), this._dropHandler.bind(this));
                        _events_engine.default.on(this.quill.root, (0, _index.addNamespace)("paste", widgetName), this._pasteHandler.bind(this))
                    }
                    _dropHandler(e) {
                        var _dataTransfer$files;
                        const {
                            dataTransfer: dataTransfer
                        } = e.originalEvent;
                        const hasFiles = null === dataTransfer || void 0 === dataTransfer || null === (_dataTransfer$files = dataTransfer.files) || void 0 === _dataTransfer$files ? void 0 : _dataTransfer$files.length;
                        this.saveValueChangeEvent(e);
                        e.preventDefault();
                        if (hasFiles) {
                            this._getImage(dataTransfer.files, this._addImage.bind(this))
                        }
                    }
                    _pasteHandler(e) {
                        var _clipboardData$items;
                        const {
                            clipboardData: clipboardData
                        } = e.originalEvent;
                        this.saveValueChangeEvent(e);
                        if (!clipboardData) {
                            return
                        }
                        const hasDataItems = null === (_clipboardData$items = clipboardData.items) || void 0 === _clipboardData$items ? void 0 : _clipboardData$items.length;
                        const isHtmlData = clipboardData.getData("text/html");
                        if (!isHtmlData && hasDataItems) {
                            this._getImage(clipboardData.items, imageData => {
                                if (_browser.default.mozilla) {
                                    return
                                }
                                this._addImage(imageData)
                            })
                        }
                    }
                    _isImage(file) {
                        return !!file.type.match(/^image\/(a?png|bmp|gif|p?jpe?g|svg|vnd\.microsoft\.icon|webp)/i)
                    }
                    _getImage(files, callback) {
                        const window = (0, _window.getWindow)();
                        (0, _iterator.each)(files, (index, file) => {
                            if (!this._isImage(file)) {
                                return
                            }
                            const reader = new window.FileReader;
                            reader.onload = _ref => {
                                let {
                                    target: target
                                } = _ref;
                                callback(target.result)
                            };
                            const readableFile = file.getAsFile ? file.getAsFile() : file;
                            if (readableFile instanceof window.Blob) {
                                reader.readAsDataURL(readableFile)
                            }
                        })
                    }
                    _addImage(data) {
                        const selection = this.quill.getSelection();
                        const pasteIndex = selection ? selection.index : this.quill.getLength();
                        this.quill.insertEmbed(pasteIndex, "extendedImage", data, "user")
                    }
                }
            }
            exports.default = DropImageModule
        },
        38850(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _devextremeQuill = _interopRequireDefault(__webpack_require__( /*! devextreme-quill */ 40765));
            var _m_base = _interopRequireDefault(__webpack_require__( /*! ./m_base */ 49864));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const clickEvent = (0, _index.addNamespace)("dxclick", "dxHtmlEditorImageCursor");
            let ImageCursorModule = _m_base.default;
            if (_devextremeQuill.default) {
                ImageCursorModule = class extends _m_base.default {
                    constructor(quill, options) {
                        super(quill, options);
                        this.addCleanCallback(this.clean.bind(this));
                        this._attachEvents()
                    }
                    _attachEvents() {
                        _events_engine.default.on(this.quill.root, clickEvent, this._clickHandler.bind(this))
                    }
                    _detachEvents() {
                        _events_engine.default.off(this.quill.root, clickEvent)
                    }
                    _clickHandler(e) {
                        if (this._isAllowedTarget(e.target)) {
                            this._adjustSelection(e)
                        }
                    }
                    _isAllowedTarget(targetElement) {
                        return this._isImage(targetElement)
                    }
                    _isImage(targetElement) {
                        return "IMG" === targetElement.tagName.toUpperCase()
                    }
                    _adjustSelection(e) {
                        const blot = this.quill.scroll.find(e.target);
                        if (blot) {
                            const index = blot.offset(this.quill.scroll);
                            this.quill.setSelection(index + 1, 0)
                        } else {
                            this.quill.setSelection(0, 0)
                        }
                    }
                    clean() {
                        this._detachEvents()
                    }
                }
            }
            exports.default = ImageCursorModule
        },
        6681(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _file_uploader = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/file_uploader */ 26980));
            var _devextremeQuill = _interopRequireDefault(__webpack_require__( /*! devextreme-quill */ 40765));
            var _m_image_uploader_helper = __webpack_require__( /*! ../utils/m_image_uploader_helper */ 85936);
            var _m_base = _interopRequireDefault(__webpack_require__( /*! ./m_base */ 49864));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            let ImageUploadModule = _m_base.default;
            if (_devextremeQuill.default) {
                ImageUploadModule = class extends _m_base.default {
                    constructor(quill, options) {
                        super(quill, options);
                        this.options = options;
                        this._quillContainer = this.editorInstance._getQuillContainer();
                        this.addCleanCallback(this.prepareCleanCallback());
                        this._handleServerUpload()
                    }
                    _handleServerUpload() {
                        const useServerUpload = (0, _type.isDefined)(this.options.fileUploadMode) && "base64" !== this.options.fileUploadMode;
                        useServerUpload ? this._enableDragAndDropUploading() : this._disableDragAndDropUploading()
                    }
                    _getUploaderModule() {
                        if (!this._uploaderModule) {
                            this._uploaderModule = this.quill.getModule("uploader")
                        }
                        return this._uploaderModule
                    }
                    _disableDragAndDropUploading() {
                        var _this$_fileUploader;
                        this._getUploaderModule().preventImageUploading(false);
                        this._detachEvents();
                        null === (_this$_fileUploader = this._fileUploader) || void 0 === _this$_fileUploader || _this$_fileUploader.dispose()
                    }
                    _enableDragAndDropUploading() {
                        this._initFileUploader();
                        this._getUploaderModule().preventImageUploading(true);
                        this._attachEvents()
                    }
                    _initFileUploader() {
                        const $container = (0, _renderer.default)("<div>").addClass("dx-htmleditor-hidden-content").appendTo(this._quillContainer);
                        const fileUploaderOptions = (0, _extend.extend)({}, (0, _m_image_uploader_helper.getFileUploaderBaseOptions)(), {
                            uploadUrl: this.options.uploadUrl,
                            onUploaded: this._onUploaded.bind(this)
                        }, this.options.fileUploaderOptions);
                        this._fileUploader = this.editorInstance._createComponent($container, _file_uploader.default, fileUploaderOptions);
                        return $container
                    }
                    _onUploaded(data) {
                        const {
                            index: pasteIndex
                        } = this.quill.getSelection() ?? {
                            index: this.quill.getLength()
                        };
                        (0, _m_image_uploader_helper.serverUpload)(this.options.uploadDirectory, data.file.name, this.quill, pasteIndex)
                    }
                    _attachEvents() {
                        _events_engine.default.on(this.quill.root, (0, _index.addNamespace)("drop", "dxHtmlEditorImageUpload"), this._dropHandler.bind(this));
                        _events_engine.default.on(this.quill.root, (0, _index.addNamespace)("paste", "dxHtmlEditorImageUpload"), this._pasteHandler.bind(this))
                    }
                    _detachEvents() {
                        _events_engine.default.off(this.quill.root, "dxHtmlEditorImageUpload")
                    }
                    _dropHandler(e) {
                        this._handleInsertImages(e, "dataTransfer")
                    }
                    _pasteHandler(e) {
                        this._handleInsertImages(e, "clipboardData")
                    }
                    _handleInsertImages(e, filesField) {
                        this.saveValueChangeEvent(e);
                        const files = Array.from(e.originalEvent[filesField].files || []);
                        const uploads = files;
                        if (uploads.length) {
                            e.preventDefault();
                            e.stopPropagation();
                            this._fileUploader.option("value", uploads);
                            this._fileUploader.upload()
                        }
                    }
                    clean() {
                        this._disableDragAndDropUploading()
                    }
                    prepareCleanCallback() {
                        return () => {
                            this.clean()
                        }
                    }
                    option(option, value) {
                        switch (option) {
                            case "imageUpload":
                                this.handleOptionChangeValue(value);
                                break;
                            case "fileUploadMode":
                                this.options.fileUploadMode = value;
                                this._handleServerUpload();
                                break;
                            case "fileUploaderOptions":
                                this._fileUploader.option(value)
                        }
                    }
                }
            }
            exports.default = ImageUploadModule
        },
        52826(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _element = __webpack_require__( /*! ../../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _data = __webpack_require__( /*! ../../../../core/utils/data */ 31e3);
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _devextremeQuill = _interopRequireDefault(__webpack_require__( /*! devextreme-quill */ 40765));
            var _m_mention = _interopRequireDefault(__webpack_require__( /*! ../formats/m_mention */ 11278));
            var _m_base = _interopRequireDefault(__webpack_require__( /*! ./m_base */ 49864));
            var _m_popup = _interopRequireDefault(__webpack_require__( /*! ./m_popup */ 55911));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            let MentionModule = _m_base.default;
            if (_devextremeQuill.default) {
                const USER_ACTION = "user";
                const DEFAULT_MARKER = "@";
                const KEYS = {
                    ARROW_UP: "upArrow",
                    ARROW_DOWN: "downArrow",
                    ARROW_LEFT: "leftArrow",
                    ARROW_RIGHT: "rightArrow",
                    ENTER: "enter",
                    ESCAPE: "escape",
                    SPACE: "space",
                    PAGE_UP: "pageUp",
                    PAGE_DOWN: "pageDown",
                    END: "end",
                    HOME: "home"
                };
                const NAVIGATION_KEYS = [KEYS.ARROW_LEFT, KEYS.ARROW_RIGHT, KEYS.PAGE_UP, KEYS.PAGE_DOWN, KEYS.END, KEYS.HOME];
                const ALLOWED_PREFIX_CHARS = [" ", "\n"];
                const DISABLED_STATE_CLASS = "dx-state-disabled";
                _devextremeQuill.default.register({
                    "formats/mention": _m_mention.default
                }, true);
                MentionModule = class extends _m_popup.default {
                    constructor(quill, options) {
                        super(quill, options);
                        this._mentions = {};
                        options.mentions.forEach(item => {
                            let {
                                marker: marker
                            } = item;
                            if (!marker) {
                                item.marker = marker = DEFAULT_MARKER
                            }
                            const {
                                template: template
                            } = item;
                            if (template) {
                                const preparedTemplate = this.editorInstance._getTemplate(template);
                                preparedTemplate && _m_mention.default.addTemplate({
                                    marker: marker,
                                    editorKey: this.editorInstance.getMentionKeyInTemplateStorage()
                                }, preparedTemplate)
                            }
                            this._mentions[marker] = (0, _extend.extend)({}, this._getDefaultOptions(), item)
                        });
                        this._attachKeyboardHandlers();
                        this.addCleanCallback(this.clean.bind(this));
                        this.quill.on("text-change", this.onTextChange.bind(this))
                    }
                    _getDefaultOptions() {
                        const baseConfig = super._getDefaultOptions();
                        return (0, _extend.extend)(baseConfig, {
                            itemTemplate: "item",
                            valueExpr: "this",
                            displayExpr: "this",
                            template: null,
                            searchExpr: null,
                            searchTimeout: 500,
                            minSearchLength: 0
                        })
                    }
                    _attachKeyboardHandlers() {
                        this.quill.keyboard.addBinding({
                            key: KEYS.ARROW_UP
                        }, this._moveToItem.bind(this, "prev"));
                        this.quill.keyboard.addBinding({
                            key: KEYS.ARROW_DOWN
                        }, this._moveToItem.bind(this, "next"));
                        this.quill.keyboard.addBinding({
                            key: [KEYS.ENTER, KEYS.SPACE]
                        }, this._selectItemHandler.bind(this));
                        const enterBindings = this.quill.keyboard.bindings[KEYS.ENTER];
                        enterBindings.unshift(enterBindings.pop());
                        this.quill.keyboard.addBinding({
                            key: KEYS.ESCAPE
                        }, this._escapeKeyHandler.bind(this));
                        this.quill.keyboard.addBinding({
                            key: [KEYS.ARROW_LEFT, KEYS.ARROW_RIGHT],
                            shiftKey: true
                        }, this._ignoreKeyHandler.bind(this));
                        this.quill.keyboard.addBinding({
                            key: NAVIGATION_KEYS
                        }, this._ignoreKeyHandler.bind(this))
                    }
                    _moveToItem(direction) {
                        const dataSource = this._list.getDataSource();
                        if (this._isMentionActive && !dataSource.isLoading()) {
                            const $focusedItem = (0, _renderer.default)(this._list.option("focusedElement"));
                            const defaultItemPosition = "next" === direction ? "first" : "last";
                            let $nextItem = $focusedItem[direction]();
                            $nextItem = $nextItem.length ? $nextItem : this._activeListItems[defaultItemPosition]();
                            this._list.option("focusedElement", (0, _element.getPublicElement)($nextItem));
                            this._list.scrollToItem($nextItem)
                        }
                        return !this._isMentionActive
                    }
                    _ignoreKeyHandler() {
                        return !this._isMentionActive
                    }
                    _fitIntoRange(value, start, end) {
                        if (value > end) {
                            return start
                        }
                        if (value < start) {
                            return end
                        }
                        return value
                    }
                    _selectItemHandler() {
                        if (this._isMentionActive) {
                            this._list.option("items").length ? this._list.selectItem(this._list.option("focusedElement")) : this._popup.hide()
                        }
                        return !this._isMentionActive
                    }
                    _escapeKeyHandler() {
                        if (this._isMentionActive) {
                            this._popup.hide()
                        }
                        return !this._isMentionActive
                    }
                    renderList($container, options) {
                        this.compileGetters(this.options);
                        super.renderList($container, options)
                    }
                    compileGetters(_ref) {
                        let {
                            displayExpr: displayExpr,
                            valueExpr: valueExpr
                        } = _ref;
                        this._valueGetter = (0, _data.compileGetter)(displayExpr);
                        this._idGetter = (0, _data.compileGetter)(valueExpr)
                    }
                    _getListConfig(options) {
                        const baseConfig = super._getListConfig(options);
                        return (0, _extend.extend)(baseConfig, {
                            itemTemplate: this.options.itemTemplate,
                            onContentReady: () => {
                                if (this._hasSearch) {
                                    this._popup.repaint();
                                    this._focusFirstElement();
                                    this._hasSearch = false
                                }
                            }
                        })
                    }
                    insertEmbedContent() {
                        const markerLength = this._activeMentionConfig.marker.length;
                        const textLength = markerLength + this._searchValue.length;
                        const caretPosition = this.getPosition();
                        const selectedItem = this._list.option("selectedItem");
                        const value = {
                            value: this._valueGetter(selectedItem),
                            id: this._idGetter(selectedItem),
                            marker: this._activeMentionConfig.marker,
                            keyInTemplateStorage: this.editorInstance.getMentionKeyInTemplateStorage()
                        };
                        const Delta = _devextremeQuill.default.import("delta");
                        const startIndex = Math.max(0, caretPosition - markerLength);
                        const currentFormat = this.quill.getFormat(startIndex);
                        const newDelta = (new Delta).retain(startIndex).delete(textLength).insert({
                            mention: value
                        }).insert(" ", currentFormat);
                        this.quill.updateContents(newDelta);
                        this.quill.setSelection(startIndex + 2)
                    }
                    _getLastInsertOperation(ops) {
                        const lastOperation = ops[ops.length - 1];
                        const isLastOperationInsert = "insert" in lastOperation;
                        if (isLastOperationInsert) {
                            return lastOperation
                        }
                        const isLastOperationDelete = "delete" in lastOperation;
                        if (isLastOperationDelete && ops.length >= 2) {
                            const penultOperation = ops[ops.length - 2];
                            const isPenultOperationInsert = "insert" in penultOperation;
                            const isSelectionReplacing = isLastOperationDelete && isPenultOperationInsert;
                            if (isSelectionReplacing) {
                                return penultOperation
                            }
                        }
                        return null
                    }
                    onTextChange(newDelta, oldDelta, source) {
                        if (source === USER_ACTION) {
                            const lastOperation = newDelta.ops[newDelta.ops.length - 1];
                            if (this._isMentionActive && this._isPopupVisible) {
                                this._processSearchValue(lastOperation) && this._filterList(this._searchValue)
                            } else {
                                const {
                                    ops: ops
                                } = newDelta;
                                const lastInsertOperation = this._getLastInsertOperation(ops);
                                if (lastInsertOperation) {
                                    this.checkMentionRequest(lastInsertOperation, ops)
                                }
                            }
                        }
                    }
                    get _isPopupVisible() {
                        var _this$_popup;
                        return null === (_this$_popup = this._popup) || void 0 === _this$_popup ? void 0 : _this$_popup.option("visible")
                    }
                    _processSearchValue(operation) {
                        const isInsertOperation = "insert" in operation;
                        if (isInsertOperation) {
                            this._searchValue += operation.insert
                        } else {
                            if (!this._searchValue.length || operation.delete > 1) {
                                this._popup.hide();
                                return false
                            }
                            this._searchValue = this._searchValue.slice(0, -1)
                        }
                        return true
                    }
                    checkMentionRequest(_ref2, ops) {
                        let {
                            insert: insert
                        } = _ref2;
                        const caret = this.quill.getSelection();
                        if (!insert || !(0, _type.isString)(insert) || !caret || this._isMarkerPartOfText(ops[0].retain)) {
                            return
                        }
                        this._activeMentionConfig = this._mentions[insert];
                        if (this._activeMentionConfig) {
                            this._updateList(this._activeMentionConfig);
                            const isOnNewLine = caret.index && "\n" === this._getCharByIndex(caret.index - 1);
                            this.savePosition(caret.index + isOnNewLine);
                            this._popup.option("position", this._popupPosition);
                            this._searchValue = "";
                            this._popup.show()
                        }
                    }
                    _isMarkerPartOfText(retain) {
                        if (!retain || ALLOWED_PREFIX_CHARS.includes(this._getCharByIndex(retain - 1))) {
                            return false
                        }
                        return true
                    }
                    _getCharByIndex(index) {
                        return this.quill.getContents(index, 1).ops[0].insert
                    }
                    _updateList(_ref3) {
                        let {
                            dataSource: dataSource,
                            displayExpr: displayExpr,
                            valueExpr: valueExpr,
                            itemTemplate: itemTemplate,
                            searchExpr: searchExpr
                        } = _ref3;
                        this.compileGetters({
                            displayExpr: displayExpr,
                            valueExpr: valueExpr
                        });
                        this._list.unselectAll();
                        this._list.option({
                            dataSource: dataSource,
                            displayExpr: displayExpr,
                            itemTemplate: itemTemplate,
                            searchExpr: searchExpr
                        })
                    }
                    _filterList(searchValue) {
                        if (!this._isMinSearchLengthExceeded(searchValue)) {
                            this._resetFilter();
                            return
                        }
                        const {
                            searchTimeout: searchTimeout
                        } = this._activeMentionConfig;
                        if (searchTimeout) {
                            clearTimeout(this._searchTimer);
                            this._searchTimer = setTimeout(() => {
                                this._search(searchValue)
                            }, searchTimeout)
                        } else {
                            this._search(searchValue)
                        }
                    }
                    _isMinSearchLengthExceeded(searchValue) {
                        return searchValue.length >= this._activeMentionConfig.minSearchLength
                    }
                    _resetFilter() {
                        clearTimeout(this._searchTimer);
                        this._search(null)
                    }
                    _search(searchValue) {
                        this._hasSearch = true;
                        this._list.option("searchValue", searchValue)
                    }
                    _focusFirstElement() {
                        if (!this._list) {
                            return
                        }
                        const $firstItem = this._activeListItems.first();
                        this._list.option("focusedElement", (0, _element.getPublicElement)($firstItem));
                        this._list.scrollToItem($firstItem)
                    }
                    _toggleActiveDescendant(shown) {
                        if (shown) {
                            const ariaId = this._list.getFocusedItemId();
                            this.quill.root.setAttribute("aria-activedescendant", ariaId)
                        } else {
                            this.quill.root.removeAttribute("aria-activedescendant")
                        }
                    }
                    get _popupPosition() {
                        const position = this.getPosition();
                        const {
                            left: mentionLeft,
                            top: mentionTop,
                            height: mentionHeight
                        } = this.quill.getBounds(position ? position - 1 : position);
                        const {
                            left: leftOffset,
                            top: topOffset
                        } = (0, _renderer.default)(this.quill.root).offset();
                        const positionEvent = _events_engine.default.Event("positionEvent", {
                            pageX: leftOffset + mentionLeft,
                            pageY: topOffset + mentionTop
                        });
                        return {
                            of: positionEvent,
                            offset: {
                                v: mentionHeight
                            },
                            my: "top left",
                            at: "top left",
                            collision: {
                                y: "flip",
                                x: "flipfit"
                            }
                        }
                    }
                    _getPopupConfig() {
                        return (0, _extend.extend)(super._getPopupConfig(), {
                            hideOnParentScroll: false,
                            onShown: () => {
                                this._toggleActiveDescendant(true);
                                this._isMentionActive = true;
                                this._hasSearch = false;
                                this._focusFirstElement()
                            },
                            onHidden: () => {
                                this._toggleActiveDescendant(false);
                                this._list.unselectAll();
                                this._list.option("focusedElement", null);
                                this._isMentionActive = false;
                                this._search(null)
                            },
                            focusStateEnabled: false
                        })
                    }
                    get _activeListItems() {
                        return this._list.itemElements().filter(`:not(.${DISABLED_STATE_CLASS})`)
                    }
                    clean() {
                        Object.keys(this._mentions).forEach(marker => {
                            if (this._mentions[marker].template) {
                                _m_mention.default.removeTemplate({
                                    marker: marker,
                                    editorKey: this.editorInstance.getMentionKeyInTemplateStorage()
                                })
                            }
                        })
                    }
                }
            }
            exports.default = MentionModule
        },
        55911(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _utils = __webpack_require__( /*! ../../../../common/core/events/utils */ 98834);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _popup = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/popup */ 97643));
            var _m_window = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/m_window */ 14470));
            var _listEdit = _interopRequireDefault(__webpack_require__( /*! ../../../ui/list/list.edit.search */ 51802));
            var _devextremeQuill = _interopRequireDefault(__webpack_require__( /*! devextreme-quill */ 40765));
            var _m_base = _interopRequireDefault(__webpack_require__( /*! ./m_base */ 49864));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            let ListPopupModule = _m_base.default;
            if (_devextremeQuill.default) {
                const SUGGESTION_LIST_CLASS = "dx-suggestion-list";
                const SUGGESTION_LIST_WRAPPER_CLASS = "dx-suggestion-list-wrapper";
                const DROPDOWN_EDITOR_OVERLAY_CLASS = "dx-dropdowneditor-overlay";
                const MIN_HEIGHT = 100;
                ListPopupModule = class extends _m_base.default {
                    constructor(quill, options) {
                        super(quill, options);
                        this.options = (0, _extend.extend)({}, this._getDefaultOptions(), options);
                        this._popup = this.renderPopup();
                        this._popup.$wrapper().addClass(`${SUGGESTION_LIST_WRAPPER_CLASS} ${DROPDOWN_EDITOR_OVERLAY_CLASS}`);
                        this._renderPreventFocusOut()
                    }
                    _getDefaultOptions() {
                        return {
                            dataSource: null
                        }
                    }
                    renderList($container, options) {
                        const $list = (0, _renderer.default)("<div>").addClass(SUGGESTION_LIST_CLASS).appendTo($container);
                        this._list = this.options.editorInstance._createComponent($list, _listEdit.default, options)
                    }
                    renderPopup() {
                        const {
                            editorInstance: editorInstance
                        } = this.options;
                        const $container = (0, _renderer.default)("<div>").appendTo(editorInstance.$element());
                        const popupConfig = this._getPopupConfig();
                        return editorInstance._createComponent($container, _popup.default, popupConfig)
                    }
                    _getPopupConfig() {
                        return {
                            contentTemplate: contentElem => {
                                const listConfig = this._getListConfig(this.options);
                                this.renderList((0, _renderer.default)(contentElem), listConfig)
                            },
                            deferRendering: false,
                            onShown: () => {
                                this._list.focus()
                            },
                            onHidden: () => {
                                this._list.unselectAll();
                                this._list.option("focusedElement", null)
                            },
                            showTitle: false,
                            width: "auto",
                            height: "auto",
                            shading: false,
                            hideOnParentScroll: true,
                            hideOnOutsideClick: true,
                            animation: {
                                show: {
                                    type: "fade",
                                    duration: 0,
                                    from: 0,
                                    to: 1
                                },
                                hide: {
                                    type: "fade",
                                    duration: 400,
                                    from: 1,
                                    to: 0
                                }
                            },
                            fullScreen: false,
                            maxHeight: this.maxHeight
                        }
                    }
                    _getListConfig(options) {
                        return {
                            dataSource: options.dataSource,
                            onSelectionChanged: this.selectionChangedHandler.bind(this),
                            selectionMode: "single",
                            pageLoadMode: "scrollBottom"
                        }
                    }
                    get maxHeight() {
                        const window = _m_window.default.getWindow();
                        const windowHeight = window && (0, _size.getHeight)(window) || 0;
                        return Math.max(MIN_HEIGHT, .5 * windowHeight)
                    }
                    selectionChangedHandler(e) {
                        if (this._popup.option("visible") && e.addedItems.length) {
                            this._popup.hide();
                            this.insertEmbedContent(e)
                        }
                    }
                    _renderPreventFocusOut() {
                        const eventName = (0, _utils.addNamespace)("mousedown", "dxHtmlEditorPopupModule");
                        _events_engine.default.on(this._popup.$wrapper(), eventName, e => {
                            e.preventDefault()
                        })
                    }
                    insertEmbedContent(selectionChangedEvent) {}
                    showPopup() {
                        this._popup && this._popup.show()
                    }
                    savePosition(position) {
                        this.caretPosition = position
                    }
                    getPosition() {
                        return this.caretPosition
                    }
                }
            }
            exports.default = ListPopupModule
        },
        62102(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _translator = __webpack_require__( /*! ../../../../common/core/animation/translator */ 88603);
            var _click = __webpack_require__( /*! ../../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../../core/devices */ 65951));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _resizable = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/resizable */ 28416));
            var _devextremeQuill = _interopRequireDefault(__webpack_require__( /*! devextreme-quill */ 40765));
            var _m_base = _interopRequireDefault(__webpack_require__( /*! ./m_base */ 49864));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const KEYDOWN_EVENT = (0, _index.addNamespace)("keydown", "dxHtmlResizingModule");
            const SCROLL_EVENT = (0, _index.addNamespace)("scroll", "dxHtmlResizingModule");
            const MOUSEDOWN_EVENT = (0, _index.addNamespace)("mousedown", "dxHtmlResizingModule");
            class ResizingModule extends _m_base.default {
                constructor(quill, options) {
                    super(quill, options);
                    this.allowedTargets = options.allowedTargets || ["image"];
                    this.enabled = !!options.enabled;
                    this._hideFrameWithContext = this.hideFrame.bind(this);
                    this._framePositionChangedHandler = this._prepareFramePositionChangedHandler();
                    if (this.enabled) {
                        this._attachEvents();
                        this._createResizeFrame()
                    }
                }
                _attachEvents() {
                    _events_engine.default.on(this.quill.root, (0, _index.addNamespace)(_click.name, "dxHtmlResizingModule"), this._clickHandler.bind(this));
                    _events_engine.default.on(this.quill.root, SCROLL_EVENT, this._framePositionChangedHandler);
                    this.editorInstance.on("focusOut", this._hideFrameWithContext);
                    this.quill.on("text-change", this._framePositionChangedHandler)
                }
                _detachEvents() {
                    _events_engine.default.off(this.quill.root, ".dxHtmlResizingModule");
                    this.editorInstance.off("focusOut", this._hideFrameWithContext);
                    this.quill.off("text-change", this._framePositionChangedHandler)
                }
                _clickHandler(e) {
                    if (this._isAllowedTarget(e.target)) {
                        if (this._$target === e.target) {
                            return
                        }
                        this._$target = e.target;
                        const $target = (0, _renderer.default)(this._$target);
                        const minWidth = Math.max((0, _size.getOuterWidth)($target) - (0, _size.getWidth)($target), this.resizable.option("minWidth"));
                        const minHeight = Math.max((0, _size.getOuterHeight)($target) - (0, _size.getHeight)($target), this.resizable.option("minHeight"));
                        this.resizable.option({
                            minWidth: minWidth,
                            minHeight: minHeight
                        });
                        this.updateFramePosition();
                        this.showFrame();
                        this._adjustSelection()
                    } else if (this._$target) {
                        this.hideFrame()
                    }
                }
                _prepareFramePositionChangedHandler() {
                    return () => {
                        if (this._$target) {
                            this.updateFramePosition()
                        }
                    }
                }
                _adjustSelection() {
                    if (!this.quill.getSelection()) {
                        this.quill.setSelection(0, 0)
                    }
                }
                _isAllowedTarget(targetElement) {
                    return this._isImage(targetElement)
                }
                _isImage(targetElement) {
                    return -1 !== this.allowedTargets.indexOf("image") && "IMG" === targetElement.tagName.toUpperCase()
                }
                showFrame() {
                    this._$resizeFrame.show();
                    _events_engine.default.on(this.quill.root, KEYDOWN_EVENT, this._handleFrameKeyDown.bind(this))
                }
                _handleFrameKeyDown(e) {
                    const keyName = (0, _index.normalizeKeyName)(e);
                    if ("del" === keyName || "backspace" === keyName) {
                        this._deleteImage()
                    }
                    this.hideFrame()
                }
                hideFrame() {
                    this._$target = null;
                    this._$resizeFrame.hide();
                    _events_engine.default.off(this.quill.root, KEYDOWN_EVENT)
                }
                updateFramePosition() {
                    const {
                        height: height,
                        width: width,
                        top: targetTop,
                        left: targetLeft
                    } = (0, _position.getBoundingRect)(this._$target);
                    const {
                        top: containerTop,
                        left: containerLeft
                    } = (0, _position.getBoundingRect)(this.quill.root);
                    const borderWidth = this._getBorderWidth();
                    this._$resizeFrame.css({
                        height: height,
                        width: width,
                        padding: 1,
                        top: targetTop - containerTop - borderWidth - 1,
                        left: targetLeft - containerLeft - borderWidth - 1
                    });
                    (0, _translator.move)(this._$resizeFrame, {
                        left: 0,
                        top: 0
                    })
                }
                _getBorderWidth() {
                    return parseInt(this._$resizeFrame.css("borderTopWidth"))
                }
                _createResizeFrame() {
                    if (this._$resizeFrame) {
                        return
                    }
                    const {
                        deviceType: deviceType
                    } = _devices.default.current();
                    this._$resizeFrame = (0, _renderer.default)("<div>").addClass("dx-resize-frame").toggleClass("dx-touch-device", "desktop" !== deviceType).appendTo(this.editorInstance._getQuillContainer()).hide();
                    _events_engine.default.on(this._$resizeFrame, MOUSEDOWN_EVENT, e => {
                        e.preventDefault()
                    });
                    this.resizable = this.editorInstance._createComponent(this._$resizeFrame, _resizable.default, {
                        onResize: e => {
                            if (!this._$target) {
                                return
                            }(0, _renderer.default)(this._$target).attr({
                                height: e.height,
                                width: e.width
                            });
                            this.updateFramePosition()
                        }
                    })
                }
                _deleteImage() {
                    if (this._isAllowedTarget(this._$target)) {
                        var _Quill$find;
                        null === (_Quill$find = _devextremeQuill.default.find(this._$target)) || void 0 === _Quill$find || _Quill$find.deleteAt(0)
                    }
                }
                option(option, value) {
                    if ("mediaResizing" === option) {
                        this.handleOptionChangeValue(value);
                        return
                    }
                    if ("enabled" === option) {
                        if (this.enabled === value) {
                            return
                        }
                        this.enabled = value;
                        if (value) {
                            this._attachEvents();
                            this._createResizeFrame()
                        } else {
                            this.clean()
                        }
                    } else if ("allowedTargets" === option && Array.isArray(value)) {
                        this.allowedTargets = value
                    }
                }
                clean() {
                    this._detachEvents();
                    this._$resizeFrame.remove();
                    this._$resizeFrame = void 0
                }
            }
            exports.default = ResizingModule
        },
        74829(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _inflector = __webpack_require__( /*! ../../../../core/utils/inflector */ 53124);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _context_menu = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/context_menu */ 34378));
            var _devextremeQuill = _interopRequireDefault(__webpack_require__( /*! devextreme-quill */ 40765));
            var _m_table_helper = __webpack_require__( /*! ../utils/m_table_helper */ 53548);
            var _m_toolbar_helper = __webpack_require__( /*! ../utils/m_toolbar_helper */ 12873);
            var _m_base = _interopRequireDefault(__webpack_require__( /*! ./m_base */ 49864));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CONTEXT_MENU_EVENT = (0, _index.addNamespace)("dxcontextmenu", "dxHtmlEditorTableContextMenu");
            let TableContextMenuModule = _m_base.default;
            const localize = name => _message.default.format(`dxHtmlEditor-${(0,_inflector.camelize)(name)}`);
            if (_devextremeQuill.default) {
                TableContextMenuModule = class extends _m_base.default {
                    constructor(quill, options) {
                        super(quill, options);
                        this.enabled = !!options.enabled;
                        this._quillContainer = this.editorInstance._getQuillContainer();
                        this.addCleanCallback(this.prepareCleanCallback());
                        this._formatHandlers = (0, _m_toolbar_helper.getFormatHandlers)(this);
                        this._tableFormats = (0, _m_table_helper.getTableFormats)(quill);
                        if (this.enabled) {
                            this._enableContextMenu(options.items)
                        }
                    }
                    _enableContextMenu(items) {
                        var _this$_contextMenu;
                        null === (_this$_contextMenu = this._contextMenu) || void 0 === _this$_contextMenu || _this$_contextMenu.dispose();
                        this._contextMenu = this._createContextMenu(items);
                        this._attachEvents()
                    }
                    _attachEvents() {
                        _events_engine.default.on(this.editorInstance._getContent(), CONTEXT_MENU_EVENT, this._prepareContextMenuHandler())
                    }
                    _detachEvents() {
                        _events_engine.default.off(this.editorInstance._getContent(), CONTEXT_MENU_EVENT)
                    }
                    _onContextMenuInitialized(e) {
                        e.component.registerKeyHandler("escape", () => {
                            this.editorInstance.focus()
                        })
                    }
                    _createContextMenu(items) {
                        const $container = (0, _renderer.default)("<div>").appendTo(this.editorInstance.$element());
                        const menuConfig = this._getMenuConfig(items);
                        return this.editorInstance._createComponent($container, _context_menu.default, menuConfig)
                    }
                    showPropertiesForm() {
                        let type = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "cell";
                        const $element = (0, _renderer.default)(this._targetElement).closest("cell" === type ? "th, td" : "table");
                        this._contextMenu.hide();
                        this._formatHandlers[`${type}Properties`]($element);
                        this._targetElement = null
                    }
                    _isAcceptableItem(widget, acceptableWidgetName) {
                        return !widget || widget === acceptableWidgetName
                    }
                    _handleObjectItem(item) {
                        if (item.name && this._isAcceptableItem(item.widget, "dxButton")) {
                            const defaultButtonItemConfig = this._prepareMenuItemConfig(item.name);
                            const buttonItemConfig = (0, _extend.extend)(true, defaultButtonItemConfig, item);
                            return buttonItemConfig
                        }
                        if (item.items) {
                            item.items = this._prepareMenuItems(item.items);
                            return item
                        }
                        return item
                    }
                    _prepareMenuItemConfig(name) {
                        const iconName = _m_toolbar_helper.ICON_MAP[name] ?? name;
                        const buttonText = (0, _inflector.titleize)(name);
                        return {
                            text: localize(buttonText),
                            icon: iconName.toLowerCase(),
                            onClick: this._formatHandlers[name] ?? (0, _m_toolbar_helper.getDefaultClickHandler)(this, name)
                        }
                    }
                    _prepareMenuItems(items) {
                        const resultItems = [];
                        (0, _iterator.each)(items, (_, item) => {
                            let newItem;
                            if ((0, _type.isObject)(item)) {
                                newItem = this._handleObjectItem(item)
                            } else if ((0, _type.isString)(item)) {
                                newItem = this._prepareMenuItemConfig(item)
                            }
                            if (newItem) {
                                resultItems.push(newItem)
                            }
                        });
                        return resultItems
                    }
                    _getMenuConfig(items) {
                        const defaultItems = [{
                            text: localize("insert"),
                            items: ["insertHeaderRow", "insertRowAbove", "insertRowBelow", (0, _extend.extend)(this._prepareMenuItemConfig("insertColumnLeft"), {
                                beginGroup: true
                            }), "insertColumnRight"]
                        }, {
                            text: localize("delete"),
                            items: ["deleteColumn", "deleteRow", "deleteTable"]
                        }, (0, _extend.extend)(this._prepareMenuItemConfig("cellProperties"), {
                            onClick: () => {
                                this.showPropertiesForm("cell")
                            }
                        }), (0, _extend.extend)(this._prepareMenuItemConfig("tableProperties"), {
                            onClick: () => {
                                this.showPropertiesForm("table")
                            }
                        })];
                        const customItems = this._prepareMenuItems(null !== items && void 0 !== items && items.length ? items : defaultItems);
                        return {
                            target: this._quillContainer,
                            showEvent: null,
                            hideOnParentScroll: false,
                            onInitialized: e => {
                                this._onContextMenuInitialized(e)
                            },
                            items: customItems
                        }
                    }
                    _prepareContextMenuHandler() {
                        return event => {
                            if (this._isTableTarget(event.target)) {
                                this._targetElement = event.target;
                                this._setContextMenuPosition(event);
                                this._contextMenu.show();
                                event.preventDefault()
                            }
                        }
                    }
                    _setContextMenuPosition(event) {
                        const startPosition = this._quillContainer.get(0).getBoundingClientRect();
                        this._contextMenu.option({
                            position: {
                                my: "left top",
                                at: "left top",
                                collision: "fit fit",
                                offset: {
                                    x: event.clientX - startPosition.left,
                                    y: event.clientY - startPosition.top
                                }
                            }
                        })
                    }
                    _isTableTarget(targetElement) {
                        return !!(0, _renderer.default)(targetElement).closest(".dx-htmleditor-content td, .dx-htmleditor-content th").length
                    }
                    clean() {
                        this._detachEvents()
                    }
                    option(option, value) {
                        if ("tableContextMenu" === option) {
                            this.handleOptionChangeValue(value);
                            return
                        }
                        if ("enabled" === option) {
                            this.enabled = value;
                            value ? this._enableContextMenu() : this.clean()
                        } else if ("items" === option) {
                            var _this$_contextMenu2;
                            null === (_this$_contextMenu2 = this._contextMenu) || void 0 === _this$_contextMenu2 || _this$_contextMenu2.dispose();
                            this._contextMenu = this._createContextMenu(value)
                        }
                    }
                    prepareCleanCallback() {
                        return () => {
                            this.clean()
                        }
                    }
                }
            }
            exports.default = TableContextMenuModule
        },
        54970(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _translator = __webpack_require__( /*! ../../../../common/core/animation/translator */ 88603);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _resize_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/resize_callbacks */ 63283));
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _draggable = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/draggable */ 5298));
            var _m_table_helper = __webpack_require__( /*! ../utils/m_table_helper */ 53548);
            var _m_base = _interopRequireDefault(__webpack_require__( /*! ./m_base */ 49864));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DEFAULTS = {
                minColumnWidth: 40,
                minRowHeight: 24
            };
            const POINTERDOWN_EVENT = (0, _index.addNamespace)("dxpointerdown", "dxHtmlTableResizingModule");
            const SCROLL_EVENT = (0, _index.addNamespace)("scroll", "dxHtmlTableResizingModule");
            class TableResizingModule extends _m_base.default {
                constructor(quill, options) {
                    super(quill, options);
                    this.enabled = !!options.enabled;
                    this._tableResizeFrames = [];
                    this._minColumnWidth = this._minSizeLimit("minColumnWidth", options.minColumnWidth);
                    this._minRowHeight = this._minSizeLimit("minRowHeight", options.minRowHeight);
                    this._quillContainer = this.editorInstance._getQuillContainer();
                    this._tableData = [];
                    if (this.enabled) {
                        this._applyResizing()
                    }
                }
                _applyResizing(forcedStart) {
                    if (forcedStart) {
                        this._applyResizingImpl()
                    } else {
                        this.editorInstance.addContentInitializedCallback(this._applyResizingImpl.bind(this))
                    }
                    this.addCleanCallback(this.clean.bind(this));
                    this._resizeHandlerWithContext = _resize_callbacks.default.add(this._resizeHandler.bind(this))
                }
                _minSizeLimit(propertyName, newValue) {
                    return (0, _type.isDefined)(newValue) ? Math.max(newValue, 0) : DEFAULTS[propertyName]
                }
                _applyResizingImpl() {
                    const $tables = this._findTables();
                    if ($tables.length) {
                        this._fixTablesWidths($tables);
                        this._createResizeFrames($tables);
                        this._updateFramesPositions();
                        this._updateFramesSeparators()
                    }
                    this._attachEvents()
                }
                _attachEvents() {
                    _events_engine.default.on(this.editorInstance._getContent(), SCROLL_EVENT, this._updateFramesPositions.bind(this));
                    this.quill.on("text-change", this._getQuillTextChangeHandler())
                }
                _detachEvents() {
                    _events_engine.default.off(this.editorInstance._getContent(), "dxHtmlTableResizingModule");
                    this.quill.off("text-change", this._quillTextChangeHandler)
                }
                _getQuillTextChangeHandler(delta, oldContent, source) {
                    return (delta, oldContent, source) => {
                        if (this._isTableChanging()) {
                            const $tables = this._findTables();
                            this._removeResizeFrames();
                            if ("api" === source) {
                                this._fixTablesWidths($tables)
                            }
                            this._updateTablesColumnsWidth($tables);
                            this._createResizeFrames($tables);
                            this._updateFramesPositions();
                            this._updateFramesSeparators()
                        } else {
                            this._updateFramesPositions();
                            if (!this._isDragging) {
                                this._updateFramesSeparators()
                            }
                        }
                    }
                }
                _getFrameForTable($table) {
                    var _this$_framesForTable;
                    return null === (_this$_framesForTable = this._framesForTables) || void 0 === _this$_framesForTable ? void 0 : _this$_framesForTable.get($table.get(0))
                }
                _resizeHandler() {
                    this._windowResizeTimeout = setTimeout(() => {
                        const $tables = this._findTables();
                        (0, _iterator.each)($tables, (index, table) => {
                            const $table = (0, _renderer.default)(table);
                            const frame = this._tableResizeFrames[index];
                            const actualTableWidth = (0, _size.getOuterWidth)($table);
                            const lastTableWidth = this._tableLastWidth(frame);
                            if (Math.abs(actualTableWidth - lastTableWidth) > 1) {
                                this._tableLastWidth(frame, actualTableWidth);
                                this._updateColumnsWidth($table, index)
                            }
                        });
                        this._updateFramesPositions();
                        this._updateFramesSeparators()
                    })
                }
                _findTables() {
                    return (0, _renderer.default)(this._quillContainer).find("table")
                }
                _getWidthStyleValue($element) {
                    const styleValue = $element[0].style.width;
                    return "" !== styleValue ? parseInt(styleValue) : void 0
                }
                _tableLastWidth(frame, newValue) {
                    if ((0, _type.isDefined)(newValue)) {
                        frame.lastWidth = newValue
                    } else {
                        return null === frame || void 0 === frame ? void 0 : frame.lastWidth
                    }
                }
                _fixTablesWidths($tables) {
                    (0, _iterator.each)($tables, (index, table) => {
                        const $table = (0, _renderer.default)(table);
                        const $columnElements = this._getTableDeterminantElements($table, "horizontal");
                        if (!this._tableResizeFrames[index]) {
                            this._tableResizeFrames[index] = {
                                lastWidth: void 0
                            }
                        }
                        const frame = this._getFrameForTable($table);
                        if (!frame) {
                            this._tableResizeFrames.push({
                                $table: $table
                            })
                        }
                        if (0 === (0, _m_table_helper.getAutoSizedElements)($table).length) {
                            const {
                                columnsSum: columnsSum
                            } = this._getColumnElementsSum($columnElements);
                            (0, _m_table_helper.unfixTableWidth)($table, {
                                quill: this.quill
                            });
                            const tableWidth = this._tableLastWidth(frame) ?? (0, _size.getOuterWidth)($table);
                            if (frame) {
                                this._tableLastWidth(frame, Math.max(columnsSum, tableWidth))
                            }
                        }
                    })
                }
                _createResizeFrames($tables) {
                    this._framesForTables = new Map;
                    $tables.each((index, table) => {
                        var _this$_tableResizeFra;
                        const $table = (0, _renderer.default)(table);
                        const $lastTable = null === (_this$_tableResizeFra = this._tableResizeFrames[index]) || void 0 === _this$_tableResizeFra ? void 0 : _this$_tableResizeFra.$table;
                        const $tableLastWidth = this._tableResizeFrames[index].lastWidth;
                        this._tableResizeFrames[index] = {
                            $frame: this._createTableResizeFrame(table),
                            $table: $table,
                            index: index,
                            lastWidth: $lastTable && table === $lastTable.get(0) ? $tableLastWidth : void 0,
                            columnsCount: this._getTableDeterminantElements($table, "horizontal").length,
                            rowsCount: this._getTableDeterminantElements($table, "vertical").length
                        };
                        this._framesForTables.set(table, this._tableResizeFrames[index])
                    });
                    this._tableResizeFrames.length = $tables.length
                }
                _isTableChanging() {
                    const $tables = this._findTables();
                    let result = false;
                    if ($tables.length !== this._tableResizeFrames.length) {
                        result = true
                    } else {
                        (0, _iterator.each)($tables, (index, table) => {
                            const $table = (0, _renderer.default)(table);
                            const frame = this._tableResizeFrames[index];
                            const isColumnsCountChanged = (null === frame || void 0 === frame ? void 0 : frame.columnsCount) !== this._getTableDeterminantElements($table, "horizontal").length;
                            const isRowCountChanged = (null === frame || void 0 === frame ? void 0 : frame.rowsCount) !== this._getTableDeterminantElements($table, "vertical").length;
                            if (isColumnsCountChanged || isRowCountChanged) {
                                result = true;
                                return false
                            }
                        })
                    }
                    return result
                }
                _removeResizeFrames(clearArray) {
                    var _this$_framesForTable2;
                    (0, _iterator.each)(this._tableResizeFrames, (index, resizeFrame) => {
                        if (resizeFrame.$frame) {
                            var _resizeFrame$$frame;
                            const resizerElementsSelector = ".dx-htmleditor-column-resizer, .dx-htmleditor-row-resizer";
                            this._detachSeparatorEvents(null === (_resizeFrame$$frame = resizeFrame.$frame) || void 0 === _resizeFrame$$frame ? void 0 : _resizeFrame$$frame.find(resizerElementsSelector));
                            resizeFrame.$frame.remove()
                        }
                    });
                    null === (_this$_framesForTable2 = this._framesForTables) || void 0 === _this$_framesForTable2 || _this$_framesForTable2.clear();
                    if (clearArray) {
                        this._tableResizeFrames = []
                    }
                }
                _detachSeparatorEvents($lineSeparators) {
                    $lineSeparators.each((i, $lineSeparator) => {
                        _events_engine.default.off($lineSeparator, POINTERDOWN_EVENT)
                    })
                }
                _createTableResizeFrame(table) {
                    return (0, _renderer.default)("<div>").addClass("dx-table-resize-frame").appendTo(this._quillContainer)
                }
                _updateFramesPositions() {
                    (0, _iterator.each)(this._tableResizeFrames, (index, tableResizeFrame) => {
                        this._updateFramePosition(tableResizeFrame.$table, tableResizeFrame.$frame)
                    })
                }
                _updateFramePosition($table, $frame) {
                    const {
                        height: height,
                        width: width,
                        top: targetTop,
                        left: targetLeft
                    } = (0, _position.getBoundingRect)($table.get(0));
                    const {
                        top: containerTop,
                        left: containerLeft
                    } = (0, _position.getBoundingRect)(this.quill.root);
                    $frame.css({
                        height: height,
                        width: width,
                        top: targetTop - containerTop,
                        left: targetLeft - containerLeft
                    });
                    (0, _translator.move)($frame, {
                        left: 0,
                        top: 0
                    })
                }
                _updateFramesSeparators(direction) {
                    (0, _iterator.each)(this._tableResizeFrames, (index, frame) => {
                        if (direction) {
                            this._updateFrameSeparators(frame, direction)
                        } else {
                            this._updateFrameSeparators(frame, "vertical");
                            this._updateFrameSeparators(frame, "horizontal")
                        }
                    })
                }
                _isDraggable($element) {
                    return $element.hasClass("dx-draggable") && $element.is(":visible")
                }
                _removeDraggable($currentLineSeparator, lineResizerClass) {
                    if (this._isDraggable($currentLineSeparator)) {
                        const draggable = (0, _renderer.default)($currentLineSeparator).dxDraggable("instance");
                        draggable.dispose();
                        (0, _renderer.default)($currentLineSeparator).addClass(lineResizerClass)
                    }
                }
                _getDirectionInfo(direction) {
                    if ("vertical" === direction) {
                        return {
                            lineResizerClass: "dx-htmleditor-row-resizer",
                            sizeFunction: x => (0, _size.getOuterHeight)(x),
                            positionCoordinate: "top",
                            positionStyleProperty: "height",
                            positionCoordinateName: "y"
                        }
                    }
                    return {
                        lineResizerClass: "dx-htmleditor-column-resizer",
                        sizeFunction: x => (0, _size.getOuterWidth)(x),
                        positionCoordinate: this.editorInstance.option("rtlEnabled") ? "right" : "left",
                        positionStyleProperty: "width",
                        positionCoordinateName: "x"
                    }
                }
                _getSize($element, directionInfo) {
                    return directionInfo.sizeFunction($element)
                }
                _updateFrameSeparators(frame, direction) {
                    const $determinantElements = this._getTableDeterminantElements(frame.$table, direction);
                    const determinantElementsCount = $determinantElements.length;
                    const determinantElementsSeparatorsCount = determinantElementsCount - 1;
                    const directionInfo = this._getDirectionInfo(direction);
                    const lineSeparators = frame.$frame.find(`.${directionInfo.lineResizerClass}`);
                    const styleOptions = {
                        transform: "none"
                    };
                    let currentPosition = 0;
                    for (let i = 0; i <= determinantElementsSeparatorsCount; i++) {
                        currentPosition += this._getSize($determinantElements.eq(i), directionInfo);
                        if (!(0, _type.isDefined)(lineSeparators[i])) {
                            lineSeparators[i] = (0, _renderer.default)("<div>").addClass(directionInfo.lineResizerClass).appendTo(frame.$frame).get(0)
                        }
                        const $currentLineSeparator = (0, _renderer.default)(lineSeparators[i]);
                        this._removeDraggable($currentLineSeparator, directionInfo.lineResizerClass);
                        styleOptions[directionInfo.positionCoordinate] = currentPosition - 2;
                        (0, _renderer.default)($currentLineSeparator).css(styleOptions);
                        const attachSeparatorData = {
                            lineSeparator: lineSeparators[i],
                            index: i,
                            $determinantElements: $determinantElements,
                            frame: frame,
                            direction: direction
                        };
                        this._attachColumnSeparatorEvents(attachSeparatorData)
                    }
                }
                _getTableDeterminantElements($table, direction) {
                    if ("vertical" === direction) {
                        return $table.find("th:first-child, td:first-child")
                    }
                    return (0, _m_table_helper.getColumnElements)($table)
                }
                _attachColumnSeparatorEvents(options) {
                    _events_engine.default.on(options.lineSeparator, POINTERDOWN_EVENT, () => {
                        this._createDraggableElement(options)
                    })
                }
                _dragStartHandler(_ref) {
                    let {
                        $determinantElements: $determinantElements,
                        index: index,
                        frame: frame,
                        direction: direction,
                        lineSeparator: lineSeparator
                    } = _ref;
                    const directionInfo = this._getDirectionInfo(direction);
                    this._isDragging = true;
                    this._fixColumnsWidth(frame.$table);
                    this._startLineSize = parseInt(this._getSize((0, _renderer.default)($determinantElements[index]), directionInfo));
                    this._startTableWidth = (0, _size.getOuterWidth)(frame.$table);
                    this._startLineSeparatorPosition = parseInt((0, _renderer.default)(lineSeparator).css(directionInfo.positionCoordinate));
                    this._nextLineSize = 0;
                    if ($determinantElements[index + 1]) {
                        this._nextLineSize = parseInt(this._getSize((0, _renderer.default)($determinantElements[index + 1]), directionInfo))
                    } else if ("horizontal" === direction) {
                        (0, _m_table_helper.unfixTableWidth)(frame.$table, {
                            quill: this.quill
                        })
                    }
                }
                _shouldRevertOffset(direction) {
                    return "horizontal" === direction && this.editorInstance.option("rtlEnabled")
                }
                _isNextColumnWidthEnough(nextColumnNewSize, $nextColumnElement, eventOffset) {
                    if (!this._nextLineSize) {
                        return true
                    }
                    if (nextColumnNewSize >= this._minColumnWidth) {
                        const isWidthIncreased = this._nextColumnOffsetLimit ? eventOffset < this._nextColumnOffsetLimit : eventOffset < 0;
                        const isWidthLimited = Math.abs(this._getWidthStyleValue($nextColumnElement) - (0, _size.getOuterWidth)($nextColumnElement)) > 3;
                        return isWidthIncreased || !isWidthLimited
                    }
                    return false
                }
                _shouldSetNextColumnWidth(nextColumnNewSize) {
                    return this._nextLineSize && nextColumnNewSize > 0
                }
                _horizontalDragHandler(_ref2) {
                    let {
                        currentLineNewSize: currentLineNewSize,
                        directionInfo: directionInfo,
                        eventOffset: eventOffset,
                        $determinantElements: $determinantElements,
                        index: index,
                        frame: frame
                    } = _ref2;
                    let nextColumnNewSize = this._nextLineSize && this._nextLineSize - eventOffset;
                    const isCurrentColumnWidthEnough = currentLineNewSize >= this._minColumnWidth;
                    const $lineElements = (0, _m_table_helper.getLineElements)(frame.$table, index);
                    const $nextLineElements = (0, _m_table_helper.getLineElements)(frame.$table, index + 1);
                    const realWidthDiff = (0, _size.getOuterWidth)($lineElements.eq(0)) - currentLineNewSize;
                    if (isCurrentColumnWidthEnough) {
                        if (this._isNextColumnWidthEnough(nextColumnNewSize, $determinantElements.eq(index + 1), eventOffset)) {
                            (0, _m_table_helper.setLineElementsFormat)(this, {
                                elements: $lineElements,
                                property: directionInfo.positionStyleProperty,
                                value: currentLineNewSize
                            });
                            if (this._shouldSetNextColumnWidth(nextColumnNewSize)) {
                                (0, _m_table_helper.setLineElementsFormat)(this, {
                                    elements: $nextLineElements,
                                    property: directionInfo.positionStyleProperty,
                                    value: nextColumnNewSize
                                })
                            }
                            const isTableWidthChanged = Math.abs(this._startTableWidth - (0, _size.getOuterWidth)(frame.$table)) < 3;
                            const shouldRevertNewValue = Math.abs(realWidthDiff) > 3 || !this._nextLineSize && isTableWidthChanged;
                            if (shouldRevertNewValue) {
                                (0, _m_table_helper.setLineElementsFormat)(this, {
                                    elements: $lineElements,
                                    property: directionInfo.positionStyleProperty,
                                    value: (0, _size.getOuterWidth)($lineElements.eq(0))
                                });
                                nextColumnNewSize += currentLineNewSize - (0, _size.getOuterWidth)($lineElements.eq(0));
                                if (this._shouldSetNextColumnWidth(nextColumnNewSize)) {
                                    (0, _m_table_helper.setLineElementsFormat)(this, {
                                        elements: $nextLineElements,
                                        property: directionInfo.positionStyleProperty,
                                        value: nextColumnNewSize
                                    })
                                }
                            }
                        } else {
                            this._nextColumnOffsetLimit = this._nextColumnOffsetLimit || eventOffset
                        }
                    }
                    this._$highlightedElement.css(directionInfo.positionCoordinate, `${this._startLineSeparatorPosition+eventOffset+realWidthDiff}px`)
                }
                _verticalDragHandler(_ref3) {
                    let {
                        currentLineNewSize: currentLineNewSize,
                        directionInfo: directionInfo,
                        eventOffset: eventOffset,
                        $determinantElements: $determinantElements,
                        index: index,
                        frame: frame
                    } = _ref3;
                    const newHeight = Math.max(currentLineNewSize, this._minRowHeight);
                    const $lineElements = (0, _m_table_helper.getLineElements)(frame.$table, index, "vertical");
                    (0, _m_table_helper.setLineElementsFormat)(this, {
                        elements: $lineElements,
                        property: directionInfo.positionStyleProperty,
                        value: newHeight
                    });
                    const rowHeightDiff = (0, _size.getOuterHeight)($determinantElements.eq(index)) - currentLineNewSize;
                    this._$highlightedElement.css(directionInfo.positionCoordinate, `${this._startLineSeparatorPosition+eventOffset+rowHeightDiff}px`)
                }
                _dragMoveHandler(event, _ref4) {
                    let {
                        $determinantElements: $determinantElements,
                        index: index,
                        frame: frame,
                        direction: direction
                    } = _ref4;
                    const directionInfo = this._getDirectionInfo(direction);
                    let eventOffset = event.offset[directionInfo.positionCoordinateName];
                    this.editorInstance._saveValueChangeEvent(event);
                    if (this._shouldRevertOffset(direction)) {
                        eventOffset = -eventOffset
                    }
                    const currentLineNewSize = this._startLineSize + eventOffset;
                    if ("horizontal" === direction) {
                        this._horizontalDragHandler({
                            currentLineNewSize: currentLineNewSize,
                            directionInfo: directionInfo,
                            eventOffset: eventOffset,
                            $determinantElements: $determinantElements,
                            index: index,
                            frame: frame
                        })
                    } else {
                        this._verticalDragHandler({
                            currentLineNewSize: currentLineNewSize,
                            directionInfo: directionInfo,
                            eventOffset: eventOffset,
                            $determinantElements: $determinantElements,
                            index: index,
                            frame: frame
                        })
                    }
                    this._updateFramePosition(frame.$table, frame.$frame)
                }
                _dragEndHandler(options) {
                    var _this$_$highlightedEl;
                    null === (_this$_$highlightedEl = this._$highlightedElement) || void 0 === _this$_$highlightedEl || _this$_$highlightedEl.remove();
                    this._isDragging = void 0;
                    this._nextColumnOffsetLimit = void 0;
                    this._tableLastWidth(options.frame, (0, _size.getOuterWidth)(options.frame.$table));
                    this._updateFramesPositions();
                    this._updateFramesSeparators()
                }
                _isLastColumnResizing(_ref5) {
                    let {
                        $determinantElements: $determinantElements,
                        index: index
                    } = _ref5;
                    return !(0, _type.isDefined)($determinantElements[index + 1])
                }
                _getBoundaryConfig(options) {
                    const result = {};
                    if ("vertical" === options.direction) {
                        result.boundary = options.frame.$table;
                        result.boundOffset = {
                            bottom: (0, _window.hasWindow)() ? -(0, _size.getHeight)((0, _window.getWindow)()) : -(0, _size.getOuterHeight)(this._quillContainer),
                            top: 0,
                            left: 0,
                            right: 0
                        }
                    } else if (!this._isLastColumnResizing(options)) {
                        result.boundary = options.frame.$table
                    } else {
                        const $content = this.editorInstance._getContent();
                        result.boundary = $content;
                        result.boundOffset = {
                            bottom: 0,
                            top: 0,
                            left: $content.css("paddingLeft"),
                            right: $content.css("paddingRight")
                        }
                    }
                    return result
                }
                _createDraggableElement(options) {
                    var _this$_$highlightedEl2;
                    const boundaryConfig = this._getBoundaryConfig(options);
                    const directionClass = "vertical" === options.direction ? "dx-htmleditor-highlighted-row" : "dx-htmleditor-highlighted-column";
                    null === (_this$_$highlightedEl2 = this._$highlightedElement) || void 0 === _this$_$highlightedEl2 || _this$_$highlightedEl2.remove();
                    this._$highlightedElement = (0, _renderer.default)("<div>").addClass(`${directionClass}`).insertAfter((0, _renderer.default)(options.lineSeparator));
                    const config = {
                        contentTemplate: null,
                        allowMoveByClick: false,
                        dragDirection: options.direction,
                        onDragMove: _ref6 => {
                            let {
                                component: component,
                                event: event
                            } = _ref6;
                            this._dragMoveHandler(event, options)
                        },
                        onDragStart: () => {
                            this._dragStartHandler(options)
                        },
                        onDragEnd: () => {
                            this._dragEndHandler(options)
                        }
                    };
                    (0, _extend.extend)(config, boundaryConfig);
                    this._currentDraggableElement = this.editorInstance._createComponent(options.lineSeparator, _draggable.default, config)
                }
                _fixColumnsWidth($table) {
                    const determinantElements = this._getTableDeterminantElements($table);
                    (0, _iterator.each)(determinantElements, (index, element) => {
                        const columnWidth = (0, _size.getOuterWidth)(element);
                        const $lineElements = (0, _m_table_helper.getLineElements)($table, index);
                        (0, _m_table_helper.setLineElementsFormat)(this, {
                            elements: $lineElements,
                            property: "width",
                            value: Math.max(columnWidth, this._minColumnWidth)
                        })
                    })
                }
                _getColumnElementsSum(columnElements) {
                    const columnsWidths = [];
                    let columnsSum = 0;
                    (0, _iterator.each)(columnElements, (index, element) => {
                        const $element = (0, _renderer.default)(element);
                        const columnWidth = this._getWidthStyleValue($element) || (0, _size.getOuterWidth)($element);
                        columnsWidths[index] = Math.max(columnWidth, this._minColumnWidth);
                        columnsSum += columnsWidths[index]
                    });
                    return {
                        columnsWidths: columnsWidths,
                        columnsSum: columnsSum
                    }
                }
                _setColumnsRatioWidth(columnElements, ratio, columnsWidths, $table) {
                    (0, _iterator.each)(columnElements, index => {
                        const $lineElements = (0, _m_table_helper.getLineElements)($table, index);
                        let resultWidth;
                        if (ratio > 0) {
                            resultWidth = this._minColumnWidth + Math.round((columnsWidths[index] - this._minColumnWidth) * ratio)
                        } else {
                            resultWidth = this._minColumnWidth
                        }(0, _m_table_helper.setLineElementsFormat)(this, {
                            elements: $lineElements,
                            property: "width",
                            value: resultWidth
                        })
                    })
                }
                _updateColumnsWidth($table, frameIndex) {
                    const determinantElements = this._getTableDeterminantElements($table);
                    let frame = this._tableResizeFrames[frameIndex];
                    if (!frame) {
                        this._tableResizeFrames[frameIndex] = {}
                    }
                    frame = this._tableResizeFrames[frameIndex];
                    const tableWidth = this._tableLastWidth(frame) || (0, _size.getOuterWidth)($table);
                    let ratio;
                    const {
                        columnsWidths: columnsWidths,
                        columnsSum: columnsSum
                    } = this._getColumnElementsSum(determinantElements);
                    const minWidthForColumns = determinantElements.length * this._minColumnWidth;
                    if (columnsSum > minWidthForColumns) {
                        ratio = (tableWidth - minWidthForColumns) / (columnsSum - minWidthForColumns)
                    } else {
                        ratio = -1
                    }
                    this._tableLastWidth(frame, ratio > 0 ? tableWidth : minWidthForColumns);
                    this._setColumnsRatioWidth(determinantElements, ratio, columnsWidths, $table)
                }
                _updateTablesColumnsWidth($tables) {
                    (0, _iterator.each)($tables, (index, table) => {
                        this._updateColumnsWidth((0, _renderer.default)(table), index)
                    })
                }
                option(option, value) {
                    if ("tableResizing" === option) {
                        this.handleOptionChangeValue(value);
                        return
                    }
                    if ("enabled" === option) {
                        this.enabled = value;
                        value ? this._applyResizing(true) : this.clean()
                    } else if (["minColumnWidth", "minRowHeight"].includes(option)) {
                        this[`_${option}`] = this._minSizeLimit(option, value)
                    }
                }
                clean() {
                    this._removeResizeFrames(true);
                    this._detachEvents();
                    _resize_callbacks.default.remove(this._resizeHandlerWithContext);
                    clearTimeout(this._windowResizeTimeout);
                    this._resizeHandlerWithContext = void 0;
                    this._isDragging = void 0;
                    this._startTableWidth = void 0;
                    clearTimeout(this._attachResizerTimeout)
                }
            }
            exports.default = TableResizingModule
        },
        8478(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ../../../../ui/select_box */ 60695);
            __webpack_require__( /*! ../../../ui/color_box/m_color_view */ 98264);
            __webpack_require__( /*! ../../../../ui/number_box */ 48042);
            __webpack_require__( /*! ../../../../ui/menu */ 1614);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../../common/core/events/utils/index */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _inflector = __webpack_require__( /*! ../../../../core/utils/inflector */ 53124);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _toolbar = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/toolbar */ 2850));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/widget/ui.errors */ 35185));
            var _capitalize = __webpack_require__( /*! ../../../core/utils/capitalize */ 72928);
            var _menu2 = __webpack_require__( /*! ../../../ui/menu/menu */ 81172);
            var _devextremeQuill = _interopRequireDefault(__webpack_require__( /*! devextreme-quill */ 40765));
            var _ai = __webpack_require__( /*! ../utils/ai */ 39195);
            var _m_table_helper = __webpack_require__( /*! ../utils/m_table_helper */ 53548);
            var _m_toolbar_helper = __webpack_require__( /*! ../utils/m_toolbar_helper */ 12873);
            var _m_base = _interopRequireDefault(__webpack_require__( /*! ./m_base */ 49864));
            var _m_widget_collector = _interopRequireDefault(__webpack_require__( /*! ./m_widget_collector */ 78397));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            let ToolbarModule = _m_base.default;
            if (_devextremeQuill.default) {
                const TOOLBAR_WRAPPER_CLASS = "dx-htmleditor-toolbar-wrapper";
                const TOOLBAR_CLASS = "dx-htmleditor-toolbar";
                const TOOLBAR_FORMAT_WIDGET_CLASS = "dx-htmleditor-toolbar-format";
                const TOOLBAR_SEPARATOR_CLASS = "dx-htmleditor-toolbar-separator";
                const TOOLBAR_MENU_SEPARATOR_CLASS = "dx-htmleditor-toolbar-menu-separator";
                const ACTIVE_FORMAT_CLASS = "dx-format-active";
                const SELECTED_STATE_CLASS = "dx-state-selected";
                const ICON_CLASS = "dx-icon";
                const SELECTION_CHANGE_EVENT = "selection-change";
                const USER_ACTION = "user";
                const SILENT_ACTION = "silent";
                const FORMAT_HOTKEYS = {
                    66: "bold",
                    73: "italic",
                    85: "underline"
                };
                const KEY_CODES = {
                    b: 66,
                    i: 73,
                    u: 85
                };
                const TOOLBAR_AI_ITEM_NAME = "ai";
                const localize = name => _message.default.format(`dxHtmlEditor-${(0,_inflector.camelize)(name)}`);
                const localizeValue = (value, name) => {
                    if ("header" === name) {
                        const isHeaderValue = (0, _type.isDefined)(value) && false !== value;
                        return isHeaderValue ? `${localize("heading")} ${value}` : localize("normalText")
                    }
                    return localize(value) || value
                };
                ToolbarModule = class extends _m_base.default {
                    constructor(quill, options) {
                        var _this;
                        super(quill, options);
                        _this = this;
                        this._toolbarWidgets = new _m_widget_collector.default;
                        this._formatHandlers = (0, _m_toolbar_helper.getFormatHandlers)(this);
                        this._tableFormats = (0, _m_table_helper.getTableFormats)(quill);
                        if ((0, _type.isDefined)(options.items)) {
                            this._addCallbacks();
                            this._renderToolbar();
                            const toolbarMenu = this.toolbarInstance._layoutStrategy._menu;
                            if (toolbarMenu) {
                                const {
                                    _renderPopup: _renderPopup
                                } = toolbarMenu;
                                toolbarMenu._renderPopup = function() {
                                    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                                        args[_key] = arguments[_key]
                                    }
                                    _renderPopup.apply(toolbarMenu, ...args);
                                    toolbarMenu._popup.on("showing", () => {
                                        _this._updateToolbar(true)
                                    })
                                }
                            }
                            this.quill.on("editor-change", (eventName, newValue, oldValue, eventSource) => {
                                const isSilentMode = eventSource === SILENT_ACTION && (0, _type.isEmptyObject)(this.quill.getFormat());
                                if (!isSilentMode) {
                                    const isSelectionChanged = eventName === SELECTION_CHANGE_EVENT;
                                    this._updateToolbar(isSelectionChanged)
                                }
                                this._updateHeaderFormatWidget()
                            })
                        }
                    }
                    _addCallbacks() {
                        this.addCleanCallback(this.clean.bind(this));
                        this.editorInstance.addContentInitializedCallback(this.updateHistoryWidgets.bind(this))
                    }
                    _updateToolbar(isSelectionChanged) {
                        this.updateFormatWidgets(isSelectionChanged);
                        this.updateHistoryWidgets();
                        this.updateTableWidgets()
                    }
                    _updateFormatWidget(name, isApplied, formats) {
                        const widget = this._toolbarWidgets.getByName(name);
                        if (!widget) {
                            return
                        }
                        if (isApplied) {
                            this._markActiveFormatWidget(name, widget, formats)
                        } else {
                            this._resetFormatWidget(name, widget);
                            if (Object.prototype.hasOwnProperty.call(name)) {
                                delete formats[name]
                            }
                        }
                        this._toggleClearFormatting(isApplied || !(0, _type.isEmptyObject)(formats))
                    }
                    _renderToolbar() {
                        const container = this.options.container || this._getContainer();
                        this._$toolbar = (0, _renderer.default)("<div>").addClass(TOOLBAR_CLASS).appendTo(container);
                        this._$toolbarContainer = (0, _renderer.default)(container).addClass(TOOLBAR_WRAPPER_CLASS);
                        _events_engine.default.on(this._$toolbarContainer, (0, _index.addNamespace)("mousedown", this.editorInstance.NAME), e => {
                            e.target.focus();
                            e.preventDefault()
                        });
                        this._subscribeFormatHotKeys();
                        this.toolbarInstance = this.editorInstance._createComponent(this._$toolbar, _toolbar.default, this.toolbarConfig);
                        this.editorInstance.on("optionChanged", _ref => {
                            let {
                                name: name
                            } = _ref;
                            if ("readOnly" === name || "disabled" === name) {
                                this.toolbarInstance.option("disabled", this.isInteractionDisabled)
                            }
                        })
                    }
                    get toolbarConfig() {
                        return {
                            dataSource: this._prepareToolbarItems(),
                            disabled: this.isInteractionDisabled,
                            menuContainer: this._$toolbarContainer,
                            multiline: this.isMultilineMode()
                        }
                    }
                    get isInteractionDisabled() {
                        return this.editorInstance.option("readOnly") || this.editorInstance.option("disabled")
                    }
                    isMultilineMode() {
                        return this.options.multiline ?? true
                    }
                    clean() {
                        this._toolbarWidgets.clear();
                        if (this._$toolbarContainer) {
                            this._$toolbarContainer.empty().removeClass(TOOLBAR_WRAPPER_CLASS)
                        }
                    }
                    repaint() {
                        this.toolbarInstance && this.toolbarInstance.repaint()
                    }
                    _getContainer() {
                        const $container = (0, _renderer.default)("<div>");
                        this.editorInstance.$element().prepend($container);
                        return $container
                    }
                    _subscribeFormatHotKeys() {
                        this.quill.keyboard.addBinding({
                            which: KEY_CODES.b,
                            shortKey: true
                        }, this._handleFormatHotKey.bind(this));
                        this.quill.keyboard.addBinding({
                            which: KEY_CODES.i,
                            shortKey: true
                        }, this._handleFormatHotKey.bind(this));
                        this.quill.keyboard.addBinding({
                            which: KEY_CODES.u,
                            shortKey: true
                        }, this._handleFormatHotKey.bind(this))
                    }
                    _handleFormatHotKey(range, context, _ref2) {
                        let {
                            which: which
                        } = _ref2;
                        const formatName = FORMAT_HOTKEYS[which];
                        this._updateButtonState(formatName)
                    }
                    _updateButtonState(formatName) {
                        const formatWidget = this._toolbarWidgets.getByName(formatName);
                        const currentFormat = this.quill.getFormat();
                        const formatValue = currentFormat[formatName];
                        if (formatValue) {
                            this._markActiveFormatWidget(formatName, formatWidget, currentFormat)
                        } else {
                            this._resetFormatWidget(formatName, formatWidget)
                        }
                    }
                    _prepareToolbarItems() {
                        const resultItems = [];
                        (0, _iterator.each)(this.options.items, (index, item) => {
                            let newItem;
                            if ((0, _type.isObject)(item)) {
                                newItem = this._handleObjectItem(item)
                            } else if (item === TOOLBAR_AI_ITEM_NAME) {
                                resultItems.push(this._getToolbarItem(this._prepareAIMenuItemConfig(item)))
                            } else if ((0, _type.isString)(item)) {
                                const buttonItemConfig = this._prepareButtonItemConfig(item);
                                newItem = this._getToolbarItem(buttonItemConfig)
                            }
                            if (newItem) {
                                resultItems.push(newItem)
                            }
                        });
                        return resultItems
                    }
                    _handleObjectItem(item) {
                        if (item.name === TOOLBAR_AI_ITEM_NAME) {
                            return this._getToolbarItem(this._prepareAIMenuItemConfig(item))
                        }
                        if (item.name && item.acceptedValues && this._isAcceptableItem(item.widget, "dxSelectBox")) {
                            const selectItemConfig = this._prepareSelectItemConfig(item);
                            return this._getToolbarItem(selectItemConfig)
                        }
                        if (item.name && this._isAcceptableItem(item.widget, "dxButton")) {
                            const defaultButtonItemConfig = this._prepareButtonItemConfig(item.name);
                            const buttonItemConfig = (0, _extend.extend)(true, defaultButtonItemConfig, item);
                            return this._getToolbarItem(buttonItemConfig)
                        }
                        return this._getToolbarItem(item)
                    }
                    _isAcceptableItem(widget, acceptableWidgetName) {
                        return !widget || widget === acceptableWidgetName
                    }
                    _prepareButtonItemConfig(name) {
                        const iconName = _m_toolbar_helper.ICON_MAP[name] ?? name;
                        const buttonText = (0, _inflector.titleize)(name);
                        return {
                            widget: "dxButton",
                            name: name,
                            options: {
                                hint: localize(buttonText),
                                text: localize(buttonText),
                                icon: iconName.toLowerCase(),
                                onClick: this._formatHandlers[name] || (0, _m_toolbar_helper.getDefaultClickHandler)(this, name),
                                stylingMode: "text"
                            },
                            showText: "inMenu"
                        }
                    }
                    _prepareSelectItemConfig(item) {
                        const {
                            name: name,
                            acceptedValues: acceptedValues
                        } = item;
                        return (0, _extend.extend)(true, {
                            widget: "dxSelectBox",
                            name: name,
                            options: {
                                stylingMode: "filled",
                                dataSource: acceptedValues,
                                displayExpr: value => localizeValue(value, name),
                                placeholder: localize(name),
                                onValueChanged: e => {
                                    if (!this._isReset) {
                                        this._hideAdaptiveMenu();
                                        (0, _m_toolbar_helper.applyFormat)(this, [name, e.value, USER_ACTION], e.event);
                                        this._setValueSilent(e.component, e.value)
                                    }
                                }
                            }
                        }, item)
                    }
                    _createCommandMenuItem(command, text, commandOptions) {
                        const options = (null === commandOptions || void 0 === commandOptions ? void 0 : commandOptions.map(_capitalize.capitalize)) ?? (0, _ai.getDefaultOptionsByCommand)(command);
                        const item = {
                            id: command,
                            name: command,
                            text: text ?? (0, _ai.getDefaultCommandName)(command),
                            items: null === options || void 0 === options ? void 0 : options.map(option => ({
                                id: option,
                                text: option,
                                parentCommand: command,
                                options: options
                            }))
                        };
                        return item
                    }
                    _buildMenuItems(commands) {
                        let customCommandIndex = 0;
                        const items = null === commands || void 0 === commands ? void 0 : commands.map(command => {
                            if ("object" === typeof command) {
                                if ("custom" === command.name) {
                                    var _command$options;
                                    const id = `custom${customCommandIndex}`;
                                    const {
                                        prompt: prompt,
                                        options: options
                                    } = command;
                                    const capitalized = null === options || void 0 === options ? void 0 : options.map(_capitalize.capitalize);
                                    const item = {
                                        id: id,
                                        name: "custom",
                                        text: command.text,
                                        items: null === (_command$options = command.options) || void 0 === _command$options ? void 0 : _command$options.map(rawOptionName => {
                                            const option = (0, _capitalize.capitalize)(rawOptionName);
                                            const result = {
                                                parentCommand: id,
                                                id: option,
                                                text: option,
                                                options: capitalized,
                                                prompt: prompt
                                            };
                                            return result
                                        }),
                                        disabled: !prompt,
                                        prompt: prompt
                                    };
                                    customCommandIndex += 1;
                                    return item
                                }
                                return this._createCommandMenuItem(command.name, command.text, command.options)
                            }
                            return this._createCommandMenuItem(command)
                        });
                        return items
                    }
                    _validateAIToolbarItemConfig(commandsMap) {
                        const {
                            aiIntegration: aiIntegration
                        } = this.editorInstance.option();
                        if (!aiIntegration) {
                            _ui.default.log("W1026")
                        }
                        if ((0, _ai.hasInvalidCustomCommand)(commandsMap)) {
                            _ui.default.log("W1027")
                        }
                    }
                    _prepareAIMenuItemConfig(item) {
                        var _dataSource$0$items;
                        const {
                            name: name = TOOLBAR_AI_ITEM_NAME,
                            commands: commands = Object.keys(_ai.commandMessageKeys)
                        } = item;
                        const commandsMap = (0, _ai.buildCommandsMap)(commands);
                        const menuItems = this._buildMenuItems(commands);
                        this._validateAIToolbarItemConfig(commandsMap);
                        const dataSource = [{
                            id: "root",
                            icon: "sparkle",
                            items: menuItems
                        }];
                        const {
                            aiIntegration: aiIntegration
                        } = this.editorInstance.option();
                        const isMenuDisabled = !(null !== (_dataSource$0$items = dataSource[0].items) && void 0 !== _dataSource$0$items && _dataSource$0$items.length) || !aiIntegration;
                        const options = {
                            dataSource: dataSource,
                            disabled: isMenuDisabled,
                            onContentReady: e => {
                                const $item = (0, _renderer.default)(e.element).find(`.${_menu2.DX_MENU_ITEM_CLASS}`).first();
                                $item.attr("aria-label", _message.default.format("dxHtmlEditor-aiToolbarItemAriaLabel"))
                            },
                            onItemClick: e => {
                                var _itemData$items;
                                const {
                                    itemData: itemData
                                } = e;
                                if (!itemData || null !== (_itemData$items = itemData.items) && void 0 !== _itemData$items && _itemData$items.length) {
                                    return
                                }
                                const aiDialogOptions = {
                                    command: itemData.id,
                                    parentCommand: itemData.parentCommand,
                                    commandsMap: commandsMap,
                                    prompt: itemData.prompt
                                };
                                this._formatHandlers[name](aiDialogOptions)
                            }
                        };
                        return (0, _extend.extend)(true, {
                            widget: "dxMenu",
                            name: name,
                            options: options
                        }, "string" === typeof item ? {} : item)
                    }
                    _hideAdaptiveMenu() {
                        if (this.toolbarInstance.option("overflowMenuVisible")) {
                            this.toolbarInstance.option("overflowMenuVisible", false)
                        }
                    }
                    _getToolbarItem(item) {
                        const baseItem = {
                            options: {
                                onInitialized: e => {
                                    if (item.name) {
                                        e.component.$element().addClass(TOOLBAR_FORMAT_WIDGET_CLASS);
                                        e.component.$element().toggleClass(`dx-${item.name.toLowerCase()}-format`, !!item.name);
                                        this._toolbarWidgets.add(item.name, e.component)
                                    }
                                },
                                onDisposing: () => {
                                    this._toolbarWidgets.remove(item.name)
                                }
                            }
                        };
                        return (0, _extend.extend)(true, {
                            location: "before",
                            locateInMenu: "auto"
                        }, this._getDefaultConfig(item.name), item, baseItem)
                    }
                    _getDefaultItemsConfig() {
                        return {
                            clear: {
                                options: {
                                    disabled: true
                                }
                            },
                            undo: {
                                options: {
                                    disabled: true
                                }
                            },
                            redo: {
                                options: {
                                    disabled: true
                                }
                            },
                            insertRowAbove: {
                                options: {
                                    disabled: true
                                }
                            },
                            insertRowBelow: {
                                options: {
                                    disabled: true
                                }
                            },
                            insertHeaderRow: {
                                options: {
                                    disabled: true
                                }
                            },
                            insertColumnLeft: {
                                options: {
                                    disabled: true
                                }
                            },
                            insertColumnRight: {
                                options: {
                                    disabled: true
                                }
                            },
                            deleteRow: {
                                options: {
                                    disabled: true
                                }
                            },
                            deleteColumn: {
                                options: {
                                    disabled: true
                                }
                            },
                            deleteTable: {
                                options: {
                                    disabled: true
                                }
                            },
                            cellProperties: {
                                options: {
                                    disabled: true
                                }
                            },
                            tableProperties: {
                                options: {
                                    disabled: true
                                }
                            },
                            separator: {
                                template: (data, index, element) => {
                                    (0, _renderer.default)(element).addClass(TOOLBAR_SEPARATOR_CLASS)
                                },
                                menuItemTemplate: (data, index, element) => {
                                    (0, _renderer.default)(element).addClass(TOOLBAR_MENU_SEPARATOR_CLASS)
                                }
                            }
                        }
                    }
                    _getDefaultConfig(name) {
                        return this._getDefaultItemsConfig()[name]
                    }
                    updateHistoryWidgets() {
                        const historyModule = this.quill.history;
                        if (!historyModule) {
                            return
                        }
                        const {
                            undo: undoOps,
                            redo: redoOps
                        } = historyModule.stack;
                        this._updateManipulationWidget(this._toolbarWidgets.getByName("undo"), Boolean(undoOps.length));
                        this._updateManipulationWidget(this._toolbarWidgets.getByName("redo"), Boolean(redoOps.length))
                    }
                    updateTableWidgets() {
                        const table = this.quill.getModule("table");
                        if (!table) {
                            return
                        }
                        const selection = this.quill.getSelection();
                        const formats = selection && this.quill.getFormat(selection) || {};
                        const isTableOperationsEnabled = this._tableFormats.some(format => Boolean(formats[format]));
                        _m_table_helper.TABLE_OPERATIONS.forEach(operationName => {
                            const isInsertTable = "insertTable" === operationName;
                            const widget = this._toolbarWidgets.getByName(operationName);
                            this._updateManipulationWidget(widget, isInsertTable ? !isTableOperationsEnabled : isTableOperationsEnabled)
                        })
                    }
                    _updateManipulationWidget(widget, isOperationEnabled) {
                        if (!widget) {
                            return
                        }
                        widget.option("disabled", !isOperationEnabled)
                    }
                    updateFormatWidgets(isResetRequired) {
                        const selection = this.quill.getSelection();
                        if (!selection) {
                            return
                        }
                        const formats = this.quill.getFormat(selection);
                        const hasFormats = !(0, _type.isEmptyObject)(formats);
                        if (!hasFormats || isResetRequired) {
                            this._resetFormatWidgets()
                        }
                        for (const formatName in formats) {
                            const widgetName = this._getFormatWidgetName(formatName, formats);
                            const formatWidget = this._toolbarWidgets.getByName(widgetName) ?? this._toolbarWidgets.getByName(formatName);
                            if (!formatWidget) {
                                continue
                            }
                            this._markActiveFormatWidget(formatName, formatWidget, formats)
                        }
                        this._toggleClearFormatting(hasFormats || selection.length > 1)
                    }
                    _updateHeaderFormatWidget() {
                        const selection = this.quill.getSelection();
                        const formatWidget = this._toolbarWidgets.getByName("header");
                        const formats = this.quill.getFormat(selection);
                        if (!selection || !formatWidget) {
                            return
                        }
                        this._markActiveFormatWidget("header", formatWidget, formats)
                    }
                    _markActiveFormatWidget(name, widget, formats) {
                        if (this._isColorFormat(name)) {
                            this._updateColorWidget(name, formats[name])
                        }
                        if ("value" in widget.option()) {
                            this._setValueSilent(widget, formats[name])
                        } else {
                            widget.$element().addClass(ACTIVE_FORMAT_CLASS);
                            widget.$element().addClass(SELECTED_STATE_CLASS);
                            widget.$element().attr("aria-pressed", true)
                        }
                    }
                    _toggleClearFormatting(hasFormats) {
                        const clearWidget = this._toolbarWidgets.getByName("clear");
                        if (clearWidget) {
                            clearWidget.option("disabled", !hasFormats)
                        }
                    }
                    _isColorFormat(name) {
                        return "color" === name || "background" === name
                    }
                    _updateColorWidget(name, color) {
                        const formatWidget = this._toolbarWidgets.getByName(name);
                        if (!formatWidget) {
                            return
                        }
                        formatWidget.$element().find(`.${ICON_CLASS}`).css("borderBottomColor", color || "transparent")
                    }
                    _getFormatWidgetName(name, formats) {
                        let widgetName;
                        switch (name) {
                            case "align":
                                widgetName = name + (0, _inflector.titleize)(formats[name]);
                                break;
                            case "list":
                                widgetName = formats[name] + (0, _inflector.titleize)(name);
                                break;
                            case "code-block":
                                widgetName = "codeBlock";
                                break;
                            case "script":
                                widgetName = formats[name] + name;
                                break;
                            case "imageSrc":
                                widgetName = "image";
                                break;
                            default:
                                widgetName = name
                        }
                        return widgetName
                    }
                    _setValueSilent(widget, value) {
                        this._isReset = true;
                        widget.option("value", value);
                        this._isReset = false
                    }
                    _resetFormatWidgets() {
                        this._toolbarWidgets.each((name, widget) => {
                            this._resetFormatWidget(name, widget)
                        })
                    }
                    _resetFormatWidget(name, widget) {
                        widget.$element().removeClass(ACTIVE_FORMAT_CLASS);
                        widget.$element().removeClass(SELECTED_STATE_CLASS);
                        widget.$element().removeAttr("aria-pressed");
                        if (this._isColorFormat(name)) {
                            this._updateColorWidget(name)
                        }
                        if ("clear" === name) {
                            widget.option("disabled", true)
                        }
                        if ("dxSelectBox" === widget.NAME) {
                            this._setValueSilent(widget, null)
                        }
                    }
                    addClickHandler(name, handler) {
                        this._formatHandlers[name] = handler;
                        const formatWidget = this._toolbarWidgets.getByName(name);
                        if (formatWidget && "dxButton" === formatWidget.NAME) {
                            formatWidget.option("onClick", handler)
                        }
                    }
                }
            }
            exports.default = ToolbarModule
        },
        8344(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _position = __webpack_require__( /*! ../../../../core/utils/position */ 41639);
            var _devextremeQuill = _interopRequireDefault(__webpack_require__( /*! devextreme-quill */ 40765));
            var _m_variable = _interopRequireDefault(__webpack_require__( /*! ../formats/m_variable */ 90894));
            var _m_base = _interopRequireDefault(__webpack_require__( /*! ./m_base */ 49864));
            var _m_popup = _interopRequireDefault(__webpack_require__( /*! ./m_popup */ 55911));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            let VariableModule = _m_base.default;
            if (_devextremeQuill.default) {
                const VARIABLE_FORMAT_CLASS = "dx-variable-format";
                const ACTIVE_FORMAT_CLASS = "dx-format-active";
                const SELECTED_STATE_CLASS = "dx-state-selected";
                _devextremeQuill.default.register({
                    "formats/variable": _m_variable.default
                }, true);
                VariableModule = class extends _m_popup.default {
                    constructor(quill, options) {
                        super(quill, options);
                        const toolbar = quill.getModule("toolbar");
                        if (toolbar) {
                            toolbar.addClickHandler("variable", this.showPopup.bind(this))
                        }
                        quill.keyboard.addBinding({
                            key: "P",
                            altKey: true
                        }, this.showPopup.bind(this));
                        this._popup.on("shown", e => {
                            const $ofElement = (0, _renderer.default)(e.component.option("position").of);
                            if ($ofElement.hasClass(VARIABLE_FORMAT_CLASS)) {
                                $ofElement.addClass(ACTIVE_FORMAT_CLASS);
                                $ofElement.addClass(SELECTED_STATE_CLASS)
                            }
                        })
                    }
                    _getDefaultOptions() {
                        const baseConfig = super._getDefaultOptions();
                        return (0, _extend.extend)(baseConfig, {
                            escapeChar: ""
                        })
                    }
                    showPopup(event) {
                        const selection = this.quill.getSelection(true);
                        const position = selection ? selection.index : this.quill.getLength();
                        this.savePosition(position);
                        this._resetPopupPosition(event, position);
                        super.showPopup()
                    }
                    _resetPopupPosition(event, position) {
                        if (event && event.element) {
                            this._popup.option("position", {
                                of: event.element,
                                offset: {
                                    h: 0,
                                    v: 0
                                },
                                my: "top center",
                                at: "bottom center",
                                collision: "fit"
                            })
                        } else {
                            const mentionBounds = this.quill.getBounds(position);
                            const rootRect = (0, _position.getBoundingRect)(this.quill.root);
                            this._popup.option("position", {
                                of: this.quill.root,
                                offset: {
                                    h: mentionBounds.left,
                                    v: mentionBounds.bottom - rootRect.height
                                },
                                my: "top center",
                                at: "bottom left",
                                collision: "fit flip"
                            })
                        }
                    }
                    insertEmbedContent(selectionChangedEvent) {
                        const caretPosition = this.getPosition();
                        const selectedItem = selectionChangedEvent.component.option("selectedItem");
                        const variableData = (0, _extend.extend)({}, {
                            value: selectedItem,
                            escapeChar: this.options.escapeChar
                        });
                        setTimeout(() => {
                            this.quill.insertEmbed(caretPosition, "variable", variableData);
                            this.quill.setSelection(caretPosition + 1)
                        })
                    }
                }
            }
            exports.default = VariableModule
        },
        78397(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            exports.default = class {
                constructor() {
                    this._collection = []
                }
                clear() {
                    this._collection = []
                }
                add(name, instance) {
                    this._collection.push({
                        name: name,
                        instance: instance
                    })
                }
                remove(name) {
                    this._collection = this._collection.filter(item => item.name !== name)
                }
                getByName(widgetName) {
                    let widget = null;
                    (0, _iterator.each)(this._collection, (index, _ref) => {
                        let {
                            name: name,
                            instance: instance
                        } = _ref;
                        if (name === widgetName) {
                            widget = instance;
                            return false
                        }
                    });
                    return widget
                }
                each(handler) {
                    this._collection.forEach(_ref2 => {
                        let {
                            name: name,
                            instance: instance
                        } = _ref2;
                        return instance && handler(name, instance)
                    })
                }
            }
        },
        80865(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _devextremeQuill = (e = __webpack_require__( /*! devextreme-quill */ 40765), e && e.__esModule ? e : {
                default: e
            });
            var e;
            let BaseTheme;
            if (_devextremeQuill.default) {
                const Theme = _devextremeQuill.default.import("core/theme");
                BaseTheme = class extends Theme {
                    constructor(quill, options) {
                        super(quill, options);
                        this.quill.root.classList.add("dx-htmleditor-content");
                        this.quill.root.setAttribute("role", "textbox");
                        this.quill.root.setAttribute("aria-label", "Editor content");
                        this.quill.root.setAttribute("aria-multiline", "true")
                    }
                }
            } else {
                BaseTheme = {}
            }
            exports.default = BaseTheme
        },
        87534(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.TEXT_AREA_MIN_HEIGHT = exports.TEXT_AREA_MAX_HEIGHT = exports.REPLACE_DROPDOWN_WIDTH = exports.COMPACT_ACTION_BUTTON_WIDTH = exports.AI_DIALOG_TITLE_CLASS = exports.AI_DIALOG_CONTROLS_CLASS = exports.AI_DIALOG_CONTENT_CLASS = exports.AI_DIALOG_CLASS = exports.ACTION_BUTTON_WIDTH = void 0;
            __webpack_require__( /*! ../../../../ui/drop_down_button */ 56582);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _informer = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/informer */ 22363));
            var _load_indicator = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/load_indicator */ 11979));
            var _select_box = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/select_box */ 60695));
            var _text_area = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/text_area */ 23116));
            var _themes = __webpack_require__( /*! ../../../../ui/themes */ 52071);
            var _m_baseDialog = _interopRequireDefault(__webpack_require__( /*! ../../../ui/html_editor/ui/m_baseDialog */ 98809));
            var _ai = __webpack_require__( /*! ../../../ui/html_editor/utils/ai */ 39195);
            var _small_screen = __webpack_require__( /*! ../../../ui/html_editor/utils/small_screen */ 59133);
            var _load_indicator2 = __webpack_require__( /*! ../../../ui/load_indicator */ 32677);
            var _m_text_editor = __webpack_require__( /*! ../../../ui/text_box/m_text_editor.base */ 34705);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const AI_DIALOG_CLASS = exports.AI_DIALOG_CLASS = "dx-aidialog";
            const AI_DIALOG_CONTROLS_CLASS = exports.AI_DIALOG_CONTROLS_CLASS = "dx-aidialog-controls";
            const AI_DIALOG_CONTENT_CLASS = exports.AI_DIALOG_CONTENT_CLASS = "dx-aidialog-content";
            const AI_DIALOG_TITLE_CLASS = exports.AI_DIALOG_TITLE_CLASS = "dx-aidialog-title";
            const AI_DIALOG_COMMANDS_WITH_OPTIONS = ["translate", "changeStyle", "changeTone"];
            const POPUP_MAX_WIDTH = (0, _themes.isMaterial)((0, _themes.current)()) ? 494 : 460;
            const TEXT_AREA_MIN_HEIGHT = exports.TEXT_AREA_MIN_HEIGHT = 64;
            const TEXT_AREA_MAX_HEIGHT = exports.TEXT_AREA_MAX_HEIGHT = 128;
            const REPLACE_DROPDOWN_WIDTH = exports.REPLACE_DROPDOWN_WIDTH = 150;
            const ACTION_BUTTON_WIDTH = exports.ACTION_BUTTON_WIDTH = 110;
            const COMPACT_ACTION_BUTTON_WIDTH = exports.COMPACT_ACTION_BUTTON_WIDTH = 100;

            function getActionButtonWidth() {
                return (0, _themes.isCompact)((0, _themes.current)()) ? COMPACT_ACTION_BUTTON_WIDTH : ACTION_BUTTON_WIDTH
            }
            var DialogState;
            ! function(DialogState) {
                DialogState.Initial = "initial";
                DialogState.Asking = "asking";
                DialogState.Generating = "generating";
                DialogState.ResultReady = "resultReady";
                DialogState.Error = "error";
                DialogState.InitialCanceled = "initialCanceled";
                DialogState.AskingCanceled = "askingCanceled"
            }(DialogState || (DialogState = {}));
            var ReplaceButtonActions;
            ! function(ReplaceButtonActions) {
                ReplaceButtonActions.Replace = "replace";
                ReplaceButtonActions.InsertAbove = "insertAbove";
                ReplaceButtonActions.InsertBelow = "insertBelow"
            }(ReplaceButtonActions || (ReplaceButtonActions = {}));
            class AIDialog extends _m_baseDialog.default {
                constructor($container, aiIntegration, popupConfig) {
                    super($container, popupConfig);
                    this._askAIPrompt = "";
                    this._commandChangeSuppressed = false;
                    this._commandOptionSuppressed = false;
                    this._commandsMap = {};
                    this._dialogState = DialogState.Initial;
                    this._isAICommandExecuting = false;
                    this._isAskAICommandSelected = false;
                    this._selectedText = "";
                    this._aiIntegration = aiIntegration
                }
                _getPopupConfig() {
                    const baseConfig = super._getPopupConfig();
                    return (0, _extend.extend)(true, {}, baseConfig, Object.assign({
                        minWidth: 288,
                        maxWidth: POPUP_MAX_WIDTH,
                        height: "auto",
                        shading: true,
                        shadingColor: "transparent",
                        dragEnabled: true,
                        dragAndResizeArea: this._$container,
                        toolbarItems: this._getToolbarItems(),
                        hideOnOutsideClick: true,
                        focusStateEnabled: true,
                        showCloseButton: true,
                        position: {
                            my: "center",
                            at: "center",
                            of: this._$container
                        },
                        onHiding: () => {
                            this._processCommandCompletion()
                        }
                    }, this._popupConfig))
                }
                _renderCommandSelectBox($container) {
                    const $commandSelectBox = (0, _renderer.default)("<div>").appendTo($container);
                    this._commandSelectBox = new _select_box.default($commandSelectBox.get(0), {
                        value: this._currentCommand,
                        displayExpr: "text",
                        valueExpr: "name",
                        stylingMode: "outlined",
                        onInitialized: this._addEscapeHandler.bind(this),
                        onValueChanged: e => {
                            var _this$_commandsMap$e$, _this$_commandOptions, _this$_commandsMap$e$2;
                            if (this._commandChangeSuppressed) {
                                return
                            }
                            this._currentCommand = e.value;
                            this._commandOptionsList = (null === (_this$_commandsMap$e$ = this._commandsMap[e.value]) || void 0 === _this$_commandsMap$e$ ? void 0 : _this$_commandsMap$e$.options) ?? [];
                            this._currentOption = null === (_this$_commandOptions = this._commandOptionsList) || void 0 === _this$_commandOptions ? void 0 : _this$_commandOptions[0];
                            this._isAskAICommandSelected = e.value === _ai.AI_DIALOG_ASKAI_COMMAND_NAME;
                            this._askAIPrompt = "";
                            this._getCustomCommandPrompt = null === (_this$_commandsMap$e$2 = this._commandsMap[e.value]) || void 0 === _this$_commandsMap$e$2 ? void 0 : _this$_commandsMap$e$2.prompt;
                            this._setDialogState(this._getInitialDialogState());
                            const shouldExecuteAICommand = !this._isAskAICommandSelected && this._isOpen();
                            if (shouldExecuteAICommand) {
                                this._executeAICommand()
                            }
                        }
                    })
                }
                _renderOptionSelectBox($container) {
                    var _this$_commandOptions2;
                    const $optionSelectBox = (0, _renderer.default)("<div>").appendTo($container);
                    this._optionSelectBox = new _select_box.default($optionSelectBox.get(0), {
                        items: this._commandOptionsList,
                        value: this._currentOption ?? (null === (_this$_commandOptions2 = this._commandOptionsList) || void 0 === _this$_commandOptions2 ? void 0 : _this$_commandOptions2[0]),
                        visible: this._isCommandWithOptionsSelected(),
                        stylingMode: "outlined",
                        onInitialized: this._addEscapeHandler.bind(this),
                        onValueChanged: _ref => {
                            let {
                                value: value
                            } = _ref;
                            if (this._commandOptionSuppressed) {
                                return
                            }
                            this._currentOption = value;
                            if (this._isOpen() && value) {
                                this._executeAICommand()
                            }
                        }
                    })
                }
                _renderPromptTextArea($container) {
                    const $textArea = (0, _renderer.default)("<div>").appendTo($container);
                    const options = {
                        value: this._askAIPrompt,
                        minHeight: TEXT_AREA_MIN_HEIGHT,
                        maxHeight: TEXT_AREA_MAX_HEIGHT,
                        autoResizeEnabled: true,
                        width: "100%",
                        placeholder: _message.default.format("dxHtmlEditor-aiAskPlaceholder"),
                        _shouldAttachKeyboardEvents: true,
                        stylingMode: "outlined",
                        onInitialized: this._addEscapeHandler.bind(this),
                        valueChangeEvent: "input",
                        onValueChanged: e => {
                            this._askAIPrompt = e.value;
                            if (this._isAskAICommandSelected) {
                                const shouldRefreshToolbarItems = !e.value || !e.previousValue;
                                if (shouldRefreshToolbarItems) {
                                    this._refreshToolbarItems()
                                }
                            }
                        }
                    };
                    this._promptTextArea = new _text_area.default($textArea.get(0), options)
                }
                _renderResultTextArea($container) {
                    const $textArea = (0, _renderer.default)("<div>").appendTo($container);
                    const screenSpecificOptions = (0, _small_screen.isSmallScreen)() ? {
                        maxHeight: "100%",
                        height: "100%",
                        autoResizeEnabled: false
                    } : {
                        maxHeight: TEXT_AREA_MAX_HEIGHT,
                        autoResizeEnabled: true
                    };
                    const options = Object.assign({
                        inputAttr: {
                            "aria-label": _message.default.format("dxHtmlEditor-aiResultTextAreaAriaLabel")
                        },
                        minHeight: TEXT_AREA_MIN_HEIGHT,
                        width: "100%",
                        readOnly: true,
                        _shouldAttachKeyboardEvents: true,
                        stylingMode: "outlined",
                        onInitialized: this._addEscapeHandler.bind(this)
                    }, screenSpecificOptions);
                    this._resultTextArea = new _text_area.default($textArea.get(0), options)
                }
                _renderContent($contentElem) {
                    $contentElem.addClass(AI_DIALOG_CONTENT_CLASS);
                    const $controls = (0, _renderer.default)("<div>").addClass(AI_DIALOG_CONTROLS_CLASS).appendTo($contentElem);
                    this._renderCommandSelectBox($controls);
                    this._renderOptionSelectBox($controls);
                    this._renderPromptTextArea($contentElem);
                    this._renderResultTextArea($contentElem);
                    this._renderInformer($contentElem)
                }
                _renderLoadIndicator() {
                    if (this._loadIndicator) {
                        return
                    }
                    const $inputContainer = this._resultTextArea.$element().find(`.${_m_text_editor.TEXTEDITOR_INPUT_CONTAINER_CLASS}`);
                    const $indicatorElement = (0, _renderer.default)("<div>").addClass("dx-pending-indicator").appendTo($inputContainer);
                    const options = {
                        animationType: _load_indicator2.AnimationType.Sparkle,
                        width: 48,
                        height: 48
                    };
                    this._loadIndicator = new _load_indicator.default($indicatorElement[0], options)
                }
                _renderInformer($container) {
                    const $informer = (0, _renderer.default)("<div>").appendTo($container);
                    this._informer = new _informer.default($informer.get(0), {
                        contentAlignment: "center",
                        showBackground: true
                    })
                }
                _getPopupClass() {
                    return AI_DIALOG_CLASS
                }
                _getTitleItem() {
                    return {
                        name: "title",
                        toolbar: "top",
                        location: "before",
                        template: (data, index, titleElement) => {
                            const $titleContainer = (0, _renderer.default)("<div>").addClass(AI_DIALOG_TITLE_CLASS);
                            const $icon = (0, _renderer.default)("<i>").addClass("dx-icon dx-icon-sparkle");
                            const $text = (0, _renderer.default)("<span>").addClass("dx-aidialog-title-text").text(_message.default.format("dxHtmlEditor-aiDialogTitle"));
                            $titleContainer.append($icon).append($text);
                            (0, _renderer.default)(titleElement).append($titleContainer)
                        }
                    }
                }
                _getReplaceButtonItem() {
                    return {
                        name: "replace",
                        toolbar: "bottom",
                        location: "after",
                        widget: "dxDropDownButton",
                        locateInMenu: "auto",
                        options: {
                            displayExpr: "text",
                            text: _message.default.format("dxHtmlEditor-aiReplace"),
                            stylingMode: "contained",
                            type: "default",
                            splitButton: true,
                            useSelectMode: false,
                            items: [{
                                id: ReplaceButtonActions.InsertAbove,
                                text: _message.default.format("dxHtmlEditor-aiInsertAbove")
                            }, {
                                id: ReplaceButtonActions.InsertBelow,
                                text: _message.default.format("dxHtmlEditor-aiInsertBelow")
                            }],
                            dropDownOptions: {
                                width: REPLACE_DROPDOWN_WIDTH
                            },
                            onButtonClick: e => {
                                this._replaceButtonAction(Object.assign({}, e, {
                                    itemData: {
                                        id: ReplaceButtonActions.Replace
                                    }
                                }))
                            },
                            onInitialized: this._addEscapeHandler.bind(this),
                            onItemClick: e => this._replaceButtonAction(e)
                        }
                    }
                }
                _getCopyButtonItem() {
                    const text = (0, _small_screen.isSmallScreen)() ? void 0 : _message.default.format("dxHtmlEditor-aiCopy");
                    return {
                        name: "copy",
                        toolbar: "bottom",
                        location: "after",
                        widget: "dxButton",
                        locateInMenu: "auto",
                        options: {
                            stylingMode: "outlined",
                            icon: "copy",
                            text: text,
                            onClick: () => {
                                var _navigator;
                                const {
                                    value: value
                                } = this._resultTextArea.option();
                                null === (_navigator = navigator) || void 0 === _navigator || null === (_navigator = _navigator.clipboard) || void 0 === _navigator || _navigator.writeText(value ?? "")
                            },
                            onInitialized: this._addEscapeHandler.bind(this)
                        }
                    }
                }
                _getRegenerateButtonItem() {
                    const text = (0, _small_screen.isSmallScreen)() ? void 0 : _message.default.format("dxHtmlEditor-aiRegenerate");
                    return {
                        name: "regenerate",
                        toolbar: "bottom",
                        location: "before",
                        widget: "dxButton",
                        options: {
                            stylingMode: "outlined",
                            icon: "restore",
                            text: text,
                            onClick: () => this._retryExecuteAICommand(),
                            onInitialized: this._addEscapeHandler.bind(this)
                        }
                    }
                }
                _getGenerateButtonItem() {
                    const width = getActionButtonWidth();
                    const promptTextArea = this._promptTextArea;
                    const disabled = !promptTextArea.option("value");
                    return {
                        name: "generate",
                        toolbar: "bottom",
                        location: "after",
                        widget: "dxButton",
                        options: {
                            type: "default",
                            text: _message.default.format("dxHtmlEditor-aiGenerate"),
                            stylingMode: "contained",
                            disabled: disabled,
                            width: width,
                            onClick: () => this._executeAICommand(),
                            onInitialized: this._addEscapeHandler.bind(this)
                        }
                    }
                }
                _getCancelButtonItem() {
                    const width = getActionButtonWidth();
                    return {
                        name: "cancel",
                        toolbar: "bottom",
                        location: "after",
                        widget: "dxButton",
                        options: {
                            type: "default",
                            stylingMode: "contained",
                            text: _message.default.format("dxHtmlEditor-aiCancel"),
                            width: width,
                            onClick: () => this._cancelAICommandExecution(),
                            onInitialized: this._addEscapeHandler.bind(this)
                        }
                    }
                }
                _getInitialToolbarItems() {
                    return [this._getRegenerateButtonItem(), this._getCopyButtonItem(), this._getReplaceButtonItem()]
                }
                _getToolbarItems() {
                    const items = [this._getTitleItem()];
                    switch (this._dialogState) {
                        case DialogState.Initial:
                        case DialogState.InitialCanceled:
                        case DialogState.ResultReady:
                            items.push(...this._getInitialToolbarItems());
                            break;
                        case DialogState.Asking:
                        case DialogState.AskingCanceled:
                            items.push(this._getGenerateButtonItem());
                            break;
                        case DialogState.Generating:
                            items.push(this._getCancelButtonItem());
                            break;
                        case DialogState.Error:
                            if (this._isAskAICommandSelected) {
                                items.push(this._getGenerateButtonItem())
                            } else {
                                items.push(...this._getInitialToolbarItems())
                            }
                    }
                    return items
                }
                _setDialogState(newState) {
                    this._dialogState = newState;
                    this._syncDialogWithState()
                }
                _syncDialogWithState() {
                    this._refreshCommandSelectBox();
                    this._refreshOptionSelectBox();
                    this._refreshTextAreas();
                    this._refreshToolbarItems();
                    this._refreshLoadIndicator();
                    this._refreshInformer();
                    this._refreshDialogAria()
                }
                _refreshToolbarItems() {
                    this._popup.option("toolbarItems", this._getToolbarItems())
                }
                _retryExecuteAICommand() {
                    this._updateResults();
                    this._executeAICommand()
                }
                _getAICommandParams(uiCommand) {
                    const {
                        _askAIPrompt: askAIPrompt,
                        _currentOption: option,
                        _getCustomCommandPrompt: getCustomPrompt,
                        _selectedText: text
                    } = this;
                    const uiCommandName = this._commandsMap[uiCommand].name;
                    const params = (0, _ai.buildAICommandParams)(uiCommandName, askAIPrompt, option, getCustomPrompt, text);
                    return params
                }
                _updateResults() {
                    let value = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "";
                    this._resultTextArea.option({
                        value: value
                    })
                }
                _processCommandCompletion(dialogState) {
                    var _this$_abort;
                    null === (_this$_abort = this._abort) || void 0 === _this$_abort || _this$_abort.call(this);
                    this._abort = void 0;
                    this._isAICommandExecuting = false;
                    if (dialogState) {
                        this._setDialogState(dialogState)
                    }
                }
                _getAICommandCallbacks() {
                    const callbacks = {
                        onComplete: finalResponse => {
                            this._updateResults(String(finalResponse));
                            this._processCommandCompletion(DialogState.ResultReady)
                        },
                        onError: () => {
                            this._processCommandCompletion(DialogState.Error)
                        }
                    };
                    return callbacks
                }
                _executeAICommand() {
                    var _this$_commandsMap$ui;
                    const {
                        _currentCommand: uiCommand
                    } = this;
                    const aiCommandName = uiCommand && (0, _ai.getAICommandName)(null === (_this$_commandsMap$ui = this._commandsMap[uiCommand]) || void 0 === _this$_commandsMap$ui ? void 0 : _this$_commandsMap$ui.name);
                    if (!(aiCommandName && this._aiIntegration[aiCommandName])) {
                        return
                    }
                    const callbacks = this._getAICommandCallbacks();
                    const params = this._getAICommandParams(uiCommand);
                    this._isAICommandExecuting = true;
                    this._setDialogState(DialogState.Generating);
                    const abort = this._aiIntegration[aiCommandName](params, callbacks);
                    this._abort = abort
                }
                _cancelAICommandExecution() {
                    this._processCommandCompletion(this._getInitialDialogState(true))
                }
                _isCommandWithOptionsSelected() {
                    var _this$_commandsMap$th;
                    if (this._currentCommand && (null === (_this$_commandsMap$th = this._commandsMap[this._currentCommand]) || void 0 === _this$_commandsMap$th ? void 0 : _this$_commandsMap$th.name) === _ai.AI_DIALOG_CUSTOM_COMMAND_NAME) {
                        var _this$_commandOptions3;
                        return Boolean(null === (_this$_commandOptions3 = this._commandOptionsList) || void 0 === _this$_commandOptions3 ? void 0 : _this$_commandOptions3.length)
                    }
                    return AI_DIALOG_COMMANDS_WITH_OPTIONS.includes(this._currentCommand ?? "")
                }
                _refreshCommandSelectBox() {
                    const commandsList = Object.entries(this._commandsMap).map(_ref2 => {
                        let [name, config] = _ref2;
                        return {
                            name: name,
                            text: config.text
                        }
                    });
                    this._commandChangeSuppressed = true;
                    this._commandSelectBox.option({
                        disabled: this._isAICommandExecuting,
                        dataSource: commandsList,
                        value: this._currentCommand
                    });
                    this._commandChangeSuppressed = false
                }
                _refreshOptionSelectBox() {
                    var _this$_commandOptions4;
                    const hasOptions = this._isCommandWithOptionsSelected();
                    this._commandOptionSuppressed = true;
                    this._optionSelectBox.option({
                        disabled: this._isAICommandExecuting,
                        visible: hasOptions,
                        items: this._commandOptionsList ?? [],
                        value: this._currentOption ?? (null === (_this$_commandOptions4 = this._commandOptionsList) || void 0 === _this$_commandOptions4 ? void 0 : _this$_commandOptions4[0])
                    });
                    this._commandOptionSuppressed = false
                }
                _setTextAreasInitialState() {
                    this._promptTextArea.option({
                        disabled: true,
                        readOnly: false,
                        value: void 0,
                        visible: false
                    });
                    this._resultTextArea.option({
                        disabled: false,
                        readOnly: true,
                        value: void 0,
                        visible: true
                    })
                }
                _setTextAreasAskingState() {
                    this._promptTextArea.option({
                        disabled: false,
                        readOnly: false,
                        value: this._askAIPrompt,
                        visible: true
                    });
                    this._resultTextArea.option({
                        disabled: true,
                        readOnly: false,
                        value: void 0,
                        visible: false
                    })
                }
                _refreshTextAreas() {
                    switch (this._dialogState) {
                        case DialogState.Initial:
                        case DialogState.InitialCanceled:
                            this._setTextAreasInitialState();
                            break;
                        case DialogState.Asking:
                        case DialogState.AskingCanceled:
                            this._setTextAreasAskingState();
                            break;
                        case DialogState.Generating:
                            this._promptTextArea.option({
                                disabled: true,
                                readOnly: false,
                                value: this._askAIPrompt,
                                visible: this._isAskAICommandSelected
                            });
                            this._resultTextArea.option({
                                disabled: true,
                                readOnly: false,
                                value: void 0,
                                visible: true
                            });
                            break;
                        case DialogState.ResultReady:
                            this._promptTextArea.option({
                                disabled: !this._isAskAICommandSelected,
                                readOnly: true,
                                value: this._askAIPrompt,
                                visible: this._isAskAICommandSelected
                            });
                            this._resultTextArea.option({
                                disabled: false,
                                readOnly: true,
                                visible: true
                            });
                            break;
                        case DialogState.Error:
                            if (this._isAskAICommandSelected) {
                                this._setTextAreasAskingState()
                            } else {
                                this._setTextAreasInitialState()
                            }
                    }
                }
                _refreshLoadIndicator() {
                    if (this._dialogState === DialogState.Generating) {
                        this._renderLoadIndicator()
                    } else {
                        this._disposeLoadIndicator()
                    }
                }
                _refreshInformer() {
                    const errorText = _message.default.format("dxHtmlEditor-aiDialogError");
                    const cancelText = _message.default.format("dxHtmlEditor-aiDialogCanceled");
                    switch (this._dialogState) {
                        case DialogState.Error:
                            this._informer.option({
                                visible: true,
                                text: errorText,
                                icon: "",
                                type: "error"
                            });
                            break;
                        case DialogState.InitialCanceled:
                        case DialogState.AskingCanceled:
                            this._informer.option({
                                visible: true,
                                text: cancelText,
                                icon: "errorcircle",
                                type: "info"
                            });
                            break;
                        default:
                            this._informer.option("visible", false)
                    }
                }
                _getInitialDialogState(canceled) {
                    const isAskingCommand = this._isAskAICommandSelected;
                    if (canceled) {
                        return isAskingCommand ? DialogState.AskingCanceled : DialogState.InitialCanceled
                    }
                    return isAskingCommand ? DialogState.Asking : DialogState.Initial
                }
                _replaceButtonAction(event) {
                    const {
                        value: value
                    } = this._resultTextArea.option();
                    this.hide(value ?? "", event)
                }
                _disposeLoadIndicator() {
                    if (!this._loadIndicator) {
                        return
                    }
                    this._loadIndicator.dispose();
                    this._loadIndicator.$element().remove();
                    this._loadIndicator = void 0
                }
                _isOpen() {
                    const {
                        visible: visible
                    } = this._popup.option();
                    return visible
                }
                _refreshDialogAria() {
                    const id = String(new _guid.default);
                    const $overlayContent = (0, _renderer.default)(this._popup.content()).parent();
                    const $title = $overlayContent.find(`.${AI_DIALOG_TITLE_CLASS}`);
                    $title.attr("id", id);
                    $overlayContent.attr("aria-labelledby", id)
                }
                updateAIIntegration(aiIntegration) {
                    this._processCommandCompletion(this._getInitialDialogState());
                    this._aiIntegration = aiIntegration;
                    this._executeAICommand()
                }
                show(payload) {
                    var _commandsMap$currentC;
                    const {
                        currentCommand: currentCommand,
                        currentCommandOption: currentCommandOption,
                        commandsMap: commandsMap,
                        text: text,
                        prompt: prompt
                    } = payload;
                    this._commandsMap = commandsMap;
                    this._currentCommand = currentCommand;
                    this._selectedText = text ?? "";
                    this._commandOptionsList = (null === (_commandsMap$currentC = commandsMap[currentCommand]) || void 0 === _commandsMap$currentC ? void 0 : _commandsMap$currentC.options) ?? [];
                    this._currentOption = currentCommandOption;
                    this._getCustomCommandPrompt = prompt;
                    this._isAskAICommandSelected = currentCommand === _ai.AI_DIALOG_ASKAI_COMMAND_NAME;
                    this._askAIPrompt = "";
                    this._setDialogState(this._getInitialDialogState());
                    if (!this._isAskAICommandSelected) {
                        this._executeAICommand()
                    }
                    return super.show()
                }
                hide(resultText, event) {
                    var _this$deferred;
                    null === (_this$deferred = this.deferred) || void 0 === _this$deferred || _this$deferred.resolve({
                        resultText: resultText,
                        event: event
                    });
                    super.hide()
                }
            }
            exports.default = AIDialog
        },
        47226(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _form = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/form */ 74075));
            var _themes = __webpack_require__( /*! ../../../../ui/themes */ 52071);
            var _m_baseDialog = _interopRequireDefault(__webpack_require__( /*! ./m_baseDialog */ 98809));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const getApplyButtonConfig = () => {
                if ((0, _themes.isFluent)((0, _themes.current)())) {
                    return {
                        stylingMode: "contained",
                        type: "default"
                    }
                }
                return {}
            };
            const getCancelButtonConfig = () => {
                if ((0, _themes.isFluent)((0, _themes.current)())) {
                    return {
                        stylingMode: "outlined",
                        type: "normal"
                    }
                }
                return {}
            };
            class FormDialog extends _m_baseDialog.default {
                constructor($container, popupConfig) {
                    super($container, popupConfig);
                    this._attachOptionChangedHandler()
                }
                _attachOptionChangedHandler() {
                    var _this$_popup;
                    null === (_this$_popup = this._popup) || void 0 === _this$_popup || _this$_popup.on("optionChanged", _ref => {
                        let {
                            name: name,
                            value: value
                        } = _ref;
                        if ("title" === name) {
                            this._onTitleChanged(value)
                        }
                    })
                }
                _getPopupConfig() {
                    const baseConfig = super._getPopupConfig();
                    return (0, _extend.extend)(true, {}, baseConfig, Object.assign({
                        showCloseButton: false,
                        onInitialized: e => {
                            this._popup = e.component;
                            this._popup.on("hiding", () => this.onHiding());
                            this._popup.on("shown", () => {
                                this._form.focus()
                            });
                            this._addEscapeHandler.bind(this)
                        },
                        toolbarItems: [{
                            toolbar: "bottom",
                            location: "after",
                            widget: "dxButton",
                            options: Object.assign({
                                onInitialized: this._addEscapeHandler.bind(this),
                                text: _message.default.format("OK"),
                                onClick: e => {
                                    this.callAddButtonAction(e.event)
                                }
                            }, getApplyButtonConfig())
                        }, {
                            toolbar: "bottom",
                            location: "after",
                            widget: "dxButton",
                            options: Object.assign({
                                onInitialized: this._addEscapeHandler.bind(this),
                                text: _message.default.format("Cancel"),
                                onClick: () => {
                                    this._popup.hide()
                                }
                            }, getCancelButtonConfig())
                        }]
                    }, this._popupConfig))
                }
                _renderContent($contentElem) {
                    const $formContainer = (0, _renderer.default)("<div>").appendTo($contentElem);
                    this._renderForm($formContainer, {
                        onEditorEnterKey: e => {
                            this.callAddButtonAction(e.event)
                        },
                        customizeItem: item => {
                            if ("simple" === item.itemType) {
                                item.editorOptions = (0, _extend.extend)(true, {}, item.editorOptions, {
                                    onInitialized: this._addEscapeHandler.bind(this)
                                })
                            }
                        }
                    });
                    this._updateFormLabel()
                }
                _getPopupClass() {
                    return "dx-formdialog"
                }
                _onTitleChanged(value) {
                    this._updateFormLabel(value)
                }
                _renderForm($container, options) {
                    $container.addClass("dx-formdialog-form");
                    this._form = new _form.default($container.get(0), options);
                    this._updateFormLabel()
                }
                _updateFormLabel(text) {
                    var _this$_form;
                    const label = text ?? this.popupOption("title");
                    null === (_this$_form = this._form) || void 0 === _this$_form || _this$_form.$element().attr("aria-label", label)
                }
                _getDefaultFormOptions() {
                    return {
                        colCount: 1,
                        width: "auto",
                        labelLocation: (0, _themes.isMaterialBased)((0, _themes.current)()) ? "top" : "left"
                    }
                }
                callAddButtonAction(event) {
                    if (this.beforeAddButtonAction && !this.beforeAddButtonAction()) {
                        return
                    }
                    const formData = this._form.option("formData");
                    this.hide(formData, event)
                }
                show(formUserConfig) {
                    const formConfig = (0, _extend.extend)(this._getDefaultFormOptions(), formUserConfig);
                    this._form.option(formConfig);
                    return super.show()
                }
                hide(formData, event) {
                    var _this$deferred;
                    null === (_this$deferred = this.deferred) || void 0 === _this$deferred || _this$deferred.resolve(formData, event);
                    super.hide()
                }
                onHiding() {
                    this.beforeAddButtonAction = void 0;
                    super.onHiding()
                }
                formOption() {
                    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                        args[_key] = arguments[_key]
                    }
                    return this._form.option.apply(this._form, args)
                }
            }
            exports.default = FormDialog
        },
        98809(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../../core/utils/deferred */ 87739);
            var _popup = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/popup */ 97643));
            var _small_screen = __webpack_require__( /*! ../utils/small_screen */ 59133);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = class {
                constructor($container, popupConfig) {
                    this._$container = $container;
                    this._popupConfig = popupConfig;
                    this._renderPopup()
                }
                _escKeyHandler() {
                    var _this$_popup;
                    null === (_this$_popup = this._popup) || void 0 === _this$_popup || _this$_popup.hide()
                }
                _addEscapeHandler(e) {
                    e.component.registerKeyHandler("escape", () => this._escKeyHandler())
                }
                _renderPopup() {
                    const $popupContainer = (0, _renderer.default)("<div>").addClass(this._getPopupClass()).appendTo(this._$container);
                    this._popup = new _popup.default($popupContainer.get(0), this._getPopupConfig())
                }
                _getPopupConfig() {
                    return {
                        deferRendering: false,
                        focusStateEnabled: false,
                        fullScreen: (0, _small_screen.isSmallScreen)(),
                        _wrapperClassExternal: `${this._getPopupClass()} dx-dropdowneditor-overlay`,
                        contentTemplate: contentElem => {
                            this._renderContent((0, _renderer.default)(contentElem))
                        },
                        onInitialized: e => {
                            this._popup = e.component;
                            this._popup.on("hiding", () => this.onHiding());
                            this._addEscapeHandler.bind(this)
                        }
                    }
                }
                onHiding() {
                    var _this$deferred;
                    null === (_this$deferred = this.deferred) || void 0 === _this$deferred || _this$deferred.reject()
                }
                show(options) {
                    if (this._popup.option("visible")) {
                        return
                    }
                    this.deferred = (0, _deferred.Deferred)();
                    this._popup.show();
                    return this.deferred.promise()
                }
                hide(options, event) {
                    this._popup.hide()
                }
                popupOption() {
                    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                        args[_key] = arguments[_key]
                    }
                    return this._popup.option.apply(this._popup, args)
                }
            }
        },
        39195(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.hasInvalidCustomCommand = exports.getDefaultOptionsByCommand = exports.getDefaultCommandName = exports.getAICommandName = exports.commandMessageKeys = exports.buildCommandsMap = exports.buildAICommandParams = exports.AI_DIALOG_CUSTOM_COMMAND_NAME = exports.AI_DIALOG_ASKAI_COMMAND_NAME = void 0;
            var _message = (e = __webpack_require__( /*! ../../../../common/core/localization/message */ 4671), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _capitalize = __webpack_require__( /*! ../../../core/utils/capitalize */ 72928);
            const AI_DIALOG_ASKAI_COMMAND_NAME = exports.AI_DIALOG_ASKAI_COMMAND_NAME = "askAI";
            const AI_DIALOG_CUSTOM_COMMAND_NAME = exports.AI_DIALOG_CUSTOM_COMMAND_NAME = "custom";
            const commandMessageKeys = exports.commandMessageKeys = {
                summarize: "dxHtmlEditor-aiCommandSummarize",
                proofread: "dxHtmlEditor-aiCommandProofread",
                expand: "dxHtmlEditor-aiCommandExpand",
                shorten: "dxHtmlEditor-aiCommandShorten",
                changeStyle: "dxHtmlEditor-aiCommandChangeStyle",
                changeTone: "dxHtmlEditor-aiCommandChangeTone",
                translate: "dxHtmlEditor-aiCommandTranslate",
                askAI: "dxHtmlEditor-aiCommandAskAI"
            };
            const getDefaultCommandName = name => {
                const key = commandMessageKeys[name];
                if (key) {
                    return _message.default.format(key)
                }
                return (0, _capitalize.capitalize)(name)
            };
            exports.getDefaultCommandName = getDefaultCommandName;
            const htmlEditorAIChangeStyleOptions = ["formal", "informal", "technical", "business", "creative", "journalistic", "academic", "persuasive", "narrative", "expository", "descriptive", "conversational"];
            const htmlEditorAIChangeToneOptions = ["professional", "casual", "straightforward", "confident", "friendly"];
            const htmlEditorAITranslateOptions = ["arabic", "chinese", "english", "french", "german", "japanese", "spanish"];
            const aiCommandNames = {
                summarize: "summarize",
                proofread: "proofread",
                expand: "expand",
                shorten: "shorten",
                changeStyle: "changeStyle",
                changeTone: "changeTone",
                translate: "translate",
                askAI: "execute",
                custom: "execute"
            };
            const getDefaultOptionsByCommand = command => {
                const getLocalizedOption = (command => option => _message.default.format(`dxHtmlEditor-aiCommand${(0,_capitalize.capitalize)(command)}${(0,_capitalize.capitalize)(option)}`))(command);
                const commandToOptionsMap = {
                    changeStyle: htmlEditorAIChangeStyleOptions.map(getLocalizedOption),
                    changeTone: htmlEditorAIChangeToneOptions.map(getLocalizedOption),
                    translate: htmlEditorAITranslateOptions.map(getLocalizedOption)
                };
                return commandToOptionsMap[command]
            };
            exports.getDefaultOptionsByCommand = getDefaultOptionsByCommand;
            exports.buildCommandsMap = commands => {
                const map = {};
                let index = 0;
                null === commands || void 0 === commands || commands.forEach(command => {
                    if ("string" === typeof command) {
                        map[command] = (commandName => {
                            const text = getDefaultCommandName(commandName);
                            const defaultOptions = getDefaultOptionsByCommand(commandName);
                            return {
                                id: commandName,
                                text: text,
                                name: commandName,
                                options: defaultOptions
                            }
                        })(command)
                    } else {
                        const {
                            name: name,
                            text: text,
                            options: options
                        } = command;
                        const isCustom = "custom" === name;
                        const {
                            prompt: prompt
                        } = command;
                        const id = `${name}${isCustom?index:""}`;
                        map[id] = ((id, name, text, rawOptions, prompt) => {
                            const capitalizedRaw = null === rawOptions || void 0 === rawOptions ? void 0 : rawOptions.map(_capitalize.capitalize);
                            const options = capitalizedRaw ?? getDefaultOptionsByCommand(name);
                            const displayText = text ?? getDefaultCommandName(name);
                            const definition = {
                                id: id,
                                name: name,
                                text: displayText,
                                options: options,
                                prompt: prompt
                            };
                            return definition
                        })(id, name, text, options, prompt);
                        if (isCustom) {
                            index += 1
                        }
                    }
                });
                return map
            };
            exports.getAICommandName = uiCommandName => aiCommandNames[uiCommandName];
            exports.buildAICommandParams = (uiCommandName, askAIPrompt, option, getCustomPrompt, payloadText) => {
                const text = payloadText ?? "";
                switch (uiCommandName) {
                    case "expand":
                    case "proofread":
                    case "summarize":
                    case "shorten":
                        return {
                            text: text
                        };
                    case "changeStyle": {
                        const params = {
                            text: text,
                            writingStyle: option
                        };
                        return params
                    }
                    case "changeTone": {
                        const params = {
                            text: text,
                            tone: option
                        };
                        return params
                    }
                    case "translate": {
                        const params = {
                            text: text,
                            lang: option
                        };
                        return params
                    }
                    default: {
                        const userPrompt = function(uiCommandName) {
                            let askAIPrompt = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "";
                            let option = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : "";
                            let getCustomPrompt = arguments.length > 3 ? arguments[3] : void 0;
                            let customPrompt = "";
                            if (uiCommandName === AI_DIALOG_ASKAI_COMMAND_NAME) {
                                customPrompt = askAIPrompt ?? ""
                            } else if (uiCommandName === AI_DIALOG_CUSTOM_COMMAND_NAME) {
                                customPrompt = (null === getCustomPrompt || void 0 === getCustomPrompt ? void 0 : getCustomPrompt(option)) ?? ""
                            }
                            return customPrompt
                        }(uiCommandName, askAIPrompt, option, getCustomPrompt);
                        const params = {
                            text: `Text: "${text}". ${userPrompt}`.trim()
                        };
                        return params
                    }
                }
            };
            exports.hasInvalidCustomCommand = commandsMap => Object.keys(commandsMap).some(command => command.startsWith("custom") && !commandsMap[command].prompt)
        },
        39e3(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.sanitizeHtml = exports.default = exports.createNoScriptFrame = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const createNoScriptFrame = () => (0, _renderer.default)("<iframe>").css("display", "none").attr({
                srcdoc: "",
                id: "xss-frame",
                sandbox: "allow-same-origin"
            });
            exports.createNoScriptFrame = createNoScriptFrame;
            exports.sanitizeHtml = (quill, value) => {
                const $frame = createNoScriptFrame().appendTo("body");
                const frame = $frame.get(0);
                const frameWindow = frame.contentWindow;
                const frameDocument = frameWindow.document;
                const frameDocumentBody = frameDocument.body;
                const valueWithoutStyles = quill.replaceStyleAttribute(value);
                frameDocumentBody.innerHTML = valueWithoutStyles;
                const removeInlineHandlers = element => {
                    if (element.attributes) {
                        for (let i = 0; i < element.attributes.length; i++) {
                            const {
                                name: name
                            } = element.attributes[i];
                            if (name.startsWith("on")) {
                                element.removeAttribute(name)
                            }
                        }
                    }
                    if (element.childNodes) {
                        for (let i = 0; i < element.childNodes.length; i++) {
                            removeInlineHandlers(element.childNodes[i])
                        }
                    }
                };
                removeInlineHandlers(frameDocumentBody);
                frameDocumentBody.querySelectorAll("script").forEach(scriptNode => {
                    scriptNode.remove()
                });
                const sanitizedHtml = frameDocumentBody.innerHTML;
                $frame.remove();
                return sanitizedHtml
            };
            exports.default = {
                createNoScriptFrame: createNoScriptFrame
            }
        },
        85936(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ImageUploader = void 0;
            exports.correctSlashesInUrl = correctSlashesInUrl;
            exports.getFileUploaderBaseOptions = getFileUploaderBaseOptions;
            exports.serverUpload = serverUpload;
            exports.urlUpload = urlUpload;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../../core/devices */ 65951));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _button_group = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/button_group */ 17809));
            var _file_uploader = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/file_uploader */ 26980));
            var _text_box = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/text_box */ 20780));
            var _themes = __webpack_require__( /*! ../../../../ui/themes */ 52071);
            const _excluded = ["imageSrc", "src"];

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const isMobile = "phone" === _devices.default.current().deviceType;
            exports.ImageUploader = class {
                constructor(module, config) {
                    this.module = module;
                    this.config = config ?? {};
                    this.quill = this.module.quill;
                    this.editorInstance = this.module.editorInstance
                }
                render() {
                    if (this.editorInstance._formDialog) {
                        this.editorInstance._formDialog.beforeAddButtonAction = () => this.getCurrentTab().upload()
                    }
                    this.tabPanelIndex = 0;
                    this.formData = this.getFormData();
                    this.isUpdating = this.isImageUpdating();
                    this.tabsModel = this.createTabsModel(this.config.tabs);
                    this.tabs = this.createTabs(this.formData);
                    const formConfig = this.getFormConfig();
                    this.updatePopupConfig();
                    this.updateAddButtonState();
                    this.editorInstance.showFormDialog(formConfig).done((formData, event) => {
                        this.tabs[this.getActiveTabIndex()].strategy.pasteImage(formData, event)
                    }).always(() => {
                        this.resetDialogPopupOptions();
                        this.quill.focus()
                    })
                }
                getCurrentTab() {
                    return this.tabs[this.tabPanelIndex]
                }
                updateAddButtonState() {
                    const isDisabled = this.getCurrentTab().isDisableButton();
                    this.setAddButtonDisabled(isDisabled)
                }
                setAddButtonDisabled(value) {
                    this.editorInstance.formDialogOption({
                        "toolbarItems[0].options.disabled": value
                    })
                }
                getActiveTabIndex() {
                    return this.isUpdating ? 0 : this.tabPanelIndex
                }
                getFormData() {
                    return this.getUpdateDialogFormData(this.quill.getFormat())
                }
                getUpdateDialogFormData(formData) {
                    const {
                        imageSrc: imageSrc,
                        src: src
                    } = formData, props = function(r, e) {
                        if (null == r) {
                            return {}
                        }
                        var t = {};
                        for (var n in r) {
                            if ({}.hasOwnProperty.call(r, n)) {
                                if (-1 !== e.indexOf(n)) {
                                    continue
                                }
                                t[n] = r[n]
                            }
                        }
                        return t
                    }(formData, _excluded);
                    return Object.assign({
                        src: imageSrc ?? src
                    }, props)
                }
                createUrlTab(formData) {
                    return new UrlTab(this.module, {
                        config: this.config,
                        formData: formData,
                        isUpdating: this.isUpdating
                    }, () => this.updateAddButtonState())
                }
                createFileTab() {
                    return new FileTab(this.module, {
                        config: this.config
                    }, () => this.updateAddButtonState())
                }
                createTabsModel() {
                    let model = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
                    if (0 === model.length || this.isUpdating) {
                        return ["url"]
                    }
                    return model.map(tab => "object" === typeof tab ? tab.name : tab)
                }
                createTabs(formData) {
                    return this.tabsModel.map(tabName => {
                        const isUrlTab = "url" === tabName;
                        return isUrlTab ? this.createUrlTab(formData) : this.createFileTab()
                    })
                }
                isImageUpdating() {
                    return Object.prototype.hasOwnProperty.call(this.module.quill.getFormat() ?? {}, "imageSrc")
                }
                updatePopupConfig() {
                    let wrapperClasses = "dx-htmleditor-add-image-popup dx-formdialog";
                    if (this.useTabbedItems()) {
                        wrapperClasses += " dx-htmleditor-add-image-popup-with-tabs"
                    }
                    const titleKey = this.isUpdating ? "dxHtmlEditor-dialogUpdateImageCaption" : "dxHtmlEditor-dialogImageCaption";
                    const addButtonTextKey = this.isUpdating ? "dxHtmlEditor-dialogImageUpdateButton" : "dxHtmlEditor-dialogImageAddButton";
                    this.editorInstance.formDialogOption({
                        title: _message.default.format(titleKey),
                        "toolbarItems[0].options.text": _message.default.format(addButtonTextKey),
                        wrapperAttr: {
                            class: wrapperClasses
                        }
                    })
                }
                resetDialogPopupOptions() {
                    this.editorInstance.formDialogOption({
                        "toolbarItems[0].options.text": _message.default.format("OK"),
                        "toolbarItems[0].options.visible": true,
                        "toolbarItems[0].options.disabled": false,
                        wrapperAttr: {
                            class: "dx-formdialog"
                        }
                    })
                }
                useTabbedItems() {
                    return this.tabsModel.length > 1
                }
                getFormWidth() {
                    return isMobile ? "100%" : 493
                }
                getFormConfig() {
                    return {
                        formData: this.formData,
                        width: this.getFormWidth(),
                        labelLocation: "top",
                        colCount: this.useTabbedItems() ? 1 : 11,
                        items: this.getItemsConfig()
                    }
                }
                getItemsConfig() {
                    if (this.useTabbedItems()) {
                        const tabsConfig = (0, _iterator.map)(this.tabs, tabController => ({
                            title: tabController.getTabName(),
                            colCount: 11,
                            items: tabController.getItemsConfig()
                        }));
                        return [{
                            itemType: "tabbed",
                            tabPanelOptions: {
                                onSelectionChanged: e => {
                                    this.tabPanelIndex = e.component.option("selectedIndex");
                                    this.updateAddButtonState()
                                }
                            },
                            tabs: tabsConfig
                        }]
                    }
                    return this.tabs[0].getItemsConfig()
                }
            };
            class BaseTab {
                constructor(module, _ref, onFileSelected) {
                    let {
                        config: config,
                        formData: formData,
                        isUpdating: isUpdating
                    } = _ref;
                    this.module = module;
                    this.config = config;
                    this.formData = formData;
                    this.isUpdating = isUpdating;
                    this.onFileSelected = onFileSelected;
                    this.strategy = this.createStrategy()
                }
                getItemsConfig() {
                    return this.strategy.getItemsConfig()
                }
                createStrategy() {
                    return this.isUpdating ? new UpdateUrlStrategy(this.module, this.config, this.formData) : new AddUrlStrategy(this.module, this.config, this.onFileSelected)
                }
                isDisableButton() {
                    return false
                }
                upload() {
                    return this.strategy.upload()
                }
            }
            class UrlTab extends BaseTab {
                getTabName() {
                    return _message.default.format("dxHtmlEditor-dialogImageSpecifyUrl")
                }
            }
            class FileTab extends BaseTab {
                getTabName() {
                    return _message.default.format("dxHtmlEditor-dialogImageSelectFile")
                }
                createStrategy() {
                    return new FileStrategy(this.module, this.config, this.onFileSelected)
                }
                isDisableButton() {
                    return !this.strategy.isValid()
                }
            }
            class BaseStrategy {
                constructor(module, config) {
                    this.module = module;
                    this.config = config;
                    this.editorInstance = module.editorInstance;
                    this.quill = module.quill;
                    this.selection = this.getQuillSelection()
                }
                getQuillSelection() {
                    const selection = this.quill.getSelection();
                    return selection ?? {
                        index: this.quill.getLength(),
                        length: 0
                    }
                }
                pasteImage(formData, event) {}
                isValid() {
                    return true
                }
                upload() {}
            }
            class AddUrlStrategy extends BaseStrategy {
                constructor(module, config, onFileSelected) {
                    super(module, config, onFileSelected);
                    this.shouldKeepAspectRatio = true
                }
                pasteImage(formData, event) {
                    this.module.saveValueChangeEvent(event);
                    urlUpload(this.quill, this.selection.index, formData)
                }
                keepAspectRatio(data, _ref2) {
                    let {
                        dependentEditor: dependentEditor,
                        e: e
                    } = _ref2;
                    const newValue = parseInt(e.value);
                    const previousValue = parseInt(e.previousValue);
                    const previousDependentEditorValue = parseInt(dependentEditor.option("value"));
                    data.component.updateData(data.dataField, newValue);
                    if (this.shouldKeepAspectRatio && previousDependentEditorValue && previousValue && !this.preventRecalculating) {
                        this.preventRecalculating = true;
                        dependentEditor.option("value", Math.round(newValue * previousDependentEditorValue / parseInt(previousValue)).toString())
                    }
                    this.preventRecalculating = false
                }
                createKeepAspectRatioEditor($container, data, dependentEditorDataField) {
                    return this.editorInstance._createComponent($container, _text_box.default, (0, _extend.extend)(true, data.editorOptions, {
                        value: data.component.option("formData")[data.dataField],
                        onEnterKey: data.component.option("onEditorEnterKey").bind(this.editorInstance._formDialog, data),
                        onValueChanged: e => {
                            this.keepAspectRatio(data, {
                                dependentEditor: this[`${dependentEditorDataField}Editor`],
                                e: e
                            })
                        }
                    }))
                }
                upload() {
                    const result = this.editorInstance._formDialog._form.validate();
                    return result.isValid
                }
                getItemsConfig() {
                    const stylingMode = (0, _themes.isFluent)() ? "text" : "outlined";
                    return [{
                        dataField: "src",
                        colSpan: 11,
                        label: {
                            text: _message.default.format("dxHtmlEditor-dialogImageUrlField")
                        },
                        validationRules: [{
                            type: "required"
                        }, {
                            type: "stringLength",
                            min: 1
                        }]
                    }, {
                        dataField: "width",
                        colSpan: 6,
                        label: {
                            text: _message.default.format("dxHtmlEditor-dialogImageWidthField")
                        },
                        template: data => {
                            const $content = (0, _renderer.default)("<div>").addClass("dx-fix-ratio-container");
                            const $widthEditor = (0, _renderer.default)("<div>").appendTo($content);
                            this.widthEditor = this.createKeepAspectRatioEditor($widthEditor, data, "height");
                            const $ratioEditor = (0, _renderer.default)("<div>").appendTo($content);
                            this.editorInstance._createComponent($ratioEditor, _button_group.default, {
                                items: [{
                                    icon: "imgarlock",
                                    value: "keepRatio"
                                }],
                                hint: _message.default.format("dxHtmlEditor-dialogImageKeepAspectRatio"),
                                focusStateEnabled: false,
                                keyExpr: "value",
                                stylingMode: stylingMode,
                                selectionMode: "multiple",
                                selectedItemKeys: ["keepRatio"],
                                onSelectionChanged: e => {
                                    this.shouldKeepAspectRatio = !!e.component.option("selectedItems").length
                                }
                            });
                            return $content
                        }
                    }, {
                        dataField: "height",
                        colSpan: 5,
                        label: {
                            text: _message.default.format("dxHtmlEditor-dialogImageHeightField")
                        },
                        template: data => {
                            const $content = (0, _renderer.default)("<div>");
                            this.heightEditor = this.createKeepAspectRatioEditor($content, data, "width");
                            return $content
                        }
                    }, {
                        dataField: "alt",
                        colSpan: 11,
                        label: {
                            text: _message.default.format("dxHtmlEditor-dialogImageAltField")
                        }
                    }]
                }
            }
            class UpdateUrlStrategy extends AddUrlStrategy {
                constructor(module, config, formData, onFileSelected) {
                    super(module, config, onFileSelected);
                    this.formData = formData;
                    this.modifyFormData()
                }
                modifyFormData() {
                    const {
                        imageSrc: imageSrc
                    } = this.quill.getFormat(this.selection.index - 1, 1);
                    if (!imageSrc || 0 === this.selection.index) {
                        this.selection = {
                            index: this.selection.index + 1,
                            length: 0
                        };
                        this.quill.setSelection(this.selection.index, this.selection.length, "silent")
                    }
                    const imgElement = this.quill.getLeaf(this.selection.index)[0].domNode;
                    if (imgElement) {
                        this.formData.width = this.formData.width ?? (0, _size.getWidth)((0, _renderer.default)(imgElement));
                        this.formData.height = this.formData.height ?? (0, _size.getHeight)((0, _renderer.default)(imgElement))
                    }
                }
                pasteImage(formData, event) {
                    this.quill.deleteText(this.embedFormatIndex(), 1, "silent");
                    this.selection.index -= 1;
                    super.pasteImage(formData, event)
                }
                embedFormatIndex() {
                    const selection = this.selection ?? this.quill.getSelection();
                    if (selection) {
                        if (selection.length) {
                            return selection.index
                        }
                        return selection.index - 1
                    }
                    return this.quill.getLength()
                }
            }
            class FileStrategy extends BaseStrategy {
                constructor(module, config, onFileSelected) {
                    super(module, config, onFileSelected);
                    this.useBase64 = !(0, _type.isDefined)(this.config.fileUploadMode) || "base64" === this.config.fileUploadMode;
                    this.isValidInternal = false;
                    this.onFileSelected = onFileSelected;
                    this.data = null
                }
                upload() {
                    if (this.useBase64) {
                        this.base64Upload(this.data)
                    } else if (this.data.value.length) {
                        this.data.component.upload()
                    }
                    return true
                }
                isValid() {
                    return this.isValidInternal
                }
                onUploaded(data) {
                    serverUpload(this.config.uploadDirectory, data.file.name, this.quill, this.selection.index)
                }
                base64Upload(data) {
                    this.quill.getModule("uploader").upload(this.selection, data.value, true)
                }
                pasteImage(formData, event) {
                    if (this.useBase64) {
                        super.pasteImage(formData, event)
                    }
                }
                isBase64Editable() {
                    return "both" === this.config.fileUploadMode
                }
                validate(e) {
                    const fileUploader = e.component;
                    this.isValidInternal = !fileUploader._files.some(file => !file.isValid());
                    if (0 === fileUploader._files.length) {
                        this.isValidInternal = false
                    }
                }
                getFileUploaderOptions() {
                    const fileUploaderOptions = {
                        uploadUrl: this.config.uploadUrl,
                        onValueChanged: data => {
                            this.validate(data);
                            this.data = data;
                            this.onFileSelected()
                        },
                        onUploaded: e => this.onUploaded(e)
                    };
                    return (0, _extend.extend)({}, getFileUploaderBaseOptions(), fileUploaderOptions, this.config.fileUploaderOptions)
                }
                getItemsConfig() {
                    return [{
                        itemType: "simple",
                        dataField: "files",
                        colSpan: 11,
                        label: {
                            visible: false
                        },
                        template: () => {
                            const $content = (0, _renderer.default)("<div>");
                            this.module.editorInstance._createComponent($content, _file_uploader.default, this.getFileUploaderOptions());
                            return $content
                        }
                    }, {
                        itemType: "simple",
                        colSpan: 11,
                        label: {
                            visible: false
                        },
                        editorType: "dxCheckBox",
                        editorOptions: {
                            value: this.useBase64,
                            visible: this.isBase64Editable(),
                            text: _message.default.format("dxHtmlEditor-dialogImageEncodeToBase64"),
                            onValueChanged: e => {
                                if (this.isBase64Editable()) {
                                    this.useBase64 = e.value
                                }
                            }
                        }
                    }]
                }
            }

            function correctSlashesInUrl(url) {
                return "/" !== url[url.length - 1] ? `${url}/` : url
            }

            function getFileUploaderBaseOptions() {
                return {
                    value: [],
                    name: "dx-htmleditor-image",
                    allowedFileExtensions: ["image/*"],
                    uploadMode: "useButtons"
                }
            }

            function urlUpload(quill, index, attributes) {
                quill.insertEmbed(index, "extendedImage", attributes, "user");
                quill.setSelection(index + 1, 0, "user")
            }

            function serverUpload(url, fileName, quill, pasteIndex) {
                if (url) {
                    const imageUrl = correctSlashesInUrl(url) + fileName;
                    urlUpload(quill, pasteIndex, {
                        src: imageUrl
                    })
                }
            }
        },
        53548(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TABLE_OPERATIONS = void 0;
            exports.getAutoSizedElements = function($table) {
                let direction = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "horizontal";
                const result = [];
                const isHorizontal = "horizontal" === direction;
                const $lineElements = isHorizontal ? getColumnElements($table) : getRowElements($table);
                $lineElements.each((index, element) => {
                    const $element = (0, _renderer.default)(element);
                    if ("" === $element.get(0).style[isHorizontal ? "width" : "height"]) {
                        result.push($element)
                    }
                });
                return result
            };
            exports.getColumnElements = getColumnElements;
            exports.getLineElements = function($table, index) {
                let direction = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : "horizontal";
                return "horizontal" === direction ? getRowElements($table, index) : getColumnElements($table, index)
            };
            exports.getRowElements = getRowElements;
            exports.getTableFormats = function(quill) {
                const tableModule = quill.getModule("table");
                return null !== tableModule && void 0 !== tableModule && tableModule.tableFormats ? tableModule.tableFormats() : TABLE_FORMATS
            };
            exports.getTableOperationHandler = function(quill, operationName) {
                for (var _len = arguments.length, rest = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
                    rest[_key - 2] = arguments[_key]
                }
                return () => {
                    const table = quill.getModule("table");
                    if (!table) {
                        return
                    }
                    quill.focus();
                    return table[operationName](...rest)
                }
            };
            exports.hasEmbedContent = function(module, selection) {
                return !!selection && module.quill.getText(selection).length < selection.length
            };
            exports.setLineElementsFormat = function(module, _ref2) {
                let {
                    elements: elements,
                    property: property,
                    value: value
                } = _ref2;
                const tableBlotNames = module.quill.getModule("table").tableBlots;
                const fullPropertyName = `cell${(0,_inflector.camelize)(property,true)}`;
                (0, _iterator.each)(elements, (i, element) => {
                    var _formatBlot;
                    let formatBlot = module.quill.scroll.find(element);
                    if (!tableBlotNames.includes(formatBlot.statics.blotName)) {
                        const descendBlot = formatBlot.descendant(blot => tableBlotNames.includes(blot.statics.blotName));
                        formatBlot = descendBlot ? descendBlot[0] : null
                    }
                    null === (_formatBlot = formatBlot) || void 0 === _formatBlot || _formatBlot.format(fullPropertyName, `${value}px`)
                })
            };
            exports.unfixTableWidth = function($table, _ref) {
                let {
                    tableBlot: tableBlot,
                    quill: quill
                } = _ref;
                const formatBlot = tableBlot ?? quill.scroll.find($table.get(0));
                formatBlot.format("tableWidth", "initial")
            };
            var _renderer = (e = __webpack_require__( /*! ../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _inflector = __webpack_require__( /*! ../../../../core/utils/inflector */ 53124);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            const TABLE_FORMATS = ["table", "tableHeaderCell"];
            exports.TABLE_OPERATIONS = ["insertTable", "insertHeaderRow", "insertRowAbove", "insertRowBelow", "insertColumnLeft", "insertColumnRight", "deleteColumn", "deleteRow", "deleteTable", "cellProperties", "tableProperties"];

            function getColumnElements($table) {
                let index = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0;
                return $table.find("tr").eq(index).find("th, td")
            }

            function getRowElements($table) {
                let index = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0;
                return $table.find(`th:nth-child(${1+index}), td:nth-child(${1+index})`)
            }
        },
        28552(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            exports.default = class {
                constructor() {
                    this._storage = {}
                }
                set(_ref, value) {
                    let {
                        editorKey: editorKey,
                        marker: marker
                    } = _ref;
                    var _a;
                    (_a = this._storage)[editorKey] ?? (_a[editorKey] = {});
                    this._storage[editorKey][marker] = value
                }
                get(_ref2) {
                    var _Object$values$at, _this$_storage$editor;
                    let {
                        editorKey: editorKey,
                        marker: marker
                    } = _ref2;
                    const isQuillFormatCall = !(0, _type.isDefined)(editorKey);
                    return isQuillFormatCall ? null === (_Object$values$at = Object.values(this._storage).at(-1)) || void 0 === _Object$values$at ? void 0 : _Object$values$at[marker] : null === (_this$_storage$editor = this._storage[editorKey]) || void 0 === _this$_storage$editor ? void 0 : _this$_storage$editor[marker]
                }
                delete(_ref3) {
                    let {
                        editorKey: editorKey,
                        marker: marker
                    } = _ref3;
                    if (!this._storage[editorKey]) {
                        return
                    }
                    delete this._storage[editorKey][marker];
                    if ((0, _type.isEmptyObject)(this._storage[editorKey])) {
                        delete this._storage[editorKey]
                    }
                }
            }
        },
        12873(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ICON_MAP = void 0;
            exports.applyFormat = applyFormat;
            exports.getDefaultClickHandler = getDefaultClickHandler;
            exports.getFormatHandlers = function(module) {
                return {
                    clear: _ref => {
                        let {
                            event: event
                        } = _ref;
                        const range = module.quill.getSelection();
                        if (range) {
                            var _getToolbarModule;
                            module.saveValueChangeEvent(event);
                            module.quill.removeFormat(range);
                            null === (_getToolbarModule = getToolbarModule(module)) || void 0 === _getToolbarModule || _getToolbarModule.updateFormatWidgets()
                        }
                    },
                    link: prepareLinkHandler(module),
                    image: prepareImageHandler(module, module.editorInstance.option("imageUpload")),
                    color: prepareColorClickHandler(module, "color"),
                    background: prepareColorClickHandler(module, "background"),
                    orderedList: prepareShortcutHandler(module, "list", "ordered"),
                    bulletList: prepareShortcutHandler(module, "list", "bullet"),
                    alignLeft: prepareShortcutHandler(module, "align", "left"),
                    alignCenter: prepareShortcutHandler(module, "align", "center"),
                    alignRight: prepareShortcutHandler(module, "align", "right"),
                    alignJustify: prepareShortcutHandler(module, "align", "justify"),
                    codeBlock: getDefaultClickHandler(module, "code-block"),
                    undo: _ref2 => {
                        let {
                            event: event
                        } = _ref2;
                        module.saveValueChangeEvent(event);
                        module.quill.history.undo()
                    },
                    redo: _ref3 => {
                        let {
                            event: event
                        } = _ref3;
                        module.saveValueChangeEvent(event);
                        module.quill.history.redo()
                    },
                    increaseIndent: _ref4 => {
                        let {
                            event: event
                        } = _ref4;
                        applyFormat(module, ["indent", "+1", "user"], event)
                    },
                    decreaseIndent: _ref5 => {
                        let {
                            event: event
                        } = _ref5;
                        applyFormat(module, ["indent", "-1", "user"], event)
                    },
                    superscript: prepareShortcutHandler(module, "script", "super"),
                    subscript: prepareShortcutHandler(module, "script", "sub"),
                    insertTable: prepareInsertTableHandler(module),
                    insertHeaderRow: (0, _m_table_helper.getTableOperationHandler)(module.quill, "insertHeaderRow"),
                    insertRowAbove: (0, _m_table_helper.getTableOperationHandler)(module.quill, "insertRowAbove"),
                    insertRowBelow: (0, _m_table_helper.getTableOperationHandler)(module.quill, "insertRowBelow"),
                    insertColumnLeft: (0, _m_table_helper.getTableOperationHandler)(module.quill, "insertColumnLeft"),
                    insertColumnRight: (0, _m_table_helper.getTableOperationHandler)(module.quill, "insertColumnRight"),
                    deleteColumn: (0, _m_table_helper.getTableOperationHandler)(module.quill, "deleteColumn"),
                    deleteRow: (0, _m_table_helper.getTableOperationHandler)(module.quill, "deleteRow"),
                    deleteTable: (0, _m_table_helper.getTableOperationHandler)(module.quill, "deleteTable"),
                    cellProperties: prepareShowFormProperties(module, "cell"),
                    tableProperties: prepareShowFormProperties(module, "table"),
                    ai: prepareAITextTrasformHandler(module)
                }
            };
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _inflector = __webpack_require__( /*! ../../../../core/utils/inflector */ 53124);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _button_group = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/button_group */ 17809));
            var _color_box = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/color_box */ 87928));
            var _form = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/form */ 74075));
            var _scroll_view = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/scroll_view */ 91374));
            var _m_quill_importer = __webpack_require__( /*! ../m_quill_importer */ 58283);
            var _m_image_uploader_helper = __webpack_require__( /*! ./m_image_uploader_helper */ 85936);
            var _m_table_helper = __webpack_require__( /*! ./m_table_helper */ 53548);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const BORDER_STYLES = ["none", "hidden", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset"];
            exports.ICON_MAP = {
                insertHeaderRow: "header",
                clear: "clearformat"
            };

            function getBorderStylesTranslated() {
                return BORDER_STYLES.map(style => ({
                    id: style,
                    value: _message.default.format(`dxHtmlEditor-borderStyle${(0,_inflector.camelize)(style,true)}`)
                }))
            }

            function prepareAITextTrasformHandler(module) {
                return options => {
                    const {
                        command: command,
                        commandsMap: commandsMap,
                        parentCommand: parentCommand,
                        prompt: prompt
                    } = options;
                    const {
                        quill: quill
                    } = module;
                    const selection = quill.getSelection();
                    const hasSelection = (null === selection || void 0 === selection ? void 0 : selection.length) > 0;
                    const text = hasSelection ? quill.getText(selection) : quill.getText();
                    const aiDialogConfig = {
                        currentCommand: parentCommand ?? command,
                        currentCommandOption: parentCommand ? command : void 0,
                        text: text,
                        commandsMap: commandsMap,
                        prompt: prompt
                    };
                    const promise = module.editorInstance.showAIDialog(aiDialogConfig);
                    promise.done(_ref6 => {
                        let {
                            resultText: resultText,
                            event: eventData
                        } = _ref6;
                        const insertionMode = eventData.itemData.id;
                        let insertIndex = 0;
                        let textToInsert = resultText;
                        switch (insertionMode) {
                            case "replace":
                                insertIndex = hasSelection ? selection.index : 0;
                                quill.deleteText(insertIndex, hasSelection ? selection.length : quill.getLength(), "silent");
                                break;
                            case "insertAbove":
                                insertIndex = hasSelection ? selection.index : 0;
                                textToInsert = `${resultText}\n`;
                                break;
                            case "insertBelow":
                                insertIndex = hasSelection ? selection.index + selection.length : quill.getLength();
                                break;
                            default:
                                return
                        }
                        module.saveValueChangeEvent(eventData.event);
                        quill.insertText(insertIndex, textToInsert, "user");
                        quill.setSelection(insertIndex, textToInsert.length, "user")
                    })
                }
            }

            function resetFormDialogOptions(editorInstance, _ref7) {
                let {
                    contentTemplate: contentTemplate,
                    title: title,
                    minHeight: minHeight,
                    minWidth: minWidth,
                    maxWidth: maxWidth
                } = _ref7;
                editorInstance.formDialogOption({
                    contentTemplate: contentTemplate,
                    title: title,
                    minHeight: minHeight ?? 0,
                    minWidth: minWidth ?? 0,
                    maxWidth: maxWidth ?? "none"
                })
            }

            function prepareShowFormProperties(module, type) {
                return $element => {
                    var _$element;
                    if (!(null !== (_$element = $element) && void 0 !== _$element && _$element.length)) {
                        $element = (0, _renderer.default)(function(module, partName) {
                            const currentSelectionParts = module.quill.getModule("table").getTable();
                            return "table" === partName ? currentSelectionParts[0].domNode : currentSelectionParts[2].domNode
                        }(module, type))
                    }
                    const [tableBlot, rowBlot] = module.quill.getModule("table").getTable() ?? [];
                    const formats = module.quill.getFormat(module.editorInstance.getSelection(true));
                    const tablePropertiesFormConfig = function(type) {
                        return "cell" === type ? getCellPropertiesFormConfig : getTablePropertiesFormConfig
                    }(type)(module, {
                        $element: $element,
                        formats: formats,
                        tableBlot: tableBlot,
                        rowBlot: rowBlot
                    });
                    const {
                        contentTemplate: contentTemplate,
                        title: title,
                        minHeight: minHeight,
                        minWidth: minWidth,
                        maxWidth: maxWidth
                    } = module.editorInstance._formDialog._popup.option();
                    const savedOptions = {
                        contentTemplate: contentTemplate,
                        title: title,
                        minHeight: minHeight,
                        minWidth: minWidth,
                        maxWidth: maxWidth
                    };
                    let formInstance;
                    module.editorInstance.formDialogOption({
                        contentTemplate: container => {
                            const $content = (0, _renderer.default)("<div>").appendTo(container);
                            const $form = (0, _renderer.default)("<div>").appendTo($content);
                            module.editorInstance._createComponent($form, _form.default, tablePropertiesFormConfig.formOptions);
                            module.editorInstance._createComponent($content, _scroll_view.default, {});
                            formInstance = $form.dxForm("instance");
                            return $content
                        },
                        title: _message.default.format(`dxHtmlEditor-${type}Properties`),
                        minHeight: 400,
                        minWidth: Math.min(800, .9 * (0, _size.getWidth)((0, _window.getWindow)()) - 1),
                        maxWidth: .9 * (0, _size.getWidth)((0, _window.getWindow)())
                    });
                    const promise = module.editorInstance.showFormDialog();
                    promise.done((formData, event) => {
                        module.saveValueChangeEvent(event);
                        tablePropertiesFormConfig.applyHandler(formInstance);
                        resetFormDialogOptions(module.editorInstance, savedOptions)
                    });
                    promise.fail(() => {
                        module.quill.focus();
                        resetFormDialogOptions(module.editorInstance, savedOptions)
                    })
                }
            }

            function applyFormat(module, formatArgs, event) {
                module.saveValueChangeEvent(event);
                module.quill.format(...formatArgs)
            }

            function getColorFromFormat(value) {
                return Array.isArray(value) ? value[0] : value
            }

            function prepareLinkHandler(module) {
                return () => {
                    var _selection;
                    module.quill.focus();
                    let selection = module.quill.getSelection();
                    const formats = selection ? module.quill.getFormat() : {};
                    const isCursorAtLink = void 0 !== formats.link && 0 === (null === (_selection = selection) || void 0 === _selection ? void 0 : _selection.length);
                    let href = formats.link || "";
                    if (isCursorAtLink) {
                        const linkRange = function(module, range) {
                            const Quill = (0, _m_quill_importer.getQuill)();
                            const LinkBlot = Quill.import("formats/link");
                            let link;
                            let linkOffset;
                            [link, linkOffset] = module.quill.scroll.descendant(LinkBlot, range.index);
                            if (!link && 0 === range.length) {
                                [link, linkOffset] = module.quill.scroll.descendant(LinkBlot, range.index - 1);
                                if (link) {
                                    linkOffset += 1
                                }
                            }
                            const result = !link ? null : {
                                index: range.index - linkOffset,
                                length: link.length()
                            };
                            return result
                        }(module, selection);
                        if (linkRange) {
                            selection = linkRange
                        } else {
                            href = ""
                        }
                    }
                    const selectionHasEmbedContent = (0, _m_table_helper.hasEmbedContent)(module, selection);
                    const formData = {
                        href: href,
                        text: selection && !selectionHasEmbedContent ? module.quill.getText(selection) : "",
                        target: Object.prototype.hasOwnProperty.call(formats, "target") ? !!formats.target : true
                    };
                    module.editorInstance.formDialogOption("title", _message.default.format("dxHtmlEditor-dialogLinkCaption"));
                    const promise = module.editorInstance.showFormDialog({
                        formData: formData,
                        items: getLinkFormItems(selectionHasEmbedContent)
                    });
                    promise.done((formData, event) => {
                        if (selection && !selectionHasEmbedContent) {
                            const text = formData.text || formData.href;
                            const {
                                index: index,
                                length: length
                            } = selection;
                            formData.text = void 0;
                            module.saveValueChangeEvent(event);
                            length && module.quill.deleteText(index, length, "silent");
                            module.quill.insertText(index, text, "link", formData, "user");
                            module.quill.setSelection(index + text.length, 0, "user")
                        } else {
                            formData.text = !selection && !formData.text ? formData.href : formData.text;
                            applyFormat(module, ["link", formData, "user"], event)
                        }
                    });
                    promise.fail(() => {
                        module.quill.focus()
                    })
                }
            }

            function prepareImageHandler(module, imageUploadOption) {
                const imageUploader = new _m_image_uploader_helper.ImageUploader(module, imageUploadOption);
                return () => {
                    imageUploader.render()
                }
            }

            function getLinkFormItems(selectionHasEmbedContent) {
                return [{
                    dataField: "href",
                    label: {
                        text: _message.default.format("dxHtmlEditor-dialogLinkUrlField")
                    }
                }, {
                    dataField: "text",
                    label: {
                        text: _message.default.format("dxHtmlEditor-dialogLinkTextField")
                    },
                    visible: !selectionHasEmbedContent
                }, {
                    dataField: "target",
                    editorType: "dxCheckBox",
                    editorOptions: {
                        text: _message.default.format("dxHtmlEditor-dialogLinkTargetField")
                    },
                    cssClass: "dx-formdialog-field-target",
                    label: {
                        visible: false
                    }
                }]
            }

            function prepareColorClickHandler(module, name) {
                return () => {
                    const formData = module.quill.getFormat();
                    const caption = "color" === name ? "dxHtmlEditor-dialogColorCaption" : "dxHtmlEditor-dialogBackgroundCaption";
                    module.editorInstance.formDialogOption("title", _message.default.format(caption));
                    const promise = module.editorInstance.showFormDialog({
                        formData: formData,
                        items: [{
                            dataField: name,
                            editorType: "dxColorView",
                            editorOptions: {
                                focusStateEnabled: false
                            },
                            label: {
                                visible: false
                            }
                        }]
                    });
                    promise.done((formData, event) => {
                        applyFormat(module, [name, formData[name], "user"], event)
                    });
                    promise.fail(() => {
                        module.quill.focus()
                    })
                }
            }

            function prepareShortcutHandler(module, name, shortcutValue) {
                return _ref8 => {
                    var _getToolbarModule2;
                    let {
                        event: event
                    } = _ref8;
                    const formats = module.quill.getFormat();
                    const value = formats[name] === shortcutValue ? false : shortcutValue;
                    applyFormat(module, [name, value, "user"], event);
                    null === (_getToolbarModule2 = getToolbarModule(module)) || void 0 === _getToolbarModule2 || _getToolbarModule2.updateFormatWidgets(true)
                }
            }

            function getToolbarModule(module) {
                return module._updateFormatWidget ? module : module.quill.getModule("toolbar")
            }

            function getDefaultClickHandler(module, name) {
                return _ref9 => {
                    var _getToolbarModule3;
                    let {
                        event: event
                    } = _ref9;
                    const formats = module.quill.getFormat();
                    const value = formats[name];
                    const newValue = !((0, _type.isBoolean)(value) ? value : (0, _type.isDefined)(value));
                    applyFormat(module, [name, newValue, "user"], event);
                    null === (_getToolbarModule3 = getToolbarModule(module)) || void 0 === _getToolbarModule3 || _getToolbarModule3._updateFormatWidget(name, newValue, formats)
                }
            }

            function prepareInsertTableHandler(module) {
                return () => {
                    const formats = module.quill.getFormat();
                    const isTableFocused = module._tableFormats.some(format => Object.prototype.hasOwnProperty.call(formats, format));
                    if (isTableFocused) {
                        module.quill.focus();
                        return
                    }
                    module.editorInstance.formDialogOption("title", _message.default.format("dxHtmlEditor-dialogInsertTableCaption"));
                    const promise = module.editorInstance.showFormDialog({
                        formData: {
                            rows: 1,
                            columns: 1
                        },
                        items: [{
                            dataField: "columns",
                            editorType: "dxNumberBox",
                            editorOptions: {
                                min: 1
                            },
                            label: {
                                text: _message.default.format("dxHtmlEditor-dialogInsertTableRowsField")
                            }
                        }, {
                            dataField: "rows",
                            editorType: "dxNumberBox",
                            editorOptions: {
                                min: 1
                            },
                            label: {
                                text: _message.default.format("dxHtmlEditor-dialogInsertTableColumnsField")
                            }
                        }]
                    });
                    promise.done((formData, event) => {
                        module.quill.focus();
                        const table = module.quill.getModule("table");
                        if (table) {
                            module.saveValueChangeEvent(event);
                            const {
                                columns: columns,
                                rows: rows
                            } = formData;
                            table.insertTable(columns, rows)
                        }
                    }).always(() => {
                        module.quill.focus()
                    })
                }
            }

            function getTablePropertiesFormConfig(module, _ref0) {
                let {
                    $element: $table,
                    formats: formats,
                    tableBlot: tableBlot
                } = _ref0;
                let alignmentEditorInstance;
                let borderColorEditorInstance;
                let backgroundColorEditorInstance;
                const {
                    editorInstance: editorInstance
                } = module;
                const rawTableWidth = parseFloat(formats.tableWidth);
                const tableWidth = isNaN(rawTableWidth) ? null : rawTableWidth;
                const alignment = formats.tableAlign || "left";
                const formData = {
                    width: tableWidth,
                    height: (0, _type.isDefined)(formats.tableHeight) ? parseFloat(formats.tableHeight) : null,
                    backgroundColor: formats.tableBackgroundColor || null,
                    borderStyle: formats.tableBorderStyle || null,
                    borderColor: formats.tableBorderColor || null,
                    borderWidth: (0, _type.isDefined)(formats.tableBorderWidth) ? parseFloat(formats.tableBorderWidth) : null,
                    alignment: alignment
                };
                const items = [{
                    itemType: "group",
                    caption: _message.default.format("dxHtmlEditor-border"),
                    colCountByScreen: {
                        xs: 2
                    },
                    colCount: 2,
                    items: [{
                        dataField: "borderStyle",
                        label: {
                            text: _message.default.format("dxHtmlEditor-style")
                        },
                        editorType: "dxSelectBox",
                        editorOptions: {
                            items: getBorderStylesTranslated(),
                            valueExpr: "id",
                            displayExpr: "value",
                            placeholder: "Select style"
                        }
                    }, {
                        dataField: "borderWidth",
                        label: {
                            text: _message.default.format("dxHtmlEditor-borderWidth")
                        },
                        editorOptions: {
                            placeholder: _message.default.format("dxHtmlEditor-pixels")
                        }
                    }, {
                        itemType: "simple",
                        dataField: "borderColor",
                        label: {
                            text: _message.default.format("dxHtmlEditor-borderColor")
                        },
                        colSpan: 2,
                        template: e => {
                            const $content = (0, _renderer.default)("<div>");
                            editorInstance._createComponent($content, _color_box.default, {
                                editAlphaChannel: true,
                                value: e.component.option("formData").borderColor,
                                onInitialized: event => {
                                    borderColorEditorInstance = event.component
                                }
                            });
                            return $content
                        }
                    }]
                }, {
                    itemType: "group",
                    caption: _message.default.format("dxHtmlEditor-dimensions"),
                    colCountByScreen: {
                        xs: 2
                    },
                    colCount: 2,
                    items: [{
                        dataField: "width",
                        label: {
                            text: _message.default.format("dxHtmlEditor-width")
                        },
                        editorOptions: {
                            min: 0,
                            placeholder: _message.default.format("dxHtmlEditor-pixels")
                        }
                    }, {
                        dataField: "height",
                        label: {
                            text: _message.default.format("dxHtmlEditor-height")
                        },
                        editorOptions: {
                            min: 0,
                            placeholder: _message.default.format("dxHtmlEditor-pixels")
                        }
                    }]
                }, {
                    itemType: "group",
                    caption: _message.default.format("dxHtmlEditor-tableBackground"),
                    items: [{
                        itemType: "simple",
                        dataField: "backgroundColor",
                        label: {
                            text: _message.default.format("dxHtmlEditor-borderColor")
                        },
                        template: e => {
                            const $content = (0, _renderer.default)("<div>");
                            editorInstance._createComponent($content, _color_box.default, {
                                editAlphaChannel: true,
                                value: e.component.option("formData").backgroundColor,
                                onInitialized: event => {
                                    backgroundColorEditorInstance = event.component
                                }
                            });
                            return $content
                        }
                    }]
                }, {
                    itemType: "group",
                    caption: _message.default.format("dxHtmlEditor-alignment"),
                    items: [{
                        itemType: "simple",
                        label: {
                            text: _message.default.format("dxHtmlEditor-horizontal")
                        },
                        template: () => {
                            const $content = (0, _renderer.default)("<div>");
                            editorInstance._createComponent($content, _button_group.default, {
                                items: [{
                                    value: "left",
                                    icon: "alignleft"
                                }, {
                                    value: "center",
                                    icon: "aligncenter"
                                }, {
                                    value: "right",
                                    icon: "alignright"
                                }, {
                                    value: "justify",
                                    icon: "alignjustify"
                                }],
                                keyExpr: "value",
                                selectedItemKeys: ["start" === alignment ? "left" : alignment],
                                onInitialized: event => {
                                    alignmentEditorInstance = event.component
                                }
                            });
                            return $content
                        }
                    }]
                }];
                const formOptions = {
                    formData: formData,
                    items: items,
                    colCount: 2,
                    showColonAfterLabel: true,
                    labelLocation: "top",
                    minColWidth: 400
                };
                return {
                    formOptions: formOptions,
                    applyHandler: formInstance => {
                        const {
                            formData: data
                        } = formInstance.option();
                        const newWidth = data.width === tableWidth ? null : data.width;
                        const newHeight = data.height;
                        ! function(module, _ref10) {
                            let {
                                $table: $table,
                                newHeight: newHeight,
                                newWidth: newWidth,
                                tableBlot: tableBlot
                            } = _ref10;
                            if ((0, _type.isDefined)(newWidth)) {
                                const autoWidthColumns = (0, _m_table_helper.getAutoSizedElements)($table);
                                if (autoWidthColumns.length > 0) {
                                    module.editorInstance.format("tableWidth", `${newWidth}px`)
                                } else {
                                    const $columns = (0, _m_table_helper.getColumnElements)($table);
                                    const oldTableWidth = (0, _size.getOuterWidth)($table);
                                    (0, _m_table_helper.unfixTableWidth)($table, {
                                        tableBlot: tableBlot
                                    });
                                    (0, _iterator.each)($columns, (i, element) => {
                                        const $element = (0, _renderer.default)(element);
                                        const newElementWidth = newWidth / oldTableWidth * (0, _size.getOuterWidth)($element);
                                        const $lineElements = (0, _m_table_helper.getLineElements)($table, $element.index(), "horizontal");
                                        (0, _m_table_helper.setLineElementsFormat)(module, {
                                            elements: $lineElements,
                                            property: "width",
                                            value: newElementWidth
                                        })
                                    })
                                }
                            }
                            const autoHeightRows = (0, _m_table_helper.getAutoSizedElements)($table, "vertical");
                            if ((null === autoHeightRows || void 0 === autoHeightRows ? void 0 : autoHeightRows.length) > 0) {
                                tableBlot.format("tableHeight", `${newHeight}px`)
                            } else {
                                const $rows = (0, _m_table_helper.getRowElements)($table);
                                const oldTableHeight = (0, _size.getOuterHeight)($table);
                                (0, _iterator.each)($rows, (i, element) => {
                                    const $element = (0, _renderer.default)(element);
                                    const newElementHeight = newHeight / oldTableHeight * (0, _size.getOuterHeight)($element);
                                    const $lineElements = (0, _m_table_helper.getLineElements)($table, i, "vertical");
                                    (0, _m_table_helper.setLineElementsFormat)(module, {
                                        elements: $lineElements,
                                        property: "height",
                                        value: newElementHeight
                                    })
                                })
                            }
                        }(module, {
                            $table: $table,
                            newHeight: newHeight,
                            newWidth: newWidth,
                            tableBlot: tableBlot
                        });
                        module.editorInstance.format("tableBorderStyle", data.borderStyle);
                        module.editorInstance.format("tableBorderWidth", `${data.borderWidth}px`);
                        module.editorInstance.format("tableBorderColor", borderColorEditorInstance.option("value"));
                        module.editorInstance.format("tableBackgroundColor", backgroundColorEditorInstance.option("value"));
                        module.editorInstance.format("tableTextAlign", alignmentEditorInstance.option("selectedItemKeys")[0])
                    }
                }
            }

            function getCellPropertiesFormConfig(module, _ref1) {
                var _formats$cellPadding, _formats$cellPadding2;
                let {
                    $element: $cell,
                    formats: formats,
                    tableBlot: tableBlot,
                    rowBlot: rowBlot
                } = _ref1;
                let alignmentEditorInstance;
                let verticalAlignmentEditorInstance;
                let borderColorEditorInstance;
                let backgroundColorEditorInstance;
                const {
                    editorInstance: editorInstance
                } = module;
                const cellWidth = (0, _type.isDefined)(formats.cellWidth) ? parseFloat(formats.cellWidth) : null;
                const defaultAlignment = "tableHeaderCell" === rowBlot.childFormatName ? "center" : "left";
                const alignment = formats.cellTextAlign || defaultAlignment;
                const verticalAlignment = formats.cellVerticalAlign || "middle";
                const rawVerticalPadding = formats.cellPaddingTop ?? (null === (_formats$cellPadding = formats.cellPadding) || void 0 === _formats$cellPadding ? void 0 : _formats$cellPadding.split(" ")[0]);
                const rawHorizontalPadding = formats.cellPaddingLeft ?? (null === (_formats$cellPadding2 = formats.cellPadding) || void 0 === _formats$cellPadding2 ? void 0 : _formats$cellPadding2.split(" ")[1]);
                const formData = {
                    width: cellWidth,
                    height: (0, _type.isDefined)(formats.cellHeight) ? parseFloat(formats.cellHeight) : null,
                    backgroundColor: getColorFromFormat(formats.cellBackgroundColor) || null,
                    borderStyle: formats.cellBorderStyle || null,
                    borderColor: getColorFromFormat(formats.cellBorderColor) || null,
                    borderWidth: (0, _type.isDefined)(formats.cellBorderWidth) ? parseFloat(formats.cellBorderWidth) : null,
                    alignment: alignment,
                    verticalAlignment: verticalAlignment,
                    verticalPadding: (0, _type.isDefined)(rawVerticalPadding) ? parseFloat(rawVerticalPadding) : null,
                    horizontalPadding: (0, _type.isDefined)(rawHorizontalPadding) ? parseFloat(rawHorizontalPadding) : null
                };
                const items = [{
                    itemType: "group",
                    caption: _message.default.format("dxHtmlEditor-border"),
                    colCountByScreen: {
                        xs: 2
                    },
                    colCount: 2,
                    items: [{
                        dataField: "borderStyle",
                        label: {
                            text: _message.default.format("dxHtmlEditor-style")
                        },
                        editorType: "dxSelectBox",
                        editorOptions: {
                            items: getBorderStylesTranslated(),
                            valueExpr: "id",
                            displayExpr: "value"
                        }
                    }, {
                        dataField: "borderWidth",
                        label: {
                            text: _message.default.format("dxHtmlEditor-borderWidth")
                        },
                        editorOptions: {
                            placeholder: _message.default.format("dxHtmlEditor-pixels")
                        }
                    }, {
                        itemType: "simple",
                        dataField: "borderColor",
                        colSpan: 2,
                        label: {
                            text: _message.default.format("dxHtmlEditor-borderColor")
                        },
                        template: e => {
                            const $content = (0, _renderer.default)("<div>");
                            editorInstance._createComponent($content, _color_box.default, {
                                editAlphaChannel: true,
                                value: e.component.option("formData").borderColor,
                                onInitialized: event => {
                                    borderColorEditorInstance = event.component
                                }
                            });
                            return $content
                        }
                    }]
                }, {
                    itemType: "group",
                    caption: _message.default.format("dxHtmlEditor-dimensions"),
                    colCount: 2,
                    colCountByScreen: {
                        xs: 2
                    },
                    items: [{
                        dataField: "width",
                        label: {
                            text: _message.default.format("dxHtmlEditor-width")
                        },
                        editorOptions: {
                            min: 0,
                            placeholder: _message.default.format("dxHtmlEditor-pixels")
                        }
                    }, {
                        dataField: "height",
                        label: {
                            text: _message.default.format("dxHtmlEditor-height")
                        },
                        editorOptions: {
                            min: 0,
                            placeholder: _message.default.format("dxHtmlEditor-pixels")
                        }
                    }, {
                        dataField: "verticalPadding",
                        label: {
                            text: _message.default.format("dxHtmlEditor-paddingVertical")
                        },
                        editorOptions: {
                            placeholder: _message.default.format("dxHtmlEditor-pixels")
                        }
                    }, {
                        label: {
                            text: _message.default.format("dxHtmlEditor-paddingHorizontal")
                        },
                        dataField: "horizontalPadding",
                        editorOptions: {
                            placeholder: _message.default.format("dxHtmlEditor-pixels")
                        }
                    }]
                }, {
                    itemType: "group",
                    caption: _message.default.format("dxHtmlEditor-tableBackground"),
                    items: [{
                        itemType: "simple",
                        dataField: "backgroundColor",
                        label: {
                            text: _message.default.format("dxHtmlEditor-borderColor")
                        },
                        template: e => {
                            const $content = (0, _renderer.default)("<div>");
                            editorInstance._createComponent($content, _color_box.default, {
                                editAlphaChannel: true,
                                value: e.component.option("formData").backgroundColor,
                                onInitialized: event => {
                                    backgroundColorEditorInstance = event.component
                                }
                            });
                            return $content
                        }
                    }]
                }, {
                    itemType: "group",
                    caption: _message.default.format("dxHtmlEditor-alignment"),
                    colCount: 2,
                    items: [{
                        itemType: "simple",
                        label: {
                            text: _message.default.format("dxHtmlEditor-horizontal")
                        },
                        template: () => {
                            const $content = (0, _renderer.default)("<div>");
                            editorInstance._createComponent($content, _button_group.default, {
                                items: [{
                                    value: "left",
                                    icon: "alignleft"
                                }, {
                                    value: "center",
                                    icon: "aligncenter"
                                }, {
                                    value: "right",
                                    icon: "alignright"
                                }, {
                                    value: "justify",
                                    icon: "alignjustify"
                                }],
                                keyExpr: "value",
                                selectedItemKeys: ["start" === alignment ? "left" : alignment],
                                onInitialized: event => {
                                    alignmentEditorInstance = event.component
                                }
                            });
                            return $content
                        }
                    }, {
                        itemType: "simple",
                        label: {
                            text: _message.default.format("dxHtmlEditor-vertical")
                        },
                        template: () => {
                            const $content = (0, _renderer.default)("<div>");
                            editorInstance._createComponent($content, _button_group.default, {
                                items: [{
                                    value: "top",
                                    icon: "verticalaligntop"
                                }, {
                                    value: "middle",
                                    icon: "verticalaligncenter"
                                }, {
                                    value: "bottom",
                                    icon: "verticalalignbottom"
                                }],
                                keyExpr: "value",
                                selectedItemKeys: [verticalAlignment],
                                onInitialized: event => {
                                    verticalAlignmentEditorInstance = event.component
                                }
                            });
                            return $content
                        }
                    }]
                }];
                const formOptions = {
                    formData: formData,
                    items: items,
                    colCount: 2,
                    showColonAfterLabel: true,
                    labelLocation: "top",
                    minColWidth: 400
                };
                return {
                    formOptions: formOptions,
                    applyHandler: formInstance => {
                        const {
                            formData: data
                        } = formInstance.option();
                        const newWidth = data.width === cellWidth ? null : data.width;
                        const newHeight = data.height;
                        ! function(module, _ref11) {
                            let {
                                $cell: $cell,
                                newHeight: newHeight,
                                newWidth: newWidth,
                                tableBlot: tableBlot,
                                rowBlot: rowBlot
                            } = _ref11;
                            const $table = (0, _renderer.default)($cell.closest("table"));
                            if ((0, _type.isDefined)(newWidth)) {
                                const index = (0, _renderer.default)($cell).index();
                                let $verticalCells = (0, _m_table_helper.getLineElements)($table, index);
                                const widthDiff = newWidth - (0, _size.getOuterWidth)($cell);
                                const tableWidth = (0, _size.getOuterWidth)($table);
                                if (newWidth > tableWidth) {
                                    (0, _m_table_helper.unfixTableWidth)($table, {
                                        tableBlot: tableBlot
                                    })
                                }(0, _m_table_helper.setLineElementsFormat)(module, {
                                    elements: $verticalCells,
                                    property: "width",
                                    value: newWidth
                                });
                                const $nextColumnCell = $cell.next();
                                const shouldUpdateNearestColumnWidth = 0 === (0, _m_table_helper.getAutoSizedElements)($table).length;
                                if (shouldUpdateNearestColumnWidth) {
                                    (0, _m_table_helper.unfixTableWidth)($table, {
                                        tableBlot: tableBlot
                                    });
                                    if (1 === $nextColumnCell.length) {
                                        $verticalCells = (0, _m_table_helper.getLineElements)($table, index + 1);
                                        const nextColumnWidth = (0, _size.getOuterWidth)($verticalCells.eq(0)) - widthDiff;
                                        (0, _m_table_helper.setLineElementsFormat)(module, {
                                            elements: $verticalCells,
                                            property: "width",
                                            value: Math.max(nextColumnWidth, 0)
                                        })
                                    } else {
                                        const $prevColumnCell = $cell.prev();
                                        if (1 === $prevColumnCell.length) {
                                            $verticalCells = (0, _m_table_helper.getLineElements)($table, index - 1);
                                            const prevColumnWidth = (0, _size.getOuterWidth)($verticalCells.eq(0)) - widthDiff;
                                            (0, _m_table_helper.setLineElementsFormat)(module, {
                                                elements: $verticalCells,
                                                property: "width",
                                                value: Math.max(prevColumnWidth, 0)
                                            })
                                        }
                                    }
                                }
                            }
                            rowBlot.children.forEach(rowCell => {
                                rowCell.format("cellHeight", `${newHeight}px`)
                            });
                            const autoHeightRows = (0, _m_table_helper.getAutoSizedElements)($table, "vertical");
                            if (0 === autoHeightRows.length) {
                                $table.css("height", "auto")
                            }
                        }(module, {
                            $cell: $cell,
                            newHeight: newHeight,
                            newWidth: newWidth,
                            tableBlot: tableBlot,
                            rowBlot: rowBlot
                        });
                        module.editorInstance.format("cellBorderWidth", data.borderWidth && `${data.borderWidth}px`);
                        module.editorInstance.format("cellBorderColor", borderColorEditorInstance.option("value"));
                        module.editorInstance.format("cellBorderStyle", data.borderStyle);
                        module.editorInstance.format("cellBackgroundColor", backgroundColorEditorInstance.option("value"));
                        module.editorInstance.format("cellTextAlign", alignmentEditorInstance.option("selectedItemKeys")[0]);
                        module.editorInstance.format("cellVerticalAlign", verticalAlignmentEditorInstance.option("selectedItemKeys")[0]);
                        module.editorInstance.format("cellPaddingLeft", data.horizontalPadding && `${data.horizontalPadding}px`);
                        module.editorInstance.format("cellPaddingRight", data.horizontalPadding && `${data.horizontalPadding}px`);
                        module.editorInstance.format("cellPaddingTop", data.verticalPadding && `${data.verticalPadding}px`);
                        module.editorInstance.format("cellPaddingBottom", data.verticalPadding && `${data.verticalPadding}px`)
                    }
                }
            }
        },
        59133(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.isSmallScreen = void 0;
            var _devices = (e = __webpack_require__( /*! ../../../../core/devices */ 65951), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            exports.isSmallScreen = () => {
                const screenFactor = (0, _window.hasWindow)() ? (0, _window.getCurrentScreenFactor)() : null;
                return "phone" === _devices.default.real().deviceType || "xs" === screenFactor
            }
        },
        83706(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.INFORMER_TEXT_CLASS = exports.INFORMER_CLASS = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _m_icon = __webpack_require__( /*! ../../core/utils/m_icon */ 42463);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const INFORMER_CLASS = exports.INFORMER_CLASS = "dx-informer";
            const INFORMER_TEXT_CLASS = exports.INFORMER_TEXT_CLASS = "dx-informer-text";
            class Informer extends _widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        contentAlignment: "center",
                        icon: "",
                        showBackground: true,
                        text: "",
                        type: "error"
                    })
                }
                _initMarkup() {
                    const {
                        showBackground: showBackground
                    } = this.option();
                    this.$element().addClass(INFORMER_CLASS);
                    this.$element().toggleClass("dx-informer-bg", showBackground);
                    this._setAlignmentClass();
                    this._setTypeClass();
                    super._initMarkup();
                    this._renderIcon();
                    this._renderText()
                }
                _setAlignmentClass() {
                    this.$element().removeClass("dx-informer-alignment-start").removeClass("dx-informer-alignment-center").removeClass("dx-informer-alignment-end");
                    const {
                        contentAlignment: contentAlignment
                    } = this.option();
                    switch (contentAlignment) {
                        case "start":
                            this.$element().addClass("dx-informer-alignment-start");
                            break;
                        case "end":
                            this.$element().addClass("dx-informer-alignment-end");
                            break;
                        default:
                            this.$element().addClass("dx-informer-alignment-center")
                    }
                }
                _setTypeClass() {
                    this.$element().removeClass("dx-informer-error").removeClass("dx-informer-info");
                    const {
                        type: type
                    } = this.option();
                    if ("info" === type) {
                        this.$element().addClass("dx-informer-info")
                    } else {
                        this.$element().addClass("dx-informer-error")
                    }
                }
                _renderIcon() {
                    var _this$_$icon;
                    null === (_this$_$icon = this._$icon) || void 0 === _this$_$icon || _this$_$icon.remove();
                    const {
                        icon: icon
                    } = this.option();
                    const $icon = (0, _m_icon.getImageContainer)(icon);
                    if (!$icon) {
                        return
                    }
                    this._$icon = (0, _renderer.default)("<div>").addClass("dx-informer-icon").prependTo(this.$element()).append($icon)
                }
                _renderText() {
                    const {
                        text: text = ""
                    } = this.option();
                    this._$text = (0, _renderer.default)("<div>").addClass(INFORMER_TEXT_CLASS).appendTo(this.$element()).text(text)
                }
                _updateText() {
                    const {
                        text: text = ""
                    } = this.option();
                    this._$text.text(text)
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "icon":
                            this._renderIcon();
                            break;
                        case "contentAlignment":
                            this._setAlignmentClass();
                            break;
                        case "showBackground":
                            this.$element().toggleClass("dx-informer-bg", value);
                            break;
                        case "text":
                            this._updateText();
                            break;
                        case "type":
                            this._setTypeClass();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }(0, _component_registrator.default)("dxInformer", Informer);
            exports.default = Informer
        },
        34049(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _item = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/item */ 30845));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class ListItem extends _item.default {
                _renderWatchers() {
                    super._renderWatchers();
                    this._startWatcher("badge", this._renderBadge.bind(this));
                    this._startWatcher("showChevron", this._renderShowChevron.bind(this))
                }
                _renderBadge(badge) {
                    this._$element.children(".dx-list-item-badge-container").remove();
                    if (!badge) {
                        return
                    }
                    const $badge = (0, _renderer.default)("<div>").addClass("dx-list-item-badge-container").append((0, _renderer.default)("<div>").addClass("dx-list-item-badge").addClass("dx-badge").text(badge));
                    const $chevron = this._$element.children(".dx-list-item-chevron-container").first();
                    if ($chevron.length > 0) {
                        $badge.insertBefore($chevron)
                    } else {
                        $badge.appendTo(this._$element)
                    }
                }
                _renderShowChevron(showChevron) {
                    this._$element.children(".dx-list-item-chevron-container").remove();
                    if (!showChevron) {
                        return
                    }
                    const $chevronContainer = (0, _renderer.default)("<div>").addClass("dx-list-item-chevron-container");
                    const $chevron = (0, _renderer.default)("<div>").addClass("dx-list-item-chevron");
                    $chevronContainer.append($chevron).appendTo(this._$element)
                }
            }
            exports.default = ListItem
        },
        74319(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ListBase = void 0;
            exports.setScrollView = function(value) {
                _scrollView = value
            };
            var _animation = __webpack_require__( /*! ../../../common/core/animation */ 16826);
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _swipe = __webpack_require__( /*! ../../../common/core/events/swipe */ 80250);
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _bindable_template = __webpack_require__( /*! ../../../core/templates/bindable_template */ 27286);
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _icon = __webpack_require__( /*! ../../../core/utils/icon */ 69629);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../ui/button */ 64973));
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _m_ink_ripple = __webpack_require__( /*! ../../core/utils/m_ink_ripple */ 43469);
            var _m_support = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_support */ 85991));
            var _grouped = __webpack_require__( /*! ../../data/data_converter/grouped */ 40375);
            var _collection_widget = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/collection_widget.live_update */ 26821));
            var _item = _interopRequireDefault(__webpack_require__( /*! ../../ui/list/item */ 34049));
            var _scroll_view = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scroll_view */ 71100));
            var _scrollable = __webpack_require__( /*! ../../ui/scroll_view/scrollable.device */ 91284);
            var _get_element_style = __webpack_require__( /*! ../../ui/scroll_view/utils/get_element_style */ 72840);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            let _scrollView = null;
            class ListBase extends _collection_widget.default {
                _feedbackShowTimeout() {
                    return 70
                }
                _supportedKeys() {
                    return Object.assign({}, super._supportedKeys(), {
                        leftArrow: _common.noop,
                        rightArrow: _common.noop,
                        pageUp(e) {
                            this._moveFocusPerPage(e, "prev")
                        },
                        pageDown(e) {
                            this._moveFocusPerPage(e, "next")
                        }
                    })
                }
                _moveFocusPerPage(e, direction) {
                    if (this._isLastItemFocused(direction)) {
                        return
                    }
                    e.preventDefault();
                    e.stopPropagation();
                    let $item = this._getEdgeVisibleItem(direction);
                    const {
                        focusedElement: focusedElement
                    } = this.option();
                    const isFocusedItem = $item.is((0, _renderer.default)(focusedElement));
                    if (isFocusedItem) {
                        this.scrollTo(this._getItemLocation($item, direction));
                        $item = this._getEdgeVisibleItem(direction)
                    }
                    this.option("focusedElement", (0, _element.getPublicElement)($item));
                    this.scrollToItem($item)
                }
                _isLastItemFocused(direction) {
                    const lastItemInDirection = "prev" === direction ? this._itemElements().first() : this._itemElements().last();
                    const {
                        focusedElement: focusedElement
                    } = this.option();
                    return lastItemInDirection.is((0, _renderer.default)(focusedElement))
                }
                _getNextItem($item, direction) {
                    const $items = this._getAvailableItems();
                    const itemIndex = $items.index($item);
                    if ("prev" === direction) {
                        return (0, _renderer.default)($items[itemIndex - 1])
                    }
                    return (0, _renderer.default)($items[itemIndex + 1])
                }
                _getEdgeVisibleItem(direction) {
                    const scrollTop = this.scrollTop();
                    const containerHeight = (0, _size.getHeight)(this.$element());
                    const {
                        focusedElement: focusedElement
                    } = this.option();
                    let $item = (0, _renderer.default)(focusedElement);
                    let isItemVisible = true;
                    if (!$item.length) {
                        return (0, _renderer.default)()
                    }
                    while (isItemVisible) {
                        var _$nextItem$position;
                        const $nextItem = this._getNextItem($item, direction);
                        if (!$nextItem.length) {
                            break
                        }
                        const nextItemLocation = ((null === (_$nextItem$position = $nextItem.position()) || void 0 === _$nextItem$position ? void 0 : _$nextItem$position.top) ?? 0) + (0, _size.getOuterHeight)($nextItem) / 2;
                        isItemVisible = nextItemLocation < containerHeight + scrollTop && nextItemLocation > scrollTop;
                        if (isItemVisible) {
                            $item = $nextItem
                        }
                    }
                    return $item
                }
                _getItemLocation($item, direction) {
                    if ("prev" === direction) {
                        return $item.position().top - (0, _size.getHeight)(this.$element()) + (0, _size.getOuterHeight)($item)
                    }
                    return $item.position().top
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        hoverStateEnabled: true,
                        pullRefreshEnabled: false,
                        scrollingEnabled: true,
                        selectByClick: true,
                        showScrollbar: "onScroll",
                        useNativeScrolling: true,
                        bounceEnabled: true,
                        scrollByContent: true,
                        scrollByThumb: false,
                        pullingDownText: _message.default.format("dxList-pullingDownText"),
                        pulledDownText: _message.default.format("dxList-pulledDownText"),
                        refreshingText: _message.default.format("dxList-refreshingText"),
                        pageLoadingText: _message.default.format("dxList-pageLoadingText"),
                        onScroll: null,
                        onPullRefresh: null,
                        onPageLoading: null,
                        pageLoadMode: "scrollBottom",
                        nextButtonText: _message.default.format("dxList-nextButtonText"),
                        onItemSwipe: null,
                        grouped: false,
                        onGroupRendered: null,
                        collapsibleGroups: false,
                        groupTemplate: "group",
                        indicateLoading: true,
                        activeStateEnabled: true,
                        _itemAttributes: {
                            role: "option"
                        },
                        useInkRipple: false,
                        wrapItemText: false,
                        _swipeEnabled: true,
                        showChevronExpr: data => null === data || void 0 === data ? void 0 : data.showChevron,
                        badgeExpr: data => null === data || void 0 === data ? void 0 : data.badge,
                        _onItemsRendered: () => {}
                    })
                }
                _defaultOptionsRules() {
                    const themeName = (0, _themes.current)();
                    return super._defaultOptionsRules().concat((0, _scrollable.deviceDependentOptions)(), [{
                        device: () => !_m_support.default.nativeScrolling,
                        options: {
                            useNativeScrolling: false
                        }
                    }, {
                        device: device => !_m_support.default.nativeScrolling && !_devices.default.isSimulator() && "desktop" === _devices.default.real().deviceType && "generic" === device.platform,
                        options: {
                            showScrollbar: "onHover",
                            pageLoadMode: "nextButton"
                        }
                    }, {
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }, {
                        device: () => (0, _themes.isMaterial)(themeName),
                        options: {
                            useInkRipple: true
                        }
                    }, {
                        device: () => (0, _themes.isMaterialBased)(themeName),
                        options: {
                            pullingDownText: "",
                            pulledDownText: "",
                            refreshingText: "",
                            pageLoadingText: ""
                        }
                    }])
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        this._updateLoadingState(true)
                    }
                }
                _itemClass() {
                    return "dx-list-item"
                }
                _itemDataKey() {
                    return "dxListItemData"
                }
                _itemContainer() {
                    return this._$container
                }
                _getItemsContainer() {
                    return this._$listContainer
                }
                _cleanItemContainer() {
                    super._cleanItemContainer();
                    const listContainer = this._getItemsContainer();
                    (0, _renderer.default)(listContainer).empty();
                    listContainer.appendTo(this._$container)
                }
                _saveSelectionChangeEvent(e) {
                    this._selectionChangeEventInstance = e
                }
                _getSelectionChangeEvent() {
                    return this._selectionChangeEventInstance
                }
                _refreshItemElements() {
                    const {
                        grouped: grouped
                    } = this.option();
                    const $itemsContainer = this._getItemsContainer();
                    if (grouped) {
                        this._itemElementsCache = $itemsContainer.children(".dx-list-group").children(".dx-list-group-body").children(this._itemSelector())
                    } else {
                        this._itemElementsCache = $itemsContainer.children(this._itemSelector())
                    }
                }
                _getItemAndHeaderElements() {
                    const itemSelector = `> .dx-list-group-body > ${this._itemSelector()}`;
                    const itemAndHeaderSelector = `${itemSelector}, > .dx-list-group-header`;
                    const $listGroup = this._getItemsContainer().children(".dx-list-group");
                    return $listGroup.find(itemAndHeaderSelector)
                }
                _getAvailableItems($itemElements) {
                    const {
                        collapsibleGroups: collapsibleGroups
                    } = this.option();
                    if (collapsibleGroups) {
                        const $elements = this._getItemAndHeaderElements();
                        return $elements.filter((_index, element) => {
                            if ((0, _renderer.default)(element).hasClass("dx-list-group-header")) {
                                return true
                            }
                            return !(0, _renderer.default)(element).closest(".dx-list-group").hasClass("dx-list-group-collapsed")
                        })
                    }
                    return super._getAvailableItems($itemElements)
                }
                _modifyByChanges(changes, isPartialRefresh) {
                    super._modifyByChanges(changes, isPartialRefresh);
                    this._refreshItemElements();
                    this._updateLoadingState(true)
                }
                reorderItem(itemElement, toItemElement) {
                    const promise = super.reorderItem(itemElement, toItemElement);
                    return promise.done(() => {
                        this._refreshItemElements()
                    })
                }
                deleteItem(itemElement) {
                    const promise = super.deleteItem(itemElement);
                    return promise.done(() => {
                        this._refreshItemElements()
                    })
                }
                _itemElements() {
                    return this._itemElementsCache
                }
                _itemSelectHandler(e) {
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    const isSingleSelectedItemClicked = "single" === selectionMode && this.isItemSelected(e.currentTarget);
                    if (isSingleSelectedItemClicked) {
                        return
                    }
                    const isSelectionControlClicked = (0, _renderer.default)(e.target).closest(".dx-list-select-checkbox").length || (0, _renderer.default)(e.target).closest(".dx-list-select-radiobutton").length;
                    if (isSelectionControlClicked) {
                        this.option("focusedElement", (0, _element.getPublicElement)((0, _renderer.default)(e.currentTarget)))
                    }
                    return super._itemSelectHandler(e, isSelectionControlClicked)
                }
                _allowDynamicItemsAppend() {
                    return true
                }
                _activeStateUnit() {
                    const {
                        collapsibleGroups: collapsibleGroups
                    } = this.option();
                    const selectors = [".dx-list-item", ".dx-list-select-all"];
                    if (collapsibleGroups) {
                        selectors.push(".dx-list-group-header")
                    }
                    return selectors.join(",")
                }
                _init() {
                    super._init();
                    this._dataController.resetDataSourcePageIndex();
                    this._$container = this.$element();
                    this._$listContainer = (0, _renderer.default)("<div>").addClass("dx-list-items");
                    this._initScrollView();
                    this._createGroupRenderAction()
                }
                _scrollBottomMode() {
                    const {
                        pageLoadMode: pageLoadMode
                    } = this.option();
                    return "scrollBottom" === pageLoadMode
                }
                _nextButtonMode() {
                    const {
                        pageLoadMode: pageLoadMode
                    } = this.option();
                    return "nextButton" === pageLoadMode
                }
                _dataSourceOptions() {
                    const scrollBottom = this._scrollBottomMode();
                    const nextButton = this._nextButtonMode();
                    return Object.assign({}, super._dataSourceOptions(), {
                        paginate: (0, _common.ensureDefined)(scrollBottom || nextButton, true)
                    })
                }
                _getSpecificDataSourceOption() {
                    const {
                        grouped: grouped
                    } = this.option();
                    const dataSource = this.option("dataSource");
                    if (dataSource && grouped) {
                        return (0, _grouped.getDataSourceOptions)(dataSource)
                    }
                    return dataSource
                }
                _getGroupContainerByIndex(groupIndex) {
                    return this._getItemsContainer().find(".dx-list-group").eq(groupIndex).find(".dx-list-group-body")
                }
                _dataSourceFromUrlLoadMode() {
                    return "raw"
                }
                _initScrollView() {
                    const {
                        height: height,
                        width: width,
                        disabled: disabled,
                        showScrollbar: showScrollbar,
                        useNativeScrolling: useNativeScrolling,
                        bounceEnabled: bounceEnabled,
                        scrollByContent: scrollByContent,
                        scrollByThumb: scrollByThumb,
                        pullingDownText: pullingDownText,
                        pulledDownText: pulledDownText,
                        refreshingText: refreshingText,
                        pageLoadingText: pageLoadingText,
                        scrollingEnabled: scrollingEnabled,
                        pullRefreshEnabled: pullRefreshEnabled
                    } = this.option();
                    const isPullRefreshEnabled = scrollingEnabled && pullRefreshEnabled;
                    const autoPagingEnabled = scrollingEnabled && this._scrollBottomMode() && !!this._dataController.getDataSource();
                    this._scrollView = this._createComponent(this.$element(), _scrollView ?? _scroll_view.default, {
                        height: height,
                        width: width,
                        disabled: disabled || !scrollingEnabled,
                        onScroll: e => {
                            this._scrollHandler(e)
                        },
                        onPullDown: isPullRefreshEnabled ? this._pullDownHandler.bind(this) : null,
                        onReachBottom: autoPagingEnabled ? this._scrollBottomHandler.bind(this) : null,
                        showScrollbar: showScrollbar,
                        useNative: useNativeScrolling,
                        bounceEnabled: bounceEnabled,
                        scrollByContent: scrollByContent,
                        scrollByThumb: scrollByThumb,
                        pullingDownText: pullingDownText,
                        pulledDownText: pulledDownText,
                        refreshingText: refreshingText,
                        reachBottomText: pageLoadingText,
                        useKeyboard: false
                    });
                    this._$container = (0, _renderer.default)(this._scrollView.content());
                    this._$listContainer.appendTo(this._$container);
                    const {
                        wrapItemText: wrapItemText
                    } = this.option();
                    this._toggleWrapItemText(wrapItemText);
                    this._createScrollViewActions()
                }
                _toggleWrapItemText(value) {
                    this._$listContainer.toggleClass("dx-wrap-item-text", value)
                }
                _createScrollViewActions() {
                    this._scrollAction = this._createActionByOption("onScroll");
                    this._pullRefreshAction = this._createActionByOption("onPullRefresh");
                    this._pageLoadingAction = this._createActionByOption("onPageLoading")
                }
                _scrollHandler(e) {
                    var _this$_scrollAction;
                    null === (_this$_scrollAction = this._scrollAction) || void 0 === _this$_scrollAction || _this$_scrollAction.call(this, e)
                }
                _initTemplates() {
                    this._templateManager.addDefaultTemplates({
                        group: new _bindable_template.BindableTemplate(($container, data) => {
                            if ((0, _type.isPlainObject)(data)) {
                                if (data.key) {
                                    $container.text(data.key)
                                }
                            } else {
                                $container.text(String(data))
                            }
                        }, ["key"], this.option("integrationOptions.watchMethod"))
                    });
                    super._initTemplates()
                }
                _prepareDefaultItemTemplate(data, $container) {
                    super._prepareDefaultItemTemplate(data, $container);
                    if (data.icon) {
                        const $imageContainer = (0, _icon.getImageContainer)(data.icon);
                        if (!$imageContainer) {
                            return
                        }
                        const $icon = $imageContainer.addClass("dx-list-item-icon");
                        const $iconContainer = (0, _renderer.default)("<div>").addClass("dx-list-item-icon-container");
                        $iconContainer.append($icon);
                        $container.prepend($iconContainer)
                    }
                }
                _getBindableFields() {
                    return ["text", "html", "icon"]
                }
                _updateLoadingState(tryLoadMore) {
                    const dataController = this._dataController;
                    const scrollBottomMode = this._scrollBottomMode();
                    const isDataControllerLoading = dataController.isLoading();
                    const isLastPage = this._isLastPage();
                    const shouldLoadNextPage = scrollBottomMode && Boolean(tryLoadMore) && !isDataControllerLoading && !isLastPage;
                    if (this._shouldContinueLoading(shouldLoadNextPage)) {
                        this._infiniteDataLoading()
                    } else {
                        this._scrollView.release(!shouldLoadNextPage && !dataController.isLoading());
                        this._toggleNextButton(this._shouldRenderNextButton() && !this._isLastPage());
                        this._loadIndicationSuppressed(false)
                    }
                }
                _shouldRenderNextButton() {
                    return this._nextButtonMode() && this._dataController.isLoaded()
                }
                _isDataSourceFirstLoadCompleted(newValue) {
                    if ((0, _type.isDefined)(newValue)) {
                        this._isFirstLoadCompleted = newValue
                    }
                    return this._isFirstLoadCompleted
                }
                _dataSourceLoadingChangedHandler(isLoading) {
                    if (this._loadIndicationSuppressed()) {
                        return
                    }
                    const {
                        indicateLoading: indicateLoading
                    } = this.option();
                    if (isLoading && indicateLoading) {
                        this._showLoadingIndicatorTimer = setTimeout(() => {
                            const isEmpty = !this._itemElements().length;
                            const shouldIndicateLoading = !isEmpty || this._isDataSourceFirstLoadCompleted();
                            if (shouldIndicateLoading) {
                                var _this$_scrollView;
                                null === (_this$_scrollView = this._scrollView) || void 0 === _this$_scrollView || _this$_scrollView.startLoading()
                            }
                        })
                    } else {
                        var _this$_scrollView2;
                        clearTimeout(this._showLoadingIndicatorTimer);
                        null === (_this$_scrollView2 = this._scrollView) || void 0 === _this$_scrollView2 || _this$_scrollView2.finishLoading()
                    }
                    if (!isLoading) {
                        this._isDataSourceFirstLoadCompleted(false)
                    }
                }
                _dataSourceChangedHandler(newItems, e) {
                    if (!this._shouldAppendItems() && (0, _window.hasWindow)()) {
                        var _this$_scrollView3;
                        null === (_this$_scrollView3 = this._scrollView) || void 0 === _this$_scrollView3 || _this$_scrollView3.scrollTo(0)
                    }
                    super._dataSourceChangedHandler(newItems, e);
                    this._isDataSourceFirstLoadCompleted(true)
                }
                _refreshContent() {
                    this._prepareContent();
                    this._fireContentReadyAction()
                }
                _hideLoadingIfLoadIndicationOff() {
                    const {
                        indicateLoading: indicateLoading
                    } = this.option();
                    if (!indicateLoading) {
                        this._dataSourceLoadingChangedHandler(false)
                    }
                }
                _loadIndicationSuppressed(value) {
                    if (arguments.length) {
                        this._isLoadIndicationSuppressed = value
                    }
                    return this._isLoadIndicationSuppressed
                }
                _scrollViewIsFull() {
                    const scrollView = this._scrollView;
                    return !scrollView || (0, _size.getHeight)(scrollView.content()) > (0, _size.getHeight)(scrollView.container())
                }
                _pullDownHandler() {
                    var _this$_pullRefreshAct;
                    const pullRefreshArgs = {
                        component: this,
                        element: this.element()
                    };
                    null === (_this$_pullRefreshAct = this._pullRefreshAction) || void 0 === _this$_pullRefreshAct || _this$_pullRefreshAct.call(this, pullRefreshArgs);
                    const dataController = this._dataController;
                    if (dataController.getDataSource() && !dataController.isLoading()) {
                        this._clearSelectedItems();
                        dataController.pageIndex(0);
                        dataController.reload()
                    } else {
                        this._updateLoadingState()
                    }
                }
                _shouldContinueLoading(shouldLoadNextPage) {
                    var _this$_scrollView$scr;
                    if (!shouldLoadNextPage) {
                        return false
                    }
                    const $content = this._scrollView.content();
                    const $container = this._scrollView.container();
                    const contentHeight = (0, _size.getHeight)($content);
                    const containerHeight = (0, _size.getHeight)($container);
                    const offsetTop = (null === (_this$_scrollView$scr = this._scrollView.scrollOffset()) || void 0 === _this$_scrollView$scr ? void 0 : _this$_scrollView$scr.top) ?? 0;
                    const isBottomReached = contentHeight - containerHeight < offsetTop;
                    const isFull = this._scrollViewIsFull();
                    return shouldLoadNextPage && !isFull || isBottomReached
                }
                _infiniteDataLoading() {
                    const isElementVisible = this.$element().is(":visible");
                    if (isElementVisible) {
                        clearTimeout(this._loadNextPageTimer);
                        this._loadNextPageTimer = setTimeout(() => {
                            this._loadNextPage()
                        })
                    }
                }
                _scrollBottomHandler(e) {
                    var _this$_pageLoadingAct;
                    null === (_this$_pageLoadingAct = this._pageLoadingAction) || void 0 === _this$_pageLoadingAct || _this$_pageLoadingAct.call(this, e);
                    const dataController = this._dataController;
                    if (!dataController.isLoading() && !this._isLastPage()) {
                        this._loadNextPage()
                    } else {
                        this._updateLoadingState()
                    }
                }
                _renderItems(items) {
                    const {
                        grouped: grouped
                    } = this.option();
                    if (grouped) {
                        (0, _iterator.each)(items, this._renderGroup.bind(this));
                        this._attachGroupCollapseEvent();
                        this._renderEmptyMessage();
                        if ((0, _themes.isMaterial)((0, _themes.current)())) {
                            this.attachGroupHeaderInkRippleEvents()
                        }
                    } else {
                        super._renderItems(items)
                    }
                    this._refreshItemElements();
                    this._updateLoadingState(true)
                }
                _postProcessRenderItems() {
                    const {
                        _onItemsRendered: onItemsRendered
                    } = this.option();
                    null === onItemsRendered || void 0 === onItemsRendered || onItemsRendered()
                }
                _attachGroupCollapseEvent() {
                    const {
                        collapsibleGroups: collapsibleGroups
                    } = this.option();
                    const eventNameClick = (0, _utils.addNamespace)(_click.name, this.NAME);
                    const $element = this.$element();
                    $element.toggleClass("dx-list-collapsible-groups", collapsibleGroups);
                    _events_engine.default.off($element, eventNameClick, ".dx-list-group-header");
                    if (collapsibleGroups) {
                        _events_engine.default.on($element, eventNameClick, ".dx-list-group-header", e => {
                            this._processGroupCollapse(e)
                        })
                    }
                }
                _processGroupCollapse(e) {
                    const action = this._createAction(evt => {
                        var _evt$event;
                        const {
                            focusStateEnabled: focusStateEnabled
                        } = this.option();
                        const $group = (0, _renderer.default)(null === (_evt$event = evt.event) || void 0 === _evt$event ? void 0 : _evt$event.currentTarget).parent();
                        this._collapseGroupHandler($group);
                        if (focusStateEnabled) {
                            const groupHeader = (0, _element.getPublicElement)($group.find(".dx-list-group-header"));
                            this.option({
                                focusedElement: groupHeader
                            })
                        }
                    }, {
                        validatingTargetName: "element"
                    });
                    action({
                        event: e
                    })
                }
                _enterKeyHandler(e) {
                    const {
                        collapsibleGroups: collapsibleGroups,
                        focusedElement: focusedElement
                    } = this.option();
                    const isGroupHeader = (0, _renderer.default)(focusedElement).hasClass("dx-list-group-header");
                    if (collapsibleGroups && isGroupHeader) {
                        const params = this._getHandlerExtendedParams(e, (0, _renderer.default)(focusedElement));
                        this._processGroupCollapse(params);
                        return
                    }
                    super._enterKeyHandler(e)
                }
                _collapseGroupHandler($group, toggle) {
                    const deferred = (0, _deferred.Deferred)();
                    const $groupHeader = $group.children(".dx-list-group-header");
                    const collapsed = $group.hasClass("dx-list-group-collapsed");
                    this._updateGroupHeaderAriaExpanded($groupHeader, collapsed);
                    if (collapsed === toggle) {
                        return deferred.resolve()
                    }
                    const $groupBody = $group.children(".dx-list-group-body");
                    const startHeight = (0, _size.getOuterHeight)($groupBody);
                    let endHeight = 0;
                    if (collapsed) {
                        (0, _size.setHeight)($groupBody, "auto");
                        endHeight = (0, _size.getOuterHeight)($groupBody)
                    }
                    $group.toggleClass("dx-list-group-collapsed", toggle);
                    const groupBodyElement = $groupBody.get(0);
                    if (_animation.fx.isAnimating(groupBodyElement)) {
                        _animation.fx.stop(groupBodyElement, false)
                    }
                    _animation.fx.animate(groupBodyElement, {
                        type: "custom",
                        from: {
                            height: startHeight
                        },
                        to: {
                            height: endHeight
                        },
                        duration: 200,
                        complete: () => {
                            this.updateDimensions();
                            this._updateLoadingState(true);
                            deferred.resolve()
                        }
                    });
                    return deferred.promise()
                }
                _dataSourceLoadErrorHandler() {
                    this._forgetNextPageLoading();
                    if (this._initialized) {
                        this._renderEmptyMessage();
                        this._updateLoadingState()
                    }
                }
                _initMarkup() {
                    this._itemElementsCache = (0, _renderer.default)();
                    this.$element().addClass("dx-list");
                    super._initMarkup();
                    const {
                        useInkRipple: useInkRipple
                    } = this.option();
                    if (useInkRipple) {
                        this._renderInkRipple()
                    }
                    const elementAria = {
                        role: "group",
                        roledescription: _message.default.format("dxList-ariaRoleDescription")
                    };
                    this.setAria(elementAria, this.$element());
                    this.setAria({
                        role: "application"
                    }, this._focusTarget());
                    this._setListAria()
                }
                _isMultiSelectMode() {
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    return "multiple" === selectionMode || "all" === selectionMode
                }
                _setListAria() {
                    const {
                        items: items,
                        allowItemDeleting: allowItemDeleting,
                        collapsibleGroups: collapsibleGroups
                    } = this.option();
                    const label = allowItemDeleting ? _message.default.format("dxList-listAriaLabel-deletable") : _message.default.format("dxList-listAriaLabel");
                    const shouldSetAria = (null === items || void 0 === items ? void 0 : items.length) && !collapsibleGroups;
                    const listArea = {
                        role: shouldSetAria ? "listbox" : void 0,
                        label: shouldSetAria ? label : void 0,
                        multiselectable: shouldSetAria && this._isMultiSelectMode() ? "true" : void 0
                    };
                    this.setAria(listArea, this._$listContainer)
                }
                _focusTarget() {
                    return this._itemContainer()
                }
                _renderInkRipple() {
                    this._inkRipple = (0, _m_ink_ripple.render)()
                }
                _toggleActiveState($element, value, event) {
                    super._toggleActiveState($element, value);
                    if (!this._inkRipple) {
                        return
                    }
                    const config = {
                        element: $element,
                        event: event
                    };
                    if (value) {
                        if ((0, _themes.isMaterial)((0, _themes.current)())) {
                            this._inkRippleTimer = setTimeout(() => {
                                var _this$_inkRipple;
                                null === (_this$_inkRipple = this._inkRipple) || void 0 === _this$_inkRipple || _this$_inkRipple.showWave(config)
                            }, 35)
                        } else {
                            this._inkRipple.showWave(config)
                        }
                    } else {
                        clearTimeout(this._inkRippleTimer);
                        this._inkRipple.hideWave(config)
                    }
                }
                _postprocessRenderItem(args) {
                    this._refreshItemElements();
                    super._postprocessRenderItem(args);
                    const {
                        _swipeEnabled: _swipeEnabled
                    } = this.option();
                    if (_swipeEnabled) {
                        this._attachSwipeEvent((0, _renderer.default)(args.itemElement))
                    }
                }
                _getElementClassToSkipRefreshId() {
                    return "dx-list-group-header"
                }
                _attachSwipeEvent($itemElement) {
                    const endEventName = (0, _utils.addNamespace)(_swipe.end, this.NAME);
                    _events_engine.default.on($itemElement, endEventName, e => {
                        this._itemSwipeEndHandler(e)
                    })
                }
                _itemSwipeEndHandler(e) {
                    this._itemDXEventHandler(e, "onItemSwipe", {
                        direction: e.offset < 0 ? "left" : "right"
                    })
                }
                _nextButtonHandler() {
                    var _this$_pageLoadingAct2;
                    const pageLoadingArgs = {
                        component: this,
                        element: this.element()
                    };
                    null === (_this$_pageLoadingAct2 = this._pageLoadingAction) || void 0 === _this$_pageLoadingAct2 || _this$_pageLoadingAct2.call(this, pageLoadingArgs);
                    const dataController = this._dataController;
                    if (dataController.getDataSource() && !dataController.isLoading()) {
                        var _this$_$nextButton;
                        this._scrollView.toggleLoading(true);
                        null === (_this$_$nextButton = this._$nextButton) || void 0 === _this$_$nextButton || _this$_$nextButton.detach();
                        this._loadIndicationSuppressed(true);
                        this._loadNextPage()
                    }
                }
                _setGroupAria($group, groupHeaderId) {
                    const {
                        collapsibleGroups: collapsibleGroups
                    } = this.option();
                    const groupAria = {
                        role: collapsibleGroups ? void 0 : "group",
                        labelledby: collapsibleGroups ? void 0 : groupHeaderId
                    };
                    this.setAria(groupAria, $group)
                }
                _updateGroupHeaderAriaExpanded($groupHeader, expanded) {
                    this.setAria({
                        expanded: expanded
                    }, $groupHeader)
                }
                _setGroupHeaderAria($groupHeader, listGroupBodyId) {
                    const {
                        collapsibleGroups: collapsibleGroups
                    } = this.option();
                    const groupHeaderAria = {
                        role: collapsibleGroups ? "button" : void 0,
                        expanded: collapsibleGroups ? true : void 0,
                        controls: collapsibleGroups ? listGroupBodyId : void 0
                    };
                    this.setAria(groupHeaderAria, $groupHeader)
                }
                _setGroupBodyAria($groupBody, groupHeaderId) {
                    const {
                        collapsibleGroups: collapsibleGroups
                    } = this.option();
                    const groupHeaderAria = {
                        role: collapsibleGroups ? "listbox" : void 0,
                        labelledby: collapsibleGroups ? groupHeaderId : void 0,
                        multiselectable: collapsibleGroups && this._isMultiSelectMode() ? "true" : void 0
                    };
                    this.setAria(groupHeaderAria, $groupBody)
                }
                _renderGroup(index, group) {
                    var _this$_groupRenderAct;
                    const $groupElement = (0, _renderer.default)("<div>").addClass("dx-list-group").appendTo(this._getItemsContainer());
                    const groupHeaderId = `dx-${(new _guid.default).toString()}`;
                    const $groupHeaderElement = (0, _renderer.default)("<div>").addClass("dx-list-group-header").attr("id", groupHeaderId).appendTo($groupElement);
                    const {
                        groupTemplate: templateName
                    } = this.option();
                    const groupTemplate = this._getTemplate(group.template ?? templateName, group, index, $groupHeaderElement);
                    const renderArgs = {
                        index: index,
                        itemData: group,
                        container: (0, _element.getPublicElement)($groupHeaderElement)
                    };
                    this._createItemByTemplate(groupTemplate, renderArgs);
                    (0, _renderer.default)("<div>").addClass("dx-list-group-header-indicator").prependTo($groupHeaderElement);
                    const groupBodyId = `dx-${(new _guid.default).toString()}`;
                    const $groupBody = (0, _renderer.default)("<div>").addClass("dx-list-group-body").attr("id", groupBodyId).appendTo($groupElement);
                    const groupItemsGetter = (0, _data.compileGetter)("items");
                    (0, _iterator.each)(groupItemsGetter(group) || [], (itemIndex, item) => {
                        this._renderItem({
                            group: index,
                            item: itemIndex
                        }, item, $groupBody)
                    });
                    null === (_this$_groupRenderAct = this._groupRenderAction) || void 0 === _this$_groupRenderAct || _this$_groupRenderAct.call(this, {
                        groupElement: (0, _element.getPublicElement)($groupElement),
                        groupIndex: index,
                        groupData: group
                    });
                    this._setGroupAria($groupElement, groupHeaderId);
                    this._setGroupHeaderAria($groupHeaderElement, groupBodyId);
                    this._setGroupBodyAria($groupBody, groupHeaderId)
                }
                downInkRippleHandler(e) {
                    this._toggleActiveState((0, _renderer.default)(e.currentTarget), true, e)
                }
                upInkRippleHandler(e) {
                    this._toggleActiveState((0, _renderer.default)(e.currentTarget), false, e)
                }
                attachGroupHeaderInkRippleEvents() {
                    const selector = ".dx-list-group-header";
                    const $element = this.$element();
                    this._downInkRippleHandler = this._downInkRippleHandler ?? this.downInkRippleHandler.bind(this);
                    this._upInkRippleHandler = this._upInkRippleHandler ?? this.upInkRippleHandler.bind(this);
                    _events_engine.default.off($element, _pointer.default.down, selector, this._downInkRippleHandler);
                    _events_engine.default.on($element, _pointer.default.down, selector, this._downInkRippleHandler);
                    _events_engine.default.off($element, [_pointer.default.up, _pointer.default.out].join(" "), selector, this._upInkRippleHandler);
                    _events_engine.default.on($element, [_pointer.default.up, _pointer.default.out].join(" "), selector, this._upInkRippleHandler)
                }
                _createGroupRenderAction() {
                    this._groupRenderAction = this._createActionByOption("onGroupRendered")
                }
                _clean() {
                    clearTimeout(this._inkRippleTimer);
                    if (this._$nextButton) {
                        this._$nextButton.remove();
                        this._$nextButton = null
                    }
                    super._clean()
                }
                _dispose() {
                    this._isDataSourceFirstLoadCompleted(false);
                    clearTimeout(this._holdTimer);
                    clearTimeout(this._loadNextPageTimer);
                    clearTimeout(this._showLoadingIndicatorTimer);
                    super._dispose()
                }
                _toggleDisabledState(value) {
                    super._toggleDisabledState(value);
                    const {
                        scrollingEnabled: scrollingEnabled
                    } = this.option();
                    this._scrollView.option("disabled", value || !scrollingEnabled)
                }
                _toggleNextButton(value) {
                    const dataController = this._dataController;
                    const $nextButton = this._getNextButton();
                    this.$element().toggleClass("dx-has-next", value);
                    if (value && dataController.isLoaded()) {
                        $nextButton.appendTo(this._itemContainer())
                    }
                    if (!value) {
                        $nextButton.detach()
                    }
                }
                _getNextButton() {
                    if (!this._$nextButton) {
                        this._$nextButton = this._createNextButton()
                    }
                    return this._$nextButton
                }
                _createNextButton() {
                    const $result = (0, _renderer.default)("<div>").addClass("dx-list-next-button");
                    const $button = (0, _renderer.default)("<div>").appendTo($result);
                    const {
                        nextButtonText: nextButtonText
                    } = this.option();
                    this._createComponent($button, _button.default, {
                        text: nextButtonText,
                        onClick: () => {
                            this._nextButtonHandler()
                        },
                        type: (0, _themes.isMaterialBased)((0, _themes.current)()) ? "default" : void 0,
                        integrationOptions: {}
                    });
                    return $result
                }
                _moveFocus(location) {
                    super._moveFocus(location);
                    const {
                        focusedElement: focusedElement
                    } = this.option();
                    if (focusedElement) {
                        this.scrollToItem(focusedElement)
                    }
                }
                _refresh() {
                    if (!(0, _window.hasWindow)()) {
                        super._refresh()
                    } else {
                        const scrollTop = this._scrollView.scrollTop();
                        super._refresh();
                        if (scrollTop) {
                            this._scrollView.scrollTo(scrollTop)
                        }
                    }
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "pageLoadMode":
                            this._toggleNextButton(!!value);
                            this._initScrollView();
                            break;
                        case "dataSource":
                            super._optionChanged(args);
                            this._initScrollView();
                            this._updateLoadingState(true);
                            this._isDataSourceFirstLoadCompleted(false);
                            break;
                        case "items":
                            super._optionChanged(args);
                            this._isDataSourceFirstLoadCompleted(false);
                            break;
                        case "pullingDownText":
                        case "pulledDownText":
                        case "refreshingText":
                        case "pageLoadingText":
                        case "showScrollbar":
                        case "bounceEnabled":
                        case "scrollByContent":
                        case "scrollByThumb":
                        case "useNativeScrolling":
                        case "scrollingEnabled":
                        case "pullRefreshEnabled":
                            this._initScrollView();
                            this._updateLoadingState(true);
                            break;
                        case "nextButtonText":
                        case "onItemSwipe":
                        case "useInkRipple":
                        case "grouped":
                        case "groupTemplate":
                        case "collapsibleGroups":
                        case "showChevronExpr":
                        case "badgeExpr":
                            this._invalidate();
                            break;
                        case "onScroll":
                        case "onPullRefresh":
                        case "onPageLoading":
                            this._createScrollViewActions();
                            break;
                        case "wrapItemText":
                            this._toggleWrapItemText(value);
                            break;
                        case "onGroupRendered":
                            this._createGroupRenderAction();
                            break;
                        case "width":
                        case "height":
                            super._optionChanged(args);
                            this._scrollView.option(name, value);
                            this._scrollView.update();
                            break;
                        case "indicateLoading":
                            this._hideLoadingIfLoadIndicationOff();
                            break;
                        case "visible":
                            super._optionChanged(args);
                            this._scrollView.update();
                            break;
                        case "rtlEnabled":
                            this._initScrollView();
                            super._optionChanged(args);
                            break;
                        case "_swipeEnabled":
                        case "_onItemsRendered":
                        case "selectByClick":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _extendActionArgs($itemElement) {
                    const {
                        grouped: grouped
                    } = this.option();
                    if (!grouped) {
                        return super._extendActionArgs($itemElement)
                    }
                    const $group = $itemElement.closest(".dx-list-group");
                    const $item = $group.find(".dx-list-item");
                    return Object.assign({}, super._extendActionArgs($itemElement), {
                        itemIndex: {
                            group: $group.index(),
                            item: $item.index($itemElement)
                        }
                    })
                }
                expandGroup(groupIndex) {
                    const deferred = (0, _deferred.Deferred)();
                    const $group = this._getItemsContainer().find(".dx-list-group").eq(groupIndex);
                    this._collapseGroupHandler($group, false).done(() => {
                        deferred.resolveWith(this)
                    });
                    return deferred.promise()
                }
                collapseGroup(groupIndex) {
                    const deferred = (0, _deferred.Deferred)();
                    const $group = this._getItemsContainer().find(".dx-list-group").eq(groupIndex);
                    this._collapseGroupHandler($group, true).done(() => {
                        deferred.resolveWith(this)
                    });
                    return deferred
                }
                updateDimensions() {
                    const deferred = (0, _deferred.Deferred)();
                    if (this._scrollView) {
                        this._scrollView.update().done(() => {
                            if (!this._scrollViewIsFull()) {
                                this._updateLoadingState(true)
                            }
                            deferred.resolveWith(this)
                        })
                    } else {
                        deferred.resolveWith(this)
                    }
                    return deferred.promise()
                }
                reload() {
                    super.reload();
                    this.scrollTo(0);
                    this._pullDownHandler()
                }
                repaint() {
                    this.scrollTo(0);
                    super.repaint()
                }
                scrollTop() {
                    return this._scrollView.scrollOffset().top ?? 0
                }
                clientHeight() {
                    return this._scrollView.clientHeight()
                }
                scrollHeight() {
                    return this._scrollView.scrollHeight()
                }
                scrollBy(distance) {
                    this._scrollView.scrollBy(distance)
                }
                scrollTo(location) {
                    this._scrollView.scrollTo(location)
                }
                scrollToItem(itemElement) {
                    if (!(0, _type.isDefined)(itemElement)) {
                        return
                    }
                    const $item = this._editStrategy.getItemElement(itemElement);
                    this._scrollView.scrollToElement($item, {
                        bottom: (0, _get_element_style.getElementMargin)(null === $item || void 0 === $item ? void 0 : $item.get(0), "bottom")
                    })
                }
                _dimensionChanged() {
                    this.updateDimensions()
                }
            }
            exports.ListBase = ListBase;
            ListBase.ItemClass = _item.default
        },
        41208(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _list = __webpack_require__( /*! ../../ui/list/list.base */ 74319);
            var _listEdit = _interopRequireDefault(__webpack_require__( /*! ../../ui/list/list.edit.decorator */ 81433));
            var _listEdit2 = __webpack_require__( /*! ../../ui/list/list.edit.decorator_registry */ 42851);
            var _overlay = _interopRequireDefault(__webpack_require__( /*! ../../ui/overlay/overlay */ 79384));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class EditDecoratorContext extends _listEdit.default {
                _init() {
                    const $menu = (0, _renderer.default)("<div>").addClass("dx-list-context-menu");
                    this._list.$element().append($menu);
                    this._menu = this._renderOverlay($menu)
                }
                _renderOverlay($element) {
                    return this._list._createComponent($element, _overlay.default, {
                        shading: false,
                        deferRendering: true,
                        hideOnParentScroll: true,
                        hideOnOutsideClick: e => !(0, _renderer.default)(e.target).closest(".dx-list-context-menu").length,
                        animation: {
                            show: {
                                type: "slide",
                                duration: 300,
                                from: {
                                    height: 0,
                                    opacity: 1
                                },
                                to: {
                                    height: () => (0, _size.getOuterHeight)(this._$menuList),
                                    opacity: 1
                                }
                            },
                            hide: {
                                type: "slide",
                                duration: 0,
                                from: {
                                    opacity: 1
                                },
                                to: {
                                    opacity: 0
                                }
                            }
                        },
                        _ignoreFunctionValueDeprecation: true,
                        height: () => this._$menuList ? (0, _size.getOuterHeight)(this._$menuList) : 0,
                        width: () => (0, _size.getOuterWidth)(this._list.$element()),
                        onContentReady: e => {
                            this._renderMenuContent(e)
                        }
                    })
                }
                _renderMenuContent(e) {
                    const $overlayContent = (0, _renderer.default)(e.component.content());
                    const {
                        menuItems: menuItems = [],
                        allowItemDeleting: allowItemDeleting
                    } = this._list.option();
                    const items = menuItems.slice();
                    if (allowItemDeleting) {
                        items.push({
                            text: _message.default.format("dxListEditDecorator-delete"),
                            action: this._deleteItem.bind(this)
                        })
                    }
                    this._$menuList = (0, _renderer.default)("<div>");
                    this._list._createComponent(this._$menuList, _list.ListBase, {
                        items: items,
                        onItemClick: event => {
                            this._menuItemClickHandler(event)
                        },
                        height: "auto",
                        integrationOptions: {}
                    });
                    $overlayContent.addClass("dx-list-context-menucontent");
                    $overlayContent.append(this._$menuList)
                }
                _menuItemClickHandler(e) {
                    this._menu.hide();
                    this._list._itemEventHandlerByHandler((0, _renderer.default)(this._$itemWithMenu), e.itemData.action, {}, {
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _deleteItem() {
                    if (!this._$itemWithMenu) {
                        return
                    }
                    this._list.deleteItem(this._$itemWithMenu.get(0))
                }
                handleContextMenu($itemElement) {
                    this._$itemWithMenu = $itemElement;
                    this._menu.option({
                        position: {
                            my: "top",
                            at: "bottom",
                            of: $itemElement,
                            collision: "flip"
                        }
                    });
                    this._menu.show();
                    return true
                }
                dispose() {
                    if (this._menu) {
                        this._menu.$element().remove()
                    }
                    super.dispose()
                }
            }(0, _listEdit2.register)("menu", "context", EditDecoratorContext)
        },
        81433(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _swipe = __webpack_require__( /*! ../../../common/core/events/swipe */ 80250);
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const SWIPE_START_EVENT_NAME = (0, _utils.addNamespace)(_swipe.start, "dxListEditDecorator");
            const SWIPE_UPDATE_EVENT_NAME = (0, _utils.addNamespace)(_swipe.swipe, "dxListEditDecorator");
            const SWIPE_END_EVENT_NAME = (0, _utils.addNamespace)(_swipe.end, "dxListEditDecorator");
            exports.default = class {
                constructor(list) {
                    this._itemWidthCache = 0;
                    this._list = list;
                    this._init()
                }
                _shouldHandleSwipe() {
                    return false
                }
                _init() {}
                _attachSwipeEvent(config) {
                    const swipeConfig = {
                        itemSizeFunc: () => {
                            if (this._clearSwipeCache) {
                                this._itemWidthCache = (0, _size.getWidth)(this._list.$element());
                                this._clearSwipeCache = false
                            }
                            return this._itemWidthCache
                        }
                    };
                    _events_engine.default.on(config.$itemElement, SWIPE_START_EVENT_NAME, swipeConfig, e => {
                        this._itemSwipeStartHandler(e)
                    });
                    _events_engine.default.on(config.$itemElement, SWIPE_UPDATE_EVENT_NAME, e => {
                        this._itemSwipeUpdateHandler(e)
                    });
                    _events_engine.default.on(config.$itemElement, SWIPE_END_EVENT_NAME, e => {
                        this._itemSwipeEndHandler(e)
                    })
                }
                _itemSwipeStartHandler(e) {
                    const $itemElement = (0, _renderer.default)(e.currentTarget);
                    if ($itemElement.is(".dx-state-disabled, .dx-state-disabled *")) {
                        e.cancel = true;
                        return
                    }
                    clearTimeout(this._list._inkRippleTimer);
                    this._swipeStartHandler($itemElement)
                }
                _itemSwipeUpdateHandler(e) {
                    const target = e.currentTarget;
                    if (target instanceof Element) {
                        const $itemElement = (0, _renderer.default)(target);
                        this._swipeUpdateHandler($itemElement, e)
                    }
                }
                _itemSwipeEndHandler(e) {
                    const target = e.currentTarget;
                    if (target instanceof Element) {
                        const $itemElement = (0, _renderer.default)(target);
                        this._swipeEndHandler($itemElement, e)
                    }
                }
                beforeBag(config) {}
                afterBag(config) {}
                _commonOptions() {
                    const {
                        activeStateEnabled: activeStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        focusStateEnabled: focusStateEnabled
                    } = this._list.option();
                    return {
                        activeStateEnabled: activeStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        focusStateEnabled: focusStateEnabled
                    }
                }
                modifyElement(config) {
                    if (this._shouldHandleSwipe()) {
                        this._attachSwipeEvent(config);
                        this._clearSwipeCache = true
                    }
                }
                afterRender() {}
                handleClick($itemElement, e) {}
                handleKeyboardEvents(currentFocusedIndex, moveFocusUp) {}
                handleEnterPressing(e) {}
                handleContextMenu($itemElement) {}
                _swipeStartHandler($element) {}
                _swipeUpdateHandler($element, event) {}
                _swipeEndHandler($element, event) {}
                visibilityChange() {}
                getExcludedSelectors() {}
                dispose() {}
            }
        },
        44936(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _hold = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/hold */ 68095));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _m_type = __webpack_require__( /*! ../../core/utils/m_type */ 39918);
            var _m_sortable = _interopRequireDefault(__webpack_require__( /*! ../../m_sortable */ 96334));
            var _listEdit = _interopRequireDefault(__webpack_require__( /*! ../../ui/list/list.edit.decorator */ 81433));
            var _listEdit2 = __webpack_require__( /*! ../../ui/list/list.edit.decorator_registry */ 42851);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class EditDecoratorReorder extends _listEdit.default {
                _init() {
                    const list = this._list;
                    const {
                        grouped: grouped,
                        itemDragging: itemDragging
                    } = this._list.option();
                    this._groupedEnabled = grouped;
                    this._lockedDrag = false;
                    const filter = this._groupedEnabled ? "> .dx-list-items > .dx-list-group > .dx-list-group-body > .dx-list-item" : "> .dx-list-items > .dx-list-item";
                    this._sortable = list._createComponent(list._scrollView.content(), _m_sortable.default, Object.assign({
                        component: list,
                        contentTemplate: null,
                        allowReordering: false,
                        filter: filter,
                        container: list.$element().get(0),
                        dragDirection: null !== itemDragging && void 0 !== itemDragging && itemDragging.group ? "both" : "vertical",
                        handle: ".dx-list-reorder-handle",
                        dragTemplate: this._dragTemplate,
                        onDragStart: e => {
                            this._dragStartHandler(e)
                        },
                        onDragChange: e => {
                            this._dragChangeHandler(e)
                        },
                        onReorder: e => {
                            this._reorderHandler(e)
                        }
                    }, itemDragging))
                }
                afterRender() {
                    this._sortable.update()
                }
                _dragTemplate(e) {
                    const result = (0, _renderer.default)(e.itemElement).clone().addClass("dx-list-item-ghost-reordering").addClass("dx-state-hover");
                    (0, _size.setWidth)(result, (0, _size.getWidth)(e.itemElement));
                    return result
                }
                _dragStartHandler(e) {
                    if (this._lockedDrag) {
                        e.cancel = true
                    }
                }
                _dragChangeHandler(e) {
                    if (this._groupedEnabled && (0, _m_type.isDefined)(e.fromIndex) && (0, _m_type.isDefined)(e.toIndex) && !this._sameParent(e.fromIndex, e.toIndex)) {
                        e.cancel = true
                    }
                }
                _sameParent(fromIndex, toIndex) {
                    const $dragging = this._list.getItemElementByFlatIndex(fromIndex);
                    const $over = this._list.getItemElementByFlatIndex(toIndex);
                    return $over.parent().get(0) === $dragging.parent().get(0)
                }
                _reorderHandler(e) {
                    const $targetElement = this._list.getItemElementByFlatIndex(e.toIndex);
                    this._list.reorderItem((0, _renderer.default)(e.itemElement), $targetElement)
                }
                afterBag(config) {
                    const $handle = (0, _renderer.default)("<div>").addClass("dx-list-reorder-handle");
                    _events_engine.default.on($handle, _pointer.default.down, e => {
                        this._lockedDrag = !(0, _utils.isMouseEvent)(e)
                    });
                    _events_engine.default.on($handle, _hold.default.name, {
                        timeout: 30
                    }, e => {
                        e.cancel = true;
                        this._lockedDrag = false
                    });
                    config.$container.addClass("dx-list-reorder-handle-container").append($handle)
                }
            }(0, _listEdit2.register)("reorder", "default", EditDecoratorReorder)
        },
        77265(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _check_box = _interopRequireDefault(__webpack_require__( /*! ../../../ui/check_box */ 94319));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _listEdit = _interopRequireDefault(__webpack_require__( /*! ../../ui/list/list.edit.decorator */ 81433));
            var _listEdit2 = __webpack_require__( /*! ../../ui/list/list.edit.decorator_registry */ 42851);
            var _m_radio_button = _interopRequireDefault(__webpack_require__( /*! ../../ui/radio_group/m_radio_button */ 49167));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CLICK_EVENT_NAME = (0, _utils.addNamespace)(_click.name, "dxListEditDecorator");
            class EditDecoratorSelection extends _listEdit.default {
                _init() {
                    super._init();
                    const {
                        selectionMode: selectionMode
                    } = this._list.option();
                    this._singleStrategy = "single" === selectionMode;
                    this._containerClass = this._singleStrategy ? "dx-list-select-radiobutton-container" : "dx-list-select-checkbox-container";
                    this._controlClass = this._singleStrategy ? "dx-list-select-radiobutton" : "dx-list-select-checkbox";
                    this._controlWidget = this._singleStrategy ? _m_radio_button.default : _check_box.default;
                    this._list.$element().addClass("dx-list-select-decorator-enabled")
                }
                beforeBag(config) {
                    const {
                        $itemElement: $itemElement
                    } = config;
                    const $container = config.$container.addClass(this._containerClass);
                    const $control = (0, _renderer.default)("<div>").addClass(this._controlClass).appendTo($container);
                    new this._controlWidget($control.get(0), Object.assign({}, this._commonOptions(), {
                        value: this._isSelected($itemElement.get(0)),
                        elementAttr: {
                            "aria-label": _message.default.format("CheckState")
                        },
                        focusStateEnabled: false,
                        hoverStateEnabled: false,
                        onValueChanged: e => {
                            const {
                                value: value,
                                component: component,
                                event: event
                            } = e;
                            const isUiClick = !!event;
                            if (isUiClick) {
                                component._valueChangeEventInstance = void 0;
                                component.option("value", !value)
                            }
                        }
                    }))
                }
                modifyElement(config) {
                    super.modifyElement(config);
                    const {
                        $itemElement: $itemElement
                    } = config;
                    const control = this._controlWidget.getInstance($itemElement.find(`.${this._controlClass}`).get(0));
                    _events_engine.default.on($itemElement, "stateChanged", (_e, state) => {
                        control.option("value", state)
                    })
                }
                _updateSelectAllState() {
                    var _this$_selectAllCheck;
                    if (!this._$selectAll) {
                        return
                    }
                    null === (_this$_selectAllCheck = this._selectAllCheckBox) || void 0 === _this$_selectAllCheck || _this$_selectAllCheck.option("value", this._list.isSelectAll())
                }
                afterRender() {
                    const {
                        selectionMode: selectionMode
                    } = this._list.option();
                    if ("all" !== selectionMode) {
                        return
                    }
                    if (!this._$selectAll) {
                        this._renderSelectAll()
                    } else {
                        this._updateSelectAllState()
                    }
                }
                handleKeyboardEvents(currentFocusedIndex, moveFocusUp) {
                    const moveFocusDown = !moveFocusUp;
                    const list = this._list;
                    const $selectAll = this._$selectAll;
                    const lastItemIndex = list._getLastItemIndex();
                    const isFocusOutOfList = moveFocusUp && 0 === currentFocusedIndex || moveFocusDown && currentFocusedIndex === lastItemIndex;
                    const hasSelectAllItem = !!$selectAll;
                    if (hasSelectAllItem && isFocusOutOfList) {
                        list.option("focusedElement", (0, _element.getPublicElement)($selectAll));
                        const {
                            focusedElement: focusedElement
                        } = list.option();
                        if (focusedElement) {
                            list.scrollToItem(focusedElement)
                        }
                        return true
                    }
                    return false
                }
                handleEnterPressing(e) {
                    var _this$_$selectAll;
                    if (null !== (_this$_$selectAll = this._$selectAll) && void 0 !== _this$_$selectAll && _this$_$selectAll.hasClass("dx-state-focused")) {
                        e.target = this._$selectAll.get(0);
                        this._selectAllHandler(e);
                        return true
                    }
                    return false
                }
                _renderSelectAll() {
                    this._$selectAll = (0, _renderer.default)("<div>").addClass("dx-list-select-all");
                    const downArrowHandler = this._list._supportedKeys().downArrow.bind(this._list);
                    const selectAllCheckBoxElement = (0, _renderer.default)("<div>").addClass("dx-list-select-all-checkbox").appendTo(this._$selectAll);
                    this._selectAllCheckBox = this._list._createComponent(selectAllCheckBoxElement, _check_box.default, {
                        elementAttr: {
                            "aria-label": _message.default.format("dxList-selectAll")
                        },
                        focusStateEnabled: false,
                        hoverStateEnabled: false
                    });
                    this._selectAllCheckBox.registerKeyHandler("downArrow", downArrowHandler);
                    const {
                        selectAllText: selectAllText = ""
                    } = this._list.option();
                    (0, _renderer.default)("<div>").addClass("dx-list-select-all-label").text(selectAllText).appendTo(this._$selectAll);
                    this._list.itemsContainer().prepend(this._$selectAll);
                    this._updateSelectAllState();
                    this._updateSelectAllAriaLabel();
                    this._attachSelectAllHandler()
                }
                _attachSelectAllHandler() {
                    var _this$_selectAllCheck2;
                    null === (_this$_selectAllCheck2 = this._selectAllCheckBox) || void 0 === _this$_selectAllCheck2 || _this$_selectAllCheck2.option("onValueChanged", e => {
                        const {
                            value: value,
                            component: component,
                            event: event
                        } = e;
                        const isUiClick = !!event;
                        if (isUiClick) {
                            component._setOptionWithoutOptionChange("value", !value);
                            return
                        }
                        this._updateSelectAllAriaLabel();
                        this._list._createActionByOption("onSelectAllValueChanged")({
                            value: value
                        })
                    });
                    _events_engine.default.off(this._$selectAll, CLICK_EVENT_NAME);
                    _events_engine.default.on(this._$selectAll, CLICK_EVENT_NAME, e => {
                        this._selectAllHandler(e)
                    })
                }
                _updateSelectAllAriaLabel() {
                    var _this$_selectAllCheck3;
                    if (!this._$selectAll) {
                        return
                    }
                    const {
                        value: value
                    } = (null === (_this$_selectAllCheck3 = this._selectAllCheckBox) || void 0 === _this$_selectAllCheck3 ? void 0 : _this$_selectAllCheck3.option()) ?? {};
                    const indeterminate = void 0 === value;
                    const checkedState = value ? "checked" : "notChecked";
                    const stateVariableName = indeterminate ? "indeterminate" : checkedState;
                    const label = `${_message.default.format("dxList-selectAll")}, ${_message.default.format(`dxList-selectAll-${stateVariableName}`)}`;
                    this._$selectAll.attr({
                        "aria-label": label
                    })
                }
                _selectAllHandler(event) {
                    var _this$_selectAllCheck4;
                    event.stopPropagation();
                    event.preventDefault();
                    this._list._saveSelectionChangeEvent(event);
                    const {
                        value: value
                    } = (null === (_this$_selectAllCheck4 = this._selectAllCheckBox) || void 0 === _this$_selectAllCheck4 ? void 0 : _this$_selectAllCheck4.option()) ?? {};
                    const selectionDeferred = value ? this._unselectAllItems() : this._selectAllItems();
                    this._list.option("focusedElement", (0, _element.getPublicElement)((0, _renderer.default)(this._$selectAll)));
                    return selectionDeferred
                }
                _checkSelectAllCapability() {
                    const list = this._list;
                    const dataController = list._dataController;
                    const {
                        selectAllMode: selectAllMode,
                        grouped: grouped
                    } = list.option();
                    if ("allPages" === selectAllMode && grouped && !dataController.group()) {
                        _ui.default.log("W1010");
                        return false
                    }
                    return true
                }
                _selectAllItems() {
                    if (!this._checkSelectAllCapability()) {
                        return (0, _deferred.Deferred)().resolve()
                    }
                    const {
                        selectAllMode: selectAllMode
                    } = this._list.option();
                    return this._list._selection.selectAll("page" === selectAllMode)
                }
                _unselectAllItems() {
                    if (!this._checkSelectAllCapability()) {
                        return (0, _deferred.Deferred)().resolve()
                    }
                    const {
                        selectAllMode: selectAllMode
                    } = this._list.option();
                    return this._list._selection.deselectAll("page" === selectAllMode)
                }
                _isSelected(itemElement) {
                    return this._list.isItemSelected(itemElement)
                }
                dispose() {
                    this._disposeSelectAll();
                    this._list.$element().removeClass("dx-list-select-decorator-enabled");
                    super.dispose()
                }
                _disposeSelectAll() {
                    if (this._$selectAll) {
                        this._$selectAll.remove();
                        this._$selectAll = null
                    }
                }
            }(0, _listEdit2.register)("selection", "default", EditDecoratorSelection)
        },
        90113(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _wrapper = _interopRequireDefault(__webpack_require__( /*! ../../ui/button/wrapper */ 19583));
            var _listEdit = _interopRequireDefault(__webpack_require__( /*! ../../ui/list/list.edit.decorator */ 81433));
            var _listEdit2 = __webpack_require__( /*! ../../ui/list/list.edit.decorator_registry */ 42851);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class EditDecoratorStatic extends _listEdit.default {
                afterBag(config) {
                    const {
                        $itemElement: $itemElement,
                        $container: $container
                    } = config;
                    const $button = (0, _renderer.default)("<div>").addClass("dx-list-static-delete-button");
                    this._list._createComponent($button, _wrapper.default, {
                        icon: "remove",
                        onClick: args => {
                            const {
                                event: event
                            } = args;
                            null === event || void 0 === event || event.stopPropagation();
                            this._deleteItem($itemElement)
                        },
                        integrationOptions: {},
                        elementAttr: {
                            role: null,
                            "aria-label": null
                        },
                        tabIndex: -1
                    });
                    $container.addClass("dx-list-static-delete-button-container").append($button)
                }
                _deleteItem($itemElement) {
                    if ($itemElement.is(".dx-state-disabled, .dx-state-disabled *")) {
                        return
                    }
                    this._list.deleteItem($itemElement.get(0))
                }
            }(0, _listEdit2.register)("delete", "static", EditDecoratorStatic)
        },
        20949(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _animation = __webpack_require__( /*! ../../../common/core/animation */ 16826);
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _listEdit = (e = __webpack_require__( /*! ../../ui/list/list.edit.decorator */ 81433), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _listEdit2 = __webpack_require__( /*! ../../ui/list/list.edit.decorator_registry */ 42851);
            class EditDecoratorSwipe extends _listEdit.default {
                _shouldHandleSwipe() {
                    return true
                }
                _renderItemPosition($itemElement, offset, animate) {
                    const deferred = (0, _deferred.Deferred)();
                    const itemOffset = offset * this._itemElementWidth;
                    if (animate) {
                        _animation.fx.animate($itemElement.get(0), {
                            to: {
                                left: itemOffset
                            },
                            type: "slide",
                            complete() {
                                deferred.resolve($itemElement, offset)
                            }
                        })
                    } else {
                        (0, _translator.move)($itemElement, {
                            left: itemOffset
                        });
                        deferred.resolve()
                    }
                    return deferred.promise()
                }
                _swipeStartHandler($itemElement) {
                    this._itemElementWidth = (0, _size.getWidth)($itemElement)
                }
                _swipeUpdateHandler($itemElement, e) {
                    const {
                        offset: offset
                    } = e;
                    this._renderItemPosition($itemElement, offset)
                }
                _swipeEndHandler($itemElement, e) {
                    const {
                        targetOffset: targetOffset
                    } = e;
                    this._renderItemPosition($itemElement, targetOffset, true).done(($element, offset) => {
                        if (Math.abs(offset)) {
                            this._list.deleteItem($element.get(0)).fail(() => {
                                this._renderItemPosition($element, 0, true)
                            })
                        }
                    })
                }
            }(0, _listEdit2.register)("delete", "swipe", EditDecoratorSwipe)
        },
        38929(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _animation = __webpack_require__( /*! ../../../common/core/animation */ 16826);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../ui/button */ 64973));
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _listEditDecorator = _interopRequireDefault(__webpack_require__( /*! ../../ui/list/list.edit.decorator.switchable */ 27403));
            var _listEdit = __webpack_require__( /*! ../../ui/list/list.edit.decorator_registry */ 42851);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class SwitchableButtonEditDecorator extends _listEditDecorator.default {
                _init() {
                    super._init();
                    const $buttonContainer = (0, _renderer.default)("<div>").addClass("dx-list-switchable-delete-button-container");
                    const $buttonWrapper = (0, _renderer.default)("<div>").addClass("dx-list-switchable-delete-button-wrapper");
                    const $buttonInnerWrapper = (0, _renderer.default)("<div>").addClass("dx-list-switchable-delete-button-inner-wrapper");
                    const $button = (0, _renderer.default)("<div>").addClass("dx-list-switchable-delete-button");
                    this._list._createComponent($button, _button.default, {
                        text: _message.default.format("dxListEditDecorator-delete"),
                        type: "danger",
                        stylingMode: (0, _themes.isMaterialBased)((0, _themes.current)()) ? "text" : "contained",
                        onClick: e => {
                            this._deleteItem();
                            const {
                                event: event
                            } = e;
                            null === event || void 0 === event || event.stopPropagation()
                        },
                        integrationOptions: {},
                        elementAttr: {
                            role: null,
                            "aria-label": null
                        },
                        tabIndex: -1
                    });
                    $buttonContainer.append($buttonWrapper);
                    $buttonWrapper.append($buttonInnerWrapper);
                    $buttonInnerWrapper.append($button);
                    this._$buttonContainer = $buttonContainer
                }
                _enablePositioning($itemElement) {
                    super._enablePositioning($itemElement);
                    _animation.fx.stop(this._$buttonContainer.get(0), true);
                    this._$buttonContainer.appendTo($itemElement)
                }
                _disablePositioning($itemElement) {
                    if ($itemElement) {
                        super._disablePositioning($itemElement)
                    }
                    this._$buttonContainer.detach()
                }
                _animatePrepareDeleteReady() {
                    const rtl = this._isRtlEnabled();
                    const listWidth = (0, _size.getWidth)(this._list.$element());
                    const buttonWidth = this._buttonWidth();
                    const fromValue = rtl ? listWidth : -buttonWidth;
                    const toValue = rtl ? listWidth - buttonWidth : 0;
                    return _animation.fx.animate(this._$buttonContainer.get(0), {
                        type: "custom",
                        duration: 200,
                        from: {
                            right: fromValue
                        },
                        to: {
                            right: toValue
                        }
                    })
                }
                _animateForgetDeleteReady() {
                    const rtl = this._isRtlEnabled();
                    const listWidth = (0, _size.getWidth)(this._list.$element());
                    const buttonWidth = this._buttonWidth();
                    const fromValue = rtl ? listWidth - buttonWidth : 0;
                    const toValue = rtl ? listWidth : -buttonWidth;
                    return _animation.fx.animate(this._$buttonContainer.get(0), {
                        type: "custom",
                        duration: 200,
                        from: {
                            right: fromValue
                        },
                        to: {
                            right: toValue
                        }
                    })
                }
                _buttonWidth() {
                    if (!this._buttonContainerWidth) {
                        this._buttonContainerWidth = (0, _size.getOuterWidth)(this._$buttonContainer)
                    }
                    return this._buttonContainerWidth
                }
                dispose() {
                    if (this._$buttonContainer) {
                        this._$buttonContainer.remove()
                    }
                    super.dispose()
                }
            }(0, _listEdit.register)("delete", "toggle", class extends SwitchableButtonEditDecorator {
                beforeBag(config) {
                    const {
                        $itemElement: $itemElement,
                        $container: $container
                    } = config;
                    const $toggle = (0, _renderer.default)("<div>").addClass("dx-list-toggle-delete-switch");
                    this._list._createComponent($toggle, _button.default, {
                        icon: "toggle-delete",
                        onClick: e => {
                            var _e$event;
                            _animation.fx.stop(this._$buttonContainer.get(0), false);
                            this._toggleDeleteReady($itemElement);
                            null === (_e$event = e.event) || void 0 === _e$event || _e$event.stopPropagation()
                        },
                        integrationOptions: {},
                        elementAttr: {
                            role: null,
                            "aria-label": null
                        },
                        tabIndex: -1
                    });
                    $container.addClass("dx-list-toggle-delete-switch-container");
                    $container.append($toggle)
                }
            });
            (0, _listEdit.register)("delete", "slideButton", class extends SwitchableButtonEditDecorator {
                _shouldHandleSwipe() {
                    return true
                }
                _swipeEndHandler($itemElement, args) {
                    if (0 !== args.targetOffset) {
                        _animation.fx.stop(this._$buttonContainer.get(0), false);
                        this._toggleDeleteReady($itemElement)
                    }
                }
            });
            exports.default = SwitchableButtonEditDecorator
        },
        27403(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _emitter = __webpack_require__( /*! ../../../common/core/events/core/emitter.feedback */ 69331);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _listEdit = _interopRequireDefault(__webpack_require__( /*! ../../ui/list/list.edit.decorator */ 81433));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const POINTER_DOWN_EVENT_NAME = (0, _utils.addNamespace)(_pointer.default.down, "dxListEditDecorator");
            const ACTIVE_EVENT_NAME = (0, _utils.addNamespace)(_emitter.active, "dxListEditDecorator");
            class SwitchableEditDecorator extends _listEdit.default {
                _init() {
                    this._$topShield = (0, _renderer.default)("<div>").addClass("dx-list-switchable-delete-top-shield");
                    this._$bottomShield = (0, _renderer.default)("<div>").addClass("dx-list-switchable-delete-bottom-shield");
                    this._$itemContentShield = (0, _renderer.default)("<div>").addClass("dx-list-switchable-delete-item-content-shield");
                    _events_engine.default.on(this._$topShield, POINTER_DOWN_EVENT_NAME, () => {
                        this._cancelDeleteReadyItem()
                    });
                    _events_engine.default.on(this._$bottomShield, POINTER_DOWN_EVENT_NAME, () => {
                        this._cancelDeleteReadyItem()
                    });
                    this._list.$element().append(this._$topShield.toggle(false)).append(this._$bottomShield.toggle(false))
                }
                handleClick(_$itemElement, _e) {
                    return this._cancelDeleteReadyItem()
                }
                _cancelDeleteReadyItem() {
                    if (!this._$readyToDeleteItem) {
                        return false
                    }
                    this._cancelDelete(this._$readyToDeleteItem);
                    return true
                }
                _cancelDelete($itemElement) {
                    this._toggleDeleteReady($itemElement, false)
                }
                _toggleDeleteReady($itemElement, readyToDelete) {
                    const isReadyToDelete = readyToDelete ?? !this._isReadyToDelete($itemElement);
                    this._toggleShields($itemElement, isReadyToDelete);
                    this._toggleScrolling(isReadyToDelete);
                    this._cacheReadyToDeleteItem($itemElement, isReadyToDelete);
                    this._animateToggleDelete($itemElement, isReadyToDelete)
                }
                _isReadyToDelete($itemElement) {
                    return $itemElement.hasClass("dx-list-switchable-delete-ready")
                }
                _toggleShields($itemElement, enabled) {
                    this._list.$element().toggleClass("dx-list-switchable-menu-shield-positioning", enabled);
                    this._$topShield.toggle(enabled);
                    this._$bottomShield.toggle(enabled);
                    if (enabled) {
                        this._updateShieldsHeight($itemElement)
                    }
                    this._toggleContentShield($itemElement, enabled)
                }
                _updateShieldsHeight($itemElement) {
                    var _$list$offset, _$itemElement$offset;
                    const $list = this._list.$element();
                    const listTopOffset = (null === (_$list$offset = $list.offset()) || void 0 === _$list$offset ? void 0 : _$list$offset.top) ?? 0;
                    const listHeight = (0, _size.getOuterHeight)($list);
                    const itemTopOffset = (null === (_$itemElement$offset = $itemElement.offset()) || void 0 === _$itemElement$offset ? void 0 : _$itemElement$offset.top) ?? 0;
                    const itemHeight = (0, _size.getOuterHeight)($itemElement);
                    const dirtyTopShieldHeight = itemTopOffset - listTopOffset;
                    const dirtyBottomShieldHeight = listHeight - itemHeight - dirtyTopShieldHeight;
                    (0, _size.setHeight)(this._$topShield, Math.max(dirtyTopShieldHeight, 0));
                    (0, _size.setHeight)(this._$bottomShield, Math.max(dirtyBottomShieldHeight, 0))
                }
                _toggleContentShield($itemElement, enabled) {
                    if (enabled) {
                        $itemElement.find(".dx-list-item-content").first().append(this._$itemContentShield)
                    } else {
                        this._$itemContentShield.detach()
                    }
                }
                _toggleScrolling(readyToDelete) {
                    const scrollView = this._list._scrollView;
                    if (readyToDelete) {
                        scrollView.on("start", this._cancelScrolling)
                    } else {
                        scrollView.off("start", this._cancelScrolling)
                    }
                }
                _cancelScrolling(args) {
                    if (args.event) {
                        args.event.cancel = true
                    }
                }
                _cacheReadyToDeleteItem($itemElement, cache) {
                    if (cache) {
                        this._$readyToDeleteItem = $itemElement
                    } else {
                        delete this._$readyToDeleteItem
                    }
                }
                _animateToggleDelete($itemElement, readyToDelete) {
                    if (readyToDelete) {
                        this._enablePositioning($itemElement);
                        this._prepareDeleteReady($itemElement);
                        this._animatePrepareDeleteReady($itemElement);
                        _events_engine.default.off($itemElement, _pointer.default.up)
                    } else {
                        this._forgetDeleteReady($itemElement);
                        this._animateForgetDeleteReady($itemElement).done(this._disablePositioning.bind(this, $itemElement))
                    }
                }
                _enablePositioning($itemElement) {
                    $itemElement.addClass("dx-list-switchable-menu-item-shield-positioning");
                    _events_engine.default.on($itemElement, ACTIVE_EVENT_NAME, _common.noop);
                    _events_engine.default.one($itemElement, _pointer.default.up, this._disablePositioning.bind(this, $itemElement))
                }
                _disablePositioning($itemElement) {
                    $itemElement.removeClass("dx-list-switchable-menu-item-shield-positioning");
                    _events_engine.default.off($itemElement, ACTIVE_EVENT_NAME)
                }
                _prepareDeleteReady($itemElement) {
                    $itemElement.addClass("dx-list-switchable-delete-ready")
                }
                _forgetDeleteReady($itemElement) {
                    $itemElement.removeClass("dx-list-switchable-delete-ready")
                }
                _getDeleteButtonContainer($itemElement) {
                    const $element = $itemElement || this._$readyToDeleteItem;
                    return $element.children(".dx-list-switchable-delete-button-container")
                }
                _deleteItem($itemElement) {
                    const $element = $itemElement ?? this._$readyToDeleteItem;
                    if (!$element) {
                        return
                    }
                    this._getDeleteButtonContainer($element).detach();
                    if ($element.is(".dx-state-disabled, .dx-state-disabled *")) {
                        return
                    }
                    this._list.deleteItem($element.get(0)).always(this._cancelDelete.bind(this, $element))
                }
                _isRtlEnabled() {
                    const {
                        rtlEnabled: rtlEnabled = false
                    } = this._list.option();
                    return rtlEnabled
                }
                dispose() {
                    if (this._$topShield) {
                        this._$topShield.remove()
                    }
                    if (this._$bottomShield) {
                        this._$bottomShield.remove()
                    }
                    super.dispose()
                }
            }
            exports.default = SwitchableEditDecorator
        },
        55528(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _animation = __webpack_require__( /*! ../../../common/core/animation */ 16826);
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _emitter = __webpack_require__( /*! ../../../common/core/events/core/emitter.feedback */ 69331);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _action_sheet = _interopRequireDefault(__webpack_require__( /*! ../../ui/action_sheet */ 11541));
            var _listEditDecorator = _interopRequireDefault(__webpack_require__( /*! ../../ui/list/list.edit.decorator.switchable */ 27403));
            var _listEdit = __webpack_require__( /*! ../../ui/list/list.edit.decorator_registry */ 42851);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CLICK_EVENT_NAME = (0, _utils.addNamespace)(_click.name, "dxListEditDecorator");
            const ACTIVE_EVENT_NAME = (0, _utils.addNamespace)(_emitter.active, "dxListEditDecorator");
            class SwitchableEditDecoratorSlide extends _listEditDecorator.default {
                _shouldHandleSwipe() {
                    return true
                }
                _init() {
                    super._init();
                    this._$buttonsContainer = (0, _renderer.default)("<div>").addClass("dx-list-slide-menu-buttons-container");
                    _events_engine.default.on(this._$buttonsContainer, ACTIVE_EVENT_NAME, _common.noop);
                    this._$buttons = (0, _renderer.default)("<div>").addClass("dx-list-slide-menu-buttons").appendTo(this._$buttonsContainer);
                    this._renderMenu();
                    this._renderDeleteButton()
                }
                _renderMenu() {
                    const {
                        menuItems: menuItems = []
                    } = this._list.option();
                    if (!menuItems.length) {
                        return
                    }
                    if (1 === menuItems.length) {
                        const menuItem = menuItems[0];
                        this._renderMenuButton(menuItem.text ?? "", e => {
                            e.stopPropagation();
                            this._fireAction(menuItem)
                        })
                    } else {
                        const $menu = (0, _renderer.default)("<div>").addClass("dx-list-slide-menu");
                        this._menu = this._list._createComponent($menu, _action_sheet.default, {
                            showTitle: false,
                            items: menuItems,
                            onItemClick: args => {
                                this._fireAction(args.itemData)
                            },
                            integrationOptions: {}
                        });
                        $menu.appendTo(this._list.$element());
                        const $menuButton = this._renderMenuButton(_message.default.format("dxListEditDecorator-more"), e => {
                            e.stopPropagation();
                            this._menu.show()
                        });
                        this._menu.option("target", $menuButton)
                    }
                }
                _renderMenuButton(text, action) {
                    const $menuButton = (0, _renderer.default)("<div>").addClass("dx-list-slide-menu-button").addClass("dx-list-slide-menu-button-menu").text(text);
                    this._$buttons.append($menuButton);
                    _events_engine.default.on($menuButton, CLICK_EVENT_NAME, action);
                    return $menuButton
                }
                _renderDeleteButton() {
                    const {
                        allowItemDeleting: allowItemDeleting
                    } = this._list.option();
                    if (!allowItemDeleting) {
                        return
                    }
                    const $deleteButton = (0, _renderer.default)("<div>").addClass("dx-list-slide-menu-button").addClass("dx-list-slide-menu-button-delete").text((0, _themes.isMaterialBased)((0, _themes.current)()) ? "" : _message.default.format("dxListEditDecorator-delete"));
                    _events_engine.default.on($deleteButton, CLICK_EVENT_NAME, e => {
                        e.stopPropagation();
                        this._deleteItem()
                    });
                    this._$buttons.append($deleteButton)
                }
                _fireAction(menuItem) {
                    this._list._itemEventHandlerByHandler((0, _renderer.default)(this._cachedNode), menuItem.action, {}, {
                        excludeValidators: ["disabled", "readOnly"]
                    });
                    this._cancelDeleteReadyItem()
                }
                modifyElement(config) {
                    super.modifyElement(config);
                    const {
                        $itemElement: $itemElement
                    } = config;
                    $itemElement.addClass("dx-list-slide-menu-wrapper");
                    const $slideMenuContent = (0, _renderer.default)("<div>").addClass("dx-list-slide-menu-content");
                    $itemElement.wrapInner($slideMenuContent)
                }
                _getDeleteButtonContainer() {
                    return this._$buttonsContainer
                }
                handleClick($itemElement, e) {
                    if ((0, _renderer.default)(e.target).closest(".dx-list-slide-menu-content").length) {
                        return super.handleClick($itemElement, e)
                    }
                    return false
                }
                _swipeStartHandler($itemElement) {
                    this._enablePositioning($itemElement);
                    this._cacheItemData($itemElement);
                    this._setPositions(this._getPositions(0))
                }
                _swipeUpdateHandler($itemElement, e) {
                    const rtl = this._isRtlEnabled();
                    const signCorrection = rtl ? -1 : 1;
                    const isItemReadyToDelete = this._isReadyToDelete($itemElement);
                    const moveJustStarted = this._getCurrentPositions().content === this._getStartPositions().content;
                    if (moveJustStarted && !isItemReadyToDelete && e.offset * signCorrection > 0) {
                        e.cancel = true;
                        return
                    }
                    const offset = this._cachedItemWidth * e.offset;
                    const startOffset = isItemReadyToDelete ? -this._cachedButtonWidth * signCorrection : 0;
                    const correctedOffset = (offset + startOffset) * signCorrection;
                    const percent = correctedOffset < 0 ? Math.abs((offset + startOffset) / this._cachedButtonWidth) : 0;
                    this._setPositions(this._getPositions(percent))
                }
                _getStartPositions() {
                    const rtl = this._isRtlEnabled();
                    const signCorrection = rtl ? -1 : 1;
                    return {
                        content: 0,
                        buttonsContainer: rtl ? -this._cachedButtonWidth : this._cachedItemWidth,
                        buttons: -this._cachedButtonWidth * signCorrection
                    }
                }
                _getPositions(percent) {
                    const rtl = this._isRtlEnabled();
                    const signCorrection = rtl ? -1 : 1;
                    const startPositions = this._getStartPositions();
                    return {
                        content: startPositions.content - percent * this._cachedButtonWidth * signCorrection,
                        buttonsContainer: startPositions.buttonsContainer - Math.min(percent, 1) * this._cachedButtonWidth * signCorrection,
                        buttons: startPositions.buttons + Math.min(percent, 1) * this._cachedButtonWidth * signCorrection
                    }
                }
                _getCurrentPositions() {
                    return {
                        content: (0, _translator.locate)(this._$cachedContent).left,
                        buttonsContainer: (0, _translator.locate)(this._$buttonsContainer).left,
                        buttons: (0, _translator.locate)(this._$buttons).left
                    }
                }
                _setPositions(positions) {
                    (0, _translator.move)(this._$cachedContent, {
                        left: positions.content
                    });
                    (0, _translator.move)(this._$buttonsContainer, {
                        left: positions.buttonsContainer
                    });
                    (0, _translator.move)(this._$buttons, {
                        left: positions.buttons
                    })
                }
                _cacheItemData($itemElement) {
                    var _this$_$cachedContent;
                    if ($itemElement[0] === this._cachedNode) {
                        return
                    }
                    this._$cachedContent = $itemElement.find(".dx-list-slide-menu-content");
                    this._cachedItemWidth = (0, _size.getOuterWidth)($itemElement);
                    this._cachedButtonWidth = this._cachedButtonWidth || (0, _size.getOuterWidth)(this._$buttons);
                    (0, _size.setWidth)(this._$buttonsContainer, this._cachedButtonWidth);
                    if (null !== (_this$_$cachedContent = this._$cachedContent) && void 0 !== _this$_$cachedContent && _this$_$cachedContent.length) {
                        this._cachedNode = $itemElement.get(0)
                    }
                }
                _minButtonContainerLeftOffset() {
                    return this._cachedItemWidth - this._cachedButtonWidth
                }
                _swipeEndHandler($itemElement, args) {
                    this._cacheItemData($itemElement);
                    const signCorrection = this._isRtlEnabled() ? 1 : -1;
                    const offset = this._cachedItemWidth * args.offset;
                    const endedAtReadyToDelete = !this._isReadyToDelete($itemElement) && offset * signCorrection > .2 * this._cachedButtonWidth;
                    const readyToDelete = args.targetOffset === signCorrection && endedAtReadyToDelete;
                    this._toggleDeleteReady($itemElement, readyToDelete)
                }
                _enablePositioning($itemElement) {
                    if (this._$cachedContent) {
                        _animation.fx.stop(this._$cachedContent.get(0), true)
                    }
                    super._enablePositioning($itemElement);
                    this._$buttonsContainer.appendTo($itemElement)
                }
                _disablePositioning($itemElement) {
                    super._disablePositioning($itemElement);
                    this._$buttonsContainer.detach()
                }
                _animatePrepareDeleteReady() {
                    return this._animateToPositions(this._getPositions(1))
                }
                _animateForgetDeleteReady($itemElement) {
                    this._cacheItemData($itemElement);
                    return this._animateToPositions(this._getPositions(0))
                }
                _animateToPositions(positions) {
                    const currentPosition = this._getCurrentPositions();
                    const durationTimePart = Math.min(Math.abs(currentPosition.content - positions.content) / this._cachedButtonWidth, 1);
                    return _animation.fx.animate((0, _renderer.default)(this._$cachedContent).get(0), {
                        from: currentPosition,
                        to: positions,
                        easing: "cubic-bezier(0.075, 0.82, 0.165, 1)",
                        duration: 400 * durationTimePart,
                        strategy: "frame",
                        draw: drawPositions => {
                            this._setPositions(drawPositions)
                        }
                    })
                }
                dispose() {
                    if (this._menu) {
                        this._menu.$element().remove()
                    }
                    if (this._$buttonsContainer) {
                        this._$buttonsContainer.remove()
                    }
                    super.dispose()
                }
            }(0, _listEdit.register)("menu", "slide", SwitchableEditDecoratorSlide)
        },
        42851(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.register = function(option, type, decoratorClass) {
                if (!registry[option]) {
                    registry[option] = {}
                }
                registry[option][type] = decoratorClass
            };
            exports.registry = void 0;
            const registry = exports.registry = {}
        },
        71442(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _m_type = __webpack_require__( /*! ../../core/utils/m_type */ 39918);
            var _collection_widget = __webpack_require__( /*! ../../ui/collection/collection_widget.edit */ 79839);
            var _collection_widget2 = __webpack_require__( /*! ../../ui/collection/collection_widget.live_update */ 26821);
            var _list = __webpack_require__( /*! ../../ui/list/list.base */ 74319);
            var _listEdit = _interopRequireDefault(__webpack_require__( /*! ../../ui/list/list.edit.provider */ 8787));
            var _listEditStrategy = _interopRequireDefault(__webpack_require__( /*! ../../ui/list/list.edit.strategy.grouped */ 38663));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class ListEdit extends _list.ListBase {
                _supportedKeys() {
                    const parent = super._supportedKeys();
                    const moveFocusedItem = (e, moveUp) => {
                        const {
                            focusedElement: focusedElement,
                            itemDragging: itemDragging,
                            grouped: grouped
                        } = this.option();
                        const editStrategy = this._editStrategy;
                        const focusedItemIndex = editStrategy.getNormalizedIndex(focusedElement);
                        const isLastIndexFocused = focusedItemIndex === this._getLastItemIndex();
                        if (isLastIndexFocused && this._dataController.isLoading()) {
                            return
                        }
                        if (e.shiftKey && null !== itemDragging && void 0 !== itemDragging && itemDragging.allowReordering) {
                            if (focusedItemIndex === _collection_widget.NOT_EXISTING_INDEX) {
                                return
                            }
                            const nextItemIndex = focusedItemIndex + (moveUp ? -1 : 1);
                            if (nextItemIndex < 0) {
                                return
                            }
                            const $nextItem = editStrategy.getItemElement(nextItemIndex);
                            if (!(null !== $nextItem && void 0 !== $nextItem && $nextItem.length)) {
                                return
                            }
                            const isMoveFromGroup = grouped && (0, _renderer.default)(focusedElement).parent().get(0) !== $nextItem.parent().get(0);
                            if (!isMoveFromGroup) {
                                this.reorderItem((0, _renderer.default)(focusedElement).get(0), $nextItem.get(0));
                                this.scrollToItem((0, _renderer.default)(focusedElement))
                            }
                            e.preventDefault()
                        } else {
                            const editProvider = this._editProvider;
                            const isInternalMoving = editProvider.handleKeyboardEvents(focusedItemIndex, moveUp);
                            if (!isInternalMoving) {
                                if (moveUp) {
                                    parent.upArrow(e)
                                } else {
                                    parent.downArrow(e)
                                }
                            } else {
                                e.preventDefault()
                            }
                        }
                    };
                    return Object.assign({}, parent, {
                        del: e => {
                            const {
                                allowItemDeleting: allowItemDeleting,
                                focusedElement: focusedElement
                            } = this.option();
                            if (allowItemDeleting && focusedElement) {
                                e.preventDefault();
                                this.deleteItem(focusedElement)
                            }
                        },
                        upArrow: e => moveFocusedItem(e, true),
                        downArrow: e => moveFocusedItem(e),
                        enter: e => {
                            if (!this._editProvider.handleEnterPressing(e)) {
                                parent.enter.apply(this, [e])
                            }
                        },
                        space: e => {
                            if (!this._editProvider.handleEnterPressing(e)) {
                                parent.space.apply(this, [e])
                            }
                        }
                    })
                }
                _updateSelection() {
                    this._editProvider.afterItemsRendered();
                    super._updateSelection()
                }
                _getLastItemIndex() {
                    return this._itemElements().length - 1
                }
                _refreshItemElements() {
                    super._refreshItemElements();
                    const excludedSelectors = this._editProvider.getExcludedItemSelectors();
                    if (excludedSelectors.length) {
                        this._itemElementsCache = this._itemElementsCache.not(excludedSelectors)
                    }
                }
                _isItemStrictEquals(item1, item2) {
                    const privateKey = null === item1 || void 0 === item1 ? void 0 : item1[_collection_widget2.PRIVATE_KEY_FIELD];
                    if (privateKey && !this.key() && this._selection.isItemSelected(privateKey)) {
                        return false
                    }
                    return super._isItemStrictEquals(item1, item2)
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        showSelectionControls: false,
                        selectionMode: "none",
                        selectAllMode: "page",
                        onSelectAllValueChanged: null,
                        selectAllText: _message.default.format("dxList-selectAll"),
                        menuItems: [],
                        menuMode: "context",
                        allowItemDeleting: false,
                        itemDeleteMode: "static",
                        itemDragging: {}
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: device => "ios" === device.platform,
                        options: {
                            menuMode: "slide",
                            itemDeleteMode: "slideItem"
                        }
                    }, {
                        device: {
                            platform: "android"
                        },
                        options: {
                            itemDeleteMode: "swipe"
                        }
                    }])
                }
                _init() {
                    super._init();
                    this._initEditProvider()
                }
                _initDataSource() {
                    super._initDataSource();
                    if (!this._isPageSelectAll()) {
                        var _this$_dataSource;
                        null === (_this$_dataSource = this._dataSource) || void 0 === _this$_dataSource || _this$_dataSource.requireTotalCount(true)
                    }
                }
                _isPageSelectAll() {
                    const {
                        selectAllMode: selectAllMode
                    } = this.option();
                    return "page" === selectAllMode
                }
                _initEditProvider() {
                    this._editProvider = new _listEdit.default(this)
                }
                _disposeEditProvider() {
                    if (this._editProvider) {
                        this._editProvider.dispose()
                    }
                }
                _refreshEditProvider() {
                    this._disposeEditProvider();
                    this._initEditProvider()
                }
                _initEditStrategy() {
                    const {
                        grouped: grouped
                    } = this.option();
                    if (grouped) {
                        this._editStrategy = new _listEditStrategy.default(this)
                    } else {
                        super._initEditStrategy()
                    }
                }
                _initMarkup() {
                    this._refreshEditProvider();
                    super._initMarkup()
                }
                _renderItems(items) {
                    super._renderItems(items);
                    this._editProvider.afterItemsRendered()
                }
                _renderItem(index, itemData, $container, $itemToReplace) {
                    const {
                        showSelectionControls: showSelectionControls,
                        selectionMode: selectionMode
                    } = this.option();
                    const $itemFrame = super._renderItem(index, itemData, $container, $itemToReplace);
                    if (showSelectionControls && "none" !== selectionMode) {
                        this._updateItemAriaLabel($itemFrame, itemData)
                    }
                    return $itemFrame
                }
                _updateItemAriaLabel($itemFrame, itemData) {
                    var _this$_displayGetter;
                    const label = (null === (_this$_displayGetter = this._displayGetter) || void 0 === _this$_displayGetter ? void 0 : _this$_displayGetter.call(this, itemData)) ?? (null === itemData || void 0 === itemData ? void 0 : itemData.text) ?? itemData;
                    this.setAria("label", (0, _m_type.isObject)(label) ? _message.default.format("dxList-listAriaLabel-itemContent") : label, $itemFrame)
                }
                _selectedItemClass() {
                    return "dx-list-item-selected"
                }
                _itemResponseWaitClass() {
                    return "dx-list-item-response-wait"
                }
                _itemClickHandler(e, args, config) {
                    const $itemElement = (0, _renderer.default)(e.currentTarget);
                    if ($itemElement.is(".dx-state-disabled, .dx-state-disabled *")) {
                        return
                    }
                    const handledByEditProvider = this._editProvider.handleClick($itemElement, e);
                    if (handledByEditProvider) {
                        return
                    }
                    this._saveSelectionChangeEvent(e);
                    super._itemClickHandler(e, args, config)
                }
                _shouldFireContextMenuEvent() {
                    return super._shouldFireContextMenuEvent() || this._editProvider.contextMenuHandlerExists()
                }
                _itemHoldHandler(e) {
                    const $itemElement = (0, _renderer.default)(e.currentTarget);
                    if ($itemElement.is(".dx-state-disabled, .dx-state-disabled *")) {
                        return
                    }
                    const handledByEditProvider = (0, _utils.isTouchEvent)(e) && this._editProvider.handleContextMenu($itemElement, e);
                    if (handledByEditProvider) {
                        e.handledByEditProvider = true;
                        return
                    }
                    super._itemHoldHandler(e)
                }
                _itemContextMenuHandler(e) {
                    const $itemElement = (0, _renderer.default)(e.currentTarget);
                    if ($itemElement.is(".dx-state-disabled, .dx-state-disabled *")) {
                        return
                    }
                    const handledByEditProvider = !e.handledByEditProvider && this._editProvider.handleContextMenu($itemElement, e);
                    if (handledByEditProvider) {
                        e.preventDefault();
                        return
                    }
                    super._itemContextMenuHandler(e)
                }
                _postprocessRenderItem(args) {
                    super._postprocessRenderItem(args);
                    this._editProvider.modifyItemElement(args)
                }
                _clean() {
                    this._disposeEditProvider();
                    super._clean()
                }
                focusListItem(index) {
                    const $item = this._editStrategy.getItemElement(index);
                    this.option("focusedElement", (0, _element.getPublicElement)($item));
                    this.focus();
                    this.scrollToItem($item)
                }
                _getFlatIndex() {
                    const {
                        selectedIndex: selectedIndex = _collection_widget.NOT_EXISTING_INDEX
                    } = this.option();
                    if ((0, _m_type.isNumeric)(selectedIndex) || !selectedIndex) {
                        return selectedIndex
                    }
                    const $item = this._editStrategy.getItemElement(selectedIndex);
                    return this.getFlatIndexByItemElement($item)
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "selectAllMode":
                            this._initDataSource();
                            this._dataController.pageIndex(0);
                            this._dataController.load();
                            break;
                        case "grouped":
                            this._clearSelectedItems();
                            this._initEditStrategy();
                            super._optionChanged(args);
                            break;
                        case "showSelectionControls":
                        case "menuItems":
                        case "menuMode":
                        case "allowItemDeleting":
                        case "itemDeleteMode":
                        case "itemDragging":
                        case "selectAllText":
                            this._invalidate();
                            break;
                        case "onSelectAllValueChanged":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                selectAll() {
                    return this._selection.selectAll(this._isPageSelectAll())
                }
                unselectAll() {
                    return this._selection.deselectAll(this._isPageSelectAll())
                }
                isSelectAll() {
                    return this._selection.getSelectAllState(this._isPageSelectAll())
                }
                getFlatIndexByItemElement(itemElement) {
                    return this._itemElements().index(itemElement)
                }
                getItemElementByFlatIndex(flatIndex) {
                    const $itemElements = this._itemElements();
                    if (flatIndex < 0 || flatIndex >= $itemElements.length) {
                        return (0, _renderer.default)()
                    }
                    return $itemElements.eq(flatIndex)
                }
                getItemByIndex(index) {
                    return this._editStrategy.getItemDataByIndex(index)
                }
                deleteItem(itemElement) {
                    const editStrategy = this._editStrategy;
                    const deletingElementIndex = editStrategy.getNormalizedIndex(itemElement);
                    const {
                        focusedElement: focusedElement,
                        focusStateEnabled: focusStateEnabled
                    } = this.option();
                    const focusedItemIndex = focusedElement ? editStrategy.getNormalizedIndex(focusedElement) : deletingElementIndex;
                    const isLastIndexFocused = focusedItemIndex === this._getLastItemIndex();
                    const nextFocusedItem = isLastIndexFocused || deletingElementIndex < focusedItemIndex ? focusedItemIndex - 1 : focusedItemIndex;
                    const promise = super.deleteItem(itemElement);
                    return promise.done(() => {
                        if (focusStateEnabled) {
                            this.focusListItem(nextFocusedItem)
                        }
                    })
                }
            }
            exports.default = ListEdit
        },
        8787(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _m_type = __webpack_require__( /*! ../../core/utils/m_type */ 39918);
            var _listEdit = __webpack_require__( /*! ../../ui/list/list.edit.decorator_registry */ 42851);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const editOptionsRegistry = [];
            const registerOption = _ref => {
                let {
                    enabled: enabled,
                    decoratorType: decoratorType,
                    decoratorSubType: decoratorSubType
                } = _ref;
                editOptionsRegistry.push({
                    enabled: enabled,
                    decoratorType: decoratorType,
                    decoratorSubType: decoratorSubType
                })
            };
            registerOption({
                enabled() {
                    const {
                        menuItems: menuItems
                    } = this.option();
                    return Boolean(menuItems.length)
                },
                decoratorType: () => "menu",
                decoratorSubType() {
                    const {
                        menuMode: menuMode
                    } = this.option();
                    return menuMode
                }
            });
            registerOption({
                enabled() {
                    const {
                        menuItems: menuItems,
                        allowItemDeleting: allowItemDeleting
                    } = this.option();
                    return Boolean(!menuItems.length && allowItemDeleting)
                },
                decoratorType() {
                    const {
                        itemDeleteMode: itemDeleteMode
                    } = this.option();
                    return ["toggle", "slideButton", "swipe", "static"].includes(itemDeleteMode) ? "delete" : "menu"
                },
                decoratorSubType() {
                    let {
                        itemDeleteMode: itemDeleteMode
                    } = this.option();
                    if ("slideItem" === itemDeleteMode) {
                        itemDeleteMode = "slide"
                    }
                    return itemDeleteMode
                }
            });
            registerOption({
                enabled() {
                    const {
                        selectionMode: selectionMode,
                        showSelectionControls: showSelectionControls
                    } = this.option();
                    return Boolean("none" !== selectionMode && showSelectionControls)
                },
                decoratorType: () => "selection",
                decoratorSubType: () => "default"
            });
            registerOption({
                enabled() {
                    const {
                        itemDragging: itemDragging
                    } = this.option();
                    return Boolean(itemDragging.allowReordering || itemDragging.allowDropInsideItem || itemDragging.group)
                },
                decoratorType: () => "reorder",
                decoratorSubType: () => "default"
            });
            exports.default = class {
                constructor(list) {
                    this._list = list;
                    this._decorators = [];
                    this._fetchRequiredDecorators()
                }
                dispose() {
                    var _this$_decorators;
                    if (null !== (_this$_decorators = this._decorators) && void 0 !== _this$_decorators && _this$_decorators.length) {
                        (0, _iterator.each)(this._decorators, (_index, decorator) => {
                            decorator.dispose()
                        })
                    }
                }
                _fetchRequiredDecorators() {
                    (0, _iterator.each)(editOptionsRegistry, (_index, option) => {
                        const optionEnabled = option.enabled.call(this._list);
                        if (optionEnabled) {
                            const decoratorType = option.decoratorType.call(this._list);
                            const decoratorSubType = option.decoratorSubType.call(this._list);
                            const decorator = this._createDecorator(decoratorType, decoratorSubType);
                            this._decorators.push(decorator)
                        }
                    })
                }
                _createDecorator(type, subType) {
                    const CreatedDecoratorClass = this._findDecorator(type, subType);
                    return new CreatedDecoratorClass(this._list)
                }
                _findDecorator(type, subType) {
                    var _registry$type;
                    const foundDecorator = null === (_registry$type = _listEdit.registry[type]) || void 0 === _registry$type ? void 0 : _registry$type[subType];
                    if (!foundDecorator) {
                        throw _ui.default.Error("E1012", type, subType)
                    }
                    return foundDecorator
                }
                modifyItemElement(args) {
                    const $itemElement = (0, _renderer.default)(args.itemElement);
                    const config = {
                        $itemElement: $itemElement,
                        $container: (0, _renderer.default)()
                    };
                    this._prependBeforeBags($itemElement, config);
                    this._appendAfterBags($itemElement, config);
                    this._applyDecorators("modifyElement", config)
                }
                afterItemsRendered() {
                    this._applyDecorators("afterRender")
                }
                _prependBeforeBags($itemElement, config) {
                    const $beforeBags = this._collectDecoratorsMarkup("beforeBag", config, "dx-list-item-before-bag");
                    $itemElement.prepend($beforeBags)
                }
                _appendAfterBags($itemElement, config) {
                    const $afterBags = this._collectDecoratorsMarkup("afterBag", config, "dx-list-item-after-bag");
                    $itemElement.append($afterBags)
                }
                _collectDecoratorsMarkup(method, config, containerClass) {
                    var _this$_decorators2;
                    const $collector = (0, _renderer.default)("<div>");
                    null === (_this$_decorators2 = this._decorators) || void 0 === _this$_decorators2 || _this$_decorators2.forEach(decorator => {
                        if ((0, _m_type.isFunction)(decorator[method])) {
                            const $container = (0, _renderer.default)("<div>").addClass(containerClass);
                            decorator[method](Object.assign({}, config, {
                                $container: $container
                            }));
                            if ($container.children().length) {
                                $collector.append($container)
                            }
                        }
                    });
                    return $collector.children()
                }
                _applyDecorators(method, config) {
                    var _this$_decorators3;
                    null === (_this$_decorators3 = this._decorators) || void 0 === _this$_decorators3 || _this$_decorators3.forEach(decorator => {
                        decorator[method](config)
                    })
                }
                _handlerExists(name) {
                    if (!this._decorators) {
                        return false
                    }
                    const decorators = this._decorators;
                    const {
                        length: length
                    } = decorators;
                    for (let i = 0; i < length; i += 1) {
                        if (decorators[i][name] !== _common.noop) {
                            return true
                        }
                    }
                    return false
                }
                _eventHandler(name) {
                    if (!this._decorators) {
                        return false
                    }
                    let response = false;
                    const decorators = this._decorators;
                    const {
                        length: length
                    } = decorators;
                    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
                        args[_key - 1] = arguments[_key]
                    }
                    for (let i = 0; i < length; i += 1) {
                        response = decorators[i][name](...args);
                        if (response) {
                            break
                        }
                    }
                    return response
                }
                handleClick($itemElement, e) {
                    return this._eventHandler("handleClick", $itemElement, e)
                }
                handleKeyboardEvents(currentFocusedIndex, moveFocusUp) {
                    return this._eventHandler("handleKeyboardEvents", currentFocusedIndex, moveFocusUp)
                }
                handleEnterPressing(e) {
                    return this._eventHandler("handleEnterPressing", e)
                }
                contextMenuHandlerExists() {
                    return this._handlerExists("handleContextMenu")
                }
                handleContextMenu($itemElement, e) {
                    return this._eventHandler("handleContextMenu", $itemElement, e)
                }
                getExcludedItemSelectors() {
                    const excludedSelectors = [];
                    this._applyDecorators("getExcludedSelectors", excludedSelectors);
                    return excludedSelectors.join(",")
                }
            }
        },
        51802(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _search_box_controller = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../ui/collection/search_box_controller */ 47843));
            var _list = _interopRequireDefault(__webpack_require__( /*! ../../ui/list/list.edit */ 71442));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class ListSearch extends _list.default {
                _getCombinedFilter() {
                    const dataController = this._dataController;
                    const storeLoadOptions = {
                        filter: dataController.filter()
                    };
                    dataController.addSearchFilter(storeLoadOptions);
                    const {
                        filter: filter
                    } = storeLoadOptions;
                    return filter
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        searchMode: "",
                        searchExpr: null,
                        searchValue: "",
                        searchEnabled: false,
                        searchEditorOptions: {}
                    })
                }
                _getSearchBoxControllerOptions() {
                    const {
                        tabIndex: tabIndex,
                        searchEnabled: searchEnabled,
                        searchValue: searchValue,
                        searchTimeout: searchTimeout,
                        searchEditorOptions: searchEditorOptions
                    } = this.option();
                    return {
                        tabIndex: tabIndex,
                        searchEnabled: searchEnabled,
                        searchValue: searchValue,
                        searchTimeout: searchTimeout,
                        searchEditorOptions: searchEditorOptions,
                        onValueChanged: value => {
                            this.option("searchValue", value)
                        }
                    }
                }
                _initDataSource() {
                    const {
                        searchValue: searchValue,
                        searchExpr: searchExpr,
                        searchMode: searchMode
                    } = this.option();
                    super._initDataSource();
                    const dataController = this._dataController;
                    if (null !== searchValue && void 0 !== searchValue && searchValue.length) {
                        dataController.searchValue(searchValue)
                    }
                    if (null !== searchMode && void 0 !== searchMode && searchMode.length) {
                        dataController.searchOperation((0, _search_box_controller.getOperationBySearchMode)(searchMode))
                    }
                    if (searchExpr) {
                        dataController.searchExpr(searchExpr)
                    }
                }
                _init() {
                    this._searchBoxController = new _search_box_controller.default;
                    super._init()
                }
                _initMarkup() {
                    this._searchBoxController.render("dx-list", this.$element(), this._getSearchBoxControllerOptions(), this._createComponent.bind(this));
                    super._initMarkup()
                }
                _getAriaTarget() {
                    const {
                        searchEnabled: searchEnabled
                    } = this.option();
                    if (searchEnabled) {
                        return this._itemContainer()
                    }
                    return super._getAriaTarget()
                }
                focus() {
                    const {
                        focusedElement: focusedElement,
                        searchEnabled: searchEnabled
                    } = this.option();
                    if (!focusedElement && searchEnabled) {
                        var _this$_searchBoxContr;
                        null === (_this$_searchBoxContr = this._searchBoxController) || void 0 === _this$_searchBoxContr || _this$_searchBoxContr.focus();
                        return
                    }
                    super.focus()
                }
                _focusTarget() {
                    const {
                        searchEnabled: searchEnabled
                    } = this.option();
                    if (searchEnabled) {
                        return this._itemContainer()
                    }
                    return super._focusTarget()
                }
                _updateFocusState(e, isFocused) {
                    const {
                        searchEnabled: searchEnabled
                    } = this.option();
                    if (searchEnabled) {
                        this._toggleFocusClass(isFocused, this.$element())
                    }
                    super._updateFocusState(e, isFocused)
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "searchEnabled":
                        case "searchEditorOptions":
                            this._invalidate();
                            break;
                        case "searchExpr":
                        case "searchMode":
                        case "searchValue":
                            if (!this._dataSource) {
                                _ui.default.log("W1009");
                                return
                            }
                            if ("searchMode" === name) {
                                this._dataSource.searchOperation((0, _search_box_controller.getOperationBySearchMode)(value))
                            } else {
                                this._dataSource[name](value)
                            }
                            this._dataSource.load();
                            break;
                        case "searchTimeout":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _refresh() {
                    var _this$_searchBoxContr2;
                    null === (_this$_searchBoxContr2 = this._searchBoxController) || void 0 === _this$_searchBoxContr2 || _this$_searchBoxContr2.resolveValueChange();
                    super._refresh()
                }
                _cleanAria() {
                    const $element = this.$element();
                    this.setAria({
                        role: null,
                        activedescendant: null
                    }, $element);
                    $element.attr("tabIndex", null)
                }
                _clean() {
                    this._cleanAria();
                    super._clean()
                }
                _dispose() {
                    var _this$_searchBoxContr3;
                    null === (_this$_searchBoxContr3 = this._searchBoxController) || void 0 === _this$_searchBoxContr3 || _this$_searchBoxContr3.dispose();
                    super._dispose()
                }
            }(0, _component_registrator.default)("dxList", ListSearch);
            exports.default = ListSearch
        },
        38663(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _query = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/query */ 30771));
            var _store_helper = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/store_helper */ 66177));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _collection_widget = __webpack_require__( /*! ../../ui/collection/collection_widget.edit */ 79839);
            var _collection_widgetEditStrategy = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/collection_widget.edit.strategy.plain */ 83986));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const combineIndex = index => (index.group << 20) + index.item;
            const splitIndex = combinedIndex => ({
                group: combinedIndex >> 20,
                item: 1048575 & combinedIndex
            });
            class GroupedEditStrategy extends _collection_widgetEditStrategy.default {
                _groupElements() {
                    return this._collectionWidget._itemContainer().find(".dx-list-group")
                }
                _groupItemElements($group) {
                    return $group.find(".dx-list-item")
                }
                getIndexByItemData(itemData) {
                    const groups = this._getItems();
                    let index = _collection_widget.NOT_EXISTING_INDEX;
                    if (!itemData) {
                        return _collection_widget.NOT_EXISTING_INDEX
                    }
                    const {
                        items: items = []
                    } = itemData;
                    if (items.length) {
                        itemData = items[0]
                    }(0, _iterator.each)(groups, (groupIndex, group) => {
                        if (!group.items) {
                            return false
                        }(0, _iterator.each)(group.items, (itemIndex, item) => {
                            if (item !== itemData) {
                                return true
                            }
                            index = {
                                group: groupIndex,
                                item: itemIndex
                            };
                            return false
                        });
                        return !(0, _collection_widget.indexExists)(index)
                    });
                    return index
                }
                _isIndexNumeric(index) {
                    return (0, _type.isNumeric)(index)
                }
                getItemDataByIndex(index) {
                    const groups = this._getItems();
                    if (this._isIndexNumeric(index)) {
                        return this.itemsGetter()[index]
                    }
                    const groupIndex = index.group;
                    const group = groups[groupIndex];
                    const {
                        items: items = []
                    } = group;
                    return index && items[index.item] || null
                }
                itemsGetter() {
                    let resultItems = [];
                    const items = this._getItems();
                    items.forEach(groupedItem => {
                        if (groupedItem.items) {
                            resultItems = resultItems.concat(groupedItem.items)
                        } else {
                            resultItems.push(groupedItem)
                        }
                    });
                    return resultItems
                }
                deleteItemAtIndex(index) {
                    const indices = splitIndex(index);
                    const {
                        items: items = []
                    } = this._collectionWidget.option();
                    const itemGroup = items[indices.group].items;
                    null === itemGroup || void 0 === itemGroup || itemGroup.splice(indices.item, 1)
                }
                getKeysByItems(items) {
                    const plainItems = items.reduce((counter, item) => {
                        if (null !== item && void 0 !== item && item.items) {
                            return counter.concat(item.items)
                        }
                        counter.push(item);
                        return counter
                    }, []);
                    return plainItems.map(plainItem => this._collectionWidget.keyOf(plainItem))
                }
                getIndexByKey(key, items) {
                    const {
                        items: userItems
                    } = this._collectionWidget.option();
                    const groups = items ?? userItems;
                    let index = -1;
                    (0, _iterator.each)(groups, (groupIndex, group) => {
                        if (!group.items) {
                            return
                        }(0, _iterator.each)(group.items, (itemIndex, item) => {
                            const itemKey = this._collectionWidget.keyOf(item);
                            if (this._equalKeys(itemKey, key)) {
                                index = {
                                    group: groupIndex,
                                    item: itemIndex
                                };
                                return false
                            }
                            return
                        });
                        if (-1 !== index) {
                            return false
                        }
                        return
                    });
                    return "object" === typeof index ? combineIndex(index) : index
                }
                _getGroups(items) {
                    const dataController = this._collectionWidget._dataController;
                    const group = dataController.group();
                    if (group) {
                        return _store_helper.default.queryByOptions((0, _query.default)(items), {
                            group: group
                        }).toArray()
                    }
                    const {
                        items: userItems = []
                    } = this._collectionWidget.option();
                    return userItems
                }
                getItemsByKeys(keys, items) {
                    const result = [];
                    const groups = this._getGroups(items);
                    const groupItemByKeyMap = {};
                    const getItemMeta = key => {
                        const index = this.getIndexByKey(key, groups);
                        const splitIdx = splitIndex(index);
                        const group = splitIdx && groups[splitIdx.group];
                        if (!group) {
                            return
                        }
                        return {
                            groupKey: String(group.key),
                            item: group.items[splitIdx.item]
                        }
                    };
                    (0, _iterator.each)(keys, (_index, key) => {
                        var _selectedGroup$items;
                        const itemMeta = getItemMeta(key);
                        if (!itemMeta) {
                            return
                        }
                        const {
                            groupKey: groupKey,
                            item: item
                        } = itemMeta;
                        let selectedGroup = groupItemByKeyMap[groupKey];
                        if (!selectedGroup) {
                            selectedGroup = {
                                key: groupKey,
                                items: []
                            };
                            groupItemByKeyMap[groupKey] = selectedGroup;
                            result.push(selectedGroup)
                        }
                        null === (_selectedGroup$items = selectedGroup.items) || void 0 === _selectedGroup$items || _selectedGroup$items.push(item)
                    });
                    return result
                }
                moveItemAtIndexToIndex(movingIndex, destinationIndex) {
                    const {
                        items: items = []
                    } = this._collectionWidget.option();
                    const movingIndices = splitIndex(movingIndex);
                    const destinationIndices = splitIndex(destinationIndex);
                    const movingItemGroup = items[movingIndices.group].items;
                    const destinationItemGroup = items[destinationIndices.group].items;
                    if (movingItemGroup) {
                        const movedItemData = null === movingItemGroup || void 0 === movingItemGroup ? void 0 : movingItemGroup[movingIndices.item];
                        null === movingItemGroup || void 0 === movingItemGroup || movingItemGroup.splice(movingIndices.item, 1);
                        null === destinationItemGroup || void 0 === destinationItemGroup || destinationItemGroup.splice(destinationIndices.item, 0, movedItemData)
                    }
                }
                _isItemIndex(index) {
                    return Boolean(index && (0, _type.isNumeric)(index.group) && (0, _type.isNumeric)(index.item))
                }
                _getNormalizedItemIndex(itemElement) {
                    const $item = (0, _renderer.default)(itemElement);
                    const $group = $item.closest(".dx-list-group");
                    if (!$group.length) {
                        return -1
                    }
                    return combineIndex({
                        group: this._groupElements().index($group),
                        item: this._groupItemElements($group).index($item)
                    })
                }
                _normalizeItemIndex(index) {
                    return combineIndex(index)
                }
                _denormalizeItemIndex(index) {
                    return splitIndex(index)
                }
                _getItemByNormalizedIndex(index) {
                    const indices = splitIndex(index);
                    const $group = this._groupElements().eq(indices.group);
                    return this._groupItemElements($group).eq(indices.item)
                }
                _itemsFromSameParent(firstIndex, secondIndex) {
                    return splitIndex(firstIndex).group === splitIndex(secondIndex).group
                }
            }
            exports.default = GroupedEditStrategy
        },
        81745(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../../ui/list/list.edit.decorator.context */ 41208)
        },
        74741(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../../ui/list/modules/context */ 81745)
        },
        94660(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../../ui/list/modules/deleting.context */ 74741);
            __webpack_require__( /*! ../../../ui/list/modules/deleting.slideButton */ 48655);
            __webpack_require__( /*! ../../../ui/list/modules/deleting.slideItem */ 75200);
            __webpack_require__( /*! ../../../ui/list/modules/deleting.static */ 68234);
            __webpack_require__( /*! ../../../ui/list/modules/deleting.swipe */ 76464);
            __webpack_require__( /*! ../../../ui/list/modules/deleting.toggle */ 4108)
        },
        48655(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../../ui/list/list.edit.decorator.switchable.button */ 38929)
        },
        75200(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../../ui/list/list.edit.decorator.switchable.slide */ 55528)
        },
        68234(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../../ui/list/list.edit.decorator.static */ 90113)
        },
        76464(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../../ui/list/list.edit.decorator.swipe */ 20949)
        },
        4108(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../../ui/list/list.edit.decorator.switchable.button */ 38929)
        },
        32061(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../../ui/list/list.edit.decorator.reorder */ 44936)
        },
        2308(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _search_box_controller = _interopRequireDefault(__webpack_require__( /*! ../../../ui/collection/search_box_controller */ 47843));
            var _m_text_box = _interopRequireDefault(__webpack_require__( /*! ../../../ui/text_box/m_text_box */ 85968));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            _search_box_controller.default.setEditorClass(_m_text_box.default)
        },
        81400(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../../ui/list/list.edit.decorator.selection */ 77265)
        },
        32677(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.LOADINDICATOR_WRAPPER_CLASS = exports.LOADINDICATOR_SEGMENT_INNER_CLASS = exports.LOADINDICATOR_SEGMENT_CLASS = exports.LOADINDICATOR_IMAGE_CLASS = exports.LOADINDICATOR_ICON_CLASS = exports.LOADINDICATOR_CONTENT_CLASS = exports.LOADINDICATOR_CLASS = exports.AnimationType = exports.ANIMATION_TYPE_CLASSES = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _size = __webpack_require__( /*! ../../core/utils/size */ 57653);
            var _themes = __webpack_require__( /*! ../../ui/themes */ 52071);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../core/widget/widget */ 89275));
            var _m_support = _interopRequireDefault(__webpack_require__( /*! ../core/utils/m_support */ 85991));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const LOADINDICATOR_CLASS = exports.LOADINDICATOR_CLASS = "dx-loadindicator";
            const LOADINDICATOR_WRAPPER_CLASS = exports.LOADINDICATOR_WRAPPER_CLASS = "dx-loadindicator-wrapper";
            const LOADINDICATOR_CONTENT_CLASS = exports.LOADINDICATOR_CONTENT_CLASS = "dx-loadindicator-content";
            const LOADINDICATOR_ICON_CLASS = exports.LOADINDICATOR_ICON_CLASS = "dx-loadindicator-icon";
            const LOADINDICATOR_SEGMENT_CLASS = exports.LOADINDICATOR_SEGMENT_CLASS = "dx-loadindicator-segment";
            const LOADINDICATOR_SEGMENT_INNER_CLASS = exports.LOADINDICATOR_SEGMENT_INNER_CLASS = "dx-loadindicator-segment-inner";
            const LOADINDICATOR_IMAGE_CLASS = exports.LOADINDICATOR_IMAGE_CLASS = "dx-loadindicator-image";
            var AnimationType;
            ! function(AnimationType) {
                AnimationType.Circle = "circle";
                AnimationType.Sparkle = "sparkle"
            }(AnimationType || (exports.AnimationType = AnimationType = {}));
            const ANIMATION_TYPE_CLASSES = exports.ANIMATION_TYPE_CLASSES = {
                [AnimationType.Circle]: "dx-loadindicator-content-circle",
                [AnimationType.Sparkle]: "dx-loadindicator-content-sparkle"
            };
            class LoadIndicator extends _widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        _animatingSegmentCount: 1,
                        _animatingSegmentInner: false,
                        animationType: AnimationType.Circle,
                        activeStateEnabled: false,
                        hoverStateEnabled: false,
                        indicatorSrc: ""
                    })
                }
                _defaultOptionsRules() {
                    const themeName = (0, _themes.current)();
                    return super._defaultOptionsRules().concat([{
                        device: () => (0, _themes.isMaterialBased)(themeName),
                        options: {
                            _animatingSegmentCount: 2,
                            _animatingSegmentInner: true
                        }
                    }, {
                        device: () => (0, _themes.isGeneric)(themeName),
                        options: {
                            _animatingSegmentCount: 7
                        }
                    }])
                }
                _useTemplates() {
                    return false
                }
                _init() {
                    super._init();
                    this.$element().addClass(LOADINDICATOR_CLASS);
                    const label = _message.default.format("Loading");
                    const aria = {
                        role: "alert",
                        label: label
                    };
                    this.setAria(aria)
                }
                _initMarkup() {
                    super._initMarkup();
                    this._renderWrapper();
                    this._renderIndicatorContent();
                    this._renderMarkup()
                }
                _renderWrapper() {
                    this._$wrapper = (0, _renderer.default)("<div>").addClass(LOADINDICATOR_WRAPPER_CLASS);
                    this.$element().append(this._$wrapper)
                }
                _getAnimationTypeContentClass() {
                    const {
                        animationType: animationType
                    } = this.option();
                    return animationType && ANIMATION_TYPE_CLASSES[animationType]
                }
                _renderIndicatorContent() {
                    const animationClass = this._getAnimationTypeContentClass() ?? "";
                    const contentClasses = [LOADINDICATOR_CONTENT_CLASS, animationClass].join(" ");
                    this._$content = (0, _renderer.default)("<div>").addClass(contentClasses);
                    this._$wrapper.append(this._$content)
                }
                _renderMarkup() {
                    const {
                        indicatorSrc: indicatorSrc
                    } = this.option();
                    const isAnimationAvailable = _m_support.default.animation();
                    if (indicatorSrc) {
                        this._renderImageMarkup()
                    } else if (isAnimationAvailable) {
                        this._renderAnimationMarkup()
                    }
                }
                _getSegmentParams() {
                    const {
                        animationType: animationType,
                        _animatingSegmentCount: animatingSegmentCount,
                        _animatingSegmentInner: animatingSegmentInner
                    } = this.option();
                    switch (animationType) {
                        case AnimationType.Sparkle:
                            return {
                                segmentCount: 2, segmentInner: false
                            };
                        case AnimationType.Circle:
                        default:
                            return {
                                segmentCount: animatingSegmentCount ?? 0, segmentInner: Boolean(animatingSegmentInner)
                            }
                    }
                }
                _renderAnimationMarkup() {
                    this._$indicator = (0, _renderer.default)("<div>").addClass(LOADINDICATOR_ICON_CLASS);
                    this._$content.append(this._$indicator);
                    const params = this._getSegmentParams();
                    this._renderSegments(params)
                }
                _renderSegments(params) {
                    const {
                        segmentCount: segmentCount,
                        segmentInner: segmentInner
                    } = params;
                    for (let i = segmentCount; i >= 0; i -= 1) {
                        var _this$_$indicator;
                        const $segment = (0, _renderer.default)("<div>").addClass(LOADINDICATOR_SEGMENT_CLASS).addClass(`${LOADINDICATOR_SEGMENT_CLASS}${i}`);
                        if (segmentInner) {
                            const $segmentInner = (0, _renderer.default)("<div>").addClass(LOADINDICATOR_SEGMENT_INNER_CLASS);
                            $segment.append($segmentInner)
                        }
                        null === (_this$_$indicator = this._$indicator) || void 0 === _this$_$indicator || _this$_$indicator.append($segment)
                    }
                }
                _renderImageMarkup() {
                    const {
                        indicatorSrc: indicatorSrc
                    } = this.option();
                    this._$wrapper.addClass(LOADINDICATOR_IMAGE_CLASS);
                    this._$wrapper.css("backgroundImage", `url(${indicatorSrc})`)
                }
                _renderDimensions() {
                    super._renderDimensions();
                    this._updateContentSizeForAnimation()
                }
                _updateContentSizeForAnimation() {
                    if (!this._$indicator) {
                        return
                    }
                    const {
                        width: width,
                        height: height
                    } = this.option();
                    if (width || height) {
                        const elementWidth = (0, _size.getWidth)(this.$element());
                        const elementHeight = (0, _size.getHeight)(this.$element());
                        const minDimension = Math.min(elementHeight, elementWidth);
                        this._$wrapper.css({
                            height: minDimension,
                            width: minDimension,
                            fontSize: minDimension
                        })
                    }
                }
                _clean() {
                    super._clean();
                    this._removeMarkupForAnimation();
                    this._removeMarkupForImage()
                }
                _removeMarkupForAnimation() {
                    if (!this._$indicator) {
                        return
                    }
                    this._$indicator.remove();
                    this._$indicator = void 0
                }
                _removeMarkupForImage() {
                    this._$wrapper.css("backgroundImage", "none")
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "_animatingSegmentCount":
                        case "_animatingSegmentInner":
                        case "animationType":
                        case "indicatorSrc":
                            this._invalidate();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }(0, _component_registrator.default)("dxLoadIndicator", LoadIndicator);
            exports.default = LoadIndicator
        },
        77986(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _load_indicator = _interopRequireDefault(__webpack_require__( /*! ../../ui/load_indicator */ 11979));
            var _themes = __webpack_require__( /*! ../../ui/themes */ 52071);
            var _overlay = _interopRequireDefault(__webpack_require__( /*! ../ui/overlay/overlay */ 79384));
            const _excluded = ["src"];

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class LoadPanel extends _overlay.default {
                _supportedKeys() {
                    return Object.assign({}, super._supportedKeys(), {
                        escape: _common.noop
                    })
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        message: _message.default.format("Loading"),
                        width: 222,
                        height: 90,
                        animation: null,
                        showIndicator: true,
                        indicatorSrc: "",
                        showPane: true,
                        delay: 0,
                        templatesRenderAsynchronously: false,
                        hideTopOverlayHandler: null,
                        focusStateEnabled: false,
                        propagateOutsideClick: true,
                        preventScrollEvents: false
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: {
                            platform: "generic"
                        },
                        options: {
                            shadingColor: "transparent"
                        }
                    }, {
                        device: () => (0, _themes.isMaterial)((0, _themes.current)()),
                        options: {
                            message: "",
                            width: 60,
                            height: 60,
                            maxHeight: 60,
                            maxWidth: 60
                        }
                    }, {
                        device: () => (0, _themes.isFluent)((0, _themes.current)()),
                        options: {
                            width: "auto",
                            height: "auto"
                        }
                    }])
                }
                _init() {
                    super._init()
                }
                _render() {
                    var _this$$wrapper;
                    super._render();
                    this.$element().addClass("dx-loadpanel");
                    null === (_this$$wrapper = this.$wrapper()) || void 0 === _this$$wrapper || _this$$wrapper.addClass("dx-loadpanel-wrapper");
                    this._updateWrapperAria()
                }
                _setDeprecatedOptions() {
                    super._setDeprecatedOptions();
                    this._deprecatedOptions = Object.assign({}, this._deprecatedOptions, {
                        indicatorSrc: {
                            since: "25.2",
                            alias: "indicatorOptions.src"
                        }
                    })
                }
                _updateWrapperAria() {
                    var _this$$wrapper2;
                    null === (_this$$wrapper2 = this.$wrapper()) || void 0 === _this$$wrapper2 || _this$$wrapper2.removeAttr("aria-label").removeAttr("role");
                    const showIndicator = this.option("showIndicator");
                    if (!showIndicator) {
                        const aria = this._getAriaAttributes();
                        this.$wrapper().attr(aria)
                    }
                }
                _getAriaAttributes() {
                    const {
                        message: message
                    } = this.option();
                    const label = message || _message.default.format("Loading");
                    const aria = {
                        role: "alert",
                        "aria-label": label
                    };
                    return aria
                }
                _renderContentImpl() {
                    const $content = this.$content();
                    if (!$content) {
                        return Promise.resolve(void 0)
                    }
                    const result = super._renderContentImpl();
                    $content.addClass("dx-loadpanel-content");
                    this._$loadPanelContentWrapper = (0, _renderer.default)("<div>").addClass("dx-loadpanel-content-wrapper");
                    this._$loadPanelContentWrapper.appendTo($content);
                    this._togglePaneVisible();
                    this._cleanPreviousContent();
                    this._renderLoadIndicator();
                    this._renderMessage();
                    return result
                }
                _show() {
                    const {
                        delay: delay
                    } = this.option();
                    if (!delay) {
                        return super._show()
                    }
                    const deferred = (0, _deferred.Deferred)();
                    const callBase = super._show.bind(this);
                    this._clearShowTimeout();
                    this._showTimeout = setTimeout(() => {
                        callBase().done(() => {
                            deferred.resolve()
                        })
                    }, delay);
                    return deferred.promise()
                }
                _hide() {
                    this._clearShowTimeout();
                    return super._hide()
                }
                _clearShowTimeout() {
                    clearTimeout(this._showTimeout)
                }
                _renderMessage() {
                    if (!this._$loadPanelContentWrapper) {
                        return
                    }
                    const {
                        message: message
                    } = this.option();
                    if (!message) {
                        return
                    }
                    const $message = (0, _renderer.default)("<div>").addClass("dx-loadpanel-message").text(message);
                    this._$loadPanelContentWrapper.append($message)
                }
                _renderLoadIndicator() {
                    if (!this._$loadPanelContentWrapper || !this.option("showIndicator")) {
                        return
                    }
                    if (!this._$indicator) {
                        this._$indicator = (0, _renderer.default)("<div>").addClass("dx-loadpanel-indicator").appendTo(this._$loadPanelContentWrapper)
                    }
                    const {
                        indicatorOptions: indicatorOptions = {},
                        indicatorSrc: indicatorSrc
                    } = this.option();
                    const {
                        src: src
                    } = indicatorOptions, restIndicatorOptions = function(r, e) {
                        if (null == r) {
                            return {}
                        }
                        var t = {};
                        for (var n in r) {
                            if ({}.hasOwnProperty.call(r, n)) {
                                if (-1 !== e.indexOf(n)) {
                                    continue
                                }
                                t[n] = r[n]
                            }
                        }
                        return t
                    }(indicatorOptions, _excluded);
                    this._createComponent(this._$indicator, _load_indicator.default, Object.assign({
                        elementAttr: this._getAriaAttributes(),
                        indicatorSrc: src ?? indicatorSrc
                    }, restIndicatorOptions))
                }
                _cleanPreviousContent() {
                    var _this$$content, _this$$content2;
                    null === (_this$$content = this.$content()) || void 0 === _this$$content || _this$$content.find(".dx-loadpanel-message").remove();
                    null === (_this$$content2 = this.$content()) || void 0 === _this$$content2 || _this$$content2.find(".dx-loadpanel-indicator").remove();
                    this._$indicator = void 0
                }
                _togglePaneVisible() {
                    var _this$$content3;
                    null === (_this$$content3 = this.$content()) || void 0 === _this$$content3 || _this$$content3.toggleClass("dx-loadpanel-pane-hidden", !this.option("showPane"))
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "delay":
                            break;
                        case "message":
                        case "showIndicator":
                            this._cleanPreviousContent();
                            this._renderLoadIndicator();
                            this._renderMessage();
                            this._updateWrapperAria();
                            break;
                        case "showPane":
                            this._togglePaneVisible();
                            break;
                        case "indicatorSrc":
                        case "indicatorOptions":
                            this._renderLoadIndicator();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _dispose() {
                    this._clearShowTimeout();
                    super._dispose()
                }
            }(0, _component_registrator.default)("dxLoadPanel", LoadPanel);
            exports.default = LoadPanel
        },
        71795(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _index = __webpack_require__( /*! ../../common/core/events/utils/index */ 98834);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _m_drop_down_list = _interopRequireDefault(__webpack_require__( /*! ../ui/drop_down_editor/m_drop_down_list */ 20287));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class Autocomplete extends _m_drop_down_list.default {
                _supportedKeys() {
                    let item = this._list ? this._list.option("focusedElement") : null;
                    const parent = super._supportedKeys();
                    item = item && (0, _renderer.default)(item);
                    return Object.assign({}, parent, {
                        upArrow(e) {
                            if (parent.upArrow.apply(this, arguments) && !(0, _index.isCommandKeyPressed)(e)) {
                                e.preventDefault();
                                e.stopPropagation();
                                if (item && !this._calcNextItem(-1)) {
                                    this._clearFocusedItem();
                                    return false
                                }
                            }
                            return true
                        },
                        downArrow(e) {
                            if (parent.downArrow.apply(this, arguments) && !(0, _index.isCommandKeyPressed)(e)) {
                                e.preventDefault();
                                e.stopPropagation();
                                if (item && !this._calcNextItem(1)) {
                                    this._clearFocusedItem();
                                    return false
                                }
                            }
                            return true
                        },
                        enter(e) {
                            if (!item) {
                                this.close()
                            }
                            const {
                                opened: opened
                            } = this.option();
                            if (opened) {
                                e.preventDefault()
                            }
                            return opened
                        }
                    })
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        minSearchLength: 1,
                        maxItemCount: 10,
                        noDataText: "",
                        showDropDownButton: false,
                        searchEnabled: true
                    })
                }
                _initMarkup() {
                    super._initMarkup();
                    this.$element().addClass("dx-autocomplete")
                }
                _getAriaAutocomplete() {
                    const {
                        disabled: disabled,
                        readOnly: readOnly
                    } = this.option();
                    const isInputEditable = !(readOnly || disabled);
                    return isInputEditable ? "list" : "none"
                }
                _displayGetterExpr() {
                    return this.option("valueExpr")
                }
                _closeOutsideDropDownHandler(_ref) {
                    let {
                        target: target
                    } = _ref;
                    return !(0, _renderer.default)(target).closest(this.$element()).length
                }
                _renderDimensions() {
                    super._renderDimensions();
                    this._updatePopupWidth();
                    this._updateListDimensions()
                }
                _popupWrapperClass() {
                    return `${super._popupWrapperClass()} dx-autocomplete-popup-wrapper`
                }
                _listConfig() {
                    return (0, _extend.extend)(super._listConfig(), {
                        pageLoadMode: "none",
                        onSelectionChanged: e => {
                            this._setSelectedItem(e.addedItems[0])
                        }
                    })
                }
                _listItemClickHandler(e) {
                    this._saveValueChangeEvent(e.event);
                    const value = this._displayGetter(e.itemData);
                    this.option("value", value);
                    this.close()
                }
                _setListDataSource() {
                    if (!this._list) {
                        return
                    }
                    this._list.option("selectedItems", []);
                    super._setListDataSource()
                }
                _refreshSelected() {}
                _searchCanceled() {
                    super._searchCanceled();
                    this.close()
                }
                _loadItem(value, cache) {
                    const selectedItem = this._getItemFromPlain(value, cache);
                    return (0, _deferred.Deferred)().resolve(selectedItem).promise()
                }
                _dataSourceOptions() {
                    return {
                        paginate: true,
                        pageSize: this.option("maxItemCount")
                    }
                }
                _searchDataSource(searchValue) {
                    this._dataSource.pageSize(this.option("maxItemCount"));
                    super._searchDataSource(searchValue);
                    this._clearFocusedItem()
                }
                _clearFocusedItem() {
                    if (this._list) {
                        this._list.option("focusedElement", null);
                        this._list.option("selectedIndex", -1)
                    }
                }
                _renderValueEventName() {
                    return "input keyup"
                }
                _valueChangeEventHandler(e) {
                    const value = this._input().val() || null;
                    return super._valueChangeEventHandler(e, value)
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "readOnly":
                        case "disabled":
                            super._optionChanged(args);
                            this._setDefaultAria();
                            break;
                        case "maxItemCount":
                            this._searchDataSource();
                            break;
                        case "valueExpr":
                            this._compileDisplayGetter();
                            this._setListOption("displayExpr", this._displayGetterExpr());
                            super._optionChanged(args);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                clear() {
                    super.clear();
                    this.close()
                }
                reset() {
                    let value = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
                    if (arguments.length) {
                        super.reset(value)
                    } else {
                        super.reset()
                    }
                    this.close()
                }
            }(0, _component_registrator.default)("dxAutocomplete", Autocomplete);
            exports.default = Autocomplete
        },
        41163(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../common/core/events/utils/index */ 98834);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../core/devices */ 65951));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../core/dom_adapter */ 64960));
            var _element = __webpack_require__( /*! ../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../ui/editor/ui.data_expression */ 7632));
            var _m_selectors = __webpack_require__( /*! ../core/utils/m_selectors */ 62238);
            var _m_drop_down_editor = _interopRequireDefault(__webpack_require__( /*! ../ui/drop_down_editor/m_drop_down_editor */ 28906));
            var _utils = __webpack_require__( /*! ../ui/overlay/utils */ 37185);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                getActiveElement: getActiveElement
            } = _dom_adapter.default;
            class DropDownBox extends _m_drop_down_editor.default {
                _supportedKeys() {
                    return Object.assign({}, super._supportedKeys(), {
                        tab(e) {
                            if (!this.option("opened")) {
                                return
                            }
                            const $tabbableElements = this._getTabbableElements();
                            const $focusableElement = e.shiftKey ? $tabbableElements.last() : $tabbableElements.first();
                            if ($focusableElement) {
                                _events_engine.default.trigger($focusableElement, "focus")
                            }
                            e.preventDefault()
                        }
                    })
                }
                _getTabbableElements() {
                    return this._getElements().filter(_m_selectors.tabbable)
                }
                _getElements() {
                    return (0, _renderer.default)(this.content()).find("*")
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        acceptCustomValue: false,
                        contentTemplate: "content",
                        openOnFieldClick: true,
                        displayValueFormatter: value => Array.isArray(value) ? value.join(", ") : value,
                        useHiddenSubmitElement: true
                    })
                }
                _getAnonymousTemplateName() {
                    return "content"
                }
                _initTemplates() {
                    super._initTemplates()
                }
                _initMarkup() {
                    this._initDataExpressions();
                    this.$element().addClass("dx-dropdownbox");
                    super._initMarkup()
                }
                _setSubmitValue() {
                    const value = this.option("value");
                    const submitValue = this._shouldUseDisplayValue(value) ? this._displayGetter(value) : value;
                    this._getSubmitElement().val(submitValue)
                }
                _shouldUseDisplayValue(value) {
                    return "this" === this.option("valueExpr") && (0, _type.isObject)(value)
                }
                _sortValuesByKeysOrder(orderedKeys, values) {
                    const sortedValues = values.sort((a, b) => orderedKeys.indexOf(a.itemKey) - orderedKeys.indexOf(b.itemKey));
                    return sortedValues.map(x => x.itemDisplayValue)
                }
                _renderInputValue() {
                    let {
                        renderOnly: renderOnly
                    } = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
                    this._rejectValueLoading();
                    const values = [];
                    if (!this._dataSource) {
                        super._renderInputValue({
                            renderOnly: renderOnly,
                            value: values
                        });
                        return (0, _deferred.Deferred)().resolve()
                    }
                    const currentValue = this._getCurrentValue();
                    let keys = currentValue ?? [];
                    keys = Array.isArray(keys) ? keys : [keys];
                    const itemLoadDeferreds = (0, _iterator.map)(keys, key => {
                        const deferred = (0, _deferred.Deferred)();
                        this._loadItem(key).always(item => {
                            const displayValue = this._displayGetter(item);
                            if ((0, _type.isDefined)(displayValue)) {
                                values.push({
                                    itemKey: key,
                                    itemDisplayValue: displayValue
                                })
                            } else if (this.option("acceptCustomValue")) {
                                values.push({
                                    itemKey: key,
                                    itemDisplayValue: key
                                })
                            }
                            deferred.resolve()
                        });
                        return deferred
                    });
                    const callBase = super._renderInputValue.bind(this);
                    return _deferred.when.apply(this, itemLoadDeferreds).always(() => {
                        const orderedValues = this._sortValuesByKeysOrder(keys, values);
                        this.option("displayValue", orderedValues);
                        callBase({
                            renderOnly: renderOnly,
                            value: values.length && orderedValues
                        })
                    })
                }
                _loadItem(value) {
                    const deferred = (0, _deferred.Deferred)();
                    const that = this;
                    const selectedItem = (0, _common.grep)(this.option("items") || [], item => this._isValueEquals(this._valueGetter(item), value))[0];
                    if (void 0 !== selectedItem) {
                        deferred.resolve(selectedItem)
                    } else {
                        this._loadValue(value).done(item => {
                            deferred.resolve(item)
                        }).fail(args => {
                            if (null !== args && void 0 !== args && args.shouldSkipCallback) {
                                return
                            }
                            if (that.option("acceptCustomValue")) {
                                deferred.resolve(value)
                            } else {
                                deferred.reject()
                            }
                        })
                    }
                    return deferred.promise()
                }
                _popupTabHandler(e) {
                    if ("tab" !== (0, _index.normalizeKeyName)(e)) {
                        return
                    }
                    const $firstTabbable = this._getTabbableElements().first().get(0);
                    const $lastTabbable = this._getTabbableElements().last().get(0);
                    const $target = e.target;
                    const moveBackward = !!($target === $firstTabbable && e.shiftKey);
                    const moveForward = !!($target === $lastTabbable && !e.shiftKey);
                    if (moveBackward || moveForward) {
                        this.close();
                        _events_engine.default.trigger(this._input(), "focus");
                        if (moveBackward) {
                            e.preventDefault()
                        }
                    }
                }
                _renderPopupContent() {
                    var _this$_popup;
                    if ("content" === this.option("contentTemplate")) {
                        return
                    }
                    const contentTemplate = this._getTemplateByOption("contentTemplate");
                    if (!(contentTemplate && this.option("contentTemplate"))) {
                        return
                    }
                    const $popupContent = null === (_this$_popup = this._popup) || void 0 === _this$_popup ? void 0 : _this$_popup.$content();
                    if (!$popupContent) {
                        return
                    }
                    const templateData = {
                        value: this._fieldRenderData(),
                        component: this
                    };
                    $popupContent.empty();
                    contentTemplate.render({
                        container: (0, _element.getPublicElement)($popupContent),
                        model: templateData
                    })
                }
                _canShowVirtualKeyboard() {
                    return _devices.default.real().mac
                }
                _isNestedElementActive() {
                    const activeElement = getActiveElement();
                    return activeElement && this._popup.$content().get(0).contains(activeElement)
                }
                _shouldHideOnParentScroll() {
                    return "desktop" === _devices.default.real().deviceType && this._canShowVirtualKeyboard() && this._isNestedElementActive()
                }
                _popupHiddenHandler() {
                    super._popupHiddenHandler();
                    this._popupPosition = void 0
                }
                _popupPositionedHandler(e) {
                    super._popupPositionedHandler(e);
                    this._popupPosition = e.position
                }
                _getDefaultPopupPosition(isRtlEnabled) {
                    const {
                        my: my,
                        at: at
                    } = super._getDefaultPopupPosition(isRtlEnabled);
                    return {
                        my: my,
                        at: at,
                        offset: {
                            v: -1
                        },
                        collision: "flipfit"
                    }
                }
                _popupConfig() {
                    const {
                        focusStateEnabled: focusStateEnabled
                    } = this.option();
                    return Object.assign({}, super._popupConfig(), {
                        tabIndex: -1,
                        dragEnabled: false,
                        focusStateEnabled: focusStateEnabled,
                        contentTemplate: "content",
                        hideOnParentScroll: this._shouldHideOnParentScroll.bind(this),
                        position: (0, _extend.extend)(this.option("popupPosition"), {
                            of: this.$element()
                        }),
                        _ignoreFunctionValueDeprecation: true,
                        maxHeight: function() {
                            var _this$_popupPosition;
                            const popupLocation = null === (_this$_popupPosition = this._popupPosition) || void 0 === _this$_popupPosition ? void 0 : _this$_popupPosition.v.location;
                            return (0, _utils.getElementMaxHeightByWindow)(this.$element(), popupLocation)
                        }.bind(this)
                    })
                }
                _popupShownHandler() {
                    super._popupShownHandler();
                    const $firstElement = this._getTabbableElements().first();
                    _events_engine.default.trigger($firstElement, "focus")
                }
                _setCollectionWidgetOption() {}
                _shouldLogFieldTemplateDeprecationWarning() {
                    return true
                }
                _optionChanged(args) {
                    this._dataExpressionOptionChanged(args);
                    switch (args.name) {
                        case "dataSource":
                            this._renderInputValue();
                            break;
                        case "displayValue":
                            this.option("text", args.value);
                            break;
                        case "displayExpr":
                            this._renderValue();
                            break;
                        case "contentTemplate":
                            this._invalidate();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            DropDownBox.include(_ui.default);
            (0, _component_registrator.default)("dxDropDownBox", DropDownBox);
            exports.default = DropDownBox
        },
        73096(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _element = __webpack_require__( /*! ../../core/element */ 61404);
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _function_template = __webpack_require__( /*! ../../core/templates/function_template */ 38699);
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../core/utils/data */ 31e3);
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _icon = __webpack_require__( /*! ../../core/utils/icon */ 69629);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _data_controller = _interopRequireDefault(__webpack_require__( /*! ../../data_controller */ 14531));
            var _button_group = _interopRequireDefault(__webpack_require__( /*! ../../ui/button_group */ 17809));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../core/widget/widget */ 89275));
            var _m_utils = __webpack_require__( /*! ../ui/drop_down_editor/m_utils */ 6807);
            var _listEdit = _interopRequireDefault(__webpack_require__( /*! ../ui/list/list.edit.search */ 51802));
            var _m_popup = _interopRequireDefault(__webpack_require__( /*! ../ui/popup/m_popup */ 43864));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DropDownButton extends _widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        itemTemplate: "item",
                        keyExpr: "this",
                        selectedItem: null,
                        selectedItemKey: null,
                        stylingMode: "outlined",
                        deferRendering: true,
                        noDataText: _message.default.format("dxCollectionWidget-noDataText"),
                        useSelectMode: false,
                        splitButton: false,
                        showArrowIcon: true,
                        template: null,
                        text: "",
                        type: "normal",
                        onButtonClick: null,
                        onSelectionChanged: null,
                        onItemClick: null,
                        opened: false,
                        items: null,
                        dataSource: null,
                        focusStateEnabled: true,
                        hoverStateEnabled: true,
                        dropDownOptions: {},
                        dropDownContentTemplate: "content",
                        wrapItemText: false,
                        useItemTextAsTitle: true,
                        grouped: false,
                        groupTemplate: "group",
                        buttonGroupOptions: {},
                        _cached_buttonGroupOptions: {},
                        _cached_dropDownOptions: {}
                    })
                }
                _setOptionsByReference() {
                    super._setOptionsByReference();
                    (0, _extend.extend)(this._optionsByReference, {
                        selectedItem: true
                    })
                }
                _init() {
                    super._init();
                    this._createItemClickAction();
                    this._createActionClickAction();
                    this._createSelectionChangedAction();
                    this._initDataController();
                    this._compileKeyGetter();
                    this._compileDisplayGetter();
                    const {
                        buttonGroupOptions: buttonGroupOptions,
                        dropDownOptions: dropDownOptions
                    } = this.option();
                    this._options.cache("buttonGroupOptions", buttonGroupOptions);
                    this._options.cache("dropDownOptions", dropDownOptions)
                }
                _initDataController() {
                    const dataSource = this.option("dataSource");
                    this._dataController = new _data_controller.default(dataSource ?? this.option("items"), {
                        key: this.option("keyExpr")
                    })
                }
                _initTemplates() {
                    this._templateManager.addDefaultTemplates({
                        content: new _function_template.FunctionTemplate(options => {
                            const $popupContent = (0, _renderer.default)(options.container);
                            const $listContainer = (0, _renderer.default)("<div>").appendTo($popupContent);
                            this._list = this._createComponent($listContainer, _listEdit.default, this._listOptions());
                            this._list.registerKeyHandler("escape", this._escHandler.bind(this));
                            this._list.registerKeyHandler("tab", this._escHandler.bind(this));
                            this._list.registerKeyHandler("leftArrow", this._escHandler.bind(this));
                            this._list.registerKeyHandler("rightArrow", this._escHandler.bind(this))
                        })
                    });
                    super._initTemplates()
                }
                _compileKeyGetter() {
                    this._keyGetter = (0, _data.compileGetter)(this._dataController.key())
                }
                _compileDisplayGetter() {
                    const {
                        displayExpr: displayExpr
                    } = this.option();
                    this._displayGetter = (0, _data.compileGetter)(displayExpr)
                }
                _initMarkup() {
                    super._initMarkup();
                    this.$element().addClass("dx-dropdownbutton");
                    this._renderButtonGroup();
                    this._updateArrowClass();
                    if ((0, _type.isDefined)(this.option("selectedItemKey"))) {
                        this._loadSelectedItem().done(this._updateActionButton.bind(this))
                    }
                }
                _renderFocusTarget() {}
                _render() {
                    if (!this.option("deferRendering") || this.option("opened")) {
                        this._renderPopup()
                    }
                    super._render()
                }
                _renderContentImpl() {
                    if (this._popup) {
                        this._renderPopupContent()
                    }
                    return super._renderContentImpl()
                }
                _loadSelectedItem() {
                    var _this$_loadSingleDefe;
                    null === (_this$_loadSingleDefe = this._loadSingleDeferred) || void 0 === _this$_loadSingleDefe || _this$_loadSingleDefe.reject();
                    const d = (0, _deferred.Deferred)();
                    if (this._list && void 0 !== this._lastSelectedItemData) {
                        const cachedResult = this.option("useSelectMode") ? this._list.option("selectedItem") : this._lastSelectedItemData;
                        return d.resolve(cachedResult)
                    }
                    this._lastSelectedItemData = void 0;
                    const selectedItemKey = this.option("selectedItemKey");
                    this._dataController.loadSingle(selectedItemKey).done(d.resolve).fail(() => {
                        d.reject(null)
                    });
                    this._loadSingleDeferred = d;
                    return d.promise()
                }
                _createActionClickAction() {
                    this._actionClickAction = this._createActionByOption("onButtonClick")
                }
                _createSelectionChangedAction() {
                    this._selectionChangedAction = this._createActionByOption("onSelectionChanged")
                }
                _createItemClickAction() {
                    this._itemClickAction = this._createActionByOption("onItemClick")
                }
                _fireSelectionChangedAction(_ref) {
                    let {
                        previousValue: previousValue,
                        value: value
                    } = _ref;
                    this._selectionChangedAction({
                        item: value,
                        previousItem: previousValue
                    })
                }
                _fireItemClickAction(_ref2) {
                    let {
                        event: event,
                        itemElement: itemElement,
                        itemData: itemData
                    } = _ref2;
                    return this._itemClickAction({
                        event: event,
                        itemElement: itemElement,
                        itemData: this._actionItem || itemData
                    })
                }
                _getButtonTemplate() {
                    const {
                        template: template,
                        splitButton: splitButton,
                        showArrowIcon: showArrowIcon
                    } = this.option();
                    if (template) {
                        return template
                    }
                    return splitButton || !showArrowIcon ? "content" : (_ref3, buttonContent) => {
                        let {
                            text: text,
                            icon: icon
                        } = _ref3;
                        const $firstIcon = (0, _icon.getImageContainer)(icon);
                        const $textContainer = text ? (0, _renderer.default)("<span>").text(text).addClass("dx-button-text") : void 0;
                        const $secondIcon = (0, _icon.getImageContainer)("spindown").addClass("dx-icon-right");
                        (0, _renderer.default)(buttonContent).append($firstIcon, $textContainer, $secondIcon)
                    }
                }
                _getActionButtonConfig() {
                    const {
                        icon: icon,
                        text: text,
                        type: type,
                        splitButton: splitButton
                    } = this.option();
                    const actionButtonConfig = {
                        text: text,
                        icon: icon,
                        type: type,
                        template: this._getButtonTemplate(),
                        elementAttr: {
                            class: "dx-dropdownbutton-action"
                        }
                    };
                    if (splitButton) {
                        actionButtonConfig.elementAttr.role = "menuitem"
                    }
                    return actionButtonConfig
                }
                _getSpinButtonConfig() {
                    const {
                        type: type
                    } = this.option();
                    const config = {
                        type: type,
                        icon: "spindown",
                        elementAttr: {
                            class: "dx-dropdownbutton-toggle",
                            role: "menuitem"
                        }
                    };
                    return config
                }
                _getButtonGroupItems() {
                    const {
                        splitButton: splitButton
                    } = this.option();
                    const items = [this._getActionButtonConfig()];
                    if (splitButton) {
                        items.push(this._getSpinButtonConfig())
                    }
                    return items
                }
                _buttonGroupItemClick(_ref4) {
                    let {
                        event: event,
                        itemData: itemData
                    } = _ref4;
                    const isActionButton = "dx-dropdownbutton-action" === itemData.elementAttr.class;
                    const isToggleButton = "dx-dropdownbutton-toggle" === itemData.elementAttr.class;
                    if (isToggleButton) {
                        this.toggle()
                    } else if (isActionButton) {
                        this._actionClickAction({
                            event: event,
                            selectedItem: this.option("selectedItem")
                        });
                        if (!this.option("splitButton")) {
                            this.toggle()
                        }
                    }
                }
                _getButtonGroupOptions() {
                    const {
                        accessKey: accessKey,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        splitButton: splitButton,
                        stylingMode: stylingMode,
                        tabIndex: tabIndex
                    } = this.option();
                    const buttonGroupOptions = Object.assign({
                        items: this._getButtonGroupItems(),
                        width: "100%",
                        height: "100%",
                        selectionMode: "none",
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        stylingMode: stylingMode,
                        accessKey: accessKey,
                        tabIndex: tabIndex,
                        elementAttr: {
                            role: splitButton ? "menu" : "group"
                        },
                        onItemClick: this._buttonGroupItemClick.bind(this),
                        onKeyboardHandled: e => this._keyboardHandler(e)
                    }, this._options.cache("buttonGroupOptions"));
                    return buttonGroupOptions
                }
                _renderPopupContent() {
                    const $content = this._popup.$content();
                    const template = this._getTemplateByOption("dropDownContentTemplate");
                    null === $content || void 0 === $content || $content.empty();
                    this._popupContentId = `dx-${new _guid.default}`;
                    this.setAria("id", this._popupContentId, $content);
                    const result = template.render({
                        container: $content ? (0, _element.getPublicElement)($content) : void 0,
                        model: this.option("items") || this._dataController.getDataSource()
                    });
                    return result
                }
                _popupOptions() {
                    const horizontalAlignment = this.option("rtlEnabled") ? "right" : "left";
                    return (0, _extend.extend)({
                        dragEnabled: false,
                        focusStateEnabled: false,
                        deferRendering: this.option("deferRendering"),
                        hideOnOutsideClick: e => {
                            const $element = this.$element();
                            const $buttonClicked = (0, _renderer.default)(e.target).closest(".dx-dropdownbutton");
                            return !$buttonClicked.is($element)
                        },
                        showTitle: false,
                        animation: {
                            show: {
                                type: "fade",
                                duration: 0,
                                from: 0,
                                to: 1
                            },
                            hide: {
                                type: "fade",
                                duration: 400,
                                from: 1,
                                to: 0
                            }
                        },
                        _ignoreFunctionValueDeprecation: true,
                        width: () => (0, _m_utils.getElementWidth)(this.$element()),
                        height: "auto",
                        shading: false,
                        position: {
                            of: this.$element(),
                            collision: "flipfit",
                            my: `${horizontalAlignment} top`,
                            at: `${horizontalAlignment} bottom`
                        },
                        _wrapperClassExternal: "dx-dropdowneditor-overlay",
                        contentTemplate: null
                    }, this._options.cache("dropDownOptions"), {
                        visible: this.option("opened")
                    })
                }
                _listOptions() {
                    const {
                        wrapItemText: wrapItemText,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        useItemTextAsTitle: useItemTextAsTitle,
                        grouped: grouped,
                        groupTemplate: groupTemplate,
                        noDataText: noDataText,
                        displayExpr: displayExpr,
                        itemTemplate: itemTemplate,
                        items: items,
                        selectedItemKey: selectedItemKey,
                        useSelectMode: useSelectMode
                    } = this.option();
                    return {
                        selectionMode: useSelectMode ? "single" : "none",
                        wrapItemText: wrapItemText,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        useItemTextAsTitle: useItemTextAsTitle,
                        onContentReady: () => this._fireContentReadyAction(),
                        selectedItemKeys: (0, _type.isDefined)(selectedItemKey) && useSelectMode ? [selectedItemKey] : [],
                        grouped: grouped,
                        groupTemplate: groupTemplate,
                        keyExpr: this._dataController.key(),
                        noDataText: noDataText,
                        displayExpr: displayExpr,
                        itemTemplate: itemTemplate,
                        items: items,
                        dataSource: this._dataController.getDataSource(),
                        onItemClick: e => {
                            if (!this.option("useSelectMode")) {
                                this._lastSelectedItemData = e.itemData
                            }
                            this.option("selectedItemKey", this._keyGetter(e.itemData));
                            const actionResult = this._fireItemClickAction(e);
                            if (false !== actionResult) {
                                this.toggle(false);
                                this._buttonGroup.focus()
                            }
                        }
                    }
                }
                _upDownKeyHandler() {
                    var _this$_popup;
                    if (null !== (_this$_popup = this._popup) && void 0 !== _this$_popup && _this$_popup.option("visible") && this._list) {
                        this._list.focus()
                    } else {
                        this.open()
                    }
                    return true
                }
                _escHandler() {
                    this.close();
                    this._buttonGroup.focus();
                    return true
                }
                _tabHandler() {
                    this.close();
                    return true
                }
                _renderPopup() {
                    var _this$_popup$$content, _this$_popup$$wrapper;
                    const $popup = (0, _renderer.default)("<div>");
                    this.$element().append($popup);
                    this._popup = this._createComponent($popup, _m_popup.default, this._popupOptions());
                    null === (_this$_popup$$content = this._popup.$content()) || void 0 === _this$_popup$$content || _this$_popup$$content.addClass("dx-dropdownbutton-content");
                    null === (_this$_popup$$wrapper = this._popup.$wrapper()) || void 0 === _this$_popup$$wrapper || _this$_popup$$wrapper.addClass("dx-dropdownbutton-popup-wrapper");
                    this._popup.$overlayContent().attr("aria-label", "Dropdown");
                    this._popup.on("hiding", this._popupHidingHandler.bind(this));
                    this._popup.on("showing", this._popupShowingHandler.bind(this));
                    this._bindInnerWidgetOptions(this._popup, "dropDownOptions")
                }
                _popupHidingHandler() {
                    this.option("opened", false);
                    this._updateAriaAttributes(false)
                }
                _popupOptionChanged(args) {
                    const options = _widget.default.getOptionsFromContainer(args);
                    this._setPopupOption(options);
                    const optionsKeys = Object.keys(options);
                    if (optionsKeys.includes("width") || optionsKeys.includes("height")) {
                        this._dimensionChanged()
                    }
                }
                _dimensionChanged() {
                    const popupWidth = (0, _m_utils.getSizeValue)(this.option("dropDownOptions.width"));
                    if (void 0 === popupWidth) {
                        this._setPopupOption("width", () => (0, _m_utils.getElementWidth)(this.$element()))
                    }
                }
                _setPopupOption(optionName, value) {
                    this._setWidgetOption("_popup", arguments)
                }
                _popupShowingHandler() {
                    this.option("opened", true);
                    this._updateAriaAttributes(true)
                }
                _setElementAria(value) {
                    const elementAria = {
                        owns: value ? this._popupContentId : void 0
                    };
                    this.setAria(elementAria, this.$element())
                }
                _setButtonsAria(value) {
                    const commonButtonAria = {
                        expanded: value,
                        haspopup: "listbox"
                    };
                    const firstButtonAria = {};
                    if (!this.option("text")) {
                        firstButtonAria.label = "dropdownbutton"
                    }
                    this._getButtons().each((index, $button) => {
                        if (0 === index) {
                            this.setAria(Object.assign({}, firstButtonAria, commonButtonAria), (0, _renderer.default)($button))
                        } else {
                            this.setAria(commonButtonAria, (0, _renderer.default)($button))
                        }
                    })
                }
                _updateAriaAttributes(value) {
                    this._setElementAria(value);
                    this._setButtonsAria(value)
                }
                _getButtons() {
                    return this._buttonGroup.$element().find(".dx-button")
                }
                _renderButtonGroup() {
                    var _this$_buttonGroup;
                    const $buttonGroup = (null === (_this$_buttonGroup = this._buttonGroup) || void 0 === _this$_buttonGroup ? void 0 : _this$_buttonGroup.$element()) || (0, _renderer.default)("<div>");
                    if (!this._buttonGroup) {
                        this.$element().append($buttonGroup)
                    }
                    this._buttonGroup = this._createComponent($buttonGroup, _button_group.default, this._getButtonGroupOptions());
                    this._buttonGroup.registerKeyHandler("downArrow", this._upDownKeyHandler.bind(this));
                    this._buttonGroup.registerKeyHandler("tab", this._tabHandler.bind(this));
                    this._buttonGroup.registerKeyHandler("upArrow", this._upDownKeyHandler.bind(this));
                    this._buttonGroup.registerKeyHandler("escape", this._escHandler.bind(this));
                    this._bindInnerWidgetOptions(this._buttonGroup, "buttonGroupOptions");
                    this._updateAriaAttributes(this.option("opened"))
                }
                _updateArrowClass() {
                    const hasArrow = this.option("splitButton") || this.option("showArrowIcon");
                    this.$element().toggleClass("dx-dropdownbutton-has-arrow", hasArrow)
                }
                toggle(visible) {
                    var _this$_popup2;
                    if (!this._popup) {
                        this._renderPopup();
                        this._renderContent()
                    }
                    return null === (_this$_popup2 = this._popup) || void 0 === _this$_popup2 ? void 0 : _this$_popup2.toggle(visible)
                }
                open() {
                    return this.toggle(true)
                }
                close() {
                    return this.toggle(false)
                }
                _setListOption(name, value) {
                    var _this$_list;
                    null === (_this$_list = this._list) || void 0 === _this$_list || _this$_list.option(name, value)
                }
                _getDisplayValue(item) {
                    const isPrimitiveItem = !(0, _type.isObject)(item);
                    const displayValue = isPrimitiveItem ? item : this._displayGetter(item);
                    return !(0, _type.isObject)(displayValue) ? String((0, _common.ensureDefined)(displayValue, "")) : ""
                }
                _updateActionButton(selectedItem) {
                    if (this.option("useSelectMode")) {
                        this.option({
                            text: this._getDisplayValue(selectedItem),
                            icon: (0, _type.isPlainObject)(selectedItem) ? selectedItem.icon : void 0
                        })
                    }
                    this._setOptionWithoutOptionChange("selectedItem", selectedItem);
                    this._setOptionWithoutOptionChange("selectedItemKey", this._keyGetter(selectedItem))
                }
                _clean() {
                    var _this$_list2, _this$_popup3;
                    null === (_this$_list2 = this._list) || void 0 === _this$_list2 || _this$_list2.$element().remove();
                    null === (_this$_popup3 = this._popup) || void 0 === _this$_popup3 || _this$_popup3.$element().remove()
                }
                _selectedItemKeyChanged(value) {
                    this._setListOption("selectedItemKeys", this.option("useSelectMode") && (0, _type.isDefined)(value) ? [value] : []);
                    const previousItem = this.option("selectedItem");
                    this._loadSelectedItem().always(selectedItem => {
                        this._updateActionButton(selectedItem);
                        if (this._displayGetter(previousItem) !== this._displayGetter(selectedItem)) {
                            this._fireSelectionChangedAction({
                                previousValue: previousItem,
                                value: selectedItem
                            })
                        }
                    })
                }
                _updateButtonGroup(name, value) {
                    this._buttonGroup.option(name, value);
                    this._updateAriaAttributes(this.option("opened"))
                }
                _actionButtonOptionChanged(_ref5) {
                    let {
                        name: name,
                        value: value
                    } = _ref5;
                    const newConfig = {};
                    newConfig[name] = value;
                    this._updateButtonGroup("items[0]", (0, _extend.extend)({}, this._getActionButtonConfig(), newConfig));
                    this._popup && this._popup.repaint()
                }
                _selectModeChanged(value) {
                    if (value) {
                        this._setListOption("selectionMode", "single");
                        const selectedItemKey = this.option("selectedItemKey");
                        this._setListOption("selectedItemKeys", (0, _type.isDefined)(selectedItemKey) ? [selectedItemKey] : []);
                        this._selectedItemKeyChanged(this.option("selectedItemKey"))
                    } else {
                        this._setListOption("selectionMode", "none");
                        this.option({
                            selectedItemKey: void 0,
                            selectedItem: void 0
                        });
                        this._actionButtonOptionChanged({
                            text: this.option("text")
                        })
                    }
                }
                _updateItemCollection(optionName) {
                    const {
                        selectedItemKey: selectedItemKey,
                        useSelectMode: useSelectMode
                    } = this.option();
                    this._setListOption("selectedItem", null);
                    this._setWidgetOption("_list", [optionName]);
                    if ((0, _type.isDefined)(selectedItemKey)) {
                        this._loadSelectedItem().done(selectedItem => {
                            if (useSelectMode) {
                                this._setListOption("selectedItemKeys", [selectedItemKey]);
                                this._setListOption("selectedItem", selectedItem)
                            }
                        }).fail(error => {
                            this._setListOption("selectedItemKeys", [])
                        }).always(this._updateActionButton.bind(this))
                    }
                }
                _updateDataController(items) {
                    this._dataController.updateDataSource(items, this.option("keyExpr"));
                    this._updateKeyExpr()
                }
                _updateKeyExpr() {
                    this._compileKeyGetter();
                    this._setListOption("keyExpr", this._dataController.key())
                }
                focus() {
                    this._buttonGroup.focus()
                }
                _optionChanged(args) {
                    var _this$_popup4;
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "useSelectMode":
                            this._selectModeChanged(value);
                            break;
                        case "splitButton":
                            this._updateArrowClass();
                            this._renderButtonGroup();
                            break;
                        case "displayExpr":
                            this._compileDisplayGetter();
                            this._setListOption(name, value);
                            this._updateActionButton(this.option("selectedItem"));
                            break;
                        case "keyExpr":
                            this._updateDataController();
                            break;
                        case "buttonGroupOptions":
                            this._innerWidgetOptionChanged(this._buttonGroup, args);
                            break;
                        case "dropDownOptions":
                            if ("dropDownOptions.visible" === args.fullName) {
                                break
                            }
                            if (void 0 !== args.value.visible) {
                                delete args.value.visible
                            }
                            this._popupOptionChanged(args);
                            this._innerWidgetOptionChanged(this._popup, args);
                            break;
                        case "opened":
                            this.toggle(value);
                            break;
                        case "focusStateEnabled":
                        case "hoverStateEnabled":
                            this._setListOption(name, value);
                            this._updateButtonGroup(name, value);
                            super._optionChanged(args);
                            break;
                        case "items":
                            this._updateDataController(this.option("items"));
                            this._updateItemCollection(name);
                            break;
                        case "dataSource":
                            this._dataController.updateDataSource(value);
                            this._updateKeyExpr();
                            this._updateItemCollection(name);
                            break;
                        case "icon":
                        case "text":
                            this._actionButtonOptionChanged(args);
                            break;
                        case "showArrowIcon":
                            this._updateArrowClass();
                            this._renderButtonGroup();
                            this._popup && this._popup.repaint();
                            break;
                        case "width":
                        case "height":
                            super._optionChanged(args);
                            null === (_this$_popup4 = this._popup) || void 0 === _this$_popup4 || _this$_popup4.repaint();
                            break;
                        case "stylingMode":
                        case "tabIndex":
                            this._updateButtonGroup(name, value);
                            break;
                        case "type":
                            this._updateButtonGroup("items", this._getButtonGroupItems());
                            break;
                        case "itemTemplate":
                        case "grouped":
                        case "noDataText":
                        case "groupTemplate":
                        case "wrapItemText":
                        case "useItemTextAsTitle":
                            this._setListOption(name, value);
                            break;
                        case "dropDownContentTemplate":
                            this._renderContent();
                            break;
                        case "selectedItemKey":
                            this._selectedItemKeyChanged(value);
                            break;
                        case "selectedItem":
                        case "_cached_buttonGroupOptions":
                        case "_cached_dropDownOptions":
                            break;
                        case "onItemClick":
                            this._createItemClickAction();
                            break;
                        case "onButtonClick":
                            this._createActionClickAction();
                            break;
                        case "onSelectionChanged":
                            this._createSelectionChangedAction();
                            break;
                        case "deferRendering": {
                            const {
                                opened: opened
                            } = this.option();
                            this.toggle(opened);
                            break
                        }
                        case "template":
                            this._renderButtonGroup();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                getDataSource() {
                    return this._dataController.getDataSource()
                }
            }(0, _component_registrator.default)("dxDropDownButton", DropDownButton);
            exports.default = DropDownButton
        },
        67825(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _translator = __webpack_require__( /*! ../../common/core/animation/translator */ 88603);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../core/devices */ 65951));
            var _element = __webpack_require__( /*! ../../core/element */ 61404);
            var _utils = __webpack_require__( /*! ../../core/options/utils */ 53904);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _child_default_template = __webpack_require__( /*! ../../core/templates/child_default_template */ 91585);
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../ui/popover/ui.popover */ 98894));
            var _themes = __webpack_require__( /*! ../../ui/themes */ 52071);
            var _m_support = _interopRequireDefault(__webpack_require__( /*! ../core/utils/m_support */ 85991));
            var _m_drop_down_list = _interopRequireDefault(__webpack_require__( /*! ../ui/drop_down_editor/m_drop_down_list */ 20287));
            var _m_utils = __webpack_require__( /*! ../ui/drop_down_editor/m_utils */ 6807);
            var _m_text_box = _interopRequireDefault(__webpack_require__( /*! ../ui/text_box/m_text_box */ 85968));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            class Lookup extends _m_drop_down_list.default {
                _supportedKeys() {
                    return Object.assign({}, super._supportedKeys(), {
                        space(e) {
                            e.preventDefault();
                            this._validatedOpening()
                        },
                        enter() {
                            this._validatedOpening()
                        }
                    })
                }
                _getDefaultOptions() {
                    const getSize = side => {
                        let size;
                        if ("phone" === _devices.default.real().deviceType && window.visualViewport) {
                            size = window.visualViewport[side]
                        } else {
                            size = "width" === side ? (0, _size.getWidth)(window) : (0, _size.getHeight)(window)
                        }
                        return .8 * size
                    };
                    return Object.assign({}, super._getDefaultOptions(), {
                        placeholder: _message.default.format("Select"),
                        searchPlaceholder: _message.default.format("Search"),
                        searchEnabled: true,
                        searchStartEvent: "input change keyup",
                        cleanSearchOnOpening: true,
                        showCancelButton: true,
                        showClearButton: false,
                        clearButtonText: _message.default.format("Clear"),
                        applyButtonText: _message.default.format("OK"),
                        pullRefreshEnabled: false,
                        useNativeScrolling: true,
                        pullingDownText: _message.default.format("dxList-pullingDownText"),
                        pulledDownText: _message.default.format("dxList-pulledDownText"),
                        refreshingText: _message.default.format("dxList-refreshingText"),
                        pageLoadingText: _message.default.format("dxList-pageLoadingText"),
                        onScroll: null,
                        onPullRefresh: null,
                        onPageLoading: null,
                        pageLoadMode: "scrollBottom",
                        nextButtonText: _message.default.format("dxList-nextButtonText"),
                        grouped: false,
                        groupTemplate: "group",
                        usePopover: false,
                        openOnFieldClick: true,
                        showDropDownButton: false,
                        focusStateEnabled: false,
                        dropDownOptions: {
                            showTitle: true,
                            width: () => getSize("width"),
                            height: () => getSize("height"),
                            shading: true,
                            hideOnOutsideClick: true,
                            animation: {},
                            title: "",
                            titleTemplate: "title",
                            onTitleRendered: null,
                            fullScreen: false
                        },
                        dropDownCentered: false,
                        _scrollToSelectedItemEnabled: false,
                        useHiddenSubmitElement: true
                    })
                }
                _defaultOptionsRules() {
                    const themeName = (0, _themes.current)();
                    return super._defaultOptionsRules().concat([{
                        device: () => !_m_support.default.nativeScrolling,
                        options: {
                            useNativeScrolling: false
                        }
                    }, {
                        device: device => !_devices.default.isSimulator() && "desktop" === _devices.default.real().deviceType && "generic" === device.platform,
                        options: {
                            usePopover: true,
                            dropDownOptions: {
                                height: "auto"
                            }
                        }
                    }, {
                        device: {
                            platform: "ios",
                            phone: true
                        },
                        options: {
                            dropDownOptions: {
                                fullScreen: true
                            }
                        }
                    }, {
                        device: {
                            platform: "ios",
                            tablet: true
                        },
                        options: {
                            dropDownOptions: {
                                width: () => .4 * Math.min((0, _size.getWidth)(window), (0, _size.getHeight)(window)),
                                height: "auto"
                            },
                            usePopover: true
                        }
                    }, {
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }, {
                        device: () => (0, _themes.isMaterial)(themeName),
                        options: {
                            usePopover: false,
                            searchEnabled: false,
                            showCancelButton: false,
                            dropDownCentered: true,
                            _scrollToSelectedItemEnabled: true,
                            dropDownOptions: {
                                _ignoreFunctionValueDeprecation: true,
                                width: () => (0, _m_utils.getElementWidth)(this.$element()),
                                height: function() {
                                    return this._getPopupHeight()
                                }.bind(this),
                                showTitle: false,
                                shading: false
                            }
                        }
                    }])
                }
                _init() {
                    super._init();
                    this._initActions()
                }
                _initActions() {
                    super._initActions();
                    this._initScrollAction();
                    this._initPageLoadingAction();
                    this._initPullRefreshAction()
                }
                _initPageLoadingAction() {
                    this._pageLoadingAction = this._createActionByOption("onPageLoading")
                }
                _initPullRefreshAction() {
                    this._pullRefreshAction = this._createActionByOption("onPullRefresh")
                }
                _initScrollAction() {
                    this._scrollAction = this._createActionByOption("onScroll")
                }
                _scrollHandler(e) {
                    var _this$_scrollAction;
                    null === (_this$_scrollAction = this._scrollAction) || void 0 === _this$_scrollAction || _this$_scrollAction.call(this, e)
                }
                _pullRefreshHandler(e) {
                    var _this$_pullRefreshAct;
                    null === (_this$_pullRefreshAct = this._pullRefreshAction) || void 0 === _this$_pullRefreshAct || _this$_pullRefreshAct.call(this, e)
                }
                _pageLoadingHandler(e) {
                    var _this$_pageLoadingAct;
                    null === (_this$_pageLoadingAct = this._pageLoadingAction) || void 0 === _this$_pageLoadingAct || _this$_pageLoadingAct.call(this, e)
                }
                _initTemplates() {
                    super._initTemplates();
                    this._templateManager.addDefaultTemplates({
                        group: new _child_default_template.ChildDefaultTemplate("group"),
                        title: new _child_default_template.ChildDefaultTemplate("title")
                    })
                }
                _initMarkup() {
                    const {
                        usePopover: usePopover
                    } = this.option();
                    this.$element().addClass("dx-lookup").toggleClass("dx-lookup-popover-mode", usePopover);
                    super._initMarkup()
                }
                _inputWrapper() {
                    return this.$element().find(".dx-lookup-field-wrapper")
                }
                _dataSourceOptions() {
                    return (0, _extend.extend)(super._dataSourceOptions(), {
                        paginate: true
                    })
                }
                _fireContentReadyAction() {}
                _popupWrapperClass() {
                    return ""
                }
                _renderInput() {
                    const {
                        inputAttr: inputAttr
                    } = this.option();
                    this._$field = (0, _renderer.default)("<div>");
                    this._applyInputAttributes(inputAttr);
                    this._$field.addClass("dx-lookup-field");
                    const $arrow = (0, _renderer.default)("<div>").addClass("dx-lookup-arrow");
                    this._$fieldWrapper = (0, _renderer.default)("<div>").addClass("dx-lookup-field-wrapper").append(this._$field).append($arrow).appendTo(this.$element())
                }
                _applyInputAttributes(attributes) {
                    this._$field.attr(attributes)
                }
                _getInputContainer() {
                    return this._$fieldWrapper
                }
                _renderField() {
                    const {
                        fieldTemplate: fieldTemplateOption
                    } = this.option();
                    const fieldTemplate = this._getTemplate(fieldTemplateOption);
                    if (fieldTemplate && fieldTemplateOption) {
                        this._renderFieldTemplate(fieldTemplate);
                        return
                    }
                    const displayValue = this.option("displayValue");
                    this._updateField(displayValue);
                    const isFieldEmpty = !this.option("selectedItem");
                    this.$element().toggleClass("dx-lookup-empty", isFieldEmpty).toggleClass("dx-texteditor-empty", isFieldEmpty)
                }
                _getLabelContainer() {
                    return this._$field
                }
                _renderDisplayText(text) {
                    if (this._input().length) {
                        super._renderDisplayText(text)
                    } else {
                        this._updateField(text)
                    }
                }
                _updateField(text) {
                    text = (0, _type.isDefined)(text) && String(text);
                    this._$field.empty();
                    if (text) {
                        this._$field.text(text)
                    } else {
                        const $placeholder = (0, _renderer.default)("<div>").attr({
                            "data-dx_placeholder": this.option("placeholder")
                        });
                        this._$field.append($placeholder);
                        $placeholder.addClass("dx-placeholder")
                    }
                }
                _renderButtonContainers() {}
                _renderFieldTemplate(template) {
                    this._$field.empty();
                    const data = this._fieldRenderData();
                    template.render({
                        model: data,
                        container: (0, _element.getPublicElement)(this._$field)
                    })
                }
                _fieldRenderData() {
                    return this.option("selectedItem")
                }
                _popupShowingHandler() {
                    super._popupShowingHandler.apply(this, arguments);
                    if (this.option("cleanSearchOnOpening")) {
                        var _this$_searchBox, _this$_list;
                        if (this.option("searchEnabled") && null !== (_this$_searchBox = this._searchBox) && void 0 !== _this$_searchBox && _this$_searchBox.option("value")) {
                            this._searchBox.option("value", "");
                            this._searchCanceled()
                        }
                        null === (_this$_list = this._list) || void 0 === _this$_list || _this$_list.option("focusedElement", null)
                    }
                    if (this.option("dropDownOptions.fullScreen") && this.option("_scrollToSelectedItemEnabled")) {
                        this._popup.option("position").of = (0, _renderer.default)(window)
                    }
                }
                _popupShownHandler() {
                    const scrollToSelectedItemEnabled = this.option("_scrollToSelectedItemEnabled");
                    const fullScreen = this.option("dropDownOptions.fullScreen");
                    if (!fullScreen && scrollToSelectedItemEnabled) {
                        this._setPopupPosition()
                    }
                    super._popupShownHandler()
                }
                _scrollToSelectedItem() {
                    var _this$_list2;
                    const {
                        selectedIndex: selectedIndex,
                        items: listItems
                    } = (null === (_this$_list2 = this._list) || void 0 === _this$_list2 ? void 0 : _this$_list2.option()) ?? {};
                    const itemsCount = listItems.length;
                    if (0 !== itemsCount) {
                        var _this$_list3, _this$_list6;
                        if (null !== (_this$_list3 = this._list) && void 0 !== _this$_list3 && _this$_list3.option("grouped")) {
                            var _this$_list4;
                            null === (_this$_list4 = this._list) || void 0 === _this$_list4 || _this$_list4.scrollToItem({
                                group: itemsCount - 1,
                                item: listItems[itemsCount - 1].items.length - 1
                            })
                        } else {
                            var _this$_list5;
                            null === (_this$_list5 = this._list) || void 0 === _this$_list5 || _this$_list5.scrollToItem(itemsCount - 1)
                        }
                        null === (_this$_list6 = this._list) || void 0 === _this$_list6 || _this$_list6.scrollToItem(selectedIndex)
                    }
                }
                _getDifferenceOffsets(selectedListItem) {
                    return selectedListItem.offset().top - (0, _renderer.default)(this.element()).offset().top
                }
                _isCenteringEnabled(index, count) {
                    return index > 1 && index < count - 2
                }
                _getPopupOffset() {
                    const listItemsCount = this._listItemElements().length;
                    if (0 === listItemsCount) {
                        return
                    }
                    const selectedListItem = (0, _renderer.default)(this._list.element()).find(".dx-list-item-selected");
                    const selectedIndex = this._listItemElements().index(selectedListItem);
                    const differenceOfHeights = ((0, _size.getHeight)(selectedListItem) - (0, _size.getHeight)(this.element())) / 2;
                    const lookupOffset = (0, _renderer.default)(this._list.element()).offset().top;
                    const dropDownHeightOption = this.option("dropDownOptions.height");
                    const popupHeight = "function" === typeof dropDownHeightOption ? dropDownHeightOption() : dropDownHeightOption;
                    const windowHeight = (0, _size.getHeight)(window);
                    let offsetTop = 0;
                    if (-1 !== selectedIndex) {
                        if (this._isCenteringEnabled(selectedIndex, listItemsCount)) {
                            this._scrollToSelectedItem();
                            const scrollOffsetTop = (popupHeight - (0, _size.getHeight)(selectedListItem)) / 2 - this._getDifferenceOffsets(selectedListItem);
                            this._list.scrollTo(this._list.scrollTop() + 4 - scrollOffsetTop);
                            offsetTop = differenceOfHeights + this._getDifferenceOffsets(selectedListItem);
                            if (lookupOffset < offsetTop && selectedIndex !== listItemsCount - 3) {
                                this._list.scrollTo(this._list.scrollTop() + this._getDifferenceOffsets(selectedListItem) / 2);
                                offsetTop = differenceOfHeights + this._getDifferenceOffsets(selectedListItem)
                            }
                        } else if (selectedIndex <= 1) {
                            this._list.scrollTo(0);
                            offsetTop = differenceOfHeights + this._getDifferenceOffsets(selectedListItem)
                        } else if (selectedIndex >= listItemsCount - 2) {
                            this._scrollToSelectedItem();
                            offsetTop = differenceOfHeights + this._getDifferenceOffsets(selectedListItem)
                        }
                        if (lookupOffset < offsetTop) {
                            this._scrollToSelectedItem();
                            offsetTop = differenceOfHeights + 8
                        }
                    }
                    const offsetBottom = popupHeight - offsetTop - (0, _size.getHeight)(this.element());
                    if (windowHeight - lookupOffset < offsetBottom) {
                        this._list.scrollTo(this._list.scrollTop() + differenceOfHeights - offsetBottom);
                        offsetTop = popupHeight - (0, _size.getHeight)(this.element()) - 8
                    }
                    return offsetTop
                }
                _setPopupPosition() {
                    if (!this.option("dropDownCentered")) {
                        return
                    }
                    const flipped = this._popup.$wrapper().hasClass("dx-popover-flipped-vertical");
                    if (flipped) {
                        return
                    }
                    const popupContentParent = (0, _renderer.default)(this._popup.$content()).parent();
                    const popupOffset = this._getPopupOffset();
                    const position = (0, _translator.locate)(popupContentParent);
                    (0, _translator.move)(popupContentParent, {
                        top: position.top - popupOffset
                    })
                }
                _listItemGroupedElements() {
                    const groups = this._list._getItemsContainer().children();
                    const items = [];
                    groups.each((_, group) => {
                        items.push((0, _renderer.default)(group).find(".dx-list-group-header")[0]);
                        const groupedItems = (0, _renderer.default)(group).find(".dx-list-item");
                        groupedItems.each((_, item) => {
                            items.push(item)
                        })
                    });
                    return (0, _renderer.default)(items)
                }
                _calculateListHeight(grouped) {
                    const listItems = grouped ? this._listItemGroupedElements() : this._listItemElements();
                    const selectedListItem = (0, _renderer.default)(".dx-list-item-selected");
                    const selectedIndex = listItems.index(selectedListItem);
                    let listHeight = 0;
                    let requireListItems = [];
                    if (0 === listItems.length) {
                        listHeight += 8
                    } else if (listItems.length < 5) {
                        listItems.each((_, item) => {
                            listHeight += (0, _size.getOuterHeight)(item)
                        })
                    } else {
                        if (selectedIndex <= 1) {
                            requireListItems = listItems.slice(0, 5)
                        } else if (this._isCenteringEnabled(selectedIndex, listItems.length)) {
                            requireListItems = listItems.slice(selectedIndex - 2, selectedIndex + 3)
                        } else {
                            requireListItems = listItems.slice(listItems.length - 5, listItems.length)
                        }
                        requireListItems.each((_, item) => {
                            listHeight += (0, _size.getOuterHeight)(item)
                        })
                    }
                    return listHeight + (grouped ? 8 : 16)
                }
                _getPopupHeight() {
                    var _this$_list7;
                    if (null !== (_this$_list7 = this._list) && void 0 !== _this$_list7 && _this$_list7.itemElements().length) {
                        return this._calculateListHeight(this.option("grouped")) + (this._$searchWrapper ? (0, _size.getOuterHeight)(this._$searchWrapper) : 0) + (this._popup.bottomToolbar() ? (0, _size.getOuterHeight)(this._popup.bottomToolbar()) : 0) + (this._popup.topToolbar() ? (0, _size.getOuterHeight)(this._popup.topToolbar()) : 0)
                    }
                    return "auto"
                }
                _allowSelectItemByTab() {
                    return false
                }
                _popupTabHandler(e) {
                    const shouldLoopFocusInsidePopup = this._shouldLoopFocusInsidePopup();
                    if (!shouldLoopFocusInsidePopup) {
                        super._popupTabHandler(e)
                    }
                }
                _renderPopup() {
                    var _this$_popup$$wrapper;
                    if (this.option("usePopover") && !this.option("dropDownOptions.fullScreen")) {
                        if (this.option("_scrollToSelectedItemEnabled")) {
                            super._renderPopup()
                        } else {
                            this._renderPopover();
                            this._attachPopupKeyHandler()
                        }
                    } else {
                        super._renderPopup()
                    }
                    this._$popup.addClass("dx-lookup-popup");
                    null === (_this$_popup$$wrapper = this._popup.$wrapper()) || void 0 === _this$_popup$$wrapper || _this$_popup$$wrapper.addClass("dx-lookup-popup-wrapper")
                }
                _renderPopover() {
                    const popupConfig = this._popupConfig();
                    const options = (0, _extend.extend)(popupConfig, this._options.cache("dropDownOptions"), {
                        showEvent: null,
                        hideEvent: null,
                        target: this.$element(),
                        fullScreen: false,
                        shading: false,
                        hideOnParentScroll: true,
                        _fixWrapperPosition: false,
                        width: this._isInitialOptionValue("dropDownOptions.width") ? () => (0, _size.getOuterWidth)(this.$element()) : popupConfig.width
                    });
                    this._popup = this._createComponent(this._$popup, _ui.default, options);
                    this._popup.$overlayContent().attr("role", "dialog");
                    this._popup.on({
                        showing: this._popupShowingHandler.bind(this),
                        shown: this._popupShownHandler.bind(this),
                        hiding: this._popupHidingHandler.bind(this),
                        hidden: this._popupHiddenHandler.bind(this),
                        contentReady: this._contentReadyHandler.bind(this)
                    });
                    if (this.option("_scrollToSelectedItemEnabled")) {
                        this._popup._$arrow.remove()
                    }
                    const $content = this._popup.$content();
                    if ($content) {
                        this._setPopupContentId($content)
                    }
                    this._contentReadyHandler()
                }
                _popupHidingHandler() {
                    super._popupHidingHandler();
                    this.option("focusStateEnabled") && this.focus()
                }
                _popupHiddenHandler() {
                    super._popupHiddenHandler();
                    if (this.option("_scrollToSelectedItemEnabled")) {
                        var _this$_popup;
                        (0, _translator.resetPosition)((0, _renderer.default)(null === (_this$_popup = this._popup) || void 0 === _this$_popup ? void 0 : _this$_popup.content()).parent())
                    }
                }
                _preventFocusOnPopup() {}
                _shouldLoopFocusInsidePopup() {
                    const {
                        usePopover: usePopover,
                        dropDownCentered: dropDownCentered,
                        _scrollToSelectedItemEnabled: _scrollToSelectedItemEnabled
                    } = this.option();
                    const result = _scrollToSelectedItemEnabled ? dropDownCentered : !usePopover;
                    return result
                }
                _popupConfig() {
                    const {
                        dropDownOptions: dropDownOptions
                    } = this.option();
                    const shouldLoopFocusInsidePopup = this._shouldLoopFocusInsidePopup();
                    const result = (0, _extend.extend)(super._popupConfig(), {
                        toolbarItems: this._getPopupToolbarItems(),
                        hideOnParentScroll: false,
                        onPositioned: null,
                        maxHeight: "100vh",
                        showTitle: dropDownOptions.showTitle,
                        title: dropDownOptions.title,
                        titleTemplate: this._getTemplateByOption("dropDownOptions.titleTemplate"),
                        onTitleRendered: dropDownOptions.onTitleRendered,
                        fullScreen: dropDownOptions.fullScreen,
                        shading: dropDownOptions.shading,
                        hideOnOutsideClick: dropDownOptions.hideOnOutsideClick,
                        _loopFocus: shouldLoopFocusInsidePopup
                    });
                    delete result.animation;
                    delete result.position;
                    if (this.option("_scrollToSelectedItemEnabled")) {
                        result.position = this.option("dropDownCentered") ? {
                            my: "left top",
                            at: "left top",
                            of: this.element()
                        } : {
                            my: "left top",
                            at: "left bottom",
                            of: this.element()
                        };
                        result.hideOnParentScroll = true
                    }(0, _iterator.each)(["position", "animation", "width", "height"], (_, optionName) => {
                        const popupOptionValue = dropDownOptions[optionName];
                        if (void 0 !== popupOptionValue) {
                            result[optionName] = popupOptionValue
                        }
                    });
                    return result
                }
                _getPopupToolbarItems() {
                    const {
                        applyValueMode: applyValueMode
                    } = this.option();
                    const buttonsConfig = "useButtons" === applyValueMode ? this._popupToolbarItemsConfig() : [];
                    const cancelButton = this._getCancelButtonConfig();
                    if (cancelButton) {
                        buttonsConfig.push(cancelButton)
                    }
                    const clearButton = this._getClearButtonConfig();
                    if (clearButton) {
                        buttonsConfig.push(clearButton)
                    }
                    return this._applyButtonsLocation(buttonsConfig)
                }
                _popupToolbarItemsConfig() {
                    return [{
                        shortcut: "done",
                        options: {
                            onClick: this._applyButtonHandler.bind(this),
                            text: this.option("applyButtonText")
                        }
                    }]
                }
                _getCancelButtonConfig() {
                    return this.option("showCancelButton") ? {
                        shortcut: "cancel",
                        onClick: this._cancelButtonHandler.bind(this),
                        options: {
                            text: this.option("cancelButtonText")
                        }
                    } : null
                }
                _getClearButtonConfig() {
                    return this.option("showClearButton") ? {
                        shortcut: "clear",
                        onClick: this._resetValue.bind(this),
                        options: {
                            text: this.option("clearButtonText")
                        }
                    } : null
                }
                _applyButtonHandler(args) {
                    if (args) {
                        this._saveValueChangeEvent(args.event)
                    }
                    this.option("value", this._valueGetter(this._currentSelectedItem()));
                    super._applyButtonHandler()
                }
                _cancelButtonHandler() {
                    this._refreshSelected();
                    super._cancelButtonHandler()
                }
                _refreshPopupVisibility() {
                    if (this.option("opened")) {
                        this._updateListDimensions()
                    }
                }
                _dimensionChanged() {
                    if (this.option("usePopover") && !this.option("dropDownOptions.width")) {
                        this.option("dropDownOptions.width", (0, _size.getWidth)(this.$element()))
                    }
                    this._updateListDimensions()
                }
                _input() {
                    return this._$searchBox || super._input()
                }
                _renderPopupContent() {
                    super._renderPopupContent();
                    this._renderSearch()
                }
                _renderValueChangeEvent() {}
                _renderSearch() {
                    const isSearchEnabled = this.option("searchEnabled");
                    this._toggleSearchClass(isSearchEnabled);
                    if (isSearchEnabled) {
                        const $searchWrapper = this._$searchWrapper = (0, _renderer.default)("<div>").addClass("dx-lookup-search-wrapper");
                        const $searchBox = this._$searchBox = (0, _renderer.default)("<div>").addClass("dx-lookup-search").appendTo($searchWrapper);
                        const currentDevice = _devices.default.current();
                        const searchMode = currentDevice.android ? "text" : "search";
                        let isKeyboardListeningEnabled = false;
                        const {
                            searchStartEvent: searchStartEvent
                        } = this.option();
                        const textBoxOptions = {
                            mode: searchMode,
                            showClearButton: true,
                            valueChangeEvent: searchStartEvent,
                            inputAttr: {
                                "aria-label": "Search"
                            },
                            onDisposing: () => isKeyboardListeningEnabled = false,
                            onFocusIn: () => isKeyboardListeningEnabled = true,
                            onFocusOut: () => isKeyboardListeningEnabled = false,
                            onKeyboardHandled: opts => isKeyboardListeningEnabled && this._list._keyboardHandler(opts),
                            onValueChanged: e => this._searchHandler(e)
                        };
                        this._searchBox = this._createComponent($searchBox, _m_text_box.default, textBoxOptions);
                        this._registerSearchKeyHandlers();
                        $searchWrapper.insertBefore(this._$list);
                        this._setSearchPlaceholder()
                    }
                }
                _filterDataSource() {
                    if (this._list && !this._list._dataSource && this._isMinSearchLengthExceeded()) {
                        var _this$_list8;
                        null === (_this$_list8 = this._list) || void 0 === _this$_list8 || _this$_list8._scrollView.startLoading()
                    }
                    super._filterDataSource(...arguments)
                }
                _dataSourceFiltered() {
                    var _this$_list9;
                    super._dataSourceFiltered(...arguments);
                    null === (_this$_list9 = this._list) || void 0 === _this$_list9 || _this$_list9._scrollView.finishLoading()
                }
                _updateActiveDescendant() {
                    super._updateActiveDescendant();
                    if (!this._$searchBox) {
                        return
                    }
                    const $input = this._$searchBox.find("input");
                    super._updateActiveDescendant($input)
                }
                _removeSearch() {
                    var _this$_$searchWrapper, _this$_$searchBox;
                    null === (_this$_$searchWrapper = this._$searchWrapper) || void 0 === _this$_$searchWrapper || _this$_$searchWrapper.remove();
                    delete this._$searchWrapper;
                    null === (_this$_$searchBox = this._$searchBox) || void 0 === _this$_$searchBox || _this$_$searchBox.remove();
                    delete this._$searchBox;
                    delete this._searchBox
                }
                _selectListItemHandler(e) {
                    const {
                        focusedElement: focusedElement
                    } = this._list.option();
                    const $itemElement = (0, _renderer.default)(focusedElement);
                    if (!$itemElement.length) {
                        return
                    }
                    e.preventDefault();
                    e.target = $itemElement.get(0);
                    this._saveValueChangeEvent(e);
                    this._selectListItem(e.itemData, $itemElement)
                }
                _registerSearchKeyHandlers() {
                    var _this$_searchBox2, _this$_searchBox3, _this$_searchBox4, _this$_searchBox5;
                    null === (_this$_searchBox2 = this._searchBox) || void 0 === _this$_searchBox2 || _this$_searchBox2.registerKeyHandler("enter", this._selectListItemHandler.bind(this));
                    null === (_this$_searchBox3 = this._searchBox) || void 0 === _this$_searchBox3 || _this$_searchBox3.registerKeyHandler("space", this._selectListItemHandler.bind(this));
                    null === (_this$_searchBox4 = this._searchBox) || void 0 === _this$_searchBox4 || _this$_searchBox4.registerKeyHandler("end", _common.noop);
                    null === (_this$_searchBox5 = this._searchBox) || void 0 === _this$_searchBox5 || _this$_searchBox5.registerKeyHandler("home", _common.noop)
                }
                _toggleSearchClass(isSearchEnabled) {
                    if (this._popup) {
                        var _this$_popup$$wrapper2;
                        null === (_this$_popup$$wrapper2 = this._popup.$wrapper()) || void 0 === _this$_popup$$wrapper2 || _this$_popup$$wrapper2.toggleClass("dx-lookup-popup-search", isSearchEnabled)
                    }
                }
                _setSearchPlaceholder() {
                    var _this$_searchBox6;
                    if (!this._$searchBox) {
                        return
                    }
                    const minSearchLength = this.option("minSearchLength");
                    let placeholder = this.option("searchPlaceholder");
                    if (minSearchLength && placeholder === _message.default.format("Search")) {
                        placeholder = _message.default.getFormatter("dxLookup-searchPlaceholder")(minSearchLength)
                    }
                    null === (_this$_searchBox6 = this._searchBox) || void 0 === _this$_searchBox6 || _this$_searchBox6.option("placeholder", placeholder)
                }
                _setAriaTargetForList() {}
                _listConfig() {
                    return (0, _extend.extend)(super._listConfig(), {
                        tabIndex: 0,
                        grouped: this.option("grouped"),
                        groupTemplate: this._getTemplateByOption("groupTemplate"),
                        pullRefreshEnabled: this.option("pullRefreshEnabled"),
                        useNativeScrolling: this.option("useNativeScrolling"),
                        pullingDownText: this.option("pullingDownText"),
                        pulledDownText: this.option("pulledDownText"),
                        refreshingText: this.option("refreshingText"),
                        pageLoadingText: this.option("pageLoadingText"),
                        onScroll: this._scrollHandler.bind(this),
                        onPullRefresh: this._pullRefreshHandler.bind(this),
                        onPageLoading: this._pageLoadingHandler.bind(this),
                        pageLoadMode: this.option("pageLoadMode"),
                        nextButtonText: this.option("nextButtonText"),
                        indicateLoading: this.option("searchEnabled")
                    })
                }
                _listContentReadyHandler() {
                    super._listContentReadyHandler(...arguments);
                    this._refreshSelected()
                }
                _runWithoutCloseOnScroll(callback) {
                    var _this$_popup2;
                    const {
                        _scrollToSelectedItemEnabled: _scrollToSelectedItemEnabled
                    } = this.option();
                    const hideOnParentScroll = null === (_this$_popup2 = this._popup) || void 0 === _this$_popup2 ? void 0 : _this$_popup2.option("hideOnParentScroll");
                    if (!_scrollToSelectedItemEnabled) {
                        callback()
                    } else {
                        var _this$_popup3;
                        null === (_this$_popup3 = this._popup) || void 0 === _this$_popup3 || _this$_popup3.option("hideOnParentScroll", false);
                        callback();
                        this._hideOnParentScrollTimer = setTimeout(() => {
                            var _this$_popup4;
                            null === (_this$_popup4 = this._popup) || void 0 === _this$_popup4 || _this$_popup4.option("hideOnParentScroll", hideOnParentScroll)
                        })
                    }
                }
                _setFocusPolicy() {
                    if (!this.option("focusStateEnabled")) {
                        return
                    }
                    this._runWithoutCloseOnScroll(() => {
                        if (this.option("searchEnabled")) {
                            var _this$_searchBox7;
                            null === (_this$_searchBox7 = this._searchBox) || void 0 === _this$_searchBox7 || _this$_searchBox7.focus()
                        } else {
                            var _this$_list0;
                            null === (_this$_list0 = this._list) || void 0 === _this$_list0 || _this$_list0.focus()
                        }
                    })
                }
                _focusTarget() {
                    return this._$field
                }
                _keyboardEventBindingTarget() {
                    return this._$field
                }
                _listItemClickHandler(e) {
                    this._saveValueChangeEvent(e.event);
                    this._selectListItem(e.itemData, e.event.currentTarget)
                }
                _selectListItem(itemData, target) {
                    var _this$_list1;
                    null === (_this$_list1 = this._list) || void 0 === _this$_list1 || _this$_list1.selectItem(target);
                    const {
                        applyValueMode: applyValueMode
                    } = this.option();
                    if ("instantly" === applyValueMode) {
                        this._applyButtonHandler()
                    }
                }
                _currentSelectedItem() {
                    var _this$_list10;
                    return this.option("grouped") ? this._list.option("selectedItems[0]").items[0] : null === (_this$_list10 = this._list) || void 0 === _this$_list10 ? void 0 : _this$_list10.option("selectedItems[0]")
                }
                _resetValue(e) {
                    this._saveValueChangeEvent(e.event);
                    this.option("value", null);
                    this.option("opened", false)
                }
                _searchValue() {
                    return this.option("searchEnabled") && this._searchBox ? this._searchBox.option("value") : ""
                }
                _renderInputValue() {
                    return super._renderInputValue(...arguments).always(() => {
                        this._refreshSelected()
                    })
                }
                _renderPlaceholder() {
                    if (0 === this.$element().find(".dx-texteditor-input").length) {
                        return
                    }
                    super._renderPlaceholder()
                }
                _clean() {
                    this._$fieldWrapper.remove();
                    clearTimeout(this._hideOnParentScrollTimer);
                    this._hideOnParentScrollTimer = null;
                    this._$searchBox = null;
                    super._clean()
                }
                _optionChanged(args) {
                    var _this$_searchBox8;
                    const {
                        name: name,
                        fullName: fullName,
                        value: value
                    } = args;
                    switch (name) {
                        case "dataSource":
                            super._optionChanged(...arguments);
                            this._renderField();
                            break;
                        case "searchEnabled":
                            if (this._popup) {
                                this._removeSearch();
                                this._renderSearch()
                            }
                            break;
                        case "searchPlaceholder":
                            this._setSearchPlaceholder();
                            break;
                        case "minSearchLength":
                            this._setSearchPlaceholder();
                            super._optionChanged(...arguments);
                            break;
                        case "inputAttr":
                            this._applyInputAttributes(value);
                            break;
                        case "usePopover":
                        case "placeholder":
                            this._invalidate();
                            break;
                        case "clearButtonText":
                        case "showClearButton":
                        case "showCancelButton":
                            this._setPopupOption("toolbarItems", this._getPopupToolbarItems());
                            break;
                        case "applyValueMode":
                        default:
                            super._optionChanged(...arguments);
                            break;
                        case "onPageLoading":
                            this._initPageLoadingAction();
                            break;
                        case "onPullRefresh":
                            this._initPullRefreshAction();
                            break;
                        case "pullRefreshEnabled":
                        case "useNativeScrolling":
                        case "pullingDownText":
                        case "pulledDownText":
                        case "refreshingText":
                        case "pageLoadingText":
                        case "nextButtonText":
                        case "grouped":
                        case "groupTemplate":
                            this._setListOption(name);
                            break;
                        case "searchStartEvent":
                            null === (_this$_searchBox8 = this._searchBox) || void 0 === _this$_searchBox8 || _this$_searchBox8.option("valueChangeEvent", value);
                            break;
                        case "onScroll":
                            this._initScrollAction();
                            break;
                        case "pageLoadMode":
                            this._setListOption("pageLoadMode", this.option("pageLoadMode"));
                            break;
                        case "cleanSearchOnOpening":
                        case "_scrollToSelectedItemEnabled":
                            break;
                        case "dropDownOptions":
                            switch (fullName) {
                                case "dropDownOptions.width":
                                case "dropDownOptions.height": {
                                    const args = {
                                        name: name,
                                        fullName: fullName,
                                        value: "auto" === value ? this.initialOption("dropDownOptions")[(0, _utils.getFieldName)(fullName)] : value
                                    };
                                    this._popupOptionChanged(args);
                                    this._innerWidgetOptionChanged(this._popup, args);
                                    break
                                }
                                default:
                                    super._optionChanged(args)
                            }
                            break;
                        case "dropDownCentered":
                            if (this.option("_scrollToSelectedItemEnabled")) {
                                this.option("dropDownOptions.position", void 0);
                                this._renderPopup()
                            }
                    }
                }
                focus() {
                    this.option("opened") ? this._setFocusPolicy() : _events_engine.default.trigger(this._focusTarget(), "focus")
                }
                field() {
                    return this._$field
                }
            }(0, _component_registrator.default)("dxLookup", Lookup);
            exports.default = Lookup
        },
        74538(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _m_track_bar = _interopRequireDefault(__webpack_require__( /*! ../ui/m_track_bar */ 37062));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class ProgressBar extends _m_track_bar.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        value: 0,
                        statusFormat: ratio => `Progress: ${Math.round(100*ratio)}%`,
                        showStatus: true,
                        onComplete: null,
                        activeStateEnabled: false,
                        statusPosition: "bottom left",
                        _animatingSegmentCount: 0
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: device => "android" === device.platform,
                        options: {
                            _animatingSegmentCount: 2
                        }
                    }])
                }
                _toggleReadOnlyState() {
                    this.setAria("readonly", void 0)
                }
                _initMarkup() {
                    this._renderStatus();
                    this._createCompleteAction();
                    super._initMarkup();
                    this.$element().addClass("dx-progressbar");
                    this._$wrapper.addClass("dx-progressbar-wrapper");
                    this._$bar.addClass("dx-progressbar-container");
                    this.setAria("role", "progressbar");
                    (0, _renderer.default)("<div>").addClass("dx-progressbar-range-container").appendTo(this._$wrapper).append(this._$bar);
                    this._$range.addClass("dx-progressbar-range");
                    const {
                        showStatus: showStatus
                    } = this.option();
                    this._toggleStatus(showStatus)
                }
                _useTemplates() {
                    return false
                }
                _createCompleteAction() {
                    this._completeAction = this._createActionByOption("onComplete")
                }
                _renderStatus() {
                    this._$status = (0, _renderer.default)("<div>").addClass("dx-progressbar-status")
                }
                _renderIndeterminateState() {
                    this._$segmentContainer = (0, _renderer.default)("<div>").addClass("dx-progressbar-animating-container");
                    const {
                        _animatingSegmentCount: segments
                    } = this.option();
                    for (let i = 0; i < segments; i += 1) {
                        (0, _renderer.default)("<div>").addClass("dx-progressbar-animating-segment").addClass(`dx-progressbar-animating-segment-${i+1}`).appendTo(this._$segmentContainer)
                    }
                    this._$segmentContainer.appendTo(this._$wrapper)
                }
                _toggleStatus(value) {
                    const {
                        statusPosition: statusPosition
                    } = this.option();
                    const splitPosition = statusPosition.split(" ");
                    if (value) {
                        if ("top" === splitPosition[0] || "left" === splitPosition[0]) {
                            this._$status.prependTo(this._$wrapper)
                        } else {
                            this._$status.appendTo(this._$wrapper)
                        }
                    } else {
                        this._$status.detach()
                    }
                    this._togglePositionClass()
                }
                _togglePositionClass() {
                    const {
                        statusPosition: statusPosition
                    } = this.option();
                    const splitPosition = statusPosition.split(" ");
                    this._$wrapper.removeClass("dx-position-top-left dx-position-top-right dx-position-bottom-left dx-position-bottom-right dx-position-left dx-position-right");
                    let positionClass = `dx-position-${splitPosition[0]}`;
                    if (splitPosition[1]) {
                        positionClass += `-${splitPosition[1]}`
                    }
                    this._$wrapper.addClass(positionClass)
                }
                _toggleIndeterminateState(value) {
                    if (value) {
                        this._renderIndeterminateState();
                        this._$bar.toggle(false)
                    } else {
                        var _this$_$segmentContai;
                        this._$bar.toggle(true);
                        null === (_this$_$segmentContai = this._$segmentContainer) || void 0 === _this$_$segmentContai || _this$_$segmentContai.remove();
                        delete this._$segmentContainer
                    }
                }
                _renderValue() {
                    const {
                        value: value,
                        max: max
                    } = this.option();
                    if (!value && 0 !== value) {
                        this._toggleIndeterminateState(true);
                        return
                    }
                    if (this._$segmentContainer) {
                        this._toggleIndeterminateState(false)
                    }
                    if (value === max) {
                        this._completeAction()
                    }
                    super._renderValue();
                    this._setStatus()
                }
                _setStatus() {
                    const {
                        statusFormat: statusFormat
                    } = this.option();
                    let format = statusFormat;
                    if ((0, _type.isFunction)(format)) {
                        format = format.bind(this)
                    } else {
                        format = function(value) {
                            return value
                        }
                    }
                    const statusText = format(this._currentRatio, this.option("value"));
                    this._$status.text(statusText)
                }
                _dispose() {
                    this._$status.remove();
                    super._dispose()
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "statusFormat":
                            this._setStatus();
                            break;
                        case "showStatus":
                            this._toggleStatus(value);
                            break;
                        case "statusPosition": {
                            const {
                                showStatus: showStatus
                            } = this.option();
                            this._toggleStatus(showStatus);
                            break
                        }
                        case "onComplete":
                            this._createCompleteAction();
                            break;
                        case "_animatingSegmentCount":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }(0, _component_registrator.default)("dxProgressBar", ProgressBar);
            exports.default = ProgressBar
        },
        49824(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../common/core/events/utils/index */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _size = __webpack_require__( /*! ../../core/utils/size */ 57653);
            var _m_slider = _interopRequireDefault(__webpack_require__( /*! ../ui/slider/m_slider */ 8532));
            var _m_slider_handle = _interopRequireDefault(__webpack_require__( /*! ./slider/m_slider_handle */ 29049));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class RangeSlider extends _m_slider.default {
                _supportedKeys() {
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    const that = this;
                    const _changeHandle = function(e, capturedHandle) {
                        if (that.option("start") === that.option("end")) {
                            that._capturedHandle = capturedHandle;
                            e.target = that._capturedHandle;
                            _events_engine.default.trigger(that._capturedHandle, "focus")
                        }
                    };
                    const _setHandleValue = function(e, step, sign) {
                        const isStart = (0, _renderer.default)(e.target).hasClass("dx-rangeslider-start-handle");
                        const valueOption = isStart ? "start" : "end";
                        let val = that.option(valueOption);
                        step = that._valueStep(step);
                        val += sign * (rtlEnabled ? -step : step);
                        that.option(valueOption, val)
                    };
                    const moveHandleRight = function(e, step) {
                        _changeHandle(e, rtlEnabled ? that._$handleStart : that._$handleEnd);
                        _setHandleValue(e, step, 1)
                    };
                    const moveHandleLeft = function(e, step) {
                        _changeHandle(e, rtlEnabled ? that._$handleEnd : that._$handleStart);
                        _setHandleValue(e, step, -1)
                    };
                    return Object.assign({}, super._supportedKeys(), {
                        leftArrow(e) {
                            this._processKeyboardEvent(e);
                            moveHandleLeft(e, this.option("step"))
                        },
                        rightArrow(e) {
                            this._processKeyboardEvent(e);
                            moveHandleRight(e, this.option("step"))
                        },
                        pageUp(e) {
                            this._processKeyboardEvent(e);
                            moveHandleRight(e, this.option("step") * this.option("keyStep"))
                        },
                        pageDown(e) {
                            this._processKeyboardEvent(e);
                            moveHandleLeft(e, this.option("step") * this.option("keyStep"))
                        },
                        home(e) {
                            this._processKeyboardEvent(e);
                            const isStart = (0, _renderer.default)(e.target).hasClass("dx-rangeslider-start-handle");
                            const valueOption = isStart ? "start" : "end";
                            const startOption = isStart ? "min" : "start";
                            const val = this.option(startOption);
                            this.option(valueOption, val)
                        },
                        end(e) {
                            this._processKeyboardEvent(e);
                            const isStart = (0, _renderer.default)(e.target).hasClass("dx-rangeslider-start-handle");
                            const valueOption = isStart ? "start" : "end";
                            const endOption = isStart ? "end" : "max";
                            const val = this.option(endOption);
                            this.option(valueOption, val)
                        }
                    })
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        start: 40,
                        end: 60,
                        value: [40, 60],
                        startName: "",
                        endName: ""
                    })
                }
                _renderSubmitElement() {
                    const {
                        startName: startName,
                        endName: endName
                    } = this.option();
                    const $element = this.$element();
                    this._$submitStartElement = (0, _renderer.default)("<input>").attr("type", "hidden").attr("name", startName).appendTo($element);
                    this._$submitEndElement = (0, _renderer.default)("<input>").attr("type", "hidden").attr("name", endName).appendTo($element)
                }
                _initOptions(options) {
                    super._initOptions(options);
                    const initialValue = this.initialOption("value");
                    const {
                        value: value = []
                    } = this.option();
                    if (value[0] === initialValue[0] && value[1] === initialValue[1]) {
                        this.option("value", [this.option("start"), this.option("end")])
                    } else {
                        this.option({
                            start: value[0],
                            end: value[1]
                        })
                    }
                }
                _initMarkup() {
                    this.$element().addClass("dx-rangeslider");
                    super._initMarkup()
                }
                _renderContentImpl() {
                    this._callHandlerMethod("repaint");
                    super._renderContentImpl()
                }
                _renderHandle() {
                    const {
                        start: start,
                        end: end
                    } = this.option();
                    this._$handleStart = this._renderHandleImpl(start, this._$handleStart);
                    this._$handleStart.addClass("dx-rangeslider-start-handle");
                    this._$handleEnd = this._renderHandleImpl(end, this._$handleEnd);
                    this._$handleEnd.addClass("dx-rangeslider-end-handle");
                    this._updateHandleAriaLabels()
                }
                _startHandler(args) {
                    const e = args.event;
                    const $range = this._$range;
                    const rangeWidth = (0, _size.getWidth)($range);
                    const eventOffsetX = (0, _index.eventData)(e).x - this._$bar.offset().left;
                    const startHandleX = $range.position().left;
                    const endHandleX = $range.position().left + rangeWidth;
                    const rtlEnabled = this.option("rtlEnabled");
                    const startHandleIsClosest = (rtlEnabled ? -1 : 1) * ((startHandleX + endHandleX) / 2 - eventOffsetX) > 0;
                    this._capturedHandle = startHandleIsClosest ? this._$handleStart : this._$handleEnd;
                    super._startHandler(args)
                }
                _updateHandleAriaLabels() {
                    this.setAria("label", _message.default.getFormatter("dxRangeSlider-ariaFrom")(this.option("dxRangeSlider-ariaFrom")), this._$handleStart);
                    this.setAria("label", _message.default.getFormatter("dxRangeSlider-ariaTill")(this.option("dxRangeSlider-ariaTill")), this._$handleEnd)
                }
                _activeHandle() {
                    return this._capturedHandle
                }
                _updateHandlePosition(e) {
                    const rtlEnabled = this.option("rtlEnabled");
                    const offsetDirection = rtlEnabled ? -1 : 1;
                    const max = this.option("max");
                    const min = this.option("min");
                    let newRatio = this._startOffset + offsetDirection * e.event.offset / this._swipePixelRatio();
                    newRatio = newRatio.toPrecision(12);
                    const newValue = newRatio * (max - min) + min;
                    this._updateSelectedRangePosition(newRatio, newRatio);
                    this._changeValueOnSwipe(newRatio);
                    const [startValue, endValue] = this._getActualValue();
                    if (startValue === endValue) {
                        let $nextHandle = (0, _renderer.default)();
                        if (newValue < startValue) {
                            $nextHandle = this._$handleStart
                        } else {
                            $nextHandle = this._$handleEnd
                        }
                        _events_engine.default.trigger($nextHandle, "focus");
                        if ($nextHandle && $nextHandle !== this._capturedHandle) {
                            const leftRatio = (startValue - min) / (max - min);
                            const rightRatio = (endValue - min) / (max - min);
                            this._updateSelectedRangePosition(leftRatio, rightRatio);
                            this._toggleActiveState(this._activeHandle(), false);
                            this._toggleActiveState($nextHandle, true);
                            this._capturedHandle = $nextHandle
                        }
                        this._updateSelectedRangePosition(newRatio, newRatio);
                        this._changeValueOnSwipe(newRatio)
                    }
                }
                _updateSelectedRangePosition(leftRatio, rightRatio) {
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    const moveRight = this._capturedHandle === this._$handleStart && rtlEnabled || this._capturedHandle === this._$handleEnd && !rtlEnabled;
                    const prop = moveRight ? "right" : "left";
                    if (rtlEnabled ^ moveRight) {
                        this._$range.css(prop, 100 - 100 * rightRatio + "%")
                    } else {
                        this._$range.css(prop, 100 * leftRatio + "%")
                    }
                }
                _setValueOnSwipe(value) {
                    const option = this._capturedHandle === this._$handleStart ? "start" : "end";
                    let [start, end] = this._getActualValue();
                    const {
                        max: max,
                        min: min
                    } = this.option();
                    start = Math.min(Math.max(start, min), max);
                    end = Math.min(Math.max(end, min), max);
                    if ("start" === option) {
                        start = value > end ? end : value
                    } else {
                        end = value < start ? start : value
                    }
                    const {
                        valueChangeMode: valueChangeMode
                    } = this.option();
                    if ("onHandleMove" === valueChangeMode) {
                        this.option("value", [start, end])
                    } else {
                        this._actualValue = [start, end];
                        this._renderValue()
                    }
                }
                _renderValue() {
                    let [valStart, valEnd] = this._getActualValue();
                    const {
                        min: min,
                        max: max
                    } = this.option();
                    const rtlEnabled = this.option("rtlEnabled");
                    valStart = Math.max(min, Math.min(valStart, max));
                    valEnd = Math.max(valStart, Math.min(valEnd, max));
                    const {
                        valueChangeMode: valueChangeMode
                    } = this.option();
                    if ("onHandleMove" === valueChangeMode) {
                        this._setOptionWithoutOptionChange("start", valStart);
                        this._setOptionWithoutOptionChange("end", valEnd);
                        this._setOptionWithoutOptionChange("value", [valStart, valEnd])
                    }
                    this._$submitStartElement.val((0, _common.applyServerDecimalSeparator)(valStart));
                    this._$submitEndElement.val((0, _common.applyServerDecimalSeparator)(valEnd));
                    const ratio1 = max === min ? 0 : (valStart - min) / (max - min);
                    const ratio2 = max === min ? 0 : (valEnd - min) / (max - min);
                    const startOffset = `${parseFloat((100*ratio1).toPrecision(12))}%`;
                    const endOffset = `${parseFloat((100*(1-ratio2)).toPrecision(12))}%`;
                    if (!this._needPreventAnimation) {
                        this._setRangeStyles({
                            right: rtlEnabled ? startOffset : endOffset,
                            left: rtlEnabled ? endOffset : startOffset
                        })
                    }
                    _m_slider_handle.default.getInstance(this._$handleStart).option("value", valStart);
                    _m_slider_handle.default.getInstance(this._$handleEnd).option("value", valEnd)
                }
                _callHandlerMethod(name, args) {
                    _m_slider_handle.default.getInstance(this._$handleStart)[name](args);
                    _m_slider_handle.default.getInstance(this._$handleEnd)[name](args)
                }
                _setValueOption() {
                    const start = this.option("start");
                    const end = this.option("end");
                    this.option("value", [start, end])
                }
                _rangesAreEqual(firstRange, secondRange) {
                    return firstRange[0] === secondRange[0] && firstRange[1] === secondRange[1]
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "value": {
                            if (this._rangesAreEqual(args.value, args.previousValue)) {
                                break
                            }
                            this._setOptionWithoutOptionChange("start", args.value[0]);
                            this._setOptionWithoutOptionChange("end", args.value[1]);
                            this._renderValue();
                            const start = this.option("start");
                            const end = this.option("end");
                            const isDirty = !this._rangesAreEqual(this._initialValue, args.value);
                            this.option("isDirty", isDirty);
                            this._createActionByOption("onValueChanged", {
                                excludeValidators: ["disabled", "readOnly"]
                            })({
                                start: start,
                                end: end,
                                value: [start, end],
                                event: this._valueChangeEventInstance,
                                previousValue: args.previousValue
                            });
                            this.validationRequest.fire({
                                value: [start, end],
                                editor: this
                            });
                            this._saveValueChangeEvent(void 0);
                            break
                        }
                        case "start":
                        case "end":
                            this._setValueOption();
                            break;
                        case "startName":
                            this._$submitStartElement.attr("name", args.value);
                            break;
                        case "endName":
                            this._$submitEndElement.attr("name", args.value);
                            break;
                        case "name":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }(0, _component_registrator.default)("dxRangeSlider", RangeSlider);
            exports.default = RangeSlider
        },
        30149(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.SELECTBOX_CLASS = void 0;
            __webpack_require__( /*! ../ui/list/modules/selection */ 81400);
            var _utils = __webpack_require__( /*! ../../common/core/events/utils */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../core/dom_adapter */ 64960));
            var _element = __webpack_require__( /*! ../../core/element */ 61404);
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../core/errors */ 87129));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _m_drop_down_list = _interopRequireDefault(__webpack_require__( /*! ../ui/drop_down_editor/m_drop_down_list */ 20287));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const SELECTBOX_CLASS = exports.SELECTBOX_CLASS = "dx-selectbox";
            class SelectBox extends _m_drop_down_list.default {
                _supportedKeys() {
                    const that = this;
                    const parent = super._supportedKeys();
                    const clearSelectBox = function(e) {
                        const isEditable = this._isEditable();
                        if (!isEditable) {
                            if (this.option("showClearButton")) {
                                e.preventDefault();
                                this.clear()
                            }
                        } else if (this._valueSubstituted()) {
                            this._preventFiltering = true
                        }
                        this._savedTextRemoveEvent = e;
                        this._preventSubstitution = true
                    };
                    const searchIfNeeded = function() {
                        if (that.option("searchEnabled") && that._valueSubstituted()) {
                            that._searchHandler()
                        }
                    };
                    return Object.assign({}, parent, {
                        tab() {
                            const {
                                opened: opened
                            } = this.option();
                            const popupHasFocusableElements = opened && !!this._popup.getFocusableElements().length;
                            if (!popupHasFocusableElements) {
                                this._resetCaretPosition(true)
                            }
                            parent.tab && parent.tab.apply(this, arguments);
                            if (!popupHasFocusableElements) {
                                this._cancelSearchIfNeed()
                            }
                        },
                        upArrow(e) {
                            if (parent.upArrow.apply(this, arguments)) {
                                if (!this.option("opened")) {
                                    this._setNextValue(e)
                                }
                                return true
                            }
                            return
                        },
                        downArrow(e) {
                            if (parent.downArrow.apply(this, arguments)) {
                                if (!this.option("opened")) {
                                    this._setNextValue(e)
                                }
                                return true
                            }
                            return
                        },
                        leftArrow() {
                            var _parent$leftArrow;
                            searchIfNeeded();
                            null === (_parent$leftArrow = parent.leftArrow) || void 0 === _parent$leftArrow || _parent$leftArrow.apply(this, arguments)
                        },
                        rightArrow() {
                            var _parent$rightArrow;
                            searchIfNeeded();
                            null === (_parent$rightArrow = parent.rightArrow) || void 0 === _parent$rightArrow || _parent$rightArrow.apply(this, arguments)
                        },
                        home() {
                            var _parent$home;
                            searchIfNeeded();
                            null === (_parent$home = parent.home) || void 0 === _parent$home || _parent$home.apply(this, arguments)
                        },
                        end() {
                            var _parent$end;
                            searchIfNeeded();
                            null === (_parent$end = parent.end) || void 0 === _parent$end || _parent$end.apply(this, arguments)
                        },
                        escape() {
                            var _parent$escape;
                            const result = null === (_parent$escape = parent.escape) || void 0 === _parent$escape ? void 0 : _parent$escape.apply(this, arguments);
                            this._cancelEditing();
                            return result ?? true
                        },
                        enter(e) {
                            const isOpened = this.option("opened");
                            const inputText = this._input().val().trim();
                            const isCustomText = inputText && this._list && !this._list.option("focusedElement");
                            if (!inputText && (0, _type.isDefined)(this.option("value")) && this.option("allowClearing")) {
                                this._saveValueChangeEvent(e);
                                this.option({
                                    selectedItem: null,
                                    value: null
                                });
                                this.close()
                            } else {
                                var _parent$enter;
                                if (this.option("acceptCustomValue")) {
                                    e.preventDefault();
                                    if (isCustomText) {
                                        if (isOpened) {
                                            this._toggleOpenState()
                                        }
                                        this._valueChangeEventHandler(e)
                                    }
                                    return isOpened
                                }
                                if (null !== (_parent$enter = parent.enter) && void 0 !== _parent$enter && _parent$enter.apply(this, arguments)) {
                                    return isOpened
                                }
                            }
                        },
                        space(e) {
                            const isOpened = this.option("opened");
                            const isSearchEnabled = this.option("searchEnabled");
                            const acceptCustomValue = this.option("acceptCustomValue");
                            if (!isOpened || isSearchEnabled || acceptCustomValue) {
                                return
                            }
                            e.preventDefault();
                            this._valueChangeEventHandler(e);
                            return true
                        },
                        backspace: clearSelectBox,
                        del: clearSelectBox
                    })
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        placeholder: _message.default.format("Select"),
                        fieldTemplate: null,
                        customItemCreateEvent: "change",
                        acceptCustomValue: false,
                        onCustomItemCreating(e) {
                            if (!(0, _type.isDefined)(e.customItem)) {
                                e.customItem = e.text
                            }
                        },
                        showSelectionControls: false,
                        allowClearing: true,
                        tooltipEnabled: false,
                        openOnFieldClick: true,
                        showDropDownButton: true,
                        displayCustomValue: false,
                        useHiddenSubmitElement: true
                    })
                }
                _init() {
                    super._init();
                    this._initCustomItemCreatingAction()
                }
                _initMarkup() {
                    this.$element().addClass(SELECTBOX_CLASS);
                    this._renderTooltip();
                    super._initMarkup();
                    this._$container.addClass("dx-selectbox-container")
                }
                _createPopup() {
                    super._createPopup();
                    this._popup.$element().addClass("dx-selectbox-popup");
                    this._popup.$overlayContent().attr("tabindex", -1)
                }
                _popupWrapperClass() {
                    return `${super._popupWrapperClass()} dx-selectbox-popup-wrapper`
                }
                _cancelEditing() {
                    if (!this.option("searchEnabled") && this._list) {
                        this._focusListElement(null);
                        this._updateField(this.option("selectedItem"))
                    }
                }
                _renderOpenedState() {
                    super._renderOpenedState();
                    if (this.option("opened")) {
                        this._scrollToSelectedItem();
                        this._focusSelectedElement()
                    }
                }
                _focusSelectedElement() {
                    const searchValue = this._searchValue();
                    if (!searchValue) {
                        this._focusListElement(null);
                        return
                    }
                    const {
                        items: items,
                        selectedItem: selectedItem
                    } = this.option();
                    const $listItems = this._list._itemElements();
                    const index = (null === items || void 0 === items ? void 0 : items.indexOf(selectedItem)) ?? -1;
                    const focusedElement = -1 !== index && !this._isCustomItemSelected() ? $listItems.eq(index) : null;
                    this._focusListElement(focusedElement)
                }
                _renderFocusedElement() {
                    if (!this._list) {
                        return
                    }
                    const searchValue = this._searchValue();
                    if (!searchValue || this.option("acceptCustomValue")) {
                        this._focusListElement(null);
                        return
                    }
                    const $listItems = this._list._itemElements();
                    const focusedElement = $listItems.not(".dx-state-disabled").eq(0);
                    this._focusListElement(focusedElement)
                }
                _focusListElement(element) {
                    this._preventInputValueRender = true;
                    this._list.option("focusedElement", (0, _element.getPublicElement)(element));
                    delete this._preventInputValueRender
                }
                _scrollToSelectedItem() {
                    if (!this._list) {
                        return
                    }
                    const {
                        selectedItem: selectedItem
                    } = this._list.option();
                    this._list.scrollToItem(selectedItem)
                }
                _listContentReadyHandler() {
                    super._listContentReadyHandler();
                    const isPaginate = this._dataController.paginate();
                    if (isPaginate && this._needPopupRepaint()) {
                        return
                    }
                    this._scrollToSelectedItem()
                }
                _renderValue() {
                    this._renderInputValue();
                    this._setSubmitValue();
                    return (0, _deferred.Deferred)().resolve()
                }
                _renderInputValue() {
                    return super._renderInputValue(...arguments).always(() => {
                        this._renderInputValueAsync()
                    })
                }
                _renderInputValueAsync() {
                    this._renderTooltip();
                    this._renderInputValueImpl().always(() => {
                        this._refreshSelected()
                    })
                }
                _renderInputValueImpl() {
                    this._renderField();
                    return (0, _deferred.Deferred)().resolve()
                }
                _setNextItem(step) {
                    const item = this._calcNextItem(step);
                    const value = this._valueGetter(item);
                    this._setValue(value)
                }
                _setNextValue(e) {
                    const dataSourceIsLoaded = this._dataController.isLoaded() ? (0, _deferred.Deferred)().resolve() : this._dataController.load();
                    dataSourceIsLoaded.done(() => {
                        const selectedIndex = this._getSelectedIndex();
                        const hasPages = this._dataController.pageSize();
                        const isLastPage = this._dataController.isLastPage();
                        const isLastItem = selectedIndex === this._items().length - 1;
                        this._saveValueChangeEvent(e);
                        const step = "downArrow" === (0, _utils.normalizeKeyName)(e) ? 1 : -1;
                        if (hasPages && !isLastPage && isLastItem && step > 0) {
                            if (!this._popup) {
                                this._createPopup()
                            }
                            if (!this._dataController.isLoading()) {
                                this._list._loadNextPage().done(this._setNextItem.bind(this, step))
                            }
                        } else {
                            this._setNextItem(step)
                        }
                    })
                }
                _setSelectedItem(item) {
                    const isUnknownItem = !this._isCustomValueAllowed() && void 0 === item;
                    super._setSelectedItem(isUnknownItem ? null : item);
                    if (!isUnknownItem && (!this._isEditable() || this._isCustomItemSelected())) {
                        this._setListOption("selectedItem", this.option("selectedItem"))
                    }
                }
                _isCustomValueAllowed() {
                    return this.option("acceptCustomValue") || super._isCustomValueAllowed()
                }
                _displayValue(item) {
                    item = !(0, _type.isDefined)(item) && this._isCustomValueAllowed() ? this.option("value") : item;
                    return super._displayValue(item)
                }
                _listConfig() {
                    const result = (0, _extend.extend)(super._listConfig(), {
                        pageLoadMode: "scrollBottom",
                        onSelectionChanged: this._getSelectionChangeHandler(),
                        selectedItem: this.option("selectedItem"),
                        onFocusedItemChanged: this._listFocusedItemChangeHandler.bind(this),
                        _onItemsRendered: () => {
                            this._popup.repaint();
                            if (this.option("opened")) {
                                this._scrollToSelectedItem()
                            }
                        }
                    });
                    if (this.option("showSelectionControls")) {
                        (0, _extend.extend)(result, {
                            showSelectionControls: true,
                            selectByClick: true
                        })
                    }
                    return result
                }
                _listFocusedItemChangeHandler(e) {
                    if (this._preventInputValueRender) {
                        return
                    }
                    const list = e.component;
                    const focusedElement = (0, _renderer.default)(list.option("focusedElement"));
                    const focusedItem = list._getItemData(focusedElement);
                    this._updateField(focusedItem)
                }
                _updateField(item) {
                    const {
                        fieldTemplate: fieldTemplateOption
                    } = this.option();
                    const fieldTemplate = this._getTemplate(fieldTemplateOption);
                    if (!(fieldTemplate && fieldTemplateOption)) {
                        const text = this._displayGetter(item);
                        this.option("text", text);
                        this._renderDisplayText(text);
                        return
                    }
                    this._renderField()
                }
                _getSelectionChangeHandler() {
                    return this.option("showSelectionControls") ? this._selectionChangeHandler.bind(this) : _common.noop
                }
                _selectionChangeHandler(e) {
                    (0, _iterator.each)(e.addedItems || [], (_, addedItem) => {
                        this._setValue(this._valueGetter(addedItem))
                    })
                }
                _getActualSearchValue() {
                    return this._dataController.searchValue()
                }
                _isInlineAutocompleteEnabled() {
                    const {
                        searchEnabled: searchEnabled,
                        acceptCustomValue: acceptCustomValue,
                        searchMode: searchMode
                    } = this.option();
                    return searchEnabled && !acceptCustomValue && "startswith" === searchMode
                }
                _getAriaAutocomplete() {
                    const {
                        disabled: disabled,
                        readOnly: readOnly,
                        searchEnabled: searchEnabled
                    } = this.option();
                    const isInputEditable = !(readOnly || disabled);
                    const hasAutocomplete = searchEnabled && isInputEditable;
                    if (!hasAutocomplete) {
                        return "none"
                    }
                    const isInlineAutocompleteEnabled = this._isInlineAutocompleteEnabled();
                    const autocompleteAria = isInlineAutocompleteEnabled ? "both" : "list";
                    return autocompleteAria
                }
                _toggleOpenState(isVisible) {
                    if (this.option("disabled")) {
                        return
                    }
                    isVisible = arguments.length ? isVisible : !this.option("opened");
                    if (!isVisible && !this._shouldClearFilter()) {
                        this._restoreInputText(true)
                    }
                    if (this._wasSearch() && isVisible) {
                        this._wasSearch(false);
                        const showDataImmediately = this.option("showDataBeforeSearch") || this._isMinSearchLengthExceeded();
                        if (showDataImmediately && this._dataController.getDataSource()) {
                            if (this._searchTimer) {
                                return
                            }
                            const searchValue = this._getActualSearchValue();
                            searchValue && this._wasSearch(true);
                            this._filterDataSource(searchValue || null)
                        } else {
                            this._setListOption("items", [])
                        }
                    }
                    if (isVisible) {
                        this._scrollToSelectedItem()
                    }
                    super._toggleOpenState(isVisible)
                }
                _renderTooltip() {
                    const {
                        tooltipEnabled: tooltipEnabled,
                        displayValue: displayValue
                    } = this.option();
                    if (tooltipEnabled) {
                        this.$element().attr("title", displayValue)
                    }
                }
                _renderDimensions() {
                    super._renderDimensions();
                    this._updatePopupWidth();
                    this._updateListDimensions()
                }
                _isValueEqualInputText() {
                    const initialSelectedItem = this.option("selectedItem");
                    if (null === initialSelectedItem) {
                        return false
                    }
                    const value = this._displayGetter(initialSelectedItem);
                    const displayValue = value ? String(value) : "";
                    const inputText = this._searchValue();
                    return displayValue === inputText
                }
                _popupHidingHandler() {
                    if (this._isValueEqualInputText()) {
                        this._cancelEditing()
                    }
                    super._popupHidingHandler()
                }
                _popupHiddenHandler() {
                    super._popupHiddenHandler();
                    if (this._shouldCancelSearch()) {
                        this._wasSearch(false);
                        this._searchCanceled();
                        this._shouldCancelSearch(false)
                    }
                }
                _restoreInputText(saveEditingValue) {
                    var _this$_loadItemDeferr;
                    if (this.option("readOnly")) {
                        return
                    }
                    null === (_this$_loadItemDeferr = this._loadItemDeferred) || void 0 === _this$_loadItemDeferr || _this$_loadItemDeferr.always(() => {
                        const {
                            acceptCustomValue: acceptCustomValue,
                            text: text,
                            selectedItem: initialSelectedItem,
                            customItemCreateEvent: customItemCreateEvent
                        } = this.option();
                        if (acceptCustomValue) {
                            if (!saveEditingValue && !this._isValueChanging) {
                                let initialItem = null;
                                if ((0, _type.isDefined)(initialSelectedItem)) {
                                    initialItem = initialSelectedItem
                                } else if ("" !== customItemCreateEvent) {
                                    initialItem = this._createCustomItem(text)
                                }
                                this._updateField(initialItem);
                                this._clearFilter()
                            }
                            return
                        }
                        if (this.option("searchEnabled")) {
                            if (!this._searchValue() && this.option("allowClearing")) {
                                this._clearTextValue();
                                return
                            }
                        }
                        if (this._isValueEqualInputText()) {
                            return
                        }
                        this._renderInputValue().always(selectedItem => {
                            const newSelectedItem = (0, _common.ensureDefined)(selectedItem, initialSelectedItem);
                            this._setSelectedItem(newSelectedItem);
                            this._updateField(newSelectedItem);
                            this._clearFilter()
                        })
                    })
                }
                _valueChangeEventIncludesBlur() {
                    const valueChangeEvent = this.option(this._getValueChangeEventOptionName());
                    return valueChangeEvent.includes("blur")
                }
                _isPreventedFocusOutEvent(e) {
                    return this._preventNestedFocusEvent(e) || this._valueChangeEventIncludesBlur()
                }
                _focusOutHandler(e) {
                    if (!this._isPreventedFocusOutEvent(e)) {
                        const isOverlayTarget = this._isOverlayNestedTarget(e.relatedTarget);
                        if (!isOverlayTarget) {
                            this._restoreInputText();
                            this._clearSearchTimer()
                        }
                        this._cancelSearchIfNeed(e)
                    }
                    e.target = this._input().get(0);
                    super._focusOutHandler(e)
                }
                _cancelSearchIfNeed(e) {
                    const {
                        searchEnabled: searchEnabled
                    } = this.option();
                    const isOverlayTarget = this._isOverlayNestedTarget(null === e || void 0 === e ? void 0 : e.relatedTarget);
                    const shouldCancelSearch = this._wasSearch() && searchEnabled && !isOverlayTarget;
                    if (shouldCancelSearch) {
                        var _this$_popup;
                        const isPopupVisible = null === (_this$_popup = this._popup) || void 0 === _this$_popup ? void 0 : _this$_popup._hideAnimationProcessing;
                        this._clearSearchTimer();
                        if (isPopupVisible) {
                            this._shouldCancelSearch(true)
                        } else {
                            this._wasSearch(false);
                            this._searchCanceled()
                        }
                    }
                }
                _shouldCancelSearch(value) {
                    if (!arguments.length) {
                        return this._shouldCancelSearchValue
                    }
                    this._shouldCancelSearchValue = value
                }
                _isOverlayNestedTarget(target) {
                    return !!(0, _renderer.default)(target).closest(".dx-selectbox-popup-wrapper").length
                }
                _clearTextValue() {
                    const selectedItem = this.option("selectedItem");
                    const selectedItemText = this._displayGetter(selectedItem);
                    const shouldRestoreValue = selectedItem && "" !== selectedItemText;
                    if (shouldRestoreValue) {
                        if (this._savedTextRemoveEvent) {
                            this._saveValueChangeEvent(this._savedTextRemoveEvent)
                        }
                        this.option("value", null)
                    }
                    delete this._savedTextRemoveEvent
                }
                _shouldOpenPopup() {
                    return this._needPassDataSourceToList() && this._wasSearch()
                }
                _isFocused() {
                    const activeElement = _dom_adapter.default.getActiveElement(this.element());
                    return super._isFocused() && (0, _renderer.default)(activeElement).closest(this._input()).length > 0
                }
                _getValueChangeEventOptionName() {
                    return "customItemCreateEvent"
                }
                _renderValueChangeEvent() {
                    if (this._isEditable()) {
                        super._renderValueChangeEvent()
                    }
                }
                _fieldRenderData() {
                    const {
                        focusedElement: focusedElement
                    } = this.option();
                    const $listFocused = this._list && this.option("opened") && (0, _renderer.default)(focusedElement);
                    if (null !== $listFocused && void 0 !== $listFocused && $listFocused.length) {
                        return this._list._getItemData($listFocused)
                    }
                    return this.option("selectedItem")
                }
                _isSelectedValue(value, cache) {
                    return this._isValueEquals(value, this.option("value"))
                }
                _shouldCloseOnItemClick() {
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    return !(this.option("showSelectionControls") && "single" !== selectionMode)
                }
                _listItemClickHandler(e) {
                    const previousValue = this._getCurrentValue();
                    this._focusListElement((0, _renderer.default)(e.itemElement));
                    this._saveValueChangeEvent(e.event);
                    this._completeSelection(this._valueGetter(e.itemData));
                    if (this._shouldCloseOnItemClick()) {
                        this.option("opened", false)
                    }
                    if (this.option("searchEnabled") && previousValue === this._valueGetter(e.itemData)) {
                        this._updateField(e.itemData)
                    }
                    if (this._shouldClearFilter()) {
                        this._cancelSearchIfNeed()
                    }
                }
                _shouldClearFilter() {
                    return this._wasSearch()
                }
                _completeSelection(value) {
                    this._setValue(value)
                }
                _loadItem(value, cache) {
                    const that = this;
                    const deferred = (0, _deferred.Deferred)();
                    super._loadItem(value, cache).done(item => {
                        deferred.resolve(item)
                    }).fail(args => {
                        if (null !== args && void 0 !== args && args.shouldSkipCallback) {
                            return
                        }
                        const selectedItem = that.option("selectedItem");
                        if (that.option("acceptCustomValue") && value === that._valueGetter(selectedItem)) {
                            deferred.resolve(selectedItem)
                        } else {
                            deferred.reject()
                        }
                    });
                    return deferred.promise()
                }
                _loadInputValue(value, callback) {
                    this._loadItemDeferred = this._loadItem(value).always(callback);
                    return this._loadItemDeferred
                }
                _isCustomItemSelected() {
                    const selectedItem = this.option("selectedItem");
                    const searchValue = this._searchValue();
                    const selectedItemText = this._displayGetter(selectedItem);
                    return !selectedItemText || searchValue !== selectedItemText.toString()
                }
                _valueChangeEventHandler(e) {
                    if (this.option("acceptCustomValue") && this._isCustomItemSelected() && !this._isValueChanging) {
                        this._isValueChanging = true;
                        this._customItemAddedHandler(e)
                    }
                }
                _initCustomItemCreatingAction() {
                    this._customItemCreatingAction = this._createActionByOption("onCustomItemCreating")
                }
                _createCustomItem(text) {
                    const params = {
                        text: text
                    };
                    const actionResult = this._customItemCreatingAction(params);
                    const item = (0, _common.ensureDefined)(actionResult, params.customItem);
                    if ((0, _type.isDefined)(actionResult)) {
                        _errors.default.log("W0015", "onCustomItemCreating", "customItem")
                    }
                    return item
                }
                _customItemAddedHandler(e) {
                    const searchValue = this._searchValue();
                    const item = this._createCustomItem(searchValue);
                    this._saveValueChangeEvent(e);
                    if (void 0 === item) {
                        this._renderValue();
                        throw _errors.default.Error("E0121")
                    }
                    if ((0, _type.isPromise)(item)) {
                        (0, _deferred.fromPromise)(item).done(this._setCustomItem.bind(this)).fail(this._setCustomItem.bind(this, null))
                    } else {
                        this._setCustomItem(item)
                    }
                }
                _setCustomItem(item) {
                    if (this._disposed) {
                        return
                    }
                    item = item || null;
                    this.option("selectedItem", item);
                    this._cancelSearchIfNeed();
                    this._setValue(this._valueGetter(item));
                    this._renderDisplayText(this._displayGetter(item));
                    this._isValueChanging = false
                }
                _clearValueHandler(e) {
                    this._preventFiltering = true;
                    super._clearValueHandler(e);
                    this._searchCanceled();
                    return false
                }
                _wasSearch(value) {
                    if (!arguments.length) {
                        return !!this._wasSearchValue
                    }
                    this._wasSearchValue = value;
                    return
                }
                _searchHandler(e) {
                    if (this._preventFiltering) {
                        delete this._preventFiltering;
                        return
                    }
                    if (this._needPassDataSourceToList()) {
                        this._wasSearch(true)
                    }
                    super._searchHandler(arguments)
                }
                _dataSourceFiltered(searchValue) {
                    super._dataSourceFiltered();
                    if (null !== searchValue) {
                        this._renderInputSubstitution();
                        this._renderFocusedElement()
                    }
                }
                _valueSubstituted() {
                    const input = this._input().get(0);
                    const currentSearchLength = this._searchValue().length;
                    const isAllSelected = 0 === input.selectionStart && input.selectionEnd === currentSearchLength;
                    const inputHasSelection = input.selectionStart !== input.selectionEnd;
                    const isLastSymbolSelected = currentSearchLength === input.selectionEnd;
                    return this._wasSearch() && inputHasSelection && !isAllSelected && isLastSymbolSelected && this._shouldSubstitutionBeRendered()
                }
                _shouldSubstitutionBeRendered() {
                    return !this._preventSubstitution && this._isInlineAutocompleteEnabled()
                }
                _renderInputSubstitution() {
                    if (!this._shouldSubstitutionBeRendered()) {
                        delete this._preventSubstitution;
                        return
                    }
                    const item = this._list && this._getPlainItems(this._list.option("items"))[0];
                    if (!item) {
                        return
                    }
                    const $input = this._input();
                    const valueLength = $input.val().length;
                    if (0 === valueLength) {
                        return
                    }
                    const inputElement = $input.get(0);
                    const displayValue = this._displayGetter(item).toString();
                    inputElement.value = displayValue;
                    this._caret({
                        start: valueLength,
                        end: displayValue.length
                    })
                }
                _shouldLogFieldTemplateDeprecationWarning() {
                    return true
                }
                _dispose() {
                    this._renderInputValueAsync = _common.noop;
                    delete this._loadItemDeferred;
                    super._dispose()
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "customItemCreateEvent":
                            this._refreshValueChangeEvent();
                            this._refreshFocusEvent();
                            this._refreshEvents();
                            break;
                        case "onCustomItemCreating":
                            this._initCustomItemCreatingAction();
                            break;
                        case "tooltipEnabled":
                            this._renderTooltip();
                            break;
                        case "readOnly":
                        case "disabled":
                        case "searchMode":
                            super._optionChanged(args);
                            this._setDefaultAria();
                            break;
                        case "displayCustomValue":
                        case "acceptCustomValue":
                        case "showSelectionControls":
                            this._invalidate();
                            break;
                        case "allowClearing":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }(0, _component_registrator.default)("dxSelectBox", SelectBox);
            exports.default = SelectBox
        },
        24341(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _click = __webpack_require__( /*! ../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _utils = __webpack_require__( /*! ../../common/core/events/utils */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/message */ 4671));
            var _utils2 = __webpack_require__( /*! ../../common/data/data_source/utils */ 97169);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../core/devices */ 65951));
            var _element = __webpack_require__( /*! ../../core/element */ 61404);
            var _element_data = __webpack_require__( /*! ../../core/element_data */ 74663);
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _bindable_template = __webpack_require__( /*! ../../core/templates/bindable_template */ 27286);
            var _array = __webpack_require__( /*! ../../core/utils/array */ 94487);
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _dom = __webpack_require__( /*! ../../core/utils/dom */ 86858);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _selection_filter = __webpack_require__( /*! ../../core/utils/selection_filter */ 52877);
            var _size = __webpack_require__( /*! ../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../ui/widget/ui.errors */ 35185));
            var _m_select_box = _interopRequireDefault(__webpack_require__( /*! ../ui/m_select_box */ 30149));
            var _utils3 = _interopRequireDefault(__webpack_require__( /*! ../ui/text_box/utils.caret */ 99621));
            var _utils4 = __webpack_require__( /*! ../ui/text_box/utils.scroll */ 38477);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }

            function xor(a, b) {
                return (a || b) && !(a && b)
            }
            class TagBox extends _m_select_box.default {
                _supportedKeys() {
                    const parent = super._supportedKeys();
                    const sendToList = options => this._list._keyboardHandler(options);
                    const rtlEnabled = this.option("rtlEnabled");
                    return Object.assign({}, parent, {
                        backspace(e) {
                            if (!this._isCaretAtTheStart()) {
                                return
                            }
                            this._processKeyboardEvent(e);
                            this._isTagRemoved = true;
                            const $tagToDelete = this._$focusedTag || this._tagElements().last();
                            if (this._$focusedTag) {
                                this._moveTagFocus("prev", true)
                            }
                            if (0 === $tagToDelete.length) {
                                return
                            }
                            this._preserveFocusedTag = true;
                            this._removeTagElement($tagToDelete);
                            delete this._preserveFocusedTag
                        },
                        upArrow: (e, opts) => e.altKey || !this._list ? parent.upArrow.call(this, e) : sendToList(opts),
                        downArrow: (e, opts) => e.altKey || !this._list ? parent.downArrow.call(this, e) : sendToList(opts),
                        del(e) {
                            if (!this._$focusedTag || !this._isCaretAtTheStart()) {
                                return
                            }
                            this._processKeyboardEvent(e);
                            this._isTagRemoved = true;
                            const $tagToDelete = this._$focusedTag;
                            this._moveTagFocus("next", true);
                            this._preserveFocusedTag = true;
                            this._removeTagElement($tagToDelete);
                            delete this._preserveFocusedTag
                        },
                        enter(e, options) {
                            var _this$_list;
                            const isListItemFocused = null !== (null === (_this$_list = this._list) || void 0 === _this$_list ? void 0 : _this$_list.option("focusedElement")) && true === this.option("opened");
                            const isCustomItem = this.option("acceptCustomValue") && !isListItemFocused;
                            if (isCustomItem) {
                                e.preventDefault();
                                "" !== this._searchValue() && this._customItemAddedHandler(e);
                                return
                            }
                            if (this.option("opened")) {
                                this._saveValueChangeEvent(e);
                                sendToList(options);
                                e.preventDefault()
                            }
                        },
                        space(e, options) {
                            const isOpened = this.option("opened");
                            const isInputActive = this._shouldRenderSearchEvent();
                            if (isOpened && !isInputActive) {
                                this._saveValueChangeEvent(e);
                                sendToList(options);
                                e.preventDefault()
                            }
                        },
                        leftArrow(e) {
                            if (!this._isCaretAtTheStart() || this._isEmpty() || this._isEditable() && rtlEnabled && !this._$focusedTag) {
                                return
                            }
                            e.preventDefault();
                            const direction = rtlEnabled ? "next" : "prev";
                            this._moveTagFocus(direction);
                            if (!this.option("multiline")) {
                                this._scrollContainer(direction)
                            }
                        },
                        rightArrow(e) {
                            if (!this._isCaretAtTheStart() || this._isEmpty() || this._isEditable() && !rtlEnabled && !this._$focusedTag) {
                                return
                            }
                            e.preventDefault();
                            const direction = rtlEnabled ? "prev" : "next";
                            this._moveTagFocus(direction);
                            !this.option("multiline") && this._scrollContainer(direction)
                        }
                    })
                }
                _processKeyboardEvent(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    this._saveValueChangeEvent(e)
                }
                _isEmpty() {
                    return 0 === this._getValue().length
                }
                _updateTagsContainer($element) {
                    if (!$element) {
                        return
                    }
                    this._$tagsContainer = $element.addClass("dx-tag-container")
                }
                _allowSelectItemByTab() {
                    return false
                }
                _isCaretAtTheStart() {
                    const position = (0, _utils3.default)(this._input());
                    return 0 === (null === position || void 0 === position ? void 0 : position.start) && 0 === position.end
                }
                _updateInputAriaActiveDescendant(id) {
                    this.setAria("activedescendant", id, this._input())
                }
                _moveTagFocus(direction, clearOnBoundary) {
                    if (!this._$focusedTag) {
                        const tagElements = this._tagElements();
                        this._$focusedTag = "next" === direction ? tagElements.first() : tagElements.last();
                        this._toggleFocusClass(true, this._$focusedTag);
                        this._updateInputAriaActiveDescendant(this._$focusedTag.attr("id"));
                        return
                    }
                    const $nextFocusedTag = this._$focusedTag[direction](".dx-tag");
                    if ($nextFocusedTag.length > 0) {
                        this._replaceFocusedTag($nextFocusedTag);
                        this._updateInputAriaActiveDescendant($nextFocusedTag.attr("id"))
                    } else if (clearOnBoundary || "next" === direction && this._isEditable()) {
                        this._clearTagFocus();
                        this._updateInputAriaActiveDescendant()
                    }
                }
                _replaceFocusedTag($nextFocusedTag) {
                    this._toggleFocusClass(false, this._$focusedTag);
                    this._$focusedTag = $nextFocusedTag;
                    this._toggleFocusClass(true, this._$focusedTag)
                }
                _clearTagFocus() {
                    if (!this._$focusedTag) {
                        return
                    }
                    this._toggleFocusClass(false, this._$focusedTag);
                    this._updateInputAriaActiveDescendant();
                    delete this._$focusedTag
                }
                _focusClassTarget($element) {
                    if ($element && $element.length && $element[0] !== this._focusTarget()[0]) {
                        return $element
                    }
                    return super._focusClassTarget()
                }
                _getLabelContainer() {
                    return this._$tagsContainer
                }
                _getFieldElement() {
                    return this._input()
                }
                _scrollContainer(direction) {
                    if (this.option("multiline") || !(0, _window.hasWindow)()) {
                        return
                    }
                    if (!this._$tagsContainer) {
                        return
                    }
                    const scrollPosition = this._getScrollPosition(direction);
                    this._$tagsContainer.scrollLeft(scrollPosition)
                }
                _getScrollPosition(direction) {
                    if ("start" === direction || "end" === direction) {
                        return this._getBorderPosition(direction)
                    }
                    return this._$focusedTag ? this._getFocusedTagPosition(direction) : this._getBorderPosition("end")
                }
                _getBorderPosition(direction) {
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    const isScrollLeft = xor("end" === direction, rtlEnabled);
                    const scrollSign = rtlEnabled ? -1 : 1;
                    return xor(isScrollLeft, !rtlEnabled) ? 0 : scrollSign * (this._$tagsContainer.get(0).scrollWidth - (0, _size.getOuterWidth)(this._$tagsContainer))
                }
                _getFocusedTagPosition(direction) {
                    const rtlEnabled = this.option("rtlEnabled");
                    const isScrollLeft = xor("next" === direction, rtlEnabled);
                    let {
                        left: scrollOffset
                    } = this._$focusedTag.position();
                    let scrollLeft = this._$tagsContainer.scrollLeft();
                    if (isScrollLeft) {
                        scrollOffset += (0, _size.getOuterWidth)(this._$focusedTag, true) - (0, _size.getOuterWidth)(this._$tagsContainer)
                    }
                    if (xor(isScrollLeft, scrollOffset < 0)) {
                        scrollLeft += scrollOffset
                    }
                    return scrollLeft
                }
                _setNextValue() {}
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        value: [],
                        showDropDownButton: false,
                        maxFilterQueryLength: 1500,
                        tagTemplate: "tag",
                        selectAllText: _message.default.format("dxList-selectAll"),
                        hideSelectedItems: false,
                        selectedItems: [],
                        selectAllMode: "page",
                        onSelectAllValueChanged: null,
                        maxDisplayedTags: void 0,
                        showMultiTagOnly: true,
                        onMultiTagPreparing: null,
                        multiline: true,
                        useSubmitBehavior: true
                    })
                }
                _init() {
                    super._init();
                    this._selectedItems = [];
                    this._initSelectAllValueChangedAction()
                }
                _initActions() {
                    super._initActions();
                    this._initMultiTagPreparingAction()
                }
                _initMultiTagPreparingAction() {
                    this._multiTagPreparingAction = this._createActionByOption("onMultiTagPreparing", {
                        beforeExecute: e => {
                            this._multiTagPreparingHandler(e.args[0])
                        },
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _multiTagPreparingHandler(args) {
                    const {
                        length: selectedCount
                    } = this._getValue();
                    if (!this.option("showMultiTagOnly")) {
                        args.text = _message.default.getFormatter("dxTagBox-moreSelected")(selectedCount - this.option("maxDisplayedTags") + 1)
                    } else {
                        args.text = _message.default.getFormatter("dxTagBox-selected")(selectedCount)
                    }
                }
                _initDynamicTemplates() {
                    super._initDynamicTemplates();
                    this._templateManager.addDefaultTemplates({
                        tag: new _bindable_template.BindableTemplate(($container, data) => {
                            const $tagContent = (0, _renderer.default)("<div>").addClass("dx-tag-content");
                            (0, _renderer.default)("<span>").text(data.text ?? data).appendTo($tagContent);
                            (0, _renderer.default)("<div>").addClass("dx-tag-remove-button").appendTo($tagContent);
                            $container.append($tagContent)
                        }, ["text"], this.option("integrationOptions.watchMethod"), {
                            text: this._displayGetter
                        })
                    })
                }
                _toggleSubmitElement(enabled) {
                    if (enabled) {
                        this._renderSubmitElement();
                        this._setSubmitValue()
                    } else {
                        if (this._$submitElement) {
                            this._$submitElement.remove()
                        }
                        delete this._$submitElement
                    }
                }
                _renderSubmitElement() {
                    if (!this.option("useSubmitBehavior")) {
                        return
                    }
                    this._$submitElement = (0, _renderer.default)("<select>").attr({
                        multiple: "multiple",
                        "aria-label": "Selected items"
                    }).css("display", "none").appendTo(this.$element())
                }
                _setSubmitValue() {
                    if (!this.option("useSubmitBehavior")) {
                        return
                    }
                    const value = this._getValue();
                    const $options = [];
                    for (let i = 0, n = value.length; i < n; i++) {
                        const useDisplayText = this._shouldUseDisplayValue(value[i]);
                        $options.push((0, _renderer.default)("<option>").val(useDisplayText ? this._displayGetter(value[i]) : value[i]).attr("selected", "selected"))
                    }
                    this._getSubmitElement().empty().append($options)
                }
                _initMarkup() {
                    this._tagElementsCache = (0, _renderer.default)();
                    const isSingleLineMode = !this.option("multiline");
                    this.$element().addClass("dx-tagbox").toggleClass("dx-tagbox-only-select", !(this.option("searchEnabled") || this.option("acceptCustomValue"))).toggleClass("dx-tagbox-single-line", isSingleLineMode);
                    const elementAria = {
                        role: "application",
                        roledescription: _message.default.format("dxTagBox-ariaRoleDescription")
                    };
                    this.setAria(elementAria, this.$element());
                    this._initTagTemplate();
                    super._initMarkup()
                }
                _getNewLabelId(actualId, newId, shouldRemove) {
                    if (!actualId) {
                        return newId
                    }
                    if (shouldRemove) {
                        if (actualId === newId) {
                            return
                        }
                        return actualId.split(" ").filter(id => id !== newId).join(" ")
                    }
                    return `${actualId} ${newId}`
                }
                _updateElementAria(id, shouldRemove) {
                    const shouldClearLabel = !id;
                    if (shouldClearLabel) {
                        this.setAria("labelledby", void 0, this.$element());
                        return
                    }
                    const labelId = this.$element().attr("aria-labelledby");
                    const newLabelId = this._getNewLabelId(labelId, id, shouldRemove);
                    this.setAria("labelledby", newLabelId, this.$element())
                }
                _render() {
                    super._render();
                    this._renderTagRemoveAction();
                    this._renderSingleLineScroll();
                    this._scrollContainer("start")
                }
                _initTagTemplate() {
                    this._tagTemplate = this._getTemplateByOption("tagTemplate")
                }
                _renderField() {
                    const {
                        fieldTemplate: fieldTemplate
                    } = this.option();
                    const isDefaultFieldTemplate = !(0, _type.isDefined)(fieldTemplate);
                    this.$element().toggleClass("dx-tagbox-default-template", isDefaultFieldTemplate).toggleClass("dx-tagbox-custom-template", !isDefaultFieldTemplate);
                    super._renderField()
                }
                _renderTagRemoveAction() {
                    const tagRemoveAction = this._createAction(this._removeTagHandler.bind(this));
                    const eventName = (0, _utils.addNamespace)(_click.name, "dxTagBoxTagRemove");
                    _events_engine.default.off(this._$tagsContainer, eventName);
                    _events_engine.default.on(this._$tagsContainer, eventName, ".dx-tag-remove-button", event => {
                        tagRemoveAction({
                            event: event
                        })
                    })
                }
                _renderSingleLineScroll() {
                    const mouseWheelEvent = (0, _utils.addNamespace)("dxmousewheel", this.NAME);
                    const $element = this.$element();
                    const isMultiline = this.option("multiline");
                    _events_engine.default.off($element, mouseWheelEvent);
                    if ("desktop" !== _devices.default.real().deviceType) {
                        if (this._$tagsContainer) {
                            this._$tagsContainer.css("overflowX", isMultiline ? "" : "auto")
                        }
                        return
                    }
                    if (isMultiline) {
                        return
                    }
                    _events_engine.default.on($element, mouseWheelEvent, this._tagContainerMouseWheelHandler.bind(this))
                }
                _tagContainerMouseWheelHandler(e) {
                    const scrollLeft = this._$tagsContainer.scrollLeft();
                    const delta = -.3 * e.delta;
                    if (!(0, _utils.isCommandKeyPressed)(e) && (0, _utils4.allowScroll)(this._$tagsContainer, delta, true)) {
                        this._$tagsContainer.scrollLeft(scrollLeft + delta);
                        return false
                    }
                    return
                }
                _renderEvents() {
                    super._renderEvents();
                    const input = this._input();
                    const namespace = (0, _utils.addNamespace)("keydown", this.NAME);
                    _events_engine.default.on(input, namespace, e => {
                        const keyName = (0, _utils.normalizeKeyName)(e);
                        if (!this._isControlKey(keyName) && this._isEditable()) {
                            this._clearTagFocus()
                        }
                    })
                }
                _popupWrapperClass() {
                    return `${super._popupWrapperClass()} dx-tagbox-popup-wrapper`
                }
                _renderInput() {
                    super._renderInput();
                    this._renderPreventBlurOnInputClick()
                }
                _renderPreventBlurOnInputClick() {
                    const eventName = (0, _utils.addNamespace)("mousedown", "dxTagBox");
                    _events_engine.default.off(this._inputWrapper(), eventName);
                    _events_engine.default.on(this._inputWrapper(), eventName, e => {
                        if (e.target !== this._input()[0] && this._isFocused()) {
                            e.preventDefault()
                        }
                    })
                }
                _renderInputValueImpl() {
                    return this._renderMultiSelect()
                }
                _loadInputValue() {
                    return (0, _deferred.when)()
                }
                _clearTextValue() {
                    this._input().val("");
                    this._toggleEmptinessEventHandler();
                    this.option("text", "")
                }
                _focusInHandler(e) {
                    if (!this._preventNestedFocusEvent(e)) {
                        this._scrollContainer("end")
                    }
                    super._focusInHandler(e)
                }
                _renderInputValue() {
                    this.option("displayValue", this._searchValue());
                    return super._renderInputValue(...arguments)
                }
                _restoreInputText(saveEditingValue) {
                    if (!saveEditingValue) {
                        this._clearTextValue()
                    }
                }
                _focusOutHandler(e) {
                    if (!this._preventNestedFocusEvent(e)) {
                        this._clearTagFocus();
                        this._scrollContainer("start")
                    }
                    super._focusOutHandler(e)
                }
                _initSelectAllValueChangedAction() {
                    this._selectAllValueChangeAction = this._createActionByOption("onSelectAllValueChanged")
                }
                _renderList() {
                    super._renderList();
                    this._setListDataSourceFilter()
                }
                _canListHaveFocus() {
                    const {
                        applyValueMode: applyValueMode
                    } = this.option();
                    return "useButtons" === applyValueMode
                }
                _listConfig() {
                    const selectionMode = this.option("showSelectionControls") ? "all" : "multiple";
                    return (0, _extend.extend)(super._listConfig(), {
                        maxFilterLengthInRequest: this.option("maxFilterQueryLength"),
                        selectionMode: selectionMode,
                        selectAllText: this.option("selectAllText"),
                        onSelectAllValueChanged: _ref => {
                            let {
                                value: value
                            } = _ref;
                            this._selectAllValueChangeAction({
                                value: value
                            })
                        },
                        selectAllMode: this.option("selectAllMode"),
                        selectedItems: this._selectedItems,
                        onFocusedItemChanged: null
                    })
                }
                _renderMultiSelect() {
                    const d = (0, _deferred.Deferred)();
                    this._updateTagsContainer(this._$textEditorInputContainer);
                    this._renderInputSize();
                    this._renderTags().done(d.resolve).fail(d.reject);
                    return d.promise()
                }
                _listItemClickHandler(e) {
                    !this.option("showSelectionControls") && this._clearTextValue();
                    const {
                        applyValueMode: applyValueMode
                    } = this.option();
                    if ("useButtons" === applyValueMode) {
                        return
                    }
                    super._listItemClickHandler(e);
                    this._saveValueChangeEvent(void 0)
                }
                _shouldClearFilter() {
                    const shouldClearFilter = super._shouldClearFilter();
                    const showSelectionControls = this.option("showSelectionControls");
                    return !showSelectionControls && shouldClearFilter
                }
                _renderInputSize() {
                    const $input = this._input();
                    const value = $input.val();
                    const isEmptyInput = (0, _type.isString)(value) && value;
                    let width = "";
                    let size;
                    const canTypeText = this.option("searchEnabled") || this.option("acceptCustomValue");
                    if (isEmptyInput && canTypeText) {
                        const $calculationElement = (0, _dom.createTextElementHiddenCopy)($input, value, {
                            includePaddings: true
                        });
                        $calculationElement.insertAfter($input);
                        width = (0, _size.getOuterWidth)($calculationElement) + 5;
                        $calculationElement.remove()
                    } else if (!value) {
                        size = 1
                    }
                    $input.css("width", width);
                    $input.attr("size", size ?? "")
                }
                _renderInputSubstitution() {
                    super._renderInputSubstitution();
                    this._updateWidgetHeight()
                }
                _getValue() {
                    const {
                        value: value
                    } = this.option();
                    return value || []
                }
                _multiTagRequired() {
                    const values = this._getValue();
                    const {
                        maxDisplayedTags: maxDisplayedTags
                    } = this.option();
                    return (0, _type.isDefined)(maxDisplayedTags) && values.length > maxDisplayedTags
                }
                _renderMultiTag($input) {
                    const tagId = `dx-${new _guid.default}`;
                    const $tag = (0, _renderer.default)("<div>").attr("id", tagId).addClass("dx-tag").addClass("dx-tagbox-multi-tag");
                    const args = {
                        multiTagElement: (0, _element.getPublicElement)($tag),
                        selectedItems: this.option("selectedItems")
                    };
                    this._multiTagPreparingAction(args);
                    if (args.cancel) {
                        return false
                    }
                    $tag.data("dxTagData", args.text);
                    $tag.insertBefore($input);
                    this._tagTemplate.render({
                        model: args.text,
                        container: (0, _element.getPublicElement)($tag)
                    });
                    const tagText = args.text;
                    this._setTagAria($tag, tagText);
                    this._updateElementAria(tagId);
                    return $tag
                }
                _getFilter(creator) {
                    const dataSourceFilter = this._dataController.filter();
                    const filterExpr = creator.getCombinedFilter(this.option("valueExpr"), dataSourceFilter);
                    const filterQueryLength = encodeURI(JSON.stringify(filterExpr)).length;
                    const maxFilterQueryLength = this.option("maxFilterQueryLength");
                    if (filterQueryLength <= maxFilterQueryLength) {
                        return filterExpr
                    }
                    _ui.default.log("W1019", maxFilterQueryLength)
                }
                _getFilteredItems(values) {
                    var _this$_loadFilteredIt, _this$_list2;
                    null === (_this$_loadFilteredIt = this._loadFilteredItemsPromise) || void 0 === _this$_loadFilteredIt || _this$_loadFilteredIt.reject();
                    const creator = new _selection_filter.SelectionFilterCreator(values);
                    const listSelectedItems = null === (_this$_list2 = this._list) || void 0 === _this$_list2 ? void 0 : _this$_list2.option("selectedItems");
                    const isListItemsLoaded = !!listSelectedItems && this._list._dataController.isLoaded();
                    const selectedItems = listSelectedItems || this.option("selectedItems");
                    const clientFilterFunction = creator.getLocalFilter(this._valueGetter);
                    const filteredItems = selectedItems.filter(clientFilterFunction);
                    const selectedItemsAlreadyLoaded = filteredItems.length === values.length;
                    const d = (0, _deferred.Deferred)();
                    const dataController = this._dataController;
                    if (!this._dataSource) {
                        return d.resolve([]).promise()
                    }
                    if ((!this._isDataSourceChanged || isListItemsLoaded) && selectedItemsAlreadyLoaded && !this._isDataSourceOptionChanged) {
                        return d.resolve(filteredItems).promise()
                    }
                    const {
                        customQueryParams: customQueryParams,
                        expand: expand,
                        select: select
                    } = dataController.loadOptions();
                    const filter = this._getFilter(creator);
                    dataController.loadFromStore({
                        filter: filter,
                        customQueryParams: customQueryParams,
                        expand: expand,
                        select: select
                    }).done((data, extra) => {
                        this._isDataSourceChanged = false;
                        this._isDataSourceOptionChanged = false;
                        if (this._disposed) {
                            d.reject();
                            return
                        }
                        const {
                            data: items
                        } = (0, _utils2.normalizeLoadResult)(data, extra);
                        const mappedItems = dataController.applyMapFunction(items);
                        d.resolve(mappedItems.filter(clientFilterFunction))
                    }).fail(d.reject);
                    this._loadFilteredItemsPromise = d;
                    return d.promise()
                }
                _createTagsData(values, filteredItems) {
                    const items = [];
                    const cache = {};
                    const isValueExprSpecified = "this" === this._valueGetterExpr();
                    const {
                        acceptCustomValue: acceptCustomValue
                    } = this.option();
                    const filteredValues = {};
                    filteredItems.forEach(filteredItem => {
                        const filteredItemValue = isValueExprSpecified ? JSON.stringify(filteredItem) : this._valueGetter(filteredItem);
                        filteredValues[filteredItemValue] = filteredItem
                    });
                    const loadItemPromises = [];
                    values.forEach((value, index) => {
                        const currentItem = filteredValues[isValueExprSpecified ? JSON.stringify(value) : value];
                        if (isValueExprSpecified && !(0, _type.isDefined)(currentItem)) {
                            if (!this._dataSource) {
                                return
                            }
                            loadItemPromises.push(this._loadItem(value, cache).done(item => {
                                const newItem = this._createTagData(item, value);
                                items.splice(index, 0, newItem)
                            }).fail(() => {
                                if (acceptCustomValue) {
                                    const newItem = this._createTagData(void 0, value);
                                    items.splice(index, 0, newItem)
                                }
                            }))
                        } else {
                            const newItem = this._createTagData(currentItem, value);
                            items.splice(index, 0, newItem)
                        }
                    });
                    const d = (0, _deferred.Deferred)();
                    _deferred.when.apply(this, loadItemPromises).always(() => {
                        d.resolve(items)
                    });
                    return d.promise()
                }
                _createTagData(item, value) {
                    if ((0, _type.isDefined)(item)) {
                        this._selectedItems.push(item);
                        return item
                    }
                    const selectedItem = this.option("selectedItem");
                    const customItem = this._valueGetter(selectedItem) === value ? selectedItem : value;
                    return customItem
                }
                _isGroupedData() {
                    return this.option("grouped") && !this._dataController.group()
                }
                _getItemsByValues(values) {
                    const resultItems = [];
                    values.forEach(value => {
                        const item = this._getItemFromPlain(value);
                        if ((0, _type.isDefined)(item)) {
                            resultItems.push(item)
                        }
                    });
                    return resultItems
                }
                _getFilteredGroupedItems(values) {
                    const selectedItems = (0, _deferred.Deferred)();
                    if (this._filteredGroupedItemsLoadPromise) {
                        this._dataController.cancel(this._filteredGroupedItemsLoadPromise.operationId)
                    }
                    if (!this._dataController.items().length) {
                        this._filteredGroupedItemsLoadPromise = this._dataController.load().done(() => {
                            selectedItems.resolve(this._getItemsByValues(values))
                        }).fail(() => {
                            selectedItems.resolve([])
                        }).always(() => {
                            this._filteredGroupedItemsLoadPromise = void 0
                        })
                    } else {
                        selectedItems.resolve(this._getItemsByValues(values))
                    }
                    return selectedItems.promise()
                }
                _loadTagsData() {
                    const values = this._getValue();
                    const tagData = (0, _deferred.Deferred)();
                    this._selectedItems = [];
                    const filteredItemsPromise = this._isGroupedData() ? this._getFilteredGroupedItems(values) : this._getFilteredItems(values);
                    filteredItemsPromise.done(filteredItems => {
                        const items = this._createTagsData(values, filteredItems);
                        items.always(data => {
                            tagData.resolve(data)
                        })
                    }).fail(tagData.reject.bind(this));
                    return tagData.promise()
                }
                _renderTags() {
                    const d = (0, _deferred.Deferred)();
                    let isPlainDataUsed = false;
                    if (this._shouldGetItemsFromPlain(this._valuesToUpdate)) {
                        this._selectedItems = this._getItemsFromPlain(this._valuesToUpdate);
                        if (this._selectedItems.length === this._valuesToUpdate.length) {
                            this._tagsToRender = this._selectedItems;
                            this._renderTagsImpl();
                            isPlainDataUsed = true;
                            d.resolve()
                        }
                    }
                    if (!isPlainDataUsed) {
                        this._loadTagsData().done(items => {
                            if (this._disposed) {
                                d.reject();
                                return
                            }
                            this._tagsToRender = items;
                            this._renderTagsImpl();
                            d.resolve()
                        }).fail(d.reject)
                    }
                    return d.promise()
                }
                _renderTagsImpl() {
                    this._renderField();
                    if (this._shouldUpdateSelectedItems()) {
                        this.option("selectedItems", this._selectedItems.slice())
                    }
                    const fieldTemplate = this._getFieldTemplate();
                    if (!fieldTemplate) {
                        this._cleanTags();
                        this._renderTagsCore()
                    }
                }
                _shouldGetItemsFromPlain(values) {
                    return values && this._dataController.isLoaded() && values.length <= this._getPlainItems().length
                }
                _getItemsFromPlain(values) {
                    let selectedItems = this._getSelectedItemsFromList(values);
                    const needFilterPlainItems = 0 === selectedItems.length && values.length > 0 || selectedItems.length < values.length;
                    if (needFilterPlainItems) {
                        const plainItems = this._getPlainItems();
                        selectedItems = this._filterSelectedItems(plainItems, values)
                    }
                    return selectedItems
                }
                _getSelectedItemsFromList(values) {
                    const {
                        selectedItems: listSelectedItems
                    } = this._list ? this._list.option() : {
                        selectedItems: []
                    };
                    let selectedItems = [];
                    if (values.length === (null === listSelectedItems || void 0 === listSelectedItems ? void 0 : listSelectedItems.length)) {
                        selectedItems = this._filterSelectedItems(listSelectedItems, values)
                    }
                    return selectedItems
                }
                _filterSelectedItems(plainItems, values) {
                    const selectedItems = plainItems.filter(dataItem => {
                        let currentValue;
                        for (let i = 0; i < values.length; i++) {
                            currentValue = values[i];
                            if ((0, _type.isObject)(currentValue)) {
                                if (this._isValueEquals(dataItem, currentValue)) {
                                    return true
                                }
                            } else if (this._isValueEquals(this._valueGetter(dataItem), currentValue)) {
                                return true
                            }
                        }
                        return false
                    }, this);
                    return selectedItems
                }
                _processDataSourceChanging() {
                    this._isDataSourceOptionChanged = true;
                    super._processDataSourceChanging()
                }
                _integrateInput() {
                    super._integrateInput();
                    const tagsContainer = this.$element().find(".dx-texteditor-input-container");
                    this._updateTagsContainer(tagsContainer);
                    this._renderTagRemoveAction();
                    this._renderTagsCore()
                }
                _renderTagsCore() {
                    var _this$_popup;
                    this._renderTagsElements(this._tagsToRender);
                    this._renderEmptyState();
                    if (!this._preserveFocusedTag) {
                        this._clearTagFocus()
                    }
                    null === (_this$_popup = this._popup) || void 0 === _this$_popup || _this$_popup.refreshPosition()
                }
                _shouldUpdateSelectedItems() {
                    var _this$_selectedItems, _this$_selectedItems2;
                    const {
                        selectedItems: selectedItems
                    } = this.option();
                    if ((0, _type.isDefined)(selectedItems) && selectedItems.length !== (null === (_this$_selectedItems = this._selectedItems) || void 0 === _this$_selectedItems ? void 0 : _this$_selectedItems.length)) {
                        return true
                    }
                    const intersection = (0, _array.getIntersection)(selectedItems, this._selectedItems);
                    if (intersection.length !== (null === (_this$_selectedItems2 = this._selectedItems) || void 0 === _this$_selectedItems2 ? void 0 : _this$_selectedItems2.length)) {
                        return true
                    }
                    return false
                }
                _renderTagsElements(items) {
                    const $multiTag = this._multiTagRequired() && this._renderMultiTag(this._input());
                    const showMultiTagOnly = this.option("showMultiTagOnly");
                    const maxDisplayedTags = this.option("maxDisplayedTags");
                    items.forEach((item, index) => {
                        if ($multiTag && showMultiTagOnly || $multiTag && !showMultiTagOnly && index - maxDisplayedTags >= -1) {
                            return false
                        }
                        this._renderTag(item, $multiTag || this._input());
                        return
                    });
                    if (this._isFocused()) {
                        this._scrollContainer("end")
                    }
                    this._refreshTagElements()
                }
                _cleanTags() {
                    if (this._multiTagRequired()) {
                        this._tagElements().remove()
                    } else {
                        const $tags = this._tagElements();
                        const selectedItems = this.option("selectedItems") ?? [];
                        const values = selectedItems.map(item => this._valueGetter(item));
                        (0, _iterator.each)($tags, (_, tag) => {
                            const $tag = (0, _renderer.default)(tag);
                            const tagData = $tag.data("dxTagData");
                            if (!values.includes(tagData)) {
                                $tag.remove()
                            }
                        })
                    }
                    this._updateElementAria()
                }
                _renderEmptyState() {
                    const isEmpty = !(this._getValue().length || this._selectedItems.length || this._searchValue());
                    this._toggleEmptiness(isEmpty);
                    this._renderDisplayText()
                }
                _renderDisplayText() {
                    this._renderInputSize()
                }
                _refreshTagElements() {
                    this._tagElementsCache = this.$element().find(".dx-tag")
                }
                _tagElements() {
                    return this._tagElementsCache
                }
                _applyTagTemplate(item, $tag) {
                    this._tagTemplate.render({
                        model: item,
                        container: (0, _element.getPublicElement)($tag)
                    })
                }
                _renderTag(item, $input) {
                    const value = this._valueGetter(item);
                    if (!(0, _type.isDefined)(value)) {
                        return
                    }
                    let $tag = this._getTag(value);
                    const displayValue = this._displayGetter(item);
                    const itemModel = this._getItemModel(item, displayValue);
                    if ($tag) {
                        const tagDisplayValue = $tag.data("dxTagDisplayValue");
                        if ((0, _type.isDefined)(displayValue) && !(0, _common.equalByValue)(tagDisplayValue, displayValue)) {
                            $tag.empty();
                            this._applyTagTemplate(itemModel, $tag)
                        }
                        this._updateElementAria($tag.attr("id"))
                    } else {
                        const tagId = `dx-${new _guid.default}`;
                        $tag = this._createTag(value, $input, tagId, displayValue);
                        this._setTagAria($tag, (0, _type.isDefined)(displayValue) ? displayValue : value);
                        if ((0, _type.isDefined)(item)) {
                            this._applyTagTemplate(itemModel, $tag)
                        } else {
                            this._applyTagTemplate(value, $tag)
                        }
                        this._updateElementAria(tagId)
                    }
                }
                _setTagAria($tag, tagText) {
                    const aria = {
                        role: "button",
                        label: tagText,
                        roledescription: _message.default.format("dxTagBox-tagRoleDescription")
                    };
                    this.setAria(aria, $tag)
                }
                _getItemModel(item, displayValue) {
                    if ((0, _type.isObject)(item) && (0, _type.isDefined)(displayValue)) {
                        return item
                    }
                    return (0, _common.ensureDefined)(displayValue, "")
                }
                _getTag(value) {
                    const $tags = this._tagElements();
                    const tagsLength = $tags.length;
                    let result = false;
                    for (let i = 0; i < tagsLength; i++) {
                        const $tag = $tags[i];
                        const tagData = (0, _element_data.data)($tag, "dxTagData");
                        if (value === tagData || (0, _common.equalByValue)(value, tagData)) {
                            result = (0, _renderer.default)($tag);
                            break
                        }
                    }
                    return result
                }
                _createTag(value, $input, tagId, displayValue) {
                    return (0, _renderer.default)("<div>").attr("id", tagId).addClass("dx-tag").data("dxTagData", value).data("dxTagDisplayValue", displayValue).insertBefore($input)
                }
                _toggleEmptinessEventHandler() {
                    this._toggleEmptiness(!this._getValue().length && !this._searchValue().length)
                }
                _customItemAddedHandler(e) {
                    super._customItemAddedHandler(e);
                    this._clearTextValue()
                }
                _removeTagHandler(args) {
                    const e = args.event;
                    e.stopPropagation();
                    this._saveValueChangeEvent(e);
                    const $tag = (0, _renderer.default)(e.target).closest(".dx-tag");
                    this._removeTagElement($tag)
                }
                _removeTagElement($tag) {
                    if ($tag.hasClass("dx-tagbox-multi-tag")) {
                        if (!this.option("showMultiTagOnly")) {
                            const {
                                maxDisplayedTags: maxDisplayedTags
                            } = this.option();
                            this.option("value", this._getValue().slice(0, maxDisplayedTags))
                        } else {
                            this.clear()
                        }
                        return
                    }
                    const itemValue = $tag.data("dxTagData");
                    const itemId = $tag.attr("id");
                    this._removeTagWithUpdate(itemValue);
                    this._updateElementAria(itemId, true);
                    this._refreshTagElements()
                }
                _updateField() {}
                _removeTagWithUpdate(itemValue) {
                    const value = this._getValue().slice();
                    this._removeTag(value, itemValue);
                    this.option("value", value);
                    this.option("selectedItem", null);
                    if (0 === value.length) {
                        this._clearTagFocus()
                    }
                }
                _getCurrentValue() {
                    return this._lastValue()
                }
                _selectionChangeHandler(e) {
                    const {
                        applyValueMode: applyValueMode
                    } = this.option();
                    if ("useButtons" === applyValueMode) {
                        return
                    }
                    const value = this._getValue().slice();
                    (0, _iterator.each)(e.removedItems || [], (_, removedItem) => {
                        this._removeTag(value, this._valueGetter(removedItem))
                    });
                    (0, _iterator.each)(e.addedItems || [], (_, addedItem) => {
                        this._addTag(value, this._valueGetter(addedItem))
                    });
                    this._updateWidgetHeight();
                    if (!(0, _common.equalByValue)(this._list.option("selectedItemKeys"), this.option("value"))) {
                        const listSelectionChangeEvent = this._list._getSelectionChangeEvent();
                        listSelectionChangeEvent && this._saveValueChangeEvent(listSelectionChangeEvent);
                        this.option("value", value)
                    }
                    this._list._saveSelectionChangeEvent(void 0)
                }
                _removeTag(value, item) {
                    const index = this._valueIndex(item, value);
                    if (index >= 0) {
                        value.splice(index, 1)
                    }
                }
                _addTag(value, item) {
                    const index = this._valueIndex(item);
                    if (index < 0) {
                        value.push(item)
                    }
                }
                _fieldRenderData() {
                    return this._selectedItems.slice()
                }
                _completeSelection(value) {
                    if (!this.option("showSelectionControls")) {
                        this._setValue(value)
                    }
                }
                _setValue(value) {
                    var _this$_list3;
                    if (null === value) {
                        return
                    }
                    const {
                        applyValueMode: applyValueMode
                    } = this.option();
                    const useButtons = "useButtons" === applyValueMode;
                    const valueIndex = this._valueIndex(value);
                    const {
                        selectedItemKeys: selectedItemKeys
                    } = (null === (_this$_list3 = this._list) || void 0 === _this$_list3 ? void 0 : _this$_list3.option()) || {
                        selectedItemKeys: []
                    };
                    const values = (useButtons ? selectedItemKeys ?? [] : this._getValue()).slice();
                    if (valueIndex >= 0) {
                        values.splice(valueIndex, 1)
                    } else {
                        values.push(value)
                    }
                    if (useButtons) {
                        var _this$_list4;
                        null === (_this$_list4 = this._list) || void 0 === _this$_list4 || _this$_list4.option("selectedItemKeys", values)
                    } else {
                        this.option("value", values)
                    }
                }
                _isSelectedValue(value, cache) {
                    return this._valueIndex(value, null, cache) > -1
                }
                _valueIndex(value, values, cache) {
                    let result = -1;
                    if (cache && "object" !== typeof value) {
                        if (!cache.indexByValues) {
                            cache.indexByValues = {};
                            values = values || this._getValue();
                            values.forEach((value, index) => {
                                cache.indexByValues[value] = index
                            })
                        }
                        if (value in cache.indexByValues) {
                            return cache.indexByValues[value]
                        }
                    }
                    values = values || this._getValue();
                    (0, _iterator.each)(values, (index, selectedValue) => {
                        if (this._isValueEquals(value, selectedValue)) {
                            result = index;
                            return false
                        }
                        return
                    });
                    return result
                }
                _lastValue() {
                    const values = this._getValue();
                    const lastValue = values[values.length - 1];
                    return lastValue ?? null
                }
                _shouldRenderSearchEvent() {
                    const {
                        searchEnabled: searchEnabled,
                        acceptCustomValue: acceptCustomValue
                    } = this.option();
                    return searchEnabled || acceptCustomValue
                }
                _searchHandler(e) {
                    if (this.option("searchEnabled") && !!e && !this._isTagRemoved) {
                        super._searchHandler(arguments);
                        this._setListDataSourceFilter()
                    }
                    this._updateWidgetHeight();
                    delete this._isTagRemoved
                }
                _updateWidgetHeight() {
                    const element = this.$element();
                    const originalHeight = (0, _size.getHeight)(element);
                    this._renderInputSize();
                    const currentHeight = (0, _size.getHeight)(element);
                    if (this._popup && this.option("opened") && this._isEditable() && currentHeight !== originalHeight) {
                        this._popup.repaint()
                    }
                }
                _refreshSelected() {
                    var _this$_list5;
                    (null === (_this$_list5 = this._list) || void 0 === _this$_list5 ? void 0 : _this$_list5.getDataSource()) && this._list.option("selectedItems", this._selectedItems)
                }
                _resetListDataSourceFilter() {
                    const dataController = this._dataController;
                    delete this._userFilter;
                    dataController.filter(null);
                    dataController.reload()
                }
                _setListDataSourceFilter() {
                    if (!this.option("hideSelectedItems") || !this._list) {
                        return
                    }
                    const dataController = this._dataController;
                    const valueGetterExpr = this._valueGetterExpr();
                    if ((0, _type.isString)(valueGetterExpr) && "this" !== valueGetterExpr) {
                        const filter = this._dataSourceFilterExpr();
                        if (void 0 === this._userFilter) {
                            this._userFilter = dataController.filter() || null
                        }
                        this._userFilter && filter.push(this._userFilter);
                        filter.length ? dataController.filter(filter) : dataController.filter(null)
                    } else {
                        dataController.filter(this._dataSourceFilterFunction.bind(this))
                    }
                    dataController.load()
                }
                _dataSourceFilterExpr() {
                    const filter = [];
                    this._getValue().forEach(value => filter.push(["!", [this._valueGetterExpr(), value]]));
                    return filter
                }
                _dataSourceFilterFunction(itemData) {
                    const itemValue = this._valueGetter(itemData);
                    let result = true;
                    (0, _iterator.each)(this._getValue(), (index, value) => {
                        if (this._isValueEquals(value, itemValue)) {
                            result = false;
                            return false
                        }
                        return
                    });
                    return result
                }
                _dataSourceChangedHandler() {
                    this._isDataSourceChanged = true;
                    super._dataSourceChangedHandler.apply(this, arguments)
                }
                _applyButtonHandler(args) {
                    this._saveValueChangeEvent(args.event);
                    this.option("value", this._getSortedListValues());
                    this._clearTextValue();
                    super._applyButtonHandler();
                    this._cancelSearchIfNeed()
                }
                _getSortedListValues() {
                    const listValues = this._getListValues();
                    const {
                        value: value
                    } = this.option();
                    const currentValue = value || [];
                    const existedItems = listValues.length ? (0, _array.getIntersection)(currentValue, listValues) : [];
                    const newItems = existedItems.length ? (0, _array.removeDuplicates)(listValues, currentValue) : listValues;
                    return existedItems.concat(newItems)
                }
                _getListValues() {
                    if (!this._list) {
                        return []
                    }
                    return this._getPlainItems(this._list.option("selectedItems")).map(item => this._valueGetter(item))
                }
                _setListDataSource() {
                    const currentValue = this._getValue();
                    super._setListDataSource();
                    const {
                        value: value
                    } = this.option();
                    if (currentValue !== value) {
                        this.option("value", currentValue)
                    }
                    this._refreshSelected()
                }
                _renderOpenedState() {
                    super._renderOpenedState();
                    const {
                        applyValueMode: applyValueMode
                    } = this.option();
                    if ("useButtons" === applyValueMode && !this.option("opened")) {
                        this._refreshSelected()
                    }
                }
                clear() {
                    this._restoreInputText();
                    const defaultValue = this._getDefaultOptions().value;
                    const {
                        value: currentValue
                    } = this.option();
                    if (defaultValue && 0 === defaultValue.length && currentValue && defaultValue.length === currentValue.length) {
                        return
                    }
                    super.clear()
                }
                _clean() {
                    super._clean();
                    delete this._valuesToUpdate;
                    delete this._tagTemplate;
                    delete this._tagsToRender
                }
                _getSelectedItemsDifference(newItems, previousItems) {
                    if (!newItems.length) {
                        return {
                            addedItems: [],
                            removedItems: previousItems.slice()
                        }
                    }
                    if (!previousItems.length) {
                        return {
                            addedItems: newItems.slice(),
                            removedItems: []
                        }
                    }
                    const previousItemsValuesMap = previousItems.reduce((map, item) => {
                        const value = this._valueGetter(item);
                        map[value] = item;
                        return map
                    }, {});
                    const addedItems = [];
                    newItems.forEach(item => {
                        const value = this._valueGetter(item);
                        if (!previousItemsValuesMap[value]) {
                            addedItems.push(item)
                        }
                        delete previousItemsValuesMap[value]
                    });
                    return {
                        addedItems: addedItems,
                        removedItems: Object.values(previousItemsValuesMap)
                    }
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value,
                        previousValue: previousValue
                    } = args;
                    switch (name) {
                        case "onSelectAllValueChanged":
                            this._initSelectAllValueChangedAction();
                            break;
                        case "onMultiTagPreparing":
                            this._initMultiTagPreparingAction();
                            this._renderTags();
                            break;
                        case "hideSelectedItems":
                            if (value) {
                                this._setListDataSourceFilter()
                            } else {
                                this._resetListDataSourceFilter()
                            }
                            break;
                        case "useSubmitBehavior":
                            this._toggleSubmitElement(value);
                            break;
                        case "displayExpr":
                            super._optionChanged(args);
                            this._initTemplates();
                            this._invalidate();
                            break;
                        case "tagTemplate":
                            this._initTagTemplate();
                            this._invalidate();
                            break;
                        case "selectAllText":
                            this._setListOption("selectAllText", this.option("selectAllText"));
                            break;
                        case "readOnly":
                        case "disabled":
                            super._optionChanged(args);
                            !value && this._refreshEvents();
                            break;
                        case "value":
                            this._valuesToUpdate = value;
                            super._optionChanged(args);
                            this._valuesToUpdate = void 0;
                            this._setListDataSourceFilter();
                            break;
                        case "maxDisplayedTags":
                        case "showMultiTagOnly":
                            this._renderTags();
                            break;
                        case "selectAllMode":
                            this._setListOption(name, value);
                            break;
                        case "selectedItem":
                        case "maxFilterQueryLength":
                            break;
                        case "selectedItems":
                            this._selectionChangedAction(this._getSelectedItemsDifference(value, previousValue));
                            break;
                        case "multiline":
                            this.$element().toggleClass("dx-tagbox-single-line", !value);
                            this._renderSingleLineScroll();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _getActualSearchValue() {
                    return super._getActualSearchValue() || this._searchValue()
                }
                _popupHidingHandler() {
                    super._popupHidingHandler();
                    this._clearFilter()
                }
            }(0, _component_registrator.default)("dxTagBox", TagBox);
            exports.default = TagBox
        },
        36234(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.TEXTEDITOR_INPUT_CLASS_AUTO_RESIZE = exports.TEXTAREA_CLASS = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _emitterGesture = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/gesture/emitter.gesture.scroll */ 86548));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../common/core/events/utils/index */ 98834);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _size = __webpack_require__( /*! ../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _m_text_box = _interopRequireDefault(__webpack_require__( /*! ../ui/text_box/m_text_box */ 85968));
            var _utils = __webpack_require__( /*! ../ui/text_box/utils.scroll */ 38477);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const TEXTAREA_CLASS = exports.TEXTAREA_CLASS = "dx-textarea";
            const TEXTEDITOR_INPUT_CLASS_AUTO_RESIZE = exports.TEXTEDITOR_INPUT_CLASS_AUTO_RESIZE = "dx-texteditor-input-auto-resize";
            class TextArea extends _m_text_box.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        spellcheck: true,
                        autoResizeEnabled: false,
                        _shouldAttachKeyboardEvents: false
                    })
                }
                _shouldAttachKeyboardEvents() {
                    const {
                        _shouldAttachKeyboardEvents: shouldAttachKeyboardEvents,
                        readOnly: readOnly
                    } = this.option();
                    return shouldAttachKeyboardEvents || !readOnly
                }
                _initMarkup() {
                    this.$element().addClass(TEXTAREA_CLASS);
                    super._initMarkup();
                    this.setAria("multiline", "true")
                }
                _renderContentImpl() {
                    this._updateInputHeight();
                    super._renderContentImpl()
                }
                _renderInput() {
                    super._renderInput();
                    this._renderScrollHandler()
                }
                _createInput() {
                    const $input = (0, _renderer.default)("<textarea>");
                    this._applyInputAttributes($input, this.option("inputAttr"));
                    this._updateInputAutoResizeAppearance($input);
                    return $input
                }
                _setInputMinHeight() {}
                _renderScrollHandler() {
                    this._eventY = 0;
                    const $input = this._input();
                    const initScrollData = (0, _utils.prepareScrollData)($input, true);
                    _events_engine.default.on($input, (0, _index.addNamespace)(_emitterGesture.default.init, this.NAME), initScrollData, _common.noop);
                    _events_engine.default.on($input, (0, _index.addNamespace)(_pointer.default.down, this.NAME), this._pointerDownHandler.bind(this));
                    _events_engine.default.on($input, (0, _index.addNamespace)(_pointer.default.move, this.NAME), this._pointerMoveHandler.bind(this))
                }
                _pointerDownHandler(e) {
                    this._eventY = (0, _index.eventData)(e).y
                }
                _pointerMoveHandler(e) {
                    const currentEventY = (0, _index.eventData)(e).y;
                    const delta = this._eventY - currentEventY;
                    if ((0, _utils.allowScroll)(this._input(), delta)) {
                        e.isScrollingEvent = true;
                        e.stopPropagation()
                    }
                    this._eventY = currentEventY
                }
                _renderDimensions() {
                    const $element = this.$element();
                    const element = $element.get(0);
                    const width = this._getOptionValue("width", element);
                    const height = this._getOptionValue("height", element);
                    const minHeight = this.option("minHeight");
                    const maxHeight = this.option("maxHeight");
                    $element.css({
                        minHeight: void 0 !== minHeight ? minHeight : "",
                        maxHeight: void 0 !== maxHeight ? maxHeight : "",
                        width: width,
                        height: height
                    })
                }
                _resetDimensions() {
                    this.$element().css({
                        height: "",
                        minHeight: "",
                        maxHeight: ""
                    })
                }
                _renderEvents() {
                    if (this.option("autoResizeEnabled")) {
                        _events_engine.default.on(this._input(), (0, _index.addNamespace)("input paste", this.NAME), this._updateInputHeight.bind(this))
                    }
                    super._renderEvents()
                }
                _refreshEvents() {
                    _events_engine.default.off(this._input(), (0, _index.addNamespace)("input paste", this.NAME));
                    super._refreshEvents()
                }
                _getHeightDifference($input) {
                    var _this$_$textEditorCon, _this$_$textEditorInp;
                    const verticalElementOffset = (0, _size.getVerticalOffsets)(this.$element().get(0), false);
                    const verticalEditorContainerOffset = (0, _size.getVerticalOffsets)(null === (_this$_$textEditorCon = this._$textEditorContainer) || void 0 === _this$_$textEditorCon ? void 0 : _this$_$textEditorCon.get(0), false);
                    const verticalInputContainerOffsets = (0, _size.getVerticalOffsets)(null === (_this$_$textEditorInp = this._$textEditorInputContainer) || void 0 === _this$_$textEditorInp ? void 0 : _this$_$textEditorInp.get(0), true);
                    const inputMargin = (0, _size.getElementBoxParams)("height", (0, _window.getWindow)().getComputedStyle($input.get(0))).margin;
                    const sum = verticalElementOffset + verticalEditorContainerOffset + verticalInputContainerOffsets + inputMargin;
                    return sum
                }
                _updateInputHeight() {
                    if (!(0, _window.hasWindow)()) {
                        return
                    }
                    const {
                        autoResizeEnabled: autoResizeEnabled,
                        height: height,
                        minHeight: minHeightOptionValue
                    } = this.option();
                    const $input = this._input();
                    const shouldCalculateInputHeight = autoResizeEnabled || void 0 === height && minHeightOptionValue;
                    if (!shouldCalculateInputHeight) {
                        $input.css("height", "");
                        return
                    }
                    this._resetDimensions();
                    this.$element().css("height", (0, _size.getOuterHeight)(this.$element()));
                    $input.css("height", 0);
                    const heightDifference = this._getHeightDifference($input);
                    this._renderDimensions();
                    const minHeight = this._getBoundaryHeight("minHeight");
                    const maxHeight = this._getMaxHeight();
                    let inputHeight = $input[0].scrollHeight;
                    if (void 0 !== minHeight) {
                        inputHeight = Math.max(inputHeight, minHeight - heightDifference)
                    }
                    if (void 0 !== maxHeight) {
                        const adjustedMaxHeight = this._getAdjustedMaxHeight(maxHeight, heightDifference);
                        const needScroll = inputHeight > adjustedMaxHeight;
                        inputHeight = Math.min(inputHeight, adjustedMaxHeight);
                        this._updateInputAutoResizeAppearance($input, !needScroll)
                    }
                    $input.css("height", inputHeight);
                    if (autoResizeEnabled) {
                        this.$element().css("height", "auto")
                    }
                }
                _getAdjustedMaxHeight(maxHeight, heightDifference) {
                    const adjustedMaxHeight = maxHeight - heightDifference;
                    return adjustedMaxHeight
                }
                _getMaxHeight() {
                    return this._getBoundaryHeight("maxHeight")
                }
                _getBoundaryHeight(optionName) {
                    const boundaryValue = this.option(optionName);
                    if ((0, _type.isDefined)(boundaryValue)) {
                        return "number" === typeof boundaryValue ? boundaryValue : (0, _size.parseHeight)(boundaryValue, this.$element().get(0).parentElement, this.$element().get(0))
                    }
                    return
                }
                _renderInputType() {}
                _visibilityChanged(visible) {
                    if (visible) {
                        this._updateInputHeight()
                    }
                }
                _updateInputAutoResizeAppearance($input, isAutoResizeEnabled) {
                    if ($input) {
                        const autoResizeEnabled = (0, _common.ensureDefined)(isAutoResizeEnabled, Boolean(this.option("autoResizeEnabled")));
                        $input.toggleClass(TEXTEDITOR_INPUT_CLASS_AUTO_RESIZE, autoResizeEnabled)
                    }
                }
                _dimensionChanged() {
                    if (this.option("visible")) {
                        this._updateInputHeight()
                    }
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "_shouldAttachKeyboardEvents":
                        case "autoResizeEnabled":
                            this._updateInputAutoResizeAppearance(this._input(), Boolean(value));
                            this._refreshEvents();
                            this._renderDimensions();
                            this._updateInputHeight();
                            break;
                        case "value":
                        case "height":
                            super._optionChanged(args);
                            this._updateInputHeight();
                            break;
                        case "minHeight":
                        case "maxHeight":
                            this._renderDimensions();
                            this._updateInputHeight();
                            break;
                        case "visible":
                            super._optionChanged(args);
                            if (value) {
                                this._updateInputHeight()
                            }
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }(0, _component_registrator.default)("dxTextArea", TextArea);
            exports.default = TextArea
        },
        68831(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.themeReadyCallback = void 0;
            var _callbacks = (e = __webpack_require__( /*! ../../core/utils/callbacks */ 84718), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.themeReadyCallback = (0, _callbacks.default)()
        },
        3504(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../ui/popover/ui.popover */ 98894));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class Tooltip extends _ui.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        toolbarItems: [],
                        showCloseButton: false,
                        enableBodyScroll: true,
                        showTitle: false,
                        title: null,
                        titleTemplate: null,
                        onTitleRendered: null,
                        bottomTemplate: null,
                        preventScrollEvents: false,
                        propagateOutsideClick: true
                    })
                }
                _render() {
                    var _this$$wrapper;
                    this.$element().addClass("dx-tooltip");
                    null === (_this$$wrapper = this.$wrapper()) || void 0 === _this$$wrapper || _this$$wrapper.addClass("dx-tooltip-wrapper");
                    super._render()
                }
                _renderContent() {
                    super._renderContent();
                    this._toggleAriaAttributes()
                }
                _toggleAriaDescription(showing) {
                    const {
                        target: target
                    } = this.option();
                    const $target = (0, _renderer.default)(target);
                    const label = showing ? this._contentId : void 0;
                    if (!(0, _type.isWindow)($target.get(0))) {
                        this.setAria("describedby", label, $target)
                    }
                }
                _toggleAriaAttributes() {
                    this._contentId = `dx-${new _guid.default}`;
                    this.$overlayContent().attr({
                        id: this._contentId
                    });
                    this._toggleAriaDescription(true)
                }
            }(0, _component_registrator.default)("dxTooltip", Tooltip);
            exports.default = Tooltip
        },
        37062(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _animation = __webpack_require__( /*! ../../common/core/animation */ 16826);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _editor = _interopRequireDefault(__webpack_require__( /*! ../ui/editor/editor */ 24768));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class TrackBar extends _editor.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        min: 0,
                        max: 100,
                        value: 0
                    })
                }
                _initMarkup() {
                    this.$element().addClass("dx-trackbar");
                    this._renderWrapper();
                    this._renderContainer();
                    this._renderRange();
                    this._renderValue();
                    this._setRangeStyles();
                    super._initMarkup()
                }
                _render() {
                    super._render();
                    this._setRangeStyles(this._rangeStylesConfig())
                }
                _renderWrapper() {
                    this._$wrapper = (0, _renderer.default)("<div>").addClass("dx-trackbar-wrapper").appendTo(this.$element())
                }
                _renderContainer() {
                    this._$bar = (0, _renderer.default)("<div>").addClass("dx-trackbar-container").appendTo(this._$wrapper)
                }
                _renderRange() {
                    this._$range = (0, _renderer.default)("<div>").addClass("dx-trackbar-range").appendTo(this._$bar)
                }
                _renderValue() {
                    const {
                        value: val,
                        min: min,
                        max: max
                    } = this.option();
                    if (min > max) {
                        return
                    }
                    if (val < min) {
                        this.option("value", min);
                        this._currentRatio = 0;
                        return
                    }
                    if (val > max) {
                        this.option("value", max);
                        this._currentRatio = 1;
                        return
                    }
                    const ratio = min === max ? 0 : (val - min) / (max - min);
                    if (!this._needPreventAnimation) {
                        this._setRangeStyles({
                            width: 100 * ratio + "%"
                        })
                    }
                    this.setAria({
                        valuemin: this.option("min"),
                        valuemax: max,
                        valuenow: val
                    });
                    this._currentRatio = ratio
                }
                _rangeStylesConfig() {
                    return {
                        width: 100 * this._currentRatio + "%"
                    }
                }
                _setRangeStyles(options) {
                    _animation.fx.stop(this._$range);
                    if (!options) {
                        this._$range.css({
                            width: 0
                        });
                        return
                    }
                    if (this._needPreventAnimation || !(0, _window.hasWindow)()) {
                        return
                    }
                    _animation.fx.animate(this._$range, {
                        type: "custom",
                        duration: 100,
                        to: options
                    })
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "value":
                            this._renderValue();
                            super._optionChanged(args);
                            break;
                        case "max":
                        case "min":
                            this._renderValue();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _dispose() {
                    _animation.fx.stop(this._$range);
                    super._dispose()
                }
            }(0, _component_registrator.default)("dxTrackBar", TrackBar);
            exports.default = TrackBar
        },
        79697(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/message */ 4671));
            var _number = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/number */ 52771));
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../core/class */ 55620));
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../core/errors */ 87129));
            var _events_strategy = __webpack_require__( /*! ../../core/events_strategy */ 2607);
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const EMAIL_VALIDATION_REGEX = /^[\d\w.+_-]+@[\d\w._-]+\.[\w]+$/i;
            const STATUS_valid = "valid",
                STATUS_invalid = "invalid",
                STATUS_pending = "pending";
            class BaseRuleValidator {
                constructor() {
                    this.NAME = "base"
                }
                defaultMessage(value) {
                    return _message.default.getFormatter(`validation-${this.NAME}`)(value)
                }
                defaultFormattedMessage(value) {
                    return _message.default.getFormatter(`validation-${this.NAME}-formatted`)(value)
                }
                _isValueEmpty(value) {
                    return !rulesValidators.required.validate(value, {})
                }
                validate(value, rule) {
                    const valueArray = Array.isArray(value) ? value : [value];
                    let result = true;
                    if (valueArray.length) {
                        valueArray.every(itemValue => {
                            result = this._validate(itemValue, rule);
                            return result
                        })
                    } else {
                        result = this._validate(null, rule)
                    }
                    return result
                }
            }
            class CustomRuleValidator extends BaseRuleValidator {
                constructor() {
                    super();
                    this.NAME = "custom"
                }
                validate(value, rule) {
                    if (rule.ignoreEmptyValue && this._isValueEmpty(value)) {
                        return true
                    }
                    const {
                        validator: validator
                    } = rule;
                    const dataGetter = validator && (0, _type.isFunction)(validator.option) && validator.option("dataGetter");
                    const extraParams = (0, _type.isFunction)(dataGetter) && dataGetter();
                    const params = {
                        value: value,
                        validator: validator,
                        rule: rule
                    };
                    if (extraParams) {
                        (0, _extend.extend)(params, extraParams)
                    }
                    return rule.validationCallback(params)
                }
            }
            const rulesValidators = {
                required: new class extends BaseRuleValidator {
                    constructor() {
                        super();
                        this.NAME = "required"
                    }
                    _validate(value, rule) {
                        if (!(0, _type.isDefined)(value)) {
                            return false
                        }
                        if (false === value) {
                            return false
                        }
                        value = String(value);
                        if (rule.trim || !(0, _type.isDefined)(rule.trim)) {
                            value = value.trim()
                        }
                        return "" !== value
                    }
                },
                numeric: new class extends BaseRuleValidator {
                    constructor() {
                        super();
                        this.NAME = "numeric"
                    }
                    _validate(value, rule) {
                        if (false !== rule.ignoreEmptyValue && this._isValueEmpty(value)) {
                            return true
                        }
                        if (rule.useCultureSettings && (0, _type.isString)(value)) {
                            return !isNaN(_number.default.parse(value))
                        }
                        return (0, _type.isNumeric)(value)
                    }
                },
                range: new class extends BaseRuleValidator {
                    constructor() {
                        super();
                        this.NAME = "range"
                    }
                    _validate(value, rule) {
                        if (false !== rule.ignoreEmptyValue && this._isValueEmpty(value)) {
                            return true
                        }
                        const validNumber = rulesValidators.numeric.validate(value, rule);
                        const validValue = (0, _type.isDefined)(value) && "" !== value;
                        const number = validNumber ? parseFloat(value) : validValue && value.valueOf();
                        const {
                            min: min
                        } = rule;
                        const {
                            max: max
                        } = rule;
                        if (!(validNumber || (0, _type.isDate)(value)) && !validValue) {
                            return false
                        }
                        if ((0, _type.isDefined)(min)) {
                            if ((0, _type.isDefined)(max)) {
                                return number >= min && number <= max
                            }
                            return number >= min
                        }
                        if ((0, _type.isDefined)(max)) {
                            return number <= max
                        }
                        throw _errors.default.Error("E0101")
                    }
                },
                stringLength: new class extends BaseRuleValidator {
                    constructor() {
                        super();
                        this.NAME = "stringLength"
                    }
                    _validate(value, rule) {
                        value = String(value ?? "");
                        if (rule.trim || !(0, _type.isDefined)(rule.trim)) {
                            value = value.trim()
                        }
                        if (rule.ignoreEmptyValue && this._isValueEmpty(value)) {
                            return true
                        }
                        return rulesValidators.range.validate(value.length, (0, _extend.extend)({}, rule))
                    }
                },
                custom: new CustomRuleValidator,
                async: new class extends CustomRuleValidator {
                    constructor() {
                        super();
                        this.NAME = "async"
                    }
                    validate(value, rule) {
                        if (!(0, _type.isDefined)(rule.reevaluate)) {
                            (0, _extend.extend)(rule, {
                                reevaluate: true
                            })
                        }
                        if (rule.ignoreEmptyValue && this._isValueEmpty(value)) {
                            return true
                        }
                        const {
                            validator: validator
                        } = rule;
                        const dataGetter = validator && (0, _type.isFunction)(validator.option) && validator.option("dataGetter");
                        const extraParams = (0, _type.isFunction)(dataGetter) && dataGetter();
                        const params = {
                            value: value,
                            validator: validator,
                            rule: rule
                        };
                        if (extraParams) {
                            (0, _extend.extend)(params, extraParams)
                        }
                        const callbackResult = rule.validationCallback(params);
                        if (!(0, _type.isPromise)(callbackResult)) {
                            throw _errors.default.Error("E0103")
                        }
                        return this._getWrappedPromise((0, _deferred.fromPromise)(callbackResult).promise())
                    }
                    _getWrappedPromise(promise) {
                        const deferred = (0, _deferred.Deferred)();
                        promise.then(res => {
                            deferred.resolve(res)
                        }, err => {
                            const res = {
                                isValid: false
                            };
                            if ((0, _type.isDefined)(err)) {
                                if ((0, _type.isString)(err)) {
                                    res.message = err
                                } else if ((0, _type.isObject)(err) && (0, _type.isDefined)(err.message) && (0, _type.isString)(err.message)) {
                                    res.message = err.message
                                }
                            }
                            deferred.resolve(res)
                        });
                        return deferred.promise()
                    }
                },
                compare: new class extends BaseRuleValidator {
                    constructor() {
                        super();
                        this.NAME = "compare"
                    }
                    _validate(value, rule) {
                        if (!rule.comparisonTarget) {
                            throw _errors.default.Error("E0102")
                        }
                        if (rule.ignoreEmptyValue && this._isValueEmpty(value)) {
                            return true
                        }(0, _extend.extend)(rule, {
                            reevaluate: true
                        });
                        const otherValue = rule.comparisonTarget();
                        const type = rule.comparisonType || "==";
                        switch (type) {
                            case "==":
                                return value == otherValue;
                            case "!=":
                                return value != otherValue;
                            case "===":
                                return value === otherValue;
                            case "!==":
                                return value !== otherValue;
                            case ">":
                                return value > otherValue;
                            case ">=":
                                return value >= otherValue;
                            case "<":
                                return value < otherValue;
                            case "<=":
                                return value <= otherValue
                        }
                    }
                },
                pattern: new class extends BaseRuleValidator {
                    constructor() {
                        super();
                        this.NAME = "pattern"
                    }
                    _validate(value, rule) {
                        if (false !== rule.ignoreEmptyValue && this._isValueEmpty(value)) {
                            return true
                        }
                        let {
                            pattern: pattern
                        } = rule;
                        if ((0, _type.isString)(pattern)) {
                            pattern = new RegExp(pattern)
                        }
                        return pattern.test(value)
                    }
                },
                email: new class extends BaseRuleValidator {
                    constructor() {
                        super();
                        this.NAME = "email"
                    }
                    _validate(value, rule) {
                        if (false !== rule.ignoreEmptyValue && this._isValueEmpty(value)) {
                            return true
                        }
                        return rulesValidators.pattern.validate(value, (0, _extend.extend)({}, rule, {
                            pattern: EMAIL_VALIDATION_REGEX
                        }))
                    }
                }
            };
            class GroupConfig extends(_class.default.inherit({})) {
                ctor(group, isRemovable) {
                    this.group = group;
                    this.validators = [];
                    this._isRemovable = isRemovable;
                    this._pendingValidators = [];
                    this._onValidatorStatusChanged = this._onValidatorStatusChanged.bind(this);
                    this._resetValidationInfo();
                    this._eventsStrategy = new _events_strategy.EventsStrategy(this)
                }
                validate() {
                    const result = {
                        isValid: true,
                        brokenRules: [],
                        validators: [],
                        status: STATUS_valid,
                        complete: null
                    };
                    this._unsubscribeFromAllChangeEvents();
                    this._pendingValidators = [];
                    this._resetValidationInfo();
                    (0, _iterator.each)(this.validators, (_, validator) => {
                        const validatorResult = validator.validate();
                        result.isValid = result.isValid && validatorResult.isValid;
                        if (validatorResult.brokenRules) {
                            result.brokenRules = result.brokenRules.concat(validatorResult.brokenRules)
                        }
                        result.validators.push(validator);
                        if (validatorResult.status === STATUS_pending) {
                            this._addPendingValidator(validator)
                        }
                        this._subscribeToChangeEvents(validator)
                    });
                    if (this._pendingValidators.length) {
                        result.status = STATUS_pending
                    } else {
                        result.status = result.isValid ? STATUS_valid : STATUS_invalid;
                        this._unsubscribeFromAllChangeEvents();
                        this._raiseValidatedEvent(result)
                    }
                    this._updateValidationInfo(result);
                    return (0, _extend.extend)({}, this._validationInfo.result)
                }
                _subscribeToChangeEvents(validator) {
                    validator.on("validating", this._onValidatorStatusChanged);
                    validator.on("validated", this._onValidatorStatusChanged)
                }
                _unsubscribeFromChangeEvents(validator) {
                    validator.off("validating", this._onValidatorStatusChanged);
                    validator.off("validated", this._onValidatorStatusChanged)
                }
                _unsubscribeFromAllChangeEvents() {
                    (0, _iterator.each)(this.validators, (_, validator) => {
                        this._unsubscribeFromChangeEvents(validator)
                    })
                }
                _updateValidationInfo(result) {
                    this._validationInfo.result = result;
                    if (result.status !== STATUS_pending) {
                        return
                    }
                    if (!this._validationInfo.deferred) {
                        this._validationInfo.deferred = (0, _deferred.Deferred)();
                        this._validationInfo.result.complete = this._validationInfo.deferred.promise()
                    }
                }
                _addPendingValidator(validator) {
                    const foundValidator = (0, _common.grep)(this._pendingValidators, val => val === validator)[0];
                    if (!foundValidator) {
                        this._pendingValidators.push(validator)
                    }
                }
                _removePendingValidator(validator) {
                    const index = this._pendingValidators.indexOf(validator);
                    if (index >= 0) {
                        this._pendingValidators.splice(index, 1)
                    }
                }
                _orderBrokenRules(brokenRules) {
                    let orderedRules = [];
                    (0, _iterator.each)(this.validators, (_, validator) => {
                        const foundRules = (0, _common.grep)(brokenRules, rule => rule.validator === validator);
                        if (foundRules.length) {
                            orderedRules = orderedRules.concat(foundRules)
                        }
                    });
                    return orderedRules
                }
                _updateBrokenRules(result) {
                    if (!this._validationInfo.result) {
                        return
                    }
                    let {
                        brokenRules: brokenRules
                    } = this._validationInfo.result;
                    const rules = (0, _common.grep)(brokenRules, rule => rule.validator !== result.validator);
                    if (result.brokenRules) {
                        brokenRules = rules.concat(result.brokenRules)
                    }
                    this._validationInfo.result.brokenRules = this._orderBrokenRules(brokenRules)
                }
                _onValidatorStatusChanged(result) {
                    if (result.status === STATUS_pending) {
                        this._addPendingValidator(result.validator);
                        return
                    }
                    this._resolveIfComplete(result)
                }
                _resolveIfComplete(result) {
                    this._removePendingValidator(result.validator);
                    this._updateBrokenRules(result);
                    if (!this._pendingValidators.length) {
                        this._unsubscribeFromAllChangeEvents();
                        if (!this._validationInfo.result) {
                            return
                        }
                        this._validationInfo.result.status = 0 === this._validationInfo.result.brokenRules.length ? STATUS_valid : STATUS_invalid;
                        this._validationInfo.result.isValid = this._validationInfo.result.status === STATUS_valid;
                        const res = (0, _extend.extend)({}, this._validationInfo.result, {
                            complete: null
                        });
                        const {
                            deferred: deferred
                        } = this._validationInfo;
                        this._validationInfo.deferred = null;
                        this._raiseValidatedEvent(res);
                        deferred && setTimeout(() => {
                            deferred.resolve(res)
                        })
                    }
                }
                _raiseValidatedEvent(result) {
                    this._eventsStrategy.fireEvent("validated", [result])
                }
                _resetValidationInfo() {
                    this._validationInfo = {
                        result: null,
                        deferred: null
                    }
                }
                _synchronizeValidationInfo() {
                    if (this._validationInfo.result) {
                        this._validationInfo.result.validators = this.validators
                    }
                }
                removeRegisteredValidator(validator) {
                    const index = this.validators.indexOf(validator);
                    if (index > -1) {
                        this.validators.splice(index, 1);
                        this._synchronizeValidationInfo();
                        this._resolveIfComplete({
                            validator: validator
                        })
                    }
                }
                registerValidator(validator) {
                    if (!this.validators.includes(validator)) {
                        this.validators.push(validator);
                        this._synchronizeValidationInfo()
                    }
                }
                reset() {
                    (0, _iterator.each)(this.validators, (_, validator) => {
                        validator.reset()
                    });
                    this._pendingValidators = [];
                    this._resetValidationInfo()
                }
                on(eventName, eventHandler) {
                    this._eventsStrategy.on(eventName, eventHandler);
                    return this
                }
                off(eventName, eventHandler) {
                    this._eventsStrategy.off(eventName, eventHandler);
                    return this
                }
            }
            const ValidationEngine = {
                groups: [],
                getGroupConfig(group) {
                    const result = (0, _common.grep)(this.groups, config => config.group === group);
                    if (result.length) {
                        return result[0]
                    }
                },
                findGroup($element, model) {
                    var _$element$data;
                    const hasValidationGroup = null === (_$element$data = $element.data()) || void 0 === _$element$data || null === (_$element$data = _$element$data.dxComponents) || void 0 === _$element$data ? void 0 : _$element$data.includes("dxValidationGroup");
                    const validationGroup = hasValidationGroup && $element.dxValidationGroup("instance");
                    if (validationGroup) {
                        return validationGroup
                    }
                    const $dxGroup = $element.parents(".dx-validationgroup").first();
                    if ($dxGroup.length) {
                        return $dxGroup.dxValidationGroup("instance")
                    }
                    return model
                },
                initGroups() {
                    this.groups = [];
                    this.addGroup(void 0, false)
                },
                addGroup(group) {
                    let isRemovable = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : true;
                    let config = this.getGroupConfig(group);
                    if (!config) {
                        config = new GroupConfig(group, isRemovable);
                        this.groups.push(config)
                    }
                    return config
                },
                removeGroup(group) {
                    const config = this.getGroupConfig(group);
                    const index = this.groups.indexOf(config);
                    if (index > -1) {
                        this.groups.splice(index, 1)
                    }
                    return config
                },
                _setDefaultMessage(info) {
                    const {
                        rule: rule,
                        validator: validator,
                        name: name
                    } = info;
                    if (!(0, _type.isDefined)(rule.message)) {
                        if (validator.defaultFormattedMessage && (0, _type.isDefined)(name)) {
                            rule.message = validator.defaultFormattedMessage(name)
                        } else {
                            rule.message = validator.defaultMessage()
                        }
                    }
                },
                _addBrokenRule(info) {
                    const {
                        result: result,
                        rule: rule
                    } = info;
                    if (!result.brokenRule) {
                        result.brokenRule = rule
                    }
                    if (!result.brokenRules) {
                        result.brokenRules = []
                    }
                    result.brokenRules.push(rule)
                },
                validate(value, rules, name) {
                    var _rules$;
                    let result = {
                        name: name,
                        value: value,
                        brokenRule: null,
                        brokenRules: null,
                        isValid: true,
                        validationRules: rules,
                        pendingRules: null,
                        status: STATUS_valid,
                        complete: null
                    };
                    const validator = null === rules || void 0 === rules || null === (_rules$ = rules[0]) || void 0 === _rules$ ? void 0 : _rules$.validator;
                    const asyncRuleItems = [];
                    (0, _iterator.each)(rules || [], (_, rule) => {
                        const ruleValidator = rulesValidators[rule.type];
                        let ruleValidationResult;
                        if (ruleValidator) {
                            if ((0, _type.isDefined)(rule.isValid) && rule.value === value && !rule.reevaluate) {
                                if (!rule.isValid) {
                                    result.isValid = false;
                                    this._addBrokenRule({
                                        result: result,
                                        rule: rule
                                    });
                                    return false
                                }
                                return true
                            }
                            rule.value = value;
                            if ("async" === rule.type) {
                                asyncRuleItems.push({
                                    rule: rule,
                                    ruleValidator: ruleValidator
                                });
                                return true
                            }
                            ruleValidationResult = ruleValidator.validate(value, rule);
                            rule.isValid = ruleValidationResult;
                            if (!ruleValidationResult) {
                                result.isValid = false;
                                this._setDefaultMessage({
                                    rule: rule,
                                    validator: ruleValidator,
                                    name: name
                                });
                                this._addBrokenRule({
                                    result: result,
                                    rule: rule
                                })
                            }
                            if (!rule.isValid) {
                                return false
                            }
                        } else {
                            throw _errors.default.Error("E0100")
                        }
                    });
                    if (result.isValid && !result.brokenRules && asyncRuleItems.length) {
                        result = this._validateAsyncRules({
                            value: value,
                            items: asyncRuleItems,
                            result: result,
                            name: name
                        })
                    }
                    this._synchronizeGroupValidationInfo(validator, result);
                    result.status = result.pendingRules ? STATUS_pending : result.isValid ? STATUS_valid : STATUS_invalid;
                    return result
                },
                _synchronizeGroupValidationInfo(validator, result) {
                    if (!validator) {
                        return
                    }
                    const groupConfig = ValidationEngine.getGroupConfig(validator._validationGroup);
                    groupConfig._updateBrokenRules.call(groupConfig, {
                        validator: validator,
                        brokenRules: result.brokenRules ?? []
                    })
                },
                _validateAsyncRules(_ref) {
                    let {
                        result: result,
                        value: value,
                        items: items,
                        name: name
                    } = _ref;
                    const asyncResults = [];
                    (0, _iterator.each)(items, (_, item) => {
                        const validateResult = item.ruleValidator.validate(value, item.rule);
                        if (!(0, _type.isPromise)(validateResult)) {
                            this._updateRuleConfig({
                                rule: item.rule,
                                ruleResult: this._getPatchedRuleResult(validateResult),
                                validator: item.ruleValidator,
                                name: name
                            })
                        } else {
                            if (!result.pendingRules) {
                                result.pendingRules = []
                            }
                            result.pendingRules.push(item.rule);
                            const asyncResult = validateResult.then(res => {
                                const ruleResult = this._getPatchedRuleResult(res);
                                this._updateRuleConfig({
                                    rule: item.rule,
                                    ruleResult: ruleResult,
                                    validator: item.ruleValidator,
                                    name: name
                                });
                                return ruleResult
                            });
                            asyncResults.push(asyncResult)
                        }
                    });
                    if (asyncResults.length) {
                        result.complete = Promise.all(asyncResults).then(values => this._getAsyncRulesResult({
                            result: result,
                            values: values
                        }))
                    }
                    return result
                },
                _updateRuleConfig(_ref2) {
                    let {
                        rule: rule,
                        ruleResult: ruleResult,
                        validator: validator,
                        name: name
                    } = _ref2;
                    rule.isValid = ruleResult.isValid;
                    if (!ruleResult.isValid) {
                        if ((0, _type.isDefined)(ruleResult.message) && (0, _type.isString)(ruleResult.message) && ruleResult.message.length) {
                            rule.message = ruleResult.message
                        } else {
                            this._setDefaultMessage({
                                rule: rule,
                                validator: validator,
                                name: name
                            })
                        }
                    }
                },
                _getPatchedRuleResult(ruleResult) {
                    let result;
                    if ((0, _type.isObject)(ruleResult)) {
                        result = (0, _extend.extend)({}, ruleResult);
                        if (!(0, _type.isDefined)(result.isValid)) {
                            result.isValid = true
                        }
                    } else {
                        result = {
                            isValid: (0, _type.isBoolean)(ruleResult) ? ruleResult : true
                        }
                    }
                    return result
                },
                _getAsyncRulesResult(_ref3) {
                    let {
                        values: values,
                        result: result
                    } = _ref3;
                    (0, _iterator.each)(values, (index, val) => {
                        if (false === val.isValid) {
                            result.isValid = val.isValid;
                            const rule = result.pendingRules[index];
                            this._addBrokenRule({
                                result: result,
                                rule: rule
                            })
                        }
                    });
                    result.pendingRules = null;
                    result.complete = null;
                    result.status = result.isValid ? STATUS_valid : STATUS_invalid;
                    return result
                },
                registerValidatorInGroup(group, validator) {
                    const groupConfig = ValidationEngine.addGroup(group);
                    groupConfig.registerValidator.call(groupConfig, validator)
                },
                removeRegisteredValidator(group, validator) {
                    const config = ValidationEngine.getGroupConfig(group);
                    if (config) {
                        config.removeRegisteredValidator.call(config, validator);
                        const validatorsInGroup = config.validators;
                        const isRemovable = config._isRemovable;
                        const shouldRemoveGroup = 0 === validatorsInGroup.length && isRemovable;
                        if (shouldRemoveGroup) {
                            this.removeGroup(group)
                        }
                    }
                },
                initValidationOptions(options) {
                    const initedOptions = {};
                    if (options) {
                        const syncOptions = ["isValid", "validationStatus", "validationError", "validationErrors"];
                        syncOptions.forEach(prop => {
                            if (prop in options) {
                                (0, _extend.extend)(initedOptions, this.synchronizeValidationOptions({
                                    name: prop,
                                    value: options[prop]
                                }, options))
                            }
                        })
                    }
                    return initedOptions
                },
                synchronizeValidationOptions(_ref4, options) {
                    let {
                        name: name,
                        value: value
                    } = _ref4;
                    switch (name) {
                        case "validationStatus": {
                            const isValid = value === STATUS_valid || value === STATUS_pending;
                            return options.isValid !== isValid ? {
                                isValid: isValid
                            } : {}
                        }
                        case "isValid": {
                            const {
                                validationStatus: validationStatus
                            } = options;
                            let newStatus = validationStatus;
                            if (value && validationStatus === STATUS_invalid) {
                                newStatus = STATUS_valid
                            } else if (!value && validationStatus !== STATUS_invalid) {
                                newStatus = STATUS_invalid
                            }
                            return newStatus !== validationStatus ? {
                                validationStatus: newStatus
                            } : {}
                        }
                        case "validationErrors": {
                            const validationError = !(null !== value && void 0 !== value && value.length) ? null : value[0];
                            return options.validationError !== validationError ? {
                                validationError: validationError
                            } : {}
                        }
                        case "validationError": {
                            const {
                                validationErrors: validationErrors
                            } = options;
                            if (!value && validationErrors) {
                                return {
                                    validationErrors: null
                                }
                            }
                            if (value && !validationErrors) {
                                return {
                                    validationErrors: [value]
                                }
                            }
                            if (value && validationErrors && value !== validationErrors[0]) {
                                validationErrors[0] = value;
                                return {
                                    validationErrors: validationErrors.slice()
                                }
                            }
                        }
                    }
                    return {}
                },
                validateGroup(group) {
                    const groupConfig = ValidationEngine.getGroupConfig(group);
                    if (!groupConfig) {
                        throw _errors.default.Error("E0110")
                    }
                    return groupConfig.validate()
                },
                resetGroup(group) {
                    const groupConfig = ValidationEngine.getGroupConfig(group);
                    if (!groupConfig) {
                        throw _errors.default.Error("E0110")
                    }
                    return groupConfig.reset()
                }
            };
            ValidationEngine.initGroups();
            exports.default = ValidationEngine
        },
        89172(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _dom_component = _interopRequireDefault(__webpack_require__( /*! ../../core/dom_component */ 97832));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _m_validation_engine = _interopRequireDefault(__webpack_require__( /*! ./m_validation_engine */ 79697));
            var _m_validation_summary = _interopRequireDefault(__webpack_require__( /*! ./m_validation_summary */ 31139));
            var _m_validator = _interopRequireDefault(__webpack_require__( /*! ./m_validator */ 71449));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class ValidationGroup extends _dom_component.default {
                _getDefaultOptions() {
                    return super._getDefaultOptions()
                }
                _init() {
                    super._init();
                    _m_validation_engine.default.addGroup(this, false)
                }
                _initMarkup() {
                    const $element = this.$element();
                    $element.addClass("dx-validationgroup");
                    $element.find(".dx-validator").each((_, validatorContainer) => {
                        _m_validator.default.getInstance((0, _renderer.default)(validatorContainer))._initGroupRegistration()
                    });
                    $element.find(".dx-validationsummary").each((_, summaryContainer) => {
                        _m_validation_summary.default.getInstance((0, _renderer.default)(summaryContainer)).refreshValidationGroup()
                    });
                    super._initMarkup()
                }
                validate() {
                    return _m_validation_engine.default.validateGroup(this)
                }
                reset() {
                    return _m_validation_engine.default.resetGroup(this)
                }
                _dispose() {
                    _m_validation_engine.default.removeGroup(this);
                    this.$element().removeClass("dx-validationgroup");
                    super._dispose()
                }
                _useTemplates() {
                    return false
                }
            }(0, _component_registrator.default)("dxValidationGroup", ValidationGroup);
            exports.default = ValidationGroup
        },
        22864(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _position = __webpack_require__( /*! ../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../core/utils/size */ 57653);
            var _string = __webpack_require__( /*! ../../core/utils/string */ 54497);
            var _overlay = _interopRequireDefault(__webpack_require__( /*! ../ui/overlay/overlay */ 79384));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class ValidationMessage extends _overlay.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        integrationOptions: {},
                        templatesRenderAsynchronously: false,
                        shading: false,
                        width: "auto",
                        height: "auto",
                        hideOnOutsideClick: false,
                        animation: null,
                        visible: true,
                        propagateOutsideClick: true,
                        _checkParentVisibility: false,
                        rtlEnabled: false,
                        contentTemplate: this._renderInnerHtml,
                        maxWidth: "100%",
                        container: this.$element(),
                        mode: "auto",
                        preventScrollEvents: false,
                        positionSide: "top",
                        offset: {
                            h: 0,
                            v: 0
                        }
                    })
                }
                _init() {
                    super._init();
                    this.updateMaxWidth();
                    this._updatePosition()
                }
                _initMarkup() {
                    super._initMarkup();
                    this._ensureMessageNotEmpty();
                    this._updatePositionByTarget();
                    this._toggleModeClass();
                    this._updateContentId()
                }
                _updatePositionByTarget() {
                    const {
                        target: target
                    } = this.option();
                    this.option("position.of", target)
                }
                _ensureMessageNotEmpty() {
                    this._textMarkup = this._getTextMarkup();
                    const shouldShowMessage = this.option("visible") && this._textMarkup;
                    this._toggleVisibilityClasses(shouldShowMessage)
                }
                _toggleVisibilityClasses(visible) {
                    if (visible) {
                        var _this$$wrapper;
                        this.$element().addClass("dx-invalid-message");
                        null === (_this$$wrapper = this.$wrapper()) || void 0 === _this$$wrapper || _this$$wrapper.addClass("dx-invalid-message")
                    } else {
                        var _this$$wrapper2;
                        this.$element().removeClass("dx-invalid-message");
                        null === (_this$$wrapper2 = this.$wrapper()) || void 0 === _this$$wrapper2 || _this$$wrapper2.removeClass("dx-invalid-message")
                    }
                }
                _updateContentId() {
                    var _this$$content;
                    const {
                        container: container,
                        contentId: contentId
                    } = this.option();
                    const id = contentId ?? (0, _renderer.default)(container).attr("aria-describedby");
                    null === (_this$$content = this.$content()) || void 0 === _this$$content || _this$$content.addClass("dx-invalid-message-content").attr("id", id)
                }
                _renderInnerHtml(element) {
                    const $element = element && (0, _renderer.default)(element);
                    null === $element || void 0 === $element || $element.html(this._textMarkup)
                }
                _getTextMarkup() {
                    const validationErrors = this.option("validationErrors") ?? [];
                    let validationErrorMessage = "";
                    validationErrors.forEach(err => {
                        const separator = validationErrorMessage ? "<br />" : "";
                        validationErrorMessage += separator + (0, _string.encodeHtml)((null === err || void 0 === err ? void 0 : err.message) ?? "")
                    });
                    return validationErrorMessage
                }
                _toggleModeClass() {
                    var _this$$wrapper3;
                    const {
                        mode: mode
                    } = this.option();
                    null === (_this$$wrapper3 = this.$wrapper()) || void 0 === _this$$wrapper3 || _this$$wrapper3.toggleClass("dx-invalid-message-auto", "auto" === mode).toggleClass("dx-invalid-message-always", "always" === mode)
                }
                updateMaxWidth() {
                    const target = this.option("target");
                    const targetWidth = (0, _size.getOuterWidth)(target);
                    let maxWidth = "100%";
                    if (targetWidth) {
                        maxWidth = Math.max(targetWidth, 100)
                    }
                    this.option({
                        maxWidth: maxWidth
                    })
                }
                _getPositionsArray(positionSide, rtlSide) {
                    switch (positionSide) {
                        case "top":
                            return [`${rtlSide} bottom`, `${rtlSide} top`];
                        case "left":
                            return ["right", "left"];
                        case "right":
                            return ["left", "right"];
                        default:
                            return [`${rtlSide} top`, `${rtlSide} bottom`]
                    }
                }
                _updatePosition() {
                    const {
                        positionSide: positionSide,
                        rtlEnabled: rtlEnabled,
                        offset: componentOffset,
                        boundary: boundary
                    } = this.option();
                    const rtlSide = (0, _position.getDefaultAlignment)(rtlEnabled);
                    const positions = this._getPositionsArray(positionSide, rtlSide);
                    const offset = Object.assign({}, componentOffset);
                    this.$element().addClass(`dx-invalid-message-${positionSide}`);
                    if (rtlEnabled && "left" !== positionSide && "right" !== positionSide) {
                        offset.h = -offset.h
                    }
                    if ("top" === positionSide) {
                        offset.v = -offset.v
                    }
                    if ("left" === positionSide) {
                        offset.h = -offset.h
                    }
                    this.option("position", {
                        offset: offset,
                        boundary: boundary,
                        my: positions[0],
                        at: positions[1],
                        collision: "none flip"
                    })
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value,
                        previousValue: previousValue
                    } = args;
                    switch (name) {
                        case "target":
                            this._updatePositionByTarget();
                            this.updateMaxWidth();
                            super._optionChanged(args);
                            break;
                        case "boundary":
                            this.option("position.boundary", value);
                            break;
                        case "mode":
                            this._toggleModeClass();
                            break;
                        case "rtlEnabled":
                        case "offset":
                        case "positionSide":
                            this.$element().removeClass(`dx-invalid-message-${previousValue}`);
                            this._updatePosition();
                            break;
                        case "container":
                            this._updateContentId();
                            super._optionChanged(args);
                            break;
                        case "contentId":
                            this._updateContentId();
                            break;
                        case "validationErrors":
                            this._ensureMessageNotEmpty();
                            this._renderInnerHtml(this.$content());
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }(0, _component_registrator.default)("dxValidationMessage", ValidationMessage);
            exports.default = ValidationMessage
        },
        31139(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _collection_widget = _interopRequireDefault(__webpack_require__( /*! ../ui/collection/collection_widget.edit */ 79839));
            var _m_validation_engine = _interopRequireDefault(__webpack_require__( /*! ./m_validation_engine */ 79697));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class ValidationSummary extends _collection_widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        focusStateEnabled: false,
                        noDataText: null
                    })
                }
                _setOptionsByReference() {
                    super._setOptionsByReference();
                    (0, _extend.extend)(this._optionsByReference, {
                        validationGroup: true
                    })
                }
                _init() {
                    super._init();
                    this._initGroupRegistration()
                }
                _initGroupRegistration() {
                    const $element = this.$element();
                    const {
                        validationGroup: validationGroup
                    } = this.option();
                    const group = validationGroup || _m_validation_engine.default.findGroup($element, this._modelByElement($element));
                    const groupConfig = _m_validation_engine.default.addGroup(group, true);
                    this._unsubscribeGroup();
                    this._groupWasInit = true;
                    this._validationGroup = group;
                    this.groupSubscription = this._groupValidationHandler.bind(this);
                    groupConfig.on("validated", this.groupSubscription)
                }
                _unsubscribeGroup() {
                    const groupConfig = _m_validation_engine.default.getGroupConfig(this._validationGroup);
                    null === groupConfig || void 0 === groupConfig || groupConfig.off("validated", this.groupSubscription)
                }
                _getOrderedItems(validators, items) {
                    let orderedItems = [];
                    (0, _iterator.each)(validators, (_, validator) => {
                        const foundItems = (0, _common.grep)(items, item => {
                            if (item.validator === validator) {
                                return true
                            }
                        });
                        if (foundItems.length) {
                            orderedItems = orderedItems.concat(foundItems)
                        }
                    });
                    return orderedItems
                }
                _groupValidationHandler(params) {
                    const items = this._getOrderedItems(params.validators, (0, _iterator.map)(params.brokenRules, rule => ({
                        text: rule.message,
                        validator: rule.validator,
                        index: rule.index
                    })));
                    this.validators = params.validators;
                    (0, _iterator.each)(this.validators, (_, validator) => {
                        if (validator._validationSummary !== this) {
                            let handler = this._itemValidationHandler.bind(this);
                            const disposingHandler = function() {
                                validator.off("validated", handler);
                                validator._validationSummary = null;
                                handler = null
                            };
                            validator.on("validated", handler);
                            validator.on("disposing", disposingHandler);
                            validator._validationSummary = this
                        }
                    });
                    this.option("items", items)
                }
                _itemValidationHandler(_ref) {
                    let {
                        isValid: isValid,
                        validator: validator,
                        brokenRules: brokenRules
                    } = _ref;
                    let {
                        items: items
                    } = this.option();
                    let itemsChanged = false;
                    let itemIndex = 0;
                    while (itemIndex < items.length) {
                        const item = items[itemIndex];
                        if (item.validator === validator) {
                            const foundRule = (0, _common.grep)(brokenRules || [], rule => rule.index === item.index)[0];
                            if (isValid || !foundRule) {
                                items.splice(itemIndex, 1);
                                itemsChanged = true;
                                continue
                            }
                            if (foundRule.message !== item.text) {
                                item.text = foundRule.message;
                                itemsChanged = true
                            }
                        }
                        itemIndex++
                    }(0, _iterator.each)(brokenRules, (_, rule) => {
                        const foundItem = (0, _common.grep)(items, item => item.validator === validator && item.index === rule.index)[0];
                        if (!foundItem) {
                            items.push({
                                text: rule.message,
                                validator: validator,
                                index: rule.index
                            });
                            itemsChanged = true
                        }
                    });
                    if (itemsChanged) {
                        items = this._getOrderedItems(this.validators, items);
                        this.option("items", items)
                    }
                }
                _initMarkup() {
                    this.$element().addClass("dx-validationsummary");
                    super._initMarkup()
                }
                _optionChanged(args) {
                    if ("validationGroup" === args.name) {
                        this._initGroupRegistration()
                    } else {
                        super._optionChanged(args)
                    }
                }
                _itemClass() {
                    return "dx-validationsummary-item"
                }
                _itemDataKey() {
                    return "dx-validationsummary-item-data"
                }
                _postprocessRenderItem(params) {
                    _events_engine.default.on(params.itemElement, "click", () => {
                        var _params$itemData$vali, _params$itemData$vali2;
                        null === (_params$itemData$vali = params.itemData.validator) || void 0 === _params$itemData$vali || null === (_params$itemData$vali2 = _params$itemData$vali.focus) || void 0 === _params$itemData$vali2 || _params$itemData$vali2.call(_params$itemData$vali)
                    })
                }
                _dispose() {
                    super._dispose();
                    this._unsubscribeGroup()
                }
                refreshValidationGroup() {
                    this._initGroupRegistration()
                }
            }(0, _component_registrator.default)("dxValidationSummary", ValidationSummary);
            exports.default = ValidationSummary
        },
        71449(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _element_data = __webpack_require__( /*! ../../core/element_data */ 74663);
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../core/guid */ 19427));
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/callbacks */ 84718));
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../ui/widget/ui.errors */ 35185));
            var _dom_component = _interopRequireDefault(__webpack_require__( /*! ../core/widget/dom_component */ 22331));
            var _m_validation_engine = _interopRequireDefault(__webpack_require__( /*! ./m_validation_engine */ 79697));
            var _m_default_adapter = _interopRequireDefault(__webpack_require__( /*! ./validation/m_default_adapter */ 67618));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class Validator extends _dom_component.default {
                _initOptions(options) {
                    super._initOptions.apply(this, arguments);
                    this.option(_m_validation_engine.default.initValidationOptions(options))
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        validationRules: []
                    })
                }
                _init() {
                    super._init();
                    this._initGroupRegistration();
                    this.focused = (0, _callbacks.default)();
                    this._initAdapter();
                    this._validationInfo = {
                        result: null,
                        deferred: null,
                        skipValidation: false
                    }
                }
                _initGroupRegistration() {
                    const group = this._findGroup();
                    if (!this._groupWasInit) {
                        this.on("disposing", args => {
                            _m_validation_engine.default.removeRegisteredValidator(args.component._validationGroup, args.component)
                        })
                    }
                    if (!this._groupWasInit || this._validationGroup !== group) {
                        _m_validation_engine.default.removeRegisteredValidator(this._validationGroup, this);
                        this._groupWasInit = true;
                        this._validationGroup = group;
                        _m_validation_engine.default.registerValidatorInGroup(group, this)
                    }
                }
                _setOptionsByReference() {
                    super._setOptionsByReference();
                    (0, _extend.extend)(this._optionsByReference, {
                        validationGroup: true
                    })
                }
                _getEditor() {
                    const element = this.$element()[0];
                    return (0, _element_data.data)(element, "dx-validation-target")
                }
                _initAdapter() {
                    const dxStandardEditor = this._getEditor();
                    let {
                        adapter: adapter
                    } = this.option();
                    if (!adapter) {
                        if (dxStandardEditor) {
                            var _adapter;
                            adapter = new _m_default_adapter.default(dxStandardEditor, this);
                            null === (_adapter = adapter) || void 0 === _adapter || null === (_adapter = _adapter.validationRequestsCallbacks) || void 0 === _adapter || _adapter.push(args => {
                                var _this$_validationInfo;
                                if (null !== (_this$_validationInfo = this._validationInfo) && void 0 !== _this$_validationInfo && _this$_validationInfo.skipValidation) {
                                    return
                                }
                                this.validate(args)
                            });
                            this.option("adapter", adapter);
                            return
                        }
                        throw _ui.default.Error("E0120")
                    }
                    const callbacks = adapter.validationRequestsCallbacks;
                    if (callbacks) {
                        callbacks.push(args => {
                            this.validate(args)
                        })
                    }
                }
                _toggleRTLDirection(isRtl) {
                    var _adapter$editor;
                    const {
                        adapter: adapter
                    } = this.option();
                    const rtlEnabled = (null === adapter || void 0 === adapter || null === (_adapter$editor = adapter.editor) || void 0 === _adapter$editor ? void 0 : _adapter$editor.option("rtlEnabled")) ?? isRtl;
                    super._toggleRTLDirection(rtlEnabled)
                }
                _initMarkup() {
                    this.$element().addClass("dx-validator");
                    super._initMarkup()
                }
                _render() {
                    super._render();
                    this._toggleAccessibilityAttributes()
                }
                _toggleAccessibilityAttributes() {
                    const dxStandardEditor = this._getEditor();
                    if (dxStandardEditor) {
                        const rules = this.option("validationRules") || [];
                        const isRequired = rules.some(_ref => {
                            let {
                                type: type
                            } = _ref;
                            return "required" === type
                        }) || null;
                        if (dxStandardEditor.isInitialized()) {
                            dxStandardEditor.setAria("required", isRequired)
                        }
                        dxStandardEditor.option("_onMarkupRendered", () => {
                            dxStandardEditor.setAria("required", isRequired)
                        })
                    }
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        this._initGroupRegistration()
                    }
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "validationGroup":
                            this._initGroupRegistration();
                            return;
                        case "validationRules":
                            this._resetValidationRules();
                            this._toggleAccessibilityAttributes();
                            void 0 !== this.option("isValid") && this.validate();
                            return;
                        case "adapter":
                            this._initAdapter();
                            break;
                        case "isValid":
                        case "validationStatus":
                            this.option(_m_validation_engine.default.synchronizeValidationOptions(args, this.option()));
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _getValidationRules() {
                    if (!this._validationRules) {
                        this._validationRules = (0, _iterator.map)(this.option("validationRules"), (rule, index) => (0, _extend.extend)({}, rule, {
                            validator: this,
                            index: index
                        }))
                    }
                    return this._validationRules
                }
                _findGroup() {
                    const $element = this.$element();
                    const {
                        validationGroup: validationGroup
                    } = this.option();
                    return validationGroup || _m_validation_engine.default.findGroup($element, this._modelByElement($element))
                }
                _resetValidationRules() {
                    delete this._validationRules
                }
                validate(args) {
                    var _adapter$bypass, _adapter$getValue, _adapter$getCurrentVa, _this$_validationInfo2, _result$complete;
                    const {
                        adapter: adapter,
                        name: name
                    } = this.option();
                    const bypass = null === adapter || void 0 === adapter || null === (_adapter$bypass = adapter.bypass) || void 0 === _adapter$bypass ? void 0 : _adapter$bypass.call(adapter);
                    const value = args && void 0 !== args.value ? args.value : null === adapter || void 0 === adapter || null === (_adapter$getValue = adapter.getValue) || void 0 === _adapter$getValue ? void 0 : _adapter$getValue.call(adapter);
                    const currentError = null === adapter || void 0 === adapter || null === (_adapter$getCurrentVa = adapter.getCurrentValidationError) || void 0 === _adapter$getCurrentVa ? void 0 : _adapter$getCurrentVa.call(adapter);
                    const rules = this._getValidationRules();
                    const currentResult = null === (_this$_validationInfo2 = this._validationInfo) || void 0 === _this$_validationInfo2 ? void 0 : _this$_validationInfo2.result;
                    if (currentResult && "pending" === currentResult.status && currentResult.value === value) {
                        return (0, _extend.extend)({}, currentResult)
                    }
                    let result;
                    if (bypass) {
                        result = {
                            isValid: true,
                            status: "valid"
                        }
                    } else if (null !== currentError && void 0 !== currentError && currentError.editorSpecific) {
                        currentError.validator = this;
                        result = {
                            isValid: false,
                            status: "invalid",
                            brokenRule: currentError,
                            brokenRules: [currentError]
                        }
                    } else {
                        result = _m_validation_engine.default.validate(value, rules, name)
                    }
                    result.id = (new _guid.default).toString();
                    this._applyValidationResult(result, adapter);
                    null === (_result$complete = result.complete) || void 0 === _result$complete || _result$complete.then(res => {
                        if (res.id === this._validationInfo.result.id) {
                            this._applyValidationResult(res, adapter)
                        }
                    });
                    return (0, _extend.extend)({}, this._validationInfo.result)
                }
                reset() {
                    const {
                        adapter: adapter
                    } = this.option();
                    const result = {
                        id: null,
                        isValid: true,
                        brokenRule: null,
                        brokenRules: null,
                        pendingRules: null,
                        status: "valid",
                        complete: null
                    };
                    this._validationInfo.skipValidation = true;
                    adapter.reset();
                    this._validationInfo.skipValidation = false;
                    this._resetValidationRules();
                    this._applyValidationResult(result, adapter)
                }
                _updateValidationResult(result) {
                    if (!this._validationInfo.result || this._validationInfo.result.id !== result.id) {
                        const complete = this._validationInfo.deferred && this._validationInfo.result.complete;
                        this._validationInfo.result = (0, _extend.extend)({}, result, {
                            complete: complete
                        })
                    } else {
                        for (const prop in result) {
                            if ("id" !== prop && "complete" !== prop) {
                                this._validationInfo.result[prop] = result[prop]
                            }
                        }
                    }
                }
                _applyValidationResult(result, adapter) {
                    const validatedAction = this._createActionByOption("onValidated", {
                        excludeValidators: ["readOnly"]
                    });
                    result.validator = this;
                    this._updateValidationResult(result);
                    adapter.applyValidationResults && adapter.applyValidationResults(this._validationInfo.result);
                    this.option({
                        validationStatus: this._validationInfo.result.status
                    });
                    if ("pending" === this._validationInfo.result.status) {
                        if (!this._validationInfo.deferred) {
                            this._validationInfo.deferred = (0, _deferred.Deferred)();
                            this._validationInfo.result.complete = this._validationInfo.deferred.promise()
                        }
                        this._eventsStrategy.fireEvent("validating", [this._validationInfo.result]);
                        return
                    }
                    if ("pending" !== this._validationInfo.result.status) {
                        validatedAction(result);
                        if (this._validationInfo.deferred) {
                            this._validationInfo.deferred.resolve(result);
                            this._validationInfo.deferred = null
                        }
                    }
                }
                focus() {
                    const {
                        adapter: adapter
                    } = this.option();
                    adapter && adapter.focus && adapter.focus()
                }
                _useTemplates() {
                    return false
                }
            }(0, _component_registrator.default)("dxValidator", Validator);
            exports.default = Validator
        },
        87656(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _array = __webpack_require__( /*! ../../../core/utils/array */ 94487);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _inflector = __webpack_require__( /*! ../../../core/utils/inflector */ 53124);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _m_deferred = __webpack_require__( /*! ../../core/utils/m_deferred */ 77117);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _providerDynamic = _interopRequireDefault(__webpack_require__( /*! ./provider.dynamic.azure */ 32883));
            var _providerDynamic2 = _interopRequireDefault(__webpack_require__( /*! ./provider.dynamic.bing */ 28948));
            var _providerDynamic3 = _interopRequireDefault(__webpack_require__( /*! ./provider.dynamic.google */ 44869));
            var _provider = _interopRequireDefault(__webpack_require__( /*! ./provider.google_static */ 28765));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const PROVIDERS = {
                azure: _providerDynamic.default,
                googleStatic: _provider.default,
                google: _providerDynamic3.default,
                bing: _providerDynamic2.default
            };
            class Map extends _widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        bounds: {
                            northEast: null,
                            southWest: null
                        },
                        center: {
                            lat: 0,
                            lng: 0
                        },
                        zoom: 1,
                        width: 300,
                        height: 300,
                        type: "roadmap",
                        provider: "google",
                        autoAdjust: true,
                        markers: [],
                        markerIconSrc: null,
                        onMarkerAdded: null,
                        onMarkerRemoved: null,
                        routes: [],
                        onRouteAdded: null,
                        onRouteRemoved: null,
                        apiKey: {
                            bing: "",
                            google: "",
                            googleStatic: ""
                        },
                        providerConfig: {
                            mapId: "",
                            useAdvancedMarkers: true
                        },
                        controls: false,
                        onReady: null,
                        onUpdated: null,
                        onClick: null
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }])
                }
                ctor(element, options) {
                    super.ctor(element, options);
                    if (options) {
                        if ("provider" in options && "bing" === options.provider) {
                            this._logDeprecatedBingProvider()
                        }
                    }
                }
                _logDeprecatedBingProvider() {
                    this._logDeprecatedOptionWarning("provider: bing", {
                        since: "24.2",
                        message: "Use other map providers, such as Azure, Google, or GoogleStatic."
                    })
                }
                _setDeprecatedOptions() {
                    super._setDeprecatedOptions();
                    (0, _extend.extend)(this._deprecatedOptions, {
                        "providerConfig.useAdvancedMarkers": {
                            since: "24.2",
                            message: "Google deprecated the original map markers. Transition to advanced markers for future compatibility."
                        }
                    })
                }
                _renderFocusTarget() {}
                _init() {
                    super._init();
                    this.$element().addClass("dx-map");
                    this._lastAsyncAction = Promise.resolve();
                    this._checkOption("provider");
                    this._checkOption("markers");
                    this._checkOption("routes");
                    this._initContainer();
                    this._grabEvents();
                    this._rendered = {}
                }
                _useTemplates() {
                    return false
                }
                _checkOption(option) {
                    const value = this.option(option);
                    if ("markers" === option && !Array.isArray(value)) {
                        throw _ui.default.Error("E1022")
                    }
                    if ("routes" === option && !Array.isArray(value)) {
                        throw _ui.default.Error("E1023")
                    }
                }
                _initContainer() {
                    this._$container = (0, _renderer.default)("<div>").addClass("dx-map-container");
                    this.$element().append(this._$container)
                }
                _grabEvents() {
                    const eventName = (0, _index.addNamespace)(_pointer.default.down, this.NAME);
                    _events_engine.default.on(this.$element(), eventName, this._cancelEvent.bind(this))
                }
                _cancelEvent(e) {
                    var _this$_provider;
                    const {
                        disabled: disabled
                    } = this.option();
                    const cancelByProvider = (null === (_this$_provider = this._provider) || void 0 === _this$_provider ? void 0 : _this$_provider.isEventsCanceled(e)) && !disabled;
                    if (cancelByProvider) {
                        e.stopPropagation()
                    }
                }
                _saveRendered(option) {
                    const {
                        [option]: value = []
                    } = this.option();
                    this._rendered[option] = value.slice()
                }
                _render() {
                    super._render();
                    this._renderShield();
                    this._saveRendered("markers");
                    this._saveRendered("routes");
                    const {
                        provider: provider = "google"
                    } = this.option();
                    const Provider = PROVIDERS[provider];
                    this._provider = new Provider(this, this._$container);
                    this._queueAsyncAction("render", this._rendered.markers, this._rendered.routes)
                }
                _renderShield() {
                    const {
                        disabled: disabled
                    } = this.option();
                    if (disabled) {
                        const $shield = (0, _renderer.default)("<div>").addClass("dx-map-shield");
                        this.$element().append($shield);
                        return
                    }
                    this.$element().find(".dx-map-shield").remove()
                }
                _clean() {
                    this._cleanFocusState();
                    if (this._provider) {
                        this._provider.clean()
                    }
                    this._provider = null;
                    this._lastAsyncAction = Promise.resolve();
                    this.setOptionSilent("bounds", {
                        northEast: null,
                        southWest: null
                    });
                    delete this._suppressAsyncAction
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    const changeBag = this._optionChangeBag;
                    this._optionChangeBag = null;
                    switch (name) {
                        case "disabled":
                            this._renderShield();
                            super._optionChanged(args);
                            this._queueAsyncAction("updateDisabled");
                            break;
                        case "width":
                        case "height":
                            super._optionChanged(args);
                            this._dimensionChanged();
                            break;
                        case "provider":
                            this._suppressAsyncAction = true;
                            this._invalidate();
                            if ("bing" === value) {
                                this._logDeprecatedBingProvider()
                            }
                            break;
                        case "apiKey":
                            _ui.default.log("W1001");
                            break;
                        case "bounds":
                            this._queueAsyncAction("updateBounds");
                            break;
                        case "center":
                            this._queueAsyncAction("updateCenter");
                            break;
                        case "zoom":
                            this._queueAsyncAction("updateZoom");
                            break;
                        case "type":
                            this._queueAsyncAction("updateMapType");
                            break;
                        case "controls":
                            this._queueAsyncAction("updateControls", this._rendered.markers, this._rendered.routes);
                            break;
                        case "autoAdjust":
                            this._queueAsyncAction("adjustViewport");
                            break;
                        case "markers":
                        case "routes": {
                            this._checkOption(name);
                            const prevValue = this._rendered[name];
                            this._saveRendered(name);
                            this._queueAsyncAction("" + ("markers" === name ? "updateMarkers" : "updateRoutes"), changeBag ? changeBag.removed : prevValue, changeBag ? changeBag.added : this._rendered[name]).then(result => {
                                if (changeBag) {
                                    changeBag.resolve(result)
                                }
                            });
                            break
                        }
                        case "markerIconSrc":
                            this._queueAsyncAction("updateMarkers", this._rendered.markers, this._rendered.markers);
                            break;
                        case "providerConfig":
                            this._suppressAsyncAction = true;
                            this._invalidate();
                            break;
                        case "onReady":
                        case "onUpdated":
                        case "onMarkerAdded":
                        case "onMarkerRemoved":
                        case "onRouteAdded":
                        case "onRouteRemoved":
                        case "onClick":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        this._dimensionChanged()
                    }
                }
                _dimensionChanged() {
                    this._queueAsyncAction("updateDimensions")
                }
                _queueAsyncAction(name, markers, routes) {
                    const markerAndRoutes = [markers, routes].filter(Boolean);
                    const isActionSuppressed = this._suppressAsyncAction;
                    this._lastAsyncAction = this._lastAsyncAction.then(() => {
                        if (!this._provider || isActionSuppressed) {
                            return Promise.resolve()
                        }
                        return this._provider[name](...markerAndRoutes).then(result => {
                            const arrayResult = (0, _array.wrapToArray)(result);
                            const mapRefreshed = arrayResult[0];
                            if (mapRefreshed && !this._disposed) {
                                this._triggerReadyAction()
                            }
                            return arrayResult[1]
                        })
                    });
                    return this._lastAsyncAction
                }
                _triggerReadyAction() {
                    this._createActionByOption("onReady")({
                        originalMap: this._provider.map()
                    })
                }
                _triggerUpdateAction() {
                    this._createActionByOption("onUpdated")()
                }
                setOptionSilent(name, value) {
                    this._setOptionWithoutOptionChange(name, value)
                }
                addMarker(marker) {
                    return this._addFunction("markers", marker)
                }
                removeMarker(marker) {
                    return this._removeFunction("markers", marker)
                }
                addRoute(route) {
                    return this._addFunction("routes", route)
                }
                removeRoute(route) {
                    return this._removeFunction("routes", route)
                }
                _addFunction(optionName, addingValue) {
                    const {
                        [optionName]: optionValue = []
                    } = this.option();
                    const addingValues = (0, _array.wrapToArray)(addingValue);
                    optionValue.push(...addingValues);
                    return this._partialArrayOptionChange(optionName, optionValue, addingValues, [])
                }
                _removeFunction(optionName, removingValue) {
                    const {
                        [optionName]: optionValue = []
                    } = this.option();
                    const removingValues = (0, _array.wrapToArray)(removingValue);
                    removingValues.forEach((value, removingIndex) => {
                        const index = (0, _type.isNumeric)(value) ? value : optionValue.indexOf(value);
                        if (-1 !== index) {
                            const removing = optionValue.splice(index, 1)[0];
                            removingValues.splice(removingIndex, 1, removing)
                        } else {
                            throw _ui.default.log("E1021", (0, _inflector.titleize)(optionName.substring(0, optionName.length - 1)), value)
                        }
                    });
                    return this._partialArrayOptionChange(optionName, optionValue, [], removingValues)
                }
                _partialArrayOptionChange(optionName, optionValue, addingValues, removingValues) {
                    return (0, _m_deferred.fromPromise)(new Promise(resolve => {
                        this._optionChangeBag = {
                            resolve: resolve,
                            added: addingValues,
                            removed: removingValues
                        };
                        this.option(optionName, optionValue)
                    }).then(result => {
                        const resultArray = Array.isArray(result) ? result : [result];
                        return 1 === resultArray.length ? resultArray[0] : resultArray
                    }), this)
                }
            }(0, _component_registrator.default)("dxMap", Map);
            exports.default = Map
        },
        32883(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _color = _interopRequireDefault(__webpack_require__( /*! ../../../color */ 43101));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _ajax = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/ajax */ 78670));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _provider = _interopRequireDefault(__webpack_require__( /*! ./provider.dynamic */ 84774));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const AZURE_BASE_LINK = "https://atlas.microsoft.com/";
            let AZURE_JS_URL = `${AZURE_BASE_LINK}sdk/javascript/mapcontrol/3/atlas.min.js`;
            let AZURE_CSS_URL = `${AZURE_BASE_LINK}/sdk/javascript/mapcontrol/3/atlas.min.css`;
            const azureMapsLoaded = () => {
                var _window$atlas;
                return Boolean(null === (_window$atlas = window.atlas) || void 0 === _window$atlas ? void 0 : _window$atlas.Map)
            };
            let azureMapsLoader;
            class AzureProvider extends _provider.default {
                _mapType(type) {
                    const mapTypes = {
                        roadmap: "road",
                        satellite: "satellite",
                        hybrid: "satellite_road_labels"
                    };
                    if (!type) {
                        return mapTypes.roadmap
                    }
                    return mapTypes[type] ?? mapTypes.roadmap
                }
                _movementMode() {
                    let type = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "";
                    const movementTypes = {
                        driving: "car",
                        walking: "pedestrian"
                    };
                    if (!type) {
                        return movementTypes.driving
                    }
                    return movementTypes[type] ?? type
                }
                _resolveLocation(location) {
                    return new Promise(resolve => {
                        const latLng = this._getLatLng(location);
                        if (latLng) {
                            resolve(new atlas.data.Position(latLng.lng, latLng.lat))
                        } else {
                            this._geocodeLocation(location).then(geocodedLocation => {
                                resolve(geocodedLocation)
                            })
                        }
                    })
                }
                _geocodeLocationImpl(location) {
                    return new Promise(resolve => {
                        if (!(0, _type.isDefined)(location)) {
                            resolve(new atlas.data.Position(0, 0));
                            return
                        }
                        const searchURL = `${AZURE_BASE_LINK}geocode?subscription-key=${this._keyOption("azure")}&api-version=2023-06-01&query=${location}&limit=1`;
                        _ajax.default.sendRequest({
                            url: searchURL,
                            dataType: "json"
                        }).then(result => {
                            var _result$features$;
                            const coordinates = null === result || void 0 === result || null === (_result$features$ = result.features[0]) || void 0 === _result$features$ || null === (_result$features$ = _result$features$.geometry) || void 0 === _result$features$ ? void 0 : _result$features$.coordinates;
                            if (coordinates) {
                                resolve(new atlas.data.Position(coordinates[0], coordinates[1]))
                            } else {
                                resolve(new atlas.data.Position(0, 0))
                            }
                        })
                    })
                }
                _normalizeLocation(location) {
                    return {
                        lat: location[1],
                        lng: location[0]
                    }
                }
                _normalizeLocationRect(locationRect) {
                    return {
                        northEast: {
                            lat: locationRect[1],
                            lng: locationRect[2]
                        },
                        southWest: {
                            lat: locationRect[3],
                            lng: locationRect[0]
                        }
                    }
                }
                _loadImpl() {
                    return new Promise(resolve => {
                        if (azureMapsLoaded()) {
                            resolve();
                            return
                        }
                        if (!azureMapsLoader) {
                            azureMapsLoader = this._loadMapResources()
                        }
                        azureMapsLoader.then(() => {
                            if (azureMapsLoaded()) {
                                resolve();
                                return
                            }
                            this._loadMapResources().then(resolve)
                        })
                    })
                }
                _loadMapResources() {
                    return Promise.all([this._loadMapScript(), this._loadMapStyles()]).then(() => {})
                }
                _loadMapScript() {
                    return new Promise(resolve => {
                        _ajax.default.sendRequest({
                            url: AZURE_JS_URL,
                            dataType: "script"
                        }).then(() => {
                            resolve()
                        })
                    })
                }
                _loadMapStyles() {
                    return new Promise(resolve => {
                        _ajax.default.sendRequest({
                            url: AZURE_CSS_URL,
                            dataType: "text"
                        }).then(css => {
                            (0, _renderer.default)("<style>").html(css).appendTo((0, _renderer.default)("head"));
                            resolve()
                        })
                    })
                }
                _init() {
                    this._createMap();
                    return this._mapReadyPromise
                }
                _createMap() {
                    const type = this._option("type");
                    this._map = new atlas.Map(this._$container[0], {
                        authOptions: {
                            authType: "subscriptionKey",
                            subscriptionKey: this._keyOption("azure")
                        },
                        zoom: this._option("zoom"),
                        style: this._mapType(type),
                        interactive: !this._option("disabled")
                    });
                    this._mapReadyPromise = new Promise(resolve => {
                        this._map.events.add("ready", () => {
                            resolve()
                        })
                    });
                    this.updateControls()
                }
                _attachHandlers() {
                    this._map.events.add("move", this._viewChangeHandler.bind(this));
                    this._map.events.add("click", this._clickActionHandler.bind(this))
                }
                _viewChangeHandler() {
                    const {
                        bounds: bounds
                    } = this._map.getCamera();
                    this._option("bounds", this._normalizeLocationRect(bounds));
                    const {
                        center: center
                    } = this._map.getCamera();
                    this._option("center", this._normalizeLocation(center));
                    if (!this._preventZoomChangeEvent) {
                        this._option("zoom", this._map.getCamera().zoom)
                    }
                }
                _clickActionHandler(e) {
                    if ("click" === e.type) {
                        this._fireClickAction({
                            location: this._normalizeLocation(e.position),
                            event: e.originalEvent
                        })
                    }
                }
                updateDimensions() {
                    this._map.resize();
                    return Promise.resolve()
                }
                updateDisabled() {
                    const disabled = this._option("disabled");
                    this._map.setUserInteraction({
                        interactive: !disabled
                    });
                    return Promise.resolve()
                }
                updateMapType() {
                    const type = this._option("type");
                    const newType = this._mapType(type);
                    const currentType = this._map.getStyle().style;
                    if (newType !== currentType) {
                        this._map.setStyle({
                            style: newType
                        })
                    }
                    return Promise.resolve()
                }
                updateBounds() {
                    const bounds = this._option("bounds");
                    return Promise.all([this._resolveLocation(null === bounds || void 0 === bounds ? void 0 : bounds.northEast), this._resolveLocation(null === bounds || void 0 === bounds ? void 0 : bounds.southWest)]).then(result => {
                        this._map.setCamera({
                            bounds: [result[1][0], result[1][1], result[0][0], result[0][1]],
                            padding: 50
                        })
                    })
                }
                updateCenter() {
                    return this._resolveLocation(this._option("center")).then(center => {
                        this._map.setCamera({
                            center: center
                        })
                    })
                }
                updateZoom() {
                    this._map.setCamera({
                        zoom: this._option("zoom")
                    });
                    return Promise.resolve()
                }
                updateControls() {
                    const controls = this._option("controls");
                    if (controls) {
                        this._map.controls.add([new atlas.control.CompassControl, new atlas.control.PitchControl, new atlas.control.StyleControl({
                            mapStyles: ["road", "satellite", "satellite_road_labels"]
                        }), new atlas.control.ZoomControl], {
                            position: "top-right"
                        })
                    } else {
                        const allControls = this._map.controls.getControls();
                        const controlsToRemove = allControls.slice(2);
                        this._map.controls.remove(controlsToRemove)
                    }
                    return Promise.resolve()
                }
                _renderMarker(options) {
                    const {
                        location: markerLocation
                    } = options;
                    return this._resolveLocation(markerLocation).then(location => {
                        const markerOptions = {
                            position: location
                        };
                        const icon = options.iconSrc || this._option("markerIconSrc");
                        if (icon) {
                            markerOptions.htmlContent = this._createIconTemplate(icon)
                        }
                        const marker = new atlas.HtmlMarker(markerOptions);
                        this._map.markers.add(marker);
                        const popup = this._renderTooltip(location, options.tooltip);
                        let handler;
                        if (options.onClick || options.tooltip) {
                            const markerClickAction = this._mapWidget._createAction(options.onClick ?? _common.noop);
                            const markerNormalizedLocation = this._normalizeLocation(location);
                            handler = this._map.events.add("click", marker, () => {
                                markerClickAction({
                                    location: markerNormalizedLocation
                                });
                                if (popup) {
                                    if (popup.isOpen()) {
                                        popup.close()
                                    } else {
                                        popup.open()
                                    }
                                }
                            })
                        }
                        return {
                            location: location,
                            marker: marker,
                            popup: popup,
                            handler: handler
                        }
                    })
                }
                _renderTooltip(location, options) {
                    if (!options) {
                        return
                    }
                    const parsedOptions = this._parseTooltipOptions(options);
                    const $content = (0, _renderer.default)("<div>").html(parsedOptions.text).addClass("dx-map-marker-tooltip");
                    const popup = new atlas.Popup({
                        content: $content[0],
                        position: location,
                        pixelOffset: [0, -30]
                    });
                    this._map.popups.add(popup);
                    if (parsedOptions.visible) {
                        popup.open()
                    }
                    return popup
                }
                _destroyMarker(marker) {
                    this._map.markers.remove(marker.marker);
                    if (marker.popup) {
                        this._map.popups.remove(marker.popup)
                    }
                    if (marker.handler) {
                        this._map.events.remove(marker.handler)
                    }
                }
                _renderRoute(options) {
                    const routeLocations = options.locations ?? [];
                    return Promise.all(routeLocations.map(point => this._resolveLocation(point))).then(locations => new Promise(resolve => {
                        const routeColor = new _color.default(options.color || this._defaultRouteColor()).toHex();
                        const routeOpacity = options.opacity || this._defaultRouteOpacity();
                        const queryCoordinates = locations.map(location => `${location[1]},${location[0]}`);
                        const query = queryCoordinates.join(":");
                        const routeType = this._movementMode(options.mode);
                        const searchUrl = `${AZURE_BASE_LINK}route/directions/json?subscription-key=${this._keyOption("azure")}&api-version=1.0&query=${query}&travelMode=${routeType}`;
                        _ajax.default.sendRequest({
                            url: searchUrl,
                            dataType: "json"
                        }).then(result => {
                            if (null !== result && void 0 !== result && result.routes && result.routes.length > 0) {
                                const route = result.routes[0];
                                const routeCoordinates = route.legs.flatMap(leg => leg.points.map(point => [point.longitude, point.latitude]));
                                const dataSource = new atlas.source.DataSource;
                                dataSource.add(new atlas.data.Feature(new atlas.data.LineString(routeCoordinates), {}));
                                const lineLayer = new atlas.layer.LineLayer(dataSource, null, {
                                    strokeColor: routeColor,
                                    strokeOpacity: routeOpacity,
                                    strokeWidth: options.weight || this._defaultRouteWeight()
                                });
                                this._map.sources.add(dataSource);
                                this._map.layers.add(lineLayer);
                                const bounds = atlas.data.BoundingBox.fromPositions(routeCoordinates);
                                if (this._option("autoAdjust")) {
                                    this._map.setCamera({
                                        bounds: bounds,
                                        padding: 50
                                    })
                                }
                                resolve({
                                    instance: {
                                        dataSource: dataSource,
                                        lineLayer: lineLayer
                                    },
                                    northEast: [bounds[2], bounds[3]],
                                    southWest: [bounds[0], bounds[1]]
                                })
                            }
                        }).catch(e => {
                            const dataSource = new atlas.source.DataSource;
                            const lineLayer = new atlas.layer.LineLayer(dataSource, null, {});
                            _ui.default.log("W1006", e);
                            resolve({
                                instance: {
                                    dataSource: dataSource,
                                    lineLayer: lineLayer
                                }
                            })
                        })
                    }))
                }
                _destroyRoute(routeObject) {
                    this._map.layers.remove(routeObject.instance.lineLayer);
                    this._map.sources.remove(routeObject.instance.dataSource)
                }
                _fitBounds() {
                    this._updateBounds();
                    if (this._bounds && this._option("autoAdjust")) {
                        const zoomBeforeFitting = this._map.getCamera().zoom;
                        this._preventZoomChangeEvent = true;
                        this._map.setCamera({
                            bounds: this._bounds,
                            padding: 50
                        });
                        const zoomAfterFitting = this._map.getCamera().zoom;
                        if (zoomBeforeFitting < zoomAfterFitting) {
                            this._map.setCamera({
                                zoom: zoomBeforeFitting
                            })
                        } else {
                            this._option("zoom", zoomAfterFitting)
                        }
                        delete this._preventZoomChangeEvent
                    }
                    return Promise.resolve()
                }
                _extendBounds(location) {
                    const [longitude, latitude] = location;
                    if (this._bounds) {
                        const newBounds = new atlas.data.BoundingBox([longitude, latitude, longitude, latitude]);
                        this._bounds = atlas.data.BoundingBox.merge(this._bounds, newBounds)
                    } else {
                        this._bounds = new atlas.data.BoundingBox([longitude - 1e-4, latitude - 1e-4, longitude + 1e-4, latitude + 1e-4])
                    }
                }
                clean() {
                    if (this._map) {
                        this._map.events.remove("move", this._viewChangeHandler);
                        this._map.events.remove("click", this._clickActionHandler);
                        this._clearMarkers();
                        this._clearRoutes();
                        this._map.dispose()
                    }
                    return Promise.resolve()
                }
            }
            exports.default = AzureProvider
        },
        28948(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _color = _interopRequireDefault(__webpack_require__( /*! ../../../color */ 43101));
            var _ajax = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/ajax */ 78670));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _provider = _interopRequireDefault(__webpack_require__( /*! ./provider.dynamic */ 84774));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const msMapsLoaded = () => {
                var _window$Microsoft;
                return Boolean(null === (_window$Microsoft = window.Microsoft) || void 0 === _window$Microsoft ? void 0 : _window$Microsoft.Maps)
            };
            let msMapsLoader;
            class BingProvider extends _provider.default {
                _mapType(type) {
                    const mapTypes = {
                        roadmap: Microsoft.Maps.MapTypeId.road,
                        hybrid: Microsoft.Maps.MapTypeId.aerial,
                        satellite: Microsoft.Maps.MapTypeId.aerial
                    };
                    if (!type) {
                        return mapTypes.roadmap
                    }
                    return mapTypes[type] ?? mapTypes.roadmap
                }
                _movementMode() {
                    let type = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "";
                    if (!type) {
                        return Microsoft.Maps.Directions.RouteMode.driving
                    }
                    return Microsoft.Maps.Directions.RouteMode[type]
                }
                _resolveLocation(location) {
                    return new Promise(resolve => {
                        const latLng = this._getLatLng(location);
                        if (latLng) {
                            resolve(new Microsoft.Maps.Location(latLng.lat, latLng.lng))
                        } else {
                            this._geocodeLocation(location).then(geocodedLocation => {
                                resolve(geocodedLocation)
                            })
                        }
                    })
                }
                _geocodeLocationImpl(location) {
                    return new Promise(resolve => {
                        if (!(0, _type.isDefined)(location)) {
                            resolve(new Microsoft.Maps.Location(0, 0));
                            return
                        }
                        const searchManager = new Microsoft.Maps.Search.SearchManager(this._map);
                        const searchRequest = {
                            where: location,
                            count: 1,
                            callback(searchResponse) {
                                const result = searchResponse.results[0];
                                if (result) {
                                    const boundsBox = searchResponse.results[0].location;
                                    resolve(new Microsoft.Maps.Location(boundsBox.latitude, boundsBox.longitude))
                                } else {
                                    resolve(new Microsoft.Maps.Location(0, 0))
                                }
                            }
                        };
                        searchManager.geocode(searchRequest)
                    })
                }
                _normalizeLocation(location) {
                    return {
                        lat: location.latitude,
                        lng: location.longitude
                    }
                }
                _normalizeLocationRect(locationRect) {
                    const northWest = this._normalizeLocation(locationRect.getNorthwest());
                    const southEast = this._normalizeLocation(locationRect.getSoutheast());
                    return {
                        northEast: {
                            lat: northWest.lat,
                            lng: southEast.lng
                        },
                        southWest: {
                            lat: southEast.lat,
                            lng: northWest.lng
                        }
                    }
                }
                _loadImpl() {
                    return new Promise(resolve => {
                        if (msMapsLoaded()) {
                            resolve()
                        } else {
                            if (!msMapsLoader) {
                                msMapsLoader = this._loadMapScript()
                            }
                            msMapsLoader.then(() => {
                                if (msMapsLoaded()) {
                                    resolve();
                                    return
                                }
                                this._loadMapScript().then(resolve)
                            })
                        }
                    }).then(() => Promise.all([new Promise(resolve => {
                        Microsoft.Maps.loadModule("Microsoft.Maps.Search", {
                            callback: resolve
                        })
                    }), new Promise(resolve => {
                        Microsoft.Maps.loadModule("Microsoft.Maps.Directions", {
                            callback: resolve
                        })
                    })])).then(() => {})
                }
                _loadMapScript() {
                    return new Promise(resolve => {
                        window._bingScriptReady = resolve;
                        _ajax.default.sendRequest({
                            url: "https://www.bing.com/api/maps/mapcontrol?callback=_bingScriptReady",
                            dataType: "script"
                        })
                    }).then(() => {
                        try {
                            delete window._bingScriptReady
                        } catch (e) {
                            window._bingScriptReady = void 0
                        }
                    })
                }
                _init() {
                    this._createMap();
                    return Promise.resolve()
                }
                _createMap() {
                    const controls = this._option("controls");
                    this._map = new Microsoft.Maps.Map(this._$container[0], {
                        credentials: this._keyOption("bing"),
                        zoom: this._option("zoom"),
                        showDashboard: controls,
                        showMapTypeSelector: controls,
                        showScalebar: controls
                    })
                }
                _attachHandlers() {
                    this._providerViewChangeHandler = Microsoft.Maps.Events.addHandler(this._map, "viewchange", this._viewChangeHandler.bind(this));
                    this._providerClickHandler = Microsoft.Maps.Events.addHandler(this._map, "click", this._clickActionHandler.bind(this))
                }
                _viewChangeHandler() {
                    const bounds = this._map.getBounds();
                    this._option("bounds", this._normalizeLocationRect(bounds));
                    const center = this._map.getCenter();
                    this._option("center", this._normalizeLocation(center));
                    if (!this._preventZoomChangeEvent) {
                        this._option("zoom", this._map.getZoom())
                    }
                }
                _clickActionHandler(e) {
                    if ("map" === e.targetType) {
                        this._fireClickAction({
                            location: this._normalizeLocation(e.location)
                        })
                    }
                }
                updateDimensions() {
                    const $container = this._$container;
                    this._map.setOptions({
                        width: (0, _size.getWidth)($container),
                        height: (0, _size.getHeight)($container)
                    });
                    return Promise.resolve()
                }
                updateMapType() {
                    const type = this._option("type");
                    const labelOverlay = Microsoft.Maps.LabelOverlay;
                    this._map.setView({
                        animate: false,
                        mapTypeId: this._mapType(type),
                        labelOverlay: "satellite" === type ? labelOverlay.hidden : labelOverlay.visible
                    });
                    return Promise.resolve()
                }
                updateBounds() {
                    const boundsOption = this._option("bounds");
                    return Promise.all([this._resolveLocation(null === boundsOption || void 0 === boundsOption ? void 0 : boundsOption.northEast), this._resolveLocation(null === boundsOption || void 0 === boundsOption ? void 0 : boundsOption.southWest)]).then(result => {
                        const bounds = new Microsoft.Maps.LocationRect.fromLocations(result[0], result[1]);
                        this._map.setView({
                            animate: false,
                            bounds: bounds
                        })
                    })
                }
                updateCenter() {
                    return this._resolveLocation(this._option("center")).then(center => {
                        this._map.setView({
                            animate: false,
                            center: center
                        })
                    })
                }
                updateZoom() {
                    this._map.setView({
                        animate: false,
                        zoom: this._option("zoom")
                    });
                    return Promise.resolve()
                }
                updateControls(markers, routes) {
                    this.clean();
                    return this.render(markers, routes)
                }
                _renderMarker(options) {
                    const {
                        location: markerLocation
                    } = options;
                    return this._resolveLocation(markerLocation).then(location => {
                        const pushpinOptions = {
                            icon: options.iconSrc || this._option("markerIconSrc")
                        };
                        if (options.html) {
                            (0, _extend.extend)(pushpinOptions, {
                                htmlContent: options.html,
                                width: null,
                                height: null
                            });
                            const {
                                htmlOffset: htmlOffset
                            } = options;
                            if (htmlOffset) {
                                pushpinOptions.anchor = new Microsoft.Maps.Point(-htmlOffset.left, -htmlOffset.top)
                            }
                        }
                        const pushpin = new Microsoft.Maps.Pushpin(location, pushpinOptions);
                        this._map.entities.push(pushpin);
                        const infobox = this._renderTooltip(location, options.tooltip);
                        let handler;
                        if (options.onClick || options.tooltip) {
                            const markerClickAction = this._mapWidget._createAction(options.onClick ?? _common.noop);
                            const markerNormalizedLocation = this._normalizeLocation(location);
                            handler = Microsoft.Maps.Events.addHandler(pushpin, "click", () => {
                                markerClickAction({
                                    location: markerNormalizedLocation
                                });
                                if (infobox) {
                                    infobox.setOptions({
                                        visible: true
                                    })
                                }
                            })
                        }
                        return {
                            location: location,
                            marker: pushpin,
                            infobox: infobox,
                            handler: handler
                        }
                    })
                }
                _renderTooltip(location, options) {
                    if (!options) {
                        return
                    }
                    const parsedOptions = this._parseTooltipOptions(options);
                    const infobox = new Microsoft.Maps.Infobox(location, {
                        description: parsedOptions.text,
                        offset: new Microsoft.Maps.Point(0, 13),
                        visible: parsedOptions.visible
                    });
                    infobox.setMap(this._map);
                    return infobox
                }
                _destroyMarker(marker) {
                    this._map.entities.remove(marker.marker);
                    if (marker.infobox) {
                        marker.infobox.setMap(null)
                    }
                    if (marker.handler) {
                        Microsoft.Maps.Events.removeHandler(marker.handler)
                    }
                }
                _renderRoute(options) {
                    const routeLocations = options.locations ?? [];
                    return Promise.all(routeLocations.map(point => this._resolveLocation(point))).then(locations => new Promise(resolve => {
                        const direction = new Microsoft.Maps.Directions.DirectionsManager(this._map);
                        const color = new _color.default(options.color || this._defaultRouteColor()).toHex();
                        const routeColor = new Microsoft.Maps.Color.fromHex(color);
                        routeColor.a = 255 * (options.opacity || this._defaultRouteOpacity());
                        direction.setRenderOptions({
                            autoUpdateMapView: false,
                            displayRouteSelector: false,
                            waypointPushpinOptions: {
                                visible: false
                            },
                            drivingPolylineOptions: {
                                strokeColor: routeColor,
                                strokeThickness: options.weight || this._defaultRouteWeight()
                            },
                            walkingPolylineOptions: {
                                strokeColor: routeColor,
                                strokeThickness: options.weight || this._defaultRouteWeight()
                            }
                        });
                        direction.setRequestOptions({
                            routeMode: this._movementMode(options.mode),
                            routeDraggable: false
                        });
                        locations.forEach(location => {
                            const waypoint = new Microsoft.Maps.Directions.Waypoint({
                                location: location
                            });
                            direction.addWaypoint(waypoint)
                        });
                        const directionHandlers = [];
                        directionHandlers.push(Microsoft.Maps.Events.addHandler(direction, "directionsUpdated", args => {
                            while (directionHandlers.length) {
                                Microsoft.Maps.Events.removeHandler(directionHandlers.pop())
                            }
                            const routeSummary = args.routeSummary[0];
                            resolve({
                                instance: direction,
                                northEast: routeSummary.northEast,
                                southWest: routeSummary.southWest
                            })
                        }));
                        directionHandlers.push(Microsoft.Maps.Events.addHandler(direction, "directionsError", args => {
                            while (directionHandlers.length) {
                                Microsoft.Maps.Events.removeHandler(directionHandlers.pop())
                            }
                            const status = `RouteResponseCode: ${args.responseCode} - ${args.message}`;
                            _ui.default.log("W1006", status);
                            resolve({
                                instance: direction
                            })
                        }));
                        direction.calculateDirections()
                    }))
                }
                _destroyRoute(routeObject) {
                    routeObject.instance.dispose()
                }
                _fitBounds() {
                    this._updateBounds();
                    if (this._bounds && this._option("autoAdjust")) {
                        const zoomBeforeFitting = this._map.getZoom();
                        this._preventZoomChangeEvent = true;
                        const bounds = this._bounds.clone();
                        bounds.height *= 1.1;
                        bounds.width *= 1.1;
                        this._map.setView({
                            animate: false,
                            bounds: bounds,
                            zoom: zoomBeforeFitting
                        });
                        const zoomAfterFitting = this._map.getZoom();
                        if (zoomBeforeFitting < zoomAfterFitting) {
                            this._map.setView({
                                animate: false,
                                zoom: zoomBeforeFitting
                            })
                        } else {
                            this._option("zoom", zoomAfterFitting)
                        }
                        delete this._preventZoomChangeEvent
                    }
                    return Promise.resolve()
                }
                _extendBounds(location) {
                    if (this._bounds) {
                        this._bounds = new Microsoft.Maps.LocationRect.fromLocations(this._bounds.getNorthwest(), this._bounds.getSoutheast(), location)
                    } else {
                        this._bounds = new Microsoft.Maps.LocationRect(location, 1e-16, 1e-16)
                    }
                }
                clean() {
                    if (this._map) {
                        Microsoft.Maps.Events.removeHandler(this._providerViewChangeHandler);
                        Microsoft.Maps.Events.removeHandler(this._providerClickHandler);
                        this._clearMarkers();
                        this._clearRoutes();
                        this._map.dispose()
                    }
                    return Promise.resolve()
                }
            }
            exports.default = BingProvider
        },
        44869(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _color = _interopRequireDefault(__webpack_require__( /*! ../../../color */ 43101));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _ajax = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/ajax */ 78670));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _provider = _interopRequireDefault(__webpack_require__( /*! ./provider.dynamic */ 84774));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            let CustomMarker;
            const googleMapsLoaded = () => {
                var _window$google;
                return Boolean(null === (_window$google = window.google) || void 0 === _window$google ? void 0 : _window$google.maps)
            };
            let googleMapsLoader;
            class GoogleProvider extends _provider.default {
                _mapType(type) {
                    const mapTypes = {
                        hybrid: google.maps.MapTypeId.HYBRID,
                        roadmap: google.maps.MapTypeId.ROADMAP,
                        satellite: google.maps.MapTypeId.SATELLITE
                    };
                    if (!type) {
                        return mapTypes.hybrid
                    }
                    return mapTypes[type] ?? mapTypes.hybrid
                }
                _movementMode() {
                    let type = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "";
                    const movementTypes = {
                        driving: google.maps.TravelMode.DRIVING,
                        walking: google.maps.TravelMode.WALKING
                    };
                    if (!type) {
                        return movementTypes.driving
                    }
                    return movementTypes[type] ?? type
                }
                _resolveLocation(location) {
                    return new Promise(resolve => {
                        const latLng = this._getLatLng(location);
                        if (latLng) {
                            resolve(new google.maps.LatLng(latLng.lat, latLng.lng))
                        } else {
                            this._geocodeLocation(location).then(geocodedLocation => {
                                resolve(geocodedLocation)
                            })
                        }
                    })
                }
                _geocodeLocationImpl(location) {
                    return new Promise(resolve => {
                        if (!(0, _type.isDefined)(location)) {
                            resolve(new google.maps.LatLng(0, 0));
                            return
                        }
                        const geocoder = new google.maps.Geocoder;
                        geocoder.geocode({
                            address: location
                        }, (results, status) => {
                            if (status === google.maps.GeocoderStatus.OK) {
                                resolve(results[0].geometry.location)
                            } else {
                                _ui.default.log("W1006", status);
                                resolve(new google.maps.LatLng(0, 0))
                            }
                        })
                    })
                }
                _normalizeLocation(location) {
                    return {
                        lat: location.lat(),
                        lng: location.lng()
                    }
                }
                _normalizeLocationRect(locationRect) {
                    return {
                        northEast: this._normalizeLocation(locationRect.getNorthEast()),
                        southWest: this._normalizeLocation(locationRect.getSouthWest())
                    }
                }
                _loadImpl() {
                    return new Promise(resolve => {
                        if (googleMapsLoaded()) {
                            resolve()
                        } else {
                            if (!googleMapsLoader) {
                                googleMapsLoader = this._loadMapScript()
                            }
                            googleMapsLoader.then(() => {
                                if (googleMapsLoaded()) {
                                    resolve();
                                    return
                                }
                                this._loadMapScript().then(resolve).catch(() => {})
                            })
                        }
                    }).then(() => {
                        ! function() {
                            CustomMarker = function(options) {
                                this._position = options.position;
                                this._offset = options.offset;
                                this._$overlayContainer = (0, _renderer.default)("<div>").css({
                                    position: "absolute",
                                    display: "none",
                                    cursor: "pointer"
                                }).append(options.html);
                                this.setMap(options.map)
                            };
                            CustomMarker.prototype = new google.maps.OverlayView;
                            CustomMarker.prototype.onAdd = function() {
                                const $pane = (0, _renderer.default)(this.getPanes().overlayMouseTarget);
                                $pane.append(this._$overlayContainer);
                                this._clickListener = google.maps.event.addDomListener(this._$overlayContainer.get(0), "click", e => {
                                    google.maps.event.trigger(this, "click");
                                    e.preventDefault()
                                });
                                this.draw()
                            };
                            CustomMarker.prototype.onRemove = function() {
                                google.maps.event.removeListener(this._clickListener);
                                this._$overlayContainer.remove()
                            };
                            CustomMarker.prototype.draw = function() {
                                const position = this.getProjection().fromLatLngToDivPixel(this._position);
                                this._$overlayContainer.css({
                                    left: position.x + this._offset.left,
                                    top: position.y + this._offset.top,
                                    display: "block"
                                })
                            }
                        }()
                    })
                }
                _loadMapScript() {
                    return new Promise(resolve => {
                        const key = this._keyOption("google");
                        window._googleScriptReady = resolve;
                        _ajax.default.sendRequest({
                            url: "https://maps.googleapis.com/maps/api/js?callback=_googleScriptReady&libraries=marker&loading=async" + (key ? `&key=${key}` : ""),
                            dataType: "script"
                        })
                    }).then(() => {
                        try {
                            delete window._googleScriptReady
                        } catch (e) {
                            window._googleScriptReady = void 0
                        }
                    })
                }
                _init() {
                    return new Promise(resolve => {
                        this._resolveLocation(this._option("center")).then(center => {
                            const disableDefaultUI = !this._option("controls");
                            const providerConfig = this._option("providerConfig");
                            const mapId = (null === providerConfig || void 0 === providerConfig ? void 0 : providerConfig.mapId) ?? "";
                            this._map = new google.maps.Map(this._$container[0], {
                                center: center,
                                disableDefaultUI: disableDefaultUI,
                                mapId: mapId,
                                zoom: this._option("zoom")
                            });
                            const listener = google.maps.event.addListener(this._map, "idle", () => {
                                resolve(listener)
                            })
                        }).catch(() => {})
                    }).then(listener => {
                        google.maps.event.removeListener(listener)
                    })
                }
                _attachHandlers() {
                    this._boundsChangeListener = google.maps.event.addListener(this._map, "bounds_changed", this._boundsChangeHandler.bind(this));
                    this._clickListener = google.maps.event.addListener(this._map, "click", this._clickActionHandler.bind(this))
                }
                _boundsChangeHandler() {
                    const bounds = this._map.getBounds();
                    this._option("bounds", this._normalizeLocationRect(bounds));
                    const center = this._map.getCenter();
                    this._option("center", this._normalizeLocation(center));
                    if (!this._preventZoomChangeEvent) {
                        this._option("zoom", this._map.getZoom())
                    }
                }
                _clickActionHandler(e) {
                    this._fireClickAction({
                        location: this._normalizeLocation(e.latLng),
                        event: e.domEvent
                    })
                }
                updateDimensions() {
                    const center = this._option("center");
                    google.maps.event.trigger(this._map, "resize");
                    this._option("center", center);
                    return this.updateCenter()
                }
                updateMapType() {
                    const type = this._option("type");
                    this._map.setMapTypeId(this._mapType(type));
                    return Promise.resolve()
                }
                updateBounds() {
                    const bounds = this._option("bounds");
                    return Promise.all([this._resolveLocation(null === bounds || void 0 === bounds ? void 0 : bounds.northEast), this._resolveLocation(null === bounds || void 0 === bounds ? void 0 : bounds.southWest)]).then(result => {
                        const mapBounds = new google.maps.LatLngBounds;
                        mapBounds.extend(result[0]);
                        mapBounds.extend(result[1]);
                        this._map.fitBounds(mapBounds)
                    })
                }
                updateCenter() {
                    return this._resolveLocation(this._option("center")).then(center => {
                        this._map.setCenter(center);
                        this._option("center", this._normalizeLocation(center))
                    })
                }
                updateZoom() {
                    this._map.setZoom(this._option("zoom"));
                    return Promise.resolve()
                }
                updateControls() {
                    const showDefaultUI = this._option("controls");
                    this._map.setOptions({
                        disableDefaultUI: !showDefaultUI
                    });
                    return Promise.resolve()
                }
                isEventsCanceled(e) {
                    var _this$_map;
                    const gestureHandling = null === (_this$_map = this._map) || void 0 === _this$_map ? void 0 : _this$_map.get("gestureHandling");
                    const isInfoWindowContent = (0, _renderer.default)(e.target).closest(".gm-style-iw").length > 0;
                    if (isInfoWindowContent || "desktop" !== _devices.default.real().deviceType && "cooperative" === gestureHandling) {
                        return false
                    }
                    return super.isEventsCanceled(e)
                }
                _renderMarker(options) {
                    const {
                        location: markerLocation
                    } = options;
                    return this._resolveLocation(markerLocation).then(location => {
                        let marker;
                        if (options.html) {
                            marker = new CustomMarker({
                                map: this._map,
                                position: location,
                                html: options.html,
                                offset: (0, _extend.extend)({
                                    top: 0,
                                    left: 0
                                }, options.htmlOffset)
                            })
                        } else {
                            const providerConfig = this._option("providerConfig");
                            const useAdvancedMarkers = (null === providerConfig || void 0 === providerConfig ? void 0 : providerConfig.useAdvancedMarkers) ?? true;
                            const icon = options.iconSrc || this._option("markerIconSrc");
                            if (useAdvancedMarkers) {
                                const content = icon ? this._createIconTemplate(icon) : void 0;
                                marker = new google.maps.marker.AdvancedMarkerElement({
                                    position: location,
                                    map: this._map,
                                    content: content
                                })
                            } else {
                                marker = new google.maps.Marker({
                                    position: location,
                                    map: this._map,
                                    icon: icon
                                })
                            }
                        }
                        const infoWindow = this._renderTooltip(marker, options.tooltip);
                        let listener;
                        if (options.onClick || options.tooltip) {
                            const markerClickAction = this._mapWidget._createAction(options.onClick ?? _common.noop);
                            const markerNormalizedLocation = this._normalizeLocation(location);
                            listener = google.maps.event.addListener(marker, "click", () => {
                                markerClickAction({
                                    location: markerNormalizedLocation
                                });
                                if (infoWindow) {
                                    infoWindow.open(this._map, marker)
                                }
                            })
                        }
                        return {
                            location: location,
                            marker: marker,
                            listener: listener
                        }
                    })
                }
                _renderTooltip(marker, options) {
                    if (!options) {
                        return
                    }
                    const parsedOptions = this._parseTooltipOptions(options);
                    const infoWindow = new google.maps.InfoWindow({
                        content: parsedOptions.text
                    });
                    if (parsedOptions.visible) {
                        infoWindow.open(this._map, marker)
                    }
                    return infoWindow
                }
                _destroyMarker(marker) {
                    marker.marker.setMap(null);
                    if (marker.listener) {
                        google.maps.event.removeListener(marker.listener)
                    }
                }
                _renderRoute(options) {
                    const locations = options.locations ?? [];
                    return Promise.all(locations.map(point => this._resolveLocation(point))).then(resolvedLocations => new Promise(resolve => {
                        const origin = resolvedLocations.shift();
                        const destination = resolvedLocations.pop();
                        const waypoints = resolvedLocations.map(location => ({
                            location: location,
                            stopover: true
                        }));
                        const request = {
                            origin: origin,
                            destination: destination,
                            waypoints: waypoints,
                            optimizeWaypoints: true,
                            travelMode: this._movementMode(options.mode ?? "")
                        };
                        (new google.maps.DirectionsService).route(request, (response, status) => {
                            if (status === google.maps.DirectionsStatus.OK) {
                                const color = new _color.default(options.color || this._defaultRouteColor()).toHex();
                                const directionOptions = {
                                    directions: response,
                                    map: this._map,
                                    suppressMarkers: true,
                                    preserveViewport: true,
                                    polylineOptions: {
                                        strokeWeight: options.weight || this._defaultRouteWeight(),
                                        strokeOpacity: options.opacity || this._defaultRouteOpacity(),
                                        strokeColor: color
                                    }
                                };
                                const route = new google.maps.DirectionsRenderer(directionOptions);
                                const {
                                    bounds: bounds
                                } = response.routes[0];
                                resolve({
                                    instance: route,
                                    northEast: bounds.getNorthEast(),
                                    southWest: bounds.getSouthWest()
                                })
                            } else {
                                _ui.default.log("W1006", status);
                                resolve({
                                    instance: new google.maps.DirectionsRenderer({})
                                })
                            }
                        })
                    }))
                }
                _destroyRoute(routeObject) {
                    routeObject.instance.setMap(null)
                }
                _fitBounds() {
                    this._updateBounds();
                    if (this._bounds && this._option("autoAdjust")) {
                        const zoomBeforeFitting = this._map.getZoom();
                        this._preventZoomChangeEvent = true;
                        this._map.fitBounds(this._bounds);
                        this._boundsChangeHandler();
                        const zoomAfterFitting = this._map.getZoom();
                        if (zoomBeforeFitting < zoomAfterFitting) {
                            this._map.setZoom(zoomBeforeFitting)
                        } else {
                            this._option("zoom", zoomAfterFitting)
                        }
                        delete this._preventZoomChangeEvent
                    }
                    return Promise.resolve()
                }
                _extendBounds(location) {
                    if (this._bounds) {
                        this._bounds.extend(location)
                    } else {
                        this._bounds = new google.maps.LatLngBounds;
                        this._bounds.extend(location)
                    }
                }
                clean() {
                    if (this._map) {
                        google.maps.event.removeListener(this._boundsChangeListener);
                        google.maps.event.removeListener(this._clickListener);
                        this._clearMarkers();
                        this._clearRoutes();
                        delete this._map;
                        this._$container.empty()
                    }
                    return Promise.resolve()
                }
            }
            exports.default = GoogleProvider
        },
        84774(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../../core/class */ 55620));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _provider = _interopRequireDefault(__webpack_require__( /*! ./provider */ 83589));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DynamicProvider extends _provider.default {
                constructor(map, $container) {
                    super(map, $container);
                    this._geocodedLocations = {}
                }
                _geocodeLocation(location) {
                    return new Promise(resolve => {
                        const cache = this._geocodedLocations;
                        const cachedLocation = cache[location];
                        if (cachedLocation) {
                            resolve(cachedLocation)
                        } else {
                            this._geocodeLocationImpl(location).then(geocodedLocation => {
                                cache[location] = geocodedLocation;
                                resolve(geocodedLocation)
                            })
                        }
                    })
                }
                _renderImpl() {
                    return this._load().then(() => this._init()).then(() => Promise.all([this.updateMapType(), this._areBoundsSet() ? this.updateBounds() : this.updateCenter()])).then(() => {
                        this._attachHandlers();
                        return new Promise(resolve => {
                            const timeout = setTimeout(() => {
                                clearTimeout(timeout);
                                resolve()
                            })
                        })
                    })
                }
                _load() {
                    if (!this._mapsLoader) {
                        this._mapsLoader = this._loadImpl()
                    }
                    this._markers = [];
                    this._routes = [];
                    return this._mapsLoader
                }
                _loadImpl() {
                    return Promise.resolve()
                }
                _init() {
                    return Promise.resolve()
                }
                _attachHandlers() {
                    _class.default.abstract()
                }
                addMarkers(markers) {
                    return Promise.all(markers.map(options => this._addMarker(options))).then(markerObjects => {
                        this._fitBounds();
                        return [false, markerObjects.map(markerObject => markerObject.marker)]
                    })
                }
                _addMarker(options) {
                    return this._renderMarker(options).then(markerObject => {
                        this._markers.push((0, _extend.extend)({
                            options: options
                        }, markerObject));
                        this._fireMarkerAddedAction({
                            options: options,
                            originalMarker: markerObject.marker
                        });
                        return markerObject
                    })
                }
                _renderMarker(options) {
                    return Promise.resolve({
                        marker: {},
                        location: {
                            lat: 0,
                            lng: 0
                        }
                    })
                }
                _createIconTemplate(iconSrc) {
                    const $img = (0, _renderer.default)("<img>");
                    $img.attr("src", iconSrc);
                    $img.attr("alt", "Marker icon");
                    $img.addClass("dx-map-marker");
                    return $img.get(0)
                }
                removeMarkers(markersOptionsToRemove) {
                    markersOptionsToRemove.forEach(markerOptionToRemove => {
                        this._removeMarker(markerOptionToRemove)
                    });
                    return Promise.resolve()
                }
                _removeMarker(markersOptionToRemove) {
                    this._markers.forEach((markerObject, markerIndex) => {
                        if (markerObject.options !== markersOptionToRemove) {
                            return true
                        }
                        this._destroyMarker(markerObject);
                        this._markers.splice(markerIndex, 1);
                        this._fireMarkerRemovedAction({
                            options: markerObject.options
                        });
                        return false
                    })
                }
                _destroyMarker(marker) {
                    _class.default.abstract()
                }
                _clearMarkers() {
                    while (this._markers.length > 0) {
                        this._removeMarker(this._markers[0].options)
                    }
                }
                addRoutes(routes) {
                    return Promise.all(routes.map(options => this._addRoute(options))).then(routeObjects => {
                        this._fitBounds();
                        return [false, routeObjects.map(routeObject => routeObject.instance)]
                    })
                }
                _addRoute(options) {
                    return this._renderRoute(options).then(routeObject => {
                        this._routes.push((0, _extend.extend)({
                            options: options
                        }, routeObject));
                        this._fireRouteAddedAction({
                            options: options,
                            originalRoute: routeObject.instance
                        });
                        return routeObject
                    })
                }
                _renderRoute(options) {
                    return Promise.resolve({
                        options: options,
                        instance: {},
                        northEast: [0, 0],
                        southWest: [0, 0]
                    })
                }
                removeRoutes() {
                    let routes = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
                    routes.forEach(routeObject => {
                        this._removeRoute(routeObject)
                    });
                    return Promise.resolve()
                }
                _removeRoute(options) {
                    const routes = this._routes;
                    routes.forEach((routeObject, routeIndex) => {
                        if (routeObject.options !== options) {
                            return true
                        }
                        this._destroyRoute(routeObject);
                        this._routes.splice(routeIndex, 1);
                        this._fireRouteRemovedAction({
                            options: options
                        });
                        return false
                    })
                }
                _destroyRoute(routeObject) {
                    _class.default.abstract()
                }
                _geocodeLocationImpl(location) {
                    return Promise.resolve([0, 0])
                }
                _clearRoutes() {
                    while (this._routes.length > 0) {
                        this._removeRoute(this._routes[0].options)
                    }
                }
                adjustViewport() {
                    return this._fitBounds()
                }
                isEventsCanceled(e) {
                    return true
                }
                _fitBounds() {
                    _class.default.abstract()
                }
                _updateBounds() {
                    this._clearBounds();
                    if (!this._option("autoAdjust")) {
                        return
                    }
                    this._markers.forEach(markerObject => {
                        this._extendBounds(markerObject.location)
                    });
                    this._routes.forEach(routeObject => {
                        if (routeObject.northEast) {
                            this._extendBounds(routeObject.northEast)
                        }
                        if (routeObject.southWest) {
                            this._extendBounds(routeObject.southWest)
                        }
                    })
                }
                _clearBounds() {
                    this._bounds = null
                }
                _extendBounds(location) {
                    _class.default.abstract()
                }
            }
            exports.default = DynamicProvider
        },
        28765(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _color = _interopRequireDefault(__webpack_require__( /*! ../../../color */ 43101));
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _provider = _interopRequireDefault(__webpack_require__( /*! ./provider */ 83589));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class GoogleStaticProvider extends _provider.default {
                _locationToString(location) {
                    const latLng = this._getLatLng(location);
                    return latLng ? `${latLng.lat},${latLng.lng}` : location.toString().replace(/ /g, "+")
                }
                _renderImpl() {
                    return this._updateMap()
                }
                updateDimensions() {
                    return this._updateMap()
                }
                updateMapType() {
                    return this._updateMap()
                }
                updateBounds() {
                    return Promise.resolve()
                }
                updateCenter() {
                    return this._updateMap()
                }
                updateZoom() {
                    return this._updateMap()
                }
                updateControls() {
                    return Promise.resolve()
                }
                addMarkers() {
                    let markers = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
                    return this._updateMap().then(result => {
                        markers.forEach(options => {
                            this._fireMarkerAddedAction({
                                options: options
                            })
                        });
                        return result
                    })
                }
                removeMarkers() {
                    let markers = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
                    return this._updateMap().then(result => {
                        markers.forEach(options => {
                            this._fireMarkerRemovedAction({
                                options: options
                            })
                        });
                        return result
                    })
                }
                adjustViewport() {
                    return Promise.resolve()
                }
                addRoutes() {
                    let routes = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
                    return this._updateMap().then(result => {
                        routes.forEach(options => {
                            this._fireRouteAddedAction({
                                options: options
                            })
                        });
                        return result
                    })
                }
                removeRoutes() {
                    let routes = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
                    return this._updateMap().then(result => {
                        routes.forEach(options => {
                            this._fireRouteRemovedAction({
                                options: options
                            })
                        });
                        return result
                    })
                }
                clean() {
                    this._$container.css("backgroundImage", "none");
                    _events_engine.default.off(this._$container, this._addEventNamespace(_click.name));
                    return Promise.resolve()
                }
                mapRendered() {
                    return true
                }
                _updateMap() {
                    const key = this._keyOption("googleStatic");
                    const providerConfig = this._option("providerConfig");
                    const mapId = null === providerConfig || void 0 === providerConfig ? void 0 : providerConfig.mapId;
                    const $container = this._$container;
                    const requestOptions = ["sensor=false", `size=${Math.round((0,_size.getWidth)($container))}x${Math.round((0,_size.getHeight)($container))}`, `maptype=${this._option("type")}`, `center=${this._locationToString(this._option("center"))}`, `zoom=${this._option("zoom")}`, this._markersSubstring()];
                    requestOptions.push(...this._routeSubstrings());
                    if (key) {
                        requestOptions.push(`key=${key}`)
                    }
                    if (mapId) {
                        requestOptions.push(`map_id=${mapId}`)
                    }
                    const request = "https://maps.google.com/maps/api/staticmap?" + requestOptions.join("&");
                    this._$container.css("background", `url("${request}") no-repeat 0 0`);
                    this._attachClickEvent();
                    return Promise.resolve(true)
                }
                _markersSubstring() {
                    const markers = [];
                    const markerIcon = this._option("markerIconSrc");
                    const markersOption = this._option("markers") ?? [];
                    if (markerIcon) {
                        markers.push(`icon:${markerIcon}`)
                    }
                    markersOption.forEach(marker => {
                        markers.push(this._locationToString(marker.location))
                    });
                    return `markers=${markers.join("|")}`
                }
                _routeSubstrings() {
                    const routes = [];
                    const routesOptions = this._option("routes") ?? [];
                    routesOptions.forEach(route => {
                        const color = new _color.default(route.color ?? this._defaultRouteColor()).toHex().replace("#", "0x");
                        const opacity = Math.round(255 * (route.opacity ?? this._defaultRouteOpacity())).toString(16);
                        const width = route.weight ?? this._defaultRouteWeight();
                        const locations = [];
                        const routeLocations = route.locations ?? [];
                        routeLocations.forEach(routePoint => {
                            locations.push(this._locationToString(routePoint))
                        });
                        routes.push(`path=color:${color}${opacity}|weight:${width}|${locations.join("|")}`)
                    });
                    return routes
                }
                _attachClickEvent() {
                    const eventName = this._addEventNamespace(_click.name);
                    _events_engine.default.off(this._$container, eventName);
                    _events_engine.default.on(this._$container, eventName, e => {
                        this._fireClickAction({
                            event: e
                        })
                    })
                }
            }
            exports.default = GoogleStaticProvider
        },
        83589(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _class = (e = __webpack_require__( /*! ../../../core/class */ 55620), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _m_type = __webpack_require__( /*! ../../core/utils/m_type */ 39918);
            exports.default = class {
                constructor(map, $container) {
                    this._mapWidget = map;
                    this._$container = $container
                }
                _defaultRouteWeight() {
                    return 5
                }
                _defaultRouteOpacity() {
                    return .5
                }
                _defaultRouteColor() {
                    return "#0000FF"
                }
                render(markerOptions, routeOptions) {
                    return this._renderImpl().then(() => Promise.all([this._applyFunctionIfNeeded("addMarkers", markerOptions), this._applyFunctionIfNeeded("addRoutes", routeOptions)]).then(() => true))
                }
                _renderImpl() {
                    return Promise.resolve()
                }
                updateDimensions() {
                    _class.default.abstract()
                }
                updateMapType() {
                    _class.default.abstract()
                }
                updateDisabled() {
                    _class.default.abstract()
                }
                updateBounds() {
                    _class.default.abstract()
                }
                updateCenter() {
                    _class.default.abstract()
                }
                updateZoom() {
                    _class.default.abstract()
                }
                updateControls(markers, routes) {
                    return Promise.resolve()
                }
                updateMarkers(markerOptionsToRemove, markerOptionsToAdd) {
                    return new Promise(resolve => {
                        this._applyFunctionIfNeeded("removeMarkers", markerOptionsToRemove).then(removeValue => {
                            this._applyFunctionIfNeeded("addMarkers", markerOptionsToAdd).then(addValue => {
                                resolve(addValue || removeValue)
                            })
                        })
                    })
                }
                addMarkers(options) {
                    return Promise.resolve()
                }
                removeMarkers(options) {
                    return Promise.resolve()
                }
                adjustViewport() {
                    _class.default.abstract()
                }
                updateRoutes(routeOptionsToRemove, routeOptionsToAdd) {
                    return new Promise(resolve => {
                        this._applyFunctionIfNeeded("removeRoutes", routeOptionsToRemove).then(removeValue => {
                            this._applyFunctionIfNeeded("addRoutes", routeOptionsToAdd).then(addValue => {
                                resolve(addValue || removeValue)
                            })
                        })
                    })
                }
                addRoutes(options) {
                    return Promise.resolve()
                }
                removeRoutes(options) {
                    return Promise.resolve()
                }
                clean() {
                    _class.default.abstract()
                }
                map() {
                    return this._map
                }
                isEventsCanceled(e) {
                    return false
                }
                _option(name, value) {
                    if (void 0 === value) {
                        const mapOptions = this._mapWidget.option();
                        return mapOptions[name]
                    }
                    this._mapWidget.setOptionSilent(name, value);
                    return
                }
                _keyOption(providerName) {
                    const key = this._option("apiKey") ?? "";
                    if ("string" === typeof key) {
                        return key
                    }
                    if ((0, _type.isPlainObject)(key)) {
                        return key[providerName] ?? ""
                    }
                    return ""
                }
                _parseTooltipOptions(option) {
                    const isStringOption = "string" === typeof option;
                    return {
                        text: isStringOption ? option : option.text ?? "",
                        visible: isStringOption ? false : option.isShown ?? false
                    }
                }
                _getLatLng(location) {
                    if ("string" === typeof location) {
                        const coords = location.split(",").map(item => item.trim());
                        const numericRegex = /^[-+]?[0-9]*\.?[0-9]*$/;
                        if (2 === coords.length && numericRegex.exec(coords[0]) && numericRegex.exec(coords[1])) {
                            return {
                                lat: parseFloat(coords[0]),
                                lng: parseFloat(coords[1])
                            }
                        }
                    } else if (Array.isArray(location) && 2 === location.length) {
                        return {
                            lat: location[0],
                            lng: location[1]
                        }
                    } else if ((0, _type.isPlainObject)(location) && (0, _type.isNumeric)(location.lat) && (0, _type.isNumeric)(location.lng)) {
                        return location
                    }
                    return null
                }
                _areBoundsSet() {
                    const bounds = this._option("bounds");
                    return (0, _m_type.isDefined)(null === bounds || void 0 === bounds ? void 0 : bounds.northEast) && (0, _m_type.isDefined)(null === bounds || void 0 === bounds ? void 0 : bounds.southWest)
                }
                _addEventNamespace(name) {
                    return (0, _index.addNamespace)(name, this._mapWidget.NAME)
                }
                _applyFunctionIfNeeded(fnName, array) {
                    if (!array.length) {
                        return Promise.resolve()
                    }
                    const isMarkersUpdate = "addMarkers" === fnName || "removeMarkers" === fnName;
                    if (isMarkersUpdate) {
                        return this[fnName](array)
                    }
                    return this[fnName](array)
                }
                _fireClickAction(actionArguments) {
                    this._mapWidget._createActionByOption("onClick")(actionArguments)
                }
                _fireMarkerAddedAction(actionArguments) {
                    this._mapWidget._createActionByOption("onMarkerAdded")(actionArguments)
                }
                _fireMarkerRemovedAction(actionArguments) {
                    this._mapWidget._createActionByOption("onMarkerRemoved")(actionArguments)
                }
                _fireRouteAddedAction(actionArguments) {
                    this._mapWidget._createActionByOption("onRouteAdded")(actionArguments)
                }
                _fireRouteRemovedAction(actionArguments) {
                    this._mapWidget._createActionByOption("onRouteRemoved")(actionArguments)
                }
            }
        },
        81172(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.DX_MENU_ITEM_CLASS = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _hover = __webpack_require__( /*! ../../../common/core/events/hover */ 638);
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../ui/button */ 64973));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/overlay/ui.overlay */ 89132));
            var _tree_view = _interopRequireDefault(__webpack_require__( /*! ../../../ui/tree_view */ 4313));
            var _menu_base = _interopRequireDefault(__webpack_require__( /*! ../../ui/context_menu/menu_base */ 91162));
            var _utils2 = __webpack_require__( /*! ../../ui/overlay/utils */ 37185);
            var _submenu = _interopRequireDefault(__webpack_require__( /*! ./submenu */ 45990));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DX_MENU_ITEM_CLASS = exports.DX_MENU_ITEM_CLASS = "dx-menu-item";
            const DX_MENU_ITEM_EXPANDED_CLASS = `${DX_MENU_ITEM_CLASS}-expanded`;
            const DEFAULT_DELAY = {
                show: 50,
                hide: 300
            };
            const ACTIONS = ["onSubmenuShowing", "onSubmenuShown", "onSubmenuHiding", "onSubmenuHidden", "onItemContextMenu", "onItemClick", "onSelectionChanged", "onItemRendered"];
            class Menu extends _menu_base.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        orientation: "horizontal",
                        submenuDirection: "auto",
                        showFirstSubmenuMode: {
                            name: "onClick",
                            delay: {
                                show: 50,
                                hide: 300
                            }
                        },
                        hideSubmenuOnMouseLeave: false,
                        onSubmenuShowing: null,
                        onSubmenuShown: null,
                        onSubmenuHiding: null,
                        onSubmenuHidden: null,
                        adaptivityEnabled: false
                    })
                }
                _setOptionsByReference() {
                    super._setOptionsByReference();
                    (0, _extend.extend)(this._optionsByReference, {
                        animation: true,
                        selectedItem: true
                    })
                }
                _itemElements() {
                    const rootMenuElements = super._itemElements();
                    const submenuElements = this._submenuItemElements();
                    return rootMenuElements.add(submenuElements)
                }
                _submenuItemElements() {
                    const itemSelector = `.${DX_MENU_ITEM_CLASS}`;
                    const currentSubmenu = this._submenus.length && this._submenus[0];
                    if (currentSubmenu && currentSubmenu.itemsContainer()) {
                        var _currentSubmenu$items;
                        return (null === (_currentSubmenu$items = currentSubmenu.itemsContainer()) || void 0 === _currentSubmenu$items ? void 0 : _currentSubmenu$items.find(itemSelector)) ?? (0, _renderer.default)()
                    }
                    return (0, _renderer.default)()
                }
                _focusTarget() {
                    return this.$element()
                }
                _isMenuHorizontal() {
                    const {
                        orientation: orientation
                    } = this.option();
                    return "horizontal" === orientation
                }
                _moveFocus(location) {
                    const $items = this._getAvailableItems();
                    const isMenuHorizontal = this._isMenuHorizontal();
                    const $activeItem = this._getActiveItem(true);
                    let $argument;
                    let operation;
                    switch (location) {
                        case "up":
                            operation = isMenuHorizontal ? "showSubmenu" : this._getItemsNavigationOperation("prevItem");
                            $argument = isMenuHorizontal ? $activeItem : $items;
                            break;
                        case "down":
                            operation = isMenuHorizontal ? "showSubmenu" : this._getItemsNavigationOperation("nextItem");
                            $argument = isMenuHorizontal ? $activeItem : $items;
                            break;
                        case "right":
                            operation = isMenuHorizontal ? this._getItemsNavigationOperation("nextItem") : "showSubmenu";
                            $argument = isMenuHorizontal ? $items : $activeItem;
                            break;
                        case "left":
                            operation = isMenuHorizontal ? this._getItemsNavigationOperation("prevItem") : "showSubmenu";
                            $argument = isMenuHorizontal ? $items : $activeItem;
                            break;
                        default:
                            return super._moveFocus(location)
                    }
                    const navigationAction = this._getKeyboardNavigationAction(operation, $argument);
                    const $newTarget = navigationAction();
                    if ($newTarget && 0 !== $newTarget.length) {
                        this.option("focusedElement", (0, _element.getPublicElement)($newTarget))
                    }
                }
                _getItemsNavigationOperation(operation) {
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    if (rtlEnabled) {
                        return "prevItem" === operation ? "nextItem" : "prevItem"
                    }
                    return operation
                }
                _getKeyboardNavigationAction(operation, argument) {
                    let action = _common.noop;
                    switch (operation) {
                        case "showSubmenu":
                            if (!argument.hasClass("dx-state-disabled")) {
                                action = this._showSubmenu.bind(this, argument)
                            }
                            break;
                        case "nextItem":
                            action = this._nextItem.bind(this, argument);
                            break;
                        case "prevItem":
                            action = this._prevItem.bind(this, argument)
                    }
                    return action
                }
                _clean() {
                    super._clean();
                    const {
                        templatesRenderAsynchronously: templatesRenderAsynchronously
                    } = this.option();
                    if (templatesRenderAsynchronously) {
                        clearTimeout(this._resizeEventTimer)
                    }
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        if (!this._menuItemsWidth) {
                            this._updateItemsWidthCache()
                        }
                        this._dimensionChanged()
                    }
                }
                _isAdaptivityEnabled() {
                    const {
                        adaptivityEnabled: adaptivityEnabled,
                        orientation: orientation
                    } = this.option();
                    return !!adaptivityEnabled && "horizontal" === orientation
                }
                _updateItemsWidthCache() {
                    const $menuItems = this.$element().find("ul").first().children("li").children(`.${DX_MENU_ITEM_CLASS}`);
                    this._menuItemsWidth = this._getSummaryItemsSize("width", $menuItems, true)
                }
                _dimensionChanged() {
                    if (!this._isAdaptivityEnabled()) {
                        return
                    }
                    const containerWidth = (0, _size.getOuterWidth)(this.$element());
                    this._toggleAdaptiveMode(this._menuItemsWidth > containerWidth)
                }
                _init() {
                    super._init();
                    this._submenus = []
                }
                _initActions() {
                    this._actions = {};
                    (0, _iterator.each)(ACTIONS, (_index, action) => {
                        this._actions[action] = this._createActionByOption(action)
                    })
                }
                _initMarkup() {
                    this._visibleSubmenu = null;
                    this.$element().addClass("dx-menu");
                    super._initMarkup();
                    this._addCustomCssClass(this.$element());
                    this.setAria("role", "menubar")
                }
                _setAriaRole(state) {
                    const role = this._isAdaptivityEnabled() && state ? void 0 : "menubar";
                    this.setAria({
                        role: role
                    })
                }
                _render() {
                    super._render();
                    this._initAdaptivity()
                }
                _isTargetOutOfComponent(relatedTarget) {
                    const isInsideRootMenu = 0 !== (0, _renderer.default)(relatedTarget).closest(".dx-menu").length;
                    const isInsideContextMenu = 0 !== (0, _renderer.default)(relatedTarget).closest(".dx-context-menu").length;
                    return !(isInsideRootMenu || isInsideContextMenu)
                }
                _focusOutHandler(e) {
                    const {
                        relatedTarget: relatedTarget
                    } = e;
                    if (relatedTarget) {
                        const isTargetOutside = this._isTargetOutOfComponent(relatedTarget);
                        if (isTargetOutside) {
                            this._hideVisibleSubmenu()
                        }
                    }
                    super._focusOutHandler(e)
                }
                _renderHamburgerButton() {
                    this._hamburger = new _button.default((0, _renderer.default)("<div>").addClass("dx-menu-hamburger-button"), {
                        icon: "menu",
                        activeStateEnabled: false,
                        onClick: () => {
                            this._toggleTreeView()
                        }
                    });
                    return this._hamburger.$element()
                }
                _toggleTreeView(visible) {
                    var _this$_overlay, _this$_overlay2;
                    const isTreeViewVisible = visible ?? !(null !== (_this$_overlay = this._overlay) && void 0 !== _this$_overlay && null !== (_this$_overlay = _this$_overlay.option()) && void 0 !== _this$_overlay && _this$_overlay.visible);
                    null === (_this$_overlay2 = this._overlay) || void 0 === _this$_overlay2 || _this$_overlay2.option("visible", isTreeViewVisible);
                    if (isTreeViewVisible) {
                        var _this$_treeView;
                        null === (_this$_treeView = this._treeView) || void 0 === _this$_treeView || _this$_treeView.focus()
                    }
                    this._toggleHamburgerActiveState(isTreeViewVisible)
                }
                _toggleHamburgerActiveState(isActive) {
                    var _this$_hamburger;
                    null === (_this$_hamburger = this._hamburger) || void 0 === _this$_hamburger || _this$_hamburger.$element().toggleClass("dx-state-active", isActive)
                }
                _toggleAdaptiveMode(isAdaptive) {
                    const $menuItemsContainer = this.$element().find(".dx-menu-horizontal");
                    const $adaptiveElements = this.$element().find(".dx-menu-adaptive-mode");
                    if (isAdaptive) {
                        this._hideVisibleSubmenu()
                    } else {
                        var _this$_treeView2;
                        null === (_this$_treeView2 = this._treeView) || void 0 === _this$_treeView2 || _this$_treeView2.collapseAll();
                        if (this._overlay) {
                            this._toggleTreeView(isAdaptive)
                        }
                    }
                    this._setAriaRole(isAdaptive);
                    $menuItemsContainer.toggle(!isAdaptive);
                    $adaptiveElements.toggle(isAdaptive)
                }
                _removeAdaptivity() {
                    if (!this._$adaptiveContainer) {
                        return
                    }
                    this._toggleAdaptiveMode(false);
                    this._$adaptiveContainer.remove();
                    this._$adaptiveContainer = null;
                    this._treeView = null;
                    this._hamburger = null;
                    this._overlay = null
                }
                _treeviewItemClickHandler(e) {
                    var _e$node;
                    this._actions.onItemClick(e);
                    if (!(null !== (_e$node = e.node) && void 0 !== _e$node && null !== (_e$node = _e$node.children) && void 0 !== _e$node && _e$node.length)) {
                        this._toggleTreeView(false)
                    }
                }
                _getAdaptiveOverlayOptions() {
                    var _this$_hamburger2;
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    const position = rtlEnabled ? "right" : "left";
                    return {
                        _ignoreFunctionValueDeprecation: true,
                        maxHeight: () => (0, _utils2.getElementMaxHeightByWindow)(this.$element()),
                        deferRendering: false,
                        shading: false,
                        animation: false,
                        hideOnParentScroll: true,
                        onHidden: () => {
                            this._toggleHamburgerActiveState(false)
                        },
                        height: "auto",
                        hideOnOutsideClick: e => !(0, _renderer.default)(e.target).closest(".dx-menu-hamburger-button").length,
                        position: {
                            collision: "flipfit",
                            at: `bottom ${position}`,
                            my: `top ${position}`,
                            of: null === (_this$_hamburger2 = this._hamburger) || void 0 === _this$_hamburger2 ? void 0 : _this$_hamburger2.$element()
                        }
                    }
                }
                _getTreeViewOptions() {
                    const menuOptions = {};
                    (0, _iterator.each)(["rtlEnabled", "width", "accessKey", "activeStateEnabled", "animation", "dataSource", "disabled", "displayExpr", "displayExpr", "focusStateEnabled", "hint", "hoverStateEnabled", "itemsExpr", "items", "itemTemplate", "selectedExpr", "selectionMode", "tabIndex", "visible"], (_index, option) => {
                        menuOptions[option] = this.option(option)
                    });
                    (0, _iterator.each)(["onItemContextMenu", "onSelectionChanged", "onItemRendered"], (_index, actionName) => {
                        menuOptions[actionName] = e => {
                            this._actions[actionName](e)
                        }
                    });
                    const {
                        animation: animation,
                        selectByClick: selectByClick
                    } = this.option();
                    return Object.assign({}, menuOptions, {
                        dataSource: this.getDataSource(),
                        animationEnabled: !!animation,
                        onItemClick: this._treeviewItemClickHandler.bind(this),
                        onItemExpanded: e => {
                            var _this$_overlay3, _this$_actions$onSubm, _this$_actions;
                            null === (_this$_overlay3 = this._overlay) || void 0 === _this$_overlay3 || _this$_overlay3.repaint();
                            null === (_this$_actions$onSubm = (_this$_actions = this._actions).onSubmenuShown) || void 0 === _this$_actions$onSubm || _this$_actions$onSubm.call(_this$_actions, e)
                        },
                        onItemCollapsed: e => {
                            var _this$_overlay4, _this$_actions$onSubm2, _this$_actions2;
                            null === (_this$_overlay4 = this._overlay) || void 0 === _this$_overlay4 || _this$_overlay4.repaint();
                            null === (_this$_actions$onSubm2 = (_this$_actions2 = this._actions).onSubmenuHidden) || void 0 === _this$_actions$onSubm2 || _this$_actions$onSubm2.call(_this$_actions2, e)
                        },
                        selectNodesRecursive: false,
                        selectByClick: selectByClick,
                        expandEvent: "click",
                        _supportItemUrl: true
                    })
                }
                _initAdaptivity() {
                    var _this$_overlay$$conte, _this$_overlay$$wrapp;
                    if (!this._isAdaptivityEnabled()) {
                        return
                    }
                    const {
                        cssClass: cssClass
                    } = this.option();
                    const $hamburger = this._renderHamburgerButton();
                    this._treeView = this._createComponent((0, _renderer.default)("<div>"), _tree_view.default, this._getTreeViewOptions());
                    this._overlay = this._createComponent((0, _renderer.default)("<div>"), _ui.default, this._getAdaptiveOverlayOptions());
                    null === (_this$_overlay$$conte = this._overlay.$content()) || void 0 === _this$_overlay$$conte || _this$_overlay$$conte.append(this._treeView.$element()).addClass("dx-menu-adaptive-mode").addClass(cssClass);
                    null === (_this$_overlay$$wrapp = this._overlay.$wrapper()) || void 0 === _this$_overlay$$wrapp || _this$_overlay$$wrapp.addClass("dx-menu-adaptive-mode-overlay-wrapper");
                    this._$adaptiveContainer = (0, _renderer.default)("<div>").addClass("dx-menu-adaptive-mode");
                    this._$adaptiveContainer.append($hamburger);
                    this._$adaptiveContainer.append(this._overlay.$element());
                    this.$element().append(this._$adaptiveContainer);
                    this._updateItemsWidthCache();
                    this._dimensionChanged()
                }
                _getDelay(delayType) {
                    const {
                        showFirstSubmenuMode: showFirstSubmenuMode
                    } = this.option();
                    const delay = (0, _type.isObject)(showFirstSubmenuMode) ? showFirstSubmenuMode.delay : void 0;
                    if (!(0, _type.isDefined)(delay)) {
                        return DEFAULT_DELAY[delayType]
                    }
                    return (0, _type.isObject)(delay) ? delay[delayType] ?? DEFAULT_DELAY[delayType] : delay
                }
                _keyboardHandler(e) {
                    return super._keyboardHandler(e, !!this._visibleSubmenu)
                }
                _renderContainer() {
                    const $wrapper = (0, _renderer.default)("<div>");
                    $wrapper.appendTo(this.$element()).addClass(this._isMenuHorizontal() ? "dx-menu-horizontal" : "dx-menu-vertical");
                    return super._renderContainer($wrapper)
                }
                _renderSubmenuItems(node, $itemFrame) {
                    const submenu = this._createSubmenu(node, $itemFrame);
                    this._submenus.push(submenu);
                    this._renderBorderElement($itemFrame);
                    return submenu
                }
                _getKeyboardListeners() {
                    return super._getKeyboardListeners().concat(this._visibleSubmenu)
                }
                _createSubmenu(node, $rootItem) {
                    const $submenuContainer = (0, _renderer.default)("<div>").addClass("dx-context-menu").appendTo($rootItem);
                    const items = this._getChildNodes(node);
                    const subMenu = this._createComponent($submenuContainer, _submenu.default, Object.assign({}, this._getSubmenuOptions(), {
                        _dataAdapter: this._dataAdapter,
                        _parentKey: node.internalFields.key,
                        items: items,
                        onHoverStart: this._clearTimeouts.bind(this),
                        position: this.getSubmenuPosition($rootItem)
                    }));
                    this._attachSubmenuHandlers($rootItem, subMenu);
                    return subMenu
                }
                _getSubmenuOptions() {
                    const $submenuTarget = (0, _renderer.default)("<div>");
                    const isMenuHorizontal = this._isMenuHorizontal();
                    const {
                        itemTemplate: itemTemplate,
                        orientation: orientation,
                        selectionMode: selectionMode,
                        cssClass: cssClass,
                        selectByClick: selectByClick,
                        hoverStateEnabled: hoverStateEnabled,
                        activeStateEnabled: activeStateEnabled,
                        focusStateEnabled: focusStateEnabled,
                        animation: animation,
                        showSubmenuMode: showSubmenuMode,
                        displayExpr: displayExpr,
                        disabledExpr: disabledExpr,
                        selectedExpr: selectedExpr,
                        itemsExpr: itemsExpr
                    } = this.option();
                    return {
                        itemTemplate: itemTemplate,
                        target: $submenuTarget,
                        orientation: orientation,
                        selectionMode: selectionMode,
                        cssClass: cssClass,
                        selectByClick: selectByClick,
                        hoverStateEnabled: hoverStateEnabled,
                        activeStateEnabled: activeStateEnabled,
                        focusStateEnabled: focusStateEnabled,
                        animation: animation,
                        showSubmenuMode: showSubmenuMode,
                        displayExpr: displayExpr,
                        disabledExpr: disabledExpr,
                        selectedExpr: selectedExpr,
                        itemsExpr: itemsExpr,
                        onFocusedItemChanged: e => {
                            const {
                                visible: visible,
                                focusedElement: focusedElement
                            } = e.component.option();
                            if (!visible) {
                                return
                            }
                            this.option("focusedElement", focusedElement)
                        },
                        onSelectionChanged: this._nestedItemOnSelectionChangedHandler.bind(this),
                        onItemClick: this._nestedItemOnItemClickHandler.bind(this),
                        onItemRendered: this._nestedItemOnItemRenderedHandler.bind(this),
                        onLeftFirstItem: isMenuHorizontal ? null : this._moveMainMenuFocus.bind(this, "prevItem"),
                        onLeftLastItem: isMenuHorizontal ? null : this._moveMainMenuFocus.bind(this, "nextItem"),
                        onCloseRootSubmenu: this._moveMainMenuFocus.bind(this, isMenuHorizontal ? "prevItem" : null),
                        onExpandLastSubmenu: isMenuHorizontal ? this._moveMainMenuFocus.bind(this, "nextItem") : null
                    }
                }
                _getShowFirstSubmenuMode() {
                    if (!this._isDesktopDevice()) {
                        return "onClick"
                    }
                    const {
                        showFirstSubmenuMode: optionValue
                    } = this.option();
                    return (0, _type.isObject)(optionValue) ? optionValue.name : optionValue
                }
                _moveMainMenuFocus(direction) {
                    const $items = this._getAvailableItems();
                    const itemCount = $items.length;
                    const $currentItem = $items.filter(`.${DX_MENU_ITEM_EXPANDED_CLASS}`).eq(0);
                    let itemIndex = $items.index($currentItem);
                    this._hideSubmenu(this._visibleSubmenu);
                    itemIndex += "prevItem" === direction ? -1 : 1;
                    if (itemIndex >= itemCount) {
                        itemIndex = 0
                    } else if (itemIndex < 0) {
                        itemIndex = itemCount - 1
                    }
                    const $newItem = $items.eq(itemIndex);
                    this.option("focusedElement", (0, _element.getPublicElement)($newItem))
                }
                _nestedItemOnSelectionChangedHandler(args) {
                    const selectedItem = args.addedItems.length && args.addedItems[0];
                    const submenu = _submenu.default.getInstance(args.element);
                    const {
                        onSelectionChanged: onSelectionChanged
                    } = this._actions;
                    null === onSelectionChanged || void 0 === onSelectionChanged || onSelectionChanged(args);
                    if (selectedItem) {
                        this._clearSelectionInSubmenus(submenu)
                    }
                    this._clearRootSelection();
                    this._setOptionWithoutOptionChange("selectedItem", selectedItem)
                }
                _clearSelectionInSubmenus(targetSubmenu) {
                    const cleanAllSubmenus = !arguments.length;
                    (0, _iterator.each)(this._submenus, (_index, submenu) => {
                        const $submenu = submenu._itemContainer();
                        const isOtherItem = !$submenu.is(null === targetSubmenu || void 0 === targetSubmenu ? void 0 : targetSubmenu._itemContainer());
                        const $selectedItem = $submenu.find(`.${this._selectedItemClass()}`);
                        if (isOtherItem && $selectedItem.length || cleanAllSubmenus) {
                            $selectedItem.removeClass(this._selectedItemClass());
                            const selectedItemData = this._getItemData($selectedItem);
                            if (selectedItemData) {
                                selectedItemData.selected = false
                            }
                            submenu._clearSelectedItems()
                        }
                    })
                }
                _clearRootSelection() {
                    const $prevSelectedItem = this.$element().find(".dx-menu-items-container").first().children().children().filter(`.${this._selectedItemClass()}`);
                    if ($prevSelectedItem.length) {
                        const prevSelectedItemData = this._getItemData($prevSelectedItem);
                        prevSelectedItemData.selected = false;
                        $prevSelectedItem.removeClass(this._selectedItemClass())
                    }
                }
                _nestedItemOnItemClickHandler(e) {
                    var _this$_actions$onItem, _this$_actions3;
                    null === (_this$_actions$onItem = (_this$_actions3 = this._actions).onItemClick) || void 0 === _this$_actions$onItem || _this$_actions$onItem.call(_this$_actions3, e)
                }
                _nestedItemOnItemRenderedHandler(e) {
                    var _this$_actions$onItem2, _this$_actions4;
                    null === (_this$_actions$onItem2 = (_this$_actions4 = this._actions).onItemRendered) || void 0 === _this$_actions$onItem2 || _this$_actions$onItem2.call(_this$_actions4, e)
                }
                _attachSubmenuHandlers($menuAnchorItem, submenu) {
                    const $submenuOverlayContent = submenu.getOverlayContent();
                    const submenus = null === $submenuOverlayContent || void 0 === $submenuOverlayContent ? void 0 : $submenuOverlayContent.find(".dx-submenu");
                    const submenuMouseLeaveName = (0, _utils.addNamespace)(_hover.end, `${this.NAME}_submenu`);
                    submenu.option({
                        onShowing: this._submenuOnShowingHandler.bind(this, $menuAnchorItem, submenu),
                        onShown: this._submenuOnShownHandler.bind(this, $menuAnchorItem, submenu),
                        onHiding: this._submenuOnHidingHandler.bind(this, $menuAnchorItem, submenu),
                        onHidden: this._submenuOnHiddenHandler.bind(this, $menuAnchorItem, submenu)
                    });
                    (0, _iterator.each)(submenus, (_index, subMenu) => {
                        _events_engine.default.off(subMenu, submenuMouseLeaveName);
                        _events_engine.default.on(subMenu, submenuMouseLeaveName, null, this._submenuMouseLeaveHandler.bind(this, $menuAnchorItem))
                    })
                }
                _submenuOnShowingHandler($menuAnchorItem, submenu, _ref) {
                    var _this$_actions$onSubm3, _this$_actions5;
                    let {
                        rootItem: rootItem
                    } = _ref;
                    const $border = $menuAnchorItem.children(".dx-context-menu-container-border");
                    const params = this._getVisibilityChangeEventParams(rootItem, submenu, $menuAnchorItem);
                    null === (_this$_actions$onSubm3 = (_this$_actions5 = this._actions).onSubmenuShowing) || void 0 === _this$_actions$onSubm3 || _this$_actions$onSubm3.call(_this$_actions5, params);
                    $border.show();
                    $menuAnchorItem.addClass(DX_MENU_ITEM_EXPANDED_CLASS)
                }
                _submenuOnShownHandler($menuAnchorItem, submenu, _ref2) {
                    var _this$_actions$onSubm4, _this$_actions6;
                    let {
                        rootItem: rootItem
                    } = _ref2;
                    const params = this._getVisibilityChangeEventParams(rootItem, submenu, $menuAnchorItem);
                    null === (_this$_actions$onSubm4 = (_this$_actions6 = this._actions).onSubmenuShown) || void 0 === _this$_actions$onSubm4 || _this$_actions$onSubm4.call(_this$_actions6, params)
                }
                _submenuOnHidingHandler($menuAnchorItem, submenu, eventArgs) {
                    var _this$_actions$onSubm5, _this$_actions7;
                    const $border = $menuAnchorItem.children(".dx-context-menu-container-border");
                    const params = this._getVisibilityChangeEventParams(eventArgs.rootItem, submenu, $menuAnchorItem, true);
                    eventArgs.itemData = params.itemData;
                    eventArgs.rootItem = params.rootItem;
                    eventArgs.submenuContainer = params.submenuContainer;
                    eventArgs.submenu = params.submenu;
                    null === (_this$_actions$onSubm5 = (_this$_actions7 = this._actions).onSubmenuHiding) || void 0 === _this$_actions$onSubm5 || _this$_actions$onSubm5.call(_this$_actions7, eventArgs);
                    if (eventArgs.cancel) {
                        return
                    }
                    const {
                        focusedElement: focusedElement
                    } = this.option();
                    const submenuContainerElement = (0, _renderer.default)(eventArgs.submenuContainer).get(0);
                    const focusedDomElement = (0, _renderer.default)(focusedElement).get(0);
                    const isFocusedElementInsideSubmenu = focusedDomElement && submenuContainerElement ? submenuContainerElement.contains(focusedDomElement) : false;
                    if (isFocusedElementInsideSubmenu) {
                        this.option("focusedElement", (0, _element.getPublicElement)($menuAnchorItem))
                    }
                    const isVisibleSubmenuHiding = this._visibleSubmenu === submenu;
                    if (isVisibleSubmenuHiding) {
                        this._visibleSubmenu = null
                    }
                    $border.hide();
                    $menuAnchorItem.removeClass(DX_MENU_ITEM_EXPANDED_CLASS)
                }
                _submenuOnHiddenHandler($menuAnchorItem, submenu, _ref3) {
                    var _this$_actions$onSubm6, _this$_actions8;
                    let {
                        rootItem: rootItem
                    } = _ref3;
                    const params = this._getVisibilityChangeEventParams(rootItem, submenu, $menuAnchorItem, true);
                    null === (_this$_actions$onSubm6 = (_this$_actions8 = this._actions).onSubmenuHidden) || void 0 === _this$_actions$onSubm6 || _this$_actions$onSubm6.call(_this$_actions8, params)
                }
                _getVisibilityChangeEventParams(submenuItem, submenu, $menuAnchorItem, isHide) {
                    let itemData;
                    let $submenuContainer;
                    if (submenuItem) {
                        const anchor = isHide ? (0, _renderer.default)(submenuItem).closest(`.${DX_MENU_ITEM_CLASS}`)[0] : submenuItem;
                        itemData = this._getItemData(anchor);
                        $submenuContainer = (0, _renderer.default)(anchor).find(".dx-submenu").first()
                    } else {
                        var _submenu$_overlay;
                        const $overlayContent = (0, _renderer.default)(null === (_submenu$_overlay = submenu._overlay) || void 0 === _submenu$_overlay ? void 0 : _submenu$_overlay.content());
                        itemData = this._getItemData($menuAnchorItem);
                        $submenuContainer = $overlayContent.find(".dx-submenu").first()
                    }
                    return {
                        itemData: itemData,
                        rootItem: (0, _element.getPublicElement)($menuAnchorItem),
                        submenuContainer: (0, _element.getPublicElement)($submenuContainer),
                        submenu: submenu
                    }
                }
                _submenuMouseLeaveHandler($rootItem, eventArgs) {
                    var _submenu$getOverlayCo;
                    const target = (0, _renderer.default)(eventArgs.relatedTarget).parents(".dx-context-menu")[0];
                    const submenu = this._getSubmenuByRootElement($rootItem);
                    const contextMenu = null === submenu || void 0 === submenu || null === (_submenu$getOverlayCo = submenu.getOverlayContent()) || void 0 === _submenu$getOverlayCo ? void 0 : _submenu$getOverlayCo[0];
                    const {
                        hideSubmenuOnMouseLeave: hideSubmenuOnMouseLeave
                    } = this.option();
                    if (hideSubmenuOnMouseLeave && target !== contextMenu) {
                        this._clearTimeouts();
                        setTimeout(this._hideSubmenuAfterTimeout.bind(this), this._getDelay("hide"))
                    }
                }
                _hideSubmenuAfterTimeout() {
                    var _this$_visibleSubmenu, _this$_visibleSubmenu2;
                    if (!this._visibleSubmenu) {
                        return
                    }
                    const isRootItemHovered = (0, _renderer.default)(this._visibleSubmenu.$element().context).hasClass("dx-state-hover");
                    const isSubmenuItemHovered = null === (_this$_visibleSubmenu = this._visibleSubmenu.getOverlayContent()) || void 0 === _this$_visibleSubmenu ? void 0 : _this$_visibleSubmenu.find(".dx-state-hover").length;
                    const hoveredElementFromSubMenu = null === (_this$_visibleSubmenu2 = this._visibleSubmenu.getOverlayContent()) || void 0 === _this$_visibleSubmenu2 ? void 0 : _this$_visibleSubmenu2.get(0).querySelector(":hover");
                    if (!hoveredElementFromSubMenu && !isSubmenuItemHovered && !isRootItemHovered) {
                        this._visibleSubmenu.hide()
                    }
                }
                _getSubmenuByRootElement($rootItem) {
                    if (!$rootItem) {
                        return
                    }
                    const $submenu = $rootItem.children(".dx-context-menu");
                    if (!$submenu.length) {
                        return
                    }
                    return _submenu.default.getInstance($submenu)
                }
                getSubmenuPosition($rootItem) {
                    const {
                        submenuDirection: submenuDirectionOption,
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    const isHorizontalMenu = this._isMenuHorizontal();
                    const submenuDirection = null === submenuDirectionOption || void 0 === submenuDirectionOption ? void 0 : submenuDirectionOption.toLowerCase();
                    const submenuPosition = {
                        collision: "flip",
                        of: $rootItem,
                        precise: true
                    };
                    switch (submenuDirection) {
                        case "leftortop":
                            submenuPosition.at = "left top";
                            submenuPosition.my = isHorizontalMenu ? "left bottom" : "right top";
                            break;
                        case "rightorbottom":
                            submenuPosition.at = isHorizontalMenu ? "left bottom" : "right top";
                            submenuPosition.my = "left top";
                            break;
                        default:
                            if (isHorizontalMenu) {
                                submenuPosition.at = rtlEnabled ? "right bottom" : "left bottom";
                                submenuPosition.my = rtlEnabled ? "right top" : "left top"
                            } else {
                                submenuPosition.at = rtlEnabled ? "left top" : "right top";
                                submenuPosition.my = rtlEnabled ? "right top" : "left top"
                            }
                    }
                    return submenuPosition
                }
                _renderBorderElement($item) {
                    (0, _renderer.default)("<div>").appendTo($item).addClass("dx-context-menu-container-border").hide()
                }
                _itemPointerHandler(e) {
                    const $target = (0, _renderer.default)(e.target);
                    const $closestItem = $target.closest(this._itemElements());
                    if ($closestItem.hasClass("dx-menu-item-has-submenu")) {
                        this.option("focusedElement", null);
                        return
                    }
                    super._itemPointerHandler(e)
                }
                _hoverStartHandler(e) {
                    const mouseMoveEventName = (0, _utils.addNamespace)(_pointer.default.move, this.NAME);
                    const $item = this._getItemElementByEventArgs(e);
                    if (!$item || this._isItemDisabled($item)) {
                        return
                    }
                    const node = this._dataAdapter.getNodeByItem(this._getItemData($item));
                    const isSelectionActive = (0, _type.isDefined)(e.buttons) && 1 === e.buttons || !(0, _type.isDefined)(e.buttons) && 1 === e.which;
                    _events_engine.default.off($item, mouseMoveEventName);
                    if (!this._hasChildren(node)) {
                        this._showSubmenuTimer = setTimeout(this._hideSubmenuAfterTimeout.bind(this), this._getDelay("hide"));
                        return
                    }
                    if ("onHover" === this._getShowFirstSubmenuMode() && !isSelectionActive) {
                        const submenu = this._getSubmenuByElement($item);
                        this._clearTimeouts();
                        if (!(null !== submenu && void 0 !== submenu && submenu.isOverlayVisible())) {
                            _events_engine.default.on($item, mouseMoveEventName, this._itemMouseMoveHandler.bind(this));
                            this._showSubmenuTimer = this._getDelay("hide")
                        }
                    }
                }
                _hoverEndHandler(eventArg) {
                    const $item = this._getItemElementByEventArgs(eventArg);
                    const relatedTarget = (0, _renderer.default)(eventArg.relatedTarget);
                    super._hoverEndHandler(eventArg);
                    this._clearTimeouts();
                    if (!$item || this._isItemDisabled($item)) {
                        return
                    }
                    if (relatedTarget.hasClass("dx-context-menu-content-delimiter")) {
                        return
                    }
                    const {
                        hideSubmenuOnMouseLeave: hideSubmenuOnMouseLeave
                    } = this.option();
                    if (hideSubmenuOnMouseLeave && !relatedTarget.hasClass("dx-menu-items-container")) {
                        this._hideSubmenuTimer = setTimeout(() => {
                            this._hideSubmenuAfterTimeout()
                        }, this._getDelay("hide"))
                    }
                }
                _hideVisibleSubmenu() {
                    if (!this._visibleSubmenu) {
                        return false
                    }
                    this._hideSubmenu(this._visibleSubmenu);
                    return true
                }
                _showSubmenu($itemElement) {
                    const submenu = this._getSubmenuByElement($itemElement);
                    if (this._visibleSubmenu !== submenu) {
                        this._hideVisibleSubmenu()
                    }
                    if (submenu) {
                        this._clearTimeouts();
                        this.focus();
                        submenu.show();
                        const {
                            focusedElement: focusedElement
                        } = submenu.option();
                        this.option("focusedElement", focusedElement)
                    }
                    this._visibleSubmenu = submenu;
                    this._hoveredRootItem = $itemElement
                }
                _hideSubmenu(submenu) {
                    if (submenu) {
                        submenu.hide()
                    }
                    if (this._visibleSubmenu === submenu) {
                        this._visibleSubmenu = null
                    }
                    this._hoveredRootItem = null
                }
                _itemMouseMoveHandler(e) {
                    var _e$pointers;
                    if (null !== (_e$pointers = e.pointers) && void 0 !== _e$pointers && _e$pointers.length) {
                        return
                    }
                    const $item = (0, _renderer.default)(e.currentTarget);
                    if (!(0, _type.isDefined)(this._showSubmenuTimer)) {
                        return
                    }
                    this._clearTimeouts();
                    this._showSubmenuTimer = setTimeout(() => {
                        const submenu = this._getSubmenuByElement($item);
                        if (submenu && !submenu.isOverlayVisible()) {
                            this._showSubmenu($item)
                        }
                    }, this._getDelay("show"))
                }
                _clearTimeouts() {
                    clearTimeout(this._hideSubmenuTimer);
                    clearTimeout(this._showSubmenuTimer)
                }
                _getSubmenuByElement($itemElement, itemData) {
                    const submenu = this._getSubmenuByRootElement($itemElement);
                    if (submenu) {
                        return submenu
                    }
                    const node = this._dataAdapter.getNodeByItem(itemData ?? this._getItemData($itemElement));
                    if (node && this._hasChildren(node)) {
                        return this._renderSubmenuItems(node, $itemElement)
                    }
                    return
                }
                _updateSubmenuVisibilityOnClick(actionArgs) {
                    var _actionArgs$args;
                    const args = null === (_actionArgs$args = actionArgs.args) || void 0 === _actionArgs$args ? void 0 : _actionArgs$args[0];
                    if (!args || this._disabledGetter(args.itemData)) {
                        return
                    }
                    const $itemElement = (0, _renderer.default)(args.itemElement);
                    const currentSubmenu = this._getSubmenuByElement($itemElement, args.itemData);
                    this._updateSelectedItemOnClick(actionArgs);
                    if (this._visibleSubmenu) {
                        if (this._visibleSubmenu === currentSubmenu) {
                            const {
                                showFirstSubmenuMode: showFirstSubmenuMode
                            } = this.option();
                            if ("onClick" === showFirstSubmenuMode) {
                                this._hideSubmenu(this._visibleSubmenu)
                            }
                            return
                        }
                        this._hideSubmenu(this._visibleSubmenu)
                    }
                    if (!currentSubmenu) {
                        return
                    }
                    if (!currentSubmenu.isOverlayVisible()) {
                        this._showSubmenu($itemElement)
                    }
                }
                _optionChanged(args) {
                    if (ACTIONS.includes(args.name)) {
                        this._initActions();
                        return
                    }
                    switch (args.name) {
                        case "orientation":
                        case "submenuDirection":
                            this._invalidate();
                            break;
                        case "showFirstSubmenuMode":
                        case "hideSubmenuOnMouseLeave":
                            break;
                        case "showSubmenuMode":
                            this._changeSubmenusOption(args);
                            break;
                        case "adaptivityEnabled":
                            if (args.value) {
                                this._initAdaptivity()
                            } else {
                                this._removeAdaptivity()
                            }
                            break;
                        case "width":
                            if (this._isAdaptivityEnabled()) {
                                var _this$_treeView3, _this$_overlay5;
                                null === (_this$_treeView3 = this._treeView) || void 0 === _this$_treeView3 || _this$_treeView3.option(args.name, args.value);
                                null === (_this$_overlay5 = this._overlay) || void 0 === _this$_overlay5 || _this$_overlay5.option(args.name, args.value)
                            }
                            super._optionChanged(args);
                            this._dimensionChanged();
                            break;
                        case "animation":
                            if (this._isAdaptivityEnabled()) {
                                var _this$_treeView4;
                                null === (_this$_treeView4 = this._treeView) || void 0 === _this$_treeView4 || _this$_treeView4.option("animationEnabled", !!args.value)
                            }
                            super._optionChanged(args);
                            break;
                        default:
                            if (this._isAdaptivityEnabled() && (args.name === args.fullName || "items" === args.name)) {
                                var _this$_treeView5;
                                null === (_this$_treeView5 = this._treeView) || void 0 === _this$_treeView5 || _this$_treeView5.option(args.fullName, args.value)
                            }
                            super._optionChanged(args)
                    }
                }
                _changeSubmenusOption(_ref4) {
                    let {
                        name: name,
                        value: value
                    } = _ref4;
                    (0, _iterator.each)(this._submenus, (_index, submenu) => {
                        submenu.option(name, value)
                    })
                }
                selectItem(itemElement) {
                    this._hideSubmenu(this._visibleSubmenu);
                    super.selectItem(itemElement)
                }
                unselectItem(itemElement) {
                    this._hideSubmenu(this._visibleSubmenu);
                    super.unselectItem(itemElement)
                }
            }(0, _component_registrator.default)("dxMenu", Menu);
            exports.default = Menu
        },
        45990(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ../../../ui/context_menu */ 34378);
            var _position = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/animation/position */ 3030));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _context_menu2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/context_menu/context_menu */ 84252));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class Submenu extends _context_menu2.default {
                _getMaxUsableSpace(offsetTop, windowHeight, anchorHeight) {
                    return Math.max(offsetTop, windowHeight - offsetTop - anchorHeight)
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        orientation: "horizontal",
                        tabIndex: null,
                        onHoverStart: _common.noop
                    })
                }
                _initDataAdapter() {
                    const {
                        _dataAdapter: _dataAdapter
                    } = this.option();
                    this._dataAdapter = _dataAdapter;
                    if (!this._dataAdapter) {
                        super._initDataAdapter()
                    }
                }
                _renderContentImpl() {
                    this._renderContextMenuOverlay();
                    super._renderContentImpl();
                    const {
                        _parentKey: _parentKey
                    } = this.option();
                    const node = this._dataAdapter.getNodeByKey(_parentKey);
                    if (node) {
                        this._renderItems(this._getChildNodes(node))
                    }
                    this._renderDelimiter()
                }
                _renderDelimiter() {
                    this.$contentDelimiter = (0, _renderer.default)("<div>").appendTo(this._itemContainer()).addClass("dx-context-menu-content-delimiter")
                }
                _getOverlayOptions() {
                    return (0, _extend.extend)(true, super._getOverlayOptions(), {
                        onPositioned: this._overlayPositionedActionHandler.bind(this),
                        position: {
                            precise: true
                        }
                    })
                }
                _overlayPositionedActionHandler(arg) {
                    this._showDelimiter(arg)
                }
                _hoverEndHandler(e) {
                    super._hoverEndHandler(e);
                    this._toggleFocusClass(false, e.currentTarget)
                }
                _isMenuHorizontal() {
                    const {
                        orientation: orientation
                    } = this.option();
                    return "horizontal" === orientation
                }
                _hoverStartHandler(e) {
                    const {
                        onHoverStart: onHoverStart
                    } = this.option();
                    null === onHoverStart || void 0 === onHoverStart || onHoverStart(e);
                    super._hoverStartHandler(e)
                }
                _drawSubmenu($rootItem) {
                    var _this$_actions$onShow, _this$_actions, _this$_actions$onShow2, _this$_actions2;
                    null === (_this$_actions$onShow = (_this$_actions = this._actions).onShowing) || void 0 === _this$_actions$onShow || _this$_actions$onShow.call(_this$_actions, {
                        rootItem: (0, _element.getPublicElement)($rootItem),
                        submenu: this
                    });
                    super._drawSubmenu($rootItem);
                    null === (_this$_actions$onShow2 = (_this$_actions2 = this._actions).onShown) || void 0 === _this$_actions$onShow2 || _this$_actions$onShow2.call(_this$_actions2, {
                        rootItem: (0, _element.getPublicElement)($rootItem),
                        submenu: this
                    })
                }
                _hideSubmenu($rootItem) {
                    var _this$_actions$onHidi, _this$_actions3, _this$_actions$onHidd, _this$_actions4;
                    null === (_this$_actions$onHidi = (_this$_actions3 = this._actions).onHiding) || void 0 === _this$_actions$onHidi || _this$_actions$onHidi.call(_this$_actions3, {
                        cancel: true,
                        rootItem: (0, _element.getPublicElement)($rootItem),
                        submenu: this
                    });
                    super._hideSubmenu($rootItem);
                    null === (_this$_actions$onHidd = (_this$_actions4 = this._actions).onHidden) || void 0 === _this$_actions$onHidd || _this$_actions$onHidd.call(_this$_actions4, {
                        rootItem: (0, _element.getPublicElement)($rootItem),
                        submenu: this
                    })
                }
                _getDelimiterWidth($rootItem, $submenu) {
                    if (this._isMenuHorizontal()) {
                        const rootWidth = (0, _size.getWidth)($rootItem);
                        const submenuWidth = (0, _size.getWidth)($submenu);
                        return rootWidth < submenuWidth ? rootWidth : submenuWidth
                    }
                    return 3
                }
                _getDelimiterHeight($rootItem, $submenu) {
                    if (this._isMenuHorizontal()) {
                        return 3
                    }
                    const rootHeight = (0, _size.getHeight)($rootItem);
                    const submenuHeight = (0, _size.getHeight)($submenu);
                    return rootHeight < submenuHeight ? rootHeight : submenuHeight
                }
                _showDelimiter(arg) {
                    if (!this.$contentDelimiter) {
                        return
                    }
                    const {
                        position: positionOption
                    } = this.option();
                    const $submenu = this._itemContainer().children(".dx-submenu").eq(0);
                    const $rootItem = (0, _renderer.default)(null === positionOption || void 0 === positionOption ? void 0 : positionOption.of).find(".dx-context-menu-container-border");
                    const position = {
                        of: $submenu,
                        precise: true
                    };
                    const containerOffset = arg.position;
                    const vLocation = containerOffset.v.location;
                    const hLocation = containerOffset.h.location;
                    const rootOffset = $rootItem.offset();
                    const offsetLeft = Math.round((null === rootOffset || void 0 === rootOffset ? void 0 : rootOffset.left) ?? 0);
                    const offsetTop = Math.round((null === rootOffset || void 0 === rootOffset ? void 0 : rootOffset.top) ?? 0);
                    this.$contentDelimiter.css("display", "block");
                    (0, _size.setWidth)(this.$contentDelimiter, this._getDelimiterWidth($rootItem, $submenu));
                    (0, _size.setHeight)(this.$contentDelimiter, this._getDelimiterHeight($rootItem, $submenu));
                    if (this._isMenuHorizontal()) {
                        if (vLocation > offsetTop) {
                            if (Math.round(hLocation) === offsetLeft) {
                                position.offset = "0 -2.5";
                                position.at = "left top";
                                position.my = "left top"
                            } else {
                                position.offset = "0 -2.5";
                                position.at = "right top";
                                position.my = "right top"
                            }
                        } else {
                            (0, _size.setHeight)(this.$contentDelimiter, 5);
                            if (Math.round(hLocation) === offsetLeft) {
                                position.offset = "0 5";
                                position.at = "left bottom";
                                position.my = "left bottom"
                            } else {
                                position.offset = "0 5";
                                position.at = "right bottom";
                                position.my = "right bottom"
                            }
                        }
                    } else if (hLocation > offsetLeft) {
                        if (Math.round(vLocation) === offsetTop) {
                            position.offset = "-2.5 0";
                            position.at = "left top";
                            position.my = "left top"
                        } else {
                            position.offset = "-2.5 0";
                            position.at = "left bottom";
                            position.my = "left bottom"
                        }
                    } else if (Math.round(vLocation) === offsetTop) {
                        position.offset = "2.5 0";
                        position.at = "right top";
                        position.my = "right top"
                    } else {
                        position.offset = "2.5 0";
                        position.at = "right bottom";
                        position.my = "right bottom"
                    }
                    _position.default.setup(this.$contentDelimiter, position)
                }
                _getContextMenuPosition() {
                    const {
                        position: position
                    } = this.option();
                    return position
                }
                isOverlayVisible() {
                    var _this$_overlay;
                    const {
                        visible: visible
                    } = (null === (_this$_overlay = this._overlay) || void 0 === _this$_overlay ? void 0 : _this$_overlay.option()) ?? {};
                    return visible
                }
                getOverlayContent() {
                    var _this$_overlay2;
                    return null === (_this$_overlay2 = this._overlay) || void 0 === _this$_overlay2 ? void 0 : _this$_overlay2.$content()
                }
            }
            exports.default = Submenu
        },
        59272(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.animation = exports._translator = void 0;
            var _animation = __webpack_require__( /*! ../../../common/core/animation */ 16826);
            var _translator2 = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            exports._translator = {
                move($element, position) {
                    (0, _translator2.move)($element, {
                        left: position
                    })
                }
            };
            exports.animation = {
                moveTo($element, position, duration, completeAction) {
                    _animation.fx.animate($element.get(0), {
                        type: "slide",
                        to: {
                            left: position
                        },
                        duration: duration,
                        complete: completeAction
                    })
                },
                complete($element) {
                    _animation.fx.stop($element.get(0), true)
                }
            }
        },
        56484(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _translator2 = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _swipeable = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/gesture/swipeable */ 18278));
            var _visibility_change = __webpack_require__( /*! ../../../common/core/events/visibility_change */ 18029);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _uiCollection_widget = _interopRequireDefault(__webpack_require__( /*! ../../../ui/collection/ui.collection_widget.live_update */ 55213));
            var _multi_view = __webpack_require__( /*! ./multi_view.animation */ 59272);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const toNumber = value => +value;
            class MultiView extends _uiCollection_widget.default {
                _activeStateUnit() {
                    return ".dx-multiview-item"
                }
                _supportedKeys() {
                    return Object.assign({}, super._supportedKeys(), {
                        pageUp: _common.noop,
                        pageDown: _common.noop
                    })
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        selectedIndex: 0,
                        swipeEnabled: true,
                        animationEnabled: true,
                        loop: false,
                        deferRendering: true,
                        loopItemFocus: false,
                        selectOnFocus: true,
                        selectionMode: "single",
                        selectionRequired: true,
                        selectByClick: false
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }])
                }
                _itemClass() {
                    return "dx-multiview-item"
                }
                _itemDataKey() {
                    return "dxMultiViewItemData"
                }
                _itemContainer() {
                    return this._$itemContainer
                }
                _itemElements() {
                    return this._itemContainer().children(this._itemSelector())
                }
                _itemWidth() {
                    if (this._itemWidthValue) {
                        return this._itemWidthValue
                    }
                    return (0, _size.getWidth)(this._$wrapper)
                }
                _clearItemWidthCache() {
                    delete this._itemWidthValue
                }
                _itemsCount() {
                    const {
                        items: items = []
                    } = this.option();
                    return items.length
                }
                _isAllItemsHidden() {
                    const {
                        items: items = []
                    } = this.option();
                    return items.every((_item, index) => !this._isItemVisible(index))
                }
                _normalizeIndex(index, direction) {
                    let loop = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : true;
                    const count = this._itemsCount();
                    let normalizedIndex = index;
                    if (this._isAllItemsHidden()) {
                        return
                    }
                    if (index < 0) {
                        normalizedIndex += count
                    }
                    if (index >= count) {
                        normalizedIndex -= count
                    }
                    const step = direction > 0 ? -1 : 1;
                    const lastNotLoopedIndex = -1 === step ? 0 : count - 1;
                    while (!this._isItemVisible(normalizedIndex) && (loop || normalizedIndex !== lastNotLoopedIndex)) {
                        normalizedIndex = (normalizedIndex + step + count) % count
                    }
                    return normalizedIndex
                }
                _getRTLSignCorrection() {
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    return rtlEnabled ? -1 : 1
                }
                _init() {
                    super._init();
                    const $element = this.$element();
                    $element.addClass("dx-multiview");
                    this._$wrapper = (0, _renderer.default)("<div>").addClass("dx-multiview-wrapper");
                    this._$wrapper.appendTo($element);
                    this._$itemContainer = (0, _renderer.default)("<div>").addClass("dx-multiview-item-container");
                    this._$itemContainer.appendTo(this._$wrapper);
                    const {
                        loop: loop
                    } = this.option();
                    this.option("loopItemFocus", loop);
                    this._findBoundaryIndices();
                    this._initSwipeable()
                }
                _ensureSelectedItemIsVisible() {
                    const {
                        loop: loop,
                        selectedIndex: currentSelectedIndex
                    } = this.option();
                    if (!(0, _type.isDefined)(currentSelectedIndex)) {
                        return
                    }
                    if (this._isItemVisible(currentSelectedIndex)) {
                        return
                    }
                    if (this._isAllItemsHidden()) {
                        this.option("selectedIndex", 0);
                        return
                    }
                    const direction = -1 * this._getRTLSignCorrection();
                    let newSelectedIndex = this._normalizeIndex(currentSelectedIndex, direction, loop);
                    if (newSelectedIndex === currentSelectedIndex) {
                        newSelectedIndex = this._normalizeIndex(currentSelectedIndex, -direction, loop)
                    }
                    this.option("selectedIndex", newSelectedIndex)
                }
                _initMarkup() {
                    this._deferredItems = [];
                    super._initMarkup();
                    this._ensureSelectedItemIsVisible();
                    const selectedItemIndices = this._getSelectedItemIndices();
                    this._updateItemsVisibility(selectedItemIndices[0]);
                    this._setElementAria();
                    this._setItemsAria()
                }
                _afterItemElementDeleted($item, deletedActionArgs) {
                    super._afterItemElementDeleted($item, deletedActionArgs);
                    if (this._deferredItems) {
                        this._deferredItems.splice(deletedActionArgs.itemIndex, 1)
                    }
                }
                _beforeItemElementInserted(change) {
                    super._beforeItemElementInserted(change);
                    if (this._deferredItems) {
                        this._deferredItems.splice(change.index, 0, null)
                    }
                }
                _executeItemRenderAction(_index, itemData, itemElement) {
                    const {
                        items: items = []
                    } = this.option();
                    const index = items.indexOf(itemData);
                    super._executeItemRenderAction(index, itemData, itemElement)
                }
                _renderItemContent(args) {
                    const renderContentDeferred = (0, _deferred.Deferred)();
                    const deferred = (0, _deferred.Deferred)();
                    deferred.done(() => {
                        const $itemContent = super._renderItemContent(args);
                        renderContentDeferred.resolve($itemContent)
                    });
                    this._deferredItems[args.index] = deferred;
                    const {
                        deferRendering: deferRendering
                    } = this.option();
                    if (!deferRendering) {
                        deferred.resolve()
                    }
                    return renderContentDeferred.promise()
                }
                _render() {
                    super._render();
                    (0, _common.deferRender)(() => {
                        const selectedItemIndices = this._getSelectedItemIndices();
                        this._updateItems(selectedItemIndices[0])
                    })
                }
                _getElementAria() {
                    return {
                        role: "group",
                        roledescription: _message.default.format("dxMultiView-elementAriaRoleDescription"),
                        label: _message.default.format("dxMultiView-elementAriaLabel")
                    }
                }
                _setElementAria() {
                    const aria = this._getElementAria();
                    this.setAria(aria, this.$element())
                }
                _setItemsAria() {
                    const $itemElements = this._itemElements();
                    const itemsCount = this._itemsCount();
                    $itemElements.each((itemIndex, item) => {
                        const aria = this._getItemAria({
                            itemIndex: itemIndex,
                            itemsCount: itemsCount
                        });
                        this.setAria(aria, (0, _renderer.default)(item))
                    })
                }
                _getItemAria(args) {
                    const {
                        itemIndex: itemIndex,
                        itemsCount: itemsCount
                    } = args;
                    return {
                        role: "group",
                        roledescription: _message.default.format("dxMultiView-itemAriaRoleDescription"),
                        label: _message.default.format("dxMultiView-itemAriaLabel", itemIndex + 1, itemsCount)
                    }
                }
                _updateItems(selectedIndex, newIndex) {
                    this._updateItemsPosition(selectedIndex, newIndex);
                    this._updateItemsVisibility(selectedIndex, newIndex)
                }
                _modifyByChanges(changes, isPartialRefresh) {
                    super._modifyByChanges(changes, isPartialRefresh);
                    const selectedItemIndices = this._getSelectedItemIndices();
                    this._updateItemsVisibility(selectedItemIndices[0])
                }
                _updateItemsPosition(selectedIndex, newIndex) {
                    const $itemElements = this._itemElements();
                    const positionSign = (0, _type.isDefined)(newIndex) ? -this._animationDirection(newIndex, selectedIndex) : void 0;
                    const $selectedItem = $itemElements.eq(selectedIndex);
                    _multi_view._translator.move($selectedItem, 0);
                    if ((0, _type.isDefined)(newIndex) && (0, _type.isDefined)(positionSign)) {
                        _multi_view._translator.move($itemElements.eq(newIndex), 100 * positionSign + "%")
                    }
                }
                _isItemVisible(index) {
                    var _items$index;
                    const {
                        items: items = []
                    } = this.option();
                    return ((0, _type.isDefined)(index) && (null === (_items$index = items[index]) || void 0 === _items$index ? void 0 : _items$index.visible)) ?? true
                }
                _updateItemsVisibility(selectedIndex, newIndex) {
                    const $itemElements = this._itemElements();
                    $itemElements.each((itemIndex, item) => {
                        const $item = (0, _renderer.default)(item);
                        const isHidden = itemIndex !== selectedIndex && itemIndex !== newIndex;
                        if (!isHidden) {
                            this._renderSpecificItem(itemIndex)
                        }
                        $item.toggleClass("dx-multiview-item-hidden", isHidden);
                        this.setAria("hidden", isHidden || void 0, $item)
                    })
                }
                _renderSpecificItem(index) {
                    const $item = this._itemElements().eq(index);
                    const hasItemContent = $item.find(this._itemContentClass()).length > 0;
                    if ((0, _type.isDefined)(index) && !hasItemContent) {
                        var _this$_deferredItems$;
                        null === (_this$_deferredItems$ = this._deferredItems[index]) || void 0 === _this$_deferredItems$ || _this$_deferredItems$.resolve();
                        (0, _visibility_change.triggerResizeEvent)($item)
                    }
                }
                _refreshItem($item, item) {
                    super._refreshItem($item, item);
                    const {
                        selectedIndex: selectedIndex = 0
                    } = this.option();
                    this._updateItemsVisibility(selectedIndex)
                }
                _setAriaSelectionAttribute() {}
                _updateSelection(addedSelection, removedSelection) {
                    const newIndex = addedSelection[0];
                    const prevIndex = removedSelection[0];
                    _multi_view.animation.complete(this._$itemContainer);
                    this._updateItems(prevIndex, newIndex);
                    const animationDirection = this._animationDirection(newIndex, prevIndex);
                    this._animateItemContainer(animationDirection * this._itemWidth(), () => {
                        _multi_view._translator.move(this._$itemContainer, 0);
                        this._updateItems(newIndex);
                        (0, _size.getWidth)(this._$itemContainer)
                    })
                }
                _animateItemContainer(position, completeCallback) {
                    const {
                        animationEnabled: animationEnabled
                    } = this.option();
                    const duration = animationEnabled ? 200 : 0;
                    _multi_view.animation.moveTo(this._$itemContainer, position, duration, completeCallback)
                }
                _animationDirection(newIndex, prevIndex) {
                    const containerPosition = ($element = this._$itemContainer, (0, _translator2.locate)($element).left);
                    var $element;
                    const signCorrection = this._getRTLSignCorrection() * this._getItemFocusLoopSignCorrection();
                    const indexDifference = (prevIndex - newIndex) * signCorrection;
                    const isSwipePresent = 0 !== containerPosition;
                    const directionSignVariable = isSwipePresent ? containerPosition : indexDifference;
                    return (0, _math.sign)(directionSignVariable)
                }
                _getSwipeDisabledState() {
                    const {
                        swipeEnabled: swipeEnabled
                    } = this.option();
                    return !swipeEnabled || this._itemsCount() <= 1
                }
                _initSwipeable() {
                    this._createComponent(this.$element(), _swipeable.default, {
                        disabled: this._getSwipeDisabledState(),
                        elastic: false,
                        itemSizeFunc: this._itemWidth.bind(this),
                        onStart: args => {
                            this._swipeStartHandler(args.event)
                        },
                        onUpdated: args => {
                            this._swipeUpdateHandler(args.event)
                        },
                        onEnd: args => {
                            this._swipeEndHandler(args.event)
                        }
                    })
                }
                _findBoundaryIndices() {
                    const {
                        items: items = []
                    } = this.option();
                    let firstIndex;
                    let lastIndex;
                    items.forEach((item, index) => {
                        const isDisabled = Boolean(null === item || void 0 === item ? void 0 : item.disabled);
                        const isVisible = this._isItemVisible(index);
                        if (!isDisabled && isVisible) {
                            firstIndex ?? (firstIndex = index);
                            lastIndex = index
                        }
                    });
                    this._boundaryIndices = {
                        firstAvailableIndex: firstIndex ?? 0,
                        lastAvailableIndex: lastIndex ?? items.length - 1,
                        firstTrueIndex: 0,
                        lastTrueIndex: items.length - 1
                    }
                }
                _swipeStartHandler(e) {
                    _multi_view.animation.complete(this._$itemContainer);
                    const {
                        selectedIndex: selectedIndex,
                        loop: loop,
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    if (!(0, _type.isDefined)(selectedIndex) || !(0, _type.isDefined)(this._boundaryIndices)) {
                        return
                    }
                    const {
                        firstAvailableIndex: firstAvailableIndex,
                        lastAvailableIndex: lastAvailableIndex
                    } = this._boundaryIndices;
                    const canSwipeLeft = rtlEnabled ? selectedIndex > firstAvailableIndex : selectedIndex < lastAvailableIndex;
                    const canSwipeRight = rtlEnabled ? selectedIndex < lastAvailableIndex : selectedIndex > firstAvailableIndex;
                    e.maxLeftOffset = toNumber(!!loop || canSwipeLeft);
                    e.maxRightOffset = toNumber(!!loop || canSwipeRight)
                }
                _swipeUpdateHandler(e) {
                    const {
                        offset: offset
                    } = e;
                    const swipeDirection = (0, _math.sign)(offset) * this._getRTLSignCorrection();
                    const {
                        selectedIndex: selectedIndex
                    } = this.option();
                    if (!(0, _type.isDefined)(selectedIndex)) {
                        return
                    }
                    const newIndex = this._normalizeIndex(selectedIndex - swipeDirection, swipeDirection);
                    if (selectedIndex === newIndex) {
                        return
                    }
                    _multi_view._translator.move(this._$itemContainer, offset * this._itemWidth());
                    this._updateItems(selectedIndex, newIndex)
                }
                _findNextAvailableIndex(index, offset) {
                    if (!(0, _type.isDefined)(this._boundaryIndices)) {
                        return index
                    }
                    const {
                        items: items = [],
                        loop: loop
                    } = this.option();
                    const {
                        firstAvailableIndex: firstAvailableIndex,
                        lastAvailableIndex: lastAvailableIndex,
                        firstTrueIndex: firstTrueIndex,
                        lastTrueIndex: lastTrueIndex
                    } = this._boundaryIndices;
                    const isFirstActive = [firstTrueIndex, firstAvailableIndex].includes(index);
                    const isLastActive = [lastTrueIndex, lastAvailableIndex].includes(index);
                    if (loop) {
                        if (isFirstActive && offset < 0) {
                            return lastAvailableIndex
                        }
                        if (isLastActive && offset > 0) {
                            return firstAvailableIndex
                        }
                    }
                    for (let i = index + offset; i >= firstAvailableIndex && i <= lastAvailableIndex; i += offset) {
                        const isDisabled = Boolean(items[i].disabled);
                        const isVisible = this._isItemVisible(i);
                        if (!isDisabled && isVisible) {
                            return i
                        }
                    }
                    return index
                }
                _postprocessSwipe(args) {}
                _swipeEndHandler(e) {
                    const targetOffset = e.targetOffset * this._getRTLSignCorrection();
                    if (targetOffset) {
                        const {
                            selectedIndex: selectedIndex
                        } = this.option();
                        if (!(0, _type.isDefined)(selectedIndex)) {
                            return
                        }
                        const newSelectedIndex = this._findNextAvailableIndex(selectedIndex, -targetOffset);
                        this.selectItem(newSelectedIndex).fail(() => {
                            this._animateItemContainer(0, _common.noop)
                        }).done(() => {
                            this._postprocessSwipe({
                                swipedTabsIndex: newSelectedIndex
                            })
                        });
                        const $selectedElement = this.itemElements().filter(".dx-item-selected");
                        const {
                            focusStateEnabled: focusStateEnabled
                        } = this.option();
                        if (focusStateEnabled) {
                            this.option("focusedElement", (0, _element.getPublicElement)($selectedElement))
                        }
                    } else {
                        this._animateItemContainer(0, _common.noop)
                    }
                }
                _getItemFocusLoopSignCorrection() {
                    return this._itemFocusLooped ? -1 : 1
                }
                _moveFocus(location, e) {
                    super._moveFocus(location, e);
                    this._itemFocusLooped = false
                }
                _prevItem($items) {
                    const $result = super._prevItem($items);
                    this._itemFocusLooped = $result.is($items.last());
                    return $result
                }
                _nextItem($items) {
                    const $result = super._nextItem($items);
                    this._itemFocusLooped = $result.is($items.first());
                    return $result
                }
                _dimensionChanged() {
                    this._clearItemWidthCache()
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        this._dimensionChanged()
                    }
                }
                _updateSwipeDisabledState() {
                    const disabled = this._getSwipeDisabledState();
                    _swipeable.default.getInstance(this.$element()).option("disabled", disabled)
                }
                _dispose() {
                    delete this._boundaryIndices;
                    super._dispose()
                }
                _itemOptionChanged(item, property, value, prevValue) {
                    super._itemOptionChanged(item, property, value, prevValue);
                    const {
                        selectedItem: selectedItem
                    } = this.option();
                    if ("visible" === property && item === selectedItem) {
                        this._ensureSelectedItemIsVisible()
                    }
                }
                _optionChanged(args) {
                    const {
                        value: value
                    } = args;
                    switch (args.name) {
                        case "loop":
                            this.option("loopItemFocus", value);
                            break;
                        case "animationEnabled":
                            break;
                        case "swipeEnabled":
                            this._updateSwipeDisabledState();
                            break;
                        case "deferRendering":
                            this._invalidate();
                            break;
                        case "items":
                            this._updateSwipeDisabledState();
                            this._findBoundaryIndices();
                            super._optionChanged(args);
                            break;
                        case "selectedIndex":
                            if (this._isItemVisible(value)) {
                                super._optionChanged(args)
                            } else {
                                this._ensureSelectedItemIsVisible()
                            }
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }(0, _component_registrator.default)("dxMultiView", MultiView);
            exports.default = MultiView
        },
        36810(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _view_port = __webpack_require__( /*! ../../core/utils/view_port */ 55355);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _toast = _interopRequireDefault(__webpack_require__( /*! ../../ui/toast */ 36574));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            let $notify = null;
            const $containers = {};
            const COORDINATE_ALIASES = {
                "top left": {
                    top: 10,
                    left: 10
                },
                "top right": {
                    top: 10,
                    right: 10
                },
                "bottom left": {
                    bottom: 10,
                    left: 10
                },
                "bottom right": {
                    bottom: 10,
                    right: 10
                },
                "top center": dimensions => ({
                    top: 10,
                    left: Math.round(dimensions.windowWidth / 2 - dimensions.toastWidth / 2)
                }),
                "left center": dimensions => ({
                    top: Math.round(dimensions.windowHeight / 2 - dimensions.toastHeight / 2),
                    left: 10
                }),
                "right center": dimensions => ({
                    top: Math.round(dimensions.windowHeight / 2 - dimensions.toastHeight / 2),
                    right: 10
                }),
                center: dimensions => ({
                    top: Math.round(dimensions.windowHeight / 2 - dimensions.toastHeight / 2),
                    left: Math.round(dimensions.windowWidth / 2 - dimensions.toastWidth / 2)
                }),
                "bottom center": dimensions => ({
                    bottom: 10,
                    left: Math.round(dimensions.windowWidth / 2 - dimensions.toastWidth / 2)
                })
            };
            const POSITION_STYLES_MAP = {
                up: (coordinates, dimensions) => ({
                    bottom: coordinates.bottom ?? dimensions.windowHeight - dimensions.toastHeight - (coordinates.top ?? 0),
                    top: "",
                    left: coordinates.left ?? "",
                    right: coordinates.right ?? ""
                }),
                down: (coordinates, dimensions) => ({
                    top: coordinates.top ?? dimensions.windowHeight - dimensions.toastHeight - (coordinates.bottom ?? 0),
                    bottom: "",
                    left: coordinates.left ?? "",
                    right: coordinates.right ?? ""
                }),
                left: (coordinates, dimensions) => ({
                    right: coordinates.right ?? dimensions.windowWidth - dimensions.toastWidth - (coordinates.left ?? 0),
                    left: "",
                    top: coordinates.top ?? "",
                    bottom: coordinates.bottom ?? ""
                }),
                right: (coordinates, dimensions) => ({
                    left: coordinates.left ?? dimensions.windowWidth - dimensions.toastWidth - (coordinates.right ?? 0),
                    right: "",
                    top: coordinates.top ?? "",
                    bottom: coordinates.bottom ?? ""
                })
            };
            const getStackContainer = key => {
                const $container = $containers[key];
                return $container || (key => {
                    const $container = (0, _renderer.default)("<div>").appendTo((0, _view_port.value)());
                    $containers[key] = $container;
                    return $container
                })(key)
            };
            const setContainerStyles = (container, direction, position) => {
                const {
                    offsetWidth: toastWidth,
                    offsetHeight: toastHeight
                } = container.children().first().get(0);
                const dimensions = {
                    toastWidth: toastWidth,
                    toastHeight: toastHeight,
                    windowHeight: window.innerHeight,
                    windowWidth: window.innerWidth
                };
                const coordinates = (0, _type.isString)(position) ? ((alias, dimensions) => {
                    const coordinate = alias ? COORDINATE_ALIASES[alias] : COORDINATE_ALIASES["bottom center"];
                    return "function" === typeof coordinate ? coordinate(dimensions) : coordinate
                })(position, dimensions) : position;
                const styles = ((direction, coordinates, dimensions) => {
                    const directionKey = direction.replace(/-push|-stack/g, "");
                    const styleFunction = POSITION_STYLES_MAP[directionKey];
                    return styleFunction ? styleFunction(coordinates, dimensions) : {
                        top: "",
                        bottom: "",
                        left: "",
                        right: ""
                    }
                })(direction, coordinates, dimensions);
                container.css(styles)
            };
            const getToastOptions = (message, typeOrStack, displayTime) => {
                const userOptions = (0, _type.isPlainObject)(message) ? message : {
                    message: message
                };
                const stack = (0, _type.isPlainObject)(typeOrStack) ? typeOrStack : void 0;
                const type = (0, _type.isPlainObject)(typeOrStack) ? void 0 : typeOrStack;
                const {
                    onHidden: userOnHidden,
                    onShowing: userOnShowing
                } = userOptions;
                const defaultConfiguration = {
                    onHidden: e => {
                        (0, _renderer.default)(e.element).remove();
                        null === userOnHidden || void 0 === userOnHidden || userOnHidden(e)
                    }
                };
                if (void 0 !== type) {
                    defaultConfiguration.type = type
                }
                if (void 0 !== displayTime) {
                    defaultConfiguration.displayTime = displayTime
                }
                if (null !== stack && void 0 !== stack && stack.position) {
                    const {
                        position: position
                    } = stack;
                    const direction = stack.direction || (position => {
                        const condition = (0, _type.isString)(position) && position.includes("top");
                        return condition ? "down-push" : "up-push"
                    })(position);
                    const containerKey = (0, _type.isString)(position) ? position : `${position.top}-${position.left}-${position.bottom}-${position.right}`;
                    const $container = getStackContainer(containerKey);
                    ((container, direction) => {
                        const containerClasses = `dx-toast-stack dx-toast-stack-${direction}-direction`;
                        container.removeAttr("class").addClass(containerClasses)
                    })($container, direction);
                    const options = Object.assign({}, userOptions, defaultConfiguration, {
                        container: $container,
                        _skipContentPositioning: true,
                        onShowing: e => {
                            setContainerStyles($container, direction, position);
                            null === userOnShowing || void 0 === userOnShowing || userOnShowing(e)
                        }
                    });
                    return options
                }
                const options = Object.assign({}, userOptions, defaultConfiguration);
                return options
            };
            exports.default = (message, typeOrStack, displayTime) => {
                const options = getToastOptions(message, typeOrStack, displayTime);
                $notify = (0, _renderer.default)("<div>").appendTo((0, _view_port.value)());
                const toast = new _toast.default($notify, options);
                toast.show()
            }
        },
        21265(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/browser */ 48314));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _m_text_editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/text_box/m_text_editor */ 37932));
            var _m_number_box = _interopRequireDefault(__webpack_require__( /*! ./m_number_box.spins */ 1979));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const math = Math;
            const FIREFOX_CONTROL_KEYS = ["tab", "del", "backspace", "leftArrow", "rightArrow", "home", "end", "enter"];
            class NumberBoxBase extends _m_text_editor.default {
                _supportedKeys() {
                    return Object.assign({}, super._supportedKeys(), {
                        upArrow(e) {
                            if (!(0, _index.isCommandKeyPressed)(e)) {
                                e.preventDefault();
                                e.stopPropagation();
                                this._spinUpChangeHandler(e)
                            }
                        },
                        downArrow(e) {
                            if (!(0, _index.isCommandKeyPressed)(e)) {
                                e.preventDefault();
                                e.stopPropagation();
                                this._spinDownChangeHandler(e)
                            }
                        },
                        enter() {}
                    })
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        value: 0,
                        min: void 0,
                        max: void 0,
                        step: 1,
                        showSpinButtons: false,
                        useLargeSpinButtons: true,
                        mode: "text",
                        invalidValueMessage: _message.default.format("dxNumberBox-invalidValueMessage"),
                        buttons: void 0
                    })
                }
                _useTemplates() {
                    return false
                }
                _getDefaultButtons() {
                    return super._getDefaultButtons().concat([{
                        name: "spins",
                        Ctor: _m_number_box.default
                    }])
                }
                _isSupportInputMode() {
                    const version = parseFloat(_browser.default.version);
                    return _browser.default.chrome && version >= 66 || _browser.default.safari && version >= 12
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => _devices.default.real().generic && !_devices.default.isSimulator(),
                        options: {
                            useLargeSpinButtons: false
                        }
                    }, {
                        device: function() {
                            return "desktop" !== _devices.default.real().deviceType && !this._isSupportInputMode()
                        }.bind(this),
                        options: {
                            mode: "number"
                        }
                    }])
                }
                _initMarkup() {
                    this._renderSubmitElement();
                    this.$element().addClass("dx-numberbox");
                    super._initMarkup();
                    this._toggleTabIndex()
                }
                _getDefaultAttributes() {
                    const attributes = super._getDefaultAttributes();
                    attributes.inputmode = "decimal";
                    return attributes
                }
                _renderContentImpl() {
                    this.option("isValid") && this._validateValue(this.option("value"));
                    this.setAria("role", "spinbutton")
                }
                _renderSubmitElement() {
                    this._$submitElement = (0, _renderer.default)("<input>").attr("type", "hidden").appendTo(this.$element());
                    this._setSubmitValue(this.option("value"))
                }
                _setSubmitValue(value) {
                    this._getSubmitElement().val((0, _common.applyServerDecimalSeparator)(value))
                }
                _getSubmitElement() {
                    return this._$submitElement
                }
                _keyPressHandler(e) {
                    super._keyPressHandler();
                    const char = (0, _index.getChar)(e);
                    const isInputCharValid = /[\d.,eE\-+]/.test(char);
                    if (!isInputCharValid) {
                        const keyName = (0, _index.normalizeKeyName)(e);
                        if ((0, _index.isCommandKeyPressed)(e) || keyName && FIREFOX_CONTROL_KEYS.includes(keyName)) {
                            return
                        }
                        e.preventDefault();
                        return
                    }
                    this._keyPressed = true
                }
                _hasMouseWheelHandler() {
                    return true
                }
                _onMouseWheel(dxEvent) {
                    dxEvent.delta > 0 ? this._spinValueChange(1, dxEvent) : this._spinValueChange(-1, dxEvent)
                }
                _renderValue() {
                    const inputValue = this._input().val();
                    const value = this.option("value");
                    if (!inputValue.length || Number(inputValue) !== value) {
                        this._forceValueRender();
                        this._toggleEmptinessEventHandler()
                    }
                    const valueText = (0, _type.isDefined)(value) ? null : _message.default.format("dxNumberBox-noDataText");
                    this.setAria({
                        valuenow: (0, _common.ensureDefined)(value, ""),
                        valuetext: valueText
                    });
                    this.option("text", this._input().val());
                    this._updateButtons();
                    return (0, _deferred.Deferred)().resolve()
                }
                _forceValueRender() {
                    const value = this.option("value");
                    const number = Number(value);
                    const formattedValue = isNaN(number) ? "" : this._applyDisplayValueFormatter(value);
                    this._renderDisplayText(formattedValue)
                }
                _applyDisplayValueFormatter(value) {
                    const {
                        displayValueFormatter: displayValueFormatter
                    } = this.option();
                    return null === displayValueFormatter || void 0 === displayValueFormatter ? void 0 : displayValueFormatter(value)
                }
                _renderProps() {
                    this._input().prop({
                        min: this.option("min"),
                        max: this.option("max"),
                        step: this.option("step")
                    });
                    this.setAria({
                        valuemin: (0, _common.ensureDefined)(this.option("min"), ""),
                        valuemax: (0, _common.ensureDefined)(this.option("max"), "")
                    })
                }
                _spinButtonsPointerDownHandler() {
                    const $input = this._input();
                    if (!this.option("useLargeSpinButtons") && _dom_adapter.default.getActiveElement() !== $input[0]) {
                        _events_engine.default.trigger($input, "focus")
                    }
                }
                _spinUpChangeHandler(e) {
                    if (!this.option("readOnly")) {
                        this._spinValueChange(1, e.event || e)
                    }
                }
                _spinDownChangeHandler(e) {
                    if (!this.option("readOnly")) {
                        this._spinValueChange(-1, e.event || e)
                    }
                }
                _spinValueChange(sign, dxEvent) {
                    const step = parseFloat(this.option("step"));
                    if (0 === step) {
                        return
                    }
                    let value = parseFloat(this._normalizeInputValue()) || 0;
                    value = this._correctRounding(value, step * sign);
                    const min = this.option("min");
                    const max = this.option("max");
                    if ((0, _type.isDefined)(min)) {
                        value = Math.max(min, value)
                    }
                    if ((0, _type.isDefined)(max)) {
                        value = Math.min(max, value)
                    }
                    this._saveValueChangeEvent(dxEvent);
                    this.option("value", value)
                }
                _correctRounding(value, step) {
                    const regex = /[,.](.*)/;
                    const isFloatValue = regex.test(value);
                    const isFloatStep = regex.test(step);
                    if (isFloatValue || isFloatStep) {
                        const valueAccuracy = isFloatValue ? regex.exec(value)[0].length : 0;
                        const stepAccuracy = isFloatStep ? regex.exec(step)[0].length : 0;
                        const accuracy = math.max(valueAccuracy, stepAccuracy);
                        value = this._round(value + step, accuracy);
                        return value
                    }
                    return value + step
                }
                _round(value, precision) {
                    precision = precision || 0;
                    const multiplier = 10 ** precision;
                    value *= multiplier;
                    value = Math.round(value) / multiplier;
                    return value
                }
                _renderValueChangeEvent() {
                    super._renderValueChangeEvent();
                    const forceValueChangeEvent = (0, _index.addNamespace)("focusout", "NumberBoxForceValueChange");
                    _events_engine.default.off(this.element(), forceValueChangeEvent);
                    _events_engine.default.on(this.element(), forceValueChangeEvent, this._forceRefreshInputValue.bind(this))
                }
                _forceRefreshInputValue() {
                    const {
                        mode: mode
                    } = this.option();
                    if ("number" === mode) {
                        return
                    }
                    const $input = this._input();
                    const formattedValue = this._applyDisplayValueFormatter(this.option("value"));
                    $input.val(null);
                    $input.val(formattedValue)
                }
                _valueChangeEventHandler(e) {
                    const $input = this._input();
                    const inputValue = this._normalizeText();
                    const value = this._parseValue(inputValue);
                    const valueHasDigits = "." !== inputValue && "-" !== inputValue;
                    if (this._isValueValid() && !this._validateValue(value)) {
                        $input.val(this._applyDisplayValueFormatter(value));
                        return
                    }
                    if (valueHasDigits) {
                        super._valueChangeEventHandler(e, isNaN(value) ? null : value)
                    }
                    this._applyValueBoundaries(inputValue, value);
                    this.validationRequest.fire({
                        value: value,
                        editor: this
                    })
                }
                _applyValueBoundaries(inputValue, parsedValue) {
                    const isValueIncomplete = this._isValueIncomplete(inputValue);
                    const isValueCorrect = this._isValueInRange(inputValue);
                    if (!isValueIncomplete && !isValueCorrect && null !== parsedValue) {
                        if (Number(inputValue) !== parsedValue) {
                            this._input().val(this._applyDisplayValueFormatter(parsedValue))
                        }
                    }
                }
                _replaceCommaWithPoint(value) {
                    return value.replace(",", ".")
                }
                _inputIsInvalid() {
                    const {
                        mode: mode
                    } = this.option();
                    const isNumberMode = "number" === mode;
                    const validityState = this._input().get(0).validity;
                    return isNumberMode && (null === validityState || void 0 === validityState ? void 0 : validityState.badInput)
                }
                _renderDisplayText(text) {
                    if (this._inputIsInvalid()) {
                        return
                    }
                    super._renderDisplayText(text)
                }
                _isValueIncomplete(value) {
                    return /(^-$)|(^-?\d*\.$)|(\d+e-?$)/i.test(value)
                }
                _isValueInRange(value) {
                    return (0, _math.inRange)(value, this.option("min"), this.option("max"))
                }
                _isNumber(value) {
                    return null !== this._parseValue(value)
                }
                _validateValue(value) {
                    const inputValue = this._normalizeText();
                    const isValueValid = this._isValueValid();
                    let isValid = true;
                    const isNumber = this._isNumber(inputValue);
                    if (isNaN(Number(value))) {
                        isValid = false
                    }
                    if (!value && isValueValid) {
                        isValid = true
                    } else if (!isNumber && !isValueValid) {
                        isValid = false
                    }
                    this.option({
                        isValid: isValid,
                        validationError: isValid ? null : {
                            editorSpecific: true,
                            message: this.option("invalidValueMessage")
                        }
                    });
                    return isValid
                }
                _normalizeInputValue() {
                    return this._parseValue(this._normalizeText())
                }
                _normalizeText() {
                    const value = this._input().val().trim();
                    return this._replaceCommaWithPoint(value)
                }
                _parseValue(value) {
                    const number = parseFloat(value);
                    if (isNaN(number)) {
                        return null
                    }
                    return (0, _math.fitIntoRange)(number, this.option("min"), this.option("max"))
                }
                _clearValue() {
                    if (this._inputIsInvalid()) {
                        this._input().val("");
                        this._validateValue()
                    }
                    super._clearValue()
                }
                clear() {
                    if (null === this.option("value")) {
                        this.option("text", "");
                        if (this._input().length) {
                            this._renderValue()
                        }
                    } else {
                        this.option("value", null)
                    }
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "value":
                            this._validateValue(args.value);
                            this._setSubmitValue(args.value);
                            super._optionChanged(args);
                            this._resumeValueChangeAction();
                            break;
                        case "step":
                            this._renderProps();
                            break;
                        case "min":
                        case "max":
                            this._renderProps();
                            this.option("value", this._parseValue(this.option("value")));
                            break;
                        case "showSpinButtons":
                        case "useLargeSpinButtons":
                            this._updateButtons(["spins"]);
                            break;
                        case "invalidValueMessage":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            exports.default = NumberBoxBase
        },
        86445(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getCaretBoundaries = exports.getCaretAfterFormat = void 0;
            exports.getCaretInBoundaries = getCaretInBoundaries;
            exports.isCaretInBoundaries = exports.getCaretWithOffset = exports.getCaretOffset = void 0;
            var _number = (e = __webpack_require__( /*! ../../../common/core/localization/number */ 52771), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _m_utils = __webpack_require__( /*! ./m_utils */ 8758);
            const getCaretBoundaries = function(text, format) {
                if ("string" === typeof format) {
                    const signParts = format.split(";");
                    const sign = _number.default.getSign(text, format);
                    signParts[1] = signParts[1] || `-${signParts[0]}`;
                    format = signParts[sign < 0 ? 1 : 0];
                    const mockEscapedStubs = str => str.replace(/'([^']*)'/g, str => str.split("").map(() => " ").join("").substr(2));
                    format = mockEscapedStubs(format);
                    const prefixStubLength = /^[^#0.,]*/.exec(format)[0].length;
                    const postfixStubLength = /[^#0.,]*$/.exec(format)[0].length;
                    return {
                        start: prefixStubLength,
                        end: text.length - postfixStubLength
                    }
                }
                return {
                    start: 0,
                    end: text.length
                }
            };
            exports.getCaretBoundaries = getCaretBoundaries;
            const _getDigitCountBeforeIndex = function(index, text) {
                const decimalSeparator = _number.default.getDecimalSeparator();
                const regExp = new RegExp(`[^0-9${(0,_common.escapeRegExp)(decimalSeparator)}]`, "g");
                const textBeforePosition = text.slice(0, index);
                return textBeforePosition.replace(regExp, "").length
            };
            const _reverseText = function(text) {
                return text.split("").reverse().join("")
            };
            const _getDigitPositionByIndex = function(digitIndex, text) {
                if (!digitIndex) {
                    return -1
                }
                const regExp = /[0-9]/g;
                let counter = 1;
                let index = null;
                let result = regExp.exec(text);
                while (result) {
                    index = result.index;
                    if (counter >= digitIndex) {
                        return index
                    }
                    counter++;
                    result = regExp.exec(text)
                }
                return null === index ? text.length : index
            };
            const getCaretWithOffset = function(caret, offset) {
                if (void 0 === caret.start) {
                    caret = {
                        start: caret,
                        end: caret
                    }
                }
                return {
                    start: caret.start + offset,
                    end: caret.end + offset
                }
            };
            exports.getCaretWithOffset = getCaretWithOffset;
            exports.getCaretAfterFormat = function(text, formatted, caret, format) {
                caret = getCaretWithOffset(caret, 0);
                const point = _number.default.getDecimalSeparator();
                const isSeparatorBasedText = function(text) {
                    return 1 === text.length && !!text.match(/^[,.][0-9]*$/g)
                }(text);
                const realSeparatorOccurrenceIndex = (0, _m_utils.getRealSeparatorIndex)(format).occurrence;
                const pointPosition = isSeparatorBasedText ? 0 : (0, _m_utils.getNthOccurrence)(text, point, realSeparatorOccurrenceIndex);
                const newPointPosition = (0, _m_utils.getNthOccurrence)(formatted, point, realSeparatorOccurrenceIndex);
                const textParts = (0, _m_utils.splitByIndex)(text, pointPosition);
                const formattedParts = (0, _m_utils.splitByIndex)(formatted, newPointPosition);
                const isCaretOnFloat = -1 !== pointPosition && caret.start > pointPosition;
                if (isCaretOnFloat) {
                    const relativeIndex = caret.start - pointPosition - 1;
                    const digitsBefore = _getDigitCountBeforeIndex(relativeIndex, textParts[1]);
                    const newPosition = formattedParts[1] ? newPointPosition + 1 + _getDigitPositionByIndex(digitsBefore, formattedParts[1]) + 1 : formatted.length;
                    return getCaretInBoundaries(newPosition, formatted, format)
                }
                const formattedIntPart = function(text) {
                    return text.replace(/[^0-9e]+$/, "")
                }(formattedParts[0]);
                const positionFromEnd = textParts[0].length - caret.start;
                const digitsFromEnd = _getDigitCountBeforeIndex(positionFromEnd, _reverseText(textParts[0]));
                const newPositionFromEnd = _getDigitPositionByIndex(digitsFromEnd, _reverseText(formattedIntPart));
                const newPositionFromBegin = formattedIntPart.length - (newPositionFromEnd + 1);
                return getCaretInBoundaries(newPositionFromBegin, formatted, format)
            };
            exports.isCaretInBoundaries = function(caret, text, format) {
                caret = getCaretWithOffset(caret, 0);
                const boundaries = getCaretInBoundaries(caret, text, format);
                return caret.start >= boundaries.start && caret.end <= boundaries.end
            };

            function getCaretInBoundaries(caret, text, format) {
                caret = getCaretWithOffset(caret, 0);
                const boundaries = getCaretBoundaries(text, format);
                const adjustedCaret = {
                    start: (0, _math.fitIntoRange)(caret.start, boundaries.start, boundaries.end),
                    end: (0, _math.fitIntoRange)(caret.end, boundaries.start, boundaries.end)
                };
                return adjustedCaret
            }
            exports.getCaretOffset = function(previousText, newText, format) {
                const previousBoundaries = getCaretBoundaries(previousText, format);
                const newBoundaries = getCaretBoundaries(newText, format);
                return newBoundaries.start - previousBoundaries.start
            }
        },
        42284(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _m_number_box = _interopRequireDefault(__webpack_require__( /*! ./m_number_box.mask */ 37148));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }(0, _component_registrator.default)("dxNumberBox", _m_number_box.default);
            exports.default = _m_number_box.default
        },
        37148(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _double_click = __webpack_require__( /*! ../../../common/core/events/double_click */ 5636);
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _number = __webpack_require__( /*! ../../../common/core/localization/ldml/number */ 33687);
            var _number2 = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/number */ 52771));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _m_number_box = _interopRequireDefault(__webpack_require__( /*! ./m_number_box.base */ 21265));
            var _m_number_box2 = __webpack_require__( /*! ./m_number_box.caret */ 86445);
            var _m_utils = __webpack_require__( /*! ./m_utils */ 8758);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class NumberBoxMask extends _m_number_box.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        useMaskBehavior: true,
                        format: null
                    })
                }
                _isDeleteKey(key) {
                    return "del" === key
                }
                _supportedKeys() {
                    if (!this._useMaskBehavior()) {
                        return super._supportedKeys()
                    }
                    return Object.assign({}, super._supportedKeys(), {
                        minus: this._revertSign.bind(this),
                        del: this._removeHandler.bind(this),
                        backspace: this._removeHandler.bind(this),
                        leftArrow: this._arrowHandler.bind(this, -1),
                        rightArrow: this._arrowHandler.bind(this, 1),
                        home: this._moveCaretToBoundaryEventHandler.bind(this, 1),
                        enter: this._updateFormattedValue.bind(this),
                        end: this._moveCaretToBoundaryEventHandler.bind(this, -1)
                    })
                }
                _getTextSeparatorIndex(text) {
                    const decimalSeparator = _number2.default.getDecimalSeparator();
                    const realSeparatorOccurrenceIndex = (0, _m_utils.getRealSeparatorIndex)(this.option("format")).occurrence;
                    return (0, _m_utils.getNthOccurrence)(text, decimalSeparator, realSeparatorOccurrenceIndex)
                }
                _focusInHandler(e) {
                    if (!this._preventNestedFocusEvent(e)) {
                        this.clearCaretTimeout();
                        this._caretTimeout = setTimeout(() => {
                            this._caretTimeout = void 0;
                            const caret = this._caret();
                            if ((null === caret || void 0 === caret ? void 0 : caret.start) === (null === caret || void 0 === caret ? void 0 : caret.end) && this._useMaskBehavior()) {
                                const text = this._getInputVal();
                                const decimalSeparatorIndex = this._getTextSeparatorIndex(text);
                                if (decimalSeparatorIndex >= 0) {
                                    this._caret({
                                        start: decimalSeparatorIndex,
                                        end: decimalSeparatorIndex
                                    })
                                } else {
                                    this._moveCaretToBoundaryEventHandler(-1, e)
                                }
                            }
                        }, 0)
                    }
                    super._focusInHandler(e)
                }
                _focusOutHandler(e) {
                    const shouldHandleEvent = !this._preventNestedFocusEvent(e);
                    if (shouldHandleEvent) {
                        this._focusOutOccurs = true;
                        if (this._useMaskBehavior()) {
                            this._updateFormattedValue()
                        }
                    }
                    super._focusOutHandler(e);
                    if (shouldHandleEvent) {
                        this._focusOutOccurs = false
                    }
                }
                _hasValueBeenChanged(inputValue) {
                    const format = this._getFormatPattern();
                    const value = this.option("value");
                    const formatted = this._format(value, format) || "";
                    return formatted !== inputValue
                }
                _updateFormattedValue() {
                    const inputValue = this._getInputVal();
                    if (this._hasValueBeenChanged(inputValue)) {
                        this._updateParsedValue();
                        this._adjustParsedValue();
                        this._setTextByParsedValue();
                        const {
                            value: value
                        } = this.option();
                        if (this._parsedValue !== value) {
                            _events_engine.default.trigger(this._input(), "change")
                        }
                    }
                }
                _arrowHandler(step, e) {
                    if (!this._useMaskBehavior()) {
                        return
                    }
                    const text = this._getInputVal();
                    const format = this._getFormatPattern();
                    let nextCaret = (0, _m_number_box2.getCaretWithOffset)(this._caret(), step);
                    if (!(0, _m_number_box2.isCaretInBoundaries)(nextCaret, text, format)) {
                        nextCaret = 1 === step ? nextCaret.end : nextCaret.start;
                        e.preventDefault();
                        this._caret((0, _m_number_box2.getCaretInBoundaries)(nextCaret, text, format))
                    }
                }
                _moveCaretToBoundary(direction) {
                    const boundaries = (0, _m_number_box2.getCaretBoundaries)(this._getInputVal(), this._getFormatPattern());
                    const newCaret = (0, _m_number_box2.getCaretWithOffset)(1 === direction ? boundaries.start : boundaries.end, 0);
                    this._caret(newCaret)
                }
                _moveCaretToBoundaryEventHandler(direction, e) {
                    if (!this._useMaskBehavior() || null !== e && void 0 !== e && e.shiftKey) {
                        return
                    }
                    this._moveCaretToBoundary(direction);
                    null === e || void 0 === e || e.preventDefault()
                }
                _shouldMoveCaret(text, caret) {
                    const decimalSeparator = _number2.default.getDecimalSeparator();
                    const isDecimalSeparatorNext = text.charAt(caret.end) === decimalSeparator;
                    const moveToFloat = (this._lastKey === decimalSeparator || "." === this._lastKey || "," === this._lastKey) && isDecimalSeparatorNext;
                    return moveToFloat
                }
                _getInputVal() {
                    return _number2.default.convertDigits(this._input().val(), true)
                }
                _keyboardHandler(e) {
                    this.clearCaretTimeout();
                    this._lastKey = _number2.default.convertDigits((0, _index.getChar)(e), true);
                    this._lastKeyName = (0, _index.normalizeKeyName)(e);
                    if (!this._shouldHandleKey(e.originalEvent)) {
                        return super._keyboardHandler(e)
                    }
                    const normalizedText = this._getInputVal();
                    const caret = this._caret();
                    let enteredChar;
                    if ("minus" === this._lastKeyName) {
                        enteredChar = ""
                    } else {
                        enteredChar = 110 === e.which ? _number2.default.getDecimalSeparator() : this._lastKey
                    }
                    const newValue = this._tryParse(normalizedText, caret, enteredChar);
                    if (this._shouldMoveCaret(normalizedText, caret)) {
                        this._moveCaret(1);
                        e.originalEvent.preventDefault()
                    }
                    if (void 0 === newValue) {
                        if ("minus" !== this._lastKeyName) {
                            e.originalEvent.preventDefault()
                        }
                    } else {
                        this._parsedValue = newValue
                    }
                    return super._keyboardHandler(e)
                }
                _keyPressHandler(e) {
                    if (!this._useMaskBehavior()) {
                        super._keyPressHandler(e)
                    }
                }
                _removeHandler(e) {
                    const caret = this._caret();
                    const text = this._getInputVal();
                    let {
                        start: start = 0,
                        end: end = 0
                    } = caret ?? {};
                    this._lastKey = (0, _index.getChar)(e);
                    this._lastKeyName = (0, _index.normalizeKeyName)(e);
                    const isDeleteKey = this._isDeleteKey(this._lastKeyName);
                    const isBackspaceKey = !isDeleteKey;
                    if (start === end) {
                        const caretPosition = start;
                        const canDelete = isBackspaceKey && caretPosition > 0 || isDeleteKey && caretPosition < text.length;
                        if (canDelete) {
                            isDeleteKey && end++;
                            isBackspaceKey && start--
                        } else {
                            e.preventDefault();
                            return
                        }
                    }
                    const char = text.slice(start, end);
                    if (this._isStub(char)) {
                        this._moveCaret(isDeleteKey ? 1 : -1);
                        if (this._parsedValue < 0 || 1 / this._parsedValue === -1 / 0) {
                            this._revertSign(e);
                            this._setTextByParsedValue();
                            const shouldTriggerInputEvent = this.option("valueChangeEvent").split(" ").includes("input");
                            if (shouldTriggerInputEvent) {
                                _events_engine.default.trigger(this._input(), "input")
                            }
                        }
                        e.preventDefault();
                        return
                    }
                    const decimalSeparator = _number2.default.getDecimalSeparator();
                    if (char === decimalSeparator) {
                        const decimalSeparatorIndex = text.indexOf(decimalSeparator);
                        if (this._isNonStubAfter(decimalSeparatorIndex + 1)) {
                            this._moveCaret(isDeleteKey ? 1 : -1);
                            e.preventDefault()
                        }
                        return
                    }
                    if (end - start < text.length) {
                        const editedText = this._replaceSelectedText(text, {
                            start: start,
                            end: end
                        }, "");
                        const noDigits = editedText.search(/[0-9]/) < 0;
                        if (noDigits && this._isValueInRange(0)) {
                            this._parsedValue = this._parsedValue < 0 || 1 / this._parsedValue === -1 / 0 ? -0 : 0;
                            return
                        }
                    }
                    const valueAfterRemoving = this._tryParse(text, {
                        start: start,
                        end: end
                    }, "");
                    if (void 0 === valueAfterRemoving) {
                        e.preventDefault()
                    } else {
                        this._parsedValue = valueAfterRemoving
                    }
                }
                _isPercentFormat() {
                    const format = this._getFormatPattern();
                    const noEscapedFormat = format.replace(/'[^']+'/g, "");
                    return -1 !== noEscapedFormat.indexOf("%")
                }
                _parse(text, format) {
                    const formatOption = this.option("format");
                    const isCustomParser = (0, _type.isFunction)(formatOption.parser);
                    const parser = isCustomParser ? formatOption.parser : _number2.default.parse;
                    let integerPartStartIndex = 0;
                    if (!isCustomParser) {
                        const formatPointIndex = (0, _m_utils.getRealSeparatorIndex)(format).index;
                        const textPointIndex = this._getTextSeparatorIndex(text);
                        const formatIntegerPartLength = -1 !== formatPointIndex ? formatPointIndex : format.length;
                        const textIntegerPartLength = -1 !== textPointIndex ? textPointIndex : text.length;
                        if (textIntegerPartLength > formatIntegerPartLength && -1 === format.indexOf("#")) {
                            integerPartStartIndex = textIntegerPartLength - formatIntegerPartLength
                        }
                    }
                    text = text.substr(integerPartStartIndex);
                    return parser(text, format)
                }
                _format(value, format) {
                    const formatOption = this.option("format");
                    const customFormatter = (null === formatOption || void 0 === formatOption ? void 0 : formatOption.formatter) || formatOption;
                    const formatter = (0, _type.isFunction)(customFormatter) ? customFormatter : _number2.default.format;
                    const formattedValue = null === value ? "" : formatter(value, format);
                    return formattedValue
                }
                _getFormatPattern() {
                    if (!this._currentFormat) {
                        this._updateFormat()
                    }
                    return this._currentFormat
                }
                _updateFormat() {
                    const {
                        format: format
                    } = this.option();
                    const isCustomParser = (0, _type.isFunction)(null === format || void 0 === format ? void 0 : format.parser);
                    const isLDMLPattern = (0, _type.isString)(format) && (format.includes("0") || format.includes("#"));
                    const isExponentialFormat = "exponential" === format || "exponential" === (null === format || void 0 === format ? void 0 : format.type);
                    const shouldUseFormatAsIs = isCustomParser || isLDMLPattern || isExponentialFormat;
                    this._currentFormat = shouldUseFormatAsIs ? format : (0, _number.getFormat)(value => {
                        const text = this._format(value, format);
                        return _number2.default.convertDigits(text, true)
                    })
                }
                _getFormatForSign(text) {
                    const format = this._getFormatPattern();
                    if ((0, _type.isString)(format)) {
                        const signParts = format.split(";");
                        const sign = _number2.default.getSign(text, format);
                        signParts[1] = signParts[1] || `-${signParts[0]}`;
                        return sign < 0 ? signParts[1] : signParts[0]
                    }
                    const sign = _number2.default.getSign(text);
                    return sign < 0 ? "-" : ""
                }
                _removeStubs(text, excludeComma) {
                    const format = this._getFormatForSign(text);
                    const thousandsSeparator = _number2.default.getThousandsSeparator();
                    const stubs = this._getStubs(format);
                    let result = text;
                    if (stubs.length) {
                        const prefixStubs = stubs[0];
                        const postfixRegex = new RegExp(`(${(0,_common.escapeRegExp)(stubs[1]||"")})$`, "g");
                        const decoratorsRegex = new RegExp(`[-${(0,_common.escapeRegExp)(excludeComma?"":thousandsSeparator)}]`, "g");
                        result = result.replace(prefixStubs, "").replace(postfixRegex, "").replace(decoratorsRegex, "")
                    }
                    return result
                }
                _getStubs(format) {
                    const regExpResult = /[^']([#0.,]+)/g.exec(format);
                    const pattern = regExpResult && regExpResult[0].trim();
                    return format.split(pattern).map(stub => stub.replace(/'/g, ""))
                }
                _truncateToPrecision(value, maxPrecision) {
                    if ((0, _type.isDefined)(value)) {
                        const strValue = value.toString();
                        const decimalSeparatorIndex = strValue.indexOf(".");
                        if (strValue && decimalSeparatorIndex > -1) {
                            const parsedValue = parseFloat(strValue.substr(0, decimalSeparatorIndex + maxPrecision + 1));
                            return isNaN(parsedValue) ? value : parsedValue
                        }
                    }
                    return value
                }
                _tryParse(text, selection, char) {
                    const isTextSelected = selection.start !== selection.end;
                    const isWholeTextSelected = isTextSelected && 0 === selection.start && selection.end === text.length;
                    const decimalSeparator = _number2.default.getDecimalSeparator();
                    if (isWholeTextSelected && char === decimalSeparator) {
                        return 0
                    }
                    const editedText = this._replaceSelectedText(text, selection, char);
                    const format = this._getFormatPattern();
                    let parsedValue = this._getParsedValue(editedText, format);
                    const maxPrecision = !format.parser && this._getPrecisionLimits(editedText).max;
                    const isValueChanged = parsedValue !== this._parsedValue;
                    const isDecimalPointRestricted = char === decimalSeparator && 0 === maxPrecision;
                    const isUselessCharRestricted = !isTextSelected && !isValueChanged && "-" !== char && this._isStub(char);
                    if (isDecimalPointRestricted || isUselessCharRestricted) {
                        return
                    }
                    if ("" === this._removeStubs(editedText)) {
                        parsedValue = Math.abs(0 * this._parsedValue)
                    }
                    if (isNaN(parsedValue)) {
                        return
                    }
                    const value = null === parsedValue ? this._parsedValue : parsedValue;
                    parsedValue = maxPrecision ? this._truncateToPrecision(value, maxPrecision) : parsedValue;
                    if (!format.parser && this._isPercentFormat()) {
                        const interval = this._getIntervalFromPrecision(maxPrecision);
                        return (0, _m_utils.adjustPercentValue)(parsedValue, interval)
                    }
                    return parsedValue
                }
                _getIntervalFromPrecision(precision) {
                    if (precision < 1) {
                        return 1
                    }
                    return 10 ** -precision
                }
                _getParsedValue(text, format) {
                    const sign = _number2.default.getSign(text, (null === format || void 0 === format ? void 0 : format.formatter) || format);
                    const textWithoutStubs = this._removeStubs(text, true);
                    const parsedValue = this._parse(textWithoutStubs, format);
                    const parsedValueSign = parsedValue < 0 ? -1 : 1;
                    const parsedValueWithSign = (0, _type.isNumeric)(parsedValue) && sign !== parsedValueSign ? sign * parsedValue : parsedValue;
                    return parsedValueWithSign
                }
                _isValueIncomplete(text) {
                    if (!this._useMaskBehavior()) {
                        return super._isValueIncomplete(text)
                    }
                    const caret = this._caret();
                    const point = _number2.default.getDecimalSeparator();
                    const pointIndex = this._getTextSeparatorIndex(text);
                    const isCaretOnFloat = pointIndex >= 0 && pointIndex < ((null === caret || void 0 === caret ? void 0 : caret.start) ?? 0);
                    const textParts = this._removeStubs(text, true).split(point);
                    if (!isCaretOnFloat || 2 !== textParts.length) {
                        return false
                    }
                    const floatLength = textParts[1].length;
                    const format = this._getFormatPattern();
                    const isCustomParser = !!format.parser;
                    const precision = !isCustomParser && this._getPrecisionLimits(this._getFormatPattern());
                    const isPrecisionInRange = isCustomParser ? true : (0, _math.inRange)(floatLength, precision.min, precision.max);
                    const endsWithZero = "0" === textParts[1].charAt(floatLength - 1);
                    return isPrecisionInRange && (endsWithZero || !floatLength)
                }
                _isValueInRange(value) {
                    const min = (0, _common.ensureDefined)(this.option("min"), -1 / 0);
                    const max = (0, _common.ensureDefined)(this.option("max"), 1 / 0);
                    return (0, _math.inRange)(value, min, max)
                }
                _setInputText(text) {
                    const normalizedText = _number2.default.convertDigits(text, true);
                    const newCaret = (0, _m_number_box2.getCaretAfterFormat)(this._getInputVal(), normalizedText, this._caret(), this._getFormatPattern());
                    this._input().val(text);
                    this._toggleEmptinessEventHandler();
                    this._formattedValue = text;
                    if (!this._focusOutOccurs) {
                        this._caret(newCaret)
                    }
                }
                _useMaskBehavior() {
                    const {
                        useMaskBehavior: useMaskBehavior
                    } = this.option();
                    return !!this.option("format") && useMaskBehavior
                }
                _renderInputType() {
                    const {
                        mode: mode
                    } = this.option();
                    const isNumberType = "number" === mode;
                    const isDesktop = "desktop" === _devices.default.real().deviceType;
                    if (this._useMaskBehavior() && isNumberType) {
                        this._setInputType(isDesktop || this._isSupportInputMode() ? "text" : "tel")
                    } else {
                        super._renderInputType()
                    }
                }
                _isChar(str) {
                    return (0, _type.isString)(str) && 1 === str.length
                }
                _moveCaret(offset) {
                    if (!offset) {
                        return
                    }
                    const newCaret = (0, _m_number_box2.getCaretWithOffset)(this._caret(), offset);
                    const adjustedCaret = (0, _m_number_box2.getCaretInBoundaries)(newCaret, this._getInputVal(), this._getFormatPattern());
                    this._caret(adjustedCaret)
                }
                _shouldHandleKey(e) {
                    const keyName = (0, _index.normalizeKeyName)(e);
                    const isSpecialChar = (0, _index.isCommandKeyPressed)(e) || e.altKey || e.shiftKey || !this._isChar(keyName);
                    const isMinusKey = "minus" === keyName;
                    const useMaskBehavior = this._useMaskBehavior();
                    return useMaskBehavior && !isSpecialChar && !isMinusKey
                }
                _renderInput() {
                    super._renderInput();
                    this._renderFormatter()
                }
                _renderFormatter() {
                    this._clearCache();
                    this._detachFormatterEvents();
                    if (this._useMaskBehavior()) {
                        this._attachFormatterEvents()
                    }
                }
                _detachFormatterEvents() {
                    _events_engine.default.off(this._input(), ".dxNumberFormatter")
                }
                _isInputFromPaste(e) {
                    var _e$originalEvent;
                    const inputType = null === (_e$originalEvent = e.originalEvent) || void 0 === _e$originalEvent ? void 0 : _e$originalEvent.inputType;
                    if ((0, _type.isDefined)(inputType)) {
                        return "insertFromPaste" === inputType
                    }
                    return this._isValuePasted
                }
                _attachFormatterEvents() {
                    const $input = this._input();
                    _events_engine.default.on($input, (0, _index.addNamespace)("input", "dxNumberFormatter"), e => {
                        this._formatValue(e);
                        this._isValuePasted = false
                    });
                    _events_engine.default.on($input, (0, _index.addNamespace)("dxclick", "dxNumberFormatter"), () => {
                        if (!this._caretTimeout) {
                            this._caretTimeout = setTimeout(() => {
                                this._caretTimeout = void 0;
                                this._caret((0, _m_number_box2.getCaretInBoundaries)(this._caret(), this._getInputVal(), this._getFormatPattern()))
                            }, 0)
                        }
                    });
                    _events_engine.default.on($input, _double_click.name, () => {
                        this.clearCaretTimeout()
                    })
                }
                clearCaretTimeout() {
                    clearTimeout(this._caretTimeout);
                    this._caretTimeout = void 0
                }
                _forceRefreshInputValue() {
                    if (!this._useMaskBehavior()) {
                        return super._forceRefreshInputValue()
                    }
                }
                _isNonStubAfter(index) {
                    const text = this._getInputVal().slice(index);
                    return text && !this._isStub(text, true)
                }
                _isStub(str, isString) {
                    const escapedDecimalSeparator = (0, _common.escapeRegExp)(_number2.default.getDecimalSeparator());
                    const regExpString = `^[^0-9${escapedDecimalSeparator}]+$`;
                    const stubRegExp = new RegExp(regExpString, "g");
                    return stubRegExp.test(str) && (isString || this._isChar(str))
                }
                _parseValue(text) {
                    if (!this._useMaskBehavior()) {
                        return super._parseValue(text)
                    }
                    return this._parsedValue
                }
                _getPrecisionLimits(text) {
                    const currentFormat = this._getFormatForSign(text);
                    const realSeparatorIndex = (0, _m_utils.getRealSeparatorIndex)(currentFormat).index;
                    const floatPart = ((0, _m_utils.splitByIndex)(currentFormat, realSeparatorIndex)[1] || "").replace(/[^#0]/g, "");
                    const minPrecision = floatPart.replace(/^(0*)#*/, "$1").length;
                    const maxPrecision = floatPart.length;
                    return {
                        min: minPrecision,
                        max: maxPrecision
                    }
                }
                _revertSign(e) {
                    if (!this._useMaskBehavior()) {
                        return
                    }
                    const caret = this._caret();
                    if ((null === caret || void 0 === caret ? void 0 : caret.start) !== (null === caret || void 0 === caret ? void 0 : caret.end)) {
                        if ("minus" === (0, _index.normalizeKeyName)(e)) {
                            this._applyRevertedSign(e, caret, true);
                            return
                        }
                        this._caret((0, _m_number_box2.getCaretInBoundaries)(0, this._getInputVal(), this._getFormatPattern()))
                    }
                    this._applyRevertedSign(e, caret)
                }
                _applyRevertedSign(e, caret, preserveSelectedText) {
                    const newValue = -1 * (0, _common.ensureDefined)(this._parsedValue, null);
                    if (this._isValueInRange(newValue) || 0 === newValue) {
                        this._parsedValue = newValue;
                        if (preserveSelectedText) {
                            const format = this._getFormatPattern();
                            const previousText = this._getInputVal();
                            this._setTextByParsedValue();
                            e.preventDefault();
                            const currentText = this._getInputVal();
                            const offset = (0, _m_number_box2.getCaretOffset)(previousText, currentText, format);
                            caret = (0, _m_number_box2.getCaretWithOffset)(caret, offset);
                            const caretInBoundaries = (0, _m_number_box2.getCaretInBoundaries)(caret, currentText, format);
                            this._caret(caretInBoundaries)
                        }
                    }
                }
                _removeMinusFromText(text, caret) {
                    const isMinusPressed = "minus" === this._lastKeyName && "-" === text.charAt(caret.start - 1);
                    return isMinusPressed ? this._replaceSelectedText(text, {
                        start: caret.start - 1,
                        end: caret.start
                    }, "") : text
                }
                _setTextByParsedValue() {
                    const format = this._getFormatPattern();
                    const parsed = this._parseValue();
                    const formatted = this._format(parsed, format) || "";
                    this._setInputText(formatted)
                }
                _formatValue(e) {
                    let normalizedText = this._getInputVal();
                    const caret = this._caret();
                    const textWithoutMinus = this._removeMinusFromText(normalizedText, caret);
                    const wasMinusRemoved = textWithoutMinus !== normalizedText;
                    normalizedText = textWithoutMinus;
                    if (!this._isInputFromPaste(e) && this._isValueIncomplete(textWithoutMinus)) {
                        this._formattedValue = normalizedText;
                        if (wasMinusRemoved) {
                            this._setTextByParsedValue()
                        }
                        return
                    }
                    const textWasChanged = _number2.default.convertDigits(this._formattedValue, true) !== normalizedText;
                    if (textWasChanged) {
                        const value = this._tryParse(normalizedText, caret, "");
                        if ((0, _type.isDefined)(value)) {
                            this._parsedValue = value
                        }
                    }
                    this._setTextByParsedValue()
                }
                _renderDisplayText() {
                    if (this._useMaskBehavior()) {
                        this._toggleEmptinessEventHandler()
                    } else {
                        super._renderDisplayText.apply(this, arguments)
                    }
                }
                _renderValue() {
                    if (this._useMaskBehavior()) {
                        const {
                            value: value
                        } = this.option();
                        this._parsedValue = value;
                        this._setTextByParsedValue()
                    }
                    return super._renderValue()
                }
                _updateParsedValue() {
                    const inputValue = this._getInputVal();
                    this._parsedValue = this._tryParse(inputValue, this._caret())
                }
                _adjustParsedValue() {
                    if (!this._useMaskBehavior()) {
                        return
                    }
                    const clearedText = this._removeStubs(this._getInputVal());
                    const parsedValue = clearedText ? this._parseValue() : null;
                    if (!(0, _type.isNumeric)(parsedValue)) {
                        this._parsedValue = parsedValue;
                        return
                    }
                    this._parsedValue = (0, _math.fitIntoRange)(parsedValue, this.option("min"), this.option("max"))
                }
                _valueChangeEventHandler(e) {
                    if (!this._useMaskBehavior()) {
                        return super._valueChangeEventHandler(e)
                    }
                    const caret = this._caret();
                    this._saveValueChangeEvent(e);
                    this._lastKey = null;
                    this._lastKeyName = null;
                    this._updateParsedValue();
                    this._adjustParsedValue();
                    this.option("value", this._parsedValue);
                    if (caret) {
                        this._caret(caret)
                    }
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "format":
                        case "useMaskBehavior":
                            this._renderInputType();
                            this._updateFormat();
                            this._renderFormatter();
                            this._renderValue();
                            this._refreshValueChangeEvent();
                            this._refreshEvents();
                            break;
                        case "min":
                        case "max":
                            this._adjustParsedValue();
                            super._optionChanged(args);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _clearCache() {
                    delete this._formattedValue;
                    delete this._lastKey;
                    delete this._lastKeyName;
                    delete this._parsedValue;
                    delete this._focusOutOccurs;
                    clearTimeout(this._caretTimeout);
                    delete this._caretTimeout
                }
                _clean() {
                    this._clearCache();
                    super._clean()
                }
            }
            exports.default = NumberBoxMask
        },
        47156(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _emitter = __webpack_require__( /*! ../../../common/core/events/core/emitter.feedback */ 69331);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _hold = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/hold */ 68095));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const POINTERUP_EVENT_NAME = (0, _index.addNamespace)(_pointer.default.up, "dxNumberBox");
            const POINTERCANCEL_EVENT_NAME = (0, _index.addNamespace)(_pointer.default.cancel, "dxNumberBox");
            class SpinButton extends _widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        direction: "up",
                        onChange: null,
                        activeStateEnabled: true,
                        hoverStateEnabled: true
                    })
                }
                _initMarkup() {
                    super._initMarkup();
                    const {
                        direction: spinDirection
                    } = this.option();
                    const direction = `dx-numberbox-spin-${spinDirection}`;
                    this.$element().addClass("dx-numberbox-spin-button").addClass(direction);
                    this._spinIcon = (0, _renderer.default)("<div>").addClass(`${direction}-icon`).appendTo(this.$element())
                }
                _render() {
                    super._render();
                    const eventName = (0, _index.addNamespace)(_pointer.default.down, this.NAME);
                    const $element = this.$element();
                    _events_engine.default.off($element, eventName);
                    _events_engine.default.on($element, eventName, this._spinDownHandler.bind(this));
                    this._spinChangeHandler = this._createActionByOption("onChange")
                }
                _spinDownHandler(e) {
                    e.preventDefault();
                    this._clearTimer();
                    _events_engine.default.on(this.$element(), _hold.default.name, () => {
                        this._feedBackDeferred = (0, _deferred.Deferred)();
                        (0, _emitter.lock)(this._feedBackDeferred);
                        this._spinChangeHandler({
                            event: e
                        });
                        this._holdTimer = setInterval(this._spinChangeHandler, 100, {
                            event: e
                        })
                    });
                    const document = _dom_adapter.default.getDocument();
                    _events_engine.default.on(document, POINTERUP_EVENT_NAME, this._clearTimer.bind(this));
                    _events_engine.default.on(document, POINTERCANCEL_EVENT_NAME, this._clearTimer.bind(this));
                    this._spinChangeHandler({
                        event: e
                    })
                }
                _dispose() {
                    this._clearTimer();
                    super._dispose()
                }
                _clearTimer() {
                    _events_engine.default.off(this.$element(), _hold.default.name);
                    const document = _dom_adapter.default.getDocument();
                    _events_engine.default.off(document, POINTERUP_EVENT_NAME);
                    _events_engine.default.off(document, POINTERCANCEL_EVENT_NAME);
                    if (this._feedBackDeferred) {
                        this._feedBackDeferred.resolve()
                    }
                    if (this._holdTimer) {
                        clearInterval(this._holdTimer)
                    }
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "onChange":
                        case "direction":
                            this._invalidate();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            exports.default = SpinButton
        },
        1979(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../ui/text_box/texteditor_button_collection/button */ 57003));
            var _m_number_box = _interopRequireDefault(__webpack_require__( /*! ./m_number_box.spin */ 47156));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class SpinButtons extends _button.default {
                _attachEvents(instance, $spinContainer) {
                    const {
                        editor: editor
                    } = this;
                    if (!editor) {
                        return
                    }
                    const eventName = (0, _index.addNamespace)(_pointer.default.down, editor.NAME ?? "");
                    const $spinContainerChildren = $spinContainer.children();
                    const pointerDownAction = editor._createAction(e => {
                        var _this$editor;
                        null === (_this$editor = this.editor) || void 0 === _this$editor || _this$editor._spinButtonsPointerDownHandler(e)
                    });
                    _events_engine.default.off($spinContainer, eventName);
                    _events_engine.default.on($spinContainer, eventName, e => pointerDownAction({
                        event: e
                    }));
                    _m_number_box.default.getInstance($spinContainerChildren.eq(0)).option("onChange", e => {
                        var _this$editor2;
                        null === (_this$editor2 = this.editor) || void 0 === _this$editor2 || _this$editor2._spinUpChangeHandler(e)
                    });
                    _m_number_box.default.getInstance($spinContainerChildren.eq(1)).option("onChange", e => {
                        var _this$editor3;
                        null === (_this$editor3 = this.editor) || void 0 === _this$editor3 || _this$editor3._spinDownChangeHandler(e)
                    })
                }
                _create() {
                    const {
                        editor: editor
                    } = this;
                    const $spinContainer = (0, _renderer.default)("<div>").addClass("dx-numberbox-spin-container");
                    const $spinUp = (0, _renderer.default)("<div>").appendTo($spinContainer);
                    const $spinDown = (0, _renderer.default)("<div>").appendTo($spinContainer);
                    const options = this._getOptions();
                    this._addToContainer($spinContainer);
                    null === editor || void 0 === editor || editor._createComponent($spinUp, _m_number_box.default, (0, _extend.extend)({
                        direction: "up"
                    }, options));
                    null === editor || void 0 === editor || editor._createComponent($spinDown, _m_number_box.default, (0, _extend.extend)({
                        direction: "down"
                    }, options));
                    this._legacyRender(null === editor || void 0 === editor ? void 0 : editor.$element(), this._isTouchFriendly(), options.visible);
                    return {
                        instance: $spinContainer,
                        $element: $spinContainer
                    }
                }
                _getOptions() {
                    const {
                        editor: editor
                    } = this;
                    const visible = this._isVisible();
                    const disabled = null === editor || void 0 === editor ? void 0 : editor.option("disabled");
                    return {
                        visible: visible,
                        disabled: disabled
                    }
                }
                _isVisible() {
                    const {
                        editor: editor
                    } = this;
                    return super._isVisible() && (null === editor || void 0 === editor ? void 0 : editor.option("showSpinButtons"))
                }
                _isTouchFriendly() {
                    const {
                        editor: editor
                    } = this;
                    return (null === editor || void 0 === editor ? void 0 : editor.option("showSpinButtons")) && (null === editor || void 0 === editor ? void 0 : editor.option("useLargeSpinButtons"))
                }
                _legacyRender($editor, isTouchFriendly, isVisible) {
                    $editor.toggleClass("dx-numberbox-spin-touch-friendly", isTouchFriendly);
                    $editor.toggleClass("dx-numberbox-spin", isVisible)
                }
                update() {
                    const shouldUpdate = super.update();
                    if (shouldUpdate) {
                        const {
                            editor: editor,
                            instance: instance
                        } = this;
                        const $editor = null === editor || void 0 === editor ? void 0 : editor.$element();
                        const isVisible = this._isVisible();
                        const isTouchFriendly = this._isTouchFriendly();
                        const $spinButtons = instance.children();
                        const spinUp = _m_number_box.default.getInstance($spinButtons.eq(0));
                        const spinDown = _m_number_box.default.getInstance($spinButtons.eq(1));
                        const options = this._getOptions();
                        spinUp.option(options);
                        spinDown.option(options);
                        this._legacyRender($editor, isTouchFriendly, isVisible)
                    }
                }
            }
            exports.default = SpinButtons
        },
        8758(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.splitByIndex = exports.roundFloatPartPercentValue = exports.getRealSeparatorIndex = exports.getNthOccurrence = exports.adjustPercentValue = void 0;
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            exports.getRealSeparatorIndex = function(str) {
                let quoteBalance = 0;
                let separatorCount = 0;
                for (let i = 0; i < str.length; ++i) {
                    if ("'" === str[i]) {
                        quoteBalance++
                    }
                    if ("." === str[i]) {
                        ++separatorCount;
                        if (quoteBalance % 2 === 0) {
                            return {
                                occurrence: separatorCount,
                                index: i
                            }
                        }
                    }
                }
                return {
                    occurrence: 1,
                    index: -1
                }
            };
            exports.getNthOccurrence = function(str, c, n) {
                let i = -1;
                while (n-- && i++ < str.length) {
                    i = str.indexOf(c, i)
                }
                return i
            };
            exports.splitByIndex = function(str, index) {
                if (-1 === index) {
                    return [str]
                }
                return [str.slice(0, index), str.slice(index + 1)]
            };
            exports.adjustPercentValue = function(rawValue, interval) {
                if (!rawValue) {
                    return rawValue
                }
                return (0, _math.adjust)(rawValue / 100, interval / 100)
            };
            exports.roundFloatPartPercentValue = function(rawValue, precision) {
                if (!rawValue) {
                    return rawValue
                }
                return (0, _math.roundFloatPart)(rawValue / 100, precision)
            }
        },
        79384(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.OVERLAY_CONTENT_CLASS = void 0;
            var _animation = __webpack_require__( /*! ../../../common/core/animation */ 16826);
            var _hide_callback = __webpack_require__( /*! ../../../common/core/environment/hide_callback */ 83916);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _drag = __webpack_require__( /*! ../../../common/core/events/drag */ 59144);
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _short = __webpack_require__( /*! ../../../common/core/events/short */ 42222);
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _visibility_change = __webpack_require__( /*! ../../../common/core/events/visibility_change */ 18029);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../../core/errors */ 87129));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _empty_template = __webpack_require__( /*! ../../../core/templates/empty_template */ 48650);
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/browser */ 48314));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _ready_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/ready_callbacks */ 3122));
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _view_port = __webpack_require__( /*! ../../../core/utils/view_port */ 55355);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _m_dom = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_dom */ 76400));
            var _m_selectors = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_selectors */ 62238));
            var _m_window = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_window */ 14470));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _overlay_position_controller = __webpack_require__( /*! ../../ui/overlay/overlay_position_controller */ 46967);
            var zIndexPool = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../ui/overlay/z_index */ 27869));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ready = _ready_callbacks.default.add;
            const window = _m_window.default.getWindow();
            const viewPortChanged = _view_port.changeCallback;
            const OVERLAY_STACK = [];
            const OVERLAY_CONTENT_CLASS = exports.OVERLAY_CONTENT_CLASS = "dx-overlay-content";
            ready(() => {
                _events_engine.default.subscribeGlobal(_dom_adapter.default.getDocument(), _pointer.default.down, e => {
                    for (let i = OVERLAY_STACK.length - 1; i >= 0; i -= 1) {
                        var _OVERLAY_STACK$i$_pro, _OVERLAY_STACK$i;
                        if (!(null !== (_OVERLAY_STACK$i$_pro = (_OVERLAY_STACK$i = OVERLAY_STACK[i])._proxiedDocumentDownHandler) && void 0 !== _OVERLAY_STACK$i$_pro && _OVERLAY_STACK$i$_pro.call(_OVERLAY_STACK$i, e))) {
                            return
                        }
                    }
                })
            });
            class Overlay extends _widget.default {
                _supportedKeys() {
                    return Object.assign({}, super._supportedKeys(), {
                        escape() {
                            this.hide()
                        }
                    })
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        activeStateEnabled: false,
                        visible: false,
                        deferRendering: true,
                        shading: true,
                        shadingColor: "",
                        wrapperAttr: {},
                        position: Object.assign({}, _overlay_position_controller.OVERLAY_POSITION_ALIASES.center),
                        width: "80vw",
                        minWidth: null,
                        maxWidth: null,
                        height: "80vh",
                        minHeight: null,
                        maxHeight: null,
                        animation: {
                            show: {
                                type: "pop",
                                duration: 300,
                                from: {
                                    scale: .55
                                }
                            },
                            hide: {
                                type: "pop",
                                duration: 300,
                                from: {
                                    opacity: 1,
                                    scale: 1
                                },
                                to: {
                                    opacity: 0,
                                    scale: .55
                                }
                            }
                        },
                        hideOnOutsideClick: false,
                        onShowing: null,
                        onShown: null,
                        onHiding: null,
                        onHidden: null,
                        contentTemplate: "content",
                        innerOverlay: false,
                        restorePosition: true,
                        hideOnParentScroll: false,
                        preventScrollEvents: true,
                        onPositioned: null,
                        propagateOutsideClick: false,
                        ignoreChildEvents: true,
                        _checkParentVisibility: true,
                        _fixWrapperPosition: false,
                        _loopFocus: false,
                        _ignorePreventScrollEventsDeprecation: false,
                        hideTopOverlayHandler: () => {
                            this.hide()
                        }
                    })
                }
                _defaultOptionsRules() {
                    const rules = [...super._defaultOptionsRules(), {
                        device: () => !_m_window.default.hasWindow(),
                        options: {
                            width: null,
                            height: null,
                            animation: null,
                            _checkParentVisibility: false
                        }
                    }];
                    return rules
                }
                _setOptionsByReference() {
                    super._setOptionsByReference();
                    this._optionsByReference = Object.assign({}, this._optionsByReference, {
                        animation: true
                    })
                }
                $wrapper() {
                    return this._$wrapper
                }
                _eventBindingTarget() {
                    return this._$content
                }
                ctor(element, options) {
                    super.ctor(element, options);
                    if (options) {
                        if ("preventScrollEvents" in options && !options._ignorePreventScrollEventsDeprecation) {
                            this._logDeprecatedPreventScrollEventsInfo()
                        }
                    }
                }
                _logDeprecatedPreventScrollEventsInfo() {
                    this._logDeprecatedOptionWarning("preventScrollEvents", {
                        since: "23.1",
                        message: "If you enable this option, end-users may experience scrolling issues."
                    })
                }
                _init() {
                    super._init();
                    this._initActions();
                    this._initHideOnOutsideClickHandler();
                    this._initTabTerminatorHandler();
                    this._customWrapperClass = null;
                    this._$wrapper = (0, _renderer.default)("<div>").addClass("dx-overlay-wrapper");
                    this._$content = (0, _renderer.default)("<div>").addClass(OVERLAY_CONTENT_CLASS);
                    this._initInnerOverlayClass();
                    const $element = this.$element();
                    $element.addClass("dx-overlay");
                    this._$wrapper.attr("data-bind", "dxControlsDescendantBindings: true");
                    this._toggleViewPortSubscription(true);
                    const {
                        hideTopOverlayHandler: hideTopOverlayHandler
                    } = this.option();
                    this._initHideTopOverlayHandler(hideTopOverlayHandler);
                    this._parentsScrollSubscriptionInfo = {
                        handler: e => {
                            this._hideOnParentsScrollHandler(e)
                        }
                    };
                    this.warnPositionAsFunction()
                }
                warnPositionAsFunction() {
                    const {
                        position: position
                    } = this.option();
                    if ((0, _type.isFunction)(position)) {
                        _errors.default.log("W0018")
                    }
                }
                _initInnerOverlayClass() {
                    var _this$_$content;
                    const {
                        innerOverlay: innerOverlay
                    } = this.option();
                    null === (_this$_$content = this._$content) || void 0 === _this$_$content || _this$_$content.toggleClass("dx-inner-overlay", innerOverlay)
                }
                _initHideTopOverlayHandler(handler) {
                    if (handler) {
                        this._hideTopOverlayHandler = handler
                    }
                }
                _getActionsList() {
                    return ["onShowing", "onShown", "onHiding", "onHidden", "onPositioned", "onVisualPositionChanged"]
                }
                _initActions() {
                    this._actions = {};
                    const actions = this._getActionsList();
                    (0, _iterator.each)(actions, (_, action) => {
                        if (this._actions) {
                            this._actions[action] = this._createActionByOption(action, {
                                excludeValidators: ["disabled", "readOnly"]
                            }) || _common.noop
                        }
                    })
                }
                _initHideOnOutsideClickHandler() {
                    this._proxiedDocumentDownHandler = e => this._documentDownHandler(e)
                }
                _initMarkup() {
                    super._initMarkup();
                    this._renderWrapperAttributes();
                    this._initPositionController()
                }
                _documentDownHandler(e) {
                    var _this$_$content2, _this$_$content3;
                    if (this._showAnimationProcessing) {
                        this._stopAnimation()
                    }
                    const {
                        target: target
                    } = e;
                    const $target = (0, _renderer.default)(target);
                    const isTargetDocument = _m_dom.default.contains(window.document, target);
                    const isAttachedTarget = (0, _renderer.default)(window.document).is($target) || isTargetDocument;
                    const isInnerOverlay = this._isTargetInLowerInnerOverlay($target);
                    const isTargetContent = null === (_this$_$content2 = this._$content) || void 0 === _this$_$content2 ? void 0 : _this$_$content2.is($target);
                    const content = null === (_this$_$content3 = this._$content) || void 0 === _this$_$content3 ? void 0 : _this$_$content3.get(0);
                    const isTargetInContent = content ? _m_dom.default.contains(content, target) : false;
                    const isOutsideClick = isAttachedTarget && !isInnerOverlay && !(isTargetContent || isTargetInContent);
                    if (isOutsideClick && this._shouldHideOnOutsideClick(e)) {
                        this._outsideClickHandler(e)
                    }
                    const {
                        propagateOutsideClick: propagateOutsideClick
                    } = this.option();
                    return Boolean(propagateOutsideClick)
                }
                _shouldHideOnOutsideClick(e) {
                    const {
                        hideOnOutsideClick: hideOnOutsideClick
                    } = this.option();
                    if ((0, _type.isFunction)(hideOnOutsideClick)) {
                        return hideOnOutsideClick(e)
                    }
                    return Boolean(hideOnOutsideClick)
                }
                _outsideClickHandler(e) {
                    const {
                        shading: shading
                    } = this.option();
                    if (shading) {
                        e.preventDefault()
                    }
                    this.hide()
                }
                _isTargetInLowerInnerOverlay($target) {
                    const $closestInnerOverlay = $target.closest(".dx-inner-overlay");
                    if (!$closestInnerOverlay.length) {
                        return false
                    }
                    const overlayStack = this._overlayStack();
                    const innerOverlayElement = $closestInnerOverlay.get(0);
                    const thisIndex = overlayStack.indexOf(this);
                    for (let i = 0; i < overlayStack.length; i += 1) {
                        var _overlayStack$i$_$con;
                        if ((null === (_overlayStack$i$_$con = overlayStack[i]._$content) || void 0 === _overlayStack$i$_$con ? void 0 : _overlayStack$i$_$con.get(0)) === innerOverlayElement) {
                            return thisIndex <= i
                        }
                    }
                    return true
                }
                _getAnonymousTemplateName() {
                    return "content"
                }
                _initTemplates() {
                    this._templateManager.addDefaultTemplates({
                        content: new _empty_template.EmptyTemplate
                    });
                    super._initTemplates()
                }
                _isTopOverlay() {
                    const overlayStack = this._overlayStack();
                    for (let i = overlayStack.length - 1; i >= 0; i -= 1) {
                        const tabbableElements = overlayStack[i]._findTabbableBounds();
                        if (tabbableElements.$first || tabbableElements.$last) {
                            return overlayStack[i] === this
                        }
                    }
                    return false
                }
                _overlayStack() {
                    return OVERLAY_STACK
                }
                _zIndexInitValue() {
                    return Overlay.baseZIndex()
                }
                _toggleViewPortSubscription(toggle) {
                    if (this._viewPortChangeHandle) {
                        viewPortChanged.remove(this._viewPortChangeHandle)
                    }
                    if (toggle) {
                        this._viewPortChangeHandle = () => {
                            this._viewPortChangeHandler()
                        };
                        viewPortChanged.add(this._viewPortChangeHandle)
                    }
                }
                _viewPortChangeHandler() {
                    const {
                        container: container
                    } = this.option();
                    this._positionController.updateContainer(container);
                    this._refresh()
                }
                _renderWrapperAttributes() {
                    const {
                        wrapperAttr: wrapperAttr
                    } = this.option();
                    const attributes = Object.assign({}, wrapperAttr);
                    const classNames = attributes.class;
                    delete attributes.class;
                    const $wrapper = this.$wrapper();
                    null === $wrapper || void 0 === $wrapper || $wrapper.attr(attributes);
                    if (this._customWrapperClass) {
                        null === $wrapper || void 0 === $wrapper || $wrapper.removeClass(this._customWrapperClass)
                    }
                    null === $wrapper || void 0 === $wrapper || $wrapper.addClass(classNames);
                    this._customWrapperClass = classNames
                }
                _renderVisibilityAnimate(visible) {
                    this._stopAnimation();
                    return visible ? this._show() : this._hide()
                }
                _getAnimationConfig() {
                    return this._getOptionValue("animation", this) ?? {}
                }
                _toggleBodyScroll(enabled) {}
                _animateShowing() {
                    const animation = this._getAnimationConfig();
                    const showAnimation = this._normalizeAnimation(animation.show, "to");
                    const startShowAnimation = (null === showAnimation || void 0 === showAnimation ? void 0 : showAnimation.start) ?? _common.noop;
                    const completeShowAnimation = (null === showAnimation || void 0 === showAnimation ? void 0 : showAnimation.complete) ?? _common.noop;
                    this._animate(showAnimation, (element, config) => {
                        var _this$_actions, _this$_actions$onShow;
                        if (this._isAnimationPaused) {
                            return
                        }
                        const {
                            focusStateEnabled: focusStateEnabled
                        } = this.option();
                        if (focusStateEnabled) {
                            _events_engine.default.trigger(this._focusTarget(), "focus")
                        }
                        completeShowAnimation.call(this, element, config);
                        this._showAnimationProcessing = false;
                        this._isHidden = false;
                        null === (_this$_actions = this._actions) || void 0 === _this$_actions || null === (_this$_actions$onShow = _this$_actions.onShown) || void 0 === _this$_actions$onShow || _this$_actions$onShow.call(_this$_actions);
                        this._toggleSafariScrolling();
                        this._showingDeferred.resolve()
                    }, (element, config) => {
                        if (this._isAnimationPaused) {
                            return
                        }
                        startShowAnimation.call(this, element, config);
                        this._showAnimationProcessing = true
                    })
                }
                _processShowingHidingCancel(cancelArg, applyFunction, cancelFunction) {
                    if ((0, _type.isPromise)(cancelArg)) {
                        cancelArg.then(shouldCancel => {
                            if (shouldCancel) {
                                cancelFunction()
                            } else {
                                applyFunction()
                            }
                        }).catch(() => applyFunction())
                    } else if (cancelArg) {
                        cancelFunction()
                    } else {
                        applyFunction()
                    }
                }
                _show() {
                    this._showingDeferred = (0, _deferred.Deferred)();
                    this._parentHidden = this._isParentHidden();
                    this._showingDeferred.done(() => {
                        delete this._parentHidden
                    });
                    if (this._parentHidden) {
                        this._isHidden = true;
                        return this._showingDeferred.resolve()
                    }
                    if (this._currentVisible) {
                        return (0, _deferred.Deferred)().resolve().promise()
                    }
                    this._currentVisible = true;
                    if (this._isHidingActionCanceled) {
                        delete this._isHidingActionCanceled;
                        this._showingDeferred.reject()
                    } else {
                        const show = () => {
                            var _this$_$content4, _this$_$content5, _this$_actions2, _this$_actions2$onSho;
                            this._stopAnimation();
                            const {
                                enableBodyScroll: enableBodyScroll
                            } = this.option();
                            this._toggleBodyScroll(enableBodyScroll);
                            this._toggleVisibility(true);
                            null === (_this$_$content4 = this._$content) || void 0 === _this$_$content4 || _this$_$content4.css("visibility", "hidden");
                            null === (_this$_$content5 = this._$content) || void 0 === _this$_$content5 || _this$_$content5.toggleClass("dx-state-invisible", false);
                            this._updateZIndexStackPosition(true);
                            this._positionController.openingHandled();
                            this._renderContent();
                            const showingArgs = {
                                cancel: false
                            };
                            null === (_this$_actions2 = this._actions) || void 0 === _this$_actions2 || null === (_this$_actions2$onSho = _this$_actions2.onShowing) || void 0 === _this$_actions2$onSho || _this$_actions2$onSho.call(_this$_actions2, showingArgs);
                            this._processShowingHidingCancel(showingArgs.cancel, () => {
                                var _this$_$content8;
                                null === (_this$_$content8 = this._$content) || void 0 === _this$_$content8 || _this$_$content8.css("visibility", "");
                                this._renderVisibility(true);
                                this._animateShowing()
                            }, () => {
                                var _this$_$content6, _this$_$content7;
                                this._toggleVisibility(false);
                                null === (_this$_$content6 = this._$content) || void 0 === _this$_$content6 || _this$_$content6.css("visibility", "");
                                null === (_this$_$content7 = this._$content) || void 0 === _this$_$content7 || _this$_$content7.toggleClass("dx-state-invisible", true);
                                this._isShowingActionCanceled = true;
                                this._moveFromContainer();
                                this._toggleBodyScroll(true);
                                this.option("visible", false);
                                this._showingDeferred.resolve()
                            })
                        };
                        show()
                    }
                    return this._showingDeferred.promise()
                }
                _normalizeAnimation(showHideConfig, direction) {
                    if (!showHideConfig) {
                        return
                    }
                    const configuration = Object.assign({
                        type: "slide",
                        skipElementInitialStyles: true
                    }, showHideConfig);
                    if ((0, _type.isObject)(configuration[direction])) {
                        (0, _extend.extend)(configuration[direction], {
                            position: this._positionController.position
                        })
                    }
                    return configuration
                }
                _animateHiding() {
                    const animation = this._getAnimationConfig();
                    const hideAnimation = this._normalizeAnimation(animation.hide, "from");
                    const startHideAnimation = (null === hideAnimation || void 0 === hideAnimation ? void 0 : hideAnimation.start) ?? _common.noop;
                    const completeHideAnimation = (null === hideAnimation || void 0 === hideAnimation ? void 0 : hideAnimation.complete) ?? _common.noop;
                    this._animate(hideAnimation, (element, config) => {
                        var _this$_$content9, _this$_actions3, _this$_actions3$onHid;
                        null === (_this$_$content9 = this._$content) || void 0 === _this$_$content9 || _this$_$content9.css("pointerEvents", "");
                        this._renderVisibility(false);
                        completeHideAnimation.call(this, element, config);
                        this._hideAnimationProcessing = false;
                        null === (_this$_actions3 = this._actions) || void 0 === _this$_actions3 || null === (_this$_actions3$onHid = _this$_actions3.onHidden) || void 0 === _this$_actions3$onHid || _this$_actions3$onHid.call(_this$_actions3);
                        this._hidingDeferred.resolve()
                    }, (element, config) => {
                        var _this$_$content0;
                        null === (_this$_$content0 = this._$content) || void 0 === _this$_$content0 || _this$_$content0.css("pointerEvents", "none");
                        startHideAnimation.call(this, element, config);
                        this._hideAnimationProcessing = true
                    })
                }
                _hide() {
                    if (!this._currentVisible) {
                        return (0, _deferred.Deferred)().resolve().promise()
                    }
                    this._currentVisible = false;
                    this._hidingDeferred = (0, _deferred.Deferred)();
                    const hidingArgs = {
                        cancel: false
                    };
                    if (this._isShowingActionCanceled) {
                        delete this._isShowingActionCanceled;
                        this._hidingDeferred.reject()
                    } else {
                        var _this$_actions4, _this$_actions4$onHid;
                        null === (_this$_actions4 = this._actions) || void 0 === _this$_actions4 || null === (_this$_actions4$onHid = _this$_actions4.onHiding) || void 0 === _this$_actions4$onHid || _this$_actions4$onHid.call(_this$_actions4, hidingArgs);
                        this._toggleSafariScrolling();
                        this._toggleBodyScroll(true);
                        const cancelHide = () => {
                            this._isHidingActionCanceled = true;
                            const {
                                enableBodyScroll: enableBodyScroll
                            } = this.option();
                            this._toggleBodyScroll(enableBodyScroll);
                            this.option("visible", true);
                            this._hidingDeferred.resolve()
                        };
                        const applyHide = () => {
                            this._forceFocusLost();
                            this._toggleShading(false);
                            this._toggleSubscriptions(false);
                            this._animateHiding()
                        };
                        this._processShowingHidingCancel(hidingArgs.cancel, applyHide, cancelHide)
                    }
                    return this._hidingDeferred.promise()
                }
                _forceFocusLost() {
                    var _this$_$content1;
                    const activeElement = _dom_adapter.default.getActiveElement();
                    const shouldResetActiveElement = !!(null !== (_this$_$content1 = this._$content) && void 0 !== _this$_$content1 && _this$_$content1.find(activeElement).length);
                    if (shouldResetActiveElement) {
                        _m_dom.default.resetActiveElement()
                    }
                }
                _animate(animation, completeCallback, startCallback) {
                    if (animation) {
                        const actualStartCallback = startCallback ?? animation.start ?? _common.noop;
                        const configuration = Object.assign({}, animation, {
                            start: actualStartCallback,
                            complete: completeCallback
                        });
                        if (this._$content) {
                            _animation.fx.animate(this._$content.get(0), configuration)
                        }
                    } else {
                        completeCallback()
                    }
                }
                _stopAnimation() {
                    if (this._$content) {
                        _animation.fx.stop(this._$content.get(0), true)
                    }
                }
                _renderVisibility(visible) {
                    if (visible && this._isParentHidden()) {
                        return
                    }
                    this._currentVisible = visible;
                    this._stopAnimation();
                    if (!visible) {
                        (0, _visibility_change.triggerHidingEvent)(this._$content)
                    }
                    if (visible) {
                        this._checkContainerExists();
                        this._moveToContainer();
                        this._renderGeometry();
                        (0, _visibility_change.triggerShownEvent)(this._$content);
                        (0, _visibility_change.triggerResizeEvent)(this._$content)
                    } else {
                        var _this$_$content10;
                        this._toggleVisibility(visible);
                        null === (_this$_$content10 = this._$content) || void 0 === _this$_$content10 || _this$_$content10.toggleClass("dx-state-invisible", !visible);
                        this._updateZIndexStackPosition(visible);
                        this._moveFromContainer()
                    }
                    this._toggleShading(visible);
                    this._toggleSubscriptions(visible)
                }
                _handleZIndexOptionChanged() {
                    const {
                        zIndex: zIndex
                    } = this.option();
                    this._zIndex = zIndex ?? zIndexPool.create(this._zIndexInitValue());
                    this._updateZIndexStackPosition(this._isVisible())
                }
                _updateZIndexStackPosition(pushToStack) {
                    const overlayStack = this._overlayStack();
                    const index = overlayStack.indexOf(this);
                    const isInStack = -1 !== index;
                    const {
                        zIndex: zIndex
                    } = this.option();
                    if (!pushToStack) {
                        if (isInStack) {
                            overlayStack.splice(index, 1);
                            zIndexPool.remove(this._zIndex)
                        }
                        return
                    }
                    if (!isInStack) {
                        this._zIndex = zIndex ?? zIndexPool.create(this._zIndexInitValue());
                        overlayStack.push(this)
                    }
                    this._updateZIndex()
                }
                _updateZIndex() {
                    var _this$_$wrapper, _this$_$content11;
                    null === (_this$_$wrapper = this._$wrapper) || void 0 === _this$_$wrapper || _this$_$wrapper.css("zIndex", this._zIndex);
                    null === (_this$_$content11 = this._$content) || void 0 === _this$_$content11 || _this$_$content11.css("zIndex", this._zIndex)
                }
                _toggleShading(visible) {
                    var _this$_$wrapper2, _this$_$wrapper3;
                    const {
                        shading: shading,
                        shadingColor: shadingColor
                    } = this.option();
                    null === (_this$_$wrapper2 = this._$wrapper) || void 0 === _this$_$wrapper2 || _this$_$wrapper2.toggleClass("dx-overlay-shader", visible && shading);
                    null === (_this$_$wrapper3 = this._$wrapper) || void 0 === _this$_$wrapper3 || _this$_$wrapper3.css("backgroundColor", shading ? shadingColor ?? "" : "");
                    this._toggleTabTerminator(Boolean(visible && shading))
                }
                _initTabTerminatorHandler() {
                    this._proxiedTabTerminatorHandler = e => {
                        this._tabKeyHandler(e)
                    }
                }
                _toggleTabTerminator(enabled) {
                    const {
                        _loopFocus: _loopFocus
                    } = this.option();
                    const eventName = (0, _utils.addNamespace)("keydown", this.NAME);
                    if (_loopFocus || enabled) {
                        _events_engine.default.on(_dom_adapter.default.getDocument(), eventName, this._proxiedTabTerminatorHandler)
                    } else {
                        this._destroyTabTerminator()
                    }
                }
                _destroyTabTerminator() {
                    const eventName = (0, _utils.addNamespace)("keydown", this.NAME);
                    _events_engine.default.off(_dom_adapter.default.getDocument(), eventName, this._proxiedTabTerminatorHandler)
                }
                _findTabbableBounds() {
                    var _this$_$wrapper4;
                    const $elements = null === (_this$_$wrapper4 = this._$wrapper) || void 0 === _this$_$wrapper4 ? void 0 : _this$_$wrapper4.find("*");
                    const elementsCount = ((null === $elements || void 0 === $elements ? void 0 : $elements.length) ?? 0) - 1;
                    let $first = null;
                    let $last = null;
                    for (let i = 0; i <= elementsCount; i += 1) {
                        const $currentElement = (null === $elements || void 0 === $elements ? void 0 : $elements.eq(i)) ?? null;
                        const $reverseElement = (null === $elements || void 0 === $elements ? void 0 : $elements.eq(elementsCount - i)) ?? null;
                        if (!$first && $currentElement.is(_m_selectors.default.tabbable)) {
                            $first = $currentElement
                        }
                        if (!$last && $reverseElement.is(_m_selectors.default.tabbable)) {
                            $last = $reverseElement
                        }
                        if ($first && $last) {
                            break
                        }
                    }
                    return {
                        $first: $first,
                        $last: $last
                    }
                }
                _tabKeyHandler(e) {
                    var _this$_$wrapper5;
                    if ("tab" !== (0, _utils.normalizeKeyName)(e) || !this._isTopOverlay()) {
                        return
                    }
                    const wrapper = null === (_this$_$wrapper5 = this._$wrapper) || void 0 === _this$_$wrapper5 ? void 0 : _this$_$wrapper5.get(0);
                    const activeElement = _dom_adapter.default.getActiveElement(wrapper);
                    const {
                        $first: $firstTabbable,
                        $last: $lastTabbable
                    } = this._findTabbableBounds();
                    const isTabOnLast = !e.shiftKey && activeElement === (null === $lastTabbable || void 0 === $lastTabbable ? void 0 : $lastTabbable.get(0));
                    const isShiftTabOnFirst = e.shiftKey && activeElement === (null === $firstTabbable || void 0 === $firstTabbable ? void 0 : $firstTabbable.get(0));
                    const isOutsideTarget = !_m_dom.default.contains(wrapper, activeElement);
                    const shouldPreventDefault = isTabOnLast || isShiftTabOnFirst || isOutsideTarget;
                    if (shouldPreventDefault) {
                        e.preventDefault();
                        const $focusElement = e.shiftKey ? $lastTabbable : $firstTabbable;
                        _events_engine.default.trigger($focusElement, "focusin");
                        _events_engine.default.trigger($focusElement, "focus")
                    }
                }
                _toggleSubscriptions(enabled) {
                    if (_m_window.default.hasWindow()) {
                        this._toggleHideTopOverlayCallback(enabled);
                        this._toggleHideOnParentsScrollSubscription(enabled)
                    }
                }
                _toggleHideTopOverlayCallback(subscribe) {
                    if (!this._hideTopOverlayHandler) {
                        return
                    }
                    if (subscribe) {
                        _hide_callback.hideCallback.add(this._hideTopOverlayHandler)
                    } else {
                        _hide_callback.hideCallback.remove(this._hideTopOverlayHandler)
                    }
                }
                _toggleHideOnParentsScrollSubscription(needSubscribe) {
                    const scrollEvent = (0, _utils.addNamespace)("scroll", this.NAME);
                    const info = this._parentsScrollSubscriptionInfo ?? {};
                    const {
                        prevTargets: prevTargets,
                        handler: handler
                    } = info;
                    _events_engine.default.off(prevTargets, scrollEvent, handler);
                    const {
                        hideOnParentScroll: hideOnParentScroll
                    } = this.option();
                    if (needSubscribe && hideOnParentScroll) {
                        var _this$_getHideOnParen;
                        let $parents = null === (_this$_getHideOnParen = this._getHideOnParentScrollTarget()) || void 0 === _this$_getHideOnParen ? void 0 : _this$_getHideOnParen.parents();
                        if ("desktop" === _devices.default.real().deviceType) {
                            var _$parents;
                            $parents = null === (_$parents = $parents) || void 0 === _$parents ? void 0 : _$parents.add(window)
                        }
                        _events_engine.default.on($parents, scrollEvent, handler);
                        this._parentsScrollSubscriptionInfo = Object.assign({}, info, {
                            prevTargets: $parents
                        })
                    }
                }
                _hideOnParentsScrollHandler(e) {
                    let hideHandled = false;
                    const {
                        hideOnParentScroll: hideOnParentScroll
                    } = this.option();
                    if ((0, _type.isFunction)(hideOnParentScroll)) {
                        hideHandled = hideOnParentScroll(e)
                    }
                    if (!hideHandled && !this._showAnimationProcessing) {
                        this.hide()
                    }
                }
                _getHideOnParentScrollTarget() {
                    const {
                        _hideOnParentScrollTarget: _hideOnParentScrollTarget
                    } = this.option();
                    const $hideOnParentScrollTarget = (0, _renderer.default)(_hideOnParentScrollTarget);
                    if ($hideOnParentScrollTarget.length) {
                        return $hideOnParentScrollTarget
                    }
                    return this._$wrapper
                }
                _render() {
                    super._render();
                    this._appendContentToElement();
                    this._renderVisibilityAnimate(this._isVisible())
                }
                _appendContentToElement() {
                    var _this$_$content12;
                    if (!(null !== (_this$_$content12 = this._$content) && void 0 !== _this$_$content12 && _this$_$content12.parent().is(this.$element()))) {
                        var _this$_$content13;
                        null === (_this$_$content13 = this._$content) || void 0 === _this$_$content13 || _this$_$content13.appendTo(this.$element())
                    }
                }
                _renderContent() {
                    const {
                        deferRendering: deferRendering
                    } = this.option();
                    const shouldDeferRendering = !this._currentVisible && deferRendering;
                    const isParentHidden = this._isVisible() && this._isParentHidden();
                    if (isParentHidden) {
                        this._isHidden = true;
                        return
                    }
                    if (this._contentAlreadyRendered || shouldDeferRendering) {
                        return
                    }
                    this._contentAlreadyRendered = true;
                    this._appendContentToElement();
                    super._renderContent()
                }
                _isParentHidden() {
                    const {
                        _checkParentVisibility: _checkParentVisibility
                    } = this.option();
                    if (!_checkParentVisibility) {
                        return false
                    }
                    if (void 0 !== this._parentHidden) {
                        return this._parentHidden
                    }
                    const $parent = this.$element().parent();
                    if ($parent.is(":visible")) {
                        return false
                    }
                    let isHidden = false;
                    $parent.add($parent.parents()).each((index, element) => {
                        const $element = (0, _renderer.default)(element);
                        if ("none" === $element.css("display")) {
                            isHidden = true;
                            return false
                        }
                        return
                    });
                    return isHidden || !_dom_adapter.default.getBody().contains($parent.get(0))
                }
                _renderContentImpl() {
                    const {
                        contentTemplate: contentTemplateOption
                    } = this.option();
                    const whenContentRendered = (0, _deferred.Deferred)();
                    const contentTemplate = this._getTemplate(contentTemplateOption);
                    const transclude = this._templateManager.anonymousTemplateName === contentTemplateOption;
                    null === contentTemplate || void 0 === contentTemplate || contentTemplate.render({
                        container: this.content(),
                        noModel: true,
                        transclude: transclude,
                        onRendered: () => {
                            whenContentRendered.resolve();
                            const {
                                templatesRenderAsynchronously: templatesRenderAsynchronously
                            } = this.option();
                            if (templatesRenderAsynchronously) {
                                this._dimensionChanged()
                            }
                        }
                    });
                    const {
                        preventScrollEvents: preventScrollEvents
                    } = this.option();
                    this._toggleWrapperScrollEventsSubscription(preventScrollEvents);
                    whenContentRendered.done(() => {
                        this._processContentRendering()
                    });
                    return whenContentRendered.promise()
                }
                _processContentRendering() {
                    if (this._isVisible()) {
                        this._moveToContainer()
                    }
                }
                _getPositionControllerConfig() {
                    var _this$_actions5, _this$_actions6;
                    const {
                        container: container,
                        visualContainer: visualContainer,
                        restorePosition: restorePosition,
                        _fixWrapperPosition: _fixWrapperPosition,
                        _skipContentPositioning: _skipContentPositioning
                    } = this.option();
                    const properties = {
                        container: container,
                        visualContainer: visualContainer,
                        restorePosition: restorePosition,
                        _fixWrapperPosition: _fixWrapperPosition,
                        _skipContentPositioning: _skipContentPositioning,
                        onPositioned: null === (_this$_actions5 = this._actions) || void 0 === _this$_actions5 ? void 0 : _this$_actions5.onPositioned,
                        onVisualPositionChanged: null === (_this$_actions6 = this._actions) || void 0 === _this$_actions6 ? void 0 : _this$_actions6.onVisualPositionChanged
                    };
                    const elements = {
                        $root: this.$element(),
                        $content: this._$content,
                        $wrapper: this._$wrapper
                    };
                    const positionControllerConfiguration = {
                        properties: properties,
                        elements: elements
                    };
                    return positionControllerConfiguration
                }
                _initPositionController() {
                    this._positionController = new _overlay_position_controller.OverlayPositionController(this._getPositionControllerConfig())
                }
                _toggleWrapperScrollEventsSubscription(enabled) {
                    const eventName = (0, _utils.addNamespace)(_drag.move, this.NAME);
                    _events_engine.default.off(this._$wrapper, eventName);
                    if (enabled) {
                        const callback = e => {
                            const {
                                originalEvent: originalEvent
                            } = e.originalEvent;
                            const {
                                type: type
                            } = originalEvent ?? {};
                            const isWheel = "wheel" === type;
                            const isMouseMove = "mousemove" === type;
                            const isScrollByWheel = isWheel && (0, _utils.isCommandKeyPressed)(e);
                            e._cancelPreventDefault = true;
                            if (originalEvent && false !== e.cancelable && !(isMouseMove || isScrollByWheel)) {
                                e.preventDefault()
                            }
                        };
                        const options = {
                            validate: () => true,
                            getDirection: () => "both",
                            _toggleGestureCover(toggle) {
                                if (!toggle) {
                                    this._toggleGestureCoverImpl(toggle)
                                }
                            },
                            _clearSelection: _common.noop,
                            isNative: true
                        };
                        _events_engine.default.on(this._$wrapper, eventName, options, callback)
                    }
                }
                _moveFromContainer() {
                    var _this$_$content14, _this$_$wrapper6;
                    null === (_this$_$content14 = this._$content) || void 0 === _this$_$content14 || _this$_$content14.appendTo(this.$element());
                    null === (_this$_$wrapper6 = this._$wrapper) || void 0 === _this$_$wrapper6 || _this$_$wrapper6.detach()
                }
                _checkContainerExists() {
                    const $wrapperContainer = this._positionController.$container;
                    if (void 0 === $wrapperContainer) {
                        return
                    }
                    const containerExists = $wrapperContainer.length > 0;
                    if (!containerExists) {
                        _ui.default.log("W1021", this.NAME)
                    }
                }
                _moveToContainer() {
                    const $wrapperContainer = this._positionController.$container;
                    if (void 0 !== $wrapperContainer) {
                        var _this$_$wrapper7;
                        null === (_this$_$wrapper7 = this._$wrapper) || void 0 === _this$_$wrapper7 || _this$_$wrapper7.appendTo($wrapperContainer)
                    }
                    if (this._$wrapper) {
                        var _this$_$content15;
                        null === (_this$_$content15 = this._$content) || void 0 === _this$_$content15 || _this$_$content15.appendTo(this._$wrapper)
                    }
                }
                _renderGeometry() {
                    if (this._isVisible() && _m_window.default.hasWindow()) {
                        this._stopAnimation();
                        this._renderGeometryImpl()
                    }
                }
                _renderGeometryImpl() {
                    this._positionController.updatePosition(this._getOptionValue("position"));
                    this._renderWrapper();
                    this._renderDimensions();
                    this._renderPosition()
                }
                _renderPosition(state) {
                    this._positionController.positionContent()
                }
                _isAllWindowCovered() {
                    var _this$_positionContro;
                    const {
                        shading: shading
                    } = this.option();
                    const element = null === (_this$_positionContro = this._positionController.$visualContainer) || void 0 === _this$_positionContro ? void 0 : _this$_positionContro.get(0);
                    return (0, _type.isWindow)(element) && Boolean(shading)
                }
                _toggleSafariScrolling() {
                    const visible = this._isVisible();
                    const $body = (0, _renderer.default)(_dom_adapter.default.getBody());
                    const isIosSafari = "ios" === _devices.default.real().platform && _browser.default.safari;
                    const isAllWindowCovered = this._isAllWindowCovered();
                    const isScrollingPrevented = $body.hasClass("dx-prevent-safari-scrolling");
                    const shouldPreventScrolling = !isScrollingPrevented && visible && isAllWindowCovered;
                    const shouldEnableScrolling = isScrollingPrevented && (!visible || !isAllWindowCovered || this._disposed);
                    if (isIosSafari) {
                        if (shouldEnableScrolling) {
                            $body.removeClass("dx-prevent-safari-scrolling");
                            window.scrollTo(0, this._cachedBodyScrollTop);
                            this._cachedBodyScrollTop = void 0
                        } else if (shouldPreventScrolling) {
                            this._cachedBodyScrollTop = window.pageYOffset;
                            $body.addClass("dx-prevent-safari-scrolling")
                        }
                    }
                }
                _renderWrapper() {
                    this._positionController.styleWrapperPosition();
                    this._renderWrapperDimensions();
                    this._positionController.positionWrapper()
                }
                _renderWrapperDimensions() {
                    var _this$_$wrapper8;
                    const {
                        $visualContainer: $visualContainer
                    } = this._positionController;
                    const documentElement = _dom_adapter.default.getDocumentElement();
                    const isVisualContainerWindow = (0, _type.isWindow)(null === $visualContainer || void 0 === $visualContainer ? void 0 : $visualContainer.get(0));
                    const wrapperWidth = isVisualContainerWindow ? documentElement.clientWidth : (0, _size.getOuterWidth)($visualContainer);
                    const wrapperHeight = isVisualContainerWindow ? window.innerHeight : (0, _size.getOuterHeight)($visualContainer);
                    null === (_this$_$wrapper8 = this._$wrapper) || void 0 === _this$_$wrapper8 || _this$_$wrapper8.css({
                        width: wrapperWidth,
                        height: wrapperHeight
                    })
                }
                _renderDimensions() {
                    var _this$_$content16, _this$_$content17;
                    const content = null === (_this$_$content16 = this._$content) || void 0 === _this$_$content16 ? void 0 : _this$_$content16.get(0);
                    null === (_this$_$content17 = this._$content) || void 0 === _this$_$content17 || _this$_$content17.css({
                        minWidth: this._getOptionValue("minWidth", content),
                        maxWidth: this._getOptionValue("maxWidth", content),
                        minHeight: this._getOptionValue("minHeight", content),
                        maxHeight: this._getOptionValue("maxHeight", content),
                        width: this._getOptionValue("width", content),
                        height: this._getOptionValue("height", content)
                    })
                }
                _focusTarget() {
                    return this._$content
                }
                _attachKeyboardEvents() {
                    this._keyboardListenerId = _short.keyboard.on(this._$content, null, options => this._keyboardHandler(options))
                }
                _keyboardHandler(options, onlyChildProcessing) {
                    const e = options.originalEvent;
                    const $target = (0, _renderer.default)(e.target);
                    const {
                        ignoreChildEvents: ignoreChildEvents
                    } = this.option();
                    if ($target.is(this._$content ?? "") || !ignoreChildEvents) {
                        super._keyboardHandler(options, onlyChildProcessing)
                    }
                }
                _isVisible() {
                    const visible = this.option("visible");
                    return Boolean(visible)
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        if (this._isVisible()) {
                            this._renderVisibilityAnimate(visible)
                        }
                    } else {
                        this._renderVisibilityAnimate(visible)
                    }
                }
                _dimensionChanged() {
                    this._renderGeometry()
                }
                _clean() {
                    if (!this._contentAlreadyRendered) {
                        var _this$$content;
                        null === (_this$$content = this.$content()) || void 0 === _this$$content || _this$$content.empty()
                    }
                    this._renderVisibility(false);
                    this._cleanFocusState()
                }
                _dispose() {
                    var _this$_$wrapper9, _this$_$content18;
                    if (this._$content) {
                        _animation.fx.stop(this._$content.get(0), false)
                    }
                    this._toggleViewPortSubscription(false);
                    this._toggleSubscriptions(false);
                    this._updateZIndexStackPosition(false);
                    super._dispose();
                    this._toggleSafariScrolling();
                    if (this._isVisible()) {
                        zIndexPool.remove(this._zIndex)
                    }
                    this._destroyTabTerminator();
                    this._positionController.clean();
                    this._actions = {};
                    this._parentsScrollSubscriptionInfo = void 0;
                    null === (_this$_$wrapper9 = this._$wrapper) || void 0 === _this$_$wrapper9 || _this$_$wrapper9.remove();
                    null === (_this$_$content18 = this._$content) || void 0 === _this$_$content18 || _this$_$content18.remove();
                    this._$wrapper = null;
                    this._$content = null
                }
                _toggleRTLDirection(rtl) {
                    var _this$_$content19;
                    null === (_this$_$content19 = this._$content) || void 0 === _this$_$content19 || _this$_$content19.toggleClass("dx-rtl", rtl)
                }
                _optionChanged(args) {
                    const {
                        value: value,
                        name: name
                    } = args;
                    if (this._getActionsList().includes(name)) {
                        this._initActions();
                        return
                    }
                    switch (name) {
                        case "animation":
                        case "hideOnOutsideClick":
                        case "propagateOutsideClick":
                            break;
                        case "_loopFocus":
                        case "shading":
                            this._toggleShading(this._isVisible());
                            this._toggleSafariScrolling();
                            break;
                        case "shadingColor":
                            this._toggleShading(this._isVisible());
                            break;
                        case "width":
                        case "height":
                        case "minWidth":
                        case "maxWidth":
                        case "minHeight":
                        case "maxHeight":
                            this._renderGeometry();
                            break;
                        case "position": {
                            const {
                                position: position
                            } = this.option();
                            this._positionController.updatePosition(position);
                            this._positionController.restorePositionOnNextRender(true);
                            this._renderGeometry();
                            this._toggleSafariScrolling();
                            break
                        }
                        case "visible":
                            this._renderVisibilityAnimate(Boolean(value)).done(() => {
                                var _this$_animateDeferre;
                                return null === (_this$_animateDeferre = this._animateDeferred) || void 0 === _this$_animateDeferre ? void 0 : _this$_animateDeferre.resolveWith(this)
                            }).fail(() => {
                                var _this$_animateDeferre2;
                                return null === (_this$_animateDeferre2 = this._animateDeferred) || void 0 === _this$_animateDeferre2 ? void 0 : _this$_animateDeferre2.reject()
                            });
                            break;
                        case "container":
                            this._positionController.updateContainer(value);
                            this._invalidate();
                            this._toggleSafariScrolling();
                            break;
                        case "visualContainer":
                            this._positionController.updateVisualContainer(value);
                            this._renderWrapper();
                            this._toggleSafariScrolling();
                            break;
                        case "innerOverlay":
                            this._initInnerOverlayClass();
                            break;
                        case "deferRendering":
                        case "contentTemplate":
                            this._contentAlreadyRendered = false;
                            this._clean();
                            this._invalidate();
                            break;
                        case "hideTopOverlayHandler":
                            this._toggleHideTopOverlayCallback(false);
                            this._initHideTopOverlayHandler(value);
                            this._toggleHideTopOverlayCallback(this._isVisible());
                            break;
                        case "zIndex":
                            this._handleZIndexOptionChanged();
                            break;
                        case "hideOnParentScroll":
                        case "_hideOnParentScrollTarget":
                            this._toggleHideOnParentsScrollSubscription(this._isVisible());
                            break;
                        case "rtlEnabled":
                            this._contentAlreadyRendered = false;
                            super._optionChanged(args);
                            break;
                        case "_fixWrapperPosition":
                            this._positionController.fixWrapperPosition = value;
                            break;
                        case "wrapperAttr":
                            this._renderWrapperAttributes();
                            break;
                        case "restorePosition":
                            this._positionController.restorePosition = value;
                            break;
                        case "preventScrollEvents":
                            this._logDeprecatedPreventScrollEventsInfo();
                            this._toggleWrapperScrollEventsSubscription(value);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                toggle(showing) {
                    const visible = this._isVisible();
                    const isShowing = showing ?? !visible;
                    const result = (0, _deferred.Deferred)();
                    if (isShowing === visible) {
                        return result.resolveWith(this, [isShowing]).promise()
                    }
                    const animateDeferred = (0, _deferred.Deferred)();
                    this._animateDeferred = animateDeferred;
                    this.option("visible", isShowing);
                    animateDeferred.promise().done(() => {
                        delete this._animateDeferred;
                        result.resolveWith(this, [this._isVisible()])
                    }).fail(() => {
                        delete this._animateDeferred;
                        result.reject()
                    });
                    return result.promise()
                }
                $content() {
                    return this._$content
                }
                show() {
                    return this.toggle(true)
                }
                hide() {
                    return this.toggle(false)
                }
                content() {
                    return (0, _element.getPublicElement)(this._$content)
                }
                repaint() {
                    if (this._contentAlreadyRendered) {
                        this._positionController.restorePositionOnNextRender(true);
                        this._renderGeometry({
                            forceStopAnimation: true
                        });
                        (0, _visibility_change.triggerResizeEvent)(this._$content)
                    } else {
                        super.repaint()
                    }
                }
                static baseZIndex(zIndex) {
                    return zIndexPool.base(zIndex)
                }
            }(0, _component_registrator.default)("dxOverlay", Overlay);
            exports.default = Overlay
        },
        46967(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.isPositionAlignment = exports.OverlayPositionController = exports.OVERLAY_POSITION_ALIASES = void 0;
            var _position = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/animation/position */ 3030));
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _swatch_container = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/swatch_container */ 40954));
            var _m_window = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_window */ 14470));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = _m_window.default.getWindow();
            const OVERLAY_POSITION_ALIASES = exports.OVERLAY_POSITION_ALIASES = {
                top: {
                    my: "top center",
                    at: "top center"
                },
                bottom: {
                    my: "bottom center",
                    at: "bottom center"
                },
                right: {
                    my: "right center",
                    at: "right center"
                },
                left: {
                    my: "left center",
                    at: "left center"
                },
                center: {
                    my: "center",
                    at: "center"
                },
                "right bottom": {
                    my: "right bottom",
                    at: "right bottom"
                },
                "right top": {
                    my: "right top",
                    at: "right top"
                },
                "left bottom": {
                    my: "left bottom",
                    at: "left bottom"
                },
                "left top": {
                    my: "left top",
                    at: "left top"
                }
            };
            const DEFAULT_BOUNDARY_OFFSET = {
                h: 0,
                v: 0
            };
            const isPositionAlignment = position => (0, _type.isString)(position);
            exports.isPositionAlignment = isPositionAlignment;
            exports.OverlayPositionController = class {
                constructor(params) {
                    const {
                        properties: properties,
                        elements: elements
                    } = params;
                    const {
                        container: container,
                        position: position,
                        visualContainer: visualContainer
                    } = properties;
                    const {
                        $root: $root,
                        $content: $content,
                        $wrapper: $wrapper
                    } = elements;
                    this._properties = properties;
                    this._$root = $root;
                    this._$content = $content;
                    this._$wrapper = $wrapper;
                    this._$markupContainer = void 0;
                    this._$visualContainer = void 0;
                    this._shouldRenderContentInitialPosition = true;
                    this._visualPosition = void 0;
                    this._initialPosition = void 0;
                    this._previousVisualPosition = void 0;
                    this.updateContainer(container);
                    this.updatePosition(position);
                    this.updateVisualContainer(visualContainer)
                }
                get $container() {
                    this.updateContainer();
                    return this._$markupContainer
                }
                get $visualContainer() {
                    return this._$visualContainer
                }
                get position() {
                    return this._position
                }
                set fixWrapperPosition(fixWrapperPosition) {
                    this._properties._fixWrapperPosition = fixWrapperPosition;
                    this.styleWrapperPosition()
                }
                set restorePosition(restorePosition) {
                    this._properties.restorePosition = restorePosition
                }
                updatePosition(position) {
                    this._properties.position = position;
                    this._position = this._normalizePosition(position);
                    this.updateVisualContainer()
                }
                updateContainer(container) {
                    const element = container ?? this._properties.container;
                    if ((0, _type.isDefined)(container)) {
                        this._properties.container = element
                    }
                    if (element) {
                        this._$markupContainer = (0, _renderer.default)(element)
                    } else if (this._$root) {
                        this._$markupContainer = _swatch_container.default.getSwatchContainer(this._$root)
                    }
                    this.updateVisualContainer(this._properties.visualContainer)
                }
                updateVisualContainer(visualContainer) {
                    if ((0, _type.isDefined)(visualContainer)) {
                        this._properties.visualContainer = visualContainer
                    }
                    this._$visualContainer = this._getVisualContainer()
                }
                restorePositionOnNextRender(value) {
                    this._shouldRenderContentInitialPosition = value || !this._visualPosition
                }
                openingHandled() {
                    const shouldRestorePosition = Boolean(this._properties.restorePosition);
                    this.restorePositionOnNextRender(shouldRestorePosition)
                }
                detectVisualPositionChange(event) {
                    this._updateVisualPositionValue();
                    this._raisePositionedEvents(event)
                }
                positionContent() {
                    if (this._shouldRenderContentInitialPosition) {
                        this._renderContentInitialPosition()
                    } else {
                        if (this._$content) {
                            (0, _translator.move)(this._$content, this._visualPosition)
                        }
                        this.detectVisualPositionChange()
                    }
                }
                positionWrapper() {
                    if (this._$visualContainer) {
                        _position.default.setup(this._$wrapper, {
                            my: "top left",
                            at: "top left",
                            of: this._$visualContainer
                        })
                    }
                }
                styleWrapperPosition() {
                    var _this$$visualContaine, _this$_$wrapper;
                    const isContainerWindow = (0, _type.isWindow)(null === (_this$$visualContaine = this.$visualContainer) || void 0 === _this$$visualContaine ? void 0 : _this$$visualContaine.get(0));
                    const useFixed = isContainerWindow || this._properties._fixWrapperPosition;
                    const positionStyle = useFixed ? "fixed" : "absolute";
                    null === (_this$_$wrapper = this._$wrapper) || void 0 === _this$_$wrapper || _this$_$wrapper.css("position", positionStyle)
                }
                clean() {
                    this._$root = void 0;
                    this._$content = void 0;
                    this._$wrapper = void 0;
                    this._$markupContainer = void 0;
                    this._$visualContainer = void 0
                }
                _updateVisualPositionValue() {
                    this._previousVisualPosition = this._visualPosition;
                    if (this._$content) {
                        this._visualPosition = (0, _translator.locate)(this._$content)
                    }
                }
                _renderContentInitialPosition() {
                    var _this$_$wrapper2, _this$_$wrapper3, _this$_$wrapper4;
                    this._renderBoundaryOffset();
                    if (this._$content) {
                        (0, _translator.resetPosition)(this._$content)
                    }
                    const wrapperOverflow = (null === (_this$_$wrapper2 = this._$wrapper) || void 0 === _this$_$wrapper2 ? void 0 : _this$_$wrapper2.css("overflow")) ?? "";
                    null === (_this$_$wrapper3 = this._$wrapper) || void 0 === _this$_$wrapper3 || _this$_$wrapper3.css("overflow", "hidden");
                    if (!this._properties._skipContentPositioning) {
                        const resultPosition = _position.default.setup(this._$content, this._position);
                        this._initialPosition = resultPosition
                    }
                    null === (_this$_$wrapper4 = this._$wrapper) || void 0 === _this$_$wrapper4 || _this$_$wrapper4.css("overflow", wrapperOverflow);
                    this.detectVisualPositionChange()
                }
                _raisePositionedEvents(event) {
                    var _this$_properties$onP, _this$_properties2;
                    const previousPosition = this._previousVisualPosition;
                    const newPosition = this._visualPosition;
                    const isTopEqual = (null === previousPosition || void 0 === previousPosition ? void 0 : previousPosition.top) === (null === newPosition || void 0 === newPosition ? void 0 : newPosition.top);
                    const isLeftEqual = (null === previousPosition || void 0 === previousPosition ? void 0 : previousPosition.left) === (null === newPosition || void 0 === newPosition ? void 0 : newPosition.left);
                    const isVisualPositionChanged = !(isTopEqual && isLeftEqual);
                    if (isVisualPositionChanged) {
                        var _this$_properties$onV, _this$_properties;
                        null === (_this$_properties$onV = (_this$_properties = this._properties).onVisualPositionChanged) || void 0 === _this$_properties$onV || _this$_properties$onV.call(_this$_properties, {
                            event: event,
                            previousPosition: previousPosition,
                            position: newPosition
                        })
                    }
                    null === (_this$_properties$onP = (_this$_properties2 = this._properties).onPositioned) || void 0 === _this$_properties$onP || _this$_properties$onP.call(_this$_properties2, {
                        position: this._initialPosition
                    })
                }
                _renderBoundaryOffset() {
                    var _this$_position, _this$_$content;
                    const boundaryOffset = (null === (_this$_position = this._position) || void 0 === _this$_position ? void 0 : _this$_position.boundaryOffset) ?? DEFAULT_BOUNDARY_OFFSET;
                    const {
                        v: v,
                        h: h
                    } = boundaryOffset;
                    if (!(v && h)) {
                        return
                    }
                    null === (_this$_$content = this._$content) || void 0 === _this$_$content || _this$_$content.css("margin", `${boundaryOffset.v}px ${boundaryOffset.h}px`)
                }
                _getVisualContainer() {
                    var _this$_properties$pos, _this$_properties$pos2, _this$_properties$pos3;
                    const containerProp = this._properties.container;
                    const visualContainerProp = this._properties.visualContainer;
                    const positionOf = (0, _type.isEvent)(null === (_this$_properties$pos = this._properties.position) || void 0 === _this$_properties$pos ? void 0 : _this$_properties$pos.of) ? null === (_this$_properties$pos2 = this._properties.position) || void 0 === _this$_properties$pos2 || null === (_this$_properties$pos2 = _this$_properties$pos2.of) || void 0 === _this$_properties$pos2 ? void 0 : _this$_properties$pos2.target : null === (_this$_properties$pos3 = this._properties.position) || void 0 === _this$_properties$pos3 ? void 0 : _this$_properties$pos3.of;
                    if (visualContainerProp) {
                        return (0, _renderer.default)(visualContainerProp)
                    }
                    if (containerProp) {
                        return (0, _renderer.default)(containerProp)
                    }
                    if (positionOf) {
                        return (0, _renderer.default)(positionOf)
                    }
                    return (0, _renderer.default)(window)
                }
                _normalizePosition(position) {
                    const defaultConfiguration = {
                        boundaryOffset: DEFAULT_BOUNDARY_OFFSET
                    };
                    if ((0, _type.isDefined)(position)) {
                        const positionObject = this._positionToObject(position);
                        const configuration = (0, _extend.extend)(true, {}, defaultConfiguration, positionObject);
                        return configuration
                    }
                    return defaultConfiguration
                }
                _positionToObject(position) {
                    if (isPositionAlignment(position)) {
                        const configuration = Object.assign({}, OVERLAY_POSITION_ALIASES[position]);
                        return configuration
                    }
                    return position
                }
            }
        },
        37185(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getElementMaxHeightByWindow = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _m_window = __webpack_require__( /*! ../../core/utils/m_window */ 14470);
            exports.getElementMaxHeightByWindow = ($element, startLocation) => {
                const offset = $element.offset();
                if (void 0 === offset) {
                    return
                }
                const $window = (0, _renderer.default)((0, _m_window.getWindow)());
                const {
                    top: elementOffset
                } = offset;
                let actualOffset = 0;
                const windowScrollTop = $window.scrollTop();
                const windowHeight = (0, _size.getInnerHeight)($window);
                if ((0, _type.isNumeric)(startLocation)) {
                    if (startLocation < elementOffset) {
                        return elementOffset - startLocation
                    }
                    actualOffset = windowHeight - startLocation + windowScrollTop
                } else {
                    const offsetTop = elementOffset - windowScrollTop;
                    const offsetBottom = windowHeight - offsetTop - (0, _size.getOuterHeight)($element);
                    actualOffset = Math.max(offsetTop, offsetBottom)
                }
                return .9 * actualOffset
            }
        },
        27869(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.remove = exports.isLastZIndexInStack = exports.create = exports.clearStack = exports.base = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            let baseZIndex = 1500;
            let zIndexStack = [];
            exports.base = zIndex => {
                baseZIndex = (0, _common.ensureDefined)(zIndex, baseZIndex);
                return baseZIndex
            };
            exports.create = function() {
                let baseIndex = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : baseZIndex;
                const {
                    length: length
                } = zIndexStack;
                const index = (length ? zIndexStack[length - 1] : baseIndex) + 1;
                zIndexStack.push(index);
                return index
            };
            exports.remove = zIndex => {
                const position = zIndexStack.indexOf(zIndex);
                if (position >= 0) {
                    zIndexStack.splice(position, 1)
                }
            };
            exports.isLastZIndexInStack = zIndex => {
                if (zIndexStack.length) {
                    return zIndexStack[zIndexStack.length - 1] === zIndex
                }
                return false
            };
            exports.clearStack = () => {
                zIndexStack = []
            }
        },
        22085(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ../../../ui/toolbar */ 2850);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/popover/ui.popover */ 98894));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class PopoverFull extends _ui.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        preventScrollEvents: false
                    })
                }
                _getToolbarName() {
                    return "dxToolbar"
                }
            }
            exports.default = PopoverFull;
            PopoverFull.defaultOptions = function(rule) {
                _ui.default.defaultOptions(rule)
            };
            (0, _component_registrator.default)("dxPopover", PopoverFull)
        },
        7784(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _position = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/animation/position */ 3030));
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _position2 = __webpack_require__( /*! ../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _m_popup = _interopRequireDefault(__webpack_require__( /*! ../../ui/popup/m_popup */ 43864));
            var _popover_position_controller = __webpack_require__( /*! ./popover_position_controller */ 72379);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const POSITION_FLIP_MAP = {
                left: "right",
                top: "bottom",
                right: "left",
                bottom: "top",
                center: "center"
            };
            class Popover extends _m_popup.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        shading: false,
                        position: (0, _extend.extend)({}, _popover_position_controller.POPOVER_POSITION_ALIASES.bottom),
                        hideOnOutsideClick: true,
                        animation: {
                            show: {
                                type: "fade",
                                from: 0,
                                to: 1
                            },
                            hide: {
                                type: "fade",
                                from: 1,
                                to: 0
                            }
                        },
                        showTitle: false,
                        width: "auto",
                        height: "auto",
                        dragEnabled: false,
                        resizeEnabled: false,
                        fullScreen: false,
                        hideOnParentScroll: true,
                        arrowPosition: "",
                        arrowOffset: 0,
                        _fixWrapperPosition: true
                    })
                }
                _defaultOptionsRules() {
                    return [{
                        device: {
                            platform: "ios"
                        },
                        options: {
                            arrowPosition: {
                                boundaryOffset: {
                                    h: 20,
                                    v: -10
                                },
                                collision: "fit"
                            }
                        }
                    }, {
                        device: () => !(0, _window.hasWindow)(),
                        options: {
                            animation: null
                        }
                    }, {
                        device: () => (0, _themes.isMaterialBased)(),
                        options: {
                            useFlatToolbarButtons: true
                        }
                    }, {
                        device: () => (0, _themes.isMaterial)(),
                        options: {
                            useDefaultToolbarButtons: true,
                            showCloseButton: false
                        }
                    }]
                }
                _init() {
                    var _this$$wrapper;
                    super._init();
                    this._renderArrow();
                    this._timeouts = {};
                    this.$element().addClass("dx-popover");
                    null === (_this$$wrapper = this.$wrapper()) || void 0 === _this$$wrapper || _this$$wrapper.addClass("dx-popover-wrapper");
                    const {
                        toolbarItems: toolbarItems
                    } = this.option();
                    const isInteractive = null === toolbarItems || void 0 === toolbarItems ? void 0 : toolbarItems.length;
                    this.setAria("role", isInteractive ? "dialog" : "tooltip")
                }
                _render() {
                    super._render.apply(this, arguments);
                    this._detachEvents(this.option("target"));
                    this._attachEvents()
                }
                _detachEvents(target) {
                    this._detachEvent(target, "show");
                    this._detachEvent(target, "hide")
                }
                _attachEvents() {
                    this._attachEvent("show");
                    this._attachEvent("hide")
                }
                _createEventHandler(name) {
                    const action = this._createAction(() => {
                        const delay = this._getEventDelay(`${name}Event`);
                        this._clearEventsTimeouts();
                        if (delay) {
                            this._timeouts[name] = setTimeout(() => {
                                this[name]()
                            }, delay)
                        } else {
                            this[name]()
                        }
                    }, {
                        validatingTargetName: "target"
                    });
                    return e => {
                        action({
                            event: e,
                            target: (0, _renderer.default)(e.currentTarget)
                        })
                    }
                }
                _attachEvent(name) {
                    const {
                        target: target,
                        shading: shading,
                        disabled: disabled,
                        hideEvent: hideEvent
                    } = this.option();
                    const shouldIgnoreHideEvent = shading && "hide" === name;
                    if (shouldIgnoreHideEvent && hideEvent) {
                        _ui.default.log("W1020")
                    }
                    const event = shouldIgnoreHideEvent ? null : this._getEventName(`${name}Event`);
                    if (!event || disabled) {
                        return
                    }
                    const EVENT_HANDLER_NAME = this._getEventHandlerName(name);
                    this[EVENT_HANDLER_NAME] = this._createEventHandler(name);
                    const eventName = (0, _utils.addNamespace)(event, this.NAME);
                    const isSelector = (0, _type.isString)(target);
                    if (isSelector) {
                        _events_engine.default.on(_dom_adapter.default.getDocument(), eventName, target, this[EVENT_HANDLER_NAME])
                    } else {
                        _events_engine.default.on((0, _element.getPublicElement)((0, _renderer.default)(target)), eventName, this[EVENT_HANDLER_NAME])
                    }
                }
                _detachEvent(target, name, event) {
                    let eventName = event || this._getEventName(`${name}Event`);
                    if (!eventName) {
                        return
                    }
                    eventName = (0, _utils.addNamespace)(eventName, this.NAME);
                    const EVENT_HANDLER_NAME = this._getEventHandlerName(name);
                    const isSelector = (0, _type.isString)(target);
                    if (isSelector) {
                        _events_engine.default.off(_dom_adapter.default.getDocument(), eventName, target, this[EVENT_HANDLER_NAME])
                    } else {
                        _events_engine.default.off((0, _element.getPublicElement)((0, _renderer.default)(target)), eventName, this[EVENT_HANDLER_NAME])
                    }
                }
                _getEventHandlerName(name) {
                    return `_${name}EventHandler`
                }
                _getEventNameByOption(optionValue) {
                    return (0, _type.isObject)(optionValue) ? optionValue.name : optionValue
                }
                _getEventName(optionName) {
                    const optionValue = this.option(optionName);
                    return this._getEventNameByOption(optionValue)
                }
                _getEventDelay(optionName) {
                    const optionValue = this.option(optionName);
                    return (0, _type.isObject)(optionValue) && optionValue.delay
                }
                _renderArrow() {
                    this._$arrow = (0, _renderer.default)("<div>").addClass("dx-popover-arrow").prependTo(this.$overlayContent())
                }
                _documentDownHandler(e) {
                    if (this._isOutsideClick(e)) {
                        return super._documentDownHandler(e)
                    }
                    return true
                }
                _isOutsideClick(e) {
                    const {
                        target: target
                    } = this.option();
                    return !(0, _renderer.default)(e.target).closest(target).length
                }
                _animate(animation) {
                    if (null !== animation && void 0 !== animation && animation.to && "object" === typeof animation.to) {
                        (0, _extend.extend)(animation.to, {
                            position: this._getContainerPosition()
                        })
                    }
                    super._animate.apply(this, arguments)
                }
                _stopAnimation() {
                    super._stopAnimation.apply(this, arguments)
                }
                _renderTopToolbar() {
                    var _this$$wrapper2;
                    null === (_this$$wrapper2 = this.$wrapper()) || void 0 === _this$$wrapper2 || _this$$wrapper2.toggleClass("dx-popover-without-title", !this.option("showTitle"));
                    super._renderTopToolbar()
                }
                _renderPosition() {
                    var _this$_actions, _this$_actions$onPosi;
                    let shouldUpdateDimensions = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : true;
                    super._renderPosition();
                    this._renderOverlayPosition(shouldUpdateDimensions);
                    null === (_this$_actions = this._actions) || void 0 === _this$_actions || null === (_this$_actions$onPosi = _this$_actions.onPositioned) || void 0 === _this$_actions$onPosi || _this$_actions$onPosi.call(_this$_actions)
                }
                _renderOverlayPosition(shouldUpdateDimensions) {
                    this._resetOverlayPosition(shouldUpdateDimensions);
                    this._updateContentSize(shouldUpdateDimensions);
                    const contentPosition = this._getContainerPosition();
                    const resultLocation = _position.default.setup(this.$overlayContent(), contentPosition);
                    const positionSide = this._getSideByLocation(resultLocation);
                    this._togglePositionClass(`dx-position-${positionSide}`);
                    this._toggleFlippedClass(resultLocation.h.flip, resultLocation.v.flip);
                    const isArrowVisible = this._isHorizontalSide() || this._isVerticalSide();
                    if (isArrowVisible) {
                        this._renderArrowPosition(positionSide)
                    }
                }
                _resetOverlayPosition(shouldUpdateDimensions) {
                    this._setContentHeight(shouldUpdateDimensions);
                    this._togglePositionClass(`dx-position-${this._positionController._positionSide}`);
                    (0, _translator.move)(this.$overlayContent(), {
                        left: 0,
                        top: 0
                    });
                    this._$arrow.css({
                        top: "auto",
                        right: "auto",
                        bottom: "auto",
                        left: "auto"
                    })
                }
                _updateContentSize(shouldUpdateDimensions) {
                    if (!this.$content() || !shouldUpdateDimensions) {
                        return
                    }
                    const containerLocation = _position.default.calculate(this.$overlayContent(), this._getContainerPosition());
                    if (containerLocation.h.oversize > 0 && this._isHorizontalSide() && !containerLocation.h.fit) {
                        const newContainerWidth = (0, _size.getWidth)(this.$overlayContent()) - containerLocation.h.oversize;
                        (0, _size.setWidth)(this.$overlayContent(), newContainerWidth)
                    }
                    if (containerLocation.v.oversize > 0 && this._isVerticalSide() && !containerLocation.v.fit) {
                        const newOverlayContentHeight = (0, _size.getHeight)(this.$overlayContent()) - containerLocation.v.oversize;
                        const newPopupContentHeight = (0, _size.getHeight)(this.$content()) - containerLocation.v.oversize;
                        (0, _size.setHeight)(this.$overlayContent(), newOverlayContentHeight);
                        (0, _size.setHeight)(this.$content(), newPopupContentHeight)
                    }
                }
                _getContainerPosition() {
                    return this._positionController._getContainerPosition()
                }
                _getHideOnParentScrollTarget() {
                    var _this$_positionContro;
                    return (0, _renderer.default)((null === (_this$_positionContro = this._positionController._position) || void 0 === _this$_positionContro ? void 0 : _this$_positionContro.of) || super._getHideOnParentScrollTarget())
                }
                _getSideByLocation(location) {
                    const isFlippedByVertical = location.v.flip;
                    const isFlippedByHorizontal = location.h.flip;
                    const isVertical = this._isVerticalSide() && isFlippedByVertical;
                    const isHorizontal = this._isHorizontalSide() && isFlippedByHorizontal;
                    const isInside = this._isPopoverInside();
                    const condition = isVertical || isHorizontal || isInside;
                    const positionSide = this._positionController._positionSide;
                    if (condition && positionSide) {
                        return POSITION_FLIP_MAP[positionSide]
                    }
                    if (positionSide) {
                        return positionSide
                    }
                    return
                }
                _togglePositionClass(positionClass) {
                    var _this$$wrapper3;
                    null === (_this$$wrapper3 = this.$wrapper()) || void 0 === _this$$wrapper3 || _this$$wrapper3.removeClass("dx-position-left dx-position-right dx-position-top dx-position-bottom").addClass(positionClass)
                }
                _toggleFlippedClass(isFlippedHorizontal, isFlippedVertical) {
                    var _this$$wrapper4;
                    null === (_this$$wrapper4 = this.$wrapper()) || void 0 === _this$$wrapper4 || _this$$wrapper4.toggleClass("dx-popover-flipped-horizontal", isFlippedHorizontal).toggleClass("dx-popover-flipped-vertical", isFlippedVertical)
                }
                _renderArrowPosition(side) {
                    var _this$_positionContro2;
                    const arrowRect = (0, _position2.getBoundingRect)(this._$arrow.get(0));
                    const arrowFlip = -(this._isVerticalSide(side) ? arrowRect.height : arrowRect.width);
                    this._$arrow.css(POSITION_FLIP_MAP[side], arrowFlip);
                    const axis = this._isVerticalSide(side) ? "left" : "top";
                    const sizeProperty = this._isVerticalSide(side) ? "width" : "height";
                    const $target = (0, _renderer.default)(null === (_this$_positionContro2 = this._positionController._position) || void 0 === _this$_positionContro2 ? void 0 : _this$_positionContro2.of);
                    const targetOffset = _position.default.offset($target) ?? {
                        top: 0,
                        left: 0
                    };
                    const contentOffset = _position.default.offset(this.$overlayContent());
                    const arrowSize = arrowRect[sizeProperty];
                    const contentLocation = null === contentOffset || void 0 === contentOffset ? void 0 : contentOffset[axis];
                    const contentSize = (0, _position2.getBoundingRect)(this.$overlayContent().get(0))[sizeProperty];
                    const targetLocation = targetOffset[axis];
                    const targetElement = $target.get(0);
                    const targetSize = targetElement && !targetElement.preventDefault ? (0, _position2.getBoundingRect)(targetElement)[sizeProperty] : 0;
                    const min = Math.max(contentLocation, targetLocation);
                    const max = Math.min(contentLocation + contentSize, targetLocation + targetSize);
                    let arrowLocation;
                    const {
                        arrowPosition: arrowPosition
                    } = this.option();
                    if ("start" === arrowPosition) {
                        arrowLocation = min - contentLocation
                    } else if ("end" === arrowPosition) {
                        arrowLocation = max - contentLocation - arrowSize
                    } else {
                        arrowLocation = (min + max) / 2 - contentLocation - arrowSize / 2
                    }
                    const borderWidth = this._positionController._getContentBorderWidth(side);
                    const {
                        arrowOffset: arrowOffset
                    } = this.option();
                    const finalArrowLocation = (0, _math.fitIntoRange)(arrowLocation - borderWidth + arrowOffset, borderWidth, contentSize - arrowSize - 2 * borderWidth);
                    this._$arrow.css(axis, finalArrowLocation)
                }
                _isPopoverInside() {
                    return this._positionController._isPopoverInside()
                }
                _setContentHeight(fullUpdate) {
                    if (fullUpdate) {
                        super._setContentHeight()
                    }
                }
                _getPositionControllerConfig() {
                    const superConfiguration = super._getPositionControllerConfig();
                    const {
                        shading: shading,
                        target: target
                    } = this.option();
                    const properties = Object.assign({}, superConfiguration.properties, {
                        target: target,
                        shading: shading
                    });
                    const elements = Object.assign({}, superConfiguration.elements, {
                        $arrow: this._$arrow
                    });
                    const configuration = {
                        properties: properties,
                        elements: elements
                    };
                    return configuration
                }
                _initPositionController() {
                    this._positionController = new _popover_position_controller.PopoverPositionController(this._getPositionControllerConfig())
                }
                _renderWrapperDimensions() {
                    if (this.option("shading")) {
                        var _this$$wrapper5;
                        null === (_this$$wrapper5 = this.$wrapper()) || void 0 === _this$$wrapper5 || _this$$wrapper5.css({
                            width: "100%",
                            height: "100%"
                        })
                    }
                }
                _isVerticalSide(side) {
                    return this._positionController._isVerticalSide(side)
                }
                _isHorizontalSide(side) {
                    return this._positionController._isHorizontalSide(side)
                }
                _clearEventTimeout(name) {
                    clearTimeout(this._timeouts[name])
                }
                _clearEventsTimeouts() {
                    this._clearEventTimeout("show");
                    this._clearEventTimeout("hide")
                }
                _clean() {
                    this._detachEvents(this.option("target"));
                    super._clean.apply(this, arguments)
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value,
                        previousValue: previousValue
                    } = args;
                    switch (name) {
                        case "arrowPosition":
                        case "arrowOffset":
                            this._renderGeometry();
                            break;
                        case "fullScreen":
                            if (value) {
                                this.option("fullScreen", false)
                            }
                            break;
                        case "target":
                            if (previousValue) {
                                this._detachEvents(previousValue)
                            }
                            this._positionController.updateTarget(value);
                            this._invalidate();
                            break;
                        case "showEvent":
                        case "hideEvent": {
                            const eventName = name.substring(0, 4);
                            const event = this._getEventNameByOption(previousValue);
                            this.hide();
                            const {
                                target: target
                            } = this.option();
                            this._detachEvent(target, eventName, event);
                            this._attachEvent(eventName);
                            break
                        }
                        case "visible":
                            this._clearEventTimeout(value ? "show" : "hide");
                            super._optionChanged(args);
                            break;
                        case "disabled":
                            this._detachEvents(this.option("target"));
                            this._attachEvents();
                            super._optionChanged(args);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                show(target) {
                    if (target) {
                        this.option("target", target)
                    }
                    return super.show()
                }
            }(0, _component_registrator.default)("dxPopover", Popover);
            exports.default = Popover
        },
        72379(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.isCommonPosition = exports.PopoverPositionController = exports.POPOVER_POSITION_ALIASES = void 0;
            var _position = (e = __webpack_require__( /*! ../../../common/core/animation/position */ 3030), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _overlay_position_controller = __webpack_require__( /*! ../../ui/overlay/overlay_position_controller */ 46967);
            var _utils = __webpack_require__( /*! ../../ui/resizable/utils */ 25056);
            const WEIGHT_OF_SIDES = {
                left: -1,
                top: -1,
                center: 0,
                right: 1,
                bottom: 1
            };
            const POPOVER_POSITION_ALIASES = exports.POPOVER_POSITION_ALIASES = {
                top: {
                    my: "bottom center",
                    at: "top center",
                    collision: "fit flip"
                },
                bottom: {
                    my: "top center",
                    at: "bottom center",
                    collision: "fit flip"
                },
                right: {
                    my: "left center",
                    at: "right center",
                    collision: "flip fit"
                },
                left: {
                    my: "right center",
                    at: "left center",
                    collision: "flip fit"
                }
            };
            const POPOVER_DEFAULT_BOUNDARY_OFFSET = {
                h: 10,
                v: 10
            };
            const isCommonPosition = position => (0, _type.isString)(position);
            exports.isCommonPosition = isCommonPosition;
            class PopoverPositionController extends _overlay_position_controller.OverlayPositionController {
                constructor(params) {
                    super(params);
                    const superProperties = this._properties;
                    const {
                        properties: properties,
                        elements: elements
                    } = params;
                    const {
                        shading: shading,
                        target: target
                    } = properties;
                    const {
                        $arrow: $arrow
                    } = elements;
                    this._properties = Object.assign({}, superProperties, {
                        shading: shading,
                        target: target
                    });
                    this._$arrow = $arrow;
                    this._positionSide = void 0;
                    this.updatePosition(this._properties.position)
                }
                positionWrapper() {
                    if (this._properties.shading) {
                        var _this$_$wrapper;
                        null === (_this$_$wrapper = this._$wrapper) || void 0 === _this$_$wrapper || _this$_$wrapper.css({
                            top: 0,
                            left: 0
                        })
                    }
                }
                updateTarget(target) {
                    this._properties.target = target;
                    this.updatePosition(this._properties.position)
                }
                _renderBoundaryOffset() {}
                _getContainerPosition() {
                    var _this$_position;
                    const offset = (0, _common.pairToObject)((null === (_this$_position = this._position) || void 0 === _this$_position ? void 0 : _this$_position.offset) ?? "");
                    let {
                        h: hOffset,
                        v: vOffset
                    } = offset;
                    const isVerticalSide = this._isVerticalSide();
                    const isHorizontalSide = this._isHorizontalSide();
                    if (isVerticalSide || isHorizontalSide) {
                        const isPopoverInside = this._isPopoverInside();
                        const weightOfSide = this._positionSide ? WEIGHT_OF_SIDES[this._positionSide] : WEIGHT_OF_SIDES.center;
                        const sign = (isPopoverInside ? -1 : 1) * weightOfSide;
                        const arrowSize = isVerticalSide ? (0, _size.getHeight)(this._$arrow) : (0, _size.getWidth)(this._$arrow);
                        const arrowSizeCorrection = this._getContentBorderWidth(this._positionSide);
                        const arrowOffset = sign * (arrowSize - arrowSizeCorrection);
                        if (isVerticalSide) {
                            vOffset += arrowOffset
                        } else {
                            hOffset += arrowOffset
                        }
                    }
                    const position = Object.assign({}, this._position, {
                        offset: `${hOffset} ${vOffset}`
                    });
                    return position
                }
                _getContentBorderWidth(side) {
                    var _this$_$content;
                    const borderWidth = side ? (null === (_this$_$content = this._$content) || void 0 === _this$_$content ? void 0 : _this$_$content.css(_utils.borderWidthStyles[side])) ?? "" : "";
                    return parseInt(borderWidth, 10) || 0
                }
                _isPopoverInside() {
                    var _this$_position2, _this$_position3;
                    const my = _position.default.setup.normalizeAlign(null === (_this$_position2 = this._position) || void 0 === _this$_position2 ? void 0 : _this$_position2.my);
                    const at = _position.default.setup.normalizeAlign(null === (_this$_position3 = this._position) || void 0 === _this$_position3 ? void 0 : _this$_position3.at);
                    return my.h === at.h && my.v === at.v
                }
                _isVerticalSide() {
                    let side = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this._positionSide;
                    return "top" === side || "bottom" === side
                }
                _isHorizontalSide() {
                    let side = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this._positionSide;
                    return "left" === side || "right" === side
                }
                _getDisplaySide(position) {
                    const my = _position.default.setup.normalizeAlign(position.my);
                    const at = _position.default.setup.normalizeAlign(position.at);
                    const weightSign = WEIGHT_OF_SIDES[my.h] === WEIGHT_OF_SIDES[at.h] && WEIGHT_OF_SIDES[my.v] === WEIGHT_OF_SIDES[at.v] ? -1 : 1;
                    const horizontalWeight = Math.abs(WEIGHT_OF_SIDES[my.h] - weightSign * WEIGHT_OF_SIDES[at.h]);
                    const verticalWeight = Math.abs(WEIGHT_OF_SIDES[my.v] - weightSign * WEIGHT_OF_SIDES[at.v]);
                    return horizontalWeight > verticalWeight ? at.h : at.v
                }
                _normalizePosition(position) {
                    const defaultPositionConfig = {
                        of: this._properties.target,
                        boundaryOffset: POPOVER_DEFAULT_BOUNDARY_OFFSET
                    };
                    const positionObject = (0, _type.isDefined)(position) ? this._positionToObject(position) : {};
                    const resultPosition = (0, _extend.extend)(true, {}, defaultPositionConfig, positionObject);
                    this._positionSide = this._getDisplaySide(resultPosition);
                    return resultPosition
                }
                _positionToObject(position) {
                    if (isCommonPosition(position)) {
                        const configuration = Object.assign({}, POPOVER_POSITION_ALIASES[position]);
                        return configuration
                    }
                    return position
                }
            }
            exports.PopoverPositionController = PopoverPositionController
        },
        53973(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ../../../ui/toolbar */ 2850);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/popup/ui.popup */ 10720));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class PopupFull extends _ui.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        preventScrollEvents: false
                    })
                }
                _getToolbarName() {
                    return "dxToolbar"
                }
            }
            exports.default = PopupFull;
            PopupFull.defaultOptions = function(rule) {
                _ui.default.defaultOptions(rule)
            };
            (0, _component_registrator.default)("dxPopup", PopupFull)
        },
        43864(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.TEMPLATE_WRAPPER_CLASS = exports.POPUP_TITLE_CLOSEBUTTON_CLASS = exports.POPUP_CONTENT_SCROLLABLE_CLASS = exports.POPUP_CONTENT_CLASS = exports.POPUP_CLASS = void 0;
            __webpack_require__( /*! ../../../ui/toolbar/ui.toolbar.base */ 21667);
            var _visibility_change = __webpack_require__( /*! ../../../common/core/events/visibility_change */ 18029);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _resize_observer = _interopRequireDefault(__webpack_require__( /*! ../../../core/resize_observer */ 11787));
            var _empty_template = __webpack_require__( /*! ../../../core/templates/empty_template */ 48650);
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _dom = __webpack_require__( /*! ../../../core/utils/dom */ 86858);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _inflector = __webpack_require__( /*! ../../../core/utils/inflector */ 53124);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _position = __webpack_require__( /*! ../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../ui/button */ 64973));
            var _resizable = _interopRequireDefault(__webpack_require__( /*! ../../../ui/resizable */ 28416));
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _m_window = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_window */ 14470));
            var _overlay = _interopRequireDefault(__webpack_require__( /*! ../../ui/overlay/overlay */ 79384));
            var zIndexPool = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../ui/overlay/z_index */ 27869));
            var _m_popup_drag = _interopRequireDefault(__webpack_require__( /*! ./m_popup_drag */ 26513));
            var _m_popup_overflow_manager = __webpack_require__( /*! ./m_popup_overflow_manager */ 27129);
            var _popup_position_controller = __webpack_require__( /*! ./popup_position_controller */ 31523);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = _m_window.default.getWindow();
            const POPUP_CLASS = exports.POPUP_CLASS = "dx-popup";
            const POPUP_CONTENT_CLASS = exports.POPUP_CONTENT_CLASS = "dx-popup-content";
            const POPUP_CONTENT_SCROLLABLE_CLASS = exports.POPUP_CONTENT_SCROLLABLE_CLASS = "dx-popup-content-scrollable";
            const POPUP_TITLE_CLOSEBUTTON_CLASS = exports.POPUP_TITLE_CLOSEBUTTON_CLASS = "dx-closebutton";
            exports.TEMPLATE_WRAPPER_CLASS = "dx-template-wrapper";
            const ALLOWED_TOOLBAR_ITEM_ALIASES = ["cancel", "clear", "done"];
            const HEIGHT_STRATEGIES = {
                static: "",
                inherit: "dx-popup-inherit-height",
                flex: "dx-popup-flex-height"
            };
            const getLocalizationKey = itemType => "done" === itemType.toLowerCase() ? "OK" : (0, _inflector.camelize)(itemType, true);
            class Popup extends _overlay.default {
                _supportedKeys() {
                    return Object.assign({}, super._supportedKeys(), {
                        upArrow: e => {
                            var _this$_drag;
                            null === (_this$_drag = this._drag) || void 0 === _this$_drag || _this$_drag.moveUp(e)
                        },
                        downArrow: e => {
                            var _this$_drag2;
                            null === (_this$_drag2 = this._drag) || void 0 === _this$_drag2 || _this$_drag2.moveDown(e)
                        },
                        leftArrow: e => {
                            var _this$_drag3;
                            null === (_this$_drag3 = this._drag) || void 0 === _this$_drag3 || _this$_drag3.moveLeft(e)
                        },
                        rightArrow: e => {
                            var _this$_drag4;
                            null === (_this$_drag4 = this._drag) || void 0 === _this$_drag4 || _this$_drag4.moveRight(e)
                        }
                    })
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        fullScreen: false,
                        title: "",
                        showTitle: true,
                        titleTemplate: "title",
                        onTitleRendered: null,
                        dragOutsideBoundary: false,
                        dragEnabled: false,
                        enableBodyScroll: true,
                        outsideDragFactor: 0,
                        onResizeStart: null,
                        onResize: null,
                        onResizeEnd: null,
                        resizeEnabled: false,
                        toolbarItems: [],
                        showCloseButton: false,
                        bottomTemplate: "bottom",
                        useDefaultToolbarButtons: false,
                        useFlatToolbarButtons: false,
                        autoResizeEnabled: true
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: {
                            platform: "ios"
                        },
                        options: {
                            animation: this._iosAnimation
                        }
                    }, {
                        device: {
                            platform: "android"
                        },
                        options: {
                            animation: this._androidAnimation
                        }
                    }, {
                        device: {
                            platform: "generic"
                        },
                        options: {
                            showCloseButton: true
                        }
                    }, {
                        device: device => "desktop" === _devices.default.real().deviceType && "generic" === device.platform,
                        options: {
                            dragEnabled: true
                        }
                    }, {
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }, {
                        device: () => (0, _themes.isMaterialBased)((0, _themes.current)()),
                        options: {
                            useFlatToolbarButtons: true
                        }
                    }, {
                        device: () => (0, _themes.isMaterial)((0, _themes.current)()),
                        options: {
                            useDefaultToolbarButtons: true,
                            showCloseButton: false
                        }
                    }])
                }
                _iosAnimation() {
                    return {
                        show: {
                            type: "slide",
                            duration: 400,
                            from: {
                                position: {
                                    my: "top",
                                    at: "bottom"
                                }
                            },
                            to: {
                                position: {
                                    my: "center",
                                    at: "center"
                                }
                            }
                        },
                        hide: {
                            type: "slide",
                            duration: 400,
                            from: {
                                opacity: 1,
                                position: {
                                    my: "center",
                                    at: "center"
                                }
                            },
                            to: {
                                opacity: 1,
                                position: {
                                    my: "top",
                                    at: "bottom"
                                }
                            }
                        }
                    }
                }
                _androidAnimation() {
                    return this.option("fullScreen") ? {
                        show: {
                            type: "slide",
                            duration: 300,
                            from: {
                                top: "30%",
                                opacity: 0
                            },
                            to: {
                                top: 0,
                                opacity: 1
                            }
                        },
                        hide: {
                            type: "slide",
                            duration: 300,
                            from: {
                                top: 0,
                                opacity: 1
                            },
                            to: {
                                top: "30%",
                                opacity: 0
                            }
                        }
                    } : {
                        show: {
                            type: "fade",
                            duration: 400,
                            from: 0,
                            to: 1
                        },
                        hide: {
                            type: "fade",
                            duration: 400,
                            from: 1,
                            to: 0
                        }
                    }
                }
                _init() {
                    var _this$$wrapper, _this$_$content;
                    const {
                        _wrapperClassExternal: popupWrapperClassExternal
                    } = this.option();
                    const popupWrapperClasses = popupWrapperClassExternal ? `dx-popup-wrapper ${popupWrapperClassExternal}` : "dx-popup-wrapper";
                    super._init();
                    this._createBodyOverflowManager();
                    this._updateResizeCallbackSkipCondition();
                    this.$element().addClass(POPUP_CLASS);
                    null === (_this$$wrapper = this.$wrapper()) || void 0 === _this$$wrapper || _this$$wrapper.addClass(popupWrapperClasses);
                    this._$popupContent = null === (_this$_$content = this._$content) || void 0 === _this$_$content ? void 0 : _this$_$content.wrapInner((0, _renderer.default)("<div>").addClass(POPUP_CONTENT_CLASS)).children().eq(0);
                    this._toggleContentScrollClass();
                    this.$overlayContent().attr("role", "dialog")
                }
                _render() {
                    const isFullscreen = Boolean(this.option("fullScreen"));
                    this._toggleFullScreenClass(isFullscreen);
                    super._render()
                }
                _createBodyOverflowManager() {
                    this._bodyOverflowManager = (0, _m_popup_overflow_manager.createBodyOverflowManager)()
                }
                _toggleFullScreenClass(value) {
                    this.$overlayContent().toggleClass("dx-popup-fullscreen", value).toggleClass("dx-popup-normal", !value)
                }
                _initTemplates() {
                    super._initTemplates();
                    this._templateManager.addDefaultTemplates({
                        title: new _empty_template.EmptyTemplate,
                        bottom: new _empty_template.EmptyTemplate
                    })
                }
                _getActionsList() {
                    return super._getActionsList().concat(["onResizeStart", "onResize", "onResizeEnd"])
                }
                _contentResizeHandler(entry) {
                    if (!this._shouldSkipContentResize(entry)) {
                        this._renderGeometry({
                            shouldOnlyReposition: true
                        })
                    }
                }
                _isShowAnimationResizing() {
                    const animation = this.option("animation");
                    return ["to", "from"].some(prop => {
                        var _animation$show;
                        const config = null === animation || void 0 === animation || null === (_animation$show = animation.show) || void 0 === _animation$show ? void 0 : _animation$show[prop];
                        return (0, _type.isObject)(config) && ("width" in config || "height" in config)
                    })
                }
                _updateResizeCallbackSkipCondition() {
                    const isShowAnimationResizing = this._isShowAnimationResizing();
                    this._shouldSkipContentResize = entry => isShowAnimationResizing && this._showAnimationProcessing || this._areContentDimensionsRendered(entry)
                }
                _observeContentResize(shouldObserve) {
                    var _this$_$content2;
                    if (!this.option("useResizeObserver")) {
                        return
                    }
                    const contentElement = null === (_this$_$content2 = this._$content) || void 0 === _this$_$content2 ? void 0 : _this$_$content2.get(0);
                    if (shouldObserve) {
                        _resize_observer.default.observe(contentElement, entry => {
                            this._contentResizeHandler(entry)
                        })
                    } else {
                        _resize_observer.default.unobserve(contentElement)
                    }
                }
                _areContentDimensionsRendered(entry) {
                    var _entry$contentBoxSize, _this$_renderedDimens3, _this$_renderedDimens4;
                    const contentBox = null === (_entry$contentBoxSize = entry.contentBoxSize) || void 0 === _entry$contentBoxSize ? void 0 : _entry$contentBoxSize[0];
                    if (contentBox) {
                        var _this$_renderedDimens, _this$_renderedDimens2;
                        return parseInt(contentBox.inlineSize, 10) === (null === (_this$_renderedDimens = this._renderedDimensions) || void 0 === _this$_renderedDimens ? void 0 : _this$_renderedDimens.width) && parseInt(contentBox.blockSize, 10) === (null === (_this$_renderedDimens2 = this._renderedDimensions) || void 0 === _this$_renderedDimens2 ? void 0 : _this$_renderedDimens2.height)
                    }
                    const {
                        contentRect: contentRect
                    } = entry;
                    return parseInt(contentRect.width, 10) === (null === (_this$_renderedDimens3 = this._renderedDimensions) || void 0 === _this$_renderedDimens3 ? void 0 : _this$_renderedDimens3.width) && parseInt(contentRect.height, 10) === (null === (_this$_renderedDimens4 = this._renderedDimensions) || void 0 === _this$_renderedDimens4 ? void 0 : _this$_renderedDimens4.height)
                }
                _renderContent() {
                    super._renderContent();
                    this._observeContentResize(true)
                }
                _processContentRendering() {
                    this._renderTopToolbar();
                    this._renderBottomToolbar();
                    this._renderResize();
                    super._processContentRendering()
                }
                _getTopToolbarItems() {
                    const {
                        showTitle: showTitle,
                        title: title
                    } = this.option();
                    const {
                        ios: isIOS
                    } = _devices.default.current();
                    const items = this._getToolbarItems("top");
                    if (showTitle && Boolean(title)) {
                        items.unshift({
                            location: isIOS ? "center" : "before",
                            text: title
                        })
                    }
                    return items
                }
                _renderTopToolbar() {
                    const {
                        showTitle: showTitle
                    } = this.option();
                    const items = this._getTopToolbarItems();
                    const shouldBeShown = showTitle || items.length > 0;
                    if (shouldBeShown) {
                        var _this$_$topToolbar;
                        if (this._$topToolbar) {
                            this._updateToolbarOptions("top", {
                                items: items
                            })
                        } else {
                            this._renderTopToolbarImpl()
                        }
                        null === (_this$_$topToolbar = this._$topToolbar) || void 0 === _this$_$topToolbar || _this$_$topToolbar.toggleClass("dx-has-close-button", this._hasCloseButton())
                    } else {
                        var _this$_$topToolbar2;
                        null === (_this$_$topToolbar2 = this._$topToolbar) || void 0 === _this$_$topToolbar2 || _this$_$topToolbar2.remove();
                        this._$topToolbar = void 0
                    }
                    this._toggleAriaLabel()
                }
                _renderTopToolbarImpl() {
                    var _this$_$topToolbar3;
                    null === (_this$_$topToolbar3 = this._$topToolbar) || void 0 === _this$_$topToolbar3 || _this$_$topToolbar3.remove();
                    const items = this._getTopToolbarItems();
                    const $content = this.$content();
                    if (!$content) {
                        return
                    }
                    const $toolbarContainer = (0, _renderer.default)("<div>").addClass("dx-popup-title").insertBefore($content);
                    this._$topToolbar = this._renderToolbar("titleTemplate", items, $toolbarContainer, {
                        onInitialized: e => {
                            this._topToolbar = e.component
                        }
                    });
                    this._$topToolbar.addClass("dx-popup-title");
                    this._renderDrag();
                    this._executeTitleRenderAction(this._$topToolbar)
                }
                _renderBottomToolbar() {
                    const items = this._getToolbarItems("bottom");
                    if (!items.length) {
                        var _this$_$bottomToolbar;
                        null === (_this$_$bottomToolbar = this._$bottomToolbar) || void 0 === _this$_$bottomToolbar || _this$_$bottomToolbar.remove();
                        this._$bottomToolbar = void 0;
                        return
                    }
                    if (this._$bottomToolbar) {
                        this._updateToolbarOptions("bottom", {
                            items: items
                        })
                    } else {
                        this._renderBottomToolbarImpl()
                    }
                    this._toggleClasses()
                }
                _renderBottomToolbarImpl() {
                    var _this$_$bottomToolbar2;
                    null === (_this$_$bottomToolbar2 = this._$bottomToolbar) || void 0 === _this$_$bottomToolbar2 || _this$_$bottomToolbar2.remove();
                    const items = this._getToolbarItems("bottom");
                    const $content = this.$content();
                    if (!$content) {
                        return
                    }
                    const $toolbarContainer = (0, _renderer.default)("<div>").addClass("dx-popup-bottom").insertAfter($content);
                    this._$bottomToolbar = this._renderToolbar("bottomTemplate", items, $toolbarContainer, {
                        compactMode: true,
                        onInitialized: e => {
                            this._bottomToolbar = e.component
                        }
                    });
                    this._$bottomToolbar.addClass("dx-popup-bottom")
                }
                _triggerToolbarResizeEvent() {
                    [this._$topToolbar, this._$bottomToolbar].forEach($toolbar => {
                        if ($toolbar) {
                            (0, _visibility_change.triggerResizeEvent)($toolbar);
                            (0, _visibility_change.triggerResizeEvent)($toolbar)
                        }
                    })
                }
                _renderToolbar(optionName, items, $container) {
                    let additionalToolbarOptions = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : {};
                    const template = this._getTemplateByOption(optionName);
                    const isEmptyTemplate = template instanceof _empty_template.EmptyTemplate;
                    if (isEmptyTemplate) {
                        return this._renderByPolymorphicTemplate(items, $container, additionalToolbarOptions)
                    }
                    return this._renderByTemplate(template, $container)
                }
                _getIntegrationOptions() {
                    const {
                        integrationOptions: integrationOptions
                    } = this.option();
                    return Object.assign({}, integrationOptions, {
                        skipTemplates: ["content", "title"]
                    })
                }
                _renderByPolymorphicTemplate(items, $container, additionalToolbarOptions) {
                    const {
                        disabled: disabled,
                        rtlEnabled: rtlEnabled,
                        useDefaultToolbarButtons: useDefaultToolbarButtons,
                        useFlatToolbarButtons: useFlatToolbarButtons
                    } = this.option();
                    const integrationOptions = this._getIntegrationOptions();
                    const toolbarOptions = (0, _extend.extend)(additionalToolbarOptions, {
                        disabled: disabled,
                        rtlEnabled: rtlEnabled,
                        items: items,
                        useDefaultButtons: useDefaultToolbarButtons,
                        useFlatButtons: useFlatToolbarButtons,
                        integrationOptions: integrationOptions
                    });
                    const template = this._getTemplate("dx-polymorph-widget");
                    template.render({
                        container: $container,
                        model: {
                            widget: this._getToolbarName(),
                            options: toolbarOptions
                        }
                    });
                    const $toolbar = $container.children("div");
                    $container.replaceWith($toolbar);
                    return $toolbar
                }
                _renderByTemplate(template, $container) {
                    const $result = (0, _renderer.default)(template.render({
                        container: (0, _element.getPublicElement)($container)
                    }));
                    const resultInContainer = (0, _dom.contains)($container.get(0), $result.get(0));
                    if (!resultInContainer) {
                        $container.append($result)
                    }
                    return $container
                }
                _updateToolbarOptions(toolbar, options) {
                    const instance = "top" === toolbar ? this._topToolbar : this._bottomToolbar;
                    if (!instance) {
                        return
                    }
                    const integrationOptions = this._getIntegrationOptions();
                    instance.option(Object.assign({}, options, {
                        integrationOptions: integrationOptions
                    }))
                }
                _toggleAriaLabel() {
                    var _this$_$topToolbar4;
                    const {
                        title: title,
                        showTitle: showTitle
                    } = this.option();
                    const shouldSetAriaLabel = showTitle && Boolean(title);
                    const titleId = shouldSetAriaLabel ? (new _guid.default).toString() : null;
                    null === (_this$_$topToolbar4 = this._$topToolbar) || void 0 === _this$_$topToolbar4 || _this$_$topToolbar4.find(".dx-toolbar-label").eq(0).attr("id", titleId);
                    this.$overlayContent().attr("aria-labelledby", titleId)
                }
                _animateShowing() {
                    this._triggerToolbarResizeEvent();
                    super._animateShowing()
                }
                _renderVisibilityAnimate(visible) {
                    return super._renderVisibilityAnimate(visible)
                }
                _hide() {
                    this._observeContentResize(false);
                    return super._hide()
                }
                _executeTitleRenderAction($titleElement) {
                    this._getTitleRenderAction()({
                        titleElement: (0, _element.getPublicElement)($titleElement)
                    })
                }
                _getTitleRenderAction() {
                    return this._titleRenderAction ?? this._createTitleRenderAction()
                }
                _createTitleRenderAction() {
                    this._titleRenderAction = this._createActionByOption("onTitleRendered", {
                        element: this.element(),
                        excludeValidators: ["disabled", "readOnly"]
                    });
                    return this._titleRenderAction
                }
                _getCloseButton() {
                    return {
                        toolbar: "top",
                        location: "after",
                        template: this._getCloseButtonRenderer()
                    }
                }
                _getCloseButtonRenderer() {
                    return (_, __, container) => {
                        const $button = (0, _renderer.default)("<div>").addClass(POPUP_TITLE_CLOSEBUTTON_CLASS);
                        this._createComponent($button, _button.default, {
                            icon: "close",
                            onClick: this._createToolbarItemAction(void 0),
                            stylingMode: "text",
                            integrationOptions: {}
                        });
                        (0, _renderer.default)(container).append($button)
                    }
                }
                _getToolbarItems(toolbar) {
                    const {
                        platform: currentPlatform
                    } = _devices.default.current();
                    const {
                        toolbarItems: toolbarItems
                    } = this.option();
                    const toolbarsItems = [];
                    this._toolbarItemClasses = [];
                    let index = 0;
                    (0, _iterator.each)(toolbarItems, (_, data) => {
                        const isShortcut = (0, _type.isDefined)(data.shortcut);
                        const item = isShortcut ? (name => {
                            const device = _devices.default.current();
                            const {
                                platform: platform
                            } = device;
                            let toolbar = "bottom";
                            let location = "before";
                            if ("ios" === platform) {
                                switch (name) {
                                    case "cancel":
                                        toolbar = "top";
                                        break;
                                    case "clear":
                                        toolbar = "top";
                                        location = "after";
                                        break;
                                    case "done":
                                        location = "after"
                                }
                            } else if ("android" === platform) {
                                switch (name) {
                                    case "cancel":
                                    case "done":
                                        location = "after"
                                }
                            }
                            return {
                                toolbar: toolbar,
                                location: location
                            }
                        })(data.shortcut) : data;
                        if (isShortcut && "ios" === currentPlatform && index < 2) {
                            item.toolbar = "top";
                            index++
                        }
                        item.toolbar = data.toolbar || item.toolbar || "top";
                        if (item && item.toolbar === toolbar) {
                            if (isShortcut) {
                                (0, _extend.extend)(item, {
                                    location: data.location
                                }, this._getToolbarItemByAlias(data))
                            }
                            const isLTROrder = "generic" === currentPlatform;
                            if ("done" === data.shortcut && isLTROrder || "cancel" === data.shortcut && !isLTROrder) {
                                toolbarsItems.unshift(item)
                            } else {
                                toolbarsItems.push(item)
                            }
                        }
                    });
                    if ("top" === toolbar && this._hasCloseButton()) {
                        toolbarsItems.push(this._getCloseButton())
                    }
                    return toolbarsItems
                }
                _hasCloseButton() {
                    const {
                        showCloseButton: showCloseButton,
                        showTitle: showTitle
                    } = this.option();
                    return showCloseButton && showTitle
                }
                _getToolbarButtonStylingMode(shortcut) {
                    if ((0, _themes.isFluent)((0, _themes.current)())) {
                        return "done" === shortcut ? "contained" : "outlined"
                    }
                    return this.option("useFlatToolbarButtons") ? "text" : "contained"
                }
                _getToolbarButtonType(shortcut) {
                    if ((0, _themes.isFluent)((0, _themes.current)()) && "done" === shortcut || this.option("useDefaultToolbarButtons")) {
                        return "default"
                    }
                    return "normal"
                }
                _getToolbarItemByAlias(data) {
                    const itemType = data.shortcut;
                    if (!ALLOWED_TOOLBAR_ITEM_ALIASES.includes(itemType)) {
                        return false
                    }
                    const itemConfig = (0, _extend.extend)({
                        text: _message.default.format(getLocalizationKey(itemType)),
                        onClick: this._createToolbarItemAction(data.onClick),
                        integrationOptions: {},
                        type: this._getToolbarButtonType(itemType),
                        stylingMode: this._getToolbarButtonStylingMode(itemType)
                    }, data.options || {});
                    const itemClass = `${POPUP_CLASS}-${itemType}`;
                    this._toolbarItemClasses.push(itemClass);
                    return {
                        template: (_, __, container) => {
                            const $toolbarItem = (0, _renderer.default)("<div>").addClass(itemClass).appendTo(container);
                            this._createComponent($toolbarItem, _button.default, itemConfig)
                        }
                    }
                }
                _createToolbarItemAction(clickAction) {
                    return this._createAction(clickAction, {
                        afterExecute(e) {
                            e.component.hide()
                        }
                    })
                }
                _getToolbarName() {
                    return "dxToolbarBase"
                }
                _toggleDisabledState(value) {
                    var _this$$content;
                    super._toggleDisabledState(...arguments);
                    null === (_this$$content = this.$content()) || void 0 === _this$$content || _this$$content.toggleClass("dx-state-disabled", Boolean(value))
                }
                _toggleClasses() {
                    const aliases = ALLOWED_TOOLBAR_ITEM_ALIASES;
                    (0, _iterator.each)(aliases, (_, alias) => {
                        var _this$$wrapper2, _this$_$bottomToolbar3;
                        const className = `${POPUP_CLASS}-${alias}`;
                        const isVisible = this._toolbarItemClasses.includes(className);
                        null === (_this$$wrapper2 = this.$wrapper()) || void 0 === _this$$wrapper2 || _this$$wrapper2.toggleClass(`${className}-visible`, isVisible);
                        null === (_this$_$bottomToolbar3 = this._$bottomToolbar) || void 0 === _this$_$bottomToolbar3 || _this$_$bottomToolbar3.toggleClass(className, isVisible)
                    })
                }
                _toggleFocusClass(isFocused, $element) {
                    super._toggleFocusClass(isFocused, $element);
                    if (isFocused && !zIndexPool.isLastZIndexInStack(this._zIndex)) {
                        var _this$_$wrapper, _this$_$content3;
                        const zIndex = zIndexPool.create(this._zIndexInitValue());
                        zIndexPool.remove(this._zIndex);
                        this._zIndex = zIndex;
                        null === (_this$_$wrapper = this._$wrapper) || void 0 === _this$_$wrapper || _this$_$wrapper.css("zIndex", zIndex);
                        null === (_this$_$content3 = this._$content) || void 0 === _this$_$content3 || _this$_$content3.css("zIndex", zIndex)
                    }
                }
                _toggleContentScrollClass() {
                    var _this$$content2;
                    const isNativeScrollingEnabled = !this.option("preventScrollEvents");
                    null === (_this$$content2 = this.$content()) || void 0 === _this$$content2 || _this$$content2.toggleClass(POPUP_CONTENT_SCROLLABLE_CLASS, isNativeScrollingEnabled)
                }
                _getPositionControllerConfig() {
                    const superConfiguration = super._getPositionControllerConfig();
                    const {
                        fullScreen: fullScreen,
                        forceApplyBindings: forceApplyBindings,
                        dragOutsideBoundary: dragOutsideBoundary,
                        dragAndResizeArea: dragAndResizeArea,
                        outsideDragFactor: outsideDragFactor
                    } = this.option();
                    const properties = Object.assign({}, superConfiguration.properties, {
                        fullScreen: fullScreen,
                        forceApplyBindings: forceApplyBindings,
                        dragOutsideBoundary: dragOutsideBoundary,
                        dragAndResizeArea: dragAndResizeArea,
                        outsideDragFactor: outsideDragFactor
                    });
                    const elements = Object.assign({}, superConfiguration.elements);
                    const configuration = {
                        properties: properties,
                        elements: elements
                    };
                    return configuration
                }
                _initPositionController() {
                    if (this._positionController) {
                        return
                    }
                    this._positionController = new _popup_position_controller.PopupPositionController(this._getPositionControllerConfig())
                }
                _getDragTarget() {
                    return this.topToolbar()
                }
                _renderGeometry() {
                    let options = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
                    const {
                        visible: visible,
                        useResizeObserver: useResizeObserver
                    } = this.option();
                    const {
                        forceStopAnimation: forceStopAnimation,
                        shouldOnlyReposition: shouldOnlyReposition,
                        isDimensionChange: isDimensionChange
                    } = options;
                    if (visible && _m_window.default.hasWindow()) {
                        const isAnimated = this._showAnimationProcessing;
                        const shouldRepeatAnimation = isAnimated && !forceStopAnimation && useResizeObserver;
                        this._isAnimationPaused = shouldRepeatAnimation || void 0;
                        this._stopAnimation();
                        if (shouldOnlyReposition) {
                            this._renderPosition(false)
                        } else {
                            this._renderGeometryImpl(isDimensionChange)
                        }
                        if (shouldRepeatAnimation) {
                            this._animateShowing();
                            this._isAnimationPaused = void 0
                        }
                    }
                }
                _cacheDimensions() {
                    if (!this.option("useResizeObserver")) {
                        return
                    }
                    this._renderedDimensions = {
                        width: parseInt((0, _size.getWidth)(this._$content), 10),
                        height: parseInt((0, _size.getHeight)(this._$content), 10)
                    }
                }
                _renderGeometryImpl() {
                    let isDimensionChange = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : false;
                    if (!isDimensionChange) {
                        this._resetContentHeight()
                    }
                    super._renderGeometryImpl();
                    this._cacheDimensions();
                    this._setContentHeight()
                }
                _resetContentHeight() {
                    const height = this._getOptionValue("height");
                    if ("auto" === height) {
                        var _this$$content3;
                        null === (_this$$content3 = this.$content()) || void 0 === _this$$content3 || _this$$content3.css({
                            height: "auto",
                            maxHeight: "none"
                        })
                    }
                }
                _renderDrag() {
                    var _this$_$content4;
                    const $dragTarget = this._getDragTarget();
                    const {
                        dragEnabled: dragEnabled
                    } = this.option();
                    if (!$dragTarget) {
                        return
                    }
                    const config = {
                        dragEnabled: dragEnabled,
                        handle: $dragTarget.get(0),
                        draggableElement: null === (_this$_$content4 = this._$content) || void 0 === _this$_$content4 ? void 0 : _this$_$content4.get(0),
                        positionController: this._positionController
                    };
                    if (this._drag) {
                        this._drag.init(config)
                    } else {
                        this._drag = new _m_popup_drag.default(config)
                    }
                    this.$overlayContent().toggleClass("dx-popup-draggable", dragEnabled)
                }
                _renderResize() {
                    if (!this._$content) {
                        return
                    }
                    this._resizable = this._createComponent(this._$content, _resizable.default, {
                        handles: this.option("resizeEnabled") ? "all" : "none",
                        onResizeStart: e => {
                            var _this$_actions, _this$_actions$onResi;
                            this._observeContentResize(false);
                            null === (_this$_actions = this._actions) || void 0 === _this$_actions || null === (_this$_actions$onResi = _this$_actions.onResizeStart) || void 0 === _this$_actions$onResi || _this$_actions$onResi.call(_this$_actions, e)
                        },
                        onResize: e => {
                            var _this$_actions2, _this$_actions2$onRes;
                            this._setContentHeight();
                            null === (_this$_actions2 = this._actions) || void 0 === _this$_actions2 || null === (_this$_actions2$onRes = _this$_actions2.onResize) || void 0 === _this$_actions2$onRes || _this$_actions2$onRes.call(_this$_actions2, e)
                        },
                        onResizeEnd: e => {
                            this._resizeEndHandler(e);
                            this._observeContentResize(true)
                        },
                        minHeight: 100,
                        minWidth: 100,
                        area: this._positionController.$dragResizeContainer,
                        keepAspectRatio: false
                    })
                }
                _resizeEndHandler(e) {
                    var _this$_actions3, _this$_actions3$onRes;
                    const width = this._resizable.option("width");
                    const height = this._resizable.option("height");
                    if (width) {
                        this._setOptionWithoutOptionChange("width", width)
                    }
                    if (height) {
                        this._setOptionWithoutOptionChange("height", height)
                    }
                    this._cacheDimensions();
                    this._positionController.resizeHandled();
                    this._positionController.detectVisualPositionChange(e.event);
                    null === (_this$_actions3 = this._actions) || void 0 === _this$_actions3 || null === (_this$_actions3$onRes = _this$_actions3.onResizeEnd) || void 0 === _this$_actions3$onRes || _this$_actions3$onRes.call(_this$_actions3, e)
                }
                _setContentHeight() {
                    var _this$$content4;
                    const {
                        forceApplyBindings: forceApplyBindings
                    } = this.option();
                    (forceApplyBindings ?? _common.noop)();
                    const overlayContent = this.$overlayContent().get(0);
                    const currentHeightStrategyClass = this._chooseHeightStrategy(overlayContent);
                    null === (_this$$content4 = this.$content()) || void 0 === _this$$content4 || _this$$content4.css(this._getHeightCssStyles(currentHeightStrategyClass, overlayContent));
                    this._setHeightClasses(this.$overlayContent(), currentHeightStrategyClass)
                }
                _chooseHeightStrategy(overlayContent) {
                    const isAutoWidth = "auto" === overlayContent.style.width || "" === overlayContent.style.width;
                    let currentHeightStrategyClass = HEIGHT_STRATEGIES.static;
                    if (this._isAutoHeight() && this.option("autoResizeEnabled")) {
                        if (isAutoWidth) {
                            currentHeightStrategyClass = HEIGHT_STRATEGIES.inherit
                        } else {
                            currentHeightStrategyClass = HEIGHT_STRATEGIES.flex
                        }
                    }
                    return currentHeightStrategyClass
                }
                _getHeightCssStyles(currentHeightStrategyClass, overlayContent) {
                    let cssStyles = {};
                    const contentMaxHeight = this._getOptionValue("maxHeight", overlayContent);
                    const contentMinHeight = this._getOptionValue("minHeight", overlayContent);
                    const popupHeightParts = this._splitPopupHeight();
                    const heightStrategyChangeOffset = ((currentHeightStrategyClass, popupVerticalPaddings) => currentHeightStrategyClass === HEIGHT_STRATEGIES.flex ? -popupVerticalPaddings : 0)(currentHeightStrategyClass, popupHeightParts.popupVerticalPaddings);
                    const toolbarsAndVerticalOffsetsHeight = popupHeightParts.header + popupHeightParts.footer + popupHeightParts.contentVerticalOffsets + popupHeightParts.popupVerticalOffsets + heightStrategyChangeOffset;
                    if (currentHeightStrategyClass === HEIGHT_STRATEGIES.static) {
                        if (!this._isAutoHeight() || contentMaxHeight || contentMinHeight) {
                            const overlayHeight = this.option("fullScreen") ? Math.min((0, _position.getBoundingRect)(overlayContent).height, _m_window.default.getWindow().innerHeight) : (0, _position.getBoundingRect)(overlayContent).height;
                            const contentHeight = overlayHeight - toolbarsAndVerticalOffsetsHeight;
                            cssStyles = {
                                height: Math.max(0, contentHeight),
                                minHeight: "auto",
                                maxHeight: "auto"
                            }
                        }
                    } else {
                        const container = (0, _renderer.default)(this._positionController.$visualContainer).get(0);
                        const maxHeightValue = (0, _size.addOffsetToMaxHeight)(contentMaxHeight, -toolbarsAndVerticalOffsetsHeight, container);
                        const minHeightValue = (0, _size.addOffsetToMinHeight)(contentMinHeight, -toolbarsAndVerticalOffsetsHeight, container);
                        cssStyles = {
                            height: "auto",
                            minHeight: minHeightValue,
                            maxHeight: maxHeightValue
                        }
                    }
                    return cssStyles
                }
                _setHeightClasses($container, currentClass) {
                    let excessClasses = "";
                    for (const name in HEIGHT_STRATEGIES) {
                        if (HEIGHT_STRATEGIES[name] !== currentClass) {
                            excessClasses += ` ${HEIGHT_STRATEGIES[name]}`
                        }
                    }
                    $container.removeClass(excessClasses).addClass(currentClass)
                }
                _isAutoHeight() {
                    return "auto" === this.$overlayContent().get(0).style.height
                }
                _splitPopupHeight() {
                    var _this$$content5, _this$$content6;
                    const topToolbar = this.topToolbar();
                    const bottomToolbar = this.bottomToolbar();
                    return {
                        header: (0, _size.getVisibleHeight)(null === topToolbar || void 0 === topToolbar ? void 0 : topToolbar.get(0)),
                        footer: (0, _size.getVisibleHeight)(null === bottomToolbar || void 0 === bottomToolbar ? void 0 : bottomToolbar.get(0)),
                        contentVerticalOffsets: (0, _size.getVerticalOffsets)(this.$overlayContent().get(0), true),
                        popupVerticalOffsets: (0, _size.getVerticalOffsets)(null === (_this$$content5 = this.$content()) || void 0 === _this$$content5 ? void 0 : _this$$content5.get(0), true),
                        popupVerticalPaddings: (0, _size.getVerticalOffsets)(null === (_this$$content6 = this.$content()) || void 0 === _this$$content6 ? void 0 : _this$$content6.get(0), false)
                    }
                }
                _isAllWindowCovered() {
                    const {
                        fullScreen: fullScreen
                    } = this.option();
                    return super._isAllWindowCovered() || Boolean(fullScreen)
                }
                _renderDimensions() {
                    if (this.option("fullScreen")) {
                        this.$overlayContent().css({
                            width: "100%",
                            height: "100%",
                            minWidth: "",
                            maxWidth: "",
                            minHeight: "",
                            maxHeight: ""
                        })
                    } else {
                        super._renderDimensions()
                    }
                    if (_m_window.default.hasWindow()) {
                        this._renderFullscreenWidthClass()
                    }
                }
                _dimensionChanged() {
                    this._renderGeometry({
                        isDimensionChange: true
                    })
                }
                _clean() {
                    super._clean();
                    this._observeContentResize(false)
                }
                _dispose() {
                    super._dispose();
                    this._toggleBodyScroll(true);
                    this._$topToolbar = null;
                    this._$bottomToolbar = null;
                    this._$popupContent = null
                }
                _renderFullscreenWidthClass() {
                    const isFullScreen = (0, _size.getOuterWidth)(this.$overlayContent()) === (0, _size.getWidth)(window);
                    this.$overlayContent().toggleClass("dx-popup-fullscreen-width", isFullScreen)
                }
                _toggleSafariScrolling() {
                    if (!this.option("enableBodyScroll")) {
                        return
                    }
                    super._toggleSafariScrolling()
                }
                _toggleBodyScroll(enabled) {
                    if (!this._bodyOverflowManager) {
                        return
                    }
                    const {
                        setOverflow: setOverflow,
                        restoreOverflow: restoreOverflow
                    } = this._bodyOverflowManager;
                    if (enabled) {
                        restoreOverflow()
                    } else {
                        setOverflow()
                    }
                }
                refreshPosition() {
                    this._renderPosition()
                }
                _optionChanged(args) {
                    var _this$_resizable2;
                    const {
                        value: value,
                        name: name
                    } = args;
                    switch (name) {
                        case "rtlEnabled":
                        case "disabled": {
                            super._optionChanged(args);
                            const options = {
                                [name]: Boolean(value)
                            };
                            this._updateToolbarOptions("top", options);
                            this._updateToolbarOptions("bottom", options);
                            break
                        }
                        case "animation":
                            this._updateResizeCallbackSkipCondition();
                            break;
                        case "enableBodyScroll":
                            if (this.option("visible")) {
                                this._toggleBodyScroll(value)
                            }
                            break;
                        case "showTitle":
                        case "title":
                            this._renderTopToolbar();
                            this._renderGeometry();
                            (0, _visibility_change.triggerResizeEvent)(this.$overlayContent());
                            break;
                        case "titleTemplate":
                            this._renderTopToolbarImpl();
                            this._renderGeometry();
                            (0, _visibility_change.triggerResizeEvent)(this.$overlayContent());
                            break;
                        case "bottomTemplate":
                            this._renderBottomToolbarImpl();
                            this._renderGeometry();
                            (0, _visibility_change.triggerResizeEvent)(this.$overlayContent());
                            break;
                        case "container":
                            super._optionChanged(args);
                            if (this.option("resizeEnabled")) {
                                var _this$_resizable;
                                null === (_this$_resizable = this._resizable) || void 0 === _this$_resizable || _this$_resizable.option("area", this._positionController.$dragResizeContainer)
                            }
                            break;
                        case "width":
                        case "height":
                            super._optionChanged(args);
                            null === (_this$_resizable2 = this._resizable) || void 0 === _this$_resizable2 || _this$_resizable2.option(name, value);
                            break;
                        case "onTitleRendered":
                            this._createTitleRenderAction();
                            break;
                        case "toolbarItems":
                        case "useDefaultToolbarButtons":
                        case "useFlatToolbarButtons":
                            this._renderTopToolbar();
                            this._renderBottomToolbar();
                            this._renderGeometry();
                            this._triggerToolbarResizeEvent();
                            break;
                        case "dragEnabled":
                            this._renderDrag();
                            break;
                        case "dragAndResizeArea":
                            this._positionController.dragAndResizeArea = value;
                            if (this.option("resizeEnabled")) {
                                this._resizable.option("area", this._positionController.$dragResizeContainer)
                            }
                            this._positionController.positionContent();
                            break;
                        case "dragOutsideBoundary":
                            this._positionController.dragOutsideBoundary = value;
                            if (this.option("resizeEnabled")) {
                                this._resizable.option("area", this._positionController.$dragResizeContainer)
                            }
                            break;
                        case "outsideDragFactor":
                            this._positionController.outsideDragFactor = value;
                            break;
                        case "resizeEnabled":
                            this._renderResize();
                            this._renderGeometry();
                            break;
                        case "autoResizeEnabled":
                            this._renderGeometry();
                            (0, _visibility_change.triggerResizeEvent)(this.$overlayContent());
                            break;
                        case "fullScreen":
                            this._positionController.fullScreen = value;
                            this._toggleFullScreenClass(Boolean(value));
                            this._toggleSafariScrolling();
                            this._renderGeometry();
                            (0, _visibility_change.triggerResizeEvent)(this.$overlayContent());
                            break;
                        case "showCloseButton":
                            this._renderTopToolbar();
                            break;
                        case "preventScrollEvents":
                            super._optionChanged(args);
                            this._toggleContentScrollClass();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                bottomToolbar() {
                    return this._$bottomToolbar
                }
                topToolbar() {
                    return this._$topToolbar
                }
                $content() {
                    return this._$popupContent
                }
                content() {
                    return (0, _element.getPublicElement)(this.$content())
                }
                $overlayContent() {
                    return this._$content
                }
                getFocusableElements() {
                    const $wrapper = this.$wrapper();
                    if (!$wrapper) {
                        return (0, _renderer.default)()
                    }
                    return $wrapper.find("[tabindex]").filter((_, item) => item.getAttribute("tabindex") >= 0)
                }
            }(0, _component_registrator.default)("dxPopup", Popup);
            exports.default = Popup
        },
        26513(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _drag = __webpack_require__( /*! ../../../common/core/events/drag */ 59144);
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = class {
                constructor(config) {
                    this.init(config)
                }
                init(_ref) {
                    let {
                        dragEnabled: dragEnabled,
                        handle: handle,
                        draggableElement: draggableElement,
                        positionController: positionController
                    } = _ref;
                    this._positionController = positionController;
                    this._draggableElement = draggableElement;
                    this._handle = handle;
                    this._dragEnabled = dragEnabled;
                    this.unsubscribe();
                    if (!dragEnabled) {
                        return
                    }
                    this.subscribe()
                }
                moveDown(e) {
                    this._moveTo(5, 0, e)
                }
                moveUp(e) {
                    this._moveTo(-5, 0, e)
                }
                moveLeft(e) {
                    this._moveTo(0, -5, e)
                }
                moveRight(e) {
                    this._moveTo(0, 5, e)
                }
                subscribe() {
                    const eventNames = this._getEventNames();
                    _events_engine.default.on(this._handle, eventNames.startEventName, e => {
                        this._dragStartHandler(e)
                    });
                    _events_engine.default.on(this._handle, eventNames.updateEventName, e => {
                        this._dragUpdateHandler(e)
                    });
                    _events_engine.default.on(this._handle, eventNames.endEventName, e => {
                        this._dragEndHandler(e)
                    })
                }
                unsubscribe() {
                    const eventNames = this._getEventNames();
                    _events_engine.default.off(this._handle, eventNames.startEventName);
                    _events_engine.default.off(this._handle, eventNames.updateEventName);
                    _events_engine.default.off(this._handle, eventNames.endEventName)
                }
                _getEventNames() {
                    const startEventName = (0, _index.addNamespace)(_drag.start, "overlayDrag");
                    const updateEventName = (0, _index.addNamespace)(_drag.move, "overlayDrag");
                    const endEventName = (0, _index.addNamespace)(_drag.end, "overlayDrag");
                    return {
                        startEventName: startEventName,
                        updateEventName: updateEventName,
                        endEventName: endEventName
                    }
                }
                _dragStartHandler(e) {
                    const allowedOffsets = this._getAllowedOffsets();
                    this._prevOffset = {
                        x: 0,
                        y: 0
                    };
                    e.targetElements = [];
                    e.maxTopOffset = allowedOffsets.top;
                    e.maxBottomOffset = allowedOffsets.bottom;
                    e.maxLeftOffset = allowedOffsets.left;
                    e.maxRightOffset = allowedOffsets.right
                }
                _dragUpdateHandler(e) {
                    const targetOffset = {
                        top: e.offset.y - this._prevOffset.y,
                        left: e.offset.x - this._prevOffset.x
                    };
                    this._moveByOffset(targetOffset);
                    this._prevOffset = e.offset
                }
                _dragEndHandler(event) {
                    this._positionController.dragHandled();
                    this._positionController.detectVisualPositionChange(event)
                }
                _moveTo(top, left, e) {
                    if (!this._dragEnabled) {
                        return
                    }
                    e.preventDefault();
                    e.stopPropagation();
                    const offset = this._fitOffsetIntoAllowedRange(top, left);
                    this._moveByOffset(offset);
                    this._dragEndHandler(e)
                }
                _fitOffsetIntoAllowedRange(top, left) {
                    const allowedOffsets = this._getAllowedOffsets();
                    return {
                        top: (0, _math.fitIntoRange)(top, -allowedOffsets.top, allowedOffsets.bottom),
                        left: (0, _math.fitIntoRange)(left, -allowedOffsets.left, allowedOffsets.right)
                    }
                }
                _getContainerDimensions() {
                    const document = _dom_adapter.default.getDocument();
                    const container = this._positionController.$dragResizeContainer.get(0);
                    let containerWidth = (0, _size.getOuterWidth)(container);
                    let containerHeight = (0, _size.getOuterHeight)(container);
                    if ((0, _type.isWindow)(container)) {
                        containerHeight = Math.max(document.body.clientHeight, containerHeight);
                        containerWidth = Math.max(document.body.clientWidth, containerWidth)
                    }
                    return {
                        width: containerWidth,
                        height: containerHeight
                    }
                }
                _getContainerPosition() {
                    const container = this._positionController.$dragResizeContainer.get(0);
                    return (0, _type.isWindow)(container) ? {
                        top: 0,
                        left: 0
                    } : (0, _size.getOffset)(container)
                }
                _getElementPosition() {
                    return (0, _size.getOffset)(this._draggableElement)
                }
                _getInnerDelta() {
                    const containerDimensions = this._getContainerDimensions();
                    const elementDimensions = this._getElementDimensions();
                    return {
                        x: containerDimensions.width - elementDimensions.width,
                        y: containerDimensions.height - elementDimensions.height
                    }
                }
                _getOuterDelta() {
                    const {
                        width: width,
                        height: height
                    } = this._getElementDimensions();
                    const {
                        outsideDragFactor: outsideDragFactor
                    } = this._positionController;
                    return {
                        x: width * outsideDragFactor,
                        y: height * outsideDragFactor
                    }
                }
                _getFullDelta() {
                    const fullDelta = this._getInnerDelta();
                    const outerDelta = this._getOuterDelta();
                    return {
                        x: fullDelta.x + outerDelta.x,
                        y: fullDelta.y + outerDelta.y
                    }
                }
                _getElementDimensions() {
                    return {
                        width: this._draggableElement.offsetWidth,
                        height: this._draggableElement.offsetHeight
                    }
                }
                _getAllowedOffsets() {
                    const fullDelta = this._getFullDelta();
                    const isDragAllowed = fullDelta.y >= 0 && fullDelta.x >= 0;
                    if (!isDragAllowed) {
                        return {
                            top: 0,
                            bottom: 0,
                            left: 0,
                            right: 0
                        }
                    }
                    const elementPosition = this._getElementPosition();
                    const containerPosition = this._getContainerPosition();
                    const outerDelta = this._getOuterDelta();
                    return {
                        top: elementPosition.top - containerPosition.top + outerDelta.y,
                        bottom: -elementPosition.top + containerPosition.top + fullDelta.y,
                        left: elementPosition.left - containerPosition.left + outerDelta.x,
                        right: -elementPosition.left + containerPosition.left + fullDelta.x
                    }
                }
                _moveByOffset(offset) {
                    const currentPosition = (0, _translator.locate)(this._draggableElement);
                    const newPosition = {
                        left: currentPosition.left + offset.left,
                        top: currentPosition.top + offset.top
                    };
                    (0, _translator.move)(this._draggableElement, newPosition)
                }
            }
        },
        27129(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.createBodyOverflowManager = void 0;
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _m_window = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_window */ 14470));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const overflowManagerMock = {
                setOverflow: _common.noop,
                restoreOverflow: _common.noop
            };
            exports.createBodyOverflowManager = () => {
                if (!_m_window.default.hasWindow()) {
                    return overflowManagerMock
                }
                const window = _m_window.default.getWindow();
                const {
                    documentElement: documentElement
                } = _dom_adapter.default.getDocument();
                const body = _dom_adapter.default.getBody();
                const isIosDevice = "ios" === _devices.default.real().platform;
                const prevSettings = {
                    overflow: null,
                    overflowX: null,
                    overflowY: null,
                    paddingRight: null,
                    position: null,
                    top: null,
                    left: null
                };
                return {
                    setOverflow: isIosDevice ? () => {
                        if ((0, _type.isDefined)(prevSettings.position) || "fixed" === body.style.position) {
                            return
                        }
                        const {
                            scrollY: scrollY,
                            scrollX: scrollX
                        } = window;
                        prevSettings.position = body.style.position;
                        prevSettings.top = body.style.top;
                        prevSettings.left = body.style.left;
                        body.style.setProperty("position", "fixed");
                        body.style.setProperty("top", -scrollY + "px");
                        body.style.setProperty("left", -scrollX + "px")
                    } : () => {
                        (() => {
                            const scrollBarWidth = window.innerWidth - documentElement.clientWidth;
                            if (prevSettings.paddingRight || scrollBarWidth <= 0) {
                                return
                            }
                            const paddingRight = window.getComputedStyle(body).getPropertyValue("padding-right");
                            const computedBodyPaddingRight = parseInt(paddingRight, 10);
                            prevSettings.paddingRight = computedBodyPaddingRight;
                            body.style.setProperty("padding-right", `${computedBodyPaddingRight+scrollBarWidth}px`)
                        })();
                        if (prevSettings.overflow || "hidden" === body.style.overflow) {
                            return
                        }
                        prevSettings.overflow = body.style.overflow;
                        prevSettings.overflowX = body.style.overflowX;
                        prevSettings.overflowY = body.style.overflowY;
                        body.style.setProperty("overflow", "hidden")
                    },
                    restoreOverflow: isIosDevice ? () => {
                        if (!(0, _type.isDefined)(prevSettings.position)) {
                            return
                        }
                        const scrollY = -parseInt(body.style.top, 10);
                        const scrollX = -parseInt(body.style.left, 10);
                        ["position", "top", "left"].forEach(property => {
                            if (prevSettings[property]) {
                                body.style.setProperty(property, prevSettings[property])
                            } else {
                                body.style.removeProperty(property)
                            }
                        });
                        window.scrollTo(scrollX, scrollY);
                        prevSettings.position = null
                    } : () => {
                        (() => {
                            if (!(0, _type.isDefined)(prevSettings.paddingRight)) {
                                return
                            }
                            if (prevSettings.paddingRight) {
                                body.style.setProperty("padding-right", `${prevSettings.paddingRight}px`)
                            } else {
                                body.style.removeProperty("padding-right")
                            }
                            prevSettings.paddingRight = null
                        })();
                        ["overflow", "overflowX", "overflowY"].forEach(property => {
                            if (!(0, _type.isDefined)(prevSettings[property])) {
                                return
                            }
                            const propertyInKebabCase = property.replace(/(X)|(Y)/, symbol => `-${symbol.toLowerCase()}`);
                            if (prevSettings[property]) {
                                body.style.setProperty(propertyInKebabCase, prevSettings[property])
                            } else {
                                body.style.removeProperty(propertyInKebabCase)
                            }
                            prevSettings[property] = null
                        })
                    }
                }
            }
        },
        31523(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PopupPositionController = void 0;
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _view_port = __webpack_require__( /*! ../../../core/utils/view_port */ 55355);
            var _overlay_position_controller = __webpack_require__( /*! ../../ui/overlay/overlay_position_controller */ 46967);
            var _m_window = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_window */ 14470));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = _m_window.default.getWindow();
            class PopupPositionController extends _overlay_position_controller.OverlayPositionController {
                constructor(params) {
                    super(params);
                    const superProperties = this._properties;
                    const {
                        properties: properties
                    } = params;
                    const {
                        fullScreen: fullScreen,
                        forceApplyBindings: forceApplyBindings,
                        dragOutsideBoundary: dragOutsideBoundary,
                        dragAndResizeArea: dragAndResizeArea,
                        outsideDragFactor: outsideDragFactor
                    } = properties;
                    this._properties = Object.assign({}, superProperties, {
                        fullScreen: fullScreen,
                        forceApplyBindings: forceApplyBindings,
                        dragOutsideBoundary: dragOutsideBoundary,
                        dragAndResizeArea: dragAndResizeArea,
                        outsideDragFactor: outsideDragFactor
                    });
                    this._$dragResizeContainer = void 0;
                    this._updateDragResizeContainer()
                }
                get $dragResizeContainer() {
                    return this._$dragResizeContainer
                }
                get outsideDragFactor() {
                    if (this._properties.dragOutsideBoundary) {
                        return 1
                    }
                    return this._properties.outsideDragFactor
                }
                set outsideDragFactor(outsideDragFactor) {
                    this._properties.outsideDragFactor = outsideDragFactor
                }
                set fullScreen(fullScreen) {
                    this._properties.fullScreen = fullScreen;
                    if (fullScreen) {
                        this._fullScreenEnabled()
                    } else {
                        this._fullScreenDisabled()
                    }
                }
                set dragAndResizeArea(dragAndResizeArea) {
                    this._properties.dragAndResizeArea = dragAndResizeArea;
                    this._updateDragResizeContainer()
                }
                set dragOutsideBoundary(dragOutsideBoundary) {
                    this._properties.dragOutsideBoundary = dragOutsideBoundary;
                    this._updateDragResizeContainer()
                }
                updateContainer(container) {
                    super.updateContainer(container);
                    this._updateDragResizeContainer()
                }
                dragHandled() {
                    this.restorePositionOnNextRender(false)
                }
                resizeHandled() {
                    this.restorePositionOnNextRender(false)
                }
                positionContent() {
                    if (this._properties.fullScreen) {
                        if (this._$content) {
                            (0, _translator.move)(this._$content, {
                                top: 0,
                                left: 0
                            })
                        }
                        this.detectVisualPositionChange()
                    } else {
                        var _this$_properties$for, _this$_properties;
                        null === (_this$_properties$for = (_this$_properties = this._properties).forceApplyBindings) || void 0 === _this$_properties$for || _this$_properties$for.call(_this$_properties);
                        super.positionContent()
                    }
                }
                clean() {
                    this._$dragResizeContainer = void 0;
                    super.clean()
                }
                _normalizePosition(position) {
                    const normalizedPosition = super._normalizePosition(position);
                    if (this._properties.fullScreen) {
                        normalizedPosition.of = "window"
                    }
                    return normalizedPosition
                }
                _updateDragResizeContainer() {
                    this._$dragResizeContainer = this._getDragResizeContainer()
                }
                _getDragResizeContainer() {
                    if (this._properties.dragOutsideBoundary) {
                        return (0, _renderer.default)(window)
                    }
                    if (this._properties.dragAndResizeArea) {
                        return (0, _renderer.default)(this._properties.dragAndResizeArea)
                    }
                    const isContainerDefined = (0, _view_port.originalViewPort)().get(0) || this._properties.container;
                    return isContainerDefined ? this._$markupContainer : (0, _renderer.default)(window)
                }
                _getVisualContainer() {
                    if (this._properties.fullScreen) {
                        return (0, _renderer.default)(window)
                    }
                    return super._getVisualContainer()
                }
                _fullScreenEnabled() {
                    this.restorePositionOnNextRender(false)
                }
                _fullScreenDisabled() {
                    this.restorePositionOnNextRender(true)
                }
            }
            exports.PopupPositionController = PopupPositionController
        },
        49167(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/editor/editor */ 24768));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class RadioButton extends _editor.default {
                _supportedKeys() {
                    return Object.assign({}, super._supportedKeys(), {
                        space: function(e) {
                            e.preventDefault();
                            this._clickAction({
                                event: e
                            })
                        }
                    })
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        hoverStateEnabled: true,
                        activeStateEnabled: true,
                        value: false
                    })
                }
                _canValueBeChangedByClick() {
                    return true
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }])
                }
                _init() {
                    super._init();
                    this.$element().addClass("dx-radiobutton")
                }
                _initMarkup() {
                    super._initMarkup();
                    this._renderIcon();
                    this._renderCheckedState(this.option("value"));
                    this._renderClick();
                    this.setAria("role", "radio")
                }
                _renderIcon() {
                    this._$icon = (0, _renderer.default)("<div>").addClass("dx-radiobutton-icon");
                    (0, _renderer.default)("<div>").addClass("dx-radiobutton-icon-dot").appendTo(this._$icon);
                    this.$element().append(this._$icon)
                }
                _renderCheckedState(checked) {
                    this.$element().toggleClass("dx-radiobutton-checked", checked).find(".dx-radiobutton-icon").toggleClass("dx-radiobutton-icon-checked", checked);
                    this.setAria("checked", checked)
                }
                _renderClick() {
                    const eventName = (0, _utils.addNamespace)(_click.name, this.NAME);
                    this._clickAction = this._createAction(args => {
                        this._clickHandler(args.event)
                    });
                    _events_engine.default.off(this.$element(), eventName);
                    _events_engine.default.on(this.$element(), eventName, e => {
                        var _this$_clickAction;
                        null === (_this$_clickAction = this._clickAction) || void 0 === _this$_clickAction || _this$_clickAction.call(this, {
                            event: e
                        })
                    })
                }
                _clickHandler(e) {
                    this._saveValueChangeEvent(e);
                    this.option("value", true);
                    this._saveValueChangeEvent(void 0)
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    if ("value" === name) {
                        this._renderCheckedState(value);
                        super._optionChanged(args)
                    } else {
                        super._optionChanged(args)
                    }
                }
            }(0, _component_registrator.default)("dxRadioButton", RadioButton);
            exports.default = RadioButton
        },
        87(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/editor/ui.data_expression */ 7632));
            var _collection_widget = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/collection_widget.edit */ 79839));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class RadioCollection extends _collection_widget.default {
                _focusTarget() {
                    return (0, _renderer.default)(this.element()).parent()
                }
                _nullValueSelectionSupported() {
                    return true
                }
                _getDefaultOptions() {
                    const defaultOptions = super._getDefaultOptions();
                    return (0, _extend.extend)(defaultOptions, _ui.default._dataExpressionDefaultOptions(), {
                        _itemAttributes: {
                            role: "radio"
                        }
                    })
                }
                _initMarkup() {
                    super._initMarkup();
                    (0, _common.deferRender)(() => {
                        this._itemElements().addClass("dx-radiobutton")
                    })
                }
                _keyboardEventBindingTarget() {
                    return this._focusTarget()
                }
                _postprocessRenderItem(args) {
                    const {
                        itemData: {
                            html: html
                        },
                        itemElement: itemElement
                    } = args;
                    if (!html) {
                        const $radio = (0, _renderer.default)("<div>").addClass("dx-radiobutton-icon");
                        (0, _renderer.default)("<div>").addClass("dx-radiobutton-icon-dot").appendTo($radio);
                        const $radioContainer = (0, _renderer.default)("<div>").append($radio).addClass("dx-radio-value-container");
                        (0, _renderer.default)(itemElement).prepend($radioContainer)
                    }
                    super._postprocessRenderItem(args)
                }
                _processSelectableItem($itemElement, isSelected) {
                    super._processSelectableItem($itemElement, isSelected);
                    $itemElement.toggleClass("dx-radiobutton-checked", isSelected).find(".dx-radiobutton-icon").first().toggleClass("dx-radiobutton-icon-checked", isSelected);
                    this.setAria("checked", isSelected, $itemElement)
                }
                _refreshContent() {
                    this._prepareContent();
                    this._renderContent()
                }
                _supportedKeys() {
                    const parent = super._supportedKeys();
                    return (0, _extend.extend)({}, parent, {
                        enter(e) {
                            e.preventDefault();
                            return parent.enter.apply(this, arguments)
                        },
                        space(e) {
                            e.preventDefault();
                            return parent.space.apply(this, arguments)
                        }
                    })
                }
                _itemElements() {
                    return this._itemContainer().children(this._itemSelector())
                }
                _setAriaSelectionAttribute() {}
            }
            exports.default = RadioCollection
        },
        72076(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/editor/ui.data_expression */ 7632));
            var _editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/editor/editor */ 24768));
            var _m_radio_collection = _interopRequireDefault(__webpack_require__( /*! ./m_radio_collection */ 87));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class RadioGroup extends _editor.default {
                _dataSourceOptions() {
                    return {
                        paginate: false
                    }
                }
                _activeStateUnit() {
                    return ".dx-radiobutton"
                }
                _feedbackHideTimeout() {
                    return 100
                }
                _defaultOptionsRules() {
                    const defaultOptionsRules = super._defaultOptionsRules();
                    return defaultOptionsRules.concat([{
                        device: {
                            tablet: true
                        },
                        options: {
                            layout: "horizontal"
                        }
                    }, {
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }])
                }
                _fireContentReadyAction(force) {
                    force && super._fireContentReadyAction()
                }
                _focusTarget() {
                    return this.$element()
                }
                _getAriaTarget() {
                    return this.$element()
                }
                _getDefaultOptions() {
                    const defaultOptions = super._getDefaultOptions();
                    return (0, _extend.extend)(defaultOptions, (0, _extend.extend)(_ui.default._dataExpressionDefaultOptions(), {
                        hoverStateEnabled: true,
                        activeStateEnabled: true,
                        layout: "vertical"
                    }))
                }
                _getItemValue(item) {
                    return this._valueGetter ? this._valueGetter(item) : item.text
                }
                _getSubmitElement() {
                    return this._$submitElement
                }
                _init() {
                    super._init();
                    this._initDataExpressions()
                }
                _initMarkup() {
                    (0, _renderer.default)(this.element()).addClass("dx-radiogroup");
                    this._renderSubmitElement();
                    this.setAria("role", "radiogroup");
                    this._renderRadios();
                    this._renderLayout();
                    super._initMarkup()
                }
                _itemClickHandler(_ref) {
                    let {
                        itemElement: itemElement,
                        event: event,
                        itemData: itemData
                    } = _ref;
                    if (this.itemElements().is(itemElement)) {
                        const newValue = this._getItemValue(itemData);
                        if (newValue !== this.option("value")) {
                            this._saveValueChangeEvent(event);
                            this.option("value", newValue)
                        }
                    }
                }
                _getSelectedItemKeys(value) {
                    const isNullSelectable = "this" !== this.option("valueExpr");
                    const shouldSelectValue = isNullSelectable && null === value || (0, _type.isDefined)(value);
                    return shouldSelectValue ? [value] : []
                }
                _setSelection(currentValue) {
                    const value = this._unwrappedValue(currentValue);
                    this._setCollectionWidgetOption("selectedItemKeys", this._getSelectedItemKeys(value))
                }
                _renderValidationState() {
                    var _this$_validationMess;
                    super._renderValidationState();
                    null === (_this$_validationMess = this._validationMessage) || void 0 === _this$_validationMess || _this$_validationMess.$content().attr("role", "alert")
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    this._dataExpressionOptionChanged(args);
                    switch (name) {
                        case "dataSource":
                            this._invalidate();
                            break;
                        case "focusStateEnabled":
                        case "accessKey":
                        case "tabIndex":
                            this._setCollectionWidgetOption(name, value);
                            break;
                        case "disabled":
                            super._optionChanged(args);
                            this._setCollectionWidgetOption(name, value);
                            break;
                        case "valueExpr":
                            this._setCollectionWidgetOption("keyExpr", this._getCollectionKeyExpr());
                            break;
                        case "value":
                            this._setSelection(value);
                            this._setSubmitValue(value);
                            super._optionChanged(args);
                            break;
                        case "items":
                            this._setSelection(this.option("value"));
                            break;
                        case "itemTemplate":
                        case "displayExpr":
                            break;
                        case "layout":
                            this._renderLayout();
                            this._updateItemsSize();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _render() {
                    super._render();
                    this._updateItemsSize()
                }
                _renderLayout() {
                    const {
                        layout: layout
                    } = this.option();
                    const $element = (0, _renderer.default)(this.element());
                    $element.toggleClass("dx-radiogroup-vertical", "vertical" === layout);
                    $element.toggleClass("dx-radiogroup-horizontal", "horizontal" === layout)
                }
                _renderRadios() {
                    this._areRadiosCreated = (0, _deferred.Deferred)();
                    const $radios = (0, _renderer.default)("<div>").appendTo(this.$element());
                    const {
                        displayExpr: displayExpr,
                        accessKey: accessKey,
                        focusStateEnabled: focusStateEnabled,
                        itemTemplate: itemTemplate,
                        tabIndex: tabIndex,
                        value: value
                    } = this.option();
                    this._createComponent($radios, _m_radio_collection.default, {
                        onInitialized: _ref2 => {
                            let {
                                component: component
                            } = _ref2;
                            this._radios = component
                        },
                        onContentReady: e => {
                            this._fireContentReadyAction(true)
                        },
                        onItemClick: this._itemClickHandler.bind(this),
                        displayExpr: displayExpr,
                        accessKey: accessKey,
                        dataSource: this._dataSource,
                        focusStateEnabled: focusStateEnabled,
                        itemTemplate: itemTemplate,
                        keyExpr: this._getCollectionKeyExpr(),
                        noDataText: "",
                        scrollingEnabled: false,
                        selectByClick: false,
                        selectionMode: "single",
                        selectedItemKeys: this._getSelectedItemKeys(value),
                        tabIndex: tabIndex
                    });
                    this._areRadiosCreated.resolve()
                }
                _renderSubmitElement() {
                    this._$submitElement = (0, _renderer.default)("<input>").attr("type", "hidden").appendTo(this.$element());
                    this._setSubmitValue()
                }
                _setOptionsByReference() {
                    super._setOptionsByReference();
                    (0, _extend.extend)(this._optionsByReference, {
                        value: true
                    })
                }
                _setSubmitValue(value) {
                    value = value ?? this.option("value");
                    const submitValue = "this" === this.option("valueExpr") ? this._displayGetter(value) : value;
                    this._$submitElement.val(submitValue)
                }
                _setCollectionWidgetOption(name, value) {
                    this._areRadiosCreated.done(this._setWidgetOption.bind(this, "_radios", arguments))
                }
                _updateItemsSize() {
                    const {
                        layout: layout
                    } = this.option();
                    if ("horizontal" === layout) {
                        var _this$itemElements;
                        null === (_this$itemElements = this.itemElements()) || void 0 === _this$itemElements || _this$itemElements.css("height", "auto")
                    } else {
                        var _this$itemElements2;
                        const itemsCount = this.option("items").length;
                        null === (_this$itemElements2 = this.itemElements()) || void 0 === _this$itemElements2 || _this$itemElements2.css("height", 100 / itemsCount + "%")
                    }
                }
                focus() {
                    var _this$_radios;
                    null === (_this$_radios = this._radios) || void 0 === _this$_radios || _this$_radios.focus()
                }
                itemElements() {
                    var _this$_radios2;
                    return null === (_this$_radios2 = this._radios) || void 0 === _this$_radios2 ? void 0 : _this$_radios2._itemElements()
                }
            }
            RadioGroup.include(_ui.default);
            (0, _component_registrator.default)("dxRadioGroup", RadioGroup);
            exports.default = RadioGroup
        },
        4668(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _drag = __webpack_require__( /*! ../../../common/core/events/drag */ 59144);
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _visibility_change = __webpack_require__( /*! ../../../common/core/events/visibility_change */ 18029);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _dom_component = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/dom_component */ 22331));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DRAGSTART_START_EVENT_NAME = (0, _index.addNamespace)(_drag.start, "dxResizable");
            const DRAGSTART_EVENT_NAME = (0, _index.addNamespace)(_drag.move, "dxResizable");
            const DRAGSTART_END_EVENT_NAME = (0, _index.addNamespace)(_drag.end, "dxResizable");
            const SIDE_BORDER_WIDTH_STYLES = {
                left: "borderLeftWidth",
                top: "borderTopWidth",
                right: "borderRightWidth",
                bottom: "borderBottomWidth"
            };
            class Resizable extends _dom_component.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        handles: "all",
                        step: "1",
                        stepPrecision: "simple",
                        minWidth: 30,
                        maxWidth: 1 / 0,
                        minHeight: 30,
                        maxHeight: 1 / 0,
                        roundStepValue: true,
                        keepAspectRatio: true
                    })
                }
                _init() {
                    super._init();
                    this.$element().addClass("dx-resizable")
                }
                _initMarkup() {
                    super._initMarkup();
                    this._renderHandles()
                }
                _render() {
                    super._render();
                    this._renderActions()
                }
                _renderActions() {
                    this._resizeStartAction = this._createActionByOption("onResizeStart");
                    this._resizeEndAction = this._createActionByOption("onResizeEnd");
                    this._resizeAction = this._createActionByOption("onResize")
                }
                _renderHandles() {
                    this._handles = [];
                    const {
                        handles: handles
                    } = this.option();
                    if ("none" === handles || !handles) {
                        return
                    }
                    const directions = "all" === handles ? ["top", "bottom", "left", "right"] : handles.split(" ");
                    const activeHandlesMap = {};
                    (0, _iterator.each)(directions, (index, handleName) => {
                        activeHandlesMap[handleName] = true;
                        this._renderHandle(handleName)
                    });
                    if (activeHandlesMap.bottom && activeHandlesMap.right) {
                        this._renderHandle("corner-bottom-right")
                    }
                    if (activeHandlesMap.bottom && activeHandlesMap.left) {
                        this._renderHandle("corner-bottom-left")
                    }
                    if (activeHandlesMap.top && activeHandlesMap.right) {
                        this._renderHandle("corner-top-right")
                    }
                    if (activeHandlesMap.top && activeHandlesMap.left) {
                        this._renderHandle("corner-top-left")
                    }
                    this._attachEventHandlers()
                }
                _renderHandle(handleName) {
                    const $handle = (0, _renderer.default)("<div>").addClass("dx-resizable-handle").addClass(`dx-resizable-handle-${handleName}`).appendTo(this.$element());
                    this._handles.push($handle)
                }
                _attachEventHandlers() {
                    if (this.option("disabled")) {
                        return
                    }
                    const handlers = {};
                    handlers[DRAGSTART_START_EVENT_NAME] = this._dragStartHandler.bind(this);
                    handlers[DRAGSTART_EVENT_NAME] = this._dragHandler.bind(this);
                    handlers[DRAGSTART_END_EVENT_NAME] = this._dragEndHandler.bind(this);
                    this._handles.forEach(handleElement => {
                        _events_engine.default.on(handleElement, handlers, {
                            direction: "both",
                            immediate: true
                        })
                    })
                }
                _detachEventHandlers() {
                    this._handles.forEach(handleElement => {
                        _events_engine.default.off(handleElement)
                    })
                }
                _toggleEventHandlers(shouldAttachEvents) {
                    if (shouldAttachEvents) {
                        this._attachEventHandlers()
                    } else {
                        this._detachEventHandlers()
                    }
                }
                _getElementSize() {
                    const $element = this.$element();
                    return "border-box" === $element.css("boxSizing") ? {
                        width: (0, _size.getOuterWidth)($element),
                        height: (0, _size.getOuterHeight)($element)
                    } : {
                        width: (0, _size.getWidth)($element),
                        height: (0, _size.getHeight)($element)
                    }
                }
                _dragStartHandler(e) {
                    var _this$_resizeStartAct;
                    const $element = this.$element();
                    if ($element.is(".dx-state-disabled, .dx-state-disabled *")) {
                        e.cancel = true;
                        return
                    }
                    this._toggleResizingClass(true);
                    this._movingSides = this._getMovingSides(e);
                    this._elementLocation = (0, _translator.locate)($element);
                    this._elementSize = this._getElementSize();
                    this._renderDragOffsets(e);
                    null === (_this$_resizeStartAct = this._resizeStartAction) || void 0 === _this$_resizeStartAct || _this$_resizeStartAct.call(this, {
                        event: e,
                        width: this._elementSize.width,
                        height: this._elementSize.height,
                        handles: this._movingSides
                    });
                    e.targetElements = null
                }
                _toggleResizingClass(value) {
                    this.$element().toggleClass("dx-resizable-resizing", value)
                }
                _renderDragOffsets(e) {
                    const area = this._getArea();
                    if (!area) {
                        return
                    }
                    const $handle = (0, _renderer.default)(e.target).closest(".dx-resizable-handle");
                    const handleWidth = (0, _size.getOuterWidth)($handle);
                    const handleHeight = (0, _size.getOuterHeight)($handle);
                    const handleOffset = $handle.offset() ?? {
                        left: 0,
                        top: 0
                    };
                    const areaOffset = area.offset;
                    const scrollOffset = this._getAreaScrollOffset();
                    this._leftMaxOffset = handleOffset.left - areaOffset.left - scrollOffset.scrollX;
                    e.maxLeftOffset = this._leftMaxOffset;
                    this._rightMaxOffset = areaOffset.left + area.width - handleOffset.left - handleWidth + scrollOffset.scrollX;
                    e.maxRightOffset = this._rightMaxOffset;
                    this._topMaxOffset = handleOffset.top - areaOffset.top - scrollOffset.scrollY;
                    e.maxTopOffset = this._topMaxOffset;
                    this._bottomMaxOffset = areaOffset.top + area.height - handleOffset.top - handleHeight + scrollOffset.scrollY;
                    e.maxBottomOffset = this._bottomMaxOffset
                }
                _getBorderWidth($element, direction) {
                    if ((0, _type.isWindow)($element.get(0))) {
                        return 0
                    }
                    const borderWidth = $element.css(SIDE_BORDER_WIDTH_STYLES[direction]);
                    return parseInt(borderWidth, 10) || 0
                }
                _proportionate(direction, value) {
                    const size = this._elementSize;
                    const factor = "x" === direction ? size.width / size.height : size.height / size.width;
                    return value * factor
                }
                _getProportionalDelta(delta) {
                    const {
                        x: x,
                        y: y
                    } = delta;
                    const proportionalY = this._proportionate("y", x);
                    if (proportionalY >= y) {
                        return {
                            x: x,
                            y: proportionalY
                        }
                    }
                    const proportionalX = this._proportionate("x", y);
                    if (proportionalX >= x) {
                        return {
                            x: proportionalX,
                            y: y
                        }
                    }
                    return {
                        x: 0,
                        y: 0
                    }
                }
                _getDirectionName(axis) {
                    const sides = this._movingSides;
                    if ("x" === axis) {
                        return sides.left ? "left" : "right"
                    }
                    return sides.top ? "top" : "bottom"
                }
                _fitIntoArea(axis, value) {
                    const directionName = this._getDirectionName(axis);
                    return Math.min(value, this[`_${directionName}MaxOffset`] ?? 1 / 0)
                }
                _fitDeltaProportionally(delta) {
                    let fittedDelta = Object.assign({}, delta);
                    const size = this._elementSize;
                    const {
                        minWidth: minWidth,
                        minHeight: minHeight,
                        maxWidth: maxWidth,
                        maxHeight: maxHeight
                    } = this.option();
                    const calculateWidth = () => size.width + fittedDelta.x;
                    const calculateHeight = () => size.height + fittedDelta.y;
                    const isInArea = axis => fittedDelta[axis] === this._fitIntoArea(axis, fittedDelta[axis]);
                    const isFittedX = () => (0, _math.inRange)(calculateWidth(), minWidth, maxWidth) && isInArea("x");
                    const isFittedY = () => (0, _math.inRange)(calculateHeight(), minHeight, maxHeight) && isInArea("y");
                    if (!isFittedX()) {
                        const x = this._fitIntoArea("x", (0, _math.fitIntoRange)(calculateWidth(), minWidth, maxWidth) - size.width);
                        fittedDelta = {
                            x: x,
                            y: this._proportionate("y", x)
                        }
                    }
                    if (!isFittedY()) {
                        const y = this._fitIntoArea("y", (0, _math.fitIntoRange)(calculateHeight(), minHeight, maxHeight) - size.height);
                        fittedDelta = {
                            x: this._proportionate("x", y),
                            y: y
                        }
                    }
                    return isFittedX() && isFittedY() ? fittedDelta : {
                        x: 0,
                        y: 0
                    }
                }
                _fitDelta(delta) {
                    const {
                        x: x,
                        y: y
                    } = delta;
                    const size = this._elementSize;
                    const {
                        minWidth: minWidth,
                        minHeight: minHeight,
                        maxWidth: maxWidth,
                        maxHeight: maxHeight
                    } = this.option();
                    return {
                        x: (0, _math.fitIntoRange)(size.width + x, minWidth, maxWidth) - size.width,
                        y: (0, _math.fitIntoRange)(size.height + y, minHeight, maxHeight) - size.height
                    }
                }
                _getDeltaByOffset(offset) {
                    const sides = this._movingSides;
                    const shouldKeepAspectRatio = this._isCornerHandler(sides) && this.option("keepAspectRatio");
                    let delta = {
                        x: offset.x * (sides.left ? -1 : 1),
                        y: offset.y * (sides.top ? -1 : 1)
                    };
                    if (shouldKeepAspectRatio) {
                        const proportionalDelta = this._getProportionalDelta(delta);
                        const fittedProportionalDelta = this._fitDeltaProportionally(proportionalDelta);
                        delta = fittedProportionalDelta
                    } else {
                        const fittedDelta = this._fitDelta(delta);
                        const roundedFittedDelta = this._roundByStep(fittedDelta);
                        delta = roundedFittedDelta
                    }
                    return delta
                }
                _updatePosition(delta, elementDimensions) {
                    const {
                        width: width,
                        height: height
                    } = elementDimensions;
                    const location = this._elementLocation;
                    const sides = this._movingSides;
                    const $element = this.$element();
                    const elementRect = this._getElementSize();
                    const offsetTop = delta.y * (sides.top ? -1 : 1) - ((elementRect.height || height) - height);
                    const offsetLeft = delta.x * (sides.left ? -1 : 1) - ((elementRect.width || width) - width);
                    (0, _translator.move)($element, {
                        top: location.top + (sides.top ? offsetTop : 0),
                        left: location.left + (sides.left ? offsetLeft : 0)
                    })
                }
                _dragHandler(e) {
                    const offset = this._getOffset(e);
                    const delta = this._getDeltaByOffset(offset);
                    const dimensions = this._updateDimensions(delta);
                    this._updatePosition(delta, dimensions);
                    this._triggerResizeAction(e, dimensions)
                }
                _updateDimensions(delta) {
                    const isAbsoluteSize = size => "px" === size.substring(size.length - 2);
                    const {
                        stepPrecision: stepPrecision
                    } = this.option();
                    const isStepPrecisionStrict = "strict" === stepPrecision;
                    const size = this._elementSize;
                    const width = size.width + delta.x;
                    const height = size.height + delta.y;
                    const elementStyle = this.$element()[0].style;
                    const shouldRenderWidth = delta.x || isStepPrecisionStrict || isAbsoluteSize(elementStyle.width);
                    const shouldRenderHeight = delta.y || isStepPrecisionStrict || isAbsoluteSize(elementStyle.height);
                    if (shouldRenderWidth) {
                        this.option({
                            width: width
                        })
                    }
                    if (shouldRenderHeight) {
                        this.option({
                            height: height
                        })
                    }
                    return {
                        width: shouldRenderWidth ? width : size.width,
                        height: shouldRenderHeight ? height : size.height
                    }
                }
                _triggerResizeAction(e, elementDimensions) {
                    var _this$_resizeAction;
                    const {
                        width: width,
                        height: height
                    } = elementDimensions;
                    null === (_this$_resizeAction = this._resizeAction) || void 0 === _this$_resizeAction || _this$_resizeAction.call(this, {
                        event: e,
                        width: this.option("width") || width,
                        height: this.option("height") || height,
                        handles: this._movingSides
                    });
                    (0, _visibility_change.triggerResizeEvent)(this.$element())
                }
                _isCornerHandler(sides) {
                    return 0 === Object.values(sides).reduce((xor, value) => xor ^ value, 0)
                }
                _getOffset(e) {
                    const {
                        offset: offset
                    } = e;
                    const sides = this._movingSides;
                    if (!sides.left && !sides.right) {
                        offset.x = 0
                    }
                    if (!sides.top && !sides.bottom) {
                        offset.y = 0
                    }
                    return offset
                }
                _roundByStep(delta) {
                    const {
                        stepPrecision: stepPrecision
                    } = this.option();
                    return "strict" === stepPrecision ? this._roundStrict(delta) : this._roundNotStrict(delta)
                }
                _getSteps() {
                    const {
                        step: step,
                        roundStepValue: roundStepValue
                    } = this.option();
                    return (0, _common.pairToObject)(step, !roundStepValue)
                }
                _roundNotStrict(delta) {
                    const {
                        h: h,
                        v: v
                    } = this._getSteps();
                    return {
                        x: delta.x - delta.x % h,
                        y: delta.y - delta.y % v
                    }
                }
                _roundStrict(delta) {
                    const sides = this._movingSides;
                    const offset = {
                        x: delta.x * (sides.left ? -1 : 1),
                        y: delta.y * (sides.top ? -1 : 1)
                    };
                    const steps = this._getSteps();
                    const location = this._elementLocation;
                    const size = this._elementSize;
                    const xPos = sides.left ? location.left : location.left + size.width;
                    const yPos = sides.top ? location.top : location.top + size.height;
                    const newXShift = (xPos + offset.x) % steps.h;
                    const newYShift = (yPos + offset.y) % steps.v;
                    const sign = Math.sign || (x => {
                        const offsetX = +x;
                        if (0 === offsetX || isNaN(offsetX)) {
                            return offsetX
                        }
                        return offsetX > 0 ? 1 : -1
                    });
                    const separatorOffset = (stepValue, offsetValue) => (1 + .2 * sign(offsetValue)) % 1 * stepValue;
                    const isSmallOffset = (offsetValue, stepValue) => Math.abs(offsetValue) < .2 * stepValue;
                    let newOffsetX = offset.x - newXShift;
                    let newOffsetY = offset.y - newYShift;
                    if (newXShift > separatorOffset(steps.h, offset.x)) {
                        newOffsetX += steps.h
                    }
                    if (newYShift > separatorOffset(steps.v, offset.y)) {
                        newOffsetY += steps.v
                    }
                    const roundedOffset_x = (sides.left || sides.right) && !isSmallOffset(offset.x, steps.h) ? newOffsetX : 0,
                        roundedOffset_y = (sides.top || sides.bottom) && !isSmallOffset(offset.y, steps.v) ? newOffsetY : 0;
                    return {
                        x: roundedOffset_x * (sides.left ? -1 : 1),
                        y: roundedOffset_y * (sides.top ? -1 : 1)
                    }
                }
                _getMovingSides(e) {
                    const $target = (0, _renderer.default)(e.target);
                    const hasCornerTopLeftClass = $target.hasClass("dx-resizable-handle-corner-top-left");
                    const hasCornerTopRightClass = $target.hasClass("dx-resizable-handle-corner-top-right");
                    const hasCornerBottomLeftClass = $target.hasClass("dx-resizable-handle-corner-bottom-left");
                    const hasCornerBottomRightClass = $target.hasClass("dx-resizable-handle-corner-bottom-right");
                    return {
                        top: $target.hasClass("dx-resizable-handle-top") || hasCornerTopLeftClass || hasCornerTopRightClass,
                        left: $target.hasClass("dx-resizable-handle-left") || hasCornerTopLeftClass || hasCornerBottomLeftClass,
                        bottom: $target.hasClass("dx-resizable-handle-bottom") || hasCornerBottomLeftClass || hasCornerBottomRightClass,
                        right: $target.hasClass("dx-resizable-handle-right") || hasCornerTopRightClass || hasCornerBottomRightClass
                    }
                }
                _getArea() {
                    let {
                        area: area
                    } = this.option();
                    if ((0, _type.isFunction)(area)) {
                        area = area.call(this)
                    }
                    if ((0, _type.isPlainObject)(area)) {
                        return this._getAreaFromObject(area)
                    }
                    return this._getAreaFromElement(area)
                }
                _getAreaScrollOffset() {
                    const {
                        area: area
                    } = this.option();
                    const isElement = !(0, _type.isFunction)(area) && !(0, _type.isPlainObject)(area);
                    const scrollOffset = {
                        scrollY: 0,
                        scrollX: 0
                    };
                    if (isElement) {
                        const areaElement = (0, _renderer.default)(area)[0];
                        if ((0, _type.isWindow)(areaElement)) {
                            scrollOffset.scrollX = areaElement.pageXOffset;
                            scrollOffset.scrollY = areaElement.pageYOffset
                        }
                    }
                    return scrollOffset
                }
                _getAreaFromObject(area) {
                    const result = {
                        width: area.right - area.left,
                        height: area.bottom - area.top,
                        offset: {
                            left: area.left,
                            top: area.top
                        }
                    };
                    this._correctAreaGeometry(result);
                    return result
                }
                _getAreaFromElement(area) {
                    const $area = (0, _renderer.default)(area);
                    if (!$area.length) {
                        return
                    }
                    const result = {
                        width: (0, _size.getInnerWidth)($area),
                        height: (0, _size.getInnerHeight)($area),
                        offset: (0, _extend.extend)({
                            top: 0,
                            left: 0
                        }, (0, _type.isWindow)($area[0]) ? {} : $area.offset())
                    };
                    this._correctAreaGeometry(result, $area);
                    return result
                }
                _correctAreaGeometry(result, $area) {
                    const areaBorderLeft = $area ? this._getBorderWidth($area, "left") : 0;
                    const areaBorderTop = $area ? this._getBorderWidth($area, "top") : 0;
                    result.offset.left += areaBorderLeft + this._getBorderWidth(this.$element(), "left");
                    result.offset.top += areaBorderTop + this._getBorderWidth(this.$element(), "top");
                    result.width -= (0, _size.getOuterWidth)(this.$element()) - (0, _size.getInnerWidth)(this.$element());
                    result.height -= (0, _size.getOuterHeight)(this.$element()) - (0, _size.getInnerHeight)(this.$element())
                }
                _dragEndHandler(e) {
                    var _this$_resizeEndActio;
                    const $element = this.$element();
                    null === (_this$_resizeEndActio = this._resizeEndAction) || void 0 === _this$_resizeEndActio || _this$_resizeEndActio.call(this, {
                        event: e,
                        width: (0, _size.getOuterWidth)($element),
                        height: (0, _size.getOuterHeight)($element),
                        handles: this._movingSides
                    });
                    this._toggleResizingClass(false)
                }
                _renderWidth(width) {
                    const {
                        minWidth: minWidth,
                        maxWidth: maxWidth
                    } = this.option();
                    this.option("width", (0, _math.fitIntoRange)(width, minWidth, maxWidth))
                }
                _renderHeight(height) {
                    const {
                        minHeight: minHeight,
                        maxHeight: maxHeight
                    } = this.option();
                    this.option("height", (0, _math.fitIntoRange)(height, minHeight, maxHeight))
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "disabled":
                            this._toggleEventHandlers(!value);
                            super._optionChanged(args);
                            break;
                        case "handles":
                            this._invalidate();
                            break;
                        case "minWidth":
                        case "maxWidth":
                            if ((0, _window.hasWindow)()) {
                                this._renderWidth((0, _size.getOuterWidth)(this.$element()))
                            }
                            break;
                        case "minHeight":
                        case "maxHeight":
                            if ((0, _window.hasWindow)()) {
                                this._renderHeight((0, _size.getOuterHeight)(this.$element()))
                            }
                            break;
                        case "onResize":
                        case "onResizeStart":
                        case "onResizeEnd":
                            this._renderActions();
                            break;
                        case "area":
                        case "stepPrecision":
                        case "step":
                        case "roundStepValue":
                        case "keepAspectRatio":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _clean() {
                    this.$element().find(".dx-resizable-handle").remove()
                }
                _useTemplates() {
                    return false
                }
            }(0, _component_registrator.default)("dxResizable", Resizable);
            exports.default = Resizable
        },
        25056(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getAreaFromObject = exports.getAreaFromElement = exports.filterOffsets = exports.borderWidthStyles = void 0;
            exports.getDragOffsets = function(area, handleEl, areaProp) {
                const hWidth = (0, _size.getOuterWidth)(handleEl);
                const hHeight = (0, _size.getOuterHeight)(handleEl);
                const hOffset = (0, _size.getOffset)(handleEl);
                const areaOffset = area.offset;
                const isAreaWindow = (0, _type.isWindow)(areaProp);
                const scrollOffset = {
                    scrollX: isAreaWindow ? areaProp.pageXOffset : 0,
                    scrollY: isAreaWindow ? areaProp.pageYOffset : 0
                };
                return {
                    maxLeftOffset: hOffset.left - areaOffset.left - scrollOffset.scrollX,
                    maxRightOffset: areaOffset.left + area.width - hOffset.left - hWidth + scrollOffset.scrollX,
                    maxTopOffset: hOffset.top - areaOffset.top - scrollOffset.scrollY,
                    maxBottomOffset: areaOffset.top + area.height - hOffset.top - hHeight + scrollOffset.scrollY
                }
            };
            exports.getMovingSides = void 0;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            const borderWidthStyles = exports.borderWidthStyles = {
                left: "borderLeftWidth",
                top: "borderTopWidth",
                right: "borderRightWidth",
                bottom: "borderBottomWidth"
            };

            function getBorderWidth(el, direction) {
                if (!(0, _type.isWindow)(el)) {
                    const borderWidth = el.style[borderWidthStyles[direction]];
                    return parseInt(borderWidth, 10) || 0
                }
                return 0
            }
            const correctGeometry = function(area, mainEl) {
                let el = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : void 0;
                const {
                    width: width,
                    height: height,
                    offset: offset
                } = area;
                const {
                    left: left,
                    top: top
                } = offset;
                const areaBorderLeft = el ? getBorderWidth(el, "left") : 0;
                const areaBorderTop = el ? getBorderWidth(el, "top") : 0;
                return {
                    width: width - (0, _size.getOuterWidth)(mainEl) - (0, _size.getInnerWidth)(mainEl),
                    height: height - (0, _size.getOuterHeight)(mainEl) - (0, _size.getInnerHeight)(mainEl),
                    offset: {
                        left: left + areaBorderLeft + getBorderWidth(mainEl, "left"),
                        top: top + areaBorderTop + getBorderWidth(mainEl, "top")
                    }
                }
            };
            exports.getAreaFromElement = (el, mainEl) => correctGeometry({
                width: (0, _size.getInnerWidth)(el),
                height: (0, _size.getInnerHeight)(el),
                offset: (0, _extend.extend)({
                    top: 0,
                    left: 0
                }, (0, _type.isWindow)(el) ? {} : (0, _size.getOffset)(el))
            }, mainEl, el);
            exports.getAreaFromObject = (_ref, mainEl) => {
                let {
                    left: left,
                    top: top,
                    right: right,
                    bottom: bottom
                } = _ref;
                return correctGeometry({
                    width: right - left,
                    height: bottom - top,
                    offset: {
                        left: left,
                        top: top
                    }
                }, mainEl)
            };
            const getMovingSides = el => {
                const {
                    className: className
                } = el;
                const hasCornerTopLeftClass = className.includes("dx-resizable-handle-corner-top-left");
                const hasCornerTopRightClass = className.includes("dx-resizable-handle-corner-top-right");
                const hasCornerBottomLeftClass = className.includes("dx-resizable-handle-corner-bottom-left");
                const hasCornerBottomRightClass = className.includes("dx-resizable-handle-corner-bottom-right");
                return {
                    top: className.includes("dx-resizable-handle-top") || hasCornerTopLeftClass || hasCornerTopRightClass,
                    left: className.includes("dx-resizable-handle-left") || hasCornerTopLeftClass || hasCornerBottomLeftClass,
                    bottom: className.includes("dx-resizable-handle-bottom") || hasCornerBottomLeftClass || hasCornerBottomRightClass,
                    right: className.includes("dx-resizable-handle-right") || hasCornerTopRightClass || hasCornerBottomRightClass
                }
            };
            exports.getMovingSides = getMovingSides;
            exports.filterOffsets = (offset, handleEl) => {
                const sides = getMovingSides(handleEl);
                const offsetX = !sides.left && !sides.right ? 0 : offset.x;
                const offsetY = !sides.top && !sides.bottom ? 0 : offset.y;
                return {
                    x: offsetX,
                    y: offsetY
                }
            }
        },
        60035(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _uiCollection_widget = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/ui.collection_widget.edit */ 7607));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../ui/widget/ui.errors */ 35185));
            var _box = _interopRequireDefault(__webpack_require__( /*! ../ui/box */ 6554));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class ResponsiveBox extends _uiCollection_widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        rows: [],
                        cols: [],
                        singleColumnScreen: "",
                        screenByWidth: null,
                        height: "100%",
                        width: "100%",
                        activeStateEnabled: false,
                        focusStateEnabled: false,
                        onLayoutChanged: null
                    })
                }
                _init() {
                    const {
                        screenByWidth: screenByWidth
                    } = this.option();
                    if (!screenByWidth) {
                        this._options.silent("screenByWidth", _window.defaultScreenFactorFunc)
                    }
                    super._init();
                    this._initLayoutChangedAction()
                }
                _initLayoutChangedAction() {
                    this._layoutChangedAction = this._createActionByOption("onLayoutChanged", {
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _itemClass() {
                    return "dx-box-item"
                }
                _itemDataKey() {
                    return "dxBoxItemData"
                }
                _initMarkup() {
                    super._initMarkup();
                    this.$element().addClass("dx-responsivebox")
                }
                _renderItems() {
                    this._setScreenSize();
                    this._screenItems = this._itemsByScreen();
                    this._prepareGrid();
                    this._spreadItems();
                    this._layoutItems();
                    this._linkNodeToItem()
                }
                _itemOptionChanged(item) {
                    const $item = this._findItemElementByItem(item);
                    if (!$item.length) {
                        return
                    }
                    this._refreshItem($item, item);
                    this._clearItemNodeTemplates();
                    this._update(true)
                }
                _setScreenSize() {
                    const currentScreen = this._getCurrentScreen();
                    this._removeScreenSizeClass();
                    this.$element().addClass("dx-responsivebox-screen-" + currentScreen);
                    this.option("currentScreenFactor", currentScreen)
                }
                _removeScreenSizeClass() {
                    const {
                        currentScreenFactor: currentScreenFactor
                    } = this.option();
                    if (currentScreenFactor) {
                        this.$element().removeClass("dx-responsivebox-screen-" + currentScreenFactor)
                    }
                }
                _prepareGrid() {
                    this._grid = [];
                    this._prepareRowsAndCols();
                    (0, _iterator.each)(this._rows, () => {
                        const row = [];
                        this._grid.push(row);
                        (0, _iterator.each)(this._cols, () => {
                            row.push(this._createEmptyCell())
                        })
                    })
                }
                getSingleColumnRows() {
                    const {
                        rows: rows
                    } = this.option();
                    const screenItemsLength = this._screenItems.length;
                    if (null !== rows && void 0 !== rows && rows.length) {
                        const filteredRows = this._filterByScreen(rows);
                        const result = [];
                        for (let i = 0; i < screenItemsLength; i += 1) {
                            const sizeConfig = this._defaultSizeConfig();
                            if (i < filteredRows.length && (0, _type.isDefined)(filteredRows[i].shrink)) {
                                sizeConfig.shrink = filteredRows[i].shrink
                            }
                            result.push(sizeConfig)
                        }
                        return result
                    }
                    return this._defaultSizeConfig(screenItemsLength)
                }
                _prepareRowsAndCols() {
                    if (this._isSingleColumnScreen()) {
                        this._prepareSingleColumnScreenItems();
                        this._rows = this.getSingleColumnRows();
                        this._cols = this._defaultSizeConfig(1)
                    } else {
                        const {
                            rows: rows,
                            cols: cols
                        } = this.option();
                        this._rows = this._sizesByScreen(rows);
                        this._cols = this._sizesByScreen(cols)
                    }
                }
                _isSingleColumnScreen() {
                    const {
                        singleColumnScreen: singleColumnScreen,
                        rows: rows,
                        cols: cols
                    } = this.option();
                    return this._screenRegExp().test(singleColumnScreen) || !(null !== rows && void 0 !== rows && rows.length) || !(null !== cols && void 0 !== cols && cols.length)
                }
                _prepareSingleColumnScreenItems() {
                    this._screenItems.sort((item1, item2) => item1.location.row - item2.location.row || item1.location.col - item2.location.col);
                    (0, _iterator.each)(this._screenItems, (index, item) => {
                        Object.assign(item.location, {
                            row: index,
                            col: 0,
                            rowspan: 1,
                            colspan: 1
                        })
                    })
                }
                _sizesByScreen(sizeConfigs) {
                    return (0, _iterator.map)(this._filterByScreen(sizeConfigs), sizeConfig => (0, _extend.extend)(this._defaultSizeConfig(), sizeConfig))
                }
                _createDefaultSizeConfig() {
                    return {
                        ratio: 1,
                        baseSize: 0,
                        minSize: 0,
                        maxSize: 0
                    }
                }
                _defaultSizeConfig(size) {
                    const defaultSizeConfig = this._createDefaultSizeConfig();
                    if (!arguments.length) {
                        return defaultSizeConfig
                    }
                    const result = [];
                    for (let i = 0; i < size; i += 1) {
                        result.push(defaultSizeConfig)
                    }
                    return result
                }
                _filterByScreen(items) {
                    const screenRegExp = this._screenRegExp();
                    return (0, _common.grep)(items, item => !item.screen || screenRegExp.test(item.screen))
                }
                _screenRegExp() {
                    const screen = this._getCurrentScreen();
                    return new RegExp(`(^|\\s)${screen}($|\\s)`, "i")
                }
                _getCurrentScreen() {
                    const width = this._screenWidth();
                    const {
                        screenByWidth: screenByWidth
                    } = this.option();
                    return null === screenByWidth || void 0 === screenByWidth ? void 0 : screenByWidth(width)
                }
                _screenWidth() {
                    if ((0, _window.hasWindow)()) {
                        return (0, _size.getWidth)((0, _window.getWindow)())
                    }
                    return 1920
                }
                _createEmptyCell() {
                    return {
                        item: {},
                        location: {
                            colspan: 1,
                            rowspan: 1
                        }
                    }
                }
                _spreadItems() {
                    (0, _iterator.each)(this._screenItems, (_, itemInfo) => {
                        const location = itemInfo.location || {};
                        const itemCol = location.col;
                        const itemRow = location.row;
                        const row = this._grid[itemRow];
                        const itemCell = null === row || void 0 === row ? void 0 : row[itemCol];
                        this._occupyCells(itemCell, itemInfo)
                    })
                }
                _itemsByScreen() {
                    const {
                        items: items = []
                    } = this.option();
                    return items.reduce((result, item) => {
                        let locations = item.location ?? {};
                        locations = (0, _type.isPlainObject)(locations) ? [locations] : locations;
                        this._filterByScreen(locations).forEach(location => {
                            result.push({
                                item: item,
                                location: Object.assign({
                                    rowspan: 1,
                                    colspan: 1
                                }, location)
                            })
                        });
                        return result
                    }, [])
                }
                _occupyCells(itemCell, itemInfo) {
                    if (!itemCell || this._isItemCellOccupied(itemCell, itemInfo)) {
                        return
                    }(0, _extend.extend)(itemCell, itemInfo);
                    this._markSpanningCell(itemCell)
                }
                _isItemCellOccupied(itemCell, itemInfo) {
                    if (!(0, _type.isEmptyObject)(itemCell.item)) {
                        return true
                    }
                    let result = false;
                    this._loopOverSpanning(itemInfo.location, cell => {
                        result = result || !(0, _type.isEmptyObject)(cell.item)
                    });
                    return result
                }
                _loopOverSpanning(location, callback) {
                    const rowEnd = location.row + location.rowspan - 1;
                    const colEnd = location.col + location.colspan - 1;
                    const boundRowEnd = Math.min(rowEnd, this._rows.length - 1);
                    const boundColEnd = Math.min(colEnd, this._cols.length - 1);
                    location.rowspan -= rowEnd - boundRowEnd;
                    location.colspan -= colEnd - boundColEnd;
                    for (let rowIndex = location.row; rowIndex <= boundRowEnd; rowIndex += 1) {
                        for (let colIndex = location.col; colIndex <= boundColEnd; colIndex += 1) {
                            if (rowIndex !== location.row || colIndex !== location.col) {
                                callback(this._grid[rowIndex][colIndex])
                            }
                        }
                    }
                }
                _markSpanningCell(itemCell) {
                    this._loopOverSpanning(itemCell.location, cell => {
                        cell.item = itemCell.item;
                        cell.spanningCell = itemCell
                    })
                }
                _linkNodeToItem() {
                    (0, _iterator.each)(this._itemElements(), (_, itemNode) => {
                        const $item = (0, _renderer.default)(itemNode);
                        const item = $item.data("dxBoxItemData");
                        if (!item.box) {
                            item.node = $item.children()
                        }
                    })
                }
                _layoutItems() {
                    const rowsCount = this._grid.length;
                    const colsCount = rowsCount && this._grid[0].length;
                    if (!rowsCount && !colsCount) {
                        return
                    }
                    const result = this._layoutBlock({
                        direction: "col",
                        row: {
                            start: 0,
                            end: rowsCount - 1
                        },
                        col: {
                            start: 0,
                            end: colsCount - 1
                        }
                    });
                    const rootBox = this._prepareBoxConfig((null === result || void 0 === result ? void 0 : result.box) ?? {
                        direction: "row",
                        items: [(0, _extend.extend)(result, {
                            ratio: 1
                        })]
                    });
                    (0, _extend.extend)(rootBox, this._rootBoxConfig(rootBox.items));
                    this._$root = (0, _renderer.default)("<div>").appendTo(this._itemContainer());
                    this._createComponent(this._$root, _box.default, rootBox)
                }
                _rootBoxConfig(items) {
                    const rootItems = (0, _iterator.each)(items, (index, item) => {
                        if (this._needApplyAutoBaseSize(item)) {
                            item.baseSize = "auto"
                        }
                    });
                    const {
                        itemHoldTimeout: itemHoldTimeout
                    } = this.option();
                    return {
                        width: "100%",
                        height: "100%",
                        items: rootItems,
                        itemTemplate: this._getTemplateByOption("itemTemplate"),
                        itemHoldTimeout: itemHoldTimeout,
                        onItemHold: this._createActionByOption("onItemHold"),
                        onItemClick: this._createActionByOption("onItemClick"),
                        onItemContextMenu: this._createActionByOption("onItemContextMenu"),
                        onItemRendered: this._createActionByOption("onItemRendered")
                    }
                }
                _needApplyAutoBaseSize(item) {
                    return !item.baseSize && (!item.minSize || "auto" === item.minSize) && (!item.maxSize || "auto" === item.maxSize)
                }
                _prepareBoxConfig(config) {
                    const {
                        onItemStateChanged: onItemStateChanged
                    } = this.option();
                    return (0, _extend.extend)(config || {}, {
                        crossAlign: "stretch",
                        onItemStateChanged: onItemStateChanged
                    })
                }
                _layoutBlock(options) {
                    if (this._isSingleItem(options)) {
                        return this._itemByCell(options.row.start, options.col.start)
                    }
                    return this._layoutDirection(options)
                }
                _isSingleItem(options) {
                    const {
                        row: row,
                        col: col
                    } = options;
                    const firstCellLocation = this._grid[row.start][col.start].location;
                    const isItemRowSpanned = row.end - row.start === firstCellLocation.rowspan - 1;
                    const isItemColSpanned = col.end - col.start === firstCellLocation.colspan - 1;
                    return isItemRowSpanned && isItemColSpanned
                }
                _itemByCell(rowIndex, colIndex) {
                    const itemCell = this._grid[rowIndex][colIndex];
                    return itemCell.spanningCell ? null : itemCell.item
                }
                _layoutDirection(options) {
                    const items = [];
                    const {
                        direction: direction
                    } = options;
                    const crossDirection = this._crossDirection(direction);
                    let block = null;
                    while (block = this._nextBlock(options)) {
                        if (this._isBlockIndivisible(options.prevBlockOptions, block)) {
                            throw _ui.default.Error("E1025")
                        }
                        const item = this._layoutBlock({
                            direction: crossDirection,
                            row: block.row,
                            col: block.col,
                            prevBlockOptions: options
                        });
                        if (item) {
                            (0, _extend.extend)(item, this._blockSize(block, crossDirection));
                            items.push(item)
                        }
                        options[crossDirection].start = block[crossDirection].end + 1
                    }
                    return {
                        box: this._prepareBoxConfig({
                            direction: direction,
                            items: items
                        })
                    }
                }
                _isBlockIndivisible(options, block) {
                    return !!options && options.col.start === block.col.start && options.col.end === block.col.end && options.row.start === block.row.start && options.row.end === block.row.end
                }
                _crossDirection(direction) {
                    return "col" === direction ? "row" : "col"
                }
                _nextBlock(options) {
                    const {
                        direction: direction
                    } = options;
                    const crossDirection = this._crossDirection(direction);
                    const startIndex = options[direction].start;
                    const endIndex = options[direction].end;
                    const crossStartIndex = options[crossDirection].start;
                    if (crossStartIndex > options[crossDirection].end) {
                        return null
                    }
                    let crossSpan = 1;
                    for (let crossIndex = crossStartIndex; crossIndex < crossStartIndex + crossSpan; crossIndex += 1) {
                        let lineCrossSpan = 1;
                        for (let index = startIndex; index <= endIndex; index += 1) {
                            const cell = this._cellByDirection(direction, index, crossIndex);
                            lineCrossSpan = Math.max(lineCrossSpan, cell.location[`${crossDirection}span`])
                        }
                        const lineCrossEndIndex = crossIndex + lineCrossSpan;
                        const crossEndIndex = crossStartIndex + crossSpan;
                        if (lineCrossEndIndex > crossEndIndex) {
                            crossSpan += lineCrossEndIndex - crossEndIndex
                        }
                    }
                    const result = {};
                    result[direction] = {
                        start: startIndex,
                        end: endIndex
                    };
                    result[crossDirection] = {
                        start: crossStartIndex,
                        end: crossStartIndex + crossSpan - 1
                    };
                    return result
                }
                _cellByDirection(direction, index, crossIndex) {
                    return "col" === direction ? this._grid[crossIndex][index] : this._grid[index][crossIndex]
                }
                _blockSize(block, direction) {
                    const defaultMinSize = "row" === direction ? "auto" : 0;
                    const sizeConfigs = "row" === direction ? this._rows : this._cols;
                    const result = Object.assign({}, this._createDefaultSizeConfig(), {
                        ratio: 0
                    });
                    for (let index = block[direction].start; index <= block[direction].end; index += 1) {
                        const sizeConfig = sizeConfigs[index];
                        result.ratio += sizeConfig.ratio;
                        result.baseSize += sizeConfig.baseSize;
                        result.minSize += sizeConfig.minSize;
                        result.maxSize += sizeConfig.maxSize;
                        if ((0, _type.isDefined)(sizeConfig.shrink)) {
                            result.shrink = sizeConfig.shrink
                        }
                    }
                    if (!result.minSize) {
                        result.minSize = defaultMinSize
                    }
                    if (!result.maxSize) {
                        result.maxSize = "auto"
                    }
                    if (this._isSingleColumnScreen()) {
                        result.baseSize = "auto"
                    }
                    return result
                }
                _update(forceRemoveRoot) {
                    var _this$_layoutChangedA;
                    const $existingRoot = this._$root;
                    this._renderItems();
                    if ($existingRoot) {
                        if (forceRemoveRoot) {
                            $existingRoot.remove()
                        } else {
                            $existingRoot.detach();
                            this._saveAssistantRoot($existingRoot)
                        }
                    }
                    null === (_this$_layoutChangedA = this._layoutChangedAction) || void 0 === _this$_layoutChangedA || _this$_layoutChangedA.call(this)
                }
                _saveAssistantRoot($root) {
                    this._assistantRoots = this._assistantRoots ?? [];
                    this._assistantRoots.push($root)
                }
                _dispose() {
                    this._clearItemNodeTemplates();
                    this._cleanUnusedRoots();
                    super._dispose()
                }
                _cleanUnusedRoots() {
                    if (!this._assistantRoots) {
                        return
                    }(0, _iterator.each)(this._assistantRoots, (_, item) => {
                        (0, _renderer.default)(item).remove()
                    })
                }
                _clearItemNodeTemplates() {
                    const {
                        items: items
                    } = this.option();
                    (0, _iterator.each)(items, function() {
                        delete this.node
                    })
                }
                _attachClickEvent() {}
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "rows":
                        case "cols":
                        case "screenByWidth":
                        case "singleColumnScreen":
                            this._clearItemNodeTemplates();
                            this._invalidate();
                            break;
                        case "width":
                        case "height":
                            super._optionChanged(args);
                            this._update();
                            break;
                        case "onLayoutChanged":
                            this._initLayoutChangedAction();
                            break;
                        case "itemTemplate":
                            this._clearItemNodeTemplates();
                            super._optionChanged(args);
                            break;
                        case "currentScreenFactor":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _dimensionChanged() {
                    const {
                        currentScreenFactor: currentScreenFactor
                    } = this.option();
                    if (this._getCurrentScreen() !== currentScreenFactor) {
                        this._update()
                    }
                }
                repaint() {
                    this._update()
                }
            }(0, _component_registrator.default)("dxResponsiveBox", ResponsiveBox);
            exports.default = ResponsiveBox
        },
        68634(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _frame = __webpack_require__( /*! ../../../common/core/animation/frame */ 84096);
            var _class = (e = __webpack_require__( /*! ../../../core/class */ 55620), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            exports.default = class {
                constructor() {
                    this._finished = true;
                    this._stopped = false;
                    this._proxiedStepCore = this._stepCore.bind(this)
                }
                start() {
                    this._stopped = false;
                    this._finished = false;
                    this._stepCore()
                }
                stop() {
                    this._stopped = true;
                    if ((0, _type.isDefined)(this._stepAnimationFrame)) {
                        (0, _frame.cancelAnimationFrame)(this._stepAnimationFrame)
                    }
                }
                _stepCore() {
                    if (this._isStopped()) {
                        this._stop();
                        return
                    }
                    if (this._isFinished()) {
                        this._finished = true;
                        this._complete();
                        return
                    }
                    this._step();
                    this._stepAnimationFrame = (0, _frame.requestAnimationFrame)(this._proxiedStepCore)
                }
                _step() {
                    _class.default.abstract()
                }
                _isFinished() {
                    return this._finished
                }
                _stop() {}
                _complete() {}
                _isStopped() {
                    return this._stopped
                }
                inProgress() {
                    return !(this._stopped || this._finished)
                }
            }
        },
        21363(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.VALIDATE_WHEEL_TIMEOUT = exports.TopPocketState = exports.ShowScrollbarMode = exports.SCROLL_LINE_HEIGHT = exports.SCROLLVIEW_TOP_POCKET_CLASS = exports.SCROLLVIEW_REACHBOTTOM_TEXT_CLASS = exports.SCROLLVIEW_REACHBOTTOM_INDICATOR_CLASS = exports.SCROLLVIEW_REACHBOTTOM_CLASS = exports.SCROLLVIEW_PULLDOWN_VISIBLE_TEXT_CLASS = exports.SCROLLVIEW_PULLDOWN_TEXT_CLASS = exports.SCROLLVIEW_PULLDOWN_READY_CLASS = exports.SCROLLVIEW_PULLDOWN_LOADING_CLASS = exports.SCROLLVIEW_PULLDOWN_INDICATOR_CLASS = exports.SCROLLVIEW_PULLDOWN_IMAGE_CLASS = exports.SCROLLVIEW_PULLDOWN = exports.SCROLLVIEW_CONTENT_CLASS = exports.SCROLLVIEW_BOTTOM_POCKET_CLASS = exports.SCROLLABLE_WRAPPER_CLASS = exports.SCROLLABLE_SIMULATED_CLASS = exports.SCROLLABLE_SCROLL_CONTENT_CLASS = exports.SCROLLABLE_SCROLL_CLASS = exports.SCROLLABLE_SCROLLBAR_SIMULATED = exports.SCROLLABLE_SCROLLBAR_CLASS = exports.SCROLLABLE_SCROLLBAR_ACTIVE_CLASS = exports.SCROLLABLE_SCROLLBARS_HIDDEN = exports.SCROLLABLE_SCROLLBARS_ALWAYSVISIBLE = exports.SCROLLABLE_DISABLED_CLASS = exports.SCROLLABLE_CONTENT_CLASS = exports.SCROLLABLE_CONTAINER_CLASS = exports.SCROLLABLE_CLASS = exports.PULLDOWN_ICON_CLASS = exports.KEY_CODES = exports.HOVER_ENABLED_STATE = exports.HIDE_SCROLLBAR_TIMEOUT = exports.DIRECTION_VERTICAL = exports.DIRECTION_HORIZONTAL = exports.DIRECTION_BOTH = void 0;
            exports.SCROLL_LINE_HEIGHT = 40;
            exports.DIRECTION_VERTICAL = "vertical";
            exports.DIRECTION_HORIZONTAL = "horizontal";
            exports.DIRECTION_BOTH = "both";
            exports.SCROLLABLE_CLASS = "dx-scrollable";
            exports.SCROLLABLE_SIMULATED_CLASS = "dx-scrollable-simulated";
            exports.SCROLLABLE_CONTENT_CLASS = "dx-scrollable-content";
            exports.SCROLLABLE_WRAPPER_CLASS = "dx-scrollable-wrapper";
            exports.SCROLLABLE_CONTAINER_CLASS = "dx-scrollable-container";
            exports.SCROLLABLE_DISABLED_CLASS = "dx-scrollable-disabled";
            exports.SCROLLABLE_SCROLLBAR_SIMULATED = "dx-scrollable-scrollbar-simulated";
            exports.SCROLLABLE_SCROLLBARS_HIDDEN = "dx-scrollable-scrollbars-hidden";
            exports.SCROLLABLE_SCROLLBARS_ALWAYSVISIBLE = "dx-scrollable-scrollbars-alwaysvisible";
            exports.SCROLLABLE_SCROLLBAR_CLASS = "dx-scrollable-scrollbar";
            exports.SCROLLABLE_SCROLLBAR_ACTIVE_CLASS = "dx-scrollable-scrollbar-active";
            exports.SCROLLABLE_SCROLL_CLASS = "dx-scrollable-scroll";
            exports.SCROLLABLE_SCROLL_CONTENT_CLASS = "dx-scrollable-scroll-content";
            exports.HOVER_ENABLED_STATE = "dx-scrollbar-hoverable";
            exports.SCROLLVIEW_CONTENT_CLASS = "dx-scrollview-content";
            exports.SCROLLVIEW_TOP_POCKET_CLASS = "dx-scrollview-top-pocket";
            exports.SCROLLVIEW_PULLDOWN = "dx-scrollview-pull-down";
            exports.SCROLLVIEW_PULLDOWN_LOADING_CLASS = "dx-scrollview-pull-down-loading";
            exports.SCROLLVIEW_PULLDOWN_READY_CLASS = "dx-scrollview-pull-down-ready";
            exports.SCROLLVIEW_PULLDOWN_IMAGE_CLASS = "dx-scrollview-pull-down-image";
            exports.SCROLLVIEW_PULLDOWN_INDICATOR_CLASS = "dx-scrollview-pull-down-indicator";
            exports.SCROLLVIEW_PULLDOWN_TEXT_CLASS = "dx-scrollview-pull-down-text";
            exports.SCROLLVIEW_PULLDOWN_VISIBLE_TEXT_CLASS = "dx-scrollview-pull-down-text-visible";
            exports.PULLDOWN_ICON_CLASS = "dx-icon-pulldown";
            exports.SCROLLVIEW_BOTTOM_POCKET_CLASS = "dx-scrollview-bottom-pocket";
            exports.SCROLLVIEW_REACHBOTTOM_CLASS = "dx-scrollview-scrollbottom";
            exports.SCROLLVIEW_REACHBOTTOM_INDICATOR_CLASS = "dx-scrollview-scrollbottom-indicator";
            exports.SCROLLVIEW_REACHBOTTOM_TEXT_CLASS = "dx-scrollview-scrollbottom-text";
            exports.TopPocketState = {
                STATE_RELEASED: 0,
                STATE_READY: 1,
                STATE_REFRESHING: 2,
                STATE_LOADING: 3,
                STATE_TOUCHED: 4,
                STATE_PULLED: 5
            };
            exports.ShowScrollbarMode = {
                HOVER: "onHover",
                ALWAYS: "always",
                NEVER: "never",
                SCROLL: "onScroll"
            };
            exports.KEY_CODES = {
                PAGE_UP: "pageUp",
                PAGE_DOWN: "pageDown",
                END: "end",
                HOME: "home",
                LEFT: "leftArrow",
                UP: "upArrow",
                RIGHT: "rightArrow",
                DOWN: "downArrow"
            };
            exports.VALIDATE_WHEEL_TIMEOUT = 500;
            exports.HIDE_SCROLLBAR_TIMEOUT = 500
        },
        71100(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.ScrollViewServerSide = exports.ScrollView = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _load_indicator = _interopRequireDefault(__webpack_require__( /*! ../../../ui/load_indicator */ 11979));
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _load_panel = _interopRequireDefault(__webpack_require__( /*! ../../ui/load_panel */ 77986));
            var _scroll_viewNative = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scroll_view.native.pull_down */ 67053));
            var _scroll_viewNative2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scroll_view.native.swipe_down */ 20406));
            var _scroll_view = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scroll_view.simulated */ 53252));
            var _scrollable = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scrollable */ 85326));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const refreshStrategies = {
                pullDown: _scroll_viewNative.default,
                swipeDown: _scroll_viewNative2.default,
                simulated: _scroll_view.default
            };
            const isServerSide = !(0, _window.hasWindow)();
            class ScrollViewServerSide extends _scrollable.default {
                finishLoading() {}
                release() {}
                refresh() {}
                scrollOffset() {
                    return {
                        top: 0,
                        left: 0
                    }
                }
                isBottomReached() {
                    return false
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    if ("onUpdated" !== name) {
                        return super._optionChanged(args)
                    }
                }
            }
            exports.ScrollViewServerSide = ScrollViewServerSide;
            class ScrollView extends _scrollable.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        pullingDownText: _message.default.format("dxScrollView-pullingDownText"),
                        pulledDownText: _message.default.format("dxScrollView-pulledDownText"),
                        refreshingText: _message.default.format("dxScrollView-refreshingText"),
                        reachBottomText: _message.default.format("dxScrollView-reachBottomText"),
                        onPullDown: null,
                        onReachBottom: null,
                        refreshStrategy: "pullDown"
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device() {
                            const realDevice = _devices.default.real();
                            return "android" === realDevice.platform
                        },
                        options: {
                            refreshStrategy: "swipeDown"
                        }
                    }, {
                        device: () => (0, _themes.isMaterialBased)((0, _themes.current)()),
                        options: {
                            pullingDownText: "",
                            pulledDownText: "",
                            refreshingText: "",
                            reachBottomText: ""
                        }
                    }])
                }
                _init() {
                    super._init();
                    this._loadingIndicatorEnabled = true
                }
                _initScrollableMarkup() {
                    super._initScrollableMarkup();
                    this.$element().addClass("dx-scrollview");
                    this._initContent();
                    this._initTopPocket();
                    this._initBottomPocket();
                    this._initLoadPanel()
                }
                _initContent() {
                    const $content = (0, _renderer.default)("<div>").addClass("dx-scrollview-content");
                    this._$content.wrapInner($content)
                }
                _initTopPocket() {
                    this._$topPocket = (0, _renderer.default)("<div>").addClass("dx-scrollview-top-pocket");
                    this._$pullDown = (0, _renderer.default)("<div>").addClass("dx-scrollview-pull-down");
                    this._$topPocket.append(this._$pullDown);
                    this._$content.prepend(this._$topPocket)
                }
                _initBottomPocket() {
                    this._$bottomPocket = (0, _renderer.default)("<div>").addClass("dx-scrollview-bottom-pocket");
                    this._$reachBottom = (0, _renderer.default)("<div>").addClass("dx-scrollview-scrollbottom");
                    const $loadContainer = (0, _renderer.default)("<div>").addClass("dx-scrollview-scrollbottom-indicator");
                    const loadIndicatorElement = (0, _renderer.default)("<div>")[0];
                    const $loadIndicator = new _load_indicator.default(loadIndicatorElement).$element();
                    this._$reachBottomText = (0, _renderer.default)("<div>").addClass("dx-scrollview-scrollbottom-text");
                    this._updateReachBottomText();
                    this._$reachBottom.append($loadContainer.append($loadIndicator)).append(this._$reachBottomText);
                    this._$bottomPocket.append(this._$reachBottom);
                    this._$content.append(this._$bottomPocket)
                }
                _initLoadPanel() {
                    const $loadPanelElement = (0, _renderer.default)("<div>").addClass("dx-scrollview-loadpanel").appendTo(this.$element());
                    const {
                        refreshingText: refreshingText
                    } = this.option();
                    this._loadPanel = this._createComponent($loadPanelElement, _load_panel.default, {
                        shading: false,
                        delay: 400,
                        message: refreshingText,
                        position: {
                            of: this.$element()
                        }
                    })
                }
                _updateReachBottomText() {
                    const {
                        reachBottomText: reachBottomText
                    } = this.option();
                    this._$reachBottomText.text(reachBottomText)
                }
                _createStrategy() {
                    const {
                        useNative: useNative,
                        refreshStrategy: refreshStrategy
                    } = this.option();
                    const strategyName = useNative ? refreshStrategy : "simulated";
                    const StrategyClass = refreshStrategies[strategyName ?? "pullDown"];
                    this._strategy = new StrategyClass(this);
                    this._strategy.pullDownCallbacks.add(this._pullDownHandler.bind(this));
                    this._strategy.releaseCallbacks.add(this._releaseHandler.bind(this));
                    this._strategy.reachBottomCallbacks.add(this._reachBottomHandler.bind(this))
                }
                _createActions() {
                    super._createActions();
                    this._pullDownAction = this._createActionByOption("onPullDown");
                    this._reachBottomAction = this._createActionByOption("onReachBottom");
                    this._tryRefreshPocketState()
                }
                _tryRefreshPocketState() {
                    this._pullDownEnable(this.hasActionSubscription("onPullDown"));
                    this._reachBottomEnable(this.hasActionSubscription("onReachBottom"))
                }
                on(eventName) {
                    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
                        args[_key - 1] = arguments[_key]
                    }
                    const result = super.on.apply(this, [eventName, ...args]);
                    if ("pullDown" === eventName || "reachBottom" === eventName) {
                        this._tryRefreshPocketState()
                    }
                    return result
                }
                _pullDownEnable(enabled) {
                    if (0 === arguments.length) {
                        return this._pullDownEnabled
                    }
                    if (this._$pullDown && this._strategy) {
                        this._$pullDown.toggle(enabled);
                        this._strategy.pullDownEnable(enabled);
                        this._pullDownEnabled = enabled
                    }
                }
                _reachBottomEnable(enabled) {
                    if (0 === arguments.length) {
                        return this._reachBottomEnabled
                    }
                    if (this._$reachBottom && this._strategy) {
                        this._$reachBottom.toggle(enabled);
                        this._strategy.reachBottomEnable(enabled);
                        this._reachBottomEnabled = enabled
                    }
                }
                _pullDownHandler() {
                    this._loadingIndicator(false);
                    this._pullDownLoading()
                }
                _loadingIndicator(value) {
                    if (arguments.length < 1) {
                        return this._loadingIndicatorEnabled
                    }
                    this._loadingIndicatorEnabled = value
                }
                _pullDownLoading() {
                    var _this$_pullDownAction;
                    this.startLoading();
                    null === (_this$_pullDownAction = this._pullDownAction) || void 0 === _this$_pullDownAction || _this$_pullDownAction.call(this)
                }
                _reachBottomHandler() {
                    this._loadingIndicator(false);
                    this._reachBottomLoading()
                }
                _reachBottomLoading() {
                    var _this$_reachBottomAct;
                    this.startLoading();
                    null === (_this$_reachBottomAct = this._reachBottomAction) || void 0 === _this$_reachBottomAct || _this$_reachBottomAct.call(this)
                }
                _releaseHandler() {
                    this.finishLoading();
                    this._loadingIndicator(true)
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "onPullDown":
                        case "onReachBottom":
                            this._createActions();
                            break;
                        case "pullingDownText":
                        case "pulledDownText":
                        case "refreshingText":
                        case "refreshStrategy":
                            this._invalidate();
                            break;
                        case "reachBottomText":
                            this._updateReachBottomText();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                content() {
                    return (0, _element.getPublicElement)(this._$content.children().eq(1))
                }
                release(preventReachBottom) {
                    if (void 0 !== preventReachBottom) {
                        this.toggleLoading(!preventReachBottom)
                    }
                    return this._strategy.release()
                }
                toggleLoading(showOrHide) {
                    this._reachBottomEnable(showOrHide)
                }
                refresh() {
                    if (!this.hasActionSubscription("onPullDown")) {
                        return
                    }
                    this._strategy.pendingRelease();
                    this._pullDownLoading()
                }
                startLoading() {
                    if (this._loadingIndicator() && this.$element().is(":visible")) {
                        this._loadPanel.show()
                    }
                    this._lock()
                }
                finishLoading() {
                    this._loadPanel.hide();
                    this._unlock()
                }
                isBottomReached() {
                    return this._strategy.isBottomReached()
                }
                _dispose() {
                    this._strategy.dispose();
                    super._dispose();
                    if (this._loadPanel) {
                        this._loadPanel.$element().remove()
                    }
                }
            }
            exports.ScrollView = ScrollView;
            (0, _component_registrator.default)("dxScrollView", isServerSide ? ScrollViewServerSide : ScrollView);
            exports.default = isServerSide ? ScrollViewServerSide : ScrollView
        },
        67053(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/callbacks */ 84718));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _load_indicator = _interopRequireDefault(__webpack_require__( /*! ../../../ui/load_indicator */ 11979));
            var _scrollable = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scrollable.native */ 25689));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class PullDownNativeScrollViewStrategy extends _scrollable.default {
                _init(scrollView) {
                    super._init(scrollView);
                    this._$topPocket = scrollView._$topPocket;
                    this._$pullDown = scrollView._$pullDown;
                    this._$refreshingText = scrollView._$refreshingText;
                    this._$scrollViewContent = (0, _renderer.default)(scrollView.content());
                    this._$container = (0, _renderer.default)(scrollView.container());
                    this._initCallbacks()
                }
                _initCallbacks() {
                    this.pullDownCallbacks = (0, _callbacks.default)();
                    this.releaseCallbacks = (0, _callbacks.default)();
                    this.reachBottomCallbacks = (0, _callbacks.default)()
                }
                render() {
                    super.render();
                    this._renderPullDown();
                    this._releaseState()
                }
                _renderPullDown() {
                    const $image = (0, _renderer.default)("<div>").addClass("dx-scrollview-pull-down-image");
                    const $loadContainer = (0, _renderer.default)("<div>").addClass("dx-scrollview-pull-down-indicator");
                    const loadIndicatorElement = (0, _renderer.default)("<div>")[0];
                    const $loadIndicator = new _load_indicator.default(loadIndicatorElement).$element();
                    this._$pullDownText = (0, _renderer.default)("<div>").addClass("dx-scrollview-pull-down-text");
                    const {
                        pullingDownText: pullingDownText = "",
                        pulledDownText: pulledDownText = "",
                        refreshingText: refreshingText = ""
                    } = this.option();
                    this._$pullingDownText = (0, _renderer.default)("<div>").text(pullingDownText).appendTo(this._$pullDownText);
                    this._$pulledDownText = (0, _renderer.default)("<div>").text(pulledDownText).appendTo(this._$pullDownText);
                    this._$refreshingText = (0, _renderer.default)("<div>").text(refreshingText).appendTo(this._$pullDownText);
                    this._$pullDown.empty().append($image).append($loadContainer.append($loadIndicator)).append(this._$pullDownText)
                }
                _releaseState() {
                    this._state = 0;
                    this._refreshPullDownText()
                }
                _refreshPullDownText() {
                    const pullDownTextItems = [{
                        element: this._$pullingDownText,
                        visibleState: 0
                    }, {
                        element: this._$pulledDownText,
                        visibleState: 1
                    }, {
                        element: this._$refreshingText,
                        visibleState: 2
                    }];
                    (0, _iterator.each)(pullDownTextItems, (_, item) => {
                        const action = this._state === item.visibleState ? "addClass" : "removeClass";
                        item.element[action]("dx-scrollview-pull-down-text-visible")
                    })
                }
                update() {
                    super.update();
                    this._setTopPocketOffset()
                }
                _updateDimensions() {
                    super._updateDimensions();
                    this._topPocketSize = this._$topPocket.get(0).clientHeight;
                    const contentEl = this._$scrollViewContent.get(0);
                    const containerEl = this._$container.get(0);
                    this._bottomBoundary = Math.max(contentEl.clientHeight - containerEl.clientHeight, 0)
                }
                _allowedDirections() {
                    const allowedDirections = super._allowedDirections();
                    allowedDirections.vertical = allowedDirections.vertical || this._pullDownEnabled;
                    return allowedDirections
                }
                _setTopPocketOffset() {
                    this._$topPocket.css({
                        top: -this._topPocketSize
                    })
                }
                handleEnd() {
                    super.handleEnd();
                    this._complete()
                }
                handleStop() {
                    super.handleStop();
                    this._complete()
                }
                _complete() {
                    if (1 === this._state) {
                        this._setPullDownOffset(this._topPocketSize);
                        clearTimeout(this._pullDownRefreshTimeout);
                        this._pullDownRefreshTimeout = setTimeout(() => {
                            this._pullDownRefreshing()
                        }, 400)
                    }
                }
                _setPullDownOffset(offset) {
                    (0, _translator.move)(this._$topPocket, {
                        top: offset
                    });
                    (0, _translator.move)(this._$scrollViewContent, {
                        top: offset
                    })
                }
                handleScroll(e) {
                    super.handleScroll(e);
                    if (2 === this._state) {
                        return
                    }
                    const currentLocation = this.location().top;
                    const scrollDelta = (this._location || 0) - currentLocation;
                    this._location = currentLocation;
                    if (this._isPullDown()) {
                        this._pullDownReady()
                    } else if (scrollDelta > 0 && this._isReachBottom()) {
                        this._reachBottom()
                    } else {
                        this._stateReleased()
                    }
                }
                _isPullDown() {
                    return this._pullDownEnabled && this._location >= this._topPocketSize
                }
                _isReachBottom() {
                    return this._reachBottomEnabled && this.isBottomReached()
                }
                isBottomReached() {
                    return Math.round(this._bottomBoundary + Math.floor(this._location)) <= 1
                }
                _reachBottom() {
                    if (3 === this._state) {
                        return
                    }
                    this._state = 3;
                    this.reachBottomCallbacks.fire()
                }
                _pullDownReady() {
                    if (1 === this._state) {
                        return
                    }
                    this._state = 1;
                    this._$pullDown.addClass("dx-scrollview-pull-down-ready");
                    this._refreshPullDownText()
                }
                _stateReleased() {
                    if (0 === this._state) {
                        return
                    }
                    this._$pullDown.removeClass("dx-scrollview-pull-down-loading").removeClass("dx-scrollview-pull-down-ready");
                    this._releaseState()
                }
                _pullDownRefreshing() {
                    if (2 === this._state) {
                        return
                    }
                    this._state = 2;
                    this._$pullDown.addClass("dx-scrollview-pull-down-loading").removeClass("dx-scrollview-pull-down-ready");
                    this._refreshPullDownText();
                    this.pullDownCallbacks.fire()
                }
                pullDownEnable(enabled) {
                    if (enabled) {
                        this._updateDimensions();
                        this._setTopPocketOffset()
                    }
                    this._pullDownEnabled = enabled
                }
                reachBottomEnable(enabled) {
                    this._reachBottomEnabled = enabled
                }
                pendingRelease() {
                    this._state = 1
                }
                release() {
                    const deferred = (0, _deferred.Deferred)();
                    this._updateDimensions();
                    clearTimeout(this._releaseTimeout);
                    if (3 === this._state) {
                        this._state = 0
                    }
                    this._releaseTimeout = setTimeout(() => {
                        this._setPullDownOffset(0);
                        this._stateReleased();
                        this.releaseCallbacks.fire();
                        this._updateAction();
                        deferred.resolve()
                    }, 400);
                    return deferred.promise()
                }
                dispose() {
                    clearTimeout(this._pullDownRefreshTimeout);
                    clearTimeout(this._releaseTimeout);
                    super.dispose()
                }
            }
            exports.default = PullDownNativeScrollViewStrategy
        },
        20406(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/callbacks */ 84718));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _load_indicator = _interopRequireDefault(__webpack_require__( /*! ../../../ui/load_indicator */ 11979));
            var _scrollable = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scrollable.native */ 25689));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class SwipeDownNativeScrollViewStrategy extends _scrollable.default {
                _init(scrollView) {
                    super._init(scrollView);
                    this._$topPocket = scrollView._$topPocket;
                    this._$pullDown = scrollView._$pullDown;
                    this._$scrollViewContent = (0, _renderer.default)(scrollView.content());
                    this._$container = (0, _renderer.default)(scrollView.container());
                    this._initCallbacks();
                    this._location = 0
                }
                _initCallbacks() {
                    this.pullDownCallbacks = (0, _callbacks.default)();
                    this.releaseCallbacks = (0, _callbacks.default)();
                    this.reachBottomCallbacks = (0, _callbacks.default)()
                }
                render() {
                    super.render();
                    this._renderPullDown();
                    this._releaseState()
                }
                _renderPullDown() {
                    const $loadContainer = (0, _renderer.default)("<div>").addClass("dx-scrollview-pull-down-indicator");
                    const loadIndicatorElement = (0, _renderer.default)("<div>")[0];
                    const $loadIndicator = new _load_indicator.default(loadIndicatorElement).$element();
                    this._$icon = (0, _renderer.default)("<div>").addClass("dx-icon-pulldown");
                    this._$pullDown.empty().append(this._$icon).append($loadContainer.append($loadIndicator))
                }
                _releaseState() {
                    this._state = 0;
                    this._releasePullDown();
                    this._updateDimensions()
                }
                _releasePullDown() {
                    this._$pullDown.css({
                        opacity: 0
                    })
                }
                _updateDimensions() {
                    super._updateDimensions();
                    this._topPocketSize = this._$topPocket.get(0).clientHeight;
                    const contentEl = this._$scrollViewContent.get(0);
                    const containerEl = this._$container.get(0);
                    this._bottomBoundary = Math.max(contentEl.clientHeight - containerEl.clientHeight, 0)
                }
                _allowedDirections() {
                    const allowedDirections = super._allowedDirections();
                    allowedDirections.vertical = allowedDirections.vertical || this._pullDownEnabled;
                    return allowedDirections
                }
                handleInit(e) {
                    super.handleInit(e);
                    if (0 === this._state && 0 === this._location) {
                        this._startClientY = (0, _index.eventData)(e.originalEvent).y;
                        this._state = 4
                    }
                }
                handleMove(e) {
                    super.handleMove(e);
                    this._deltaY = (0, _index.eventData)(e.originalEvent).y - this._startClientY;
                    if (4 === this._state) {
                        if (this._pullDownEnabled && this._deltaY > 0) {
                            this._state = 5
                        } else {
                            this._complete()
                        }
                    }
                    if (5 === this._state) {
                        e.preventDefault();
                        this._movePullDown()
                    }
                }
                _movePullDown() {
                    const pullDownHeight = this._getPullDownHeight();
                    const top = Math.min(3 * pullDownHeight, this._deltaY + this._getPullDownStartPosition());
                    const angle = 180 * top / (3 * pullDownHeight);
                    this._$pullDown.css({
                        opacity: 1
                    }).toggleClass("dx-scrollview-pull-down-refreshing", top < pullDownHeight);
                    (0, _translator.move)(this._$pullDown, {
                        top: top
                    });
                    this._$icon.css({
                        transform: `rotate(${angle}deg)`
                    })
                }
                _isPullDown() {
                    return this._pullDownEnabled && 5 === this._state && this._deltaY >= this._getPullDownHeight() - this._getPullDownStartPosition()
                }
                _getPullDownHeight() {
                    return Math.round(.05 * (0, _size.getOuterHeight)(this._$element))
                }
                _getPullDownStartPosition() {
                    return -Math.round(1.5 * (0, _size.getOuterHeight)(this._$pullDown))
                }
                handleEnd() {
                    if (this._isPullDown()) {
                        this._pullDownRefreshing()
                    }
                    this._complete()
                }
                handleStop() {
                    this._complete()
                }
                _complete() {
                    if (4 === this._state || 5 === this._state) {
                        this._releaseState()
                    }
                }
                handleScroll(e) {
                    super.handleScroll(e);
                    if (2 === this._state) {
                        return
                    }
                    const currentLocation = this.location().top;
                    const scrollDelta = this._location - currentLocation;
                    this._location = currentLocation;
                    if (scrollDelta > 0 && this._isReachBottom()) {
                        this._reachBottom()
                    } else {
                        this._stateReleased()
                    }
                }
                _isReachBottom() {
                    return this._reachBottomEnabled && this.isBottomReached()
                }
                isBottomReached() {
                    return Math.round(this._bottomBoundary + Math.floor(this._location)) <= 1
                }
                _reachBottom() {
                    this.reachBottomCallbacks.fire()
                }
                _stateReleased() {
                    if (0 === this._state) {
                        return
                    }
                    this._$pullDown.removeClass("dx-scrollview-pull-down-loading");
                    this._releaseState()
                }
                _pullDownRefreshing() {
                    this._state = 2;
                    this._pullDownRefreshHandler()
                }
                _pullDownRefreshHandler() {
                    this._refreshPullDown();
                    this.pullDownCallbacks.fire()
                }
                _refreshPullDown() {
                    this._$pullDown.addClass("dx-scrollview-pull-down-loading");
                    (0, _translator.move)(this._$pullDown, {
                        top: this._getPullDownHeight()
                    })
                }
                pullDownEnable(enabled) {
                    this._$topPocket.toggle(enabled);
                    this._pullDownEnabled = enabled
                }
                reachBottomEnable(enabled) {
                    this._reachBottomEnabled = enabled
                }
                pendingRelease() {
                    this._state = 1
                }
                release() {
                    const deferred = (0, _deferred.Deferred)();
                    this._updateDimensions();
                    clearTimeout(this._releaseTimeout);
                    this._releaseTimeout = setTimeout(() => {
                        this._stateReleased();
                        this.releaseCallbacks.fire();
                        this._updateAction();
                        deferred.resolve()
                    }, 800);
                    return deferred.promise()
                }
                dispose() {
                    clearTimeout(this._pullDownRefreshTimeout);
                    clearTimeout(this._releaseTimeout);
                    super.dispose()
                }
            }
            exports.default = SwipeDownNativeScrollViewStrategy
        },
        53252(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.ScrollViewScroller = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/callbacks */ 84718));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _load_indicator = _interopRequireDefault(__webpack_require__( /*! ../../../ui/load_indicator */ 11979));
            var _scrollable = __webpack_require__( /*! ../../ui/scroll_view/scrollable.simulated */ 55350);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class ScrollViewScroller extends _scrollable.Scroller {
                constructor(options) {
                    super(options);
                    this._topPocketSize = 0;
                    this._bottomPocketSize = 0;
                    this._initCallbacks();
                    this._releaseState()
                }
                _releaseState() {
                    this._state = 0;
                    this._refreshPullDownText()
                }
                _refreshPullDownText() {
                    const pullDownTextItems = [{
                        element: this._$pullingDownText,
                        visibleState: 0
                    }, {
                        element: this._$pulledDownText,
                        visibleState: 1
                    }, {
                        element: this._$refreshingText,
                        visibleState: 2
                    }];
                    (0, _iterator.each)(pullDownTextItems, (_, item) => {
                        const action = this._state === item.visibleState ? "addClass" : "removeClass";
                        item.element[action]("dx-scrollview-pull-down-text-visible")
                    })
                }
                _initCallbacks() {
                    this.pullDownCallbacks = (0, _callbacks.default)();
                    this.releaseCallbacks = (0, _callbacks.default)();
                    this.reachBottomCallbacks = (0, _callbacks.default)()
                }
                _updateBounds() {
                    const considerPockets = "horizontal" !== this._direction;
                    if (considerPockets) {
                        this._topPocketSize = this._$topPocket.get(0).clientHeight;
                        this._bottomPocketSize = this._$bottomPocket.get(0).clientHeight;
                        const containerEl = this._$container.get(0);
                        const contentEl = this._$content.get(0);
                        this._bottomBoundary = Math.max(contentEl.clientHeight - this._bottomPocketSize - containerEl.clientHeight, 0)
                    }
                    super._updateBounds()
                }
                _updateScrollbar() {
                    this._scrollbar.option({
                        containerSize: this._containerSize(),
                        contentSize: this._contentSize() - this._topPocketSize - this._bottomPocketSize,
                        scaleRatio: this._getScaleRatio()
                    })
                }
                _moveContent() {
                    super._moveContent();
                    if (this._isPullDown()) {
                        this._pullDownReady()
                    } else if (this._isReachBottom()) {
                        this._reachBottomReady()
                    } else if (0 !== this._state) {
                        this._stateReleased()
                    }
                }
                _moveScrollbar() {
                    this._scrollbar.moveTo(this._topPocketSize + this._location)
                }
                _isPullDown() {
                    return this._pullDownEnabled && this._location >= 0
                }
                _isReachBottom() {
                    return this._reachBottomEnabled && this.isBottomReached()
                }
                isBottomReached() {
                    const containerEl = this._$container.get(0);
                    return Math.round(this._bottomBoundary - Math.ceil(containerEl.scrollTop)) <= 1
                }
                _scrollComplete() {
                    if (this._inBounds() && 1 === this._state) {
                        this._pullDownRefreshing()
                    } else if (this._inBounds() && 3 === this._state) {
                        this._reachBottomLoading()
                    } else {
                        super._scrollComplete()
                    }
                }
                _reachBottomReady() {
                    if (3 === this._state) {
                        return
                    }
                    this._state = 3;
                    this._minOffset = this._getMinOffset()
                }
                _getMaxOffset() {
                    return -this._topPocketSize
                }
                _getMinOffset() {
                    return Math.min(super._getMinOffset(), -this._topPocketSize)
                }
                _reachBottomLoading() {
                    this.reachBottomCallbacks.fire()
                }
                _pullDownReady() {
                    if (1 === this._state) {
                        return
                    }
                    this._state = 1;
                    this._maxOffset = 0;
                    this._$pullDown.addClass("dx-scrollview-pull-down-ready");
                    this._refreshPullDownText()
                }
                _stateReleased() {
                    if (0 === this._state) {
                        return
                    }
                    this._releaseState();
                    this._updateBounds();
                    this._$pullDown.removeClass("dx-scrollview-pull-down-loading").removeClass("dx-scrollview-pull-down-ready");
                    this.releaseCallbacks.fire()
                }
                _pullDownRefreshing() {
                    if (2 === this._state) {
                        return
                    }
                    this._state = 2;
                    this._$pullDown.addClass("dx-scrollview-pull-down-loading").removeClass("dx-scrollview-pull-down-ready");
                    this._refreshPullDownText();
                    this.pullDownCallbacks.fire()
                }
                _releaseHandler() {
                    var _this$_releaseTask;
                    if (0 === this._state) {
                        this._moveToBounds()
                    }
                    this._update();
                    if (this._releaseTask) {
                        this._releaseTask.abort()
                    }
                    this._releaseTask = (0, _common.executeAsync)(this._release.bind(this));
                    return null === (_this$_releaseTask = this._releaseTask) || void 0 === _this$_releaseTask ? void 0 : _this$_releaseTask.promise
                }
                _release() {
                    this._stateReleased();
                    this._scrollComplete()
                }
                _reachBottomEnablingHandler(enabled) {
                    if (this._reachBottomEnabled === enabled) {
                        return
                    }
                    this._reachBottomEnabled = enabled;
                    this._updateBounds()
                }
                _pullDownEnablingHandler(enabled) {
                    if (this._pullDownEnabled === enabled) {
                        return
                    }
                    this._pullDownEnabled = enabled;
                    this._considerTopPocketChange();
                    this._updateHandler()
                }
                _considerTopPocketChange() {
                    this._location -= (0, _size.getHeight)(this._$topPocket) || -this._topPocketSize;
                    this._maxOffset = 0;
                    this._move()
                }
                _pendingReleaseHandler() {
                    this._state = 1
                }
                dispose() {
                    if (this._releaseTask) {
                        this._releaseTask.abort()
                    }
                    super.dispose()
                }
            }
            exports.ScrollViewScroller = ScrollViewScroller;
            class SimulatedScrollViewStrategy extends _scrollable.SimulatedStrategy {
                _init(scrollView) {
                    super._init(scrollView);
                    this._$pullDown = scrollView._$pullDown;
                    this._$topPocket = scrollView._$topPocket;
                    this._$bottomPocket = scrollView._$bottomPocket;
                    this._initCallbacks()
                }
                _initCallbacks() {
                    this.pullDownCallbacks = (0, _callbacks.default)();
                    this.releaseCallbacks = (0, _callbacks.default)();
                    this.reachBottomCallbacks = (0, _callbacks.default)()
                }
                render() {
                    this._renderPullDown();
                    super.render()
                }
                _renderPullDown() {
                    const $image = (0, _renderer.default)("<div>").addClass("dx-scrollview-pull-down-image");
                    const $loadContainer = (0, _renderer.default)("<div>").addClass("dx-scrollview-pull-down-indicator");
                    const loadIndicatorElement = (0, _renderer.default)("<div>")[0];
                    const $loadIndicator = new _load_indicator.default(loadIndicatorElement).$element();
                    this._$pullDownText = (0, _renderer.default)("<div>").addClass("dx-scrollview-pull-down-text");
                    const {
                        pullingDownText: pullingDownText = "",
                        pulledDownText: pulledDownText = "",
                        refreshingText: refreshingText = ""
                    } = this.option();
                    this._$pullingDownText = (0, _renderer.default)("<div>").text(pullingDownText).appendTo(this._$pullDownText);
                    this._$pulledDownText = (0, _renderer.default)("<div>").text(pulledDownText).appendTo(this._$pullDownText);
                    this._$refreshingText = (0, _renderer.default)("<div>").text(refreshingText).appendTo(this._$pullDownText);
                    this._$pullDown.empty().append($image).append($loadContainer.append($loadIndicator)).append(this._$pullDownText)
                }
                pullDownEnable(enabled) {
                    this._eventHandler("pullDownEnabling", enabled)
                }
                reachBottomEnable(enabled) {
                    this._eventHandler("reachBottomEnabling", enabled)
                }
                _createScroller(direction) {
                    const scroller = new ScrollViewScroller(this._scrollerOptions(direction));
                    this._scrollers[direction] = scroller;
                    scroller.pullDownCallbacks.add(() => {
                        this.pullDownCallbacks.fire()
                    });
                    scroller.releaseCallbacks.add(() => {
                        this.releaseCallbacks.fire()
                    });
                    scroller.reachBottomCallbacks.add(() => {
                        this.reachBottomCallbacks.fire()
                    })
                }
                _scrollerOptions(direction) {
                    return Object.assign({}, super._scrollerOptions(direction), {
                        $topPocket: this._$topPocket,
                        $bottomPocket: this._$bottomPocket,
                        $pullDown: this._$pullDown,
                        $pullDownText: this._$pullDownText,
                        $pullingDownText: this._$pullingDownText,
                        $pulledDownText: this._$pulledDownText,
                        $refreshingText: this._$refreshingText
                    })
                }
                pendingRelease() {
                    this._eventHandler("pendingRelease")
                }
                release() {
                    return this._eventHandler("release").done(this._updateAction)
                }
                location() {
                    const location = super.location();
                    location.top += (0, _size.getHeight)(this._$topPocket);
                    return location
                }
                isBottomReached() {
                    return this._scrollers.vertical.isBottomReached()
                }
                dispose() {
                    (0, _iterator.each)(this._scrollers, function() {
                        this.dispose()
                    });
                    super.dispose()
                }
            }
            exports.default = SimulatedScrollViewStrategy
        },
        91284(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.deviceDependentOptions = void 0;
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _m_support = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_support */ 85991));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.deviceDependentOptions = function() {
                return [{
                    device: () => !_m_support.default.nativeScrolling,
                    options: {
                        useNative: false
                    }
                }, {
                    device: device => !_devices.default.isSimulator() && "desktop" === _devices.default.real().deviceType && "generic" === device.platform,
                    options: {
                        bounceEnabled: false,
                        scrollByThumb: true,
                        scrollByContent: _m_support.default.touch,
                        showScrollbar: "onHover"
                    }
                }]
            }
        },
        85326(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _emitterGesture = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/gesture/emitter.gesture.scroll */ 86548));
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/browser */ 48314));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _m_support = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_support */ 85991));
            var _dom_component = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/dom_component */ 22331));
            var _consts = __webpack_require__( /*! ../../ui/scroll_view/consts */ 21363);
            var _scrollable = __webpack_require__( /*! ../../ui/scroll_view/scrollable.device */ 91284);
            var _scrollable2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scrollable.native */ 25689));
            var _scrollable3 = __webpack_require__( /*! ../../ui/scroll_view/scrollable.simulated */ 55350);
            var _get_element_location_internal = __webpack_require__( /*! ../../ui/scroll_view/utils/get_element_location_internal */ 62504);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const SCROLLABLE = "dxScrollable";
            class Scrollable extends _dom_component.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        disabled: false,
                        onScroll: null,
                        direction: "vertical",
                        showScrollbar: "onScroll",
                        useNative: true,
                        bounceEnabled: true,
                        scrollByContent: true,
                        scrollByThumb: false,
                        onUpdated: null,
                        onStart: null,
                        onEnd: null,
                        onBounce: null,
                        useSimulatedScrollbar: false,
                        useKeyboard: true,
                        inertiaEnabled: true,
                        updateManually: false,
                        _onVisibilityChanged: _common.noop
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat((0, _scrollable.deviceDependentOptions)(), [{
                        device: () => !!(_m_support.default.nativeScrolling && "android" === _devices.default.real().platform && !_browser.default.mozilla),
                        options: {
                            useSimulatedScrollbar: true
                        }
                    }])
                }
                _initOptions(options) {
                    super._initOptions(options);
                    if (!("useSimulatedScrollbar" in options)) {
                        this._setUseSimulatedScrollbar()
                    }
                }
                _setUseSimulatedScrollbar() {
                    if (!this.initialOption("useSimulatedScrollbar")) {
                        this.option("useSimulatedScrollbar", !this.option("useNative"))
                    }
                }
                _init() {
                    super._init();
                    this._initScrollableMarkup();
                    this._locked = false
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        this.update();
                        this._updateRtlPosition();
                        if (this._savedScrollOffset) {
                            this.scrollTo(this._savedScrollOffset)
                        }
                        delete this._savedScrollOffset;
                        const {
                            _onVisibilityChanged: onVisibilityChanged
                        } = this.option();
                        null === onVisibilityChanged || void 0 === onVisibilityChanged || onVisibilityChanged(this)
                    } else {
                        this._savedScrollOffset = this.scrollOffset()
                    }
                }
                _initScrollableMarkup() {
                    const $element = this.$element().addClass(_consts.SCROLLABLE_CLASS);
                    const $container = (0, _renderer.default)("<div>").addClass(_consts.SCROLLABLE_CONTAINER_CLASS);
                    const $wrapper = (0, _renderer.default)("<div>").addClass(_consts.SCROLLABLE_WRAPPER_CLASS);
                    const $content = (0, _renderer.default)("<div>").addClass(_consts.SCROLLABLE_CONTENT_CLASS);
                    this._$container = $container;
                    this._$wrapper = $wrapper;
                    this._$content = $content;
                    $content.append($element.contents()).appendTo($container);
                    $container.appendTo($wrapper);
                    $wrapper.appendTo($element)
                }
                _dimensionChanged() {
                    this.update();
                    this._updateRtlPosition()
                }
                _initMarkup() {
                    super._initMarkup();
                    this._renderDirection()
                }
                _render() {
                    this._renderStrategy();
                    this._attachEventHandlers();
                    this._renderDisabledState();
                    this._createActions();
                    this.update();
                    super._render();
                    this._updateRtlPosition(true)
                }
                _updateRtlPosition(needInitializeRtlConfig) {
                    this._strategy.updateRtlPosition(needInitializeRtlConfig)
                }
                _getMaxOffset() {
                    const {
                        scrollWidth: scrollWidth,
                        clientWidth: clientWidth,
                        scrollHeight: scrollHeight,
                        clientHeight: clientHeight
                    } = (0, _renderer.default)(this.container()).get(0);
                    return {
                        left: scrollWidth - clientWidth,
                        top: scrollHeight - clientHeight
                    }
                }
                _attachEventHandlers() {
                    const strategy = this._strategy;
                    const initEventData = {
                        getDirection: strategy.getDirection.bind(strategy),
                        validate: this._validate.bind(this),
                        isNative: this.option("useNative"),
                        scrollTarget: this._$container
                    };
                    _events_engine.default.off(this._$wrapper, `.${SCROLLABLE}`);
                    _events_engine.default.on(this._$wrapper, (0, _utils.addNamespace)(_emitterGesture.default.init, SCROLLABLE), initEventData, this._initHandler.bind(this));
                    _events_engine.default.on(this._$wrapper, (0, _utils.addNamespace)(_emitterGesture.default.start, SCROLLABLE), strategy.handleStart.bind(strategy));
                    _events_engine.default.on(this._$wrapper, (0, _utils.addNamespace)(_emitterGesture.default.move, SCROLLABLE), strategy.handleMove.bind(strategy));
                    _events_engine.default.on(this._$wrapper, (0, _utils.addNamespace)(_emitterGesture.default.end, SCROLLABLE), strategy.handleEnd.bind(strategy));
                    _events_engine.default.on(this._$wrapper, (0, _utils.addNamespace)(_emitterGesture.default.cancel, SCROLLABLE), strategy.handleCancel.bind(strategy));
                    _events_engine.default.on(this._$wrapper, (0, _utils.addNamespace)(_emitterGesture.default.stop, SCROLLABLE), strategy.handleStop.bind(strategy));
                    _events_engine.default.off(this._$container, `.${SCROLLABLE}`);
                    _events_engine.default.on(this._$container, (0, _utils.addNamespace)("scroll", SCROLLABLE), strategy.handleScroll.bind(strategy))
                }
                _validate(e) {
                    if (this._isLocked()) {
                        return false
                    }
                    this._updateIfNeed();
                    return this._moveIsAllowed(e)
                }
                _moveIsAllowed(e) {
                    const result = this._strategy.validate(e);
                    return Boolean(result)
                }
                handleMove(e) {
                    this._strategy.handleMove(e)
                }
                _prepareDirections(value) {
                    this._strategy._prepareDirections(value)
                }
                _initHandler(e) {
                    this._strategy.handleInit(e)
                }
                _renderDisabledState() {
                    const {
                        disabled: disabled
                    } = this.option();
                    this.$element().toggleClass(_consts.SCROLLABLE_DISABLED_CLASS, disabled);
                    if (this.option("disabled")) {
                        this._lock()
                    } else {
                        this._unlock()
                    }
                }
                _renderDirection() {
                    const {
                        direction: direction
                    } = this.option();
                    this.$element().removeClass("dx-scrollable-horizontal").removeClass("dx-scrollable-vertical").removeClass("dx-scrollable-both").addClass(`dx-scrollable-${direction}`)
                }
                _renderStrategy() {
                    this._createStrategy();
                    this._strategy.render();
                    this.$element().data("dxScrollableStrategy", this._strategy)
                }
                _createStrategy() {
                    const {
                        useNative: useNative
                    } = this.option();
                    this._strategy = useNative ? new _scrollable2.default(this) : new _scrollable3.SimulatedStrategy(this)
                }
                _createActions() {
                    var _this$_strategy;
                    null === (_this$_strategy = this._strategy) || void 0 === _this$_strategy || _this$_strategy.createActions()
                }
                _clean() {
                    var _this$_strategy2;
                    null === (_this$_strategy2 = this._strategy) || void 0 === _this$_strategy2 || _this$_strategy2.dispose()
                }
                _optionChanged(args) {
                    var _this$_strategy3;
                    switch (args.name) {
                        case "onStart":
                        case "onEnd":
                        case "onUpdated":
                        case "onScroll":
                        case "onBounce":
                            this._createActions();
                            break;
                        case "direction":
                            this._resetInactiveDirection();
                            this._invalidate();
                            break;
                        case "useNative":
                            this._setUseSimulatedScrollbar();
                            this._invalidate();
                            break;
                        case "inertiaEnabled":
                        case "scrollByThumb":
                        case "bounceEnabled":
                        case "useKeyboard":
                        case "showScrollbar":
                        case "useSimulatedScrollbar":
                            this._invalidate();
                            break;
                        case "disabled":
                            this._renderDisabledState();
                            null === (_this$_strategy3 = this._strategy) || void 0 === _this$_strategy3 || _this$_strategy3.disabledChanged();
                            break;
                        case "updateManually":
                        case "scrollByContent":
                        case "_onVisibilityChanged":
                            break;
                        case "width":
                            super._optionChanged(args);
                            this._updateRtlPosition();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _resetInactiveDirection() {
                    const inactiveProp = this._getInactiveProp();
                    if (!inactiveProp || !(0, _window.hasWindow)()) {
                        return
                    }
                    const scrollOffset = this.scrollOffset();
                    scrollOffset[inactiveProp] = 0;
                    this.scrollTo(scrollOffset)
                }
                _getInactiveProp() {
                    const {
                        direction: direction
                    } = this.option();
                    if ("vertical" === direction) {
                        return "left"
                    }
                    return "top"
                }
                _location() {
                    return this._strategy.location()
                }
                _normalizeLocation(location) {
                    if ((0, _type.isPlainObject)(location)) {
                        const left = (0, _common.ensureDefined)(location.left, location.x);
                        const top = (0, _common.ensureDefined)(location.top, location.y);
                        return {
                            left: (0, _type.isDefined)(left) ? -left : void 0,
                            top: (0, _type.isDefined)(top) ? -top : void 0
                        }
                    }
                    const {
                        direction: direction
                    } = this.option();
                    return {
                        left: "vertical" !== direction ? -location : void 0,
                        top: "horizontal" !== direction ? -location : void 0
                    }
                }
                _isLocked() {
                    return this._locked
                }
                _lock() {
                    this._locked = true
                }
                _unlock() {
                    if (!this.option("disabled")) {
                        this._locked = false
                    }
                }
                _isDirection(direction) {
                    const {
                        direction: current
                    } = this.option();
                    if ("vertical" === direction) {
                        return "horizontal" !== current
                    }
                    if ("horizontal" === direction) {
                        return "vertical" !== current
                    }
                    return current === direction
                }
                _updateAllowedDirection() {
                    const allowedDirections = this._strategy._allowedDirections();
                    if (this._isDirection("both") && allowedDirections.vertical && allowedDirections.horizontal) {
                        this._allowedDirectionValue = "both"
                    } else if (this._isDirection("horizontal") && allowedDirections.horizontal) {
                        this._allowedDirectionValue = "horizontal"
                    } else if (this._isDirection("vertical") && allowedDirections.vertical) {
                        this._allowedDirectionValue = "vertical"
                    } else {
                        this._allowedDirectionValue = null
                    }
                }
                _allowedDirection() {
                    return this._allowedDirectionValue
                }
                $content() {
                    return this._$content
                }
                content() {
                    return (0, _element.getPublicElement)(this._$content)
                }
                container() {
                    return (0, _element.getPublicElement)(this._$container)
                }
                scrollOffset() {
                    return this._strategy._getScrollOffset()
                }
                _isRtlNativeStrategy() {
                    const {
                        useNative: useNative,
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    return useNative && rtlEnabled
                }
                scrollTop() {
                    return this.scrollOffset().top
                }
                scrollLeft() {
                    return this.scrollOffset().left
                }
                clientHeight() {
                    return (0, _size.getHeight)(this._$container)
                }
                scrollHeight() {
                    return (0, _size.getOuterHeight)(this.$content())
                }
                clientWidth() {
                    return (0, _size.getWidth)(this._$container)
                }
                scrollWidth() {
                    return (0, _size.getOuterWidth)(this.$content())
                }
                update() {
                    if (!this._strategy) {
                        return (0, _deferred.Deferred)().resolve()
                    }
                    return (0, _deferred.when)(this._strategy.update()).done(() => {
                        this._updateAllowedDirection()
                    })
                }
                scrollBy(distance) {
                    const normalizedDistance = this._normalizeLocation(distance);
                    if (!normalizedDistance.top && !normalizedDistance.left) {
                        return
                    }
                    this._updateIfNeed();
                    this._strategy.scrollBy(normalizedDistance)
                }
                scrollTo(targetLocation) {
                    if (!(0, _window.hasWindow)()) {
                        return
                    }
                    let normalizedLocation = this._normalizeLocation(targetLocation);
                    this._updateIfNeed();
                    let location = this._location();
                    const {
                        useNative: useNative
                    } = this.option();
                    if (!useNative) {
                        const strategy = this._strategy;
                        normalizedLocation = strategy._applyScaleRatio(normalizedLocation);
                        location = strategy._applyScaleRatio(location)
                    }
                    if (this._isRtlNativeStrategy()) {
                        location.left -= this._getMaxOffset().left
                    }
                    const distance = this._normalizeLocation({
                        left: location.left - (0, _common.ensureDefined)(normalizedLocation.left, location.left),
                        top: location.top - (0, _common.ensureDefined)(normalizedLocation.top, location.top)
                    });
                    if (!distance.top && !distance.left) {
                        return
                    }
                    this._strategy.scrollBy(distance)
                }
                scrollToElement(element, offset) {
                    const $element = (0, _renderer.default)(element);
                    const elementInsideContent = this.$content().find(element).length;
                    const elementIsInsideContent = $element.parents(`.${_consts.SCROLLABLE_CLASS}`).length - $element.parents(`.${_consts.SCROLLABLE_CONTENT_CLASS}`).length === 0;
                    if (!elementInsideContent || !elementIsInsideContent) {
                        return
                    }
                    const scrollPosition = {
                        top: 0,
                        left: 0
                    };
                    const {
                        direction: direction
                    } = this.option();
                    if ("vertical" !== direction) {
                        scrollPosition.left = this.getScrollElementPosition($element, "horizontal", offset)
                    }
                    if ("horizontal" !== direction) {
                        scrollPosition.top = this.getScrollElementPosition($element, "vertical", offset)
                    }
                    this.scrollTo(scrollPosition)
                }
                getScrollElementPosition($element, direction, offset) {
                    const scrollOffset = this.scrollOffset();
                    return (0, _get_element_location_internal.getElementLocationInternal)($element[0], direction, (0, _renderer.default)(this.container())[0], scrollOffset, offset)
                }
                _updateIfNeed() {
                    if (!this.option("updateManually")) {
                        this.update()
                    }
                }
                _useTemplates() {
                    return false
                }
            }(0, _component_registrator.default)(SCROLLABLE, Scrollable);
            exports.default = Scrollable
        },
        25689(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _scrollbar = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scrollbar */ 73485));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = class {
                constructor(scrollable) {
                    this._init(scrollable)
                }
                _init(scrollable) {
                    this._component = scrollable;
                    this._$element = scrollable.$element();
                    this._$container = (0, _renderer.default)(scrollable.container());
                    this._$content = scrollable.$content();
                    const {
                        direction: direction,
                        useSimulatedScrollbar: useSimulatedScrollbar
                    } = scrollable.option();
                    this._direction = direction;
                    this._useSimulatedScrollbar = useSimulatedScrollbar;
                    this.option = scrollable.option.bind(scrollable);
                    this._createActionByOption = scrollable._createActionByOption.bind(scrollable);
                    this._isLocked = scrollable._isLocked.bind(scrollable);
                    this._isDirection = scrollable._isDirection.bind(scrollable);
                    this._allowedDirection = scrollable._allowedDirection.bind(scrollable);
                    this._getMaxOffset = scrollable._getMaxOffset.bind(scrollable);
                    this._isRtlNativeStrategy = scrollable._isRtlNativeStrategy.bind(scrollable)
                }
                render() {
                    const device = _devices.default.real();
                    const deviceType = device.platform;
                    this._$element.addClass("dx-scrollable-native").addClass(`dx-scrollable-native-${deviceType}`).toggleClass("dx-scrollable-scrollbars-hidden", !this._isScrollbarVisible());
                    if (this._isScrollbarVisible() && this._useSimulatedScrollbar) {
                        this._renderScrollbars()
                    }
                }
                updateRtlPosition(isFirstRender) {
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    if (isFirstRender && rtlEnabled) {
                        if (this._isScrollbarVisible() && this._useSimulatedScrollbar) {
                            this._moveScrollbars()
                        }
                    }
                }
                _renderScrollbars() {
                    this._scrollbars = {};
                    this._hideScrollbarTimeout = 0;
                    this._$element.addClass("dx-scrollable-scrollbar-simulated");
                    this._renderScrollbar("vertical");
                    this._renderScrollbar("horizontal")
                }
                _renderScrollbar(direction) {
                    if (!this._isDirection(direction)) {
                        return
                    }
                    const {
                        scrollByThumb: scrollByThumb
                    } = this.option();
                    this._scrollbars[direction] = new _scrollbar.default((0, _renderer.default)("<div>").appendTo(this._$element), {
                        direction: direction,
                        expandable: scrollByThumb
                    })
                }
                handleInit(e) {}
                handleStart() {}
                handleMove(e) {
                    if (this._isLocked()) {
                        e.cancel = true;
                        return
                    }
                    if (this._allowedDirection()) {
                        e.originalEvent.isScrollingEvent = true
                    }
                }
                handleEnd() {}
                handleCancel() {}
                handleStop() {}
                _eachScrollbar(callback) {
                    (0, _iterator.each)(this._scrollbars || {}, (direction, scrollbar) => {
                        callback(scrollbar, direction)
                    })
                }
                createActions() {
                    this._scrollAction = this._createActionByOption("onScroll");
                    this._updateAction = this._createActionByOption("onUpdated")
                }
                _createActionArgs() {
                    const {
                        left: left,
                        top: top
                    } = this.location();
                    return {
                        event: this._eventForUserAction,
                        scrollOffset: this._getScrollOffset(),
                        reachedLeft: this._isRtlNativeStrategy() ? this._isReachedRight(-left) : this._isReachedLeft(left),
                        reachedRight: this._isRtlNativeStrategy() ? this._isReachedLeft(-Math.abs(left)) : this._isReachedRight(left),
                        reachedTop: this._isDirection("vertical") ? Math.round(top) >= 0 : void 0,
                        reachedBottom: this._isDirection("vertical") ? Math.round(Math.abs(top) - this._getMaxOffset().top) >= 0 : void 0
                    }
                }
                _getScrollOffset() {
                    const {
                        top: top,
                        left: left
                    } = this.location();
                    return {
                        top: -top,
                        left: this._normalizeOffsetLeft(-left)
                    }
                }
                _normalizeOffsetLeft(scrollLeft) {
                    if (this._isRtlNativeStrategy()) {
                        return this._getMaxOffset().left + scrollLeft
                    }
                    return scrollLeft
                }
                _isReachedLeft(left) {
                    return this._isDirection("horizontal") ? Math.round(left) >= 0 : void 0
                }
                _isReachedRight(left) {
                    return this._isDirection("horizontal") ? Math.round(Math.abs(left) - this._getMaxOffset().left) >= 0 : void 0
                }
                _isScrollbarVisible() {
                    const showScrollbar = this.option("showScrollbar");
                    return "never" !== showScrollbar && false !== showScrollbar
                }
                handleScroll(e) {
                    var _this$_scrollAction;
                    this._eventForUserAction = e;
                    this._moveScrollbars();
                    null === (_this$_scrollAction = this._scrollAction) || void 0 === _this$_scrollAction || _this$_scrollAction.call(this, this._createActionArgs())
                }
                _moveScrollbars() {
                    const {
                        top: top,
                        left: left
                    } = this._getScrollOffset();
                    this._eachScrollbar(scrollbar => {
                        scrollbar.moveTo({
                            top: -top,
                            left: -left
                        });
                        scrollbar.option("visible", true)
                    });
                    this._hideScrollbars()
                }
                _hideScrollbars() {
                    clearTimeout(this._hideScrollbarTimeout);
                    this._hideScrollbarTimeout = setTimeout(() => {
                        this._eachScrollbar(scrollbar => {
                            scrollbar.option("visible", false)
                        })
                    }, 500)
                }
                location() {
                    return {
                        left: -this._$container.scrollLeft(),
                        top: -this._$container.scrollTop()
                    }
                }
                disabledChanged() {}
                update() {
                    this._update();
                    this._updateAction(this._createActionArgs())
                }
                _update() {
                    this._updateDimensions();
                    this._updateScrollbars()
                }
                _updateDimensions() {
                    this._containerSize = {
                        height: (0, _size.getHeight)(this._$container),
                        width: (0, _size.getWidth)(this._$container)
                    };
                    this._componentContentSize = {
                        height: (0, _size.getHeight)(this._component.$content()),
                        width: (0, _size.getWidth)(this._component.$content())
                    };
                    this._contentSize = {
                        height: (0, _size.getHeight)(this._$content),
                        width: (0, _size.getWidth)(this._$content)
                    }
                }
                _updateScrollbars() {
                    this._eachScrollbar((scrollbar, direction) => {
                        const dimension = "vertical" === direction ? "height" : "width";
                        scrollbar.option({
                            containerSize: this._containerSize[dimension],
                            contentSize: this._componentContentSize[dimension]
                        });
                        scrollbar.update()
                    })
                }
                _prepareDirections() {}
                _allowedDirections() {
                    return {
                        vertical: this._isDirection("vertical") && this._contentSize.height > this._containerSize.height,
                        horizontal: this._isDirection("horizontal") && this._contentSize.width > this._containerSize.width
                    }
                }
                dispose() {
                    const {
                        className: className
                    } = this._$element.get(0);
                    const scrollableNativeRegexp = new RegExp("dx-scrollable-native\\S*", "g");
                    if (scrollableNativeRegexp.test(className)) {
                        const matches = className.match(scrollableNativeRegexp);
                        if (matches) {
                            this._$element.removeClass(matches.join(" "))
                        }
                    }
                    _events_engine.default.off(this._$element, ".dxNativeScrollable");
                    _events_engine.default.off(this._$container, ".dxNativeScrollable");
                    this._removeScrollbars();
                    clearTimeout(this._hideScrollbarTimeout)
                }
                _removeScrollbars() {
                    this._eachScrollbar(scrollbar => {
                        scrollbar.$element().remove()
                    })
                }
                scrollBy(distance) {
                    const location = this.location();
                    this._$container.scrollTop(Math.round(-location.top - distance.top));
                    this._$container.scrollLeft(Math.round(-location.left - distance.left))
                }
                validate(e) {
                    const {
                        disabled: disabled
                    } = this.option();
                    if (disabled) {
                        return false
                    }
                    if ((0, _index.isDxMouseWheelEvent)(e) && this._isScrolledInMaxDirection(e)) {
                        return false
                    }
                    return !!this._allowedDirection()
                }
                _isScrolledInMaxDirection(e) {
                    const container = this._$container.get(0);
                    let result = false;
                    if (e.delta > 0) {
                        result = e.shiftKey ? !container.scrollLeft : !container.scrollTop
                    } else if (e.shiftKey) {
                        result = container.scrollLeft >= this._getMaxOffset().left
                    } else {
                        result = container.scrollTop >= this._getMaxOffset().top
                    }
                    return result
                }
                getDirection() {
                    return this._allowedDirection()
                }
            }
        },
        55350(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SimulatedStrategy = exports.Scroller = void 0;
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _inflector = __webpack_require__( /*! ../../../core/utils/inflector */ 53124);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _position = __webpack_require__( /*! ../../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _animator = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/animator */ 68634));
            var _scrollbar = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scrollbar */ 73485));
            var _get_adjusted_base_container_size = __webpack_require__( /*! ../../ui/scroll_view/utils/get_adjusted_base_container_size */ 32230);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const HORIZONTAL = "horizontal";
            const FRAME_DURATION = Math.round(1e3 / 60);
            const BOUNCE_FRAMES = 400 / FRAME_DURATION;
            const BOUNCE_ACCELERATION_SUM = (1 - .92 ** BOUNCE_FRAMES) / (1 - .92);
            const KEY_CODES_PAGE_UP = "pageUp",
                KEY_CODES_PAGE_DOWN = "pageDown",
                KEY_CODES_END = "end",
                KEY_CODES_HOME = "home",
                KEY_CODES_LEFT = "leftArrow",
                KEY_CODES_UP = "upArrow",
                KEY_CODES_RIGHT = "rightArrow",
                KEY_CODES_DOWN = "downArrow",
                KEY_CODES_TAB = "tab";
            class InertiaAnimator extends _animator.default {
                constructor(scroller) {
                    super();
                    this.VELOCITY_LIMIT = 1;
                    this.scroller = scroller
                }
                _isFinished() {
                    return Math.abs(this.scroller._velocity) <= this.VELOCITY_LIMIT
                }
                _step() {
                    this.scroller._scrollStep(this.scroller._velocity);
                    this.scroller._velocity *= this._acceleration()
                }
                _acceleration() {
                    return this.scroller._inBounds() ? .92 : .5
                }
                _complete() {
                    this.scroller._scrollComplete()
                }
            }
            class BounceAnimator extends InertiaAnimator {
                constructor() {
                    super(...arguments);
                    this.VELOCITY_LIMIT = .2
                }
                _isFinished() {
                    return this.scroller._crossBoundOnNextStep() || super._isFinished()
                }
                _acceleration() {
                    return .92
                }
                _complete() {
                    this.scroller._move(this.scroller._bounceLocation);
                    super._complete()
                }
            }
            class Scroller {
                constructor(options) {
                    this._initOptions(options);
                    this._initAnimators();
                    this._initScrollbar()
                }
                _initOptions(options) {
                    this._location = 0;
                    this._topReached = false;
                    this._bottomReached = false;
                    this._axis = options.direction === HORIZONTAL ? "x" : "y";
                    this._prop = options.direction === HORIZONTAL ? "left" : "top";
                    this._dimension = options.direction === HORIZONTAL ? "width" : "height";
                    this._scrollProp = options.direction === HORIZONTAL ? "scrollLeft" : "scrollTop";
                    (0, _iterator.each)(options, (optionName, optionValue) => {
                        this[`_${optionName}`] = optionValue
                    })
                }
                _initAnimators() {
                    this._inertiaAnimator = new InertiaAnimator(this);
                    this._bounceAnimator = new BounceAnimator(this)
                }
                _initScrollbar() {
                    this._scrollbar = new _scrollbar.default((0, _renderer.default)("<div>").appendTo(this._$container), {
                        direction: this._direction,
                        visible: this._scrollByThumb,
                        visibilityMode: this._visibilityModeNormalize(this._scrollbarVisible),
                        expandable: this._scrollByThumb
                    });
                    this._$scrollbar = this._scrollbar.$element()
                }
                _visibilityModeNormalize(mode) {
                    if (true === mode) {
                        return "onScroll"
                    }
                    if (false === mode) {
                        return "never"
                    }
                    return mode ?? "never"
                }
                _scrollStep(delta) {
                    const prevLocation = this._location;
                    this._location += delta;
                    this._suppressBounce();
                    this._move();
                    if (Math.abs(prevLocation - this._location) < 1) {
                        return
                    }
                    _events_engine.default.triggerHandler(this._$container, {
                        type: "scroll"
                    })
                }
                _suppressBounce() {
                    if (this._bounceEnabled || this._inBounds(this._location)) {
                        return
                    }
                    this._velocity = 0;
                    this._location = this._boundLocation()
                }
                _boundLocation(location) {
                    const actualLocation = location ?? this._location;
                    return Math.max(Math.min(actualLocation, this._maxOffset), this._minOffset)
                }
                _move(location) {
                    this._location = void 0 !== location ? location * this._getScaleRatio() : this._location;
                    this._moveContent();
                    this._moveScrollbar()
                }
                _moveContent() {
                    const location = this._location;
                    this._$container[this._scrollProp](-location / this._getScaleRatio());
                    this._moveContentByTranslator(location)
                }
                _getScaleRatio() {
                    if ((0, _window.hasWindow)() && !this._scaleRatio) {
                        const element = this._$element[0];
                        const dimension = this._dimension;
                        const realDimension = this._getRealDimension(element, dimension);
                        const baseDimension = this._getBaseDimension(element, dimension);
                        this._scaleRatio = Math.round(realDimension / baseDimension * 100) / 100
                    }
                    return this._scaleRatio || 1
                }
                _getRealDimension(element, dimension) {
                    return Math.round((0, _position.getBoundingRect)(element)[dimension])
                }
                _getBaseDimension(element, dimension) {
                    const dimensionName = `offset${(0,_inflector.titleize)(dimension)}`;
                    return element[dimensionName]
                }
                _moveContentByTranslator(location) {
                    let translateOffset;
                    const minOffset = -this._maxScrollPropValue;
                    if (location > 0) {
                        translateOffset = location
                    }
                    if (location <= minOffset) {
                        translateOffset = location - minOffset
                    }
                    if (this._translateOffset === translateOffset) {
                        return
                    }
                    const targetLocation = {};
                    targetLocation[this._prop] = translateOffset;
                    this._translateOffset = translateOffset;
                    if (!translateOffset) {
                        (0, _translator.resetPosition)(this._$content);
                        return
                    }(0, _translator.move)(this._$content, targetLocation)
                }
                _moveScrollbar() {
                    this._scrollbar.moveTo(this._location)
                }
                _scrollComplete() {
                    if (this._inBounds()) {
                        this._hideScrollbar();
                        if (this._completeDeferred) {
                            this._completeDeferred.resolve()
                        }
                    }
                    this._scrollToBounds()
                }
                _scrollToBounds() {
                    var _this$_bounceAction;
                    if (this._inBounds()) {
                        return
                    }
                    null === (_this$_bounceAction = this._bounceAction) || void 0 === _this$_bounceAction || _this$_bounceAction.call(this);
                    this._setupBounce();
                    this._bounceAnimator.start()
                }
                _setupBounce() {
                    this._bounceLocation = this._boundLocation();
                    const bounceDistance = this._bounceLocation - this._location;
                    this._velocity = bounceDistance / BOUNCE_ACCELERATION_SUM
                }
                _inBounds(location) {
                    const currentLocation = location ?? this._location;
                    return this._boundLocation(currentLocation) === currentLocation
                }
                _crossBoundOnNextStep() {
                    const location = this._location;
                    const nextLocation = location + this._velocity;
                    return location < this._minOffset && nextLocation >= this._minOffset || location > this._maxOffset && nextLocation <= this._maxOffset
                }
                _initHandler(e) {
                    this._stopScrolling();
                    this._prepareThumbScrolling(e)
                }
                _stopScrolling() {
                    (0, _common.deferRenderer)(() => {
                        this._hideScrollbar();
                        this._inertiaAnimator.stop();
                        this._bounceAnimator.stop()
                    })()
                }
                _prepareThumbScrolling(e) {
                    if ((0, _index.isDxMouseWheelEvent)(e.originalEvent)) {
                        return
                    }
                    const $target = (0, _renderer.default)(e.originalEvent.target);
                    const scrollbarClicked = this._isScrollbar($target);
                    if (scrollbarClicked) {
                        this._moveToMouseLocation(e)
                    }
                    this._thumbScrolling = scrollbarClicked || this._isThumb($target);
                    this._crossThumbScrolling = !this._thumbScrolling && this._isAnyThumbScrolling($target);
                    if (this._thumbScrolling) {
                        this._scrollbar.feedbackOn()
                    }
                }
                _isThumbScrollingHandler($target) {
                    return this._isThumb($target)
                }
                _moveToMouseLocation(e) {
                    const mouseLocation = e[`page${this._axis.toUpperCase()}`] - this._$element.offset()[this._prop];
                    const location = this._location + mouseLocation / this._containerToContentRatio() - (0, _size.getHeight)(this._$container) / 2;
                    this._scrollStep(-Math.round(location))
                }
                _startHandler() {
                    this._showScrollbar()
                }
                _moveHandler(delta) {
                    if (this._crossThumbScrolling) {
                        return
                    }
                    if (this._thumbScrolling) {
                        delta[this._axis] = -Math.round(delta[this._axis] / this._containerToContentRatio())
                    }
                    this._scrollBy(delta)
                }
                _scrollBy(delta) {
                    let scrollDelta = delta[this._axis];
                    if (!this._inBounds()) {
                        scrollDelta *= .5
                    }
                    this._scrollStep(scrollDelta)
                }
                _scrollByHandler(delta) {
                    if (!delta.x && !delta.y) {
                        return
                    }
                    this._scrollBy(delta);
                    this._scrollComplete()
                }
                _containerToContentRatio() {
                    return this._scrollbar.containerToContentRatio()
                }
                _endHandler(velocity) {
                    this._completeDeferred = (0, _deferred.Deferred)();
                    this._velocity = velocity[this._axis];
                    this._inertiaHandler();
                    this._resetThumbScrolling();
                    return this._completeDeferred.promise()
                }
                _inertiaHandler() {
                    this._suppressInertia();
                    this._inertiaAnimator.start()
                }
                _suppressInertia() {
                    if (!this._inertiaEnabled || this._thumbScrolling) {
                        this._velocity = 0
                    }
                }
                _resetThumbScrolling() {
                    this._thumbScrolling = false;
                    this._crossThumbScrolling = false
                }
                _stopHandler() {
                    if (this._thumbScrolling) {
                        this._scrollComplete()
                    }
                    this._resetThumbScrolling();
                    this._scrollToBounds()
                }
                _disposeHandler() {
                    this._stopScrolling();
                    this._$scrollbar.remove()
                }
                _updateHandler() {
                    this._update();
                    this._moveToBounds()
                }
                _update() {
                    this._stopScrolling();
                    return (0, _common.deferUpdate)(() => {
                        this._resetScaleRatio();
                        this._updateLocation();
                        this._updateBounds();
                        this._updateScrollbar();
                        return (0, _common.deferRender)(() => {
                            this._moveScrollbar();
                            this._scrollbar.update()
                        })
                    })
                }
                _resetScaleRatio() {
                    this._scaleRatio = null
                }
                _updateLocation() {
                    this._location = ((0, _translator.locate)(this._$content)[this._prop] - this._$container[this._scrollProp]()) * this._getScaleRatio()
                }
                _updateBounds() {
                    this._maxOffset = this._getMaxOffset();
                    this._minOffset = this._getMinOffset()
                }
                _getMaxOffset() {
                    return 0
                }
                _getMinOffset() {
                    this._maxScrollPropValue = Math.max(this._contentSize() - this._containerSize(), 0);
                    return -this._maxScrollPropValue
                }
                _updateScrollbar() {
                    (0, _common.deferUpdater)(() => {
                        const dimension = this._dimension;
                        const rawContainerSize = (0, _position.getBoundingRect)(this._$container[0])[dimension];
                        const containerSize = Math.round(rawContainerSize);
                        const contentSize = this._contentSize();
                        const rawBaseContainerSize = this._getBaseDimension(this._$container[0], dimension);
                        const baseContentSize = this._getBaseDimension(this._$content[0], dimension);
                        const baseContainerSize = (0, _get_adjusted_base_container_size.getAdjustedBaseContainerSize)(rawContainerSize, rawBaseContainerSize, baseContentSize);
                        (0, _common.deferRender)(() => {
                            this._scrollbar.option({
                                containerSize: containerSize,
                                contentSize: contentSize,
                                baseContainerSize: baseContainerSize,
                                baseContentSize: baseContentSize,
                                scaleRatio: this._getScaleRatio()
                            })
                        })
                    })()
                }
                _moveToBounds() {
                    (0, _common.deferRenderer)((0, _common.deferUpdater)((0, _common.deferRenderer)(() => {
                        const location = this._boundLocation();
                        const locationChanged = location !== this._location;
                        this._location = location;
                        this._move();
                        if (locationChanged) {
                            var _this$_scrollAction;
                            null === (_this$_scrollAction = this._scrollAction) || void 0 === _this$_scrollAction || _this$_scrollAction.call(this)
                        }
                    })))()
                }
                _createActionsHandler(actions) {
                    this._scrollAction = actions.scroll;
                    this._bounceAction = actions.bounce
                }
                _showScrollbar() {
                    this._scrollbar.option("visible", true)
                }
                _hideScrollbar() {
                    this._scrollbar.option("visible", false)
                }
                _containerSize() {
                    return this._getRealDimension(this._$container.get(0), this._dimension)
                }
                _contentSize() {
                    const isOverflowHidden = "hidden" === this._$content.css(`overflow${this._axis.toUpperCase()}`);
                    let contentSize = this._getRealDimension(this._$content.get(0), this._dimension);
                    if (!isOverflowHidden) {
                        const containerScrollSize = this._$content[0][`scroll${(0,_inflector.titleize)(this._dimension)}`] * this._getScaleRatio();
                        contentSize = Math.max(containerScrollSize, contentSize)
                    }
                    return contentSize
                }
                _validateEvent(e) {
                    const $target = (0, _renderer.default)(e.originalEvent.target);
                    return this._isThumb($target) || this._isScrollbar($target)
                }
                _isThumb($element) {
                    return this._scrollByThumb && this._scrollbar.isThumb($element)
                }
                _isScrollbar($element) {
                    return Boolean(this._scrollByThumb && (null === $element || void 0 === $element ? void 0 : $element.is(this._$scrollbar)))
                }
                _reachedMin() {
                    return Math.round(this._location - this._minOffset) <= 0
                }
                _reachedMax() {
                    return Math.round(this._location - this._maxOffset) >= 0
                }
                _cursorEnterHandler() {
                    this._resetScaleRatio();
                    this._updateScrollbar();
                    this._scrollbar.cursorEnter()
                }
                _cursorLeaveHandler() {
                    this._scrollbar.cursorLeave()
                }
                isBottomReached() {
                    return false
                }
                dispose() {}
            }
            exports.Scroller = Scroller;
            let hoveredScrollable = null;
            let activeScrollable = null;
            exports.SimulatedStrategy = class {
                constructor(scrollable) {
                    this._init(scrollable)
                }
                _init(scrollable) {
                    this._component = scrollable;
                    this._$element = scrollable.$element();
                    this._$container = (0, _renderer.default)(scrollable.container());
                    this._$wrapper = scrollable._$wrapper;
                    this._$content = scrollable.$content();
                    this.option = scrollable.option.bind(scrollable);
                    this._createActionByOption = scrollable._createActionByOption.bind(scrollable);
                    this._isLocked = scrollable._isLocked.bind(scrollable);
                    this._isDirection = scrollable._isDirection.bind(scrollable);
                    this._allowedDirection = scrollable._allowedDirection.bind(scrollable);
                    this._getMaxOffset = scrollable._getMaxOffset.bind(scrollable)
                }
                render() {
                    this._$element.addClass("dx-scrollable-simulated");
                    this._createScrollers();
                    const {
                        useKeyboard: useKeyboard
                    } = this.option();
                    if (useKeyboard) {
                        this._$container.prop("tabIndex", 0)
                    }
                    this._attachKeyboardHandler();
                    this._attachCursorHandlers()
                }
                _createScrollers() {
                    this._scrollers = {};
                    if (this._isDirection(HORIZONTAL)) {
                        this._createScroller(HORIZONTAL)
                    }
                    if (this._isDirection("vertical")) {
                        this._createScroller("vertical")
                    }
                    this._$element.toggleClass("dx-scrollable-scrollbars-alwaysvisible", "always" === this.option("showScrollbar"))
                }
                _createScroller(direction) {
                    this._scrollers[direction] = new Scroller(this._scrollerOptions(direction))
                }
                _scrollerOptions(direction) {
                    return {
                        direction: direction,
                        $content: this._$content,
                        $container: this._$container,
                        $wrapper: this._$wrapper,
                        $element: this._$element,
                        scrollByThumb: this.option("scrollByThumb"),
                        scrollbarVisible: this.option("showScrollbar"),
                        bounceEnabled: this.option("bounceEnabled"),
                        inertiaEnabled: this.option("inertiaEnabled"),
                        isAnyThumbScrolling: this._isAnyThumbScrolling.bind(this)
                    }
                }
                _applyScaleRatio(targetLocation) {
                    for (const direction in this._scrollers) {
                        const prop = this._getPropByDirection(direction);
                        if ((0, _type.isDefined)(targetLocation[prop])) {
                            const scroller = this._scrollers[direction];
                            const currentValue = targetLocation[prop];
                            if (void 0 !== currentValue) {
                                targetLocation[prop] = currentValue * scroller._getScaleRatio()
                            }
                        }
                    }
                    return targetLocation
                }
                _isAnyThumbScrolling($target) {
                    let result = false;
                    this._eventHandler("isThumbScrolling", $target).done((isThumbScrollingVertical, isThumbScrollingHorizontal) => {
                        result = isThumbScrollingVertical || isThumbScrollingHorizontal
                    });
                    return result
                }
                handleInit(e) {
                    this._suppressDirections(e);
                    this._eventForUserAction = e;
                    this._eventHandler("init", e)
                }
                _suppressDirections(e) {
                    if ((0, _index.isDxMouseWheelEvent)(e.originalEvent)) {
                        this._prepareDirections(true);
                        return
                    }
                    this._prepareDirections();
                    this._eachScroller(function(scroller, direction) {
                        const $target = (0, _renderer.default)(e.originalEvent.target);
                        const isValid = scroller._validateEvent(e) || this.option("scrollByContent") && this._isContent($target);
                        this._validDirections[direction] = isValid
                    })
                }
                _isContent($element) {
                    return !!$element.closest(this._$element).length
                }
                _prepareDirections() {
                    let value = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : false;
                    this._validDirections = {};
                    this._validDirections[HORIZONTAL] = value;
                    this._validDirections.vertical = value
                }
                _eachScroller(callback) {
                    const boundCallback = callback.bind(this);
                    (0, _iterator.each)(this._scrollers, (direction, scroller) => {
                        boundCallback(scroller, direction)
                    })
                }
                handleStart(e) {
                    this._eventForUserAction = e;
                    this._eventHandler("start").done(this._startAction)
                }
                _saveActive() {
                    activeScrollable = this
                }
                _resetActive() {
                    if (activeScrollable === this) {
                        activeScrollable = null
                    }
                }
                handleMove(e) {
                    var _e$preventDefault;
                    if (this._isLocked()) {
                        e.cancel = true;
                        this._resetActive();
                        return
                    }
                    this._saveActive();
                    null === (_e$preventDefault = e.preventDefault) || void 0 === _e$preventDefault || _e$preventDefault.call(e);
                    this._adjustDistance(e, e.delta);
                    this._eventForUserAction = e;
                    this._eventHandler("move", e.delta)
                }
                _adjustDistance(e, distance) {
                    distance.x *= this._validDirections[HORIZONTAL];
                    distance.y *= this._validDirections.vertical;
                    const devicePixelRatio = this._tryGetDevicePixelRatio();
                    if (devicePixelRatio && (0, _index.isDxMouseWheelEvent)(e.originalEvent)) {
                        distance.x = Math.round(distance.x / devicePixelRatio * 100) / 100;
                        distance.y = Math.round(distance.y / devicePixelRatio * 100) / 100
                    }
                }
                _tryGetDevicePixelRatio() {
                    if ((0, _window.hasWindow)()) {
                        return (0, _window.getWindow)().devicePixelRatio
                    }
                    return
                }
                handleEnd(e) {
                    var _e$originalEvent;
                    this._resetActive();
                    this._refreshCursorState((null === (_e$originalEvent = e.originalEvent) || void 0 === _e$originalEvent ? void 0 : _e$originalEvent.target) ?? void 0);
                    this._adjustDistance(e, e.velocity);
                    this._eventForUserAction = e;
                    return this._eventHandler("end", e.velocity).done(this._endAction)
                }
                handleCancel(e) {
                    this._resetActive();
                    this._eventForUserAction = e;
                    return this._eventHandler("end", {
                        x: 0,
                        y: 0
                    })
                }
                handleStop() {
                    this._resetActive();
                    this._eventHandler("stop")
                }
                handleScroll() {
                    var _this$_scrollAction2;
                    this._updateRtlConfig();
                    null === (_this$_scrollAction2 = this._scrollAction) || void 0 === _this$_scrollAction2 || _this$_scrollAction2.call(this)
                }
                _attachKeyboardHandler() {
                    _events_engine.default.off(this._$element, ".dxSimulatedScrollableKeyboard");
                    if (!this.option("disabled") && this.option("useKeyboard")) {
                        _events_engine.default.on(this._$element, (0, _index.addNamespace)("keydown", "dxSimulatedScrollableKeyboard"), this._keyDownHandler.bind(this))
                    }
                }
                _keyDownHandler(e) {
                    clearTimeout(this._updateHandlerTimeout);
                    this._updateHandlerTimeout = setTimeout(() => {
                        if ((0, _index.normalizeKeyName)(e) === KEY_CODES_TAB) {
                            this._eachScroller(scroller => {
                                scroller._updateHandler()
                            })
                        }
                    });
                    if (!this._$container.is(_dom_adapter.default.getActiveElement(this._$container.get(0)))) {
                        return
                    }
                    let handled = true;
                    switch ((0, _index.normalizeKeyName)(e)) {
                        case KEY_CODES_DOWN:
                            this._scrollByLine({
                                y: 1
                            });
                            break;
                        case KEY_CODES_UP:
                            this._scrollByLine({
                                y: -1
                            });
                            break;
                        case KEY_CODES_RIGHT:
                            this._scrollByLine({
                                x: 1
                            });
                            break;
                        case KEY_CODES_LEFT:
                            this._scrollByLine({
                                x: -1
                            });
                            break;
                        case KEY_CODES_PAGE_DOWN:
                            this._scrollByPage(1);
                            break;
                        case KEY_CODES_PAGE_UP:
                            this._scrollByPage(-1);
                            break;
                        case KEY_CODES_HOME:
                            this._scrollToHome();
                            break;
                        case KEY_CODES_END:
                            this._scrollToEnd();
                            break;
                        default:
                            handled = false
                    }
                    if (handled) {
                        e.stopPropagation();
                        e.preventDefault()
                    }
                }
                _scrollByLine(lines) {
                    const devicePixelRatio = this._tryGetDevicePixelRatio();
                    let scrollOffset = 40;
                    if (devicePixelRatio) {
                        scrollOffset = Math.abs(scrollOffset / devicePixelRatio * 100) / 100
                    }
                    this.scrollBy({
                        top: (lines.y ?? 0) * -scrollOffset,
                        left: (lines.x ?? 0) * -scrollOffset
                    })
                }
                _scrollByPage(page) {
                    const prop = this._wheelProp();
                    const dimension = this._dimensionByProp(prop);
                    const distance = {};
                    const getter = "width" === dimension ? _size.getWidth : _size.getHeight;
                    distance[prop] = page * -getter(this._$container);
                    this.scrollBy(distance)
                }
                _dimensionByProp(prop) {
                    return "left" === prop ? "width" : "height"
                }
                _getPropByDirection(direction) {
                    return direction === HORIZONTAL ? "left" : "top"
                }
                _scrollToHome() {
                    const prop = this._wheelProp();
                    const distance = {};
                    distance[prop] = 0;
                    this._component.scrollTo(distance)
                }
                _scrollToEnd() {
                    const prop = this._wheelProp();
                    const dimension = this._dimensionByProp(prop);
                    const distance = {};
                    const getter = "width" === dimension ? _size.getWidth : _size.getHeight;
                    distance[prop] = getter(this._$content) - getter(this._$container);
                    this._component.scrollTo(distance)
                }
                createActions() {
                    this._startAction = this._createActionHandler("onStart");
                    this._endAction = this._createActionHandler("onEnd");
                    this._updateAction = this._createActionHandler("onUpdated");
                    this._createScrollerActions()
                }
                _createScrollerActions() {
                    this._scrollAction = this._createActionHandler("onScroll");
                    this._bounceAction = this._createActionHandler("onBounce");
                    this._eventHandler("createActions", {
                        scroll: this._scrollAction,
                        bounce: this._bounceAction
                    })
                }
                _createActionHandler(optionName) {
                    var _this = this;
                    const actionHandler = this._createActionByOption(optionName);
                    return function() {
                        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                            args[_key] = arguments[_key]
                        }
                        actionHandler((0, _extend.extend)(_this._createActionArgs(), args))
                    }
                }
                _createActionArgs() {
                    const {
                        horizontal: scrollerX,
                        vertical: scrollerY
                    } = this._scrollers;
                    const offset = this._getScrollOffset();
                    this._scrollOffset = {
                        top: scrollerY && offset.top,
                        left: scrollerX && offset.left
                    };
                    return {
                        event: this._eventForUserAction,
                        scrollOffset: this._scrollOffset,
                        reachedLeft: null === scrollerX || void 0 === scrollerX ? void 0 : scrollerX._reachedMax(),
                        reachedRight: null === scrollerX || void 0 === scrollerX ? void 0 : scrollerX._reachedMin(),
                        reachedTop: null === scrollerY || void 0 === scrollerY ? void 0 : scrollerY._reachedMax(),
                        reachedBottom: null === scrollerY || void 0 === scrollerY ? void 0 : scrollerY._reachedMin()
                    }
                }
                _getScrollOffset() {
                    return {
                        top: -this.location().top,
                        left: -this.location().left
                    }
                }
                _eventHandler(eventName, location) {
                    const args = [].slice.call(arguments).slice(1);
                    const deferreds = (0, _iterator.map)(this._scrollers, scroller => scroller[`_${eventName}Handler`].apply(scroller, args));
                    return _deferred.when.apply(_renderer.default, deferreds).promise()
                }
                location() {
                    const location = (0, _translator.locate)(this._$content);
                    location.top -= this._$container.scrollTop();
                    location.left -= this._$container.scrollLeft();
                    return location
                }
                disabledChanged() {
                    this._attachCursorHandlers()
                }
                _attachCursorHandlers() {
                    _events_engine.default.off(this._$element, ".dxSimulatedScrollableCursor");
                    const {
                        disabled: disabled
                    } = this.option();
                    if (!disabled && this._isHoverMode()) {
                        _events_engine.default.on(this._$element, (0, _index.addNamespace)("mouseenter", "dxSimulatedScrollableCursor"), this._cursorEnterHandler.bind(this));
                        _events_engine.default.on(this._$element, (0, _index.addNamespace)("mouseleave", "dxSimulatedScrollableCursor"), this._cursorLeaveHandler.bind(this))
                    }
                }
                _isHoverMode() {
                    return "onHover" === this.option("showScrollbar")
                }
                _cursorEnterHandler(e) {
                    const event = e || {};
                    event.originalEvent = event.originalEvent || {};
                    if (activeScrollable || event.originalEvent._hoverHandled) {
                        return
                    }
                    if (hoveredScrollable) {
                        hoveredScrollable._cursorLeaveHandler()
                    }
                    hoveredScrollable = this;
                    this._eventHandler("cursorEnter");
                    event.originalEvent._hoverHandled = true
                }
                _cursorLeaveHandler(e) {
                    if (hoveredScrollable !== this || activeScrollable === hoveredScrollable) {
                        return
                    }
                    this._eventHandler("cursorLeave");
                    hoveredScrollable = null;
                    this._refreshCursorState(null === e || void 0 === e ? void 0 : e.relatedTarget)
                }
                _refreshCursorState(target) {
                    if (!this._isHoverMode() && (!target || activeScrollable)) {
                        return
                    }
                    const $target = (0, _renderer.default)(target);
                    const $scrollable = $target.closest(".dx-scrollable-simulated:not(.dx-state-disabled)");
                    const targetScrollable = $scrollable.length && $scrollable.data("dxScrollableStrategy");
                    if (hoveredScrollable && hoveredScrollable !== targetScrollable) {
                        hoveredScrollable._cursorLeaveHandler()
                    }
                    if (targetScrollable) {
                        targetScrollable._cursorEnterHandler()
                    }
                }
                update() {
                    const result = this._eventHandler("update").done(this._updateAction);
                    return (0, _deferred.when)(result, (0, _common.deferUpdate)(() => {
                        const allowedDirections = this._allowedDirections();
                        (0, _common.deferRender)(() => {
                            let touchDirection = allowedDirections.vertical ? "pan-x" : "";
                            touchDirection = allowedDirections.horizontal ? "pan-y" : touchDirection;
                            touchDirection = allowedDirections.vertical && allowedDirections.horizontal ? "none" : touchDirection;
                            this._$container.css("touchAction", touchDirection)
                        });
                        return (0, _deferred.when)().promise()
                    }))
                }
                _allowedDirections() {
                    const {
                        bounceEnabled: bounceEnabled
                    } = this.option();
                    const verticalScroller = this._scrollers.vertical;
                    const horizontalScroller = this._scrollers[HORIZONTAL];
                    return {
                        vertical: Boolean(verticalScroller && (verticalScroller._minOffset < 0 || bounceEnabled)),
                        horizontal: Boolean(horizontalScroller && (horizontalScroller._minOffset < 0 || bounceEnabled))
                    }
                }
                _updateBounds() {
                    var _this$_scrollers$HORI;
                    null === (_this$_scrollers$HORI = this._scrollers[HORIZONTAL]) || void 0 === _this$_scrollers$HORI || _this$_scrollers$HORI._updateBounds()
                }
                _isHorizontalAndRtlEnabled() {
                    return this.option("rtlEnabled") && "vertical" !== this.option("direction")
                }
                updateRtlPosition(needInitializeRtlConfig) {
                    if (needInitializeRtlConfig) {
                        this._rtlConfig = {
                            scrollRight: 0,
                            clientWidth: this._$container.get(0).clientWidth,
                            windowPixelRatio: this._getWindowDevicePixelRatio()
                        }
                    }
                    this._updateBounds();
                    if (this._isHorizontalAndRtlEnabled()) {
                        let scrollLeft = this._getMaxOffset().left - this._rtlConfig.scrollRight;
                        if (scrollLeft <= 0) {
                            scrollLeft = 0;
                            this._rtlConfig.scrollRight = this._getMaxOffset().left
                        }
                        if (this._getScrollOffset().left !== scrollLeft) {
                            this._rtlConfig.skipUpdating = true;
                            this._component.scrollTo({
                                left: scrollLeft
                            });
                            this._rtlConfig.skipUpdating = false
                        }
                    }
                }
                _updateRtlConfig() {
                    if (this._isHorizontalAndRtlEnabled() && !this._rtlConfig.skipUpdating) {
                        const {
                            clientWidth: clientWidth,
                            scrollLeft: scrollLeft
                        } = this._$container.get(0);
                        const windowPixelRatio = this._getWindowDevicePixelRatio();
                        if (this._rtlConfig.windowPixelRatio === windowPixelRatio && this._rtlConfig.clientWidth === clientWidth) {
                            this._rtlConfig.scrollRight = this._getMaxOffset().left - scrollLeft
                        }
                        this._rtlConfig.clientWidth = clientWidth;
                        this._rtlConfig.windowPixelRatio = windowPixelRatio
                    }
                }
                _getWindowDevicePixelRatio() {
                    return (0, _window.hasWindow)() ? (0, _window.getWindow)().devicePixelRatio : 1
                }
                scrollBy(distance) {
                    var _this$_startAction, _this$_endAction;
                    const verticalScroller = this._scrollers.vertical;
                    const horizontalScroller = this._scrollers[HORIZONTAL];
                    if (verticalScroller) {
                        distance.top = verticalScroller._boundLocation(distance.top + verticalScroller._location) - verticalScroller._location
                    }
                    if (horizontalScroller) {
                        distance.left = horizontalScroller._boundLocation(distance.left + horizontalScroller._location) - horizontalScroller._location
                    }
                    this._prepareDirections(true);
                    null === (_this$_startAction = this._startAction) || void 0 === _this$_startAction || _this$_startAction.call(this);
                    this._eventHandler("scrollBy", {
                        x: distance.left,
                        y: distance.top
                    });
                    null === (_this$_endAction = this._endAction) || void 0 === _this$_endAction || _this$_endAction.call(this);
                    this._updateRtlConfig()
                }
                validate(e) {
                    if ((0, _index.isDxMouseWheelEvent)(e) && (0, _index.isCommandKeyPressed)(e)) {
                        return false
                    }
                    if (this.option("disabled")) {
                        return false
                    }
                    if (this.option("bounceEnabled")) {
                        return true
                    }
                    return (0, _index.isDxMouseWheelEvent)(e) ? this._validateWheel(e) : this._validateMove(e)
                }
                _validateWheel(e) {
                    const scroller = this._scrollers[this._wheelDirection(e)];
                    const reachedMin = scroller._reachedMin();
                    const reachedMax = scroller._reachedMax();
                    const contentGreaterThanContainer = !reachedMin || !reachedMax;
                    const locatedNotAtBound = !reachedMin && !reachedMax;
                    const scrollFromMin = reachedMin && e.delta > 0;
                    const scrollFromMax = reachedMax && e.delta < 0;
                    let validated = contentGreaterThanContainer && (locatedNotAtBound || scrollFromMin || scrollFromMax);
                    validated = validated || void 0 !== this._validateWheelTimer;
                    if (validated) {
                        clearTimeout(this._validateWheelTimer);
                        this._validateWheelTimer = setTimeout(() => {
                            this._validateWheelTimer = void 0
                        }, 500)
                    }
                    return validated
                }
                _validateMove(e) {
                    const {
                        scrollByContent: scrollByContent
                    } = this.option();
                    if (!scrollByContent && !(0, _renderer.default)(e.target).closest(".dx-scrollable-scrollbar").length) {
                        return false
                    }
                    return this._allowedDirection()
                }
                getDirection(e) {
                    return (0, _index.isDxMouseWheelEvent)(e) ? this._wheelDirection(e) : this._allowedDirection()
                }
                _wheelProp() {
                    return this._wheelDirection() === HORIZONTAL ? "left" : "top"
                }
                _wheelDirection(e) {
                    const {
                        direction: direction
                    } = this.option();
                    switch (direction) {
                        case HORIZONTAL:
                            return HORIZONTAL;
                        case "vertical":
                            return "vertical";
                        default:
                            return null !== e && void 0 !== e && e.shiftKey ? HORIZONTAL : "vertical"
                    }
                }
                dispose() {
                    this._resetActive();
                    if (hoveredScrollable === this) {
                        hoveredScrollable = null
                    }
                    this._eventHandler("dispose");
                    this._detachEventHandlers();
                    this._$element.removeClass("dx-scrollable-simulated");
                    this._eventForUserAction = void 0;
                    clearTimeout(this._validateWheelTimer);
                    clearTimeout(this._updateHandlerTimeout)
                }
                _detachEventHandlers() {
                    _events_engine.default.off(this._$element, ".dxSimulatedScrollableCursor");
                    _events_engine.default.off(this._$container, ".dxSimulatedScrollableKeyboard")
                }
            }
        },
        73485(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _ready_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/ready_callbacks */ 3122));
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            let activeScrollbar = null;
            class Scrollbar extends _widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        visible: false,
                        activeStateEnabled: false,
                        visibilityMode: "onScroll",
                        containerSize: 0,
                        contentSize: 0,
                        expandable: true,
                        scaleRatio: 1
                    })
                }
                _init() {
                    super._init();
                    this._isHovered = false
                }
                _initMarkup() {
                    this._renderThumb();
                    super._initMarkup()
                }
                _render() {
                    super._render();
                    this._renderDirection();
                    this._update();
                    this._attachPointerDownHandler();
                    this.option("hoverStateEnabled", this._isHoverMode());
                    const {
                        hoverStateEnabled: hoverStateEnabled
                    } = this.option();
                    this.$element().toggleClass("dx-scrollbar-hoverable", hoverStateEnabled)
                }
                _renderThumb() {
                    this._$thumb = (0, _renderer.default)("<div>").addClass("dx-scrollable-scroll");
                    (0, _renderer.default)("<div>").addClass("dx-scrollable-scroll-content").appendTo(this._$thumb);
                    this.$element().addClass("dx-scrollable-scrollbar").append(this._$thumb)
                }
                isThumb($element) {
                    return !!this.$element().find($element).length
                }
                _isHoverMode() {
                    const {
                        visibilityMode: visibilityMode,
                        expandable: expandable
                    } = this.option();
                    return ("onHover" === visibilityMode || "always" === visibilityMode) && expandable
                }
                _renderDirection() {
                    const {
                        direction: direction
                    } = this.option();
                    this.$element().addClass(`dx-scrollbar-${direction}`);
                    this._dimension = "horizontal" === direction ? "width" : "height";
                    this._prop = "horizontal" === direction ? "left" : "top"
                }
                _attachPointerDownHandler() {
                    _events_engine.default.on(this._$thumb, (0, _index.addNamespace)(_pointer.default.down, "dxScrollbar"), this.feedbackOn.bind(this))
                }
                feedbackOn(e) {
                    null === e || void 0 === e || e.preventDefault();
                    this.$element().addClass("dx-scrollable-scrollbar-active");
                    activeScrollbar = this
                }
                feedbackOff() {
                    this.$element().removeClass("dx-scrollable-scrollbar-active");
                    activeScrollbar = null
                }
                cursorEnter() {
                    this._isHovered = true;
                    if (this._needScrollbar()) {
                        this.option("visible", true)
                    }
                }
                cursorLeave() {
                    this._isHovered = false;
                    this.option("visible", false)
                }
                _renderDimensions() {
                    this._$thumb.css({
                        width: this.option("width"),
                        height: this.option("height")
                    })
                }
                _toggleVisibility(visible) {
                    const {
                        visibilityMode: visibilityMode
                    } = this.option();
                    if ("onScroll" === visibilityMode) {
                        this._$thumb.css("opacity")
                    }
                    const adjustedVisible = this._adjustVisibility(visible);
                    this.option().visible = adjustedVisible;
                    this._$thumb.toggleClass("dx-state-invisible", !adjustedVisible)
                }
                _adjustVisibility(visible) {
                    if (this._baseContainerToContentRatio && !this._needScrollbar()) {
                        return false
                    }
                    const {
                        visibilityMode: visibilityMode
                    } = this.option();
                    let adjustedVisible = visible;
                    switch (visibilityMode) {
                        case "onScroll":
                        default:
                            break;
                        case "onHover":
                            adjustedVisible = adjustedVisible || !!this._isHovered;
                            break;
                        case "never":
                            adjustedVisible = false;
                            break;
                        case "always":
                            adjustedVisible = true
                    }
                    return adjustedVisible
                }
                moveTo(location) {
                    if (this._isAlwaysHidden()) {
                        return
                    }
                    let normalizedLocation = location;
                    if ((0, _type.isPlainObject)(location)) {
                        normalizedLocation = location[this._prop] || 0
                    }
                    const scrollBarLocation = {};
                    scrollBarLocation[this._prop] = this._calculateScrollBarPosition(normalizedLocation);
                    (0, _translator.move)(this._$thumb, scrollBarLocation)
                }
                _calculateScrollBarPosition(location) {
                    return -location * this._thumbRatio
                }
                _getSizes() {
                    const {
                        containerSize: containerSize,
                        contentSize: contentSize,
                        baseContainerSize: baseContainerSize,
                        baseContentSize: baseContentSize
                    } = this.option();
                    return {
                        containerSize: Math.round(containerSize),
                        contentSize: Math.round(contentSize),
                        baseContainerSize: Math.round(baseContainerSize),
                        baseContentSize: Math.round(baseContentSize)
                    }
                }
                _update() {
                    const {
                        containerSize: containerSize,
                        contentSize: contentSize
                    } = this._getSizes();
                    let {
                        baseContainerSize: baseContainerSize,
                        baseContentSize: baseContentSize
                    } = this._getSizes();
                    if (isNaN(baseContainerSize)) {
                        baseContainerSize = containerSize;
                        baseContentSize = contentSize
                    }
                    const {
                        scaleRatio: scaleRatio
                    } = this.option();
                    this._baseContainerToContentRatio = baseContentSize ? baseContainerSize / baseContentSize : baseContainerSize;
                    this._realContainerToContentRatio = contentSize ? containerSize / contentSize : containerSize;
                    const thumbSize = Math.round(Math.max(Math.round(containerSize * this._realContainerToContentRatio), 15));
                    this._thumbRatio = (containerSize - thumbSize) / (scaleRatio * (contentSize - containerSize));
                    this.option(this._dimension, thumbSize / scaleRatio);
                    this.$element().css("display", this._needScrollbar() ? "" : "none")
                }
                _isAlwaysHidden() {
                    const {
                        visibilityMode: visibilityMode
                    } = this.option();
                    return "never" === visibilityMode
                }
                _needScrollbar() {
                    return !this._isAlwaysHidden() && this._baseContainerToContentRatio < 1
                }
                containerToContentRatio() {
                    return this._realContainerToContentRatio
                }
                _normalizeSize(size) {
                    return (0, _type.isPlainObject)(size) ? size[this._dimension] || 0 : size
                }
                _clean() {
                    super._clean();
                    if (this === activeScrollbar) {
                        activeScrollbar = null
                    }
                    _events_engine.default.off(this._$thumb, ".dxScrollbar")
                }
                _optionChanged(args) {
                    if (this._isAlwaysHidden()) {
                        return
                    }
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "containerSize":
                        case "contentSize":
                            this.option()[name] = this._normalizeSize(value);
                            this._update();
                            break;
                        case "baseContentSize":
                        case "baseContainerSize":
                        case "scaleRatio":
                            this._update();
                            break;
                        case "visibilityMode":
                        case "direction":
                            this._invalidate();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                update() {
                    (0, _common.deferRenderer)(() => {
                        if (this._adjustVisibility()) {
                            this.option("visible", true)
                        }
                    })()
                }
            }
            _ready_callbacks.default.add(() => {
                _events_engine.default.subscribeGlobal(_dom_adapter.default.getDocument(), (0, _index.addNamespace)(_pointer.default.up, "dxScrollbar"), () => {
                    if (activeScrollbar) {
                        activeScrollbar.feedbackOff()
                    }
                })
            });
            exports.default = Scrollbar
        },
        32330(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.convertToLocation = function(location, direction) {
                if ((0, _type.isPlainObject)(location)) {
                    const left = (0, _common.ensureDefined)(location.left, location.x);
                    const top = (0, _common.ensureDefined)(location.top, location.y);
                    return {
                        left: (0, _type.isDefined)(left) ? left : void 0,
                        top: (0, _type.isDefined)(top) ? top : void 0
                    }
                }
                const {
                    isVertical: isVertical,
                    isHorizontal: isHorizontal
                } = new _scroll_direction.ScrollDirection(direction);
                return {
                    left: isHorizontal && (0, _type.isDefined)(location) ? location : void 0,
                    top: isVertical && (0, _type.isDefined)(location) ? location : void 0
                }
            };
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _scroll_direction = __webpack_require__( /*! ./scroll_direction */ 69798)
        },
        32230(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getAdjustedBaseContainerSize = function(rawContainerSize, baseContainerSize, baseContentSize) {
                const isZoomed = Math.abs(rawContainerSize - baseContainerSize) > .01;
                if (isZoomed && baseContentSize > baseContainerSize && baseContentSize - baseContainerSize <= 1) {
                    return baseContentSize
                }
                return baseContainerSize
            }
        },
        78955(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getBoundaryProps = function(direction, scrollOffset, element) {
                let pocketHeight = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : 0;
                const {
                    left: left,
                    top: top
                } = scrollOffset;
                const boundaryProps = {};
                const {
                    isHorizontal: isHorizontal,
                    isVertical: isVertical
                } = new _scroll_direction.ScrollDirection(direction);
                if (isHorizontal) {
                    boundaryProps.reachedLeft = isReachedLeft(left, 0);
                    boundaryProps.reachedRight = isReachedRight(element, left, 0)
                }
                if (isVertical) {
                    boundaryProps.reachedTop = isReachedTop(top, 0);
                    boundaryProps.reachedBottom = isReachedBottom(element, top, pocketHeight, 0)
                }
                return boundaryProps
            };
            exports.isReachedBottom = isReachedBottom;
            exports.isReachedLeft = isReachedLeft;
            exports.isReachedRight = isReachedRight;
            exports.isReachedTop = isReachedTop;
            var _get_scroll_left_max = __webpack_require__( /*! ./get_scroll_left_max */ 43200);
            var _get_scroll_top_max = __webpack_require__( /*! ./get_scroll_top_max */ 27104);
            var _scroll_direction = __webpack_require__( /*! ./scroll_direction */ 69798);

            function isReachedLeft(scrollOffsetLeft, epsilon) {
                return Math.round(scrollOffsetLeft) <= epsilon
            }

            function isReachedRight(element, scrollOffsetLeft, epsilon) {
                return Math.round((0, _get_scroll_left_max.getScrollLeftMax)(element) - scrollOffsetLeft) <= epsilon
            }

            function isReachedTop(scrollOffsetTop, epsilon) {
                return Math.round(scrollOffsetTop) <= epsilon
            }

            function isReachedBottom(element, scrollOffsetTop, pocketHeight, epsilon) {
                return Math.round((0, _get_scroll_top_max.getScrollTopMax)(element) - scrollOffsetTop - pocketHeight) <= epsilon
            }
        },
        62504(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getElementLocationInternal = function(targetElement, direction, containerElement, scrollOffset, offset) {
                let scrollableContentClass = arguments.length > 5 && void 0 !== arguments[5] ? arguments[5] : _consts.SCROLLABLE_CONTENT_CLASS;
                const additionalOffset = Object.assign({
                    top: 0,
                    left: 0,
                    right: 0,
                    bottom: 0
                }, offset);
                const isVertical = direction === _consts.DIRECTION_VERTICAL;
                const prop = isVertical ? "top" : "left";
                const inverseProp = isVertical ? "bottom" : "right";
                const dimension = isVertical ? "height" : "width";
                const containerOffsetSize = containerElement[`offset${(0,_inflector.titleize)(dimension)}`];
                const containerClientSize = containerElement[`client${(0,_inflector.titleize)(dimension)}`];
                const containerSize = containerElement.getBoundingClientRect()[dimension];
                const elementSize = targetElement.getBoundingClientRect()[dimension];
                let scale = 1;
                if (Math.abs(containerSize - containerOffsetSize) > 1) {
                    scale = containerSize / containerOffsetSize
                }
                const relativeElementOffset = (0, _get_relative_offset.getRelativeOffset)(scrollableContentClass, targetElement)[prop] / scale;
                const containerScrollOffset = scrollOffset[prop];
                const relativeStartOffset = containerScrollOffset - relativeElementOffset + additionalOffset[prop];
                const relativeEndOffset = containerScrollOffset - relativeElementOffset - elementSize / scale + containerClientSize - additionalOffset[inverseProp];
                if (relativeStartOffset <= 0 && relativeEndOffset >= 0) {
                    return containerScrollOffset
                }
                return containerScrollOffset - (Math.abs(relativeStartOffset) > Math.abs(relativeEndOffset) ? relativeEndOffset : relativeStartOffset)
            };
            var _inflector = __webpack_require__( /*! ../../../../core/utils/inflector */ 53124);
            var _consts = __webpack_require__( /*! ../consts */ 21363);
            var _get_relative_offset = __webpack_require__( /*! ./get_relative_offset */ 91524)
        },
        72840(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getElementMargin = function(element, side) {
                const style = getElementStyle(element);
                return style ? (0, _type_conversion.toNumber)(style[`margin${(0,_inflector.titleize)(side)}`]) : 0
            };
            exports.getElementOverflowX = function(element) {
                const style = getElementStyle(element);
                return style ? style.overflowX : "visible"
            };
            exports.getElementOverflowY = function(element) {
                const style = getElementStyle(element);
                return style ? style.overflowY : "visible"
            };
            exports.getElementPadding = function(element, side) {
                const style = getElementStyle(element);
                return style ? (0, _type_conversion.toNumber)(style[`padding${(0,_inflector.titleize)(side)}`]) : 0
            };
            exports.getElementStyle = getElementStyle;
            exports.getElementTransform = function(element) {
                const style = getElementStyle(element);
                return style ? style.transform : ""
            };
            var _inflector = __webpack_require__( /*! ../../../../core/utils/inflector */ 53124);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _type_conversion = __webpack_require__( /*! ../../../utils/type_conversion */ 39903);

            function getElementStyle(el) {
                var _getWindow$getCompute, _getWindow;
                return el && (0, _window.hasWindow)() ? null === (_getWindow$getCompute = (_getWindow = (0, _window.getWindow)()).getComputedStyle) || void 0 === _getWindow$getCompute ? void 0 : _getWindow$getCompute.call(_getWindow, el) : null
            }
        },
        91524(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getRelativeOffset = function(targetElementClass, sourceElement) {
                const offset = {
                    left: 0,
                    top: 0
                };
                let element = sourceElement;
                while (null !== (_element = element) && void 0 !== _element && _element.offsetParent && !element.classList.contains(targetElementClass)) {
                    var _element;
                    const parentElement = element.offsetParent;
                    const elementRect = element.getBoundingClientRect();
                    const parentElementRect = parentElement.getBoundingClientRect();
                    offset.left += elementRect.left - parentElementRect.left;
                    offset.top += elementRect.top - parentElementRect.top;
                    element = element.offsetParent
                }
                return offset
            }
        },
        43200(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getScrollLeftMax = function(element) {
                return element.scrollWidth - element.clientWidth
            }
        },
        27104(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getScrollTopMax = function(element) {
                return element.scrollHeight - element.clientHeight
            }
        },
        69798(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ScrollDirection = void 0;
            var _consts = __webpack_require__( /*! ../consts */ 21363);
            exports.ScrollDirection = class {
                constructor(direction) {
                    this.DIRECTION_HORIZONTAL = "horizontal";
                    this.DIRECTION_VERTICAL = "vertical";
                    this.DIRECTION_BOTH = "both";
                    this.direction = direction ?? _consts.DIRECTION_VERTICAL
                }
                get isHorizontal() {
                    return this.direction === _consts.DIRECTION_HORIZONTAL || this.direction === _consts.DIRECTION_BOTH
                }
                get isVertical() {
                    return this.direction === _consts.DIRECTION_VERTICAL || this.direction === _consts.DIRECTION_BOTH
                }
                get isBoth() {
                    return this.direction === _consts.DIRECTION_BOTH
                }
            }
        },
        80876(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _selectionStrategy = _interopRequireDefault(__webpack_require__( /*! ../../ui/selection/selection.strategy.deferred */ 33256));
            var _selectionStrategy2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/selection/selection.strategy.standard */ 50702));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = class {
                constructor(options) {
                    this.options = (0, _extend.extend)(this._getDefaultOptions(), options, {
                        selectedItemKeys: options.selectedKeys ?? []
                    });
                    this._selectionStrategy = this.options.deferred ? new _selectionStrategy.default(this.options) : new _selectionStrategy2.default(this.options);
                    this._focusedItemIndex = -1;
                    if (!this.options.equalByReference) {
                        this._selectionStrategy.updateSelectedItemKeyHash(this.options.selectedItemKeys)
                    }
                }
                _getDefaultOptions() {
                    const defaultOptions = {
                        allowNullValue: false,
                        deferred: false,
                        equalByReference: false,
                        mode: "multiple",
                        selectedItems: [],
                        selectionFilter: [],
                        maxFilterLengthInRequest: 0,
                        onSelectionChanged: _common.noop,
                        key() {
                            return
                        },
                        keyOf: item => item,
                        load: () => (0, _deferred.Deferred)().resolve([]),
                        totalCount: () => -1,
                        isSelectableItem: () => true,
                        isItemSelected: () => false,
                        getItemData: item => item,
                        dataFields() {
                            return
                        },
                        filter() {
                            return
                        }
                    };
                    return defaultOptions
                }
                validate() {
                    this._selectionStrategy.validate()
                }
                getSelectedItemKeys() {
                    return this._selectionStrategy.getSelectedItemKeys()
                }
                _isStandardStrategy(strategy) {
                    return this.options.deferred
                }
                getSelectedItems() {
                    return this._selectionStrategy.getSelectedItems()
                }
                selectionFilter(value) {
                    if (void 0 === value) {
                        return this.options.selectionFilter
                    }
                    const filterIsChanged = this.options.selectionFilter !== value && JSON.stringify(this.options.selectionFilter) !== JSON.stringify(value);
                    this.options.selectionFilter = value;
                    if (filterIsChanged) {
                        this.onSelectionChanged()
                    }
                    return
                }
                setSelection(keys, updatedKeys) {
                    return this.selectedItemKeys(keys, false, false, false, updatedKeys)
                }
                select(keys) {
                    return this.selectedItemKeys(keys, true)
                }
                deselect(keys) {
                    return this.selectedItemKeys(keys, true, true)
                }
                selectedItemKeys(keys, preserve, isDeselect, isSelectAll, updatedKeys) {
                    let normalizedKeys = keys ?? [];
                    normalizedKeys = Array.isArray(normalizedKeys) ? normalizedKeys : [normalizedKeys];
                    this.validate();
                    return this._selectionStrategy.selectedItemKeys(normalizedKeys, preserve, isDeselect, isSelectAll, updatedKeys)
                }
                clearSelection() {
                    return this.selectedItemKeys([])
                }
                _addSelectedItem(itemData, key) {
                    this._selectionStrategy.addSelectedItem(key, itemData)
                }
                _removeSelectedItem(key) {
                    this._selectionStrategy.removeSelectedItem(key)
                }
                _setSelectedItems(keys, items) {
                    this._selectionStrategy.setSelectedItems(keys, items)
                }
                onSelectionChanged() {
                    this._selectionStrategy.onSelectionChanged()
                }
                changeItemSelection(itemIndex) {
                    var _this$options$allowLo, _this$options;
                    let keys = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
                    let setFocusOnly = arguments.length > 2 ? arguments[2] : void 0;
                    let isSelectedItemsChanged = false;
                    const items = this.options.plainItems();
                    const item = items[itemIndex];
                    let focusedItemIndex = itemIndex;
                    let deferred;
                    const {
                        isVirtualPaging: isVirtualPaging
                    } = this.options;
                    const allowLoadByRange = null === (_this$options$allowLo = (_this$options = this.options).allowLoadByRange) || void 0 === _this$options$allowLo ? void 0 : _this$options$allowLo.call(_this$options);
                    const {
                        alwaysSelectByShift: alwaysSelectByShift
                    } = this.options;
                    let indexOffset;
                    let focusedItemNotInLoadedRange = false;
                    let shiftFocusedItemNotInLoadedRange = false;
                    const itemIsNotInLoadedRange = index => index >= 0 && !items.filter(it => it.loadIndex === index).length;
                    if (isVirtualPaging && (0, _type.isDefined)(item)) {
                        if (allowLoadByRange) {
                            indexOffset = item.loadIndex - focusedItemIndex;
                            focusedItemIndex = item.loadIndex
                        }
                        focusedItemNotInLoadedRange = itemIsNotInLoadedRange(this._focusedItemIndex);
                        if ((0, _type.isDefined)(this._shiftFocusedItemIndex)) {
                            shiftFocusedItemNotInLoadedRange = itemIsNotInLoadedRange(this._shiftFocusedItemIndex)
                        }
                    }
                    if (!this.isSelectable() || !this.isDataItem(item)) {
                        return false
                    }
                    const itemData = this.options.getItemData(item);
                    const itemKey = this.options.keyOf(itemData);
                    let allowSelectByShift = keys.shift;
                    if (false === alwaysSelectByShift && allowSelectByShift) {
                        allowSelectByShift = false !== allowLoadByRange || !focusedItemNotInLoadedRange && !shiftFocusedItemNotInLoadedRange
                    }
                    if (allowSelectByShift && "multiple" === this.options.mode && this._focusedItemIndex >= 0) {
                        if (allowLoadByRange && (focusedItemNotInLoadedRange || shiftFocusedItemNotInLoadedRange)) {
                            isSelectedItemsChanged = focusedItemIndex !== this._shiftFocusedItemIndex || this._focusedItemIndex !== this._shiftFocusedItemIndex;
                            if (isSelectedItemsChanged) {
                                deferred = this.changeItemSelectionWhenShiftKeyInVirtualPaging(focusedItemIndex)
                            }
                        } else {
                            isSelectedItemsChanged = this.changeItemSelectionWhenShiftKeyPressed(focusedItemIndex, items, indexOffset)
                        }
                    } else if (keys.control) {
                        this._resetItemSelectionWhenShiftKeyPressed();
                        if (!setFocusOnly) {
                            const isSelected = this._selectionStrategy.isItemDataSelected(itemData);
                            if ("single" === this.options.mode) {
                                this.clearSelectedItems()
                            }
                            if (isSelected) {
                                this._removeSelectedItem(itemKey)
                            } else {
                                this._addSelectedItem(itemData, itemKey)
                            }
                        }
                        isSelectedItemsChanged = true
                    } else {
                        this._resetItemSelectionWhenShiftKeyPressed();
                        const isKeysEqual = this._selectionStrategy.equalKeys(this.options.selectedItemKeys[0], itemKey);
                        if (1 !== this.options.selectedItemKeys.length || !isKeysEqual) {
                            this._setSelectedItems([itemKey], [itemData]);
                            isSelectedItemsChanged = true
                        }
                    }
                    if (isSelectedItemsChanged) {
                        (0, _deferred.when)(deferred).done(() => {
                            this._focusedItemIndex = focusedItemIndex;
                            if (!setFocusOnly) {
                                this.onSelectionChanged()
                            }
                        });
                        return true
                    }
                    return
                }
                isDataItem(item) {
                    return this.options.isSelectableItem(item)
                }
                isSelectable() {
                    return "single" === this.options.mode || "multiple" === this.options.mode
                }
                isItemDataSelected(data) {
                    return this._selectionStrategy.isItemDataSelected(data, {
                        checkPending: true
                    })
                }
                isItemSelected(arg) {
                    let options = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
                    return this._selectionStrategy.isItemKeySelected(arg, options)
                }
                _resetItemSelectionWhenShiftKeyPressed() {
                    delete this._shiftFocusedItemIndex
                }
                _resetFocusedItemIndex() {
                    this._focusedItemIndex = -1
                }
                changeItemSelectionWhenShiftKeyInVirtualPaging(loadIndex) {
                    var _this$options$getLoad, _this$options2;
                    const loadOptions = (null === (_this$options$getLoad = (_this$options2 = this.options).getLoadOptions) || void 0 === _this$options$getLoad ? void 0 : _this$options$getLoad.call(_this$options2, loadIndex, this._focusedItemIndex, this._shiftFocusedItemIndex)) ?? {};
                    const deferred = (0, _deferred.Deferred)();
                    const indexOffset = loadOptions.skip;
                    this.options.load(loadOptions).done(items => {
                        const filteredItems = !Array.isArray(items) && (0, _type.isPlainObject)(items) ? items.data : items;
                        this.changeItemSelectionWhenShiftKeyPressed(loadIndex, filteredItems, indexOffset);
                        deferred.resolve()
                    });
                    return deferred.promise()
                }
                changeItemSelectionWhenShiftKeyPressed(itemIndex, items, indexOffset) {
                    let isSelectedItemsChanged = false;
                    const indexOffsetDefined = (0, _type.isDefined)(indexOffset);
                    let index = indexOffsetDefined ? this._focusedItemIndex - indexOffset : this._focusedItemIndex;
                    const {
                        keyOf: keyOf
                    } = this.options;
                    const focusedItem = items[index];
                    const focusedData = this.options.getItemData(focusedItem);
                    const focusedKey = keyOf(focusedData);
                    const isFocusedItemSelected = focusedItem && this.isItemDataSelected(focusedData);
                    if (!(0, _type.isDefined)(this._shiftFocusedItemIndex)) {
                        this._shiftFocusedItemIndex = this._focusedItemIndex
                    }
                    let itemIndexStep = 0;
                    let itemKey;
                    let startIndex = 0;
                    let endIndex = 0;
                    if (this._shiftFocusedItemIndex !== this._focusedItemIndex) {
                        itemIndexStep = this._focusedItemIndex < this._shiftFocusedItemIndex ? 1 : -1;
                        startIndex = indexOffsetDefined ? this._focusedItemIndex - indexOffset : this._focusedItemIndex;
                        endIndex = indexOffsetDefined ? this._shiftFocusedItemIndex - indexOffset : this._shiftFocusedItemIndex;
                        for (index = startIndex; index !== endIndex; index += itemIndexStep) {
                            if (indexOffsetDefined || this.isDataItem(items[index])) {
                                itemKey = keyOf(this.options.getItemData(items[index]));
                                this._removeSelectedItem(itemKey);
                                isSelectedItemsChanged = true
                            }
                        }
                    }
                    if (itemIndex !== this._shiftFocusedItemIndex) {
                        itemIndexStep = itemIndex < this._shiftFocusedItemIndex ? 1 : -1;
                        startIndex = indexOffsetDefined ? itemIndex - indexOffset : itemIndex;
                        endIndex = indexOffsetDefined ? this._shiftFocusedItemIndex - indexOffset : this._shiftFocusedItemIndex;
                        for (index = startIndex; index !== endIndex; index += itemIndexStep) {
                            if (indexOffsetDefined || this.isDataItem(items[index])) {
                                const data = this.options.getItemData(items[index]);
                                itemKey = keyOf(data);
                                this._addSelectedItem(data, itemKey);
                                isSelectedItemsChanged = true
                            }
                        }
                    }
                    if ((indexOffsetDefined || this.isDataItem(focusedItem)) && !isFocusedItemSelected) {
                        this._addSelectedItem(focusedData, focusedKey);
                        isSelectedItemsChanged = true
                    }
                    return isSelectedItemsChanged
                }
                clearSelectedItems() {
                    this._setSelectedItems([], [])
                }
                selectAll(isOnePage) {
                    this._resetFocusedItemIndex();
                    if (isOnePage) {
                        return this._selectionStrategy._onePageSelectAll(false)
                    }
                    return this.selectedItemKeys([], true, false, true)
                }
                deselectAll(isOnePage) {
                    this._resetFocusedItemIndex();
                    if (isOnePage) {
                        return this._selectionStrategy._onePageSelectAll(true)
                    }
                    return this.selectedItemKeys([], true, true, true)
                }
                getSelectAllState(visibleOnly) {
                    return this._selectionStrategy.getSelectAllState(visibleOnly)
                }
                loadSelectedItemsWithFilter() {
                    return this._selectionStrategy.loadSelectedItemsWithFilter()
                }
            }
        },
        33256(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _query = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/query */ 30771));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _selection = _interopRequireDefault(__webpack_require__( /*! ../../ui/selection/selection.strategy */ 18993));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DeferredStrategy extends _selection.default {
                getSelectedItems() {
                    return this._loadFilteredData(this.options.selectionFilter)
                }
                getSelectedItemKeys() {
                    const d = (0, _deferred.Deferred)();
                    const key = this.options.key();
                    const select = (0, _type.isString)(key) ? [key] : key;
                    const getKey = item => this.options.keyOf(item);
                    this._loadFilteredData(this.options.selectionFilter, null, select).done(items => {
                        const keys = (Array.isArray(items) ? items : []).map(getKey);
                        d.resolve(keys)
                    }).fail(error => {
                        d.reject(error)
                    });
                    return d.promise()
                }
                selectedItemKeys(keys, preserve, isDeselect, isSelectAll) {
                    if (isSelectAll) {
                        const filter = this.options.filter();
                        const needResetSelectionFilter = !filter || JSON.stringify(filter) === JSON.stringify(this.options.selectionFilter) && isDeselect;
                        if (needResetSelectionFilter) {
                            this._setOption("selectionFilter", isDeselect ? [] : null)
                        } else {
                            this._addSelectionFilter(isDeselect, filter, isSelectAll)
                        }
                    } else {
                        if (!preserve) {
                            this._setOption("selectionFilter", [])
                        }
                        keys.forEach(key => {
                            if (isDeselect) {
                                this.removeSelectedItem(key)
                            } else {
                                this.addSelectedItem(key, isSelectAll, !preserve)
                            }
                        })
                    }
                    this.onSelectionChanged();
                    return (0, _deferred.Deferred)().resolve()
                }
                setSelectedItems(keys) {
                    this._setOption("selectionFilter", null);
                    keys.forEach(key => {
                        this.addSelectedItem(key)
                    })
                }
                isItemDataSelected(itemData) {
                    return this.isItemKeySelected(itemData)
                }
                isItemKeySelected(itemData) {
                    const {
                        selectionFilter: selectionFilter
                    } = this.options;
                    if (!selectionFilter) {
                        return true
                    }
                    const queryParams = this._getQueryParams();
                    return !!(0, _query.default)([itemData], queryParams).filter(selectionFilter).toArray().length
                }
                _getKeyExpr() {
                    const keyField = this.options.key();
                    if (Array.isArray(keyField) && 1 === keyField.length) {
                        return keyField[0]
                    }
                    return keyField
                }
                _normalizeKey(key) {
                    const keyExpr = this.options.key();
                    if (Array.isArray(keyExpr) && 1 === keyExpr.length) {
                        return key[keyExpr[0]]
                    }
                    return key
                }
                _getFilterByKey(key) {
                    const keyField = this._getKeyExpr();
                    let filter = [keyField, "=", this._normalizeKey(key)];
                    if (Array.isArray(keyField)) {
                        filter = [];
                        for (let i = 0; i < keyField.length; i += 1) {
                            filter.push([keyField[i], "=", key[keyField[i]]]);
                            if (i !== keyField.length - 1) {
                                filter.push("and")
                            }
                        }
                    }
                    return filter
                }
                addSelectedItem(key, isSelectAll, skipFilter) {
                    const filter = this._getFilterByKey(key);
                    this._addSelectionFilter(false, filter, isSelectAll, skipFilter)
                }
                removeSelectedItem(key) {
                    const filter = this._getFilterByKey(key);
                    this._addSelectionFilter(true, filter)
                }
                validate() {
                    const {
                        key: key
                    } = this.options;
                    if (key && void 0 === key()) {
                        throw _ui.default.Error("E1042", "Deferred selection")
                    }
                }
                _findSubFilter(selectionFilter, filter) {
                    if (!selectionFilter) {
                        return -1
                    }
                    const filterString = JSON.stringify(filter);
                    for (let index = 0; index < selectionFilter.length; index += 1) {
                        const subFilter = selectionFilter[index];
                        if (subFilter && JSON.stringify(subFilter) === filterString) {
                            return index
                        }
                    }
                    return -1
                }
                _isLastSubFilter(selectionFilter, filter) {
                    if (selectionFilter && filter) {
                        return this._findSubFilter(selectionFilter, filter) === selectionFilter.length - 1 || 0 === this._findSubFilter([selectionFilter], filter)
                    }
                    return false
                }
                _addFilterOperator(selectionFilter, filterOperator) {
                    let filter = selectionFilter;
                    if (filter.length > 1 && (0, _type.isString)(filter[1]) && filter[1] !== filterOperator) {
                        filter = [filter]
                    }
                    if (Array.isArray(filter) && filter.length) {
                        filter.push(filterOperator)
                    }
                    return filter
                }
                _denormalizeFilter(filter) {
                    let resultFilter = filter;
                    if (resultFilter && (0, _type.isString)(resultFilter[0])) {
                        resultFilter = [resultFilter]
                    }
                    return resultFilter
                }
                _isOnlyNegativeFiltersLeft(filters) {
                    return filters.every((filterItem, i) => {
                        if (i % 2 === 0) {
                            return Array.isArray(filterItem) && "!" === filterItem[0]
                        }
                        return "and" === filterItem
                    })
                }
                _addSelectionFilter(isDeselect, filter, isSelectAll, skipFilter) {
                    var _selectionFilter;
                    const currentOperation = isDeselect ? "and" : "or";
                    let needAddFilter = true;
                    let selectionFilter = this.options.selectionFilter || [];
                    selectionFilter = this._denormalizeFilter(selectionFilter);
                    if (null !== (_selectionFilter = selectionFilter) && void 0 !== _selectionFilter && _selectionFilter.length && !skipFilter) {
                        const removedIndex = this._removeSameFilter(selectionFilter, filter, isDeselect, isSelectAll);
                        const filterIndex = this._removeSameFilter(selectionFilter, filter, !isDeselect);
                        const shouldCleanFilter = isDeselect && (-1 !== removedIndex || -1 !== filterIndex) && this._isOnlyNegativeFiltersLeft(selectionFilter);
                        if (shouldCleanFilter) {
                            selectionFilter = []
                        }
                        const isKeyOperatorsAfterRemoved = this._isKeyFilter(filter) && this._hasKeyFiltersOnlyStartingFromIndex(selectionFilter, filterIndex);
                        needAddFilter = !!(null !== filter && void 0 !== filter && filter.length) && !isKeyOperatorsAfterRemoved
                    }
                    if (needAddFilter) {
                        selectionFilter = this._addFilterOperator(selectionFilter, currentOperation);
                        if (Array.isArray(selectionFilter) && filter) {
                            const currentFilter = isDeselect ? ["!", filter] : filter;
                            selectionFilter.push(currentFilter)
                        }
                    }
                    selectionFilter = this._normalizeFilter(selectionFilter);
                    this._setOption("selectionFilter", !isDeselect && !selectionFilter.length ? null : selectionFilter)
                }
                _normalizeFilter(filter) {
                    let resultFilter = filter;
                    if (resultFilter && 1 === resultFilter.length) {
                        [resultFilter] = resultFilter
                    }
                    return resultFilter
                }
                _removeFilterByIndex(filter, filterIndex, isSelectAll) {
                    const operation = filter[1];
                    if (filterIndex > 0) {
                        filter.splice(filterIndex - 1, 2)
                    } else {
                        filter.splice(filterIndex, 2)
                    }
                    if (isSelectAll && "and" === operation) {
                        filter.splice(0, filter.length)
                    }
                }
                _isSimpleKeyFilter(filter, key) {
                    return 3 === (null === filter || void 0 === filter ? void 0 : filter.length) && filter[0] === key && "=" === filter[1]
                }
                _isKeyFilter(filter) {
                    if (2 === (null === filter || void 0 === filter ? void 0 : filter.length) && "!" === (null === filter || void 0 === filter ? void 0 : filter[0])) {
                        return this._isKeyFilter(filter[1])
                    }
                    const keyField = this._getKeyExpr();
                    if (Array.isArray(keyField)) {
                        if ((null === filter || void 0 === filter ? void 0 : filter.length) !== 2 * keyField.length - 1) {
                            return false
                        }
                        for (let i = 0; i < keyField.length; i += 1) {
                            if (i > 0 && "and" !== (null === filter || void 0 === filter ? void 0 : filter[2 * i - 1])) {
                                return false
                            }
                            if (!this._isSimpleKeyFilter(null === filter || void 0 === filter ? void 0 : filter[2 * i], keyField[i])) {
                                return false
                            }
                        }
                        return true
                    }
                    return this._isSimpleKeyFilter(filter, keyField)
                }
                _hasKeyFiltersOnlyStartingFromIndex(selectionFilter, filterIndex) {
                    if (filterIndex >= 0) {
                        for (let i = filterIndex; i < selectionFilter.length; i += 1) {
                            if ("string" !== typeof selectionFilter[i] && !this._isKeyFilter(selectionFilter[i])) {
                                return false
                            }
                        }
                        return true
                    }
                    return false
                }
                _removeSameFilter(selectionFilter, filter, inverted, isSelectAll) {
                    const sameFilter = inverted ? ["!", filter] : filter;
                    if (JSON.stringify(sameFilter) === JSON.stringify(selectionFilter)) {
                        selectionFilter.splice(0, selectionFilter.length);
                        return 0
                    }
                    const filterIndex = this._findSubFilter(selectionFilter, sameFilter);
                    if (filterIndex >= 0) {
                        this._removeFilterByIndex(selectionFilter, filterIndex, isSelectAll);
                        return filterIndex
                    }
                    for (let i = 0; i < selectionFilter.length; i += 1) {
                        if (Array.isArray(selectionFilter[i]) && selectionFilter[i].length > 2) {
                            const innerFilterIndex = this._removeSameFilter(selectionFilter[i], sameFilter, false, isSelectAll);
                            if (innerFilterIndex >= 0) {
                                if (!selectionFilter[i].length) {
                                    this._removeFilterByIndex(selectionFilter, i, isSelectAll)
                                } else if (1 === selectionFilter[i].length) {
                                    const [firstFilter] = selectionFilter[i];
                                    selectionFilter[i] = firstFilter
                                }
                                return innerFilterIndex
                            }
                        }
                    }
                    return -1
                }
                getSelectAllState() {
                    const filter = this.options.filter();
                    let {
                        selectionFilter: selectionFilter
                    } = this.options;
                    if (!selectionFilter) {
                        return true
                    }
                    if (!selectionFilter.length) {
                        return false
                    }
                    if (!(null !== filter && void 0 !== filter && filter.length)) {
                        return
                    }
                    selectionFilter = this._denormalizeFilter(selectionFilter);
                    if (this._isLastSubFilter(selectionFilter, filter)) {
                        return true
                    }
                    if (this._isLastSubFilter(selectionFilter, ["!", filter])) {
                        return false
                    }
                    return
                }
                loadSelectedItemsWithFilter() {
                    const componentFilter = this.options.filter();
                    const {
                        selectionFilter: selectionFilter
                    } = this.options;
                    const filter = componentFilter ? [componentFilter, "and", selectionFilter] : selectionFilter;
                    return this._loadFilteredData(filter)
                }
                _onePageSelectAll(isDeselect) {
                    this._selectAllPlainItems(isDeselect);
                    this.onSelectionChanged();
                    return (0, _deferred.Deferred)().resolve()
                }
            }
            exports.default = DeferredStrategy
        },
        18993(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _query = (e = __webpack_require__( /*! ../../../common/data/query */ 30771), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            exports.default = class {
                constructor(options) {
                    this._lastSelectAllPageDeferred = (0, _deferred.Deferred)().reject();
                    this.options = options;
                    this._setOption("disabledItemKeys", []);
                    this._clearItemKeys()
                }
                _clearItemKeys() {
                    this._setOption("addedItemKeys", []);
                    this._setOption("removedItemKeys", []);
                    this._setOption("removedItems", []);
                    this._setOption("addedItems", [])
                }
                validate() {}
                _setOption(name, value) {
                    this.options[name] = value
                }
                onSelectionChanging() {
                    const {
                        selectedItems: selectedItems,
                        selectedItemKeys: selectedItemKeys,
                        addedItemKeys: addedItemKeys,
                        removedItemKeys: removedItemKeys,
                        addedItems: addedItems,
                        removedItems: removedItems,
                        onSelectionChanging: onSelectionChanging = _common.noop
                    } = this.options;
                    const selectionChangingArgs = {
                        selectedItems: selectedItems,
                        selectedItemKeys: selectedItemKeys,
                        addedItemKeys: addedItemKeys,
                        removedItemKeys: removedItemKeys,
                        addedItems: addedItems,
                        removedItems: removedItems,
                        cancel: false
                    };
                    onSelectionChanging(selectionChangingArgs);
                    return selectionChangingArgs.cancel
                }
                _callCallbackIfNotCanceled(callback, cancelCallback) {
                    const cancelResult = this.onSelectionChanging();
                    if ((0, _type.isPromise)(cancelResult)) {
                        cancelResult.then(cancel => {
                            if (!cancel) {
                                callback()
                            } else {
                                cancelCallback()
                            }
                        }).catch(() => {
                            callback()
                        })
                    } else if (!cancelResult) {
                        callback()
                    } else {
                        cancelCallback()
                    }
                }
                onSelectionChanged() {
                    const {
                        selectedItems: selectedItems,
                        selectedItemKeys: selectedItemKeys,
                        addedItemKeys: addedItemKeys,
                        removedItemKeys: removedItemKeys,
                        addedItems: addedItems,
                        removedItems: removedItems,
                        onSelectionChanged: onSelectionChanged = _common.noop
                    } = this.options;
                    this._clearItemKeys();
                    onSelectionChanged({
                        selectedItems: selectedItems,
                        selectedItemKeys: selectedItemKeys,
                        addedItemKeys: addedItemKeys,
                        removedItemKeys: removedItemKeys,
                        addedItems: addedItems,
                        removedItems: removedItems
                    })
                }
                equalKeys(key1, key2) {
                    if (this.options.equalByReference) {
                        if ((0, _type.isObject)(key1) && (0, _type.isObject)(key2)) {
                            return key1 === key2
                        }
                    }
                    return (0, _common.equalByValue)(key1, key2)
                }
                getSelectableItems(items) {
                    return items.filter(item => !(null !== item && void 0 !== item && item.disabled))
                }
                _clearSelection(keys, preserve, isDeselect, isSelectAll) {
                    let normalizedKeys = keys || [];
                    normalizedKeys = Array.isArray(normalizedKeys) ? normalizedKeys : [normalizedKeys];
                    this.validate();
                    return this.selectedItemKeys(normalizedKeys, preserve, isDeselect, isSelectAll)
                }
                _removeTemplateProperty(remoteFilter) {
                    if (Array.isArray(remoteFilter)) {
                        return remoteFilter.map(f => this._removeTemplateProperty(f))
                    }
                    if ((0, _type.isObject)(remoteFilter)) {
                        delete remoteFilter.template
                    }
                    return remoteFilter
                }
                _getQueryParams() {
                    const {
                        sensitivity: sensitivity
                    } = this.options;
                    if (!sensitivity) {
                        return
                    }
                    return {
                        langParams: {
                            collatorOptions: {
                                sensitivity: sensitivity
                            }
                        }
                    }
                }
                _loadFilteredData(remoteFilter, localFilter, select, isSelectAll) {
                    const filterLength = encodeURI(JSON.stringify(this._removeTemplateProperty(remoteFilter))).length;
                    const needLoadAllData = this.options.maxFilterLengthInRequest && filterLength > this.options.maxFilterLengthInRequest;
                    const deferred = (0, _deferred.Deferred)();
                    const queryParams = this._getQueryParams();
                    const loadOptions = Object.assign({
                        filter: needLoadAllData ? void 0 : remoteFilter,
                        select: needLoadAllData ? this.options.dataFields() : select || this.options.dataFields()
                    }, queryParams);
                    if (remoteFilter && Array.isArray(remoteFilter) && 0 === remoteFilter.length) {
                        deferred.resolve([])
                    } else {
                        this.options.load(loadOptions).done(items => {
                            let filteredItems = !Array.isArray(items) && (0, _type.isPlainObject)(items) ? items.data : items;
                            if (localFilter && !isSelectAll) {
                                filteredItems = filteredItems.filter(localFilter)
                            } else if (needLoadAllData) {
                                filteredItems = (0, _query.default)(filteredItems).filter(remoteFilter).toArray()
                            }
                            deferred.resolve(filteredItems)
                        }).fail(error => {
                            deferred.reject(error)
                        })
                    }
                    return deferred
                }
                updateSelectedItemKeyHash(keys) {
                    for (let i = 0; i < keys.length; i += 1) {
                        const keyHash = (0, _common.getKeyHash)(keys[i]);
                        if (!(0, _type.isObject)(keyHash)) {
                            this.options.keyHashIndices[keyHash] = this.options.keyHashIndices[keyHash] || [];
                            const keyIndices = this.options.keyHashIndices[keyHash];
                            keyIndices.push(i)
                        }
                    }
                }
                _isAnyItemSelected(items) {
                    if (items.find(item => this.options.isItemSelected(item))) {
                        return
                    }
                    return false
                }
                _getFullSelectAllState() {
                    const items = this.options.plainItems();
                    const {
                        filter: filter
                    } = this.options;
                    const dataFilter = filter();
                    let selectedItems = this.options.ignoreDisabledItems ? this.options.selectedItems : this.options.selectedItems.filter(item => !(null !== item && void 0 !== item && item.disabled));
                    if (dataFilter) {
                        selectedItems = (0, _query.default)(selectedItems).filter(dataFilter).toArray()
                    }
                    const selectedItemsLength = selectedItems.length;
                    const disabledItemsLength = items.length - this.getSelectableItems(items).length;
                    if (!selectedItemsLength) {
                        return this._isAnyItemSelected(items)
                    }
                    if (selectedItemsLength >= this.options.totalCount() - disabledItemsLength) {
                        return true
                    }
                    return
                }
                _getVisibleSelectAllState() {
                    const items = this.getSelectableItems(this.options.plainItems());
                    let hasSelectedItems = false;
                    let hasUnselectedItems = false;
                    items.forEach(item => {
                        const itemData = this.options.getItemData(item);
                        const key = this.options.keyOf(itemData);
                        if (this.options.isSelectableItem(item)) {
                            if (this.isItemKeySelected(key)) {
                                hasSelectedItems = true
                            } else {
                                hasUnselectedItems = true
                            }
                        }
                    });
                    if (hasSelectedItems) {
                        return !hasUnselectedItems ? true : void 0
                    }
                    return false
                }
                selectedItemKeys(keys, preserve, isDeselect, isSelectAll, updatedKeys, forceCombinedFilter) {
                    throw new Error("selectedItemKeys method should be overriden")
                }
                isItemKeySelected(itemKey) {
                    throw new Error("isItemKeySelected method should be overriden")
                }
                isItemDataSelected(itemKey) {
                    throw new Error("isItemKeySelected method should be overriden")
                }
                addSelectedItem(itemKey, dataOrIsSelectAll, skipFilter) {
                    throw new Error("addSelectedItem method should be overriden")
                }
                removeSelectedItem(itemKey) {
                    throw new Error("removeSelectedItem method should be overriden")
                }
                _selectAllPlainItems(isDeselect) {
                    const items = this.getSelectableItems(this.options.plainItems());
                    items.forEach(item => {
                        if (this.options.isSelectableItem(item)) {
                            const itemData = this.options.getItemData(item);
                            const itemKey = this.options.keyOf(itemData);
                            const isSelected = this.isItemKeySelected(itemKey);
                            if (!isSelected && !isDeselect) {
                                this.addSelectedItem(itemKey, itemData)
                            }
                            if (isSelected && isDeselect) {
                                this.removeSelectedItem(itemKey)
                            }
                        }
                    })
                }
            }
        },
        50702(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _query = _interopRequireDefault(__webpack_require__( /*! ../../../common/data/query */ 30771));
            var _array = __webpack_require__( /*! ../../../core/utils/array */ 94487);
            var _array_compare = __webpack_require__( /*! ../../../core/utils/array_compare */ 13387);
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _selection_filter = __webpack_require__( /*! ../../../core/utils/selection_filter */ 52877);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _selection = _interopRequireDefault(__webpack_require__( /*! ../../ui/selection/selection.strategy */ 18993));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class StandardStrategy extends _selection.default {
                constructor(options) {
                    super(options);
                    this._lastSelectAllPageDeferred = (0, _deferred.Deferred)().reject();
                    this._initSelectedItemKeyHash()
                }
                _initSelectedItemKeyHash() {
                    this._setOption("keyHashIndices", this.options.equalByReference ? null : {})
                }
                getSelectedItemKeys() {
                    return this.options.selectedItemKeys.slice(0)
                }
                getSelectedItems() {
                    return this.options.selectedItems.slice(0)
                }
                _preserveSelectionUpdate(items, isDeselect) {
                    const {
                        keyOf: keyOf
                    } = this.options;
                    let keyIndicesToRemoveMap;
                    if (!keyOf) {
                        return
                    }
                    const isBatchDeselect = isDeselect && items.length > 1 && !this.options.equalByReference;
                    if (isBatchDeselect) {
                        keyIndicesToRemoveMap = {}
                    }
                    items.forEach(item => {
                        const key = keyOf(item);
                        if (isDeselect) {
                            const keyIndex = this.removeSelectedItem(key, keyIndicesToRemoveMap, item && "object" === typeof item && "disabled" in item ? !!item.disabled : false);
                            if (keyIndicesToRemoveMap && (0, _type.isNumeric)(keyIndex) && keyIndex >= 0) {
                                keyIndicesToRemoveMap[keyIndex] = true
                            }
                        } else {
                            this.addSelectedItem(key, item)
                        }
                    });
                    if (isBatchDeselect) {
                        this._batchRemoveSelectedItems(keyIndicesToRemoveMap)
                    }
                }
                _batchRemoveSelectedItems(keyIndicesToRemoveMap) {
                    const selectedItemKeys = this.options.selectedItemKeys.slice(0);
                    const selectedItems = this.options.selectedItems.slice(0);
                    this.options.selectedItemKeys.length = 0;
                    this.options.selectedItems.length = 0;
                    for (let i = 0; i < selectedItemKeys.length; i += 1) {
                        if (!keyIndicesToRemoveMap[i]) {
                            this.options.selectedItemKeys.push(selectedItemKeys[i]);
                            this.options.selectedItems.push(selectedItems[i])
                        }
                    }
                    this._initSelectedItemKeyHash();
                    this.updateSelectedItemKeyHash(this.options.selectedItemKeys)
                }
                _loadSelectedItemsCore(keys, isDeselect, isSelectAll, filter) {
                    let forceCombinedFilter = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : false;
                    let deferred = (0, _deferred.Deferred)();
                    const key = this.options.key();
                    if (!keys.length && !isSelectAll) {
                        deferred.resolve([]);
                        return deferred
                    }
                    if (isSelectAll && isDeselect && !filter) {
                        deferred.resolve(this.getSelectedItems());
                        return deferred
                    }
                    const selectionFilterCreator = new _selection_filter.SelectionFilterCreator(keys, isSelectAll);
                    const combinedFilter = selectionFilterCreator.getCombinedFilter(key, filter, forceCombinedFilter);
                    let deselectedItems = [];
                    if (isDeselect) {
                        const {
                            selectedItems: selectedItems
                        } = this.options;
                        deselectedItems = combinedFilter && keys.length !== selectedItems.length ? (0, _query.default)(selectedItems).filter(combinedFilter).toArray() : selectedItems.slice(0)
                    }
                    let filteredItems = deselectedItems.length ? deselectedItems : this.options.plainItems(true).filter(this.options.isSelectableItem).map(this.options.getItemData);
                    const localFilter = selectionFilterCreator.getLocalFilter(this.options.keyOf, this.equalKeys.bind(this), this.options.equalByReference, key);
                    filteredItems = filteredItems.filter(localFilter);
                    if (deselectedItems.length || !isSelectAll && filteredItems.length === keys.length) {
                        deferred.resolve(filteredItems)
                    } else {
                        deferred = this._loadFilteredData(combinedFilter, localFilter, null, isSelectAll)
                    }
                    return deferred
                }
                _replaceSelectionUpdate(items) {
                    const {
                        keyOf: keyOf
                    } = this.options;
                    if (!keyOf) {
                        return
                    }
                    const internalKeys = items.map(item => keyOf(item));
                    this.setSelectedItems(internalKeys, items)
                }
                _warnOnIncorrectKeys(keys) {
                    const {
                        allowNullValue: allowNullValue
                    } = this.options;
                    keys.forEach(key => {
                        if ((!allowNullValue || null !== key) && !this.isItemKeySelected(key)) {
                            _ui.default.log("W1002", key)
                        }
                    })
                }
                _isMultiSelectEnabled() {
                    const {
                        mode: mode
                    } = this.options;
                    return "all" === mode || "multiple" === mode
                }
                _requestInProgress() {
                    var _this$_lastLoadDeferr;
                    return "pending" === (null === (_this$_lastLoadDeferr = this._lastLoadDeferred) || void 0 === _this$_lastLoadDeferr ? void 0 : _this$_lastLoadDeferr.state())
                }
                _concatRequestsItems(keys, oldRequestItems, isDeselect, updatedKeys) {
                    let selectedItems = [];
                    const deselectedItems = isDeselect ? keys : [];
                    if (updatedKeys) {
                        selectedItems = updatedKeys
                    } else {
                        selectedItems = (0, _array.removeDuplicates)(keys, this.options.selectedItemKeys)
                    }
                    return {
                        addedItems: oldRequestItems.added.concat(selectedItems),
                        removedItems: oldRequestItems.removed.concat(deselectedItems),
                        keys: keys
                    }
                }
                _collectLastRequestData(keys, isDeselect, isSelectAll, updatedKeys) {
                    const isDeselectAll = isDeselect && isSelectAll;
                    const oldRequestItems = {
                        added: [],
                        removed: []
                    };
                    const multiSelectEnabled = this._isMultiSelectEnabled();
                    const emptyData = {
                        addedItems: [],
                        removedItems: [],
                        keys: []
                    };
                    if (!multiSelectEnabled) {
                        return emptyData
                    }
                    let lastRequestData = this._lastRequestData ?? emptyData;
                    if (this._shouldMergeWithLastRequest) {
                        if (isDeselectAll) {
                            var _this$_lastLoadDeferr2;
                            null === (_this$_lastLoadDeferr2 = this._lastLoadDeferred) || void 0 === _this$_lastLoadDeferr2 || _this$_lastLoadDeferr2.reject();
                            lastRequestData = {}
                        } else if (!(0, _array_compare.isKeysEqual)(keys, this.options.selectedItemKeys)) {
                            var _lastRequestData, _lastRequestData2;
                            oldRequestItems.added = null === (_lastRequestData = lastRequestData) || void 0 === _lastRequestData ? void 0 : _lastRequestData.addedItems;
                            oldRequestItems.removed = null === (_lastRequestData2 = lastRequestData) || void 0 === _lastRequestData2 ? void 0 : _lastRequestData2.removedItems;
                            if (!isDeselect) {
                                var _this$_lastLoadDeferr3;
                                null === (_this$_lastLoadDeferr3 = this._lastLoadDeferred) || void 0 === _this$_lastLoadDeferr3 || _this$_lastLoadDeferr3.reject()
                            }
                        }
                    }
                    lastRequestData = this._concatRequestsItems(keys, oldRequestItems, isDeselect, this._shouldMergeWithLastRequest ? void 0 : updatedKeys);
                    return lastRequestData
                }
                _updateKeysByLastRequestData(keys, isDeselect, isSelectAll) {
                    let currentKeys = keys;
                    if (this._isMultiSelectEnabled() && this._shouldMergeWithLastRequest && this._lastRequestData && !isDeselect && !isSelectAll) {
                        var _this$_lastRequestDat;
                        currentKeys = (0, _array.removeDuplicates)([...keys, ...this._lastRequestData.addedItems], null === (_this$_lastRequestDat = this._lastRequestData) || void 0 === _this$_lastRequestDat ? void 0 : _this$_lastRequestDat.removedItems);
                        currentKeys = (0, _array.getUniqueValues)(currentKeys)
                    }
                    return currentKeys
                }
                _loadSelectedItems(keys, isDeselect, isSelectAll, updatedKeys) {
                    let forceCombinedFilter = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : false;
                    const deferred = (0, _deferred.Deferred)();
                    const filter = this.options.filter();
                    this._shouldMergeWithLastRequest = this._requestInProgress();
                    this._lastRequestData = this._collectLastRequestData(keys, isDeselect, isSelectAll, updatedKeys);
                    (0, _deferred.when)(this._lastLoadDeferred).always(() => {
                        const currentKeys = this._updateKeysByLastRequestData(keys, isDeselect, isSelectAll);
                        this._shouldMergeWithLastRequest = false;
                        this._loadSelectedItemsCore(currentKeys, isDeselect, isSelectAll, filter, forceCombinedFilter).done(result => {
                            deferred.resolve(result)
                        }).fail(error => {
                            deferred.reject(error)
                        })
                    });
                    this._lastLoadDeferred = deferred;
                    return deferred
                }
                selectedItemKeys(keys, preserve, isDeselect, isSelectAll, updatedKeys, forceCombinedFilter) {
                    if (this._isCancelingInProgress) {
                        return (0, _deferred.Deferred)().reject()
                    }
                    const loadingDeferred = this._loadSelectedItems(keys, isDeselect, isSelectAll, updatedKeys, forceCombinedFilter);
                    const selectionDeferred = (0, _deferred.Deferred)();
                    loadingDeferred.done(items => {
                        this._storeSelectionState();
                        if (preserve) {
                            this._preserveSelectionUpdate(items, isDeselect)
                        } else {
                            this._replaceSelectionUpdate(items)
                        }
                        this._isCancelingInProgress = true;
                        this._callCallbackIfNotCanceled(() => {
                            this._isCancelingInProgress = false;
                            this.onSelectionChanged();
                            selectionDeferred.resolve(items)
                        }, () => {
                            this._isCancelingInProgress = false;
                            this._restoreSelectionState();
                            selectionDeferred.reject()
                        })
                    });
                    return selectionDeferred
                }
                addSelectedItem(key, item) {
                    if ((0, _type.isDefined)(item) && !this.options.ignoreDisabledItems && item.disabled) {
                        if (!this.options.disabledItemKeys.includes(key)) {
                            this.options.disabledItemKeys.push(key)
                        }
                        return
                    }
                    const keyHash = this._getKeyHash(key);
                    if (-1 === this._indexOfSelectedItemKey(keyHash)) {
                        if (!(0, _type.isObject)(keyHash) && this.options.keyHashIndices) {
                            this.options.keyHashIndices[keyHash] = [this.options.selectedItemKeys.length]
                        }
                        this.options.selectedItemKeys.push(key);
                        this.options.addedItemKeys.push(key);
                        this.options.addedItems.push(item);
                        this.options.selectedItems.push(item)
                    }
                }
                _getSelectedIndexByKey(key, ignoreIndicesMap) {
                    const {
                        selectedItemKeys: selectedItemKeys
                    } = this.options;
                    return selectedItemKeys.findIndex((_, index) => !(null !== ignoreIndicesMap && void 0 !== ignoreIndicesMap && ignoreIndicesMap[index]) && this.equalKeys(selectedItemKeys[index], key))
                }
                _getSelectedIndexByHash(key, ignoreIndicesMap) {
                    let indices = this.options.keyHashIndices[key];
                    if (indices && indices.length > 1 && ignoreIndicesMap) {
                        indices = indices.filter(index => !ignoreIndicesMap[index])
                    }
                    return indices && indices[0] >= 0 ? indices[0] : -1
                }
                _indexOfSelectedItemKey(key, ignoreIndicesMap) {
                    let selectedIndex = -1;
                    if (this.options.equalByReference) {
                        selectedIndex = this.options.selectedItemKeys.indexOf(key)
                    } else if ((0, _type.isObject)(key)) {
                        selectedIndex = this._getSelectedIndexByKey(key, ignoreIndicesMap)
                    } else {
                        selectedIndex = this._getSelectedIndexByHash(key, ignoreIndicesMap)
                    }
                    return selectedIndex
                }
                _shiftSelectedKeyIndices(keyIndex) {
                    for (let currentKeyIndex = keyIndex; currentKeyIndex < this.options.selectedItemKeys.length; currentKeyIndex += 1) {
                        const currentKey = this.options.selectedItemKeys[currentKeyIndex];
                        const currentKeyHash = (0, _common.getKeyHash)(currentKey);
                        const currentKeyIndices = this.options.keyHashIndices[currentKeyHash];
                        if (!currentKeyIndices) {
                            continue
                        }
                        for (let i = 0; i < currentKeyIndices.length; i += 1) {
                            if (currentKeyIndices[i] > keyIndex) {
                                currentKeyIndices[i] -= 1
                            }
                        }
                    }
                }
                removeSelectedItem(key, keyIndicesToRemoveMap, isDisabled) {
                    if (!this.options.ignoreDisabledItems && isDisabled) {
                        return
                    }
                    const keyHash = this._getKeyHash(key);
                    const isBatchDeselect = !!keyIndicesToRemoveMap;
                    const keyIndex = this._indexOfSelectedItemKey(keyHash, keyIndicesToRemoveMap);
                    if (keyIndex < 0) {
                        return keyIndex
                    }
                    this.options.removedItemKeys.push(key);
                    this.options.removedItems.push(this.options.selectedItems[keyIndex]);
                    if (isBatchDeselect) {
                        return keyIndex
                    }
                    this.options.selectedItemKeys.splice(keyIndex, 1);
                    this.options.selectedItems.splice(keyIndex, 1);
                    if ((0, _type.isObject)(keyHash) || !this.options.keyHashIndices) {
                        return keyIndex
                    }
                    const keyIndices = this.options.keyHashIndices[keyHash];
                    if (!keyIndices) {
                        return keyIndex
                    }
                    keyIndices.shift();
                    if (!keyIndices.length) {
                        delete this.options.keyHashIndices[keyHash]
                    }
                    this._shiftSelectedKeyIndices(keyIndex);
                    return keyIndex
                }
                _updateAddedItemKeys(keys, items) {
                    for (let i = 0; i < keys.length; i += 1) {
                        if (!this.isItemKeySelected(keys[i])) {
                            this.options.addedItemKeys.push(keys[i]);
                            this.options.addedItems.push(items[i])
                        }
                    }
                }
                _updateRemovedItemKeys(_, oldSelectedKeys, oldSelectedItems) {
                    for (let i = 0; i < oldSelectedKeys.length; i += 1) {
                        if (!this.isItemKeySelected(oldSelectedKeys[i])) {
                            this.options.removedItemKeys.push(oldSelectedKeys[i]);
                            this.options.removedItems.push(oldSelectedItems[i])
                        }
                    }
                }
                _isItemSelectionInProgress(key, checkPending) {
                    const shouldCheckPending = checkPending && this._lastRequestData && this._requestInProgress();
                    if (shouldCheckPending) {
                        var _this$_lastRequestDat2;
                        const addedItems = (null === (_this$_lastRequestDat2 = this._lastRequestData) || void 0 === _this$_lastRequestDat2 ? void 0 : _this$_lastRequestDat2.addedItems) ?? [];
                        return addedItems.includes(key)
                    }
                    return false
                }
                _getKeyHash(key) {
                    return this.options.equalByReference ? key : (0, _common.getKeyHash)(key)
                }
                setSelectedItems(keys, items) {
                    this._updateAddedItemKeys(keys, items);
                    const oldSelectedKeys = this.options.selectedItemKeys;
                    const oldSelectedItems = this.options.selectedItems;
                    if (!this.options.equalByReference) {
                        this._initSelectedItemKeyHash();
                        this.updateSelectedItemKeyHash(keys)
                    }
                    this._setOption("selectedItemKeys", keys);
                    this._setOption("selectedItems", items);
                    this._updateRemovedItemKeys(keys, oldSelectedKeys, oldSelectedItems)
                }
                isItemDataSelected(itemData) {
                    let options = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
                    const key = this.options.keyOf(itemData);
                    return this.isItemKeySelected(key, options)
                }
                isItemKeySelected(key) {
                    let options = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
                    let result = this._isItemSelectionInProgress(key, options.checkPending);
                    if (!result) {
                        const keyHash = this._getKeyHash(key);
                        const index = this._indexOfSelectedItemKey(keyHash);
                        result = -1 !== index
                    }
                    return result
                }
                getSelectAllState(visibleOnly) {
                    if (visibleOnly) {
                        return this._getVisibleSelectAllState()
                    }
                    return this._getFullSelectAllState()
                }
                loadSelectedItemsWithFilter() {
                    const keyExpr = this.options.key();
                    const keys = this.getSelectedItemKeys();
                    const filter = this.options.filter();
                    if (!keys.length) {
                        return (0, _deferred.Deferred)().resolve([])
                    }
                    const selectionFilterCreator = new _selection_filter.SelectionFilterCreator(keys);
                    const combinedFilter = selectionFilterCreator.getCombinedFilter(keyExpr, filter, true);
                    return this._loadFilteredData(combinedFilter)
                }
                _storeSelectionState() {
                    const {
                        selectedItems: selectedItems,
                        selectedItemKeys: selectedItemKeys,
                        keyHashIndices: keyHashIndices
                    } = this.options;
                    this._storedSelectionState = {
                        keyHashIndices: JSON.stringify(keyHashIndices),
                        selectedItems: [...selectedItems],
                        selectedItemKeys: [...selectedItemKeys]
                    }
                }
                _restoreSelectionState() {
                    this._clearItemKeys();
                    if (!this._storedSelectionState) {
                        return
                    }
                    const {
                        selectedItemKeys: selectedItemKeys,
                        selectedItems: selectedItems,
                        keyHashIndices: keyHashIndices
                    } = this._storedSelectionState;
                    this._setOption("selectedItemKeys", selectedItemKeys);
                    this._setOption("selectedItems", selectedItems);
                    this._setOption("keyHashIndices", JSON.parse(keyHashIndices))
                }
                _onePageSelectAll(isDeselect) {
                    if ("pending" === this._lastSelectAllPageDeferred.state()) {
                        return (0, _deferred.Deferred)().reject()
                    }
                    this._storeSelectionState();
                    this._selectAllPlainItems(isDeselect);
                    this._lastSelectAllPageDeferred = (0, _deferred.Deferred)();
                    this._callCallbackIfNotCanceled(() => {
                        this.onSelectionChanged();
                        this._lastSelectAllPageDeferred.resolve()
                    }, () => {
                        this._restoreSelectionState();
                        this._lastSelectAllPageDeferred.reject()
                    });
                    return this._lastSelectAllPageDeferred
                }
            }
            exports.default = StandardStrategy
        },
        51697(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.hiddenFocus = function(element, preventScroll) {
                isHiddenFocusing = true;
                element.focus({
                    preventScroll: preventScroll
                });
                isHiddenFocusing = false
            };
            exports.registerKeyboardAction = function(viewName, instance, $element, selector, action, executeKeyDown) {
                const {
                    useLegacyKeyboardNavigation: useLegacyKeyboardNavigation
                } = instance.option();
                if (useLegacyKeyboardNavigation) {
                    return _common.noop
                }
                const getMainElement = () => (0, _renderer.default)(instance.element());
                const keyDownHandler = e => function(viewName, instance, event, action, $mainElement, executeKeyDown) {
                    const isHandled = function(instance, event, executeAction) {
                        const args = {
                            event: event,
                            handled: false
                        };
                        if (executeAction) {
                            executeAction(args)
                        } else {
                            instance._createActionByOption("onKeyDown")(args)
                        }
                        return args.handled
                    }(instance, event.originalEvent, executeKeyDown);
                    if (isHandled) {
                        return
                    }
                    const keyName = (0, _index.normalizeKeyName)(event);
                    if ("enter" === keyName || "space" === keyName) {
                        saveFocusedElementInfo(event.target, instance);
                        null === action || void 0 === action || action({
                            event: event
                        })
                    } else if ("tab" === keyName) {
                        $mainElement.addClass("dx-state-focused")
                    } else {
                        selectView(viewName, instance, event)
                    }
                }(viewName, instance, e, action, getMainElement(), executeKeyDown);
                const mouseDownHandler = () => {
                    isMouseDown = true;
                    getMainElement().removeClass("dx-state-focused")
                };
                const focusinHandler = () => {
                    if (needToSkipFocusin) {
                        needToSkipFocusin = false;
                        return
                    }
                    const needShowOverlay = !isMouseDown && !isHiddenFocusing;
                    if (needShowOverlay) {
                        getMainElement().addClass("dx-state-focused")
                    }
                    isMouseDown = false
                };
                const mouseUpHandler = () => {
                    isMouseDown = false
                };
                _events_engine.default.on($element, "keydown", selector, keyDownHandler);
                _events_engine.default.on($element, "mousedown", selector, mouseDownHandler);
                _events_engine.default.on($element, "focusin", selector, focusinHandler);
                _events_engine.default.on($element, "mouseup contextmenu", selector, mouseUpHandler);
                return () => {
                    _events_engine.default.off($element, "keydown", selector, keyDownHandler);
                    _events_engine.default.off($element, "mousedown", selector, mouseDownHandler);
                    _events_engine.default.off($element, "focusin", selector, focusinHandler);
                    _events_engine.default.off($element, "mouseup contextmenu", selector, mouseUpHandler)
                }
            };
            exports.restoreFocus = function(instance) {
                if (!instance.option("useLegacyKeyboardNavigation") && focusedElementInfo) {
                    const {
                        viewInstance: viewInstance
                    } = focusedElementInfo;
                    if (viewInstance) {
                        const $activeElements = getActiveAccessibleElements(focusedElementInfo.ariaLabel, viewInstance.element());
                        const $targetElement = $activeElements.eq(focusedElementInfo.index);
                        focusedElementInfo = null;
                        _events_engine.default.trigger($targetElement, "focus")
                    }
                }
            };
            exports.saveFocusedElementInfo = saveFocusedElementInfo;
            exports.selectView = selectView;
            exports.setTabIndex = function(instance, $element) {
                const {
                    useLegacyKeyboardNavigation: useLegacyKeyboardNavigation
                } = instance.option();
                if (!useLegacyKeyboardNavigation) {
                    $element.attr("tabindex", instance.option("tabindex") || 0)
                }
            };
            exports.subscribeVisibilityChange = function() {
                _events_engine.default.on(_dom_adapter.default.getDocument(), "visibilitychange", onDocumentVisibilityChange)
            };
            exports.unsubscribeVisibilityChange = function() {
                _events_engine.default.off(_dom_adapter.default.getDocument(), "visibilitychange", onDocumentVisibilityChange)
            };
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const viewItemSelectorMap = {
                groupPanel: [".dx-datagrid-group-panel .dx-group-panel-item[tabindex]"],
                columnHeaders: [".dx-datagrid-headers .dx-header-row > td.dx-datagrid-action", ".dx-treelist-headers .dx-header-row > td.dx-treelist-action"],
                filterRow: [".dx-datagrid-headers .dx-datagrid-filter-row .dx-editor-cell .dx-texteditor-input", ".dx-treelist-headers .dx-treelist-filter-row .dx-editor-cell .dx-texteditor-input"],
                rowsView: [".dx-row-focused", ".dx-datagrid-rowsview .dx-row[tabindex]", ".dx-datagrid-rowsview .dx-row > td[tabindex]", ".dx-datagrid-rowsview .dx-row > td", ".dx-treelist-rowsview .dx-row[tabindex]", ".dx-treelist-rowsview .dx-row > td[tabindex]", ".dx-treelist-rowsview .dx-row > td"],
                footer: [".dx-datagrid-total-footer .dx-datagrid-summary-item", ".dx-treelist-total-footer .dx-treelist-summary-item"],
                filterPanel: [".dx-datagrid-filter-panel .dx-icon-filter", ".dx-treelist-filter-panel .dx-icon-filter"],
                pager: [".dx-datagrid-pager [tabindex]", ".dx-treelist-pager [tabindex]"]
            };
            let isMouseDown = false;
            let isHiddenFocusing = false;
            let focusedElementInfo = null;
            let needToSkipFocusin = false;

            function getActiveAccessibleElements(ariaLabel, viewElement) {
                const $viewElement = (0, _renderer.default)(viewElement);
                let $activeElements = (0, _renderer.default)();
                if (ariaLabel) {
                    const escapedAriaLabel = null === ariaLabel || void 0 === ariaLabel ? void 0 : ariaLabel.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
                    $activeElements = $viewElement.find(`[aria-label="${escapedAriaLabel}"][tabindex]`)
                } else {
                    $activeElements = $viewElement.find("[tabindex]")
                }
                return $activeElements
            }

            function saveFocusedElementInfo(target, instance) {
                const $target = (0, _renderer.default)(target);
                const ariaLabel = $target.attr("aria-label");
                const $activeElements = getActiveAccessibleElements(ariaLabel, instance.element());
                const targetIndex = $activeElements.index($target);
                focusedElementInfo = (0, _extend.extend)({}, {
                    ariaLabel: ariaLabel,
                    index: targetIndex
                }, {
                    viewInstance: instance
                })
            }

            function findFocusedViewElement(instanceRootDomNode, viewSelectors, element) {
                const root = instanceRootDomNode ?? (null === element || void 0 === element ? void 0 : element.getRootNode()) ?? _dom_adapter.default.getDocument();
                if (!root) {
                    return
                }
                const $root = (0, _renderer.default)(root);
                for (const index in viewSelectors) {
                    const selector = viewSelectors[index];
                    const $focusViewElement = $root.find(selector).first();
                    if ($focusViewElement.length) {
                        return $focusViewElement
                    }
                }
            }

            function selectView(viewName, instance, event) {
                const keyName = (0, _index.normalizeKeyName)(event);
                if (event.ctrlKey && ("upArrow" === keyName || "downArrow" === keyName)) {
                    var _instance$component, _instance$component$e;
                    const viewNames = Object.keys(viewItemSelectorMap);
                    let viewItemIndex = viewNames.indexOf(viewName);
                    const instanceRootDomNode = null === instance || void 0 === instance || null === (_instance$component = instance.component) || void 0 === _instance$component || null === (_instance$component$e = _instance$component.element) || void 0 === _instance$component$e ? void 0 : _instance$component$e.call(_instance$component);
                    while (viewItemIndex >= 0 && viewItemIndex < viewNames.length) {
                        viewItemIndex += "upArrow" === keyName ? -1 : 1;
                        const viewName = viewNames[viewItemIndex];
                        const viewSelectors = viewItemSelectorMap[viewName];
                        const $focusViewElement = findFocusedViewElement(instanceRootDomNode, viewSelectors, event.target);
                        if (null !== $focusViewElement && void 0 !== $focusViewElement && $focusViewElement.length) {
                            $focusViewElement.attr("tabindex", instance.option("tabindex") || 0);
                            _events_engine.default.trigger($focusViewElement, "focus");
                            $focusViewElement.removeClass("dx-cell-focus-disabled");
                            break
                        }
                    }
                }
            }

            function onDocumentVisibilityChange() {
                const focusedElement = _dom_adapter.default.getActiveElement();
                needToSkipFocusin = focusedElement && !focusedElement.closest(".dx-state-focused")
            }
        },
        15303(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            const DEFAULT_DATE_INTERVAL = ["year", "month", "day"];
            const DEFAULT_DATETIME_INTERVAL = ["year", "month", "day", "hour", "minute"];
            const isDateType = dataType => "date" === dataType || "datetime" === dataType;
            const getGroupInterval = column => {
                var _column$headerFilter;
                let index;
                let result = [];
                const dateIntervals = ["year", "month", "day", "hour", "minute", "second"];
                const groupInterval = null === (_column$headerFilter = column.headerFilter) || void 0 === _column$headerFilter ? void 0 : _column$headerFilter.groupInterval;
                const interval = "quarter" === groupInterval ? "month" : groupInterval;
                if (isDateType(column.dataType) && null !== groupInterval) {
                    result = "datetime" === column.dataType ? DEFAULT_DATETIME_INTERVAL : DEFAULT_DATE_INTERVAL;
                    index = dateIntervals.indexOf(interval);
                    if (index >= 0) {
                        result = dateIntervals.slice(0, index);
                        result.push(groupInterval);
                        return result
                    }
                    return result
                }
                if ((0, _type.isDefined)(groupInterval)) {
                    return Array.isArray(groupInterval) ? groupInterval : [groupInterval]
                }
            };
            exports.default = function() {
                const getFilterSelector = (column, target) => {
                    let selector = column.dataField || column.selector;
                    if ("search" === target) {
                        selector = column.displayField || (column => {
                            var _column$calculateDisp;
                            return null !== (_column$calculateDisp = column.calculateDisplayValue) && void 0 !== _column$calculateDisp && _column$calculateDisp.context ? column.calculateDisplayValue : null
                        })(column) || selector
                    }
                    return selector
                };
                const getFilterExpressionByRange = function(filterValue, target) {
                    const column = this;
                    let endFilterValue;
                    let startFilterExpression;
                    let endFilterExpression;
                    const selector = getFilterSelector(column, target);
                    if (Array.isArray(filterValue) && (0, _type.isDefined)(filterValue[0]) && (0, _type.isDefined)(filterValue[1])) {
                        startFilterExpression = [selector, ">=", filterValue[0]];
                        endFilterExpression = [selector, "<=", filterValue[1]];
                        if (isDateType(column.dataType) && (date = filterValue[1], date.getHours() + date.getMinutes() + date.getSeconds() + date.getMilliseconds() < 1)) {
                            endFilterValue = new Date(filterValue[1].getTime());
                            if ("date" === column.dataType) {
                                endFilterValue.setDate(filterValue[1].getDate() + 1)
                            }
                            endFilterExpression = [selector, "<", endFilterValue]
                        }
                        return [startFilterExpression, "and", endFilterExpression]
                    }
                    var date
                };
                const getFilterExpressionForDate = function(filterValue, selectedFilterOperation, target) {
                    const column = this;
                    let dateStart;
                    let dateEnd;
                    let dateInterval;
                    const values = (dateValue => {
                        if ((0, _type.isDate)(dateValue)) {
                            return [dateValue.getFullYear(), dateValue.getMonth(), dateValue.getDate(), dateValue.getHours(), dateValue.getMinutes(), dateValue.getSeconds()]
                        }
                        return (0, _iterator.map)(`${dateValue}`.split("/"), (value, index) => 1 === index ? Number(value) - 1 : Number(value))
                    })(filterValue);
                    const selector = getFilterSelector(column, target);
                    if ("headerFilter" === target) {
                        var _getGroupInterval;
                        dateInterval = null === (_getGroupInterval = getGroupInterval(column)) || void 0 === _getGroupInterval ? void 0 : _getGroupInterval[values.length - 1]
                    } else if ("datetime" === column.dataType) {
                        dateInterval = "minute"
                    }
                    switch (dateInterval) {
                        case "year":
                            dateStart = new Date(values[0], 0, 1);
                            dateEnd = new Date(values[0] + 1, 0, 1);
                            break;
                        case "month":
                            dateStart = new Date(values[0], values[1], 1);
                            dateEnd = new Date(values[0], values[1] + 1, 1);
                            break;
                        case "quarter":
                            dateStart = new Date(values[0], 3 * values[1], 1);
                            dateEnd = new Date(values[0], 3 * values[1] + 3, 1);
                            break;
                        case "hour":
                            dateStart = new Date(values[0], values[1], values[2], values[3]);
                            dateEnd = new Date(values[0], values[1], values[2], values[3] + 1);
                            break;
                        case "minute":
                            dateStart = new Date(values[0], values[1], values[2], values[3], values[4]);
                            dateEnd = new Date(values[0], values[1], values[2], values[3], values[4] + 1);
                            break;
                        case "second":
                            dateStart = new Date(values[0], values[1], values[2], values[3], values[4], values[5]);
                            dateEnd = new Date(values[0], values[1], values[2], values[3], values[4], values[5] + 1);
                            break;
                        default:
                            dateStart = new Date(values[0], values[1], values[2]);
                            dateEnd = new Date(values[0], values[1], values[2] + 1)
                    }
                    switch (selectedFilterOperation) {
                        case "<":
                            return [selector, "<", dateStart];
                        case "<=":
                            return [selector, "<", dateEnd];
                        case ">":
                            return [selector, ">=", dateEnd];
                        case ">=":
                            return [selector, ">=", dateStart];
                        case "<>":
                            return [
                                [selector, "<", dateStart], "or", [selector, ">=", dateEnd]
                            ];
                        default:
                            return [
                                [selector, ">=", dateStart], "and", [selector, "<", dateEnd]
                            ]
                    }
                };
                const getFilterExpressionForNumber = function(filterValue, selectedFilterOperation, target) {
                    const selector = getFilterSelector(this, target);
                    const groupInterval = getGroupInterval(this);
                    if ("headerFilter" === target && groupInterval && (0, _type.isDefined)(filterValue)) {
                        const values = `${filterValue}`.split("/");
                        const value = Number(values[values.length - 1]);
                        const interval = groupInterval[values.length - 1];
                        const startFilterValue = [selector, ">=", value];
                        const endFilterValue = [selector, "<", value + interval];
                        const condition = [startFilterValue, "and", endFilterValue];
                        return condition
                    }
                    return [selector, selectedFilterOperation || "=", filterValue]
                };
                return {
                    defaultCalculateFilterExpression(filterValue, selectedFilterOperation, target) {
                        var _column$lookup;
                        const column = this;
                        const selector = getFilterSelector(column, target);
                        const isSearchByDisplayValue = column.calculateDisplayValue && "search" === target;
                        const dataType = isSearchByDisplayValue && (null === (_column$lookup = column.lookup) || void 0 === _column$lookup ? void 0 : _column$lookup.dataType) || column.dataType;
                        let filter = null;
                        if (("headerFilter" === target || "filterBuilder" === target) && null === filterValue) {
                            filter = [selector, selectedFilterOperation || "=", null];
                            if ("string" === dataType) {
                                filter = [filter, "=" === selectedFilterOperation ? "or" : "and", [selector, selectedFilterOperation || "=", ""]]
                            }
                        } else if ("string" === dataType && (!column.lookup || isSearchByDisplayValue)) {
                            filter = [selector, selectedFilterOperation || "contains", filterValue]
                        } else if ("between" === selectedFilterOperation) {
                            return getFilterExpressionByRange.apply(column, [filterValue, target])
                        } else if (isDateType(dataType) && (0, _type.isDefined)(filterValue)) {
                            return getFilterExpressionForDate.apply(column, arguments)
                        } else if ("number" === dataType) {
                            return getFilterExpressionForNumber.apply(column, arguments)
                        } else {
                            filter = [selector, selectedFilterOperation || "=", filterValue]
                        }
                        return filter
                    },
                    getGroupInterval: getGroupInterval
                }
            }()
        },
        36019(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ../../../ui/text_box */ 20780);
            __webpack_require__( /*! ../../../ui/number_box */ 48042);
            __webpack_require__( /*! ../../../ui/check_box */ 94319);
            __webpack_require__( /*! ../../../ui/select_box */ 60695);
            __webpack_require__( /*! ../../../ui/date_box */ 2739);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _utils = __webpack_require__( /*! ../../../common/data/data_source/utils */ 97169);
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/browser */ 48314));
            var _data = __webpack_require__( /*! ../../../core/utils/data */ 31e3);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _variable_wrapper = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/variable_wrapper */ 40216));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                isWrapped: isWrapped
            } = _variable_wrapper.default;
            const getResultConfig = (config, options) => (0, _extend.extend)(config, {
                readOnly: options.readOnly,
                placeholder: options.placeholder,
                inputAttr: {
                    id: options.id,
                    "aria-labelledby": options["aria-labelledby"]
                },
                tabIndex: options.tabIndex
            }, options.editorOptions);
            const checkEnterBug = () => _browser.default.mozilla || _devices.default.real().ios;
            const getTextEditorConfig = options => {
                const data = {};
                const isEnterBug = checkEnterBug();
                const sharedData = options.sharedData || data;
                return getResultConfig({
                    placeholder: options.placeholder,
                    width: options.width,
                    value: options.value,
                    onValueChanged(e) {
                        const needDelayedUpdate = "filterRow" === options.parentType || "searchPanel" === options.parentType;
                        const isInputOrKeyUpEvent = e.event && ("input" === e.event.type || "keyup" === e.event.type);
                        const updateValue = function(e, notFireEvent) {
                            null === options || void 0 === options || options.setValue(e.value, notFireEvent)
                        };
                        clearTimeout(data.valueChangeTimeout);
                        if (isInputOrKeyUpEvent && needDelayedUpdate) {
                            sharedData.valueChangeTimeout = data.valueChangeTimeout = setTimeout(() => {
                                updateValue(e, data.valueChangeTimeout !== sharedData.valueChangeTimeout)
                            }, (0, _type.isDefined)(options.updateValueTimeout) ? options.updateValueTimeout : 0)
                        } else {
                            updateValue(e)
                        }
                    },
                    onKeyDown(e) {
                        if (isEnterBug && "enter" === (0, _index.normalizeKeyName)(e.event)) {
                            _events_engine.default.trigger((0, _renderer.default)(e.component._input()), "change")
                        }
                    },
                    valueChangeEvent: "change" + ("filterRow" === options.parentType ? " keyup input" : "")
                }, options)
            };
            const prepareDateBox = options => {
                options.editorName = "dxDateBox";
                options.editorOptions = getResultConfig({
                    value: options.value,
                    onValueChanged(args) {
                        options.setValue(args.value)
                    },
                    onKeyDown(_ref) {
                        let {
                            component: component,
                            event: event
                        } = _ref;
                        const useMaskBehavior = component.option("useMaskBehavior");
                        if ((checkEnterBug() || useMaskBehavior) && "enter" === (0, _index.normalizeKeyName)(event)) {
                            component.blur();
                            component.focus()
                        }
                    },
                    displayFormat: options.format,
                    type: options.dataType,
                    dateSerializationFormat: null,
                    width: "filterBuilder" === options.parentType ? void 0 : "auto"
                }, options)
            };
            const prepareTextBox = options => {
                const config = getTextEditorConfig(options);
                const isSearching = "searchPanel" === options.parentType;
                if (options.editorType && "dxTextBox" !== options.editorType) {
                    config.value = options.value
                } else {
                    config.value = (value = options.value, (0, _type.isDefined)(value) ? value.toString() : "")
                }
                var value;
                config.valueChangeEvent += isSearching ? " keyup input search" : "";
                config.mode = config.mode || (isSearching ? "search" : "text");
                options.editorName = "dxTextBox";
                options.editorOptions = config
            };
            const prepareNumberBox = options => {
                const config = getTextEditorConfig(options);
                config.value = (0, _type.isDefined)(options.value) ? options.value : null;
                options.editorName = "dxNumberBox";
                options.editorOptions = config
            };

            function prepareLookupEditor(options) {
                const {
                    lookup: lookup
                } = options;
                let displayGetter;
                let dataSource;
                let postProcess;
                const isFilterRow = "filterRow" === options.parentType;
                if (lookup) {
                    displayGetter = (0, _data.compileGetter)(lookup.displayExpr);
                    dataSource = lookup.dataSource;
                    if ((0, _type.isFunction)(dataSource) && !isWrapped(dataSource)) {
                        dataSource = dataSource(options.row || {});
                        ! function(options) {
                            var _options$row;
                            if (null !== (_options$row = options.row) && void 0 !== _options$row && _options$row.watch && "dataRow" === options.parentType) {
                                const editorOptions = options.editorOptions || {};
                                options.editorOptions = editorOptions;
                                let selectBox;
                                const {
                                    onInitialized: onInitialized
                                } = editorOptions;
                                editorOptions.onInitialized = function(e) {
                                    null === onInitialized || void 0 === onInitialized || onInitialized.apply(this, arguments);
                                    selectBox = e.component;
                                    selectBox.on("disposing", stopWatch)
                                };
                                let dataSource;
                                const stopWatch = options.row.watch(() => {
                                    var _dataSource;
                                    dataSource = options.lookup.dataSource(options.row);
                                    return null === (_dataSource = dataSource) || void 0 === _dataSource ? void 0 : _dataSource.filter
                                }, () => {
                                    selectBox.option("dataSource", dataSource)
                                }, row => {
                                    options.row = row
                                })
                            }
                        }(options)
                    }
                    if ((0, _type.isObject)(dataSource) || Array.isArray(dataSource)) {
                        dataSource = (0, _utils.normalizeDataSourceOptions)(dataSource);
                        if (isFilterRow) {
                            postProcess = dataSource.postProcess;
                            dataSource.postProcess = function(items) {
                                if (0 === this.pageIndex()) {
                                    items = items.slice(0);
                                    items.unshift(null)
                                }
                                if (postProcess) {
                                    return postProcess.call(this, items)
                                }
                                return items
                            }
                        }
                    }
                    const allowClearing = Boolean(lookup.allowClearing && !isFilterRow);
                    options.editorName = options.editorType ?? "dxSelectBox";
                    options.editorOptions = getResultConfig({
                        searchEnabled: true,
                        value: options.value,
                        valueExpr: options.lookup.valueExpr,
                        searchExpr: options.lookup.searchExpr || options.lookup.displayExpr,
                        allowClearing: allowClearing,
                        showClearButton: allowClearing,
                        displayExpr(data) {
                            if (null === data) {
                                return options.showAllText
                            }
                            return displayGetter(data)
                        },
                        dataSource: dataSource,
                        onValueChanged(e) {
                            const params = [e.value];
                            if (!isFilterRow) {
                                params.push(e.component.option("text"))
                            }
                            options.setValue.apply(this, params)
                        }
                    }, options)
                }
            }

            function prepareCheckBox(options) {
                options.editorName = "dxCheckBox";
                options.editorOptions = getResultConfig({
                    elementAttr: {
                        id: options.id
                    },
                    value: (0, _type.isDefined)(options.value) ? options.value : void 0,
                    hoverStateEnabled: !options.readOnly,
                    focusStateEnabled: !options.readOnly,
                    activeStateEnabled: false,
                    onValueChanged(e) {
                        var _options$setValue;
                        null === (_options$setValue = options.setValue) || void 0 === _options$setValue || _options$setValue.call(options, e.value, e)
                    }
                }, options)
            }
            const prepareCustomEditor = options => {
                options.editorName = options.editorType;
                options.editorOptions = getResultConfig({
                    value: options.value,
                    onValueChanged(args) {
                        options.setValue(args.value)
                    }
                }, options)
            };
            const prepareEditor = options => {
                const prepareDefaultEditor = {
                    dxDateBox: prepareDateBox,
                    dxCheckBox: prepareCheckBox,
                    dxNumberBox: prepareNumberBox,
                    dxTextBox: prepareTextBox
                };
                if (options.lookup) {
                    prepareLookupEditor(options)
                } else if (options.editorType) {
                    (prepareDefaultEditor[options.editorType] ?? prepareCustomEditor)(options)
                } else {
                    switch (options.dataType) {
                        case "date":
                        case "datetime":
                            prepareDateBox(options);
                            break;
                        case "boolean":
                            (options => {
                                if ("filterRow" === options.parentType || "filterBuilder" === options.parentType) {
                                    prepareLookupEditor((0, _extend.extend)(options, {
                                        lookup: {
                                            displayExpr(data) {
                                                if (true === data) {
                                                    return options.trueText || "true"
                                                }
                                                if (false === data) {
                                                    return options.falseText || "false"
                                                }
                                            },
                                            dataSource: [true, false]
                                        }
                                    }))
                                } else {
                                    prepareCheckBox(options)
                                }
                            })(options);
                            break;
                        case "number":
                            prepareNumberBox(options);
                            break;
                        default:
                            prepareTextBox(options)
                    }
                }
            };
            exports.default = Base => class extends Base {
                createEditor($container, options) {
                    options.cancel = false;
                    options.editorElement = (0, _element.getPublicElement)($container);
                    if (!(0, _type.isDefined)(options.tabIndex)) {
                        options.tabIndex = this.option("tabIndex")
                    }
                    prepareEditor(options);
                    this.executeAction("onEditorPreparing", options);
                    if (options.cancel) {
                        return
                    }
                    if ("dataRow" === options.parentType && !options.isOnForm && !(0, _type.isDefined)(options.editorOptions.showValidationMark)) {
                        options.editorOptions.showValidationMark = false
                    }((that, options) => {
                        const $editorElement = (0, _renderer.default)(options.editorElement);
                        if (options.editorName && options.editorOptions && $editorElement[options.editorName]) {
                            if ("dxCheckBox" === options.editorName || "dxSwitch" === options.editorName) {
                                if (!options.isOnForm) {
                                    $editorElement.addClass(that.addWidgetPrefix("checkbox-size"));
                                    $editorElement.parent().addClass("dx-editor-inline-block")
                                }
                            }
                            that._createComponent($editorElement, options.editorName, options.editorOptions);
                            if ("dxDateBox" === options.editorName) {
                                const dateBox = $editorElement.dxDateBox("instance");
                                const defaultEnterKeyHandler = dateBox._supportedKeys().enter;
                                dateBox.registerKeyHandler("enter", e => {
                                    if (dateBox.option("opened")) {
                                        defaultEnterKeyHandler(e)
                                    }
                                    return true
                                })
                            }
                            if ("dxTextArea" === options.editorName) {
                                $editorElement.dxTextArea("instance").registerKeyHandler("enter", event => {
                                    if ("enter" === (0, _index.normalizeKeyName)(event) && !event.ctrlKey && !event.shiftKey) {
                                        event.stopPropagation()
                                    }
                                })
                            }
                        }
                    })(this, options);
                    this.executeAction("onEditorPrepared", options)
                }
            }
        },
        8532(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _emitter = __webpack_require__( /*! ../../../common/core/events/core/emitter.feedback */ 69331);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _swipeable = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/gesture/swipeable */ 18278));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _number = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/number */ 52771));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _m_ink_ripple = __webpack_require__( /*! ../../core/utils/m_ink_ripple */ 43469);
            var _m_track_bar = _interopRequireDefault(__webpack_require__( /*! ../m_track_bar */ 37062));
            var _m_slider_handle = _interopRequireDefault(__webpack_require__( /*! ./m_slider_handle */ 29049));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class Slider extends _m_track_bar.default {
                _activeStateUnit() {
                    return ".dx-slider-handle"
                }
                _supportedKeys() {
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    const roundedValue = (offset, isLeftDirection) => {
                        offset = this._valueStep(offset);
                        const {
                            step: step,
                            value: value,
                            min: min,
                            max: max
                        } = this.option();
                        const currentPosition = value - min;
                        const remainder = (0, _math.getRemainderByDivision)(currentPosition, step, this._getValueExponentLength());
                        let result = isLeftDirection ? value - offset + (remainder ? step - remainder : 0) : value + offset - remainder;
                        if (result < min) {
                            result = min
                        } else if (result > max) {
                            result = max
                        }
                        return this._roundToExponentLength(result)
                    };
                    const moveHandleRight = offset => {
                        this.option("value", roundedValue(offset, rtlEnabled))
                    };
                    const moveHandleLeft = offset => {
                        this.option("value", roundedValue(offset, !rtlEnabled))
                    };
                    return Object.assign({}, super._supportedKeys(), {
                        leftArrow(e) {
                            this._processKeyboardEvent(e);
                            moveHandleLeft(this.option("step"))
                        },
                        rightArrow(e) {
                            this._processKeyboardEvent(e);
                            moveHandleRight(this.option("step"))
                        },
                        pageUp(e) {
                            this._processKeyboardEvent(e);
                            moveHandleRight(this.option("step") * this.option("keyStep"))
                        },
                        pageDown(e) {
                            this._processKeyboardEvent(e);
                            moveHandleLeft(this.option("step") * this.option("keyStep"))
                        },
                        home(e) {
                            this._processKeyboardEvent(e);
                            const min = this.option("min");
                            this.option("value", min)
                        },
                        end(e) {
                            this._processKeyboardEvent(e);
                            const max = this.option("max");
                            this.option("value", max)
                        }
                    })
                }
                _processKeyboardEvent(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    this._saveValueChangeEvent(e)
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        value: 50,
                        hoverStateEnabled: true,
                        activeStateEnabled: true,
                        step: 1,
                        showRange: true,
                        tooltip: {
                            enabled: false,
                            format: value => value,
                            position: "top",
                            showMode: "onHover"
                        },
                        label: {
                            visible: false,
                            position: "bottom",
                            format: value => value
                        },
                        keyStep: 1,
                        useInkRipple: false,
                        validationMessageOffset: (0, _themes.isMaterial)() ? {
                            h: 18,
                            v: 0
                        } : {
                            h: 7,
                            v: 4
                        },
                        focusStateEnabled: true,
                        valueChangeMode: "onHandleMove"
                    })
                }
                _toggleValidationMessage(visible) {
                    if (!this.option("isValid")) {
                        this.$element().toggleClass("dx-invalid-message-visible", visible)
                    }
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }, {
                        device() {
                            const themeName = (0, _themes.current)();
                            return (0, _themes.isMaterial)(themeName)
                        },
                        options: {
                            useInkRipple: true
                        }
                    }])
                }
                _initMarkup() {
                    this.$element().addClass("dx-slider");
                    this._renderSubmitElement();
                    this.option("useInkRipple") && this._renderInkRipple();
                    super._initMarkup();
                    this._renderLabels();
                    this._renderStartHandler();
                    this._renderAriaMinAndMax()
                }
                _attachFocusEvents() {
                    super._attachFocusEvents();
                    const namespace = this.NAME + "Validation";
                    const focusInEvent = (0, _index.addNamespace)("focusin", namespace);
                    const focusOutEvent = (0, _index.addNamespace)("focusout", namespace);
                    const $focusTarget = this._focusTarget();
                    _events_engine.default.on($focusTarget, focusInEvent, this._toggleValidationMessage.bind(this, true));
                    _events_engine.default.on($focusTarget, focusOutEvent, this._toggleValidationMessage.bind(this, false))
                }
                _detachFocusEvents() {
                    super._detachFocusEvents();
                    const $focusTarget = this._focusTarget();
                    this._toggleValidationMessage(false);
                    _events_engine.default.off($focusTarget, this.NAME + "Validation")
                }
                _render() {
                    super._render();
                    this._repaintHandle()
                }
                _renderSubmitElement() {
                    this._$submitElement = (0, _renderer.default)("<input>").attr("type", "hidden").appendTo(this.$element())
                }
                _getSubmitElement() {
                    return this._$submitElement
                }
                _renderInkRipple() {
                    this._inkRipple = (0, _m_ink_ripple.render)({
                        waveSizeCoefficient: .7,
                        isCentered: true,
                        wavesNumber: 2,
                        useHoldAnimation: false
                    })
                }
                _renderInkWave(element, dxEvent, doRender, waveIndex) {
                    if (!this._inkRipple) {
                        return
                    }
                    const config = {
                        element: element,
                        event: dxEvent,
                        wave: waveIndex
                    };
                    if (doRender) {
                        this._inkRipple.showWave(config)
                    } else {
                        this._inkRipple.hideWave(config)
                    }
                }
                _visibilityChanged() {
                    this.repaint()
                }
                _renderWrapper() {
                    super._renderWrapper();
                    this._$wrapper.addClass("dx-slider-wrapper");
                    this._createComponent(this._$wrapper, _swipeable.default, {
                        rtlEnabled: false,
                        elastic: false,
                        immediate: true,
                        immediateTimeout: 0,
                        onStart: this._swipeStartHandler.bind(this),
                        onUpdated: this._swipeUpdateHandler.bind(this),
                        onEnd: this._swipeEndHandler.bind(this),
                        itemSizeFunc: this._itemWidthFunc.bind(this)
                    })
                }
                _renderContainer() {
                    super._renderContainer();
                    this._$bar.addClass("dx-slider-bar")
                }
                _renderRange() {
                    super._renderRange();
                    this._$range.addClass("dx-slider-range");
                    this._renderHandle();
                    this._renderRangeVisibility()
                }
                _renderRangeVisibility() {
                    this._$range.toggleClass("dx-slider-range-visible", Boolean(this.option("showRange")))
                }
                _renderHandle() {
                    const {
                        value: value
                    } = this.option();
                    this._$handle = this._renderHandleImpl(value, this._$handle)
                }
                _renderHandleImpl(value, $element) {
                    const $handle = $element || (0, _renderer.default)("<div>").appendTo(this._$range);
                    const {
                        tooltip: tooltip
                    } = this.option();
                    this.$element().toggleClass("dx-slider-tooltip-position-bottom", (null === tooltip || void 0 === tooltip ? void 0 : tooltip.enabled) && "bottom" === (null === tooltip || void 0 === tooltip ? void 0 : tooltip.position)).toggleClass("dx-slider-tooltip-position-top", (null === tooltip || void 0 === tooltip ? void 0 : tooltip.enabled) && "top" === (null === tooltip || void 0 === tooltip ? void 0 : tooltip.position));
                    this._createComponent($handle, _m_slider_handle.default, {
                        value: value,
                        tooltip: tooltip
                    });
                    return $handle
                }
                _renderAriaMinAndMax() {
                    this.setAria({
                        valuemin: this.option("min"),
                        valuemax: this.option("max")
                    }, this._$handle)
                }
                _toggleActiveState($element, value) {
                    super._toggleActiveState($element, value);
                    this._renderInkWave($element, null, !!value, 1)
                }
                _toggleFocusClass(isFocused, $element) {
                    super._toggleFocusClass(isFocused, $element);
                    if (this._disposed) {
                        return
                    }
                    const $focusTarget = (0, _renderer.default)($element || this._focusTarget());
                    this._renderInkWave($focusTarget, null, isFocused, 0)
                }
                _renderLabels() {
                    this.$element().removeClass("dx-slider-label-position-bottom").removeClass("dx-slider-label-position-top");
                    if (this.option("label.visible")) {
                        const {
                            min: min,
                            max: max
                        } = this.option();
                        const position = this.option("label.position");
                        const labelFormat = this.option("label.format");
                        if (!this._$minLabel) {
                            this._$minLabel = (0, _renderer.default)("<div>").addClass("dx-slider-label").appendTo(this._$wrapper)
                        }
                        this._$minLabel.text(_number.default.format(min, labelFormat));
                        if (!this._$maxLabel) {
                            this._$maxLabel = (0, _renderer.default)("<div>").addClass("dx-slider-label").appendTo(this._$wrapper)
                        }
                        this._$maxLabel.text(_number.default.format(max, labelFormat));
                        this.$element().addClass("dx-slider-label-position-" + position)
                    } else {
                        if (this._$minLabel) {
                            this._$minLabel.remove();
                            delete this._$minLabel
                        }
                        if (this._$maxLabel) {
                            this._$maxLabel.remove();
                            delete this._$maxLabel
                        }
                    }
                }
                _renderStartHandler() {
                    const pointerDownEventName = (0, _index.addNamespace)(_pointer.default.down, this.NAME);
                    const clickEventName = (0, _index.addNamespace)(_click.name, this.NAME);
                    const startAction = this._createAction(this._startHandler.bind(this));
                    const $element = this.$element();
                    _events_engine.default.off($element, pointerDownEventName);
                    _events_engine.default.on($element, pointerDownEventName, e => {
                        if ((0, _index.isMouseEvent)(e)) {
                            startAction({
                                event: e
                            })
                        }
                    });
                    _events_engine.default.off($element, clickEventName);
                    _events_engine.default.on($element, clickEventName, e => {
                        const $handle = this._activeHandle();
                        if ($handle) {
                            _events_engine.default.trigger($handle, "focusin");
                            _events_engine.default.trigger($handle, "focus")
                        }
                        startAction({
                            event: e
                        });
                        const {
                            valueChangeMode: valueChangeMode
                        } = this.option();
                        if ("onHandleRelease" === valueChangeMode) {
                            this.option("value", this._getActualValue());
                            this._actualValue = void 0
                        }
                    })
                }
                _itemWidthFunc() {
                    return this._itemWidthRatio
                }
                _swipeStartHandler(e) {
                    const rtlEnabled = this.option("rtlEnabled");
                    if ((0, _index.isTouchEvent)(e.event)) {
                        this._createAction(this._startHandler.bind(this))({
                            event: e.event
                        })
                    }
                    this._feedbackDeferred = (0, _deferred.Deferred)();
                    (0, _emitter.lock)(this._feedbackDeferred);
                    const {
                        activeStateEnabled: activeStateEnabled
                    } = this.option();
                    this._toggleActiveState(this._activeHandle(), activeStateEnabled);
                    this._startOffset = this._currentRatio;
                    const startOffset = this._startOffset * this._swipePixelRatio();
                    const endOffset = (1 - this._startOffset) * this._swipePixelRatio();
                    e.event.maxLeftOffset = rtlEnabled ? endOffset : startOffset;
                    e.event.maxRightOffset = rtlEnabled ? startOffset : endOffset;
                    this._itemWidthRatio = (0, _size.getWidth)(this.$element()) / this._swipePixelRatio();
                    this._needPreventAnimation = true
                }
                _swipeEndHandler(e) {
                    var _this$_feedbackDeferr;
                    if (this._isSingleValuePossible()) {
                        return
                    }
                    null === (_this$_feedbackDeferr = this._feedbackDeferred) || void 0 === _this$_feedbackDeferr || _this$_feedbackDeferr.resolve();
                    this._toggleActiveState(this._activeHandle(), false);
                    const offsetDirection = this.option("rtlEnabled") ? -1 : 1;
                    const ratio = this._startOffset + offsetDirection * e.event.targetOffset / this._swipePixelRatio();
                    delete this._needPreventAnimation;
                    this._saveValueChangeEvent(e.event);
                    this._changeValueOnSwipe(ratio);
                    const {
                        valueChangeMode: valueChangeMode
                    } = this.option();
                    if ("onHandleRelease" === valueChangeMode) {
                        this.option("value", this._getActualValue())
                    }
                    this._actualValue = void 0;
                    delete this._startOffset;
                    this._renderValue()
                }
                _activeHandle() {
                    return this._$handle
                }
                _swipeUpdateHandler(e) {
                    if (this._isSingleValuePossible()) {
                        return
                    }
                    this._saveValueChangeEvent(e.event);
                    this._updateHandlePosition(e)
                }
                _updateHandlePosition(e) {
                    const offsetDirection = this.option("rtlEnabled") ? -1 : 1;
                    const newRatio = Math.min(this._startOffset + offsetDirection * e.event.offset / this._swipePixelRatio(), 1);
                    (0, _size.setWidth)(this._$range, 100 * newRatio + "%");
                    this._changeValueOnSwipe(newRatio)
                }
                _swipePixelRatio() {
                    const {
                        min: min,
                        max: max
                    } = this.option();
                    const step = this._valueStep(this.option("step"));
                    return (max - min) / step
                }
                _valueStep(step) {
                    if (!step || isNaN(step)) {
                        step = 1
                    }
                    return step
                }
                _getValueExponentLength() {
                    const {
                        step: step,
                        min: min
                    } = this.option();
                    return Math.max((0, _math.getExponentLength)(step), (0, _math.getExponentLength)(min))
                }
                _roundToExponentLength(value) {
                    const valueExponentLength = this._getValueExponentLength();
                    return (0, _math.roundFloatPart)(value, valueExponentLength)
                }
                _changeValueOnSwipe(ratio) {
                    const {
                        min: min,
                        max: max
                    } = this.option();
                    const step = this._valueStep(this.option("step"));
                    const newChange = ratio * (max - min);
                    let newValue = min + newChange;
                    if (step < 0) {
                        return
                    }
                    if (newValue === max || newValue === min) {
                        this._setValueOnSwipe(newValue)
                    } else {
                        const stepCount = Math.round((newValue - min) / step);
                        newValue = this._roundToExponentLength(stepCount * step + min);
                        this._setValueOnSwipe(Math.max(Math.min(newValue, max), min))
                    }
                }
                _setValueOnSwipe(value) {
                    this._actualValue = value;
                    const {
                        valueChangeMode: valueChangeMode
                    } = this.option();
                    if ("onHandleRelease" === valueChangeMode) {
                        _m_slider_handle.default.getInstance(this._activeHandle()).option("value", value)
                    } else {
                        this.option("value", value);
                        this._saveValueChangeEvent(void 0);
                        this._actualValue = void 0
                    }
                }
                _getActualValue() {
                    const {
                        value: value
                    } = this.option();
                    return this._actualValue ?? value
                }
                _isSingleValuePossible() {
                    const {
                        min: min,
                        max: max
                    } = this.option();
                    return min === max
                }
                _startHandler(args) {
                    if (this._isSingleValuePossible()) {
                        return
                    }
                    const e = args.event;
                    this._currentRatio = ((0, _index.eventData)(e).x - this._$bar.offset().left) / (0, _size.getWidth)(this._$bar);
                    if (this.option("rtlEnabled")) {
                        this._currentRatio = 1 - this._currentRatio
                    }
                    this._saveValueChangeEvent(e);
                    this._changeValueOnSwipe(this._currentRatio)
                }
                _renderValue() {
                    super._renderValue();
                    const value = this._getActualValue();
                    this._getSubmitElement().val((0, _common.applyServerDecimalSeparator)(value));
                    _m_slider_handle.default.getInstance(this._activeHandle()).option("value", value)
                }
                _setRangeStyles(options) {
                    options && this._$range.css(options)
                }
                _callHandlerMethod(name, args) {
                    _m_slider_handle.default.getInstance(this._$handle)[name](args)
                }
                _repaintHandle() {
                    this._callHandlerMethod("repaint")
                }
                _fitTooltip() {
                    this._callHandlerMethod("updateTooltipPosition")
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "visible":
                            super._optionChanged(args);
                            this._renderHandle();
                            this._repaintHandle();
                            break;
                        case "min":
                        case "max":
                            this._renderValue();
                            super._optionChanged(args);
                            this._renderLabels();
                            this._renderAriaMinAndMax();
                            this._fitTooltip();
                            break;
                        case "step":
                            this._renderValue();
                            break;
                        case "keyStep":
                        case "valueChangeMode":
                            break;
                        case "showRange":
                            this._renderRangeVisibility();
                            break;
                        case "tooltip":
                            this._renderHandle();
                            break;
                        case "label":
                            this._renderLabels();
                            break;
                        case "useInkRipple":
                            this._invalidate();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _refresh() {
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    this._toggleRTLDirection(rtlEnabled);
                    this._renderDimensions();
                    this._renderValue();
                    this._renderHandle();
                    this._repaintHandle()
                }
                _clean() {
                    delete this._inkRipple;
                    delete this._actualValue;
                    super._clean()
                }
            }(0, _component_registrator.default)("dxSlider", Slider);
            exports.default = Slider
        },
        29049(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _m_slider_tooltip = _interopRequireDefault(__webpack_require__( /*! ../../ui/slider/m_slider_tooltip */ 52904));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class SliderHandle extends _widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        hoverStateEnabled: false,
                        value: 0,
                        tooltip: {
                            enabled: false,
                            format: value => value,
                            position: "top",
                            showMode: "onHover"
                        }
                    })
                }
                _initMarkup() {
                    super._initMarkup();
                    this.$element().addClass("dx-slider-handle");
                    this.setAria({
                        role: "slider",
                        valuenow: this.option("value"),
                        label: "Slider"
                    })
                }
                _render() {
                    super._render();
                    this._renderTooltip()
                }
                _renderTooltip() {
                    const {
                        tooltip: tooltip,
                        value: value
                    } = this.option();
                    const {
                        position: position,
                        format: format,
                        enabled: enabled,
                        showMode: showMode
                    } = tooltip ?? {};
                    const $sliderTooltip = (0, _renderer.default)("<div>");
                    this._sliderTooltip = this._createComponent($sliderTooltip, _m_slider_tooltip.default, {
                        target: this.$element(),
                        container: $sliderTooltip,
                        position: position,
                        visible: enabled,
                        showMode: showMode,
                        format: format,
                        value: value
                    })
                }
                _clean() {
                    var _this$_sliderTooltip;
                    super._clean();
                    null === (_this$_sliderTooltip = this._sliderTooltip) || void 0 === _this$_sliderTooltip || _this$_sliderTooltip.dispose();
                    this._sliderTooltip = null
                }
                _updateTooltipOptions(args) {
                    var _this$_sliderTooltip2;
                    const tooltipOptions = _widget.default.getOptionsFromContainer(args);
                    this._setWidgetOption("_sliderTooltip", [tooltipOptions]);
                    null === (_this$_sliderTooltip2 = this._sliderTooltip) || void 0 === _this$_sliderTooltip2 || _this$_sliderTooltip2.option("visible", tooltipOptions.enabled)
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "value":
                            var _this$_sliderTooltip3;
                            null === (_this$_sliderTooltip3 = this._sliderTooltip) || void 0 === _this$_sliderTooltip3 || _this$_sliderTooltip3.option("value", value);
                            this.setAria("valuenow", value);
                            break;
                        case "tooltip":
                            this._updateTooltipOptions(args);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                updateTooltipPosition() {
                    var _this$_sliderTooltip4;
                    null === (_this$_sliderTooltip4 = this._sliderTooltip) || void 0 === _this$_sliderTooltip4 || _this$_sliderTooltip4.updatePosition()
                }
                repaint() {
                    var _this$_sliderTooltip5;
                    null === (_this$_sliderTooltip5 = this._sliderTooltip) || void 0 === _this$_sliderTooltip5 || _this$_sliderTooltip5.repaint()
                }
            }
            exports.default = SliderHandle
        },
        52904(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _number = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/number */ 52771));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _m_tooltip = _interopRequireDefault(__webpack_require__( /*! ../../ui/m_tooltip */ 3504));
            var _slider_tooltip_position_controller = __webpack_require__( /*! ../../ui/slider/slider_tooltip_position_controller */ 43707);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class SliderTooltip extends _m_tooltip.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        visible: false,
                        position: "top",
                        hideOnOutsideClick: false,
                        hideTopOverlayHandler: null,
                        hideOnParentScroll: false,
                        animation: null,
                        arrowPosition: null,
                        templatesRenderAsynchronously: false,
                        _fixWrapperPosition: false,
                        useResizeObserver: false,
                        showMode: "onHover",
                        format: value => value,
                        value: 0
                    })
                }
                _initMarkup() {
                    super._initMarkup();
                    const {
                        visible: visible
                    } = this.option();
                    this._attachToMarkup(visible);
                    this._toggleShowModeClass()
                }
                _renderContent() {
                    super._renderContent();
                    this._renderContentText()
                }
                _toggleAriaAttributes() {}
                _renderContentText() {
                    var _this$$content;
                    const {
                        value: value,
                        format: format
                    } = this.option();
                    const formattedText = _number.default.format(value ?? 0, format);
                    null === (_this$$content = this.$content()) || void 0 === _this$$content || _this$$content.text(formattedText);
                    this._renderPosition()
                }
                _toggleShowModeClass() {
                    const {
                        showMode: showMode,
                        target: target
                    } = this.option();
                    const isHoverMode = "onHover" === showMode;
                    const $sliderHandle = (0, _renderer.default)(target);
                    $sliderHandle.toggleClass("dx-slider-tooltip-visible-on-hover", isHoverMode)
                }
                _initPositionController() {
                    this._positionController = new _slider_tooltip_position_controller.SliderTooltipPositionController(this._getPositionControllerConfig())
                }
                _attachToMarkup(enabled) {
                    const {
                        target: target
                    } = this.option();
                    const $sliderHandle = (0, _renderer.default)(target);
                    if (enabled) {
                        this.$element().appendTo($sliderHandle)
                    } else {
                        this.$element().detach()
                    }
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "visible":
                            this._attachToMarkup(value);
                            super._optionChanged(args);
                            break;
                        case "showMode":
                            this._toggleShowModeClass();
                            break;
                        case "format":
                        case "value":
                            this._renderContentText();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                updatePosition() {
                    this._renderPosition()
                }
            }
            exports.default = SliderTooltip
        },
        43707(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SliderTooltipPositionController = void 0;
            var _position = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/animation/position */ 3030));
            var _translator = __webpack_require__( /*! ../../../common/core/animation/translator */ 88603);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _popover_position_controller = __webpack_require__( /*! ../../ui/popover/popover_position_controller */ 72379);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const SLIDER_TOOLTIP_POSITION_ALIASES = {
                top: {
                    my: "bottom center",
                    at: "top center",
                    collision: "fit none"
                },
                bottom: {
                    my: "top center",
                    at: "bottom center",
                    collision: "fit none"
                }
            };
            const DEFAULT_BOUNDARY_OFFSET = {
                h: 2,
                v: 1
            };
            class SliderTooltipPositionController extends _popover_position_controller.PopoverPositionController {
                _normalizePosition(position) {
                    var _$sliderHandle$closes;
                    const {
                        target: target
                    } = this._properties;
                    const $sliderHandle = target ? (0, _renderer.default)(target) : null;
                    const sliderElement = null === $sliderHandle || void 0 === $sliderHandle || null === (_$sliderHandle$closes = $sliderHandle.closest(".dx-slider")) || void 0 === _$sliderHandle$closes ? void 0 : _$sliderHandle$closes.get(0);
                    const defaultPositionConfig = {
                        of: $sliderHandle,
                        boundaryOffset: DEFAULT_BOUNDARY_OFFSET,
                        boundary: sliderElement
                    };
                    const positionObject = (0, _type.isDefined)(position) ? this._positionToObject(position) : {};
                    const resultPosition = (0, _extend.extend)(true, {}, defaultPositionConfig, positionObject);
                    this._positionSide = this._getDisplaySide(resultPosition);
                    return resultPosition
                }
                _renderContentInitialPosition() {
                    super._renderContentInitialPosition();
                    this._fitIntoSlider()
                }
                _fitIntoSlider() {
                    var _this$_visualPosition;
                    const calculatedPosition = _position.default.calculate(this._$content, this._position);
                    const {
                        collisionSide: collisionSide,
                        oversize: oversize
                    } = calculatedPosition.h;
                    const left = (null === (_this$_visualPosition = this._visualPosition) || void 0 === _this$_visualPosition ? void 0 : _this$_visualPosition.left) ?? 0;
                    const isLeftSide = "left" === collisionSide;
                    const offset = (isLeftSide ? 1 : -1) * oversize;
                    if (this._$content) {
                        (0, _translator.move)(this._$content, {
                            left: left + offset
                        })
                    }
                    this._updateVisualPositionValue()
                }
                _positionToObject(position) {
                    if ((0, _popover_position_controller.isCommonPosition)(position)) {
                        const configuration = Object.assign({}, SLIDER_TOOLTIP_POSITION_ALIASES[position]);
                        return configuration
                    }
                    return position
                }
            }
            exports.SliderTooltipPositionController = SliderTooltipPositionController
        },
        84166(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.SPEECH_TO_TEXT_LISTENING_CLASS = exports.SPEECH_TO_TEXT_CLASS = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../ui/button */ 64973));
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _speech_recognition_adapter = __webpack_require__( /*! ../../core/speech_recognition_adapter */ 85690);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const SPEECH_TO_TEXT_CLASS = exports.SPEECH_TO_TEXT_CLASS = "dx-speech-to-text";
            const SPEECH_TO_TEXT_LISTENING_CLASS = exports.SPEECH_TO_TEXT_LISTENING_CLASS = "dx-speech-to-text-listening";
            var SpeechToTextState;
            ! function(SpeechToTextState) {
                SpeechToTextState.INITIAL = "initial";
                SpeechToTextState.LISTENING = "listening";
                SpeechToTextState.DISABLED = "disabled"
            }(SpeechToTextState || (SpeechToTextState = {}));
            const ACTIONS = ["onStartClick", "onStopClick", "onResult", "onError", "onEnd"];
            class SpeechToText extends _widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        activeStateEnabled: true,
                        customSpeechRecognizer: {
                            enabled: false,
                            isListening: false
                        },
                        hoverStateEnabled: true,
                        startIcon: "micoutline",
                        stopIcon: "stopfilled",
                        startText: "",
                        stopText: "",
                        useInkRipple: false,
                        onStartClick: void 0,
                        onStopClick: void 0,
                        onResult: void 0,
                        onError: void 0,
                        onEnd: void 0,
                        speechRecognitionConfig: void 0
                    })
                }
                _initSpeechRecognitionAdapter() {
                    const {
                        speechRecognitionConfig: speechRecognitionConfig = {}
                    } = this.option();
                    if (this._isCustomSpeechRecognitionEnabled()) {
                        return
                    }
                    this._speechRecognitionAdapter = new _speech_recognition_adapter.SpeechRecognitionAdapter(speechRecognitionConfig, {
                        onEnd: this._handleSpeechRecognitionEnd.bind(this),
                        onResult: this._handleSpeechRecognitionResult.bind(this),
                        onError: this._handleSpeechRecognitionError.bind(this)
                    })
                }
                _isCustomSpeechRecognitionEnabled() {
                    const {
                        customSpeechRecognizer: customSpeechRecognizer
                    } = this.option();
                    return Boolean(null === customSpeechRecognizer || void 0 === customSpeechRecognizer ? void 0 : customSpeechRecognizer.enabled)
                }
                _init() {
                    this._actions = {};
                    super._init();
                    this._handleCustomEngineState();
                    this._createActions();
                    this._initSpeechRecognitionAdapter()
                }
                _initMarkup() {
                    super._initMarkup();
                    this.$element().addClass(SPEECH_TO_TEXT_CLASS);
                    this._renderButton();
                    this._updateButtonState()
                }
                _createActions() {
                    ACTIONS.forEach(action => {
                        this._setAction(action)
                    })
                }
                _setAction(action) {
                    this._actions[action] = this._createActionByOption(action, {
                        excludeValidators: ["disabled", "readOnly"]
                    }) || _common.noop
                }
                _attachFeedbackEvents() {}
                _renderButton() {
                    this._button = this._createComponent(this.$element(), _button.default, this._getButtonOptions())
                }
                _getButtonOptions() {
                    const {
                        activeStateEnabled: activeStateEnabled,
                        disabled: disabled,
                        focusStateEnabled: focusStateEnabled,
                        height: height,
                        hint: hint,
                        hoverStateEnabled: hoverStateEnabled,
                        stylingMode: stylingMode,
                        type: type,
                        useInkRipple: useInkRipple,
                        width: width
                    } = this.option();
                    return {
                        activeStateEnabled: activeStateEnabled,
                        disabled: disabled,
                        focusStateEnabled: focusStateEnabled,
                        height: height,
                        hint: hint,
                        hoverStateEnabled: hoverStateEnabled,
                        stylingMode: stylingMode,
                        type: type,
                        useInkRipple: useInkRipple,
                        width: width,
                        icon: this._getCurrentIcon(),
                        text: this._getCurrentText(),
                        onClick: e => {
                            this._handleButtonClick(e)
                        }
                    }
                }
                _defaultOptionsRules() {
                    const rules = [...super._defaultOptionsRules(), {
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }, {
                        device: () => (0, _themes.isMaterial)((0, _themes.current)()),
                        options: {
                            useInkRipple: true
                        }
                    }];
                    return rules
                }
                _getCurrentIcon() {
                    const {
                        startIcon: startIcon,
                        stopIcon: stopIcon
                    } = this.option();
                    return this._isListening() ? stopIcon : startIcon
                }
                _getCurrentAriaLabel() {
                    return this._isListening() ? _message.default.format("dxSpeechToText-ariaLabelStop") : _message.default.format("dxSpeechToText-ariaLabelStart")
                }
                _getCurrentAriaPressed() {
                    return this._isListening()
                }
                _getCurrentText() {
                    const {
                        startText: startText,
                        stopText: stopText
                    } = this.option();
                    return this._isListening() ? stopText ?? "" : startText ?? ""
                }
                _emitNativeEvent(name, event) {
                    var _this$_actions$name, _this$_actions;
                    null === (_this$_actions$name = (_this$_actions = this._actions)[name]) || void 0 === _this$_actions$name || _this$_actions$name.call(_this$_actions, {
                        component: this,
                        element: this.element(),
                        event: event
                    })
                }
                _emitDxEvent(name, event) {
                    var _this$_actions$name2, _this$_actions2;
                    null === (_this$_actions$name2 = (_this$_actions2 = this._actions)[name]) || void 0 === _this$_actions$name2 || _this$_actions$name2.call(_this$_actions2, {
                        component: this,
                        element: this.element(),
                        event: event
                    })
                }
                _handleButtonClick(e) {
                    if (this._state === SpeechToTextState.DISABLED) {
                        return
                    }
                    if (this._isListening()) {
                        this._handleStopClick(e)
                    } else {
                        this._handleStartClick(e)
                    }
                }
                _handleStartClick(e) {
                    var _this$_speechRecognit;
                    const isCustomEnabled = this._isCustomSpeechRecognitionEnabled();
                    const isSRAvailable = null === (_this$_speechRecognit = this._speechRecognitionAdapter) || void 0 === _this$_speechRecognit ? void 0 : _this$_speechRecognit.isAvailable();
                    if (!isCustomEnabled && isSRAvailable) {
                        var _this$_speechRecognit2;
                        this._setState(SpeechToTextState.LISTENING);
                        null === (_this$_speechRecognit2 = this._speechRecognitionAdapter) || void 0 === _this$_speechRecognit2 || _this$_speechRecognit2.start()
                    }
                    this._emitDxEvent("onStartClick", e.event)
                }
                _handleStopClick(e) {
                    if (!this._isCustomSpeechRecognitionEnabled()) {
                        var _this$_speechRecognit3;
                        this._setState(SpeechToTextState.INITIAL);
                        null === (_this$_speechRecognit3 = this._speechRecognitionAdapter) || void 0 === _this$_speechRecognit3 || _this$_speechRecognit3.stop()
                    }
                    this._emitDxEvent("onStopClick", e.event)
                }
                _handleSpeechRecognitionEnd(event) {
                    if (this._state !== SpeechToTextState.DISABLED && !this._isCustomSpeechRecognitionEnabled()) {
                        this._setState(SpeechToTextState.INITIAL)
                    }
                    this._emitNativeEvent("onEnd", event)
                }
                _handleSpeechRecognitionResult(event) {
                    this._emitNativeEvent("onResult", event)
                }
                _handleSpeechRecognitionError(event) {
                    this._emitNativeEvent("onError", event)
                }
                _stopRecognitionOnDisable(disabled) {
                    if (disabled) {
                        var _this$_speechRecognit4;
                        null === (_this$_speechRecognit4 = this._speechRecognitionAdapter) || void 0 === _this$_speechRecognit4 || _this$_speechRecognit4.stop()
                    }
                }
                _setState(newState) {
                    if (this._state === newState) {
                        return
                    }
                    this._state = newState;
                    this._updateButtonState();
                    this._updateCssClasses()
                }
                _updateButtonState() {
                    var _this$_button;
                    null === (_this$_button = this._button) || void 0 === _this$_button || _this$_button.option({
                        icon: this._getCurrentIcon(),
                        text: this._getCurrentText(),
                        elementAttr: {
                            "aria-label": this._getCurrentAriaLabel(),
                            "aria-pressed": this._getCurrentAriaPressed()
                        }
                    })
                }
                _updateCssClasses() {
                    this.$element().toggleClass(SPEECH_TO_TEXT_LISTENING_CLASS, this._isListening())
                }
                _updateSpeechRecognitionConfig(args) {
                    var _this$_speechRecognit5;
                    const options = _widget.default.getOptionsFromContainer(args);
                    null === (_this$_speechRecognit5 = this._speechRecognitionAdapter) || void 0 === _this$_speechRecognit5 || _this$_speechRecognit5.applyConfig(options)
                }
                _optionChanged(args) {
                    var _this$_button2, _this$_button3;
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "customSpeechRecognizer":
                            this._handleCustomEngineState();
                            this._initSpeechRecognitionAdapter();
                            break;
                        case "speechRecognitionConfig":
                            this._updateSpeechRecognitionConfig(args);
                            break;
                        case "activeStateEnabled":
                        case "focusStateEnabled":
                        case "height":
                        case "hint":
                        case "hoverStateEnabled":
                        case "stylingMode":
                        case "type":
                        case "width":
                            null === (_this$_button2 = this._button) || void 0 === _this$_button2 || _this$_button2.option(name, value);
                            break;
                        case "disabled":
                            null === (_this$_button3 = this._button) || void 0 === _this$_button3 || _this$_button3.option(name, value);
                            this._setState(value ? SpeechToTextState.DISABLED : SpeechToTextState.INITIAL);
                            this._stopRecognitionOnDisable(value);
                            break;
                        case "startIcon":
                        case "stopIcon":
                        case "startText":
                        case "stopText":
                            this._updateButtonState();
                            break;
                        case "onStartClick":
                        case "onStopClick":
                        case "onResult":
                        case "onError":
                            this._setAction(name);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _handleCustomEngineState() {
                    const {
                        customSpeechRecognizer: customSpeechRecognizer
                    } = this.option();
                    const {
                        enabled: enabled,
                        isListening: isListeningState
                    } = customSpeechRecognizer ?? {};
                    const isListening = enabled && void 0 !== isListeningState ? isListeningState : false;
                    const targetState = isListening ? SpeechToTextState.LISTENING : SpeechToTextState.INITIAL;
                    this._setState(targetState)
                }
                _isListening() {
                    return this._state === SpeechToTextState.LISTENING
                }
                _cleanButton() {
                    var _this$_button4;
                    null === (_this$_button4 = this._button) || void 0 === _this$_button4 || _this$_button4.dispose();
                    this._button = void 0
                }
                _clean() {
                    this._cleanButton();
                    this._setState(SpeechToTextState.INITIAL);
                    super._clean()
                }
                _dispose() {
                    var _this$_speechRecognit6;
                    this._actions = {};
                    null === (_this$_speechRecognit6 = this._speechRecognitionAdapter) || void 0 === _this$_speechRecognit6 || _this$_speechRecognit6.dispose();
                    this._speechRecognitionAdapter = null;
                    super._dispose()
                }
            }(0, _component_registrator.default)("dxSpeechToText", SpeechToText);
            exports.default = SpeechToText
        },
        24251(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _m_speed_dial_main_item = __webpack_require__( /*! ./m_speed_dial_main_item */ 57325);
            exports.default = _m_speed_dial_main_item.repaint
        },
        16616(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _ready_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/ready_callbacks */ 3122));
            var _swatch_container = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/swatch_container */ 40954));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _m_speed_dial_main_item = __webpack_require__( /*! ./m_speed_dial_main_item */ 57325);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                getSwatchContainer: getSwatchContainer
            } = _swatch_container.default;
            const ready = _ready_callbacks.default.add;
            class SpeedDialAction extends _widget.default {
                _getDefaultOptions() {
                    return (0, _extend.extend)(super._getDefaultOptions(), {
                        icon: "",
                        onClick: null,
                        label: "",
                        visible: true,
                        index: 0,
                        onContentReady: null,
                        activeStateEnabled: true,
                        hoverStateEnabled: true,
                        animation: {
                            show: {
                                type: "pop",
                                duration: 200,
                                easing: "cubic-bezier(0.4, 0, 0.2, 1)",
                                from: {
                                    scale: 0,
                                    opacity: 0
                                },
                                to: {
                                    scale: 1,
                                    opacity: 1
                                }
                            },
                            hide: {
                                type: "pop",
                                duration: 200,
                                easing: "cubic-bezier(0.4, 0, 0.2, 1)",
                                from: {
                                    scale: 1,
                                    opacity: 1
                                },
                                to: {
                                    scale: 0,
                                    opacity: 0
                                }
                            }
                        },
                        id: new _guid.default
                    })
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "onClick":
                        case "icon":
                        case "label":
                        case "visible":
                        case "index":
                        case "onInitializing":
                            (0, _m_speed_dial_main_item.initAction)(this);
                            break;
                        case "animation":
                        case "id":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _render() {
                    this._toggleVisibility(false);
                    if (!getSwatchContainer(this.$element())) {
                        ready(() => (0, _m_speed_dial_main_item.initAction)(this))
                    } else {
                        (0, _m_speed_dial_main_item.initAction)(this)
                    }
                }
                _dispose() {
                    (0, _m_speed_dial_main_item.disposeAction)(this._options.silent("id"));
                    super._dispose()
                }
            }(0, _component_registrator.default)("dxSpeedDialAction", SpeedDialAction);
            exports.default = SpeedDialAction
        },
        56893(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _icon = __webpack_require__( /*! ../../../core/utils/icon */ 69629);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _m_ink_ripple = __webpack_require__( /*! ../../core/utils/m_ink_ripple */ 43469);
            var _overlay = _interopRequireDefault(__webpack_require__( /*! ../../ui/overlay/overlay */ 79384));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class SpeedDialItem extends _overlay.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        shading: false,
                        useInkRipple: false,
                        callOverlayRenderShading: false,
                        width: "auto",
                        zIndex: 1500,
                        _observeContentResize: false
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => (0, _themes.isMaterial)(),
                        options: {
                            useInkRipple: true
                        }
                    }])
                }
                _moveToContainer() {
                    this._$wrapper.appendTo(this.$element());
                    this._$content.appendTo(this._$wrapper)
                }
                _render() {
                    this.$element().addClass("dx-fa-button");
                    this._renderIcon();
                    this._renderLabel();
                    super._render();
                    if (this.option("useInkRipple")) {
                        this._renderInkRipple()
                    }
                    this._renderClick()
                }
                _renderLabel() {
                    if (this._$label) {
                        this._$label.remove()
                    }
                    const {
                        label: label
                    } = this.option();
                    if (!label) {
                        this._$label = null;
                        return
                    }
                    const $element = (0, _renderer.default)("<div>").addClass("dx-fa-button-label");
                    const $wrapper = (0, _renderer.default)("<div>").addClass("dx-fa-button-label-wrapper");
                    const $content = this.$content();
                    if ($content) {
                        this._$label = $wrapper.prependTo($content).append($element.text(label));
                        $content.toggleClass("dx-fa-button-content-reverse", this._isPositionLeft(this.option("parentPosition")))
                    }
                }
                _isPositionLeft(position) {
                    let currentLocation = "";
                    if (position) {
                        if ((0, _type.isPlainObject)(position) && position.at) {
                            if (position.at.x) {
                                currentLocation = position.at.x
                            } else {
                                currentLocation = position.at
                            }
                        } else if ("string" === typeof position) {
                            currentLocation = position
                        }
                    }
                    return "left" === currentLocation.split(" ")[0]
                }
                _renderButtonIcon($element, icon, iconClass) {
                    !!$element && $element.remove();
                    $element = (0, _renderer.default)("<div>").addClass(iconClass);
                    const $iconElement = (0, _icon.getImageContainer)(icon);
                    $element.append($iconElement).appendTo(this.$content());
                    return $element
                }
                _renderIcon() {
                    this._$icon = this._renderButtonIcon(this._$icon, this._options.silent("icon"), "dx-fa-button-icon")
                }
                _renderWrapper() {
                    if (this._options.silent("callOverlayRenderShading")) {
                        super._renderWrapper()
                    }
                }
                _getVisibleActions(actions) {
                    const currentActions = actions || this.option("actions") || [];
                    return currentActions.filter(action => action.option("visible"))
                }
                _getActionComponent() {
                    if (1 === this._getVisibleActions().length) {
                        return this._getVisibleActions()[0]
                    }
                    return this.option("actionComponent") || this.option("actions")[0]
                }
                _initContentReadyAction() {
                    this._contentReadyAction = this._getActionComponent()._createActionByOption("onContentReady", {
                        excludeValidators: ["disabled", "readOnly"]
                    }, true)
                }
                _fireContentReadyAction() {
                    this._contentReadyAction({
                        actionElement: this.$element()
                    })
                }
                _updateZIndexStackPosition() {
                    const {
                        zIndex: zIndex
                    } = this.option();
                    this._$wrapper.css("zIndex", zIndex);
                    this._$content.css("zIndex", zIndex)
                }
                _setClickAction() {
                    const eventName = (0, _index.addNamespace)(_click.name, this.NAME);
                    const overlayContent = this.$element().find(".dx-overlay-content");
                    _events_engine.default.off(overlayContent, eventName);
                    _events_engine.default.on(overlayContent, eventName, e => {
                        const clickActionArgs = {
                            event: e,
                            actionElement: this.element(),
                            element: this._getActionComponent().$element()
                        };
                        this._clickAction(clickActionArgs)
                    })
                }
                _defaultActionArgs() {
                    return {
                        component: this._getActionComponent()
                    }
                }
                _renderClick() {
                    this._clickAction = this._getActionComponent()._createActionByOption("onClick");
                    this._setClickAction()
                }
                _renderInkRipple() {
                    this._inkRipple = (0, _m_ink_ripple.render)()
                }
                _getInkRippleContainer() {
                    return this._$icon
                }
                _toggleActiveState($element, value, event) {
                    super._toggleActiveState($element, value, event);
                    if (!this._inkRipple) {
                        return
                    }
                    const config = {
                        element: this._getInkRippleContainer(),
                        event: event
                    };
                    if (value) {
                        this._inkRipple.showWave(config)
                    } else {
                        this._inkRipple.hideWave(config)
                    }
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value,
                        previousValue: previousValue
                    } = args;
                    switch (name) {
                        case "icon":
                            this._renderIcon();
                            break;
                        case "onClick":
                            this._renderClick();
                            break;
                        case "label":
                            this._renderLabel();
                            break;
                        case "visible":
                            this._currentVisible = previousValue;
                            if (value) {
                                this._show()
                            } else {
                                this._hide()
                            }
                            break;
                        case "useInkRipple":
                            this._render();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            exports.default = SpeedDialItem
        },
        57325(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.disposeAction = function(actionId) {
                if (!speedDialMainItem) {
                    return
                }
                const {
                    actions: actions = []
                } = speedDialMainItem.option();
                let savedActions = actions;
                const savedActionsCount = savedActions.length;
                savedActions = savedActions.filter(action => action._options.silent("id") !== actionId);
                if (savedActionsCount === savedActions.length) {
                    return
                }
                if (!savedActions.length) {
                    speedDialMainItem.dispose();
                    speedDialMainItem.$element().remove();
                    speedDialMainItem = null
                } else if (1 === savedActions.length) {
                    speedDialMainItem.option((0, _extend.extend)({}, modifyActionOptions(savedActions[0]), {
                        actions: savedActions
                    }))
                } else {
                    speedDialMainItem.option({
                        actions: savedActions
                    })
                }
            };
            exports.initAction = function(newAction) {
                newAction._options.silent("onInitializing", null);
                let isActionExist = false;
                if (!speedDialMainItem) {
                    const $fabMainElement = (0, _renderer.default)("<div>").appendTo(getSwatchContainer(newAction.$element()));
                    speedDialMainItem = newAction._createComponent($fabMainElement, SpeedDialMainItem, (0, _extend.extend)({}, modifyActionOptions(newAction), {
                        actions: [newAction]
                    }))
                } else {
                    const {
                        actions: savedActions = []
                    } = speedDialMainItem.option();
                    savedActions.forEach(action => {
                        if (action._options.silent("id") === newAction._options.silent("id")) {
                            isActionExist = true;
                            return newAction
                        }
                    });
                    delete speedDialMainItem._options.position;
                    if (!isActionExist) {
                        if (speedDialMainItem._getVisibleActions(savedActions).length >= speedDialMainItem.option("maxSpeedDialActionCount")) {
                            newAction.dispose();
                            _ui.default.log("W1014");
                            return
                        }
                        savedActions.push(newAction);
                        speedDialMainItem.option((0, _extend.extend)(speedDialMainItem._getCurrentOptions(savedActions), {
                            actions: savedActions
                        }))
                    } else if (1 === savedActions.length) {
                        speedDialMainItem.option((0, _extend.extend)({}, modifyActionOptions(savedActions[0]), {
                            actions: savedActions,
                            position: speedDialMainItem._getPosition()
                        }))
                    } else {
                        speedDialMainItem.option((0, _extend.extend)(speedDialMainItem._getCurrentOptions(savedActions), {
                            actions: savedActions
                        }))
                    }
                }
            };
            exports.repaint = function() {
                if (!speedDialMainItem) {
                    return
                }
                const visibleActions = speedDialMainItem._getVisibleActions();
                const icon = 1 === visibleActions.length ? visibleActions[0].option("icon") : speedDialMainItem._getDefaultOptions().icon;
                const label = 1 === visibleActions.length ? visibleActions[0].option("label") : speedDialMainItem._getDefaultOptions().label;
                speedDialMainItem.option({
                    actions: speedDialMainItem.option("actions"),
                    icon: icon,
                    closeIcon: speedDialMainItem._getDefaultOptions().closeIcon,
                    position: speedDialMainItem._getPosition(),
                    label: label,
                    maxSpeedDialActionCount: speedDialMainItem._getDefaultOptions().maxSpeedDialActionCount,
                    direction: speedDialMainItem._getDefaultOptions().direction
                })
            };
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../../core/config */ 66636));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _swatch_container = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/swatch_container */ 40954));
            var _m_speed_dial_item = _interopRequireDefault(__webpack_require__( /*! ./m_speed_dial_item */ 56893));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                getSwatchContainer: getSwatchContainer
            } = _swatch_container.default;
            let speedDialMainItem = null;
            const modifyActionOptions = action => {
                const {
                    animation: animation,
                    actionComponent: actionComponent,
                    actionVisible: actionVisible,
                    actions: actions,
                    activeStateEnabled: activeStateEnabled,
                    direction: direction,
                    elementAttr: elementAttr,
                    hint: hint,
                    hoverStateEnabled: hoverStateEnabled,
                    icon: icon,
                    id: id,
                    index: index,
                    label: label,
                    onClick: onClick,
                    onContentReady: onContentReady,
                    parentPosition: parentPosition,
                    position: position,
                    visible: visible,
                    zIndex: zIndex
                } = action.option();
                return (0, _extend.extend)({}, {
                    animation: animation,
                    actionComponent: actionComponent,
                    actionVisible: actionVisible,
                    actions: actions,
                    activeStateEnabled: activeStateEnabled,
                    direction: direction,
                    elementAttr: elementAttr,
                    hint: hint,
                    hoverStateEnabled: hoverStateEnabled,
                    icon: icon,
                    id: id,
                    index: index,
                    label: label,
                    onClick: onClick,
                    onContentReady: onContentReady,
                    parentPosition: parentPosition,
                    position: position,
                    visible: visible,
                    zIndex: zIndex
                }, {
                    onInitialized: null,
                    onDisposing: null
                })
            };
            class SpeedDialMainItem extends _m_speed_dial_item.default {
                _getDefaultOptions() {
                    const defaultOptions = {
                        icon: "add",
                        closeIcon: "close",
                        position: {
                            at: "right bottom",
                            my: "right bottom",
                            offset: {
                                x: -16,
                                y: -16
                            }
                        },
                        maxSpeedDialActionCount: 5,
                        hint: "",
                        label: "",
                        direction: "auto",
                        actions: [],
                        activeStateEnabled: true,
                        hoverStateEnabled: true,
                        indent: (0, _themes.isCompact)() ? 49 : 55,
                        childIndent: 40,
                        childOffset: (0, _themes.isCompact)() ? 2 : 9,
                        callOverlayRenderShading: true,
                        hideOnOutsideClick: true
                    };
                    return Object.assign({}, super._getDefaultOptions(), defaultOptions, (0, _config.default)().floatingActionButtonConfig, {
                        shading: false
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => (0, _themes.isFluent)() && !(0, _themes.isCompact)(),
                        options: {
                            indent: 60,
                            childIndent: 60,
                            childOffset: 0
                        }
                    }, {
                        device: () => (0, _themes.isFluent)() && (0, _themes.isCompact)(),
                        options: {
                            indent: 48,
                            childIndent: 48,
                            childOffset: 0
                        }
                    }, {
                        device: () => (0, _themes.isMaterial)() && !(0, _themes.isCompact)(),
                        options: {
                            indent: 72,
                            childIndent: 56,
                            childOffset: 8
                        }
                    }, {
                        device: () => (0, _themes.isMaterial)() && (0, _themes.isCompact)(),
                        options: {
                            indent: 58,
                            childIndent: 48,
                            childOffset: 1
                        }
                    }])
                }
                _render() {
                    this.$element().addClass("dx-fa-button-main");
                    super._render();
                    this._moveToContainer();
                    this._renderCloseIcon();
                    this._renderClick()
                }
                _renderLabel() {
                    super._renderLabel();
                    this.$element().toggleClass("dx-fa-button-with-label", !!this._$label)
                }
                _renderIcon() {
                    super._renderIcon();
                    this.$element().toggleClass("dx-fa-button-without-icon", !this.option("icon"))
                }
                _renderCloseIcon() {
                    this._$closeIcon = this._renderButtonIcon(this._$closeIcon, this._options.silent("closeIcon"), "dx-fa-button-icon-close");
                    this._$closeIcon.addClass("dx-state-invisible")
                }
                _renderClick() {
                    this._clickAction = 1 === this._getVisibleActions().length ? this._getActionComponent()._createActionByOption("onClick") : this._createAction(this._clickHandler.bind(this));
                    this._setClickAction()
                }
                _getVisibleActions(actions) {
                    const currentActions = actions || this.option("actions");
                    return currentActions.filter(action => action.option("visible"))
                }
                _getCurrentOptions(actions) {
                    var _speedDialMainItem;
                    const visibleActions = null === (_speedDialMainItem = speedDialMainItem) || void 0 === _speedDialMainItem ? void 0 : _speedDialMainItem._getVisibleActions(actions);
                    const defaultOptions = this._getDefaultOptions();
                    return 1 === visibleActions.length ? (0, _extend.extend)(modifyActionOptions(visibleActions[0]), {
                        position: this._getPosition()
                    }) : (0, _extend.extend)(defaultOptions, {
                        visible: 0 !== visibleActions.length
                    })
                }
                _clickHandler() {
                    var _config$floatingActio;
                    const actions = this._actionItems.filter(action => action.option("actionVisible")).sort((action, nextAction) => action.option("index") - nextAction.option("index"));
                    if (1 === actions.length) {
                        return
                    }
                    const lastActionIndex = actions.length - 1;
                    for (let i = 0; i < actions.length; i++) {
                        actions[i].option("animation", this._getActionAnimation(actions[i], i, lastActionIndex));
                        actions[i].option("position", this._getActionPosition(actions, i));
                        actions[i]._$wrapper.css("position", this._$wrapper.css("position"));
                        actions[i].toggle()
                    }
                    if (null !== (_config$floatingActio = (0, _config.default)().floatingActionButtonConfig) && void 0 !== _config$floatingActio && _config$floatingActio.shading) {
                        this._isShadingShown = !this.option("shading");
                        this.option("shading", this._isShadingShown)
                    }
                    this._$icon.toggleClass("dx-state-invisible");
                    this._$closeIcon.toggleClass("dx-state-invisible")
                }
                _updateZIndexStackPosition() {
                    super._updateZIndexStackPosition();
                    const overlayStack = this._overlayStack();
                    overlayStack.push(this)
                }
                _renderActions() {
                    var _this$_actionItems;
                    const {
                        actions: actions = []
                    } = this.option();
                    if (null !== (_this$_actionItems = this._actionItems) && void 0 !== _this$_actionItems && _this$_actionItems.length) {
                        this._actionItems.forEach(actionItem => {
                            actionItem.dispose();
                            actionItem.$element().remove()
                        });
                        this._actionItems = []
                    }
                    this._actionItems = [];
                    if (1 === actions.length) {
                        return
                    }
                    for (let i = 0; i < actions.length; i++) {
                        const action = actions[i];
                        const $actionElement = (0, _renderer.default)("<div>").appendTo(getSwatchContainer(action.$element()));
                        _events_engine.default.off($actionElement, "click");
                        _events_engine.default.on($actionElement, "click", () => {
                            this._clickHandler()
                        });
                        action._options.silent("actionComponent", action);
                        action._options.silent("parentPosition", this._getPosition());
                        action._options.silent("actionVisible", action._options.silent("visible"));
                        this._actionItems.push(this._createComponent($actionElement, _m_speed_dial_item.default, (0, _extend.extend)({}, modifyActionOptions(action), {
                            visible: false
                        })))
                    }
                }
                _getActionAnimation(action, index, lastActionIndex) {
                    action._options.silent("animation.show.delay", 30 * index);
                    action._options.silent("animation.hide.delay", 30 * (lastActionIndex - index));
                    return action._options.silent("animation")
                }
                _getDirectionIndex(actions, direction) {
                    if ("auto" === direction) {
                        const contentHeight = (0, _size.getHeight)(this.$content());
                        const actionsHeight = this.initialOption("indent") + this.initialOption("childIndent") * actions.length - contentHeight;
                        const offsetTop = this.$content().offset().top;
                        if (actionsHeight < offsetTop) {
                            return -1
                        }
                        const offsetBottom = (0, _size.getHeight)(this._positionController._$wrapperCoveredElement) - contentHeight - offsetTop;
                        return offsetTop >= offsetBottom ? -1 : 1
                    }
                    return "down" !== direction ? -1 : 1
                }
                _getActionPosition(actions, index) {
                    const action = actions[index];
                    const actionOffsetXValue = this.initialOption("childOffset");
                    const actionOffsetX = action._options.silent("label") && !this._$label ? this._isPositionLeft(this._getPosition()) ? actionOffsetXValue : -actionOffsetXValue : 0;
                    const actionOffsetYValue = this.initialOption("indent") + this.initialOption("childIndent") * index;
                    const actionOffsetY = this._getDirectionIndex(actions, this.option("direction")) * actionOffsetYValue;
                    const actionPositionAtMy = action._options.silent("label") ? this._isPositionLeft(this._getPosition()) ? "left" : "right" : "center";
                    return {
                        of: this.$content(),
                        at: actionPositionAtMy,
                        my: actionPositionAtMy,
                        offset: {
                            x: actionOffsetX,
                            y: actionOffsetY
                        }
                    }
                }
                _outsideClickHandler(e) {
                    if (this._isShadingShown) {
                        const isShadingClick = (0, _renderer.default)(e.target)[0] === this._$wrapper[0];
                        if (isShadingClick) {
                            e.preventDefault();
                            this._clickHandler()
                        }
                    }
                }
                _setPosition() {
                    if (this.option("visible")) {
                        this._hide();
                        this._show()
                    }
                }
                _getPosition() {
                    return this._getDefaultOptions().position
                }
                _getInkRippleContainer() {
                    return this.$content()
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "actions":
                            if (this._isVisible()) {
                                this._renderIcon();
                                this._renderLabel()
                            }
                            this._renderCloseIcon();
                            this._renderClick();
                            this._renderActions();
                            break;
                        case "maxSpeedDialActionCount":
                            this._renderActions();
                            break;
                        case "closeIcon":
                            this._renderCloseIcon();
                            break;
                        case "position":
                            super._optionChanged(args);
                            this._setPosition();
                            break;
                        case "label":
                            if (this._isVisible()) {
                                this._renderLabel()
                            }
                            this._setPosition();
                            break;
                        case "icon":
                            if (this._isVisible()) {
                                this._renderIcon()
                            }
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
        },
        4916(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.RESIZE_HANDLE_CLASS = void 0;
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _double_click = __webpack_require__( /*! ../../../common/core/events/double_click */ 5636);
            var _drag = __webpack_require__( /*! ../../../common/core/events/drag */ 59144);
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/widget */ 89275));
            var _event = __webpack_require__( /*! ./utils/event */ 58545);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const RESIZE_HANDLE_CLASS = exports.RESIZE_HANDLE_CLASS = "dx-resize-handle";
            const RESIZE_DIRECTION_horizontal = "horizontal",
                RESIZE_DIRECTION_vertical = "vertical";
            class ResizeHandle extends _widget.default {
                _supportedKeys() {
                    return Object.assign({}, super._supportedKeys(), {
                        rightArrow(e) {
                            e.preventDefault();
                            e.stopPropagation();
                            const {
                                direction: direction,
                                showCollapseNext: showCollapseNext,
                                showCollapsePrev: showCollapsePrev,
                                rtlEnabled: rtlEnabled
                            } = this.option();
                            const forbidCollapseNext = rtlEnabled ? false === showCollapsePrev : false === showCollapseNext;
                            if ((0, _utils.isCommandKeyPressed)(e)) {
                                if (direction === RESIZE_DIRECTION_vertical || forbidCollapseNext) {
                                    return
                                }
                                if (rtlEnabled) {
                                    this._collapsePrevHandler(e)
                                } else {
                                    this._collapseNextHandler(e)
                                }
                            } else {
                                this._resizeBy(e, {
                                    x: 5
                                })
                            }
                        },
                        leftArrow(e) {
                            e.preventDefault();
                            e.stopPropagation();
                            const {
                                direction: direction,
                                showCollapsePrev: showCollapsePrev,
                                showCollapseNext: showCollapseNext,
                                rtlEnabled: rtlEnabled
                            } = this.option();
                            const forbidCollapsePrev = rtlEnabled ? false === showCollapseNext : false === showCollapsePrev;
                            if ((0, _utils.isCommandKeyPressed)(e)) {
                                if (direction === RESIZE_DIRECTION_vertical || forbidCollapsePrev) {
                                    return
                                }
                                if (rtlEnabled) {
                                    this._collapseNextHandler(e)
                                } else {
                                    this._collapsePrevHandler(e)
                                }
                            } else {
                                this._resizeBy(e, {
                                    x: -5
                                })
                            }
                        },
                        upArrow(e) {
                            e.preventDefault();
                            e.stopPropagation();
                            const {
                                direction: direction,
                                showCollapsePrev: showCollapsePrev
                            } = this.option();
                            if ((0, _utils.isCommandKeyPressed)(e)) {
                                if (direction === RESIZE_DIRECTION_horizontal || false === showCollapsePrev) {
                                    return
                                }
                                this._collapsePrevHandler(e)
                            } else {
                                this._resizeBy(e, {
                                    y: -5
                                })
                            }
                        },
                        downArrow(e) {
                            e.preventDefault();
                            e.stopPropagation();
                            const {
                                direction: direction,
                                showCollapseNext: showCollapseNext
                            } = this.option();
                            if ((0, _utils.isCommandKeyPressed)(e)) {
                                if (direction === RESIZE_DIRECTION_horizontal || false === showCollapseNext) {
                                    return
                                }
                                this._collapseNextHandler(e)
                            } else {
                                this._resizeBy(e, {
                                    y: 5
                                })
                            }
                        }
                    })
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        direction: RESIZE_DIRECTION_horizontal,
                        hoverStateEnabled: true,
                        focusStateEnabled: true,
                        activeStateEnabled: true,
                        onResize: void 0,
                        onResizeEnd: void 0,
                        onResizeStart: void 0,
                        resizable: true,
                        showCollapsePrev: true,
                        showCollapseNext: true,
                        onCollapsePrev: void 0,
                        onCollapseNext: void 0,
                        separatorSize: 8
                    })
                }
                _init() {
                    super._init();
                    const namespace = `dxResizeHandle${new _guid.default}`;
                    this.RESIZE_START_EVENT_NAME = (0, _utils.addNamespace)(_drag.start, namespace);
                    this.RESIZE_EVENT_NAME = (0, _utils.addNamespace)(_drag.move, namespace);
                    this.RESIZE_END_EVENT_NAME = (0, _utils.addNamespace)(_drag.end, namespace);
                    this.CLICK_EVENT_NAME = (0, _utils.addNamespace)(_click.name, namespace);
                    this.DOUBLE_CLICK_EVENT_NAME = (0, _utils.addNamespace)(_double_click.name, namespace)
                }
                _initMarkup() {
                    super._initMarkup();
                    this._renderResizeHandleContent();
                    this._setAriaAttributes()
                }
                _renderResizeHandleContent() {
                    const {
                        resizable: resizable
                    } = this.option();
                    (0, _renderer.default)(this.element()).addClass(RESIZE_HANDLE_CLASS);
                    (0, _renderer.default)(this.element()).toggleClass("dx-resize-handle-resizable", resizable);
                    this._toggleDirectionClass();
                    this._updateDimensions();
                    this._$collapsePrevButton = (0, _renderer.default)("<div>").addClass(this._getIconClass("prev")).appendTo(this.$element());
                    this._$resizeHandle = (0, _renderer.default)("<div>").addClass(this._getIconClass("icon")).appendTo(this.$element());
                    this._$collapseNextButton = (0, _renderer.default)("<div>").addClass(this._getIconClass("next")).appendTo(this.$element());
                    this._setCollapseButtonsVisibility();
                    this._setResizeIconVisibility()
                }
                _updateIconsClasses() {
                    var _this$_$collapsePrevB, _this$_$resizeHandle, _this$_$collapseNextB;
                    const isHorizontal = this._isHorizontalDirection();
                    const rtlEnabled = this.option("rtlEnabled");
                    null === (_this$_$collapsePrevB = this._$collapsePrevButton) || void 0 === _this$_$collapsePrevB || _this$_$collapsePrevB.removeClass(this._getCollapseIconClass(false, !isHorizontal, !!rtlEnabled)).addClass(this._getCollapseIconClass(false, isHorizontal, !!rtlEnabled));
                    null === (_this$_$resizeHandle = this._$resizeHandle) || void 0 === _this$_$resizeHandle || _this$_$resizeHandle.removeClass(this._getResizeIconClass(!isHorizontal)).addClass(this._getResizeIconClass(isHorizontal));
                    null === (_this$_$collapseNextB = this._$collapseNextButton) || void 0 === _this$_$collapseNextB || _this$_$collapseNextB.removeClass(this._getCollapseIconClass(true, !isHorizontal, !!rtlEnabled)).addClass(this._getCollapseIconClass(true, isHorizontal, !!rtlEnabled))
                }
                _updateDimensions() {
                    const isHorizontal = this._isHorizontalDirection();
                    const dimension = isHorizontal ? "width" : "height";
                    const inverseDimension = isHorizontal ? "height" : "width";
                    this.option(inverseDimension, null);
                    this.option(dimension, this.getSize())
                }
                _isInactive() {
                    const {
                        resizable: resizable,
                        showCollapseNext: showCollapseNext,
                        showCollapsePrev: showCollapsePrev
                    } = this.option();
                    return false === resizable && false === showCollapseNext && false === showCollapsePrev
                }
                _getIconClass(iconType) {
                    const isHorizontal = this._isHorizontalDirection();
                    const rtlEnabled = this.option("rtlEnabled");
                    switch (iconType) {
                        case "prev":
                            return `dx-resize-handle-collapse-prev-pane dx-icon ${this._getCollapseIconClass(false,isHorizontal,!!rtlEnabled)}`;
                        case "next":
                            return `dx-resize-handle-collapse-next-pane dx-icon ${this._getCollapseIconClass(true,isHorizontal,!!rtlEnabled)}`;
                        case "icon":
                            return `dx-resize-handle-icon dx-icon ${this._getResizeIconClass(isHorizontal)}`;
                        default:
                            return ""
                    }
                }
                _getResizeIconClass(isHorizontal) {
                    return "dx-icon-handle" + (isHorizontal ? "vertical" : "horizontal")
                }
                _getCollapseIconClass(isNextButton, isHorizontal, rtlEnabled) {
                    const horizontalDirection = isNextButton === rtlEnabled ? "left" : "right";
                    const verticalDirection = isNextButton ? "down" : "up";
                    return `dx-icon-triangle${isHorizontal?horizontalDirection:verticalDirection}`
                }
                _setCollapseButtonsVisibility() {
                    var _this$_$collapsePrevB2, _this$_$collapseNextB2;
                    const {
                        showCollapsePrev: showCollapsePrev,
                        showCollapseNext: showCollapseNext
                    } = this.option();
                    null === (_this$_$collapsePrevB2 = this._$collapsePrevButton) || void 0 === _this$_$collapsePrevB2 || _this$_$collapsePrevB2.toggleClass("dx-state-invisible", !showCollapsePrev);
                    null === (_this$_$collapseNextB2 = this._$collapseNextButton) || void 0 === _this$_$collapseNextB2 || _this$_$collapseNextB2.toggleClass("dx-state-invisible", !showCollapseNext)
                }
                _setResizeIconVisibility() {
                    var _this$_$resizeHandle2;
                    const {
                        resizable: resizable
                    } = this.option();
                    null === (_this$_$resizeHandle2 = this._$resizeHandle) || void 0 === _this$_$resizeHandle2 || _this$_$resizeHandle2.toggleClass("dx-state-invisible", !resizable)
                }
                _setAriaAttributes() {
                    this.setAria({
                        role: "application",
                        roledescription: _message.default.format("dxSplitter-resizeHandleAriaRoleDescription"),
                        label: _message.default.format("dxSplitter-resizeHandleAriaLabel")
                    })
                }
                _toggleDirectionClass() {
                    (0, _renderer.default)(this.element()).toggleClass("dx-resize-handle-horizontal", this._isHorizontalDirection());
                    (0, _renderer.default)(this.element()).toggleClass("dx-resize-handle-vertical", !this._isHorizontalDirection())
                }
                _render() {
                    super._render();
                    this._attachEventHandlers()
                }
                _resizeStartHandler(e) {
                    this._getAction(_event.RESIZE_EVENT.onResizeStart)({
                        event: e
                    })
                }
                _resizeHandler(e) {
                    this._getAction(_event.RESIZE_EVENT.onResize)({
                        event: e
                    })
                }
                _resizeEndHandler(e) {
                    this._getAction(_event.RESIZE_EVENT.onResizeEnd)({
                        event: e
                    })
                }
                _collapsePrevHandler(e) {
                    this._getAction(_event.COLLAPSE_EVENT.onCollapsePrev)({
                        event: e
                    })
                }
                _collapseNextHandler(e) {
                    this._getAction(_event.COLLAPSE_EVENT.onCollapseNext)({
                        event: e
                    })
                }
                _resizeBy(e) {
                    let offset = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {
                        x: 0,
                        y: 0
                    };
                    const {
                        resizable: resizable
                    } = this.option();
                    if (false === resizable) {
                        return
                    }
                    e.offset = offset;
                    this._resizeStartHandler(e);
                    this._resizeHandler(e);
                    this._resizeEndHandler(e)
                }
                _createEventAction(eventName) {
                    const actionName = (0, _event.getActionNameByEventName)(eventName);
                    this[actionName] = this._createActionByOption(eventName, {
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _getAction(eventName) {
                    const actionName = (0, _event.getActionNameByEventName)(eventName);
                    if (!this[actionName]) {
                        this._createEventAction(eventName)
                    }
                    return this[actionName]
                }
                _attachEventHandlers() {
                    this._attachResizeEventHandlers();
                    this._attachPointerEventHandlers()
                }
                _attachResizeEventHandlers() {
                    const {
                        resizable: resizable,
                        direction: direction
                    } = this.option();
                    if (resizable) {
                        const eventData = {
                            direction: direction,
                            immediate: true
                        };
                        _events_engine.default.on(this.$element(), this.RESIZE_START_EVENT_NAME, eventData, this._resizeStartHandler.bind(this));
                        _events_engine.default.on(this.$element(), this.RESIZE_EVENT_NAME, eventData, this._resizeHandler.bind(this));
                        _events_engine.default.on(this.$element(), this.RESIZE_END_EVENT_NAME, eventData, this._resizeEndHandler.bind(this))
                    }
                }
                _attachPointerEventHandlers() {
                    const {
                        showCollapsePrev: showCollapsePrev,
                        showCollapseNext: showCollapseNext
                    } = this.option();
                    if (true === showCollapsePrev || true === showCollapseNext) {
                        _events_engine.default.on(this.$element(), this.DOUBLE_CLICK_EVENT_NAME, this._doubleClickHandler.bind(this))
                    }
                    if (true === showCollapsePrev) {
                        _events_engine.default.on(this._$collapsePrevButton, this.CLICK_EVENT_NAME, this._collapsePrevHandler.bind(this))
                    }
                    if (true === showCollapseNext) {
                        _events_engine.default.on(this._$collapseNextButton, this.CLICK_EVENT_NAME, this._collapseNextHandler.bind(this))
                    }
                }
                _detachEventHandlers() {
                    this._detachResizeEventHandlers();
                    this._detachPointerEventHandlers()
                }
                _detachResizeEventHandlers() {
                    _events_engine.default.off(this.$element(), this.RESIZE_START_EVENT_NAME);
                    _events_engine.default.off(this.$element(), this.RESIZE_EVENT_NAME);
                    _events_engine.default.off(this.$element(), this.RESIZE_END_EVENT_NAME)
                }
                _detachPointerEventHandlers() {
                    _events_engine.default.off(this.$element(), this.DOUBLE_CLICK_EVENT_NAME);
                    _events_engine.default.off(this._$collapsePrevButton, this.CLICK_EVENT_NAME);
                    _events_engine.default.off(this._$collapseNextButton, this.CLICK_EVENT_NAME)
                }
                _doubleClickHandler(e) {
                    const {
                        showCollapsePrev: showCollapsePrev,
                        showCollapseNext: showCollapseNext
                    } = this.option();
                    if (true === showCollapsePrev) {
                        this._collapsePrevHandler(e)
                    } else if (true === showCollapseNext) {
                        this._collapseNextHandler(e)
                    }
                }
                _isHorizontalDirection() {
                    const {
                        direction: direction
                    } = this.option();
                    return direction === RESIZE_DIRECTION_horizontal
                }
                _clean() {
                    this._detachResizeEventHandlers();
                    this._detachPointerEventHandlers();
                    super._clean()
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "direction":
                            this._toggleDirectionClass();
                            this._detachResizeEventHandlers();
                            this._attachResizeEventHandlers();
                            this._updateDimensions();
                            this._updateIconsClasses();
                            break;
                        case "resizable":
                            this._setResizeIconVisibility();
                            (0, _renderer.default)(this.element()).toggleClass("dx-resize-handle-resizable", !!value);
                            this._detachResizeEventHandlers();
                            this._attachResizeEventHandlers();
                            this._updateDimensions();
                            break;
                        case "separatorSize":
                            this._updateDimensions();
                            break;
                        case "showCollapsePrev":
                        case "showCollapseNext":
                            this._setCollapseButtonsVisibility();
                            this._setResizeIconVisibility();
                            this._updateDimensions();
                            this._detachPointerEventHandlers();
                            this._attachPointerEventHandlers();
                            break;
                        case "onCollapsePrev":
                        case "onCollapseNext":
                        case "onResize":
                        case "onResizeStart":
                        case "onResizeEnd":
                            this._createEventAction(name);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                getSize() {
                    const {
                        separatorSize: separatorSize
                    } = this.option();
                    if (this._isInactive()) {
                        return 2
                    }
                    return void 0 !== separatorSize && Number.isFinite(separatorSize) && separatorSize >= 0 ? separatorSize : 8
                }
                isInactive() {
                    return this._isInactive()
                }
            }
            exports.default = ResizeHandle
        },
        32364(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _emitter = __webpack_require__( /*! ../../../common/core/events/core/emitter.feedback */ 69331);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _resize_observer = _interopRequireDefault(__webpack_require__( /*! ../../../core/resize_observer */ 11787));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _dom = __webpack_require__( /*! ../../../core/utils/dom */ 86858);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _collection_widget = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/collection_widget.live_update */ 26821));
            var _resize_handle = __webpack_require__( /*! ./resize_handle */ 4916);
            var _splitter_item = _interopRequireDefault(__webpack_require__( /*! ./splitter_item */ 9492));
            var _component = __webpack_require__( /*! ./utils/component */ 38674);
            var _event = __webpack_require__( /*! ./utils/event */ 58545);
            var _layout = __webpack_require__( /*! ./utils/layout */ 49291);
            var _layout_default = __webpack_require__( /*! ./utils/layout_default */ 54285);
            var _number_comparison = __webpack_require__( /*! ./utils/number_comparison */ 94178);
            var _types = __webpack_require__( /*! ./utils/types */ 49624);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const FLEX_PROPERTY_flexGrow = "flexGrow",
                FLEX_PROPERTY_flexShrink = "flexShrink",
                FLEX_PROPERTY_flexBasis = "flexBasis";
            const ORIENTATION_horizontal = "horizontal";
            class Splitter extends _collection_widget.default {
                constructor() {
                    super(...arguments);
                    this._renderQueue = [];
                    this._panesCacheSize = [];
                    this._panesCacheSizeVisible = [];
                    this._itemRestrictions = []
                }
                _getDefaultOptions() {
                    const defaultOptions = super._getDefaultOptions();
                    return Object.assign({}, defaultOptions, {
                        orientation: ORIENTATION_horizontal,
                        onItemCollapsed: void 0,
                        onItemExpanded: void 0,
                        onResize: void 0,
                        onResizeEnd: void 0,
                        onResizeStart: void 0,
                        allowKeyboardNavigation: true,
                        separatorSize: 8,
                        _itemAttributes: Object.assign({}, defaultOptions._itemAttributes, {
                            role: "group"
                        }),
                        _renderQueue: void 0
                    })
                }
                _itemClass() {
                    return "dx-splitter-item"
                }
                _itemDataKey() {
                    return "dxSplitterItemData"
                }
                _init() {
                    super._init();
                    this._initializeRenderQueue()
                }
                _initializeRenderQueue() {
                    this._renderQueue = this.option("_renderQueue") ?? []
                }
                _isRenderQueueEmpty() {
                    return this._renderQueue.length <= 0
                }
                _pushItemToRenderQueue(itemContent, splitterConfig) {
                    this._renderQueue.push({
                        itemContent: itemContent,
                        splitterConfig: splitterConfig
                    })
                }
                _shiftItemFromQueue() {
                    return this._renderQueue.shift()
                }
                _initMarkup() {
                    (0, _renderer.default)(this.element()).addClass("dx-splitter");
                    this._toggleOrientationClass();
                    super._initMarkup();
                    this._panesCacheSize = [];
                    this._panesCacheSizeVisible = [];
                    this._attachResizeObserverSubscription()
                }
                _getItemDimension(element) {
                    return this._isHorizontalOrientation() ? (0, _size.getOuterWidth)(element) : (0, _size.getOuterHeight)(element)
                }
                _attachResizeObserverSubscription() {
                    if ((0, _window.hasWindow)()) {
                        const element = (0, _renderer.default)(this.element()).get(0);
                        _resize_observer.default.unobserve(element);
                        _resize_observer.default.observe(element, () => {
                            this._resizeHandler()
                        })
                    }
                }
                _attachHoldEvent() {}
                _isAttached() {
                    return !!(0, _dom.contains)(_dom_adapter.default.getBody(), (0, _renderer.default)(this.element()).get(0))
                }
                _isVisible() {
                    return (0, _layout.isElementVisible)((0, _renderer.default)(this.element())[0])
                }
                _resizeHandler() {
                    if (this._shouldRecalculateLayout && this._isAttached() && this._isVisible()) {
                        this._layout = this._getDefaultLayoutBasedOnSize();
                        this._applyStylesFromLayout(this._layout);
                        this._updateItemSizes();
                        this._shouldRecalculateLayout = false
                    }
                }
                _renderItems(items) {
                    super._renderItems(items);
                    this._updateResizeHandlesResizableState();
                    this._updateResizeHandlesCollapsibleState();
                    if (this._isVisible()) {
                        this._layout = this._getDefaultLayoutBasedOnSize();
                        this._applyStylesFromLayout(this._layout);
                        this._updateItemSizes()
                    } else {
                        this._shouldRecalculateLayout = true
                    }
                    this._processRenderQueue()
                }
                _processRenderQueue() {
                    if (this._isRenderQueueEmpty()) {
                        return
                    }
                    const item = this._shiftItemFromQueue();
                    if (!item) {
                        return
                    }
                    this._createComponent((0, _renderer.default)(item.itemContent), Splitter, (0, _extend.extend)({
                        itemTemplate: this.option("itemTemplate"),
                        onResize: this.option("onResize"),
                        onResizeStart: this.option("onResizeStart"),
                        onResizeEnd: this.option("onResizeEnd"),
                        onItemClick: this.option("onItemClick"),
                        onItemContextMenu: this.option("onItemContextMenu"),
                        onItemRendered: this.option("onItemRendered"),
                        onItemExpanded: this.option("onItemExpanded"),
                        onItemCollapsed: this.option("onItemCollapsed"),
                        separatorSize: this.option("separatorSize"),
                        allowKeyboardNavigation: this.option("allowKeyboardNavigation"),
                        rtlEnabled: this.option("rtlEnabled"),
                        _renderQueue: this._renderQueue
                    }, item.splitterConfig));
                    this._processRenderQueue()
                }
                _itemElements() {
                    return (0, _renderer.default)(this._itemContainer()).children(this._itemSelector())
                }
                _isLastVisibleItem(index) {
                    const {
                        items: items = []
                    } = this.option();
                    return index === (0, _layout.findLastIndexOfVisibleItem)(items)
                }
                _renderItem(index, itemData, $container, $itemToReplace) {
                    const $itemFrame = super._renderItem(index, itemData, $container, $itemToReplace);
                    const itemElement = $itemFrame.get(0);
                    (0, _layout.setFlexProp)(itemElement, FLEX_PROPERTY_flexShrink, 0);
                    (0, _layout.setFlexProp)(itemElement, FLEX_PROPERTY_flexBasis, 0);
                    this._getItemInstance($itemFrame)._renderResizeHandle();
                    return $itemFrame
                }
                _getItemInstance($item) {
                    return _splitter_item.default.getInstance($item)
                }
                _updateResizeHandlesResizableState() {
                    this._getResizeHandles().forEach(resizeHandle => {
                        this._updateResizeHandleResizableState(resizeHandle)
                    })
                }
                _updateResizeHandleResizableState(resizeHandle) {
                    const $resizeHandle = resizeHandle.$element();
                    const $leftItem = this._getResizeHandleLeftItem($resizeHandle);
                    const $rightItem = this._getResizeHandleRightItem($resizeHandle);
                    const leftItemData = this._getItemData($leftItem);
                    const rightItemData = this._getItemData($rightItem);
                    const resizable = false !== leftItemData.resizable && false !== rightItemData.resizable && true !== leftItemData.collapsed && true !== rightItemData.collapsed;
                    resizeHandle.option("resizable", resizable);
                    resizeHandle.option("disabled", resizeHandle.isInactive())
                }
                _updateResizeHandlesCollapsibleState() {
                    this._getResizeHandles().forEach(resizeHandle => {
                        this._updateResizeHandleCollapsibleState(resizeHandle)
                    })
                }
                _updateResizeHandleCollapsibleState(resizeHandle) {
                    const $resizeHandle = (0, _renderer.default)(resizeHandle.element());
                    const $leftItem = this._getResizeHandleLeftItem($resizeHandle);
                    const $rightItem = this._getResizeHandleRightItem($resizeHandle);
                    const leftItemData = this._getItemData($leftItem);
                    const rightItemData = this._getItemData($rightItem);
                    const showCollapsePrev = true === rightItemData.collapsed ? true === rightItemData.collapsible && true !== leftItemData.collapsed : true === leftItemData.collapsible && true !== leftItemData.collapsed;
                    const showCollapseNext = true === leftItemData.collapsed ? true === leftItemData.collapsible : true === rightItemData.collapsible && true !== rightItemData.collapsed;
                    resizeHandle.option({
                        showCollapsePrev: showCollapsePrev,
                        showCollapseNext: showCollapseNext
                    });
                    resizeHandle.option("disabled", resizeHandle.isInactive())
                }
                _updateNestedSplitterOption(optionName, optionValue) {
                    const {
                        items: items = []
                    } = this.option();
                    items.forEach(item => {
                        if (null !== item && void 0 !== item && item.splitter) {
                            const $nestedSplitter = this._findItemElementByItem(item).find(".dx-splitter").eq(0);
                            if ($nestedSplitter.length) {
                                (0, _component.getComponentInstance)($nestedSplitter).option(optionName, optionValue)
                            }
                        }
                    })
                }
                _updateResizeHandlesOption(optionName, optionValue) {
                    this._getResizeHandles().forEach(resizeHandle => {
                        resizeHandle.option(optionName, optionValue)
                    })
                }
                _getNextVisibleItemData(index) {
                    const {
                        items: items = []
                    } = this.option();
                    return this._getItemDataByIndex((0, _layout.findIndexOfNextVisibleItem)(items, index))
                }
                _getItemDataByIndex(index) {
                    return this._editStrategy.getItemDataByIndex(index)
                }
                _createEventAction(eventName) {
                    const actionName = (0, _event.getActionNameByEventName)(eventName);
                    this[actionName] = this._createActionByOption(eventName, {
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _getAction(eventName) {
                    const actionName = (0, _event.getActionNameByEventName)(eventName);
                    if (!this[actionName]) {
                        this._createEventAction(eventName)
                    }
                    return this[actionName]
                }
                _getResizeHandleConfig(paneId) {
                    const {
                        orientation: orientation,
                        rtlEnabled: rtlEnabled,
                        allowKeyboardNavigation: allowKeyboardNavigation,
                        separatorSize: separatorSize
                    } = this.option();
                    return {
                        direction: orientation,
                        focusStateEnabled: allowKeyboardNavigation,
                        hoverStateEnabled: true,
                        separatorSize: separatorSize,
                        elementAttr: {
                            "aria-controls": paneId
                        },
                        onCollapsePrev: e => {
                            var _e$event;
                            null === (_e$event = e.event) || void 0 === _e$event || _e$event.stopPropagation();
                            this._savedCollapsingEvent = e.event;
                            this.handleCollapseEvent(this._getResizeHandleLeftItem((0, _renderer.default)(e.element)), _types.CollapseExpandDirection.Previous)
                        },
                        onCollapseNext: e => {
                            var _e$event2;
                            null === (_e$event2 = e.event) || void 0 === _e$event2 || _e$event2.stopPropagation();
                            this._savedCollapsingEvent = e.event;
                            this.handleCollapseEvent(this._getResizeHandleLeftItem((0, _renderer.default)(e.element)), _types.CollapseExpandDirection.Next)
                        },
                        onResizeStart: e => {
                            const {
                                element: element,
                                event: event
                            } = e;
                            if (!event) {
                                return
                            }
                            const $resizeHandle = (0, _renderer.default)(element);
                            const eventArgs = {
                                event: event,
                                handleElement: (0, _element.getPublicElement)($resizeHandle)
                            };
                            this._getAction(_event.RESIZE_EVENT.onResizeStart)(eventArgs);
                            if (eventArgs.cancel) {
                                event.cancel = true;
                                return
                            }
                            this._feedbackDeferred = (0, _deferred.Deferred)();
                            (0, _emitter.lock)(this._feedbackDeferred);
                            this._toggleActiveState($resizeHandle, true);
                            const $leftItem = this._getResizeHandleLeftItem($resizeHandle);
                            const leftItemData = this._getItemData($leftItem);
                            const leftItemIndex = this._getIndexByItem(leftItemData);
                            this._activeResizeHandleIndex = leftItemIndex;
                            this._currentOnePxRatio = (0, _layout.convertSizeToRatio)(1, (0, _layout.getElementSize)((0, _renderer.default)(this.element()), orientation), this._getResizeHandlesSize());
                            this._currentLayout = this.getLayout();
                            this._updateItemsRestrictions()
                        },
                        onResize: e => {
                            const {
                                element: element,
                                event: event
                            } = e;
                            if (!event) {
                                return
                            }
                            const eventArgs = {
                                event: event,
                                handleElement: (0, _element.getPublicElement)((0, _renderer.default)(element))
                            };
                            this._getAction(_event.RESIZE_EVENT.onResize)(eventArgs);
                            if (eventArgs.cancel) {
                                event.cancel = true;
                                return
                            }
                            const {
                                orientation: currentOrientation
                            } = this.option();
                            const newLayout = (0, _layout.getNextLayout)(this._currentLayout ?? [], (0, _layout.calculateDelta)(event.offset, currentOrientation, rtlEnabled, this._currentOnePxRatio), this._activeResizeHandleIndex, this._itemRestrictions);
                            this._applyStylesFromLayout(newLayout);
                            this._layout = newLayout
                        },
                        onResizeEnd: e => {
                            var _this$_feedbackDeferr;
                            const {
                                element: element,
                                event: event
                            } = e;
                            this._activeResizeHandleIndex = void 0;
                            if (!event) {
                                return
                            }
                            const $resizeHandle = (0, _renderer.default)(element);
                            const eventArgs = {
                                event: event,
                                handleElement: (0, _element.getPublicElement)($resizeHandle)
                            };
                            null === (_this$_feedbackDeferr = this._feedbackDeferred) || void 0 === _this$_feedbackDeferr || _this$_feedbackDeferr.resolve();
                            this._toggleActiveState($resizeHandle, false);
                            this._updateItemSizes();
                            this._getAction(_event.RESIZE_EVENT.onResizeEnd)(eventArgs)
                        }
                    }
                }
                handleCollapseEvent($resizeHandle, direction, isItemCollapsed) {
                    const $leftItem = $resizeHandle;
                    const leftItemData = this._getItemData($leftItem);
                    const leftItemIndex = this._getIndexByItem(leftItemData);
                    const $rightItem = this._getResizeHandleRightItem($leftItem);
                    const rightItemData = this._getItemData($rightItem);
                    const rightItemIndex = this._getIndexByItem(rightItemData);
                    this._activeResizeHandleIndex = leftItemIndex;
                    this._collapseDirection = direction;
                    const isCollapsed = isItemCollapsed ?? (direction === _types.CollapseExpandDirection.Previous ? rightItemData.collapsed : leftItemData.collapsed);
                    let index = 0;
                    if (direction === _types.CollapseExpandDirection.Previous) {
                        index = isCollapsed ? rightItemIndex : leftItemIndex
                    } else {
                        index = isCollapsed ? leftItemIndex : rightItemIndex
                    }
                    this._updateItemData("collapsed", index, !isCollapsed, false)
                }
                _getResizeHandleLeftItem($element) {
                    let $leftItem = $element.prev();
                    while ($leftItem.hasClass("dx-state-invisible") || $leftItem.hasClass(_resize_handle.RESIZE_HANDLE_CLASS)) {
                        $leftItem = $leftItem.prev()
                    }
                    return $leftItem
                }
                _getResizeHandleRightItem($element) {
                    let $rightItem = $element.next();
                    while ($rightItem.hasClass("dx-state-invisible") || $rightItem.hasClass(_resize_handle.RESIZE_HANDLE_CLASS)) {
                        $rightItem = $rightItem.next()
                    }
                    return $rightItem
                }
                _getResizeHandlesSize() {
                    return this._getResizeHandles().reduce((size, resizeHandle) => size + resizeHandle.getSize(), 0)
                }
                _createItemByTemplate(itemTemplate, args) {
                    const {
                        itemData: itemData
                    } = args;
                    if (itemData.splitter) {
                        this._onItemTemplateRendered(itemTemplate, args)();
                        return itemTemplate.source ? itemTemplate.source() : (0, _renderer.default)()
                    }
                    return super._createItemByTemplate(itemTemplate, args)
                }
                _postprocessRenderItem(args) {
                    const splitterConfig = args.itemData.splitter;
                    if (!splitterConfig) {
                        return
                    }
                    this._pushItemToRenderQueue(args.itemContent, splitterConfig)
                }
                _isHorizontalOrientation() {
                    const {
                        orientation: orientation
                    } = this.option();
                    return orientation === ORIENTATION_horizontal
                }
                _toggleOrientationClass() {
                    (0, _renderer.default)(this.element()).toggleClass("dx-splitter-horizontal", this._isHorizontalOrientation()).toggleClass("dx-splitter-vertical", !this._isHorizontalOrientation())
                }
                _itemOptionChanged(item, property, value, prevValue) {
                    switch (property) {
                        case "size":
                            this._layout = this._getDefaultLayoutBasedOnSize(item);
                            this._applyStylesFromLayout(this.getLayout());
                            this._updateItemSizes();
                            break;
                        case "maxSize":
                        case "minSize":
                        case "collapsedSize":
                            this._layout = this._getDefaultLayoutBasedOnSize();
                            this._applyStylesFromLayout(this.getLayout());
                            this._updateItemSizes();
                            break;
                        case "collapsed":
                            this._itemCollapsedOptionChanged(item, value, prevValue);
                            break;
                        case "resizable":
                            this._updateResizeHandlesResizableState();
                            break;
                        case "collapsible":
                            this._updateResizeHandlesCollapsibleState();
                            break;
                        case "visible":
                            super._itemOptionChanged(item, property, value, prevValue);
                            this._itemVisibleOptionChanged(item, value, prevValue);
                            break;
                        case "template":
                            super._itemOptionChanged(item, property, value, prevValue);
                            this._applyStylesFromLayout(this.getLayout());
                            this._updateResizeHandles();
                            break;
                        default:
                            super._itemOptionChanged(item, property, value, prevValue)
                    }
                }
                _itemVisibleOptionChanged(item) {
                    let value = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : true;
                    let prevValue = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : true;
                    if (Boolean(prevValue) === Boolean(value)) {
                        return
                    }
                    const {
                        direction: direction,
                        paneIndex: paneIndex
                    } = this._getDistributionData(item, value);
                    this._updateResizeHandles();
                    if (paneIndex && paneIndex < 0) {
                        return
                    }
                    this._updateItemsRestrictions();
                    const collapsedDelta = this._getCollapseDelta(item, !value, this._panesCacheSizeVisible, direction);
                    this._itemRestrictions.forEach(pane => {
                        pane.maxSize = void 0;
                        pane.resizable = void 0
                    });
                    this._layout = (0, _layout.getNextLayout)(this.getLayout(), collapsedDelta, paneIndex, this._itemRestrictions);
                    this._applyStylesFromLayout(this.getLayout());
                    this._updateItemSizes()
                }
                _getDistributionData(item, value) {
                    const itemIndex = this._getIndexByItem(item);
                    const $item = (0, _renderer.default)(this._itemElements()[itemIndex]);
                    const {
                        items: items = []
                    } = this.option();
                    const isLastVisible = itemIndex >= (0, _layout.findLastIndexOfVisibleItem)(items);
                    const direction = isLastVisible === (false === value) ? _types.CollapseExpandDirection.Next : _types.CollapseExpandDirection.Previous;
                    const paneIndex = this._getPaneIndexByElement(isLastVisible ? this._getResizeHandleLeftItem($item) : $item);
                    return {
                        direction: direction,
                        paneIndex: paneIndex
                    }
                }
                _updateResizeHandles() {
                    this._iterateItems((_, itemElement) => {
                        const item = this._getItemInstance((0, _renderer.default)(itemElement));
                        item.updateResizeHandle();
                        const resizeHandle = item.getResizeHandle();
                        if (resizeHandle) {
                            this._updateResizeHandleResizableState(resizeHandle);
                            this._updateResizeHandleCollapsibleState(resizeHandle)
                        }
                    })
                }
                _getPaneIndexByElement($element) {
                    const itemData = this._getItemData($element);
                    return this._getIndexByItem(itemData)
                }
                _itemCollapsedOptionChanged(item, value, prevValue) {
                    if (Boolean(value) === Boolean(prevValue)) {
                        return
                    }
                    const itemIndex = this._getIndexByItem(item);
                    const $item = (0, _renderer.default)(this._itemElements()[itemIndex]);
                    const {
                        items: items = []
                    } = this.option();
                    if (!(0, _type.isDefined)(this._activeResizeHandleIndex)) {
                        if (value) {
                            const isLastNonCollapsedItem = itemIndex > (0, _layout.findLastIndexOfNonCollapsedItem)(items);
                            if (this._isLastVisibleItem(itemIndex) || isLastNonCollapsedItem) {
                                this.handleCollapseEvent(this._getResizeHandleLeftItem($item), _types.CollapseExpandDirection.Next, !!prevValue)
                            } else {
                                this.handleCollapseEvent($item, _types.CollapseExpandDirection.Previous, !!prevValue)
                            }
                        } else {
                            var _this$_panesCacheSize;
                            const isLastNonCollapsedItem = itemIndex >= (0, _layout.findLastIndexOfNonCollapsedItem)(items);
                            if (this._isLastVisibleItem(itemIndex) || isLastNonCollapsedItem) {
                                this.handleCollapseEvent(this._getResizeHandleLeftItem($item), _types.CollapseExpandDirection.Previous, !!prevValue)
                            } else if ((null === (_this$_panesCacheSize = this._panesCacheSize[itemIndex]) || void 0 === _this$_panesCacheSize ? void 0 : _this$_panesCacheSize.direction) === _types.CollapseExpandDirection.Previous) {
                                this.handleCollapseEvent(this._getResizeHandleLeftItem($item), _types.CollapseExpandDirection.Previous, !!prevValue)
                            } else {
                                this.handleCollapseEvent($item, _types.CollapseExpandDirection.Next, !!prevValue)
                            }
                        }
                    }
                    this._updateItemsRestrictions();
                    const collapsedDelta = this._getCollapseDelta(item, value, this._panesCacheSize, this._collapseDirection);
                    this._itemRestrictions.forEach(pane => {
                        if (item.collapsed) {
                            pane.maxSize = void 0
                        }
                        pane.resizable = void 0
                    });
                    this._layout = (0, _layout.getNextLayout)(this.getLayout(), collapsedDelta, this._activeResizeHandleIndex, this._itemRestrictions);
                    this._applyStylesFromLayout(this.getLayout());
                    this._updateItemSizes();
                    this._updateResizeHandlesResizableState();
                    this._updateResizeHandlesCollapsibleState();
                    this._fireCollapsedStateChanged(!value, $item, this._savedCollapsingEvent);
                    this._savedCollapsingEvent = void 0;
                    this._collapseDirection = void 0;
                    this._activeResizeHandleIndex = void 0
                }
                _calculateExpandToLeftSize(leftItemIndex) {
                    const {
                        items: items = []
                    } = this.option();
                    for (let i = leftItemIndex; i >= 0; i -= 1) {
                        const {
                            collapsed: collapsed,
                            visible: visible
                        } = items[i];
                        if (true !== collapsed && false !== visible) {
                            return this.getLayout()[i] / 2
                        }
                    }
                    return 0
                }
                _calculateExpandToRightSize(rightItemIndex) {
                    const {
                        items: items = []
                    } = this.option();
                    for (let i = rightItemIndex; i <= items.length - 1; i += 1) {
                        const {
                            collapsed: collapsed,
                            visible: visible
                        } = items[i];
                        if (true !== collapsed && false !== visible) {
                            return this.getLayout()[i] / 2
                        }
                    }
                    return 0
                }
                _getCollapseDelta(item, newCollapsedState, panesCacheSize, direction) {
                    const itemIndex = this._getIndexByItem(item);
                    const {
                        collapsedSize: collapsedSize = 0,
                        minSize: minSize = 0,
                        maxSize: maxSize = 100
                    } = this._itemRestrictions[itemIndex];
                    const currentPaneSize = this.getLayout()[itemIndex];
                    if (newCollapsedState) {
                        const targetPaneSize = collapsedSize;
                        if (currentPaneSize > targetPaneSize) {
                            panesCacheSize[itemIndex] = {
                                size: currentPaneSize,
                                direction: direction === _types.CollapseExpandDirection.Next ? _types.CollapseExpandDirection.Previous : _types.CollapseExpandDirection.Next
                            }
                        }
                        const delta = direction === _types.CollapseExpandDirection.Previous ? targetPaneSize - currentPaneSize : currentPaneSize - targetPaneSize;
                        return delta
                    }
                    const paneCache = panesCacheSize[itemIndex];
                    panesCacheSize[itemIndex] = void 0;
                    let targetPaneSize = 0;
                    if (paneCache && paneCache.direction === direction) {
                        targetPaneSize = paneCache.size - collapsedSize
                    } else {
                        targetPaneSize = direction === _types.CollapseExpandDirection.Previous ? this._calculateExpandToLeftSize(itemIndex - 1) : this._calculateExpandToRightSize(itemIndex + 1)
                    }
                    let adjustedSize = (0, _number_comparison.compareNumbersWithPrecision)(targetPaneSize, minSize) < 0 ? minSize : targetPaneSize;
                    adjustedSize = Math.min(maxSize, adjustedSize);
                    const deltaSign = direction === _types.CollapseExpandDirection.Previous ? -1 : 1;
                    const delta = adjustedSize * deltaSign;
                    return delta
                }
                _fireCollapsedStateChanged(isExpanded, $item, e) {
                    const eventName = isExpanded ? _event.ITEM_EXPANDED_EVENT : _event.ITEM_COLLAPSED_EVENT;
                    const actionArgs = {
                        event: e
                    };
                    this._itemEventHandler($item, eventName, actionArgs)
                }
                _getDefaultLayoutBasedOnSize(item) {
                    this._updateItemsRestrictions(item);
                    return (0, _layout_default.getDefaultLayout)(this._itemRestrictions)
                }
                _updateItemsRestrictions(currentItem) {
                    const {
                        orientation: orientation,
                        items: items = []
                    } = this.option();
                    const handlesSizeSum = this._getResizeHandlesSize();
                    const elementSize = (0, _layout.getElementSize)((0, _renderer.default)(this.element()), orientation);
                    this._itemRestrictions = [];
                    let otherPanesMinSizeSum = 0;
                    if (void 0 !== currentItem) {
                        items.forEach(item => {
                            if (item !== currentItem && false !== item.visible && true !== item.collapsed) {
                                const minSizeRatio = (0, _layout.convertSizeToRatio)(item.minSize, elementSize, handlesSizeSum);
                                otherPanesMinSizeSum += minSizeRatio ?? 0
                            }
                        })
                    }
                    items.forEach(item => {
                        const sizeRatio = (0, _layout.convertSizeToRatio)(item.size, elementSize, handlesSizeSum);
                        const minSizeRatio = (0, _layout.convertSizeToRatio)(item.minSize, elementSize, handlesSizeSum);
                        const userMaxSize = (0, _layout.convertSizeToRatio)(item.maxSize, elementSize, handlesSizeSum);
                        let effectiveMaxSize = userMaxSize;
                        if (item === currentItem) {
                            const maxFromOtherMinSizes = 100 - otherPanesMinSizeSum;
                            effectiveMaxSize = (0, _type.isDefined)(userMaxSize) ? Math.min(userMaxSize, maxFromOtherMinSizes) : maxFromOtherMinSizes
                        }
                        this._itemRestrictions.push({
                            resizable: item === currentItem ? false : false !== item.resizable,
                            visible: false !== item.visible,
                            collapsed: true === item.collapsed,
                            collapsedSize: (0, _layout.convertSizeToRatio)(item.collapsedSize, elementSize, handlesSizeSum),
                            size: sizeRatio,
                            maxSize: effectiveMaxSize,
                            minSize: minSizeRatio
                        })
                    })
                }
                _applyStylesFromLayout(layout) {
                    this._iterateItems((index, itemElement) => {
                        (0, _layout.setFlexProp)((0, _renderer.default)(itemElement)[0], FLEX_PROPERTY_flexGrow, layout[index]);
                        const itemData = this._getItemData(itemElement);
                        const shouldHideContent = 0 === layout[index] && false !== itemData.visible;
                        (0, _renderer.default)(itemElement).toggleClass("dx-splitter-item-hidden-content", shouldHideContent)
                    })
                }
                _updateItemSizes() {
                    this._iterateItems((index, itemElement) => {
                        this._updateItemData("size", index, this._getItemDimension(itemElement))
                    })
                }
                _updateItemData(prop, itemIndex, value) {
                    let silent = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : true;
                    const itemPath = `items[${itemIndex}]`;
                    const itemData = this.option(itemPath);
                    if ((0, _type.isObject)(itemData)) {
                        this._updateItemOption(`${itemPath}.${prop}`, value, silent)
                    } else {
                        this._updateItemOption(itemPath, {
                            text: itemData,
                            [prop]: value
                        }, silent)
                    }
                }
                _updateItemOption(path, value) {
                    let silent = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : false;
                    if (silent) {
                        this._options.silent(path, value)
                    } else {
                        this.option(path, value)
                    }
                }
                _iterateItems(callback) {
                    this._itemElements().each((index, itemElement) => {
                        callback(index, itemElement);
                        return true
                    })
                }
                _getResizeHandles() {
                    const handles = [];
                    this._iterateItems((_, itemElement) => {
                        const instance = this._getItemInstance((0, _renderer.default)(itemElement));
                        const resizeHandle = instance.getResizeHandle();
                        if (resizeHandle) {
                            handles.push(resizeHandle)
                        }
                    });
                    return handles
                }
                _getResizeHandleItems() {
                    return (0, _renderer.default)(this.element()).children(`.${_resize_handle.RESIZE_HANDLE_CLASS}`)
                }
                _iterateResizeHandles(callback) {
                    this._getResizeHandleItems().each((index, element) => {
                        callback((0, _component.getComponentInstance)((0, _renderer.default)(element)));
                        return true
                    })
                }
                _dimensionChanged() {
                    this._updateItemSizes();
                    this._layout = this._getDefaultLayoutBasedOnSize()
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "width":
                        case "height":
                            super._optionChanged(args);
                            this._dimensionChanged();
                            break;
                        case "allowKeyboardNavigation":
                            this._iterateResizeHandles(instance => {
                                instance.option("focusStateEnabled", !!value)
                            });
                            this._updateNestedSplitterOption(name, value);
                            break;
                        case "orientation":
                            this._toggleOrientationClass();
                            this._updateResizeHandlesOption("direction", value);
                            break;
                        case "onResizeStart":
                        case "onResizeEnd":
                        case "onResize":
                        case "onItemCollapsed":
                        case "onItemExpanded":
                            this._createEventAction(name);
                            this._updateNestedSplitterOption(name, value);
                            break;
                        case "separatorSize":
                            this._updateResizeHandlesOption(name, value);
                            this._updateNestedSplitterOption(name, value);
                            break;
                        case "_renderQueue":
                            this._invalidate();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                registerKeyHandler(key, handler) {
                    (0, _renderer.default)(this.element()).find(`.${_resize_handle.RESIZE_HANDLE_CLASS}`).each((index, element) => {
                        (0, _component.getComponentInstance)((0, _renderer.default)(element)).registerKeyHandler(key, handler);
                        return true
                    })
                }
                getLayout() {
                    return this._layout ?? []
                }
                _clean() {
                    _resize_observer.default.unobserve(this.$element().get(0));
                    super._clean()
                }
            }
            Splitter.ItemClass = _splitter_item.default;
            (0, _component_registrator.default)("dxSplitter", Splitter);
            exports.default = Splitter
        },
        9492(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _item = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/item */ 30845));
            var _resize_handle = _interopRequireDefault(__webpack_require__( /*! ./resize_handle */ 4916));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class SplitterItem extends _item.default {
                constructor($element, options, rawData) {
                    super($element, options, rawData);
                    this._owner = options.owner
                }
                _renderResizeHandle() {
                    if (this._shouldHaveResizeHandle()) {
                        const id = `dx_${new _guid.default}`;
                        this._setIdAttr(id);
                        const config = this._owner._getResizeHandleConfig(id);
                        this._resizeHandle = this._owner._createComponent((0, _renderer.default)("<div>"), _resize_handle.default, config);
                        if (this._resizeHandle && this._$element) {
                            (0, _renderer.default)(this._resizeHandle.element()).insertAfter(this._$element)
                        }
                    }
                }
                _shouldHaveResizeHandle() {
                    var _this$_rawData;
                    return false !== (null === (_this$_rawData = this._rawData) || void 0 === _this$_rawData ? void 0 : _this$_rawData.visible) && !this.isLast()
                }
                updateResizeHandle() {
                    if (this._shouldHaveResizeHandle()) {
                        if (this.getResizeHandle()) {
                            return
                        }
                        this._renderResizeHandle()
                    } else {
                        this._removeIdAttr();
                        this._removeResizeHandle()
                    }
                }
                _setIdAttr(id) {
                    this._$element.attr("id", id)
                }
                _removeIdAttr() {
                    this._$element.attr("id", null)
                }
                getIndex() {
                    return this._owner._getIndexByItemData(this._rawData)
                }
                getResizeHandle() {
                    return this._resizeHandle
                }
                _removeResizeHandle() {
                    var _this$getResizeHandle;
                    null === (_this$getResizeHandle = this.getResizeHandle()) || void 0 === _this$getResizeHandle || _this$getResizeHandle.$element().remove();
                    delete this._resizeHandle
                }
                isLast() {
                    return this._owner._isLastVisibleItem(this.getIndex())
                }
                _dispose() {
                    this._removeResizeHandle();
                    super._dispose()
                }
            }
            exports.default = SplitterItem
        },
        38674(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getComponentInstance = function($element) {
                var _$element$data, _$element$data2;
                const componentName = null === (_$element$data = $element.data) || void 0 === _$element$data ? void 0 : _$element$data.call($element, "dxComponents")[0];
                return componentName && (null === (_$element$data2 = $element.data) || void 0 === _$element$data2 ? void 0 : _$element$data2.call($element, `${componentName}`))
            }
        },
        58545(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.RESIZE_EVENT = exports.ITEM_EXPANDED_EVENT = exports.ITEM_COLLAPSED_EVENT = exports.COLLAPSE_EVENT = void 0;
            exports.getActionNameByEventName = function(eventName) {
                return `_${(0,_inflector.camelize)(eventName.replace("on",""))}Action`
            };
            var _inflector = __webpack_require__( /*! ../../../../core/utils/inflector */ 53124);
            exports.RESIZE_EVENT = {
                onResize: "onResize",
                onResizeStart: "onResizeStart",
                onResizeEnd: "onResizeEnd"
            };
            exports.COLLAPSE_EVENT = {
                onCollapsePrev: "onCollapsePrev",
                onCollapseNext: "onCollapseNext"
            };
            exports.ITEM_COLLAPSED_EVENT = "onItemCollapsed";
            exports.ITEM_EXPANDED_EVENT = "onItemExpanded"
        },
        49291(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.calculateDelta = function(offset, orientation, rtlEnabled) {
                let ratio = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : 0;
                const delta = function(offset, orientation, rtlEnabled) {
                    if (orientation === ORIENTATION_vertical) {
                        return offset.y ?? 0
                    }
                    return (rtlEnabled ? -1 : 1) * (offset.x ?? 0)
                }(offset, orientation, rtlEnabled) * ratio;
                return delta
            };
            exports.convertSizeToRatio = function(size, totalPanesSize, handlesSizeSum) {
                const sizeInPx = tryConvertToNumber(size, totalPanesSize);
                if (!(0, _type.isDefined)(sizeInPx)) {
                    return
                }
                const adjustedSize = totalPanesSize - handlesSizeSum;
                const ratio = function(totalSize, size) {
                    if (0 === totalSize) {
                        return 0
                    }
                    const percentage = size / totalSize * 100;
                    return percentage
                }(adjustedSize, sizeInPx);
                return parseFloat((0, _utils.toFixed)(ratio, _number_comparison.PRECISION))
            };
            exports.findIndexOfNextVisibleItem = function(items, index) {
                for (let i = index + 1; i < items.length; i += 1) {
                    if (false !== items[i].visible) {
                        return i
                    }
                }
                return -1
            };
            exports.findLastIndexOfNonCollapsedItem = function(items) {
                for (let i = items.length - 1; i >= 0; i -= 1) {
                    if (true !== items[i].collapsed) {
                        return i
                    }
                }
                return -1
            };
            exports.findLastIndexOfVisibleItem = function(items) {
                for (let i = items.length - 1; i >= 0; i -= 1) {
                    if (false !== items[i].visible) {
                        return i
                    }
                }
                return -1
            };
            exports.findLastVisibleExpandedItemIndex = function(items) {
                for (let i = items.length - 1; i >= 0; i -= 1) {
                    const {
                        collapsed: collapsed,
                        visible: visible
                    } = items[i];
                    if (true !== collapsed && false !== visible) {
                        return i
                    }
                }
                return -1
            };
            exports.getElementSize = function($element, orientation) {
                return orientation === ORIENTATION_horizontal ? (0, _size.getWidth)($element) : (0, _size.getHeight)($element)
            };
            exports.getNextLayout = function(currentLayout, delta, prevPaneIndex, paneRestrictions) {
                if (!(0, _type.isDefined)(prevPaneIndex)) {
                    return currentLayout
                }
                const nextLayout = [...currentLayout];
                const nextPaneIndex = prevPaneIndex + 1;
                let currentDelta = delta;
                const increment = currentDelta < 0 ? 1 : -1;
                let currentItemIndex = currentDelta < 0 ? nextPaneIndex : prevPaneIndex;
                const maxDelta = findMaxAvailableDelta(increment, currentLayout, paneRestrictions, currentItemIndex, 0);
                const minAbsDelta = Math.min(Math.abs(currentDelta), Math.abs(maxDelta));
                let deltaApplied = 0;
                currentDelta = currentDelta < 0 ? -minAbsDelta : minAbsDelta;
                currentItemIndex = currentDelta < 0 ? prevPaneIndex : nextPaneIndex;
                while (currentItemIndex >= 0 && currentItemIndex < paneRestrictions.length) {
                    const deltaRemaining = Math.abs(currentDelta) - Math.abs(deltaApplied);
                    const prevSize = currentLayout[currentItemIndex];
                    const unsafeSize = prevSize - deltaRemaining;
                    const safeSize = normalizePanelSize(paneRestrictions[currentItemIndex], unsafeSize);
                    if (!(0 === (0, _number_comparison.compareNumbersWithPrecision)(prevSize, safeSize))) {
                        deltaApplied += prevSize - safeSize;
                        nextLayout[currentItemIndex] = safeSize;
                        if (parseFloat((0, _utils.toFixed)(deltaApplied, _number_comparison.PRECISION)) >= parseFloat((0, _utils.toFixed)(Math.abs(currentDelta), _number_comparison.PRECISION))) {
                            break
                        }
                    }
                    if (currentDelta < 0) {
                        currentItemIndex -= 1
                    } else {
                        currentItemIndex += 1
                    }
                }
                if (0 === (0, _number_comparison.compareNumbersWithPrecision)(deltaApplied, 0)) {
                    return currentLayout
                }
                let pivotIndex = currentDelta < 0 ? nextPaneIndex : prevPaneIndex;
                let prevSize = currentLayout[pivotIndex];
                let unsafeSize = prevSize + deltaApplied;
                let safeSize = normalizePanelSize(paneRestrictions[pivotIndex], unsafeSize);
                nextLayout[pivotIndex] = safeSize;
                if (!(0 === (0, _number_comparison.compareNumbersWithPrecision)(safeSize, unsafeSize))) {
                    let deltaRemaining = unsafeSize - safeSize;
                    pivotIndex = currentDelta < 0 ? nextPaneIndex : prevPaneIndex;
                    let index = pivotIndex;
                    while (index >= 0 && index < paneRestrictions.length) {
                        prevSize = nextLayout[index];
                        unsafeSize = prevSize + deltaRemaining;
                        safeSize = normalizePanelSize(paneRestrictions[index], unsafeSize);
                        if (!(0 === (0, _number_comparison.compareNumbersWithPrecision)(prevSize, safeSize))) {
                            deltaRemaining -= safeSize - prevSize;
                            nextLayout[index] = safeSize
                        }
                        if (0 === (0, _number_comparison.compareNumbersWithPrecision)(deltaRemaining, 0)) {
                            break
                        }
                        if (currentDelta > 0) {
                            index -= 1
                        } else {
                            index += 1
                        }
                    }
                }
                const totalSize = nextLayout.reduce((total, size) => size + total, 0);
                if (!(0 === (0, _number_comparison.compareNumbersWithPrecision)(totalSize, 100, 2))) {
                    return currentLayout
                }
                return nextLayout
            };
            exports.getVisibleItems = getVisibleItems;
            exports.getVisibleItemsCount = function(items) {
                return getVisibleItems(items).length
            };
            exports.isElementVisible = function(element) {
                if (element) {
                    var _element$getClientRec;
                    return !!(element.offsetWidth || element.offsetHeight || null !== (_element$getClientRec = element.getClientRects) && void 0 !== _element$getClientRec && _element$getClientRec.call(element).length)
                }
                return false
            };
            exports.isPercentWidth = isPercentWidth;
            exports.isPixelWidth = isPixelWidth;
            exports.normalizePanelSize = normalizePanelSize;
            exports.setFlexProp = function(element, prop, value) {
                const normalizedProp = (0, _style.normalizeStyleProp)(prop, value);
                element.style[(0, _style.styleProp)(prop)] = normalizedProp
            };
            exports.tryConvertToNumber = tryConvertToNumber;
            var _utils = __webpack_require__( /*! ../../../../common/core/localization/utils */ 57181);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _style = __webpack_require__( /*! ../../../../core/utils/style */ 58515);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _number_comparison = __webpack_require__( /*! ./number_comparison */ 94178);
            const ORIENTATION_horizontal = "horizontal",
                ORIENTATION_vertical = "vertical";

            function normalizePanelSize(paneRestrictions, size) {
                const {
                    minSize: minSize = 0,
                    maxSize: maxSize = 100,
                    resizable: resizable,
                    visible: visible,
                    collapsed: collapsed,
                    collapsedSize: collapsedSize = 0
                } = paneRestrictions;
                if (false === visible) {
                    return 0
                }
                if (true === collapsed) {
                    return collapsedSize ?? 0
                }
                if (false === resizable && (0, _type.isDefined)(paneRestrictions.size)) {
                    return Math.min(Math.max(paneRestrictions.size, minSize), maxSize)
                }
                let adjustedSize = (0, _number_comparison.compareNumbersWithPrecision)(size, minSize) < 0 ? minSize : size;
                adjustedSize = Math.min(maxSize, adjustedSize);
                adjustedSize = parseFloat((0, _utils.toFixed)(adjustedSize, _number_comparison.PRECISION));
                return adjustedSize
            }

            function findMaxAvailableDelta(increment, currentLayout, paneRestrictions, paneIndex) {
                let maxDelta = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : 0;
                if (paneIndex < 0 || paneIndex >= paneRestrictions.length) {
                    return maxDelta
                }
                const prevSize = currentLayout[paneIndex];
                const maxPaneSize = normalizePanelSize(paneRestrictions[paneIndex], 100);
                const delta = maxPaneSize - prevSize;
                const nextMaxDelta = maxDelta + delta;
                return findMaxAvailableDelta(increment, currentLayout, paneRestrictions, paneIndex + increment, nextMaxDelta)
            }

            function isValidFormat(size, unit) {
                if (!(0, _type.isString)(size)) {
                    return false
                }
                const regex = new RegExp(`^\\d+(\\.\\d+)?${unit}$`);
                return regex.test(size)
            }

            function isPercentWidth(size) {
                return isValidFormat(size, "%")
            }

            function isPixelWidth(size) {
                if ("number" === typeof size) {
                    return size >= 0
                }
                return isValidFormat(size, "px")
            }

            function tryConvertToNumber(size, totalPanesSize) {
                if (!(0, _type.isDefined)(size)) {
                    return
                }
                if ((0, _type.isNumeric)(size) && size >= 0) {
                    return Number(size)
                }
                if ((0, _type.isString)(size)) {
                    if (isPercentWidth(size)) {
                        return parseFloat(size) / 100 * totalPanesSize
                    }
                    if (isPixelWidth(size)) {
                        return parseFloat(size.slice(0, -2))
                    }
                }
                return
            }

            function getVisibleItems(items) {
                return items.filter(p => false !== p.visible)
            }
        },
        54285(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.getDefaultLayout = function(layoutRestrictions) {
                let layout = new Array(layoutRestrictions.length).fill(null);
                let numPanelsWithDefinedSize = 0;
                let remainingSize = 100;
                layoutRestrictions.forEach((paneRestrictions, index) => {
                    const {
                        size: size,
                        visible: visible,
                        collapsed: collapsed,
                        collapsedSize: collapsedSize = 0
                    } = paneRestrictions;
                    if (false === visible) {
                        numPanelsWithDefinedSize += 1;
                        layout[index] = 0;
                        remainingSize -= 0;
                        return
                    }
                    if (true === collapsed) {
                        numPanelsWithDefinedSize += 1;
                        layout[index] = collapsedSize;
                        remainingSize -= collapsedSize;
                        return
                    }
                    if ((0, _type.isDefined)(size)) {
                        numPanelsWithDefinedSize += 1;
                        if (remainingSize - size < 0) {
                            layout[index] = remainingSize;
                            remainingSize = 0;
                            return
                        }
                        layout[index] = size;
                        remainingSize -= size
                    }
                });
                let panelsToDistribute = layoutRestrictions.length - numPanelsWithDefinedSize;
                if (0 === panelsToDistribute) {
                    layout[(0, _layout.findLastIndexOfVisibleItem)(layoutRestrictions)] += remainingSize;
                    remainingSize = 0
                } else {
                    layoutRestrictions.forEach((paneRestrictions, index) => {
                        if (null === layout[index]) {
                            if ((0, _type.isDefined)(paneRestrictions.maxSize) && 1 === panelsToDistribute) {
                                layout[index] = remainingSize > paneRestrictions.maxSize ? remainingSize : paneRestrictions.maxSize;
                                remainingSize -= layout[index];
                                numPanelsWithDefinedSize += 1
                            } else if ((0, _type.isDefined)(paneRestrictions.maxSize) && paneRestrictions.maxSize < remainingSize / panelsToDistribute) {
                                layout[index] = paneRestrictions.maxSize;
                                remainingSize -= paneRestrictions.maxSize;
                                numPanelsWithDefinedSize += 1;
                                panelsToDistribute -= 1
                            }
                        }
                    });
                    panelsToDistribute = layoutRestrictions.length - numPanelsWithDefinedSize;
                    if (panelsToDistribute > 0) {
                        const spacePerPanel = remainingSize / panelsToDistribute;
                        layout.forEach((panelSize, index) => {
                            if (null === panelSize) {
                                layout[index] = spacePerPanel
                            }
                        })
                    }
                }
                layout = layout.map(size => null === size ? 0 : parseFloat((0, _utils.toFixed)(size, _number_comparison.PRECISION)));
                if (1 === layout.length) {
                    return layout
                }
                let nextLayout = [...layout];
                const nextLayoutTotalSize = nextLayout.reduce((accumulated, current) => accumulated + current, 0);
                if (!(0 === (0, _number_comparison.compareNumbersWithPrecision)(nextLayoutTotalSize, 100))) {
                    for (let index = 0; index < layoutRestrictions.length; index += 1) {
                        const unsafeSize = nextLayout[index];
                        const safeSize = 100 / nextLayoutTotalSize * unsafeSize;
                        nextLayout[index] = safeSize
                    }
                }
                remainingSize = 0;
                nextLayout = layout.map((panelSize, index) => {
                    const restriction = layoutRestrictions[index];
                    const adjustedSize = (0, _layout.normalizePanelSize)(restriction, panelSize);
                    remainingSize += panelSize - adjustedSize;
                    return adjustedSize
                });
                if (0 !== (0, _number_comparison.compareNumbersWithPrecision)(remainingSize, 0)) {
                    for (let index = 0; index < nextLayout.length && 0 !== (0, _number_comparison.compareNumbersWithPrecision)(remainingSize, 0); index += 1) {
                        const currentSize = nextLayout[index];
                        const adjustedSize = (0, _layout.normalizePanelSize)(layoutRestrictions[index], currentSize + remainingSize);
                        remainingSize -= adjustedSize - currentSize;
                        nextLayout[index] = adjustedSize
                    }
                    if (remainingSize > 0) {
                        const paneIndex = (0, _layout.findLastVisibleExpandedItemIndex)(layoutRestrictions);
                        if (-1 !== paneIndex) {
                            nextLayout[paneIndex] += remainingSize
                        }
                    }
                }
                return nextLayout
            };
            var _utils = __webpack_require__( /*! ../../../../common/core/localization/utils */ 57181);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _layout = __webpack_require__( /*! ./layout */ 49291);
            var _number_comparison = __webpack_require__( /*! ./number_comparison */ 94178)
        },
        94178(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PRECISION = void 0;
            exports.compareNumbersWithPrecision = function(actual, expected) {
                let precision = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : PRECISION;
                const delta = parseFloat((0, _utils.toFixed)(actual, precision)) - parseFloat((0, _utils.toFixed)(expected, precision));
                if (0 === delta) {
                    return 0
                }
                return delta > 0 ? 1 : -1
            };
            var _utils = __webpack_require__( /*! ../../../../common/core/localization/utils */ 57181);
            const PRECISION = exports.PRECISION = 10
        },
        49624(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.CollapseExpandDirection = void 0;
            var CollapseExpandDirection;
            ! function(CollapseExpandDirection) {
                CollapseExpandDirection.Previous = "prev";
                CollapseExpandDirection.Next = "next"
            }(CollapseExpandDirection || (exports.CollapseExpandDirection = CollapseExpandDirection = {}))
        },
        29058(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../common/core/events/utils/index */ 98834);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../core/dom_adapter */ 64960));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../core/widget/widget */ 89275));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            class SplitterControl extends _widget.default {
                _init() {
                    super._init();
                    const eventGuid = (new _guid.default).toString();
                    this.SPLITTER_POINTER_DOWN_EVENT_NAME = (0, _index.addNamespace)(_pointer.default.down, "dxSplitterResizing" + eventGuid);
                    this.SPLITTER_POINTER_MOVE_EVENT_NAME = (0, _index.addNamespace)(_pointer.default.move, "dxSplitterResizing" + eventGuid);
                    this.SPLITTER_POINTER_UP_EVENT_NAME = (0, _index.addNamespace)(_pointer.default.up, "dxSplitterResizing" + eventGuid)
                }
                _initMarkup() {
                    super._initMarkup();
                    this._initActions();
                    const {
                        container: container,
                        leftElement: leftElement,
                        rightElement: rightElement
                    } = this.option();
                    this._$container = container;
                    this._$leftElement = leftElement;
                    this._$rightElement = rightElement;
                    this.$element().addClass("dx-splitter-wrapper").addClass("dx-splitter-initial");
                    this._$splitterBorder = (0, _renderer.default)("<div>").addClass("dx-splitter-border").appendTo(this.$element());
                    this._$splitter = (0, _renderer.default)("<div>").addClass("dx-splitter-bar").addClass("dx-splitter-inactive").appendTo(this._$splitterBorder)
                }
                _initActions() {
                    this._actions = {
                        onApplyPanelSize: this._createActionByOption("onApplyPanelSize"),
                        onActiveStateChanged: this._createActionByOption("onActiveStateChanged")
                    }
                }
                _render() {
                    super._render();
                    this._detachEventHandlers();
                    this._attachEventHandlers()
                }
                _clean() {
                    this._detachEventHandlers();
                    super._clean()
                }
                _attachEventHandlers() {
                    const document = _dom_adapter.default.getDocument();
                    _events_engine.default.on(this._$splitterBorder, this.SPLITTER_POINTER_DOWN_EVENT_NAME, this._onMouseDownHandler.bind(this));
                    _events_engine.default.on(document, this.SPLITTER_POINTER_MOVE_EVENT_NAME, this._onMouseMoveHandler.bind(this));
                    _events_engine.default.on(document, this.SPLITTER_POINTER_UP_EVENT_NAME, this._onMouseUpHandler.bind(this))
                }
                _detachEventHandlers() {
                    const document = _dom_adapter.default.getDocument();
                    _events_engine.default.off(this._$splitterBorder, this.SPLITTER_POINTER_DOWN_EVENT_NAME);
                    _events_engine.default.off(document, this.SPLITTER_POINTER_MOVE_EVENT_NAME);
                    _events_engine.default.off(document, this.SPLITTER_POINTER_UP_EVENT_NAME)
                }
                _dimensionChanged(dimension) {
                    if (!dimension || "height" !== dimension) {
                        this._containerWidth = this._$container.get(0).clientWidth;
                        this._setSplitterPositionLeft({
                            needUpdatePanels: true,
                            usePercentagePanelsWidth: true
                        })
                    }
                }
                _onMouseDownHandler(e) {
                    var _this$_$splitterBorde, _this$_$splitterBorde2;
                    e.preventDefault();
                    this._offsetX = e.pageX - (null === (_this$_$splitterBorde = this._$splitterBorder.offset()) || void 0 === _this$_$splitterBorde ? void 0 : _this$_$splitterBorde.left) <= this._getSplitterBorderWidth() ? e.pageX - (null === (_this$_$splitterBorde2 = this._$splitterBorder.offset()) || void 0 === _this$_$splitterBorde2 ? void 0 : _this$_$splitterBorde2.left) : 0;
                    this._containerWidth = this._$container.get(0).clientWidth;
                    this.$element().removeClass("dx-splitter-initial");
                    this._toggleActive(true);
                    this._setSplitterPositionLeft({
                        needUpdatePanels: true
                    })
                }
                _onMouseMoveHandler(e) {
                    if (!this._isSplitterActive) {
                        return
                    }
                    this._setSplitterPositionLeft({
                        splitterPositionLeft: this._getNewSplitterPositionLeft(e),
                        needUpdatePanels: true
                    })
                }
                _onMouseUpHandler() {
                    if (!this._isSplitterActive) {
                        return
                    }
                    this._leftPanelPercentageWidth = null;
                    this._toggleActive(false);
                    this._setSplitterPositionLeft({
                        needUpdatePanels: true,
                        usePercentagePanelsWidth: true
                    })
                }
                _getNewSplitterPositionLeft(e) {
                    let newSplitterPositionLeft = e.pageX - this._getContainerLeftOffset() - this._offsetX;
                    newSplitterPositionLeft = Math.max(0 - this._getSplitterOffset(), newSplitterPositionLeft);
                    newSplitterPositionLeft = Math.min(this._containerWidth - this._getSplitterOffset() - this._getSplitterWidth(), newSplitterPositionLeft);
                    return newSplitterPositionLeft
                }
                _getContainerLeftOffset() {
                    var _this$_$container$off;
                    let offsetLeft = null === (_this$_$container$off = this._$container.offset()) || void 0 === _this$_$container$off ? void 0 : _this$_$container$off.left;
                    if (window) {
                        const style = window.getComputedStyle(this._$container.get(0));
                        const paddingLeft = parseFloat(style.paddingLeft) || 0;
                        const borderLeft = parseFloat(style.borderLeftWidth) || 0;
                        offsetLeft += paddingLeft + borderLeft
                    }
                    return offsetLeft
                }
                _getSplitterOffset() {
                    return (this._getSplitterBorderWidth() - this._getSplitterWidth()) / 2
                }
                _getSplitterWidth() {
                    return this._$splitter.get(0).clientWidth
                }
                _getSplitterBorderWidth() {
                    return this._$splitterBorder.get(0).clientWidth
                }
                _getLeftPanelWidth() {
                    return this._$leftElement.get(0).clientWidth
                }
                getSplitterBorderElement() {
                    return this._$splitterBorder
                }
                _toggleActive(isActive) {
                    var _this$_actions$onActi, _this$_actions;
                    this.$element().toggleClass("dx-splitter-inactive", !isActive);
                    this._$splitter.toggleClass("dx-splitter-inactive", !isActive);
                    this._isSplitterActive = isActive;
                    null === (_this$_actions$onActi = (_this$_actions = this._actions).onActiveStateChanged) || void 0 === _this$_actions$onActi || _this$_actions$onActi.call(_this$_actions, {
                        isActive: isActive
                    })
                }
                toggleDisabled(isDisabled) {
                    this.$element().toggleClass("dx-state-disabled", isDisabled);
                    this._$splitter.toggleClass("dx-state-disabled", isDisabled)
                }
                isSplitterMoved() {
                    return !this.$element().hasClass("dx-splitter-initial")
                }
                disableSplitterCalculation(value) {
                    this._isSplitterCalculationDisabled = value
                }
                _setSplitterPositionLeft() {
                    var _this$_actions$onAppl, _this$_actions2;
                    let {
                        splitterPositionLeft: splitterPositionLeft = null,
                        needUpdatePanels: needUpdatePanels = false,
                        usePercentagePanelsWidth: usePercentagePanelsWidth = false
                    } = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
                    splitterPositionLeft = splitterPositionLeft || this._getLeftPanelWidth() - this._getSplitterOffset();
                    const leftPanelWidth = splitterPositionLeft + this._getSplitterOffset();
                    const rightPanelWidth = this._containerWidth - leftPanelWidth;
                    if (!this._isSplitterCalculationDisabled) {
                        this.$element().css("left", splitterPositionLeft)
                    }
                    this._leftPanelPercentageWidth = this._leftPanelPercentageWidth || this._convertToPercentage(leftPanelWidth);
                    const rightPanelPercentageWidth = this._convertToPercentage(this._containerWidth - this._convertToPixels(this._leftPanelPercentageWidth));
                    if (!needUpdatePanels) {
                        return
                    }
                    null === (_this$_actions$onAppl = (_this$_actions2 = this._actions).onApplyPanelSize) || void 0 === _this$_actions$onAppl || _this$_actions$onAppl.call(_this$_actions2, {
                        leftPanelWidth: usePercentagePanelsWidth ? `${this._leftPanelPercentageWidth}%` : leftPanelWidth,
                        rightPanelWidth: usePercentagePanelsWidth ? `${rightPanelPercentageWidth}%` : rightPanelWidth
                    })
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "initialLeftPanelWidth":
                            this._leftPanelPercentageWidth = this._convertToPercentage(value);
                            this._dimensionChanged();
                            break;
                        case "leftElement":
                            this.repaint();
                            break;
                        case "onActiveStateChanged":
                        case "onApplyPanelSize":
                            this._actions[name] = this._createActionByOption(name);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _convertToPercentage(pixelWidth) {
                    return pixelWidth / this._$container.get(0).clientWidth * 100
                }
                _convertToPixels(percentageWidth) {
                    return percentageWidth / 100 * this._$container.get(0).clientWidth
                }
            }
            exports.default = SplitterControl
        },
        95094(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.STEPPER_CONNECTOR_VERTICAL_ORIENTATION_CLASS = exports.STEPPER_CONNECTOR_VALUE_CLASS = exports.STEPPER_CONNECTOR_HORIZONTAL_ORIENTATION_CLASS = exports.STEPPER_CONNECTOR_CONTAINER_CLASS = exports.STEPPER_CONNECTOR_CLASS = exports.MAX_SIZE = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _style = __webpack_require__( /*! ../../../core/utils/style */ 58515);
            var _dom_component = _interopRequireDefault(__webpack_require__( /*! ../../core/widget/dom_component */ 22331));
            var _stepper = __webpack_require__( /*! ./stepper */ 65348);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const STEPPER_CONNECTOR_CLASS = exports.STEPPER_CONNECTOR_CLASS = "dx-stepper-connector";
            const STEPPER_CONNECTOR_HORIZONTAL_ORIENTATION_CLASS = exports.STEPPER_CONNECTOR_HORIZONTAL_ORIENTATION_CLASS = "dx-stepper-connector-horizontal";
            const STEPPER_CONNECTOR_VERTICAL_ORIENTATION_CLASS = exports.STEPPER_CONNECTOR_VERTICAL_ORIENTATION_CLASS = "dx-stepper-connector-vertical";
            const STEPPER_CONNECTOR_CONTAINER_CLASS = exports.STEPPER_CONNECTOR_CONTAINER_CLASS = "dx-stepper-connector-container";
            const STEPPER_CONNECTOR_VALUE_CLASS = exports.STEPPER_CONNECTOR_VALUE_CLASS = "dx-stepper-connector-value";
            const MAX_SIZE = exports.MAX_SIZE = 100;
            class Connector extends _dom_component.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        orientation: "horizontal",
                        size: MAX_SIZE,
                        value: 0
                    })
                }
                _init() {
                    super._init();
                    (0, _renderer.default)(this.element()).addClass(STEPPER_CONNECTOR_CLASS)
                }
                _initMarkup() {
                    super._initMarkup();
                    this._toggleOrientationClass();
                    this._renderContent();
                    this._updateDimensions()
                }
                _updateDimensions() {
                    const isHorizontal = this._isHorizontalOrientation();
                    const dimension = isHorizontal ? "width" : "height";
                    const inverseDimension = isHorizontal ? "height" : "width";
                    const {
                        size: size
                    } = this.option();
                    this.option(inverseDimension, null);
                    this.option(dimension, `${size}%`);
                    this._updateConnectorValue()
                }
                _updateConnectorValue() {
                    const {
                        value: value
                    } = this.option();
                    const connectorElement = this._$connectorValue().get(0);
                    const ratio = value / MAX_SIZE;
                    connectorElement.style[(0, _style.styleProp)("flexGrow")] = String(ratio)
                }
                _$connectorValue() {
                    return this.$element().find(`.${STEPPER_CONNECTOR_VALUE_CLASS}`)
                }
                _toggleOrientationClass() {
                    (0, _renderer.default)(this.element()).toggleClass(STEPPER_CONNECTOR_HORIZONTAL_ORIENTATION_CLASS, this._isHorizontalOrientation()).toggleClass(STEPPER_CONNECTOR_VERTICAL_ORIENTATION_CLASS, !this._isHorizontalOrientation())
                }
                _isHorizontalOrientation() {
                    const {
                        orientation: orientation
                    } = this.option();
                    return orientation === _stepper.ORIENTATION.horizontal
                }
                _renderContent() {
                    const $container = (0, _renderer.default)("<div>").addClass(STEPPER_CONNECTOR_CONTAINER_CLASS).appendTo(this.element());
                    (0, _renderer.default)("<div>").addClass(STEPPER_CONNECTOR_VALUE_CLASS).appendTo($container)
                }
                _clean() {
                    super._clean();
                    this.$element().empty()
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "orientation":
                            this._toggleOrientationClass();
                            this._updateDimensions();
                            break;
                        case "size":
                        case "value":
                            this._updateDimensions();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            exports.default = Connector
        },
        65348(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.STEP_TEXT_CLASS = exports.STEP_SELECTED_CLASS = exports.STEP_OPTIONAL_MARK_CLASS = exports.STEP_LIST_CLASS = exports.STEP_LABEL_CLASS = exports.STEP_INDICATOR_CLASS = exports.STEP_CLASS = exports.STEP_CAPTION_CLASS = exports.STEPPER_VERTICAL_ORIENTATION_CLASS = exports.STEPPER_ITEM_DATA_KEY = exports.STEPPER_HORIZONTAL_ORIENTATION_CLASS = exports.STEPPER_CLASS = exports.ORIENTATION = void 0;
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _m_bindable_template = __webpack_require__( /*! ../../core/templates/m_bindable_template */ 52820);
            var _m_icon = __webpack_require__( /*! ../../core/utils/m_icon */ 42463);
            var _collection_widget = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/collection_widget.async */ 12191));
            var _connector = _interopRequireDefault(__webpack_require__( /*! ../../ui/stepper/connector */ 95094));
            var _stepper_item = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../ui/stepper/stepper_item */ 1452));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const STEPPER_CLASS = exports.STEPPER_CLASS = "dx-stepper";
            const STEP_LIST_CLASS = exports.STEP_LIST_CLASS = "dx-step-list";
            const STEP_CLASS = exports.STEP_CLASS = "dx-step";
            const STEP_SELECTED_CLASS = exports.STEP_SELECTED_CLASS = "dx-step-selected";
            const STEPPER_HORIZONTAL_ORIENTATION_CLASS = exports.STEPPER_HORIZONTAL_ORIENTATION_CLASS = "dx-stepper-horizontal";
            const STEPPER_VERTICAL_ORIENTATION_CLASS = exports.STEPPER_VERTICAL_ORIENTATION_CLASS = "dx-stepper-vertical";
            const STEP_INDICATOR_CLASS = exports.STEP_INDICATOR_CLASS = "dx-step-indicator";
            const STEP_TEXT_CLASS = exports.STEP_TEXT_CLASS = "dx-step-text";
            const STEP_CAPTION_CLASS = exports.STEP_CAPTION_CLASS = "dx-step-caption";
            const STEP_LABEL_CLASS = exports.STEP_LABEL_CLASS = "dx-step-label";
            const STEP_OPTIONAL_MARK_CLASS = exports.STEP_OPTIONAL_MARK_CLASS = "dx-step-optional-mark";
            const STEPPER_ITEM_DATA_KEY = exports.STEPPER_ITEM_DATA_KEY = "dxStepperItemData";
            const ORIENTATION = exports.ORIENTATION = {
                horizontal: "horizontal",
                vertical: "vertical"
            };
            class Stepper extends _collection_widget.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        orientation: "horizontal",
                        linear: true,
                        selectionMode: "single",
                        selectOnFocus: true,
                        activeStateEnabled: true,
                        hoverStateEnabled: true,
                        focusStateEnabled: true,
                        loopItemFocus: false,
                        selectionRequired: true,
                        hintExpr: data => data ? data.hint : void 0,
                        _itemAttributes: {
                            role: "tab"
                        }
                    })
                }
                _supportedKeys() {
                    const defaultHandlers = super._supportedKeys();
                    const {
                        linear: linear,
                        selectOnFocus: selectOnFocus
                    } = this.option();
                    return Object.assign({}, defaultHandlers, {
                        home: linear && selectOnFocus ? defaultHandlers.leftArrow : defaultHandlers.home,
                        end: linear && selectOnFocus ? defaultHandlers.rightArrow : defaultHandlers.end
                    })
                }
                _getStepIcon(data) {
                    const {
                        isValid: isValid,
                        icon: icon
                    } = data;
                    if (false === isValid) {
                        return _stepper_item.STEP_INVALID_ICON
                    }
                    if (true === isValid) {
                        return _stepper_item.STEP_VALID_ICON
                    }
                    return icon
                }
                _getStepIndicator(data) {
                    const {
                        text: text
                    } = data;
                    const $indicatorElement = (0, _renderer.default)("<div>").addClass(STEP_INDICATOR_CLASS);
                    const iconName = this._getStepIcon(data);
                    const $indicatorContent = (0, _m_icon.getImageContainer)(iconName) ?? (0, _renderer.default)("<div>").addClass(STEP_TEXT_CLASS).text(text ?? "");
                    $indicatorElement.append($indicatorContent);
                    return $indicatorElement
                }
                _getStepLabel(data) {
                    const {
                        label: label
                    } = data;
                    if ((0, _type.isDefined)(label)) {
                        return (0, _renderer.default)("<div>").addClass(STEP_LABEL_CLASS).text(label)
                    }
                    return (0, _renderer.default)()
                }
                _getStepOptionalMark(data) {
                    const {
                        optional: optional
                    } = data;
                    if (optional) {
                        const optionalMarkText = _message.default.format("dxStepper-optionalMark");
                        return (0, _renderer.default)("<div>").addClass(STEP_OPTIONAL_MARK_CLASS).text(optionalMarkText)
                    }
                    return (0, _renderer.default)()
                }
                _getStepCaption(data) {
                    const $stepLabel = this._getStepLabel(data);
                    const $stepOptionalMark = this._getStepOptionalMark(data);
                    if ($stepLabel.length || $stepOptionalMark.length) {
                        const $stepCaption = (0, _renderer.default)("<div>").addClass(STEP_CAPTION_CLASS);
                        $stepCaption.append($stepLabel).append($stepOptionalMark);
                        return $stepCaption
                    }
                    return (0, _renderer.default)()
                }
                _prepareDefaultItemTemplate(data, $container) {
                    const $stepIndicator = this._getStepIndicator(data);
                    const $stepLabel = this._getStepCaption(data);
                    $container.append($stepIndicator).append($stepLabel)
                }
                _initTemplates() {
                    super._initTemplates();
                    this._templateManager.addDefaultTemplates({
                        item: new _m_bindable_template.BindableTemplate(($container, data) => {
                            this._prepareDefaultItemTemplate(data, $container)
                        }, ["text", "icon", "label", "isValid", "optional"], this.option("integrationOptions.watchMethod"))
                    })
                }
                _createItemByTemplate(itemTemplate, renderArgs) {
                    const {
                        itemData: itemData,
                        index: index
                    } = renderArgs;
                    return super._createItemByTemplate(itemTemplate, Object.assign({}, renderArgs, {
                        itemData: Object.assign({
                            text: `${index+1}`
                        }, itemData)
                    }))
                }
                _getItemInstance($item) {
                    return _stepper_item.default.getInstance($item)
                }
                _renderItem(index, itemData, $container, $itemToReplace) {
                    const $itemFrame = super._renderItem(index, itemData, $container, $itemToReplace);
                    this._getItemInstance($itemFrame).updateInvalidClass(itemData.isValid);
                    return $itemFrame
                }
                _postprocessRenderItem(args) {
                    super._postprocessRenderItem(args);
                    const {
                        selectedIndex: selectedIndex = 0
                    } = this.option();
                    const itemInstance = this._getItemInstance(args.itemElement);
                    itemInstance.changeCompleted(args.itemIndex < selectedIndex)
                }
                _itemClass() {
                    return STEP_CLASS
                }
                _itemContainer() {
                    return this._$stepsContainer
                }
                _selectedItemClass() {
                    return STEP_SELECTED_CLASS
                }
                _isItemSelected(index) {
                    const {
                        items: items = [],
                        selectedItem: selectedItem
                    } = this.option();
                    return selectedItem === items[index]
                }
                _itemDataKey() {
                    return STEPPER_ITEM_DATA_KEY
                }
                _init() {
                    super._init();
                    this.setAria("role", "tablist");
                    this._appendStepsContainer()
                }
                _initMarkup() {
                    (0, _renderer.default)(this.element()).addClass(STEPPER_CLASS);
                    this._renderConnector();
                    this._toggleOrientationClass();
                    this._setAriaOrientation();
                    super._initMarkup()
                }
                _getConnectorOptions() {
                    const {
                        orientation: orientation
                    } = this.option();
                    return {
                        orientation: orientation,
                        size: this._getConnectorSize(),
                        value: this._getConnectorValue()
                    }
                }
                _renderConnector() {
                    if (this._connector) {
                        return
                    }
                    this._connector = this._createComponent((0, _renderer.default)("<div>"), _connector.default, this._getConnectorOptions());
                    (0, _renderer.default)(this.element()).prepend(this._connector.$element())
                }
                _getConnectorSize() {
                    const {
                        items: items = []
                    } = this.option();
                    const itemRatio = 100 / (items.length || 1);
                    return 100 - itemRatio
                }
                _getConnectorValue() {
                    const {
                        items: items = [],
                        selectedIndex: selectedIndex = 0
                    } = this.option();
                    const segmentsCount = items.length - 1;
                    const itemRatio = 100 / Math.max(segmentsCount, 1);
                    return selectedIndex * itemRatio
                }
                _appendStepsContainer() {
                    this._$stepsContainer = (0, _renderer.default)("<div>").addClass(STEP_LIST_CLASS);
                    (0, _renderer.default)(this.element()).append(this._$stepsContainer)
                }
                _setAriaOrientation() {
                    const {
                        orientation: orientation
                    } = this.option();
                    this.setAria("orientation", orientation)
                }
                _toggleOrientationClass() {
                    (0, _renderer.default)(this.element()).toggleClass(STEPPER_HORIZONTAL_ORIENTATION_CLASS, this._isHorizontalOrientation()).toggleClass(STEPPER_VERTICAL_ORIENTATION_CLASS, !this._isHorizontalOrientation())
                }
                _isHorizontalOrientation() {
                    const {
                        orientation: orientation
                    } = this.option();
                    return orientation === ORIENTATION.horizontal
                }
                _shouldPreventItemEvent(itemElement) {
                    const itemIndex = this._editStrategy.getIndex(itemElement);
                    const {
                        linear: linear,
                        selectedIndex: selectedIndex = 0
                    } = this.option();
                    return !!linear && Math.abs(selectedIndex - itemIndex) > 1
                }
                _itemClickHandler(e, args, config) {
                    if (!this._shouldPreventItemEvent(e.currentTarget)) {
                        super._itemClickHandler(e, args, config)
                    }
                }
                _itemPointerHandler(e) {
                    if (!this._shouldPreventItemEvent(e.currentTarget)) {
                        super._itemPointerHandler(e)
                    }
                }
                _itemSelectHandler(e) {
                    if (!this._shouldPreventItemEvent(e.currentTarget)) {
                        super._itemSelectHandler(e)
                    }
                }
                _hover($el, $previous) {
                    const $hoverTarget = this._findHoverTarget($el);
                    if ($hoverTarget && this._shouldPreventItemEvent($hoverTarget)) {
                        return
                    }
                    super._hover($el, $previous)
                }
                _focusOutHandler(e) {
                    this._clearFocusedItem();
                    super._focusOutHandler(e)
                }
                _clearFocusedItem() {
                    this.option("focusedElement", null)
                }
                _processChangeCompletedItems() {
                    const itemElements = this._itemElements();
                    if (!itemElements.length) {
                        return
                    }
                    const $lastCompletedElement = itemElements.filter(`.${_stepper_item.STEP_COMPLETED_CLASS}`).last();
                    const lastCompletedIndex = this._editStrategy.getIndex($lastCompletedElement);
                    const {
                        selectedIndex: selectedIndex = 0
                    } = this.option();
                    const startIndex = Math.min(lastCompletedIndex + 1, selectedIndex);
                    const endIndex = Math.max(lastCompletedIndex + 1, selectedIndex);
                    const isCompleted = lastCompletedIndex < selectedIndex;
                    for (let i = startIndex; i < endIndex; i += 1) {
                        const itemInstance = this._getItemInstance((0, _renderer.default)(itemElements[i]));
                        itemInstance.changeCompleted(isCompleted)
                    }
                }
                _postProcessSyncSelection() {
                    this._connector.option("value", this._getConnectorValue());
                    this._processChangeCompletedItems()
                }
                _syncSelectionOptions(byOption) {
                    const parentDeferred = super._syncSelectionOptions(byOption);
                    parentDeferred.done(() => {
                        this._postProcessSyncSelection()
                    });
                    return parentDeferred
                }
                _itemOptionChanged(item, property, value, prevValue) {
                    switch (property) {
                        case "isValid": {
                            const itemIndex = this._getIndexByItem(item);
                            const $item = (0, _renderer.default)(this._itemElements()[itemIndex]);
                            const itemInstance = this._getItemInstance($item);
                            itemInstance.updateInvalidClass(value);
                            super._itemOptionChanged(item, property, value, prevValue);
                            break
                        }
                        default:
                            super._itemOptionChanged(item, property, value, prevValue)
                    }
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "orientation":
                            this._toggleOrientationClass();
                            this._setAriaOrientation();
                            this._connector.option(name, value);
                            break;
                        case "linear":
                            break;
                        case "hintExpr":
                            this._invalidate();
                            break;
                        case "items":
                            super._optionChanged(args);
                            this._connector.option(this._getConnectorOptions());
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }
            Stepper.ItemClass = _stepper_item.default;
            (0, _component_registrator.default)("dxStepper", Stepper);
            exports.default = Stepper
        },
        1452(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.STEP_VALID_ICON = exports.STEP_INVALID_ICON = exports.STEP_INVALID_CLASS = exports.STEP_COMPLETED_CLASS = void 0;
            var _item = (e = __webpack_require__( /*! ../../ui/collection/item */ 30845), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const STEP_COMPLETED_CLASS = exports.STEP_COMPLETED_CLASS = "dx-step-completed";
            const STEP_INVALID_CLASS = exports.STEP_INVALID_CLASS = "dx-step-invalid";
            exports.STEP_VALID_ICON = "check";
            exports.STEP_INVALID_ICON = "errorcircle";
            class StepperItem extends _item.default {
                _renderWatchers() {
                    super._renderWatchers();
                    this._startWatcher("hint", value => {
                        this._renderHint(value)
                    })
                }
                _renderHint(hint) {
                    this._$element.attr("title", hint ?? null)
                }
                updateInvalidClass(isValid) {
                    this._$element.toggleClass(STEP_INVALID_CLASS, void 0 !== isValid && !isValid)
                }
                changeCompleted(isCompleted) {
                    this._$element.toggleClass(STEP_COMPLETED_CLASS, isCompleted)
                }
            }
            exports.default = StepperItem
        },
        41067(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _animation = __webpack_require__( /*! ../../common/core/animation */ 16826);
            var _click = __webpack_require__( /*! ../../common/core/events/click */ 64044);
            var _emitter = __webpack_require__( /*! ../../common/core/events/core/emitter.feedback */ 69331);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774));
            var _swipeable = _interopRequireDefault(__webpack_require__( /*! ../../common/core/events/gesture/swipeable */ 18278));
            var _index = __webpack_require__( /*! ../../common/core/events/utils/index */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../common/core/localization/message */ 4671));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../core/devices */ 65951));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _position = __webpack_require__( /*! ../../core/utils/position */ 41639);
            var _size = __webpack_require__( /*! ../../core/utils/size */ 57653);
            var _editor = _interopRequireDefault(__webpack_require__( /*! ../ui/editor/editor */ 24768));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class Switch extends _editor.default {
                _feedbackHideTimeout() {
                    return 0
                }
                _supportedKeys() {
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    const click = e => {
                        var _this$_clickAction;
                        e.preventDefault();
                        null === (_this$_clickAction = this._clickAction) || void 0 === _this$_clickAction || _this$_clickAction.call(this, {
                            event: e
                        })
                    };
                    const move = (value, e) => {
                        e.preventDefault();
                        e.stopPropagation();
                        this._saveValueChangeEvent(e);
                        this._animateValue(value)
                    };
                    return Object.assign({}, super._supportedKeys(), {
                        space: click,
                        enter: click,
                        leftArrow: e => {
                            move(Boolean(rtlEnabled), e)
                        },
                        rightArrow: e => {
                            move(!rtlEnabled, e)
                        }
                    })
                }
                _useTemplates() {
                    return false
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        hoverStateEnabled: true,
                        activeStateEnabled: true,
                        switchedOnText: _message.default.format("dxSwitch-switchedOnText"),
                        switchedOffText: _message.default.format("dxSwitch-switchedOffText"),
                        value: false
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }])
                }
                _init() {
                    super._init();
                    this._animating = false
                }
                _initMarkup() {
                    this._renderContainers();
                    this.$element().addClass("dx-switch").append(this._$switchWrapper);
                    this._renderSubmitElement();
                    this._renderClick();
                    this.setAria("role", "switch");
                    this._renderSwipeable();
                    super._initMarkup();
                    this._renderSwitchInner();
                    this._renderLabels();
                    this._renderValue()
                }
                _getInnerOffset(value, offset) {
                    const ratio = (offset - this._offsetDirection() * Number(!value)) / 2;
                    return 100 * ratio + "%"
                }
                _getHandleOffset(value, offset) {
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    const valueWithRtl = rtlEnabled ? !value : value;
                    if (valueWithRtl) {
                        const calcValue = 100 * -offset - 100;
                        return `${calcValue}%`
                    }
                    return 100 * -offset + "%"
                }
                _renderSwitchInner() {
                    this._$switchInner = (0, _renderer.default)("<div>").addClass("dx-switch-inner").appendTo(this._$switchContainer);
                    this._$handle = (0, _renderer.default)("<div>").addClass("dx-switch-handle").appendTo(this._$switchInner)
                }
                _renderLabels() {
                    this._$labelOn = (0, _renderer.default)("<div>").addClass("dx-switch-on").prependTo(this._$switchInner);
                    this._$labelOff = (0, _renderer.default)("<div>").addClass("dx-switch-off").appendTo(this._$switchInner);
                    this._setLabelsText()
                }
                _renderContainers() {
                    this._$switchContainer = (0, _renderer.default)("<div>").addClass("dx-switch-container");
                    this._$switchWrapper = (0, _renderer.default)("<div>").addClass("dx-switch-wrapper").append(this._$switchContainer)
                }
                _renderSwipeable() {
                    this._createComponent(this.$element(), _swipeable.default, {
                        elastic: false,
                        immediate: true,
                        onStart: e => {
                            this._swipeStartHandler(e.event)
                        },
                        onUpdated: e => {
                            this._swipeUpdateHandler(e.event)
                        },
                        onEnd: e => {
                            this._swipeEndHandler(e.event)
                        },
                        itemSizeFunc: () => this._getItemSizeFunc()
                    })
                }
                _getItemSizeFunc() {
                    return (0, _size.getOuterWidth)(this._$switchContainer, true) - (0, _position.getBoundingRect)(this._$handle.get(0)).width
                }
                _renderSubmitElement() {
                    this._$submitElement = (0, _renderer.default)("<input>").attr("type", "hidden").appendTo(this.$element())
                }
                _getSubmitElement() {
                    return this._$submitElement
                }
                _offsetDirection() {
                    const {
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    return rtlEnabled ? -1 : 1
                }
                _renderPosition(state, swipeOffset) {
                    const innerOffset = this._getInnerOffset(state, swipeOffset);
                    const handleOffset = this._getHandleOffset(state, swipeOffset);
                    this._$switchInner.css("transform", ` translateX(${innerOffset})`);
                    this._$handle.css("transform", ` translateX(${handleOffset})`)
                }
                _validateValue() {
                    const {
                        value: check
                    } = this.option();
                    if ("boolean" !== typeof check) {
                        this._options.silent("value", !!check)
                    }
                }
                _renderClick() {
                    const eventName = (0, _index.addNamespace)(_click.name, this.NAME ?? "");
                    const $element = this.$element();
                    this._clickAction = this._createAction(this._clickHandler.bind(this));
                    _events_engine.default.off($element, eventName);
                    _events_engine.default.on($element, eventName, e => {
                        var _this$_clickAction2;
                        null === (_this$_clickAction2 = this._clickAction) || void 0 === _this$_clickAction2 || _this$_clickAction2.call(this, {
                            event: e
                        })
                    })
                }
                _clickHandler(args) {
                    const {
                        event: event
                    } = args;
                    this._saveValueChangeEvent(event);
                    if (this._animating || this._swiping) {
                        return
                    }
                    const {
                        value: value
                    } = this.option();
                    this._animateValue(!value)
                }
                _animateValue(newValue) {
                    const {
                        value: value
                    } = this.option();
                    const startValue = Boolean(value);
                    const endValue = newValue;
                    if (startValue === endValue) {
                        return
                    }
                    this._animating = true;
                    const fromInnerOffset = this._getInnerOffset(startValue, 0);
                    const toInnerOffset = this._getInnerOffset(endValue, 0);
                    const fromHandleOffset = this._getHandleOffset(startValue, 0);
                    const toHandleOffset = this._getHandleOffset(endValue, 0);
                    const fromInnerConfig = {
                        transform: ` translateX(${fromInnerOffset})`
                    };
                    const toInnerConfig = {
                        transform: ` translateX(${toInnerOffset})`
                    };
                    const fromHandleConfig = {
                        transform: ` translateX(${fromHandleOffset})`
                    };
                    const toHandlerConfig = {
                        transform: ` translateX(${toHandleOffset})`
                    };
                    this.$element().toggleClass("dx-switch-on-value", endValue);
                    _animation.fx.animate(this._$handle.get(0), {
                        from: fromHandleConfig,
                        to: toHandlerConfig,
                        duration: 100
                    });
                    _animation.fx.animate(this._$switchInner.get(0), {
                        from: fromInnerConfig,
                        to: toInnerConfig,
                        duration: 100,
                        complete: () => {
                            this._animating = false;
                            this.option({
                                value: endValue
                            })
                        }
                    })
                }
                _swipeStartHandler(event) {
                    const {
                        value: state,
                        rtlEnabled: rtlEnabled,
                        activeStateEnabled: activeStateEnabled
                    } = this.option();
                    const maxOffOffset = rtlEnabled ? 0 : 1;
                    const maxOnOffset = rtlEnabled ? 1 : 0;
                    event.maxLeftOffset = state ? maxOffOffset : maxOnOffset;
                    event.maxRightOffset = state ? maxOnOffset : maxOffOffset;
                    this._swiping = true;
                    this._feedbackDeferred = (0, _deferred.Deferred)();
                    (0, _emitter.lock)(this._feedbackDeferred);
                    this._toggleActiveState(this.$element(), Boolean(activeStateEnabled))
                }
                _swipeUpdateHandler(event) {
                    const {
                        value: value
                    } = this.option();
                    this._renderPosition(Boolean(value), event.offset)
                }
                _swipeEndHandler(event) {
                    const {
                        value: value
                    } = this.option();
                    const offsetDirection = this._offsetDirection();
                    const innerOffset = this._getInnerOffset(Boolean(value), event.targetOffset);
                    const handleOffset = this._getHandleOffset(Boolean(value), event.targetOffset);
                    const toInnerConfig = {
                        transform: ` translateX(${innerOffset})`
                    };
                    const toHandleConfig = {
                        transform: ` translateX(${handleOffset})`
                    };
                    _animation.fx.animate(this._$handle.get(0), {
                        to: toHandleConfig,
                        duration: 100
                    });
                    _animation.fx.animate(this._$switchInner.get(0), {
                        to: toInnerConfig,
                        duration: 100,
                        complete: () => {
                            var _this$_feedbackDeferr;
                            this._swiping = false;
                            const pos = Number(value) + offsetDirection * event.targetOffset;
                            this._saveValueChangeEvent(event);
                            this.option({
                                value: Boolean(pos)
                            });
                            null === (_this$_feedbackDeferr = this._feedbackDeferred) || void 0 === _this$_feedbackDeferr || _this$_feedbackDeferr.resolve();
                            this._toggleActiveState(this.$element(), false)
                        }
                    })
                }
                _renderValue() {
                    this._validateValue();
                    const {
                        value: value,
                        switchedOnText: switchedOnText,
                        switchedOffText: switchedOffText
                    } = this.option();
                    this._renderPosition(Boolean(value), 0);
                    this.$element().toggleClass("dx-switch-on-value", value);
                    this._getSubmitElement().val(String(value ?? ""));
                    this.setAria({
                        checked: value,
                        label: value ? switchedOnText : switchedOffText
                    })
                }
                _setLabelsText() {
                    var _this$_$labelOn, _this$_$labelOff;
                    const {
                        switchedOnText: switchedOnText = "",
                        switchedOffText: switchedOffText = ""
                    } = this.option();
                    null === (_this$_$labelOn = this._$labelOn) || void 0 === _this$_$labelOn || _this$_$labelOn.text(switchedOnText);
                    null === (_this$_$labelOff = this._$labelOff) || void 0 === _this$_$labelOff || _this$_$labelOff.text(switchedOffText)
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        this.repaint()
                    }
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "width":
                            this._refresh();
                            break;
                        case "switchedOnText":
                        case "switchedOffText":
                            this._setLabelsText();
                            break;
                        case "value":
                            this._renderValue();
                            super._optionChanged(args);
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }(0, _component_registrator.default)("dxSwitch", Switch);
            exports.default = Switch
        },
        41211(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _item = (e = __webpack_require__( /*! ../../ui/collection/item */ 30845), e && e.__esModule ? e : {
                default: e
            });
            var e;
            class TabPanelItem extends _item.default {
                _renderWatchers() {
                    this._startWatcher("badge", _common.noop);
                    super._renderWatchers()
                }
            }
            exports.default = TabPanelItem
        },
        98444(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.TABS_POSITION = exports.TABS_ORIENTATION = exports.TABPANEL_TABS_POSITION_CLASS = exports.TABPANEL_TABS_ITEM_CLASS = exports.TABPANEL_CONTAINER_CLASS = exports.TABPANEL_CLASS = exports.DISABLED_FOCUSED_TAB_CLASS = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _bindable_template = __webpack_require__( /*! ../../../core/templates/bindable_template */ 27286);
            var _icon = __webpack_require__( /*! ../../../core/utils/icon */ 69629);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _m_support = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_support */ 85991));
            var _multi_view = _interopRequireDefault(__webpack_require__( /*! ../../ui/multi_view/multi_view */ 56484));
            var _tabs = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../ui/tabs/tabs */ 43474));
            var _item = _interopRequireDefault(__webpack_require__( /*! ./item */ 41211));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const TABPANEL_CLASS = exports.TABPANEL_CLASS = "dx-tabpanel";
            const TABPANEL_TABS_ITEM_CLASS = exports.TABPANEL_TABS_ITEM_CLASS = "dx-tabpanel-tab";
            const TABPANEL_CONTAINER_CLASS = exports.TABPANEL_CONTAINER_CLASS = "dx-tabpanel-container";
            const DISABLED_FOCUSED_TAB_CLASS = exports.DISABLED_FOCUSED_TAB_CLASS = "dx-disabled-focused-tab";
            const TABPANEL_TABS_POSITION_CLASS = exports.TABPANEL_TABS_POSITION_CLASS = {
                top: "dx-tabpanel-tabs-position-top",
                right: "dx-tabpanel-tabs-position-right",
                bottom: "dx-tabpanel-tabs-position-bottom",
                left: "dx-tabpanel-tabs-position-left"
            };
            const TABS_POSITION = exports.TABS_POSITION = {
                top: "top",
                right: "right",
                bottom: "bottom",
                left: "left"
            };
            const TABS_INDICATOR_POSITION_BY_TABS_POSITION = {
                top: "bottom",
                right: "left",
                bottom: "top",
                left: "right"
            };
            const TABS_ORIENTATION = exports.TABS_ORIENTATION = {
                horizontal: "horizontal",
                vertical: "vertical"
            };
            const ICON_POSITION_top = "top",
                ICON_POSITION_start = "start";
            const STYLING_MODE_primary = "primary",
                STYLING_MODE_secondary = "secondary";
            class TabPanel extends _multi_view.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        itemTitleTemplate: "title",
                        hoverStateEnabled: true,
                        selectOnFocus: false,
                        showNavButtons: false,
                        scrollByContent: true,
                        scrollingEnabled: true,
                        tabsPosition: TABS_POSITION.top,
                        iconPosition: ICON_POSITION_start,
                        stylingMode: STYLING_MODE_primary,
                        onTitleClick: null,
                        onTitleHold: null,
                        onTitleRendered: null,
                        badgeExpr: data => null === data || void 0 === data ? void 0 : data.badge,
                        _tabsIndicatorPosition: null
                    })
                }
                _defaultOptionsRules() {
                    const themeName = (0, _themes.current)();
                    return super._defaultOptionsRules().concat([{
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }, {
                        device: () => !_m_support.default.touch,
                        options: {
                            swipeEnabled: false
                        }
                    }, {
                        device: {
                            platform: "generic"
                        },
                        options: {
                            animationEnabled: false
                        }
                    }, {
                        device: () => (0, _themes.isFluent)(themeName),
                        options: {
                            stylingMode: STYLING_MODE_secondary
                        }
                    }, {
                        device: () => (0, _themes.isMaterialBased)(themeName),
                        options: {
                            iconPosition: ICON_POSITION_top
                        }
                    }])
                }
                _init() {
                    super._init();
                    this.$element().addClass(TABPANEL_CLASS);
                    this._toggleTabPanelTabsPositionClass()
                }
                _getElementAria() {
                    return {
                        role: "tabpanel"
                    }
                }
                _getItemAria() {
                    return {
                        role: "tabpanel"
                    }
                }
                _initMarkup() {
                    super._initMarkup();
                    this._createTitleActions();
                    this._renderLayout()
                }
                _prepareTabsItemTemplate(data, $container) {
                    const $iconElement = (0, _icon.getImageContainer)(null === data || void 0 === data ? void 0 : data.icon);
                    if ($iconElement) {
                        $container.append($iconElement)
                    }
                    const title = (0, _type.isPlainObject)(data) ? null === data || void 0 === data ? void 0 : data.title : data;
                    if ((0, _type.isDefined)(title) && !(0, _type.isPlainObject)(title)) {
                        const $tabTextSpan = (0, _renderer.default)("<span>").addClass(_tabs.TABS_ITEM_TEXT_SPAN_CLASS);
                        $tabTextSpan.append(_dom_adapter.default.createTextNode(title));
                        const $tabTextSpanPseudo = (0, _renderer.default)("<span>").addClass(_tabs.TABS_ITEM_TEXT_SPAN_PSEUDO_CLASS);
                        $tabTextSpanPseudo.append(_dom_adapter.default.createTextNode(title));
                        $tabTextSpanPseudo.appendTo($tabTextSpan);
                        $tabTextSpan.appendTo($container)
                    }
                }
                _initTemplates() {
                    super._initTemplates();
                    this._templateManager.addDefaultTemplates({
                        title: new _bindable_template.BindableTemplate(($container, data) => {
                            this._prepareTabsItemTemplate(data, $container);
                            const $tabItem = (0, _renderer.default)("<div>").addClass(_tabs.TABS_ITEM_TEXT_CLASS);
                            $container.wrapInner($tabItem)
                        }, ["title", "icon"], this.option("integrationOptions.watchMethod"))
                    })
                }
                _createTitleActions() {
                    this._createTitleClickAction();
                    this._createTitleHoldAction();
                    this._createTitleRenderedAction()
                }
                _createTitleClickAction() {
                    this._titleClickAction = this._createActionByOption("onTitleClick")
                }
                _createTitleHoldAction() {
                    this._titleHoldAction = this._createActionByOption("onTitleHold")
                }
                _createTitleRenderedAction() {
                    this._titleRenderedAction = this._createActionByOption("onTitleRendered")
                }
                _renderLayout() {
                    if (this._tabs) {
                        return
                    }
                    const $element = this.$element();
                    this._$tabContainer = (0, _renderer.default)("<div>").addClass("dx-tabpanel-tabs").appendTo($element);
                    const $tabs = (0, _renderer.default)("<div>").appendTo(this._$tabContainer);
                    this._tabs = this._createComponent($tabs, _tabs.default, this._tabConfig());
                    this._$container = (0, _renderer.default)("<div>").addClass(TABPANEL_CONTAINER_CLASS).appendTo($element);
                    this._$container.append(this._$wrapper);
                    const {
                        focusStateEnabled: focusStateEnabled,
                        selectedIndex: selectedIndex
                    } = this.option();
                    if (focusStateEnabled && (0, _type.isDefined)(selectedIndex)) {
                        const selectedItem = this._tabs.itemElements().get(selectedIndex);
                        if (selectedItem) {
                            this._tabs.option({
                                focusedElement: selectedItem
                            })
                        }
                    }
                }
                _refreshActiveDescendant() {
                    if (!this._tabs) {
                        return
                    }
                    const tabs = this._tabs;
                    const tabItems = tabs.itemElements();
                    const $activeTab = (0, _renderer.default)(tabItems[tabs.option("selectedIndex")]);
                    const id = this.getFocusedItemId();
                    this.setAria("controls", void 0, (0, _renderer.default)(tabItems));
                    this.setAria("controls", id, $activeTab)
                }
                _getTabsIndicatorPosition() {
                    const {
                        _tabsIndicatorPosition: _tabsIndicatorPosition,
                        tabsPosition: tabsPosition
                    } = this.option();
                    return _tabsIndicatorPosition ?? TABS_INDICATOR_POSITION_BY_TABS_POSITION[tabsPosition ?? TABS_POSITION.top]
                }
                _tabConfig() {
                    const tabsIndicatorPosition = this._getTabsIndicatorPosition();
                    const {
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        repaintChangesOnly: repaintChangesOnly,
                        tabIndex: tabIndex,
                        selectedIndex: selectedIndex,
                        badgeExpr: badgeExpr,
                        itemHoldTimeout: itemHoldTimeout,
                        items: items,
                        scrollingEnabled: scrollingEnabled,
                        scrollByContent: scrollByContent,
                        showNavButtons: showNavButtons,
                        loop: loop,
                        iconPosition: iconPosition,
                        stylingMode: stylingMode
                    } = this.option();
                    return {
                        selectOnFocus: true,
                        focusStateEnabled: focusStateEnabled,
                        hoverStateEnabled: hoverStateEnabled,
                        repaintChangesOnly: repaintChangesOnly,
                        tabIndex: tabIndex,
                        selectedIndex: selectedIndex,
                        badgeExpr: badgeExpr,
                        onItemClick: this._titleClickAction.bind(this),
                        onItemHold: this._titleHoldAction.bind(this),
                        itemHoldTimeout: itemHoldTimeout,
                        onSelectionChanging: e => {
                            const newTabsSelectedItemData = e.addedItems[0];
                            const newTabsSelectedIndex = this._getIndexByItemData(newTabsSelectedItemData);
                            const selectingResult = this.selectItem(newTabsSelectedIndex);
                            const promiseState = selectingResult.state();
                            if ("pending" !== promiseState) {
                                e.cancel = "rejected" === promiseState;
                                return
                            }
                            e.cancel = new Promise(resolve => {
                                selectingResult.done(() => {
                                    resolve(false)
                                }).fail(() => {
                                    resolve(true)
                                })
                            })
                        },
                        onSelectionChanged: () => {
                            this._refreshActiveDescendant()
                        },
                        onItemRendered: this._titleRenderedAction.bind(this),
                        itemTemplate: this._getTemplateByOption("itemTitleTemplate"),
                        items: items,
                        noDataText: null,
                        scrollingEnabled: scrollingEnabled,
                        scrollByContent: scrollByContent,
                        showNavButtons: showNavButtons,
                        itemTemplateProperty: "tabTemplate",
                        loopItemFocus: loop,
                        selectionRequired: true,
                        onOptionChanged: args => {
                            if ("focusedElement" === args.name) {
                                if (args.value) {
                                    const $value = (0, _renderer.default)(args.value);
                                    const $newItem = this._itemElements().eq($value.index());
                                    this.option("focusedElement", (0, _element.getPublicElement)($newItem))
                                } else {
                                    this.option("focusedElement", args.value)
                                }
                            }
                        },
                        onFocusIn: args => {
                            this._focusInHandler(args.event)
                        },
                        onFocusOut: args => {
                            if (!this._isFocusOutHandlerExecuting) {
                                this._focusOutHandler(args.event)
                            }
                        },
                        orientation: this._getTabsOrientation(),
                        iconPosition: iconPosition,
                        stylingMode: stylingMode,
                        _itemAttributes: {
                            class: TABPANEL_TABS_ITEM_CLASS
                        },
                        _indicatorPosition: tabsIndicatorPosition
                    }
                }
                _renderFocusTarget() {
                    this._focusTarget().attr("tabIndex", -1)
                }
                _getTabsOrientation() {
                    const {
                        tabsPosition: tabsPosition
                    } = this.option();
                    if ([TABS_POSITION.right, TABS_POSITION.left].includes(tabsPosition)) {
                        return TABS_ORIENTATION.vertical
                    }
                    return TABS_ORIENTATION.horizontal
                }
                _getTabPanelTabsPositionClass() {
                    const {
                        tabsPosition: tabsPosition
                    } = this.option();
                    switch (tabsPosition) {
                        case TABS_POSITION.right:
                            return TABPANEL_TABS_POSITION_CLASS.right;
                        case TABS_POSITION.bottom:
                            return TABPANEL_TABS_POSITION_CLASS.bottom;
                        case TABS_POSITION.left:
                            return TABPANEL_TABS_POSITION_CLASS.left;
                        case TABS_POSITION.top:
                        default:
                            return TABPANEL_TABS_POSITION_CLASS.top
                    }
                }
                _toggleTabPanelTabsPositionClass() {
                    for (const key in TABPANEL_TABS_POSITION_CLASS) {
                        this.$element().removeClass(TABPANEL_TABS_POSITION_CLASS[key])
                    }
                    const newClass = this._getTabPanelTabsPositionClass();
                    this.$element().addClass(newClass)
                }
                _updateTabsOrientation() {
                    const orientation = this._getTabsOrientation();
                    this._setTabsOption("orientation", orientation)
                }
                _toggleWrapperFocusedClass(isFocused) {
                    this._toggleFocusClass(isFocused, this._$wrapper)
                }
                _toggleDisabledFocusedClass(isFocused) {
                    this._focusTarget().toggleClass(DISABLED_FOCUSED_TAB_CLASS, isFocused)
                }
                _updateFocusState(e, isFocused) {
                    super._updateFocusState(e, isFocused);
                    const isTabsTarget = e.target === this._tabs._focusTarget().get(0);
                    const isMultiViewTarget = e.target === this._focusTarget().get(0);
                    if (isTabsTarget) {
                        this._toggleFocusClass(isFocused, this._focusTarget())
                    }
                    if (isTabsTarget || isMultiViewTarget) {
                        const isDisabled = this._isDisabled(this.option("focusedElement"));
                        this._toggleWrapperFocusedClass(isFocused && !isDisabled);
                        this._toggleDisabledFocusedClass(isFocused && isDisabled)
                    }
                    if (isMultiViewTarget) {
                        this._toggleFocusClass(isFocused, this._tabs.$element());
                        this._toggleFocusClass(isFocused, this._tabs.option("focusedElement"))
                    }
                }
                _focusOutHandler(e) {
                    this._isFocusOutHandlerExecuting = true;
                    super._focusOutHandler(e);
                    this._tabs._focusOutHandler(e);
                    this._isFocusOutHandlerExecuting = false
                }
                _setTabsOption(name, value) {
                    if (this._tabs) {
                        this._tabs.option(name, value)
                    }
                }
                _postprocessSwipe(args) {
                    this._setTabsOption("selectedIndex", args.swipedTabsIndex)
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        this._tabs._dimensionChanged()
                    }
                }
                registerKeyHandler(key, handler) {
                    super.registerKeyHandler(key, handler);
                    if (this._tabs) {
                        this._tabs.registerKeyHandler(key, handler)
                    }
                }
                repaint() {
                    super.repaint();
                    this._tabs.repaint()
                }
                _updateTabsIndicatorPosition() {
                    const value = this._getTabsIndicatorPosition();
                    this._setTabsOption("_indicatorPosition", value)
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value,
                        fullName: fullName
                    } = args;
                    switch (name) {
                        case "dataSource":
                        default:
                            super._optionChanged(args);
                            break;
                        case "items":
                            this._setTabsOption(name, this.option(name));
                            if (!this.option("repaintChangesOnly")) {
                                this._tabs.repaint()
                            }
                            super._optionChanged(args);
                            break;
                        case "width":
                            super._optionChanged(args);
                            this._tabs.repaint();
                            break;
                        case "selectedIndex":
                        case "selectedItem": {
                            this._setTabsOption(fullName, value);
                            super._optionChanged(args);
                            const {
                                focusStateEnabled: focusStateEnabled
                            } = this.option();
                            if (true === focusStateEnabled) {
                                const selectedIndex = this.option("selectedIndex");
                                const selectedTabContent = this._itemElements().eq(selectedIndex);
                                this.option("focusedElement", (0, _element.getPublicElement)(selectedTabContent))
                            }
                            break
                        }
                        case "itemHoldTimeout":
                        case "focusStateEnabled":
                        case "hoverStateEnabled":
                            this._setTabsOption(fullName, value);
                            super._optionChanged(args);
                            break;
                        case "scrollingEnabled":
                        case "scrollByContent":
                        case "showNavButtons":
                            this._setTabsOption(fullName, value);
                            break;
                        case "focusedElement": {
                            const id = value ? (0, _renderer.default)(value).index() : value;
                            const newItem = value && this._tabs ? this._tabs._itemElements().eq(id) : value;
                            this._setTabsOption("focusedElement", (0, _element.getPublicElement)(newItem));
                            if (value) {
                                const isDisabled = this._isDisabled(value);
                                this._toggleWrapperFocusedClass(!isDisabled);
                                this._toggleDisabledFocusedClass(isDisabled)
                            }
                            super._optionChanged(args);
                            break
                        }
                        case "itemTitleTemplate":
                            this._setTabsOption("itemTemplate", this._getTemplateByOption("itemTitleTemplate"));
                            break;
                        case "onTitleClick":
                            this._createTitleClickAction();
                            this._setTabsOption("onItemClick", this._titleClickAction.bind(this));
                            break;
                        case "onTitleHold":
                            this._createTitleHoldAction();
                            this._setTabsOption("onItemHold", this._titleHoldAction.bind(this));
                            break;
                        case "onTitleRendered":
                            this._createTitleRenderedAction();
                            this._setTabsOption("onItemRendered", this._titleRenderedAction.bind(this));
                            break;
                        case "loop":
                            this._setTabsOption("loopItemFocus", value);
                            super._optionChanged(args);
                            break;
                        case "badgeExpr":
                            this._invalidate();
                            break;
                        case "tabsPosition":
                            this._toggleTabPanelTabsPositionClass();
                            this._updateTabsIndicatorPosition();
                            this._updateTabsOrientation();
                            break;
                        case "iconPosition":
                            this._setTabsOption("iconPosition", value);
                            break;
                        case "stylingMode":
                            this._setTabsOption("stylingMode", value);
                            break;
                        case "_tabsIndicatorPosition":
                            this._setTabsOption("_indicatorPosition", value)
                    }
                }
            }
            TabPanel.ItemClass = _item.default;
            (0, _component_registrator.default)("dxTabPanel", TabPanel);
            exports.default = TabPanel
        },
        20425(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TABS_EXPANDED_CLASS = void 0;
            exports.TABS_EXPANDED_CLASS = "dx-tabs-expanded"
        },
        25685(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.TABS_ITEM_BADGE_CLASS = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _item = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/item */ 30845));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const TABS_ITEM_BADGE_CLASS = exports.TABS_ITEM_BADGE_CLASS = "dx-tabs-item-badge";
            class TabsItem extends _item.default {
                _renderWatchers() {
                    super._renderWatchers();
                    this._startWatcher("badge", this._renderBadge.bind(this))
                }
                _renderBadge(badge) {
                    this._$element.children(".dx-badge").remove();
                    if (!badge) {
                        return
                    }
                    const $badge = (0, _renderer.default)("<div>").addClass(TABS_ITEM_BADGE_CLASS).addClass("dx-badge").text(badge);
                    this._$element.append($badge)
                }
            }
            exports.default = TabsItem
        },
        43474(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.TABS_WRAPPER_CLASS = exports.TABS_STYLING_MODE_CLASS = exports.TABS_STRETCHED_CLASS = exports.TABS_SCROLLING_ENABLED_CLASS = exports.TABS_SCROLLABLE_CLASS = exports.TABS_RIGHT_NAV_BUTTON_CLASS = exports.TABS_ORIENTATION_CLASS = exports.TABS_NAV_BUTTON_CLASS = exports.TABS_NAV_BUTTONS_CLASS = exports.TABS_LEFT_NAV_BUTTON_CLASS = exports.TABS_ITEM_TEXT_SPAN_PSEUDO_CLASS = exports.TABS_ITEM_TEXT_SPAN_CLASS = exports.TABS_ITEM_TEXT_CLASS = exports.TABS_ITEM_SELECTED_CLASS = exports.TABS_ITEM_CLASS = exports.TABS_INDICATOR_POSITION_CLASS = exports.TABS_ICON_POSITION_CLASS = exports.TABS_CLASS = exports.FOCUSED_DISABLED_PREV_TAB_CLASS = exports.FOCUSED_DISABLED_NEXT_TAB_CLASS = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _hold = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/hold */ 68095));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _resize_observer = _interopRequireDefault(__webpack_require__( /*! ../../../core/resize_observer */ 11787));
            var _bindable_template = __webpack_require__( /*! ../../../core/templates/bindable_template */ 27286);
            var _icon = __webpack_require__( /*! ../../../core/utils/icon */ 69629);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../ui/button */ 64973));
            var _uiCollection_widget = _interopRequireDefault(__webpack_require__( /*! ../../../ui/collection/ui.collection_widget.live_update */ 55213));
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _m_ink_ripple = __webpack_require__( /*! ../../core/utils/m_ink_ripple */ 43469);
            var _scrollable = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scrollable */ 85326));
            var _get_boundary_props = __webpack_require__( /*! ../../ui/scroll_view/utils/get_boundary_props */ 78955);
            var _get_scroll_left_max = __webpack_require__( /*! ../../ui/scroll_view/utils/get_scroll_left_max */ 43200);
            var _constants = __webpack_require__( /*! ./constants */ 20425);
            var _item = _interopRequireDefault(__webpack_require__( /*! ./item */ 25685));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const TABS_CLASS = exports.TABS_CLASS = "dx-tabs";
            const TABS_WRAPPER_CLASS = exports.TABS_WRAPPER_CLASS = "dx-tabs-wrapper";
            const TABS_STRETCHED_CLASS = exports.TABS_STRETCHED_CLASS = "dx-tabs-stretched";
            const TABS_SCROLLABLE_CLASS = exports.TABS_SCROLLABLE_CLASS = "dx-tabs-scrollable";
            const TABS_NAV_BUTTONS_CLASS = exports.TABS_NAV_BUTTONS_CLASS = "dx-tabs-nav-buttons";
            const TABS_ITEM_CLASS = exports.TABS_ITEM_CLASS = "dx-tab";
            const TABS_ITEM_SELECTED_CLASS = exports.TABS_ITEM_SELECTED_CLASS = "dx-tab-selected";
            const TABS_SCROLLING_ENABLED_CLASS = exports.TABS_SCROLLING_ENABLED_CLASS = "dx-tabs-scrolling-enabled";
            const TABS_NAV_BUTTON_CLASS = exports.TABS_NAV_BUTTON_CLASS = "dx-tabs-nav-button";
            const TABS_LEFT_NAV_BUTTON_CLASS = exports.TABS_LEFT_NAV_BUTTON_CLASS = "dx-tabs-nav-button-left";
            const TABS_RIGHT_NAV_BUTTON_CLASS = exports.TABS_RIGHT_NAV_BUTTON_CLASS = "dx-tabs-nav-button-right";
            const TABS_ITEM_TEXT_CLASS = exports.TABS_ITEM_TEXT_CLASS = "dx-tab-text";
            const TABS_ITEM_TEXT_SPAN_CLASS = exports.TABS_ITEM_TEXT_SPAN_CLASS = "dx-tab-text-span";
            const TABS_ITEM_TEXT_SPAN_PSEUDO_CLASS = exports.TABS_ITEM_TEXT_SPAN_PSEUDO_CLASS = "dx-tab-text-span-pseudo";
            const FOCUSED_DISABLED_NEXT_TAB_CLASS = exports.FOCUSED_DISABLED_NEXT_TAB_CLASS = "dx-focused-disabled-next-tab";
            const FOCUSED_DISABLED_PREV_TAB_CLASS = exports.FOCUSED_DISABLED_PREV_TAB_CLASS = "dx-focused-disabled-prev-tab";
            const TABS_ORIENTATION_CLASS = exports.TABS_ORIENTATION_CLASS = {
                vertical: "dx-tabs-vertical",
                horizontal: "dx-tabs-horizontal"
            };
            const TABS_INDICATOR_POSITION_CLASS = exports.TABS_INDICATOR_POSITION_CLASS = {
                top: "dx-tab-indicator-position-top",
                right: "dx-tab-indicator-position-right",
                bottom: "dx-tab-indicator-position-bottom",
                left: "dx-tab-indicator-position-left"
            };
            const TABS_ICON_POSITION_CLASS = exports.TABS_ICON_POSITION_CLASS = {
                top: "dx-tabs-icon-position-top",
                end: "dx-tabs-icon-position-end",
                bottom: "dx-tabs-icon-position-bottom",
                start: "dx-tabs-icon-position-start"
            };
            const TABS_STYLING_MODE_CLASS = exports.TABS_STYLING_MODE_CLASS = {
                primary: "dx-tabs-styling-mode-primary",
                secondary: "dx-tabs-styling-mode-secondary"
            };
            const ORIENTATION_horizontal = "horizontal",
                ORIENTATION_vertical = "vertical";
            const INDICATOR_POSITION_right = "right",
                INDICATOR_POSITION_bottom = "bottom",
                INDICATOR_POSITION_left = "left";
            const SCROLLABLE_DIRECTION_horizontal = "horizontal",
                SCROLLABLE_DIRECTION_vertical = "vertical";
            const ICON_POSITION_top = "top",
                ICON_POSITION_end = "end",
                ICON_POSITION_bottom = "bottom",
                ICON_POSITION_start = "start";
            const STYLING_MODE_primary = "primary",
                STYLING_MODE_secondary = "secondary";
            class Tabs extends _uiCollection_widget.default {
                _activeStateUnit() {
                    return `.${TABS_ITEM_CLASS}`
                }
                _feedbackHideTimeout() {
                    return 100
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        hoverStateEnabled: true,
                        showNavButtons: true,
                        scrollByContent: true,
                        scrollingEnabled: true,
                        selectionMode: "single",
                        orientation: ORIENTATION_horizontal,
                        iconPosition: ICON_POSITION_start,
                        stylingMode: STYLING_MODE_primary,
                        activeStateEnabled: true,
                        selectionRequired: false,
                        selectOnFocus: true,
                        loopItemFocus: false,
                        useInkRipple: false,
                        badgeExpr: data => null === data || void 0 === data ? void 0 : data.badge,
                        _itemAttributes: {
                            role: "tab"
                        },
                        _indicatorPosition: null
                    })
                }
                _defaultOptionsRules() {
                    const themeName = (0, _themes.current)();
                    return super._defaultOptionsRules().concat([{
                        device: () => "desktop" !== _devices.default.real().deviceType,
                        options: {
                            showNavButtons: false
                        }
                    }, {
                        device: {
                            deviceType: "desktop"
                        },
                        options: {
                            scrollByContent: false
                        }
                    }, {
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }, {
                        device: () => (0, _themes.isFluent)(themeName),
                        options: {
                            iconPosition: ICON_POSITION_top,
                            stylingMode: STYLING_MODE_secondary
                        }
                    }, {
                        device: () => (0, _themes.isMaterial)(themeName),
                        options: {
                            useInkRipple: true,
                            selectOnFocus: false,
                            iconPosition: ICON_POSITION_top
                        }
                    }])
                }
                _init() {
                    const {
                        orientation: orientation,
                        stylingMode: stylingMode,
                        scrollingEnabled: scrollingEnabled
                    } = this.option();
                    const indicatorPosition = this._getIndicatorPosition();
                    super._init();
                    this.setAria("role", "tablist");
                    this.$element().addClass(TABS_CLASS);
                    this._toggleScrollingEnabledClass(scrollingEnabled);
                    this._toggleOrientationClass(orientation);
                    this._toggleIndicatorPositionClass(indicatorPosition);
                    this._toggleIconPositionClass();
                    this._toggleStylingModeClass(stylingMode);
                    this._renderWrapper();
                    this._renderMultiple()
                }
                _prepareDefaultItemTemplate(data, $container) {
                    const text = (0, _type.isPlainObject)(data) ? null === data || void 0 === data ? void 0 : data.text : data;
                    if ((0, _type.isDefined)(text)) {
                        const $tabTextSpan = (0, _renderer.default)("<span>").addClass(TABS_ITEM_TEXT_SPAN_CLASS);
                        $tabTextSpan.text(text);
                        const $tabTextSpanPseudo = (0, _renderer.default)("<span>").addClass(TABS_ITEM_TEXT_SPAN_PSEUDO_CLASS);
                        $tabTextSpanPseudo.text(text);
                        $tabTextSpanPseudo.appendTo($tabTextSpan);
                        $tabTextSpan.appendTo($container)
                    }
                    if ((0, _type.isDefined)(data.html)) {
                        $container.html(data.html)
                    }
                }
                _initTemplates() {
                    super._initTemplates();
                    this._templateManager.addDefaultTemplates({
                        item: new _bindable_template.BindableTemplate(($container, data) => {
                            this._prepareDefaultItemTemplate(data, $container);
                            const $iconElement = (0, _icon.getImageContainer)(data.icon);
                            if ($iconElement) {
                                $iconElement.prependTo($container)
                            }
                            const $tabItem = (0, _renderer.default)("<div>").addClass(TABS_ITEM_TEXT_CLASS);
                            $container.wrapInner($tabItem)
                        }, ["text", "html", "icon"], this.option("integrationOptions.watchMethod"))
                    })
                }
                _itemClass() {
                    return TABS_ITEM_CLASS
                }
                _selectedItemClass() {
                    return TABS_ITEM_SELECTED_CLASS
                }
                _itemDataKey() {
                    return "dxTabData"
                }
                _initMarkup() {
                    super._initMarkup();
                    if (this.option("useInkRipple")) {
                        this._renderInkRipple()
                    }
                    this.$element().addClass("dx-overflow-hidden");
                    this._attachResizeObserverSubscription()
                }
                _postProcessRenderItems() {
                    this._renderScrolling()
                }
                _renderScrolling() {
                    const removeClasses = [TABS_STRETCHED_CLASS, _constants.TABS_EXPANDED_CLASS, "dx-overflow-hidden"];
                    this.$element().removeClass(removeClasses.join(" "));
                    if (this.option("scrollingEnabled") && this._isItemsSizeExceeded()) {
                        if (!this._scrollable) {
                            this._renderScrollable();
                            this._renderNavButtons()
                        }
                        const scrollable = this.getScrollable();
                        null === scrollable || void 0 === scrollable || scrollable.update();
                        if (this.option("rtlEnabled")) {
                            const maxLeftOffset = (0, _get_scroll_left_max.getScrollLeftMax)((0, _renderer.default)(this.getScrollable().container()).get(0));
                            null === scrollable || void 0 === scrollable || scrollable.scrollTo({
                                left: maxLeftOffset
                            })
                        }
                        this._updateNavButtonsState();
                        const {
                            selectedItem: selectedItem
                        } = this.option();
                        this._scrollToItem(selectedItem)
                    }
                    if (!(this.option("scrollingEnabled") && this._isItemsSizeExceeded())) {
                        this._cleanScrolling();
                        if (this._needStretchItems()) {
                            this.$element().addClass(TABS_STRETCHED_CLASS)
                        }
                        this.$element().removeClass(TABS_NAV_BUTTONS_CLASS).addClass(_constants.TABS_EXPANDED_CLASS)
                    }
                }
                _isVertical() {
                    const {
                        orientation: orientation
                    } = this.option();
                    return orientation === ORIENTATION_vertical
                }
                _isItemsSizeExceeded() {
                    const isVertical = this._isVertical();
                    return isVertical ? this._isItemsHeightExceeded() : this._isItemsWidthExceeded()
                }
                _isItemsWidthExceeded() {
                    const $visibleItems = this._getVisibleItems();
                    const tabItemTotalWidth = this._getSummaryItemsSize("width", $visibleItems, true);
                    const elementWidth = (0, _size.getWidth)(this.$element());
                    if ([tabItemTotalWidth, elementWidth].includes(0)) {
                        return false
                    }
                    return tabItemTotalWidth > elementWidth - 1
                }
                _isItemsHeightExceeded() {
                    const $visibleItems = this._getVisibleItems();
                    const itemsHeight = this._getSummaryItemsSize("height", $visibleItems, true);
                    const elementHeight = (0, _size.getHeight)(this.$element());
                    return itemsHeight - 1 > elementHeight
                }
                _needStretchItems() {
                    const $visibleItems = this._getVisibleItems();
                    const elementWidth = (0, _size.getWidth)(this.$element());
                    const itemsWidth = [];
                    (0, _iterator.each)($visibleItems, (_, item) => {
                        itemsWidth.push((0, _size.getOuterWidth)(item, true))
                    });
                    const maxTabItemWidth = Math.max.apply(null, itemsWidth);
                    const requireWidth = elementWidth / $visibleItems.length;
                    return maxTabItemWidth > requireWidth + 1
                }
                _cleanNavButtons() {
                    if (!this._leftButton || !this._rightButton) {
                        return
                    }
                    this._leftButton.$element().remove();
                    this._rightButton.$element().remove();
                    this._leftButton = null;
                    this._rightButton = null
                }
                _cleanScrolling() {
                    if (!this._scrollable) {
                        return
                    }
                    this._$wrapper.appendTo(this.$element());
                    this._scrollable.$element().remove();
                    this._scrollable = null;
                    this._cleanNavButtons()
                }
                _renderInkRipple() {
                    this._inkRipple = (0, _m_ink_ripple.render)()
                }
                _getPointerEvent() {
                    return _pointer.default.up
                }
                _toggleActiveState($element, value, event) {
                    super._toggleActiveState($element, value, event);
                    if (!this._inkRipple) {
                        return
                    }
                    const config = {
                        element: $element,
                        event: event
                    };
                    if (value) {
                        this._inkRipple.showWave(config)
                    } else {
                        this._inkRipple.hideWave(config)
                    }
                }
                _renderMultiple() {
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    if ("multiple" === selectionMode) {
                        this.option("selectOnFocus", false)
                    }
                }
                _renderWrapper() {
                    this._$wrapper = (0, _renderer.default)("<div>").addClass(TABS_WRAPPER_CLASS);
                    this.$element().append(this._$wrapper)
                }
                _itemContainer() {
                    return this._$wrapper
                }
                _getScrollableDirection() {
                    const isVertical = this._isVertical();
                    return isVertical ? SCROLLABLE_DIRECTION_vertical : SCROLLABLE_DIRECTION_horizontal
                }
                _updateScrollable() {
                    if (this.getScrollable()) {
                        this._cleanScrolling()
                    }
                    this._renderScrolling()
                }
                _renderScrollable() {
                    const $itemContainer = this.$element().wrapInner((0, _renderer.default)("<div>").addClass(TABS_SCROLLABLE_CLASS)).children();
                    const {
                        scrollByContent: scrollByContent
                    } = this.option();
                    this._scrollable = this._createComponent($itemContainer, _scrollable.default, {
                        direction: this._getScrollableDirection(),
                        showScrollbar: "never",
                        useKeyboard: false,
                        useNative: false,
                        scrollByContent: scrollByContent,
                        onScroll: () => {
                            this._updateNavButtonsState()
                        }
                    });
                    this.$element().append(this._scrollable.$element())
                }
                _scrollToItem(item) {
                    if (!this._scrollable) {
                        return
                    }
                    const $item = this._editStrategy.getItemElement(item);
                    this._scrollable.scrollToElement($item)
                }
                _itemPointerHandler(e) {
                    this._handleItemFocus(e)
                }
                _itemPointerUpHandler(e) {
                    super._itemPointerHandler(e)
                }
                _renderNavButtons() {
                    const {
                        showNavButtons: showNavButtons,
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    this.$element().toggleClass(TABS_NAV_BUTTONS_CLASS, showNavButtons);
                    if (!showNavButtons) {
                        return
                    }
                    this._leftButton = this._createNavButton(-30, rtlEnabled ? "chevronnext" : "chevronprev");
                    const $leftButton = this._leftButton.$element();
                    $leftButton.addClass(TABS_LEFT_NAV_BUTTON_CLASS);
                    this.$element().prepend($leftButton);
                    this._rightButton = this._createNavButton(30, rtlEnabled ? "chevronprev" : "chevronnext");
                    const $rightButton = this._rightButton.$element();
                    $rightButton.addClass(TABS_RIGHT_NAV_BUTTON_CLASS);
                    this.$element().append($rightButton)
                }
                _updateNavButtonsAriaDisabled() {
                    const buttons = [this._leftButton, this._rightButton];
                    buttons.forEach(button => {
                        null === button || void 0 === button || button.$element().attr({
                            "aria-disabled": null
                        })
                    })
                }
                _updateNavButtonsState() {
                    const isVertical = this._isVertical();
                    const scrollable = this.getScrollable();
                    if (isVertical) {
                        var _this$_leftButton, _this$_rightButton;
                        null === (_this$_leftButton = this._leftButton) || void 0 === _this$_leftButton || _this$_leftButton.option("disabled", (0, _get_boundary_props.isReachedTop)(scrollable.scrollTop(), 1));
                        null === (_this$_rightButton = this._rightButton) || void 0 === _this$_rightButton || _this$_rightButton.option("disabled", (0, _get_boundary_props.isReachedBottom)((0, _renderer.default)(scrollable.container()).get(0), scrollable.scrollTop(), 0, 1))
                    } else {
                        var _this$_leftButton2, _this$_rightButton2;
                        null === (_this$_leftButton2 = this._leftButton) || void 0 === _this$_leftButton2 || _this$_leftButton2.option("disabled", (0, _get_boundary_props.isReachedLeft)(scrollable.scrollLeft(), 1));
                        null === (_this$_rightButton2 = this._rightButton) || void 0 === _this$_rightButton2 || _this$_rightButton2.option("disabled", (0, _get_boundary_props.isReachedRight)((0, _renderer.default)(scrollable.container()).get(0), scrollable.scrollLeft(), 1))
                    }
                    this._updateNavButtonsAriaDisabled()
                }
                _updateScrollPosition(offset, duration) {
                    var _this$_scrollable, _this$_scrollable2;
                    null === (_this$_scrollable = this._scrollable) || void 0 === _this$_scrollable || _this$_scrollable.update();
                    null === (_this$_scrollable2 = this._scrollable) || void 0 === _this$_scrollable2 || _this$_scrollable2.scrollBy(offset / duration)
                }
                _createNavButton(offset, icon) {
                    const holdAction = this._createAction(() => {
                        this._holdInterval = setInterval(() => {
                            this._updateScrollPosition(offset, 5)
                        }, 5)
                    });
                    const holdEventName = (0, _utils.addNamespace)(_hold.default.name, "dxNavButton");
                    const pointerUpEventName = (0, _utils.addNamespace)(_pointer.default.up, "dxNavButton");
                    const pointerOutEventName = (0, _utils.addNamespace)(_pointer.default.out, "dxNavButton");
                    const navButton = this._createComponent((0, _renderer.default)("<div>").addClass(TABS_NAV_BUTTON_CLASS), _button.default, {
                        focusStateEnabled: false,
                        icon: icon,
                        integrationOptions: {},
                        elementAttr: {
                            role: null,
                            "aria-label": null,
                            "aria-disabled": null
                        },
                        onClick: () => {
                            this._updateScrollPosition(offset, 1)
                        }
                    });
                    const $navButton = navButton.$element();
                    _events_engine.default.on($navButton, holdEventName, {
                        timeout: 300
                    }, e => {
                        holdAction({
                            event: e
                        })
                    });
                    _events_engine.default.on($navButton, pointerUpEventName, () => {
                        this._clearInterval()
                    });
                    _events_engine.default.on($navButton, pointerOutEventName, () => {
                        this._clearInterval()
                    });
                    return navButton
                }
                _clearInterval() {
                    if (this._holdInterval) {
                        clearInterval(this._holdInterval)
                    }
                }
                _updateSelection(addedSelection) {
                    if (this._scrollable) {
                        return this._scrollable.scrollToElement(this.itemElements().eq(addedSelection[0]))
                    }
                    return
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        this._dimensionChanged()
                    }
                }
                _attachResizeObserverSubscription() {
                    _resize_observer.default.unobserve(this.$element().get(0));
                    _resize_observer.default.observe(this.$element().get(0), () => {
                        this._dimensionChanged()
                    })
                }
                _dimensionChanged() {
                    this._renderScrolling()
                }
                _enterKeyHandler(e) {
                    const {
                        focusedElement: focusedElement
                    } = this.option();
                    super._enterKeyHandler(e);
                    this.option("focusedElement", focusedElement)
                }
                _itemSelectHandler(e) {
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    if ("single" === selectionMode && this.isItemSelected(e.currentTarget)) {
                        return
                    }
                    super._itemSelectHandler(e)
                }
                _clean() {
                    _resize_observer.default.unobserve(this.$element().get(0));
                    this._cleanScrolling();
                    super._clean()
                }
                _toggleTabsVerticalClass(value) {
                    this.$element().toggleClass(TABS_ORIENTATION_CLASS.vertical, value)
                }
                _toggleTabsHorizontalClass(value) {
                    this.$element().toggleClass(TABS_ORIENTATION_CLASS.horizontal, value)
                }
                _getIndicatorPositionClass(indicatorPosition) {
                    return TABS_INDICATOR_POSITION_CLASS[indicatorPosition]
                }
                _getIndicatorPosition() {
                    const {
                        _indicatorPosition: _indicatorPosition,
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    if (_indicatorPosition) {
                        return _indicatorPosition
                    }
                    const isVertical = this._isVertical();
                    if (rtlEnabled) {
                        return isVertical ? INDICATOR_POSITION_left : INDICATOR_POSITION_bottom
                    }
                    return isVertical ? INDICATOR_POSITION_right : INDICATOR_POSITION_bottom
                }
                _toggleIndicatorPositionClass(indicatorPosition) {
                    const newClass = this._getIndicatorPositionClass(indicatorPosition);
                    this._toggleElementClasses(TABS_INDICATOR_POSITION_CLASS, newClass)
                }
                _toggleScrollingEnabledClass(scrollingEnabled) {
                    this.$element().toggleClass(TABS_SCROLLING_ENABLED_CLASS, Boolean(scrollingEnabled))
                }
                _toggleOrientationClass(orientation) {
                    const isVertical = orientation === ORIENTATION_vertical;
                    this._toggleTabsVerticalClass(isVertical);
                    this._toggleTabsHorizontalClass(!isVertical)
                }
                _getTabsIconPositionClass() {
                    const {
                        iconPosition: iconPosition
                    } = this.option();
                    switch (iconPosition) {
                        case ICON_POSITION_top:
                            return TABS_ICON_POSITION_CLASS.top;
                        case ICON_POSITION_end:
                            return TABS_ICON_POSITION_CLASS.end;
                        case ICON_POSITION_bottom:
                            return TABS_ICON_POSITION_CLASS.bottom;
                        default:
                            return TABS_ICON_POSITION_CLASS.start
                    }
                }
                _toggleIconPositionClass() {
                    const newClass = this._getTabsIconPositionClass();
                    this._toggleElementClasses(TABS_ICON_POSITION_CLASS, newClass)
                }
                _toggleStylingModeClass(value) {
                    const newClass = TABS_STYLING_MODE_CLASS[value ?? "primary"];
                    this._toggleElementClasses(TABS_STYLING_MODE_CLASS, newClass)
                }
                _toggleElementClasses(classMap, newClass) {
                    for (const key in classMap) {
                        this.$element().removeClass(classMap[key])
                    }
                    this.$element().addClass(newClass)
                }
                _toggleFocusedDisabledNextClass(currentIndex, isNextDisabled) {
                    this._itemElements().eq(currentIndex).toggleClass(FOCUSED_DISABLED_NEXT_TAB_CLASS, isNextDisabled)
                }
                _toggleFocusedDisabledPrevClass(currentIndex, isPrevDisabled) {
                    this._itemElements().eq(currentIndex).toggleClass(FOCUSED_DISABLED_PREV_TAB_CLASS, isPrevDisabled)
                }
                _toggleFocusedDisabledClasses(value) {
                    const {
                        selectedIndex: currentIndex
                    } = this.option();
                    this._itemElements().removeClass(FOCUSED_DISABLED_NEXT_TAB_CLASS).removeClass(FOCUSED_DISABLED_PREV_TAB_CLASS);
                    const prevItemIndex = currentIndex - 1;
                    const nextItemIndex = currentIndex + 1;
                    const nextFocusedIndex = (0, _renderer.default)(value).index();
                    const isNextDisabled = this._itemElements().eq(nextItemIndex).hasClass("dx-state-disabled");
                    const isPrevDisabled = this._itemElements().eq(prevItemIndex).hasClass("dx-state-disabled");
                    const shouldNextClassBeSetted = isNextDisabled && nextFocusedIndex === nextItemIndex;
                    const shouldPrevClassBeSetted = isPrevDisabled && nextFocusedIndex === prevItemIndex;
                    this._toggleFocusedDisabledNextClass(currentIndex, shouldNextClassBeSetted);
                    this._toggleFocusedDisabledPrevClass(currentIndex, shouldPrevClassBeSetted)
                }
                _updateFocusedElement() {
                    const {
                        focusStateEnabled: focusStateEnabled,
                        selectedIndex: selectedIndex
                    } = this.option();
                    const itemElements = this._itemElements();
                    if (focusStateEnabled && itemElements.length) {
                        const selectedItem = itemElements.get(selectedIndex);
                        this.option({
                            focusedElement: selectedItem
                        })
                    }
                }
                _optionChanged(args) {
                    var _this$_scrollable3;
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "useInkRipple":
                        case "scrollingEnabled":
                            this._toggleScrollingEnabledClass(value);
                            this._invalidate();
                            break;
                        case "showNavButtons":
                        case "badgeExpr":
                            this._invalidate();
                            break;
                        case "scrollByContent":
                            null === (_this$_scrollable3 = this._scrollable) || void 0 === _this$_scrollable3 || _this$_scrollable3.option(name, value);
                            break;
                        case "width":
                        case "height":
                            super._optionChanged(args);
                            this._dimensionChanged();
                            break;
                        case "selectionMode":
                            this._renderMultiple();
                            super._optionChanged(args);
                            break;
                        case "focusedElement":
                            this._toggleFocusedDisabledClasses((0, _renderer.default)(value));
                            super._optionChanged(args);
                            this._scrollToItem(value);
                            break;
                        case "rtlEnabled": {
                            super._optionChanged(args);
                            const indicatorPosition = this._getIndicatorPosition();
                            this._toggleIndicatorPositionClass(indicatorPosition);
                            break
                        }
                        case "orientation": {
                            this._toggleOrientationClass(value);
                            const indicatorPosition = this._getIndicatorPosition();
                            this._toggleIndicatorPositionClass(indicatorPosition);
                            if ((0, _window.hasWindow)()) {
                                this._updateScrollable()
                            }
                            break
                        }
                        case "iconPosition":
                            this._toggleIconPositionClass();
                            if ((0, _window.hasWindow)()) {
                                this._dimensionChanged()
                            }
                            break;
                        case "stylingMode":
                            this._toggleStylingModeClass(value);
                            if ((0, _window.hasWindow)()) {
                                this._dimensionChanged()
                            }
                            break;
                        case "_indicatorPosition": {
                            const indicatorPosition = this._getIndicatorPosition();
                            this._toggleIndicatorPositionClass(indicatorPosition);
                            break
                        }
                        case "selectedIndex":
                        case "selectedItem":
                        case "selectedItems":
                            super._optionChanged(args);
                            this._updateFocusedElement();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _afterItemElementInserted() {
                    super._afterItemElementInserted();
                    this._planPostRenderActions()
                }
                _afterItemElementDeleted($item, deletedActionArgs) {
                    super._afterItemElementDeleted($item, deletedActionArgs);
                    this._renderScrolling()
                }
                getScrollable() {
                    return this._scrollable
                }
            }
            Tabs.ItemClass = _item.default;
            (0, _component_registrator.default)("dxTabs", Tabs);
            exports.default = Tabs
        },
        85968(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _text_editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/text_box/text_editor.mask */ 25728));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const ignoreKeys = ["backspace", "tab", "enter", "pageUp", "pageDown", "end", "home", "leftArrow", "rightArrow", "downArrow", "upArrow", "del"];
            class TextBox extends _text_editor.default {
                ctor(element, options) {
                    if (options) {
                        this._showClearButton = options.showClearButton
                    }
                    super.ctor(element, options)
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        value: "",
                        mode: "text",
                        maxLength: null
                    })
                }
                _initMarkup() {
                    this.$element().addClass("dx-textbox");
                    super._initMarkup();
                    this.setAria("role", "textbox")
                }
                _renderInputType() {
                    super._renderInputType();
                    this._renderSearchMode()
                }
                _useTemplates() {
                    return false
                }
                _renderProps() {
                    super._renderProps();
                    this._toggleMaxLengthProp()
                }
                _toggleMaxLengthProp() {
                    const maxLength = this._getMaxLength();
                    if (maxLength && maxLength > 0) {
                        this._input().attr("maxLength", maxLength)
                    } else {
                        this._input().removeAttr("maxLength")
                    }
                }
                _renderSearchMode() {
                    const {
                        mode: mode
                    } = this.option();
                    if ("search" === mode) {
                        this.$element().addClass("dx-searchbox");
                        this._renderSearchIcon();
                        if (void 0 === this._showClearButton) {
                            const {
                                showClearButton: showClearButton
                            } = this.option();
                            this._showClearButton = showClearButton;
                            this.option("showClearButton", true)
                        }
                    } else {
                        this.$element().removeClass("dx-searchbox");
                        if (this._$searchIcon) {
                            this._$searchIcon.remove()
                        }
                        this.option("showClearButton", void 0 === this._showClearButton ? this.option("showClearButton") : this._showClearButton);
                        delete this._showClearButton
                    }
                }
                _renderSearchIcon() {
                    const $searchIcon = (0, _renderer.default)("<div>").addClass("dx-icon").addClass("dx-icon-search");
                    $searchIcon.prependTo(this._input().parent());
                    this._$searchIcon = $searchIcon
                }
                _getLabelContainerWidth() {
                    if (this._$searchIcon) {
                        const $inputContainer = this._input().parent();
                        return (0, _size.getWidth)($inputContainer) - this._getLabelBeforeWidth()
                    }
                    return super._getLabelContainerWidth()
                }
                _getLabelBeforeWidth() {
                    let labelBeforeWidth = super._getLabelBeforeWidth();
                    if (this._$searchIcon) {
                        labelBeforeWidth += (0, _size.getOuterWidth)(this._$searchIcon)
                    }
                    return labelBeforeWidth
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "maxLength":
                            this._toggleMaxLengthProp();
                            break;
                        case "mode":
                            super._optionChanged(args);
                            this._updateLabelWidth();
                            break;
                        case "mask":
                            super._optionChanged(args);
                            this._toggleMaxLengthProp();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _onKeyDownCutOffHandler(e) {
                    const actualMaxLength = this._getMaxLength();
                    if (actualMaxLength && !e.ctrlKey && !this._hasSelection()) {
                        const $input = (0, _renderer.default)(e.target);
                        const key = (0, _index.normalizeKeyName)(e);
                        this._cutOffExtraChar($input);
                        return $input.val().length < actualMaxLength || ignoreKeys.includes(key) || "" !== window.getSelection().toString()
                    }
                    return true
                }
                _onChangeCutOffHandler(e) {
                    const $input = (0, _renderer.default)(e.target);
                    if (this.option("maxLength")) {
                        this._cutOffExtraChar($input)
                    }
                }
                _cutOffExtraChar($input) {
                    const actualMaxLength = this._getMaxLength();
                    const textInput = $input.val();
                    if (actualMaxLength && textInput.length > actualMaxLength) {
                        $input.val(textInput.substr(0, actualMaxLength))
                    }
                }
                _getMaxLength() {
                    const {
                        mask: mask,
                        maxLength: maxLength
                    } = this.option();
                    const isMaskSpecified = !!mask;
                    return isMaskSpecified ? null : maxLength
                }
            }(0, _component_registrator.default)("dxTextBox", TextBox);
            exports.default = TextBox
        },
        34705(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.TEXTEDITOR_INPUT_CONTAINER_CLASS = exports.TEXTEDITOR_INPUT_CLASS = exports.TEXTEDITOR_CLASS = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _config = _interopRequireDefault(__webpack_require__( /*! ../../../core/config */ 66636));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _resize_observer = _interopRequireDefault(__webpack_require__( /*! ../../../core/resize_observer */ 11787));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _load_indicator = _interopRequireDefault(__webpack_require__( /*! ../../../ui/load_indicator */ 11979));
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/widget/ui.errors */ 35185));
            var _m_selectors = __webpack_require__( /*! ../../core/utils/m_selectors */ 62238);
            var _editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/editor/editor */ 24768));
            var _text_editor = _interopRequireDefault(__webpack_require__( /*! ./text_editor.clear */ 54239));
            var _text_editor2 = __webpack_require__( /*! ./text_editor.label */ 60172);
            var _index2 = _interopRequireDefault(__webpack_require__( /*! ./texteditor_button_collection/index */ 14354));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const TEXTEDITOR_CLASS = exports.TEXTEDITOR_CLASS = "dx-texteditor";
            const TEXTEDITOR_INPUT_CONTAINER_CLASS = exports.TEXTEDITOR_INPUT_CONTAINER_CLASS = "dx-texteditor-input-container";
            const TEXTEDITOR_INPUT_CLASS = exports.TEXTEDITOR_INPUT_CLASS = "dx-texteditor-input";
            const TEXTEDITOR_INPUT_SELECTOR = `.${TEXTEDITOR_INPUT_CLASS}`;
            const EVENTS_LIST = ["KeyDown", "KeyPress", "KeyUp", "Change", "Cut", "Copy", "Paste", "Input"];
            const CONTROL_KEYS = ["tab", "enter", "shift", "control", "alt", "escape", "pageUp", "pageDown", "end", "home", "leftArrow", "upArrow", "rightArrow", "downArrow"];
            let TextEditorLabelCreator = _text_editor2.TextEditorLabel;
            const checkButtonsOptionType = buttons => {
                if ((0, _type.isDefined)(buttons) && !Array.isArray(buttons)) {
                    throw _ui.default.Error("E1053")
                }
            };
            class TextEditorBase extends _editor.default {
                ctor(element, options) {
                    if (options) {
                        checkButtonsOptionType(options.buttons)
                    }
                    this._buttonCollection = new _index2.default(this, this._getDefaultButtons());
                    this._$beforeButtonsContainer = null;
                    this._$afterButtonsContainer = null;
                    this._labelContainerElement = null;
                    super.ctor(element, options)
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        buttons: void 0,
                        value: "",
                        spellcheck: false,
                        showClearButton: false,
                        valueChangeEvent: "change",
                        placeholder: "",
                        inputAttr: {},
                        onFocusIn: null,
                        onFocusOut: null,
                        onKeyDown: null,
                        onKeyUp: null,
                        onChange: null,
                        onInput: null,
                        onCut: null,
                        onCopy: null,
                        onPaste: null,
                        onEnterKey: null,
                        mode: "text",
                        hoverStateEnabled: true,
                        focusStateEnabled: true,
                        text: void 0,
                        stylingMode: (0, _config.default)().editorStylingMode || "outlined",
                        showValidationMark: true,
                        label: "",
                        labelMode: "static",
                        labelMark: "",
                        displayValueFormatter: value => (0, _type.isDefined)(value) && false !== value ? value : ""
                    })
                }
                _defaultOptionsRules() {
                    const rules = [...super._defaultOptionsRules(), {
                        device() {
                            const themeName = (0, _themes.current)();
                            return (0, _themes.isMaterial)(themeName)
                        },
                        options: {
                            labelMode: "floating",
                            stylingMode: (0, _config.default)().editorStylingMode || "filled"
                        }
                    }, {
                        device() {
                            const themeName = (0, _themes.current)();
                            return (0, _themes.isFluent)(themeName)
                        },
                        options: {
                            labelMode: "outside"
                        }
                    }];
                    return rules
                }
                _getDefaultButtons() {
                    return [{
                        name: "clear",
                        Ctor: _text_editor.default
                    }]
                }
                _isClearButtonVisible() {
                    return this.option("showClearButton") && !this.option("readOnly")
                }
                _input() {
                    return this.$element().find(TEXTEDITOR_INPUT_SELECTOR).first()
                }
                _isFocused() {
                    return (0, _m_selectors.focused)(this._input()) || super._isFocused()
                }
                _inputWrapper() {
                    return this.$element()
                }
                _buttonsContainer() {
                    return this._inputWrapper().find(".dx-texteditor-buttons-container").eq(0)
                }
                _isControlKey(key) {
                    return CONTROL_KEYS.includes(key)
                }
                _renderStylingMode() {
                    super._renderStylingMode();
                    const {
                        stylingMode: stylingMode
                    } = this.option();
                    this._updateButtonsStyling(stylingMode)
                }
                _initMarkup() {
                    this.$element().addClass(TEXTEDITOR_CLASS);
                    this._renderInput();
                    this._renderButtonContainers();
                    this._renderStylingMode();
                    this._renderInputType();
                    this._renderPlaceholder();
                    this._renderProps();
                    super._initMarkup();
                    this._renderValue();
                    this._renderLabel()
                }
                _render() {
                    super._render();
                    this._refreshValueChangeEvent();
                    this._refreshEvents();
                    this._renderEnterKeyAction();
                    this._renderEmptinessEvent()
                }
                _renderInput() {
                    this._$textEditorContainer = (0, _renderer.default)("<div>").addClass("dx-texteditor-container").appendTo(this.$element());
                    this._$textEditorInputContainer = (0, _renderer.default)("<div>").addClass(TEXTEDITOR_INPUT_CONTAINER_CLASS).appendTo(this._$textEditorContainer);
                    this._$textEditorInputContainer.append(this._createInput())
                }
                _getInputContainer() {
                    return this._$textEditorInputContainer
                }
                _renderPendingIndicator() {
                    this.$element().addClass("dx-validation-pending");
                    const $inputContainer = this._getInputContainer();
                    if (!$inputContainer) {
                        return
                    }
                    const $indicatorElement = (0, _renderer.default)("<div>").addClass("dx-pending-indicator").appendTo($inputContainer);
                    this._pendingIndicator = this._createComponent($indicatorElement, _load_indicator.default, {})
                }
                _disposePendingIndicator() {
                    if (!this._pendingIndicator) {
                        return
                    }
                    this._pendingIndicator.dispose();
                    this._pendingIndicator.$element().remove();
                    this._pendingIndicator = null;
                    this.$element().removeClass("dx-validation-pending")
                }
                _renderValidationState() {
                    super._renderValidationState();
                    const {
                        validationStatus: validationStatus,
                        showValidationMark: showValidationMark
                    } = this.option();
                    const isPending = "pending" === validationStatus;
                    if (isPending) {
                        if (!this._pendingIndicator) {
                            this._renderPendingIndicator()
                        }
                        this._showValidMark = false
                    } else {
                        if ("invalid" === validationStatus) {
                            this._showValidMark = false
                        }
                        if (!this._showValidMark && true === showValidationMark) {
                            this._showValidMark = "valid" === validationStatus && !!this._pendingIndicator
                        }
                        this._disposePendingIndicator()
                    }
                    this._toggleValidMark()
                }
                _getButtonsContainer() {
                    return this._$textEditorContainer
                }
                _renderButtonContainers() {
                    const {
                        buttons: buttons
                    } = this.option();
                    const $buttonsContainer = this._getButtonsContainer();
                    if (!$buttonsContainer) {
                        return
                    }
                    this._$beforeButtonsContainer = this._buttonCollection.renderBeforeButtons(buttons, $buttonsContainer);
                    this._$afterButtonsContainer = this._buttonCollection.renderAfterButtons(buttons, $buttonsContainer)
                }
                _cleanButtonContainers() {
                    var _this$_$beforeButtons, _this$_$afterButtonsC;
                    null === (_this$_$beforeButtons = this._$beforeButtonsContainer) || void 0 === _this$_$beforeButtons || _this$_$beforeButtons.remove();
                    null === (_this$_$afterButtonsC = this._$afterButtonsContainer) || void 0 === _this$_$afterButtonsC || _this$_$afterButtonsC.remove();
                    this._buttonCollection.clean()
                }
                _clean() {
                    this._buttonCollection.clean();
                    this._disposePendingIndicator();
                    this._unobserveLabelContainerResize();
                    super._clean();
                    this._$beforeButtonsContainer = null;
                    this._$afterButtonsContainer = null;
                    this._$textEditorContainer = null;
                    this._$textEditorInputContainer = null;
                    this._$placeholder = null
                }
                _createInput() {
                    const $input = (0, _renderer.default)("<input>");
                    this._applyInputAttributes($input, this.option("inputAttr"));
                    return $input
                }
                _setSubmitElementName(name) {
                    const {
                        inputAttr: inputAttr
                    } = this.option();
                    super._setSubmitElementName(name || (null === inputAttr || void 0 === inputAttr ? void 0 : inputAttr.name) || "")
                }
                _applyInputAttributes($input) {
                    let customAttributes = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
                    const inputAttributes = (0, _extend.extend)(this._getDefaultAttributes(), customAttributes);
                    $input.attr(inputAttributes);
                    $input.addClass(TEXTEDITOR_INPUT_CLASS);
                    this._setInputMinHeight($input)
                }
                _setInputMinHeight($input) {
                    $input.css("minHeight", this.option("height") ? "0" : "")
                }
                _getPlaceholderAttr() {
                    const {
                        ios: ios,
                        mac: mac
                    } = _devices.default.real();
                    const {
                        placeholder: placeholder
                    } = this.option();
                    const value = placeholder || (ios || mac ? " " : null);
                    return value
                }
                _getDefaultAttributes() {
                    const defaultAttributes = {
                        autocomplete: "off",
                        placeholder: this._getPlaceholderAttr()
                    };
                    return defaultAttributes
                }
                _updateButtons(names) {
                    this._buttonCollection.updateButtons(names)
                }
                _updateButtonsStyling(editorStylingMode) {
                    (0, _iterator.each)(this.option("buttons"), (_, _ref) => {
                        let {
                            options: options,
                            name: buttonName
                        } = _ref;
                        if (options && !options.stylingMode && this.option("visible")) {
                            const buttonInstance = this.getButton(buttonName);
                            if (null !== buttonInstance && void 0 !== buttonInstance && buttonInstance.option) {
                                buttonInstance.option("stylingMode", "underlined" === editorStylingMode ? "text" : "contained")
                            }
                        }
                    })
                }
                _renderValue() {
                    const renderInputDeferred = this._renderInputValue();
                    const renderInputPromise = renderInputDeferred.promise();
                    return renderInputPromise
                }
                _renderInputValue(value) {
                    const {
                        value: optionValue,
                        text: text,
                        displayValue: displayValue,
                        displayValueFormatter: displayValueFormatter
                    } = this.option();
                    const finalValue = value ?? optionValue;
                    let textValue = text;
                    if (void 0 !== displayValue && null !== finalValue) {
                        textValue = null === displayValueFormatter || void 0 === displayValueFormatter ? void 0 : displayValueFormatter(displayValue)
                    } else if (!(0, _type.isDefined)(textValue)) {
                        textValue = null === displayValueFormatter || void 0 === displayValueFormatter ? void 0 : displayValueFormatter(finalValue)
                    }
                    this.option({
                        text: textValue
                    });
                    const inputElementValue = this._input().val();
                    if (inputElementValue !== ((0, _type.isDefined)(textValue) ? textValue : "")) {
                        this._renderDisplayText(textValue)
                    } else {
                        this._toggleEmptinessEventHandler()
                    }
                    return (0, _deferred.Deferred)().resolve()
                }
                _renderDisplayText(text) {
                    this._input().val(text);
                    this._toggleEmptinessEventHandler()
                }
                _isValueValid() {
                    if (this._input().length) {
                        const {
                            validity: validity
                        } = this._input().get(0);
                        if (validity) {
                            return Boolean(validity.valid)
                        }
                    }
                    return true
                }
                _toggleEmptiness(isEmpty) {
                    this.$element().toggleClass("dx-texteditor-empty", isEmpty);
                    this._togglePlaceholder(isEmpty)
                }
                _togglePlaceholder(isEmpty) {
                    this.$element().find(".dx-placeholder").eq(0).toggleClass("dx-state-invisible", !isEmpty)
                }
                _renderProps() {
                    this._toggleReadOnlyState();
                    this._toggleSpellcheckState();
                    this._toggleTabIndex()
                }
                _toggleDisabledState(value) {
                    super._toggleDisabledState(value);
                    const $input = this._input();
                    $input.prop("disabled", value)
                }
                _toggleTabIndex() {
                    const $input = this._input();
                    const {
                        disabled: disabled,
                        focusStateEnabled: focusStateEnabled
                    } = this.option();
                    if (disabled || !focusStateEnabled) {
                        $input.attr("tabIndex", -1)
                    } else {
                        $input.removeAttr("tabIndex")
                    }
                }
                _toggleReadOnlyState() {
                    this._input().prop("readOnly", this._readOnlyPropValue());
                    super._toggleReadOnlyState()
                }
                _readOnlyPropValue() {
                    const {
                        readOnly: readOnly
                    } = this.option();
                    return !!readOnly
                }
                _toggleSpellcheckState() {
                    const {
                        spellcheck: spellcheck
                    } = this.option();
                    this._input().prop("spellcheck", Boolean(spellcheck))
                }
                _unobserveLabelContainerResize() {
                    if (this._labelContainerElement) {
                        _resize_observer.default.unobserve(this._labelContainerElement);
                        this._labelContainerElement = null
                    }
                }
                _getLabelContainer() {
                    return this._input()
                }
                _getLabelContainerWidth() {
                    return (0, _size.getWidth)(this._getLabelContainer())
                }
                _getLabelBeforeWidth() {
                    const buttonsBeforeWidth = this._$beforeButtonsContainer && (0, _size.getWidth)(this._$beforeButtonsContainer);
                    return buttonsBeforeWidth ?? 0
                }
                _updateLabelWidth() {
                    this._label.updateBeforeWidth(this._getLabelBeforeWidth());
                    this._label.updateMaxWidth(this._getLabelContainerWidth())
                }
                _getFieldElement() {
                    return this._getLabelContainer()
                }
                _setFieldAria(force) {
                    var _this$_label;
                    const inputAttr = this.option("inputAttr");
                    const ariaLabel = null === inputAttr || void 0 === inputAttr ? void 0 : inputAttr["aria-label"];
                    const labelId = null === (_this$_label = this._label) || void 0 === _this$_label ? void 0 : _this$_label.getId();
                    const value = ariaLabel ? void 0 : labelId;
                    if (value || force) {
                        const aria = {
                            labelledby: value,
                            label: ariaLabel
                        };
                        this.setAria(aria, this._getFieldElement())
                    }
                }
                _renderLabel() {
                    this._unobserveLabelContainerResize();
                    this._labelContainerElement = (0, _renderer.default)(this._getLabelContainer()).get(0);
                    const {
                        label: label,
                        labelMode: labelMode,
                        labelMark: labelMark,
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    const labelConfig = {
                        onClickHandler: () => {
                            this.focus()
                        },
                        onHoverHandler: e => {
                            e.stopPropagation()
                        },
                        onActiveHandler: e => {
                            e.stopPropagation()
                        },
                        $editor: this.$element(),
                        text: label,
                        mark: labelMark,
                        mode: labelMode,
                        rtlEnabled: rtlEnabled,
                        containsButtonsBefore: !!this._$beforeButtonsContainer,
                        getContainerWidth: () => this._getLabelContainerWidth(),
                        getBeforeWidth: () => this._getLabelBeforeWidth()
                    };
                    this._label = new TextEditorLabelCreator(labelConfig);
                    this._setFieldAria();
                    if (this._labelContainerElement) {
                        _resize_observer.default.observe(this._labelContainerElement, this._updateLabelWidth.bind(this))
                    }
                }
                _renderPlaceholder() {
                    this._renderPlaceholderMarkup();
                    this._attachPlaceholderEvents()
                }
                _renderPlaceholderMarkup() {
                    if (this._$placeholder) {
                        this._$placeholder.remove();
                        this._$placeholder = null
                    }
                    const $input = this._input();
                    const placeholder = this.option("placeholder");
                    const placeholderAttributes = {
                        id: placeholder ? `dx-${new _guid.default}` : void 0,
                        "data-dx_placeholder": placeholder
                    };
                    this._$placeholder = (0, _renderer.default)("<div>").attr(placeholderAttributes);
                    this._$placeholder.insertAfter($input);
                    this._$placeholder.addClass("dx-placeholder")
                }
                _attachPlaceholderEvents() {
                    const startEvent = (0, _index.addNamespace)(_pointer.default.up, this.NAME);
                    _events_engine.default.on(this._$placeholder, startEvent, () => {
                        _events_engine.default.trigger(this._input(), "focus")
                    });
                    this._toggleEmptinessEventHandler()
                }
                _placeholder() {
                    return this._$placeholder ?? (0, _renderer.default)()
                }
                _clearValueHandler(e) {
                    const $input = this._input();
                    e.stopPropagation();
                    this._saveValueChangeEvent(e);
                    this._clearValue();
                    if (!this._isFocused()) {
                        _events_engine.default.trigger($input, "focus")
                    }
                    _events_engine.default.trigger($input, "input")
                }
                _clearValue() {
                    this.clear()
                }
                _renderEvents() {
                    const $input = this._input();
                    EVENTS_LIST.forEach(event => {
                        const actionName = `on${event}`;
                        const hasActionSubscription = this.hasActionSubscription(actionName);
                        if (hasActionSubscription) {
                            const action = this._createActionByOption(actionName, {
                                excludeValidators: ["readOnly"]
                            });
                            _events_engine.default.on($input, (0, _index.addNamespace)(event.toLowerCase(), this.NAME), e => {
                                if (this._disposed) {
                                    return
                                }
                                action({
                                    event: e
                                })
                            })
                        }
                    })
                }
                _refreshEvents() {
                    const $input = this._input();
                    EVENTS_LIST.forEach(event => {
                        _events_engine.default.off($input, (0, _index.addNamespace)(event.toLowerCase(), this.NAME))
                    });
                    this._renderEvents()
                }
                _keyPressHandler(e) {
                    this.option("text", this._input().val())
                }
                _keyDownHandler(e) {
                    const $input = this._input();
                    const isCtrlEnter = e.ctrlKey && "enter" === (0, _index.normalizeKeyName)(e);
                    const {
                        value: value
                    } = this.option();
                    const isNewValue = $input.val() !== value;
                    if (isCtrlEnter && isNewValue) {
                        _events_engine.default.trigger($input, "change")
                    }
                }
                _getValueChangeEventOptionName() {
                    return "valueChangeEvent"
                }
                _renderValueChangeEvent() {
                    const valueChangeEventOptionName = this._getValueChangeEventOptionName();
                    const {
                        [valueChangeEventOptionName]: actionName
                    } = this.option();
                    const keyPressEvent = (0, _index.addNamespace)(this._renderValueEventName(), `${this.NAME}TextChange`);
                    const valueChangeEvent = (0, _index.addNamespace)(actionName, `${this.NAME}ValueChange`);
                    const keyDownEvent = (0, _index.addNamespace)("keydown", `${this.NAME}TextChange`);
                    const $input = this._input();
                    _events_engine.default.on($input, keyPressEvent, this._keyPressHandler.bind(this));
                    _events_engine.default.on($input, valueChangeEvent, this._valueChangeEventHandler.bind(this));
                    _events_engine.default.on($input, keyDownEvent, this._keyDownHandler.bind(this))
                }
                _cleanValueChangeEvent() {
                    const valueChangeNamespace = `.${this.NAME}ValueChange`;
                    const textChangeNamespace = `.${this.NAME}TextChange`;
                    _events_engine.default.off(this._input(), valueChangeNamespace);
                    _events_engine.default.off(this._input(), textChangeNamespace)
                }
                _refreshValueChangeEvent() {
                    this._cleanValueChangeEvent();
                    this._renderValueChangeEvent()
                }
                _renderValueEventName() {
                    return "input change keypress"
                }
                _focusTarget() {
                    return this._input()
                }
                _focusEventTarget() {
                    return this.$element()
                }
                _isInput(element) {
                    return element === this._input().get(0)
                }
                _preventNestedFocusEvent(event) {
                    if (event.isDefaultPrevented()) {
                        return true
                    }
                    let shouldPrevent = this._isNestedTarget(event.relatedTarget);
                    if ("focusin" === event.type) {
                        shouldPrevent = shouldPrevent && this._isNestedTarget(event.target) && !this._isInput(event.target)
                    } else if (!shouldPrevent) {
                        this._toggleFocusClass(false, this.$element())
                    }
                    if (shouldPrevent) {
                        event.preventDefault()
                    }
                    return shouldPrevent
                }
                _isNestedTarget(target) {
                    return !!this.$element().find(target).length
                }
                _focusClassTarget($element) {
                    return this.$element()
                }
                _focusInHandler(event) {
                    this._preventNestedFocusEvent(event);
                    super._focusInHandler(event)
                }
                _focusOutHandler(event) {
                    this._preventNestedFocusEvent(event);
                    super._focusOutHandler(event)
                }
                _toggleFocusClass(isFocused, $element) {
                    super._toggleFocusClass(isFocused, this._focusClassTarget($element))
                }
                _hasFocusClass(element) {
                    return super._hasFocusClass((0, _renderer.default)(element || this.$element()))
                }
                _renderEmptinessEvent() {
                    const $input = this._input();
                    _events_engine.default.on($input, "input blur", this._toggleEmptinessEventHandler.bind(this))
                }
                _toggleEmptinessEventHandler() {
                    const text = this._input().val();
                    const isEmpty = ("" === text || null === text) && this._isValueValid();
                    this._toggleEmptiness(isEmpty)
                }
                _valueChangeEventHandler(e, formattedValue) {
                    if (this.option("readOnly")) {
                        return
                    }
                    this._saveValueChangeEvent(e);
                    this.option("value", arguments.length > 1 ? formattedValue : this._input().val());
                    this._saveValueChangeEvent(void 0)
                }
                _renderEnterKeyAction() {
                    this._enterKeyAction = this._createActionByOption("onEnterKey", {
                        excludeValidators: ["readOnly"]
                    });
                    _events_engine.default.off(this._input(), "keyup.onEnterKey.dxTextEditor");
                    _events_engine.default.on(this._input(), "keyup.onEnterKey.dxTextEditor", this._enterKeyHandlerUp.bind(this))
                }
                _enterKeyHandlerUp(e) {
                    if (this._disposed) {
                        return
                    }
                    if ("enter" === (0, _index.normalizeKeyName)(e)) {
                        var _this$_enterKeyAction;
                        null === (_this$_enterKeyAction = this._enterKeyAction) || void 0 === _this$_enterKeyAction || _this$_enterKeyAction.call(this, {
                            event: e
                        })
                    }
                }
                _updateValue() {
                    this._options.silent("text", null);
                    this._renderValue()
                }
                _dispose() {
                    this._enterKeyAction = void 0;
                    super._dispose()
                }
                _getSubmitElement() {
                    return this._input()
                }
                _hasActiveElement() {
                    const input = this._input()[0];
                    const activeElement = _dom_adapter.default.getActiveElement(input);
                    return this._input().is(activeElement)
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        fullName: fullName,
                        value: value
                    } = args;
                    const eventName = name.replace("on", "");
                    if (EVENTS_LIST.includes(eventName)) {
                        this._refreshEvents();
                        return
                    }
                    switch (name) {
                        case "valueChangeEvent":
                            this._refreshValueChangeEvent();
                            this._refreshFocusEvent();
                            this._refreshEvents();
                            break;
                        case "onValueChanged":
                            this._createValueChangeAction();
                            break;
                        case "focusStateEnabled":
                            super._optionChanged(args);
                            this._toggleTabIndex();
                            break;
                        case "spellcheck":
                            this._toggleSpellcheckState();
                            break;
                        case "mode":
                            this._renderInputType();
                            break;
                        case "onEnterKey":
                            this._renderEnterKeyAction();
                            break;
                        case "placeholder":
                            this._renderPlaceholder();
                            this._setFieldAria(true);
                            this._input().attr({
                                placeholder: this._getPlaceholderAttr()
                            });
                            break;
                        case "label":
                            this._label.updateText(value ?? "");
                            this._setFieldAria(true);
                            break;
                        case "labelMark":
                            this._label.updateMark(value ?? "");
                            break;
                        case "labelMode":
                            this._label.updateMode(value);
                            this._setFieldAria();
                            break;
                        case "width":
                            super._optionChanged(args);
                            this._label.updateMaxWidth(this._getLabelContainerWidth());
                            break;
                        case "readOnly":
                        case "disabled":
                            this._updateButtons();
                            super._optionChanged(args);
                            break;
                        case "showClearButton":
                            this._updateButtons(["clear"]);
                            break;
                        case "text":
                        case "showValidationMark":
                            break;
                        case "value":
                            this._updateValue();
                            super._optionChanged(args);
                            break;
                        case "inputAttr":
                            this._applyInputAttributes(this._input(), this.option(name));
                            break;
                        case "stylingMode":
                            this._renderStylingMode();
                            this._updateLabelWidth();
                            break;
                        case "buttons": {
                            if (fullName === name) {
                                checkButtonsOptionType(value)
                            }
                            this._cleanButtonContainers();
                            this._renderButtonContainers();
                            const {
                                stylingMode: stylingMode
                            } = this.option();
                            this._updateButtonsStyling(stylingMode);
                            this._updateLabelWidth();
                            this._label.updateContainsButtonsBefore(!!this._$beforeButtonsContainer);
                            break
                        }
                        case "visible":
                            super._optionChanged(args);
                            if (value && this.option("buttons")) {
                                this._cleanButtonContainers();
                                this._renderButtonContainers();
                                const {
                                    stylingMode: stylingMode
                                } = this.option();
                                this._updateButtonsStyling(stylingMode)
                            }
                            break;
                        case "displayValueFormatter":
                            this._invalidate();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _renderInputType() {
                    const {
                        mode: mode
                    } = this.option();
                    this._setInputType(mode)
                }
                _setInputType(type) {
                    const input = this._input();
                    const typeValue = "search" === type ? "text" : type;
                    try {
                        input.prop("type", typeValue ?? "text")
                    } catch (e) {
                        input.prop("type", "text")
                    }
                }
                getButton(name) {
                    return this._buttonCollection.getButton(name)
                }
                focus() {
                    _events_engine.default.trigger(this._input(), "focus")
                }
                clear() {
                    if (this._showValidMark) {
                        this._showValidMark = false;
                        this._renderValidationState()
                    }
                    const defaultOptions = this._getDefaultOptions();
                    if (this.option("value") === defaultOptions.value) {
                        this._options.silent("text", "");
                        this._renderValue()
                    } else {
                        this.option("value", defaultOptions.value)
                    }
                }
                _resetInputText() {
                    this._options.silent("text", this._initialValue);
                    this._renderValue()
                }
                _isValueEqualToInitial() {
                    const {
                        value: value
                    } = this.option();
                    const initialValue = this._initialValue;
                    return value === initialValue
                }
                _resetToInitialValue() {
                    const shouldResetInputText = this._isValueEqualToInitial();
                    if (shouldResetInputText) {
                        this._resetInputText()
                    } else {
                        super._resetToInitialValue()
                    }
                    this._disposePendingIndicator();
                    this._showValidMark = false;
                    this._toggleValidMark()
                }
                _toggleValidMark() {
                    this.$element().toggleClass("dx-valid", !!this._showValidMark)
                }
                reset() {
                    let value = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
                    if (arguments.length) {
                        super.reset(value)
                    } else {
                        super.reset()
                    }
                }
                on(eventName, eventHandler) {
                    const result = super.on(eventName, eventHandler);
                    if ("string" === typeof eventName) {
                        const event = eventName.charAt(0).toUpperCase() + eventName.substr(1);
                        if (EVENTS_LIST.includes(event)) {
                            this._refreshEvents()
                        }
                    }
                    return result
                }
            }
            exports.default = TextEditorBase
        },
        37932(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _text_editor = _interopRequireDefault(__webpack_require__( /*! ./text_editor.mask */ 25728));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }(0, _component_registrator.default)("dxTextEditor", _text_editor.default);
            exports.default = _text_editor.default
        },
        54239(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../ui/text_box/texteditor_button_collection/button */ 57003));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const pointerDown = _pointer.default.down;
            class ClearButton extends _button.default {
                _create() {
                    const $element = (0, _renderer.default)("<span>").addClass("dx-clear-button-area").append((0, _renderer.default)("<span>").addClass("dx-icon").addClass("dx-icon-clear"));
                    this._addToContainer($element);
                    this.update(true);
                    return {
                        instance: $element,
                        $element: $element
                    }
                }
                _isVisible() {
                    const {
                        editor: editor
                    } = this;
                    return !!(null !== editor && void 0 !== editor && editor._isClearButtonVisible())
                }
                _attachEvents(instance, $button) {
                    var _this$editor;
                    const editorName = (null === (_this$editor = this.editor) || void 0 === _this$editor ? void 0 : _this$editor.NAME) ?? "";
                    _events_engine.default.on($button, (0, _index.addNamespace)(pointerDown, editorName), e => {
                        e.preventDefault();
                        if ("mouse" !== e.pointerType) {
                            var _this$editor2;
                            null === (_this$editor2 = this.editor) || void 0 === _this$editor2 || _this$editor2._clearValueHandler(e)
                        }
                    });
                    _events_engine.default.on($button, (0, _index.addNamespace)(_click.name, editorName), e => {
                        var _this$editor3;
                        return null === (_this$editor3 = this.editor) || void 0 === _this$editor3 ? void 0 : _this$editor3._clearValueHandler(e)
                    })
                }
                _legacyRender($editor, isVisible) {
                    $editor.toggleClass("dx-show-clear-button", isVisible)
                }
                update() {
                    let rendered = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : false;
                    if (!rendered) {
                        super.update()
                    }
                    const {
                        editor: editor,
                        instance: instance
                    } = this;
                    if (!editor) {
                        return false
                    }
                    const $editor = editor.$element();
                    const isVisible = this._isVisible();
                    if (instance) {
                        instance.toggleClass("dx-state-invisible", !isVisible)
                    }
                    this._legacyRender($editor, isVisible);
                    return isVisible
                }
            }
            exports.default = ClearButton
        },
        60172(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TextEditorLabel = void 0;
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _emitter = __webpack_require__( /*! ../../../common/core/events/core/emitter.feedback */ 69331);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _hover = __webpack_require__( /*! ../../../common/core/events/hover */ 638);
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _guid = _interopRequireDefault(__webpack_require__( /*! ../../../core/guid */ 19427));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.TextEditorLabel = class {
                constructor(props) {
                    this.NAME = "dxLabel";
                    this._props = props;
                    this._id = `dx-texteditor-label-${new _guid.default}`;
                    this._render();
                    this._toggleMarkupVisibility()
                }
                _isVisible() {
                    return !!this._props.text && "hidden" !== this._props.mode
                }
                _render() {
                    this._$before = (0, _renderer.default)("<div>").addClass("dx-label-before");
                    this._$labelSpan = (0, _renderer.default)("<span>");
                    this._$label = (0, _renderer.default)("<div>").addClass("dx-label").append(this._$labelSpan);
                    this._$after = (0, _renderer.default)("<div>").addClass("dx-label-after");
                    this._$root = (0, _renderer.default)("<div>").addClass("dx-texteditor-label").attr("id", this._id).append(this._$before).append(this._$label).append(this._$after);
                    this._updateMark();
                    this._updateText();
                    this._updateBeforeWidth();
                    this._updateMaxWidth()
                }
                _toggleMarkupVisibility() {
                    const visible = this._isVisible();
                    this._updateEditorBeforeButtonsClass(visible);
                    this._updateEditorLabelClass(visible);
                    visible ? this._$root.appendTo(this._props.$editor) : this._$root.detach();
                    this._attachEvents()
                }
                _attachEvents() {
                    const clickEventName = (0, _index.addNamespace)(_click.name, this.NAME);
                    const hoverStartEventName = (0, _index.addNamespace)(_hover.start, this.NAME);
                    const activeEventName = (0, _index.addNamespace)(_emitter.active, this.NAME);
                    _events_engine.default.off(this._$labelSpan, clickEventName);
                    _events_engine.default.off(this._$labelSpan, hoverStartEventName);
                    _events_engine.default.off(this._$labelSpan, activeEventName);
                    if (this._isVisible() && this._isOutsideMode()) {
                        _events_engine.default.on(this._$labelSpan, clickEventName, e => {
                            var _getWindow;
                            const selectedText = null === (_getWindow = (0, _window.getWindow)()) || void 0 === _getWindow || null === (_getWindow = _getWindow.getSelection()) || void 0 === _getWindow ? void 0 : _getWindow.toString();
                            if ("" === selectedText) {
                                this._props.onClickHandler();
                                e.preventDefault()
                            }
                        });
                        _events_engine.default.on(this._$labelSpan, hoverStartEventName, e => {
                            this._props.onHoverHandler(e)
                        });
                        _events_engine.default.on(this._$labelSpan, activeEventName, e => {
                            this._props.onActiveHandler(e)
                        })
                    }
                }
                _updateEditorLabelClass(visible) {
                    this._props.$editor.removeClass("dx-texteditor-with-floating-label").removeClass("dx-texteditor-label-outside").removeClass("dx-texteditor-with-label");
                    if (visible) {
                        const labelClass = "floating" === this._props.mode ? "dx-texteditor-with-floating-label" : "dx-texteditor-with-label";
                        this._props.$editor.addClass(labelClass);
                        if (this._isOutsideMode()) {
                            this._props.$editor.addClass("dx-texteditor-label-outside")
                        }
                    }
                }
                _isOutsideMode() {
                    return "outside" === this._props.mode
                }
                _updateEditorBeforeButtonsClass() {
                    let visible = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this._isVisible();
                    this._props.$editor.removeClass("dx-texteditor-with-before-buttons");
                    if (visible) {
                        const beforeButtonsClass = this._props.containsButtonsBefore ? "dx-texteditor-with-before-buttons" : "";
                        this._props.$editor.addClass(beforeButtonsClass)
                    }
                }
                _updateMark() {
                    this._$labelSpan.attr("data-mark", this._props.mark ?? null)
                }
                _updateText() {
                    this._$labelSpan.text(this._props.text ?? "")
                }
                _updateBeforeWidth() {
                    if (this._isVisible()) {
                        var _this$_$before;
                        const width = this._props.beforeWidth ?? this._props.getBeforeWidth();
                        null === (_this$_$before = this._$before) || void 0 === _this$_$before || _this$_$before.css({
                            width: width
                        });
                        this._updateLabelTransform()
                    }
                }
                _updateLabelTransform() {
                    let offset = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0;
                    this._$labelSpan.css("transform", "");
                    if (this._isVisible() && this._isOutsideMode()) {
                        const sign = this._props.rtlEnabled ? 1 : -1;
                        const labelTranslateX = sign * ((0, _size.getWidth)(this._$before) + offset);
                        this._$labelSpan.css("transform", `translateX(${labelTranslateX}px)`)
                    }
                }
                _updateMaxWidth() {
                    if (this._isVisible() && !this._isOutsideMode()) {
                        const maxWidth = this._props.containerWidth ?? this._props.getContainerWidth();
                        this._$label.css({
                            maxWidth: maxWidth
                        })
                    }
                }
                $element() {
                    return this._$root
                }
                isVisible() {
                    return this._isVisible()
                }
                getId() {
                    if (this._isVisible()) {
                        return this._id
                    }
                    return
                }
                updateMode(mode) {
                    this._props.mode = mode;
                    this._toggleMarkupVisibility();
                    this._updateBeforeWidth();
                    this._updateMaxWidth()
                }
                updateText(text) {
                    this._props.text = text;
                    this._updateText();
                    this._toggleMarkupVisibility();
                    this._updateBeforeWidth();
                    this._updateMaxWidth()
                }
                updateMark(mark) {
                    this._props.mark = mark;
                    this._updateMark()
                }
                updateContainsButtonsBefore(containsButtonsBefore) {
                    this._props.containsButtonsBefore = containsButtonsBefore;
                    this._updateEditorBeforeButtonsClass()
                }
                updateBeforeWidth(beforeWidth) {
                    this._props.beforeWidth = beforeWidth;
                    this._updateBeforeWidth()
                }
                updateMaxWidth(containerWidth) {
                    this._props.containerWidth = containerWidth;
                    this._updateMaxWidth()
                }
            }
        },
        25728(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _wheel = __webpack_require__( /*! ../../../common/core/events/core/wheel */ 37373);
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _string = __webpack_require__( /*! ../../../core/utils/string */ 54497);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _m_selectors = __webpack_require__( /*! ../../core/utils/m_selectors */ 62238);
            var _m_text_editor = _interopRequireDefault(__webpack_require__( /*! ../../ui/text_box/m_text_editor.base */ 34705));
            var _text_editorMask = __webpack_require__( /*! ../../ui/text_box/text_editor.mask.rule */ 42482);
            var _text_editorMask2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/text_box/text_editor.mask.strategy */ 73445));
            var _utils = _interopRequireDefault(__webpack_require__( /*! ../../ui/text_box/utils.caret */ 99621));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const isNumericChar = char => /[0-9]/.test(char);
            const isLiteralChar = char => {
                const code = char.charCodeAt(0);
                return code > 64 && code < 91 || code > 96 && code < 123 || code > 127
            };
            const isSpaceChar = char => " " === char;
            const buildInMaskRules = {
                0: /[0-9]/,
                9: /[0-9\s]/,
                "#": /[-+0-9\s]/,
                L: char => isLiteralChar(char),
                l: char => isLiteralChar(char) || isSpaceChar(char),
                C: /\S/,
                c: /./,
                A: char => isLiteralChar(char) || isNumericChar(char),
                a: char => isLiteralChar(char) || isNumericChar(char) || isSpaceChar(char)
            };
            class TextEditorMask extends _m_text_editor.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        mask: "",
                        maskChar: "_",
                        maskRules: {},
                        maskInvalidMessage: _message.default.format("validation-mask"),
                        useMaskedValue: false,
                        showMaskMode: "always"
                    })
                }
                _supportedKeys() {
                    const result = super._supportedKeys();
                    const keyHandlerMap = {
                        del: this._maskStrategy.getHandler("del"),
                        enter: this._changeHandler
                    };
                    Object.entries(keyHandlerMap).forEach(_ref => {
                        let [key, handler] = _ref;
                        const parentHandler = result[key];
                        result[key] = e => {
                            const {
                                mask: mask
                            } = this.option();
                            if (mask && handler) {
                                handler.call(this, e)
                            }
                            null === parentHandler || void 0 === parentHandler || parentHandler(e)
                        }
                    });
                    return result
                }
                _getSubmitElement() {
                    const {
                        mask: mask
                    } = this.option();
                    const submitElement = !mask ? super._getSubmitElement() : this._$hiddenElement;
                    return submitElement
                }
                _init() {
                    super._init();
                    this._initMaskStrategy()
                }
                _initMaskStrategy() {
                    this._maskStrategy = new _text_editorMask2.default(this)
                }
                _initMarkup() {
                    this._renderHiddenElement();
                    super._initMarkup()
                }
                _attachMouseWheelEventHandlers() {
                    if (!this._hasMouseWheelHandler()) {
                        return
                    }
                    const input = this._input();
                    const eventName = (0, _index.addNamespace)(_wheel.name, this.NAME);
                    const mouseWheelAction = this._createAction(e => {
                        const {
                            event: event
                        } = e;
                        if ((0, _m_selectors.focused)(input) && !(0, _index.isCommandKeyPressed)(event)) {
                            this._onMouseWheel(event);
                            event.preventDefault();
                            event.stopPropagation()
                        }
                    });
                    _events_engine.default.off(input, eventName);
                    _events_engine.default.on(input, eventName, e => {
                        mouseWheelAction({
                            event: e
                        })
                    })
                }
                _hasMouseWheelHandler() {
                    return false
                }
                _onMouseWheel(e) {}
                _useMaskBehavior() {
                    const {
                        mask: mask
                    } = this.option();
                    return Boolean(mask)
                }
                _attachDropEventHandler() {
                    const useMaskBehavior = this._useMaskBehavior();
                    if (!useMaskBehavior) {
                        return
                    }
                    const eventName = (0, _index.addNamespace)("drop", this.NAME);
                    const input = this._input();
                    _events_engine.default.off(input, eventName);
                    _events_engine.default.on(input, eventName, e => {
                        e.preventDefault()
                    })
                }
                _render() {
                    this._attachMouseWheelEventHandlers();
                    this._renderMask();
                    super._render();
                    this._attachDropEventHandler()
                }
                _renderHiddenElement() {
                    const {
                        mask: mask
                    } = this.option();
                    if (mask) {
                        this._$hiddenElement = (0, _renderer.default)("<input>").attr("type", "hidden").appendTo(this._inputWrapper())
                    }
                }
                _removeHiddenElement() {
                    var _this$_$hiddenElement;
                    null === (_this$_$hiddenElement = this._$hiddenElement) || void 0 === _this$_$hiddenElement || _this$_$hiddenElement.remove()
                }
                _renderMask() {
                    this.$element().removeClass("dx-texteditor-masked");
                    this._maskRulesChain = null;
                    this._maskStrategy.detachEvents();
                    const {
                        mask: mask
                    } = this.option();
                    if (!mask) {
                        return
                    }
                    this.$element().addClass("dx-texteditor-masked");
                    this._maskStrategy.attachEvents();
                    this._parseMask();
                    this._renderMaskedValue()
                }
                _changeHandler(e) {
                    const $input = this._input();
                    const inputValue = $input.val();
                    if (inputValue === this._changedValue) {
                        return
                    }
                    this._changedValue = inputValue;
                    const changeEvent = (0, _index.createEvent)(e, {
                        type: "change"
                    });
                    _events_engine.default.trigger($input, changeEvent)
                }
                _parseMask() {
                    const {
                        maskRules: maskRules
                    } = this.option();
                    this._maskRules = (0, _extend.extend)({}, buildInMaskRules, maskRules);
                    this._maskRulesChain = this._parseMaskRule(0)
                }
                _parseMaskRule(index) {
                    const {
                        mask: mask
                    } = this.option();
                    if (!(0, _type.isDefined)(mask) || index >= mask.length) {
                        return new _text_editorMask.EmptyMaskRule({})
                    }
                    const currentMaskChar = mask[index];
                    const isEscapedChar = "\\" === currentMaskChar;
                    const result = isEscapedChar ? new _text_editorMask.StubMaskRule({
                        maskChar: mask[index + 1]
                    }) : this._getMaskRule(currentMaskChar);
                    const nextIndex = index + 1 + Number(isEscapedChar);
                    const recursiveResult = this._parseMaskRule(nextIndex);
                    result.next(recursiveResult);
                    return result
                }
                _getMaskRule(pattern) {
                    if (!this._maskRules) {
                        return new _text_editorMask.StubMaskRule({
                            maskChar: pattern
                        })
                    }
                    const matchingEntry = Object.entries(this._maskRules).find(_ref2 => {
                        let [rulePattern] = _ref2;
                        return rulePattern === pattern
                    });
                    if (matchingEntry) {
                        const [, allowedChars] = matchingEntry;
                        const ruleConfig = {
                            pattern: pattern,
                            allowedChars: allowedChars
                        };
                        const {
                            maskChar: maskChar
                        } = this.option();
                        return new _text_editorMask.MaskRule((0, _extend.extend)({
                            maskChar: maskChar || " "
                        }, ruleConfig))
                    }
                    return new _text_editorMask.StubMaskRule({
                        maskChar: pattern
                    })
                }
                _renderMaskedValue() {
                    if (!this._maskRulesChain) {
                        return
                    }
                    const {
                        value: optionValue
                    } = this.option();
                    const value = optionValue || "";
                    this._maskRulesChain.clear(this._normalizeChainArguments());
                    const chainArgs = {
                        length: null === value || void 0 === value ? void 0 : value.length
                    };
                    const prop = this._isMaskedValueMode() ? "text" : "value";
                    chainArgs[prop] = value;
                    this._handleChain(chainArgs);
                    this._displayMask()
                }
                _replaceSelectedText(text, selection, char) {
                    if (void 0 === char) {
                        return text
                    }
                    const textBefore = text.slice(0, selection.start);
                    const textAfter = text.slice(selection.end);
                    const edited = `${textBefore}${char}${textAfter}`;
                    return edited
                }
                _isMaskedValueMode() {
                    const {
                        useMaskedValue: useMaskedValue
                    } = this.option();
                    return Boolean(useMaskedValue)
                }
                _displayMask(caret) {
                    const currentCaret = caret ?? this._caret();
                    const finalCaret = {
                        start: (null === currentCaret || void 0 === currentCaret ? void 0 : currentCaret.start) ?? 0,
                        end: (null === currentCaret || void 0 === currentCaret ? void 0 : currentCaret.end) ?? 0
                    };
                    this._renderValue();
                    this._caret(finalCaret)
                }
                _isValueEmpty() {
                    return (0, _string.isEmpty)(this._value)
                }
                _shouldShowMask() {
                    const {
                        showMaskMode: showMaskMode
                    } = this.option();
                    if ("onFocus" === showMaskMode) {
                        return (0, _m_selectors.focused)(this._input()) || !this._isValueEmpty()
                    }
                    return true
                }
                _showMaskPlaceholder() {
                    if (this._shouldShowMask()) {
                        var _this$_maskRulesChain;
                        const text = null === (_this$_maskRulesChain = this._maskRulesChain) || void 0 === _this$_maskRulesChain ? void 0 : _this$_maskRulesChain.text();
                        this.option({
                            text: text
                        });
                        const {
                            showMaskMode: showMaskMode
                        } = this.option();
                        if ("onFocus" === showMaskMode) {
                            this._renderDisplayText(text)
                        }
                    }
                }
                _renderValue() {
                    if (this._maskRulesChain) {
                        this._showMaskPlaceholder();
                        if (this._$hiddenElement) {
                            const value = this._maskRulesChain.value();
                            const submitElementValue = !(0, _string.isEmpty)(value) ? this._getPreparedValue() : "";
                            this._$hiddenElement.val(submitElementValue)
                        }
                    }
                    return super._renderValue()
                }
                _getPreparedValue() {
                    return this._convertToValue().replace(/\s+$/, "")
                }
                _valueChangeEventHandler() {
                    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                        args[_key] = arguments[_key]
                    }
                    if (!this._maskRulesChain) {
                        super._valueChangeEventHandler(...args);
                        return
                    }
                    const [e] = args;
                    this._saveValueChangeEvent(e);
                    const preparedValue = this._getPreparedValue();
                    this.option({
                        value: preparedValue
                    })
                }
                _isControlKeyFired(e) {
                    const normalizedKeyName = (0, _index.normalizeKeyName)(e);
                    const isControlKey = (0, _type.isDefined)(normalizedKeyName) ? this._isControlKey(normalizedKeyName) : false;
                    return isControlKey || (0, _index.isCommandKeyPressed)(e)
                }
                _handleChain(args) {
                    var _this$_maskRulesChain2;
                    const handledCount = (null === (_this$_maskRulesChain2 = this._maskRulesChain) || void 0 === _this$_maskRulesChain2 ? void 0 : _this$_maskRulesChain2.handle(this._normalizeChainArguments(args))) ?? 0;
                    this._updateMaskInfo();
                    return handledCount
                }
                _normalizeChainArguments(args) {
                    var _this$_maskRulesChain3;
                    return Object.assign({}, args, {
                        index: 0,
                        fullText: null === (_this$_maskRulesChain3 = this._maskRulesChain) || void 0 === _this$_maskRulesChain3 ? void 0 : _this$_maskRulesChain3.text()
                    })
                }
                _convertToValue(text) {
                    if (this._isMaskedValueMode()) {
                        return this._replaceMaskCharWithEmpty(text || this._textValue || "")
                    }
                    return text || this._value || ""
                }
                _replaceMaskCharWithEmpty(text) {
                    const {
                        maskChar: maskChar
                    } = this.option();
                    return text.replace(new RegExp(maskChar, "g"), " ")
                }
                _maskKeyHandler(e, keyHandler) {
                    const {
                        readOnly: readOnly
                    } = this.option();
                    if (readOnly) {
                        return
                    }
                    this.setForwardDirection();
                    e.preventDefault();
                    this._handleSelection();
                    const previousText = this._input().val();
                    const raiseInputEvent = () => {
                        if (previousText !== this._input().val()) {
                            _events_engine.default.trigger(this._input(), "input")
                        }
                    };
                    const handled = keyHandler();
                    if (handled) {
                        handled.then(raiseInputEvent)
                    } else {
                        var _this$_maskRulesChain4;
                        this.setForwardDirection();
                        this._adjustCaret();
                        this._displayMask();
                        null === (_this$_maskRulesChain4 = this._maskRulesChain) || void 0 === _this$_maskRulesChain4 || _this$_maskRulesChain4.reset();
                        raiseInputEvent()
                    }
                }
                _handleKey(key, direction) {
                    this._direction(direction || "forward");
                    this._adjustCaret(key);
                    this._handleKeyChain(key);
                    this._moveCaret()
                }
                _handleSelection() {
                    if (!this._hasSelection()) {
                        return
                    }
                    const caret = this._caret();
                    const caretStart = (null === caret || void 0 === caret ? void 0 : caret.start) ?? 0;
                    const caretEnd = (null === caret || void 0 === caret ? void 0 : caret.end) ?? 0;
                    const emptyChars = new Array(caretEnd - caretStart + 1).join(" ");
                    this._handleKeyChain(emptyChars)
                }
                _handleKeyChain(chars) {
                    const caret = this._caret();
                    const caretStart = (null === caret || void 0 === caret ? void 0 : caret.start) ?? 0;
                    const caretEnd = (null === caret || void 0 === caret ? void 0 : caret.end) ?? 0;
                    const start = this.isForwardDirection() ? caretStart : caretStart - 1;
                    const end = this.isForwardDirection() ? caretEnd : caretEnd - 1;
                    const length = start === end ? 1 : end - start;
                    this._handleChain({
                        text: chars,
                        start: start,
                        length: length
                    })
                }
                _tryMoveCaretBackward() {
                    var _this$_caret, _this$_caret2;
                    this.setBackwardDirection();
                    const currentCaret = null === (_this$_caret = this._caret()) || void 0 === _this$_caret ? void 0 : _this$_caret.start;
                    this._adjustCaret();
                    return !currentCaret || currentCaret !== (null === (_this$_caret2 = this._caret()) || void 0 === _this$_caret2 ? void 0 : _this$_caret2.start)
                }
                _adjustCaret(char) {
                    var _this$_caret3, _this$_maskRulesChain5;
                    const caretStart = (null === (_this$_caret3 = this._caret()) || void 0 === _this$_caret3 ? void 0 : _this$_caret3.start) ?? 0;
                    const isForwardDirection = this.isForwardDirection();
                    const caret = null === (_this$_maskRulesChain5 = this._maskRulesChain) || void 0 === _this$_maskRulesChain5 ? void 0 : _this$_maskRulesChain5.adjustedCaret(caretStart, isForwardDirection, char ?? "");
                    this._caret({
                        start: caret,
                        end: caret
                    })
                }
                _moveCaret() {
                    var _this$_caret4, _this$_maskRulesChain6;
                    const currentCaret = (null === (_this$_caret4 = this._caret()) || void 0 === _this$_caret4 ? void 0 : _this$_caret4.start) ?? 0;
                    const maskRuleIndex = currentCaret + (this.isForwardDirection() ? 0 : -1);
                    const caret = null !== (_this$_maskRulesChain6 = this._maskRulesChain) && void 0 !== _this$_maskRulesChain6 && _this$_maskRulesChain6.isAccepted(maskRuleIndex) ? currentCaret + (this.isForwardDirection() ? 1 : -1) : currentCaret;
                    this._caret({
                        start: caret,
                        end: caret
                    })
                }
                _caret(position, force) {
                    const $input = this._input();
                    if (!$input.length) {
                        return
                    }
                    if (arguments.length > 0) {
                        (0, _utils.default)($input, position, force);
                        return
                    }
                    return (0, _utils.default)($input)
                }
                _hasSelection() {
                    const caret = this._caret();
                    return (null === caret || void 0 === caret ? void 0 : caret.start) !== (null === caret || void 0 === caret ? void 0 : caret.end)
                }
                _direction(direction) {
                    if (!arguments.length) {
                        return this._typingDirection
                    }
                    this._typingDirection = direction
                }
                setForwardDirection() {
                    this._direction("forward")
                }
                setBackwardDirection() {
                    this._direction("backward")
                }
                isForwardDirection() {
                    return "forward" === this._direction()
                }
                _updateMaskInfo() {
                    var _this$_maskRulesChain7, _this$_maskRulesChain8;
                    this._textValue = null === (_this$_maskRulesChain7 = this._maskRulesChain) || void 0 === _this$_maskRulesChain7 ? void 0 : _this$_maskRulesChain7.text();
                    this._value = null === (_this$_maskRulesChain8 = this._maskRulesChain) || void 0 === _this$_maskRulesChain8 ? void 0 : _this$_maskRulesChain8.value()
                }
                _clean() {
                    var _this$_maskStrategy;
                    null === (_this$_maskStrategy = this._maskStrategy) || void 0 === _this$_maskStrategy || _this$_maskStrategy.clean();
                    super._clean()
                }
                _validateMask() {
                    if (!this._maskRulesChain) {
                        return
                    }
                    const {
                        maskInvalidMessage: maskInvalidMessage,
                        value: value
                    } = this.option();
                    const defaultValidationError = {
                        editorSpecific: true,
                        message: maskInvalidMessage
                    };
                    const isValid = (0, _string.isEmpty)(value) || this._maskRulesChain.isValid(this._normalizeChainArguments());
                    const validationError = isValid ? null : defaultValidationError;
                    this.option({
                        isValid: isValid,
                        validationError: validationError
                    })
                }
                _updateHiddenElement() {
                    this._removeHiddenElement();
                    const {
                        mask: mask
                    } = this.option();
                    if (mask) {
                        this._input().removeAttr("name");
                        this._renderHiddenElement()
                    }
                    const {
                        name: name
                    } = this.option();
                    this._setSubmitElementName(name)
                }
                _updateMaskOption() {
                    this._updateHiddenElement();
                    this._renderMask();
                    this._validateMask();
                    this._refreshValueChangeEvent()
                }
                _processEmptyMask(mask) {
                    if (mask) {
                        return
                    }
                    const {
                        value: value
                    } = this.option();
                    this.option({
                        text: value,
                        isValid: true,
                        validationError: null
                    });
                    this.validationRequest.fire({
                        value: value,
                        editor: this
                    });
                    this._renderValue()
                }
                _optionChanged(args) {
                    switch (args.name) {
                        case "mask":
                            this._updateMaskOption();
                            this._processEmptyMask(args.value);
                            break;
                        case "maskChar":
                        case "maskRules":
                        case "useMaskedValue":
                            this._updateMaskOption();
                            break;
                        case "value":
                            this._renderMaskedValue();
                            this._validateMask();
                            super._optionChanged(args);
                            this._changedValue = this._input().val();
                            break;
                        case "maskInvalidMessage":
                            break;
                        case "showMaskMode":
                            this.option({
                                text: ""
                            });
                            this._renderValue();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                clear() {
                    const {
                        value: defaultValue
                    } = this._getDefaultOptions();
                    const {
                        value: value
                    } = this.option();
                    if (value === defaultValue) {
                        this._renderMaskedValue()
                    }
                    super.clear()
                }
            }
            exports.default = TextEditorMask
        },
        42482(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.StubMaskRule = exports.MaskRule = exports.EmptyMaskRule = void 0;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            class BaseMaskRule {
                constructor(config) {
                    this._value = " ";
                    (0, _extend.extend)(this, config)
                }
                next(rule) {
                    if (!arguments.length) {
                        return this._next
                    }
                    this._next = rule;
                    return
                }
                _prepareHandlingArgs(args, config) {
                    const configuration = config ?? {};
                    const handlingProperty = Object.prototype.hasOwnProperty.call(args, "value") ? "value" : "text";
                    const finalConfig = Object.assign({}, args, {
                        start: configuration.start ?? args.start,
                        length: configuration.length ?? args.length,
                        index: (args.index ?? 0) + 1
                    });
                    finalConfig[handlingProperty] = configuration.str ?? args[handlingProperty];
                    return finalConfig
                }
                first() {
                    let index = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0;
                    const newIndex = index + 1;
                    return this.next().first(newIndex)
                }
                isAccepted(caret) {
                    return false
                }
                adjustedCaret(caret, isForwardDirection, char) {
                    return isForwardDirection ? this._adjustedForward(caret, 0, char) : this._adjustedBackward(caret, 0, char)
                }
                _adjustedForward(caret, index, char) {}
                _adjustedBackward(caret, index, char) {}
                isValid(args) {}
                reset() {}
                clear(args) {}
                text() {}
                value() {}
                rawValue() {}
                handle(args) {}
            }
            exports.EmptyMaskRule = class extends BaseMaskRule {
                next() {}
                handle() {
                    return 0
                }
                text() {
                    return ""
                }
                value() {
                    return ""
                }
                first() {
                    return 0
                }
                rawValue() {
                    return ""
                }
                adjustedCaret() {
                    return 0
                }
                isValid() {
                    return true
                }
            };
            class MaskRule extends BaseMaskRule {
                text() {
                    const isValueEqualEmptyChar = " " === this._value;
                    const value = isValueEqualEmptyChar ? this.maskChar : this._value;
                    const finalValue = `${value}${this.next().text()??""}`;
                    return finalValue
                }
                value() {
                    const finalValue = `${this._value}${this.next().value()??""}`;
                    return finalValue
                }
                rawValue() {
                    const finalValue = `${this._value}${this.next().rawValue()??""}`;
                    return finalValue
                }
                handle(args) {
                    const str = Object.prototype.hasOwnProperty.call(args, "value") ? args.value : args.text;
                    if (!str || !str.length || !args.length) {
                        return 0
                    }
                    if (args.start) {
                        return this.next().handle(this._prepareHandlingArgs(args, {
                            start: args.start - 1
                        }))
                    }
                    const char = str[0];
                    const rest = str.substring(1);
                    this._tryAcceptChar(char, args);
                    const isAccepted = this._accepted();
                    const rule = isAccepted ? this.next() : this;
                    const handlingArgs = this._prepareHandlingArgs(args, {
                        str: rest,
                        length: args.length - 1
                    });
                    const handledResult = rule.handle(handlingArgs);
                    const result = isAccepted ? handledResult + 1 : handledResult;
                    return result
                }
                clear(args) {
                    this._tryAcceptChar(" ", args);
                    this.next().clear(this._prepareHandlingArgs(args))
                }
                reset() {
                    this._accepted(false);
                    this.next().reset()
                }
                _tryAcceptChar(char, args) {
                    var _args$fullText, _args$fullText2;
                    this._accepted(false);
                    if (!this._isAllowed(char, args)) {
                        return
                    }
                    const acceptedChar = " " === char ? this.maskChar ?? "" : char;
                    const fullTextSubstring1 = (null === (_args$fullText = args.fullText) || void 0 === _args$fullText ? void 0 : _args$fullText.substring(0, args.index)) ?? "";
                    const fullTextSubstring2 = (null === (_args$fullText2 = args.fullText) || void 0 === _args$fullText2 ? void 0 : _args$fullText2.substring((args.index ?? 0) + 1)) ?? "";
                    args.fullText = `${fullTextSubstring1}${acceptedChar}${fullTextSubstring2}`;
                    this._accepted(true);
                    this._value = char
                }
                _accepted(value) {
                    if (!arguments.length) {
                        return !!this._isAccepted
                    }
                    this._isAccepted = !!value
                }
                first() {
                    let index = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0;
                    return " " === this._value ? index : super.first(index)
                }
                _isAllowed(char, args) {
                    if (" " === char) {
                        return true
                    }
                    return this._isValid(char, args)
                }
                _isValid(char, args) {
                    const {
                        allowedChars: allowedChars
                    } = this;
                    if (allowedChars instanceof RegExp) {
                        return allowedChars.test(char)
                    }
                    if ((0, _type.isFunction)(allowedChars)) {
                        return allowedChars(char, null === args || void 0 === args ? void 0 : args.index, null === args || void 0 === args ? void 0 : args.fullText)
                    }
                    if (Array.isArray(allowedChars)) {
                        return allowedChars.includes(char)
                    }
                    return allowedChars === char
                }
                isAccepted(caret) {
                    return Boolean(0 === caret ? this._accepted() : this.next().isAccepted(caret - 1))
                }
                _adjustedForward(caret, index, char) {
                    if (index >= caret) {
                        return index
                    }
                    return this.next()._adjustedForward(caret, index + 1, char) || index + 1
                }
                _adjustedBackward(caret, index) {
                    if (index >= caret - 1) {
                        return caret
                    }
                    return this.next()._adjustedBackward(caret, index + 1) || index + 1
                }
                isValid(args) {
                    return this._isValid(this._value, args) && this.next().isValid(this._prepareHandlingArgs(args))
                }
            }
            exports.MaskRule = MaskRule;
            exports.StubMaskRule = class extends MaskRule {
                value() {
                    return this.next().value()
                }
                handle(args) {
                    const hasValueProperty = Object.prototype.hasOwnProperty.call(args, "value");
                    const str = hasValueProperty ? args.value : args.text;
                    if (!(null !== str && void 0 !== str && str.length) || !args.length) {
                        return 0
                    }
                    if (args.start || hasValueProperty) {
                        const handlingArgs = this._prepareHandlingArgs(args, {
                            start: args.start && args.start - 1
                        });
                        return this.next().handle(handlingArgs)
                    }
                    const char = str[0];
                    const rest = str.substring(1);
                    this._tryAcceptChar(char);
                    const nextArgs = this._isAllowed(char) ? this._prepareHandlingArgs(args, {
                        str: rest,
                        length: args.length - 1
                    }) : args;
                    return (this.next().handle(nextArgs) ?? 0) + 1
                }
                clear(args) {
                    this._accepted(false);
                    this.next().clear(this._prepareHandlingArgs(args))
                }
                _tryAcceptChar(char) {
                    this._accepted(this._isValid(char))
                }
                _isValid(char) {
                    return char === this.maskChar
                }
                first() {
                    let index = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0;
                    const newIndex = index + 1;
                    return this.next().first(newIndex)
                }
                _adjustedForward(caret, index, char) {
                    if (index >= caret && char === this.maskChar) {
                        return index
                    }
                    if (caret === index + 1 && this._accepted()) {
                        return caret
                    }
                    return this.next()._adjustedForward(caret, index + 1, char)
                }
                _adjustedBackward(caret, index) {
                    if (index >= caret - 1) {
                        return 0
                    }
                    return this.next()._adjustedBackward(caret, index + 1)
                }
                isValid(args) {
                    return Boolean(this.next().isValid(this._prepareHandlingArgs(args)))
                }
            }
        },
        73445(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/browser */ 48314));
            var _dom = __webpack_require__( /*! ../../../core/utils/dom */ 86858);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DELETE_INPUT_TYPES = ["deleteContentBackward", "deleteSoftLineBackward", "deleteContent", "deleteHardLineBackward"];
            const HISTORY_INPUT_TYPES = ["historyUndo", "historyRedo"];
            const EVENT_NAMES = ["focusIn", "focusOut", "input", "paste", "cut", "drop", "beforeInput"];
            const getEmptyString = length => " ".repeat(length);
            exports.default = class {
                constructor(editor) {
                    this.editor = editor
                }
                _editorOption(name, value) {
                    return this.editor.option(...arguments)
                }
                _editorInput() {
                    return this.editor._input()
                }
                _editorCaret(newCaret) {
                    if (!newCaret) {
                        return this.editor._caret()
                    }
                    this.editor._caret(newCaret)
                }
                _attachChangeEventHandler() {
                    const valueChangeEvent = this._editorOption("valueChangeEvent");
                    if (!(null !== valueChangeEvent && void 0 !== valueChangeEvent && valueChangeEvent.split(" ").includes("change"))) {
                        return
                    }
                    const $input = this._editorInput();
                    const namespace = (0, _index.addNamespace)("blur beforedeactivate", "dxMask");
                    _events_engine.default.on($input, namespace, e => {
                        this.editor._changeHandler(e)
                    })
                }
                _beforeInputHandler() {
                    this._previousText = this._editorOption("text");
                    this._prevCaret = this._editorCaret()
                }
                _inputHandler(event) {
                    const {
                        originalEvent: originalEvent
                    } = event;
                    if (!originalEvent) {
                        return
                    }
                    const {
                        inputType: inputType
                    } = originalEvent;
                    if (HISTORY_INPUT_TYPES.includes(inputType)) {
                        this._handleHistoryInputEvent()
                    } else if (DELETE_INPUT_TYPES.includes(inputType)) {
                        this._handleBackwardDeleteInputEvent()
                    } else {
                        const currentCaret = this._editorCaret();
                        if (!(null !== currentCaret && void 0 !== currentCaret && currentCaret.end)) {
                            return
                        }
                        this._clearSelectedText();
                        this._autoFillHandler(originalEvent);
                        this._editorCaret(currentCaret);
                        this._handleInsertTextInputEvent(originalEvent.data)
                    }
                    if (this._editorOption("text") === this._previousText) {
                        event.stopImmediatePropagation()
                    }
                }
                _handleHistoryInputEvent() {
                    const caret = this._editorCaret();
                    this._updateEditorMask({
                        start: null === caret || void 0 === caret ? void 0 : caret.start,
                        length: ((null === caret || void 0 === caret ? void 0 : caret.end) ?? 0) - ((null === caret || void 0 === caret ? void 0 : caret.start) ?? 0),
                        text: ""
                    });
                    this._editorCaret(this._prevCaret)
                }
                _handleBackwardDeleteInputEvent() {
                    this._clearSelectedText(true);
                    const caret = this._editorCaret();
                    this.editor.setForwardDirection();
                    this.editor._adjustCaret();
                    const adjustedForwardCaret = this._editorCaret();
                    if ((null === adjustedForwardCaret || void 0 === adjustedForwardCaret ? void 0 : adjustedForwardCaret.start) !== (null === caret || void 0 === caret ? void 0 : caret.start)) {
                        this.editor.setBackwardDirection();
                        this.editor._adjustCaret()
                    }
                }
                _clearSelectedText(isDeleteInputEvent) {
                    const selectionLength = this._prevCaret && (this._prevCaret.end ?? 0) - (this._prevCaret.start ?? 0);
                    const length = selectionLength || Number(Boolean(isDeleteInputEvent));
                    const caret = this._editorCaret();
                    if (!this._isAutoFill()) {
                        this.editor.setBackwardDirection();
                        this._updateEditorMask({
                            start: null === caret || void 0 === caret ? void 0 : caret.start,
                            length: length,
                            text: getEmptyString(length)
                        })
                    }
                }
                _handleInsertTextInputEvent(data) {
                    var _this$_prevCaret;
                    const text = data ?? "";
                    this.editor.setForwardDirection();
                    const hasValidChars = this._updateEditorMask({
                        start: (null === (_this$_prevCaret = this._prevCaret) || void 0 === _this$_prevCaret ? void 0 : _this$_prevCaret.start) ?? 0,
                        length: text.length || 1,
                        text: text
                    });
                    if (!hasValidChars) {
                        this._editorCaret(this._prevCaret)
                    }
                }
                _updateEditorMask(args) {
                    var _args$text;
                    const textLength = (null === (_args$text = args.text) || void 0 === _args$text ? void 0 : _args$text.length) ?? 0;
                    const processedCharsCount = this.editor._handleChain(args) ?? 0;
                    this.editor._displayMask();
                    if (this.editor.isForwardDirection()) {
                        const {
                            start: start = 0,
                            end: end = 0
                        } = this._editorCaret() ?? {};
                        const correction = processedCharsCount - textLength;
                        const hasSkippedStub = processedCharsCount > 1;
                        if (hasSkippedStub && 1 === textLength) {
                            this._editorCaret({
                                start: start + correction,
                                end: end + correction
                            })
                        }
                        this.editor._adjustCaret()
                    }
                    return Boolean(processedCharsCount)
                }
                _focusInHandler() {
                    this.editor._showMaskPlaceholder();
                    this.editor.setForwardDirection();
                    if (!this.editor._isValueEmpty() && this._editorOption("isValid")) {
                        this.editor._adjustCaret()
                    } else {
                        if (!this.editor._maskRulesChain) {
                            return
                        }
                        const caret = this.editor._maskRulesChain.first();
                        this._caretTimeout = setTimeout(() => {
                            this._editorCaret({
                                start: caret,
                                end: caret
                            })
                        }, 0)
                    }
                }
                _focusOutHandler(event) {
                    this.editor._changeHandler(event);
                    if ("onFocus" === this._editorOption("showMaskMode") && this.editor._isValueEmpty()) {
                        this._editorOption("text", "");
                        this.editor._renderDisplayText("")
                    }
                }
                _delHandler(event) {
                    this.editor._maskKeyHandler(event, () => {
                        if (!this.editor._hasSelection()) {
                            this.editor._handleKey(" ")
                        }
                        return
                    })
                }
                _cutHandler(event) {
                    const caret = this._editorCaret();
                    const inputVal = this._editorInput().val();
                    const selectedText = inputVal.substring(null === caret || void 0 === caret ? void 0 : caret.start, null === caret || void 0 === caret ? void 0 : caret.end);
                    this.editor._maskKeyHandler(event, () => (0, _dom.clipboardText)(event, selectedText))
                }
                _dropHandler() {
                    this._clearDragTimer();
                    this._dragTimer = setTimeout(() => {
                        const value = this.editor._convertToValue(this._editorInput().val());
                        this._editorOption("value", value)
                    })
                }
                _pasteHandler(event) {
                    if (this._editorOption("disabled")) {
                        return
                    }
                    const caret = this._editorCaret();
                    this.editor._maskKeyHandler(event, () => {
                        var _this$editor$_maskRul;
                        const pastedText = (0, _dom.clipboardText)(event);
                        if (!pastedText) {
                            return
                        }
                        const restText = null === (_this$editor$_maskRul = this.editor._maskRulesChain) || void 0 === _this$editor$_maskRul ? void 0 : _this$editor$_maskRul.text().substring((null === caret || void 0 === caret ? void 0 : caret.end) ?? 0);
                        const accepted = this.editor._handleChain({
                            text: pastedText,
                            start: null === caret || void 0 === caret ? void 0 : caret.start,
                            length: pastedText.length
                        });
                        const newCaret = ((null === caret || void 0 === caret ? void 0 : caret.start) ?? 0) + accepted;
                        this.editor._handleChain({
                            text: restText,
                            start: newCaret,
                            length: null === restText || void 0 === restText ? void 0 : restText.length
                        });
                        this.editor._caret({
                            start: newCaret,
                            end: newCaret
                        });
                        return
                    })
                }
                _autoFillHandler(event) {
                    const inputVal = this._editorInput().val();
                    this._inputHandlerTimer = setTimeout(() => {
                        if (this._isAutoFill()) {
                            this.editor._maskKeyHandler(event, () => {
                                this.editor._handleChain({
                                    text: inputVal,
                                    start: 0,
                                    length: inputVal.length
                                });
                                return
                            });
                            this.editor._validateMask()
                        }
                    })
                }
                _isAutoFill() {
                    const $input = this._editorInput();
                    if (_browser.default.webkit) {
                        const input = $input.get(0);
                        return (null === input || void 0 === input ? void 0 : input.matches(":-webkit-autofill")) ?? false
                    }
                    return false
                }
                _clearDragTimer() {
                    clearTimeout(this._dragTimer)
                }
                _clearTimers() {
                    this._clearDragTimer();
                    clearTimeout(this._caretTimeout);
                    clearTimeout(this._inputHandlerTimer)
                }
                getHandler(handlerName) {
                    return args => {
                        var _this;
                        null === (_this = this[`_${handlerName}Handler`]) || void 0 === _this || _this.call(this, args)
                    }
                }
                attachEvents() {
                    const $input = this._editorInput();
                    EVENT_NAMES.forEach(eventName => {
                        const namespace = (0, _index.addNamespace)(eventName.toLowerCase(), "dxMask");
                        _events_engine.default.on($input, namespace, this.getHandler(eventName))
                    });
                    this._attachChangeEventHandler()
                }
                detachEvents() {
                    this._clearTimers();
                    _events_engine.default.off(this._editorInput(), ".dxMask")
                }
                clean() {
                    this._clearTimers()
                }
            }
        },
        57003(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.isButtonInstance = exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/button */ 64973));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const isButtonInstance = instance => instance instanceof _button.default;
            exports.isButtonInstance = isButtonInstance;
            exports.default = class {
                constructor(name, editor, options) {
                    this.instance = null;
                    this.$container = null;
                    this.$placeMarker = null;
                    this.editor = editor;
                    this.name = name;
                    this.options = options || {}
                }
                _addPlaceMarker($container) {
                    this.$placeMarker = (0, _renderer.default)("<div>").appendTo($container)
                }
                _addToContainer($element) {
                    const {
                        $placeMarker: $placeMarker,
                        $container: $container
                    } = this;
                    if ($placeMarker) {
                        $placeMarker.replaceWith($element)
                    } else if ($container) {
                        $element.appendTo($container)
                    }
                }
                _attachEvents(instance, $element) {
                    throw new Error("Not implemented")
                }
                _create() {
                    throw new Error("Not implemented")
                }
                _isRendered() {
                    return !!this.instance
                }
                _isVisible() {
                    const {
                        editor: editor,
                        options: options
                    } = this;
                    return options.visible || !(null !== editor && void 0 !== editor && editor.option("readOnly"))
                }
                _isDisabled() {
                    throw new Error("Not implemented")
                }
                _shouldRender() {
                    return this._isVisible() && !this._isRendered()
                }
                dispose() {
                    var _this$$placeMarker;
                    const {
                        instance: instance
                    } = this;
                    if (instance) {
                        if (isButtonInstance(instance)) {
                            instance.dispose();
                            instance.$element().remove();
                            instance._$element = null
                        } else {
                            instance.remove()
                        }
                    }
                    this.instance = null;
                    this.editor = null;
                    this.$container = null;
                    null === (_this$$placeMarker = this.$placeMarker) || void 0 === _this$$placeMarker || _this$$placeMarker.remove();
                    this.$placeMarker = null
                }
                render() {
                    let $container = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this.$container;
                    this.$container = $container;
                    if (this._isVisible()) {
                        const {
                            instance: instance,
                            $element: $element
                        } = this._create() ?? {};
                        this.instance = instance;
                        this._attachEvents(instance, $element)
                    } else if ($container) {
                        this._addPlaceMarker($container)
                    }
                }
                update() {
                    if (this._shouldRender()) {
                        this.render()
                    }
                    return !!this.instance
                }
            }
        },
        75391(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _click = __webpack_require__( /*! ../../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _hover = __webpack_require__( /*! ../../../../common/core/events/hover */ 638);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _button = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/button */ 64973));
            var _button2 = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../../ui/text_box/texteditor_button_collection/button */ 57003));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class CustomButton extends _button2.default {
                _attachEvents(instance, $element) {
                    _events_engine.default.on($element, _hover.start, () => {
                        var _this$editor;
                        null === (_this$editor = this.editor) || void 0 === _this$editor || _this$editor.$element().addClass("dx-custom-button-hovered")
                    });
                    _events_engine.default.on($element, _hover.end, () => {
                        var _this$editor2;
                        null === (_this$editor2 = this.editor) || void 0 === _this$editor2 || _this$editor2.$element().removeClass("dx-custom-button-hovered")
                    });
                    _events_engine.default.on($element, _click.name, e => {
                        e.stopPropagation()
                    })
                }
                _create() {
                    const {
                        editor: editor
                    } = this;
                    if (!editor) {
                        return
                    }
                    const $element = (0, _renderer.default)("<div>");
                    this._addToContainer($element);
                    const instance = editor._createComponent($element, _button.default, Object.assign({}, this.options, {
                        ignoreParentReadOnly: true,
                        disabled: this._isDisabled(),
                        integrationOptions: this._prepareIntegrationOptions(editor)
                    }));
                    return {
                        instance: instance,
                        $element: $element
                    }
                }
                _prepareIntegrationOptions(editor) {
                    return Object.assign({}, editor.option("integrationOptions"), {
                        skipTemplates: ["content"]
                    })
                }
                update() {
                    const isUpdated = super.update();
                    if ((0, _button2.isButtonInstance)(this.instance)) {
                        this.instance.option("disabled", this._isDisabled())
                    }
                    return isUpdated
                }
                _isVisible() {
                    var _this$editor3;
                    const {
                        visible: visible
                    } = (null === (_this$editor3 = this.editor) || void 0 === _this$editor3 ? void 0 : _this$editor3.option()) ?? {};
                    return !!visible
                }
                _isDisabled() {
                    var _this$editor4;
                    const isDefinedByUser = void 0 !== this.options.disabled;
                    if (isDefinedByUser) {
                        if ((0, _button2.isButtonInstance)(this.instance)) {
                            return this.instance.option("disabled")
                        }
                        return this.options.disabled
                    }
                    const {
                        readOnly: readOnly
                    } = (null === (_this$editor4 = this.editor) || void 0 === _this$editor4 ? void 0 : _this$editor4.option()) ?? {};
                    return readOnly
                }
            }
            exports.default = CustomButton
        },
        14354(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../../ui/widget/ui.errors */ 35185));
            var _custom = _interopRequireDefault(__webpack_require__( /*! ../../../ui/text_box/texteditor_button_collection/custom */ 75391));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }

            function checkNamesUniqueness(existingNames, newName) {
                if (existingNames.includes(newName)) {
                    throw _ui.default.Error("E1055", newName)
                }
                existingNames.push(newName)
            }
            exports.default = class {
                constructor(editor, defaultButtonsInfo) {
                    this.buttons = [];
                    this.defaultButtonsInfo = defaultButtonsInfo;
                    this.editor = editor
                }
                _compileButtonInfo(buttons) {
                    const names = [];
                    return buttons.map(button => {
                        if ("string" === typeof button) {
                            const defaultButtonInfo = this.defaultButtonsInfo.find(_ref => {
                                let {
                                    name: name
                                } = _ref;
                                return name === button
                            });
                            if (!defaultButtonInfo) {
                                throw _ui.default.Error("E1056", this.editor.NAME, button)
                            }
                            checkNamesUniqueness(names, button);
                            return defaultButtonInfo
                        }! function(buttonInfo) {
                            (() => {
                                if (!buttonInfo || "object" !== typeof buttonInfo || Array.isArray(buttonInfo)) {
                                    throw _ui.default.Error("E1053")
                                }
                            })();
                            (() => {
                                if (!("name" in buttonInfo)) {
                                    throw _ui.default.Error("E1054")
                                }
                            })();
                            (() => {
                                const {
                                    name: name
                                } = buttonInfo;
                                if ("string" !== typeof name) {
                                    throw _ui.default.Error("E1055")
                                }
                            })();
                            (() => {
                                const {
                                    location: location
                                } = buttonInfo;
                                if ("location" in buttonInfo && "after" !== location && "before" !== location) {
                                    buttonInfo.location = "after"
                                }
                            })()
                        }(button);
                        const isDefaultButton = function(name, predefinedButtonsInfo) {
                            return !!predefinedButtonsInfo.find(info => info.name === name)
                        }(button.name, this.defaultButtonsInfo);
                        if (isDefaultButton) {
                            const defaultButtonInfo = this.defaultButtonsInfo.find(_ref2 => {
                                let {
                                    name: name
                                } = _ref2;
                                return name === button.name
                            });
                            if (!defaultButtonInfo) {
                                throw _ui.default.Error("E1056", this.editor.NAME, button)
                            }
                            checkNamesUniqueness(names, button);
                            return defaultButtonInfo
                        }
                        const {
                            name: name = ""
                        } = button;
                        checkNamesUniqueness(names, name);
                        return Object.assign({}, button, {
                            Ctor: _custom.default
                        })
                    })
                }
                _createButton(buttonsInfo) {
                    const {
                        Ctor: Ctor,
                        options: options,
                        name: name
                    } = buttonsInfo;
                    const button = new Ctor(name, this.editor, options ?? {});
                    this.buttons.push(button);
                    return button
                }
                _renderButtons(buttons, $container, targetLocation) {
                    let $buttonsContainer = null;
                    const buttonsInfo = buttons ? this._compileButtonInfo(buttons) : this.defaultButtonsInfo;
                    buttonsInfo.forEach(buttonInfo => {
                        const {
                            location: location = "after"
                        } = buttonInfo;
                        if (location === targetLocation) {
                            this._createButton(buttonInfo).render((() => {
                                $buttonsContainer = $buttonsContainer ?? (0, _renderer.default)("<div>").addClass("dx-texteditor-buttons-container");
                                if ("before" === targetLocation) {
                                    $container.prepend($buttonsContainer)
                                } else {
                                    $container.append($buttonsContainer)
                                }
                                return $buttonsContainer
                            })())
                        }
                    });
                    return $buttonsContainer
                }
                clean() {
                    this.buttons.forEach(button => button.dispose());
                    this.buttons = []
                }
                getButton(buttonName) {
                    const button = this.buttons.find(_ref3 => {
                        let {
                            name: name
                        } = _ref3;
                        return name === buttonName
                    });
                    return null === button || void 0 === button ? void 0 : button.instance
                }
                renderAfterButtons(buttons, $container) {
                    return this._renderButtons(buttons, $container, "after")
                }
                renderBeforeButtons(buttons, $container) {
                    return this._renderButtons(buttons, $container, "before")
                }
                updateButtons(names) {
                    this.buttons.forEach(button => {
                        if (!names || names.includes(button.name)) {
                            button.update()
                        }
                    })
                }
            }
        },
        99621(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.setCaret = exports.default = void 0;
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                ios: ios,
                mac: mac
            } = _devices.default.real();
            const isFocusingOnCaretChange = ios || mac;
            const setCaret = (input, selection) => {
                try {
                    input.selectionStart = selection.start ?? null;
                    input.selectionEnd = selection.end ?? null
                } catch {}
            };
            exports.setCaret = setCaret;
            exports.default = function(input, selection) {
                let force = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : false;
                const inputElement = (0, _renderer.default)(input).get(0);
                if (!(0, _type.isDefined)(selection)) {
                    return (input => {
                        let range = {
                            start: 0,
                            end: 0
                        };
                        try {
                            range = {
                                start: input.selectionStart ?? 0,
                                end: input.selectionEnd ?? 0
                            }
                        } catch (e) {
                            range = {
                                start: 0,
                                end: 0
                            }
                        }
                        return range
                    })(inputElement)
                }
                if (!force && isFocusingOnCaretChange && _dom_adapter.default.getActiveElement(inputElement) !== inputElement) {
                    return
                }
                setCaret(inputElement, selection);
                return
            }
        },
        38477(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.prepareScrollData = exports.allowScroll = void 0;
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _renderer = (e = __webpack_require__( /*! ../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const allowScroll = (container, delta, shiftKey) => {
                const $container = (0, _renderer.default)(container);
                const scrollTopPos = parseFloat(shiftKey ? $container.scrollLeft() : $container.scrollTop());
                const prop = shiftKey ? "Width" : "Height";
                const scrollSize = parseFloat($container.prop(`scroll${prop}`));
                const clientSize = parseFloat($container.prop(`client${prop}`));
                const scrollBottomPos = Math.trunc(scrollSize - clientSize - scrollTopPos);
                if (0 === scrollTopPos && 0 === scrollBottomPos) {
                    return false
                }
                const isScrollFromTop = 0 === scrollTopPos && delta >= 0;
                const isScrollFromBottom = 0 === scrollBottomPos && delta <= 0;
                const isScrollFromMiddle = scrollTopPos > 0 && scrollBottomPos > 0;
                if (isScrollFromTop || isScrollFromBottom || isScrollFromMiddle) {
                    return true
                }
                return
            };
            exports.allowScroll = allowScroll;
            exports.prepareScrollData = (container, validateTarget) => {
                const $container = (0, _renderer.default)(container);
                const scrollData = {
                    validate: e => {
                        if ((0, _index.isDxMouseWheelEvent)(e) && (eventTarget = e.target, validateTarget ? (0, _renderer.default)(eventTarget).is(container) : true)) {
                            if (allowScroll($container, -(e.delta ?? 0), e.shiftKey)) {
                                e._needSkipEvent = true;
                                return true
                            }
                            return false
                        }
                        var eventTarget;
                        return false
                    }
                };
                return scrollData
            }
        },
        6013(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.attachCssClasses = attachCssClasses;
            exports.current = current;
            exports.default = void 0;
            exports.detachCssClasses = detachCssClasses;
            exports.init = init;
            exports.initialized = initialized;
            exports.isCompact = isCompact;
            exports.isDark = isDark;
            exports.isFluent = isFluent;
            exports.isGeneric = isGeneric;
            exports.isMaterial = isMaterial;
            exports.isMaterialBased = isMaterialBased;
            exports.isPendingThemeLoaded = isPendingThemeLoaded;
            exports.isWebFontLoaded = isWebFontLoaded;
            exports.ready = themeReady;
            exports.resetTheme = resetTheme;
            exports.setDefaultTimeout = setDefaultTimeout;
            exports.waitForThemeLoad = waitForThemeLoad;
            exports.waitWebFont = waitWebFont;
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../core/devices */ 65951));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../core/utils/deferred */ 87739);
            var _html_parser = __webpack_require__( /*! ../../core/utils/html_parser */ 23563);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _ready_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/ready_callbacks */ 3122));
            var _size = __webpack_require__( /*! ../../core/utils/size */ 57653);
            var _view_port = __webpack_require__( /*! ../../core/utils/view_port */ 55355);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../ui/widget/ui.errors */ 35185));
            var _m_common = __webpack_require__( /*! ../core/utils/m_common */ 39315);
            var _m_themes_callback = __webpack_require__( /*! ../ui/m_themes_callback */ 68831);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const ready = _ready_callbacks.default.add;
            const viewPort = _view_port.value;
            const viewPortChanged = _view_port.changeCallback;
            let initDeferred = new _deferred.Deferred;
            let context;
            let $activeThemeLink;
            let knownThemes;
            let currentThemeName;
            let pendingThemeName;
            let defaultTimeout = 15e3;

            function readThemeMarker() {
                if (!(0, _window.hasWindow)()) {
                    return null
                }
                const element = (0, _renderer.default)("<div>", context).addClass("dx-theme-marker").appendTo(context.documentElement);
                let result;
                try {
                    if (!(null !== window && void 0 !== window && window.getComputedStyle)) {
                        return null
                    }
                    result = window.getComputedStyle(element.get(0)).fontFamily;
                    if (!result) {
                        return null
                    }
                    result = result.replace(/["']/g, "");
                    if ("dx." !== result.substr(0, 3)) {
                        return null
                    }
                    return result.substr(3)
                } finally {
                    element.remove()
                }
            }

            function isPendingThemeLoaded() {
                if (!pendingThemeName) {
                    return true
                }
                const anyThemePending = "any" === pendingThemeName;
                if ("resolved" === initDeferred.state() && anyThemePending) {
                    return true
                }
                const themeMarker = readThemeMarker();
                if (themeMarker && anyThemePending) {
                    return true
                }
                return themeMarker === pendingThemeName
            }

            function waitForThemeLoad(themeName) {
                let waitStartTime;
                let timerId;
                let intervalCleared = true;
                pendingThemeName = themeName;

                function handleLoaded() {
                    pendingThemeName = null;
                    clearInterval(timerId);
                    intervalCleared = true;
                    _m_themes_callback.themeReadyCallback.fire();
                    _m_themes_callback.themeReadyCallback.empty();
                    initDeferred.resolve()
                }
                if (isPendingThemeLoaded() || !defaultTimeout) {
                    handleLoaded()
                } else {
                    if (!intervalCleared) {
                        if (pendingThemeName) {
                            pendingThemeName = themeName
                        }
                        return
                    }
                    waitStartTime = Date.now();
                    intervalCleared = false;
                    timerId = setInterval(() => {
                        const isLoaded = isPendingThemeLoaded();
                        const isTimeout = !isLoaded && Date.now() - waitStartTime > defaultTimeout;
                        if (isTimeout) {
                            _ui.default.log("W0004", pendingThemeName)
                        }
                        if (isLoaded || isTimeout) {
                            handleLoaded()
                        }
                    }, 10)
                }
            }
            let themeClasses;

            function _attachCssClasses(element, themeName) {
                themeClasses = function(themeName) {
                    var _themeName;
                    themeName = themeName || current();
                    const result = [];
                    const themeNameParts = null === (_themeName = themeName) || void 0 === _themeName ? void 0 : _themeName.split(".");
                    if (themeNameParts) {
                        result.push(`dx-theme-${themeNameParts[0]}`, `dx-theme-${themeNameParts[0]}-typography`);
                        if (themeNameParts.length > 1) {
                            result.push(`dx-color-scheme-${themeNameParts[1]}${isMaterialBased(themeName)?`-${themeNameParts[2]}`:""}`)
                        }
                    }
                    return result
                }(themeName).join(" ");
                (0, _renderer.default)(element).addClass(themeClasses);
                (() => {
                    const pixelRatio = (0, _window.hasWindow)() && window.devicePixelRatio;
                    if (!pixelRatio || pixelRatio < 2) {
                        return
                    }
                    const $tester = (0, _renderer.default)("<div>");
                    $tester.css("border", ".5px solid transparent");
                    (0, _renderer.default)("body").append($tester);
                    if (1 === (0, _size.getOuterHeight)($tester)) {
                        (0, _renderer.default)(element).addClass("dx-hairlines");
                        themeClasses += " dx-hairlines"
                    }
                    $tester.remove()
                })()
            }

            function attachCssClasses(element, themeName) {
                (0, _deferred.when)(_m_common.uiLayerInitialized).done(() => {
                    _attachCssClasses(element, themeName)
                })
            }

            function detachCssClasses(element) {
                (0, _deferred.when)(_m_common.uiLayerInitialized).done(() => {
                    (0, _renderer.default)(element).removeClass(themeClasses)
                })
            }

            function current(options) {
                if (!arguments.length) {
                    currentThemeName = currentThemeName || readThemeMarker();
                    return currentThemeName
                }
                detachCssClasses(viewPort());
                options = options || {};
                if ("string" === typeof options) {
                    options = {
                        theme: options
                    }
                }
                const isAutoInit = options._autoInit;
                const {
                    loadCallback: loadCallback
                } = options;
                let currentThemeData;
                currentThemeName = function(desiredThemeName) {
                    const desiredThemeParts = desiredThemeName ? desiredThemeName.split(".") : [];
                    let result = null;
                    if (knownThemes) {
                        if (desiredThemeName in knownThemes) {
                            return desiredThemeName
                        }(0, _iterator.each)(knownThemes, (knownThemeName, themeData) => {
                            const knownThemeParts = knownThemeName.split(".");
                            if (desiredThemeParts[0] && knownThemeParts[0] !== desiredThemeParts[0]) {
                                return
                            }
                            if (desiredThemeParts[1] && desiredThemeParts[1] !== knownThemeParts[1]) {
                                return
                            }
                            if (desiredThemeParts[2] && desiredThemeParts[2] !== knownThemeParts[2]) {
                                return
                            }
                            if (!result || themeData.isActive) {
                                result = knownThemeName
                            }
                            if (themeData.isActive) {
                                return false
                            }
                        })
                    }
                    return result
                }(options.theme || currentThemeName);
                if (currentThemeName) {
                    currentThemeData = knownThemes[currentThemeName]
                }
                if (loadCallback) {
                    _m_themes_callback.themeReadyCallback.add(loadCallback)
                }
                if (currentThemeData) {
                    $activeThemeLink.attr("href", knownThemes[currentThemeName].url);
                    if (_m_themes_callback.themeReadyCallback.has() || "resolved" !== initDeferred.state() || options._forceTimeout) {
                        waitForThemeLoad(currentThemeName)
                    }
                } else if (isAutoInit) {
                    if ((0, _window.hasWindow)()) {
                        waitForThemeLoad("any")
                    }
                    _m_themes_callback.themeReadyCallback.fire();
                    _m_themes_callback.themeReadyCallback.empty()
                } else {
                    throw _ui.default.Error("E0021", currentThemeName)
                }
                initDeferred.done(() => attachCssClasses((0, _view_port.originalViewPort)(), currentThemeName))
            }

            function init(options) {
                options = options || {};
                ! function(newContext) {
                    try {
                        if (newContext !== context) {
                            knownThemes = null
                        }
                    } catch (x) {
                        knownThemes = null
                    }
                    context = newContext
                }(options.context || _dom_adapter.default.getDocument());
                if (!context) {
                    return
                }! function() {
                    const $allThemeLinks = (0, _renderer.default)("link[rel=dx-theme]", context);
                    if (!$allThemeLinks.length) {
                        return
                    }
                    knownThemes = {};
                    $activeThemeLink = (0, _renderer.default)((0, _html_parser.parseHTML)("<link rel=stylesheet>"), context);
                    $allThemeLinks.each(function() {
                        const link = (0, _renderer.default)(this, context);
                        const fullThemeName = link.attr("data-theme");
                        const url = link.attr("href");
                        const isActive = "true" === link.attr("data-active");
                        knownThemes[fullThemeName] = {
                            url: url,
                            isActive: isActive
                        }
                    });
                    $allThemeLinks.last().after($activeThemeLink);
                    $allThemeLinks.remove()
                }();
                currentThemeName = void 0;
                current(options)
            }

            function isTheme(themeRegExp, themeName) {
                if (!themeName) {
                    themeName = currentThemeName || readThemeMarker()
                }
                return new RegExp(themeRegExp).test(themeName)
            }

            function isMaterial(themeName) {
                return isTheme("material", themeName)
            }

            function isFluent(themeName) {
                return isTheme("fluent", themeName)
            }

            function isMaterialBased(themeName) {
                return isMaterial(themeName) || isFluent(themeName)
            }

            function isGeneric(themeName) {
                return isTheme("generic", themeName)
            }

            function isDark(themeName) {
                return isTheme("dark", themeName)
            }

            function isCompact(themeName) {
                return isTheme("compact", themeName)
            }

            function themeReady(callback) {
                _m_themes_callback.themeReadyCallback.add(callback)
            }

            function isWebFontLoaded(text, fontWeight) {
                var _testElement$parentNo;
                const document = _dom_adapter.default.getDocument();
                const testElement = document.createElement("span");
                testElement.style.position = "absolute";
                testElement.style.top = "-9999px";
                testElement.style.left = "-9999px";
                testElement.style.visibility = "hidden";
                testElement.style.fontFamily = "arial";
                testElement.style.fontSize = "250px";
                testElement.style.fontWeight = fontWeight;
                testElement.innerHTML = text;
                document.body.appendChild(testElement);
                const etalonFontWidth = testElement.offsetWidth;
                testElement.style.fontFamily = "roboto, 'roboto fallback', arial";
                const testedFontWidth = testElement.offsetWidth;
                null === (_testElement$parentNo = testElement.parentNode) || void 0 === _testElement$parentNo || _testElement$parentNo.removeChild(testElement);
                return etalonFontWidth !== testedFontWidth
            }

            function waitWebFont(text, fontWeight) {
                return new Promise(resolve => {
                    const clear = () => {
                        clearInterval(intervalId);
                        clearTimeout(timeoutId);
                        resolve()
                    };
                    const intervalId = setInterval(() => {
                        if (isWebFontLoaded(text, fontWeight)) {
                            clear()
                        }
                    }, 15);
                    const timeoutId = setTimeout(clear, 2e3)
                })
            }

            function autoInit() {
                init({
                    _autoInit: true,
                    _forceTimeout: true
                });
                if ((0, _renderer.default)("link[rel=dx-theme]", context).length) {
                    throw _ui.default.Error("E0022")
                }
            }
            if ((0, _window.hasWindow)()) {
                autoInit()
            } else {
                ready(autoInit)
            }
            viewPortChanged.add((viewPort, prevViewPort) => {
                initDeferred.done(() => {
                    detachCssClasses(prevViewPort);
                    attachCssClasses(viewPort)
                })
            });
            _devices.default.changed.add(() => {
                init({
                    _autoInit: true
                })
            });

            function resetTheme() {
                var _$activeThemeLink;
                null === (_$activeThemeLink = $activeThemeLink) || void 0 === _$activeThemeLink || _$activeThemeLink.attr("href", "about:blank");
                currentThemeName = null;
                pendingThemeName = null;
                initDeferred = new _deferred.Deferred
            }

            function initialized(callback) {
                initDeferred.done(callback)
            }

            function setDefaultTimeout(timeout) {
                defaultTimeout = timeout
            }
            exports.default = {
                setDefaultTimeout: setDefaultTimeout,
                init: init,
                initialized: initialized,
                resetTheme: resetTheme,
                ready: themeReady,
                waitWebFont: waitWebFont,
                isWebFontLoaded: isWebFontLoaded,
                isCompact: isCompact,
                isDark: isDark,
                isGeneric: isGeneric,
                isMaterial: isMaterial,
                isFluent: isFluent,
                isMaterialBased: isMaterialBased,
                detachCssClasses: detachCssClasses,
                attachCssClasses: attachCssClasses,
                current: current,
                waitForThemeLoad: waitForThemeLoad,
                isPendingThemeLoaded: isPendingThemeLoaded
            }
        },
        89691(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../core/devices */ 65951));
            var _element = __webpack_require__( /*! ../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _collection_widget = _interopRequireDefault(__webpack_require__( /*! ../ui/collection/collection_widget.edit */ 79839));
            var _scroll_view = _interopRequireDefault(__webpack_require__( /*! ../ui/scroll_view/scroll_view */ 71100));
            var _m_support = _interopRequireDefault(__webpack_require__( /*! ../core/utils/m_support */ 85991));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const CONFIGS = {
                horizontal: {
                    itemMainRatio: "widthRatio",
                    itemCrossRatio: "heightRatio",
                    baseItemMainDimension: "baseItemWidth",
                    baseItemCrossDimension: "baseItemHeight",
                    mainDimension: "width",
                    crossDimension: "height",
                    mainPosition: "left",
                    crossPosition: "top"
                },
                vertical: {
                    itemMainRatio: "heightRatio",
                    itemCrossRatio: "widthRatio",
                    baseItemMainDimension: "baseItemHeight",
                    baseItemCrossDimension: "baseItemWidth",
                    mainDimension: "height",
                    crossDimension: "width",
                    mainPosition: "top",
                    crossPosition: "left"
                }
            };
            class TileView extends _collection_widget.default {
                _activeStateUnit() {
                    return ".dx-tile"
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        direction: "horizontal",
                        hoverStateEnabled: true,
                        showScrollbar: "never",
                        height: 500,
                        baseItemWidth: 100,
                        baseItemHeight: 100,
                        itemMargin: 20,
                        activeStateEnabled: true,
                        indicateLoading: true
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }, {
                        device: () => _m_support.default.nativeScrolling,
                        options: {
                            showScrollbar: "onScroll"
                        }
                    }])
                }
                _itemClass() {
                    return "dx-tile"
                }
                _itemDataKey() {
                    return "dxTileData"
                }
                _itemContainer() {
                    return this._$container
                }
                _init() {
                    super._init();
                    this.$element().addClass("dx-tileview");
                    this._initScrollView()
                }
                _dataSourceLoadingChangedHandler(isLoading) {
                    const scrollView = this._scrollView;
                    if (!(null !== scrollView && void 0 !== scrollView && scrollView.startLoading)) {
                        return
                    }
                    const {
                        indicateLoading: indicateLoading
                    } = this.option();
                    if (isLoading && indicateLoading) {
                        scrollView.startLoading()
                    } else {
                        scrollView.finishLoading()
                    }
                }
                _hideLoadingIfLoadIndicationOff() {
                    const {
                        indicateLoading: indicateLoading
                    } = this.option();
                    if (!indicateLoading) {
                        this._dataSourceLoadingChangedHandler(false)
                    }
                }
                _initScrollView() {
                    const {
                        width: width,
                        height: height,
                        direction: direction,
                        showScrollbar: showScrollbar
                    } = this.option();
                    this._scrollView = this._createComponent(this.$element(), _scroll_view.default, {
                        direction: direction,
                        width: width,
                        height: height,
                        scrollByContent: true,
                        useKeyboard: false,
                        showScrollbar: showScrollbar
                    });
                    this._$container = (0, _renderer.default)(this._scrollView.content());
                    this._$container.addClass("dx-tileview-wrapper");
                    this._scrollView.option("onUpdated", this._renderGeometry.bind(this))
                }
                _initMarkup() {
                    super._initMarkup();
                    (0, _common.deferRender)(() => {
                        this._cellsPerDimension = 1;
                        this._renderGeometry();
                        this._updateScrollView();
                        this._fireContentReadyAction()
                    })
                }
                _updateScrollView() {
                    this._scrollView.option("direction", this.option("direction"));
                    this._scrollView.update();
                    this._indicateLoadingIfAlreadyStarted()
                }
                _indicateLoadingIfAlreadyStarted() {
                    if (this._isDataSourceLoading()) {
                        this._dataSourceLoadingChangedHandler(true)
                    }
                }
                _renderGeometry() {
                    const {
                        direction: direction = "horizontal"
                    } = this.option();
                    this._config = CONFIGS[direction];
                    const {
                        items: items = [],
                        itemMargin: itemMargin = 0
                    } = this.option();
                    const config = this._config;
                    const maxItemCrossRatio = items.reduce((max, item) => {
                        const ratio = Math.round(item[config.itemCrossRatio] ?? 1);
                        return Math.max(max, ratio)
                    }, 1);
                    let crossDimensionValue;
                    if (_window.hasWindow) {
                        crossDimensionValue = ("width" === config.crossDimension ? _size.getWidth : _size.getHeight)(this.$element())
                    } else {
                        crossDimensionValue = parseInt(this.$element()[0].style[config.crossDimension], 10)
                    }
                    const options = this.option();
                    const baseItemCrossDimension = options[config.baseItemCrossDimension] ?? 0;
                    this._cellsPerDimension = Math.floor(crossDimensionValue / (baseItemCrossDimension + itemMargin));
                    this._cellsPerDimension = Math.max(this._cellsPerDimension, maxItemCrossRatio);
                    this._cells = [];
                    this._cells.push(new Array(this._cellsPerDimension));
                    this._arrangeItems(items);
                    this._renderContentSize(config, itemMargin)
                }
                _renderContentSize(config) {
                    let itemMargin = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0;
                    const {
                        mainDimension: mainDimension,
                        baseItemMainDimension: baseItemMainDimension
                    } = config;
                    if ((0, _window.hasWindow)()) {
                        const actualContentSize = this._cells.length * (this.option()[baseItemMainDimension] ?? 0) + (this._cells.length + 1) * itemMargin;
                        const elementSize = ("width" === mainDimension ? _size.getWidth : _size.getHeight)(this.$element());
                        ("width" === mainDimension ? _size.setWidth : _size.setHeight)(this._$container, Math.max(actualContentSize, elementSize))
                    }
                }
                _arrangeItems(items) {
                    const config = this._config;
                    const {
                        itemMainRatio: itemMainRatio
                    } = config;
                    const {
                        itemCrossRatio: itemCrossRatio
                    } = config;
                    const {
                        mainPosition: mainPosition
                    } = config;
                    this._itemsPositions = [];
                    (0, _iterator.each)(items, (index, item) => {
                        const currentItem = {
                            index: index
                        };
                        currentItem[itemMainRatio] = item[itemMainRatio] ?? 1;
                        currentItem[itemCrossRatio] = item[itemCrossRatio] ?? 1;
                        currentItem[itemMainRatio] = currentItem[itemMainRatio] <= 0 ? 0 : Math.round(currentItem[config.itemMainRatio]);
                        currentItem[itemCrossRatio] = currentItem[itemCrossRatio] <= 0 ? 0 : Math.round(currentItem[config.itemCrossRatio]);
                        const itemPosition = this._getItemPosition(currentItem);
                        if (-1 === itemPosition[mainPosition]) {
                            itemPosition[mainPosition] = this._cells.push(new Array(this._cellsPerDimension)) - 1
                        }
                        this._occupyCells(currentItem, itemPosition);
                        this._arrangeItem(currentItem, itemPosition);
                        this._itemsPositions.push(itemPosition)
                    })
                }
                _refreshActiveDescendant() {}
                _getItemPosition(item) {
                    const {
                        mainPosition: mainPosition,
                        crossPosition: crossPosition
                    } = this._config;
                    const position = {
                        [mainPosition]: -1,
                        [crossPosition]: 0
                    };
                    for (let main = 0; main < this._cells.length; main += 1) {
                        for (let cross = 0; cross < this._cellsPerDimension; cross += 1) {
                            if (this._itemFit(main, cross, item)) {
                                position[mainPosition] = main;
                                position[crossPosition] = cross;
                                break
                            }
                        }
                        if (position[mainPosition] > -1) {
                            break
                        }
                    }
                    return position
                }
                _itemFit(mainPosition, crossPosition, item) {
                    let result = true;
                    const config = this._config;
                    const itemRatioMain = item[config.itemMainRatio] ?? 0;
                    const itemRatioCross = item[config.itemCrossRatio] ?? 0;
                    if (crossPosition + itemRatioCross > this._cellsPerDimension) {
                        return false
                    }
                    for (let main = mainPosition; main < mainPosition + itemRatioMain; main += 1) {
                        for (let cross = crossPosition; cross < crossPosition + itemRatioCross; cross += 1) {
                            if (this._cells.length - 1 < main) {
                                this._cells.push(new Array(this._cellsPerDimension))
                            } else if (void 0 !== this._cells[main][cross]) {
                                result = false;
                                break
                            }
                        }
                    }
                    return result
                }
                _occupyCells(item, itemPosition) {
                    const config = this._config;
                    const itemPositionMain = itemPosition[config.mainPosition];
                    const itemPositionCross = itemPosition[config.crossPosition];
                    const itemRatioMain = item[config.itemMainRatio] ?? 0;
                    const itemRatioCross = item[config.itemCrossRatio] ?? 0;
                    for (let main = itemPositionMain; main < itemPositionMain + itemRatioMain; main += 1) {
                        for (let cross = itemPositionCross; cross < itemPositionCross + itemRatioCross; cross += 1) {
                            this._cells[main][cross] = item.index
                        }
                    }
                }
                _arrangeItem(item, itemPosition) {
                    const config = this._config;
                    const itemPositionMain = itemPosition[config.mainPosition];
                    const itemPositionCross = itemPosition[config.crossPosition];
                    const itemRatioMain = item[config.itemMainRatio] ?? 0;
                    const itemRatioCross = item[config.itemCrossRatio] ?? 0;
                    const baseItemCross = this.option()[config.baseItemCrossDimension] ?? 0;
                    const baseItemMain = this.option()[config.baseItemMainDimension] ?? 0;
                    const {
                        itemMargin: itemMargin = 0,
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    const cssProps = {
                        display: itemRatioMain <= 0 || itemRatioCross <= 0 ? "none" : ""
                    };
                    const mainDimension = itemRatioMain * baseItemMain + (itemRatioMain - 1) * itemMargin;
                    const crossDimension = itemRatioCross * baseItemCross + (itemRatioCross - 1) * itemMargin;
                    cssProps[config.mainDimension] = mainDimension < 0 ? 0 : mainDimension;
                    cssProps[config.crossDimension] = crossDimension < 0 ? 0 : crossDimension;
                    cssProps[config.mainPosition] = itemPositionMain * baseItemMain + (itemPositionMain + 1) * itemMargin;
                    cssProps[config.crossPosition] = itemPositionCross * baseItemCross + (itemPositionCross + 1) * itemMargin;
                    if (rtlEnabled) {
                        const offsetCorrection = (0, _size.getWidth)(this._$container);
                        const {
                            baseItemWidth: baseItemWidth = 0
                        } = this.option();
                        const itemPositionX = itemPosition.left;
                        const offsetPosition = itemPositionX * baseItemWidth;
                        const itemBaseOffset = baseItemWidth + itemMargin;
                        const itemWidth = itemBaseOffset * item.widthRatio;
                        const subItemMargins = itemPositionX * itemMargin;
                        cssProps.left = offsetCorrection - (offsetPosition + itemWidth + subItemMargins)
                    }
                    this._itemElements().eq(item.index).css(cssProps)
                }
                _moveFocus(location) {
                    const FOCUS_LEFT = this.option("rtlEnabled") ? "right" : "left";
                    const FOCUS_RIGHT = this.option("rtlEnabled") ? "left" : "right";
                    const {
                        direction: direction,
                        focusedElement: focusedElement
                    } = this.option();
                    const horizontalDirection = "horizontal" === direction;
                    const cells = this._cells;
                    const index = (0, _renderer.default)(focusedElement).index();
                    let targetCol = this._itemsPositions[index].left;
                    let targetRow = this._itemsPositions[index].top;
                    const colCount = (horizontalDirection ? cells : cells[0]).length;
                    const rowCount = (horizontalDirection ? cells[0] : cells).length;
                    const getCell = (col, row) => {
                        if (horizontalDirection) {
                            return cells[col][row]
                        }
                        return cells[row][col]
                    };
                    switch (location) {
                        case "pageup":
                        case "up":
                            while (targetRow > 0 && index === getCell(targetCol, targetRow)) {
                                targetRow -= 1
                            }
                            if (targetRow < 0) {
                                targetRow = 0
                            }
                            break;
                        case "pagedown":
                        case "down":
                            while (targetRow < rowCount && index === getCell(targetCol, targetRow)) {
                                targetRow += 1
                            }
                            if (targetRow === rowCount) {
                                targetRow = rowCount - 1
                            }
                            break;
                        case FOCUS_RIGHT:
                            while (targetCol < colCount && index === getCell(targetCol, targetRow)) {
                                targetCol += 1
                            }
                            if (targetCol === colCount) {
                                targetCol = colCount - 1
                            }
                            break;
                        case FOCUS_LEFT:
                            while (targetCol >= 0 && index === getCell(targetCol, targetRow)) {
                                targetCol -= 1
                            }
                            if (targetCol < 0) {
                                targetCol = 0
                            }
                            break;
                        default:
                            super._moveFocus(location);
                            return
                    }
                    const newTargetIndex = getCell(targetCol, targetRow);
                    if (!(0, _type.isDefined)(newTargetIndex)) {
                        return
                    }
                    const $newTarget = this._itemElements().eq(newTargetIndex);
                    this.option("focusedElement", (0, _element.getPublicElement)($newTarget));
                    this._scrollToItem($newTarget)
                }
                _scrollToItem($itemElement) {
                    if (!$itemElement.length) {
                        return
                    }
                    const config = this._config;
                    const outerMainGetter = "width" === config.mainDimension ? _size.getOuterWidth : _size.getOuterHeight;
                    const {
                        itemMargin: itemMargin = 0
                    } = this.option();
                    const itemPosition = $itemElement.position()[config.mainPosition];
                    const itemDimension = outerMainGetter($itemElement);
                    const itemTail = itemPosition + itemDimension;
                    const scrollPosition = this.scrollPosition();
                    const clientWidth = outerMainGetter(this.$element());
                    if (scrollPosition <= itemPosition && itemTail <= scrollPosition + clientWidth) {
                        return
                    }
                    if (scrollPosition > itemPosition) {
                        this._scrollView.scrollTo(itemPosition - itemMargin)
                    } else {
                        this._scrollView.scrollTo(itemPosition + itemDimension - clientWidth + itemMargin)
                    }
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "items":
                            super._optionChanged(args);
                            this._renderGeometry();
                            this._updateScrollView();
                            break;
                        case "showScrollbar":
                            this._initScrollView();
                            break;
                        case "disabled":
                            this._scrollView.option("disabled", value);
                            super._optionChanged(args);
                            break;
                        case "baseItemWidth":
                        case "baseItemHeight":
                        case "itemMargin":
                            this._renderGeometry();
                            break;
                        case "width":
                        case "height":
                            super._optionChanged(args);
                            this._renderGeometry();
                            this._scrollView.option(name, value);
                            this._updateScrollView();
                            break;
                        case "direction":
                            this._renderGeometry();
                            this._updateScrollView();
                            break;
                        case "indicateLoading":
                            this._hideLoadingIfLoadIndicationOff();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                scrollPosition() {
                    return this._scrollView.scrollOffset()[this._config.mainPosition]
                }
            }(0, _component_registrator.default)("dxTileView", TileView);
            exports.default = TileView
        },
        7066(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _toast = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../ui/toast/toast */ 80932));
            exports.default = function(container) {
                const toasts = (0, _renderer.default)(`.${_toast.TOAST_CLASS}`).toArray();
                if (0 === arguments.length) {
                    toasts.forEach(toast => {
                        _toast.default.getInstance(toast).hide()
                    });
                    return
                }
                if (!container) {
                    return
                }
                const containerElement = (0, _renderer.default)(container).get(0);
                toasts.map(toast => {
                    const instance = _toast.default.getInstance(toast);
                    return instance
                }).filter(instance => {
                    const {
                        container: toastContainer
                    } = instance.option();
                    const toastContainerElement = (0, _renderer.default)(toastContainer).get(0);
                    return containerElement === toastContainerElement && containerElement
                }).forEach(instance => {
                    instance.hide()
                })
            }
        },
        80932(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.TOAST_CLASS = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _ready_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/ready_callbacks */ 3122));
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _ui = _interopRequireDefault(__webpack_require__( /*! ../../../ui/overlay/ui.overlay */ 89132));
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ready = _ready_callbacks.default.add;
            const TOAST_CLASS = exports.TOAST_CLASS = "dx-toast";
            const toastTypes = ["info", "warning", "error", "success"];
            const TOAST_STACK = [];
            const POSITION_ALIASES = {
                top: {
                    my: "top",
                    at: "top",
                    of: null,
                    offset: "0 0"
                },
                bottom: {
                    my: "bottom",
                    at: "bottom",
                    of: null,
                    offset: "0 -20"
                },
                center: {
                    my: "center",
                    at: "center",
                    of: null,
                    offset: "0 0"
                },
                right: {
                    my: "center right",
                    at: "center right",
                    of: null,
                    offset: "0 0"
                },
                left: {
                    my: "center left",
                    at: "center left",
                    of: null,
                    offset: "0 0"
                }
            };
            const DEFAULT_BOUNDARY_OFFSET = {
                h: 0,
                v: 0
            };
            ready(() => {
                const element = _dom_adapter.default.getDocument();
                _events_engine.default.subscribeGlobal(element, _pointer.default.down, e => {
                    for (let i = TOAST_STACK.length - 1; i >= 0; i -= 1) {
                        var _TOAST_STACK$i$_proxi, _TOAST_STACK$i;
                        if (!(null !== (_TOAST_STACK$i$_proxi = (_TOAST_STACK$i = TOAST_STACK[i])._proxiedDocumentDownHandler) && void 0 !== _TOAST_STACK$i$_proxi && _TOAST_STACK$i$_proxi.call(_TOAST_STACK$i, e))) {
                            return
                        }
                    }
                })
            });
            class Toast extends _ui.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        message: "",
                        type: "info",
                        displayTime: 2e3,
                        position: "bottom center",
                        animation: {
                            show: {
                                type: "fade",
                                duration: 400,
                                from: 0,
                                to: 1
                            },
                            hide: {
                                type: "fade",
                                duration: 400,
                                from: 1,
                                to: 0
                            }
                        },
                        shading: false,
                        height: "auto",
                        hideTopOverlayHandler: null,
                        preventScrollEvents: false,
                        closeOnSwipe: true,
                        closeOnClick: false
                    })
                }
                _defaultOptionsRules() {
                    const tabletAndMobileCommonOptions = {
                        displayTime: (0, _themes.isMaterialBased)((0, _themes.current)()) ? 4e3 : 2e3,
                        hideOnOutsideClick: true,
                        animation: {
                            show: {
                                type: "fade",
                                duration: 200,
                                from: 0,
                                to: 1
                            },
                            hide: {
                                type: "fade",
                                duration: 200,
                                from: 1,
                                to: 0
                            }
                        }
                    };
                    const toastRules = [{
                        device: device => "phone" === device.deviceType,
                        options: Object.assign({
                            width: "calc(100vw - 40px)"
                        }, tabletAndMobileCommonOptions)
                    }, {
                        device: device => "tablet" === device.deviceType,
                        options: Object.assign({
                            width: "auto",
                            maxWidth: "80vw"
                        }, tabletAndMobileCommonOptions)
                    }, {
                        device: device => (0, _themes.isMaterialBased)((0, _themes.current)()) && "desktop" === device.deviceType,
                        options: {
                            minWidth: 344,
                            maxWidth: 568,
                            displayTime: 4e3
                        }
                    }];
                    const rules = [...super._defaultOptionsRules(), ...toastRules];
                    return rules
                }
                _init() {
                    super._init();
                    this._posStringToObject()
                }
                _renderContentImpl() {
                    const {
                        message: message,
                        type: type
                    } = this.option();
                    const $content = this.$content();
                    if ($content) {
                        this._message = (0, _renderer.default)("<div>").addClass("dx-toast-message").text(message ?? "").appendTo($content)
                    }
                    this.setAria("role", "alert", this._message);
                    if (type && toastTypes.includes(type.toLowerCase())) {
                        null === $content || void 0 === $content || $content.prepend((0, _renderer.default)("<div>").addClass("dx-toast-icon"))
                    }
                    return super._renderContentImpl()
                }
                _render() {
                    var _this$$element, _this$$wrapper, _this$$content2;
                    super._render();
                    null === (_this$$element = this.$element()) || void 0 === _this$$element || _this$$element.addClass(TOAST_CLASS);
                    null === (_this$$wrapper = this.$wrapper()) || void 0 === _this$$wrapper || _this$$wrapper.addClass("dx-toast-wrapper");
                    const {
                        type: type
                    } = this.option();
                    if (type) {
                        var _this$$content;
                        null === (_this$$content = this.$content()) || void 0 === _this$$content || _this$$content.addClass(`${TOAST_CLASS}-${type.toLowerCase()}`)
                    }
                    null === (_this$$content2 = this.$content()) || void 0 === _this$$content2 || _this$$content2.addClass("dx-toast-content");
                    this._toggleCloseEvents("Swipe");
                    this._toggleCloseEvents("Click")
                }
                _toggleCloseEvents(event) {
                    const dxEvent = `dx${event.toLowerCase()}`;
                    _events_engine.default.off(this.$content(), dxEvent);
                    const optionName = `closeOn${event}`;
                    const optionValue = this.option(optionName);
                    if (optionValue) {
                        _events_engine.default.on(this.$content(), dxEvent, this.hide.bind(this))
                    }
                }
                _posStringToObject() {
                    const {
                        position: position
                    } = this.option();
                    if (!(0, _type.isString)(position)) {
                        return
                    }
                    const verticalPosition = position.split(" ")[0];
                    const horizontalPosition = position.split(" ")[1];
                    const newPosition = Object.assign({
                        boundaryOffset: DEFAULT_BOUNDARY_OFFSET
                    }, POSITION_ALIASES[verticalPosition]);
                    this.option("position", newPosition);
                    switch (horizontalPosition) {
                        case "center":
                        case "left":
                        case "right":
                            if (newPosition && "object" === typeof newPosition) {
                                const at = `${newPosition.at} ${horizontalPosition}`;
                                const my = `${newPosition.my} ${horizontalPosition}`;
                                this.option("position.at", at);
                                this.option("position.my", my)
                            }
                    }
                }
                _show() {
                    const promise = super._show();
                    promise.always(() => {
                        clearTimeout(this._hideTimeout);
                        const {
                            displayTime: displayTime
                        } = this.option();
                        this._hideTimeout = setTimeout(this.hide.bind(this), displayTime)
                    });
                    return promise
                }
                _overlayStack() {
                    return TOAST_STACK
                }
                _zIndexInitValue() {
                    return super._zIndexInitValue() + 8e3
                }
                _dispose() {
                    clearTimeout(this._hideTimeout);
                    super._dispose()
                }
                _optionChanged(args) {
                    var _this$$content3;
                    const {
                        name: name,
                        value: value,
                        previousValue: previousValue
                    } = args;
                    switch (name) {
                        case "type":
                            null === (_this$$content3 = this.$content()) || void 0 === _this$$content3 || _this$$content3.removeClass(`${TOAST_CLASS}-${previousValue}`);
                            if (value) {
                                var _this$$content4;
                                null === (_this$$content4 = this.$content()) || void 0 === _this$$content4 || _this$$content4.addClass(`${TOAST_CLASS}-${String(value).toLowerCase()}`)
                            }
                            break;
                        case "message":
                            if (this._message) {
                                this._message.text(value)
                            }
                            break;
                        case "closeOnSwipe":
                            this._toggleCloseEvents("Swipe");
                            break;
                        case "closeOnClick":
                            this._toggleCloseEvents("Click");
                            break;
                        case "displayTime":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
            }(0, _component_registrator.default)("dxToast", Toast);
            exports.default = Toast
        },
        50634(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TOOLBAR_CLASS = void 0;
            exports.TOOLBAR_CLASS = "dx-toolbar"
        },
        36633(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../../core/devices */ 65951));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _child_default_template = __webpack_require__( /*! ../../../../core/templates/child_default_template */ 91585);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _themes = __webpack_require__( /*! ../../../../ui/themes */ 52071);
            var _widget = _interopRequireDefault(__webpack_require__( /*! ../../../core/widget/widget */ 89275));
            var _wrapper = _interopRequireDefault(__webpack_require__( /*! ../../../ui/button/wrapper */ 19583));
            var _m_popup = _interopRequireDefault(__webpack_require__( /*! ../../../ui/popup/m_popup */ 43864));
            var _toolbarMenu = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../../ui/toolbar/internal/toolbar.menu.list */ 14279));
            var _toolbar = __webpack_require__( /*! ../../../ui/toolbar/toolbar.utils */ 90859);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class DropDownMenu extends _widget.default {
                _supportedKeys() {
                    var _this$_list;
                    let extension = {};
                    const {
                        opened: opened
                    } = this.option();
                    if (!opened || !(null !== (_this$_list = this._list) && void 0 !== _this$_list && _this$_list.option("focusedElement"))) {
                        extension = this._button._supportedKeys()
                    }
                    return Object.assign({}, super._supportedKeys(), extension, {
                        tab() {
                            var _this$_popup;
                            null === (_this$_popup = this._popup) || void 0 === _this$_popup || _this$_popup.hide()
                        }
                    })
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        items: [],
                        dataSource: null,
                        itemTemplate: "item",
                        activeStateEnabled: true,
                        hoverStateEnabled: true,
                        opened: false,
                        closeOnClick: true,
                        useInkRipple: false,
                        container: void 0,
                        animation: {
                            show: {
                                type: "fade",
                                from: 0,
                                to: 1
                            },
                            hide: {
                                type: "fade",
                                to: 0
                            }
                        }
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => "desktop" === _devices.default.real().deviceType && !_devices.default.isSimulator(),
                        options: {
                            focusStateEnabled: true
                        }
                    }, {
                        device: () => (0, _themes.isMaterialBased)((0, _themes.current)()),
                        options: {
                            useInkRipple: true,
                            animation: {
                                show: {
                                    type: "pop",
                                    duration: 200,
                                    from: {
                                        scale: 0
                                    },
                                    to: {
                                        scale: 1
                                    }
                                },
                                hide: {
                                    type: "pop",
                                    duration: 200,
                                    from: {
                                        scale: 1
                                    },
                                    to: {
                                        scale: 0
                                    }
                                }
                            }
                        }
                    }])
                }
                _init() {
                    super._init();
                    this.$element().addClass("dx-dropdownmenu");
                    this._initItemClickAction();
                    this._initButtonClickAction()
                }
                _initItemClickAction() {
                    this._itemClickAction = this._createActionByOption("onItemClick", {})
                }
                _initButtonClickAction() {
                    this._buttonClickAction = this._createActionByOption("onButtonClick", {})
                }
                _initTemplates() {
                    this._templateManager.addDefaultTemplates({
                        content: new _child_default_template.ChildDefaultTemplate("content")
                    });
                    super._initTemplates()
                }
                _initMarkup() {
                    this._renderButton();
                    super._initMarkup()
                }
                _render() {
                    super._render();
                    const {
                        opened: opened
                    } = this.option();
                    this.setAria({
                        haspopup: true,
                        expanded: opened
                    })
                }
                _renderContentImpl() {
                    const {
                        opened: opened
                    } = this.option();
                    if (opened) {
                        this._renderPopup()
                    }
                }
                _clean() {
                    var _this$_list2, _this$_popup2;
                    this._cleanFocusState();
                    null === (_this$_list2 = this._list) || void 0 === _this$_list2 || _this$_list2.$element().remove();
                    null === (_this$_popup2 = this._popup) || void 0 === _this$_popup2 || _this$_popup2.$element().remove();
                    delete this._list;
                    delete this._popup
                }
                _renderButton() {
                    const $button = this.$element().addClass("dx-dropdownmenu-button");
                    const {
                        useInkRipple: useInkRipple
                    } = this.option();
                    this._button = this._createComponent($button, _wrapper.default, {
                        icon: "overflow",
                        template: "content",
                        stylingMode: (0, _themes.isFluent)((0, _themes.current)()) ? "text" : "contained",
                        useInkRipple: useInkRipple,
                        hoverStateEnabled: false,
                        focusStateEnabled: false,
                        onClick: e => {
                            var _this$_buttonClickAct;
                            this.option("opened", !this.option("opened"));
                            null === (_this$_buttonClickAct = this._buttonClickAction) || void 0 === _this$_buttonClickAct || _this$_buttonClickAct.call(this, e)
                        }
                    })
                }
                _toggleActiveState($element, value) {
                    this._button._toggleActiveState($element[0], value)
                }
                _toggleMenuVisibility(opened) {
                    var _this$_popup3, _this$_popup4;
                    const state = opened ?? !(null !== (_this$_popup3 = this._popup) && void 0 !== _this$_popup3 && _this$_popup3.option("visible"));
                    if (opened) {
                        this._renderPopup()
                    }
                    null === (_this$_popup4 = this._popup) || void 0 === _this$_popup4 || _this$_popup4.toggle(state);
                    this.setAria("expanded", state)
                }
                _renderPopup() {
                    if (this._$popup) {
                        return
                    }
                    this._$popup = (0, _renderer.default)("<div>").appendTo(this.$element());
                    const {
                        rtlEnabled: rtlEnabled,
                        container: container,
                        animation: animation
                    } = this.option();
                    this._popup = this._createComponent(this._$popup, _m_popup.default, {
                        onInitialized(e) {
                            const {
                                component: component
                            } = e;
                            component.$wrapper().addClass("dx-dropdownmenu-popup-wrapper").addClass("dx-dropdownmenu-popup")
                        },
                        deferRendering: false,
                        preventScrollEvents: false,
                        _ignorePreventScrollEventsDeprecation: true,
                        contentTemplate: contentElement => this._renderList(contentElement),
                        _ignoreFunctionValueDeprecation: true,
                        maxHeight: () => this._getMaxHeight(),
                        position: {
                            my: "top " + (rtlEnabled ? "left" : "right"),
                            at: "bottom " + (rtlEnabled ? "left" : "right"),
                            collision: "fit flip",
                            offset: {
                                v: 3
                            },
                            of: this.$element()
                        },
                        animation: animation,
                        onOptionChanged: _ref => {
                            let {
                                name: name,
                                value: value
                            } = _ref;
                            if ("visible" === name) {
                                this.option("opened", value)
                            }
                        },
                        container: container,
                        autoResizeEnabled: false,
                        height: "auto",
                        width: "auto",
                        hideOnOutsideClick: e => this._closeOutsideDropDownHandler(e),
                        hideOnParentScroll: true,
                        shading: false,
                        dragEnabled: false,
                        showTitle: false,
                        fullScreen: false,
                        ignoreChildEvents: false,
                        _fixWrapperPosition: true
                    });
                    this._popup.registerKeyHandler("space", e => {
                        this._popupKeyHandler(e)
                    });
                    this._popup.registerKeyHandler("enter", e => {
                        this._popupKeyHandler(e)
                    });
                    this._popup.registerKeyHandler("escape", e => {
                        var _this$_popup5;
                        if (null !== (_this$_popup5 = this._popup) && void 0 !== _this$_popup5 && _this$_popup5.$overlayContent().is((0, _renderer.default)(e.target))) {
                            this.option("opened", false)
                        }
                    })
                }
                _getMaxHeight() {
                    var _$element$offset;
                    const $element = this.$element();
                    const offsetTop = (null === (_$element$offset = $element.offset()) || void 0 === _$element$offset ? void 0 : _$element$offset.top) ?? 0;
                    const windowHeight = (0, _size.getOuterHeight)((0, _window.getWindow)());
                    const maxHeight = Math.max(offsetTop, windowHeight - offsetTop - (0, _size.getOuterHeight)($element));
                    return Math.min(windowHeight, maxHeight - 3 - 10)
                }
                _closeOutsideDropDownHandler(e) {
                    const isOutsideClick = !(0, _renderer.default)(e.target).closest(this.$element()).length;
                    return isOutsideClick
                }
                _renderList(contentElement) {
                    const $content = (0, _renderer.default)(contentElement);
                    $content.addClass("dx-dropdownmenu-list");
                    const {
                        itemTemplate: itemTemplate,
                        onItemRendered: onItemRendered
                    } = this.option();
                    this._list = this._createComponent($content, _toolbarMenu.default, {
                        dataSource: this._getListDataSource(),
                        pageLoadMode: "scrollBottom",
                        indicateLoading: false,
                        noDataText: "",
                        itemTemplate: itemTemplate,
                        onItemClick: e => {
                            this._itemClickHandler(e)
                        },
                        tabIndex: -1,
                        focusStateEnabled: false,
                        activeStateEnabled: true,
                        onItemRendered: onItemRendered,
                        _itemAttributes: {
                            role: "menuitem"
                        },
                        _onItemsRendered: () => {
                            if (this.option("templatesRenderAsynchronously")) {
                                var _this$_popup6;
                                null === (_this$_popup6 = this._popup) || void 0 === _this$_popup6 || _this$_popup6._renderGeometry()
                            }
                        }
                    })
                }
                _popupKeyHandler(e) {
                    if ((0, _renderer.default)(e.target).closest(`.${_toolbarMenu.TOOLBAR_MENU_ACTION_CLASS}`).length) {
                        this._closePopup()
                    }
                }
                _closePopup() {
                    const {
                        closeOnClick: closeOnClick
                    } = this.option();
                    if (closeOnClick) {
                        this.option("opened", false)
                    }
                }
                _itemClickHandler(e) {
                    var _this$_itemClickActio;
                    this._closePopup();
                    null === (_this$_itemClickActio = this._itemClickAction) || void 0 === _this$_itemClickActio || _this$_itemClickActio.call(this, e)
                }
                _itemOptionChanged(item, property, value) {
                    var _this$_list3;
                    null === (_this$_list3 = this._list) || void 0 === _this$_list3 || _this$_list3._itemOptionChanged(item, property, value);
                    (0, _toolbar.toggleItemFocusableElementTabIndex)(this._list, item)
                }
                _getListDataSource() {
                    const {
                        dataSource: dataSource,
                        items: items = []
                    } = this.option();
                    return dataSource ?? items
                }
                _setListDataSource() {
                    var _this$_list4;
                    null === (_this$_list4 = this._list) || void 0 === _this$_list4 || _this$_list4.option("dataSource", this._getListDataSource());
                    delete this._deferRendering
                }
                _getKeyboardListeners() {
                    return super._getKeyboardListeners().concat([this._list])
                }
                _toggleVisibility(visible) {
                    var _this$_button;
                    super._toggleVisibility(visible);
                    null === (_this$_button = this._button) || void 0 === _this$_button || _this$_button.option("visible", visible)
                }
                _optionChanged(args) {
                    var _this$_list5, _this$_list6, _this$_list7, _this$_popup7;
                    const {
                        name: name,
                        value: value
                    } = args;
                    switch (name) {
                        case "items":
                        case "dataSource":
                            if (!this.option("opened")) {
                                this._deferRendering = true
                            } else {
                                this._setListDataSource()
                            }
                            break;
                        case "itemTemplate":
                            null === (_this$_list5 = this._list) || void 0 === _this$_list5 || _this$_list5.option(name, this._getTemplate(value));
                            break;
                        case "onItemClick":
                            this._initItemClickAction();
                            break;
                        case "onButtonClick":
                            this._initButtonClickAction();
                            break;
                        case "useInkRipple":
                            this._invalidate();
                            break;
                        case "focusStateEnabled":
                            null === (_this$_list6 = this._list) || void 0 === _this$_list6 || _this$_list6.option(name, value);
                            super._optionChanged(args);
                            break;
                        case "onItemRendered":
                            null === (_this$_list7 = this._list) || void 0 === _this$_list7 || _this$_list7.option(name, value);
                            break;
                        case "opened":
                            if (this._deferRendering) {
                                this._setListDataSource()
                            }
                            this._toggleMenuVisibility(value);
                            this._updateFocusableItemsTabIndex();
                            break;
                        case "closeOnClick":
                            break;
                        case "container":
                            null === (_this$_popup7 = this._popup) || void 0 === _this$_popup7 || _this$_popup7.option(name, value);
                            break;
                        case "disabled":
                            if (this._list) {
                                this._updateFocusableItemsTabIndex()
                            }
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _updateFocusableItemsTabIndex() {
                    const {
                        items: items = []
                    } = this.option();
                    items.forEach(item => (0, _toolbar.toggleItemFocusableElementTabIndex)(this._list, item))
                }
            }
            exports.default = DropDownMenu
        },
        14279(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.TOOLBAR_MENU_ACTION_CLASS = void 0;
            var _renderer = (e = __webpack_require__( /*! ../../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _list = __webpack_require__( /*! ../../../ui/list/list.base */ 74319);
            const TOOLBAR_MENU_ACTION_CLASS = exports.TOOLBAR_MENU_ACTION_CLASS = "dx-toolbar-menu-action";
            class ToolbarMenuList extends _list.ListBase {
                _activeStateUnit() {
                    return `.${TOOLBAR_MENU_ACTION_CLASS}:not(.dx-toolbar-hidden-button-group)`
                }
                _initMarkup() {
                    this._renderSections();
                    super._initMarkup();
                    this._setMenuRole()
                }
                _getSections() {
                    return this._itemContainer().children()
                }
                _itemElements() {
                    return this._getSections().children(this._itemSelector())
                }
                _renderSections() {
                    const $container = this._itemContainer();
                    (0, _iterator.each)(["before", "center", "after", "menu"], (_, section) => {
                        const sectionName = `_$${section}Section`;
                        if (!this[sectionName]) {
                            this[sectionName] = (0, _renderer.default)("<div>").addClass("dx-toolbar-menu-section")
                        }
                        this[sectionName].appendTo($container)
                    })
                }
                _renderItems(items) {
                    super._renderItems(items);
                    this._updateSections()
                }
                _setMenuRole() {
                    const $menuContainer = this.$element().find(".dx-scrollview-content");
                    $menuContainer.attr("role", "menu")
                }
                _updateSections() {
                    const $sections = this.$element().find(".dx-toolbar-menu-section");
                    $sections.removeClass("dx-toolbar-menu-last-section");
                    $sections.not(":empty").eq(-1).addClass("dx-toolbar-menu-last-section")
                }
                _renderItem(index, item, _$container, $itemToReplace) {
                    const $container = this[`_$${item.location??"menu"}Section`];
                    const $itemElement = super._renderItem(index, item, $container, $itemToReplace);
                    const itemCssClasses = this._getItemCssClasses(item);
                    $itemElement.addClass(itemCssClasses.join(" "));
                    return $itemElement
                }
                _getItemCssClasses(item) {
                    const cssClasses = [];
                    const actionableComponents = this._getActionableComponents();
                    if (this._getItemTemplateName({
                            itemData: item
                        })) {
                        cssClasses.push("dx-toolbar-menu-custom")
                    }
                    if (!item.location && !item.widget || actionableComponents.some(component => component === item.widget)) {
                        cssClasses.push(TOOLBAR_MENU_ACTION_CLASS)
                    }
                    if ("dxButton" === item.widget) {
                        cssClasses.push("dx-toolbar-hidden-button")
                    }
                    if ("dxButtonGroup" === item.widget) {
                        cssClasses.push("dx-toolbar-hidden-button-group")
                    }
                    if (item.cssClass) {
                        cssClasses.push(item.cssClass)
                    }
                    return cssClasses
                }
                _getActionableComponents() {
                    return ["dxButton", "dxButtonGroup"]
                }
                _getItemTemplateName(args) {
                    const template = super._getItemTemplateName(args);
                    const data = args.itemData;
                    const menuTemplate = null === data || void 0 === data ? void 0 : data.menuItemTemplate;
                    return menuTemplate ?? template
                }
                _dataSourceOptions() {
                    return {
                        paginate: false
                    }
                }
                _itemClickHandler(e, args, config) {
                    if ((0, _renderer.default)(e.target).closest(`.${TOOLBAR_MENU_ACTION_CLASS}`).length) {
                        super._itemClickHandler(e, args, config)
                    }
                }
                _clean() {
                    this._getSections().empty();
                    super._clean()
                }
            }
            exports.default = ToolbarMenuList
        },
        56527(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.MultiLineStrategy = void 0;
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            exports.MultiLineStrategy = class {
                constructor(toolbar) {
                    this._toolbar = toolbar
                }
                _initMarkup() {}
                _updateMenuVisibility() {}
                _renderMenuItems() {}
                _renderItem() {}
                _getMenuItems() {}
                _getToolbarItems() {
                    const {
                        items: items = []
                    } = this._toolbar.option();
                    return items
                }
                _getItemsWidth() {
                    return this._toolbar._getSummaryItemsSize("width", this._toolbar._itemElements(), true)
                }
                _arrangeItems() {
                    const $label = this._toolbar._$toolbarItemsContainer.find(".dx-toolbar-label").eq(0);
                    if (!$label.length) {
                        return
                    }
                    const elementWidth = (0, _size.getWidth)(this._toolbar.$element());
                    const labelPaddings = (0, _size.getOuterWidth)($label) - (0, _size.getWidth)($label);
                    $label.css("maxWidth", elementWidth - labelPaddings)
                }
                _hideOverflowItems() {}
                _dimensionChanged() {}
                _itemOptionChanged() {}
                _optionChanged() {}
            }
        },
        40096(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SingleLineStrategy = void 0;
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _data = __webpack_require__( /*! ../../../../core/utils/data */ 31e3);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../../core/utils/size */ 57653);
            var _toolbar = _interopRequireDefault(__webpack_require__( /*! ../../../ui/toolbar/internal/toolbar.menu */ 36633));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.SingleLineStrategy = class {
                constructor(toolbar) {
                    this._restoreItems = [];
                    this._toolbar = toolbar
                }
                _initMarkup() {
                    (0, _common.deferRender)(() => {
                        this._renderOverflowMenu();
                        this._renderMenuItems()
                    })
                }
                _renderOverflowMenu() {
                    if (!this._hasVisibleMenuItems()) {
                        return
                    }
                    this._renderMenuButtonContainer();
                    const $menu = (0, _renderer.default)("<div>").appendTo(this._overflowMenuContainer());
                    const itemClickAction = this._toolbar._createActionByOption("onItemClick");
                    const menuItemTemplate = this._toolbar._getTemplateByOption("menuItemTemplate");
                    const {
                        disabled: disabled,
                        menuContainer: menuContainer
                    } = this._toolbar.option();
                    this._menu = this._toolbar._createComponent($menu, _toolbar.default, {
                        disabled: disabled,
                        itemTemplate: () => menuItemTemplate,
                        onItemClick: e => {
                            itemClickAction(e)
                        },
                        container: menuContainer,
                        onOptionChanged: _ref => {
                            let {
                                name: name,
                                value: value
                            } = _ref;
                            if ("opened" === name) {
                                this._toolbar.option("overflowMenuVisible", value)
                            }
                            if ("items" === name) {
                                this._updateMenuVisibility(value)
                            }
                        }
                    })
                }
                renderMenuItems() {
                    if (!this._menu) {
                        this._renderOverflowMenu()
                    }
                    if (this._menu) {
                        this._menu.option("items", this._getMenuItems());
                        const {
                            items: items = []
                        } = this._menu.option();
                        if (!items.length) {
                            this._menu.option("opened", false)
                        }
                    }
                }
                _renderMenuButtonContainer() {
                    this._$overflowMenuContainer = (0, _renderer.default)("<div>").appendTo(this._toolbar._$afterSection).addClass("dx-toolbar-button").addClass("dx-toolbar-menu-container")
                }
                _overflowMenuContainer() {
                    return this._$overflowMenuContainer
                }
                _updateMenuVisibility(menuItems) {
                    const items = menuItems ?? this._getMenuItems();
                    const isMenuVisible = items.length && this._hasVisibleMenuItems(items);
                    this._toggleMenuVisibility(!!isMenuVisible)
                }
                _toggleMenuVisibility(value) {
                    if (!this._overflowMenuContainer()) {
                        return
                    }
                    this._overflowMenuContainer().toggleClass("dx-state-invisible", !value)
                }
                _renderMenuItems() {
                    (0, _common.deferRender)(() => {
                        this.renderMenuItems()
                    })
                }
                _dimensionChanged() {
                    this.renderMenuItems()
                }
                _getToolbarItems() {
                    const {
                        items: items = []
                    } = this._toolbar.option();
                    return items.filter(item => !this._toolbar._isMenuItem(item))
                }
                _getHiddenItems() {
                    return this._toolbar._itemContainer().children(".dx-toolbar-item-auto-hide.dx-toolbar-item-invisible").not(".dx-state-invisible")
                }
                _getMenuItems() {
                    const {
                        items: items = []
                    } = this._toolbar.option();
                    const menuItems = items.filter(item => this._toolbar._isMenuItem(item));
                    const $hiddenItems = this._getHiddenItems();
                    this._restoreItems = this._restoreItems ?? [];
                    const overflowItems = [].slice.call($hiddenItems).map(hiddenItem => {
                        const itemData = this._toolbar._getItemData(hiddenItem);
                        const $itemContainer = (0, _renderer.default)(hiddenItem);
                        const $itemMarkup = $itemContainer.children();
                        return Object.assign({
                            menuItemTemplate: () => {
                                this._restoreItems.push({
                                    container: $itemContainer,
                                    item: $itemMarkup
                                });
                                const $container = (0, _renderer.default)("<div>").addClass("dx-toolbar-item-auto-hide");
                                return $container.append($itemMarkup)
                            }
                        }, itemData)
                    });
                    return [...overflowItems, ...menuItems]
                }
                _hasVisibleMenuItems(items) {
                    const menuItems = items ?? this._toolbar.option("items");
                    let result = false;
                    const optionGetter = (0, _data.compileGetter)("visible");
                    const overflowGetter = (0, _data.compileGetter)("locateInMenu");
                    (0, _iterator.each)(menuItems, (index, item) => {
                        const itemVisible = optionGetter(item, {
                            functionsAsIs: true
                        });
                        const itemOverflow = overflowGetter(item, {
                            functionsAsIs: true
                        });
                        if (false !== itemVisible && ("auto" === itemOverflow || "always" === itemOverflow)) {
                            result = true
                        }
                    });
                    return result
                }
                _arrangeItems() {
                    this._toolbar._$centerSection.css({
                        margin: "0 auto",
                        float: "none"
                    });
                    (0, _iterator.each)(this._restoreItems ?? [], (_, obj) => {
                        (0, _renderer.default)(obj.container).append(obj.item)
                    });
                    this._restoreItems = [];
                    const elementWidth = (0, _size.getWidth)(this._toolbar.$element());
                    this._hideOverflowItems(elementWidth);
                    return elementWidth
                }
                _hideOverflowItems(width) {
                    const overflowItems = this._toolbar.$element().find(".dx-toolbar-item-auto-hide");
                    if (!overflowItems.length) {
                        return
                    }
                    const elementWidth = width ?? (0, _size.getWidth)(this._toolbar.$element());
                    (0, _renderer.default)(overflowItems).removeClass("dx-toolbar-item-invisible");
                    let itemsWidth = this._getItemsWidth();
                    while (overflowItems.length && elementWidth < itemsWidth) {
                        const $item = overflowItems.eq(-1);
                        $item.addClass("dx-toolbar-item-invisible");
                        itemsWidth = this._getItemsWidth();
                        [].splice.apply(overflowItems, [-1, 1])
                    }
                }
                _getItemsWidth() {
                    return this._toolbar._getSummaryItemsSize("width", [this._toolbar._$beforeSection, this._toolbar._$centerSection, this._toolbar._$afterSection])
                }
                _itemOptionChanged(item, property, value) {
                    if ("disabled" === property || "options.disabled" === property) {
                        if (this._toolbar._isMenuItem(item)) {
                            var _this$_menu;
                            null === (_this$_menu = this._menu) || void 0 === _this$_menu || _this$_menu._itemOptionChanged(item, "disabled", value);
                            return
                        }
                    }
                    this.renderMenuItems()
                }
                _renderItem(item, $itemElement) {
                    if ("auto" === item.locateInMenu) {
                        $itemElement.addClass("dx-toolbar-item-auto-hide")
                    }
                }
                _optionChanged(name, value) {
                    var _this$_menu2, _this$_menu3, _this$_menu4, _this$_menu5, _this$_menu6;
                    switch (name) {
                        case "disabled":
                            null === (_this$_menu2 = this._menu) || void 0 === _this$_menu2 || _this$_menu2.option(name, value);
                            break;
                        case "overflowMenuVisible":
                            null === (_this$_menu3 = this._menu) || void 0 === _this$_menu3 || _this$_menu3.option("opened", value);
                            break;
                        case "onItemClick":
                            null === (_this$_menu4 = this._menu) || void 0 === _this$_menu4 || _this$_menu4.option(name, value);
                            break;
                        case "menuContainer":
                            null === (_this$_menu5 = this._menu) || void 0 === _this$_menu5 || _this$_menu5.option("container", value);
                            break;
                        case "menuItemTemplate":
                            null === (_this$_menu6 = this._menu) || void 0 === _this$_menu6 || _this$_menu6.option("itemTemplate", value)
                    }
                }
            }
        },
        28793(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.TOOLBAR_BEFORE_CLASS = exports.TOOLBAR_AFTER_CLASS = void 0;
            var _animation = __webpack_require__( /*! ../../../common/core/animation */ 16826);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _bindable_template = __webpack_require__( /*! ../../../core/templates/bindable_template */ 27286);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            var _collection_widget = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/collection_widget.async */ 12191));
            var _constants = __webpack_require__( /*! ./constants */ 50634);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const TOOLBAR_BEFORE_CLASS = exports.TOOLBAR_BEFORE_CLASS = "dx-toolbar-before";
            const TOOLBAR_AFTER_CLASS = exports.TOOLBAR_AFTER_CLASS = "dx-toolbar-after";
            class ToolbarBase extends _collection_widget.default {
                _getSynchronizableOptionsForCreateComponent() {
                    return super._getSynchronizableOptionsForCreateComponent().filter(item => "disabled" !== item)
                }
                _initTemplates() {
                    super._initTemplates();
                    const template = new _bindable_template.BindableTemplate(($container, data, rawModel) => {
                        if ((0, _type.isPlainObject)(data)) {
                            const {
                                text: text,
                                html: html,
                                widget: widget
                            } = data;
                            if (text) {
                                $container.text(text).wrapInner("<div>")
                            }
                            if (html) {
                                $container.html(html)
                            }
                            if ("dxDropDownButton" === widget) {
                                data.options = data.options ?? {};
                                if (!(0, _type.isDefined)(data.options.stylingMode)) {
                                    data.options.stylingMode = this.option("useFlatButtons") ? "text" : "contained"
                                }
                            }
                            if ("dxButton" === widget) {
                                if (this.option("useFlatButtons")) {
                                    data.options = data.options ?? {};
                                    data.options.stylingMode = data.options.stylingMode ?? "text"
                                }
                                if (this.option("useDefaultButtons")) {
                                    data.options = data.options ?? {};
                                    data.options.type = data.options.type ?? "default"
                                }
                            }
                        } else {
                            $container.text(String(data))
                        }
                        this._getTemplate("dx-polymorph-widget").render({
                            container: $container,
                            model: rawModel,
                            parent: this
                        })
                    }, ["text", "html", "widget", "options"], this.option("integrationOptions.watchMethod"));
                    this._templateManager.addDefaultTemplates({
                        item: template,
                        menuItem: template
                    })
                }
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        renderAs: "topToolbar",
                        grouped: false,
                        useFlatButtons: false,
                        useDefaultButtons: false
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => (0, _themes.isMaterialBased)((0, _themes.current)()),
                        options: {
                            useFlatButtons: true
                        }
                    }])
                }
                _itemContainer() {
                    return this._$toolbarItemsContainer.find([`.${TOOLBAR_BEFORE_CLASS}`, ".dx-toolbar-center", `.${TOOLBAR_AFTER_CLASS}`].join(","))
                }
                _itemClass() {
                    return "dx-toolbar-item"
                }
                _itemDataKey() {
                    return "dxToolbarItemDataKey"
                }
                _dimensionChanged(dimension) {
                    if (this._disposed) {
                        return
                    }
                    this._arrangeItems();
                    this._applyCompactMode()
                }
                _initMarkup() {
                    this._renderToolbar();
                    this._renderSections();
                    super._initMarkup()
                }
                _render() {
                    super._render();
                    this._updateDimensionsInMaterial()
                }
                _postProcessRenderItems() {
                    this._arrangeItems()
                }
                _renderToolbar() {
                    this.$element().addClass(_constants.TOOLBAR_CLASS);
                    this._$toolbarItemsContainer = (0, _renderer.default)("<div>").addClass("dx-toolbar-items-container").appendTo(this.$element());
                    this.setAria("role", "toolbar")
                }
                _renderSections() {
                    const $container = this._$toolbarItemsContainer;
                    (0, _iterator.each)(["before", "center", "after"], (_, section) => {
                        const sectionClass = `dx-toolbar-${section}`;
                        const $section = $container.find(`.${sectionClass}`);
                        if (!$section.length) {
                            this[`_$${section}Section`] = (0, _renderer.default)("<div>").addClass(sectionClass).attr("role", "presentation").appendTo($container)
                        }
                    })
                }
                _arrangeItems(width) {
                    var _this$_$centerSection, _this$_$beforeSection, _this$_$afterSection, _$label$position;
                    const elementWidth = width ?? (0, _size.getWidth)(this.$element());
                    null === (_this$_$centerSection = this._$centerSection) || void 0 === _this$_$centerSection || _this$_$centerSection.css({
                        margin: "0 auto",
                        float: "none"
                    });
                    const beforeWidth = (0, _size.getOuterWidth)(null === (_this$_$beforeSection = this._$beforeSection) || void 0 === _this$_$beforeSection ? void 0 : _this$_$beforeSection.get(0)) ?? 0;
                    const afterWidth = (0, _size.getOuterWidth)(null === (_this$_$afterSection = this._$afterSection) || void 0 === _this$_$afterSection ? void 0 : _this$_$afterSection.get(0)) ?? 0;
                    this._alignCenterSection(beforeWidth, afterWidth, elementWidth);
                    const $label = this._$toolbarItemsContainer.find(".dx-toolbar-label").eq(0);
                    const $section = $label.parent();
                    if (!$label.length) {
                        return
                    }
                    const labelOffset = beforeWidth ?? (null === (_$label$position = $label.position()) || void 0 === _$label$position ? void 0 : _$label$position.left);
                    const widthBeforeSection = $section.hasClass(TOOLBAR_BEFORE_CLASS) ? 0 : labelOffset;
                    const widthAfterSection = $section.hasClass(TOOLBAR_AFTER_CLASS) ? 0 : afterWidth;
                    let elemsAtSectionWidth = 0;
                    $section.children().not(".dx-toolbar-label").each((_, element) => {
                        elemsAtSectionWidth += (0, _size.getOuterWidth)(element)
                    });
                    const freeSpace = elementWidth - elemsAtSectionWidth;
                    const sectionMaxWidth = Math.max(freeSpace - widthBeforeSection - widthAfterSection, 0);
                    if ($section.hasClass(TOOLBAR_BEFORE_CLASS)) {
                        if (this._$beforeSection) {
                            this._alignSection(this._$beforeSection, sectionMaxWidth)
                        }
                    } else {
                        const labelPaddings = (0, _size.getOuterWidth)($label) - (0, _size.getWidth)($label);
                        $label.css("maxWidth", sectionMaxWidth - labelPaddings)
                    }
                }
                _alignCenterSection(beforeWidth, afterWidth, elementWidth) {
                    var _this$_$beforeSection2, _this$_$afterSection2;
                    if (!this._$centerSection) {
                        return
                    }
                    this._alignSection(this._$centerSection, elementWidth - beforeWidth - afterWidth);
                    const isRTL = this.option("rtlEnabled");
                    const leftWidth = isRTL ? afterWidth : beforeWidth;
                    const rightWidth = isRTL ? beforeWidth : afterWidth;
                    const centerEl = this._$centerSection.get(0);
                    const centerLeft = centerEl.offsetLeft;
                    const centerRight = centerLeft + centerEl.offsetWidth;
                    const beforeEl = null === (_this$_$beforeSection2 = this._$beforeSection) || void 0 === _this$_$beforeSection2 ? void 0 : _this$_$beforeSection2.get(0);
                    const afterEl = null === (_this$_$afterSection2 = this._$afterSection) || void 0 === _this$_$afterSection2 ? void 0 : _this$_$afterSection2.get(0);
                    const leftSectionRight = afterEl ? afterEl.offsetLeft + afterEl.offsetWidth : 0;
                    const leftSectionRightLTR = beforeEl ? beforeEl.offsetLeft + beforeEl.offsetWidth : 0;
                    const leftRight = isRTL ? leftSectionRight : leftSectionRightLTR;
                    const rightLeft = isRTL ? (null === beforeEl || void 0 === beforeEl ? void 0 : beforeEl.offsetLeft) ?? elementWidth : (null === afterEl || void 0 === afterEl ? void 0 : afterEl.offsetLeft) ?? elementWidth;
                    if (leftRight > centerLeft || centerRight > rightLeft) {
                        this._$centerSection.css({
                            marginLeft: leftWidth,
                            marginRight: rightWidth,
                            float: leftWidth > rightWidth ? "none" : "right"
                        })
                    }
                }
                _alignSection($section, maxWidth) {
                    const $labels = $section.find(".dx-toolbar-label");
                    const labels = $labels.toArray();
                    const maxWidthWithoutPaddings = maxWidth - this._getCurrentLabelsPaddings(labels);
                    const currentWidth = this._getCurrentLabelsWidth(labels);
                    const difference = Math.abs(currentWidth - maxWidthWithoutPaddings);
                    if (maxWidthWithoutPaddings < currentWidth) {
                        const reversedLabels = labels.reverse();
                        this._alignSectionLabels(reversedLabels, difference, false)
                    } else {
                        this._alignSectionLabels(labels, difference, true)
                    }
                }
                _alignSectionLabels(labels, difference, expanding) {
                    const getRealLabelWidth = label => (0, _size.getOuterWidth)(label) ?? 0;
                    for (let i = 0; i < labels.length; i++) {
                        const $label = (0, _renderer.default)(labels[i]);
                        const currentLabelWidth = Math.ceil(getRealLabelWidth(labels[i]));
                        let labelMaxWidth = 0;
                        if (expanding) {
                            $label.css("maxWidth", "inherit")
                        }
                        const width = expanding ? getRealLabelWidth(labels[i]) : currentLabelWidth;
                        const possibleLabelWidth = Math.ceil(width);
                        if (possibleLabelWidth < difference) {
                            labelMaxWidth = expanding ? possibleLabelWidth : 0;
                            difference -= possibleLabelWidth
                        } else {
                            labelMaxWidth = expanding ? currentLabelWidth + difference : currentLabelWidth - difference;
                            $label.css("maxWidth", labelMaxWidth);
                            break
                        }
                        $label.css("maxWidth", labelMaxWidth)
                    }
                }
                _applyCompactMode() {
                    const $element = (0, _renderer.default)(this.element());
                    $element.removeClass("dx-toolbar-compact");
                    if (this.option("compactMode") && this._getSummaryItemsSize("width", this._itemElements(), true) > (0, _size.getWidth)($element)) {
                        $element.addClass("dx-toolbar-compact")
                    }
                }
                _getCurrentLabelsWidth(labels) {
                    let width = 0;
                    labels.forEach(label => {
                        width += (0, _size.getOuterWidth)(label)
                    });
                    return width
                }
                _getCurrentLabelsPaddings(labels) {
                    let padding = 0;
                    labels.forEach(label => {
                        padding += (0, _size.getOuterWidth)(label) - (0, _size.getWidth)(label)
                    });
                    return padding
                }
                _renderItem(index, itemData, $container, $itemToReplace) {
                    const location = itemData.location ?? "center";
                    const container = $container ?? this[`_$${location}Section`];
                    const itemHasText = !!(itemData.text ?? itemData.html);
                    const $itemElement = super._renderItem(index, itemData, container, $itemToReplace);
                    $itemElement.toggleClass("dx-toolbar-button", !itemHasText).toggleClass("dx-toolbar-label", itemHasText).addClass(itemData.cssClass ?? "");
                    return $itemElement
                }
                _renderGroupedItems() {
                    (0, _iterator.each)(this.option("items"), (groupIndex, group) => {
                        const groupItems = group.items;
                        const $container = (0, _renderer.default)("<div>").addClass("dx-toolbar-group");
                        const location = group.location ?? "center";
                        if (!(null !== groupItems && void 0 !== groupItems && groupItems.length)) {
                            return
                        }(0, _iterator.each)(groupItems, (itemIndex, item) => {
                            this._renderItem(itemIndex, item, $container)
                        });
                        this._$toolbarItemsContainer.find(`.dx-toolbar-${location}`).append($container)
                    })
                }
                _renderItems(items) {
                    const grouped = this.option("grouped") && items.length && items[0].items;
                    if (grouped) {
                        this._renderGroupedItems()
                    } else {
                        super._renderItems(items)
                    }
                }
                _getToolbarItems() {
                    const {
                        items: items = []
                    } = this.option();
                    return items
                }
                _renderContentImpl() {
                    const items = this._getToolbarItems();
                    this.$element().toggleClass("dx-toolbar-mini", 0 === items.length);
                    if (this._renderedItemsCount) {
                        this._renderItems(items.slice(this._renderedItemsCount))
                    } else {
                        this._renderItems(items)
                    }
                    this._applyCompactMode()
                }
                _renderEmptyMessage() {}
                _clean() {
                    this._$toolbarItemsContainer.children().empty();
                    this.$element().empty();
                    delete this._$beforeSection;
                    delete this._$centerSection;
                    delete this._$afterSection
                }
                _visibilityChanged(visible) {
                    if (visible) {
                        this._arrangeItems()
                    }
                }
                _isVisible() {
                    return (0, _size.getWidth)(this.$element()) > 0 && (0, _size.getHeight)(this.$element()) > 0
                }
                _getIndexByItem(item) {
                    return this._getToolbarItems().indexOf(item)
                }
                _itemOptionChanged(item, property, value, prevValue) {
                    super._itemOptionChanged(item, property, value, prevValue);
                    this._arrangeItems()
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "width":
                            super._optionChanged(args);
                            this._dimensionChanged();
                            break;
                        case "renderAs":
                        case "useFlatButtons":
                        case "useDefaultButtons":
                            this._invalidate();
                            break;
                        case "compactMode":
                            this._applyCompactMode();
                            break;
                        case "grouped":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _dispose() {
                    super._dispose();
                    clearTimeout(this._waitParentAnimationTimeout)
                }
                _updateDimensionsInMaterial() {
                    if ((0, _themes.isMaterial)((0, _themes.current)())) {
                        const _waitParentAnimationFinished = () => new Promise(resolve => {
                            const check = () => {
                                let readyToResolve = true;
                                this.$element().parents().each((_, parent) => {
                                    if (_animation.fx.isAnimating((0, _renderer.default)(parent).get(0))) {
                                        readyToResolve = false;
                                        return false
                                    }
                                    return true
                                });
                                if (readyToResolve) {
                                    resolve()
                                }
                                return readyToResolve
                            };
                            const runCheck = () => {
                                clearTimeout(this._waitParentAnimationTimeout);
                                this._waitParentAnimationTimeout = setTimeout(() => check() || runCheck(), 15)
                            };
                            runCheck()
                        });
                        const _checkWebFontForLabelsLoaded = () => {
                            const $labels = this.$element().find(".dx-toolbar-label");
                            const promises = [];
                            $labels.each((_, label) => {
                                const text = (0, _renderer.default)(label).text();
                                const fontWeight = (0, _renderer.default)(label).css("fontWeight");
                                promises.push((0, _themes.waitWebFont)(text, fontWeight));
                                return true
                            });
                            return Promise.all(promises)
                        };
                        Promise.all([_waitParentAnimationFinished(), _checkWebFontForLabelsLoaded()]).then(() => {
                            this._dimensionChanged()
                        })
                    }
                }
            }(0, _component_registrator.default)("dxToolbarBase", ToolbarBase);
            exports.default = ToolbarBase
        },
        53716(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _toolbar = __webpack_require__( /*! ./strategy/toolbar.multiline */ 56527);
            var _toolbar2 = __webpack_require__( /*! ./strategy/toolbar.singleline */ 40096);
            var _toolbar3 = _interopRequireDefault(__webpack_require__( /*! ./toolbar.base */ 28793));
            var _toolbar4 = __webpack_require__( /*! ./toolbar.utils */ 90859);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            class Toolbar extends _toolbar3.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        menuItemTemplate: "menuItem",
                        overflowMenuVisible: false,
                        multiline: false
                    })
                }
                _isMultiline() {
                    const {
                        multiline: multiline
                    } = this.option();
                    return multiline
                }
                _dimensionChanged(dimension) {
                    if ("height" === dimension) {
                        return
                    }
                    super._dimensionChanged();
                    this._layoutStrategy._dimensionChanged()
                }
                _initMarkup() {
                    super._initMarkup();
                    this._updateFocusableItemsTabIndex();
                    this._layoutStrategy._initMarkup()
                }
                _renderToolbar() {
                    super._renderToolbar();
                    this._renderLayoutStrategy()
                }
                _itemContainer() {
                    if (this._isMultiline()) {
                        return this._$toolbarItemsContainer
                    }
                    return super._itemContainer()
                }
                _renderLayoutStrategy() {
                    this.$element().toggleClass("dx-toolbar-multiline", this._isMultiline());
                    this._layoutStrategy = this._isMultiline() ? new _toolbar.MultiLineStrategy(this) : new _toolbar2.SingleLineStrategy(this)
                }
                _renderSections() {
                    if (this._isMultiline()) {
                        return
                    }
                    super._renderSections()
                }
                _postProcessRenderItems() {
                    this._layoutStrategy._hideOverflowItems();
                    this._layoutStrategy._updateMenuVisibility();
                    super._postProcessRenderItems();
                    this._layoutStrategy._renderMenuItems()
                }
                _renderItem(index, itemData, $container, $itemToReplace) {
                    const $itemElement = super._renderItem(index, itemData, $container, $itemToReplace);
                    this._layoutStrategy._renderItem(itemData, $itemElement);
                    const {
                        widget: widget,
                        showText: showText
                    } = itemData;
                    if ("dxButton" === widget && "inMenu" === showText) {
                        $itemElement.toggleClass("dx-toolbar-text-auto-hide")
                    }
                    return $itemElement
                }
                _getItemsWidth() {
                    return this._layoutStrategy._getItemsWidth()
                }
                _getMenuItems() {
                    return this._layoutStrategy._getMenuItems()
                }
                _getToolbarItems() {
                    return this._layoutStrategy._getToolbarItems()
                }
                _arrangeItems() {
                    if (this.$element().is(":hidden")) {
                        return
                    }
                    const elementWidth = this._layoutStrategy._arrangeItems();
                    if (!this._isMultiline()) {
                        super._arrangeItems(elementWidth)
                    }
                }
                _itemOptionChanged(item, property, value, prevValue) {
                    if (!this._isMenuItem(item)) {
                        super._itemOptionChanged(item, property, value, prevValue)
                    }
                    this._layoutStrategy._itemOptionChanged(item, property, value);
                    if ("disabled" === property || "options.disabled" === property) {
                        (0, _toolbar4.toggleItemFocusableElementTabIndex)(this, item)
                    }
                    if ("location" === property) {
                        this.repaint()
                    }
                }
                _updateFocusableItemsTabIndex() {
                    this._getToolbarItems().forEach(item => (0, _toolbar4.toggleItemFocusableElementTabIndex)(this, item))
                }
                _isMenuItem(itemData) {
                    return "always" === itemData.locateInMenu
                }
                _isToolbarItem(itemData) {
                    return void 0 === itemData.location || "never" === itemData.locateInMenu
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value
                    } = args;
                    this._layoutStrategy._optionChanged(name, value);
                    switch (name) {
                        case "menuContainer":
                        case "menuItemTemplate":
                        case "overflowMenuVisible":
                            break;
                        case "multiline":
                            this._invalidate();
                            break;
                        case "disabled":
                            super._optionChanged(args);
                            this._updateFocusableItemsTabIndex();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                updateDimensions() {
                    this._dimensionChanged()
                }
            }(0, _component_registrator.default)("dxToolbar", Toolbar);
            exports.default = Toolbar
        },
        90859(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.toggleItemFocusableElementTabIndex = function(context, item) {
                var _itemData$options;
                if (!context) {
                    return
                }
                const $item = context._findItemElementByItem(item);
                if (!$item.length) {
                    return
                }
                const itemData = context._getItemData($item);
                const isItemNotFocusable = !!(null !== (_itemData$options = itemData.options) && void 0 !== _itemData$options && _itemData$options.disabled || itemData.disabled || context.option("disabled"));
                const {
                    widget: widget
                } = itemData;
                if (widget && TOOLBAR_ITEMS.includes(widget)) {
                    const $widget = $item.find(widget.toLowerCase().replace("dx", ".dx-"));
                    if ($widget.length) {
                        var _itemInstance$_focusT, _itemData$options2;
                        const itemInstance = ($element => {
                            const itemData = null === $element || void 0 === $element ? void 0 : $element.data();
                            const dxComponents = null === itemData || void 0 === itemData ? void 0 : itemData.dxComponents;
                            const widgetName = null === dxComponents || void 0 === dxComponents ? void 0 : dxComponents[0];
                            return widgetName && itemData[widgetName]
                        })($widget);
                        if (!itemInstance) {
                            return
                        }
                        let $focusTarget = null === (_itemInstance$_focusT = itemInstance._focusTarget) || void 0 === _itemInstance$_focusT ? void 0 : _itemInstance$_focusT.call(itemInstance);
                        if ("dxDropDownButton" === widget) {
                            var _$focusTarget;
                            $focusTarget = null === (_$focusTarget = $focusTarget) || void 0 === _$focusTarget ? void 0 : _$focusTarget.find(".dx-buttongroup")
                        } else {
                            $focusTarget = $focusTarget ?? (0, _renderer.default)(itemInstance.element())
                        }
                        const tabIndex = null === (_itemData$options2 = itemData.options) || void 0 === _itemData$options2 ? void 0 : _itemData$options2.tabIndex;
                        if (isItemNotFocusable) {
                            $focusTarget.attr("tabIndex", -1)
                        } else {
                            $focusTarget.attr("tabIndex", tabIndex ?? 0)
                        }
                    }
                }
            };
            var _renderer = (e = __webpack_require__( /*! ../../../core/renderer */ 64553), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const TOOLBAR_ITEMS = ["dxAutocomplete", "dxButton", "dxCheckBox", "dxDateBox", "dxMenu", "dxSelectBox", "dxTabs", "dxTextBox", "dxButtonGroup", "dxDropDownButton"]
        },
        33476(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.hide = function() {
                if (!tooltip) {
                    return (0, _deferred.Deferred)().resolve()
                }
                return tooltip.hide().done(removeTooltip).promise()
            };
            exports.show = function(options) {
                removeTooltip();
                ! function(options) {
                    options = (0, _extend.extend)({
                        position: "top"
                    }, options);
                    const {
                        content: content
                    } = options;
                    delete options.content;
                    const $tooltip = (0, _renderer.default)("<div>").html(content).appendTo((0, _view_port.value)());
                    removeTooltipElement = function() {
                        $tooltip.remove()
                    };
                    tooltip = new _tooltip.default($tooltip, options)
                }(options);
                return tooltip.show()
            };
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _view_port = __webpack_require__( /*! ../../../core/utils/view_port */ 55355);
            var _tooltip = _interopRequireDefault(__webpack_require__( /*! ../../../ui/tooltip */ 93370));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            let tooltip = null;
            let removeTooltipElement = null;
            const removeTooltip = function() {
                if (!tooltip) {
                    return
                }
                removeTooltipElement();
                tooltip = null
            }
        },
        55785(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.TOGGLE_ITEM_VISIBILITY_CLASS = exports.SELECT_ALL_ITEM_CLASS = exports.ITEM_CLASS = exports.EXPANDER_ICON_STUB_CLASS = exports.CHECK_BOX_CLASS = void 0;
            var _animation = __webpack_require__( /*! ../../../common/core/animation */ 16826);
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _contextmenu = __webpack_require__( /*! ../../../common/core/events/contextmenu */ 80248);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _double_click = __webpack_require__( /*! ../../../common/core/events/double_click */ 5636);
            var _hold = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/hold */ 68095));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _utils = __webpack_require__( /*! ../../../common/core/events/utils */ 98834);
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _element = __webpack_require__( /*! ../../../core/element */ 61404);
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _icon = __webpack_require__( /*! ../../../core/utils/icon */ 69629);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _m_support = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_support */ 85991));
            var _index2 = _interopRequireDefault(__webpack_require__( /*! ../../ui/check_box/index */ 50758));
            var _hierarchical_collection_widget = _interopRequireDefault(__webpack_require__( /*! ../../ui/hierarchical_collection/hierarchical_collection_widget */ 94059));
            var _load_indicator = _interopRequireDefault(__webpack_require__( /*! ../../ui/load_indicator */ 32677));
            var _consts = __webpack_require__( /*! ../../ui/scroll_view/consts */ 21363);
            var _scrollable = _interopRequireDefault(__webpack_require__( /*! ../../ui/scroll_view/scrollable */ 85326));
            var _get_relative_offset = __webpack_require__( /*! ../../ui/scroll_view/utils/get_relative_offset */ 91524);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const NODE_CLASS = "dx-treeview-node";
            const NODE_CONTAINER_CLASS = `${NODE_CLASS}-container`;
            const NODE_LOAD_INDICATOR_CLASS = `${NODE_CLASS}-loadindicator`;
            const OPENED_NODE_CONTAINER_CLASS = `${NODE_CLASS}-container-opened`;
            const IS_LEAF = `${NODE_CLASS}-is-leaf`;
            const ITEM_CLASS = exports.ITEM_CLASS = "dx-treeview-item";
            const ITEM_WITH_CHECKBOX_CLASS = `${ITEM_CLASS}-with-checkbox`;
            const ITEM_WITH_CUSTOM_EXPANDER_ICON_CLASS = `${ITEM_CLASS}-with-custom-expander-icon`;
            const ITEM_WITHOUT_CHECKBOX_CLASS = `${ITEM_CLASS}-without-checkbox`;
            const ITEM_DATA_KEY = `${ITEM_CLASS}-data`;
            const TOGGLE_ITEM_VISIBILITY_CLASS = exports.TOGGLE_ITEM_VISIBILITY_CLASS = "dx-treeview-toggle-item-visibility";
            const SELECT_ALL_ITEM_CLASS = exports.SELECT_ALL_ITEM_CLASS = "dx-treeview-select-all-item";
            const CHECK_BOX_CLASS = exports.CHECK_BOX_CLASS = "dx-checkbox";
            const EXPANDER_ICON_STUB_CLASS = exports.EXPANDER_ICON_STUB_CLASS = "dx-treeview-expander-icon-stub";
            class TreeViewBase extends _hierarchical_collection_widget.default {
                _activeStateUnit() {
                    return `.${ITEM_CLASS}`
                }
                _supportedKeys() {
                    const click = e => {
                        const {
                            focusedElement: focusedElement
                        } = this.option();
                        const $itemElement = (0, _renderer.default)(focusedElement);
                        if (!$itemElement.length) {
                            return
                        }
                        e.target = $itemElement.get(0);
                        e.currentTarget = $itemElement.get(0);
                        this._processItemClick(e, $itemElement.children(`.${ITEM_CLASS}`));
                        const {
                            expandEvent: expandEvent
                        } = this.option();
                        const expandEventName = this._getEventNameByOption(expandEvent);
                        const expandByClick = expandEventName === (0, _utils.addNamespace)(_click.name, "dxTreeView_expand");
                        if (expandByClick) {
                            this._expandEventHandler(e)
                        }
                    };
                    const select = e => {
                        e.preventDefault();
                        const {
                            focusedElement: focusedElement
                        } = this.option();
                        const $focusedElement = (0, _renderer.default)(focusedElement);
                        const checkboxInstance = this._getCheckBoxInstance($focusedElement);
                        const {
                            disabled: disabled,
                            value: value
                        } = checkboxInstance.option();
                        if (!disabled) {
                            const currentState = value;
                            this._updateItemSelection(!currentState, $focusedElement.find(`.${ITEM_CLASS}`).get(0), e)
                        }
                    };
                    const toggleExpandedNestedItems = (state, e) => {
                        const {
                            expandAllEnabled: expandAllEnabled
                        } = this.option();
                        if (!expandAllEnabled) {
                            return
                        }
                        e.preventDefault();
                        const {
                            focusedElement: focusedElement
                        } = this.option();
                        const $rootElement = (0, _renderer.default)(focusedElement);
                        if (!$rootElement.length) {
                            return
                        }
                        const rootItem = this._getItemData($rootElement.find(`.${ITEM_CLASS}`));
                        this._toggleExpandedNestedItems([rootItem], state)
                    };
                    return Object.assign({}, super._supportedKeys(), {
                        enter: this._showCheckboxes() ? select : click,
                        space: this._showCheckboxes() ? select : click,
                        asterisk: e => {
                            toggleExpandedNestedItems(true, e)
                        },
                        minus: e => {
                            toggleExpandedNestedItems(false, e)
                        }
                    })
                }
                _toggleExpandedNestedItems(items, state) {
                    if (!items) {
                        return
                    }
                    for (let i = 0, len = items.length; i < len; i += 1) {
                        const item = items[i];
                        const node = this._dataAdapter.getNodeByItem(item);
                        this._toggleExpandedState(node, state);
                        this._toggleExpandedNestedItems(item.items, state)
                    }
                }
                _getNodeElement(node, cache) {
                    const key = this._encodeString(node.internalFields.key);
                    if (cache) {
                        if (!cache.$nodeByKey) {
                            cache.$nodeByKey = {};
                            const $nodes = this.$element().find(`.${NODE_CLASS}`);
                            $nodes.each((_index, element) => {
                                const $node = (0, _renderer.default)(element);
                                const nodeKey = $node.attr("data-item-id");
                                cache.$nodeByKey[nodeKey] = $node;
                                return true
                            })
                        }
                        return cache.$nodeByKey[key] || (0, _renderer.default)()
                    }
                    const element = this.$element().get(0).querySelector(`[data-item-id="${key}"]`);
                    return (0, _renderer.default)(element)
                }
                _widgetClass() {
                    return "dx-treeview"
                }
                _getDefaultOptions() {
                    const defaultOptions = Object.assign({}, super._getDefaultOptions(), {
                        animationEnabled: true,
                        dataStructure: "tree",
                        deferRendering: true,
                        expandAllEnabled: false,
                        hasItemsExpr: "hasItems",
                        selectNodesRecursive: true,
                        expandNodesRecursive: true,
                        showCheckBoxesMode: "none",
                        expandIcon: null,
                        collapseIcon: null,
                        selectAllText: _message.default.format("dxList-selectAll"),
                        onItemSelectionChanged: null,
                        onItemExpanded: null,
                        onItemCollapsed: null,
                        scrollDirection: "vertical",
                        useNativeScrolling: true,
                        virtualModeEnabled: false,
                        rootValue: 0,
                        focusStateEnabled: false,
                        selectionMode: "multiple",
                        expandEvent: "dblclick",
                        selectByClick: false,
                        createChildren: null,
                        onSelectAllValueChanged: null,
                        _supportItemUrl: false
                    });
                    return (0, _extend.extend)(true, defaultOptions, {
                        integrationOptions: {
                            useDeferUpdateForTemplates: false
                        }
                    })
                }
                _defaultOptionsRules() {
                    return super._defaultOptionsRules().concat([{
                        device: () => !_m_support.default.nativeScrolling,
                        options: {
                            useNativeScrolling: false
                        }
                    }])
                }
                _initSelectedItems() {}
                _syncSelectionOptions() {
                    return (0, _deferred.Deferred)().resolve().promise()
                }
                _fireSelectionChanged() {
                    this._createActionByOption("onSelectionChanged", {
                        excludeValidators: ["disabled", "readOnly"]
                    })()
                }
                _createSelectAllValueChangedAction() {
                    this._selectAllValueChangedAction = this._createActionByOption("onSelectAllValueChanged", {
                        excludeValidators: ["disabled", "readOnly"]
                    })
                }
                _fireSelectAllValueChanged(value) {
                    var _this$_selectAllValue;
                    null === (_this$_selectAllValue = this._selectAllValueChangedAction) || void 0 === _this$_selectAllValue || _this$_selectAllValue.call(this, {
                        value: value
                    })
                }
                _checkBoxModeChange(value, previousValue) {
                    var _this$_$selectAllItem;
                    const {
                        searchEnabled: searchEnabled
                    } = this.option();
                    const previousSelectAllEnabled = this._selectAllEnabled(previousValue);
                    const previousItemsContainer = this._itemContainer(searchEnabled, previousSelectAllEnabled);
                    this._detachClickEvent(previousItemsContainer);
                    this._detachExpandEvent(previousItemsContainer);
                    if ("none" === previousValue || "none" === value) {
                        return
                    }
                    const selectAllExists = null === (_this$_$selectAllItem = this._$selectAllItem) || void 0 === _this$_$selectAllItem ? void 0 : _this$_$selectAllItem.length;
                    switch (value) {
                        case "selectAll":
                            if (!selectAllExists) {
                                this._createSelectAllValueChangedAction();
                                this._renderSelectAllItem()
                            }
                            break;
                        case "normal":
                            if (selectAllExists) {
                                var _this$_$selectAllItem2;
                                null === (_this$_$selectAllItem2 = this._$selectAllItem) || void 0 === _this$_$selectAllItem2 || _this$_$selectAllItem2.remove();
                                delete this._$selectAllItem
                            }
                    }
                }
                _removeSelection() {
                    (0, _iterator.each)(this._dataAdapter.getFullData(), (_index, node) => {
                        if (!this._hasChildren(node)) {
                            return
                        }
                        this._dataAdapter.toggleSelection(node.internalFields.key, false, true)
                    })
                }
                _optionChanged(args) {
                    const {
                        name: name,
                        value: value,
                        previousValue: previousValue
                    } = args;
                    switch (name) {
                        case "selectAllText":
                            if (this._$selectAllItem) {
                                this._$selectAllItem.dxCheckBox("instance").option("text", value)
                            }
                            break;
                        case "showCheckBoxesMode":
                            this._checkBoxModeChange(value, previousValue);
                            this._invalidate();
                            break;
                        case "scrollDirection":
                            this.getScrollable().option("direction", value);
                            break;
                        case "useNativeScrolling":
                            this.getScrollable().option("useNative", value);
                            break;
                        case "items":
                            delete this._$selectAllItem;
                            super._optionChanged(args);
                            break;
                        case "dataSource":
                            super._optionChanged(args);
                            this._initDataAdapter();
                            this._filter = {};
                            break;
                        case "hasItemsExpr":
                            this._initAccessors();
                            this.repaint();
                            break;
                        case "expandEvent":
                            this._attachExpandEvent();
                            break;
                        case "deferRendering":
                        case "dataStructure":
                        case "rootValue":
                        case "createChildren":
                        case "expandNodesRecursive":
                        case "onItemSelectionChanged":
                        case "onItemExpanded":
                        case "onItemCollapsed":
                        case "expandAllEnabled":
                        case "animationEnabled":
                        case "virtualModeEnabled":
                        case "selectByClick":
                        case "_supportItemUrl":
                            break;
                        case "selectionMode":
                            this._initDataAdapter();
                            super._optionChanged(args);
                            break;
                        case "onSelectAllValueChanged":
                            this._createSelectAllValueChangedAction();
                            break;
                        case "selectNodesRecursive":
                            this._dataAdapter.setOption("recursiveSelection", args.value ?? false);
                            this.repaint();
                            break;
                        case "expandIcon":
                        case "collapseIcon":
                            this.repaint();
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _initDataSource() {
                    if (this._useCustomChildrenLoader()) {
                        this._loadChildrenByCustomLoader(null).done(newItems => {
                            if (null !== newItems && void 0 !== newItems && newItems.length) {
                                this.option("items", newItems)
                            }
                        })
                    } else {
                        super._initDataSource();
                        if (this._isVirtualMode()) {
                            this._initVirtualMode()
                        }
                    }
                }
                _initVirtualMode() {
                    const filter = this._filter;
                    if (!filter.custom) {
                        filter.custom = this._dataSource.filter()
                    }
                    if (!filter.internal) {
                        const {
                            parentIdExpr: parentIdExpr,
                            rootValue: rootValue
                        } = this.option();
                        filter.internal = [parentIdExpr, rootValue]
                    }
                }
                _useCustomChildrenLoader() {
                    const {
                        createChildren: createChildren
                    } = this.option();
                    return (0, _type.isFunction)(createChildren) && this._isDataStructurePlain()
                }
                _loadChildrenByCustomLoader(parentNode) {
                    const {
                        createChildren: createChildren
                    } = this.option();
                    const invocationResult = null === createChildren || void 0 === createChildren ? void 0 : createChildren.call(this, parentNode);
                    if (Array.isArray(invocationResult)) {
                        return (0, _deferred.Deferred)().resolve(invocationResult).promise()
                    }
                    if (invocationResult && (0, _type.isFunction)(invocationResult.then)) {
                        return (0, _deferred.fromPromise)(invocationResult)
                    }
                    return (0, _deferred.Deferred)().resolve([]).promise()
                }
                _combineFilter() {
                    var _this$_filter$custom;
                    if (!(null !== (_this$_filter$custom = this._filter.custom) && void 0 !== _this$_filter$custom && _this$_filter$custom.length)) {
                        return this._filter.internal
                    }
                    return [this._filter.custom, this._filter.internal]
                }
                _dataSourceLoadErrorHandler() {
                    this._renderEmptyMessage()
                }
                _init() {
                    this._filter = {};
                    super._init();
                    this._initStoreChangeHandlers()
                }
                _dataSourceChangedHandler(newItems) {
                    const {
                        items: items = []
                    } = this.option();
                    if (this._initialized && this._isVirtualMode() && items.length) {
                        return
                    }
                    this.option("items", newItems)
                }
                _removeTreeViewLoadIndicator() {
                    if (!this._treeViewLoadIndicator) {
                        return
                    }
                    this._treeViewLoadIndicator.remove();
                    this._treeViewLoadIndicator = null
                }
                _createTreeViewLoadIndicator() {
                    this._treeViewLoadIndicator = (0, _renderer.default)("<div>").addClass("dx-treeview-loadindicator");
                    this._createComponent(this._treeViewLoadIndicator, _load_indicator.default, {});
                    return this._treeViewLoadIndicator
                }
                _dataSourceLoadingChangedHandler(isLoading) {
                    let resultFilter;
                    if (this._isVirtualMode()) {
                        resultFilter = this._combineFilter();
                        this._dataSource.filter(resultFilter)
                    }
                    if (isLoading && !this._dataSource.isLoaded()) {
                        this.option("items", []);
                        const $wrapper = (0, _renderer.default)("<div>").addClass("dx-treeview-loadindicator-wrapper");
                        this._createTreeViewLoadIndicator().appendTo($wrapper);
                        this.itemsContainer().append($wrapper);
                        if (this._isVirtualMode() && this._dataSource.filter() !== resultFilter) {
                            this._dataSource.filter([])
                        }
                    } else {
                        this._removeTreeViewLoadIndicator()
                    }
                }
                _initStoreChangeHandlers() {
                    var _this$_dataSource;
                    const {
                        dataStructure: dataStructure
                    } = this.option();
                    if ("plain" !== dataStructure) {
                        return
                    }
                    null === (_this$_dataSource = this._dataSource) || void 0 === _this$_dataSource || _this$_dataSource.store().on("inserted", newItem => {
                        const {
                            items: items = []
                        } = this.option();
                        this.option().items = items.concat(newItem);
                        this._dataAdapter.addItem(newItem);
                        if (!this._dataAdapter.isFiltered(newItem)) {
                            return
                        }
                        this._updateLevel(this._parentIdGetter(newItem))
                    }).on("removed", removedKey => {
                        const node = this._dataAdapter.getNodeByKey(removedKey);
                        if ((0, _type.isDefined)(node)) {
                            const {
                                items: items = []
                            } = this.option();
                            const index = this._dataAdapter.getIndexByKey(node.internalFields.key);
                            items[index] = 0;
                            this._markChildrenItemsToRemove(node);
                            this._removeItems();
                            this._dataAdapter.removeItem(removedKey);
                            this._updateLevel(this._parentIdGetter(node))
                        }
                    })
                }
                _markChildrenItemsToRemove(node) {
                    const keys = null === node || void 0 === node ? void 0 : node.internalFields.childrenKeys;
                    (0, _iterator.each)(keys, (_index, key) => {
                        const {
                            items: items = []
                        } = this.option();
                        const index = this._dataAdapter.getIndexByKey(key);
                        items[index] = 0;
                        this._markChildrenItemsToRemove(this._dataAdapter.getNodeByKey(key))
                    })
                }
                _removeItems() {
                    const items = (0, _extend.extend)(true, [], this.option("items"));
                    let counter = 0;
                    (0, _iterator.each)(items, (index, item) => {
                        if (!item) {
                            this.option("items").splice(index - counter, 1);
                            counter += 1
                        }
                    })
                }
                _updateLevel(parentId) {
                    const $container = this._getContainerByParentKey(parentId);
                    this._renderNodes(this._dataAdapter.getChildrenNodes(parentId), $container)
                }
                _getOldContainer($itemElement) {
                    if ($itemElement.length) {
                        return $itemElement.children(`.${NODE_CONTAINER_CLASS}`)
                    }
                    const scrollable = this.getScrollable();
                    if (scrollable) {
                        return (0, _renderer.default)(scrollable.content()).children()
                    }
                    return (0, _renderer.default)()
                }
                _getContainerByParentKey(parentId) {
                    const node = this._dataAdapter.getNodeByKey(parentId);
                    const $itemElement = node ? this._getNodeElement(node) : (0, _renderer.default)();
                    this._getOldContainer($itemElement).remove();
                    const $container = this._renderNodeContainer($itemElement);
                    if (this._isRootLevel(parentId)) {
                        const scrollable = this.getScrollable();
                        if (!scrollable) {
                            this._renderScrollableContainer()
                        }(0, _renderer.default)(scrollable.content()).append($container)
                    }
                    return $container
                }
                _isRootLevel(parentId) {
                    const {
                        rootValue: rootValue
                    } = this.option();
                    return parentId === rootValue
                }
                _getAccessors() {
                    const accessors = super._getAccessors();
                    accessors.push("hasItems");
                    return accessors
                }
                _getDataAdapterOptions() {
                    var _this$_dataSource2, _this$_dataSource3, _this$_dataSource3$lo;
                    const {
                        rootValue: rootValue,
                        expandNodesRecursive: expandNodesRecursive = true,
                        selectionRequired: selectionRequired = false,
                        dataStructure: dataStructure = "tree"
                    } = this.option();
                    return {
                        rootValue: rootValue,
                        multipleSelection: !this._isSingleSelection(),
                        recursiveSelection: this._isRecursiveSelection(),
                        recursiveExpansion: expandNodesRecursive,
                        searchValue: "",
                        selectionRequired: selectionRequired,
                        dataType: dataStructure,
                        sort: null === (_this$_dataSource2 = this._dataSource) || void 0 === _this$_dataSource2 ? void 0 : _this$_dataSource2.sort(),
                        langParams: null === (_this$_dataSource3 = this._dataSource) || void 0 === _this$_dataSource3 || null === (_this$_dataSource3$lo = _this$_dataSource3.loadOptions) || void 0 === _this$_dataSource3$lo || null === (_this$_dataSource3$lo = _this$_dataSource3$lo.call(_this$_dataSource3)) || void 0 === _this$_dataSource3$lo ? void 0 : _this$_dataSource3$lo.langParams
                    }
                }
                _initMarkup() {
                    this._renderScrollableContainer();
                    this._renderEmptyMessage(this._dataAdapter.getRootNodes());
                    super._initMarkup();
                    this._setAriaRole()
                }
                _setAriaRole() {
                    const {
                        items: items
                    } = this.option();
                    if (null !== items && void 0 !== items && items.length) {
                        this.setAria({
                            role: "tree"
                        })
                    }
                }
                _renderContentImpl() {
                    const $nodeContainer = this._renderNodeContainer();
                    (0, _renderer.default)(this.getScrollable().content()).append($nodeContainer);
                    const {
                        items: items
                    } = this.option();
                    if (!(null !== items && void 0 !== items && items.length)) {
                        return
                    }
                    this._renderNodes(this._dataAdapter.getRootNodes(), $nodeContainer);
                    this._attachExpandEvent();
                    if (this._selectAllEnabled()) {
                        this._createSelectAllValueChangedAction();
                        this._renderSelectAllItem($nodeContainer)
                    }
                }
                _isVirtualMode() {
                    const {
                        virtualModeEnabled: virtualModeEnabled,
                        dataSource: dataSource
                    } = this.option();
                    return !!virtualModeEnabled && this._isDataStructurePlain() && !!dataSource
                }
                _isDataStructurePlain() {
                    const {
                        dataStructure: dataStructure
                    } = this.option();
                    return "plain" === dataStructure
                }
                _fireContentReadyAction() {
                    const dataSource = this.getDataSource();
                    const skipContentReadyAction = dataSource && !dataSource.isLoaded() || this._skipContentReadyAndItemExpanded;
                    const scrollable = this.getScrollable();
                    if (scrollable && (0, _window.hasWindow)()) {
                        scrollable.update()
                    }
                    if (!skipContentReadyAction) {
                        super._fireContentReadyAction()
                    }
                    if (scrollable && (0, _window.hasWindow)()) {
                        scrollable.update()
                    }
                }
                _renderScrollableContainer() {
                    const {
                        useNativeScrolling: useNativeScrolling,
                        scrollDirection: scrollDirection
                    } = this.option();
                    this._scrollable = this._createComponent((0, _renderer.default)("<div>").appendTo(this.$element()), _scrollable.default, {
                        useNative: useNativeScrolling,
                        direction: scrollDirection,
                        useKeyboard: false
                    })
                }
                _renderNodeContainer($parent) {
                    const $container = (0, _renderer.default)("<ul>").addClass(NODE_CONTAINER_CLASS);
                    this.setAria("role", "group", $container);
                    if (null !== $parent && void 0 !== $parent && $parent.length) {
                        const itemData = this._getItemData($parent.children(`.${ITEM_CLASS}`));
                        if (this._expandedGetter(itemData)) {
                            $container.addClass(OPENED_NODE_CONTAINER_CLASS)
                        }
                        $container.appendTo($parent)
                    }
                    return $container
                }
                _createDOMElement($nodeContainer, node) {
                    var _this$_displayGetter, _node$internalFields;
                    const $node = (0, _renderer.default)("<li>").addClass(NODE_CLASS).attr("data-item-id", this._encodeString(node.internalFields.key)).prependTo($nodeContainer);
                    const attrs = {
                        role: "treeitem",
                        label: (null === (_this$_displayGetter = this._displayGetter) || void 0 === _this$_displayGetter ? void 0 : _this$_displayGetter.call(this, node.internalFields.item)) ?? "",
                        level: this._getLevel($nodeContainer)
                    };
                    const hasChildNodes = !!(null !== node && void 0 !== node && null !== (_node$internalFields = node.internalFields) && void 0 !== _node$internalFields && null !== (_node$internalFields = _node$internalFields.childrenKeys) && void 0 !== _node$internalFields && _node$internalFields.length);
                    if (hasChildNodes) {
                        attrs.expanded = node.internalFields.expanded ?? false
                    }
                    this.setAria(attrs, $node);
                    return $node
                }
                _getLevel($nodeContainer) {
                    const parent = $nodeContainer.parent();
                    return parent.hasClass("dx-scrollable-content") ? 1 : parseInt(parent.attr("aria-level") ?? "0", 10) + 1
                }
                _showCheckboxes() {
                    const {
                        showCheckBoxesMode: showCheckBoxesMode
                    } = this.option();
                    return "none" !== showCheckBoxesMode
                }
                _hasCustomExpanderIcons() {
                    const {
                        expandIcon: expandIcon,
                        collapseIcon: collapseIcon
                    } = this.option();
                    return !!expandIcon || !!collapseIcon
                }
                _selectAllEnabled(showCheckBoxesMode) {
                    const {
                        showCheckBoxesMode: currentShowCheckBoxesMode
                    } = this.option();
                    const mode = showCheckBoxesMode ?? currentShowCheckBoxesMode;
                    return "selectAll" === mode && !this._isSingleSelection()
                }
                _renderNodes(nodes, $nodeContainer) {
                    const length = nodes.length - 1;
                    for (let i = length; i >= 0; i -= 1) {
                        this._renderItem(i, nodes[i], $nodeContainer)
                    }
                    this._renderedItemsCount += nodes.length
                }
                _renderItem(nodeIndex, node, $nodeContainer) {
                    const $node = this._createDOMElement($nodeContainer, node);
                    const nodeData = node.internalFields;
                    const showCheckBox = this._showCheckboxes();
                    $node.addClass(showCheckBox ? ITEM_WITH_CHECKBOX_CLASS : ITEM_WITHOUT_CHECKBOX_CLASS);
                    $node.toggleClass("dx-state-invisible", false === nodeData.item.visible);
                    if (this._hasCustomExpanderIcons()) {
                        $node.addClass(ITEM_WITH_CUSTOM_EXPANDER_ICON_CLASS);
                        $nodeContainer.addClass("dx-treeview-custom-expander-icon-item-container")
                    }
                    this.setAria("selected", nodeData.selected, $node);
                    this._toggleSelectedClass($node, nodeData.selected);
                    if (nodeData.disabled) {
                        this.setAria("disabled", nodeData.disabled, $node)
                    }
                    super._renderItem(this._renderedItemsCount + nodeIndex, nodeData.item, $node);
                    const parent = this._getNode(node.internalFields.parentKey);
                    if (!parent) {
                        $node.addClass("dx-treeview-root-node")
                    }
                    if (false !== nodeData.item.visible) {
                        this._renderChildren($node, node)
                    }
                    return $node
                }
                _setAriaSelectionAttribute() {}
                _renderChildren($node, node) {
                    if (!this._hasChildren(node)) {
                        this._addLeafClass($node);
                        (0, _renderer.default)("<div>").addClass(EXPANDER_ICON_STUB_CLASS).appendTo(this._getItem($node));
                        return
                    }
                    if (this._hasCustomExpanderIcons()) {
                        this._renderCustomExpanderIcons($node, node)
                    } else {
                        this._renderDefaultExpanderIcons($node, node)
                    }
                    if (this._shouldRenderSublevel(node.internalFields.expanded)) {
                        this._loadSublevel(node).done(childNodes => {
                            this._renderSublevel($node, this._getActualNode(node), childNodes)
                        })
                    }
                }
                _shouldRenderSublevel(expanded) {
                    const {
                        deferRendering: deferRendering
                    } = this.option();
                    return expanded || !deferRendering
                }
                _getActualNode(cachedNode) {
                    return this._dataAdapter.getNodeByKey(cachedNode.internalFields.key)
                }
                _hasChildren(node) {
                    if (this._isVirtualMode() || this._useCustomChildrenLoader()) {
                        return false !== this._hasItemsGetter(node.internalFields.item)
                    }
                    return super._hasChildren(node)
                }
                _loadSublevel(node) {
                    const deferred = (0, _deferred.Deferred)();
                    const childrenNodes = this._getChildNodes(node);
                    if (childrenNodes.length) {
                        deferred.resolve(childrenNodes)
                    } else {
                        this._loadNestedItems(node).done(items => {
                            deferred.resolve(this._dataAdapter.getNodesByItems(items))
                        })
                    }
                    return deferred.promise()
                }
                _getItemExtraPropNames() {
                    return ["url", "linkAttr"]
                }
                _addContent($container, itemData) {
                    const {
                        html: html,
                        url: url
                    } = itemData;
                    const {
                        _supportItemUrl: _supportItemUrl
                    } = this.option();
                    if (_supportItemUrl && url) {
                        $container.html(html);
                        const link = this._getLinkContainer(this._getIconContainer(itemData), this._getTextContainer(itemData), itemData);
                        $container.append(link)
                    } else {
                        super._addContent($container, itemData)
                    }
                }
                _postprocessRenderItem(args) {
                    const {
                        itemData: itemData,
                        itemElement: itemElement
                    } = args;
                    if (this._showCheckboxes()) {
                        this._renderCheckBox(itemElement, this._getNode(itemData))
                    }
                    super._postprocessRenderItem(args)
                }
                _renderSublevel($node, node, childNodes) {
                    const $nestedNodeContainer = this._renderNodeContainer($node);
                    const keySet = new Set(node.internalFields.childrenKeys);
                    const childNodesByChildrenKeys = childNodes.filter(childNode => keySet.has(childNode.internalFields.key));
                    this._renderNodes(childNodesByChildrenKeys, $nestedNodeContainer);
                    if (childNodesByChildrenKeys.length && !node.internalFields.selected) {
                        const firstChild = childNodesByChildrenKeys[0];
                        this._updateParentsState(firstChild, this._getNodeElement(firstChild))
                    }
                    this._normalizeIconState($node, childNodesByChildrenKeys.length);
                    if (node.internalFields.expanded) {
                        $nestedNodeContainer.addClass(OPENED_NODE_CONTAINER_CLASS)
                    }
                }
                _executeItemRenderAction(itemIndex, itemData, itemElement) {
                    const node = this._getNode(itemElement);
                    this._getItemRenderAction()({
                        itemElement: itemElement,
                        itemIndex: itemIndex,
                        itemData: itemData,
                        node: this._dataAdapter.getPublicNode(node)
                    })
                }
                _addLeafClass($node) {
                    $node.addClass(IS_LEAF)
                }
                _expandEventHandler(e) {
                    const $nodeElement = (0, _renderer.default)(e.currentTarget.parentNode);
                    if (!$nodeElement.hasClass(IS_LEAF)) {
                        this._toggleExpandedState(e.currentTarget, void 0, e)
                    }
                }
                _attachExpandEvent() {
                    const {
                        expandEvent: expandEvent
                    } = this.option();
                    const expandedEventName = this._getEventNameByOption(expandEvent);
                    const $itemsContainer = this._itemContainer();
                    this._detachExpandEvent($itemsContainer);
                    _events_engine.default.on($itemsContainer, expandedEventName, this._itemSelector(), this._expandEventHandler.bind(this))
                }
                _detachExpandEvent(itemsContainer) {
                    _events_engine.default.off(itemsContainer, ".dxTreeView_expand", this._itemSelector())
                }
                _detachHoldEvent(itemsContainer) {
                    const itemSelector = this._itemSelector();
                    const eventName = (0, _utils.addNamespace)(_hold.default.name, this.NAME);
                    _events_engine.default.off(itemsContainer, eventName, itemSelector)
                }
                _detachContextMenuEvent(itemsContainer) {
                    const itemSelector = this._itemSelector();
                    const eventName = (0, _utils.addNamespace)(_contextmenu.name, this.NAME);
                    _events_engine.default.off(itemsContainer, eventName, itemSelector)
                }
                _getEventNameByOption(name) {
                    const event = "click" === name ? _click.name : _double_click.name;
                    return (0, _utils.addNamespace)(event, "dxTreeView_expand")
                }
                _getNode(identifier) {
                    if (!(0, _type.isDefined)(identifier)) {
                        return null
                    }
                    if ((0, _type.isPrimitive)(identifier)) {
                        return this._dataAdapter.getNodeByKey(identifier)
                    }
                    if ((0, _type.isPlainObject)(identifier) && "internalFields" in identifier) {
                        return identifier
                    }
                    const itemElement = (0, _renderer.default)(identifier).get(0);
                    if (!itemElement) {
                        return null
                    }
                    if (_dom_adapter.default.isElementNode(itemElement)) {
                        return this._getNodeByElement(itemElement)
                    }
                    return this._dataAdapter.getNodeByItem(itemElement)
                }
                _getNodeByElement(itemElement) {
                    const $node = (0, _renderer.default)(itemElement).closest(`.${NODE_CLASS}`);
                    const itemKeyAttr = $node.attr("data-item-id");
                    if (!(0, _type.isDefined)(itemKeyAttr)) {
                        return null
                    }
                    const key = this._decodeString(itemKeyAttr);
                    return this._dataAdapter.getNodeByKey(key)
                }
                _toggleExpandedState(itemElement, state, e) {
                    const node = this._getNode(itemElement);
                    if (!node) {
                        return (0, _deferred.Deferred)().reject().promise()
                    }
                    if (node.internalFields.disabled) {
                        return (0, _deferred.Deferred)().reject().promise()
                    }
                    const currentState = node.internalFields.expanded;
                    if (currentState === state) {
                        return (0, _deferred.Deferred)().resolve().promise()
                    }
                    if (this._hasChildren(node)) {
                        const $node = this._getNodeElement(node);
                        if ($node.find(`.${NODE_LOAD_INDICATOR_CLASS}:not(.dx-state-invisible)`).length) {
                            return (0, _deferred.Deferred)().reject().promise()
                        }
                        if (!currentState && !this._nodeHasRenderedChildren($node)) {
                            this._createLoadIndicator($node)
                        }
                    }
                    const newState = state ?? !currentState;
                    this._dataAdapter.toggleExpansion(node.internalFields.key, newState);
                    return this._updateExpandedItemsUI(node, newState, e)
                }
                _nodeHasRenderedChildren($node) {
                    const $nodeContainer = $node.children(`.${NODE_CONTAINER_CLASS}`);
                    return $nodeContainer.not(":empty").length
                }
                _getItem($node) {
                    return $node.children(`.${ITEM_CLASS}`).eq(0)
                }
                _createLoadIndicator($node) {
                    const $treeviewItem = this._getItem($node);
                    this._createComponent((0, _renderer.default)("<div>").addClass(NODE_LOAD_INDICATOR_CLASS), _load_indicator.default, {}).$element().appendTo($treeviewItem);
                    const $icon = $treeviewItem.children(`.${TOGGLE_ITEM_VISIBILITY_CLASS},.dx-treeview-custom-expand-icon`);
                    $icon.hide()
                }
                _renderExpanderIcon($node, node, $icon, iconClass) {
                    $icon.appendTo(this._getItem($node));
                    $icon.addClass(iconClass);
                    if (node.internalFields.disabled) {
                        $icon.addClass("dx-state-disabled")
                    }
                    this._renderToggleItemVisibilityIconClick($icon, node)
                }
                _renderDefaultExpanderIcons($node, node) {
                    const $treeViewItem = this._getItem($node);
                    const $icon = (0, _renderer.default)("<div>").addClass(TOGGLE_ITEM_VISIBILITY_CLASS).appendTo($treeViewItem);
                    if (node.internalFields.expanded) {
                        $icon.addClass("dx-treeview-toggle-item-visibility-opened");
                        $node.parent().addClass(OPENED_NODE_CONTAINER_CLASS)
                    }
                    if (node.internalFields.disabled) {
                        $icon.addClass("dx-state-disabled")
                    }
                    this._renderToggleItemVisibilityIconClick($icon, node)
                }
                _renderCustomExpanderIcons($node, node) {
                    const {
                        expandIcon: expandIcon,
                        collapseIcon: collapseIcon
                    } = this.option();
                    const $expandIcon = (0, _icon.getImageContainer)(expandIcon ?? collapseIcon) ?? (0, _renderer.default)();
                    const $collapseIcon = (0, _icon.getImageContainer)(collapseIcon ?? expandIcon) ?? (0, _renderer.default)();
                    this._renderExpanderIcon($node, node, $expandIcon, "dx-treeview-custom-expand-icon");
                    this._renderExpanderIcon($node, node, $collapseIcon, "dx-treeview-custom-collapse-icon");
                    const isNodeExpanded = node.internalFields.expanded;
                    if (isNodeExpanded) {
                        $node.parent().addClass(OPENED_NODE_CONTAINER_CLASS)
                    }
                    this._toggleCustomExpanderIcons($expandIcon, $collapseIcon, isNodeExpanded)
                }
                _renderToggleItemVisibilityIconClick($icon, node) {
                    const eventName = (0, _utils.addNamespace)(_click.name, this.NAME);
                    _events_engine.default.off($icon, eventName);
                    _events_engine.default.on($icon, eventName, e => {
                        this._toggleExpandedState(node.internalFields.key, void 0, e);
                        return false
                    })
                }
                _toggleCustomExpanderIcons($expandIcon, $collapseIcon, isNodeExpanded) {
                    $collapseIcon.toggle(isNodeExpanded);
                    $expandIcon.toggle(!isNodeExpanded)
                }
                _updateExpandedItemsUI(node, state, e) {
                    const $node = this._getNodeElement(node);
                    const isHiddenNode = !$node.length || state && $node.is(":hidden");
                    const {
                        expandNodesRecursive: expandNodesRecursive
                    } = this.option();
                    if (expandNodesRecursive && isHiddenNode) {
                        const parentNode = this._getNode(node.internalFields.parentKey);
                        if (parentNode) {
                            this._updateExpandedItemsUI(parentNode, state, e)
                        }
                    }
                    if (!this._hasCustomExpanderIcons()) {
                        const $icon = this._getItem($node).children(`.${TOGGLE_ITEM_VISIBILITY_CLASS}`);
                        $icon.toggleClass("dx-treeview-toggle-item-visibility-opened", state)
                    } else if (this._nodeHasRenderedChildren($node)) {
                        const $item = this._getItem($node);
                        const $childExpandIcons = $item.children(".dx-treeview-custom-expand-icon");
                        const $childCollapseIcons = $item.children(".dx-treeview-custom-collapse-icon");
                        this._toggleCustomExpanderIcons($childExpandIcons, $childCollapseIcons, state)
                    }
                    const $nodeContainer = $node.children(`.${NODE_CONTAINER_CLASS}`);
                    const nodeContainerExists = $nodeContainer.length > 0;
                    const completionCallback = (0, _deferred.Deferred)();
                    if (!state || nodeContainerExists && !$nodeContainer.is(":empty")) {
                        this._animateNodeContainer(node, state, e, completionCallback);
                        return completionCallback.promise()
                    }
                    if (0 === node.internalFields.childrenKeys.length && (this._isVirtualMode() || this._useCustomChildrenLoader())) {
                        this._loadNestedItemsWithUpdate(node, state, e, completionCallback);
                        return completionCallback.promise()
                    }
                    this._renderSublevel($node, node, this._getChildNodes(node));
                    this._fireContentReadyAction();
                    this._animateNodeContainer(node, state, e, completionCallback);
                    return completionCallback.promise()
                }
                _loadNestedItemsWithUpdate(node, state, e, completionCallback) {
                    const $node = this._getNodeElement(node);
                    this._loadNestedItems(node).done(items => {
                        const actualNodeData = this._getActualNode(node);
                        this._renderSublevel($node, actualNodeData, this._dataAdapter.getNodesByItems(items));
                        if (!(null !== items && void 0 !== items && items.length)) {
                            completionCallback.resolve();
                            return
                        }
                        this._fireContentReadyAction();
                        this._animateNodeContainer(actualNodeData, state, e, completionCallback)
                    })
                }
                _loadNestedItems(node) {
                    if (this._useCustomChildrenLoader()) {
                        const publicNode = this._dataAdapter.getPublicNode(node);
                        return this._loadChildrenByCustomLoader(publicNode).done(newItems => {
                            if (!this._areNodesExists(newItems)) {
                                this._appendItems(newItems)
                            }
                        })
                    }
                    if (!this._isVirtualMode()) {
                        return (0, _deferred.Deferred)().resolve([]).promise()
                    }
                    const {
                        parentIdExpr: parentIdExpr
                    } = this.option();
                    this._filter.internal = [parentIdExpr, node.internalFields.key];
                    this._dataSource.filter(this._combineFilter());
                    return this._dataSource.load().done(newItems => {
                        if (!this._areNodesExists(newItems)) {
                            this._appendItems(newItems)
                        }
                    })
                }
                _areNodesExists(newItems) {
                    const keyOfRootItem = this.keyOf(newItems[0]);
                    const fullData = this._dataAdapter.getFullData();
                    return !!this._dataAdapter.getNodeByKey(keyOfRootItem, fullData)
                }
                _appendItems(newItems) {
                    const {
                        items: items = []
                    } = this.option();
                    this.option().items = items.concat(newItems);
                    this._initDataAdapter()
                }
                _animateNodeContainer(node, state, e, completionCallback) {
                    const $node = this._getNodeElement(node);
                    const $nodeContainer = $node.children(`.${NODE_CONTAINER_CLASS}`);
                    if (node && completionCallback && 0 === $nodeContainer.length) {
                        completionCallback.resolve()
                    }
                    $nodeContainer.addClass(OPENED_NODE_CONTAINER_CLASS);
                    const nodeHeight = (0, _size.getHeight)($nodeContainer);
                    const {
                        animationEnabled: animationEnabled
                    } = this.option();
                    _animation.fx.stop($nodeContainer.get(0), true);
                    _animation.fx.animate($nodeContainer.get(0), {
                        type: "custom",
                        duration: animationEnabled ? 400 : 0,
                        from: {
                            maxHeight: state ? 0 : nodeHeight
                        },
                        to: {
                            maxHeight: state ? nodeHeight : 0
                        },
                        complete: () => {
                            $nodeContainer.css("maxHeight", "none");
                            $nodeContainer.toggleClass(OPENED_NODE_CONTAINER_CLASS, state);
                            this.setAria("expanded", state, $node);
                            this.getScrollable().update();
                            this._fireExpandedStateUpdatedEvent(state, node, e);
                            if (completionCallback) {
                                completionCallback.resolve()
                            }
                        }
                    })
                }
                _fireExpandedStateUpdatedEvent(isExpanded, node, e) {
                    if (!this._hasChildren(node) || this._skipContentReadyAndItemExpanded) {
                        return
                    }
                    const optionName = isExpanded ? "onItemExpanded" : "onItemCollapsed";
                    if ((0, _type.isDefined)(e)) {
                        this._itemDXEventHandler(e, optionName, {
                            node: this._dataAdapter.getPublicNode(node)
                        })
                    } else {
                        const target = this._getNodeElement(node);
                        const actionArgs = {
                            event: e,
                            node: this._dataAdapter.getPublicNode(node)
                        };
                        this._itemEventHandler(target, optionName, actionArgs)
                    }
                }
                _normalizeIconState($node, hasNewItems) {
                    const $loadIndicator = $node.find(`.${NODE_LOAD_INDICATOR_CLASS}`);
                    if ($loadIndicator.length) {
                        var _LoadIndicator$getIns;
                        null === (_LoadIndicator$getIns = _load_indicator.default.getInstance($loadIndicator)) || void 0 === _LoadIndicator$getIns || _LoadIndicator$getIns.option("visible", false)
                    }
                    const $treeViewItem = this._getItem($node);
                    const $toggleItem = $treeViewItem.children(`.dx-treeview-custom-collapse-icon,.${TOGGLE_ITEM_VISIBILITY_CLASS}`);
                    if (hasNewItems) {
                        $toggleItem.show();
                        return
                    }
                    $toggleItem.removeClass(TOGGLE_ITEM_VISIBILITY_CLASS);
                    $node.addClass(IS_LEAF)
                }
                _emptyMessageContainer() {
                    const scrollable = this.getScrollable();
                    return scrollable ? (0, _renderer.default)(scrollable.content()) : super._emptyMessageContainer()
                }
                _renderContent() {
                    const {
                        items: items
                    } = this.option();
                    if (null !== items && void 0 !== items && items.length) {
                        this._contentAlreadyRendered = true
                    }
                    super._renderContent()
                }
                _renderSelectAllItem($container) {
                    const {
                        selectAllText: selectAllText,
                        focusStateEnabled: focusStateEnabled
                    } = this.option();
                    const $selectAllContainer = $container ?? this.$element().find(`.${NODE_CONTAINER_CLASS}`).first();
                    this._$selectAllItem = (0, _renderer.default)("<div>").addClass(SELECT_ALL_ITEM_CLASS);
                    const isAllSelected = this._dataAdapter.isAllSelected();
                    this._createComponent(this._$selectAllItem, _index2.default, {
                        value: isAllSelected,
                        elementAttr: {
                            "aria-label": _message.default.format("dxList-selectAll")
                        },
                        text: selectAllText,
                        focusStateEnabled: focusStateEnabled,
                        onValueChanged: event => {
                            this._onSelectAllCheckboxValueChanged(event)
                        },
                        onInitialized: event => {
                            const {
                                component: component
                            } = event;
                            component.registerKeyHandler("enter", () => {
                                const {
                                    value: value
                                } = component.option();
                                component.option("value", !value)
                            })
                        }
                    });
                    this._toggleSelectedClass(this._$selectAllItem, isAllSelected);
                    $selectAllContainer.before(this._$selectAllItem)
                }
                _onSelectAllCheckboxValueChanged(args) {
                    this._toggleSelectAll(args);
                    this._fireSelectAllValueChanged(args.value)
                }
                _toggleSelectAll(args) {
                    this._dataAdapter.toggleSelectAll(args.value);
                    this._updateItemsUI();
                    this._fireSelectionChanged()
                }
                _renderCheckBox($node, node) {
                    const $checkbox = (0, _renderer.default)("<div>").appendTo($node);
                    this._createComponent($checkbox, _index2.default, {
                        value: null === node || void 0 === node ? void 0 : node.internalFields.selected,
                        onValueChanged: e => {
                            this._changeCheckboxValue(e)
                        },
                        focusStateEnabled: false,
                        elementAttr: {
                            "aria-label": _message.default.format("CheckState")
                        },
                        disabled: this._disabledGetter(node)
                    })
                }
                _toggleSelectedClass($node, value) {
                    $node.toggleClass("dx-state-selected", !!value)
                }
                _toggleNodeDisabledState(node, state) {
                    const $node = this._getNodeElement(node);
                    const $item = $node.find(`.${ITEM_CLASS}`).eq(0);
                    this._dataAdapter.toggleNodeDisabledState(node.internalFields.key, state);
                    $item.toggleClass("dx-state-disabled", !!state);
                    if (this._showCheckboxes()) {
                        const checkbox = this._getCheckBoxInstance($node);
                        checkbox.option("disabled", !!state)
                    }
                }
                _itemOptionChanged(item, property, value) {
                    const node = this._dataAdapter.getNodeByItem(item);
                    const {
                        disabledExpr: disabledExpr
                    } = this.option();
                    if (node && property === disabledExpr) {
                        this._toggleNodeDisabledState(node, Boolean(value))
                    }
                }
                _changeCheckboxValue(e) {
                    const $node = (0, _renderer.default)(e.element).closest(`.${NODE_CLASS}`);
                    const $item = this._getItem($node);
                    const item = this._getItemData($item);
                    const node = this._getNodeByElement($item);
                    const {
                        value: value
                    } = e;
                    if (node && node.internalFields.selected === value) {
                        return
                    }
                    this._updateItemSelection(value, item, e.event)
                }
                _isSingleSelection() {
                    const {
                        selectionMode: selectionMode
                    } = this.option();
                    return "single" === selectionMode
                }
                _isRecursiveSelection() {
                    const {
                        selectionMode: selectionMode,
                        selectNodesRecursive: selectNodesRecursive
                    } = this.option();
                    return !!selectNodesRecursive && "single" !== selectionMode
                }
                _isLastSelectedBranch(publicNode, selectedNodesKeys, deep) {
                    const keyIndex = selectedNodesKeys.indexOf(publicNode.key);
                    if (keyIndex >= 0) {
                        selectedNodesKeys.splice(keyIndex, 1)
                    }
                    if (deep) {
                        (0, _iterator.each)(publicNode.children, (_index, childNode) => {
                            this._isLastSelectedBranch(childNode, selectedNodesKeys, true)
                        })
                    }
                    if (publicNode.parent) {
                        this._isLastSelectedBranch(publicNode.parent, selectedNodesKeys)
                    }
                    return 0 === selectedNodesKeys.length
                }
                _isLastRequired(node) {
                    const {
                        selectionRequired: selectionRequired
                    } = this.option();
                    const isSingleMode = this._isSingleSelection();
                    const selectedNodesKeys = this.getSelectedNodeKeys();
                    if (!selectionRequired) {
                        return false
                    }
                    if (isSingleMode) {
                        return 1 === selectedNodesKeys.length
                    }
                    return this._isLastSelectedBranch(node.internalFields.publicNode, selectedNodesKeys.slice(), true)
                }
                _updateItemSelection(value, itemElement, event) {
                    const node = this._getNode(itemElement);
                    if (!node || false === node.visible) {
                        return false
                    }
                    if (node.internalFields.selected === value) {
                        return true
                    }
                    if (!value && this._isLastRequired(node)) {
                        if (this._showCheckboxes()) {
                            const $node = this._getNodeElement(node);
                            this._getCheckBoxInstance($node).option("value", true)
                        }
                        return false
                    }
                    if (value && this._isSingleSelection()) {
                        const selectedKeys = this.getSelectedNodeKeys();
                        (0, _iterator.each)(selectedKeys, (_index, key) => {
                            this._dataAdapter.toggleSelection(key, false);
                            this._updateItemsUI();
                            this._fireItemSelectionChanged(this._getNode(key))
                        })
                    }
                    this._dataAdapter.toggleSelection(node.internalFields.key, value);
                    const isAllSelected = this._dataAdapter.isAllSelected();
                    const needFireSelectAllChanged = this._selectAllEnabled() && this._$selectAllItem.dxCheckBox("instance").option("value") !== isAllSelected;
                    this._updateItemsUI();
                    this._fireItemSelectionChanged(node, event);
                    this._fireSelectionChanged();
                    if (needFireSelectAllChanged) {
                        this._fireSelectAllValueChanged(isAllSelected)
                    }
                    return true
                }
                _fireItemSelectionChanged(node, event) {
                    const initiator = event ?? this._findItemElementByItem(node.internalFields.item);
                    const handler = event ? this._itemDXEventHandler : this._itemEventHandler;
                    handler.call(this, initiator, "onItemSelectionChanged", {
                        node: this._dataAdapter.getPublicNode(node),
                        itemData: null === node || void 0 === node ? void 0 : node.internalFields.item
                    })
                }
                _getCheckBoxInstance($node) {
                    const $treeViewItem = this._getItem($node);
                    return $treeViewItem.children(`.${CHECK_BOX_CLASS}`).dxCheckBox("instance")
                }
                _updateItemsUI() {
                    const cache = {};
                    (0, _iterator.each)(this._dataAdapter.getData(), (_index, node) => {
                        const $node = this._getNodeElement(node, cache);
                        const nodeSelection = node.internalFields.selected;
                        if (!$node.length) {
                            return
                        }
                        this._toggleSelectedClass($node, nodeSelection);
                        this.setAria("selected", nodeSelection, $node);
                        if (this._showCheckboxes()) {
                            var _this$_getCheckBoxIns;
                            null === (_this$_getCheckBoxIns = this._getCheckBoxInstance($node)) || void 0 === _this$_getCheckBoxIns || _this$_getCheckBoxIns.option("value", nodeSelection)
                        }
                    });
                    if (this._selectAllEnabled()) {
                        const selectAllCheckbox = this._$selectAllItem.dxCheckBox("instance");
                        selectAllCheckbox.option("onValueChanged", void 0);
                        selectAllCheckbox.option("value", this._dataAdapter.isAllSelected());
                        selectAllCheckbox.option("onValueChanged", this._onSelectAllCheckboxValueChanged.bind(this))
                    }
                }
                _updateParentsState(node, $node) {
                    if (!$node || !node) {
                        return
                    }
                    const parentNode = this._dataAdapter.getNodeByKey(node.internalFields.parentKey);
                    const $parentNode = (0, _renderer.default)($node.parents(`.${NODE_CLASS}`)[0]);
                    if (this._showCheckboxes()) {
                        var _this$_getCheckBoxIns2;
                        const parentValue = null === parentNode || void 0 === parentNode ? void 0 : parentNode.internalFields.selected;
                        null === (_this$_getCheckBoxIns2 = this._getCheckBoxInstance($parentNode)) || void 0 === _this$_getCheckBoxIns2 || _this$_getCheckBoxIns2.option("value", parentValue);
                        this._toggleSelectedClass($parentNode, parentValue)
                    }
                    const {
                        rootValue: rootValue
                    } = this.option();
                    if ((null === parentNode || void 0 === parentNode ? void 0 : parentNode.internalFields.parentKey) !== rootValue) {
                        this._updateParentsState(parentNode, $parentNode)
                    }
                }
                _itemEventHandlerImpl(initiator, action, actionArgs) {
                    const $itemElement = (0, _renderer.default)(initiator).closest(`.${NODE_CLASS}`).children(`.${ITEM_CLASS}`);
                    return action((0, _extend.extend)(this._extendActionArgs($itemElement), actionArgs))
                }
                _itemContextMenuHandler(e) {
                    this._createEventHandler("onItemContextMenu", e)
                }
                _itemHoldHandler(e) {
                    this._createEventHandler("onItemHold", e)
                }
                _createEventHandler(eventName, e) {
                    const node = this._getNodeByElement(e.currentTarget);
                    this._itemDXEventHandler(e, eventName, {
                        node: this._dataAdapter.getPublicNode(node)
                    })
                }
                _itemClass() {
                    return ITEM_CLASS
                }
                _itemDataKey() {
                    return ITEM_DATA_KEY
                }
                _attachClickEvent() {
                    const $itemContainer = this._itemContainer();
                    this._detachClickEvent($itemContainer);
                    const {
                        clickEventNamespace: clickEventNamespace,
                        itemSelector: itemSelector,
                        pointerDownEventNamespace: pointerDownEventNamespace,
                        nodeSelector: nodeSelector
                    } = this._getItemClickEventData();
                    _events_engine.default.on($itemContainer, clickEventNamespace, itemSelector, e => {
                        if ((0, _renderer.default)(e.target).hasClass("dx-checkbox-icon") || (0, _renderer.default)(e.target).hasClass(CHECK_BOX_CLASS)) {
                            return
                        }
                        this._processItemClick(e, (0, _renderer.default)(e.currentTarget))
                    });
                    _events_engine.default.on($itemContainer, pointerDownEventNamespace, nodeSelector, e => {
                        this._itemPointerHandler(e)
                    })
                }
                _detachClickEvent(itemsContainer) {
                    const {
                        clickEventNamespace: clickEventNamespace,
                        pointerDownEventNamespace: pointerDownEventNamespace,
                        nodeSelector: nodeSelector,
                        itemSelector: itemSelector
                    } = this._getItemClickEventData();
                    _events_engine.default.off(itemsContainer, clickEventNamespace, itemSelector);
                    _events_engine.default.off(itemsContainer, pointerDownEventNamespace, nodeSelector)
                }
                _getItemClickEventData() {
                    const itemSelector = `.${this._itemClass()}`;
                    const nodeSelector = `.${NODE_CLASS}, .${SELECT_ALL_ITEM_CLASS}`;
                    const clickEventNamespace = (0, _utils.addNamespace)(_click.name, this.NAME);
                    const pointerDownEventNamespace = (0, _utils.addNamespace)(_pointer.default.down, this.NAME);
                    return {
                        clickEventNamespace: clickEventNamespace,
                        itemSelector: itemSelector,
                        pointerDownEventNamespace: pointerDownEventNamespace,
                        nodeSelector: nodeSelector
                    }
                }
                _itemClick(args) {
                    const {
                        event: event,
                        itemData: itemData
                    } = args;
                    const target = (null === event || void 0 === event ? void 0 : event.target[0]) || (null === event || void 0 === event ? void 0 : event.target);
                    const link = target.getElementsByClassName("dx-item-url")[0];
                    if (itemData.url && link) {
                        this._clickByLink(link)
                    }
                }
                _processItemClick(e, $item) {
                    const itemData = this._getItemData($item);
                    const node = this._getNodeByElement($item);
                    if (!node) {
                        return
                    }
                    this._itemDXEventHandler(e, "onItemClick", {
                        node: this._dataAdapter.getPublicNode(node)
                    }, {
                        beforeExecute: e => {
                            this._itemClick(e.args[0])
                        }
                    });
                    const {
                        selectByClick: selectByClick
                    } = this.option();
                    if (selectByClick && !e.isDefaultPrevented()) {
                        this._updateItemSelection(!node.internalFields.selected, itemData, e)
                    }
                }
                _updateSelectionToFirstItem($items, startIndex) {
                    let itemIndex = startIndex;
                    while (itemIndex >= 0) {
                        const $item = (0, _renderer.default)($items[itemIndex]);
                        this._updateItemSelection(true, $item.find(`.${ITEM_CLASS}`).get(0));
                        itemIndex -= 1
                    }
                }
                _updateSelectionToLastItem($items, startIndex) {
                    const {
                        length: length
                    } = $items;
                    let itemIndex = startIndex;
                    while (itemIndex < length) {
                        const $item = (0, _renderer.default)($items[itemIndex]);
                        this._updateItemSelection(true, $item.find(`.${ITEM_CLASS}`).get(0));
                        itemIndex += 1
                    }
                }
                focus() {
                    const {
                        items: items = []
                    } = this.option();
                    if (this._selectAllEnabled() && items.length) {
                        _events_engine.default.trigger(this._$selectAllItem, "focus");
                        return
                    }
                    super.focus()
                }
                _focusInHandler(e) {
                    this._updateFocusState(e, true);
                    const isSelectAllItem = (0, _renderer.default)(e.target).hasClass(SELECT_ALL_ITEM_CLASS);
                    if (isSelectAllItem || this.option("focusedElement")) {
                        clearTimeout(this._setFocusedItemTimeout);
                        this._setFocusedItemTimeout = setTimeout(() => {
                            const {
                                focusedElement: focusedElement
                            } = this.option();
                            const element = isSelectAllItem ? (0, _element.getPublicElement)((0, _renderer.default)(this._$selectAllItem)) : (0, _renderer.default)(focusedElement);
                            this._setFocusedItem((0, _renderer.default)(element))
                        });
                        return
                    }
                    const $activeItem = this._getActiveItem();
                    this.option("focusedElement", (0, _element.getPublicElement)($activeItem.closest(`.${NODE_CLASS}`)))
                }
                _itemPointerHandler(e) {
                    const {
                        focusStateEnabled: focusStateEnabled
                    } = this.option();
                    if (!focusStateEnabled) {
                        return
                    }
                    const $target = (0, _renderer.default)(e.target).closest(`.${NODE_CLASS}, .${SELECT_ALL_ITEM_CLASS}`);
                    if (!$target.length) {
                        return
                    }
                    const itemElement = $target.hasClass("dx-state-disabled") ? null : $target;
                    this.option("focusedElement", (0, _element.getPublicElement)(itemElement))
                }
                _findNonDisabledNodes($nodes) {
                    return $nodes.not(`:has(>.${ITEM_CLASS}.dx-state-disabled)`)
                }
                _moveFocus(location, e) {
                    const {
                        rtlEnabled: rtlEnabled,
                        selectByClick: selectByClick
                    } = this.option();
                    const FOCUS_LEFT = rtlEnabled ? "right" : "left";
                    const FOCUS_RIGHT = rtlEnabled ? "left" : "right";
                    this.$element().find(`.${NODE_CONTAINER_CLASS}`).each((_index, nodeContainer) => {
                        _animation.fx.stop(nodeContainer, true);
                        return true
                    });
                    const $items = this._nodeElements();
                    if (!(null !== $items && void 0 !== $items && $items.length)) {
                        return
                    }
                    const isSelectionByShiftAllowed = this._showCheckboxes() || selectByClick;
                    switch (location) {
                        case "up": {
                            const $prevItem = this._prevItem($items);
                            this.option("focusedElement", (0, _element.getPublicElement)($prevItem));
                            const prevItemElement = this._getNodeItemElement($prevItem);
                            this.getScrollable().scrollToElement(prevItemElement);
                            if (e.shiftKey && isSelectionByShiftAllowed) {
                                this._updateItemSelection(true, prevItemElement)
                            }
                            break
                        }
                        case "down": {
                            const $nextItem = this._nextItem($items);
                            this.option("focusedElement", (0, _element.getPublicElement)($nextItem));
                            const nextItemElement = this._getNodeItemElement($nextItem);
                            this.getScrollable().scrollToElement(nextItemElement);
                            if (e.shiftKey && isSelectionByShiftAllowed) {
                                this._updateItemSelection(true, nextItemElement)
                            }
                            break
                        }
                        case "first": {
                            const $firstItem = $items.first();
                            if (e.shiftKey && isSelectionByShiftAllowed) {
                                this._updateSelectionToFirstItem($items, $items.index(this._prevItem($items)))
                            }
                            this.option("focusedElement", (0, _element.getPublicElement)($firstItem));
                            this.getScrollable().scrollToElement(this._getNodeItemElement($firstItem));
                            break
                        }
                        case "last": {
                            const $lastItem = $items.last();
                            if (e.shiftKey && isSelectionByShiftAllowed) {
                                this._updateSelectionToLastItem($items, $items.index(this._nextItem($items)))
                            }
                            this.option("focusedElement", (0, _element.getPublicElement)($lastItem));
                            this.getScrollable().scrollToElement(this._getNodeItemElement($lastItem));
                            break
                        }
                        case FOCUS_RIGHT:
                            this._expandFocusedContainer();
                            break;
                        case FOCUS_LEFT:
                            this._collapseFocusedContainer();
                            break;
                        default:
                            super._moveFocus(location, e)
                    }
                }
                _getNodeItemElement($node) {
                    return $node.find(`.${ITEM_CLASS}`).get(0)
                }
                _nodeElements() {
                    return this.$element().find(`.${NODE_CLASS}`).not(":hidden")
                }
                _expandFocusedContainer() {
                    const {
                        focusedElement: focusedElement
                    } = this.option();
                    const $focusedNode = (0, _renderer.default)(focusedElement);
                    if (!$focusedNode.length || $focusedNode.hasClass(IS_LEAF)) {
                        return
                    }
                    const $node = $focusedNode.find(`.${NODE_CONTAINER_CLASS}`).eq(0);
                    if ($node.hasClass(OPENED_NODE_CONTAINER_CLASS)) {
                        const $nextItem = this._nextItem(this._findNonDisabledNodes(this._nodeElements()));
                        this.option("focusedElement", (0, _element.getPublicElement)($nextItem));
                        this.getScrollable().scrollToElement(this._getNodeItemElement($nextItem));
                        return
                    }
                    const node = this._getNodeByElement(this._getItem($focusedNode));
                    this._toggleExpandedState(node, true)
                }
                _getClosestNonDisabledNode($node) {
                    const isNodeDisabled = $el => $el.children(`.${ITEM_CLASS}.dx-state-disabled`).length > 0;
                    let currentNode = $node;
                    do {
                        currentNode = currentNode.parent().closest(`.${NODE_CLASS}`)
                    } while (currentNode.length && isNodeDisabled(currentNode));
                    return currentNode
                }
                _collapseFocusedContainer() {
                    const {
                        focusedElement: focusedElement
                    } = this.option();
                    const $focusedNode = (0, _renderer.default)(focusedElement);
                    if (!$focusedNode.length) {
                        return
                    }
                    const nodeElement = $focusedNode.find(`.${NODE_CONTAINER_CLASS}`).eq(0);
                    if (!$focusedNode.hasClass(IS_LEAF) && nodeElement.hasClass(OPENED_NODE_CONTAINER_CLASS)) {
                        const node = this._getNodeByElement(this._getItem($focusedNode));
                        this._toggleExpandedState(node, false)
                    } else {
                        const collapsedNode = this._getClosestNonDisabledNode($focusedNode);
                        if (collapsedNode.length) {
                            this.option("focusedElement", (0, _element.getPublicElement)(collapsedNode))
                        }
                        this.getScrollable().scrollToElement(this._getNodeItemElement(collapsedNode))
                    }
                }
                _encodeString(value) {
                    return (0, _type.isString)(value) ? encodeURI(value) : value
                }
                _decodeString(value) {
                    return (0, _type.isString)(value) ? decodeURI(value) : value
                }
                getScrollable() {
                    return this._scrollable
                }
                updateDimensions() {
                    const deferred = (0, _deferred.Deferred)();
                    const scrollable = this.getScrollable();
                    if (scrollable) {
                        scrollable.update().done(() => {
                            deferred.resolveWith(this)
                        })
                    } else {
                        deferred.resolveWith(this)
                    }
                    return deferred.promise()
                }
                selectItem(itemElement) {
                    return this._updateItemSelection(true, itemElement)
                }
                unselectItem(itemElement) {
                    return this._updateItemSelection(false, itemElement)
                }
                expandItem(itemElement) {
                    return this._toggleExpandedState(itemElement, true)
                }
                collapseItem(itemElement) {
                    return this._toggleExpandedState(itemElement, false)
                }
                getNodes() {
                    return this._dataAdapter.getTreeNodes()
                }
                getSelectedNodes() {
                    return this.getSelectedNodeKeys().map(key => {
                        const node = this._dataAdapter.getNodeByKey(key);
                        return this._dataAdapter.getPublicNode(node)
                    })
                }
                getSelectedNodeKeys() {
                    return this._dataAdapter.getSelectedNodesKeys()
                }
                selectAll() {
                    if (this._selectAllEnabled()) {
                        this._$selectAllItem.dxCheckBox("instance").option("value", true)
                    } else {
                        this._toggleSelectAll({
                            value: true
                        })
                    }
                }
                unselectAll() {
                    if (this._selectAllEnabled()) {
                        this._$selectAllItem.dxCheckBox("instance").option("value", false)
                    } else {
                        this._toggleSelectAll({
                            value: false
                        })
                    }
                }
                _allItemsExpandedHandler() {
                    this._skipContentReadyAndItemExpanded = false;
                    this._fireContentReadyAction()
                }
                expandAll() {
                    const nodes = this._dataAdapter.getData();
                    const expandingPromises = [];
                    this._skipContentReadyAndItemExpanded = true;
                    nodes.forEach(node => expandingPromises.push(this._toggleExpandedState((null === node || void 0 === node ? void 0 : node.internalFields.key) ?? null, true)));
                    Promise.allSettled(expandingPromises).then(() => {
                        var _this$_allItemsExpand;
                        return null === (_this$_allItemsExpand = this._allItemsExpandedHandler) || void 0 === _this$_allItemsExpand ? void 0 : _this$_allItemsExpand.call(this)
                    })
                }
                collapseAll() {
                    (0, _iterator.each)(this._dataAdapter.getExpandedNodesKeys(), (_index, key) => {
                        this._toggleExpandedState(key, false)
                    })
                }
                scrollToItem(keyOrItemOrElement) {
                    const node = this._getNode(keyOrItemOrElement);
                    if (!node) {
                        return (0, _deferred.Deferred)().reject().promise()
                    }
                    const nodeKeysToExpand = [];
                    let parentNode = node.internalFields.publicNode.parent;
                    while (null != parentNode) {
                        if (!parentNode.expanded) {
                            nodeKeysToExpand.push(parentNode.key)
                        }
                        parentNode = parentNode.parent
                    }
                    const scrollCallback = (0, _deferred.Deferred)();
                    this._expandNodes(nodeKeysToExpand.reverse()).always(() => {
                        const $element = this._getNodeElement(node);
                        if (null !== $element && void 0 !== $element && $element.length) {
                            this.scrollToElementTopLeft($element[0]);
                            scrollCallback.resolve()
                        } else {
                            scrollCallback.reject()
                        }
                    });
                    return scrollCallback.promise()
                }
                scrollToElementTopLeft(targetElement) {
                    const scrollable = this.getScrollable();
                    const {
                        scrollDirection: scrollDirection,
                        rtlEnabled: rtlEnabled
                    } = this.option();
                    const targetLocation = {
                        top: 0,
                        left: 0
                    };
                    const relativeOffset = (0, _get_relative_offset.getRelativeOffset)(_consts.SCROLLABLE_CONTENT_CLASS, targetElement);
                    if (scrollDirection !== _consts.DIRECTION_VERTICAL) {
                        const containerElement = (0, _renderer.default)(scrollable.container()).get(0);
                        targetLocation.left = rtlEnabled ? relativeOffset.left + targetElement.offsetWidth - containerElement.clientWidth : relativeOffset.left
                    }
                    if (scrollDirection !== _consts.DIRECTION_HORIZONTAL) {
                        targetLocation.top = relativeOffset.top
                    }
                    scrollable.scrollTo(targetLocation)
                }
                _expandNodes(keysToExpand) {
                    if (!keysToExpand || 0 === keysToExpand.length) {
                        return (0, _deferred.Deferred)().resolve().promise()
                    }
                    const resultCallback = (0, _deferred.Deferred)();
                    const callbacksByNodes = keysToExpand.map(key => this.expandItem(key));
                    _deferred.when.apply(_renderer.default, callbacksByNodes).done(() => resultCallback.resolve()).fail(() => resultCallback.reject());
                    return resultCallback.promise()
                }
                _dispose() {
                    super._dispose();
                    clearTimeout(this._setFocusedItemTimeout);
                    this._allItemsExpandedHandler = null
                }
            }
            exports.default = TreeViewBase
        },
        52192(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.TREEVIEW_CLASS_PREFIX = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _search_box_controller = _interopRequireDefault(__webpack_require__( /*! ../../ui/collection/search_box_controller */ 47843));
            var _m_text_box = _interopRequireDefault(__webpack_require__( /*! ../../ui/text_box/m_text_box */ 85968));
            var _tree_view = _interopRequireDefault(__webpack_require__( /*! ../../ui/tree_view/tree_view.base */ 55785));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const TREEVIEW_CLASS_PREFIX = exports.TREEVIEW_CLASS_PREFIX = "dx-treeview";
            _search_box_controller.default.setEditorClass(_m_text_box.default);
            class TreeViewSearch extends _tree_view.default {
                _getDefaultOptions() {
                    return Object.assign({}, super._getDefaultOptions(), {
                        searchValue: "",
                        searchEnabled: false,
                        searchEditorOptions: {}
                    })
                }
                _getSearchBoxControllerOptions() {
                    const {
                        tabIndex: tabIndex,
                        searchEnabled: searchEnabled,
                        searchValue: searchValue,
                        searchTimeout: searchTimeout,
                        searchEditorOptions: searchEditorOptions
                    } = this.option();
                    return {
                        tabIndex: tabIndex,
                        searchEnabled: searchEnabled,
                        searchValue: searchValue,
                        searchTimeout: searchTimeout,
                        searchEditorOptions: searchEditorOptions,
                        onValueChanged: value => {
                            this.option("searchValue", value)
                        }
                    }
                }
                _init() {
                    this._searchBoxController = new _search_box_controller.default;
                    super._init()
                }
                _initMarkup() {
                    this._searchBoxController.render(TREEVIEW_CLASS_PREFIX, this.$element(), this._getSearchBoxControllerOptions(), this._createComponent.bind(this));
                    super._initMarkup()
                }
                _getAriaTarget() {
                    const {
                        searchEnabled: searchEnabled
                    } = this.option();
                    if (searchEnabled) {
                        return this._itemContainer(true)
                    }
                    return super._getAriaTarget()
                }
                getSearchBoxController() {
                    return this._searchBoxController
                }
                _optionChanged(args) {
                    const {
                        name: name
                    } = args;
                    switch (name) {
                        case "searchEnabled":
                        case "searchEditorOptions":
                            this._invalidate();
                            break;
                        case "searchValue":
                            if (this._showCheckboxes() && this._isRecursiveSelection()) {
                                this._removeSelection()
                            }
                            this._initDataAdapter();
                            this._updateSearch();
                            this._repaintContainer();
                            this.option("focusedElement", null);
                            break;
                        case "searchExpr":
                            this._initDataAdapter();
                            this.repaint();
                            break;
                        case "searchMode": {
                            const {
                                expandNodesRecursive: expandNodesRecursive
                            } = this.option();
                            if (expandNodesRecursive) {
                                this._updateDataAdapter()
                            } else {
                                this._initDataAdapter()
                            }
                            this.repaint();
                            break
                        }
                        case "searchTimeout":
                            break;
                        default:
                            super._optionChanged(args)
                    }
                }
                _updateDataAdapter() {
                    this._setOptionWithoutOptionChange("expandNodesRecursive", false);
                    this._initDataAdapter();
                    this._setOptionWithoutOptionChange("expandNodesRecursive", true)
                }
                _getDataAdapterOptions() {
                    const {
                        searchValue: searchValue = "",
                        searchMode: searchMode = "contains",
                        searchExpr: searchExpr
                    } = this.option();
                    return Object.assign({}, super._getDataAdapterOptions(), {
                        searchValue: searchValue,
                        searchMode: searchMode,
                        searchExpr: searchExpr
                    })
                }
                _getNodeContainer() {
                    return this.$element().find(".dx-treeview-node-container").first()
                }
                _updateSearch() {
                    var _this$_searchBoxContr;
                    const searchBoxControllerOptions = this._getSearchBoxControllerOptions();
                    null === (_this$_searchBoxContr = this._searchBoxController) || void 0 === _this$_searchBoxContr || _this$_searchBoxContr.updateEditorOptions(searchBoxControllerOptions)
                }
                _repaintContainer() {
                    const $container = this._getNodeContainer();
                    let rootNodes = [];
                    if ($container.length) {
                        $container.empty();
                        rootNodes = this._dataAdapter.getRootNodes();
                        this._renderEmptyMessage(rootNodes);
                        this._renderNodes(rootNodes, $container);
                        this._fireContentReadyAction()
                    }
                }
                _updateFocusState(e, isFocused) {
                    if (this.option("searchEnabled")) {
                        this._toggleFocusClass(isFocused, this.$element())
                    }
                    super._updateFocusState(e, isFocused)
                }
                _focusTarget() {
                    const {
                        searchEnabled: searchEnabled
                    } = this.option();
                    return this._itemContainer(searchEnabled)
                }
                focus() {
                    if (!this.option("focusedElement") && this.option("searchEnabled")) {
                        var _this$_searchBoxContr2;
                        null === (_this$_searchBoxContr2 = this._searchBoxController) || void 0 === _this$_searchBoxContr2 || _this$_searchBoxContr2.focus();
                        return
                    }
                    super.focus()
                }
                _cleanItemContainer() {
                    var _this$_searchBoxContr3;
                    null === (_this$_searchBoxContr3 = this._searchBoxController) || void 0 === _this$_searchBoxContr3 || _this$_searchBoxContr3.remove();
                    this.$element().empty()
                }
                _itemContainer(isSearchMode, selectAllEnabled) {
                    const isSelectAllEnabled = selectAllEnabled ?? this._selectAllEnabled();
                    const {
                        items: items = []
                    } = this.option();
                    if (isSelectAllEnabled && items.length) {
                        return this._getNodeContainer()
                    }
                    if (this.getScrollable() && isSearchMode) {
                        return (0, _renderer.default)(this.getScrollable().content())
                    }
                    return super._itemContainer()
                }
                _applyToAllItemContainers(callback) {
                    if (this.getScrollable()) {
                        callback((0, _renderer.default)(this.getScrollable().content()))
                    }
                    const nodeContainer = this._getNodeContainer();
                    if (nodeContainer.length) {
                        callback(nodeContainer)
                    }
                    callback(this.$element())
                }
                _attachClickEvent() {
                    if (this._selectAllEnabled()) {
                        this._applyToAllItemContainers(itemsContainer => {
                            this._detachClickEvent(itemsContainer)
                        })
                    }
                    super._attachClickEvent()
                }
                _attachHoldEvent() {
                    if (this._selectAllEnabled()) {
                        this._applyToAllItemContainers(itemsContainer => {
                            this._detachHoldEvent(itemsContainer)
                        })
                    }
                    super._attachHoldEvent()
                }
                _attachContextMenuEvent() {
                    if (this._selectAllEnabled()) {
                        this._applyToAllItemContainers(itemsContainer => {
                            this._detachContextMenuEvent(itemsContainer)
                        })
                    }
                    super._attachContextMenuEvent()
                }
                _addWidgetClass() {
                    this.$element().addClass(this._widgetClass())
                }
                _cleanAria() {
                    const $element = this.$element();
                    this.setAria({
                        role: null,
                        activedescendant: null
                    }, $element);
                    $element.attr("tabIndex", null)
                }
                _refresh() {
                    var _this$_searchBoxContr4;
                    null === (_this$_searchBoxContr4 = this._searchBoxController) || void 0 === _this$_searchBoxContr4 || _this$_searchBoxContr4.resolveValueChange();
                    super._refresh()
                }
                _clean() {
                    this._cleanAria();
                    super._clean()
                }
                dispose() {
                    var _this$_searchBoxContr5;
                    null === (_this$_searchBoxContr5 = this._searchBoxController) || void 0 === _this$_searchBoxContr5 || _this$_searchBoxContr5.dispose();
                    super.dispose()
                }
            }(0, _component_registrator.default)("dxTreeView", TreeViewSearch);
            exports.default = TreeViewSearch
        },
        67618(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _class = (e = __webpack_require__( /*! ../../../core/class */ 55620), e && e.__esModule ? e : {
                default: e
            });
            var e;
            class DefaultAdapter extends(_class.default.inherit({})) {
                ctor(editor, validator) {
                    this.editor = editor;
                    this.validator = validator;
                    this.validationRequestsCallbacks = [];
                    const handler = args => {
                        this.validationRequestsCallbacks.forEach(item => item(args))
                    };
                    editor.validationRequest.add(handler);
                    editor.on("disposing", () => {
                        editor.validationRequest.remove(handler)
                    })
                }
                getValue() {
                    return this.editor.option("value")
                }
                getCurrentValidationError() {
                    return this.editor.option("validationError")
                }
                bypass() {
                    return this.editor.option("disabled")
                }
                applyValidationResults(params) {
                    this.editor.option({
                        validationErrors: params.brokenRules,
                        validationStatus: params.status
                    })
                }
                reset() {
                    this.editor.clear()
                }
                focus() {
                    this.editor.focus()
                }
            }
            exports.default = DefaultAdapter
        },
        78698(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.memoize = void 0;
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            const compareByReference = (args, lastArgs) => args.length === lastArgs.length && !Object.keys(args).some(key => args[key] !== lastArgs[key]);
            const compareByValue = (args, lastArgs) => (0, _common.equalByValue)(args, lastArgs, {
                maxDepth: 4
            });
            const MEMOIZE_DEFAULT_OPTIONS = {
                compareType: "reference"
            };
            exports.memoize = function(func) {
                let {
                    compareType: compareType
                } = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : MEMOIZE_DEFAULT_OPTIONS;
                let cachedFunc = null;
                return function() {
                    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
                        args[_key2] = arguments[_key2]
                    }
                    if (!cachedFunc) {
                        const firstResult = func(...args);
                        cachedFunc = ((firstArgs, firstResult, originFunc, compareFunc) => {
                            let lastArgs = firstArgs;
                            let lastResult = firstResult;
                            return function() {
                                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
                                    args[_key] = arguments[_key]
                                }
                                const argsEquals = compareFunc(args, lastArgs);
                                if (argsEquals) {
                                    return lastResult
                                }
                                lastArgs = args;
                                lastResult = originFunc(...lastArgs);
                                return lastResult
                            }
                        })(args, firstResult, func, "reference" === compareType ? compareByReference : compareByValue);
                        return firstResult
                    }
                    return cachedFunc(...args)
                }
            }
        },
        24491(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.toMilliseconds = function(value) {
                return timeIntervals[value]
            };
            const timeIntervals = {
                millisecond: 1,
                second: 1e3,
                minute: 6e4,
                hour: 36e5,
                day: 864e5,
                week: 6048e5,
                month: 2592e6,
                quarter: 7776e6,
                year: 31536e6
            }
        },
        39903(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.toNumber = function(attribute) {
                return attribute ? Number(attribute.replace("px", "")) : 0
            }
        },
        20258(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.assertDevExtremeVersion = function(packageName, version) {
                (0, _config2.default)({
                    versionAssertions: [...getAssertedVersions(), {
                        packageName: packageName,
                        version: version
                    }]
                })
            };
            exports.assertedVersionsCompatible = function(currentVersion) {
                const mismatchingVersions = getAssertedVersions().filter(assertedVersion => {
                    return !(versionA = parseVersion(assertedVersion.version), versionB = currentVersion, versionA.major === versionB.major && versionA.minor === versionB.minor && versionA.patch === versionB.patch);
                    var versionA, versionB
                });
                if (mismatchingVersions.length) {
                    _errors.default.log("W0023", (assertedVersionList = [{
                        packageName: "devextreme",
                        version: stringifyVersion(currentVersion)
                    }, ...mismatchingVersions], assertedVersionList.map(assertedVersion => `${assertedVersion.packageName}: ${assertedVersion.version}`).join("\n")));
                    return false
                }
                var assertedVersionList;
                return true
            };
            exports.clearAssertedVersions = function() {};
            exports.getAssertedVersions = getAssertedVersions;
            exports.getPreviousMajorVersion = function(_ref) {
                let {
                    major: major,
                    minor: minor,
                    patch: patch
                } = _ref;
                const previousMajorVersion = 1 === minor ? {
                    major: major - 1,
                    minor: 2,
                    patch: patch
                } : {
                    major: major,
                    minor: minor - 1,
                    patch: patch
                };
                return previousMajorVersion
            };
            exports.parseVersion = parseVersion;
            exports.stringifyVersion = stringifyVersion;
            var _config2 = _interopRequireDefault(__webpack_require__( /*! ../../core/config */ 66636));
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../core/errors */ 87129));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }

            function stringifyVersion(version) {
                const {
                    major: major,
                    minor: minor,
                    patch: patch
                } = version;
                return [major, minor, patch].join(".")
            }

            function parseVersion(version) {
                const [major, minor, patch] = version.split(".").map(Number);
                return {
                    major: major,
                    minor: minor,
                    patch: patch
                }
            }

            function getAssertedVersions() {
                var _config;
                return (null === (_config = (0, _config2.default)()) || void 0 === _config ? void 0 : _config.versionAssertions) ?? []
            }
        },
        42919(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            exports.default = {
                logarithmic: "logarithmic",
                discrete: "discrete",
                numeric: "numeric",
                left: "left",
                right: "right",
                top: "top",
                bottom: "bottom",
                center: "center",
                horizontal: "horizontal",
                vertical: "vertical",
                convertTicksToValues: ticks => (0, _utils.map)(ticks || [], item => item.value),
                validateOverlappingMode: mode => "ignore" === mode || "none" === mode ? mode : "hide",
                getTicksCountInRange(ticks, valueKey, range) {
                    let i = 1;
                    if (ticks.length > 1) {
                        for (; i < ticks.length; i++) {
                            if (Math.abs(ticks[i].coords[valueKey] - ticks[0].coords[valueKey]) >= range) {
                                break
                            }
                        }
                    }
                    return i
                },
                areLabelsOverlap(bBox1, bBox2, spacing, alignment) {
                    const horizontalInverted = bBox1.x > bBox2.x;
                    const verticalInverted = bBox1.y > bBox2.y;
                    let x1 = bBox1.x;
                    let x2 = bBox2.x;
                    const width1 = bBox1.width;
                    const width2 = bBox2.width;
                    if ("left" === alignment) {
                        x1 += width1 / 2;
                        x2 += width2 / 2
                    } else if ("right" === alignment) {
                        x1 -= width1 / 2;
                        x2 -= width2 / 2
                    }
                    const hasHorizontalOverlapping = horizontalInverted ? x2 + width2 + spacing > x1 : x1 + width1 + spacing > x2;
                    const hasVerticalOverlapping = verticalInverted ? bBox2.y + bBox2.height > bBox1.y : bBox1.y + bBox1.height > bBox2.y;
                    return hasHorizontalOverlapping && hasVerticalOverlapping
                }
            }
        },
        9399(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.measureLabels = exports.calculateCanvasMargins = void 0;
            const _max = Math.max;
            exports.calculateCanvasMargins = function(bBoxes, canvas) {
                const cLeft = canvas.left;
                const cTop = canvas.top;
                const cRight = canvas.width - canvas.right;
                const cBottom = canvas.height - canvas.bottom;
                return bBoxes.reduce((margins, bBox) => {
                    if (!bBox || bBox.isEmpty) {
                        return margins
                    }
                    return {
                        left: _max(margins.left, cLeft - bBox.x),
                        top: _max(margins.top, cTop - bBox.y),
                        right: _max(margins.right, bBox.x + bBox.width - cRight),
                        bottom: _max(margins.bottom, bBox.y + bBox.height - cBottom)
                    }
                }, {
                    left: 0,
                    right: 0,
                    top: 0,
                    bottom: 0
                })
            };
            exports.measureLabels = function(items) {
                items.forEach(item => {
                    const label = item.getContentContainer();
                    item.labelBBox = label ? label.getBBox() : {
                        x: 0,
                        y: 0,
                        width: 0,
                        height: 0
                    }
                })
            }
        },
        59142(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Axis = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _math2 = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _format_helper = _interopRequireDefault(__webpack_require__( /*! ../../../format_helper */ 2082));
            var _axes_constants = _interopRequireDefault(__webpack_require__( /*! ../../viz/axes/axes_constants */ 42919));
            var _axes_utils = __webpack_require__( /*! ../../viz/axes/axes_utils */ 9399);
            var _constant_line = _interopRequireDefault(__webpack_require__( /*! ../../viz/axes/constant_line */ 5037));
            var polarMethods = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../viz/axes/polar_axes */ 3664));
            var _smart_formatter = __webpack_require__( /*! ../../viz/axes/smart_formatter */ 97154);
            var _strip = _interopRequireDefault(__webpack_require__( /*! ../../viz/axes/strip */ 33528));
            var _tick = __webpack_require__( /*! ../../viz/axes/tick */ 33565);
            var _tick_generator = __webpack_require__( /*! ../../viz/axes/tick_generator */ 17323);
            var _xy_axes = _interopRequireDefault(__webpack_require__( /*! ../../viz/axes/xy_axes */ 38231));
            var _parse_utils = __webpack_require__( /*! ../../viz/components/parse_utils */ 40650);
            var _utils = __webpack_require__( /*! ../core/utils */ 98013);
            var _range = __webpack_require__( /*! ../translators/range */ 8315);
            var _translator2d = __webpack_require__( /*! ../translators/translator2d */ 50912);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const convertTicksToValues = _axes_constants.default.convertTicksToValues;
            const _math = Math;
            const _abs = _math.abs;
            const _max = _math.max;
            const _min = _math.min;
            const _isArray = Array.isArray;
            const TOP = _axes_constants.default.top;
            const BOTTOM = _axes_constants.default.bottom;
            const LEFT = _axes_constants.default.left;
            const RIGHT = _axes_constants.default.right;
            const CENTER = _axes_constants.default.center;
            const KEEP = "keep";
            const SHIFT = "shift";
            const RESET = "reset";
            const dateIntervals_day = 864e5,
                dateIntervals_week = 6048e5;

            function getTickGenerator(options, incidentOccurred, skipTickGeneration, rangeIsEmpty, adjustDivisionFactor, _ref) {
                var _options$workWeek;
                let {
                    allowNegatives: allowNegatives,
                    linearThreshold: linearThreshold
                } = _ref;
                return (0, _tick_generator.tickGenerator)({
                    axisType: options.type,
                    dataType: options.dataType,
                    logBase: options.logarithmBase,
                    allowNegatives: allowNegatives,
                    linearThreshold: linearThreshold,
                    axisDivisionFactor: adjustDivisionFactor(options.axisDivisionFactor || 50),
                    minorAxisDivisionFactor: adjustDivisionFactor(options.minorAxisDivisionFactor || 15),
                    numberMultipliers: options.numberMultipliers,
                    calculateMinors: options.minorTick.visible || options.minorGrid.visible || options.calculateMinors,
                    allowDecimals: options.allowDecimals,
                    endOnTick: options.endOnTick,
                    incidentOccurred: incidentOccurred,
                    firstDayOfWeek: null === (_options$workWeek = options.workWeek) || void 0 === _options$workWeek ? void 0 : _options$workWeek[0],
                    skipTickGeneration: skipTickGeneration,
                    skipCalculationLimits: options.skipCalculationLimits,
                    generateExtraTick: options.generateExtraTick,
                    minTickInterval: options.minTickInterval,
                    rangeIsEmpty: rangeIsEmpty
                })
            }

            function createMajorTick(axis, renderer, skippedCategory) {
                const options = axis.getOptions();
                return (0, _tick.tick)(axis, renderer, options.tick, options.grid, skippedCategory, false)
            }

            function createMinorTick(axis, renderer) {
                const options = axis.getOptions();
                return (0, _tick.tick)(axis, renderer, options.minorTick, options.minorGrid)
            }

            function createBoundaryTick(axis, renderer, isFirst) {
                const options = axis.getOptions();
                return (0, _tick.tick)(axis, renderer, (0, _extend.extend)({}, options.tick, {
                    visible: options.showCustomBoundaryTicks
                }), options.grid, void 0, false, isFirst ? -1 : 1)
            }

            function callAction(elements, action, actionArgument1, actionArgument2) {
                (elements || []).forEach(e => e[action](actionArgument1, actionArgument2))
            }

            function initTickCoords(ticks) {
                callAction(ticks, "initCoords")
            }

            function drawTickMarks(ticks, options) {
                callAction(ticks, "drawMark", options)
            }

            function drawGrids(ticks, drawLine) {
                callAction(ticks, "drawGrid", drawLine)
            }

            function updateTicksPosition(ticks, options, animate) {
                callAction(ticks, "updateTickPosition", options, animate)
            }

            function updateGridsPosition(ticks, animate) {
                callAction(ticks, "updateGridPosition", animate)
            }

            function cleanUpInvalidTicks(ticks) {
                let i = ticks.length - 1;
                for (i; i >= 0; i--) {
                    if (!removeInvalidTick(ticks, i)) {
                        break
                    }
                }
                for (i = 0; i < ticks.length; i++) {
                    if (removeInvalidTick(ticks, i)) {
                        i--
                    } else {
                        break
                    }
                }
            }

            function removeInvalidTick(ticks, i) {
                if (null === ticks[i].coords.x || null === ticks[i].coords.y) {
                    ticks.splice(i, 1);
                    return true
                }
                return false
            }

            function getOptimalAngle(boxes, labelOpt) {
                const angle = 180 * _math.asin((boxes[0].height + labelOpt.minSpacing) / (boxes[1].x - boxes[0].x)) / _math.PI;
                return angle < 45 ? -45 : -90
            }

            function updateLabels(ticks, step, func) {
                ticks.forEach((tick, index) => {
                    if (tick.getContentContainer()) {
                        if (index % step !== 0) {
                            tick.removeLabel()
                        } else if (func) {
                            func(tick, index)
                        }
                    }
                })
            }

            function getZoomBoundValue(optionValue, dataValue) {
                if (void 0 === optionValue) {
                    return dataValue
                } else if (null === optionValue) {
                    return
                } else {
                    return optionValue
                }
            }
            const Axis = function(renderSettings) {
                this._renderer = renderSettings.renderer;
                this._incidentOccurred = renderSettings.incidentOccurred;
                this._eventTrigger = renderSettings.eventTrigger;
                this._stripsGroup = renderSettings.stripsGroup;
                this._stripLabelAxesGroup = renderSettings.stripLabelAxesGroup;
                this._labelsAxesGroup = renderSettings.labelsAxesGroup;
                this._constantLinesGroup = renderSettings.constantLinesGroup;
                this._scaleBreaksGroup = renderSettings.scaleBreaksGroup;
                this._axesContainerGroup = renderSettings.axesContainerGroup;
                this._gridContainerGroup = renderSettings.gridGroup;
                this._axisCssPrefix = `${renderSettings.widgetClass}-${renderSettings.axisClass?`${renderSettings.axisClass}-`:""}`;
                this._setType(renderSettings.axisType, renderSettings.drawingType);
                this._createAxisGroups();
                this._translator = this._createTranslator();
                this.isArgumentAxis = renderSettings.isArgumentAxis;
                this._viewport = {};
                this._prevDataInfo = {};
                this._firstDrawing = true;
                this._initRange = {};
                this._getTemplate = renderSettings.getTemplate
            };
            exports.Axis = Axis;
            Axis.prototype = {
                constructor: Axis,
                _drawAxis() {
                    const options = this._options;
                    if (!options.visible) {
                        return
                    }
                    this._axisElement = this._createAxisElement();
                    this._updateAxisElementPosition();
                    this._axisElement.attr({
                        "stroke-width": options.width,
                        stroke: options.color,
                        "stroke-opacity": options.opacity
                    }).sharp(this._getSharpParam(true), this.getAxisSharpDirection()).append(this._axisLineGroup)
                },
                _createPathElement(points, attr, sharpDirection) {
                    return this.sharp(this._renderer.path(points, "line").attr(attr), sharpDirection)
                },
                sharp(svgElement) {
                    let sharpDirection = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 1;
                    return svgElement.sharp(this._getSharpParam(), sharpDirection)
                },
                customPositionIsAvailable: () => false,
                getOrthogonalAxis: _common.noop,
                getCustomPosition: _common.noop,
                getCustomBoundaryPosition: _common.noop,
                resolveOverlappingForCustomPositioning: _common.noop,
                hasNonBoundaryPosition: () => false,
                customPositionIsBoundaryOrthogonalAxis: () => false,
                getResolvedBoundaryPosition() {
                    return this.getOptions().position
                },
                getAxisSharpDirection() {
                    const position = this.getResolvedBoundaryPosition();
                    return this.hasNonBoundaryPosition() || position !== BOTTOM && position !== RIGHT ? 1 : -1
                },
                getSharpDirectionByCoords(coords) {
                    const canvas = this._getCanvasStartEnd();
                    const maxCoord = Math.max(canvas.start, canvas.end);
                    return this.getRadius ? 0 : maxCoord !== coords[this._isHorizontal ? "x" : "y"] ? 1 : -1
                },
                _getGridLineDrawer() {
                    const that = this;
                    return function(tick, gridStyle) {
                        const grid = that._getGridPoints(tick.coords);
                        if (grid.points) {
                            return that._createPathElement(grid.points, gridStyle, that.getSharpDirectionByCoords(tick.coords))
                        }
                        return null
                    }
                },
                _getGridPoints(coords) {
                    const isHorizontal = this._isHorizontal;
                    const tickPositionField = isHorizontal ? "x" : "y";
                    const orthogonalPositions = this._orthogonalPositions;
                    const positionFrom = orthogonalPositions.start;
                    const positionTo = orthogonalPositions.end;
                    const borderOptions = this.borderOptions;
                    const canvasStart = isHorizontal ? LEFT : TOP;
                    const canvasEnd = isHorizontal ? RIGHT : BOTTOM;
                    const axisCanvas = this.getCanvas();
                    const canvas = {
                        left: axisCanvas.left,
                        right: axisCanvas.width - axisCanvas.right,
                        top: axisCanvas.top,
                        bottom: axisCanvas.height - axisCanvas.bottom
                    };
                    const firstBorderLinePosition = borderOptions.visible && borderOptions[canvasStart] ? canvas[canvasStart] : void 0;
                    const lastBorderLinePosition = borderOptions.visible && borderOptions[canvasEnd] ? canvas[canvasEnd] : void 0;
                    const minDelta = 4 + firstBorderLinePosition;
                    const maxDelta = lastBorderLinePosition - 4;
                    if (this.areCoordsOutsideAxis(coords) || void 0 === coords[tickPositionField] || coords[tickPositionField] < minDelta || coords[tickPositionField] > maxDelta) {
                        return {
                            points: null
                        }
                    }
                    return {
                        points: isHorizontal ? null !== coords[tickPositionField] ? [coords[tickPositionField], positionFrom, coords[tickPositionField], positionTo] : null : null !== coords[tickPositionField] ? [positionFrom, coords[tickPositionField], positionTo, coords[tickPositionField]] : null
                    }
                },
                _getConstantLinePos(parsedValue, canvasStart, canvasEnd) {
                    const value = this._getTranslatedCoord(parsedValue);
                    if (!(0, _type.isDefined)(value) || value < _min(canvasStart, canvasEnd) || value > _max(canvasStart, canvasEnd)) {
                        return
                    }
                    return value
                },
                _getConstantLineGraphicAttributes(value) {
                    const positionFrom = this._orthogonalPositions.start;
                    const positionTo = this._orthogonalPositions.end;
                    return {
                        points: this._isHorizontal ? [value, positionFrom, value, positionTo] : [positionFrom, value, positionTo, value]
                    }
                },
                _createConstantLine(value, attr) {
                    return this._createPathElement(this._getConstantLineGraphicAttributes(value).points, attr, (coord = value, axisCanvas = this._getCanvasStartEnd(), Math.max(axisCanvas.start, axisCanvas.end) !== coord ? 1 : -1));
                    var coord, axisCanvas
                },
                _drawConstantLineLabelText(text, x, y, _ref2, group) {
                    let {
                        font: font,
                        cssClass: cssClass
                    } = _ref2;
                    return this._renderer.text(text, x, y).css((0, _utils.patchFontOptions)((0, _extend.extend)({}, this._options.label.font, font))).attr({
                        align: "center",
                        class: cssClass
                    }).append(group)
                },
                _drawConstantLineLabels(parsedValue, lineLabelOptions, value, group) {
                    let text = lineLabelOptions.text;
                    const options = this._options;
                    const labelOptions = options.label;
                    this._checkAlignmentConstantLineLabels(lineLabelOptions);
                    text = text ?? this.formatLabel(parsedValue, labelOptions);
                    const coords = this._getConstantLineLabelsCoords(value, lineLabelOptions);
                    return this._drawConstantLineLabelText(text, coords.x, coords.y, lineLabelOptions, group)
                },
                _getStripPos(startValue, endValue, canvasStart, canvasEnd, range) {
                    const isContinuous = !!(range.minVisible || range.maxVisible);
                    const categories = (range.categories || []).reduce((result, cat) => {
                        result.push(cat.valueOf());
                        return result
                    }, []);
                    let start;
                    let end;
                    let swap;
                    let startCategoryIndex;
                    let endCategoryIndex;
                    if (!isContinuous) {
                        if ((0, _type.isDefined)(startValue) && (0, _type.isDefined)(endValue)) {
                            const parsedStartValue = this.parser(startValue);
                            const parsedEndValue = this.parser(endValue);
                            startCategoryIndex = categories.indexOf((null === parsedStartValue || void 0 === parsedStartValue ? void 0 : parsedStartValue.valueOf()) ?? void 0);
                            endCategoryIndex = categories.indexOf((null === parsedEndValue || void 0 === parsedEndValue ? void 0 : parsedEndValue.valueOf()) ?? void 0);
                            if (-1 === startCategoryIndex || -1 === endCategoryIndex) {
                                return {
                                    from: 0,
                                    to: 0,
                                    outOfCanvas: true
                                }
                            }
                            if (startCategoryIndex > endCategoryIndex) {
                                swap = endValue;
                                endValue = startValue;
                                startValue = swap
                            }
                        }
                    }
                    if ((0, _type.isDefined)(startValue)) {
                        startValue = this.validateUnit(startValue, "E2105", "strip");
                        start = this._getTranslatedCoord(startValue, -1)
                    } else {
                        start = canvasStart
                    }
                    if ((0, _type.isDefined)(endValue)) {
                        endValue = this.validateUnit(endValue, "E2105", "strip");
                        end = this._getTranslatedCoord(endValue, 1)
                    } else {
                        end = canvasEnd
                    }
                    const stripPosition = start < end ? {
                        from: start,
                        to: end
                    } : {
                        from: end,
                        to: start
                    };
                    const visibleArea = this.getVisibleArea();
                    if (stripPosition.from <= visibleArea[0] && stripPosition.to <= visibleArea[0] || stripPosition.from >= visibleArea[1] && stripPosition.to >= visibleArea[1]) {
                        stripPosition.outOfCanvas = true
                    }
                    return stripPosition
                },
                _getStripGraphicAttributes(fromPoint, toPoint) {
                    let x;
                    let y;
                    let width;
                    let height;
                    const orthogonalPositions = this._orthogonalPositions;
                    const positionFrom = orthogonalPositions.start;
                    const positionTo = orthogonalPositions.end;
                    if (this._isHorizontal) {
                        x = fromPoint;
                        y = _min(positionFrom, positionTo);
                        width = toPoint - fromPoint;
                        height = _abs(positionFrom - positionTo)
                    } else {
                        x = _min(positionFrom, positionTo);
                        y = fromPoint;
                        width = _abs(positionFrom - positionTo);
                        height = _abs(fromPoint - toPoint)
                    }
                    return {
                        x: x,
                        y: y,
                        width: width,
                        height: height
                    }
                },
                _createStrip(attrs) {
                    return this._renderer.rect(attrs.x, attrs.y, attrs.width, attrs.height)
                },
                _adjustStripLabels() {
                    const that = this;
                    this._strips.forEach(strip => {
                        if (strip.label) {
                            strip.label.attr(that._getAdjustedStripLabelCoords(strip))
                        }
                    })
                },
                _adjustLabelsCoord(offset, maxWidth, checkCanvas) {
                    const getContainerAttrs = tick => this._getLabelAdjustedCoord(tick, offset + (tick.labelOffset || 0), maxWidth, checkCanvas);
                    this._majorTicks.forEach(tick => {
                        if (tick.label) {
                            tick.updateMultilineTextAlignment();
                            tick.label.attr(getContainerAttrs(tick))
                        } else {
                            tick.templateContainer && tick.templateContainer.attr(getContainerAttrs(tick))
                        }
                    })
                },
                _adjustLabels(offset) {
                    const options = this.getOptions();
                    const positionsAreConsistent = options.position === options.label.position;
                    const maxSize = this._majorTicks.reduce((size, tick) => {
                        if (!tick.getContentContainer()) {
                            return size
                        }
                        const bBox = tick.labelRotationAngle ? (0, _utils.rotateBBox)(tick.labelBBox, [tick.labelCoords.x, tick.labelCoords.y], -tick.labelRotationAngle) : tick.labelBBox;
                        return {
                            width: _max(size.width || 0, bBox.width),
                            height: _max(size.height || 0, bBox.height),
                            offset: _max(size.offset || 0, tick.labelOffset || 0)
                        }
                    }, {});
                    const additionalOffset = positionsAreConsistent ? this._isHorizontal ? maxSize.height : maxSize.width : 0;
                    this._adjustLabelsCoord(offset, maxSize.width);
                    return offset + additionalOffset + (additionalOffset && this._options.label.indentFromAxis) + (positionsAreConsistent ? maxSize.offset : 0)
                },
                _getLabelAdjustedCoord(tick, offset, maxWidth) {
                    offset = offset || 0;
                    const options = this._options;
                    const templateBox = tick.templateContainer && tick.templateContainer.getBBox();
                    const box = templateBox || (0, _utils.rotateBBox)(tick.labelBBox, [tick.labelCoords.x, tick.labelCoords.y], -tick.labelRotationAngle || 0);
                    const textAlign = tick.labelAlignment || options.label.alignment;
                    const isDiscrete = "discrete" === this._options.type;
                    const isFlatLabel = tick.labelRotationAngle % 90 === 0;
                    const indentFromAxis = options.label.indentFromAxis;
                    const labelPosition = options.label.position;
                    const axisPosition = this._axisPosition;
                    const labelCoords = tick.labelCoords;
                    const labelX = labelCoords.x;
                    let translateX;
                    let translateY;
                    if (this._isHorizontal) {
                        if (labelPosition === BOTTOM) {
                            translateY = axisPosition + indentFromAxis - box.y + offset
                        } else {
                            translateY = axisPosition - indentFromAxis - (box.y + box.height) - offset
                        }
                        if (textAlign === RIGHT) {
                            translateX = isDiscrete && isFlatLabel ? tick.coords.x - (box.x + box.width) : labelX - box.x - box.width
                        } else if (textAlign === LEFT) {
                            translateX = isDiscrete && isFlatLabel ? labelX - box.x - (tick.coords.x - labelX) : labelX - box.x
                        } else {
                            translateX = labelX - box.x - box.width / 2
                        }
                    } else {
                        translateY = labelCoords.y - box.y - box.height / 2;
                        if (labelPosition === LEFT) {
                            if (textAlign === LEFT) {
                                translateX = axisPosition - indentFromAxis - maxWidth - box.x
                            } else if (textAlign === CENTER) {
                                translateX = axisPosition - indentFromAxis - maxWidth / 2 - box.x - box.width / 2
                            } else {
                                translateX = axisPosition - indentFromAxis - box.x - box.width
                            }
                            translateX -= offset
                        } else {
                            if (textAlign === RIGHT) {
                                translateX = axisPosition + indentFromAxis + maxWidth - box.x - box.width
                            } else if (textAlign === CENTER) {
                                translateX = axisPosition + indentFromAxis + maxWidth / 2 - box.x - box.width / 2
                            } else {
                                translateX = axisPosition + indentFromAxis - box.x
                            }
                            translateX += offset
                        }
                    }
                    return {
                        translateX: translateX,
                        translateY: translateY
                    }
                },
                _createAxisConstantLineGroups() {
                    const renderer = this._renderer;
                    const classSelector = this._axisCssPrefix;
                    const constantLinesClass = `${classSelector}constant-lines`;
                    const insideGroup = renderer.g().attr({
                        class: constantLinesClass
                    });
                    const outsideGroup1 = renderer.g().attr({
                        class: constantLinesClass
                    });
                    const outsideGroup2 = renderer.g().attr({
                        class: constantLinesClass
                    });
                    return {
                        inside: insideGroup,
                        outside1: outsideGroup1,
                        left: outsideGroup1,
                        top: outsideGroup1,
                        outside2: outsideGroup2,
                        right: outsideGroup2,
                        bottom: outsideGroup2,
                        remove() {
                            this.inside.remove();
                            this.outside1.remove();
                            this.outside2.remove()
                        },
                        clear() {
                            this.inside.clear();
                            this.outside1.clear();
                            this.outside2.clear()
                        }
                    }
                },
                _createAxisGroups() {
                    const renderer = this._renderer;
                    const classSelector = this._axisCssPrefix;
                    this._axisGroup = renderer.g().attr({
                        class: `${classSelector}axis`
                    }).enableLinks();
                    this._axisStripGroup = renderer.g().attr({
                        class: `${classSelector}strips`
                    });
                    this._axisGridGroup = renderer.g().attr({
                        class: `${classSelector}grid`
                    });
                    this._axisElementsGroup = renderer.g().attr({
                        class: `${classSelector}elements`
                    });
                    this._axisLineGroup = renderer.g().attr({
                        class: `${classSelector}line`
                    }).linkOn(this._axisGroup, "axisLine").linkAppend();
                    this._axisTitleGroup = renderer.g().attr({
                        class: `${classSelector}title`
                    }).append(this._axisGroup);
                    this._axisConstantLineGroups = {
                        above: this._createAxisConstantLineGroups(),
                        under: this._createAxisConstantLineGroups()
                    };
                    this._axisStripLabelGroup = renderer.g().attr({
                        class: `${classSelector}axis-labels`
                    })
                },
                _clearAxisGroups() {
                    const that = this;
                    that._axisGroup.remove();
                    that._axisStripGroup.remove();
                    that._axisStripLabelGroup.remove();
                    that._axisConstantLineGroups.above.remove();
                    that._axisConstantLineGroups.under.remove();
                    that._axisGridGroup.remove();
                    that._axisTitleGroup.clear();
                    if (!that._options.label.template || !that.isRendered()) {
                        that._axisElementsGroup.remove();
                        that._axisElementsGroup.clear()
                    }
                    that._axisLineGroup && that._axisLineGroup.clear();
                    that._axisStripGroup && that._axisStripGroup.clear();
                    that._axisGridGroup && that._axisGridGroup.clear();
                    that._axisConstantLineGroups.above.clear();
                    that._axisConstantLineGroups.under.clear();
                    that._axisStripLabelGroup && that._axisStripLabelGroup.clear()
                },
                _getLabelFormatObject(value, labelOptions, range, point, tickInterval, ticks) {
                    range = range || this._getViewportRange();
                    const formatObject = {
                        value: value,
                        valueText: (0, _smart_formatter.smartFormatter)(value, {
                            labelOptions: labelOptions,
                            ticks: ticks || convertTicksToValues(this._majorTicks),
                            tickInterval: tickInterval ?? this._tickInterval,
                            dataType: this._options.dataType,
                            logarithmBase: this._options.logarithmBase,
                            type: this._options.type,
                            showTransition: !this._options.marker.visible,
                            point: point
                        }) || "",
                        min: range.minVisible,
                        max: range.maxVisible
                    };
                    if (point) {
                        formatObject.point = point
                    }
                    return formatObject
                },
                formatLabel(value, labelOptions, range, point, tickInterval, ticks) {
                    const formatObject = this._getLabelFormatObject(value, labelOptions, range, point, tickInterval, ticks);
                    return (0, _type.isFunction)(labelOptions.customizeText) ? labelOptions.customizeText.call(formatObject, formatObject) : formatObject.valueText
                },
                formatHint(value, labelOptions, range) {
                    const formatObject = this._getLabelFormatObject(value, labelOptions, range);
                    return (0, _type.isFunction)(labelOptions.customizeHint) ? labelOptions.customizeHint.call(formatObject, formatObject) : void 0
                },
                formatRange(startValue, endValue, interval, argumentFormat) {
                    return (0, _smart_formatter.formatRange)({
                        startValue: startValue,
                        endValue: endValue,
                        tickInterval: interval,
                        argumentFormat: argumentFormat,
                        axisOptions: this.getOptions()
                    })
                },
                _setTickOffset() {
                    const options = this._options;
                    const discreteAxisDivisionMode = options.discreteAxisDivisionMode;
                    this._tickOffset = +("crossLabels" !== discreteAxisDivisionMode || !discreteAxisDivisionMode)
                },
                aggregatedPointBetweenTicks() {
                    return "crossTicks" === this._options.aggregatedPointsPosition
                },
                resetApplyingAnimation(isFirstDrawing) {
                    this._resetApplyingAnimation = true;
                    if (isFirstDrawing) {
                        this._firstDrawing = true
                    }
                },
                isFirstDrawing() {
                    return this._firstDrawing
                },
                getMargins() {
                    const that = this;
                    const {
                        position: position,
                        offset: offset,
                        customPosition: customPosition,
                        placeholderSize: placeholderSize,
                        grid: grid,
                        tick: tick,
                        crosshairMargin: crosshairMargin
                    } = that._options;
                    const isDefinedCustomPositionOption = (0, _type.isDefined)(customPosition);
                    const boundaryPosition = that.getResolvedBoundaryPosition();
                    const canvas = that.getCanvas();
                    const cLeft = canvas.left;
                    const cTop = canvas.top;
                    const cRight = canvas.width - canvas.right;
                    const cBottom = canvas.height - canvas.bottom;
                    const edgeMarginCorrection = _max(grid.visible && grid.width || 0, tick.visible && tick.width || 0);
                    const constantLineAboveSeries = that._axisConstantLineGroups.above;
                    const constantLineUnderSeries = that._axisConstantLineGroups.under;
                    const boxes = [that._axisElementsGroup, constantLineAboveSeries.outside1, constantLineAboveSeries.outside2, constantLineUnderSeries.outside1, constantLineUnderSeries.outside2, that._axisLineGroup].map(group => group && group.getBBox()).concat(function(group) {
                        const box = group && group.getBBox();
                        if (!box || box.isEmpty) {
                            return box
                        }
                        if (that._isHorizontal) {
                            box.x = cLeft;
                            box.width = cRight - cLeft
                        } else {
                            box.y = cTop;
                            box.height = cBottom - cTop
                        }
                        return box
                    }(that._axisTitleGroup));
                    const margins = (0, _axes_utils.calculateCanvasMargins)(boxes, canvas);
                    margins[position] += crosshairMargin;
                    if (that.hasNonBoundaryPosition() && isDefinedCustomPositionOption) {
                        margins[boundaryPosition] = 0
                    }
                    if (placeholderSize) {
                        margins[position] = placeholderSize
                    }
                    if (edgeMarginCorrection) {
                        if (that._isHorizontal && canvas.right < edgeMarginCorrection && margins.right < edgeMarginCorrection) {
                            margins.right = edgeMarginCorrection
                        }
                        if (!that._isHorizontal && canvas.bottom < edgeMarginCorrection && margins.bottom < edgeMarginCorrection) {
                            margins.bottom = edgeMarginCorrection
                        }
                    }
                    if (!isDefinedCustomPositionOption && (0, _type.isDefined)(offset)) {
                        const moveByOffset = that.customPositionIsBoundary() && (offset > 0 && (boundaryPosition === LEFT || boundaryPosition === TOP) || offset < 0 && (boundaryPosition === RIGHT || boundaryPosition === BOTTOM));
                        margins[boundaryPosition] -= moveByOffset ? offset : 0
                    }
                    return margins
                },
                validateUnit(unit, idError, parameters) {
                    const that = this;
                    unit = that.parser(unit);
                    if (void 0 === unit && idError) {
                        that._incidentOccurred(idError, [parameters])
                    }
                    return unit
                },
                _setType(axisType, drawingType) {
                    let axisTypeMethods;
                    switch (axisType) {
                        case "xyAxes":
                            axisTypeMethods = _xy_axes.default;
                            break;
                        case "polarAxes":
                            axisTypeMethods = polarMethods
                    }(0, _extend.extend)(this, axisTypeMethods[drawingType])
                },
                _getSharpParam: () => true,
                _disposeBreaksGroup: _common.noop,
                dispose() {
                    [this._axisElementsGroup, this._axisStripGroup, this._axisGroup].forEach(g => {
                        g.dispose()
                    });
                    this._strips = this._title = null;
                    this._axisStripGroup = this._axisConstantLineGroups = this._axisStripLabelGroup = this._axisBreaksGroup = null;
                    this._axisLineGroup = this._axisElementsGroup = this._axisGridGroup = null;
                    this._axisGroup = this._axisTitleGroup = null;
                    this._axesContainerGroup = this._stripsGroup = this._constantLinesGroup = this._labelsAxesGroup = null;
                    this._renderer = this._options = this._textOptions = this._textFontStyles = null;
                    this._translator = null;
                    this._majorTicks = this._minorTicks = null;
                    this._disposeBreaksGroup();
                    this._templatesRendered && this._templatesRendered.reject()
                },
                getOptions() {
                    return this._options
                },
                setPane(pane) {
                    this.pane = pane;
                    this._options.pane = pane
                },
                setTypes(type, axisType, typeSelector) {
                    this._options.type = type || this._options.type;
                    this._options[typeSelector] = axisType || this._options[typeSelector];
                    this._updateTranslator()
                },
                resetTypes(typeSelector) {
                    this._options.type = this._initTypes.type;
                    this._options[typeSelector] = this._initTypes[typeSelector]
                },
                getTranslator() {
                    return this._translator
                },
                updateOptions(options) {
                    const that = this;
                    const labelOpt = options.label;
                    ! function(options) {
                        const labelOptions = options.label;
                        let position = options.position;
                        const defaultPosition = options.isHorizontal ? BOTTOM : LEFT;
                        const secondaryPosition = options.isHorizontal ? TOP : RIGHT;
                        let labelPosition = labelOptions.position;
                        if (position !== defaultPosition && position !== secondaryPosition) {
                            position = defaultPosition
                        }
                        if (!labelPosition || "outside" === labelPosition) {
                            labelPosition = position
                        } else if ("inside" === labelPosition) {
                            labelPosition = {
                                [TOP]: BOTTOM,
                                [BOTTOM]: TOP,
                                [LEFT]: RIGHT,
                                [RIGHT]: LEFT
                            } [position]
                        }
                        if (labelPosition !== defaultPosition && labelPosition !== secondaryPosition) {
                            labelPosition = position
                        }
                        if (labelOptions.alignment !== CENTER && !labelOptions.userAlignment) {
                            labelOptions.alignment = {
                                [TOP]: CENTER,
                                [BOTTOM]: CENTER,
                                [LEFT]: RIGHT,
                                [RIGHT]: LEFT
                            } [labelPosition]
                        }
                        options.position = position;
                        labelOptions.position = labelPosition;
                        options.hoverMode = options.hoverMode ? options.hoverMode.toLowerCase() : "none";
                        labelOptions.minSpacing = labelOptions.minSpacing ?? 5;
                        options.type && (options.type = options.type.toLowerCase());
                        options.argumentType && (options.argumentType = options.argumentType.toLowerCase());
                        options.valueType && (options.valueType = options.valueType.toLowerCase())
                    }(options);
                    that._options = options;
                    options.tick = options.tick || {};
                    options.minorTick = options.minorTick || {};
                    options.grid = options.grid || {};
                    options.minorGrid = options.minorGrid || {};
                    options.title = options.title || {};
                    options.marker = options.marker || {};
                    that._initTypes = {
                        type: options.type,
                        argumentType: options.argumentType,
                        valueType: options.valueType
                    };
                    that._setTickOffset();
                    that._isHorizontal = options.isHorizontal;
                    that.pane = options.pane;
                    that.name = options.name;
                    that.priority = options.priority;
                    that._hasLabelFormat = "" !== labelOpt.format && (0, _type.isDefined)(labelOpt.format);
                    that._textOptions = {
                        opacity: labelOpt.opacity,
                        align: "center",
                        class: labelOpt.cssClass
                    };
                    that._textFontStyles = (0, _utils.patchFontOptions)(labelOpt.font);
                    if (options.type === _axes_constants.default.logarithmic) {
                        if (options.logarithmBaseError) {
                            that._incidentOccurred("E2104");
                            delete options.logarithmBaseError
                        }
                    }
                    that._updateTranslator();
                    that._createConstantLines();
                    that._strips = (options.strips || []).map(o => (0, _strip.default)(that, o));
                    that._majorTicks = that._minorTicks = null;
                    that._firstDrawing = true
                },
                calculateInterval(value, prevValue) {
                    const options = this._options;
                    if (!options || options.type !== _axes_constants.default.logarithmic) {
                        return _abs(value - prevValue)
                    }
                    const {
                        allowNegatives: allowNegatives,
                        linearThreshold: linearThreshold
                    } = new _range.Range(this.getTranslator().getBusinessRange());
                    return _abs((0, _utils.getLogExt)(value, options.logarithmBase, allowNegatives, linearThreshold) - (0, _utils.getLogExt)(prevValue, options.logarithmBase, allowNegatives, linearThreshold))
                },
                getCanvasRange() {
                    const translator = this._translator;
                    return {
                        startValue: translator.from(translator.translate("canvas_position_start")),
                        endValue: translator.from(translator.translate("canvas_position_end"))
                    }
                },
                _processCanvas: canvas => canvas,
                updateCanvas(canvas, canvasRedesign) {
                    if (!canvasRedesign) {
                        const positions = this._orthogonalPositions = {
                            start: !this._isHorizontal ? canvas.left : canvas.top,
                            end: !this._isHorizontal ? canvas.width - canvas.right : canvas.height - canvas.bottom
                        };
                        positions.center = positions.start + (positions.end - positions.start) / 2
                    } else {
                        this._orthogonalPositions = null
                    }
                    this._canvas = canvas;
                    this._translator.updateCanvas(this._processCanvas(canvas));
                    this._initAxisPositions()
                },
                getCanvas() {
                    return this._canvas
                },
                getAxisShift() {
                    return this._axisShift || 0
                },
                hideTitle() {
                    const that = this;
                    if (that._options.title.text) {
                        that._incidentOccurred("W2105", [that._isHorizontal ? "horizontal" : "vertical"]);
                        that._axisTitleGroup.clear()
                    }
                },
                getTitle() {
                    return this._title
                },
                hideOuterElements() {
                    const that = this;
                    const options = that._options;
                    if ((options.label.visible || that._outsideConstantLines.length) && !that._translator.getBusinessRange().isEmpty()) {
                        that._incidentOccurred("W2106", [that._isHorizontal ? "horizontal" : "vertical"]);
                        that._axisElementsGroup.clear();
                        callAction(that._outsideConstantLines, "removeLabel")
                    }
                },
                _resolveLogarithmicOptionsForRange(range) {
                    const options = this._options;
                    if (options.type === _axes_constants.default.logarithmic) {
                        range.addRange({
                            allowNegatives: void 0 !== options.allowNegatives ? options.allowNegatives : range.min <= 0
                        });
                        if (!isNaN(options.linearThreshold)) {
                            range.linearThreshold = options.linearThreshold
                        }
                    }
                },
                adjustViewport(businessRange) {
                    const options = this._options;
                    const isDiscrete = options.type === _axes_constants.default.discrete;
                    let categories = this._seriesData && this._seriesData.categories || [];
                    const wholeRange = this.adjustRange((0, _utils.getVizRangeObject)(options.wholeRange));
                    const visualRange = this.getViewport() || {};
                    const result = new _range.Range(businessRange);
                    this._addConstantLinesToRange(result);
                    let minDefined = (0, _type.isDefined)(visualRange.startValue);
                    let maxDefined = (0, _type.isDefined)(visualRange.endValue);
                    if (!isDiscrete) {
                        minDefined = minDefined && (!(0, _type.isDefined)(wholeRange.endValue) || visualRange.startValue < wholeRange.endValue);
                        maxDefined = maxDefined && (!(0, _type.isDefined)(wholeRange.startValue) || visualRange.endValue > wholeRange.startValue)
                    }
                    const minVisible = minDefined ? visualRange.startValue : result.minVisible;
                    const maxVisible = maxDefined ? visualRange.endValue : result.maxVisible;
                    if (!isDiscrete) {
                        result.min = wholeRange.startValue ?? result.min;
                        result.max = wholeRange.endValue ?? result.max
                    } else {
                        const categoriesInfo = (0, _utils.getCategoriesInfo)(categories, wholeRange.startValue, wholeRange.endValue);
                        categories = categoriesInfo.categories;
                        result.categories = categories
                    }
                    const adjustedVisualRange = (0, _utils.adjustVisualRange)({
                        axisType: options.type,
                        dataType: options.dataType,
                        base: options.logarithmBase
                    }, {
                        startValue: minDefined ? visualRange.startValue : void 0,
                        endValue: maxDefined ? visualRange.endValue : void 0,
                        length: visualRange.length
                    }, {
                        categories: categories,
                        min: wholeRange.startValue,
                        max: wholeRange.endValue
                    }, {
                        categories: categories,
                        min: minVisible,
                        max: maxVisible
                    });
                    result.minVisible = adjustedVisualRange.startValue;
                    result.maxVisible = adjustedVisualRange.endValue;
                    !(0, _type.isDefined)(result.min) && (result.min = result.minVisible);
                    !(0, _type.isDefined)(result.max) && (result.max = result.maxVisible);
                    result.addRange({});
                    this._resolveLogarithmicOptionsForRange(result);
                    return result
                },
                adjustRange(range) {
                    range = range || {};
                    const isDiscrete = this._options.type === _axes_constants.default.discrete;
                    const isLogarithmic = this._options.type === _axes_constants.default.logarithmic;
                    const disabledNegatives = false === this._options.allowNegatives;
                    if (isLogarithmic) {
                        range.startValue = disabledNegatives && range.startValue <= 0 ? null : range.startValue;
                        range.endValue = disabledNegatives && range.endValue <= 0 ? null : range.endValue
                    }
                    if (!isDiscrete && (0, _type.isDefined)(range.startValue) && (0, _type.isDefined)(range.endValue) && range.startValue > range.endValue) {
                        const tmp = range.endValue;
                        range.endValue = range.startValue;
                        range.startValue = tmp
                    }
                    return range
                },
                _getVisualRangeUpdateMode(viewport, newRange, oppositeValue) {
                    let value = this._options.visualRangeUpdateMode;
                    const translator = this._translator;
                    const range = this._seriesData;
                    const prevDataInfo = this._prevDataInfo;
                    if (prevDataInfo.isEmpty && !prevDataInfo.containsConstantLine) {
                        return KEEP
                    }
                    if (!this.isArgumentAxis) {
                        const viewport = this.getViewport();
                        const isViewportNotDefined = !(0, _type.isDefined)(viewport.startValue) && !(0, _type.isDefined)(viewport.endValue) && !(0, _type.isDefined)(viewport.length);
                        if (isViewportNotDefined) {
                            const visualRange = this.visualRange();
                            const isVisualRangeNotDefined = !(0, _type.isDefined)(visualRange.startValue) && !(0, _type.isDefined)(visualRange.endValue);
                            if (isVisualRangeNotDefined) {
                                return RESET
                            }
                        }
                    }
                    if (this.isArgumentAxis) {
                        if (![SHIFT, KEEP, RESET].includes(value)) {
                            if (range.axisType === _axes_constants.default.discrete) {
                                const categories = range.categories;
                                const newCategories = newRange.categories;
                                const visualRange = this.visualRange();
                                if (categories && newCategories && categories.length && -1 !== newCategories.map(c => c.valueOf()).join(",").indexOf(categories.map(c => c.valueOf()).join(",")) && (visualRange.startValue.valueOf() !== categories[0].valueOf() || visualRange.endValue.valueOf() !== categories[categories.length - 1].valueOf())) {
                                    value = KEEP
                                } else {
                                    value = RESET
                                }
                            } else {
                                const minPoint = translator.translate(range.min);
                                const minVisiblePoint = translator.translate(viewport.startValue);
                                const maxPoint = translator.translate(range.max);
                                const maxVisiblePoint = translator.translate(viewport.endValue);
                                if (minPoint === minVisiblePoint && maxPoint === maxVisiblePoint) {
                                    value = RESET
                                } else if (minPoint !== minVisiblePoint && maxPoint === maxVisiblePoint) {
                                    value = SHIFT
                                } else {
                                    value = KEEP
                                }
                            }
                            if (value === KEEP && prevDataInfo.isEmpty && prevDataInfo.containsConstantLine) {
                                value = RESET
                            }
                        }
                    } else if (![KEEP, RESET].includes(value)) {
                        if (oppositeValue === KEEP) {
                            value = KEEP
                        } else {
                            value = RESET
                        }
                    }
                    return value
                },
                _handleBusinessRangeChanged(oppositeVisualRangeUpdateMode, axisReinitialized, newRange) {
                    const that = this;
                    const visualRange = this.visualRange();
                    if (axisReinitialized || that._translator.getBusinessRange().isEmpty()) {
                        return
                    }
                    const visualRangeUpdateMode = that._lastVisualRangeUpdateMode = that._getVisualRangeUpdateMode(visualRange, newRange, oppositeVisualRangeUpdateMode);
                    if (visualRangeUpdateMode === KEEP) {
                        that._setVisualRange([visualRange.startValue, visualRange.endValue])
                    } else if (visualRangeUpdateMode === RESET) {
                        that._setVisualRange([null, null])
                    } else if (visualRangeUpdateMode === SHIFT) {
                        that._setVisualRange({
                            length: that.getVisualRangeLength()
                        })
                    }
                },
                getVisualRangeLength(range) {
                    const currentBusinessRange = range || this._translator.getBusinessRange();
                    const {
                        type: type
                    } = this._options;
                    let length;
                    if (type === _axes_constants.default.logarithmic) {
                        length = (0, _math2.adjust)(this.calculateInterval(currentBusinessRange.maxVisible, currentBusinessRange.minVisible))
                    } else if (type === _axes_constants.default.discrete) {
                        const categoriesInfo = (0, _utils.getCategoriesInfo)(currentBusinessRange.categories, currentBusinessRange.minVisible, currentBusinessRange.maxVisible);
                        length = categoriesInfo.categories.length
                    } else {
                        length = currentBusinessRange.maxVisible - currentBusinessRange.minVisible
                    }
                    return length
                },
                getVisualRangeCenter(range, useMerge) {
                    const translator = this.getTranslator();
                    const businessRange = translator.getBusinessRange();
                    const currentBusinessRange = useMerge ? (0, _extend.extend)(true, {}, businessRange, range || {}) : range || businessRange;
                    const {
                        type: type,
                        logarithmBase: logarithmBase
                    } = this._options;
                    let center;
                    if (!(0, _type.isDefined)(currentBusinessRange.minVisible) || !(0, _type.isDefined)(currentBusinessRange.maxVisible)) {
                        return
                    }
                    if (type === _axes_constants.default.logarithmic) {
                        const {
                            allowNegatives: allowNegatives,
                            linearThreshold: linearThreshold,
                            minVisible: minVisible,
                            maxVisible: maxVisible
                        } = currentBusinessRange;
                        center = (0, _utils.raiseToExt)((0, _math2.adjust)((0, _utils.getLogExt)(maxVisible, logarithmBase, allowNegatives, linearThreshold) + (0, _utils.getLogExt)(minVisible, logarithmBase, allowNegatives, linearThreshold)) / 2, logarithmBase, allowNegatives, linearThreshold)
                    } else if (type === _axes_constants.default.discrete) {
                        const categoriesInfo = (0, _utils.getCategoriesInfo)(currentBusinessRange.categories, currentBusinessRange.minVisible, currentBusinessRange.maxVisible);
                        const index = Math.ceil(categoriesInfo.categories.length / 2) - 1;
                        center = businessRange.categories.indexOf(categoriesInfo.categories[index])
                    } else {
                        center = translator.toValue((currentBusinessRange.maxVisible.valueOf() + currentBusinessRange.minVisible.valueOf()) / 2)
                    }
                    return center
                },
                setBusinessRange(range, axisReinitialized, oppositeVisualRangeUpdateMode, argCategories) {
                    const that = this;
                    const options = that._options;
                    const isDiscrete = options.type === _axes_constants.default.discrete;
                    that._handleBusinessRangeChanged(oppositeVisualRangeUpdateMode, axisReinitialized, range);
                    that._seriesData = new _range.Range(range);
                    const dataIsEmpty = that._seriesData.isEmpty();
                    const rangeWithConstantLines = new _range.Range(that._seriesData);
                    that._addConstantLinesToRange(rangeWithConstantLines);
                    that._prevDataInfo = {
                        isEmpty: dataIsEmpty,
                        containsConstantLine: rangeWithConstantLines.containsConstantLine
                    };
                    that._seriesData.addRange({
                        categories: options.categories,
                        dataType: options.dataType,
                        axisType: options.type,
                        base: options.logarithmBase,
                        invert: options.inverted
                    });
                    that._resolveLogarithmicOptionsForRange(that._seriesData);
                    if (!isDiscrete) {
                        if (!(0, _type.isDefined)(that._seriesData.min) && !(0, _type.isDefined)(that._seriesData.max)) {
                            const visualRange = that.getViewport();
                            visualRange && that._seriesData.addRange({
                                min: visualRange.startValue,
                                max: visualRange.endValue
                            })
                        }
                        const synchronizedValue = options.synchronizedValue;
                        if ((0, _type.isDefined)(synchronizedValue)) {
                            that._seriesData.addRange({
                                min: synchronizedValue,
                                max: synchronizedValue
                            })
                        }
                    }
                    that._seriesData.minVisible = that._seriesData.minVisible ?? that._seriesData.min;
                    that._seriesData.maxVisible = that._seriesData.maxVisible ?? that._seriesData.max;
                    if (!that.isArgumentAxis && options.showZero) {
                        that._seriesData.correctValueZeroLevel()
                    }
                    that._seriesData.sortCategories(that.getCategoriesSorter(argCategories));
                    that._seriesData.userBreaks = that._seriesData.isEmpty() ? [] : that._getScaleBreaks(options, that._seriesData, that._series, that.isArgumentAxis);
                    that._translator.updateBusinessRange(that._getViewportRange())
                },
                _addConstantLinesToRange(dataRange) {
                    this._outsideConstantLines.concat(this._insideConstantLines || []).forEach(cl => {
                        if (cl.options.extendAxis) {
                            const value = cl.getParsedValue();
                            dataRange.addRange({
                                containsConstantLine: true,
                                minVisible: value,
                                maxVisible: value,
                                min: !(0, _type.isDefined)(dataRange.min) ? value : dataRange.min,
                                max: !(0, _type.isDefined)(dataRange.max) ? value : dataRange.max
                            })
                        }
                    })
                },
                setGroupSeries(series) {
                    this._series = series
                },
                getLabelsPosition() {
                    const options = this._options;
                    const position = options.position;
                    const labelShift = options.label.indentFromAxis + (this._axisShift || 0) + this._constantLabelOffset;
                    const axisPosition = this._axisPosition;
                    return position === TOP || position === LEFT ? axisPosition - labelShift : axisPosition + labelShift
                },
                getFormattedValue(value, options, point) {
                    const labelOptions = this._options.label;
                    return (0, _type.isDefined)(value) ? this.formatLabel(value, (0, _extend.extend)(true, {}, labelOptions, options), void 0, point) : null
                },
                _getBoundaryTicks(majors, viewPort) {
                    const that = this;
                    const length = majors.length;
                    const options = that._options;
                    const customBounds = options.customBoundTicks;
                    const min = viewPort.minVisible;
                    const max = viewPort.maxVisible;
                    const addMinMax = options.showCustomBoundaryTicks ? that._boundaryTicksVisibility : {};
                    let boundaryTicks = [];
                    if (options.type === _axes_constants.default.discrete) {
                        if (that._tickOffset && 0 !== majors.length) {
                            boundaryTicks = [majors[0], majors[majors.length - 1]]
                        }
                    } else if (customBounds) {
                        if (addMinMax.min && (0, _type.isDefined)(customBounds[0])) {
                            boundaryTicks.push(customBounds[0])
                        }
                        if (addMinMax.max && (0, _type.isDefined)(customBounds[1])) {
                            boundaryTicks.push(customBounds[1])
                        }
                    } else {
                        if (addMinMax.min && (0 === length || majors[0] > min)) {
                            boundaryTicks.push(min)
                        }
                        if (addMinMax.max && (0 === length || majors[length - 1] < max)) {
                            boundaryTicks.push(max)
                        }
                    }
                    return boundaryTicks
                },
                setPercentLabelFormat() {
                    if (!this._hasLabelFormat) {
                        this._options.label.format = "percent"
                    }
                },
                resetAutoLabelFormat() {
                    if (!this._hasLabelFormat) {
                        delete this._options.label.format
                    }
                },
                getMultipleAxesSpacing() {
                    return this._options.multipleAxesSpacing || 0
                },
                getTicksValues() {
                    return {
                        majorTicksValues: convertTicksToValues(this._majorTicks),
                        minorTicksValues: convertTicksToValues(this._minorTicks)
                    }
                },
                estimateTickInterval(canvas) {
                    this.updateCanvas(canvas);
                    return this._tickInterval !== this._getTicks(this._getViewportRange(), _common.noop, true).tickInterval
                },
                setTicks(ticks) {
                    const majors = ticks.majorTicks || [];
                    this._majorTicks = majors.map(createMajorTick(this, this._renderer, this._getSkippedCategory(majors)));
                    this._minorTicks = (ticks.minorTicks || []).map(createMinorTick(this, this._renderer));
                    this._isSynchronized = true
                },
                _adjustDivisionFactor: val => val,
                _getTicks(viewPort, incidentOccurred, skipTickGeneration) {
                    const options = this._options;
                    const customTicks = options.customTicks;
                    const customMinorTicks = options.customMinorTicks;
                    return getTickGenerator(options, incidentOccurred || this._incidentOccurred, skipTickGeneration, this._translator.getBusinessRange().isEmpty(), this._adjustDivisionFactor.bind(this), viewPort)({
                        min: viewPort.minVisible,
                        max: viewPort.maxVisible,
                        categories: viewPort.categories,
                        isSpacedMargin: viewPort.isSpacedMargin
                    }, this._getScreenDelta(), options.tickInterval, "ignore" === options.label.overlappingBehavior || options.forceUserTickInterval, {
                        majors: customTicks,
                        minors: customMinorTicks
                    }, options.minorTickInterval, options.minorTickCount, this._initialBreaks)
                },
                _createTicksAndLabelFormat(range, incidentOccurred) {
                    const options = this._options;
                    const ticks = this._getTicks(range, incidentOccurred, false);
                    if (!range.isEmpty() && options.type === _axes_constants.default.discrete && "datetime" === options.dataType && !this._hasLabelFormat && ticks.ticks.length) {
                        options.label.format = _format_helper.default.getDateFormatByTicks(ticks.ticks)
                    }
                    return ticks
                },
                getAggregationInfo(useAllAggregatedPoints, range) {
                    var _that$_seriesData;
                    const options = this._options;
                    const businessRange = new _range.Range(this.getTranslator().getBusinessRange()).addRange(range);
                    const visualRange = this.getViewport();
                    const minVisible = (null === visualRange || void 0 === visualRange ? void 0 : visualRange.startValue) ?? businessRange.minVisible;
                    const maxVisible = (null === visualRange || void 0 === visualRange ? void 0 : visualRange.endValue) ?? businessRange.maxVisible;
                    const aggregationInterval = options.aggregationInterval;
                    const aggregationGroupWidth = this._getAggregationGroupWidth();
                    const minInterval = !options.aggregationGroupWidth && !aggregationInterval && range.interval;
                    const generateTicks = function(options, axisDivisionFactor, viewPort, screenDelta, minTickInterval) {
                        const tickGeneratorOptions = (0, _extend.extend)({}, options, {
                            endOnTick: true,
                            axisDivisionFactor: axisDivisionFactor,
                            skipCalculationLimits: true,
                            generateExtraTick: true,
                            minTickInterval: minTickInterval
                        });
                        return function(tickInterval, skipTickGeneration, min, max, breaks) {
                            return getTickGenerator(tickGeneratorOptions, _common.noop, skipTickGeneration, viewPort.isEmpty(), v => v, viewPort)({
                                min: min,
                                max: max,
                                categories: viewPort.categories,
                                isSpacedMargin: viewPort.isSpacedMargin
                            }, screenDelta, tickInterval, (0, _type.isDefined)(tickInterval), void 0, void 0, void 0, breaks)
                        }
                    }(options, aggregationGroupWidth, businessRange, this._getScreenDelta(), minInterval);
                    const tickInterval = generateTicks(aggregationInterval, true, minVisible, maxVisible, null === (_that$_seriesData = this._seriesData) || void 0 === _that$_seriesData ? void 0 : _that$_seriesData.breaks).tickInterval;
                    const ticks = this._generateTick(useAllAggregatedPoints, businessRange, minVisible, maxVisible, tickInterval, generateTicks);
                    this._aggregationInterval = tickInterval;
                    return {
                        interval: tickInterval,
                        ticks: ticks
                    }
                },
                _getAggregationGroupWidth() {
                    const {
                        checkInterval: checkInterval,
                        sizePointNormalState: sizePointNormalState
                    } = this._marginOptions || {};
                    const {
                        aggregationGroupWidth: aggregationGroupWidth,
                        axisDivisionFactor: axisDivisionFactor
                    } = this._options;
                    if (aggregationGroupWidth) {
                        return aggregationGroupWidth
                    }
                    if (sizePointNormalState) {
                        return Math.min(sizePointNormalState, axisDivisionFactor)
                    }
                    if (checkInterval) {
                        return axisDivisionFactor
                    }
                    return aggregationGroupWidth
                },
                _generateTick(useAllAggregatedPoints, businessRange, minVisible, maxVisible, tickInterval, generateTicks) {
                    const min = useAllAggregatedPoints ? businessRange.min : minVisible;
                    const max = useAllAggregatedPoints ? businessRange.max : maxVisible;
                    if (!(0, _type.isDefined)(min) || !(0, _type.isDefined)(max)) {
                        return []
                    }
                    const that = this;
                    const options = that._options;
                    const add = (0, _utils.getAddFunction)({
                        base: options.logarithmBase,
                        axisType: options.type,
                        dataType: options.dataType
                    }, false);
                    let start = min;
                    let end = max;
                    if (!useAllAggregatedPoints && (0, _type.isDefined)(tickInterval)) {
                        const maxMinDistance = Math.max(that.calculateInterval(max, min), "datetime" === options.dataType ? _date.default.dateToMilliseconds(tickInterval) : tickInterval);
                        start = add(min, maxMinDistance, -1);
                        end = add(max, maxMinDistance)
                    }
                    start = start < businessRange.min ? businessRange.min : start;
                    end = end > businessRange.max ? businessRange.max : end;
                    const breaks = that._getScaleBreaks(options, {
                        minVisible: start,
                        maxVisible: end
                    }, that._series, that.isArgumentAxis);
                    const filteredBreaks = that._filterBreaks(breaks, {
                        minVisible: start,
                        maxVisible: end
                    }, options.breakStyle);
                    return generateTicks(tickInterval, false, start, end, filteredBreaks).ticks
                },
                getTickInterval() {
                    return this._tickInterval
                },
                getAggregationInterval() {
                    return this._aggregationInterval
                },
                createTicks(canvas) {
                    const that = this;
                    const renderer = that._renderer;
                    const options = that._options;
                    if (!canvas) {
                        return
                    }
                    that._isSynchronized = false;
                    that.updateCanvas(canvas);
                    const range = that._getViewportRange();
                    that._initialBreaks = range.breaks = this._seriesData.breaks = that._filterBreaks(this._seriesData.userBreaks, range, options.breakStyle);
                    that._estimatedTickInterval = that._getTicks(that.adjustViewport(this._seriesData), _common.noop, true).tickInterval;
                    const margins = this._calculateValueMargins();
                    range.addRange({
                        minVisible: margins.minValue,
                        maxVisible: margins.maxValue,
                        isSpacedMargin: margins.isSpacedMargin
                    });
                    const ticks = that._createTicksAndLabelFormat(range);
                    const boundaryTicks = that._getBoundaryTicks(ticks.ticks, that._getViewportRange());
                    if (options.showCustomBoundaryTicks && boundaryTicks.length) {
                        that._boundaryTicks = [boundaryTicks[0]].map(createBoundaryTick(that, renderer, true));
                        if (boundaryTicks.length > 1) {
                            that._boundaryTicks = that._boundaryTicks.concat([boundaryTicks[1]].map(createBoundaryTick(that, renderer, false)))
                        }
                    } else {
                        that._boundaryTicks = []
                    }
                    const minors = (ticks.minorTicks || []).filter(minor => !boundaryTicks.some(boundary => (0, _utils.valueOf)(boundary) === (0, _utils.valueOf)(minor)));
                    that._tickInterval = ticks.tickInterval;
                    that._minorTickInterval = ticks.minorTickInterval;
                    const oldMajorTicks = that._majorTicks || [];
                    const majorTicksByValues = oldMajorTicks.reduce((r, t) => {
                        r[t.value.valueOf()] = t;
                        return r
                    }, {});
                    const sameType = (0, _type.type)(ticks.ticks[0]) === (0, _type.type)(oldMajorTicks[0] && oldMajorTicks[0].value);
                    const skippedCategory = that._getSkippedCategory(ticks.ticks);
                    const majorTicks = ticks.ticks.map(v => {
                        const tick = majorTicksByValues[v.valueOf()];
                        if (tick && sameType) {
                            delete majorTicksByValues[v.valueOf()];
                            tick.setSkippedCategory(skippedCategory);
                            return tick
                        } else {
                            return createMajorTick(that, renderer, skippedCategory)(v)
                        }
                    });
                    that._majorTicks = majorTicks;
                    const oldMinorTicks = that._minorTicks || [];
                    that._minorTicks = minors.map((v, i) => {
                        const minorTick = oldMinorTicks[i];
                        if (minorTick) {
                            minorTick.updateValue(v);
                            return minorTick
                        }
                        return createMinorTick(that, renderer)(v)
                    });
                    that._ticksToRemove = Object.keys(majorTicksByValues).map(k => majorTicksByValues[k]).concat(oldMinorTicks.slice(that._minorTicks.length, oldMinorTicks.length));
                    that._ticksToRemove.forEach(t => {
                        var _t$label;
                        return null === (_t$label = t.label) || void 0 === _t$label ? void 0 : _t$label.removeTitle()
                    });
                    if (ticks.breaks) {
                        that._seriesData.breaks = ticks.breaks
                    }
                    that._reinitTranslator(that._getViewportRange())
                },
                _reinitTranslator(range) {
                    const translator = this._translator;
                    if (this._isSynchronized) {
                        return
                    }
                    translator.updateBusinessRange(range)
                },
                _getViewportRange() {
                    return this.adjustViewport(this._seriesData)
                },
                setMarginOptions(options) {
                    this._marginOptions = options
                },
                getMarginOptions() {
                    return this._marginOptions ?? {}
                },
                _calculateRangeInterval(interval) {
                    const isDateTime = "datetime" === this._options.dataType;
                    const minArgs = [];
                    const addToArgs = function(value) {
                        (0, _type.isDefined)(value) && minArgs.push(isDateTime ? _date.default.dateToMilliseconds(value) : value)
                    };
                    addToArgs(this._tickInterval);
                    addToArgs(this._estimatedTickInterval);
                    (0, _type.isDefined)(interval) && minArgs.push(interval);
                    addToArgs(this._aggregationInterval);
                    return this._calculateWorkWeekInterval(_min.apply(this, minArgs))
                },
                _calculateWorkWeekInterval(businessInterval) {
                    const options = this._options;
                    if ("datetime" === options.dataType && options.workdaysOnly && businessInterval) {
                        const workWeek = options.workWeek.length * dateIntervals_day;
                        const weekend = dateIntervals_week - workWeek;
                        if (workWeek !== businessInterval && weekend < businessInterval) {
                            const weekendsCount = Math.ceil(businessInterval / dateIntervals_week);
                            businessInterval -= weekend * weekendsCount
                        } else if (weekend >= businessInterval && businessInterval > dateIntervals_day) {
                            businessInterval = dateIntervals_day
                        }
                    }
                    return businessInterval
                },
                _getConvertIntervalCoefficient(intervalInPx, screenDelta) {
                    const ratioOfCanvasRange = this._translator.ratioOfCanvasRange();
                    return ratioOfCanvasRange / (ratioOfCanvasRange * screenDelta / (intervalInPx + screenDelta))
                },
                _calculateValueMargins(ticks) {
                    this._resetMargins();
                    const that = this;
                    const margins = that.getMarginOptions();
                    const marginSize = (margins.size || 0) / 2;
                    const options = that._options;
                    const dataRange = that._getViewportRange();
                    const viewPort = that.getViewport();
                    const screenDelta = that._getScreenDelta();
                    const isDiscrete = -1 !== (options.type || "").indexOf(_axes_constants.default.discrete);
                    const valueMarginsEnabled = options.valueMarginsEnabled && !isDiscrete && !that.customPositionIsBoundaryOrthogonalAxis();
                    const translator = that._translator;
                    const minValueMargin = options.minValueMargin;
                    const maxValueMargin = options.maxValueMargin;
                    let minPadding = 0;
                    let maxPadding = 0;
                    let interval = 0;
                    let rangeInterval;
                    if (dataRange.stubData || !screenDelta) {
                        return {
                            startPadding: 0,
                            endPadding: 0
                        }
                    }
                    if (that.isArgumentAxis && margins.checkInterval) {
                        rangeInterval = that._calculateRangeInterval(dataRange.interval);
                        const pxInterval = translator.getInterval(rangeInterval);
                        if (isFinite(pxInterval)) {
                            interval = Math.ceil(pxInterval / (2 * that._getConvertIntervalCoefficient(pxInterval, screenDelta)))
                        } else {
                            rangeInterval = 0
                        }
                    }
                    let minPercentPadding;
                    let maxPercentPadding;
                    const maxPaddingValue = .8 * screenDelta / 2;
                    if (valueMarginsEnabled) {
                        if ((0, _type.isDefined)(minValueMargin)) {
                            minPercentPadding = isFinite(minValueMargin) ? minValueMargin : 0
                        } else if (!that.isArgumentAxis && margins.checkInterval && (0, _utils.valueOf)(dataRange.minVisible) > 0 && (0, _utils.valueOf)(dataRange.minVisible) === (0, _utils.valueOf)(dataRange.min)) {
                            minPadding = 5
                        } else {
                            minPadding = Math.max(marginSize, interval);
                            minPadding = Math.min(maxPaddingValue, minPadding)
                        }
                        if ((0, _type.isDefined)(maxValueMargin)) {
                            maxPercentPadding = isFinite(maxValueMargin) ? maxValueMargin : 0
                        } else if (!that.isArgumentAxis && margins.checkInterval && (0, _utils.valueOf)(dataRange.maxVisible) < 0 && (0, _utils.valueOf)(dataRange.maxVisible) === (0, _utils.valueOf)(dataRange.max)) {
                            maxPadding = 5
                        } else {
                            maxPadding = Math.max(marginSize, interval);
                            maxPadding = Math.min(maxPaddingValue, maxPadding)
                        }
                    }
                    const percentStick = margins.percentStick && !this.isArgumentAxis;
                    if (percentStick) {
                        if (1 === _abs(dataRange.max)) {
                            maxPadding = 0
                        }
                        if (1 === _abs(dataRange.min)) {
                            minPadding = 0
                        }
                    }
                    const canvasStartEnd = that._getCanvasStartEnd();
                    const commonMargin = 1 + (minPercentPadding || 0) + (maxPercentPadding || 0);
                    const screenDeltaWithMargins = (screenDelta - minPadding - maxPadding) / commonMargin || screenDelta;
                    if (void 0 !== minPercentPadding || void 0 !== maxPercentPadding) {
                        if (void 0 !== minPercentPadding) {
                            minPadding = screenDeltaWithMargins * minPercentPadding
                        }
                        if (void 0 !== maxPercentPadding) {
                            maxPadding = screenDeltaWithMargins * maxPercentPadding
                        }
                    }
                    let minValue;
                    let maxValue;
                    if (options.type !== _axes_constants.default.discrete && ticks && ticks.length > 1 && !options.skipViewportExtending && !viewPort.action && false !== options.endOnTick) {
                        const length = ticks.length;
                        const firstTickPosition = translator.translate(ticks[0].value);
                        const lastTickPosition = translator.translate(ticks[length - 1].value);
                        const invertMultiplier = firstTickPosition > lastTickPosition ? -1 : 1;
                        const minTickPadding = _max(invertMultiplier * (canvasStartEnd.start - firstTickPosition), 0);
                        const maxTickPadding = _max(invertMultiplier * (lastTickPosition - canvasStartEnd.end), 0);
                        if (minTickPadding > minPadding || maxTickPadding > maxPadding) {
                            const commonPadding = maxTickPadding + minTickPadding;
                            const coeff = that._getConvertIntervalCoefficient(commonPadding, screenDelta);
                            if (minTickPadding >= minPadding) {
                                minValue = ticks[0].value
                            }
                            if (maxTickPadding >= maxPadding) {
                                maxValue = ticks[length - 1].value
                            }
                            minPadding = _max(minTickPadding, minPadding) / coeff;
                            maxPadding = _max(maxTickPadding, maxPadding) / coeff
                        }
                    }
                    minPercentPadding = void 0 === minPercentPadding ? minPadding / screenDeltaWithMargins : minPercentPadding;
                    maxPercentPadding = void 0 === maxPercentPadding ? maxPadding / screenDeltaWithMargins : maxPercentPadding;
                    if (!isDiscrete) {
                        if (this._translator.isInverted()) {
                            minValue = minValue ?? translator.from(canvasStartEnd.start + screenDelta * minPercentPadding, -1);
                            maxValue = maxValue ?? translator.from(canvasStartEnd.end - screenDelta * maxPercentPadding, 1)
                        } else {
                            minValue = minValue ?? translator.from(canvasStartEnd.start - screenDelta * minPercentPadding, -1);
                            maxValue = maxValue ?? translator.from(canvasStartEnd.end + screenDelta * maxPercentPadding, 1)
                        }
                    }
                    const {
                        correctedMin: correctedMin,
                        correctedMax: correctedMax,
                        start: start,
                        end: end
                    } = that.getCorrectedValuesToZero(minValue, maxValue);
                    minPadding = start ?? minPadding;
                    maxPadding = end ?? maxPadding;
                    return {
                        startPadding: translator.isInverted() ? maxPadding : minPadding,
                        endPadding: translator.isInverted() ? minPadding : maxPadding,
                        minValue: correctedMin ?? minValue,
                        maxValue: correctedMax ?? maxValue,
                        interval: rangeInterval,
                        isSpacedMargin: minPadding === maxPadding && 0 !== minPadding
                    }
                },
                _shouldCorrectValuesToZero(minValue, maxValue) {
                    if (this.isArgumentAxis || "datetime" === this._options.dataType) {
                        return false
                    }
                    const dataRange = this._getViewportRange();
                    if (minValue > dataRange.max || minValue > dataRange.maxVisible) {
                        return false
                    }
                    if (maxValue < dataRange.min || maxValue < dataRange.minVisible) {
                        return false
                    }
                    return true
                },
                getCorrectedValuesToZero(minValue, maxValue) {
                    const that = this;
                    const translator = that._translator;
                    const canvasStartEnd = that._getCanvasStartEnd();
                    const dataRange = that._getViewportRange();
                    const screenDelta = that._getScreenDelta();
                    let start;
                    let end;
                    let correctedMin;
                    let correctedMax;
                    const correctZeroLevel = (minPoint, maxPoint) => {
                        const minExpectedPadding = _abs(canvasStartEnd.start - minPoint);
                        const maxExpectedPadding = _abs(canvasStartEnd.end - maxPoint);
                        const coeff = that._getConvertIntervalCoefficient(minExpectedPadding + maxExpectedPadding, screenDelta);
                        start = minExpectedPadding / coeff;
                        end = maxExpectedPadding / coeff
                    };
                    if (that._shouldCorrectValuesToZero(minValue, maxValue)) {
                        if (minValue * dataRange.min <= 0 && minValue * dataRange.minVisible <= 0) {
                            correctZeroLevel(translator.translate(0), translator.translate(maxValue));
                            correctedMin = 0
                        }
                        if (maxValue * dataRange.max <= 0 && maxValue * dataRange.maxVisible <= 0) {
                            correctZeroLevel(translator.translate(minValue), translator.translate(0));
                            correctedMax = 0
                        }
                    }
                    return {
                        start: isFinite(start) ? start : null,
                        end: isFinite(end) ? end : null,
                        correctedMin: correctedMin,
                        correctedMax: correctedMax
                    }
                },
                applyMargins() {
                    if (this._isSynchronized) {
                        return
                    }
                    const margins = this._calculateValueMargins(this._majorTicks);
                    const canvas = (0, _extend.extend)({}, this._canvas, {
                        startPadding: margins.startPadding,
                        endPadding: margins.endPadding
                    });
                    this._translator.updateCanvas(this._processCanvas(canvas));
                    if (isFinite(margins.interval)) {
                        const br = this._translator.getBusinessRange();
                        br.addRange({
                            interval: margins.interval
                        });
                        this._translator.updateBusinessRange(br)
                    }
                },
                _resetMargins() {
                    this._reinitTranslator(this._getViewportRange());
                    if (this._canvas) {
                        this._translator.updateCanvas(this._processCanvas(this._canvas))
                    }
                },
                _createConstantLines() {
                    const constantLines = (this._options.constantLines || []).map(o => (0, _constant_line.default)(this, o));
                    this._outsideConstantLines = constantLines.filter(l => "outside" === l.labelPosition);
                    this._insideConstantLines = constantLines.filter(l => "inside" === l.labelPosition)
                },
                draw(canvas, borderOptions) {
                    const that = this;
                    const options = this._options;
                    that.borderOptions = borderOptions || {
                        visible: false
                    };
                    that._resetMargins();
                    that.createTicks(canvas);
                    that.applyMargins();
                    that._clearAxisGroups();
                    initTickCoords(that._majorTicks);
                    initTickCoords(that._minorTicks);
                    initTickCoords(that._boundaryTicks);
                    that._axisGroup.append(that._axesContainerGroup);
                    that._drawAxis();
                    that._drawTitle();
                    drawTickMarks(that._majorTicks, options.tick);
                    drawTickMarks(that._minorTicks, options.minorTick);
                    drawTickMarks(that._boundaryTicks, options.tick);
                    const drawGridLine = that._getGridLineDrawer();
                    drawGrids(that._majorTicks, drawGridLine);
                    drawGrids(that._minorTicks, drawGridLine);
                    callAction(that._majorTicks, "drawLabel", that._getViewportRange(), that._getTemplate(options.label.template));
                    that._templatesRendered && that._templatesRendered.reject();
                    that._templatesRendered = (0, _deferred.Deferred)();
                    that._majorTicks.forEach(tick => {
                        tick.labelRotationAngle = 0;
                        tick.labelAlignment = void 0;
                        tick.labelOffset = 0
                    });
                    callAction(that._outsideConstantLines.concat(that._insideConstantLines), "draw");
                    callAction(that._strips, "draw");
                    that._dateMarkers = that._drawDateMarkers() || [];
                    that._stripLabelAxesGroup && that._axisStripLabelGroup.append(that._stripLabelAxesGroup);
                    that._gridContainerGroup && that._axisGridGroup.append(that._gridContainerGroup);
                    that._stripsGroup && that._axisStripGroup.append(that._stripsGroup);
                    that._labelsAxesGroup && that._axisElementsGroup.append(that._labelsAxesGroup);
                    if (that._constantLinesGroup) {
                        that._axisConstantLineGroups.above.inside.append(that._constantLinesGroup.above);
                        that._axisConstantLineGroups.above.outside1.append(that._constantLinesGroup.above);
                        that._axisConstantLineGroups.above.outside2.append(that._constantLinesGroup.above);
                        that._axisConstantLineGroups.under.inside.append(that._constantLinesGroup.under);
                        that._axisConstantLineGroups.under.outside1.append(that._constantLinesGroup.under);
                        that._axisConstantLineGroups.under.outside2.append(that._constantLinesGroup.under)
                    }
                    that._measureTitle();
                    (0, _axes_utils.measureLabels)(that._majorTicks);
                    !options.label.template && that._applyWordWrap();
                    (0, _axes_utils.measureLabels)(that._outsideConstantLines);
                    (0, _axes_utils.measureLabels)(that._insideConstantLines);
                    (0, _axes_utils.measureLabels)(that._strips);
                    (0, _axes_utils.measureLabels)(that._dateMarkers);
                    that._adjustConstantLineLabels(that._insideConstantLines);
                    that._adjustStripLabels();
                    let offset = that._constantLabelOffset = that._adjustConstantLineLabels(that._outsideConstantLines);
                    if (!that._translator.getBusinessRange().isEmpty()) {
                        that._setLabelsPlacement();
                        offset = that._adjustLabels(offset)
                    }
                    _deferred.when.apply(this, that._majorTicks.map(tick => tick.getTemplateDeferred())).done(() => {
                        that._templatesRendered.resolve()
                    });
                    offset = that._adjustDateMarkers(offset);
                    that._adjustTitle(offset)
                },
                getTemplatesDef() {
                    return this._templatesRendered
                },
                setRenderedState(state) {
                    this._drawn = state
                },
                isRendered() {
                    return this._drawn
                },
                _applyWordWrap() {
                    const that = this;
                    let convertedTickInterval;
                    let textWidth;
                    let textHeight;
                    const options = this._options;
                    const tickInterval = that._tickInterval;
                    if ((0, _type.isDefined)(tickInterval)) {
                        convertedTickInterval = that.getTranslator().getInterval("datetime" === options.dataType ? _date.default.dateToMilliseconds(tickInterval) : tickInterval)
                    }
                    const displayMode = that._validateDisplayMode(options.label.displayMode);
                    const overlappingMode = that._validateOverlappingMode(options.label.overlappingBehavior, displayMode);
                    const wordWrapMode = options.label.wordWrap || "none";
                    const overflowMode = options.label.textOverflow || "none";
                    if (("none" !== wordWrapMode || "none" !== overflowMode) && "rotate" !== displayMode && "rotate" !== overlappingMode && "auto" !== overlappingMode) {
                        const usefulSpace = (0, _type.isDefined)(options.placeholderSize) ? options.placeholderSize - options.label.indentFromAxis : void 0;
                        if (that._isHorizontal) {
                            textWidth = convertedTickInterval;
                            textHeight = usefulSpace
                        } else {
                            textWidth = usefulSpace;
                            textHeight = convertedTickInterval
                        }
                        let correctByWidth = false;
                        let correctByHeight = false;
                        if (textWidth) {
                            if (that._majorTicks.some(tick => tick.labelBBox.width > textWidth)) {
                                correctByWidth = true
                            }
                        }
                        if (textHeight) {
                            if (that._majorTicks.some(tick => tick.labelBBox.height > textHeight)) {
                                correctByHeight = true
                            }
                        }
                        if (correctByWidth || correctByHeight) {
                            that._majorTicks.forEach(tick => {
                                tick.label && tick.label.setMaxSize(textWidth, textHeight, options.label)
                            });
                            (0, _axes_utils.measureLabels)(that._majorTicks)
                        }
                    }
                },
                _measureTitle: _common.noop,
                animate() {
                    callAction(this._majorTicks, "animateLabels")
                },
                updateSize(canvas, animate) {
                    let updateTitle = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : true;
                    const that = this;
                    that.updateCanvas(canvas);
                    if (updateTitle) {
                        that._checkTitleOverflow();
                        that._measureTitle();
                        that._updateTitleCoords()
                    }
                    that._reinitTranslator(that._getViewportRange());
                    that.applyMargins();
                    const animationEnabled = !that._firstDrawing && animate;
                    const options = that._options;
                    initTickCoords(that._majorTicks);
                    initTickCoords(that._minorTicks);
                    initTickCoords(that._boundaryTicks);
                    if (that._resetApplyingAnimation && !that._firstDrawing) {
                        that._resetStartCoordinates()
                    }
                    cleanUpInvalidTicks(that._majorTicks);
                    cleanUpInvalidTicks(that._minorTicks);
                    cleanUpInvalidTicks(that._boundaryTicks);
                    if (that._axisElement) {
                        that._updateAxisElementPosition()
                    }
                    updateTicksPosition(that._majorTicks, options.tick, animationEnabled);
                    updateTicksPosition(that._minorTicks, options.minorTick, animationEnabled);
                    updateTicksPosition(that._boundaryTicks, options.tick);
                    callAction(that._majorTicks, "updateLabelPosition", animationEnabled);
                    that._outsideConstantLines.concat(that._insideConstantLines || []).forEach(l => l.updatePosition(animationEnabled));
                    callAction(that._strips, "updatePosition", animationEnabled);
                    updateGridsPosition(that._majorTicks, animationEnabled);
                    updateGridsPosition(that._minorTicks, animationEnabled);
                    if (animationEnabled) {
                        callAction(that._ticksToRemove || [], "fadeOutElements")
                    }
                    that.prepareAnimation();
                    that._ticksToRemove = null;
                    if (!that._translator.getBusinessRange().isEmpty()) {
                        that._firstDrawing = false
                    }
                    that._resetApplyingAnimation = false;
                    that._updateLabelsPosition()
                },
                _updateLabelsPosition: _common.noop,
                prepareAnimation() {
                    const action = "saveCoords";
                    callAction(this._majorTicks, action);
                    callAction(this._minorTicks, action);
                    callAction(this._insideConstantLines, action);
                    callAction(this._outsideConstantLines, action);
                    callAction(this._strips, action)
                },
                _resetStartCoordinates() {
                    const action = "resetCoordinates";
                    callAction(this._majorTicks, action);
                    callAction(this._minorTicks, action);
                    callAction(this._insideConstantLines, action);
                    callAction(this._outsideConstantLines, action);
                    callAction(this._strips, action)
                },
                applyClipRects(elementsClipID, canvasClipID) {
                    this._axisGroup.attr({
                        "clip-path": canvasClipID
                    });
                    this._axisStripGroup.attr({
                        "clip-path": elementsClipID
                    });
                    this._axisElementsGroup.attr({
                        "clip-path": canvasClipID
                    })
                },
                _validateVisualRange(optionValue) {
                    const range = (0, _utils.getVizRangeObject)(optionValue);
                    if (void 0 !== range.startValue) {
                        range.startValue = this.validateUnit(range.startValue)
                    }
                    if (void 0 !== range.endValue) {
                        range.endValue = this.validateUnit(range.endValue)
                    }
                    return (0, _utils.convertVisualRangeObject)(range, !_isArray(optionValue))
                },
                _validateOptions(options) {
                    options.wholeRange = this._validateVisualRange(options.wholeRange);
                    options.visualRange = options._customVisualRange = this._validateVisualRange(options._customVisualRange);
                    this._setVisualRange(options._customVisualRange)
                },
                validate() {
                    const options = this._options;
                    const dataType = this.isArgumentAxis ? options.argumentType : options.valueType;
                    const parser = dataType ? (0, _parse_utils.getParser)(dataType) : function(unit) {
                        return unit
                    };
                    this.parser = parser;
                    options.dataType = dataType;
                    this._validateOptions(options)
                },
                resetVisualRange(isSilent) {
                    this._seriesData.minVisible = this._seriesData.min;
                    this._seriesData.maxVisible = this._seriesData.max;
                    this.handleZooming([null, null], {
                        start: !!isSilent,
                        end: !!isSilent
                    })
                },
                _setVisualRange(visualRange, allowPartialUpdate) {
                    const range = this.adjustRange((0, _utils.getVizRangeObject)(visualRange));
                    if (allowPartialUpdate) {
                        (0, _type.isDefined)(range.startValue) && (this._viewport.startValue = range.startValue);
                        (0, _type.isDefined)(range.endValue) && (this._viewport.endValue = range.endValue)
                    } else {
                        this._viewport = range
                    }
                },
                _applyZooming(visualRange, allowPartialUpdate) {
                    this._resetVisualRangeOption();
                    this._setVisualRange(visualRange, allowPartialUpdate);
                    const viewPort = this.getViewport();
                    this._seriesData.userBreaks = this._getScaleBreaks(this._options, {
                        minVisible: viewPort.startValue,
                        maxVisible: viewPort.endValue
                    }, this._series, this.isArgumentAxis);
                    this._translator.updateBusinessRange(this._getViewportRange())
                },
                getZoomStartEventArg(event, actionType) {
                    return {
                        axis: this,
                        range: this.visualRange(),
                        cancel: false,
                        event: event,
                        actionType: actionType
                    }
                },
                _getZoomEndEventArg(previousRange, event, actionType, zoomFactor, shift) {
                    const newRange = this.visualRange();
                    return {
                        axis: this,
                        previousRange: previousRange,
                        range: newRange,
                        cancel: false,
                        event: event,
                        actionType: actionType,
                        zoomFactor: zoomFactor,
                        shift: shift,
                        rangeStart: newRange.startValue,
                        rangeEnd: newRange.endValue
                    }
                },
                getZoomBounds() {
                    const wholeRange = (0, _utils.getVizRangeObject)(this._options.wholeRange);
                    const range = this.getTranslator().getBusinessRange();
                    const secondPriorityRange = {
                        startValue: getZoomBoundValue(this._initRange.startValue, range.min),
                        endValue: getZoomBoundValue(this._initRange.endValue, range.max)
                    };
                    return {
                        startValue: getZoomBoundValue(wholeRange.startValue, secondPriorityRange.startValue),
                        endValue: getZoomBoundValue(wholeRange.endValue, secondPriorityRange.endValue)
                    }
                },
                setInitRange() {
                    this._initRange = {};
                    if (0 === Object.keys(this._options.wholeRange || {}).length) {
                        this._initRange = this.getZoomBounds()
                    }
                },
                _resetVisualRangeOption() {
                    this._options._customVisualRange = {}
                },
                getTemplatesGroups() {
                    const ticks = this._majorTicks;
                    if (ticks) {
                        return this._majorTicks.map(tick => tick.templateContainer).filter(item => (0, _type.isDefined)(item))
                    } else {
                        return []
                    }
                },
                setCustomVisualRange(range) {
                    this._options._customVisualRange = range
                },
                visualRange() {
                    const that = this;
                    const args = arguments;
                    let visualRange;
                    if (0 === args.length) {
                        const adjustedRange = that._getAdjustedBusinessRange();
                        let startValue = adjustedRange.minVisible;
                        let endValue = adjustedRange.maxVisible;
                        if (that._options.type === _axes_constants.default.discrete) {
                            startValue = startValue ?? adjustedRange.categories[0];
                            endValue = endValue ?? adjustedRange.categories[adjustedRange.categories.length - 1];
                            return {
                                startValue: startValue,
                                endValue: endValue,
                                categories: (0, _utils.getCategoriesInfo)(adjustedRange.categories, startValue, endValue).categories
                            }
                        }
                        return {
                            startValue: startValue,
                            endValue: endValue
                        }
                    } else if (_isArray(args[0])) {
                        visualRange = args[0]
                    } else if ((0, _type.isPlainObject)(args[0])) {
                        visualRange = (0, _extend.extend)({}, args[0])
                    } else {
                        visualRange = [args[0], args[1]]
                    }
                    const zoomResults = that.handleZooming(visualRange, args[1]);
                    if (!zoomResults.isPrevented) {
                        that._visualRange(that, zoomResults)
                    }
                },
                handleZooming(visualRange, preventEvents, domEvent, action) {
                    const that = this;
                    preventEvents = preventEvents || {};
                    if ((0, _type.isDefined)(visualRange)) {
                        visualRange = that._validateVisualRange(visualRange);
                        visualRange.action = action
                    }
                    const zoomStartEvent = that.getZoomStartEventArg(domEvent, action);
                    const previousRange = zoomStartEvent.range;
                    !preventEvents.start && that._eventTrigger("zoomStart", zoomStartEvent);
                    const zoomResults = {
                        isPrevented: zoomStartEvent.cancel,
                        skipEventRising: preventEvents.skipEventRising,
                        range: visualRange || zoomStartEvent.range
                    };
                    if (!zoomStartEvent.cancel) {
                        (0, _type.isDefined)(visualRange) && that._applyZooming(visualRange, preventEvents.allowPartialUpdate);
                        if (!(0, _type.isDefined)(that._storedZoomEndParams)) {
                            that._storedZoomEndParams = {
                                startRange: previousRange,
                                type: this.getOptions().type
                            }
                        }
                        that._storedZoomEndParams.event = domEvent;
                        that._storedZoomEndParams.action = action;
                        that._storedZoomEndParams.prevent = !!preventEvents.end
                    }
                    return zoomResults
                },
                handleZoomEnd() {
                    const that = this;
                    if ((0, _type.isDefined)(that._storedZoomEndParams) && !that._storedZoomEndParams.prevent) {
                        const previousRange = that._storedZoomEndParams.startRange;
                        const domEvent = that._storedZoomEndParams.event;
                        const action = that._storedZoomEndParams.action;
                        const previousBusinessRange = {
                            minVisible: previousRange.startValue,
                            maxVisible: previousRange.endValue,
                            categories: previousRange.categories
                        };
                        const typeIsNotChanged = that.getOptions().type === that._storedZoomEndParams.type;
                        const shift = typeIsNotChanged ? (0, _math2.adjust)(that.getVisualRangeCenter() - that.getVisualRangeCenter(previousBusinessRange, false)) : NaN;
                        const zoomFactor = typeIsNotChanged ? +`${Math.round(that.getVisualRangeLength(previousBusinessRange)/(that.getVisualRangeLength()||1)+"e+2")}e-2` : NaN;
                        const zoomEndEvent = that._getZoomEndEventArg(previousRange, domEvent, action, zoomFactor, shift);
                        zoomEndEvent.cancel = that.checkZoomingLowerLimitOvercome(1 === zoomFactor ? "pan" : "zoom", zoomFactor).stopInteraction;
                        that._eventTrigger("zoomEnd", zoomEndEvent);
                        if (zoomEndEvent.cancel) {
                            that._restorePreviousVisualRange(previousRange)
                        }
                        that._storedZoomEndParams = null
                    }
                },
                _restorePreviousVisualRange(previousRange) {
                    this._storedZoomEndParams = null;
                    this._applyZooming(previousRange);
                    this._visualRange(this, previousRange)
                },
                checkZoomingLowerLimitOvercome(actionType, zoomFactor, range) {
                    const that = this;
                    const options = that._options;
                    const translator = that._translator;
                    let minZoom = options.minVisualRangeLength;
                    let correctedRange = range;
                    let visualRange;
                    let isOvercoming = "zoom" === actionType && zoomFactor >= 1;
                    const businessRange = translator.getBusinessRange();
                    if (range) {
                        visualRange = that.adjustRange((0, _utils.getVizRangeObject)(range));
                        visualRange = {
                            minVisible: visualRange.startValue,
                            maxVisible: visualRange.endValue,
                            categories: businessRange.categories
                        }
                    }
                    const beforeVisualRangeLength = that.getVisualRangeLength(businessRange);
                    const afterVisualRangeLength = that.getVisualRangeLength(visualRange);
                    if ((0, _type.isDefined)(minZoom) || "discrete" === options.type) {
                        minZoom = translator.convert(minZoom);
                        if (visualRange && minZoom < beforeVisualRangeLength && minZoom >= afterVisualRangeLength) {
                            correctedRange = (0, _utils.getVizRangeObject)(translator.getRangeByMinZoomValue(minZoom, visualRange));
                            isOvercoming = false
                        } else {
                            isOvercoming &= minZoom > afterVisualRangeLength
                        }
                    } else {
                        const canvasLength = that._translator.canvasLength;
                        const fullRange = {
                            minVisible: businessRange.min,
                            maxVisible: businessRange.max,
                            categories: businessRange.categories
                        };
                        isOvercoming &= that.getVisualRangeLength(fullRange) / canvasLength >= afterVisualRangeLength
                    }
                    return {
                        stopInteraction: !!isOvercoming,
                        correctedRange: correctedRange
                    }
                },
                isExtremePosition(isMax) {
                    let extremeDataValue;
                    let seriesData;
                    if ("discrete" === this._options.type) {
                        seriesData = this._translator.getBusinessRange();
                        extremeDataValue = isMax ? seriesData.categories[seriesData.categories.length - 1] : seriesData.categories[0]
                    } else {
                        seriesData = this.getZoomBounds();
                        extremeDataValue = isMax ? seriesData.endValue : seriesData.startValue
                    }
                    const translator = this.getTranslator();
                    const extremePoint = translator.translate(extremeDataValue);
                    const visualRange = this.visualRange();
                    const visualRangePoint = isMax ? translator.translate(visualRange.endValue) : translator.translate(visualRange.startValue);
                    return _abs(visualRangePoint - extremePoint) < 5
                },
                getViewport() {
                    return this._viewport
                },
                getFullTicks() {
                    const majors = this._majorTicks || [];
                    if (this._options.type === _axes_constants.default.discrete) {
                        return convertTicksToValues(majors)
                    } else {
                        return convertTicksToValues(majors.concat(this._minorTicks, this._boundaryTicks)).sort((a, b) => (0, _utils.valueOf)(a) - (0, _utils.valueOf)(b))
                    }
                },
                measureLabels(canvas, withIndents) {
                    const that = this;
                    const options = that._options;
                    const widthAxis = options.visible ? options.width : 0;
                    let ticks;
                    const indent = withIndents ? options.label.indentFromAxis + .5 * options.tick.length : 0;
                    let tickInterval;
                    const viewportRange = that._getViewportRange();
                    if (viewportRange.isEmpty() || !options.label.visible || !that._axisElementsGroup) {
                        return {
                            height: widthAxis,
                            width: widthAxis,
                            x: 0,
                            y: 0
                        }
                    }
                    if (that._majorTicks) {
                        ticks = convertTicksToValues(that._majorTicks)
                    } else {
                        that.updateCanvas(canvas);
                        ticks = that._createTicksAndLabelFormat(viewportRange, _common.noop);
                        tickInterval = ticks.tickInterval;
                        ticks = ticks.ticks
                    }
                    const maxText = ticks.reduce((prevLabel, tick, index) => {
                        const label = that.formatLabel(tick, options.label, viewportRange, void 0, tickInterval, ticks);
                        if (prevLabel.length < label.length) {
                            return label
                        } else {
                            return prevLabel
                        }
                    }, that.formatLabel(ticks[0], options.label, viewportRange, void 0, tickInterval, ticks));
                    const text = that._renderer.text(maxText, 0, 0).css(that._textFontStyles).attr(that._textOptions).append(that._renderer.root);
                    const box = text.getBBox();
                    text.remove();
                    return {
                        x: box.x,
                        y: box.y,
                        width: box.width + indent,
                        height: box.height + indent
                    }
                },
                _setLabelsPlacement() {
                    if (!this._options.label.visible) {
                        return
                    }
                    const that = this;
                    const labelOpt = that._options.label;
                    const displayMode = that._validateDisplayMode(labelOpt.displayMode);
                    const overlappingMode = that._validateOverlappingMode(labelOpt.overlappingBehavior, displayMode);
                    const ignoreOverlapping = "none" === overlappingMode || "ignore" === overlappingMode;
                    const behavior = {
                        rotationAngle: labelOpt.rotationAngle,
                        staggeringSpacing: labelOpt.staggeringSpacing
                    };
                    let notRecastStep;
                    const boxes = that._majorTicks.map(tick => tick.labelBBox);
                    let step = that._getStep(boxes);
                    switch (displayMode) {
                        case "rotate":
                            if (ignoreOverlapping) {
                                notRecastStep = true;
                                step = 1
                            }
                            that._applyLabelMode(displayMode, step, boxes, labelOpt, notRecastStep);
                            break;
                        case "stagger":
                            if (ignoreOverlapping) {
                                step = 2
                            }
                            that._applyLabelMode(displayMode, _max(step, 2), boxes, labelOpt);
                            break;
                        default:
                            that._applyLabelOverlapping(boxes, overlappingMode, step, behavior)
                    }
                },
                _applyLabelOverlapping(boxes, mode, step, behavior) {
                    const that = this;
                    const labelOpt = that._options.label;
                    const majorTicks = that._majorTicks;
                    if ("none" === mode || "ignore" === mode) {
                        return
                    }
                    if (step > 1 && boxes.some(function(box, index, array) {
                            if (0 === index) {
                                return false
                            }
                            return _axes_constants.default.areLabelsOverlap(box, array[index - 1], labelOpt.minSpacing, labelOpt.alignment)
                        })) {
                        that._applyLabelMode(mode, step, boxes, behavior)
                    }
                    that._checkBoundedLabelsOverlapping(majorTicks, boxes, mode);
                    that._checkShiftedLabels(majorTicks, boxes, labelOpt.minSpacing, labelOpt.alignment)
                },
                _applyLabelMode(mode, step, boxes, behavior, notRecastStep) {
                    const that = this;
                    const majorTicks = that._majorTicks;
                    const labelOpt = that._options.label;
                    const angle = behavior.rotationAngle;
                    let labelHeight;
                    let alignment;
                    let func;
                    switch (mode) {
                        case "rotate":
                            if (!labelOpt.userAlignment) {
                                alignment = angle < 0 ? RIGHT : LEFT;
                                if (angle % 90 === 0) {
                                    alignment = CENTER
                                }
                            }
                            step = notRecastStep ? step : that._getStep(boxes, angle);
                            func = function(tick) {
                                const contentContainer = tick.getContentContainer();
                                if (!contentContainer) {
                                    return
                                }
                                contentContainer.rotate(angle);
                                tick.labelRotationAngle = angle;
                                alignment && (tick.labelAlignment = alignment)
                            };
                            updateLabels(majorTicks, step, func);
                            break;
                        case "stagger":
                            labelHeight = that._getMaxLabelHeight(boxes, behavior.staggeringSpacing);
                            func = function(tick, index) {
                                if (index / (step - 1) % 2 !== 0) {
                                    tick.labelOffset = labelHeight
                                }
                            };
                            updateLabels(majorTicks, step - 1, func);
                            break;
                        case "auto":
                        case "_auto":
                            if (2 === step) {
                                that._applyLabelMode("stagger", step, boxes, behavior)
                            } else {
                                that._applyLabelMode("rotate", step, boxes, {
                                    rotationAngle: getOptimalAngle(boxes, labelOpt)
                                })
                            }
                            break;
                        default:
                            updateLabels(majorTicks, step)
                    }
                },
                getMarkerTrackers: _common.noop,
                _drawDateMarkers: _common.noop,
                _adjustDateMarkers: _common.noop,
                coordsIn: _common.noop,
                areCoordsOutsideAxis: _common.noop,
                _getSkippedCategory: _common.noop,
                _initAxisPositions: _common.noop,
                _drawTitle: _common.noop,
                _updateTitleCoords: _common.noop,
                _adjustConstantLineLabels: _common.noop,
                _createTranslator: () => new _translator2d.Translator2D({}, {}, {}),
                _updateTranslator() {
                    const translator = this._translator;
                    translator.update(translator.getBusinessRange(), this._canvas || {}, this._getTranslatorOptions())
                },
                _getTranslatorOptions() {
                    var _options$workWeek2, _options$breakStyle;
                    const options = this._options;
                    return {
                        isHorizontal: this._isHorizontal,
                        shiftZeroValue: !this.isArgumentAxis,
                        interval: options.semiDiscreteInterval,
                        firstDayOfWeek: null === (_options$workWeek2 = options.workWeek) || void 0 === _options$workWeek2 ? void 0 : _options$workWeek2[0],
                        stick: this._getStick(),
                        breaksSize: (null === (_options$breakStyle = options.breakStyle) || void 0 === _options$breakStyle ? void 0 : _options$breakStyle.width) ?? 0
                    }
                },
                getVisibleArea() {
                    const canvas = this._getCanvasStartEnd();
                    return [canvas.start, canvas.end].sort((a, b) => a - b)
                },
                _getCanvasStartEnd() {
                    const isHorizontal = this._isHorizontal;
                    const canvas = this._canvas || {};
                    const invert = this._translator.getBusinessRange().invert;
                    const coords = isHorizontal ? [canvas.left, canvas.width - canvas.right] : [canvas.height - canvas.bottom, canvas.top];
                    invert && coords.reverse();
                    return {
                        start: coords[0],
                        end: coords[1]
                    }
                },
                _getScreenDelta() {
                    const canvas = this._getCanvasStartEnd();
                    const breaks = this._seriesData ? this._seriesData.breaks || [] : [];
                    const breaksLength = breaks.length;
                    const screenDelta = _abs(canvas.start - canvas.end);
                    return screenDelta - (breaksLength ? breaks[breaksLength - 1].cumulativeWidth : 0)
                },
                _getScaleBreaks: () => [],
                _filterBreaks: () => [],
                _adjustTitle: _common.noop,
                _checkTitleOverflow: _common.noop,
                getSpiderTicks: _common.noop,
                setSpiderTicks: _common.noop,
                _checkBoundedLabelsOverlapping: _common.noop,
                _checkShiftedLabels: _common.noop,
                drawScaleBreaks: _common.noop,
                _visualRange: _common.noop,
                _rotateConstantLine: _common.noop,
                applyVisualRangeSetter(visualRangeSetter) {
                    this._visualRange = visualRangeSetter
                },
                getCategoriesSorter(argCategories) {
                    let sort;
                    if (this.isArgumentAxis) {
                        sort = argCategories
                    } else {
                        const categoriesSortingMethod = this._options.categoriesSortingMethod;
                        sort = categoriesSortingMethod ?? this._options.categories
                    }
                    return sort
                },
                _getAdjustedBusinessRange() {
                    return this.adjustViewport(this._translator.getBusinessRange())
                }
            }
        },
        5037(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = function(axis, options) {
                const labelOptions = options.label || {};
                const labelPosition = labelOptions.position || "inside";
                let parsedValue;
                let valueIsParsed = false;
                let lastStoredCoordinates;
                axis._checkAlignmentConstantLineLabels(labelOptions);
                let storedCoord;
                return {
                    options: options,
                    labelOptions: labelOptions,
                    labelPosition: labelPosition,
                    label: null,
                    line: null,
                    getParsedValue() {
                        if (!valueIsParsed) {
                            parsedValue = axis.validateUnit(options.value, "E2105", "constantLine");
                            valueIsParsed = true;
                            return parsedValue
                        }
                        return parsedValue
                    },
                    draw() {
                        if (!(0, _type.isDefined)(options.value) || axis._translator.getBusinessRange().isEmpty()) {
                            return this
                        }
                        const canvas = axis._getCanvasStartEnd();
                        const parsedValue = this.getParsedValue();
                        this.coord = axis._getConstantLinePos(parsedValue, canvas.start, canvas.end);
                        const rootGroup = options.displayBehindSeries ? axis._axisConstantLineGroups.under : axis._axisConstantLineGroups.above;
                        let group = rootGroup[labelPosition];
                        if (!group) {
                            const side = axis._isHorizontal ? labelOptions.verticalAlignment : labelOptions.horizontalAlignment;
                            group = rootGroup[side]
                        }
                        if (!(0, _type.isDefined)(this.coord)) {
                            return this
                        }
                        const path = axis._createConstantLine(this.coord, {
                            stroke: options.color,
                            "stroke-width": options.width,
                            dashStyle: options.dashStyle
                        });
                        this.line = path.append(rootGroup.inside);
                        this.label = labelOptions.visible ? axis._drawConstantLineLabels(parsedValue, labelOptions, this.coord, group) : null;
                        this.updatePosition();
                        return this
                    },
                    getContentContainer() {
                        return this.label
                    },
                    removeLabel() {
                        this.label && this.label.remove()
                    },
                    updatePosition(animate) {
                        const canvas = axis._getCanvasStartEnd();
                        const coord = axis._getConstantLinePos(this.getParsedValue(), canvas.start, canvas.end);
                        if (!(0, _type.isDefined)(coord)) {
                            return
                        }
                        this.coord = coord;
                        if (animate && storedCoord) {
                            this.label && this.label.attr(axis._getConstantLineLabelsCoords(storedCoord, this.labelOptions));
                            this.line && this.line.attr(axis._getConstantLineGraphicAttributes(storedCoord));
                            this.label && this.label.animate(axis._getConstantLineLabelsCoords(this.coord, this.labelOptions));
                            this.line && this.line.animate(axis._getConstantLineGraphicAttributes(this.coord))
                        } else {
                            this.label && this.label.attr(axis._getConstantLineLabelsCoords(this.coord, this.labelOptions));
                            this.line && this.line.attr(axis._getConstantLineGraphicAttributes(this.coord));
                            axis._rotateConstantLine(this.line, this.coord)
                        }
                    },
                    saveCoords() {
                        lastStoredCoordinates = storedCoord;
                        storedCoord = this.coord
                    },
                    resetCoordinates() {
                        storedCoord = lastStoredCoordinates
                    }
                }
            };
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528)
        },
        5028(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.generateDateBreaks = function(min, max, workWeek, singleWorkdays, holidays) {
                const weekendDayIndices = function(workDays) {
                    const indices = (workdays = workDays, days.filter(day => !workdays.some(workDay => workDay === day)));
                    var workdays;
                    if (indices.length < 7) {
                        while (getNextDayIndex(indices[indices.length - 1]) === indices[0]) {
                            indices.unshift(indices.pop())
                        }
                    }
                    return indices
                }(workWeek);
                const breaks = function(min, max, weekendDayIndices) {
                    let day = min.getDate();
                    const breaks = [];
                    const weekends = weekendDayIndices.reduce((obj, day) => {
                        let currentWeekEnd = obj[1];
                        if (void 0 === currentWeekEnd.start) {
                            currentWeekEnd = {
                                start: day,
                                end: getNextDayIndex(day)
                            };
                            obj[0].push(currentWeekEnd);
                            return [obj[0], currentWeekEnd]
                        }
                        if (currentWeekEnd.end === day) {
                            currentWeekEnd.end = getNextDayIndex(day);
                            return obj
                        }
                        currentWeekEnd = {
                            start: day,
                            end: getNextDayIndex(day)
                        };
                        obj[0].push(currentWeekEnd);
                        return [obj[0], currentWeekEnd]
                    }, [
                        [], {}
                    ]);
                    weekends[0].forEach(weekend => {
                        let currentDate = new Date(min);
                        currentDate = _date.default.trimTime(currentDate);
                        while (currentDate < max) {
                            day = currentDate.getDay();
                            const date = currentDate.getDate();
                            if (dayBetweenWeekend(weekend, day)) {
                                const from = new Date(currentDate);
                                currentDate.setDate(date + getDaysDistance(day, weekend.end));
                                const to = new Date(currentDate);
                                breaks.push({
                                    from: from,
                                    to: to
                                })
                            }
                            currentDate.setDate(currentDate.getDate() + 1)
                        }
                    });
                    return breaks
                }(min, max, weekendDayIndices);
                breaks.push.apply(breaks, function(min, max, holidays, weekendDayIndices) {
                    let day;
                    const dayInWeekend = function(dayIndex) {
                        return dayIndex === day
                    };
                    const adjustedMin = _date.default.trimTime(min);
                    const adjustedMax = _date.default.trimTime(max);
                    adjustedMax.setDate(max.getDate() + 1);
                    return holidays.reduce((breaks, holiday) => {
                        let holidayStart;
                        let holidayEnd;
                        holiday = new Date(holiday);
                        day = holiday.getDay();
                        if (!weekendDayIndices.some(dayInWeekend) && holiday >= adjustedMin && holiday <= adjustedMax) {
                            holidayStart = _date.default.trimTime(holiday);
                            holidayEnd = new Date(holidayStart);
                            holidayEnd.setDate(holidayStart.getDate() + 1);
                            breaks.push({
                                from: holidayStart,
                                to: holidayEnd
                            })
                        }
                        return breaks
                    }, [])
                }(min, max, holidays || [], weekendDayIndices));
                return function(breaks) {
                    return breaks.map(b => ({
                        from: b.from,
                        to: b.to,
                        gapSize: _date.default.convertMillisecondsToDateUnits(b.to - b.from)
                    }))
                }(function(breaks, exactWorkDays) {
                    const result = breaks.slice();
                    let i;
                    const processWorkDay = function(workday) {
                        workday = _date.default.trimTime(new Date(workday));
                        if (result[i].from <= workday && result[i].to > workday) {
                            const separatedBreak = function(scaleBreak, day) {
                                const result = [];
                                const dayEnd = new Date(day);
                                dayEnd.setDate(day.getDate() + 1);
                                if (day > scaleBreak.from) {
                                    result.push({
                                        from: scaleBreak.from,
                                        to: day
                                    })
                                }
                                if (dayEnd < scaleBreak.to) {
                                    result.push({
                                        from: dayEnd,
                                        to: scaleBreak.to
                                    })
                                }
                                return result
                            }(result[i], workday);
                            if (2 === separatedBreak.length) {
                                result.splice(i, 1, separatedBreak[0], separatedBreak[1])
                            } else if (1 === separatedBreak.length) {
                                result.splice(i, 1, separatedBreak[0])
                            } else {
                                result.splice(i, 1)
                            }
                        }
                    };
                    for (i = 0; i < result.length; i++) {
                        exactWorkDays.forEach(processWorkDay)
                    }
                    return result
                }(breaks, singleWorkdays || []))
            };
            var _date = (e = __webpack_require__( /*! ../../../core/utils/date */ 41380), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const days = [0, 1, 2, 3, 4, 5, 6];

            function getNextDayIndex(dayIndex) {
                return (dayIndex + 1) % 7
            }

            function dayBetweenWeekend(weekend, day) {
                let {
                    start: start
                } = weekend;
                const {
                    end: end
                } = weekend;
                while (start !== end) {
                    if (start === day) {
                        return true
                    }
                    start = getNextDayIndex(start)
                }
                return false
            }

            function getDaysDistance(day, end) {
                let length = 0;
                while (day !== end) {
                    day = getNextDayIndex(day);
                    length++
                }
                return length
            }
        },
        3664(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.linearSpider = exports.linear = exports.circularSpider = exports.circular = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _axes_constants = _interopRequireDefault(__webpack_require__( /*! ../../viz/axes/axes_constants */ 42919));
            var _axes_utils = __webpack_require__( /*! ../../viz/axes/axes_utils */ 9399);
            var _tick = __webpack_require__( /*! ../../viz/axes/tick */ 33565);
            var _xy_axes = _interopRequireDefault(__webpack_require__( /*! ../../viz/axes/xy_axes */ 38231));
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                PI: PI,
                abs: abs,
                atan: atan,
                round: round
            } = Math;
            const _min = Math.min;
            const _max = Math.max;
            const xyAxesLinear = _xy_axes.default.linear;

            function getPolarQuarter(angle) {
                let quarter;
                angle = (0, _utils.normalizeAngle)(angle);
                if (angle >= 315 && angle <= 360 || angle < 45 && angle >= 0) {
                    quarter = 1
                } else if (angle >= 45 && angle < 135) {
                    quarter = 2
                } else if (angle >= 135 && angle < 225) {
                    quarter = 3
                } else if (angle >= 225 && angle < 315) {
                    quarter = 4
                }
                return quarter
            }
            const circularAxes = {
                _calculateValueMargins(ticks) {
                    let {
                        minVisible: minVisible,
                        maxVisible: maxVisible
                    } = this._getViewportRange();
                    if (ticks && ticks.length > 1) {
                        minVisible = minVisible < ticks[0].value ? minVisible : ticks[0].value;
                        maxVisible = minVisible > ticks[ticks.length - 1].value ? maxVisible : ticks[ticks.length - 1].value
                    }
                    return {
                        minValue: minVisible,
                        maxValue: maxVisible
                    }
                },
                applyMargins() {
                    const margins = this._calculateValueMargins(this._majorTicks);
                    const br = this._translator.getBusinessRange();
                    br.addRange({
                        minVisible: margins.minValue,
                        maxVisible: margins.maxValue,
                        interval: this._calculateRangeInterval(br.interval)
                    });
                    this._translator.updateBusinessRange(br)
                },
                _getTranslatorOptions() {
                    return {
                        isHorizontal: true,
                        conversionValue: true,
                        addSpiderCategory: this._getSpiderCategoryOption(),
                        stick: this._getStick()
                    }
                },
                getCenter() {
                    return this._center
                },
                getRadius() {
                    return this._radius
                },
                getAngles() {
                    const options = this._options;
                    return [options.startAngle, options.endAngle]
                },
                _updateRadius(canvas) {
                    const rad = _min(canvas.width - canvas.left - canvas.right, canvas.height - canvas.top - canvas.bottom) / 2;
                    this._radius = rad < 0 ? 0 : rad
                },
                _updateCenter(canvas) {
                    this._center = {
                        x: canvas.left + (canvas.width - canvas.right - canvas.left) / 2,
                        y: canvas.top + (canvas.height - canvas.top - canvas.bottom) / 2
                    }
                },
                _processCanvas(canvas) {
                    this._updateRadius(canvas);
                    this._updateCenter(canvas);
                    return {
                        left: 0,
                        right: 0,
                        width: this._getScreenDelta()
                    }
                },
                _createAxisElement() {
                    return this._renderer.circle()
                },
                _updateAxisElementPosition() {
                    const center = this.getCenter();
                    this._axisElement.attr({
                        cx: center.x,
                        cy: center.y,
                        r: this.getRadius()
                    })
                },
                _boundaryTicksVisibility: {
                    min: true
                },
                _getSpiderCategoryOption() {
                    return this._options.firstPointOnStartAngle
                },
                _validateOptions(options) {
                    const that = this;
                    let originValue = options.originValue;
                    const wholeRange = options.wholeRange = {};
                    const period = options.period;
                    if ((0, _type.isDefined)(originValue)) {
                        originValue = that.validateUnit(originValue)
                    }
                    if (period > 0 && options.argumentType === _axes_constants.default.numeric) {
                        originValue = originValue || 0;
                        wholeRange.endValue = originValue + period;
                        that._viewport = (0, _utils.getVizRangeObject)([originValue, wholeRange.endValue])
                    }
                    if ((0, _type.isDefined)(originValue)) {
                        wholeRange.startValue = originValue
                    }
                },
                getMargins() {
                    const tickOptions = this._options.tick;
                    const tickOuterLength = _max(tickOptions.visible ? tickOptions.length / 2 + tickOptions.shift : 0, 0);
                    const radius = this.getRadius();
                    const {
                        x: x,
                        y: y
                    } = this._center;
                    const labelBoxes = this._majorTicks.map(t => t.label && t.label.getBBox()).filter(b => b);
                    const canvas = (0, _extend.extend)({}, this._canvas, {
                        left: x - radius,
                        top: y - radius,
                        right: this._canvas.width - (x + radius),
                        bottom: this._canvas.height - (y + radius)
                    });
                    const margins = (0, _axes_utils.calculateCanvasMargins)(labelBoxes, canvas);
                    Object.keys(margins).forEach(k => margins[k] = margins[k] < tickOuterLength ? tickOuterLength : margins[k]);
                    return margins
                },
                _updateLabelsPosition() {
                    (0, _axes_utils.measureLabels)(this._majorTicks);
                    this._adjustLabelsCoord(0, 0, true);
                    this._checkBoundedLabelsOverlapping(this._majorTicks, this._majorTicks.map(t => t.labelBBox))
                },
                _setVisualRange: _common.noop,
                applyVisualRangeSetter: _common.noop,
                _getStick() {
                    return this._options.firstPointOnStartAngle || this._options.type !== _axes_constants.default.discrete
                },
                _getTranslatedCoord(value, offset) {
                    return this._translator.translate(value, offset) - 90
                },
                _getCanvasStartEnd: () => ({
                    start: -90,
                    end: 270
                }),
                _getStripGraphicAttributes(fromAngle, toAngle) {
                    const center = this.getCenter();
                    const angle = this.getAngles()[0];
                    const r = this.getRadius();
                    return {
                        x: center.x,
                        y: center.y,
                        innerRadius: 0,
                        outerRadius: r,
                        startAngle: -toAngle - angle,
                        endAngle: -fromAngle - angle
                    }
                },
                _createStrip(coords) {
                    return this._renderer.arc(coords.x, coords.y, coords.innerRadius, coords.outerRadius, coords.startAngle, coords.endAngle)
                },
                _getStripLabelCoords(from, to) {
                    const coords = this._getStripGraphicAttributes(from, to);
                    const angle = coords.startAngle + (coords.endAngle - coords.startAngle) / 2;
                    const cosSin = (0, _utils.getCosAndSin)(angle);
                    const halfRad = this.getRadius() / 2;
                    const center = this.getCenter();
                    const x = round(center.x + halfRad * cosSin.cos);
                    const y = round(center.y - halfRad * cosSin.sin);
                    return {
                        x: x,
                        y: y,
                        align: _axes_constants.default.center
                    }
                },
                _getConstantLineGraphicAttributes(value) {
                    const center = this.getCenter();
                    const r = this.getRadius();
                    return {
                        points: [center.x, center.y, center.x + r, center.y]
                    }
                },
                _createConstantLine(value, attr) {
                    return this._createPathElement(this._getConstantLineGraphicAttributes(value).points, attr)
                },
                _rotateConstantLine(line, value) {
                    const {
                        x: x,
                        y: y
                    } = this.getCenter();
                    line.rotate(value + this.getAngles()[0], x, y)
                },
                _getConstantLineLabelsCoords(value) {
                    const cosSin = (0, _utils.getCosAndSin)(-value - this.getAngles()[0]);
                    const halfRad = this.getRadius() / 2;
                    const center = this.getCenter();
                    const x = round(center.x + halfRad * cosSin.cos);
                    const y = round(center.y - halfRad * cosSin.sin);
                    return {
                        x: x,
                        y: y
                    }
                },
                _checkAlignmentConstantLineLabels: _common.noop,
                _adjustDivisionFactor(val) {
                    return 180 * val / (this.getRadius() * PI)
                },
                _getScreenDelta() {
                    const angles = this.getAngles();
                    return abs(angles[0] - angles[1])
                },
                _getTickMarkPoints(coords, length, _ref) {
                    let {
                        shift: shift = 0
                    } = _ref;
                    const center = this.getCenter();
                    const radiusWithTicks = this.getRadius() + length * {
                        inside: -1,
                        center: -.5,
                        outside: 0
                    } [this._options.tickOrientation || "center"];
                    return [center.x + radiusWithTicks + shift, center.y, center.x + radiusWithTicks + length + shift, center.y]
                },
                _getLabelAdjustedCoord(tick, _offset, _maxWidth, checkCanvas) {
                    const that = this;
                    const labelCoords = tick.labelCoords;
                    const labelY = labelCoords.y;
                    const labelAngle = labelCoords.angle;
                    const cosSin = (0, _utils.getCosAndSin)(labelAngle);
                    const cos = cosSin.cos;
                    const sin = cosSin.sin;
                    const box = tick.labelBBox;
                    const halfWidth = box.width / 2;
                    const halfHeight = box.height / 2;
                    const indentFromAxis = that._options.label.indentFromAxis || 0;
                    const x = labelCoords.x + indentFromAxis * cos;
                    const y = labelY + (labelY - box.y - halfHeight) + indentFromAxis * sin;
                    let shiftX = 0;
                    let shiftY = 0;
                    switch (getPolarQuarter(labelAngle)) {
                        case 1:
                            shiftX = halfWidth;
                            shiftY = halfHeight * sin;
                            break;
                        case 2:
                            shiftX = halfWidth * cos;
                            shiftY = halfHeight;
                            break;
                        case 3:
                            shiftX = -halfWidth;
                            shiftY = halfHeight * sin;
                            break;
                        case 4:
                            shiftX = halfWidth * cos;
                            shiftY = -halfHeight
                    }
                    if (checkCanvas) {
                        const canvas = that._canvas;
                        const boxShiftX = x - labelCoords.x + shiftX;
                        const boxShiftY = y - labelCoords.y + shiftY;
                        if (box.x + boxShiftX < canvas.originalLeft) {
                            shiftX -= box.x + boxShiftX - canvas.originalLeft
                        }
                        if (box.x + box.width + boxShiftX > canvas.width - canvas.originalRight) {
                            shiftX -= box.x + box.width + boxShiftX - (canvas.width - canvas.originalRight)
                        }
                        if (box.y + boxShiftY < canvas.originalTop) {
                            shiftY -= box.y + boxShiftY - canvas.originalTop
                        }
                        if (box.y + box.height + boxShiftY > canvas.height - canvas.originalBottom) {
                            shiftY -= box.y + box.height + boxShiftY - (canvas.height - canvas.originalBottom)
                        }
                    }
                    return {
                        x: x + shiftX,
                        y: y + shiftY
                    }
                },
                _getGridLineDrawer() {
                    const that = this;
                    return function(tick, gridStyle) {
                        const center = that.getCenter();
                        return that._createPathElement(that._getGridPoints().points, gridStyle).rotate(tick.coords.angle, center.x, center.y)
                    }
                },
                _getGridPoints() {
                    const r = this.getRadius();
                    const center = this.getCenter();
                    return {
                        points: [center.x, center.y, center.x + r, center.y]
                    }
                },
                _getTranslatedValue(value, offset) {
                    const startAngle = this.getAngles()[0];
                    const angle = this._translator.translate(value, -offset);
                    const coords = (0, _utils.convertPolarToXY)(this.getCenter(), startAngle, angle, this.getRadius());
                    return {
                        x: coords.x,
                        y: coords.y,
                        angle: this.getTranslatedAngle(angle)
                    }
                },
                _getAdjustedStripLabelCoords(strip) {
                    const box = strip.labelBBox;
                    return {
                        translateY: strip.label.attr("y") - box.y - box.height / 2
                    }
                },
                coordsIn(x, y) {
                    return (0, _utils.convertXYToPolar)(this.getCenter(), x, y).r > this.getRadius()
                },
                _rotateTick(element, coords) {
                    const center = this.getCenter();
                    element.rotate(coords.angle, center.x, center.y)
                },
                _validateOverlappingMode: mode => _axes_constants.default.validateOverlappingMode(mode),
                _validateDisplayMode: () => "standard",
                _getStep(boxes) {
                    const radius = this.getRadius() + (this._options.label.indentFromAxis || 0);
                    const maxLabelBox = boxes.reduce((prevValue, box) => {
                        const curValue = prevValue;
                        if (prevValue.width < box.width) {
                            curValue.width = box.width
                        }
                        if (prevValue.height < box.height) {
                            curValue.height = box.height
                        }
                        return curValue
                    }, {
                        width: 0,
                        height: 0
                    });
                    const angle1 = abs(2 * atan(maxLabelBox.height / (2 * radius - maxLabelBox.width)) * 180 / PI);
                    const angle2 = abs(2 * atan(maxLabelBox.width / (2 * radius - maxLabelBox.height)) * 180 / PI);
                    return _axes_constants.default.getTicksCountInRange(this._majorTicks, "angle", _max(angle1, angle2))
                },
                _checkBoundedLabelsOverlapping(majorTicks, boxes, mode) {
                    const labelOpt = this._options.label;
                    mode = mode || this._validateOverlappingMode(labelOpt.overlappingBehavior);
                    if ("hide" !== mode) {
                        return
                    }
                    const lastVisibleLabelIndex = majorTicks.reduce((lastVisibleLabelIndex, tick, index) => tick.label ? index : lastVisibleLabelIndex, null);
                    if (!lastVisibleLabelIndex) {
                        return
                    }
                    if (_axes_constants.default.areLabelsOverlap(boxes[0], boxes[lastVisibleLabelIndex], labelOpt.minSpacing, _axes_constants.default.center)) {
                        "first" === labelOpt.hideFirstOrLast ? majorTicks[0].removeLabel() : majorTicks[lastVisibleLabelIndex].removeLabel()
                    }
                },
                shift(margins) {
                    this._axisGroup.attr({
                        translateX: margins.right,
                        translateY: margins.bottom
                    });
                    this._axisElementsGroup.attr({
                        translateX: margins.right,
                        translateY: margins.bottom
                    })
                },
                getTranslatedAngle(angle) {
                    const startAngle = this.getAngles()[0];
                    return angle + startAngle - 90
                }
            };
            exports.circular = circularAxes;
            const circularSpider = exports.circularSpider = (0, _extend.extend)({}, circularAxes, {
                _createAxisElement() {
                    return this._renderer.path([], "area")
                },
                _updateAxisElementPosition() {
                    this._axisElement.attr({
                        points: (0, _utils.map)(this.getSpiderTicks(), tick => ({
                            x: tick.coords.x,
                            y: tick.coords.y
                        }))
                    })
                },
                _getStick: () => true,
                _getSpiderCategoryOption: () => true,
                getSpiderTicks() {
                    const ticks = this.getFullTicks();
                    this._spiderTicks = ticks.map((0, _tick.tick)(this, this.renderer, {}, {}, this._getSkippedCategory(ticks), true));
                    this._spiderTicks.forEach(tick => {
                        tick.initCoords()
                    });
                    return this._spiderTicks
                },
                _getStripGraphicAttributes(fromAngle, toAngle) {
                    const center = this.getCenter();
                    const spiderTicks = this.getSpiderTicks();
                    let firstTick;
                    let lastTick;
                    let nextTick;
                    let tick;
                    const points = [];
                    let i = 0;
                    const len = spiderTicks.length;
                    while (i < len) {
                        tick = spiderTicks[i].coords;
                        if (tick.angle >= fromAngle && tick.angle <= toAngle) {
                            if (!firstTick) {
                                firstTick = (spiderTicks[i - 1] || spiderTicks[spiderTicks.length - 1]).coords;
                                points.push((tick.x + firstTick.x) / 2, (tick.y + firstTick.y) / 2)
                            }
                            points.push(tick.x, tick.y);
                            nextTick = (spiderTicks[i + 1] || spiderTicks[0]).coords;
                            lastTick = {
                                x: (tick.x + nextTick.x) / 2,
                                y: (tick.y + nextTick.y) / 2
                            }
                        }
                        i++
                    }
                    points.push(lastTick.x, lastTick.y);
                    points.push(center.x, center.y);
                    return {
                        points: points
                    }
                },
                _createStrip(_ref2) {
                    let {
                        points: points
                    } = _ref2;
                    return this._renderer.path(points, "area")
                },
                _getTranslatedCoord(value, offset) {
                    return this._translator.translate(value, offset) - 90
                },
                _setTickOffset() {
                    this._tickOffset = false
                }
            });
            const linear = exports.linear = {
                _resetMargins() {
                    this._reinitTranslator(this._getViewportRange())
                },
                _getStick: xyAxesLinear._getStick,
                _getSpiderCategoryOption: _common.noop,
                _getTranslatorOptions() {
                    return {
                        isHorizontal: true,
                        stick: this._getStick()
                    }
                },
                getRadius: circularAxes.getRadius,
                getCenter: circularAxes.getCenter,
                getAngles: circularAxes.getAngles,
                _updateRadius: circularAxes._updateRadius,
                _updateCenter: circularAxes._updateCenter,
                _processCanvas(canvas) {
                    this._updateRadius(canvas);
                    this._updateCenter(canvas);
                    return {
                        left: 0,
                        right: 0,
                        startPadding: canvas.startPadding,
                        endPadding: canvas.endPadding,
                        width: this.getRadius()
                    }
                },
                _createAxisElement: xyAxesLinear._createAxisElement,
                _updateAxisElementPosition() {
                    const centerCoord = this.getCenter();
                    this._axisElement.attr({
                        points: [centerCoord.x, centerCoord.y, centerCoord.x + this.getRadius(), centerCoord.y]
                    }).rotate(this.getAngles()[0] - 90, centerCoord.x, centerCoord.y)
                },
                _getScreenDelta() {
                    return this.getRadius()
                },
                _getTickMarkPoints: (coords, length) => [coords.x - length / 2, coords.y, coords.x + length / 2, coords.y],
                _getLabelAdjustedCoord(tick) {
                    const labelCoords = tick.labelCoords;
                    const labelY = labelCoords.y;
                    const cosSin = (0, _utils.getCosAndSin)(labelCoords.angle);
                    const indentFromAxis = this._options.label.indentFromAxis || 0;
                    const box = tick.labelBBox;
                    const x = labelCoords.x - abs(indentFromAxis * cosSin.sin) + abs(box.width / 2 * cosSin.cos) - box.width / 2;
                    const y = labelY + (labelY - box.y) - abs(box.height / 2 * cosSin.sin) + abs(indentFromAxis * cosSin.cos);
                    return {
                        x: x,
                        y: y
                    }
                },
                _getGridLineDrawer() {
                    const that = this;
                    return function(tick, gridStyle) {
                        const grid = that._getGridPoints(tick.coords);
                        return that._renderer.circle(grid.cx, grid.cy, grid.r).attr(gridStyle).sharp()
                    }
                },
                _getGridPoints(coords) {
                    const pos = this.getCenter();
                    const radius = (0, _utils.getDistance)(pos.x, pos.y, coords.x, coords.y);
                    if (radius > this.getRadius()) {
                        return {
                            cx: null,
                            cy: null,
                            r: null
                        }
                    }
                    return {
                        cx: pos.x,
                        cy: pos.y,
                        r: radius
                    }
                },
                _getTranslatedValue(value, offset) {
                    const startAngle = this.getAngles()[0];
                    const xy = (0, _utils.convertPolarToXY)(this.getCenter(), startAngle, 0, this._translator.translate(value, offset));
                    return {
                        x: xy.x,
                        y: xy.y,
                        angle: startAngle - 90
                    }
                },
                _getTranslatedCoord(value, offset) {
                    return this._translator.translate(value, offset)
                },
                _getCanvasStartEnd() {
                    const invert = this.getTranslator().getBusinessRange().invert;
                    const coords = [0, this.getRadius()];
                    invert && coords.reverse();
                    return {
                        start: coords[0],
                        end: coords[1]
                    }
                },
                _getStripGraphicAttributes(fromPoint, toPoint) {
                    const center = this.getCenter();
                    return {
                        x: center.x,
                        y: center.y,
                        innerRadius: fromPoint,
                        outerRadius: toPoint
                    }
                },
                _createStrip(attrs) {
                    return this._renderer.arc(attrs.x, attrs.y, attrs.innerRadius, attrs.outerRadius, 0, 360)
                },
                _getAdjustedStripLabelCoords: circularAxes._getAdjustedStripLabelCoords,
                _getStripLabelCoords(from, to) {
                    const labelPos = from + (to - from) / 2;
                    const center = this.getCenter();
                    const y = round(center.y - labelPos);
                    return {
                        x: center.x,
                        y: y,
                        align: _axes_constants.default.center
                    }
                },
                _getConstantLineGraphicAttributes(value) {
                    const center = this.getCenter();
                    return {
                        cx: center.x,
                        cy: center.y,
                        r: value
                    }
                },
                _createConstantLine(value, attr) {
                    const attrs = this._getConstantLineGraphicAttributes(value);
                    return this._renderer.circle(attrs.cx, attrs.cy, attrs.r).attr(attr).sharp()
                },
                _getConstantLineLabelsCoords(value) {
                    const center = this.getCenter();
                    const y = round(center.y - value);
                    return {
                        x: center.x,
                        y: y
                    }
                },
                _checkAlignmentConstantLineLabels: _common.noop,
                _rotateTick(element, coords, isGridLine) {
                    !isGridLine && element.rotate(coords.angle + 90, coords.x, coords.y)
                },
                _validateOverlappingMode: circularAxes._validateOverlappingMode,
                _validateDisplayMode: circularAxes._validateDisplayMode,
                _getStep(boxes) {
                    const quarter = getPolarQuarter(this.getAngles()[0]);
                    const spacing = this._options.label.minSpacing;
                    const func = 2 === quarter || 4 === quarter ? function(box) {
                        return box.width + spacing
                    } : function(box) {
                        return box.height
                    };
                    const maxLabelLength = boxes.reduce((prevValue, box) => _max(prevValue, func(box)), 0);
                    return _axes_constants.default.getTicksCountInRange(this._majorTicks, 2 === quarter || 4 === quarter ? "x" : "y", maxLabelLength)
                }
            };
            exports.linearSpider = (0, _extend.extend)({}, linear, {
                _createPathElement(points, attr) {
                    return this._renderer.path(points, "area").attr(attr).sharp()
                },
                setSpiderTicks(ticks) {
                    this._spiderTicks = ticks
                },
                _getGridLineDrawer() {
                    const that = this;
                    return function(tick, gridStyle) {
                        return that._createPathElement(that._getGridPoints(tick.coords).points, gridStyle)
                    }
                },
                _getGridPoints(coords) {
                    const pos = this.getCenter();
                    const radius = (0, _utils.getDistance)(pos.x, pos.y, coords.x, coords.y);
                    return this._getGridPointsByRadius(radius)
                },
                _getGridPointsByRadius(radius) {
                    const pos = this.getCenter();
                    if (radius > this.getRadius()) {
                        return {
                            points: null
                        }
                    }
                    return {
                        points: (0, _utils.map)(this._spiderTicks, tick => {
                            const cosSin = (0, _utils.getCosAndSin)(tick.coords.angle);
                            return {
                                x: round(pos.x + radius * cosSin.cos),
                                y: round(pos.y + radius * cosSin.sin)
                            }
                        })
                    }
                },
                _getStripGraphicAttributes(fromPoint, toPoint) {
                    const innerPoints = this._getGridPointsByRadius(toPoint).points;
                    const outerPoints = this._getGridPointsByRadius(fromPoint).points;
                    return {
                        points: [outerPoints, innerPoints.reverse()]
                    }
                },
                _createStrip: circularSpider._createStrip,
                _getConstantLineGraphicAttributes(value) {
                    return this._getGridPointsByRadius(value)
                },
                _createConstantLine(value, attr) {
                    return this._createPathElement(this._getConstantLineGraphicAttributes(value).points, attr)
                }
            })
        },
        97154(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.formatRange = function(_ref2) {
                let {
                    startValue: startValue,
                    endValue: endValue,
                    tickInterval: tickInterval,
                    argumentFormat: argumentFormat,
                    axisOptions: {
                        dataType: dataType,
                        type: type,
                        logarithmBase: logarithmBase
                    }
                } = _ref2;
                if ("discrete" === type) {
                    return ""
                }
                if ("datetime" === dataType) {
                    return function(startValue, endValue, tickInterval) {
                        const diff = getDatesDifferences(startValue, endValue);
                        const typeFormat = _date.default.getDateFormatByTickInterval(tickInterval);
                        const diffFormatType = _format_helper.default.getDateFormatByDifferences(diff, typeFormat);
                        const diffFormat = createFormat(diffFormatType);
                        const values = [];
                        if (tickInterval in diff) {
                            const rangeFormat = function(diff, interval) {
                                let stop = false;
                                for (const i in diff) {
                                    if (stop) {
                                        diff[i] = false
                                    } else if (i === interval) {
                                        stop = true
                                    } else {
                                        diff[i] = true
                                    }
                                }
                                return createFormat(_format_helper.default.getDateFormatByDifferences(diff))
                            }(getDatesDifferences(startValue, endValue), tickInterval);
                            const value = _format(startValue, rangeFormat);
                            if (value) {
                                values.push(value)
                            }
                        } else {
                            const rangeFormat = function(diff) {
                                let stop = false;
                                for (const i in diff) {
                                    if (true === diff[i] || "hour" === i || stop) {
                                        diff[i] = false;
                                        stop = true
                                    } else if (false === diff[i]) {
                                        diff[i] = true
                                    }
                                }
                                return createFormat(_format_helper.default.getDateFormatByDifferences(diff))
                            }(getDatesDifferences(startValue, endValue));
                            const highValue = _format(startValue, rangeFormat);
                            if (highValue) {
                                values.push(highValue)
                            }
                            values.push(`${_format(startValue,diffFormat)} - ${_format(endValue,diffFormat)}`)
                        }
                        return values.join(", ")
                    }(startValue, endValue, function(interval) {
                        if ((0, _type.isObject)(interval)) {
                            const dateUnits = Object.keys(interval);
                            const sum = dateUnits.reduce((sum, k) => interval[k] + sum, 0);
                            if (1 === sum) {
                                const dateUnit = dateUnits.filter(k => 1 === interval[k])[0];
                                return dateUnit.slice(0, dateUnit.length - 1)
                            }
                        }
                        return interval
                    }(tickInterval))
                }
                const formatOptions = {
                    ticks: [],
                    type: type,
                    dataType: dataType,
                    tickInterval: tickInterval,
                    logarithmBase: logarithmBase,
                    labelOptions: {
                        format: argumentFormat
                    }
                };
                return `${smartFormatter(startValue,formatOptions)} - ${smartFormatter(endValue,formatOptions)}`
            };
            exports.smartFormatter = smartFormatter;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _format_helper = _interopRequireDefault(__webpack_require__( /*! ../../../format_helper */ 2082));
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const _format = _format_helper.default.format;
            const {
                abs: abs,
                floor: floor
            } = Math;
            const formats = ["fixedPoint", "thousands", "millions", "billions", "trillions", "exponential"];
            const dateUnitIntervals = ["millisecond", "second", "minute", "hour", "day", "month", "year"];
            const INTERVALS_MAP = {
                week: "day",
                quarter: "month",
                shorttime: "hour",
                longtime: "second"
            };

            function getDatesDifferences(prevDate, curDate, nextDate, tickIntervalFormat) {
                tickIntervalFormat = INTERVALS_MAP[tickIntervalFormat] || tickIntervalFormat;
                const tickFormatIndex = dateUnitIntervals.indexOf(tickIntervalFormat);
                if (nextDate) {
                    const nextDifferences = _date.default.getDatesDifferences(curDate, nextDate);
                    if (nextDifferences[tickIntervalFormat]) {
                        ! function(differences, tickFormatIndex) {
                            for (let i = tickFormatIndex; i < dateUnitIntervals.length - 1; i++) {
                                const dateUnitInterval = dateUnitIntervals[i];
                                if (i === tickFormatIndex) {
                                    setDateUnitInterval(differences, tickFormatIndex + (differences.millisecond ? 2 : 1));
                                    break
                                } else if (differences[dateUnitInterval] && differences.count > 1) {
                                    resetDateUnitInterval(differences, i);
                                    break
                                }
                            }
                        }(nextDifferences, tickFormatIndex)
                    }
                    return nextDifferences
                } else {
                    const prevDifferences = _date.default.getDatesDifferences(prevDate, curDate);
                    const patched = function(differences, tickFormatIndex) {
                        let patched = false;
                        for (let i = dateUnitIntervals.length - 1; i >= tickFormatIndex; i--) {
                            const dateUnitInterval = dateUnitIntervals[i];
                            if (differences[dateUnitInterval]) {
                                if (i - tickFormatIndex > 1) {
                                    for (let j = 0; j <= tickFormatIndex; j++) {
                                        resetDateUnitInterval(differences, j);
                                        patched = true
                                    }
                                    break
                                }
                            }
                        }
                        return patched
                    }(prevDifferences, tickFormatIndex);
                    if (!patched && 1 === prevDifferences.count) {
                        setDateUnitInterval(prevDifferences, tickFormatIndex)
                    }
                    return prevDifferences
                }
            }

            function resetDateUnitInterval(differences, intervalIndex) {
                const dateUnitInterval = dateUnitIntervals[intervalIndex];
                if (differences[dateUnitInterval]) {
                    differences[dateUnitInterval] = false;
                    differences.count--
                }
            }

            function setDateUnitInterval(differences, intervalIndex) {
                const dateUnitInterval = dateUnitIntervals[intervalIndex];
                if (false === differences[dateUnitInterval]) {
                    differences[dateUnitInterval] = true;
                    differences.count++
                }
            }

            function getTransitionTickIndex(ticks, value) {
                let i;
                let curDiff;
                let minDiff;
                let nearestTickIndex = 0;
                minDiff = abs(value - ticks[0]);
                for (i = 1; i < ticks.length; i++) {
                    curDiff = abs(value - ticks[i]);
                    if (curDiff < minDiff) {
                        minDiff = curDiff;
                        nearestTickIndex = i
                    }
                }
                return nearestTickIndex
            }

            function splitDecimalNumber(value) {
                return value.toString().split(".")
            }

            function createFormat(type) {
                let formatter;
                if ((0, _type.isFunction)(type)) {
                    formatter = type;
                    type = null
                }
                return {
                    type: type,
                    formatter: formatter
                }
            }

            function getFormatExponential(tick, tickInterval) {
                const stringTick = abs(tick).toString();
                if ((0, _type.isExponential)(tick)) {
                    return Math.max(abs((0, _math.getExponent)(tick) - (0, _math.getExponent)(tickInterval)), abs((0, _math.getPrecision)(tick) - (0, _math.getPrecision)(tickInterval)))
                }
                return abs((str = stringTick.split(".")[1], str.length - parseInt(str).toString().length) - (0, _math.getExponent)(tickInterval) + 1);
                var str
            }

            function smartFormatter(tick, options) {
                let {
                    tickInterval: tickInterval
                } = options;
                const stringTick = abs(tick).toString();
                let {
                    format: format
                } = options.labelOptions;
                const {
                    ticks: ticks
                } = options;
                const isLogarithmic = "logarithmic" === options.type;
                if (1 === ticks.length && 0 === ticks.indexOf(tick) && !(0, _type.isDefined)(tickInterval)) {
                    tickInterval = abs(tick) >= 1 ? 1 : (0, _math.adjust)(1 - abs(tick), tick)
                }
                if (Object.is(tick, -0)) {
                    tick = 0
                }
                if (!(0, _type.isDefined)(format) && "discrete" !== options.type && tick && (10 === options.logarithmBase || !isLogarithmic)) {
                    if ("datetime" !== options.dataType && (0, _type.isDefined)(tickInterval)) {
                        if (ticks.length && -1 === ticks.indexOf(tick)) {
                            const indexOfTick = getTransitionTickIndex(ticks, tick);
                            tickInterval = (0, _math.adjust)(abs(tick - ticks[indexOfTick]), tick)
                        }
                        if (isLogarithmic) {
                            return function(tick) {
                                const log10Tick = (0, _utils.getAdjustedLog10)(abs(tick));
                                let type;
                                if (log10Tick > 0) {
                                    type = formats[floor(log10Tick / 3)] || "exponential"
                                } else if (log10Tick < -4) {
                                    type = "exponential"
                                } else {
                                    return _format((0, _math.adjust)(tick))
                                }
                                return _format(tick, {
                                    type: type,
                                    precision: 0
                                })
                            }(tick)
                        }
                        let separatedTickInterval = splitDecimalNumber(tickInterval);
                        if (separatedTickInterval < 2) {
                            separatedTickInterval = splitDecimalNumber(tick)
                        }
                        if (separatedTickInterval.length > 1 && !(0, _type.isExponential)(tickInterval)) {
                            format = {
                                type: formats[0],
                                precision: separatedTickInterval[1].length
                            }
                        } else if ((0, _type.isExponential)(tickInterval) && (stringTick.includes(".") || (0, _type.isExponential)(tick))) {
                            format = {
                                type: "exponential",
                                precision: getFormatExponential(tick, tickInterval)
                            }
                        } else {
                            format = function(tick, tickInterval) {
                                const tickIntervalIndex = floor((0, _utils.getAdjustedLog10)(tickInterval));
                                let tickIndex;
                                let precision = 0;
                                let actualIndex = tickIndex = floor((0, _utils.getAdjustedLog10)(abs(tick)));
                                if (tickIndex - tickIntervalIndex >= 2) {
                                    actualIndex = tickIntervalIndex
                                }
                                let indexOfFormat = floor(actualIndex / 3);
                                const offset = 3 * indexOfFormat;
                                if (indexOfFormat < 0) {
                                    indexOfFormat = 0
                                }
                                const typeFormat = formats[indexOfFormat] || formats[formats.length - 1];
                                if (offset > 0) {
                                    const separatedTickInterval = splitDecimalNumber(tickInterval / 10 ** offset);
                                    if (separatedTickInterval[1]) {
                                        precision = separatedTickInterval[1].length
                                    }
                                }
                                return {
                                    precision: precision,
                                    type: typeFormat
                                }
                            }(tick, tickInterval)
                        }
                    } else if ("datetime" === options.dataType) {
                        format = function(tick, _ref) {
                            let {
                                showTransition: showTransition,
                                ticks: ticks,
                                tickInterval: tickInterval
                            } = _ref;
                            let typeFormat = _date.default.getDateFormatByTickInterval(tickInterval);
                            let prevDateIndex;
                            let nextDateIndex;
                            if (showTransition && ticks.length) {
                                const indexOfTick = ticks.map(Number).indexOf(+tick);
                                if (1 === ticks.length && 0 === indexOfTick) {
                                    typeFormat = _format_helper.default.getDateFormatByTicks(ticks)
                                } else {
                                    if (-1 === indexOfTick) {
                                        prevDateIndex = getTransitionTickIndex(ticks, tick)
                                    } else {
                                        prevDateIndex = 0 === indexOfTick ? ticks.length - 1 : indexOfTick - 1;
                                        nextDateIndex = 0 === indexOfTick ? 1 : -1
                                    }
                                    const datesDifferences = getDatesDifferences(ticks[prevDateIndex], tick, ticks[nextDateIndex], typeFormat);
                                    typeFormat = _format_helper.default.getDateFormatByDifferences(datesDifferences, typeFormat)
                                }
                            }
                            return createFormat(typeFormat)
                        }(tick, options)
                    }
                }
                return _format(tick, format)
            }
        },
        33528(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = function(axis, options) {
                let storedCoord;
                let lastStoredCoordinates;
                const labelOptions = options.label || {};
                return {
                    options: options,
                    label: null,
                    rect: null,
                    _getCoord() {
                        const canvas = axis._getCanvasStartEnd();
                        const range = axis._translator.getBusinessRange();
                        return axis._getStripPos(options.startValue, options.endValue, canvas.start, canvas.end, range)
                    },
                    _drawLabel: coords => axis._renderer.text(labelOptions.text, coords.x, coords.y).css((0, _utils.patchFontOptions)((0, _extend.extend)({}, axis.getOptions().label.font, labelOptions.font))).attr({
                        align: "center",
                        class: labelOptions.cssClass
                    }).append(axis._axisStripLabelGroup),
                    draw() {
                        if (axis._translator.getBusinessRange().isEmpty()) {
                            return
                        }
                        if (((0, _type.isDefined)(options.startValue) || (0, _type.isDefined)(options.endValue)) && (0, _type.isDefined)(options.color)) {
                            const stripPos = this._getCoord();
                            this.labelCoords = labelOptions.text ? axis._getStripLabelCoords(stripPos.from, stripPos.to, labelOptions) : null;
                            if (stripPos.outOfCanvas || !(0, _type.isDefined)(stripPos.to) || !(0, _type.isDefined)(stripPos.from)) {
                                return
                            }
                            this.rect = axis._createStrip(axis._getStripGraphicAttributes(stripPos.from, stripPos.to)).attr({
                                fill: options.color
                            }).append(axis._axisStripGroup);
                            this.label = labelOptions.text ? this._drawLabel(this.labelCoords) : null
                        }
                    },
                    getContentContainer() {
                        return this.label
                    },
                    removeLabel() {},
                    updatePosition(animate) {
                        const stripPos = this._getCoord();
                        if (animate && storedCoord) {
                            this.label && this.label.attr(axis._getStripLabelCoords(storedCoord.from, storedCoord.to, options.label));
                            this.rect && this.rect.attr(axis._getStripGraphicAttributes(storedCoord.from, storedCoord.to));
                            this.label && this.label.animate(axis._getStripLabelCoords(stripPos.from, stripPos.to, options.label));
                            this.rect && this.rect.animate(axis._getStripGraphicAttributes(stripPos.from, stripPos.to))
                        } else {
                            this.label && this.label.attr(axis._getStripLabelCoords(stripPos.from, stripPos.to, options.label));
                            this.rect && this.rect.attr(axis._getStripGraphicAttributes(stripPos.from, stripPos.to))
                        }
                    },
                    saveCoords() {
                        lastStoredCoordinates = storedCoord;
                        storedCoord = this._getCoord()
                    },
                    resetCoordinates() {
                        storedCoord = lastStoredCoordinates
                    }
                }
            };
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013)
        },
        33565(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.tick = function(axis, renderer, tickOptions, gridOptions, skippedCategory, skipLabels, offset) {
                const tickOffset = offset || axis._tickOffset;
                const lineGroup = axis._axisLineGroup;
                const elementsGroup = axis._axisElementsGroup;
                const tickStyle = getPathStyle(tickOptions);
                const gridStyle = getPathStyle(gridOptions);
                const emptyStrRegExp = /^\s+$/;
                const axisOptions = axis.getOptions();
                const labelOptions = axisOptions.label;
                const labelStyle = axis._textOptions;

                function getLabelFontStyle(tick) {
                    let fontStyle = axis._textFontStyles;
                    const customizeColor = labelOptions.customizeColor;
                    if (customizeColor && customizeColor.call) {
                        fontStyle = (0, _extend.extend)({}, axis._textFontStyles, {
                            fill: customizeColor.call(tick, tick)
                        })
                    }
                    return fontStyle
                }

                function createLabelHint(tick, range) {
                    const labelHint = axis.formatHint(tick.value, labelOptions, range);
                    if ((0, _type.isDefined)(labelHint) && "" !== labelHint) {
                        tick.getContentContainer().setTitle(labelHint)
                    }
                }
                return function(value) {
                    const tick = {
                        value: value,
                        updateValue(newValue) {
                            this.value = value = newValue
                        },
                        initCoords() {
                            this.coords = axis._getTranslatedValue(value, tickOffset);
                            this.labelCoords = axis._getTranslatedValue(value)
                        },
                        saveCoords() {
                            (0, _deferred.when)(this._templateDef).done(() => {
                                this._lastStoredCoordinates = {
                                    coords: this._storedCoords,
                                    labelCoords: this._storedLabelsCoords
                                };
                                this._storedCoords = this.coords;
                                this._storedLabelsCoords = this.templateContainer ? this._getTemplateCoords() : this.labelCoords
                            })
                        },
                        resetCoordinates() {
                            if (this._lastStoredCoordinates) {
                                this._storedCoords = this._lastStoredCoordinates.coords;
                                this._storedLabelsCoords = this._lastStoredCoordinates.labelCoords
                            }
                        },
                        drawMark(options) {
                            if (!tickOptions.visible || skippedCategory === value) {
                                return
                            }
                            if (axis.areCoordsOutsideAxis(this.coords)) {
                                return
                            }
                            if (this.mark) {
                                this.mark.append(lineGroup);
                                axis.sharp(this.mark, axis.getSharpDirectionByCoords(this.coords));
                                this.updateTickPosition(options)
                            } else {
                                this.mark = axis._createPathElement([], tickStyle, axis.getSharpDirectionByCoords(this.coords)).append(lineGroup);
                                this.updateTickPosition(options)
                            }
                        },
                        setSkippedCategory(category) {
                            skippedCategory = category
                        },
                        _updateLine(lineElement, settings, storedSettings, animate, isGridLine) {
                            if (!lineElement) {
                                return
                            }
                            if (null === settings.points || null === settings.r) {
                                lineElement.remove();
                                return
                            }
                            if (animate && storedSettings && null !== storedSettings.points) {
                                settings.opacity = 1;
                                lineElement.attr(storedSettings);
                                lineElement.animate(settings)
                            } else {
                                settings.opacity = animate ? 0 : 1;
                                lineElement.attr(settings);
                                animate && lineElement.animate({
                                    opacity: 1
                                }, {
                                    delay: .5,
                                    partitionDuration: .5
                                })
                            }
                            this.coords.angle && axis._rotateTick(lineElement, this.coords, isGridLine)
                        },
                        updateTickPosition(options, animate) {
                            this._updateLine(this.mark, {
                                points: axis._getTickMarkPoints(tick.coords, tickOptions.length, options)
                            }, this._storedCoords && {
                                points: axis._getTickMarkPoints(tick._storedCoords, tickOptions.length, options)
                            }, animate, false)
                        },
                        drawLabel(range, template) {
                            if (this.templateContainer && axis.isRendered()) {
                                this.updateLabelPosition();
                                return
                            }
                            const labelIsVisible = labelOptions.visible && !skipLabels && !axis.getTranslator().getBusinessRange().isEmpty() && !axis.areCoordsOutsideAxis(this.labelCoords);
                            if (!labelIsVisible) {
                                if (this.label) {
                                    this.removeLabel()
                                }
                                return
                            }
                            const templateOption = labelOptions.template;
                            const text = axis.formatLabel(value, labelOptions, range);
                            if (this.label) {
                                this.label.attr({
                                    text: text,
                                    rotate: 0
                                }).append(elementsGroup);
                                createLabelHint(this, range);
                                this.updateLabelPosition();
                                return
                            }
                            if (templateOption) {
                                this.templateContainer = renderer.g().append(elementsGroup);
                                this._templateDef && this._templateDef.reject();
                                this._templateDef = (0, _deferred.Deferred)();
                                template.render({
                                    model: {
                                        valueText: text,
                                        value: this.value,
                                        labelFontStyle: getLabelFontStyle(this),
                                        labelStyle: labelStyle
                                    },
                                    container: this.templateContainer.element,
                                    onRendered: () => {
                                        this.updateLabelPosition();
                                        this._templateDef && this._templateDef.resolve()
                                    }
                                })
                            } else if ((0, _type.isDefined)(text) && "" !== text && !emptyStrRegExp.test(text)) {
                                this.label = renderer.text(text).css(getLabelFontStyle(this)).attr(labelStyle).append(elementsGroup);
                                this.updateLabelPosition();
                                createLabelHint(this, range)
                            }
                            const containerForData = this.getContentContainer();
                            containerForData && containerForData.data("chart-data-argument", this.value);
                            this.templateContainer && createLabelHint(this, range)
                        },
                        getTemplateDeferred() {
                            return this._templateDef
                        },
                        getContentContainer() {
                            return this.templateContainer || this.label
                        },
                        fadeOutElements() {
                            const startSettings = {
                                opacity: 1
                            };
                            const endSettings = {
                                opacity: 0
                            };
                            const animationSettings = {
                                partitionDuration: .5
                            };
                            if (this.getContentContainer()) {
                                this._fadeOutLabel()
                            }
                            if (this.grid) {
                                this.grid.append(axis._axisGridGroup).attr(startSettings).animate(endSettings, animationSettings)
                            }
                            if (this.mark) {
                                this.mark.append(axis._axisLineGroup).attr(startSettings).animate(endSettings, animationSettings)
                            }
                        },
                        _fadeInLabel() {
                            const group = axis._renderer.g().attr({
                                opacity: 0
                            }).append(axis._axisElementsGroup).animate({
                                opacity: 1
                            }, {
                                delay: .5,
                                partitionDuration: .5
                            });
                            this.getContentContainer().append(group)
                        },
                        _fadeOutLabel() {
                            const group = axis._renderer.g().attr({
                                opacity: 1
                            }).animate({
                                opacity: 0
                            }, {
                                partitionDuration: .5
                            }).append(axis._axisElementsGroup).toBackground();
                            this.getContentContainer().append(group)
                        },
                        _getTemplateCoords() {
                            return axis._getLabelAdjustedCoord(this, (axis._constantLabelOffset || 0) + (tick.labelOffset || 0))
                        },
                        updateLabelPosition(animate) {
                            const templateContainer = this.templateContainer;
                            if (!this.getContentContainer()) {
                                return
                            }
                            if (animate && this._storedLabelsCoords) {
                                if (templateContainer) {
                                    templateContainer.attr(this._storedLabelsCoords);
                                    const lCoords = this._getTemplateCoords();
                                    templateContainer.animate(lCoords)
                                } else {
                                    this.label.attr({
                                        x: this._storedLabelsCoords.x,
                                        y: this._storedLabelsCoords.y
                                    });
                                    this.label.animate({
                                        x: this.labelCoords.x,
                                        y: this.labelCoords.y
                                    })
                                }
                            } else {
                                if (templateContainer) {
                                    const lCoords = this._getTemplateCoords();
                                    templateContainer.attr(lCoords)
                                } else {
                                    this.label.attr({
                                        x: this.labelCoords.x,
                                        y: this.labelCoords.y
                                    })
                                }
                                if (animate) {
                                    this._fadeInLabel()
                                }
                            }
                        },
                        updateMultilineTextAlignment() {
                            if (labelOptions.template || !this.label) {
                                return
                            }
                            this.label.attr({
                                textsAlignment: this.labelAlignment || axis.getOptions().label.alignment
                            })
                        },
                        drawGrid(drawLine) {
                            if (gridOptions.visible && skippedCategory !== this.value) {
                                if (this.grid) {
                                    this.grid.append(axis._axisGridGroup);
                                    axis.sharp(this.grid, axis.getSharpDirectionByCoords(this.coords));
                                    this.updateGridPosition()
                                } else {
                                    this.grid = drawLine(this, gridStyle);
                                    this.grid && this.grid.append(axis._axisGridGroup)
                                }
                            }
                        },
                        updateGridPosition(animate) {
                            this._updateLine(this.grid, axis._getGridPoints(tick.coords), this._storedCoords && axis._getGridPoints(this._storedCoords), animate, true)
                        },
                        removeLabel() {
                            const contentContainer = this.getContentContainer();
                            contentContainer && contentContainer.remove();
                            this._templateDef && this._templateDef.reject();
                            this._templateDef = this.templateContainer = this.label = null
                        }
                    };
                    return tick
                }
            };
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);

            function getPathStyle(options) {
                return {
                    stroke: options.color,
                    "stroke-width": options.width,
                    "stroke-opacity": options.opacity,
                    opacity: 1
                }
            }
        },
        17323(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.tickGenerator = void 0;
            var _date = (e = __webpack_require__( /*! ../../../core/utils/date */ 41380), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            const {
                convertDateUnitToMilliseconds: convertDateUnitToMilliseconds
            } = _date.default;
            const {
                dateToMilliseconds: dateToMilliseconds
            } = _date.default;
            const math = Math;
            const mathAbs = math.abs;
            const mathFloor = math.floor;
            const mathCeil = math.ceil;
            math.pow;
            const NUMBER_MULTIPLIERS = [1, 2, 2.5, 5];
            const LOGARITHMIC_MULTIPLIERS = [1, 2, 3, 5];
            const DATETIME_MULTIPLIERS = {
                millisecond: [1, 2, 5, 10, 25, 50, 100, 250, 500],
                second: [1, 2, 3, 5, 10, 15, 20, 30],
                minute: [1, 2, 3, 5, 10, 15, 20, 30],
                hour: [1, 2, 3, 4, 6, 8, 12],
                day: [1, 2],
                week: [1, 2],
                month: [1, 2, 3, 6]
            };
            const DATETIME_MULTIPLIERS_WITH_BIG_WEEKEND = (0, _extend.extend)({}, DATETIME_MULTIPLIERS, {
                day: [1]
            });
            const DATETIME_MINOR_MULTIPLIERS = {
                millisecond: [1, 2, 5, 10, 25, 50, 100, 250, 500],
                second: [1, 2, 3, 5, 10, 15, 20, 30],
                minute: [1, 2, 3, 5, 10, 15, 20, 30],
                hour: [1, 2, 3, 4, 6, 8, 12],
                day: [1, 2, 3, 7, 14],
                month: [1, 2, 3, 6]
            };
            const MINOR_DELIMITERS = [2, 4, 5, 8, 10];
            const getValue = value => value;
            const getLogValue = (base, allowNegatives, linearThreshold) => value => (0, _utils.getLogExt)(value, base, allowNegatives, linearThreshold);
            const correctValueByInterval = (post, round, getValue) => (value, interval) => (0, _math.adjust)(post(round((0, _math.adjust)(getValue(value) / interval)) * interval));

            function correctMinValueByEndOnTick(floorFunc, ceilFunc, resolveEndOnTick, endOnTick) {
                if ((0, _type.isDefined)(endOnTick)) {
                    return endOnTick ? floorFunc : ceilFunc
                }
                return function(value, interval, businessViewInfo, forceEndOnTick) {
                    const floorTickValue = floorFunc(value, interval);
                    if (value - floorTickValue === 0 || !(0, _type.isDefined)(businessViewInfo) || resolveEndOnTick(value, floorTickValue, interval, businessViewInfo) || forceEndOnTick) {
                        return floorTickValue
                    }
                    return ceilFunc(value, interval)
                }
            }

            function resolveEndOnTick(curValue, tickValue, interval, businessViewInfo) {
                const prevTickDataDiff = interval - mathAbs(tickValue - curValue);
                const intervalCount = math.max(mathCeil(businessViewInfo.businessDelta / interval), 2);
                const businessRatio = businessViewInfo.screenDelta / (intervalCount * interval);
                const potentialTickScreenDiff = math.round(businessRatio * prevTickDataDiff);
                const delimiterFactor = (0, _utils.getLogExt)(businessRatio * interval / businessViewInfo.axisDivisionFactor, 2) + 1;
                const delimiterMultiplier = (businessViewInfo.isSpacedMargin ? 2 : 1) * delimiterFactor;
                const screenDelimiter = math.round(3 * delimiterMultiplier);
                return businessViewInfo.businessDelta > businessViewInfo.interval && potentialTickScreenDiff >= screenDelimiter
            }

            function resolveEndOnTickLog(base) {
                return function(curValue, tickValue, interval, businessViewInfo) {
                    return resolveEndOnTick((0, _utils.getLogExt)(curValue, base), (0, _utils.getLogExt)(tickValue, base), interval, businessViewInfo)
                }
            }

            function resolveEndOnTickDate(curValue, tickValue, interval, businessViewInfo) {
                return resolveEndOnTick(curValue.valueOf(), tickValue.valueOf(), dateToMilliseconds(interval), businessViewInfo)
            }

            function getBusinessDelta(data, breaks) {
                let spacing = 0;
                if (breaks) {
                    spacing = breaks.reduce((prev, item) => prev + (item.to - item.from), 0)
                }
                return mathAbs(data.max - data.min - spacing)
            }

            function getIntervalByFactor(businessDelta, screenDelta, axisDivisionFactor, addTickCount) {
                let count = screenDelta / axisDivisionFactor - (addTickCount || 0);
                count = count < 1 ? 1 : count;
                return businessDelta / count
            }

            function getMultiplierFactor(interval, factorDelta) {
                return 10 ** (mathFloor((0, _utils.getLogExt)(interval, 10)) + (factorDelta || 0))
            }

            function calculateTickInterval(businessDelta, screenDelta, tickInterval, forceTickInterval, axisDivisionFactor, multipliers, allowDecimals, addTickCount, _, minTickInterval) {
                const interval = getIntervalByFactor(businessDelta, screenDelta, axisDivisionFactor, addTickCount);
                let result = 1;
                const onlyIntegers = false === allowDecimals;
                if (!forceTickInterval || !tickInterval) {
                    if (interval >= 1 || !onlyIntegers && interval > 0) {
                        result = adjustInterval(interval, multipliers, onlyIntegers)
                    }
                    if (!tickInterval || !forceTickInterval && tickInterval < result) {
                        tickInterval = result
                    }
                }
                if (!forceTickInterval && minTickInterval) {
                    minTickInterval = adjustInterval(minTickInterval, multipliers, onlyIntegers);
                    if (minTickInterval > tickInterval) {
                        tickInterval = minTickInterval
                    }
                }
                return tickInterval
            }

            function adjustInterval(interval, multipliers, onlyIntegers) {
                const factor = getMultiplierFactor(interval, -1);
                let result = 1;
                multipliers = multipliers || NUMBER_MULTIPLIERS;
                if (interval > 0) {
                    interval /= factor;
                    result = multipliers.concat(10 * multipliers[0]).map(m => 10 * m).reduce((r, m) => {
                        if (.1 === factor && onlyIntegers && 25 === m) {
                            return r
                        }
                        return r < interval ? m : r
                    }, 0);
                    result = (0, _math.adjust)(result * factor, factor)
                }
                return result
            }

            function calculateMinorTickInterval(businessDelta, screenDelta, tickInterval, axisDivisionFactor) {
                const interval = getIntervalByFactor(businessDelta, screenDelta, axisDivisionFactor);
                return tickInterval || MINOR_DELIMITERS.reduce((r, d) => {
                    const cur = businessDelta / d;
                    return cur >= interval ? cur : r
                }, 0)
            }

            function getAdjustIntervalLog(skipCalculationLimits) {
                return function(interval, multipliers) {
                    let factor = getMultiplierFactor(interval);
                    multipliers = multipliers || LOGARITHMIC_MULTIPLIERS;
                    if (!skipCalculationLimits && factor < 1) {
                        factor = 1
                    }
                    return multipliers.concat(10 * multipliers[0]).reduce((r, m) => r < interval ? m * factor : r, 0)
                }
            }

            function numbersReducer(interval, key) {
                return function(r, m) {
                    if (!r && interval <= convertDateUnitToMilliseconds(key, m)) {
                        r = {};
                        r[`${key}s`] = m
                    }
                    return r
                }
            }

            function yearsReducer(interval, factor) {
                return function(r, m) {
                    const years = factor * m;
                    if (!r && interval <= convertDateUnitToMilliseconds("year", years) && 2.5 !== years) {
                        r = {
                            years: years
                        }
                    }
                    return r
                }
            }

            function calculateTickIntervalDateTime(businessDelta, screenDelta, tickInterval, forceTickInterval, axisDivisionFactor, multipliers, allowDecimals, addTickCount, gapSize, minTickInterval) {
                if (!forceTickInterval || !tickInterval) {
                    const result = adjustIntervalDateTime(getIntervalByFactor(businessDelta, screenDelta, axisDivisionFactor), multipliers, null, gapSize);
                    if (!tickInterval || !forceTickInterval && dateToMilliseconds(tickInterval) <= dateToMilliseconds(result)) {
                        tickInterval = result
                    }
                }
                if (!forceTickInterval && minTickInterval) {
                    minTickInterval = adjustIntervalDateTime(minTickInterval, multipliers, null, gapSize);
                    if (dateToMilliseconds(minTickInterval) > dateToMilliseconds(tickInterval)) {
                        tickInterval = minTickInterval
                    }
                }
                return tickInterval
            }

            function adjustIntervalDateTime(interval, multipliers, _, gapSize) {
                let result;
                multipliers = multipliers || function(gapSize) {
                    if (gapSize && gapSize > 2) {
                        return DATETIME_MULTIPLIERS_WITH_BIG_WEEKEND
                    }
                    return DATETIME_MULTIPLIERS
                }(gapSize);
                for (const key in multipliers) {
                    result = multipliers[key].reduce(numbersReducer(interval, key), result);
                    if (result) {
                        break
                    }
                }
                if (!result) {
                    for (let factor = 1;; factor *= 10) {
                        result = NUMBER_MULTIPLIERS.reduce(yearsReducer(interval, factor), result);
                        if (result) {
                            break
                        }
                    }
                }
                return result
            }

            function calculateMinorTickIntervalDateTime(businessDelta, screenDelta, tickInterval, axisDivisionFactor) {
                return calculateTickIntervalDateTime(businessDelta, screenDelta, tickInterval, true, axisDivisionFactor, DATETIME_MINOR_MULTIPLIERS)
            }

            function getTickIntervalByCustomTicks(getValue, postProcess) {
                return ticks => ticks ? postProcess(mathAbs((0, _math.adjust)(getValue(ticks[1]) - getValue(ticks[0])))) || void 0 : void 0
            }

            function addInterval(value, interval, isNegative) {
                return _date.default.addInterval(value, interval, isNegative)
            }

            function addIntervalDate(value, interval, isNegative) {
                return addInterval(value, interval, isNegative)
            }

            function addIntervalWithBreaks(addInterval, breaks, correctValue) {
                breaks = breaks.filter(b => !b.gapSize);
                return function(value, interval, isNegative) {
                    let breakSize;
                    value = addInterval(value, interval, isNegative);
                    if (!breaks.every(item => {
                            if (value >= addInterval(item.from, interval) && addInterval(value, interval) < item.to) {
                                breakSize = item.to - item.from - 2 * (addInterval(item.from, interval) - item.from)
                            }
                            return !breakSize
                        })) {
                        value = correctValue(addInterval(value, breakSize), interval)
                    }
                    return value
                }
            }

            function calculateTicks(addInterval, correctMinValue, adjustInterval, resolveEndOnTick) {
                return function(data, tickInterval, endOnTick, gaps, breaks, businessDelta, screenDelta, axisDivisionFactor, generateExtraTick) {
                    const correctTickValue = function(addInterval, breaks) {
                        return function(value) {
                            let gapSize;
                            if (!breaks.every(item => {
                                    if (value >= item.from && value < item.to) {
                                        gapSize = item.gapSize
                                    }
                                    return !gapSize
                                })) {
                                value = addInterval(value, gapSize)
                            }
                            return value
                        }
                    }(addInterval, gaps);
                    const {
                        min: min
                    } = data;
                    const {
                        max: max
                    } = data;
                    const businessViewInfo = {
                        screenDelta: screenDelta,
                        businessDelta: businessDelta,
                        axisDivisionFactor: axisDivisionFactor,
                        isSpacedMargin: data.isSpacedMargin,
                        interval: tickInterval
                    };
                    let cur = correctMinValue(min, tickInterval, businessViewInfo);
                    const ticks = [];
                    if (null !== breaks && void 0 !== breaks && breaks.length) {
                        addInterval = addIntervalWithBreaks(addInterval, breaks, correctMinValue)
                    }
                    if (cur > max) {
                        cur = correctMinValue(min, adjustInterval(businessDelta / 2), businessViewInfo);
                        if (cur > max) {
                            endOnTick = true;
                            cur = correctMinValue(min, tickInterval, businessViewInfo, endOnTick)
                        }
                    }
                    cur = correctTickValue(cur);
                    let prev;
                    while (cur < max && cur !== prev || generateExtraTick && cur <= max) {
                        ticks.push(cur);
                        prev = cur;
                        cur = correctTickValue(addInterval(cur, tickInterval))
                    }
                    if (endOnTick || cur - max === 0 || !(0, _type.isDefined)(endOnTick) && resolveEndOnTick(max, cur, tickInterval, businessViewInfo)) {
                        ticks.push(cur)
                    }
                    return ticks
                }
            }

            function calculateMinorTicks(updateTickInterval, addInterval, correctMinValue, correctTickValue, ceil) {
                return function(min, max, majorTicks, minorTickInterval, tickInterval, breaks, maxCount) {
                    const factor = tickInterval / minorTickInterval;
                    const lastMajor = majorTicks[majorTicks.length - 1];
                    const firstMajor = majorTicks[0];
                    let tickBalance = maxCount - 1;
                    if (null !== breaks && void 0 !== breaks && breaks.length) {
                        addInterval = addIntervalWithBreaks(addInterval, breaks, correctMinValue)
                    }
                    minorTickInterval = updateTickInterval(minorTickInterval, firstMajor, firstMajor, factor);
                    if (0 === minorTickInterval) {
                        return []
                    }
                    let cur = correctTickValue(correctMinValue(min, tickInterval, min), minorTickInterval);
                    minorTickInterval = updateTickInterval(minorTickInterval, firstMajor, cur, factor);
                    let ticks = [];
                    while (cur < firstMajor && (!tickBalance || tickBalance > 0)) {
                        cur >= min && ticks.push(cur);
                        tickBalance--;
                        cur = addInterval(cur, minorTickInterval)
                    }
                    const middleTicks = majorTicks.reduce((r, tick) => {
                        tickBalance = maxCount - 1;
                        if (null === r.prevTick) {
                            r.prevTick = tick;
                            return r
                        }
                        minorTickInterval = updateTickInterval(minorTickInterval, tick, r.prevTick, factor);
                        let cur = correctTickValue(r.prevTick, minorTickInterval);
                        while (cur < tick && (!tickBalance || tickBalance > 0)) {
                            cur !== r.prevTick && r.minors.push(cur);
                            tickBalance--;
                            cur = addInterval(cur, minorTickInterval)
                        }
                        r.prevTick = tick;
                        return r
                    }, {
                        prevTick: null,
                        minors: []
                    });
                    ticks = ticks.concat(middleTicks.minors);
                    const maxValue = ceil(max, tickInterval, min);
                    minorTickInterval = updateTickInterval(minorTickInterval, maxValue, maxValue, factor);
                    cur = correctTickValue(lastMajor, minorTickInterval);
                    let prev;
                    while (cur < max && cur !== prev) {
                        ticks.push(cur);
                        prev = cur;
                        cur = addInterval(cur, minorTickInterval)
                    }
                    if (lastMajor - max !== 0 && cur - max === 0) {
                        ticks.push(cur)
                    }
                    return ticks
                }
            }

            function filterTicks(ticks, breaks) {
                if (breaks.length) {
                    const result = breaks.reduce((result, b) => {
                        const tmpTicks = [];
                        let i;
                        for (i = result[1]; i < ticks.length; i++) {
                            const tickValue = ticks[i];
                            if (tickValue < b.from) {
                                tmpTicks.push(tickValue)
                            }
                            if (tickValue >= b.to) {
                                break
                            }
                        }
                        return [result[0].concat(tmpTicks), i]
                    }, [
                        [], 0
                    ]);
                    return result[0].concat(ticks.slice(result[1]))
                }
                return ticks
            }

            function generator(options, getBusinessDelta, calculateTickInterval, calculateMinorTickInterval, getMajorTickIntervalByCustomTicks, getMinorTickIntervalByCustomTicks, convertTickInterval, calculateTicks, calculateMinorTicks, processScaleBreaks) {
                function correctUserTickInterval(tickInterval, businessDelta, limit) {
                    if (tickInterval && businessDelta / convertTickInterval(tickInterval) >= limit + 1) {
                        options.incidentOccurred("W2003");
                        tickInterval = void 0
                    }
                    return tickInterval
                }
                return function(data, screenDelta, tickInterval, forceTickInterval, customTicks, minorTickInterval, minorTickCount, breaks) {
                    customTicks = customTicks || {};
                    const businessDelta = getBusinessDelta(data, breaks);
                    let result = function(customTicks) {
                        return {
                            tickInterval: getMajorTickIntervalByCustomTicks(customTicks.majors),
                            ticks: customTicks.majors || [],
                            minorTickInterval: getMinorTickIntervalByCustomTicks(customTicks.minors),
                            minorTicks: customTicks.minors || []
                        }
                    }(customTicks);
                    if (!isNaN(businessDelta)) {
                        if (0 === businessDelta && !customTicks.majors) {
                            result.ticks = [data.min]
                        } else {
                            result = function(ticks, data, businessDelta, screenDelta, tickInterval, forceTickInterval, customTicks, breaks) {
                                if (customTicks.majors) {
                                    ticks.breaks = breaks;
                                    return ticks
                                }
                                const gaps = breaks.filter(b => b.gapSize);
                                let majorTicks;
                                tickInterval = options.skipCalculationLimits ? tickInterval : correctUserTickInterval(tickInterval, businessDelta, screenDelta);
                                tickInterval = calculateTickInterval(businessDelta, screenDelta, tickInterval, forceTickInterval, options.axisDivisionFactor, options.numberMultipliers, options.allowDecimals, breaks.length, gaps[0] && gaps[0].gapSize.days, options.minTickInterval);
                                if (!options.skipTickGeneration) {
                                    majorTicks = calculateTicks(data, tickInterval, options.endOnTick, gaps, breaks, businessDelta, screenDelta, options.axisDivisionFactor, options.generateExtraTick);
                                    breaks = processScaleBreaks(breaks, majorTicks, tickInterval);
                                    majorTicks = filterTicks(majorTicks, breaks);
                                    ticks.breaks = breaks;
                                    ticks.ticks = ticks.ticks.concat(majorTicks)
                                }
                                ticks.tickInterval = tickInterval;
                                return ticks
                            }(result, data, businessDelta, screenDelta, tickInterval, forceTickInterval, customTicks, breaks || []);
                            if (!options.skipTickGeneration && businessDelta > 0) {
                                result = function(ticks, data, businessDelta, screenDelta, minorTickInterval, minorTickCount, customTicks) {
                                    if (!options.calculateMinors) {
                                        return ticks
                                    }
                                    if (customTicks.minors) {
                                        return ticks
                                    }
                                    const minorBusinessDelta = convertTickInterval(ticks.tickInterval);
                                    const minorScreenDelta = screenDelta * minorBusinessDelta / businessDelta;
                                    const {
                                        breaks: breaks
                                    } = ticks;
                                    if (!minorTickInterval && minorTickCount) {
                                        minorTickInterval = getMinorTickIntervalByCustomTicks([minorBusinessDelta / (minorTickCount + 1), minorBusinessDelta / (minorTickCount + 1) * 2])
                                    } else {
                                        minorTickCount = void 0
                                    }
                                    minorTickInterval = correctUserTickInterval(minorTickInterval, minorBusinessDelta, minorScreenDelta);
                                    minorTickInterval = calculateMinorTickInterval(minorBusinessDelta, minorScreenDelta, minorTickInterval, options.minorAxisDivisionFactor);
                                    ticks.minorTicks = filterTicks(ticks.minorTicks.concat(calculateMinorTicks(data.min, data.max, ticks.ticks, minorTickInterval, ticks.tickInterval, breaks, minorTickCount)), breaks);
                                    ticks.minorTickInterval = minorTickInterval;
                                    return ticks
                                }(result, data, businessDelta, screenDelta, minorTickInterval, minorTickCount, customTicks)
                            }
                        }
                    }
                    return result
                }
            }

            function getBaseTick(breakValue, _ref, interval, getValue) {
                let [tick, insideTick] = _ref;
                if (!(0, _type.isDefined)(tick) || mathAbs(getValue(breakValue) - getValue(tick)) / interval > .25) {
                    if ((0, _type.isDefined)(insideTick) && mathAbs(getValue(insideTick) - getValue(tick)) / interval < 2) {
                        tick = insideTick
                    } else if (!(0, _type.isDefined)(tick)) {
                        tick = breakValue
                    }
                }
                return tick
            }

            function getScaleBreaksProcessor(convertTickInterval, getValue, addCorrection) {
                return function(breaks, ticks, tickInterval) {
                    const interval = convertTickInterval(tickInterval);
                    const correction = .5 * interval;
                    return breaks.reduce((result, b) => {
                        let breakTicks = ticks.filter(tick => tick <= b.from);
                        const from = addCorrection(getBaseTick(b.from, [].concat(breakTicks[breakTicks.length - 1], ticks[breakTicks.length]), interval, getValue), correction);
                        breakTicks = ticks.filter(tick => tick >= b.to);
                        const to = addCorrection(getBaseTick(b.to, [].concat(breakTicks[0], ticks[ticks.length - breakTicks.length - 1]), interval, getValue), -correction);
                        if (getValue(to) - getValue(from) < interval && !b.gapSize) {
                            return result
                        }
                        if (b.gapSize) {
                            return result.concat([b])
                        }
                        return result.concat([{
                            from: from,
                            to: to,
                            cumulativeWidth: b.cumulativeWidth
                        }])
                    }, [])
                }
            }
            const correctValueByIntervalLog = (post, getRound, getValue) => (value, interval) => (0, _math.sign)(value) * (0, _math.adjust)(post(getRound(value)((0, _math.adjust)(getValue(value) / interval)) * interval));

            function logarithmicGenerator(options) {
                const base = options.logBase;
                const raise = ((base, allowNegatives, linearThreshold) => value => (0, _utils.raiseToExt)(value, base, allowNegatives, linearThreshold))(base, options.allowNegatives, options.linearThreshold);
                const log = getLogValue(base, options.allowNegatives, options.linearThreshold);
                const absLog = (base => value => 0 === value ? 0 : (0, _utils.getLog)(mathAbs(value), base))(base);
                const absRaise = (base => value => (0, _utils.raiseTo)(value, base))(base);
                const floor = correctValueByIntervalLog(absRaise, value => value < 0 ? mathCeil : mathFloor, absLog);
                const ceil = correctValueByIntervalLog(absRaise, value => value < 0 ? mathFloor : mathCeil, absLog);
                const ceilNumber = correctValueByInterval(getValue, mathCeil, getValue);
                return generator(options, function(base, allowNegatives, linearThreshold) {
                    const getLog = getLogValue(base, allowNegatives, linearThreshold);
                    return function(data, breaks) {
                        let spacing = 0;
                        if (breaks) {
                            spacing = breaks.reduce((prev, item) => prev + mathAbs(getLog(item.to / item.from)), 0)
                        }
                        return mathCeil(mathAbs(getLog(data.max) - getLog(data.min)) - spacing)
                    }
                }(base, options.allowNegatives, options.linearThreshold), (skipCalculationLimits = options.skipCalculationLimits, function(businessDelta, screenDelta, tickInterval, forceTickInterval, axisDivisionFactor, multipliers, allowDecimals, _, __, minTickInterval) {
                    const interval = getIntervalByFactor(businessDelta, screenDelta, axisDivisionFactor);
                    let result = 0;
                    const adjustInterval = getAdjustIntervalLog(skipCalculationLimits);
                    if (!forceTickInterval || !tickInterval) {
                        if (interval > 0) {
                            result = adjustInterval(interval, multipliers)
                        }
                        if (!tickInterval || !forceTickInterval && tickInterval < result) {
                            tickInterval = result
                        }
                    }
                    if (!forceTickInterval && minTickInterval) {
                        minTickInterval = adjustInterval(minTickInterval, multipliers);
                        if (minTickInterval > tickInterval) {
                            tickInterval = minTickInterval
                        }
                    }
                    return tickInterval
                }), calculateMinorTickInterval, getTickIntervalByCustomTicks(log, getValue), getTickIntervalByCustomTicks(getValue, getValue), getValue, calculateTicks(function(log, raise) {
                    return (value, interval, isNegative) => raise(addInterval(log(value), interval, isNegative))
                }(log, raise), correctMinValueByEndOnTick(floor, ceil, resolveEndOnTickLog(base), options.endOnTick), getAdjustIntervalLog(options.skipCalculationLimits), resolveEndOnTickLog(base)), calculateMinorTicks((_, tick, prevTick, factor) => Math.max(Math.abs(tick), Math.abs(prevTick)) / factor, addInterval, floor, ceilNumber, ceil), getScaleBreaksProcessor(getValue, log, (value, correction) => raise(log(value) + correction)));
                var skipCalculationLimits
            }
            exports.tickGenerator = function(options) {
                let result;
                if (options.rangeIsEmpty) {
                    result = function(options) {
                        return function(data, screenDelta, tickInterval, forceTickInterval) {
                            let count = mathFloor(screenDelta / options.axisDivisionFactor);
                            count = count < 1 ? 1 : count;
                            const interval = screenDelta / count;
                            return {
                                ticks: interval > 0 ? Array.apply(null, new Array(count + 1)).map((_, i) => interval * i) : [],
                                tickInterval: interval
                            }
                        }
                    }(options)
                } else if ("discrete" === options.axisType) {
                    result = function(options) {
                        return function(data, screenDelta, tickInterval, forceTickInterval) {
                            const {
                                categories: categories
                            } = (0, _utils.getCategoriesInfo)(data.categories, data.min, data.max);
                            return {
                                ticks: categories,
                                tickInterval: mathCeil(categories.length * options.axisDivisionFactor / screenDelta)
                            }
                        }
                    }(options)
                } else if ("logarithmic" === options.axisType) {
                    result = logarithmicGenerator(options)
                } else if ("datetime" === options.dataType) {
                    result = function(options) {
                        function floor(value, interval) {
                            const floorNumber = correctValueByInterval(getValue, mathFloor, getValue);
                            let intervalObject = (0, _type.isString)(interval) ? _date.default.getDateIntervalByString(interval.toLowerCase()) : interval;
                            const divider = dateToMilliseconds(interval);
                            if (intervalObject.days % 7 === 0 || interval.quarters) {
                                intervalObject = adjustIntervalDateTime(divider)
                            }
                            const correctDateWithUnitBeginning = v => _date.default.correctDateWithUnitBeginning(v, intervalObject, null, options.firstDayOfWeek);
                            const floorAtStartDate = v => new Date(mathFloor((v.getTime() - 6e4 * v.getTimezoneOffset()) / divider) * divider + 6e4 * v.getTimezoneOffset());
                            value = correctDateWithUnitBeginning(value);
                            if ("years" in intervalObject) {
                                value.setFullYear(floorNumber(value.getFullYear(), intervalObject.years))
                            } else if ("quarters" in intervalObject) {
                                value = correctDateWithUnitBeginning(floorAtStartDate(value))
                            } else if ("months" in intervalObject) {
                                value.setMonth(floorNumber(value.getMonth(), intervalObject.months))
                            } else if ("weeks" in intervalObject || "days" in intervalObject) {
                                value = correctDateWithUnitBeginning(floorAtStartDate(value))
                            } else if ("hours" in intervalObject) {
                                value.setHours(floorNumber(value.getHours(), intervalObject.hours))
                            } else if ("minutes" in intervalObject) {
                                value.setMinutes(floorNumber(value.getMinutes(), intervalObject.minutes))
                            } else if ("seconds" in intervalObject) {
                                value.setSeconds(floorNumber(value.getSeconds(), intervalObject.seconds))
                            } else if ("milliseconds" in intervalObject) {
                                value = floorAtStartDate(value)
                            }
                            return value
                        }
                        const calculateTickIntervalByCustomTicks = getTickIntervalByCustomTicks(getValue, _date.default.convertMillisecondsToDateUnits);
                        return generator(options, getBusinessDelta, calculateTickIntervalDateTime, calculateMinorTickIntervalDateTime, calculateTickIntervalByCustomTicks, calculateTickIntervalByCustomTicks, dateToMilliseconds, calculateTicks(addIntervalDate, correctMinValueByEndOnTick(floor, function(value, interval) {
                            let newValue = floor(value, interval);
                            while (value - newValue > 0) {
                                newValue = addIntervalDate(newValue, interval)
                            }
                            return newValue
                        }, resolveEndOnTickDate, options.endOnTick), adjustIntervalDateTime, resolveEndOnTickDate), calculateMinorTicks(getValue, addIntervalDate, floor, addIntervalDate, getValue), getScaleBreaksProcessor(dateToMilliseconds, getValue, (value, correction) => new Date(value.getTime() + correction)))
                    }(options)
                } else {
                    result = function(options) {
                        const floor = correctValueByInterval(getValue, mathFloor, getValue);
                        const ceil = correctValueByInterval(getValue, mathCeil, getValue);
                        const calculateTickIntervalByCustomTicks = getTickIntervalByCustomTicks(getValue, getValue);
                        return generator(options, getBusinessDelta, calculateTickInterval, calculateMinorTickInterval, calculateTickIntervalByCustomTicks, calculateTickIntervalByCustomTicks, getValue, calculateTicks(addInterval, correctMinValueByEndOnTick(floor, ceil, resolveEndOnTick, options.endOnTick), adjustInterval, resolveEndOnTick), calculateMinorTicks(getValue, addInterval, floor, addInterval, getValue), getScaleBreaksProcessor(getValue, getValue, (value, correction) => value + correction))
                    }(options)
                }
                return result
            }
        },
        38231(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _format_helper = _interopRequireDefault(__webpack_require__( /*! ../../../format_helper */ 2082));
            var _axes_constants = _interopRequireDefault(__webpack_require__( /*! ../../viz/axes/axes_constants */ 42919));
            var _datetime_breaks = __webpack_require__( /*! ../../viz/axes/datetime_breaks */ 5028);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _range = __webpack_require__( /*! ../../viz/translators/range */ 8315);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const getNextDateUnit = _date.default.getNextDateUnit;
            const correctDateWithUnitBeginning = _date.default.correctDateWithUnitBeginning;
            const _math = Math;
            const _max = _math.max;
            const TOP = _axes_constants.default.top;
            const BOTTOM = _axes_constants.default.bottom;
            const LEFT = _axes_constants.default.left;
            const RIGHT = _axes_constants.default.right;
            const CENTER = _axes_constants.default.center;
            const TICKS_CORRECTIONS = {
                left: -1,
                top: -1,
                right: 0,
                bottom: 0,
                center: -.5
            };

            function sortingBreaks(breaks) {
                return breaks.sort((a, b) => a.from - b.from)
            }

            function getMarkerFormat(curDate, prevDate, tickInterval, markerInterval) {
                let format = markerInterval;
                const datesDifferences = prevDate && _date.default.getDatesDifferences(prevDate, curDate);
                if (prevDate && "year" !== tickInterval) {
                    ! function(datesDifferences, tickInterval) {
                        let dateUnitInterval;
                        let i;
                        if ("week" === tickInterval) {
                            tickInterval = "day"
                        }
                        if ("quarter" === tickInterval) {
                            tickInterval = "month"
                        }
                        if (datesDifferences[tickInterval]) {
                            for (i = 0; i < _date.default.dateUnitIntervals.length; i++) {
                                dateUnitInterval = _date.default.dateUnitIntervals[i];
                                if (datesDifferences[dateUnitInterval]) {
                                    datesDifferences[dateUnitInterval] = false;
                                    datesDifferences.count--
                                }
                                if (dateUnitInterval === tickInterval) {
                                    break
                                }
                            }
                        }
                    }(datesDifferences, tickInterval);
                    format = _format_helper.default.getDateFormatByDifferences(datesDifferences)
                }
                return format
            }

            function getMaxSide(act, boxes) {
                return boxes.reduce((prevValue, box) => _max(prevValue, act(box)), 0)
            }

            function getConstantLineLabelMarginForVerticalAlignment(constantLines, alignment, labelHeight) {
                return constantLines.some(options => options.label.verticalAlignment === alignment) && labelHeight || 0
            }

            function getLeftMargin(bBox) {
                return _math.abs(bBox.x) || 0
            }

            function getRightMargin(bBox) {
                return _math.abs(bBox.width - _math.abs(bBox.x)) || 0
            }
            exports.default = {
                linear: {
                    _getStep(boxes, rotationAngle) {
                        const spacing = this._options.label.minSpacing;
                        const func = this._isHorizontal ? function(box) {
                            return box.width + spacing
                        } : function(box) {
                            return box.height
                        };
                        let maxLabelLength = getMaxSide(func, boxes);
                        if (rotationAngle) {
                            maxLabelLength = function(bBox, rotationAngle) {
                                rotationAngle = _math.abs(rotationAngle);
                                rotationAngle = rotationAngle % 180 >= 90 ? 90 - rotationAngle % 90 : rotationAngle % 90;
                                const a = rotationAngle * (_math.PI / 180);
                                if (a >= _math.atan(bBox.height / bBox.width)) {
                                    return bBox.height / _math.abs(_math.sin(a))
                                } else {
                                    return bBox.width
                                }
                            }({
                                width: maxLabelLength,
                                height: this._getMaxLabelHeight(boxes, 0)
                            }, rotationAngle)
                        }
                        return _axes_constants.default.getTicksCountInRange(this._majorTicks, this._isHorizontal ? "x" : "y", maxLabelLength)
                    },
                    _getMaxLabelHeight: (boxes, spacing) => getMaxSide(box => box.height, boxes) + spacing,
                    _validateOverlappingMode(mode, displayMode) {
                        if (this._isHorizontal && ("rotate" === displayMode || "stagger" === displayMode) || !this._isHorizontal) {
                            return _axes_constants.default.validateOverlappingMode(mode)
                        }
                        return mode
                    },
                    _validateDisplayMode(mode) {
                        return this._isHorizontal ? mode : "standard"
                    },
                    getMarkerTrackers() {
                        return this._markerTrackers
                    },
                    _getSharpParam(opposite) {
                        return this._isHorizontal ^ opposite ? "h" : "v"
                    },
                    _createAxisElement() {
                        return this._renderer.path([], "line")
                    },
                    _updateAxisElementPosition() {
                        const axisCoord = this._axisPosition;
                        const canvas = this._getCanvasStartEnd();
                        this._axisElement.attr({
                            points: this._isHorizontal ? [canvas.start, axisCoord, canvas.end, axisCoord] : [axisCoord, canvas.start, axisCoord, canvas.end]
                        })
                    },
                    _getTranslatedCoord(value, offset) {
                        return this._translator.translate(value, offset)
                    },
                    _initAxisPositions() {
                        const that = this;
                        if (that.customPositionIsAvailable()) {
                            that._customBoundaryPosition = that.getCustomBoundaryPosition()
                        }
                        if (!that.customPositionIsAvailable() || that.customPositionIsBoundary()) {
                            that._axisPosition = that.getPredefinedPosition(that.getResolvedBoundaryPosition())
                        } else {
                            that._axisPosition = that.getCustomPosition()
                        }
                    },
                    _getTickMarkPoints(coords, length, tickOptions) {
                        const isHorizontal = this._isHorizontal;
                        const tickOrientation = this._options.tickOrientation;
                        const labelPosition = this._options.label.position;
                        let tickStartCoord;
                        if ((0, _type.isDefined)(tickOrientation)) {
                            tickStartCoord = TICKS_CORRECTIONS[tickOrientation] * length
                        } else {
                            let shift = tickOptions.shift || 0;
                            if (!isHorizontal && labelPosition === LEFT || isHorizontal && labelPosition !== BOTTOM) {
                                shift = -shift
                            }
                            tickStartCoord = shift + this.getTickStartPositionShift(length)
                        }
                        return [coords.x + (isHorizontal ? 0 : tickStartCoord), coords.y + (isHorizontal ? tickStartCoord : 0), coords.x + (isHorizontal ? 0 : tickStartCoord + length), coords.y + (isHorizontal ? tickStartCoord + length : 0)]
                    },
                    getTickStartPositionShift(length) {
                        const width = this._options.width;
                        const position = this.getResolvedBoundaryPosition();
                        return length % 2 === 1 ? width % 2 === 0 && (position === LEFT || position === TOP) || width % 2 === 1 && (position === RIGHT || position === BOTTOM) && !this.hasNonBoundaryPosition() ? Math.floor(-length / 2) : -Math.floor(length / 2) : -length / 2 + (width % 2 === 0 ? 0 : position === BOTTOM || position === RIGHT ? -1 : 1)
                    },
                    _getTitleCoords() {
                        const horizontal = this._isHorizontal;
                        let x = this._axisPosition;
                        let y = this._axisPosition;
                        const align = this._options.title.alignment;
                        const canvas = this._getCanvasStartEnd();
                        const fromStartToEnd = horizontal || this._options.position === LEFT;
                        const canvasStart = fromStartToEnd ? canvas.start : canvas.end;
                        const canvasEnd = fromStartToEnd ? canvas.end : canvas.start;
                        const coord = align === LEFT ? canvasStart : align === RIGHT ? canvasEnd : canvas.start + (canvas.end - canvas.start) / 2;
                        if (horizontal) {
                            x = coord
                        } else {
                            y = coord
                        }
                        return {
                            x: x,
                            y: y
                        }
                    },
                    _drawTitleText(group, coords) {
                        const options = this._options;
                        const titleOptions = options.title;
                        const attrs = {
                            opacity: titleOptions.opacity,
                            align: titleOptions.alignment,
                            class: titleOptions.cssClass
                        };
                        if (!titleOptions.text || !group) {
                            return
                        }
                        coords = coords || this._getTitleCoords();
                        if (!this._isHorizontal) {
                            attrs.rotate = options.position === LEFT ? 270 : 90
                        }
                        const text = this._renderer.text(titleOptions.text, coords.x, coords.y).css((0, _utils.patchFontOptions)(titleOptions.font)).attr(attrs).append(group);
                        this._checkTitleOverflow(text);
                        return text
                    },
                    _updateTitleCoords() {
                        this._title && this._title.element.attr(this._getTitleCoords())
                    },
                    _drawTitle() {
                        const title = this._drawTitleText(this._axisTitleGroup);
                        if (title) {
                            this._title = {
                                element: title
                            }
                        }
                    },
                    _measureTitle() {
                        if (this._title) {
                            if (this._title.bBox && !this._title.originalSize) {
                                this._title.originalSize = this._title.bBox
                            }
                            this._title.bBox = this._title.element.getBBox()
                        }
                    },
                    _drawDateMarker(date, options, range) {
                        const that = this;
                        const markerOptions = that._options.marker;
                        const invert = that._translator.getBusinessRange().invert;
                        const textIndent = markerOptions.width + markerOptions.textLeftIndent;
                        let pathElement;
                        if (null === options.x) {
                            return
                        }
                        if (!options.withoutStick) {
                            pathElement = that._renderer.path([options.x, options.y, options.x, options.y + markerOptions.separatorHeight], "line").attr({
                                "stroke-width": markerOptions.width,
                                stroke: markerOptions.color,
                                "stroke-opacity": markerOptions.opacity,
                                sharp: "h"
                            }).append(that._axisElementsGroup)
                        }
                        const text = String(that.formatLabel(date, options.labelOptions, range));
                        return {
                            date: date,
                            x: options.x,
                            y: options.y,
                            cropped: options.withoutStick,
                            label: that._renderer.text(text, options.x, options.y).css((0, _utils.patchFontOptions)(markerOptions.label.font)).append(that._axisElementsGroup),
                            line: pathElement,
                            getContentContainer() {
                                return this.label
                            },
                            getEnd() {
                                return this.x + (invert ? -1 : 1) * (textIndent + this.labelBBox.width)
                            },
                            setTitle() {
                                this.title = text
                            },
                            hideLabel() {
                                this.label.dispose();
                                this.label = null;
                                this.title = text
                            },
                            hide() {
                                if (pathElement) {
                                    pathElement.dispose();
                                    pathElement = null
                                }
                                this.label.dispose();
                                this.label = null;
                                this.hidden = true
                            }
                        }
                    },
                    _drawDateMarkers() {
                        const that = this;
                        const options = that._options;
                        const translator = that._translator;
                        const viewport = that._getViewportRange();
                        const minBound = viewport.minVisible;
                        let dateMarkers = [];
                        let dateMarker;

                        function draw(markerDate, format, withoutStick) {
                            return that._drawDateMarker(markerDate, {
                                x: translator.translate(markerDate),
                                y: markersAreaTop,
                                labelOptions: that._getLabelFormatOptions(format),
                                withoutStick: withoutStick
                            }, viewport)
                        }
                        if (viewport.isEmpty() || !options.marker.visible || "datetime" !== options.argumentType || "discrete" === options.type || that._majorTicks.length <= 1) {
                            return []
                        }
                        const markersAreaTop = that._axisPosition + options.marker.topIndent;
                        const tickInterval = _date.default.getDateUnitInterval(this._tickInterval);
                        const markerInterval = function(tickInterval) {
                            let markerInterval = getNextDateUnit(tickInterval);
                            if ("quarter" === markerInterval) {
                                markerInterval = getNextDateUnit(markerInterval)
                            }
                            return markerInterval
                        }(tickInterval);
                        const markerDates = function(min, max, markerInterval) {
                            const origMin = min;
                            let dates;
                            min = correctDateWithUnitBeginning(min, markerInterval);
                            max = correctDateWithUnitBeginning(max, markerInterval);
                            dates = _date.default.getSequenceByInterval(min, max, markerInterval);
                            if (dates.length && origMin > dates[0]) {
                                dates = dates.slice(1)
                            }
                            return dates
                        }(minBound, viewport.maxVisible, markerInterval);
                        if (markerDates.length > 1 || 1 === markerDates.length && minBound < markerDates[0]) {
                            dateMarkers = markerDates.reduce((markers, curDate, i, dates) => {
                                const marker = draw(curDate, getMarkerFormat(curDate, dates[i - 1] || minBound < curDate && minBound, tickInterval, markerInterval));
                                marker && markers.push(marker);
                                return markers
                            }, []);
                            if (minBound < markerDates[0]) {
                                dateMarker = draw(minBound, getMarkerFormat(minBound, markerDates[0], tickInterval, markerInterval), true);
                                dateMarker && dateMarkers.unshift(dateMarker)
                            }
                        }
                        return dateMarkers
                    },
                    _adjustDateMarkers(offset) {
                        offset = offset || 0;
                        const that = this;
                        const markerOptions = this._options.marker;
                        const textIndent = markerOptions.width + markerOptions.textLeftIndent;
                        const invert = this._translator.getBusinessRange().invert;
                        const canvas = that._getCanvasStartEnd();
                        const dateMarkers = this._dateMarkers;
                        if (!dateMarkers.length) {
                            return offset
                        }
                        if (dateMarkers[0].cropped) {
                            if (!this._checkMarkersPosition(invert, dateMarkers[1], dateMarkers[0])) {
                                dateMarkers[0].hideLabel()
                            }
                        }
                        let prevDateMarker;
                        dateMarkers.forEach((marker, i, markers) => {
                            if (marker.cropped) {
                                return
                            }
                            if (invert ? marker.getEnd() < canvas.end : marker.getEnd() > canvas.end) {
                                marker.hideLabel()
                            } else if (that._checkMarkersPosition(invert, marker, prevDateMarker)) {
                                prevDateMarker = marker
                            } else {
                                marker.hide()
                            }
                        });
                        this._dateMarkers.forEach(marker => {
                            if (marker.label) {
                                const labelBBox = marker.labelBBox;
                                const dy = marker.y + markerOptions.textTopIndent - labelBBox.y;
                                marker.label.attr({
                                    translateX: invert ? marker.x - textIndent - labelBBox.x - labelBBox.width : marker.x + textIndent - labelBBox.x,
                                    translateY: dy + offset
                                })
                            }
                            if (marker.line) {
                                marker.line.attr({
                                    translateY: offset
                                })
                            }
                        });
                        that._initializeMarkersTrackers(offset);
                        return offset + markerOptions.topIndent + markerOptions.separatorHeight
                    },
                    _checkMarkersPosition(invert, dateMarker, prevDateMarker) {
                        if (void 0 === prevDateMarker) {
                            return true
                        }
                        return invert ? dateMarker.x < prevDateMarker.getEnd() : dateMarker.x > prevDateMarker.getEnd()
                    },
                    _initializeMarkersTrackers(offset) {
                        const separatorHeight = this._options.marker.separatorHeight;
                        const renderer = this._renderer;
                        const businessRange = this._translator.getBusinessRange();
                        const canvas = this._getCanvasStartEnd();
                        const group = this._axisElementsGroup;
                        this._markerTrackers = this._dateMarkers.filter(marker => !marker.hidden).map((marker, i, markers) => {
                            const nextMarker = markers[i + 1] || {
                                x: canvas.end,
                                date: businessRange.max
                            };
                            const x = marker.x;
                            const y = marker.y + offset;
                            const markerTracker = renderer.path([x, y, x, y + separatorHeight, nextMarker.x, y + separatorHeight, nextMarker.x, y, x, y], "area").attr({
                                "stroke-width": 1,
                                stroke: "grey",
                                fill: "grey",
                                opacity: 1e-4
                            }).append(group);
                            markerTracker.data("range", {
                                startValue: marker.date,
                                endValue: nextMarker.date
                            });
                            if (marker.title) {
                                markerTracker.setTitle(marker.title)
                            }
                            return markerTracker
                        })
                    },
                    _getLabelFormatOptions(formatString) {
                        const that = this;
                        let markerLabelOptions = that._markerLabelOptions;
                        if (!markerLabelOptions) {
                            that._markerLabelOptions = markerLabelOptions = (0, _extend.extend)(true, {}, that._options.marker.label)
                        }
                        if (!(0, _type.isDefined)(that._options.marker.label.format)) {
                            markerLabelOptions.format = formatString
                        }
                        return markerLabelOptions
                    },
                    _adjustConstantLineLabels(constantLines) {
                        const that = this;
                        const axisPosition = that._options.position;
                        const canvas = that.getCanvas();
                        const canvasLeft = canvas.left;
                        const canvasRight = canvas.width - canvas.right;
                        const canvasTop = canvas.top;
                        const canvasBottom = canvas.height - canvas.bottom;
                        const verticalCenter = canvasTop + (canvasBottom - canvasTop) / 2;
                        const horizontalCenter = canvasLeft + (canvasRight - canvasLeft) / 2;
                        let maxLabel = 0;
                        constantLines.forEach(item => {
                            const isHorizontal = that._isHorizontal;
                            const linesOptions = item.options;
                            const paddingTopBottom = linesOptions.paddingTopBottom;
                            const paddingLeftRight = linesOptions.paddingLeftRight;
                            const labelOptions = linesOptions.label;
                            const labelVerticalAlignment = labelOptions.verticalAlignment;
                            const labelHorizontalAlignment = labelOptions.horizontalAlignment;
                            const labelIsInside = "inside" === labelOptions.position;
                            const label = item.label;
                            const box = item.labelBBox;
                            let translateX;
                            let translateY;
                            if (null === label || box.isEmpty) {
                                return
                            }
                            if (isHorizontal) {
                                if (labelIsInside) {
                                    if (labelHorizontalAlignment === LEFT) {
                                        translateX = item.coord - paddingLeftRight - box.x - box.width
                                    } else {
                                        translateX = item.coord + paddingLeftRight - box.x
                                    }
                                    switch (labelVerticalAlignment) {
                                        case CENTER:
                                            translateY = verticalCenter - box.y - box.height / 2;
                                            break;
                                        case BOTTOM:
                                            translateY = canvasBottom - paddingTopBottom - box.y - box.height;
                                            break;
                                        default:
                                            translateY = canvasTop + paddingTopBottom - box.y
                                    }
                                } else {
                                    if (axisPosition === labelVerticalAlignment) {
                                        maxLabel = _max(maxLabel, box.height + paddingTopBottom)
                                    }
                                    translateX = item.coord - box.x - box.width / 2;
                                    if (labelVerticalAlignment === BOTTOM) {
                                        translateY = canvasBottom + paddingTopBottom - box.y
                                    } else {
                                        translateY = canvasTop - paddingTopBottom - box.y - box.height
                                    }
                                }
                            } else if (labelIsInside) {
                                if (labelVerticalAlignment === BOTTOM) {
                                    translateY = item.coord + paddingTopBottom - box.y
                                } else {
                                    translateY = item.coord - paddingTopBottom - box.y - box.height
                                }
                                switch (labelHorizontalAlignment) {
                                    case CENTER:
                                        translateX = horizontalCenter - box.x - box.width / 2;
                                        break;
                                    case RIGHT:
                                        translateX = canvasRight - paddingLeftRight - box.x - box.width;
                                        break;
                                    default:
                                        translateX = canvasLeft + paddingLeftRight - box.x
                                }
                            } else {
                                if (axisPosition === labelHorizontalAlignment) {
                                    maxLabel = _max(maxLabel, box.width + paddingLeftRight)
                                }
                                translateY = item.coord - box.y - box.height / 2;
                                if (labelHorizontalAlignment === RIGHT) {
                                    translateX = canvasRight + paddingLeftRight - box.x
                                } else {
                                    translateX = canvasLeft - paddingLeftRight - box.x - box.width
                                }
                            }
                            label.attr({
                                translateX: translateX,
                                translateY: translateY
                            })
                        });
                        return maxLabel
                    },
                    _drawConstantLinesForEstimating(constantLines) {
                        const that = this;
                        const renderer = this._renderer;
                        const group = renderer.g();
                        constantLines.forEach(options => {
                            that._drawConstantLineLabelText(options.label.text, 0, 0, options.label, group).attr({
                                align: "center"
                            })
                        });
                        return group.append(renderer.root)
                    },
                    _estimateLabelHeight(bBox, labelOptions) {
                        let height = bBox.height;
                        const drawingType = labelOptions.drawingType;
                        if ("stagger" === this._validateDisplayMode(drawingType) || "stagger" === this._validateOverlappingMode(labelOptions.overlappingBehavior, drawingType)) {
                            height = 2 * height + labelOptions.staggeringSpacing
                        }
                        if ("rotate" === this._validateDisplayMode(drawingType) || "rotate" === this._validateOverlappingMode(labelOptions.overlappingBehavior, drawingType)) {
                            const sinCos = (0, _utils.getCosAndSin)(labelOptions.rotationAngle);
                            height = height * sinCos.cos + bBox.width * sinCos.sin
                        }
                        return height && (height + labelOptions.indentFromAxis || 0) || 0
                    },
                    estimateMargins(canvas) {
                        this.updateCanvas(canvas);
                        const {
                            position: position,
                            placeholderSize: placeholderSize
                        } = this._options;
                        const range = this._getViewportRange();
                        const ticksData = this._createTicksAndLabelFormat(range);
                        const ticks = ticksData.ticks;
                        const tickInterval = ticksData.tickInterval;
                        const options = this._options;
                        const constantLineOptions = this._outsideConstantLines.filter(l => l.labelOptions.visible).map(l => l.options);
                        const rootElement = this._renderer.root;
                        const labelIsVisible = options.label.visible && !range.isEmpty() && ticks.length;
                        const labelValue = labelIsVisible && this.formatLabel(ticks[ticks.length - 1], options.label, void 0, void 0, tickInterval, ticks);
                        const labelElement = labelIsVisible && this._renderer.text(labelValue, 0, 0).css(this._textFontStyles).attr(this._textOptions).append(rootElement);
                        const titleElement = this._drawTitleText(rootElement, {
                            x: 0,
                            y: 0
                        });
                        const constantLinesLabelsElement = this._drawConstantLinesForEstimating(constantLineOptions);
                        const labelBox = !options.label.template && labelElement && labelElement.getBBox() || {
                            x: 0,
                            y: 0,
                            width: 0,
                            height: 0
                        };
                        const titleBox = titleElement && titleElement.getBBox() || {
                            x: 0,
                            y: 0,
                            width: 0,
                            height: 0
                        };
                        const constantLinesBox = constantLinesLabelsElement.getBBox();
                        const titleHeight = titleBox.height ? titleBox.height + options.title.margin : 0;
                        const labelHeight = this._estimateLabelHeight(labelBox, options.label);
                        const constantLinesHeight = constantLinesBox.height ? constantLinesBox.height + (constantLines = constantLineOptions, constantLines.reduce((padding, options) => _max(padding, options.paddingTopBottom), 0)) : 0;
                        var constantLines;
                        const height = labelHeight + titleHeight;
                        const margins = {
                            left: _max(getLeftMargin(labelBox), getLeftMargin(constantLinesBox)),
                            right: _max(getRightMargin(labelBox), getRightMargin(constantLinesBox)),
                            top: ("top" === options.position ? height : 0) + getConstantLineLabelMarginForVerticalAlignment(constantLineOptions, "top", constantLinesHeight),
                            bottom: ("top" !== options.position ? height : 0) + getConstantLineLabelMarginForVerticalAlignment(constantLineOptions, "bottom", constantLinesHeight)
                        };
                        if (placeholderSize) {
                            margins[position] = placeholderSize
                        }
                        labelElement && labelElement.remove();
                        titleElement && titleElement.remove();
                        constantLinesLabelsElement && constantLinesLabelsElement.remove();
                        return margins
                    },
                    _checkAlignmentConstantLineLabels(labelOptions) {
                        const position = labelOptions.position;
                        let verticalAlignment = (labelOptions.verticalAlignment || "").toLowerCase();
                        let horizontalAlignment = (labelOptions.horizontalAlignment || "").toLowerCase();
                        if (this._isHorizontal) {
                            if ("outside" === position) {
                                verticalAlignment = verticalAlignment === BOTTOM ? BOTTOM : TOP;
                                horizontalAlignment = CENTER
                            } else {
                                verticalAlignment = verticalAlignment === CENTER ? CENTER : verticalAlignment === BOTTOM ? BOTTOM : TOP;
                                horizontalAlignment = horizontalAlignment === LEFT ? LEFT : RIGHT
                            }
                        } else if ("outside" === position) {
                            verticalAlignment = CENTER;
                            horizontalAlignment = horizontalAlignment === LEFT ? LEFT : RIGHT
                        } else {
                            verticalAlignment = verticalAlignment === BOTTOM ? BOTTOM : TOP;
                            horizontalAlignment = horizontalAlignment === RIGHT ? RIGHT : horizontalAlignment === CENTER ? CENTER : LEFT
                        }
                        labelOptions.verticalAlignment = verticalAlignment;
                        labelOptions.horizontalAlignment = horizontalAlignment
                    },
                    _getConstantLineLabelsCoords(value, lineLabelOptions) {
                        const that = this;
                        let x = value;
                        let y = value;
                        if (that._isHorizontal) {
                            y = that._orthogonalPositions["top" === lineLabelOptions.verticalAlignment ? "start" : "end"]
                        } else {
                            x = that._orthogonalPositions["right" === lineLabelOptions.horizontalAlignment ? "end" : "start"]
                        }
                        return {
                            x: x,
                            y: y
                        }
                    },
                    _getAdjustedStripLabelCoords(strip) {
                        const stripOptions = strip.options;
                        const paddingTopBottom = stripOptions.paddingTopBottom;
                        const paddingLeftRight = stripOptions.paddingLeftRight;
                        const horizontalAlignment = stripOptions.label.horizontalAlignment;
                        const verticalAlignment = stripOptions.label.verticalAlignment;
                        const box = strip.labelBBox;
                        const labelHeight = box.height;
                        const labelWidth = box.width;
                        const labelCoords = strip.labelCoords;
                        let y = labelCoords.y - box.y;
                        let x = labelCoords.x - box.x;
                        if (verticalAlignment === TOP) {
                            y += paddingTopBottom
                        } else if (verticalAlignment === CENTER) {
                            y -= labelHeight / 2
                        } else if (verticalAlignment === BOTTOM) {
                            y -= paddingTopBottom + labelHeight
                        }
                        if (horizontalAlignment === LEFT) {
                            x += paddingLeftRight
                        } else if (horizontalAlignment === CENTER) {
                            x -= labelWidth / 2
                        } else if (horizontalAlignment === RIGHT) {
                            x -= paddingLeftRight + labelWidth
                        }
                        return {
                            translateX: x,
                            translateY: y
                        }
                    },
                    _adjustTitle(offset) {
                        offset = offset || 0;
                        if (!this._title) {
                            return
                        }
                        const options = this._options;
                        const position = options.position;
                        const margin = options.title.margin;
                        const title = this._title;
                        const boxTitle = title.bBox;
                        const x = boxTitle.x;
                        const y = boxTitle.y;
                        const width = boxTitle.width;
                        const height = boxTitle.height;
                        const axisPosition = this._axisPosition;
                        const loCoord = axisPosition - margin - offset;
                        const hiCoord = axisPosition + margin + offset;
                        const params = {};
                        if (this._isHorizontal) {
                            if (position === TOP) {
                                params.translateY = loCoord - (y + height)
                            } else {
                                params.translateY = hiCoord - y
                            }
                        } else if (position === LEFT) {
                            params.translateX = loCoord - (x + width)
                        } else {
                            params.translateX = hiCoord - x
                        }
                        title.element.attr(params)
                    },
                    _checkTitleOverflow(titleElement) {
                        if (!this._title && !titleElement) {
                            return
                        }
                        const canvasLength = this._getScreenDelta();
                        const title = titleElement ? {
                            bBox: titleElement.getBBox(),
                            element: titleElement
                        } : this._title;
                        const titleOptions = this._options.title;
                        const boxTitle = title.bBox;
                        if ((this._isHorizontal ? boxTitle.width : boxTitle.height) > canvasLength) {
                            title.element.setMaxSize(canvasLength, void 0, {
                                wordWrap: titleOptions.wordWrap || "none",
                                textOverflow: titleOptions.textOverflow || "ellipsis"
                            });
                            this._wrapped = titleOptions.wordWrap && "none" !== titleOptions.wordWrap
                        } else {
                            const moreThanOriginalSize = title.originalSize && canvasLength > (this._isHorizontal ? title.originalSize.width : title.originalSize.height);
                            !this._wrapped && moreThanOriginalSize && title.element.restoreText()
                        }
                    },
                    coordsIn(x, y) {
                        const canvas = this.getCanvas();
                        const isHorizontal = this._options.isHorizontal;
                        const position = this._options.position;
                        const coord = isHorizontal ? y : x;
                        if (isHorizontal && (x < canvas.left || x > canvas.width - canvas.right) || !isHorizontal && (y < canvas.top || y > canvas.height - canvas.bottom)) {
                            return false
                        }
                        if (isHorizontal && position === _axes_constants.default.top || !isHorizontal && position === _axes_constants.default.left) {
                            return coord < canvas[position]
                        }
                        return coord > canvas[isHorizontal ? "height" : "width"] - canvas[position]
                    },
                    _boundaryTicksVisibility: {
                        min: true,
                        max: true
                    },
                    adjust() {
                        const seriesData = this._seriesData;
                        const viewport = this._series.filter(s => s.isVisible()).reduce((range, s) => {
                            const seriesRange = s.getViewport();
                            range.min = (0, _type.isDefined)(seriesRange.min) ? range.min < seriesRange.min ? range.min : seriesRange.min : range.min;
                            range.max = (0, _type.isDefined)(seriesRange.max) ? range.max > seriesRange.max ? range.max : seriesRange.max : range.max;
                            if (s.showZero) {
                                range = new _range.Range(range);
                                range.correctValueZeroLevel()
                            }
                            return range
                        }, {});
                        if ((0, _type.isDefined)(viewport.min) && (0, _type.isDefined)(viewport.max)) {
                            seriesData.minVisible = viewport.min;
                            seriesData.maxVisible = viewport.max
                        }
                        seriesData.userBreaks = this._getScaleBreaks(this._options, {
                            minVisible: seriesData.minVisible,
                            maxVisible: seriesData.maxVisible
                        }, this._series, this.isArgumentAxis);
                        this._translator.updateBusinessRange(this._getViewportRange())
                    },
                    hasWrap() {
                        return this._wrapped
                    },
                    getAxisPosition() {
                        return this._axisPosition
                    },
                    _getStick() {
                        return !this._options.valueMarginsEnabled
                    },
                    _getStripLabelCoords(from, to, stripLabelOptions) {
                        const orthogonalPositions = this._orthogonalPositions;
                        const isHorizontal = this._isHorizontal;
                        const horizontalAlignment = stripLabelOptions.horizontalAlignment;
                        const verticalAlignment = stripLabelOptions.verticalAlignment;
                        let x;
                        let y;
                        if (isHorizontal) {
                            if (horizontalAlignment === CENTER) {
                                x = from + (to - from) / 2
                            } else if (horizontalAlignment === LEFT) {
                                x = from
                            } else if (horizontalAlignment === RIGHT) {
                                x = to
                            }
                            y = orthogonalPositions[function(alignment) {
                                let position = "start";
                                if ("center" === alignment) {
                                    position = "center"
                                }
                                if ("bottom" === alignment) {
                                    position = "end"
                                }
                                return position
                            }(verticalAlignment)]
                        } else {
                            x = orthogonalPositions[function(alignment) {
                                let position = "start";
                                if ("center" === alignment) {
                                    position = "center"
                                }
                                if ("right" === alignment) {
                                    position = "end"
                                }
                                return position
                            }(horizontalAlignment)];
                            if (verticalAlignment === TOP) {
                                y = from
                            } else if (verticalAlignment === CENTER) {
                                y = to + (from - to) / 2
                            } else if (verticalAlignment === BOTTOM) {
                                y = to
                            }
                        }
                        return {
                            x: x,
                            y: y
                        }
                    },
                    _getTranslatedValue(value, offset) {
                        let interval;
                        if ("semidiscrete" === this._options.type) {
                            interval = this._options.tickInterval
                        }
                        const pos1 = this._translator.translate(value, offset, false, interval);
                        const pos2 = this._axisPosition;
                        const isHorizontal = this._isHorizontal;
                        return {
                            x: isHorizontal ? pos1 : pos2,
                            y: isHorizontal ? pos2 : pos1
                        }
                    },
                    areCoordsOutsideAxis(coords) {
                        const coord = this._isHorizontal ? coords.x : coords.y;
                        const visibleArea = this.getVisibleArea();
                        if (coord < visibleArea[0] || coord > visibleArea[1]) {
                            return true
                        }
                        return false
                    },
                    _getSkippedCategory(ticks) {
                        let skippedCategory;
                        if (this._options.type === _axes_constants.default.discrete && this._tickOffset && 0 !== ticks.length) {
                            skippedCategory = ticks[ticks.length - 1]
                        }
                        return skippedCategory
                    },
                    _filterBreaks(breaks, viewport, breakStyle) {
                        const minVisible = viewport.minVisible;
                        const maxVisible = viewport.maxVisible;
                        const breakSize = breakStyle ? breakStyle.width : 0;
                        return breaks.reduce((result, currentBreak) => {
                            let from = currentBreak.from;
                            let to = currentBreak.to;
                            const lastResult = result[result.length - 1];
                            let newBreak;
                            if (!(0, _type.isDefined)(from) || !(0, _type.isDefined)(to)) {
                                return result
                            }
                            if (from > to) {
                                to = [from, from = to][0]
                            }
                            if (result.length && from < lastResult.to) {
                                if (to > lastResult.to) {
                                    lastResult.to = to > maxVisible ? maxVisible : to;
                                    if (lastResult.gapSize) {
                                        lastResult.gapSize = void 0;
                                        lastResult.cumulativeWidth += breakSize
                                    }
                                }
                            } else if (from >= minVisible && from < maxVisible || to <= maxVisible && to > minVisible) {
                                from = from >= minVisible ? from : minVisible;
                                to = to <= maxVisible ? to : maxVisible;
                                if (to - from < maxVisible - minVisible) {
                                    newBreak = {
                                        from: from,
                                        to: to,
                                        cumulativeWidth: ((null === lastResult || void 0 === lastResult ? void 0 : lastResult.cumulativeWidth) ?? 0) + breakSize
                                    };
                                    if (currentBreak.gapSize) {
                                        newBreak.gapSize = _date.default.convertMillisecondsToDateUnits(to - from);
                                        newBreak.cumulativeWidth = (null === lastResult || void 0 === lastResult ? void 0 : lastResult.cumulativeWidth) ?? 0
                                    }
                                    result.push(newBreak)
                                }
                            }
                            return result
                        }, [])
                    },
                    _getScaleBreaks(axisOptions, viewport, series, isArgumentAxis) {
                        const that = this;
                        let breaks = (axisOptions.breaks || []).map(b => ({
                            from: that.parser(b.startValue),
                            to: that.parser(b.endValue)
                        }));
                        if ("discrete" !== axisOptions.type && "datetime" === axisOptions.dataType && axisOptions.workdaysOnly) {
                            breaks = breaks.concat((0, _datetime_breaks.generateDateBreaks)(viewport.minVisible, viewport.maxVisible, axisOptions.workWeek, axisOptions.singleWorkdays, axisOptions.holidays))
                        }
                        if (!isArgumentAxis && "discrete" !== axisOptions.type && "datetime" !== axisOptions.dataType && axisOptions.autoBreaksEnabled && 0 !== axisOptions.maxAutoBreakCount) {
                            breaks = breaks.concat(function(_ref, series, _ref2) {
                                let {
                                    logarithmBase: logarithmBase,
                                    type: type,
                                    maxAutoBreakCount: maxAutoBreakCount
                                } = _ref;
                                let {
                                    minVisible: minVisible,
                                    maxVisible: maxVisible
                                } = _ref2;
                                const breaks = [];
                                const getRange = "logarithmic" === type ? (min, max) => (0, _utils.getLog)(max / min, logarithmBase) : (min, max) => max - min;
                                let visibleRange = getRange(minVisible, maxVisible);
                                const points = series.reduce((result, s) => {
                                    const points = s.getPointsInViewPort();
                                    result[0] = result[0].concat(points[0]);
                                    result[1] = result[1].concat(points[1]);
                                    return result
                                }, [
                                    [],
                                    []
                                ]);
                                const sortedAllPoints = points[0].concat(points[1]).sort((a, b) => b - a);
                                const edgePoints = points[1].filter(p => points[0].indexOf(p) < 0);
                                let minDiff = .3 * visibleRange;
                                const ranges = function(points, edgePoints, getRange) {
                                    let i;
                                    let length;
                                    let maxRange = null;
                                    const ranges = [];
                                    let curValue;
                                    let prevValue;
                                    let curRange;
                                    for (i = 1, length = points.length; i < length; i++) {
                                        curValue = points[i];
                                        prevValue = points[i - 1];
                                        curRange = getRange(curValue, prevValue);
                                        if (edgePoints.indexOf(curValue) >= 0) {
                                            if (!maxRange || curRange > maxRange.length) {
                                                maxRange = {
                                                    start: curValue,
                                                    end: prevValue,
                                                    length: curRange
                                                }
                                            }
                                        } else {
                                            if (maxRange && curRange < maxRange.length) {
                                                ranges.push(maxRange)
                                            } else {
                                                ranges.push({
                                                    start: curValue,
                                                    end: prevValue,
                                                    length: curRange
                                                })
                                            }
                                            maxRange = null
                                        }
                                    }
                                    if (maxRange) {
                                        ranges.push(maxRange)
                                    }
                                    return ranges
                                }(sortedAllPoints, edgePoints, getRange).filter(_ref3 => {
                                    let {
                                        length: length
                                    } = _ref3;
                                    return !!length
                                }).sort((a, b) => b.length - a.length);
                                const epsilon = _math.min.apply(null, ranges.map(r => r.length)) / 1e3;
                                const _maxAutoBreakCount = (0, _type.isDefined)(maxAutoBreakCount) ? _math.min(maxAutoBreakCount, ranges.length) : ranges.length;
                                for (let i = 0; i < _maxAutoBreakCount; i++) {
                                    if (ranges[i].length >= minDiff) {
                                        if (visibleRange <= ranges[i].length) {
                                            break
                                        }
                                        visibleRange -= ranges[i].length;
                                        if (visibleRange > epsilon || visibleRange < -epsilon) {
                                            breaks.push({
                                                from: ranges[i].start,
                                                to: ranges[i].end
                                            });
                                            minDiff = .3 * visibleRange
                                        }
                                    } else {
                                        break
                                    }
                                }
                                sortingBreaks(breaks);
                                return breaks
                            }(axisOptions, series, viewport))
                        }
                        return sortingBreaks(breaks)
                    },
                    _drawBreak(translatedEnd, positionFrom, positionTo, width, options, group) {
                        const breakStart = translatedEnd - (!this._translator.isInverted() ? width + 1 : 0);
                        const attr = {
                            "stroke-width": 1,
                            stroke: options.borderColor,
                            sharp: !options.isWaved ? options.isHorizontal ? "h" : "v" : void 0
                        };
                        const spaceAttr = {
                            stroke: options.color,
                            "stroke-width": width
                        };
                        const getPoints = this._isHorizontal ? rotateLine : function(p) {
                            return p
                        };
                        const drawer = getLineDrawer(this._renderer, group, getPoints, positionFrom, breakStart, positionTo, options.isWaved);
                        drawer(width / 2, spaceAttr);
                        drawer(0, attr);
                        drawer(width, attr)
                    },
                    _createBreakClipRect(from, to) {
                        const that = this;
                        const canvas = that._canvas;
                        const clipWidth = to - from;
                        let clipRect;
                        if (that._isHorizontal) {
                            clipRect = that._renderer.clipRect(canvas.left, from, canvas.width, clipWidth)
                        } else {
                            clipRect = that._renderer.clipRect(from, canvas.top, clipWidth, canvas.height)
                        }
                        that._breaksElements = that._breaksElements || [];
                        that._breaksElements.push(clipRect);
                        return clipRect.id
                    },
                    _createBreaksGroup(clipFrom, clipTo) {
                        const group = this._renderer.g().attr({
                            class: `${this._axisCssPrefix}breaks`,
                            "clip-path": this._createBreakClipRect(clipFrom, clipTo)
                        }).append(this._scaleBreaksGroup);
                        this._breaksElements = this._breaksElements || [];
                        this._breaksElements.push(group);
                        return group
                    },
                    _disposeBreaksGroup() {
                        (this._breaksElements || []).forEach(clipRect => {
                            clipRect.dispose()
                        });
                        this._breaksElements = null
                    },
                    drawScaleBreaks(customCanvas) {
                        const that = this;
                        const options = that._options;
                        const breakStyle = options.breakStyle;
                        const position = options.position;
                        let positionFrom;
                        let positionTo;
                        const breaks = that._translator.getBusinessRange().breaks || [];
                        let additionGroup;
                        let additionBreakFrom;
                        let additionBreakTo;
                        that._disposeBreaksGroup();
                        if (!(breaks && breaks.length)) {
                            return
                        }
                        const breakOptions = {
                            color: that._options.containerColor,
                            borderColor: breakStyle.color,
                            isHorizontal: that._isHorizontal,
                            isWaved: "straight" !== breakStyle.line.toLowerCase()
                        };
                        if (customCanvas) {
                            positionFrom = customCanvas.start;
                            positionTo = customCanvas.end
                        } else {
                            positionFrom = that._orthogonalPositions.start - (options.visible && !that._axisShift && (position === LEFT || position === TOP) ? 3 : 0);
                            positionTo = that._orthogonalPositions.end + (options.visible && (position === RIGHT || position === BOTTOM) ? 3 : 0)
                        }
                        const mainGroup = that._createBreaksGroup(positionFrom, positionTo);
                        if (that._axisShift && options.visible) {
                            additionBreakFrom = that._axisPosition - that._axisShift - 3;
                            additionBreakTo = additionBreakFrom + 6;
                            additionGroup = that._createBreaksGroup(additionBreakFrom, additionBreakTo)
                        }
                        breaks.forEach(br => {
                            if (!br.gapSize) {
                                const breakCoord = that._getTranslatedCoord(br.to);
                                that._drawBreak(breakCoord, positionFrom, positionTo, breakStyle.width, breakOptions, mainGroup);
                                if (that._axisShift && options.visible) {
                                    that._drawBreak(breakCoord, additionBreakFrom, additionBreakTo, breakStyle.width, breakOptions, additionGroup)
                                }
                            }
                        })
                    },
                    _getSpiderCategoryOption: _common.noop,
                    shift(margins) {
                        const options = this._options;
                        const isHorizontal = options.isHorizontal;
                        const axesSpacing = this.getMultipleAxesSpacing();
                        const constantLinesGroups = this._axisConstantLineGroups;

                        function shiftGroup(side, group) {
                            const attr = {
                                translateX: 0,
                                translateY: 0
                            };
                            const shift = margins[side] ? margins[side] + axesSpacing : 0;
                            attr[isHorizontal ? "translateY" : "translateX"] = (side === LEFT || side === TOP ? -1 : 1) * shift;
                            (group[side] || group).attr(attr);
                            return shift
                        }
                        this._axisShift = shiftGroup(options.position, this._axisGroup);
                        shiftGroup(options.position, this._axisElementsGroup);
                        (isHorizontal ? [TOP, BOTTOM] : [LEFT, RIGHT]).forEach(side => {
                            shiftGroup(side, constantLinesGroups.above);
                            shiftGroup(side, constantLinesGroups.under)
                        })
                    },
                    getCustomPosition(position) {
                        const that = this;
                        const orthogonalAxis = that.getOrthogonalAxis();
                        const resolvedPosition = position ?? that.getResolvedPositionOption();
                        const offset = that.getOptions().offset;
                        const orthogonalTranslator = orthogonalAxis.getTranslator();
                        const orthogonalAxisType = orthogonalAxis.getOptions().type;
                        let validPosition = orthogonalAxis.validateUnit(resolvedPosition);
                        let currentPosition;
                        if ("discrete" === orthogonalAxisType && (!orthogonalTranslator._categories || orthogonalTranslator._categories.indexOf(validPosition) < 0)) {
                            validPosition = void 0
                        }
                        if (that.positionIsBoundary(resolvedPosition)) {
                            currentPosition = that.getPredefinedPosition(resolvedPosition)
                        } else if (!(0, _type.isDefined)(validPosition)) {
                            currentPosition = that.getPredefinedPosition(that.getOptions().position)
                        } else {
                            currentPosition = orthogonalTranslator.to(validPosition, -1)
                        }
                        if (isFinite(currentPosition) && isFinite(offset)) {
                            currentPosition += offset
                        }
                        return currentPosition
                    },
                    getCustomBoundaryPosition(position) {
                        const that = this;
                        const {
                            customPosition: customPosition,
                            offset: offset
                        } = that.getOptions();
                        const resolvedPosition = position ?? that.getResolvedPositionOption();
                        const orthogonalAxis = that.getOrthogonalAxis();
                        const orthogonalTranslator = orthogonalAxis.getTranslator();
                        const visibleArea = orthogonalTranslator.getCanvasVisibleArea();
                        if (!(0, _type.isDefined)(orthogonalAxis._orthogonalPositions) || 0 === orthogonalTranslator.canvasLength) {
                            return
                        }
                        const currentPosition = that.getCustomPosition(resolvedPosition);
                        if (!(0, _type.isDefined)(currentPosition)) {
                            return that.getResolvedBoundaryPosition()
                        } else if ((0, _type.isDefined)(customPosition)) {
                            if (currentPosition <= visibleArea.min) {
                                return that._isHorizontal ? TOP : LEFT
                            } else if (currentPosition >= visibleArea.max) {
                                return that._isHorizontal ? BOTTOM : RIGHT
                            }
                        } else if ((0, _type.isDefined)(offset)) {
                            if (currentPosition <= that._orthogonalPositions.start) {
                                return that._isHorizontal ? TOP : LEFT
                            } else if (currentPosition >= that._orthogonalPositions.end) {
                                return that._isHorizontal ? BOTTOM : RIGHT
                            }
                        }
                        return currentPosition
                    },
                    getResolvedPositionOption() {
                        const options = this.getOptions();
                        return options.customPosition ?? options.position
                    },
                    customPositionIsAvailable() {
                        const options = this.getOptions();
                        return (0, _type.isDefined)(this.getOrthogonalAxis()) && ((0, _type.isDefined)(options.customPosition) || isFinite(options.offset))
                    },
                    hasNonBoundaryPosition() {
                        return this.customPositionIsAvailable() && !this.customPositionIsBoundary()
                    },
                    getResolvedBoundaryPosition() {
                        return this.customPositionIsBoundary() ? this._customBoundaryPosition : this.getOptions().position
                    },
                    customPositionEqualsToPredefined() {
                        return this.customPositionIsBoundary() && this._customBoundaryPosition === this.getOptions().position
                    },
                    customPositionIsBoundary() {
                        return this.positionIsBoundary(this._customBoundaryPosition)
                    },
                    positionIsBoundary: position => [TOP, LEFT, BOTTOM, RIGHT].includes(position),
                    getPredefinedPosition(position) {
                        var _this$_orthogonalPosi;
                        return null === (_this$_orthogonalPosi = this._orthogonalPositions) || void 0 === _this$_orthogonalPosi ? void 0 : _this$_orthogonalPosi[position === TOP || position === LEFT ? "start" : "end"]
                    },
                    resolveOverlappingForCustomPositioning(oppositeAxes) {
                        const that = this;
                        if (!that.hasNonBoundaryPosition() && !that.customPositionIsBoundary() && !oppositeAxes.some(a => a.hasNonBoundaryPosition())) {
                            return
                        }
                        const overlappingObj = {
                            axes: [],
                            ticks: []
                        };
                        oppositeAxes.filter(orthogonalAxis => orthogonalAxis.pane === that.pane).forEach(orthogonalAxis => {
                            for (let i = 0; i < that._majorTicks.length; i++) {
                                const tick = that._majorTicks[i];
                                const label = tick.label;
                                if (label) {
                                    if (!overlappingObj.axes.includes(orthogonalAxis) && that._detectElementsOverlapping(label, orthogonalAxis._axisElement)) {
                                        overlappingObj.axes.push(orthogonalAxis);
                                        that._shiftThroughOrthogonalAxisOverlappedTick(label, orthogonalAxis)
                                    }
                                    for (let j = 0; j < orthogonalAxis._majorTicks.length; j++) {
                                        const oppositeTick = orthogonalAxis._majorTicks[j];
                                        const oppositeLabel = oppositeTick.label;
                                        if (oppositeLabel && that._detectElementsOverlapping(label, oppositeLabel)) {
                                            overlappingObj.ticks.push(tick);
                                            that._shiftThroughAxisOverlappedTick(tick);
                                            i = that._majorTicks.length;
                                            break
                                        }
                                    }
                                }
                                if (tick.mark && !overlappingObj.ticks.includes(tick)) {
                                    if (that._isHorizontal && tick.mark.attr("translateY")) {
                                        tick.mark.attr({
                                            translateY: 0
                                        })
                                    } else if (!that._isHorizontal && tick.mark.attr("translateX")) {
                                        tick.mark.attr({
                                            translateX: 0
                                        })
                                    }
                                }
                            }
                        })
                    },
                    _shiftThroughOrthogonalAxisOverlappedTick(label, orthogonalAxis) {
                        const labelBBox = label.getBBox();
                        const orthogonalAxisPosition = orthogonalAxis.getAxisPosition();
                        const orthogonalAxisLabelOptions = orthogonalAxis.getOptions().label;
                        const orthogonalAxisLabelPosition = orthogonalAxisLabelOptions.position;
                        const orthogonalAxisLabelIndent = orthogonalAxisLabelOptions.indentFromAxis / 2;
                        const translateCoordName = this._isHorizontal ? "translateX" : "translateY";
                        const defaultOrthogonalAxisLabelPosition = this._isHorizontal ? LEFT : TOP;
                        const translate = label.attr(translateCoordName);
                        const labelCoord = (this._isHorizontal ? labelBBox.x : labelBBox.y) + translate;
                        const labelSize = this._isHorizontal ? labelBBox.width : labelBBox.height;
                        const outsidePart = orthogonalAxisPosition - labelCoord;
                        const insidePart = labelCoord + labelSize - orthogonalAxisPosition;
                        const attr = {};
                        attr[translateCoordName] = translate;
                        if (outsidePart > 0 && insidePart > 0) {
                            if (insidePart - outsidePart > 1) {
                                attr[translateCoordName] += outsidePart + orthogonalAxisLabelIndent
                            } else if (outsidePart - insidePart > 1) {
                                attr[translateCoordName] -= insidePart + orthogonalAxisLabelIndent
                            } else {
                                attr[translateCoordName] += orthogonalAxisLabelPosition === defaultOrthogonalAxisLabelPosition ? outsidePart + orthogonalAxisLabelIndent : -(insidePart + orthogonalAxisLabelIndent)
                            }
                            label.attr(attr)
                        }
                    },
                    _shiftThroughAxisOverlappedTick(tick) {
                        var _tick$mark;
                        const that = this;
                        const label = tick.label;
                        if (!label) {
                            return
                        }
                        const labelBBox = label.getBBox();
                        const tickMarkBBox = null === (_tick$mark = tick.mark) || void 0 === _tick$mark ? void 0 : _tick$mark.getBBox();
                        const axisPosition = that.getAxisPosition();
                        const labelOptions = that.getOptions().label;
                        const labelIndent = labelOptions.indentFromAxis;
                        const labelPosition = labelOptions.position;
                        const defaultLabelPosition = that._isHorizontal ? TOP : LEFT;
                        const translateCoordName = that._isHorizontal ? "translateY" : "translateX";
                        const translate = label.attr(translateCoordName);
                        const labelCoord = (that._isHorizontal ? labelBBox.y : labelBBox.x) + translate;
                        const labelSize = that._isHorizontal ? labelBBox.height : labelBBox.width;
                        const attr = {};
                        attr[translateCoordName] = translate + (labelPosition === defaultLabelPosition ? axisPosition - labelCoord + labelIndent : -(labelCoord - axisPosition + labelSize + labelIndent));
                        label.attr(attr);
                        if (tick.mark) {
                            const markerSize = that._isHorizontal ? tickMarkBBox.height : tickMarkBBox.width;
                            const dir = labelPosition === defaultLabelPosition ? 1 : -1;
                            attr[translateCoordName] = dir * (markerSize - 1);
                            tick.mark.attr(attr)
                        }
                    },
                    _detectElementsOverlapping(element1, element2) {
                        if (!element1 || !element2) {
                            return false
                        }
                        const bBox1 = element1.getBBox();
                        const x1 = bBox1.x + element1.attr("translateX");
                        const y1 = bBox1.y + element1.attr("translateY");
                        const bBox2 = element2.getBBox();
                        const x2 = bBox2.x + element2.attr("translateX");
                        const y2 = bBox2.y + element2.attr("translateY");
                        return (x2 >= x1 && x2 <= x1 + bBox1.width || x1 >= x2 && x1 <= x2 + bBox2.width) && (y2 >= y1 && y2 <= y1 + bBox1.height || y1 >= y2 && y1 <= y2 + bBox2.height)
                    }
                }
            };

            function getLineDrawer(renderer, root, rotatePoints, positionFrom, breakStart, positionTo, isWaved) {
                const elementType = isWaved ? "bezier" : "line";
                const group = renderer.g().append(root);
                return function(offset, attr) {
                    renderer.path(rotatePoints(function(positionFrom, breakStart, positionTo, offset, isWaved) {
                        if (!isWaved) {
                            return [positionFrom, breakStart + offset, positionTo, breakStart + offset]
                        }
                        breakStart += offset;
                        let currentPosition;
                        const topPoint = breakStart + 0;
                        const centerPoint = breakStart + 2;
                        const bottomPoint = breakStart + 4;
                        const points = [
                            [positionFrom, centerPoint]
                        ];
                        for (currentPosition = positionFrom; currentPosition < positionTo + 24; currentPosition += 24) {
                            points.push([currentPosition + 6, topPoint, currentPosition + 6, topPoint, currentPosition + 12, centerPoint, currentPosition + 18, bottomPoint, currentPosition + 18, bottomPoint, currentPosition + 24, centerPoint])
                        }
                        return [].concat.apply([], points)
                    }(positionFrom, breakStart, positionTo, offset, isWaved)), elementType).attr(attr).append(group)
                }
            }

            function rotateLine(lineCoords) {
                const points = [];
                let i;
                for (i = 0; i < lineCoords.length; i += 2) {
                    points.push(lineCoords[i + 1]);
                    points.push(lineCoords[i])
                }
                return points
            }
        },
        566(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Crosshair = Crosshair;
            exports.getMargins = function() {
                return {
                    x: 8,
                    y: 4
                }
            };
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            const math = Math;
            const mathAbs = math.abs;
            const mathMin = math.min;
            const mathMax = math.max;
            const mathFloor = math.floor;

            function getRectangleBBox(bBox) {
                return {
                    x: bBox.x - 8,
                    y: bBox.y - 4,
                    width: bBox.width + 16,
                    height: bBox.height + 8
                }
            }

            function getLabelCheckerPosition(x, y, isHorizontal, canvas) {
                const params = isHorizontal ? ["x", "width", "y", "height", y, 0] : ["y", "height", "x", "width", x, 1];
                return function(bBox, position, coord) {
                    const labelCoord = {
                        x: coord.x,
                        y: coord.y
                    };
                    const rectangleBBox = getRectangleBBox(bBox);
                    const delta = isHorizontal ? coord.y - bBox.y - bBox.height / 2 : coord.y - bBox.y;
                    labelCoord.y = isHorizontal || !isHorizontal && "bottom" === position ? coord.y + delta : coord.y;
                    if (rectangleBBox[params[0]] < 0) {
                        labelCoord[params[0]] -= rectangleBBox[params[0]]
                    } else if (rectangleBBox[params[0]] + rectangleBBox[params[1]] + delta * params[5] > canvas[params[1]]) {
                        labelCoord[params[0]] -= rectangleBBox[params[0]] + rectangleBBox[params[1]] + delta * params[5] - canvas[params[1]]
                    }
                    if (params[4] - rectangleBBox[params[3]] / 2 < 0) {
                        labelCoord[params[2]] -= params[4] - rectangleBBox[params[3]] / 2
                    } else if (params[4] + rectangleBBox[params[3]] / 2 > canvas[params[3]]) {
                        labelCoord[params[2]] -= params[4] + rectangleBBox[params[3]] / 2 - canvas[params[3]]
                    }
                    return labelCoord
                }
            }

            function Crosshair(renderer, options, params, group) {
                this._renderer = renderer;
                this._crosshairGroup = group;
                this._options = {};
                this.update(options, params)
            }
            Crosshair.prototype = {
                constructor: Crosshair,
                update(options, params) {
                    const canvas = params.canvas;
                    this._canvas = {
                        top: canvas.top,
                        bottom: canvas.height - canvas.bottom,
                        left: canvas.left,
                        right: canvas.width - canvas.right,
                        width: canvas.width,
                        height: canvas.height
                    };
                    this._axes = params.axes;
                    this._panes = params.panes;
                    this._prepareOptions(options, "horizontal");
                    this._prepareOptions(options, "vertical")
                },
                dispose() {
                    this._renderer = this._crosshairGroup = this._options = this._axes = this._canvas = this._horizontalGroup = this._verticalGroup = this._horizontal = this._vertical = this._circle = this._panes = null
                },
                _prepareOptions(options, direction) {
                    const lineOptions = options[`${direction}Line`];
                    this._options[direction] = {
                        visible: lineOptions.visible,
                        line: {
                            stroke: lineOptions.color || options.color,
                            "stroke-width": lineOptions.width || options.width,
                            dashStyle: lineOptions.dashStyle || options.dashStyle,
                            opacity: lineOptions.opacity || options.opacity,
                            "stroke-linecap": "butt"
                        },
                        label: (0, _extend.extend)(true, {}, options.label, lineOptions.label)
                    }
                },
                _createLines(options, sharpParam, group) {
                    const lines = [];
                    const canvas = this._canvas;
                    const points = [canvas.left, canvas.top, canvas.left, canvas.top];
                    for (let i = 0; i < 2; i++) {
                        lines.push(this._renderer.path(points, "line").attr(options).sharp(sharpParam).append(group))
                    }
                    return lines
                },
                render() {
                    const that = this;
                    const renderer = that._renderer;
                    const options = that._options;
                    const verticalOptions = options.vertical;
                    const horizontalOptions = options.horizontal;
                    const extraOptions = horizontalOptions.visible ? horizontalOptions.line : verticalOptions.line;
                    const circleOptions = {
                        stroke: extraOptions.stroke,
                        "stroke-width": extraOptions["stroke-width"],
                        dashStyle: extraOptions.dashStyle,
                        opacity: extraOptions.opacity
                    };
                    const canvas = that._canvas;
                    that._horizontal = {};
                    that._vertical = {};
                    that._circle = renderer.circle(canvas.left, canvas.top, 0).attr(circleOptions).append(that._crosshairGroup);
                    that._horizontalGroup = renderer.g().append(that._crosshairGroup);
                    that._verticalGroup = renderer.g().append(that._crosshairGroup);
                    if (verticalOptions.visible) {
                        that._vertical.lines = that._createLines(verticalOptions.line, "h", that._verticalGroup);
                        that._vertical.labels = that._createLabels(that._axes[0], verticalOptions, false, that._verticalGroup)
                    }
                    if (horizontalOptions.visible) {
                        that._horizontal.lines = that._createLines(horizontalOptions.line, "v", that._horizontalGroup);
                        that._horizontal.labels = that._createLabels(that._axes[1], horizontalOptions, true, that._horizontalGroup)
                    }
                    that.hide()
                },
                _createLabels(axes, options, isHorizontal, group) {
                    const canvas = this._canvas;
                    const renderer = this._renderer;
                    let x;
                    let y;
                    let text;
                    const labels = [];
                    let background;
                    let currentLabelPos;
                    const labelOptions = options.label;
                    if (labelOptions.visible) {
                        axes.forEach(axis => {
                            const position = axis.getOptions().position;
                            if (axis.getTranslator().getBusinessRange().isEmpty()) {
                                return
                            }
                            currentLabelPos = axis.getLabelsPosition();
                            if (isHorizontal) {
                                y = canvas.top;
                                x = currentLabelPos
                            } else {
                                x = canvas.left;
                                y = currentLabelPos
                            }
                            const align = "top" === position || "bottom" === position ? "center" : "right" === position ? "left" : "right";
                            background = renderer.rect(0, 0, 0, 0).attr({
                                fill: labelOptions.backgroundColor || options.line.stroke
                            }).append(group);
                            text = renderer.text("0", 0, 0).css((0, _utils.patchFontOptions)(options.label.font)).attr({
                                align: align,
                                class: labelOptions.cssClass
                            }).append(group);
                            labels.push({
                                text: text,
                                background: background,
                                axis: axis,
                                options: labelOptions,
                                pos: {
                                    coord: currentLabelPos,
                                    side: position
                                },
                                startXY: {
                                    x: x,
                                    y: y
                                }
                            })
                        })
                    }
                    return labels
                },
                _updateText(value, axisName, labels, point, func) {
                    const that = this;
                    labels.forEach(label => {
                        const axis = label.axis;
                        const coord = label.startXY;
                        const textElement = label.text;
                        const backgroundElement = label.background;
                        let text = "";
                        if (!axis.name || axis.name === axisName) {
                            text = axis.getFormattedValue(value, label.options, point)
                        }
                        if (text) {
                            textElement.attr({
                                text: text,
                                x: coord.x,
                                y: coord.y
                            });
                            textElement.attr(func(textElement.getBBox(), label.pos.side, coord));
                            that._updateLinesCanvas(label);
                            backgroundElement.attr(getRectangleBBox(textElement.getBBox()))
                        } else {
                            textElement.attr({
                                text: ""
                            });
                            backgroundElement.attr({
                                x: 0,
                                y: 0,
                                width: 0,
                                height: 0
                            })
                        }
                    })
                },
                hide() {
                    this._crosshairGroup.attr({
                        visibility: "hidden"
                    })
                },
                _updateLinesCanvas(label) {
                    const position = label.pos.side;
                    const labelCoord = label.pos.coord;
                    const coords = this._linesCanvas;
                    const canvas = this._canvas;
                    coords[position] = coords[position] !== canvas[position] && mathAbs(coords[position] - canvas[position]) < mathAbs(labelCoord - canvas[position]) ? coords[position] : labelCoord
                },
                _updateLines(lines, x, y, r, isHorizontal) {
                    const coords = this._linesCanvas;
                    const canvas = this._canvas;
                    const points = isHorizontal ? [
                        [mathMin(x - r, coords.left), canvas.top, x - r, canvas.top],
                        [x + r, canvas.top, mathMax(coords.right, x + r), canvas.top]
                    ] : [
                        [canvas.left, mathMin(coords.top, y - r), canvas.left, y - r],
                        [canvas.left, y + r, canvas.left, mathMax(coords.bottom, y + r)]
                    ];
                    for (let i = 0; i < 2; i++) {
                        lines[i].attr({
                            points: points[i]
                        }).sharp(isHorizontal ? "v" : "h", isHorizontal ? y === canvas.bottom ? -1 : 1 : x === canvas.right ? -1 : 1)
                    }
                },
                _resetLinesCanvas() {
                    const canvas = this._canvas;
                    this._linesCanvas = {
                        left: canvas.left,
                        right: canvas.right,
                        top: canvas.top,
                        bottom: canvas.bottom
                    }
                },
                _getClipRectForPane(x, y) {
                    const panes = this._panes;
                    let i;
                    let coords;
                    for (i = 0; i < panes.length; i++) {
                        coords = panes[i].coords;
                        if (coords.left <= x && coords.right >= x && coords.top <= y && coords.bottom >= y) {
                            return panes[i].clipRect
                        }
                    }
                    return {
                        id: null
                    }
                },
                show(data) {
                    const that = this;
                    const point = data.point;
                    const pointData = point.getCrosshairData(data.x, data.y);
                    const r = point.getPointRadius();
                    const horizontal = that._horizontal;
                    const vertical = that._vertical;
                    const rad = !r ? 0 : r + 3;
                    const canvas = that._canvas;
                    const x = mathFloor(pointData.x);
                    const y = mathFloor(pointData.y);
                    if (x >= canvas.left && x <= canvas.right && y >= canvas.top && y <= canvas.bottom) {
                        that._crosshairGroup.attr({
                            visibility: "visible"
                        });
                        that._resetLinesCanvas();
                        that._circle.attr({
                            cx: x,
                            cy: y,
                            r: rad,
                            "clip-path": that._getClipRectForPane(x, y).id
                        });
                        if (horizontal.lines) {
                            that._updateText(pointData.yValue, pointData.axis, horizontal.labels, point, getLabelCheckerPosition(x, y, true, canvas));
                            that._updateLines(horizontal.lines, x, y, rad, true);
                            that._horizontalGroup.attr({
                                translateY: y - canvas.top
                            })
                        }
                        if (vertical.lines) {
                            that._updateText(pointData.xValue, pointData.axis, vertical.labels, point, getLabelCheckerPosition(x, y, false, canvas));
                            that._updateLines(vertical.lines, x, y, rad, false);
                            that._verticalGroup.attr({
                                translateX: x - canvas.left
                            })
                        }
                    } else {
                        that.hide()
                    }
                }
            }
        },
        23146(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.LayoutManager = LayoutManager;
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _consts = (e = __webpack_require__( /*! ../../viz/components/consts */ 44235), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _layout_element = __webpack_require__( /*! ../../viz/core/layout_element */ 23323);
            const {
                floor: floor,
                sqrt: sqrt
            } = Math;
            const _min = Math.min;
            const _max = Math.max;
            const RADIAL_LABEL_INDENT = _consts.default.radialLabelIndent;

            function getNearestCoord(firstCoord, secondCoord, pointCenterCoord) {
                let nearestCoord;
                if (pointCenterCoord < firstCoord) {
                    nearestCoord = firstCoord
                } else if (secondCoord < pointCenterCoord) {
                    nearestCoord = secondCoord
                } else {
                    nearestCoord = pointCenterCoord
                }
                return nearestCoord
            }

            function getLabelLayout(point) {
                if (point._label.isVisible() && "inside" !== point._label.getLayoutOptions().position) {
                    return point._label.getBoundingRect()
                }
            }

            function getPieRadius(series, paneCenterX, paneCenterY, accessibleRadius, minR) {
                series.some(singleSeries => singleSeries.getVisiblePoints().reduce((radiusIsFound, point) => {
                    const labelBBox = getLabelLayout(point);
                    if (labelBBox) {
                        const xCoords = getNearestCoord(labelBBox.x, labelBBox.x + labelBBox.width, paneCenterX);
                        const yCoords = getNearestCoord(labelBBox.y, labelBBox.y + labelBBox.height, paneCenterY);
                        accessibleRadius = _min(_max(function(x, y, paneCenterX, paneCenterY) {
                            return sqrt((x - paneCenterX) * (x - paneCenterX) + (y - paneCenterY) * (y - paneCenterY))
                        }(xCoords, yCoords, paneCenterX, paneCenterY) - RADIAL_LABEL_INDENT, minR), accessibleRadius);
                        radiusIsFound = true
                    }
                    return radiusIsFound
                }, false));
                return accessibleRadius
            }

            function getSizeLabels(series) {
                return series.reduce((res, singleSeries) => {
                    let maxWidth = singleSeries.getVisiblePoints().reduce((width, point) => {
                        const labelBBox = getLabelLayout(point);
                        if (labelBBox && labelBBox.width > width) {
                            width = labelBBox.width
                        }
                        return width
                    }, 0);
                    let rWidth = maxWidth;
                    if (maxWidth) {
                        res.outerLabelsCount++;
                        if (res.outerLabelsCount > 1) {
                            maxWidth += _consts.default.pieLabelSpacing
                        }
                        rWidth += _consts.default.pieLabelSpacing
                    }
                    res.sizes.push(maxWidth);
                    res.rSizes.push(rWidth);
                    res.common += maxWidth;
                    return res
                }, {
                    sizes: [],
                    rSizes: [],
                    common: 0,
                    outerLabelsCount: 0
                })
            }

            function correctLabelRadius(labelSizes, radius, series, canvas, averageWidthLabels, centerX) {
                let curRadius;
                let i;
                let runningWidth = 0;
                const sizes = labelSizes.sizes;
                const rSizes = labelSizes.rSizes;
                for (i = 0; i < series.length; i++) {
                    if (0 === sizes[i]) {
                        curRadius && (curRadius += rSizes[i - 1]);
                        continue
                    }
                    curRadius = floor(curRadius ? curRadius + rSizes[i - 1] : radius);
                    series[i].correctLabelRadius(curRadius);
                    runningWidth += averageWidthLabels || sizes[i];
                    rSizes[i] = averageWidthLabels || rSizes[i];
                    series[i].setVisibleArea({
                        left: floor(centerX - radius - runningWidth),
                        right: floor(canvas.width - (centerX + radius + runningWidth)),
                        top: canvas.top,
                        bottom: canvas.bottom,
                        width: canvas.width,
                        height: canvas.height
                    })
                }
            }

            function getInnerRadius(_ref) {
                let {
                    type: type,
                    innerRadius: innerRadius
                } = _ref;
                return "pie" === type ? 0 : (0, _type.isNumeric)(innerRadius) ? Number(innerRadius) : .5
            }

            function LayoutManager() {}

            function getAverageLabelWidth(centerX, radius, canvas, sizeLabels) {
                return (centerX - radius - RADIAL_LABEL_INDENT - canvas.left) / sizeLabels.outerLabelsCount
            }

            function correctAvailableRadius(availableRadius, canvas, series, minR, paneCenterX, paneCenterY) {
                const sizeLabels = getSizeLabels(series);
                let averageWidthLabels;
                const fullRadiusWithLabels = function(centerX, canvas, sizeLabels) {
                    return centerX - canvas.left - (sizeLabels.outerLabelsCount > 0 ? sizeLabels.common + RADIAL_LABEL_INDENT : 0)
                }(paneCenterX, canvas, sizeLabels);
                if (fullRadiusWithLabels < minR) {
                    availableRadius = minR;
                    averageWidthLabels = getAverageLabelWidth(paneCenterX, availableRadius, canvas, sizeLabels)
                } else {
                    availableRadius = _min(getPieRadius(series, paneCenterX, paneCenterY, availableRadius, minR), fullRadiusWithLabels)
                }
                correctLabelRadius(sizeLabels, availableRadius + RADIAL_LABEL_INDENT, series, canvas, averageWidthLabels, paneCenterX);
                return availableRadius
            }

            function toLayoutElementCoords(canvas) {
                return new _layout_element.WrapperLayoutElement(null, {
                    x: canvas.left,
                    y: canvas.top,
                    width: canvas.width - canvas.left - canvas.right,
                    height: canvas.height - canvas.top - canvas.bottom
                })
            }
            LayoutManager.prototype = {
                constructor: LayoutManager,
                setOptions(options) {
                    this._options = options
                },
                applyPieChartSeriesLayout(canvas, series, hideLayoutLabels) {
                    const paneSpaceHeight = canvas.height - canvas.top - canvas.bottom;
                    const paneSpaceWidth = canvas.width - canvas.left - canvas.right;
                    const paneCenterX = paneSpaceWidth / 2 + canvas.left;
                    const paneCenterY = paneSpaceHeight / 2 + canvas.top;
                    const piePercentage = this._options.piePercentage;
                    let availableRadius;
                    let minR;
                    if ((0, _type.isNumeric)(piePercentage)) {
                        availableRadius = minR = piePercentage * _min(canvas.height, canvas.width) / 2
                    } else {
                        availableRadius = _min(paneSpaceWidth, paneSpaceHeight) / 2;
                        minR = this._options.minPiePercentage * availableRadius
                    }
                    if (!hideLayoutLabels) {
                        availableRadius = correctAvailableRadius(availableRadius, canvas, series, minR, paneCenterX, paneCenterY)
                    }
                    return {
                        centerX: floor(paneCenterX),
                        centerY: floor(paneCenterY),
                        radiusInner: floor(availableRadius * getInnerRadius(series[0])),
                        radiusOuter: floor(availableRadius)
                    }
                },
                applyEqualPieChartLayout(series, layout) {
                    const radius = layout.radius;
                    return {
                        centerX: floor(layout.x),
                        centerY: floor(layout.y),
                        radiusInner: floor(radius * getInnerRadius(series[0])),
                        radiusOuter: floor(radius)
                    }
                },
                correctPieLabelRadius(series, layout, canvas) {
                    const sizeLabels = getSizeLabels(series);
                    let averageWidthLabels;
                    const radius = layout.radiusOuter + RADIAL_LABEL_INDENT;
                    const availableLabelWidth = layout.centerX - canvas.left - radius;
                    if (sizeLabels.common + RADIAL_LABEL_INDENT > availableLabelWidth) {
                        averageWidthLabels = getAverageLabelWidth(layout.centerX, layout.radiusOuter, canvas, sizeLabels)
                    }
                    correctLabelRadius(sizeLabels, radius, series, canvas, averageWidthLabels, layout.centerX)
                },
                needMoreSpaceForPanesCanvas(panes, rotated, fixedSizeCallback) {
                    const options = this._options;
                    const width = options.width;
                    const height = options.height;
                    const piePercentage = options.piePercentage;
                    const percentageIsValid = (0, _type.isNumeric)(piePercentage);
                    let needHorizontalSpace = 0;
                    let needVerticalSpace = 0;
                    panes.forEach(pane => {
                        const paneCanvas = pane.canvas;
                        const minSize = percentageIsValid ? _min(paneCanvas.width, paneCanvas.height) * piePercentage : void 0;
                        const paneSized = fixedSizeCallback ? fixedSizeCallback(pane) : {
                            width: false,
                            height: false
                        };
                        const needPaneHorizontalSpace = !paneSized.width ? (percentageIsValid ? minSize : width) - (paneCanvas.width - paneCanvas.left - paneCanvas.right) : 0;
                        const needPaneVerticalSpace = !paneSized.height ? (percentageIsValid ? minSize : height) - (paneCanvas.height - paneCanvas.top - paneCanvas.bottom) : 0;
                        if (rotated) {
                            needHorizontalSpace += needPaneHorizontalSpace > 0 ? needPaneHorizontalSpace : 0;
                            needVerticalSpace = _max(needPaneVerticalSpace > 0 ? needPaneVerticalSpace : 0, needVerticalSpace)
                        } else {
                            needHorizontalSpace = _max(needPaneHorizontalSpace > 0 ? needPaneHorizontalSpace : 0, needHorizontalSpace);
                            needVerticalSpace += needPaneVerticalSpace > 0 ? needPaneVerticalSpace : 0
                        }
                    });
                    return needHorizontalSpace > 0 || needVerticalSpace > 0 ? {
                        width: needHorizontalSpace,
                        height: needVerticalSpace
                    } : false
                },
                layoutInsideLegend(legend, canvas) {
                    const layoutOptions = legend.getLayoutOptions();
                    if (!layoutOptions) {
                        return
                    }
                    const position = layoutOptions.position;
                    const cutSide = layoutOptions.cutSide;
                    const my = {
                        horizontal: position.horizontal,
                        vertical: position.vertical
                    };
                    canvas[layoutOptions.cutLayoutSide] += "horizontal" === layoutOptions.cutSide ? layoutOptions.width : layoutOptions.height;
                    my[cutSide] = {
                        left: "right",
                        right: "left",
                        top: "bottom",
                        bottom: "top",
                        center: "center"
                    } [my[cutSide]];
                    legend.position({
                        of: toLayoutElementCoords(canvas),
                        my: my,
                        at: position
                    })
                }
            }
        },
        78609(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.AdvancedChart = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../../../viz/utils */ 2225);
            var _base_axis = __webpack_require__( /*! ../../viz/axes/base_axis */ 59142);
            var _series_family = __webpack_require__( /*! ../../viz/core/series_family */ 81214);
            var _utils2 = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _range_data_calculator = (e = __webpack_require__( /*! ../../viz/series/helpers/range_data_calculator */ 41971), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _range = __webpack_require__( /*! ../../viz/translators/range */ 8315);
            var _m_base_chart = __webpack_require__( /*! ./m_base_chart */ 9410);
            const {
                isArray: isArray
            } = Array;

            function prepareAxis(axisOptions) {
                if (isArray(axisOptions)) {
                    return 0 === axisOptions.length ? [{}] : axisOptions
                }
                return [axisOptions]
            }

            function setAxisVisualRangeByOption(arg, axis, isDirectOption, index) {
                let options;
                let visualRange;
                if (isDirectOption) {
                    visualRange = arg.value;
                    options = {
                        skipEventRising: true
                    };
                    const wrappedVisualRange = wrapVisualRange(arg.fullName, visualRange);
                    if (wrappedVisualRange) {
                        options = {
                            allowPartialUpdate: true
                        };
                        visualRange = wrappedVisualRange
                    }
                } else {
                    visualRange = ((0, _type.isDefined)(index) ? arg.value[index] : arg.value).visualRange
                }
                axis.visualRange(visualRange, options)
            }

            function wrapVisualRange(fullName, value) {
                const pathElements = fullName.split(".");
                const destElem = pathElements.at(-1);
                if ("endValue" === destElem || "startValue" === destElem) {
                    return {
                        [destElem]: value
                    }
                }
                return
            }
            exports.AdvancedChart = _m_base_chart.BaseChart.inherit({
                _fontFields: ["commonAxisSettings.label.font", "commonAxisSettings.title.font"],
                _partialOptionChangesMap: {
                    visualRange: "VISUAL_RANGE",
                    _customVisualRange: "VISUAL_RANGE",
                    strips: "REFRESH_AXES",
                    constantLines: "REFRESH_AXES"
                },
                _partialOptionChangesPath: {
                    argumentAxis: ["strips", "constantLines", "visualRange", "_customVisualRange"],
                    valueAxis: ["strips", "constantLines", "visualRange", "_customVisualRange"]
                },
                _initCore() {
                    this._panesClipRects = {};
                    this.callBase()
                },
                _disposeCore() {
                    const disposeObjectsInArray = this._disposeObjectsInArray;
                    const panesClipRects = this._panesClipRects;
                    this.callBase();
                    disposeObjectsInArray.call(panesClipRects, "fixed");
                    disposeObjectsInArray.call(panesClipRects, "base");
                    disposeObjectsInArray.call(panesClipRects, "wide");
                    this._panesClipRects = null;
                    this._labelsAxesGroup.linkOff();
                    this._labelsAxesGroup.dispose();
                    this._labelsAxesGroup = null
                },
                _dispose() {
                    const disposeObjectsInArray = this._disposeObjectsInArray;
                    this.callBase();
                    this.panes = null;
                    if (this._legend) {
                        this._legend.dispose();
                        this._legend = null
                    }
                    disposeObjectsInArray.call(this, "panesBackground");
                    disposeObjectsInArray.call(this, "seriesFamilies");
                    this._disposeAxes()
                },
                _createPanes() {
                    this._cleanPanesClipRects("fixed");
                    this._cleanPanesClipRects("base");
                    this._cleanPanesClipRects("wide")
                },
                _cleanPanesClipRects(clipArrayName) {
                    const clipArray = this._panesClipRects[clipArrayName];
                    (clipArray || []).forEach(clipRect => {
                        null === clipRect || void 0 === clipRect || clipRect.dispose()
                    });
                    this._panesClipRects[clipArrayName] = []
                },
                _getElementsClipRectID(paneName) {
                    const clipShape = this._panesClipRects.fixed[this._getPaneIndex(paneName)];
                    return null === clipShape || void 0 === clipShape ? void 0 : clipShape.id
                },
                _getPaneIndex(paneName) {
                    const name = paneName || "default";
                    return this.panes.findIndex(pane => pane.name === name)
                },
                _updateSize(forceUpdateCanvas) {
                    this.callBase();
                    if (forceUpdateCanvas && (0, _utils.areCanvasesDifferent)(this.__currentCanvas, this._canvas)) {
                        this.__currentCanvas = (0, _utils.floorCanvasDimensions)(this._canvas)
                    }(0, _utils2.setCanvasValues)(this._canvas)
                },
                _reinitAxes() {
                    this.panes = this._createPanes();
                    this._populateAxes();
                    this._axesReinitialized = true
                },
                _populateAxes() {
                    const {
                        panes: panes
                    } = this;
                    const rotated = this._isRotated();
                    const argumentAxesOptions = prepareAxis(this.option("argumentAxis") || {})[0];
                    const valueAxisOption = this.option("valueAxis");
                    const valueAxesOptions = prepareAxis(valueAxisOption || {});
                    let argumentAxesPopulatedOptions = [];
                    const valueAxesPopulatedOptions = [];
                    const axisNames = [];
                    let valueAxesCounter = 0;
                    let paneWithNonVirtualAxis;
                    const crosshairMargins = this._getCrosshairMargins();

                    function getNextAxisName() {
                        const name = "defaultAxisName" + String(valueAxesCounter);
                        valueAxesCounter += 1;
                        return name
                    }
                    if (rotated) {
                        paneWithNonVirtualAxis = "right" === argumentAxesOptions.position ? panes[panes.length - 1].name : panes[0].name
                    } else {
                        paneWithNonVirtualAxis = "top" === argumentAxesOptions.position ? panes[0].name : panes[panes.length - 1].name
                    }
                    argumentAxesPopulatedOptions = (0, _utils2.map)(panes, pane => {
                        const virtual = pane.name !== paneWithNonVirtualAxis;
                        return this._populateAxesOptions("argumentAxis", argumentAxesOptions, {
                            pane: pane.name,
                            name: null,
                            optionPath: "argumentAxis",
                            crosshairMargin: rotated ? crosshairMargins.x : crosshairMargins.y
                        }, rotated, virtual)
                    });
                    valueAxesOptions.forEach((axisOptions, priority) => {
                        var _axisOptions$panes;
                        let axisPanes = [];
                        const {
                            name: name
                        } = axisOptions;
                        if (name && axisNames.includes(name)) {
                            this._incidentOccurred("E2102");
                            return
                        }
                        if (name) {
                            axisNames.push(name)
                        }
                        if (axisOptions.pane) {
                            axisPanes.push(axisOptions.pane)
                        }
                        if (null !== (_axisOptions$panes = axisOptions.panes) && void 0 !== _axisOptions$panes && _axisOptions$panes.length) {
                            axisPanes = axisPanes.concat(axisOptions.panes.slice(0))
                        }
                        axisPanes = (0, _utils2.unique)(axisPanes);
                        if (!axisPanes.length) {
                            axisPanes.push(void 0)
                        }
                        axisPanes.forEach(pane => {
                            const optionPath = isArray(valueAxisOption) ? `valueAxis[${String(priority)}]` : "valueAxis";
                            valueAxesPopulatedOptions.push(this._populateAxesOptions("valueAxis", axisOptions, {
                                name: name || getNextAxisName(),
                                pane: pane,
                                priority: priority,
                                optionPath: optionPath,
                                crosshairMargin: rotated ? crosshairMargins.y : crosshairMargins.x
                            }, rotated))
                        })
                    });
                    this._redesignAxes(argumentAxesPopulatedOptions, true, paneWithNonVirtualAxis);
                    this._redesignAxes(valueAxesPopulatedOptions, false)
                },
                _redesignAxes(options, isArgumentAxes, paneWithNonVirtualAxis) {
                    const axesBasis = [];
                    let axes = isArgumentAxes ? this._argumentAxes : this._valueAxes;
                    options.forEach(opt => {
                        var _axes;
                        const curAxes = null === (_axes = axes) || void 0 === _axes ? void 0 : _axes.filter(a => a.name === opt.name && (!(0, _type.isDefined)(opt.pane) && this.panes.some(p => p.name === a.pane) || a.pane === opt.pane));
                        if (null !== curAxes && void 0 !== curAxes && curAxes.length) {
                            curAxes.forEach(axis => {
                                const axisTypes = function(groupsData, axis, isArgumentAxes) {
                                    if (isArgumentAxes) {
                                        return {
                                            argumentAxisType: groupsData.argumentAxisType,
                                            argumentType: groupsData.argumentType
                                        }
                                    }
                                    const {
                                        valueAxisType: valueAxisType,
                                        valueType: valueType
                                    } = groupsData.groups.find(g => g.valueAxis === axis);
                                    return {
                                        valueAxisType: valueAxisType,
                                        valueType: valueType
                                    }
                                }(this._groupsData, axis, isArgumentAxes);
                                axis.updateOptions(opt);
                                if (isArgumentAxes) {
                                    axis.setTypes(axisTypes.argumentAxisType, axisTypes.argumentType, "argumentType")
                                } else {
                                    axis.setTypes(axisTypes.valueAxisType, axisTypes.valueType, "valueType")
                                }
                                axis.validate();
                                axesBasis.push({
                                    axis: axis
                                })
                            })
                        } else {
                            axesBasis.push({
                                options: opt
                            })
                        }
                    });
                    if (axes) {
                        (0, _iterator.reverseEach)(axes, (index, axis) => {
                            if (!axesBasis.some(basis => basis.axis && basis.axis === axis)) {
                                this._disposeAxis(index, isArgumentAxes)
                            }
                        })
                    } else if (isArgumentAxes) {
                        axes = this._argumentAxes = []
                    } else {
                        axes = this._valueAxes = []
                    }
                    axesBasis.forEach(basis => {
                        let {
                            axis: axis
                        } = basis;
                        if (basis.axis && isArgumentAxes) {
                            basis.axis.isVirtual = basis.axis.pane !== paneWithNonVirtualAxis
                        } else if (basis.options) {
                            axis = this._createAxis(isArgumentAxes, basis.options, isArgumentAxes ? basis.options.pane !== paneWithNonVirtualAxis : void 0);
                            axes.push(axis)
                        }
                        axis.applyVisualRangeSetter(this._getVisualRangeSetter())
                    })
                },
                _disposeAxis(index, isArgumentAxis) {
                    const axes = isArgumentAxis ? this._argumentAxes : this._valueAxes;
                    const axis = axes[index];
                    if (!axis) {
                        return
                    }
                    axis.dispose();
                    axes.splice(index, 1)
                },
                _disposeAxes() {
                    const disposeObjectsInArray = this._disposeObjectsInArray;
                    disposeObjectsInArray.call(this, "_argumentAxes");
                    disposeObjectsInArray.call(this, "_valueAxes")
                },
                _appendAdditionalSeriesGroups() {
                    this._crosshairCursorGroup.linkAppend();
                    if (this._scrollBar) {
                        this._scrollBarGroup.linkAppend()
                    }
                },
                _getLegendTargets() {
                    return (this.series || []).map(s => {
                        const item = this._getLegendOptions(s);
                        item.legendData.series = s;
                        if (!s.getOptions().showInLegend) {
                            item.legendData.visible = false
                        }
                        return item
                    })
                },
                _legendItemTextField: "name",
                _seriesPopulatedHandlerCore() {
                    this._processSeriesFamilies();
                    this._processValueAxisFormat()
                },
                _renderTrackers() {
                    for (let i = 0; i < this.series.length; i += 1) {
                        this.series[i].drawTrackers()
                    }
                },
                _specialProcessSeries() {
                    this._processSeriesFamilies()
                },
                _processSeriesFamilies() {
                    var _this$seriesFamilies;
                    const types = [];
                    const families = [];
                    let paneSeries;
                    const themeManager = this._themeManager;
                    const negativesAsZeroes = themeManager.getOptions("negativesAsZeroes");
                    const negativesAsZeros = themeManager.getOptions("negativesAsZeros");
                    const familyOptions = {
                        minBubbleSize: themeManager.getOptions("minBubbleSize"),
                        maxBubbleSize: themeManager.getOptions("maxBubbleSize"),
                        barGroupPadding: themeManager.getOptions("barGroupPadding"),
                        barGroupWidth: themeManager.getOptions("barGroupWidth"),
                        negativesAsZeroes: (0, _type.isDefined)(negativesAsZeroes) ? negativesAsZeroes : negativesAsZeros
                    };
                    if (null !== (_this$seriesFamilies = this.seriesFamilies) && void 0 !== _this$seriesFamilies && _this$seriesFamilies.length) {
                        this.seriesFamilies.forEach(family => {
                            family.updateOptions(familyOptions);
                            family.adjustSeriesValues()
                        });
                        return
                    }
                    this.series.forEach(item => {
                        if (!types.includes(item.type)) {
                            types.push(item.type)
                        }
                    });
                    this._getLayoutTargets().forEach(pane => {
                        paneSeries = this._getSeriesForPane(pane.name);
                        types.forEach(type => {
                            const family = new _series_family.SeriesFamily({
                                type: type,
                                pane: pane.name,
                                minBubbleSize: familyOptions.minBubbleSize,
                                maxBubbleSize: familyOptions.maxBubbleSize,
                                barGroupPadding: familyOptions.barGroupPadding,
                                barGroupWidth: familyOptions.barGroupWidth,
                                negativesAsZeroes: familyOptions.negativesAsZeroes,
                                rotated: this._isRotated()
                            });
                            family.add(paneSeries);
                            family.adjustSeriesValues();
                            families.push(family)
                        })
                    });
                    this.seriesFamilies = families
                },
                _updateSeriesDimensions() {
                    const seriesFamilies = this.seriesFamilies || [];
                    for (let i = 0; i < seriesFamilies.length; i += 1) {
                        const family = seriesFamilies[i];
                        family.updateSeriesValues();
                        family.adjustSeriesDimensions()
                    }
                },
                _getLegendCallBack(series) {
                    var _this$_legend;
                    return null === (_this$_legend = this._legend) || void 0 === _this$_legend ? void 0 : _this$_legend.getActionCallback(series)
                },
                _appendAxesGroups() {
                    this._stripsGroup.linkAppend();
                    this._gridGroup.linkAppend();
                    this._axesGroup.linkAppend();
                    this._labelsAxesGroup.linkAppend();
                    this._constantLinesGroup.linkAppend();
                    this._stripLabelAxesGroup.linkAppend();
                    this._scaleBreaksGroup.linkAppend()
                },
                _populateMarginOptions() {
                    const bubbleSize = function(size, panesCount, maxSize, rotated) {
                        const width = rotated ? size.width / panesCount : size.width;
                        const height = rotated ? size.height : size.height / panesCount;
                        return Math.min(width, height) * maxSize
                    }(this.getSize(), this.panes.length, this._themeManager.getOptions("maxBubbleSize"), this._isRotated());
                    let argumentMarginOptions = {};
                    this._valueAxes.forEach(valueAxis => {
                        const groupSeries = this.series.filter(series => series.getValueAxis() === valueAxis);
                        let marginOptions = {};
                        groupSeries.forEach(series => {
                            if (series.isVisible()) {
                                const seriesMarginOptions = function(marginOptions, bubbleSize) {
                                    if (marginOptions.processBubbleSize) {
                                        marginOptions.size = bubbleSize
                                    }
                                    return marginOptions
                                }(series.getMarginOptions(), bubbleSize);
                                marginOptions = (0, _utils2.mergeMarginOptions)(marginOptions, seriesMarginOptions);
                                argumentMarginOptions = (0, _utils2.mergeMarginOptions)(argumentMarginOptions, seriesMarginOptions)
                            }
                        });
                        valueAxis.setMarginOptions(marginOptions)
                    });
                    this._argumentAxes.forEach(a => a.setMarginOptions(argumentMarginOptions))
                },
                _populateBusinessRange(updatedAxis, keepRange) {
                    const rotated = this._isRotated();
                    const series = this._getVisibleSeries();
                    const argRanges = {};
                    const commonArgRange = new _range.Range({
                        rotated: !!rotated
                    });
                    const getPaneName = axis => axis.pane || "default";
                    this.panes.forEach(p => {
                        argRanges[p.name] = new _range.Range({
                            rotated: !!rotated
                        })
                    });
                    this._valueAxes.forEach(valueAxis => {
                        const groupRange = new _range.Range({
                            rotated: !!rotated,
                            pane: valueAxis.pane,
                            axis: valueAxis.name
                        });
                        const groupSeries = series.filter(series => series.getValueAxis() === valueAxis);
                        groupSeries.forEach(series => {
                            const seriesRange = series.getRangeData();
                            groupRange.addRange(seriesRange.val);
                            argRanges[getPaneName(valueAxis)].addRange(seriesRange.arg)
                        });
                        if (!updatedAxis || updatedAxis && groupSeries.length && valueAxis === updatedAxis) {
                            valueAxis.setGroupSeries(groupSeries);
                            valueAxis.setBusinessRange(groupRange, this._axesReinitialized || keepRange, this._argumentAxes[0]._lastVisualRangeUpdateMode)
                        }
                    });
                    if (!updatedAxis || updatedAxis && series.length) {
                        Object.keys(argRanges).forEach(p => commonArgRange.addRange(argRanges[p]));
                        const commonInterval = commonArgRange.interval;
                        this._argumentAxes.forEach(a => {
                            const currentInterval = argRanges[getPaneName(a)].interval ?? commonInterval;
                            a.setBusinessRange(new _range.Range(Object.assign({}, commonArgRange, {
                                interval: currentInterval
                            })), this._axesReinitialized, void 0, this._groupsData.categories)
                        })
                    }
                    this._populateMarginOptions()
                },
                getArgumentAxis() {
                    return (this._argumentAxes || []).find(a => !a.isVirtual)
                },
                getValueAxis(name) {
                    return (this._valueAxes || []).find((0, _type.isDefined)(name) ? a => a.name === name : a => a.pane === this.defaultPane)
                },
                _getGroupsData() {
                    const groups = [];
                    this._valueAxes.forEach(axis => {
                        groups.push({
                            series: this.series.filter(series => series.getValueAxis() === axis),
                            valueAxis: axis,
                            valueOptions: axis.getOptions()
                        })
                    });
                    return {
                        groups: groups,
                        argumentAxes: this._argumentAxes,
                        argumentOptions: this._argumentAxes[0].getOptions()
                    }
                },
                _groupSeries() {
                    this._correctValueAxes(false);
                    this._groupsData = this._getGroupsData()
                },
                _processValueAxisFormat() {
                    const axesWithFullStackedFormat = [];
                    this.series.forEach(series => {
                        const axis = series.getValueAxis();
                        if (series.isFullStackedSeries()) {
                            axis.setPercentLabelFormat();
                            axesWithFullStackedFormat.push(axis)
                        }
                    });
                    this._valueAxes.forEach(axis => {
                        if (!axesWithFullStackedFormat.includes(axis)) {
                            axis.resetAutoLabelFormat()
                        }
                    })
                },
                _populateAxesOptions(typeSelector, userOptions, axisOptions, rotated, virtual) {
                    const preparedUserOptions = this._prepareStripsAndConstantLines(typeSelector, userOptions, rotated);
                    const options = (0, _extend2.extend)(true, {}, preparedUserOptions, axisOptions, this._prepareAxisOptions(typeSelector, preparedUserOptions, rotated));
                    if (virtual) {
                        options.visible = false;
                        options.tick.visible = false;
                        options.minorTick.visible = false;
                        options.label.visible = false;
                        options.title = {}
                    }
                    return options
                },
                _getValFilter: series => _range_data_calculator.default.getViewPortFilter(series.getValueAxis().visualRange() || {}),
                _createAxis(isArgumentAxes, options, virtual) {
                    const typeSelector = isArgumentAxes ? "argumentAxis" : "valueAxis";
                    const renderingSettings = (0, _extend2.extend)({
                        renderer: this._renderer,
                        incidentOccurred: this._incidentOccurred,
                        eventTrigger: this._eventTrigger,
                        axisClass: isArgumentAxes ? "arg" : "val",
                        widgetClass: "dxc",
                        stripsGroup: this._stripsGroup,
                        stripLabelAxesGroup: this._stripLabelAxesGroup,
                        constantLinesGroup: this._constantLinesGroup,
                        scaleBreaksGroup: this._scaleBreaksGroup,
                        axesContainerGroup: this._axesGroup,
                        labelsAxesGroup: this._labelsAxesGroup,
                        gridGroup: this._gridGroup,
                        isArgumentAxis: isArgumentAxes,
                        getTemplate: template => this._getTemplate(template)
                    }, this._getAxisRenderingOptions(typeSelector));
                    const axis = new _base_axis.Axis(renderingSettings);
                    axis.updateOptions(options);
                    axis.isVirtual = virtual;
                    return axis
                },
                _applyVisualRangeByVirtualAxes: () => false,
                _applyCustomVisualRangeOption(axis, range) {
                    if (axis.getOptions().optionPath) {
                        this._parseVisualRangeOption(`${axis.getOptions().optionPath}.visualRange`, range)
                    }
                },
                _getVisualRangeSetter() {
                    return (axis, _ref) => {
                        let {
                            skipEventRising: skipEventRising,
                            range: range
                        } = _ref;
                        this._applyCustomVisualRangeOption(axis, range);
                        axis.setCustomVisualRange(range);
                        axis.skipEventRising = skipEventRising;
                        if (!this._applyVisualRangeByVirtualAxes(axis, range)) {
                            if (this._applyingChanges) {
                                this._change_VISUAL_RANGE()
                            } else {
                                this._requestChange(["VISUAL_RANGE"])
                            }
                        }
                    }
                },
                _getTrackerSettings() {
                    return (0, _extend2.extend)(this.callBase(), {
                        argumentAxis: this.getArgumentAxis()
                    })
                },
                _prepareStripsAndConstantLines(typeSelector, userOptions, rotated) {
                    userOptions = this._themeManager.getOptions(typeSelector, userOptions, rotated);
                    if (userOptions.strips) {
                        userOptions.strips.forEach((line, i) => {
                            userOptions.strips[i] = (0, _extend2.extend)(true, {}, userOptions.stripStyle, line)
                        })
                    }
                    if (userOptions.constantLines) {
                        userOptions.constantLines.forEach((line, i) => {
                            userOptions.constantLines[i] = (0, _extend2.extend)(true, {}, userOptions.constantLineStyle, line)
                        })
                    }
                    return userOptions
                },
                refresh() {
                    this._disposeAxes();
                    this.callBase()
                },
                _layoutAxes(drawAxes) {
                    drawAxes();
                    const needSpace = this.checkForMoreSpaceForPanesCanvas();
                    if (needSpace) {
                        const rect = this._rect.slice();
                        const size = this._layout.backward(rect, rect, [needSpace.width, needSpace.height]);
                        needSpace.width = Math.max(0, size[0]);
                        needSpace.height = Math.max(0, size[1]);
                        this._canvas = this._createCanvasFromRect(rect);
                        drawAxes(needSpace)
                    }
                },
                checkForMoreSpaceForPanesCanvas() {
                    return this.layoutManager.needMoreSpaceForPanesCanvas(this._getLayoutTargets(), this._isRotated())
                },
                _parseVisualRangeOption(fullName, value) {
                    const name = fullName.split(/[.[]/)[0];
                    let index = fullName.match(/\d+/g);
                    index = (0, _type.isDefined)(index) ? parseInt(index[0], 10) : index;
                    if (fullName.split(".").indexOf("visualRange") > 0) {
                        if ("object" !== (0, _type.type)(value)) {
                            value = wrapVisualRange(fullName, value) ?? value
                        }
                        this._setCustomVisualRange(name, index, value)
                    } else if (("object" === (0, _type.type)(value) || isArray(value)) && name.indexOf("Axis") > 0 && JSON.stringify(value).indexOf("visualRange") > 0) {
                        if ((0, _type.isDefined)(value.visualRange)) {
                            this._setCustomVisualRange(name, index, value.visualRange)
                        } else if (isArray(value)) {
                            value.forEach((a, i) => {
                                if ((0, _type.isDefined)(a.visualRange)) {
                                    this._setCustomVisualRange(name, i, a.visualRange)
                                }
                            })
                        }
                    }
                },
                _setCustomVisualRange(axesName, index, value) {
                    const options = this._options.silent(axesName);
                    if (!options) {
                        return
                    }
                    if (!(0, _type.isDefined)(index)) {
                        options._customVisualRange = value
                    } else {
                        options[index]._customVisualRange = value
                    }
                    this._axesReinitialized = true
                },
                _raiseZoomEndHandlers() {
                    this._valueAxes.forEach(axis => axis.handleZoomEnd())
                },
                _setOptionsByReference() {
                    this.callBase();
                    (0, _extend2.extend)(this._optionsByReference, {
                        "valueAxis.visualRange": true
                    })
                },
                _notifyOptionChanged(option, value) {
                    this.callBase.apply(this, arguments);
                    if (!this._optionChangedLocker) {
                        this._parseVisualRangeOption(option, value)
                    }
                },
                _notifyVisualRange() {
                    this._valueAxes.forEach(axis => {
                        const axisPath = axis.getOptions().optionPath;
                        if (axisPath) {
                            const path = `${axisPath}.visualRange`;
                            const visualRange = (0, _utils2.convertVisualRangeObject)(axis.visualRange(), !isArray(this.option(path)));
                            if (!axis.skipEventRising || !(0, _utils2.rangesAreEqual)(visualRange, this.option(path))) {
                                if (!this.option(axisPath) && "valueAxis" !== axisPath) {
                                    this.option(axisPath, {
                                        name: axis.name,
                                        visualRange: visualRange
                                    })
                                } else {
                                    this.option(path, visualRange)
                                }
                            } else {
                                axis.skipEventRising = null
                            }
                        }
                    })
                },
                _notify() {
                    this.callBase();
                    this._axesReinitialized = false;
                    if (true !== this.option("disableTwoWayBinding")) {
                        this.skipOptionsRollBack = true;
                        this._notifyVisualRange();
                        this.skipOptionsRollBack = false
                    }
                },
                _getAxesForScaling() {
                    return this._valueAxes
                },
                _getAxesByOptionPath(arg, isDirectOption, optionName) {
                    const sourceAxes = this._getAxesForScaling();
                    let axes = [];
                    if (isDirectOption) {
                        let axisPath;
                        if (arg.fullName) {
                            axisPath = arg.fullName.slice(0, arg.fullName.indexOf("."))
                        }
                        axes = sourceAxes.filter(a => a.getOptions().optionPath === axisPath)
                    } else if ("object" === (0, _type.type)(arg.value)) {
                        axes = sourceAxes.filter(a => a.getOptions().optionPath === arg.name)
                    } else if (isArray(arg.value)) {
                        arg.value.forEach((v, index) => {
                            const axis = sourceAxes.filter(a => a.getOptions().optionPath === `${arg.name}[${index}]`)[0];
                            if ((0, _type.isDefined)(v[optionName]) && (0, _type.isDefined)(axis)) {
                                axes[index] = axis
                            }
                        })
                    }
                    return axes
                },
                _optionChanged(arg) {
                    if (!this._optionChangedLocker) {
                        const optionName = "visualRange";
                        const isDirectOption = arg.fullName.split(".").indexOf(optionName) > 0 ? true : this.getPartialChangeOptionsName(arg).indexOf(optionName) > -1 ? false : void 0;
                        if ((0, _type.isDefined)(isDirectOption)) {
                            const axes = this._getAxesByOptionPath(arg, isDirectOption, optionName);
                            if (axes) {
                                if (axes.length > 1 || isArray(arg.value)) {
                                    axes.forEach((a, index) => {
                                        setAxisVisualRangeByOption(arg, a, isDirectOption, index)
                                    })
                                } else if (1 === axes.length) {
                                    setAxisVisualRangeByOption(arg, axes[0], isDirectOption)
                                }
                            }
                        }
                    }
                    this.callBase(arg)
                },
                _change_VISUAL_RANGE() {
                    this._recreateSizeDependentObjects(false);
                    if (!this._changes.has("FULL_RENDER")) {
                        const resizePanesOnZoom = this.option("resizePanesOnZoom");
                        this._doRender({
                            force: true,
                            drawTitle: false,
                            drawLegend: false,
                            adjustAxes: resizePanesOnZoom ?? (this.option("adjustAxesOnZoom") || false),
                            animate: false
                        });
                        this._raiseZoomEndHandlers()
                    }
                },
                resetVisualRange() {
                    this._valueAxes.forEach(axis => {
                        axis.resetVisualRange(false);
                        this._applyCustomVisualRangeOption(axis)
                    });
                    this._requestChange(["VISUAL_RANGE"])
                },
                _getCrosshairMargins: () => ({
                    x: 0,
                    y: 0
                }),
                _legendDataField: "series",
                _adjustSeriesLabels: _common.noop,
                _correctValueAxes: _common.noop
            })
        },
        9410(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.overlapping = exports.BaseChart = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _tracker = _interopRequireDefault(__webpack_require__( /*! ../../../viz/chart_components/tracker */ 45912));
            var _layout_manager = __webpack_require__( /*! ../../viz/chart_components/layout_manager */ 23146);
            var _chart_theme_manager = __webpack_require__( /*! ../../viz/components/chart_theme_manager */ 56005);
            var _data_validator = __webpack_require__( /*! ../../viz/components/data_validator */ 22390);
            var _legend = __webpack_require__( /*! ../../viz/components/legend */ 56358);
            var _data_source = __webpack_require__( /*! ../../viz/core/data_source */ 98972);
            var _export = __webpack_require__( /*! ../../viz/core/export */ 43452);
            var _loading_indicator = __webpack_require__( /*! ../../viz/core/loading_indicator */ 71126);
            var _title = __webpack_require__( /*! ../../viz/core/title */ 69638);
            var _tooltip = __webpack_require__( /*! ../../viz/core/tooltip */ 94371);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _base_series = __webpack_require__( /*! ../../viz/series/base_series */ 98701);
            var _m_base_widget = _interopRequireDefault(__webpack_require__( /*! ../core/m_base_widget */ 34506));
            var _rolling_stock = __webpack_require__( /*! ./rolling_stock */ 59282);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                isArray: isArray
            } = Array;
            const ACTIONS_BY_PRIORITY = ["_reinit", "_updateDataSource", "_dataInit", "_forceRender", "_resize"];

            function findAndKillSmallValue(rollingStocks) {
                const smallestObject = rollingStocks.reduce((prev, rollingStock, index) => {
                    if (!rollingStock) {
                        return prev
                    }
                    const value = rollingStock.value();
                    return value < prev.value ? {
                        value: value,
                        rollingStock: rollingStock,
                        index: index
                    } : prev
                }, {
                    rollingStock: void 0,
                    value: 1 / 0,
                    index: void 0
                });
                smallestObject.rollingStock.getLabels()[0].draw(false);
                const {
                    width: width
                } = smallestObject.rollingStock.getBoundingRect();
                rollingStocks[smallestObject.index] = null;
                return width
            }

            function checkStacksOverlapping(firstRolling, secondRolling, inTwoSides) {
                if (!firstRolling || !secondRolling) {
                    return
                }
                const firstRect = firstRolling.getBoundingRect();
                const secondRect = secondRolling.getBoundingRect();
                const oppositeOverlapping = inTwoSides ? firstRect.oppositeStart <= secondRect.oppositeStart && firstRect.oppositeEnd > secondRect.oppositeStart || secondRect.oppositeStart <= firstRect.oppositeStart && secondRect.oppositeEnd > firstRect.oppositeStart : true;
                return firstRect.end > secondRect.start && oppositeOverlapping
            }

            function rollingStocksIsOut(rollingStock, canvas) {
                return rollingStock.getBoundingRect().end > canvas.end
            }

            function checkOverlapping(firstRect, secondRect) {
                return (firstRect.x <= secondRect.x && secondRect.x <= firstRect.x + firstRect.width || firstRect.x >= secondRect.x && firstRect.x <= secondRect.x + secondRect.width) && (firstRect.y <= secondRect.y && secondRect.y <= firstRect.y + firstRect.height || firstRect.y >= secondRect.y && firstRect.y <= secondRect.y + secondRect.height)
            }
            exports.overlapping = {
                resolveLabelOverlappingInOneDirection: function(points, canvas, isRotated, isInverted, shiftFunction) {
                    let customSorting = arguments.length > 5 && void 0 !== arguments[5] ? arguments[5] : () => 0;
                    const rollingStocks = [];
                    const stubCanvas = {
                        start: isRotated ? canvas.left : canvas.top,
                        end: isRotated ? canvas.width - canvas.right : canvas.height - canvas.bottom
                    };
                    let hasStackedSeries = false;
                    let sortRollingStocks;
                    points.forEach(p => {
                        if (!p) {
                            return
                        }
                        hasStackedSeries = hasStackedSeries || p.series.isStackedSeries() || p.series.isFullStackedSeries();
                        p.getLabels().forEach(l => {
                            if (l.isVisible()) {
                                rollingStocks.push(new _rolling_stock.RollingStock(l, isRotated, shiftFunction))
                            }
                        })
                    });
                    if (hasStackedSeries) {
                        if (Number(!isRotated) ^ Number(isInverted)) {
                            rollingStocks.reverse()
                        }
                        sortRollingStocks = isInverted ? rollingStocks : function(rollingStocks) {
                            const positiveRollingStocks = [];
                            const negativeRollingStocks = [];
                            rollingStocks.forEach(stock => {
                                if (stock.value() > 0) {
                                    positiveRollingStocks.push(stock)
                                } else {
                                    negativeRollingStocks.unshift(stock)
                                }
                            });
                            return positiveRollingStocks.concat(negativeRollingStocks)
                        }(rollingStocks)
                    } else {
                        const rollingStocksTmp = rollingStocks.slice();
                        sortRollingStocks = rollingStocks.sort((a, b) => customSorting(a, b) || a.getInitialPosition() - b.getInitialPosition() || rollingStocksTmp.indexOf(a) - rollingStocksTmp.indexOf(b))
                    }
                    if (! function(rollingStocks) {
                            let i;
                            let j;
                            let iLength;
                            let jLength;
                            let overlap = false;
                            for (i = 0, iLength = rollingStocks.length - 1; i < iLength; i++) {
                                for (j = i + 1, jLength = rollingStocks.length; j < jLength; j++) {
                                    if (i !== j && checkStacksOverlapping(rollingStocks[i], rollingStocks[j], true)) {
                                        overlap = true;
                                        break
                                    }
                                }
                                if (overlap) {
                                    break
                                }
                            }
                            return overlap
                        }(sortRollingStocks)) {
                        return false
                    }! function(rollingStocks, stubCanvas) {
                        const canvasSize = stubCanvas.end - stubCanvas.start;
                        let size = 0;
                        rollingStocks.forEach(rollingStock => {
                            size += rollingStock.getBoundingRect().width
                        });
                        while (canvasSize < size) {
                            size -= findAndKillSmallValue(rollingStocks)
                        }
                    }(sortRollingStocks, stubCanvas);
                    ! function(rollingStocks) {
                        let root;
                        for (let i = 0; i < rollingStocks.length - 1; i += 1) {
                            const currentRollingStock = root || rollingStocks[i];
                            if (checkStacksOverlapping(currentRollingStock, rollingStocks[i + 1])) {
                                currentRollingStock.toChain(rollingStocks[i + 1]);
                                rollingStocks[i + 1] = null;
                                root = currentRollingStock
                            } else {
                                root = rollingStocks[i + 1] || currentRollingStock
                            }
                        }
                    }(sortRollingStocks);
                    sortRollingStocks.reverse();
                    ! function(rollingStocks, canvas) {
                        for (let i = 0; i < rollingStocks.length; i += 1) {
                            const currentRollingStock = rollingStocks[i];
                            let shouldSetCanvas = true;
                            if (null !== currentRollingStock && rollingStocksIsOut(currentRollingStock, canvas)) {
                                const currentBBox = currentRollingStock.getBoundingRect();
                                for (let j = i + 1; j < rollingStocks.length; j += 1) {
                                    const nextRollingStock = rollingStocks[j];
                                    if (nextRollingStock) {
                                        const nextBBox = nextRollingStock.getBoundingRect();
                                        if (nextBBox.end > currentBBox.start - (currentBBox.end - canvas.end)) {
                                            nextRollingStock.toChain(currentRollingStock);
                                            shouldSetCanvas = false;
                                            break
                                        }
                                    }
                                }
                            }
                            if (shouldSetCanvas) {
                                null === currentRollingStock || void 0 === currentRollingStock || currentRollingStock.setRollingStockInCanvas(canvas)
                            }
                        }
                    }(sortRollingStocks, stubCanvas);
                    return true
                }
            };
            const BaseChart = exports.BaseChart = _m_base_widget.default.inherit({
                _eventsMap: {
                    onSeriesClick: {
                        name: "seriesClick"
                    },
                    onPointClick: {
                        name: "pointClick"
                    },
                    onArgumentAxisClick: {
                        name: "argumentAxisClick"
                    },
                    onLegendClick: {
                        name: "legendClick"
                    },
                    onSeriesSelectionChanged: {
                        name: "seriesSelectionChanged"
                    },
                    onPointSelectionChanged: {
                        name: "pointSelectionChanged"
                    },
                    onSeriesHoverChanged: {
                        name: "seriesHoverChanged"
                    },
                    onPointHoverChanged: {
                        name: "pointHoverChanged"
                    },
                    onDone: {
                        name: "done",
                        actionSettings: {
                            excludeValidators: ["disabled"]
                        }
                    },
                    onZoomStart: {
                        name: "zoomStart"
                    },
                    onZoomEnd: {
                        name: "zoomEnd"
                    }
                },
                _fontFields: ["legend.font", "legend.title.font", "legend.title.subtitle.font", "commonSeriesSettings.label.font"],
                _rootClassPrefix: "dxc",
                _rootClass: "dxc-chart",
                _initialChanges: ["INIT"],
                _themeDependentChanges: ["REFRESH_SERIES_REINIT"],
                _getThemeManagerOptions() {
                    const themeOptions = this.callBase.apply(this, arguments);
                    themeOptions.options = this.option();
                    return themeOptions
                },
                _createThemeManager() {
                    const chartOption = this.option();
                    const themeManager = new _chart_theme_manager.ThemeManager(this._getThemeManagerOptions());
                    themeManager.setTheme(chartOption.theme, chartOption.rtlEnabled);
                    return themeManager
                },
                _initCore() {
                    this._canvasClipRect = this._renderer.clipRect();
                    this._createHtmlStructure();
                    this._createLegend();
                    this._createTracker();
                    this._needHandleRenderComplete = true;
                    this.layoutManager = new _layout_manager.LayoutManager;
                    this._createScrollBar();
                    _events_engine.default.on(this._$element, "contextmenu", event => {
                        if ((0, _index.isTouchEvent)(event) || (0, _index.isPointerEvent)(event)) {
                            event.preventDefault()
                        }
                    });
                    _events_engine.default.on(this._$element, "MSHoldVisual", event => {
                        event.preventDefault()
                    })
                },
                _getLayoutItems: _common.noop,
                _layoutManagerOptions() {
                    return this._themeManager.getOptions("adaptiveLayout")
                },
                _reinit() {
                    (0, _utils.setCanvasValues)(this._canvas);
                    this._reinitAxes();
                    this._requestChange(["DATA_SOURCE", "DATA_INIT", "CORRECT_AXIS", "FULL_RENDER"])
                },
                _correctAxes: _common.noop,
                _createHtmlStructure() {
                    const renderer = this._renderer;
                    const {
                        root: root
                    } = renderer;
                    const createConstantLinesGroup = function() {
                        return renderer.g().attr({
                            class: "dxc-constant-lines-group"
                        }).linkOn(root, "constant-lines")
                    };
                    this._constantLinesGroup = {
                        dispose() {
                            this.under.dispose();
                            this.above.dispose()
                        },
                        linkOff() {
                            this.under.linkOff();
                            this.above.linkOff()
                        },
                        clear() {
                            this.under.linkRemove().clear();
                            this.above.linkRemove().clear()
                        },
                        linkAppend() {
                            this.under.linkAppend();
                            this.above.linkAppend()
                        }
                    };
                    this._labelsAxesGroup = renderer.g().attr({
                        class: "dxc-elements-axes-group"
                    });
                    const appendLabelsAxesGroup = () => {
                        this._labelsAxesGroup.linkOn(root, "elements")
                    };
                    this._backgroundRect = renderer.rect().attr({
                        fill: "gray",
                        opacity: 1e-4
                    }).append(root);
                    this._panesBackgroundGroup = renderer.g().attr({
                        class: "dxc-background"
                    }).append(root);
                    this._stripsGroup = renderer.g().attr({
                        class: "dxc-strips-group"
                    }).linkOn(root, "strips");
                    this._gridGroup = renderer.g().attr({
                        class: "dxc-grids-group"
                    }).linkOn(root, "grids");
                    this._panesBorderGroup = renderer.g().attr({
                        class: "dxc-border"
                    }).linkOn(root, "border");
                    this._axesGroup = renderer.g().attr({
                        class: "dxc-axes-group"
                    }).linkOn(root, "axes");
                    this._executeAppendBeforeSeries(appendLabelsAxesGroup);
                    this._stripLabelAxesGroup = renderer.g().attr({
                        class: "dxc-strips-labels-group"
                    }).linkOn(root, "strips-labels");
                    this._constantLinesGroup.under = createConstantLinesGroup();
                    this._seriesGroup = renderer.g().attr({
                        class: "dxc-series-group"
                    }).linkOn(root, "series");
                    this._executeAppendAfterSeries(appendLabelsAxesGroup);
                    this._constantLinesGroup.above = createConstantLinesGroup();
                    this._scaleBreaksGroup = renderer.g().attr({
                        class: "dxc-scale-breaks"
                    }).linkOn(root, "scale-breaks");
                    this._labelsGroup = renderer.g().attr({
                        class: "dxc-labels-group"
                    }).linkOn(root, "labels");
                    this._crosshairCursorGroup = renderer.g().attr({
                        class: "dxc-crosshair-cursor"
                    }).linkOn(root, "crosshair");
                    this._legendGroup = renderer.g().attr({
                        class: "dxc-legend",
                        "clip-path": this._getCanvasClipRectID()
                    }).linkOn(root, "legend").linkAppend(root).enableLinks();
                    this._scrollBarGroup = renderer.g().attr({
                        class: "dxc-scroll-bar"
                    }).linkOn(root, "scroll-bar")
                },
                _executeAppendBeforeSeries() {},
                _executeAppendAfterSeries() {},
                _disposeObjectsInArray(propName, fieldNames) {
                    (this[propName] || []).forEach(item => {
                        if (fieldNames && item) {
                            fieldNames.forEach(field => {
                                var _item$field;
                                null === (_item$field = item[field]) || void 0 === _item$field || _item$field.dispose()
                            })
                        } else {
                            null === item || void 0 === item || item.dispose()
                        }
                    });
                    this[propName] = null
                },
                _disposeCore() {
                    const disposeObject = propName => {
                        if (this[propName]) {
                            this[propName].dispose();
                            this[propName] = null
                        }
                    };
                    const unlinkGroup = name => {
                        this[name].linkOff()
                    };
                    const disposeObjectsInArray = this._disposeObjectsInArray;
                    this._renderer.stopAllAnimations();
                    disposeObjectsInArray.call(this, "series");
                    disposeObject("_tracker");
                    disposeObject("_crosshair");
                    this.layoutManager = this._userOptions = this._canvas = this._groupsData = null;
                    unlinkGroup("_stripsGroup");
                    unlinkGroup("_gridGroup");
                    unlinkGroup("_axesGroup");
                    unlinkGroup("_constantLinesGroup");
                    unlinkGroup("_stripLabelAxesGroup");
                    unlinkGroup("_panesBorderGroup");
                    unlinkGroup("_seriesGroup");
                    unlinkGroup("_labelsGroup");
                    unlinkGroup("_crosshairCursorGroup");
                    unlinkGroup("_legendGroup");
                    unlinkGroup("_scrollBarGroup");
                    unlinkGroup("_scaleBreaksGroup");
                    disposeObject("_canvasClipRect");
                    disposeObject("_panesBackgroundGroup");
                    disposeObject("_backgroundRect");
                    disposeObject("_stripsGroup");
                    disposeObject("_gridGroup");
                    disposeObject("_axesGroup");
                    disposeObject("_constantLinesGroup");
                    disposeObject("_stripLabelAxesGroup");
                    disposeObject("_panesBorderGroup");
                    disposeObject("_seriesGroup");
                    disposeObject("_labelsGroup");
                    disposeObject("_crosshairCursorGroup");
                    disposeObject("_legendGroup");
                    disposeObject("_scrollBarGroup");
                    disposeObject("_scaleBreaksGroup")
                },
                _getAnimationOptions() {
                    return this._themeManager.getOptions("animation")
                },
                _getDefaultSize: () => ({
                    width: 400,
                    height: 400
                }),
                _getOption(name) {
                    return this._themeManager.getOptions(name)
                },
                _applySize(rect) {
                    this._rect = rect.slice();
                    if (!this._changes.has("FULL_RENDER")) {
                        this._processRefreshData("_resize")
                    }
                },
                _resize() {
                    this._doRender(this.__renderOptions || {
                        animate: false,
                        isResize: true
                    })
                },
                _trackerType: "ChartTracker",
                _createTracker() {
                    this._tracker = new _tracker.default[this._trackerType]({
                        seriesGroup: this._seriesGroup,
                        renderer: this._renderer,
                        tooltip: this._tooltip,
                        legend: this._legend,
                        eventTrigger: this._eventTrigger
                    })
                },
                _getTrackerSettings() {
                    return (0, _extend.extend)({
                        chart: this
                    }, this._getSelectionModes())
                },
                _getSelectionModes() {
                    const themeManager = this._themeManager;
                    return {
                        seriesSelectionMode: themeManager.getOptions("seriesSelectionMode"),
                        pointSelectionMode: themeManager.getOptions("pointSelectionMode")
                    }
                },
                _updateTracker(trackerCanvases) {
                    this._tracker.update(this._getTrackerSettings());
                    this._tracker.setCanvases({
                        left: 0,
                        right: this._canvas.width,
                        top: 0,
                        bottom: this._canvas.height
                    }, trackerCanvases)
                },
                _createCanvasFromRect(rect) {
                    const currentCanvas = this._canvas;
                    return (0, _utils.setCanvasValues)({
                        left: rect[0],
                        top: rect[1],
                        right: currentCanvas.width - rect[2],
                        bottom: currentCanvas.height - rect[3],
                        width: currentCanvas.width,
                        height: currentCanvas.height
                    })
                },
                _doRender(_options) {
                    if (0 === this._canvas.width && 0 === this._canvas.height) {
                        return
                    }
                    this._resetIsReady();
                    const drawOptions = this._prepareDrawOptions(_options);
                    const {
                        recreateCanvas: recreateCanvas
                    } = drawOptions;
                    this._preserveOriginalCanvas();
                    if (recreateCanvas) {
                        this.__currentCanvas = this._canvas
                    } else {
                        this._canvas = this.__currentCanvas
                    }
                    recreateCanvas && this._updateCanvasClipRect(this._canvas);
                    this._canvas = this._createCanvasFromRect(this._rect);
                    this._renderer.stopAllAnimations(true);
                    this._cleanGroups();
                    const startTime = new Date;
                    this._renderElements(drawOptions);
                    this._lastRenderingTime = Number(new Date) - Number(startTime)
                },
                _preserveOriginalCanvas() {
                    this.__originalCanvas = this._canvas;
                    this._canvas = (0, _extend.extend)({}, this._canvas)
                },
                _layoutAxes: _common.noop,
                _renderElements(drawOptions) {
                    const preparedOptions = this._prepareToRender(drawOptions);
                    const isRotated = this._isRotated();
                    const isLegendInside = this._isLegendInside();
                    const trackerCanvases = [];
                    (0, _extend.extend)({}, this._canvas);
                    let argBusinessRange;
                    let zoomMinArg;
                    let zoomMaxArg;
                    this._renderer.lock();
                    if (drawOptions.drawLegend && this._legend) {
                        this._legendGroup.linkAppend()
                    }
                    this.layoutManager.setOptions(this._layoutManagerOptions());
                    const layoutTargets = this._getLayoutTargets();
                    this._layoutAxes(needSpace => {
                        const axisDrawOptions = needSpace ? (0, _extend.extend)({}, drawOptions, {
                            animate: false,
                            recreateCanvas: true
                        }) : drawOptions;
                        const canvas = this._renderAxes(axisDrawOptions, preparedOptions);
                        this._shrinkAxes(needSpace, canvas)
                    });
                    this._applyClipRects(preparedOptions);
                    this._appendSeriesGroups();
                    this._createCrosshairCursor();
                    layoutTargets.forEach(_ref => {
                        let {
                            canvas: canvas
                        } = _ref;
                        trackerCanvases.push({
                            left: canvas.left,
                            right: canvas.width - canvas.right,
                            top: canvas.top,
                            bottom: canvas.height - canvas.bottom
                        })
                    });
                    if (this._scrollBar) {
                        argBusinessRange = this._argumentAxes[0].getTranslator().getBusinessRange();
                        if ("discrete" === argBusinessRange.axisType && argBusinessRange.categories && argBusinessRange.categories.length <= 1 || "discrete" !== argBusinessRange.axisType && argBusinessRange.min === argBusinessRange.max) {
                            zoomMinArg = zoomMaxArg = void 0
                        } else {
                            zoomMinArg = argBusinessRange.minVisible;
                            zoomMaxArg = argBusinessRange.maxVisible
                        }
                        this._scrollBar.init(argBusinessRange, !this._argumentAxes[0].getOptions().valueMarginsEnabled).setPosition(zoomMinArg, zoomMaxArg)
                    }
                    this._updateTracker(trackerCanvases);
                    this._updateLegendPosition(drawOptions, isLegendInside);
                    this._applyPointMarkersAutoHiding();
                    this._renderSeries(drawOptions, isRotated, isLegendInside);
                    this._renderGraphicObjects();
                    this._renderer.unlock()
                },
                _updateLegendPosition: _common.noop,
                _createCrosshairCursor: _common.noop,
                _appendSeriesGroups() {
                    this._seriesGroup.linkAppend();
                    this._labelsGroup.linkAppend();
                    this._appendAdditionalSeriesGroups()
                },
                _renderSeries(drawOptions, isRotated, isLegendInside) {
                    this._calculateSeriesLayout(drawOptions, isRotated);
                    this._renderSeriesElements(drawOptions, isLegendInside)
                },
                _calculateSeriesLayout(drawOptions, isRotated) {
                    drawOptions.hideLayoutLabels = this.layoutManager.needMoreSpaceForPanesCanvas(this._getLayoutTargets(), isRotated) && !this._themeManager.getOptions("adaptiveLayout").keepLabels;
                    this._updateSeriesDimensions(drawOptions)
                },
                _getArgFilter: () => () => true,
                _getValFilter: () => () => true,
                _getPointsToAnimation(series) {
                    const argViewPortFilter = this._getArgFilter();
                    return series.map(s => {
                        const valViewPortFilter = this._getValFilter(s);
                        return s.getPoints().filter(p => p.getOptions().visible && argViewPortFilter(p.argument) && (valViewPortFilter(p.getMinValue(true)) || valViewPortFilter(p.getMaxValue(true)))).length
                    })
                },
                _renderSeriesElements(drawOptions, isLegendInside) {
                    const {
                        series: series
                    } = this;
                    const resolveLabelOverlapping = this._themeManager.getOptions("resolveLabelOverlapping");
                    const pointsToAnimation = this._getPointsToAnimation(series);
                    series.forEach((singleSeries, index) => {
                        this._applyExtraSettings(singleSeries, drawOptions);
                        const animationEnabled = drawOptions.animate && pointsToAnimation[index] <= drawOptions.animationPointsLimit && this._renderer.animationEnabled();
                        singleSeries.draw(animationEnabled, drawOptions.hideLayoutLabels, this._getLegendCallBack(singleSeries))
                    });
                    if ("none" === resolveLabelOverlapping) {
                        this._adjustSeriesLabels(false)
                    } else {
                        this._locateLabels(resolveLabelOverlapping)
                    }
                    this._renderTrackers(isLegendInside);
                    this._tracker.repairTooltip();
                    this._renderExtraElements();
                    this._clearCanvas();
                    this._seriesElementsDrawn = true
                },
                _changesApplied() {
                    if (this._seriesElementsDrawn) {
                        this._seriesElementsDrawn = false;
                        this._drawn();
                        this._renderCompleteHandler()
                    }
                },
                _locateLabels(resolveLabelOverlapping) {
                    this._resolveLabelOverlapping(resolveLabelOverlapping)
                },
                _renderExtraElements() {},
                _clearCanvas() {
                    this._canvas = this.__originalCanvas
                },
                _resolveLabelOverlapping(resolveLabelOverlapping) {
                    let func;
                    switch (resolveLabelOverlapping) {
                        case "stack":
                            func = this._resolveLabelOverlappingStack;
                            break;
                        case "hide":
                            func = this._resolveLabelOverlappingHide;
                            break;
                        case "shift":
                            func = this._resolveLabelOverlappingShift
                    }
                    return (0, _type.isFunction)(func) && func.call(this)
                },
                _getVisibleSeries() {
                    return (0, _common.grep)(this.getAllSeries(), series => series.isVisible())
                },
                _resolveLabelOverlappingHide() {
                    const labels = [];
                    let currentLabel;
                    let nextLabel;
                    let currentLabelRect;
                    let nextLabelRect;
                    let i;
                    let j;
                    let points;
                    const series = this._getVisibleSeries();
                    for (i = 0; i < series.length; i++) {
                        points = series[i].getVisiblePoints();
                        for (j = 0; j < points.length; j++) {
                            labels.push.apply(labels, points[j].getLabels())
                        }
                    }
                    for (i = 0; i < labels.length; i++) {
                        currentLabel = labels[i];
                        if (!currentLabel.isVisible()) {
                            continue
                        }
                        currentLabelRect = currentLabel.getBoundingRect();
                        for (j = i + 1; j < labels.length; j++) {
                            nextLabel = labels[j];
                            nextLabelRect = nextLabel.getBoundingRect();
                            if (checkOverlapping(currentLabelRect, nextLabelRect)) {
                                nextLabel.draw(false)
                            }
                        }
                    }
                },
                _cleanGroups() {
                    this._stripsGroup.linkRemove().clear();
                    this._gridGroup.linkRemove().clear();
                    this._axesGroup.linkRemove().clear();
                    this._constantLinesGroup.clear();
                    this._stripLabelAxesGroup.linkRemove().clear();
                    this._labelsGroup.linkRemove().clear();
                    this._crosshairCursorGroup.linkRemove().clear();
                    this._scaleBreaksGroup.linkRemove().clear()
                },
                _allowLegendInsidePosition: () => false,
                _createLegend() {
                    const legendSettings = function(legendDataField) {
                        const formatObjectFields = (name = legendDataField, {
                            nameField: `${name}Name`,
                            colorField: `${name}Color`,
                            indexField: `${name}Index`
                        });
                        var name;
                        return {
                            getFormatObject(data) {
                                const res = {};
                                res[formatObjectFields.indexField] = data.id;
                                res[formatObjectFields.colorField] = data.states.normal.fill;
                                res[formatObjectFields.nameField] = data.text;
                                return res
                            },
                            textField: formatObjectFields.nameField
                        }
                    }(this._legendDataField);
                    this._legend = new _legend.Legend({
                        renderer: this._renderer,
                        widget: this,
                        group: this._legendGroup,
                        backgroundClass: "dxc-border",
                        itemGroupClass: "dxc-item",
                        titleGroupClass: "dxc-title",
                        textField: legendSettings.textField,
                        getFormatObject: legendSettings.getFormatObject,
                        allowInsidePosition: this._allowLegendInsidePosition()
                    });
                    this._updateLegend();
                    this._layout.add(this._legend)
                },
                _updateLegend() {
                    const themeManager = this._themeManager;
                    const legendOptions = themeManager.getOptions("legend");
                    const legendData = this._getLegendData();
                    legendOptions.containerBackgroundColor = themeManager.getOptions("containerBackgroundColor");
                    legendOptions._incidentOccurred = this._incidentOccurred;
                    this._legend.update(legendData, legendOptions, themeManager.theme("legend").title);
                    this._change(["LAYOUT"])
                },
                _prepareDrawOptions(drawOptions) {
                    const animationOptions = this._getAnimationOptions();
                    const options = (0, _extend.extend)({}, {
                        force: false,
                        adjustAxes: true,
                        drawLegend: true,
                        drawTitle: true,
                        animate: animationOptions.enabled,
                        animationPointsLimit: animationOptions.maxPointCountSupported
                    }, drawOptions, this.__renderOptions);
                    if (!(0, _type.isDefined)(options.recreateCanvas)) {
                        options.recreateCanvas = options.adjustAxes && options.drawLegend && options.drawTitle
                    }
                    return options
                },
                _processRefreshData(newRefreshAction) {
                    const currentRefreshActionPosition = ACTIONS_BY_PRIORITY.indexOf(this._currentRefreshData);
                    const newRefreshActionPosition = ACTIONS_BY_PRIORITY.indexOf(newRefreshAction);
                    if (!this._currentRefreshData || currentRefreshActionPosition >= 0 && newRefreshActionPosition < currentRefreshActionPosition) {
                        this._currentRefreshData = newRefreshAction
                    }
                    this._requestChange(["REFRESH"])
                },
                _getLegendData() {
                    return (0, _utils.map)(this._getLegendTargets(), item => {
                        const {
                            legendData: legendData
                        } = item;
                        const style = item.getLegendStyles;
                        let {
                            opacity: opacity
                        } = style.normal;
                        if (!item.visible) {
                            if (!(0, _type.isDefined)(opacity) || opacity > .3) {
                                opacity = .3
                            }
                            legendData.textOpacity = .3
                        }
                        const opacityStyle = {
                            opacity: opacity
                        };
                        legendData.states = {
                            hover: (0, _extend.extend)({}, style.hover, opacityStyle),
                            selection: (0, _extend.extend)({}, style.selection, opacityStyle),
                            normal: (0, _extend.extend)({}, style.normal, opacityStyle)
                        };
                        return legendData
                    })
                },
                _getLegendOptions(item) {
                    return {
                        legendData: {
                            text: item[this._legendItemTextField],
                            id: item.index,
                            visible: true
                        },
                        getLegendStyles: item.getLegendStyles(),
                        visible: item.isVisible()
                    }
                },
                _disposeSeries(seriesIndex) {
                    var _this$series;
                    if (this.series) {
                        if ((0, _type.isDefined)(seriesIndex)) {
                            this.series[seriesIndex].dispose();
                            this.series.splice(seriesIndex, 1)
                        } else {
                            this.series.forEach(s => s.dispose());
                            this.series.length = 0
                        }
                    }
                    if (!(null !== (_this$series = this.series) && void 0 !== _this$series && _this$series.length)) {
                        this.series = []
                    }
                },
                _disposeSeriesFamilies() {
                    (this.seriesFamilies || []).forEach(family => {
                        family.dispose()
                    });
                    this.seriesFamilies = null;
                    this._needHandleRenderComplete = true
                },
                _optionChanged(arg) {
                    this._themeManager.resetOptions(arg.name);
                    this.callBase.apply(this, arguments)
                },
                _applyChanges() {
                    this._themeManager.update(this._options.silent());
                    this.callBase(...arguments)
                },
                _optionChangesMap: {
                    animation: "ANIMATION",
                    dataSource: "DATA_SOURCE",
                    palette: "PALETTE",
                    paletteExtensionMode: "PALETTE",
                    legend: "FORCE_DATA_INIT",
                    seriesTemplate: "FORCE_DATA_INIT",
                    export: "FORCE_RENDER",
                    valueAxis: "AXES_AND_PANES",
                    argumentAxis: "AXES_AND_PANES",
                    commonAxisSettings: "AXES_AND_PANES",
                    panes: "AXES_AND_PANES",
                    commonPaneSettings: "AXES_AND_PANES",
                    defaultPane: "AXES_AND_PANES",
                    containerBackgroundColor: "AXES_AND_PANES",
                    rotated: "ROTATED",
                    autoHidePointMarkers: "REFRESH_SERIES_REINIT",
                    customizePoint: "REFRESH_SERIES_REINIT",
                    customizeLabel: "REFRESH_SERIES_REINIT",
                    scrollBar: "SCROLL_BAR"
                },
                _optionChangesOrder: ["ROTATED", "PALETTE", "REFRESH_SERIES_REINIT", "USE_SPIDER_WEB", "AXES_AND_PANES", "INIT", "REINIT", "DATA_SOURCE", "REFRESH_SERIES_DATA_INIT", "DATA_INIT", "FORCE_DATA_INIT", "REFRESH_AXES", "CORRECT_AXIS"],
                _customChangesOrder: ["ANIMATION", "REFRESH_SERIES_FAMILIES", "FORCE_FIRST_DRAWING", "FORCE_DRAWING", "FORCE_RENDER", "VISUAL_RANGE", "SCROLL_BAR", "REINIT", "REFRESH", "FULL_RENDER"],
                _change_ANIMATION() {
                    this._renderer.updateAnimationOptions(this._getAnimationOptions())
                },
                _change_DATA_SOURCE() {
                    this._needHandleRenderComplete = true;
                    this._updateDataSource()
                },
                _change_PALETTE() {
                    this._themeManager.updatePalette();
                    this._refreshSeries("DATA_INIT")
                },
                _change_REFRESH_SERIES_DATA_INIT() {
                    this._refreshSeries("DATA_INIT")
                },
                _change_DATA_INIT() {
                    if ((!this.series || this.needToPopulateSeries) && !this._changes.has("FORCE_DATA_INIT")) {
                        this._dataInit()
                    }
                },
                _change_FORCE_DATA_INIT() {
                    this._dataInit()
                },
                _change_REFRESH_SERIES_FAMILIES() {
                    this._processSeriesFamilies();
                    this._populateBusinessRange();
                    this._processRefreshData("_forceRender")
                },
                _change_FORCE_RENDER() {
                    this._processRefreshData("_forceRender")
                },
                _change_AXES_AND_PANES() {
                    this._refreshSeries("INIT")
                },
                _change_ROTATED() {
                    this._createScrollBar();
                    this._refreshSeries("INIT")
                },
                _change_REFRESH_SERIES_REINIT() {
                    this._refreshSeries("INIT")
                },
                _change_REFRESH_AXES() {
                    (0, _utils.setCanvasValues)(this._canvas);
                    this._reinitAxes();
                    this._requestChange(["CORRECT_AXIS", "FULL_RENDER"])
                },
                _change_SCROLL_BAR() {
                    this._createScrollBar();
                    this._processRefreshData("_forceRender")
                },
                _change_REINIT() {
                    this._processRefreshData("_reinit")
                },
                _change_FORCE_DRAWING() {
                    this._resetComponentsAnimation()
                },
                _change_FORCE_FIRST_DRAWING() {
                    this._resetComponentsAnimation(true)
                },
                _resetComponentsAnimation(isFirstDrawing) {
                    this.series.forEach(s => {
                        s.resetApplyingAnimation(isFirstDrawing)
                    });
                    this._resetAxesAnimation(isFirstDrawing)
                },
                _resetAxesAnimation: _common.noop,
                _refreshSeries(actionName) {
                    this.needToPopulateSeries = true;
                    this._requestChange([actionName])
                },
                _change_CORRECT_AXIS() {
                    this._correctAxes()
                },
                _doRefresh() {
                    const methodName = this._currentRefreshData;
                    if (methodName) {
                        this._currentRefreshData = null;
                        this._renderer.stopAllAnimations(true);
                        this[methodName]()
                    }
                },
                _updateCanvasClipRect(canvas) {
                    const width = Math.max(canvas.width - canvas.left - canvas.right, 0);
                    const height = Math.max(canvas.height - canvas.top - canvas.bottom, 0);
                    this._canvasClipRect.attr({
                        x: canvas.left,
                        y: canvas.top,
                        width: width,
                        height: height
                    });
                    this._backgroundRect.attr({
                        x: canvas.left,
                        y: canvas.top,
                        width: width,
                        height: height
                    })
                },
                _getCanvasClipRectID() {
                    return this._canvasClipRect.id
                },
                _dataSourceChangedHandler() {
                    if (this._changes.has("INIT")) {
                        this._requestChange(["DATA_INIT"])
                    } else {
                        this._requestChange(["FORCE_DATA_INIT"])
                    }
                },
                _dataInit() {
                    this._dataSpecificInit(true)
                },
                _processSingleSeries(singleSeries) {
                    singleSeries.createPoints(false)
                },
                _handleSeriesDataUpdated() {
                    if (this._getVisibleSeries().some(s => s.useAggregation())) {
                        this._populateMarginOptions()
                    }
                    this.series.forEach(s => this._processSingleSeries(s), this)
                },
                _dataSpecificInit(needRedraw) {
                    if (!this.series || this.needToPopulateSeries) {
                        this.series = this._populateSeries()
                    }
                    this._repopulateSeries();
                    this._seriesPopulatedHandlerCore();
                    this._populateBusinessRange();
                    this._tracker.updateSeries(this.series, this._changes.has("INIT"));
                    this._updateLegend();
                    if (needRedraw) {
                        this._requestChange(["FULL_RENDER"])
                    }
                },
                _forceRender() {
                    this._doRender({
                        force: true
                    })
                },
                _repopulateSeries() {
                    const themeManager = this._themeManager;
                    const data = this._dataSourceItems();
                    const dataValidatorOptions = themeManager.getOptions("dataPrepareSettings");
                    const seriesTemplate = themeManager.getOptions("seriesTemplate");
                    if (seriesTemplate) {
                        this._populateSeries(data)
                    }
                    this._groupSeries();
                    const parsedData = (0, _data_validator.validateData)(data, this._groupsData, this._incidentOccurred, dataValidatorOptions);
                    themeManager.resetPalette();
                    this.series.forEach(singleSeries => {
                        singleSeries.updateData(parsedData[singleSeries.getArgumentField()])
                    });
                    this._handleSeriesDataUpdated()
                },
                _renderCompleteHandler() {
                    let allSeriesInited = true;
                    if (this._needHandleRenderComplete) {
                        this.series.forEach(s => {
                            allSeriesInited = allSeriesInited && s.canRenderCompleteHandle()
                        });
                        if (allSeriesInited) {
                            this._needHandleRenderComplete = false;
                            this._eventTrigger("done", {
                                target: this
                            })
                        }
                    }
                },
                _dataIsReady() {
                    return (0, _type.isDefined)(this.option("dataSource")) && this._dataIsLoaded()
                },
                _populateSeriesOptions(data) {
                    const themeManager = this._themeManager;
                    const seriesTemplate = themeManager.getOptions("seriesTemplate");
                    const seriesOptions = seriesTemplate ? (0, _utils.processSeriesTemplate)(seriesTemplate, data || []) : this.option("series");
                    const allSeriesOptions = isArray(seriesOptions) ? seriesOptions : seriesOptions ? [seriesOptions] : [];
                    const extraOptions = this._getExtraOptions();
                    let particularSeriesOptions;
                    let seriesTheme;
                    const seriesThemes = [];
                    const seriesVisibilityChanged = target => {
                        this._specialProcessSeries();
                        this._populateBusinessRange(target && target.getValueAxis(), true);
                        this._renderer.stopAllAnimations(true);
                        this._updateLegend();
                        this._requestChange(["FULL_RENDER"])
                    };
                    for (let i = 0; i < allSeriesOptions.length; i++) {
                        particularSeriesOptions = (0, _extend.extend)(true, {}, allSeriesOptions[i], extraOptions);
                        if (!(0, _type.isDefined)(particularSeriesOptions.name) || "" === particularSeriesOptions.name) {
                            particularSeriesOptions.name = `Series ${(i+1).toString()}`
                        }
                        particularSeriesOptions.rotated = this._isRotated();
                        particularSeriesOptions.customizePoint = themeManager.getOptions("customizePoint");
                        particularSeriesOptions.customizeLabel = themeManager.getOptions("customizeLabel");
                        particularSeriesOptions.visibilityChanged = seriesVisibilityChanged;
                        particularSeriesOptions.incidentOccurred = this._incidentOccurred;
                        seriesTheme = themeManager.getOptions("series", particularSeriesOptions, allSeriesOptions.length);
                        if (this._checkPaneName(seriesTheme)) {
                            seriesThemes.push(seriesTheme)
                        }
                    }
                    return seriesThemes
                },
                _populateSeries(data) {
                    var _this$series3;
                    const seriesBasis = [];
                    const incidentOccurred = this._incidentOccurred;
                    const seriesThemes = this._populateSeriesOptions(data);
                    let particularSeries;
                    let disposeSeriesFamilies = false;
                    this.needToPopulateSeries = false;
                    seriesThemes.forEach(theme => {
                        var _this$series2;
                        const curSeries = null === (_this$series2 = this.series) || void 0 === _this$series2 ? void 0 : _this$series2.find(s => s.name === theme.name && !seriesBasis.map(sb => sb.series).includes(s));
                        if (curSeries && curSeries.type === theme.type) {
                            seriesBasis.push({
                                series: curSeries,
                                options: theme
                            })
                        } else {
                            seriesBasis.push({
                                options: theme
                            });
                            disposeSeriesFamilies = true
                        }
                    });
                    0 !== (null === (_this$series3 = this.series) || void 0 === _this$series3 ? void 0 : _this$series3.length) && this._tracker.clearHover();
                    (0, _iterator.reverseEach)(this.series, (index, series) => {
                        if (!seriesBasis.some(s => series === s.series)) {
                            this._disposeSeries(index);
                            disposeSeriesFamilies = true
                        }
                    });
                    !disposeSeriesFamilies && (disposeSeriesFamilies = seriesBasis.some(sb => sb.series.name !== seriesThemes[sb.series.index].name));
                    this.series = [];
                    disposeSeriesFamilies && this._disposeSeriesFamilies();
                    this._themeManager.resetPalette();
                    const eventPipe = data => {
                        this.series.forEach(currentSeries => {
                            currentSeries.notify(data)
                        })
                    };
                    seriesBasis.forEach(basis => {
                        var _this$_argumentAxes;
                        const seriesTheme = basis.options;
                        const argumentAxis = (null === (_this$_argumentAxes = this._argumentAxes) || void 0 === _this$_argumentAxes ? void 0 : _this$_argumentAxes.filter(a => a.pane === seriesTheme.pane)[0]) ?? this.getArgumentAxis();
                        const renderSettings = {
                            commonSeriesModes: this._getSelectionModes(),
                            argumentAxis: argumentAxis,
                            valueAxis: this._getValueAxis(seriesTheme.pane, seriesTheme.axis)
                        };
                        if (basis.series) {
                            particularSeries = basis.series;
                            particularSeries.updateOptions(seriesTheme, renderSettings)
                        } else {
                            particularSeries = new _base_series.Series((0, _extend.extend)({
                                renderer: this._renderer,
                                seriesGroup: this._seriesGroup,
                                labelsGroup: this._labelsGroup,
                                eventTrigger: this._eventTrigger,
                                eventPipe: eventPipe,
                                incidentOccurred: incidentOccurred
                            }, renderSettings), seriesTheme)
                        }
                        if (!particularSeries.isUpdated) {
                            incidentOccurred("E2101", [seriesTheme.type])
                        } else {
                            particularSeries.index = this.series.length;
                            this.series.push(particularSeries)
                        }
                    });
                    return this.series
                },
                getStackedPoints(point) {
                    const stackName = point.series.getStackName();
                    return this._getVisibleSeries().reduce((stackPoints, series) => {
                        if (!(0, _type.isDefined)(series.getStackName()) || !(0, _type.isDefined)(stackName) || stackName === series.getStackName()) {
                            stackPoints = stackPoints.concat(series.getPointsByArg(point.argument))
                        }
                        return stackPoints
                    }, [])
                },
                getAllSeries: function() {
                    return (this.series || []).slice()
                },
                getSeriesByName: function(name) {
                    const found = (this.series || []).find(singleSeries => singleSeries.name === name);
                    return found || null
                },
                getSeriesByPos: function(pos) {
                    return (this.series || [])[pos]
                },
                clearSelection: function() {
                    this._tracker.clearSelection()
                },
                hideTooltip() {
                    this._tracker._hideTooltip()
                },
                clearHover() {
                    this._tracker.clearHover()
                },
                render(renderOptions) {
                    this.__renderOptions = renderOptions;
                    this.__forceRender = renderOptions && renderOptions.force;
                    this.callBase.apply(this, arguments);
                    this.__renderOptions = this.__forceRender = null;
                    return this
                },
                refresh() {
                    this._disposeSeries();
                    this._disposeSeriesFamilies();
                    this._requestChange(["CONTAINER_SIZE", "REFRESH_SERIES_REINIT"])
                },
                _getMinSize() {
                    const adaptiveLayout = this._layoutManagerOptions();
                    return [adaptiveLayout.width, adaptiveLayout.height]
                },
                _change_REFRESH() {
                    if (!this._changes.has("INIT")) {
                        this._doRefresh()
                    } else {
                        this._currentRefreshData = null
                    }
                },
                _change_FULL_RENDER() {
                    this._forceRender()
                },
                _change_INIT() {
                    this._reinit()
                },
                _stopCurrentHandling() {
                    if (this._disposed) {
                        return
                    }
                    this._tracker.stopCurrentHandling()
                }
            });
            ["series", "commonSeriesSettings", "dataPrepareSettings", "seriesSelectionMode", "pointSelectionMode", "synchronizeMultiAxes", "resolveLabelsOverlapping"].forEach(name => {
                BaseChart.prototype._optionChangesMap[name] = "REFRESH_SERIES_DATA_INIT"
            });
            ["adaptiveLayout", "crosshair", "resolveLabelOverlapping", "adjustOnZoom", "stickyHovering"].forEach(name => {
                BaseChart.prototype._optionChangesMap[name] = "FORCE_RENDER"
            });
            ["minBubbleSize", "maxBubbleSize", "barGroupPadding", "barGroupWidth", "negativesAsZeroes", "negativesAsZeros"].forEach(name => {
                BaseChart.prototype._optionChangesMap[name] = "REFRESH_SERIES_FAMILIES"
            });
            BaseChart.addPlugin(_export.plugin);
            BaseChart.addPlugin(_title.plugin);
            BaseChart.addPlugin(_data_source.plugin);
            BaseChart.addPlugin(_tooltip.plugin);
            BaseChart.addPlugin(_loading_indicator.plugin);
            const {
                _change_TITLE: _change_TITLE
            } = BaseChart.prototype;
            BaseChart.prototype._change_TITLE = function() {
                _change_TITLE.apply(this, arguments);
                this._change(["FORCE_RENDER"])
            }
        },
        37898(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ../../../core/utils/console */ 31951);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _math2 = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            const _math = Math;
            const _floor = _math.floor;
            const _max = _math.max;
            const _abs = _math.abs;
            const linearConverter = br => ({
                transform: (v, b) => (0, _math2.adjust)((0, _utils.getLogExt)(v, b, br.allowNegatives, br.linearThreshold)),
                getTicks(interval, tickValues, base) {
                    const ticks = [];
                    let tick = this.transform(tickValues[0], base);
                    while (ticks.length < tickValues.length) {
                        ticks.push(tick);
                        tick = (0, _math2.adjust)(tick + interval)
                    }
                    return ticks
                }
            });
            const logConverter = br => ({
                transform: (v, b) => (0, _math2.adjust)((0, _utils.raiseToExt)(v, b, br.allowNegatives, br.linearThreshold)),
                getTicks(interval, tickValues, base) {
                    const ticks = [];
                    let tick;
                    for (let i = 0; i < tickValues.length; i += 1) {
                        tick = this.transform(tickValues[i], base);
                        ticks.push(tick)
                    }
                    return ticks
                }
            });

            function convertAxisInfo(axisInfo, converter) {
                if (!axisInfo.isLogarithmic) {
                    return
                }
                const base = axisInfo.logarithmicBase;
                const tickValues = axisInfo.tickValues;
                axisInfo.minValue = converter.transform(axisInfo.minValue, base);
                axisInfo.oldMinValue = converter.transform(axisInfo.oldMinValue, base);
                axisInfo.maxValue = converter.transform(axisInfo.maxValue, base);
                axisInfo.oldMaxValue = converter.transform(axisInfo.oldMaxValue, base);
                axisInfo.tickInterval = _math.round(axisInfo.tickInterval);
                if (axisInfo.tickInterval < 1) {
                    axisInfo.tickInterval = 1
                }
                const ticks = converter.getTicks(axisInfo.tickInterval, tickValues, base);
                ticks.tickInterval = axisInfo.tickInterval;
                axisInfo.tickValues = ticks
            }

            function getAxisRange(axisInfo) {
                return axisInfo.maxValue - axisInfo.minValue || 1
            }

            function getMainAxisInfo(axesInfo) {
                for (let i = 0; i < axesInfo.length; i++) {
                    if (!axesInfo[i].stubData) {
                        return axesInfo[i]
                    }
                }
                return null
            }
            const multiAxesSynchronizer = {
                synchronize(valueAxes) {
                    (0, _iterator.each)(function(valueAxes) {
                        const result = {};
                        valueAxes.forEach(axis => {
                            const pane = axis.pane;
                            if (!result[pane]) {
                                result[pane] = []
                            }
                            result[pane].push(axis)
                        });
                        return result
                    }(valueAxes), (_, axes) => {
                        if (axes.length <= 1) {
                            return
                        }
                        const axesInfo = function(axes) {
                            return axes.reduce((result, axis) => {
                                const ticksValues = axis.getTicksValues();
                                const majorTicks = ticksValues.majorTicksValues;
                                const options = axis.getOptions();
                                const businessRange = axis.getTranslator().getBusinessRange();
                                const visibleArea = axis.getVisibleArea();
                                let axisInfo;
                                let tickInterval = axis._tickInterval;
                                const synchronizedValue = options.synchronizedValue;
                                const action = axis.getViewport().action;
                                if (majorTicks && majorTicks.length > 0 && (0, _type.isNumeric)(majorTicks[0]) && "discrete" !== options.type && !businessRange.isEmpty() && !(businessRange.breaks && businessRange.breaks.length) && "zoom" !== action && "pan" !== action) {
                                    axis.applyMargins();
                                    const startValue = axis.getTranslator().from(visibleArea[0]);
                                    const endValue = axis.getTranslator().from(visibleArea[1]);
                                    let minValue = startValue < endValue ? startValue : endValue;
                                    let maxValue = startValue < endValue ? endValue : startValue;
                                    if (minValue === maxValue && (0, _type.isDefined)(synchronizedValue)) {
                                        tickInterval = _abs(majorTicks[0] - synchronizedValue) || 1;
                                        minValue = majorTicks[0] - tickInterval;
                                        maxValue = majorTicks[0] + tickInterval
                                    }
                                    axisInfo = {
                                        axis: axis,
                                        isLogarithmic: "logarithmic" === options.type,
                                        logarithmicBase: businessRange.base,
                                        tickValues: majorTicks,
                                        minorValues: ticksValues.minorTicksValues,
                                        minorTickInterval: axis._minorTickInterval,
                                        minValue: minValue,
                                        oldMinValue: minValue,
                                        maxValue: maxValue,
                                        oldMaxValue: maxValue,
                                        inverted: businessRange.invert,
                                        tickInterval: tickInterval,
                                        synchronizedValue: synchronizedValue
                                    };
                                    convertAxisInfo(axisInfo, linearConverter(axis.getTranslator().getBusinessRange()));
                                    result.push(axisInfo)
                                }
                                return result
                            }, [])
                        }(axes);
                        if (axesInfo.length < 2 || !getMainAxisInfo(axesInfo)) {
                            return
                        }! function(axesInfo) {
                            const maxTicksCount = axesInfo.reduce((max, axisInfo) => _max(max, axisInfo.tickValues.length), 0);
                            axesInfo.forEach(axisInfo => {
                                let ticksMultiplier;
                                let ticksCount;
                                let additionalStartTicksCount = 0;
                                const synchronizedValue = axisInfo.synchronizedValue;
                                const tickValues = axisInfo.tickValues;
                                const tickInterval = axisInfo.tickInterval;
                                if ((0, _type.isDefined)(synchronizedValue)) {
                                    axisInfo.baseTickValue = axisInfo.invertedBaseTickValue = synchronizedValue;
                                    axisInfo.tickValues = [axisInfo.baseTickValue]
                                } else {
                                    if (tickValues.length > 1 && tickInterval) {
                                        ticksMultiplier = _floor((maxTicksCount + 1) / tickValues.length);
                                        ticksCount = ticksMultiplier > 1 ? _floor((maxTicksCount + 1) / ticksMultiplier) : maxTicksCount;
                                        additionalStartTicksCount = _floor((ticksCount - tickValues.length) / 2);
                                        while (additionalStartTicksCount > 0 && 0 !== tickValues[0]) {
                                            tickValues.unshift((0, _math2.adjust)(tickValues[0] - tickInterval));
                                            additionalStartTicksCount--
                                        }
                                        while (tickValues.length < ticksCount) {
                                            tickValues.push((0, _math2.adjust)(tickValues[tickValues.length - 1] + tickInterval))
                                        }
                                        axisInfo.tickInterval = tickInterval / ticksMultiplier
                                    }
                                    axisInfo.baseTickValue = tickValues[0];
                                    axisInfo.invertedBaseTickValue = tickValues[tickValues.length - 1]
                                }
                            })
                        }(axesInfo);
                        ! function(axesInfo) {
                            const mainAxisInfo = getMainAxisInfo(axesInfo);
                            const mainAxisRange = getAxisRange(mainAxisInfo);
                            axesInfo.forEach(axisInfo => {
                                if (axisInfo !== mainAxisInfo) {
                                    if (mainAxisInfo.tickInterval && axisInfo.tickInterval) {
                                        const tickIntervalScale = axisInfo.tickInterval / mainAxisInfo.tickInterval;
                                        if (axisInfo.stubData && (0, _type.isDefined)(axisInfo.synchronizedValue)) {
                                            axisInfo.oldMinValue = axisInfo.minValue = axisInfo.baseTickValue - (mainAxisInfo.baseTickValue - mainAxisInfo.minValue) * tickIntervalScale;
                                            axisInfo.oldMaxValue = axisInfo.maxValue = axisInfo.baseTickValue - (mainAxisInfo.baseTickValue - mainAxisInfo.maxValue) * tickIntervalScale
                                        }
                                        axisInfo.maxValue = axisInfo.minValue + tickIntervalScale * mainAxisRange
                                    }
                                    let mainAxisBaseValueOffset;
                                    if (!!mainAxisInfo.inverted !== !!axisInfo.inverted) {
                                        mainAxisBaseValueOffset = mainAxisInfo.maxValue - mainAxisInfo.invertedBaseTickValue
                                    } else {
                                        mainAxisBaseValueOffset = mainAxisInfo.baseTickValue - mainAxisInfo.minValue
                                    }
                                    const axisBaseValueOffset = axisInfo.baseTickValue - axisInfo.minValue;
                                    const scaledMainAxisBaseValueOffset = mainAxisBaseValueOffset * getAxisRange(axisInfo) / mainAxisRange;
                                    const move = scaledMainAxisBaseValueOffset - axisBaseValueOffset;
                                    axisInfo.minValue -= move;
                                    axisInfo.maxValue -= move
                                }
                            })
                        }(axesInfo);
                        let paddings = function(axesInfo) {
                            let minPadding;
                            let maxPadding;
                            let startPadding = 0;
                            let endPadding = 0;
                            axesInfo.forEach(axisInfo => {
                                const inverted = axisInfo.inverted;
                                minPadding = axisInfo.minValue > axisInfo.oldMinValue ? (axisInfo.minValue - axisInfo.oldMinValue) / getAxisRange(axisInfo) : 0;
                                maxPadding = axisInfo.maxValue < axisInfo.oldMaxValue ? (axisInfo.oldMaxValue - axisInfo.maxValue) / getAxisRange(axisInfo) : 0;
                                startPadding = _max(startPadding, inverted ? maxPadding : minPadding);
                                endPadding = _max(endPadding, inverted ? minPadding : maxPadding)
                            });
                            return {
                                start: startPadding,
                                end: endPadding
                            }
                        }(axesInfo);
                        paddings = function(axesInfo, paddings) {
                            if (! function(axesInfo) {
                                    const allPositive = axesInfo.every(_ref => {
                                        let {
                                            oldMinValue: oldMinValue,
                                            oldMaxValue: oldMaxValue
                                        } = _ref;
                                        return oldMinValue >= 0 && oldMaxValue >= 0
                                    });
                                    const allNegative = axesInfo.every(_ref2 => {
                                        let {
                                            oldMinValue: oldMinValue,
                                            oldMaxValue: oldMaxValue
                                        } = _ref2;
                                        return oldMinValue <= 0 && oldMaxValue <= 0
                                    });
                                    return allPositive || allNegative
                                }(axesInfo)) {
                                return paddings
                            }
                            return axesInfo.reduce((prev, info) => {
                                const {
                                    inverted: inverted,
                                    minValue: minValue,
                                    maxValue: maxValue
                                } = info;
                                const {
                                    start: start,
                                    end: end
                                } = info.axis.getCorrectedValuesToZero(minValue, maxValue);
                                if ((0, _type.isDefined)(start) || (0, _type.isDefined)(end)) {
                                    return inverted ? {
                                        start: prev.start,
                                        end: Math.min(prev.end, end)
                                    } : {
                                        start: Math.min(prev.start, start),
                                        end: prev.end
                                    }
                                }
                                return prev
                            }, paddings)
                        }(axesInfo, paddings);
                        ! function(axesInfo, paddings) {
                            axesInfo.forEach(info => {
                                const range = getAxisRange(info);
                                const inverted = info.inverted;
                                info.minValue = (0, _math2.adjust)(info.minValue - paddings[inverted ? "end" : "start"] * range);
                                info.maxValue = (0, _math2.adjust)(info.maxValue + paddings[inverted ? "start" : "end"] * range)
                            })
                        }(axesInfo, paddings);
                        ! function(axesInfo) {
                            const invalidAxisInfo = [];
                            let correctValue;
                            axesInfo.forEach(info => {
                                if (info.oldMaxValue - info.oldMinValue === 0) {
                                    invalidAxisInfo.push(info)
                                } else if (!(0, _type.isDefined)(correctValue) && !(0, _type.isDefined)(info.synchronizedValue)) {
                                    correctValue = _abs((info.maxValue - info.minValue) / (info.tickValues[_floor(info.tickValues.length / 2)] - info.minValue || info.maxValue))
                                }
                            });
                            if (!(0, _type.isDefined)(correctValue)) {
                                return
                            }
                            invalidAxisInfo.forEach(info => {
                                const firstTick = info.tickValues[0];
                                const correctedTick = firstTick * correctValue;
                                if (firstTick > 0) {
                                    info.maxValue = correctedTick;
                                    info.minValue = 0
                                } else if (firstTick < 0) {
                                    info.minValue = correctedTick;
                                    info.maxValue = 0
                                }
                            })
                        }(axesInfo);
                        ! function(axesInfo) {
                            let hasSynchronizedValue = false;
                            axesInfo.forEach(info => {
                                hasSynchronizedValue = hasSynchronizedValue || (0, _type.isDefined)(info.synchronizedValue)
                            });
                            axesInfo.forEach(info => {
                                const tickInterval = info.tickInterval;
                                const tickValues = info.tickValues;
                                const maxValue = info.maxValue;
                                const minValue = info.minValue;
                                let tick;
                                if (hasSynchronizedValue && tickInterval) {
                                    while ((tick = (0, _math2.adjust)(tickValues[0] - tickInterval)) >= minValue) {
                                        tickValues.unshift(tick)
                                    }
                                    tick = tickValues[tickValues.length - 1];
                                    while ((tick = (0, _math2.adjust)(tick + tickInterval)) <= maxValue) {
                                        tickValues.push(tick)
                                    }
                                }
                                while (tickValues[0] + tickInterval / 10 < minValue) {
                                    tickValues.shift()
                                }
                                while (tickValues[tickValues.length - 1] - tickInterval / 10 > maxValue) {
                                    tickValues.pop()
                                }
                            })
                        }(axesInfo);
                        ! function(axesInfo) {
                            axesInfo.forEach(axisInfo => {
                                if (!axisInfo.minorTickInterval) {
                                    return
                                }
                                const ticks = [];
                                const interval = axisInfo.minorTickInterval;
                                const tickCount = axisInfo.tickInterval / interval - 1;
                                for (let i = 1; i < axisInfo.tickValues.length; i++) {
                                    let tick = axisInfo.tickValues[i - 1];
                                    for (let j = 0; j < tickCount; j++) {
                                        tick += interval;
                                        ticks.push(tick)
                                    }
                                }
                                axisInfo.minorValues = ticks
                            })
                        }(axesInfo);
                        axesInfo.forEach(info => {
                            convertAxisInfo(info, logConverter(info.axis.getTranslator().getBusinessRange()))
                        });
                        ! function(axesInfo) {
                            axesInfo.forEach(info => {
                                const axis = info.axis;
                                const range = axis.getTranslator().getBusinessRange();
                                if (range.min === range.minVisible) {
                                    range.min = info.minValue
                                }
                                if (range.max === range.maxVisible) {
                                    range.max = info.maxValue
                                }
                                range.minVisible = info.minValue;
                                range.maxVisible = info.maxValue;
                                if (range.min > range.minVisible) {
                                    range.min = range.minVisible
                                }
                                if (range.max < range.maxVisible) {
                                    range.max = range.maxVisible
                                }
                                axis.getTranslator().updateBusinessRange(range);
                                axis.setTicks({
                                    majorTicks: info.tickValues,
                                    minorTicks: info.minorValues
                                })
                            })
                        }(axesInfo)
                    })
                }
            };
            exports.default = multiAxesSynchronizer
        },
        59282(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.RollingStock = void 0;
            exports.RollingStock = class {
                constructor(label, isRotated, shiftFunction) {
                    const bBox = label.getBoundingRect();
                    const {
                        x: x
                    } = bBox;
                    const {
                        y: y
                    } = bBox;
                    const endX = bBox.x + bBox.width;
                    const endY = bBox.y + bBox.height;
                    this.labels = [label];
                    this.shiftFunction = shiftFunction;
                    this.bBox = {
                        start: isRotated ? x : y,
                        width: isRotated ? bBox.width : bBox.height,
                        end: isRotated ? endX : endY,
                        oppositeStart: isRotated ? y : x,
                        oppositeEnd: isRotated ? endY : endX
                    };
                    this.initialPosition = isRotated ? bBox.x : bBox.y
                }
                toChain(nextRollingStock) {
                    const nextRollingStockBBox = nextRollingStock.getBoundingRect();
                    nextRollingStock.shift(nextRollingStockBBox.start - this.bBox.end);
                    this.changeBoxWidth(nextRollingStockBBox.width);
                    this.labels = this.labels.concat(nextRollingStock.labels)
                }
                getBoundingRect() {
                    return this.bBox
                }
                shift(shiftLength) {
                    this.labels.forEach(label => {
                        const bBox = label.getBoundingRect();
                        const coords = this.shiftFunction(bBox, shiftLength);
                        if (!label.hideInsideLabel(coords)) {
                            label.shift(coords.x, coords.y)
                        }
                    });
                    this.bBox.end -= shiftLength;
                    this.bBox.start -= shiftLength
                }
                setRollingStockInCanvas(canvas) {
                    if (this.bBox.end > canvas.end) {
                        this.shift(this.bBox.end - canvas.end)
                    }
                }
                getLabels() {
                    return this.labels
                }
                value() {
                    return this.labels[0].getData().value
                }
                getInitialPosition() {
                    return this.initialPosition
                }
                changeBoxWidth(width) {
                    this.bBox.end += width;
                    this.bBox.width += width
                }
            }
        },
        52175(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ScrollBar = void 0;
            var _events_engine = (e = __webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _drag = __webpack_require__( /*! ../../../common/core/events/drag */ 59144);
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _translator2d = __webpack_require__( /*! ../translators/translator2d */ 50912);
            const _min = Math.min;
            const _max = Math.max;
            const ScrollBar = function(renderer, group) {
                this._translator = new _translator2d.Translator2D({}, {}, {});
                this._scroll = renderer.rect().append(group);
                this._addEvents()
            };
            exports.ScrollBar = ScrollBar;

            function _getXCoord(canvas, pos, offset, width) {
                let x = 0;
                if ("right" === pos) {
                    x = canvas.width - canvas.right + offset
                } else if ("left" === pos) {
                    x = canvas.left - offset - width
                }
                return x
            }

            function _getYCoord(canvas, pos, offset, width) {
                let y = 0;
                if ("top" === pos) {
                    y = canvas.top - offset
                } else if ("bottom" === pos) {
                    y = canvas.height - canvas.bottom + width + offset
                }
                return y
            }
            ScrollBar.prototype = {
                _addEvents() {
                    const scrollElement = this._scroll.element;
                    _events_engine.default.on(scrollElement, _drag.start, e => {
                        (0, _index.fireEvent)({
                            type: "dxc-scroll-start",
                            originalEvent: e,
                            target: scrollElement
                        })
                    });
                    _events_engine.default.on(scrollElement, _drag.move, e => {
                        const dX = -e.offset.x * this._scale;
                        const dY = -e.offset.y * this._scale;
                        const lx = this._offset - (this._layoutOptions.vertical ? dY : dX) / this._scale;
                        this._applyPosition(lx, lx + this._translator.canvasLength / this._scale);
                        (0, _index.fireEvent)({
                            type: "dxc-scroll-move",
                            originalEvent: e,
                            target: scrollElement,
                            offset: {
                                x: dX,
                                y: dY
                            }
                        })
                    });
                    _events_engine.default.on(scrollElement, _drag.end, e => {
                        (0, _index.fireEvent)({
                            type: "dxc-scroll-end",
                            originalEvent: e,
                            target: scrollElement,
                            offset: {
                                x: -e.offset.x * this._scale,
                                y: -e.offset.y * this._scale
                            }
                        })
                    })
                },
                update(options) {
                    let position = options.position;
                    const isVertical = options.rotated;
                    const defaultPosition = isVertical ? "right" : "top";
                    const secondaryPosition = isVertical ? "left" : "bottom";
                    if (position !== defaultPosition && position !== secondaryPosition) {
                        position = defaultPosition
                    }
                    this._scroll.attr({
                        rotate: !options.rotated ? -90 : 0,
                        rotateX: 0,
                        rotateY: 0,
                        fill: options.color,
                        width: options.width,
                        opacity: options.opacity
                    });
                    this._layoutOptions = {
                        width: options.width,
                        offset: options.offset,
                        vertical: isVertical,
                        position: position
                    };
                    return this
                },
                init(range, stick) {
                    const isDiscrete = "discrete" === range.axisType;
                    this._translateWithOffset = isDiscrete && !stick ? 1 : 0;
                    this._translator.update((0, _extend.extend)({}, range, {
                        minVisible: null,
                        maxVisible: null,
                        visibleCategories: null
                    }, isDiscrete && {
                        min: null,
                        max: null
                    } || {}), this._canvas, {
                        isHorizontal: !this._layoutOptions.vertical,
                        stick: stick
                    });
                    return this
                },
                getOptions() {
                    return this._layoutOptions
                },
                setPane(panes) {
                    const position = this._layoutOptions.position;
                    let pane;
                    if ("left" === position || "top" === position) {
                        pane = panes[0]
                    } else {
                        pane = panes[panes.length - 1]
                    }
                    this.pane = pane.name;
                    return this
                },
                updateSize(canvas) {
                    this._canvas = (0, _extend.extend)({}, canvas);
                    const options = this._layoutOptions;
                    const pos = options.position;
                    const offset = options.offset;
                    const width = options.width;
                    this._scroll.attr({
                        translateX: _getXCoord(canvas, pos, offset, width),
                        translateY: _getYCoord(canvas, pos, offset, width)
                    })
                },
                getMultipleAxesSpacing: () => 0,
                estimateMargins() {
                    return this.getMargins()
                },
                getMargins() {
                    const options = this._layoutOptions;
                    const margins = {
                        left: 0,
                        top: 0,
                        right: 0,
                        bottom: 0
                    };
                    margins[options.position] = options.width + options.offset;
                    return margins
                },
                shift(margins) {
                    const options = this._layoutOptions;
                    const side = options.position;
                    const isVertical = options.vertical;
                    const attr = {
                        translateX: this._scroll.attr("translateX") ?? 0,
                        translateY: this._scroll.attr("translateY") ?? 0
                    };
                    const shift = margins[side];
                    attr[isVertical ? "translateX" : "translateY"] += ("left" === side || "top" === side ? -1 : 1) * shift;
                    this._scroll.attr(attr)
                },
                hideTitle: _common.noop,
                hideOuterElements: _common.noop,
                setPosition(min, max) {
                    const translator = this._translator;
                    const minPoint = (0, _type.isDefined)(min) ? translator.translate(min, -this._translateWithOffset) : translator.translate("canvas_position_start");
                    const maxPoint = (0, _type.isDefined)(max) ? translator.translate(max, this._translateWithOffset) : translator.translate("canvas_position_end");
                    this._offset = _min(minPoint, maxPoint);
                    this._scale = translator.getScale(min, max);
                    this._applyPosition(_min(minPoint, maxPoint), _max(minPoint, maxPoint))
                },
                customPositionIsAvailable: () => false,
                dispose() {
                    this._scroll.dispose();
                    this._scroll = this._translator = null
                },
                _applyPosition(x1, x2) {
                    const visibleArea = this._translator.getCanvasVisibleArea();
                    const min = visibleArea.min;
                    const max = visibleArea.max;
                    if (max <= min) {
                        return
                    }
                    if (x1 > x2) {
                        [x1, x2] = [x2, x1]
                    }
                    x1 = Math.max(x1, min);
                    x2 = Math.min(x2, max);
                    if (x2 - x1 < 10) {
                        if (max - min < 10) {
                            x1 = min;
                            x2 = max
                        } else {
                            const center = (x1 + x2) / 2;
                            x1 = center - 5;
                            x2 = center + 5;
                            if (x1 < min) {
                                x1 = min;
                                x2 = min + 10
                            } else if (x2 > max) {
                                x2 = max;
                                x1 = max - 10
                            }
                        }
                    }
                    x1 = Math.max(x1, min);
                    x2 = Math.min(x2, max);
                    const height = Math.max(x2 - x1, 0);
                    this._scroll.attr({
                        y: x1,
                        height: height
                    })
                }
            }
        },
        48857(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _drag = __webpack_require__( /*! ../../../common/core/events/drag */ 59144);
            const DRAG_START_EVENT_NAME = _drag.start + ".shutter-zoom";
            const DRAG_UPDATE_EVENT_NAME = _drag.move + ".shutter-zoom";
            const DRAG_END_EVENT_NAME = _drag.end + ".shutter-zoom";

            function getPointerCoord(rootOffset, canvas, rotated, e) {
                let coord = Math.floor(rotated ? e.pageY - rootOffset.top : e.pageX - rootOffset.left);
                const min = rotated ? canvas.y1 : canvas.x1;
                const max = rotated ? canvas.y2 : canvas.x2;
                if (coord < min) {
                    coord = min
                } else if (coord > max) {
                    coord = max
                }
                return coord
            }

            function shutterZoom(options) {
                const {
                    chart: chart
                } = options;
                const {
                    renderer: renderer
                } = options;
                const {
                    rotated: rotated
                } = options;
                const rect = renderer.rect(0, 0, 0, 0).attr(options.shutterOptions);
                const shutter = {
                    rect: rect,
                    root: renderer.root,
                    rotated: rotated,
                    triggerStart() {
                        chart._eventTrigger("zoomStart")
                    },
                    triggerEnd() {
                        const tr = chart._argumentAxes[0].getTranslator();
                        const rangeStart = Math.min(this.startCoord, this.curCoord);
                        const rangeEnd = Math.max(this.startCoord, this.curCoord);
                        chart._eventTrigger("zoomEnd", {
                            rangeStart: tr.from(rangeStart),
                            rangeEnd: tr.from(rangeEnd)
                        })
                    },
                    dispose() {
                        renderer.root.off(".shutter-zoom");
                        rect.dispose()
                    },
                    getRootOffset: () => renderer.getRootOffset(),
                    getCanvas() {
                        const canvas = chart._canvas;
                        const {
                            panes: panes
                        } = chart;
                        const firstPane = panes[0].canvas;
                        const lastPane = panes[panes.length - 1].canvas;
                        return {
                            x1: firstPane.left,
                            y1: firstPane.top,
                            x2: canvas.width - lastPane.right,
                            y2: canvas.height - lastPane.bottom,
                            width: canvas.width - firstPane.left - lastPane.right,
                            height: canvas.height - firstPane.top - lastPane.bottom
                        }
                    }
                };
                renderer.root.off(".shutter-zoom").on(DRAG_START_EVENT_NAME, {
                    direction: rotated ? "vertical" : "horizontal",
                    immediate: true
                }, (ctx = shutter, function(e) {
                    const offset = ctx.getRootOffset();
                    const canvas = ctx.getCanvas();
                    if (! function(rootOffset, canvas, e) {
                            const x = e.pageX - rootOffset.left;
                            const y = e.pageY - rootOffset.top;
                            return x >= canvas.x1 && x <= canvas.x2 && y >= canvas.y1 && y <= canvas.y2
                        }(offset, canvas, e)) {
                        e.cancel = true;
                        return
                    }
                    ctx.rootOffset = offset;
                    ctx.canvas = canvas;
                    ctx.startCoord = getPointerCoord(offset, canvas, ctx.rotated, e);
                    ctx.triggerStart();
                    ctx.rect.attr({
                        x: canvas.x1,
                        y: canvas.y1,
                        width: canvas.width,
                        height: canvas.height
                    }).append(ctx.root)
                })).on(DRAG_UPDATE_EVENT_NAME, function(ctx) {
                    return function(e) {
                        const curCoord = getPointerCoord(ctx.rootOffset, ctx.canvas, ctx.rotated, e);
                        const attr = {};
                        ctx.curCoord = curCoord;
                        attr[ctx.rotated ? "y" : "x"] = Math.min(ctx.startCoord, curCoord);
                        attr[ctx.rotated ? "height" : "width"] = Math.abs(ctx.startCoord - curCoord);
                        ctx.rect.attr(attr)
                    }
                }(shutter)).on(DRAG_END_EVENT_NAME, function(ctx) {
                    return function(e) {
                        ctx.triggerEnd();
                        ctx.rect.remove()
                    }
                }(shutter));
                var ctx;
                return shutter
            }
            exports.default = {
                name: "shutter_zoom",
                init() {
                    const options = this.option("shutterZoom") || {};
                    if (!options.enabled) {
                        return
                    }
                    this._shutterZoom = shutterZoom({
                        chart: this,
                        renderer: this._renderer,
                        rotated: this.option("rotated"),
                        shutterOptions: options
                    })
                },
                dispose() {
                    this._shutterZoom && this._shutterZoom.dispose()
                }
            }
        },
        44094(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PieTracker = exports.ChartTracker = void 0;
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _consts = _interopRequireDefault(__webpack_require__( /*! ../../viz/components/consts */ 44235));
            var _utils = __webpack_require__( /*! ../core/utils */ 98013);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const _floor = Math.floor;
            const eventsConsts = _consts.default.events;
            const statesConsts = _consts.default.states;
            const HOVER_STATE = statesConsts.hoverMark;
            const NORMAL_STATE = statesConsts.normalMark;
            const EVENT_NS = "dxChartTracker";
            const DOT_EVENT_NS = `.${EVENT_NS}`;
            const POINTER_ACTION = (0, _index.addNamespace)([_pointer.default.down, _pointer.default.move], EVENT_NS);
            const LEGEND_HOVER_MODES = ["includepoints", "excludepoints", "none"];

            function getData(event, dataKey, tryCheckParent) {
                const target = event.target;
                if ("tspan" === target.tagName) {
                    return target.parentNode[dataKey]
                }
                const data = target[dataKey];
                if (tryCheckParent && !(0, _type.isDefined)(data)) {
                    const getParentData = function(node) {
                        if (node.parentNode) {
                            if ((0, _type.isDefined)(node.parentNode[dataKey])) {
                                return node.parentNode[dataKey]
                            } else {
                                return getParentData(node.parentNode)
                            }
                        }
                        return
                    };
                    return getParentData(target)
                }
                return data
            }

            function eventCanceled(_ref, target) {
                let {
                    cancel: cancel
                } = _ref;
                return cancel || !target.getOptions()
            }

            function correctHoverMode(target) {
                const mode = target.getOptions().hoverMode;
                return "none" === mode ? mode : "allargumentpoints"
            }
            const baseTrackerPrototype = {
                ctor(options) {
                    const that = this;
                    const data = {
                        tracker: that
                    };
                    that._renderer = options.renderer;
                    that._legend = options.legend;
                    that._tooltip = options.tooltip;
                    that._eventTrigger = options.eventTrigger;
                    that._seriesGroup = options.seriesGroup;
                    options.seriesGroup.off(DOT_EVENT_NS).on((0, _index.addNamespace)(eventsConsts.showPointTooltip, EVENT_NS), data, that._showPointTooltip).on((0, _index.addNamespace)(eventsConsts.hidePointTooltip, EVENT_NS), data, that._hidePointTooltip);
                    that._renderer.root.off(DOT_EVENT_NS).on(POINTER_ACTION, data, that._pointerHandler).on((0, _index.addNamespace)(_pointer.default.up, EVENT_NS), () => clearTimeout(that._holdTimer)).on((0, _index.addNamespace)(_click.name, EVENT_NS), data, that._clickHandler)
                },
                update(options) {
                    this._chart = options.chart
                },
                updateSeries(series, resetDecorations) {
                    const that = this;
                    const noHoveredSeries = !(null !== series && void 0 !== series && series.some(s => s === that.hoveredSeries) || that._hoveredPoint && that._hoveredPoint.series);
                    if (that._storedSeries !== series) {
                        that._storedSeries = series || []
                    }
                    if (noHoveredSeries) {
                        that._clean();
                        that._renderer.initDefsElements()
                    }
                    if (resetDecorations) {
                        that.clearSelection();
                        if (!noHoveredSeries) {
                            that._hideTooltip(that.pointAtShownTooltip);
                            that.clearHover()
                        }
                    }
                },
                setCanvases(mainCanvas, paneCanvases) {
                    this._mainCanvas = mainCanvas;
                    this._canvases = paneCanvases
                },
                repairTooltip() {
                    const point = this.pointAtShownTooltip;
                    if (!point || !point.series || !point.isVisible()) {
                        this._hideTooltip(point, true)
                    } else {
                        this._showTooltip(point)
                    }
                },
                _setHoveredPoint(point) {
                    if (point === this._hoveredPoint) {
                        return
                    }
                    this._releaseHoveredPoint();
                    point.hover();
                    this._hoveredPoint = point
                },
                _releaseHoveredPoint(isPointerOut) {
                    if (this._hoveredPoint && this._hoveredPoint.getOptions()) {
                        this._hoveredPoint.clearHover();
                        this._hoveredPoint = null;
                        if (this._tooltip.isEnabled()) {
                            this._hideTooltip(this._hoveredPoint, false, isPointerOut)
                        }
                    }
                },
                _setHoveredSeries(series, mode) {
                    this._releaseHoveredSeries();
                    this._releaseHoveredPoint();
                    series.hover(mode);
                    this.hoveredSeries = series
                },
                _releaseHoveredSeries() {
                    if (this.hoveredSeries) {
                        this.hoveredSeries.clearHover();
                        this.hoveredSeries = null
                    }
                },
                clearSelection() {
                    this._storedSeries.forEach(series => {
                        if (series) {
                            series.clearSelection();
                            series.getPoints().forEach(point => point.clearSelection())
                        }
                    })
                },
                _clean() {
                    this.hoveredPoint = this.hoveredSeries = this._hoveredArgumentPoints = null;
                    this._hideTooltip(this.pointAtShownTooltip)
                },
                clearHover(isPointerOut) {
                    this._resetHoveredArgument();
                    this._releaseHoveredSeries();
                    this._releaseHoveredPoint(isPointerOut)
                },
                _hideTooltip(point, silent, isPointerOut) {
                    const that = this;
                    if (!that._tooltip || point && that.pointAtShownTooltip !== point) {
                        return
                    }
                    if (!silent && that.pointAtShownTooltip) {
                        that.pointAtShownTooltip = null
                    }
                    that._tooltip.hide(!!isPointerOut)
                },
                _showTooltip(point) {
                    const that = this;
                    let tooltipFormatObject;
                    const eventData = {
                        target: point
                    };
                    if (null !== point && void 0 !== point && point.getOptions()) {
                        tooltipFormatObject = point.getTooltipFormatObject(that._tooltip, that._tooltip.isShared() && that._chart.getStackedPoints(point));
                        if (!(0, _type.isDefined)(tooltipFormatObject.valueText) && !tooltipFormatObject.points || !point.isVisible()) {
                            return
                        }
                        const coords = point.getTooltipParams(that._tooltip.getLocation());
                        const rootOffset = that._renderer.getRootOffset();
                        coords.x += rootOffset.left;
                        coords.y += rootOffset.top;
                        const callback = result => {
                            result && (that.pointAtShownTooltip = point)
                        };
                        callback(that._tooltip.show(tooltipFormatObject, coords, eventData, void 0, callback))
                    }
                },
                _showPointTooltip(event, point) {
                    const that = event.data.tracker;
                    const pointWithTooltip = that.pointAtShownTooltip;
                    if (pointWithTooltip && pointWithTooltip !== point) {
                        that._hideTooltip(pointWithTooltip)
                    }
                    that._showTooltip(point)
                },
                _hidePointTooltip(event, point) {
                    event.data.tracker._hideTooltip(point, false, true)
                },
                _enableOutHandler() {
                    if (this._outHandler) {
                        return
                    }
                    const that = this;
                    const handler = function(e) {
                        const rootOffset = that._renderer.getRootOffset();
                        const x = _floor(e.pageX - rootOffset.left);
                        const y = _floor(e.pageY - rootOffset.top);
                        if (!(0, _utils.pointInCanvas)(that._mainCanvas, x, y) && !that._isCursorOnTooltip(e)) {
                            that._pointerOut();
                            that._disableOutHandler()
                        }
                    };
                    _events_engine.default.on(_dom_adapter.default.getDocument(), POINTER_ACTION, handler);
                    this._outHandler = handler
                },
                _isCursorOnTooltip(e) {
                    return this._tooltip.isEnabled() && this._tooltip.isCursorOnTooltip(e.pageX, e.pageY)
                },
                _disableOutHandler() {
                    this._outHandler && _events_engine.default.off(_dom_adapter.default.getDocument(), POINTER_ACTION, this._outHandler);
                    this._outHandler = null
                },
                stopCurrentHandling() {
                    this._pointerOut(true)
                },
                _pointerOut(force) {
                    this.clearHover(true);
                    (force || this._tooltip.isEnabled()) && this._hideTooltip(this.pointAtShownTooltip, false, true)
                },
                _triggerLegendClick(eventArgs, elementClick) {
                    const eventTrigger = this._eventTrigger;
                    eventTrigger("legendClick", eventArgs, () => {
                        !eventCanceled(eventArgs, eventArgs.target) && eventTrigger(elementClick, eventArgs)
                    })
                },
                _hoverLegendItem(x, y) {
                    const that = this;
                    const item = that._legend.getItemByCoord(x, y);
                    let series;
                    const legendHoverMode = function(mode) {
                        if (LEGEND_HOVER_MODES.includes(mode)) {
                            return mode
                        } else {
                            return "includepoints"
                        }
                    }(that._legend.getOptions().hoverMode);
                    if (item) {
                        series = that._storedSeries[item.id];
                        if (!series.isHovered() || series.lastHoverMode !== legendHoverMode) {
                            that._setHoveredSeries(series, legendHoverMode)
                        }
                        that._tooltip.isEnabled() && that._hideTooltip(that.pointAtShownTooltip)
                    } else {
                        that.clearHover()
                    }
                },
                _processArgumentHoveredPoint(argument, argumentIndex) {
                    this._releaseHoveredPoint()
                },
                _hoverArgument(argument, argumentIndex) {
                    const that = this;
                    const hoverMode = that._getArgumentHoverMode();
                    if ((0, _type.isDefined)(argument)) {
                        this._processArgumentHoveredPoint(argument, argumentIndex);
                        that._hoveredArgument = argument;
                        that._argumentIndex = argumentIndex;
                        that._notifySeries({
                            action: "pointHover",
                            notifyLegend: that._notifyLegendOnHoverArgument,
                            target: {
                                argument: argument,
                                fullState: HOVER_STATE,
                                argumentIndex: argumentIndex,
                                getOptions: () => ({
                                    hoverMode: hoverMode
                                })
                            }
                        })
                    }
                },
                _resetHoveredArgument() {
                    const that = this;
                    let hoverMode;
                    if ((0, _type.isDefined)(that._hoveredArgument)) {
                        hoverMode = that._getArgumentHoverMode();
                        that._notifySeries({
                            action: "clearPointHover",
                            notifyLegend: that._notifyLegendOnHoverArgument,
                            target: {
                                fullState: NORMAL_STATE,
                                argumentIndex: that._argumentIndex,
                                argument: that._hoveredArgument,
                                getOptions: () => ({
                                    hoverMode: hoverMode
                                })
                            }
                        });
                        that._hoveredArgument = null
                    }
                },
                _notifySeries(data) {
                    this._storedSeries.forEach(series => {
                        series.notify(data)
                    })
                },
                _pointerHandler(e) {
                    var _series;
                    const that = e.data.tracker;
                    const rootOffset = that._renderer.getRootOffset();
                    const x = _floor(e.pageX - rootOffset.left);
                    const y = _floor(e.pageY - rootOffset.top);
                    const canvas = that._getCanvas(x, y);
                    let series = getData(e, "chart-data-series");
                    let point = getData(e, "chart-data-point") || (null === (_series = series) || void 0 === _series ? void 0 : _series.getPointByCoord(x, y));
                    that._isHolding = false;
                    clearTimeout(that._holdTimer);
                    if (e.type === _pointer.default.down) {
                        that._holdTimer = setTimeout(() => that._isHolding = true, 300)
                    }
                    if (point && !point.getMarkerVisibility()) {
                        point = void 0
                    }
                    that._enableOutHandler();
                    if (that._legend.coordsIn(x, y)) {
                        that._hoverLegendItem(x, y);
                        return
                    }
                    if (that.hoveredSeries && that.hoveredSeries !== that._stuckSeries) {
                        that._releaseHoveredSeries()
                    }
                    if (that._hoverArgumentAxis(x, y, e)) {
                        return
                    }
                    if (that._isPointerOut(canvas, point)) {
                        that._pointerOut()
                    }
                    if (!canvas && !point) {
                        return
                    }
                    if (series && !point) {
                        point = series.getNeighborPoint(x, y);
                        if (!that._stickyHovering && point && !point.coordsIn(x, y)) {
                            point = null
                        }
                        if (series !== that.hoveredSeries) {
                            that._setTimeout(() => {
                                that._setHoveredSeries(series);
                                that._setStuckSeries(e, series, x, y);
                                that._pointerComplete(point, x, y)
                            }, series);
                            return
                        }
                    } else if (point) {
                        if (e.type !== _pointer.default.move && "touch" !== e.pointerType) {
                            return
                        }
                        if (that.hoveredSeries) {
                            that._setTimeout(() => that._pointerOnPoint(point, x, y, e), point)
                        } else {
                            that._pointerOnPoint(point, x, y, e)
                        }
                        return
                    } else if (that._setStuckSeries(e, void 0, x, y) && that._stickyHovering) {
                        var _point;
                        series = that._stuckSeries;
                        point = series.getNeighborPoint(x, y);
                        that._releaseHoveredSeries();
                        (null === (_point = point) || void 0 === _point ? void 0 : _point.getMarkerVisibility()) && that._setHoveredPoint(point)
                    } else if (!that._stickyHovering) {
                        that._pointerOut()
                    }
                    that._pointerComplete(point, x, y)
                },
                _pointerOnPoint(point, x, y) {
                    this._resetHoveredArgument();
                    this._setHoveredPoint(point);
                    this._pointerComplete(point, x, y)
                },
                _pointerComplete(point) {
                    this.pointAtShownTooltip !== point && this._tooltip.isEnabled() && this._showTooltip(point)
                },
                _clickHandler(e) {
                    var _point2;
                    const that = e.data.tracker;
                    if (that._isHolding) {
                        return
                    }
                    const rootOffset = that._renderer.getRootOffset();
                    const x = _floor(e.pageX - rootOffset.left);
                    const y = _floor(e.pageY - rootOffset.top);
                    let point = getData(e, "chart-data-point");
                    const series = that._stuckSeries || getData(e, "chart-data-series") || (null === (_point2 = point) || void 0 === _point2 ? void 0 : _point2.series);
                    const axis = that._argumentAxis;
                    if (that._legend.coordsIn(x, y)) {
                        const item = that._legend.getItemByCoord(x, y);
                        if (item) {
                            that._legendClick(item, e)
                        }
                    } else if (null !== axis && void 0 !== axis && axis.coordsIn(x, y)) {
                        const argument = getData(e, "chart-data-argument", true);
                        if ((0, _type.isDefined)(argument)) {
                            that._eventTrigger("argumentAxisClick", {
                                argument: argument,
                                event: e
                            })
                        }
                    } else if (series) {
                        var _point3;
                        point = point || series.getPointByCoord(x, y);
                        if (null !== (_point3 = point) && void 0 !== _point3 && _point3.getMarkerVisibility()) {
                            that._pointClick(point, e)
                        } else {
                            getData(e, "chart-data-series") && that._eventTrigger("seriesClick", {
                                target: series,
                                event: e
                            })
                        }
                    }
                },
                dispose() {
                    this._disableOutHandler();
                    this._renderer.root.off(DOT_EVENT_NS);
                    this._seriesGroup.off(DOT_EVENT_NS)
                }
            };
            const ChartTracker = function(options) {
                this.ctor(options)
            };
            exports.ChartTracker = ChartTracker;
            (0, _extend.extend)(ChartTracker.prototype, baseTrackerPrototype, {
                _pointClick(point, event) {
                    const eventTrigger = this._eventTrigger;
                    const series = point.series;
                    const eventArgs = {
                        target: point,
                        event: event
                    };
                    eventTrigger("pointClick", eventArgs, () => {
                        !eventCanceled(eventArgs, series) && eventTrigger("seriesClick", {
                            target: series,
                            event: event
                        })
                    })
                },
                update(options) {
                    baseTrackerPrototype.update.call(this, options);
                    this._argumentAxis = options.argumentAxis || {};
                    this._axisHoverEnabled = this._argumentAxis && "allargumentpoints" === (0, _utils.normalizeEnum)(this._argumentAxis.getOptions().hoverMode);
                    this._rotated = options.rotated;
                    this._crosshair = options.crosshair;
                    this._stickyHovering = options.stickyHovering
                },
                _getCanvas(x, y) {
                    const canvases = this._canvases || [];
                    for (let i = 0; i < canvases.length; i++) {
                        const c = canvases[i];
                        if ((0, _utils.pointInCanvas)(c, x, y)) {
                            return c
                        }
                    }
                    return null
                },
                _isPointerOut(canvas, point) {
                    return !canvas && this._stuckSeries && (null === point || void 0 === point ? void 0 : point.series) !== this._stuckSeries
                },
                _hideCrosshair() {
                    var _this$_crosshair;
                    null === (_this$_crosshair = this._crosshair) || void 0 === _this$_crosshair || _this$_crosshair.hide()
                },
                _moveCrosshair(point, x, y) {
                    if (this._crosshair && null !== point && void 0 !== point && point.isVisible()) {
                        this._crosshair.show({
                            point: point,
                            x: x,
                            y: y
                        })
                    }
                },
                _clean() {
                    baseTrackerPrototype._clean.call(this);
                    this._resetTimer();
                    this._stuckSeries = null
                },
                _getSeriesForShared(x, y) {
                    var _point4;
                    const that = this;
                    const points = [];
                    let point = null;
                    let distance = 1 / 0;
                    if (that._tooltip.isShared() && !that.hoveredSeries) {
                        (0, _iterator.each)(that._storedSeries, (_, series) => {
                            const point = series.getNeighborPoint(x, y);
                            point && points.push(point)
                        });
                        (0, _iterator.each)(points, (_, p) => {
                            const coords = p.getCrosshairData(x, y);
                            const d = (0, _utils.getDistance)(x, y, coords.x, coords.y);
                            if (d < distance) {
                                point = p;
                                distance = d
                            }
                        })
                    }
                    return null === (_point4 = point) || void 0 === _point4 ? void 0 : _point4.series
                },
                _setTimeout(callback, keeper) {
                    const that = this;
                    if (that._timeoutKeeper !== keeper) {
                        that._resetTimer();
                        that._hoverTimeout = setTimeout(() => {
                            callback();
                            that._timeoutKeeper = null
                        }, 10);
                        that._timeoutKeeper = keeper
                    }
                },
                _resetTimer() {
                    clearTimeout(this._hoverTimeout);
                    this._timeoutKeeper = this._hoverTimeout = null
                },
                _stopEvent(e) {
                    if (!(0, _type.isDefined)(e.cancelable) || e.cancelable) {
                        e.preventDefault();
                        e.stopPropagation()
                    }
                },
                _setStuckSeries(e, series, x, y) {
                    if ("mouse" !== e.pointerType) {
                        this._stuckSeries = null
                    } else {
                        this._stuckSeries = series || this._stuckSeries || this._getSeriesForShared(x, y)
                    }
                    return !!this._stuckSeries
                },
                _pointerOut() {
                    this._stuckSeries = null;
                    this._hideCrosshair();
                    this._resetTimer();
                    baseTrackerPrototype._pointerOut.apply(this, arguments)
                },
                _hoverArgumentAxis(x, y, e) {
                    const that = this;
                    that._resetHoveredArgument();
                    if (that._axisHoverEnabled && that._argumentAxis.coordsIn(x, y)) {
                        that._hoverArgument(getData(e, "chart-data-argument", true));
                        return true
                    }
                },
                _pointerComplete(point, x, y) {
                    this.hoveredSeries && this.hoveredSeries.updateHover(x, y);
                    this._resetTimer();
                    this._moveCrosshair(point, x, y);
                    baseTrackerPrototype._pointerComplete.call(this, point)
                },
                _legendClick(item, e) {
                    const series = this._storedSeries[item.id];
                    this._triggerLegendClick({
                        target: series,
                        event: e
                    }, "seriesClick")
                },
                _hoverLegendItem(x, y) {
                    this._stuckSeries = null;
                    this._hideCrosshair();
                    baseTrackerPrototype._hoverLegendItem.call(this, x, y)
                },
                _pointerOnPoint(point, x, y, e) {
                    this._setStuckSeries(e, point.series, x, y);
                    this._releaseHoveredSeries();
                    baseTrackerPrototype._pointerOnPoint.call(this, point, x, y, e)
                },
                _notifyLegendOnHoverArgument: false,
                _getArgumentHoverMode() {
                    return correctHoverMode(this._argumentAxis)
                },
                dispose() {
                    this._resetTimer();
                    baseTrackerPrototype.dispose.call(this)
                }
            });
            const PieTracker = function(options) {
                this.ctor(options)
            };
            exports.PieTracker = PieTracker;
            (0, _extend.extend)(PieTracker.prototype, baseTrackerPrototype, {
                _isPointerOut: (_, point) => !point,
                _legendClick(item, e) {
                    const points = [];
                    this._storedSeries.forEach(s => points.push.apply(points, s.getPointsByKeys(item.argument, item.argumentIndex)));
                    this._eventTrigger("legendClick", {
                        target: item.argument,
                        points: points,
                        event: e
                    })
                },
                _pointClick(point, e) {
                    this._eventTrigger("pointClick", {
                        target: point,
                        event: e
                    })
                },
                _hoverLegendItem(x, y) {
                    const that = this;
                    const item = that._legend.getItemByCoord(x, y);
                    if (item && that._hoveredArgument !== item.argument) {
                        that._resetHoveredArgument();
                        that._hoverArgument(item.argument, item.argumentIndex)
                    } else if (!item) {
                        that.clearHover()
                    }
                },
                _getArgumentHoverMode() {
                    return correctHoverMode(this._legend)
                },
                _processArgumentHoveredPoint(argument, argumentIndex) {
                    const points = this._storedSeries.flatMap(series => series.getPointsByKeys(argument, argumentIndex));
                    if (1 === points.length) {
                        this._setHoveredPoint(points[0])
                    } else {
                        this._releaseHoveredPoint()
                    }
                },
                _hoverArgumentAxis: _common.noop,
                _setStuckSeries: _common.noop,
                _getCanvas: _common.noop,
                _notifyLegendOnHoverArgument: true
            })
        },
        38577(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = exports.SCROLL_PREVENTION_TIMEOUT = void 0;
            var _wheel = __webpack_require__( /*! ../../../common/core/events/core/wheel */ 37373);
            var _drag = __webpack_require__( /*! ../../../common/core/events/drag */ 59144);
            var transformEvents = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../../common/core/events/transform */ 37008));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            const EVENTS_NS = ".zoomAndPanNS";
            const DRAG_START_EVENT_NAME = _drag.start + EVENTS_NS;
            const DRAG_EVENT_NAME = _drag.move + EVENTS_NS;
            const DRAG_END_EVENT_NAME = _drag.end + EVENTS_NS;
            const PINCH_START_EVENT_NAME = transformEvents.pinchstart + EVENTS_NS;
            const PINCH_EVENT_NAME = transformEvents.pinch + EVENTS_NS;
            const PINCH_END_EVENT_NAME = transformEvents.pinchend + EVENTS_NS;
            const SCROLL_BAR_START_EVENT_NAME = `dxc-scroll-start${EVENTS_NS}`;
            const SCROLL_BAR_MOVE_EVENT_NAME = `dxc-scroll-move${EVENTS_NS}`;
            const SCROLL_BAR_END_EVENT_NAME = `dxc-scroll-end${EVENTS_NS}`;
            const SCROLL_PREVENTION_TIMEOUT = exports.SCROLL_PREVENTION_TIMEOUT = 500;
            const _min = Math.min;
            const _max = Math.max;
            const _abs = Math.abs;

            function canvasToRect(canvas) {
                return {
                    x: canvas.left,
                    y: canvas.top,
                    width: canvas.width - canvas.left - canvas.right,
                    height: canvas.height - canvas.top - canvas.bottom
                }
            }

            function checkCoords(rect, coords) {
                const {
                    x: x
                } = coords;
                const {
                    y: y
                } = coords;
                return x >= rect.x && x <= rect.width + rect.x && y >= rect.y && y <= rect.height + rect.y
            }

            function getFilteredAxes(axes) {
                return axes.filter(a => !a.getTranslator().getBusinessRange().isEmpty())
            }

            function isAxisAvailablePanning(axes) {
                return axes.some(axis => !axis.isExtremePosition(false) || !axis.isExtremePosition(true))
            }

            function axisZoom(axis, onlyAxisToNotify, getRange, getParameters, actionField, scale, e) {
                const silent = onlyAxisToNotify && axis !== onlyAxisToNotify;
                const range = getRange(axis);
                const {
                    stopInteraction: stopInteraction,
                    correctedRange: correctedRange
                } = axis.checkZoomingLowerLimitOvercome(actionField, scale, range);
                const result = axis.handleZooming(stopInteraction ? null : correctedRange, getParameters(silent), e, actionField);
                stopInteraction && axis.handleZoomEnd();
                return {
                    stopInteraction: stopInteraction,
                    result: result
                }
            }

            function zoomAxes(e, axes, getRange, zoom, params, onlyAxisToNotify) {
                axes = function(axes, onlyAxisToNotify) {
                    if (onlyAxisToNotify) {
                        axes = axes.sort((a, b) => {
                            if (a === onlyAxisToNotify) {
                                return -1
                            }
                            if (b === onlyAxisToNotify) {
                                return 1
                            }
                            return 0
                        })
                    }
                    return axes
                }(axes, onlyAxisToNotify);
                let zoomStarted = false;
                const getParameters = silent => ({
                    start: !!silent,
                    end: !!silent
                });
                getFilteredAxes(axes).some(axis => {
                    const translator = axis.getTranslator();
                    const scale = translator.getMinScale(zoom);
                    const {
                        stopInteraction: stopInteraction,
                        result: result
                    } = axisZoom(axis, onlyAxisToNotify, getRange(Object.assign({
                        scale: scale,
                        translator: translator,
                        axis: axis
                    }, params)), getParameters, "zoom", scale, e);
                    zoomStarted = !stopInteraction;
                    return onlyAxisToNotify && result.isPrevented
                });
                return zoomStarted
            }

            function cancelEvent(e) {
                if (e.originalEvent) {
                    cancelEvent(e.originalEvent)
                }
                if (false !== e.cancelable) {
                    e.cancel = true
                }
            }
            exports.default = {
                name: "zoom_and_pan",
                init() {
                    const chart = this;
                    const renderer = this._renderer;
                    let lastWheelTimer;

                    function getAxesCopy(zoomAndPan, actionField) {
                        let axes = [];
                        const {
                            options: options
                        } = zoomAndPan;
                        const {
                            actionData: actionData
                        } = zoomAndPan;
                        if (options.argumentAxis[actionField]) {
                            axes.push(chart.getArgumentAxis())
                        }
                        if (options.valueAxis[actionField]) {
                            axes = axes.concat(actionData.valueAxes)
                        }
                        return axes
                    }

                    function startAxesViewportChanging(zoomAndPan, actionField, e) {
                        const axes = getAxesCopy(zoomAndPan, actionField);
                        getFilteredAxes(axes).some(axis => axis.handleZooming(null, {
                            end: true
                        }, e, actionField).isPrevented) && cancelEvent(e)
                    }

                    function axesViewportChanging(zoomAndPan, actionField, e, offsetCalc, centerCalc) {
                        function zoomAxes(axes, criteria, coordField, e, actionData) {
                            let zoom = {
                                zoomed: false
                            };
                            criteria && getFilteredAxes(axes).forEach(axis => {
                                const options = axis.getOptions();
                                const viewport = axis.visualRange();
                                const scale = axis.getTranslator().getEventScale(e);
                                const translate = -offsetCalc(e, actionData, coordField, scale);
                                zoom = (0, _extend.extend)(true, zoom, axis.getTranslator().zoom(translate, scale, axis.getZoomBounds()));
                                const range = axis.adjustRange((0, _utils.getVizRangeObject)([zoom.min, zoom.max]));
                                const {
                                    stopInteraction: stopInteraction,
                                    correctedRange: correctedRange
                                } = axis.checkZoomingLowerLimitOvercome(actionField, scale, range);
                                if (!(0, _type.isDefined)(viewport) || viewport.startValue.valueOf() !== correctedRange.startValue.valueOf() || viewport.endValue.valueOf() !== correctedRange.endValue.valueOf()) {
                                    axis.handleZooming(stopInteraction ? null : correctedRange, {
                                        start: true,
                                        end: true
                                    }, e, actionField);
                                    if (!stopInteraction) {
                                        zoom.zoomed = true;
                                        zoom.deltaTranslate = translate - zoom.translate
                                    }
                                } else if ("touch" === e.pointerType && "discrete" === options.type) {
                                    const isMinPosition = axis.isExtremePosition(false);
                                    const isMaxPosition = axis.isExtremePosition(true);
                                    const zoomInEnabled = scale > 1 && !stopInteraction;
                                    const zoomOutEnabled = scale < 1 && (!isMinPosition || !isMaxPosition);
                                    const panningEnabled = 1 === scale && !(isMinPosition && (translate < 0 && !options.inverted || translate > 0 && options.inverted) || isMaxPosition && (translate > 0 && !options.inverted || translate < 0 && options.inverted));
                                    zoom.enabled = zoomInEnabled || zoomOutEnabled || panningEnabled
                                }
                            });
                            return zoom
                        }

                        function storeOffset(e, actionData, zoom, coordField) {
                            if (zoom.zoomed) {
                                actionData.offset[coordField] = (e.offset ? e.offset[coordField] : actionData.offset[coordField]) + zoom.deltaTranslate
                            }
                        }

                        function storeCenter(center, actionData, zoom, coordField) {
                            if (zoom.zoomed) {
                                actionData.center[coordField] = center[coordField] + zoom.deltaTranslate
                            }
                        }
                        const rotated = chart.option("rotated");
                        const {
                            actionData: actionData
                        } = zoomAndPan;
                        const {
                            options: options
                        } = zoomAndPan;
                        let argZoom = {};
                        let valZoom = {};
                        if (!actionData.fallback) {
                            argZoom = zoomAxes(chart._argumentAxes, options.argumentAxis[actionField], rotated ? "y" : "x", e, actionData);
                            valZoom = zoomAxes(actionData.valueAxes, options.valueAxis[actionField], rotated ? "x" : "y", e, actionData);
                            chart._requestChange(["VISUAL_RANGE"]);
                            storeOffset(e, actionData, argZoom, rotated ? "y" : "x");
                            storeOffset(e, actionData, valZoom, rotated ? "x" : "y")
                        }
                        const center = centerCalc(e);
                        storeCenter(center, actionData, argZoom, rotated ? "y" : "x");
                        storeCenter(center, actionData, valZoom, rotated ? "x" : "y");
                        if (!argZoom.zoomed && !valZoom.zoomed) {
                            actionData.center = center
                        }
                        return argZoom.zoomed || valZoom.zoomed || actionData.fallback || argZoom.enabled || valZoom.enabled
                    }

                    function finishAxesViewportChanging(zoomAndPan, actionField, e, offsetCalc) {
                        function zoomAxes(axes, coordField, actionData, onlyAxisToNotify) {
                            let zoomStarted = false;
                            const scale = e.scale || 1;
                            const getRange = axis => {
                                const zoom = axis.getTranslator().zoom(-offsetCalc(e, actionData, coordField, scale), scale, axis.getZoomBounds());
                                return {
                                    startValue: zoom.min,
                                    endValue: zoom.max
                                }
                            };
                            const getParameters = silent => ({
                                start: true,
                                end: silent
                            });
                            getFilteredAxes(axes).forEach(axis => {
                                zoomStarted = !axisZoom(axis, onlyAxisToNotify, getRange, getParameters, actionField, scale, e).stopInteraction
                            });
                            return zoomStarted
                        }
                        const rotated = chart.option("rotated");
                        const {
                            actionData: actionData
                        } = zoomAndPan;
                        const {
                            options: options
                        } = zoomAndPan;
                        let zoomStarted = true;
                        if (actionData.fallback) {
                            zoomStarted &= options.argumentAxis[actionField] && zoomAxes(chart._argumentAxes, rotated ? "y" : "x", actionData, chart.getArgumentAxis());
                            zoomStarted |= options.valueAxis[actionField] && zoomAxes(actionData.valueAxes, rotated ? "x" : "y", actionData)
                        } else {
                            const axes = getAxesCopy(zoomAndPan, actionField);
                            getFilteredAxes(axes).forEach(axis => {
                                axis.handleZooming(null, {
                                    start: true
                                }, e, actionField)
                            });
                            zoomStarted = axes.length
                        }
                        zoomStarted && chart._requestChange(["VISUAL_RANGE"])
                    }

                    function prepareActionData(coords, action) {
                        const axes = chart._argumentAxes.filter(axis => checkCoords(canvasToRect(axis.getCanvas()), coords));
                        return {
                            fallback: chart._lastRenderingTime > 300,
                            cancel: !axes.length || !(0, _type.isDefined)(action),
                            action: action,
                            curAxisRect: axes.length && canvasToRect(axes[0].getCanvas()),
                            valueAxes: axes.length && chart._valueAxes.filter(axis => checkCoords(canvasToRect(axis.getCanvas()), coords)),
                            offset: {
                                x: 0,
                                y: 0
                            },
                            center: coords,
                            startCenter: coords
                        }
                    }

                    function getPointerCoord(rect, e) {
                        const rootOffset = renderer.getRootOffset();
                        return {
                            x: _min(_max(e.pageX - rootOffset.left, rect.x), rect.width + rect.x),
                            y: _min(_max(e.pageY - rootOffset.top, rect.y), rect.height + rect.y)
                        }
                    }

                    function calcCenterForPinch(e) {
                        const rootOffset = renderer.getRootOffset();
                        const x1 = e.pointers[0].pageX;
                        const x2 = e.pointers[1].pageX;
                        const y1 = e.pointers[0].pageY;
                        const y2 = e.pointers[1].pageY;
                        return {
                            x: _min(x1, x2) + _abs(x2 - x1) / 2 - rootOffset.left,
                            y: _min(y1, y2) + _abs(y2 - y1) / 2 - rootOffset.top
                        }
                    }

                    function calcCenterForDrag(e) {
                        const rootOffset = renderer.getRootOffset();
                        return {
                            x: e.pageX - rootOffset.left,
                            y: e.pageY - rootOffset.top
                        }
                    }

                    function calcOffsetForDrag(e, actionData, coordField) {
                        return e.offset[coordField] - actionData.offset[coordField]
                    }

                    function setLastWheelTimer() {
                        clearTimeout(lastWheelTimer);
                        lastWheelTimer = setTimeout(() => {
                            lastWheelTimer = void 0
                        }, SCROLL_PREVENTION_TIMEOUT)
                    }

                    function preventDefaults(e) {
                        let stopChartHandler = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : true;
                        if (false !== e.cancelable) {
                            e.preventDefault();
                            e.stopPropagation()
                        }
                        if (stopChartHandler) {
                            chart._stopCurrentHandling()
                        }
                    }
                    const zoomAndPan = {
                        dragStartHandler(e) {
                            const {
                                options: options
                            } = zoomAndPan;
                            const isTouch = "touch" === e.pointerType;
                            const wantPan = options.argumentAxis.pan || options.valueAxis.pan;
                            const wantZoom = options.argumentAxis.zoom || options.valueAxis.zoom;
                            const panKeyPressed = (0, _type.isDefined)(options.panKey) && e[`${(0,_utils.normalizeEnum)(options.panKey)}Key`];
                            const {
                                dragToZoom: dragToZoom
                            } = options;
                            let action;
                            e._cancelPreventDefault = true;
                            if (isTouch) {
                                if (options.allowTouchGestures && wantPan) {
                                    const cancelPanning = !zoomAndPan.panningVisualRangeEnabled() || zoomAndPan.skipEvent;
                                    action = cancelPanning ? null : "pan"
                                }
                            } else if (dragToZoom && wantPan && panKeyPressed || !dragToZoom && wantPan) {
                                action = "pan"
                            } else if (dragToZoom && wantZoom) {
                                action = "zoom"
                            }
                            const actionData = prepareActionData(calcCenterForDrag(e), action);
                            if (actionData.cancel) {
                                zoomAndPan.skipEvent = false;
                                if (false !== e.cancelable) {
                                    e.cancel = true
                                }
                                return
                            }
                            zoomAndPan.actionData = actionData;
                            if ("zoom" === action) {
                                actionData.startCoords = getPointerCoord(actionData.curAxisRect, e);
                                actionData.rect = renderer.rect(0, 0, 0, 0).attr(options.dragBoxStyle).append(renderer.root)
                            } else {
                                startAxesViewportChanging(zoomAndPan, "pan", e)
                            }
                        },
                        dragHandler(e) {
                            const rotated = chart.option("rotated");
                            const {
                                options: options
                            } = zoomAndPan;
                            const {
                                actionData: actionData
                            } = zoomAndPan;
                            const isTouch = "touch" === e.pointerType;
                            e._cancelPreventDefault = true;
                            if (!actionData || isTouch && !zoomAndPan.panningVisualRangeEnabled()) {
                                return
                            }
                            if ("zoom" === actionData.action) {
                                preventDefaults(e);
                                const curCanvas = actionData.curAxisRect;
                                const {
                                    startCoords: startCoords
                                } = actionData;
                                const curCoords = getPointerCoord(curCanvas, e);
                                const zoomArg = options.argumentAxis.zoom;
                                const zoomVal = options.valueAxis.zoom;
                                const rect = {
                                    x: _min(startCoords.x, curCoords.x),
                                    y: _min(startCoords.y, curCoords.y),
                                    width: _abs(startCoords.x - curCoords.x),
                                    height: _abs(startCoords.y - curCoords.y)
                                };
                                if (!zoomArg || !zoomVal) {
                                    if (!zoomArg && !rotated || !zoomVal && rotated) {
                                        rect.x = curCanvas.x;
                                        rect.width = curCanvas.width
                                    } else {
                                        rect.y = curCanvas.y;
                                        rect.height = curCanvas.height
                                    }
                                }
                                actionData.rect.attr(rect)
                            } else if ("pan" === actionData.action) {
                                axesViewportChanging(zoomAndPan, "pan", e, calcOffsetForDrag, e => e.offset);
                                const deltaOffsetY = Math.abs(e.offset.y - actionData.offset.y);
                                const deltaOffsetX = Math.abs(e.offset.x - actionData.offset.x);
                                if (isTouch && (deltaOffsetY > 5 && deltaOffsetY > Math.abs(actionData.offset.x) || deltaOffsetX > 5 && deltaOffsetX > Math.abs(actionData.offset.y))) {
                                    return
                                }
                                preventDefaults(e)
                            }
                        },
                        dragEndHandler(e) {
                            const rotated = chart.option("rotated");
                            const {
                                options: options
                            } = zoomAndPan;
                            const {
                                actionData: actionData
                            } = zoomAndPan;
                            const isTouch = "touch" === e.pointerType;
                            const getRange = _ref => {
                                let {
                                    translator: translator,
                                    startCoord: startCoord,
                                    curCoord: curCoord
                                } = _ref;
                                return () => [translator.from(startCoord), translator.from(curCoord)]
                            };
                            const getCoords = (curCoords, startCoords, field) => ({
                                curCoord: curCoords[field],
                                startCoord: startCoords[field]
                            });
                            const needToZoom = (axisOption, coords) => axisOption.zoom && _abs(coords.curCoord - coords.startCoord) > 5;
                            const panIsEmpty = actionData && "pan" === actionData.action && !actionData.fallback && 0 === actionData.offset.x && 0 === actionData.offset.y;
                            if (!actionData || isTouch && !zoomAndPan.panningVisualRangeEnabled() || panIsEmpty) {
                                return
                            }!isTouch && preventDefaults(e);
                            if ("zoom" === actionData.action) {
                                const curCoords = getPointerCoord(actionData.curAxisRect, e);
                                const argumentCoords = getCoords(curCoords, actionData.startCoords, rotated ? "y" : "x");
                                const valueCoords = getCoords(curCoords, actionData.startCoords, rotated ? "x" : "y");
                                const argumentAxesZoomed = needToZoom(options.argumentAxis, argumentCoords) && zoomAxes(e, chart._argumentAxes, getRange, true, argumentCoords, chart.getArgumentAxis());
                                const valueAxesZoomed = needToZoom(options.valueAxis, valueCoords) && zoomAxes(e, actionData.valueAxes, getRange, true, valueCoords);
                                if (valueAxesZoomed || argumentAxesZoomed) {
                                    chart._requestChange(["VISUAL_RANGE"])
                                }
                                actionData.rect.dispose()
                            } else if ("pan" === actionData.action) {
                                finishAxesViewportChanging(zoomAndPan, "pan", e, calcOffsetForDrag)
                            }
                            zoomAndPan.actionData = null
                        },
                        pinchStartHandler(e) {
                            const actionData = prepareActionData(calcCenterForPinch(e), "zoom");
                            if (actionData.cancel) {
                                cancelEvent(e);
                                return
                            }
                            zoomAndPan.actionData = actionData;
                            startAxesViewportChanging(zoomAndPan, "zoom", e)
                        },
                        pinchHandler(e) {
                            if (!zoomAndPan.actionData) {
                                return
                            }
                            axesViewportChanging(zoomAndPan, "zoom", e, (e, actionData, coordField, scale) => calcCenterForPinch(e)[coordField] - actionData.center[coordField] + (actionData.center[coordField] - actionData.center[coordField] * scale), calcCenterForPinch);
                            preventDefaults(e)
                        },
                        pinchEndHandler(e) {
                            if (!zoomAndPan.actionData) {
                                return
                            }
                            finishAxesViewportChanging(zoomAndPan, "zoom", e, (e, actionData, coordField, scale) => actionData.center[coordField] - actionData.startCenter[coordField] + (actionData.startCenter[coordField] - actionData.startCenter[coordField] * scale));
                            zoomAndPan.actionData = null
                        },
                        mouseWheelHandler(e) {
                            const {
                                options: options
                            } = zoomAndPan;
                            const rotated = chart.option("rotated");
                            const getRange = _ref2 => {
                                let {
                                    translator: translator,
                                    coord: coord,
                                    scale: scale,
                                    axis: axis
                                } = _ref2;
                                return () => {
                                    const zoom = translator.zoom(-(coord - coord * scale), scale, axis.getZoomBounds());
                                    return {
                                        startValue: zoom.min,
                                        endValue: zoom.max
                                    }
                                }
                            };
                            const coords = calcCenterForDrag(e);
                            let axesZoomed = false;
                            let targetAxes;
                            if (options.valueAxis.zoom) {
                                targetAxes = chart._valueAxes.filter(axis => checkCoords(canvasToRect(axis.getCanvas()), coords));
                                if (0 === targetAxes.length) {
                                    const targetCanvas = chart._valueAxes.reduce((r, axis) => {
                                        if (!r && axis.coordsIn(coords.x, coords.y)) {
                                            r = axis.getCanvas()
                                        }
                                        return r
                                    }, null);
                                    if (targetCanvas) {
                                        targetAxes = chart._valueAxes.filter(axis => checkCoords(canvasToRect(axis.getCanvas()), {
                                            x: targetCanvas.left,
                                            y: targetCanvas.top
                                        }))
                                    }
                                }
                                axesZoomed |= zoomAxes(e, targetAxes, getRange, e.delta > 0, {
                                    coord: rotated ? coords.x : coords.y
                                })
                            }
                            if (options.argumentAxis.zoom) {
                                const canZoom = chart._argumentAxes.some(axis => {
                                    if (checkCoords(canvasToRect(axis.getCanvas()), coords) || axis.coordsIn(coords.x, coords.y)) {
                                        return true
                                    }
                                    return false
                                });
                                axesZoomed |= canZoom && zoomAxes(e, chart._argumentAxes, getRange, e.delta > 0, {
                                    coord: rotated ? coords.y : coords.x
                                }, chart.getArgumentAxis())
                            }
                            const isPanningAvailable = targetAxes ? isAxisAvailablePanning(targetAxes) : zoomAndPan.panningVisualRangeEnabled();
                            if (axesZoomed) {
                                chart._requestChange(["VISUAL_RANGE"]);
                                if (isPanningAvailable) {
                                    preventDefaults(e);
                                    setLastWheelTimer()
                                }
                            }
                            if ((!axesZoomed || !isPanningAvailable) && lastWheelTimer) {
                                preventDefaults(e, false);
                                setLastWheelTimer()
                            }
                        },
                        cleanup() {
                            var _zoomAndPan$actionDat;
                            renderer.root.off(EVENTS_NS);
                            null === (_zoomAndPan$actionDat = zoomAndPan.actionData) || void 0 === _zoomAndPan$actionDat || null === (_zoomAndPan$actionDat = _zoomAndPan$actionDat.rect) || void 0 === _zoomAndPan$actionDat || _zoomAndPan$actionDat.dispose();
                            zoomAndPan.actionData = null;
                            renderer.root.css({
                                "touch-action": ""
                            })
                        },
                        setup(options) {
                            zoomAndPan.cleanup();
                            if (!options.argumentAxis.pan) {
                                renderer.root.on(SCROLL_BAR_START_EVENT_NAME, cancelEvent)
                            }
                            if (options.argumentAxis.none && options.valueAxis.none) {
                                return
                            }
                            zoomAndPan.options = options;
                            if ((options.argumentAxis.zoom || options.valueAxis.zoom) && options.allowMouseWheel) {
                                renderer.root.on(_wheel.name + EVENTS_NS, zoomAndPan.mouseWheelHandler)
                            }
                            if ((options.argumentAxis.zoom || options.valueAxis.zoom) && options.allowTouchGestures) {
                                renderer.root.on(PINCH_START_EVENT_NAME, {
                                    passive: false
                                }, zoomAndPan.pinchStartHandler).on(PINCH_EVENT_NAME, {
                                    passive: false
                                }, zoomAndPan.pinchHandler).on(PINCH_END_EVENT_NAME, zoomAndPan.pinchEndHandler)
                            }
                            renderer.root.on(DRAG_START_EVENT_NAME, {
                                immediate: true,
                                passive: false
                            }, zoomAndPan.dragStartHandler).on(DRAG_EVENT_NAME, {
                                immediate: true,
                                passive: false
                            }, zoomAndPan.dragHandler).on(DRAG_END_EVENT_NAME, zoomAndPan.dragEndHandler);
                            renderer.root.on(SCROLL_BAR_START_EVENT_NAME, e => {
                                zoomAndPan.actionData = {
                                    valueAxes: [],
                                    offset: {
                                        x: 0,
                                        y: 0
                                    },
                                    center: {
                                        x: 0,
                                        y: 0
                                    }
                                };
                                preventDefaults(e);
                                startAxesViewportChanging(zoomAndPan, "pan", e)
                            }).on(SCROLL_BAR_MOVE_EVENT_NAME, e => {
                                preventDefaults(e);
                                axesViewportChanging(zoomAndPan, "pan", e, calcOffsetForDrag, e => e.offset)
                            }).on(SCROLL_BAR_END_EVENT_NAME, e => {
                                preventDefaults(e);
                                finishAxesViewportChanging(zoomAndPan, "pan", e, calcOffsetForDrag);
                                zoomAndPan.actionData = null
                            })
                        },
                        panningVisualRangeEnabled: () => isAxisAvailablePanning(chart._valueAxes) || isAxisAvailablePanning(chart._argumentAxes)
                    };
                    this._zoomAndPan = zoomAndPan
                },
                members: {
                    _setupZoomAndPan() {
                        this._zoomAndPan.setup(this._themeManager.getOptions("zoomAndPan"))
                    }
                },
                dispose() {
                    this._zoomAndPan.cleanup()
                },
                customize(constructor) {
                    constructor.addChange({
                        code: "ZOOM_AND_PAN",
                        handler() {
                            this._setupZoomAndPan()
                        },
                        isThemeDependent: true,
                        isOptionChange: true,
                        option: "zoomAndPan"
                    })
                }
            }
        },
        56005(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ThemeManager = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _base_theme_manager = __webpack_require__( /*! ../../viz/core/base_theme_manager */ 87869);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            exports.ThemeManager = _base_theme_manager.BaseThemeManager.inherit(function() {
                const processAxisOptions = function(axisOptions) {
                    if (!axisOptions) {
                        return {}
                    }
                    axisOptions = (0, _extend.extend)(true, {}, axisOptions);
                    axisOptions.title = (options = axisOptions.title, (0, _type.isString)(options) ? {
                        text: options
                    } : options);
                    var options;
                    if ("logarithmic" === axisOptions.type && axisOptions.logarithmBase <= 0 || axisOptions.logarithmBase && !(0, _type.isNumeric)(axisOptions.logarithmBase)) {
                        axisOptions.logarithmBase = void 0;
                        axisOptions.logarithmBaseError = true
                    }
                    if (axisOptions.label) {
                        if (axisOptions.label.alignment) {
                            axisOptions.label.userAlignment = true
                        }
                    }
                    return axisOptions
                };
                const applyParticularAxisOptions = function(name, userOptions, rotated) {
                    const theme = this._theme;
                    const position = !(rotated ^ "valueAxis" === name) ? "horizontalAxis" : "verticalAxis";
                    const processedUserOptions = processAxisOptions(userOptions);
                    const commonAxisSettings = processAxisOptions(this._userOptions.commonAxisSettings);
                    const mergeOptions = (0, _extend.extend)(true, {}, theme.commonAxisSettings, theme[position], theme[name], commonAxisSettings, processedUserOptions);
                    mergeOptions.workWeek = processedUserOptions.workWeek || theme[name].workWeek;
                    mergeOptions.forceUserTickInterval |= (0, _type.isDefined)(processedUserOptions.tickInterval) && !(0, _type.isDefined)(processedUserOptions.axisDivisionFactor);
                    return mergeOptions
                };
                const mergeOptions = function(name, userOptions) {
                    userOptions = userOptions || this._userOptions[name];
                    const theme = this._theme[name];
                    let result = this._mergedSettings[name];
                    if (result) {
                        return result
                    }
                    if ((0, _type.isPlainObject)(theme) && (0, _type.isPlainObject)(userOptions)) {
                        result = (0, _extend.extend)(true, {}, theme, userOptions)
                    } else {
                        result = (0, _type.isDefined)(userOptions) ? userOptions : theme
                    }
                    this._mergedSettings[name] = result;
                    return result
                };
                const applyParticularTheme = {
                    base: mergeOptions,
                    argumentAxis: applyParticularAxisOptions,
                    valueAxisRangeSelector() {
                        return mergeOptions.call(this, "valueAxis")
                    },
                    valueAxis: applyParticularAxisOptions,
                    series(name, userOptions, seriesCount) {
                        const that = this;
                        const theme = that._theme;
                        let userCommonSettings = that._userOptions.commonSeriesSettings || {};
                        const themeCommonSettings = theme.commonSeriesSettings;
                        const widgetType = that._themeSection.split(".").slice(-1)[0];
                        const type = (0, _utils.normalizeEnum)(userOptions.type || userCommonSettings.type || themeCommonSettings.type || "pie" === widgetType && theme.type);
                        const palette = that.palette;
                        const isBar = ~type.indexOf("bar");
                        const isLine = ~type.indexOf("line");
                        const isArea = ~type.indexOf("area");
                        const isBubble = "bubble" === type;
                        let mainSeriesColor;
                        const resolveLabelsOverlapping = that.getOptions("resolveLabelsOverlapping");
                        const containerBackgroundColor = that.getOptions("containerBackgroundColor");
                        const seriesTemplate = applyParticularTheme.seriesTemplate.call(this);
                        let seriesVisibility;
                        if (isBar || isBubble) {
                            userOptions = (0, _extend.extend)(true, {}, userCommonSettings, userCommonSettings[type], userOptions);
                            seriesVisibility = userOptions.visible;
                            userCommonSettings = {
                                type: {}
                            };
                            (0, _extend.extend)(true, userOptions, userOptions.point);
                            userOptions.visible = seriesVisibility
                        }
                        const settings = (0, _extend.extend)(true, {
                            aggregation: {}
                        }, themeCommonSettings, themeCommonSettings[type], userCommonSettings, userCommonSettings[type], userOptions);
                        settings.aggregation.enabled = "chart" === widgetType && !!settings.aggregation.enabled;
                        settings.type = type;
                        settings.widgetType = widgetType;
                        settings.containerBackgroundColor = containerBackgroundColor;
                        if ("pie" !== widgetType) {
                            mainSeriesColor = (0, _utils.extractColor)(settings.color, true) || palette.getNextColor(seriesCount)
                        } else {
                            mainSeriesColor = function(argument, index, count) {
                                const cat = `${argument}-${index}`;
                                if (!that._multiPieColors[cat]) {
                                    that._multiPieColors[cat] = palette.getNextColor(count)
                                }
                                return that._multiPieColors[cat]
                            }
                        }
                        settings.mainSeriesColor = mainSeriesColor;
                        settings.resolveLabelsOverlapping = resolveLabelsOverlapping;
                        if (settings.label && (isLine || isArea && "rangearea" !== type || "scatter" === type)) {
                            settings.label.position = "outside"
                        }
                        if (seriesTemplate) {
                            settings.nameField = seriesTemplate.nameField
                        }
                        return settings
                    },
                    animation(name) {
                        let userOptions = this._userOptions[name];
                        userOptions = (0, _type.isPlainObject)(userOptions) ? userOptions : (0, _type.isDefined)(userOptions) ? {
                            enabled: !!userOptions
                        } : {};
                        return mergeOptions.call(this, name, userOptions)
                    },
                    seriesTemplate() {
                        const value = mergeOptions.call(this, "seriesTemplate");
                        if (value) {
                            value.nameField = value.nameField || "series"
                        }
                        return value
                    },
                    zoomAndPan() {
                        function parseOption(option) {
                            option = (0, _utils.normalizeEnum)(option);
                            const pan = "pan" === option || "both" === option;
                            const zoom = "zoom" === option || "both" === option;
                            return {
                                pan: pan,
                                zoom: zoom,
                                none: !pan && !zoom
                            }
                        }
                        const options = mergeOptions.call(this, "zoomAndPan");
                        return {
                            valueAxis: parseOption(options.valueAxis),
                            argumentAxis: parseOption(options.argumentAxis),
                            dragToZoom: !!options.dragToZoom,
                            dragBoxStyle: {
                                class: "dxc-shutter",
                                fill: options.dragBoxStyle.color,
                                opacity: options.dragBoxStyle.opacity
                            },
                            panKey: options.panKey,
                            allowMouseWheel: !!options.allowMouseWheel,
                            allowTouchGestures: !!options.allowTouchGestures
                        }
                    }
                };
                return {
                    _themeSection: "chart",
                    ctor: function(params) {
                        this.callBase.apply(this, arguments);
                        const options = params.options || {};
                        this._userOptions = options;
                        this._mergeAxisTitleOptions = [];
                        this._multiPieColors = {};
                        this._callback = _common.noop
                    },
                    dispose: function() {
                        this.palette && this.palette.dispose();
                        this.palette = this._userOptions = this._mergedSettings = this._multiPieColors = null;
                        return this.callBase.apply(this, arguments)
                    },
                    resetPalette: function() {
                        this.palette.reset();
                        this._multiPieColors = {}
                    },
                    getOptions(name) {
                        return (applyParticularTheme[name] || applyParticularTheme.base).apply(this, arguments)
                    },
                    refresh() {
                        this._mergedSettings = {};
                        return this.callBase.apply(this, arguments)
                    },
                    _initializeTheme() {
                        this.callBase.apply(this, arguments);
                        this.updatePalette()
                    },
                    resetOptions(name) {
                        this._mergedSettings[name] = null
                    },
                    update(options) {
                        this._userOptions = options
                    },
                    updatePalette() {
                        this.palette = this.createPalette(this.getOptions("palette"), {
                            useHighlight: true,
                            extensionMode: this.getOptions("paletteExtensionMode")
                        })
                    }
                }
            }())
        },
        44235(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.default = {
                events: {
                    mouseover: "mouseover",
                    mouseout: "mouseout",
                    mousemove: "mousemove",
                    touchstart: "touchstart",
                    touchmove: "touchmove",
                    touchend: "touchend",
                    mousedown: "mousedown",
                    mouseup: "mouseup",
                    click: "click",
                    selectSeries: "selectseries",
                    deselectSeries: "deselectseries",
                    selectPoint: "selectpoint",
                    deselectPoint: "deselectpoint",
                    showPointTooltip: "showpointtooltip",
                    hidePointTooltip: "hidepointtooltip"
                },
                states: {
                    hover: "hover",
                    normal: "normal",
                    selection: "selection",
                    normalMark: 0,
                    hoverMark: 1,
                    selectedMark: 2,
                    applyHover: "applyHover",
                    applySelected: "applySelected",
                    resetItem: "resetItem"
                },
                radialLabelIndent: 30,
                pieLabelSpacing: 10,
                pieSeriesSpacing: 4
            }
        },
        22390(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.validateData = function(data, groupsData, incidentOccurred, options) {
                data = function(source, incidentOccurred) {
                    const data = [];
                    const sourceIsDefined = (0, _type.isDefined)(source);
                    let hasError = sourceIsDefined && !_isArray(source);
                    let i;
                    let ii;
                    let k;
                    let item;
                    if (sourceIsDefined && !hasError) {
                        for (i = 0, ii = source.length, k = 0; i < ii; ++i) {
                            item = source[i];
                            if ((0, _type.isObject)(item)) {
                                data[k++] = item
                            } else if (item) {
                                hasError = true
                            }
                        }
                    }
                    if (hasError) {
                        incidentOccurred("E2001")
                    }
                    return data
                }(data, incidentOccurred);
                groupsData.argumentType = groupsData.argumentAxisType = null;
                groups = groupsData.groups, void groups.forEach(group => {
                    group.valueType = group.valueAxisType = null;
                    group.series.forEach(series => {
                        series.updateDataType({})
                    });
                    group.valueAxis && group.valueAxis.resetTypes("valueType")
                });
                var groups;
                axes = groupsData.argumentAxes, void(axes && axes.forEach(axis => {
                    axis.resetTypes("argumentType")
                }));
                var axes;
                ! function(data, groupsData, checkTypeForAllData) {
                    const groupsWithUndefinedValueType = [];
                    const groupsWithUndefinedArgumentType = [];
                    const argumentTypeGroup = groupsData.argumentOptions && axisTypeParser(groupsData.argumentOptions.argumentType);
                    let groupsIndexes;
                    groupsData.groups.forEach(group => {
                        if (!group.series.length) {
                            return
                        }
                        const valueTypeGroup = group.valueOptions && axisTypeParser(group.valueOptions.valueType);
                        group.valueType = valueTypeGroup;
                        groupsData.argumentType = argumentTypeGroup;
                        !valueTypeGroup && groupsWithUndefinedValueType.push(group);
                        !argumentTypeGroup && groupsWithUndefinedArgumentType.push(group)
                    });
                    if (groupsWithUndefinedValueType.length || groupsWithUndefinedArgumentType.length) {
                        groupsIndexes = groupsWithUndefinedValueType.map((_, index) => index);
                        data.some(cell => {
                            let defineArg;
                            groupsWithUndefinedValueType.forEach((group, groupIndex) => {
                                if (function(group, cell) {
                                        group.series.forEach(series => {
                                            series.getValueFields().forEach(field => {
                                                group.valueType = getType(cell[field], group.valueType)
                                            })
                                        });
                                        return group.valueType
                                    }(group, cell) && groupsIndexes.indexOf(groupIndex) >= 0) {
                                    groupsIndexes.splice(groupIndex, 1)
                                }
                            });
                            if (!defineArg) {
                                groupsWithUndefinedArgumentType.forEach(group => {
                                    defineArg = function(series, cell, groupsData) {
                                        series.forEach(currentSeries => {
                                            groupsData.argumentType = getType(cell[currentSeries.getArgumentField()], groupsData.argumentType)
                                        });
                                        return groupsData.argumentType
                                    }(group.series, cell, groupsData)
                                })
                            }
                            if (!checkTypeForAllData && defineArg && 0 === groupsIndexes.length) {
                                return true
                            }
                        })
                    }
                }(data, groupsData, options.checkTypeForAllData);
                ! function(groupsData, incidentOccurred) {
                    const argumentOptions = groupsData.argumentOptions || {};
                    const userArgumentCategories = argumentOptions && argumentOptions.categories || [];
                    const argumentAxisType = correctAxisType(groupsData.argumentType, argumentOptions.type, !!userArgumentCategories.length, incidentOccurred);
                    groupsData.groups.forEach(group => {
                        const valueOptions = group.valueOptions || {};
                        const valueCategories = valueOptions.categories || [];
                        const valueAxisType = correctAxisType(group.valueType, valueOptions.type, !!valueCategories.length, incidentOccurred);
                        group.series.forEach(series => {
                            const optionsSeries = {};
                            optionsSeries.argumentAxisType = argumentAxisType;
                            optionsSeries.valueAxisType = valueAxisType;
                            groupsData.argumentAxisType = groupsData.argumentAxisType || optionsSeries.argumentAxisType;
                            group.valueAxisType = group.valueAxisType || optionsSeries.valueAxisType;
                            optionsSeries.argumentType = groupsData.argumentType;
                            optionsSeries.valueType = group.valueType;
                            optionsSeries.showZero = valueOptions.showZero;
                            series.updateDataType(optionsSeries)
                        });
                        group.valueAxisType = group.valueAxisType || valueAxisType;
                        if (group.valueAxis) {
                            group.valueAxis.setTypes(group.valueAxisType, group.valueType, "valueType");
                            group.valueAxis.validate()
                        }
                    });
                    groupsData.argumentAxisType = groupsData.argumentAxisType || argumentAxisType;
                    if (groupsData.argumentAxes) {
                        groupsData.argumentAxes.forEach(axis => {
                            axis.setTypes(groupsData.argumentAxisType, groupsData.argumentType, "argumentType");
                            axis.validate()
                        })
                    }
                }(groupsData, incidentOccurred);
                if (options.convertToAxisDataType) {
                    data = function(data, parsers) {
                        const parsedData = [];
                        let i;
                        const ii = data.length;
                        parsedData.length = ii;
                        for (i = 0; i < ii; ++i) {
                            parsedData[i] = getParsedCell(data[i], parsers)
                        }
                        return parsedData
                    }(data, function(groupsData, incidentOccurred) {
                        const argumentParser = createParserUnit(groupsData.argumentType, groupsData.argumentAxisType, incidentOccurred);
                        let sizeParser;
                        let valueParser;
                        const categoryParsers = [argumentParser];
                        const cache = {};
                        const list = [];
                        groupsData.groups.forEach((group, groupIndex) => {
                            group.series.forEach(series => {
                                valueParser = createParserUnit(group.valueType, group.valueAxisType, incidentOccurred);
                                sizeParser = createParserUnit("numeric", "continuous", incidentOccurred);
                                cache[series.getArgumentField()] = argumentParser;
                                series.getValueFields().forEach(field => {
                                    categoryParsers[groupIndex + 1] = valueParser;
                                    cache[field] = valueParser
                                });
                                if (series.getSizeField()) {
                                    cache[series.getSizeField()] = sizeParser
                                }
                            })
                        });
                        for (const field in cache) {
                            list.push([field, cache[field]])
                        }
                        list.length && function(groupsData, parsers) {
                            const argumentCategories = groupsData.argumentOptions && groupsData.argumentOptions.categories;
                            groupsData.groups.forEach((valueGroup, i) => {
                                const categories = valueGroup.valueOptions && valueGroup.valueOptions.categories;
                                if (categories) {
                                    valueGroup.valueOptions.categories = parseCategories(categories, parsers[i + 1])
                                }
                            });
                            if (argumentCategories) {
                                groupsData.argumentOptions.categories = parseCategories(argumentCategories, parsers[0])
                            }
                        }(groupsData, categoryParsers);
                        return list
                    }(groupsData, incidentOccurred))
                }! function(data, groupsData) {
                    const firstSeries = groupsData.groups[0] && groupsData.groups[0].series[0];
                    const isPie = firstSeries && ("pie" === firstSeries.type || "doughnut" === firstSeries.type || "donut" === firstSeries.type);
                    if (!isPie) {
                        return
                    }
                    groupsData.groups.forEach(group => {
                        group.series.forEach(series => {
                            ! function(originalData, argumentField, valueField, smallValuesGrouping) {
                                smallValuesGrouping = smallValuesGrouping || {};
                                const mode = smallValuesGrouping.mode;
                                const others = {};
                                if (!mode || "none" === mode) {
                                    return
                                }
                                others[argumentField] = String(smallValuesGrouping.groupName || "others");
                                others[valueField] = 0;
                                const data = sortValues(originalData.slice(), false, a => a[valueField]);
                                ! function(data, others, valueField, index) {
                                    if (index >= 0) {
                                        data.slice(index).forEach(cell => {
                                            if ((0, _type.isDefined)(cell[valueField])) {
                                                others[valueField] += cell[valueField];
                                                cell[valueField] = void 0
                                            }
                                        })
                                    }
                                }(data, others, valueField, "smallValueThreshold" === mode ? function(data, valueField, threshold) {
                                    let i;
                                    const ii = data.length;
                                    let value;
                                    for (i = 0; i < ii; ++i) {
                                        value = data[i][valueField];
                                        if ((0, _type.isDefined)(value) && threshold > value) {
                                            break
                                        }
                                    }
                                    return i
                                }(data, valueField, smallValuesGrouping.threshold) : smallValuesGrouping.topCount);
                                others[valueField] && originalData.push(others)
                            }(data, series.getArgumentField(), series.getValueFields()[0], series.getOptions().smallValuesGrouping)
                        })
                    })
                }(data, groupsData);
                const dataByArgumentFields = function(data, groupsData, options, uniqueArgumentFields) {
                    const dataByArguments = {};
                    const isDiscrete = "discrete" === groupsData.argumentAxisType;
                    const userCategories = isDiscrete && groupsData.argumentOptions && groupsData.argumentOptions.categories;
                    let sortFunction = function(data) {
                        return data
                    };
                    const sortingMethodOption = options.sortingMethod;
                    let reSortCategories;
                    if (!userCategories && (0, _type.isFunction)(sortingMethodOption)) {
                        data = function(data, callback) {
                            return data.slice().sort(callback)
                        }(data, sortingMethodOption)
                    }
                    if (isDiscrete) {
                        groupsData.categories = function(data, uniqueArgumentFields, userCategories) {
                            const categories = userCategories ? userCategories.slice() : [];
                            const existingValues = new Set(categories.map(item => item.valueOf()));
                            uniqueArgumentFields.forEach(field => {
                                data.forEach(item => {
                                    const dataItem = item[field];
                                    if (!(0, _type.isDefined)(dataItem)) {
                                        return
                                    }
                                    const dataItemValue = dataItem.valueOf();
                                    if (!existingValues.has(dataItemValue)) {
                                        categories.push(dataItem);
                                        existingValues.add(dataItemValue)
                                    }
                                })
                            });
                            return categories
                        }(data, uniqueArgumentFields, userCategories)
                    }
                    if (userCategories || !(0, _type.isFunction)(sortingMethodOption) && groupsData.argumentType === STRING && !options._skipArgumentSorting) {
                        sortFunction = function(categories) {
                            const hash = {};
                            categories.forEach((value, i) => {
                                hash[value] = i
                            });
                            return function(data, argumentField) {
                                return sortValues(data.slice(), true, a => hash[a[argumentField]])
                            }
                        }(groupsData.categories)
                    } else if (true === sortingMethodOption && groupsData.argumentType !== STRING) {
                        sortFunction = sortByArgument;
                        reSortCategories = isDiscrete
                    }
                    uniqueArgumentFields.forEach(field => {
                        dataByArguments[field] = sortFunction(data, field)
                    });
                    if (reSortCategories) {
                        groupsData.categories = groupsData.categories.sort(sort)
                    }
                    return dataByArguments
                }(data, groupsData, options, function(groupsData) {
                    const uniqueArgumentFields = [];
                    const hash = {};
                    groupsData.groups.forEach(group => {
                        group.series.forEach(series => {
                            ! function(item, collection, itemsHash) {
                                if (!itemsHash[item]) {
                                    collection.push(item);
                                    itemsHash[item] = true
                                }
                            }(series.getArgumentField(), uniqueArgumentFields, hash)
                        })
                    });
                    return uniqueArgumentFields
                }(groupsData));
                return dataByArgumentFields
            };
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _parse_utils = __webpack_require__( /*! ../../viz/components/parse_utils */ 40650);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            const STRING = "string";
            const axisTypeParser = (0, _utils.enumParser)([STRING, "numeric", "datetime"]);
            const _isArray = Array.isArray;

            function sortValues(data, asc, selector) {
                const func = asc ? function(a, b) {
                    return a - b
                } : function(a, b) {
                    return b - a
                };
                data.sort((a, b) => {
                    const valA = selector(a);
                    const valB = selector(b);
                    const aa = (0, _type.isDefined)(valA) ? 1 : 0;
                    const bb = (0, _type.isDefined)(valB) ? 1 : 0;
                    return aa && bb ? func(valA, valB) : func(aa, bb)
                });
                return data
            }

            function parseCategories(categories, parser) {
                const newArray = [];
                categories.forEach(category => {
                    const parsedCategory = parser(category);
                    void 0 !== parsedCategory && newArray.push(parsedCategory)
                });
                return newArray
            }

            function eigen(x) {
                return x
            }

            function getType(unit, type) {
                let result = type;
                if (type === STRING || (0, _type.isString)(unit)) {
                    result = STRING
                } else if ("datetime" === type || (0, _type.isDate)(unit)) {
                    result = "datetime"
                } else if ((0, _type.isNumeric)(unit)) {
                    result = "numeric"
                }
                return result
            }

            function correctAxisType(type, axisType, hasCategories, incidentOccurred) {
                if (type === STRING && ("continuous" === axisType || "logarithmic" === axisType || "semidiscrete" === axisType)) {
                    incidentOccurred("E2002")
                }
                return "logarithmic" === axisType ? "logarithmic" : hasCategories || "discrete" === axisType || type === STRING ? "discrete" : "semidiscrete" === axisType ? "semidiscrete" : "continuous"
            }

            function createParserUnit(type, axisType, incidentOccurred) {
                const parser = type ? (0, _parse_utils.getParser)(type) : eigen;
                const filterInfinity = "discrete" !== axisType ? function(x) {
                    return isFinite(x) || void 0 === x ? x : null
                } : eigen;
                return function(unit, field) {
                    const parseUnit = filterInfinity(parser(unit));
                    if (void 0 === parseUnit) {
                        ! function(unit, field, incidentOccurred) {
                            if (unit) {
                                incidentOccurred(!(0, _type.isNumeric)(unit) && !(0, _type.isDate)(unit) && !(0, _type.isString)(unit) ? "E2003" : "E2004", [field])
                            }
                        }(unit, field, incidentOccurred)
                    }
                    return parseUnit
                }
            }

            function getParsedCell(cell, parsers) {
                let i;
                const ii = parsers.length;
                const obj = (0, _extend.extend)({}, cell);
                let field;
                let value;
                for (i = 0; i < ii; ++i) {
                    field = parsers[i][0];
                    value = cell[field];
                    obj[field] = parsers[i][1](value, field)
                }
                return obj
            }

            function sort(a, b) {
                const result = a - b;
                if (isNaN(result)) {
                    if (!(0, _type.isDefined)(a)) {
                        return 1
                    }
                    if (!(0, _type.isDefined)(b)) {
                        return -1
                    }
                    return 0
                }
                return result
            }

            function sortByArgument(data, argumentField) {
                return data.slice().sort((a, b) => sort(a[argumentField], b[argumentField]))
            }
        },
        56358(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.plugin = exports.Legend = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _object = __webpack_require__( /*! ../../../core/utils/object */ 22263);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _layout_element = __webpack_require__( /*! ../../viz/core/layout_element */ 23323);
            var _renderer = __webpack_require__( /*! ../../viz/core/renderers/renderer */ 15232);
            var _title = __webpack_require__( /*! ../../viz/core/title */ 69638);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            const _Number = Number;
            const _math = Math;
            const _round = _math.round;
            const _max = _math.max;
            const _min = _math.min;
            const _ceil = _math.ceil;
            const _isDefined = _type.isDefined;
            const _isFunction = _type.isFunction;
            const _enumParser = _utils.enumParser;
            const _normalizeEnum = _utils.normalizeEnum;
            const _extend = _extend2.extend;
            const CENTER = "center";
            const RIGHT = "right";
            const LEFT = "left";
            const TOP = "top";
            const BOTTOM = "bottom";
            const parseHorizontalAlignment = _enumParser([LEFT, CENTER, RIGHT]);
            const parseVerticalAlignment = _enumParser([TOP, BOTTOM]);
            const parseOrientation = _enumParser(["vertical", "horizontal"]);
            const parseItemTextPosition = _enumParser([LEFT, RIGHT, TOP, BOTTOM]);
            const parsePosition = _enumParser(["outside", "inside"]);
            const parseItemsAlignment = _enumParser([LEFT, CENTER, RIGHT]);

            function getState(state, color, stateName) {
                if (!state) {
                    return
                }
                const colorFromAction = state.fill;
                return (0, _extend2.extend)({}, {
                    state: stateName,
                    fill: "none" === colorFromAction ? color : colorFromAction,
                    opacity: state.opacity,
                    filter: state.filter,
                    hatching: _extend({}, state.hatching, {
                        step: 5,
                        width: 2
                    })
                })
            }

            function getAttributes(item, state, size) {
                const attrs = (0, _renderer.processHatchingAttrs)(item, state);
                if (attrs.fill && 0 === attrs.fill.indexOf("DevExpress")) {
                    attrs.fill = (0, _renderer.getFuncIri)(attrs.fill)
                }
                attrs.opacity = attrs.opacity >= 0 ? attrs.opacity : 1;
                return (0, _extend2.extend)({}, attrs, {
                    size: size
                })
            }

            function applyMarkerState(id, idToIndexMap, items, stateName) {
                const item = idToIndexMap && items[idToIndexMap[id]];
                if (item) {
                    item.renderMarker(item.states[stateName])
                }
            }

            function parseOptions(options, textField, allowInsidePosition) {
                if (!options) {
                    return null
                }! function(options) {
                    let margin = options.margin;
                    if (margin >= 0) {
                        margin = _Number(options.margin);
                        margin = {
                            top: margin,
                            bottom: margin,
                            left: margin,
                            right: margin
                        }
                    } else {
                        margin = {
                            top: margin.top >= 0 ? _Number(margin.top) : 10,
                            bottom: margin.bottom >= 0 ? _Number(margin.bottom) : 10,
                            left: margin.left >= 0 ? _Number(margin.left) : 10,
                            right: margin.right >= 0 ? _Number(margin.right) : 10
                        }
                    }
                    options.margin = margin
                }(options);
                options.horizontalAlignment = parseHorizontalAlignment(options.horizontalAlignment, RIGHT);
                options.verticalAlignment = parseVerticalAlignment(options.verticalAlignment, options.horizontalAlignment === CENTER ? BOTTOM : TOP);
                options.orientation = parseOrientation(options.orientation, options.horizontalAlignment === CENTER ? "horizontal" : "vertical");
                options.itemTextPosition = parseItemTextPosition(options.itemTextPosition, "horizontal" === options.orientation ? BOTTOM : RIGHT);
                options.position = allowInsidePosition ? parsePosition(options.position, "outside") : "outside";
                options.itemsAlignment = parseItemsAlignment(options.itemsAlignment, null);
                options.hoverMode = _normalizeEnum(options.hoverMode);
                options.customizeText = _isFunction(options.customizeText) ? options.customizeText : function() {
                    return this[textField]
                };
                options.customizeHint = _isFunction(options.customizeHint) ? options.customizeHint : _common.noop;
                options._incidentOccurred = options._incidentOccurred || _common.noop;
                return options
            }

            function createSquareMarker(renderer, size) {
                return renderer.rect(0, 0, size, size)
            }

            function createCircleMarker(renderer, size) {
                return renderer.circle(size / 2, size / 2, size / 2)
            }

            function inRect(rect, x, y) {
                return x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom
            }

            function checkLinesSize(lines, layoutOptions, countItems, margins) {
                const position = {
                    x: 0,
                    y: 0
                };
                let maxMeasureLength = 0;
                let maxAltMeasureLength = 0;
                let margin = 0;
                if ("y" === layoutOptions.direction) {
                    margin = margins.top + margins.bottom
                } else {
                    margin = margins.left + margins.right
                }
                lines.forEach((line, i) => {
                    const firstItem = line[0];
                    const lineLength = line.length;
                    line.forEach((item, index) => {
                        const offset = item.offset || layoutOptions.spacing;
                        position[layoutOptions.direction] += item[layoutOptions.measure] + (index !== lineLength - 1 ? offset : 0);
                        maxMeasureLength = _max(maxMeasureLength, position[layoutOptions.direction])
                    });
                    position[layoutOptions.direction] = 0;
                    position[layoutOptions.altDirection] += firstItem[layoutOptions.altMeasure] + firstItem.altOffset || layoutOptions.altSpacing;
                    maxAltMeasureLength = _max(maxAltMeasureLength, position[layoutOptions.altDirection])
                });
                if (maxMeasureLength + margin > layoutOptions.length) {
                    layoutOptions.countItem = function(layoutOptions, countItems) {
                        layoutOptions.altCountItem++;
                        return _ceil(countItems / layoutOptions.altCountItem)
                    }(layoutOptions, countItems);
                    return true
                }
            }

            function getLineLength(line, layoutOptions) {
                return line.reduce((lineLength, item) => {
                    const offset = item.offset || layoutOptions.spacing;
                    return lineLength + item[layoutOptions.measure] + offset
                }, 0)
            }

            function getPos(layoutOptions) {
                switch (layoutOptions.itemTextPosition) {
                    case BOTTOM:
                        return {
                            horizontal: CENTER, vertical: TOP
                        };
                    case TOP:
                        return {
                            horizontal: CENTER, vertical: BOTTOM
                        };
                    case LEFT:
                        return {
                            horizontal: RIGHT, vertical: CENTER
                        };
                    case RIGHT:
                        return {
                            horizontal: LEFT, vertical: CENTER
                        }
                }
            }

            function setMaxInLine(line, measure) {
                const maxLineSize = line.reduce((maxLineSize, item) => {
                    const itemMeasure = item ? item[measure] : maxLineSize;
                    return _max(maxLineSize, itemMeasure)
                }, 0);
                line.forEach(item => {
                    if (item) {
                        item[measure] = maxLineSize
                    }
                })
            }

            function transpose(array) {
                const width = array.length;
                const height = array[0].length;
                let i;
                let j;
                const transposeArray = [];
                for (i = 0; i < height; i++) {
                    transposeArray[i] = [];
                    for (j = 0; j < width; j++) {
                        transposeArray[i][j] = array[j][i]
                    }
                }
                return transposeArray
            }
            let getMarkerCreator = function(type) {
                return function(type) {
                    return "circle" === _normalizeEnum(type)
                }(type) ? createCircleMarker : createSquareMarker
            };
            let Legend = function(settings) {
                this._renderer = settings.renderer;
                this._legendGroup = settings.group;
                this._backgroundClass = settings.backgroundClass;
                this._itemGroupClass = settings.itemGroupClass;
                this._textField = settings.textField;
                this._getCustomizeObject = settings.getFormatObject;
                this._titleGroupClass = settings.titleGroupClass;
                this._allowInsidePosition = settings.allowInsidePosition;
                this._widget = settings.widget;
                this._updated = false
            };
            exports.Legend = Legend;
            const _Legend = Legend;
            const legendPrototype = _Legend.prototype = (0, _object.clone)(_layout_element.LayoutElement.prototype);
            (0, _extend2.extend)(legendPrototype, {
                constructor: _Legend,
                getOptions() {
                    return this._options
                },
                update() {
                    let data = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
                    let options = arguments.length > 1 ? arguments[1] : void 0;
                    let themeManagerTitleOptions = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
                    const that = this;
                    options = that._options = parseOptions(options, that._textField, that._allowInsidePosition) || {};
                    const initMarkerSize = options.markerSize;
                    this._updated = true;
                    this._data = data.map(dataItem => {
                        dataItem.size = _Number(dataItem.size > 0 ? dataItem.size : initMarkerSize);
                        dataItem.marker = getAttributes(dataItem, dataItem.states.normal);
                        Object.defineProperty(dataItem.marker, "size", {
                            get: () => dataItem.size,
                            set(value) {
                                dataItem.size = value
                            }
                        });
                        Object.defineProperty(dataItem.marker, "opacity", {
                            get: () => dataItem.states.normal.opacity,
                            set(value) {
                                dataItem.states.normal.opacity = dataItem.states.hover.opacity = dataItem.states.selection.opacity = value
                            }
                        });
                        return dataItem
                    });
                    if (options.customizeItems) {
                        that._data = options.customizeItems(data.slice()) || data
                    }
                    that._boundingRect = {
                        width: 0,
                        height: 0,
                        x: 0,
                        y: 0
                    };
                    if (that.isVisible()) {
                        var _that$_title;
                        null === (_that$_title = that._title) || void 0 === _that$_title || _that$_title.dispose();
                        that._title = new _title.Title({
                            renderer: that._renderer,
                            cssClass: that._titleGroupClass,
                            root: that._legendGroup
                        })
                    }
                    if (that._title) {
                        const titleOptions = options.title;
                        themeManagerTitleOptions.horizontalAlignment = function(options) {
                            if (options.horizontalAlignment === CENTER) {
                                return CENTER
                            } else if (options.itemTextPosition === RIGHT) {
                                return LEFT
                            } else if (options.itemTextPosition === LEFT) {
                                return RIGHT
                            } else {
                                return CENTER
                            }
                        }(options);
                        that._title.update(themeManagerTitleOptions, titleOptions)
                    }
                    this.erase();
                    return that
                },
                isVisible() {
                    return this._options && this._options.visible
                },
                draw(width, height) {
                    const that = this;
                    const items = that._getItemData();
                    that.erase();
                    if (!(that.isVisible() && items && items.length)) {
                        return that
                    }
                    that._insideLegendGroup = that._renderer.g().enableLinks().append(that._legendGroup);
                    that._title.changeLink(that._insideLegendGroup);
                    that._createBackground();
                    if (that._title.hasText()) {
                        const horizontalPadding = that._background ? 2 * that._options.paddingLeftRight : 0;
                        that._title.draw(width - horizontalPadding, height)
                    }
                    that._markersGroup = that._renderer.g().attr({
                        class: that._itemGroupClass
                    }).append(that._insideLegendGroup);
                    that._createItems(items);
                    that._updateElementsPosition(width, height);
                    return that
                },
                _measureElements() {
                    const options = this._options;
                    let maxBBoxHeight = 0;
                    this._items.forEach(item => {
                        const labelBBox = item.label.getBBox();
                        const markerBBox = item.marker.getBBox();
                        item.markerBBox = markerBBox;
                        item.markerSize = Math.max(markerBBox.width, markerBBox.height);
                        const bBox = function(options, markerBBox, labelBBox) {
                            let width;
                            let height;
                            switch (options.itemTextPosition) {
                                case LEFT:
                                case RIGHT:
                                    width = markerBBox.width + 7 + labelBBox.width;
                                    height = _max(markerBBox.height, labelBBox.height);
                                    break;
                                case TOP:
                                case BOTTOM:
                                    width = _max(markerBBox.width, labelBBox.width);
                                    height = markerBBox.height + 4 + labelBBox.height
                            }
                            return {
                                width: width,
                                height: height
                            }
                        }(options, markerBBox, labelBBox);
                        item.labelBBox = labelBBox;
                        item.bBox = bBox;
                        maxBBoxHeight = _max(maxBBoxHeight, bBox.height)
                    });
                    if (options.equalRowHeight) {
                        this._items.forEach(item => item.bBox.height = maxBBoxHeight)
                    }
                },
                _updateElementsPosition(width, height) {
                    const that = this;
                    const options = that._options;
                    this._size = {
                        width: width,
                        height: height
                    };
                    that._measureElements();
                    that._locateElements(options);
                    that._finalUpdate(options);
                    const size = that.getLayoutOptions();
                    if (size.width > width || size.height > height) {
                        that.freeSpace()
                    }
                },
                _createItems(items) {
                    const that = this;
                    const options = that._options;
                    const renderer = that._renderer;
                    const createMarker = getMarkerCreator(options.markerShape);
                    that._markersId = {};
                    const templateFunction = !options.markerTemplate ? (dataItem, group) => {
                        const attrs = dataItem.marker;
                        createMarker(renderer, attrs.size).attr({
                            fill: attrs.fill,
                            opacity: attrs.opacity,
                            filter: attrs.filter
                        }).append({
                            element: group
                        })
                    } : options.markerTemplate;
                    const template = that._widget._getTemplate(templateFunction);
                    const markersGroup = that._markersGroup;
                    markersGroup.css((0, _utils.patchFontOptions)(options.font));
                    that._deferredItems = [];
                    that._templatesGroups = [];
                    that._items = (items || []).map((dataItem, i) => {
                        const stateOfDataItem = dataItem.states;
                        const normalState = stateOfDataItem.normal;
                        const normalStateFill = normalState.fill;
                        dataItem.size = dataItem.marker.size;
                        const states = {
                            normal: (0, _extend2.extend)(normalState, {
                                fill: normalStateFill || options.markerColor || options.defaultColor,
                                state: "normal"
                            }),
                            hover: getState(stateOfDataItem.hover, normalStateFill, "hovered"),
                            selection: getState(stateOfDataItem.selection, normalStateFill, "selected")
                        };
                        dataItem.states = states;
                        const itemGroup = renderer.g().append(markersGroup);
                        const markerGroup = renderer.g().attr({
                            class: "dxl-marker"
                        }).append(itemGroup);
                        that._deferredItems[i] = (0, _deferred.Deferred)();
                        that._templatesGroups.push(markerGroup);
                        const item = {
                            label: that._createLabel(dataItem, itemGroup),
                            marker: markerGroup,
                            renderer: renderer,
                            group: itemGroup,
                            tracker: {
                                id: dataItem.id,
                                argument: dataItem.argument,
                                argumentIndex: dataItem.argumentIndex
                            },
                            states: states,
                            itemTextPosition: options.itemTextPosition,
                            markerOffset: 0,
                            bBoxes: [],
                            renderMarker(state) {
                                dataItem.marker = getAttributes(item, state, dataItem.size);
                                markerGroup.clear();
                                template.render({
                                    model: dataItem,
                                    container: markerGroup.element,
                                    onRendered: that._deferredItems[i].resolve
                                })
                            }
                        };
                        item.renderMarker(states.normal);
                        that._createHint(dataItem, itemGroup);
                        if (void 0 !== dataItem.id) {
                            that._markersId[dataItem.id] = i
                        }
                        return item
                    })
                },
                getTemplatesGroups() {
                    return this._templatesGroups || []
                },
                getTemplatesDef() {
                    return this._deferredItems || []
                },
                _getItemData() {
                    let items = this._data || [];
                    const options = this._options || {};
                    if (options.inverted) {
                        items = items.slice().reverse()
                    }
                    return items.filter(i => i.visible)
                },
                _finalUpdate(options) {
                    this._adjustBackgroundSettings(options);
                    this._setBoundingRect(options.margin)
                },
                erase() {
                    const insideLegendGroup = this._insideLegendGroup;
                    insideLegendGroup && insideLegendGroup.dispose();
                    this._insideLegendGroup = this._markersGroup = this._x1 = this._x2 = this._y2 = this._y2 = null;
                    return this
                },
                _locateElements(locationOptions) {
                    this._moveInInitialValues();
                    this._locateRowsColumns(locationOptions)
                },
                _moveInInitialValues() {
                    this._title.hasText() && this._title.move([0, 0]);
                    this._legendGroup && this._legendGroup.move(0, 0);
                    this._background && this._background.attr({
                        x: 0,
                        y: 0,
                        width: 0,
                        height: 0
                    })
                },
                applySelected(id) {
                    applyMarkerState(id, this._markersId, this._items, "selection");
                    return this
                },
                applyHover(id) {
                    applyMarkerState(id, this._markersId, this._items, "hover");
                    return this
                },
                resetItem(id) {
                    applyMarkerState(id, this._markersId, this._items, "normal");
                    return this
                },
                _createLabel(data, group) {
                    const labelFormatObject = this._getCustomizeObject(data);
                    const options = this._options;
                    const align = function(position) {
                        switch (position) {
                            case TOP:
                            case BOTTOM:
                                return CENTER;
                            case LEFT:
                                return RIGHT;
                            case RIGHT:
                                return LEFT
                        }
                    }(options.itemTextPosition);
                    const text = options.customizeText.call(labelFormatObject, labelFormatObject);
                    const fontStyle = _isDefined(data.textOpacity) ? {
                        color: options.font.color,
                        opacity: data.textOpacity
                    } : {};
                    return this._renderer.text(text, 0, 0).css((0, _utils.patchFontOptions)(fontStyle)).attr({
                        align: align,
                        class: options.cssClass
                    }).append(group)
                },
                _createHint(data, group) {
                    const labelFormatObject = this._getCustomizeObject(data);
                    const text = this._options.customizeHint.call(labelFormatObject, labelFormatObject);
                    if (_isDefined(text) && "" !== text) {
                        group.setTitle(text)
                    }
                },
                _createBackground() {
                    const that = this;
                    const isInside = "inside" === that._options.position;
                    const color = that._options.backgroundColor;
                    const fill = color || (isInside ? that._options.containerBackgroundColor : "none");
                    if (that._options.border.visible || (isInside || color) && "none" !== color) {
                        that._background = that._renderer.rect(0, 0, 0, 0).attr({
                            fill: fill,
                            class: that._backgroundClass
                        }).append(that._insideLegendGroup)
                    }
                },
                _locateRowsColumns(options) {
                    const that = this;
                    let iteration = 0;
                    const layoutOptions = that._getItemsLayoutOptions();
                    const countItems = that._items.length;
                    let lines;
                    do {
                        lines = [];
                        that._createLines(lines, layoutOptions);
                        that._alignLines(lines, layoutOptions);
                        iteration++
                    } while (checkLinesSize(lines, layoutOptions, countItems, options.margin) && iteration < countItems);
                    that._applyItemPosition(lines, layoutOptions)
                },
                _createLines(lines, layoutOptions) {
                    this._items.forEach((item, i) => {
                        const tableLine = function(lines, layoutOptions, itemIndex) {
                            const tableLine = {};
                            if (itemIndex % layoutOptions.countItem === 0) {
                                if (layoutOptions.markerOffset) {
                                    lines.push([], [])
                                } else {
                                    lines.push([])
                                }
                            }
                            if (layoutOptions.markerOffset) {
                                tableLine.firstLine = lines[lines.length - 1];
                                tableLine.secondLine = lines[lines.length - 2]
                            } else {
                                tableLine.firstLine = tableLine.secondLine = lines[lines.length - 1]
                            }
                            return tableLine
                        }(lines, layoutOptions, i);
                        const labelBox = {
                            width: item.labelBBox.width,
                            height: item.labelBBox.height,
                            element: item.label,
                            bBox: item.labelBBox,
                            pos: getPos(layoutOptions),
                            itemIndex: i
                        };
                        const markerBox = {
                            width: item.markerBBox.width,
                            height: item.markerBBox.height,
                            element: item.marker,
                            pos: {
                                horizontal: CENTER,
                                vertical: CENTER
                            },
                            bBox: {
                                width: item.markerBBox.width,
                                height: item.markerBBox.height,
                                x: item.markerBBox.x,
                                y: item.markerBBox.y
                            },
                            itemIndex: i
                        };
                        let firstItem;
                        let secondItem;
                        const offsetDirection = layoutOptions.markerOffset ? "altOffset" : "offset";
                        if (layoutOptions.inverseLabelPosition) {
                            firstItem = labelBox;
                            secondItem = markerBox
                        } else {
                            firstItem = markerBox;
                            secondItem = labelBox
                        }
                        firstItem[offsetDirection] = layoutOptions.labelOffset;
                        tableLine.secondLine.push(firstItem);
                        tableLine.firstLine.push(secondItem)
                    })
                },
                _alignLines(lines, layoutOptions) {
                    let i;
                    let measure = layoutOptions.altMeasure;
                    lines.forEach(line => setMaxInLine(line, measure));
                    measure = layoutOptions.measure;
                    if (layoutOptions.itemsAlignment) {
                        if (layoutOptions.markerOffset) {
                            for (i = 0; i < lines.length;) {
                                transpose([lines[i++], lines[i++]]).forEach(processLine)
                            }
                        }
                    } else {
                        transpose(lines).forEach(processLine)
                    }

                    function processLine(line) {
                        setMaxInLine(line, measure)
                    }
                },
                _applyItemPosition(lines, layoutOptions) {
                    const that = this;
                    const position = {
                        x: 0,
                        y: 0
                    };
                    const maxLineLength = function(lines, layoutOptions) {
                        return lines.reduce((maxLineLength, line) => _max(maxLineLength, getLineLength(line, layoutOptions)), 0)
                    }(lines, layoutOptions);
                    lines.forEach(line => {
                        const firstItem = line[0];
                        const altOffset = firstItem.altOffset || layoutOptions.altSpacing;
                        position[layoutOptions.direction] = function(line, layoutOptions, maxLineLength) {
                            const lineLength = getLineLength(line, layoutOptions);
                            let initPosition;
                            switch (layoutOptions.itemsAlignment) {
                                case RIGHT:
                                    initPosition = maxLineLength - lineLength;
                                    break;
                                case CENTER:
                                    initPosition = (maxLineLength - lineLength) / 2;
                                    break;
                                default:
                                    initPosition = 0
                            }
                            return initPosition
                        }(line, layoutOptions, maxLineLength);
                        line.forEach(item => {
                            const offset = item.offset || layoutOptions.spacing;
                            const wrap = new _layout_element.WrapperLayoutElement(item.element, item.bBox);
                            const itemBBoxOptions = {
                                x: position.x,
                                y: position.y,
                                width: item.width,
                                height: item.height
                            };
                            const itemBBox = new _layout_element.WrapperLayoutElement(null, itemBBoxOptions);
                            const itemLegend = that._items[item.itemIndex];
                            wrap.position({
                                of: itemBBox,
                                my: item.pos,
                                at: item.pos
                            });
                            itemLegend.bBoxes.push(itemBBox);
                            position[layoutOptions.direction] += item[layoutOptions.measure] + offset
                        });
                        position[layoutOptions.altDirection] += firstItem[layoutOptions.altMeasure] + altOffset
                    });
                    this._items.forEach(item => {
                        const itemBBox = function(markerBBox, labelBBox) {
                            const bBox = {};
                            bBox.left = _min(markerBBox.x, labelBBox.x);
                            bBox.top = _min(markerBBox.y, labelBBox.y);
                            bBox.right = _max(markerBBox.x + markerBBox.width, labelBBox.x + labelBBox.width);
                            bBox.bottom = _max(markerBBox.y + markerBBox.height, labelBBox.y + labelBBox.height);
                            return bBox
                        }(item.bBoxes[0].getLayoutOptions(), item.bBoxes[1].getLayoutOptions());
                        const horizontal = that._options.columnItemSpacing / 2;
                        const vertical = that._options.rowItemSpacing / 2;
                        item.tracker.left = itemBBox.left - horizontal;
                        item.tracker.right = itemBBox.right + horizontal;
                        item.tracker.top = itemBBox.top - vertical;
                        item.tracker.bottom = itemBBox.bottom + vertical
                    })
                },
                _getItemsLayoutOptions() {
                    const that = this;
                    const options = that._options;
                    const orientation = options.orientation;
                    const layoutOptions = {
                        itemsAlignment: options.itemsAlignment,
                        orientation: options.orientation
                    };
                    const width = that._size.width - (that._background ? 2 * options.paddingLeftRight : 0);
                    const height = that._size.height - (that._background ? 2 * options.paddingTopBottom : 0);
                    if ("horizontal" === orientation) {
                        layoutOptions.length = width;
                        layoutOptions.spacing = options.columnItemSpacing;
                        layoutOptions.direction = "x";
                        layoutOptions.measure = "width";
                        layoutOptions.altMeasure = "height";
                        layoutOptions.altDirection = "y";
                        layoutOptions.altSpacing = options.rowItemSpacing;
                        layoutOptions.countItem = options.columnCount;
                        layoutOptions.altCountItem = options.rowCount;
                        layoutOptions.marginTextLabel = 4;
                        layoutOptions.labelOffset = 7;
                        if (options.itemTextPosition === BOTTOM || options.itemTextPosition === TOP) {
                            layoutOptions.labelOffset = 4;
                            layoutOptions.markerOffset = true
                        }
                    } else {
                        layoutOptions.length = height;
                        layoutOptions.spacing = options.rowItemSpacing;
                        layoutOptions.direction = "y";
                        layoutOptions.measure = "height";
                        layoutOptions.altMeasure = "width";
                        layoutOptions.altDirection = "x";
                        layoutOptions.altSpacing = options.columnItemSpacing;
                        layoutOptions.countItem = options.rowCount;
                        layoutOptions.altCountItem = options.columnCount;
                        layoutOptions.marginTextLabel = 7;
                        layoutOptions.labelOffset = 4;
                        if (options.itemTextPosition === RIGHT || options.itemTextPosition === LEFT) {
                            layoutOptions.labelOffset = 7;
                            layoutOptions.markerOffset = true
                        }
                    }
                    if (!layoutOptions.countItem) {
                        if (layoutOptions.altCountItem) {
                            layoutOptions.countItem = _ceil(that._items.length / layoutOptions.altCountItem)
                        } else {
                            layoutOptions.countItem = that._items.length
                        }
                    }
                    if (options.itemTextPosition === TOP || options.itemTextPosition === LEFT) {
                        layoutOptions.inverseLabelPosition = true
                    }
                    layoutOptions.itemTextPosition = options.itemTextPosition;
                    layoutOptions.altCountItem = layoutOptions.altCountItem || _ceil(that._items.length / layoutOptions.countItem);
                    return layoutOptions
                },
                _adjustBackgroundSettings(locationOptions) {
                    if (!this._background) {
                        return
                    }
                    const border = locationOptions.border;
                    const legendBox = this._calculateTotalBox();
                    const backgroundSettings = {
                        x: _round(legendBox.x - locationOptions.paddingLeftRight),
                        y: _round(legendBox.y - locationOptions.paddingTopBottom),
                        width: _round(legendBox.width) + 2 * locationOptions.paddingLeftRight,
                        height: _round(legendBox.height),
                        opacity: locationOptions.backgroundOpacity
                    };
                    if (border.visible && border.width && border.color && "none" !== border.color) {
                        backgroundSettings["stroke-width"] = border.width;
                        backgroundSettings.stroke = border.color;
                        backgroundSettings["stroke-opacity"] = border.opacity;
                        backgroundSettings.dashStyle = border.dashStyle;
                        backgroundSettings.rx = border.cornerRadius || 0;
                        backgroundSettings.ry = border.cornerRadius || 0
                    }
                    this._background.attr(backgroundSettings)
                },
                _setBoundingRect(margin) {
                    if (!this._insideLegendGroup) {
                        return
                    }
                    const box = this._calculateTotalBox();
                    box.height += margin.top + margin.bottom;
                    box.widthWithoutMargins = box.width;
                    box.width += margin.left + margin.right;
                    box.x -= margin.left;
                    box.y -= margin.top;
                    this._boundingRect = box
                },
                _calculateTotalBox() {
                    const markerBox = this._markersGroup.getBBox();
                    const titleBox = this._title.getCorrectedLayoutOptions();
                    const box = this._insideLegendGroup.getBBox();
                    const verticalPadding = this._background ? 2 * this._options.paddingTopBottom : 0;
                    box.height = markerBox.height + titleBox.height + verticalPadding;
                    titleBox.width > box.width && (box.width = titleBox.width);
                    return box
                },
                getActionCallback(point) {
                    const that = this;
                    if (that._options.visible) {
                        return function(act) {
                            that[act](point.index)
                        }
                    } else {
                        return _common.noop
                    }
                },
                getLayoutOptions() {
                    const options = this._options;
                    const boundingRect = this._insideLegendGroup ? this._boundingRect : {
                        width: 0,
                        height: 0,
                        x: 0,
                        y: 0
                    };
                    if (options) {
                        boundingRect.verticalAlignment = options.verticalAlignment;
                        boundingRect.horizontalAlignment = options.horizontalAlignment;
                        if ("horizontal" === options.orientation) {
                            boundingRect.cutLayoutSide = options.verticalAlignment;
                            boundingRect.cutSide = "vertical"
                        } else if (options.horizontalAlignment === CENTER) {
                            boundingRect.cutLayoutSide = options.verticalAlignment;
                            boundingRect.cutSide = "vertical"
                        } else {
                            boundingRect.cutLayoutSide = options.horizontalAlignment;
                            boundingRect.cutSide = "horizontal"
                        }
                        boundingRect.position = {
                            horizontal: options.horizontalAlignment,
                            vertical: options.verticalAlignment
                        };
                        return boundingRect
                    }
                    return null
                },
                shift(x, y) {
                    const that = this;
                    let box = {};
                    if (that._insideLegendGroup) {
                        that._insideLegendGroup.attr({
                            translateX: x - that._boundingRect.x,
                            translateY: y - that._boundingRect.y
                        })
                    }
                    that._title && that._shiftTitle(that._boundingRect.widthWithoutMargins);
                    that._markersGroup && that._shiftMarkers();
                    if (that._insideLegendGroup) {
                        box = that._legendGroup.getBBox()
                    }
                    that._x1 = box.x;
                    that._y1 = box.y;
                    that._x2 = box.x + box.width;
                    that._y2 = box.y + box.height;
                    return that
                },
                _shiftTitle(boxWidth) {
                    const that = this;
                    const title = that._title;
                    const titleBox = title.getCorrectedLayoutOptions();
                    if (!titleBox || !title.hasText()) {
                        return
                    }
                    const width = boxWidth - (that._background ? 2 * that._options.paddingLeftRight : 0);
                    const titleOptions = title.getOptions();
                    let titleY = titleBox.y + titleOptions.margin.top;
                    let titleX = 0;
                    if (titleOptions.verticalAlignment === BOTTOM && that._markersGroup) {
                        titleY += that._markersGroup.getBBox().height
                    }
                    if (titleOptions.horizontalAlignment === RIGHT) {
                        titleX = width - titleBox.width
                    } else if (titleOptions.horizontalAlignment === CENTER) {
                        titleX = (width - titleBox.width) / 2
                    }
                    title.shift(titleX, titleY)
                },
                _shiftMarkers() {
                    const titleBox = this._title.getLayoutOptions();
                    const markerBox = this._markersGroup.getBBox();
                    const titleOptions = this._title.getOptions() || {};
                    let center = 0;
                    let y = 0;
                    if (titleBox.width > markerBox.width && this._options.horizontalAlignment === CENTER) {
                        center = titleBox.width / 2 - markerBox.width / 2
                    }
                    if (titleOptions.verticalAlignment === TOP) {
                        y = titleBox.height
                    }
                    if (0 !== center || 0 !== y) {
                        this._markersGroup.attr({
                            translateX: center,
                            translateY: y
                        });
                        this._items.forEach(item => {
                            item.tracker.left += center;
                            item.tracker.right += center;
                            item.tracker.top += y;
                            item.tracker.bottom += y
                        })
                    }
                },
                getPosition() {
                    return this._options.position
                },
                coordsIn(x, y) {
                    return x >= this._x1 && x <= this._x2 && y >= this._y1 && y <= this._y2
                },
                getItemByCoord(x, y) {
                    const items = this._items;
                    const legendGroup = this._insideLegendGroup;
                    x -= legendGroup.attr("translateX");
                    y -= legendGroup.attr("translateY");
                    for (let i = 0; i < items.length; i++) {
                        if (inRect(items[i].tracker, x, y)) {
                            return items[i].tracker
                        }
                    }
                    return null
                },
                dispose() {
                    this._title && this._title.dispose();
                    this._legendGroup = this._insideLegendGroup = this._title = this._renderer = this._options = this._data = this._items = null;
                    return this
                },
                layoutOptions() {
                    if (!this.isVisible()) {
                        return null
                    }
                    const pos = this.getLayoutOptions();
                    return {
                        horizontalAlignment: this._options.horizontalAlignment,
                        verticalAlignment: this._options.verticalAlignment,
                        side: pos.cutSide,
                        priority: 1,
                        position: this.getPosition()
                    }
                },
                measure(size) {
                    if (this._updated || !this._insideLegendGroup) {
                        this.draw(size[0], size[1]);
                        this._updated = false
                    } else {
                        this._items.forEach(item => {
                            item.bBoxes = []
                        });
                        this._updateElementsPosition(size[0], size[1])
                    }
                    const rect = this.getLayoutOptions();
                    return [rect.width, rect.height]
                },
                move(rect) {
                    this.shift(rect[0], rect[1])
                },
                freeSpace() {
                    this._options._incidentOccurred("W2104");
                    this.erase()
                }
            });
            exports.plugin = {
                name: "legend",
                init() {
                    const group = this._renderer.g().attr({
                        class: `${this._rootClassPrefix}-legend`
                    }).enableLinks().append(this._renderer.root);
                    this._legend = new Legend({
                        renderer: this._renderer,
                        group: group,
                        widget: this,
                        itemGroupClass: `${this._rootClassPrefix}-item`,
                        titleGroupClass: `${this._rootClassPrefix}-title`,
                        textField: "text",
                        getFormatObject: data => ({
                            item: data.item,
                            text: data.text
                        })
                    });
                    this._layout.add(this._legend)
                },
                extenders: {
                    _applyTilesAppearance() {
                        const that = this;
                        this._items.forEach(item => {
                            that._applyLegendItemStyle(item.id, item.getState())
                        })
                    },
                    _buildNodes() {
                        this._createLegendItems()
                    }
                },
                members: {
                    _applyLegendItemStyle(id, state) {
                        const legend = this._legend;
                        switch (state) {
                            case "hover":
                                legend.applyHover(id);
                                break;
                            case "selection":
                                legend.applySelected(id);
                                break;
                            default:
                                legend.resetItem(id)
                        }
                    },
                    _createLegendItems() {
                        if (this._legend.update(this._getLegendData(), this._getOption("legend"), this._themeManager.theme("legend").title)) {
                            this._requestChange(["LAYOUT"])
                        }
                    }
                },
                dispose() {
                    this._legend.dispose()
                },
                customize(constructor) {
                    constructor.prototype._proxyData.push(function(x, y) {
                        if (this._legend.coordsIn(x, y)) {
                            const item = this._legend.getItemByCoord(x, y);
                            if (item) {
                                return {
                                    id: item.id,
                                    type: "legend"
                                }
                            }
                        }
                    });
                    constructor.addChange({
                        code: "LEGEND",
                        handler() {
                            this._createLegendItems()
                        },
                        isThemeDependent: true,
                        option: "legend",
                        isOptionChange: true
                    })
                }
            }
        },
        40650(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.correctValueType = correctValueType;
            exports.getParser = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _date_serialization = (e = __webpack_require__( /*! ../../../core/utils/date_serialization */ 71051), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            const parsers = {
                string: val => (0, _type.isDefined)(val) ? `${val}` : val,
                numeric(val) {
                    if (!(0, _type.isDefined)(val)) {
                        return val
                    }
                    let parsedVal = Number(val);
                    if (isNaN(parsedVal)) {
                        parsedVal = void 0
                    }
                    return parsedVal
                },
                datetime(val) {
                    if (!(0, _type.isDefined)(val)) {
                        return val
                    }
                    let parsedVal;
                    const numVal = Number(val);
                    if (!isNaN(numVal)) {
                        parsedVal = new Date(numVal)
                    } else {
                        parsedVal = _date_serialization.default.deserializeDate(val)
                    }
                    if (isNaN(Number(parsedVal))) {
                        parsedVal = void 0
                    }
                    return parsedVal
                }
            };

            function correctValueType(type) {
                return "numeric" === type || "datetime" === type || "string" === type ? type : ""
            }
            exports.getParser = function(valueType) {
                return parsers[correctValueType(valueType)] || _common.noop
            }
        },
        21823(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Tracker = Tracker;
            var _click = __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const downPointerEventName = _pointer.default.down;
            const movePointerEventName = _pointer.default.move;

            function Tracker(parameters) {
                this._initHandlers(parameters)
            }
            Tracker.prototype = {
                constructor: Tracker,
                _initHandlers(parameters) {
                    const document = _dom_adapter.default.getDocument();
                    parameters.getCoords = function(e) {
                        const data = (0, _index.eventData)(e);
                        const offset = parameters.widget._renderer.getRootOffset();
                        return [data.x - offset.left, data.y - offset.top]
                    };
                    parameters.root.on(_click.name, clickHandler);
                    parameters.root.on(downPointerEventName, downHandler);
                    _events_engine.default.on(document, downPointerEventName, downHandler);
                    _events_engine.default.on(document, movePointerEventName, moveHandler);
                    this._disposeHandlers = function() {
                        parameters.root.off(_click.name, clickHandler);
                        parameters.root.off(downPointerEventName, downHandler);
                        _events_engine.default.off(document, downPointerEventName, downHandler);
                        _events_engine.default.off(document, movePointerEventName, moveHandler)
                    };

                    function clickHandler(e) {
                        ! function(e, params) {
                            const id = params.getData(e);
                            if (id >= 0) {
                                params.click({
                                    node: params.getNode(id),
                                    coords: params.getCoords(e),
                                    event: e
                                })
                            }
                        }(e, parameters)
                    }
                    let isRootDown = false;

                    function downHandler(e) {
                        if (isRootDown) {
                            isRootDown = false
                        } else {
                            if (void 0 !== parameters.getData(e)) {
                                isRootDown = true
                            }
                            moveHandler(e)
                        }
                    }

                    function moveHandler(e) {
                        ! function(e, params) {
                            const id = params.getData(e);
                            if (id >= 0) {
                                params.getNode(id).setHover()
                            } else {
                                params.widget.clearHover()
                            }
                        }(e, parameters);
                        parameters.widget._getOption("tooltip").enabled && function(e, params) {
                            const id = params.getData(e, true);
                            let coords;
                            if (id >= 0) {
                                coords = (0, _index.eventData)(e);
                                params.getNode(id).showTooltip([coords.x, coords.y])
                            } else {
                                params.widget.hideTooltip()
                            }
                        }(e, parameters)
                    }
                },
                dispose() {
                    this._disposeHandlers()
                }
            }
        },
        77438(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.plugins = exports.createAnnotations = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _drag = __webpack_require__( /*! ../../../common/core/events/drag */ 59144);
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _plaque = __webpack_require__( /*! ./plaque */ 16706);
            var _tooltip = __webpack_require__( /*! ./tooltip */ 94371);
            var _utils = __webpack_require__( /*! ./utils */ 98013);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const getDocument = _dom_adapter.default.getDocument;
            const POINTER_ACTION = (0, _index.addNamespace)([_pointer.default.down, _pointer.default.move], "annotations");
            const POINTER_UP_EVENT_NAME = (0, _index.addNamespace)(_pointer.default.up, "annotations");
            const DRAG_START_EVENT_NAME = _drag.start + ".annotations";
            const DRAG_EVENT_NAME = _drag.move + ".annotations";
            const DRAG_END_EVENT_NAME = _drag.end + ".annotations";

            function getImageObject(image) {
                return "string" === typeof image ? {
                    url: image
                } : image
            }
            let createAnnotations = function(widget, items) {
                let commonAnnotationSettings = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
                let customizeAnnotation = arguments.length > 3 ? arguments[3] : void 0;
                let pullOptions = arguments.length > 4 ? arguments[4] : void 0;
                const commonImageOptions = getImageObject(commonAnnotationSettings.image);
                return items.reduce((arr, item) => {
                    const currentImageOptions = getImageObject(item.image);
                    const customizedItem = (0, _type.isFunction)(customizeAnnotation) ? customizeAnnotation(item) : {};
                    if (customizedItem) {
                        customizedItem.image = getImageObject(customizedItem.image)
                    }
                    const options = (0, _extend.extend)(true, {}, commonAnnotationSettings, item, {
                        image: commonImageOptions
                    }, {
                        image: currentImageOptions
                    }, customizedItem);
                    const templateFunction = function(options, widget) {
                        let template;
                        if ("text" === options.type) {
                            template = function(item, groupElement) {
                                const text = widget._renderer.text(item.text).attr({
                                    class: item.cssClass
                                }).append({
                                    element: groupElement
                                });
                                if (item.width > 0 || item.height > 0) {
                                    text.setMaxSize(item.width, item.height, {
                                        wordWrap: item.wordWrap,
                                        textOverflow: item.textOverflow
                                    })
                                }
                            }
                        } else if ("image" === options.type) {
                            template = function(item, groupElement) {
                                const {
                                    width: width,
                                    height: height,
                                    url: url,
                                    location: location
                                } = item.image || {};
                                const {
                                    width: outerWidth,
                                    height: outerHeight
                                } = item;
                                const imageWidth = outerWidth > 0 ? Math.min(width, outerWidth) : width;
                                const imageHeight = outerHeight > 0 ? Math.min(height, outerHeight) : height;
                                widget._renderer.image(0, 0, imageWidth, imageHeight, url, location || "center").append({
                                    element: groupElement
                                })
                            }
                        } else if ("custom" === options.type) {
                            template = options.template
                        }
                        return template
                    }(options, widget);
                    const annotation = templateFunction && (0, _extend.extend)(true, pullOptions(options), function(options, contentTemplate) {
                        return {
                            draw(widget, group) {
                                const annotationGroup = widget._renderer.g().append(group).css((0, _utils.patchFontOptions)(options.font));
                                if (this.plaque) {
                                    this.plaque.clear()
                                }
                                this.plaque = new _plaque.Plaque((0, _extend.extend)(true, {}, options, {
                                    cornerRadius: (options.border || {}).cornerRadius
                                }), widget, annotationGroup, contentTemplate, widget._isAnnotationBounded(options));
                                this.plaque.draw(widget._getAnnotationCoords(this));
                                if (options.allowDragging) {
                                    annotationGroup.on(DRAG_START_EVENT_NAME, {
                                        immediate: true
                                    }, e => {
                                        this._dragOffsetX = this.plaque.x - e.pageX;
                                        this._dragOffsetY = this.plaque.y - e.pageY
                                    }).on(DRAG_EVENT_NAME, e => {
                                        this.plaque.move(e.pageX + this._dragOffsetX, e.pageY + this._dragOffsetY)
                                    }).on(DRAG_END_EVENT_NAME, e => {
                                        this.offsetX = (this.offsetX || 0) + e.offset.x;
                                        this.offsetY = (this.offsetY || 0) + e.offset.y
                                    })
                                }
                            },
                            hitTest(x, y) {
                                return this.plaque.hitTest(x, y)
                            },
                            showTooltip(tooltip, _ref) {
                                let {
                                    x: x,
                                    y: y
                                } = _ref;
                                const that = this;
                                const options = that.options;
                                if (tooltip.annotation !== that) {
                                    tooltip.setTemplate(options.tooltipTemplate);
                                    const callback = result => {
                                        result && (tooltip.annotation = that)
                                    };
                                    callback(tooltip.show(options, {
                                        x: x,
                                        y: y
                                    }, {
                                        target: options
                                    }, options.customizeTooltip, callback))
                                } else if (!tooltip.isCursorOnTooltip(x, y)) {
                                    tooltip.move(x, y)
                                }
                            }
                        }
                    }(options, widget._getTemplate(templateFunction)));
                    annotation && arr.push(annotation);
                    return arr
                }, [])
            };
            exports.createAnnotations = createAnnotations;
            const chartPlugin = {
                name: "annotations_chart",
                init() {},
                dispose() {},
                members: {
                    _getAnnotationCoords(annotation) {
                        var _axis, _axis2;
                        const coords = {
                            offsetX: annotation.offsetX,
                            offsetY: annotation.offsetY
                        };
                        const argCoordName = this._options.silent("rotated") ? "y" : "x";
                        const valCoordName = this._options.silent("rotated") ? "x" : "y";
                        const argAxis = this.getArgumentAxis();
                        const argument = argAxis.validateUnit(annotation.argument);
                        let axis = this.getValueAxis(annotation.axis);
                        let series;
                        let pane = null === (_axis = axis) || void 0 === _axis ? void 0 : _axis.pane;
                        if (annotation.series) {
                            var _series;
                            series = this.series.filter(s => s.name === annotation.series)[0];
                            axis = null === (_series = series) || void 0 === _series ? void 0 : _series.getValueAxis();
                            (0, _type.isDefined)(axis) && (pane = axis.pane)
                        }
                        if ((0, _type.isDefined)(argument)) {
                            if (series) {
                                const center = series.getPointCenterByArg(argument);
                                center && (coords[argCoordName] = center[argCoordName])
                            } else {
                                coords[argCoordName] = argAxis.getTranslator().translate(argument)
                            }!(0, _type.isDefined)(pane) && (pane = argAxis.pane)
                        }
                        const value = null === (_axis2 = axis) || void 0 === _axis2 ? void 0 : _axis2.validateUnit(annotation.value);
                        if ((0, _type.isDefined)(value)) {
                            var _axis3;
                            coords[valCoordName] = null === (_axis3 = axis) || void 0 === _axis3 ? void 0 : _axis3.getTranslator().translate(value);
                            !(0, _type.isDefined)(pane) && (0, _type.isDefined)(axis) && (pane = axis.pane)
                        }
                        coords.canvas = this._getCanvasForPane(pane);
                        if ((0, _type.isDefined)(coords[argCoordName]) && !(0, _type.isDefined)(value)) {
                            var _series2;
                            if (!(0, _type.isDefined)(axis) && !(0, _type.isDefined)(series)) {
                                coords[valCoordName] = argAxis.getAxisPosition()
                            } else if ((0, _type.isDefined)(axis) && !(0, _type.isDefined)(series)) {
                                coords[valCoordName] = this._argumentAxes.filter(a => a.pane === axis.pane)[0].getAxisPosition()
                            } else if (null !== (_series2 = series) && void 0 !== _series2 && _series2.checkSeriesViewportCoord(argAxis, coords[argCoordName])) {
                                coords[valCoordName] = series.getSeriesPairCoord(coords[argCoordName], true)
                            }
                        }
                        if (!(0, _type.isDefined)(argument) && (0, _type.isDefined)(coords[valCoordName])) {
                            if ((0, _type.isDefined)(axis) && !(0, _type.isDefined)(series)) {
                                coords[argCoordName] = axis.getAxisPosition()
                            } else if ((0, _type.isDefined)(series)) {
                                if (series.checkSeriesViewportCoord(axis, coords[valCoordName])) {
                                    coords[argCoordName] = series.getSeriesPairCoord(coords[valCoordName], false)
                                }
                            }
                        }
                        return coords
                    },
                    _annotationsPointerEventHandler(event) {
                        if (this._disposed) {
                            return
                        }
                        const originalEvent = event.originalEvent || {};
                        const touch = originalEvent.touches && originalEvent.touches[0] || {};
                        const rootOffset = this._renderer.getRootOffset();
                        const coords = {
                            x: touch.pageX || originalEvent.pageX || event.pageX,
                            y: touch.pageY || originalEvent.pageY || event.pageY
                        };
                        const annotation = this._annotations.items.filter(a => a.hitTest(coords.x - rootOffset.left, coords.y - rootOffset.top))[0];
                        if (!annotation || !annotation.options.tooltipEnabled) {
                            this._annotations.hideTooltip();
                            return
                        }
                        this._clear();
                        if (annotation.options.allowDragging && event.type === _pointer.default.down) {
                            this._annotations._hideToolTipForDrag = true
                        }
                        if (!this._annotations._hideToolTipForDrag) {
                            annotation.showTooltip(this._annotations.tooltip, coords);
                            event.stopPropagation()
                        }
                    },
                    _isAnnotationBounded: options => (0, _type.isDefined)(options.value) || (0, _type.isDefined)(options.argument),
                    _pullOptions: options => ({
                        type: options.type,
                        name: options.name,
                        x: options.x,
                        y: options.y,
                        value: options.value,
                        argument: options.argument,
                        axis: options.axis,
                        series: options.series,
                        options: options,
                        offsetX: options.offsetX,
                        offsetY: options.offsetY
                    }),
                    _forceAnnotationRender() {
                        this._change(["FORCE_RENDER"])
                    },
                    _clear() {
                        this.hideTooltip();
                        this.clearHover()
                    }
                }
            };
            const polarChartPlugin = {
                name: "annotations_polar_chart",
                init() {},
                dispose() {},
                members: {
                    _getAnnotationCoords(annotation) {
                        const coords = {
                            offsetX: annotation.offsetX,
                            offsetY: annotation.offsetY,
                            canvas: this._calcCanvas()
                        };
                        const argAxis = this.getArgumentAxis();
                        let argument = argAxis.validateUnit(annotation.argument);
                        const value = this.getValueAxis().validateUnit(annotation.value);
                        const radius = annotation.radius;
                        const angle = annotation.angle;
                        let pointCoords;
                        let series;
                        if (annotation.series) {
                            series = this.series.filter(s => s.name === annotation.series)[0]
                        }(0, _extend.extend)(true, coords, this.getXYFromPolar(angle, radius, argument, value));
                        if ((0, _type.isDefined)(series)) {
                            if ((0, _type.isDefined)(coords.angle) && !(0, _type.isDefined)(value) && !(0, _type.isDefined)(radius)) {
                                if (!(0, _type.isDefined)(argument)) {
                                    argument = argAxis.getTranslator().from(isFinite(angle) ? this.getActualAngle(angle) : coords.angle)
                                }
                                pointCoords = series.getSeriesPairCoord({
                                    argument: argument,
                                    angle: -coords.angle
                                }, true)
                            } else if ((0, _type.isDefined)(coords.radius) && !(0, _type.isDefined)(argument) && !(0, _type.isDefined)(angle)) {
                                pointCoords = series.getSeriesPairCoord({
                                    radius: coords.radius
                                }, false)
                            }
                            if ((0, _type.isDefined)(pointCoords)) {
                                coords.x = pointCoords.x;
                                coords.y = pointCoords.y
                            }
                        }
                        if (annotation.series && !(0, _type.isDefined)(pointCoords)) {
                            coords.x = coords.y = void 0
                        }
                        return coords
                    },
                    _annotationsPointerEventHandler: chartPlugin.members._annotationsPointerEventHandler,
                    _isAnnotationBounded: chartPlugin.members._isAnnotationBounded,
                    _pullOptions(options) {
                        const polarOptions = (0, _extend.extend)({}, {
                            radius: options.radius,
                            angle: options.angle
                        }, chartPlugin.members._pullOptions(options));
                        delete polarOptions.axis;
                        return polarOptions
                    },
                    _forceAnnotationRender: chartPlugin.members._forceAnnotationRender,
                    _clear: chartPlugin.members._clear
                }
            };
            const vectorMapPlugin = {
                name: "annotations_vector_map",
                init() {},
                dispose() {
                    this._annotations._offTracker();
                    this._annotations._offTracker = null
                },
                members: {
                    _getAnnotationCoords(annotation) {
                        const coords = {
                            offsetX: annotation.offsetX,
                            offsetY: annotation.offsetY
                        };
                        coords.canvas = this._projection.getCanvas();
                        if (annotation.coordinates) {
                            const data = this._projection.toScreenPoint(annotation.coordinates);
                            coords.x = data[0];
                            coords.y = data[1]
                        }
                        return coords
                    },
                    _annotationsPointerEventHandler: chartPlugin.members._annotationsPointerEventHandler,
                    _isAnnotationBounded: options => (0, _type.isDefined)(options.coordinates),
                    _pullOptions(options) {
                        const vectorMapOptions = (0, _extend.extend)({}, {
                            coordinates: options.coordinates
                        }, chartPlugin.members._pullOptions(options));
                        delete vectorMapOptions.axis;
                        delete vectorMapOptions.series;
                        delete vectorMapOptions.argument;
                        delete vectorMapOptions.value;
                        return vectorMapOptions
                    },
                    _forceAnnotationRender() {
                        this._change(["EXTRA_ELEMENTS"])
                    },
                    _getAnnotationStyles: () => ({
                        "text-anchor": "start"
                    }),
                    _clear() {}
                },
                extenders: {
                    _prepareExtraElements() {
                        const that = this;
                        const renderElements = () => {
                            that._renderExtraElements()
                        };
                        that._annotations._offTracker = that._tracker.on({
                            move: renderElements,
                            zoom: renderElements,
                            end: renderElements
                        })
                    }
                }
            };
            const pieChartPlugin = {
                name: "annotations_pie_chart",
                init() {},
                dispose() {},
                members: {
                    _getAnnotationCoords(annotation) {
                        let series;
                        const coords = {
                            offsetX: annotation.offsetX,
                            offsetY: annotation.offsetY,
                            canvas: this._canvas
                        };
                        if (annotation.argument) {
                            if (annotation.series) {
                                series = this.getSeriesByName(annotation.series)
                            } else {
                                series = this.series[0]
                            }
                            const argument = series.getPointsByArg(annotation.argument)[0];
                            const {
                                x: x,
                                y: y
                            } = argument.getAnnotationCoords(annotation.location);
                            coords.x = x;
                            coords.y = y
                        }
                        return coords
                    },
                    _isAnnotationBounded: options => options.argument,
                    _annotationsPointerEventHandler: chartPlugin.members._annotationsPointerEventHandler,
                    _pullOptions(options) {
                        const pieChartOptions = (0, _extend.extend)({}, {
                            location: options.location
                        }, chartPlugin.members._pullOptions(options));
                        delete pieChartOptions.axis;
                        return pieChartOptions
                    },
                    _clear: chartPlugin.members._clear,
                    _forceAnnotationRender: chartPlugin.members._forceAnnotationRender
                }
            };
            const corePlugin = {
                name: "annotations_core",
                init() {
                    this._annotations = {
                        items: [],
                        _hideToolTipForDrag: false,
                        tooltip: new _tooltip.Tooltip({
                            cssClass: `${this._rootClassPrefix}-annotation-tooltip`,
                            eventTrigger: this._eventTrigger,
                            widgetRoot: this.element(),
                            widget: this
                        }),
                        hideTooltip() {
                            this.tooltip.annotation = null;
                            this.tooltip.hide()
                        },
                        clearItems() {
                            this.items.forEach(i => i.plaque.clear());
                            this.items = []
                        }
                    };
                    this._annotations.tooltip.setRendererOptions(this._getRendererOptions())
                },
                dispose() {
                    this._annotationsGroup.linkRemove().linkOff();
                    _events_engine.default.off(getDocument(), ".annotations");
                    this._annotationsGroup.off(".annotations");
                    this._annotations.tooltip && this._annotations.tooltip.dispose()
                },
                extenders: {
                    _createHtmlStructure() {
                        this._annotationsGroup = this._renderer.g().attr({
                            class: `${this._rootClassPrefix}-annotations`
                        }).css(this._getAnnotationStyles()).linkOn(this._renderer.root, "annotations").linkAppend();
                        _events_engine.default.on(getDocument(), POINTER_ACTION, e => {
                            if (this._disposed) {
                                return
                            }
                            if (!this._annotations.tooltip.isCursorOnTooltip(e.pageX, e.pageY)) {
                                this._annotations.hideTooltip()
                            }
                        });
                        _events_engine.default.on(getDocument(), POINTER_UP_EVENT_NAME, event => {
                            this._annotations._hideToolTipForDrag = false;
                            this._annotationsPointerEventHandler(event)
                        });
                        this._annotationsGroup.on(POINTER_ACTION, this._annotationsPointerEventHandler.bind(this))
                    },
                    _renderExtraElements() {
                        this._annotationsGroup.clear();
                        this._annotations.items.forEach(item => item.draw(this, this._annotationsGroup))
                    },
                    _stopCurrentHandling() {
                        this._annotations.hideTooltip()
                    }
                },
                members: {
                    _buildAnnotations() {
                        this._annotations.clearItems();
                        const items = this._getOption("annotations", true);
                        if (!(null !== items && void 0 !== items && items.length)) {
                            return
                        }
                        this._annotations.items = createAnnotations(this, items, this._getOption("commonAnnotationSettings"), this._getOption("customizeAnnotation", true), this._pullOptions)
                    },
                    _setAnnotationTooltipOptions() {
                        const tooltipOptions = (0, _extend.extend)({}, this._getOption("tooltip"));
                        tooltipOptions.contentTemplate = tooltipOptions.customizeTooltip = void 0;
                        this._annotations.tooltip.update(tooltipOptions)
                    },
                    _getAnnotationCoords: () => ({}),
                    _pullOptions: () => ({}),
                    _getAnnotationStyles: () => ({})
                },
                customize(constructor) {
                    constructor.addChange({
                        code: "ANNOTATIONITEMS",
                        handler() {
                            this._requestChange(["ANNOTATIONS"])
                        },
                        isOptionChange: true,
                        option: "annotations"
                    });
                    constructor.addChange({
                        code: "ANNOTATIONSSETTINGS",
                        handler() {
                            this._requestChange(["ANNOTATIONS"])
                        },
                        isOptionChange: true,
                        option: "commonAnnotationSettings"
                    });
                    constructor.addChange({
                        code: "ANNOTATIONS",
                        handler() {
                            this._buildAnnotations();
                            this._setAnnotationTooltipOptions();
                            this._forceAnnotationRender()
                        },
                        isThemeDependent: true,
                        isOptionChange: true
                    })
                },
                fontFields: ["commonAnnotationSettings.font"]
            };
            exports.plugins = {
                core: corePlugin,
                chart: chartPlugin,
                polarChart: polarChartPlugin,
                vectorMap: vectorMapPlugin,
                pieChart: pieChartPlugin
            }
        },
        87869(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.BaseThemeManager = void 0;
            var _class = (e = __webpack_require__( /*! ../../../core/class */ 55620), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _palette = __webpack_require__( /*! ../palette */ 79121);
            var _themes = __webpack_require__( /*! ../themes */ 4866);
            var _utils = __webpack_require__( /*! ./utils */ 98013);
            const _getTheme = _themes.getTheme;
            const _addCacheItem = _themes.addCacheItem;
            const _removeCacheItem = _themes.removeCacheItem;
            const _extend = _extend2.extend;
            const _each = _iterator.each;

            function getThemePart(theme, path) {
                let _theme = theme;
                path && _each(path.split("."), (_, pathItem) => _theme = _theme[pathItem]);
                return _theme
            }
            exports.BaseThemeManager = _class.default.inherit({
                ctor(options) {
                    this._themeSection = options.themeSection;
                    this._fontFields = options.fontFields || [];
                    _addCacheItem(this)
                },
                dispose() {
                    _removeCacheItem(this);
                    this._callback = this._theme = this._font = null;
                    return this
                },
                setCallback(callback) {
                    this._callback = callback;
                    return this
                },
                setTheme(theme, rtl) {
                    this._current = theme;
                    this._rtl = rtl;
                    return this.refresh()
                },
                refresh() {
                    const that = this;
                    const current = that._current || {};
                    let theme = _getTheme(current.name || current);
                    that._themeName = theme.name;
                    that._defaultPalette = theme.defaultPalette;
                    that._font = _extend({}, theme.font, current.font);
                    that._themeSection && _each(that._themeSection.split("."), (_, path) => {
                        theme = _extend(true, {}, theme[path])
                    });
                    that._theme = _extend(true, {}, theme, (0, _type.isString)(current) ? {} : current);
                    that._initializeTheme();
                    if ((0, _utils.parseScalar)(that._rtl, that._theme.rtlEnabled)) {
                        _extend(true, that._theme, that._theme._rtl)
                    }
                    that._callback();
                    return that
                },
                theme(path) {
                    return getThemePart(this._theme, path)
                },
                themeName() {
                    return this._themeName
                },
                createPalette(palette, options) {
                    return (0, _palette.createPalette)(palette, options, this._defaultPalette)
                },
                createDiscretePalette(palette, count) {
                    return (0, _palette.getDiscretePalette)(palette, count, this._defaultPalette)
                },
                createGradientPalette(palette) {
                    return (0, _palette.getGradientPalette)(palette, this._defaultPalette)
                },
                getAccentColor(palette) {
                    return (0, _palette.getAccentColor)(palette, this._defaultPalette)
                },
                _initializeTheme() {
                    const that = this;
                    _each(that._fontFields || [], (_, path) => {
                        that._initializeFont(getThemePart(that._theme, path))
                    })
                },
                _initializeFont(font) {
                    _extend(font, this._font, _extend({}, font))
                }
            })
        },
        11793(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.createEventTrigger = function(eventsMap, callbackGetter) {
                let triggers = {};
                (0, _iterator.each)(eventsMap, (name, info) => {
                    if (info.name) {
                        createEvent(name)
                    }
                });
                let changes;
                triggerEvent.change = function(name) {
                    const eventInfo = eventsMap[name];
                    if (eventInfo) {
                        (changes = changes || {})[name] = eventInfo
                    }
                    return !!eventInfo
                };
                triggerEvent.applyChanges = function() {
                    if (changes) {
                        (0, _iterator.each)(changes, (name, eventInfo) => {
                            createEvent(eventInfo.newName || name)
                        });
                        changes = null
                    }
                };
                triggerEvent.dispose = function() {
                    eventsMap = callbackGetter = triggers = null
                };
                return triggerEvent;

                function createEvent(name) {
                    const eventInfo = eventsMap[name];
                    triggers[eventInfo.name] = callbackGetter(name, eventInfo.actionSettings)
                }

                function triggerEvent(name, arg, complete) {
                    triggers[name](arg);
                    null === complete || void 0 === complete || complete()
                }
            };
            exports.createIncidentOccurred = void 0;
            exports.createResizeHandler = function(contentElement, redrawOnResize, resize) {
                let disposeHandler;
                const resizeManager = (resizeCallback = resize, (observe, unsubscribe) => {
                    const {
                        handler: handler,
                        dispose: dispose
                    } = function(callback, unsubscribe) {
                        let timeout;
                        const handler = function() {
                            clearTimeout(timeout);
                            timeout = setTimeout(callback, 100)
                        };
                        return {
                            handler: handler,
                            dispose() {
                                clearTimeout(timeout);
                                unsubscribe(handler)
                            }
                        }
                    }(resizeCallback, unsubscribe);
                    observe(handler);
                    return dispose
                });
                var resizeCallback;
                if ("windowonly" === (0, _utils.normalizeEnum)(redrawOnResize)) {
                    disposeHandler = resizeManager(handler => _resize_callbacks.default.add(handler), handler => _resize_callbacks.default.remove(handler))
                } else if (true === redrawOnResize) {
                    disposeHandler = resizeManager(handler => _resize_observer.default.observe(contentElement, handler), () => _resize_observer.default.unobserve(contentElement))
                }
                return disposeHandler
            };
            var _resize_observer = _interopRequireDefault(__webpack_require__( /*! ../../../core/resize_observer */ 11787));
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _resize_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/resize_callbacks */ 63283));
            var _string = __webpack_require__( /*! ../../../core/utils/string */ 54497);
            var _version = __webpack_require__( /*! ../../../core/version */ 1956);
            var _errors_warnings = _interopRequireDefault(__webpack_require__( /*! ../../../viz/core/errors_warnings */ 38355));
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                ERROR_MESSAGES: ERROR_MESSAGES
            } = _errors_warnings.default;
            exports.createIncidentOccurred = function(widgetName, eventTrigger) {
                return function(id, args) {
                    eventTrigger("incidentOccurred", {
                        target: {
                            id: id,
                            type: "E" === id[0] ? "error" : "warning",
                            args: args,
                            text: _string.format.apply(null, [ERROR_MESSAGES[id]].concat(args || [])),
                            widget: widgetName,
                            version: _version.version
                        }
                    })
                }
            }
        },
        71035(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.plugins = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            const pieChartPlugin = {
                name: "center_template_pie_chart",
                init: _common.noop,
                dispose() {
                    this._centerTemplateGroup.linkOff().dispose()
                },
                extenders: {
                    _createHtmlStructure() {
                        const patchedFontOptions = (0, _utils.patchFontOptions)(this._themeManager._font);
                        this._centerTemplateGroup = this._renderer.g().attr({
                            class: "dxc-hole-template"
                        }).linkOn(this._renderer.root, "center-template").css(patchedFontOptions).linkAppend()
                    },
                    _renderExtraElements() {
                        this._requestChange(["CENTER_TEMPLATE"])
                    }
                },
                members: {
                    _renderCenterTemplate() {
                        const template = this.option("centerTemplate");
                        const centerTemplateGroup = this._centerTemplateGroup.clear();
                        if (!template) {
                            return
                        }
                        centerTemplateGroup.attr({
                            visibility: "hidden"
                        });
                        const center = this._getCenter();
                        this._getTemplate(template).render({
                            model: this,
                            container: centerTemplateGroup.element,
                            onRendered: () => {
                                const group = centerTemplateGroup;
                                const bBox = group.getBBox();
                                const bBoxCenterX = bBox.x + bBox.width / 2;
                                const bBoxCenterY = bBox.y + bBox.height / 2;
                                group.move(center.x - bBoxCenterX, center.y - bBoxCenterY);
                                group.attr({
                                    visibility: "visible"
                                })
                            }
                        })
                    }
                },
                customize(constructor) {
                    constructor.addChange({
                        code: "CENTER_TEMPLATE",
                        handler() {
                            this._renderCenterTemplate()
                        },
                        option: "centerTemplate"
                    })
                }
            };
            const gaugePlugin = {
                name: "center_template_gauge",
                init: _common.noop,
                dispose: pieChartPlugin.dispose,
                extenders: {
                    _initCore() {
                        this._createCenterTemplateGroup()
                    },
                    _renderContent() {
                        const patchedFontOptions = (0, _utils.patchFontOptions)(this._themeManager._font);
                        this._centerTemplateGroup.css(patchedFontOptions);
                        this._requestChange(["CENTER_TEMPLATE"])
                    },
                    _updateExtraElements() {
                        this._requestChange(["CENTER_TEMPLATE"])
                    }
                },
                members: {
                    _renderCenterTemplate: pieChartPlugin.members._renderCenterTemplate,
                    _createCenterTemplateGroup() {
                        this._centerTemplateGroup = this._renderer.g().attr({
                            class: "dxg-hole-template"
                        }).linkOn(this._renderer.root, "center-template").linkAppend()
                    }
                },
                customize: pieChartPlugin.customize
            };
            exports.plugins = {
                pieChart: pieChartPlugin,
                gauge: gaugePlugin
            }
        },
        98972(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.plugin = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _data_helper = (e = __webpack_require__( /*! ../../../data_helper */ 87755), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const {
                postCtor: postCtor
            } = _data_helper.default;
            let name;
            const members = {
                _dataSourceLoadErrorHandler() {
                    this._dataSourceChangedHandler()
                },
                _dataSourceOptions: () => ({
                    paginate: false
                }),
                _updateDataSource() {
                    this._refreshDataSource();
                    if (!this.option("dataSource")) {
                        this._dataSourceChangedHandler()
                    }
                },
                _dataIsLoaded() {
                    return !this._dataSource || this._dataSource.isLoaded()
                },
                _dataSourceItems() {
                    var _this$_dataSource;
                    return null === (_this$_dataSource = this._dataSource) || void 0 === _this$_dataSource ? void 0 : _this$_dataSource.items()
                }
            };
            for (name in _data_helper.default) {
                if ("postCtor" === name) {
                    continue
                }
                members[name] = _data_helper.default[name]
            }
            exports.plugin = {
                name: "data_source",
                init() {
                    postCtor.call(this)
                },
                dispose: _common.noop,
                members: members
            }
        },
        43452(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.plugin = exports.getMarkup = exports.exportWidgets = exports.exportFromMarkup = exports.combineMarkups = exports.ExportMenu = void 0;
            var _hover = __webpack_require__( /*! ../../../common/core/events/hover */ 638);
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _message = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/localization/message */ 4671));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _console = __webpack_require__( /*! ../../../core/utils/console */ 31951);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _svg = __webpack_require__( /*! ../../../core/utils/svg */ 47420);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _exporter = __webpack_require__( /*! ../../../exporter */ 73549);
            var _themes = __webpack_require__( /*! ../../../viz/themes */ 84560);
            var _renderer2 = __webpack_require__( /*! ../../viz/core/renderers/renderer */ 15232);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const pointerActions = [_pointer.default.down, _pointer.default.move].join(" ");
            const ICON_COORDS = [
                [9, 12, 26, 12, 26, 14, 9, 14],
                [9, 17, 26, 17, 26, 19, 9, 19],
                [9, 22, 26, 22, 26, 24, 9, 24]
            ];
            const ALLOWED_IMAGE_FORMATS = ["PNG", "JPEG", "GIF"];
            const ALLOWED_EXTRA_FORMATS = ["PDF", "SVG"];
            const GET_COLOR_REGEX = /data-backgroundcolor="([^"]*)"/;

            function getValidFormats() {
                const imageFormats = _exporter.image.testFormats(ALLOWED_IMAGE_FORMATS);
                return {
                    unsupported: imageFormats.unsupported,
                    supported: imageFormats.supported.concat(ALLOWED_EXTRA_FORMATS)
                }
            }

            function validateFormat(format, incidentOccurred, validFormats) {
                validFormats = validFormats || getValidFormats();
                format = String(format).toUpperCase();
                if (-1 !== validFormats.supported.indexOf(format)) {
                    return format
                }
                if (-1 !== validFormats.unsupported.indexOf(format)) {
                    null === incidentOccurred || void 0 === incidentOccurred || incidentOccurred("W2108", [format])
                }
            }

            function getCreatorFunc(format) {
                if ("SVG" === format) {
                    return _exporter.svg.getData
                }
                if ("PDF" === format) {
                    return _exporter.pdf.getData
                }
                return _exporter.image.getData
            }

            function print(imageSrc, options) {
                const {
                    document: document
                } = (0, _window.getWindow)();
                const iFrame = document.createElement("iframe");
                iFrame.onload = function(imageSrc, options) {
                    return function() {
                        let window = this.contentWindow;
                        const img = window.document.createElement("img");
                        window.document.body.appendChild(img);
                        const widthRatio = function(iFrameBody) {
                            iFrameBody.style.width = "21cm";
                            const width = (0, _size.getWidth)(iFrameBody);
                            iFrameBody.style.width = "";
                            return width
                        }(window.document.body) / options.width;
                        if (widthRatio < 1) {
                            window.document.body.style.transform = `scale(${widthRatio})`;
                            window.document.body.style["transform-origin"] = "0 0"
                        }
                        const removeFrame = () => {
                            this.parentElement.removeChild(this)
                        };
                        img.addEventListener("load", () => {
                            window.focus();
                            window.print()
                        });
                        img.addEventListener("error", removeFrame);
                        window.addEventListener("afterprint", () => {
                            setTimeout(removeFrame, 0)
                        });
                        img.src = imageSrc
                    }
                }(imageSrc, options);
                iFrame.style.position = "fixed";
                iFrame.style.width = "0";
                iFrame.style.height = "0";
                iFrame.style.right = "0";
                iFrame.style.bottom = "0";
                document.body.appendChild(iFrame)
            }

            function createMenuItem(renderer, options, settings) {
                const itemData = {};
                const {
                    type: type
                } = settings;
                const {
                    format: format
                } = settings;
                const attr = function(options, type, itemIndex) {
                    const x = -85;
                    const y = 40 + 30 * itemIndex;
                    const attr = {
                        rect: {
                            width: 118,
                            height: 30,
                            x: -84,
                            y: y
                        },
                        text: {
                            x: x + (options.rtl ? 105 : 15),
                            y: y + 30 - 8
                        }
                    };
                    if ("printing" === type) {
                        attr.separator = {
                            stroke: options.button.default.borderColor,
                            "stroke-width": 1,
                            cursor: "pointer",
                            sharp: "v",
                            d: `M -85 ${y+30-1} L 35 ` + (y + 30 - 1)
                        }
                    }
                    return attr
                }(options, type, settings.itemIndex);
                const fontStyle = (0, _utils.patchFontOptions)(options.font);
                fontStyle["pointer-events"] = "none";
                const menuItem = renderer.g().attr({
                    class: "dx-export-menu-list-item"
                });
                itemData["export-element-type"] = type;
                if (format) {
                    itemData["export-element-format"] = format
                }
                const rect = renderer.rect();
                rect.attr(attr.rect).css({
                    cursor: "pointer",
                    "pointer-events": "all"
                }).data(itemData);
                rect.on(`${_hover.start}.export`, () => rect.attr({
                    fill: options.button.hover.backgroundColor
                })).on(`${_hover.end}.export`, () => rect.attr({
                    fill: null
                }));
                rect.append(menuItem);
                const text = renderer.text(settings.text).css(fontStyle).attr(attr.text).append(menuItem);
                if ("printing" === type) {
                    renderer.path(null, "line").attr(attr.separator).append(menuItem)
                }
                return {
                    g: menuItem,
                    rect: rect,
                    resetState: () => rect.attr({
                        fill: null
                    }),
                    fixPosition: () => {
                        const textBBox = text.getBBox();
                        text.move(attr.text.x - textBBox.x - (options.rtl ? textBBox.width : 0))
                    }
                }
            }
            const exportFromMarkup = function(markup, options) {
                options.format = validateFormat(options.format) || "PNG";
                options.fileName = options.fileName || "file";
                options.exportingAction = options.onExporting;
                options.exportedAction = options.onExported;
                options.fileSavingAction = options.onFileSaving;
                options.margin = (0, _type.isDefined)(options.margin) ? options.margin : 10;
                options.backgroundColor = (0, _type.isDefined)(options.backgroundColor) ? options.backgroundColor : function(markup) {
                    const parsedMarkup = GET_COLOR_REGEX.exec(markup);
                    return null === parsedMarkup || void 0 === parsedMarkup ? void 0 : parsedMarkup[1]
                }(markup) || (0, _themes.getTheme)().backgroundColor;
                (0, _exporter.export)(markup, options, getCreatorFunc(options.format))
            };
            exports.exportFromMarkup = exportFromMarkup;
            exports.getMarkup = widgets => combineMarkups(widgets).root.outerHTML;
            exports.exportWidgets = function(widgets, options) {
                options = options || {};
                const markupInfo = combineMarkups(widgets, {
                    gridLayout: options.gridLayout,
                    verticalAlignment: options.verticalAlignment,
                    horizontalAlignment: options.horizontalAlignment
                });
                options.width = markupInfo.width;
                options.height = markupInfo.height;
                exportFromMarkup(markupInfo.root, options)
            };
            let combineMarkups = function(widgets) {
                let options = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
                if (!Array.isArray(widgets)) {
                    widgets = [
                        [widgets]
                    ]
                } else if (!Array.isArray(widgets[0])) {
                    widgets = widgets.map(item => [item])
                }
                const compactView = !options.gridLayout;
                const exportItems = widgets.reduce((r, row, rowIndex) => {
                    const rowInfo = row.reduce((r, item, colIndex) => {
                        const size = item.getSize();
                        const backgroundColor = item.option("backgroundColor") || (0, _themes.getTheme)(item.option("theme")).backgroundColor;
                        const node = (0, _renderer.default)(item.element()).find("svg").get(0).cloneNode(true);
                        backgroundColor && -1 === r.backgroundColors.indexOf(backgroundColor) && r.backgroundColors.push(backgroundColor);
                        r.hOffset = r.width;
                        r.width += size.width;
                        r.height = Math.max(r.height, size.height);
                        r.itemWidth = Math.max(r.itemWidth, size.width);
                        r.items.push({
                            node: node,
                            width: size.width,
                            height: size.height,
                            c: colIndex,
                            r: rowIndex,
                            hOffset: r.hOffset
                        });
                        return r
                    }, {
                        items: [],
                        height: 0,
                        itemWidth: 0,
                        hOffset: 0,
                        width: 0,
                        backgroundColors: r.backgroundColors
                    });
                    r.rowOffsets.push(r.totalHeight);
                    r.rowHeights.push(rowInfo.height);
                    r.totalHeight += rowInfo.height;
                    r.items = r.items.concat(rowInfo.items);
                    r.itemWidth = Math.max(r.itemWidth, rowInfo.itemWidth);
                    r.maxItemLen = Math.max(r.maxItemLen, rowInfo.items.length);
                    r.totalWidth = compactView ? Math.max(r.totalWidth, rowInfo.width) : r.maxItemLen * r.itemWidth;
                    return r
                }, {
                    items: [],
                    rowOffsets: [],
                    rowHeights: [],
                    itemWidth: 0,
                    totalHeight: 0,
                    maxItemLen: 0,
                    totalWidth: 0,
                    backgroundColors: []
                });
                const backgroundColor = `${1===exportItems.backgroundColors.length?exportItems.backgroundColors[0]:""}`;
                const {
                    totalWidth: totalWidth,
                    totalHeight: totalHeight
                } = exportItems;
                const rootElement = function(width, height, backgroundColor, _ref) {
                    let {
                        exportItems: exportItems,
                        options: options,
                        compactView: compactView
                    } = _ref;
                    const rendererWrapper = function(width, height, backgroundColor) {
                        const rendererContainer = (0, _renderer.default)("<div>").get(0);
                        const renderer = new _renderer2.Renderer({
                            container: rendererContainer
                        });
                        renderer.resize(width, height);
                        renderer.root.element.setAttribute("data-backgroundcolor", backgroundColor);
                        return {
                            createGroup: () => renderer.g(),
                            getRootContent: () => renderer.root.element.cloneNode(true),
                            dispose() {
                                renderer.dispose();
                                rendererContainer.remove()
                            }
                        }
                    }(width, height, backgroundColor);
                    const getVOffset = item => {
                        const align = options.verticalAlignment;
                        const dy = exportItems.rowHeights[item.r] - item.height;
                        return exportItems.rowOffsets[item.r] + ("bottom" === align ? dy : "center" === align ? dy / 2 : 0)
                    };
                    const getHOffset = item => {
                        if (compactView) {
                            return item.hOffset
                        }
                        const align = options.horizontalAlignment;
                        const colWidth = exportItems.itemWidth;
                        const dx = colWidth - item.width;
                        return item.c * colWidth + ("right" === align ? dx : "center" === align ? dx / 2 : 0)
                    };
                    exportItems.items.forEach(item => {
                        const container = rendererWrapper.createGroup();
                        container.attr({
                            translateX: getHOffset(item),
                            translateY: getVOffset(item)
                        });
                        container.element.appendChild(item.node);
                        container.append()
                    });
                    const result = rendererWrapper.getRootContent();
                    rendererWrapper.dispose();
                    return result
                }(totalWidth, totalHeight, backgroundColor, {
                    options: options,
                    exportItems: exportItems,
                    compactView: compactView
                });
                return {
                    root: rootElement,
                    width: totalWidth,
                    height: totalHeight
                }
            };
            exports.combineMarkups = combineMarkups;
            let ExportMenu = function(params) {
                const renderer = this._renderer = params.renderer;
                this._incidentOccurred = params.incidentOccurred;
                this._exportTo = params.exportTo;
                this._print = params.print;
                this._shadow = renderer.shadowFilter("-50%", "-50%", "200%", "200%", 2, 6, 3);
                this._shadow.attr({
                    opacity: .8
                });
                this._group = renderer.g().attr({
                    class: "dx-export-menu",
                    [_svg.HIDDEN_FOR_EXPORT]: true
                }).linkOn(renderer.root, {
                    name: "export-menu",
                    after: "peripheral"
                });
                this._buttonGroup = renderer.g().attr({
                    class: "dx-export-menu-button"
                }).append(this._group);
                this._listGroup = renderer.g().attr({
                    class: "dx-export-menu-list"
                }).append(this._group);
                this._overlay = renderer.rect(-85, 39, 120, 0);
                this._overlay.attr({
                    "stroke-width": 1,
                    cursor: "pointer",
                    rx: 4,
                    ry: 4,
                    filter: this._shadow.id
                });
                this._overlay.data({
                    "export-element-type": "list"
                });
                this.validFormats = getValidFormats();
                this._subscribeEvents()
            };
            exports.ExportMenu = ExportMenu;
            (0, _extend.extend)(ExportMenu.prototype, {
                getLayoutOptions() {
                    if (this._hiddenDueToLayout) {
                        return {
                            width: 0,
                            height: 0,
                            cutSide: "vertical",
                            cutLayoutSide: "top"
                        }
                    }
                    const bBox = this._buttonGroup.getBBox();
                    bBox.cutSide = "vertical";
                    bBox.cutLayoutSide = "top";
                    bBox.height += 10;
                    bBox.position = {
                        vertical: "top",
                        horizontal: "right"
                    };
                    bBox.verticalAlignment = "top";
                    bBox.horizontalAlignment = "right";
                    return bBox
                },
                shift(_, y) {
                    this._group.attr({
                        translateY: this._group.attr("translateY") + y
                    })
                },
                draw(width, height, canvas) {
                    this._group.move(width - 35 - 2 - 3 + canvas.left, Math.floor(height / 2 - 17.5));
                    const layoutOptions = this.getLayoutOptions();
                    if (layoutOptions.width > width || layoutOptions.height > height) {
                        this.freeSpace()
                    }
                    return this
                },
                show() {
                    this._group.linkAppend()
                },
                hide() {
                    this._group.linkRemove()
                },
                setOptions(options) {
                    this._options = options;
                    if (options.formats) {
                        options.formats = options.formats.reduce((r, format) => {
                            format = validateFormat(format, this._incidentOccurred, this.validFormats);
                            format && r.push(format);
                            return r
                        }, [])
                    } else {
                        options.formats = this.validFormats.supported.slice()
                    }
                    options.printingEnabled = void 0 === options.printingEnabled ? true : options.printingEnabled;
                    if (options.enabled && (options.formats.length || options.printingEnabled)) {
                        this.show();
                        this._updateButton();
                        this._updateList();
                        this._hideList()
                    } else {
                        this.hide()
                    }
                },
                dispose() {
                    this._unsubscribeEvents();
                    this._group.linkRemove().linkOff();
                    this._group.dispose();
                    this._shadow.dispose()
                },
                layoutOptions() {
                    return this._options.enabled && {
                        horizontalAlignment: "right",
                        verticalAlignment: "top",
                        weak: true
                    }
                },
                measure() {
                    this._fillSpace();
                    const {
                        margin: margin
                    } = this._options.button;
                    return [35 + margin.left + margin.right, 35 + margin.top + margin.bottom]
                },
                move(rect) {
                    const {
                        margin: margin
                    } = this._options.button;
                    this._group.attr({
                        translateX: Math.round(rect[0]) + margin.left,
                        translateY: Math.round(rect[1]) + margin.top
                    })
                },
                _fillSpace() {
                    this._hiddenDueToLayout = false;
                    this.show()
                },
                freeSpace() {
                    this._incidentOccurred("W2107");
                    this._hiddenDueToLayout = true;
                    this.hide()
                },
                _hideList() {
                    this._listGroup.remove();
                    this._listShown = false;
                    this._setButtonState("default");
                    this._menuItems.forEach(item => item.resetState())
                },
                _showList() {
                    this._listGroup.append(this._group);
                    this._listShown = true;
                    this._menuItems.forEach(item => item.fixPosition())
                },
                _setButtonState(state) {
                    const style = this._options.button[state];
                    this._button.attr({
                        stroke: style.borderColor,
                        fill: style.backgroundColor
                    });
                    this._icon.attr({
                        fill: style.color
                    })
                },
                _subscribeEvents() {
                    this._renderer.root.on(`${_pointer.default.up}.export`, e => {
                        const elementType = e.target["export-element-type"];
                        if (!elementType) {
                            if (this._button) {
                                this._hideList()
                            }
                            return
                        }
                        if ("button" === elementType) {
                            if (this._listShown) {
                                this._setButtonState("default");
                                this._hideList()
                            } else {
                                this._setButtonState("focus");
                                this._showList()
                            }
                        } else if ("printing" === elementType) {
                            this._print();
                            this._hideList()
                        } else if ("exporting" === elementType) {
                            this._exportTo(e.target["export-element-format"]);
                            this._hideList()
                        }
                    });
                    this._listGroup.on(pointerActions, e => e.stopPropagation());
                    this._buttonGroup.on(_pointer.default.enter, () => this._setButtonState("hover"));
                    this._buttonGroup.on(_pointer.default.leave, () => this._setButtonState(this._listShown ? "focus" : "default"));
                    this._buttonGroup.on(`${_pointer.default.down}.export`, () => this._setButtonState("active"))
                },
                _unsubscribeEvents() {
                    this._renderer.root.off(".export");
                    this._listGroup.off();
                    this._buttonGroup.off()
                },
                _updateButton() {
                    const renderer = this._renderer;
                    const options = this._options;
                    const exportData = {
                        "export-element-type": "button"
                    };
                    if (!this._button) {
                        this._button = renderer.rect(0, 0, 35, 35).append(this._buttonGroup);
                        this._button.attr({
                            rx: 4,
                            ry: 4,
                            fill: options.button.default.backgroundColor,
                            stroke: options.button.default.borderColor,
                            "stroke-width": 1,
                            cursor: "pointer"
                        });
                        this._button.data(exportData);
                        this._icon = renderer.path(ICON_COORDS).append(this._buttonGroup);
                        this._icon.attr({
                            fill: options.button.default.color,
                            cursor: "pointer"
                        });
                        this._icon.data(exportData);
                        this._buttonGroup.setTitle(_message.default.format("vizExport-titleMenuText"))
                    }
                },
                _updateList() {
                    const options = this._options;
                    const buttonDefault = options.button.default;
                    const listGroup = this._listGroup;
                    const items = function(renderer, options) {
                        let items = [];
                        if (options.printingEnabled) {
                            items.push(createMenuItem(renderer, options, {
                                type: "printing",
                                text: _message.default.format("vizExport-printingButtonText"),
                                itemIndex: items.length
                            }))
                        }
                        items = options.formats.reduce((r, format) => {
                            r.push(createMenuItem(renderer, options, {
                                type: "exporting",
                                text: _message.default.getFormatter("vizExport-exportButtonText")(format),
                                format: format,
                                itemIndex: r.length
                            }));
                            return r
                        }, items);
                        return items
                    }(this._renderer, options);
                    this._shadow.attr({
                        color: options.shadowColor
                    });
                    this._overlay.attr({
                        height: 30 * items.length + 2,
                        fill: buttonDefault.backgroundColor,
                        stroke: buttonDefault.borderColor
                    });
                    listGroup.clear();
                    this._overlay.append(listGroup);
                    items.forEach(item => item.g.append(listGroup));
                    this._menuItems = items
                }
            });

            function getExportOptions(widget, exportOptions, fileName, format) {
                if (format || exportOptions.format) {
                    format = validateFormat(format || exportOptions.format, widget._incidentOccurred)
                }
                const {
                    width: width,
                    height: height
                } = widget.getSize();
                return {
                    format: format || "PNG",
                    fileName: fileName || exportOptions.fileName || "file",
                    backgroundColor: exportOptions.backgroundColor,
                    width: width,
                    height: height,
                    margin: exportOptions.margin,
                    svgToCanvas: exportOptions.svgToCanvas,
                    exportingAction: widget._createActionByOption("onExporting", {
                        excludeValidators: ["disabled"]
                    }),
                    exportedAction: widget._createActionByOption("onExported", {
                        excludeValidators: ["disabled"]
                    }),
                    fileSavingAction: widget._createActionByOption("onFileSaving", {
                        excludeValidators: ["disabled"]
                    })
                }
            }
            exports.plugin = {
                name: "export",
                init() {
                    this._exportMenu = new ExportMenu({
                        renderer: this._renderer,
                        incidentOccurred: this._incidentOccurred,
                        print: () => this.print(),
                        exportTo: format => this.exportTo(void 0, format)
                    });
                    this._layout.add(this._exportMenu)
                },
                dispose() {
                    this._exportMenu.dispose()
                },
                members: {
                    _getExportMenuOptions() {
                        return (0, _extend.extend)({}, this._getOption("export"), {
                            rtl: this._getOption("rtlEnabled", true)
                        })
                    },
                    _disablePointerEvents() {
                        const pointerEventsValue = this._renderer.root.attr("pointer-events");
                        this._renderer.root.attr({
                            "pointer-events": "none"
                        });
                        return pointerEventsValue
                    },
                    exportTo(fileName, format) {
                        const menu = this._exportMenu;
                        const options = getExportOptions(this, this._getOption("export") || {}, fileName, format);
                        null === menu || void 0 === menu || menu.hide();
                        const pointerEventsValue = this._disablePointerEvents();
                        const promise = (0, _exporter.export)(this._renderer.root.element, options, getCreatorFunc(options.format)).fail(_console.logger.error).always(() => {
                            this._renderer.root.attr({
                                "pointer-events": pointerEventsValue
                            })
                        });
                        null === menu || void 0 === menu || menu.show();
                        return promise
                    },
                    print() {
                        const menu = this._exportMenu;
                        const options = getExportOptions(this, this._getOption("export") || {});
                        options.exportingAction = null;
                        options.exportedAction = null;
                        options.margin = 0;
                        options.format = "PNG";
                        options.useBase64 = true;
                        options.fileSavingAction = eventArgs => {
                            print(`data:image/png;base64,${eventArgs.data}`, {
                                width: options.width,
                                __test: options.__test
                            });
                            eventArgs.cancel = true
                        };
                        const pointerEventsValue = this._disablePointerEvents();
                        null === menu || void 0 === menu || menu.hide();
                        const promise = (0, _exporter.export)(this._renderer.root.element, options, getCreatorFunc(options.format)).fail(_console.logger.error).always(() => {
                            this._renderer.root.attr({
                                "pointer-events": pointerEventsValue
                            })
                        });
                        null === menu || void 0 === menu || menu.show();
                        return promise
                    }
                },
                customize(constructor) {
                    const proto = constructor.prototype;
                    constructor.addChange({
                        code: "EXPORT",
                        handler() {
                            this._exportMenu.setOptions(this._getExportMenuOptions());
                            this._change(["LAYOUT"])
                        },
                        isThemeDependent: true,
                        isOptionChange: true,
                        option: "export"
                    });
                    proto._optionChangesMap.onExporting = "EXPORT";
                    proto._optionChangesMap.onExported = "EXPORT";
                    proto._optionChangesMap.onFileSaving = "EXPORT"
                },
                fontFields: ["export.font"]
            }
        },
        19105(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.changes = function() {
                return new Flags
            };
            exports.expand = expand;
            exports.replaceInherit = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            const isServerSide = !(0, _window.hasWindow)();

            function Flags() {
                this.reset()
            }
            Flags.prototype = {
                constructor: Flags,
                add(codes) {
                    let i;
                    const ii = codes.length;
                    const flags = this._flags;
                    for (i = 0; i < ii; ++i) {
                        flags[codes[i]] = 1
                    }
                },
                has(code) {
                    return this._flags[code] > 0
                },
                count() {
                    return Object.keys(this._flags).length
                },
                reset() {
                    this._flags = {}
                }
            };

            function combineMaps(baseMap, thisMap) {
                return baseMap !== thisMap ? (0, _extend2.extend)({}, baseMap, thisMap) : (0, _extend2.extend)({}, baseMap)
            }

            function combineLists(baseList, thisList) {
                return baseList !== thisList ? baseList.concat(thisList) : baseList.slice()
            }

            function buildTotalChanges(proto) {
                proto._totalChangesOrder = proto._optionChangesOrder.concat(proto._layoutChangesOrder, proto._customChangesOrder)
            }

            function addChange(settings) {
                const proto = this.prototype;
                const {
                    code: code
                } = settings;
                proto[`_change_${code}`] = settings.handler;
                if (settings.isThemeDependent) {
                    proto._themeDependentChanges.push(code)
                }
                if (settings.option) {
                    proto._optionChangesMap[settings.option] = code
                }(settings.isOptionChange ? proto._optionChangesOrder : proto._customChangesOrder).push(code);
                buildTotalChanges(proto)
            }

            function createChainExecutor() {
                const executeChain = function() {
                    let i;
                    const ii = executeChain._chain.length;
                    let result;
                    for (i = 0; i < ii; ++i) {
                        result = executeChain._chain[i].apply(this, arguments)
                    }
                    return result
                };
                executeChain._chain = [];
                executeChain.add = function(item) {
                    executeChain._chain.push(item)
                };
                executeChain.copy = function(executor) {
                    executeChain._chain = executor._chain.slice()
                };
                return executeChain
            }

            function expand(target, name, expander) {
                let current = target[name];
                if (!current) {
                    current = expander
                } else if (!current.add) {
                    current = createChainExecutor();
                    current.add(target[name]);
                    current.add(expander)
                } else {
                    if (!Object.prototype.hasOwnProperty.call(target, name)) {
                        current = createChainExecutor();
                        current.copy(target[name])
                    }
                    current.add(expander)
                }
                target[name] = current
            }

            function addPlugin(plugin) {
                const proto = this.prototype;
                proto._plugins.push(plugin);
                plugin.fontFields && proto._fontFields.push.apply(proto._fontFields, plugin.fontFields);
                if (plugin.members) {
                    (0, _extend2.extend)(this.prototype, plugin.members)
                }
                if (plugin.customize) {
                    plugin.customize(this)
                }
                if (plugin.extenders) {
                    Object.keys(plugin.extenders).forEach(key => {
                        const func = plugin.extenders[key];
                        expand(proto, key, func)
                    }, this)
                }
            }
            exports.replaceInherit = isServerSide ? function(widget) {
                const _inherit = widget.inherit;
                widget.inherit = function() {
                    const result = _inherit.apply(this, arguments);
                    const proto = result.prototype;
                    ["_plugins", "_eventsMap", "_initialChanges", "_themeDependentChanges", "_optionChangesMap", "_optionChangesOrder", "_layoutChangesOrder", "_customChangesOrder", "_totalChangesOrder"].forEach(key => {
                        proto[key] = {}
                    });
                    result.addPlugin = _common.noop;
                    return result
                };
                widget.addChange = _common.noop;
                widget.addPlugin = _common.noop
            } : function(widget) {
                const _inherit = widget.inherit;
                widget.inherit = function() {
                    let proto = this.prototype;
                    const plugins = proto._plugins;
                    const fontFields = proto._fontFields;
                    const eventsMap = proto._eventsMap;
                    const initialChanges = proto._initialChanges;
                    const themeDependentChanges = proto._themeDependentChanges;
                    const optionChangesMap = proto._optionChangesMap;
                    const partialOptionChangesMap = proto._partialOptionChangesMap;
                    const partialOptionChangesPath = proto._partialOptionChangesPath;
                    const optionChangesOrder = proto._optionChangesOrder;
                    const layoutChangesOrder = proto._layoutChangesOrder;
                    const customChangesOrder = proto._customChangesOrder;
                    const result = _inherit.apply(this, arguments);
                    proto = result.prototype;
                    proto._plugins = combineLists(plugins, proto._plugins);
                    proto._fontFields = combineLists(fontFields, proto._fontFields);
                    proto._eventsMap = combineMaps(eventsMap, proto._eventsMap);
                    proto._initialChanges = combineLists(initialChanges, proto._initialChanges);
                    proto._themeDependentChanges = combineLists(themeDependentChanges, proto._themeDependentChanges);
                    proto._optionChangesMap = combineMaps(optionChangesMap, proto._optionChangesMap);
                    proto._partialOptionChangesMap = combineMaps(partialOptionChangesMap, proto._partialOptionChangesMap);
                    proto._partialOptionChangesPath = combineMaps(partialOptionChangesPath, proto._partialOptionChangesPath);
                    proto._optionChangesOrder = combineLists(optionChangesOrder, proto._optionChangesOrder);
                    proto._layoutChangesOrder = combineLists(layoutChangesOrder, proto._layoutChangesOrder);
                    proto._customChangesOrder = combineLists(customChangesOrder, proto._customChangesOrder);
                    buildTotalChanges(proto);
                    result.addPlugin = addPlugin;
                    return result
                };
                widget.prototype._plugins = [];
                widget.prototype._fontFields = [];
                widget.addChange = addChange;
                widget.addPlugin = addPlugin
            }
        },
        480(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _utils = __webpack_require__( /*! ./utils */ 98013);
            const _min = Math.min;
            const _max = Math.max;
            const _round = Math.round;
            const horizontalAlignmentMap = {
                left: 0,
                center: 1,
                right: 2
            };
            const verticalAlignmentMap = {
                top: 0,
                center: 1,
                bottom: 2
            };
            const sideMap = {
                horizontal: 0,
                vertical: 1
            };
            const slicersMap = {};
            slicersMap[0] = function(a, b, size) {
                return [a, _min(b, a + size)]
            };
            slicersMap[1] = function(a, b, size) {
                return [_max(a, (a + b - size) / 2), _min(b, (a + b + size) / 2)]
            };
            slicersMap[2] = function(a, b, size) {
                return [_max(a, b - size), b]
            };

            function pickValue(value, map, defaultValue) {
                const val = (0, _utils.normalizeEnum)(value);
                return val in map ? map[val] : defaultValue
            }

            function normalizeLayoutOptions(options) {
                const side = pickValue(options.side, sideMap, 1);
                const alignment = [pickValue(options.horizontalAlignment, horizontalAlignmentMap, 1), pickValue(options.verticalAlignment, verticalAlignmentMap, 0)];
                return {
                    side: side,
                    primary: (primary = alignment[side], primary < 2 ? 0 : 2),
                    secondary: alignment[1 - side],
                    weak: options.weak,
                    priority: options.priority || 0,
                    header: options.header,
                    position: options.position
                };
                var primary
            }

            function getShrink(alignment, size) {
                return (alignment > 0 ? -1 : 1) * size
            }

            function processForward(item, rect, minSize) {
                const side = item.side;
                const size = item.element.measure([rect[2] - rect[0], rect[3] - rect[1]]);
                const minSide = "indside" === item.position ? 0 : minSize[side];
                const isValid = size[side] < rect[2 + side] - rect[side] - minSide;
                if (isValid) {
                    if ("inside" !== item.position) {
                        rect[item.primary + side] += getShrink(item.primary, size[side])
                    }
                    item.size = size
                }
                return isValid
            }

            function processRectBackward(item, rect, alignmentRect) {
                const primarySide = item.side;
                const secondarySide = (side = primarySide, 1 - side);
                var side;
                const itemRect = [];
                const secondary = (alignment = item.secondary, a = alignmentRect[secondarySide], b = alignmentRect[2 + secondarySide], size = item.size[secondarySide], slicersMap[alignment](a, b, size));
                var alignment, a, b, size;
                itemRect[primarySide] = _round(itemRect[2 + primarySide] = rect[item.primary + primarySide] + ("inside" === item.position ? getShrink(item.primary, item.size[primarySide]) : 0));
                itemRect[item.primary + primarySide] = _round(rect[item.primary + primarySide] - getShrink(item.primary, item.size[primarySide]));
                if ("inside" !== item.position) {
                    rect[item.primary + primarySide] = itemRect[item.primary + primarySide]
                }
                itemRect[secondarySide] = _round(secondary[0]);
                itemRect[2 + secondarySide] = _round(secondary[1]);
                return itemRect
            }

            function processBackward(item, rect, alignmentRect, fitRect, size, targetRect) {
                const itemRect = processRectBackward(item, rect, alignmentRect);
                const itemFitRect = processRectBackward(item, fitRect, fitRect);
                if (size[item.side] > 0) {
                    size[item.side] -= item.size[item.side];
                    targetRect[item.primary + item.side] = itemRect[item.primary + item.side];
                    item.element.freeSpace()
                } else {
                    item.element.move(itemRect, itemFitRect)
                }
            }

            function Layout() {
                this._targets = []
            }
            Layout.prototype = {
                constructor: Layout,
                dispose() {
                    this._targets = null
                },
                add(target) {
                    this._targets.push(target)
                },
                forward(targetRect, minSize) {
                    const rect = targetRect.slice();
                    const targets = function(targets) {
                        let i;
                        const ii = targets.length;
                        let collection = [];
                        let layout;
                        for (i = 0; i < ii; ++i) {
                            layout = targets[i].layoutOptions();
                            if (layout) {
                                layout = normalizeLayoutOptions(layout);
                                layout.element = targets[i];
                                collection.push(layout)
                            }
                        }
                        collection.sort((a, b) => b.side - a.side || a.priority - b.priority);
                        collection = function(collection) {
                            const weakItem = collection.filter(item => true === item.weak)[0];
                            let headerItem;
                            if (weakItem) {
                                headerItem = collection.filter(item => weakItem.primary === item.primary && item.side === weakItem.side && item !== weakItem)[0]
                            }
                            if (weakItem && headerItem) {
                                return [makeHeader(headerItem, weakItem)].concat(collection.filter(item => !(item === headerItem || item === weakItem)))
                            }
                            return collection
                        }(collection);
                        return collection
                    }(this._targets);
                    let i;
                    const ii = targets.length;
                    const cache = [];
                    for (i = 0; i < ii; ++i) {
                        if (processForward(targets[i], rect, minSize)) {
                            cache.push(targets[i])
                        } else {
                            targets[i].element.freeSpace()
                        }
                    }
                    this._cache = cache.reverse();
                    return rect
                },
                backward(targetRect, alignmentRect) {
                    let size = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : [0, 0];
                    let backwardRect = targetRect.slice();
                    const fitRect = targetRect.slice();
                    const targets = this._cache;
                    let targetSide = 0;
                    let target;
                    let i;
                    const ii = targets.length;
                    for (i = 0; i < ii; ++i) {
                        target = targets[i];
                        if (target.side !== targetSide) {
                            backwardRect = targetRect.slice()
                        }
                        processBackward(target, backwardRect, alignmentRect, fitRect, size, targetRect);
                        targetSide = target.side
                    }
                    return size
                }
            };

            function processBackwardHeaderRect(element, rect) {
                const rectCopy = rect.slice();
                const itemRect = processRectBackward(element, rectCopy, rectCopy);
                itemRect[element.side] = rect[element.side];
                itemRect[2 + element.side] = rect[2 + element.side];
                return itemRect
            }

            function makeHeader(header, weakElement) {
                const side = header.side;
                const primary = header.primary;
                const secondary = header.secondary;
                return {
                    side: side,
                    primary: primary,
                    secondary: secondary,
                    priority: 0,
                    element: {
                        measure(targetSize) {
                            const result = targetSize.slice();
                            const weakSize = weakElement.element.measure(targetSize.slice());
                            targetSize[primary] -= weakSize[primary];
                            const headerSize = header.element.measure(targetSize.slice());
                            result[side] = weakSize[side] = headerSize[side] = Math.max(headerSize[side], weakSize[side]);
                            weakElement.size = weakSize;
                            header.size = headerSize;
                            return result
                        },
                        move(rect, fitRect) {
                            if (fitRect[2] - fitRect[0] < header.size[0] + weakElement.size[0] - 2) {
                                this.freeSpace();
                                return
                            }
                            const weakRect = processBackwardHeaderRect(weakElement, fitRect);
                            fitRect[2 + weakElement.primary] = weakRect[weakElement.primary];
                            const headerFitReact = processBackwardHeaderRect(header, fitRect);
                            if (fitRect[2 + weakElement.primary] < rect[2 + weakElement.primary] && header.size[header.primary] > rect[2 + header.primary] - rect[header.primary]) {
                                rect[2 + weakElement.primary] = fitRect[2 + weakElement.primary]
                            }
                            let headerRect = processBackwardHeaderRect(header, rect);
                            if (headerRect[2 + weakElement.primary] > fitRect[2 + weakElement.primary]) {
                                rect[2 + weakElement.primary] = fitRect[2 + weakElement.primary];
                                headerRect = processBackwardHeaderRect(header, rect)
                            }
                            weakElement.element.move(weakRect);
                            header.element.move(headerRect, headerFitReact)
                        },
                        freeSpace() {
                            header.element.freeSpace();
                            weakElement.element.freeSpace()
                        }
                    }
                }
            }
            exports.default = Layout
        },
        23323(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.LayoutElement = LayoutElement;
            exports.WrapperLayoutElement = WrapperLayoutElement;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _object = __webpack_require__( /*! ../../../core/utils/object */ 22263);
            const _round = Math.round;
            const defaultOffset = {
                horizontal: 0,
                vertical: 0
            };
            const alignFactors = {
                center: .5,
                right: 1,
                bottom: 1,
                left: 0,
                top: 0
            };

            function LayoutElement(options) {
                this._options = options
            }
            LayoutElement.prototype = {
                constructor: LayoutElement,
                position(options) {
                    const ofBBox = options.of.getLayoutOptions();
                    const myBBox = this.getLayoutOptions();
                    const {
                        at: at
                    } = options;
                    const {
                        my: my
                    } = options;
                    const offset = options.offset || defaultOffset;
                    const shiftX = -alignFactors[my.horizontal] * myBBox.width + ofBBox.x + alignFactors[at.horizontal] * ofBBox.width + parseInt(offset.horizontal);
                    const shiftY = -alignFactors[my.vertical] * myBBox.height + ofBBox.y + alignFactors[at.vertical] * ofBBox.height + parseInt(offset.vertical);
                    this.shift(_round(shiftX), _round(shiftY))
                },
                getLayoutOptions: _common.noop
            };

            function WrapperLayoutElement(renderElement, bBox) {
                this._renderElement = renderElement;
                this._cacheBBox = bBox
            }
            const wrapperLayoutElementPrototype = WrapperLayoutElement.prototype = (0, _object.clone)(LayoutElement.prototype);
            wrapperLayoutElementPrototype.constructor = WrapperLayoutElement;
            wrapperLayoutElementPrototype.getLayoutOptions = function() {
                return this._cacheBBox || this._renderElement.getBBox()
            };
            wrapperLayoutElementPrototype.shift = function(shiftX, shiftY) {
                const bBox = this.getLayoutOptions();
                this._renderElement.move(_round(shiftX - bBox.x), _round(shiftY - bBox.y))
            }
        },
        71126(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.plugin = exports.LoadingIndicator = void 0;
            var _utils = __webpack_require__( /*! ./utils */ 98013);
            let LoadingIndicator = function(parameters) {
                const renderer = parameters.renderer;
                this._group = renderer.g().attr({
                    class: "dx-loading-indicator"
                }).linkOn(renderer.root, {
                    name: "loading-indicator",
                    after: "peripheral"
                });
                this._rect = renderer.rect().attr({
                    opacity: 0
                }).append(this._group);
                this._text = renderer.text().attr({
                    align: "center"
                }).append(this._group);
                this._createStates(parameters.eventTrigger, this._group, renderer.root, parameters.notify)
            };
            exports.LoadingIndicator = LoadingIndicator;
            LoadingIndicator.prototype = {
                constructor: LoadingIndicator,
                _createStates(eventTrigger, group, root, notify) {
                    this._states = [{
                        opacity: 0,
                        start() {
                            notify(false)
                        },
                        complete() {
                            group.linkRemove();
                            root.css({
                                "pointer-events": ""
                            });
                            eventTrigger("loadingIndicatorReady")
                        }
                    }, {
                        opacity: .85,
                        start() {
                            group.linkAppend();
                            root.css({
                                "pointer-events": "none"
                            });
                            notify(true)
                        },
                        complete() {
                            eventTrigger("loadingIndicatorReady")
                        }
                    }];
                    this._state = 0
                },
                setSize(size) {
                    const width = size.width;
                    const height = size.height;
                    this._rect.attr({
                        width: width,
                        height: height
                    });
                    this._text.attr({
                        x: width / 2,
                        y: height / 2
                    })
                },
                setOptions(options) {
                    this._rect.attr({
                        fill: options.backgroundColor
                    });
                    this._text.css((0, _utils.patchFontOptions)(options.font)).attr({
                        text: options.text,
                        class: options.cssClass
                    });
                    this[options.show ? "show" : "hide"]()
                },
                dispose() {
                    this._group.linkRemove().linkOff();
                    this._group = this._rect = this._text = this._states = null
                },
                _transit(stateId) {
                    const that = this;
                    let state;
                    if (that._state !== stateId) {
                        that._state = stateId;
                        that._isHiding = false;
                        state = that._states[stateId];
                        that._rect.stopAnimation().animate({
                            opacity: state.opacity
                        }, {
                            complete: state.complete,
                            easing: "linear",
                            duration: 400,
                            unstoppable: true
                        });
                        that._noHiding = true;
                        state.start();
                        that._noHiding = false
                    }
                },
                show() {
                    this._transit(1)
                },
                hide() {
                    this._transit(0)
                },
                scheduleHiding() {
                    if (!this._noHiding) {
                        this._isHiding = true
                    }
                },
                fulfillHiding() {
                    if (this._isHiding) {
                        this.hide()
                    }
                }
            };
            exports.plugin = {
                name: "loading_indicator",
                init() {
                    const that = this;
                    that._loadingIndicator = new LoadingIndicator({
                        eventTrigger: that._eventTrigger,
                        renderer: that._renderer,
                        notify: function(state) {
                            that._skipLoadingIndicatorOptions = true;
                            that.option("loadingIndicator", {
                                show: state
                            });
                            that._skipLoadingIndicatorOptions = false;
                            if (state) {
                                that._stopCurrentHandling()
                            }
                        }
                    });
                    that._scheduleLoadingIndicatorHiding()
                },
                dispose() {
                    this._loadingIndicator.dispose();
                    this._loadingIndicator = null
                },
                members: {
                    _scheduleLoadingIndicatorHiding() {
                        this._loadingIndicator.scheduleHiding()
                    },
                    _fulfillLoadingIndicatorHiding() {
                        this._loadingIndicator.fulfillHiding()
                    },
                    showLoadingIndicator() {
                        this._loadingIndicator.show()
                    },
                    hideLoadingIndicator() {
                        this._loadingIndicator.hide()
                    },
                    _onBeginUpdate() {
                        if (!this._optionChangedLocker) {
                            this._scheduleLoadingIndicatorHiding()
                        }
                    }
                },
                extenders: {
                    _dataSourceLoadingChangedHandler(isLoading) {
                        if (isLoading && (this._options.silent("loadingIndicator") || {}).enabled) {
                            this._loadingIndicator.show()
                        }
                    },
                    _setContentSize() {
                        this._loadingIndicator.setSize(this._canvas)
                    },
                    endUpdate() {
                        if (this._initialized && this._dataIsReady()) {
                            this._fulfillLoadingIndicatorHiding()
                        }
                    }
                },
                customize(constructor) {
                    const proto = constructor.prototype;
                    if (proto._dataSourceChangedHandler) {
                        const _dataSourceChangedHandler = proto._dataSourceChangedHandler;
                        proto._dataSourceChangedHandler = function() {
                            this._scheduleLoadingIndicatorHiding();
                            _dataSourceChangedHandler.apply(this, arguments)
                        }
                    }
                    constructor.addChange({
                        code: "LOADING_INDICATOR",
                        handler() {
                            if (!this._skipLoadingIndicatorOptions) {
                                this._loadingIndicator.setOptions(this._getOption("loadingIndicator"))
                            }
                            this._scheduleLoadingIndicatorHiding()
                        },
                        isThemeDependent: true,
                        option: "loadingIndicator",
                        isOptionChange: true
                    });
                    proto._eventsMap.onLoadingIndicatorReady = {
                        name: "loadingIndicatorReady"
                    };
                    const _drawn = proto._drawn;
                    proto._drawn = function() {
                        _drawn.apply(this, arguments);
                        if (this._dataIsReady()) {
                            this._fulfillLoadingIndicatorHiding()
                        }
                    }
                },
                fontFields: ["loadingIndicator.font"]
            }
        },
        34506(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _dom_component = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_component */ 97832));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _errors_warnings = _interopRequireDefault(__webpack_require__( /*! ../../../viz/core/errors_warnings */ 38355));
            var _utils = __webpack_require__( /*! ../../../viz/utils */ 2225);
            var _m_charts = _interopRequireDefault(__webpack_require__( /*! ../../common/m_charts */ 55351));
            var _base_theme_manager = __webpack_require__( /*! ../../viz/core/base_theme_manager */ 87869);
            var _base_widget = __webpack_require__( /*! ../../viz/core/base_widget.utils */ 11793);
            var _helpers = __webpack_require__( /*! ../../viz/core/helpers */ 19105);
            var _layout = _interopRequireDefault(__webpack_require__( /*! ../../viz/core/layout */ 480));
            var _renderer2 = __webpack_require__( /*! ../../viz/core/renderers/renderer */ 15232);
            var _utils2 = __webpack_require__( /*! ../../viz/core/utils */ 98013);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                log: log
            } = _errors_warnings.default;
            const baseOptionMethod = _dom_component.default.prototype.option;

            function getTrue() {
                return true
            }

            function getFalse() {
                return false
            }

            function defaultOnIncidentOccurred(e) {
                if (!e.component._eventsStrategy.hasEvent("incidentOccurred")) {
                    log.apply(null, [e.target.id].concat(e.target.args || []))
                }
            }

            function pickPositiveValue(values) {
                return values.reduce((result, value) => value > 0 && !result ? value : result, 0)
            }

            function callForEach(functions) {
                functions.forEach(c => c())
            }
            const isServerSide = !(0, _window.hasWindow)();
            const baseWidget = isServerSide ? function() {
                const emptyComponentConfig = {
                    _initTemplates() {},
                    ctor(element, options) {
                        this.callBase(element, options);
                        const sizedElement = _dom_adapter.default.createElement("div");
                        const width = options && (0, _type.isNumeric)(options.width) ? `${options.width}px` : "100%";
                        const height = options && (0, _type.isNumeric)(options.height) ? `${options.height}px` : `${this._getDefaultSize().height}px`;
                        _dom_adapter.default.setStyle(sizedElement, "width", width);
                        _dom_adapter.default.setStyle(sizedElement, "height", height);
                        _dom_adapter.default.setClass(sizedElement, "dx-sized-element", false);
                        _dom_adapter.default.insertElement(element, sizedElement)
                    }
                };
                const EmptyComponent = _dom_component.default.inherit(emptyComponentConfig);
                const originalInherit = EmptyComponent.inherit;
                EmptyComponent.inherit = function(config) {
                    Object.keys(config).forEach(field => {
                        if ((0, _type.isFunction)(config[field]) && "_" !== field.substr(0, 1) && "option" !== field || "_dispose" === field || "_optionChanged" === field) {
                            config[field] = _common.noop
                        }
                    });
                    return originalInherit.call(this, config)
                };
                return EmptyComponent
            }() : _dom_component.default.inherit({
                _eventsMap: {
                    onIncidentOccurred: {
                        name: "incidentOccurred",
                        actionSettings: {
                            excludeValidators: ["disabled"]
                        }
                    },
                    onDrawn: {
                        name: "drawn",
                        actionSettings: {
                            excludeValidators: ["disabled"]
                        }
                    }
                },
                _getDefaultOptions() {
                    return (0, _extend.extend)(this.callBase(), {
                        onIncidentOccurred: defaultOnIncidentOccurred
                    })
                },
                _useLinks: true,
                _init() {
                    this._$element.children(".dx-sized-element").remove();
                    this._graphicObjects = {};
                    this.callBase(...arguments);
                    this._changesLocker = 0;
                    this._optionChangedLocker = 0;
                    this._asyncFirstDrawing = true;
                    this._changes = (0, _helpers.changes)();
                    this._suspendChanges();
                    this._themeManager = this._createThemeManager();
                    this._themeManager.setCallback(() => {
                        this._requestChange(this._themeDependentChanges)
                    });
                    this._renderElementAttributes();
                    this._initRenderer();
                    const useLinks = this._useLinks;
                    if (useLinks) {
                        this._renderer.root.enableLinks().virtualLink("core").virtualLink("peripheral")
                    }
                    this._renderVisibilityChange();
                    this._attachVisibilityChangeHandlers();
                    this._toggleParentsScrollSubscription(this._isVisible());
                    this._initEventTrigger();
                    this._incidentOccurred = (0, _base_widget.createIncidentOccurred)(this.NAME, this._eventTrigger);
                    this._layout = new _layout.default;
                    if (useLinks) {
                        this._renderer.root.linkAfter("core")
                    }
                    this._initPlugins();
                    this._initCore();
                    if (useLinks) {
                        this._renderer.root.linkAfter()
                    }
                    this._change(this._initialChanges)
                },
                _createThemeManager() {
                    return new _base_theme_manager.BaseThemeManager(this._getThemeManagerOptions())
                },
                _getThemeManagerOptions() {
                    return {
                        themeSection: this._themeSection,
                        fontFields: this._fontFields
                    }
                },
                _initialChanges: ["LAYOUT", "RESIZE_HANDLER", "THEME", "DISABLED"],
                _initPlugins() {
                    (0, _iterator.each)(this._plugins, (_, plugin) => {
                        plugin.init.call(this)
                    })
                },
                _disposePlugins() {
                    (0, _iterator.each)(this._plugins.slice().reverse(), (_, plugin) => {
                        plugin.dispose.call(this)
                    })
                },
                _change(codes) {
                    this._changes.add(codes)
                },
                _suspendChanges() {
                    this._changesLocker += 1
                },
                _resumeChanges() {
                    if (0 === --this._changesLocker && this._changes.count() > 0 && !this._applyingChanges) {
                        this._renderer.lock();
                        this._applyingChanges = true;
                        this._applyChanges();
                        this._changes.reset();
                        this._applyingChanges = false;
                        this._changesApplied();
                        this._renderer.unlock();
                        if (this._optionsQueue) {
                            this._applyQueuedOptions()
                        }
                        this.resolveItemsDeferred(this._legend ? [this._legend] : []);
                        this._optionChangedLocker += 1;
                        this._notify();
                        this._optionChangedLocker -= 1
                    }
                },
                resolveItemsDeferred(items) {
                    this._resolveDeferred(this._getTemplatesItems(items))
                },
                _collectTemplatesFromItems: items => items.reduce((prev, i) => ({
                    items: prev.items.concat(i.getTemplatesDef()),
                    groups: prev.groups.concat(i.getTemplatesGroups())
                }), {
                    items: [],
                    groups: []
                }),
                _getTemplatesItems(items) {
                    const elements = this._collectTemplatesFromItems(items);
                    const extraItems = this._getExtraTemplatesItems();
                    return {
                        items: extraItems.items.concat(elements.items),
                        groups: extraItems.groups.concat(elements.groups),
                        launchRequest: [extraItems.launchRequest],
                        doneRequest: [extraItems.doneRequest]
                    }
                },
                _getExtraTemplatesItems: () => ({
                    items: [],
                    groups: [],
                    launchRequest: () => {},
                    doneRequest: () => {}
                }),
                _resolveDeferred(_ref) {
                    let {
                        items: items,
                        launchRequest: launchRequest,
                        doneRequest: doneRequest,
                        groups: groups
                    } = _ref;
                    this._setGroupsVisibility(groups, "hidden");
                    if (this._changesApplying) {
                        this._changesApplying = false;
                        callForEach(doneRequest);
                        return
                    }
                    let syncRendering = true;
                    _deferred.when.apply(this, items).done(() => {
                        var _groups$;
                        const isGroupInDom = !(null !== (_groups$ = groups[0]) && void 0 !== _groups$ && _groups$.element) || !!(0, _renderer.default)(groups[0].element.closest("svg")).length;
                        if (!isGroupInDom) {
                            return
                        }
                        if (syncRendering) {
                            this._setGroupsVisibility(groups, "visible");
                            return
                        }
                        callForEach(launchRequest);
                        this._changesApplying = true;
                        const changes = ["LAYOUT", "FULL_RENDER"];
                        if (this._asyncFirstDrawing) {
                            changes.push("FORCE_FIRST_DRAWING");
                            this._asyncFirstDrawing = false
                        } else {
                            changes.push("FORCE_DRAWING")
                        }
                        this._requestChange(changes);
                        this._setGroupsVisibility(groups, "visible")
                    });
                    syncRendering = false
                },
                _setGroupsVisibility(groups, visibility) {
                    groups.forEach(g => g.attr({
                        visibility: visibility
                    }))
                },
                _applyQueuedOptions() {
                    const queue = this._optionsQueue;
                    this._optionsQueue = null;
                    this.beginUpdate();
                    (0, _iterator.each)(queue, (_, action) => {
                        action()
                    });
                    this.endUpdate()
                },
                _requestChange(codes) {
                    this._suspendChanges();
                    this._change(codes);
                    this._resumeChanges()
                },
                _applyChanges() {
                    const changes = this._changes;
                    const order = this._totalChangesOrder;
                    const changesOrderLength = order.length;
                    for (let i = 0; i < changesOrderLength; i += 1) {
                        if (changes.has(order[i])) {
                            this[`_change_${order[i]}`]()
                        }
                    }
                },
                _optionChangesOrder: ["EVENTS", "THEME", "RENDERER", "RESIZE_HANDLER"],
                _layoutChangesOrder: ["ELEMENT_ATTR", "CONTAINER_SIZE", "LAYOUT"],
                _customChangesOrder: ["DISABLED"],
                _change_EVENTS() {
                    this._eventTrigger.applyChanges()
                },
                _change_THEME() {
                    this._setThemeAndRtl()
                },
                _change_RENDERER() {
                    this._setRendererOptions()
                },
                _change_RESIZE_HANDLER() {
                    this._setupResizeHandler()
                },
                _change_ELEMENT_ATTR() {
                    this._renderElementAttributes();
                    this._change(["CONTAINER_SIZE"])
                },
                _change_CONTAINER_SIZE() {
                    this._updateSize()
                },
                _change_LAYOUT() {
                    this._setContentSize()
                },
                _change_DISABLED() {
                    const renderer = this._renderer;
                    const {
                        root: root
                    } = renderer;
                    if (this.option("disabled")) {
                        this._initDisabledState = root.attr("pointer-events");
                        root.attr({
                            "pointer-events": "none",
                            filter: renderer.getGrayScaleFilter().id
                        })
                    } else if ("none" === root.attr("pointer-events")) {
                        root.attr({
                            "pointer-events": (0, _type.isDefined)(this._initDisabledState) ? this._initDisabledState : null,
                            filter: null
                        })
                    }
                },
                _themeDependentChanges: ["RENDERER"],
                _initRenderer() {
                    const rawCanvas = this._calculateRawCanvas();
                    this._canvas = (0, _utils.floorCanvasDimensions)(rawCanvas);
                    this._renderer = new _renderer2.Renderer({
                        cssClass: `${this._rootClassPrefix} ${this._rootClass}`,
                        pathModified: this.option("pathModified"),
                        container: this._$element[0]
                    });
                    this._renderer.resize(this._canvas.width, this._canvas.height)
                },
                _disposeRenderer() {
                    this._renderer.dispose()
                },
                _disposeGraphicObjects() {
                    Object.keys(this._graphicObjects).forEach(id => {
                        this._graphicObjects[id].dispose()
                    });
                    this._graphicObjects = null
                },
                _getAnimationOptions: _common.noop,
                render() {
                    this._requestChange(["CONTAINER_SIZE"]);
                    const visible = this._isVisible();
                    this._toggleParentsScrollSubscription(visible);
                    !visible && this._stopCurrentHandling()
                },
                _toggleParentsScrollSubscription(subscribe) {
                    let $parents = (0, _renderer.default)(this._renderer.root.element).parents();
                    if ("generic" === _devices.default.real().platform) {
                        $parents = $parents.add((0, _window.getWindow)())
                    }
                    this._proxiedTargetParentsScrollHandler = this._proxiedTargetParentsScrollHandler || function() {
                        this._stopCurrentHandling()
                    }.bind(this);
                    _events_engine.default.off((0, _renderer.default)("").add(this._$prevRootParents), "scroll.viz_widgets", this._proxiedTargetParentsScrollHandler);
                    if (subscribe) {
                        _events_engine.default.on($parents, "scroll.viz_widgets", this._proxiedTargetParentsScrollHandler);
                        this._$prevRootParents = $parents
                    }
                },
                _stopCurrentHandling: _common.noop,
                _dispose() {
                    if (this._disposed) {
                        return
                    }
                    this.callBase(...arguments);
                    this._toggleParentsScrollSubscription(false);
                    this._removeResizeHandler();
                    this._layout.dispose();
                    this._eventTrigger.dispose();
                    this._disposeCore();
                    this._disposePlugins();
                    this._disposeGraphicObjects();
                    this._disposeRenderer();
                    this._themeManager.dispose();
                    this._themeManager = null;
                    this._renderer = null;
                    this._eventTrigger = null
                },
                _initEventTrigger() {
                    this._eventTrigger = (0, _base_widget.createEventTrigger)(this._eventsMap, (name, actionSettings) => this._createActionByOption(name, actionSettings))
                },
                _calculateRawCanvas() {
                    const size = this.option("size") || {};
                    const margin = this.option("margin") || {};
                    const defaultCanvas = this._getDefaultSize() || {};
                    const getSizeOfSide = (size, side, getter) => {
                        if ((value = size[side], (0, _type.isDefined)(value) && value > 0) || !(0, _window.hasWindow)()) {
                            return 0
                        }
                        var value;
                        const elementSize = getter(this._$element);
                        return elementSize <= 1 ? 0 : elementSize
                    };
                    const elementWidth = getSizeOfSide(size, "width", x => (0, _size.getWidth)(x));
                    const elementHeight = getSizeOfSide(size, "height", x => (0, _size.getHeight)(x));
                    let canvas = {
                        width: size.width <= 0 ? 0 : pickPositiveValue([size.width, elementWidth, defaultCanvas.width]),
                        height: size.height <= 0 ? 0 : pickPositiveValue([size.height, elementHeight, defaultCanvas.height]),
                        left: pickPositiveValue([margin.left, defaultCanvas.left]),
                        top: pickPositiveValue([margin.top, defaultCanvas.top]),
                        right: pickPositiveValue([margin.right, defaultCanvas.right]),
                        bottom: pickPositiveValue([margin.bottom, defaultCanvas.bottom])
                    };
                    if (canvas.width - canvas.left - canvas.right <= 0 || canvas.height - canvas.top - canvas.bottom <= 0) {
                        canvas = {
                            width: 0,
                            height: 0
                        }
                    }
                    return canvas
                },
                _updateSize() {
                    const rawCanvas = this._calculateRawCanvas();
                    if ((0, _utils.areCanvasesDifferent)(this._canvas, rawCanvas) || this.__forceRender) {
                        this._canvas = (0, _utils.floorCanvasDimensions)(rawCanvas);
                        this._recreateSizeDependentObjects(true);
                        this._renderer.resize(this._canvas.width, this._canvas.height);
                        this._change(["LAYOUT"])
                    }
                },
                _recreateSizeDependentObjects: _common.noop,
                _getMinSize: () => [0, 0],
                _getAlignmentRect: _common.noop,
                _setContentSize() {
                    const canvas = this._canvas;
                    const layout = this._layout;
                    let rect = canvas.width > 0 && canvas.height > 0 ? [canvas.left, canvas.top, canvas.width - canvas.right, canvas.height - canvas.bottom] : [0, 0, 0, 0];
                    rect = layout.forward(rect, this._getMinSize());
                    const nextRect = this._applySize(rect) || rect;
                    layout.backward(nextRect, this._getAlignmentRect() || nextRect)
                },
                _getOption(name, isScalar) {
                    const theme = this._themeManager.theme(name);
                    const option = this.option(name);
                    return isScalar ? void 0 !== option ? option : theme : (0, _extend.extend)(true, {}, theme, option)
                },
                _setupResizeHandler() {
                    const redrawOnResize = (0, _utils2.parseScalar)(this._getOption("redrawOnResize", true), true);
                    if (this._disposeResizeHandler) {
                        this._removeResizeHandler()
                    }
                    this._disposeResizeHandler = (0, _base_widget.createResizeHandler)(this._$element[0], redrawOnResize, () => this._requestChange(["CONTAINER_SIZE"]))
                },
                _removeResizeHandler() {
                    if (this._disposeResizeHandler) {
                        this._disposeResizeHandler();
                        this._disposeResizeHandler = null
                    }
                },
                _onBeginUpdate: _common.noop,
                beginUpdate() {
                    if (this._initialized && this._isUpdateAllowed()) {
                        this._onBeginUpdate();
                        this._suspendChanges()
                    }
                    this.callBase(...arguments);
                    return this
                },
                endUpdate() {
                    this.callBase();
                    this._isUpdateAllowed() && this._resumeChanges();
                    return this
                },
                option(name) {
                    if (this._initialized && this._applyingChanges && (arguments.length > 1 || (0, _type.isObject)(name))) {
                        this._optionsQueue = this._optionsQueue || [];
                        this._optionsQueue.push(this._getActionForUpdating(arguments))
                    } else {
                        return baseOptionMethod.apply(this, arguments)
                    }
                },
                _getActionForUpdating(args) {
                    return () => {
                        baseOptionMethod.apply(this, args)
                    }
                },
                _clean: _common.noop,
                _render: _common.noop,
                _optionChanged(arg) {
                    if (this._optionChangedLocker) {
                        return
                    }
                    const partialChanges = this.getPartialChangeOptionsName(arg);
                    let changes = [];
                    if (partialChanges.length > 0) {
                        partialChanges.forEach(pc => changes.push(this._partialOptionChangesMap[pc]))
                    } else {
                        changes.push(this._optionChangesMap[arg.name])
                    }
                    changes = changes.filter(c => !!c);
                    if (this._eventTrigger.change(arg.name)) {
                        this._change(["EVENTS"])
                    } else if (changes.length > 0) {
                        this._change(changes)
                    } else {
                        this.callBase.apply(this, arguments)
                    }
                },
                _notify: _common.noop,
                _changesApplied: _common.noop,
                _optionChangesMap: {
                    size: "CONTAINER_SIZE",
                    margin: "CONTAINER_SIZE",
                    redrawOnResize: "RESIZE_HANDLER",
                    theme: "THEME",
                    rtlEnabled: "THEME",
                    encodeHtml: "THEME",
                    elementAttr: "ELEMENT_ATTR",
                    disabled: "DISABLED"
                },
                _partialOptionChangesMap: {},
                _partialOptionChangesPath: {},
                getPartialChangeOptionsName(changedOption) {
                    const {
                        fullName: fullName
                    } = changedOption;
                    const sections = fullName.split(/[.]/);
                    const {
                        name: name
                    } = changedOption;
                    const {
                        value: value
                    } = changedOption;
                    const options = this._partialOptionChangesPath[name];
                    const partialChangeOptionsName = [];
                    if (options) {
                        if (true === options) {
                            partialChangeOptionsName.push(name)
                        } else {
                            options.forEach(op => {
                                fullName.indexOf(op) >= 0 && partialChangeOptionsName.push(op)
                            });
                            if (1 === sections.length) {
                                if ("object" === (0, _type.type)(value)) {
                                    this._addOptionsNameForPartialUpdate(value, options, partialChangeOptionsName)
                                } else if ("array" === (0, _type.type)(value)) {
                                    if (value.length > 0 && value.every(item => this._checkOptionsForPartialUpdate(item, options))) {
                                        value.forEach(item => {
                                            this._addOptionsNameForPartialUpdate(item, options, partialChangeOptionsName)
                                        })
                                    }
                                }
                            }
                        }
                    }
                    return partialChangeOptionsName.filter((value, index, self) => self.indexOf(value) === index)
                },
                _checkOptionsForPartialUpdate: (optionObject, options) => !Object.keys(optionObject).some(key => -1 === options.indexOf(key)),
                _addOptionsNameForPartialUpdate(optionObject, options, partialChangeOptionsName) {
                    const optionKeys = Object.keys(optionObject);
                    if (this._checkOptionsForPartialUpdate(optionObject, options)) {
                        optionKeys.forEach(key => options.indexOf(key) > -1 && partialChangeOptionsName.push(key))
                    }
                },
                _visibilityChanged() {
                    this.render()
                },
                _setThemeAndRtl() {
                    this._themeManager.setTheme(this.option("theme"), this.option("rtlEnabled"))
                },
                _getRendererOptions() {
                    return {
                        rtl: this.option("rtlEnabled"),
                        encodeHtml: this.option("encodeHtml"),
                        animation: this._getAnimationOptions()
                    }
                },
                _setRendererOptions() {
                    this._renderer.setOptions(this._getRendererOptions())
                },
                svg() {
                    return this._renderer.svg()
                },
                getSize() {
                    const canvas = this._canvas || {};
                    return {
                        width: canvas.width,
                        height: canvas.height
                    }
                },
                isReady: getFalse,
                _dataIsReady: getTrue,
                _resetIsReady() {
                    this.isReady = getFalse
                },
                _renderGraphicObjects() {
                    const renderer = this._renderer;
                    const graphics = _m_charts.default.getGraphicObjects();
                    Object.keys(graphics).forEach(id => {
                        if (!this._graphicObjects[id]) {
                            const {
                                type: type,
                                colors: colors,
                                rotationAngle: rotationAngle,
                                template: template,
                                width: width,
                                height: height
                            } = graphics[id];
                            switch (type) {
                                case "linear":
                                    this._graphicObjects[id] = renderer.linearGradient(colors, id, rotationAngle);
                                    break;
                                case "radial":
                                    this._graphicObjects[id] = renderer.radialGradient(colors, id);
                                    break;
                                case "pattern":
                                    this._graphicObjects[id] = renderer.customPattern(id, this._getTemplate(template), width, height)
                            }
                        }
                    })
                },
                _drawn() {
                    this.isReady = getFalse;
                    if (this._dataIsReady()) {
                        this._renderer.onEndAnimation(() => {
                            this.isReady = getTrue
                        })
                    }
                    this._eventTrigger("drawn", {})
                }
            });
            exports.default = baseWidget;
            (0, _helpers.replaceInherit)(baseWidget)
        },
        16706(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Plaque = void 0;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            const _excluded = ["x", "y", "canvas", "offsetX", "offsetY", "offset"];
            const math = Math;
            const round = math.round;
            const max = math.max;
            const min = math.min;
            const sin = math.sin;
            const cos = math.cos;
            const asin = math.asin;
            const PI = math.PI;
            const buildPath = function() {
                for (var _len = arguments.length, points = new Array(_len), _key = 0; _key < _len; _key++) {
                    points[_key] = arguments[_key]
                }
                return points.join("")
            };

            function getArc(cornerRadius, xDirection, yDirection) {
                return `a ${cornerRadius} ${cornerRadius} 0 0 1 ${xDirection*cornerRadius} ${yDirection*cornerRadius}`
            }

            function getAbsoluteArc(cornerRadius, x, y) {
                return `A ${cornerRadius} ${cornerRadius} 0 0 1 ${x} ${y}`
            }

            function rotateX(x, y, angle, x0, y0) {
                return (x - x0) * round(cos(angle)) + (y - y0) * round(sin(angle)) + x0
            }

            function rotateY(x, y, angle, x0, y0) {
                return -(x - x0) * round(sin(angle)) + (y - y0) * round(cos(angle)) + y0
            }

            function rotateSize(options, angle) {
                if (angle % 90 === 0 && angle % 180 !== 0) {
                    return {
                        width: options.height,
                        height: options.width
                    }
                }
                return options
            }

            function getCloudAngle(_ref, x, y, anchorX, anchorY) {
                let {
                    width: width,
                    height: height
                } = _ref;
                const halfWidth = width / 2;
                const halfHeight = height / 2;
                const xr = Math.ceil(x + halfWidth);
                const xl = Math.floor(x - halfWidth);
                const yt = Math.floor(y - halfHeight);
                const yb = Math.ceil(y + halfHeight);
                if (anchorX < xl && anchorY < yt || anchorX >= xl && anchorX <= xr && anchorY < yt) {
                    return 270
                }
                if (anchorX > xr && anchorY > yb || anchorX >= xl && anchorX <= xr && anchorY > yb) {
                    return 90
                } else if (anchorX < xl && anchorY > yb || anchorX < xl && anchorY >= yt && anchorY <= yb) {
                    return 180
                }
                return 0
            }

            function getCloudPoints(_ref2, x, y, anchorX, anchorY, _ref3, bounded) {
                let {
                    width: width,
                    height: height
                } = _ref2;
                let {
                    arrowWidth: arrowWidth,
                    cornerRadius: cornerRadius = 0
                } = _ref3;
                const halfArrowWidth = arrowWidth / 2;
                const halfWidth = width / 2;
                const halfHeight = height / 2;
                const xr = Math.ceil(x + halfWidth);
                const xl = Math.floor(x - halfWidth);
                const yt = Math.floor(y - halfHeight);
                const yb = Math.ceil(y + halfHeight);
                const leftTopCorner = [xl, yt];
                const rightTopCorner = [xr, yt];
                const rightBottomCorner = [xr, yb];
                const leftBottomCorner = [xl, yb];
                const arrowX = anchorX <= xl ? xl : xr <= anchorX ? xr : anchorX;
                const arrowY = anchorY <= yt ? yt : yb <= anchorY ? yb : anchorY;
                const arrowBaseBottom = min(arrowY + halfArrowWidth, yb);
                const arrowBaseTop = max(arrowY - halfArrowWidth, yt);
                const arrowBaseLeft = max(arrowX - halfArrowWidth, xl);
                cornerRadius = Math.min(width / 2, height / 2, cornerRadius);
                let points;
                leftTopCorner[1] += cornerRadius;
                rightTopCorner[0] -= cornerRadius;
                rightBottomCorner[1] -= cornerRadius;
                leftBottomCorner[0] += cornerRadius;
                if (!bounded || xl <= anchorX && anchorX <= xr && yt <= anchorY && anchorY <= yb) {
                    points = buildPath(leftTopCorner, getArc(cornerRadius, 1, -1), "L", rightTopCorner, getArc(cornerRadius, 1, 1), "L", rightBottomCorner, getArc(cornerRadius, -1, 1), "L", leftBottomCorner, getArc(cornerRadius, -1, -1))
                } else if (anchorX > xr && anchorY < yt) {
                    const arrowAngle = arrowWidth / cornerRadius || 0;
                    const angle = PI / 4 + arrowAngle / 2;
                    const endAngle = PI / 4 - arrowAngle / 2;
                    const arrowEndPointX = rightTopCorner[0] + cos(endAngle) * cornerRadius;
                    const arrowEndPointY = rightTopCorner[1] + (1 - sin(endAngle)) * cornerRadius;
                    let arrowArc = buildPath("L", rightTopCorner, getArc(cornerRadius, cos(angle), 1 - sin(angle)), "L", [anchorX, anchorY, arrowEndPointX, arrowEndPointY], getAbsoluteArc(cornerRadius, rightTopCorner[0] + cornerRadius, rightTopCorner[1] + cornerRadius));
                    if (Math.abs(angle) > PI / 2) {
                        arrowArc = buildPath("L", [arrowBaseLeft, yt, anchorX, anchorY, xr, arrowBaseBottom])
                    }
                    points = buildPath(leftTopCorner, getArc(cornerRadius, 1, -1), arrowArc, "L", rightBottomCorner, getArc(cornerRadius, -1, 1), "L", leftBottomCorner, getArc(cornerRadius, -1, -1))
                } else if (anchorX > xr && anchorY >= yt && anchorY <= yb) {
                    let arrowArc;
                    if (arrowBaseTop >= rightTopCorner[1] + cornerRadius && arrowBaseBottom <= rightBottomCorner[1]) {
                        arrowArc = buildPath(getArc(cornerRadius, 1, 1), "L", [xr, arrowBaseTop, anchorX, anchorY, xr, arrowBaseBottom], "L", rightBottomCorner, getArc(cornerRadius, -1, 1))
                    } else if (arrowBaseTop < rightTopCorner[1] + cornerRadius && arrowBaseBottom >= rightTopCorner[1] + cornerRadius && arrowBaseBottom <= rightBottomCorner[1]) {
                        const arrowWidthRest = rightTopCorner[1] + cornerRadius - arrowBaseTop;
                        const angle = arrowWidthRest / cornerRadius;
                        const arrowBaseTopX = rightTopCorner[0] + cos(angle) * cornerRadius;
                        const arrowBaseTopY = rightTopCorner[1] + (1 - sin(angle)) * cornerRadius;
                        arrowArc = buildPath(getArc(cornerRadius, cos(angle), 1 - sin(angle)), "L", [arrowBaseTopX, arrowBaseTopY, anchorX, anchorY, xr, arrowBaseBottom], "L", rightBottomCorner, getArc(cornerRadius, -1, 1))
                    } else if (arrowBaseTop < rightTopCorner[1] + cornerRadius && arrowBaseBottom < rightTopCorner[1] + cornerRadius) {
                        const arrowWidthRest = rightTopCorner[1] + cornerRadius - arrowBaseTop;
                        const arrowAngle = arrowWidthRest / cornerRadius;
                        const angle = arrowAngle;
                        const arrowBaseTopX = rightTopCorner[0] + cos(angle) * cornerRadius;
                        const arrowBaseTopY = rightTopCorner[1] + (1 - sin(angle)) * cornerRadius;
                        const bottomAngle = Math.sin((rightTopCorner[1] + cornerRadius - arrowBaseBottom) / cornerRadius);
                        const arrowBaseBottomX = rightTopCorner[0] + cornerRadius * cos(bottomAngle);
                        const arrowBaseBottomY = rightTopCorner[1] + cornerRadius * (1 - sin(bottomAngle));
                        arrowArc = buildPath(getArc(cornerRadius, cos(angle), 1 - sin(angle)), "L", [arrowBaseTopX, arrowBaseTopY, anchorX, anchorY, arrowBaseBottomX, arrowBaseBottomY], getAbsoluteArc(cornerRadius, rightTopCorner[0] + cornerRadius, rightTopCorner[1] + cornerRadius), "L", rightBottomCorner, getArc(cornerRadius, -1, 1))
                    } else if (arrowBaseTop <= rightTopCorner[1] + cornerRadius && arrowBaseBottom >= rightBottomCorner[1]) {
                        const topAngle = asin((rightTopCorner[1] + cornerRadius - arrowBaseTop) / cornerRadius);
                        const arrowBaseTopX = rightTopCorner[0] + cornerRadius * cos(topAngle);
                        const arrowBaseTopY = rightTopCorner[1] + cornerRadius * (1 - sin(topAngle));
                        const bottomAngle = asin((arrowBaseBottom - rightBottomCorner[1]) / cornerRadius);
                        const arrowBaseBottomX = rightBottomCorner[0] + cornerRadius * (cos(bottomAngle) - 1);
                        const arrowBaseBottomY = rightBottomCorner[1] + cornerRadius * sin(bottomAngle);
                        arrowArc = buildPath(getArc(cornerRadius, cos(topAngle), 1 - sin(topAngle)), "L", [arrowBaseTopX, arrowBaseTopY, anchorX, anchorY, arrowBaseBottomX, arrowBaseBottomY], getAbsoluteArc(cornerRadius, rightBottomCorner[0] - cornerRadius, rightBottomCorner[1] + cornerRadius))
                    } else if (arrowBaseTop > rightTopCorner[1] + cornerRadius && arrowBaseTop <= rightBottomCorner[1] && arrowBaseBottom > rightBottomCorner[1]) {
                        const bottomAngle = asin((arrowBaseBottom - rightBottomCorner[1]) / cornerRadius);
                        const arrowBaseBottomX = rightBottomCorner[0] + cornerRadius * (cos(bottomAngle) - 1);
                        const arrowBaseBottomY = rightBottomCorner[1] + cornerRadius * sin(bottomAngle);
                        arrowArc = buildPath(getArc(cornerRadius, 1, 1), "L", [xr, arrowBaseTop, anchorX, anchorY, arrowBaseBottomX, arrowBaseBottomY], getAbsoluteArc(cornerRadius, rightBottomCorner[0] - cornerRadius, rightBottomCorner[1] + cornerRadius))
                    } else if (arrowBaseTop > rightTopCorner[1] + cornerRadius && arrowBaseBottom > rightBottomCorner[1]) {
                        const bottomAngle = asin((arrowBaseBottom - rightBottomCorner[1]) / cornerRadius);
                        const arrowBaseBottomX = rightBottomCorner[0] + cornerRadius * (cos(bottomAngle) - 1);
                        const arrowBaseBottomY = rightBottomCorner[1] + cornerRadius * sin(bottomAngle);
                        const topAngle = asin((arrowBaseTop - rightBottomCorner[1]) / cornerRadius);
                        const arrowBaseTopX = rightBottomCorner[0] + cornerRadius * (cos(topAngle) - 1);
                        const arrowBaseTopY = rightBottomCorner[1] + cornerRadius * sin(topAngle);
                        arrowArc = buildPath(getArc(cornerRadius, 1, 1), "L", rightBottomCorner, getArc(cornerRadius, cos(topAngle) - 1, sin(topAngle)), "L", [arrowBaseTopX, arrowBaseTopY, anchorX, anchorY, arrowBaseBottomX, arrowBaseBottomY], getAbsoluteArc(cornerRadius, rightBottomCorner[0] - cornerRadius, rightBottomCorner[1] + cornerRadius))
                    }
                    points = buildPath(leftTopCorner, getArc(cornerRadius, 1, -1), "L", rightTopCorner, arrowArc, "L", leftBottomCorner, getArc(cornerRadius, -1, -1))
                }
                return buildPath("M", points, "Z")
            }
            exports.Plaque = class {
                constructor(options, widget, root, contentTemplate) {
                    let bounded = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : true;
                    let measureContent = arguments.length > 5 && void 0 !== arguments[5] ? arguments[5] : (_, g) => g.getBBox();
                    let moveContentGroup = arguments.length > 6 && void 0 !== arguments[6] ? arguments[6] : (_, g, x, y) => g.move(x, y);
                    this.widget = widget;
                    this.options = options;
                    this.root = root;
                    this.contentTemplate = contentTemplate;
                    this.bonded = bounded;
                    this.measureContent = measureContent;
                    this.moveContentGroup = moveContentGroup
                }
                draw(_ref4) {
                    let {
                        x: anchorX,
                        y: anchorY,
                        canvas: canvas = {},
                        offsetX: offsetX,
                        offsetY: offsetY,
                        offset: offset = 0
                    } = _ref4, restProps = function(r, e) {
                        if (null == r) {
                            return {}
                        }
                        var t = {};
                        for (var n in r) {
                            if ({}.hasOwnProperty.call(r, n)) {
                                if (-1 !== e.indexOf(n)) {
                                    continue
                                }
                                t[n] = r[n]
                            }
                        }
                        return t
                    }(_ref4, _excluded);
                    const options = this.options;
                    let {
                        x: x,
                        y: y
                    } = options;
                    const bounds_xl = canvas.left,
                        bounds_xr = canvas.width - canvas.right,
                        bounds_width = canvas.width - canvas.right - canvas.left,
                        bounds_yt = canvas.top,
                        bounds_yb = canvas.height - canvas.bottom,
                        bounds_height = canvas.height - canvas.bottom - canvas.top;
                    if (!((0, _type.isDefined)(anchorX) && (0, _type.isDefined)(anchorY)) && !((0, _type.isDefined)(x) && (0, _type.isDefined)(y))) {
                        return false
                    }
                    if ((0, _type.isDefined)(anchorX) && (anchorX < bounds_xl || bounds_xr < anchorX || anchorY < bounds_yt || bounds_yb < anchorY)) {
                        return false
                    }
                    if (!this._root) {
                        this._draw()
                    }
                    const shadowSettings = (0, _extend.extend)({
                        x: "-50%",
                        y: "-50%",
                        width: "200%",
                        height: "200%"
                    }, options.shadow);
                    const contentWidth = options.width > 0 ? options.width : null;
                    const contentHeight = options.height > 0 ? options.height : null;
                    const onRender = () => {
                        var _this$_root;
                        const bBox = this._contentBBox = this.measureContent(this.widget, this._contentGroup);
                        const size = this._size = {
                            width: max(contentWidth, bBox.width) + 2 * options.paddingLeftRight,
                            height: max(contentHeight, bBox.height) + 2 * options.paddingTopBottom,
                            offset: offset
                        };
                        const xOff = shadowSettings.offsetX;
                        const yOff = shadowSettings.offsetY;
                        const blur = 2 * shadowSettings.blur + 1;
                        const lm = max(blur - xOff, 0);
                        const rm = max(blur + xOff, 0);
                        const tm = max(blur - yOff, 0);
                        const bm = max(blur + yOff, 0);
                        this.margins = {
                            lm: lm,
                            rm: rm,
                            tm: tm,
                            bm: bm
                        };
                        if (!(0, _type.isDefined)(x)) {
                            if ((0, _type.isDefined)(offsetX)) {
                                x = anchorX + offsetX
                            } else if (bounds_width < size.width) {
                                x = round(bounds_xl + bounds_width / 2)
                            } else {
                                x = min(max(anchorX, Math.ceil(bounds_xl + size.width / 2 + lm)), Math.floor(bounds_xr - size.width / 2 - rm))
                            }
                        } else {
                            x += offsetX || 0;
                            if (!(0, _type.isDefined)(anchorX)) {
                                anchorX = x
                            }
                        }
                        if (!(0, _type.isDefined)(y)) {
                            if ((0, _type.isDefined)(offsetY)) {
                                y = anchorY + offsetY
                            } else {
                                const y_top = anchorY - options.arrowLength - size.height / 2 - offset;
                                const y_bottom = anchorY + options.arrowLength + size.height / 2 + offset;
                                if (bounds_height < size.height + options.arrowLength) {
                                    y = round(bounds_yt + size.height / 2)
                                } else if (y_top - size.height / 2 - tm < bounds_yt) {
                                    if (y_bottom + size.height / 2 + bm < bounds_yb) {
                                        y = y_bottom;
                                        anchorY += offset
                                    } else {
                                        y = round(bounds_yt + size.height / 2)
                                    }
                                } else {
                                    y = y_top;
                                    anchorY -= offset
                                }
                            }
                        } else {
                            y += offsetY || 0;
                            if (!(0, _type.isDefined)(anchorY)) {
                                anchorY = y + size.height / 2
                            }
                        }
                        this.anchorX = anchorX;
                        this.anchorY = anchorY;
                        this.move(x, y);
                        null === (_this$_root = this._root) || void 0 === _this$_root || _this$_root.append(this.root)
                    };
                    if (this.contentTemplate.render) {
                        this.contentTemplate.render({
                            model: options,
                            container: this._contentGroup.element,
                            onRendered: onRender
                        })
                    } else {
                        this.contentTemplate(Object.assign({
                            group: this._contentGroup,
                            onRender: onRender
                        }, restProps))
                    }
                    return true
                }
                _draw() {
                    const renderer = this.widget._renderer;
                    const options = this.options;
                    const shadowSettings = (0, _extend.extend)({
                        x: "-50%",
                        y: "-50%",
                        width: "200%",
                        height: "200%"
                    }, options.shadow);
                    const shadow = this._shadow = renderer.shadowFilter().attr(shadowSettings);
                    const cloudSettings = {
                        opacity: options.opacity,
                        "stroke-width": 0,
                        fill: options.color
                    };
                    const borderOptions = options.border || {};
                    if (borderOptions.visible) {
                        (0, _extend.extend)(cloudSettings, {
                            "stroke-width": borderOptions.width,
                            stroke: borderOptions.color,
                            "stroke-opacity": borderOptions.opacity,
                            dashStyle: borderOptions.dashStyle
                        })
                    }
                    const group = this._root = renderer.g().append(this.root);
                    if (options.type) {
                        group.attr({
                            class: `dxc-${options.type}-annotation`
                        })
                    }
                    const cloudGroup = renderer.g().attr({
                        filter: shadow.id
                    }).append(group);
                    this._cloud = renderer.path([], "area").attr(cloudSettings).sharp().append(cloudGroup);
                    this._contentGroup = renderer.g().append(group)
                }
                getBBox() {
                    const size = this._size || {};
                    const margins = this.margins || {};
                    const rotationAngle = getCloudAngle(size, this.x, this.y, this.anchorX, this.anchorY);
                    return {
                        x: Math.floor(this.x - size.width / 2 - margins.lm),
                        y: Math.floor(this.y - size.height / 2 - margins.tm - (270 === rotationAngle ? this.options.arrowLength : 0)),
                        width: size.width + margins.lm + margins.rm,
                        height: size.height + margins.tm + margins.bm + (90 === rotationAngle || 270 === rotationAngle ? this.options.arrowLength : 0)
                    }
                }
                clear() {
                    if (this._root) {
                        this._root.remove();
                        this._shadow.remove();
                        this._root = null
                    }
                    return this
                }
                customizeCloud(attr) {
                    if (this._cloud) {
                        this._cloud.attr(attr)
                    }
                }
                moveRoot(x, y) {
                    if (this._root) {
                        this._root.move(x, y)
                    }
                }
                move(x, y) {
                    x = round(x);
                    y = round(y);
                    this.x = x;
                    this.y = y;
                    const rotationAngle = getCloudAngle(this._size, x, y, this.anchorX, this.anchorY);
                    const radRotationAngle = rotationAngle * PI / 180;
                    this._cloud.attr({
                        d: getCloudPoints(rotateSize(this._size, rotationAngle), x, y, rotateX(this.anchorX, this.anchorY, radRotationAngle, x, y), rotateY(this.anchorX, this.anchorY, radRotationAngle, x, y), this.options, this.bonded)
                    }).rotate(rotationAngle, x, y);
                    this.moveContentGroup(this.widget, this._contentGroup, x - this._contentBBox.x - this._contentBBox.width / 2, y - this._contentBBox.y - this._contentBBox.height / 2)
                }
                hitTest(x, y) {
                    const {
                        width: width,
                        height: height
                    } = this._size || {};
                    return Math.abs(x - this.x) <= width / 2 && Math.abs(y - this.y) <= height / 2
                }
            }
        },
        82645(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Animation = Animation;
            exports.AnimationController = AnimationController;
            exports.noop = exports.easingFunctions = exports.animationSvgStep = void 0;
            var _frame = __webpack_require__( /*! ../../../../common/core/animation/frame */ 84096);
            const noop = function() {};
            exports.noop = noop;
            const easingFunctions = exports.easingFunctions = {
                easeOutCubic: (pos, start, end) => 1 === pos ? end : (1 - (1 - pos) ** 3) * (end - start) + +start,
                linear: (pos, start, end) => 1 === pos ? end : pos * (end - start) + +start
            };
            const animationSvgStep = exports.animationSvgStep = {
                segments(elem, params, progress, easing, currentParams) {
                    const {
                        from: from
                    } = params;
                    const {
                        to: to
                    } = params;
                    let curSeg;
                    let seg;
                    let i;
                    let j;
                    const segments = [];
                    for (i = 0; i < from.length; i++) {
                        curSeg = from[i];
                        seg = [curSeg[0]];
                        if (curSeg.length > 1) {
                            for (j = 1; j < curSeg.length; j++) {
                                seg.push(easing(progress, curSeg[j], to[i][j]))
                            }
                        }
                        segments.push(seg)
                    }
                    currentParams.segments = params.end && 1 === progress ? params.end : segments;
                    elem.attr({
                        segments: segments
                    })
                },
                arc(elem, params, progress, easing) {
                    const {
                        from: from
                    } = params;
                    const {
                        to: to
                    } = params;
                    const current = {};
                    for (const i in from) {
                        current[i] = easing(progress, from[i], to[i])
                    }
                    elem.attr(current)
                },
                transform(elem, params, progress, easing, currentParams) {
                    const {
                        from: from
                    } = params;
                    const {
                        to: to
                    } = params;
                    const current = {};
                    for (const i in from) {
                        current[i] = currentParams[i] = easing(progress, from[i], to[i])
                    }
                    elem.attr(current)
                },
                base(elem, params, progress, easing, currentParams, attributeName) {
                    const obj = {};
                    obj[attributeName] = currentParams[attributeName] = easing(progress, params.from, params.to);
                    elem.attr(obj)
                },
                _: noop,
                complete(element, currentSettings) {
                    element.attr(currentSettings)
                }
            };

            function step(now) {
                const that = this;
                const animateStep = that._animateStep;
                let attrName;
                that._progress = that._calcProgress(now);
                for (attrName in that.params) {
                    const anim = animateStep[attrName] || animateStep.base;
                    anim(that.element, that.params[attrName], that._progress, that._easing, that._currentParams, attrName)
                }
                that.options.step && that.options.step(that._easing(that._progress, 0, 1), that._progress);
                if (1 === that._progress) {
                    return that.stop()
                }
                return true
            }

            function delayTick(now) {
                if (now - this._startTime >= this.delay) {
                    this.tick = step
                }
                return true
            }

            function start(now) {
                this._startTime = now;
                this.tick = this.delay ? delayTick : step;
                return true
            }

            function Animation(element, params, options) {
                this._progress = 0;
                this.element = element;
                this.params = params;
                this.options = options;
                this.duration = options.partitionDuration ? options.duration * options.partitionDuration : options.duration;
                this.delay = options.delay && options.duration * options.delay || 0;
                this._animateStep = options.animateStep || animationSvgStep;
                this._easing = easingFunctions[options.easing] || easingFunctions.easeOutCubic;
                this._currentParams = {};
                this.tick = start
            }
            Animation.prototype = {
                _calcProgress(now) {
                    return Math.min(1, (now - this.delay - this._startTime) / this.duration)
                },
                stop(disableComplete) {
                    const {
                        options: options
                    } = this;
                    const animateStep = this._animateStep;
                    this.stop = this.tick = noop;
                    animateStep.complete && animateStep.complete(this.element, this._currentParams);
                    options.complete && !disableComplete && options.complete()
                }
            };

            function AnimationController(element) {
                this._animationCount = 0;
                this._timerId = null;
                this._animations = {};
                this.element = element
            }
            AnimationController.prototype = {
                _loop() {
                    const that = this;
                    const animations = that._animations;
                    let activeAnimation = 0;
                    const now = (new Date).getTime();
                    let an;
                    const endAnimation = that._endAnimation;
                    for (an in animations) {
                        if (!animations[an].tick(now)) {
                            delete animations[an]
                        }
                        activeAnimation++
                    }
                    if (0 === activeAnimation) {
                        that.stop();
                        that._endAnimationTimer = endAnimation && setTimeout(() => {
                            if (0 === that._animationCount) {
                                endAnimation();
                                that._endAnimation = null
                            }
                        });
                        return
                    }
                    that._timerId = _frame.requestAnimationFrame.call(null, () => {
                        that._loop()
                    }, that.element)
                },
                addAnimation(animation) {
                    const that = this;
                    that._animations[that._animationCount++] = animation;
                    clearTimeout(that._endAnimationTimer);
                    if (!that._timerId) {
                        clearTimeout(that._startDelay);
                        that._startDelay = setTimeout(() => {
                            that._timerId = 1;
                            that._loop()
                        }, 0)
                    }
                },
                animateElement(elem, params, options) {
                    if (elem && params && options) {
                        elem.animation && elem.animation.stop();
                        this.addAnimation(elem.animation = new Animation(elem, params, options))
                    }
                },
                onEndAnimation(endAnimation) {
                    this._animationCount ? this._endAnimation = endAnimation : endAnimation()
                },
                dispose() {
                    this.stop();
                    this.element = null
                },
                stop() {
                    this._animations = {};
                    this._animationCount = 0;
                    (0, _frame.cancelAnimationFrame)(this._timerId);
                    clearTimeout(this._startDelay);
                    clearTimeout(this._endAnimationTimer);
                    this._timerId = null
                },
                lock() {
                    let an;
                    const animations = this._animations;
                    let unstoppable;
                    let hasUnstoppableInAnimations;
                    for (an in animations) {
                        unstoppable = animations[an].options.unstoppable;
                        hasUnstoppableInAnimations = hasUnstoppableInAnimations || unstoppable;
                        if (!unstoppable) {
                            animations[an].stop(true);
                            delete animations[an]
                        }
                    }!hasUnstoppableInAnimations && this.stop()
                }
            }
        },
        15232(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.RectSvgElement = exports.PathSvgElement = exports.ArcSvgElement = void 0;
            exports.Renderer = Renderer;
            exports.getBackup = exports.TextSvgElement = exports.SvgElement = void 0;
            exports.getFuncIri = getFuncIri;
            exports.processHatchingAttrs = processHatchingAttrs;
            exports.refreshPaths = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../../common/core/events/core/events_engine */ 92774));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../../core/renderer */ 64553));
            var _call_once = _interopRequireDefault(__webpack_require__( /*! ../../../../core/utils/call_once */ 13630));
            var _svg = __webpack_require__( /*! ../../../../core/utils/svg */ 47420);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _animation = __webpack_require__( /*! ../../../viz/core/renderers/animation */ 82645);
            var _utils = __webpack_require__( /*! ../../../viz/core/utils */ 98013);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();
            const {
                max: max,
                round: round
            } = Math;
            const pxAddingExceptions = {
                "column-count": true,
                "fill-opacity": true,
                "flex-grow": true,
                "flex-shrink": true,
                "font-weight": true,
                "line-height": true,
                opacity: true,
                order: true,
                orphans: true,
                widows: true,
                "z-index": true,
                zoom: true
            };
            const NONE = "none";
            const objectCreate = function() {
                if (!Object.create) {
                    return function(proto) {
                        const F = function() {};
                        F.prototype = proto;
                        return new F
                    }
                }
                return function(proto) {
                    return Object.create(proto)
                }
            }();
            const DEFAULTS = {
                scaleX: 1,
                scaleY: 1,
                "pointer-events": null
            };
            const getBackup = exports.getBackup = (0, _call_once.default)(() => {
                const backupContainer = _dom_adapter.default.createElement("div");
                backupContainer.style.left = "-9999px";
                backupContainer.style.position = "absolute";
                return {
                    backupContainer: backupContainer,
                    backupCounter: 0
                }
            });

            function isObjectArgument(value) {
                return value && "string" !== typeof value
            }

            function createElement(tagName) {
                return _dom_adapter.default.createElementNS("http://www.w3.org/2000/svg", tagName)
            }

            function getFuncIri(id, pathModified) {
                return null !== id ? `url(${pathModified?window.location.href.split("#")[0]:""}#${id})` : id
            }

            function extend(target, source) {
                let key;
                for (key in source) {
                    target[key] = source[key]
                }
                return target
            }
            const preserveAspectRatioMap = {
                full: NONE,
                lefttop: "xMinYMin",
                leftcenter: "xMinYMid",
                leftbottom: "xMinYMax",
                centertop: "xMidYMin",
                center: "xMidYMid",
                centerbottom: "xMidYMax",
                righttop: "xMaxYMin",
                rightcenter: "xMaxYMid",
                rightbottom: "xMaxYMax"
            };

            function processHatchingAttrs(element, attrs) {
                if (attrs.hatching && "none" !== (0, _utils.normalizeEnum)(attrs.hatching.direction)) {
                    attrs = extend({}, attrs);
                    attrs.fill = element._hatching = element.renderer.lockDefsElements({
                        color: attrs.fill,
                        hatching: attrs.hatching
                    }, element._hatching, "pattern");
                    delete attrs.filter
                } else if (element._hatching) {
                    element.renderer.releaseDefsElements(element._hatching);
                    element._hatching = null;
                    delete attrs.filter
                } else if (attrs.filter) {
                    attrs = extend({}, attrs);
                    attrs.filter = element._filter = element.renderer.lockDefsElements({}, element._filter, "filter")
                } else if (element._filter) {
                    element.renderer.releaseDefsElements(element._filter);
                    element._filter = null
                }
                delete attrs.hatching;
                return attrs
            }
            const buildArcPath = function(x, y, innerR, outerR, startAngleCos, startAngleSin, endAngleCos, endAngleSin, isCircle, longFlag) {
                return ["M", (x + outerR * startAngleCos).toFixed(5), (y - outerR * startAngleSin).toFixed(5), "A", outerR.toFixed(5), outerR.toFixed(5), 0, longFlag, 0, (x + outerR * endAngleCos).toFixed(5), (y - outerR * endAngleSin).toFixed(5), isCircle ? "M" : "L", (x + innerR * endAngleCos).toFixed(5), (y - innerR * endAngleSin).toFixed(5), "A", innerR.toFixed(5), innerR.toFixed(5), 0, longFlag, 1, (x + innerR * startAngleCos).toFixed(5), (y - innerR * startAngleSin).toFixed(5), "Z"].join(" ")
            };

            function buildPathSegments(points, type) {
                let list = [
                    ["M", 0, 0]
                ];
                switch (type) {
                    case "line":
                        list = buildLineSegments(points);
                        break;
                    case "area":
                        list = buildLineSegments(points, true);
                        break;
                    case "bezier":
                        list = buildCurveSegments(points);
                        break;
                    case "bezierarea":
                        list = buildCurveSegments(points, true)
                }
                return list
            }

            function buildLineSegments(points, close) {
                return buildSegments(points, buildSimpleLineSegment, close)
            }

            function buildCurveSegments(points, close) {
                return buildSegments(points, buildSimpleCurveSegment, close)
            }

            function buildSegments(points, buildSimpleSegment, close) {
                var _points$;
                let i;
                let ii;
                const list = [];
                if (null !== (_points$ = points[0]) && void 0 !== _points$ && _points$.length) {
                    for (i = 0, ii = points.length; i < ii; ++i) {
                        buildSimpleSegment(points[i], close, list)
                    }
                } else {
                    buildSimpleSegment(points, close, list)
                }
                return list
            }

            function buildSimpleLineSegment(points, close, list) {
                let i = 0;
                const k0 = list.length;
                let k = k0;
                const ii = (points || []).length;
                if (ii) {
                    if (void 0 !== points[0].x) {
                        for (; i < ii;) {
                            list[k++] = ["L", points[i].x, points[i++].y]
                        }
                    } else {
                        for (; i < ii;) {
                            list[k++] = ["L", points[i++], points[i++]]
                        }
                    }
                    list[k0][0] = "M"
                } else {
                    list[k] = ["M", 0, 0]
                }
                close && list.push(["Z"]);
                return list
            }

            function buildSimpleCurveSegment(points, close, list) {
                let i;
                let k = list.length;
                const ii = (points || []).length;
                if (ii) {
                    if (void 0 !== points[0].x) {
                        list[k++] = ["M", points[0].x, points[0].y];
                        for (i = 1; i < ii;) {
                            list[k++] = ["C", points[i].x, points[i++].y, points[i].x, points[i++].y, points[i].x, points[i++].y]
                        }
                    } else {
                        list[k++] = ["M", points[0], points[1]];
                        for (i = 2; i < ii;) {
                            list[k++] = ["C", points[i++], points[i++], points[i++], points[i++], points[i++], points[i++]]
                        }
                    }
                } else {
                    list[k] = ["M", 0, 0]
                }
                close && list.push(["Z"]);
                return list
            }

            function prepareConstSegment(constSeg, type) {
                const x = constSeg[constSeg.length - 2];
                const y = constSeg[constSeg.length - 1];
                switch (type) {
                    case "line":
                    case "area":
                        constSeg[0] = "L";
                        break;
                    case "bezier":
                    case "bezierarea":
                        constSeg[0] = "C";
                        constSeg[1] = constSeg[3] = constSeg[5] = x;
                        constSeg[2] = constSeg[4] = constSeg[6] = y
                }
            }

            function makeEqualLineSegments(short, long, type) {
                const constSeg = short[short.length - 1].slice();
                let i = short.length;
                prepareConstSegment(constSeg, type);
                for (; i < long.length; i++) {
                    short[i] = constSeg.slice(0)
                }
            }

            function makeEqualAreaSegments(short, long, type) {
                let i;
                let head;
                const shortLength = short.length;
                const longLength = long.length;
                let constsSeg1;
                let constsSeg2;
                if ((shortLength - 1) % 2 === 0 && (longLength - 1) % 2 === 0) {
                    i = (shortLength - 1) / 2 - 1;
                    head = short.slice(0, i + 1);
                    constsSeg1 = head[head.length - 1].slice(0);
                    constsSeg2 = short.slice(i + 1)[0].slice(0);
                    prepareConstSegment(constsSeg1, type);
                    prepareConstSegment(constsSeg2, type);
                    for (let j = i; j < (longLength - 1) / 2 - 1; j++) {
                        short.splice(j + 1, 0, constsSeg1);
                        short.splice(j + 3, 0, constsSeg2)
                    }
                }
            }

            function baseCss(that, styles) {
                const elemStyles = that._styles;
                let key;
                let value;
                styles = styles || {};
                for (key in styles) {
                    value = styles[key];
                    if ((0, _type.isDefined)(value)) {
                        value += "number" === typeof value && !pxAddingExceptions[key] ? "px" : "";
                        elemStyles[key] = "" !== value ? value : null
                    }
                }
                for (key in elemStyles) {
                    value = elemStyles[key];
                    if (value) {
                        that.element.style[key] = value
                    } else if (null === value) {
                        that.element.style[key] = ""
                    }
                }
                return that
            }

            function fixFuncIri(wrapper, attribute) {
                const {
                    element: element
                } = wrapper;
                const id = wrapper.attr(attribute);
                if (id && -1 !== id.indexOf("DevExpress")) {
                    element.removeAttribute(attribute);
                    element.setAttribute(attribute, getFuncIri(id, wrapper.renderer.pathModified))
                }
            }

            function baseAttr(that, attrs) {
                attrs = attrs || {};
                const settings = that._settings;
                const attributes = {};
                let key;
                let value;
                const elem = that.element;
                const {
                    renderer: renderer
                } = that;
                const {
                    rtl: rtl
                } = renderer;
                let hasTransformations;
                let recalculateDashStyle;
                let sw;
                let i;
                if (!isObjectArgument(attrs)) {
                    if (attrs in settings) {
                        return settings[attrs]
                    }
                    if (attrs in DEFAULTS) {
                        return DEFAULTS[attrs]
                    }
                    return 0
                }
                extend(attributes, attrs);
                for (key in attributes) {
                    value = attributes[key];
                    if (void 0 === value) {
                        continue
                    }
                    settings[key] = value;
                    if ("align" === key) {
                        key = "text-anchor";
                        value = {
                            left: rtl ? "end" : "start",
                            center: "middle",
                            right: rtl ? "start" : "end"
                        } [value] || null
                    } else if ("dashStyle" === key) {
                        recalculateDashStyle = true;
                        continue
                    } else if ("stroke-width" === key) {
                        recalculateDashStyle = true
                    } else if (value && ("fill" === key || "clip-path" === key || "filter" === key) && 0 === value.indexOf("DevExpress")) {
                        that._addFixIRICallback();
                        value = getFuncIri(value, renderer.pathModified)
                    } else if (/^(translate(X|Y)|rotate[XY]?|scale(X|Y)|sharp|sharpDirection)$/i.test(key)) {
                        hasTransformations = true;
                        continue
                    } else if (/^(x|y|d)$/i.test(key)) {
                        hasTransformations = true
                    }
                    if (null === value) {
                        elem.removeAttribute(key)
                    } else {
                        elem.setAttribute(key, value)
                    }
                }
                if (recalculateDashStyle && "dashStyle" in settings) {
                    value = settings.dashStyle;
                    sw = ("_originalSW" in that ? that._originalSW : settings["stroke-width"]) || 1;
                    key = "stroke-dasharray";
                    value = null === value ? "" : (0, _utils.normalizeEnum)(value);
                    if ("" === value || "solid" === value || value === NONE) {
                        that.element.removeAttribute(key)
                    } else {
                        value = value.replace(/longdash/g, "8,3,").replace(/dash/g, "4,3,").replace(/dot/g, "1,3,").replace(/,$/, "").split(",");
                        i = value.length;
                        while (i--) {
                            value[i] = parseInt(value[i]) * sw
                        }
                        that.element.setAttribute(key, value.join(","))
                    }
                }
                if (hasTransformations) {
                    that._applyTransformation()
                }
                return that
            }

            function orderHtmlTree(list, line, node, parentStyle, parentClassName) {
                let style;
                let realStyle;
                let i;
                let ii;
                let nodes;
                if (void 0 !== node.wholeText) {
                    list.push({
                        value: node.wholeText,
                        style: parentStyle,
                        className: parentClassName,
                        line: line,
                        height: parentStyle["font-size"] || 0
                    })
                } else if ("BR" === node.tagName) {
                    ++line
                } else if (_dom_adapter.default.isElementNode(node)) {
                    extend(style = {}, parentStyle);
                    switch (node.tagName) {
                        case "B":
                        case "STRONG":
                            style["font-weight"] = "bold";
                            break;
                        case "I":
                        case "EM":
                            style["font-style"] = "italic";
                            break;
                        case "U":
                            style["text-decoration"] = "underline"
                    }
                    realStyle = node.style;
                    realStyle.color && (style.fill = realStyle.color);
                    realStyle.fontSize && (style["font-size"] = realStyle.fontSize);
                    realStyle.fontStyle && (style["font-style"] = realStyle.fontStyle);
                    realStyle.fontWeight && (style["font-weight"] = realStyle.fontWeight);
                    realStyle.textDecoration && (style["text-decoration"] = realStyle.textDecoration);
                    for (i = 0, nodes = node.childNodes, ii = nodes.length; i < ii; ++i) {
                        line = orderHtmlTree(list, line, nodes[i], style, node.className || parentClassName)
                    }
                }
                return line
            }

            function createTspans(items, element, fieldName) {
                let i;
                let ii;
                let item;
                for (i = 0, ii = items.length; i < ii; ++i) {
                    item = items[i];
                    item[fieldName] = createElement("tspan");
                    item[fieldName].appendChild(_dom_adapter.default.createTextNode(item.value));
                    item.style && baseCss({
                        element: item[fieldName],
                        _styles: {}
                    }, item.style);
                    item.className && item[fieldName].setAttribute("class", item.className);
                    element.appendChild(item[fieldName])
                }
            }

            function restoreText() {
                if (this._hasEllipsis) {
                    this.attr({
                        text: this._settings.text
                    })
                }
            }

            function cloneAndRemoveAttrs(node) {
                let clone;
                if (node) {
                    clone = node.cloneNode();
                    clone.removeAttribute("y");
                    clone.removeAttribute("x")
                }
                return clone || node
            }

            function detachTitleElements(element) {
                const titleElements = _dom_adapter.default.querySelectorAll(element, "title");
                for (let i = 0; i < titleElements.length; i++) {
                    element.removeChild(titleElements[i])
                }
                return titleElements
            }

            function getIndexForEllipsis(text, maxWidth, startBox, endBox) {
                let k;
                let kk;
                if (startBox <= maxWidth && endBox > maxWidth) {
                    for (k = 1, kk = text.value.length; k <= kk; ++k) {
                        if (startBox + text.tspan.getSubStringLength(0, k) > maxWidth) {
                            return k - 1
                        }
                    }
                }
            }

            function getTextWidth(text) {
                return text.value.length ? text.tspan.getSubStringLength(0, text.value.length) : 0
            }

            function getEllipsisString(ellipsisMaxWidth, _ref) {
                let {
                    hideOverflowEllipsis: hideOverflowEllipsis
                } = _ref;
                return hideOverflowEllipsis && 0 === ellipsisMaxWidth ? "" : "..."
            }

            function setEllipsis(text, ellipsisMaxWidth, options) {
                const ellipsis = getEllipsisString(ellipsisMaxWidth, options);
                if (text.value.length && text.tspan.parentNode) {
                    for (let i = text.value.length - 1; i >= 1; i--) {
                        if (text.startBox + text.tspan.getSubStringLength(0, i) < ellipsisMaxWidth) {
                            setNewText(text, i, ellipsis);
                            break
                        } else if (1 === i) {
                            setNewText(text, 0, ellipsis)
                        }
                    }
                }
            }

            function wordWrap(text, maxWidth, ellipsisMaxWidth, options, lastStepBreakIndex) {
                const wholeText = text.value;
                let breakIndex;
                if ("none" !== options.wordWrap) {
                    breakIndex = "normal" === options.wordWrap ? function(text, maxWidth) {
                        const initialIndices = text.startBox > 0 ? [0] : [];
                        const spaceIndices = text.value.split("").reduce((indices, char, index) => {
                            if (" " === char) {
                                indices.push(index)
                            }
                            return indices
                        }, initialIndices);
                        let spaceIndex = 0;
                        while (void 0 !== spaceIndices[spaceIndex + 1] && text.startBox + text.tspan.getSubStringLength(0, spaceIndices[spaceIndex + 1]) < maxWidth) {
                            spaceIndex++
                        }
                        return spaceIndices[spaceIndex]
                    }(text, maxWidth) : function(text, maxWidth) {
                        for (let i = 0; i < text.value.length - 1; i++) {
                            if (text.startBox + text.tspan.getSubStringLength(0, i + 1) > maxWidth) {
                                return i
                            }
                        }
                    }(text, maxWidth)
                }
                let restLines = [];
                let restText;
                if (isFinite(breakIndex) && !(0 === lastStepBreakIndex && 0 === breakIndex)) {
                    setNewText(text, breakIndex, "");
                    const newTextOffset = " " === wholeText[breakIndex] ? 1 : 0;
                    const restString = wholeText.slice(breakIndex + newTextOffset);
                    if (restString.length) {
                        const restTspan = cloneAndRemoveAttrs(text.tspan);
                        restTspan.textContent = restString;
                        text.tspan.parentNode.appendChild(restTspan);
                        restText = extend(extend({}, text), {
                            value: restString,
                            startBox: 0,
                            height: 0,
                            tspan: restTspan,
                            stroke: cloneAndRemoveAttrs(text.stroke),
                            endBox: restTspan.getSubStringLength(0, restString.length)
                        });
                        restText.stroke && (restText.stroke.textContent = restString);
                        if (restText.endBox > maxWidth) {
                            restLines = wordWrap(restText, maxWidth, ellipsisMaxWidth, options, breakIndex);
                            if (!restLines.length) {
                                return []
                            }
                        }
                    }
                }
                if (text.value.length) {
                    if ("ellipsis" === options.textOverflow && text.tspan.getSubStringLength(0, text.value.length) > maxWidth) {
                        setEllipsis(text, ellipsisMaxWidth, options)
                    }
                    if ("hide" === options.textOverflow && text.tspan.getSubStringLength(0, text.value.length) > maxWidth) {
                        return []
                    }
                } else {
                    text.tspan.parentNode.removeChild(text.tspan)
                }
                const parts = [];
                if (restText) {
                    parts.push(restText)
                }
                return [{
                    commonLength: wholeText.length,
                    parts: parts
                }].concat(restLines)
            }

            function setNewText(text, index) {
                let insertString = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : "...";
                const newText = text.value.substr(0, index) + insertString;
                text.value = text.tspan.textContent = newText;
                text.stroke && (text.stroke.textContent = newText);
                if ("..." === insertString) {
                    text.hasEllipsis = true
                }
            }

            function removeTextSpan(text) {
                text.tspan.parentNode && text.tspan.parentNode.removeChild(text.tspan);
                text.stroke && text.stroke.parentNode && text.stroke.parentNode.removeChild(text.stroke)
            }

            function setTextNodeAttribute(item, name, value) {
                item.tspan.setAttribute(name, value);
                item.stroke && item.stroke.setAttribute(name, value)
            }

            function getItemLineHeight(item, defaultValue) {
                return item.inherits ? maxLengthFontSize(item.height, defaultValue) : item.height || defaultValue
            }

            function locateTextNodes(wrapper) {
                if (!wrapper._texts) {
                    return
                }
                const items = wrapper._texts;
                const {
                    x: x
                } = wrapper._settings;
                const lineHeight = wrapper._getLineHeight();
                let i;
                let ii;
                let item = items[0];
                setTextNodeAttribute(item, "x", x);
                setTextNodeAttribute(item, "y", wrapper._settings.y);
                for (i = 1, ii = items.length; i < ii; ++i) {
                    item = items[i];
                    if (parseFloat(item.height) >= 0) {
                        setTextNodeAttribute(item, "x", x);
                        const height = getItemLineHeight(item, lineHeight);
                        setTextNodeAttribute(item, "dy", height)
                    }
                }
            }

            function maxLengthFontSize(fontSize1, fontSize2) {
                const parsedHeight1 = parseFloat(fontSize1);
                const parsedHeight2 = parseFloat(fontSize2);
                const height1 = parsedHeight1 || 12;
                const height2 = parsedHeight2 || 12;
                return height1 > height2 ? !isNaN(parsedHeight1) ? fontSize1 : height1 : !isNaN(parsedHeight2) ? fontSize2 : height2
            }

            function baseAnimate(that, params, options, complete) {
                options = options || {};
                let key;
                let value;
                const {
                    renderer: renderer
                } = that;
                const settings = that._settings;
                const animationParams = {};
                const defaults = {
                    translateX: 0,
                    translateY: 0,
                    scaleX: 1,
                    scaleY: 1,
                    rotate: 0,
                    rotateX: 0,
                    rotateY: 0
                };
                if (complete) {
                    options.complete = complete
                }
                if (renderer.animationEnabled()) {
                    for (key in params) {
                        value = params[key];
                        if (/^(translate(X|Y)|rotate[XY]?|scale(X|Y))$/i.test(key)) {
                            animationParams.transform = animationParams.transform || {
                                from: {},
                                to: {}
                            };
                            animationParams.transform.from[key] = key in settings ? Number(settings[key].toFixed(3)) : defaults[key];
                            animationParams.transform.to[key] = value
                        } else if ("arc" === key || "segments" === key) {
                            animationParams[key] = value
                        } else {
                            animationParams[key] = {
                                from: key in settings ? settings[key] : parseFloat(that.element.getAttribute(key) || 0),
                                to: value
                            }
                        }
                    }
                    renderer.animateElement(that, animationParams, extend(extend({}, renderer._animation), options))
                } else {
                    options.step && options.step.call(that, 1, 1);
                    options.complete && options.complete.call(that);
                    that.attr(params)
                }
                return that
            }

            function buildLink(target, parameters) {
                const obj = {
                    is: false,
                    name: parameters.name || parameters,
                    after: parameters.after
                };
                if (target) {
                    obj.to = target
                } else {
                    obj.virtual = true
                }
                return obj
            }
            let SvgElement = function(renderer, tagName, type) {
                const that = this;
                that.renderer = renderer;
                that.element = createElement(tagName);
                that._settings = {};
                that._styles = {};
                if ("path" === tagName) {
                    that.type = type || "line"
                }
            };
            exports.SvgElement = SvgElement;

            function removeFuncIriCallback(callback) {
                fixFuncIriCallbacks.remove(callback)
            }
            SvgElement.prototype = {
                constructor: SvgElement,
                _getJQElement() {
                    return this._$element || (this._$element = (0, _renderer.default)(this.element))
                },
                _addFixIRICallback() {
                    const that = this;
                    const fn = function() {
                        fixFuncIri(that, "fill");
                        fixFuncIri(that, "clip-path");
                        fixFuncIri(that, "filter")
                    };
                    that.element._fixFuncIri = fn;
                    fn.renderer = that.renderer;
                    fixFuncIriCallbacks.add(fn);
                    that._addFixIRICallback = function() {}
                },
                _clearChildrenFuncIri() {
                    const clearChildren = function(element) {
                        let i;
                        for (i = 0; i < element.childNodes.length; i++) {
                            removeFuncIriCallback(element.childNodes[i]._fixFuncIri);
                            clearChildren(element.childNodes[i])
                        }
                    };
                    clearChildren(this.element)
                },
                dispose() {
                    removeFuncIriCallback(this.element._fixFuncIri);
                    this._clearChildrenFuncIri();
                    this._getJQElement().remove();
                    return this
                },
                append(parent) {
                    (parent || this.renderer.root).element.appendChild(this.element);
                    return this
                },
                remove() {
                    const {
                        element: element
                    } = this;
                    element.parentNode && element.parentNode.removeChild(element);
                    return this
                },
                enableLinks() {
                    this._links = [];
                    return this
                },
                virtualLink(parameters) {
                    linkItem({
                        _link: buildLink(null, parameters)
                    }, this);
                    return this
                },
                linkAfter(name) {
                    this._linkAfter = name;
                    return this
                },
                linkOn(target, parameters) {
                    this._link = buildLink(target, parameters);
                    linkItem(this, target);
                    return this
                },
                linkOff() {
                    ! function(target) {
                        let i;
                        const items = target._link.to._links;
                        for (i = 0; items[i] !== target; ++i) {}
                        items.splice(i, 1);
                        updateIndexes(items, i)
                    }(this);
                    this._link = null;
                    return this
                },
                linkAppend() {
                    const link = this._link;
                    const items = link.to._links;
                    let i;
                    let next;
                    for (i = link.i + 1;
                        (next = items[i]) && !next._link.is; ++i) {}
                    this._insert(link.to, next);
                    link.is = true;
                    return this
                },
                _insert(parent, next) {
                    parent.element.insertBefore(this.element, next ? next.element : null)
                },
                linkRemove() {
                    this.remove();
                    this._link.is = false;
                    return this
                },
                clear() {
                    this._clearChildrenFuncIri();
                    this._getJQElement().empty();
                    return this
                },
                toBackground() {
                    const elem = this.element;
                    const parent = elem.parentNode;
                    null === parent || void 0 === parent || parent.insertBefore(elem, parent.firstChild);
                    return this
                },
                toForeground() {
                    const elem = this.element;
                    const parent = elem.parentNode;
                    null === parent || void 0 === parent || parent.appendChild(elem);
                    return this
                },
                attr(attrs) {
                    return baseAttr(this, attrs)
                },
                smartAttr(attrs) {
                    return this.attr(processHatchingAttrs(this, attrs))
                },
                css(styles) {
                    return baseCss(this, styles)
                },
                animate(params, options, complete) {
                    return baseAnimate(this, params, options, complete)
                },
                sharp(pos, sharpDirection) {
                    return this.attr({
                        sharp: pos || true,
                        sharpDirection: sharpDirection
                    })
                },
                _applyTransformation() {
                    const tr = this._settings;
                    let rotateX;
                    let rotateY;
                    const transformations = [];
                    const sharpMode = tr.sharp;
                    const trDirection = tr.sharpDirection || 1;
                    const strokeOdd = tr["stroke-width"] % 2;
                    const correctionX = strokeOdd && ("h" === sharpMode || true === sharpMode) ? .5 * trDirection : 0;
                    const correctionY = strokeOdd && ("v" === sharpMode || true === sharpMode) ? .5 * trDirection : 0;
                    transformations.push(`translate(${(tr.translateX||0)+correctionX},${(tr.translateY||0)+correctionY})`);
                    if (tr.rotate) {
                        if ("rotateX" in tr) {
                            rotateX = tr.rotateX
                        } else {
                            rotateX = tr.x
                        }
                        if ("rotateY" in tr) {
                            rotateY = tr.rotateY
                        } else {
                            rotateY = tr.y
                        }
                        transformations.push(`rotate(${tr.rotate},${rotateX||0},${rotateY||0})`)
                    }
                    const scaleXDefined = (0, _type.isDefined)(tr.scaleX);
                    const scaleYDefined = (0, _type.isDefined)(tr.scaleY);
                    if (scaleXDefined || scaleYDefined) {
                        transformations.push(`scale(${scaleXDefined?tr.scaleX:1},${scaleYDefined?tr.scaleY:1})`)
                    }
                    if (transformations.length) {
                        this.element.setAttribute("transform", transformations.join(" "))
                    }
                },
                move(x, y, animate, animOptions) {
                    const obj = {};
                    (0, _type.isDefined)(x) && (obj.translateX = x);
                    (0, _type.isDefined)(y) && (obj.translateY = y);
                    if (!animate) {
                        this.attr(obj)
                    } else {
                        this.animate(obj, animOptions)
                    }
                    return this
                },
                rotate(angle, x, y, animate, animOptions) {
                    const obj = {
                        rotate: angle || 0
                    };
                    (0, _type.isDefined)(x) && (obj.rotateX = x);
                    (0, _type.isDefined)(y) && (obj.rotateY = y);
                    if (!animate) {
                        this.attr(obj)
                    } else {
                        this.animate(obj, animOptions)
                    }
                    return this
                },
                _getElementBBox() {
                    const elem = this.element;
                    let bBox;
                    try {
                        bBox = elem.getBBox && elem.getBBox()
                    } catch (e) {}
                    return bBox || {
                        x: 0,
                        y: 0,
                        width: elem.offsetWidth || 0,
                        height: elem.offsetHeight || 0
                    }
                },
                getBBox() {
                    const transformation = this._settings;
                    let bBox = this._getElementBBox();
                    if (transformation.rotate) {
                        bBox = (0, _utils.rotateBBox)(bBox, [("rotateX" in transformation ? transformation.rotateX : transformation.x) || 0, ("rotateY" in transformation ? transformation.rotateY : transformation.y) || 0], -transformation.rotate)
                    } else {
                        bBox = (0, _utils.normalizeBBox)(bBox)
                    }
                    return bBox
                },
                markup() {
                    return (0, _svg.getSvgMarkup)(this.element)
                },
                getOffset() {
                    return this._getJQElement().offset()
                },
                stopAnimation(disableComplete) {
                    const {
                        animation: animation
                    } = this;
                    null === animation || void 0 === animation || animation.stop(disableComplete);
                    return this
                },
                setTitle(text) {
                    const titleElem = createElement("title");
                    titleElem.textContent = text || "";
                    this.element.appendChild(titleElem)
                },
                removeTitle() {
                    detachTitleElements(this.element)
                },
                data(obj, val) {
                    const elem = this.element;
                    let key;
                    if (void 0 !== val) {
                        elem[obj] = val
                    } else {
                        for (key in obj) {
                            elem[key] = obj[key]
                        }
                    }
                    return this
                },
                on() {
                    const args = [this._getJQElement()];
                    args.push.apply(args, arguments);
                    _events_engine.default.on.apply(_events_engine.default, args);
                    return this
                },
                off() {
                    const args = [this._getJQElement()];
                    args.push.apply(args, arguments);
                    _events_engine.default.off.apply(_events_engine.default, args);
                    return this
                },
                trigger() {
                    const args = [this._getJQElement()];
                    args.push.apply(args, arguments);
                    _events_engine.default.trigger.apply(_events_engine.default, args);
                    return this
                }
            };
            let PathSvgElement = function(renderer, type) {
                SvgElement.call(this, renderer, "path", type)
            };
            exports.PathSvgElement = PathSvgElement;
            PathSvgElement.prototype = objectCreate(SvgElement.prototype);
            extend(PathSvgElement.prototype, {
                constructor: PathSvgElement,
                attr: function(attrs) {
                    const that = this;
                    let segments;
                    if (isObjectArgument(attrs)) {
                        attrs = extend({}, attrs);
                        segments = attrs.segments;
                        if ("points" in attrs) {
                            segments = buildPathSegments(attrs.points, that.type);
                            delete attrs.points
                        }
                        if (segments) {
                            attrs.d = function(segments) {
                                const d = [];
                                let k = 0;
                                let i;
                                const ii = segments.length;
                                let segment;
                                let j;
                                let jj;
                                for (i = 0; i < ii; ++i) {
                                    segment = segments[i];
                                    for (j = 0, jj = segment.length; j < jj; ++j) {
                                        d[k++] = segment[j]
                                    }
                                }
                                return d.join(" ")
                            }(segments);
                            that.segments = segments;
                            delete attrs.segments
                        }
                    }
                    return baseAttr(that, attrs)
                },
                animate: function(params, options, complete) {
                    const that = this;
                    const curSegments = that.segments || [];
                    let newSegments;
                    let endSegments;
                    if (that.renderer.animationEnabled() && "points" in params) {
                        newSegments = buildPathSegments(params.points, that.type);
                        endSegments = function(oldSegments, newSegments, type) {
                            const oldLength = oldSegments.length;
                            const newLength = newSegments.length;
                            let i;
                            let originalNewSegments;
                            const makeEqualSegments = -1 !== type.indexOf("area") ? makeEqualAreaSegments : makeEqualLineSegments;
                            if (0 === oldLength) {
                                for (i = 0; i < newLength; i++) {
                                    oldSegments.push(newSegments[i].slice(0))
                                }
                            } else if (oldLength < newLength) {
                                makeEqualSegments(oldSegments, newSegments, type)
                            } else if (oldLength > newLength) {
                                originalNewSegments = newSegments.slice(0);
                                makeEqualSegments(newSegments, oldSegments, type)
                            }
                            return originalNewSegments
                        }(curSegments, newSegments, that.type);
                        params.segments = {
                            from: curSegments,
                            to: newSegments,
                            end: endSegments
                        };
                        delete params.points
                    }
                    return baseAnimate(that, params, options, complete)
                }
            });
            let ArcSvgElement = function(renderer) {
                SvgElement.call(this, renderer, "path", "arc")
            };
            exports.ArcSvgElement = ArcSvgElement;
            ArcSvgElement.prototype = objectCreate(SvgElement.prototype);
            extend(ArcSvgElement.prototype, {
                constructor: ArcSvgElement,
                attr: function(attrs) {
                    const settings = this._settings;
                    let x;
                    let y;
                    let innerRadius;
                    let outerRadius;
                    let startAngle;
                    let endAngle;
                    if (isObjectArgument(attrs)) {
                        attrs = extend({}, attrs);
                        if ("x" in attrs || "y" in attrs || "innerRadius" in attrs || "outerRadius" in attrs || "startAngle" in attrs || "endAngle" in attrs) {
                            settings.x = x = "x" in attrs ? attrs.x : settings.x;
                            delete attrs.x;
                            settings.y = y = "y" in attrs ? attrs.y : settings.y;
                            delete attrs.y;
                            settings.innerRadius = innerRadius = "innerRadius" in attrs ? attrs.innerRadius : settings.innerRadius;
                            delete attrs.innerRadius;
                            settings.outerRadius = outerRadius = "outerRadius" in attrs ? attrs.outerRadius : settings.outerRadius;
                            delete attrs.outerRadius;
                            settings.startAngle = startAngle = "startAngle" in attrs ? attrs.startAngle : settings.startAngle;
                            delete attrs.startAngle;
                            settings.endAngle = endAngle = "endAngle" in attrs ? attrs.endAngle : settings.endAngle;
                            delete attrs.endAngle;
                            attrs.d = buildArcPath.apply(null, (0, _utils.normalizeArcParams)(x, y, innerRadius, outerRadius, startAngle, endAngle))
                        }
                    }
                    return baseAttr(this, attrs)
                },
                animate: function(params, options, complete) {
                    const settings = this._settings;
                    const arcParams = {
                        from: {},
                        to: {}
                    };
                    if (this.renderer.animationEnabled() && ("x" in params || "y" in params || "innerRadius" in params || "outerRadius" in params || "startAngle" in params || "endAngle" in params)) {
                        arcParams.from.x = settings.x || 0;
                        arcParams.from.y = settings.y || 0;
                        arcParams.from.innerRadius = settings.innerRadius || 0;
                        arcParams.from.outerRadius = settings.outerRadius || 0;
                        arcParams.from.startAngle = settings.startAngle || 0;
                        arcParams.from.endAngle = settings.endAngle || 0;
                        arcParams.to.x = "x" in params ? params.x : settings.x;
                        delete params.x;
                        arcParams.to.y = "y" in params ? params.y : settings.y;
                        delete params.y;
                        arcParams.to.innerRadius = "innerRadius" in params ? params.innerRadius : settings.innerRadius;
                        delete params.innerRadius;
                        arcParams.to.outerRadius = "outerRadius" in params ? params.outerRadius : settings.outerRadius;
                        delete params.outerRadius;
                        arcParams.to.startAngle = "startAngle" in params ? params.startAngle : settings.startAngle;
                        delete params.startAngle;
                        arcParams.to.endAngle = "endAngle" in params ? params.endAngle : settings.endAngle;
                        delete params.endAngle;
                        params.arc = arcParams
                    }
                    return baseAnimate(this, params, options, complete)
                }
            });
            let RectSvgElement = function(renderer) {
                SvgElement.call(this, renderer, "rect")
            };
            exports.RectSvgElement = RectSvgElement;
            RectSvgElement.prototype = objectCreate(SvgElement.prototype);
            extend(RectSvgElement.prototype, {
                constructor: RectSvgElement,
                attr: function(attrs) {
                    const that = this;
                    let x;
                    let y;
                    let width;
                    let height;
                    let sw;
                    let maxSW;
                    let newSW;
                    if (isObjectArgument(attrs)) {
                        attrs = extend({}, attrs);
                        if (void 0 !== attrs.x || void 0 !== attrs.y || void 0 !== attrs.width || void 0 !== attrs.height || void 0 !== attrs["stroke-width"]) {
                            void 0 !== attrs.x ? x = that._originalX = attrs.x : x = that._originalX || 0;
                            void 0 !== attrs.y ? y = that._originalY = attrs.y : y = that._originalY || 0;
                            void 0 !== attrs.width ? width = that._originalWidth = attrs.width : width = that._originalWidth || 0;
                            void 0 !== attrs.height ? height = that._originalHeight = attrs.height : height = that._originalHeight || 0;
                            void 0 !== attrs["stroke-width"] ? sw = that._originalSW = attrs["stroke-width"] : sw = that._originalSW;
                            maxSW = ~~((width < height ? width : height) / 2);
                            newSW = (sw || 0) < maxSW ? sw || 0 : maxSW;
                            attrs.x = x + newSW / 2;
                            attrs.y = y + newSW / 2;
                            attrs.width = width - newSW;
                            attrs.height = height - newSW;
                            ((sw || 0) !== newSW || !(0 === newSW && void 0 === sw)) && (attrs["stroke-width"] = newSW)
                        }
                        if ("sharp" in attrs) {
                            delete attrs.sharp
                        }
                    }
                    return baseAttr(that, attrs)
                }
            });
            let TextSvgElement = function(renderer) {
                SvgElement.call(this, renderer, "text");
                this.css({
                    "white-space": "pre"
                })
            };
            exports.TextSvgElement = TextSvgElement;
            TextSvgElement.prototype = objectCreate(SvgElement.prototype);
            extend(TextSvgElement.prototype, {
                constructor: TextSvgElement,
                attr: function(attrs) {
                    const that = this;
                    let isResetRequired;
                    if (!isObjectArgument(attrs)) {
                        return baseAttr(that, attrs)
                    }
                    attrs = extend({}, attrs);
                    const settings = that._settings;
                    const wasStroked = (0, _type.isDefined)(settings.stroke) && (0, _type.isDefined)(settings["stroke-width"]);
                    if (void 0 !== attrs.text) {
                        settings.text = attrs.text;
                        delete attrs.text;
                        isResetRequired = true
                    }
                    if (void 0 !== attrs.stroke) {
                        settings.stroke = attrs.stroke;
                        delete attrs.stroke
                    }
                    if (void 0 !== attrs["stroke-width"]) {
                        settings["stroke-width"] = attrs["stroke-width"];
                        delete attrs["stroke-width"]
                    }
                    if (void 0 !== attrs["stroke-opacity"]) {
                        settings["stroke-opacity"] = attrs["stroke-opacity"];
                        delete attrs["stroke-opacity"]
                    }
                    if (void 0 !== attrs.textsAlignment) {
                        ! function(wrapper, alignment) {
                            if (!wrapper._texts || "center" === alignment) {
                                return
                            }
                            const items = wrapper._texts;
                            const direction = "left" === alignment ? -1 : 1;
                            const maxTextWidth = Math.max.apply(Math, items.map(t => getTextWidth(t)));
                            for (let i = 0; i < items.length; i++) {
                                const item = items[i];
                                const textWidth = getTextWidth(item);
                                if (0 !== maxTextWidth && maxTextWidth !== textWidth) {
                                    setTextNodeAttribute(item, "dx", direction * round((maxTextWidth - textWidth) / 2 * 10) / 10)
                                }
                            }
                        }(that, attrs.textsAlignment);
                        delete attrs.textsAlignment
                    }
                    const isStroked = (0, _type.isDefined)(settings.stroke) && (0, _type.isDefined)(settings["stroke-width"]);
                    baseAttr(that, attrs);
                    isResetRequired = isResetRequired || isStroked !== wasStroked && settings.text;
                    if (isResetRequired) {
                        ! function(wrapper, text, isStroked) {
                            let items;
                            let parsedHtml;
                            wrapper._texts = null;
                            wrapper.clear();
                            if (null === text) {
                                return
                            }
                            text = `${text}`;
                            if (!wrapper.renderer.encodeHtml && (/<[a-z][\s\S]*>/i.test(text) || -1 !== text.indexOf("&"))) {
                                parsedHtml = function(html) {
                                    const findTagAttrs = /(?:(<[a-z0-9]+\s*))([\s\S]*?)(>|\/>)/gi;
                                    const findStyleAndClassAttrs = /(style|class)\s*=\s*(["'])(?:(?!\2).)*\2\s?/gi;
                                    return html.replace(findTagAttrs, (allTagAttrs, p1, p2, p3) => {
                                        p2 = (p2 && p2.match(findStyleAndClassAttrs) || []).map(str => str).join(" ");
                                        return p1 + p2 + p3
                                    })
                                }(text);
                                items = function(text) {
                                    const items = [];
                                    const div = _dom_adapter.default.createElement("div");
                                    div.innerHTML = text.replace(/\r/g, "").replace(/\n/g, "<br/>").replace(/style=/g, "data-style=");
                                    div.querySelectorAll("[data-style]").forEach(element => {
                                        element.style = element.getAttribute("data-style");
                                        element.removeAttribute("data-style")
                                    });
                                    orderHtmlTree(items, 0, div, {}, "");
                                    ! function(items) {
                                        let i;
                                        let ii;
                                        let currentItem = items[0];
                                        let item;
                                        for (i = 1, ii = items.length; i < ii; ++i) {
                                            item = items[i];
                                            if (item.line === currentItem.line) {
                                                currentItem.height = maxLengthFontSize(currentItem.height, item.height);
                                                currentItem.inherits = currentItem.inherits || 0 === parseFloat(item.height);
                                                item.height = NaN
                                            } else {
                                                currentItem = item
                                            }
                                        }
                                    }(items);
                                    return items
                                }(parsedHtml)
                            } else if (/\n/g.test(text)) {
                                items = function(text) {
                                    const texts = text.replace(/\r/g, "").split(/\n/g);
                                    let i = 0;
                                    const items = [];
                                    for (; i < texts.length; i++) {
                                        items.push({
                                            value: texts[i].trim(),
                                            height: 0,
                                            line: i
                                        })
                                    }
                                    return items
                                }(text)
                            } else if (isStroked) {
                                items = [{
                                    value: text.trim(),
                                    height: 0
                                }]
                            }
                            if (items) {
                                if (items.length) {
                                    wrapper._texts = items;
                                    if (isStroked) {
                                        createTspans(items, wrapper.element, "stroke")
                                    }
                                    createTspans(items, wrapper.element, "tspan")
                                }
                            } else {
                                wrapper.element.appendChild(_dom_adapter.default.createTextNode(text))
                            }
                        }(that, settings.text, isStroked);
                        that._hasEllipsis = false
                    }
                    if (isResetRequired || void 0 !== attrs.x || void 0 !== attrs.y) {
                        locateTextNodes(that)
                    }
                    if (isStroked) {
                        ! function(wrapper) {
                            if (!wrapper._texts) {
                                return
                            }
                            const items = wrapper._texts;
                            const stroke = wrapper._settings.stroke;
                            const strokeWidth = wrapper._settings["stroke-width"];
                            const strokeOpacity = wrapper._settings["stroke-opacity"] || 1;
                            let tspan;
                            let i;
                            let ii;
                            for (i = 0, ii = items.length; i < ii; ++i) {
                                tspan = items[i].stroke;
                                tspan.setAttribute("stroke", stroke);
                                tspan.setAttribute("stroke-width", strokeWidth);
                                tspan.setAttribute("stroke-opacity", strokeOpacity);
                                tspan.setAttribute("stroke-linejoin", "round")
                            }
                        }(that)
                    }
                    return that
                },
                css: function(styles) {
                    styles = styles || {};
                    baseCss(this, styles);
                    if ("font-size" in styles) {
                        locateTextNodes(this)
                    }
                    return this
                },
                applyEllipsis: function(maxWidth) {
                    const that = this;
                    let lines;
                    let hasEllipsis = false;
                    let i;
                    let ii;
                    let lineParts;
                    let j;
                    let jj;
                    let text;
                    restoreText.call(that);
                    const ellipsis = that.renderer.text("...").attr(that._styles).append(that.renderer.root);
                    const ellipsisWidth = ellipsis.getBBox().width;
                    if (that._getElementBBox().width > maxWidth) {
                        if (maxWidth - ellipsisWidth < 0) {
                            maxWidth = 0
                        } else {
                            maxWidth -= ellipsisWidth
                        }
                        lines = function(element, texts, maxWidth) {
                            let lines = [];
                            let i;
                            let ii;
                            let text;
                            let startBox;
                            let endBox;
                            if (texts) {
                                for (i = 0, ii = texts.length; i < ii; ++i) {
                                    text = texts[i];
                                    if (!lines[text.line]) {
                                        text.startBox = startBox = 0;
                                        lines.push({
                                            commonLength: text.value.length,
                                            parts: [text]
                                        })
                                    } else {
                                        text.startBox = startBox;
                                        lines[text.line].parts.push(text);
                                        lines[text.line].commonLength += text.value.length
                                    }
                                    endBox = startBox + text.tspan.getSubStringLength(0, text.value.length);
                                    text.endIndex = getIndexForEllipsis(text, maxWidth, startBox, endBox);
                                    startBox = endBox
                                }
                            } else {
                                text = {
                                    value: element.textContent,
                                    tspan: element
                                };
                                text.startBox = startBox = 0;
                                endBox = startBox + getTextWidth(text);
                                text.endIndex = getIndexForEllipsis(text, maxWidth, startBox, endBox);
                                lines = [{
                                    commonLength: element.textContent.length,
                                    parts: [text]
                                }]
                            }
                            return lines
                        }(that.element, that._texts, maxWidth);
                        for (i = 0, ii = lines.length; i < ii; ++i) {
                            lineParts = lines[i].parts;
                            if (1 === lines[i].commonLength) {
                                continue
                            }
                            for (j = 0, jj = lineParts.length; j < jj; ++j) {
                                text = lineParts[j];
                                if ((0, _type.isDefined)(text.endIndex)) {
                                    setNewText(text, text.endIndex);
                                    hasEllipsis = true
                                } else if (text.startBox > maxWidth) {
                                    removeTextSpan(text)
                                }
                            }
                        }
                    }
                    ellipsis.remove();
                    that._hasEllipsis = hasEllipsis;
                    return hasEllipsis
                },
                setMaxSize: function(maxWidth, maxHeight) {
                    let options = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
                    const that = this;
                    let lines = [];
                    let textChanged = false;
                    let textIsEmpty = false;
                    let ellipsisMaxWidth = maxWidth;
                    restoreText.call(that);
                    const restoreTitleElement = function(element) {
                        const titleElements = detachTitleElements(element);
                        return () => {
                            for (let i = 0; i < titleElements.length; i++) {
                                element.appendChild(titleElements[i])
                            }
                        }
                    }(this.element);
                    const ellipsis = that.renderer.text("...").attr(that._styles).append(that.renderer.root);
                    const ellipsisWidth = ellipsis.getBBox().width;
                    const {
                        width: width,
                        height: height
                    } = that._getElementBBox();
                    if ((width || height) && (width > maxWidth || maxHeight && height > maxHeight)) {
                        if (maxWidth - ellipsisWidth < 0) {
                            ellipsisMaxWidth = 0
                        } else {
                            ellipsisMaxWidth -= ellipsisWidth
                        }
                        lines = function(element, texts, maxWidth, ellipsisMaxWidth, options) {
                            if (!texts) {
                                const textValue = element.textContent;
                                const text = {
                                    value: textValue,
                                    height: 0,
                                    line: 0
                                };
                                element.textContent = "";
                                createTspans([text], element, "tspan");
                                texts = [text]
                            }
                            return texts.reduce((_ref3, text) => {
                                let [lines, startBox, endBox, stop, lineNumber] = _ref3;
                                const line = lines[lines.length - 1];
                                if (stop) {
                                    return [lines, startBox, endBox, stop]
                                }
                                if (!line || text.line !== lineNumber) {
                                    text.startBox = startBox = 0;
                                    lines.push({
                                        commonLength: text.value.length,
                                        parts: [text]
                                    })
                                } else {
                                    text.startBox = startBox;
                                    if (startBox > ellipsisMaxWidth && "none" === options.wordWrap && "ellipsis" === options.textOverflow) {
                                        removeTextSpan(text);
                                        return [lines, startBox, endBox, stop, lineNumber]
                                    }
                                    line.parts.push(text);
                                    line.commonLength += text.value.length
                                }
                                text.endBox = endBox = startBox + getTextWidth(text);
                                startBox = endBox;
                                if ((0, _type.isDefined)(maxWidth) && endBox > maxWidth) {
                                    const wordWrapLines = wordWrap(text, maxWidth, ellipsisMaxWidth, options);
                                    if (!wordWrapLines.length) {
                                        lines = [];
                                        stop = true
                                    } else {
                                        lines = lines.concat(wordWrapLines.filter(l => l.parts.length > 0))
                                    }
                                }
                                return [lines, startBox, endBox, stop, text.line]
                            }, [
                                [], 0, 0, false, 0
                            ])[0]
                        }(that.element, that._texts, maxWidth, ellipsisMaxWidth, options);
                        lines = function(lines, ellipsisMaxWidth, options, maxHeight, lineHeight) {
                            const {
                                textOverflow: textOverflow
                            } = options;
                            if (!isFinite(maxHeight) || 0 === Number(maxHeight) || "none" === textOverflow) {
                                return lines
                            }
                            const result = lines.reduce((_ref2, l, index, arr) => {
                                let [lines, commonHeight] = _ref2;
                                const height = function(line, lineHeight) {
                                    return line.parts.reduce((height, text) => max(height, getItemLineHeight(text, lineHeight)), 0)
                                }(l, lineHeight);
                                commonHeight += height;
                                if (commonHeight < maxHeight) {
                                    lines.push(l)
                                } else {
                                    l.parts.forEach(item => {
                                        removeTextSpan(item)
                                    });
                                    if ("ellipsis" === textOverflow) {
                                        const prevLine = arr[index - 1];
                                        if (prevLine) {
                                            const text = prevLine.parts[prevLine.parts.length - 1];
                                            if (!text.hasEllipsis) {
                                                if (0 === ellipsisMaxWidth || text.endBox < ellipsisMaxWidth) {
                                                    setNewText(text, text.value.length, getEllipsisString(ellipsisMaxWidth, options))
                                                } else {
                                                    setEllipsis(text, ellipsisMaxWidth, options)
                                                }
                                            }
                                        }
                                    }
                                }
                                return [lines, commonHeight]
                            }, [
                                [], 0
                            ]);
                            if ("hide" === textOverflow && result[1] > maxHeight) {
                                result[0].forEach(l => {
                                    l.parts.forEach(item => {
                                        removeTextSpan(item)
                                    })
                                });
                                return []
                            }
                            return result[0]
                        }(lines, ellipsisMaxWidth, options, maxHeight, parseFloat(this._getLineHeight()));
                        this._texts = lines.reduce((texts, line) => texts.concat(line.parts), []).filter(t => "" !== t.value).map(t => {
                            t.stroke && t.tspan.parentNode.appendChild(t.stroke);
                            return t
                        }).map(t => {
                            t.tspan.parentNode.appendChild(t.tspan);
                            return t
                        });
                        !this._texts.length && (this._texts = null);
                        textChanged = true;
                        if (this._texts) {
                            locateTextNodes(this)
                        } else {
                            this.element.textContent = "";
                            textIsEmpty = true
                        }
                    }
                    ellipsis.remove();
                    that._hasEllipsis = textChanged;
                    restoreTitleElement();
                    return {
                        rowCount: lines.length,
                        textChanged: textChanged,
                        textIsEmpty: textIsEmpty
                    }
                },
                restoreText: restoreText,
                _getLineHeight() {
                    return !isNaN(parseFloat(this._styles["font-size"])) ? this._styles["font-size"] : 12
                }
            });

            function updateIndexes(items, k) {
                let i;
                let item;
                for (i = k; item = items[i]; ++i) {
                    item._link.i = i
                }
            }

            function linkItem(target, container) {
                const items = container._links;
                const key = target._link.after = target._link.after || container._linkAfter;
                let i;
                let item;
                if (key) {
                    for (i = 0;
                        (item = items[i]) && item._link.name !== key; ++i) {}
                    if (item) {
                        for (++i;
                            (item = items[i]) && item._link.after === key; ++i) {}
                    }
                } else {
                    i = items.length
                }
                items.splice(i, 0, target);
                updateIndexes(items, i)
            }

            function Renderer(options) {
                this.root = this._createElement("svg", {
                    xmlns: "http://www.w3.org/2000/svg",
                    version: "1.1",
                    fill: NONE,
                    stroke: NONE,
                    "stroke-width": 0
                }).attr({
                    class: options.cssClass
                }).css({
                    "line-height": "normal",
                    "-moz-user-select": NONE,
                    "-webkit-user-select": NONE,
                    "-webkit-tap-highlight-color": "rgba(0, 0, 0, 0)",
                    display: "block",
                    overflow: "hidden"
                });
                this._init();
                this.pathModified = !!options.pathModified;
                this._$container = (0, _renderer.default)(options.container);
                this.root.append({
                    element: options.container
                });
                this._locker = 0;
                this._backed = false
            }
            Renderer.prototype = {
                constructor: Renderer,
                _init() {
                    this._defs = this._createElement("defs").append(this.root);
                    this._animationController = new _animation.AnimationController(this.root.element);
                    this._animation = {
                        enabled: true,
                        duration: 1e3,
                        easing: "easeOutCubic"
                    }
                },
                setOptions(options) {
                    this.rtl = !!options.rtl;
                    this.encodeHtml = !!options.encodeHtml;
                    this.updateAnimationOptions(options.animation || {});
                    this.root.attr({
                        direction: this.rtl ? "rtl" : "ltr"
                    });
                    return this
                },
                _createElement(tagName, attr, type) {
                    const elem = new SvgElement(this, tagName, type);
                    attr && elem.attr(attr);
                    return elem
                },
                lock() {
                    const that = this;
                    if (0 === that._locker) {
                        that._backed = !that._$container.is(":visible");
                        if (that._backed) {
                            ! function(root) {
                                if (0 === getBackup().backupCounter) {
                                    _dom_adapter.default.getBody().appendChild(getBackup().backupContainer)
                                }++getBackup().backupCounter;
                                root.append({
                                    element: getBackup().backupContainer
                                })
                            }(that.root)
                        }
                    }++that._locker;
                    return that
                },
                unlock() {
                    const that = this;
                    --that._locker;
                    if (0 === that._locker) {
                        if (that._backed) {
                            ! function(root, container) {
                                root.append({
                                    element: container
                                });
                                --getBackup().backupCounter;
                                if (0 === getBackup().backupCounter) {
                                    _dom_adapter.default.getBody().removeChild(getBackup().backupContainer)
                                }
                            }(that.root, that._$container[0])
                        }
                        that._backed = false
                    }
                    return that
                },
                resize(width, height) {
                    if (width >= 0 && height >= 0) {
                        this.root.attr({
                            width: width,
                            height: height
                        })
                    }
                    return this
                },
                dispose() {
                    const that = this;
                    let key;
                    that.root.dispose();
                    that._defs.dispose();
                    that._animationController.dispose();
                    fixFuncIriCallbacks.removeByRenderer(that);
                    for (key in that) {
                        that[key] = null
                    }
                    return that
                },
                animationEnabled() {
                    return !!this._animation.enabled
                },
                updateAnimationOptions(newOptions) {
                    extend(this._animation, newOptions);
                    return this
                },
                stopAllAnimations(lock) {
                    this._animationController[lock ? "lock" : "stop"]();
                    return this
                },
                animateElement(element, params, options) {
                    this._animationController.animateElement(element, params, options);
                    return this
                },
                svg() {
                    return this.root.markup()
                },
                getRootOffset() {
                    return this.root.getOffset()
                },
                onEndAnimation(endAnimation) {
                    this._animationController.onEndAnimation(endAnimation)
                },
                rect(x, y, width, height) {
                    const elem = new RectSvgElement(this);
                    return elem.attr({
                        x: x || 0,
                        y: y || 0,
                        width: width || 0,
                        height: height || 0
                    })
                },
                simpleRect() {
                    return this._createElement("rect")
                },
                circle(x, y, r) {
                    return this._createElement("circle", {
                        cx: x || 0,
                        cy: y || 0,
                        r: r || 0
                    })
                },
                g() {
                    return this._createElement("g")
                },
                image(x, y, w, h, href, location) {
                    const image = this._createElement("image", {
                        x: x || 0,
                        y: y || 0,
                        width: w || 0,
                        height: h || 0,
                        preserveAspectRatio: preserveAspectRatioMap[(0, _utils.normalizeEnum)(location)] || NONE
                    });
                    image.element.setAttributeNS("http://www.w3.org/1999/xlink", "href", href || "");
                    return image
                },
                path(points, type) {
                    const elem = new PathSvgElement(this, type);
                    return elem.attr({
                        points: points || []
                    })
                },
                arc(x, y, innerRadius, outerRadius, startAngle, endAngle) {
                    const elem = new ArcSvgElement(this);
                    return elem.attr({
                        x: x || 0,
                        y: y || 0,
                        innerRadius: innerRadius || 0,
                        outerRadius: outerRadius || 0,
                        startAngle: startAngle || 0,
                        endAngle: endAngle || 0
                    })
                },
                text(text, x, y) {
                    const elem = new TextSvgElement(this);
                    return elem.attr({
                        text: text,
                        x: x || 0,
                        y: y || 0
                    })
                },
                linearGradient(stops) {
                    let id = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : (0, _utils.getNextDefsSvgId)();
                    let rotationAngle = arguments.length > 2 ? arguments[2] : void 0;
                    const gradient = this._createElement("linearGradient", {
                        id: id,
                        gradientTransform: `rotate(${rotationAngle||0})`
                    }).append(this._defs);
                    gradient.id = id;
                    this._createGradientStops(stops, gradient);
                    return gradient
                },
                radialGradient(stops, id) {
                    const gradient = this._createElement("radialGradient", {
                        id: id
                    }).append(this._defs);
                    this._createGradientStops(stops, gradient);
                    return gradient
                },
                _createGradientStops(stops, group) {
                    stops.forEach(stop => {
                        this._createElement("stop", {
                            offset: stop.offset,
                            "stop-color": stop["stop-color"] ?? stop.color,
                            "stop-opacity": stop.opacity
                        }).append(group)
                    })
                },
                pattern(color, hatching, _id) {
                    hatching = hatching || {};
                    const step = hatching.step || 6;
                    const stepTo2 = step / 2;
                    const stepBy15 = 1.5 * step;
                    const id = _id || (0, _utils.getNextDefsSvgId)();
                    const d = "right" === (0, _utils.normalizeEnum)(hatching.direction) ? `M ${stepTo2} ${-stepTo2} L ${-stepTo2} ${stepTo2} M 0 ${step} L ${step} 0 M ${stepBy15} ${stepTo2} L ${stepTo2} ${stepBy15}` : `M 0 0 L ${step} ${step} M ${-stepTo2} ${stepTo2} L ${stepTo2} ${stepBy15} M ${stepTo2} ${-stepTo2} L ${stepBy15} ${stepTo2}`;
                    const pattern = this._createElement("pattern", {
                        id: id,
                        width: step,
                        height: step,
                        patternUnits: "userSpaceOnUse"
                    }).append(this._defs);
                    pattern.id = id;
                    this.rect(0, 0, step, step).attr({
                        fill: color,
                        opacity: hatching.opacity
                    }).append(pattern);
                    new PathSvgElement(this).attr({
                        d: d,
                        "stroke-width": hatching.width || 1,
                        stroke: color
                    }).append(pattern);
                    return pattern
                },
                customPattern(id, template, width, height) {
                    const option = {
                        id: id,
                        width: width,
                        height: height,
                        patternContentUnits: "userSpaceOnUse",
                        patternUnits: this._getPatternUnits(width, height)
                    };
                    const pattern = this._createElement("pattern", option).append(this._defs);
                    template.render({
                        container: pattern.element
                    });
                    return pattern
                },
                _getPatternUnits(width, height) {
                    if (Number(width) && Number(height)) {
                        return "userSpaceOnUse"
                    }
                },
                _getPointsWithYOffset: (points, offset) => points.map((point, index) => {
                    if (index % 2 !== 0) {
                        return point + offset
                    }
                    return point
                }),
                clipShape(method, methodArgs) {
                    const id = (0, _utils.getNextDefsSvgId)();
                    let clipPath = this._createElement("clipPath", {
                        id: id
                    }).append(this._defs);
                    const shape = method.apply(this, methodArgs).append(clipPath);
                    shape.id = id;
                    shape.remove = function() {
                        throw "Not implemented"
                    };
                    shape.dispose = function() {
                        clipPath.dispose();
                        clipPath = null;
                        return this
                    };
                    return shape
                },
                clipRect(x, y, width, height) {
                    return this.clipShape(this.rect, arguments)
                },
                clipCircle(x, y, radius) {
                    return this.clipShape(this.circle, arguments)
                },
                shadowFilter(x, y, width, height, offsetX, offsetY, blur, color, opacity) {
                    const id = (0, _utils.getNextDefsSvgId)();
                    const filter = this._createElement("filter", {
                        id: id,
                        x: x || 0,
                        y: y || 0,
                        width: width || 0,
                        height: height || 0
                    }).append(this._defs);
                    const gaussianBlur = this._createElement("feGaussianBlur", {
                        in: "SourceGraphic",
                        result: "gaussianBlurResult",
                        stdDeviation: blur || 0
                    }).append(filter);
                    const offset = this._createElement("feOffset", {
                        in: "gaussianBlurResult",
                        result: "offsetResult",
                        dx: offsetX || 0,
                        dy: offsetY || 0
                    }).append(filter);
                    const flood = this._createElement("feFlood", {
                        result: "floodResult",
                        "flood-color": color || "",
                        "flood-opacity": opacity
                    }).append(filter);
                    const composite = this._createElement("feComposite", {
                        in: "floodResult",
                        in2: "offsetResult",
                        operator: "in",
                        result: "compositeResult"
                    }).append(filter);
                    const finalComposite = this._createElement("feComposite", {
                        in: "SourceGraphic",
                        in2: "compositeResult",
                        operator: "over"
                    }).append(filter);
                    filter.id = id;
                    filter.gaussianBlur = gaussianBlur;
                    filter.offset = offset;
                    filter.flood = flood;
                    filter.composite = composite;
                    filter.finalComposite = finalComposite;
                    filter.attr = function(attrs) {
                        const filterAttrs = {};
                        const offsetAttrs = {};
                        const floodAttrs = {};
                        "x" in attrs && (filterAttrs.x = attrs.x);
                        "y" in attrs && (filterAttrs.y = attrs.y);
                        "width" in attrs && (filterAttrs.width = attrs.width);
                        "height" in attrs && (filterAttrs.height = attrs.height);
                        baseAttr(this, filterAttrs);
                        "blur" in attrs && this.gaussianBlur.attr({
                            stdDeviation: attrs.blur
                        });
                        "offsetX" in attrs && (offsetAttrs.dx = attrs.offsetX);
                        "offsetY" in attrs && (offsetAttrs.dy = attrs.offsetY);
                        this.offset.attr(offsetAttrs);
                        "color" in attrs && (floodAttrs["flood-color"] = attrs.color);
                        "opacity" in attrs && (floodAttrs["flood-opacity"] = attrs.opacity);
                        this.flood.attr(floodAttrs);
                        return this
                    };
                    return filter
                },
                brightFilter(type, slope) {
                    const id = (0, _utils.getNextDefsSvgId)();
                    const filter = this._createElement("filter", {
                        id: id
                    }).append(this._defs);
                    const componentTransferElement = this._createElement("feComponentTransfer").append(filter);
                    const attrs = {
                        type: type,
                        slope: slope
                    };
                    filter.id = id;
                    this._createElement("feFuncR", attrs).append(componentTransferElement);
                    this._createElement("feFuncG", attrs).append(componentTransferElement);
                    this._createElement("feFuncB", attrs).append(componentTransferElement);
                    return filter
                },
                getGrayScaleFilter() {
                    if (this._grayScaleFilter) {
                        return this._grayScaleFilter
                    }
                    const id = (0, _utils.getNextDefsSvgId)();
                    const filter = this._createElement("filter", {
                        id: id
                    }).append(this._defs);
                    this._createElement("feColorMatrix").attr({
                        type: "matrix",
                        values: "0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 0.6 0"
                    }).append(filter);
                    filter.id = id;
                    this._grayScaleFilter = filter;
                    return filter
                },
                lightenFilter(id) {
                    const filter = this._createElement("filter", {
                        id: id
                    }).append(this._defs);
                    this._createElement("feColorMatrix", {
                        type: "matrix",
                        values: "1.3 0 0 0 0 0 1.3 0 0 0 0 0 1.3 0 0 0 0 0 1 0"
                    }).append(filter);
                    filter.id = id;
                    return filter
                },
                initDefsElements() {
                    const storage = this._defsElementsStorage = this._defsElementsStorage || {
                        byHash: {},
                        baseId: (0, _utils.getNextDefsSvgId)()
                    };
                    const {
                        byHash: byHash
                    } = storage;
                    let name;
                    for (name in byHash) {
                        byHash[name].pattern.dispose()
                    }
                    storage.byHash = {};
                    storage.refToHash = {};
                    storage.nextId = 0
                },
                drawPattern(_ref4, storageId, nextId) {
                    let {
                        color: color,
                        hatching: hatching
                    } = _ref4;
                    return this.pattern(color, hatching, `${storageId}-hatching-${nextId++}`)
                },
                drawFilter(_, storageId, nextId) {
                    return this.lightenFilter(`${storageId}-lightening-${nextId++}`)
                },
                lockDefsElements(attrs, ref, type) {
                    const storage = this._defsElementsStorage;
                    let storageItem;
                    const hash = "pattern" === type ? function(_ref5) {
                        let {
                            color: color,
                            hatching: hatching
                        } = _ref5;
                        return `@${color}::${hatching.step}:${hatching.width}:${hatching.opacity}:${hatching.direction}`
                    }(attrs) : "@filter::lightening";
                    const method = "pattern" === type ? this.drawPattern : this.drawFilter;
                    let pattern;
                    if (storage.refToHash[ref] !== hash) {
                        if (ref) {
                            this.releaseDefsElements(ref)
                        }
                        storageItem = storage.byHash[hash];
                        if (!storageItem) {
                            pattern = method.call(this, attrs, storage.baseId, storage.nextId++);
                            storageItem = storage.byHash[hash] = {
                                pattern: pattern,
                                count: 0
                            };
                            storage.refToHash[pattern.id] = hash
                        }++storageItem.count;
                        ref = storageItem.pattern.id
                    }
                    return ref
                },
                releaseDefsElements(ref) {
                    const storage = this._defsElementsStorage;
                    const hash = storage.refToHash[ref];
                    const storageItem = storage.byHash[hash];
                    if (storageItem && 0 === --storageItem.count) {
                        storageItem.pattern.dispose();
                        delete storage.byHash[hash];
                        delete storage.refToHash[ref]
                    }
                }
            };
            const fixFuncIriCallbacks = function() {
                let callbacks = [];
                return {
                    add(fn) {
                        callbacks.push(fn)
                    },
                    remove(fn) {
                        callbacks = callbacks.filter(el => el !== fn)
                    },
                    removeByRenderer(renderer) {
                        callbacks = callbacks.filter(el => el.renderer !== renderer)
                    },
                    fire() {
                        callbacks.forEach(fn => {
                            fn()
                        })
                    }
                }
            }();
            exports.refreshPaths = function() {
                fixFuncIriCallbacks.fire()
            }
        },
        81214(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SeriesFamily = SeriesFamily;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _date = (e = __webpack_require__( /*! ../../../core/utils/date */ 41380), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ./utils */ 98013);
            const {
                round: round,
                abs: abs,
                sqrt: sqrt
            } = Math;
            const _min = Math.min;

            function correctStackCoordinates(series, currentStacks, arg, stack, parameters, barsArea, seriesStackIndexCallback) {
                series.forEach(series => {
                    const stackIndex = seriesStackIndexCallback(currentStacks.indexOf(stack), currentStacks.length);
                    const points = series.getPointsByArg(arg, true);
                    const barPadding = function(barPadding) {
                        return barPadding < 0 || barPadding > 1 ? void 0 : barPadding
                    }(series.getOptions().barPadding);
                    const barWidth = series.getOptions().barWidth;
                    let offset = getOffset(stackIndex, parameters);
                    let width = parameters.width;
                    let extraParameters;
                    if (-1 === stackIndex) {
                        return
                    }
                    if ((0, _type.isDefined)(barPadding) || (0, _type.isDefined)(barWidth)) {
                        extraParameters = calculateParams(barsArea, currentStacks.length, 1 - barPadding, barWidth);
                        width = extraParameters.width;
                        if (!series.getBarOverlapGroup()) {
                            offset = getOffset(stackIndex, extraParameters)
                        }
                    }! function(points, width, offset) {
                        (0, _iterator.each)(points, (_, point) => {
                            point.correctCoordinates({
                                width: width,
                                offset: offset
                            })
                        })
                    }(points, width, offset)
                })
            }

            function getStackName(series) {
                return series.getStackName() || series.getBarOverlapGroup()
            }

            function adjustBarSeriesDimensionsCore(series, options, seriesStackIndexCallback) {
                var _series$, _series$2;
                const commonStacks = [];
                const allArguments = [];
                const seriesInStacks = {};
                const barGroupWidth = options.barGroupWidth;
                const argumentAxis = null === (_series$ = series[0]) || void 0 === _series$ ? void 0 : _series$.getArgumentAxis();
                let interval;
                if (null !== (_series$2 = series[0]) && void 0 !== _series$2 && _series$2.useAggregation()) {
                    var _series$3;
                    const isDateArgAxis = "datetime" === (null === (_series$3 = series[0]) || void 0 === _series$3 ? void 0 : _series$3.argumentType);
                    let tickInterval = argumentAxis.getTickInterval();
                    let aggregationInterval = argumentAxis.getAggregationInterval();
                    tickInterval = isDateArgAxis ? _date.default.dateToMilliseconds(tickInterval) : tickInterval;
                    aggregationInterval = isDateArgAxis ? _date.default.dateToMilliseconds(aggregationInterval) : aggregationInterval;
                    interval = aggregationInterval < tickInterval ? aggregationInterval : tickInterval
                }
                interval = null === argumentAxis || void 0 === argumentAxis ? void 0 : argumentAxis.getTranslator().getInterval(interval);
                const barsArea = barGroupWidth ? interval > barGroupWidth ? barGroupWidth : interval : interval * (1 - (barGroupPadding = options.barGroupPadding, barGroupPadding < 0 || barGroupPadding > 1 ? .3 : barGroupPadding));
                var barGroupPadding;
                series.forEach((s, i) => {
                    const stackName = getStackName(s) || i.toString();
                    let argument;
                    for (argument in s.pointsByArgument) {
                        if (!allArguments.includes(argument.valueOf())) {
                            allArguments.push(argument.valueOf())
                        }
                    }
                    if (!commonStacks.includes(stackName)) {
                        commonStacks.push(stackName);
                        seriesInStacks[stackName] = []
                    }
                    seriesInStacks[stackName].push(s)
                });
                allArguments.forEach(arg => {
                    const currentStacks = commonStacks.reduce((stacks, stack) => {
                        if (function(series, arg) {
                                return series.some(s => !s.getOptions().ignoreEmptyPoints || s.getPointsByArg(arg, true).some(point => point.hasValue()))
                            }(seriesInStacks[stack], arg)) {
                            stacks.push(stack)
                        }
                        return stacks
                    }, []);
                    const parameters = calculateParams(barsArea, currentStacks.length);
                    commonStacks.forEach(stack => {
                        correctStackCoordinates(seriesInStacks[stack], currentStacks, arg, stack, parameters, barsArea, seriesStackIndexCallback)
                    })
                })
            }

            function calculateParams(barsArea, count, percentWidth, fixedBarWidth) {
                let spacing;
                let width;
                if (fixedBarWidth) {
                    width = _min(fixedBarWidth, barsArea / count);
                    spacing = count > 1 ? round((barsArea - round(width) * count) / (count - 1)) : 0
                } else if ((0, _type.isDefined)(percentWidth)) {
                    width = barsArea * percentWidth / count;
                    spacing = count > 1 ? round((barsArea - barsArea * percentWidth) / (count - 1)) : 0
                } else {
                    spacing = round(barsArea / count * .2);
                    width = (barsArea - spacing * (count - 1)) / count
                }
                return {
                    width: width > 1 ? round(width) : 1,
                    spacing: spacing,
                    middleIndex: count / 2,
                    rawWidth: width
                }
            }

            function getOffset(stackIndex, parameters) {
                const width = parameters.rawWidth < 1 ? parameters.rawWidth : parameters.width;
                return (stackIndex - parameters.middleIndex + .5) * width - (parameters.middleIndex - stackIndex - .5) * parameters.spacing
            }

            function getVisibleSeries(that) {
                return that.series.filter(s => s.isVisible())
            }

            function getAbsStackSumByArg(stackKeepers, stackName, argument) {
                const positiveStackValue = (stackKeepers.positive[stackName] || {})[argument] || 0;
                const negativeStackValue = -(stackKeepers.negative[stackName] || {})[argument] || 0;
                return positiveStackValue + negativeStackValue
            }

            function getSeriesStackIndexCallback(inverted) {
                if (!inverted) {
                    return function(index) {
                        return index
                    }
                } else {
                    return function(index, stackCount) {
                        return stackCount - index - 1
                    }
                }
            }

            function isInverted(series) {
                return series[0] && series[0].getArgumentAxis().getTranslator().isInverted()
            }

            function adjustBarSeriesDimensions() {
                const series = getVisibleSeries(this);
                adjustBarSeriesDimensionsCore(series, this._options, getSeriesStackIndexCallback(isInverted(series)))
            }

            function adjustStackedSeriesValues() {
                const negativesAsZeroes = this._options.negativesAsZeroes;
                const series = getVisibleSeries(this);
                const stackKeepers = {
                    positive: {},
                    negative: {}
                };
                const holesStack = {
                    left: {},
                    right: {}
                };
                const lastSeriesInPositiveStack = {};
                const lastSeriesInNegativeStack = {};
                series.forEach(singleSeries => {
                    const stackName = getStackName(singleSeries);
                    let hole = false;
                    const stack = function(series) {
                        const points = series.getPoints();
                        let value;
                        for (let i = 0; i < points.length; i++) {
                            const point = points[i];
                            value = point.initialValue && point.initialValue.valueOf();
                            if (abs(value) > 0) {
                                break
                            }
                        }
                        return (0, _math.sign)(value)
                    }(singleSeries) < 0 ? lastSeriesInNegativeStack : lastSeriesInPositiveStack;
                    singleSeries._prevSeries = stack[stackName];
                    stack[stackName] = singleSeries;
                    singleSeries.holes = (0, _extend.extend)(true, {}, holesStack);
                    singleSeries.getPoints().forEach((point, index, points) => {
                        let value = point.initialValue && point.initialValue.valueOf();
                        let argument = point.argument.valueOf();
                        let stacks = value >= 0 ? stackKeepers.positive : stackKeepers.negative;
                        const isNotBarSeries = "bar" !== singleSeries.type;
                        if (negativesAsZeroes && value < 0) {
                            stacks = stackKeepers.positive;
                            value = 0;
                            point.resetValue()
                        }
                        stacks[stackName] = stacks[stackName] || {};
                        const currentStack = stacks[stackName];
                        if (currentStack[argument]) {
                            if (isNotBarSeries) {
                                point.correctValue(currentStack[argument])
                            }
                            currentStack[argument] += value
                        } else {
                            currentStack[argument] = value;
                            if (isNotBarSeries) {
                                point.resetCorrection()
                            }
                        }
                        if (!point.hasValue()) {
                            const prevPoint = points[index - 1];
                            if (!hole && prevPoint && prevPoint.hasValue()) {
                                argument = prevPoint.argument.valueOf();
                                prevPoint._skipSetRightHole = true;
                                holesStack.right[argument] = (holesStack.right[argument] || 0) + (prevPoint.value.valueOf() - (isFinite(prevPoint.minValue) ? prevPoint.minValue.valueOf() : 0))
                            }
                            hole = true
                        } else if (hole) {
                            hole = false;
                            holesStack.left[argument] = (holesStack.left[argument] || 0) + (point.value.valueOf() - (isFinite(point.minValue) ? point.minValue.valueOf() : 0));
                            point._skipSetLeftHole = true
                        }
                    })
                });
                series.forEach(singleSeries => {
                    const holes = singleSeries.holes;
                    singleSeries.getPoints().forEach(point => {
                        const argument = point.argument.valueOf();
                        point.resetHoles();
                        !point._skipSetLeftHole && point.setHole(holes.left[argument] || holesStack.left[argument] && 0, "left");
                        !point._skipSetRightHole && point.setHole(holes.right[argument] || holesStack.right[argument] && 0, "right");
                        point._skipSetLeftHole = null;
                        point._skipSetRightHole = null
                    })
                });
                this._stackKeepers = stackKeepers;
                series.forEach(singleSeries => {
                    singleSeries.getPoints().forEach(point => {
                        const argument = point.argument.valueOf();
                        const stackName = getStackName(singleSeries);
                        const absTotal = getAbsStackSumByArg(stackKeepers, stackName, argument);
                        const total = function(stackKeepers, stackName, argument) {
                            const positiveStackValue = (stackKeepers.positive[stackName] || {})[argument] || 0;
                            const negativeStackValue = (stackKeepers.negative[stackName] || {})[argument] || 0;
                            return positiveStackValue + negativeStackValue
                        }(stackKeepers, stackName, argument);
                        point.setPercentValue(absTotal, total, holesStack.left[argument], holesStack.right[argument])
                    })
                })
            }

            function updateStackedSeriesValues() {
                const that = this;
                const series = getVisibleSeries(that);
                const stack = that._stackKeepers;
                const stackKeepers = {
                    positive: {},
                    negative: {}
                };
                (0, _iterator.each)(series, (_, singleSeries) => {
                    const minBarSize = singleSeries.getOptions().minBarSize;
                    const valueAxisTranslator = singleSeries.getValueAxis().getTranslator();
                    const minShownBusinessValue = minBarSize && valueAxisTranslator.getMinBarSize(minBarSize);
                    const stackName = singleSeries.getStackName();
                    (0, _iterator.each)(singleSeries.getPoints(), (index, point) => {
                        if (!point.hasValue()) {
                            return
                        }
                        let value = point.initialValue && point.initialValue.valueOf();
                        const argument = point.argument.valueOf();
                        if (that.fullStacked) {
                            value = value / getAbsStackSumByArg(stack, stackName, argument) || 0
                        }
                        const updateValue = valueAxisTranslator.checkMinBarSize(value, minShownBusinessValue, point.value);
                        const valueType = function(value) {
                            return value >= 0 ? "positive" : "negative"
                        }(updateValue);
                        const currentStack = stackKeepers[valueType][stackName] = stackKeepers[valueType][stackName] || {};
                        if (currentStack[argument]) {
                            point.minValue = currentStack[argument];
                            currentStack[argument] += updateValue
                        } else {
                            currentStack[argument] = updateValue
                        }
                        point.value = currentStack[argument]
                    })
                });
                if (that.fullStacked) {
                    ! function(series, stackKeepers) {
                        (0, _iterator.each)(series, (_, singleSeries) => {
                            const stackName = singleSeries.getStackName ? singleSeries.getStackName() : "default";
                            (0, _iterator.each)(singleSeries.getPoints(), (index, point) => {
                                const stackSum = getAbsStackSumByArg(stackKeepers, stackName, point.argument.valueOf());
                                if (0 !== stackSum) {
                                    point.value /= stackSum;
                                    if ((0, _type.isNumeric)(point.minValue)) {
                                        point.minValue /= stackSum
                                    }
                                }
                            })
                        })
                    }(series, stackKeepers)
                }
            }

            function updateRangeSeriesValues() {
                const series = getVisibleSeries(this);
                (0, _iterator.each)(series, (_, singleSeries) => {
                    const minBarSize = singleSeries.getOptions().minBarSize;
                    const valueAxisTranslator = singleSeries.getValueAxis().getTranslator();
                    const minShownBusinessValue = minBarSize && valueAxisTranslator.getMinBarSize(minBarSize);
                    if (minShownBusinessValue) {
                        (0, _iterator.each)(singleSeries.getPoints(), (_, point) => {
                            if (!point.hasValue()) {
                                return
                            }
                            if (point.value.valueOf() - point.minValue.valueOf() < minShownBusinessValue) {
                                point.value = valueAxisTranslator.toValue(point.value.valueOf() + minShownBusinessValue / 2);
                                point.minValue = valueAxisTranslator.toValue(point.minValue.valueOf() - minShownBusinessValue / 2)
                            }
                        })
                    }
                })
            }

            function updateBarSeriesValues() {
                (0, _iterator.each)(this.series, (_, singleSeries) => {
                    const minBarSize = singleSeries.getOptions().minBarSize;
                    const valueAxisTranslator = singleSeries.getValueAxis().getTranslator();
                    const minShownBusinessValue = minBarSize && valueAxisTranslator.getMinBarSize(minBarSize);
                    if (minShownBusinessValue) {
                        (0, _iterator.each)(singleSeries.getPoints(), (index, point) => {
                            if (point.hasValue()) {
                                point.value = valueAxisTranslator.checkMinBarSize(point.initialValue, minShownBusinessValue)
                            }
                        })
                    }
                })
            }

            function adjustCandlestickSeriesDimensions() {
                const series = getVisibleSeries(this);
                adjustBarSeriesDimensionsCore(series, {
                    barGroupPadding: .3
                }, getSeriesStackIndexCallback(isInverted(series)))
            }

            function adjustBubbleSeriesDimensions() {
                const series = getVisibleSeries(this);
                if (!series.length) {
                    return
                }
                const options = this._options;
                const visibleAreaX = series[0].getArgumentAxis().getVisibleArea();
                const visibleAreaY = series[0].getValueAxis().getVisibleArea();
                const min = _min(visibleAreaX[1] - visibleAreaX[0], visibleAreaY[1] - visibleAreaY[0]);
                const minBubbleArea = options.minBubbleSize ** 2;
                const maxBubbleArea = (min * options.maxBubbleSize) ** 2;
                const equalBubbleSize = (min * options.maxBubbleSize + options.minBubbleSize) / 2;
                let minPointSize = 1 / 0;
                let maxPointSize = -1 / 0;
                let pointSize;
                let bubbleArea;
                let sizeProportion;
                (0, _iterator.each)(series, (_, seriesItem) => {
                    (0, _iterator.each)(seriesItem.getPoints(), (_, point) => {
                        maxPointSize = maxPointSize > point.size ? maxPointSize : point.size;
                        minPointSize = minPointSize < point.size ? minPointSize : point.size
                    })
                });
                const sizeDispersion = maxPointSize - minPointSize;
                const areaDispersion = abs(maxBubbleArea - minBubbleArea);
                (0, _iterator.each)(series, (_, seriesItem) => {
                    (0, _iterator.each)(seriesItem.getPoints(), (_, point) => {
                        if (maxPointSize === minPointSize) {
                            pointSize = round(equalBubbleSize)
                        } else {
                            sizeProportion = abs(point.size - minPointSize) / sizeDispersion;
                            bubbleArea = areaDispersion * sizeProportion + minBubbleArea;
                            pointSize = round(sqrt(bubbleArea))
                        }
                        point.correctCoordinates(pointSize)
                    })
                })
            }

            function SeriesFamily(options) {
                const that = this;
                that.type = (0, _utils.normalizeEnum)(options.type);
                that.pane = options.pane;
                that.series = [];
                that.updateOptions(options);
                switch (that.type) {
                    case "bar":
                        that.adjustSeriesDimensions = adjustBarSeriesDimensions;
                        that.updateSeriesValues = updateBarSeriesValues;
                        that.adjustSeriesValues = adjustStackedSeriesValues;
                        break;
                    case "rangebar":
                        that.adjustSeriesDimensions = adjustBarSeriesDimensions;
                        that.updateSeriesValues = updateRangeSeriesValues;
                        break;
                    case "fullstackedbar":
                        that.fullStacked = true;
                        that.adjustSeriesDimensions = adjustBarSeriesDimensions;
                        that.adjustSeriesValues = adjustStackedSeriesValues;
                        that.updateSeriesValues = updateStackedSeriesValues;
                        break;
                    case "stackedbar":
                        that.adjustSeriesDimensions = adjustBarSeriesDimensions;
                        that.adjustSeriesValues = adjustStackedSeriesValues;
                        that.updateSeriesValues = updateStackedSeriesValues;
                        break;
                    case "fullstackedarea":
                    case "fullstackedline":
                    case "fullstackedspline":
                    case "fullstackedsplinearea":
                        that.fullStacked = true;
                        that.adjustSeriesValues = adjustStackedSeriesValues;
                        break;
                    case "stackedarea":
                    case "stackedsplinearea":
                    case "stackedline":
                    case "stackedspline":
                        that.adjustSeriesValues = adjustStackedSeriesValues;
                        break;
                    case "candlestick":
                    case "stock":
                        that.adjustSeriesDimensions = adjustCandlestickSeriesDimensions;
                        break;
                    case "bubble":
                        that.adjustSeriesDimensions = adjustBubbleSeriesDimensions
                }
            }
            SeriesFamily.prototype = {
                constructor: SeriesFamily,
                adjustSeriesDimensions: _common.noop,
                adjustSeriesValues: _common.noop,
                updateSeriesValues: _common.noop,
                updateOptions(options) {
                    this._options = options
                },
                dispose() {
                    this.series = null
                },
                add(series) {
                    const type = this.type;
                    this.series = (0, _utils.map)(series, singleSeries => singleSeries.type === type ? singleSeries : null)
                }
            }
        },
        12638(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.default = [{
                baseThemeName: "material.blue.light",
                theme: {
                    name: "fluent.blue.light"
                }
            }, {
                baseThemeName: "fluent.blue.light",
                theme: {
                    name: "fluent.blue.light.compact"
                }
            }, {
                baseThemeName: "fluent.blue.light",
                theme: {
                    name: "fluent.saas.light"
                }
            }, {
                baseThemeName: "fluent.saas.light",
                theme: {
                    name: "fluent.saas.light.compact"
                }
            }, {
                baseThemeName: "material.blue.dark",
                theme: {
                    name: "fluent.blue.dark"
                }
            }, {
                baseThemeName: "fluent.blue.dark",
                theme: {
                    name: "fluent.blue.dark.compact"
                }
            }, {
                baseThemeName: "fluent.blue.dark",
                theme: {
                    name: "fluent.saas.dark"
                }
            }, {
                baseThemeName: "fluent.saas.dark",
                theme: {
                    name: "fluent.saas.dark.compact"
                }
            }]
        },
        58208(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.default = [{
                baseThemeName: "generic.light",
                theme: {
                    name: "generic.carmine",
                    defaultPalette: "Carmine",
                    backgroundColor: "#fff",
                    primaryTitleColor: "#333",
                    secondaryTitleColor: "#8899a8",
                    gridColor: "#dee1e3",
                    axisColor: "#707070",
                    export: {
                        backgroundColor: "#fff",
                        font: {
                            color: "#333"
                        },
                        button: {
                            default: {
                                color: "#333",
                                borderColor: "#b1b7bd",
                                backgroundColor: "#fff"
                            },
                            hover: {
                                color: "#333",
                                borderColor: "#b1b7bd",
                                backgroundColor: "#faf2f0"
                            },
                            focus: {
                                color: "#333",
                                borderColor: "#6d7781",
                                backgroundColor: "#faf2f0"
                            },
                            active: {
                                color: "#333",
                                borderColor: "#6d7781",
                                backgroundColor: "#f5e7e4"
                            }
                        }
                    },
                    legend: {
                        font: {
                            color: "#707070"
                        }
                    },
                    tooltip: {
                        color: "#fff",
                        border: {
                            color: "#dee1e3"
                        },
                        font: {
                            color: "#333"
                        }
                    },
                    "chart:common": {
                        commonSeriesSettings: {
                            label: {
                                border: {
                                    color: "#dee1e3"
                                }
                            }
                        }
                    },
                    "chart:common:annotation": {
                        font: {
                            color: "#333"
                        },
                        border: {
                            color: "#dee1e3"
                        },
                        color: "#fff"
                    },
                    chart: {
                        commonPaneSettings: {
                            border: {
                                color: "#dee1e3"
                            }
                        },
                        commonAxisSettings: {
                            breakStyle: {
                                color: "#c1c5c7"
                            }
                        }
                    },
                    rangeSelector: {
                        scale: {
                            breakStyle: {
                                color: "#c1c5c7"
                            },
                            tick: {
                                opacity: .12
                            }
                        },
                        selectedRangeColor: "#f05b41",
                        sliderMarker: {
                            color: "#f05b41"
                        },
                        sliderHandle: {
                            color: "#f05b41",
                            opacity: .5
                        }
                    },
                    sparkline: {
                        pointColor: "#fff",
                        minColor: "#f0ad4e",
                        maxColor: "#f74d61"
                    },
                    treeMap: {
                        group: {
                            color: "#dee1e3",
                            label: {
                                font: {
                                    color: "#8899a8"
                                }
                            }
                        }
                    },
                    bullet: {
                        color: "#f05b41"
                    },
                    gauge: {
                        valueIndicators: {
                            rangebar: {
                                color: "#f05b41"
                            },
                            textcloud: {
                                color: "#f05b41"
                            }
                        }
                    }
                }
            }, {
                baseThemeName: "generic.carmine",
                theme: {
                    name: "generic.carmine.compact"
                }
            }]
        },
        2611(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            const WHITE = "#ffffff";
            const BLACK = "#000000";
            exports.default = [{
                baseThemeName: "generic.light",
                theme: {
                    name: "generic.contrast",
                    defaultPalette: "Bright",
                    font: {
                        color: WHITE
                    },
                    backgroundColor: BLACK,
                    primaryTitleColor: WHITE,
                    secondaryTitleColor: WHITE,
                    gridColor: WHITE,
                    axisColor: WHITE,
                    export: {
                        backgroundColor: BLACK,
                        font: {
                            color: WHITE
                        },
                        button: {
                            default: {
                                color: WHITE,
                                borderColor: WHITE,
                                backgroundColor: BLACK
                            },
                            hover: {
                                color: WHITE,
                                borderColor: WHITE,
                                backgroundColor: "#cf00d7"
                            },
                            focus: {
                                color: WHITE,
                                borderColor: "#cf00d7",
                                backgroundColor: BLACK
                            },
                            active: {
                                color: BLACK,
                                borderColor: WHITE,
                                backgroundColor: WHITE
                            }
                        },
                        borderColor: WHITE,
                        menuButtonColor: BLACK,
                        activeBackgroundColor: WHITE,
                        activeColor: BLACK,
                        selectedBorderColor: "#cf00da",
                        selectedColor: "#cf00da",
                        shadowColor: "none"
                    },
                    tooltip: {
                        border: {
                            color: WHITE
                        },
                        font: {
                            color: WHITE
                        },
                        color: BLACK
                    },
                    "chart:common": {
                        commonSeriesSettings: {
                            valueErrorBar: {
                                color: WHITE
                            },
                            hoverStyle: {
                                hatching: {
                                    opacity: .5
                                }
                            },
                            selectionStyle: {
                                hatching: {
                                    opacity: .35
                                }
                            },
                            label: {
                                font: {
                                    color: WHITE
                                },
                                border: {
                                    color: WHITE
                                }
                            }
                        }
                    },
                    "chart:common:axis": {
                        constantLineStyle: {
                            color: WHITE
                        }
                    },
                    "chart:common:annotation": {
                        font: {
                            color: WHITE
                        },
                        border: {
                            color: WHITE
                        },
                        color: BLACK
                    },
                    chart: {
                        commonSeriesSettings: {},
                        crosshair: {
                            color: "#cf00d7"
                        },
                        commonPaneSettings: {
                            backgroundColor: BLACK,
                            border: {
                                color: WHITE
                            }
                        },
                        scrollBar: {
                            color: WHITE
                        },
                        commonAxisSettings: {
                            breakStyle: {
                                color: "#cf00d7"
                            }
                        },
                        zoomAndPan: {
                            dragBoxStyle: {
                                color: WHITE,
                                opacity: .7
                            }
                        }
                    },
                    pie: {
                        commonSeriesSettings: {
                            pie: {
                                hoverStyle: {
                                    hatching: {
                                        opacity: .5
                                    }
                                },
                                selectionStyle: {
                                    hatching: {
                                        opacity: .35
                                    }
                                }
                            },
                            doughnut: {
                                hoverStyle: {
                                    hatching: {
                                        opacity: .5
                                    }
                                },
                                selectionStyle: {
                                    hatching: {
                                        opacity: .35
                                    }
                                }
                            },
                            donut: {
                                hoverStyle: {
                                    hatching: {
                                        opacity: .5
                                    }
                                },
                                selectionStyle: {
                                    hatching: {
                                        opacity: .35
                                    }
                                }
                            }
                        }
                    },
                    gauge: {
                        rangeContainer: {
                            backgroundColor: WHITE
                        },
                        valueIndicators: {
                            _default: {
                                color: WHITE
                            },
                            rangebar: {
                                color: WHITE,
                                backgroundColor: BLACK
                            },
                            twocolorneedle: {
                                secondColor: WHITE
                            },
                            trianglemarker: {
                                color: WHITE
                            },
                            textcloud: {
                                color: WHITE,
                                text: {
                                    font: {
                                        color: BLACK
                                    }
                                }
                            }
                        }
                    },
                    barGauge: {
                        backgroundColor: "#3c3c3c"
                    },
                    rangeSelector: {
                        scale: {
                            tick: {
                                color: WHITE,
                                opacity: .4
                            },
                            minorTick: {
                                color: WHITE,
                                opacity: .12
                            },
                            breakStyle: {
                                color: "#cf00d7"
                            }
                        },
                        selectedRangeColor: "#cf00da",
                        sliderMarker: {
                            color: "#cf00da"
                        },
                        sliderHandle: {
                            color: "#cf00da",
                            opacity: 1
                        },
                        shutter: {
                            opacity: .75
                        },
                        background: {
                            color: BLACK
                        }
                    },
                    map: {
                        background: {
                            borderColor: WHITE
                        },
                        layer: {
                            label: {
                                stroke: BLACK,
                                font: {
                                    color: WHITE
                                }
                            }
                        },
                        "layer:area": {
                            borderColor: BLACK,
                            color: "#686868",
                            hoveredBorderColor: WHITE,
                            selectedBorderColor: WHITE,
                            label: {
                                font: {
                                    opacity: 1
                                }
                            }
                        },
                        "layer:line": {
                            color: "#267cff",
                            hoveredColor: "#f613ff",
                            selectedColor: WHITE
                        },
                        "layer:marker:dot": {
                            borderColor: BLACK,
                            color: "#f8ca00",
                            backColor: BLACK,
                            backOpacity: .32
                        },
                        "layer:marker:bubble": {
                            color: "#f8ca00",
                            hoveredBorderColor: WHITE,
                            selectedBorderColor: WHITE
                        },
                        "layer:marker:pie": {
                            hoveredBorderColor: WHITE,
                            selectedBorderColor: WHITE
                        },
                        controlBar: {
                            borderColor: WHITE,
                            color: BLACK,
                            opacity: .3
                        }
                    },
                    treeMap: {
                        tile: {
                            color: "#70c92f"
                        },
                        group: {
                            color: "#797979",
                            label: {
                                font: {
                                    color: WHITE
                                }
                            }
                        }
                    },
                    sparkline: {
                        pointColor: BLACK
                    },
                    bullet: {},
                    polar: {
                        commonSeriesSettings: {}
                    },
                    funnel: {
                        label: {
                            connector: {
                                opacity: 1
                            }
                        }
                    },
                    sankey: {
                        label: {
                            font: {
                                color: WHITE
                            },
                            shadow: {
                                opacity: 0
                            }
                        },
                        node: {
                            border: {
                                visible: true,
                                width: 1,
                                color: WHITE
                            }
                        },
                        link: {
                            opacity: .5,
                            border: {
                                visible: true,
                                width: 1,
                                color: WHITE
                            },
                            hoverStyle: {
                                opacity: .9
                            }
                        }
                    }
                }
            }, {
                baseThemeName: "generic.contrast",
                theme: {
                    name: "generic.contrast.compact"
                }
            }]
        },
        52541(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            const WHITE = "#ffffff";
            exports.default = [{
                baseThemeName: "generic.light",
                theme: {
                    name: "generic.dark",
                    font: {
                        color: "#808080"
                    },
                    backgroundColor: "#2a2a2a",
                    primaryTitleColor: "#dedede",
                    secondaryTitleColor: "#a3a3a3",
                    gridColor: "#555555",
                    axisColor: "#a3a3a3",
                    export: {
                        backgroundColor: "#2a2a2a",
                        font: {
                            color: "#dbdbdb"
                        },
                        button: {
                            default: {
                                color: "#dedede",
                                borderColor: "#4d4d4d",
                                backgroundColor: "#2e2e2e"
                            },
                            hover: {
                                color: "#dedede",
                                borderColor: "#6c6c6c",
                                backgroundColor: "#444"
                            },
                            focus: {
                                color: "#dedede",
                                borderColor: "#8d8d8d",
                                backgroundColor: "#444444"
                            },
                            active: {
                                color: "#dedede",
                                borderColor: "#8d8d8d",
                                backgroundColor: "#555555"
                            }
                        },
                        shadowColor: "#292929"
                    },
                    tooltip: {
                        color: "#2b2b2b",
                        border: {
                            color: "#494949"
                        },
                        font: {
                            color: "#929292"
                        }
                    },
                    "chart:common": {
                        commonSeriesSettings: {
                            label: {
                                border: {
                                    color: "#494949"
                                }
                            },
                            valueErrorBar: {
                                color: WHITE
                            }
                        }
                    },
                    "chart:common:axis": {
                        constantLineStyle: {
                            color: WHITE
                        }
                    },
                    "chart:common:annotation": {
                        font: {
                            color: "#929292"
                        },
                        border: {
                            color: "#494949"
                        },
                        color: "#2b2b2b",
                        shadow: {
                            opacity: .008,
                            offsetY: 4,
                            blur: 8
                        }
                    },
                    chart: {
                        commonPaneSettings: {
                            border: {
                                color: "#494949"
                            }
                        },
                        commonAxisSettings: {
                            breakStyle: {
                                color: "#818181"
                            }
                        },
                        zoomAndPan: {
                            dragBoxStyle: {
                                color: WHITE
                            }
                        }
                    },
                    gauge: {
                        rangeContainer: {
                            backgroundColor: "#b5b5b5"
                        },
                        valueIndicators: {
                            _default: {
                                color: "#b5b5b5"
                            },
                            rangebar: {
                                color: "#84788b"
                            },
                            twocolorneedle: {
                                secondColor: "#ba544d"
                            },
                            trianglemarker: {
                                color: "#b7918f"
                            },
                            textcloud: {
                                color: "#ba544d"
                            }
                        }
                    },
                    barGauge: {
                        backgroundColor: "#3c3c3c"
                    },
                    rangeSelector: {
                        scale: {
                            tick: {
                                color: WHITE,
                                opacity: .32
                            },
                            minorTick: {
                                color: WHITE,
                                opacity: .1
                            },
                            breakStyle: {
                                color: "#818181"
                            }
                        },
                        selectedRangeColor: "#b5b5b5",
                        sliderMarker: {
                            color: "#b5b5b5",
                            font: {
                                color: "#303030"
                            }
                        },
                        sliderHandle: {
                            color: WHITE,
                            opacity: .2
                        },
                        shutter: {
                            color: "#2b2b2b",
                            opacity: .9
                        }
                    },
                    map: {
                        background: {
                            borderColor: "#3f3f3f"
                        },
                        layer: {
                            label: {
                                stroke: "#000000",
                                font: {
                                    color: WHITE
                                }
                            }
                        },
                        "layer:area": {
                            borderColor: "#303030",
                            color: "#686868",
                            hoveredBorderColor: WHITE,
                            selectedBorderColor: WHITE
                        },
                        "layer:line": {
                            color: "#c77244",
                            hoveredColor: "#ff5d04",
                            selectedColor: "#ff784f"
                        },
                        "layer:marker:bubble": {
                            hoveredBorderColor: WHITE,
                            selectedBorderColor: WHITE
                        },
                        "layer:marker:pie": {
                            hoveredBorderColor: WHITE,
                            selectedBorderColor: WHITE
                        },
                        legend: {
                            border: {
                                color: "#3f3f3f"
                            },
                            font: {
                                color: WHITE
                            }
                        },
                        controlBar: {
                            borderColor: "#c7c7c7",
                            color: "#303030"
                        }
                    },
                    treeMap: {
                        group: {
                            color: "#4c4c4c",
                            label: {
                                font: {
                                    color: "#a3a3a3"
                                }
                            }
                        }
                    },
                    sparkline: {
                        lineColor: "#c7c7c7",
                        firstLastColor: "#c7c7c7",
                        barPositiveColor: "#b8b8b8",
                        barNegativeColor: "#8e8e8e",
                        winColor: "#b8b8b8",
                        lossColor: "#8e8e8e",
                        pointColor: "#303030"
                    },
                    bullet: {
                        targetColor: "#8e8e8e"
                    },
                    funnel: {
                        item: {
                            border: {
                                color: "#2a2a2a"
                            }
                        }
                    },
                    sankey: {
                        label: {
                            font: {
                                color: WHITE
                            },
                            shadow: {
                                opacity: 0
                            }
                        },
                        node: {
                            border: {
                                color: "#2a2a2a"
                            }
                        },
                        link: {
                            color: "#888888",
                            border: {
                                color: "#2a2a2a"
                            },
                            hoverStyle: {
                                color: "#bbbbbb"
                            }
                        }
                    }
                }
            }, {
                baseThemeName: "generic.dark",
                theme: {
                    name: "generic.dark.compact"
                }
            }]
        },
        9940(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.default = [{
                baseThemeName: "generic.dark",
                theme: {
                    name: "generic.darkmoon",
                    defaultPalette: "Dark Moon",
                    backgroundColor: "#465672",
                    primaryTitleColor: "#fff",
                    secondaryTitleColor: "#919bac",
                    gridColor: "#596980",
                    axisColor: "#c7ccd4",
                    export: {
                        backgroundColor: "#465672",
                        font: {
                            color: "#fff"
                        },
                        button: {
                            default: {
                                color: "#fff",
                                borderColor: "#7a889e",
                                backgroundColor: "#465672"
                            },
                            hover: {
                                color: "#fff",
                                borderColor: "#9da8b8",
                                backgroundColor: "#596e92"
                            },
                            focus: {
                                color: "#fff",
                                borderColor: "#c4cad4",
                                backgroundColor: "#596e92"
                            },
                            active: {
                                color: "#fff",
                                borderColor: "#c4cad4",
                                backgroundColor: "#6b80a4"
                            }
                        }
                    },
                    legend: {
                        font: {
                            color: "#c7ccd4"
                        }
                    },
                    tooltip: {
                        color: "#62789e",
                        border: {
                            color: "#596980"
                        },
                        font: {
                            color: "#fff"
                        }
                    },
                    "chart:common": {
                        commonSeriesSettings: {
                            label: {
                                border: {
                                    color: "#596980"
                                }
                            }
                        }
                    },
                    "chart:common:annotation": {
                        font: {
                            color: "#fff"
                        },
                        border: {
                            color: "#596980"
                        },
                        color: "#62789e"
                    },
                    chart: {
                        commonPaneSettings: {
                            border: {
                                color: "#596980"
                            }
                        },
                        commonAxisSettings: {
                            breakStyle: {
                                color: "#73869e"
                            }
                        }
                    },
                    gauge: {
                        valueIndicators: {
                            rangebar: {
                                color: "#3debd3"
                            },
                            textcloud: {
                                color: "#3debd3",
                                text: {
                                    font: {
                                        color: "#465672"
                                    }
                                }
                            }
                        }
                    },
                    barGauge: {
                        backgroundColor: "#526280"
                    },
                    funnel: {
                        item: {
                            border: {
                                color: "#465672"
                            }
                        }
                    },
                    sparkline: {
                        pointColor: "#465672",
                        minColor: "#f0ad4e",
                        maxColor: "#f9517e"
                    },
                    treeMap: {
                        group: {
                            color: "#596980",
                            label: {
                                font: {
                                    color: "#fff"
                                }
                            }
                        }
                    },
                    map: {
                        background: {
                            borderColor: "#596980"
                        },
                        "layer:area": {
                            color: "#97a3b6",
                            borderColor: "#465672"
                        }
                    },
                    rangeSelector: {
                        shutter: {
                            color: "#465672"
                        },
                        scale: {
                            breakStyle: {
                                color: "#73869e"
                            },
                            tick: {
                                opacity: .2
                            }
                        },
                        selectedRangeColor: "#3debd3",
                        sliderMarker: {
                            color: "#3debd3",
                            font: {
                                color: "#000"
                            }
                        },
                        sliderHandle: {
                            color: "#3debd3",
                            opacity: .5
                        }
                    },
                    bullet: {
                        color: "#3debd3"
                    },
                    sankey: {
                        link: {
                            border: {
                                color: "#465672"
                            }
                        },
                        node: {
                            border: {
                                color: "#465672"
                            }
                        }
                    }
                }
            }, {
                baseThemeName: "generic.darkmoon",
                theme: {
                    name: "generic.darkmoon.compact"
                }
            }]
        },
        26374(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.default = [{
                baseThemeName: "generic.dark",
                theme: {
                    name: "generic.darkviolet",
                    defaultPalette: "Dark Violet",
                    backgroundColor: "#17171f",
                    primaryTitleColor: "#f5f6f7",
                    secondaryTitleColor: "#fff",
                    gridColor: "#343840",
                    axisColor: "#b2b2b6",
                    export: {
                        backgroundColor: "#17171f",
                        font: {
                            color: "#f5f6f7"
                        },
                        button: {
                            default: {
                                color: "#f5f6f7",
                                borderColor: "#414152",
                                backgroundColor: "#17171f"
                            },
                            hover: {
                                color: "#f5f6f7",
                                borderColor: "#5c5c74",
                                backgroundColor: "#2d2d3c"
                            },
                            focus: {
                                color: "#f5f6f7",
                                borderColor: "#7c7c97",
                                backgroundColor: "#2d2d3c"
                            },
                            active: {
                                color: "#f5f6f7",
                                borderColor: "#7c7c97",
                                backgroundColor: "#3c3c51"
                            }
                        }
                    },
                    legend: {
                        font: {
                            color: "#b2b2b6"
                        }
                    },
                    tooltip: {
                        color: "#17171f",
                        border: {
                            color: "#414152"
                        },
                        font: {
                            color: "#f5f6f7"
                        }
                    },
                    "chart:common": {
                        commonSeriesSettings: {
                            label: {
                                border: {
                                    color: "#343840"
                                }
                            }
                        }
                    },
                    "chart:common:annotation": {
                        font: {
                            color: "#f5f6f7"
                        },
                        border: {
                            color: "#414152"
                        },
                        color: "#17171f"
                    },
                    chart: {
                        commonPaneSettings: {
                            border: {
                                color: "#343840"
                            }
                        },
                        commonAxisSettings: {
                            breakStyle: {
                                color: "#575e6b"
                            }
                        }
                    },
                    funnel: {
                        item: {
                            border: {
                                color: "#17171f"
                            }
                        }
                    },
                    sparkline: {
                        pointColor: "#17171f",
                        minColor: "#f0ad4e",
                        maxColor: "#d9534f"
                    },
                    treeMap: {
                        group: {
                            color: "#343840",
                            label: {
                                font: {
                                    color: "#fff"
                                }
                            }
                        }
                    },
                    rangeSelector: {
                        shutter: {
                            color: "#17171f"
                        },
                        scale: {
                            breakStyle: {
                                color: "#575e6b"
                            },
                            tick: {
                                opacity: .2
                            }
                        },
                        selectedRangeColor: "#9c63ff",
                        sliderMarker: {
                            color: "#9c63ff",
                            font: {
                                color: "#fff"
                            }
                        },
                        sliderHandle: {
                            color: "#9c63ff",
                            opacity: .5
                        }
                    },
                    bullet: {
                        color: "#9c63ff"
                    },
                    gauge: {
                        valueIndicators: {
                            rangebar: {
                                color: "#9c63ff"
                            },
                            textcloud: {
                                color: "#9c63ff"
                            }
                        }
                    },
                    sankey: {
                        link: {
                            border: {
                                color: "#17171f"
                            }
                        },
                        node: {
                            border: {
                                color: "#17171f"
                            }
                        }
                    }
                }
            }, {
                baseThemeName: "generic.darkviolet",
                theme: {
                    name: "generic.darkviolet.compact"
                }
            }]
        },
        29431(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.default = [{
                baseThemeName: "generic.light",
                theme: {
                    name: "generic.greenmist",
                    defaultPalette: "Green Mist",
                    backgroundColor: "#f5f5f5",
                    primaryTitleColor: "#28484f",
                    secondaryTitleColor: "#7eb2be",
                    gridColor: "#dedede",
                    axisColor: "#657c80",
                    export: {
                        backgroundColor: "#f5f5f5",
                        font: {
                            color: "#28484f"
                        },
                        button: {
                            default: {
                                color: "#28484f",
                                borderColor: "#a2b4b8",
                                backgroundColor: "#f5f5f5"
                            },
                            hover: {
                                color: "#28484f",
                                borderColor: "#7f989e",
                                backgroundColor: "rgba(222, 222, 222, 0.4)"
                            },
                            focus: {
                                color: "#28484f",
                                borderColor: "#5f777c",
                                backgroundColor: "rgba(222, 222, 222, 0.4)"
                            },
                            active: {
                                color: "#28484f",
                                borderColor: "#5f777c",
                                backgroundColor: "rgba(222, 222, 222, 0.8)"
                            }
                        }
                    },
                    legend: {
                        font: {
                            color: "#657c80"
                        }
                    },
                    tooltip: {
                        color: "#fff",
                        border: {
                            color: "#dedede"
                        },
                        font: {
                            color: "#28484f"
                        }
                    },
                    "chart:common": {
                        commonSeriesSettings: {
                            label: {
                                border: {
                                    color: "#dedede"
                                }
                            }
                        }
                    },
                    "chart:common:annotation": {
                        color: "#fff",
                        border: {
                            color: "#dedede"
                        },
                        font: {
                            color: "#28484f"
                        }
                    },
                    chart: {
                        commonPaneSettings: {
                            border: {
                                color: "#dedede"
                            }
                        },
                        commonAxisSettings: {
                            breakStyle: {
                                color: "#c1c1c1"
                            }
                        }
                    },
                    funnel: {
                        item: {
                            border: {
                                color: "#f5f5f5"
                            }
                        }
                    },
                    sparkline: {
                        pointColor: "#f5f5f5",
                        minColor: "#ffc852",
                        maxColor: "#f74a5e"
                    },
                    treeMap: {
                        group: {
                            color: "#dedede",
                            label: {
                                font: {
                                    color: "#7eb2be"
                                }
                            }
                        }
                    },
                    rangeSelector: {
                        shutter: {
                            color: "#f5f5f5"
                        },
                        scale: {
                            breakStyle: {
                                color: "#c1c1c1"
                            },
                            tick: {
                                opacity: .12
                            }
                        },
                        selectedRangeColor: "#3cbab2",
                        sliderMarker: {
                            color: "#3cbab2"
                        },
                        sliderHandle: {
                            color: "#3cbab2",
                            opacity: .5
                        }
                    },
                    bullet: {
                        color: "#3cbab2"
                    },
                    gauge: {
                        valueIndicators: {
                            rangebar: {
                                color: "#3cbab2"
                            },
                            textcloud: {
                                color: "#3cbab2"
                            }
                        }
                    }
                }
            }, {
                baseThemeName: "generic.greenmist",
                theme: {
                    name: "generic.greenmist.compact"
                }
            }]
        },
        39599(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _contants = __webpack_require__( /*! ./contants */ 12462);
            exports.default = {
                barGauge: {
                    backgroundColor: "#e0e0e0",
                    relativeInnerRadius: .3,
                    barSpacing: 4,
                    resolveLabelOverlapping: "hide",
                    label: {
                        indent: 20,
                        connectorWidth: 2,
                        font: {
                            size: 16
                        }
                    },
                    legend: {
                        visible: false
                    },
                    indicator: {
                        hasPositiveMeaning: true,
                        layout: {
                            horizontalAlignment: _contants.CENTER,
                            verticalAlignment: _contants.BOTTOM
                        },
                        text: {
                            font: {
                                size: 18
                            }
                        }
                    }
                }
            }
        },
        5828(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.default = {
                bullet: {
                    color: "#e8c267",
                    targetColor: "#666666",
                    targetWidth: 4,
                    showTarget: true,
                    showZeroLevel: true,
                    tooltip: {
                        enabled: true
                    }
                }
            }
        },
        67322(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _contants = __webpack_require__( /*! ./contants */ 12462);
            exports.default = {
                "chart:common": {
                    animation: {
                        enabled: true,
                        duration: 1e3,
                        easing: "easeOutCubic",
                        maxPointCountSupported: 300
                    },
                    commonSeriesSettings: {
                        border: {
                            visible: false,
                            width: 2
                        },
                        showInLegend: true,
                        visible: true,
                        hoverMode: "nearestPoint",
                        selectionMode: "includePoints",
                        hoverStyle: {
                            hatching: {
                                direction: _contants.RIGHT,
                                width: 2,
                                step: 6,
                                opacity: .75
                            },
                            highlight: true,
                            border: {
                                visible: false,
                                width: 3
                            }
                        },
                        selectionStyle: {
                            hatching: {
                                direction: _contants.RIGHT,
                                width: 2,
                                step: 6,
                                opacity: .5
                            },
                            highlight: true,
                            border: {
                                visible: false,
                                width: 3
                            }
                        },
                        valueErrorBar: {
                            displayMode: "auto",
                            value: 1,
                            color: _contants.BLACK,
                            lineWidth: 2,
                            edgeLength: 8
                        },
                        label: {
                            visible: false,
                            alignment: _contants.CENTER,
                            rotationAngle: 0,
                            horizontalOffset: 0,
                            verticalOffset: 0,
                            radialOffset: 0,
                            showForZeroValues: true,
                            customizeText: void 0,
                            maxLabelCount: void 0,
                            position: _contants.OUTSIDE,
                            font: {
                                color: _contants.WHITE
                            },
                            border: {
                                visible: false,
                                width: 1,
                                color: _contants.LIGHT_GREY,
                                dashStyle: _contants.SOLID
                            },
                            connector: {
                                visible: false,
                                width: 1
                            }
                        }
                    },
                    seriesSelectionMode: "single",
                    pointSelectionMode: "single",
                    equalRowHeight: true,
                    dataPrepareSettings: {
                        checkTypeForAllData: false,
                        convertToAxisDataType: true,
                        sortingMethod: true
                    },
                    title: {
                        margin: 10
                    },
                    adaptiveLayout: {
                        width: 80,
                        height: 80,
                        keepLabels: true
                    },
                    _rtl: {
                        legend: {
                            itemTextPosition: _contants.LEFT
                        }
                    },
                    resolveLabelOverlapping: _contants.NONE
                },
                "chart:common:axis": {
                    visible: true,
                    valueMarginsEnabled: true,
                    placeholderSize: null,
                    logarithmBase: 10,
                    discreteAxisDivisionMode: "betweenLabels",
                    aggregatedPointsPosition: "betweenTicks",
                    width: 1,
                    label: {
                        visible: true
                    },
                    grid: {
                        visible: false,
                        width: 1
                    },
                    minorGrid: {
                        visible: false,
                        width: 1,
                        opacity: .3
                    },
                    tick: {
                        visible: true,
                        width: 1,
                        length: 7,
                        shift: 3
                    },
                    minorTick: {
                        visible: false,
                        width: 1,
                        opacity: .3,
                        length: 7,
                        shift: 3
                    },
                    stripStyle: {
                        paddingLeftRight: 10,
                        paddingTopBottom: 5
                    },
                    constantLineStyle: {
                        width: 1,
                        color: _contants.BLACK,
                        dashStyle: _contants.SOLID,
                        label: {
                            visible: true,
                            position: _contants.INSIDE
                        }
                    },
                    marker: {
                        label: {}
                    }
                },
                "chart:common:annotation": {
                    font: {
                        color: "#333333"
                    },
                    tooltipEnabled: true,
                    border: {
                        width: 1,
                        color: "#dddddd",
                        dashStyle: _contants.SOLID,
                        visible: true
                    },
                    color: _contants.WHITE,
                    opacity: .9,
                    arrowLength: 14,
                    arrowWidth: 14,
                    paddingLeftRight: 10,
                    paddingTopBottom: 10,
                    shadow: {
                        opacity: .15,
                        offsetX: 0,
                        offsetY: 1,
                        blur: 4,
                        color: _contants.BLACK
                    },
                    image: {
                        width: 30,
                        height: 30
                    },
                    wordWrap: "normal",
                    textOverflow: "ellipsis",
                    allowDragging: false
                },
                chart: {
                    commonSeriesSettings: {
                        type: "line",
                        stack: "default",
                        aggregation: {
                            enabled: void 0
                        },
                        point: {
                            visible: true,
                            symbol: "circle",
                            size: 12,
                            border: {
                                visible: false,
                                width: 1
                            },
                            hoverMode: "onlyPoint",
                            selectionMode: "onlyPoint",
                            hoverStyle: {
                                border: {
                                    visible: true,
                                    width: 4
                                }
                            },
                            selectionStyle: {
                                border: {
                                    visible: true,
                                    width: 4
                                }
                            }
                        },
                        scatter: {},
                        line: {
                            width: 2,
                            dashStyle: _contants.SOLID,
                            hoverStyle: {
                                width: 3,
                                hatching: {
                                    direction: _contants.NONE
                                },
                                highlight: false
                            },
                            selectionStyle: {
                                width: 3
                            }
                        },
                        stackedline: {
                            width: 2,
                            dashStyle: _contants.SOLID,
                            hoverStyle: {
                                width: 3,
                                hatching: {
                                    direction: _contants.NONE
                                },
                                highlight: false
                            },
                            selectionStyle: {
                                width: 3
                            }
                        },
                        stackedspline: {
                            width: 2,
                            dashStyle: _contants.SOLID,
                            hoverStyle: {
                                width: 3,
                                hatching: {
                                    direction: _contants.NONE
                                },
                                highlight: false
                            },
                            selectionStyle: {
                                width: 3
                            }
                        },
                        fullstackedline: {
                            width: 2,
                            dashStyle: _contants.SOLID,
                            hoverStyle: {
                                width: 3,
                                hatching: {
                                    direction: _contants.NONE
                                },
                                highlight: false
                            },
                            selectionStyle: {
                                width: 3
                            }
                        },
                        fullstackedspline: {
                            width: 2,
                            dashStyle: _contants.SOLID,
                            hoverStyle: {
                                width: 3,
                                hatching: {
                                    direction: _contants.NONE
                                },
                                highlight: false
                            },
                            selectionStyle: {
                                width: 3
                            }
                        },
                        stepline: {
                            width: 2,
                            dashStyle: _contants.SOLID,
                            hoverStyle: {
                                width: 3,
                                hatching: {
                                    direction: _contants.NONE
                                },
                                highlight: false
                            },
                            selectionStyle: {
                                width: 3
                            }
                        },
                        area: {
                            point: {
                                visible: false
                            },
                            opacity: .5
                        },
                        stackedarea: {
                            point: {
                                visible: false
                            },
                            opacity: .5
                        },
                        fullstackedarea: {
                            point: {
                                visible: false
                            },
                            opacity: .5
                        },
                        fullstackedsplinearea: {
                            point: {
                                visible: false
                            },
                            opacity: .5
                        },
                        steparea: {
                            border: {
                                visible: true,
                                width: 2
                            },
                            point: {
                                visible: false
                            },
                            hoverStyle: {
                                border: {
                                    visible: true,
                                    width: 3
                                }
                            },
                            selectionStyle: {
                                border: {
                                    visible: true,
                                    width: 3
                                }
                            },
                            opacity: .5
                        },
                        spline: {
                            width: 2,
                            hoverStyle: {
                                width: 3,
                                hatching: {
                                    direction: _contants.NONE
                                },
                                highlight: false
                            },
                            selectionStyle: {
                                width: 3
                            }
                        },
                        splinearea: {
                            point: {
                                visible: false
                            },
                            opacity: .5
                        },
                        stackedsplinearea: {
                            point: {
                                visible: false
                            },
                            opacity: .5
                        },
                        bar: {
                            cornerRadius: 0,
                            point: {
                                hoverStyle: {
                                    border: {
                                        visible: false
                                    }
                                },
                                selectionStyle: {
                                    border: {
                                        visible: false
                                    }
                                }
                            }
                        },
                        stackedbar: {
                            cornerRadius: 0,
                            point: {
                                hoverStyle: {
                                    border: {
                                        visible: false
                                    }
                                },
                                selectionStyle: {
                                    border: {
                                        visible: false
                                    }
                                }
                            },
                            label: {
                                position: _contants.INSIDE
                            }
                        },
                        fullstackedbar: {
                            cornerRadius: 0,
                            point: {
                                hoverStyle: {
                                    border: {
                                        visible: false
                                    }
                                },
                                selectionStyle: {
                                    border: {
                                        visible: false
                                    }
                                }
                            },
                            label: {
                                position: _contants.INSIDE
                            }
                        },
                        rangebar: {
                            cornerRadius: 0,
                            point: {
                                hoverStyle: {
                                    border: {
                                        visible: false
                                    }
                                },
                                selectionStyle: {
                                    border: {
                                        visible: false
                                    }
                                }
                            }
                        },
                        rangearea: {
                            point: {
                                visible: false
                            },
                            opacity: .5
                        },
                        rangesplinearea: {
                            point: {
                                visible: false
                            },
                            opacity: .5
                        },
                        bubble: {
                            opacity: .5,
                            point: {
                                hoverStyle: {
                                    border: {
                                        visible: false
                                    }
                                },
                                selectionStyle: {
                                    border: {
                                        visible: false
                                    }
                                }
                            }
                        },
                        candlestick: {
                            width: 1,
                            reduction: {
                                color: _contants.RED
                            },
                            hoverStyle: {
                                width: 3,
                                hatching: {
                                    direction: _contants.NONE
                                },
                                highlight: false
                            },
                            selectionStyle: {
                                width: 3,
                                highlight: false
                            },
                            point: {
                                border: {
                                    visible: true
                                }
                            }
                        },
                        stock: {
                            width: 1,
                            reduction: {
                                color: _contants.RED
                            },
                            hoverStyle: {
                                width: 3,
                                hatching: {
                                    direction: _contants.NONE
                                },
                                highlight: false
                            },
                            selectionStyle: {
                                width: 3,
                                highlight: false
                            },
                            point: {
                                border: {
                                    visible: true
                                }
                            }
                        }
                    },
                    crosshair: {
                        enabled: false,
                        color: "#f05b41",
                        width: 1,
                        dashStyle: _contants.SOLID,
                        label: {
                            visible: false,
                            font: {
                                color: _contants.WHITE,
                                size: 12
                            }
                        },
                        verticalLine: {
                            visible: true
                        },
                        horizontalLine: {
                            visible: true
                        }
                    },
                    commonAxisSettings: {
                        multipleAxesSpacing: 5,
                        forceUserTickInterval: false,
                        breakStyle: {
                            width: 5,
                            color: "#ababab",
                            line: "waved"
                        },
                        label: {
                            displayMode: "standard",
                            overlappingBehavior: "hide",
                            indentFromAxis: 10,
                            wordWrap: "normal",
                            textOverflow: "none"
                        },
                        title: {
                            font: {
                                size: 16
                            },
                            margin: 6,
                            alignment: _contants.CENTER
                        },
                        constantLineStyle: {
                            paddingLeftRight: 10,
                            paddingTopBottom: 10
                        }
                    },
                    horizontalAxis: {
                        position: _contants.BOTTOM,
                        axisDivisionFactor: 70,
                        label: {
                            rotationAngle: 90,
                            staggeringSpacing: 5,
                            alignment: _contants.CENTER
                        },
                        stripStyle: {
                            label: {
                                horizontalAlignment: _contants.CENTER,
                                verticalAlignment: _contants.TOP
                            }
                        },
                        constantLineStyle: {
                            label: {
                                horizontalAlignment: _contants.RIGHT,
                                verticalAlignment: _contants.TOP
                            }
                        },
                        constantLines: []
                    },
                    verticalAxis: {
                        position: _contants.LEFT,
                        axisDivisionFactor: 40,
                        label: {
                            alignment: _contants.RIGHT
                        },
                        stripStyle: {
                            label: {
                                horizontalAlignment: _contants.LEFT,
                                verticalAlignment: _contants.CENTER
                            }
                        },
                        constantLineStyle: {
                            label: {
                                horizontalAlignment: _contants.LEFT,
                                verticalAlignment: _contants.TOP
                            }
                        },
                        constantLines: []
                    },
                    argumentAxis: {
                        endOnTick: false,
                        workWeek: [1, 2, 3, 4, 5]
                    },
                    valueAxis: {
                        grid: {
                            visible: true
                        },
                        autoBreaksEnabled: false,
                        maxAutoBreakCount: 4
                    },
                    commonPaneSettings: {
                        backgroundColor: _contants.NONE,
                        border: {
                            color: _contants.LIGHT_GREY,
                            width: 1,
                            visible: false,
                            top: true,
                            bottom: true,
                            left: true,
                            right: true,
                            dashStyle: _contants.SOLID
                        }
                    },
                    scrollBar: {
                        visible: false,
                        offset: 5,
                        color: "gray",
                        width: 10
                    },
                    adjustOnZoom: true,
                    autoHidePointMarkers: true,
                    rotated: false,
                    synchronizeMultiAxes: true,
                    stickyHovering: true,
                    barGroupPadding: .3,
                    minBubbleSize: 12,
                    maxBubbleSize: .2,
                    zoomAndPan: {
                        dragBoxStyle: {
                            color: "#2a2a2a",
                            opacity: .2
                        },
                        panKey: "shift",
                        allowMouseWheel: true,
                        allowTouchGestures: true
                    }
                }
            }
        },
        12462(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.WHITE = exports.TOP = exports.SOME_GREY = exports.SOLID = exports.SECONDARY_TITLE_COLOR = exports.RIGHT = exports.RED = exports.PRIMARY_TITLE_COLOR = exports.OUTSIDE = exports.NONE = exports.LIGHT_GREY = exports.LEFT = exports.INSIDE = exports.GREY_GREEN = exports.CENTER = exports.BOTTOM = exports.BLACK = void 0;
            exports.WHITE = "#ffffff";
            exports.BLACK = "#000000";
            exports.LIGHT_GREY = "#d3d3d3";
            exports.GREY_GREEN = "#303030";
            exports.SOME_GREY = "#2b2b2b";
            exports.RED = "#ff0000";
            exports.PRIMARY_TITLE_COLOR = "#232323";
            exports.SECONDARY_TITLE_COLOR = "#767676";
            exports.NONE = "none";
            exports.SOLID = "solid";
            exports.TOP = "top";
            exports.RIGHT = "right";
            exports.BOTTOM = "bottom";
            exports.LEFT = "left";
            exports.CENTER = "center";
            exports.INSIDE = "inside";
            exports.OUTSIDE = "outside"
        },
        60980(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _contants = __webpack_require__( /*! ./contants */ 12462);
            exports.default = {
                funnel: {
                    sortData: true,
                    valueField: "val",
                    colorField: "color",
                    argumentField: "arg",
                    hoverEnabled: true,
                    selectionMode: "single",
                    item: {
                        border: {
                            visible: false,
                            width: 2,
                            color: _contants.WHITE
                        },
                        hoverStyle: {
                            hatching: {
                                opacity: .75,
                                step: 6,
                                width: 2,
                                direction: _contants.RIGHT
                            },
                            border: {}
                        },
                        selectionStyle: {
                            hatching: {
                                opacity: .5,
                                step: 6,
                                width: 2,
                                direction: _contants.RIGHT
                            },
                            border: {}
                        }
                    },
                    title: {
                        margin: 10
                    },
                    adaptiveLayout: {
                        width: 80,
                        height: 80,
                        keepLabels: true
                    },
                    legend: {
                        visible: false
                    },
                    _rtl: {
                        legend: {
                            itemTextPosition: _contants.LEFT
                        }
                    },
                    tooltip: {
                        customizeTooltip: info => ({
                            text: `${info.item.argument} ${info.valueText}`
                        })
                    },
                    inverted: false,
                    algorithm: "dynamicSlope",
                    neckWidth: 0,
                    neckHeight: 0,
                    resolveLabelOverlapping: "shift",
                    label: {
                        textOverflow: "ellipsis",
                        wordWrap: "normal",
                        visible: true,
                        horizontalAlignment: _contants.RIGHT,
                        horizontalOffset: 0,
                        verticalOffset: 0,
                        showForZeroValues: false,
                        customizeText: info => `${info.item.argument} ${info.valueText}`,
                        position: "columns",
                        font: {
                            color: _contants.WHITE
                        },
                        border: {
                            visible: false,
                            width: 1,
                            color: _contants.LIGHT_GREY,
                            dashStyle: _contants.SOLID
                        },
                        connector: {
                            visible: true,
                            width: 1,
                            opacity: .5
                        }
                    }
                }
            }
        },
        77393(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _contants = __webpack_require__( /*! ./contants */ 12462);
            exports.default = {
                gauge: {
                    scale: {
                        tick: {
                            visible: true,
                            length: 5,
                            width: 2,
                            opacity: 1
                        },
                        minorTick: {
                            visible: false,
                            length: 3,
                            width: 1,
                            opacity: 1
                        },
                        label: {
                            visible: true,
                            alignment: _contants.CENTER,
                            hideFirstOrLast: "last",
                            overlappingBehavior: "hide"
                        },
                        position: _contants.TOP,
                        endOnTick: false
                    },
                    rangeContainer: {
                        offset: 0,
                        width: 5,
                        backgroundColor: "#808080"
                    },
                    valueIndicators: {
                        _default: {
                            color: "#c2c2c2"
                        },
                        rangebar: {
                            space: 2,
                            size: 10,
                            color: "#cbc5cf",
                            backgroundColor: _contants.NONE,
                            text: {
                                indent: 0,
                                font: {
                                    size: 14,
                                    color: null
                                }
                            }
                        },
                        twocolorneedle: {
                            secondColor: "#e18e92"
                        },
                        trianglemarker: {
                            space: 2,
                            length: 14,
                            width: 13,
                            color: "#8798a5"
                        },
                        textcloud: {
                            arrowLength: 5,
                            horizontalOffset: 6,
                            verticalOffset: 3,
                            color: "#679ec5",
                            text: {
                                font: {
                                    color: _contants.WHITE,
                                    size: 18
                                }
                            }
                        }
                    },
                    indicator: {
                        hasPositiveMeaning: true,
                        layout: {
                            horizontalAlignment: _contants.CENTER,
                            verticalAlignment: _contants.BOTTOM
                        },
                        text: {
                            font: {
                                size: 18
                            }
                        }
                    },
                    _circular: {
                        scale: {
                            scaleDivisionFactor: 17,
                            orientation: _contants.OUTSIDE,
                            label: {
                                indentFromTick: 10
                            }
                        },
                        rangeContainer: {
                            orientation: _contants.OUTSIDE
                        },
                        valueIndicatorType: "rectangleneedle",
                        subvalueIndicatorType: "trianglemarker",
                        valueIndicators: {
                            _type: "rectangleneedle",
                            _default: {
                                offset: 20,
                                indentFromCenter: 0,
                                width: 2,
                                spindleSize: 14,
                                spindleGapSize: 10,
                                beginAdaptingAtRadius: 50
                            },
                            triangleneedle: {
                                width: 4
                            },
                            twocolorneedle: {
                                space: 2,
                                secondFraction: .4
                            },
                            rangebar: {
                                offset: 30
                            },
                            trianglemarker: {
                                offset: 6
                            },
                            textcloud: {
                                offset: -6
                            }
                        }
                    },
                    _linear: {
                        scale: {
                            scaleDivisionFactor: 25,
                            horizontalOrientation: _contants.RIGHT,
                            verticalOrientation: _contants.BOTTOM,
                            label: {
                                indentFromTick: -10
                            }
                        },
                        rangeContainer: {
                            horizontalOrientation: _contants.RIGHT,
                            verticalOrientation: _contants.BOTTOM
                        },
                        valueIndicatorType: "rangebar",
                        subvalueIndicatorType: "trianglemarker",
                        valueIndicators: {
                            _type: "rectangle",
                            _default: {
                                offset: 2.5,
                                length: 15,
                                width: 15
                            },
                            rectangle: {
                                width: 10
                            },
                            rangebar: {
                                offset: 10,
                                horizontalOrientation: _contants.RIGHT,
                                verticalOrientation: _contants.BOTTOM
                            },
                            trianglemarker: {
                                offset: 10,
                                horizontalOrientation: _contants.LEFT,
                                verticalOrientation: _contants.TOP
                            },
                            textcloud: {
                                offset: -1,
                                horizontalOrientation: _contants.LEFT,
                                verticalOrientation: _contants.TOP
                            }
                        }
                    }
                }
            }
        },
        4702(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _bar_gauge = _interopRequireDefault(__webpack_require__( /*! ./bar_gauge */ 39599));
            var _bullet = _interopRequireDefault(__webpack_require__( /*! ./bullet */ 5828));
            var _chart = _interopRequireDefault(__webpack_require__( /*! ./chart */ 67322));
            var _contants = __webpack_require__( /*! ./contants */ 12462);
            var _funnel = _interopRequireDefault(__webpack_require__( /*! ./funnel */ 60980));
            var _gauge = _interopRequireDefault(__webpack_require__( /*! ./gauge */ 77393));
            var _pie_chart = _interopRequireDefault(__webpack_require__( /*! ./pie_chart */ 82611));
            var _polar_chart = _interopRequireDefault(__webpack_require__( /*! ./polar_chart */ 53949));
            var _range_selector = _interopRequireDefault(__webpack_require__( /*! ./range_selector */ 11055));
            var _sankey = _interopRequireDefault(__webpack_require__( /*! ./sankey */ 4517));
            var _sparkline = _interopRequireDefault(__webpack_require__( /*! ./sparkline */ 72513));
            var _tree_map = _interopRequireDefault(__webpack_require__( /*! ./tree_map */ 47661));
            var _vector_map = _interopRequireDefault(__webpack_require__( /*! ./vector_map */ 44062));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = [{
                baseThemeName: void 0,
                theme: Object.assign({
                    name: "generic.light",
                    isDefault: true,
                    font: {
                        color: _contants.SECONDARY_TITLE_COLOR,
                        family: "-apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'segoe ui', 'helvetica neue', 'adwaita sans', cantarell, ubuntu, roboto, noto, helvetica, arial, sans-serif",
                        weight: 400,
                        size: 12,
                        cursor: "default"
                    },
                    redrawOnResize: true,
                    backgroundColor: _contants.WHITE,
                    primaryTitleColor: _contants.PRIMARY_TITLE_COLOR,
                    secondaryTitleColor: _contants.SECONDARY_TITLE_COLOR,
                    gridColor: _contants.LIGHT_GREY,
                    axisColor: _contants.SECONDARY_TITLE_COLOR,
                    title: {
                        backgroundColor: _contants.WHITE,
                        font: {
                            size: 28,
                            family: "-apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'segoe ui', 'helvetica neue', 'adwaita sans', cantarell, ubuntu, roboto, noto, helvetica, arial, sans-serif",
                            weight: 200
                        },
                        subtitle: {
                            font: {
                                size: 16
                            },
                            offset: 0,
                            wordWrap: "normal",
                            textOverflow: "ellipsis"
                        },
                        wordWrap: "normal",
                        textOverflow: "ellipsis"
                    },
                    loadingIndicator: {
                        text: "Loading..."
                    },
                    export: {
                        backgroundColor: _contants.WHITE,
                        margin: 10,
                        font: {
                            size: 14,
                            color: _contants.PRIMARY_TITLE_COLOR,
                            weight: 400
                        },
                        button: {
                            margin: {
                                top: 8,
                                left: 10,
                                right: 10,
                                bottom: 8
                            },
                            default: {
                                color: "#333",
                                borderColor: "#ddd",
                                backgroundColor: _contants.WHITE
                            },
                            hover: {
                                color: "#333",
                                borderColor: "#bebebe",
                                backgroundColor: "#e6e6e6"
                            },
                            focus: {
                                color: _contants.BLACK,
                                borderColor: "#9d9d9d",
                                backgroundColor: "#e6e6e6"
                            },
                            active: {
                                color: "#333",
                                borderColor: "#9d9d9d",
                                backgroundColor: "#d4d4d4"
                            }
                        },
                        shadowColor: _contants.LIGHT_GREY
                    },
                    tooltip: {
                        enabled: false,
                        border: {
                            width: 1,
                            color: _contants.LIGHT_GREY,
                            dashStyle: _contants.SOLID,
                            visible: true
                        },
                        font: {
                            color: _contants.PRIMARY_TITLE_COLOR
                        },
                        color: _contants.WHITE,
                        arrowLength: 10,
                        paddingLeftRight: 18,
                        paddingTopBottom: 15,
                        textAlignment: "center",
                        shared: false,
                        location: _contants.CENTER,
                        shadow: {
                            opacity: .4,
                            offsetX: 0,
                            offsetY: 4,
                            blur: 2,
                            color: _contants.BLACK
                        },
                        interactive: false
                    },
                    legend: {
                        hoverMode: "includePoints",
                        verticalAlignment: _contants.TOP,
                        horizontalAlignment: _contants.RIGHT,
                        position: _contants.OUTSIDE,
                        visible: true,
                        margin: 10,
                        markerSize: 12,
                        border: {
                            visible: false,
                            width: 1,
                            cornerRadius: 0,
                            dashStyle: _contants.SOLID
                        },
                        paddingLeftRight: 20,
                        paddingTopBottom: 15,
                        columnCount: 0,
                        rowCount: 0,
                        columnItemSpacing: 20,
                        rowItemSpacing: 8,
                        title: {
                            backgroundColor: _contants.WHITE,
                            margin: {
                                left: 0,
                                bottom: 9,
                                right: 0,
                                top: 0
                            },
                            font: {
                                size: 18,
                                weight: 200
                            },
                            subtitle: {
                                offset: 0,
                                font: {
                                    size: 14
                                },
                                wordWrap: "none",
                                textOverflow: "ellipsis"
                            },
                            wordWrap: "none",
                            textOverflow: "ellipsis"
                        }
                    }
                }, _chart.default, _funnel.default, _gauge.default, _bar_gauge.default, _vector_map.default, _pie_chart.default, _polar_chart.default, _range_selector.default, _sankey.default, _sparkline.default, _bullet.default, _tree_map.default)
            }, {
                baseThemeName: "generic.light",
                theme: {
                    name: "generic.light.compact"
                }
            }]
        },
        82611(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _contants = __webpack_require__( /*! ./contants */ 12462);
            exports.default = {
                pie: {
                    innerRadius: .5,
                    minDiameter: .5,
                    type: "pie",
                    dataPrepareSettings: {
                        _skipArgumentSorting: true
                    },
                    commonSeriesSettings: {
                        pie: {
                            border: {
                                visible: false,
                                width: 2,
                                color: _contants.WHITE
                            },
                            hoverStyle: {
                                hatching: {
                                    direction: _contants.RIGHT,
                                    width: 4,
                                    step: 10,
                                    opacity: .75
                                },
                                highlight: true,
                                border: {
                                    visible: false,
                                    width: 2
                                }
                            },
                            selectionStyle: {
                                hatching: {
                                    direction: _contants.RIGHT,
                                    width: 4,
                                    step: 10,
                                    opacity: .5
                                },
                                highlight: true,
                                border: {
                                    visible: false,
                                    width: 2
                                }
                            }
                        },
                        doughnut: {
                            border: {
                                visible: false,
                                width: 2,
                                color: _contants.WHITE
                            },
                            hoverStyle: {
                                hatching: {
                                    direction: _contants.RIGHT,
                                    width: 4,
                                    step: 10,
                                    opacity: .75
                                },
                                highlight: true,
                                border: {
                                    visible: false,
                                    width: 2
                                }
                            },
                            selectionStyle: {
                                hatching: {
                                    direction: _contants.RIGHT,
                                    width: 4,
                                    step: 10,
                                    opacity: .5
                                },
                                highlight: true,
                                border: {
                                    visible: false,
                                    width: 2
                                }
                            }
                        },
                        donut: {
                            border: {
                                visible: false,
                                width: 2,
                                color: _contants.WHITE
                            },
                            hoverStyle: {
                                hatching: {
                                    direction: _contants.RIGHT,
                                    width: 4,
                                    step: 10,
                                    opacity: .75
                                },
                                highlight: true,
                                border: {
                                    visible: false,
                                    width: 2
                                }
                            },
                            selectionStyle: {
                                hatching: {
                                    direction: _contants.RIGHT,
                                    width: 4,
                                    step: 10,
                                    opacity: .5
                                },
                                highlight: true,
                                border: {
                                    visible: false,
                                    width: 2
                                }
                            }
                        },
                        label: {
                            textOverflow: "ellipsis",
                            wordWrap: "normal"
                        }
                    },
                    legend: {
                        hoverMode: "allArgumentPoints",
                        backgroundColor: _contants.NONE
                    },
                    adaptiveLayout: {
                        keepLabels: false
                    }
                }
            }
        },
        53949(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _contants = __webpack_require__( /*! ./contants */ 12462);
            exports.default = {
                polar: {
                    commonSeriesSettings: {
                        type: "scatter",
                        closed: true,
                        point: {
                            visible: true,
                            symbol: "circle",
                            size: 12,
                            border: {
                                visible: false,
                                width: 1
                            },
                            hoverMode: "onlyPoint",
                            selectionMode: "onlyPoint",
                            hoverStyle: {
                                border: {
                                    visible: true,
                                    width: 4
                                },
                                size: 12
                            },
                            selectionStyle: {
                                border: {
                                    visible: true,
                                    width: 4
                                },
                                size: 12
                            }
                        },
                        scatter: {},
                        line: {
                            width: 2,
                            dashStyle: _contants.SOLID,
                            hoverStyle: {
                                width: 3,
                                hatching: {
                                    direction: _contants.NONE
                                }
                            },
                            selectionStyle: {
                                width: 3
                            }
                        },
                        area: {
                            point: {
                                visible: false
                            },
                            opacity: .5
                        },
                        stackedline: {
                            width: 2
                        },
                        bar: {
                            opacity: .8
                        },
                        stackedbar: {
                            opacity: .8
                        }
                    },
                    adaptiveLayout: {
                        width: 80,
                        height: 80,
                        keepLabels: true
                    },
                    barGroupPadding: .3,
                    commonAxisSettings: {
                        visible: true,
                        forceUserTickInterval: false,
                        label: {
                            overlappingBehavior: "hide",
                            indentFromAxis: 5
                        },
                        grid: {
                            visible: true
                        },
                        minorGrid: {
                            visible: true
                        },
                        tick: {
                            visible: true
                        },
                        title: {
                            font: {
                                size: 16
                            },
                            margin: 10
                        }
                    },
                    argumentAxis: {
                        startAngle: 0,
                        firstPointOnStartAngle: false,
                        period: void 0
                    },
                    valueAxis: {
                        endOnTick: false,
                        tick: {
                            visible: false
                        }
                    },
                    horizontalAxis: {
                        position: _contants.TOP,
                        axisDivisionFactor: 50,
                        label: {
                            alignment: _contants.CENTER
                        }
                    },
                    verticalAxis: {
                        position: _contants.TOP,
                        axisDivisionFactor: 30,
                        label: {
                            alignment: _contants.RIGHT
                        }
                    }
                }
            }
        },
        11055(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _contants = __webpack_require__( /*! ./contants */ 12462);
            exports.default = {
                rangeSelector: {
                    scale: {
                        valueMarginsEnabled: true,
                        width: 1,
                        color: _contants.BLACK,
                        opacity: .1,
                        showCustomBoundaryTicks: true,
                        label: {
                            overlappingBehavior: "hide",
                            alignment: _contants.CENTER,
                            visible: true,
                            topIndent: 7,
                            font: {
                                size: 11
                            }
                        },
                        tick: {
                            width: 1,
                            color: _contants.BLACK,
                            opacity: .17,
                            visible: true,
                            length: 12
                        },
                        minorTick: {
                            width: 1,
                            color: _contants.BLACK,
                            opacity: .05,
                            visible: true,
                            length: 12
                        },
                        marker: {
                            width: 1,
                            color: "#000000",
                            opacity: .1,
                            visible: true,
                            separatorHeight: 33,
                            topIndent: 10,
                            textLeftIndent: 7,
                            textTopIndent: 11,
                            label: {}
                        },
                        logarithmBase: 10,
                        workWeek: [1, 2, 3, 4, 5],
                        breakStyle: {
                            width: 5,
                            color: "#ababab",
                            line: "waved"
                        },
                        endOnTick: false
                    },
                    selectedRangeColor: "#606060",
                    sliderMarker: {
                        visible: true,
                        paddingTopBottom: 2,
                        paddingLeftRight: 4,
                        color: "#606060",
                        invalidRangeColor: _contants.RED,
                        font: {
                            color: _contants.WHITE,
                            size: 11
                        }
                    },
                    sliderHandle: {
                        width: 1,
                        color: _contants.BLACK,
                        opacity: .2
                    },
                    shutter: {
                        opacity: .75
                    },
                    background: {
                        color: "#c0bae1",
                        visible: true,
                        image: {
                            location: "full"
                        }
                    },
                    behavior: {
                        snapToTicks: true,
                        animationEnabled: true,
                        moveSelectedRangeByClick: true,
                        manualRangeSelectionEnabled: true,
                        allowSlidersSwap: true,
                        valueChangeMode: "onHandleRelease"
                    },
                    redrawOnResize: true,
                    chart: {
                        barGroupPadding: .3,
                        minBubbleSize: 12,
                        maxBubbleSize: .2,
                        topIndent: .1,
                        bottomIndent: 0,
                        valueAxis: {
                            inverted: false,
                            logarithmBase: 10
                        },
                        commonSeriesSettings: {
                            type: "area",
                            aggregation: {
                                enabled: void 0
                            },
                            point: {
                                visible: false
                            },
                            scatter: {
                                point: {
                                    visible: true
                                }
                            }
                        }
                    }
                }
            }
        },
        4517(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _contants = __webpack_require__( /*! ./contants */ 12462);
            exports.default = {
                sankey: {
                    sourceField: "source",
                    targetField: "target",
                    weightField: "weight",
                    hoverEnabled: true,
                    alignment: _contants.CENTER,
                    adaptiveLayout: {
                        width: 80,
                        height: 80,
                        keepLabels: true
                    },
                    label: {
                        visible: true,
                        horizontalOffset: 8,
                        verticalOffset: 0,
                        overlappingBehavior: "ellipsis",
                        useNodeColors: false,
                        font: {
                            color: _contants.BLACK,
                            weight: 500
                        },
                        border: {
                            visible: false,
                            width: 2,
                            color: _contants.WHITE
                        },
                        customizeText: info => info.label,
                        shadow: {
                            opacity: .2,
                            offsetX: 0,
                            offsetY: 1,
                            blur: 1,
                            color: _contants.WHITE
                        }
                    },
                    title: {
                        margin: 10,
                        font: {
                            size: 28,
                            weight: 200
                        },
                        subtitle: {
                            font: {
                                size: 16
                            }
                        }
                    },
                    tooltip: {
                        enabled: true
                    },
                    node: {
                        padding: 30,
                        width: 8,
                        opacity: 1,
                        border: {
                            color: _contants.WHITE,
                            width: 1,
                            visible: false
                        },
                        hoverStyle: {
                            hatching: {
                                opacity: .75,
                                step: 6,
                                width: 2,
                                direction: _contants.RIGHT
                            },
                            border: {}
                        }
                    },
                    link: {
                        color: "#888888",
                        colorMode: "none",
                        opacity: .3,
                        border: {
                            color: _contants.WHITE,
                            width: 1,
                            visible: false
                        },
                        hoverStyle: {
                            opacity: .5,
                            hatching: {
                                opacity: .75,
                                step: 6,
                                width: 2,
                                direction: _contants.RIGHT
                            },
                            border: {}
                        }
                    }
                }
            }
        },
        72513(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _contants = __webpack_require__( /*! ./contants */ 12462);
            exports.default = {
                sparkline: {
                    lineColor: "#666666",
                    lineWidth: 2,
                    areaOpacity: .2,
                    minColor: "#e8c267",
                    maxColor: "#e55253",
                    barPositiveColor: "#a9a9a9",
                    barNegativeColor: "#d7d7d7",
                    winColor: "#a9a9a9",
                    lossColor: "#d7d7d7",
                    firstLastColor: "#666666",
                    pointSymbol: "circle",
                    pointColor: _contants.WHITE,
                    pointSize: 4,
                    type: "line",
                    argumentField: "arg",
                    valueField: "val",
                    winlossThreshold: 0,
                    showFirstLast: true,
                    showMinMax: false,
                    tooltip: {
                        enabled: true
                    }
                }
            }
        },
        47661(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _contants = __webpack_require__( /*! ./contants */ 12462);
            exports.default = {
                treeMap: {
                    tile: {
                        border: {
                            width: 1,
                            opacity: .2,
                            color: "#000000"
                        },
                        color: "#5f8b95",
                        hoverStyle: {
                            hatching: {
                                opacity: .75,
                                step: 6,
                                width: 2,
                                direction: "right"
                            },
                            border: {}
                        },
                        selectionStyle: {
                            hatching: {
                                opacity: .5,
                                step: 6,
                                width: 2,
                                direction: "right"
                            },
                            border: {
                                opacity: 1
                            }
                        },
                        label: {
                            visible: true,
                            paddingLeftRight: 5,
                            paddingTopBottom: 4,
                            font: {
                                color: "#ffffff",
                                weight: 600
                            },
                            shadow: {
                                opacity: .6,
                                offsetX: 0,
                                offsetY: 1,
                                blur: 2,
                                color: "#000000"
                            },
                            wordWrap: "normal",
                            textOverflow: "ellipsis"
                        }
                    },
                    group: {
                        padding: 4,
                        border: {
                            width: 1
                        },
                        color: "#eeeeee",
                        hoverStyle: {
                            hatching: {
                                opacity: 0,
                                step: 6,
                                width: 2,
                                direction: "right"
                            },
                            border: {}
                        },
                        selectionStyle: {
                            hatching: {
                                opacity: 0,
                                step: 6,
                                width: 2,
                                direction: "right"
                            },
                            border: {}
                        },
                        label: {
                            visible: true,
                            paddingLeftRight: 5,
                            paddingTopBottom: 4,
                            font: {
                                color: _contants.SECONDARY_TITLE_COLOR,
                                weight: 600
                            },
                            textOverflow: "ellipsis"
                        }
                    },
                    title: {
                        subtitle: {}
                    },
                    tooltip: {},
                    loadingIndicator: {}
                }
            }
        },
        44062(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _contants = __webpack_require__( /*! ./contants */ 12462);
            exports.default = {
                map: {
                    title: {
                        margin: 10
                    },
                    background: {
                        borderWidth: 1,
                        borderColor: "#cacaca"
                    },
                    layer: {
                        label: {
                            enabled: false,
                            stroke: _contants.WHITE,
                            "stroke-width": 1,
                            "stroke-opacity": .7,
                            font: {
                                color: _contants.SOME_GREY,
                                size: 12
                            }
                        }
                    },
                    "layer:area": {
                        borderWidth: 1,
                        borderColor: _contants.WHITE,
                        color: "#d2d2d2",
                        hoveredBorderColor: _contants.GREY_GREEN,
                        selectedBorderWidth: 2,
                        selectedBorderColor: _contants.GREY_GREEN,
                        label: {
                            "stroke-width": 2,
                            font: {
                                size: 16
                            }
                        }
                    },
                    "layer:line": {
                        borderWidth: 2,
                        color: "#ba8365",
                        hoveredColor: "#a94813",
                        selectedBorderWidth: 3,
                        selectedColor: "#e55100",
                        label: {
                            "stroke-width": 2,
                            font: {
                                size: 16
                            }
                        }
                    },
                    "layer:marker": {
                        label: {
                            enabled: true,
                            "stroke-width": 1,
                            font: {
                                size: 12
                            }
                        }
                    },
                    "layer:marker:dot": {
                        borderWidth: 2,
                        borderColor: _contants.WHITE,
                        size: 8,
                        selectedStep: 2,
                        backStep: 18,
                        backColor: _contants.WHITE,
                        backOpacity: .32,
                        shadow: true
                    },
                    "layer:marker:bubble": {
                        minSize: 20,
                        maxSize: 50,
                        hoveredBorderWidth: 1,
                        hoveredBorderColor: _contants.GREY_GREEN,
                        selectedBorderWidth: 2,
                        selectedBorderColor: _contants.GREY_GREEN
                    },
                    "layer:marker:pie": {
                        size: 50,
                        hoveredBorderWidth: 1,
                        hoveredBorderColor: _contants.GREY_GREEN,
                        selectedBorderWidth: 2,
                        selectedBorderColor: _contants.GREY_GREEN
                    },
                    "layer:marker:image": {
                        size: 20
                    },
                    legend: {
                        verticalAlignment: _contants.BOTTOM,
                        horizontalAlignment: _contants.RIGHT,
                        position: _contants.INSIDE,
                        backgroundOpacity: .65,
                        border: {
                            visible: true
                        },
                        paddingLeftRight: 16,
                        paddingTopBottom: 12
                    },
                    controlBar: {
                        borderColor: "#5d5d5d",
                        borderWidth: 3,
                        color: _contants.WHITE,
                        margin: 20,
                        opacity: .3
                    },
                    _rtl: {
                        legend: {
                            itemTextPosition: _contants.LEFT
                        }
                    }
                }
            }
        },
        56829(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.default = [{
                baseThemeName: "generic.light",
                theme: {
                    name: "generic.softblue",
                    defaultPalette: "Soft Blue",
                    backgroundColor: "#fff",
                    primaryTitleColor: "#333",
                    secondaryTitleColor: "#99a1a8",
                    gridColor: "#e8eaeb",
                    axisColor: "#707070",
                    export: {
                        backgroundColor: "#fff",
                        font: {
                            color: "#333"
                        },
                        button: {
                            default: {
                                color: "#333",
                                borderColor: "#c9d0d4",
                                backgroundColor: "#fff"
                            },
                            hover: {
                                color: "#333",
                                borderColor: "#a7b2b9",
                                backgroundColor: "#e6e6e6"
                            },
                            focus: {
                                color: "#333",
                                borderColor: "#82929b",
                                backgroundColor: "#e6e6e6"
                            },
                            active: {
                                color: "#333",
                                borderColor: "#82929b",
                                backgroundColor: "#d4d4d4"
                            }
                        }
                    },
                    legend: {
                        font: {
                            color: "#707070"
                        }
                    },
                    tooltip: {
                        color: "#fff",
                        border: {
                            color: "#e8eaeb"
                        },
                        font: {
                            color: "#333"
                        }
                    },
                    "chart:common": {
                        commonSeriesSettings: {
                            label: {
                                border: {
                                    color: "#e8eaeb"
                                }
                            }
                        }
                    },
                    "chart:common:annotation": {
                        color: "#fff",
                        border: {
                            color: "#e8eaeb"
                        },
                        font: {
                            color: "#333"
                        }
                    },
                    chart: {
                        commonPaneSettings: {
                            border: {
                                color: "#e8eaeb"
                            }
                        },
                        commonAxisSettings: {
                            breakStyle: {
                                color: "#cfd2d3"
                            }
                        }
                    },
                    rangeSelector: {
                        scale: {
                            breakStyle: {
                                color: "#cfd2d3"
                            },
                            tick: {
                                opacity: .12
                            }
                        },
                        selectedRangeColor: "#7ab8eb",
                        sliderMarker: {
                            color: "#7ab8eb"
                        },
                        sliderHandle: {
                            color: "#7ab8eb",
                            opacity: .5
                        }
                    },
                    sparkline: {
                        pointColor: "#fff",
                        minColor: "#f0ad4e",
                        maxColor: "#d9534f"
                    },
                    treeMap: {
                        group: {
                            color: "#e8eaeb",
                            label: {
                                font: {
                                    color: "#99a1a8"
                                }
                            }
                        }
                    },
                    bullet: {
                        color: "#7ab8eb"
                    },
                    gauge: {
                        valueIndicators: {
                            rangebar: {
                                color: "#7ab8eb"
                            },
                            textcloud: {
                                color: "#7ab8eb"
                            }
                        }
                    }
                }
            }, {
                baseThemeName: "generic.softblue",
                theme: {
                    name: "generic.softblue.compact"
                }
            }]
        },
        55073(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            const FONT_FAMILY = "roboto, 'roboto fallback', helvetica, arial, sans-serif";
            const WHITE = "#ffffff";
            const themes = [{
                baseThemeName: "generic.light",
                theme: {
                    name: "material",
                    defaultPalette: "Material",
                    font: {
                        family: FONT_FAMILY
                    },
                    title: {
                        margin: {
                            top: 20,
                            bottom: 20,
                            left: 0,
                            right: 0
                        },
                        font: {
                            size: 20,
                            family: FONT_FAMILY,
                            weight: 500
                        },
                        horizontalAlignment: "left",
                        subtitle: {
                            font: {
                                size: 14
                            },
                            horizontalAlignment: "left"
                        }
                    },
                    tooltip: {
                        shadow: {
                            opacity: 0
                        },
                        border: {
                            visible: false
                        },
                        paddingLeftRight: 8,
                        paddingTopBottom: 6,
                        arrowLength: 0,
                        location: "edge",
                        color: "#616161",
                        font: {
                            color: WHITE
                        },
                        cornerRadius: 4
                    },
                    chart: {
                        commonAxisSettings: {
                            minorTick: {
                                opacity: .5
                            },
                            label: {
                                font: {
                                    size: 11
                                }
                            }
                        },
                        commonAnnotationSettings: {
                            font: {
                                color: WHITE
                            },
                            border: {
                                color: "#616161"
                            },
                            color: "#616161",
                            arrowLength: 14,
                            arrowWidth: 0,
                            shadow: {
                                opacity: .08,
                                offsetY: 4,
                                blur: 8
                            },
                            cornerRadius: 4
                        }
                    },
                    pie: {
                        title: {
                            horizontalAlignment: "center",
                            subtitle: {
                                horizontalAlignment: "center"
                            }
                        }
                    },
                    polar: {
                        commonAxisSettings: {
                            minorTick: {
                                opacity: .5
                            }
                        },
                        title: {
                            horizontalAlignment: "center",
                            subtitle: {
                                horizontalAlignment: "center"
                            }
                        }
                    },
                    funnel: {
                        title: {
                            horizontalAlignment: "center",
                            subtitle: {
                                horizontalAlignment: "center"
                            }
                        }
                    },
                    gauge: {
                        title: {
                            horizontalAlignment: "center",
                            subtitle: {
                                horizontalAlignment: "center"
                            }
                        }
                    },
                    barGauge: {
                        title: {
                            horizontalAlignment: "center",
                            subtitle: {
                                horizontalAlignment: "center"
                            }
                        }
                    },
                    rangeSelector: {
                        sliderHandle: {
                            opacity: .5
                        }
                    },
                    treeMap: {
                        group: {
                            label: {
                                font: {
                                    weight: 500
                                }
                            }
                        }
                    }
                }
            }, {
                baseThemeName: "material",
                theme: {
                    name: "material.light",
                    gridColor: "#e0e0e0",
                    axisColor: "rgba(0,0,0,0.54)",
                    primaryTitleColor: "rgba(0,0,0,0.87)",
                    legend: {
                        font: {
                            color: "rgba(0,0,0,0.54)"
                        }
                    },
                    chart: {
                        scrollBar: {
                            color: "#bfbfbf",
                            opacity: .7
                        }
                    },
                    gauge: {
                        rangeContainer: {
                            backgroundColor: "rgba(0,0,0,0.2)"
                        }
                    },
                    barGauge: {
                        backgroundColor: "#efefef"
                    }
                }
            }, {
                baseThemeName: "material",
                theme: {
                    name: "material.dark",
                    gridColor: "#515159",
                    backgroundColor: "#363640",
                    axisColor: "rgba(255,255,255,0.54)",
                    font: {
                        color: "rgba(255,255,255,0.54)"
                    },
                    primaryTitleColor: "rgba(255,255,255,0.87)",
                    secondaryTitleColor: "rgba(255,255,255,0.87)",
                    tooltip: {
                        color: "#000"
                    },
                    export: {
                        backgroundColor: "#363640",
                        font: {
                            color: "#dbdbdb"
                        },
                        button: {
                            default: {
                                color: "#dedede",
                                borderColor: "#4d4d4d",
                                backgroundColor: "#363640"
                            },
                            hover: {
                                color: "#dedede",
                                borderColor: "#6c6c6c",
                                backgroundColor: "#3f3f4b"
                            },
                            focus: {
                                color: "#dedede",
                                borderColor: "#8d8d8d",
                                backgroundColor: "#494956"
                            },
                            active: {
                                color: "#dedede",
                                borderColor: "#8d8d8d",
                                backgroundColor: "#494956"
                            }
                        },
                        shadowColor: "#292929"
                    },
                    "chart:common": {
                        commonSeriesSettings: {
                            label: {
                                border: {
                                    color: "#494949"
                                }
                            },
                            valueErrorBar: {
                                color: WHITE
                            }
                        }
                    },
                    "chart:common:axis": {
                        constantLineStyle: {
                            color: WHITE
                        }
                    },
                    "chart:common:annotation": {
                        border: {
                            color: "#000"
                        },
                        color: "#000"
                    },
                    chart: {
                        commonPaneSettings: {
                            border: {
                                color: "#494949"
                            }
                        },
                        commonAxisSettings: {
                            breakStyle: {
                                color: "#818181"
                            }
                        },
                        zoomAndPan: {
                            dragBoxStyle: {
                                color: WHITE
                            }
                        }
                    },
                    gauge: {
                        rangeContainer: {
                            backgroundColor: "#b5b5b5"
                        },
                        valueIndicators: {
                            _default: {
                                color: "#b5b5b5"
                            },
                            rangebar: {
                                color: "#84788b"
                            },
                            twocolorneedle: {
                                secondColor: "#ba544d"
                            },
                            trianglemarker: {
                                color: "#b7918f"
                            },
                            textcloud: {
                                color: "#ba544d"
                            }
                        }
                    },
                    barGauge: {
                        backgroundColor: "#3c3c3c"
                    },
                    rangeSelector: {
                        scale: {
                            tick: {
                                color: WHITE,
                                opacity: .32
                            },
                            minorTick: {
                                color: WHITE,
                                opacity: .1
                            },
                            breakStyle: {
                                color: "#818181"
                            }
                        },
                        selectedRangeColor: "#b5b5b5",
                        sliderMarker: {
                            color: "#b5b5b5",
                            font: {
                                color: "#363640"
                            }
                        },
                        sliderHandle: {
                            color: WHITE,
                            opacity: .2
                        },
                        shutter: {
                            color: WHITE,
                            opacity: .1
                        }
                    },
                    map: {
                        background: {
                            borderColor: "#3f3f3f"
                        },
                        layer: {
                            label: {
                                stroke: "#000000",
                                font: {
                                    color: WHITE
                                }
                            }
                        },
                        "layer:area": {
                            borderColor: "#363640",
                            color: "#686868",
                            hoveredBorderColor: WHITE,
                            selectedBorderColor: WHITE
                        },
                        "layer:line": {
                            color: "#c77244",
                            hoveredColor: "#ff5d04",
                            selectedColor: "#ff784f"
                        },
                        "layer:marker:bubble": {
                            hoveredBorderColor: WHITE,
                            selectedBorderColor: WHITE
                        },
                        "layer:marker:pie": {
                            hoveredBorderColor: WHITE,
                            selectedBorderColor: WHITE
                        },
                        legend: {
                            border: {
                                color: "#3f3f3f"
                            },
                            font: {
                                color: WHITE
                            }
                        },
                        controlBar: {
                            borderColor: "#c7c7c7",
                            color: "#363640"
                        }
                    },
                    treeMap: {
                        group: {
                            color: "#4c4c4c",
                            label: {
                                font: {
                                    color: "#a3a3a3"
                                }
                            }
                        }
                    },
                    sparkline: {
                        lineColor: "#c7c7c7",
                        firstLastColor: "#c7c7c7",
                        barPositiveColor: "#b8b8b8",
                        barNegativeColor: "#8e8e8e",
                        winColor: "#b8b8b8",
                        lossColor: "#8e8e8e",
                        pointColor: "#363640"
                    },
                    bullet: {
                        targetColor: "#8e8e8e"
                    },
                    funnel: {
                        item: {
                            border: {
                                color: "#363640"
                            }
                        }
                    },
                    sankey: {
                        label: {
                            font: {
                                color: WHITE
                            }
                        }
                    }
                }
            }];

            function getMaterialColorScheme(accentName, themeName, accentColor) {
                return {
                    theme: {
                        name: `material.${accentName}.${themeName}`,
                        rangeSelector: {
                            selectedRangeColor: accentColor,
                            sliderMarker: {
                                color: accentColor
                            },
                            sliderHandle: {
                                color: accentColor
                            }
                        },
                        map: {
                            "layer:marker:dot": {
                                color: accentColor
                            },
                            "layer:marker:bubble": {
                                color: accentColor
                            },
                            legend: {
                                markerColor: accentColor
                            }
                        },
                        bullet: {
                            color: accentColor
                        },
                        gauge: {
                            valueIndicators: {
                                rangebar: {
                                    color: accentColor
                                },
                                textcloud: {
                                    color: accentColor
                                }
                            }
                        }
                    },
                    baseThemeName: `material.${themeName}`
                }
            }
            const materialAccents = {
                blue: "#03a9f4",
                lime: "#cddc39",
                orange: "#ff5722",
                purple: "#9c27b0",
                teal: "#009688"
            };
            Object.keys(materialAccents).forEach(accent => {
                const color = materialAccents[accent];
                themes.push(getMaterialColorScheme(accent, "light", color), getMaterialColorScheme(accent, "dark", color), {
                    theme: {
                        name: `material.${accent}.light.compact`
                    },
                    baseThemeName: `material.${accent}.light`
                }, {
                    theme: {
                        name: `material.${accent}.dark.compact`
                    },
                    baseThemeName: `material.${accent}.dark`
                })
            });
            exports.default = themes
        },
        69638(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.plugin = exports.Title = void 0;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _layout_element = __webpack_require__( /*! ../../viz/core/layout_element */ 23323);
            var _utils = __webpack_require__( /*! ./utils */ 98013);
            const _Number = Number;
            const parseHorizontalAlignment = (0, _utils.enumParser)(["left", "center", "right"]);
            const parseVerticalAlignment = (0, _utils.enumParser)(["top", "bottom"]);

            function hasText(text) {
                return !!(text && String(text).length > 0)
            }

            function processTitleLength(elem, text, width, options, placeholderSize) {
                if (elem.attr({
                        text: text
                    }).setMaxSize(width, placeholderSize, options).textChanged) {
                    elem.setTitle(text)
                }
            }

            function pickMarginValue(value) {
                return value >= 0 ? _Number(value) : 10
            }
            let Title = function(params) {
                this._params = params;
                this._group = params.renderer.g().attr({
                    class: params.cssClass
                }).linkOn(params.root || params.renderer.root, "title");
                this._hasText = false
            };
            exports.Title = Title;
            (0, _extend.extend)(Title.prototype, _layout_element.LayoutElement.prototype, {
                dispose() {
                    const that = this;
                    that._group.linkRemove();
                    that._group.linkOff();
                    if (that._titleElement) {
                        that._clipRect.dispose();
                        that._titleElement = that._subtitleElement = that._clipRect = null
                    }
                    that._params = that._group = that._options = null
                },
                _updateOptions(options) {
                    this._options = options;
                    this._options.horizontalAlignment = parseHorizontalAlignment(options.horizontalAlignment, "center");
                    this._options.verticalAlignment = parseVerticalAlignment(options.verticalAlignment, "top");
                    this._options.margin = function(margin) {
                        let result;
                        if (margin >= 0) {
                            result = {
                                left: _Number(margin),
                                top: _Number(margin),
                                right: _Number(margin),
                                bottom: _Number(margin)
                            }
                        } else {
                            margin = margin || {};
                            result = {
                                left: pickMarginValue(margin.left),
                                top: pickMarginValue(margin.top),
                                right: pickMarginValue(margin.right),
                                bottom: pickMarginValue(margin.bottom)
                            }
                        }
                        return result
                    }(options.margin)
                },
                _updateStructure() {
                    const that = this;
                    const renderer = that._params.renderer;
                    const group = that._group;
                    const options = that._options;
                    const align = options.horizontalAlignment;
                    if (!that._titleElement) {
                        that._titleElement = renderer.text().append(group);
                        that._subtitleElement = renderer.text();
                        that._clipRect = renderer.clipRect();
                        group.attr({
                            "clip-path": that._clipRect.id
                        })
                    }
                    that._titleElement.attr({
                        align: align,
                        class: options.cssClass
                    });
                    that._subtitleElement.attr({
                        align: align,
                        class: options.subtitle.cssClass
                    });
                    group.linkAppend();
                    hasText(options.subtitle.text) ? that._subtitleElement.append(group) : that._subtitleElement.remove()
                },
                _updateTexts() {
                    const options = this._options;
                    const subtitleOptions = options.subtitle;
                    const titleElement = this._titleElement;
                    const subtitleElement = this._subtitleElement;
                    let titleBox;
                    titleElement.attr({
                        text: "A",
                        y: 0
                    }).css((0, _utils.patchFontOptions)(options.font));
                    titleBox = titleElement.getBBox();
                    this._baseLineCorrection = titleBox.height + titleBox.y;
                    titleElement.attr({
                        text: options.text
                    });
                    titleBox = titleElement.getBBox();
                    const y = -titleBox.y;
                    titleElement.attr({
                        y: y
                    });
                    if (hasText(subtitleOptions.text)) {
                        subtitleElement.attr({
                            text: subtitleOptions.text,
                            y: 0
                        }).css((0, _utils.patchFontOptions)(subtitleOptions.font))
                    }
                },
                _shiftSubtitle() {
                    const titleBox = this._titleElement.getBBox();
                    const element = this._subtitleElement;
                    const offset = this._options.subtitle.offset;
                    element.move(0, titleBox.y + titleBox.height - element.getBBox().y - offset)
                },
                _updateBoundingRectAlignment() {
                    const boundingRect = this._boundingRect;
                    const options = this._options;
                    boundingRect.verticalAlignment = options.verticalAlignment;
                    boundingRect.horizontalAlignment = options.horizontalAlignment;
                    boundingRect.cutLayoutSide = options.verticalAlignment;
                    boundingRect.cutSide = "vertical";
                    boundingRect.position = {
                        horizontal: options.horizontalAlignment,
                        vertical: options.verticalAlignment
                    }
                },
                hasText() {
                    return this._hasText
                },
                update(themeOptions, userOptions) {
                    const that = this;
                    const options = (0, _extend.extend)(true, {}, themeOptions, function(options) {
                        const newOptions = (0, _type.isString)(options) ? {
                            text: options
                        } : options || {};
                        newOptions.subtitle = (0, _type.isString)(newOptions.subtitle) ? {
                            text: newOptions.subtitle
                        } : newOptions.subtitle || {};
                        return newOptions
                    }(userOptions));
                    const _hasText = hasText(options.text);
                    const isLayoutChanged = _hasText || _hasText !== that._hasText;
                    that._baseLineCorrection = 0;
                    that._updateOptions(options);
                    that._boundingRect = {};
                    if (_hasText) {
                        that._updateStructure();
                        that._updateTexts()
                    } else {
                        that._group.linkRemove()
                    }
                    that._updateBoundingRect();
                    that._updateBoundingRectAlignment();
                    that._hasText = _hasText;
                    return isLayoutChanged
                },
                draw(width, height) {
                    const that = this;
                    if (that._hasText) {
                        that._group.linkAppend();
                        that._correctTitleLength(width);
                        if (that._group.getBBox().height > height) {
                            this.freeSpace()
                        }
                    }
                    return that
                },
                _correctTitleLength(width) {
                    const that = this;
                    const options = that._options;
                    const margin = options.margin;
                    const maxWidth = width - margin.left - margin.right;
                    let placeholderSize = options.placeholderSize;
                    processTitleLength(that._titleElement, options.text, maxWidth, options, placeholderSize);
                    if (that._subtitleElement) {
                        if (_Number(placeholderSize) > 0) {
                            placeholderSize -= that._titleElement.getBBox().height
                        }
                        processTitleLength(that._subtitleElement, options.subtitle.text, maxWidth, options.subtitle, placeholderSize);
                        that._shiftSubtitle()
                    }
                    that._updateBoundingRect();
                    const {
                        x: x,
                        y: y,
                        height: height
                    } = this.getCorrectedLayoutOptions();
                    this._clipRect.attr({
                        x: x,
                        y: y,
                        width: width,
                        height: height
                    })
                },
                getLayoutOptions() {
                    return this._boundingRect || null
                },
                shift(x, y) {
                    const box = this.getLayoutOptions();
                    this._group.move(x - box.x, y - box.y);
                    return this
                },
                _updateBoundingRect() {
                    const that = this;
                    const options = that._options;
                    const margin = options.margin;
                    const boundingRect = that._boundingRect;
                    const box = that._hasText ? that._group.getBBox() : {
                        width: 0,
                        height: 0,
                        x: 0,
                        y: 0,
                        isEmpty: true
                    };
                    if (!box.isEmpty) {
                        box.height += margin.top + margin.bottom - that._baseLineCorrection;
                        box.width += margin.left + margin.right;
                        box.x -= margin.left;
                        box.y += that._baseLineCorrection - margin.top
                    }
                    if (options.placeholderSize > 0) {
                        box.height = options.placeholderSize
                    }
                    boundingRect.height = box.height;
                    boundingRect.width = box.width;
                    boundingRect.x = box.x;
                    boundingRect.y = box.y
                },
                getCorrectedLayoutOptions() {
                    const srcBox = this.getLayoutOptions();
                    const correction = this._baseLineCorrection;
                    return (0, _extend.extend)({}, srcBox, {
                        y: srcBox.y - correction,
                        height: srcBox.height + correction
                    })
                },
                layoutOptions() {
                    if (!this._hasText) {
                        return null
                    }
                    return {
                        horizontalAlignment: this._boundingRect.horizontalAlignment,
                        verticalAlignment: this._boundingRect.verticalAlignment,
                        priority: 0
                    }
                },
                measure(size) {
                    this.draw(size[0], size[1]);
                    return [this._boundingRect.width, this._boundingRect.height]
                },
                move(rect, fitRect) {
                    const boundingRect = this._boundingRect;
                    if (function(rect, boundingRect) {
                            return rect[2] - rect[0] < boundingRect.width || rect[3] - rect[1] < boundingRect.height
                        }(rect, boundingRect)) {
                        this.shift(fitRect[0], fitRect[1])
                    } else {
                        this.shift(Math.round(rect[0]), Math.round(rect[1]))
                    }
                },
                freeSpace() {
                    this._params.incidentOccurred("W2103");
                    this._group.linkRemove();
                    this._boundingRect.width = this._boundingRect.height = 0
                },
                getOptions() {
                    return this._options
                },
                changeLink(root) {
                    this._group.linkRemove();
                    this._group.linkOn(root, "title")
                }
            });
            exports.plugin = {
                name: "title",
                init() {
                    this._title = new Title({
                        renderer: this._renderer,
                        cssClass: `${this._rootClassPrefix}-title`,
                        incidentOccurred: this._incidentOccurred
                    });
                    this._layout.add(this._title)
                },
                dispose() {
                    this._title.dispose();
                    this._title = null
                },
                customize(constructor) {
                    constructor.addChange({
                        code: "TITLE",
                        handler() {
                            if (this._title.update(this._themeManager.theme("title"), this.option("title"))) {
                                this._change(["LAYOUT"])
                            }
                        },
                        isThemeDependent: true,
                        option: "title",
                        isOptionChange: true
                    })
                },
                fontFields: ["title.font", "title.subtitle.font"]
            }
        },
        94371(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.plugin = exports.Tooltip = void 0;
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _dom = __webpack_require__( /*! ../../../core/utils/dom */ 86858);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _inflector = __webpack_require__( /*! ../../../core/utils/inflector */ 53124);
            var _size = __webpack_require__( /*! ../../../core/utils/size */ 57653);
            var _style = __webpack_require__( /*! ../../../core/utils/style */ 58515);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _format_helper = _interopRequireDefault(__webpack_require__( /*! ../../../format_helper */ 2082));
            var _plaque = __webpack_require__( /*! ./plaque */ 16706);
            var _renderer2 = __webpack_require__( /*! ./renderers/renderer */ 15232);
            var _utils = __webpack_require__( /*! ./utils */ 98013);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const format = _format_helper.default.format;
            const mathCeil = Math.ceil;
            const mathMax = Math.max;
            const mathMin = Math.min;
            const window = (0, _window.getWindow)();

            function hideElement($element) {
                $element.css({
                    left: "-9999px"
                }).detach()
            }

            function createTextHtml() {
                return (0, _renderer.default)("<div>").css({
                    position: "relative",
                    display: "inline-block",
                    padding: 0,
                    margin: 0,
                    border: "0px solid transparent"
                })
            }
            let Tooltip = function(params) {
                this._eventTrigger = params.eventTrigger;
                this._widgetRoot = params.widgetRoot;
                this._widget = params.widget;
                this._textHtmlContainers = [];
                this._wrapper = (0, _renderer.default)("<div>").css({
                    position: "absolute",
                    overflow: "hidden",
                    pointerEvents: "none"
                }).addClass(params.cssClass);
                const renderer = this._renderer = new _renderer2.Renderer({
                    pathModified: params.pathModified,
                    container: this._wrapper[0]
                });
                const root = renderer.root;
                root.attr({
                    "pointer-events": "none"
                });
                this._text = renderer.text(void 0, 0, 0);
                this._textGroupHtml = (0, _renderer.default)("<div>").css({
                    position: "absolute",
                    padding: 0,
                    margin: 0,
                    border: "0px solid transparent"
                }).appendTo(this._wrapper);
                this._textHtml = createTextHtml().appendTo(this._textGroupHtml)
            };
            exports.Tooltip = Tooltip;
            Tooltip.prototype = {
                constructor: Tooltip,
                dispose() {
                    this._wrapper.remove();
                    this._renderer.dispose();
                    this._options = this._widgetRoot = null
                },
                _getContainer() {
                    const options = this._options;
                    let container = (0, _renderer.default)(this._widgetRoot).closest(options.container);
                    if (0 === container.length) {
                        container = (0, _renderer.default)(options.container)
                    }
                    return (container.length ? container : (0, _renderer.default)("body")).get(0)
                },
                setTemplate(contentTemplate) {
                    this._template = contentTemplate ? this._widget._getTemplate(contentTemplate) : null
                },
                setOptions(options) {
                    options = options || {};
                    const that = this;
                    that._options = options;
                    that._textFontStyles = (0, _utils.patchFontOptions)(options.font);
                    that._textFontStyles.color = that._textFontStyles.fill;
                    that._wrapper.css({
                        zIndex: options.zIndex
                    });
                    that._customizeTooltip = options.customizeTooltip;
                    const textGroupHtml = that._textGroupHtml;
                    if (this.plaque) {
                        this.plaque.clear()
                    }
                    this.setTemplate(options.contentTemplate);
                    const pointerEvents = options.interactive ? "auto" : "none";
                    if (options.interactive) {
                        this._renderer.root.css({
                            "-moz-user-select": "auto",
                            "-webkit-user-select": "auto"
                        })
                    }
                    this.plaque = new _plaque.Plaque({
                        opacity: that._options.opacity,
                        color: that._options.color,
                        border: that._options.border,
                        paddingLeftRight: that._options.paddingLeftRight,
                        paddingTopBottom: that._options.paddingTopBottom,
                        arrowLength: that._options.arrowLength,
                        arrowWidth: 20,
                        shadow: that._options.shadow,
                        cornerRadius: that._options.cornerRadius
                    }, that, that._renderer.root, _ref => {
                        let {
                            group: group,
                            onRender: onRender,
                            eventData: eventData,
                            isMoving: isMoving,
                            templateCallback: templateCallback = () => {}
                        } = _ref;
                        const state = that._state;
                        if (!isMoving) {
                            const template = that._template;
                            const useTemplate = template && !state.formatObject.skipTemplate;
                            if (state.html || useTemplate) {
                                textGroupHtml.css({
                                    color: state.textColor,
                                    width: 3e3,
                                    pointerEvents: pointerEvents
                                });
                                if (useTemplate) {
                                    const htmlContainers = that._textHtmlContainers;
                                    const containerToTemplateRender = createTextHtml().appendTo(that._textGroupHtml);
                                    htmlContainers.push(containerToTemplateRender);
                                    template.render({
                                        model: state.formatObject,
                                        container: containerToTemplateRender,
                                        onRendered: () => {
                                            elements = htmlContainers.splice(0, htmlContainers.length - 1), void elements.forEach(el => el.remove());
                                            var elements;
                                            that._textHtml = (0, _dom.replaceWith)(that._textHtml, containerToTemplateRender);
                                            state.html = that._textHtml.html();
                                            if (0 === (0, _size.getWidth)(that._textHtml) && 0 === (0, _size.getHeight)(that._textHtml)) {
                                                this.plaque.clear();
                                                templateCallback(false);
                                                return
                                            }
                                            onRender();
                                            that._riseEvents(eventData);
                                            that._moveWrapper();
                                            that.plaque.customizeCloud({
                                                fill: state.color,
                                                stroke: state.borderColor,
                                                "pointer-events": pointerEvents
                                            });
                                            templateCallback(true);
                                            that._textHtmlContainers = []
                                        }
                                    });
                                    return
                                } else {
                                    that._text.attr({
                                        text: ""
                                    });
                                    that._textHtml.html(state.html)
                                }
                            } else {
                                that._text.css({
                                    fill: state.textColor
                                }).attr({
                                    text: state.text,
                                    class: options.cssClass,
                                    "pointer-events": pointerEvents
                                }).append(group.attr({
                                    align: options.textAlignment
                                }))
                            }
                            that._riseEvents(eventData);
                            that.plaque.customizeCloud({
                                fill: state.color,
                                stroke: state.borderColor,
                                "pointer-events": pointerEvents
                            })
                        }
                        onRender();
                        that._moveWrapper();
                        return true
                    }, true, (tooltip, g) => {
                        const state = tooltip._state;
                        if (state.html) {
                            let bBox = window.getComputedStyle(that._textHtml.get(0));
                            bBox = {
                                x: 0,
                                y: 0,
                                width: mathCeil(parseFloat(bBox.width)),
                                height: mathCeil(parseFloat(bBox.height))
                            };
                            return bBox
                        }
                        return g.getBBox()
                    }, (tooltip, g, x, y) => {
                        const state = tooltip._state;
                        if (state.html) {
                            that._textGroupHtml.css({
                                left: x,
                                top: y
                            })
                        } else {
                            g.move(x, y)
                        }
                    });
                    return that
                },
                _riseEvents(eventData) {
                    this._eventData && this._eventTrigger("tooltipHidden", this._eventData);
                    this._eventData = eventData;
                    this._eventTrigger("tooltipShown", this._eventData)
                },
                setRendererOptions(options) {
                    this._renderer.setOptions(options);
                    this._textGroupHtml.css({
                        direction: options.rtl ? "rtl" : "ltr"
                    });
                    return this
                },
                update(options) {
                    const that = this;
                    that.setOptions(options);
                    hideElement(that._wrapper);
                    const normalizedCSS = {};
                    for (const name in that._textFontStyles) {
                        const normalizedName = (0, _inflector.camelize)(name);
                        normalizedCSS[normalizedName] = (0, _style.normalizeStyleProp)(normalizedName, that._textFontStyles[name])
                    }
                    that._textGroupHtml.css(normalizedCSS);
                    that._text.css(that._textFontStyles);
                    that._eventData = null;
                    return that
                },
                _prepare(formatObject, state) {
                    let customizeTooltip = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : this._customizeTooltip;
                    const options = this._options;
                    let customize = {};
                    if ((0, _type.isFunction)(customizeTooltip)) {
                        customize = customizeTooltip.call(formatObject, formatObject);
                        customize = (0, _type.isPlainObject)(customize) ? customize : {};
                        if ("text" in customize) {
                            state.text = (0, _type.isDefined)(customize.text) ? String(customize.text) : ""
                        }
                        if ("html" in customize) {
                            state.html = (0, _type.isDefined)(customize.html) ? String(customize.html) : ""
                        }
                    }
                    if (!("text" in state) && !("html" in state)) {
                        state.text = formatObject.valueText || formatObject.description || ""
                    }
                    state.color = customize.color || options.color;
                    state.borderColor = customize.borderColor || (options.border || {}).color;
                    state.textColor = customize.fontColor || (this._textFontStyles || {}).color;
                    return !!state.text || !!state.html || !!this._template
                },
                show(formatObject, params, eventData, customizeTooltip, templateCallback) {
                    const that = this;
                    if (that._options.forceEvents) {
                        eventData.x = params.x;
                        eventData.y = params.y - params.offset;
                        that._riseEvents(eventData);
                        return true
                    }
                    const state = {
                        formatObject: formatObject,
                        eventData: eventData,
                        templateCallback: templateCallback
                    };
                    if (!that._prepare(formatObject, state, customizeTooltip)) {
                        return false
                    }
                    that._state = state;
                    that._wrapper.appendTo(that._getContainer());
                    that._clear();
                    const parameters = (0, _extend.extend)({}, that._options, {
                        canvas: that._getCanvas()
                    }, state, {
                        x: params.x,
                        y: params.y,
                        offset: params.offset
                    });
                    return this.plaque.clear().draw(parameters)
                },
                isCursorOnTooltip(x, y) {
                    if (this._options.interactive) {
                        const box = this.plaque.getBBox();
                        return x > box.x && x < box.x + box.width && y > box.y && y < box.y + box.height
                    }
                    return false
                },
                hide(isPointerOut) {
                    const that = this;
                    hideElement(that._wrapper);
                    if (that._eventData) {
                        that._eventTrigger("tooltipHidden", that._options.forceEvents ? (0, _extend.extend)({
                            isPointerOut: isPointerOut
                        }, that._eventData) : that._eventData);
                        that._clear();
                        that._eventData = null
                    }
                },
                _clear() {
                    this._textHtml.empty()
                },
                move(x, y, offset) {
                    this.plaque.draw({
                        x: x,
                        y: y,
                        offset: offset,
                        canvas: this._getCanvas(),
                        isMoving: true
                    })
                },
                _moveWrapper() {
                    const that = this;
                    const plaqueBBox = this.plaque.getBBox();
                    that._renderer.resize(plaqueBBox.width, plaqueBBox.height);
                    const offset = that._wrapper.css({
                        left: 0,
                        top: 0
                    }).offset();
                    const left = plaqueBBox.x;
                    const top = plaqueBBox.y;
                    that._wrapper.css({
                        left: left - offset.left,
                        top: top - offset.top
                    });
                    this.plaque.moveRoot(-left, -top);
                    if (this._state.html) {
                        that._textHtml.css({
                            left: -left,
                            top: -top
                        });
                        that._textGroupHtml.css({
                            width: mathCeil((0, _size.getWidth)(that._textHtml))
                        })
                    }
                },
                formatValue(value, _specialFormat) {
                    const options = _specialFormat ? function(options, specialFormat) {
                        let result = options;
                        switch (specialFormat) {
                            case "argument":
                                result = {
                                    format: options.argumentFormat
                                };
                                break;
                            case "percent":
                                result = {
                                    format: {
                                        type: "percent",
                                        precision: options.format && options.format.percentPrecision
                                    }
                                }
                        }
                        return result
                    }(this._options, _specialFormat) : this._options;
                    return format(value, options.format)
                },
                getOptions() {
                    return this._options
                },
                getLocation() {
                    return (0, _utils.normalizeEnum)(this._options.location)
                },
                isEnabled() {
                    return !!this._options.enabled || !!this._options.forceEvents
                },
                isShared() {
                    return !!this._options.shared
                },
                _getCanvas() {
                    const container = this._getContainer();
                    const containerBox = container.getBoundingClientRect();
                    const html = _dom_adapter.default.getDocumentElement();
                    const document = _dom_adapter.default.getDocument();
                    let left = window.pageXOffset || html.scrollLeft || 0;
                    let top = window.pageYOffset || html.scrollTop || 0;
                    const box = {
                        left: left,
                        top: top,
                        width: mathMax(html.clientWidth, document.body.clientWidth) + left,
                        height: mathMax(document.body.scrollHeight, html.scrollHeight, document.body.offsetHeight, html.offsetHeight, document.body.clientHeight, html.clientHeight),
                        right: 0,
                        bottom: 0
                    };
                    if (container !== _dom_adapter.default.getBody()) {
                        left = mathMax(box.left, box.left + containerBox.left);
                        top = mathMax(box.top, box.top + containerBox.top);
                        box.width = mathMin(containerBox.width, box.width) + left + box.left;
                        box.height = mathMin(containerBox.height, box.height) + top + box.top;
                        box.left = left;
                        box.top = top
                    }
                    return box
                }
            };
            exports.plugin = {
                name: "tooltip",
                init() {
                    this._initTooltip()
                },
                dispose() {
                    this._disposeTooltip()
                },
                members: {
                    _initTooltip() {
                        this._tooltip = new Tooltip({
                            cssClass: `${this._rootClassPrefix}-tooltip`,
                            eventTrigger: this._eventTrigger,
                            pathModified: this.option("pathModified"),
                            widgetRoot: this.element(),
                            widget: this
                        })
                    },
                    _disposeTooltip() {
                        this._tooltip.dispose();
                        this._tooltip = null
                    },
                    _setTooltipRendererOptions() {
                        this._tooltip.setRendererOptions(this._getRendererOptions())
                    },
                    _setTooltipOptions() {
                        this._tooltip.update(this._getOption("tooltip"))
                    }
                },
                extenders: {
                    _stopCurrentHandling() {
                        this._tooltip && this._tooltip.hide()
                    }
                },
                customize(constructor) {
                    const proto = constructor.prototype;
                    proto._eventsMap.onTooltipShown = {
                        name: "tooltipShown"
                    };
                    proto._eventsMap.onTooltipHidden = {
                        name: "tooltipHidden"
                    };
                    constructor.addChange({
                        code: "TOOLTIP_RENDERER",
                        handler() {
                            this._setTooltipRendererOptions()
                        },
                        isThemeDependent: true,
                        isOptionChange: true
                    });
                    constructor.addChange({
                        code: "TOOLTIP",
                        handler() {
                            this._setTooltipOptions()
                        },
                        isThemeDependent: true,
                        isOptionChange: true,
                        option: "tooltip"
                    })
                },
                fontFields: ["tooltip.font"]
            }
        },
        98013(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.PANE_PADDING = void 0;
            exports.adjustVisualRange = function(options, visualRange, wholeRange, dataRange) {
                const minDefined = (0, _type.isDefined)(visualRange.startValue);
                const maxDefined = (0, _type.isDefined)(visualRange.endValue);
                const nonDiscrete = "discrete" !== options.axisType;
                dataRange = dataRange || wholeRange;
                const add = getAddFunction(options, false);
                let min = minDefined ? visualRange.startValue : dataRange.min;
                let max = maxDefined ? visualRange.endValue : dataRange.max;
                let rangeLength = visualRange.length;
                const {
                    categories: categories
                } = dataRange;
                if (nonDiscrete && !(0, _type.isDefined)(min) && !(0, _type.isDefined)(max)) {
                    return {
                        startValue: min,
                        endValue: max
                    }
                }
                if ((0, _type.isDefined)(rangeLength)) {
                    if (nonDiscrete) {
                        if ("datetime" === options.dataType && !(0, _type.isNumeric)(rangeLength)) {
                            rangeLength = dateToMilliseconds(rangeLength)
                        }
                        if (maxDefined && !minDefined || !maxDefined && !minDefined) {
                            (0, _type.isDefined)(wholeRange.max) && (max = max > wholeRange.max ? wholeRange.max : max);
                            min = add(max, rangeLength, -1)
                        } else if (minDefined && !maxDefined) {
                            (0, _type.isDefined)(wholeRange.min) && (min = min < wholeRange.min ? wholeRange.min : min);
                            max = add(min, rangeLength)
                        }
                    } else {
                        rangeLength = parseInt(rangeLength);
                        if (!isNaN(rangeLength) && isFinite(rangeLength)) {
                            rangeLength--;
                            if (!maxDefined && !minDefined) {
                                max = categories[categories.length - 1];
                                min = categories[categories.length - 1 - rangeLength]
                            } else if (minDefined && !maxDefined) {
                                const categoriesInfo = getCategoriesInfo(categories, min, void 0);
                                max = categoriesInfo.categories[rangeLength]
                            } else if (!minDefined && maxDefined) {
                                const categoriesInfo = getCategoriesInfo(categories, void 0, max);
                                min = categoriesInfo.categories[categoriesInfo.categories.length - 1 - rangeLength]
                            }
                        }
                    }
                }
                if (nonDiscrete) {
                    if ((0, _type.isDefined)(wholeRange.max) && max > wholeRange.max) {
                        max = wholeRange.max
                    }
                    if ((0, _type.isDefined)(wholeRange.min) && min < wholeRange.min) {
                        min = wholeRange.min
                    }
                }
                return {
                    startValue: min,
                    endValue: max
                }
            };
            exports.convertAngleToRendererSpace = void 0;
            exports.convertPolarToXY = function(centerCoords, startAngle, angle, radius) {
                const normalizedRadius = radius > 0 ? radius : 0;
                angle = (0, _type.isDefined)(angle) ? angle + startAngle - 90 : 0;
                const cosSin = getCosAndSin(angle);
                return {
                    x: _round(centerCoords.x + normalizedRadius * cosSin.cos),
                    y: _round(centerCoords.y + normalizedRadius * cosSin.sin)
                }
            };
            exports.convertVisualRangeObject = function(visualRange, convertToVisualRange) {
                if (convertToVisualRange) {
                    return visualRange
                }
                return [visualRange.startValue, visualRange.endValue]
            };
            exports.enumParser = exports.degreesToRadians = exports.decreaseGaps = exports.convertXYToPolar = void 0;
            exports.extractColor = function(color, isBase) {
                if ((0, _type.isString)(color) || !color) {
                    return color
                }
                if (isBase) {
                    return color.base
                }
                return color.fillId || color.base
            };
            exports.getAddFunction = getAddFunction;
            exports.getLog = exports.getDistance = exports.getDecimalOrder = exports.getCosAndSin = exports.getCategoriesInfo = exports.getAppropriateFormat = exports.getAdjustedLog10 = void 0;
            exports.getLogExt = getLogExt;
            exports.getVerticallyShiftedAngularCoords = exports.getPower = exports.getNextDefsSvgId = void 0;
            exports.getVizRangeObject = function(value) {
                if (Array.isArray(value)) {
                    return {
                        startValue: value[0],
                        endValue: value[1]
                    }
                }
                return value || {}
            };
            exports.isRelativeHeightPane = isRelativeHeightPane;
            exports.map = map;
            exports.mergeMarginOptions = function(opt1, opt2) {
                return {
                    checkInterval: opt1.checkInterval || opt2.checkInterval,
                    size: _max(opt1.size || 0, opt2.size || 0),
                    percentStick: opt1.percentStick || opt2.percentStick,
                    sizePointNormalState: _max(opt1.sizePointNormalState || 0, opt2.sizePointNormalState || 0)
                }
            };
            exports.normalizeAngle = void 0;
            exports.normalizeArcParams = function(x, y, innerRadius, outerRadius, startAngle, endAngle) {
                let isCircle;
                let noArc = true;
                const angleDiff = roundValue(endAngle, 3) - roundValue(startAngle, 3);
                if (angleDiff) {
                    if (abs(angleDiff) % 360 === 0) {
                        startAngle = 0;
                        endAngle = 360;
                        isCircle = true;
                        endAngle -= .01
                    }
                    if (startAngle > 360) {
                        startAngle %= 360
                    }
                    if (endAngle > 360) {
                        endAngle %= 360
                    }
                    if (startAngle > endAngle) {
                        startAngle -= 360
                    }
                    noArc = false
                }
                startAngle *= PI_DIV_180;
                endAngle *= PI_DIV_180;
                return [x, y, Math.min(outerRadius, innerRadius), Math.max(outerRadius, innerRadius), Math.cos(startAngle), Math.sin(startAngle), Math.cos(endAngle), Math.sin(endAngle), isCircle, floor(abs(endAngle - startAngle) / PI) % 2 ? "1" : "0", noArc]
            };
            exports.normalizeBBox = normalizeBBox;
            exports.normalizeEnum = normalizeEnum;
            exports.normalizePanesHeight = function(panes) {
                panes.forEach(pane => {
                    const {
                        height: height
                    } = pane;
                    let unit = 0;
                    let parsedHeight = parseFloat(height) || void 0;
                    if ((0, _type.isString)(height) && height.includes("px") || (0, _type.isNumeric)(height) && height > 1) {
                        parsedHeight = _round(parsedHeight);
                        unit = 1
                    }
                    if (!unit && parsedHeight) {
                        if ((0, _type.isString)(height) && height.includes("%")) {
                            parsedHeight /= 100;
                            unit = 2
                        } else if (parsedHeight < 0) {
                            parsedHeight = parsedHeight < -1 ? 1 : abs(parsedHeight)
                        }
                    }
                    pane.height = parsedHeight;
                    pane.unit = unit
                });
                const relativeHeightPanes = panes.filter(isRelativeHeightPane);
                const weightSum = relativeHeightPanes.reduce((prev, next) => prev + (next.height || 0), 0);
                const weightHeightCount = relativeHeightPanes.length;
                const emptyHeightPanes = relativeHeightPanes.filter(pane => !pane.height);
                const emptyHeightCount = emptyHeightPanes.length;
                if (weightSum < 1 && emptyHeightCount) {
                    emptyHeightPanes.forEach(pane => pane.height = (1 - weightSum) / emptyHeightCount)
                } else if (weightSum > 1 || weightSum < 1 && !emptyHeightCount || 1 === weightSum && emptyHeightCount) {
                    if (emptyHeightCount) {
                        const weightForEmpty = weightSum / weightHeightCount;
                        const emptyWeightSum = emptyHeightCount * weightForEmpty;
                        relativeHeightPanes.filter(pane => pane.height).forEach(pane => pane.height *= (weightSum - emptyWeightSum) / weightSum);
                        emptyHeightPanes.forEach(pane => pane.height = weightForEmpty)
                    }
                    relativeHeightPanes.forEach(pane => pane.height *= 1 / weightSum)
                }
            };
            exports.patchFontOptions = exports.parseScalar = void 0;
            exports.pointInCanvas = function(canvas, x, y) {
                return x >= canvas.left && x <= canvas.right && y >= canvas.top && y <= canvas.bottom
            };
            exports.raiseTo = exports.processSeriesTemplate = void 0;
            exports.raiseToExt = raiseToExt;
            exports.rangesAreEqual = function(range, rangeFromOptions) {
                if (Array.isArray(rangeFromOptions)) {
                    return range.length === rangeFromOptions.length && range.every((item, i) => valueOf(item) === valueOf(rangeFromOptions[i]))
                }
                return valueOf(range.startValue) === valueOf(rangeFromOptions.startValue) && valueOf(range.endValue) === valueOf(rangeFromOptions.endValue)
            };
            exports.rotateBBox = function(bBox, center, angle) {
                const cos = _Number(_cos(angle * PI_DIV_180).toFixed(3));
                const sin = _Number(_sin(angle * PI_DIV_180).toFixed(3));
                const w2 = bBox.width / 2;
                const h2 = bBox.height / 2;
                const centerX = bBox.x + w2;
                const centerY = bBox.y + h2;
                const w2_ = abs(w2 * cos) + abs(h2 * sin);
                const h2_ = abs(w2 * sin) + abs(h2 * cos);
                const centerX_ = center[0] + (centerX - center[0]) * cos + (centerY - center[1]) * sin;
                const centerY_ = center[1] - (centerX - center[0]) * sin + (centerY - center[1]) * cos;
                return normalizeBBox({
                    x: centerX_ - w2_,
                    y: centerY_ - h2_,
                    width: 2 * w2_,
                    height: 2 * h2_
                })
            };
            exports.roundValue = void 0;
            exports.setCanvasValues = setCanvasValues;
            exports.unique = void 0;
            exports.updatePanesCanvases = function(panes, canvas, rotated) {
                let distributedSpace = 0;
                const padding = PANE_PADDING;
                const paneSpace = rotated ? canvas.width - canvas.left - canvas.right : canvas.height - canvas.top - canvas.bottom;
                const totalCustomSpace = panes.reduce((prev, cur) => prev + (!isRelativeHeightPane(cur) ? cur.height : 0), 0);
                const usefulSpace = paneSpace - padding * (panes.length - 1) - totalCustomSpace;
                const startName = rotated ? "left" : "top";
                const endName = rotated ? "right" : "bottom";
                panes.forEach(pane => {
                    const calcLength = !isRelativeHeightPane(pane) ? pane.height : _round(pane.height * usefulSpace);
                    pane.canvas = pane.canvas || {};
                    (0, _extend.extend)(pane.canvas, canvas);
                    pane.canvas[startName] = canvas[startName] + distributedSpace;
                    pane.canvas[endName] = canvas[endName] + (paneSpace - calcLength - distributedSpace);
                    distributedSpace = distributedSpace + calcLength + padding;
                    setCanvasValues(pane.canvas)
                })
            };
            exports.valueOf = valueOf;
            var _color = _interopRequireDefault(__webpack_require__( /*! ../../../color */ 43101));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                PI: PI,
                LN10: LN10,
                abs: abs,
                log: log,
                floor: floor,
                ceil: ceil,
                sqrt: sqrt,
                atan2: atan2
            } = Math;
            const _min = Math.min;
            const _max = Math.max;
            const _cos = Math.cos;
            const _sin = Math.sin;
            const _round = Math.round;
            const {
                dateToMilliseconds: dateToMilliseconds
            } = _date.default;
            const PI_DIV_180 = PI / 180;
            const _isNaN = isNaN;
            const _Number = Number;
            let numDefsSvgElements = 1;
            const PANE_PADDING = exports.PANE_PADDING = 10;
            const getLog = function(value, base) {
                if (!value) {
                    return NaN
                }
                return log(value) / log(base)
            };
            exports.getLog = getLog;
            exports.getAdjustedLog10 = function(value) {
                return (0, _math.adjust)(getLog(value, 10))
            };
            const raiseTo = function(power, base) {
                return base ** power
            };
            exports.raiseTo = raiseTo;
            const normalizeAngle = function(angle) {
                return (angle % 360 + 360) % 360
            };
            exports.normalizeAngle = normalizeAngle;
            exports.convertAngleToRendererSpace = function(angle) {
                return 90 - angle
            };
            const degreesToRadians = function(value) {
                return PI * value / 180
            };
            exports.degreesToRadians = degreesToRadians;
            const getCosAndSin = function(angle) {
                const angleInRadians = degreesToRadians(angle);
                return {
                    cos: _cos(angleInRadians),
                    sin: _sin(angleInRadians)
                }
            };
            exports.getCosAndSin = getCosAndSin;
            const getDistance = function(x1, y1, x2, y2) {
                const diffX = x2 - x1;
                const diffY = y2 - y1;
                return sqrt(diffY * diffY + diffX * diffX)
            };
            exports.getDistance = getDistance;
            const getDecimalOrder = function(number) {
                let n = abs(number);
                let cn;
                if (!_isNaN(n)) {
                    if (n > 0) {
                        n = log(n) / LN10;
                        cn = ceil(n);
                        return cn - n < 1e-14 ? cn : floor(n)
                    }
                    return 0
                }
                return NaN
            };
            exports.getDecimalOrder = getDecimalOrder;
            exports.getAppropriateFormat = function(start, end, count) {
                const order = _max(getDecimalOrder(start), getDecimalOrder(end));
                let precision = -getDecimalOrder(abs(end - start) / count);
                let format;
                if (!_isNaN(order) && !_isNaN(precision)) {
                    if (abs(order) <= 4) {
                        format = "fixedPoint";
                        precision < 0 && (precision = 0);
                        precision > 4 && (precision = 4)
                    } else {
                        format = "exponential";
                        precision += order - 1;
                        precision > 3 && (precision = 3)
                    }
                    return {
                        type: format,
                        precision: precision
                    }
                }
                return null
            };
            const roundValue = function(value, precision) {
                if (precision > 20) {
                    precision = 20
                }
                if ((0, _type.isNumeric)(value)) {
                    if ((0, _type.isExponential)(value)) {
                        return _Number(value.toExponential(precision))
                    }
                    return _Number(value.toFixed(precision))
                }
            };
            exports.roundValue = roundValue;
            exports.getPower = function(value) {
                return value.toExponential().split("e")[1]
            };

            function map(array, callback) {
                let i = 0;
                const len = array.length;
                const result = [];
                let value;
                while (i < len) {
                    value = callback(array[i], i);
                    if (null !== value) {
                        result.push(value)
                    }
                    i++
                }
                return result
            }

            function selectByKeys(object, keys) {
                return map(keys, key => object[key] ? object[key] : null)
            }

            function decreaseFields(object, keys, eachDecrease, decrease) {
                let dec = decrease;
                (0, _iterator.each)(keys, (_, key) => {
                    if (object[key]) {
                        object[key] -= eachDecrease;
                        dec -= eachDecrease
                    }
                });
                return dec
            }

            function normalizeEnum(value) {
                return String(value).toLowerCase()
            }

            function setCanvasValues(canvas) {
                if (canvas) {
                    canvas.originalTop = canvas.top;
                    canvas.originalBottom = canvas.bottom;
                    canvas.originalLeft = canvas.left;
                    canvas.originalRight = canvas.right
                }
                return canvas
            }

            function normalizeBBoxField(value) {
                return -1e10 < value && value < 1e10 ? value : 0
            }

            function normalizeBBox(bBox) {
                const xl = normalizeBBoxField(floor(bBox.x));
                const yt = normalizeBBoxField(floor(bBox.y));
                const xr = normalizeBBoxField(ceil(bBox.width + bBox.x));
                const yb = normalizeBBoxField(ceil(bBox.height + bBox.y));
                const result = {
                    x: xl,
                    y: yt,
                    width: xr - xl,
                    height: yb - yt
                };
                result.isEmpty = !result.x && !result.y && !result.width && !result.height;
                return result
            }
            exports.decreaseGaps = function(object, keys, decrease) {
                let arrayGaps;
                do {
                    arrayGaps = selectByKeys(object, keys);
                    arrayGaps.push(ceil(decrease / arrayGaps.length));
                    decrease = decreaseFields(object, keys, _min.apply(null, arrayGaps), decrease)
                } while (decrease > 0 && arrayGaps.length > 1);
                return decrease
            };
            exports.parseScalar = function(value, defaultValue) {
                return void 0 !== value ? value : defaultValue
            };
            exports.enumParser = function(values) {
                const stored = {};
                let i;
                let ii;
                for (i = 0, ii = values.length; i < ii; ++i) {
                    stored[normalizeEnum(values[i])] = 1
                }
                return function(value, defaultValue) {
                    const _value = normalizeEnum(value);
                    return stored[_value] ? _value : defaultValue
                }
            };
            exports.patchFontOptions = function(options) {
                const fontOptions = {};
                (0, _iterator.each)(options || {}, (key, value) => {
                    if (/^(cursor)$/i.test(key)) {} else if ("opacity" === key) {
                        value = null
                    } else if ("color" === key) {
                        key = "fill";
                        if ("opacity" in options) {
                            const color = new _color.default(value);
                            value = `rgba(${color.r},${color.g},${color.b},${options.opacity})`
                        }
                    } else {
                        key = `font-${key}`
                    }
                    fontOptions[key] = value
                });
                return fontOptions
            };
            exports.convertXYToPolar = function(centerCoords, x, y) {
                const radius = getDistance(centerCoords.x, centerCoords.y, x, y);
                const angle = atan2(y - centerCoords.y, x - centerCoords.x);
                return {
                    phi: _round(normalizeAngle(180 * angle / PI)),
                    r: _round(radius)
                }
            };
            exports.processSeriesTemplate = function(seriesTemplate, items) {
                const customizeSeries = (0, _type.isFunction)(seriesTemplate.customizeSeries) ? seriesTemplate.customizeSeries : _common.noop;
                const {
                    nameField: nameField
                } = seriesTemplate;
                const generatedSeries = {};
                const seriesOrder = [];
                let series;
                let i = 0;
                let length;
                let data;
                items = items || [];
                for (length = items.length; i < length; i++) {
                    data = items[i];
                    if (nameField in data) {
                        series = generatedSeries[data[nameField]];
                        if (!series) {
                            series = generatedSeries[data[nameField]] = {
                                name: data[nameField],
                                nameFieldValue: data[nameField]
                            };
                            seriesOrder.push(series.name)
                        }
                    }
                }
                return map(seriesOrder, orderedName => {
                    const group = generatedSeries[orderedName];
                    return (0, _extend.extend)(group, customizeSeries.call(null, group.name))
                })
            };
            const getCategoriesInfo = function(categories, startValue, endValue) {
                if (0 === categories.length) {
                    return {
                        categories: []
                    }
                }
                startValue = (0, _type.isDefined)(startValue) ? startValue : categories[0];
                endValue = (0, _type.isDefined)(endValue) ? endValue : categories[categories.length - 1];
                const categoriesValue = map(categories, category => null === category || void 0 === category ? void 0 : category.valueOf());
                let indexStartValue = categoriesValue.indexOf(startValue.valueOf());
                let indexEndValue = categoriesValue.indexOf(endValue.valueOf());
                let swapBuf;
                let inverted = false;
                indexStartValue < 0 && (indexStartValue = 0);
                indexEndValue < 0 && (indexEndValue = categories.length - 1);
                if (indexEndValue < indexStartValue) {
                    swapBuf = indexEndValue;
                    indexEndValue = indexStartValue;
                    indexStartValue = swapBuf;
                    inverted = true
                }
                const visibleCategories = categories.slice(indexStartValue, indexEndValue + 1);
                const lastIdx = visibleCategories.length - 1;
                return {
                    categories: visibleCategories,
                    start: visibleCategories[inverted ? lastIdx : 0],
                    end: visibleCategories[inverted ? 0 : lastIdx],
                    inverted: inverted
                }
            };
            exports.getCategoriesInfo = getCategoriesInfo;

            function isRelativeHeightPane(pane) {
                return !(pane.unit % 2)
            }
            exports.unique = function(array) {
                const values = {};
                return map(array, item => {
                    const result = !values[item] ? item : null;
                    values[item] = true;
                    return result
                })
            };
            exports.getVerticallyShiftedAngularCoords = function(bBox, dy, center) {
                const isPositive = bBox.x + bBox.width / 2 >= center.x;
                const horizontalOffset1 = (isPositive ? bBox.x : bBox.x + bBox.width) - center.x;
                const verticalOffset1 = bBox.y - center.y;
                const verticalOffset2 = verticalOffset1 + dy;
                const horizontalOffset2 = _round(sqrt(horizontalOffset1 * horizontalOffset1 + verticalOffset1 * verticalOffset1 - verticalOffset2 * verticalOffset2));
                const dx = (isPositive ? +horizontalOffset2 : -horizontalOffset2) || horizontalOffset1;
                return {
                    x: center.x + (isPositive ? dx : dx - bBox.width),
                    y: bBox.y + dy
                }
            };

            function getAddFunction(range, correctZeroLevel) {
                if ("datetime" === range.dataType) {
                    return function(rangeValue, marginValue) {
                        let sign = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 1;
                        return new Date(rangeValue.getTime() + sign * marginValue)
                    }
                }
                if ("logarithmic" === range.axisType) {
                    return function(rangeValue, marginValue) {
                        let sign = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 1;
                        const log = getLogExt(rangeValue, range.base) + sign * marginValue;
                        return raiseToExt(log, range.base)
                    }
                }
                return function(rangeValue, marginValue) {
                    let sign = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 1;
                    const newValue = rangeValue + sign * marginValue;
                    return correctZeroLevel && newValue * rangeValue <= 0 ? 0 : newValue
                }
            }

            function getLogExt(value, base) {
                let allowNegatives = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : false;
                let linearThreshold = arguments.length > 3 ? arguments[3] : void 0;
                if (!allowNegatives) {
                    return getLog(value, base)
                }
                if (0 === value) {
                    return 0
                }
                const transformValue = getLog(abs(value), base) - (linearThreshold - 1);
                if (transformValue < 0) {
                    return 0
                }
                return (0, _math.adjust)((0, _math.sign)(value) * transformValue, Number((base ** (linearThreshold - 1)).toFixed(abs(linearThreshold))))
            }

            function raiseToExt(value, base) {
                let allowNegatives = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : false;
                let linearThreshold = arguments.length > 3 ? arguments[3] : void 0;
                if (!allowNegatives) {
                    return raiseTo(value, base)
                }
                if (0 === value) {
                    return 0
                }
                const transformValue = raiseTo(abs(value) + (linearThreshold - 1), base);
                if (transformValue < 0) {
                    return 0
                }
                return (0, _math.adjust)((0, _math.sign)(value) * transformValue, Number((base ** linearThreshold).toFixed(abs(linearThreshold))))
            }

            function valueOf(value) {
                return value && value.valueOf()
            }
            exports.getNextDefsSvgId = () => "DevExpress_" + numDefsSvgElements++
        },
        27516(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _legend = __webpack_require__( /*! ../viz/components/legend */ 56358);
            var _export = __webpack_require__( /*! ../viz/core/export */ 43452);
            var _loading_indicator = __webpack_require__( /*! ../viz/core/loading_indicator */ 71126);
            var _title = __webpack_require__( /*! ../viz/core/title */ 69638);
            var _funnel = (e = __webpack_require__( /*! ../viz/funnel/funnel */ 71059), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _label = __webpack_require__( /*! ../viz/funnel/label */ 15449);
            var _tooltip = __webpack_require__( /*! ../viz/funnel/tooltip */ 36752);
            var _tracker = __webpack_require__( /*! ../viz/funnel/tracker */ 2155);
            _funnel.default.addPlugin(_label.plugin);
            _funnel.default.addPlugin(_export.plugin);
            _funnel.default.addPlugin(_title.plugin);
            _funnel.default.addPlugin(_legend.plugin);
            _funnel.default.addPlugin(_tracker.plugin);
            _funnel.default.addPlugin(_tooltip.plugin);
            _funnel.default.addPlugin(_loading_indicator.plugin);
            exports.default = _funnel.default
        },
        71059(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _data_source = __webpack_require__( /*! ../../viz/core/data_source */ 98972);
            var _m_base_widget = _interopRequireDefault(__webpack_require__( /*! ../../viz/core/m_base_widget */ 34506));
            var _item = _interopRequireDefault(__webpack_require__( /*! ./item */ 63924));
            var _tiling = __webpack_require__( /*! ./tiling */ 85764);
            var _tiling2 = _interopRequireDefault(__webpack_require__( /*! ./tiling.funnel */ 56416));
            var _tiling3 = _interopRequireDefault(__webpack_require__( /*! ./tiling.pyramid */ 16198));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }(0, _tiling.addAlgorithm)("dynamicslope", _tiling2.default, true);
            (0, _tiling.addAlgorithm)("dynamicheight", _tiling3.default);

            function getLegendItemState(itemState) {
                return {
                    fill: itemState.fill,
                    hatching: itemState.hatching
                }
            }
            const dxFunnel = _m_base_widget.default.inherit({
                _rootClass: "dxf-funnel",
                _rootClassPrefix: "dxf",
                _proxyData: [],
                _optionChangesMap: {
                    dataSource: "DATA_SOURCE",
                    neckWidth: "NODES_CREATE",
                    neckHeight: "NODES_CREATE",
                    inverted: "NODES_CREATE",
                    algorithm: "NODES_CREATE",
                    item: "NODES_CREATE",
                    valueField: "NODES_CREATE",
                    argumentField: "NODES_CREATE",
                    colorField: "NODES_CREATE",
                    palette: "NODES_CREATE",
                    paletteExtensionMode: "NODES_CREATE",
                    sortData: "NODES_CREATE"
                },
                _themeDependentChanges: ["NODES_CREATE"],
                _getDefaultSize: () => ({
                    width: 400,
                    height: 400
                }),
                _themeSection: "funnel",
                _fontFields: ["legend.title.font", "legend.title.subtitle.font", "legend.font"],
                _optionChangesOrder: ["DATA_SOURCE"],
                _initialChanges: ["DATA_SOURCE"],
                _initCore() {
                    this._group = this._renderer.g().append(this._renderer.root);
                    this._items = []
                },
                _eventsMap: {
                    onHoverChanged: {
                        name: "hoverChanged"
                    },
                    onSelectionChanged: {
                        name: "selectionChanged"
                    }
                },
                _disposeCore: _common.noop,
                _applySize(rect) {
                    this._rect = rect.slice();
                    this._change(["TILING"]);
                    return this._rect
                },
                _getAlignmentRect() {
                    return this._rect
                },
                _change_TILING() {
                    const that = this;
                    const items = that._items;
                    const rect = that._rect;
                    const convertCoord = function(coord, index) {
                        const offset = index % 2;
                        return rect[0 + offset] + (rect[2 + offset] - rect[0 + offset]) * coord
                    };
                    this._group.clear();
                    items.forEach((item, index) => {
                        const coords = item.figure.map(convertCoord);
                        const element = that._renderer.path([], "area").attr({
                            points: coords
                        }).append(that._group);
                        item.coords = coords;
                        item.element = element
                    });
                    this._requestChange(["TILES"])
                },
                _customChangesOrder: ["NODES_CREATE", "LAYOUT", "TILING", "TILES", "DRAWN"],
                _dataSourceChangedHandler() {
                    this._requestChange(["NODES_CREATE"])
                },
                _change_DRAWN() {
                    this._drawn()
                },
                _change_DATA_SOURCE() {
                    this._change(["DRAWN"]);
                    this._updateDataSource()
                },
                _change_NODES_CREATE() {
                    this._buildNodes()
                },
                _change_TILES() {
                    this._applyTilesAppearance()
                },
                _suspend() {
                    if (!this._applyingChanges) {
                        this._suspendChanges()
                    }
                },
                _resume() {
                    if (!this._applyingChanges) {
                        this._resumeChanges()
                    }
                },
                _applyTilesAppearance() {
                    this._items.forEach(item => {
                        const state = item.getState();
                        item.element.smartAttr(item.states[state])
                    })
                },
                _hitTestTargets(x, y) {
                    const that = this;
                    let data;
                    this._proxyData.some(callback => {
                        data = callback.call(that, x, y);
                        if (data) {
                            return true
                        }
                    });
                    return data
                },
                clearHover() {
                    this._suspend();
                    this._items.forEach(item => {
                        item.isHovered() && item.hover(false)
                    });
                    this._resume()
                },
                clearSelection() {
                    this._suspend();
                    this._items.forEach(item => {
                        item.isSelected() && item.select(false)
                    });
                    this._resume()
                },
                _getData() {
                    const that = this;
                    const data = that._dataSourceItems() || [];
                    const valueField = that._getOption("valueField", true);
                    const argumentField = that._getOption("argumentField", true);
                    const colorField = that._getOption("colorField", true);
                    const processedData = data.reduce((d, item) => {
                        const value = Number(item[valueField]);
                        if (value >= 0) {
                            d[0].push({
                                value: value,
                                color: item[colorField],
                                argument: item[argumentField],
                                dataItem: item
                            });
                            d[1] += value
                        }
                        return d
                    }, [
                        [], 0
                    ]);
                    const items = processedData[0];
                    if (data.length > 0 && 0 === items.length) {
                        that._incidentOccurred("E2005", valueField)
                    }
                    if (!processedData[1]) {
                        return []
                    }
                    if (that._getOption("sortData", true)) {
                        items.sort((a, b) => b.value - a.value)
                    }
                    return items
                },
                _buildNodes() {
                    const that = this;
                    const data = that._getData();
                    const algorithm = (0, _tiling.getAlgorithm)(that._getOption("algorithm", true));
                    const percents = algorithm.normalizeValues(data);
                    const itemOptions = that._getOption("item");
                    const figures = algorithm.getFigures(percents, that._getOption("neckWidth", true), that._getOption("neckHeight", true));
                    const palette = that._themeManager.createPalette(that._getOption("palette", true), {
                        useHighlight: true,
                        extensionMode: that._getOption("paletteExtensionMode", true),
                        count: figures.length
                    });
                    that._items = figures.map((figure, index) => {
                        const curData = data[index];
                        const node = new _item.default(that, {
                            figure: figure,
                            data: curData,
                            percent: percents[index],
                            id: index,
                            color: curData.color || palette.getNextColor(),
                            itemOptions: itemOptions
                        });
                        return node
                    });
                    if (that._getOption("inverted", true)) {
                        that._items.forEach(item => {
                            item.figure = (figure = item.figure, figure.map((coord, index) => index % 2 ? 1 - coord : coord));
                            var figure
                        })
                    }
                    that._renderer.initDefsElements();
                    that._change(["TILING", "DRAWN"])
                },
                _showTooltip: _common.noop,
                hideTooltip: _common.noop,
                getAllItems() {
                    return this._items.slice()
                },
                _getLegendData() {
                    return this._items.map(item => {
                        const states = item.states;
                        return {
                            id: item.id,
                            visible: true,
                            text: item.argument,
                            item: item,
                            states: {
                                normal: getLegendItemState(states.normal),
                                hover: getLegendItemState(states.hover),
                                selection: getLegendItemState(states.selection)
                            }
                        }
                    })
                },
                _getMinSize() {
                    const adaptiveLayout = this._getOption("adaptiveLayout");
                    return [adaptiveLayout.width, adaptiveLayout.height]
                }
            });
            (0, _component_registrator.default)("dxFunnel", dxFunnel);
            exports.default = dxFunnel;
            dxFunnel.addPlugin(_data_source.plugin)
        },
        63924(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            const states = ["normal", "hover", "selection", "selection"];

            function parseStyles(color, style, baseStyle) {
                const border = style.border;
                const baseBorder = baseStyle.border;
                const borderVisible = (0, _type.isDefined)(border.visible) ? border.visible : baseBorder.visible;
                const borderWidth = (0, _type.isDefined)(border.width) ? border.width : baseBorder.width;
                return {
                    fill: color,
                    hatching: style.hatching,
                    stroke: border.color || baseBorder.color,
                    "stroke-width": borderVisible ? borderWidth : 0
                }
            }

            function Item(widget, options) {
                const data = options.data;
                this.code = 0;
                this.widget = widget;
                this.figure = options.figure;
                this.argument = data.argument;
                this.value = data.value;
                this.data = data.dataItem;
                this.percent = options.percent;
                this.id = options.id;
                this.color = options.color;
                this.states = {
                    normal: parseStyles(options.color, options.itemOptions, options.itemOptions),
                    hover: parseStyles(options.color, options.itemOptions.hoverStyle, options.itemOptions),
                    selection: parseStyles(options.color, options.itemOptions.selectionStyle, options.itemOptions)
                }
            }
            Item.prototype = {
                getState() {
                    return states[this.code]
                },
                getNormalStyle() {
                    return this.states.normal
                },
                setHover() {
                    this.hover(true)
                },
                hover(state) {
                    if (!this.widget._getOption("hoverEnabled", true) || state === this.isHovered()) {
                        return
                    }
                    this.widget._suspend();
                    state && this.widget.clearHover();
                    this.setState(1, state);
                    this.widget._eventTrigger("hoverChanged", {
                        item: this
                    });
                    this.widget._resume()
                },
                setState(code, state) {
                    if (state) {
                        this.code |= code
                    } else {
                        this.code &= ~code
                    }
                    this.widget._applyTilesAppearance()
                },
                select(state) {
                    const mode = this.widget._getOption("selectionMode", true);
                    if ("none" === mode || state === this.isSelected()) {
                        return
                    }
                    this.widget._suspend();
                    if (state && "multiple" !== mode) {
                        this.widget.clearSelection()
                    }
                    this.setState(2, state);
                    this.widget._eventTrigger("selectionChanged", {
                        item: this
                    });
                    this.widget._resume()
                },
                showTooltip(coords) {
                    this.widget._showTooltip(this.id, coords)
                },
                getColor() {
                    return this.color
                },
                isHovered() {
                    return !!(1 & this.code)
                },
                isSelected() {
                    return !!(2 & this.code)
                }
            };
            exports.default = Item
        },
        15449(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.plugin = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _label = __webpack_require__( /*! ../../viz/series/points/label */ 95390);

            function isOutsidePosition(pos) {
                pos = (0, _utils.normalizeEnum)(pos);
                return "outside" === pos || "inside" !== pos
            }

            function correctYForInverted(y, bBox, inverted) {
                return inverted ? y - bBox.height : y
            }

            function getOutsideRightLabelPosition(coords, bBox, options, inverted) {
                return {
                    x: coords[2] + options.horizontalOffset + 5,
                    y: correctYForInverted(coords[3] + options.verticalOffset, bBox, inverted)
                }
            }

            function getOutsideLeftLabelPosition(coords, bBox, options, inverted) {
                return {
                    x: coords[0] - bBox.width - options.horizontalOffset - 5,
                    y: correctYForInverted(coords[1] + options.verticalOffset, bBox, inverted)
                }
            }

            function getInsideLabelPosition(coords, bBox, options) {
                const width = coords[2] - coords[0];
                const height = coords[7] - coords[1];
                return {
                    x: coords[0] + width / 2 + options.horizontalOffset - bBox.width / 2,
                    y: coords[1] + options.verticalOffset + height / 2 - bBox.height / 2
                }
            }
            exports.plugin = {
                name: "lables",
                init: _common.noop,
                dispose: _common.noop,
                extenders: {
                    _initCore() {
                        this._labelsGroup = this._renderer.g().attr({
                            class: `${this._rootClassPrefix}-labels`
                        }).append(this._renderer.root);
                        this._labels = []
                    },
                    _applySize() {
                        const options = this._getOption("label");
                        const adaptiveLayout = this._getOption("adaptiveLayout");
                        const rect = this._rect;
                        let labelWidth = 0;
                        const width = rect[2] - rect[0];
                        this._labelRect = rect.slice();
                        if (!this._labels.length || !isOutsidePosition(options.position)) {
                            if ((0, _utils.normalizeEnum)("none" !== this._getOption("resolveLabelOverlapping", true))) {
                                this._labels.forEach(l => !l.isVisible() && l.draw(true))
                            }
                            return
                        }
                        const groupWidth = this._labels.map(label => {
                            label.resetEllipsis();
                            return label.getBoundingRect().width
                        }).reduce((max, width) => Math.max(max, width), 0);
                        labelWidth = groupWidth + options.horizontalOffset + function(pos) {
                            pos = (0, _utils.normalizeEnum)(pos);
                            if ("outside" === pos) {
                                return 5
                            } else if ("inside" === pos) {
                                return 0
                            }
                            return 20
                        }(options.position);
                        if (!adaptiveLayout.keepLabels && width - labelWidth < adaptiveLayout.width) {
                            this._labels.forEach(label => {
                                label.draw(false)
                            });
                            return
                        } else {
                            if (width - labelWidth < adaptiveLayout.width) {
                                labelWidth = width - adaptiveLayout.width;
                                labelWidth = labelWidth > 0 ? labelWidth : 0
                            }
                            this._labels.forEach(label => {
                                label.draw(true)
                            })
                        }
                        if ("left" === options.horizontalAlignment) {
                            rect[0] += labelWidth
                        } else {
                            rect[2] -= labelWidth
                        }
                    },
                    _buildNodes() {
                        this._createLabels()
                    },
                    _change_TILING() {
                        const that = this;
                        const options = that._getOption("label");
                        let getCoords = getInsideLabelPosition;
                        const inverted = that._getOption("inverted", true);
                        let textAlignment;
                        if (isOutsidePosition(options.position)) {
                            if ("outside" === (0, _utils.normalizeEnum)(options.position)) {
                                getCoords = "left" === options.horizontalAlignment ? getOutsideLeftLabelPosition : getOutsideRightLabelPosition
                            } else {
                                textAlignment = this._defaultLabelTextAlignment();
                                getCoords = "left" === options.horizontalAlignment ? function(labelRect, rect, textAlignment) {
                                    return function(coords, bBox, options, inverted) {
                                        return {
                                            x: "left" === textAlignment ? labelRect[0] : rect[0] - bBox.width - options.horizontalOffset - 20,
                                            y: correctYForInverted(coords[3] + options.verticalOffset, bBox, inverted)
                                        }
                                    }
                                }(this._labelRect, this._rect, textAlignment) : function(labelRect, rect, textAlignment) {
                                    return function(coords, bBox, options, inverted) {
                                        return {
                                            x: "left" === textAlignment ? rect[2] + options.horizontalOffset + 20 : labelRect[2] - bBox.width,
                                            y: correctYForInverted(coords[3] + options.verticalOffset, bBox, inverted)
                                        }
                                    }
                                }(this._labelRect, this._rect, textAlignment)
                            }
                        }
                        that._labels.forEach((label, index) => {
                            const item = that._items[index];
                            const borderWidth = item.getNormalStyle()["stroke-width"];
                            const halfBorderWidth = inverted ? borderWidth / 2 : -borderWidth / 2;
                            const coords = halfBorderWidth ? item.coords.map((coord, index) => {
                                if (1 === index || 3 === index) {
                                    return coord - halfBorderWidth
                                } else if (2 === index) {
                                    return coord - borderWidth
                                } else if (0 === index) {
                                    return coord + borderWidth
                                }
                                return coord
                            }) : item.coords;
                            if (!options.showForZeroValues && 0 === item.value) {
                                label.draw(false);
                                return
                            }
                            if (isOutsidePosition(options.position)) {
                                that._correctLabelWidth(label, item.coords, options)
                            }
                            const bBox = label.getBoundingRect();
                            const pos = function(pos, bBox, rect) {
                                if (pos.x < rect[0]) {
                                    pos.x = rect[0]
                                }
                                if (pos.x + bBox.width > rect[2]) {
                                    pos.x = rect[2] - bBox.width
                                }
                                if (pos.y < rect[1]) {
                                    pos.y = rect[1]
                                }
                                if (pos.y + bBox.height > rect[3]) {
                                    pos.y = rect[3] - bBox.height
                                }
                                return pos
                            }(getCoords(coords, bBox, options, inverted), bBox, that._labelRect);
                            label.setFigureToDrawConnector(coords);
                            label.shift(pos.x, pos.y)
                        });
                        that._resolveLabelOverlapping()
                    }
                },
                members: {
                    _resolveLabelOverlapping() {
                        const that = this;
                        const resolveLabelOverlapping = (0, _utils.normalizeEnum)(that._getOption("resolveLabelOverlapping", true));
                        const labels = this._getOption("inverted", true) ? that._labels.slice().reverse() : that._labels;
                        if ("hide" === resolveLabelOverlapping) {
                            labels.reduce((height, label) => {
                                if (label.getBoundingRect().y < height) {
                                    label.hide()
                                } else {
                                    height = label.getBoundingRect().y + label.getBoundingRect().height
                                }
                                return height
                            }, 0)
                        } else if ("shift" === resolveLabelOverlapping) {
                            const maxHeight = this._labelRect[3];
                            labels.filter(label => label.isVisible()).reduce((_ref, label, index, labels) => {
                                let [height, emptySpace] = _ref;
                                const bBox = label.getBoundingRect();
                                let y = bBox.y;
                                if (bBox.y < height) {
                                    label.shift(bBox.x, height);
                                    y = height
                                }
                                if (y - height > 0) {
                                    emptySpace += y - height
                                }
                                if (y + bBox.height > maxHeight) {
                                    if (emptySpace && emptySpace > y + bBox.height - maxHeight) {
                                        ! function(labels, requiredSpace, startPoint) {
                                            labels.reduce((requiredSpace, label, index, labels) => {
                                                const prevLabel = labels[index + 1];
                                                if (requiredSpace > 0) {
                                                    const bBox = label.getBoundingRect();
                                                    const point = prevLabel ? prevLabel.getBoundingRect().y + prevLabel.getBoundingRect().height : startPoint;
                                                    const emptySpace = bBox.y - point;
                                                    const shift = Math.min(emptySpace, requiredSpace);
                                                    labels.slice(0, index + 1).forEach(label => {
                                                        const bBox = label.getBoundingRect();
                                                        label.shift(bBox.x, bBox.y - shift)
                                                    });
                                                    requiredSpace -= shift
                                                }
                                                return requiredSpace
                                            }, requiredSpace)
                                        }(labels.slice(0, index).reverse(), y + bBox.height - maxHeight, that._labelRect[1]);
                                        emptySpace -= y + bBox.height - maxHeight;
                                        label.shift(bBox.x, y - (y + bBox.height - maxHeight));
                                        height = y - (y + bBox.height - maxHeight) + bBox.height
                                    } else {
                                        label.hide()
                                    }
                                } else {
                                    height = y + bBox.height
                                }
                                return [height, emptySpace]
                            }, [this._labelRect[1], 0])
                        }
                    },
                    _defaultLabelTextAlignment() {
                        return this._getOption("rtlEnabled", true) ? "right" : "left"
                    },
                    _correctLabelWidth(label, item, options) {
                        const isLeftPos = "left" === options.horizontalAlignment;
                        const minX = isLeftPos ? this._labelRect[0] : item[2];
                        const maxX = isLeftPos ? item[0] : this._labelRect[2];
                        const maxWidth = maxX - minX;
                        if (label.getBoundingRect().width > maxWidth) {
                            label.fit(maxWidth)
                        }
                    },
                    _createLabels() {
                        const that = this;
                        const labelOptions = that._getOption("label");
                        const connectorStrategy = function(options, inverted) {
                            const isLeftPos = "left" === options.horizontalAlignment;
                            const connectorIndent = isLeftPos ? 4 : -4;
                            const verticalCorrection = inverted ? -1 : 0;

                            function getFigureCenter(figure) {
                                return isLeftPos ? [figure[0] + 1, figure[1] + verticalCorrection] : [figure[2] - 1, figure[3] + verticalCorrection]
                            }
                            return {
                                isLabelInside: () => !isOutsidePosition(options.position),
                                getFigureCenter: getFigureCenter,
                                prepareLabelPoints(bBox) {
                                    const x = bBox.x + connectorIndent;
                                    const y = bBox.y;
                                    const x1 = x + bBox.width;
                                    return [...Array(bBox.height + 1)].map((_, i) => [x, y + i]).concat([...Array(bBox.height + 1)].map((_, i) => [x1, y + i]))
                                },
                                isHorizontal: () => true,
                                findFigurePoint: figure => getFigureCenter(figure),
                                adjustPoints: points => points.map(Math.round)
                            }
                        }(labelOptions, that._getOption("inverted", true));
                        this._labelsGroup.clear();
                        if (!labelOptions.visible) {
                            return
                        }
                        this._labels = that._items.map(item => {
                            const label = new _label.Label({
                                renderer: that._renderer,
                                labelsGroup: that._labelsGroup,
                                strategy: connectorStrategy
                            });
                            label.setOptions(function(labelOptions, defaultColor, defaultTextAlignment) {
                                const opt = labelOptions || {};
                                const labelFont = (0, _extend.extend)({}, opt.font) || {};
                                const labelBorder = opt.border || {};
                                const labelConnector = opt.connector || {};
                                const backgroundAttr = {
                                    fill: opt.backgroundColor || defaultColor,
                                    "stroke-width": labelBorder.visible ? labelBorder.width || 0 : 0,
                                    stroke: labelBorder.visible && labelBorder.width ? labelBorder.color : "none",
                                    dashStyle: labelBorder.dashStyle
                                };
                                const connectorAttr = {
                                    stroke: labelConnector.visible && labelConnector.width ? labelConnector.color || defaultColor : "none",
                                    "stroke-width": labelConnector.visible ? labelConnector.width || 0 : 0,
                                    opacity: labelConnector.opacity
                                };
                                labelFont.color = "none" === opt.backgroundColor && "#ffffff" === (0, _utils.normalizeEnum)(labelFont.color) && "inside" !== opt.position ? defaultColor : labelFont.color;
                                return {
                                    format: opt.format,
                                    textAlignment: opt.textAlignment || (isOutsidePosition(opt.position) ? defaultTextAlignment : "center"),
                                    customizeText: opt.customizeText,
                                    attributes: {
                                        font: labelFont
                                    },
                                    visible: 0 !== labelFont.size ? opt.visible : false,
                                    showForZeroValues: opt.showForZeroValues,
                                    horizontalOffset: opt.horizontalOffset,
                                    verticalOffset: opt.verticalOffset,
                                    background: backgroundAttr,
                                    connector: connectorAttr,
                                    wordWrap: labelOptions.wordWrap,
                                    textOverflow: labelOptions.textOverflow
                                }
                            }(labelOptions, item.color, that._defaultLabelTextAlignment()));
                            label.setData({
                                item: item,
                                value: item.value,
                                percent: item.percent
                            });
                            label.draw(true);
                            return label
                        });
                        if (this._labels.length && isOutsidePosition(labelOptions.position)) {
                            this._requestChange(["LAYOUT"])
                        }
                    }
                },
                customize(constructor) {
                    constructor.prototype._proxyData.push(function(x, y) {
                        const that = this;
                        let data;
                        that._labels.forEach((label, index) => {
                            const rect = label.getBoundingRect();
                            if (x >= rect.x && x <= rect.x + rect.width && y >= rect.y && y <= rect.y + rect.height) {
                                const pos = isOutsidePosition(that._getOption("label").position) ? "outside" : "inside";
                                data = {
                                    id: index,
                                    type: `${pos}-label`
                                };
                                return true
                            }
                        });
                        return data
                    });
                    ["label", "resolveLabelOverlapping"].forEach(optionName => {
                        constructor.addChange({
                            code: optionName.toUpperCase(),
                            handler() {
                                this._createLabels();
                                this._requestChange(["LAYOUT"])
                            },
                            isThemeDependent: true,
                            isOptionChange: true,
                            option: optionName
                        })
                    })
                },
                fontFields: ["label.font"]
            }
        },
        56416(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.default = {
                getFigures(data) {
                    const height = 1 / data.length;
                    return data.map((value, index, array) => {
                        const nextValue = array[index + 1] ? array[index + 1] : array[index];
                        return [.5 - value / 2, height * index, .5 + value / 2, height * index, .5 + nextValue / 2, height * (index + 1), .5 - nextValue / 2, height * (index + 1)]
                    })
                },
                normalizeValues(items) {
                    const max = items.reduce((max, item) => Math.max(item.value, max), items[0] && items[0].value || 0);
                    return items.map(item => item.value / max)
                }
            }
        },
        85764(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addAlgorithm = function(name, callback, setDefault) {
                algorithms[name] = callback;
                if (setDefault) {
                    defaultAlgorithm = algorithms[name]
                }
            };
            exports.getAlgorithm = function(name) {
                return algorithms[(0, _utils.normalizeEnum)(name)] || defaultAlgorithm
            };
            var _utils = __webpack_require__( /*! ../core/utils */ 98013);
            const algorithms = {};
            let defaultAlgorithm
        },
        16198(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            exports.default = {
                getFigures(data, neckWidth, neckHeight) {
                    let height = 0;
                    let y = 0;
                    let x = 0;
                    let offsetX = 0;
                    const halfNeckWidth = neckWidth / 2;
                    const offsetFromCorner = .5 - halfNeckWidth;
                    const funnelHeight = 1 - neckHeight;
                    const neckLeftCorner = .5 - halfNeckWidth;
                    const neckRightCorner = .5 + halfNeckWidth;
                    return data.map(value => {
                        x = offsetX;
                        y = height;
                        height += value;
                        offsetX = offsetFromCorner * height / funnelHeight;
                        if (y <= funnelHeight && height <= funnelHeight) {
                            return [x, y, 1 - x, y, 1 - offsetX, height, 0 + offsetX, height]
                        } else if (y <= funnelHeight && height > funnelHeight) {
                            return [x, y, 1 - x, y, neckRightCorner, funnelHeight, neckRightCorner, height, neckLeftCorner, height, neckLeftCorner, funnelHeight]
                        } else {
                            return [neckLeftCorner, y, neckRightCorner, y, neckRightCorner, height, neckLeftCorner, height]
                        }
                    })
                },
                normalizeValues(items) {
                    const sum = items.reduce((sum, item) => sum + item.value, 0);
                    return items.map(item => item.value / sum)
                }
            }
        },
        36752(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.plugin = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _tooltip = __webpack_require__( /*! ../../viz/core/tooltip */ 94371);

            function getCoords(coords, figureCoords, renderer) {
                const offset = renderer.getRootOffset();
                return coords || figureCoords && [(figureCoords[0] + figureCoords[2]) / 2 + offset.left, (figureCoords[1] + figureCoords[5]) / 2 + offset.top] || [-1e3, -1e3]
            }
            exports.plugin = {
                name: "funnel-tooltip",
                init: _common.noop,
                dispose: _common.noop,
                extenders: {
                    _buildNodes() {
                        this.hideTooltip()
                    },
                    _change_TILING() {
                        if (this._tooltipIndex >= 0) {
                            this._moveTooltip(this._items[this._tooltipIndex])
                        }
                    }
                },
                members: {
                    hideTooltip() {
                        if (this._tooltipIndex >= 0) {
                            this._tooltipIndex = -1;
                            this._tooltip.hide()
                        }
                    },
                    _moveTooltip(item, coords) {
                        const xy = getCoords(coords, item.coords, this._renderer);
                        this._tooltip.move(xy[0], xy[1], 0)
                    },
                    _showTooltip(index, coords) {
                        const that = this;
                        const tooltip = that._tooltip;
                        const item = that._items[index];
                        if (that._tooltipIndex === index) {
                            that._moveTooltip(item, coords);
                            return
                        }
                        const callback = result => {
                            if (void 0 === result) {
                                return
                            }
                            if (!result) {
                                tooltip.hide()
                            }
                            that._tooltipIndex = result ? index : -1
                        };
                        const xy = getCoords(coords, item.coords, this._renderer);
                        callback(tooltip.show({
                            value: item.value,
                            valueText: tooltip.formatValue(item.value),
                            percentText: tooltip.formatValue(item.percent, "percent"),
                            percent: item.percent,
                            item: item
                        }, {
                            x: xy[0],
                            y: xy[1],
                            offset: 0
                        }, {
                            item: item
                        }, void 0, callback))
                    }
                },
                customize(constructor) {
                    constructor.addPlugin(_tooltip.plugin)
                }
            }
        },
        2155(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.plugin = void 0;
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _tracker = __webpack_require__( /*! ../../viz/components/tracker */ 21823);
            var _funnel = (e = __webpack_require__( /*! ../../viz/funnel/funnel */ 71059), e && e.__esModule ? e : {
                default: e
            });
            var e;
            let dataKeyModifier = 0;
            const proto = _funnel.default.prototype;
            proto._eventsMap.onItemClick = {
                name: "itemClick"
            };
            proto._eventsMap.onLegendClick = {
                name: "legendClick"
            };
            exports.plugin = {
                name: "tracker",
                init() {
                    const that = this;
                    const dataKey = "__funnel_data_" + dataKeyModifier++;
                    const getProxyData = function(e) {
                        const rootOffset = that._renderer.getRootOffset();
                        const x = Math.floor(e.pageX - rootOffset.left);
                        const y = Math.floor(e.pageY - rootOffset.top);
                        return that._hitTestTargets(x, y)
                    };
                    that._tracker = new _tracker.Tracker({
                        widget: that,
                        root: that._renderer.root,
                        getData(e, tooltipData) {
                            const target = e.target;
                            const data = target[dataKey];
                            if ((0, _type.isDefined)(data)) {
                                return data
                            }
                            const proxyData = getProxyData(e);
                            if (tooltipData && proxyData && "inside-label" !== proxyData.type) {
                                return
                            }
                            return proxyData && proxyData.id
                        },
                        getNode: index => that._items[index],
                        click(e) {
                            const proxyData = getProxyData(e.event);
                            const dataType = proxyData && proxyData.type;
                            const event = "legend" === dataType ? "legendClick" : "itemClick";
                            that._eventTrigger(event, {
                                item: e.node,
                                event: e.event
                            })
                        }
                    });
                    this._dataKey = dataKey
                },
                dispose() {
                    this._tracker.dispose()
                },
                extenders: {
                    _change_TILING() {
                        const dataKey = this._dataKey;
                        this._items.forEach((item, index) => {
                            item.element.data(dataKey, index)
                        })
                    }
                }
            }
        },
        73494(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.dxBarGauge = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _object = __webpack_require__( /*! ../../../core/utils/object */ 22263);
            var _m_base_chart = __webpack_require__( /*! ../../viz/chart_components/m_base_chart */ 9410);
            var _legend = __webpack_require__( /*! ../../viz/components/legend */ 56358);
            var _center_template = __webpack_require__( /*! ../../viz/core/center_template */ 71035);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _base_gauge = __webpack_require__( /*! ../../viz/gauges/base_gauge */ 90678);
            var _circular_gauge = _interopRequireDefault(__webpack_require__( /*! ../../viz/gauges/circular_gauge */ 40414));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const PI_DIV_180 = Math.PI / 180;
            const _abs = Math.abs;
            const _round = Math.round;
            const _floor = Math.floor;
            const _min = Math.min;
            const _max = Math.max;
            const _getSampleText = _base_gauge.getSampleText;
            const _formatValue = _base_gauge.formatValue;
            const _compareArrays = _base_gauge.compareArrays;
            const _isArray = Array.isArray;
            const _convertAngleToRendererSpace = _utils.convertAngleToRendererSpace;
            const _getCosAndSin = _utils.getCosAndSin;
            const _patchFontOptions = _utils.patchFontOptions;
            const _Number = Number;
            const _isFinite = isFinite;
            const _noop = _common.noop;
            const _extend = _extend2.extend;
            let BarWrapper;
            const dxBarGauge = exports.dxBarGauge = _base_gauge.BaseGauge.inherit({
                _rootClass: "dxbg-bar-gauge",
                _themeSection: "barGauge",
                _fontFields: ["label.font", "legend.font", "legend.title.font", "legend.title.subtitle.font"],
                _initCore() {
                    const that = this;
                    that.callBase.apply(that, arguments);
                    that._barsGroup = that._renderer.g().attr({
                        class: "dxbg-bars"
                    }).linkOn(that._renderer.root, "bars");
                    that._values = [];
                    that._context = {
                        renderer: that._renderer,
                        translator: that._translator,
                        tracker: that._tracker,
                        group: that._barsGroup
                    };
                    that._animateStep = function(pos) {
                        const bars = that._bars;
                        let i;
                        let ii;
                        for (i = 0, ii = bars.length; i < ii; ++i) {
                            bars[i].animate(pos)
                        }
                    };
                    that._animateComplete = function() {
                        that._bars.forEach(bar => bar.endAnimation());
                        that._checkOverlap()
                    }
                },
                _disposeCore() {
                    this._barsGroup.linkOff();
                    this._barsGroup = this._values = this._context = this._animateStep = this._animateComplete = null;
                    this.callBase.apply(this, arguments)
                },
                _setupDomainCore() {
                    let startValue = this.option("startValue");
                    let endValue = this.option("endValue");
                    _isFinite(startValue) || (startValue = 0);
                    _isFinite(endValue) || (endValue = 100);
                    this._translator.setDomain(startValue, endValue);
                    this._baseValue = this._translator.adjust(this.option("baseValue"));
                    _isFinite(this._baseValue) || (this._baseValue = startValue < endValue ? startValue : endValue)
                },
                _getDefaultSize: () => ({
                    width: 300,
                    height: 300
                }),
                _setupCodomain: _circular_gauge.default.prototype._setupCodomain,
                _getApproximateScreenRange() {
                    const sides = this._area.sides;
                    const width = this._canvas.width / (sides.right - sides.left);
                    const height = this._canvas.height / (sides.down - sides.up);
                    const r = width < height ? width : height;
                    return -this._translator.getCodomainRange() * r * PI_DIV_180
                },
                _setupAnimationSettings() {
                    const that = this;
                    that.callBase.apply(that, arguments);
                    if (that._animationSettings) {
                        that._animationSettings.step = that._animateStep;
                        that._animationSettings.complete = that._animateComplete
                    }
                },
                _cleanContent() {
                    this._barsGroup.linkRemove();
                    this._animationSettings && this._barsGroup.stopAnimation();
                    this._barsGroup.clear()
                },
                _renderContent() {
                    const that = this;
                    let labelOptions = that.option("label");
                    const context = that._context;
                    that._barsGroup.linkAppend();
                    context.textEnabled = void 0 === labelOptions || labelOptions && (!("visible" in labelOptions) || labelOptions.visible);
                    if (context.textEnabled) {
                        var _labelOptions, _labelOptions2;
                        context.fontStyles = _patchFontOptions(_extend({}, that._themeManager.theme().label.font, null === (_labelOptions = labelOptions) || void 0 === _labelOptions ? void 0 : _labelOptions.font, {
                            color: (null === (_labelOptions2 = labelOptions) || void 0 === _labelOptions2 || null === (_labelOptions2 = _labelOptions2.font) || void 0 === _labelOptions2 ? void 0 : _labelOptions2.color) || null
                        }));
                        labelOptions = _extend(true, {}, that._themeManager.theme().label, labelOptions);
                        context.formatOptions = {
                            format: void 0 !== labelOptions.format ? labelOptions.format : that._defaultFormatOptions,
                            customizeText: labelOptions.customizeText
                        };
                        context.textOptions = {
                            align: "center"
                        };
                        that._textIndent = labelOptions.indent > 0 ? _Number(labelOptions.indent) : 0;
                        context.lineWidth = labelOptions.connectorWidth > 0 ? _Number(labelOptions.connectorWidth) : 0;
                        context.lineColor = labelOptions.connectorColor || null;
                        const text = that._renderer.text(_getSampleText(that._translator, context.formatOptions), 0, 0).attr(context.textOptions).css(context.fontStyles).append(that._barsGroup);
                        const bBox = text.getBBox();
                        text.remove();
                        context.textY = bBox.y;
                        context.textWidth = bBox.width;
                        context.textHeight = bBox.height
                    }
                    _circular_gauge.default.prototype._applyMainLayout.call(that);
                    that._renderBars()
                },
                _measureMainElements() {
                    const result = {
                        maxRadius: this._area.radius
                    };
                    if (this._context.textEnabled) {
                        result.horizontalMargin = this._context.textWidth;
                        result.verticalMargin = this._context.textHeight;
                        result.inverseHorizontalMargin = this._context.textWidth / 2;
                        result.inverseVerticalMargin = this._context.textHeight / 2
                    }
                    return result
                },
                _renderBars() {
                    const that = this;
                    const options = _extend({}, that._themeManager.theme(), that.option());
                    let radius;
                    const area = that._area;
                    const relativeInnerRadius = options.relativeInnerRadius > 0 && options.relativeInnerRadius < 1 ? _Number(options.relativeInnerRadius) : .1;
                    radius = area.radius;
                    if (that._context.textEnabled) {
                        that._textIndent = _round(_min(that._textIndent, radius / 2));
                        radius -= that._textIndent
                    }
                    that._outerRadius = _floor(radius);
                    that._innerRadius = _floor(radius * relativeInnerRadius);
                    that._barSpacing = options.barSpacing > 0 ? _Number(options.barSpacing) : 0;
                    _extend(that._context, {
                        backgroundColor: options.backgroundColor,
                        x: area.x,
                        y: area.y,
                        startAngle: area.startCoord,
                        endAngle: area.endCoord,
                        baseAngle: that._translator.translate(that._baseValue)
                    });
                    that._arrangeBars()
                },
                _arrangeBars() {
                    const that = this;
                    let radius = that._outerRadius - that._innerRadius;
                    const context = that._context;
                    let i;
                    const count = that._bars.length;
                    that._beginValueChanging();
                    context.barSize = count > 0 ? _max((radius - (count - 1) * that._barSpacing) / count, 1) : 0;
                    const spacing = count > 1 ? _max(_min((radius - count * context.barSize) / (count - 1), that._barSpacing), 0) : 0;
                    const _count = _min(_floor((radius + spacing) / context.barSize), count);
                    that._setBarsCount(count);
                    radius = that._outerRadius;
                    context.textRadius = radius;
                    context.textIndent = that._textIndent;
                    that._palette.reset();
                    const unitOffset = context.barSize + spacing;
                    const colors = that._palette.generateColors(_count);
                    for (i = 0; i < _count; ++i, radius -= unitOffset) {
                        that._bars[i].arrange({
                            radius: radius,
                            color: colors[i]
                        })
                    }
                    for (let i = _count; i < count; i++) {
                        that._bars[i].hide()
                    }
                    if (that._animationSettings && !that._noAnimation) {
                        that._animateBars()
                    } else {
                        that._updateBars()
                    }
                    that._endValueChanging()
                },
                _setBarsCount() {
                    const that = this;
                    if (that._bars.length > 0) {
                        if (that._dummyBackground) {
                            that._dummyBackground.dispose();
                            that._dummyBackground = null
                        }
                    } else {
                        if (!that._dummyBackground) {
                            that._dummyBackground = that._renderer.arc().attr({
                                "stroke-linejoin": "round"
                            })
                        }
                        that._dummyBackground.attr({
                            x: that._context.x,
                            y: that._context.y,
                            outerRadius: that._outerRadius,
                            innerRadius: that._innerRadius,
                            startAngle: that._context.endAngle,
                            endAngle: that._context.startAngle,
                            fill: that._context.backgroundColor
                        }).append(that._barsGroup)
                    }
                },
                _getCenter() {
                    return {
                        x: this._context.x,
                        y: this._context.y
                    }
                },
                _updateBars() {
                    this._bars.forEach(bar => bar.applyValue());
                    this._checkOverlap()
                },
                _checkOverlap() {
                    const that = this;
                    const overlapStrategy = (0, _utils.normalizeEnum)(that._getOption("resolveLabelOverlapping", true));

                    function shiftFunction(box, length) {
                        return (0, _utils.getVerticallyShiftedAngularCoords)(box, -length, that._context)
                    }
                    if ("none" === overlapStrategy) {
                        return
                    }
                    if ("shift" === overlapStrategy) {
                        const newBars = that._dividePoints();
                        _m_base_chart.overlapping.resolveLabelOverlappingInOneDirection(newBars.left, that._canvas, false, false, shiftFunction);
                        _m_base_chart.overlapping.resolveLabelOverlappingInOneDirection(newBars.right, that._canvas, false, false, shiftFunction);
                        that._clearLabelsCrossTitle();
                        that._drawConnector()
                    } else {
                        that._clearOverlappingLabels()
                    }
                },
                _drawConnector() {
                    const that = this;
                    const bars = that._bars;
                    const {
                        connectorWidth: connectorWidth
                    } = that._getOption("label");
                    bars.forEach(bar => {
                        if (!bar._isLabelShifted) {
                            return
                        }
                        const x = bar._bar.attr("x");
                        const y = bar._bar.attr("y");
                        const innerRadius = bar._bar.attr("innerRadius");
                        const outerRadius = bar._bar.attr("outerRadius");
                        const startAngle = bar._bar.attr("startAngle");
                        const endAngle = bar._bar.attr("endAngle");
                        const coordStart = getStartCoordsArc.apply(null, (0, _utils.normalizeArcParams)(x, y, innerRadius, outerRadius, startAngle, endAngle));
                        const {
                            cos: cos,
                            sin: sin
                        } = _getCosAndSin(bar._angle);
                        const xStart = coordStart.x - sin * connectorWidth / 2 - cos;
                        const yStart = coordStart.y - cos * connectorWidth / 2 + sin;
                        const box = bar._text.getBBox();
                        const lastCoords = bar._text._lastCoords;
                        const indentFromLabel = that._context.textWidth / 2;
                        const originalXLabelCoord = box.x + box.width / 2 + lastCoords.x;
                        const originalPoints = [xStart, yStart, originalXLabelCoord, box.y + lastCoords.y];
                        if (bar._angle > 90) {
                            originalPoints[2] += indentFromLabel
                        } else {
                            originalPoints[2] -= indentFromLabel
                        }
                        if (bar._angle <= 180 && bar._angle > 0) {
                            originalPoints[3] += box.height
                        }
                        if (connectorWidth % 2) {
                            const xDeviation = -sin / 2;
                            const yDeviation = -cos / 2;
                            if (bar._angle > 180) {
                                originalPoints[0] -= xDeviation;
                                originalPoints[1] -= yDeviation
                            } else if (bar._angle > 0 && bar._angle <= 90) {
                                originalPoints[0] += xDeviation;
                                originalPoints[1] += yDeviation
                            }
                        }
                        const points = originalPoints.map(coordinate => (0, _math.roundFloatPart)(coordinate, 4));
                        bar._line.attr({
                            points: points
                        });
                        bar._line.rotate(0);
                        bar._isLabelShifted = false
                    })
                },
                _dividePoints() {
                    const bars = this._bars;
                    return bars.reduce((stackBars, bar) => {
                        const angle = (0, _utils.normalizeAngle)(bar._angle);
                        const isRightSide = angle <= 90 || angle >= 270;
                        bar._text._lastCoords = {
                            x: 0,
                            y: 0
                        };
                        const barToExtend = isRightSide ? stackBars.right : stackBars.left;
                        barToExtend.push({
                            series: {
                                isStackedSeries: () => false,
                                isFullStackedSeries: () => false
                            },
                            getLabels: () => [{
                                isVisible: () => true,
                                getBoundingRect: () => {
                                    const {
                                        height: height,
                                        width: width,
                                        x: x,
                                        y: y
                                    } = bar._text.getBBox();
                                    const lastCoords = bar._text._lastCoords;
                                    return {
                                        x: x + lastCoords.x,
                                        y: y + lastCoords.y,
                                        width: width,
                                        height: height
                                    }
                                },
                                shift: (x, y) => {
                                    const box = bar._text.getBBox();
                                    bar._text._lastCoords = {
                                        x: x - box.x,
                                        y: y - box.y
                                    };
                                    bar._text.attr({
                                        translateX: x - box.x,
                                        translateY: y - box.y
                                    });
                                    bar._isLabelShifted = true
                                },
                                draw: () => bar.hideLabel(),
                                getData: () => ({
                                    value: bar.getValue()
                                }),
                                hideInsideLabel: () => false
                            }]
                        });
                        return stackBars
                    }, {
                        left: [],
                        right: []
                    })
                },
                _clearOverlappingLabels() {
                    const bars = this._bars;
                    let currentIndex = 0;
                    let nextIndex = 1;
                    const sortedBars = bars.concat().sort((a, b) => a.getValue() - b.getValue());
                    while (currentIndex < sortedBars.length && nextIndex < sortedBars.length) {
                        const current = sortedBars[currentIndex];
                        const next = sortedBars[nextIndex];
                        if (current.checkIntersect(next)) {
                            next.hideLabel();
                            nextIndex++
                        } else {
                            currentIndex = nextIndex;
                            nextIndex = currentIndex + 1
                        }
                    }
                },
                _clearLabelsCrossTitle() {
                    const bars = this._bars;
                    const titleCoords = this._title.getLayoutOptions() || {
                        x: 0,
                        y: 0,
                        height: 0,
                        width: 0
                    };
                    const minY = titleCoords.y + titleCoords.height;
                    bars.forEach(bar => {
                        const box = bar._text.getBBox();
                        const lastCoords = bar._text._lastCoords;
                        if (minY > box.y + lastCoords.y) {
                            bar.hideLabel()
                        }
                    })
                },
                _animateBars() {
                    const that = this;
                    let i;
                    const ii = that._bars.length;
                    if (ii > 0) {
                        for (i = 0; i < ii; ++i) {
                            that._bars[i].beginAnimation()
                        }
                        that._barsGroup.animate({
                            _: 0
                        }, that._animationSettings)
                    }
                },
                _buildNodes() {
                    const that = this;
                    const options = that._options.silent();
                    const legendOptions = that._themeManager.theme("legend");
                    legendOptions._incidentOccurred = that._incidentOccurred;
                    that._palette = that._themeManager.createPalette(options.palette, {
                        useHighlight: true,
                        extensionMode: options.paletteExtensionMode
                    });
                    that._palette.reset();
                    that._bars = that._bars || [];
                    that._animationSettings && that._barsGroup.stopAnimation();
                    const barValues = that._values.filter(_isFinite);
                    const count = barValues.length;
                    if (that._bars.length > count) {
                        const ii = that._bars.length;
                        for (let i = count; i < ii; ++i) {
                            that._bars[i].dispose()
                        }
                        that._bars.splice(count, ii - count)
                    } else if (that._bars.length < count) {
                        for (let i = that._bars.length; i < count; ++i) {
                            that._bars.push(new BarWrapper(i, that._context))
                        }
                    }
                    that._bars.forEach((bar, index) => {
                        bar.update({
                            color: that._palette.getNextColor(count),
                            value: barValues[index]
                        })
                    })
                },
                _updateValues(values) {
                    const that = this;
                    const list = _isArray(values) && values || _isFinite(values) && [values] || [];
                    let i;
                    const ii = list.length;
                    let value;
                    that._values.length = ii;
                    for (i = 0; i < ii; ++i) {
                        value = list[i];
                        that._values[i] = _Number(_isFinite(value) ? value : that._values[i])
                    }
                    if (!that._resizing) {
                        if (!_compareArrays(that._values, that.option("values"))) {
                            that.option("values", that._values.slice())
                        }
                    }
                    this._change(["NODES"])
                },
                values(arg) {
                    if (void 0 !== arg) {
                        this._updateValues(arg);
                        return this
                    } else {
                        return this._values.slice(0)
                    }
                },
                _optionChangesMap: {
                    backgroundColor: "MOSTLY_TOTAL",
                    relativeInnerRadius: "MOSTLY_TOTAL",
                    barSpacing: "MOSTLY_TOTAL",
                    label: "MOSTLY_TOTAL",
                    resolveLabelOverlapping: "MOSTLY_TOTAL",
                    palette: "MOSTLY_TOTAL",
                    paletteExtensionMode: "MOSTLY_TOTAL",
                    values: "VALUES"
                },
                _change_VALUES() {
                    this._updateValues(this.option("values"))
                },
                _factory: (0, _object.clone)(_base_gauge.BaseGauge.prototype._factory),
                _optionChangesOrder: ["VALUES", "NODES"],
                _initialChanges: ["VALUES"],
                _getChangesRequireCoreUpdate() {
                    return [...this.callBase(), "LEGEND"]
                },
                _change_NODES() {
                    this._buildNodes()
                },
                _change_MOSTLY_TOTAL() {
                    this._change(["NODES"]);
                    this.callBase()
                },
                _proxyData: [],
                _getLegendData() {
                    const that = this;
                    const formatOptions = {};
                    const options = that._options.silent();
                    const labelFormatOptions = (options.label || {}).format;
                    const legendFormatOptions = (options.legend || {}).itemTextFormat;
                    if (legendFormatOptions) {
                        formatOptions.format = legendFormatOptions
                    } else {
                        formatOptions.format = labelFormatOptions || that._defaultFormatOptions
                    }
                    return (this._bars || []).map(b => ({
                        id: b.index,
                        item: {
                            value: b.getValue(),
                            color: b.getColor(),
                            index: b.index
                        },
                        text: _formatValue(b.getValue(), formatOptions),
                        visible: true,
                        states: {
                            normal: {
                                fill: b.getColor()
                            }
                        }
                    }))
                }
            });
            BarWrapper = function(index, context) {
                this._context = context;
                this._tracker = context.renderer.arc().attr({
                    "stroke-linejoin": "round"
                });
                this.index = index
            };
            _extend(BarWrapper.prototype, {
                dispose() {
                    const that = this;
                    that._background.dispose();
                    that._bar.dispose();
                    if (that._context.textEnabled) {
                        that._line.dispose();
                        that._text.dispose()
                    }
                    that._context.tracker.detach(that._tracker);
                    that._context = that._settings = that._background = that._bar = that._line = that._text = that._tracker = null;
                    return that
                },
                arrange(options) {
                    const that = this;
                    const context = that._context;
                    this._visible = true;
                    context.tracker.attach(that._tracker, that, {
                        index: that.index
                    });
                    that._background = context.renderer.arc().attr({
                        "stroke-linejoin": "round",
                        fill: context.backgroundColor
                    }).append(context.group);
                    that._settings = that._settings || {
                        x: context.x,
                        y: context.y,
                        startAngle: context.baseAngle,
                        endAngle: context.baseAngle
                    };
                    that._bar = context.renderer.arc().attr(_extend({
                        "stroke-linejoin": "round"
                    }, that._settings)).append(context.group);
                    if (context.textEnabled) {
                        that._line = context.renderer.path([], "line").attr({
                            "stroke-width": context.lineWidth
                        }).append(context.group);
                        that._text = context.renderer.text().css(context.fontStyles).attr(context.textOptions).append(context.group)
                    }
                    that._angle = isFinite(that._angle) ? that._angle : context.baseAngle;
                    that._settings.outerRadius = options.radius;
                    that._settings.innerRadius = options.radius - context.barSize;
                    that._settings.x = context.x;
                    that._settings.y = context.y;
                    that._background.attr(_extend({}, that._settings, {
                        startAngle: context.endAngle,
                        endAngle: context.startAngle,
                        fill: that._context.backgroundColor
                    }));
                    that._bar.attr({
                        x: context.x,
                        y: context.y,
                        outerRadius: that._settings.outerRadius,
                        innerRadius: that._settings.innerRadius,
                        fill: that._color
                    });
                    that._tracker.attr(that._settings);
                    if (context.textEnabled) {
                        that._line.attr({
                            points: [context.x, context.y - that._settings.innerRadius, context.x, context.y - context.textRadius - context.textIndent],
                            stroke: context.lineColor || that._color
                        }).sharp();
                        that._text.css({
                            fill: context.fontStyles.fill || that._color
                        })
                    }
                    return that
                },
                getTooltipParameters() {
                    const cosSin = _getCosAndSin((this._angle + this._context.baseAngle) / 2);
                    return {
                        x: _round(this._context.x + (this._settings.outerRadius + this._settings.innerRadius) / 2 * cosSin.cos),
                        y: _round(this._context.y - (this._settings.outerRadius + this._settings.innerRadius) / 2 * cosSin.sin),
                        offset: 0,
                        color: this._color,
                        value: this._value
                    }
                },
                setAngle(angle) {
                    const that = this;
                    const context = that._context;
                    const settings = that._settings;
                    let cosSin;
                    that._angle = angle;
                    setAngles(settings, context.baseAngle, angle);
                    that._bar.attr(settings);
                    that._tracker.attr(settings);
                    if (context.textEnabled) {
                        cosSin = _getCosAndSin(angle);
                        const indent = context.textIndent;
                        const radius = context.textRadius + indent;
                        let x = context.x + radius * cosSin.cos;
                        let y = context.y - radius * cosSin.sin;
                        const halfWidth = .5 * context.textWidth;
                        const textHeight = context.textHeight;
                        const textY = context.textY;
                        if (_abs(x - context.x) > indent) {
                            x += x < context.x ? -halfWidth : halfWidth
                        }
                        if (_abs(y - context.y) <= indent) {
                            y -= textY + .5 * textHeight
                        } else {
                            y -= y < context.y ? textY + textHeight : textY
                        }
                        const text = _formatValue(that._value, context.formatOptions, {
                            index: that.index
                        });
                        const visibility = "" === text ? "hidden" : null;
                        that._text.attr({
                            text: text,
                            x: x,
                            y: y,
                            visibility: visibility
                        });
                        that._line.attr({
                            visibility: visibility
                        });
                        that._line.rotate(_convertAngleToRendererSpace(angle), context.x, context.y)
                    }
                    return that
                },
                hideLabel() {
                    this._text.attr({
                        visibility: "hidden"
                    });
                    this._line.attr({
                        visibility: "hidden"
                    })
                },
                checkIntersect(anotherBar) {
                    const coords = this.calculateLabelCoords();
                    const anotherCoords = anotherBar.calculateLabelCoords();
                    if (!coords || !anotherCoords) {
                        return false
                    }
                    const width = Math.max(0, Math.min(coords.bottomRight.x, anotherCoords.bottomRight.x) - Math.max(coords.topLeft.x, anotherCoords.topLeft.x));
                    const height = Math.max(0, Math.min(coords.bottomRight.y, anotherCoords.bottomRight.y) - Math.max(coords.topLeft.y, anotherCoords.topLeft.y));
                    return width * height !== 0
                },
                calculateLabelCoords() {
                    if (!this._text) {
                        return
                    }
                    const box = this._text.getBBox();
                    return {
                        topLeft: {
                            x: box.x,
                            y: box.y
                        },
                        bottomRight: {
                            x: box.x + box.width,
                            y: box.y + box.height
                        }
                    }
                },
                _processValue(value) {
                    return this._context.translator.translate(this._context.translator.adjust(value))
                },
                applyValue() {
                    if (!this._visible) {
                        return this
                    }
                    return this.setAngle(this._processValue(this.getValue()))
                },
                update(_ref) {
                    let {
                        color: color,
                        value: value
                    } = _ref;
                    this._color = color;
                    this._value = value
                },
                hide() {
                    this._visible = false
                },
                getColor() {
                    return this._color
                },
                getValue() {
                    return this._value
                },
                beginAnimation() {
                    if (!this._visible) {
                        return this
                    }
                    const that = this;
                    const angle = this._processValue(this.getValue());
                    if (!compareFloats(that._angle, angle)) {
                        that._start = that._angle;
                        that._delta = angle - that._angle;
                        that._tracker.attr({
                            visibility: "hidden"
                        });
                        if (that._context.textEnabled) {
                            that._line.attr({
                                visibility: "hidden"
                            });
                            that._text.attr({
                                visibility: "hidden"
                            })
                        }
                    } else {
                        that.animate = _noop;
                        that.setAngle(that._angle)
                    }
                },
                animate(pos) {
                    if (!this._visible) {
                        return this
                    }
                    this._angle = this._start + this._delta * pos;
                    setAngles(this._settings, this._context.baseAngle, this._angle);
                    this._bar.attr(this._settings)
                },
                endAnimation() {
                    const that = this;
                    if (void 0 !== that._delta) {
                        if (compareFloats(that._angle, that._start + that._delta)) {
                            that._tracker.attr({
                                visibility: null
                            });
                            that.setAngle(that._angle)
                        }
                    } else {
                        delete that.animate
                    }
                    delete that._start;
                    delete that._delta
                }
            });

            function setAngles(target, angle1, angle2) {
                target.startAngle = angle1 < angle2 ? angle1 : angle2;
                target.endAngle = angle1 < angle2 ? angle2 : angle1
            }

            function compareFloats(value1, value2) {
                return _abs(value1 - value2) < 1e-4
            }

            function getStartCoordsArc(x, y, innerR, outerR, startAngleCos, startAngleSin) {
                return {
                    x: (x + outerR * startAngleCos).toFixed(5),
                    y: (y - outerR * startAngleSin).toFixed(5)
                }
            }(0, _component_registrator.default)("dxBarGauge", dxBarGauge);
            dxBarGauge.addPlugin(_legend.plugin);
            dxBarGauge.addPlugin(_center_template.plugins.gauge)
        },
        90678(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.BaseGauge = void 0;
            exports.compareArrays = function(array1, array2) {
                return array1 && array2 && array1.length === array2.length && function(array1, array2) {
                    let i;
                    const ii = array1.length;
                    let array1ValueIsNaN;
                    let array2ValueIsNaN;
                    for (i = 0; i < ii; ++i) {
                        array1ValueIsNaN = array1[i] !== array1[i];
                        array2ValueIsNaN = array2[i] !== array2[i];
                        if (array1ValueIsNaN && array2ValueIsNaN) {
                            continue
                        }
                        if (array1[i] !== array2[i]) {
                            return false
                        }
                    }
                    return true
                }(array1, array2)
            };
            exports.getSampleText = exports.formatValue = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _format_helper = _interopRequireDefault(__webpack_require__( /*! ../../../format_helper */ 2082));
            var _export = __webpack_require__( /*! ../../viz/core/export */ 43452);
            var _loading_indicator = __webpack_require__( /*! ../../viz/core/loading_indicator */ 71126);
            var _m_base_widget = _interopRequireDefault(__webpack_require__( /*! ../../viz/core/m_base_widget */ 34506));
            var _title = __webpack_require__( /*! ../../viz/core/title */ 69638);
            var _tooltip = __webpack_require__( /*! ../../viz/core/tooltip */ 94371);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _theme_manager = _interopRequireDefault(__webpack_require__( /*! ../../viz/gauges/theme_manager */ 37646));
            var _tracker = _interopRequireDefault(__webpack_require__( /*! ../../viz/gauges/tracker */ 16523));
            var _translator1d = __webpack_require__( /*! ../../viz/translators/translator1d */ 66383);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const _Number = Number;
            const _extend = _extend2.extend;
            const _format = _format_helper.default.format;
            const BaseGauge = exports.BaseGauge = _m_base_widget.default.inherit({
                _rootClassPrefix: "dxg",
                _themeSection: "gauge",
                _titleBBoxCache: null,
                _createThemeManager() {
                    return new _theme_manager.default.ThemeManager(this._getThemeManagerOptions())
                },
                _initCore() {
                    const root = this._renderer.root;
                    this._valueChangingLocker = 0;
                    this._translator = this._factory.createTranslator();
                    this._tracker = this._factory.createTracker({
                        renderer: this._renderer,
                        container: root
                    });
                    this._setTrackerCallbacks()
                },
                _beginValueChanging() {
                    this._resetIsReady();
                    this._onBeginUpdate();
                    ++this._valueChangingLocker
                },
                _endValueChanging() {
                    if (0 === --this._valueChangingLocker) {
                        this._drawn()
                    }
                },
                _setTrackerCallbacks() {
                    const renderer = this._renderer;
                    const tooltip = this._tooltip;
                    this._tracker.setCallbacks({
                        "tooltip-show": function(target, info, callback) {
                            const tooltipParameters = target.getTooltipParameters();
                            const offset = renderer.getRootOffset();
                            const formatObject = _extend({
                                value: tooltipParameters.value,
                                valueText: tooltip.formatValue(tooltipParameters.value),
                                color: tooltipParameters.color
                            }, info);
                            return tooltip.show(formatObject, {
                                x: tooltipParameters.x + offset.left,
                                y: tooltipParameters.y + offset.top,
                                offset: tooltipParameters.offset
                            }, {
                                target: info
                            }, void 0, callback)
                        },
                        "tooltip-hide": function() {
                            return tooltip.hide()
                        }
                    })
                },
                _dispose() {
                    this._cleanCore();
                    this.callBase.apply(this, arguments)
                },
                _disposeCore() {
                    this._themeManager.dispose();
                    this._tracker.dispose();
                    this._translator = this._tracker = null
                },
                _cleanCore() {
                    this._tracker.deactivate();
                    this._noAnimation = false;
                    this._cleanContent()
                },
                _renderCore() {
                    if (!this._isValidDomain) {
                        return
                    }
                    this._renderContent();
                    this._renderGraphicObjects();
                    this._tracker.setTooltipState(this._tooltip.isEnabled());
                    this._tracker.activate();
                    this._noAnimation = false
                },
                _applyChanges() {
                    this.callBase.apply(this, arguments);
                    this._resizing = this._noAnimation = false
                },
                _setContentSize() {
                    this._resizing = this._noAnimation = 2 === this._changes.count();
                    this.callBase.apply(this, arguments)
                },
                _getChangesRequireCoreUpdate: () => ["DOMAIN", "MOSTLY_TOTAL", "EXPORT"],
                _isTitleBBoxChanged() {
                    var _this$_titleBBoxCache, _this$_titleBBoxCache2, _this$_titleBBoxCache3;
                    const titleBBox = this._title.getLayoutOptions();
                    const hasTitleHeightChanged = titleBBox.height !== (null === (_this$_titleBBoxCache = this._titleBBoxCache) || void 0 === _this$_titleBBoxCache ? void 0 : _this$_titleBBoxCache.height);
                    const hasTitleYChanged = titleBBox.y !== (null === (_this$_titleBBoxCache2 = this._titleBBoxCache) || void 0 === _this$_titleBBoxCache2 ? void 0 : _this$_titleBBoxCache2.y);
                    const hasVerticalAlignmentChanged = titleBBox.verticalAlignment !== (null === (_this$_titleBBoxCache3 = this._titleBBoxCache) || void 0 === _this$_titleBBoxCache3 ? void 0 : _this$_titleBBoxCache3.verticalAlignment);
                    this._titleBBoxCache = null;
                    return hasTitleHeightChanged || hasTitleYChanged || hasVerticalAlignmentChanged
                },
                _forceCoreUpdate() {
                    const isTriggeredByTitleOnly = this._changes.has("TITLE") && !this._getChangesRequireCoreUpdate().some(change => this._changes.has(change));
                    if (isTriggeredByTitleOnly) {
                        return this._isTitleBBoxChanged()
                    }
                    return true
                },
                _applySize(rect) {
                    const that = this;
                    that._innerRect = {
                        left: rect[0],
                        top: rect[1],
                        right: rect[2],
                        bottom: rect[3]
                    };
                    const layoutCache = that._layout._cache;
                    if (that._forceCoreUpdate()) {
                        that._cleanCore();
                        that._renderCore()
                    }
                    that._layout._cache = that._layout._cache || layoutCache;
                    return [rect[0], that._innerRect.top, rect[2], that._innerRect.bottom]
                },
                _initialChanges: ["DOMAIN"],
                _themeDependentChanges: ["DOMAIN"],
                _optionChangesMap: {
                    subtitle: "MOSTLY_TOTAL",
                    indicator: "MOSTLY_TOTAL",
                    geometry: "MOSTLY_TOTAL",
                    animation: "MOSTLY_TOTAL",
                    startValue: "DOMAIN",
                    endValue: "DOMAIN"
                },
                _optionChangesOrder: ["DOMAIN", "MOSTLY_TOTAL"],
                _change_DOMAIN() {
                    this._setupDomain()
                },
                _change_MOSTLY_TOTAL() {
                    this._applyMostlyTotalChange()
                },
                _updateExtraElements: _common.noop,
                _setupDomain() {
                    const that = this;
                    that._setupDomainCore();
                    that._isValidDomain = isFinite(1 / (that._translator.getDomain()[1] - that._translator.getDomain()[0]));
                    if (!that._isValidDomain) {
                        that._incidentOccurred("W2301")
                    }
                    that._change(["MOSTLY_TOTAL"])
                },
                _applyMostlyTotalChange() {
                    this._setupCodomain();
                    this._setupAnimationSettings();
                    this._setupDefaultFormat();
                    this._change(["LAYOUT"])
                },
                _setupAnimationSettings() {
                    const that = this;
                    let option = that.option("animation");
                    that._animationSettings = null;
                    if (void 0 === option || option) {
                        option = _extend({
                            enabled: true,
                            duration: 1e3,
                            easing: "easeOutCubic"
                        }, option);
                        if (option.enabled && option.duration > 0) {
                            that._animationSettings = {
                                duration: _Number(option.duration),
                                easing: option.easing
                            }
                        }
                    }
                    that._containerBackgroundColor = that.option("containerBackgroundColor") || that._themeManager.theme().containerBackgroundColor
                },
                _setupDefaultFormat() {
                    const domain = this._translator.getDomain();
                    this._defaultFormatOptions = (0, _utils.getAppropriateFormat)(domain[0], domain[1], this._getApproximateScreenRange())
                },
                _setupDomainCore: null,
                _calculateSize: null,
                _cleanContent: null,
                _renderContent: null,
                _setupCodomain: null,
                _getApproximateScreenRange: null,
                _factory: {
                    createTranslator: () => new _translator1d.Translator1D,
                    createTracker: parameters => new _tracker.default(parameters)
                }
            });
            const formatValue = function(value, options, extra) {
                if (Object.is(value, -0)) {
                    value = 0
                }
                options = options || {};
                const text = _format(value, options.format);
                let formatObject;
                if ("function" === typeof options.customizeText) {
                    formatObject = _extend({
                        value: value,
                        valueText: text
                    }, extra);
                    return String(options.customizeText.call(formatObject, formatObject))
                }
                return text
            };
            exports.formatValue = formatValue;
            exports.getSampleText = function(translator, options) {
                const text1 = formatValue(translator.getDomainStart(), options);
                const text2 = formatValue(translator.getDomainEnd(), options);
                return text1.length >= text2.length ? text1 : text2
            };
            BaseGauge.addPlugin(_export.plugin);
            BaseGauge.addPlugin(_title.plugin);
            BaseGauge.addPlugin(_tooltip.plugin);
            BaseGauge.addPlugin(_loading_indicator.plugin);
            const _setTooltipOptions = BaseGauge.prototype._setTooltipOptions;
            BaseGauge.prototype._setTooltipOptions = function() {
                _setTooltipOptions.apply(this, arguments);
                this._tracker && this._tracker.setTooltipState(this._tooltip.isEnabled())
            };
            const {
                _change_TITLE: _change_TITLE
            } = BaseGauge.prototype;
            BaseGauge.prototype._change_TITLE = function() {
                this._titleBBoxCache = Object.assign({}, this._title.getLayoutOptions());
                _change_TITLE.apply(this, arguments)
            }
        },
        62495(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.BaseTextCloudMarker = exports.BaseRangeBar = exports.BaseIndicator = exports.BaseElement = void 0;
            var _class = (e = __webpack_require__( /*! ../../../core/class */ 55620), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _base_gauge = __webpack_require__( /*! ../../viz/gauges/base_gauge */ 90678);
            const _isFinite = isFinite;
            const _Number = Number;
            const _round = Math.round;
            const _formatValue = _base_gauge.formatValue;
            const _getSampleText = _base_gauge.getSampleText;
            const BaseElement = exports.BaseElement = _class.default.inherit({
                ctor(parameters) {
                    const that = this;
                    (0, _iterator.each)(parameters, (name, value) => {
                        that[`_${name}`] = value
                    });
                    that._init()
                },
                dispose() {
                    const that = this;
                    that._dispose();
                    (0, _iterator.each)(that, name => {
                        that[name] = null
                    });
                    return that
                },
                getOffset() {
                    return _Number(this._options.offset) || 0
                }
            });
            const BaseIndicator = exports.BaseIndicator = BaseElement.inherit({
                _init() {
                    this._rootElement = this._createRoot().linkOn(this._owner, {
                        name: "value-indicator",
                        after: "core"
                    });
                    this._trackerElement = this._createTracker()
                },
                _dispose() {
                    this._rootElement.linkOff()
                },
                _setupAnimation() {
                    const that = this;
                    if (that._options.animation) {
                        that._animation = {
                            step(pos) {
                                that._actualValue = that._animation.start + that._animation.delta * pos;
                                that._actualPosition = that._translator.translate(that._actualValue);
                                that._move()
                            },
                            duration: that._options.animation.duration > 0 ? _Number(that._options.animation.duration) : 0,
                            easing: that._options.animation.easing
                        }
                    }
                },
                _runAnimation(value) {
                    const animation = this._animation;
                    animation.start = this._actualValue;
                    animation.delta = value - this._actualValue;
                    this._rootElement.animate({
                        _: 0
                    }, {
                        step: animation.step,
                        duration: animation.duration,
                        easing: animation.easing
                    })
                },
                _createRoot() {
                    return this._renderer.g().attr({
                        class: this._className
                    })
                },
                _createTracker() {
                    return this._renderer.path([], "area")
                },
                _getTrackerSettings: _common.noop,
                clean() {
                    this._animation && this._rootElement.stopAnimation();
                    this._rootElement.linkRemove().clear();
                    this._clear();
                    this._tracker.detach(this._trackerElement);
                    this._options = this.enabled = this._animation = null;
                    return this
                },
                render(options) {
                    const that = this;
                    that.type = options.type;
                    that._options = options;
                    that._actualValue = that._currentValue = that._translator.adjust(that._options.currentValue);
                    that.enabled = that._isEnabled();
                    if (that.enabled) {
                        that._setupAnimation();
                        that._rootElement.attr({
                            fill: (0, _utils.extractColor)(that._options.color)
                        }).linkAppend();
                        that._tracker.attach(that._trackerElement, that, that._trackerInfo)
                    }
                    return that
                },
                resize(layout) {
                    const that = this;
                    that._rootElement.clear();
                    that._clear();
                    that.visible = that._isVisible(layout);
                    if (that.visible) {
                        (0, _extend.extend)(that._options, layout);
                        that._actualPosition = that._translator.translate(that._actualValue);
                        that._render();
                        that._trackerElement.attr(that._getTrackerSettings());
                        that._move()
                    }
                    return that
                },
                value(arg, _noAnimation) {
                    const that = this;
                    let val;
                    const rootElement = this._rootElement;
                    let visibility = null;
                    if (void 0 === arg) {
                        return that._currentValue
                    }
                    if (null === arg) {
                        visibility = "hidden";
                        that._currentValue = arg
                    } else {
                        val = that._translator.adjust(arg);
                        if (that._currentValue !== val && _isFinite(val)) {
                            that._currentValue = val;
                            if (that.visible) {
                                if (that._animation && !_noAnimation) {
                                    that._runAnimation(val)
                                } else {
                                    that._actualValue = val;
                                    that._actualPosition = that._translator.translate(val);
                                    that._move()
                                }
                            }
                        }
                    }
                    rootElement.attr({
                        visibility: visibility
                    });
                    return that
                },
                _isEnabled: null,
                _isVisible: null,
                _render: null,
                _clear: null,
                _move: null
            });
            const COEFFICIENTS_MAP = {};
            COEFFICIENTS_MAP["right-bottom"] = COEFFICIENTS_MAP.rb = [0, -1, -1, 0, 0, 1, 1, 0];
            COEFFICIENTS_MAP["bottom-right"] = COEFFICIENTS_MAP.br = [-1, 0, 0, -1, 1, 0, 0, 1];
            COEFFICIENTS_MAP["left-bottom"] = COEFFICIENTS_MAP.lb = [0, -1, 1, 0, 0, 1, -1, 0];
            COEFFICIENTS_MAP["bottom-left"] = COEFFICIENTS_MAP.bl = [1, 0, 0, -1, -1, 0, 0, 1];
            COEFFICIENTS_MAP["left-top"] = COEFFICIENTS_MAP.lt = [0, 1, 1, 0, 0, -1, -1, 0];
            COEFFICIENTS_MAP["top-left"] = COEFFICIENTS_MAP.tl = [1, 0, 0, 1, -1, 0, 0, -1];
            COEFFICIENTS_MAP["right-top"] = COEFFICIENTS_MAP.rt = [0, 1, -1, 0, 0, -1, 1, 0];
            COEFFICIENTS_MAP["top-right"] = COEFFICIENTS_MAP.tr = [-1, 0, 0, 1, 1, 0, 0, -1];
            exports.BaseTextCloudMarker = BaseIndicator.inherit({
                _move() {
                    const options = this._options;
                    const textCloudOptions = this._getTextCloudOptions();
                    const text = _formatValue(this._actualValue, options.text);
                    this._text.attr({
                        text: text
                    });
                    const bBox = this._text.getBBox();
                    const x = textCloudOptions.x;
                    const y = textCloudOptions.y;
                    const cloudWidth = (bBox.width || text.length * this._textUnitWidth) + 2 * options.horizontalOffset;
                    const cloudHeight = (bBox.height || this._textHeight) + 2 * options.verticalOffset;
                    const info = function(options) {
                        let x = options.x;
                        let y = options.y;
                        const type = COEFFICIENTS_MAP[options.type];
                        const cloudWidth = options.cloudWidth;
                        const cloudHeight = options.cloudHeight;
                        let tailWidth;
                        let tailHeight;
                        const cx = x;
                        const cy = y;
                        tailWidth = tailHeight = options.tailLength;
                        if (1 & type[0]) {
                            tailHeight = Math.min(tailHeight, cloudHeight / 3)
                        } else {
                            tailWidth = Math.min(tailWidth, cloudWidth / 3)
                        }
                        return {
                            cx: _round(cx + type[0] * tailWidth + (type[0] + type[2]) * cloudWidth / 2),
                            cy: _round(cy + type[1] * tailHeight + (type[1] + type[3]) * cloudHeight / 2),
                            points: [_round(x), _round(y), _round(x += type[0] * (cloudWidth + tailWidth)), _round(y += type[1] * (cloudHeight + tailHeight)), _round(x += type[2] * cloudWidth), _round(y += type[3] * cloudHeight), _round(x += type[4] * cloudWidth), _round(y += type[5] * cloudHeight), _round(x += type[6] * (cloudWidth - tailWidth)), _round(y += type[7] * (cloudHeight - tailHeight))]
                        }
                    }({
                        x: x,
                        y: y,
                        cloudWidth: cloudWidth,
                        cloudHeight: cloudHeight,
                        tailLength: options.arrowLength,
                        type: this._correctCloudType(textCloudOptions.type, {
                            x: x,
                            y: y
                        }, {
                            width: cloudWidth,
                            height: cloudHeight
                        })
                    });
                    this._text.attr({
                        x: info.cx,
                        y: info.cy + this._textVerticalOffset
                    });
                    this._cloud.attr({
                        points: info.points
                    });
                    this._trackerElement && this._trackerElement.attr({
                        points: info.points
                    })
                },
                _measureText() {
                    const that = this;
                    let root;
                    let text;
                    let bBox;
                    let sampleText;
                    if (!that._textVerticalOffset) {
                        root = that._createRoot().append(that._owner);
                        sampleText = _getSampleText(that._translator, that._options.text);
                        text = that._renderer.text(sampleText, 0, 0).attr({
                            align: "center"
                        }).css((0, _utils.patchFontOptions)(that._options.text.font)).append(root);
                        bBox = text.getBBox();
                        root.remove();
                        that._textVerticalOffset = -bBox.y - bBox.height / 2;
                        that._textWidth = bBox.width;
                        that._textHeight = bBox.height;
                        that._textUnitWidth = that._textWidth / sampleText.length;
                        that._textFullWidth = that._textWidth + 2 * that._options.horizontalOffset;
                        that._textFullHeight = that._textHeight + 2 * that._options.verticalOffset
                    }
                },
                _render() {
                    this._measureText();
                    this._cloud = this._cloud || this._renderer.path([], "area").append(this._rootElement);
                    this._text = this._text || this._renderer.text().append(this._rootElement);
                    this._text.attr({
                        align: "center"
                    }).css((0, _utils.patchFontOptions)(this._options.text.font))
                },
                _clear() {
                    delete this._cloud;
                    delete this._text
                },
                getTooltipParameters() {
                    const position = this._getTextCloudOptions();
                    return {
                        x: position.x,
                        y: position.y,
                        value: this._currentValue,
                        color: this._options.color
                    }
                },
                _correctCloudType: type => type
            });
            exports.BaseRangeBar = BaseIndicator.inherit({
                _measureText() {
                    const that = this;
                    let root;
                    let text;
                    let bBox;
                    that._hasText = that._isTextVisible();
                    if (that._hasText && !that._textVerticalOffset) {
                        root = that._createRoot().append(that._owner);
                        text = that._renderer.text(_getSampleText(that._translator, that._options.text), 0, 0).attr({
                            class: "dxg-text",
                            align: "center"
                        }).css((0, _utils.patchFontOptions)(that._options.text.font)).append(root);
                        bBox = text.getBBox();
                        root.remove();
                        that._textVerticalOffset = -bBox.y - bBox.height / 2;
                        that._textWidth = bBox.width;
                        that._textHeight = bBox.height
                    }
                },
                _move() {
                    const that = this;
                    that._updateBarItemsPositions();
                    if (that._hasText) {
                        that._text.attr({
                            text: _formatValue(that._actualValue, that._options.text)
                        });
                        that._updateTextPosition();
                        that._updateLinePosition()
                    }
                },
                _updateBarItems() {
                    const that = this;
                    const options = that._options;
                    let spaceColor;
                    const translator = that._translator;
                    that._setBarSides();
                    that._startPosition = translator.translate(translator.getDomainStart());
                    that._endPosition = translator.translate(translator.getDomainEnd());
                    that._basePosition = translator.translate(options.baseValue);
                    that._space = that._getSpace();
                    const backgroundColor = options.backgroundColor || "none";
                    if ("none" !== backgroundColor && that._space > 0) {
                        spaceColor = options.containerBackgroundColor || "none"
                    } else {
                        that._space = 0;
                        spaceColor = "none"
                    }
                    that._backItem1.attr({
                        fill: backgroundColor
                    });
                    that._backItem2.attr({
                        fill: backgroundColor
                    });
                    that._spaceItem1.attr({
                        fill: spaceColor
                    });
                    that._spaceItem2.attr({
                        fill: spaceColor
                    })
                },
                _getSpace: () => 0,
                _updateTextItems() {
                    const that = this;
                    if (that._hasText) {
                        that._line = that._line || that._renderer.path([], "line").attr({
                            class: "dxg-main-bar",
                            "stroke-linecap": "square"
                        }).append(that._rootElement);
                        that._text = that._text || that._renderer.text("", 0, 0).attr({
                            class: "dxg-text"
                        }).append(that._rootElement);
                        that._text.attr({
                            align: that._getTextAlign()
                        }).css(that._getFontOptions());
                        that._setTextItemsSides()
                    } else {
                        if (that._line) {
                            that._line.remove();
                            delete that._line
                        }
                        if (that._text) {
                            that._text.remove();
                            delete that._text
                        }
                    }
                },
                _isTextVisible: () => false,
                _getTextAlign: () => "center",
                _getFontOptions() {
                    const options = this._options;
                    let font = options.text.font;
                    if (!font || !font.color) {
                        font = (0, _extend.extend)({}, font, {
                            color: options.color
                        })
                    }
                    return (0, _utils.patchFontOptions)(font)
                },
                _updateBarItemsPositions() {
                    const positions = this._getPositions();
                    this._backItem1.attr(this._buildItemSettings(positions.start, positions.back1));
                    this._backItem2.attr(this._buildItemSettings(positions.back2, positions.end));
                    this._spaceItem1.attr(this._buildItemSettings(positions.back1, positions.main1));
                    this._spaceItem2.attr(this._buildItemSettings(positions.main2, positions.back2));
                    this._mainItem.attr(this._buildItemSettings(positions.main1, positions.main2));
                    this._trackerElement && this._trackerElement.attr(this._buildItemSettings(positions.main1, positions.main2))
                },
                _render() {
                    const that = this;
                    that._measureText();
                    if (!that._backItem1) {
                        that._backItem1 = that._createBarItem();
                        that._backItem1.attr({
                            class: "dxg-back-bar"
                        })
                    }
                    if (!that._backItem2) {
                        that._backItem2 = that._createBarItem();
                        that._backItem2.attr({
                            class: "dxg-back-bar"
                        })
                    }
                    if (!that._spaceItem1) {
                        that._spaceItem1 = that._createBarItem();
                        that._spaceItem1.attr({
                            class: "dxg-space-bar"
                        })
                    }
                    if (!that._spaceItem2) {
                        that._spaceItem2 = that._createBarItem();
                        that._spaceItem2.attr({
                            class: "dxg-space-bar"
                        })
                    }
                    if (!that._mainItem) {
                        that._mainItem = that._createBarItem();
                        that._mainItem.attr({
                            class: "dxg-main-bar"
                        })
                    }
                    that._updateBarItems();
                    that._updateTextItems()
                },
                _clear() {
                    delete this._backItem1;
                    delete this._backItem2;
                    delete this._spaceItem1;
                    delete this._spaceItem2;
                    delete this._mainItem;
                    delete this._hasText;
                    delete this._line;
                    delete this._text
                },
                getTooltipParameters() {
                    const position = this._getTooltipPosition();
                    return {
                        x: position.x,
                        y: position.y,
                        value: this._currentValue,
                        color: this._options.color,
                        offset: 0
                    }
                }
            })
        },
        25760(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _base_indicators = __webpack_require__( /*! ../../viz/gauges/base_indicators */ 62495);
            const _Number = Number;
            const _isArray = Array.isArray;
            const _isFinite = isFinite;
            const BaseRangeContainer = _base_indicators.BaseElement.inherit({
                _init() {
                    this._root = this._renderer.g().attr({
                        class: "dxg-range-container"
                    }).linkOn(this._container, "range-container")
                },
                _dispose() {
                    this._root.linkOff()
                },
                clean() {
                    this._root.linkRemove().clear();
                    this._options = this.enabled = null;
                    return this
                },
                _getRanges() {
                    const options = this._options;
                    const translator = this._translator;
                    const totalStart = translator.getDomain()[0];
                    const totalEnd = translator.getDomain()[1];
                    const totalDelta = totalEnd - totalStart;
                    const isValidSegment = totalDelta >= 0 ? isValidSegmentAsc : isValidSegmentDesc;
                    const subtractSegment = totalDelta >= 0 ? subtractSegmentAsc : subtractSegmentDesc;
                    let list = [];
                    let ranges = [];
                    let backgroundRanges = [{
                        start: totalStart,
                        end: totalEnd
                    }];
                    const backgroundColor = (0, _utils.extractColor)(options.backgroundColor) || "none";
                    const width = options.width || {};
                    const startWidth = _Number(width > 0 ? width : width.start);
                    const endWidth = _Number(width > 0 ? width : width.end);
                    const deltaWidth = endWidth - startWidth;
                    if (void 0 !== options.ranges && !_isArray(options.ranges)) {
                        return null
                    }
                    if (!(startWidth >= 0 && endWidth >= 0 && startWidth + endWidth > 0)) {
                        return null
                    }
                    list = (_isArray(options.ranges) ? options.ranges : []).reduce((result, rangeOptions, i) => {
                        rangeOptions = rangeOptions || {};
                        const start = translator.adjust(rangeOptions.startValue);
                        const end = translator.adjust(rangeOptions.endValue);
                        if (_isFinite(start) && _isFinite(end) && isValidSegment(start, end, rangeOptions)) {
                            result.push({
                                start: start,
                                end: end,
                                color: (0, _utils.extractColor)(rangeOptions.color),
                                classIndex: i
                            })
                        }
                        return result
                    }, []);
                    const palette = this._themeManager.createPalette(options.palette, {
                        type: "indicatingSet",
                        extensionMode: options.paletteExtensionMode,
                        keepLastColorInEnd: true,
                        count: list.length
                    });
                    (0, _iterator.each)(list, (_, item) => {
                        const paletteColor = palette.getNextColor();
                        item.color = (0, _type.isString)(item.color) && item.color || paletteColor || "none";
                        item.className = `dxg-range dxg-range-${item.classIndex}`;
                        delete item.classIndex
                    });
                    (0, _iterator.each)(list, (_, item) => {
                        let i;
                        let ii;
                        let sub;
                        let subs;
                        let range;
                        const newRanges = [];
                        const newBackgroundRanges = [];
                        for (i = 0, ii = ranges.length; i < ii; ++i) {
                            range = ranges[i];
                            subs = subtractSegment(range.start, range.end, item.start, item.end);
                            (sub = subs[0]) && (sub.color = range.color) && (sub.className = range.className) && newRanges.push(sub);
                            (sub = subs[1]) && (sub.color = range.color) && (sub.className = range.className) && newRanges.push(sub)
                        }
                        newRanges.push(item);
                        ranges = newRanges;
                        for (i = 0, ii = backgroundRanges.length; i < ii; ++i) {
                            range = backgroundRanges[i];
                            subs = subtractSegment(range.start, range.end, item.start, item.end);
                            (sub = subs[0]) && newBackgroundRanges.push(sub);
                            (sub = subs[1]) && newBackgroundRanges.push(sub)
                        }
                        backgroundRanges = newBackgroundRanges
                    });
                    (0, _iterator.each)(backgroundRanges, (_, range) => {
                        range.color = backgroundColor;
                        range.className = "dxg-range dxg-background-range";
                        ranges.push(range)
                    });
                    (0, _iterator.each)(ranges, (_, range) => {
                        range.startWidth = (range.start - totalStart) / totalDelta * deltaWidth + startWidth;
                        range.endWidth = (range.end - totalStart) / totalDelta * deltaWidth + startWidth
                    });
                    return ranges
                },
                render(options) {
                    const that = this;
                    that._options = options;
                    that._processOptions();
                    that._ranges = that._getRanges();
                    if (that._ranges) {
                        that.enabled = true;
                        that._root.linkAppend()
                    }
                    return that
                },
                resize(layout) {
                    const that = this;
                    that._root.clear();
                    if (that._isVisible(layout)) {
                        (0, _iterator.each)(that._ranges, (_, range) => {
                            that._createRange(range, layout).attr({
                                fill: range.color,
                                class: range.className
                            }).append(that._root)
                        })
                    }
                    return that
                },
                _processOptions: null,
                _isVisible: null,
                _createRange: null,
                getColorForValue(value) {
                    let color = null;
                    (0, _iterator.each)(this._ranges, (_, range) => {
                        if (range.start <= value && value <= range.end || range.start >= value && value >= range.end) {
                            color = range.color;
                            return false
                        }
                    });
                    return color
                }
            });

            function subtractSegmentAsc(segmentStart, segmentEnd, otherStart, otherEnd) {
                let result;
                if (otherStart > segmentStart && otherEnd < segmentEnd) {
                    result = [{
                        start: segmentStart,
                        end: otherStart
                    }, {
                        start: otherEnd,
                        end: segmentEnd
                    }]
                } else if (otherStart >= segmentEnd || otherEnd <= segmentStart) {
                    result = [{
                        start: segmentStart,
                        end: segmentEnd
                    }]
                } else if (otherStart <= segmentStart && otherEnd >= segmentEnd) {
                    result = []
                } else if (otherStart > segmentStart) {
                    result = [{
                        start: segmentStart,
                        end: otherStart
                    }]
                } else if (otherEnd < segmentEnd) {
                    result = [{
                        start: otherEnd,
                        end: segmentEnd
                    }]
                }
                return result
            }

            function subtractSegmentDesc(segmentStart, segmentEnd, otherStart, otherEnd) {
                let result;
                if (otherStart < segmentStart && otherEnd > segmentEnd) {
                    result = [{
                        start: segmentStart,
                        end: otherStart
                    }, {
                        start: otherEnd,
                        end: segmentEnd
                    }]
                } else if (otherStart <= segmentEnd || otherEnd >= segmentStart) {
                    result = [{
                        start: segmentStart,
                        end: segmentEnd
                    }]
                } else if (otherStart >= segmentStart && otherEnd <= segmentEnd) {
                    result = []
                } else if (otherStart < segmentStart) {
                    result = [{
                        start: segmentStart,
                        end: otherStart
                    }]
                } else if (otherEnd > segmentEnd) {
                    result = [{
                        start: otherEnd,
                        end: segmentEnd
                    }]
                }
                return result
            }

            function areEqualValues(start, end, _ref) {
                let {
                    startValue: startValue,
                    endValue: endValue
                } = _ref;
                return endValue === startValue && startValue === start && end === start
            }

            function isValidSegmentAsc(start, end, options) {
                return end - start > 0 || areEqualValues(start, end, options)
            }

            function isValidSegmentDesc(start, end, options) {
                return start - end > 0 || areEqualValues(start, end, options)
            }
            exports.default = BaseRangeContainer
        },
        40414(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _object = __webpack_require__( /*! ../../../core/utils/object */ 22263);
            var _base_gauge = _interopRequireDefault(__webpack_require__( /*! ../../../viz/gauges/base_gauge */ 5600));
            var _center_template = __webpack_require__( /*! ../../viz/core/center_template */ 71035);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var circularIndicators = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../viz/gauges/circular_indicators */ 31735));
            var _circular_range_container = _interopRequireDefault(__webpack_require__( /*! ../../viz/gauges/circular_range_container */ 98120));
            var _common = __webpack_require__( /*! ../../viz/gauges/common */ 80586);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const _isFinite = isFinite;
            const _normalizeAngle = _utils.normalizeAngle;
            const _getCosAndSin = _utils.getCosAndSin;
            const _abs = Math.abs;
            const _max = Math.max;
            const _min = Math.min;
            const _round = Math.round;
            const _each = _iterator.each;
            const PI = Math.PI;
            const dxCircularGauge = _common.dxGauge.inherit({
                _rootClass: "dxg-circular-gauge",
                _factoryMethods: {
                    rangeContainer: "createCircularRangeContainer",
                    indicator: "createCircularIndicator"
                },
                _gridSpacingFactor: 17,
                _scaleTypes: {
                    type: "polarAxes",
                    drawingType: "circular"
                },
                _getThemeManagerOptions() {
                    const options = this.callBase.apply(this, arguments);
                    options.subTheme = "_circular";
                    return options
                },
                _updateScaleTickIndent(scaleOptions) {
                    const indentFromTick = scaleOptions.label.indentFromTick;
                    const length = scaleOptions.tick.visible ? scaleOptions.tick.length : 0;
                    const textParams = this._scale.measureLabels((0, _extend.extend)({}, this._canvas));
                    const scaleOrientation = scaleOptions.orientation;
                    const tickCorrection = length;
                    let indentFromAxis = indentFromTick;
                    if (indentFromTick >= 0) {
                        if ("outside" === scaleOrientation) {
                            indentFromAxis += tickCorrection
                        } else if ("center" === scaleOrientation) {
                            indentFromAxis += tickCorrection / 2
                        }
                    } else {
                        const labelCorrection = _max(textParams.width, textParams.height);
                        indentFromAxis -= labelCorrection;
                        if ("inside" === scaleOrientation) {
                            indentFromAxis -= tickCorrection
                        } else if ("center" === scaleOrientation) {
                            indentFromAxis -= tickCorrection / 2
                        }
                    }
                    scaleOptions.label.indentFromAxis = indentFromAxis;
                    this._scale.updateOptions(scaleOptions)
                },
                _setupCodomain() {
                    const geometry = this.option("geometry") || {};
                    let startAngle = geometry.startAngle;
                    let endAngle = geometry.endAngle;
                    let sides;
                    startAngle = _isFinite(startAngle) ? _normalizeAngle(startAngle) : 225;
                    endAngle = _isFinite(endAngle) ? _normalizeAngle(endAngle) : -45;
                    if (_abs(startAngle - endAngle) < 1) {
                        endAngle -= 360;
                        sides = {
                            left: -1,
                            up: -1,
                            right: 1,
                            down: 1
                        }
                    } else {
                        startAngle < endAngle && (endAngle -= 360);
                        sides = function(startAngle, endAngle) {
                            const startCosSin = _getCosAndSin(startAngle);
                            const endCosSin = _getCosAndSin(endAngle);
                            const startCos = startCosSin.cos;
                            const startSin = startCosSin.sin;
                            const endCos = endCosSin.cos;
                            const endSin = endCosSin.sin;
                            return {
                                left: startSin <= 0 && endSin >= 0 || startSin <= 0 && endSin <= 0 && startCos <= endCos || startSin >= 0 && endSin >= 0 && startCos >= endCos ? -1 : _min(startCos, endCos, 0),
                                right: startSin >= 0 && endSin <= 0 || startSin >= 0 && endSin >= 0 && startCos >= endCos || startSin <= 0 && endSin <= 0 && startCos <= endCos ? 1 : _max(startCos, endCos, 0),
                                up: startCos <= 0 && endCos >= 0 || startCos <= 0 && endCos <= 0 && startSin >= endSin || startCos >= 0 && endCos >= 0 && startSin <= endSin ? -1 : -_max(startSin, endSin, 0),
                                down: startCos >= 0 && endCos <= 0 || startCos >= 0 && endCos >= 0 && startSin <= endSin || startCos <= 0 && endCos <= 0 && startSin >= endSin ? 1 : -_min(startSin, endSin, 0)
                            }
                        }(startAngle, endAngle)
                    }
                    this._area = {
                        x: 0,
                        y: 0,
                        radius: 100,
                        startCoord: startAngle,
                        endCoord: endAngle,
                        sides: sides
                    };
                    this._translator.setCodomain(startAngle, endAngle)
                },
                _getCenter() {
                    return this._getElementLayout()
                },
                _shiftScale(layout) {
                    const scale = this._scale;
                    const canvas = scale.getCanvas();
                    canvas.width = canvas.height = 2 * layout.radius;
                    scale.draw(canvas);
                    const centerCoords = scale.getCenter();
                    scale.shift({
                        right: layout.x - centerCoords.x,
                        bottom: layout.y - centerCoords.y
                    })
                },
                _getScaleLayoutValue() {
                    return this._area.radius
                },
                _getTicksOrientation: scaleOptions => scaleOptions.orientation,
                _getTicksCoefficients(options) {
                    const coefs = {
                        inner: 0,
                        outer: 1
                    };
                    if ("inside" === options.orientation) {
                        coefs.inner = 1;
                        coefs.outer = 0
                    } else if ("center" === options.orientation) {
                        coefs.inner = coefs.outer = .5
                    }
                    return coefs
                },
                _correctScaleIndents(result, indentFromTick, textParams) {
                    if (indentFromTick >= 0) {
                        result.horizontalOffset = indentFromTick + textParams.width;
                        result.verticalOffset = indentFromTick + textParams.height
                    } else {
                        result.horizontalOffset = result.verticalOffset = 0;
                        result.min -= -indentFromTick + _max(textParams.width, textParams.height)
                    }
                    result.inverseHorizontalOffset = textParams.width / 2;
                    result.inverseVerticalOffset = textParams.height / 2
                },
                _measureMainElements(elements, scaleMeasurement) {
                    const radius = this._area.radius;
                    let maxRadius = 0;
                    let minRadius = 1 / 0;
                    let maxHorizontalOffset = 0;
                    let maxVerticalOffset = 0;
                    let maxInverseHorizontalOffset = 0;
                    let maxInverseVerticalOffset = 0;
                    const scale = this._scale;
                    _each(elements.concat(scale), (_, element) => {
                        const bounds = element.measure ? element.measure({
                            radius: radius - element.getOffset()
                        }) : scaleMeasurement;
                        bounds.min > 0 && (minRadius = _min(minRadius, bounds.min));
                        bounds.max > 0 && (maxRadius = _max(maxRadius, bounds.max));
                        bounds.horizontalOffset > 0 && (maxHorizontalOffset = _max(maxHorizontalOffset, bounds.max + bounds.horizontalOffset));
                        bounds.verticalOffset > 0 && (maxVerticalOffset = _max(maxVerticalOffset, bounds.max + bounds.verticalOffset));
                        bounds.inverseHorizontalOffset > 0 && (maxInverseHorizontalOffset = _max(maxInverseHorizontalOffset, bounds.inverseHorizontalOffset));
                        bounds.inverseVerticalOffset > 0 && (maxInverseVerticalOffset = _max(maxInverseVerticalOffset, bounds.inverseVerticalOffset))
                    });
                    maxHorizontalOffset = _max(maxHorizontalOffset - maxRadius, 0);
                    maxVerticalOffset = _max(maxVerticalOffset - maxRadius, 0);
                    return {
                        minRadius: minRadius,
                        maxRadius: maxRadius,
                        horizontalMargin: maxHorizontalOffset,
                        verticalMargin: maxVerticalOffset,
                        inverseHorizontalMargin: maxInverseHorizontalOffset,
                        inverseVerticalMargin: maxInverseVerticalOffset
                    }
                },
                _applyMainLayout(elements, scaleMeasurement) {
                    const measurements = this._measureMainElements(elements, scaleMeasurement);
                    const area = this._area;
                    const sides = area.sides;
                    const margins = {
                        left: (sides.left < -.1 ? measurements.horizontalMargin : measurements.inverseHorizontalMargin) || 0,
                        right: (sides.right > .1 ? measurements.horizontalMargin : measurements.inverseHorizontalMargin) || 0,
                        top: (sides.up < -.1 ? measurements.verticalMargin : measurements.inverseVerticalMargin) || 0,
                        bottom: (sides.down > .1 ? measurements.verticalMargin : measurements.inverseVerticalMargin) || 0
                    };
                    const rect = function(srcRect, aspectRatio, margins) {
                        const rect = (0, _extend.extend)({}, srcRect);
                        let selfAspectRatio;
                        let width = 0;
                        let height = 0;
                        margins = margins || {};
                        if (aspectRatio > 0) {
                            rect.left += margins.left || 0;
                            rect.right -= margins.right || 0;
                            rect.top += margins.top || 0;
                            rect.bottom -= margins.bottom || 0;
                            if (getWidth(rect) > 0 && getHeight(rect) > 0) {
                                selfAspectRatio = getHeight(rect) / getWidth(rect);
                                if (selfAspectRatio > 1) {
                                    aspectRatio < selfAspectRatio ? width = getWidth(rect) : height = getHeight(rect)
                                } else {
                                    aspectRatio > selfAspectRatio ? height = getHeight(rect) : width = getWidth(rect)
                                }
                                width > 0 || (width = height / aspectRatio);
                                height > 0 || (height = width * aspectRatio);
                                width = (getWidth(rect) - width) / 2;
                                height = (getHeight(rect) - height) / 2;
                                rect.left += width;
                                rect.right -= width;
                                rect.top += height;
                                rect.bottom -= height
                            } else {
                                rect.left = rect.right = (rect.left + rect.right) / 2;
                                rect.top = rect.bottom = (rect.top + rect.bottom) / 2
                            }
                        }
                        return rect
                    }(this._innerRect, (sides.down - sides.up) / (sides.right - sides.left), margins);
                    let radius = _min(getWidth(rect) / (sides.right - sides.left), getHeight(rect) / (sides.down - sides.up));
                    radius = radius - measurements.maxRadius + area.radius;
                    const x = rect.left - getWidth(rect) * sides.left / (sides.right - sides.left);
                    const y = rect.top - getHeight(rect) * sides.up / (sides.down - sides.up);
                    area.x = _round(x);
                    area.y = _round(y);
                    area.radius = radius;
                    rect.left -= margins.left;
                    rect.right += margins.right;
                    rect.top -= margins.top;
                    rect.bottom += margins.bottom;
                    this._innerRect = rect
                },
                _getElementLayout() {
                    let offset = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0;
                    return {
                        x: this._area.x,
                        y: this._area.y,
                        radius: _round(this._area.radius - offset)
                    }
                },
                _getApproximateScreenRange() {
                    const area = this._area;
                    let r = _min(this._canvas.width / (area.sides.right - area.sides.left), this._canvas.height / (area.sides.down - area.sides.up));
                    r > area.totalRadius && (r = area.totalRadius);
                    r *= .8;
                    return -this._translator.getCodomainRange() * r * PI / 180
                },
                _getDefaultSize: () => ({
                    width: 300,
                    height: 300
                }),
                _factory: (0, _object.clone)(_base_gauge.default.prototype._factory)
            });

            function getWidth(rect) {
                return rect.right - rect.left
            }

            function getHeight(rect) {
                return rect.bottom - rect.top
            }
            const indicators = dxCircularGauge.prototype._factory.indicators = {};
            dxCircularGauge.prototype._factory.createIndicator = (0, _common.createIndicatorCreator)(indicators);
            indicators._default = circularIndicators._default;
            indicators.rectangleneedle = circularIndicators.rectangleneedle;
            indicators.triangleneedle = circularIndicators.triangleneedle;
            indicators.twocolorneedle = circularIndicators.twocolorneedle;
            indicators.trianglemarker = circularIndicators.trianglemarker;
            indicators.textcloud = circularIndicators.textcloud;
            indicators.rangebar = circularIndicators.rangebar;
            dxCircularGauge.prototype._factory.RangeContainer = _circular_range_container.default;
            (0, _component_registrator.default)("dxCircularGauge", dxCircularGauge);
            dxCircularGauge.addPlugin(_center_template.plugins.gauge);
            exports.default = dxCircularGauge
        },
        31735(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.twocolorneedle = exports.triangleneedle = exports.trianglemarker = exports.textcloud = exports.rectangleneedle = exports.rangebar = exports._default = void 0;
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _base_indicators = __webpack_require__( /*! ../../viz/gauges/base_indicators */ 62495);
            const _Number = Number;
            const _getCosAndSin = _utils.getCosAndSin;
            const _convertAngleToRendererSpace = _utils.convertAngleToRendererSpace;

            function correctRadius(layout, size) {
                if (layout && layout.radius - size <= 0) {
                    layout.radius = size + 1
                }
                return layout
            }
            const SimpleIndicator = _base_indicators.BaseIndicator.inherit({
                _move() {
                    const options = this._options;
                    const angle = _convertAngleToRendererSpace(this._actualPosition);
                    this._rootElement.rotate(angle, options.x, options.y);
                    this._trackerElement && this._trackerElement.rotate(angle, options.x, options.y)
                },
                _isEnabled() {
                    return this._options.width > 0
                },
                _isVisible(layout) {
                    return layout.radius - _Number(this._options.indentFromCenter) > 0
                },
                _getTrackerSettings() {
                    const options = this._options;
                    const radius = this._getRadius();
                    const indentFromCenter = this._getIndentFromCenter();
                    const x = options.x;
                    const y = options.y - (radius + indentFromCenter) / 2;
                    let width = options.width / 2;
                    let length = (radius - indentFromCenter) / 2;
                    width > 10 || (width = 10);
                    length > 10 || (length = 10);
                    return {
                        points: [x - width, y - length, x - width, y + length, x + width, y + length, x + width, y - length]
                    }
                },
                _render() {
                    this._renderPointer()
                },
                _clearPointer() {
                    delete this._element
                },
                _clear() {
                    this._clearPointer()
                },
                _getIndentFromCenter(radius) {
                    return Number(this._options.indentFromCenter) || 0
                },
                _getRadius: () => 0,
                measure(layout) {
                    const result = {
                        max: layout.radius
                    };
                    if (this._options.indentFromCenter < 0) {
                        result.inverseHorizontalOffset = result.inverseVerticalOffset = -_Number(this._options.indentFromCenter)
                    }
                    return result
                },
                getTooltipParameters() {
                    const options = this._options;
                    const cosSin = _getCosAndSin(this._actualPosition);
                    const r = (this._getRadius() + this._getIndentFromCenter()) / 2;
                    return {
                        x: options.x + cosSin.cos * r,
                        y: options.y - cosSin.sin * r,
                        value: this._currentValue,
                        color: options.color,
                        offset: options.width / 2
                    }
                }
            });
            const NeedleIndicator = SimpleIndicator.inherit({
                _isVisible(layout) {
                    const indentFromCenter = this._adjustOffset(Number(this._options.indentFromCenter), layout.radius);
                    const offset = this._adjustOffset(Number(this._options.offset), layout.radius);
                    return layout.radius - indentFromCenter - offset > 0
                },
                getOffset: () => 0,
                _adjustOffset(value, radius) {
                    const minRadius = Number(this._options.beginAdaptingAtRadius);
                    const diff = radius / minRadius;
                    if (diff < 1) {
                        value = Math.floor(value * diff)
                    }
                    return value || 0
                },
                _getIndentFromCenter(radius) {
                    return this._adjustOffset(Number(this._options.indentFromCenter), this._options.radius)
                },
                _getRadius() {
                    const options = this._options;
                    return options.radius - this._adjustOffset(Number(options.offset), options.radius)
                },
                _renderSpindle() {
                    const that = this;
                    const options = that._options;
                    const radius = options.radius;
                    const spindleSize = 2 * this._adjustOffset(_Number(options.spindleSize) / 2, radius);
                    let gapSize = 2 * this._adjustOffset(_Number(options.spindleGapSize) / 2, radius) || 0;
                    if (gapSize > 0) {
                        gapSize = gapSize <= spindleSize ? gapSize : spindleSize
                    }
                    if (spindleSize > 0) {
                        that._spindleOuter = that._spindleOuter || that._renderer.circle().append(that._rootElement);
                        that._spindleInner = that._spindleInner || that._renderer.circle().append(that._rootElement);
                        that._spindleOuter.attr({
                            class: "dxg-spindle-border",
                            cx: options.x,
                            cy: options.y,
                            r: spindleSize / 2
                        });
                        that._spindleInner.attr({
                            class: "dxg-spindle-hole",
                            cx: options.x,
                            cy: options.y,
                            r: gapSize / 2,
                            fill: options.containerBackgroundColor
                        })
                    }
                },
                _render() {
                    this.callBase();
                    this._renderSpindle()
                },
                _clear() {
                    this.callBase();
                    delete this._spindleOuter;
                    delete this._spindleInner
                }
            });
            exports.rectangleneedle = exports._default = NeedleIndicator.inherit({
                _renderPointer() {
                    const options = this._options;
                    const y2 = options.y - this._getRadius();
                    const y1 = options.y - this._getIndentFromCenter();
                    const x1 = options.x - options.width / 2;
                    const x2 = x1 + _Number(options.width);
                    this._element = this._element || this._renderer.path([], "area").append(this._rootElement);
                    this._element.attr({
                        points: [x1, y1, x1, y2, x2, y2, x2, y1]
                    })
                }
            });
            exports.triangleneedle = NeedleIndicator.inherit({
                _renderPointer() {
                    const options = this._options;
                    const y2 = options.y - this._getRadius();
                    const y1 = options.y - this._getIndentFromCenter();
                    const x1 = options.x - options.width / 2;
                    const x2 = options.x + options.width / 2;
                    this._element = this._element || this._renderer.path([], "area").append(this._rootElement);
                    this._element.attr({
                        points: [x1, y1, options.x, y2, x2, y1]
                    })
                }
            });
            exports.twocolorneedle = NeedleIndicator.inherit({
                _renderPointer() {
                    const options = this._options;
                    const x1 = options.x - options.width / 2;
                    const x2 = options.x + options.width / 2;
                    const y4 = options.y - this._getRadius();
                    const y1 = options.y - this._getIndentFromCenter();
                    const fraction = _Number(options.secondFraction) || 0;
                    let y2;
                    let y3;
                    if (fraction >= 1) {
                        y2 = y3 = y1
                    } else if (fraction <= 0) {
                        y2 = y3 = y4
                    } else {
                        y3 = y4 + (y1 - y4) * fraction;
                        y2 = y3 + _Number(options.space)
                    }
                    this._firstElement = this._firstElement || this._renderer.path([], "area").append(this._rootElement);
                    this._spaceElement = this._spaceElement || this._renderer.path([], "area").append(this._rootElement);
                    this._secondElement = this._secondElement || this._renderer.path([], "area").append(this._rootElement);
                    this._firstElement.attr({
                        points: [x1, y1, x1, y2, x2, y2, x2, y1]
                    });
                    this._spaceElement.attr({
                        points: [x1, y2, x1, y3, x2, y3, x2, y2],
                        class: "dxg-hole",
                        fill: options.containerBackgroundColor
                    });
                    this._secondElement.attr({
                        points: [x1, y3, x1, y4, x2, y4, x2, y3],
                        class: "dxg-part",
                        fill: options.secondColor
                    })
                },
                _clearPointer() {
                    delete this._firstElement;
                    delete this._secondElement;
                    delete this._spaceElement
                }
            });
            exports.trianglemarker = SimpleIndicator.inherit({
                _isEnabled() {
                    return this._options.length > 0 && this._options.width > 0
                },
                _isVisible: layout => true,
                resize(layout) {
                    return this.callBase(correctRadius(layout, 0))
                },
                _render() {
                    const options = this._options;
                    const x = options.x;
                    const y1 = options.y - options.radius;
                    const dx = options.width / 2 || 0;
                    const y2 = y1 - _Number(options.length);
                    this._element = this._element || this._renderer.path([], "area").append(this._rootElement);
                    const settings = {
                        points: [x, y1, x - dx, y2, x + dx, y2],
                        stroke: "none",
                        "stroke-width": 0,
                        "stroke-linecap": "square"
                    };
                    if (options.space > 0) {
                        settings["stroke-width"] = Math.min(options.space, options.width / 4) || 0;
                        settings.stroke = settings["stroke-width"] > 0 ? options.containerBackgroundColor || "none" : "none"
                    }
                    this._element.attr(settings).sharp()
                },
                _clear() {
                    delete this._element
                },
                _getTrackerSettings() {
                    const options = this._options;
                    const x = options.x;
                    const y = options.y - options.radius - options.length / 2;
                    let width = options.width / 2;
                    let length = options.length / 2;
                    width > 10 || (width = 10);
                    length > 10 || (length = 10);
                    return {
                        points: [x - width, y - length, x - width, y + length, x + width, y + length, x + width, y - length]
                    }
                },
                measure(layout) {
                    return {
                        min: layout.radius,
                        max: layout.radius + _Number(this._options.length)
                    }
                },
                getTooltipParameters() {
                    const options = this._options;
                    const cosSin = _getCosAndSin(this._actualPosition);
                    const r = options.radius + options.length / 2;
                    const parameters = this.callBase();
                    parameters.x = options.x + cosSin.cos * r;
                    parameters.y = options.y - cosSin.sin * r;
                    parameters.offset = options.length / 2;
                    return parameters
                }
            });
            exports.textcloud = _base_indicators.BaseTextCloudMarker.inherit({
                _isEnabled: () => true,
                _isVisible: layout => true,
                resize(layout) {
                    return this.callBase(correctRadius(layout, 0))
                },
                _getTextCloudOptions() {
                    const cosSin = _getCosAndSin(this._actualPosition);
                    const nAngle = (0, _utils.normalizeAngle)(this._actualPosition);
                    return {
                        x: this._options.x + cosSin.cos * this._options.radius,
                        y: this._options.y - cosSin.sin * this._options.radius,
                        type: nAngle > 270 ? "left-top" : nAngle > 180 ? "top-right" : nAngle > 90 ? "right-bottom" : "bottom-left"
                    }
                },
                measure(layout) {
                    const arrowLength = _Number(this._options.arrowLength) || 0;
                    this._measureText();
                    const verticalOffset = this._textFullHeight + arrowLength;
                    const horizontalOffset = this._textFullWidth + arrowLength;
                    return {
                        min: layout.radius,
                        max: layout.radius,
                        horizontalOffset: horizontalOffset,
                        verticalOffset: verticalOffset,
                        inverseHorizontalOffset: horizontalOffset,
                        inverseVerticalOffset: verticalOffset
                    }
                }
            });
            exports.rangebar = _base_indicators.BaseRangeBar.inherit({
                _isEnabled() {
                    return this._options.size > 0
                },
                _isVisible: layout => true,
                resize(layout) {
                    return this.callBase(correctRadius(layout, _Number(this._options.size)))
                },
                _createBarItem() {
                    return this._renderer.arc().attr({
                        "stroke-linejoin": "round"
                    }).append(this._rootElement)
                },
                _createTracker() {
                    return this._renderer.arc().attr({
                        "stroke-linejoin": "round"
                    })
                },
                _setBarSides() {
                    this._maxSide = this._options.radius;
                    this._minSide = this._maxSide - _Number(this._options.size)
                },
                _getSpace() {
                    const options = this._options;
                    return options.space > 0 ? 180 * options.space / options.radius / Math.PI : 0
                },
                _isTextVisible() {
                    const options = this._options.text || {};
                    return options.indent > 0
                },
                _setTextItemsSides() {
                    const options = this._options;
                    const indent = _Number(options.text.indent);
                    this._lineFrom = options.y - options.radius;
                    this._lineTo = this._lineFrom - indent;
                    this._textRadius = options.radius + indent
                },
                _getPositions() {
                    const basePosition = this._basePosition;
                    const actualPosition = this._actualPosition;
                    let mainPosition1;
                    let mainPosition2;
                    if (basePosition >= actualPosition) {
                        mainPosition1 = basePosition;
                        mainPosition2 = actualPosition
                    } else {
                        mainPosition1 = actualPosition;
                        mainPosition2 = basePosition
                    }
                    return {
                        start: this._startPosition,
                        end: this._endPosition,
                        main1: mainPosition1,
                        main2: mainPosition2,
                        back1: Math.min(mainPosition1 + this._space, this._startPosition),
                        back2: Math.max(mainPosition2 - this._space, this._endPosition)
                    }
                },
                _buildItemSettings(from, to) {
                    return {
                        x: this._options.x,
                        y: this._options.y,
                        innerRadius: this._minSide,
                        outerRadius: this._maxSide,
                        startAngle: to,
                        endAngle: from
                    }
                },
                _updateTextPosition() {
                    const cosSin = _getCosAndSin(this._actualPosition);
                    let x = this._options.x + this._textRadius * cosSin.cos;
                    let y = this._options.y - this._textRadius * cosSin.sin;
                    x += cosSin.cos * this._textWidth * .6;
                    y -= cosSin.sin * this._textHeight * .6;
                    this._text.attr({
                        x: x,
                        y: y + this._textVerticalOffset
                    })
                },
                _updateLinePosition() {
                    const x = this._options.x;
                    let x1;
                    let x2;
                    if (this._basePosition > this._actualPosition) {
                        x1 = x - 2;
                        x2 = x
                    } else if (this._basePosition < this._actualPosition) {
                        x1 = x;
                        x2 = x + 2
                    } else {
                        x1 = x - 1;
                        x2 = x + 1
                    }
                    this._line.attr({
                        points: [x1, this._lineFrom, x1, this._lineTo, x2, this._lineTo, x2, this._lineFrom]
                    }).rotate(_convertAngleToRendererSpace(this._actualPosition), x, this._options.y).sharp()
                },
                _getTooltipPosition() {
                    const cosSin = _getCosAndSin((this._basePosition + this._actualPosition) / 2);
                    const r = (this._minSide + this._maxSide) / 2;
                    return {
                        x: this._options.x + cosSin.cos * r,
                        y: this._options.y - cosSin.sin * r
                    }
                },
                measure(layout) {
                    const that = this;
                    const result = {
                        min: layout.radius - _Number(that._options.size),
                        max: layout.radius
                    };
                    that._measureText();
                    if (that._hasText) {
                        result.max += _Number(that._options.text.indent);
                        result.horizontalOffset = that._textWidth;
                        result.verticalOffset = that._textHeight
                    }
                    return result
                }
            })
        },
        98120(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _base_range_container = (e = __webpack_require__( /*! ../../viz/gauges/base_range_container */ 25760), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const _Number = Number;
            const _max = Math.max;
            const CircularRangeContainer = _base_range_container.default.inherit({
                _processOptions() {
                    const that = this;
                    that._inner = that._outer = 0;
                    switch ((0, _utils.normalizeEnum)(that._options.orientation)) {
                        case "inside":
                            that._inner = 1;
                            break;
                        case "center":
                            that._inner = that._outer = .5;
                            break;
                        default:
                            that._outer = 1
                    }
                },
                _isVisible(layout) {
                    let width = this._options.width;
                    width = _Number(width) || _max(_Number(width.start), _Number(width.end));
                    return layout.radius - this._inner * width > 0
                },
                _createRange(range, layout) {
                    const width = (range.startWidth + range.endWidth) / 2;
                    return this._renderer.arc(layout.x, layout.y, layout.radius - this._inner * width, layout.radius + this._outer * width, this._translator.translate(range.end), this._translator.translate(range.start)).attr({
                        "stroke-linejoin": "round"
                    })
                },
                measure(layout) {
                    let width = this._options.width;
                    width = _Number(width) || _max(_Number(width.start), _Number(width.end));
                    return {
                        min: layout.radius - this._inner * width,
                        max: layout.radius + this._outer * width
                    }
                }
            });
            exports.default = CircularRangeContainer
        },
        80586(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.createIndicatorCreator = function(indicators) {
                return function(parameters, type, _strict) {
                    const indicatorType = indicators[(0, _utils.normalizeEnum)(type)] || !_strict && indicators._default;
                    return indicatorType ? new indicatorType(parameters) : null
                }
            };
            exports.dxGauge = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _base_axis = __webpack_require__( /*! ../../viz/axes/base_axis */ 59142);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _base_gauge = __webpack_require__( /*! ../../viz/gauges/base_gauge */ 90678);
            const _isArray = Array.isArray;
            const _isFinite = isFinite;
            const _Number = Number;
            const _min = Math.min;
            const _max = Math.max;
            const _extend = _extend2.extend;
            const DEFAULT_NUMBER_MULTIPLIERS = [1, 2, 5];

            function processValue(value, fallbackValue) {
                if (null === value) {
                    return value
                }
                return _isFinite(value) ? _Number(value) : fallbackValue
            }

            function parseArrayOfNumbers(arg) {
                return _isArray(arg) ? arg : (0, _type.isNumeric)(arg) ? [arg] : null
            }
            exports.dxGauge = _base_gauge.BaseGauge.inherit({
                _initCore() {
                    const renderer = this._renderer;
                    this._setupValue(this.option("value"));
                    this.__subvalues = parseArrayOfNumbers(this.option("subvalues"));
                    this._setupSubvalues(this.__subvalues);
                    ! function(gauge) {
                        if (void 0 === gauge.option("value") && void 0 === gauge.option("subvalues")) {
                            if (void 0 !== gauge.option("valueIndicators")) {
                                ! function(that) {
                                    that.value = that.subvalues = _common.noop;
                                    that._setupValue = that._setupSubvalues = that._updateValueIndicator = that._updateSubvalueIndicators = null
                                }(gauge);
                                ! function(that) {
                                    that._indicatorValues = [];
                                    setupValues(that, "_indicatorValues", that.option("valueIndicators"));
                                    that._valueIndicators = [];
                                    const _applyMostlyTotalChange = that._applyMostlyTotalChange;
                                    that._applyMostlyTotalChange = function() {
                                        setupValues(this, "_indicatorValues", this.option("valueIndicators"));
                                        _applyMostlyTotalChange.call(this)
                                    };
                                    that._updateActiveElements = updateActiveElements_hardMode;
                                    that._prepareValueIndicators = prepareValueIndicators_hardMode;
                                    that._disposeValueIndicators = disposeValueIndicators_hardMode;
                                    that._cleanValueIndicators = cleanValueIndicators_hardMode;
                                    that.indicatorValue = indicatorValue_hardMode
                                }(gauge)
                            }
                        }
                    }(this);
                    this.callBase.apply(this, arguments);
                    this._rangeContainer = new this._factory.RangeContainer({
                        renderer: renderer,
                        container: renderer.root,
                        translator: this._translator,
                        themeManager: this._themeManager
                    });
                    this._initScale();
                    this._subvalueIndicatorContainer = this._renderer.g().attr({
                        class: "dxg-subvalue-indicators"
                    }).linkOn(this._renderer.root, "valueIndicator").enableLinks()
                },
                _fontFields: ["scale.label.font", "valueIndicators.rangebar.text.font", "valueIndicators.textcloud.text.font", "indicator.text.font"],
                _initScale() {
                    this._scaleGroup = this._renderer.g().attr({
                        class: "dxg-scale"
                    }).linkOn(this._renderer.root, "scale");
                    this._labelsAxesGroup = this._renderer.g().attr({
                        class: "dxg-scale-elements"
                    }).linkOn(this._renderer.root, "scale-elements");
                    this._scale = new _base_axis.Axis({
                        incidentOccurred: this._incidentOccurred,
                        renderer: this._renderer,
                        axesContainerGroup: this._scaleGroup,
                        labelsAxesGroup: this._labelsAxesGroup,
                        axisType: this._scaleTypes.type,
                        drawingType: this._scaleTypes.drawingType,
                        widgetClass: "dxg",
                        getTemplate() {}
                    })
                },
                _disposeCore() {
                    this.callBase.apply(this, arguments);
                    this._scale.dispose();
                    this._scaleGroup.linkOff();
                    this._labelsAxesGroup.linkOff();
                    this._rangeContainer.dispose();
                    this._disposeValueIndicators();
                    this._subvalueIndicatorContainer.linkOff();
                    this._scale = this._scaleGroup = this._labelsAxesGroup = this._rangeContainer = null
                },
                _disposeValueIndicators() {
                    this._valueIndicator && this._valueIndicator.dispose();
                    this._subvalueIndicatorsSet && this._subvalueIndicatorsSet.dispose();
                    this._valueIndicator = this._subvalueIndicatorsSet = null
                },
                _setupDomainCore() {
                    const scaleOption = this.option("scale") || {};
                    let startValue = this.option("startValue");
                    let endValue = this.option("endValue");
                    startValue = (0, _type.isNumeric)(startValue) ? _Number(startValue) : (0, _type.isNumeric)(scaleOption.startValue) ? _Number(scaleOption.startValue) : 0;
                    endValue = (0, _type.isNumeric)(endValue) ? _Number(endValue) : (0, _type.isNumeric)(scaleOption.endValue) ? _Number(scaleOption.endValue) : 100;
                    this._baseValue = startValue < endValue ? startValue : endValue;
                    this._translator.setDomain(startValue, endValue)
                },
                _cleanContent() {
                    this._rangeContainer.clean();
                    this._cleanValueIndicators()
                },
                _measureScale(scaleOptions) {
                    const majorTick = scaleOptions.tick;
                    const majorTickEnabled = majorTick.visible && majorTick.length > 0 && majorTick.width > 0;
                    const minorTick = scaleOptions.minorTick;
                    const minorTickEnabled = minorTick.visible && minorTick.length > 0 && minorTick.width > 0;
                    const label = scaleOptions.label;
                    const indentFromTick = Number(label.indentFromTick);
                    if (!majorTickEnabled && !minorTickEnabled && !label.visible) {
                        return {}
                    }
                    const textParams = this._scale.measureLabels((0, _extend2.extend)({}, this._canvas));
                    const layoutValue = this._getScaleLayoutValue();
                    const result = {
                        min: layoutValue,
                        max: layoutValue
                    };
                    const coefs = this._getTicksCoefficients(scaleOptions);
                    const innerCoef = coefs.inner;
                    const outerCoef = coefs.outer;
                    if (majorTickEnabled) {
                        result.min = _min(result.min, layoutValue - innerCoef * majorTick.length);
                        result.max = _max(result.max, layoutValue + outerCoef * majorTick.length)
                    }
                    if (minorTickEnabled) {
                        result.min = _min(result.min, layoutValue - innerCoef * minorTick.length);
                        result.max = _max(result.max, layoutValue + outerCoef * minorTick.length)
                    }
                    label.visible && this._correctScaleIndents(result, indentFromTick, textParams);
                    return result
                },
                _renderContent() {
                    const that = this;
                    const scaleOptions = that._prepareScaleSettings();
                    that._rangeContainer.render(_extend(that._getOption("rangeContainer"), {
                        vertical: that._area.vertical
                    }));
                    that._renderScale(scaleOptions);
                    that._subvalueIndicatorContainer.linkAppend();
                    const elements = (0, _utils.map)([that._rangeContainer].concat(that._prepareValueIndicators()), element => element && element.enabled ? element : null);
                    that._applyMainLayout(elements, that._measureScale(scaleOptions));
                    elements.forEach(element => element.resize(that._getElementLayout(element.getOffset())));
                    that._shiftScale(that._getElementLayout(0), scaleOptions);
                    that._beginValueChanging();
                    that._updateActiveElements();
                    that._endValueChanging()
                },
                _prepareScaleSettings() {
                    const that = this;
                    const userOptions = that.option("scale");
                    const scaleOptions = (0, _extend2.extend)(true, {}, that._themeManager.theme("scale"), userOptions);
                    scaleOptions.label.indentFromAxis = 0;
                    scaleOptions.isHorizontal = !that._area.vertical;
                    scaleOptions.forceUserTickInterval |= (0, _type.isDefined)(userOptions) && (0, _type.isDefined)(userOptions.tickInterval) && !(0, _type.isDefined)(userOptions.scaleDivisionFactor);
                    scaleOptions.axisDivisionFactor = scaleOptions.scaleDivisionFactor || that._gridSpacingFactor;
                    scaleOptions.minorAxisDivisionFactor = scaleOptions.minorScaleDivisionFactor || 5;
                    scaleOptions.numberMultipliers = DEFAULT_NUMBER_MULTIPLIERS;
                    scaleOptions.tickOrientation = that._getTicksOrientation(scaleOptions);
                    if (scaleOptions.label.useRangeColors) {
                        scaleOptions.label.customizeColor = function() {
                            return that._rangeContainer.getColorForValue(this.value)
                        }
                    }
                    return scaleOptions
                },
                _renderScale(scaleOptions) {
                    const bounds = this._translator.getDomain();
                    const startValue = bounds[0];
                    const endValue = bounds[1];
                    const angles = this._translator.getCodomain();
                    const invert = !!(startValue > endValue ^ scaleOptions.inverted);
                    const min = _min(startValue, endValue);
                    const max = _max(startValue, endValue);
                    scaleOptions.min = min;
                    scaleOptions.max = max;
                    scaleOptions.startAngle = 90 - angles[0];
                    scaleOptions.endAngle = 90 - angles[1];
                    scaleOptions.skipViewportExtending = true;
                    scaleOptions.inverted = invert;
                    this._scale.updateOptions(scaleOptions);
                    this._scale.setBusinessRange({
                        axisType: "continuous",
                        dataType: "numeric",
                        min: min,
                        max: max,
                        invert: invert
                    });
                    this._updateScaleTickIndent(scaleOptions);
                    this._scaleGroup.linkAppend();
                    this._labelsAxesGroup.linkAppend();
                    this._scale.draw((0, _extend2.extend)({}, this._canvas))
                },
                _updateIndicatorSettings(settings) {
                    const that = this;
                    settings.currentValue = settings.baseValue = _isFinite(that._translator.translate(settings.baseValue)) ? _Number(settings.baseValue) : that._baseValue;
                    settings.vertical = that._area.vertical;
                    if (settings.text && !settings.text.format) {
                        settings.text.format = that._defaultFormatOptions
                    }
                },
                _prepareIndicatorSettings(options, defaultTypeField) {
                    const theme = this._themeManager.theme("valueIndicators");
                    const type = (0, _utils.normalizeEnum)(options.type || this._themeManager.theme(defaultTypeField));
                    const settings = _extend(true, {}, theme._default, theme[type], options);
                    settings.type = type;
                    settings.animation = this._animationSettings;
                    settings.containerBackgroundColor = this._containerBackgroundColor;
                    this._updateIndicatorSettings(settings);
                    return settings
                },
                _cleanValueIndicators() {
                    this._valueIndicator && this._valueIndicator.clean();
                    this._subvalueIndicatorsSet && this._subvalueIndicatorsSet.clean()
                },
                _prepareValueIndicators() {
                    this._prepareValueIndicator();
                    null !== this.__subvalues && this._prepareSubvalueIndicators();
                    return [this._valueIndicator, this._subvalueIndicatorsSet]
                },
                _updateActiveElements() {
                    this._updateValueIndicator();
                    this._updateSubvalueIndicators()
                },
                _prepareValueIndicator() {
                    const that = this;
                    let target = that._valueIndicator;
                    const settings = that._prepareIndicatorSettings(that.option("valueIndicator") || {}, "valueIndicatorType");
                    if (target && target.type !== settings.type) {
                        target.dispose();
                        target = null
                    }
                    if (!target) {
                        target = that._valueIndicator = that._createIndicator(settings.type, that._renderer.root, "dxg-value-indicator", "value-indicator")
                    }
                    target.render(settings)
                },
                _createSubvalueIndicatorsSet() {
                    const that = this;
                    const root = that._subvalueIndicatorContainer;
                    return new ValueIndicatorsSet({
                        createIndicator: (type, i) => that._createIndicator(type, root, "dxg-subvalue-indicator", "subvalue-indicator", i),
                        createPalette: palette => that._themeManager.createPalette(palette)
                    })
                },
                _prepareSubvalueIndicators() {
                    const that = this;
                    let target = that._subvalueIndicatorsSet;
                    const settings = that._prepareIndicatorSettings(that.option("subvalueIndicator") || {}, "subvalueIndicatorType");
                    if (!target) {
                        target = that._subvalueIndicatorsSet = that._createSubvalueIndicatorsSet()
                    }
                    const isRecreate = settings.type !== target.type;
                    target.type = settings.type;
                    const dummy = that._createIndicator(settings.type, that._renderer.root);
                    if (dummy) {
                        dummy.dispose();
                        target.render(settings, isRecreate)
                    }
                },
                _setupValue(value) {
                    this.__value = processValue(value, this.__value)
                },
                _setupSubvalues(subvalues) {
                    const vals = void 0 === subvalues ? this.__subvalues : parseArrayOfNumbers(subvalues);
                    let i;
                    let ii;
                    let list;
                    if (null === vals) {
                        return
                    }
                    for (i = 0, ii = vals.length, list = []; i < ii; ++i) {
                        list.push(processValue(vals[i], this.__subvalues[i]))
                    }
                    this.__subvalues = list
                },
                _updateValueIndicator() {
                    this._valueIndicator && this._valueIndicator.value(this.__value, this._noAnimation)
                },
                _updateSubvalueIndicators() {
                    this._subvalueIndicatorsSet && this._subvalueIndicatorsSet.values(this.__subvalues, this._noAnimation)
                },
                value(arg) {
                    if (void 0 !== arg) {
                        this._changeValue(arg);
                        return this
                    }
                    return this.__value
                },
                subvalues(arg) {
                    if (void 0 !== arg) {
                        this._changeSubvalues(arg);
                        return this
                    }
                    return null !== this.__subvalues ? this.__subvalues.slice() : void 0
                },
                _changeValue(value) {
                    this._setupValue(value);
                    this._beginValueChanging();
                    this._updateValueIndicator();
                    this._updateExtraElements();
                    if (this.__value !== this.option("value")) {
                        this.option("value", this.__value)
                    }
                    this._endValueChanging()
                },
                _changeSubvalues(subvalues) {
                    if (null !== this.__subvalues) {
                        this._setupSubvalues(subvalues);
                        this._beginValueChanging();
                        this._updateSubvalueIndicators();
                        this._updateExtraElements();
                        this._endValueChanging()
                    } else {
                        this.__subvalues = parseArrayOfNumbers(subvalues);
                        this._setContentSize();
                        this._renderContent()
                    }
                    if (!(0, _base_gauge.compareArrays)(this.__subvalues, this.option("subvalues"))) {
                        this.option("subvalues", this.__subvalues)
                    }
                },
                _optionChangesMap: {
                    scale: "DOMAIN",
                    rangeContainer: "MOSTLY_TOTAL",
                    valueIndicator: "MOSTLY_TOTAL",
                    subvalueIndicator: "MOSTLY_TOTAL",
                    containerBackgroundColor: "MOSTLY_TOTAL",
                    value: "VALUE",
                    subvalues: "SUBVALUES",
                    valueIndicators: "MOSTLY_TOTAL"
                },
                _customChangesOrder: ["VALUE", "SUBVALUES"],
                _change_VALUE() {
                    this._changeValue(this.option("value"))
                },
                _change_SUBVALUES() {
                    this._changeSubvalues(this.option("subvalues"))
                },
                _applyMainLayout: null,
                _getElementLayout: null,
                _createIndicator(type, owner, className, trackerType, trackerIndex, _strict) {
                    const indicator = this._factory.createIndicator({
                        renderer: this._renderer,
                        translator: this._translator,
                        owner: owner,
                        tracker: this._tracker,
                        className: className
                    }, type, _strict);
                    if (indicator) {
                        indicator.type = type;
                        indicator._trackerInfo = {
                            type: trackerType,
                            index: trackerIndex
                        }
                    }
                    return indicator
                },
                _getApproximateScreenRange: null
            });

            function valueGetter(arg) {
                return arg ? arg.value : null
            }

            function setupValues(that, fieldName, optionItems) {
                const currentValues = that[fieldName];
                const newValues = _isArray(optionItems) ? (0, _utils.map)(optionItems, valueGetter) : [];
                let i = 0;
                const ii = newValues.length;
                const list = [];
                for (; i < ii; ++i) {
                    list.push(processValue(newValues[i], currentValues[i]))
                }
                that[fieldName] = list
            }

            function updateActiveElements_hardMode() {
                const that = this;
                that._valueIndicators.forEach(valueIndicator => {
                    valueIndicator.value(that._indicatorValues[valueIndicator.index], that._noAnimation)
                })
            }

            function prepareValueIndicators_hardMode() {
                const that = this;
                const valueIndicators = that._valueIndicators || [];
                const userOptions = that.option("valueIndicators");
                const optionList = [];
                let i = 0;
                let ii;
                for (ii = _isArray(userOptions) ? userOptions.length : 0; i < ii; ++i) {
                    optionList.push(userOptions[i])
                }
                for (ii = valueIndicators.length; i < ii; ++i) {
                    optionList.push(null)
                }
                const newValueIndicators = [];
                optionList.forEach((userSettings, i) => {
                    let valueIndicator = valueIndicators[i];
                    if (!userSettings) {
                        valueIndicator && valueIndicator.dispose();
                        return
                    }
                    const settings = that._prepareIndicatorSettings(userSettings, "valueIndicatorType");
                    if (valueIndicator && valueIndicator.type !== settings.type) {
                        valueIndicator.dispose();
                        valueIndicator = null
                    }
                    if (!valueIndicator) {
                        valueIndicator = that._createIndicator(settings.type, that._renderer.root, "dxg-value-indicator", "value-indicator", i, true)
                    }
                    if (valueIndicator) {
                        valueIndicator.index = i;
                        valueIndicator.render(settings);
                        newValueIndicators.push(valueIndicator)
                    }
                });
                that._valueIndicators = newValueIndicators;
                return that._valueIndicators
            }

            function disposeValueIndicators_hardMode() {
                this._valueIndicators.forEach(valueIndicator => valueIndicator.dispose());
                this._valueIndicators = null
            }

            function cleanValueIndicators_hardMode() {
                this._valueIndicators.forEach(valueIndicator => valueIndicator.clean())
            }

            function indicatorValue_hardMode(index, value) {
                return function(that, pointers, values, index, value) {
                    if (void 0 !== value) {
                        if (void 0 !== values[index]) {
                            values[index] = processValue(value, values[index]);
                            pointers[index] && pointers[index].value(values[index])
                        }
                        return that
                    } else {
                        return values[index]
                    }
                }(this, this._valueIndicators, this._indicatorValues, index, value)
            }

            function ValueIndicatorsSet(parameters) {
                this._parameters = parameters;
                this._indicators = []
            }
            ValueIndicatorsSet.prototype = {
                constructor: ValueIndicatorsSet,
                dispose() {
                    this._indicators.forEach(indicator => indicator.dispose());
                    this._parameters = this._options = this._indicators = this._colorPalette = this._palette = null;
                    return this
                },
                clean() {
                    this._sample && this._sample.clean().dispose();
                    this._indicators.forEach(indicator => indicator.clean());
                    this._sample = this._options = this._palette = null;
                    return this
                },
                render(options, isRecreate) {
                    const that = this;
                    that._options = options;
                    that._sample = that._parameters.createIndicator(that.type);
                    that._sample.render(options);
                    that.enabled = that._sample.enabled;
                    that._palette = (0, _type.isDefined)(options.palette) ? that._parameters.createPalette(options.palette) : null;
                    if (that.enabled) {
                        that._generatePalette(that._indicators.length);
                        that._indicators = (0, _utils.map)(that._indicators, (indicator, i) => {
                            if (isRecreate) {
                                indicator.dispose();
                                indicator = that._parameters.createIndicator(that.type, i)
                            }
                            indicator.render(that._getIndicatorOptions(i));
                            return indicator
                        })
                    }
                    return that
                },
                getOffset() {
                    return this._sample.getOffset()
                },
                resize(layout) {
                    this._layout = layout;
                    this._indicators.forEach(indicator => indicator.resize(layout));
                    return this
                },
                measure(layout) {
                    return this._sample.measure(layout)
                },
                _getIndicatorOptions(index) {
                    let result = this._options;
                    if (this._colorPalette) {
                        result = _extend({}, result, {
                            color: this._colorPalette[index]
                        })
                    }
                    return result
                },
                _generatePalette(count) {
                    const that = this;
                    let colors = null;
                    if (that._palette) {
                        that._palette.reset();
                        colors = that._palette.generateColors(count, {
                            repeat: true
                        })
                    }
                    that._colorPalette = colors
                },
                _adjustIndicatorsCount(count) {
                    const that = this;
                    const indicators = that._indicators;
                    let i;
                    let ii;
                    let indicator;
                    const indicatorsLen = indicators.length;
                    if (indicatorsLen > count) {
                        for (i = count, ii = indicatorsLen; i < ii; ++i) {
                            indicators[i].clean().dispose()
                        }
                        that._indicators = indicators.slice(0, count);
                        that._generatePalette(indicators.length)
                    } else if (indicatorsLen < count) {
                        that._generatePalette(count);
                        for (i = indicatorsLen, ii = count; i < ii; ++i) {
                            indicator = that._parameters.createIndicator(that.type, i);
                            indicator.render(that._getIndicatorOptions(i)).resize(that._layout);
                            indicators.push(indicator)
                        }
                    }
                },
                values(arg, _noAnimation) {
                    const that = this;
                    if (!that.enabled) {
                        return
                    }
                    if (void 0 !== arg) {
                        if (!_isArray(arg)) {
                            arg = _isFinite(arg) ? [Number(arg)] : null
                        }
                        if (arg) {
                            that._adjustIndicatorsCount(arg.length);
                            that._indicators.forEach((indicator, i) => indicator.value(arg[i], _noAnimation))
                        }
                        return that
                    }
                    return (0, _utils.map)(that._indicators, indicator => indicator.value())
                }
            }
        },
        98442(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _object = __webpack_require__( /*! ../../../core/utils/object */ 22263);
            var _base_gauge = _interopRequireDefault(__webpack_require__( /*! ../../../viz/gauges/base_gauge */ 5600));
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _common = __webpack_require__( /*! ../../viz/gauges/common */ 80586);
            var linearIndicators = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../viz/gauges/linear_indicators */ 11691));
            var _linear_range_container = _interopRequireDefault(__webpack_require__( /*! ../../viz/gauges/linear_range_container */ 17884));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const _max = Math.max;
            const _min = Math.min;
            const _round = Math.round;
            const dxLinearGauge = _common.dxGauge.inherit({
                _rootClass: "dxg-linear-gauge",
                _factoryMethods: {
                    rangeContainer: "createLinearRangeContainer",
                    indicator: "createLinearIndicator"
                },
                _gridSpacingFactor: 25,
                _scaleTypes: {
                    type: "xyAxes",
                    drawingType: "linear"
                },
                _getTicksOrientation: scaleOptions => scaleOptions.isHorizontal ? scaleOptions.verticalOrientation : scaleOptions.horizontalOrientation,
                _getThemeManagerOptions() {
                    const options = this.callBase.apply(this, arguments);
                    options.subTheme = "_linear";
                    return options
                },
                _getInvertedState() {
                    return !this._area.vertical && this.option("rtlEnabled")
                },
                _prepareScaleSettings() {
                    const scaleOptions = this.callBase();
                    scaleOptions.inverted = this._getInvertedState();
                    return scaleOptions
                },
                _updateScaleTickIndent(scaleOptions) {
                    const indentFromTick = scaleOptions.label.indentFromTick;
                    const length = scaleOptions.tick.length;
                    const textParams = this._scale.measureLabels((0, _extend.extend)({}, this._canvas));
                    const verticalTextCorrection = scaleOptions.isHorizontal ? textParams.height + textParams.y : 0;
                    const isIndentPositive = indentFromTick > 0;
                    let orientation;
                    let textCorrection;
                    let tickCorrection;
                    if (scaleOptions.isHorizontal) {
                        orientation = isIndentPositive ? {
                            center: .5,
                            top: 0,
                            bottom: 1
                        } : {
                            center: .5,
                            top: 1,
                            bottom: 0
                        };
                        tickCorrection = length * orientation[scaleOptions.verticalOrientation];
                        textCorrection = textParams.y
                    } else {
                        orientation = isIndentPositive ? {
                            center: .5,
                            left: 0,
                            right: 1
                        } : {
                            center: .5,
                            left: 1,
                            right: 0
                        };
                        tickCorrection = length * orientation[scaleOptions.horizontalOrientation];
                        textCorrection = -textParams.width
                    }
                    scaleOptions.label.indentFromAxis = -indentFromTick + (isIndentPositive ? -tickCorrection + textCorrection : tickCorrection - verticalTextCorrection);
                    this._scale.updateOptions(scaleOptions)
                },
                _shiftScale(layout, scaleOptions) {
                    const canvas = (0, _extend.extend)({}, this._canvas);
                    const isHorizontal = scaleOptions.isHorizontal;
                    const scale = this._scale;
                    canvas[isHorizontal ? "left" : "top"] = this._area[isHorizontal ? "startCoord" : "endCoord"];
                    canvas[isHorizontal ? "right" : "bottom"] = canvas[isHorizontal ? "width" : "height"] - this._area[isHorizontal ? "endCoord" : "startCoord"];
                    scale.draw(canvas);
                    scale.shift({
                        left: -layout.x,
                        top: -layout.y
                    })
                },
                _setupCodomain() {
                    const geometry = this.option("geometry") || {};
                    const vertical = "vertical" === (0, _utils.normalizeEnum)(geometry.orientation);
                    this._area = {
                        vertical: vertical,
                        x: 0,
                        y: 0,
                        startCoord: -100,
                        endCoord: 100
                    };
                    this._rangeContainer.vertical = vertical;
                    this._translator.setInverted(this._getInvertedState());
                    this._translator.setCodomain(-100, 100)
                },
                _getScaleLayoutValue() {
                    return this._area[this._area.vertical ? "x" : "y"]
                },
                _getTicksCoefficients(options) {
                    const coefs = {
                        inner: 0,
                        outer: 1
                    };
                    if (this._area.vertical) {
                        if ("left" === options.horizontalOrientation) {
                            coefs.inner = 1;
                            coefs.outer = 0
                        } else if ("center" === options.horizontalOrientation) {
                            coefs.inner = coefs.outer = .5
                        }
                    } else if ("top" === options.verticalOrientation) {
                        coefs.inner = 1;
                        coefs.outer = 0
                    } else if ("center" === options.verticalOrientation) {
                        coefs.inner = coefs.outer = .5
                    }
                    return coefs
                },
                _correctScaleIndents(result, indentFromTick, textParams) {
                    const vertical = this._area.vertical;
                    if (indentFromTick >= 0) {
                        result.max += indentFromTick + textParams[vertical ? "width" : "height"]
                    } else {
                        result.min -= -indentFromTick + textParams[vertical ? "width" : "height"]
                    }
                    result.indent = textParams[vertical ? "height" : "width"] / 2
                },
                _measureMainElements(elements, scaleMeasurement) {
                    const x = this._area.x;
                    const y = this._area.y;
                    let minBound = 1e3;
                    let maxBound = 0;
                    let indent = 0;
                    const scale = this._scale;
                    (0, _iterator.each)(elements.concat(scale), (_, element) => {
                        const bounds = element.measure ? element.measure({
                            x: x + element.getOffset(),
                            y: y + element.getOffset()
                        }) : scaleMeasurement;
                        void 0 !== bounds.max && (maxBound = _max(maxBound, bounds.max));
                        void 0 !== bounds.min && (minBound = _min(minBound, bounds.min));
                        bounds.indent > 0 && (indent = _max(indent, bounds.indent))
                    });
                    return {
                        minBound: minBound,
                        maxBound: maxBound,
                        indent: indent
                    }
                },
                _applyMainLayout(elements, scaleMeasurement) {
                    const that = this;
                    const measurements = that._measureMainElements(elements, scaleMeasurement);
                    const area = that._area;
                    let rect;
                    let offset;
                    if (area.vertical) {
                        rect = selectRectBySizes(that._innerRect, {
                            width: measurements.maxBound - measurements.minBound
                        });
                        offset = (rect.left + rect.right) / 2 - (measurements.minBound + measurements.maxBound) / 2;
                        area.startCoord = rect.bottom - measurements.indent;
                        area.endCoord = rect.top + measurements.indent;
                        area.x = _round(area.x + offset)
                    } else {
                        rect = selectRectBySizes(that._innerRect, {
                            height: measurements.maxBound - measurements.minBound
                        });
                        offset = (rect.top + rect.bottom) / 2 - (measurements.minBound + measurements.maxBound) / 2;
                        area.startCoord = rect.left + measurements.indent;
                        area.endCoord = rect.right - measurements.indent;
                        area.y = _round(area.y + offset)
                    }
                    that._translator.setCodomain(area.startCoord, area.endCoord);
                    that._innerRect = rect
                },
                _getElementLayout(offset) {
                    return {
                        x: _round(this._area.x + offset),
                        y: _round(this._area.y + offset)
                    }
                },
                _getApproximateScreenRange() {
                    const area = this._area;
                    let s = area.vertical ? this._canvas.height : this._canvas.width;
                    s > area.totalSize && (s = area.totalSize);
                    s *= .8;
                    return s
                },
                _getDefaultSize() {
                    const geometry = this.option("geometry") || {};
                    if ("vertical" === geometry.orientation) {
                        return {
                            width: 100,
                            height: 300
                        }
                    } else {
                        return {
                            width: 300,
                            height: 100
                        }
                    }
                },
                _factory: (0, _object.clone)(_base_gauge.default.prototype._factory)
            });

            function selectRectBySizes(srcRect, sizes, margins) {
                const rect = (0, _extend.extend)({}, srcRect);
                let step;
                margins = margins || {};
                if (sizes) {
                    rect.left += margins.left || 0;
                    rect.right -= margins.right || 0;
                    rect.top += margins.top || 0;
                    rect.bottom -= margins.bottom || 0;
                    if (sizes.width > 0) {
                        step = (rect.right - rect.left - sizes.width) / 2;
                        if (step > 0) {
                            rect.left += step;
                            rect.right -= step
                        }
                    }
                    if (sizes.height > 0) {
                        step = (rect.bottom - rect.top - sizes.height) / 2;
                        if (step > 0) {
                            rect.top += step;
                            rect.bottom -= step
                        }
                    }
                }
                return rect
            }
            const indicators = dxLinearGauge.prototype._factory.indicators = {};
            dxLinearGauge.prototype._factory.createIndicator = (0, _common.createIndicatorCreator)(indicators);
            indicators._default = linearIndicators._default;
            indicators.rectangle = linearIndicators.rectangle;
            indicators.rhombus = linearIndicators.rhombus;
            indicators.circle = linearIndicators.circle;
            indicators.trianglemarker = linearIndicators.trianglemarker;
            indicators.textcloud = linearIndicators.textcloud;
            indicators.rangebar = linearIndicators.rangebar;
            dxLinearGauge.prototype._factory.RangeContainer = _linear_range_container.default;
            (0, _component_registrator.default)("dxLinearGauge", dxLinearGauge);
            exports.default = dxLinearGauge
        },
        11691(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.trianglemarker = exports.textcloud = exports.rhombus = exports.rectangle = exports.rangebar = exports.circle = exports._default = void 0;
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _base_indicators = __webpack_require__( /*! ../../viz/gauges/base_indicators */ 62495);
            const _Number = Number;
            const SimpleIndicator = _base_indicators.BaseIndicator.inherit({
                _move() {
                    const delta = this._actualPosition - this._zeroPosition;
                    this._rootElement.move(this.vertical ? 0 : delta, this.vertical ? delta : 0);
                    this._trackerElement && this._trackerElement.move(this.vertical ? 0 : delta, this.vertical ? delta : 0)
                },
                _isEnabled() {
                    this.vertical = this._options.vertical;
                    return this._options.length > 0 && this._options.width > 0
                },
                _isVisible: () => true,
                _getTrackerSettings() {
                    const options = this._options;
                    let x1;
                    let x2;
                    let y1;
                    let y2;
                    let width = options.width / 2;
                    let length = options.length / 2;
                    const p = this._zeroPosition;
                    width > 10 || (width = 10);
                    length > 10 || (length = 10);
                    if (this.vertical) {
                        x1 = options.x - length;
                        x2 = options.x + length;
                        y1 = p + width;
                        y2 = p - width
                    } else {
                        x1 = p - width;
                        x2 = p + width;
                        y1 = options.y + length;
                        y2 = options.y - length
                    }
                    return {
                        points: [x1, y1, x1, y2, x2, y2, x2, y1]
                    }
                },
                _render() {
                    this._zeroPosition = this._translator.getCodomainStart()
                },
                _clear() {
                    delete this._element
                },
                measure(layout) {
                    const p = this.vertical ? layout.x : layout.y;
                    return {
                        min: p - this._options.length / 2,
                        max: p + this._options.length / 2
                    }
                },
                getTooltipParameters() {
                    const options = this._options;
                    const p = this._actualPosition;
                    const parameters = {
                        x: p,
                        y: p,
                        value: this._currentValue,
                        color: options.color,
                        offset: options.width / 2
                    };
                    this.vertical ? parameters.x = options.x : parameters.y = options.y;
                    return parameters
                }
            });
            exports.rectangle = SimpleIndicator.inherit({
                _render() {
                    const options = this._options;
                    let x1;
                    let x2;
                    let y1;
                    let y2;
                    this.callBase();
                    const p = this._zeroPosition;
                    if (this.vertical) {
                        x1 = options.x - options.length / 2;
                        x2 = options.x + options.length / 2;
                        y1 = p + options.width / 2;
                        y2 = p - options.width / 2
                    } else {
                        x1 = p - options.width / 2;
                        x2 = p + options.width / 2;
                        y1 = options.y + options.length / 2;
                        y2 = options.y - options.length / 2
                    }
                    this._element = this._element || this._renderer.path([], "area").append(this._rootElement);
                    this._element.attr({
                        points: [x1, y1, x1, y2, x2, y2, x2, y1]
                    })
                }
            });
            exports.rhombus = SimpleIndicator.inherit({
                _render() {
                    const that = this;
                    const options = that._options;
                    let x;
                    let y;
                    let dx;
                    let dy;
                    that.callBase();
                    if (that.vertical) {
                        x = options.x;
                        y = that._zeroPosition;
                        dx = options.length / 2 || 0;
                        dy = options.width / 2 || 0
                    } else {
                        x = that._zeroPosition;
                        y = options.y;
                        dx = options.width / 2 || 0;
                        dy = options.length / 2 || 0
                    }
                    that._element = that._element || that._renderer.path([], "area").append(that._rootElement);
                    that._element.attr({
                        points: [x - dx, y, x, y - dy, x + dx, y, x, y + dy]
                    })
                }
            });
            exports.circle = SimpleIndicator.inherit({
                _render() {
                    const that = this;
                    const options = that._options;
                    let x;
                    let y;
                    that.callBase();
                    if (that.vertical) {
                        x = options.x;
                        y = that._zeroPosition
                    } else {
                        x = that._zeroPosition;
                        y = options.y
                    }
                    const r = options.length / 2 || 0;
                    that._element = that._element || that._renderer.circle().append(that._rootElement);
                    that._element.attr({
                        cx: x,
                        cy: y,
                        r: r
                    })
                }
            });
            exports.trianglemarker = SimpleIndicator.inherit({
                _isEnabled() {
                    this.vertical = this._options.vertical;
                    this._inverted = this.vertical ? "right" === (0, _utils.normalizeEnum)(this._options.horizontalOrientation) : "bottom" === (0, _utils.normalizeEnum)(this._options.verticalOrientation);
                    return this._options.length > 0 && this._options.width > 0
                },
                _isVisible: () => true,
                _render() {
                    const that = this;
                    const options = that._options;
                    let x1;
                    let x2;
                    let y1;
                    let y2;
                    const settings = {
                        stroke: "none",
                        "stroke-width": 0,
                        "stroke-linecap": "square"
                    };
                    that.callBase();
                    if (that.vertical) {
                        x1 = options.x;
                        y1 = that._zeroPosition;
                        x2 = x1 + _Number(that._inverted ? options.length : -options.length);
                        settings.points = [x1, y1, x2, y1 - options.width / 2, x2, y1 + options.width / 2]
                    } else {
                        y1 = options.y;
                        x1 = that._zeroPosition;
                        y2 = y1 + _Number(that._inverted ? options.length : -options.length);
                        settings.points = [x1, y1, x1 - options.width / 2, y2, x1 + options.width / 2, y2]
                    }
                    if (options.space > 0) {
                        settings["stroke-width"] = Math.min(options.space, options.width / 4) || 0;
                        settings.stroke = settings["stroke-width"] > 0 ? options.containerBackgroundColor || "none" : "none"
                    }
                    that._element = that._element || that._renderer.path([], "area").append(that._rootElement);
                    that._element.attr(settings).sharp()
                },
                _getTrackerSettings() {
                    const that = this;
                    const options = that._options;
                    let width = options.width / 2;
                    let length = _Number(options.length);
                    let x1;
                    let x2;
                    let y1;
                    let y2;
                    let result;
                    width > 10 || (width = 10);
                    length > 20 || (length = 20);
                    if (that.vertical) {
                        x1 = options.x;
                        x2 = x1 + (that._inverted ? length : -length);
                        y1 = that._zeroPosition + width;
                        y2 = that._zeroPosition - width;
                        result = [x1, y1, x2, y1, x2, y2, x1, y2]
                    } else {
                        y1 = options.y;
                        y2 = y1 + (that._inverted ? length : -length);
                        x1 = that._zeroPosition - width;
                        x2 = that._zeroPosition + width;
                        result = [x1, y1, x1, y2, x2, y2, x2, y1]
                    }
                    return {
                        points: result
                    }
                },
                measure(layout) {
                    const that = this;
                    const length = _Number(that._options.length);
                    let minBound;
                    let maxBound;
                    if (that.vertical) {
                        minBound = maxBound = layout.x;
                        if (that._inverted) {
                            maxBound = minBound + length
                        } else {
                            minBound = maxBound - length
                        }
                    } else {
                        minBound = maxBound = layout.y;
                        if (that._inverted) {
                            maxBound = minBound + length
                        } else {
                            minBound = maxBound - length
                        }
                    }
                    return {
                        min: minBound,
                        max: maxBound
                    }
                },
                getTooltipParameters() {
                    const options = this._options;
                    const s = (this._inverted ? options.length : -options.length) / 2;
                    const parameters = this.callBase();
                    this.vertical ? parameters.x += s : parameters.y += s;
                    parameters.offset = options.length / 2;
                    return parameters
                }
            });
            exports.textcloud = _base_indicators.BaseTextCloudMarker.inherit({
                _isEnabled() {
                    this.vertical = this._options.vertical;
                    this._inverted = this.vertical ? "right" === (0, _utils.normalizeEnum)(this._options.horizontalOrientation) : "bottom" === (0, _utils.normalizeEnum)(this._options.verticalOrientation);
                    return true
                },
                _isVisible: () => true,
                _getTextCloudOptions() {
                    const that = this;
                    let x = that._actualPosition;
                    let y = that._actualPosition;
                    let type;
                    if (that.vertical) {
                        x = that._options.x;
                        type = that._inverted ? "top-left" : "top-right"
                    } else {
                        y = that._options.y;
                        type = that._inverted ? "right-top" : "right-bottom"
                    }
                    return {
                        x: x,
                        y: y,
                        type: type
                    }
                },
                measure(layout) {
                    const that = this;
                    let minBound;
                    let maxBound;
                    const arrowLength = _Number(that._options.arrowLength) || 0;
                    that._measureText();
                    if (that.vertical) {
                        if (that._inverted) {
                            minBound = layout.x;
                            maxBound = layout.x + arrowLength + that._textFullWidth
                        } else {
                            minBound = layout.x - arrowLength - that._textFullWidth;
                            maxBound = layout.x
                        }
                    } else if (that._inverted) {
                        minBound = layout.y;
                        maxBound = layout.y + arrowLength + that._textFullHeight
                    } else {
                        minBound = layout.y - arrowLength - that._textFullHeight;
                        maxBound = layout.y
                    }
                    return {
                        min: minBound,
                        max: maxBound,
                        indent: 0
                    }
                },
                _correctCloudType(type, _ref, _ref2) {
                    let {
                        x: x,
                        y: y
                    } = _ref;
                    let {
                        width: width,
                        height: height
                    } = _ref2;
                    if ("right-top" === type || "right-bottom" === type) {
                        if (x - width < this._translator.getCodomainStart()) {
                            type = `left-${type.split("-")[1]}`
                        }
                    } else if ("top-left" === type || "top-right" === type) {
                        if (y + height > this._translator.getCodomainStart()) {
                            type = `bottom-${type.split("-")[1]}`
                        }
                    }
                    return type
                }
            });
            exports.rangebar = exports._default = _base_indicators.BaseRangeBar.inherit({
                _isEnabled() {
                    this.vertical = this._options.vertical;
                    this._inverted = this.vertical ? "right" === (0, _utils.normalizeEnum)(this._options.horizontalOrientation) : "bottom" === (0, _utils.normalizeEnum)(this._options.verticalOrientation);
                    return this._options.size > 0
                },
                _isVisible: () => true,
                _createBarItem() {
                    return this._renderer.path([], "area").append(this._rootElement)
                },
                _createTracker() {
                    return this._renderer.path([], "area")
                },
                _setBarSides() {
                    const that = this;
                    const options = that._options;
                    const size = _Number(options.size);
                    let minSide;
                    let maxSide;
                    if (that.vertical) {
                        if (that._inverted) {
                            minSide = options.x;
                            maxSide = options.x + size
                        } else {
                            minSide = options.x - size;
                            maxSide = options.x
                        }
                    } else if (that._inverted) {
                        minSide = options.y;
                        maxSide = options.y + size
                    } else {
                        minSide = options.y - size;
                        maxSide = options.y
                    }
                    that._minSide = minSide;
                    that._maxSide = maxSide;
                    that._minBound = minSide;
                    that._maxBound = maxSide
                },
                _getSpace() {
                    const options = this._options;
                    return options.space > 0 ? _Number(options.space) : 0
                },
                _isTextVisible() {
                    const textOptions = this._options.text || {};
                    return textOptions.indent > 0 || textOptions.indent < 0
                },
                _getTextAlign() {
                    return this.vertical ? this._options.text.indent > 0 ? "left" : "right" : "center"
                },
                _setTextItemsSides() {
                    const that = this;
                    const indent = _Number(that._options.text.indent);
                    if (indent > 0) {
                        that._lineStart = that._maxSide;
                        that._lineEnd = that._maxSide + indent;
                        that._textPosition = that._lineEnd + (that.vertical ? 2 : that._textHeight / 2);
                        that._maxBound = that._textPosition + (that.vertical ? that._textWidth : that._textHeight / 2)
                    } else if (indent < 0) {
                        that._lineStart = that._minSide;
                        that._lineEnd = that._minSide + indent;
                        that._textPosition = that._lineEnd - (that.vertical ? 2 : that._textHeight / 2);
                        that._minBound = that._textPosition - (that.vertical ? that._textWidth : that._textHeight / 2)
                    }
                },
                _getPositions() {
                    const startPosition = this._startPosition;
                    const endPosition = this._endPosition;
                    const space = this._space;
                    const basePosition = this._basePosition;
                    const actualPosition = this._actualPosition;
                    let mainPosition1;
                    let mainPosition2;
                    let backPosition1;
                    let backPosition2;
                    if (startPosition < endPosition) {
                        if (basePosition < actualPosition) {
                            mainPosition1 = basePosition;
                            mainPosition2 = actualPosition
                        } else {
                            mainPosition1 = actualPosition;
                            mainPosition2 = basePosition
                        }
                        backPosition1 = mainPosition1 - space;
                        backPosition2 = mainPosition2 + space
                    } else {
                        if (basePosition > actualPosition) {
                            mainPosition1 = basePosition;
                            mainPosition2 = actualPosition
                        } else {
                            mainPosition1 = actualPosition;
                            mainPosition2 = basePosition
                        }
                        backPosition1 = mainPosition1 + space;
                        backPosition2 = mainPosition2 - space
                    }
                    return {
                        start: startPosition,
                        end: endPosition,
                        main1: mainPosition1,
                        main2: mainPosition2,
                        back1: backPosition1,
                        back2: backPosition2
                    }
                },
                _buildItemSettings(from, to) {
                    const side1 = this._minSide;
                    const side2 = this._maxSide;
                    const points = this.vertical ? [side1, from, side1, to, side2, to, side2, from] : [from, side1, from, side2, to, side2, to, side1];
                    return {
                        points: points
                    }
                },
                _updateTextPosition() {
                    this._text.attr(this.vertical ? {
                        x: this._textPosition,
                        y: this._actualPosition + this._textVerticalOffset
                    } : {
                        x: this._actualPosition,
                        y: this._textPosition + this._textVerticalOffset
                    })
                },
                _updateLinePosition() {
                    const that = this;
                    const actualPosition = that._actualPosition;
                    let side1;
                    let side2;
                    let points;
                    if (that.vertical) {
                        if (that._basePosition >= actualPosition) {
                            side1 = actualPosition;
                            side2 = actualPosition + 2
                        } else {
                            side1 = actualPosition - 2;
                            side2 = actualPosition
                        }
                        points = [that._lineStart, side1, that._lineStart, side2, that._lineEnd, side2, that._lineEnd, side1]
                    } else {
                        if (that._basePosition <= actualPosition) {
                            side1 = actualPosition - 2;
                            side2 = actualPosition
                        } else {
                            side1 = actualPosition;
                            side2 = actualPosition + 2
                        }
                        points = [side1, that._lineStart, side1, that._lineEnd, side2, that._lineEnd, side2, that._lineStart]
                    }
                    that._line.attr({
                        points: points
                    }).sharp()
                },
                _getTooltipPosition() {
                    const crossCenter = (this._minSide + this._maxSide) / 2;
                    const alongCenter = (this._basePosition + this._actualPosition) / 2;
                    return this.vertical ? {
                        x: crossCenter,
                        y: alongCenter
                    } : {
                        x: alongCenter,
                        y: crossCenter
                    }
                },
                measure(layout) {
                    const that = this;
                    const size = _Number(that._options.size);
                    const textIndent = _Number(that._options.text.indent);
                    let minBound;
                    let maxBound;
                    let indent;
                    that._measureText();
                    if (that.vertical) {
                        minBound = maxBound = layout.x;
                        if (that._inverted) {
                            maxBound += size
                        } else {
                            minBound -= size
                        }
                        if (that._hasText) {
                            indent = that._textHeight / 2;
                            if (textIndent > 0) {
                                maxBound += textIndent + that._textWidth
                            }
                            if (textIndent < 0) {
                                minBound += textIndent - that._textWidth
                            }
                        }
                    } else {
                        minBound = maxBound = layout.y;
                        if (that._inverted) {
                            maxBound += size
                        } else {
                            minBound -= size
                        }
                        if (that._hasText) {
                            indent = that._textWidth / 2;
                            if (textIndent > 0) {
                                maxBound += textIndent + that._textHeight
                            }
                            if (textIndent < 0) {
                                minBound += textIndent - that._textHeight
                            }
                        }
                    }
                    return {
                        min: minBound,
                        max: maxBound,
                        indent: indent
                    }
                }
            })
        },
        17884(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _base_range_container = (e = __webpack_require__( /*! ../../viz/gauges/base_range_container */ 25760), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const _Number = Number;
            const _max = Math.max;
            const LinearRangeContainer = _base_range_container.default.inherit({
                _processOptions() {
                    const that = this;
                    that.vertical = that._options.vertical;
                    that._inner = that._outer = 0;
                    if (that.vertical) {
                        switch ((0, _utils.normalizeEnum)(that._options.horizontalOrientation)) {
                            case "left":
                                that._inner = 1;
                                break;
                            case "center":
                                that._inner = that._outer = .5;
                                break;
                            default:
                                that._outer = 1
                        }
                    } else {
                        switch ((0, _utils.normalizeEnum)(that._options.verticalOrientation)) {
                            case "top":
                                that._inner = 1;
                                break;
                            case "center":
                                that._inner = that._outer = .5;
                                break;
                            default:
                                that._outer = 1
                        }
                    }
                },
                _isVisible: () => true,
                _createRange(range, layout) {
                    const inner = this._inner;
                    const outer = this._outer;
                    const startPosition = this._translator.translate(range.start);
                    const endPosition = this._translator.translate(range.end);
                    let points;
                    const x = layout.x;
                    const y = layout.y;
                    const startWidth = range.startWidth;
                    const endWidth = range.endWidth;
                    if (this.vertical) {
                        points = [x - startWidth * inner, startPosition, x - endWidth * inner, endPosition, x + endWidth * outer, endPosition, x + startWidth * outer, startPosition]
                    } else {
                        points = [startPosition, y + startWidth * outer, startPosition, y - startWidth * inner, endPosition, y - endWidth * inner, endPosition, y + endWidth * outer]
                    }
                    return this._renderer.path(points, "area")
                },
                measure(layout) {
                    const result = {};
                    let width;
                    result.min = result.max = layout[this.vertical ? "x" : "y"];
                    width = this._options.width;
                    width = _Number(width) || _max(_Number(width.start), _Number(width.end));
                    result.min -= this._inner * width;
                    result.max += this._outer * width;
                    return result
                }
            });
            exports.default = LinearRangeContainer
        },
        37646(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _base_theme_manager = __webpack_require__( /*! ../../viz/core/base_theme_manager */ 87869);
            const _extend = _extend2.extend;
            const ThemeManager = _base_theme_manager.BaseThemeManager.inherit({
                ctor(options) {
                    this.callBase.apply(this, arguments);
                    this._subTheme = options.subTheme
                },
                _initializeTheme() {
                    const that = this;
                    let subTheme;
                    if (that._subTheme) {
                        subTheme = _extend(true, {}, that._theme[that._subTheme], that._theme);
                        _extend(true, that._theme, subTheme)
                    }
                    that.callBase.apply(that, arguments)
                }
            });
            exports.default = {
                ThemeManager: ThemeManager
            }
        },
        16523(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _wheel = __webpack_require__( /*! ../../../common/core/events/core/wheel */ 37373);
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _class = _interopRequireDefault(__webpack_require__( /*! ../../../core/class */ 55620));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _ready_callbacks = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/ready_callbacks */ 3122));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const EVENT_NS = "gauge-tooltip";
            const ready = _ready_callbacks.default.add;
            const Tracker = _class.default.inherit({
                ctor(parameters) {
                    const that = this;
                    that._element = parameters.renderer.g().attr({
                        class: "dxg-tracker",
                        stroke: "none",
                        "stroke-width": 0,
                        fill: "#000000",
                        opacity: 1e-4
                    }).linkOn(parameters.container, {
                        name: "tracker",
                        after: "peripheral"
                    });
                    that._showTooltipCallback = function() {
                        const target = that._tooltipEvent.target;
                        const data_target = target["gauge-data-target"];
                        const data_info = target["gauge-data-info"];
                        that._targetEvent = null;
                        if (that._tooltipTarget !== target) {
                            const callback = result => {
                                result && (that._tooltipTarget = target)
                            };
                            callback(that._callbacks["tooltip-show"](data_target, data_info, callback))
                        }
                    };
                    that._hideTooltipCallback = function() {
                        that._hideTooltipTimeout = null;
                        that._targetEvent = null;
                        if (that._tooltipTarget) {
                            that._callbacks["tooltip-hide"]();
                            that._tooltipTarget = null
                        }
                    };
                    that._dispose = function() {
                        clearTimeout(that._hideTooltipTimeout);
                        that._showTooltipCallback = that._hideTooltipCallback = that._dispose = null
                    }
                },
                dispose() {
                    this._dispose();
                    this.deactivate();
                    this._element.off(`.${EVENT_NS}`);
                    this._element.linkOff();
                    this._element = this._context = this._callbacks = null;
                    return this
                },
                activate() {
                    this._element.linkAppend();
                    return this
                },
                deactivate() {
                    this._element.linkRemove().clear();
                    return this
                },
                attach(element, target, info) {
                    element.data({
                        "gauge-data-target": target,
                        "gauge-data-info": info
                    }).append(this._element);
                    return this
                },
                detach(element) {
                    element.remove();
                    return this
                },
                setTooltipState(state) {
                    const that = this;
                    that._element.off(`.${EVENT_NS}`);
                    if (state) {
                        const data = {
                            tracker: that
                        };
                        that._element.on((0, _index.addNamespace)([_pointer.default.move], EVENT_NS), data, handleTooltipMouseOver).on((0, _index.addNamespace)([_pointer.default.out], EVENT_NS), data, handleTooltipMouseOut).on((0, _index.addNamespace)([_pointer.default.down], EVENT_NS), data, handleTooltipTouchStart).on((0, _index.addNamespace)([_pointer.default.up], EVENT_NS), data, handleTooltipTouchEnd).on((0, _index.addNamespace)([_wheel.name], EVENT_NS), data, handleTooltipMouseWheel)
                    }
                    return that
                },
                setCallbacks(callbacks) {
                    this._callbacks = callbacks;
                    return this
                },
                _showTooltip(event) {
                    clearTimeout(this._hideTooltipTimeout);
                    this._hideTooltipTimeout = null;
                    if (this._tooltipTarget === event.target) {
                        return
                    }
                    this._tooltipEvent = event;
                    this._showTooltipCallback()
                },
                _hideTooltip(delay) {
                    const that = this;
                    clearTimeout(that._hideTooltipTimeout);
                    if (delay) {
                        that._hideTooltipTimeout = setTimeout(that._hideTooltipCallback, delay)
                    } else {
                        that._hideTooltipCallback()
                    }
                }
            });
            let active_touch_tooltip_tracker = null;

            function handleTooltipMouseOver(event) {
                const tracker = event.data.tracker;
                tracker._x = event.pageX;
                tracker._y = event.pageY;
                tracker._showTooltip(event)
            }

            function handleTooltipMouseOut(event) {
                event.data.tracker._hideTooltip(100)
            }

            function handleTooltipMouseWheel(event) {
                event.data.tracker._hideTooltip()
            }

            function handleTooltipTouchStart(event) {
                const tracker = active_touch_tooltip_tracker = event.data.tracker;
                tracker._touch = true;
                handleTooltipMouseOver(event)
            }

            function handleTooltipTouchEnd() {
                active_touch_tooltip_tracker._touch = false
            }

            function handleDocumentTooltipTouchStart(event) {
                const tracker = active_touch_tooltip_tracker;
                if (tracker && !tracker._touch) {
                    tracker._hideTooltip(100);
                    active_touch_tooltip_tracker = null
                }
            }
            ready(() => {
                _events_engine.default.subscribeGlobal(_dom_adapter.default.getDocument(), (0, _index.addNamespace)([_pointer.default.down], EVENT_NS), handleDocumentTooltipTouchStart)
            });
            exports.default = Tracker
        },
        3830(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _math = __webpack_require__( /*! ../../core/utils/math */ 50254);
            var _size = __webpack_require__( /*! ../../core/utils/size */ 57653);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../core/utils/window */ 3104);
            var _crosshair = __webpack_require__( /*! ../viz/chart_components/crosshair */ 566);
            var _layout_manager = __webpack_require__( /*! ../viz/chart_components/layout_manager */ 23146);
            var _multi_axes_synchronizer = _interopRequireDefault(__webpack_require__( /*! ../viz/chart_components/multi_axes_synchronizer */ 37898));
            var _scroll_bar = __webpack_require__( /*! ../viz/chart_components/scroll_bar */ 52175);
            var _shutter_zoom = _interopRequireDefault(__webpack_require__( /*! ../viz/chart_components/shutter_zoom */ 48857));
            var _zoom_and_pan = _interopRequireDefault(__webpack_require__( /*! ../viz/chart_components/zoom_and_pan */ 38577));
            var _annotations = __webpack_require__( /*! ../viz/core/annotations */ 77438);
            var _utils = __webpack_require__( /*! ../viz/core/utils */ 98013);
            var _range_data_calculator = _interopRequireDefault(__webpack_require__( /*! ../viz/series/helpers/range_data_calculator */ 41971));
            var _range = __webpack_require__( /*! ../viz/translators/range */ 8315);
            var _utils2 = __webpack_require__( /*! ../viz/utils */ 49143);
            var _m_advanced_chart = __webpack_require__( /*! ./chart_components/m_advanced_chart */ 78609);
            var _m_base_chart = __webpack_require__( /*! ./chart_components/m_base_chart */ 9410);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const DEFAULT_PANES = [{
                name: "default",
                border: {}
            }];
            const {
                isArray: isArray
            } = Array;

            function changeVisibilityAxisGrids(axis, gridVisibility, minorGridVisibility) {
                const gridOpt = axis.getOptions().grid;
                const minorGridOpt = axis.getOptions().minorGrid;
                gridOpt.visible = gridVisibility;
                minorGridOpt && (minorGridOpt.visible = minorGridVisibility)
            }

            function findAxis(paneName, axisName, axes) {
                const axisByName = axes.find(axis => axis.name === axisName && axis.pane === paneName);
                if (axisByName) {
                    return axisByName
                }
                if (paneName) {
                    return findAxis(void 0, axisName, axes)
                }
            }

            function compareAxes(a, b) {
                return a.priority - b.priority
            }

            function doesPaneExist(panes, paneName) {
                let found = false;
                (0, _iterator.each)(panes, (_, pane) => {
                    if (pane.name === paneName) {
                        found = true;
                        return false
                    }
                    return
                });
                return found
            }

            function accumulate(field, src1, src2, auxSpacing) {
                const val1 = src1[field] || 0;
                const val2 = src2[field] || 0;
                return val1 + val2 + (val1 && val2 ? auxSpacing : 0)
            }

            function pickMax(field, src1, src2) {
                return pickMaxValue(src1[field], src2[field])
            }

            function pickMaxValue(val1, val2) {
                return Math.max(val1 || 0, val2 || 0)
            }

            function getAxisMargins(axis) {
                return axis.getMargins()
            }

            function getHorizontalAxesMargins(axes, getMarginsFunc) {
                return axes.reduce((margins, axis) => {
                    var _axis$getOrthogonalAx;
                    const axisMargins = getMarginsFunc(axis);
                    const paneMargins = margins.panes[axis.pane] = margins.panes[axis.pane] || {};
                    const spacing = axis.getMultipleAxesSpacing();
                    paneMargins.top = accumulate("top", paneMargins, axisMargins, spacing);
                    paneMargins.bottom = accumulate("bottom", paneMargins, axisMargins, spacing);
                    paneMargins.left = pickMax("left", paneMargins, axisMargins);
                    paneMargins.right = pickMax("right", paneMargins, axisMargins);
                    margins.top = pickMax("top", paneMargins, margins);
                    margins.bottom = pickMax("bottom", paneMargins, margins);
                    margins.left = pickMax("left", paneMargins, margins);
                    margins.right = pickMax("right", paneMargins, margins);
                    const orthogonalAxis = null === (_axis$getOrthogonalAx = axis.getOrthogonalAxis) || void 0 === _axis$getOrthogonalAx ? void 0 : _axis$getOrthogonalAx.call(axis);
                    const shouldResetPositionMargin = (null === orthogonalAxis || void 0 === orthogonalAxis ? void 0 : orthogonalAxis.customPositionIsAvailable()) && (!axis.customPositionIsBoundaryOrthogonalAxis() || !orthogonalAxis.customPositionEqualsToPredefined());
                    if (shouldResetPositionMargin) {
                        margins[orthogonalAxis.getResolvedBoundaryPosition()] = 0
                    }
                    return margins
                }, {
                    panes: {}
                })
            }

            function getVerticalAxesMargins(axes) {
                return axes.reduce((margins, axis) => {
                    const axisMargins = axis.getMargins();
                    const paneMargins = margins.panes[axis.pane] = margins.panes[axis.pane] || {};
                    const spacing = axis.getMultipleAxesSpacing();
                    paneMargins.top = pickMax("top", paneMargins, axisMargins);
                    paneMargins.bottom = pickMax("bottom", paneMargins, axisMargins);
                    paneMargins.left = accumulate("left", paneMargins, axisMargins, spacing);
                    paneMargins.right = accumulate("right", paneMargins, axisMargins, spacing);
                    margins.top = pickMax("top", paneMargins, margins);
                    margins.bottom = pickMax("bottom", paneMargins, margins);
                    margins.left = pickMax("left", paneMargins, margins);
                    margins.right = pickMax("right", paneMargins, margins);
                    return margins
                }, {
                    panes: {}
                })
            }

            function performActionOnAxes(axes, action, actionArgument1, actionArgument2, actionArgument3) {
                axes.forEach(axis => {
                    axis[action](null === actionArgument1 || void 0 === actionArgument1 ? void 0 : actionArgument1[axis.pane], (null === actionArgument2 || void 0 === actionArgument2 ? void 0 : actionArgument2[axis.pane]) || actionArgument2, actionArgument3)
                })
            }

            function shrinkCanvases(isRotated, canvases, sizes, verticalMargins, horizontalMargins) {
                function getMargin(side, margins, pane) {
                    const m = !(isRotated ? ["left", "right"] : ["top", "bottom"]).includes(side) ? margins : margins.panes[pane] || {};
                    return m[side]
                }

                function getMaxMargin(side, margins1, margins2, pane) {
                    return pickMaxValue(getMargin(side, margins1, pane), getMargin(side, margins2, pane))
                }
                const getOriginalField = field => `original${field[0].toUpperCase()}${field.slice(1)}`;

                function shrink(canvases, paneNames, sizeField, startMargin, endMargin, oppositeMargins) {
                    paneNames = paneNames.sort((p1, p2) => canvases[p2][startMargin] - canvases[p1][startMargin]);
                    paneNames.forEach(pane => {
                        const canvas = canvases[pane];
                        oppositeMargins.forEach(margin => {
                            canvas[margin] = canvas[getOriginalField(margin)] + getMaxMargin(margin, verticalMargins, horizontalMargins, pane)
                        })
                    });
                    const firstPane = canvases[paneNames[0]];
                    const initialEmptySpace = firstPane[sizeField] - firstPane[getOriginalField(endMargin)] - canvases[paneNames.at(-1)][getOriginalField(startMargin)];
                    let emptySpace = paneNames.reduce((space, paneName) => {
                        const maxStartMargin = getMaxMargin(startMargin, verticalMargins, horizontalMargins, paneName);
                        const maxEndMargin = getMaxMargin(endMargin, verticalMargins, horizontalMargins, paneName);
                        return space - maxStartMargin - maxEndMargin
                    }, initialEmptySpace) - _utils.PANE_PADDING * (paneNames.length - 1);
                    emptySpace -= Object.keys(sizes).reduce((prev, key) => {
                        const currentHeight = !(0, _utils.isRelativeHeightPane)(sizes[key]) ? sizes[key].height : 0;
                        return prev + currentHeight
                    }, 0);
                    const initialOffset = firstPane[sizeField] - firstPane[getOriginalField(endMargin)] - (emptySpace < 0 ? emptySpace : 0);
                    paneNames.reduce((offset, pane) => {
                        const canvas = canvases[pane];
                        const paneSize = sizes[pane];
                        offset -= getMaxMargin(endMargin, verticalMargins, horizontalMargins, pane);
                        canvas[endMargin] = firstPane[sizeField] - offset;
                        offset -= !(0, _utils.isRelativeHeightPane)(paneSize) ? paneSize.height : Math.floor(emptySpace * paneSize.height);
                        canvas[startMargin] = offset;
                        offset -= getMaxMargin(startMargin, verticalMargins, horizontalMargins, pane) + _utils.PANE_PADDING;
                        return offset
                    }, initialOffset)
                }
                const paneNames = Object.keys(canvases);
                if (!isRotated) {
                    shrink(canvases, paneNames, "height", "top", "bottom", ["left", "right"])
                } else {
                    shrink(canvases, paneNames, "width", "left", "right", ["top", "bottom"])
                }
                return canvases
            }

            function drawAxesWithTicks(axes, condition, canvases, panesBorderOptions) {
                if (condition) {
                    performActionOnAxes(axes, "createTicks", canvases);
                    _multi_axes_synchronizer.default.synchronize(axes)
                }
                performActionOnAxes(axes, "draw", !condition && canvases, panesBorderOptions)
            }

            function shiftAxis(side1, side2) {
                const shifts = {};
                return function(axis) {
                    if (!axis.customPositionIsAvailable() || axis.customPositionEqualsToPredefined()) {
                        const shift = shifts[axis.pane] = shifts[axis.pane] || {
                            top: 0,
                            left: 0,
                            bottom: 0,
                            right: 0
                        };
                        const spacing = axis.getMultipleAxesSpacing();
                        const margins = axis.getMargins();
                        axis.shift(shift);
                        shift[side1] = accumulate(side1, shift, margins, spacing);
                        shift[side2] = accumulate(side2, shift, margins, spacing)
                    } else {
                        axis.shift({
                            top: 0,
                            left: 0,
                            bottom: 0,
                            right: 0
                        })
                    }
                }
            }

            function getCommonSize(side, margins) {
                let size = 0;
                let paneMargins;
                Object.keys(margins.panes).forEach(pane => {
                    paneMargins = margins.panes[pane];
                    size += "height" === side ? paneMargins.top + paneMargins.bottom : paneMargins.left + paneMargins.right
                });
                return size
            }

            function checkUsedSpace(sizeShortage, side, axes, getMarginFunc) {
                let size = 0;
                if (sizeShortage[side] > 0) {
                    size = getCommonSize(side, getMarginFunc(axes, getAxisMargins));
                    performActionOnAxes(axes, "hideTitle");
                    sizeShortage[side] -= size - getCommonSize(side, getMarginFunc(axes, getAxisMargins))
                }
                if (sizeShortage[side] > 0) {
                    performActionOnAxes(axes, "hideOuterElements")
                }
            }
            const isOverlay = (currentPoint, overlayPoint, pointRadius) => {
                const pointHitsLeftBorder = overlayPoint.x - pointRadius <= currentPoint.x;
                const pointHitsRightBorder = overlayPoint.x + pointRadius >= currentPoint.x;
                const pointHitsTopBorder = overlayPoint.y - pointRadius <= currentPoint.y;
                const pointHitsBottomBorder = overlayPoint.y + pointRadius >= currentPoint.y;
                const isPointOverlappedHorizontally = pointHitsLeftBorder && pointHitsRightBorder;
                const isPointOverlappedVertically = pointHitsTopBorder && pointHitsBottomBorder;
                return isPointOverlappedHorizontally && isPointOverlappedVertically
            };
            const isPointOverlapped = (currentPoint, points, skipSamePointsComparing) => {
                const radiusPoint = currentPoint.getOptions().size / 2;
                for (let i = 0; i < points.length; i += 1) {
                    if (!skipSamePointsComparing) {
                        const isXCoordinateSame = points[i].x === currentPoint.x;
                        const isYCoordinateSame = points[i].y === currentPoint.y;
                        if (isXCoordinateSame && isYCoordinateSame) {
                            continue
                        }
                    }
                    if (isOverlay(currentPoint, points[i], radiusPoint)) {
                        return true
                    }
                }
                return false
            };
            const dxChart = _m_advanced_chart.AdvancedChart.inherit({
                _themeSection: "chart",
                _fontFields: ["crosshair.label.font"],
                _initCore() {
                    this.paneAxis = {};
                    this.callBase()
                },
                _init() {
                    this._containerInitialHeight = (0, _window.hasWindow)() ? (0, _size.getHeight)(this._$element) : 0;
                    this.callBase()
                },
                _correctAxes() {
                    this._correctValueAxes(true)
                },
                _getExtraOptions: _common.noop,
                _createPanes() {
                    let panes = this.option("panes");
                    let panesNameCounter = 0;
                    let defaultPane;
                    if (!panes || isArray(panes) && !panes.length) {
                        panes = DEFAULT_PANES
                    }
                    this.callBase();
                    defaultPane = this.option("defaultPane");
                    panes = (0, _extend2.extend)(true, [], isArray(panes) ? panes : [panes]);
                    (0, _iterator.each)(panes, (_, pane) => {
                        pane.name = !(0, _type.isDefined)(pane.name) ? "default" + panesNameCounter++ : pane.name
                    });
                    if ((0, _type.isDefined)(defaultPane)) {
                        if (!doesPaneExist(panes, defaultPane)) {
                            this._incidentOccurred("W2101", [defaultPane]);
                            defaultPane = panes[panes.length - 1].name
                        }
                    } else {
                        defaultPane = panes[panes.length - 1].name
                    }
                    this.defaultPane = defaultPane;
                    panes = this._isRotated() ? panes.reverse() : panes;
                    return panes
                },
                _getAxisRenderingOptions: () => ({
                    axisType: "xyAxes",
                    drawingType: "linear"
                }),
                _prepareAxisOptions(typeSelector, userOptions, rotated) {
                    return {
                        isHorizontal: "argumentAxis" === typeSelector !== rotated,
                        containerColor: this._themeManager.getOptions("containerBackgroundColor")
                    }
                },
                _checkPaneName(seriesTheme) {
                    const paneList = (0, _utils.map)(this.panes, pane => pane.name);
                    seriesTheme.pane = seriesTheme.pane || this.defaultPane;
                    return paneList.includes(seriesTheme.pane)
                },
                _initCustomPositioningAxes() {
                    const argumentAxis = this.getArgumentAxis();
                    const valueAxisName = argumentAxis.getOptions().customPositionAxis;
                    const valueAxis = this._valueAxes.find(v => v.pane === argumentAxis.pane && (!valueAxisName || valueAxisName === v.name));
                    this._valueAxes.forEach(v => {
                        if (argumentAxis !== v.getOrthogonalAxis()) {
                            v.getOrthogonalAxis = () => argumentAxis;
                            v.customPositionIsBoundaryOrthogonalAxis = () => argumentAxis.customPositionIsBoundary()
                        }
                    });
                    if ((0, _type.isDefined)(valueAxis) && valueAxis !== argumentAxis.getOrthogonalAxis()) {
                        argumentAxis.getOrthogonalAxis = () => valueAxis;
                        argumentAxis.customPositionIsBoundaryOrthogonalAxis = () => this._valueAxes.some(v => v.customPositionIsBoundary())
                    } else if ((0, _type.isDefined)(argumentAxis.getOrthogonalAxis()) && !(0, _type.isDefined)(valueAxis)) {
                        argumentAxis.getOrthogonalAxis = _common.noop
                    }
                },
                _getAllAxes() {
                    return this._argumentAxes.concat(this._valueAxes)
                },
                _resetAxesAnimation(isFirstDrawing, isHorizontal) {
                    let axes;
                    if ((0, _type.isDefined)(isHorizontal)) {
                        axes = isHorizontal ^ this._isRotated() ? this._argumentAxes : this._valueAxes
                    } else {
                        axes = this._getAllAxes()
                    }
                    axes.forEach(a => {
                        a.resetApplyingAnimation(isFirstDrawing)
                    })
                },
                _axesBoundaryPositioning() {
                    const allAxes = this._getAllAxes();
                    let boundaryStateChanged = false;
                    allAxes.forEach(a => {
                        if (!a.customPositionIsAvailable()) {
                            return
                        }
                        const prevBoundaryState = a.customPositionIsBoundary();
                        a._customBoundaryPosition = a.getCustomBoundaryPosition();
                        boundaryStateChanged = boundaryStateChanged || prevBoundaryState !== a.customPositionIsBoundary()
                    });
                    return boundaryStateChanged
                },
                _getCrosshairMargins() {
                    const crosshairOptions = this._getCrosshairOptions() || {};
                    const crosshairEnabled = crosshairOptions.enabled;
                    const margins = (0, _crosshair.getMargins)();
                    const horizontalLabel = (0, _extend2.extend)(true, {}, crosshairOptions.label, crosshairOptions.horizontalLine.label);
                    const verticalLabel = (0, _extend2.extend)(true, {}, crosshairOptions.label, crosshairOptions.verticalLine.label);
                    return {
                        x: crosshairEnabled && crosshairOptions.horizontalLine.visible && horizontalLabel.visible ? margins.x : 0,
                        y: crosshairEnabled && crosshairOptions.verticalLine.visible && verticalLabel.visible ? margins.y : 0
                    }
                },
                _getValueAxis(paneName, axisName) {
                    const valueAxes = this._valueAxes;
                    const valueAxisOptions = this.option("valueAxis") || {};
                    const valueAxesOptions = isArray(valueAxisOptions) ? valueAxisOptions : [valueAxisOptions];
                    const rotated = this._isRotated();
                    const crosshairMargins = this._getCrosshairMargins();
                    let axisOptions;
                    let axis;
                    axisName = axisName || function(axes, paneName, defaultPane) {
                        let result;
                        for (let i = 0; i < axes.length; i += 1) {
                            if (axes[i].pane === paneName || void 0 === axes[i].pane && paneName === defaultPane) {
                                result = axes[i].name;
                                break
                            }
                        }
                        if (!result) {
                            result = axes[0].name
                        }
                        return result
                    }(valueAxes, paneName, this.defaultPane);
                    axis = findAxis(paneName, axisName, valueAxes);
                    if (!axis) {
                        axisOptions = function(valueAxes, valueAxesOptions, axisName) {
                            let result;
                            let axInd;
                            for (axInd = 0; axInd < valueAxesOptions.length; axInd += 1) {
                                if (valueAxesOptions[axInd].name === axisName) {
                                    result = valueAxesOptions[axInd];
                                    result.priority = axInd;
                                    break
                                }
                            }
                            if (!result) {
                                for (axInd = 0; axInd < valueAxes.length; axInd += 1) {
                                    if (valueAxes[axInd].name === axisName) {
                                        result = valueAxes[axInd].getOptions();
                                        result.priority = valueAxes[axInd].priority;
                                        break
                                    }
                                }
                            }
                            return result
                        }(valueAxes, valueAxesOptions, axisName);
                        if (!axisOptions) {
                            this._incidentOccurred("W2102", [axisName]);
                            axisOptions = {
                                name: axisName,
                                priority: valueAxes.length
                            }
                        }
                        axis = this._createAxis(false, this._populateAxesOptions("valueAxis", axisOptions, {
                            pane: paneName,
                            name: axisName,
                            optionPath: isArray(valueAxisOptions) ? `valueAxis[${axisOptions.priority}]` : "valueAxis",
                            crosshairMargin: rotated ? crosshairMargins.y : crosshairMargins.x
                        }, rotated));
                        axis.applyVisualRangeSetter(this._getVisualRangeSetter());
                        valueAxes.push(axis)
                    }
                    axis.setPane(paneName);
                    return axis
                },
                _correctValueAxes(needHideGrids) {
                    const synchronizeMultiAxes = this._themeManager.getOptions("synchronizeMultiAxes");
                    const valueAxes = this._valueAxes;
                    const paneWithAxis = {};
                    this.series.forEach(series => {
                        const axis = series.getValueAxis();
                        paneWithAxis[axis.pane] = true
                    });
                    this.panes.forEach(pane => {
                        const paneName = pane.name;
                        if (!paneWithAxis[paneName]) {
                            this._getValueAxis(paneName)
                        }
                        if (needHideGrids && synchronizeMultiAxes) {
                            ! function(axesForPane) {
                                let axisShown = false;
                                const hiddenStubAxis = [];
                                const minorGridVisibility = axesForPane.some(axis => {
                                    const minorGridOptions = axis.getOptions().minorGrid;
                                    return null === minorGridOptions || void 0 === minorGridOptions ? void 0 : minorGridOptions.visible
                                });
                                const gridVisibility = axesForPane.some(axis => {
                                    const gridOptions = axis.getOptions().grid;
                                    return null === gridOptions || void 0 === gridOptions ? void 0 : gridOptions.visible
                                });
                                if (axesForPane.length > 1) {
                                    axesForPane.forEach(axis => {
                                        const gridOpt = axis.getOptions().grid;
                                        if (axisShown) {
                                            changeVisibilityAxisGrids(axis, false, false)
                                        } else if (null !== gridOpt && void 0 !== gridOpt && gridOpt.visible) {
                                            if (axis.getTranslator().getBusinessRange().isEmpty()) {
                                                changeVisibilityAxisGrids(axis, false, false);
                                                hiddenStubAxis.push(axis)
                                            } else {
                                                axisShown = true;
                                                changeVisibilityAxisGrids(axis, gridVisibility, minorGridVisibility)
                                            }
                                        }
                                    });
                                    if (!axisShown && hiddenStubAxis.length) {
                                        changeVisibilityAxisGrids(hiddenStubAxis[0], gridVisibility, minorGridVisibility)
                                    }
                                }
                            }(valueAxes.filter(axis => axis.pane === paneName))
                        }
                    });
                    this._valueAxes = valueAxes.filter(axis => {
                        if (!axis.pane) {
                            axis.setPane(this.defaultPane)
                        }
                        const paneExists = doesPaneExist(this.panes, axis.pane);
                        if (!paneExists) {
                            axis.dispose();
                            axis = null
                        }
                        return paneExists
                    }).sort(compareAxes);
                    const defaultAxis = this.getValueAxis();
                    this._valueAxes.forEach(axis => {
                        const {
                            optionPath: optionPath
                        } = axis.getOptions();
                        if (optionPath) {
                            const axesWithSamePath = this._valueAxes.filter(a => a.getOptions().optionPath === optionPath);
                            if (axesWithSamePath.length > 1) {
                                if (axesWithSamePath.some(a => a === defaultAxis)) {
                                    axesWithSamePath.forEach(a => {
                                        if (a !== defaultAxis) {
                                            a.getOptions().optionPath = null
                                        }
                                    })
                                } else {
                                    axesWithSamePath.forEach((a, i) => {
                                        if (0 !== i) {
                                            a.getOptions().optionPath = null
                                        }
                                    })
                                }
                            }
                        }
                    })
                },
                _getSeriesForPane(paneName) {
                    const paneSeries = [];
                    (0, _iterator.each)(this.series, (_, oneSeries) => {
                        if (oneSeries.pane === paneName) {
                            paneSeries.push(oneSeries)
                        }
                    });
                    return paneSeries
                },
                _createPanesBorderOptions() {
                    const commonBorderOptions = this._themeManager.getOptions("commonPaneSettings").border;
                    const panesBorderOptions = {};
                    this.panes.forEach(pane => {
                        panesBorderOptions[pane.name] = (0, _extend2.extend)(true, {}, commonBorderOptions, pane.border)
                    });
                    return panesBorderOptions
                },
                _createScrollBar() {
                    const scrollBarOptions = this._themeManager.getOptions("scrollBar") || {};
                    const scrollBarGroup = this._scrollBarGroup;
                    if (scrollBarOptions.visible) {
                        scrollBarOptions.rotated = this._isRotated();
                        this._scrollBar = (this._scrollBar || new _scroll_bar.ScrollBar(this._renderer, scrollBarGroup)).update(scrollBarOptions)
                    } else {
                        var _this$_scrollBar;
                        scrollBarGroup.linkRemove();
                        null === (_this$_scrollBar = this._scrollBar) || void 0 === _this$_scrollBar || _this$_scrollBar.dispose();
                        this._scrollBar = null
                    }
                },
                _executeAppendAfterSeries(append) {
                    append()
                },
                _prepareToRender() {
                    const panesBorderOptions = this._createPanesBorderOptions();
                    this._createPanesBackground();
                    this._appendAxesGroups();
                    this._adjustViewport();
                    return panesBorderOptions
                },
                _adjustViewport() {
                    const adjustOnZoom = this._themeManager.getOptions("adjustOnZoom");
                    if (!adjustOnZoom) {
                        return
                    }
                    this._valueAxes.forEach(axis => axis.adjust())
                },
                _recreateSizeDependentObjects(isCanvasChanged) {
                    const series = this._getVisibleSeries();
                    const useAggregation = series.some(s => s.useAggregation());
                    const zoomChanged = this._isZooming();
                    if (!useAggregation) {
                        return
                    }
                    this._argumentAxes.forEach(axis => {
                        axis.updateCanvas(this._canvas, true)
                    });
                    series.forEach(series => {
                        if (series.useAggregation() && (isCanvasChanged || zoomChanged || !series._useAllAggregatedPoints)) {
                            series.createPoints()
                        }
                    });
                    this._processSeriesFamilies()
                },
                _isZooming() {
                    const argumentAxis = this.getArgumentAxis();
                    if (!(null !== argumentAxis && void 0 !== argumentAxis && argumentAxis.getTranslator())) {
                        return false
                    }
                    const businessRange = argumentAxis.getTranslator().getBusinessRange();
                    const zoomRange = argumentAxis.getViewport();
                    let min = zoomRange ? zoomRange.min : 0;
                    let max = zoomRange ? zoomRange.max : 0;
                    if ("logarithmic" === businessRange.axisType) {
                        min = (0, _utils.getLog)(min, businessRange.base);
                        max = (0, _utils.getLog)(max, businessRange.base)
                    }
                    const viewportDistance = "discrete" === businessRange.axisType ? (0, _utils.getCategoriesInfo)(businessRange.categories, min, max).categories.length : Math.abs(max - min);
                    let precision = (0, _math.getPrecision)(viewportDistance);
                    precision = precision > 1 ? 10 ** (precision - 2) : 1;
                    const zoomChanged = Math.round((this._zoomLength - viewportDistance) * precision) / precision !== 0;
                    this._zoomLength = viewportDistance;
                    return zoomChanged
                },
                _handleSeriesDataUpdated() {
                    const viewport = new _range.Range;
                    this._argumentAxes.forEach(axis => {
                        if (Array.isArray(axis._majorTicks)) {
                            axis._majorTicks.forEach(tick => tick.removeLabel && tick.removeLabel())
                        }
                        if (Array.isArray(axis._minorTicks)) {
                            axis._minorTicks.forEach(tick => tick.removeLabel && tick.removeLabel())
                        }
                    });
                    this.series.forEach(s => {
                        viewport.addRange(s.getArgumentRange())
                    });
                    this._argumentAxes.forEach(axis => {
                        axis.updateCanvas(this._canvas, true);
                        axis.setBusinessRange(viewport, this._axesReinitialized)
                    });
                    this.callBase()
                },
                _isLegendInside() {
                    return this._legend && "inside" === this._legend.getPosition()
                },
                _isRotated() {
                    return this._themeManager.getOptions("rotated")
                },
                _getLayoutTargets() {
                    return this.panes
                },
                _applyClipRects(panesBorderOptions) {
                    this._drawPanesBorders(panesBorderOptions);
                    this._createClipRectsForPanes();
                    this._applyClipRectsForAxes();
                    this._fillPanesBackground()
                },
                _updateLegendPosition(drawOptions, legendHasInsidePosition) {
                    if (drawOptions.drawLegend && this._legend && legendHasInsidePosition) {
                        const {
                            panes: panes
                        } = this;
                        const newCanvas = (0, _extend2.extend)({}, panes[0].canvas);
                        const layoutManager = new _layout_manager.LayoutManager;
                        newCanvas.right = panes[panes.length - 1].canvas.right;
                        newCanvas.bottom = panes[panes.length - 1].canvas.bottom;
                        layoutManager.layoutInsideLegend(this._legend, newCanvas)
                    }
                },
                _allowLegendInsidePosition: () => true,
                _applyExtraSettings(series) {
                    const paneIndex = this._getPaneIndex(series.pane);
                    const panesClipRects = this._panesClipRects;
                    const wideClipRect = panesClipRects.wide[paneIndex];
                    series.setClippingParams(panesClipRects.base[paneIndex].id, null === wideClipRect || void 0 === wideClipRect ? void 0 : wideClipRect.id, this._getPaneBorderVisibility(paneIndex))
                },
                _updatePanesCanvases(drawOptions) {
                    if (!drawOptions.recreateCanvas) {
                        return
                    }(0, _utils.updatePanesCanvases)(this.panes, this._canvas, this._isRotated())
                },
                _normalizePanesHeight() {
                    (0, _utils.normalizePanesHeight)(this.panes)
                },
                _renderScaleBreaks() {
                    this._valueAxes.concat(this._argumentAxes).forEach(axis => {
                        axis.drawScaleBreaks()
                    })
                },
                _getArgFilter() {
                    return _range_data_calculator.default.getViewPortFilter(this.getArgumentAxis().visualRange() || {})
                },
                _hidePointsForSingleSeriesIfNeeded(series) {
                    const seriesPoints = series.getPoints();
                    let overlappedPointsCount = 0;
                    for (let i = 0; i < seriesPoints.length; i += 1) {
                        const currentPoint = seriesPoints[i];
                        const overlappingPoints = seriesPoints.slice(i + 1);
                        overlappedPointsCount += Number(isPointOverlapped(currentPoint, overlappingPoints));
                        if (overlappedPointsCount > seriesPoints.length / 2) {
                            series.autoHidePointMarkers = true;
                            break
                        }
                    }
                },
                _applyAutoHidePointMarkers(filteredSeries) {
                    let overlappingPoints = [];
                    const overlappedPointsCalculator = (pointsCount, currentPoint) => pointsCount + isPointOverlapped(currentPoint, overlappingPoints, true);
                    for (let i = filteredSeries.length - 1; i >= 0; i -= 1) {
                        const currentSeries = filteredSeries[i];
                        if (!currentSeries.autoHidePointMarkersEnabled()) {
                            continue
                        }
                        currentSeries.autoHidePointMarkers = false;
                        this._hidePointsForSingleSeriesIfNeeded(currentSeries);
                        if (!currentSeries.autoHidePointMarkers) {
                            const seriesPoints = currentSeries.getPoints();
                            const overlappingPointsCount = seriesPoints.reduce(overlappedPointsCalculator, 0);
                            if (overlappingPointsCount < seriesPoints.length) {
                                overlappingPoints = overlappingPoints.concat(seriesPoints)
                            } else {
                                currentSeries.autoHidePointMarkers = true
                            }
                        }
                    }
                },
                _applyPointMarkersAutoHiding() {
                    const allSeries = this.series;
                    if (!this._themeManager.getOptions("autoHidePointMarkers")) {
                        allSeries.forEach(s => {
                            s.autoHidePointMarkers = false
                        });
                        return
                    }
                    this.panes.forEach(_ref => {
                        let {
                            borderCoords: borderCoords,
                            name: name
                        } = _ref;
                        const series = allSeries.filter(s => s.pane === name && s.usePointsToDefineAutoHiding());
                        series.forEach(singleSeries => {
                            singleSeries.prepareCoordinatesForPoints()
                        });
                        const argAxis = this.getArgumentAxis();
                        const markersInfo = function(allSeries, filteredSeries, argAxis) {
                            const series = [];
                            const overloadedSeries = {};
                            const argVisualRange = argAxis.visualRange();
                            const argTranslator = argAxis.getTranslator();
                            const argViewPortFilter = _range_data_calculator.default.getViewPortFilter(argVisualRange || {});
                            filteredSeries.forEach(s => {
                                const valAxis = s.getValueAxis();
                                const valVisualRange = valAxis.getCanvasRange();
                                const valTranslator = valAxis.getTranslator();
                                const seriesIndex = allSeries.indexOf(s);
                                const valViewPortFilter = _range_data_calculator.default.getViewPortFilter(valVisualRange || {});
                                overloadedSeries[seriesIndex] = {};
                                filteredSeries.forEach(sr => {
                                    overloadedSeries[seriesIndex][allSeries.indexOf(sr)] = 0
                                });
                                const seriesPoints = [];
                                const pointsInViewport = s.getPoints().filter(p => p.getOptions().visible && argViewPortFilter(p.argument) && (valViewPortFilter(p.getMinValue(true)) || valViewPortFilter(p.getMaxValue(true))));
                                pointsInViewport.forEach(p => {
                                    const tp = {
                                        seriesIndex: seriesIndex,
                                        argument: p.argument,
                                        value: p.getMaxValue(true),
                                        size: p.bubbleSize || p.getOptions().size,
                                        x: void 0,
                                        y: void 0
                                    };
                                    if (p.getMinValue(true) !== p.getMaxValue(true)) {
                                        const mp = (0, _extend2.extend)({}, tp);
                                        mp.value = p.getMinValue(true);
                                        mp.x = argTranslator.to(mp.argument, 1);
                                        mp.y = valTranslator.to(mp.value, 1);
                                        seriesPoints.push(mp)
                                    }
                                    tp.x = argTranslator.to(tp.argument, 1);
                                    tp.y = valTranslator.to(tp.value, 1);
                                    seriesPoints.push(tp)
                                });
                                overloadedSeries[seriesIndex].pointsCount = seriesPoints.length;
                                overloadedSeries[seriesIndex].total = 0;
                                overloadedSeries[seriesIndex].continuousSeries = 0;
                                series.push({
                                    name: s.name,
                                    index: seriesIndex,
                                    points: seriesPoints
                                })
                            });
                            return {
                                series: series,
                                overloadedSeries: overloadedSeries
                            }
                        }(allSeries, series, argAxis);
                        ! function(canvas, markersInfo, series) {
                            const area = canvas.width * canvas.height;
                            const seriesPoints = markersInfo.series;
                            for (let i = seriesPoints.length - 1; i >= 0; i -= 1) {
                                const currentSeries = series.filter(s => s.name === seriesPoints[i].name)[0];
                                const {
                                    points: points
                                } = seriesPoints[i];
                                const pointSize = points.length ? points[0].size : 0;
                                const pointsArea = pointSize * pointSize * points.length;
                                if (currentSeries.autoHidePointMarkersEnabled() && pointsArea >= area / seriesPoints.length) {
                                    const {
                                        index: index
                                    } = seriesPoints[i];
                                    currentSeries.autoHidePointMarkers = true;
                                    seriesPoints.splice(i, 1);
                                    series.splice(series.indexOf(currentSeries), 1);
                                    markersInfo.overloadedSeries[index] = null
                                }
                            }
                        }(borderCoords, markersInfo, series);
                        if (markersInfo.series.length) {
                            const argVisualRange = argAxis.visualRange();
                            const argAxisIsDiscrete = "discrete" === argAxis.getOptions().type;
                            const sortingCallback = argAxisIsDiscrete ? (p1, p2) => argVisualRange.categories.indexOf(p1.argument) - argVisualRange.categories.indexOf(p2.argument) : (p1, p2) => p1.argument - p2.argument;
                            let points = [];
                            markersInfo.series.forEach(s => {
                                points = points.concat(s.points)
                            });
                            points.sort(sortingCallback);
                            ! function(points, overloadedSeries) {
                                let isContinuousSeries = false;
                                for (let i = 0; i < points.length - 1; i += 1) {
                                    const curPoint = points[i];
                                    const {
                                        size: size
                                    } = curPoint;
                                    if ((0, _type.isDefined)(curPoint.x) && (0, _type.isDefined)(curPoint.y)) {
                                        for (let j = i + 1; j < points.length; j += 1) {
                                            const nextPoint = points[j];
                                            const nextX = null === nextPoint || void 0 === nextPoint ? void 0 : nextPoint.x;
                                            const nextY = null === nextPoint || void 0 === nextPoint ? void 0 : nextPoint.y;
                                            if (!(0, _type.isDefined)(nextX) || Math.abs(curPoint.x - nextX) >= size) {
                                                isContinuousSeries = isContinuousSeries && j !== i + 1;
                                                break
                                            } else {
                                                const distance = (0, _type.isDefined)(nextX) && (0, _type.isDefined)(nextY) && Math.sqrt((curPoint.x - nextX) ** 2 + (curPoint.y - nextY) ** 2);
                                                if (distance && distance < size) {
                                                    overloadedSeries[curPoint.seriesIndex][nextPoint.seriesIndex] += 1;
                                                    overloadedSeries[curPoint.seriesIndex].total += 1;
                                                    if (!isContinuousSeries) {
                                                        overloadedSeries[curPoint.seriesIndex].continuousSeries += 1;
                                                        isContinuousSeries = true
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }(points, markersInfo.overloadedSeries);
                            this._applyAutoHidePointMarkers(series)
                        }
                    })
                },
                _renderAxes(drawOptions, panesBorderOptions) {
                    function calculateTitlesWidth(axes) {
                        return axes.map(axis => {
                            if (!axis.getTitle) {
                                return 0
                            }
                            const title = axis.getTitle();
                            return title ? title.bBox.width : 0
                        })
                    }
                    const rotated = this._isRotated();
                    const synchronizeMultiAxes = this._themeManager.getOptions("synchronizeMultiAxes");
                    const scrollBar = this._scrollBar ? [this._scrollBar] : [];
                    const extendedArgAxes = this._isArgumentAxisBeforeScrollBar() ? this._argumentAxes.concat(scrollBar) : scrollBar.concat(this._argumentAxes);
                    const verticalAxes = rotated ? this._argumentAxes : this._valueAxes;
                    const verticalElements = rotated ? extendedArgAxes : this._valueAxes;
                    const horizontalAxes = rotated ? this._valueAxes : this._argumentAxes;
                    const horizontalElements = rotated ? this._valueAxes : extendedArgAxes;
                    const allAxes = verticalAxes.concat(horizontalAxes);
                    const allElements = allAxes.concat(scrollBar);
                    const verticalAxesFirstDrawing = verticalAxes.some(v => v.isFirstDrawing());
                    this._normalizePanesHeight();
                    this._updatePanesCanvases(drawOptions);
                    let panesCanvases = this.panes.reduce((canvases, pane) => {
                        canvases[pane.name] = (0, _extend2.extend)({}, pane.canvas);
                        return canvases
                    }, {});
                    const paneSizes = this.panes.reduce((sizes, pane) => {
                        sizes[pane.name] = {
                            height: pane.height,
                            unit: pane.unit
                        };
                        return sizes
                    }, {});
                    const cleanPanesCanvases = (0, _extend2.extend)(true, {}, panesCanvases);
                    this._initCustomPositioningAxes();
                    const needCustomAdjustAxes = this._axesBoundaryPositioning();
                    if (!drawOptions.adjustAxes && !needCustomAdjustAxes) {
                        drawAxesWithTicks(verticalAxes, !rotated && synchronizeMultiAxes, panesCanvases, panesBorderOptions);
                        drawAxesWithTicks(horizontalAxes, rotated && synchronizeMultiAxes, panesCanvases, panesBorderOptions);
                        performActionOnAxes(allAxes, "prepareAnimation");
                        this._renderScaleBreaks();
                        horizontalAxes.forEach(a => a.resolveOverlappingForCustomPositioning(verticalAxes));
                        verticalAxes.forEach(a => a.resolveOverlappingForCustomPositioning(horizontalAxes));
                        return false
                    }
                    if (needCustomAdjustAxes) {
                        allAxes.forEach(a => a.customPositionIsAvailable() && a.shift({
                            top: 0,
                            left: 0,
                            bottom: 0,
                            right: 0
                        }))
                    }
                    if (this._scrollBar) {
                        this._scrollBar.setPane(this.panes)
                    }
                    let vAxesMargins = {
                        panes: {},
                        left: 0,
                        right: 0
                    };
                    let hAxesMargins = getHorizontalAxesMargins(horizontalElements, axis => axis.estimateMargins(panesCanvases[axis.pane]));
                    panesCanvases = shrinkCanvases(rotated, panesCanvases, paneSizes, vAxesMargins, hAxesMargins);
                    const drawAxesAndSetCanvases = isHorizontal => {
                        const axes = isHorizontal ? horizontalAxes : verticalAxes;
                        const condition = (isHorizontal ? rotated : !rotated) && synchronizeMultiAxes;
                        drawAxesWithTicks(axes, condition, panesCanvases, panesBorderOptions);
                        if (isHorizontal) {
                            hAxesMargins = getHorizontalAxesMargins(horizontalElements, getAxisMargins)
                        } else {
                            vAxesMargins = getVerticalAxesMargins(verticalElements)
                        }
                        panesCanvases = shrinkCanvases(rotated, panesCanvases, paneSizes, vAxesMargins, hAxesMargins)
                    };
                    drawAxesAndSetCanvases(false);
                    drawAxesAndSetCanvases(true);
                    if (!this._changesApplying && this._estimateTickIntervals(verticalAxes, panesCanvases)) {
                        drawAxesAndSetCanvases(false)
                    }
                    let oldTitlesWidth = calculateTitlesWidth(verticalAxes);
                    const visibleSeries = this._getVisibleSeries();
                    const pointsToAnimation = this._getPointsToAnimation(visibleSeries);
                    const axesIsAnimated = function(drawOptions, pointsToAnimation) {
                        const pointsCount = pointsToAnimation.reduce((sum, count) => sum + count, 0) / pointsToAnimation.length;
                        return drawOptions.animate && pointsCount <= drawOptions.animationPointsLimit
                    }(drawOptions, pointsToAnimation);
                    performActionOnAxes(allElements, "updateSize", panesCanvases, axesIsAnimated);
                    horizontalElements.forEach(shiftAxis("top", "bottom"));
                    verticalElements.forEach(shiftAxis("left", "right"));
                    this._renderScaleBreaks();
                    this.panes.forEach(pane => {
                        (0, _extend2.extend)(pane.canvas, panesCanvases[pane.name])
                    });
                    this._valueAxes.forEach(axis => {
                        axis.setInitRange()
                    });
                    verticalAxes.forEach((axis, i) => {
                        var _axis$hasWrap;
                        if (null !== (_axis$hasWrap = axis.hasWrap) && void 0 !== _axis$hasWrap && _axis$hasWrap.call(axis)) {
                            const title = axis.getTitle();
                            const newTitleWidth = title ? title.bBox.width : 0;
                            const offset = newTitleWidth - oldTitlesWidth[i];
                            if ("right" === axis.getOptions().position) {
                                vAxesMargins.right += offset
                            } else {
                                vAxesMargins.left += offset;
                                this.panes.forEach(_ref2 => {
                                    let {
                                        name: name
                                    } = _ref2;
                                    vAxesMargins.panes[name].left += offset
                                })
                            }
                            panesCanvases = shrinkCanvases(rotated, panesCanvases, paneSizes, vAxesMargins, hAxesMargins);
                            performActionOnAxes(allElements, "updateSize", panesCanvases, false, false);
                            oldTitlesWidth = calculateTitlesWidth(verticalAxes)
                        }
                    });
                    if (verticalAxes.some(v => v.customPositionIsAvailable() && v.getCustomPosition() !== v._axisPosition)) {
                        axesIsAnimated && this._resetAxesAnimation(verticalAxesFirstDrawing, false);
                        performActionOnAxes(verticalAxes, "updateSize", panesCanvases, axesIsAnimated)
                    }
                    horizontalAxes.forEach(a => a.resolveOverlappingForCustomPositioning(verticalAxes));
                    verticalAxes.forEach(a => a.resolveOverlappingForCustomPositioning(horizontalAxes));
                    return cleanPanesCanvases
                },
                _getExtraTemplatesItems() {
                    const allAxes = (this._argumentAxes || []).concat(this._valueAxes || []);
                    const elements = this._collectTemplatesFromItems(allAxes);
                    return {
                        items: elements.items,
                        groups: elements.groups,
                        launchRequest() {
                            allAxes.forEach(a => {
                                a.setRenderedState(true)
                            })
                        },
                        doneRequest() {
                            allAxes.forEach(a => {
                                a.setRenderedState(false)
                            })
                        }
                    }
                },
                _estimateTickIntervals: (axes, canvases) => axes.some(axis => axis.estimateTickInterval(canvases[axis.pane])),
                checkForMoreSpaceForPanesCanvas() {
                    const rotated = this._isRotated();
                    const panesAreCustomSized = this.panes.filter(p => p.unit).length === this.panes.length;
                    let needSpace = false;
                    if (panesAreCustomSized) {
                        let needHorizontalSpace = 0;
                        let needVerticalSpace = 0;
                        if (rotated) {
                            const argAxisRightMargin = this.getArgumentAxis().getMargins().right;
                            const rightPanesIndent = Math.min(...this.panes.map(p => p.canvas.right));
                            needHorizontalSpace = this._canvas.right + argAxisRightMargin - rightPanesIndent
                        } else {
                            const argAxisBottomMargin = this.getArgumentAxis().getMargins().bottom;
                            const bottomPanesIndent = Math.min(...this.panes.map(p => p.canvas.bottom));
                            needVerticalSpace = this._canvas.bottom + argAxisBottomMargin - bottomPanesIndent
                        }
                        needSpace = needHorizontalSpace > 0 || needVerticalSpace > 0 ? {
                            width: needHorizontalSpace,
                            height: needVerticalSpace
                        } : false;
                        if (0 !== needVerticalSpace) {
                            const realSize = this.getSize();
                            const customSize = this.option("size");
                            const container = this._$element[0];
                            const containerHasStyledHeight = !!parseInt(container.style.height, 10) || 0 !== this._containerInitialHeight;
                            if (!rotated && !(null !== customSize && void 0 !== customSize && customSize.height) && !containerHasStyledHeight) {
                                this._forceResize(realSize.width, realSize.height + needVerticalSpace);
                                needSpace = false
                            }
                        }
                    } else {
                        needSpace = this.layoutManager.needMoreSpaceForPanesCanvas(this._getLayoutTargets(), rotated, pane => ({
                            width: rotated && !!pane.unit,
                            height: !rotated && !!pane.unit
                        }))
                    }
                    return needSpace
                },
                _forceResize(width, height) {
                    this._renderer.resize(width, height);
                    this._updateSize(true);
                    this._setContentSize();
                    this._preserveOriginalCanvas();
                    this._updateCanvasClipRect(this._canvas)
                },
                _shrinkAxes(sizeShortage, panesCanvases) {
                    if (!sizeShortage || !panesCanvases) {
                        return
                    }
                    this._renderer.stopAllAnimations(true);
                    const rotated = this._isRotated();
                    const scrollBar = this._scrollBar ? [this._scrollBar] : [];
                    const extendedArgAxes = this._isArgumentAxisBeforeScrollBar() ? this._argumentAxes.concat(scrollBar) : scrollBar.concat(this._argumentAxes);
                    const verticalAxes = rotated ? extendedArgAxes : this._valueAxes;
                    const horizontalAxes = rotated ? this._valueAxes : extendedArgAxes;
                    const allAxes = verticalAxes.concat(horizontalAxes);
                    if (sizeShortage.width || sizeShortage.height) {
                        checkUsedSpace(sizeShortage, "height", horizontalAxes, getHorizontalAxesMargins);
                        checkUsedSpace(sizeShortage, "width", verticalAxes, getVerticalAxesMargins);
                        performActionOnAxes(allAxes, "updateSize", panesCanvases);
                        const paneSizes = this.panes.reduce((sizes, pane) => {
                            sizes[pane.name] = {
                                height: pane.height,
                                unit: pane.unit
                            };
                            return sizes
                        }, {});
                        panesCanvases = shrinkCanvases(rotated, panesCanvases, paneSizes, getVerticalAxesMargins(verticalAxes), getHorizontalAxesMargins(horizontalAxes, getAxisMargins));
                        performActionOnAxes(allAxes, "updateSize", panesCanvases);
                        horizontalAxes.forEach(shiftAxis("top", "bottom"));
                        verticalAxes.forEach(shiftAxis("left", "right"));
                        this.panes.forEach(pane => (0, _extend2.extend)(pane.canvas, panesCanvases[pane.name]))
                    }
                },
                _isArgumentAxisBeforeScrollBar() {
                    const argumentAxis = this.getArgumentAxis();
                    if (this._scrollBar) {
                        var _argumentAxis$getOpti;
                        const argAxisPosition = argumentAxis.getResolvedBoundaryPosition();
                        const argAxisLabelPosition = null === (_argumentAxis$getOpti = argumentAxis.getOptions().label) || void 0 === _argumentAxis$getOpti ? void 0 : _argumentAxis$getOpti.position;
                        const scrollBarPosition = this._scrollBar.getOptions().position;
                        return argumentAxis.hasNonBoundaryPosition() || scrollBarPosition === argAxisPosition && argAxisLabelPosition !== scrollBarPosition
                    }
                    return false
                },
                _getPanesParameters() {
                    const {
                        panes: panes
                    } = this;
                    const params = [];
                    for (let i = 0; i < panes.length; i += 1) {
                        if (this._getPaneBorderVisibility(i)) {
                            params.push({
                                coords: panes[i].borderCoords,
                                clipRect: this._panesClipRects.fixed[i]
                            })
                        }
                    }
                    return params
                },
                _createCrosshairCursor() {
                    const options = this._themeManager.getOptions("crosshair") || {};
                    const argumentAxis = this.getArgumentAxis();
                    const axes = this._isRotated() ? [this._valueAxes, [argumentAxis]] : [
                        [argumentAxis], this._valueAxes
                    ];
                    const parameters = {
                        canvas: this._getCommonCanvas(),
                        panes: this._getPanesParameters(),
                        axes: axes
                    };
                    if (!(null !== options && void 0 !== options && options.enabled)) {
                        return
                    }
                    if (this._crosshair) {
                        this._crosshair.update(options, parameters)
                    } else {
                        this._crosshair = new _crosshair.Crosshair(this._renderer, options, parameters, this._crosshairCursorGroup)
                    }
                    this._crosshair.render()
                },
                _getCommonCanvas() {
                    let commonCanvas;
                    const {
                        panes: panes
                    } = this;
                    for (let i = 0; i < panes.length; i += 1) {
                        const {
                            canvas: canvas
                        } = panes[i];
                        if (!commonCanvas) {
                            commonCanvas = (0, _extend2.extend)({}, canvas)
                        } else {
                            commonCanvas.right = canvas.right;
                            commonCanvas.bottom = canvas.bottom
                        }
                    }
                    return commonCanvas
                },
                _createPanesBackground() {
                    const defaultBackgroundColor = this._themeManager.getOptions("commonPaneSettings").backgroundColor;
                    const renderer = this._renderer;
                    const rects = [];
                    this._panesBackgroundGroup.clear();
                    for (let i = 0; i < this.panes.length; i += 1) {
                        const backgroundColor = this.panes[i].backgroundColor || defaultBackgroundColor;
                        if (!backgroundColor || "none" === backgroundColor) {
                            rects.push(null);
                            continue
                        }
                        const rect = renderer.rect(0, 0, 0, 0).attr({
                            fill: (0, _utils.extractColor)(backgroundColor),
                            "stroke-width": 0
                        }).append(this._panesBackgroundGroup);
                        rects.push(rect)
                    }
                    this.panesBackground = rects
                },
                _fillPanesBackground() {
                    (0, _iterator.each)(this.panes, (i, pane) => {
                        const bc = pane.borderCoords;
                        if (null !== this.panesBackground[i]) {
                            this.panesBackground[i].attr({
                                x: bc.left,
                                y: bc.top,
                                width: bc.width,
                                height: bc.height
                            })
                        }
                    })
                },
                _calcPaneBorderCoords(pane) {
                    const {
                        canvas: canvas
                    } = pane;
                    const bc = pane.borderCoords = pane.borderCoords || {};
                    bc.left = canvas.left;
                    bc.top = canvas.top;
                    bc.right = canvas.width - canvas.right;
                    bc.bottom = canvas.height - canvas.bottom;
                    bc.width = Math.max(bc.right - bc.left, 0);
                    bc.height = Math.max(bc.bottom - bc.top, 0)
                },
                _drawPanesBorders(panesBorderOptions) {
                    const rotated = this._isRotated();
                    this._panesBorderGroup.linkRemove().clear();
                    (0, _iterator.each)(this.panes, (i, pane) => {
                        const borderOptions = panesBorderOptions[pane.name];
                        const attr = {
                            fill: "none",
                            stroke: borderOptions.color,
                            "stroke-opacity": borderOptions.opacity,
                            "stroke-width": borderOptions.width,
                            dashStyle: borderOptions.dashStyle,
                            "stroke-linecap": "square"
                        };
                        this._calcPaneBorderCoords(pane, rotated);
                        if (!borderOptions.visible) {
                            return
                        }
                        const bc = pane.borderCoords;
                        const segmentRectParams = (0, _utils2.prepareSegmentRectPoints)(bc.left, bc.top, bc.width, bc.height, borderOptions);
                        this._renderer.path(segmentRectParams.points, segmentRectParams.pathType).attr(attr).append(this._panesBorderGroup)
                    });
                    this._panesBorderGroup.linkAppend()
                },
                _createClipRect(clipArray, index, left, top, width, height) {
                    let clipRect = clipArray[index];
                    if (!clipRect) {
                        clipRect = this._renderer.clipRect(left, top, width, height);
                        clipArray[index] = clipRect
                    } else {
                        clipRect.attr({
                            x: left,
                            y: top,
                            width: width,
                            height: height
                        })
                    }
                },
                _createClipRectsForPanes() {
                    const canvas = this._canvas;
                    (0, _iterator.each)(this.panes, (i, pane) => {
                        let needWideClipRect = false;
                        const bc = pane.borderCoords;
                        let {
                            left: left
                        } = bc;
                        let {
                            top: top
                        } = bc;
                        let {
                            width: width
                        } = bc;
                        let {
                            height: height
                        } = bc;
                        const panesClipRects = this._panesClipRects;
                        this._createClipRect(panesClipRects.fixed, i, left, top, width, height);
                        this._createClipRect(panesClipRects.base, i, left, top, width, height);
                        (0, _iterator.each)(this.series, (_, series) => {
                            if (series.pane === pane.name && (series.isFinancialSeries() || series.areErrorBarsVisible())) {
                                needWideClipRect = true
                            }
                        });
                        if (needWideClipRect) {
                            if (this._isRotated()) {
                                top = 0;
                                height = canvas.height
                            } else {
                                left = 0;
                                width = canvas.width
                            }
                            this._createClipRect(panesClipRects.wide, i, left, top, width, height)
                        } else {
                            panesClipRects.wide[i] = null
                        }
                    })
                },
                _applyClipRectsForAxes() {
                    const axes = this._getAllAxes();
                    const chartCanvasClipRectID = this._getCanvasClipRectID();
                    for (let i = 0; i < axes.length; i += 1) {
                        const elementsClipRectID = this._getElementsClipRectID(axes[i].pane);
                        axes[i].applyClipRects(elementsClipRectID, chartCanvasClipRectID)
                    }
                },
                _getPaneBorderVisibility(paneIndex) {
                    var _pane$border;
                    const commonPaneBorderVisible = this._themeManager.getOptions("commonPaneSettings").border.visible;
                    const pane = this.panes[paneIndex];
                    const paneVisibility = null === pane || void 0 === pane || null === (_pane$border = pane.border) || void 0 === _pane$border ? void 0 : _pane$border.visible;
                    return void 0 === paneVisibility ? commonPaneBorderVisible : paneVisibility
                },
                _getCanvasForPane(paneName) {
                    var _this$panes$find;
                    return null === (_this$panes$find = this.panes.find(pane => pane.name === paneName)) || void 0 === _this$panes$find ? void 0 : _this$panes$find.canvas
                },
                _getTrackerSettings() {
                    return (0, _extend2.extend)(this.callBase(), {
                        chart: this,
                        rotated: this._isRotated(),
                        crosshair: this._getCrosshairOptions().enabled ? this._crosshair : null,
                        stickyHovering: this._themeManager.getOptions("stickyHovering")
                    })
                },
                _resolveLabelOverlappingStack() {
                    const isRotated = this._isRotated();
                    const shiftDirection = isRotated ? (box, length) => ({
                        x: box.x - length,
                        y: box.y
                    }) : (box, length) => ({
                        x: box.x,
                        y: box.y - length
                    });
                    const processor = (a, b) => {
                        const coordPosition = isRotated ? 1 : 0;
                        const figureCenter1 = a.labels[0].getFigureCenter()[coordPosition];
                        const figureCenter12 = b.labels[0].getFigureCenter()[coordPosition];
                        if (figureCenter1 - figureCenter12 === 0) {
                            const translator = a.labels[0].getPoint().series.getValueAxis().getTranslator();
                            const direction = translator.isInverted() ? -1 : 1;
                            return (a.value() - b.value()) * direction
                        }
                        return 0
                    };
                    (0, _iterator.each)(this._getStackPoints(), (_, stacks) => {
                        (0, _iterator.each)(stacks, (_, points) => {
                            const isInverted = points[0].series.getValueAxis().getOptions().inverted;
                            _m_base_chart.overlapping.resolveLabelOverlappingInOneDirection(points, this._getCommonCanvas(), isRotated, isInverted, shiftDirection, processor)
                        })
                    })
                },
                _getStackPoints() {
                    const stackPoints = {};
                    const visibleSeries = this._getVisibleSeries();
                    (0, _iterator.each)(visibleSeries, (_, singleSeries) => {
                        const points = singleSeries.getPoints();
                        const stackName = singleSeries.getStackName() || null;
                        (0, _iterator.each)(points, (_, point) => {
                            const {
                                argument: argument
                            } = point;
                            if (!stackPoints[argument]) {
                                stackPoints[argument] = {}
                            }
                            if (!stackPoints[argument][stackName]) {
                                stackPoints[argument][stackName] = []
                            }
                            stackPoints[argument][stackName].push(point)
                        })
                    });
                    return stackPoints
                },
                _getCrosshairOptions() {
                    return this._getOption("crosshair")
                },
                zoomArgument(min, max) {
                    if (!this._initialized || !(0, _type.isDefined)(min) && !(0, _type.isDefined)(max)) {
                        return
                    }
                    this.getArgumentAxis().visualRange([min, max])
                },
                resetVisualRange() {
                    const axes = this._argumentAxes;
                    const nonVirtualArgumentAxis = this.getArgumentAxis();
                    axes.forEach(axis => {
                        axis.resetVisualRange(nonVirtualArgumentAxis !== axis);
                        this._applyCustomVisualRangeOption(axis)
                    });
                    this.callBase()
                },
                getVisibleArgumentBounds() {
                    const translator = this._argumentAxes[0].getTranslator();
                    const range = translator.getBusinessRange();
                    const isDiscrete = "discrete" === range.axisType;
                    const {
                        categories: categories
                    } = range;
                    return {
                        minVisible: isDiscrete ? range.minVisible || categories[0] : range.minVisible,
                        maxVisible: isDiscrete ? range.maxVisible || categories[categories.length - 1] : range.maxVisible
                    }
                },
                _change_FULL_RENDER() {
                    this.callBase();
                    if (this._changes.has("VISUAL_RANGE")) {
                        this._raiseZoomEndHandlers()
                    }
                },
                _getAxesForScaling() {
                    return [this.getArgumentAxis()].concat(this._valueAxes)
                },
                _applyVisualRangeByVirtualAxes(axis, range) {
                    if (axis.isArgumentAxis) {
                        if (axis !== this.getArgumentAxis()) {
                            return true
                        }
                        this._argumentAxes.filter(a => a !== axis).forEach(a => a.visualRange(range, {
                            start: true,
                            end: true
                        }))
                    }
                    return false
                },
                _raiseZoomEndHandlers() {
                    this._argumentAxes.forEach(axis => axis.handleZoomEnd());
                    this.callBase()
                },
                _setOptionsByReference() {
                    this.callBase();
                    (0, _extend2.extend)(this._optionsByReference, {
                        "argumentAxis.visualRange": true
                    })
                },
                option() {
                    const option = this.callBase(...arguments);
                    const valueAxis = this._options.silent("valueAxis");
                    if ("array" === (0, _type.type)(valueAxis)) {
                        for (let i = 0; i < valueAxis.length; i += 1) {
                            const optionPath = `valueAxis[${i}].visualRange`;
                            this._optionsByReference[optionPath] = true
                        }
                    }
                    return option
                },
                _notifyVisualRange() {
                    const argAxis = this._argumentAxes[0];
                    const argumentVisualRange = (0, _utils.convertVisualRangeObject)(argAxis.visualRange(), !isArray(this.option("argumentAxis.visualRange")));
                    if (!argAxis.skipEventRising || !(0, _utils.rangesAreEqual)(argumentVisualRange, this.option("argumentAxis.visualRange"))) {
                        this.option("argumentAxis.visualRange", argumentVisualRange)
                    } else {
                        argAxis.skipEventRising = null
                    }
                    this.callBase()
                }
            });
            dxChart.addPlugin(_shutter_zoom.default);
            dxChart.addPlugin(_zoom_and_pan.default);
            dxChart.addPlugin(_annotations.plugins.core);
            dxChart.addPlugin(_annotations.plugins.chart);
            (0, _component_registrator.default)("dxChart", dxChart);
            exports.default = dxChart
        },
        98895(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../core/component_registrator */ 92848));
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _consts = _interopRequireDefault(__webpack_require__( /*! ../viz/components/consts */ 44235));
            var _annotations = __webpack_require__( /*! ../viz/core/annotations */ 77438);
            var _center_template = __webpack_require__( /*! ../viz/core/center_template */ 71035);
            var _utils = __webpack_require__( /*! ../viz/core/utils */ 98013);
            var _range = __webpack_require__( /*! ../viz/translators/range */ 8315);
            var _translator1d = __webpack_require__( /*! ../viz/translators/translator1d */ 66383);
            var _m_base_chart = __webpack_require__( /*! ./chart_components/m_base_chart */ 9410);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const {
                states: states
            } = _consts.default;
            const seriesSpacing = _consts.default.pieSeriesSpacing;
            const NORMAL_STATE = states.normalMark;
            const HOVER_STATE = states.hoverMark;
            const SELECTED_STATE = states.selectedMark;
            const LEGEND_ACTIONS = [states.resetItem, states.applyHover, states.applySelected, states.applySelected];

            function shiftInColumnFunction(box, length) {
                return {
                    x: box.x,
                    y: box.y - length
                }
            }

            function dividePoints(series, points) {
                return series.getVisiblePoints().reduce((r, point) => {
                    const angle = (0, _utils.normalizeAngle)(point.middleAngle);
                    (angle <= 90 || angle >= 270 ? r.right : r.left).push(point);
                    return r
                }, points || {
                    left: [],
                    right: []
                })
            }

            function resolveOverlappedLabels(points, shiftCallback, inverseDirection, canvas) {
                let overlapped = false;
                if (inverseDirection) {
                    points.left.reverse();
                    points.right.reverse()
                }
                overlapped = _m_base_chart.overlapping.resolveLabelOverlappingInOneDirection(points.left, canvas, false, false, shiftCallback);
                return _m_base_chart.overlapping.resolveLabelOverlappingInOneDirection(points.right, canvas, false, false, shiftCallback) || overlapped
            }

            function correctPercentValue(value) {
                if ((0, _type.isNumeric)(value)) {
                    if (value > 1) {
                        value = 1
                    } else if (value < 0) {
                        value = 0
                    }
                } else {
                    value = void 0
                }
                return value
            }
            const pieSizeEqualizer = function() {
                function removeFromList(list, item) {
                    return list.filter(li => li !== item)
                }
                let pies = [];
                let timers = {};
                return {
                    queue(pie) {
                        const group = pie.getSizeGroup();
                        pies = (list = pies, item = pie, removeFromList(list, item).concat(item));
                        var list, item;
                        clearTimeout(timers[group]);
                        timers[group] = setTimeout(() => {
                            ! function(group, allPies) {
                                const pies = allPies.filter(p => p._isVisible() && p.getSizeGroup() === group);
                                const minRadius = Math.min.apply(null, pies.map(p => p.getSizeGroupLayout().radius));
                                const minPie = pies.filter(p => p.getSizeGroupLayout().radius === minRadius);
                                pies.forEach(p => p.render({
                                    force: true,
                                    sizeGroupLayout: minPie.length ? minPie[0].getSizeGroupLayout() : {}
                                }))
                            }(group, pies)
                        })
                    },
                    remove(pie) {
                        pies = removeFromList(pies, pie);
                        if (!pies.length) {
                            timers = {}
                        }
                    }
                }
            }();
            const dxPieChart = _m_base_chart.BaseChart.inherit({
                _themeSection: "pie",
                _layoutManagerOptions() {
                    return (0, _extend2.extend)(true, {}, this.callBase(), {
                        piePercentage: correctPercentValue(this._themeManager.getOptions("diameter")),
                        minPiePercentage: correctPercentValue(this._themeManager.getOptions("minDiameter"))
                    })
                },
                _optionChangesMap: {
                    diameter: "REINIT",
                    minDiameter: "REINIT",
                    sizeGroup: "REINIT"
                },
                _disposeCore() {
                    pieSizeEqualizer.remove(this);
                    this.callBase()
                },
                _groupSeries() {
                    var _series$;
                    const {
                        series: series
                    } = this;
                    this._groupsData = {
                        groups: [{
                            series: series,
                            valueOptions: {
                                valueType: "numeric"
                            }
                        }],
                        argumentOptions: null === (_series$ = series[0]) || void 0 === _series$ ? void 0 : _series$.getOptions()
                    }
                },
                getArgumentAxis: () => null,
                _getValueAxis() {
                    const translator = (new _translator1d.Translator1D).setCodomain(360, 0);
                    return {
                        getTranslator: () => translator,
                        setBusinessRange(range) {
                            translator.setDomain(range.min, range.max)
                        }
                    }
                },
                _populateBusinessRange() {
                    this.series.map(series => {
                        const range = new _range.Range;
                        range.addRange(series.getRangeData().val);
                        series.getValueAxis().setBusinessRange(range);
                        return range
                    })
                },
                _specialProcessSeries() {
                    (0, _iterator.each)(this.series, (_, singleSeries) => {
                        singleSeries.arrangePoints()
                    })
                },
                _checkPaneName: () => true,
                _processSingleSeries(singleSeries) {
                    this.callBase(singleSeries);
                    singleSeries.arrangePoints()
                },
                _handleSeriesDataUpdated() {
                    let maxPointCount = 0;
                    this.series.forEach(s => {
                        maxPointCount = Math.max(s.getPointsCount(), maxPointCount)
                    });
                    this.series.forEach(s => {
                        s.setMaxPointsCount(maxPointCount)
                    });
                    this.callBase()
                },
                _getLegendOptions(item) {
                    const legendItem = this.callBase(item);
                    const {
                        legendData: legendData
                    } = legendItem;
                    legendData.argument = item.argument;
                    legendData.argumentIndex = item.argumentIndex;
                    legendData.points = [item];
                    return legendItem
                },
                _getLegendTargets() {
                    const itemsByArgument = {};
                    (this.series || []).forEach(series => {
                        series.getPoints().forEach(point => {
                            const argument = point.argument.valueOf();
                            const index = series.getPointsByArg(argument).indexOf(point);
                            const key = argument.valueOf().toString() + index;
                            itemsByArgument[key] = itemsByArgument[key] || [];
                            const argumentCount = itemsByArgument[key].push(point);
                            point.index = itemsByArgument[key][argumentCount - 2] ? itemsByArgument[key][argumentCount - 2].index : Object.keys(itemsByArgument).length - 1;
                            point.argumentIndex = index
                        })
                    });
                    const items = [];
                    (0, _iterator.each)(itemsByArgument, (_, points) => {
                        points.forEach((point, index) => {
                            if (0 === index) {
                                items.push(this._getLegendOptions(point));
                                return
                            }
                            const item = items[items.length - 1];
                            item.legendData.points.push(point);
                            if (!item.visible) {
                                item.visible = point.isVisible()
                            }
                        })
                    });
                    return items
                },
                _getLayoutTargets() {
                    return [{
                        canvas: this._canvas
                    }]
                },
                _getLayoutSeries(series, drawOptions) {
                    let layout;
                    const canvas = this._canvas;
                    let drawnLabels = false;
                    layout = this.layoutManager.applyPieChartSeriesLayout(canvas, series, true);
                    series.forEach(singleSeries => {
                        singleSeries.correctPosition(layout, canvas);
                        drawnLabels = singleSeries.drawLabelsWOPoints() || drawnLabels
                    });
                    if (drawnLabels) {
                        layout = this.layoutManager.applyPieChartSeriesLayout(canvas, series, drawOptions.hideLayoutLabels)
                    }
                    series.forEach(singleSeries => {
                        singleSeries.hideLabels()
                    });
                    this._sizeGroupLayout = {
                        x: layout.centerX,
                        y: layout.centerY,
                        radius: layout.radiusOuter,
                        drawOptions: drawOptions
                    };
                    return layout
                },
                _getLayoutSeriesForEqualPies(series, sizeGroupLayout) {
                    const canvas = this._canvas;
                    const layout = this.layoutManager.applyEqualPieChartLayout(series, sizeGroupLayout);
                    series.forEach(s => {
                        s.correctPosition(layout, canvas);
                        s.drawLabelsWOPoints()
                    });
                    this.layoutManager.correctPieLabelRadius(series, layout, canvas);
                    return layout
                },
                _updateSeriesDimensions(drawOptions) {
                    const visibleSeries = this._getVisibleSeries();
                    const lengthVisibleSeries = visibleSeries.length;
                    let innerRad;
                    let delta;
                    let layout;
                    const {
                        sizeGroupLayout: sizeGroupLayout
                    } = drawOptions;
                    if (lengthVisibleSeries) {
                        layout = sizeGroupLayout ? this._getLayoutSeriesForEqualPies(visibleSeries, sizeGroupLayout) : this._getLayoutSeries(visibleSeries, drawOptions);
                        delta = (layout.radiusOuter - layout.radiusInner - seriesSpacing * (lengthVisibleSeries - 1)) / lengthVisibleSeries;
                        innerRad = layout.radiusInner;
                        this._setGeometry(layout);
                        visibleSeries.forEach(singleSeries => {
                            singleSeries.correctRadius({
                                radiusInner: innerRad,
                                radiusOuter: innerRad + delta
                            });
                            innerRad += delta + seriesSpacing
                        })
                    }
                },
                _renderSeries(drawOptions, isRotated, isLegendInside) {
                    this._calculateSeriesLayout(drawOptions, isRotated);
                    if (!drawOptions.sizeGroupLayout && this.getSizeGroup()) {
                        pieSizeEqualizer.queue(this);
                        this._clearCanvas();
                        return
                    }
                    this._renderSeriesElements(drawOptions, isLegendInside)
                },
                _getCenter() {
                    return this._center
                },
                getInnerRadius() {
                    return this._innerRadius
                },
                _getLegendCallBack() {
                    const legend = this._legend;
                    const items = this._getLegendTargets().map(i => i.legendData);
                    return target => {
                        items.forEach(data => {
                            const points = [];
                            const callback = legend.getActionCallback({
                                index: data.id
                            });
                            this.series.forEach(series => {
                                const seriesPoints = series.getPointsByKeys(data.argument, data.argumentIndex);
                                points.push.apply(points, seriesPoints)
                            });
                            if (target && target.argument === data.argument && target.argumentIndex === data.argumentIndex) {
                                points.push(target)
                            }
                            callback(function(points) {
                                let state = NORMAL_STATE;
                                points.forEach(point => {
                                    var _point$series;
                                    const seriesOptions = null === (_point$series = point.series) || void 0 === _point$series ? void 0 : _point$series.getOptions();
                                    let pointState = point.fullState;
                                    if ("none" === (null === seriesOptions || void 0 === seriesOptions ? void 0 : seriesOptions.hoverMode)) {
                                        pointState &= ~HOVER_STATE
                                    }
                                    if ("none" === (null === seriesOptions || void 0 === seriesOptions ? void 0 : seriesOptions.selectionMode)) {
                                        pointState &= ~SELECTED_STATE
                                    }
                                    state |= pointState
                                });
                                return LEGEND_ACTIONS[state]
                            }(points))
                        })
                    }
                },
                _locateLabels(resolveLabelOverlapping) {
                    let iterationCount = 0;
                    let labelsWereOverlapped;
                    let wordWrapApplied;
                    do {
                        wordWrapApplied = this._adjustSeriesLabels("shift" === resolveLabelOverlapping);
                        labelsWereOverlapped = this._resolveLabelOverlapping(resolveLabelOverlapping)
                    } while ((labelsWereOverlapped || wordWrapApplied) && ++iterationCount < 5)
                },
                _adjustSeriesLabels(moveLabelsFromCenter) {
                    return this.series.reduce((r, s) => s.adjustLabels(moveLabelsFromCenter) || r, false)
                },
                _applyExtraSettings: _common.noop,
                _resolveLabelOverlappingShift() {
                    const inverseDirection = "anticlockwise" === this.option("segmentsDirection");
                    const seriesByPosition = this.series.reduce((r, s) => {
                        (r[s.getOptions().label.position] || r.outside).push(s);
                        return r
                    }, {
                        inside: [],
                        columns: [],
                        outside: []
                    });
                    let labelsOverlapped = false;
                    const shiftFunction = (box, length) => (0, _utils.getVerticallyShiftedAngularCoords)(box, -length, this._center);
                    if (seriesByPosition.inside.length > 0) {
                        const pointsToResolve = seriesByPosition.inside.reduce((r, singleSeries) => {
                            const visiblePoints = singleSeries.getVisiblePoints();
                            return visiblePoints.reduce((r, point) => {
                                r.left.push(point);
                                return r
                            }, r)
                        }, {
                            left: [],
                            right: []
                        });
                        labelsOverlapped = resolveOverlappedLabels(pointsToResolve, shiftInColumnFunction, inverseDirection, this._canvas) || labelsOverlapped
                    }
                    labelsOverlapped = seriesByPosition.columns.reduce((r, singleSeries) => resolveOverlappedLabels(dividePoints(singleSeries), shiftInColumnFunction, inverseDirection, this._canvas) || r, labelsOverlapped);
                    if (seriesByPosition.outside.length > 0) {
                        labelsOverlapped = resolveOverlappedLabels(seriesByPosition.outside.reduce((r, singleSeries) => dividePoints(singleSeries, r), null), shiftFunction, inverseDirection, this._canvas) || labelsOverlapped
                    }
                    return labelsOverlapped
                },
                _setGeometry(_ref) {
                    let {
                        centerX: x,
                        centerY: y,
                        radiusInner: radiusInner
                    } = _ref;
                    this._center = {
                        x: x,
                        y: y
                    };
                    this._innerRadius = radiusInner
                },
                _disposeSeries() {
                    this.callBase.apply(this, arguments);
                    this._abstractSeries = null
                },
                _legendDataField: "point",
                _legendItemTextField: "argument",
                _applyPointMarkersAutoHiding: _common.noop,
                _renderTrackers: _common.noop,
                _trackerType: "PieTracker",
                _createScrollBar: _common.noop,
                _updateAxesLayout: _common.noop,
                _applyClipRects: _common.noop,
                _appendAdditionalSeriesGroups: _common.noop,
                _prepareToRender: _common.noop,
                _isLegendInside: _common.noop,
                _renderAxes: _common.noop,
                _shrinkAxes: _common.noop,
                _isRotated: _common.noop,
                _seriesPopulatedHandlerCore: _common.noop,
                _reinitAxes: _common.noop,
                _correctAxes: _common.noop,
                _getExtraOptions() {
                    return {
                        startAngle: this.option("startAngle"),
                        innerRadius: this.option("innerRadius"),
                        segmentsDirection: this.option("segmentsDirection"),
                        type: this.option("type")
                    }
                },
                getSizeGroup() {
                    return this._themeManager.getOptions("sizeGroup")
                },
                getSizeGroupLayout() {
                    return this._sizeGroupLayout || {}
                }
            });
            (0, _iterator.each)(["startAngle", "innerRadius", "segmentsDirection", "type"], (_, name) => {
                dxPieChart.prototype._optionChangesMap[name] = "REFRESH_SERIES_DATA_INIT"
            });
            dxPieChart.addPlugin(_center_template.plugins.pieChart);
            dxPieChart.addPlugin(_annotations.plugins.core);
            dxPieChart.addPlugin(_annotations.plugins.pieChart);
            (0, _component_registrator.default)("dxPieChart", dxPieChart);
            exports.default = dxPieChart
        },
        52769(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = (e = __webpack_require__( /*! ../../core/component_registrator */ 92848), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _annotations = __webpack_require__( /*! ../viz/core/annotations */ 77438);
            var _utils = __webpack_require__( /*! ../viz/core/utils */ 98013);
            var _m_advanced_chart = __webpack_require__( /*! ./chart_components/m_advanced_chart */ 78609);
            const dxPolarChart = _m_advanced_chart.AdvancedChart.inherit({
                _themeSection: "polar",
                _createPanes() {
                    this.callBase();
                    return [{
                        name: "default"
                    }]
                },
                _checkPaneName: () => true,
                _getAxisRenderingOptions(typeSelector) {
                    const isArgumentAxis = "argumentAxis" === typeSelector;
                    let type = isArgumentAxis ? "circular" : "linear";
                    const useSpiderWeb = this.option("useSpiderWeb");
                    if (useSpiderWeb) {
                        type += "Spider"
                    }
                    return {
                        axisType: "polarAxes",
                        drawingType: type
                    }
                },
                _executeAppendBeforeSeries(append) {
                    append()
                },
                _prepareAxisOptions(typeSelector, axisOptions) {
                    const isArgumentAxis = "argumentAxis" === typeSelector;
                    const themeManager = this._themeManager;
                    const axisUserOptions = this.option("argumentAxis");
                    const argumentAxisOptions = themeManager.getOptions("argumentAxis", axisUserOptions) || {};
                    const startAngle = isFinite(argumentAxisOptions.startAngle) ? (0, _utils.normalizeAngle)(argumentAxisOptions.startAngle) : 0;
                    return {
                        type: this.option("useSpiderWeb") && isArgumentAxis ? "discrete" : axisOptions.type,
                        isHorizontal: true,
                        showCustomBoundaryTicks: isArgumentAxis,
                        startAngle: startAngle,
                        endAngle: startAngle + 360
                    }
                },
                _optionChangesMap: {
                    useSpiderWeb: "USE_SPIDER_WEB"
                },
                _change_USE_SPIDER_WEB() {
                    this._disposeAxes();
                    this._requestChange(["AXES_AND_PANES"])
                },
                _getExtraOptions() {
                    return {
                        spiderWidget: this.option("useSpiderWeb")
                    }
                },
                _prepareToRender() {
                    this._appendAxesGroups();
                    return {}
                },
                _calcCanvas() {
                    const canvas = (0, _extend.extend)({}, this._canvas);
                    const argumentAxis = this.getArgumentAxis();
                    const margins = argumentAxis.getMargins();
                    Object.keys(margins).forEach(margin => {
                        canvas[margin] = canvas[`original${margin[0].toUpperCase()}${margin.slice(1)}`] + margins[margin]
                    });
                    return canvas
                },
                _renderAxes() {
                    const valueAxis = this._getValueAxis();
                    const argumentAxis = this.getArgumentAxis();
                    argumentAxis.draw(this._canvas);
                    valueAxis.setSpiderTicks(argumentAxis.getSpiderTicks());
                    const canvas = this._calcCanvas();
                    argumentAxis.updateSize(canvas);
                    valueAxis.draw(canvas);
                    return canvas
                },
                _getValueAxis() {
                    return this._valueAxes[0]
                },
                _shrinkAxes(sizeStorage) {
                    const valueAxis = this._getValueAxis();
                    const argumentAxis = this.getArgumentAxis();
                    if (sizeStorage && (sizeStorage.width || sizeStorage.height)) {
                        argumentAxis.hideOuterElements();
                        const canvas = this._calcCanvas();
                        argumentAxis.updateSize(canvas);
                        valueAxis.updateSize(canvas)
                    }
                },
                checkForMoreSpaceForPanesCanvas() {
                    return this.layoutManager.needMoreSpaceForPanesCanvas([{
                        canvas: this.getArgumentAxis().getCanvas()
                    }], this._isRotated())
                },
                _getLayoutTargets() {
                    return [{
                        canvas: this._canvas
                    }]
                },
                _getSeriesForPane() {
                    return this.series
                },
                _applyClipRects() {
                    const canvasClipRectID = this._getCanvasClipRectID();
                    this._createClipPathForPane();
                    this.getArgumentAxis().applyClipRects(this._getElementsClipRectID(), canvasClipRectID);
                    this._getValueAxis().applyClipRects(this._getElementsClipRectID(), canvasClipRectID)
                },
                _createClipPathForPane() {
                    const valueAxis = this._getValueAxis();
                    let center = valueAxis.getCenter();
                    const radius = valueAxis.getRadius();
                    const panesClipRects = this._panesClipRects;
                    center = {
                        x: Math.round(center.x),
                        y: Math.round(center.y)
                    };
                    this._createClipCircle(panesClipRects.fixed, center.x, center.y, radius);
                    this._createClipCircle(panesClipRects.base, center.x, center.y, radius);
                    if (this.series.some(s => s.areErrorBarsVisible())) {
                        this._createClipCircle(panesClipRects.wide, center.x, center.y, radius)
                    } else {
                        panesClipRects.wide[0] = null
                    }
                },
                _createClipCircle(clipArray, left, top, radius) {
                    let clipCircle = clipArray[0];
                    if (!clipCircle) {
                        clipCircle = this._renderer.clipCircle(left, top, radius);
                        clipArray[0] = clipCircle
                    } else {
                        clipCircle.attr({
                            cx: left,
                            cy: top,
                            r: radius
                        })
                    }
                },
                _applyExtraSettings(series) {
                    const wideClipRect = this._panesClipRects.wide[0];
                    series.setClippingParams(this._panesClipRects.base[0].id, wideClipRect && wideClipRect.id, false, false)
                },
                getActualAngle(angle) {
                    return this.getArgumentAxis().getOptions().inverted ? 360 - angle : angle
                },
                getXYFromPolar(angle, radius, argument, value) {
                    const layoutInfo = {
                        angle: void 0,
                        radius: void 0,
                        x: void 0,
                        y: void 0
                    };
                    if (!(0, _type.isDefined)(angle) && !(0, _type.isDefined)(radius) && !(0, _type.isDefined)(argument) && !(0, _type.isDefined)(value)) {
                        return layoutInfo
                    }
                    const argAxis = this.getArgumentAxis();
                    const startAngle = argAxis.getAngles()[0];
                    let argAngle;
                    let translatedRadius;
                    if ((0, _type.isDefined)(argument)) {
                        argAngle = argAxis.getTranslator().translate(argument)
                    } else if (isFinite(angle)) {
                        argAngle = this.getActualAngle(angle)
                    } else if (!(0, _type.isDefined)(angle)) {
                        argAngle = 0
                    }
                    if ((0, _type.isDefined)(value)) {
                        translatedRadius = this.getValueAxis().getTranslator().translate(value)
                    } else if (isFinite(radius)) {
                        translatedRadius = radius
                    } else if (!(0, _type.isDefined)(radius)) {
                        translatedRadius = argAxis.getRadius()
                    }
                    if ((0, _type.isDefined)(argAngle) && (0, _type.isDefined)(translatedRadius)) {
                        const coords = (0, _utils.convertPolarToXY)(argAxis.getCenter(), startAngle, argAngle, translatedRadius);
                        (0, _extend.extend)(layoutInfo, coords, {
                            angle: argAxis.getTranslatedAngle(argAngle),
                            radius: translatedRadius
                        })
                    }
                    return layoutInfo
                },
                _applyPointMarkersAutoHiding: _common.noop,
                _createScrollBar: _common.noop,
                _isRotated: _common.noop,
                _getCrosshairOptions: _common.noop,
                _isLegendInside: _common.noop
            });
            dxPolarChart.addPlugin(_annotations.plugins.core);
            dxPolarChart.addPlugin(_annotations.plugins.polarChart);
            (0, _component_registrator.default)("dxPolarChart", dxPolarChart);
            exports.default = dxPolarChart
        },
        79121(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.createPalette = createPalette;
            exports.currentPalette = currentPalette;
            exports.generateColors = function(palette, count) {
                let options = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {
                    keepLastColorInEnd: false
                };
                options.type = options.baseColorSet;
                options.extensionMode = options.paletteExtensionMode;
                return createPalette(palette, options).generateColors(count)
            };
            exports.getAccentColor = function(palette, themeDefault) {
                palette = getPalette(palette, {
                    themeDefault: themeDefault
                });
                return palette.accentColor || palette[0]
            };
            exports.getDiscretePalette = function(source, size, themeDefaultPalette) {
                const palette = size > 0 ? function(source, count) {
                    const colorCount = count - 1;
                    const sourceCount = source.length - 1;
                    const colors = [];
                    const gradient = [];
                    let i;

                    function addColor(pos) {
                        const k = sourceCount * pos;
                        const kl = _floor(k);
                        const kr = _ceil(k);
                        gradient.push(colors[kl].blend(colors[kr], k - kl).toHex())
                    }
                    for (i = 0; i <= sourceCount; ++i) {
                        colors.push(new _color.default(source[i]))
                    }
                    if (colorCount > 0) {
                        for (i = 0; i <= colorCount; ++i) {
                            addColor(i / colorCount)
                        }
                    } else {
                        addColor(.5)
                    }
                    return gradient
                }(getPalette(source, {
                    type: "gradientSet",
                    themeDefault: themeDefaultPalette
                }), size) : [];
                return {
                    getColor: index => palette[index] || null
                }
            };
            exports.getGradientPalette = function(source, themeDefaultPalette) {
                const palette = getPalette(source, {
                    type: "gradientSet",
                    themeDefault: themeDefaultPalette
                });
                const color1 = new _color.default(palette[0]);
                const color2 = new _color.default(palette[1]);
                return {
                    getColor: ratio => ratio >= 0 && ratio <= 1 ? color1.blend(color2, ratio).toHex() : null
                }
            };
            exports.getPalette = getPalette;
            exports.registerPalette = function(name, palette) {
                const item = {};
                let paletteName;
                if (_isArray(palette)) {
                    item.simpleSet = palette.slice(0)
                } else if (palette) {
                    item.simpleSet = _isArray(palette.simpleSet) ? palette.simpleSet.slice(0) : void 0;
                    item.indicatingSet = _isArray(palette.indicatingSet) ? palette.indicatingSet.slice(0) : void 0;
                    item.gradientSet = _isArray(palette.gradientSet) ? palette.gradientSet.slice(0) : void 0;
                    item.accentColor = palette.accentColor
                }
                if (!item.accentColor) {
                    item.accentColor = item.simpleSet && item.simpleSet[0]
                }
                if (item.simpleSet || item.indicatingSet || item.gradientSet) {
                    paletteName = (0, _utils.normalizeEnum)(name);
                    (0, _extend.extend)(palettes[paletteName] = palettes[paletteName] || {}, item)
                }
            };
            var _color = (e = __webpack_require__( /*! ../../color */ 43101), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _extend = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../viz/core/utils */ 98013);
            const _floor = Math.floor;
            const _ceil = Math.ceil;
            const _isArray = Array.isArray;
            const DEFAULT_PALETTE = "material";
            const palettes = {
                [DEFAULT_PALETTE]: {
                    simpleSet: ["#1db2f5", "#f5564a", "#97c95c", "#ffc720", "#eb3573", "#a63db8"],
                    indicatingSet: ["#97c95c", "#ffc720", "#f5564a"],
                    gradientSet: ["#1db2f5", "#97c95c"],
                    accentColor: "#1db2f5"
                },
                office: {
                    simpleSet: ["#5f8b95", "#ba4d51", "#af8a53", "#955f71", "#859666", "#7e688c"],
                    indicatingSet: ["#a3b97c", "#e1b676", "#ec7f83"],
                    gradientSet: ["#5f8b95", "#ba4d51"],
                    accentColor: "#ba4d51"
                },
                "harmony light": {
                    simpleSet: ["#fcb65e", "#679ec5", "#ad79ce", "#7abd5c", "#e18e92", "#b6d623", "#b7abea", "#85dbd5"],
                    indicatingSet: ["#b6d623", "#fcb65e", "#e18e92"],
                    gradientSet: ["#7abd5c", "#fcb65e"],
                    accentColor: "#679ec5"
                },
                "soft pastel": {
                    simpleSet: ["#60a69f", "#78b6d9", "#6682bb", "#a37182", "#eeba69", "#90ba58", "#456c68", "#7565a4"],
                    indicatingSet: ["#90ba58", "#eeba69", "#a37182"],
                    gradientSet: ["#78b6d9", "#eeba69"],
                    accentColor: "#60a69f"
                },
                pastel: {
                    simpleSet: ["#bb7862", "#70b3a1", "#bb626a", "#057d85", "#ab394b", "#dac599", "#153459", "#b1d2c6"],
                    indicatingSet: ["#70b3a1", "#dac599", "#bb626a"],
                    gradientSet: ["#bb7862", "#70b3a1"],
                    accentColor: "#bb7862"
                },
                bright: {
                    simpleSet: ["#70c92f", "#f8ca00", "#bd1550", "#e97f02", "#9d419c", "#7e4452", "#9ab57e", "#36a3a6"],
                    indicatingSet: ["#70c92f", "#f8ca00", "#bd1550"],
                    gradientSet: ["#e97f02", "#f8ca00"],
                    accentColor: "#e97f02"
                },
                soft: {
                    simpleSet: ["#cbc87b", "#9ab57e", "#e55253", "#7e4452", "#e8c267", "#565077", "#6babac", "#ad6082"],
                    indicatingSet: ["#9ab57e", "#e8c267", "#e55253"],
                    gradientSet: ["#9ab57e", "#e8c267"],
                    accentColor: "#565077"
                },
                ocean: {
                    simpleSet: ["#75c099", "#acc371", "#378a8a", "#5fa26a", "#064970", "#38c5d2", "#00a7c6", "#6f84bb"],
                    indicatingSet: ["#c8e394", "#7bc59d", "#397c8b"],
                    gradientSet: ["#acc371", "#38c5d2"],
                    accentColor: "#378a8a"
                },
                vintage: {
                    simpleSet: ["#dea484", "#efc59c", "#cb715e", "#eb9692", "#a85c4c", "#f2c0b5", "#c96374", "#dd956c"],
                    indicatingSet: ["#ffe5c6", "#f4bb9d", "#e57660"],
                    gradientSet: ["#efc59c", "#cb715e"],
                    accentColor: "#cb715e"
                },
                violet: {
                    simpleSet: ["#d1a1d1", "#eeacc5", "#7b5685", "#7e7cad", "#a13d73", "#5b41ab", "#e287e2", "#689cc1"],
                    indicatingSet: ["#d8e2f6", "#d0b2da", "#d56a8a"],
                    gradientSet: ["#eeacc5", "#7b5685"],
                    accentColor: "#7b5685"
                },
                carmine: {
                    simpleSet: ["#fb7764", "#73d47f", "#fed85e", "#d47683", "#dde392", "#757ab2"],
                    indicatingSet: ["#5cb85c", "#f0ad4e", "#d9534f"],
                    gradientSet: ["#fb7764", "#73d47f"],
                    accentColor: "#f05b41"
                },
                "dark moon": {
                    simpleSet: ["#4ddac1", "#f4c99a", "#80dd9b", "#f998b3", "#4aaaa0", "#a5aef1"],
                    indicatingSet: ["#59d8a4", "#f0ad4e", "#f9517e"],
                    gradientSet: ["#4ddac1", "#f4c99a"],
                    accentColor: "#3debd3"
                },
                "soft blue": {
                    simpleSet: ["#7ab8eb", "#97da97", "#facb86", "#e78683", "#839bda", "#4db7be"],
                    indicatingSet: ["#5cb85c", "#f0ad4e", "#d9534f"],
                    gradientSet: ["#7ab8eb", "#97da97"],
                    accentColor: "#7ab8eb"
                },
                "dark violet": {
                    simpleSet: ["#9c63ff", "#64c064", "#eead51", "#d2504b", "#4b6bbf", "#2da7b0"],
                    indicatingSet: ["#5cb85c", "#f0ad4e", "#d9534f"],
                    gradientSet: ["#9c63ff", "#64c064"],
                    accentColor: "#9c63ff"
                },
                "green mist": {
                    simpleSet: ["#3cbab2", "#8ed962", "#5b9d95", "#efcc7c", "#f1929f", "#4d8dab"],
                    indicatingSet: ["#72d63c", "#ffc852", "#f74a5e"],
                    gradientSet: ["#3cbab2", "#8ed962"],
                    accentColor: "#3cbab2"
                }
            };
            let currentPaletteName;

            function currentPalette(name) {
                if (void 0 === name) {
                    return currentPaletteName || "material"
                } else {
                    name = (0, _utils.normalizeEnum)(name);
                    currentPaletteName = name in palettes ? name : void 0
                }
            }

            function getPalette(palette, parameters) {
                parameters = parameters || {};
                palette = palette || (void 0 === currentPaletteName ? parameters.themeDefault : currentPalette());
                let result;
                const type = parameters.type;
                if (_isArray(palette)) {
                    return palette.slice(0)
                } else {
                    if ((0, _type.isString)(palette)) {
                        result = palettes[(0, _utils.normalizeEnum)(palette)]
                    }
                    if (!result) {
                        result = palettes[currentPalette()]
                    }
                }
                return type ? result[type].slice(0) : result
            }

            function RingBuf(buf) {
                let ind = 0;
                this.next = function() {
                    const res = buf[ind++];
                    if (ind === buf.length) {
                        this.reset()
                    }
                    return res
                };
                this.reset = function() {
                    ind = 0
                }
            }

            function getAlternateColorsStrategy(palette, parameters) {
                const stepHighlight = parameters.useHighlight ? 50 : 0;
                const paletteSteps = new RingBuf([0, stepHighlight, -stepHighlight]);
                let currentPalette = [];

                function reset() {
                    const step = paletteSteps.next();
                    currentPalette = step ? function(originalPalette, step) {
                        const palette = [];
                        let i;
                        const ii = originalPalette.length;
                        for (i = 0; i < ii; ++i) {
                            palette.push(getNewColor(originalPalette[i], step))
                        }
                        return palette
                    }(palette, step) : palette.slice(0)
                }
                return {
                    getColor(index) {
                        const color = currentPalette[index % palette.length];
                        if (index % palette.length === palette.length - 1) {
                            reset()
                        }
                        return color
                    },
                    generateColors(count) {
                        const colors = [];
                        count = count || parameters.count;
                        for (let i = 0; i < count; i++) {
                            colors.push(this.getColor(i))
                        }
                        return colors
                    },
                    reset() {
                        paletteSteps.reset();
                        reset()
                    }
                }
            }

            function getExtrapolateColorsStrategy(palette, parameters) {
                return {
                    getColor(index, count) {
                        const paletteCount = palette.length;
                        const cycles = _floor((count - 1) / paletteCount + 1);
                        const color = palette[index % paletteCount];
                        if (cycles > 1) {
                            return function(color, cycleIndex, cycleCount) {
                                const hsl = new _color.default(color).hsl;
                                let l = hsl.l / 100;
                                const diapason = cycleCount - 1 / cycleCount;
                                let minL = l - .5 * diapason;
                                let maxL = l + .5 * diapason;
                                const cycleMiddle = (cycleCount - 1) / 2;
                                const cycleDiff = cycleIndex - cycleMiddle;
                                if (minL < Math.min(.5, .9 * l)) {
                                    minL = Math.min(.5, .9 * l)
                                }
                                if (maxL > Math.max(.8, l + .15 * (1 - l))) {
                                    maxL = Math.max(.8, l + .15 * (1 - l))
                                }
                                if (cycleDiff < 0) {
                                    l -= (minL - l) * cycleDiff / cycleMiddle
                                } else {
                                    l += cycleDiff / cycleMiddle * (maxL - l)
                                }
                                hsl.l = 100 * l;
                                return _color.default.prototype.fromHSL(hsl).toHex()
                            }(color, _floor(index / paletteCount), cycles)
                        }
                        return color
                    },
                    generateColors(count) {
                        const colors = [];
                        count = count || parameters.count;
                        for (let i = 0; i < count; i++) {
                            colors.push(this.getColor(i, count))
                        }
                        return colors
                    },
                    reset() {}
                }
            }

            function getColorMixer(palette, parameters) {
                const paletteCount = palette.length;
                let extendedPalette = [];

                function distributeColors(count, colorsCount, startIndex, distribution) {
                    const groupSize = Math.floor(count / colorsCount);
                    let extraItems = count - colorsCount * groupSize;
                    let i = startIndex;
                    let middleIndex;
                    let size;
                    while (i < startIndex + count) {
                        size = groupSize;
                        if (extraItems > 0) {
                            size += 1;
                            extraItems--
                        }
                        middleIndex = size > 2 ? Math.floor(size / 2) : 0;
                        distribution.push(i + middleIndex);
                        i += size
                    }
                    return distribution.sort((a, b) => a - b)
                }

                function getColorAndDistance(arr, startIndex, count) {
                    startIndex = (count + startIndex) % count;
                    let distance = 0;
                    for (let i = startIndex; i < 2 * count; i += 1) {
                        const index = (count + i) % count;
                        if (arr[index]) {
                            return [arr[index], distance]
                        }
                        distance++
                    }
                }

                function extendPalette(count) {
                    if (count <= paletteCount) {
                        return palette
                    }
                    let result = [];
                    const colorInGroups = paletteCount - 2;
                    let currentColorIndex = 0;
                    let cleanColorIndices = [];
                    if (parameters.keepLastColorInEnd) {
                        cleanColorIndices = distributeColors(count - 2, colorInGroups, 1, [0, count - 1])
                    } else {
                        cleanColorIndices = distributeColors(count - 1, paletteCount - 1, 1, [0])
                    }
                    for (let i = 0; i < count; i++) {
                        if (cleanColorIndices.includes(i)) {
                            result[i] = palette[currentColorIndex++]
                        }
                    }
                    result = function(paletteWithEmptyColors, paletteLength) {
                        for (let i = 0; i < paletteLength; i++) {
                            const color = paletteWithEmptyColors[i];
                            if (!color) {
                                let color1 = paletteWithEmptyColors[i - 1];
                                if (!color1) {
                                    continue
                                } else {
                                    const c2 = getColorAndDistance(paletteWithEmptyColors, i, paletteLength);
                                    const color2 = new _color.default(c2[0]);
                                    color1 = new _color.default(color1);
                                    for (let j = 0; j < c2[1]; j++, i++) {
                                        paletteWithEmptyColors[i] = color1.blend(color2, (j + 1) / (c2[1] + 1)).toHex()
                                    }
                                }
                            }
                        }
                        return paletteWithEmptyColors
                    }(result, count);
                    return result
                }
                return {
                    getColor(index, count) {
                        count = count || parameters.count || paletteCount;
                        if (extendedPalette.length !== count) {
                            extendedPalette = extendPalette(count)
                        }
                        return extendedPalette[index % count]
                    },
                    generateColors(count, repeat) {
                        count = count || parameters.count || paletteCount;
                        if (repeat && count > paletteCount) {
                            const colors = extendPalette(paletteCount);
                            for (let i = 0; i < count - paletteCount; i++) {
                                colors.push(colors[i])
                            }
                            return colors
                        } else {
                            return paletteCount > 0 ? extendPalette(count).slice(0, count) : []
                        }
                    },
                    reset() {}
                }
            }

            function createPalette(palette, parameters, themeDefaultPalette) {
                const paletteObj = {
                    dispose() {
                        this._extensionStrategy = null
                    },
                    getNextColor(count) {
                        return this._extensionStrategy.getColor(this._currentColor++, count)
                    },
                    generateColors(count, parameters) {
                        return this._extensionStrategy.generateColors(count, (parameters || {}).repeat)
                    },
                    reset() {
                        this._currentColor = 0;
                        this._extensionStrategy.reset();
                        return this
                    }
                };
                parameters = parameters || {};
                const extensionMode = (parameters.extensionMode || "").toLowerCase();
                const colors = getPalette(palette, {
                    type: parameters.type || "simpleSet",
                    themeDefault: themeDefaultPalette
                });
                if ("alternate" === extensionMode) {
                    paletteObj._extensionStrategy = getAlternateColorsStrategy(colors, parameters)
                } else if ("extrapolate" === extensionMode) {
                    paletteObj._extensionStrategy = getExtrapolateColorsStrategy(colors, parameters)
                } else {
                    paletteObj._extensionStrategy = getColorMixer(colors, parameters)
                }
                paletteObj.reset();
                return paletteObj
            }

            function getNewColor(currentColor, step) {
                let newColor = new _color.default(currentColor).alter(step);
                const lightness = (color = newColor, .3 * color.r + .59 * color.g + .11 * color.b);
                var color;
                if (lightness > 200 || lightness < 55) {
                    newColor = new _color.default(currentColor).alter(-step / 2)
                }
                return newColor.toHex()
            }
        },
        97331(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.utils = exports.isFirefoxOnAndroid = exports.formatValue = exports.consts = exports.HEIGHT_COMPACT_MODE = void 0;
            var _devices = _interopRequireDefault(__webpack_require__( /*! ../../../core/devices */ 65951));
            var _browser = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/browser */ 48314));
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _smart_formatter = __webpack_require__( /*! ../../viz/axes/smart_formatter */ 97154);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.HEIGHT_COMPACT_MODE = 24;
            exports.utils = {
                trackerSettings: {
                    fill: "grey",
                    stroke: "grey",
                    opacity: 1e-4
                },
                animationSettings: {
                    duration: 250
                }
            };
            exports.consts = {
                emptySliderMarkerText: ". . .",
                pointerSize: 4
            };
            exports.formatValue = function(value, formatOptions, tickIntervalsInfo, valueType, type, logarithmBase) {
                const formatObject = {
                    value: value,
                    valueText: (0, _smart_formatter.smartFormatter)(value, {
                        labelOptions: formatOptions,
                        ticks: tickIntervalsInfo ? tickIntervalsInfo.ticks : [],
                        tickInterval: tickIntervalsInfo ? tickIntervalsInfo.tickInterval : void 0,
                        dataType: valueType,
                        type: type,
                        logarithmBase: logarithmBase
                    })
                };
                return String((0, _type.isFunction)(formatOptions.customizeText) ? formatOptions.customizeText.call(formatObject, formatObject) : formatObject.valueText)
            };
            exports.isFirefoxOnAndroid = () => _browser.default.mozilla && _devices.default.real().android
        },
        55713(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _type2 = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _format_helper = _interopRequireDefault(__webpack_require__( /*! ../../../format_helper */ 2082));
            var _axes_constants = _interopRequireDefault(__webpack_require__( /*! ../../viz/axes/axes_constants */ 42919));
            var _base_axis = __webpack_require__( /*! ../../viz/axes/base_axis */ 59142);
            var _tick_generator = __webpack_require__( /*! ../../viz/axes/tick_generator */ 17323);
            var _parse_utils = __webpack_require__( /*! ../../viz/components/parse_utils */ 40650);
            var _data_source = __webpack_require__( /*! ../../viz/core/data_source */ 98972);
            var _export = __webpack_require__( /*! ../../viz/core/export */ 43452);
            var _loading_indicator = __webpack_require__( /*! ../../viz/core/loading_indicator */ 71126);
            var _m_base_widget = _interopRequireDefault(__webpack_require__( /*! ../../viz/core/m_base_widget */ 34506));
            var _title = __webpack_require__( /*! ../../viz/core/title */ 69638);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _common = __webpack_require__( /*! ../../viz/range_selector/common */ 97331);
            var _range_view = __webpack_require__( /*! ../../viz/range_selector/range_view */ 57853);
            var _series_data_source = __webpack_require__( /*! ../../viz/range_selector/series_data_source */ 19112);
            var _sliders_controller = __webpack_require__( /*! ../../viz/range_selector/sliders_controller */ 93945);
            var _tracker = __webpack_require__( /*! ../../viz/range_selector/tracker */ 34744);
            var _range = __webpack_require__( /*! ../../viz/translators/range */ 8315);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const _max = Math.max;
            const _ceil = Math.ceil;
            const _floor = Math.floor;
            const VALUE = "value";
            const VALUE_CHANGED = `${VALUE}Changed`;

            function calculateMarkerHeight(renderer, value, sliderMarkerOptions) {
                const formattedText = void 0 === value ? _common.consts.emptySliderMarkerText : (0, _common.formatValue)(value, sliderMarkerOptions);
                const textBBox = getTextBBox(renderer, formattedText, sliderMarkerOptions.font);
                return _ceil(textBBox.height) + 2 * sliderMarkerOptions.paddingTopBottom + _common.consts.pointerSize
            }

            function calculateScaleLabelHalfWidth(renderer, value, scaleOptions, tickIntervalsInfo) {
                const formattedText = (0, _common.formatValue)(value, scaleOptions.label, tickIntervalsInfo, scaleOptions.valueType, scaleOptions.type, scaleOptions.logarithmBase);
                const textBBox = getTextBBox(renderer, formattedText, scaleOptions.label.font);
                return _ceil(textBBox.width / 2)
            }

            function calculateValueType(firstValue, secondValue) {
                const typeFirstValue = (0, _type2.type)(firstValue);
                const typeSecondValue = (0, _type2.type)(secondValue);
                const validType = function(type) {
                    return typeFirstValue === type || typeSecondValue === type
                };
                return validType("date") ? "datetime" : validType("number") ? "numeric" : validType("string") ? "string" : ""
            }

            function showScaleMarkers(scaleOptions) {
                return "datetime" === scaleOptions.valueType && scaleOptions.marker.visible
            }

            function checkLogarithmicOptions(options, defaultLogarithmBase, incidentOccurred) {
                if (!options) {
                    return
                }
                const logarithmBase = options.logarithmBase;
                if ("logarithmic" === options.type && logarithmBase <= 0 || logarithmBase && !(0, _type2.isNumeric)(logarithmBase)) {
                    options.logarithmBase = defaultLogarithmBase;
                    incidentOccurred("E2104")
                } else if ("logarithmic" !== options.type) {
                    options.logarithmBase = void 0
                }
            }

            function calculateScaleAreaHeight(renderer, scaleOptions, visibleMarkers, tickIntervalsInfo) {
                const labelScaleOptions = scaleOptions.label;
                const markerScaleOptions = scaleOptions.marker;
                const placeholderHeight = scaleOptions.placeholderHeight;
                const ticks = "semidiscrete" === scaleOptions.type ? scaleOptions.customTicks : tickIntervalsInfo.ticks;
                const text = (0, _common.formatValue)(ticks[0], labelScaleOptions);
                if (placeholderHeight) {
                    return placeholderHeight
                } else {
                    return (labelScaleOptions.visible ? labelScaleOptions.topIndent + getTextBBox(renderer, text, labelScaleOptions.font).height : 0) + (visibleMarkers ? markerScaleOptions.topIndent + markerScaleOptions.separatorHeight : 0)
                }
            }

            function getNextTickInterval(tickInterval, minorTickInterval, isDateType) {
                if (!tickInterval) {
                    tickInterval = minorTickInterval
                } else if (isDateType) {
                    tickInterval = _date.default.getNextDateUnit(tickInterval)
                } else {
                    tickInterval += minorTickInterval
                }
                return tickInterval
            }

            function updateTickIntervals(scaleOptions, screenDelta, incidentOccurred, range) {
                let result;
                const min = (0, _type2.isDefined)(range.minVisible) ? range.minVisible : range.min;
                const max = (0, _type2.isDefined)(range.maxVisible) ? range.maxVisible : range.max;
                const categoriesInfo = scaleOptions._categoriesInfo;
                let ticksInfo;
                let length;
                const bounds = {};
                if ("semidiscrete" === scaleOptions.type) {
                    result = function(scaleOptions, min, max, screenDelta) {
                        const minorTickInterval = scaleOptions.minorTickInterval;
                        let tickInterval = scaleOptions.tickInterval;
                        let interval;
                        const isDateType = "datetime" === scaleOptions.valueType;
                        const gridSpacingFactor = scaleOptions.axisDivisionFactor || {};
                        let tickCountByInterval;
                        let tickCountByScreen;
                        if (!tickInterval) {
                            do {
                                interval = getNextTickInterval(tickInterval, minorTickInterval, isDateType);
                                if (tickInterval !== interval) {
                                    tickInterval = interval
                                } else {
                                    break
                                }
                                if (isDateType) {
                                    interval = _date.default.dateToMilliseconds(tickInterval)
                                }
                                tickCountByInterval = _ceil((max - min) / interval);
                                tickCountByScreen = _floor(screenDelta / (gridSpacingFactor[tickInterval] || 50)) || 1
                            } while (interval && tickCountByInterval > tickCountByScreen)
                        }
                        return {
                            tickInterval: tickInterval,
                            minorTickInterval: minorTickInterval,
                            bounds: {
                                minVisible: min,
                                maxVisible: max
                            },
                            ticks: []
                        }
                    }(scaleOptions, min, max, screenDelta)
                } else {
                    ticksInfo = (0, _tick_generator.tickGenerator)({
                        axisType: scaleOptions.type,
                        dataType: scaleOptions.valueType,
                        logBase: scaleOptions.logarithmBase,
                        allowNegatives: true,
                        linearThreshold: Math.abs(scaleOptions.linearThreshold || 0),
                        axisDivisionFactor: scaleOptions.axisDivisionFactor,
                        minorAxisDivisionFactor: scaleOptions.minorAxisDivisionFactor,
                        calculateMinors: true,
                        allowDecimals: scaleOptions.allowDecimals,
                        endOnTick: scaleOptions.endOnTick,
                        incidentOccurred: incidentOccurred,
                        rangeIsEmpty: range.isEmpty()
                    })({
                        min: min,
                        max: max,
                        categories: (0, _type2.isDefined)(categoriesInfo) ? categoriesInfo.categories : []
                    }, screenDelta, scaleOptions.tickInterval, scaleOptions.forceUserTickInterval, void 0, scaleOptions.minorTickInterval, scaleOptions.minorTickCount);
                    length = ticksInfo.ticks.length;
                    bounds.minVisible = ticksInfo.ticks[0] < min ? ticksInfo.ticks[0] : min;
                    bounds.maxVisible = ticksInfo.ticks[length - 1] > max ? ticksInfo.ticks[length - 1] : max;
                    result = {
                        tickInterval: ticksInfo.tickInterval,
                        minorTickInterval: 0 === scaleOptions.minorTickInterval ? 0 : ticksInfo.minorTickInterval,
                        bounds: bounds,
                        ticks: ticksInfo.ticks
                    }
                }
                return result
            }

            function getFirstDayOfWeek(options) {
                var _options$workWeek;
                return null === (_options$workWeek = options.workWeek) || void 0 === _options$workWeek ? void 0 : _options$workWeek[0]
            }

            function getTextBBox(renderer, text, fontOptions) {
                const textElement = renderer.text(text, -1e3, -1e3).css((0, _utils.patchFontOptions)(fontOptions)).append(renderer.root);
                const textBBox = textElement.getBBox();
                textElement.remove();
                return textBBox
            }

            function updateScaleOptions(scaleOptions, seriesDataSource, translatorRange, tickIntervalsInfo, checkDateMarkerVisibility) {
                let bounds;
                let isEmptyInterval;
                const categoriesInfo = scaleOptions._categoriesInfo;
                let intervals;
                const isDateTime = "datetime" === scaleOptions.valueType;
                if (seriesDataSource && !seriesDataSource.isEmpty() && !translatorRange.isEmpty()) {
                    bounds = tickIntervalsInfo.bounds;
                    translatorRange.addRange(bounds);
                    scaleOptions.startValue = translatorRange.invert ? bounds.maxVisible : bounds.minVisible;
                    scaleOptions.endValue = translatorRange.invert ? bounds.minVisible : bounds.maxVisible
                }
                scaleOptions.marker.visible = checkDateMarkerVisibility(isDateTime && -1 === scaleOptions.type.indexOf("discrete"), scaleOptions.marker.visible, scaleOptions.startValue, scaleOptions.endValue, tickIntervalsInfo.tickInterval);
                if (categoriesInfo) {
                    scaleOptions.startValue = categoriesInfo.start;
                    scaleOptions.endValue = categoriesInfo.end
                }
                if (-1 === scaleOptions.type.indexOf("discrete")) {
                    isEmptyInterval = (0, _type2.isDate)(scaleOptions.startValue) && (0, _type2.isDate)(scaleOptions.endValue) && scaleOptions.startValue.getTime() === scaleOptions.endValue.getTime() || scaleOptions.startValue === scaleOptions.endValue
                }
                scaleOptions.isEmpty = (start = scaleOptions.startValue, end = scaleOptions.endValue, !(0, _type2.isDefined)(start) || !(0, _type2.isDefined)(end)) || isEmptyInterval;
                var start, end;
                if (scaleOptions.isEmpty) {
                    scaleOptions.startValue = scaleOptions.endValue = void 0
                } else {
                    scaleOptions.minorTickInterval = tickIntervalsInfo.minorTickInterval;
                    scaleOptions.tickInterval = tickIntervalsInfo.tickInterval;
                    if (isDateTime && (!(0, _type2.isDefined)(scaleOptions.label.format) || "semidiscrete" === scaleOptions.type && scaleOptions.minorTickInterval !== scaleOptions.tickInterval)) {
                        if ("discrete" === scaleOptions.type) {
                            scaleOptions.label.format = _format_helper.default.getDateFormatByTicks(tickIntervalsInfo.ticks)
                        } else if (!scaleOptions.marker.visible) {
                            scaleOptions.label.format = _format_helper.default.getDateFormatByTickInterval(scaleOptions.startValue, scaleOptions.endValue, scaleOptions.tickInterval)
                        } else {
                            scaleOptions.label.format = _date.default.getDateFormatByTickInterval(scaleOptions.tickInterval)
                        }
                    }
                }
                if ("semidiscrete" === scaleOptions.type) {
                    intervals = function(options) {
                        let min = options.startValue;
                        let max = options.endValue;
                        const isDate = "datetime" === options.valueType;
                        const firstDayOfWeek = getFirstDayOfWeek(options);
                        const tickInterval = options.tickInterval;
                        const res = {
                            intervals: []
                        };
                        if (!(0, _type2.isDefined)(min) || !(0, _type2.isDefined)(max)) {
                            return res
                        }
                        res.intervals = _date.default.getSequenceByInterval(min, max, options.minorTickInterval);
                        if (tickInterval !== options.minorTickInterval) {
                            res.altIntervals = res.intervals;
                            min = correctValueByInterval(min, isDate, tickInterval, firstDayOfWeek);
                            max = correctValueByInterval(max, isDate, tickInterval, firstDayOfWeek);
                            res.intervals = _date.default.getSequenceByInterval(min, max, tickInterval);
                            res.intervals[0] = res.altIntervals[0]
                        }
                        return res
                    }(scaleOptions);
                    scaleOptions.customMinorTicks = intervals.altIntervals;
                    scaleOptions.customTicks = intervals.intervals;
                    scaleOptions.customBoundTicks = [scaleOptions.customTicks[0]]
                }
            }

            function correctValueByInterval(value, isDate, interval, firstDayOfWeek) {
                if ((0, _type2.isDefined)(value)) {
                    value = isDate ? _date.default.correctDateWithUnitBeginning(new Date(value), interval, null, firstDayOfWeek) : (0, _math.adjust)(_floor((0, _math.adjust)(value / interval)) * interval)
                }
                return value
            }

            function getPrecisionForSlider(startValue, endValue, screenDelta) {
                const d = Math.abs(endValue - startValue) / screenDelta;
                const tail = d - _floor(d);
                return tail > 0 ? _ceil(Math.abs((0, _math.adjust)((0, _utils.getLog)(tail, 10)))) : 0
            }
            const dxRangeSelector = _m_base_widget.default.inherit({
                _toggleParentsScrollSubscription() {},
                _eventsMap: {
                    onValueChanged: {
                        name: VALUE_CHANGED
                    }
                },
                _rootClassPrefix: "dxrs",
                _rootClass: "dxrs-range-selector",
                _dataIsReady() {
                    return this._dataIsLoaded()
                },
                _initialChanges: ["DATA_SOURCE", "VALUE"],
                _themeDependentChanges: ["MOSTLY_TOTAL"],
                _themeSection: "rangeSelector",
                _fontFields: ["scale.label.font", "sliderMarker.font"],
                _initCore() {
                    const that = this;
                    const renderer = that._renderer;
                    const root = renderer.root;
                    root.css({
                        "touch-action": "pan-y"
                    });
                    that._clipRect = renderer.clipRect();
                    const rangeViewGroup = renderer.g().attr({
                        class: "dxrs-view"
                    }).append(root);
                    const slidersGroup = renderer.g().attr({
                        class: "dxrs-slidersContainer",
                        "clip-path": that._clipRect.id
                    }).append(root);
                    const scaleGroup = renderer.g().attr({
                        class: "dxrs-scale",
                        "clip-path": that._clipRect.id
                    }).append(root);
                    const labelsAxesGroup = renderer.g().attr({
                        class: "dxrs-scale-elements",
                        "clip-path": that._clipRect.id
                    }).append(root);
                    const scaleBreaksGroup = renderer.g().attr({
                        class: "dxrs-scale-breaks"
                    }).append(root);
                    const trackersGroup = renderer.g().attr({
                        class: "dxrs-trackers"
                    }).append(root);
                    that._axis = new AxisWrapper({
                        renderer: renderer,
                        root: scaleGroup,
                        scaleBreaksGroup: scaleBreaksGroup,
                        labelsAxesGroup: labelsAxesGroup,
                        updateSelectedRange(range, e) {
                            that.setValue((0, _utils.convertVisualRangeObject)(range), e)
                        },
                        incidentOccurred: that._incidentOccurred
                    });
                    that._rangeView = new _range_view.RangeView({
                        renderer: renderer,
                        root: rangeViewGroup,
                        translator: that._axis.getTranslator()
                    });
                    that._slidersController = new _sliders_controller.SlidersController({
                        renderer: renderer,
                        root: slidersGroup,
                        trackersGroup: trackersGroup,
                        updateSelectedRange(range, lastSelectedRange, e) {
                            if (!that._rangeOption) {
                                that.option(VALUE, (0, _utils.convertVisualRangeObject)(range, (0, _type2.isPlainObject)(that._options.silent(VALUE))))
                            }
                            that._eventTrigger(VALUE_CHANGED, {
                                value: (0, _utils.convertVisualRangeObject)(range),
                                previousValue: (0, _utils.convertVisualRangeObject)(lastSelectedRange),
                                event: e
                            })
                        },
                        axis: that._axis,
                        translator: that._axis.getTranslator()
                    });
                    that._tracker = new _tracker.Tracker({
                        renderer: renderer,
                        controller: that._slidersController
                    })
                },
                _getDefaultSize: () => ({
                    width: 400,
                    height: 160
                }),
                _disposeCore() {
                    this._axis.dispose();
                    this._slidersController.dispose();
                    this._tracker.dispose()
                },
                _applySize(rect) {
                    this._clientRect = rect.slice();
                    this._change(["MOSTLY_TOTAL"])
                },
                _optionChangesMap: {
                    scale: "SCALE",
                    value: "VALUE",
                    dataSource: "DATA_SOURCE"
                },
                _optionChangesOrder: ["SCALE", "DATA_SOURCE"],
                _change_SCALE() {
                    this._change(["MOSTLY_TOTAL"])
                },
                _setValueByDataSource() {
                    const that = this;
                    const options = that._options.silent();
                    const axis = that._axis;
                    if (options.dataSource) {
                        let selectedRangeUpdateMode = that.option("selectedRangeUpdateMode");
                        const value = that.getValue();
                        const valueIsReady = (0, _type2.isDefined)(value[0]) && (0, _type2.isDefined)(value[1]);
                        if ((0, _type2.isDefined)(selectedRangeUpdateMode)) {
                            selectedRangeUpdateMode = (0, _utils.normalizeEnum)(selectedRangeUpdateMode);
                            that.__skipAnimation = true
                        } else if (valueIsReady && !that._dataSourceIsAsync) {
                            selectedRangeUpdateMode = "reset"
                        }
                        if ("auto" === selectedRangeUpdateMode && valueIsReady) {
                            const rangesInfo = axis.allScaleSelected(value);
                            if (rangesInfo.startValue && rangesInfo.endValue) {
                                selectedRangeUpdateMode = "reset"
                            } else if (rangesInfo.endValue) {
                                selectedRangeUpdateMode = "shift"
                            } else {
                                selectedRangeUpdateMode = "keep"
                            }
                        }
                        if ("reset" === selectedRangeUpdateMode) {
                            options[VALUE] = null
                        } else if ("shift" === selectedRangeUpdateMode && valueIsReady) {
                            const value = that.getValue();
                            that.__skipAnimation = true;
                            options[VALUE] = {
                                length: axis.getVisualRangeLength({
                                    minVisible: value[0],
                                    maxVisible: value[1]
                                })
                            }
                        } else if ("keep" === selectedRangeUpdateMode) {
                            that.__skipAnimation = true
                        }
                    }
                    that._dataSourceIsAsync = void 0
                },
                _change_DATA_SOURCE() {
                    if (this._options.silent("dataSource")) {
                        this._updateDataSource()
                    }
                },
                _customChangesOrder: ["MOSTLY_TOTAL", "VALUE", "SLIDER_SELECTION"],
                _change_MOSTLY_TOTAL() {
                    this._applyMostlyTotalChange()
                },
                _change_SLIDER_SELECTION() {
                    const value = this._options.silent(VALUE);
                    this._slidersController.setSelectedRange(value && (0, _utils.getVizRangeObject)(value))
                },
                _change_VALUE() {
                    const that = this;
                    const option = that._rangeOption;
                    that._dataSourceIsAsync = !that._dataIsReady();
                    if (option) {
                        that._options.silent(VALUE, option);
                        that.setValue(option)
                    }
                },
                _validateRange(start, end) {
                    const ensureValueInvalid = value => (0, _type2.isDefined)(value) && !this._axis.getTranslator().isValid(value);
                    if (this._dataIsReady() && (ensureValueInvalid(start) || ensureValueInvalid(end))) {
                        this._incidentOccurred("E2203")
                    }
                },
                _applyChanges() {
                    const that = this;
                    const value = that._options.silent(VALUE);
                    if (that._changes.has("VALUE") && value) {
                        that._rangeOption = value
                    }
                    that.callBase.apply(that, arguments);
                    that._rangeOption = null;
                    that.__isResizing = that.__skipAnimation = false
                },
                _applyMostlyTotalChange() {
                    const renderer = this._renderer;
                    const rect = this._clientRect;
                    let currentAnimationEnabled;
                    const canvas = {
                        left: rect[0],
                        top: rect[1],
                        width: rect[2] - rect[0],
                        height: rect[3] - rect[1]
                    };
                    if (this.__isResizing || this.__skipAnimation) {
                        currentAnimationEnabled = renderer.animationEnabled();
                        renderer.updateAnimationOptions({
                            enabled: false
                        })
                    }
                    this._clipRect.attr({
                        x: rect[0],
                        y: rect[1],
                        width: rect[2] - rect[0],
                        height: rect[3] - rect[1]
                    });
                    this._axis.getTranslator().update(new _range.Range, canvas, {
                        isHorizontal: true
                    });
                    this._updateContent({
                        left: rect[0],
                        top: rect[1],
                        width: rect[2] - rect[0],
                        height: rect[3] - rect[1]
                    });
                    if (this.__isResizing || this.__skipAnimation) {
                        renderer.updateAnimationOptions({
                            enabled: currentAnimationEnabled
                        })
                    }
                    this._drawn()
                },
                _dataSourceChangedHandler() {
                    this._setValueByDataSource();
                    this._requestChange(["MOSTLY_TOTAL"])
                },
                _completeSeriesDataSourceCreation(scaleOptions, seriesDataSource) {
                    const rect = this._clientRect;
                    const canvas = {
                        left: rect[0],
                        top: rect[1],
                        width: rect[2] - rect[0],
                        height: rect[3] - rect[1]
                    };
                    this._axis.updateOptions((0, _extend.extend)({}, scaleOptions, {
                        isHorizontal: true,
                        label: {}
                    }));
                    seriesDataSource.isShowChart() && this._axis.setMarginOptions(seriesDataSource.getMarginOptions(canvas));
                    this._axis.updateCanvas(canvas);
                    seriesDataSource.createPoints()
                },
                _updateContent(canvas) {
                    const that = this;
                    const chartOptions = that.option("chart");
                    const seriesDataSource = that._createSeriesDataSource(chartOptions);
                    const isCompactMode = !(seriesDataSource && seriesDataSource.isShowChart() || that.option("background.image.url"));
                    const scaleOptions = function(scaleOption, calculatedValueType, incidentOccurred, containerColor) {
                        let parsedValue = 0;
                        let valueType = (0, _parse_utils.correctValueType)((0, _utils.normalizeEnum)(scaleOption.valueType));
                        const validateStartEndValues = function(field, parser) {
                            const messageToIncidentOccurred = "startValue" === field ? "start" : "end";
                            if ((0, _type2.isDefined)(scaleOption[field])) {
                                parsedValue = parser(scaleOption[field]);
                                if ((0, _type2.isDefined)(parsedValue)) {
                                    scaleOption[field] = parsedValue
                                } else {
                                    scaleOption[field] = void 0;
                                    incidentOccurred("E2202", [messageToIncidentOccurred])
                                }
                            }
                        };
                        valueType = calculatedValueType || valueType;
                        if (!valueType) {
                            valueType = calculateValueType(scaleOption.startValue, scaleOption.endValue) || "numeric"
                        }
                        if ("string" === valueType || scaleOption.categories) {
                            scaleOption.type = "discrete";
                            valueType = "string"
                        }
                        scaleOption.containerColor = containerColor;
                        scaleOption.valueType = valueType;
                        scaleOption.dataType = valueType;
                        const parser = (0, _parse_utils.getParser)(valueType);
                        validateStartEndValues("startValue", parser);
                        validateStartEndValues("endValue", parser);
                        checkLogarithmicOptions(scaleOption, 10, incidentOccurred);
                        if (!scaleOption.type) {
                            scaleOption.type = "continuous"
                        }
                        scaleOption.parser = parser;
                        if ("semidiscrete" === scaleOption.type) {
                            scaleOption.minorTick.visible = false;
                            scaleOption.minorTickInterval = scaleOption.minRange;
                            scaleOption.marker.visible = false;
                            scaleOption.maxRange = void 0
                        }
                        scaleOption.forceUserTickInterval |= (0, _type2.isDefined)(scaleOption.tickInterval) && !(0, _type2.isDefined)(scaleOption.axisDivisionFactor);
                        scaleOption.axisDivisionFactor = (0, _type2.isDefined)(scaleOption.axisDivisionFactor) ? scaleOption.axisDivisionFactor : 30;
                        scaleOption.minorAxisDivisionFactor = (0, _type2.isDefined)(scaleOption.minorAxisDivisionFactor) ? scaleOption.minorAxisDivisionFactor : 15;
                        return scaleOption
                    }(that._getOption("scale"), seriesDataSource && seriesDataSource.getCalculatedValueType(), that._incidentOccurred, this._getOption("containerBackgroundColor", true));
                    seriesDataSource && that._completeSeriesDataSourceCreation(scaleOptions, seriesDataSource);
                    const argTranslatorRange = function(seriesDataSource, scaleOptions) {
                        let minValue;
                        let maxValue;
                        let inverted = false;
                        let startValue = scaleOptions.startValue;
                        let endValue = scaleOptions.endValue;
                        let categories;
                        let categoriesInfo;
                        let translatorRange = seriesDataSource ? seriesDataSource.getBoundRange().arg : new _range.Range;
                        let rangeForCategories;
                        const isDate = "datetime" === scaleOptions.valueType;
                        const firstDayOfWeek = getFirstDayOfWeek(scaleOptions);
                        const minRange = scaleOptions.minRange;
                        if ("discrete" === scaleOptions.type) {
                            rangeForCategories = new _range.Range({
                                minVisible: startValue,
                                maxVisible: endValue
                            });
                            rangeForCategories.addRange(translatorRange);
                            translatorRange = rangeForCategories;
                            categories = seriesDataSource ? seriesDataSource.argCategories : scaleOptions.categories || startValue && endValue && [startValue, endValue];
                            categories = categories || [];
                            scaleOptions._categoriesInfo = categoriesInfo = (0, _utils.getCategoriesInfo)(categories, startValue, endValue)
                        }
                        if ("semidiscrete" === scaleOptions.type) {
                            startValue = scaleOptions.startValue = correctValueByInterval(scaleOptions.startValue, isDate, minRange, firstDayOfWeek);
                            endValue = scaleOptions.endValue = correctValueByInterval(scaleOptions.endValue, isDate, minRange, firstDayOfWeek);
                            translatorRange.minVisible = correctValueByInterval(translatorRange.minVisible, isDate, minRange, firstDayOfWeek);
                            translatorRange.maxVisible = correctValueByInterval(translatorRange.maxVisible, isDate, minRange, firstDayOfWeek);
                            translatorRange.min = correctValueByInterval(translatorRange.min, isDate, minRange, firstDayOfWeek);
                            translatorRange.max = correctValueByInterval(translatorRange.max, isDate, minRange, firstDayOfWeek)
                        }
                        if ((0, _type2.isDefined)(startValue) && (0, _type2.isDefined)(endValue)) {
                            inverted = categoriesInfo ? categoriesInfo.inverted : startValue > endValue;
                            minValue = categoriesInfo ? categoriesInfo.start : inverted ? endValue : startValue;
                            maxValue = categoriesInfo ? categoriesInfo.end : inverted ? startValue : endValue
                        } else if ((0, _type2.isDefined)(startValue) || (0, _type2.isDefined)(endValue)) {
                            minValue = startValue;
                            maxValue = endValue
                        } else if (categoriesInfo) {
                            minValue = categoriesInfo.start;
                            maxValue = categoriesInfo.end
                        }
                        translatorRange.addRange({
                            invert: inverted,
                            min: minValue,
                            max: maxValue,
                            minVisible: minValue,
                            maxVisible: maxValue,
                            dataType: scaleOptions.valueType
                        });
                        translatorRange.addRange({
                            categories: !seriesDataSource ? categories : void 0,
                            base: scaleOptions.logarithmBase,
                            axisType: scaleOptions.type,
                            dataType: scaleOptions.valueType
                        });
                        seriesDataSource && translatorRange.sortCategories(categories);
                        return translatorRange
                    }(seriesDataSource, scaleOptions);
                    const tickIntervalsInfo = updateTickIntervals(scaleOptions, canvas.width, that._incidentOccurred, argTranslatorRange);
                    const chartThemeManager = seriesDataSource && seriesDataSource.isShowChart() && seriesDataSource.getThemeManager();
                    if (chartThemeManager) {
                        checkLogarithmicOptions(chartOptions && chartOptions.valueAxis, chartThemeManager.getOptions("valueAxis").logarithmBase, that._incidentOccurred)
                    }
                    updateScaleOptions(scaleOptions, seriesDataSource, argTranslatorRange, tickIntervalsInfo, (screenDelta = canvas.width, function(isDateScale, isMarkerVisible, min, max, tickInterval) {
                        if (isMarkerVisible && isDateScale) {
                            if (!(0, _type2.isDefined)(tickInterval) || tickInterval.years || tickInterval.months >= 6 || screenDelta / 50 < _ceil((max - min) / _date.default.dateToMilliseconds("year")) + 1) {
                                isMarkerVisible = false
                            }
                        }
                        return isMarkerVisible
                    }));
                    var screenDelta;
                    ! function(translatorRange, scaleOptions) {
                        let intervalX = scaleOptions.minorTickInterval || scaleOptions.tickInterval;
                        if ("datetime" === scaleOptions.valueType) {
                            intervalX = _date.default.dateToMilliseconds(intervalX)
                        }
                        translatorRange.addRange({
                            interval: intervalX
                        })
                    }(argTranslatorRange, scaleOptions);
                    const sliderMarkerOptions = that._prepareSliderMarkersOptions(scaleOptions, canvas.width, tickIntervalsInfo, argTranslatorRange);
                    const indents = function(renderer, scale, sliderMarkerOptions, indentOptions, tickIntervalsInfo) {
                        let leftMarkerHeight;
                        let leftScaleLabelWidth = 0;
                        let rightScaleLabelWidth = 0;
                        let rightMarkerHeight;
                        let placeholderWidthLeft;
                        let placeholderWidthRight;
                        let placeholderHeight;
                        const ticks = "semidiscrete" === scale.type ? scale.customTicks : tickIntervalsInfo.ticks;
                        let startTickValue;
                        let endTickValue;
                        indentOptions = indentOptions || {};
                        placeholderWidthLeft = indentOptions.left;
                        placeholderWidthRight = indentOptions.right;
                        placeholderHeight = sliderMarkerOptions.placeholderHeight;
                        if (sliderMarkerOptions.visible) {
                            leftMarkerHeight = calculateMarkerHeight(renderer, scale.startValue, sliderMarkerOptions);
                            rightMarkerHeight = calculateMarkerHeight(renderer, scale.endValue, sliderMarkerOptions);
                            if (void 0 === placeholderHeight) {
                                placeholderHeight = _max(leftMarkerHeight, rightMarkerHeight)
                            }
                        }
                        if (scale.label.visible) {
                            startTickValue = (0, _type2.isDefined)(scale.startValue) ? ticks[0] : void 0;
                            endTickValue = (0, _type2.isDefined)(scale.endValue) ? ticks[ticks.length - 1] : void 0;
                            leftScaleLabelWidth = calculateScaleLabelHalfWidth(renderer, startTickValue, scale, tickIntervalsInfo);
                            rightScaleLabelWidth = calculateScaleLabelHalfWidth(renderer, endTickValue, scale, tickIntervalsInfo)
                        }
                        placeholderWidthLeft = void 0 !== placeholderWidthLeft ? placeholderWidthLeft : leftScaleLabelWidth;
                        placeholderWidthRight = (void 0 !== placeholderWidthRight ? placeholderWidthRight : rightScaleLabelWidth) || 1;
                        return {
                            left: placeholderWidthLeft,
                            right: placeholderWidthRight,
                            top: placeholderHeight || 0,
                            bottom: 0
                        }
                    }(that._renderer, scaleOptions, sliderMarkerOptions, that.option("indent"), tickIntervalsInfo);
                    const rangeContainerCanvas = {
                        left: canvas.left + indents.left,
                        top: canvas.top + indents.top,
                        width: canvas.left + indents.left + _max(canvas.width - indents.left - indents.right, 1),
                        height: _max(!isCompactMode ? canvas.height - indents.top - indents.bottom - calculateScaleAreaHeight(that._renderer, scaleOptions, showScaleMarkers(scaleOptions), tickIntervalsInfo) : _common.HEIGHT_COMPACT_MODE, 0),
                        right: 0,
                        bottom: 0
                    };
                    that._axis.update(scaleOptions, isCompactMode, rangeContainerCanvas, argTranslatorRange, seriesDataSource);
                    scaleOptions.minorTickInterval = scaleOptions.isEmpty ? 0 : scaleOptions.minorTickInterval;
                    that._updateElements(scaleOptions, sliderMarkerOptions, isCompactMode, rangeContainerCanvas, seriesDataSource);
                    if (chartThemeManager) {
                        chartThemeManager.dispose()
                    }
                },
                _updateElements(scaleOptions, sliderMarkerOptions, isCompactMode, canvas, seriesDataSource) {
                    const behavior = this._getOption("behavior");
                    const shutterOptions = this._getOption("shutter");
                    const isNotSemiDiscrete = "semidiscrete" !== scaleOptions.type;
                    shutterOptions.color = shutterOptions.color || this._getOption("containerBackgroundColor", true);
                    this._rangeView.update(this.option("background"), this._themeManager.theme("background"), canvas, isCompactMode, behavior.animationEnabled && this._renderer.animationEnabled(), seriesDataSource);
                    this._isUpdating = true;
                    this._slidersController.update([canvas.top, canvas.top + canvas.height], behavior, isCompactMode, this._getOption("sliderHandle"), sliderMarkerOptions, shutterOptions, {
                        minRange: isNotSemiDiscrete ? this.option("scale.minRange") : void 0,
                        maxRange: isNotSemiDiscrete ? this.option("scale.maxRange") : void 0
                    }, this._axis.getFullTicks(), this._getOption("selectedRangeColor", true));
                    this._requestChange(["SLIDER_SELECTION"]);
                    this._isUpdating = false;
                    this._tracker.update(!this._axis.getTranslator().getBusinessRange().isEmpty(), behavior)
                },
                _createSeriesDataSource(chartOptions) {
                    const that = this;
                    let seriesDataSource;
                    const dataSource = that._dataSourceItems();
                    const scaleOptions = that._getOption("scale");
                    const valueType = scaleOptions.valueType || calculateValueType(scaleOptions.startValue, scaleOptions.endValue);
                    const valueAxis = new _base_axis.Axis({
                        renderer: that._renderer,
                        axisType: "xyAxes",
                        drawingType: "linear"
                    });
                    valueAxis.updateOptions({
                        isHorizontal: false,
                        label: {},
                        categoriesSortingMethod: that._getOption("chart").valueAxis.categoriesSortingMethod
                    });
                    if (dataSource || chartOptions && chartOptions.series) {
                        chartOptions = (0, _extend.extend)({}, chartOptions, {
                            theme: that.option("theme")
                        });
                        seriesDataSource = new _series_data_source.SeriesDataSource({
                            renderer: that._renderer,
                            dataSource: dataSource,
                            valueType: (0, _utils.normalizeEnum)(valueType),
                            axisType: scaleOptions.type,
                            chart: chartOptions,
                            dataSourceField: that.option("dataSourceField"),
                            incidentOccurred: that._incidentOccurred,
                            categories: scaleOptions.categories,
                            argumentAxis: that._axis,
                            valueAxis: valueAxis
                        })
                    }
                    return seriesDataSource
                },
                _prepareSliderMarkersOptions(scaleOptions, screenDelta, tickIntervalsInfo, argRange) {
                    const minorTickInterval = tickIntervalsInfo.minorTickInterval;
                    const tickInterval = tickIntervalsInfo.tickInterval;
                    let interval = tickInterval;
                    const endValue = scaleOptions.endValue;
                    const startValue = scaleOptions.startValue;
                    const sliderMarkerOptions = this._getOption("sliderMarker");
                    const doNotSnap = !this._getOption("behavior").snapToTicks;
                    const isTypeDiscrete = "discrete" === scaleOptions.type;
                    const isValueTypeDatetime = "datetime" === scaleOptions.valueType;
                    sliderMarkerOptions.borderColor = this._getOption("containerBackgroundColor", true);
                    if (!sliderMarkerOptions.format && !argRange.isEmpty()) {
                        if (doNotSnap && (0, _type2.isNumeric)(scaleOptions.startValue)) {
                            sliderMarkerOptions.format = {
                                type: "fixedPoint",
                                precision: getPrecisionForSlider(startValue, endValue, screenDelta)
                            }
                        }
                        if (isValueTypeDatetime && !isTypeDiscrete) {
                            if ((0, _type2.isDefined)(minorTickInterval) && 0 !== minorTickInterval) {
                                interval = function(tickInterval, minorTickInterval, withCorrection) {
                                    let interval = _date.default.getDateUnitInterval(minorTickInterval);
                                    const majorUnit = _date.default.getDateUnitInterval(tickInterval);
                                    const idx = _date.default.dateUnitIntervals.indexOf(interval);
                                    if (withCorrection && interval === majorUnit && idx > 0) {
                                        interval = _date.default.dateUnitIntervals[idx - 1]
                                    }
                                    return interval
                                }(tickInterval, minorTickInterval, doNotSnap)
                            }
                            if (!scaleOptions.marker.visible) {
                                if ((0, _type2.isDefined)(startValue) && (0, _type2.isDefined)(endValue)) {
                                    sliderMarkerOptions.format = _format_helper.default.getDateFormatByTickInterval(startValue, endValue, interval)
                                }
                            } else {
                                sliderMarkerOptions.format = _date.default.getDateFormatByTickInterval(interval)
                            }
                        }
                        if (isValueTypeDatetime && isTypeDiscrete && tickIntervalsInfo.ticks.length) {
                            sliderMarkerOptions.format = _format_helper.default.getDateFormatByTicks(tickIntervalsInfo.ticks)
                        }
                    }
                    return sliderMarkerOptions
                },
                getValue() {
                    return (0, _utils.convertVisualRangeObject)(this._slidersController.getSelectedRange())
                },
                setValue(value, e) {
                    const visualRange = (0, _utils.getVizRangeObject)(value);
                    if (!this._isUpdating && value) {
                        this._validateRange(visualRange.startValue, visualRange.endValue);
                        !(0, _utils.rangesAreEqual)(visualRange, this._slidersController.getSelectedRange()) && this._slidersController.setSelectedRange(visualRange, e)
                    }
                },
                _setContentSize() {
                    this.__isResizing = 2 === this._changes.count();
                    this.callBase.apply(this, arguments)
                }
            });
            (0, _iterator.each)(["selectedRangeColor", "containerBackgroundColor", "sliderMarker", "sliderHandle", "shutter", "background", "behavior", "chart", "indent"], (_, name) => {
                dxRangeSelector.prototype._optionChangesMap[name] = "MOSTLY_TOTAL"
            });

            function getSharpDirection() {
                return 1
            }

            function getTickStartPositionShift(length) {
                return length % 2 === 1 ? -_floor(length / 2) : -length / 2
            }

            function checkShiftedLabels(majorTicks, boxes, minSpacing, alignment) {
                function checkLabelsOverlapping(nearestLabelsIndexes) {
                    if (2 === nearestLabelsIndexes.length && _axes_constants.default.areLabelsOverlap(boxes[nearestLabelsIndexes[0]], boxes[nearestLabelsIndexes[1]], minSpacing, alignment)) {
                        majorTicks[nearestLabelsIndexes[0]].removeLabel()
                    }
                }

                function getTwoVisibleLabels(startIndex) {
                    const labels = [];
                    for (let i = startIndex; labels.length < 2 && i < majorTicks.length; i++) {
                        majorTicks[i].label && labels.push(i)
                    }
                    return labels
                }
                if (majorTicks.length < 3) {
                    return
                }
                checkLabelsOverlapping(getTwoVisibleLabels(0));
                checkLabelsOverlapping(getTwoVisibleLabels(majorTicks.length - 2).reverse())
            }

            function AxisWrapper(params) {
                this._axis = new _base_axis.Axis({
                    renderer: params.renderer,
                    axesContainerGroup: params.root,
                    scaleBreaksGroup: params.scaleBreaksGroup,
                    labelsAxesGroup: params.labelsAxesGroup,
                    incidentOccurred: params.incidentOccurred,
                    axisType: "xyAxes",
                    drawingType: "linear",
                    widgetClass: "dxrs",
                    axisClass: "range-selector",
                    isArgumentAxis: true,
                    getTemplate() {}
                });
                this._updateSelectedRangeCallback = params.updateSelectedRange;
                this._axis.getAxisSharpDirection = this._axis.getSharpDirectionByCoords = getSharpDirection;
                this._axis.getTickStartPositionShift = getTickStartPositionShift;
                this._axis._checkShiftedLabels = checkShiftedLabels
            }
            AxisWrapper.prototype = {
                constructor: AxisWrapper,
                update(options, isCompactMode, canvas, businessRange, seriesDataSource) {
                    const axis = this._axis;
                    axis.updateOptions(function(scaleOptions, isCompactMode, height, axisPosition) {
                        scaleOptions.marker.label.font = scaleOptions.label.font;
                        scaleOptions.color = scaleOptions.marker.color = scaleOptions.tick.color;
                        scaleOptions.opacity = scaleOptions.marker.opacity = scaleOptions.tick.opacity;
                        scaleOptions.width = scaleOptions.marker.width = scaleOptions.tick.width;
                        scaleOptions.placeholderSize = (scaleOptions.placeholderHeight || 0) + axisPosition;
                        scaleOptions.argumentType = scaleOptions.valueType;
                        scaleOptions.visible = isCompactMode;
                        scaleOptions.isHorizontal = true;
                        scaleOptions.calculateMinors = true;
                        scaleOptions.semiDiscreteInterval = scaleOptions.minRange;
                        if (!isCompactMode) {
                            scaleOptions.minorTick.length = scaleOptions.tick.length = height
                        }
                        scaleOptions.label.indentFromAxis = scaleOptions.label.topIndent + axisPosition;
                        return scaleOptions
                    }(options, isCompactMode, canvas.height, canvas.height / 2 - _ceil(options.width / 2)));
                    axis.validate();
                    axis.setBusinessRange(businessRange, true);
                    if (void 0 !== seriesDataSource && seriesDataSource.isShowChart()) {
                        axis.setMarginOptions(seriesDataSource.getMarginOptions(canvas))
                    }
                    axis.draw(canvas);
                    axis.shift({
                        left: 0,
                        bottom: -canvas.height / 2 + canvas.top
                    });
                    if (axis.getMarkerTrackers()) {
                        ! function(scaleOptions, markerTrackers, setSelectedRange) {
                            (0, _iterator.each)(markerTrackers, (_, value) => {
                                value.on("dxpointerdown", onPointerDown)
                            });

                            function onPointerDown(e) {
                                const range = e.target.range;
                                const minRange = scaleOptions.minRange ? _date.default.addInterval(range.startValue, scaleOptions.minRange) : void 0;
                                const maxRange = scaleOptions.maxRange ? _date.default.addInterval(range.startValue, scaleOptions.maxRange) : void 0;
                                if (!(minRange && minRange > range.endValue || maxRange && maxRange < range.endValue)) {
                                    setSelectedRange(range, e)
                                }
                            }
                        }(options, axis.getMarkerTrackers(), this._updateSelectedRangeCallback)
                    }
                    axis.drawScaleBreaks({
                        start: canvas.top,
                        end: canvas.top + canvas.height
                    })
                },
                visualRange() {},
                getViewport: () => ({}),
                allScaleSelected(value) {
                    const {
                        startValue: startValue,
                        endValue: endValue
                    } = this._axis.visualRange();
                    return {
                        startValue: value[0].valueOf() === startValue.valueOf(),
                        endValue: value[1].valueOf() === endValue.valueOf()
                    }
                },
                getOptions() {
                    return this._axis.getOptions() || {}
                }
            };
            (0, _iterator.each)(_base_axis.Axis.prototype, field => {
                if ("constructor" !== field && "_" !== field[0] && (0, _type2.isFunction)(_base_axis.Axis.prototype[field]) && !(field in AxisWrapper.prototype)) {
                    AxisWrapper.prototype[field] = function() {
                        const axis = this._axis;
                        return axis[field].apply(axis, arguments)
                    }
                }
            });
            (0, _component_registrator.default)("dxRangeSelector", dxRangeSelector);
            exports.default = dxRangeSelector;
            dxRangeSelector.addPlugin(_export.plugin);
            dxRangeSelector.addPlugin(_title.plugin);
            dxRangeSelector.addPlugin(_loading_indicator.plugin);
            dxRangeSelector.addPlugin(_data_source.plugin)
        },
        57853(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.RangeView = RangeView;

            function merge(a, b) {
                return void 0 !== a ? a : b
            }

            function RangeView(params) {
                this._params = params;
                this._clipRect = params.renderer.clipRect();
                params.root.attr({
                    "clip-path": this._clipRect.id
                })
            }
            RangeView.prototype = {
                constructor: RangeView,
                update(backgroundOption, backgroundTheme, canvas, isCompactMode, isAnimationEnabled, seriesDataSource) {
                    const renderer = this._params.renderer;
                    const root = this._params.root;
                    const canvasWidth = canvas.width - canvas.left;
                    let seriesGroup;
                    backgroundOption = backgroundOption || {};
                    root.clear();
                    this._clipRect.attr({
                        x: canvas.left,
                        y: canvas.top,
                        width: canvasWidth,
                        height: canvas.height
                    });
                    if (!isCompactMode) {
                        if (merge(backgroundOption.visible, backgroundTheme.visible)) {
                            if (backgroundOption.color) {
                                renderer.rect(canvas.left, canvas.top, canvasWidth + 1, canvas.height).attr({
                                    fill: merge(backgroundOption.color, backgroundTheme.color),
                                    class: "dx-range-selector-background"
                                }).append(root)
                            }
                            if (backgroundOption.image && backgroundOption.image.url) {
                                renderer.image(canvas.left, canvas.top, canvasWidth + 1, canvas.height, backgroundOption.image.url, merge(backgroundOption.image.location, backgroundTheme.image.location)).append(root)
                            }
                        }
                        if (seriesDataSource && seriesDataSource.isShowChart()) {
                            seriesGroup = renderer.g().attr({
                                class: "dxrs-series-group"
                            }).append(root);
                            ! function(root, seriesDataSource, canvas, isAnimationEnabled) {
                                const seriesList = seriesDataSource.getSeries();
                                if (!seriesList.length) {
                                    return
                                }
                                const valueAxis = seriesList[0].getValueAxis();
                                valueAxis.updateCanvas({
                                    top: canvas.top,
                                    bottom: 0,
                                    height: canvas.height + canvas.top
                                });
                                seriesDataSource.adjustSeriesDimensions();
                                const valueRange = seriesDataSource.getBoundRange().val;
                                valueRange.sortCategories(valueAxis.getCategoriesSorter());
                                valueAxis.setBusinessRange(valueRange);
                                seriesList.forEach(series => {
                                    series._extGroups.seriesGroup = series._extGroups.labelsGroup = root;
                                    series.draw(isAnimationEnabled)
                                })
                            }(seriesGroup, seriesDataSource, canvas, isAnimationEnabled)
                        }
                    }
                }
            }
        },
        19112(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SeriesDataSource = void 0;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _chart_theme_manager = __webpack_require__( /*! ../../viz/components/chart_theme_manager */ 56005);
            var _data_validator = __webpack_require__( /*! ../../viz/components/data_validator */ 22390);
            var _series_family = __webpack_require__( /*! ../../viz/core/series_family */ 81214);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _base_series = __webpack_require__( /*! ../../viz/series/base_series */ 98701);
            var _range = __webpack_require__( /*! ../../viz/translators/range */ 8315);
            const SeriesDataSource = function(options) {
                const themeManager = this._themeManager = (chartOptions = options.chart, new _chart_theme_manager.ThemeManager({
                    options: chartOptions,
                    themeSection: "rangeSelector.chart",
                    fontFields: ["commonSeriesSettings.label.font"]
                }));
                var chartOptions;
                themeManager.setTheme(options.chart.theme);
                const topIndent = themeManager.getOptions("topIndent");
                const bottomIndent = themeManager.getOptions("bottomIndent");
                this._indent = {
                    top: topIndent >= 0 && topIndent < 1 ? topIndent : 0,
                    bottom: bottomIndent >= 0 && bottomIndent < 1 ? bottomIndent : 0
                };
                this._valueAxis = themeManager.getOptions("valueAxisRangeSelector") || {};
                this._hideChart = false;
                this._series = this._calculateSeries(options);
                this._seriesFamilies = []
            };
            exports.SeriesDataSource = SeriesDataSource;
            SeriesDataSource.prototype = {
                constructor: SeriesDataSource,
                _calculateSeries(options) {
                    const that = this;
                    const series = [];
                    let particularSeriesOptions;
                    let seriesTheme;
                    const data = options.dataSource || [];
                    let parsedData;
                    const chartThemeManager = that._themeManager;
                    const seriesTemplate = chartThemeManager.getOptions("seriesTemplate");
                    let allSeriesOptions = seriesTemplate ? (0, _utils.processSeriesTemplate)(seriesTemplate, data) : options.chart.series;
                    let dataSourceField;
                    const valueAxis = that._valueAxis;
                    let i;
                    let newSeries;
                    let groupsData;
                    if (options.dataSource && !allSeriesOptions) {
                        dataSourceField = options.dataSourceField || "arg";
                        allSeriesOptions = {
                            argumentField: dataSourceField,
                            valueField: dataSourceField
                        };
                        that._hideChart = true
                    }
                    allSeriesOptions = Array.isArray(allSeriesOptions) ? allSeriesOptions : allSeriesOptions ? [allSeriesOptions] : [];
                    for (i = 0; i < allSeriesOptions.length; i++) {
                        particularSeriesOptions = (0, _extend.extend)(true, {}, allSeriesOptions[i]);
                        particularSeriesOptions.rotated = false;
                        seriesTheme = chartThemeManager.getOptions("series", particularSeriesOptions, allSeriesOptions.length);
                        seriesTheme.argumentField = seriesTheme.argumentField || options.dataSourceField;
                        if (!seriesTheme.name) {
                            seriesTheme.name = `Series ${(i+1).toString()}`
                        }
                        if (data && data.length > 0) {
                            newSeries = new _base_series.Series({
                                renderer: options.renderer,
                                argumentAxis: options.argumentAxis,
                                valueAxis: options.valueAxis,
                                incidentOccurred: options.incidentOccurred
                            }, seriesTheme);
                            series.push(newSeries)
                        }
                    }
                    if (series.length) {
                        groupsData = {
                            groups: [{
                                series: series,
                                valueAxis: options.valueAxis,
                                valueOptions: {
                                    type: valueAxis.type,
                                    valueType: dataSourceField ? options.valueType : valueAxis.valueType
                                }
                            }],
                            argumentOptions: {
                                categories: options.categories,
                                argumentType: options.valueType,
                                type: options.axisType
                            }
                        };
                        parsedData = (0, _data_validator.validateData)(data, groupsData, options.incidentOccurred, chartThemeManager.getOptions("dataPrepareSettings"));
                        that.argCategories = groupsData.categories;
                        for (i = 0; i < series.length; i++) {
                            series[i].updateData(parsedData[series[i].getArgumentField()])
                        }
                    }
                    return series
                },
                createPoints() {
                    if (0 === this._series.length) {
                        return
                    }
                    const series = this._series;
                    const viewport = new _range.Range;
                    const axis = series[0].getArgumentAxis();
                    const themeManager = this._themeManager;
                    const negativesAsZeroes = themeManager.getOptions("negativesAsZeroes");
                    const negativesAsZeros = themeManager.getOptions("negativesAsZeros");
                    series.forEach(s => {
                        viewport.addRange(s.getArgumentRange())
                    });
                    axis.getTranslator().updateBusinessRange(viewport);
                    series.forEach(s => {
                        s.createPoints()
                    });
                    this._seriesFamilies = function(series, minBubbleSize, maxBubbleSize, barOptions, negativesAsZeroes) {
                        const families = [];
                        const types = [];
                        (0, _iterator.each)(series, (i, item) => {
                            if (!types.includes(item.type)) {
                                types.push(item.type)
                            }
                        });
                        (0, _iterator.each)(types, (_, type) => {
                            const family = new _series_family.SeriesFamily({
                                type: type,
                                minBubbleSize: minBubbleSize,
                                maxBubbleSize: maxBubbleSize,
                                barGroupPadding: barOptions.barGroupPadding,
                                barGroupWidth: barOptions.barGroupWidth,
                                negativesAsZeroes: negativesAsZeroes
                            });
                            family.add(series);
                            family.adjustSeriesValues();
                            families.push(family)
                        });
                        return families
                    }(series, themeManager.getOptions("minBubbleSize"), themeManager.getOptions("maxBubbleSize"), {
                        barGroupPadding: themeManager.getOptions("barGroupPadding"),
                        barGroupWidth: themeManager.getOptions("barGroupWidth")
                    }, (0, _type.isDefined)(negativesAsZeroes) ? negativesAsZeroes : negativesAsZeros)
                },
                adjustSeriesDimensions() {
                    (0, _iterator.each)(this._seriesFamilies, (_, family) => {
                        family.adjustSeriesDimensions()
                    })
                },
                getBoundRange() {
                    const that = this;
                    let rangeData;
                    const valueAxis = that._valueAxis;
                    const valRange = new _range.Range({
                        min: valueAxis.min,
                        minVisible: valueAxis.min,
                        max: valueAxis.max,
                        maxVisible: valueAxis.max,
                        axisType: valueAxis.type,
                        base: valueAxis.logarithmBase
                    });
                    const argRange = new _range.Range({});
                    let rangeYSize;
                    let rangeVisibleSizeY;
                    let minIndent;
                    let maxIndent;
                    (0, _iterator.each)(that._series, (_, series) => {
                        rangeData = series.getRangeData();
                        valRange.addRange(rangeData.val);
                        argRange.addRange(rangeData.arg)
                    });
                    if (!valRange.isEmpty() && !argRange.isEmpty()) {
                        minIndent = valueAxis.inverted ? that._indent.top : that._indent.bottom;
                        maxIndent = valueAxis.inverted ? that._indent.bottom : that._indent.top;
                        rangeYSize = valRange.max - valRange.min;
                        rangeVisibleSizeY = ((0, _type.isNumeric)(valRange.maxVisible) ? valRange.maxVisible : valRange.max) - ((0, _type.isNumeric)(valRange.minVisible) ? valRange.minVisible : valRange.min);
                        if ((0, _type.isDate)(valRange.min)) {
                            valRange.min = new Date(valRange.min.valueOf() - rangeYSize * minIndent)
                        } else {
                            valRange.min -= rangeYSize * minIndent
                        }
                        if ((0, _type.isDate)(valRange.max)) {
                            valRange.max = new Date(valRange.max.valueOf() + rangeYSize * maxIndent)
                        } else {
                            valRange.max += rangeYSize * maxIndent
                        }
                        if ((0, _type.isNumeric)(rangeVisibleSizeY)) {
                            valRange.maxVisible = (0, _type.isDefined)(valRange.maxVisible) ? valRange.maxVisible + rangeVisibleSizeY * maxIndent : void 0;
                            valRange.minVisible = (0, _type.isDefined)(valRange.minVisible) ? valRange.minVisible - rangeVisibleSizeY * minIndent : void 0
                        }
                        valRange.invert = valueAxis.inverted
                    }
                    return {
                        arg: argRange,
                        val: valRange
                    }
                },
                getMarginOptions(canvas) {
                    const bubbleSize = Math.min(canvas.width, canvas.height) * this._themeManager.getOptions("maxBubbleSize");
                    return this._series.reduce((marginOptions, series) => {
                        const seriesOptions = series.getMarginOptions();
                        if (true === seriesOptions.processBubbleSize) {
                            seriesOptions.size = bubbleSize
                        }
                        return (0, _utils.mergeMarginOptions)(marginOptions, seriesOptions)
                    }, {})
                },
                getSeries() {
                    return this._series
                },
                isEmpty() {
                    return 0 === this.getSeries().length
                },
                isShowChart() {
                    return !this._hideChart
                },
                getCalculatedValueType() {
                    const series = this._series[0];
                    return null === series || void 0 === series ? void 0 : series.argumentType
                },
                getThemeManager() {
                    return this._themeManager
                }
            }
        },
        20971(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _m_support = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/m_support */ 85991));
            var _common = __webpack_require__( /*! ../../viz/range_selector/common */ 97331);
            var _slider_marker = _interopRequireDefault(__webpack_require__( /*! ../../viz/range_selector/slider_marker */ 87128));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const animationSettings = _common.utils.animationSettings;

            function Slider(params, index) {
                this._translator = params.translator;
                this._sliderGroup = params.renderer.g().attr({
                    class: "slider"
                }).append(params.root);
                this._line = params.renderer.path(null, "line").append(this._sliderGroup);
                this._marker = new _slider_marker.default(params.renderer, this._sliderGroup, 1 === index);
                this._tracker = params.renderer.rect().attr({
                    class: "slider-tracker",
                    fill: "#000000",
                    opacity: 1e-4
                }).css({
                    cursor: "w-resize"
                }).append(params.trackersGroup)
            }
            Slider.prototype = {
                constructor: Slider,
                cancelAnimation() {
                    this._sliderGroup.stopAnimation();
                    this._tracker.stopAnimation()
                },
                applyPosition(isAnimated) {
                    const that = this;
                    const slider = that._sliderGroup;
                    const tracker = that._tracker;
                    const sliderAttrs = {
                        translateX: that._position
                    };
                    let trackerAttrs = {
                        translateX: that._position
                    };
                    if ((0, _common.isFirefoxOnAndroid)()) {
                        trackerAttrs = {
                            x: that._position - tracker._originalWidth / 2
                        }
                    }
                    that._marker.setPosition(that._position);
                    if (isAnimated) {
                        slider.animate(sliderAttrs, animationSettings);
                        tracker.animate(trackerAttrs, animationSettings)
                    } else {
                        slider.attr(sliderAttrs);
                        tracker.attr(trackerAttrs)
                    }
                },
                _setValid(isValid) {
                    this._marker.setValid(isValid);
                    this._line.attr({
                        stroke: this._colors[Number(isValid)]
                    })
                },
                _setText(text) {
                    this._marker.setText(text)
                },
                update(verticalRange, sliderHandleOptions, sliderMarkerOptions) {
                    this._formatOptions = {
                        format: sliderMarkerOptions.format,
                        customizeText: sliderMarkerOptions.customizeText
                    };
                    this._marker.applyOptions(sliderMarkerOptions, this._translator.getScreenRange());
                    this._colors = [sliderMarkerOptions.invalidRangeColor, sliderHandleOptions.color];
                    this._sliderGroup.attr({
                        translateY: verticalRange[0]
                    });
                    this._line.attr({
                        "stroke-width": sliderHandleOptions.width,
                        stroke: sliderHandleOptions.color,
                        "stroke-opacity": sliderHandleOptions.opacity,
                        sharp: "h",
                        points: [0, 0, 0, verticalRange[1] - verticalRange[0]]
                    });
                    const trackerWidth = (sliderHandleWidth = sliderHandleOptions.width, _m_support.default.touchEvents || _m_support.default.pointerEvents ? 20 : 8 < sliderHandleWidth ? sliderHandleWidth : 8);
                    var sliderHandleWidth;
                    const trackerAttrs = {
                        x: -trackerWidth / 2,
                        width: trackerWidth,
                        height: verticalRange[1] - verticalRange[0],
                        y: (0, _common.isFirefoxOnAndroid)() ? verticalRange[0] : 0,
                        translateY: (0, _common.isFirefoxOnAndroid)() ? void 0 : verticalRange[0]
                    };
                    this._tracker.attr(trackerAttrs)
                },
                toForeground() {
                    this._sliderGroup.toForeground()
                },
                getSliderTracker() {
                    return this._tracker
                },
                getPosition() {
                    return this._position
                },
                setDisplayValue(value) {
                    this._value = value;
                    this._setText((0, _common.formatValue)(value, this._formatOptions))
                },
                setOverlapped(isOverlapped) {
                    this._marker.setOverlapped(isOverlapped)
                },
                getValue() {
                    return this._value
                },
                on(event, handler) {
                    this._tracker.on(event, handler);
                    this._marker.getTracker().on(event, handler)
                },
                getCloudBorder() {
                    return this._marker.getBorderPosition()
                },
                dispose() {
                    this._marker.dispose()
                }
            };
            exports.default = Slider
        },
        87128(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _common = __webpack_require__( /*! ../../viz/range_selector/common */ 97331);
            const POINTER_SIZE = _common.consts.pointerSize;

            function SliderMarker(renderer, root, isLeftPointer) {
                this._isLeftPointer = isLeftPointer;
                this._isOverlapped = false;
                this._group = renderer.g().attr({
                    class: "slider-marker"
                }).append(root);
                this._area = renderer.path(null, "area").append(this._group);
                this._label = renderer.text().attr({
                    align: "left"
                }).append(this._group);
                this._tracker = renderer.rect().attr({
                    class: "slider-marker-tracker",
                    fill: "#000000",
                    opacity: 1e-4
                }).css({
                    cursor: "pointer"
                }).append(this._group);
                this._border = renderer.rect(0, 0, 1, 0)
            }
            SliderMarker.prototype = {
                constructor: SliderMarker,
                _getRectSize(textSize) {
                    return {
                        width: Math.round(2 * this._paddingLeftRight + textSize.width),
                        height: Math.round(2 * this._paddingTopBottom + textSize.height)
                    }
                },
                _getTextSize() {
                    const textSize = this._label.getBBox();
                    if (!this._textHeight && isFinite(textSize.height)) {
                        this._textHeight = textSize.height
                    }
                    return {
                        width: textSize.width,
                        height: this._textHeight,
                        y: textSize.y
                    }
                },
                _getAreaPointsInfo(textSize) {
                    const that = this;
                    const rectSize = that._getRectSize(textSize);
                    const rectWidth = rectSize.width;
                    const rectHeight = rectSize.height;
                    let rectLeftBorder = -rectWidth;
                    let rectRightBorder = 0;
                    let pointerRightPoint = POINTER_SIZE;
                    let pointerCenterPoint = 0;
                    let pointerLeftPoint = -POINTER_SIZE;
                    const position = that._position;
                    const isLeft = that._isLeftPointer;
                    const correctCloudBorders = function() {
                        rectLeftBorder++;
                        rectRightBorder++;
                        pointerRightPoint++;
                        pointerCenterPoint++;
                        pointerLeftPoint++
                    };
                    const checkPointerBorders = function() {
                        if (pointerRightPoint > rectRightBorder) {
                            pointerRightPoint = rectRightBorder
                        } else if (pointerLeftPoint < rectLeftBorder) {
                            pointerLeftPoint = rectLeftBorder
                        }
                        isLeft && correctCloudBorders()
                    };
                    let borderPosition = position;
                    if (isLeft) {
                        if (position > that._range[1] - rectWidth) {
                            rectRightBorder = -position + that._range[1];
                            rectLeftBorder = rectRightBorder - rectWidth;
                            checkPointerBorders();
                            borderPosition += rectLeftBorder
                        } else {
                            rectLeftBorder = pointerLeftPoint = 0;
                            rectRightBorder = rectWidth
                        }
                    } else if (position - that._range[0] < rectWidth) {
                        rectLeftBorder = -(position - that._range[0]);
                        rectRightBorder = rectLeftBorder + rectWidth;
                        checkPointerBorders();
                        borderPosition += rectRightBorder
                    } else {
                        pointerRightPoint = 0;
                        correctCloudBorders()
                    }
                    that._borderPosition = borderPosition;
                    return {
                        offset: rectLeftBorder,
                        isCut: (!isLeft || pointerCenterPoint !== pointerLeftPoint) && (isLeft || pointerCenterPoint !== pointerRightPoint),
                        points: [rectLeftBorder, 0, rectRightBorder, 0, rectRightBorder, rectHeight, pointerRightPoint, rectHeight, pointerCenterPoint, rectHeight + POINTER_SIZE, pointerLeftPoint, rectHeight, rectLeftBorder, rectHeight]
                    }
                },
                _update() {
                    const that = this;
                    let textSize;
                    clearTimeout(that._timeout);
                    that._label.attr({
                        text: that._text || ""
                    });
                    const currentTextSize = that._getTextSize();
                    const rectSize = that._getRectSize(currentTextSize);
                    textSize = that._textSize || currentTextSize;
                    textSize = that._textSize = currentTextSize.width > textSize.width || currentTextSize.height > textSize.height ? currentTextSize : textSize;
                    that._timeout = setTimeout(() => {
                        updateSliderMarker(currentTextSize, rectSize);
                        that._textSize = currentTextSize
                    }, 75);

                    function updateSliderMarker(size, rectSize) {
                        rectSize = rectSize || that._getRectSize(size);
                        that._group.attr({
                            translateY: -(rectSize.height + POINTER_SIZE)
                        });
                        const pointsData = that._getAreaPointsInfo(size);
                        const points = pointsData.points;
                        const offset = pointsData.offset;
                        that._area.attr({
                            points: points
                        });
                        that._border.attr({
                            x: that._isLeftPointer ? points[0] - 1 : points[2],
                            height: pointsData.isCut ? rectSize.height : rectSize.height + POINTER_SIZE
                        });
                        const trackerAttrs = {
                            translateX: offset,
                            width: rectSize.width,
                            height: rectSize.height + POINTER_SIZE
                        };
                        if ((0, _common.isFirefoxOnAndroid)()) {
                            trackerAttrs.x = offset;
                            trackerAttrs.translateX = void 0
                        }
                        that._tracker.attr(trackerAttrs);
                        that._label.attr({
                            translateX: that._paddingLeftRight + offset,
                            translateY: rectSize.height / 2 - (size.y + size.height / 2)
                        })
                    }
                    updateSliderMarker(textSize)
                },
                setText(value) {
                    this._text = value
                },
                setPosition(position) {
                    this._position = position;
                    this._update()
                },
                applyOptions(options, screenRange) {
                    this._range = screenRange;
                    this._paddingLeftRight = options.paddingLeftRight;
                    this._paddingTopBottom = options.paddingTopBottom;
                    this._textHeight = null;
                    this._colors = [options.invalidRangeColor, options.color];
                    this._area.attr({
                        fill: options.color
                    });
                    this._border.attr({
                        fill: options.borderColor
                    });
                    this._label.css((0, _utils.patchFontOptions)(options.font));
                    this._update()
                },
                getTracker() {
                    return this._tracker
                },
                setValid(isValid) {
                    this._area.attr({
                        fill: this._colors[Number(isValid)]
                    })
                },
                setColor(color) {
                    this._area.attr({
                        fill: color
                    })
                },
                dispose() {
                    clearTimeout(this._timeout)
                },
                setOverlapped(isOverlapped) {
                    const that = this;
                    if (that._isOverlapped !== isOverlapped) {
                        if (isOverlapped) {
                            that._border.append(that._group)
                        } else {
                            that._isOverlapped && that._border.remove()
                        }
                        that._isOverlapped = isOverlapped
                    }
                },
                getBorderPosition() {
                    return this._borderPosition
                }
            };
            exports.default = SliderMarker
        },
        93945(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.SlidersController = SlidersController;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _common2 = __webpack_require__( /*! ../../viz/range_selector/common */ 97331);
            var _slider = (e = __webpack_require__( /*! ../../viz/range_selector/slider */ 20971), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const animationSettings = _common2.utils.animationSettings;
            const emptySliderMarkerText = _common2.consts.emptySliderMarkerText;

            function buildRectPoints(left, top, right, bottom) {
                return [left, top, right, top, right, bottom, left, bottom]
            }

            function isLess(a, b) {
                return a < b
            }

            function isGreater(a, b) {
                return a > b
            }

            function selectClosestValue(target, values) {
                let start = 0;
                let end = values ? values.length - 1 : 0;
                let middle;
                let val = target;
                while (end - start > 1) {
                    middle = start + end >> 1;
                    val = values[middle];
                    if (val === target) {
                        return target
                    } else if (target < val) {
                        end = middle
                    } else {
                        start = middle
                    }
                }
                if (values) {
                    val = values[target - values[start] <= values[end] - target ? start : end]
                }
                return val
            }

            function dummyProcessSelectionChanged() {
                this._lastSelectedRange = this.getSelectedRange();
                delete this._processSelectionChanged
            }

            function SlidersController(params) {
                const sliderParams = {
                    renderer: params.renderer,
                    root: params.root,
                    trackersGroup: params.trackersGroup,
                    translator: params.translator
                };
                this._params = params;
                this._areaTracker = params.renderer.path(null, "area").attr({
                    class: "area-tracker",
                    fill: "#000000",
                    opacity: 1e-4
                }).append(params.trackersGroup);
                this._selectedAreaTracker = params.renderer.path(null, "area").attr({
                    class: "selected-area-tracker",
                    fill: "#000000",
                    opacity: 1e-4
                }).append(params.trackersGroup);
                this._shutter = params.renderer.path(null, "area").append(params.root);
                this._sliders = [new _slider.default(sliderParams, 0), new _slider.default(sliderParams, 1)];
                this._processSelectionChanged = dummyProcessSelectionChanged
            }
            SlidersController.prototype = {
                constructor: SlidersController,
                dispose() {
                    this._sliders[0].dispose();
                    this._sliders[1].dispose()
                },
                getTrackerTargets() {
                    return {
                        area: this._areaTracker,
                        selectedArea: this._selectedAreaTracker,
                        sliders: this._sliders
                    }
                },
                _processSelectionChanged(e) {
                    const that = this;
                    const selectedRange = that.getSelectedRange();
                    if (!(0, _utils.rangesAreEqual)(selectedRange, that._lastSelectedRange)) {
                        that._params.updateSelectedRange(selectedRange, that._lastSelectedRange, e);
                        that._lastSelectedRange = selectedRange
                    }
                },
                update(verticalRange, behavior, isCompactMode, sliderHandleOptions, sliderMarkerOptions, shutterOptions, rangeBounds, fullTicks, selectedRangeColor) {
                    const screenRange = this._params.translator.getScreenRange();
                    this._verticalRange = verticalRange;
                    this._minRange = rangeBounds.minRange;
                    this._maxRange = rangeBounds.maxRange;
                    this._animationEnabled = behavior.animationEnabled && this._params.renderer.animationEnabled();
                    this._allowSlidersSwap = behavior.allowSlidersSwap;
                    this._sliders[0].update(verticalRange, sliderHandleOptions, sliderMarkerOptions);
                    this._sliders[1].update(verticalRange, sliderHandleOptions, sliderMarkerOptions);
                    this._sliders[0]._position = this._sliders[1]._position = screenRange[0];
                    this._values = !this._params.translator.isValueProlonged && behavior.snapToTicks ? fullTicks : null;
                    this._areaTracker.attr({
                        points: buildRectPoints(screenRange[0], verticalRange[0], screenRange[1], verticalRange[1])
                    });
                    this._isCompactMode = isCompactMode;
                    this._shutterOffset = sliderHandleOptions.width / 2;
                    this._updateSelectedView(shutterOptions, selectedRangeColor);
                    this._isOnMoving = "onhandlemove" === (0, _utils.normalizeEnum)(behavior.valueChangeMode);
                    this._updateSelectedRange();
                    this._applyTotalPosition(false)
                },
                _updateSelectedView(shutterOptions, selectedRangeColor) {
                    const settings = {
                        fill: null,
                        "fill-opacity": null,
                        stroke: null,
                        "stroke-width": null
                    };
                    if (this._isCompactMode) {
                        settings.stroke = selectedRangeColor;
                        settings["stroke-width"] = 3;
                        settings.sharp = "v"
                    } else {
                        settings.fill = shutterOptions.color;
                        settings["fill-opacity"] = shutterOptions.opacity
                    }
                    this._shutter.attr(settings)
                },
                _updateSelectedRange() {
                    const that = this;
                    const sliders = that._sliders;
                    sliders[0].cancelAnimation();
                    sliders[1].cancelAnimation();
                    that._shutter.stopAnimation();
                    if (that._params.translator.getBusinessRange().isEmpty()) {
                        sliders[0]._setText(emptySliderMarkerText);
                        sliders[1]._setText(emptySliderMarkerText);
                        sliders[0]._value = sliders[1]._value = void 0;
                        sliders[0]._position = that._params.translator.getScreenRange()[0];
                        sliders[1]._position = that._params.translator.getScreenRange()[1];
                        that._applyTotalPosition(false);
                        ! function(controller) {
                            controller.setSelectedRange = _common.noop;
                            if (controller._processSelectionChanged === dummyProcessSelectionChanged) {
                                controller._processSelectionChanged()
                            }
                        }(that)
                    } else {
                        controller = that, void delete controller.setSelectedRange
                    }
                    var controller
                },
                _applyTotalPosition(isAnimated) {
                    const sliders = this._sliders;
                    isAnimated = this._animationEnabled && isAnimated;
                    sliders[0].applyPosition(isAnimated);
                    sliders[1].applyPosition(isAnimated);
                    const areOverlapped = sliders[0].getCloudBorder() > sliders[1].getCloudBorder();
                    sliders[0].setOverlapped(areOverlapped);
                    sliders[1].setOverlapped(areOverlapped);
                    this._applyAreaTrackersPosition();
                    this._applySelectedRangePosition(isAnimated);
                    if ((0, _common2.isFirefoxOnAndroid)()) {
                        this._areaTracker.attr({
                            transform: null
                        });
                        this._selectedAreaTracker.attr({
                            transform: null
                        });
                        this._sliders.forEach(slider => {
                            slider._tracker.attr({
                                transform: null
                            })
                        })
                    }
                },
                _applyAreaTrackersPosition() {
                    const that = this;
                    let position1 = that._sliders[0].getPosition();
                    let position2 = that._sliders[1].getPosition();
                    if ((0, _common2.isFirefoxOnAndroid)()) {
                        position1 += that._sliders[0]._tracker._originalWidth / 2;
                        position2 -= that._sliders[1]._tracker._originalWidth / 2
                    }
                    that._selectedAreaTracker.attr({
                        points: buildRectPoints(position1, that._verticalRange[0], position2, that._verticalRange[1])
                    }).css({
                        cursor: Math.abs(that._params.translator.getScreenRange()[1] - that._params.translator.getScreenRange()[0] - position2 + position1) < .001 ? "default" : "pointer"
                    })
                },
                _applySelectedRangePosition(isAnimated) {
                    const that = this;
                    const verticalRange = that._verticalRange;
                    const pos1 = that._sliders[0].getPosition();
                    const pos2 = that._sliders[1].getPosition();
                    let screenRange;
                    let points;
                    if (that._isCompactMode) {
                        points = [pos1 + Math.ceil(that._shutterOffset), (verticalRange[0] + verticalRange[1]) / 2, pos2 - Math.floor(that._shutterOffset), (verticalRange[0] + verticalRange[1]) / 2]
                    } else {
                        screenRange = that._params.axis.getVisibleArea();
                        points = [buildRectPoints(screenRange[0], verticalRange[0], Math.max(pos1 - Math.floor(that._shutterOffset), screenRange[0]), verticalRange[1]), buildRectPoints(screenRange[1], verticalRange[0], Math.min(pos2 + Math.ceil(that._shutterOffset), screenRange[1]), verticalRange[1])]
                    }
                    if (isAnimated) {
                        that._shutter.animate({
                            points: points
                        }, animationSettings)
                    } else {
                        that._shutter.attr({
                            points: points
                        })
                    }
                },
                getSelectedRange() {
                    return {
                        startValue: this._sliders[0].getValue(),
                        endValue: this._sliders[1].getValue()
                    }
                },
                setSelectedRange(visualRange, e) {
                    visualRange = visualRange || {};
                    const translator = this._params.translator;
                    const businessRange = translator.getBusinessRange();
                    const compare = "discrete" === businessRange.axisType ? function(a, b) {
                        return a < b
                    } : function(a, b) {
                        return a <= b
                    };
                    let {
                        startValue: startValue,
                        endValue: endValue
                    } = (0, _utils.adjustVisualRange)({
                        dataType: businessRange.dataType,
                        axisType: businessRange.axisType,
                        base: businessRange.base
                    }, {
                        startValue: translator.isValid(visualRange.startValue) ? translator.getCorrectValue(visualRange.startValue, 1) : void 0,
                        endValue: translator.isValid(visualRange.endValue) ? translator.getCorrectValue(visualRange.endValue, -1) : void 0,
                        length: visualRange.length
                    }, {
                        min: businessRange.minVisible,
                        max: businessRange.maxVisible,
                        categories: businessRange.categories
                    });
                    startValue = (0, _type.isNumeric)(startValue) ? (0, _math.adjust)(startValue) : startValue;
                    endValue = (0, _type.isNumeric)(endValue) ? (0, _math.adjust)(endValue) : endValue;
                    const values = compare(translator.to(startValue, -1), translator.to(endValue, 1)) ? [startValue, endValue] : [endValue, startValue];
                    this._sliders[0].setDisplayValue(values[0]);
                    this._sliders[1].setDisplayValue(values[1]);
                    this._sliders[0]._position = translator.to(values[0], -1);
                    this._sliders[1]._position = translator.to(values[1], 1);
                    this._applyTotalPosition(true);
                    this._processSelectionChanged(e)
                },
                beginSelectedAreaMoving(initialPosition) {
                    const that = this;
                    const sliders = that._sliders;
                    const offset = (sliders[0].getPosition() + sliders[1].getPosition()) / 2 - initialPosition;
                    let currentPosition = initialPosition;
                    move.complete = function(e) {
                        that._dockSelectedArea(e)
                    };
                    return move;

                    function move(position, e) {
                        if (position !== currentPosition && position > currentPosition === position > (sliders[0].getPosition() + sliders[1].getPosition()) / 2 - offset) {
                            that._moveSelectedArea(position + offset, false, e)
                        }
                        currentPosition = position
                    }
                },
                _dockSelectedArea(e) {
                    const translator = this._params.translator;
                    const sliders = this._sliders;
                    sliders[0]._position = translator.to(sliders[0].getValue(), -1);
                    sliders[1]._position = translator.to(sliders[1].getValue(), 1);
                    this._applyTotalPosition(true);
                    this._processSelectionChanged(e)
                },
                moveSelectedArea(screenPosition, e) {
                    this._moveSelectedArea(screenPosition, true, e);
                    this._dockSelectedArea(e)
                },
                _moveSelectedArea(screenPosition, isAnimated, e) {
                    const that = this;
                    const translator = that._params.translator;
                    const sliders = that._sliders;
                    const interval = sliders[1].getPosition() - sliders[0].getPosition();
                    let startPosition = screenPosition - interval / 2;
                    let endPosition = screenPosition + interval / 2;
                    if (startPosition < translator.getScreenRange()[0]) {
                        startPosition = translator.getScreenRange()[0];
                        endPosition = startPosition + interval
                    }
                    if (endPosition > translator.getScreenRange()[1]) {
                        endPosition = translator.getScreenRange()[1];
                        startPosition = endPosition - interval
                    }
                    const startValue = selectClosestValue(translator.from(startPosition, -1), that._values);
                    sliders[0].setDisplayValue(startValue);
                    sliders[1].setDisplayValue(selectClosestValue(translator.from(translator.to(startValue, -1) + interval, 1), that._values));
                    sliders[0]._position = startPosition;
                    sliders[1]._position = endPosition;
                    that._applyTotalPosition(isAnimated);
                    if (that._isOnMoving) {
                        that._processSelectionChanged(e)
                    }
                },
                placeSliderAndBeginMoving(firstPosition, secondPosition, e) {
                    const that = this;
                    const translator = that._params.translator;
                    const sliders = that._sliders;
                    const index = firstPosition < secondPosition ? 0 : 1;
                    const dir = index > 0 ? 1 : -1;
                    const compare = index > 0 ? isGreater : isLess;
                    const antiCompare = index > 0 ? isLess : isGreater;
                    let thresholdPosition;
                    const positions = [];
                    const values = [];
                    values[index] = translator.from(firstPosition, dir);
                    values[1 - index] = translator.from(secondPosition, -dir);
                    positions[1 - index] = secondPosition;
                    if (translator.isValueProlonged) {
                        if (compare(firstPosition, translator.to(values[index], dir))) {
                            values[index] = translator.from(firstPosition, -dir)
                        }
                        if (compare(secondPosition, translator.to(values[index], -dir))) {
                            values[1 - index] = values[index]
                        }
                    }
                    if (that._minRange) {
                        thresholdPosition = translator.to(translator.add(selectClosestValue(values[index], that._values), that._minRange, -dir), -dir);
                        if (compare(secondPosition, thresholdPosition)) {
                            values[1 - index] = translator.add(values[index], that._minRange, -dir)
                        }
                        thresholdPosition = translator.to(translator.add(translator.getRange()[1 - index], that._minRange, dir), -dir);
                        if (antiCompare(firstPosition, thresholdPosition)) {
                            values[1 - index] = translator.getRange()[1 - index];
                            values[index] = translator.add(values[1 - index], that._minRange, dir);
                            positions[1 - index] = firstPosition
                        }
                    }
                    values[0] = selectClosestValue(values[0], that._values);
                    values[1] = selectClosestValue(values[1], that._values);
                    positions[index] = translator.to(values[index], dir);
                    sliders[0].setDisplayValue(values[0]);
                    sliders[1].setDisplayValue(values[1]);
                    sliders[0]._position = positions[0];
                    sliders[1]._position = positions[1];
                    that._applyTotalPosition(true);
                    if (that._isOnMoving) {
                        that._processSelectionChanged(e)
                    }
                    const handler = that.beginSliderMoving(1 - index, secondPosition);
                    sliders[1 - index]._sliderGroup.stopAnimation();
                    that._shutter.stopAnimation();
                    handler(secondPosition);
                    return handler
                },
                beginSliderMoving(initialIndex, initialPosition) {
                    const that = this;
                    const translator = that._params.translator;
                    const sliders = that._sliders;
                    const minPosition = translator.getScreenRange()[0];
                    const maxPosition = translator.getScreenRange()[1];
                    let index = initialIndex;
                    const staticPosition = sliders[1 - index].getPosition();
                    let currentPosition = initialPosition;
                    let dir = index > 0 ? 1 : -1;
                    let compareMin = index > 0 ? isLess : isGreater;
                    let compareMax = index > 0 ? isGreater : isLess;
                    let moveOffset = sliders[index].getPosition() - initialPosition;
                    let swapOffset = compareMin(sliders[index].getPosition(), initialPosition) ? -moveOffset : moveOffset;
                    move.complete = function(e) {
                        sliders[index]._setValid(true);
                        that._dockSelectedArea(e)
                    };
                    return move;

                    function move(position, e) {
                        let isValid;
                        let temp;
                        let pos;
                        let slider;
                        let value;
                        if (position !== currentPosition) {
                            if (compareMin(position + swapOffset, staticPosition)) {
                                isValid = that._allowSlidersSwap;
                                if (isValid && !translator.isValueProlonged && that._minRange) {
                                    isValid = translator.isValid(translator.add(sliders[1 - index].getValue(), that._minRange, -dir))
                                }
                                if (isValid) {
                                    that._changeMovingSlider(index);
                                    index = 1 - index;
                                    dir = -dir;
                                    temp = compareMin;
                                    compareMin = compareMax;
                                    compareMax = temp;
                                    moveOffset = -dir * Math.abs(moveOffset);
                                    swapOffset = -moveOffset
                                }
                            }
                            if (compareMax(position + moveOffset, staticPosition)) {
                                slider = sliders[index];
                                value = sliders[1 - index].getValue();
                                pos = Math.max(Math.min(position + moveOffset, maxPosition), minPosition);
                                isValid = translator.isValueProlonged ? !compareMin(pos, translator.to(value, dir)) : true;
                                let invalidStateValue;
                                if (isValid && that._minRange) {
                                    isValid = !compareMin(pos, translator.to(translator.add(value, that._minRange, dir), dir));
                                    if (!isValid) {
                                        invalidStateValue = translator.add(value, that._minRange, dir)
                                    }
                                }
                                if (isValid && that._maxRange) {
                                    isValid = !compareMax(pos, translator.to(translator.add(value, that._maxRange, dir), dir));
                                    if (!isValid) {
                                        invalidStateValue = translator.add(value, that._maxRange, dir)
                                    }
                                }
                                slider._setValid(isValid);
                                slider.setDisplayValue(isValid ? selectClosestValue(translator.from(pos, dir), that._values) : (0, _type.isDefined)(invalidStateValue) ? invalidStateValue : slider.getValue());
                                slider._position = pos;
                                that._applyTotalPosition(false);
                                slider.toForeground();
                                if (that._isOnMoving) {
                                    that._processSelectionChanged(e)
                                }
                            }
                        }
                        currentPosition = position
                    }
                },
                _changeMovingSlider(index) {
                    const that = this;
                    const translator = that._params.translator;
                    const sliders = that._sliders;
                    const position = sliders[1 - index].getPosition();
                    const dir = index > 0 ? 1 : -1;
                    let newValue;
                    sliders[index].setDisplayValue(selectClosestValue(translator.from(position, dir), that._values));
                    newValue = translator.from(position, -dir);
                    if (translator.isValueProlonged) {
                        newValue = translator.from(position, dir)
                    } else if (that._minRange) {
                        newValue = translator.add(newValue, that._minRange, -dir)
                    }
                    sliders[1 - index].setDisplayValue(selectClosestValue(newValue, that._values));
                    sliders[index]._setValid(true);
                    sliders[index]._marker._update();
                    sliders[0]._position = sliders[1]._position = position
                },
                foregroundSlider(index) {
                    this._sliders[index].toForeground()
                }
            }
        },
        34744(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Tracker = Tracker;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _support = __webpack_require__( /*! ../../../core/utils/support */ 4785);
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const window = (0, _window.getWindow)();

            function isLeftButtonPressed(event) {
                const e = event || window.event;
                const originalEvent = e.originalEvent;
                const touches = e.touches;
                const pointerType = originalEvent ? originalEvent.pointerType : false;
                const eventTouches = originalEvent ? originalEvent.touches : false;
                const isMSPointerLeftClick = originalEvent && void 0 !== pointerType && (pointerType === (originalEvent.MSPOINTER_TYPE_TOUCH || "touch") || pointerType === (originalEvent.MSPOINTER_TYPE_MOUSE || "mouse") && 1 === originalEvent.buttons);
                const isTouches = touches && touches.length > 0 || eventTouches && eventTouches.length > 0;
                return 1 === e.which || isMSPointerLeftClick || isTouches
            }

            function isMultiTouches(event) {
                const originalEvent = event.originalEvent;
                const touches = event.touches;
                const eventTouches = originalEvent && originalEvent.touches;
                return touches && touches.length > 1 || eventTouches && eventTouches.length > 1 || null
            }

            function preventDefault(e) {
                if (!isMultiTouches(e)) {
                    e.preventDefault()
                }
            }

            function stopPropagationAndPreventDefault(e) {
                if (!isMultiTouches(e)) {
                    e.stopPropagation();
                    e.preventDefault()
                }
            }

            function isTouchEventArgs(e) {
                return e && e.type && 0 === e.type.indexOf("touch")
            }

            function getEventPageX(event) {
                const originalEvent = event.originalEvent;
                let result = 0;
                if (event.pageX) {
                    result = event.pageX
                } else if (originalEvent && originalEvent.pageX) {
                    result = originalEvent.pageX
                }
                if (originalEvent && originalEvent.touches) {
                    if (originalEvent.touches.length > 0) {
                        result = originalEvent.touches[0].pageX
                    } else if (originalEvent.changedTouches.length > 0) {
                        result = originalEvent.changedTouches[0].pageX
                    }
                }
                return result
            }

            function initializeAreaEvents(controller, area, state, getRootOffsetLeft) {
                let isTouchEvent;
                let isActive = false;
                let initialPosition;
                let movingHandler = null;
                const docEvents = {
                    [_pointer.default.move](e) {
                        let position;
                        let offset;
                        if (isTouchEvent !== isTouchEventArgs(e)) {
                            return
                        }
                        if (!isLeftButtonPressed(e)) {
                            cancel(e)
                        }
                        if (isActive) {
                            position = getEventPageX(e);
                            offset = getRootOffsetLeft();
                            if (movingHandler) {
                                movingHandler(position - offset, e)
                            } else if (state.manualRangeSelectionEnabled && Math.abs(initialPosition - position) >= 10) {
                                movingHandler = controller.placeSliderAndBeginMoving(initialPosition - offset, position - offset, e)
                            }
                        }
                    },
                    [_pointer.default.up](e) {
                        let position;
                        if (isActive) {
                            position = getEventPageX(e);
                            if (!movingHandler && state.moveSelectedRangeByClick && Math.abs(initialPosition - position) < 10) {
                                controller.moveSelectedArea(position - getRootOffsetLeft(), e)
                            }
                            cancel(e)
                        }
                    }
                };

                function cancel(e) {
                    if (isActive) {
                        isActive = false;
                        if (movingHandler) {
                            movingHandler.complete(e);
                            movingHandler = null
                        }
                    }
                }
                area.on(_pointer.default.down, e => {
                    if (!state.enabled || !isLeftButtonPressed(e) || isActive) {
                        return
                    }
                    isActive = true;
                    isTouchEvent = isTouchEventArgs(e);
                    initialPosition = getEventPageX(e)
                });
                return docEvents
            }

            function initializeSelectedAreaEvents(controller, area, state, getRootOffsetLeft) {
                let isTouchEvent;
                let isActive = false;
                let movingHandler = null;
                const docEvents = {
                    [_pointer.default.move](e) {
                        if (isTouchEvent !== isTouchEventArgs(e)) {
                            return
                        }
                        if (!isLeftButtonPressed(e)) {
                            cancel(e)
                        }
                        if (isActive) {
                            preventDefault(e);
                            movingHandler(getEventPageX(e) - getRootOffsetLeft(), e)
                        }
                    },
                    [_pointer.default.up]: cancel
                };

                function cancel(e) {
                    if (isActive) {
                        isActive = false;
                        movingHandler.complete(e);
                        movingHandler = null
                    }
                }
                area.on(_pointer.default.down, e => {
                    if (!state.enabled || !isLeftButtonPressed(e) || isActive) {
                        return
                    }
                    isActive = true;
                    isTouchEvent = isTouchEventArgs(e);
                    movingHandler = controller.beginSelectedAreaMoving(getEventPageX(e) - getRootOffsetLeft());
                    stopPropagationAndPreventDefault(e)
                });
                return docEvents
            }

            function initializeSliderEvents(controller, sliders, state, getRootOffsetLeft) {
                let isTouchEvent;
                let isActive = false;
                let movingHandler = null;
                const docEvents = {
                    [_pointer.default.move](e) {
                        if (isTouchEvent !== isTouchEventArgs(e)) {
                            return
                        }
                        if (!isLeftButtonPressed(e)) {
                            cancel(e)
                        }
                        if (isActive) {
                            preventDefault(e);
                            movingHandler(getEventPageX(e) - getRootOffsetLeft(), e)
                        }
                    },
                    [_pointer.default.up]: cancel
                };
                (0, _iterator.each)(sliders, (i, slider) => {
                    slider.on({
                        [_pointer.default.down](e) {
                            if (!state.enabled || !isLeftButtonPressed(e) || isActive) {
                                return
                            }
                            isActive = true;
                            isTouchEvent = isTouchEventArgs(e);
                            movingHandler = controller.beginSliderMoving(i, getEventPageX(e) - getRootOffsetLeft());
                            stopPropagationAndPreventDefault(e)
                        },
                        [_pointer.default.move]() {
                            if (!movingHandler) {
                                controller.foregroundSlider(i)
                            }
                        }
                    })
                });

                function cancel(e) {
                    if (isActive) {
                        isActive = false;
                        movingHandler.complete(e);
                        movingHandler = null
                    }
                }
                return docEvents
            }

            function Tracker(params) {
                const state = this._state = {};
                const targets = params.controller.getTrackerTargets();
                if (_support.pointerEvents) {
                    params.renderer.root.css({
                        msTouchAction: "pinch-zoom"
                    })
                }
                this._docEvents = [initializeSelectedAreaEvents(params.controller, targets.selectedArea, state, getRootOffsetLeft), initializeAreaEvents(params.controller, targets.area, state, getRootOffsetLeft), initializeSliderEvents(params.controller, targets.sliders, state, getRootOffsetLeft)];
                (0, _iterator.each)(this._docEvents, (_, events) => {
                    _events_engine.default.on(_dom_adapter.default.getDocument(), events)
                });

                function getRootOffsetLeft() {
                    return params.renderer.getRootOffset().left
                }
            }
            Tracker.prototype = {
                constructor: Tracker,
                dispose() {
                    (0, _iterator.each)(this._docEvents, (_, events) => {
                        _events_engine.default.off(_dom_adapter.default.getDocument(), events)
                    })
                },
                update(enabled, behavior) {
                    const state = this._state;
                    state.enabled = enabled;
                    state.moveSelectedRangeByClick = behavior.moveSelectedRangeByClick;
                    state.manualRangeSelectionEnabled = behavior.manualRangeSelectionEnabled
                }
            }
        },
        34541(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _export = __webpack_require__( /*! ../viz/core/export */ 43452);
            var _loading_indicator = __webpack_require__( /*! ../viz/core/loading_indicator */ 71126);
            var _title = __webpack_require__( /*! ../viz/core/title */ 69638);
            var _tooltip = __webpack_require__( /*! ../viz/core/tooltip */ 94371);
            var _sankey = (e = __webpack_require__( /*! ../viz/sankey/sankey */ 4845), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _tooltip2 = __webpack_require__( /*! ../viz/sankey/tooltip */ 40937);
            var _tracker = __webpack_require__( /*! ../viz/sankey/tracker */ 34458);
            _sankey.default.addPlugin(_export.plugin);
            _sankey.default.addPlugin(_title.plugin);
            _sankey.default.addPlugin(_tracker.plugin);
            _sankey.default.addPlugin(_loading_indicator.plugin);
            _sankey.default.addPlugin(_tooltip.plugin);
            (0, _tooltip2.setTooltipCustomOptions)(_sankey.default);
            exports.default = _sankey.default
        },
        78676(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.COLOR_MODE_TARGET = exports.COLOR_MODE_SOURCE = exports.COLOR_MODE_NONE = exports.COLOR_MODE_GRADIENT = void 0;
            exports.COLOR_MODE_GRADIENT = "gradient";
            exports.COLOR_MODE_SOURCE = "source";
            exports.COLOR_MODE_TARGET = "target";
            exports.COLOR_MODE_NONE = "none"
        },
        93585(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _graph = (e = __webpack_require__( /*! ./graph */ 24718), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const validator = {
                validate(data, incidentOccurred) {
                    let result = null;
                    if (this._hasCycle(data)) {
                        result = "E2006";
                        incidentOccurred("E2006")
                    }
                    return result
                },
                _hasCycle: data => _graph.default.struct.hasCycle(data)
            };
            exports.default = validator
        },
        24718(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            const routines = {
                maxOfArray(arr, callback) {
                    let m = 0;
                    let callback_function = v => v;
                    if (callback) {
                        callback_function = callback
                    }
                    for (let i = 0; i < arr.length; i++) {
                        if (callback_function(arr[i]) > m) {
                            m = callback_function(arr[i])
                        }
                    }
                    return m
                }
            };
            const getVertices = function(links) {
                const vert = [];
                links.forEach(link => {
                    if (!vert.includes(link[0])) {
                        vert.push(link[0])
                    }
                    if (!vert.includes(link[1])) {
                        vert.push(link[1])
                    }
                });
                return vert
            };
            const getAdjacentVertices = function(links, vertex) {
                const avert = [];
                links.forEach(link => {
                    if (link[0] === vertex && !avert.includes(link[1])) {
                        avert.push(link[1])
                    }
                });
                return avert
            };
            const getReverseAdjacentVertices = function(links, vertex) {
                const avert = [];
                links.forEach(link => {
                    if (link[1] === vertex && !avert.includes(link[0])) {
                        avert.push(link[0])
                    }
                });
                return avert
            };
            const struct = {
                _hasCycle: false,
                _sortedList: [],
                hasCycle(links) {
                    this._hasCycle = false;
                    this._sortedList = [];
                    const vertices = {};
                    const allVertices = getVertices(links);
                    allVertices.forEach(vertex => {
                        vertices[vertex] = {
                            color: "white"
                        }
                    });
                    allVertices.forEach(vertex => {
                        if ("white" === vertices[vertex].color) {
                            this._depthFirstSearch(links, vertices, vertex)
                        }
                    });
                    this._sortedList.reverse();
                    return this._hasCycle
                },
                _depthFirstSearch(links, vertices, vertex) {
                    vertices[vertex].color = "gray";
                    const averts = getAdjacentVertices(links, vertex);
                    for (let a = 0; a < averts.length; a++) {
                        if ("white" === vertices[averts[a]].color) {
                            this._depthFirstSearch(links, vertices, averts[a])
                        } else if ("gray" === vertices[averts[a]].color) {
                            this._hasCycle = true
                        }
                    }
                    this._sortedList.push({
                        name: vertex,
                        lp: null,
                        incoming: getReverseAdjacentVertices(links, vertex),
                        outgoing: getAdjacentVertices(links, vertex)
                    });
                    vertices[vertex].color = "black"
                },
                computeLongestPaths(links) {
                    const sortedVertices = this._sortedList;
                    sortedVertices.forEach(vertex => {
                        const averts = getReverseAdjacentVertices(links, vertex.name);
                        if (0 === averts.length) {
                            vertex.lp = 0
                        } else {
                            const maxLP = [];
                            averts.forEach(adjacentVertex => {
                                maxLP.push(sortedVertices.filter(sv => sv.name === adjacentVertex)[0].lp)
                            });
                            vertex.lp = routines.maxOfArray(maxLP) + 1
                        }
                    });
                    return this._sortedList
                }
            };
            exports.default = {
                struct: struct,
                routines: routines,
                getVertices: getVertices,
                getAdjacentVertices: getAdjacentVertices,
                getReverseAdjacentVertices: getReverseAdjacentVertices
            }
        },
        48342(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.layout = void 0;
            var _data_validator = _interopRequireDefault(__webpack_require__( /*! ../../viz/sankey/data_validator */ 93585));
            var _graph = _interopRequireDefault(__webpack_require__( /*! ../../viz/sankey/graph */ 24718));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.layout = {
                _weightPerPixel: null,
                _getCascadeIdx(nodeTitle, cascadesConfig) {
                    const nodeInfo = cascadesConfig.filter(c => c.name === nodeTitle)[0];
                    if (nodeInfo.outgoing.length > 0) {
                        return nodeInfo.lp
                    } else {
                        return _graph.default.routines.maxOfArray(cascadesConfig.map(c => c.lp))
                    }
                },
                _getInWeightForNode(nodeTitle, links) {
                    let w = 0;
                    links.forEach(link => {
                        if (link[1] === nodeTitle) {
                            w += link[2]
                        }
                    });
                    return w
                },
                _getOutWeightForNode(nodeTitle, links) {
                    let w = 0;
                    links.forEach(link => {
                        if (link[0] === nodeTitle) {
                            w += link[2]
                        }
                    });
                    return w
                },
                _computeCascades(links) {
                    const cascadesConfig = _graph.default.struct.computeLongestPaths(links);
                    const maxCascade = _graph.default.routines.maxOfArray(cascadesConfig.map(c => c.lp));
                    const cascades = [];
                    for (let i = 0; i < maxCascade + 1; i++) {
                        cascades.push({})
                    }
                    links.forEach(link => {
                        let cascade = cascades[this._getCascadeIdx(link[0], cascadesConfig)];
                        if (!cascade[link[0]]) {
                            cascade[link[0]] = {
                                nodeTitle: link[0]
                            }
                        }
                        cascade = cascades[this._getCascadeIdx(link[1], cascadesConfig)];
                        if (!cascade[link[1]]) {
                            cascade[link[1]] = {
                                nodeTitle: link[1]
                            }
                        }
                    });
                    cascades.forEach(cascade => {
                        Object.keys(cascade).forEach(nodeTitle => {
                            const node = cascade[nodeTitle];
                            node.inWeight = this._getInWeightForNode(node.nodeTitle, links);
                            node.outWeight = this._getOutWeightForNode(node.nodeTitle, links);
                            node.maxWeight = Math.max(node.inWeight, node.outWeight)
                        })
                    });
                    return cascades
                },
                _getWeightForCascade(cascades, cascadeIdx) {
                    let wMax = 0;
                    const cascade = cascades[cascadeIdx];
                    Object.keys(cascade).forEach(nodeTitle => {
                        wMax += Math.max(cascade[nodeTitle].inWeight, cascade[nodeTitle].outWeight)
                    });
                    return wMax
                },
                _getMaxWeightThroughCascades(cascades) {
                    const max = [];
                    cascades.forEach(cascade => {
                        let mW = 0;
                        Object.keys(cascade).forEach(nodeTitle => {
                            const node = cascade[nodeTitle];
                            mW += Math.max(node.inWeight, node.outWeight)
                        });
                        max.push(mW)
                    });
                    return _graph.default.routines.maxOfArray(max)
                },
                _computeNodes(cascades, options) {
                    const rects = [];
                    const maxWeight = this._getMaxWeightThroughCascades(cascades);
                    const maxNodeNum = _graph.default.routines.maxOfArray(cascades.map(nodesInCascade => Object.keys(nodesInCascade).length));
                    let nodePadding = options.nodePadding;
                    let heightAvailable = options.height - nodePadding * (maxNodeNum - 1);
                    if (heightAvailable < 0) {
                        nodePadding = 0;
                        heightAvailable = options.height - nodePadding * (maxNodeNum - 1)
                    }
                    this._weightPerPixel = maxWeight / heightAvailable;
                    let cascadeIdx = 0;
                    cascades.forEach(cascade => {
                        const cascadeRects = [];
                        let y = 0;
                        const nodesInCascade = Object.keys(cascade).length;
                        const cascadeHeight = this._getWeightForCascade(cascades, cascadeIdx) / this._weightPerPixel + nodePadding * (nodesInCascade - 1);
                        let cascadeAlign;
                        if (Array.isArray(options.nodeAlign)) {
                            cascadeAlign = cascadeIdx < options.nodeAlign.length ? options.nodeAlign[cascadeIdx] : "center"
                        } else {
                            cascadeAlign = options.nodeAlign
                        }
                        if ("bottom" === cascadeAlign) {
                            y = options.height - cascadeHeight
                        } else if ("center" === cascadeAlign) {
                            y = .5 * (options.height - cascadeHeight)
                        }
                        y = Math.round(y);
                        Object.keys(cascade).forEach(nodeTitle => {
                            cascade[nodeTitle].sort = this._sort && Object.prototype.hasOwnProperty.call(this._sort, nodeTitle) ? this._sort[nodeTitle] : 1
                        });
                        Object.keys(cascade).sort((a, b) => cascade[a].sort - cascade[b].sort).forEach(nodeTitle => {
                            const node = cascade[nodeTitle];
                            const height = Math.floor(heightAvailable * node.maxWeight / maxWeight);
                            const x = Math.round(cascadeIdx * options.width / (cascades.length - 1)) - (0 === cascadeIdx ? 0 : options.nodeWidth);
                            const rect = {};
                            rect._name = nodeTitle;
                            rect.width = options.nodeWidth;
                            rect.height = height;
                            rect.x = x + options.x;
                            rect.y = y + options.y;
                            y += height + nodePadding;
                            cascadeRects.push(rect)
                        });
                        cascadeIdx++;
                        rects.push(cascadeRects)
                    });
                    return rects
                },
                _findRectByName(rects, name) {
                    for (let c = 0; c < rects.length; c++) {
                        for (let r = 0; r < rects[c].length; r++) {
                            if (name === rects[c][r]._name) {
                                return rects[c][r]
                            }
                        }
                    }
                    return null
                },
                _findIndexByName(rects, nodeTitle) {
                    let index = 0;
                    for (let c = 0; c < rects.length; c++) {
                        for (let r = 0; r < rects[c].length; r++) {
                            if (nodeTitle === rects[c][r]._name) {
                                return index
                            }
                            index++
                        }
                    }
                    return null
                },
                _computeLinks(links, rects, cascades) {
                    const yOffsets = {};
                    const paths = [];
                    const result = [];
                    cascades.forEach(cascade => {
                        Object.keys(cascade).forEach(nodeTitle => {
                            yOffsets[nodeTitle] = {
                                in: 0,
                                out: 0
                            }
                        })
                    });
                    rects.forEach(rectsOfCascade => {
                        rectsOfCascade.forEach(nodeRect => {
                            const nodeTitle = nodeRect._name;
                            const rectFrom = this._findRectByName(rects, nodeTitle);
                            const linksFromNode = links.filter(link => link[0] === nodeTitle);
                            linksFromNode.forEach(link => {
                                link.sort = this._findIndexByName(rects, link[1])
                            });
                            linksFromNode.sort((a, b) => a.sort - b.sort).forEach(link => {
                                const rectTo = this._findRectByName(rects, link[1]);
                                const height = Math.round(link[2] / this._weightPerPixel);
                                const yOffsetFrom = yOffsets[link[0]].out;
                                const yOffsetTo = yOffsets[link[1]].in;
                                const heightFrom = yOffsets[link[0]].out + height > rectFrom.height ? rectFrom.height - yOffsets[link[0]].out : height;
                                const heightTo = yOffsets[link[1]].in + height > rectTo.height ? rectTo.height - yOffsets[link[1]].in : height;
                                paths.push({
                                    from: {
                                        x: rectFrom.x,
                                        y: rectFrom.y + yOffsetFrom,
                                        width: rectFrom.width,
                                        height: heightFrom,
                                        node: rectFrom,
                                        weight: link[2]
                                    },
                                    to: {
                                        x: rectTo.x,
                                        y: rectTo.y + yOffsetTo,
                                        width: rectTo.width,
                                        height: heightTo,
                                        node: rectTo
                                    }
                                });
                                yOffsets[link[0]].out += height;
                                yOffsets[link[1]].in += height
                            })
                        })
                    });
                    paths.forEach(link => {
                        const path = {
                            d: this._spline(link.from, link.to),
                            _boundingRect: {
                                x: link.from.x + link.from.width,
                                y: Math.min(link.from.y, link.to.y),
                                width: link.to.x - (link.from.x + link.from.width),
                                height: Math.max(link.from.x + link.from.height, link.to.y + link.to.height) - Math.min(link.from.y, link.to.y)
                            },
                            _weight: link.from.weight,
                            _from: link.from.node,
                            _to: link.to.node
                        };
                        result.push(path)
                    });
                    this._fitAllNodesHeight(rects, paths);
                    return result
                },
                _fitNodeHeight(nodeName, nodeRects, paths) {
                    const targetRect = this._findRectByName(nodeRects, nodeName);
                    let heightOfLinksSummaryIn = 0;
                    let heightOfLinksSummaryOut = 0;
                    paths.forEach(path => {
                        if (path.from.node._name === nodeName) {
                            heightOfLinksSummaryOut += path.from.height
                        }
                        if (path.to.node._name === nodeName) {
                            heightOfLinksSummaryIn += path.to.height
                        }
                    });
                    targetRect.height = Math.max(heightOfLinksSummaryIn, heightOfLinksSummaryOut)
                },
                _fitAllNodesHeight(nodeRects, paths) {
                    for (let c = 0; c < nodeRects.length; c++) {
                        for (let r = 0; r < nodeRects[c].length; r++) {
                            this._fitNodeHeight(nodeRects[c][r]._name, nodeRects, paths)
                        }
                    }
                },
                _spline(rectLeft, rectRight) {
                    const p_UpLeft_x = rectLeft.x + rectLeft.width,
                        p_UpLeft_y = rectLeft.y;
                    const p_DownLeft_x = rectLeft.x + rectLeft.width,
                        p_DownLeft_y = rectLeft.y + rectLeft.height;
                    const p_UpRight_x = rectRight.x,
                        p_UpRight_y = rectRight.y;
                    const p_DownRight_x = rectRight.x,
                        p_DownRight_y = rectRight.y + rectRight.height;
                    const curve_width = .3 * (p_UpRight_x - p_UpLeft_x);
                    const result = `M ${p_UpLeft_x} ${p_UpLeft_y} C ${p_UpLeft_x+curve_width} ${p_UpLeft_y} ${p_UpRight_x-curve_width} ${p_UpRight_y} ${p_UpRight_x} ${p_UpRight_y} L ${p_DownRight_x} ${p_DownRight_y} C ${p_DownRight_x-curve_width} ${p_DownRight_y} ${p_DownLeft_x+curve_width} ${p_DownLeft_y} ${p_DownLeft_x} ${p_DownLeft_y} Z`;
                    return result
                },
                computeLayout(linksData, sortData, options, incidentOccurred) {
                    this._sort = sortData;
                    const result = {};
                    const validateResult = _data_validator.default.validate(linksData, incidentOccurred);
                    if (!validateResult) {
                        result.cascades = this._computeCascades(linksData);
                        result.nodes = this._computeNodes(result.cascades, {
                            width: options.availableRect.width,
                            height: options.availableRect.height,
                            x: options.availableRect.x,
                            y: options.availableRect.y,
                            nodePadding: options.nodePadding,
                            nodeWidth: options.nodeWidth,
                            nodeAlign: options.nodeAlign
                        });
                        result.links = this._computeLinks(linksData, result.nodes, result.cascades)
                    } else {
                        result.error = validateResult
                    }
                    return result
                },
                overlap: (box1, box2) => !(box2.x > box1.x + box1.width || box2.x + box2.width < box1.x || box2.y >= box1.y + box1.height || box2.y + box2.height <= box1.y)
            }
        },
        15768(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _constants = __webpack_require__( /*! ../../viz/sankey/constants */ 78676);
            const states = ["normal", "adjacentNodeHover", "hover"];

            function compileAttrs(color, itemOptions, itemBaseOptions, gradient) {
                const border = itemOptions.border;
                const baseBorder = itemBaseOptions.border;
                const borderVisible = (0, _type.isDefined)(border.visible) ? border.visible : baseBorder.visible;
                const borderWidth = (0, _type.isDefined)(border.width) ? border.width : baseBorder.width;
                const borderOpacity = (0, _type.isDefined)(border.opacity) ? border.opacity : (0, _type.isDefined)(baseBorder.opacity) ? baseBorder.opacity : 1;
                const opacity = (0, _type.isDefined)(itemOptions.opacity) ? itemOptions.opacity : (0, _type.isDefined)(itemBaseOptions.opacity) ? itemBaseOptions.opacity : 1;
                let fill = itemOptions.color || color;
                if (itemBaseOptions.colorMode === _constants.COLOR_MODE_TARGET || itemBaseOptions.colorMode === _constants.COLOR_MODE_SOURCE) {
                    fill = color
                } else if (itemBaseOptions.colorMode === _constants.COLOR_MODE_GRADIENT && gradient && (0, _type.isDefined)(gradient.id)) {
                    fill = gradient.id
                }
                return {
                    fill: fill,
                    "stroke-width": borderVisible ? borderWidth : 0,
                    stroke: itemOptions.border.color || itemBaseOptions.border.color,
                    "stroke-opacity": borderOpacity,
                    opacity: opacity,
                    hatching: itemOptions.hatching
                }
            }

            function Link(widget, params) {
                const widgetOffset = widget._renderer.getRootOffset();
                this.code = 0;
                this.widget = widget;
                this.color = params.color;
                this.connection = params.connection;
                this.d = params.d;
                this.options = params.options;
                this.boundingRect = params.boundingRect;
                this.coords = {
                    x: params.boundingRect.x + params.boundingRect.width / 2 + widgetOffset.left,
                    y: params.boundingRect.y + params.boundingRect.height / 2 + widgetOffset.top
                };
                this.states = {
                    normal: compileAttrs(this.color, this.options, this.options, params.gradient),
                    adjacentNodeHover: compileAttrs(this.color, {
                        opacity: 0,
                        border: {}
                    }, this.options, params.gradient),
                    hover: compileAttrs(this.color, {
                        opacity: 0,
                        border: {}
                    }, this.options, params.gradient)
                };
                this.overlayStates = {
                    normal: compileAttrs(this.color, {
                        opacity: 0,
                        border: {}
                    }, this.options),
                    adjacentNodeHover: compileAttrs(this.color, this.options.hoverStyle, this.options),
                    hover: compileAttrs(this.color, this.options.hoverStyle, this.options)
                }
            }
            Link.prototype = {
                getState() {
                    return states[this.code]
                },
                isHovered() {
                    return 2 === this.code
                },
                isAdjacentNodeHovered() {
                    return 1 === this.code
                },
                setState(code, state) {
                    if (state) {
                        this.code = code
                    } else {
                        this.code = 0;
                        this.hideTooltip()
                    }
                    this.widget._applyLinksAppearance()
                },
                setHover() {
                    this.hover(true)
                },
                hover(state) {
                    if (!this.widget._getOption("hoverEnabled", true) || state === this.isHovered()) {
                        return
                    }
                    this.widget._suspend();
                    state && this.widget.clearHover();
                    this.setState(2, state);
                    this.widget._eventTrigger("linkHoverChanged", {
                        target: this
                    });
                    this.widget._resume()
                },
                adjacentNodeHover(state) {
                    if (!this.widget._getOption("hoverEnabled", true) || state === this.isAdjacentNodeHovered()) {
                        return
                    }
                    this.widget._suspend();
                    this.setState(1, state);
                    this.widget._resume()
                },
                setAdjacentNodeHover() {
                    this.adjacentNodeHover(true)
                },
                showTooltip(coords) {
                    this.widget._getOption("hoverEnabled", true) && this.widget._tooltip && this.widget._tooltip.show({
                        type: "link",
                        info: {
                            source: this.connection.source,
                            target: this.connection.target,
                            weight: this.connection.weight
                        }
                    }, "undefined" !== typeof coords ? {
                        x: coords[0],
                        y: coords[1]
                    } : this.coords)
                },
                hideTooltip() {
                    this.widget._tooltip && this.widget._tooltip.hide()
                }
            };
            exports.default = Link
        },
        3444(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            const states = ["normal", "hover"];

            function compileAttrs(color, itemOptions, itemBaseOptions) {
                const border = itemOptions.border;
                const baseBorder = itemBaseOptions.border;
                const borderVisible = (0, _type.isDefined)(border.visible) ? border.visible : baseBorder.visible;
                const borderWidth = (0, _type.isDefined)(border.width) ? border.width : baseBorder.width;
                const borderOpacity = (0, _type.isDefined)(border.opacity) ? border.opacity : (0, _type.isDefined)(baseBorder.opacity) ? baseBorder.opacity : 1;
                const opacity = (0, _type.isDefined)(itemOptions.opacity) ? itemOptions.opacity : (0, _type.isDefined)(itemBaseOptions.opacity) ? itemBaseOptions.opacity : 1;
                return {
                    fill: itemOptions.color || color,
                    "stroke-width": borderVisible ? borderWidth : 0,
                    stroke: itemOptions.border.color || itemBaseOptions.border.color,
                    "stroke-opacity": borderOpacity,
                    opacity: opacity,
                    hatching: itemOptions.hatching
                }
            }

            function Node(widget, params) {
                const widgetOffset = widget._renderer.getRootOffset();
                this.code = 0;
                this.widget = widget;
                this.color = params.color;
                this.options = params.options;
                this.rect = params.rect;
                this.label = params.rect._name;
                this.coords = {
                    x: params.rect.x + params.rect.width / 2 + widgetOffset.left,
                    y: params.rect.y + params.rect.height / 2 + widgetOffset.top
                };
                this.id = params.id;
                this.linksIn = params.linksIn;
                this.linksOut = params.linksOut;
                this.states = {
                    normal: compileAttrs(this.color, this.options, this.options),
                    hover: compileAttrs(this.color, this.options.hoverStyle, this.options)
                }
            }
            Node.prototype = {
                compileAttrs() {
                    return compileAttrs(this.color, this.options)
                },
                getState() {
                    return states[this.code]
                },
                isHovered() {
                    return !!(1 & this.code)
                },
                setState(code, state) {
                    if (state) {
                        this.code |= code
                    } else {
                        this.code &= ~code
                    }
                    if (state) {
                        this.linksIn.concat(this.linksOut).forEach(adjacentLink => {
                            this.widget._links[adjacentLink.index].setAdjacentNodeHover(true)
                        })
                    } else {
                        this.widget._links.forEach(link => {
                            link.isAdjacentNodeHovered() && link.adjacentNodeHover(false)
                        });
                        this.hideTooltip()
                    }
                    this.widget._applyNodesAppearance();
                    this.widget._applyLinksAppearance()
                },
                hover(state) {
                    if (!this.widget._getOption("hoverEnabled", true) || state === this.isHovered()) {
                        return
                    }
                    this.widget._suspend();
                    state && this.widget.clearHover();
                    this.setState(1, state);
                    this.widget._eventTrigger("nodeHoverChanged", {
                        target: this
                    });
                    this.widget._resume()
                },
                setHover() {
                    this.hover(true)
                },
                showTooltip(coords) {
                    this.widget._getOption("hoverEnabled", true) && this.widget._tooltip && this.widget._tooltip.show({
                        type: "node",
                        info: {
                            label: this.label,
                            title: this.label,
                            weightIn: this.linksIn.reduce((previousValue, currentValue) => previousValue + currentValue.weight, 0),
                            weightOut: this.linksOut.reduce((previousValue, currentValue) => previousValue + currentValue.weight, 0)
                        }
                    }, "undefined" !== typeof coords ? {
                        x: coords[0],
                        y: coords[1]
                    } : this.coords)
                },
                hideTooltip() {
                    this.widget._tooltip && this.widget._tooltip.hide()
                },
                getLabelAttributes(labelSettings, filter) {
                    return function(labelOptions, filter, node) {
                        const _patchFontOptions = _utils.patchFontOptions;
                        if (labelOptions.useNodeColors) {
                            labelOptions.font.color = node.color
                        }
                        const borderVisible = (0, _type.isDefined)(labelOptions.border.visible) ? labelOptions.border.visible : false;
                        const borderWidth = (0, _type.isDefined)(labelOptions.border.width) ? labelOptions.border.width : 0;
                        const borderColor = (0, _type.isDefined)(labelOptions.border.color) ? labelOptions.border.color : labelOptions.font.color;
                        const borderOpacity = (0, _type.isDefined)(labelOptions.border.opacity) ? labelOptions.border.opacity : 1;
                        const attr = {
                            filter: filter
                        };
                        if (borderVisible && borderWidth) {
                            attr.stroke = borderColor;
                            attr["stroke-width"] = borderVisible ? borderWidth : 0;
                            attr["stroke-opacity"] = borderOpacity
                        }
                        return {
                            attr: attr,
                            css: _patchFontOptions(labelOptions.font)
                        }
                    }(labelSettings, filter, this)
                }
            };
            exports.default = Node
        },
        4845(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _data_source = __webpack_require__( /*! ../../viz/core/data_source */ 98972);
            var _m_base_widget = _interopRequireDefault(__webpack_require__( /*! ../../viz/core/m_base_widget */ 34506));
            var _constants = __webpack_require__( /*! ../../viz/sankey/constants */ 78676);
            var _layout = __webpack_require__( /*! ../../viz/sankey/layout */ 48342);
            var _link_item = _interopRequireDefault(__webpack_require__( /*! ../../viz/sankey/link_item */ 15768));
            var _node_item = _interopRequireDefault(__webpack_require__( /*! ../../viz/sankey/node_item */ 3444));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }

            function getConnectedLinks(layout, nodeName, linkType) {
                const result = [];
                const attrName = "in" === linkType ? "_to" : "_from";
                const invertedAttrName = "in" === linkType ? "_from" : "_to";
                layout.links.map(link => link[attrName]._name === nodeName).forEach((connected, idx) => {
                    connected && result.push({
                        index: idx,
                        weight: layout.links[idx]._weight,
                        node: layout.links[idx][invertedAttrName]._name
                    })
                });
                return result
            }
            const dxSankey = _m_base_widget.default.inherit({
                _rootClass: "dxs-sankey",
                _rootClassPrefix: "dxs",
                _proxyData: [],
                _optionChangesMap: {
                    dataSource: "DATA_SOURCE",
                    sortData: "DATA_SOURCE",
                    alignment: "DATA_SOURCE",
                    node: "BUILD_LAYOUT",
                    label: "LABELS",
                    link: "BUILD_LAYOUT",
                    palette: "BUILD_LAYOUT",
                    paletteExtensionMode: "BUILD_LAYOUT"
                },
                _themeDependentChanges: ["BUILD_LAYOUT"],
                _getDefaultSize: () => ({
                    width: 400,
                    height: 400
                }),
                _themeSection: "sankey",
                _fontFields: ["label.font"],
                _optionChangesOrder: ["DATA_SOURCE"],
                _initialChanges: ["DATA_SOURCE"],
                _initCore() {
                    this._groupLinks = this._renderer.g().append(this._renderer.root);
                    this._groupNodes = this._renderer.g().append(this._renderer.root);
                    this._groupLabels = this._renderer.g().attr({
                        class: `${this._rootClassPrefix}-labels`
                    }).append(this._renderer.root);
                    this._drawLabels = true;
                    this._nodes = [];
                    this._links = [];
                    this._gradients = []
                },
                _disposeCore: _common.noop,
                _applySize(rect) {
                    this._rect = rect.slice();
                    const adaptiveLayout = this._getOption("adaptiveLayout");
                    if (adaptiveLayout.keepLabels || this._rect[2] - this._rect[0] > adaptiveLayout.width) {
                        this._drawLabels = true
                    } else {
                        this._drawLabels = false
                    }
                    this._change(["BUILD_LAYOUT"]);
                    return this._rect
                },
                _eventsMap: {
                    onNodeHoverChanged: {
                        name: "nodeHoverChanged"
                    },
                    onLinkHoverChanged: {
                        name: "linkHoverChanged"
                    }
                },
                _customChangesOrder: ["BUILD_LAYOUT", "NODES_DRAW", "LINKS_DRAW", "LABELS", "DRAWN"],
                _dataSourceChangedHandler() {
                    this._requestChange(["BUILD_LAYOUT"])
                },
                _change_DRAWN() {
                    this._drawn()
                },
                _change_DATA_SOURCE() {
                    this._change(["DRAWN"]);
                    this._updateDataSource()
                },
                _change_LABELS() {
                    this._applyLabelsAppearance()
                },
                _change_BUILD_LAYOUT() {
                    this._groupNodes.clear();
                    this._groupLinks.clear();
                    this._groupLabels.clear();
                    this._buildLayout()
                },
                _change_NODES_DRAW() {
                    const that = this;
                    const nodes = that._nodes;
                    nodes.forEach((node, index) => {
                        const element = that._renderer.rect().attr(node.rect).append(that._groupNodes);
                        node.element = element
                    });
                    this._applyNodesAppearance()
                },
                _change_LINKS_DRAW() {
                    const that = this;
                    const links = that._links;
                    links.forEach((link, index) => {
                        const group = that._renderer.g().attr({
                            class: "link",
                            "data-link-idx": index
                        }).append(that._groupLinks);
                        link.overlayElement = that._renderer.path([], "area").attr({
                            d: link.d
                        }).append(group);
                        link.element = that._renderer.path([], "area").attr({
                            d: link.d
                        }).append(group)
                    });
                    this._applyLinksAppearance()
                },
                _suspend() {
                    if (!this._applyingChanges) {
                        this._suspendChanges()
                    }
                },
                _resume() {
                    if (!this._applyingChanges) {
                        this._resumeChanges()
                    }
                },
                _showTooltip: _common.noop,
                hideTooltip: _common.noop,
                clearHover() {
                    this._suspend();
                    this._nodes.forEach(node => {
                        node.isHovered() && node.hover(false)
                    });
                    this._links.forEach(link => {
                        link.isHovered() && link.hover(false);
                        link.isAdjacentNodeHovered() && link.adjacentNodeHover(false)
                    });
                    this._resume()
                },
                _applyNodesAppearance() {
                    this._nodes.forEach(node => {
                        const state = node.getState();
                        node.element.smartAttr(node.states[state])
                    })
                },
                _applyLinksAppearance() {
                    this._links.forEach(link => {
                        const state = link.getState();
                        link.element.smartAttr(link.states[state]);
                        link.overlayElement.smartAttr(link.overlayStates[state])
                    })
                },
                _hitTestTargets(x, y) {
                    const that = this;
                    let data;
                    this._proxyData.some(callback => {
                        data = callback.call(that, x, y);
                        if (data) {
                            return true
                        }
                    });
                    return data
                },
                _getData() {
                    const that = this;
                    const data = that._dataSourceItems() || [];
                    const sourceField = that._getOption("sourceField", true);
                    const targetField = that._getOption("targetField", true);
                    const weightField = that._getOption("weightField", true);
                    const processedData = [];
                    data.forEach(item => {
                        const hasItemOwnProperty = Object.prototype.hasOwnProperty.bind(item);
                        if (!hasItemOwnProperty(sourceField)) {
                            that._incidentOccurred("E2007", sourceField)
                        } else if (!hasItemOwnProperty(targetField)) {
                            that._incidentOccurred("E2007", targetField)
                        } else if (!hasItemOwnProperty(weightField)) {
                            that._incidentOccurred("E2007", weightField)
                        } else if (!(0, _type.isString)(item[sourceField])) {
                            that._incidentOccurred("E2008", sourceField)
                        } else if (!(0, _type.isString)(item[targetField])) {
                            that._incidentOccurred("E2008", targetField)
                        } else if (!(0, _type.isNumeric)(item[weightField]) || item[weightField] <= 0) {
                            that._incidentOccurred("E2009", weightField)
                        } else {
                            processedData.push([item[sourceField], item[targetField], item[weightField]])
                        }
                    });
                    return processedData
                },
                _buildLayout() {
                    const that = this;
                    const data = that._getData();
                    const availableRect = this._rect;
                    const nodeOptions = that._getOption("node");
                    const sortData = that._getOption("sortData");
                    const layoutBuilder = that._getOption("layoutBuilder", true) || _layout.layout;
                    const rect = {
                        x: availableRect[0],
                        y: availableRect[1],
                        width: availableRect[2] - availableRect[0],
                        height: availableRect[3] - availableRect[1]
                    };
                    const layout = layoutBuilder.computeLayout(data, sortData, {
                        availableRect: rect,
                        nodePadding: nodeOptions.padding,
                        nodeWidth: nodeOptions.width,
                        nodeAlign: that._getOption("alignment", true)
                    }, that._incidentOccurred);
                    that._layoutMap = layout;
                    if (!Object.prototype.hasOwnProperty.call(layout, "error")) {
                        const nodeColors = {};
                        let nodeIdx = 0;
                        const linkOptions = that._getOption("link");
                        const totalNodesNum = layout.nodes.map(item => item.length).reduce((previousValue, currentValue) => previousValue + currentValue, 0);
                        const palette = that._themeManager.createPalette(that._getOption("palette", true), {
                            useHighlight: true,
                            extensionMode: that._getOption("paletteExtensionMode", true),
                            count: totalNodesNum
                        });
                        that._nodes = [];
                        that._links = [];
                        that._gradients.forEach(gradient => {
                            gradient.dispose()
                        });
                        that._gradients = [];
                        that._shadowFilter && that._shadowFilter.dispose();
                        layout.nodes.forEach(cascadeNodes => {
                            cascadeNodes.forEach(node => {
                                const color = nodeOptions.color || palette.getNextColor();
                                const nodeItem = new _node_item.default(that, {
                                    id: nodeIdx,
                                    color: color,
                                    rect: node,
                                    options: nodeOptions,
                                    linksIn: getConnectedLinks(layout, node._name, "in"),
                                    linksOut: getConnectedLinks(layout, node._name, "out")
                                });
                                that._nodes.push(nodeItem);
                                nodeIdx++;
                                nodeColors[node._name] = color
                            })
                        });
                        layout.links.forEach(link => {
                            let gradient = null;
                            if (linkOptions.colorMode === _constants.COLOR_MODE_GRADIENT) {
                                gradient = that._renderer.linearGradient([{
                                    offset: "0%",
                                    "stop-color": nodeColors[link._from._name]
                                }, {
                                    offset: "100%",
                                    "stop-color": nodeColors[link._to._name]
                                }]);
                                this._gradients.push(gradient)
                            }
                            let color = linkOptions.color;
                            if (linkOptions.colorMode === _constants.COLOR_MODE_SOURCE) {
                                color = nodeColors[link._from._name]
                            } else if (linkOptions.colorMode === _constants.COLOR_MODE_TARGET) {
                                color = nodeColors[link._to._name]
                            }
                            const linkItem = new _link_item.default(that, {
                                d: link.d,
                                boundingRect: link._boundingRect,
                                color: color,
                                options: linkOptions,
                                connection: {
                                    source: link._from._name,
                                    target: link._to._name,
                                    weight: link._weight
                                },
                                gradient: gradient
                            });
                            that._links.push(linkItem)
                        });
                        that._renderer.initDefsElements();
                        that._change(["NODES_DRAW", "LINKS_DRAW", "LABELS"])
                    }
                    that._change(["DRAWN"])
                },
                _applyLabelsAppearance() {
                    const that = this;
                    const labelOptions = that._getOption("label");
                    const availableWidth = that._rect[2] - that._rect[0];
                    const nodeOptions = that._getOption("node");
                    that._shadowFilter = that._renderer.shadowFilter("-50%", "-50%", "200%", "200%").attr(labelOptions.shadow);
                    that._groupLabels.clear();
                    if (that._drawLabels && labelOptions.visible) {
                        const availableLabelWidth = (availableWidth - (nodeOptions.width + labelOptions.horizontalOffset) - that._layoutMap.cascades.length * nodeOptions.width) / (that._layoutMap.cascades.length - 1) - labelOptions.horizontalOffset;
                        that._nodes.forEach(node => {
                            that._createLabel(node, labelOptions, that._shadowFilter.id);
                            ! function(node, labelOptions, availableLabelWidth, rect) {
                                if (node._label.getBBox().width > availableLabelWidth) {
                                    node.labelText.applyEllipsis(availableLabelWidth)
                                }
                                const bBox = node._label.getBBox();
                                const verticalOffset = labelOptions.verticalOffset;
                                const horizontalOffset = labelOptions.horizontalOffset;
                                let labelOffsetY = Math.round(node.rect.y + node.rect.height / 2 - bBox.y - bBox.height / 2) + verticalOffset;
                                let labelOffsetX = node.rect.x + horizontalOffset + node.rect.width - bBox.x;
                                if (labelOffsetX + bBox.width >= rect[2] - rect[0]) {
                                    labelOffsetX = node.rect.x - horizontalOffset - bBox.x - bBox.width
                                }
                                if (labelOffsetY >= rect[3]) {
                                    labelOffsetY = rect[3]
                                }
                                if (labelOffsetY - bBox.height < rect[1]) {
                                    labelOffsetY = node.rect.y - bBox.y + verticalOffset
                                }
                                node.labelText.attr({
                                    translateX: labelOffsetX,
                                    translateY: labelOffsetY
                                })
                            }(node, labelOptions, availableLabelWidth, that._rect)
                        });
                        if ("none" !== labelOptions.overlappingBehavior) {
                            that._nodes.forEach(thisNode => {
                                const thisBox = thisNode._label.getBBox();
                                that._nodes.forEach(otherNode => {
                                    const otherBox = otherNode._label.getBBox();
                                    if (thisNode.id !== otherNode.id && _layout.layout.overlap(thisBox, otherBox)) {
                                        if ("ellipsis" === labelOptions.overlappingBehavior) {
                                            thisNode.labelText.applyEllipsis(otherBox.x - thisBox.x)
                                        } else if ("hide" === labelOptions.overlappingBehavior) {
                                            thisNode.labelText.remove()
                                        }
                                    }
                                })
                            })
                        }
                    }
                },
                _createLabel(node, labelOptions, filter) {
                    const textData = labelOptions.customizeText(node);
                    const settings = node.getLabelAttributes(labelOptions, filter);
                    if (textData) {
                        node._label = this._renderer.g().append(this._groupLabels);
                        node.labelText = this._renderer.text(textData).attr(settings.attr).css(settings.css);
                        node.labelText.append(node._label)
                    }
                },
                _getMinSize() {
                    const adaptiveLayout = this._getOption("adaptiveLayout");
                    return [adaptiveLayout.width, adaptiveLayout.height]
                },
                getAllNodes() {
                    return this._nodes.slice()
                },
                getAllLinks() {
                    return this._links.slice()
                }
            });
            (0, _component_registrator.default)("dxSankey", dxSankey);
            exports.default = dxSankey;
            dxSankey.addPlugin(_data_source.plugin)
        },
        40937(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.setTooltipCustomOptions = function(sankey) {
                sankey.prototype._setTooltipOptions = function() {
                    const tooltip = this._tooltip;
                    const options = tooltip && this._getOption("tooltip");
                    let linkTemplate;
                    let nodeTemplate;
                    if (options.linkTooltipTemplate) {
                        linkTemplate = this._getTemplate(options.linkTooltipTemplate)
                    }
                    if (options.nodeTooltipTemplate) {
                        nodeTemplate = this._getTemplate(options.nodeTooltipTemplate)
                    }
                    tooltip && tooltip.update((0, _extend2.extend)({}, options, {
                        customizeTooltip(args) {
                            if (!(linkTemplate && "link" === args.type || nodeTemplate && "node" === args.type)) {
                                args.skipTemplate = true
                            }
                            const formatter = value => tooltip.formatValue(value);
                            if ("node" === args.type) {
                                return generateCustomCallback(options.customizeNodeTooltip, (formatter => function(info) {
                                    return {
                                        html: `<strong>${info.label}</strong><br/>Incoming weight: ${formatter(info.weightIn)}<br/>Outgoing weight: ${formatter(info.weightOut)}`
                                    }
                                })(formatter))(args.info)
                            } else if ("link" === args.type) {
                                return generateCustomCallback(options.customizeLinkTooltip, (formatter => function(info) {
                                    return {
                                        html: `<strong>${info.source} > ${info.target}</strong><br/>Weight: ${formatter(info.weight)}`
                                    }
                                })(formatter))(args.info)
                            }
                            return {}
                        },
                        contentTemplate(arg, div) {
                            const templateArgs = {
                                model: arg.info,
                                container: div
                            };
                            if (linkTemplate && "link" === arg.type) {
                                return linkTemplate.render(templateArgs)
                            }
                            if (nodeTemplate && "node" === arg.type) {
                                return nodeTemplate.render(templateArgs)
                            }
                        },
                        enabled: options.enabled
                    }))
                };
                sankey.prototype.hideTooltip = function() {
                    this._tooltip && this._tooltip.hide()
                }
            };
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            const generateCustomCallback = function(customCallback, defaultCallback) {
                return function(objectInfo) {
                    let res = (0, _type.isFunction)(customCallback) ? customCallback.call(objectInfo, objectInfo) : {};
                    const hasOwnProperty = Object.prototype.hasOwnProperty.bind(res);
                    if (!hasOwnProperty("html") && !hasOwnProperty("text")) {
                        res = (0, _extend2.extend)(res, defaultCallback.call(objectInfo, objectInfo))
                    }
                    return res
                }
            }
        },
        34458(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.plugin = void 0;
            var _tracker = __webpack_require__( /*! ../../viz/components/tracker */ 21823);
            var _sankey = (e = __webpack_require__( /*! ./sankey */ 4845), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const proto = _sankey.default.prototype;
            let dataKeyModifier = 0;
            proto._eventsMap.onNodeClick = {
                name: "nodeClick"
            };
            proto._eventsMap.onLinkClick = {
                name: "linkClick"
            };
            exports.plugin = {
                name: "tracker",
                init() {
                    const that = this;
                    const dataKey = "__sankey_data_" + dataKeyModifier++;
                    that._tracker = new _tracker.Tracker({
                        widget: that,
                        root: that._renderer.root,
                        getData(e) {
                            const target = e.target;
                            return target[dataKey]
                        },
                        getNode(index) {
                            if (index < that._nodes.length) {
                                return that._nodes[index]
                            } else {
                                return that._links[index - that._nodes.length]
                            }
                        },
                        click(e) {
                            const eventName = this.getData(e.event) < that._nodes.length ? "nodeClick" : "linkClick";
                            that._eventTrigger(eventName, {
                                target: e.node,
                                event: e.event
                            })
                        }
                    });
                    this._dataKey = dataKey
                },
                dispose() {
                    this._tracker.dispose()
                },
                extenders: {
                    _change_LINKS_DRAW() {
                        const dataKey = this._dataKey;
                        this._nodes.concat(this._links).forEach((item, index) => {
                            item.element.data(dataKey, index)
                        })
                    }
                }
            }
        },
        38525(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.polar = exports.chart = void 0;
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _object = __webpack_require__( /*! ../../../core/utils/object */ 22263);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _line_series = __webpack_require__( /*! ./line_series */ 72016);
            var _scatter_series = __webpack_require__( /*! ./scatter_series */ 39294);
            const chartLineSeries = _line_series.chart.line;
            const polarLineSeries = _line_series.polar.line;
            const _extend = _extend2.extend;
            const calculateBezierPoints = _line_series.chart.spline._calculateBezierPoints;
            const chart = exports.chart = {};
            const polar = exports.polar = {};
            const baseAreaMethods = {
                _createBorderElement: chartLineSeries._createMainElement,
                _createLegendState: (styleOptions, defaultColor) => ({
                    fill: (0, _utils.extractColor)(styleOptions.color) || defaultColor,
                    opacity: styleOptions.opacity,
                    hatching: styleOptions.hatching,
                    filter: styleOptions.highlight
                }),
                _getColorId(options) {
                    var _options$color;
                    return null === (_options$color = options.color) || void 0 === _options$color ? void 0 : _options$color.fillId
                },
                getValueRangeInitialValue() {
                    if ("logarithmic" !== this.valueAxisType && "datetime" !== this.valueType && false !== this.showZero) {
                        return 0
                    } else {
                        return _scatter_series.chart.getValueRangeInitialValue.call(this)
                    }
                },
                _getDefaultSegment(segment) {
                    const defaultSegment = chartLineSeries._getDefaultSegment(segment);
                    defaultSegment.area = defaultSegment.line.concat(defaultSegment.line.slice().reverse());
                    return defaultSegment
                },
                _updateElement(element, segment, animate, complete) {
                    const lineParams = {
                        points: segment.line
                    };
                    const areaParams = {
                        points: segment.area
                    };
                    const borderElement = element.line;
                    if (animate) {
                        borderElement && borderElement.animate(lineParams);
                        element.area.animate(areaParams, {}, complete)
                    } else {
                        borderElement && borderElement.attr(lineParams);
                        element.area.attr(areaParams)
                    }
                },
                _removeElement(element) {
                    element.line && element.line.remove();
                    element.area.remove()
                },
                _drawElement(segment) {
                    return {
                        line: this._bordersGroup && this._createBorderElement(segment.line, {
                            "stroke-width": this._styles.normal.border["stroke-width"]
                        }).append(this._bordersGroup),
                        area: this._createMainElement(segment.area).append(this._elementsGroup)
                    }
                },
                _applyStyle(style) {
                    this._elementsGroup && this._elementsGroup.smartAttr(style.elements);
                    this._bordersGroup && this._bordersGroup.attr(style.border);
                    (this._graphics || []).forEach(graphic => {
                        graphic.line && graphic.line.attr({
                            "stroke-width": style.border["stroke-width"]
                        }).sharp()
                    })
                },
                _parseStyle(options, defaultColor, defaultBorderColor) {
                    const borderOptions = options.border || {};
                    const borderStyle = chartLineSeries._parseLineOptions(borderOptions, defaultBorderColor);
                    borderStyle.stroke = borderOptions.visible && borderStyle["stroke-width"] ? borderStyle.stroke : "none";
                    borderStyle["stroke-width"] = borderStyle["stroke-width"] || 1;
                    return {
                        border: borderStyle,
                        elements: {
                            stroke: "none",
                            fill: (0, _utils.extractColor)(options.color) || defaultColor,
                            hatching: options.hatching,
                            opacity: options.opacity,
                            filter: options.highlight ?? null
                        }
                    }
                },
                _areBordersVisible() {
                    const options = this._options;
                    return options.border.visible || options.hoverStyle.border.visible || options.selectionStyle.border.visible
                },
                _createMainElement(points, settings) {
                    return this._renderer.path(points, "area").attr(settings)
                },
                _getTrackerSettings(segment) {
                    return {
                        "stroke-width": segment.singlePointSegment ? this._defaultTrackerWidth : 0
                    }
                },
                _getMainPointsFromSegment: segment => segment.area
            };
            const areaSeries = chart.area = _extend({}, chartLineSeries, baseAreaMethods, {
                _prepareSegment(points, rotated) {
                    const processedPoints = this._processSinglePointsAreaSegment(points, rotated);
                    const areaPoints = function(points) {
                        return (0, _utils.map)(points, pt => pt.getCoords()).concat((0, _utils.map)(points.slice().reverse(), pt => pt.getCoords(true)))
                    }(processedPoints);
                    const argAxis = this.getArgumentAxis();
                    if (argAxis.getAxisPosition) {
                        const argAxisPosition = argAxis.getAxisPosition();
                        const axisOptions = argAxis.getOptions();
                        const edgeOffset = (!rotated ? -1 : 1) * Math.round(axisOptions.width / 2);
                        if (axisOptions.visible) {
                            areaPoints.forEach((p, i) => {
                                if (p) {
                                    const index = 1 === points.length ? 0 : i < points.length ? i : areaPoints.length - 1 - i;
                                    rotated && p.x === points[index].defaultX && p.x === argAxisPosition - argAxis.getAxisShift() && (p.x += edgeOffset);
                                    !rotated && p.y === points[index].defaultY && p.y === argAxisPosition - argAxis.getAxisShift() && (p.y += edgeOffset)
                                }
                            })
                        }
                    }
                    return {
                        line: processedPoints,
                        area: areaPoints,
                        singlePointSegment: processedPoints !== points
                    }
                },
                _processSinglePointsAreaSegment(points, rotated) {
                    if (points && 1 === points.length) {
                        const p = points[0];
                        const p1 = (0, _object.clone)(p);
                        p1[rotated ? "y" : "x"] += 1;
                        p1.argument = null;
                        return [p, p1]
                    }
                    return points
                }
            });
            polar.area = _extend({}, polarLineSeries, baseAreaMethods, {
                _prepareSegment(points, rotated, lastSegment) {
                    lastSegment && polarLineSeries._closeSegment.call(this, points);
                    return areaSeries._prepareSegment.call(this, points)
                },
                _processSinglePointsAreaSegment(points) {
                    return _line_series.polar.line._prepareSegment.call(this, points).line
                }
            });
            chart.steparea = _extend({}, areaSeries, {
                _prepareSegment(points, rotated) {
                    const stepLineSeries = _line_series.chart.stepline;
                    points = areaSeries._processSinglePointsAreaSegment(points, rotated);
                    return areaSeries._prepareSegment.call(this, stepLineSeries._calculateStepLinePoints.call(this, points), rotated)
                },
                getSeriesPairCoord: _line_series.chart.stepline.getSeriesPairCoord
            });
            chart.splinearea = _extend({}, areaSeries, {
                _areaPointsToSplineAreaPoints(areaPoints) {
                    const previousMiddlePoint = areaPoints[areaPoints.length / 2 - 1];
                    const middlePoint = areaPoints[areaPoints.length / 2];
                    areaPoints.splice(areaPoints.length / 2, 0, {
                        x: previousMiddlePoint.x,
                        y: previousMiddlePoint.y
                    }, {
                        x: middlePoint.x,
                        y: middlePoint.y
                    })
                },
                _prepareSegment(points, rotated) {
                    const processedPoints = areaSeries._processSinglePointsAreaSegment(points, rotated);
                    const areaSegment = areaSeries._prepareSegment.call(this, calculateBezierPoints(processedPoints, rotated));
                    this._areaPointsToSplineAreaPoints(areaSegment.area);
                    areaSegment.singlePointSegment = processedPoints !== points;
                    return areaSegment
                },
                _getDefaultSegment(segment) {
                    const areaDefaultSegment = areaSeries._getDefaultSegment(segment);
                    this._areaPointsToSplineAreaPoints(areaDefaultSegment.area);
                    return areaDefaultSegment
                },
                _createMainElement(points, settings) {
                    return this._renderer.path(points, "bezierarea").attr(settings)
                },
                _createBorderElement: _line_series.chart.spline._createMainElement,
                getSeriesPairCoord: _line_series.chart.spline.getSeriesPairCoord,
                _getNearestPoints: _line_series.chart.spline._getNearestPoints,
                _getBezierPoints: _line_series.chart.spline._getBezierPoints,
                obtainCubicBezierTCoef: _line_series.chart.spline.obtainCubicBezierTCoef
            })
        },
        48971(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.polar = exports.chart = void 0;
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _area_series = __webpack_require__( /*! ./area_series */ 38525);
            var scatterSeries = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ./scatter_series */ 39294));
            const areaSeries = _area_series.chart.area;
            const chartSeries = scatterSeries.chart;
            const polarSeries = scatterSeries.polar;
            const _extend = _extend2.extend;
            const _each = _iterator.each;
            const chart = exports.chart = {};
            const polar = exports.polar = {};
            const baseBarSeriesMethods = {
                _createLegendState: (styleOptions, defaultColor) => ({
                    fill: (0, _utils.extractColor)(styleOptions.color) || defaultColor,
                    hatching: styleOptions.hatching,
                    filter: styleOptions.highlight
                }),
                _getColorId: areaSeries._getColorId,
                _parsePointStyle(style, defaultColor, defaultBorderColor) {
                    const color = (0, _utils.extractColor)(style.color) || defaultColor;
                    const base = chartSeries._parsePointStyle.call(this, style, color, defaultBorderColor);
                    base.fill = color;
                    base.hatching = style.hatching;
                    base.filter = style.highlight;
                    base.dashStyle = style.border && style.border.dashStyle || "solid";
                    delete base.r;
                    return base
                },
                _applyMarkerClipRect(settings) {
                    settings["clip-path"] = null
                },
                _setGroupsSettings(animationEnabled, firstDrawing) {
                    let settings = {};
                    chartSeries._setGroupsSettings.apply(this, arguments);
                    if (animationEnabled && firstDrawing) {
                        settings = this._getAffineCoordOptions()
                    } else if (!animationEnabled) {
                        settings = {
                            scaleX: 1,
                            scaleY: 1,
                            translateX: 0,
                            translateY: 0
                        }
                    }
                    this._markersGroup.attr(settings)
                },
                _drawPoint(options) {
                    options.hasAnimation = options.hasAnimation && !options.firstDrawing;
                    options.firstDrawing = false;
                    chartSeries._drawPoint.call(this, options)
                },
                _getMainColor() {
                    return this._options.mainSeriesColor
                },
                _createPointStyles(pointOptions) {
                    var _pointOptions$color;
                    const that = this;
                    const mainColor = (0, _utils.extractColor)(pointOptions.color, true) || that._getMainColor();
                    const colorId = null === (_pointOptions$color = pointOptions.color) || void 0 === _pointOptions$color ? void 0 : _pointOptions$color.fillId;
                    const hoverStyle = pointOptions.hoverStyle || {};
                    const selectionStyle = pointOptions.selectionStyle || {};
                    if (colorId) {
                        that._turnOffHatching(hoverStyle, selectionStyle)
                    }
                    return {
                        labelColor: mainColor,
                        normal: that._parsePointStyle(pointOptions, mainColor, mainColor),
                        hover: that._parsePointStyle(hoverStyle, colorId || mainColor, mainColor),
                        selection: that._parsePointStyle(selectionStyle, colorId || mainColor, mainColor)
                    }
                },
                _updatePointsVisibility() {
                    const visibility = this._options.visible;
                    (0, _iterator.each)(this._points, (_, point) => {
                        point._options.visible = visibility
                    })
                },
                _getOptionsForPoint() {
                    return this._options
                },
                _animate(firstDrawing) {
                    const that = this;
                    that._animatePoints(firstDrawing, function() {
                        that._animateComplete()
                    }, function(drawnPoints, complete) {
                        const lastPointIndex = drawnPoints.length - 1;
                        _each(drawnPoints || [], (i, point) => {
                            point.animate(i === lastPointIndex ? complete : void 0, point.getMarkerCoords())
                        })
                    })
                },
                getValueRangeInitialValue: areaSeries.getValueRangeInitialValue,
                _patchMarginOptions(options) {
                    var _this$getArgumentAxis;
                    options.checkInterval = !this.useAggregation() || (null === (_this$getArgumentAxis = this.getArgumentAxis()) || void 0 === _this$getArgumentAxis ? void 0 : _this$getArgumentAxis.aggregatedPointBetweenTicks());
                    return options
                },
                _defaultAggregator: "sum",
                _defineDrawingState() {},
                usePointsToDefineAutoHiding: () => false
            };
            chart.bar = _extend({}, chartSeries, baseBarSeriesMethods, {
                _getAffineCoordOptions() {
                    const rotated = this._options.rotated;
                    const direction = rotated ? "X" : "Y";
                    const settings = {
                        scaleX: rotated ? .001 : 1,
                        scaleY: rotated ? 1 : .001
                    };
                    settings[`translate${direction}`] = this.getValueAxis().getTranslator().translate("canvas_position_default");
                    return settings
                },
                _animatePoints(firstDrawing, complete, animateFunc) {
                    const that = this;
                    that._markersGroup.animate({
                        scaleX: 1,
                        scaleY: 1,
                        translateY: 0,
                        translateX: 0
                    }, void 0, complete);
                    if (!firstDrawing) {
                        animateFunc(that._drawnPoints, complete)
                    }
                },
                checkSeriesViewportCoord(axis, coord) {
                    if (!chartSeries.checkSeriesViewportCoord.call(this)) {
                        return false
                    }
                    if (axis.isArgumentAxis) {
                        return true
                    }
                    const translator = axis.getTranslator();
                    const range = this.getViewport();
                    const min = translator.translate(range.categories ? range.categories[0] : range.min);
                    const max = translator.translate(range.categories ? range.categories[range.categories.length - 1] : range.max);
                    const rotated = this.getOptions().rotated;
                    const inverted = axis.getOptions().inverted;
                    return rotated && !inverted || !rotated && inverted ? coord >= min && coord <= max : coord >= max && coord <= min
                },
                getSeriesPairCoord(coord, isArgument) {
                    let oppositeCoord = null;
                    const {
                        rotated: rotated
                    } = this._options;
                    const isOpposite = !isArgument && !rotated || isArgument && rotated;
                    const coordName = isOpposite ? "vy" : "vx";
                    const oppositeCoordName = isOpposite ? "vx" : "vy";
                    const points = this.getPoints();
                    for (let i = 0; i < points.length; i++) {
                        const p = points[i];
                        let tmpCoord;
                        if (isArgument) {
                            tmpCoord = p.getCenterCoord()[coordName[1]] === coord ? p[oppositeCoordName] : void 0
                        } else {
                            tmpCoord = p[coordName] === coord ? p[oppositeCoordName] : void 0
                        }
                        if (this._checkAxisVisibleAreaCoord(!isArgument, tmpCoord)) {
                            oppositeCoord = tmpCoord;
                            break
                        }
                    }
                    return oppositeCoord
                }
            });
            polar.bar = _extend({}, polarSeries, baseBarSeriesMethods, {
                _animatePoints(firstDrawing, complete, animateFunc) {
                    animateFunc(this._drawnPoints, complete)
                },
                _setGroupsSettings: chartSeries._setGroupsSettings,
                _drawPoint(point, groups, animationEnabled) {
                    chartSeries._drawPoint.call(this, point, groups, animationEnabled)
                },
                _parsePointStyle(style) {
                    const base = baseBarSeriesMethods._parsePointStyle.apply(this, arguments);
                    base.opacity = style.opacity;
                    return base
                },
                _createGroups: chartSeries._createGroups,
                _setMarkerGroupSettings() {
                    const markersSettings = this._createPointStyles(this._getMarkerGroupOptions()).normal;
                    markersSettings.class = "dxc-markers";
                    this._applyMarkerClipRect(markersSettings);
                    const groupSettings = _extend({}, markersSettings);
                    delete groupSettings.opacity;
                    this._markersGroup.attr(groupSettings)
                },
                getSeriesPairCoord(params, isArgument) {
                    let coords = null;
                    const paramName = isArgument ? "argument" : "radius";
                    const points = this.getVisiblePoints();
                    const argAxis = this.getArgumentAxis();
                    const startAngle = argAxis.getAngles()[0];
                    for (let i = 0; i < points.length; i++) {
                        const p = points[i];
                        const tmpPoint = (0, _type.isDefined)(p[paramName]) && (0, _type.isDefined)(params[paramName]) && p[paramName].valueOf() === params[paramName].valueOf() ? (0, _utils.convertPolarToXY)(argAxis.getCenter(), startAngle, -argAxis.getTranslatedAngle(p.angle), p.radius) : void 0;
                        if ((0, _type.isDefined)(tmpPoint)) {
                            coords = tmpPoint;
                            break
                        }
                    }
                    return coords
                },
                _createLegendState: areaSeries._createLegendState
            })
        },
        98701(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Series = Series;
            exports.mixins = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _consts = _interopRequireDefault(__webpack_require__( /*! ../../viz/components/consts */ 44235));
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var areaSeries = _interopRequireWildcard(__webpack_require__( /*! ./area_series */ 38525));
            var barSeries = _interopRequireWildcard(__webpack_require__( /*! ./bar_series */ 48971));
            var _bubble_series = __webpack_require__( /*! ./bubble_series */ 94696);
            var financialSeries = _interopRequireWildcard(__webpack_require__( /*! ./financial_series */ 5365));
            var _range_data_calculator = _interopRequireDefault(__webpack_require__( /*! ./helpers/range_data_calculator */ 41971));
            var lineSeries = _interopRequireWildcard(__webpack_require__( /*! ./line_series */ 72016));
            var pieSeries = _interopRequireWildcard(__webpack_require__( /*! ./pie_series */ 8022));
            var _base_point = __webpack_require__( /*! ./points/base_point */ 35394);
            var _range_series = __webpack_require__( /*! ./range_series */ 18519);
            var scatterSeries = _interopRequireWildcard(__webpack_require__( /*! ./scatter_series */ 39294));
            var stackedSeries = _interopRequireWildcard(__webpack_require__( /*! ./stacked_series */ 92659));

            function _interopRequireWildcard(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return (_interopRequireWildcard = function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                })(e, t)
            }

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const seriesNS = {};
            const states = _consts.default.states;
            const SELECTED_STATE = states.selectedMark;
            const HOVER_STATE = states.hoverMark;
            const HOVER = states.hover;
            const NORMAL = states.normal;
            const SELECTION = states.selection;
            const APPLY_SELECTED = states.applySelected;
            const APPLY_HOVER = states.applyHover;
            const RESET_ITEM = states.resetItem;

            function triggerEvent(element, event, point) {
                element && element.trigger(event, point)
            }
            seriesNS.mixins = {
                chart: {},
                pie: {},
                polar: {}
            };
            seriesNS.mixins.chart.scatter = scatterSeries.chart;
            seriesNS.mixins.polar.scatter = scatterSeries.polar;
            (0, _extend2.extend)(seriesNS.mixins.pie, pieSeries);
            (0, _extend2.extend)(seriesNS.mixins.chart, lineSeries.chart, areaSeries.chart, barSeries.chart, _range_series.chart, _bubble_series.chart, financialSeries, stackedSeries.chart);
            (0, _extend2.extend)(seriesNS.mixins.polar, lineSeries.polar, areaSeries.polar, barSeries.polar, stackedSeries.polar);

            function includePointsMode(mode) {
                mode = (0, _utils.normalizeEnum)(mode);
                return "includepoints" === mode || "allseriespoints" === mode
            }

            function mergePointOptionsCore(base, extra) {
                const options = (0, _extend2.extend)({}, base, extra);
                options.border = (0, _extend2.extend)({}, base && base.border, extra && extra.border);
                return options
            }

            function Series(settings, options) {
                this.fullState = 0;
                this._extGroups = settings;
                this._renderer = settings.renderer;
                this._group = settings.renderer.g().attr({
                    class: "dxc-series"
                });
                this._eventTrigger = settings.eventTrigger;
                this._eventPipe = settings.eventPipe;
                this._incidentOccurred = settings.incidentOccurred;
                this._legendCallback = _common.noop;
                this.updateOptions(options, settings)
            }

            function getData(pointData) {
                return pointData.data
            }

            function getValueChecker(axisType, axis) {
                if (!axis || "logarithmic" !== axisType || false !== axis.getOptions().allowNegatives) {
                    return () => true
                } else {
                    return value => value > 0
                }
            }
            Series.prototype = {
                constructor: Series,
                _createLegendState: _common.noop,
                getLegendStyles() {
                    return this._styles.legendStyles
                },
                _createStyles(options) {
                    const that = this;
                    const mainSeriesColor = options.mainSeriesColor;
                    const colorId = this._getColorId(options);
                    const hoverStyle = options.hoverStyle || {};
                    const selectionStyle = options.selectionStyle || {};
                    if (colorId) {
                        that._turnOffHatching(hoverStyle, selectionStyle)
                    }
                    that._styles = {
                        labelColor: mainSeriesColor,
                        normal: that._parseStyle(options, mainSeriesColor, mainSeriesColor),
                        hover: that._parseStyle(hoverStyle, colorId || mainSeriesColor, mainSeriesColor),
                        selection: that._parseStyle(selectionStyle, colorId || mainSeriesColor, mainSeriesColor),
                        legendStyles: {
                            normal: that._createLegendState(options, colorId || mainSeriesColor),
                            hover: that._createLegendState(hoverStyle, colorId || mainSeriesColor),
                            selection: that._createLegendState(selectionStyle, colorId || mainSeriesColor)
                        }
                    }
                },
                setClippingParams(baseId, wideId, forceClipping) {
                    let clipLabels = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : true;
                    this._paneClipRectID = baseId;
                    this._widePaneClipRectID = wideId;
                    this._forceClipping = forceClipping;
                    this._clipLabels = clipLabels
                },
                applyClip() {
                    this._group.attr({
                        "clip-path": this._paneClipRectID
                    })
                },
                resetClip() {
                    this._group.attr({
                        "clip-path": null
                    })
                },
                getTagField() {
                    return this._options.tagField || "tag"
                },
                getValueFields: _common.noop,
                getSizeField: _common.noop,
                getArgumentField: _common.noop,
                getPoints() {
                    return this._points
                },
                getPointsInViewPort() {
                    return _range_data_calculator.default.getPointsInViewPort(this)
                },
                _createPoint(data, index, oldPoint) {
                    data.index = index;
                    const that = this;
                    const pointsByArgument = that.pointsByArgument;
                    const options = that._getCreatingPointOptions(data);
                    const arg = data.argument.valueOf();
                    let point = oldPoint;
                    if (point) {
                        point.update(data, options)
                    } else {
                        point = new _base_point.Point(that, data, options);
                        if (that.isSelected() && includePointsMode(that.lastSelectionMode)) {
                            point.setView(SELECTION)
                        }
                    }
                    const pointByArgument = pointsByArgument[arg];
                    if (pointByArgument) {
                        pointByArgument.push(point)
                    } else {
                        pointsByArgument[arg] = [point]
                    }
                    if (point.hasValue()) {
                        that.customizePoint(point, data)
                    }
                    return point
                },
                getRangeData() {
                    return this._visible ? this._getRangeData() : {
                        arg: {},
                        val: {}
                    }
                },
                getArgumentRange() {
                    return this._visible ? _range_data_calculator.default.getArgumentRange(this) : {
                        arg: {},
                        val: {}
                    }
                },
                getViewport() {
                    return _range_data_calculator.default.getViewport(this)
                },
                _deleteGroup(groupName) {
                    const group = this[groupName];
                    if (group) {
                        group.dispose();
                        this[groupName] = null
                    }
                },
                updateOptions(newOptions, settings) {
                    const that = this;
                    const widgetType = newOptions.widgetType;
                    const oldType = that.type;
                    const newType = newOptions.type;
                    that.type = newType && (0, _utils.normalizeEnum)(newType.toString());
                    if (!that._checkType(widgetType) || that._checkPolarBarType(widgetType, newOptions)) {
                        that.dispose();
                        that.isUpdated = false;
                        return
                    }
                    if (oldType !== that.type) {
                        that._firstDrawing = true;
                        that._resetType(oldType, widgetType);
                        that._setType(that.type, widgetType)
                    } else {
                        that._defineDrawingState()
                    }
                    that._options = newOptions;
                    that._pointOptions = null;
                    that.name = newOptions.name;
                    that.pane = newOptions.pane;
                    that.tag = newOptions.tag;
                    if (settings) {
                        that._seriesModes = settings.commonSeriesModes || that._seriesModes;
                        that._valueAxis = settings.valueAxis || that._valueAxis;
                        that.axis = that._valueAxis && that._valueAxis.name;
                        that._argumentAxis = settings.argumentAxis || that._argumentAxis
                    }
                    that._createStyles(newOptions);
                    that._stackName = null;
                    that._updateOptions(newOptions);
                    that._visible = newOptions.visible;
                    that.isUpdated = true;
                    that.stack = newOptions.stack;
                    that.barOverlapGroup = newOptions.barOverlapGroup;
                    that._createGroups();
                    that._processEmptyValue = newOptions.ignoreEmptyPoints ? x => null === x ? void 0 : x : x => x
                },
                _defineDrawingState() {
                    this._firstDrawing = true
                },
                _disposePoints(points) {
                    (0, _iterator.each)(points || [], (_, p) => {
                        p.dispose()
                    })
                },
                updateDataType(settings) {
                    this.argumentType = settings.argumentType;
                    this.valueType = settings.valueType;
                    this.argumentAxisType = settings.argumentAxisType;
                    this.valueAxisType = settings.valueAxisType;
                    this.showZero = settings.showZero;
                    this._argumentChecker = getValueChecker(settings.argumentAxisType, this.getArgumentAxis());
                    this._valueChecker = getValueChecker(settings.valueAxisType, this.getValueAxis());
                    return this
                },
                _argumentChecker: () => true,
                _valueChecker: () => true,
                getOptions() {
                    return this._options
                },
                _getOldPoint(data, oldPointsByArgument, index) {
                    const arg = data.argument && data.argument.valueOf();
                    const point = (oldPointsByArgument[arg] || [])[0];
                    if (point) {
                        oldPointsByArgument[arg].splice(0, 1)
                    }
                    return point
                },
                updateData(data) {
                    const that = this;
                    const options = that._options;
                    const nameField = options.nameField;
                    data = data || [];
                    if (data.length) {
                        that._canRenderCompleteHandle = true
                    }
                    const dataSelector = this._getPointDataSelector();
                    let itemsWithoutArgument = 0;
                    that._data = data.reduce((data, dataItem, index) => {
                        const pointDataItem = dataSelector(dataItem);
                        if ((0, _type.isDefined)(pointDataItem.argument)) {
                            if (!nameField || dataItem[nameField] === options.nameFieldValue) {
                                pointDataItem.index = index;
                                data.push(pointDataItem)
                            }
                        } else {
                            itemsWithoutArgument++
                        }
                        return data
                    }, []);
                    if (itemsWithoutArgument && itemsWithoutArgument === data.length) {
                        that._incidentOccurred("W2002", [that.name, that.getArgumentField()])
                    }
                    that._endUpdateData()
                },
                _getData() {
                    let data = this._data || [];
                    if (this.useAggregation()) {
                        const aggregateByCategory = "discrete" === this.argumentAxisType;
                        const argumentRange = aggregateByCategory ? {} : this.getArgumentRange();
                        const aggregationInfo = aggregateByCategory ? {} : this.getArgumentAxis().getAggregationInfo(this._useAllAggregatedPoints, argumentRange);
                        data = this._resample(aggregationInfo, data)
                    }
                    return data
                },
                useAggregation() {
                    const aggregation = this.getOptions().aggregation;
                    return aggregation && aggregation.enabled
                },
                autoHidePointMarkersEnabled: _common.noop,
                usePointsToDefineAutoHiding: _common.noop,
                createPoints(useAllAggregatedPoints) {
                    this._normalizeUsingAllAggregatedPoints(useAllAggregatedPoints);
                    this._createPoints()
                },
                _normalizeUsingAllAggregatedPoints(useAllAggregatedPoints) {
                    this._useAllAggregatedPoints = this.useAggregation() && ("discrete" === this.argumentAxisType || (this._data || []).length > 1 && !!useAllAggregatedPoints)
                },
                _createPoints() {
                    const that = this;
                    const oldPointsByArgument = that.pointsByArgument || {};
                    const data = that._getData();
                    that.pointsByArgument = {};
                    that._calculateErrorBars(data);
                    const skippedFields = {};
                    const points = data.reduce((points, pointDataItem) => {
                        if (that._checkData(pointDataItem, skippedFields)) {
                            const pointIndex = points.length;
                            const oldPoint = that._getOldPoint(pointDataItem, oldPointsByArgument, pointIndex);
                            const point = that._createPoint(pointDataItem, pointIndex, oldPoint);
                            points.push(point)
                        }
                        return points
                    }, []);
                    for (const field in skippedFields) {
                        if (skippedFields[field] === data.length) {
                            that._incidentOccurred("W2002", [that.name, field])
                        }
                    }
                    Object.keys(oldPointsByArgument).forEach(key => that._disposePoints(oldPointsByArgument[key]));
                    that._points = points
                },
                _removeOldSegments() {
                    const that = this;
                    const startIndex = that._segments.length;
                    (0, _iterator.each)(that._graphics.splice(startIndex, that._graphics.length) || [], (_, elem) => {
                        that._removeElement(elem)
                    });
                    if (that._trackers) {
                        (0, _iterator.each)(that._trackers.splice(startIndex, that._trackers.length) || [], (_, elem) => {
                            elem.remove()
                        })
                    }
                },
                _prepareSegmentsPosition() {
                    const points = this._points || [];
                    const isCloseSegment = points[0] && points[0].hasValue() && this._options.closed;
                    const segments = points.reduce((segments, p) => {
                        const segment = segments.at(-1);
                        if (!p.translated) {
                            p.setDefaultCoords()
                        }
                        if (p.hasValue() && p.hasCoords()) {
                            segment.push(p)
                        } else if (!p.hasValue() && segment.length) {
                            segments.push([])
                        }
                        return segments
                    }, [
                        []
                    ]);
                    this._drawSegments(segments, isCloseSegment, false)
                },
                _drawElements(animationEnabled, firstDrawing) {
                    const that = this;
                    const points = that._points || [];
                    const isCloseSegment = points[0] && points[0].hasValue() && that._options.closed;
                    const groupForPoint = {
                        markers: that._markersGroup,
                        errorBars: that._errorBarGroup
                    };
                    that._drawnPoints = [];
                    that._graphics = that._graphics || [];
                    that._segments = [];
                    const segments = points.reduce((segments, p) => {
                        const segment = segments.at(-1);
                        if (p.hasValue() && p.hasCoords()) {
                            that._drawPoint({
                                point: p,
                                groups: groupForPoint,
                                hasAnimation: animationEnabled,
                                firstDrawing: firstDrawing
                            });
                            segment.push(p)
                        } else if (!p.hasValue()) {
                            segment.length && segments.push([])
                        } else {
                            p.setInvisibility()
                        }
                        return segments
                    }, [
                        []
                    ]);
                    that._drawSegments(segments, isCloseSegment, animationEnabled);
                    that._firstDrawing = !points.length;
                    that._removeOldSegments();
                    animationEnabled && that._animate(firstDrawing)
                },
                _drawSegments(segments, closeSegment, animationEnabled) {
                    segments.forEach((segment, index) => {
                        if (segment.length) {
                            const lastSegment = closeSegment && index === segments.length - 1;
                            this._drawSegment(segment, animationEnabled, index, lastSegment)
                        }
                    })
                },
                draw(animationEnabled, hideLayoutLabels, legendCallback) {
                    const that = this;
                    const firstDrawing = that._firstDrawing;
                    that._legendCallback = legendCallback || that._legendCallback;
                    if (!that._visible) {
                        that._group.remove();
                        return
                    }
                    that._appendInGroup();
                    if (!that._isAllPointsTranslated) {
                        that.prepareCoordinatesForPoints()
                    }
                    that._setGroupsSettings(animationEnabled, firstDrawing);
                    !firstDrawing && !that._resetApplyingAnimation && that._prepareSegmentsPosition();
                    that._drawElements(animationEnabled, firstDrawing);
                    hideLayoutLabels && that.hideLabels();
                    if (that.isSelected()) {
                        that._changeStyle(that.lastSelectionMode, void 0, true)
                    } else if (that.isHovered()) {
                        that._changeStyle(that.lastHoverMode, void 0, true)
                    } else {
                        that._applyStyle(that._styles.normal)
                    }
                    that._isAllPointsTranslated = false;
                    that._resetApplyingAnimation = false
                },
                _translatePoints() {
                    const points = this._points ?? [];
                    points.forEach(p => {
                        p.translate()
                    })
                },
                prepareCoordinatesForPoints() {
                    this._applyVisibleArea();
                    this._translatePoints();
                    this._isAllPointsTranslated = true
                },
                _setLabelGroupSettings(animationEnabled) {
                    const settings = {
                        class: "dxc-labels",
                        "pointer-events": "none"
                    };
                    this._clipLabels && this._applyElementsClipRect(settings);
                    this._applyClearingSettings(settings);
                    animationEnabled && (settings.opacity = .001);
                    this._labelsGroup.attr(settings).append(this._extGroups.labelsGroup)
                },
                _checkType(widgetType) {
                    return !!seriesNS.mixins[widgetType][this.type]
                },
                _checkPolarBarType(widgetType, options) {
                    return "polar" === widgetType && options.spiderWidget && -1 !== this.type.indexOf("bar")
                },
                _resetType(seriesType, widgetType) {
                    let methodName;
                    let methods;
                    if (seriesType) {
                        methods = seriesNS.mixins[widgetType][seriesType];
                        for (methodName in methods) {
                            delete this[methodName]
                        }
                    }
                },
                _setType(seriesType, widgetType) {
                    let methodName;
                    const methods = seriesNS.mixins[widgetType][seriesType];
                    for (methodName in methods) {
                        this[methodName] = methods[methodName]
                    }
                },
                _setPointsView(view, target) {
                    this.getPoints().forEach(point => {
                        if (target !== point) {
                            point.setView(view)
                        }
                    })
                },
                _resetPointsView(view, target) {
                    this.getPoints().forEach(point => {
                        if (target !== point) {
                            point.resetView(view)
                        }
                    })
                },
                _resetNearestPoint() {
                    this._nearestPoint && null !== this._nearestPoint.series && this._nearestPoint.resetView(HOVER);
                    this._nearestPoint = null
                },
                _setSelectedState(mode) {
                    const that = this;
                    that.lastSelectionMode = (0, _utils.normalizeEnum)(mode || that._options.selectionMode);
                    that.fullState |= SELECTED_STATE;
                    that._resetNearestPoint();
                    that._changeStyle(that.lastSelectionMode);
                    if ("none" !== that.lastSelectionMode && that.isHovered() && includePointsMode(that.lastHoverMode)) {
                        that._resetPointsView(HOVER)
                    }
                },
                _releaseSelectedState() {
                    const that = this;
                    that.fullState &= ~SELECTED_STATE;
                    that._changeStyle(that.lastSelectionMode, SELECTION);
                    if ("none" !== that.lastSelectionMode && that.isHovered() && includePointsMode(that.lastHoverMode)) {
                        that._setPointsView(HOVER)
                    }
                },
                isFullStackedSeries() {
                    return 0 === this.type.indexOf("fullstacked")
                },
                isStackedSeries() {
                    return 0 === this.type.indexOf("stacked")
                },
                resetApplyingAnimation(isFirstDrawing) {
                    this._resetApplyingAnimation = true;
                    if (isFirstDrawing) {
                        this._firstDrawing = true
                    }
                },
                isFinancialSeries() {
                    return "stock" === this.type || "candlestick" === this.type
                },
                _canChangeView() {
                    return !this.isSelected() && "none" !== (0, _utils.normalizeEnum)(this._options.hoverMode)
                },
                _changeStyle(mode, resetView, skipPoints) {
                    const that = this;
                    let state = that.fullState;
                    const styles = [NORMAL, HOVER, SELECTION, SELECTION];
                    if ("none" === that.lastHoverMode) {
                        state &= ~HOVER_STATE
                    }
                    if ("none" === that.lastSelectionMode) {
                        state &= ~SELECTED_STATE
                    }
                    if (includePointsMode(mode) && !skipPoints) {
                        if (!resetView) {
                            that._setPointsView(styles[state])
                        } else {
                            that._resetPointsView(resetView)
                        }
                    }
                    that._legendCallback([RESET_ITEM, APPLY_HOVER, APPLY_SELECTED, APPLY_SELECTED][state]);
                    that._applyStyle(that._styles[styles[state]])
                },
                updateHover(x, y) {
                    const that = this;
                    const currentNearestPoint = that._nearestPoint;
                    const point = that.isHovered() && "nearestpoint" === that.lastHoverMode && that.getNeighborPoint(x, y);
                    if (point !== currentNearestPoint && !(that.isSelected() && "none" !== that.lastSelectionMode)) {
                        that._resetNearestPoint();
                        if (point) {
                            point.setView(HOVER);
                            that._nearestPoint = point
                        }
                    }
                },
                _getMainAxisName() {
                    return this._options.rotated ? "X" : "Y"
                },
                areLabelsVisible() {
                    return !(0, _type.isDefined)(this._options.maxLabelCount) || this._points.length <= this._options.maxLabelCount
                },
                getLabelVisibility() {
                    return this.areLabelsVisible() && this._options.label && this._options.label.visible
                },
                customizePoint(point, pointData) {
                    const that = this;
                    const options = that._options;
                    const customizePoint = options.customizePoint;
                    let customizeObject;
                    let pointOptions;
                    let customLabelOptions;
                    let customOptions;
                    const customizeLabel = options.customizeLabel;
                    let useLabelCustomOptions;
                    let usePointCustomOptions;
                    if (customizeLabel && customizeLabel.call) {
                        customizeObject = (0, _extend2.extend)({
                            seriesName: that.name
                        }, pointData);
                        customizeObject.series = that;
                        customLabelOptions = customizeLabel.call(customizeObject, customizeObject);
                        useLabelCustomOptions = customLabelOptions && !(0, _type.isEmptyObject)(customLabelOptions);
                        customLabelOptions = useLabelCustomOptions ? (0, _extend2.extend)(true, {}, options.label, customLabelOptions) : null
                    }
                    if (customizePoint && customizePoint.call) {
                        customizeObject = customizeObject || (0, _extend2.extend)({
                            seriesName: that.name
                        }, pointData);
                        customizeObject.series = that;
                        customOptions = customizePoint.call(customizeObject, customizeObject);
                        usePointCustomOptions = customOptions && !(0, _type.isEmptyObject)(customOptions)
                    }
                    if (useLabelCustomOptions || usePointCustomOptions) {
                        pointOptions = that._parsePointOptions(that._preparePointOptions(customOptions), customLabelOptions || options.label, pointData, point);
                        pointOptions.styles.useLabelCustomOptions = useLabelCustomOptions;
                        pointOptions.styles.usePointCustomOptions = usePointCustomOptions;
                        point.updateOptions(pointOptions)
                    }
                },
                show() {
                    if (!this._visible) {
                        this._changeVisibility(true)
                    }
                },
                hide() {
                    if (this._visible) {
                        this._changeVisibility(false)
                    }
                },
                _changeVisibility(visibility) {
                    this._visible = this._options.visible = visibility;
                    this._updatePointsVisibility();
                    this.hidePointTooltip();
                    this._options.visibilityChanged(this)
                },
                _updatePointsVisibility: _common.noop,
                hideLabels() {
                    (0, _iterator.each)(this._points, (_, point) => {
                        point._label.draw(false)
                    })
                },
                _turnOffHatching(hoverStyle, selectionStyle) {
                    if (hoverStyle.hatching) {
                        hoverStyle.hatching.direction = "none"
                    }
                    if (selectionStyle.hatching) {
                        selectionStyle.hatching.direction = "none"
                    }
                },
                _parsePointOptions(pointOptions, labelOptions, data, point) {
                    const options = this._options;
                    const styles = this._createPointStyles(pointOptions, data, point);
                    const parsedOptions = (0, _extend2.extend)({}, pointOptions, {
                        type: options.type,
                        rotated: options.rotated,
                        styles: styles,
                        widgetType: options.widgetType,
                        visibilityChanged: options.visibilityChanged
                    });
                    parsedOptions.label = function(labelOptions, defaultColor) {
                        const opt = labelOptions || {};
                        const labelFont = (0, _extend2.extend)({}, opt.font) || {};
                        const labelBorder = opt.border || {};
                        const labelConnector = opt.connector || {};
                        const backgroundAttr = {
                            fill: opt.backgroundColor || defaultColor,
                            "stroke-width": labelBorder.visible ? labelBorder.width || 0 : 0,
                            stroke: labelBorder.visible && labelBorder.width ? labelBorder.color : "none",
                            dashStyle: labelBorder.dashStyle
                        };
                        const connectorAttr = {
                            stroke: labelConnector.visible && labelConnector.width ? labelConnector.color || defaultColor : "none",
                            "stroke-width": labelConnector.visible ? labelConnector.width || 0 : 0
                        };
                        labelFont.color = "none" === opt.backgroundColor && "#ffffff" === (0, _utils.normalizeEnum)(labelFont.color) && "inside" !== opt.position ? defaultColor : labelFont.color;
                        return {
                            alignment: opt.alignment,
                            format: opt.format,
                            argumentFormat: opt.argumentFormat,
                            customizeText: (0, _type.isFunction)(opt.customizeText) ? opt.customizeText : void 0,
                            attributes: {
                                font: labelFont
                            },
                            visible: 0 !== labelFont.size ? opt.visible : false,
                            showForZeroValues: opt.showForZeroValues,
                            horizontalOffset: opt.horizontalOffset,
                            verticalOffset: opt.verticalOffset,
                            radialOffset: opt.radialOffset,
                            background: backgroundAttr,
                            position: opt.position,
                            connector: connectorAttr,
                            rotationAngle: opt.rotationAngle,
                            wordWrap: opt.wordWrap,
                            textOverflow: opt.textOverflow,
                            cssClass: opt.cssClass,
                            displayFormat: opt.displayFormat
                        }
                    }(labelOptions, styles.labelColor);
                    if (this.areErrorBarsVisible()) {
                        parsedOptions.errorBars = options.valueErrorBar
                    }
                    return parsedOptions
                },
                _preparePointOptions(customOptions) {
                    const pointOptions = this._getOptionsForPoint();
                    return customOptions ? function(base, extra) {
                        const options = mergePointOptionsCore(base, extra);
                        options.image = (0, _extend2.extend)(true, {}, base.image, extra.image);
                        options.selectionStyle = mergePointOptionsCore(base.selectionStyle, extra.selectionStyle);
                        options.hoverStyle = mergePointOptionsCore(base.hoverStyle, extra.hoverStyle);
                        return options
                    }(pointOptions, customOptions) : pointOptions
                },
                _getMarkerGroupOptions() {
                    return (0, _extend2.extend)(false, {}, this._getOptionsForPoint(), {
                        hoverStyle: {},
                        selectionStyle: {}
                    })
                },
                _getAggregationMethod(isValueAxisDiscrete) {
                    const options = this.getOptions().aggregation;
                    const method = (0, _utils.normalizeEnum)(options.method);
                    const customAggregator = "custom" === method && options.calculate;
                    if (customAggregator) {
                        return customAggregator
                    }
                    if (isValueAxisDiscrete) {
                        return _ref => {
                            let {
                                data: data
                            } = _ref;
                            return data[0]
                        }
                    }
                    return this._aggregators[method] || this._aggregators[this._defaultAggregator]
                },
                _resample(_ref2, data) {
                    let {
                        interval: interval,
                        ticks: ticks
                    } = _ref2;
                    const that = this;
                    const options = that.getOptions();
                    const dataSelector = this._getPointDataSelector();
                    const addAggregatedData = (target, data, aggregationInfo) => {
                        if (!data) {
                            return
                        }
                        const processData = d => {
                            const pointData = d && dataSelector(d, options);
                            if (pointData && that._checkData(pointData)) {
                                pointData.aggregationInfo = aggregationInfo;
                                target.push(pointData)
                            }
                        };
                        if (Array.isArray(data)) {
                            data.forEach(processData)
                        } else {
                            processData(data)
                        }
                    };
                    const isValueAxisDiscrete = "discrete" === that.valueAxisType;
                    const aggregateByCategory = "discrete" === that.argumentAxisType;
                    const aggregationMethod = this._getAggregationMethod(isValueAxisDiscrete);
                    if (aggregateByCategory) {
                        const categories = this.getArgumentAxis().getTranslator().getBusinessRange().categories;
                        const groups = categories.reduce((g, category) => {
                            g[category.valueOf()] = [];
                            return g
                        }, {});
                        data.forEach(dataItem => {
                            groups[dataItem.argument.valueOf()].push(dataItem)
                        });
                        return categories.reduce((result, c) => {
                            addAggregatedData(result, aggregationMethod({
                                aggregationInterval: null,
                                intervalStart: c,
                                intervalEnd: c,
                                data: groups[c.valueOf()].map(getData)
                            }, that));
                            return result
                        }, [])
                    }
                    if (isValueAxisDiscrete) {
                        return data.reduce((result, dataItem, index, data) => {
                            result[1].push(dataItem);
                            if (index === data.length - 1 || (index + 1) % interval === 0) {
                                const dataInInterval = result[1];
                                const aggregationInfo = {
                                    aggregationInterval: interval,
                                    data: dataInInterval.map(getData)
                                };
                                addAggregatedData(result[0], aggregationMethod(aggregationInfo, that));
                                result[1] = []
                            }
                            return result
                        }, [
                            [],
                            []
                        ])[0]
                    }
                    const aggregatedData = [];
                    if (1 === ticks.length) {
                        const aggregationInfo = {
                            intervalStart: ticks[0],
                            intervalEnd: ticks[0],
                            aggregationInterval: null,
                            data: data.map(getData)
                        };
                        addAggregatedData(aggregatedData, aggregationMethod(aggregationInfo, that), aggregationInfo)
                    } else {
                        let dataIndex = 0;
                        for (let i = 1; i < ticks.length; i++) {
                            const intervalEnd = ticks[i];
                            const intervalStart = ticks[i - 1];
                            const dataInInterval = [];
                            while (data[dataIndex] && data[dataIndex].argument < intervalEnd) {
                                if (data[dataIndex].argument >= intervalStart) {
                                    dataInInterval.push(data[dataIndex])
                                }
                                dataIndex++
                            }
                            const aggregationInfo = {
                                intervalStart: intervalStart,
                                intervalEnd: intervalEnd,
                                aggregationInterval: interval,
                                data: dataInInterval.map(getData)
                            };
                            addAggregatedData(aggregatedData, aggregationMethod(aggregationInfo, that), aggregationInfo)
                        }
                    }
                    that._endUpdateData();
                    return aggregatedData
                },
                canRenderCompleteHandle() {
                    const result = this._canRenderCompleteHandle;
                    delete this._canRenderCompleteHandle;
                    return !!result
                },
                isHovered() {
                    return !!(1 & this.fullState)
                },
                isSelected() {
                    return !!(2 & this.fullState)
                },
                isVisible() {
                    return this._visible
                },
                getAllPoints() {
                    this._createAllAggregatedPoints();
                    return (this._points || []).slice()
                },
                getPointByPos(pos) {
                    this._createAllAggregatedPoints();
                    return (this._points || [])[pos]
                },
                getVisiblePoints() {
                    return (this._drawnPoints || []).slice()
                },
                selectPoint(point) {
                    if (!point.isSelected()) {
                        ! function(point, legendCallback) {
                            point.fullState |= SELECTED_STATE;
                            point.applyView(legendCallback)
                        }(point, this._legendCallback);
                        this._eventPipe({
                            action: "pointSelect",
                            target: point
                        });
                        this._eventTrigger("pointSelectionChanged", {
                            target: point
                        })
                    }
                },
                deselectPoint(point) {
                    if (point.isSelected()) {
                        ! function(point, legendCallback) {
                            point.fullState &= ~SELECTED_STATE;
                            point.applyView(legendCallback)
                        }(point, this._legendCallback);
                        this._eventPipe({
                            action: "pointDeselect",
                            target: point
                        });
                        this._eventTrigger("pointSelectionChanged", {
                            target: point
                        })
                    }
                },
                hover(mode) {
                    const eventTrigger = this._eventTrigger;
                    if (this.isHovered()) {
                        return
                    }
                    this.lastHoverMode = (0, _utils.normalizeEnum)(mode || this._options.hoverMode);
                    this.fullState |= HOVER_STATE;
                    this._changeStyle(this.lastHoverMode, void 0, this.isSelected() && "none" !== this.lastSelectionMode);
                    eventTrigger("seriesHoverChanged", {
                        target: this
                    })
                },
                clearHover() {
                    const eventTrigger = this._eventTrigger;
                    if (!this.isHovered()) {
                        return
                    }
                    this._resetNearestPoint();
                    this.fullState &= ~HOVER_STATE;
                    this._changeStyle(this.lastHoverMode, HOVER, this.isSelected() && "none" !== this.lastSelectionMode);
                    eventTrigger("seriesHoverChanged", {
                        target: this
                    })
                },
                hoverPoint(point) {
                    const that = this;
                    if (!point.isHovered()) {
                        point.clearHover();
                        ! function(point, legendCallback) {
                            point.fullState |= HOVER_STATE;
                            point.applyView(legendCallback)
                        }(point, that._legendCallback);
                        that._canChangeView() && that._applyStyle(that._styles.hover);
                        that._eventPipe({
                            action: "pointHover",
                            target: point
                        });
                        that._eventTrigger("pointHoverChanged", {
                            target: point
                        })
                    }
                },
                clearPointHover() {
                    const that = this;
                    that.getPoints().some(currentPoint => {
                        if (currentPoint.isHovered()) {
                            ! function(point, legendCallback) {
                                point.fullState &= ~HOVER_STATE;
                                point.applyView(legendCallback);
                                point.releaseHoverState()
                            }(currentPoint, that._legendCallback);
                            that._canChangeView() && that._applyStyle(that._styles.normal);
                            that._eventPipe({
                                action: "clearPointHover",
                                target: currentPoint
                            });
                            that._eventTrigger("pointHoverChanged", {
                                target: currentPoint
                            });
                            return true
                        }
                        return false
                    })
                },
                showPointTooltip(point) {
                    triggerEvent(this._extGroups.seriesGroup, "showpointtooltip", point)
                },
                hidePointTooltip(point) {
                    triggerEvent(this._extGroups.seriesGroup, "hidepointtooltip", point)
                },
                select() {
                    const that = this;
                    if (!that.isSelected()) {
                        that._setSelectedState(that._options.selectionMode);
                        that._eventPipe({
                            action: "seriesSelect",
                            target: that
                        });
                        that._group.toForeground();
                        that._eventTrigger("seriesSelectionChanged", {
                            target: that
                        })
                    }
                },
                clearSelection: function() {
                    const that = this;
                    if (that.isSelected()) {
                        that._releaseSelectedState();
                        that._eventTrigger("seriesSelectionChanged", {
                            target: that
                        })
                    }
                },
                getPointsByArg(arg, skipPointsCreation) {
                    const that = this;
                    const argValue = arg.valueOf();
                    let points = that.pointsByArgument[argValue];
                    if (!points && !skipPointsCreation && that._createAllAggregatedPoints()) {
                        points = that.pointsByArgument[argValue]
                    }
                    return points || []
                },
                _createAllAggregatedPoints() {
                    if (this.useAggregation() && !this._useAllAggregatedPoints) {
                        this.createPoints(true);
                        return true
                    }
                    return false
                },
                getPointsByKeys(arg) {
                    return this.getPointsByArg(arg)
                },
                notify(data) {
                    const that = this;
                    const action = data.action;
                    const seriesModes = that._seriesModes;
                    const target = data.target;
                    const targetOptions = target.getOptions();
                    const pointHoverMode = (0, _utils.normalizeEnum)(targetOptions.hoverMode);
                    const selectionModeOfPoint = (0, _utils.normalizeEnum)(targetOptions.selectionMode);
                    if ("pointHover" === action) {
                        that._hoverPointHandler(target, pointHoverMode, data.notifyLegend)
                    } else if ("clearPointHover" === action) {
                        that._clearPointHoverHandler(target, pointHoverMode, data.notifyLegend)
                    } else if ("seriesSelect" === action) {
                        target !== that && "single" === seriesModes.seriesSelectionMode && that.clearSelection()
                    } else if ("pointSelect" === action) {
                        if ("single" === seriesModes.pointSelectionMode) {
                            that.getPoints().some(currentPoint => {
                                if (currentPoint !== target && currentPoint.isSelected()) {
                                    that.deselectPoint(currentPoint);
                                    return true
                                }
                                return false
                            })
                        }
                        that._selectPointHandler(target, selectionModeOfPoint)
                    } else if ("pointDeselect" === action) {
                        that._deselectPointHandler(target, selectionModeOfPoint)
                    }
                },
                _selectPointHandler(target, mode) {
                    const that = this;
                    if ("allseriespoints" === mode) {
                        target.series === that && that._setPointsView(SELECTION, target)
                    } else if ("allargumentpoints" === mode) {
                        that.getPointsByKeys(target.argument, target.argumentIndex).forEach(currentPoint => {
                            currentPoint !== target && currentPoint.setView(SELECTION)
                        })
                    }
                },
                _deselectPointHandler(target, mode) {
                    if ("allseriespoints" === mode) {
                        target.series === this && this._resetPointsView(SELECTION, target)
                    } else if ("allargumentpoints" === mode) {
                        this.getPointsByKeys(target.argument, target.argumentIndex).forEach(currentPoint => {
                            currentPoint !== target && currentPoint.resetView(SELECTION)
                        })
                    }
                },
                _hoverPointHandler(target, mode, notifyLegend) {
                    const that = this;
                    if (target.series !== that && "allargumentpoints" === mode) {
                        that.getPointsByKeys(target.argument, target.argumentIndex).forEach(currentPoint => {
                            currentPoint.setView(HOVER)
                        });
                        notifyLegend && that._legendCallback(target)
                    } else if ("allseriespoints" === mode && target.series === that) {
                        that._setPointsView(HOVER, target)
                    }
                },
                _clearPointHoverHandler(target, mode, notifyLegend) {
                    const that = this;
                    if ("allargumentpoints" === mode) {
                        target.series !== that && that.getPointsByKeys(target.argument, target.argumentIndex).forEach(currentPoint => {
                            currentPoint.resetView(HOVER)
                        });
                        notifyLegend && that._legendCallback(target)
                    } else if ("allseriespoints" === mode && target.series === that) {
                        that._resetPointsView(HOVER, target)
                    }
                },
                _deletePoints() {
                    this._disposePoints(this._points);
                    this._points = this._drawnPoints = null
                },
                _deleteTrackers() {
                    (0, _iterator.each)(this._trackers || [], (_, tracker) => {
                        tracker.remove()
                    });
                    this._trackersGroup && this._trackersGroup.dispose();
                    this._trackers = this._trackersGroup = null
                },
                dispose() {
                    this._deletePoints();
                    this._group.dispose();
                    this._labelsGroup && this._labelsGroup.dispose();
                    this._errorBarGroup && this._errorBarGroup.dispose();
                    this._deleteTrackers();
                    this._group = this._extGroups = this._markersGroup = this._elementsGroup = this._bordersGroup = this._labelsGroup = this._errorBarGroup = this._graphics = this._rangeData = this._renderer = this._styles = this._options = this._pointOptions = this._drawnPoints = this.pointsByArgument = this._segments = this._prevSeries = null
                },
                correctPosition: _common.noop,
                drawTrackers: _common.noop,
                getNeighborPoint: _common.noop,
                areErrorBarsVisible: _common.noop,
                _getColorId: _common.noop,
                getMarginOptions() {
                    return this._patchMarginOptions({
                        percentStick: this.isFullStackedSeries()
                    })
                },
                getColor() {
                    return this.getLegendStyles().normal.fill
                },
                getOpacity() {
                    return this._options.opacity
                },
                getStackName() {
                    return this._stackName
                },
                getBarOverlapGroup() {
                    return this._options.barOverlapGroup
                },
                getPointByCoord(x, y) {
                    const point = this.getNeighborPoint(x, y);
                    return null !== point && void 0 !== point && point.coordsIn(x, y) ? point : null
                },
                getValueAxis() {
                    return this._valueAxis
                },
                getArgumentAxis() {
                    return this._argumentAxis
                },
                getMarkersGroup() {
                    return this._markersGroup
                },
                getRenderer() {
                    return this._renderer
                },
                removePointElements() {
                    if (this._markersGroup) {
                        (0, _iterator.each)(this._points, (_, p) => p.deleteMarker());
                        this._markersGroup.dispose();
                        this._markersGroup = null
                    }
                },
                removeGraphicElements() {
                    const that = this;
                    if (that._elementsGroup) {
                        that._elementsGroup.dispose();
                        that._elementsGroup = null
                    }(0, _iterator.each)(that._graphics || [], (_, elem) => {
                        that._removeElement(elem)
                    });
                    that._graphics = null
                },
                removeBordersGroup() {
                    if (this._bordersGroup) {
                        this._bordersGroup.dispose();
                        this._bordersGroup = null
                    }
                }
            };
            exports.mixins = seriesNS.mixins
        },
        94696(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.chart = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _area_series = __webpack_require__( /*! ./area_series */ 38525);
            var _bar_series = __webpack_require__( /*! ./bar_series */ 48971);
            var _line_series = __webpack_require__( /*! ./line_series */ 72016);
            var _scatter_series = __webpack_require__( /*! ./scatter_series */ 39294);
            const lineSeries = _line_series.chart.line;
            const areaSeries = _area_series.chart.area;
            const chartBarSeries = _bar_series.chart.bar;
            const polarBarSeries = _bar_series.polar.bar;
            const _extend = _extend2.extend;
            const _each = _iterator.each;
            const _noop = _common.noop;
            const chart = exports.chart = {};
            chart.bubble = _extend({}, _scatter_series.chart, {
                _calculateErrorBars: _noop,
                _getMainColor: chartBarSeries._getMainColor,
                _createPointStyles: chartBarSeries._createPointStyles,
                _updatePointsVisibility: chartBarSeries._updatePointsVisibility,
                _getOptionsForPoint: chartBarSeries._getOptionsForPoint,
                _applyMarkerClipRect: lineSeries._applyElementsClipRect,
                _parsePointStyle: polarBarSeries._parsePointStyle,
                _createLegendState: areaSeries._createLegendState,
                _getColorId: areaSeries._getColorId,
                _setMarkerGroupSettings: polarBarSeries._setMarkerGroupSettings,
                areErrorBarsVisible: _noop,
                _createErrorBarGroup: _noop,
                _checkData(data, skippedFields) {
                    return _scatter_series.chart._checkData.call(this, data, skippedFields, {
                        value: this.getValueFields()[0],
                        size: this.getSizeField()
                    })
                },
                _getPointDataSelector(data, options) {
                    const sizeField = this.getSizeField();
                    const baseGetter = _scatter_series.chart._getPointDataSelector.call(this);
                    return data => {
                        const pointData = baseGetter(data);
                        pointData.size = data[sizeField];
                        return pointData
                    }
                },
                _aggregators: {
                    avg(_ref, series) {
                        let {
                            data: data,
                            intervalStart: intervalStart,
                            intervalEnd: intervalEnd
                        } = _ref;
                        if (!data.length) {
                            return
                        }
                        const valueField = series.getValueFields()[0];
                        const sizeField = series.getSizeField();
                        const aggregate = data.reduce((result, item) => {
                            result[0] += item[valueField];
                            result[1] += item[sizeField];
                            result[2]++;
                            return result
                        }, [0, 0, 0]);
                        return {
                            [valueField]: aggregate[0] / aggregate[2],
                            [sizeField]: aggregate[1] / aggregate[2],
                            [series.getArgumentField()]: series._getIntervalCenter(intervalStart, intervalEnd)
                        }
                    }
                },
                getValueFields() {
                    return [this._options.valueField || "val"]
                },
                getSizeField() {
                    return this._options.sizeField || "size"
                },
                _animate() {
                    const that = this;
                    const lastPointIndex = that._drawnPoints.length - 1;
                    const labelsGroup = that._labelsGroup;
                    const labelAnimFunc = function() {
                        labelsGroup && labelsGroup.animate({
                            opacity: 1
                        }, {
                            duration: that._defaultDuration
                        })
                    };
                    _each(that._drawnPoints || [], (i, p) => {
                        p.animate(i === lastPointIndex ? labelAnimFunc : void 0, {
                            r: p.bubbleSize,
                            translateX: p.x,
                            translateY: p.y
                        })
                    })
                },
                _patchMarginOptions(options) {
                    options.processBubbleSize = true;
                    return options
                }
            })
        },
        5365(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.stock = exports.candlestick = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _bar_series = __webpack_require__( /*! ./bar_series */ 48971);
            var _scatter_series = __webpack_require__( /*! ./scatter_series */ 39294);
            const barSeries = _bar_series.chart.bar;
            const stock = exports.stock = (0, _extend2.extend)({}, _scatter_series.chart, {
                _animate: _common.noop,
                _applyMarkerClipRect(settings) {
                    settings["clip-path"] = this._forceClipping ? this._paneClipRectID : this._widePaneClipRectID
                },
                _updatePointsVisibility: barSeries._updatePointsVisibility,
                _getOptionsForPoint: barSeries._getOptionsForPoint,
                _createErrorBarGroup: _common.noop,
                areErrorBarsVisible: _common.noop,
                _createGroups: _scatter_series.chart._createGroups,
                _setMarkerGroupSettings() {
                    const markersGroup = this._markersGroup;
                    const styles = this._createPointStyles(this._getMarkerGroupOptions());
                    const defaultStyle = (0, _extend2.extend)(styles.normal, {
                        class: "default-markers"
                    });
                    const defaultPositiveStyle = (0, _extend2.extend)(styles.positive.normal, {
                        class: "default-positive-markers"
                    });
                    const reductionStyle = (0, _extend2.extend)(styles.reduction.normal, {
                        class: "reduction-markers"
                    });
                    const reductionPositiveStyle = (0, _extend2.extend)(styles.reductionPositive.normal, {
                        class: "reduction-positive-markers"
                    });
                    const markerSettings = {
                        class: "dxc-markers"
                    };
                    this._applyMarkerClipRect(markerSettings);
                    markersGroup.attr(markerSettings);
                    this._createGroup("defaultMarkersGroup", markersGroup, markersGroup, defaultStyle);
                    this._createGroup("reductionMarkersGroup", markersGroup, markersGroup, reductionStyle);
                    this._createGroup("defaultPositiveMarkersGroup", markersGroup, markersGroup, defaultPositiveStyle);
                    this._createGroup("reductionPositiveMarkersGroup", markersGroup, markersGroup, reductionPositiveStyle)
                },
                _setGroupsSettings() {
                    _scatter_series.chart._setGroupsSettings.call(this, false)
                },
                _getCreatingPointOptions() {
                    const that = this;
                    let defaultPointOptions;
                    let creatingPointOptions = that._predefinedPointOptions;
                    if (!creatingPointOptions) {
                        defaultPointOptions = this._getPointOptions();
                        that._predefinedPointOptions = creatingPointOptions = (0, _extend2.extend)(true, {
                            styles: {}
                        }, defaultPointOptions);
                        creatingPointOptions.styles.normal = creatingPointOptions.styles.positive.normal = creatingPointOptions.styles.reduction.normal = creatingPointOptions.styles.reductionPositive.normal = {
                            "stroke-width": defaultPointOptions.styles && defaultPointOptions.styles.normal && defaultPointOptions.styles.normal["stroke-width"]
                        }
                    }
                    return creatingPointOptions
                },
                _checkData(data, skippedFields) {
                    const valueFields = this.getValueFields();
                    return _scatter_series.chart._checkData.call(this, data, skippedFields, {
                        openValue: valueFields[0],
                        highValue: valueFields[1],
                        lowValue: valueFields[2],
                        closeValue: valueFields[3]
                    }) && data.highValue === data.highValue && data.lowValue === data.lowValue
                },
                _getPointDataSelector(data, options) {
                    const that = this;
                    let level;
                    const valueFields = that.getValueFields();
                    const argumentField = that.getArgumentField();
                    const openValueField = valueFields[0];
                    const highValueField = valueFields[1];
                    const lowValueField = valueFields[2];
                    const closeValueField = valueFields[3];
                    that.level = that._options.reduction.level;
                    switch ((0, _utils.normalizeEnum)(that.level)) {
                        case "open":
                            level = openValueField;
                            break;
                        case "high":
                            level = highValueField;
                            break;
                        case "low":
                            level = lowValueField;
                            break;
                        default:
                            level = closeValueField;
                            that.level = "close"
                    }
                    let prevLevelValue;
                    return data => {
                        const reductionValue = data[level];
                        let isReduction = false;
                        if ((0, _type.isDefined)(reductionValue)) {
                            if ((0, _type.isDefined)(prevLevelValue)) {
                                isReduction = reductionValue < prevLevelValue
                            }
                            prevLevelValue = reductionValue
                        }
                        return {
                            argument: data[argumentField],
                            highValue: this._processEmptyValue(data[highValueField]),
                            lowValue: this._processEmptyValue(data[lowValueField]),
                            closeValue: this._processEmptyValue(data[closeValueField]),
                            openValue: this._processEmptyValue(data[openValueField]),
                            reductionValue: reductionValue,
                            tag: data[that.getTagField()],
                            isReduction: isReduction,
                            data: data
                        }
                    }
                },
                _parsePointStyle(style, defaultColor, innerColor) {
                    const color = (0, _utils.extractColor)(style.color, true);
                    return {
                        stroke: color || defaultColor,
                        "stroke-width": style.width,
                        fill: color || innerColor
                    }
                },
                _getDefaultStyle(options) {
                    const mainPointColor = (0, _utils.extractColor)(options.color, true) || this._options.mainSeriesColor;
                    return {
                        normal: this._parsePointStyle(options, mainPointColor, mainPointColor),
                        hover: this._parsePointStyle(options.hoverStyle, mainPointColor, mainPointColor),
                        selection: this._parsePointStyle(options.selectionStyle, mainPointColor, mainPointColor)
                    }
                },
                _getReductionStyle(options) {
                    const reductionColor = options.reduction.color;
                    return {
                        normal: this._parsePointStyle({
                            color: reductionColor,
                            width: options.width,
                            hatching: options.hatching
                        }, reductionColor, reductionColor),
                        hover: this._parsePointStyle(options.hoverStyle, reductionColor, reductionColor),
                        selection: this._parsePointStyle(options.selectionStyle, reductionColor, reductionColor)
                    }
                },
                _createPointStyles(pointOptions) {
                    const innerColor = this._options.innerColor;
                    const styles = this._getDefaultStyle(pointOptions);
                    const positiveStyle = (0, _extend2.extend)(true, {}, styles);
                    const reductionStyle = this._getReductionStyle(pointOptions);
                    const reductionPositiveStyle = (0, _extend2.extend)(true, {}, reductionStyle);
                    positiveStyle.normal.fill = positiveStyle.hover.fill = positiveStyle.selection.fill = innerColor;
                    reductionPositiveStyle.normal.fill = reductionPositiveStyle.hover.fill = reductionPositiveStyle.selection.fill = innerColor;
                    styles.positive = positiveStyle;
                    styles.reduction = reductionStyle;
                    styles.reductionPositive = reductionPositiveStyle;
                    styles.labelColor = this._options.mainSeriesColor;
                    return styles
                },
                _endUpdateData() {
                    delete this._predefinedPointOptions
                },
                _defaultAggregator: "ohlc",
                _aggregators: {
                    ohlc: (_ref, series) => {
                        let {
                            intervalStart: intervalStart,
                            intervalEnd: intervalEnd,
                            data: data
                        } = _ref;
                        if (!data.length) {
                            return
                        }
                        let result = {};
                        const valueFields = series.getValueFields();
                        const highValueField = valueFields[1];
                        const lowValueField = valueFields[2];
                        result[highValueField] = -1 / 0;
                        result[lowValueField] = 1 / 0;
                        result = data.reduce((result, item) => {
                            if (null !== item[highValueField]) {
                                result[highValueField] = Math.max(result[highValueField], item[highValueField])
                            }
                            if (null !== item[lowValueField]) {
                                result[lowValueField] = Math.min(result[lowValueField], item[lowValueField])
                            }
                            return result
                        }, result);
                        result[valueFields[0]] = data[0][valueFields[0]];
                        result[valueFields[3]] = data[data.length - 1][valueFields[3]];
                        if (!isFinite(result[highValueField])) {
                            result[highValueField] = null
                        }
                        if (!isFinite(result[lowValueField])) {
                            result[lowValueField] = null
                        }
                        result[series.getArgumentField()] = series._getIntervalCenter(intervalStart, intervalEnd);
                        return result
                    }
                },
                getValueFields() {
                    const options = this._options;
                    return [options.openValueField || "open", options.highValueField || "high", options.lowValueField || "low", options.closeValueField || "close"]
                },
                getArgumentField() {
                    return this._options.argumentField || "date"
                },
                _patchMarginOptions(options) {
                    const pointOptions = this._getCreatingPointOptions();
                    const styles = pointOptions.styles;
                    const border = [styles.normal, styles.hover, styles.selection].reduce((max, style) => Math.max(max, style["stroke-width"]), 0);
                    options.size = 10 + border;
                    options.sizePointNormalState = 10;
                    return options
                },
                getSeriesPairCoord(coord, isArgument) {
                    let oppositeCoord = null;
                    const points = this.getVisiblePoints();
                    for (let i = 0; i < points.length; i++) {
                        const p = points[i];
                        let tmpCoord;
                        if (isArgument) {
                            tmpCoord = p.vx === coord ? (p.openY + p.closeY) / 2 : void 0
                        } else {
                            const coords = [Math.min(p.lowY, p.highY), Math.max(p.lowY, p.highY)];
                            tmpCoord = coord >= coords[0] && coord <= coords[1] ? p.vx : void 0
                        }
                        if (this._checkAxisVisibleAreaCoord(!isArgument, tmpCoord)) {
                            oppositeCoord = tmpCoord;
                            break
                        }
                    }
                    return oppositeCoord
                },
                usePointsToDefineAutoHiding: () => false
            });
            exports.candlestick = (0, _extend2.extend)({}, stock, {
                _parsePointStyle(style, defaultColor, innerColor) {
                    const color = (0, _utils.extractColor)(style.color, true) || innerColor;
                    const base = stock._parsePointStyle.call(this, style, defaultColor, color);
                    base.fill = color;
                    base.hatching = style.hatching;
                    return base
                }
            })
        },
        77198(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.processDisplayFormat = function(displayFormat, pointInfo) {
                let actualText = displayFormat;
                let continueProcess = true;
                while (continueProcess) {
                    const startBracketIndex = actualText.indexOf("{");
                    const endBracketIndex = actualText.indexOf("}");
                    if (startBracketIndex >= 0 && endBracketIndex > 0) {
                        const placeHolder = actualText.substring(startBracketIndex + 1, endBracketIndex);
                        const value = getValueByPlaceHolder(placeHolder, pointInfo);
                        actualText = actualText.substr(0, startBracketIndex) + value + actualText.substr(endBracketIndex + 1)
                    } else {
                        continueProcess = false
                    }
                }
                return actualText
            };
            var _localization = __webpack_require__( /*! ../../../../localization */ 49077);

            function getValueByPlaceHolder(placeHolder, pointInfo) {
                let customFormat = "";
                const customFormatIndex = placeHolder.indexOf(":");
                if (customFormatIndex > 0) {
                    customFormat = placeHolder.substr(customFormatIndex + 1);
                    placeHolder = placeHolder.substr(0, customFormatIndex)
                }
                return function(value, format) {
                    if (format) {
                        if (value instanceof Date) {
                            return (0, _localization.formatDate)(value, format)
                        }
                        if ("number" === typeof value) {
                            return (0, _localization.formatNumber)(value, format)
                        }
                    }
                    return value
                }(pointInfo[placeHolder], customFormat)
            }
        },
        41971(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../../../viz/core/utils */ 98013);
            const {
                abs: abs,
                floor: floor,
                ceil: ceil,
                min: min
            } = Math;

            function continuousRangeCalculator(range, minValue, maxValue) {
                range.min = range.min < minValue ? range.min : minValue;
                range.max = range.max > maxValue ? range.max : maxValue
            }

            function createGetLogFunction(axisType, axis) {
                if ("logarithmic" !== axisType) {
                    return null
                }
                const base = axis.getOptions().logarithmBase;
                return value => {
                    const log = (0, _utils.getLog)(abs(value), base);
                    const round = log < 0 ? floor : ceil;
                    return round(log)
                }
            }

            function getRangeCalculator(axisType, axis, getLog) {
                let rangeCalculator = continuousRangeCalculator;
                if ("discrete" === axisType) {
                    rangeCalculator = function(range, minValue, maxValue) {
                        if (minValue !== maxValue) {
                            range.categories.push(maxValue)
                        }
                        range.categories.push(minValue)
                    }
                } else if (axis) {
                    rangeCalculator = function(range, value) {
                        const interval = axis.calculateInterval(value, range.prevValue);
                        const minInterval = range.interval;
                        range.interval = (minInterval < interval ? minInterval : interval) || minInterval;
                        range.prevValue = value;
                        continuousRangeCalculator(range, value, value)
                    }
                }
                if (getLog) {
                    return (range, minValue, maxValue) => {
                        const minArgs = [];
                        rangeCalculator(range, minValue, maxValue);
                        0 !== minValue && minArgs.push(getLog(minValue));
                        0 !== maxValue && minArgs.push(getLog(maxValue));
                        const linearThreshold = min.apply(null, minArgs);
                        range.linearThreshold = range.linearThreshold < linearThreshold ? range.linearThreshold : linearThreshold
                    }
                }
                return rangeCalculator
            }

            function getInitialRange(axisType, dataType, firstValue) {
                const range = {
                    axisType: axisType,
                    dataType: dataType
                };
                if ("discrete" === axisType) {
                    range.categories = []
                } else {
                    range.min = (0, _type.isObject)(firstValue) ? firstValue.min : firstValue;
                    range.max = (0, _type.isObject)(firstValue) ? firstValue.max : firstValue
                }
                return range
            }

            function processCategories(range) {
                if (range.categories) {
                    range.categories = (0, _utils.unique)(range.categories)
                }
                return range
            }

            function calculateRangeBetweenPoints(rangeCalculator, range, point, prevPoint, bound) {
                const value = function(point, extraPoint, x, range) {
                    if (extraPoint && (0, _type.isDefined)(extraPoint.value)) {
                        const y1 = point.value;
                        const y2 = extraPoint.value;
                        const x1 = point.argument;
                        const x2 = extraPoint.argument;
                        const r = (x - x1) * (y2 - y1) / (x2 - x1) + y1.valueOf();
                        return "datetime" === range.dataType ? new Date(r) : r
                    } else {
                        return point.value
                    }
                }(point, prevPoint, bound, range);
                rangeCalculator(range, value, value)
            }

            function isLineSeries(series) {
                return series.type.toLowerCase().indexOf("line") >= 0 || series.type.toLowerCase().indexOf("area") >= 0
            }

            function getViewportReducer(series) {
                const rangeCalculator = getRangeCalculator(series.valueAxisType);
                const argumentAxis = series.getArgumentAxis();
                const viewport = argumentAxis && series.getArgumentAxis().visualRange() || {};
                const calculatePointBetweenPoints = isLineSeries(series) ? calculateRangeBetweenPoints : _common.noop;
                if (argumentAxis && argumentAxis.getMarginOptions().checkInterval) {
                    const range = series.getArgumentAxis().getTranslator().getBusinessRange();
                    const add = (0, _utils.getAddFunction)(range, false);
                    const interval = range.interval;
                    if (isFinite(interval) && (0, _type.isDefined)(viewport.startValue) && (0, _type.isDefined)(viewport.endValue)) {
                        viewport.startValue = add(viewport.startValue, interval, -1);
                        viewport.endValue = add(viewport.endValue, interval)
                    }
                }
                const viewportFilter = getViewPortFilter(viewport);
                return function(range, point, index, points) {
                    const argument = point.argument;
                    if (!point.hasValue()) {
                        return range
                    }
                    if (viewportFilter(argument)) {
                        if (!range.startCalc) {
                            range.startCalc = true;
                            calculatePointBetweenPoints(rangeCalculator, range, point, points[index - 1], viewport.startValue)
                        }
                        rangeCalculator(range, point.getMinValue(), point.getMaxValue())
                    } else if (!viewport.categories && (0, _type.isDefined)(viewport.startValue) && argument > viewport.startValue) {
                        if (!range.startCalc) {
                            calculatePointBetweenPoints(rangeCalculator, range, point, points[index - 1], viewport.startValue)
                        }
                        range.endCalc = true;
                        calculatePointBetweenPoints(rangeCalculator, range, point, points[index - 1], viewport.endValue)
                    }
                    return range
                }
            }

            function getViewPortFilter(viewport) {
                if (viewport.categories) {
                    const dictionary = viewport.categories.reduce((result, category) => {
                        result[category.valueOf()] = true;
                        return result
                    }, {});
                    return argument => (0, _type.isDefined)(argument) && dictionary[argument.valueOf()]
                }
                if (!(0, _type.isDefined)(viewport.startValue) && !(0, _type.isDefined)(viewport.endValue)) {
                    return () => true
                }
                if (!(0, _type.isDefined)(viewport.endValue)) {
                    return argument => argument >= viewport.startValue
                }
                if (!(0, _type.isDefined)(viewport.startValue)) {
                    return argument => argument <= viewport.endValue
                }
                return argument => argument >= viewport.startValue && argument <= viewport.endValue
            }
            exports.default = {
                getViewPortFilter: getViewPortFilter,
                getArgumentRange(series) {
                    const data = series._data || [];
                    let range = {};
                    if (data.length) {
                        if ("discrete" === series.argumentAxisType) {
                            range = {
                                categories: data.map(item => item.argument)
                            }
                        } else {
                            let interval;
                            if (data.length > 1) {
                                const i1 = series.getArgumentAxis().calculateInterval(data[0].argument, data[1].argument);
                                const i2 = series.getArgumentAxis().calculateInterval(data[data.length - 1].argument, data[data.length - 2].argument);
                                interval = min(i1, i2)
                            }
                            range = {
                                min: data[0].argument,
                                max: data[data.length - 1].argument,
                                interval: interval
                            }
                        }
                    }
                    return processCategories(range)
                },
                getRangeData(series) {
                    const points = series.getPoints();
                    const useAggregation = series.useAggregation();
                    const argumentAxis = series.getArgumentAxis();
                    const argumentCalculator = getRangeCalculator(series.argumentAxisType, points.length > 1 && argumentAxis, createGetLogFunction(series.argumentAxisType, argumentAxis));
                    const valueRangeCalculator = getRangeCalculator(series.valueAxisType, null, createGetLogFunction(series.valueAxisType, series.getValueAxis()));
                    const viewportReducer = getViewportReducer(series);
                    const range = points.reduce((range, point, index, points) => {
                        const argument = point.argument;
                        if (!point.isArgumentCorrect()) {
                            return range
                        }
                        argumentCalculator(range.arg, argument, argument);
                        if (point.hasValue()) {
                            valueRangeCalculator(range.val, point.getMinValue(), point.getMaxValue());
                            viewportReducer(range.viewport, point, index, points)
                        }
                        return range
                    }, {
                        arg: getInitialRange(series.argumentAxisType, series.argumentType, null !== argumentAxis && void 0 !== argumentAxis && argumentAxis.aggregatedPointBetweenTicks() ? void 0 : series.getArgumentRangeInitialValue()),
                        val: getInitialRange(series.valueAxisType, series.valueType, points.length ? series.getValueRangeInitialValue() : void 0),
                        viewport: getInitialRange(series.valueAxisType, series.valueType, points.length ? series.getValueRangeInitialValue() : void 0)
                    });
                    if (useAggregation) {
                        const argumentRange = this.getArgumentRange(series);
                        if ("discrete" === series.argumentAxisType) {
                            range.arg = argumentRange
                        } else {
                            const viewport = argumentAxis.getViewport();
                            if ((0, _type.isDefined)(viewport.startValue) || (0, _type.isDefined)(viewport.length)) {
                                argumentCalculator(range.arg, argumentRange.min, argumentRange.min)
                            }
                            if ((0, _type.isDefined)(viewport.endValue) || (0, _type.isDefined)(viewport.length) && (0, _type.isDefined)(viewport.startValue)) {
                                argumentCalculator(range.arg, argumentRange.max, argumentRange.max)
                            }
                        }
                    }
                    processCategories(range.arg);
                    processCategories(range.val);
                    return range
                },
                getViewport(series) {
                    const points = series.getPoints();
                    let range = {};
                    const reducer = getViewportReducer(series);
                    range = getInitialRange(series.valueAxisType, series.valueType, points.length ? series.getValueRangeInitialValue() : void 0);
                    points.some((point, index) => {
                        reducer(range, point, index, points);
                        return range.endCalc
                    });
                    return range
                },
                getPointsInViewPort(series) {
                    const argumentViewPortFilter = getViewPortFilter(series.getArgumentAxis().visualRange() || {});
                    const valueViewPort = series.getValueAxis().visualRange() || {};
                    const valueViewPortFilter = getViewPortFilter(valueViewPort);
                    const points = series.getPoints();
                    const addValue = function(values, point, isEdge) {
                        const minValue = point.getMinValue();
                        const maxValue = point.getMaxValue();
                        const isMinValueInViewPort = valueViewPortFilter(minValue);
                        const isMaxValueInViewPort = valueViewPortFilter(maxValue);
                        if (isMinValueInViewPort) {
                            values.push(minValue)
                        }
                        if (maxValue !== minValue && isMaxValueInViewPort) {
                            values.push(maxValue)
                        }
                        if (isEdge && !isMinValueInViewPort && !isMaxValueInViewPort) {
                            if (!values.length) {
                                values.push(valueViewPort.startValue)
                            } else {
                                values.push(valueViewPort.endValue)
                            }
                        }
                    };
                    const addEdgePoints = isLineSeries(series) ? function(result, points, index) {
                        const point = points[index];
                        const prevPoint = points[index - 1];
                        const nextPoint = points[index + 1];
                        if (nextPoint && argumentViewPortFilter(nextPoint.argument)) {
                            addValue(result[1], point, true)
                        }
                        if (prevPoint && argumentViewPortFilter(prevPoint.argument)) {
                            addValue(result[1], point, true)
                        }
                    } : _common.noop;
                    return points.reduce(function(result, point, index) {
                        if (argumentViewPortFilter(point.argument)) {
                            addValue(result[0], point)
                        } else {
                            addEdgePoints(result, points, index)
                        }
                        return result
                    }, [
                        [],
                        []
                    ])
                }
            }
        },
        72016(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.polar = exports.chart = void 0;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _object = __webpack_require__( /*! ../../../core/utils/object */ 22263);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _scatter_series = __webpack_require__( /*! ./scatter_series */ 39294);
            const {
                round: round,
                sqrt: sqrt,
                min: min,
                max: max,
                abs: abs
            } = Math;
            const chart = exports.chart = {};
            const polar = exports.polar = {};

            function clonePoint(point, newX, newY, newAngle) {
                const p = (0, _object.clone)(point);
                p.x = newX;
                p.y = newY;
                p.angle = newAngle;
                return p
            }

            function getTangentPoint(point, prevPoint, centerPoint, tan, nextStepAngle) {
                const correctAngle = point.angle + nextStepAngle;
                const cosSin = (0, _utils.getCosAndSin)(correctAngle);
                const x = centerPoint.x + (point.radius + tan * nextStepAngle) * cosSin.cos;
                const y = centerPoint.y - (point.radius + tan * nextStepAngle) * cosSin.sin;
                return clonePoint(prevPoint, x, y, correctAngle)
            }

            function obtainCubicBezierTCoef(p, p0, p1, p2, p3) {
                const d = p0 - p;
                const c = 3 * p1 - 3 * p0;
                const b = 3 * p2 - 6 * p1 + 3 * p0;
                const a = p3 - 3 * p2 + 3 * p1 - p0;
                return (0, _math.solveCubicEquation)(a, b, c, d)
            }
            const lineMethods = {
                autoHidePointMarkersEnabled: () => true,
                _applyGroupSettings(style, settings, group) {
                    settings = (0, _extend.extend)(settings, style);
                    this._applyElementsClipRect(settings);
                    group.attr(settings)
                },
                _setGroupsSettings(animationEnabled) {
                    const style = this._styles.normal;
                    this._applyGroupSettings(style.elements, {
                        class: "dxc-elements"
                    }, this._elementsGroup);
                    this._bordersGroup && this._applyGroupSettings(style.border, {
                        class: "dxc-borders"
                    }, this._bordersGroup);
                    _scatter_series.chart._setGroupsSettings.call(this, animationEnabled);
                    animationEnabled && this._markersGroup && this._markersGroup.attr({
                        opacity: .001
                    })
                },
                _createGroups() {
                    this._createGroup("_elementsGroup", this, this._group);
                    this._areBordersVisible() && this._createGroup("_bordersGroup", this, this._group);
                    _scatter_series.chart._createGroups.call(this)
                },
                _areBordersVisible: () => false,
                _getDefaultSegment: segment => ({
                    line: (0, _utils.map)(segment.line || [], pt => pt.getDefaultCoords())
                }),
                _prepareSegment: points => ({
                    line: points
                }),
                _parseLineOptions: (options, defaultColor) => ({
                    stroke: (0, _utils.extractColor)(options.color, true) || defaultColor,
                    "stroke-width": options.width,
                    dashStyle: options.dashStyle || "solid"
                }),
                _parseStyle(options, defaultColor) {
                    return {
                        elements: this._parseLineOptions(options, defaultColor)
                    }
                },
                _applyStyle(style) {
                    this._elementsGroup && this._elementsGroup.attr(style.elements);
                    (0, _iterator.each)(this._graphics || [], (_, graphic) => {
                        graphic.line && graphic.line.attr({
                            "stroke-width": style.elements["stroke-width"]
                        }).sharp()
                    })
                },
                _drawElement(segment, group) {
                    return {
                        line: this._createMainElement(segment.line, {
                            "stroke-width": this._styles.normal.elements["stroke-width"]
                        }).append(group)
                    }
                },
                _removeElement(element) {
                    element.line.remove()
                },
                _updateElement(element, segment, animate, animationComplete) {
                    const params = {
                        points: segment.line
                    };
                    const lineElement = element.line;
                    animate ? lineElement.animate(params, {}, animationComplete) : lineElement.attr(params)
                },
                _animateComplete() {
                    _scatter_series.chart._animateComplete.call(this);
                    this._markersGroup && this._markersGroup.animate({
                        opacity: 1
                    }, {
                        duration: this._defaultDuration
                    })
                },
                _animate() {
                    const that = this;
                    const lastIndex = that._graphics.length - 1;
                    (0, _iterator.each)(that._graphics || [], (i, elem) => {
                        let complete;
                        if (i === lastIndex) {
                            complete = function() {
                                that._animateComplete()
                            }
                        }
                        that._updateElement(elem, that._segments[i], true, complete)
                    })
                },
                _drawPoint(options) {
                    _scatter_series.chart._drawPoint.call(this, {
                        point: options.point,
                        groups: options.groups
                    })
                },
                _createMainElement(points, settings) {
                    return this._renderer.path(points, "line").attr(settings)
                },
                _sortPoints: (points, rotated) => rotated ? points.sort((p1, p2) => p2.y - p1.y) : points.sort((p1, p2) => p1.x - p2.x),
                _drawSegment(points, animationEnabled, segmentCount, lastSegment) {
                    const that = this;
                    const rotated = that._options.rotated;
                    const segment = that._prepareSegment(points, rotated, lastSegment);
                    that._segments.push(segment);
                    if (!that._graphics[segmentCount]) {
                        that._graphics[segmentCount] = that._drawElement(animationEnabled ? that._getDefaultSegment(segment) : segment, that._elementsGroup)
                    } else if (!animationEnabled) {
                        that._updateElement(that._graphics[segmentCount], segment)
                    }
                },
                _getTrackerSettings() {
                    const defaultTrackerWidth = this._defaultTrackerWidth;
                    const strokeWidthFromElements = this._styles.normal.elements["stroke-width"];
                    return {
                        "stroke-width": strokeWidthFromElements > defaultTrackerWidth ? strokeWidthFromElements : defaultTrackerWidth,
                        fill: "none"
                    }
                },
                _getMainPointsFromSegment: segment => segment.line,
                _drawTrackerElement(segment) {
                    return this._createMainElement(this._getMainPointsFromSegment(segment), this._getTrackerSettings(segment))
                },
                _updateTrackerElement(segment, element) {
                    const settings = this._getTrackerSettings(segment);
                    settings.points = this._getMainPointsFromSegment(segment);
                    element.attr(settings)
                },
                checkSeriesViewportCoord(axis, coord) {
                    if (!_scatter_series.chart.checkSeriesViewportCoord.call(this)) {
                        return false
                    }
                    const range = axis.isArgumentAxis ? this.getArgumentRange() : this.getViewport();
                    const min = axis.getTranslator().translate(range.categories ? range.categories[0] : range.min);
                    const max = axis.getTranslator().translate(range.categories ? range.categories[range.categories.length - 1] : range.max);
                    const rotated = this.getOptions().rotated;
                    const inverted = axis.getOptions().inverted;
                    return axis.isArgumentAxis && (!rotated && !inverted || rotated && inverted) || !axis.isArgumentAxis && (rotated && !inverted || !rotated && inverted) ? coord >= min && coord <= max : coord >= max && coord <= min
                }
            };
            const lineSeries = chart.line = (0, _extend.extend)({}, _scatter_series.chart, lineMethods, {
                getPointCenterByArg(arg) {
                    const value = this.getArgumentAxis().getTranslator().translate(arg);
                    return {
                        x: value,
                        y: value
                    }
                },
                getSeriesPairCoord(coord, isArgument) {
                    let oppositeCoord = null;
                    const nearestPoints = this._getNearestPointsByCoord(coord, isArgument);
                    const needValueCoord = isArgument && !this._options.rotated || !isArgument && this._options.rotated;
                    for (let i = 0; i < nearestPoints.length; i++) {
                        const p = nearestPoints[i];
                        const k = (p[1].vy - p[0].vy) / (p[1].vx - p[0].vx);
                        const b = p[0].vy - p[0].vx * k;
                        let tmpCoord;
                        if (p[1].vx - p[0].vx === 0) {
                            tmpCoord = needValueCoord ? p[0].vy : p[0].vx
                        } else {
                            tmpCoord = needValueCoord ? k * coord + b : (coord - b) / k
                        }
                        if (this._checkAxisVisibleAreaCoord(!isArgument, tmpCoord)) {
                            oppositeCoord = tmpCoord;
                            break
                        }
                    }
                    return oppositeCoord
                }
            });
            chart.stepline = (0, _extend.extend)({}, lineSeries, {
                _calculateStepLinePoints(points) {
                    const segment = [];
                    const coordName = this._options.rotated ? "x" : "y";
                    (0, _iterator.each)(points, (i, pt) => {
                        let point;
                        if (!i) {
                            segment.push(pt);
                            return
                        }
                        const step = segment[segment.length - 1][coordName];
                        if (step !== pt[coordName]) {
                            point = (0, _object.clone)(pt);
                            point[coordName] = step;
                            segment.push(point)
                        }
                        segment.push(pt)
                    });
                    return segment
                },
                _prepareSegment(points) {
                    return lineSeries._prepareSegment(this._calculateStepLinePoints(points))
                },
                getSeriesPairCoord(coord, isArgument) {
                    let oppositeCoord;
                    const rotated = this._options.rotated;
                    const isOpposite = !isArgument && !rotated || isArgument && rotated;
                    const coordName = !isOpposite ? "vx" : "vy";
                    const oppositeCoordName = !isOpposite ? "vy" : "vx";
                    const nearestPoints = this._getNearestPointsByCoord(coord, isArgument);
                    for (let i = 0; i < nearestPoints.length; i++) {
                        const p = nearestPoints[i];
                        let tmpCoord;
                        if (isArgument) {
                            tmpCoord = coord !== p[1][coordName] ? p[0][oppositeCoordName] : p[1][oppositeCoordName]
                        } else {
                            tmpCoord = coord === p[0][coordName] ? p[0][oppositeCoordName] : p[1][oppositeCoordName]
                        }
                        if (this._checkAxisVisibleAreaCoord(!isArgument, tmpCoord)) {
                            oppositeCoord = tmpCoord;
                            break
                        }
                    }
                    return oppositeCoord
                }
            });
            chart.spline = (0, _extend.extend)({}, lineSeries, {
                _calculateBezierPoints(src, rotated) {
                    const bezierPoints = [];
                    const pointsCopy = src;
                    const checkExtremum = function(otherPointCoord, pointCoord, controlCoord) {
                        return otherPointCoord > pointCoord && controlCoord > otherPointCoord || otherPointCoord < pointCoord && controlCoord < otherPointCoord ? otherPointCoord : controlCoord
                    };
                    if (1 !== pointsCopy.length) {
                        pointsCopy.forEach((curPoint, i) => {
                            let leftControlX;
                            let leftControlY;
                            let rightControlX;
                            let rightControlY;
                            const prevPoint = pointsCopy[i - 1];
                            const nextPoint = pointsCopy[i + 1];
                            let x1;
                            let x2;
                            let y1;
                            let y2;
                            let a;
                            let b;
                            let c;
                            let xc;
                            let yc;
                            let shift;
                            if (!i || i === pointsCopy.length - 1) {
                                bezierPoints.push(curPoint, curPoint);
                                return
                            }
                            const xCur = curPoint.x;
                            const yCur = curPoint.y;
                            x1 = prevPoint.x;
                            x2 = nextPoint.x;
                            y1 = prevPoint.y;
                            y2 = nextPoint.y;
                            const curIsExtremum = !!(!rotated && (yCur <= prevPoint.y && yCur <= nextPoint.y || yCur >= prevPoint.y && yCur >= nextPoint.y) || rotated && (xCur <= prevPoint.x && xCur <= nextPoint.x || xCur >= prevPoint.x && xCur >= nextPoint.x));
                            if (curIsExtremum) {
                                if (!rotated) {
                                    rightControlY = leftControlY = yCur;
                                    rightControlX = (xCur + nextPoint.x) / 2;
                                    leftControlX = (xCur + prevPoint.x) / 2
                                } else {
                                    rightControlX = leftControlX = xCur;
                                    rightControlY = (yCur + nextPoint.y) / 2;
                                    leftControlY = (yCur + prevPoint.y) / 2
                                }
                            } else {
                                a = y2 - y1;
                                b = x1 - x2;
                                c = y1 * x2 - x1 * y2;
                                if (!rotated) {
                                    if (!b) {
                                        bezierPoints.push(curPoint, curPoint, curPoint);
                                        return
                                    }
                                    xc = xCur;
                                    yc = -1 * (a * xc + c) / b;
                                    shift = yc - yCur;
                                    y1 -= shift;
                                    y2 -= shift
                                } else {
                                    if (!a) {
                                        bezierPoints.push(curPoint, curPoint, curPoint);
                                        return
                                    }
                                    yc = yCur;
                                    xc = -1 * (b * yc + c) / a;
                                    shift = xc - xCur;
                                    x1 -= shift;
                                    x2 -= shift
                                }
                                rightControlX = (xCur + .5 * x2) / 1.5;
                                rightControlY = (yCur + .5 * y2) / 1.5;
                                leftControlX = (xCur + .5 * x1) / 1.5;
                                leftControlY = (yCur + .5 * y1) / 1.5
                            }
                            if (!rotated) {
                                leftControlY = checkExtremum(prevPoint.y, yCur, leftControlY);
                                rightControlY = checkExtremum(nextPoint.y, yCur, rightControlY)
                            } else {
                                leftControlX = checkExtremum(prevPoint.x, xCur, leftControlX);
                                rightControlX = checkExtremum(nextPoint.x, xCur, rightControlX)
                            }
                            const leftPoint = clonePoint(curPoint, leftControlX, leftControlY);
                            const rightPoint = clonePoint(curPoint, rightControlX, rightControlY);
                            bezierPoints.push(leftPoint, curPoint, rightPoint)
                        })
                    } else {
                        bezierPoints.push(pointsCopy[0])
                    }
                    return bezierPoints
                },
                _prepareSegment(points, rotated) {
                    return lineSeries._prepareSegment(this._calculateBezierPoints(points, rotated))
                },
                _createMainElement(points, settings) {
                    return this._renderer.path(points, "bezier").attr(settings)
                },
                getSeriesPairCoord(coord, isArgument) {
                    let oppositeCoord = null;
                    const isOpposite = !isArgument && !this._options.rotated || isArgument && this._options.rotated;
                    const coordName = !isOpposite ? "vx" : "vy";
                    const bezierCoordName = !isOpposite ? "x" : "y";
                    const oppositeCoordName = !isOpposite ? "vy" : "vx";
                    const bezierOppositeCoordName = !isOpposite ? "y" : "x";
                    const axis = !isArgument ? this.getArgumentAxis() : this.getValueAxis();
                    const visibleArea = axis.getVisibleArea();
                    const nearestPoints = this._getNearestPointsByCoord(coord, isArgument);
                    for (let i = 0; i < nearestPoints.length; i++) {
                        const p = nearestPoints[i];
                        if (1 === p.length) {
                            visibleArea[0] <= p[0][oppositeCoordName] && visibleArea[1] >= p[0][oppositeCoordName] && (oppositeCoord = p[0][oppositeCoordName])
                        } else {
                            const ts = obtainCubicBezierTCoef(coord, p[0][coordName], p[1][bezierCoordName], p[2][bezierCoordName], p[3][coordName]);
                            ts.forEach(t => {
                                if (t >= 0 && t <= 1) {
                                    const tmpCoord = (1 - t) ** 3 * p[0][oppositeCoordName] + 3 * (1 - t) ** 2 * t * p[1][bezierOppositeCoordName] + 3 * (1 - t) * t * t * p[2][bezierOppositeCoordName] + t * t * t * p[3][oppositeCoordName];
                                    if (visibleArea[0] <= tmpCoord && visibleArea[1] >= tmpCoord) {
                                        oppositeCoord = tmpCoord
                                    }
                                }
                            })
                        }
                        if (null !== oppositeCoord) {
                            break
                        }
                    }
                    return oppositeCoord
                },
                _getNearestPoints(point, nextPoint, bezierPoints) {
                    const index = bezierPoints.indexOf(point);
                    return [point, bezierPoints[index + 1], bezierPoints[index + 2], nextPoint]
                },
                _getBezierPoints() {
                    return this._segments.length > 0 ? this._segments.reduce((a, seg) => a.concat(seg.line), []) : []
                }
            });
            polar.line = (0, _extend.extend)({}, _scatter_series.polar, lineMethods, {
                _sortPoints: points => points,
                _prepareSegment(points, rotated, lastSegment) {
                    let preparedPoints = [];
                    const centerPoint = this.getValueAxis().getCenter();
                    let i;
                    lastSegment && this._closeSegment(points);
                    if ("discrete" !== this.argumentAxisType && "discrete" !== this.valueAxisType) {
                        for (i = 1; i < points.length; i++) {
                            preparedPoints = preparedPoints.concat(this._getTangentPoints(points[i], points[i - 1], centerPoint, i === points.length - 1))
                        }
                        if (!preparedPoints.length) {
                            preparedPoints = points
                        }
                    } else {
                        return lineSeries._prepareSegment.call(this, points)
                    }
                    return {
                        line: preparedPoints
                    }
                },
                _getRemainingAngle(angle) {
                    const normAngle = (0, _utils.normalizeAngle)(angle);
                    return angle >= 0 ? 360 - normAngle : -normAngle
                },
                _closeSegment(points) {
                    const point = this._segments.length ? this._segments[0].line[0] : points[0];
                    let newPoint = clonePoint(point, point.x, point.y, point.angle);
                    newPoint = this._modifyReflectedPoint(newPoint, points.at(-1));
                    if (newPoint) {
                        points.push(newPoint)
                    }
                },
                _modifyReflectedPoint(point, lastPoint) {
                    if (lastPoint.angle === point.angle) {
                        return
                    }
                    if ((0, _utils.normalizeAngle)(round(lastPoint.angle)) === (0, _utils.normalizeAngle)(round(point.angle))) {
                        point.angle = lastPoint.angle
                    } else {
                        const differenceAngle = lastPoint.angle - point.angle;
                        point.angle = lastPoint.angle + this._getRemainingAngle(differenceAngle)
                    }
                    return point
                },
                _getTangentPoints(point, prevPoint, centerPoint, isLastSegment) {
                    let tangentPoints = [];
                    const betweenAngle = Math.round(prevPoint.angle - point.angle);
                    const tan = (prevPoint.radius - point.radius) / betweenAngle;
                    let i;
                    if (0 === betweenAngle) {
                        tangentPoints = [prevPoint, point]
                    } else if (betweenAngle > 0) {
                        const angle = isLastSegment ? betweenAngle : betweenAngle - 1;
                        for (i = angle; i >= 0; i--) {
                            tangentPoints.push(getTangentPoint(point, prevPoint, centerPoint, tan, i))
                        }
                    } else {
                        const angle = isLastSegment ? betweenAngle : betweenAngle + 1;
                        for (i = 0; i >= angle; i--) {
                            tangentPoints.push(getTangentPoint(point, prevPoint, centerPoint, tan, betweenAngle - i))
                        }
                    }
                    return tangentPoints
                },
                getSeriesPairCoord(params, isArgument) {
                    const that = this;
                    const argAxis = that.getArgumentAxis();
                    const paramName = isArgument ? "angle" : "radius";
                    const coordParam = params[paramName];
                    const centerPoint = argAxis.getCenter();
                    const isInsideInterval = (prevPoint, point, _ref) => {
                        let {
                            x: x,
                            y: y
                        } = _ref;
                        return (p1 = {
                            x: x,
                            y: y
                        }, p2 = centerPoint, sqrt((p1.x - p2.x) ** 2 + (p1.y - p2.y) ** 2)) <= argAxis.getRadius() && min(prevPoint.x, point.x) <= x && max(prevPoint.x, point.x) >= x && min(prevPoint.y, point.y) <= y && max(prevPoint.y, point.y) >= y;
                        var p1, p2
                    };
                    let coords;
                    const neighborPoints = that.getNeighborPoints(coordParam, paramName);
                    if (1 === neighborPoints.length) {
                        coords = neighborPoints[0]
                    } else if (neighborPoints.length > 1) {
                        const prevPoint = neighborPoints[0];
                        const point = neighborPoints[1];
                        if ("discrete" !== that.argumentAxisType && "discrete" !== that.valueAxisType) {
                            let tan;
                            let stepAngle;
                            if (isArgument) {
                                tan = (prevPoint.radius - point.radius) / (prevPoint.angle - point.angle);
                                stepAngle = coordParam - point.angle
                            } else {
                                tan = (prevPoint.radius - point.radius) / (prevPoint.angle - point.angle);
                                stepAngle = (coordParam - point.radius) / tan
                            }
                            coords = getTangentPoint(point, prevPoint, centerPoint, tan, stepAngle)
                        } else if (isArgument) {
                            const cosSin = (0, _utils.getCosAndSin)(-coordParam);
                            const k1 = (point.y - prevPoint.y) / (point.x - prevPoint.x);
                            const b1 = prevPoint.y - prevPoint.x * k1;
                            const k2 = cosSin.sin / cosSin.cos;
                            const b2 = centerPoint.y - k2 * centerPoint.x;
                            const x = (b2 - b1) / (k1 - k2);
                            const y = k1 * x + b1;
                            if (isInsideInterval(prevPoint, point, {
                                    x: x,
                                    y: y
                                })) {
                                const quarter = abs((0, _math.trunc)((360 + coordParam) / 90) % 4);
                                if (0 === quarter && x >= centerPoint.x && y <= centerPoint.y || 1 === quarter && x <= centerPoint.x && y <= centerPoint.y || 2 === quarter && x <= centerPoint.x && y >= centerPoint.y || 3 === quarter && x >= centerPoint.x && y >= centerPoint.y) {
                                    coords = {
                                        x: x,
                                        y: y
                                    }
                                }
                            }
                        } else {
                            const k = (point.y - prevPoint.y) / (point.x - prevPoint.x);
                            const y0 = prevPoint.y - prevPoint.x * k;
                            const a = 1 + k * k;
                            const b = -2 * centerPoint.x + 2 * k * y0 - 2 * k * centerPoint.y;
                            const c = -(coordParam ** 2) + (y0 - centerPoint.y) ** 2 + centerPoint.x ** 2;
                            const d = b * b - 4 * a * c;
                            if (d >= 0) {
                                const x1 = (-b - sqrt(d)) / (2 * a);
                                const x2 = (-b + sqrt(d)) / (2 * a);
                                const y1 = k * x1 + y0;
                                const y2 = k * x2 + y0;
                                coords = isInsideInterval(prevPoint, point, {
                                    x: x1,
                                    y: y1
                                }) ? {
                                    x: x1,
                                    y: y1
                                } : isInsideInterval(prevPoint, point, {
                                    x: x2,
                                    y: y2
                                }) ? {
                                    x: x2,
                                    y: y2
                                } : void 0
                            }
                        }
                    }
                    return coords
                },
                getNeighborPoints(param, paramName) {
                    let points = this.getPoints();
                    const neighborPoints = [];
                    if (this.getOptions().closed) {
                        points = (0, _extend.extend)(true, [], points);
                        const lastPoint = points[points.length - 1];
                        const firstPointCopy = clonePoint(points[0], points[0].x, points[0].y, points[0].angle);
                        const lastPointCopy = clonePoint(lastPoint, lastPoint.x, lastPoint.y, lastPoint.angle);
                        const rearwardRefPoint = this._modifyReflectedPoint(firstPointCopy, lastPoint);
                        const forwardRefPoint = this._modifyReflectedPoint(lastPointCopy, points[0]);
                        if (forwardRefPoint) {
                            points.unshift(forwardRefPoint)
                        }
                        if (rearwardRefPoint) {
                            points.push(rearwardRefPoint)
                        }
                    }
                    for (let i = 1; i < points.length; i++) {
                        if (points[i - 1][paramName] === param) {
                            neighborPoints.push(points[i - 1])
                        } else if (points[i][paramName] === param) {
                            neighborPoints.push(points[i])
                        } else if (points[i][paramName] > param && points[i - 1][paramName] < param || points[i - 1][paramName] > param && points[i][paramName] < param) {
                            neighborPoints.push(points[i - 1]);
                            neighborPoints.push(points[i])
                        }
                        if (neighborPoints.length > 0) {
                            break
                        }
                    }
                    return neighborPoints
                }
            })
        },
        8022(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.pie = exports.doughnut = exports.donut = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _bar_series = __webpack_require__( /*! ./bar_series */ 48971);
            var _scatter_series = __webpack_require__( /*! ./scatter_series */ 39294);
            const chartScatterSeries = _scatter_series.chart;
            const barSeries = _bar_series.chart.bar;
            const _extend = _extend2.extend;
            const _each = _iterator.each;
            const _noop = _common.noop;
            const _map = _utils.map;
            const _isFinite = isFinite;
            const _max = Math.max;
            const pie = exports.pie = _extend({}, barSeries, {
                _setGroupsSettings() {
                    chartScatterSeries._setGroupsSettings.apply(this, arguments);
                    this._labelsGroup.attr({
                        "pointer-events": null
                    })
                },
                _createErrorBarGroup: _noop,
                _drawPoint(options) {
                    const point = options.point;
                    const legendCallback = this._legendCallback;
                    chartScatterSeries._drawPoint.call(this, options);
                    !point.isVisible() && point.setInvisibility();
                    point.isSelected() && legendCallback()
                },
                _getOldPoint(data, oldPointsByArgument, index) {
                    const point = (this._points || [])[index];
                    if (point) {
                        oldPointsByArgument[point.argument.valueOf()] = oldPointsByArgument[point.argument.valueOf()].filter(p => p !== point)
                    }
                    return point
                },
                adjustLabels(moveLabelsFromCenter) {
                    return (this._points || []).reduce((r, p) => {
                        if (p._label.isVisible()) {
                            p.setLabelTrackerData();
                            r = p.applyWordWrap(moveLabelsFromCenter) || r;
                            p.updateLabelCoord(moveLabelsFromCenter);
                            return r
                        }
                    }, false)
                },
                _applyElementsClipRect: _noop,
                getColor: _noop,
                areErrorBarsVisible: _noop,
                drawLabelsWOPoints() {
                    if ("inside" === this._options.label.position) {
                        return false
                    }
                    this._labelsGroup.append(this._extGroups.labelsGroup);
                    (this._points || []).forEach(point => {
                        point.drawLabel()
                    });
                    return true
                },
                getPointsCount() {
                    return this._data.filter(d => this._checkData(d)).length
                },
                setMaxPointsCount(count) {
                    this._pointsCount = count
                },
                _getCreatingPointOptions(data, dataIndex) {
                    return this._getPointOptions(data, dataIndex)
                },
                _updateOptions(options) {
                    this.labelSpace = 0;
                    this.innerRadius = "pie" === this.type ? 0 : options.innerRadius
                },
                _checkData(data, skippedFields) {
                    const base = barSeries._checkData.call(this, data, skippedFields, {
                        value: this.getValueFields()[0]
                    });
                    return this._options.paintNullPoints ? base : base && null !== data.value
                },
                _createGroups: chartScatterSeries._createGroups,
                _setMarkerGroupSettings() {
                    this._markersGroup.attr({
                        class: "dxc-markers"
                    })
                },
                _getMainColor(data, point) {
                    const pointsByArg = this.getPointsByArg(data.argument);
                    const argumentIndex = point ? pointsByArg.indexOf(point) : pointsByArg.length;
                    return this._options.mainSeriesColor(data.argument, argumentIndex, this._pointsCount)
                },
                _getPointOptions(data) {
                    return this._parsePointOptions(this._preparePointOptions(), this._options.label, data)
                },
                _getRangeData() {
                    return this._rangeData
                },
                _createPointStyles(pointOptions, data, point) {
                    var _pointOptions$color;
                    const that = this;
                    const mainColor = (0, _utils.extractColor)(pointOptions.color, true) || that._getMainColor(data, point);
                    const colorId = null === (_pointOptions$color = pointOptions.color) || void 0 === _pointOptions$color ? void 0 : _pointOptions$color.fillId;
                    const hoverStyle = pointOptions.hoverStyle || {};
                    const selectionStyle = pointOptions.selectionStyle || {};
                    if (colorId) {
                        that._turnOffHatching(hoverStyle, selectionStyle)
                    }
                    return {
                        labelColor: mainColor,
                        normal: that._parsePointStyle(pointOptions, mainColor, mainColor),
                        hover: that._parsePointStyle(hoverStyle, colorId || mainColor, mainColor),
                        selection: that._parsePointStyle(selectionStyle, colorId || mainColor, mainColor),
                        legendStyles: {
                            normal: that._createLegendState(pointOptions, mainColor),
                            hover: that._createLegendState(hoverStyle, colorId || mainColor),
                            selection: that._createLegendState(selectionStyle, colorId || mainColor)
                        }
                    }
                },
                _getArrangeMinShownValue(points, total) {
                    const minSegmentSize = this._options.minSegmentSize;
                    let totalMinSegmentSize = 0;
                    let totalNotMinValues = 0;
                    total = total || points.length;
                    _each(points, (_, point) => {
                        if (point.isVisible()) {
                            if (point.normalInitialValue < minSegmentSize * total / 360) {
                                totalMinSegmentSize += minSegmentSize
                            } else {
                                totalNotMinValues += point.normalInitialValue
                            }
                        }
                    });
                    return totalMinSegmentSize < 360 ? minSegmentSize * totalNotMinValues / (360 - totalMinSegmentSize) : 0
                },
                _applyArrangeCorrection(points, minShownValue, total) {
                    const options = this._options;
                    const isClockWise = "anticlockwise" !== options.segmentsDirection;
                    const shiftedAngle = _isFinite(options.startAngle) ? (0, _utils.normalizeAngle)(options.startAngle) : 0;
                    const minSegmentSize = options.minSegmentSize;
                    let percent;
                    let correction = 0;
                    let zeroTotalCorrection = 0;
                    if (0 === total) {
                        total = points.filter(el => el.isVisible()).length;
                        zeroTotalCorrection = 1
                    }
                    _each(isClockWise ? points : points.concat([]).reverse(), (_, point) => {
                        const val = point.isVisible() ? zeroTotalCorrection || point.normalInitialValue : 0;
                        let updatedZeroValue;
                        if (minSegmentSize && point.isVisible() && val < minShownValue) {
                            updatedZeroValue = minShownValue
                        }
                        percent = val / total;
                        point.correctValue(correction, percent, zeroTotalCorrection + (updatedZeroValue || 0));
                        point.shiftedAngle = shiftedAngle;
                        correction += updatedZeroValue || val
                    });
                    this._rangeData = {
                        val: {
                            min: 0,
                            max: correction
                        }
                    }
                },
                _removePoint(point) {
                    const points = this.getPointsByArg(point.argument);
                    points.splice(points.indexOf(point), 1);
                    point.dispose()
                },
                arrangePoints() {
                    const that = this;
                    const originalPoints = that._points || [];
                    const minSegmentSize = that._options.minSegmentSize;
                    let minShownValue;
                    let isAllPointsNegative = true;
                    let i = 0;
                    const len = originalPoints.length;
                    while (i < len && isAllPointsNegative) {
                        isAllPointsNegative = originalPoints[i].value <= 0;
                        i++
                    }
                    const points = that._points = _map(originalPoints, point => {
                        if (null === point.value || !isAllPointsNegative && point.value < 0) {
                            that._removePoint(point);
                            return null
                        } else {
                            return point
                        }
                    });
                    const maxValue = points.reduce((max, p) => _max(max, Math.abs(p.initialValue)), 0);
                    points.forEach(p => {
                        p.normalInitialValue = p.initialValue / (0 !== maxValue ? maxValue : 1)
                    });
                    const total = points.reduce((total, point) => total + (point.isVisible() ? point.normalInitialValue : 0), 0);
                    if (minSegmentSize) {
                        minShownValue = this._getArrangeMinShownValue(points, total)
                    }
                    that._applyArrangeCorrection(points, minShownValue, total)
                },
                correctPosition(correction, canvas) {
                    _each(this._points, (_, point) => {
                        point.correctPosition(correction)
                    });
                    this.setVisibleArea(canvas)
                },
                correctRadius(correction) {
                    this._points.forEach(point => {
                        point.correctRadius(correction)
                    })
                },
                correctLabelRadius(labelRadius) {
                    this._points.forEach(point => {
                        point.correctLabelRadius(labelRadius)
                    })
                },
                setVisibleArea(canvas) {
                    this._visibleArea = {
                        minX: canvas.left,
                        maxX: canvas.width - canvas.right,
                        minY: canvas.top,
                        maxY: canvas.height - canvas.bottom
                    }
                },
                _applyVisibleArea: _noop,
                _animate(firstDrawing) {
                    const that = this;
                    const points = that._points;
                    const pointsCount = points && points.length;
                    const completeFunc = function() {
                        that._animateComplete()
                    };
                    let animatePoint;
                    if (firstDrawing) {
                        animatePoint = function(p, i) {
                            p.animate(i === pointsCount - 1 ? completeFunc : void 0, .7, (1 - .7) * i / (pointsCount - 1))
                        }
                    } else {
                        animatePoint = function(p, i) {
                            p.animate(i === pointsCount - 1 ? completeFunc : void 0)
                        }
                    }
                    points.forEach(animatePoint)
                },
                getVisiblePoints() {
                    return _map(this._points, p => p.isVisible() ? p : null)
                },
                getPointsByKeys(arg, argumentIndex) {
                    const pointsByArg = this.getPointsByArg(arg);
                    return pointsByArg[argumentIndex] && [pointsByArg[argumentIndex]] || []
                }
            });
            exports.doughnut = pie;
            exports.donut = pie
        },
        9820(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _extend2 = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _symbol_point = (e = __webpack_require__( /*! ../../../viz/series/points/symbol_point */ 8731), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const _extend = _extend2.extend;
            const _math = Math;
            const _floor = _math.floor;
            const _abs = _math.abs;

            function getLabelOrientation(point) {
                const initialValue = point.initialValue;
                const invert = point._getValTranslator().getBusinessRange().invert;
                const isDiscreteValue = "discrete" === point.series.valueAxisType;
                const isFullStacked = point.series.isFullStackedSeries();
                const notAxisInverted = !isDiscreteValue && (initialValue >= 0 && !invert || initialValue < 0 && invert) || isDiscreteValue && !invert || isFullStacked;
                return notAxisInverted ? "top" : "bottom"
            }
            exports.default = _extend({}, _symbol_point.default, {
                correctCoordinates(correctOptions) {
                    const that = this;
                    const correction = _floor(correctOptions.offset - correctOptions.width / 2);
                    if (that._options.rotated) {
                        that.height = correctOptions.width;
                        that.yCorrection = correction;
                        that.xCorrection = null
                    } else {
                        that.width = correctOptions.width;
                        that.xCorrection = correction;
                        that.yCorrection = null
                    }
                },
                _calculateVisibility(x, y, width, height) {
                    const {
                        minX: minX,
                        maxX: maxX,
                        minY: minY,
                        maxY: maxY
                    } = this._getVisibleArea();
                    this.inVisibleArea = minX <= x + width && maxX >= x && minY <= y + height && maxY >= y
                },
                _cacheVisibility(x, y, minY, rotated) {
                    const size = Math.abs(y - minY);
                    y = Math.min(y, minY);
                    if (rotated) {
                        this._calculateVisibility(y, x, size, this.height)
                    } else {
                        this._calculateVisibility(x, y, this.width, size)
                    }
                },
                _getGraphicBBox(location) {
                    const bBox = {
                        x: this.x,
                        y: this.y,
                        width: this.width,
                        height: this.height
                    };
                    if (location) {
                        const isTop = "top" === location;
                        if (!this._options.rotated) {
                            bBox.y = isTop ? bBox.y : bBox.y + bBox.height;
                            bBox.height = 0
                        } else {
                            bBox.x = isTop ? bBox.x + bBox.width : bBox.x;
                            bBox.width = 0
                        }
                    }
                    return bBox
                },
                _getLabelConnector(location) {
                    return this._getGraphicBBox(location)
                },
                _getLabelPosition() {
                    let position = getLabelOrientation(this);
                    if (this._options.rotated) {
                        position = "top" === position ? "right" : "left"
                    }
                    return position
                },
                _getLabelCoords(label) {
                    const that = this;
                    let coords;
                    if (0 === that.initialValue && that.series.isFullStackedSeries()) {
                        if (!this._options.rotated) {
                            coords = that._getLabelCoordOfPosition(label, "top")
                        } else {
                            coords = that._getLabelCoordOfPosition(label, "right")
                        }
                    } else if ("inside" === label.getLayoutOptions().position) {
                        coords = that._getLabelCoordOfPosition(label, "inside")
                    } else {
                        coords = _symbol_point.default._getLabelCoords.call(this, label)
                    }
                    return coords
                },
                _drawLabel() {
                    this._label.pointPosition = "inside" !== this._label.getLayoutOptions().position && getLabelOrientation(this);
                    _symbol_point.default._drawLabel.call(this)
                },
                hideInsideLabel(label, coord) {
                    const graphicBBox = this._getGraphicBBox();
                    const labelBBox = label.getBoundingRect();
                    if (this._options.resolveLabelsOverlapping) {
                        if ((coord.y <= graphicBBox.y && coord.y + labelBBox.height >= graphicBBox.y + graphicBBox.height || coord.x <= graphicBBox.x && coord.x + labelBBox.width >= graphicBBox.x + graphicBBox.width) && !(coord.y > graphicBBox.y + graphicBBox.height || coord.y + labelBBox.height < graphicBBox.y || coord.x > graphicBBox.x + graphicBBox.width || coord.x + labelBBox.width < graphicBBox.x)) {
                            label.draw(false);
                            return true
                        }
                    }
                    return false
                },
                _showForZeroValues() {
                    return this._options.label.showForZeroValues || this.initialValue
                },
                _drawMarker(renderer, group, animationEnabled) {
                    const that = this;
                    const style = that._getStyle();
                    const r = that._options.cornerRadius;
                    const rotated = that._options.rotated;
                    let {
                        x: x,
                        y: y,
                        width: width,
                        height: height
                    } = that.getMarkerCoords();
                    if (animationEnabled) {
                        if (rotated) {
                            width = 0;
                            x = that.defaultX
                        } else {
                            height = 0;
                            y = that.defaultY
                        }
                    }
                    that.graphic = renderer.rect(x, y, width, height).attr({
                        rx: r,
                        ry: r
                    }).smartAttr(style).data({
                        "chart-data-point": that
                    }).append(group)
                },
                _getSettingsForTracker() {
                    let y = this.y;
                    let height = this.height;
                    let x = this.x;
                    let width = this.width;
                    if (this._options.rotated) {
                        if (1 === width) {
                            width = 9;
                            x -= 4
                        }
                    } else if (1 === height) {
                        height = 9;
                        y -= 4
                    }
                    return {
                        x: x,
                        y: y,
                        width: width,
                        height: height
                    }
                },
                getGraphicSettings() {
                    const graphic = this.graphic;
                    return {
                        x: graphic.attr("x"),
                        y: graphic.attr("y"),
                        height: graphic.attr("height"),
                        width: graphic.attr("width")
                    }
                },
                _getEdgeTooltipParams() {
                    const isPositive = this.value >= 0;
                    let xCoord;
                    let yCoord;
                    const invertedBusinessRange = this._getValTranslator().getBusinessRange().invert;
                    const {
                        x: x,
                        y: y,
                        width: width,
                        height: height
                    } = this;
                    if (this._options.rotated) {
                        yCoord = y + height / 2;
                        if (invertedBusinessRange) {
                            xCoord = isPositive ? x : x + width
                        } else {
                            xCoord = isPositive ? x + width : x
                        }
                    } else {
                        xCoord = x + width / 2;
                        if (invertedBusinessRange) {
                            yCoord = isPositive ? y + height : y
                        } else {
                            yCoord = isPositive ? y : y + height
                        }
                    }
                    return {
                        x: xCoord,
                        y: yCoord,
                        offset: 0
                    }
                },
                getTooltipParams(location) {
                    if ("edge" === location) {
                        return this._getEdgeTooltipParams()
                    }
                    const center = this.getCenterCoord();
                    center.offset = 0;
                    return center
                },
                getCenterCoord() {
                    const {
                        width: width,
                        height: height,
                        x: x,
                        y: y
                    } = this;
                    return {
                        x: x + width / 2,
                        y: y + height / 2
                    }
                },
                _truncateCoord(coord, bounds) {
                    if (null === coord) {
                        return coord
                    }
                    if (coord < bounds[0]) {
                        return bounds[0]
                    }
                    if (coord > bounds[1]) {
                        return bounds[1]
                    }
                    return coord
                },
                _getErrorBarBaseEdgeLength() {
                    return this._options.rotated ? this.height : this.width
                },
                _translateErrorBars(argVisibleArea) {
                    _symbol_point.default._translateErrorBars.call(this);
                    if (this._errorBarPos < argVisibleArea[0] || this._errorBarPos > argVisibleArea[1]) {
                        this._errorBarPos = void 0
                    }
                },
                _translate() {
                    const that = this;
                    const rotated = that._options.rotated;
                    const valAxis = rotated ? "x" : "y";
                    const argAxis = rotated ? "y" : "x";
                    const valIntervalName = rotated ? "width" : "height";
                    const argIntervalName = rotated ? "height" : "width";
                    const argTranslator = that._getArgTranslator();
                    const valTranslator = that._getValTranslator();
                    const argVisibleArea = that.series.getArgumentAxis().getVisibleArea();
                    const valVisibleArea = that.series.getValueAxis().getVisibleArea();
                    let arg = argTranslator.translate(that.argument);
                    let val = valTranslator.translate(that.value, 1);
                    let minVal = valTranslator.translate(that.minValue, -1);
                    that[argAxis] = arg = null === arg ? arg : arg + (that[`${argAxis}Correction`] || 0);
                    that[`v${valAxis}`] = val;
                    that[`v${argAxis}`] = arg + that[argIntervalName] / 2;
                    this._cacheVisibility(arg, val, minVal, rotated);
                    val = that._truncateCoord(val, valVisibleArea);
                    minVal = that._truncateCoord(minVal, valVisibleArea);
                    that[valIntervalName] = _abs(val - minVal);
                    val = val < minVal ? val : minVal;
                    that[valAxis] = null === val ? val : val + (that[`${valAxis}Correction`] || 0);
                    that[`min${valAxis.toUpperCase()}`] = null === minVal ? minVal : minVal + (that[`${valAxis}Correction`] || 0);
                    that[`default${valAxis.toUpperCase()}`] = valTranslator.translate("canvas_position_default");
                    that._translateErrorBars(argVisibleArea);
                    if (that.inVisibleArea && null !== that[argAxis]) {
                        if (that[argAxis] < argVisibleArea[0]) {
                            that[argIntervalName] = that[argIntervalName] - (argVisibleArea[0] - that[argAxis]);
                            that[argAxis] = argVisibleArea[0]
                        }
                        if (that[argAxis] + that[argIntervalName] > argVisibleArea[1]) {
                            that[argIntervalName] = argVisibleArea[1] - that[argAxis]
                        }
                    }
                },
                _updateMarker(animationEnabled, style) {
                    this.graphic.smartAttr(_extend({}, style, !animationEnabled ? this.getMarkerCoords() : {}))
                },
                getMarkerCoords() {
                    const that = this;
                    let x = that.x;
                    const y = that.y;
                    let width = that.width;
                    let height = that.height;
                    const argAxis = that.series.getArgumentAxis();
                    const rotated = that._options.rotated;
                    if (argAxis.getAxisPosition) {
                        const axisOptions = argAxis.getOptions();
                        const edgeOffset = Math.round(axisOptions.width / 2);
                        const argAxisPosition = argAxis.getAxisPosition();
                        if (axisOptions.visible) {
                            if (!rotated) {
                                height -= that.minY === that.defaultY && that.minY === argAxisPosition - argAxis.getAxisShift() ? edgeOffset : 0;
                                height < 0 && (height = 0)
                            } else {
                                const isStartFromAxis = that.minX === that.defaultX && that.minX === argAxisPosition - argAxis.getAxisShift();
                                x += isStartFromAxis ? edgeOffset : 0;
                                width -= isStartFromAxis ? edgeOffset : 0;
                                width < 0 && (width = 0)
                            }
                        }
                    }
                    return {
                        x: x,
                        y: y,
                        width: width,
                        height: height
                    }
                },
                coordsIn(x, y) {
                    return x >= this.x && x <= this.x + this.width && y >= this.y && y <= this.y + this.height
                }
            })
        },
        35394(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Point = Point;
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _consts = _interopRequireDefault(__webpack_require__( /*! ../../../viz/components/consts */ 44235));
            var _utils = __webpack_require__( /*! ../../../viz/core/utils */ 98013);
            var _bar_point = _interopRequireDefault(__webpack_require__( /*! ../../../viz/series/points/bar_point */ 9820));
            var _bubble_point = _interopRequireDefault(__webpack_require__( /*! ../../../viz/series/points/bubble_point */ 76777));
            var _candlestick_point = _interopRequireDefault(__webpack_require__( /*! ../../../viz/series/points/candlestick_point */ 5882));
            var _pie_point = _interopRequireDefault(__webpack_require__( /*! ../../../viz/series/points/pie_point */ 24431));
            var _polar_point = __webpack_require__( /*! ../../../viz/series/points/polar_point */ 84049);
            var _range_bar_point = _interopRequireDefault(__webpack_require__( /*! ../../../viz/series/points/range_bar_point */ 2146));
            var _range_symbol_point = _interopRequireDefault(__webpack_require__( /*! ../../../viz/series/points/range_symbol_point */ 921));
            var _stock_point = _interopRequireDefault(__webpack_require__( /*! ../../../viz/series/points/stock_point */ 73879));
            var _symbol_point = _interopRequireDefault(__webpack_require__( /*! ../../../viz/series/points/symbol_point */ 8731));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const mixins = {};
            const _extend = _extend2.extend;
            const statesConsts = _consts.default.states;
            const SELECTED_STATE = statesConsts.selectedMark;
            const HOVER_STATE = statesConsts.hoverMark;
            const NORMAL_STATE = statesConsts.normalMark;
            const HOVER = statesConsts.hover;
            const NORMAL = statesConsts.normal;
            const SELECTION = statesConsts.selection;
            const pointTypes = {
                chart: {
                    scatter: "symbolPoint",
                    line: "symbolPoint",
                    spline: "symbolPoint",
                    stepline: "symbolPoint",
                    stackedline: "symbolPoint",
                    fullstackedline: "symbolPoint",
                    stackedspline: "symbolPoint",
                    fullstackedspline: "symbolPoint",
                    stackedsplinearea: "symbolPoint",
                    fullstackedsplinearea: "symbolPoint",
                    area: "symbolPoint",
                    splinearea: "symbolPoint",
                    steparea: "symbolPoint",
                    stackedarea: "symbolPoint",
                    fullstackedarea: "symbolPoint",
                    rangearea: "rangeSymbolPoint",
                    bar: "barPoint",
                    stackedbar: "barPoint",
                    fullstackedbar: "barPoint",
                    rangebar: "rangeBarPoint",
                    bubble: "bubblePoint",
                    stock: "stockPoint",
                    candlestick: "candlestickPoint"
                },
                pie: {
                    pie: "piePoint",
                    doughnut: "piePoint",
                    donut: "piePoint"
                },
                polar: {
                    scatter: "polarSymbolPoint",
                    line: "polarSymbolPoint",
                    area: "polarSymbolPoint",
                    bar: "polarBarPoint",
                    stackedbar: "polarBarPoint"
                }
            };

            function isNoneMode(mode) {
                return "none" === (0, _utils.normalizeEnum)(mode)
            }

            function Point(series, dataItem, options) {
                this.fullState = NORMAL_STATE;
                this.series = series;
                this.update(dataItem, options);
                this._viewCounters = {
                    hover: 0,
                    selection: 0
                };
                this._emptySettings = {
                    fill: null,
                    stroke: null,
                    dashStyle: null,
                    filter: null
                }
            }
            mixins.symbolPoint = _symbol_point.default;
            mixins.barPoint = _bar_point.default;
            mixins.bubblePoint = _bubble_point.default;
            mixins.piePoint = _pie_point.default;
            mixins.rangeSymbolPoint = _range_symbol_point.default;
            mixins.rangeBarPoint = _range_bar_point.default;
            mixins.candlestickPoint = _candlestick_point.default;
            mixins.stockPoint = _stock_point.default;
            mixins.polarSymbolPoint = _polar_point.polarSymbolPoint;
            mixins.polarBarPoint = _polar_point.polarBarPoint;
            Point.prototype = {
                constructor: Point,
                getColor() {
                    if (!this.hasValue() && !this._styles.usePointCustomOptions) {
                        this.series.customizePoint(this, this._dataItem)
                    }
                    return this._styles.normal.fill || this.series.getColor()
                },
                _getStyle() {
                    return this._styles[this._currentStyle || "normal"]
                },
                update(dataItem, options) {
                    this.updateOptions(options);
                    this.updateData(dataItem)
                },
                updateData(dataItem) {
                    const argumentWasChanged = this.argument !== dataItem.argument;
                    this.argument = this.initialArgument = this.originalArgument = dataItem.argument;
                    this.tag = dataItem.tag;
                    this.index = dataItem.index;
                    this._dataItem = dataItem;
                    this.data = dataItem.data;
                    this.lowError = dataItem.lowError;
                    this.highError = dataItem.highError;
                    this.aggregationInfo = dataItem.aggregationInfo;
                    this._updateData(dataItem, argumentWasChanged);
                    !this.hasValue() && this.setInvisibility();
                    this._fillStyle();
                    this._updateLabelData()
                },
                deleteMarker() {
                    const that = this;
                    if (that.graphic) {
                        that.graphic.dispose()
                    }
                    that.graphic = null
                },
                draw(renderer, groups, animationEnabled, firstDrawing) {
                    const that = this;
                    if (that._needDeletingOnDraw || that.series.autoHidePointMarkers && !that.isSelected()) {
                        that.deleteMarker();
                        that._needDeletingOnDraw = false
                    }
                    if (that._needClearingOnDraw) {
                        that.clearMarker();
                        that._needClearingOnDraw = false
                    }
                    if (!that._hasGraphic()) {
                        that.getMarkerVisibility() && !that.series.autoHidePointMarkers && that._drawMarker(renderer, groups.markers, animationEnabled, firstDrawing)
                    } else {
                        that._updateMarker(animationEnabled, this._getStyle(), groups.markers)
                    }
                    that._drawLabel();
                    that._drawErrorBar(renderer, groups.errorBars, animationEnabled);
                    return that
                },
                _getViewStyle() {
                    let state = NORMAL_STATE;
                    let fullState = this.fullState;
                    const styles = [NORMAL, HOVER, SELECTION, SELECTION];
                    if (this._viewCounters.hover) {
                        state |= HOVER_STATE
                    }
                    if (this._viewCounters.selection) {
                        state |= SELECTED_STATE
                    }
                    if (isNoneMode(this.getOptions().selectionMode)) {
                        fullState &= ~SELECTED_STATE
                    }
                    if (isNoneMode(this.getOptions().hoverMode)) {
                        fullState &= ~HOVER_STATE
                    }
                    state |= fullState;
                    return styles[state]
                },
                applyView(legendCallback) {
                    const that = this;
                    const style = that._getViewStyle();
                    that._currentStyle = style;
                    if (!that.graphic && that.getMarkerVisibility() && that.series.autoHidePointMarkers && (style === SELECTION || style === HOVER)) {
                        that._drawMarker(that.series.getRenderer(), that.series.getMarkersGroup())
                    }
                    if (that.graphic) {
                        if (that.series.autoHidePointMarkers && style !== SELECTION && style !== HOVER) {
                            that.deleteMarker()
                        } else {
                            if ("normal" === style) {
                                that.clearMarker()
                            } else {
                                that.graphic.toForeground()
                            }
                            that._updateMarker(true, that._styles[style], void 0, legendCallback)
                        }
                    }
                },
                setView(style) {
                    this._viewCounters[style]++;
                    this.applyView()
                },
                resetView(style) {
                    const viewCounters = this._viewCounters;
                    --viewCounters[style];
                    if (viewCounters[style] < 0) {
                        viewCounters[style] = 0
                    }
                    this.applyView()
                },
                releaseHoverState() {
                    const that = this;
                    if (that.graphic && !that.isSelected()) {
                        that.graphic.toBackground()
                    }
                },
                select() {
                    this.series.selectPoint(this)
                },
                clearSelection() {
                    this.series.deselectPoint(this)
                },
                hover() {
                    this.series.hoverPoint(this)
                },
                clearHover() {
                    this.series.clearPointHover()
                },
                showTooltip() {
                    this.series.showPointTooltip(this)
                },
                hideTooltip() {
                    this.series.hidePointTooltip(this)
                },
                _checkLabelsChanging(oldType, newType) {
                    const isNewRange = ~newType.indexOf("range");
                    const isOldRange = ~oldType.indexOf("range");
                    return isOldRange && !isNewRange || !isOldRange && isNewRange
                },
                updateOptions(newOptions) {
                    if (!newOptions) {
                        return
                    }
                    const that = this;
                    const oldOptions = that._options;
                    const widgetType = newOptions.widgetType;
                    const oldType = oldOptions && oldOptions.type;
                    const newType = newOptions.type;
                    const newPointTypeMixin = pointTypes[widgetType][newType];
                    if (oldType !== newType) {
                        that._needDeletingOnDraw = true;
                        that._needClearingOnDraw = false;
                        if (oldType) {
                            that._checkLabelsChanging(oldType, newType) && that.deleteLabel();
                            that._resetType(mixins[pointTypes[oldType]])
                        }
                        that._setType(mixins[newPointTypeMixin])
                    } else {
                        that._needDeletingOnDraw = that._needDeletingOnDraw || that._checkSymbol(oldOptions, newOptions);
                        that._needClearingOnDraw = that._checkCustomize(oldOptions, newOptions)
                    }
                    that._options = newOptions;
                    that._fillStyle();
                    that._updateLabelOptions(newPointTypeMixin)
                },
                translate() {
                    if (this.hasValue()) {
                        this._translate();
                        this.translated = true
                    }
                },
                _checkCustomize: (oldOptions, newOptions) => oldOptions.styles.usePointCustomOptions && !newOptions.styles.usePointCustomOptions,
                _getCustomLabelVisibility() {
                    return this._styles.useLabelCustomOptions ? !!this._options.label.visible : null
                },
                getBoundingRect() {
                    return this._getGraphicBBox()
                },
                _resetType(methods) {
                    for (const methodName in methods) {
                        delete this[methodName]
                    }
                },
                _setType(methods) {
                    for (const methodName in methods) {
                        this[methodName] = methods[methodName]
                    }
                },
                isInVisibleArea() {
                    return this.inVisibleArea
                },
                isSelected() {
                    return !!(this.fullState & SELECTED_STATE)
                },
                isHovered() {
                    return !!(this.fullState & HOVER_STATE)
                },
                getOptions() {
                    return this._options
                },
                animate(complete, settings, partitionDuration) {
                    if (!this.graphic) {
                        complete && complete();
                        return
                    }
                    this.graphic.animate(settings, {
                        partitionDuration: partitionDuration
                    }, complete)
                },
                getCoords(min) {
                    const that = this;
                    if (!min) {
                        return {
                            x: that.x,
                            y: that.y
                        }
                    }
                    if (!that._options.rotated) {
                        return {
                            x: that.x,
                            y: that.minY + (that.y - that.minY ? 0 : 1)
                        }
                    }
                    return {
                        x: that.minX - (that.x - that.minX ? 0 : 1),
                        y: that.y
                    }
                },
                getDefaultCoords() {
                    return !this._options.rotated ? {
                        x: this.x,
                        y: this.defaultY
                    } : {
                        x: this.defaultX,
                        y: this.y
                    }
                },
                setDefaultCoords() {
                    const coords = this.getDefaultCoords();
                    this.x = coords.x;
                    this.y = coords.y
                },
                _getVisibleArea() {
                    return this.series.getVisibleArea()
                },
                _getArgTranslator() {
                    return this.series.getArgumentAxis().getTranslator()
                },
                _getValTranslator() {
                    return this.series.getValueAxis().getTranslator()
                },
                isArgumentCorrect() {
                    return this.series._argumentChecker(this.argument)
                },
                isValueCorrect() {
                    const valueChecker = this.series._valueChecker;
                    return valueChecker(this.getMinValue()) && valueChecker(this.getMaxValue())
                },
                hasValue() {
                    return null !== this.value && null !== this.minValue && this.isArgumentCorrect() && this.isValueCorrect()
                },
                hasCoords: _common.noop,
                correctPosition: _common.noop,
                correctRadius: _common.noop,
                correctLabelRadius: _common.noop,
                getCrosshairData: _common.noop,
                getPointRadius: _common.noop,
                _populatePointShape: _common.noop,
                _checkSymbol: _common.noop,
                getMarkerCoords: _common.noop,
                hide: _common.noop,
                show: _common.noop,
                hideMarker: _common.noop,
                setInvisibility: _common.noop,
                clearVisibility: _common.noop,
                isVisible: _common.noop,
                resetCorrection: _common.noop,
                correctValue: _common.noop,
                resetValue: _common.noop,
                setPercentValue: _common.noop,
                correctCoordinates: _common.noop,
                coordsIn: _common.noop,
                getTooltipParams: _common.noop,
                applyWordWrap: _common.noop,
                setLabelTrackerData: _common.noop,
                updateLabelCoord: _common.noop,
                drawLabel: _common.noop,
                correctLabelPosition: _common.noop,
                getMinValue: _common.noop,
                getMaxValue: _common.noop,
                _drawErrorBar: _common.noop,
                getMarkerVisibility: _common.noop,
                dispose() {
                    this.deleteMarker();
                    this.deleteLabel();
                    this._errorBar && this._errorBar.dispose();
                    this._options = this._styles = this.series = this._errorBar = null
                },
                getTooltipFormatObject(tooltip, stackPoints) {
                    const that = this;
                    const tooltipFormatObject = that._getFormatObject(tooltip);
                    const sharedTooltipValuesArray = [];
                    const tooltipStackPointsFormatObject = [];
                    if (stackPoints) {
                        stackPoints.forEach(point => {
                            if (!point.isVisible()) {
                                return
                            }
                            const formatObject = point._getFormatObject(tooltip);
                            tooltipStackPointsFormatObject.push(formatObject);
                            sharedTooltipValuesArray.push(`${formatObject.seriesName}: ${formatObject.valueText}`)
                        });
                        _extend(tooltipFormatObject, {
                            points: tooltipStackPointsFormatObject,
                            valueText: sharedTooltipValuesArray.join("\n"),
                            stackName: that.series.getStackName() || null
                        })
                    }
                    const aggregationInfo = that.aggregationInfo;
                    if (aggregationInfo) {
                        const axis = that.series.getArgumentAxis();
                        const rangeText = axis.formatRange(aggregationInfo.intervalStart, aggregationInfo.intervalEnd, aggregationInfo.aggregationInterval, tooltip.getOptions().argumentFormat);
                        if (rangeText) {
                            tooltipFormatObject.valueText += `\n${rangeText}`
                        }
                    }
                    return tooltipFormatObject
                },
                setHole(holeValue, position) {
                    const that = this;
                    const minValue = isFinite(that.minValue) ? that.minValue : 0;
                    if ((0, _type.isDefined)(holeValue)) {
                        if ("left" === position) {
                            that.leftHole = that.value - holeValue;
                            that.minLeftHole = minValue - holeValue
                        } else {
                            that.rightHole = that.value - holeValue;
                            that.minRightHole = minValue - holeValue
                        }
                    }
                },
                resetHoles() {
                    this.leftHole = null;
                    this.minLeftHole = null;
                    this.rightHole = null;
                    this.minRightHole = null
                },
                getLabel() {
                    return this._label
                },
                getLabels() {
                    return [this._label]
                },
                getCenterCoord() {
                    return {
                        x: this.x,
                        y: this.y
                    }
                }
            }
        },
        76777(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _extend2 = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _symbol_point = (e = __webpack_require__( /*! ../../../viz/series/points/symbol_point */ 8731), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const _extend = _extend2.extend;
            exports.default = _extend({}, _symbol_point.default, {
                correctCoordinates(diameter) {
                    this.bubbleSize = diameter / 2
                },
                _drawMarker(renderer, group, animationEnabled) {
                    const attr = _extend({
                        translateX: this.x,
                        translateY: this.y
                    }, this._getStyle());
                    this.graphic = renderer.circle(0, 0, animationEnabled ? 0 : this.bubbleSize).smartAttr(attr).data({
                        "chart-data-point": this
                    }).append(group)
                },
                getTooltipParams(location) {
                    const graphic = this.graphic;
                    if (!graphic) {
                        return
                    }
                    const height = graphic.getBBox().height;
                    return {
                        x: this.x,
                        y: this.y,
                        offset: height < 20 || "edge" === location ? height / 2 : 0
                    }
                },
                _getLabelFormatObject() {
                    const formatObject = _symbol_point.default._getLabelFormatObject.call(this);
                    formatObject.size = this.initialSize;
                    return formatObject
                },
                _updateData(data) {
                    _symbol_point.default._updateData.call(this, data);
                    this.size = this.initialSize = data.size
                },
                _getGraphicBBox() {
                    return this._getSymbolBBox(this.x, this.y, this.bubbleSize)
                },
                _updateMarker(animationEnabled, style) {
                    const that = this;
                    if (!animationEnabled) {
                        style = _extend({
                            r: that.bubbleSize,
                            translateX: that.x,
                            translateY: that.y
                        }, style)
                    }
                    that.graphic.smartAttr(style)
                },
                _getFormatObject(tooltip) {
                    const formatObject = _symbol_point.default._getFormatObject.call(this, tooltip);
                    formatObject.sizeText = tooltip.formatValue(this.initialSize);
                    return formatObject
                },
                _storeTrackerR() {
                    return this.bubbleSize
                },
                _getLabelCoords(label) {
                    let coords;
                    if ("inside" === label.getLayoutOptions().position) {
                        coords = this._getLabelCoordOfPosition(label, "inside")
                    } else {
                        coords = _symbol_point.default._getLabelCoords.call(this, label)
                    }
                    return coords
                }
            })
        },
        5882(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _extend2 = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _bar_point = _interopRequireDefault(__webpack_require__( /*! ../../../viz/series/points/bar_point */ 9820));
            var _symbol_point = _interopRequireDefault(__webpack_require__( /*! ../../../viz/series/points/symbol_point */ 8731));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const _math = Math;
            const _abs = _math.abs;
            const _min = _math.min;
            const _max = _math.max;
            const _round = _math.round;
            exports.default = (0, _extend2.extend)({}, _bar_point.default, {
                _getContinuousPoints(openCoord, closeCoord) {
                    const that = this;
                    const x = that.x;
                    const createPoint = that._options.rotated ? function(x, y) {
                        return [y, x]
                    } : function(x, y) {
                        return [x, y]
                    };
                    const width = that.width;
                    const highCoord = that.highY;
                    const max = _abs(highCoord - openCoord) < _abs(highCoord - closeCoord) ? openCoord : closeCoord;
                    const min = max === closeCoord ? openCoord : closeCoord;
                    let points;
                    if (min === max) {
                        points = [].concat(createPoint(x, that.highY)).concat(createPoint(x, that.lowY)).concat(createPoint(x, that.closeY)).concat(createPoint(x - width / 2, that.closeY)).concat(createPoint(x + width / 2, that.closeY)).concat(createPoint(x, that.closeY))
                    } else {
                        points = [].concat(createPoint(x, that.highY)).concat(createPoint(x, max)).concat(createPoint(x + width / 2, max)).concat(createPoint(x + width / 2, min)).concat(createPoint(x, min)).concat(createPoint(x, that.lowY)).concat(createPoint(x, min)).concat(createPoint(x - width / 2, min)).concat(createPoint(x - width / 2, max)).concat(createPoint(x, max))
                    }
                    return points
                },
                _getCrockPoints(y) {
                    const x = this.x;
                    const createPoint = this._options.rotated ? function(x, y) {
                        return [y, x]
                    } : function(x, y) {
                        return [x, y]
                    };
                    return [].concat(createPoint(x, this.highY)).concat(createPoint(x, this.lowY)).concat(createPoint(x, y)).concat(createPoint(x - this.width / 2, y)).concat(createPoint(x + this.width / 2, y)).concat(createPoint(x, y))
                },
                _getPoints() {
                    const that = this;
                    let points;
                    const closeCoord = that.closeY;
                    const openCoord = that.openY;
                    if (null !== closeCoord && null !== openCoord) {
                        points = that._getContinuousPoints(openCoord, closeCoord)
                    } else if (openCoord === closeCoord) {
                        points = [that.x, that.highY, that.x, that.lowY]
                    } else {
                        points = that._getCrockPoints(null !== openCoord ? openCoord : closeCoord)
                    }
                    return points
                },
                getColor() {
                    return this._isReduction ? this._options.reduction.color : this._styles.normal.stroke || this.series.getColor()
                },
                _drawMarkerInGroup(group, attributes, renderer) {
                    this.graphic = renderer.path(this._getPoints(), "area").attr({
                        "stroke-linecap": "square"
                    }).attr(attributes).data({
                        "chart-data-point": this
                    }).sharp().append(group)
                },
                _fillStyle() {
                    const that = this;
                    const styles = that._options.styles;
                    if (that._isReduction && that._isPositive) {
                        that._styles = styles.reductionPositive
                    } else if (that._isReduction) {
                        that._styles = styles.reduction
                    } else if (that._isPositive) {
                        that._styles = styles.positive
                    } else {
                        that._styles = styles
                    }
                },
                _getMinTrackerWidth() {
                    return 2 + 2 * this._styles.normal["stroke-width"]
                },
                correctCoordinates(correctOptions) {
                    const minWidth = this._getMinTrackerWidth();
                    let width = correctOptions.width;
                    width = width < minWidth ? minWidth : width > 10 ? 10 : width;
                    this.width = width + width % 2;
                    this.xCorrection = correctOptions.offset
                },
                _getMarkerGroup(group) {
                    let markerGroup;
                    if (this._isReduction && this._isPositive) {
                        markerGroup = group.reductionPositiveMarkersGroup
                    } else if (this._isReduction) {
                        markerGroup = group.reductionMarkersGroup
                    } else if (this._isPositive) {
                        markerGroup = group.defaultPositiveMarkersGroup
                    } else {
                        markerGroup = group.defaultMarkersGroup
                    }
                    return markerGroup
                },
                _drawMarker(renderer, group) {
                    this._drawMarkerInGroup(this._getMarkerGroup(group), this._getStyle(), renderer)
                },
                _getSettingsForTracker() {
                    const that = this;
                    let highY = that.highY;
                    let lowY = that.lowY;
                    const rotated = that._options.rotated;
                    let x;
                    let y;
                    let width;
                    let height;
                    if (highY === lowY) {
                        highY = rotated ? highY + 2 : highY - 2;
                        lowY = rotated ? lowY - 2 : lowY + 2
                    }
                    if (rotated) {
                        x = _min(lowY, highY);
                        y = that.x - that.width / 2;
                        width = _abs(lowY - highY);
                        height = that.width
                    } else {
                        x = that.x - that.width / 2;
                        y = _min(lowY, highY);
                        width = that.width;
                        height = _abs(lowY - highY)
                    }
                    return {
                        x: x,
                        y: y,
                        width: width,
                        height: height
                    }
                },
                _getGraphicBBox(location) {
                    const that = this;
                    const rotated = that._options.rotated;
                    const x = that.x;
                    const width = that.width;
                    let lowY = that.lowY;
                    let highY = that.highY;
                    if (location) {
                        const valVisibleArea = that.series.getValueAxis().getVisibleArea();
                        highY = that._truncateCoord(highY, valVisibleArea);
                        lowY = that._truncateCoord(lowY, valVisibleArea)
                    }
                    const bBox = {
                        x: !rotated ? x - _round(width / 2) : lowY,
                        y: !rotated ? highY : x - _round(width / 2),
                        width: !rotated ? width : highY - lowY,
                        height: !rotated ? lowY - highY : width
                    };
                    if (location) {
                        const isTop = "top" === location;
                        if (!this._options.rotated) {
                            bBox.y = isTop ? bBox.y : bBox.y + bBox.height;
                            bBox.height = 0
                        } else {
                            bBox.x = isTop ? bBox.x + bBox.width : bBox.x;
                            bBox.width = 0
                        }
                    }
                    return bBox
                },
                getTooltipParams(location) {
                    const that = this;
                    if (that.graphic) {
                        const minValue = _min(that.lowY, that.highY);
                        const maxValue = _max(that.lowY, that.highY);
                        const visibleArea = that._getVisibleArea();
                        const rotated = that._options.rotated;
                        const minVisible = rotated ? visibleArea.minX : visibleArea.minY;
                        const maxVisible = rotated ? visibleArea.maxX : visibleArea.maxY;
                        const min = _max(minVisible, minValue);
                        const max = _min(maxVisible, maxValue);
                        const centerCoord = that.getCenterCoord();
                        if ("edge" === location) {
                            centerCoord[rotated ? "x" : "y"] = rotated ? max : min
                        }
                        centerCoord.offset = 0;
                        return centerCoord
                    }
                },
                getCenterCoord() {
                    if (this.graphic) {
                        const that = this;
                        let x;
                        let y;
                        const minValue = _min(that.lowY, that.highY);
                        const maxValue = _max(that.lowY, that.highY);
                        const visibleArea = that._getVisibleArea();
                        const rotated = that._options.rotated;
                        const minVisible = rotated ? visibleArea.minX : visibleArea.minY;
                        const maxVisible = rotated ? visibleArea.maxX : visibleArea.maxY;
                        const min = _max(minVisible, minValue);
                        const max = _min(maxVisible, maxValue);
                        const center = min + (max - min) / 2;
                        if (rotated) {
                            y = that.x;
                            x = center
                        } else {
                            x = that.x;
                            y = center
                        }
                        return {
                            x: x,
                            y: y
                        }
                    }
                },
                hasValue() {
                    return null !== this.highValue && null !== this.lowValue
                },
                hasCoords() {
                    return null !== this.x && null !== this.lowY && null !== this.highY
                },
                _translate() {
                    const valTranslator = this._getValTranslator();
                    const x = this._getArgTranslator().translate(this.argument);
                    this.vx = this.vy = this.x = null === x ? x : x + (this.xCorrection || 0);
                    this.openY = null !== this.openValue ? valTranslator.translate(this.openValue) : null;
                    this.highY = valTranslator.translate(this.highValue);
                    this.lowY = valTranslator.translate(this.lowValue);
                    this.closeY = null !== this.closeValue ? valTranslator.translate(this.closeValue) : null;
                    const minValue = Math.min(this.lowY, this.highY);
                    const height = Math.abs(this.lowY - this.highY);
                    if (this._options.rotated) {
                        this._calculateVisibility(minValue, this.x, height, 0)
                    } else {
                        this._calculateVisibility(this.x, minValue, 0, height)
                    }
                },
                getCrosshairData(x, y) {
                    const that = this;
                    const rotated = that._options.rotated;
                    const origY = rotated ? x : y;
                    let yValue;
                    const argument = that.argument;
                    let coords;
                    let coord = "low";
                    if (_abs(that.lowY - origY) < _abs(that.closeY - origY)) {
                        yValue = that.lowY
                    } else {
                        yValue = that.closeY;
                        coord = "close"
                    }
                    if (_abs(yValue - origY) >= _abs(that.openY - origY)) {
                        yValue = that.openY;
                        coord = "open"
                    }
                    if (_abs(yValue - origY) >= _abs(that.highY - origY)) {
                        yValue = that.highY;
                        coord = "high"
                    }
                    if (rotated) {
                        coords = {
                            y: that.vy,
                            x: yValue,
                            xValue: that[`${coord}Value`],
                            yValue: argument
                        }
                    } else {
                        coords = {
                            x: that.vx,
                            y: yValue,
                            xValue: argument,
                            yValue: that[`${coord}Value`]
                        }
                    }
                    coords.axis = that.series.axis;
                    return coords
                },
                _updateData(data) {
                    const label = this._label;
                    const reductionColor = this._options.reduction.color;
                    this.value = this.initialValue = data.reductionValue;
                    this.originalValue = data.value;
                    this.lowValue = this.originalLowValue = data.lowValue;
                    this.highValue = this.originalHighValue = data.highValue;
                    this.openValue = this.originalOpenValue = data.openValue;
                    this.closeValue = this.originalCloseValue = data.closeValue;
                    this._isPositive = data.openValue < data.closeValue;
                    this._isReduction = data.isReduction;
                    if (this._isReduction) {
                        label.setColor(reductionColor)
                    }
                },
                _updateMarker(animationEnabled, style, group) {
                    const graphic = this.graphic;
                    graphic.attr({
                        points: this._getPoints()
                    }).smartAttr(style).sharp();
                    group && graphic.append(this._getMarkerGroup(group))
                },
                _getLabelFormatObject() {
                    return {
                        openValue: this.openValue,
                        highValue: this.highValue,
                        lowValue: this.lowValue,
                        closeValue: this.closeValue,
                        reductionValue: this.initialValue,
                        argument: this.initialArgument,
                        value: this.initialValue,
                        seriesName: this.series.name,
                        originalOpenValue: this.originalOpenValue,
                        originalCloseValue: this.originalCloseValue,
                        originalLowValue: this.originalLowValue,
                        originalHighValue: this.originalHighValue,
                        originalArgument: this.originalArgument,
                        point: this
                    }
                },
                _getFormatObject(tooltip) {
                    const highValue = tooltip.formatValue(this.highValue);
                    const openValue = tooltip.formatValue(this.openValue);
                    const closeValue = tooltip.formatValue(this.closeValue);
                    const lowValue = tooltip.formatValue(this.lowValue);
                    const symbolMethods = _symbol_point.default;
                    const formatObject = symbolMethods._getFormatObject.call(this, tooltip);
                    return (0, _extend2.extend)({}, formatObject, {
                        valueText: `h: ${highValue}${""!==openValue?` o: ${openValue}`:""}${""!==closeValue?` c: ${closeValue}`:""} l: ${lowValue}`,
                        highValueText: highValue,
                        openValueText: openValue,
                        closeValueText: closeValue,
                        lowValueText: lowValue
                    })
                },
                getMaxValue() {
                    return this.highValue
                },
                getMinValue() {
                    return this.lowValue
                }
            })
        },
        95390(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Label = Label;
            var _extend = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _format_helper = (e = __webpack_require__( /*! ../../../../format_helper */ 2082), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _utils = __webpack_require__( /*! ../../../viz/core/utils */ 98013);
            var _display_format_parser = __webpack_require__( /*! ../../../viz/series/helpers/display_format_parser */ 77198);
            const _format = _format_helper.default.format;
            const _math = Math;
            const _round = _math.round;
            const _floor = _math.floor;
            const _abs = _math.abs;

            function getClosestCoord(point, coords) {
                let closestDistance = 1 / 0;
                let closestCoord;
                (0, _iterator.each)(coords, (_, coord) => {
                    const x = point[0] - coord[0];
                    const y = point[1] - coord[1];
                    const distance = x * x + y * y;
                    if (distance < closestDistance) {
                        closestDistance = distance;
                        closestCoord = coord
                    }
                });
                return [_floor(closestCoord[0]), _floor(closestCoord[1])]
            }

            function getCrossCoord(rect, coord, indexOffset) {
                return (coord - rect[0 + indexOffset]) / (rect[2 + indexOffset] - rect[0 + indexOffset]) * (rect[3 - indexOffset] - rect[1 - indexOffset]) + rect[1 - indexOffset]
            }
            const barPointStrategy = {
                isLabelInside(labelPoint, figure) {
                    const xc = labelPoint.x + labelPoint.width / 2;
                    const yc = labelPoint.y + labelPoint.height / 2;
                    return figure.x <= xc && xc <= figure.x + figure.width && figure.y <= yc && yc <= figure.y + figure.height
                },
                prepareLabelPoints(bBox, rotatedBBox, isHorizontal, angle, figureCenter) {
                    const x1 = rotatedBBox.x;
                    const xc = x1 + rotatedBBox.width / 2;
                    const x2 = x1 + rotatedBBox.width - 1;
                    const y1 = rotatedBBox.y;
                    const yc = y1 + rotatedBBox.height / 2;
                    const y2 = y1 + rotatedBBox.height - 1;
                    let labelPoints;
                    const isRectangular = _abs(angle) % 90 === 0;
                    if (figureCenter[0] > x1 && figureCenter[0] < x2) {
                        if (isRectangular) {
                            labelPoints = [
                                [figureCenter[0], _abs(figureCenter[1] - y1) < _abs(figureCenter[1] - y2) ? y1 : y2]
                            ]
                        } else {
                            labelPoints = [
                                [figureCenter[0], getCrossCoord([x1, y1, x2, y2], figureCenter[0], 0)]
                            ]
                        }
                    } else if (figureCenter[1] > y1 && figureCenter[1] < y2) {
                        if (isRectangular) {
                            labelPoints = [
                                [_abs(figureCenter[0] - x1) < _abs(figureCenter[0] - x2) ? x1 : x2, figureCenter[1]]
                            ]
                        } else {
                            labelPoints = [
                                [getCrossCoord([x1, y1, x2, y2], figureCenter[1], 1), figureCenter[1]]
                            ]
                        }
                    } else if (isRectangular) {
                        labelPoints = [
                            [x1, y1],
                            [isHorizontal ? x1 : xc, isHorizontal ? yc : y1],
                            [x2, y1],
                            [x1, y2],
                            [isHorizontal ? x2 : xc, isHorizontal ? yc : y2],
                            [x2, y2]
                        ]
                    } else {
                        labelPoints = [
                            [xc, yc]
                        ]
                    }
                    return labelPoints
                },
                isHorizontal: (bBox, figure) => bBox.x > figure.x + figure.width || bBox.x + bBox.width < figure.x,
                getFigureCenter: figure => [_floor(figure.x + figure.width / 2), _floor(figure.y + figure.height / 2)],
                findFigurePoint(figure, labelPoint) {
                    const figureCenter = barPointStrategy.getFigureCenter(figure);
                    const point = getClosestCoord(labelPoint, [
                        [figure.x, figureCenter[1]],
                        [figureCenter[0], figure.y + figure.height],
                        [figure.x + figure.width, figureCenter[1]],
                        [figureCenter[0], figure.y]
                    ]);
                    return point
                },
                adjustPoints(points) {
                    const lineIsVertical = _abs(points[1] - points[3]) <= 1;
                    const lineIsHorizontal = _abs(points[0] - points[2]) <= 1;
                    if (lineIsHorizontal) {
                        points[0] = points[2]
                    }
                    if (lineIsVertical) {
                        points[1] = points[3]
                    }
                    return points
                }
            };
            const symbolPointStrategy = {
                isLabelInside: () => false,
                prepareLabelPoints: barPointStrategy.prepareLabelPoints,
                isHorizontal: (bBox, figure) => bBox.x > figure.x + figure.r || bBox.x + bBox.width < figure.x - figure.r,
                getFigureCenter: figure => [figure.x, figure.y],
                findFigurePoint(figure, labelPoint) {
                    const angle = Math.atan2(figure.y - labelPoint[1], labelPoint[0] - figure.x);
                    return [_round(figure.x + figure.r * Math.cos(angle)), _round(figure.y - figure.r * Math.sin(angle))]
                },
                adjustPoints: barPointStrategy.adjustPoints
            };
            const piePointStrategy = {
                isLabelInside: (_0, _1, isOutside) => !isOutside,
                prepareLabelPoints(bBox, rotatedBBox, isHorizontal, angle) {
                    const xl = bBox.x;
                    const xr = xl + bBox.width;
                    const xc = xl + _round(bBox.width / 2);
                    const yt = bBox.y;
                    const yb = yt + bBox.height;
                    const yc = yt + _round(bBox.height / 2);
                    let points = [
                        [
                            [xl, yt],
                            [xr, yt]
                        ],
                        [
                            [xr, yt],
                            [xr, yb]
                        ],
                        [
                            [xr, yb],
                            [xl, yb]
                        ],
                        [
                            [xl, yb],
                            [xl, yt]
                        ]
                    ];
                    const cosSin = (0, _utils.getCosAndSin)(angle);
                    if (0 === angle) {
                        points = isHorizontal ? [
                            [xl, yc],
                            [xr, yc]
                        ] : [
                            [xc, yt],
                            [xc, yb]
                        ]
                    } else {
                        points = points.map(pair => pair.map(point => [_round((point[0] - xc) * cosSin.cos + (point[1] - yc) * cosSin.sin + xc), _round(-(point[0] - xc) * cosSin.sin + (point[1] - yc) * cosSin.cos + yc)])).reduce((r, pair) => {
                            const point1x = pair[0][0];
                            const point1y = pair[0][1];
                            const point2x = pair[1][0];
                            const point2y = pair[1][1];
                            if (isHorizontal) {
                                if (point1y >= yc && yc >= point2y || point1y <= yc && yc <= point2y) {
                                    r.push([(yc - point1y) * (point2x - point1x) / (point2y - point1y) + point1x, yc])
                                }
                            } else if (point1x >= xc && xc >= point2x || point1x <= xc && xc <= point2x) {
                                r.push([xc, (xc - point1x) * (point2y - point1y) / (point2x - point1x) + point1y])
                            }
                            return r
                        }, [])
                    }
                    return points
                },
                isHorizontal: (bBox, figure) => bBox.x > figure.x || figure.x > bBox.x + bBox.width,
                getFigureCenter: symbolPointStrategy.getFigureCenter,
                findFigurePoint(figure, labelPoint, isHorizontal) {
                    if (!isHorizontal) {
                        return [figure.x, figure.y]
                    }
                    const labelX = labelPoint[0];
                    const x = _round(figure.x + (figure.y - labelPoint[1]) / Math.tan((0, _utils.degreesToRadians)(figure.angle)));
                    let points = [figure.x, figure.y, x, labelPoint[1]];
                    if (!(figure.x <= x && x <= labelX) && !(labelX <= x && x <= figure.x)) {
                        if (_abs(figure.x - labelX) < 12) {
                            points = [figure.x, figure.y]
                        } else if (figure.x <= labelX) {
                            points[2] = figure.x + 12
                        } else {
                            points[2] = figure.x - 12
                        }
                    }
                    return points
                },
                adjustPoints: points => points
            };

            function selectStrategy(figure) {
                return void 0 !== figure.angle && piePointStrategy || void 0 !== figure.r && symbolPointStrategy || barPointStrategy
            }

            function disposeItem(obj, field) {
                obj[field] && obj[field].dispose();
                obj[field] = null
            }

            function checkBackground(background) {
                return background && (background.fill && "none" !== background.fill || background["stroke-width"] > 0 && background.stroke && "none" !== background.stroke)
            }

            function checkConnector(connector) {
                return connector && connector["stroke-width"] > 0 && connector.stroke && "none" !== connector.stroke
            }

            function Label(renderSettings) {
                this._renderer = renderSettings.renderer;
                this._container = renderSettings.labelsGroup;
                this._point = renderSettings.point;
                this._strategy = renderSettings.strategy;
                this._rowCount = 1
            }
            Label.prototype = {
                constructor: Label,
                setColor(color) {
                    this._color = color
                },
                setOptions(options) {
                    this._options = options
                },
                setData(data) {
                    this._data = data
                },
                setDataField(fieldName, fieldValue) {
                    this._data = this._data || {};
                    this._data[fieldName] = fieldValue
                },
                getData() {
                    return this._data
                },
                setFigureToDrawConnector(figure) {
                    this._figure = figure
                },
                dispose() {
                    disposeItem(this, "_group");
                    this._data = this._options = this._textContent = this._visible = this._insideGroup = this._text = this._background = this._connector = this._figure = null
                },
                _setVisibility(value, state) {
                    this._group && this._group.attr({
                        visibility: value
                    });
                    this._visible = state
                },
                isVisible() {
                    return this._visible
                },
                hide(holdInvisible) {
                    this._holdVisibility = !!holdInvisible;
                    this._hide()
                },
                _hide() {
                    this._setVisibility("hidden", false)
                },
                show(holdVisible) {
                    const correctPosition = !this._drawn;
                    if (this._point.hasValue()) {
                        this._holdVisibility = !!holdVisible;
                        this._show();
                        correctPosition && this._point.correctLabelPosition(this)
                    }
                },
                _show() {
                    const that = this;
                    const renderer = that._renderer;
                    const container = that._container;
                    const options = that._options || {};
                    const text = that._textContent = function(data, options) {
                        const format = options.format;
                        data.valueText = _format(data.value, format);
                        data.argumentText = _format(data.argument, options.argumentFormat);
                        if (void 0 !== data.percent) {
                            data.percentText = _format(data.percent, {
                                type: "percent",
                                precision: format && format.percentPrecision
                            })
                        }
                        if (void 0 !== data.total) {
                            data.totalText = _format(data.total, format)
                        }
                        if (void 0 !== data.openValue) {
                            data.openValueText = _format(data.openValue, format)
                        }
                        if (void 0 !== data.closeValue) {
                            data.closeValueText = _format(data.closeValue, format)
                        }
                        if (void 0 !== data.lowValue) {
                            data.lowValueText = _format(data.lowValue, format)
                        }
                        if (void 0 !== data.highValue) {
                            data.highValueText = _format(data.highValue, format)
                        }
                        if (void 0 !== data.reductionValue) {
                            data.reductionValueText = _format(data.reductionValue, format)
                        }
                        return options.customizeText ? options.customizeText.call(data, data) : options.displayFormat ? (0, _display_format_parser.processDisplayFormat)(options.displayFormat, data) : data.valueText
                    }(that._data, options) || null;
                    if (text) {
                        if (!that._group) {
                            that._group = renderer.g().append(container);
                            that._insideGroup = renderer.g().append(that._group);
                            that._text = renderer.text("", 0, 0).append(that._insideGroup)
                        }
                        that._text.css(options.attributes ? (0, _utils.patchFontOptions)(options.attributes.font) : {});
                        if (checkBackground(options.background)) {
                            that._background = that._background || renderer.rect().append(that._insideGroup).toBackground();
                            that._background.attr(options.background);
                            that._color && that._background.attr({
                                fill: that._color
                            })
                        } else {
                            disposeItem(that, "_background")
                        }
                        if (checkConnector(options.connector)) {
                            that._connector = that._connector || renderer.path([], "line").sharp().append(that._group).toBackground();
                            that._connector.attr(options.connector);
                            that._color && that._connector.attr({
                                stroke: that._color
                            })
                        } else {
                            disposeItem(that, "_connector")
                        }
                        that._text.attr({
                            text: text,
                            align: options.textAlignment,
                            class: options.cssClass
                        });
                        that._updateBackground(that._text.getBBox());
                        that._setVisibility("visible", true);
                        that._drawn = true
                    } else {
                        that._hide()
                    }
                },
                _getLabelVisibility(isVisible) {
                    return this._holdVisibility ? this.isVisible() : isVisible
                },
                draw(isVisible) {
                    if (this._getLabelVisibility(isVisible)) {
                        this._show();
                        this._point && this._point.correctLabelPosition(this)
                    } else {
                        this._drawn = false;
                        this._hide()
                    }
                    return this
                },
                _updateBackground(bBox) {
                    const that = this;
                    if (that._background) {
                        bBox.x -= 8;
                        bBox.y -= 4;
                        bBox.width += 16;
                        bBox.height += 8;
                        that._background.attr(bBox)
                    }
                    that._bBoxWithoutRotation = (0, _extend.extend)({}, bBox);
                    const rotationAngle = that._options.rotationAngle || 0;
                    that._insideGroup.rotate(rotationAngle, bBox.x + bBox.width / 2, bBox.y + bBox.height / 2);
                    bBox = (0, _utils.rotateBBox)(bBox, [bBox.x + bBox.width / 2, bBox.y + bBox.height / 2], -rotationAngle);
                    that._bBox = bBox
                },
                getFigureCenter() {
                    const figure = this._figure;
                    const strategy = this._strategy || selectStrategy(figure);
                    return strategy.getFigureCenter(figure)
                },
                _getConnectorPoints() {
                    const that = this;
                    const figure = that._figure;
                    const options = that._options;
                    const strategy = that._strategy || selectStrategy(figure);
                    const bBox = that._shiftBBox(that._bBoxWithoutRotation);
                    const rotatedBBox = that.getBoundingRect();
                    let labelPoint;
                    let points = [];
                    let isHorizontal;
                    if (!strategy.isLabelInside(bBox, figure, "inside" !== options.position)) {
                        isHorizontal = strategy.isHorizontal(bBox, figure);
                        const figureCenter = that.getFigureCenter();
                        points = strategy.prepareLabelPoints(bBox, rotatedBBox, isHorizontal, -options.rotationAngle || 0, figureCenter);
                        labelPoint = getClosestCoord(figureCenter, points);
                        points = strategy.findFigurePoint(figure, labelPoint, isHorizontal);
                        points = points.concat(labelPoint)
                    }
                    return strategy.adjustPoints(points)
                },
                fit(maxWidth) {
                    const padding = this._background ? 16 : 0;
                    let rowCountChanged = false;
                    if (this._text) {
                        const result = this._text.setMaxSize(maxWidth - padding, void 0, this._options);
                        let rowCount = result.rowCount;
                        if (0 === rowCount) {
                            rowCount = 1
                        }
                        if (rowCount !== this._rowCount) {
                            rowCountChanged = true;
                            this._rowCount = rowCount
                        }
                        result.textIsEmpty && disposeItem(this, "_background")
                    }
                    this._updateBackground(this._text.getBBox());
                    return rowCountChanged
                },
                resetEllipsis() {
                    this._text && this._text.restoreText();
                    this._updateBackground(this._text.getBBox())
                },
                setTrackerData(point) {
                    this._text.data({
                        "chart-data-point": point
                    });
                    this._background && this._background.data({
                        "chart-data-point": point
                    })
                },
                hideInsideLabel(coords) {
                    return this._point.hideInsideLabel(this, coords)
                },
                getPoint() {
                    return this._point
                },
                shift(x, y) {
                    const that = this;
                    if (that._textContent) {
                        that._insideGroup.attr({
                            translateX: that._x = _round(x - that._bBox.x),
                            translateY: that._y = _round(y - that._bBox.y)
                        });
                        if (that._connector) {
                            that._connector.attr({
                                points: that._getConnectorPoints()
                            })
                        }
                    }
                    return that
                },
                getBoundingRect() {
                    return this._shiftBBox(this._bBox)
                },
                _shiftBBox(bBox) {
                    return this._textContent ? {
                        x: bBox.x + this._x,
                        y: bBox.y + this._y,
                        width: bBox.width,
                        height: bBox.height
                    } : {}
                },
                getLayoutOptions() {
                    const options = this._options;
                    return {
                        alignment: options.alignment,
                        background: checkBackground(options.background),
                        horizontalOffset: options.horizontalOffset,
                        verticalOffset: options.verticalOffset,
                        radialOffset: options.radialOffset,
                        position: options.position,
                        connectorOffset: (checkConnector(options.connector) ? 12 : 0) + (checkBackground(options.background) ? 8 : 0)
                    }
                }
            }
        },
        24431(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _extend2 = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _consts = _interopRequireDefault(__webpack_require__( /*! ../../../viz/components/consts */ 44235));
            var _utils = __webpack_require__( /*! ../../../viz/core/utils */ 98013);
            var _symbol_point = _interopRequireDefault(__webpack_require__( /*! ../../../viz/series/points/symbol_point */ 8731));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const _extend = _extend2.extend;
            const _round = Math.round;
            const _sqrt = Math.sqrt;
            const _acos = Math.acos;
            const DEG = 180 / Math.PI;
            const _abs = Math.abs;
            const RADIAL_LABEL_INDENT = _consts.default.radialLabelIndent;
            exports.default = _extend({}, _symbol_point.default, {
                _updateData(data, argumentChanged) {
                    const that = this;
                    _symbol_point.default._updateData.call(this, data);
                    if (argumentChanged || !(0, _type.isDefined)(that._visible)) {
                        that._visible = true
                    }
                    that.minValue = that.initialMinValue = that.originalMinValue = (0, _type.isDefined)(data.minValue) ? data.minValue : 0
                },
                animate(complete, duration, delay) {
                    this.graphic.animate({
                        x: this.centerX,
                        y: this.centerY,
                        outerRadius: this.radiusOuter,
                        innerRadius: this.radiusInner,
                        startAngle: this.toAngle,
                        endAngle: this.fromAngle
                    }, {
                        delay: delay,
                        partitionDuration: duration
                    }, complete)
                },
                correctPosition(correction) {
                    this.correctRadius(correction);
                    this.correctLabelRadius(correction.radiusOuter + RADIAL_LABEL_INDENT);
                    this.centerX = correction.centerX;
                    this.centerY = correction.centerY
                },
                correctRadius(correction) {
                    this.radiusInner = correction.radiusInner;
                    this.radiusOuter = correction.radiusOuter
                },
                correctLabelRadius(radiusLabels) {
                    this.radiusLabels = radiusLabels
                },
                correctValue(correction, percent, base) {
                    this.value = (base || this.normalInitialValue) + correction;
                    this.minValue = correction;
                    this.percent = percent;
                    this._label.setDataField("percent", percent)
                },
                _updateLabelData() {
                    this._label.setData(this._getLabelFormatObject())
                },
                _getShiftLabelCoords() {
                    const that = this;
                    const bBox = that._label.getBoundingRect();
                    const coord = that._getLabelCoords(that._label);
                    const visibleArea = that._getVisibleArea();
                    if (that._isLabelDrawingWithoutPoints) {
                        return that._checkLabelPosition(coord, bBox, visibleArea)
                    } else {
                        return that._getLabelExtraCoord(coord, that._checkVerticalLabelPosition(coord, bBox, visibleArea), bBox)
                    }
                },
                _getLabelPosition: options => options.position,
                getAnnotationCoords(location) {
                    return this._getElementCoords("edge" !== location ? "inside" : "outside", this.radiusOuter, 0)
                },
                _getElementCoords(position, elementRadius, radialOffset) {
                    let bBox = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : {
                        x: 0,
                        y: 0,
                        width: 0,
                        height: 0
                    };
                    const that = this;
                    const angleFunctions = (0, _utils.getCosAndSin)(that.middleAngle);
                    const radiusInner = that.radiusInner;
                    const radiusOuter = that.radiusOuter;
                    const columnsPosition = "columns" === position;
                    let rad;
                    let x;
                    if ("inside" === position) {
                        rad = radiusInner + (radiusOuter - radiusInner) / 2 + radialOffset;
                        x = that.centerX + rad * angleFunctions.cos - bBox.width / 2
                    } else {
                        rad = elementRadius + radialOffset;
                        if (angleFunctions.cos > .1 || columnsPosition && angleFunctions.cos >= 0) {
                            x = that.centerX + rad * angleFunctions.cos
                        } else if (angleFunctions.cos < -.1 || columnsPosition && angleFunctions.cos < 0) {
                            x = that.centerX + rad * angleFunctions.cos - bBox.width
                        } else {
                            x = that.centerX + rad * angleFunctions.cos - bBox.width / 2
                        }
                    }
                    return {
                        x: x,
                        y: _round(that.centerY - rad * angleFunctions.sin - bBox.height / 2)
                    }
                },
                _getLabelCoords(label) {
                    const bBox = label.getBoundingRect();
                    const options = label.getLayoutOptions();
                    const position = this._getLabelPosition(options);
                    return this._getElementCoords(position, this.radiusLabels, options.radialOffset, bBox)
                },
                _correctLabelCoord(coord, moveLabelsFromCenter) {
                    const label = this._label;
                    const bBox = label.getBoundingRect();
                    const labelWidth = bBox.width;
                    const options = label.getLayoutOptions();
                    const visibleArea = this._getVisibleArea();
                    const rightBorderX = visibleArea.maxX - labelWidth;
                    const leftBorderX = visibleArea.minX;
                    const angleOfPoint = (0, _utils.normalizeAngle)(this.middleAngle);
                    const centerX = this.centerX;
                    const connectorOffset = options.connectorOffset;
                    let x = coord.x;
                    if ("columns" === options.position) {
                        if (angleOfPoint <= 90 || angleOfPoint >= 270) {
                            x = rightBorderX
                        } else {
                            x = leftBorderX
                        }
                        coord.x = x
                    } else if ("inside" !== options.position && moveLabelsFromCenter) {
                        if (angleOfPoint <= 90 || angleOfPoint >= 270) {
                            if (x - connectorOffset < centerX) {
                                x = centerX + connectorOffset
                            }
                        } else if (x + labelWidth + connectorOffset > centerX) {
                            x = centerX - labelWidth - connectorOffset
                        }
                        coord.x = x
                    }
                    return coord
                },
                drawLabel() {
                    this.translate();
                    this._isLabelDrawingWithoutPoints = true;
                    this._drawLabel();
                    this._isLabelDrawingWithoutPoints = false
                },
                updateLabelCoord(moveLabelsFromCenter) {
                    const bBox = this._label.getBoundingRect();
                    let coord = this._correctLabelCoord(bBox, moveLabelsFromCenter);
                    coord = this._checkHorizontalLabelPosition(coord, bBox, this._getVisibleArea());
                    this._label.shift(_round(coord.x), _round(bBox.y))
                },
                _checkVerticalLabelPosition(coord, box, visibleArea) {
                    const x = coord.x;
                    let y = coord.y;
                    if (coord.y + box.height > visibleArea.maxY) {
                        y = visibleArea.maxY - box.height
                    } else if (coord.y < visibleArea.minY) {
                        y = visibleArea.minY
                    }
                    return {
                        x: x,
                        y: y
                    }
                },
                _getLabelExtraCoord(coord, shiftCoord, box) {
                    return coord.y !== shiftCoord.y ? (0, _utils.getVerticallyShiftedAngularCoords)({
                        x: coord.x,
                        y: coord.y,
                        width: box.width,
                        height: box.height
                    }, shiftCoord.y - coord.y, {
                        x: this.centerX,
                        y: this.centerY
                    }) : coord
                },
                _checkHorizontalLabelPosition(coord, box, visibleArea) {
                    let x = coord.x;
                    const y = coord.y;
                    if (coord.x + box.width > visibleArea.maxX) {
                        x = visibleArea.maxX - box.width
                    } else if (coord.x < visibleArea.minX) {
                        x = visibleArea.minX
                    }
                    return {
                        x: x,
                        y: y
                    }
                },
                applyWordWrap(moveLabelsFromCenter) {
                    const that = this;
                    const label = that._label;
                    const box = label.getBoundingRect();
                    const visibleArea = that._getVisibleArea();
                    const position = label.getLayoutOptions().position;
                    let width = box.width;
                    let rowCountChanged = false;
                    if ("columns" === position && that.series.index > 0) {
                        width = visibleArea.maxX - that.centerX - that.radiusLabels
                    } else if ("inside" === position) {
                        if (width > visibleArea.maxX - visibleArea.minX) {
                            width = visibleArea.maxX - visibleArea.minX
                        }
                    } else if (moveLabelsFromCenter && box.x < that.centerX && box.width + box.x > that.centerX) {
                        width = Math.floor((visibleArea.maxX - visibleArea.minX) / 2)
                    } else if (box.x + width > visibleArea.maxX) {
                        width = visibleArea.maxX - box.x
                    } else if (box.x < visibleArea.minX) {
                        width = box.x + width - visibleArea.minX
                    }
                    if (width < box.width) {
                        rowCountChanged = label.fit(width)
                    }
                    return rowCountChanged
                },
                setLabelTrackerData() {
                    this._label.setTrackerData(this)
                },
                _checkLabelPosition(coord, bBox, visibleArea) {
                    coord = this._checkHorizontalLabelPosition(coord, bBox, visibleArea);
                    return this._checkVerticalLabelPosition(coord, bBox, visibleArea)
                },
                _getLabelConnector() {
                    const rad = this.radiusOuter;
                    const seriesStyle = this._options.styles.normal;
                    const strokeWidthBy2 = seriesStyle["stroke-width"] / 2;
                    const borderWidth = this.series.getOptions().containerBackgroundColor === seriesStyle.stroke ? _round(strokeWidthBy2) : _round(-strokeWidthBy2);
                    const angleFunctions = (0, _utils.getCosAndSin)(_round(this.middleAngle));
                    return {
                        x: _round(this.centerX + (rad - borderWidth) * angleFunctions.cos),
                        y: _round(this.centerY - (rad - borderWidth) * angleFunctions.sin),
                        angle: this.middleAngle
                    }
                },
                _drawMarker(renderer, group, animationEnabled, firstDrawing) {
                    const that = this;
                    let radiusOuter = that.radiusOuter;
                    let radiusInner = that.radiusInner;
                    let fromAngle = that.fromAngle;
                    let toAngle = that.toAngle;
                    if (animationEnabled) {
                        radiusInner = radiusOuter = 0;
                        if (!firstDrawing) {
                            fromAngle = toAngle = that.shiftedAngle
                        }
                    }
                    that.graphic = renderer.arc(that.centerX, that.centerY, radiusInner, radiusOuter, toAngle, fromAngle).attr({
                        "stroke-linejoin": "round"
                    }).smartAttr(that._getStyle()).data({
                        "chart-data-point": that
                    }).sharp().append(group)
                },
                getTooltipParams() {
                    const angleFunctions = (0, _utils.getCosAndSin)(this.middleAngle);
                    const radiusInner = this.radiusInner;
                    const radiusOuter = this.radiusOuter;
                    return {
                        x: this.centerX + (radiusInner + (radiusOuter - radiusInner) / 2) * angleFunctions.cos,
                        y: this.centerY - (radiusInner + (radiusOuter - radiusInner) / 2) * angleFunctions.sin,
                        offset: 0
                    }
                },
                _translate() {
                    const that = this;
                    const angle = that.shiftedAngle || 0;
                    const value = that.value;
                    const minValue = that.minValue;
                    const translator = that._getValTranslator();
                    that.fromAngle = translator.translate(minValue) + angle;
                    that.toAngle = translator.translate(value) + angle;
                    that.middleAngle = translator.translate((value - minValue) / 2 + minValue) + angle;
                    if (!that.isVisible()) {
                        that.middleAngle = that.toAngle = that.fromAngle = that.fromAngle || angle
                    }
                },
                getMarkerVisibility: () => true,
                _updateMarker(animationEnabled, style, _, callback) {
                    const that = this;
                    if (!animationEnabled) {
                        style = _extend({
                            x: that.centerX,
                            y: that.centerY,
                            outerRadius: that.radiusOuter,
                            innerRadius: that.radiusInner,
                            startAngle: that.toAngle,
                            endAngle: that.fromAngle
                        }, style)
                    }
                    that.graphic.smartAttr(style).sharp();
                    callback && callback()
                },
                getLegendStyles() {
                    return this._styles.legendStyles
                },
                isInVisibleArea: () => true,
                hide() {
                    const that = this;
                    if (that._visible) {
                        that._visible = false;
                        that.hideTooltip();
                        that._options.visibilityChanged()
                    }
                },
                show() {
                    const that = this;
                    if (!that._visible) {
                        that._visible = true;
                        that._options.visibilityChanged()
                    }
                },
                setInvisibility() {
                    this._label.draw(false)
                },
                isVisible() {
                    return this._visible
                },
                _getFormatObject(tooltip) {
                    const formatObject = _symbol_point.default._getFormatObject.call(this, tooltip);
                    const percent = this.percent;
                    formatObject.percent = percent;
                    formatObject.percentText = tooltip.formatValue(percent, "percent");
                    return formatObject
                },
                getColor() {
                    return this._styles.normal.fill
                },
                coordsIn(x, y) {
                    const lx = x - this.centerX;
                    const ly = y - this.centerY;
                    const r = _sqrt(lx * lx + ly * ly);
                    const fromAngle = this.fromAngle % 360;
                    const toAngle = this.toAngle % 360;
                    let angle;
                    if (r < this.radiusInner || r > this.radiusOuter || 0 === r) {
                        return false
                    }
                    angle = _acos(lx / r) * DEG * (ly > 0 ? -1 : 1);
                    if (angle < 0) {
                        angle += 360
                    }
                    if (fromAngle === toAngle && _abs(this.toAngle - this.fromAngle) > 1e-4) {
                        return true
                    } else {
                        return fromAngle >= toAngle ? angle <= fromAngle && angle >= toAngle : !(angle >= fromAngle && angle <= toAngle)
                    }
                }
            })
        },
        84049(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.polarSymbolPoint = exports.polarBarPoint = void 0;
            var _extend2 = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _consts = _interopRequireDefault(__webpack_require__( /*! ../../../viz/components/consts */ 44235));
            var _utils = __webpack_require__( /*! ../../../viz/core/utils */ 98013);
            var _bar_point = _interopRequireDefault(__webpack_require__( /*! ../../../viz/series/points/bar_point */ 9820));
            var _pie_point = _interopRequireDefault(__webpack_require__( /*! ../../../viz/series/points/pie_point */ 24431));
            var _symbol_point = _interopRequireDefault(__webpack_require__( /*! ../../../viz/series/points/symbol_point */ 8731));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const _extend = _extend2.extend;
            const _math = Math;
            const _max = _math.max;
            const RADIAL_LABEL_INDENT = _consts.default.radialLabelIndent;
            const polarSymbolPoint = exports.polarSymbolPoint = _extend({}, _symbol_point.default, {
                _getLabelCoords: _pie_point.default._getLabelCoords,
                _getElementCoords: _pie_point.default._getElementCoords,
                _moveLabelOnCanvas(coord, visibleArea, labelBBox) {
                    let x = coord.x;
                    let y = coord.y;
                    if (visibleArea.minX > x) {
                        x = visibleArea.minX
                    }
                    if (visibleArea.maxX < x + labelBBox.width) {
                        x = visibleArea.maxX - labelBBox.width
                    }
                    if (visibleArea.minY > y) {
                        y = visibleArea.minY
                    }
                    if (visibleArea.maxY < y + labelBBox.height) {
                        y = visibleArea.maxY - labelBBox.height
                    }
                    return {
                        x: x,
                        y: y
                    }
                },
                _getLabelPosition: () => "outside",
                _getCoords(argument, value) {
                    const axis = this.series.getValueAxis();
                    const startAngle = axis.getAngles()[0];
                    const angle = this._getArgTranslator().translate(argument);
                    const radius = this._getValTranslator().translate(value);
                    const coords = (0, _utils.convertPolarToXY)(axis.getCenter(), axis.getAngles()[0], angle, radius);
                    coords.angle = angle + startAngle - 90;
                    coords.radius = radius;
                    return coords
                },
                _translate() {
                    const center = this.series.getValueAxis().getCenter();
                    const coord = this._getCoords(this.argument, this.value);
                    const translator = this._getValTranslator();
                    const maxRadius = translator.isInverted() ? translator.translate("canvas_position_start") : translator.translate("canvas_position_end");
                    const normalizedRadius = (0, _type.isDefined)(coord.radius) && coord.radius >= 0 ? coord.radius : null;
                    this.vx = (0, _utils.normalizeAngle)(coord.angle);
                    this.vy = this.radiusOuter = this.radiusLabels = normalizedRadius;
                    this.radiusLabels += RADIAL_LABEL_INDENT;
                    this.radius = normalizedRadius;
                    this.middleAngle = -coord.angle;
                    this.angle = -coord.angle;
                    this.x = coord.x;
                    this.y = coord.y;
                    this.defaultX = this.centerX = center.x;
                    this.defaultY = this.centerY = center.y;
                    this._translateErrorBars();
                    this.inVisibleArea = this._checkRadiusForVisibleArea(normalizedRadius, maxRadius)
                },
                _checkRadiusForVisibleArea: (radius, maxRadius) => (0, _type.isDefined)(radius) && radius <= maxRadius,
                _translateErrorBars() {
                    const errorBars = this._options.errorBars;
                    const translator = this._getValTranslator();
                    if (!errorBars) {
                        return
                    }(0, _type.isDefined)(this.lowError) && (this._lowErrorCoord = this.centerY - translator.translate(this.lowError));
                    (0, _type.isDefined)(this.highError) && (this._highErrorCoord = this.centerY - translator.translate(this.highError));
                    this._errorBarPos = this.centerX;
                    this._baseErrorBarPos = "stdDeviation" === errorBars.type ? this._lowErrorCoord + (this._highErrorCoord - this._lowErrorCoord) / 2 : this.centerY - this.radius
                },
                _getTranslates(animationEnabled) {
                    return animationEnabled ? this.getDefaultCoords() : {
                        x: this.x,
                        y: this.y
                    }
                },
                getDefaultCoords() {
                    const cosSin = (0, _utils.getCosAndSin)(-this.angle);
                    const radius = this._getValTranslator().translate("canvas_position_default");
                    const x = this.defaultX + radius * cosSin.cos;
                    const y = this.defaultY + radius * cosSin.sin;
                    return {
                        x: x,
                        y: y
                    }
                },
                _addLabelAlignmentAndOffset: (label, coord) => coord,
                _checkLabelPosition(label, coord) {
                    const that = this;
                    const visibleArea = that._getVisibleArea();
                    const graphicBBox = that._getGraphicBBox();
                    if (that._isPointInVisibleArea(visibleArea, graphicBBox)) {
                        coord = that._moveLabelOnCanvas(coord, visibleArea, label.getBoundingRect())
                    }
                    return coord
                },
                _getErrorBarSettings(errorBarOptions, animationEnabled) {
                    const settings = _symbol_point.default._getErrorBarSettings.call(this, errorBarOptions, animationEnabled);
                    settings.rotate = 90 - this.angle;
                    settings.rotateX = this.centerX;
                    settings.rotateY = this.centerY;
                    return settings
                },
                getCoords(min) {
                    return min ? this.getDefaultCoords() : {
                        x: this.x,
                        y: this.y
                    }
                }
            });
            exports.polarBarPoint = _extend({}, _bar_point.default, {
                _translateErrorBars: polarSymbolPoint._translateErrorBars,
                _getErrorBarSettings: polarSymbolPoint._getErrorBarSettings,
                _moveLabelOnCanvas: polarSymbolPoint._moveLabelOnCanvas,
                _getLabelCoords: _pie_point.default._getLabelCoords,
                _getElementCoords: _pie_point.default._getElementCoords,
                _getLabelConnector: _pie_point.default._getLabelConnector,
                getTooltipParams: _pie_point.default.getTooltipParams,
                _getLabelPosition: _pie_point.default._getLabelPosition,
                _getCoords: polarSymbolPoint._getCoords,
                _translate() {
                    const that = this;
                    const translator = that._getValTranslator();
                    const businessRange = translator.getBusinessRange();
                    const maxRadius = translator.isInverted() ? translator.translate("canvas_position_start") : translator.translate("canvas_position_end");
                    that.radiusInner = translator.translate(that.minValue);
                    polarSymbolPoint._translate.call(that);
                    if (null === that.radiusInner) {
                        that.radiusInner = that.radius = maxRadius
                    } else if (null === that.radius) {
                        that.radius = that.value >= businessRange.minVisible ? maxRadius : 0
                    } else if (that.radius > maxRadius) {
                        that.radius = maxRadius
                    }
                    that.radiusOuter = that.radiusLabels = _max(that.radiusInner, that.radius);
                    that.radiusLabels += RADIAL_LABEL_INDENT;
                    that.radiusInner = that.defaultRadius = _math.min(that.radiusInner, that.radius);
                    that.middleAngle = that.angle = -(0, _utils.normalizeAngle)(that.middleAngleCorrection - that.angle)
                },
                _checkRadiusForVisibleArea(radius) {
                    return (0, _type.isDefined)(radius) || this._getValTranslator().translate(this.minValue) > 0
                },
                _getErrorBarBaseEdgeLength() {
                    const coord = this.getMarkerCoords();
                    return _math.PI * coord.outerRadius * _math.abs(coord.startAngle - coord.endAngle) / 180
                },
                getMarkerCoords() {
                    return {
                        x: this.centerX,
                        y: this.centerY,
                        outerRadius: this.radiusOuter,
                        innerRadius: this.defaultRadius,
                        startAngle: this.middleAngle - this.interval / 2,
                        endAngle: this.middleAngle + this.interval / 2
                    }
                },
                _drawMarker(renderer, group, animationEnabled) {
                    const styles = this._getStyle();
                    const coords = this.getMarkerCoords();
                    let innerRadius = coords.innerRadius;
                    let outerRadius = coords.outerRadius;
                    const start = this._getCoords(this.argument, "canvas_position_default");
                    let x = coords.x;
                    let y = coords.y;
                    if (animationEnabled) {
                        innerRadius = 0;
                        outerRadius = 0;
                        x = start.x;
                        y = start.y
                    }
                    this.graphic = renderer.arc(x, y, innerRadius, outerRadius, coords.startAngle, coords.endAngle).attr(styles).data({
                        "chart-data-point": this
                    }).append(group)
                },
                _checkLabelPosition(label, coord) {
                    const that = this;
                    const visibleArea = that._getVisibleArea();
                    const angleFunctions = (0, _utils.getCosAndSin)(that.middleAngle);
                    const x = that.centerX + that.defaultRadius * angleFunctions.cos;
                    const y = that.centerY - that.defaultRadius * angleFunctions.sin;
                    if (x > visibleArea.minX && x < visibleArea.maxX && y > visibleArea.minY && y < visibleArea.maxY) {
                        coord = that._moveLabelOnCanvas(coord, visibleArea, label.getBoundingRect())
                    }
                    return coord
                },
                _addLabelAlignmentAndOffset: (label, coord) => coord,
                correctCoordinates(correctOptions) {
                    this.middleAngleCorrection = correctOptions.offset;
                    this.interval = correctOptions.width
                },
                coordsIn(x, y) {
                    const val = (0, _utils.convertXYToPolar)(this.series.getValueAxis().getCenter(), x, y);
                    const coords = this.getMarkerCoords();
                    const isBetweenAngles = coords.startAngle < coords.endAngle ? -val.phi >= coords.startAngle && -val.phi <= coords.endAngle : -val.phi <= coords.startAngle && -val.phi >= coords.endAngle;
                    return val.r >= coords.innerRadius && val.r <= coords.outerRadius && isBetweenAngles
                }
            })
        },
        2146(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _bar_point = _interopRequireDefault(__webpack_require__( /*! ../../../viz/series/points/bar_point */ 9820));
            var _range_symbol_point = _interopRequireDefault(__webpack_require__( /*! ../../../viz/series/points/range_symbol_point */ 921));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const _extend = _extend2.extend;
            exports.default = _extend({}, _bar_point.default, {
                deleteLabel: _range_symbol_point.default.deleteLabel,
                _getFormatObject: _range_symbol_point.default._getFormatObject,
                clearVisibility() {
                    const graphic = this.graphic;
                    if (graphic && graphic.attr("visibility")) {
                        graphic.attr({
                            visibility: null
                        })
                    }
                },
                setInvisibility() {
                    const graphic = this.graphic;
                    if (graphic && "hidden" !== graphic.attr("visibility")) {
                        graphic.attr({
                            visibility: "hidden"
                        })
                    }
                    this._topLabel.draw(false);
                    this._bottomLabel.draw(false)
                },
                getTooltipParams(location) {
                    const that = this;
                    const edgeLocation = "edge" === location;
                    let x;
                    let y;
                    if (that._options.rotated) {
                        x = edgeLocation ? that.x + that.width : that.x + that.width / 2;
                        y = that.y + that.height / 2
                    } else {
                        x = that.x + that.width / 2;
                        y = edgeLocation ? that.y : that.y + that.height / 2
                    }
                    return {
                        x: x,
                        y: y,
                        offset: 0
                    }
                },
                _translate() {
                    const that = this;
                    const barMethods = _bar_point.default;
                    barMethods._translate.call(that);
                    if (that._options.rotated) {
                        that.width = that.width || 1
                    } else {
                        that.height = that.height || 1
                    }
                },
                hasCoords: _range_symbol_point.default.hasCoords,
                _updateData: _range_symbol_point.default._updateData,
                _getLabelPosition: _range_symbol_point.default._getLabelPosition,
                _getLabelMinFormatObject: _range_symbol_point.default._getLabelMinFormatObject,
                _updateLabelData: _range_symbol_point.default._updateLabelData,
                _updateLabelOptions: _range_symbol_point.default._updateLabelOptions,
                getCrosshairData: _range_symbol_point.default.getCrosshairData,
                _createLabel: _range_symbol_point.default._createLabel,
                _checkOverlay: _range_symbol_point.default._checkOverlay,
                _checkLabelsOverlay: _range_symbol_point.default._checkLabelsOverlay,
                _getOverlayCorrections: _range_symbol_point.default._getOverlayCorrections,
                _drawLabel: _range_symbol_point.default._drawLabel,
                _getLabelCoords: _range_symbol_point.default._getLabelCoords,
                getLabel: _range_symbol_point.default.getLabel,
                getLabels: _range_symbol_point.default.getLabels,
                getBoundingRect: _common.noop,
                getMinValue: _range_symbol_point.default.getMinValue,
                getMaxValue: _range_symbol_point.default.getMaxValue
            })
        },
        921(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _label = __webpack_require__( /*! ../../../viz/series/points/label */ 95390);
            var _symbol_point = (e = __webpack_require__( /*! ../../../viz/series/points/symbol_point */ 8731), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const _extend = _extend2.extend;
            const _math = Math;
            const _abs = _math.abs;
            const _min = _math.min;
            const _max = _math.max;
            const _round = _math.round;
            exports.default = _extend({}, _symbol_point.default, {
                deleteLabel() {
                    this._topLabel.dispose();
                    this._topLabel = null;
                    this._bottomLabel.dispose();
                    this._bottomLabel = null
                },
                hideMarker(type) {
                    const graphic = this.graphic;
                    const marker = graphic && graphic[`${type}Marker`];
                    const label = this[`_${type}Label`];
                    if (marker && "hidden" !== marker.attr("visibility")) {
                        marker.attr({
                            visibility: "hidden"
                        })
                    }
                    label.draw(false)
                },
                setInvisibility() {
                    this.hideMarker("top");
                    this.hideMarker("bottom")
                },
                clearVisibility() {
                    const graphic = this.graphic;
                    const topMarker = graphic && graphic.topMarker;
                    const bottomMarker = graphic && graphic.bottomMarker;
                    if (topMarker && topMarker.attr("visibility")) {
                        topMarker.attr({
                            visibility: null
                        })
                    }
                    if (bottomMarker && bottomMarker.attr("visibility")) {
                        bottomMarker.attr({
                            visibility: null
                        })
                    }
                },
                clearMarker() {
                    const graphic = this.graphic;
                    const topMarker = graphic && graphic.topMarker;
                    const bottomMarker = graphic && graphic.bottomMarker;
                    const emptySettings = this._emptySettings;
                    topMarker && topMarker.attr(emptySettings);
                    bottomMarker && bottomMarker.attr(emptySettings)
                },
                _getLabelPosition(markerType) {
                    let position;
                    const labelsInside = "inside" === this._options.label.position;
                    if (!this._options.rotated) {
                        position = "top" === markerType ^ labelsInside ? "top" : "bottom"
                    } else {
                        position = "top" === markerType ^ labelsInside ? "right" : "left"
                    }
                    return position
                },
                _getLabelMinFormatObject() {
                    return {
                        index: 0,
                        argument: this.initialArgument,
                        value: this.initialMinValue,
                        seriesName: this.series.name,
                        originalValue: this.originalMinValue,
                        originalArgument: this.originalArgument,
                        point: this
                    }
                },
                _updateLabelData() {
                    const maxFormatObject = this._getLabelFormatObject();
                    maxFormatObject.index = 1;
                    this._topLabel.setData(maxFormatObject);
                    this._bottomLabel.setData(this._getLabelMinFormatObject())
                },
                _updateLabelOptions() {
                    const options = this._options.label;
                    (!this._topLabel || !this._bottomLabel) && this._createLabel();
                    this._topLabel.setOptions(options);
                    this._bottomLabel.setOptions(options)
                },
                _createLabel() {
                    const options = {
                        renderer: this.series._renderer,
                        labelsGroup: this.series._labelsGroup,
                        point: this
                    };
                    this._topLabel = new _label.Label(options);
                    this._bottomLabel = new _label.Label(options)
                },
                _getGraphicBBox(location) {
                    const options = this._options;
                    const images = this._getImage(options.image);
                    const image = "top" === location ? this._checkImage(images.top) : this._checkImage(images.bottom);
                    let bBox;
                    const coord = this._getPositionFromLocation(location);
                    if (options.visible) {
                        bBox = image ? this._getImageBBox(coord.x, coord.y) : this._getSymbolBBox(coord.x, coord.y, options.styles.normal.r)
                    } else {
                        bBox = {
                            x: coord.x,
                            y: coord.y,
                            width: 0,
                            height: 0
                        }
                    }
                    return bBox
                },
                _getPositionFromLocation(location) {
                    let x;
                    let y;
                    const isTop = "top" === location;
                    if (!this._options.rotated) {
                        x = this.x;
                        y = isTop ? _min(this.y, this.minY) : _max(this.y, this.minY)
                    } else {
                        x = isTop ? _max(this.x, this.minX) : _min(this.x, this.minX);
                        y = this.y
                    }
                    return {
                        x: x,
                        y: y
                    }
                },
                _checkOverlay: (bottomCoord, topCoord, topValue) => bottomCoord < topCoord + topValue,
                _getOverlayCorrections(topCoords, bottomCoords) {
                    const rotated = this._options.rotated;
                    const coordSelector = !rotated ? "y" : "x";
                    const valueSelector = !rotated ? "height" : "width";
                    const visibleArea = this.series.getValueAxis().getVisibleArea();
                    const minBound = visibleArea[0];
                    const maxBound = visibleArea[1];
                    let delta = _round((topCoords[coordSelector] + topCoords[valueSelector] - bottomCoords[coordSelector]) / 2);
                    let coord1 = topCoords[coordSelector] - delta;
                    let coord2 = bottomCoords[coordSelector] + delta;
                    if (coord1 < minBound) {
                        delta = minBound - coord1;
                        coord1 += delta;
                        coord2 += delta
                    } else if (coord2 + bottomCoords[valueSelector] > maxBound) {
                        delta = maxBound - coord2 - bottomCoords[valueSelector];
                        coord1 += delta;
                        coord2 += delta
                    }
                    return {
                        coord1: coord1,
                        coord2: coord2
                    }
                },
                _checkLabelsOverlay(topLocation) {
                    const that = this;
                    const topCoords = that._topLabel.getBoundingRect();
                    const bottomCoords = that._bottomLabel.getBoundingRect();
                    let corrections = {};
                    if (!that._options.rotated) {
                        if ("top" === topLocation) {
                            if (this._checkOverlay(bottomCoords.y, topCoords.y, topCoords.height)) {
                                corrections = this._getOverlayCorrections(topCoords, bottomCoords);
                                that._topLabel.shift(topCoords.x, corrections.coord1);
                                that._bottomLabel.shift(bottomCoords.x, corrections.coord2)
                            }
                        } else if (this._checkOverlay(topCoords.y, bottomCoords.y, bottomCoords.height)) {
                            corrections = this._getOverlayCorrections(bottomCoords, topCoords);
                            that._topLabel.shift(topCoords.x, corrections.coord2);
                            that._bottomLabel.shift(bottomCoords.x, corrections.coord1)
                        }
                    } else if ("top" === topLocation) {
                        if (this._checkOverlay(topCoords.x, bottomCoords.x, bottomCoords.width)) {
                            corrections = this._getOverlayCorrections(bottomCoords, topCoords);
                            that._topLabel.shift(corrections.coord2, topCoords.y);
                            that._bottomLabel.shift(corrections.coord1, bottomCoords.y)
                        }
                    } else if (this._checkOverlay(bottomCoords.x, topCoords.x, topCoords.width)) {
                        corrections = this._getOverlayCorrections(topCoords, bottomCoords);
                        that._topLabel.shift(corrections.coord1, topCoords.y);
                        that._bottomLabel.shift(corrections.coord2, bottomCoords.y)
                    }
                },
                _drawLabel() {
                    const that = this;
                    const labels = [];
                    const notInverted = that._options.rotated ? that.x >= that.minX : that.y < that.minY;
                    const customVisibility = that._getCustomLabelVisibility();
                    const topLabel = that._topLabel;
                    const bottomLabel = that._bottomLabel;
                    topLabel.pointPosition = notInverted ? "top" : "bottom";
                    bottomLabel.pointPosition = notInverted ? "bottom" : "top";
                    if ((that.series.getLabelVisibility() || customVisibility) && that.hasValue() && false !== customVisibility) {
                        false !== that.visibleTopMarker && labels.push(topLabel);
                        false !== that.visibleBottomMarker && labels.push(bottomLabel);
                        (0, _iterator.each)(labels, (_, label) => {
                            label.draw(true)
                        });
                        that._checkLabelsOverlay(that._topLabel.pointPosition)
                    } else {
                        topLabel.draw(false);
                        bottomLabel.draw(false)
                    }
                },
                _getImage(imageOption) {
                    const image = {};
                    if ((0, _type.isDefined)(imageOption)) {
                        if ("string" === typeof imageOption) {
                            image.top = image.bottom = imageOption
                        } else {
                            image.top = {
                                url: "string" === typeof imageOption.url ? imageOption.url : imageOption.url && imageOption.url.rangeMaxPoint,
                                width: "number" === typeof imageOption.width ? imageOption.width : imageOption.width && imageOption.width.rangeMaxPoint,
                                height: "number" === typeof imageOption.height ? imageOption.height : imageOption.height && imageOption.height.rangeMaxPoint
                            };
                            image.bottom = {
                                url: "string" === typeof imageOption.url ? imageOption.url : imageOption.url && imageOption.url.rangeMinPoint,
                                width: "number" === typeof imageOption.width ? imageOption.width : imageOption.width && imageOption.width.rangeMinPoint,
                                height: "number" === typeof imageOption.height ? imageOption.height : imageOption.height && imageOption.height.rangeMinPoint
                            }
                        }
                    }
                    return image
                },
                _checkSymbol(oldOptions, newOptions) {
                    const oldSymbol = oldOptions.symbol;
                    const newSymbol = newOptions.symbol;
                    const symbolChanged = "circle" === oldSymbol && "circle" !== newSymbol || "circle" !== oldSymbol && "circle" === newSymbol;
                    const oldImages = this._getImage(oldOptions.image);
                    const newImages = this._getImage(newOptions.image);
                    const topImageChanged = this._checkImage(oldImages.top) !== this._checkImage(newImages.top);
                    const bottomImageChanged = this._checkImage(oldImages.bottom) !== this._checkImage(newImages.bottom);
                    return symbolChanged || topImageChanged || bottomImageChanged
                },
                _getSettingsForTwoMarkers(style) {
                    const options = this._options;
                    const settings = {};
                    const x = options.rotated ? _min(this.x, this.minX) : this.x;
                    const y = options.rotated ? this.y : _min(this.y, this.minY);
                    const radius = style.r;
                    const points = this._populatePointShape(options.symbol, radius);
                    settings.top = _extend({
                        translateX: x + this.width,
                        translateY: y,
                        r: radius
                    }, style);
                    settings.bottom = _extend({
                        translateX: x,
                        translateY: y + this.height,
                        r: radius
                    }, style);
                    if (points) {
                        settings.top.points = settings.bottom.points = points
                    }
                    return settings
                },
                _hasGraphic() {
                    return this.graphic && this.graphic.topMarker && this.graphic.bottomMarker
                },
                _drawOneMarker(renderer, markerType, imageSettings, settings) {
                    const that = this;
                    const graphic = that.graphic;
                    if (graphic[markerType]) {
                        that._updateOneMarker(markerType, settings)
                    } else {
                        graphic[markerType] = that._createMarker(renderer, graphic, imageSettings, settings)
                    }
                },
                _drawMarker(renderer, group, animationEnabled, firstDrawing, style) {
                    const that = this;
                    const settings = that._getSettingsForTwoMarkers(style || that._getStyle());
                    const image = that._getImage(that._options.image);
                    if (that._checkImage(image.top)) {
                        settings.top = that._getImageSettings(settings.top, image.top)
                    }
                    if (that._checkImage(image.bottom)) {
                        settings.bottom = that._getImageSettings(settings.bottom, image.bottom)
                    }
                    that.graphic = that.graphic || renderer.g().append(group);
                    that.visibleTopMarker && that._drawOneMarker(renderer, "topMarker", image.top, settings.top);
                    that.visibleBottomMarker && that._drawOneMarker(renderer, "bottomMarker", image.bottom, settings.bottom)
                },
                _getSettingsForTracker(radius) {
                    const rotated = this._options.rotated;
                    return {
                        translateX: rotated ? _min(this.x, this.minX) - radius : this.x - radius,
                        translateY: rotated ? this.y - radius : _min(this.y, this.minY) - radius,
                        width: this.width + 2 * radius,
                        height: this.height + 2 * radius
                    }
                },
                isInVisibleArea() {
                    const rotated = this._options.rotated;
                    const argument = !rotated ? this.x : this.y;
                    const maxValue = !rotated ? _max(this.minY, this.y) : _max(this.minX, this.x);
                    const minValue = !rotated ? _min(this.minY, this.y) : _min(this.minX, this.x);
                    let tmp;
                    let visibleTopMarker;
                    let visibleBottomMarker;
                    let visibleRangeArea = true;
                    const visibleArgArea = this.series.getArgumentAxis().getVisibleArea();
                    const visibleValArea = this.series.getValueAxis().getVisibleArea();
                    const notVisibleByArg = visibleArgArea[1] < argument || visibleArgArea[0] > argument;
                    const notVisibleByVal = visibleValArea[0] > minValue && visibleValArea[0] > maxValue || visibleValArea[1] < minValue && visibleValArea[1] < maxValue;
                    if (notVisibleByArg || notVisibleByVal) {
                        visibleTopMarker = visibleBottomMarker = visibleRangeArea = false
                    } else {
                        visibleTopMarker = visibleValArea[0] <= minValue && visibleValArea[1] > minValue;
                        visibleBottomMarker = visibleValArea[0] < maxValue && visibleValArea[1] >= maxValue;
                        if (rotated) {
                            tmp = visibleTopMarker;
                            visibleTopMarker = visibleBottomMarker;
                            visibleBottomMarker = tmp
                        }
                    }
                    this.visibleTopMarker = visibleTopMarker;
                    this.visibleBottomMarker = visibleBottomMarker;
                    return visibleRangeArea
                },
                getTooltipParams() {
                    const that = this;
                    let x;
                    let y;
                    const rotated = that._options.rotated;
                    const minValue = !rotated ? _min(that.y, that.minY) : _min(that.x, that.minX);
                    const side = !rotated ? "height" : "width";
                    const visibleArea = that._getVisibleArea();
                    const minVisible = rotated ? visibleArea.minX : visibleArea.minY;
                    const maxVisible = rotated ? visibleArea.maxX : visibleArea.maxY;
                    const min = _max(minVisible, minValue);
                    const max = _min(maxVisible, minValue + that[side]);
                    if (!rotated) {
                        x = that.x;
                        y = min + (max - min) / 2
                    } else {
                        y = that.y;
                        x = min + (max - min) / 2
                    }
                    return {
                        x: x,
                        y: y,
                        offset: 0
                    }
                },
                _translate() {
                    const rotated = this._options.rotated;
                    _symbol_point.default._translate.call(this);
                    this.height = rotated ? 0 : _abs(this.minY - this.y);
                    this.width = rotated ? _abs(this.x - this.minX) : 0
                },
                hasCoords() {
                    return _symbol_point.default.hasCoords.call(this) && !(null === this.minX || null === this.minY)
                },
                _updateData(data) {
                    _symbol_point.default._updateData.call(this, data);
                    this.minValue = this.initialMinValue = this.originalMinValue = data.minValue
                },
                _getImageSettings: (settings, image) => ({
                    href: image.url || image.toString(),
                    width: image.width || 20,
                    height: image.height || 20,
                    translateX: settings.translateX,
                    translateY: settings.translateY
                }),
                getCrosshairData(x, y) {
                    const rotated = this._options.rotated;
                    const minX = this.minX;
                    const minY = this.minY;
                    const vx = this.vx;
                    const vy = this.vy;
                    const value = this.value;
                    const minValue = this.minValue;
                    const argument = this.argument;
                    const coords = {
                        axis: this.series.axis,
                        x: vx,
                        y: vy,
                        yValue: value,
                        xValue: argument
                    };
                    if (rotated) {
                        coords.yValue = argument;
                        if (_abs(vx - x) < _abs(minX - x)) {
                            coords.xValue = value
                        } else {
                            coords.x = minX;
                            coords.xValue = minValue
                        }
                    } else if (_abs(vy - y) >= _abs(minY - y)) {
                        coords.y = minY;
                        coords.yValue = minValue
                    }
                    return coords
                },
                _updateOneMarker(markerType, settings) {
                    this.graphic && this.graphic[markerType] && this.graphic[markerType].attr(settings)
                },
                _updateMarker(animationEnabled, style) {
                    this._drawMarker(void 0, void 0, false, false, style)
                },
                _getFormatObject(tooltip) {
                    const initialMinValue = this.initialMinValue;
                    const initialValue = this.initialValue;
                    const initialArgument = this.initialArgument;
                    const minValue = tooltip.formatValue(initialMinValue);
                    const value = tooltip.formatValue(initialValue);
                    return {
                        argument: initialArgument,
                        argumentText: tooltip.formatValue(initialArgument, "argument"),
                        valueText: `${minValue} - ${value}`,
                        rangeValue1Text: minValue,
                        rangeValue2Text: value,
                        rangeValue1: initialMinValue,
                        rangeValue2: initialValue,
                        seriesName: this.series.name,
                        point: this,
                        originalMinValue: this.originalMinValue,
                        originalValue: this.originalValue,
                        originalArgument: this.originalArgument
                    }
                },
                getLabel() {
                    return [this._topLabel, this._bottomLabel]
                },
                getLabels() {
                    return [this._topLabel, this._bottomLabel]
                },
                getBoundingRect: _common.noop,
                coordsIn(x, y) {
                    const trackerRadius = this._storeTrackerR();
                    const xCond = x >= this.x - trackerRadius && x <= this.x + trackerRadius;
                    const yCond = y >= this.y - trackerRadius && y <= this.y + trackerRadius;
                    if (this._options.rotated) {
                        return yCond && (xCond || x >= this.minX - trackerRadius && x <= this.minX + trackerRadius)
                    } else {
                        return xCond && (yCond || y >= this.minY - trackerRadius && y <= this.minY + trackerRadius)
                    }
                },
                getMaxValue() {
                    if ("discrete" !== this.series.valueAxisType) {
                        return this.minValue > this.value ? this.minValue : this.value
                    }
                    return this.value
                },
                getMinValue() {
                    if ("discrete" !== this.series.valueAxisType) {
                        return this.minValue < this.value ? this.minValue : this.value
                    }
                    return this.minValue
                }
            })
        },
        73879(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _extend2 = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _candlestick_point = (e = __webpack_require__( /*! ../../../viz/series/points/candlestick_point */ 5882), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const _extend = _extend2.extend;
            const _isNumeric = _type.isNumeric;
            exports.default = _extend({}, _candlestick_point.default, {
                _getPoints() {
                    const createPoint = this._options.rotated ? function(x, y) {
                        return [y, x]
                    } : function(x, y) {
                        return [x, y]
                    };
                    const openYExist = _isNumeric(this.openY);
                    const closeYExist = _isNumeric(this.closeY);
                    const x = this.x;
                    const width = this.width;
                    let points = [].concat(createPoint(x, this.highY));
                    openYExist && (points = points.concat(createPoint(x, this.openY)));
                    openYExist && (points = points.concat(createPoint(x - width / 2, this.openY)));
                    openYExist && (points = points.concat(createPoint(x, this.openY)));
                    closeYExist && (points = points.concat(createPoint(x, this.closeY)));
                    closeYExist && (points = points.concat(createPoint(x + width / 2, this.closeY)));
                    closeYExist && (points = points.concat(createPoint(x, this.closeY)));
                    points = points.concat(createPoint(x, this.lowY));
                    return points
                },
                _drawMarkerInGroup(group, attributes, renderer) {
                    this.graphic = renderer.path(this._getPoints(), "line").attr({
                        "stroke-linecap": "square"
                    }).attr(attributes).data({
                        "chart-data-point": this
                    }).sharp().append(group)
                },
                _getMinTrackerWidth() {
                    const width = 2 + this._styles.normal["stroke-width"];
                    return width + width % 2
                }
            })
        },
        8731(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _common = __webpack_require__( /*! ../../../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../../core/utils/type */ 11528);
            var _window = __webpack_require__( /*! ../../../../core/utils/window */ 3104);
            var _utils = __webpack_require__( /*! ../../../viz/core/utils */ 98013);
            var _label = __webpack_require__( /*! ../../../viz/series/points/label */ 95390);
            const window = (0, _window.getWindow)();
            const _extend = _extend2.extend;
            const _math = Math;
            const _round = _math.round;
            const _floor = _math.floor;
            const _ceil = _math.ceil;
            exports.default = {
                deleteLabel() {
                    this._label.dispose();
                    this._label = null
                },
                _hasGraphic() {
                    return this.graphic
                },
                clearVisibility() {
                    const graphic = this.graphic;
                    if (graphic && graphic.attr("visibility")) {
                        graphic.attr({
                            visibility: null
                        })
                    }
                },
                isVisible() {
                    return this.inVisibleArea && this.series.isVisible()
                },
                setInvisibility() {
                    const graphic = this.graphic;
                    if (graphic && "hidden" !== graphic.attr("visibility")) {
                        graphic.attr({
                            visibility: "hidden"
                        })
                    }
                    this._errorBar && this._errorBar.attr({
                        visibility: "hidden"
                    });
                    this._label.draw(false)
                },
                clearMarker() {
                    const graphic = this.graphic;
                    graphic && graphic.attr(this._emptySettings)
                },
                _createLabel() {
                    this._label = new _label.Label({
                        renderer: this.series._renderer,
                        labelsGroup: this.series._labelsGroup,
                        point: this
                    })
                },
                _calculateVisibility(x, y) {
                    const {
                        minX: minX,
                        maxX: maxX,
                        minY: minY,
                        maxY: maxY
                    } = this._getVisibleArea();
                    this.inVisibleArea = minX <= x && maxX >= x && minY <= y && maxY >= y
                },
                _updateLabelData() {
                    this._label.setData(this._getLabelFormatObject())
                },
                _updateLabelOptions() {
                    !this._label && this._createLabel();
                    this._label.setOptions(this._options.label)
                },
                _checkImage: image => (0, _type.isDefined)(image) && ("string" === typeof image || (0, _type.isDefined)(image.url)),
                _fillStyle() {
                    this._styles = this._options.styles
                },
                _checkSymbol(oldOptions, newOptions) {
                    const oldSymbol = oldOptions.symbol;
                    const newSymbol = newOptions.symbol;
                    const symbolChanged = "circle" === oldSymbol && "circle" !== newSymbol || "circle" !== oldSymbol && "circle" === newSymbol;
                    const imageChanged = this._checkImage(oldOptions.image) !== this._checkImage(newOptions.image);
                    return !!(symbolChanged || imageChanged)
                },
                _populatePointShape(symbol, radius) {
                    switch (symbol) {
                        case "square":
                            return function(radius) {
                                return [-radius, -radius, radius, -radius, radius, radius, -radius, radius, -radius, -radius]
                            }(radius);
                        case "polygon":
                            return function(radius) {
                                const r = _ceil(radius);
                                return [-r, 0, 0, -r, r, 0, 0, r, -r, 0]
                            }(radius);
                        case "triangle":
                        case "triangleDown":
                            return function(radius) {
                                return [-radius, -radius, radius, -radius, 0, radius, -radius, -radius]
                            }(radius);
                        case "triangleUp":
                            return function(radius) {
                                return [-radius, radius, radius, radius, 0, -radius, -radius, radius]
                            }(radius);
                        case "cross":
                            return function(radius) {
                                const r = _ceil(radius);
                                const floorHalfRadius = _floor(r / 2);
                                const ceilHalfRadius = _ceil(r / 2);
                                return [-r, -floorHalfRadius, -floorHalfRadius, -r, 0, -ceilHalfRadius, floorHalfRadius, -r, r, -floorHalfRadius, ceilHalfRadius, 0, r, floorHalfRadius, floorHalfRadius, r, 0, ceilHalfRadius, -floorHalfRadius, r, -r, floorHalfRadius, -ceilHalfRadius, 0]
                            }(radius)
                    }
                },
                hasCoords() {
                    return null !== this.x && null !== this.y
                },
                correctValue(correction) {
                    const that = this;
                    const axis = that.series.getValueAxis();
                    if (that.hasValue()) {
                        that.value = that.properValue = axis.validateUnit(that.initialValue.valueOf() + correction.valueOf());
                        that.minValue = axis.validateUnit(correction)
                    }
                },
                resetCorrection() {
                    this.value = this.properValue = this.initialValue;
                    this.minValue = "canvas_position_default"
                },
                resetValue() {
                    const that = this;
                    if (that.hasValue()) {
                        that.value = that.properValue = that.initialValue = 0;
                        that.minValue = 0;
                        that._label.setDataField("value", that.value)
                    }
                },
                _getTranslates(animationEnabled) {
                    let translateX = this.x;
                    let translateY = this.y;
                    if (animationEnabled) {
                        if (this._options.rotated) {
                            translateX = this.defaultX
                        } else {
                            translateY = this.defaultY
                        }
                    }
                    return {
                        x: translateX,
                        y: translateY
                    }
                },
                _createImageMarker(renderer, settings, options) {
                    const width = options.width || 20;
                    const height = options.height || 20;
                    return renderer.image(-_round(.5 * width), -_round(.5 * height), width, height, options.url ? options.url.toString() : options.toString(), "center").attr({
                        translateX: settings.translateX,
                        translateY: settings.translateY,
                        visibility: settings.visibility
                    })
                },
                _createSymbolMarker(renderer, pointSettings) {
                    let marker;
                    const symbol = this._options.symbol;
                    if ("circle" === symbol) {
                        delete pointSettings.points;
                        marker = renderer.circle().attr(pointSettings)
                    } else if ("square" === symbol || "polygon" === symbol || "triangle" === symbol || "triangleDown" === symbol || "triangleUp" === symbol || "cross" === symbol) {
                        marker = renderer.path([], "area").attr(pointSettings).sharp()
                    }
                    return marker
                },
                _createMarker(renderer, group, image, settings) {
                    const that = this;
                    const marker = that._checkImage(image) ? that._createImageMarker(renderer, settings, image) : that._createSymbolMarker(renderer, settings);
                    if (marker) {
                        marker.data({
                            "chart-data-point": that
                        }).append(group)
                    }
                    return marker
                },
                _getSymbolBBox: (x, y, r) => ({
                    x: x - r,
                    y: y - r,
                    width: 2 * r,
                    height: 2 * r
                }),
                _getImageBBox(x, y) {
                    const image = this._options.image;
                    const width = image.width || 20;
                    const height = image.height || 20;
                    return {
                        x: x - _round(width / 2),
                        y: y - _round(height / 2),
                        width: width,
                        height: height
                    }
                },
                _getGraphicBBox() {
                    const that = this;
                    const options = that._options;
                    const x = that.x;
                    const y = that.y;
                    let bBox;
                    if (options.visible) {
                        bBox = that._checkImage(options.image) ? that._getImageBBox(x, y) : that._getSymbolBBox(x, y, options.styles.normal.r)
                    } else {
                        bBox = {
                            x: x,
                            y: y,
                            width: 0,
                            height: 0
                        }
                    }
                    return bBox
                },
                hideInsideLabel: _common.noop,
                _getShiftLabelCoords(label) {
                    const coord = this._addLabelAlignmentAndOffset(label, this._getLabelCoords(label));
                    return this._checkLabelPosition(label, coord)
                },
                _drawLabel() {
                    const customVisibility = this._getCustomLabelVisibility();
                    const label = this._label;
                    const isVisible = this._showForZeroValues() && this.hasValue() && false !== customVisibility && (this.series.getLabelVisibility() || customVisibility);
                    label.draw(!!isVisible)
                },
                correctLabelPosition(label) {
                    const that = this;
                    const coord = that._getShiftLabelCoords(label);
                    if (!that.hideInsideLabel(label, coord)) {
                        label.setFigureToDrawConnector(that._getLabelConnector(label.pointPosition));
                        label.shift(_round(coord.x), _round(coord.y))
                    }
                },
                _showForZeroValues: () => true,
                _getLabelConnector(pointPosition) {
                    const bBox = this._getGraphicBBox(pointPosition);
                    const w2 = bBox.width / 2;
                    const h2 = bBox.height / 2;
                    return {
                        x: bBox.x + w2,
                        y: bBox.y + h2,
                        r: this._options.visible ? Math.max(w2, h2) : 0
                    }
                },
                _getPositionFromLocation() {
                    return {
                        x: this.x,
                        y: this.y
                    }
                },
                _isPointInVisibleArea: (visibleArea, graphicBBox) => visibleArea.minX <= graphicBBox.x + graphicBBox.width && visibleArea.maxX >= graphicBBox.x && visibleArea.minY <= graphicBBox.y + graphicBBox.height && visibleArea.maxY >= graphicBBox.y,
                _checkLabelPosition(label, coord) {
                    const that = this;
                    const visibleArea = that._getVisibleArea();
                    const labelBBox = label.getBoundingRect();
                    const graphicBBox = that._getGraphicBBox(label.pointPosition);
                    const fullGraphicBBox = that._getGraphicBBox();
                    const isInside = "inside" === label.getLayoutOptions().position;
                    if (that._isPointInVisibleArea(visibleArea, fullGraphicBBox)) {
                        if (!that._options.rotated) {
                            if (visibleArea.minX > coord.x) {
                                coord.x = visibleArea.minX
                            }
                            if (visibleArea.maxX < coord.x + labelBBox.width) {
                                coord.x = visibleArea.maxX - labelBBox.width
                            }
                            if (visibleArea.minY > coord.y) {
                                coord.y = isInside ? visibleArea.minY : graphicBBox.y + graphicBBox.height + 10
                            }
                            if (visibleArea.maxY < coord.y + labelBBox.height) {
                                coord.y = isInside ? visibleArea.maxY - labelBBox.height : graphicBBox.y - labelBBox.height - 10
                            }
                        } else {
                            if (visibleArea.minX > coord.x) {
                                coord.x = isInside ? visibleArea.minX : graphicBBox.x + graphicBBox.width + 10
                            }
                            if (visibleArea.maxX < coord.x + labelBBox.width) {
                                coord.x = isInside ? visibleArea.maxX - labelBBox.width : graphicBBox.x - 10 - labelBBox.width
                            }
                            if (visibleArea.minY > coord.y) {
                                coord.y = visibleArea.minY
                            }
                            if (visibleArea.maxY < coord.y + labelBBox.height) {
                                coord.y = visibleArea.maxY - labelBBox.height
                            }
                        }
                    }
                    return coord
                },
                _addLabelAlignmentAndOffset(label, coord) {
                    const labelBBox = label.getBoundingRect();
                    const labelOptions = label.getLayoutOptions();
                    if (!this._options.rotated) {
                        if ("left" === labelOptions.alignment) {
                            coord.x += labelBBox.width / 2
                        } else if ("right" === labelOptions.alignment) {
                            coord.x -= labelBBox.width / 2
                        }
                    }
                    coord.x += labelOptions.horizontalOffset;
                    coord.y += labelOptions.verticalOffset;
                    return coord
                },
                _getLabelCoords(label) {
                    return this._getLabelCoordOfPosition(label, this._getLabelPosition(label.pointPosition))
                },
                _getLabelCoordOfPosition(label, position) {
                    const labelBBox = label.getBoundingRect();
                    const graphicBBox = this._getGraphicBBox(label.pointPosition);
                    const centerY = graphicBBox.height / 2 - labelBBox.height / 2;
                    const centerX = graphicBBox.width / 2 - labelBBox.width / 2;
                    let x = graphicBBox.x;
                    let y = graphicBBox.y;
                    switch (position) {
                        case "left":
                            x -= labelBBox.width + 10;
                            y += centerY;
                            break;
                        case "right":
                            x += graphicBBox.width + 10;
                            y += centerY;
                            break;
                        case "top":
                            x += centerX;
                            y -= labelBBox.height + 10;
                            break;
                        case "bottom":
                            x += centerX;
                            y += graphicBBox.height + 10;
                            break;
                        case "inside":
                            x += centerX;
                            y += centerY
                    }
                    return {
                        x: x,
                        y: y
                    }
                },
                _drawMarker(renderer, group, animationEnabled) {
                    const options = this._options;
                    const translates = this._getTranslates(animationEnabled);
                    const style = this._getStyle();
                    this.graphic = this._createMarker(renderer, group, options.image, _extend({
                        translateX: translates.x,
                        translateY: translates.y,
                        points: this._populatePointShape(options.symbol, style.r)
                    }, style))
                },
                _getErrorBarSettings: () => ({
                    visibility: "visible"
                }),
                _getErrorBarBaseEdgeLength() {
                    return 2 * this.getPointRadius()
                },
                _drawErrorBar(renderer, group) {
                    if (!this._options.errorBars) {
                        return
                    }
                    const that = this;
                    const options = that._options;
                    const errorBarOptions = options.errorBars;
                    const points = [];
                    let settings;
                    const pos = that._errorBarPos;
                    let high = that._highErrorCoord;
                    let low = that._lowErrorCoord;
                    const displayMode = (0, _utils.normalizeEnum)(errorBarOptions.displayMode);
                    const isHighDisplayMode = "high" === displayMode;
                    const isLowDisplayMode = "low" === displayMode;
                    const highErrorOnly = (isHighDisplayMode || !(0, _type.isDefined)(low)) && (0, _type.isDefined)(high) && !isLowDisplayMode;
                    const lowErrorOnly = (isLowDisplayMode || !(0, _type.isDefined)(high)) && (0, _type.isDefined)(low) && !isHighDisplayMode;
                    let edgeLength = errorBarOptions.edgeLength;
                    if (edgeLength <= 1 && edgeLength > 0) {
                        edgeLength = this._getErrorBarBaseEdgeLength() * errorBarOptions.edgeLength
                    }
                    edgeLength = _floor(parseInt(edgeLength) / 2);
                    highErrorOnly && (low = that._baseErrorBarPos);
                    lowErrorOnly && (high = that._baseErrorBarPos);
                    if ("none" !== displayMode && (0, _type.isDefined)(high) && (0, _type.isDefined)(low) && (0, _type.isDefined)(pos)) {
                        !lowErrorOnly && points.push([pos - edgeLength, high, pos + edgeLength, high]);
                        points.push([pos, high, pos, low]);
                        !highErrorOnly && points.push([pos + edgeLength, low, pos - edgeLength, low]);
                        options.rotated && (0, _iterator.each)(points, (_, p) => {
                            p.reverse()
                        });
                        settings = that._getErrorBarSettings(errorBarOptions);
                        if (!that._errorBar) {
                            that._errorBar = renderer.path(points, "line").attr(settings).append(group)
                        } else {
                            settings.points = points;
                            that._errorBar.attr(settings)
                        }
                    } else {
                        that._errorBar && that._errorBar.attr({
                            visibility: "hidden"
                        })
                    }
                },
                getTooltipParams() {
                    const graphic = this.graphic;
                    return {
                        x: this.x,
                        y: this.y,
                        offset: graphic ? graphic.getBBox().height / 2 : 0
                    }
                },
                setPercentValue(absTotal, total, leftHoleTotal, rightHoleTotal) {
                    const that = this;
                    const valuePercent = that.value / absTotal || 0;
                    const minValuePercent = that.minValue / absTotal || 0;
                    const percent = valuePercent - minValuePercent;
                    that._label.setDataField("percent", percent);
                    that._label.setDataField("total", total);
                    if (that.series.isFullStackedSeries() && that.hasValue()) {
                        if (that.leftHole) {
                            that.leftHole /= absTotal - leftHoleTotal;
                            that.minLeftHole /= absTotal - leftHoleTotal
                        }
                        if (that.rightHole) {
                            that.rightHole /= absTotal - rightHoleTotal;
                            that.minRightHole /= absTotal - rightHoleTotal
                        }
                        that.value = that.properValue = valuePercent;
                        that.minValue = !minValuePercent ? that.minValue : minValuePercent
                    }
                },
                _storeTrackerR() {
                    let navigator = window.navigator;
                    const r = this._options.styles.normal.r;
                    const minTrackerSize = (0, _window.hasProperty)("ontouchstart") || navigator.msPointerEnabled && navigator.msMaxTouchPoints || navigator.pointerEnabled && navigator.maxTouchPoints ? 20 : 6;
                    this._options.trackerR = r < minTrackerSize ? minTrackerSize : r;
                    return this._options.trackerR
                },
                _translateErrorBars() {
                    const options = this._options;
                    const rotated = options.rotated;
                    const errorBars = options.errorBars;
                    const translator = this._getValTranslator();
                    if (!errorBars) {
                        return
                    }(0, _type.isDefined)(this.lowError) && (this._lowErrorCoord = translator.translate(this.lowError));
                    (0, _type.isDefined)(this.highError) && (this._highErrorCoord = translator.translate(this.highError));
                    this._errorBarPos = _floor(rotated ? this.vy : this.vx);
                    this._baseErrorBarPos = "stdDeviation" === errorBars.type ? this._lowErrorCoord + (this._highErrorCoord - this._lowErrorCoord) / 2 : rotated ? this.vx : this.vy
                },
                _translate() {
                    const that = this;
                    const valTranslator = that._getValTranslator();
                    const argTranslator = that._getArgTranslator();
                    if (that._options.rotated) {
                        that.vx = that.x = valTranslator.translate(that.value, void 0, true);
                        that.vy = that.y = argTranslator.translate(that.argument, void 0, true);
                        that.minX = valTranslator.translate(that.minValue, void 0, true);
                        that.defaultX = valTranslator.translate("canvas_position_default")
                    } else {
                        that.vy = that.y = valTranslator.translate(that.value, void 0, true);
                        that.vx = that.x = argTranslator.translate(that.argument, void 0, true);
                        that.minY = valTranslator.translate(that.minValue, void 0, true);
                        that.defaultY = valTranslator.translate("canvas_position_default")
                    }
                    that._translateErrorBars();
                    that._calculateVisibility(that.x, that.y)
                },
                _updateData(data) {
                    this.value = this.properValue = this.initialValue = this.originalValue = data.value;
                    this.minValue = this.initialMinValue = this.originalMinValue = (0, _type.isDefined)(data.minValue) ? data.minValue : "canvas_position_default"
                },
                _getImageSettings: image => ({
                    href: image.url || image.toString(),
                    width: image.width || 20,
                    height: image.height || 20
                }),
                getCrosshairData() {
                    const r = this._options.rotated;
                    const value = this.properValue;
                    const argument = this.argument;
                    return {
                        x: this.vx,
                        y: this.vy,
                        xValue: r ? value : argument,
                        yValue: r ? argument : value,
                        axis: this.series.axis
                    }
                },
                getPointRadius() {
                    const style = this._getStyle();
                    const options = this._options;
                    const r = style.r;
                    let extraSpace;
                    const symbol = options.symbol;
                    const isSquare = "square" === symbol;
                    const isTriangle = "triangle" === symbol || "triangleDown" === symbol || "triangleUp" === symbol;
                    if (options.visible && !options.image && r) {
                        extraSpace = style["stroke-width"] / 2;
                        return (isSquare || isTriangle ? 1.4 * r : r) + extraSpace
                    }
                    return 0
                },
                _updateMarker(animationEnabled, style) {
                    const that = this;
                    const options = that._options;
                    let settings;
                    const image = options.image;
                    const visibility = !that.isVisible() ? {
                        visibility: "hidden"
                    } : {};
                    if (that._checkImage(image)) {
                        settings = _extend({}, {
                            visibility: style.visibility
                        }, visibility, that._getImageSettings(image))
                    } else {
                        settings = _extend({}, style, visibility, {
                            points: that._populatePointShape(options.symbol, style.r)
                        })
                    }
                    if (!animationEnabled) {
                        settings.translateX = that.x;
                        settings.translateY = that.y
                    }
                    that.graphic.attr(settings).sharp()
                },
                _getLabelFormatObject() {
                    return {
                        argument: this.initialArgument,
                        value: this.initialValue,
                        originalArgument: this.originalArgument,
                        originalValue: this.originalValue,
                        seriesName: this.series.name,
                        lowErrorValue: this.lowError,
                        highErrorValue: this.highError,
                        point: this
                    }
                },
                _getLabelPosition() {
                    const rotated = this._options.rotated;
                    if (this.initialValue > 0) {
                        return rotated ? "right" : "top"
                    } else {
                        return rotated ? "left" : "bottom"
                    }
                },
                _getFormatObject(tooltip) {
                    const labelFormatObject = this._label.getData();
                    return _extend({}, labelFormatObject, {
                        argumentText: tooltip.formatValue(this.initialArgument, "argument"),
                        valueText: tooltip.formatValue(this.initialValue)
                    }, (0, _type.isDefined)(labelFormatObject.percent) ? {
                        percentText: tooltip.formatValue(labelFormatObject.percent, "percent")
                    } : {}, (0, _type.isDefined)(labelFormatObject.total) ? {
                        totalText: tooltip.formatValue(labelFormatObject.total)
                    } : {})
                },
                getMarkerVisibility() {
                    return this._options.visible
                },
                coordsIn(x, y) {
                    const trackerRadius = this._storeTrackerR();
                    return x >= this.x - trackerRadius && x <= this.x + trackerRadius && y >= this.y - trackerRadius && y <= this.y + trackerRadius
                },
                getMinValue(noErrorBar) {
                    const errorBarOptions = this._options.errorBars;
                    if (errorBarOptions && !noErrorBar) {
                        const displayMode = errorBarOptions.displayMode;
                        const lowValue = "high" !== displayMode && (0, _type.isDefined)(this.lowError) ? this.lowError : this.value;
                        const highValue = "low" !== displayMode && (0, _type.isDefined)(this.highError) ? this.highError : this.value;
                        return lowValue < highValue ? lowValue : highValue
                    } else {
                        return this.value
                    }
                },
                getMaxValue(noErrorBar) {
                    const errorBarOptions = this._options.errorBars;
                    if (errorBarOptions && !noErrorBar) {
                        const displayMode = errorBarOptions.displayMode;
                        const lowValue = "high" !== displayMode && (0, _type.isDefined)(this.lowError) ? this.lowError : this.value;
                        const highValue = "low" !== displayMode && (0, _type.isDefined)(this.highError) ? this.highError : this.value;
                        return lowValue > highValue ? lowValue : highValue
                    } else {
                        return this.value
                    }
                }
            }
        },
        18519(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.chart = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _area_series = __webpack_require__( /*! ./area_series */ 38525);
            var _bar_series = __webpack_require__( /*! ./bar_series */ 48971);
            var _scatter_series = __webpack_require__( /*! ./scatter_series */ 39294);
            const _extend = _extend2.extend;
            const barSeries = _bar_series.chart.bar;
            const areaSeries = _area_series.chart.area;
            const chart = exports.chart = {};
            const baseRangeSeries = {
                areErrorBarsVisible: _common.noop,
                _createErrorBarGroup: _common.noop,
                _checkData(data, skippedFields) {
                    const valueFields = this.getValueFields();
                    return _scatter_series.chart._checkData.call(this, data, skippedFields, {
                        minValue: valueFields[0],
                        value: valueFields[1]
                    }) && data.minValue === data.minValue
                },
                getValueRangeInitialValue: _scatter_series.chart.getValueRangeInitialValue,
                _getPointDataSelector(data) {
                    const valueFields = this.getValueFields();
                    const val1Field = valueFields[0];
                    const val2Field = valueFields[1];
                    const tagField = this.getTagField();
                    const argumentField = this.getArgumentField();
                    return data => ({
                        tag: data[tagField],
                        minValue: this._processEmptyValue(data[val1Field]),
                        value: this._processEmptyValue(data[val2Field]),
                        argument: data[argumentField],
                        data: data
                    })
                },
                _defaultAggregator: "range",
                _aggregators: {
                    range(_ref, series) {
                        let {
                            intervalStart: intervalStart,
                            intervalEnd: intervalEnd,
                            data: data
                        } = _ref;
                        if (!data.length) {
                            return
                        }
                        const valueFields = series.getValueFields();
                        const val1Field = valueFields[0];
                        const val2Field = valueFields[1];
                        const result = data.reduce((result, item) => {
                            const val1 = item[val1Field];
                            const val2 = item[val2Field];
                            if (!(0, _type.isDefined)(val1) || !(0, _type.isDefined)(val2)) {
                                return result
                            }
                            result[val1Field] = Math.min(result[val1Field], Math.min(val1, val2));
                            result[val2Field] = Math.max(result[val2Field], Math.max(val1, val2));
                            return result
                        }, {
                            [val1Field]: 1 / 0,
                            [val2Field]: -1 / 0,
                            [series.getArgumentField()]: series._getIntervalCenter(intervalStart, intervalEnd)
                        });
                        if (!isFinite(result[val1Field]) || !isFinite(result[val2Field])) {
                            if (data.filter(i => null === i[val1Field] && null === i[val2Field]).length === data.length) {
                                result[val1Field] = result[val2Field] = null
                            } else {
                                return
                            }
                        }
                        return result
                    }
                },
                getValueFields() {
                    return [this._options.rangeValue1Field || "val1", this._options.rangeValue2Field || "val2"]
                },
                getSeriesPairCoord(coord, isArgument) {
                    let oppositeCoord = null;
                    const {
                        rotated: rotated
                    } = this._options;
                    const isOpposite = !isArgument && !rotated || isArgument && rotated;
                    const coordName = isOpposite ? "vy" : "vx";
                    const minCoordName = rotated ? "minX" : "minY";
                    const oppositeCoordName = isOpposite ? "vx" : "vy";
                    const points = this.getPoints();
                    for (let i = 0; i < points.length; i++) {
                        const p = points[i];
                        let tmpCoord;
                        if (isArgument) {
                            tmpCoord = p.getCenterCoord()[coordName[1]] === coord ? p[oppositeCoordName] : void 0
                        } else {
                            const coords = [Math.min(p[coordName], p[minCoordName]), Math.max(p[coordName], p[minCoordName])];
                            tmpCoord = coord >= coords[0] && coord <= coords[1] ? p[oppositeCoordName] : void 0
                        }
                        if (this._checkAxisVisibleAreaCoord(!isArgument, tmpCoord)) {
                            oppositeCoord = tmpCoord;
                            break
                        }
                    }
                    return oppositeCoord
                }
            };
            chart.rangebar = _extend({}, barSeries, baseRangeSeries);
            chart.rangearea = _extend({}, areaSeries, {
                _drawPoint(options) {
                    const point = options.point;
                    if (point.isInVisibleArea()) {
                        point.clearVisibility();
                        point.draw(this._renderer, options.groups);
                        this._drawnPoints.push(point);
                        if (!point.visibleTopMarker) {
                            point.hideMarker("top")
                        }
                        if (!point.visibleBottomMarker) {
                            point.hideMarker("bottom")
                        }
                    } else {
                        point.setInvisibility()
                    }
                },
                _prepareSegment(points, rotated) {
                    const processedPoints = this._processSinglePointsAreaSegment(points, rotated);
                    const processedMinPointsCoords = (0, _utils.map)(processedPoints, pt => pt.getCoords(true));
                    return {
                        line: processedPoints,
                        bottomLine: processedMinPointsCoords,
                        area: (0, _utils.map)(processedPoints, pt => pt.getCoords()).concat(processedMinPointsCoords.slice().reverse()),
                        singlePointSegment: processedPoints !== points
                    }
                },
                _getDefaultSegment(segment) {
                    const defaultSegment = areaSeries._getDefaultSegment.call(this, segment);
                    defaultSegment.bottomLine = defaultSegment.line;
                    return defaultSegment
                },
                _removeElement(element) {
                    areaSeries._removeElement.call(this, element);
                    element.bottomLine && element.bottomLine.remove()
                },
                _drawElement(segment, group) {
                    const drawnElement = areaSeries._drawElement.call(this, segment, group);
                    drawnElement.bottomLine = this._bordersGroup && this._createBorderElement(segment.bottomLine, {
                        "stroke-width": this._styles.normal.border["stroke-width"]
                    }).append(this._bordersGroup);
                    return drawnElement
                },
                _applyStyle(style) {
                    const elementsGroup = this._elementsGroup;
                    const bordersGroup = this._bordersGroup;
                    elementsGroup && elementsGroup.smartAttr(style.elements);
                    bordersGroup && bordersGroup.attr(style.border);
                    (this._graphics || []).forEach(graphic => {
                        graphic.line && graphic.line.attr({
                            "stroke-width": style.border["stroke-width"]
                        });
                        graphic.bottomLine && graphic.bottomLine.attr({
                            "stroke-width": style.border["stroke-width"]
                        })
                    })
                },
                _updateElement(element, segment, animate, complete) {
                    const bottomLineParams = {
                        points: segment.bottomLine
                    };
                    const bottomBorderElement = element.bottomLine;
                    areaSeries._updateElement.apply(this, arguments);
                    if (bottomBorderElement) {
                        animate ? bottomBorderElement.animate(bottomLineParams) : bottomBorderElement.attr(bottomLineParams)
                    }
                }
            }, baseRangeSeries)
        },
        39294(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.polar = exports.chart = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _range_data_calculator = (e = __webpack_require__( /*! ./helpers/range_data_calculator */ 41971), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const math = Math;
            const _abs = math.abs;
            const _sqrt = math.sqrt;
            const _max = math.max;
            const VARIANCE = "variance";
            const STANDARD_DEVIATION = "stddeviation";
            const STANDARD_ERROR = "stderror";
            const PERCENT = "percent";
            const FIXED = "fixed";
            let chart = exports.chart = {};
            let polar = exports.polar = {};

            function sum(array) {
                let result = 0;
                (0, _iterator.each)(array, (_, value) => {
                    result += value
                });
                return result
            }

            function variance(array, expectedValue) {
                return sum((0, _utils.map)(array, value => (value - expectedValue) * (value - expectedValue))) / array.length
            }

            function getMinMaxAggregator(compare) {
                return (_ref, series) => {
                    let {
                        intervalStart: intervalStart,
                        intervalEnd: intervalEnd,
                        data: data
                    } = _ref;
                    const valueField = series.getValueFields()[0];
                    let targetData = data[0];
                    targetData = data.reduce((result, item) => {
                        const value = item[valueField];
                        if (null === result[valueField]) {
                            result = item
                        }
                        if (null !== value && compare(value, result[valueField])) {
                            return item
                        }
                        return result
                    }, targetData);
                    return (0, _extend2.extend)({}, targetData, {
                        [series.getArgumentField()]: series._getIntervalCenter(intervalStart, intervalEnd)
                    })
                }
            }
            const baseScatterMethods = {
                _defaultDuration: 400,
                _defaultTrackerWidth: 12,
                _applyStyle: _common.noop,
                _updateOptions: _common.noop,
                _parseStyle: _common.noop,
                _prepareSegment: _common.noop,
                _drawSegment: _common.noop,
                _appendInGroup() {
                    this._group.append(this._extGroups.seriesGroup)
                },
                _createLegendState: (styleOptions, defaultColor) => ({
                    fill: (0, _utils.extractColor)(styleOptions.color, true) || defaultColor,
                    hatching: styleOptions.hatching ? (0, _extend2.extend)({}, styleOptions.hatching, {
                        direction: "right"
                    }) : void 0
                }),
                _getColorId: _common.noop,
                _applyElementsClipRect(settings) {
                    settings["clip-path"] = this._paneClipRectID
                },
                _applyMarkerClipRect(settings) {
                    settings["clip-path"] = this._forceClipping ? this._paneClipRectID : null
                },
                _createGroup(groupName, parent, target, settings) {
                    const group = parent[groupName] = parent[groupName] || this._renderer.g();
                    target && group.append(target);
                    settings && group.attr(settings)
                },
                _applyClearingSettings(settings) {
                    settings.opacity = null;
                    settings.scale = null;
                    if (this._options.rotated) {
                        settings.translateX = null
                    } else {
                        settings.translateY = null
                    }
                },
                _createGroups() {
                    this._createGroup("_markersGroup", this, this._group);
                    this._createGroup("_labelsGroup", this)
                },
                _setMarkerGroupSettings() {
                    const settings = this._createPointStyles(this._getMarkerGroupOptions()).normal;
                    settings.class = "dxc-markers";
                    settings.opacity = 1;
                    this._applyMarkerClipRect(settings);
                    this._markersGroup.attr(settings)
                },
                getVisibleArea() {
                    return this._visibleArea
                },
                areErrorBarsVisible() {
                    const errorBarOptions = this._options.valueErrorBar;
                    return errorBarOptions && this._errorBarsEnabled() && "none" !== errorBarOptions.displayMode && ((type = (0, _utils.normalizeEnum)(errorBarOptions.type), [FIXED, PERCENT, VARIANCE, STANDARD_DEVIATION, STANDARD_ERROR].includes(type)) || (0, _type.isDefined)(errorBarOptions.lowValueField) || (0, _type.isDefined)(errorBarOptions.highValueField));
                    var type
                },
                groupPointsByCoords(rotated) {
                    const cat = [];
                    (0, _iterator.each)(this.getVisiblePoints(), (_, p) => {
                        const pointCoord = parseInt(rotated ? p.vy : p.vx);
                        if (!cat[pointCoord]) {
                            cat[pointCoord] = p
                        } else {
                            Array.isArray(cat[pointCoord]) ? cat[pointCoord].push(p) : cat[pointCoord] = [cat[pointCoord], p]
                        }
                    });
                    return cat
                },
                _createErrorBarGroup(animationEnabled) {
                    const that = this;
                    const errorBarOptions = that._options.valueErrorBar;
                    let settings;
                    if (that.areErrorBarsVisible()) {
                        settings = {
                            class: "dxc-error-bars",
                            stroke: errorBarOptions.color,
                            "stroke-width": errorBarOptions.lineWidth,
                            opacity: animationEnabled ? .001 : errorBarOptions.opacity || 1,
                            "stroke-linecap": "square",
                            sharp: true,
                            "clip-path": that._forceClipping ? that._paneClipRectID : that._widePaneClipRectID
                        };
                        that._createGroup("_errorBarGroup", that, that._group, settings)
                    }
                },
                _setGroupsSettings(animationEnabled) {
                    this._setMarkerGroupSettings();
                    this._setLabelGroupSettings(animationEnabled);
                    this._createErrorBarGroup(animationEnabled)
                },
                _getCreatingPointOptions() {
                    const that = this;
                    let defaultPointOptions;
                    let creatingPointOptions = that._predefinedPointOptions;
                    let normalStyle;
                    if (!creatingPointOptions) {
                        defaultPointOptions = that._getPointOptions();
                        that._predefinedPointOptions = creatingPointOptions = (0, _extend2.extend)(true, {
                            styles: {}
                        }, defaultPointOptions);
                        normalStyle = defaultPointOptions.styles && defaultPointOptions.styles.normal || {};
                        creatingPointOptions.styles = creatingPointOptions.styles || {};
                        creatingPointOptions.styles.normal = {
                            "stroke-width": normalStyle["stroke-width"],
                            r: normalStyle.r,
                            opacity: normalStyle.opacity
                        }
                    }
                    return creatingPointOptions
                },
                _getPointOptions() {
                    return this._parsePointOptions(this._preparePointOptions(), this._options.label)
                },
                _getOptionsForPoint() {
                    return this._options.point
                },
                _parsePointStyle(style, defaultColor, defaultBorderColor, defaultSize) {
                    const border = style.border || {};
                    const sizeValue = void 0 !== style.size ? style.size : defaultSize;
                    return {
                        fill: (0, _utils.extractColor)(style.color, true) || defaultColor,
                        stroke: border.color || defaultBorderColor,
                        "stroke-width": border.visible ? border.width : 0,
                        r: sizeValue / 2 + (border.visible && 0 !== sizeValue ? ~~(border.width / 2) || 0 : 0)
                    }
                },
                _createPointStyles(pointOptions) {
                    const mainPointColor = (0, _utils.extractColor)(pointOptions.color, true) || this._options.mainSeriesColor;
                    const containerColor = this._options.containerBackgroundColor;
                    const normalStyle = this._parsePointStyle(pointOptions, mainPointColor, mainPointColor);
                    normalStyle.visibility = pointOptions.visible ? "visible" : "hidden";
                    return {
                        labelColor: mainPointColor,
                        normal: normalStyle,
                        hover: this._parsePointStyle(pointOptions.hoverStyle, containerColor, mainPointColor, pointOptions.size),
                        selection: this._parsePointStyle(pointOptions.selectionStyle, containerColor, mainPointColor, pointOptions.size)
                    }
                },
                _checkData(data, skippedFields, fieldsToCheck) {
                    fieldsToCheck = fieldsToCheck || {
                        value: this.getValueFields()[0]
                    };
                    fieldsToCheck.argument = this.getArgumentField();
                    return function(data, fieldsToCheck, skippedFields) {
                        let allFieldsIsValid = true;
                        for (const field in fieldsToCheck) {
                            const isArgument = "argument" === field;
                            if (isArgument || "size" === field ? !(0, _type.isDefined)(data[field]) : void 0 === data[field]) {
                                const selector = fieldsToCheck[field];
                                if (!isArgument) {
                                    skippedFields[selector] = (skippedFields[selector] || 0) + 1
                                }
                                allFieldsIsValid = false
                            }
                        }
                        return allFieldsIsValid
                    }(data, fieldsToCheck, skippedFields || {}) && data.value === data.value
                },
                getArgumentRangeInitialValue() {
                    const points = this.getPoints();
                    if (this.useAggregation() && points.length) {
                        var _points$0$aggregation, _points$aggregationIn;
                        return {
                            min: null === (_points$0$aggregation = points[0].aggregationInfo) || void 0 === _points$0$aggregation ? void 0 : _points$0$aggregation.intervalStart,
                            max: null === (_points$aggregationIn = points[points.length - 1].aggregationInfo) || void 0 === _points$aggregationIn ? void 0 : _points$aggregationIn.intervalEnd
                        }
                    }
                    return
                },
                getValueRangeInitialValue() {
                    return
                },
                _getRangeData() {
                    return _range_data_calculator.default.getRangeData(this)
                },
                _getPointDataSelector() {
                    const valueField = this.getValueFields()[0];
                    const argumentField = this.getArgumentField();
                    const tagField = this.getTagField();
                    const areErrorBarsVisible = this.areErrorBarsVisible();
                    let lowValueField;
                    let highValueField;
                    if (areErrorBarsVisible) {
                        const errorBarOptions = this._options.valueErrorBar;
                        lowValueField = errorBarOptions.lowValueField || "lowError";
                        highValueField = errorBarOptions.highValueField || "highError"
                    }
                    return data => {
                        const pointData = {
                            value: this._processEmptyValue(data[valueField]),
                            argument: data[argumentField],
                            tag: data[tagField],
                            data: data
                        };
                        if (areErrorBarsVisible) {
                            pointData.lowError = data[lowValueField];
                            pointData.highError = data[highValueField]
                        }
                        return pointData
                    }
                },
                _errorBarsEnabled() {
                    return "discrete" !== this.valueAxisType && "logarithmic" !== this.valueAxisType && "datetime" !== this.valueType
                },
                _drawPoint(options) {
                    const point = options.point;
                    if (point.isInVisibleArea()) {
                        point.clearVisibility();
                        point.draw(this._renderer, options.groups, options.hasAnimation, options.firstDrawing);
                        this._drawnPoints.push(point)
                    } else {
                        point.setInvisibility()
                    }
                },
                _animateComplete() {
                    const animationSettings = {
                        duration: this._defaultDuration
                    };
                    this._labelsGroup && this._labelsGroup.animate({
                        opacity: 1
                    }, animationSettings);
                    this._errorBarGroup && this._errorBarGroup.animate({
                        opacity: this._options.valueErrorBar.opacity || 1
                    }, animationSettings)
                },
                _animate() {
                    const that = this;
                    const lastPointIndex = that._drawnPoints.length - 1;
                    (0, _iterator.each)(that._drawnPoints || [], (i, p) => {
                        p.animate(i === lastPointIndex ? () => {
                            that._animateComplete()
                        } : void 0, {
                            translateX: p.x,
                            translateY: p.y
                        })
                    })
                },
                _getIntervalCenter(intervalStart, intervalEnd) {
                    const argAxis = this.getArgumentAxis();
                    const axisOptions = argAxis.getOptions();
                    if (argAxis.aggregatedPointBetweenTicks()) {
                        return intervalStart
                    }
                    return "discrete" !== axisOptions.type ? argAxis.getVisualRangeCenter({
                        minVisible: intervalStart,
                        maxVisible: intervalEnd
                    }, true) : intervalStart
                },
                _defaultAggregator: "avg",
                _aggregators: {
                    avg(_ref2, series) {
                        let {
                            data: data,
                            intervalStart: intervalStart,
                            intervalEnd: intervalEnd
                        } = _ref2;
                        if (!data.length) {
                            return
                        }
                        const valueField = series.getValueFields()[0];
                        const aggregationResult = data.reduce((result, item) => {
                            const value = item[valueField];
                            if ((0, _type.isDefined)(value)) {
                                result[0] += value;
                                result[1]++
                            } else if (null === value) {
                                result[2]++
                            }
                            return result
                        }, [0, 0, 0]);
                        return function(result, data, series) {
                            const errorBarsOptions = series.getOptions().valueErrorBar;
                            const valueField = series.getValueFields()[0];
                            const lowValueField = errorBarsOptions.lowValueField || "lowError";
                            const highValueField = errorBarsOptions.highValueField || "highError";
                            if (series.areErrorBarsVisible() && void 0 === errorBarsOptions.type) {
                                const fusionData = data.reduce((result, item) => {
                                    if ((0, _type.isDefined)(item[lowValueField])) {
                                        result[0] += item[valueField] - item[lowValueField];
                                        result[1]++
                                    }
                                    if ((0, _type.isDefined)(item[highValueField])) {
                                        result[2] += item[highValueField] - item[valueField];
                                        result[3]++
                                    }
                                    return result
                                }, [0, 0, 0, 0]);
                                if (fusionData[1]) {
                                    result[lowValueField] = result[valueField] - fusionData[0] / fusionData[1]
                                }
                                if (fusionData[2]) {
                                    result[highValueField] = result[valueField] + fusionData[2] / fusionData[3]
                                }
                            }
                            return result
                        }({
                            [valueField]: aggregationResult[2] === data.length ? null : aggregationResult[0] / aggregationResult[1],
                            [series.getArgumentField()]: series._getIntervalCenter(intervalStart, intervalEnd)
                        }, data, series)
                    },
                    sum(_ref3, series) {
                        let {
                            intervalStart: intervalStart,
                            intervalEnd: intervalEnd,
                            data: data
                        } = _ref3;
                        if (!data.length) {
                            return
                        }
                        const valueField = series.getValueFields()[0];
                        const aggregationResult = data.reduce((result, item) => {
                            const value = item[valueField];
                            if (void 0 !== value) {
                                result[0] += value
                            }
                            if (null === value) {
                                result[1]++
                            } else if (void 0 === value) {
                                result[2]++
                            }
                            return result
                        }, [0, 0, 0]);
                        let value = aggregationResult[0];
                        if (aggregationResult[1] === data.length) {
                            value = null
                        }
                        if (aggregationResult[2] === data.length) {
                            return
                        }
                        return function(result, data, series) {
                            const errorBarsOptions = series.getOptions().valueErrorBar;
                            const lowValueField = errorBarsOptions.lowValueField || "lowError";
                            const highValueField = errorBarsOptions.highValueField || "highError";
                            if (series.areErrorBarsVisible() && void 0 === errorBarsOptions.type) {
                                result[lowValueField] = 0;
                                result[highValueField] = 0;
                                result = data.reduce((result, item) => {
                                    result[lowValueField] += item[lowValueField];
                                    result[highValueField] += item[highValueField];
                                    return result
                                }, result)
                            }
                            return result
                        }({
                            [valueField]: value,
                            [series.getArgumentField()]: series._getIntervalCenter(intervalStart, intervalEnd)
                        }, data, series)
                    },
                    count(_ref4, series) {
                        let {
                            data: data,
                            intervalStart: intervalStart,
                            intervalEnd: intervalEnd
                        } = _ref4;
                        const valueField = series.getValueFields()[0];
                        return {
                            [series.getArgumentField()]: series._getIntervalCenter(intervalStart, intervalEnd),
                            [valueField]: data.filter(i => void 0 !== i[valueField]).length
                        }
                    },
                    min: getMinMaxAggregator((a, b) => a < b),
                    max: getMinMaxAggregator((a, b) => a > b)
                },
                _endUpdateData() {
                    delete this._predefinedPointOptions
                },
                getArgumentField() {
                    return this._options.argumentField || "arg"
                },
                getValueFields() {
                    const options = this._options;
                    const errorBarsOptions = options.valueErrorBar;
                    const valueFields = [options.valueField || "val"];
                    let lowValueField;
                    let highValueField;
                    if (errorBarsOptions) {
                        lowValueField = errorBarsOptions.lowValueField;
                        highValueField = errorBarsOptions.highValueField;
                        (0, _type.isString)(lowValueField) && valueFields.push(lowValueField);
                        (0, _type.isString)(highValueField) && valueFields.push(highValueField)
                    }
                    return valueFields
                },
                _calculateErrorBars(data) {
                    if (!this.areErrorBarsVisible()) {
                        return
                    }
                    const options = this._options;
                    const errorBarsOptions = options.valueErrorBar;
                    const errorBarType = (0, _utils.normalizeEnum)(errorBarsOptions.type);
                    let floatErrorValue = parseFloat(errorBarsOptions.value);
                    const valueField = this.getValueFields()[0];
                    let value;
                    const lowValueField = errorBarsOptions.lowValueField || "lowError";
                    const highValueField = errorBarsOptions.highValueField || "highError";
                    let valueArray;
                    let valueArrayLength;
                    let meanValue;
                    let processDataItem;
                    const addSubError = function(_i, item) {
                        value = item.value;
                        item.lowError = value - floatErrorValue;
                        item.highError = value + floatErrorValue
                    };
                    switch (errorBarType) {
                        case FIXED:
                            processDataItem = addSubError;
                            break;
                        case PERCENT:
                            processDataItem = function(_, item) {
                                value = item.value;
                                const error = value * floatErrorValue / 100;
                                item.lowError = value - error;
                                item.highError = value + error
                            };
                            break;
                        case "undefined":
                            processDataItem = function(_, item) {
                                item.lowError = item.data[lowValueField];
                                item.highError = item.data[highValueField]
                            };
                            break;
                        default:
                            valueArray = (0, _utils.map)(data, item => (0, _type.isDefined)(item.data[valueField]) ? item.data[valueField] : null);
                            valueArrayLength = valueArray.length;
                            floatErrorValue = floatErrorValue || 1;
                            switch (errorBarType) {
                                case VARIANCE:
                                    floatErrorValue = variance(valueArray, sum(valueArray) / valueArrayLength) * floatErrorValue;
                                    processDataItem = addSubError;
                                    break;
                                case STANDARD_DEVIATION:
                                    meanValue = sum(valueArray) / valueArrayLength;
                                    floatErrorValue = _sqrt(variance(valueArray, meanValue)) * floatErrorValue;
                                    processDataItem = function(_, item) {
                                        item.lowError = meanValue - floatErrorValue;
                                        item.highError = meanValue + floatErrorValue
                                    };
                                    break;
                                case STANDARD_ERROR:
                                    floatErrorValue = _sqrt(variance(valueArray, sum(valueArray) / valueArrayLength) / valueArrayLength) * floatErrorValue;
                                    processDataItem = addSubError
                            }
                    }
                    processDataItem && (0, _iterator.each)(data, processDataItem)
                },
                _patchMarginOptions(options) {
                    const pointOptions = this._getCreatingPointOptions();
                    const styles = pointOptions.styles;
                    const maxSize = [styles.normal, styles.hover, styles.selection].reduce((max, style) => _max(max, 2 * style.r + style["stroke-width"]), 0);
                    options.size = pointOptions.visible ? maxSize : 0;
                    options.sizePointNormalState = pointOptions.visible ? 2 * styles.normal.r + styles.normal["stroke-width"] : 2;
                    return options
                },
                usePointsToDefineAutoHiding() {
                    return !!this._getOptionsForPoint().visible
                }
            };
            exports.chart = chart = (0, _extend2.extend)({}, baseScatterMethods, {
                drawTrackers() {
                    const that = this;
                    let trackers;
                    let trackersGroup;
                    const segments = that._segments || [];
                    const rotated = that._options.rotated;
                    if (!that.isVisible()) {
                        return
                    }
                    if (segments.length) {
                        trackers = that._trackers = that._trackers || [];
                        trackersGroup = that._trackersGroup = (that._trackersGroup || that._renderer.g().attr({
                            fill: "gray",
                            opacity: .001,
                            stroke: "gray",
                            class: "dxc-trackers"
                        })).attr({
                            "clip-path": this._paneClipRectID || null
                        }).append(that._group);
                        (0, _iterator.each)(segments, (i, segment) => {
                            if (!trackers[i]) {
                                trackers[i] = that._drawTrackerElement(segment).data({
                                    "chart-data-series": that
                                }).append(trackersGroup)
                            } else {
                                that._updateTrackerElement(segment, trackers[i])
                            }
                        })
                    }
                    that._trackersTranslator = that.groupPointsByCoords(rotated)
                },
                _checkAxisVisibleAreaCoord(isArgument, coord) {
                    const axis = isArgument ? this.getArgumentAxis() : this.getValueAxis();
                    const visibleArea = axis.getVisibleArea();
                    return (0, _type.isDefined)(coord) && visibleArea[0] <= coord && visibleArea[1] >= coord
                },
                checkSeriesViewportCoord(axis, coord) {
                    return this.getPoints().length && this.isVisible()
                },
                getSeriesPairCoord(coord, isArgument) {
                    let oppositeCoord = null;
                    const isOpposite = !isArgument && !this._options.rotated || isArgument && this._options.rotated;
                    const coordName = !isOpposite ? "vx" : "vy";
                    const oppositeCoordName = !isOpposite ? "vy" : "vx";
                    const points = this.getVisiblePoints();
                    for (let i = 0; i < points.length; i++) {
                        const p = points[i];
                        const tmpCoord = p[coordName] === coord ? p[oppositeCoordName] : void 0;
                        if (this._checkAxisVisibleAreaCoord(!isArgument, tmpCoord)) {
                            oppositeCoord = tmpCoord;
                            break
                        }
                    }
                    return oppositeCoord
                },
                _getNearestPoints: (point, nextPoint) => [point, nextPoint],
                _getBezierPoints: () => [],
                _getNearestPointsByCoord(coord, isArgument) {
                    const that = this;
                    const rotated = that.getOptions().rotated;
                    const isOpposite = !isArgument && !rotated || isArgument && rotated;
                    const coordName = isOpposite ? "vy" : "vx";
                    const allPoints = that.getPoints();
                    const bezierPoints = that._getBezierPoints();
                    const nearestPoints = [];
                    if (allPoints.length > 1) {
                        allPoints.forEach((point, i) => {
                            const nextPoint = allPoints[i + 1];
                            if (nextPoint && (point[coordName] <= coord && nextPoint[coordName] >= coord || point[coordName] >= coord && nextPoint[coordName] <= coord)) {
                                nearestPoints.push(that._getNearestPoints(point, nextPoint, bezierPoints))
                            }
                        })
                    } else {
                        nearestPoints.push([allPoints[0], allPoints[0]])
                    }
                    return nearestPoints
                },
                getNeighborPoint(x, y) {
                    let pCoord = this._options.rotated ? y : x;
                    let nCoord = pCoord;
                    const cat = this._trackersTranslator;
                    let point = null;
                    let minDistance;
                    const oppositeCoord = this._options.rotated ? x : y;
                    const oppositeCoordName = this._options.rotated ? "vx" : "vy";
                    if (this.isVisible() && cat) {
                        point = cat[pCoord];
                        do {
                            point = cat[nCoord] || cat[pCoord];
                            pCoord--;
                            nCoord++
                        } while ((pCoord >= 0 || nCoord < cat.length) && !point);
                        if (Array.isArray(point)) {
                            minDistance = _abs(point[0][oppositeCoordName] - oppositeCoord);
                            (0, _iterator.each)(point, (i, p) => {
                                const distance = _abs(p[oppositeCoordName] - oppositeCoord);
                                if (minDistance >= distance) {
                                    minDistance = distance;
                                    point = p
                                }
                            })
                        }
                    }
                    return point
                },
                _applyVisibleArea() {
                    const rotated = this._options.rotated;
                    const visibleX = (rotated ? this.getValueAxis() : this.getArgumentAxis()).getVisibleArea();
                    const visibleY = (rotated ? this.getArgumentAxis() : this.getValueAxis()).getVisibleArea();
                    this._visibleArea = {
                        minX: visibleX[0],
                        maxX: visibleX[1],
                        minY: visibleY[0],
                        maxY: visibleY[1]
                    }
                },
                getPointCenterByArg(arg) {
                    const point = this.getPointsByArg(arg)[0];
                    return point ? point.getCenterCoord() : void 0
                }
            });
            exports.polar = polar = (0, _extend2.extend)({}, baseScatterMethods, {
                drawTrackers() {
                    chart.drawTrackers.call(this);
                    const cat = this._trackersTranslator;
                    let index;
                    if (!this.isVisible()) {
                        return
                    }(0, _iterator.each)(cat, (i, category) => {
                        if (category) {
                            index = i;
                            return false
                        }
                    });
                    cat[index + 360] = cat[index]
                },
                getNeighborPoint(x, y) {
                    const pos = (0, _utils.convertXYToPolar)(this.getValueAxis().getCenter(), x, y);
                    return chart.getNeighborPoint.call(this, pos.phi, pos.r)
                },
                _applyVisibleArea() {
                    const canvas = this.getValueAxis().getCanvas();
                    this._visibleArea = {
                        minX: canvas.left,
                        maxX: canvas.width - canvas.right,
                        minY: canvas.top,
                        maxY: canvas.height - canvas.bottom
                    }
                },
                getSeriesPairCoord(params, isArgument) {
                    let coords = null;
                    const paramName = isArgument ? "argument" : "radius";
                    const points = this.getVisiblePoints();
                    for (let i = 0; i < points.length; i++) {
                        const p = points[i];
                        const tmpPoint = (0, _type.isDefined)(p[paramName]) && (0, _type.isDefined)(params[paramName]) && p[paramName].valueOf() === params[paramName].valueOf() ? {
                            x: p.x,
                            y: p.y
                        } : void 0;
                        if ((0, _type.isDefined)(tmpPoint)) {
                            coords = tmpPoint;
                            break
                        }
                    }
                    return coords
                }
            })
        },
        92659(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.polar = exports.chart = void 0;
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _object = __webpack_require__( /*! ../../../core/utils/object */ 22263);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _area_series = __webpack_require__( /*! ./area_series */ 38525);
            var _bar_series = __webpack_require__( /*! ./bar_series */ 48971);
            var _line_series = __webpack_require__( /*! ./line_series */ 72016);
            const chartAreaSeries = _area_series.chart.area;
            const chartBarSeries = _bar_series.chart.bar;
            const baseStackedSeries = {
                _calculateErrorBars: _common.noop,
                _updateOptions(options) {
                    this._stackName = `axis_${options.axis||"default"}`
                }
            };
            const chart = exports.chart = {};
            const polar = exports.polar = {};
            chart.stackedline = (0, _extend2.extend)({}, _line_series.chart.line, baseStackedSeries, {});
            chart.stackedspline = (0, _extend2.extend)({}, _line_series.chart.spline, baseStackedSeries, {});
            chart.fullstackedline = (0, _extend2.extend)({}, _line_series.chart.line, baseStackedSeries, {
                getValueRangeInitialValue: _area_series.chart.area.getValueRangeInitialValue
            });
            chart.fullstackedspline = (0, _extend2.extend)({}, _line_series.chart.spline, baseStackedSeries, {
                getValueRangeInitialValue: _area_series.chart.area.getValueRangeInitialValue
            });
            const stackedBar = chart.stackedbar = (0, _extend2.extend)({}, chartBarSeries, baseStackedSeries, {
                _updateOptions(options) {
                    baseStackedSeries._updateOptions.call(this, options);
                    this._stackName = `${this._stackName}_stack_${options.stack||"default"}`
                }
            });
            chart.fullstackedbar = (0, _extend2.extend)({}, chartBarSeries, baseStackedSeries, {
                _updateOptions: stackedBar._updateOptions
            });

            function clonePoint(point, value, minValue, position) {
                point = (0, _object.clone)(point);
                point.value = value;
                point.minValue = minValue;
                point.translate();
                point.argument += position;
                return point
            }

            function preparePointsForStackedAreaSegment(points) {
                let i = 0;
                let p;
                const result = [];
                let array;
                const len = points.length;
                while (i < len) {
                    p = points[i];
                    array = [p];
                    if (p.leftHole) {
                        array = [clonePoint(p, p.leftHole, p.minLeftHole, "left"), p]
                    }
                    if (p.rightHole) {
                        array.push(clonePoint(p, p.rightHole, p.minRightHole, "right"))
                    }
                    result.push(array);
                    i++
                }
                return [].concat.apply([], result)
            }
            chart.stackedarea = (0, _extend2.extend)({}, chartAreaSeries, baseStackedSeries, {
                _prepareSegment(points, rotated) {
                    return chartAreaSeries._prepareSegment.call(this, preparePointsForStackedAreaSegment(points), rotated)
                },
                _appendInGroup() {
                    this._group.append(this._extGroups.seriesGroup).toBackground()
                }
            });
            chart.stackedsplinearea = (0, _extend2.extend)({}, _area_series.chart.splinearea, baseStackedSeries, {
                _prepareSegment(points, rotated) {
                    const that = this;
                    let areaSegment;
                    points = preparePointsForStackedAreaSegment(points);
                    if (!this._prevSeries || 1 === points.length) {
                        areaSegment = _area_series.chart.splinearea._prepareSegment.call(this, points, rotated)
                    } else {
                        const forwardPoints = _line_series.chart.spline._calculateBezierPoints(points, rotated);
                        let backwardPoints = (0, _utils.map)(points, p => {
                            const point = p.getCoords(true);
                            point.argument = p.argument;
                            return point
                        });
                        let prevSeriesForwardPoints = [];
                        const pointByArg = {};
                        let i = 0;
                        const len = that._prevSeries._segments.length;
                        while (i < len) {
                            prevSeriesForwardPoints = prevSeriesForwardPoints.concat(that._prevSeries._segments[i].line);
                            i++
                        }(0, _iterator.each)(prevSeriesForwardPoints, (_, p) => {
                            if (null !== p.argument) {
                                const argument = p.argument.valueOf();
                                if (!pointByArg[argument]) {
                                    pointByArg[argument] = [p]
                                } else {
                                    pointByArg[argument].push(p)
                                }
                            }
                        });
                        that._prevSeries._segmentByArg = pointByArg;
                        backwardPoints = _line_series.chart.spline._calculateBezierPoints(backwardPoints, rotated);
                        (0, _iterator.each)(backwardPoints, (i, p) => {
                            const argument = p.argument.valueOf();
                            let prevSeriesPoints;
                            if (i % 3 === 0) {
                                prevSeriesPoints = pointByArg[argument] || function(prevSeries, argument) {
                                    let result;
                                    while (!result && prevSeries) {
                                        result = prevSeries._segmentByArg && prevSeries._segmentByArg[argument];
                                        prevSeries = prevSeries._prevSeries
                                    }
                                    return result
                                }(that._prevSeries, argument);
                                if (prevSeriesPoints) {
                                    backwardPoints[i - 1] && prevSeriesPoints[0] && (backwardPoints[i - 1] = prevSeriesPoints[0]);
                                    backwardPoints[i + 1] && (backwardPoints[i + 1] = prevSeriesPoints[2] || p)
                                }
                            }
                        });
                        areaSegment = {
                            line: forwardPoints,
                            area: forwardPoints.concat(backwardPoints.reverse())
                        };
                        that._areaPointsToSplineAreaPoints(areaSegment.area)
                    }
                    return areaSegment
                },
                _appendInGroup: chart.stackedarea._appendInGroup
            });
            chart.fullstackedarea = (0, _extend2.extend)({}, chartAreaSeries, baseStackedSeries, {
                _prepareSegment: chart.stackedarea._prepareSegment,
                _appendInGroup: chart.stackedarea._appendInGroup
            });
            chart.fullstackedsplinearea = (0, _extend2.extend)({}, _area_series.chart.splinearea, baseStackedSeries, {
                _prepareSegment: chart.stackedsplinearea._prepareSegment,
                _appendInGroup: chart.stackedarea._appendInGroup
            });
            polar.stackedbar = (0, _extend2.extend)({}, _bar_series.polar.bar, baseStackedSeries, {
                _updateOptions(options) {
                    baseStackedSeries._updateOptions.call(this, options);
                    this._stackName = `${this._stackName}_stack_${options.stack||"default"}`
                }
            })
        },
        41930(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _pointer = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/pointer */ 89797));
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _renderer = _interopRequireDefault(__webpack_require__( /*! ../../../core/renderer */ 64553));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _export = __webpack_require__( /*! ../../viz/core/export */ 43452);
            var _m_base_widget = _interopRequireDefault(__webpack_require__( /*! ../../viz/core/m_base_widget */ 34506));
            var _tooltip = __webpack_require__( /*! ../../viz/core/tooltip */ 94371);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _translator2d = __webpack_require__( /*! ../../viz/translators/translator2d */ 50912);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const EVENT_NS = "sparkline-tooltip";
            const POINTER_ACTION = (0, _index.addNamespace)([_pointer.default.down, _pointer.default.move], EVENT_NS);
            const _extend = _extend2.extend;
            const _floor = Math.floor;

            function pointerHandler(_ref2) {
                let {
                    data: data
                } = _ref2;
                const that = data.widget;
                that._enableOutHandler();
                that._showTooltip()
            }

            function createAxis(isHorizontal) {
                const translator = new _translator2d.Translator2D({}, {}, {
                    shiftZeroValue: !isHorizontal,
                    isHorizontal: !!isHorizontal
                });
                return {
                    getTranslator: () => translator,
                    update(range, canvas, options) {
                        translator.update(range, canvas, options)
                    },
                    getVisibleArea() {
                        const visibleArea = translator.getCanvasVisibleArea();
                        return [visibleArea.min, visibleArea.max]
                    },
                    visualRange: _common.noop,
                    calculateInterval: _common.noop,
                    getMarginOptions: () => ({}),
                    aggregatedPointBetweenTicks: () => false
                }
            }
            let _initTooltip;
            const BaseSparkline = _m_base_widget.default.inherit({
                _getLayoutItems: _common.noop,
                _useLinks: false,
                _themeDependentChanges: ["OPTIONS"],
                _initCore() {
                    this._tooltipTracker = this._renderer.root;
                    this._tooltipTracker.attr({
                        "pointer-events": "visible"
                    });
                    this._createHtmlElements();
                    this._initTooltipEvents();
                    this._argumentAxis = createAxis(true);
                    this._valueAxis = createAxis()
                },
                _getDefaultSize() {
                    return this._defaultSize
                },
                _disposeCore() {
                    this._disposeWidgetElements();
                    this._disposeTooltipEvents();
                    this._ranges = null
                },
                _optionChangesOrder: ["OPTIONS"],
                _change_OPTIONS() {
                    this._prepareOptions();
                    this._change(["UPDATE"])
                },
                _customChangesOrder: ["UPDATE"],
                _change_UPDATE() {
                    this._update()
                },
                _update() {
                    const that = this;
                    if (that._tooltipShown) {
                        that._tooltipShown = false;
                        that._tooltip.hide()
                    }
                    that._cleanWidgetElements();
                    that._updateWidgetElements();
                    that._drawWidgetElements()
                },
                _updateWidgetElements() {
                    const canvas = this._getCorrectCanvas();
                    this._updateRange();
                    this._argumentAxis.update(this._ranges.arg, canvas, this._getStick());
                    this._valueAxis.update(this._ranges.val, canvas)
                },
                _getStick() {},
                _applySize(rect) {
                    this._allOptions.size = {
                        width: rect[2] - rect[0],
                        height: rect[3] - rect[1]
                    };
                    this._change(["UPDATE"])
                },
                _setupResizeHandler: _common.noop,
                _prepareOptions() {
                    return _extend(true, {}, this._themeManager.theme(), this.option())
                },
                _getTooltipCoords() {
                    const canvas = this._canvas;
                    const rootOffset = this._renderer.getRootOffset();
                    return {
                        x: canvas.width / 2 + rootOffset.left,
                        y: canvas.height / 2 + rootOffset.top
                    }
                },
                _initTooltipEvents() {
                    const data = {
                        widget: this
                    };
                    this._renderer.root.off(`.${EVENT_NS}`).on(POINTER_ACTION, data, pointerHandler)
                },
                _showTooltip() {
                    const that = this;
                    let tooltip;
                    if (!that._tooltipShown) {
                        that._tooltipShown = true;
                        tooltip = that._getTooltip();
                        tooltip.isEnabled() && that._tooltip.show(that._getTooltipData(), that._getTooltipCoords(), {})
                    }
                },
                _hideTooltip() {
                    if (this._tooltipShown) {
                        this._tooltipShown = false;
                        this._tooltip.hide()
                    }
                },
                _stopCurrentHandling() {
                    this._hideTooltip()
                },
                _enableOutHandler() {
                    const that = this;
                    if (that._outHandler) {
                        return
                    }
                    const handler = _ref5 => {
                        let {
                            pageX: pageX,
                            pageY: pageY
                        } = _ref5;
                        const {
                            left: left,
                            top: top
                        } = that._renderer.getRootOffset();
                        const x = _floor(pageX - left);
                        const y = _floor(pageY - top);
                        if (! function(_ref, x, y) {
                                let {
                                    width: width,
                                    height: height
                                } = _ref;
                                return (0, _utils.pointInCanvas)({
                                    left: 0,
                                    top: 0,
                                    right: width,
                                    bottom: height,
                                    width: width,
                                    height: height
                                }, x, y)
                            }(that._canvas, x, y)) {
                            that._hideTooltip();
                            that._disableOutHandler()
                        }
                    };
                    _events_engine.default.on(_dom_adapter.default.getDocument(), POINTER_ACTION, handler);
                    this._outHandler = handler
                },
                _disableOutHandler() {
                    this._outHandler && _events_engine.default.off(_dom_adapter.default.getDocument(), POINTER_ACTION, this._outHandler);
                    this._outHandler = null
                },
                _disposeTooltipEvents() {
                    this._tooltipTracker.off();
                    this._disableOutHandler();
                    this._renderer.root.off(`.${EVENT_NS}`)
                },
                _getTooltip() {
                    const that = this;
                    if (!that._tooltip) {
                        _initTooltip.apply(this, arguments);
                        that._setTooltipRendererOptions(that._tooltipRendererOptions);
                        that._tooltipRendererOptions = null;
                        that._setTooltipOptions()
                    }
                    return that._tooltip
                }
            });
            exports.default = BaseSparkline;
            BaseSparkline.addPlugin(_tooltip.plugin);
            _initTooltip = BaseSparkline.prototype._initTooltip;
            BaseSparkline.prototype._initTooltip = _common.noop;
            const _disposeTooltip = BaseSparkline.prototype._disposeTooltip;
            BaseSparkline.prototype._disposeTooltip = function() {
                if (this._tooltip) {
                    _disposeTooltip.apply(this, arguments)
                }
            };
            BaseSparkline.prototype._setTooltipRendererOptions = function() {
                const options = this._getRendererOptions();
                if (this._tooltip) {
                    this._tooltip.setRendererOptions(options)
                } else {
                    this._tooltipRendererOptions = options
                }
            };
            BaseSparkline.prototype._setTooltipOptions = function() {
                if (this._tooltip) {
                    const options = this._getOption("tooltip");
                    const defaultContentTemplate = this._getDefaultTooltipTemplate(options);
                    const contentTemplateOptions = defaultContentTemplate ? {
                        contentTemplate: defaultContentTemplate
                    } : {};
                    const optionsToUpdate = _extend(contentTemplateOptions, options, {
                        enabled: options.enabled && this._isTooltipEnabled()
                    });
                    this._tooltip.update(optionsToUpdate)
                }
            };
            BaseSparkline.prototype._getDefaultTooltipTemplate = function(options) {
                let defaultTemplateNeeded = true;
                const textAlign = this.option("rtlEnabled") ? "left" : "right";
                if ((0, _type.isFunction)(options.customizeTooltip)) {
                    this._tooltip.update(options);
                    const formatObject = this._getTooltipData();
                    const customizeResult = options.customizeTooltip.call(formatObject, formatObject) ?? {};
                    defaultTemplateNeeded = !("html" in customizeResult) && !("text" in customizeResult)
                }
                return defaultTemplateNeeded && function(_ref3, textAlign) {
                    let {
                        lineSpacing: lineSpacing,
                        size: size
                    } = _ref3;
                    const lineHeight = `${(lineSpacing??2)+size}px`;
                    return function(_ref4, container) {
                        let {
                            valueText: valueText
                        } = _ref4;
                        const table = (0, _renderer.default)("<table>").css({
                            borderSpacing: 0,
                            lineHeight: lineHeight
                        });
                        for (let i = 0; i < valueText.length; i += 2) {
                            const tr = (0, _renderer.default)("<tr>");
                            (0, _renderer.default)("<td>").text(valueText[i]).appendTo(tr);
                            (0, _renderer.default)("<td>").css({
                                width: 15
                            }).appendTo(tr);
                            (0, _renderer.default)("<td>").css({
                                textAlign: textAlign
                            }).text(valueText[i + 1]).appendTo(tr);
                            table.append(tr)
                        }
                        container.append(table)
                    }
                }(options.font, textAlign)
            };
            const exportPlugin = (0, _extend2.extend)(true, {}, _export.plugin, {
                init: _common.noop,
                dispose: _common.noop,
                customize: null,
                members: {
                    _getExportMenuOptions: null
                }
            });
            BaseSparkline.addPlugin(exportPlugin)
        },
        27383(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _base_sparkline = _interopRequireDefault(__webpack_require__( /*! ../../viz/sparklines/base_sparkline */ 41930));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const _Number = Number;
            const _isFinite = isFinite;
            const dxBullet = _base_sparkline.default.inherit({
                _rootClassPrefix: "dxb",
                _rootClass: "dxb-bullet",
                _themeSection: "bullet",
                _defaultSize: {
                    width: 300,
                    height: 30,
                    left: 1,
                    right: 1,
                    top: 2,
                    bottom: 2
                },
                _disposeWidgetElements() {
                    delete this._zeroLevelPath;
                    delete this._targetPath;
                    delete this._barValuePath
                },
                _cleanWidgetElements() {
                    this._zeroLevelPath.remove();
                    this._targetPath.remove();
                    this._barValuePath.remove()
                },
                _drawWidgetElements() {
                    this._drawBullet();
                    this._drawn()
                },
                _createHtmlElements() {
                    const renderer = this._renderer;
                    this._zeroLevelPath = renderer.path(void 0, "line").attr({
                        class: "dxb-zero-level",
                        "stroke-linecap": "square"
                    });
                    this._targetPath = renderer.path(void 0, "line").attr({
                        class: "dxb-target",
                        "stroke-linecap": "square"
                    });
                    this._barValuePath = renderer.path(void 0, "line").attr({
                        class: "dxb-bar-value",
                        "stroke-linecap": "square"
                    })
                },
                _prepareOptions() {
                    const that = this;
                    let options;
                    let startScaleValue;
                    let endScaleValue;
                    let level;
                    let value;
                    let target;
                    that._allOptions = options = that.callBase();
                    const isValueUndefined = void 0 === that._allOptions.value;
                    const isTargetUndefined = void 0 === that._allOptions.target;
                    that._tooltipEnabled = !(isValueUndefined && isTargetUndefined);
                    if (isValueUndefined) {
                        that._allOptions.value = 0
                    }
                    if (isTargetUndefined) {
                        that._allOptions.target = 0
                    }
                    options.value = value = _Number(options.value);
                    options.target = target = _Number(options.target);
                    if (void 0 === that._allOptions.startScaleValue) {
                        that._allOptions.startScaleValue = target < value ? target : value;
                        that._allOptions.startScaleValue = that._allOptions.startScaleValue < 0 ? that._allOptions.startScaleValue : 0
                    }
                    if (void 0 === that._allOptions.endScaleValue) {
                        that._allOptions.endScaleValue = target > value ? target : value
                    }
                    options.startScaleValue = startScaleValue = _Number(options.startScaleValue);
                    options.endScaleValue = endScaleValue = _Number(options.endScaleValue);
                    if (endScaleValue < startScaleValue) {
                        level = endScaleValue;
                        that._allOptions.endScaleValue = startScaleValue;
                        that._allOptions.startScaleValue = level;
                        that._allOptions.inverted = true
                    }
                },
                _updateRange() {
                    const options = this._allOptions;
                    this._ranges = {
                        arg: {
                            invert: options.rtlEnabled ? !options.inverted : options.inverted,
                            min: options.startScaleValue,
                            max: options.endScaleValue,
                            axisType: "continuous",
                            dataType: "numeric"
                        },
                        val: {
                            min: 0,
                            max: 1,
                            axisType: "continuous",
                            dataType: "numeric"
                        }
                    }
                },
                _drawBullet() {
                    const options = this._allOptions;
                    const isValidBounds = options.startScaleValue !== options.endScaleValue;
                    const isValidMin = _isFinite(options.startScaleValue);
                    const isValidMax = _isFinite(options.endScaleValue);
                    const isValidValue = _isFinite(options.value);
                    const isValidTarget = _isFinite(options.target);
                    if (isValidBounds && isValidMax && isValidMin && isValidTarget && isValidValue) {
                        this._drawBarValue();
                        this._drawTarget();
                        this._drawZeroLevel()
                    }
                },
                _getTargetParams() {
                    const options = this._allOptions;
                    const translatorY = this._valueAxis.getTranslator();
                    const x = this._argumentAxis.getTranslator().translate(options.target);
                    return {
                        points: [x, translatorY.translate(.02), x, translatorY.translate(.98)],
                        stroke: options.targetColor,
                        "stroke-width": options.targetWidth
                    }
                },
                _getBarValueParams() {
                    const options = this._allOptions;
                    const translatorX = this._argumentAxis.getTranslator();
                    const translatorY = this._valueAxis.getTranslator();
                    const startLevel = options.startScaleValue;
                    const endLevel = options.endScaleValue;
                    const value = options.value;
                    const y2 = translatorY.translate(.1);
                    const y1 = translatorY.translate(.9);
                    let x1;
                    let x2;
                    if (value > 0) {
                        x1 = startLevel <= 0 ? 0 : startLevel;
                        x2 = value >= endLevel ? endLevel : value < x1 ? x1 : value
                    } else {
                        x1 = endLevel >= 0 ? 0 : endLevel;
                        x2 = value < startLevel ? startLevel : value > x1 ? x1 : value
                    }
                    x1 = translatorX.translate(x1);
                    x2 = translatorX.translate(x2);
                    return {
                        points: [x1, y1, x2, y1, x2, y2, x1, y2],
                        fill: options.color
                    }
                },
                _getCorrectCanvas() {
                    return this._canvas
                },
                _getZeroLevelParams() {
                    const translatorY = this._valueAxis.getTranslator();
                    const x = this._argumentAxis.getTranslator().translate(0);
                    return {
                        points: [x, translatorY.translate(.02), x, translatorY.translate(.98)],
                        stroke: this._allOptions.targetColor,
                        "stroke-width": 1
                    }
                },
                _drawZeroLevel() {
                    const options = this._allOptions;
                    if (options.endScaleValue < 0 || options.startScaleValue > 0 || !options.showZeroLevel) {
                        return
                    }
                    this._zeroLevelPath.attr(this._getZeroLevelParams()).sharp().append(this._renderer.root)
                },
                _drawTarget() {
                    const options = this._allOptions;
                    const target = options.target;
                    if (target > options.endScaleValue || target < options.startScaleValue || !options.showTarget) {
                        return
                    }
                    this._targetPath.attr(this._getTargetParams()).sharp().append(this._renderer.root)
                },
                _drawBarValue() {
                    this._barValuePath.attr(this._getBarValueParams()).append(this._renderer.root)
                },
                _getTooltipCoords() {
                    const canvas = this._canvas;
                    const rootOffset = this._renderer.getRootOffset();
                    const bBox = this._barValuePath.getBBox();
                    return {
                        x: bBox.x + bBox.width / 2 + rootOffset.left,
                        y: canvas.height / 2 + rootOffset.top
                    }
                },
                _getTooltipData() {
                    const tooltip = this._tooltip;
                    const options = this._allOptions;
                    const value = options.value;
                    const target = options.target;
                    const valueText = tooltip.formatValue(value);
                    const targetText = tooltip.formatValue(target);
                    return {
                        originalValue: value,
                        originalTarget: target,
                        value: valueText,
                        target: targetText,
                        valueText: ["Actual Value:", valueText, "Target Value:", targetText]
                    }
                },
                _isTooltipEnabled() {
                    return this._tooltipEnabled
                }
            });
            (0, _iterator.each)(["color", "targetColor", "targetWidth", "showTarget", "showZeroLevel", "value", "target", "startScaleValue", "endScaleValue"], (_, name) => {
                dxBullet.prototype._optionChangesMap[name] = "OPTIONS"
            });
            (0, _component_registrator.default)("dxBullet", dxBullet);
            exports.default = dxBullet
        },
        41772(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _data_validator = __webpack_require__( /*! ../../viz/components/data_validator */ 22390);
            var _data_source = __webpack_require__( /*! ../../viz/core/data_source */ 98972);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _base_series = __webpack_require__( /*! ../../viz/series/base_series */ 98701);
            var _base_sparkline = _interopRequireDefault(__webpack_require__( /*! ../../viz/sparklines/base_sparkline */ 41930));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const ALLOWED_TYPES = {
                line: true,
                spline: true,
                stepline: true,
                area: true,
                steparea: true,
                splinearea: true,
                bar: true,
                winloss: true
            };
            const _math = Math;
            const _abs = _math.abs;
            const _round = _math.round;
            const _max = _math.max;
            const _min = _math.min;
            const _isFinite = isFinite;
            const _Number = Number;
            const _String = String;

            function selectPointColor(color, options, index, pointIndexes) {
                if (index === pointIndexes.first || index === pointIndexes.last) {
                    color = options.firstLastColor
                }
                if ((pointIndexes.min || []).indexOf(index) >= 0) {
                    color = options.minColor
                }
                if ((pointIndexes.max || []).indexOf(index) >= 0) {
                    color = options.maxColor
                }
                return color
            }
            const dxSparkline = _base_sparkline.default.inherit({
                _rootClassPrefix: "dxsl",
                _rootClass: "dxsl-sparkline",
                _themeSection: "sparkline",
                _defaultSize: {
                    width: 250,
                    height: 30
                },
                _initCore() {
                    this.callBase();
                    this._createSeries()
                },
                _initialChanges: ["DATA_SOURCE"],
                _dataSourceChangedHandler() {
                    this._requestChange(["UPDATE"])
                },
                _updateWidgetElements() {
                    this._updateSeries();
                    this.callBase()
                },
                _disposeWidgetElements() {
                    this._series && this._series.dispose();
                    this._series = this._seriesGroup = this._seriesLabelGroup = null
                },
                _cleanWidgetElements() {
                    this._seriesGroup.remove();
                    this._seriesLabelGroup.remove();
                    this._seriesGroup.clear();
                    this._seriesLabelGroup.clear();
                    this._series.removeGraphicElements();
                    this._series.removePointElements();
                    this._series.removeBordersGroup()
                },
                _drawWidgetElements() {
                    if (this._dataIsLoaded()) {
                        this._drawSeries();
                        this._drawn()
                    }
                },
                _getCorrectCanvas() {
                    const options = this._allOptions;
                    const canvas = this._canvas;
                    const halfPointSize = options.pointSize && Math.ceil(options.pointSize / 2) + 2;
                    const type = options.type;
                    if ("bar" !== type && "winloss" !== type && (options.showFirstLast || options.showMinMax)) {
                        return {
                            width: canvas.width,
                            height: canvas.height,
                            left: canvas.left + halfPointSize,
                            right: canvas.right + halfPointSize,
                            top: canvas.top + halfPointSize,
                            bottom: canvas.bottom + halfPointSize
                        }
                    }
                    return canvas
                },
                _prepareOptions() {
                    const that = this;
                    that._allOptions = that.callBase();
                    that._allOptions.type = (0, _utils.normalizeEnum)(that._allOptions.type);
                    if (!ALLOWED_TYPES[that._allOptions.type]) {
                        that._allOptions.type = "line"
                    }
                },
                _createHtmlElements() {
                    this._seriesGroup = this._renderer.g().attr({
                        class: "dxsl-series"
                    });
                    this._seriesLabelGroup = this._renderer.g().attr({
                        class: "dxsl-series-labels"
                    })
                },
                _createSeries() {
                    this._series = new _base_series.Series({
                        renderer: this._renderer,
                        seriesGroup: this._seriesGroup,
                        labelsGroup: this._seriesLabelGroup,
                        argumentAxis: this._argumentAxis,
                        valueAxis: this._valueAxis,
                        incidentOccurred: this._incidentOccurred
                    }, {
                        widgetType: "chart",
                        type: "line"
                    })
                },
                _updateSeries() {
                    const singleSeries = this._series;
                    this._prepareDataSource();
                    const seriesOptions = this._prepareSeriesOptions();
                    singleSeries.updateOptions(seriesOptions);
                    const groupsData = {
                        groups: [{
                            series: [singleSeries]
                        }]
                    };
                    groupsData.argumentOptions = {
                        type: "bar" === seriesOptions.type ? "discrete" : void 0
                    };
                    this._simpleDataSource = (0, _data_validator.validateData)(this._simpleDataSource, groupsData, this._incidentOccurred, {
                        checkTypeForAllData: false,
                        convertToAxisDataType: true,
                        sortingMethod: true
                    })[singleSeries.getArgumentField()];
                    seriesOptions.customizePoint = this._getCustomizeFunction();
                    singleSeries.updateData(this._simpleDataSource);
                    singleSeries.createPoints();
                    this._groupsDataCategories = groupsData.categories
                },
                _optionChangesMap: {
                    dataSource: "DATA_SOURCE"
                },
                _optionChangesOrder: ["DATA_SOURCE"],
                _change_DATA_SOURCE() {
                    this._updateDataSource()
                },
                _prepareDataSource() {
                    const that = this;
                    const options = that._allOptions;
                    const argField = options.argumentField;
                    const valField = options.valueField;
                    const dataSource = that._dataSourceItems() || [];
                    const data = function(data, argField, valField, ignoreEmptyPoints) {
                        return (0, _utils.map)(data, (dataItem, index) => {
                            let item = null;
                            let isDataNumber;
                            let value;
                            if (void 0 !== dataItem) {
                                item = {};
                                isDataNumber = _isFinite(dataItem);
                                item[argField] = isDataNumber ? _String(index) : dataItem[argField];
                                value = isDataNumber ? dataItem : dataItem[valField];
                                item[valField] = null === value ? ignoreEmptyPoints ? void 0 : value : _Number(value);
                                item = void 0 !== item[argField] && void 0 !== item[valField] ? item : null
                            }
                            return item
                        })
                    }(dataSource, argField, valField, that.option("ignoreEmptyPoints"));
                    if ("winloss" === options.type) {
                        that._winlossDataSource = data;
                        that._simpleDataSource = function(data, argField, valField, target) {
                            return (0, _utils.map)(data, dataItem => {
                                const item = {};
                                item[argField] = dataItem[argField];
                                if (_abs(dataItem[valField] - target) < 1e-4) {
                                    item[valField] = 0
                                } else if (dataItem[valField] > target) {
                                    item[valField] = 1
                                } else {
                                    item[valField] = -1
                                }
                                return item
                            })
                        }(data, argField, valField, options.winlossThreshold)
                    } else {
                        that._simpleDataSource = data
                    }
                },
                _prepareSeriesOptions() {
                    const options = this._allOptions;
                    const type = "winloss" === options.type ? "bar" : options.type;
                    return {
                        visible: true,
                        argumentField: options.argumentField,
                        valueField: options.valueField,
                        color: options.lineColor,
                        width: options.lineWidth,
                        widgetType: "chart",
                        name: "",
                        type: type,
                        opacity: -1 !== type.indexOf("area") ? this._allOptions.areaOpacity : void 0,
                        point: {
                            size: options.pointSize,
                            symbol: options.pointSymbol,
                            border: {
                                visible: true,
                                width: 2
                            },
                            color: options.pointColor,
                            visible: false,
                            hoverStyle: {
                                border: {}
                            },
                            selectionStyle: {
                                border: {}
                            }
                        },
                        border: {
                            color: options.lineColor,
                            width: options.lineWidth,
                            visible: "bar" !== type
                        }
                    }
                },
                _getCustomizeFunction() {
                    const that = this;
                    const options = that._allOptions;
                    const dataSource = that._winlossDataSource || that._simpleDataSource;
                    const drawnPointIndexes = that._getExtremumPointsIndexes(dataSource);
                    let customizeFunction;
                    if ("winloss" === options.type || "bar" === options.type) {
                        customizeFunction = function(pointIndexes, options, winlossData) {
                            return function() {
                                const index = this.index;
                                const isWinloss = "winloss" === options.type;
                                const target = isWinloss ? options.winlossThreshold : 0;
                                const value = isWinloss ? winlossData[index][options.valueField] : this.value;
                                const positiveColor = isWinloss ? options.winColor : options.barPositiveColor;
                                const negativeColor = isWinloss ? options.lossColor : options.barNegativeColor;
                                return {
                                    color: selectPointColor(value >= target ? positiveColor : negativeColor, options, index, pointIndexes)
                                }
                            }
                        }(drawnPointIndexes, options, that._winlossDataSource)
                    } else {
                        customizeFunction = function(pointIndexes, options) {
                            return function() {
                                const color = selectPointColor(void 0, options, this.index, pointIndexes);
                                return color ? {
                                    visible: true,
                                    border: {
                                        color: color
                                    }
                                } : {}
                            }
                        }(drawnPointIndexes, options)
                    }
                    return customizeFunction
                },
                _getExtremumPointsIndexes(data) {
                    const that = this;
                    const options = that._allOptions;
                    const lastIndex = data.length - 1;
                    const indexes = {};
                    that._minMaxIndexes = function(data, valField) {
                        const firstItem = data[0] || {};
                        const firstValue = firstItem[valField] || 0;
                        let min = firstValue;
                        let max = firstValue;
                        let minIndexes = [0];
                        let maxIndexes = [0];
                        const dataLength = data.length;
                        let value;
                        let i;
                        for (i = 1; i < dataLength; i++) {
                            value = data[i][valField];
                            if (value < min) {
                                min = value;
                                minIndexes = [i]
                            } else if (value === min) {
                                minIndexes.push(i)
                            }
                            if (value > max) {
                                max = value;
                                maxIndexes = [i]
                            } else if (value === max) {
                                maxIndexes.push(i)
                            }
                        }
                        if (max === min) {
                            minIndexes = maxIndexes = []
                        }
                        return {
                            minIndexes: minIndexes,
                            maxIndexes: maxIndexes
                        }
                    }(data, options.valueField);
                    if (options.showFirstLast) {
                        indexes.first = 0;
                        indexes.last = lastIndex
                    }
                    if (options.showMinMax) {
                        indexes.min = that._minMaxIndexes.minIndexes;
                        indexes.max = that._minMaxIndexes.maxIndexes
                    }
                    return indexes
                },
                _getStick() {
                    return {
                        stick: "bar" !== this._series.type
                    }
                },
                _updateRange() {
                    const series = this._series;
                    const type = series.type;
                    const isBarType = "bar" === type;
                    const isWinlossType = "winloss" === type;
                    const rangeData = series.getRangeData();
                    const minValue = this._allOptions.minValue;
                    const hasMinY = (0, _type.isDefined)(minValue) && _isFinite(minValue);
                    const maxValue = this._allOptions.maxValue;
                    const hasMaxY = (0, _type.isDefined)(maxValue) && _isFinite(maxValue);
                    let argCoef;
                    const valCoef = .15 * (rangeData.val.max - rangeData.val.min);
                    if (isBarType || isWinlossType || "area" === type) {
                        if (0 !== rangeData.val.min) {
                            rangeData.val.min -= valCoef
                        }
                        if (0 !== rangeData.val.max) {
                            rangeData.val.max += valCoef
                        }
                    } else {
                        rangeData.val.min -= valCoef;
                        rangeData.val.max += valCoef
                    }
                    if (hasMinY || hasMaxY) {
                        if (hasMinY && hasMaxY) {
                            rangeData.val.minVisible = _min(minValue, maxValue);
                            rangeData.val.maxVisible = _max(minValue, maxValue)
                        } else {
                            rangeData.val.minVisible = hasMinY ? _Number(minValue) : void 0;
                            rangeData.val.maxVisible = hasMaxY ? _Number(maxValue) : void 0
                        }
                        if (isWinlossType) {
                            rangeData.val.minVisible = hasMinY ? _max(rangeData.val.minVisible, -1) : void 0;
                            rangeData.val.maxVisible = hasMaxY ? _min(rangeData.val.maxVisible, 1) : void 0
                        }
                    }
                    if (series.getPoints().length > 1) {
                        if (isBarType) {
                            argCoef = .1 * (rangeData.arg.max - rangeData.arg.min);
                            rangeData.arg.min = rangeData.arg.min - argCoef;
                            rangeData.arg.max = rangeData.arg.max + argCoef
                        }
                    }
                    rangeData.arg.categories = this._groupsDataCategories;
                    this._ranges = rangeData
                },
                _getBarWidth(pointsCount) {
                    const canvas = this._canvas;
                    const intervalWidth = 4 * pointsCount;
                    const rangeWidth = canvas.width - canvas.left - canvas.right - intervalWidth;
                    let width = _round(rangeWidth / pointsCount);
                    if (width < 1) {
                        width = 1
                    }
                    if (width > 50) {
                        width = 50
                    }
                    return width
                },
                _correctPoints() {
                    const that = this;
                    const seriesType = that._allOptions.type;
                    const seriesPoints = that._series.getPoints();
                    const pointsLength = seriesPoints.length;
                    let barWidth;
                    let i;
                    if ("bar" === seriesType || "winloss" === seriesType) {
                        barWidth = that._getBarWidth(pointsLength);
                        for (i = 0; i < pointsLength; i++) {
                            seriesPoints[i].correctCoordinates({
                                width: barWidth,
                                offset: 0
                            })
                        }
                    }
                },
                _drawSeries() {
                    const that = this;
                    if (that._simpleDataSource.length > 0) {
                        that._correctPoints();
                        that._series.draw();
                        that._seriesGroup.append(that._renderer.root)
                    }
                },
                _isTooltipEnabled() {
                    return !!this._simpleDataSource.length
                },
                _getTooltipData() {
                    const options = this._allOptions;
                    const dataSource = this._winlossDataSource || this._simpleDataSource;
                    const tooltip = this._tooltip;
                    if (0 === dataSource.length) {
                        return {}
                    }
                    const minMax = this._minMaxIndexes;
                    const valueField = options.valueField;
                    const first = dataSource[0][valueField];
                    const last = dataSource[dataSource.length - 1][valueField];
                    const min = (0, _type.isDefined)(minMax.minIndexes[0]) ? dataSource[minMax.minIndexes[0]][valueField] : first;
                    const max = (0, _type.isDefined)(minMax.maxIndexes[0]) ? dataSource[minMax.maxIndexes[0]][valueField] : first;
                    const formattedFirst = tooltip.formatValue(first);
                    const formattedLast = tooltip.formatValue(last);
                    const formattedMin = tooltip.formatValue(min);
                    const formattedMax = tooltip.formatValue(max);
                    const customizeObject = {
                        firstValue: formattedFirst,
                        lastValue: formattedLast,
                        minValue: formattedMin,
                        maxValue: formattedMax,
                        originalFirstValue: first,
                        originalLastValue: last,
                        originalMinValue: min,
                        originalMaxValue: max,
                        valueText: ["Start:", formattedFirst, "End:", formattedLast, "Min:", formattedMin, "Max:", formattedMax]
                    };
                    if ("winloss" === options.type) {
                        customizeObject.originalThresholdValue = options.winlossThreshold;
                        customizeObject.thresholdValue = tooltip.formatValue(options.winlossThreshold)
                    }
                    return customizeObject
                }
            });
            (0, _utils.map)(["lossColor", "lineColor", "lineWidth", "areaOpacity", "minColor", "maxColor", "barPositiveColor", "barNegativeColor", "winColor", "lessColor", "firstLastColor", "pointSymbol", "pointColor", "pointSize", "type", "argumentField", "valueField", "winlossThreshold", "showFirstLast", "showMinMax", "ignoreEmptyPoints", "minValue", "maxValue"], name => {
                dxSparkline.prototype._optionChangesMap[name] = "OPTIONS"
            });
            (0, _component_registrator.default)("dxSparkline", dxSparkline);
            exports.default = dxSparkline;
            dxSparkline.addPlugin(_data_source.plugin)
        },
        4866(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addCacheItem = function(target) {
                const cacheUid = ++nextCacheUid;
                target._cache = cacheUid;
                widgetsCache[cacheUid] = target
            };
            exports.currentTheme = currentTheme;
            exports.getTheme = getTheme;
            exports.refreshTheme = function() {
                Object.keys(widgetsCache).forEach(key => {
                    widgetsCache[key].refresh()
                });
                return this
            };
            exports.registerTheme = registerTheme;
            exports.registerThemeSchemeAlias = function(from, to) {
                themesSchemeMapping[from] = to
            };
            exports.removeCacheItem = function(target) {
                delete widgetsCache[target._cache]
            };
            var _extend2 = __webpack_require__( /*! ../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../core/utils/type */ 11528);
            var _themes = __webpack_require__( /*! ../../ui/themes */ 52071);
            var _index = _interopRequireDefault(__webpack_require__( /*! ../viz/core/themes/fluent/index */ 12638));
            var _carmine = _interopRequireDefault(__webpack_require__( /*! ../viz/core/themes/generic/carmine */ 58208));
            var _contrast = _interopRequireDefault(__webpack_require__( /*! ../viz/core/themes/generic/contrast */ 2611));
            var _dark = _interopRequireDefault(__webpack_require__( /*! ../viz/core/themes/generic/dark */ 52541));
            var _darkmoon = _interopRequireDefault(__webpack_require__( /*! ../viz/core/themes/generic/darkmoon */ 9940));
            var _darkviolet = _interopRequireDefault(__webpack_require__( /*! ../viz/core/themes/generic/darkviolet */ 26374));
            var _greenmist = _interopRequireDefault(__webpack_require__( /*! ../viz/core/themes/generic/greenmist */ 29431));
            var _index2 = _interopRequireDefault(__webpack_require__( /*! ../viz/core/themes/generic/light/index */ 4702));
            var _softblue = _interopRequireDefault(__webpack_require__( /*! ../viz/core/themes/generic/softblue */ 56829));
            var _index3 = _interopRequireDefault(__webpack_require__( /*! ../viz/core/themes/material/index */ 55073));
            var _utils = __webpack_require__( /*! ../viz/core/utils */ 98013);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const themes = {};
            const themesMapping = {};
            const themesSchemeMapping = {};
            const _extend = _extend2.extend;
            let currentThemeName = null;
            let defaultTheme;
            let nextCacheUid = 0;
            const widgetsCache = {};

            function getTheme(themeName) {
                const name = (0, _utils.normalizeEnum)(themeName);
                return themes[name] || themes[themesMapping[name] || currentTheme()]
            }

            function findThemeNameByName(name, scheme) {
                const fullThemeKey = `${name}.${scheme}`;
                return themesMapping[fullThemeKey] || themesSchemeMapping[fullThemeKey] || themesMapping[name]
            }

            function currentTheme(themeName, colorScheme) {
                if (!arguments.length) {
                    return currentThemeName || findThemeNameByName((0, _themes.current)()) || defaultTheme
                }
                const scheme = (0, _utils.normalizeEnum)(colorScheme);
                currentThemeName = (null !== themeName && void 0 !== themeName && themeName.platform ? function(platform, version, scheme) {
                    return findThemeNameByName(platform + version, scheme) || findThemeNameByName(platform, scheme)
                }((0, _utils.normalizeEnum)(themeName.platform), themeName.version, scheme) : findThemeNameByName((0, _utils.normalizeEnum)(themeName), scheme)) || currentThemeName;
                return this
            }

            function registerTheme(theme, baseThemeName) {
                const themeName = (0, _utils.normalizeEnum)(theme && theme.name);
                if (themeName) {
                    theme.isDefault && (defaultTheme = themeName);
                    ! function(themeName, targetThemeName) {
                        const themeInfo = function(themeName, splitter) {
                            const k = themeName.indexOf(splitter);
                            return k > 0 ? {
                                name: themeName.substring(0, k),
                                scheme: themeName.substring(k + 1)
                            } : null
                        }(themeName, ".") || {
                            name: themeName
                        };
                        const name = themeInfo.name;
                        const scheme = themeInfo.scheme;
                        if (scheme) {
                            const fullThemeKey = `${name}.${scheme}`;
                            themesMapping[name] = themesMapping[name] || targetThemeName;
                            themesMapping[fullThemeKey] = targetThemeName
                        } else {
                            themesMapping[name] = targetThemeName
                        }
                    }(themeName, themeName);
                    themes[themeName] = _extend(true, {}, getTheme(baseThemeName), function(theme) {
                        theme = _extend(true, {
                            loadingIndicator: {
                                font: {}
                            },
                            export: {
                                font: {}
                            },
                            legend: {
                                font: {},
                                border: {}
                            },
                            title: {
                                font: {}
                            },
                            tooltip: {
                                font: {}
                            },
                            "chart:common": {},
                            "chart:common:axis": {
                                grid: {},
                                minorGrid: {},
                                tick: {},
                                minorTick: {},
                                title: {
                                    font: {}
                                },
                                label: {
                                    font: {}
                                }
                            },
                            "chart:common:annotation": {
                                font: {},
                                border: {}
                            },
                            chart: {
                                commonSeriesSettings: {
                                    candlestick: {}
                                }
                            },
                            pie: {},
                            polar: {},
                            gauge: {
                                scale: {
                                    tick: {},
                                    minorTick: {},
                                    label: {
                                        font: {}
                                    }
                                }
                            },
                            barGauge: {},
                            funnel: {},
                            sankey: {},
                            map: {
                                background: {}
                            },
                            treeMap: {
                                tile: {
                                    selectionStyle: {
                                        border: {}
                                    }
                                },
                                group: {
                                    border: {},
                                    selectionStyle: {
                                        border: {}
                                    },
                                    label: {
                                        font: {}
                                    }
                                }
                            },
                            rangeSelector: {
                                scale: {
                                    tick: {},
                                    minorTick: {},
                                    label: {
                                        font: {}
                                    }
                                },
                                chart: {}
                            },
                            sparkline: {},
                            bullet: {}
                        }, theme);
                        mergeScalar(theme.loadingIndicator, "backgroundColor", theme);
                        mergeScalar(theme.chart.commonSeriesSettings.candlestick, "innerColor", null, theme.backgroundColor);
                        mergeScalar(theme.map.background, "color", null, theme.backgroundColor);
                        mergeScalar(theme.title.font, "color", null, theme.primaryTitleColor);
                        mergeObject(theme.title, "subtitle", null, theme.title);
                        mergeScalar(theme.legend.font, "color", null, theme.secondaryTitleColor);
                        mergeScalar(theme.legend.border, "color", null, theme.gridColor);
                        ! function(theme) {
                            const commonAxisSettings = theme["chart:common:axis"];
                            const colorFieldName = "color";
                            [commonAxisSettings.grid, commonAxisSettings.minorGrid].forEach(obj => {
                                mergeScalar(obj, colorFieldName, null, theme.gridColor)
                            });
                            [commonAxisSettings, commonAxisSettings.tick, commonAxisSettings.minorTick, commonAxisSettings.label.font].forEach(obj => {
                                mergeScalar(obj, colorFieldName, null, theme.axisColor)
                            });
                            mergeScalar(commonAxisSettings.title.font, colorFieldName, null, theme.secondaryTitleColor);
                            mergeScalar(theme.gauge.scale.label.font, colorFieldName, null, theme.axisColor);
                            mergeScalar(theme.gauge.scale.tick, colorFieldName, null, theme.backgroundColor);
                            mergeScalar(theme.gauge.scale.minorTick, colorFieldName, null, theme.backgroundColor);
                            mergeScalar(theme.rangeSelector.scale.label.font, colorFieldName, null, theme.axisColor)
                        }(theme);
                        ["chart", "pie", "polar", "gauge", "barGauge", "map", "treeMap", "funnel", "rangeSelector", "sparkline", "bullet", "sankey"].forEach(section => {
                            mergeScalar(theme[section], "redrawOnResize", theme);
                            mergeScalar(theme[section], "containerBackgroundColor", null, theme.backgroundColor);
                            mergeObject(theme[section], "tooltip", theme);
                            mergeObject(theme[section], "export", theme)
                        });
                        ["chart", "pie", "polar", "gauge", "barGauge", "map", "treeMap", "funnel", "rangeSelector", "sankey"].forEach(section => {
                            mergeObject(theme[section], "loadingIndicator", theme);
                            mergeObject(theme[section], "legend", theme);
                            mergeObject(theme[section], "title", theme)
                        });
                        ["chart", "pie", "polar"].forEach(section => {
                            mergeObject(theme, section, null, theme["chart:common"])
                        });
                        ["chart", "polar"].forEach(section => {
                            theme[section] = theme[section] || {};
                            mergeObject(theme[section], "commonAxisSettings", null, theme["chart:common:axis"])
                        });
                        ["chart", "polar", "map", "pie"].forEach(section => {
                            theme[section] = theme[section] || {};
                            mergeObject(theme[section], "commonAnnotationSettings", null, theme["chart:common:annotation"])
                        });
                        mergeObject(theme.rangeSelector.chart, "commonSeriesSettings", theme.chart);
                        mergeObject(theme.rangeSelector.chart, "dataPrepareSettings", theme.chart);
                        mergeScalar(theme.treeMap.group.border, "color", null, theme.gridColor);
                        mergeScalar(theme.treeMap.tile.selectionStyle.border, "color", null, theme.primaryTitleColor);
                        mergeScalar(theme.treeMap.group.selectionStyle.border, "color", null, theme.primaryTitleColor);
                        mergeScalar(theme.map.legend, "backgroundColor", theme);
                        ! function(theme) {
                            const map = theme.map;
                            ["area", "line", "marker"].forEach(section => {
                                mergeObject(map, `layer:${section}`, null, map.layer)
                            });
                            ["dot", "bubble", "pie", "image"].forEach(section => {
                                mergeObject(map, `layer:marker:${section}`, null, map["layer:marker"])
                            })
                        }(theme);
                        return theme
                    }(theme))
                }
            }

            function mergeScalar(target, field, source, sourceValue) {
                const _value = (null === source || void 0 === source ? void 0 : source[field]) ?? sourceValue;
                if (void 0 !== _value && void 0 === target[field]) {
                    target[field] = _value
                }
            }

            function mergeObject(target, field, source, sourceValue) {
                const _value = (null === source || void 0 === source ? void 0 : source[field]) ?? sourceValue;
                if (void 0 !== _value) {
                    target[field] = _extend(true, {}, _value, target[field])
                }
            }
            if ((0, _type.isEmptyObject)(themes) && (0, _type.isEmptyObject)(themesMapping) && !defaultTheme) {
                [].concat(_index2.default, _carmine.default, _dark.default, _contrast.default, _darkmoon.default, _darkviolet.default, _greenmist.default, _softblue.default, _index3.default, _index.default).forEach(t => {
                    registerTheme(t.theme, t.baseThemeName)
                })
            }
        },
        21845(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            const {
                round: round
            } = Math;

            function getValue(value) {
                return value
            }
            exports.default = {
                translate(category, directionOffset) {
                    const canvasOptions = this._canvasOptions;
                    const categoryIndex = this._categoriesToPoints[null === category || void 0 === category ? void 0 : category.valueOf()];
                    const specialValue = this.translateSpecialCase(category);
                    const startPointIndex = canvasOptions.startPointIndex || 0;
                    const stickInterval = this._options.stick ? 0 : .5;
                    if ((0, _type.isDefined)(specialValue)) {
                        return round(specialValue)
                    }
                    if (!categoryIndex && 0 !== categoryIndex) {
                        return null
                    }
                    directionOffset = directionOffset || 0;
                    const stickDelta = categoryIndex + stickInterval - startPointIndex + .5 * directionOffset;
                    return round(this._calculateProjection(canvasOptions.interval * stickDelta))
                },
                getInterval() {
                    return this._canvasOptions.interval
                },
                getEventScale(zoomEvent) {
                    const scale = zoomEvent.deltaScale || 1;
                    return 1 - (1 - scale) / (.75 + this.visibleCategories.length / this._categories.length)
                },
                zoom(translate, scale) {
                    const scaleOffset = Math.abs(Math.abs(scale) - 1);
                    const isZoomIn = scale > 1;
                    if (1 !== scale && scaleOffset < .05) {
                        scale = this.getMinScale(isZoomIn)
                    }
                    const categories = this._categories;
                    const canvasOptions = this._canvasOptions;
                    const {
                        stick: stick
                    } = this._options;
                    const {
                        invert: invert
                    } = canvasOptions;
                    const interval = canvasOptions.interval * scale;
                    const translateCategories = translate / interval;
                    const visibleCount = (this.visibleCategories || []).length;
                    let startCategoryIndex = parseInt((canvasOptions.startPointIndex || 0) + translateCategories + .5);
                    const categoriesLength = parseInt((0, _math.adjust)(canvasOptions.canvasLength / interval) + (stick ? 1 : 0)) || 1;
                    let endCategoryIndex;
                    if (invert) {
                        startCategoryIndex = parseInt((canvasOptions.startPointIndex || 0) + visibleCount - translateCategories + .5) - categoriesLength
                    }
                    if (startCategoryIndex < 0) {
                        startCategoryIndex = 0
                    }
                    endCategoryIndex = startCategoryIndex + categoriesLength;
                    if (endCategoryIndex > categories.length) {
                        endCategoryIndex = categories.length;
                        startCategoryIndex = endCategoryIndex - categoriesLength;
                        if (startCategoryIndex < 0) {
                            startCategoryIndex = 0
                        }
                    }
                    const newVisibleCategories = categories.slice(parseInt(startCategoryIndex), parseInt(endCategoryIndex));
                    const newInterval = this._getDiscreteInterval(newVisibleCategories.length, canvasOptions);
                    scale = newInterval / canvasOptions.interval;
                    translate = this.translate(!invert ? newVisibleCategories[0] : newVisibleCategories[newVisibleCategories.length - 1]) * scale - (canvasOptions.startPoint + (stick ? 0 : newInterval / 2));
                    return {
                        min: newVisibleCategories[0],
                        max: newVisibleCategories[newVisibleCategories.length - 1],
                        translate: translate,
                        scale: scale
                    }
                },
                getMinScale(zoom) {
                    const canvasOptions = this._canvasOptions;
                    let categoriesLength = (this.visibleCategories || this._categories).length;
                    categoriesLength += (parseInt(.1 * categoriesLength) || 1) * (zoom ? -2 : 2);
                    return canvasOptions.canvasLength / (Math.max(categoriesLength, 1) * canvasOptions.interval)
                },
                getScale(min, max) {
                    const canvasOptions = this._canvasOptions;
                    const visibleArea = this.getCanvasVisibleArea();
                    const stickOffset = !this._options.stick && 1;
                    let minPoint = (0, _type.isDefined)(min) ? this.translate(min, -stickOffset) : null;
                    let maxPoint = (0, _type.isDefined)(max) ? this.translate(max, +stickOffset) : null;
                    if (null === minPoint) {
                        minPoint = canvasOptions.invert ? visibleArea.max : visibleArea.min
                    }
                    if (null === maxPoint) {
                        maxPoint = canvasOptions.invert ? visibleArea.min : visibleArea.max
                    }
                    return this.canvasLength / Math.abs(maxPoint - minPoint)
                },
                isValid(value) {
                    return (0, _type.isDefined)(value) ? this._categoriesToPoints[value.valueOf()] >= 0 : false
                },
                getCorrectValue: getValue,
                to(value, direction) {
                    const canvasOptions = this._canvasOptions;
                    const categoryIndex = this._categoriesToPoints[null === value || void 0 === value ? void 0 : value.valueOf()];
                    const startPointIndex = canvasOptions.startPointIndex || 0;
                    const stickDelta = categoryIndex + (this._options.stick ? 0 : .5) - startPointIndex + (this._businessRange.invert ? -1 : 1) * direction * .5;
                    return round(this._calculateProjection(canvasOptions.interval * stickDelta))
                },
                from(position) {
                    let direction = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0;
                    const canvasOptions = this._canvasOptions;
                    const {
                        startPoint: startPoint
                    } = canvasOptions;
                    const categories = this.visibleCategories || this._categories;
                    const categoriesLength = categories.length;
                    const stickInterval = this._options.stick ? .5 : 0;
                    let result = round((position - startPoint) / canvasOptions.interval + stickInterval - .5 - .5 * direction);
                    if (result >= categoriesLength) {
                        result = categoriesLength - 1
                    }
                    if (result < 0) {
                        result = 0
                    }
                    if (canvasOptions.invert) {
                        result = categoriesLength - result - 1
                    }
                    return categories[result]
                },
                _add: () => NaN,
                toValue: getValue,
                isValueProlonged: true,
                getRangeByMinZoomValue(minZoom, visualRange) {
                    const categories = this._categories;
                    const minVisibleIndex = categories.indexOf(visualRange.minVisible);
                    const maxVisibleIndex = categories.indexOf(visualRange.maxVisible);
                    const startIndex = minVisibleIndex + minZoom - 1;
                    const endIndex = maxVisibleIndex - minZoom + 1;
                    if (categories[startIndex]) {
                        return [visualRange.minVisible, categories[startIndex]]
                    }
                    return [categories[endIndex], visualRange.maxVisible]
                }
            }
        },
        95758(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _date = (e = __webpack_require__( /*! ../../../core/utils/date */ 41380), e && e.__esModule ? e : {
                default: e
            });
            var e;

            function parse(value) {
                return null !== value ? new Date(value) : value
            }
            exports.default = {
                fromValue: parse,
                toValue: parse,
                _add: _date.default.addDateInterval,
                convert: _date.default.dateToMilliseconds
            }
        },
        97810(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _date = (e = __webpack_require__( /*! ../../../core/utils/date */ 41380), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            const {
                floor: floor
            } = Math;
            exports.default = {
                _intervalize(value, interval) {
                    if (!(0, _type.isDefined)(value)) {
                        return
                    }
                    if ("datetime" === this._businessRange.dataType) {
                        if ((0, _type.isNumeric)(value)) {
                            value = new Date(value)
                        } else {
                            value = new Date(value.getTime())
                        }
                        value = _date.default.correctDateWithUnitBeginning(value, interval, null, this._options.firstDayOfWeek)
                    } else {
                        value = (0, _math.adjust)(floor((0, _math.adjust)(value / interval)) * interval, interval)
                    }
                    return value
                },
                translate(bp, direction, skipRound, interval) {
                    const specialValue = this.translateSpecialCase(bp);
                    if ((0, _type.isDefined)(specialValue)) {
                        return Math.round(specialValue)
                    }
                    interval = interval || this._options.interval;
                    if (!this.isValid(bp, interval)) {
                        return null
                    }
                    return this.to(bp, direction, skipRound, interval)
                },
                getInterval() {
                    return Math.round(this._canvasOptions.ratioOfCanvasRange * (this._businessRange.interval || Math.abs(this._canvasOptions.rangeMax - this._canvasOptions.rangeMin)))
                },
                zoom() {},
                getMinScale() {},
                getScale() {},
                _parse(value) {
                    return "datetime" === this._businessRange.dataType ? new Date(value) : Number(value)
                },
                fromValue(value) {
                    return this._parse(value)
                },
                toValue(value) {
                    return this._parse(value)
                },
                isValid(value, interval) {
                    const that = this;
                    const co = that._canvasOptions;
                    let {
                        rangeMin: rangeMin
                    } = co;
                    let {
                        rangeMax: rangeMax
                    } = co;
                    interval = interval || that._options.interval;
                    if (null === value || isNaN(value)) {
                        return false
                    }
                    value = "datetime" === that._businessRange.dataType && (0, _type.isNumeric)(value) ? new Date(value) : value;
                    if (interval !== that._options.interval) {
                        rangeMin = that._intervalize(rangeMin, interval);
                        rangeMax = that._intervalize(rangeMax, interval)
                    }
                    if (value.valueOf() < rangeMin || value.valueOf() >= _date.default.addInterval(rangeMax, interval)) {
                        return false
                    }
                    return true
                },
                to(bp, direction, skipRound, interval) {
                    interval = interval || this._options.interval;
                    const v1 = this._intervalize(bp, interval);
                    const v2 = _date.default.addInterval(v1, interval);
                    let res = this._to(v1, skipRound);
                    const p2 = this._to(v2, skipRound);
                    if (!direction) {
                        res = floor((res + p2) / 2)
                    } else if (direction > 0) {
                        res = p2
                    }
                    return res
                },
                _to(value, skipRound) {
                    const co = this._canvasOptions;
                    const rMin = co.rangeMinVisible;
                    const rMax = co.rangeMaxVisible;
                    let offset = value - rMin;
                    if (value < rMin) {
                        offset = 0
                    } else if (value > rMax) {
                        offset = _date.default.addInterval(rMax, this._options.interval) - rMin
                    }
                    const projectedValue = this._calculateProjection(offset * this._canvasOptions.ratioOfCanvasRange);
                    return this._conversionValue(projectedValue, skipRound)
                },
                from(position, direction) {
                    const origInterval = this._options.interval;
                    let interval = origInterval;
                    const co = this._canvasOptions;
                    const rMin = co.rangeMinVisible;
                    const rMax = co.rangeMaxVisible;
                    let value;
                    if ("datetime" === this._businessRange.dataType) {
                        interval = _date.default.dateToMilliseconds(origInterval)
                    }
                    value = this._calculateUnProjection((position - this._canvasOptions.startPoint) / this._canvasOptions.ratioOfCanvasRange);
                    value = this._intervalize(_date.default.addInterval(value, interval / 2, direction > 0), origInterval);
                    if (value < rMin) {
                        value = rMin
                    } else if (value > rMax) {
                        value = rMax
                    }
                    return value
                },
                _add: () => NaN,
                isValueProlonged: true
            }
        },
        98622(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            exports.default = {
                fromValue(value) {
                    return null !== value ? (0, _utils.getLogExt)(value, this._canvasOptions.base, this._businessRange.allowNegatives, this._businessRange.linearThreshold) : value
                },
                toValue(value) {
                    return null !== value ? (0, _utils.raiseToExt)(value, this._canvasOptions.base, this._businessRange.allowNegatives, this._businessRange.linearThreshold) : value
                },
                getMinBarSize(minBarSize) {
                    const visibleArea = this.getCanvasVisibleArea();
                    const minValue = this.from(visibleArea.min + minBarSize);
                    const canvasOptions = this._canvasOptions;
                    const startValue = this.fromValue(this.from(visibleArea.min));
                    const endValue = this.fromValue(minValue ?? this.from(visibleArea.max));
                    const value = Math.abs(startValue - endValue);
                    return canvasOptions.base ** value
                },
                checkMinBarSize(initialValue, minShownValue, stackValue) {
                    const canvasOptions = this._canvasOptions;
                    const prevValue = stackValue ? stackValue - initialValue : 0;
                    const baseMethod = this.constructor.prototype.checkMinBarSize;
                    let minBarSize;
                    let updateValue;
                    if ((0, _type.isDefined)(minShownValue) && prevValue > 0) {
                        minBarSize = baseMethod(this.fromValue(stackValue / prevValue), this.fromValue(minShownValue) - canvasOptions.rangeMinVisible);
                        updateValue = canvasOptions.base ** (this.fromValue(prevValue) + minBarSize) - prevValue
                    } else {
                        updateValue = baseMethod(initialValue, minShownValue)
                    }
                    return updateValue
                }
            }
        },
        8315(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Range = void 0;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            const _isDefined = _type.isDefined;
            const _isDate = _type.isDate;
            const _isFunction = _type.isFunction;

            function otherLessThan(thisValue, otherValue) {
                return otherValue < thisValue
            }

            function otherGreaterThan(thisValue, otherValue) {
                return otherValue > thisValue
            }

            function compareAndReplace(thisValue, otherValue, setValue, compare) {
                const otherValueDefined = _isDefined(otherValue);
                if (_isDefined(thisValue)) {
                    if (otherValueDefined && compare(thisValue, otherValue)) {
                        setValue(otherValue)
                    }
                } else if (otherValueDefined) {
                    setValue(otherValue)
                }
            }
            const Range = function(range) {
                range && (0, _extend.extend)(this, range)
            };
            exports.Range = Range;
            const _Range = Range;
            _Range.prototype = {
                constructor: _Range,
                addRange(otherRange) {
                    const that = this;
                    const {
                        categories: categories
                    } = that;
                    const otherCategories = otherRange.categories;
                    const isDiscrete = "discrete" === that.axisType;
                    const compareAndReplaceByField = function(field, compare) {
                        compareAndReplace(that[field], otherRange[field], value => {
                            that[field] = value
                        }, compare)
                    };
                    const controlValuesByVisibleBounds = function(valueField, visibleValueField, compare) {
                        compareAndReplace(that[valueField], that[visibleValueField], value => {
                            _isDefined(that[valueField]) && (that[valueField] = value)
                        }, compare)
                    };
                    const checkField = function(field) {
                        that[field] = that[field] || otherRange[field]
                    };
                    checkField("invert");
                    checkField("containsConstantLine");
                    checkField("axisType");
                    checkField("dataType");
                    checkField("isSpacedMargin");
                    if ("logarithmic" === that.axisType) {
                        checkField("base")
                    } else {
                        that.base = void 0
                    }
                    compareAndReplaceByField("min", otherLessThan);
                    compareAndReplaceByField("max", otherGreaterThan);
                    if (isDiscrete) {
                        checkField("minVisible");
                        checkField("maxVisible")
                    } else {
                        compareAndReplaceByField("minVisible", otherLessThan);
                        compareAndReplaceByField("maxVisible", otherGreaterThan)
                    }
                    compareAndReplaceByField("interval", otherLessThan);
                    if (!isDiscrete) {
                        controlValuesByVisibleBounds("min", "minVisible", otherLessThan);
                        controlValuesByVisibleBounds("min", "maxVisible", otherLessThan);
                        controlValuesByVisibleBounds("max", "maxVisible", otherGreaterThan);
                        controlValuesByVisibleBounds("max", "minVisible", otherGreaterThan)
                    }
                    if (void 0 === categories) {
                        that.categories = otherCategories
                    } else {
                        that.categories = otherCategories ? (0, _utils.unique)(categories.concat(otherCategories)) : categories
                    }
                    if ("logarithmic" === that.axisType) {
                        checkField("allowNegatives");
                        compareAndReplaceByField("linearThreshold", otherLessThan)
                    }
                    return that
                },
                isEmpty() {
                    return (!_isDefined(this.min) || !_isDefined(this.max)) && (!this.categories || 0 === this.categories.length)
                },
                correctValueZeroLevel() {
                    const that = this;
                    if (_isDate(that.max) || _isDate(that.min)) {
                        return that
                    }

                    function setZeroLevel(min, max) {
                        that[min] < 0 && that[max] < 0 && (that[max] = 0);
                        that[min] > 0 && that[max] > 0 && (that[min] = 0)
                    }
                    setZeroLevel("min", "max");
                    setZeroLevel("minVisible", "maxVisible");
                    return that
                },
                sortCategories(sort) {
                    if (false === sort || !this.categories) {
                        return
                    }
                    if (Array.isArray(sort)) {
                        const sortValues = sort.map(item => item.valueOf());
                        const filteredSeriesCategories = this.categories.filter(item => !sortValues.includes(item.valueOf()));
                        this.categories = sort.concat(filteredSeriesCategories)
                    } else {
                        const notAFunction = !_isFunction(sort);
                        if (notAFunction && "string" !== this.dataType) {
                            sort = (a, b) => a.valueOf() - b.valueOf()
                        } else if (notAFunction) {
                            sort = false
                        }
                        sort && this.categories.sort(sort)
                    }
                }
            }
        },
        66383(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Translator1D = Translator1D;
            const _Number = Number;

            function Translator1D() {
                this.setDomain(arguments[0], arguments[1]).setCodomain(arguments[2], arguments[3]).setInverted(false)
            }
            Translator1D.prototype = {
                constructor: Translator1D,
                setDomain(domain1, domain2) {
                    this._domain1 = _Number(domain1);
                    this._domain2 = _Number(domain2);
                    this._domainDelta = this._domain2 - this._domain1;
                    return this
                },
                setCodomain(codomain1, codomain2) {
                    this._codomain1 = _Number(codomain1);
                    this._codomain2 = _Number(codomain2);
                    this._codomainDelta = this._codomain2 - this._codomain1;
                    return this
                },
                setInverted(state) {
                    this.inverted = state
                },
                getDomain() {
                    return [this._domain1, this._domain2]
                },
                getCodomain() {
                    return [this._codomain1, this._codomain2]
                },
                getDomainStart() {
                    return this._domain1
                },
                getDomainEnd() {
                    return this._domain2
                },
                getCodomainStart() {
                    return this._codomain1
                },
                getCodomainEnd() {
                    return this._codomain2
                },
                getDomainRange() {
                    return this._domainDelta
                },
                getCodomainRange() {
                    return this._codomainDelta
                },
                translate(value) {
                    let ratio = (_Number(value) - this._domain1) / this._domainDelta;
                    this.inverted && (ratio = 1 - ratio);
                    return ratio >= 0 && ratio <= 1 ? this._codomain1 + ratio * this._codomainDelta : NaN
                },
                adjust(value) {
                    const ratio = (_Number(value) - this._domain1) / this._domainDelta;
                    let result = NaN;
                    if (ratio < 0) {
                        result = this._domain1
                    } else if (ratio > 1) {
                        result = this._domain2
                    } else if (ratio >= 0 && ratio <= 1) {
                        result = _Number(value)
                    }
                    return result
                }
            }
        },
        50912(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Translator2D = void 0;
            var _date = _interopRequireDefault(__webpack_require__( /*! ../../../core/utils/date */ 41380));
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _math = __webpack_require__( /*! ../../../core/utils/math */ 50254);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _category_translator = _interopRequireDefault(__webpack_require__( /*! ../../viz/translators/category_translator */ 21845));
            var _datetime_translator = _interopRequireDefault(__webpack_require__( /*! ../../viz/translators/datetime_translator */ 95758));
            var _interval_translator = _interopRequireDefault(__webpack_require__( /*! ../../viz/translators/interval_translator */ 97810));
            var _logarithmic_translator = _interopRequireDefault(__webpack_require__( /*! ../../viz/translators/logarithmic_translator */ 98622));
            var _range = __webpack_require__( /*! ../../viz/translators/range */ 8315);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const _abs = Math.abs;
            const CANVAS_PROP = ["width", "height", "left", "top", "bottom", "right"];
            const dummyTranslator = {
                to(value) {
                    const coord = this._canvasOptions.startPoint + (this._options.conversionValue ? value : Math.round(value));
                    return coord > this._canvasOptions.endPoint ? this._canvasOptions.endPoint : coord
                },
                from(value) {
                    return value - this._canvasOptions.startPoint
                }
            };
            const validateCanvas = function(canvas) {
                (0, _iterator.each)(CANVAS_PROP, (_, prop) => {
                    canvas[prop] = parseInt(canvas[prop]) || 0
                });
                return canvas
            };

            function getCheckingMethodsAboutBreaks(inverted) {
                return {
                    isStartSide: !inverted ? function(pos, breaks, start, end) {
                        return pos < breaks[0][start]
                    } : function(pos, breaks, start, end) {
                        return pos <= breaks[breaks.length - 1][end]
                    },
                    isEndSide: !inverted ? function(pos, breaks, start, end) {
                        return pos >= breaks[breaks.length - 1][end]
                    } : function(pos, breaks, start, end) {
                        return pos > breaks[0][start]
                    },
                    isInBreak: !inverted ? function(pos, br, start, end) {
                        return pos >= br[start] && pos < br[end]
                    } : function(pos, br, start, end) {
                        return pos > br[end] && pos <= br[start]
                    },
                    isBetweenBreaks: !inverted ? function(pos, br, prevBreak, start, end) {
                        return pos < br[start] && pos >= prevBreak[end]
                    } : function(pos, br, prevBreak, start, end) {
                        return pos >= br[end] && pos < prevBreak[start]
                    },
                    getLength: !inverted ? function(br) {
                        return br.length
                    } : function(br, lastBreak) {
                        return lastBreak.length - br.length
                    },
                    getBreaksSize: !inverted ? function(br) {
                        return br.cumulativeWidth
                    } : function(br, lastBreak) {
                        return lastBreak.cumulativeWidth - br.cumulativeWidth
                    }
                }
            }
            const _Translator2d = function(businessRange, canvas, options) {
                this.update(businessRange, canvas, options)
            };
            exports.Translator2D = _Translator2d;
            _Translator2d.prototype = {
                constructor: _Translator2d,
                reinit() {
                    const that = this;
                    const options = that._options;
                    const range = that._businessRange;
                    const categories = range.categories || [];
                    let script = {};
                    const canvasOptions = that._prepareCanvasOptions();
                    const visibleCategories = (0, _utils.getCategoriesInfo)(categories, range.minVisible, range.maxVisible).categories;
                    const categoriesLength = visibleCategories.length;
                    if (range.isEmpty()) {
                        script = dummyTranslator
                    } else {
                        switch (range.axisType) {
                            case "logarithmic":
                                script = _logarithmic_translator.default;
                                break;
                            case "semidiscrete":
                                script = _interval_translator.default;
                                canvasOptions.ratioOfCanvasRange = canvasOptions.canvasLength / (_date.default.addInterval(canvasOptions.rangeMaxVisible, options.interval) - canvasOptions.rangeMinVisible);
                                break;
                            case "discrete":
                                script = _category_translator.default;
                                that._categories = categories;
                                canvasOptions.interval = that._getDiscreteInterval(options.addSpiderCategory ? categoriesLength + 1 : categoriesLength, canvasOptions);
                                that._categoriesToPoints = function(categories) {
                                    const categoriesToPoints = {};
                                    categories.forEach((item, i) => {
                                        categoriesToPoints[item.valueOf()] = i
                                    });
                                    return categoriesToPoints
                                }(categories);
                                if (categoriesLength) {
                                    canvasOptions.startPointIndex = that._categoriesToPoints[visibleCategories[0].valueOf()];
                                    that.visibleCategories = visibleCategories
                                }
                                break;
                            default:
                                if ("datetime" === range.dataType) {
                                    script = _datetime_translator.default
                                }
                        }
                    }(that._oldMethods || []).forEach(methodName => {
                        delete that[methodName]
                    });
                    that._oldMethods = Object.keys(script);
                    (0, _extend.extend)(that, script);
                    that._conversionValue = options.conversionValue ? value => value : (value, skipRound) => skipRound ? value : Math.round(value);
                    that.sc = {};
                    that._checkingMethodsAboutBreaks = [getCheckingMethodsAboutBreaks(false), getCheckingMethodsAboutBreaks(that.isInverted())];
                    that._translateBreaks();
                    that._calculateSpecialValues()
                },
                _translateBreaks() {
                    const breaks = this._breaks;
                    const size = this._options.breaksSize;
                    let i;
                    let b;
                    let end;
                    let length;
                    if (void 0 === breaks) {
                        return
                    }
                    for (i = 0, length = breaks.length; i < length; i++) {
                        b = breaks[i];
                        end = this.translate(b.to);
                        b.end = end;
                        b.start = !b.gapSize ? !this.isInverted() ? end - size : end + size : end
                    }
                },
                _checkValueAboutBreaks(breaks, pos, start, end, methods) {
                    let i;
                    let length;
                    let prop = {
                        length: 0,
                        breaksSize: void 0,
                        inBreak: false
                    };
                    let br;
                    let prevBreak;
                    const lastBreak = breaks[breaks.length - 1];
                    if (methods.isStartSide(pos, breaks, start, end)) {
                        return prop
                    }
                    if (methods.isEndSide(pos, breaks, start, end)) {
                        return {
                            length: lastBreak.length,
                            breaksSize: lastBreak.cumulativeWidth,
                            inBreak: false
                        }
                    }
                    for (i = 0, length = breaks.length; i < length; i++) {
                        br = breaks[i];
                        prevBreak = breaks[i - 1];
                        if (methods.isInBreak(pos, br, start, end)) {
                            prop.inBreak = true;
                            prop.break = br;
                            break
                        }
                        if (prevBreak && methods.isBetweenBreaks(pos, br, prevBreak, start, end)) {
                            prop = {
                                length: methods.getLength(prevBreak, lastBreak),
                                breaksSize: methods.getBreaksSize(prevBreak, lastBreak),
                                inBreak: false
                            };
                            break
                        }
                    }
                    return prop
                },
                isInverted() {
                    return !(this._options.isHorizontal ^ this._businessRange.invert)
                },
                _getDiscreteInterval(categoriesLength, canvasOptions) {
                    const correctedCategoriesCount = categoriesLength - (this._options.stick ? 1 : 0);
                    return correctedCategoriesCount > 0 ? canvasOptions.canvasLength / correctedCategoriesCount : canvasOptions.canvasLength
                },
                _prepareCanvasOptions() {
                    const businessRange = this._businessRange;
                    const canvasOptions = this._canvasOptions = function(range) {
                        let {
                            min: min
                        } = range;
                        let {
                            max: max
                        } = range;
                        let {
                            minVisible: minVisible
                        } = range;
                        let {
                            maxVisible: maxVisible
                        } = range;
                        const isLogarithmic = "logarithmic" === range.axisType;
                        if (isLogarithmic) {
                            maxVisible = (0, _utils.getLogExt)(maxVisible, range.base, range.allowNegatives, range.linearThreshold);
                            minVisible = (0, _utils.getLogExt)(minVisible, range.base, range.allowNegatives, range.linearThreshold);
                            min = (0, _utils.getLogExt)(min, range.base, range.allowNegatives, range.linearThreshold);
                            max = (0, _utils.getLogExt)(max, range.base, range.allowNegatives, range.linearThreshold)
                        }
                        return {
                            base: range.base,
                            rangeMin: min,
                            rangeMax: max,
                            rangeMinVisible: minVisible,
                            rangeMaxVisible: maxVisible
                        }
                    }(businessRange);
                    const canvas = this._canvas;
                    const breaks = this._breaks;
                    let length;
                    canvasOptions.startPadding = canvas.startPadding || 0;
                    canvasOptions.endPadding = canvas.endPadding || 0;
                    if (this._options.isHorizontal) {
                        canvasOptions.startPoint = canvas.left + canvasOptions.startPadding;
                        length = canvas.width;
                        canvasOptions.endPoint = canvas.width - canvas.right - canvasOptions.endPadding;
                        canvasOptions.invert = businessRange.invert
                    } else {
                        canvasOptions.startPoint = canvas.top + canvasOptions.startPadding;
                        length = canvas.height;
                        canvasOptions.endPoint = canvas.height - canvas.bottom - canvasOptions.endPadding;
                        canvasOptions.invert = !businessRange.invert
                    }
                    this.canvasLength = canvasOptions.canvasLength = canvasOptions.endPoint - canvasOptions.startPoint;
                    canvasOptions.rangeDoubleError = 10 ** ((0, _utils.getPower)(canvasOptions.rangeMax - canvasOptions.rangeMin) - (0, _utils.getPower)(length) - 2);
                    canvasOptions.ratioOfCanvasRange = canvasOptions.canvasLength / (canvasOptions.rangeMaxVisible - canvasOptions.rangeMinVisible);
                    if (void 0 !== breaks) {
                        const visibleRangeLength = canvasOptions.rangeMaxVisible - canvasOptions.rangeMinVisible - breaks[breaks.length - 1].length;
                        if (0 !== visibleRangeLength) {
                            canvasOptions.ratioOfCanvasRange = (canvasOptions.canvasLength - breaks[breaks.length - 1].cumulativeWidth) / visibleRangeLength
                        }
                    }
                    return canvasOptions
                },
                updateCanvas(canvas) {
                    this._canvas = validateCanvas(canvas);
                    this.reinit()
                },
                updateBusinessRange(businessRange) {
                    const breaks = businessRange.breaks || [];
                    this._userBreaks = businessRange.userBreaks || [];
                    this._businessRange = function(businessRange) {
                        if (!(businessRange instanceof _range.Range)) {
                            businessRange = new _range.Range(businessRange)
                        }

                        function validate(valueSelector, baseValueSelector) {
                            if (!(0, _type.isDefined)(businessRange[valueSelector]) && (0, _type.isDefined)(businessRange[baseValueSelector])) {
                                businessRange[valueSelector] = businessRange[baseValueSelector]
                            }
                        }
                        validate("minVisible", "min");
                        validate("maxVisible", "max");
                        return businessRange
                    }(businessRange);
                    this._breaks = breaks.length ? function(breaks, range) {
                        const transform = "logarithmic" === range.axisType ? function(value) {
                            return (0, _utils.getLogExt)(value, range.base)
                        } : function(value) {
                            return value
                        };
                        const array = [];
                        let br;
                        let transformFrom;
                        let transformTo;
                        let i;
                        const {
                            length: length
                        } = breaks;
                        let sum = 0;
                        for (i = 0; i < length; i++) {
                            br = breaks[i];
                            transformFrom = transform(br.from);
                            transformTo = transform(br.to);
                            sum += transformTo - transformFrom;
                            array.push({
                                trFrom: transformFrom,
                                trTo: transformTo,
                                from: br.from,
                                to: br.to,
                                length: sum,
                                cumulativeWidth: br.cumulativeWidth
                            })
                        }
                        return array
                    }(breaks, this._businessRange) : void 0;
                    this.reinit()
                },
                update(businessRange, canvas, options) {
                    this._options = (0, _extend.extend)(this._options || {}, options);
                    this._canvas = validateCanvas(canvas);
                    this.updateBusinessRange(businessRange)
                },
                getBusinessRange() {
                    return this._businessRange
                },
                getEventScale: zoomEvent => zoomEvent.deltaScale || 1,
                getCanvasVisibleArea() {
                    return {
                        min: this._canvasOptions.startPoint,
                        max: this._canvasOptions.endPoint
                    }
                },
                _calculateSpecialValues() {
                    const that = this;
                    const canvasOptions = that._canvasOptions;
                    const startPoint = canvasOptions.startPoint - canvasOptions.startPadding;
                    const endPoint = canvasOptions.endPoint + canvasOptions.endPadding;
                    const range = that._businessRange;
                    const {
                        minVisible: minVisible
                    } = range;
                    const {
                        maxVisible: maxVisible
                    } = range;
                    const canvas_position_center_middle = startPoint + canvasOptions.canvasLength / 2;
                    let canvas_position_default;
                    if (minVisible < 0 && maxVisible > 0 && minVisible !== maxVisible) {
                        canvas_position_default = that.translate(0, 1)
                    }
                    if (!(0, _type.isDefined)(canvas_position_default)) {
                        const invert = range.invert ^ (minVisible < 0 && maxVisible <= 0);
                        if (that._options.isHorizontal) {
                            canvas_position_default = invert ? endPoint : startPoint
                        } else {
                            canvas_position_default = invert ? startPoint : endPoint
                        }
                    }
                    that.sc = {
                        canvas_position_default: canvas_position_default,
                        canvas_position_left: startPoint,
                        canvas_position_top: startPoint,
                        canvas_position_center: canvas_position_center_middle,
                        canvas_position_middle: canvas_position_center_middle,
                        canvas_position_right: endPoint,
                        canvas_position_bottom: endPoint,
                        canvas_position_start: canvasOptions.invert ? endPoint : startPoint,
                        canvas_position_end: canvasOptions.invert ? startPoint : endPoint
                    }
                },
                translateSpecialCase(value) {
                    return this.sc[value]
                },
                _calculateProjection(distance) {
                    const canvasOptions = this._canvasOptions;
                    return canvasOptions.invert ? canvasOptions.endPoint - distance : canvasOptions.startPoint + distance
                },
                _calculateUnProjection(distance) {
                    const canvasOptions = this._canvasOptions;
                    "datetime" === this._businessRange.dataType && (distance = Math.round(distance));
                    return canvasOptions.invert ? canvasOptions.rangeMaxVisible.valueOf() - distance : canvasOptions.rangeMinVisible.valueOf() + distance
                },
                getMinBarSize(minBarSize) {
                    const visibleArea = this.getCanvasVisibleArea();
                    const minValue = this.from(visibleArea.min + minBarSize);
                    return _abs(this.from(visibleArea.min) - (!(0, _type.isDefined)(minValue) ? this.from(visibleArea.max) : minValue))
                },
                checkMinBarSize: (value, minShownValue) => _abs(value) < minShownValue ? value >= 0 ? minShownValue : -minShownValue : value,
                translate(bp, direction, skipRound) {
                    const specialValue = this.translateSpecialCase(bp);
                    if ((0, _type.isDefined)(specialValue)) {
                        return Math.round(specialValue)
                    }
                    if (isNaN(bp)) {
                        return null
                    }
                    return this.to(bp, direction, skipRound)
                },
                getInterval(interval) {
                    const canvasOptions = this._canvasOptions;
                    interval = interval ?? this._businessRange.interval;
                    if (interval) {
                        return Math.round(canvasOptions.ratioOfCanvasRange * interval)
                    }
                    return Math.round(canvasOptions.endPoint - canvasOptions.startPoint)
                },
                zoom(translate, scale, wholeRange) {
                    const canvasOptions = this._canvasOptions;
                    if (canvasOptions.rangeMinVisible.valueOf() === canvasOptions.rangeMaxVisible.valueOf() && 0 !== translate) {
                        return this.zoomZeroLengthRange(translate, scale)
                    }
                    const {
                        startPoint: startPoint
                    } = canvasOptions;
                    const {
                        endPoint: endPoint
                    } = canvasOptions;
                    const isInverted = this.isInverted();
                    let newStart = (startPoint + translate) / scale;
                    let newEnd = (endPoint + translate) / scale;
                    wholeRange = wholeRange || {};
                    const minPoint = this.to(isInverted ? wholeRange.endValue : wholeRange.startValue);
                    const maxPoint = this.to(isInverted ? wholeRange.startValue : wholeRange.endValue);
                    let min;
                    let max;
                    if (minPoint > newStart) {
                        newEnd -= newStart - minPoint;
                        newStart = minPoint;
                        min = isInverted ? wholeRange.endValue : wholeRange.startValue
                    }
                    if (maxPoint < newEnd) {
                        newStart -= newEnd - maxPoint;
                        newEnd = maxPoint;
                        max = isInverted ? wholeRange.startValue : wholeRange.endValue
                    }
                    if (maxPoint - minPoint < newEnd - newStart) {
                        newStart = minPoint;
                        newEnd = maxPoint
                    }
                    translate = (endPoint - startPoint) * newStart / (newEnd - newStart) - startPoint;
                    scale = (startPoint + translate) / newStart || 1;
                    min = (0, _type.isDefined)(min) ? min : (0, _math.adjust)(this.from(newStart, 1));
                    max = (0, _type.isDefined)(max) ? max : (0, _math.adjust)(this.from(newEnd, -1));
                    if (scale <= 1) {
                        min = this._correctValueAboutBreaks(min, 1 === scale ? translate : -1);
                        max = this._correctValueAboutBreaks(max, 1 === scale ? translate : 1)
                    }
                    if (min > max) {
                        min = min > wholeRange.endValue ? wholeRange.endValue : min;
                        max = max < wholeRange.startValue ? wholeRange.startValue : max
                    } else {
                        min = min < wholeRange.startValue ? wholeRange.startValue : min;
                        max = max > wholeRange.endValue ? wholeRange.endValue : max
                    }
                    return {
                        min: min,
                        max: max,
                        translate: (0, _math.adjust)(translate),
                        scale: (0, _math.adjust)(scale)
                    }
                },
                _correctValueAboutBreaks(value, direction) {
                    const br = this._userBreaks.filter(br => value >= br.from && value <= br.to);
                    if (br.length) {
                        return direction > 0 ? br[0].to : br[0].from
                    }
                    return value
                },
                zoomZeroLengthRange(translate, scale) {
                    const canvasOptions = this._canvasOptions;
                    const min = canvasOptions.rangeMin;
                    const max = canvasOptions.rangeMax;
                    const correction = (max.valueOf() !== min.valueOf() ? max.valueOf() - min.valueOf() : _abs(canvasOptions.rangeMinVisible.valueOf() - min.valueOf())) / canvasOptions.canvasLength;
                    const isDateTime = (0, _type.isDate)(max) || (0, _type.isDate)(min);
                    const isLogarithmic = "logarithmic" === this._businessRange.axisType;
                    let newMin = canvasOptions.rangeMinVisible.valueOf() - correction;
                    let newMax = canvasOptions.rangeMaxVisible.valueOf() + correction;
                    newMin = isLogarithmic ? (0, _math.adjust)((0, _utils.raiseToExt)(newMin, canvasOptions.base)) : isDateTime ? new Date(newMin) : newMin;
                    newMax = isLogarithmic ? (0, _math.adjust)((0, _utils.raiseToExt)(newMax, canvasOptions.base)) : isDateTime ? new Date(newMax) : newMax;
                    return {
                        min: newMin,
                        max: newMax,
                        translate: translate,
                        scale: scale
                    }
                },
                getMinScale(zoom) {
                    const {
                        dataType: dataType,
                        interval: interval
                    } = this._businessRange;
                    if ("datetime" === dataType && 1 === interval) {
                        return this.getDateTimeMinScale(zoom)
                    }
                    return zoom ? 1.1 : .9
                },
                getDateTimeMinScale(zoom) {
                    const canvasOptions = this._canvasOptions;
                    let length = canvasOptions.canvasLength / canvasOptions.ratioOfCanvasRange;
                    length += (parseInt(.1 * length) || 1) * (zoom ? -2 : 2);
                    return canvasOptions.canvasLength / (Math.max(length, 1) * canvasOptions.ratioOfCanvasRange)
                },
                getScale(val1, val2) {
                    const canvasOptions = this._canvasOptions;
                    if (canvasOptions.rangeMax === canvasOptions.rangeMin) {
                        return 1
                    }
                    val1 = (0, _type.isDefined)(val1) ? this.fromValue(val1) : canvasOptions.rangeMin;
                    val2 = (0, _type.isDefined)(val2) ? this.fromValue(val2) : canvasOptions.rangeMax;
                    return (canvasOptions.rangeMax - canvasOptions.rangeMin) / Math.abs(val1 - val2)
                },
                isValid(value) {
                    const co = this._canvasOptions;
                    value = this.fromValue(value);
                    return null !== value && !isNaN(value) && value.valueOf() + co.rangeDoubleError >= co.rangeMin && value.valueOf() - co.rangeDoubleError <= co.rangeMax
                },
                getCorrectValue(value, direction) {
                    const that = this;
                    const breaks = that._breaks;
                    let prop;
                    value = that.fromValue(value);
                    if (that._breaks) {
                        prop = that._checkValueAboutBreaks(breaks, value, "trFrom", "trTo", that._checkingMethodsAboutBreaks[0]);
                        if (true === prop.inBreak) {
                            return that.toValue(direction > 0 ? prop.break.trTo : prop.break.trFrom)
                        }
                    }
                    return that.toValue(value)
                },
                to(bp, direction, skipRound) {
                    const range = this.getBusinessRange();
                    if ((0, _type.isDefined)(range.maxVisible) && (0, _type.isDefined)(range.minVisible) && range.maxVisible.valueOf() === range.minVisible.valueOf()) {
                        if (!(0, _type.isDefined)(bp) || range.maxVisible.valueOf() !== bp.valueOf()) {
                            return null
                        }
                        return this.translateSpecialCase(0 === bp && this._options.shiftZeroValue ? "canvas_position_default" : "canvas_position_middle")
                    }
                    bp = this.fromValue(bp);
                    const that = this;
                    const canvasOptions = that._canvasOptions;
                    const breaks = that._breaks;
                    let prop = {
                        length: 0
                    };
                    let commonBreakSize = 0;
                    if (void 0 !== breaks) {
                        prop = that._checkValueAboutBreaks(breaks, bp, "trFrom", "trTo", that._checkingMethodsAboutBreaks[0]);
                        commonBreakSize = (0, _type.isDefined)(prop.breaksSize) ? prop.breaksSize : 0
                    }
                    if (true === prop.inBreak) {
                        if (direction > 0) {
                            return prop.break.start
                        }
                        if (direction < 0) {
                            return prop.break.end
                        }
                        return null
                    }
                    return that._conversionValue(that._calculateProjection((bp - canvasOptions.rangeMinVisible - prop.length) * canvasOptions.ratioOfCanvasRange + commonBreakSize), skipRound)
                },
                from(pos, direction) {
                    const that = this;
                    const breaks = that._breaks;
                    let prop = {
                        length: 0
                    };
                    const canvasOptions = that._canvasOptions;
                    const {
                        startPoint: startPoint
                    } = canvasOptions;
                    let commonBreakSize = 0;
                    if (void 0 !== breaks) {
                        prop = that._checkValueAboutBreaks(breaks, pos, "start", "end", that._checkingMethodsAboutBreaks[1]);
                        commonBreakSize = (0, _type.isDefined)(prop.breaksSize) ? prop.breaksSize : 0
                    }
                    if (true === prop.inBreak) {
                        if (direction > 0) {
                            return that.toValue(prop.break.trTo)
                        }
                        if (direction < 0) {
                            return that.toValue(prop.break.trFrom)
                        }
                        return null
                    }
                    return that.toValue(that._calculateUnProjection((pos - startPoint - commonBreakSize) / canvasOptions.ratioOfCanvasRange + prop.length))
                },
                isValueProlonged: false,
                getRange() {
                    return [this.toValue(this._canvasOptions.rangeMin), this.toValue(this._canvasOptions.rangeMax)]
                },
                getScreenRange() {
                    return [this._canvasOptions.startPoint, this._canvasOptions.endPoint]
                },
                add(value, diff, dir) {
                    return this._add(value, diff, (this._businessRange.invert ? -1 : 1) * dir)
                },
                _add(value, diff, coeff) {
                    return this.toValue(this.fromValue(value) + diff * coeff)
                },
                fromValue: value => null !== value ? Number(value) : null,
                toValue: value => null !== value ? Number(value) : null,
                ratioOfCanvasRange() {
                    return this._canvasOptions.ratioOfCanvasRange
                },
                convert: value => value,
                getRangeByMinZoomValue(minZoom, visualRange) {
                    if (visualRange.minVisible + minZoom <= this._businessRange.max) {
                        return [visualRange.minVisible, visualRange.minVisible + minZoom]
                    }
                    return [visualRange.maxVisible - minZoom, visualRange.maxVisible]
                }
            }
        },
        75334(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _node = _interopRequireDefault(__webpack_require__( /*! ../../viz/tree_map/node */ 35300));
            var _tree_map = _interopRequireDefault(__webpack_require__( /*! ../../viz/tree_map/tree_map.base */ 23114));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const proto = _tree_map.default.prototype;
            const nodeProto = _node.default.prototype;
            proto._eventsMap.onNodesInitialized = {
                name: "nodesInitialized"
            };
            proto._eventsMap.onNodesRendering = {
                name: "nodesRendering"
            };
            proto._createProxyType = function() {
                const that = this;
                let nodes;
                Proxy.prototype = {
                    constructor: Proxy,
                    getParent() {
                        return nodes[this._id].parent.proxy || null
                    },
                    getChild(index) {
                        const _nodes = nodes[this._id].nodes;
                        return _nodes ? _nodes[index].proxy : null
                    },
                    getChildrenCount() {
                        const _nodes = nodes[this._id].nodes;
                        return _nodes ? _nodes.length : 0
                    },
                    getAllChildren() {
                        const _nodes = nodes[this._id].nodes;
                        let i;
                        const ii = null === _nodes || void 0 === _nodes ? void 0 : _nodes.length;
                        const list = [];
                        for (i = 0; i < ii; ++i) {
                            list.push(_nodes[i].proxy)
                        }
                        return list
                    },
                    getAllNodes() {
                        const list = [];
                        collectNodes(nodes[this._id], list);
                        return list
                    },
                    isLeaf() {
                        return !nodes[this._id].isNode()
                    },
                    isActive() {
                        return nodes[this._id].isActive()
                    },
                    value(arg) {
                        const node = nodes[this._id];
                        let result;
                        if (void 0 !== arg) {
                            ! function(node, value) {
                                const delta = value - node.value;
                                while (node) {
                                    node.value += delta;
                                    node = node.parent
                                }
                            }(node, arg > 0 ? Number(arg) : 0);
                            change(node, ["TILING"]);
                            result = this
                        } else {
                            result = node.value
                        }
                        return result
                    },
                    label(arg) {
                        const node = nodes[this._id];
                        let result;
                        if (void 0 !== arg) {
                            node.customLabel = arg ? String(arg) : null;
                            change(node, ["LABELS"]);
                            result = this
                        } else {
                            result = node.customLabel || node.label
                        }
                        return result
                    },
                    customize(settings) {
                        const node = nodes[this._id];
                        if (settings) {
                            node._custom = node._custom || {};
                            (0, _extend2.extend)(true, node._custom, settings);
                            node._partialState = node._partialLabelState = null
                        }
                        change(node, ["TILES", "LABELS"]);
                        return this
                    },
                    resetCustomization() {
                        const node = nodes[this._id];
                        node._custom = node._partialState = node._partialLabelState = null;
                        change(node, ["TILES", "LABELS"]);
                        return this
                    }
                };
                that._extendProxyType(Proxy.prototype);

                function Proxy(node) {
                    node.proxy = this;
                    this._id = node._id;
                    this.level = node.level;
                    this.index = node.index;
                    this.data = node.data
                }
                that._handlers.beginBuildNodes = function() {
                    nodes = that._nodes;
                    new Proxy(that._root)
                };
                that._handlers.buildNode = function(node) {
                    new Proxy(node)
                };
                that._handlers.endBuildNodes = function() {
                    that._eventTrigger("nodesInitialized", {
                        root: that._root.proxy
                    })
                }
            };

            function change(node, codes) {
                const {
                    ctx: ctx
                } = node;
                ctx.suspend();
                ctx.change(codes);
                ctx.resume()
            }

            function collectNodes(node, list) {
                const {
                    nodes: nodes
                } = node;
                let i;
                const ii = null === nodes || void 0 === nodes ? void 0 : nodes.length;
                for (i = 0; i < ii; ++i) {
                    list.push(nodes[i].proxy);
                    collectNodes(nodes[i], list)
                }
            }
            proto._extendProxyType = _common.noop;
            const {
                _resetNodes: _resetNodes
            } = proto;
            proto._resetNodes = function() {
                _resetNodes.call(this);
                this._eventTrigger("nodesRendering", {
                    node: this._topNode.proxy
                })
            };
            const _updateStyles = nodeProto.updateStyles;
            nodeProto.updateStyles = function() {
                const that = this;
                _updateStyles.call(that);
                if (that._custom) {
                    that._partialState = !that.ctx.forceReset && that._partialState || that.ctx.calculateState(that._custom);
                    (0, _extend2.extend)(true, that.state, that._partialState)
                }
            };
            const _updateLabelStyle = nodeProto.updateLabelStyle;
            nodeProto.updateLabelStyle = function() {
                const that = this;
                const custom = that._custom;
                _updateLabelStyle.call(that);
                if (null !== custom && void 0 !== custom && custom.label) {
                    that._partialLabelState = !that.ctx.forceReset && that._partialLabelState || function(node, settings) {
                        const state = node.ctx.calculateLabelState(settings);
                        if ("visible" in settings) {
                            state.visible = !!settings.visible
                        }
                        return state
                    }(that, custom.label);
                    that.labelState = (0, _extend2.extend)(true, {}, that.labelState, that._partialLabelState)
                }
            };
            proto.getRootNode = function() {
                return this._root.proxy
            };
            proto.resetNodes = function() {
                const context = this._context;
                context.suspend();
                context.change(["NODES_CREATE"]);
                context.resume();
                return this
            }
        },
        17599(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _colorizing = __webpack_require__( /*! ../../viz/tree_map/colorizing */ 18920);

            function discreteColorizer(options, themeManager, root) {
                const palette = themeManager.createPalette(options.palette, {
                    useHighlight: true,
                    extensionMode: options.paletteExtensionMode,
                    count: options.colorizeGroups ? getNodesCount(root) : getLeafsCount(root)
                });
                return (options.colorizeGroups ? discreteGroupColorizer : discreteLeafColorizer)(palette, root)
            }

            function getLeafsCount(root) {
                const allNodes = root.nodes.slice();
                let i;
                const ii = allNodes.length;
                let count = 0;
                let node;
                for (i = 0; i < ii; ++i) {
                    node = allNodes[i];
                    if (node.isNode()) {
                        count = Math.max(count, getLeafsCount(node))
                    } else {
                        count += 1
                    }
                }
                return count
            }

            function discreteLeafColorizer(palette) {
                const colors = palette.generateColors();
                return function(node) {
                    return colors[node.index]
                }
            }

            function getNodesCount(root) {
                const allNodes = root.nodes.slice();
                let i;
                const ii = allNodes.length;
                let count = 0;
                let node;
                for (i = 0; i < ii; ++i) {
                    node = allNodes[i];
                    if (node.isNode()) {
                        count += getNodesCount(node) + 1
                    }
                }
                return count
            }

            function discreteGroupColorizer(palette, root) {
                const colors = function(palette, root) {
                    const colors = {};
                    let allNodes = root.nodes.slice();
                    let i;
                    let ii = allNodes.length;
                    let node;
                    for (i = 0; i < ii; ++i) {
                        node = allNodes[i];
                        if (node.isNode()) {
                            allNodes = allNodes.concat(node.nodes);
                            ii = allNodes.length
                        } else if (!colors[node.parent._id]) {
                            colors[node.parent._id] = palette.getNextColor()
                        }
                    }
                    return colors
                }(palette, root);
                return function(node) {
                    return colors[node._id]
                }
            }(0, _colorizing.addColorizer)("discrete", discreteColorizer);
            exports.default = discreteColorizer
        },
        48552(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _colorizing = __webpack_require__( /*! ../../viz/tree_map/colorizing */ 18920);
            const _min = Math.min;
            const _max = Math.max;

            function getRangeData(range) {
                return [Number(range[0]) || 0, range[1] - range[0] || 1]
            }

            function createGuessingColorizer(getColor, getValue) {
                const ranges = {};
                return function(node) {
                    const {
                        parent: parent
                    } = node;
                    return getColor(node, ranges[parent._id] || (ranges[parent._id] = function(nodes, getValue) {
                        let i;
                        const ii = nodes.length;
                        const codes = [];
                        let code;
                        for (i = 0; i < ii; ++i) {
                            code = getValue(nodes[i]);
                            if (isFinite(code)) {
                                codes.push(code)
                            }
                        }
                        return getRangeData([_min.apply(null, codes), _max.apply(null, codes)])
                    }(parent.nodes, getValue)))
                }
            }

            function gradientColorizer(options, themeManager) {
                const palette = themeManager.createGradientPalette(options.palette);
                const getValue = (0, _colorizing.createColorCodeGetter)(options);
                return "range" in options ? function(getColor, range) {
                    return function(node) {
                        return getColor(node, range)
                    }
                }(getColor, getRangeData(options.range || [])) : createGuessingColorizer(getColor, getValue);

                function getColor(node, arg) {
                    return palette.getColor((getValue(node) - arg[0]) / arg[1])
                }
            }(0, _colorizing.addColorizer)("gradient", gradientColorizer);
            exports.default = gradientColorizer
        },
        18920(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addColorizer = function(name, colorizer) {
                colorizers[name] = colorizer
            };
            exports.createColorCodeGetter = function(options) {
                return options.colorCodeField ? (colorCodeField = options.colorCodeField, function(node) {
                    return Number(node.data[colorCodeField])
                }) : getValueAsColorCode;
                var colorCodeField
            };
            exports.getColorizer = function(options, themeManager, root) {
                var _colorizers$type;
                const type = (0, _utils.normalizeEnum)(options.type || defaultColorizerName);
                const colorizer = null === (_colorizers$type = colorizers[type]) || void 0 === _colorizers$type ? void 0 : _colorizers$type.call(colorizers, options, themeManager, root);
                return colorizer ? (options.colorizeGroups ? wrapGroupColorGetter : wrapLeafColorGetter)(colorizer) : _common.noop
            };
            exports.setDefaultColorizer = function(name) {
                defaultColorizerName = name
            };
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            const colorizers = {};
            let defaultColorizerName;

            function wrapLeafColorGetter(getter) {
                return function(node) {
                    return !node.isNode() ? getter(node) : void 0
                }
            }

            function wrapGroupColorGetter(getter) {
                return function(node) {
                    const parent = !node.isNode() && node.parent;
                    return parent ? parent._groupColor = parent._groupColor || getter(parent) : void 0
                }
            }

            function getValueAsColorCode(node) {
                return node.value
            }
        },
        39923(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _colorizing = __webpack_require__( /*! ../../viz/tree_map/colorizing */ 18920);

            function rangeColorizer(options, themeManager) {
                const range = options.range || [];
                const palette = themeManager.createDiscretePalette(options.palette, range.length - 1);
                const getValue = (0, _colorizing.createColorCodeGetter)(options);
                return function(node) {
                    return palette.getColor(function(value, items) {
                        let start = 0;
                        let end = items.length - 1;
                        let index = -1;
                        let middle;
                        if (items[start] <= value && value <= items[end]) {
                            if (value === items[end]) {
                                index = end - 1
                            } else {
                                while (end - start > 1) {
                                    middle = start + end >> 1;
                                    if (value < items[middle]) {
                                        end = middle
                                    } else {
                                        start = middle
                                    }
                                }
                                index = start
                            }
                        }
                        return index
                    }(getValue(node), range))
                }
            }(0, _colorizing.addColorizer)("range", rangeColorizer);
            exports.default = rangeColorizer
        },
        78625(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.buildRectAppearance = function(option) {
                const border = option.border || {};
                return {
                    fill: option.color,
                    opacity: option.opacity,
                    stroke: border.color,
                    "stroke-width": border.width,
                    "stroke-opacity": border.opacity,
                    hatching: option.hatching
                }
            };
            exports.buildTextAppearance = function(options, filter) {
                return {
                    attr: {
                        filter: filter
                    },
                    css: (0, _utils.patchFontOptions)(options.font)
                }
            };
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013)
        },
        52451(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../viz/tree_map/api */ 75334);
            var _helpers = __webpack_require__( /*! ../../viz/core/helpers */ 19105);
            var _tree_map = (e = __webpack_require__( /*! ../../viz/tree_map/tree_map.base */ 23114), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const proto = _tree_map.default.prototype;
            proto._eventsMap.onDrill = {
                name: "drill"
            };
            (0, _helpers.expand)(proto, "_extendProxyType", function(proto) {
                const that = this;
                proto.drillDown = function() {
                    that._drillToNode(this._id)
                }
            });
            (0, _helpers.expand)(proto, "_onNodesCreated", function() {
                this._drilldownIndex = -1
            });
            proto._drillToNode = function(index) {
                const that = this;
                let node;
                if (that._drilldownIndex !== index) {
                    node = that._nodes[index] || that._root;
                    if (node.nodes) {
                        that._drilldownIndex = index;
                        that._topNode = node;
                        that._context.suspend();
                        that._context.change(["MAX_DEPTH", "NODES_RESET"]);
                        that._context.resume();
                        that._eventTrigger("drill", {
                            node: node.proxy
                        })
                    }
                }
            };
            proto.resetDrillDown = function() {
                this._drillToNode(-1);
                return this
            };
            proto.drillUp = function() {
                this._drillToNode(this._topNode.parent._id || -1);
                return this
            };
            proto.getCurrentNode = function() {
                return this._topNode.proxy
            }
        },
        60260(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../viz/tree_map/api */ 75334);
            __webpack_require__( /*! ../../viz/tree_map/states */ 87266);
            var _helpers = __webpack_require__( /*! ../../viz/core/helpers */ 19105);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _common = __webpack_require__( /*! ../../viz/tree_map/common */ 78625);
            var _node = _interopRequireDefault(__webpack_require__( /*! ../../viz/tree_map/node */ 35300));
            var _tree_map = _interopRequireDefault(__webpack_require__( /*! ../../viz/tree_map/tree_map.base */ 23114));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const proto = _tree_map.default.prototype;
            const nodeProto = _node.default.prototype;
            proto._eventsMap.onHoverChanged = {
                name: "hoverChanged"
            };
            (0, _helpers.expand)(proto._handlers, "calculateAdditionalStates", (states, options) => {
                states[1] = options.hoverStyle ? (0, _common.buildRectAppearance)(options.hoverStyle) : {}
            });
            _tree_map.default.addChange({
                code: "HOVER_ENABLED",
                handler() {
                    const hoverEnabled = (0, _utils.parseScalar)(this._getOption("hoverEnabled", true), true);
                    if (!hoverEnabled) {
                        this.clearHover()
                    }
                    this._hoverEnabled = hoverEnabled
                },
                isThemeDependent: true,
                isOptionChange: true,
                option: "hoverEnabled"
            });
            nodeProto.statesMap[1] = 1;
            nodeProto.additionalStates.push(1);
            (0, _helpers.expand)(proto, "_extendProxyType", function(proto) {
                const that = this;
                proto.setHover = function() {
                    that._hoverNode(this._id)
                };
                proto.isHovered = function() {
                    return that._hoverIndex === this._id
                }
            });
            (0, _helpers.expand)(proto, "_onNodesCreated", function() {
                this._hoverIndex = -1
            });
            (0, _helpers.expand)(proto, "_changeGroupSettings", function() {
                const that = this;
                that._groupHoverEnabled = (0, _utils.parseScalar)(that._getOption("group").hoverEnabled, true);
                if (!that._groupHoverEnabled) {
                    that.clearHover()
                }
            });
            proto._applyHoverState = function(index, state) {
                setNodeStateRecursive(this._nodes[index], 1, state);
                this._eventTrigger("hoverChanged", {
                    node: this._nodes[index].proxy
                })
            };

            function setNodeStateRecursive(node, code, state) {
                const nodes = node.isNode() && node.nodes;
                let i;
                const ii = null === nodes || void 0 === nodes ? void 0 : nodes.length;
                node.setState(code, state);
                for (i = 0; i < ii; ++i) {
                    setNodeStateRecursive(nodes[i], code, state)
                }
            }
            proto._hoverNode = function(index) {
                const that = this;
                const currentIndex = that._hoverIndex;
                if (that._hoverEnabled && currentIndex !== index) {
                    if (!that._groupHoverEnabled && index >= 0 && that._nodes[index].isNode()) {
                        that.clearHover();
                        return
                    }
                    that._context.suspend();
                    that._hoverIndex = -1;
                    if (currentIndex >= 0) {
                        that._applyHoverState(currentIndex, false)
                    }
                    that._hoverIndex = index;
                    if (index >= 0) {
                        that._applyHoverState(index, true)
                    }
                    that._context.resume()
                }
            };
            proto.clearHover = function() {
                this._hoverNode(-1)
            }
        },
        35300(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);

            function Node() {}
            const updateTile = [function(content, attrs) {
                content.smartAttr(attrs)
            }, function(content, attrs) {
                content.outer.attr({
                    stroke: attrs.stroke,
                    "stroke-width": attrs["stroke-width"],
                    "stroke-opacity": attrs["stroke-opacity"]
                });
                content.inner.smartAttr({
                    fill: attrs.fill,
                    opacity: attrs.opacity,
                    hatching: attrs.hatching
                })
            }];
            (0, _extend2.extend)(Node.prototype, {
                value: 0,
                isNode() {
                    return !!(this.nodes && this.level < this.ctx.maxLevel)
                },
                isActive() {
                    const {
                        ctx: ctx
                    } = this;
                    return this.level >= ctx.minLevel && this.level <= ctx.maxLevel
                },
                updateStyles() {
                    const isNode = Number(this.isNode());
                    this.state = this._buildState(this.ctx.settings[isNode].state, !isNode && this.color && {
                        fill: this.color
                    })
                },
                _buildState(state, extra) {
                    const base = (0, _extend2.extend)({}, state);
                    return extra ? (0, _extend2.extend)(base, extra) : base
                },
                updateLabelStyle() {
                    const settings = this.ctx.settings[Number(this.isNode())];
                    this.labelState = settings.labelState;
                    this.labelParams = settings.labelParams
                },
                _getState() {
                    return this.state
                },
                applyState() {
                    updateTile[Number(this.isNode())](this.tile, this._getState())
                }
            });
            exports.default = Node
        },
        40893(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _tree_map = (e = __webpack_require__( /*! ../../viz/tree_map/tree_map.base */ 23114), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const proto = _tree_map.default.prototype;
            proto._optionChangesMap.idField = proto._optionChangesMap.parentField = "NODES_CREATE";
            proto._processDataSourceItems = function(items) {
                let i;
                const struct = {};
                let currentItem;
                const idField = this._getOption("idField", true);
                const parentField = this._getOption("parentField", true);
                let parentId;
                const rootNodes = [];
                let tmpItems;
                let item;
                if (!idField || !parentField || 0 === items.length) {
                    return {
                        items: items,
                        isPlain: false
                    }
                }
                for (i = 0; i < items.length; i++) {
                    currentItem = items[i];
                    parentId = currentItem[parentField];
                    if (parentId) {
                        struct[parentId] = struct[parentId] || {
                            items: []
                        };
                        tmpItems = struct[parentId].items
                    } else {
                        tmpItems = rootNodes
                    }
                    tmpItems.push(currentItem)
                }
                treeFiller({
                    struct: struct,
                    idField: idField
                }, rootNodes);
                for (item in struct) {
                    struct[item] && rootNodes.push(struct[item])
                }
                return {
                    items: rootNodes,
                    isPlain: true
                }
            };

            function treeFiller(context, items) {
                let currentItem;
                let i;
                const {
                    struct: struct
                } = context;
                let id;
                for (i = 0; i < items.length; i++) {
                    currentItem = items[i];
                    id = currentItem[context.idField];
                    if (struct[id]) {
                        currentItem.items = struct[id].items;
                        struct[id] = null;
                        treeFiller(context, currentItem.items)
                    }
                }
            }
        },
        67232(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../viz/tree_map/api */ 75334);
            __webpack_require__( /*! ../../viz/tree_map/states */ 87266);
            var _helpers = __webpack_require__( /*! ../../viz/core/helpers */ 19105);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _common = __webpack_require__( /*! ../../viz/tree_map/common */ 78625);
            var _node = _interopRequireDefault(__webpack_require__( /*! ../../viz/tree_map/node */ 35300));
            var _tree_map = _interopRequireDefault(__webpack_require__( /*! ../../viz/tree_map/tree_map.base */ 23114));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const proto = _tree_map.default.prototype;
            const nodeProto = _node.default.prototype;
            proto._eventsMap.onSelectionChanged = {
                name: "selectionChanged"
            };
            (0, _helpers.expand)(proto._handlers, "calculateAdditionalStates", (states, options) => {
                states[2] = options.selectionStyle ? (0, _common.buildRectAppearance)(options.selectionStyle) : {}
            });
            nodeProto.statesMap[2] = nodeProto.statesMap[3] = 2;
            nodeProto.additionalStates.push(2);
            (0, _helpers.expand)(proto, "_onNodesCreated", function() {
                this._selectionList.length = 0
            });
            (0, _helpers.expand)(proto, "_extendProxyType", function(proto) {
                const that = this;
                proto.select = function(state) {
                    that._selectNode(this._id, !!state)
                };
                proto.isSelected = function() {
                    return that._selectionList.includes(this._id)
                };
                that._selectionList = []
            });
            _tree_map.default.addChange({
                code: "SELECTION_MODE",
                handler() {
                    const that = this;
                    const option = (0, _utils.normalizeEnum)(that._getOption("selectionMode", true));
                    const selectionList = that._selectionList;
                    let tmp;
                    const mode = "none" === option ? 0 : "multiple" === option ? 2 : 1;
                    if (1 === mode && selectionList.length > 1) {
                        tmp = selectionList.pop();
                        that.clearSelection();
                        selectionList.push(tmp)
                    } else if (0 === mode) {
                        that.clearSelection()
                    }
                    that._selectionMode = mode
                },
                isThemeDependent: true,
                isOptionChange: true,
                option: "selectionMode"
            });
            (0, _helpers.expand)(proto, "_applyTilesAppearance", function() {
                if (this._selectionList.length) {
                    ! function(nodes, selectionList) {
                        let i;
                        const ii = selectionList.length;
                        let node;
                        for (i = 0; i < ii; ++i) {
                            node = nodes[selectionList[i]];
                            tileToFront[Number(node.isNode())](node.tile)
                        }
                    }(this._nodes, this._selectionList)
                }
            });
            const tileToFront = [function(content) {
                content.toForeground()
            }, function(content) {
                content.outer.toForeground();
                content.inner.toForeground()
            }];
            proto._applySelectionState = function(index, state) {
                const node = this._nodes[index];
                node.setState(2, state);
                this._eventTrigger("selectionChanged", {
                    node: node.proxy
                })
            };
            proto._selectNode = function(index, state) {
                const that = this;
                let selectionList;
                let k;
                let tmp;
                if (0 !== that._selectionMode) {
                    that._context.suspend();
                    selectionList = that._selectionList;
                    k = selectionList.indexOf(index);
                    if (state && -1 === k) {
                        if (1 === that._selectionMode) {
                            if (selectionList.length) {
                                tmp = selectionList.pop();
                                that._applySelectionState(tmp, false)
                            }
                        }
                        selectionList.push(index);
                        that._applySelectionState(index, true)
                    } else if (!state && k >= 0) {
                        selectionList.splice(k, 1);
                        that._applySelectionState(index, false)
                    }
                    that._context.resume()
                }
            };
            proto.clearSelection = function() {
                const that = this;
                const selectionList = that._selectionList;
                let i;
                const ii = selectionList.length;
                if (0 !== that._selectionMode) {
                    that._context.suspend();
                    for (i = 0; i < ii; ++i) {
                        that._applySelectionState(selectionList[i], false)
                    }
                    selectionList.length = 0;
                    that._context.resume()
                }
            }
        },
        87266(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _node = _interopRequireDefault(__webpack_require__( /*! ../../viz/tree_map/node */ 35300));
            var _tree_map = _interopRequireDefault(__webpack_require__( /*! ../../viz/tree_map/tree_map.base */ 23114));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const proto = _tree_map.default.prototype;
            const nodeProto = _node.default.prototype;
            const handlers = proto._handlers;
            const _calculateState = handlers.calculateState;
            const {
                _buildState: _buildState
            } = nodeProto;
            handlers.calculateState = function(options) {
                const states = {
                    0: _calculateState(options)
                };
                handlers.calculateAdditionalStates(states, options);
                return states
            };
            handlers.calculateAdditionalStates = _common.noop;
            nodeProto.code = 0;
            nodeProto.statesMap = {
                0: 0
            };
            nodeProto.additionalStates = [];
            nodeProto._buildState = function(state, extra) {
                const states = {
                    0: _buildState(state[0], extra)
                };
                if (this.additionalStates.length) {
                    ! function(states, base, source, list) {
                        let i;
                        const ii = list.length;
                        for (i = 0; i < ii; ++i) {
                            states[list[i]] = (0, _extend2.extend)({}, base, source[list[i]])
                        }
                    }(states, states[0], state, this.additionalStates)
                }
                return states
            };
            nodeProto._getState = function() {
                return this.state[this.statesMap[this.code]]
            };
            nodeProto.setState = function(code, state) {
                if (state) {
                    this.code |= code
                } else {
                    this.code &= ~code
                }
                this.ctx.change(["TILES"])
            }
        },
        29355(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.addAlgorithm = function(name, callback) {
                algorithms[name] = callback
            };
            exports.buildSidesData = function(rect, directions, _staticSideIndex) {
                const staticSideIndex = void 0 !== _staticSideIndex ? _staticSideIndex : getStaticSideIndex(rect);
                const variedSideIndex = 1 - staticSideIndex;
                const staticSideDirection = directions[staticSideIndex];
                const variedSideDirection = directions[variedSideIndex];
                const staticSideIndexOffsets = directionToIndexOffsets[staticSideDirection];
                const variedSideIndexOffsets = directionToIndexOffsets[variedSideDirection];
                return {
                    staticSide: rect[2 + staticSideIndex] - rect[staticSideIndex],
                    variedSide: rect[2 + variedSideIndex] - rect[variedSideIndex],
                    static1: staticSideIndex + staticSideIndexOffsets[0],
                    static2: staticSideIndex + staticSideIndexOffsets[1],
                    varied1: variedSideIndex + variedSideIndexOffsets[0],
                    varied2: variedSideIndex + variedSideIndexOffsets[1],
                    staticDir: staticSideDirection,
                    variedDir: variedSideDirection
                }
            };
            exports.calculateRectangles = function(nodes, head, totalRect, sidesData, rowData) {
                let i;
                let ii;
                const variedSidePart = [0, 0, 0, 0];
                const static1 = sidesData.static1;
                const static2 = sidesData.static2;
                let position = totalRect[static1];
                const dir = sidesData.staticDir;
                let side = sidesData.staticSide;
                let sum = rowData.sum;
                let rect;
                let delta;
                variedSidePart[sidesData.varied1] = totalRect[sidesData.varied1];
                variedSidePart[sidesData.varied2] = totalRect[sidesData.varied1] + sidesData.variedDir * rowData.side;
                for (i = head, ii = head + rowData.count; i < ii; ++i) {
                    rect = variedSidePart.slice();
                    rect[static1] = position;
                    delta = _round(side * nodes[i].value / sum) || 0;
                    sum -= nodes[i].value;
                    side -= delta;
                    position += dir * delta;
                    rect[static2] = position;
                    nodes[i].rect = rect
                }
                totalRect[sidesData.varied1] = variedSidePart[sidesData.varied2]
            };
            exports.getAlgorithm = function(value) {
                return algorithms[(0, _utils.normalizeEnum)(value)] || (0, _type.isFunction)(value) && value || defaultAlgorithm
            };
            exports.getStaticSideIndex = void 0;
            exports.setDefaultAlgorithm = function(name) {
                defaultAlgorithm = algorithms[name]
            };
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            const _round = Math.round;
            const algorithms = {};
            let defaultAlgorithm;
            const directionToIndexOffsets = {};
            directionToIndexOffsets[-1] = [2, 0];
            directionToIndexOffsets[1] = [0, 2];
            const getStaticSideIndex = function(rect) {
                return rect[2] - rect[0] < rect[3] - rect[1] ? 0 : 1
            };
            exports.getStaticSideIndex = getStaticSideIndex
        },
        18973(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            var _tiling = __webpack_require__( /*! ../../viz/tree_map/tiling */ 29355);
            const sliceAndDiceAlgorithm = (0, _tiling.getAlgorithm)("sliceanddice");
            (0, _tiling.addAlgorithm)("rotatedsliceanddice", function(data) {
                data.isRotated = !data.isRotated;
                return sliceAndDiceAlgorithm.call(this, data)
            })
        },
        33499(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _tiling = __webpack_require__( /*! ../../viz/tree_map/tiling */ 29355);

            function sliceAndDice(data) {
                const items = data.items;
                const sidesData = (0, _tiling.buildSidesData)(data.rect, data.directions, data.isRotated ? 1 : 0);
                (0, _tiling.calculateRectangles)(items, 0, data.rect, sidesData, {
                    sum: data.sum,
                    count: items.length,
                    side: sidesData.variedSide
                })
            }(0, _tiling.addAlgorithm)("sliceanddice", sliceAndDice);
            exports.default = sliceAndDice
        },
        1747(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = function(data, accumulate, isFixedStaticSide) {
                const items = data.items;
                const ii = items.length;
                let i;
                const context = {
                    sum: data.sum,
                    rect: data.rect,
                    directions: data.directions,
                    accumulate: accumulate
                };
                if (isFixedStaticSide) {
                    context.staticSideIndex = (0, _tiling.getStaticSideIndex)(context.rect)
                }
                items.sort(compare);
                for (i = 0; i < ii;) {
                    i = doStep(items, i, context)
                }
            };
            var _tiling = __webpack_require__( /*! ../../viz/tree_map/tiling */ 29355);
            const _max = Math.max;
            const _round = Math.round;

            function compare(a, b) {
                return b.value - a.value
            }

            function getAspectRatio(value) {
                return _max(value, 1 / value)
            }

            function doStep(nodes, head, context) {
                const sidesData = (0, _tiling.buildSidesData)(context.rect, context.directions, context.staticSideIndex);
                const area = (rect = context.rect, (rect[2] - rect[0]) * (rect[3] - rect[1]));
                var rect;
                const rowData = area > 0 ? function(nodes, head, context) {
                    let bestAspectRatio = 1 / 0;
                    let nextAspectRatio;
                    let sum = 0;
                    let nextSum;
                    let i;
                    let j;
                    const ii = nodes.length;
                    const coeff = context.areaToValue / context.staticSide;
                    let totalAspectRatio;
                    for (i = head; i < ii;) {
                        nextSum = sum + nodes[i].value;
                        totalAspectRatio = context.staticSide / coeff / nextSum;
                        nextAspectRatio = 0;
                        for (j = head; j <= i; ++j) {
                            nextAspectRatio = context.accumulate(nextAspectRatio, getAspectRatio(totalAspectRatio * nodes[j].value / nextSum), j - head + 1)
                        }
                        if (nextAspectRatio < bestAspectRatio) {
                            bestAspectRatio = nextAspectRatio;
                            sum = nextSum;
                            ++i
                        } else {
                            break
                        }
                    }
                    return {
                        sum: sum,
                        count: i - head,
                        side: _round(coeff * sum)
                    }
                }(nodes, head, {
                    areaToValue: area / context.sum,
                    accumulate: context.accumulate,
                    staticSide: sidesData.staticSide
                }) : {
                    sum: 1,
                    side: sidesData.variedSide,
                    count: nodes.length - head
                };
                (0, _tiling.calculateRectangles)(nodes, head, context.rect, sidesData, rowData);
                context.sum -= rowData.sum;
                return head + rowData.count
            }
        },
        72014(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _tiling = __webpack_require__( /*! ../../viz/tree_map/tiling */ 29355);
            var _tilingSquarified = (e = __webpack_require__( /*! ../../viz/tree_map/tiling.squarified.base */ 1747), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const _max = Math.max;

            function accumulate(total, current) {
                return _max(total, current)
            }

            function squarified(data) {
                return (0, _tilingSquarified.default)(data, accumulate, false)
            }(0, _tiling.addAlgorithm)("squarified", squarified);
            exports.default = squarified
        },
        54407(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            var _tiling = __webpack_require__( /*! ../../viz/tree_map/tiling */ 29355);
            var _tilingSquarified = (e = __webpack_require__( /*! ../../viz/tree_map/tiling.squarified.base */ 1747), e && e.__esModule ? e : {
                default: e
            });
            var e;

            function accumulate(total, current, count) {
                return ((count - 1) * total + current) / count
            }

            function strip(data) {
                return (0, _tilingSquarified.default)(data, accumulate, true)
            }(0, _tiling.addAlgorithm)("strip", strip);
            exports.default = strip
        },
        97969(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../viz/tree_map/api */ 75334);
            var _helpers = __webpack_require__( /*! ../../viz/core/helpers */ 19105);
            var _tooltip = __webpack_require__( /*! ../../viz/core/tooltip */ 94371);
            var _tree_map = (e = __webpack_require__( /*! ../../viz/tree_map/tree_map.base */ 23114), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const proto = _tree_map.default.prototype;
            (0, _helpers.expand)(proto, "_extendProxyType", function(proto) {
                const that = this;
                proto.showTooltip = function(coords) {
                    that._showTooltip(this._id, coords)
                }
            });
            (0, _helpers.expand)(proto, "_onNodesCreated", function() {
                if (this._tooltipIndex >= 0) {
                    this._tooltip.hide()
                }
                this._tooltipIndex = -1
            });
            (0, _helpers.expand)(proto, "_onTilingPerformed", function() {
                if (this._tooltipIndex >= 0) {
                    this._moveTooltip(this._nodes[this._tooltipIndex])
                }
            });

            function getCoords(coords, rect, renderer) {
                const offset = renderer.getRootOffset();
                return coords || rect && [(rect[0] + rect[2]) / 2 + offset.left, (rect[1] + rect[3]) / 2 + offset.top] || [-1e3, -1e3]
            }
            proto._showTooltip = function(index, coords) {
                const that = this;
                const tooltip = that._tooltip;
                const node = that._nodes[index];
                if (that._tooltipIndex === index) {
                    that._moveTooltip(node, coords);
                    return
                }
                const callback = result => {
                    if (void 0 === result) {
                        return
                    }
                    if (!result) {
                        tooltip.hide()
                    }
                    that._tooltipIndex = result ? index : -1
                };
                const xy = getCoords(coords, node.rect, this._renderer);
                callback(tooltip.show({
                    value: node.value,
                    valueText: tooltip.formatValue(node.value),
                    node: node.proxy
                }, {
                    x: xy[0],
                    y: xy[1],
                    offset: 0
                }, {
                    node: node.proxy
                }, void 0, callback))
            };
            proto._moveTooltip = function(node, coords) {
                const xy = getCoords(coords, node.rect, this._renderer);
                this._tooltip.move(xy[0], xy[1], 0)
            };
            proto.hideTooltip = function() {
                if (this._tooltipIndex >= 0) {
                    this._tooltipIndex = -1;
                    this._tooltip.hide()
                }
            };
            _tree_map.default.addPlugin(_tooltip.plugin)
        },
        56562(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../viz/tree_map/api */ 75334);
            __webpack_require__( /*! ../../viz/tree_map/hover */ 60260);
            __webpack_require__( /*! ../../viz/tree_map/tooltip */ 97969);
            var _tracker = __webpack_require__( /*! ../../viz/components/tracker */ 21823);
            var _helpers = __webpack_require__( /*! ../../viz/core/helpers */ 19105);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _tree_map = (e = __webpack_require__( /*! ../../viz/tree_map/tree_map.base */ 23114), e && e.__esModule ? e : {
                default: e
            });
            var e;
            let dataKeyModifier = 0;
            const proto = _tree_map.default.prototype;
            proto._eventsMap.onClick = {
                name: "click"
            };
            (0, _helpers.expand)(proto, "_initCore", function() {
                const that = this;
                const dataKey = function() {
                    const dataKey = "__treemap_data_" + dataKeyModifier++;
                    return dataKey
                }();
                const getProxy = function(index) {
                    return that._nodes[index].proxy
                };
                that._tracker = new _tracker.Tracker({
                    widget: that,
                    root: that._renderer.root,
                    getNode(id) {
                        const proxy = getProxy(id);
                        const interactWithGroup = (0, _utils.parseScalar)(that._getOption("interactWithGroup", true));
                        return interactWithGroup && proxy.isLeaf() && proxy.getParent().isActive() ? proxy.getParent() : proxy
                    },
                    getData(e) {
                        const {
                            target: target
                        } = e;
                        return ("tspan" === target.tagName ? target.parentNode : target)[dataKey]
                    },
                    getProxy: getProxy,
                    click(e) {
                        that._eventTrigger("click", e)
                    }
                });
                that._handlers.setTrackerData = function(node, element) {
                    element.data(dataKey, node._id)
                }
            });
            (0, _helpers.expand)(proto, "_disposeCore", function() {
                this._tracker.dispose()
            })
        },
        23114(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ../../viz/tree_map/tiling.squarified */ 72014);
            __webpack_require__( /*! ../../viz/tree_map/colorizing.discrete */ 17599);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _data_source = __webpack_require__( /*! ../../viz/core/data_source */ 98972);
            var _m_base_widget = _interopRequireDefault(__webpack_require__( /*! ../../viz/core/m_base_widget */ 34506));
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _colorizing2 = __webpack_require__( /*! ../../viz/tree_map/colorizing */ 18920);
            var _common2 = __webpack_require__( /*! ../../viz/tree_map/common */ 78625);
            var _node = _interopRequireDefault(__webpack_require__( /*! ../../viz/tree_map/node */ 35300));
            var _tiling2 = __webpack_require__( /*! ../../viz/tree_map/tiling */ 29355);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const _max = Math.max;
            const directions = {
                lefttoprightbottom: [1, 1],
                leftbottomrighttop: [1, -1],
                righttopleftbottom: [-1, 1],
                rightbottomlefttop: [-1, -1]
            };
            (0, _tiling2.setDefaultAlgorithm)("squarified");
            (0, _colorizing2.setDefaultColorizer)("discrete");

            function pickPositiveInteger(val) {
                return val > 0 ? Math.round(val) : 0
            }
            const dxTreeMap = _m_base_widget.default.inherit({
                _handlers: {
                    beginBuildNodes: _common.noop,
                    buildNode: _common.noop,
                    endBuildNodes: _common.noop,
                    setTrackerData: _common.noop,
                    calculateState: options => (0, _common2.buildRectAppearance)(options)
                },
                _rootClass: "dxtm-tree-map",
                _rootClassPrefix: "dxtm",
                _getDefaultSize: () => ({
                    width: 400,
                    height: 400
                }),
                _themeSection: "treeMap",
                _fontFields: ["tile.label.font", "group.label.font"],
                _init() {
                    const that = this;
                    that._rectOffsets = {};
                    that._handlers = Object.create(that._handlers);
                    that._context = {
                        suspend() {
                            if (!that._applyingChanges) {
                                that._suspendChanges()
                            }
                        },
                        resume() {
                            if (!that._applyingChanges) {
                                that._resumeChanges()
                            }
                        },
                        change(codes) {
                            that._change(codes)
                        },
                        settings: [{}, {}],
                        calculateState: that._handlers.calculateState,
                        calculateLabelState: _common2.buildTextAppearance
                    };
                    that._root = that._topNode = {
                        nodes: []
                    };
                    that.callBase.apply(that, arguments)
                },
                _initialChanges: ["DATA_SOURCE"],
                _initCore() {
                    const renderer = this._renderer;
                    this._createProxyType();
                    this._tilesGroup = renderer.g().linkOn(renderer.root, "tiles").linkAppend();
                    this._labelsGroup = renderer.g().linkOn(renderer.root, "labels").linkAppend()
                },
                _createProxyType: _common.noop,
                _disposeCore() {
                    this._filter && this._filter.dispose();
                    this._labelsGroup.linkOff();
                    this._tilesGroup.linkOff()
                },
                _applySize(rect) {
                    this._tilingRect = rect.slice();
                    this._change(["TILING"])
                },
                _optionChangesMap: {
                    dataSource: "DATA_SOURCE",
                    valueField: "NODES_CREATE",
                    childrenField: "NODES_CREATE",
                    colorField: "TILES",
                    colorizer: "TILES",
                    labelField: "LABELS",
                    tile: "TILE_SETTINGS",
                    group: "GROUP_SETTINGS",
                    maxDepth: "MAX_DEPTH",
                    layoutAlgorithm: "TILING",
                    layoutDirection: "TILING"
                },
                _themeDependentChanges: ["TILE_SETTINGS", "GROUP_SETTINGS", "MAX_DEPTH"],
                _changeDataSource() {
                    const that = this;
                    that._isDataExpected = that._isSyncData = true;
                    that._updateDataSource();
                    that._isSyncData = false;
                    if (that._isDataExpected) {
                        that._suspendChanges()
                    }
                },
                _dataSourceChangedHandler() {
                    const that = this;
                    if (that._isDataExpected) {
                        that._isDataExpected = false;
                        that._change(["NODES_CREATE"]);
                        if (!that._isSyncData) {
                            that._resumeChanges()
                        }
                    } else {
                        that._requestChange(["NODES_CREATE"])
                    }
                },
                _optionChangesOrder: ["DATA_SOURCE", "TILE_SETTINGS", "GROUP_SETTINGS", "MAX_DEPTH"],
                _change_DATA_SOURCE() {
                    this._changeDataSource()
                },
                _change_TILE_SETTINGS() {
                    this._changeTileSettings()
                },
                _change_GROUP_SETTINGS() {
                    this._changeGroupSettings()
                },
                _change_MAX_DEPTH() {
                    this._changeMaxDepth()
                },
                _customChangesOrder: ["NODES_CREATE", "NODES_RESET", "TILES", "LABELS", "TILING", "LABELS_LAYOUT"],
                _change_NODES_CREATE() {
                    this._buildNodes()
                },
                _change_NODES_RESET() {
                    this._resetNodes()
                },
                _change_TILES() {
                    this._applyTilesAppearance()
                },
                _change_LABELS() {
                    this._applyLabelsAppearance()
                },
                _change_TILING() {
                    this._performTiling()
                },
                _change_LABELS_LAYOUT() {
                    this._performLabelsLayout()
                },
                _applyChanges() {
                    const that = this;
                    that.callBase.apply(that, arguments);
                    if (!that._isDataExpected) {
                        that._drawn()
                    }
                    that._context.forceReset = false
                },
                _buildNodes() {
                    const root = this._root = this._topNode = new _node.default;
                    root._id = 0;
                    root.parent = {};
                    root.data = {};
                    root.level = root.index = -1;
                    root.ctx = this._context;
                    root.label = null;
                    this._nodes = [root];
                    this._handlers.beginBuildNodes();
                    const processedData = this._processDataSourceItems(this._dataSourceItems() || []);
                    traverseDataItems(root, processedData.items, 0, {
                        itemsField: !processedData.isPlain && this._getOption("childrenField", true) || "items",
                        valueField: this._getOption("valueField", true) || "value",
                        buildNode: this._handlers.buildNode,
                        ctx: this._context,
                        nodes: this._nodes
                    });
                    this._onNodesCreated();
                    this._handlers.endBuildNodes();
                    this._change(["NODES_RESET"])
                },
                _onNodesCreated: _common.noop,
                _processDataSourceItems: items => ({
                    items: items,
                    isPlain: false
                }),
                _changeTileSettings() {
                    const that = this;
                    const options = that._getOption("tile");
                    const offsets = that._rectOffsets;
                    const borderWidth = pickPositiveInteger(options.border.width);
                    const edgeOffset = borderWidth / 2;
                    const innerOffset = 1 & borderWidth ? .5 : 0;
                    const labelOptions = options.label;
                    const settings = that._context.settings[0];
                    that._change(["TILES", "LABELS"]);
                    settings.state = that._handlers.calculateState(options);
                    that._filter = that._filter || that._renderer.shadowFilter("-50%", "-50%", "200%", "200%");
                    that._filter.attr(labelOptions.shadow);
                    that._calculateLabelSettings(settings, labelOptions, that._filter.id);
                    if (offsets.tileEdge !== edgeOffset || offsets.tileInner !== innerOffset) {
                        offsets.tileEdge = edgeOffset;
                        offsets.tileInner = innerOffset;
                        that._change(["TILING"])
                    }
                },
                _changeGroupSettings() {
                    const that = this;
                    const options = that._getOption("group");
                    const labelOptions = options.label;
                    const offsets = that._rectOffsets;
                    const borderWidth = pickPositiveInteger(options.border.width);
                    const edgeOffset = borderWidth / 2;
                    const innerOffset = 1 & borderWidth ? .5 : 0;
                    let headerHeight = 0;
                    const groupPadding = pickPositiveInteger(options.padding);
                    const settings = that._context.settings[1];
                    that._change(["TILES", "LABELS"]);
                    settings.state = that._handlers.calculateState(options);
                    that._calculateLabelSettings(settings, labelOptions);
                    if (options.headerHeight >= 0) {
                        headerHeight = pickPositiveInteger(options.headerHeight)
                    } else {
                        headerHeight = settings.labelParams.height + 2 * pickPositiveInteger(labelOptions.paddingTopBottom)
                    }
                    if (that._headerHeight !== headerHeight) {
                        that._headerHeight = headerHeight;
                        that._change(["TILING"])
                    }
                    if (that._groupPadding !== groupPadding) {
                        that._groupPadding = groupPadding;
                        that._change(["TILING"])
                    }
                    if (offsets.headerEdge !== edgeOffset || offsets.headerInner !== innerOffset) {
                        offsets.headerEdge = edgeOffset;
                        offsets.headerInner = innerOffset;
                        that._change(["TILING"])
                    }
                },
                _calculateLabelSettings(settings, options, filter) {
                    const bBox = this._getTextBBox(options.font);
                    const paddingLeftRight = pickPositiveInteger(options.paddingLeftRight);
                    const paddingTopBottom = pickPositiveInteger(options.paddingTopBottom);
                    const tileLabelOptions = this._getOption("tile.label");
                    const groupLabelOptions = this._getOption("group.label");
                    settings.labelState = (0, _common2.buildTextAppearance)(options, filter);
                    settings.labelState.visible = !("visible" in options) || !!options.visible;
                    settings.labelParams = {
                        height: bBox.height,
                        rtlEnabled: this._getOption("rtlEnabled", true),
                        paddingTopBottom: paddingTopBottom,
                        paddingLeftRight: paddingLeftRight,
                        tileLabelWordWrap: tileLabelOptions.wordWrap,
                        tileLabelOverflow: tileLabelOptions.textOverflow,
                        groupLabelOverflow: groupLabelOptions.textOverflow
                    }
                },
                _changeMaxDepth() {
                    let maxDepth = this._getOption("maxDepth", true);
                    maxDepth = maxDepth >= 1 ? Math.round(maxDepth) : 1 / 0;
                    if (this._maxDepth !== maxDepth) {
                        this._maxDepth = maxDepth;
                        this._change(["NODES_RESET"])
                    }
                },
                _resetNodes() {
                    this._tilesGroup.clear();
                    this._renderer.initDefsElements();
                    this._context.forceReset = true;
                    this._context.minLevel = this._topNode.level + 1;
                    this._context.maxLevel = this._context.minLevel + this._maxDepth - 1;
                    this._change(["TILES", "LABELS", "TILING"])
                },
                _processNodes(context, process) {
                    processNodes(context, this._topNode, process)
                },
                _applyTilesAppearance() {
                    const colorizer = (0, _colorizing2.getColorizer)(this._getOption("colorizer"), this._themeManager, this._topNode);
                    this._processNodes({
                        renderer: this._renderer,
                        group: this._tilesGroup,
                        setTrackerData: this._handlers.setTrackerData,
                        colorField: this._getOption("colorField", true) || "color",
                        getColor: colorizer
                    }, processTileAppearance)
                },
                _applyLabelsAppearance() {
                    this._labelsGroup.clear();
                    this._processNodes({
                        renderer: this._renderer,
                        group: this._labelsGroup,
                        setTrackerData: this._handlers.setTrackerData,
                        labelField: this._getOption("labelField", true) || "name"
                    }, processLabelAppearance);
                    this._change(["LABELS_LAYOUT"])
                },
                _performTiling() {
                    const context = {
                        algorithm: (0, _tiling2.getAlgorithm)(this._getOption("layoutAlgorithm", true)),
                        directions: directions[String(this._getOption("layoutDirection", true)).toLowerCase()] || directions.lefttoprightbottom,
                        headerHeight: this._headerHeight,
                        groupPadding: this._groupPadding,
                        rectOffsets: this._rectOffsets
                    };
                    this._topNode.innerRect = this._tilingRect;
                    calculateRects(context, this._topNode);
                    this._processNodes(context, processTiling);
                    this._change(["LABELS_LAYOUT"]);
                    this._onTilingPerformed()
                },
                _onTilingPerformed: _common.noop,
                _performLabelsLayout() {
                    this._processNodes(null, processLabelsLayout)
                },
                _getTextBBox(fontOptions) {
                    const renderer = this._renderer;
                    const text = this._textForCalculations || renderer.text("0", 0, 0);
                    this._textForCalculations = text;
                    text.css((0, _utils.patchFontOptions)(fontOptions)).append(renderer.root);
                    const bBox = text.getBBox();
                    text.remove();
                    return bBox
                }
            });

            function traverseDataItems(root, dataItems, level, params) {
                const nodes = [];
                const allNodes = params.nodes;
                let node;
                let i;
                const ii = dataItems.length;
                let dataItem;
                let totalValue = 0;
                let items;
                for (i = 0; i < ii; ++i) {
                    var _items;
                    dataItem = dataItems[i];
                    node = new _node.default;
                    node._id = allNodes.length;
                    node.ctx = params.ctx;
                    node.parent = root;
                    node.level = level;
                    node.index = nodes.length;
                    node.data = dataItem;
                    params.buildNode(node);
                    allNodes.push(node);
                    nodes.push(node);
                    items = dataItem[params.itemsField];
                    if (null !== (_items = items) && void 0 !== _items && _items.length) {
                        traverseDataItems(node, items, level + 1, params)
                    }
                    if (dataItem[params.valueField] > 0) {
                        node.value = Number(dataItem[params.valueField])
                    }
                    totalValue += node.value
                }
                root.nodes = nodes;
                root.value = totalValue
            }

            function processNodes(context, root, process) {
                const nodes = root.nodes;
                let node;
                let i;
                const ii = nodes.length;
                for (i = 0; i < ii; ++i) {
                    node = nodes[i];
                    process(context, node);
                    if (node.isNode()) {
                        processNodes(context, node, process)
                    }
                }
            }
            const createTile = [function(context, node) {
                const tile = context.renderer.simpleRect().append(context.group);
                context.setTrackerData(node, tile);
                return tile
            }, function(context, node) {
                const outer = context.renderer.simpleRect().append(context.group);
                const inner = context.renderer.simpleRect().append(context.group);
                context.setTrackerData(node, inner);
                return {
                    outer: outer,
                    inner: inner
                }
            }];

            function processTileAppearance(context, node) {
                node.color = node.data[context.colorField] || context.getColor(node) || node.parent.color;
                node.updateStyles();
                node.tile = !node.ctx.forceReset && node.tile || createTile[Number(node.isNode())](context, node);
                node.applyState()
            }

            function processLabelAppearance(context, node) {
                node.updateLabelStyle();
                if (node.labelState.visible) {
                    ! function(context, currentNode, settings) {
                        let textData = currentNode.data[context.labelField];
                        currentNode.label = textData ? String(textData) : null;
                        textData = currentNode.customLabel || currentNode.label;
                        if (textData) {
                            currentNode.text = context.renderer.text(textData).attr(settings.attr).css(settings.css).append(context.group);
                            context.setTrackerData(currentNode, currentNode.text)
                        }
                    }(context, node, node.labelState, node.labelParams)
                }
            }
            const emptyRect = [0, 0, 0, 0];

            function calculateRects(context, root) {
                const nodes = root.nodes;
                const items = [];
                const rects = [];
                let sum = 0;
                let i;
                const ii = items.length = rects.length = nodes.length;
                for (i = 0; i < ii; ++i) {
                    sum += nodes[i].value;
                    items[i] = {
                        value: nodes[i].value,
                        i: i
                    }
                }
                if (sum > 0) {
                    context.algorithm({
                        items: items.slice(),
                        sum: sum,
                        rect: root.innerRect.slice(),
                        isRotated: 1 & nodes[0].level,
                        directions: context.directions
                    })
                }
                for (i = 0; i < ii; ++i) {
                    rects[i] = items[i].rect || emptyRect
                }
                root.rects = rects
            }

            function processTiling(context, node) {
                let rect = node.parent.rects[node.index];
                const rectOffsets = context.rectOffsets;
                let headerHeight;
                if (node.isNode()) {
                    setRectAttrs(node.tile.outer, buildTileRect(rect, node.parent.innerRect, rectOffsets.headerEdge, rectOffsets.headerInner));
                    rect = marginateRect(rect, context.groupPadding);
                    headerHeight = Math.min(context.headerHeight, rect[3] - rect[1]);
                    node.rect = [rect[0], rect[1], rect[2], rect[1] + headerHeight];
                    setRectAttrs(node.tile.inner, marginateRect(node.rect, rectOffsets.headerEdge));
                    rect[1] += headerHeight;
                    node.innerRect = rect;
                    calculateRects(context, node)
                } else {
                    node.rect = rect;
                    setRectAttrs(node.tile, buildTileRect(rect, node.parent.innerRect, rectOffsets.tileEdge, rectOffsets.tileInner))
                }
            }

            function marginateRect(rect, margin) {
                return [rect[0] + margin, rect[1] + margin, rect[2] - margin, rect[3] - margin]
            }

            function buildTileRect(rect, outer, edgeOffset, innerOffset) {
                return [rect[0] + (rect[0] === outer[0] ? edgeOffset : +innerOffset), rect[1] + (rect[1] === outer[1] ? edgeOffset : +innerOffset), rect[2] - (rect[2] === outer[2] ? edgeOffset : -innerOffset), rect[3] - (rect[3] === outer[3] ? edgeOffset : -innerOffset)]
            }

            function setRectAttrs(element, rect) {
                element.attr({
                    x: rect[0],
                    y: rect[1],
                    width: _max(rect[2] - rect[0], 0),
                    height: _max(rect[3] - rect[1], 0)
                })
            }

            function processLabelsLayout(context, node) {
                if (node.text && node.labelState.visible) {
                    ! function(node, params) {
                        const rect = node.rect;
                        const text = node.text;
                        const bBox = text.getBBox();
                        const paddingLeftRight = params.paddingLeftRight;
                        const paddingTopBottom = params.paddingTopBottom;
                        const effectiveWidth = rect[2] - rect[0] - 2 * paddingLeftRight;
                        text.setMaxSize(effectiveWidth, rect[3] - rect[1] - paddingTopBottom, node.isNode() ? {
                            textOverflow: params.groupLabelOverflow,
                            wordWrap: "none"
                        } : {
                            textOverflow: params.tileLabelOverflow,
                            wordWrap: params.tileLabelWordWrap,
                            hideOverflowEllipsis: true
                        });
                        text.move(params.rtlEnabled ? rect[2] - paddingLeftRight - bBox.x - bBox.width : rect[0] + paddingLeftRight - bBox.x, rect[1] + paddingTopBottom - bBox.y)
                    }(node, node.labelParams)
                }
            }(0, _component_registrator.default)("dxTreeMap", dxTreeMap);
            exports.default = dxTreeMap;
            dxTreeMap.addPlugin(_data_source.plugin)
        },
        11197(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ../../viz/tree_map/tiling.squarified */ 72014);
            __webpack_require__( /*! ../../viz/tree_map/tiling.strip */ 54407);
            __webpack_require__( /*! ../../viz/tree_map/tiling.slice_and_dice */ 33499);
            __webpack_require__( /*! ../../viz/tree_map/tiling.rotated_slice_and_dice */ 18973);
            __webpack_require__( /*! ../../viz/tree_map/colorizing.discrete */ 17599);
            __webpack_require__( /*! ../../viz/tree_map/colorizing.gradient */ 48552);
            __webpack_require__( /*! ../../viz/tree_map/colorizing.range */ 39923);
            __webpack_require__( /*! ../../viz/tree_map/api */ 75334);
            __webpack_require__( /*! ../../viz/tree_map/hover */ 60260);
            __webpack_require__( /*! ../../viz/tree_map/selection */ 67232);
            __webpack_require__( /*! ../../viz/tree_map/tooltip */ 97969);
            __webpack_require__( /*! ../../viz/tree_map/tracker */ 56562);
            __webpack_require__( /*! ../../viz/tree_map/drilldown */ 52451);
            __webpack_require__( /*! ../../viz/tree_map/plain_data_source */ 40893);
            var _export = __webpack_require__( /*! ../../viz/core/export */ 43452);
            var _loading_indicator = __webpack_require__( /*! ../../viz/core/loading_indicator */ 71126);
            var _title = __webpack_require__( /*! ../../viz/core/title */ 69638);
            var _tree_map = (e = __webpack_require__( /*! ../../viz/tree_map/tree_map.base */ 23114), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _tree_map.default;
            _tree_map.default.addPlugin(_export.plugin);
            _tree_map.default.addPlugin(_title.plugin);
            _tree_map.default.addPlugin(_loading_indicator.plugin)
        },
        49143(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.prepareSegmentRectPoints = exports.floorCanvasDimensions = exports.areCanvasesDifferent = void 0;
            Object.defineProperty(exports, "refreshPaths", {
                enumerable: true,
                get: function() {
                    return _renderer.refreshPaths
                }
            });
            var _iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            var _renderer = __webpack_require__( /*! ../viz/core/renderers/renderer */ 15232);
            const {
                floor: floor
            } = Math;
            exports.prepareSegmentRectPoints = function(left, top, width, height, borderOptions) {
                const maxSW = ~~((width < height ? width : height) / 2);
                const sw = borderOptions.width || 0;
                const newSW = sw < maxSW ? sw : maxSW;
                left += newSW / 2;
                top += newSW / 2;
                width -= newSW;
                height -= newSW;
                const right = left + width;
                const bottom = top + height;
                let points = [];
                let segments = [];
                let segmentSequence;
                let visiblyOpt = 0;
                let prevSegmentVisibility = 0;
                const allSegment = {
                    top: [
                        [left, top],
                        [right, top]
                    ],
                    right: [
                        [right, top],
                        [right, bottom]
                    ],
                    bottom: [
                        [right, bottom],
                        [left, bottom]
                    ],
                    left: [
                        [left, bottom],
                        [left, top]
                    ]
                };
                (0, _iterator.each)(allSegment, seg => {
                    const visibility = !!borderOptions[seg];
                    visiblyOpt = 2 * visiblyOpt + ~~visibility
                });
                switch (visiblyOpt) {
                    case 13:
                    case 9:
                        segmentSequence = ["left", "top", "right", "bottom"];
                        break;
                    case 11:
                        segmentSequence = ["bottom", "left", "top", "right"];
                        break;
                    default:
                        segmentSequence = ["top", "right", "bottom", "left"]
                }(0, _iterator.each)(segmentSequence, (_, seg) => {
                    const segmentVisibility = !!borderOptions[seg];
                    if (!prevSegmentVisibility && segments.length) {
                        points.push(segments);
                        segments = []
                    }
                    if (segmentVisibility) {
                        (0, _iterator.each)(allSegment[seg].slice(prevSegmentVisibility), (_, segment) => {
                            segments = segments.concat(segment)
                        })
                    }
                    prevSegmentVisibility = ~~segmentVisibility
                });
                segments.length && points.push(segments);
                1 === points.length && (points = points[0]);
                return {
                    points: points,
                    pathType: 15 === visiblyOpt ? "area" : "line"
                }
            };
            exports.areCanvasesDifferent = function(canvas1, canvas2) {
                const sizeLessThreshold = ["width", "height"].every(key => Math.abs(canvas1[key] - canvas2[key]) < 1);
                const canvasCoordsIsEqual = ["left", "right", "top", "bottom"].every(key => canvas1[key] === canvas2[key]);
                return !(sizeLessThreshold && canvasCoordsIsEqual)
            };
            exports.floorCanvasDimensions = function(canvas) {
                return Object.assign({}, canvas, {
                    height: floor(canvas.height),
                    width: floor(canvas.width)
                })
            }
        },
        3590(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.ControlBar = ControlBar;
            var _utils = __webpack_require__( /*! ../../../viz/core/utils */ 98013);
            var _utils2 = __webpack_require__( /*! ../../../viz/vector_map/control_bar/utils */ 91548);
            const _math = Math;
            const _min = _math.min;
            const _max = _math.max;
            const _round = _math.round;
            const _floor = _math.floor;
            const _sqrt = _math.sqrt;
            const parseHorizontalAlignment = (0, _utils.enumParser)(["left", "center", "right"]);
            const parseVerticalAlignment = (0, _utils.enumParser)(["top", "bottom"]);
            const SIZE_OPTIONS = {
                bigCircleSize: 58,
                smallCircleSize: 28,
                buttonSize: 10,
                arrowButtonOffset: 20,
                incDecButtonSize: 11,
                incButtonOffset: 66,
                decButtonOffset: 227,
                sliderLineStartOffset: 88.5,
                sliderLineEndOffset: 205.5,
                sliderLength: 20,
                sliderWidth: 8,
                trackerGap: 4
            };
            let COMMAND_TO_TYPE_MAP = {};
            COMMAND_TO_TYPE_MAP["command-reset"] = ResetCommand;
            COMMAND_TO_TYPE_MAP["command-move-up"] = COMMAND_TO_TYPE_MAP["command-move-right"] = COMMAND_TO_TYPE_MAP["command-move-down"] = COMMAND_TO_TYPE_MAP["command-move-left"] = MoveCommand;
            COMMAND_TO_TYPE_MAP["command-zoom-in"] = COMMAND_TO_TYPE_MAP["command-zoom-out"] = ZoomCommand;
            COMMAND_TO_TYPE_MAP["command-zoom-drag"] = ZoomDragCommand;

            function ControlBar(parameters) {
                this._params = parameters;
                this._createElements(parameters.renderer, parameters.container, parameters.dataKey);
                parameters.layoutControl.addItem(this);
                this._subscribeToProjection(parameters.projection);
                this._subscribeToTracker(parameters.tracker);
                this._createCallbacks(parameters.projection)
            }
            ControlBar.prototype = {
                constructor: ControlBar,
                _flags: 0,
                dispose() {
                    this._params.layoutControl.removeItem(this);
                    this._root.linkRemove().linkOff();
                    this._offProjection();
                    this._offTracker();
                    this._params = this._root = this._offProjection = this._offTracker = this._callbacks = null
                },
                _subscribeToProjection(projection) {
                    const that = this;
                    that._offProjection = projection.on({
                        engine() {
                            that._update()
                        },
                        zoom: updateZoom,
                        "max-zoom": function() {
                            that._zoomPartition = projection.getZoomScalePartition();
                            that._sliderUnitLength = that._sliderLineLength / that._zoomPartition;
                            updateZoom()
                        }
                    });

                    function updateZoom() {
                        that._adjustZoom(projection.getScaledZoom())
                    }
                },
                _subscribeToTracker(tracker) {
                    const that = this;
                    let isActive = false;
                    that._offTracker = tracker.on({
                        start(arg) {
                            isActive = "control-bar" === arg.data.name;
                            if (isActive) {
                                that._processStart(arg.data.index, arg)
                            }
                        },
                        move(arg) {
                            if (isActive) {
                                that._processMove(arg.data.index, arg)
                            }
                        },
                        end() {
                            if (isActive) {
                                that._processEnd();
                                isActive = false
                            }
                        }
                    })
                },
                _createCallbacks(projection) {
                    this._callbacks = {
                        reset(isCenter, isZoom) {
                            if (isCenter) {
                                projection.setCenter(null)
                            }
                            if (isZoom) {
                                projection.setZoom(null)
                            }
                        },
                        beginMove() {
                            projection.beginMoveCenter()
                        },
                        endMove() {
                            projection.endMoveCenter()
                        },
                        move(shift) {
                            projection.moveCenter(shift)
                        },
                        zoom(zoom) {
                            projection.setScaledZoom(zoom)
                        }
                    }
                },
                _createElements(renderer, container, dataKey) {
                    this._root = renderer.g().attr({
                        class: "dxm-control-bar"
                    }).linkOn(container, "control-bar");
                    const panControl = this._panControl = (0, _utils2.createVisibilityGroup)(renderer, this._root, "dxm-pan-control");
                    const zoomBar = this._zoomBar = (0, _utils2.createVisibilityGroup)(renderer, this._root, "dxm-zoom-bar");
                    const trackersPan = this._trackersPan = (0, _utils2.createTracker)(renderer, this._root);
                    const trackersZoom = this._trackersZoom = (0, _utils2.createTracker)(renderer, this._root);
                    this._createTrackersPan(renderer, dataKey, trackersPan);
                    this._createTrackersZoom(renderer, dataKey, trackersZoom);
                    this._createPanControl(renderer, dataKey, panControl);
                    this._createZoomBar(renderer, dataKey, zoomBar)
                },
                _createPanControl(renderer, dataKey, group) {
                    const options = SIZE_OPTIONS;
                    const size = options.buttonSize / 2;
                    const offset1 = options.arrowButtonOffset - size;
                    const offset2 = options.arrowButtonOffset;
                    const directionOptions = {
                        "stroke-linecap": "square",
                        fill: "none"
                    };
                    renderer.circle(0, 0, options.bigCircleSize / 2).append(group);
                    renderer.circle(0, 0, size).attr({
                        fill: "none"
                    }).append(group);
                    renderer.path([-size, -offset1, 0, -offset2, size, -offset1], "line").attr(directionOptions).append(group);
                    renderer.path([offset1, -size, offset2, 0, offset1, size], "line").attr(directionOptions).append(group);
                    renderer.path([size, offset1, 0, offset2, -size, offset1], "line").attr(directionOptions).append(group);
                    renderer.path([-offset1, size, -offset2, 0, -offset1, -size], "line").attr(directionOptions).append(group)
                },
                _createZoomBar(renderer, dataKey, group) {
                    const options = SIZE_OPTIONS;
                    const incDecButtonSize = options.incDecButtonSize / 2;
                    renderer.circle(0, options.incButtonOffset, options.smallCircleSize / 2).append(group);
                    renderer.path([
                        [-incDecButtonSize, options.incButtonOffset, incDecButtonSize, options.incButtonOffset],
                        [0, options.incButtonOffset - incDecButtonSize, 0, options.incButtonOffset + incDecButtonSize]
                    ], "area").append(group);
                    renderer.circle(0, options.decButtonOffset, options.smallCircleSize / 2).append(group);
                    renderer.path([-incDecButtonSize, options.decButtonOffset, incDecButtonSize, options.decButtonOffset], "area").append(group);
                    this._zoomLine = renderer.path([], "line").append(group);
                    this._zoomDrag = renderer.rect(_floor(-options.sliderLength / 2), _floor(options.sliderLineEndOffset - options.sliderWidth / 2), options.sliderLength, options.sliderWidth).append(group);
                    this._sliderLineLength = options.sliderLineEndOffset - options.sliderLineStartOffset
                },
                _createTrackersPan(renderer, dataKey, group) {
                    const options = SIZE_OPTIONS;
                    const size = _round((options.arrowButtonOffset - options.trackerGap) / 2);
                    const offset1 = options.arrowButtonOffset - size;
                    const offset2 = _round(_sqrt(options.bigCircleSize * options.bigCircleSize / 4 - size * size));
                    const size2 = offset2 - offset1;
                    renderer.rect(-size, -size, 2 * size, 2 * size).data(dataKey, {
                        index: "command-reset",
                        name: "control-bar"
                    }).append(group);
                    renderer.rect(-size, -offset2, 2 * size, size2).data(dataKey, {
                        index: "command-move-up",
                        name: "control-bar"
                    }).append(group);
                    renderer.rect(offset1, -size, size2, 2 * size).data(dataKey, {
                        index: "command-move-right",
                        name: "control-bar"
                    }).append(group);
                    renderer.rect(-size, offset1, 2 * size, size2).data(dataKey, {
                        index: "command-move-down",
                        name: "control-bar"
                    }).append(group);
                    renderer.rect(-offset2, -size, size2, 2 * size).data(dataKey, {
                        index: "command-move-left",
                        name: "control-bar"
                    }).append(group)
                },
                _createTrackersZoom(renderer, dataKey, group) {
                    const options = SIZE_OPTIONS;
                    renderer.circle(0, options.incButtonOffset, options.smallCircleSize / 2).data(dataKey, {
                        index: "command-zoom-in",
                        name: "control-bar"
                    }).append(group);
                    renderer.circle(0, options.decButtonOffset, options.smallCircleSize / 2).data(dataKey, {
                        index: "command-zoom-out",
                        name: "control-bar"
                    }).append(group);
                    renderer.rect(-2, options.sliderLineStartOffset - 2, 4, options.sliderLineEndOffset - options.sliderLineStartOffset + 4).css({
                        cursor: "default"
                    }).data(dataKey, {
                        index: "command-zoom-drag-line",
                        name: "control-bar"
                    }).append(group);
                    this._zoomDragTracker = renderer.rect(-options.sliderLength / 2, options.sliderLineEndOffset - options.sliderWidth / 2, options.sliderLength, options.sliderWidth).data(dataKey, {
                        index: "command-zoom-drag",
                        name: "control-bar"
                    }).append(group)
                },
                resize(size) {
                    if (this._isActive) {
                        this._root.attr({
                            visibility: null !== size ? null : "hidden"
                        })
                    }
                },
                getLayoutOptions() {
                    return this._isActive ? this._layoutOptions : null
                },
                locate(x, y) {
                    this._root.attr({
                        translateX: x + this._margin + 30.5,
                        translateY: y + this._margin + 30.5
                    })
                },
                _update() {
                    const that = this;
                    that._isActive = that._isEnabled && that._flags && that._params.projection.isInvertible();
                    const groupPan = [that._panControl, that._trackersPan];
                    const groupZoom = [that._zoomBar, that._trackersZoom];
                    if (that._isActive) {
                        that._root.linkAppend();
                        (0, _utils2.toggleDisplay)(groupPan, that._isPanVisible);
                        (0, _utils2.toggleDisplay)(groupZoom, that._isZoomVisible)
                    } else {
                        that._root.linkRemove()
                    }
                    that._processEnd();
                    that.updateLayout()
                },
                setInteraction(interaction) {
                    const that = this;
                    if ((0, _utils.parseScalar)(interaction.centeringEnabled, true)) {
                        that._flags |= 1
                    } else {
                        that._flags &= -2
                    }
                    if ((0, _utils.parseScalar)(interaction.zoomingEnabled, true)) {
                        that._flags |= 2
                    } else {
                        that._flags &= -3
                    }
                    that._update()
                },
                setOptions(options) {
                    const styleSvg = {
                        "stroke-width": options.borderWidth,
                        stroke: options.borderColor,
                        fill: options.color,
                        "fill-opacity": options.opacity
                    };
                    this._isEnabled = !!(0, _utils.parseScalar)(options.enabled, true);
                    this._margin = options.margin || 0;
                    this._layoutOptions = {
                        width: 2 * this._margin + 61,
                        height: 2 * this._margin + 274,
                        horizontalAlignment: parseHorizontalAlignment(options.horizontalAlignment, "left"),
                        verticalAlignment: parseVerticalAlignment(options.verticalAlignment, "top")
                    };
                    this._isPanVisible = !!(0, _utils.parseScalar)(options.panVisible, true);
                    this._isZoomVisible = !!(0, _utils.parseScalar)(options.zoomVisible, true);
                    this._panControl.attr(styleSvg);
                    this._zoomBar.attr(styleSvg);
                    this._update()
                },
                _adjustZoom(zoom) {
                    const start = SIZE_OPTIONS.sliderLineStartOffset;
                    const end = SIZE_OPTIONS.sliderLineEndOffset;
                    const h = SIZE_OPTIONS.sliderWidth;
                    this._zoomFactor = _max(_min(_round(zoom), this._zoomPartition), 0);
                    const transform = {
                        translateY: -_round(this._zoomFactor * this._sliderUnitLength)
                    };
                    const y = end - h / 2 + transform.translateY;
                    this._zoomLine.attr({
                        points: [
                            [0, start, 0, _max(start, y)],
                            [0, _min(end, y + h), 0, end]
                        ]
                    });
                    this._zoomDrag.attr(transform);
                    this._zoomDragTracker.attr(transform)
                },
                _applyZoom() {
                    this._callbacks.zoom(this._zoomFactor)
                },
                _processStart(command, arg) {
                    let commandType;
                    if (this._isActive) {
                        commandType = COMMAND_TO_TYPE_MAP[command];
                        this._command = commandType && commandType.flags & this._flags ? new commandType(this, command, arg) : null
                    }
                },
                _processMove(command, arg) {
                    this._command && this._command.update(command, arg)
                },
                _processEnd() {
                    this._command && this._command.finish();
                    this._command = null
                }
            };

            function disposeCommand(command) {
                delete command._owner;
                command.update = function() {};
                command.finish = function() {}
            }

            function ResetCommand(owner, command) {
                this._owner = owner;
                this._command = command
            }
            ResetCommand.flags = 3;
            ResetCommand.prototype.update = function(command) {
                command !== this._command && disposeCommand(this)
            };
            ResetCommand.prototype.finish = function() {
                const flags = this._owner._flags;
                this._owner._callbacks.reset(!!(1 & flags), !!(2 & flags));
                disposeCommand(this)
            };

            function MoveCommand(owner, command, arg) {
                this._command = command;
                let timeout = null;
                let dx = 0;
                let dy = 0;
                switch (this._command) {
                    case "command-move-up":
                        dy = -10;
                        break;
                    case "command-move-right":
                        dx = 10;
                        break;
                    case "command-move-down":
                        dy = 10;
                        break;
                    case "command-move-left":
                        dx = -10
                }
                this._stop = function() {
                    clearTimeout(timeout);
                    owner._callbacks.endMove();
                    this._stop = owner = null;
                    return this
                };
                0;
                owner._callbacks.beginMove();
                ! function callback() {
                    owner._callbacks.move([dx, dy]);
                    timeout = setTimeout(callback, 100)
                }()
            }
            MoveCommand.flags = 1;
            MoveCommand.prototype.update = function(command) {
                this._command !== command && this.finish()
            };
            MoveCommand.prototype.finish = function() {
                disposeCommand(this._stop())
            };

            function ZoomCommand(owner, command) {
                this._owner = owner;
                this._command = command;
                let timeout = null;
                const dZoom = "command-zoom-in" === this._command ? 1 : -1;
                this._stop = function() {
                    clearTimeout(timeout);
                    this._stop = owner = null;
                    return this
                };
                ! function callback() {
                    owner._adjustZoom(owner._zoomFactor + dZoom);
                    timeout = setTimeout(callback, 150)
                }()
            }
            ZoomCommand.flags = 2;
            ZoomCommand.prototype.update = function(command) {
                this._command !== command && this.finish()
            };
            ZoomCommand.prototype.finish = function() {
                this._owner._applyZoom();
                disposeCommand(this._stop())
            };

            function ZoomDragCommand(owner, command, arg) {
                this._owner = owner;
                this._zoomFactor = owner._zoomFactor;
                this._pos = arg.y
            }
            ZoomDragCommand.flags = 2;
            ZoomDragCommand.prototype.update = function(command, arg) {
                const owner = this._owner;
                owner._adjustZoom(this._zoomFactor + owner._zoomPartition * (this._pos - arg.y) / owner._sliderLineLength)
            };
            ZoomDragCommand.prototype.finish = function() {
                this._owner._applyZoom();
                disposeCommand(this)
            }
        },
        91548(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.toggleDisplay = exports.createVisibilityGroup = exports.createTracker = void 0;
            exports.createTracker = (renderer, root) => renderer.g().attr({
                stroke: "none",
                "stroke-width": 0,
                fill: "#000000",
                opacity: 1e-4
            }).css({
                cursor: "pointer"
            }).append(root);
            exports.createVisibilityGroup = function(renderer, root) {
                let className = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : "";
                return renderer.g().attr({
                    class: className
                }).append(root)
            };
            exports.toggleDisplay = (blocks, isVisible) => {
                const style = isVisible ? {
                    display: "block"
                } : {
                    display: "none"
                };
                blocks.map(item => item.css(style))
            }
        },
        66879(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.DataExchanger = DataExchanger;
            var _callbacks = (e = __webpack_require__( /*! ../../../core/utils/callbacks */ 84718), e && e.__esModule ? e : {
                default: e
            });
            var e;

            function DataExchanger() {
                this._store = {}
            }
            DataExchanger.prototype = {
                constructor: DataExchanger,
                dispose() {
                    this._store = null;
                    return this
                },
                _get(category, name) {
                    const store = this._store[category] || (this._store[category] = {});
                    return store[name] || (store[name] = {
                        callbacks: (0, _callbacks.default)()
                    })
                },
                set(category, name, data) {
                    const item = this._get(category, name);
                    item.data = data;
                    item.callbacks.fire(data);
                    return this
                },
                bind(category, name, callback) {
                    const item = this._get(category, name);
                    item.callbacks.add(callback);
                    item.data && callback(item.data);
                    return this
                },
                unbind(category, name, callback) {
                    const item = this._get(category, name);
                    item.callbacks.remove(callback);
                    return this
                }
            }
        },
        13612(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.makeEventEmitter = function(target) {
                const proto = target.prototype;
                let name;
                for (name in eventEmitterMethods) {
                    proto[name] = eventEmitterMethods[name]
                }
            };
            var _callbacks = (e = __webpack_require__( /*! ../../../core/utils/callbacks */ 84718), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const eventEmitterMethods = {
                _initEvents() {
                    const names = this._eventNames;
                    let i;
                    const ii = names.length;
                    const events = this._events = {};
                    for (i = 0; i < ii; ++i) {
                        events[names[i]] = (0, _callbacks.default)()
                    }
                },
                _disposeEvents() {
                    const events = this._events;
                    let name;
                    for (name in events) {
                        events[name].empty()
                    }
                    this._events = null
                },
                on(handlers) {
                    const events = this._events;
                    let name;
                    for (name in handlers) {
                        events[name].add(handlers[name])
                    }
                    return function() {
                        for (name in handlers) {
                            events[name].remove(handlers[name])
                        }
                    }
                },
                _fire(name, arg) {
                    this._events[name].fire(arg)
                }
            }
        },
        48605(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.GestureHandler = GestureHandler;
            const _ln = Math.log;
            const _LN2 = Math.LN2;

            function GestureHandler(params) {
                this._projection = params.projection;
                this._renderer = params.renderer;
                this._x = this._y = 0;
                this._subscribeToTracker(params.tracker)
            }
            GestureHandler.prototype = {
                constructor: GestureHandler,
                dispose() {
                    this._offTracker();
                    this._offTracker = null
                },
                _subscribeToTracker(tracker) {
                    const that = this;
                    let isActive = false;
                    that._offTracker = tracker.on({
                        start(arg) {
                            isActive = "control-bar" !== arg.data.name;
                            if (isActive) {
                                that._processStart(arg)
                            }
                        },
                        move(arg) {
                            if (isActive) {
                                that._processMove(arg)
                            }
                        },
                        end() {
                            if (isActive) {
                                that._processEnd()
                            }
                        },
                        zoom(arg) {
                            that._processZoom(arg)
                        }
                    })
                },
                setInteraction(options) {
                    this._processEnd();
                    this._centeringEnabled = options.centeringEnabled;
                    this._zoomingEnabled = options.zoomingEnabled
                },
                _processStart(arg) {
                    if (this._centeringEnabled) {
                        this._x = arg.x;
                        this._y = arg.y;
                        this._projection.beginMoveCenter()
                    }
                },
                _processMove(arg) {
                    const that = this;
                    if (that._centeringEnabled) {
                        that._renderer.root.attr({
                            cursor: "move"
                        });
                        that._projection.moveCenter([that._x - arg.x, that._y - arg.y]);
                        that._x = arg.x;
                        that._y = arg.y
                    }
                },
                _processEnd() {
                    if (this._centeringEnabled) {
                        this._renderer.root.attr({
                            cursor: "default"
                        });
                        this._projection.endMoveCenter()
                    }
                },
                _processZoom(arg) {
                    const that = this;
                    let delta;
                    let screenPosition;
                    let coords;
                    if (that._zoomingEnabled) {
                        if (arg.delta) {
                            delta = arg.delta
                        } else if (arg.ratio) {
                            delta = _ln(arg.ratio) / _LN2
                        }
                        if (that._centeringEnabled) {
                            screenPosition = that._renderer.getRootOffset();
                            screenPosition = [arg.x - screenPosition.left, arg.y - screenPosition.top];
                            coords = that._projection.fromScreenPoint(screenPosition)
                        }
                        that._projection.changeScaledZoom(delta);
                        if (that._centeringEnabled) {
                            that._projection.setCenterByPoint(coords, screenPosition)
                        }
                    }
                }
            }
        },
        47943(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.LayoutControl = LayoutControl;
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            const _round = Math.round;
            const _min = Math.min;
            const _max = Math.max;
            const _each = _iterator.each;
            const horizontalAlignmentMap = {
                left: 0,
                center: 1,
                right: 2
            };
            const verticalAlignmentMap = {
                top: 0,
                bottom: 1
            };

            function createCells(canvas, items) {
                const hStep = (canvas.right - canvas.left) / 3;
                const vStep = (canvas.bottom - canvas.top) / 2;
                const h1 = canvas.left;
                const h2 = _round(h1 + hStep);
                const h3 = _round(h1 + hStep + hStep);
                const h4 = canvas.right;
                const v1 = canvas.top;
                const v2 = _round(v1 + vStep);
                const v3 = canvas.bottom;
                const cells = [{
                    rect: [h1, v1, h2, v2]
                }, {
                    rect: [h2, v1, h3, v2],
                    center: true
                }, {
                    rect: [h3, v1, h4, v2],
                    horInversion: true
                }, {
                    rect: [h1, v2, h2, v3],
                    verInversion: true
                }, {
                    rect: [h2, v2, h3, v3],
                    center: true,
                    verInversion: true
                }, {
                    rect: [h3, v2, h4, v3],
                    horInversion: true,
                    verInversion: true
                }];
                const itemsList = [
                    [],
                    [],
                    [],
                    [],
                    [],
                    []
                ];
                _each(items, (_, item) => {
                    const options = item.getLayoutOptions();
                    if (options) {
                        itemsList[function(options) {
                            return 3 * verticalAlignmentMap[options.verticalAlignment] + horizontalAlignmentMap[options.horizontalAlignment]
                        }(options)].push({
                            item: item,
                            width: options.width,
                            height: options.height
                        })
                    }
                });
                _each(cells, (i, cell) => {
                    if (itemsList[i].length) {
                        cell.items = itemsList[i]
                    } else {
                        if (cell.center) {
                            cell.rect[0] = cell.rect[2] = (cell.rect[0] + cell.rect[2]) / 2
                        } else {
                            cell.rect[cell.horInversion ? 0 : 2] = cell.rect[cell.horInversion ? 2 : 0]
                        }
                        cell.rect[cell.verInversion ? 1 : 3] = cell.rect[cell.verInversion ? 3 : 1]
                    }
                });
                return cells
            }

            function adjustCellsAndApplyLayout(cells, forceMode) {
                let hasHiddenItems = false;
                ! function(cells) {
                    _each([0, 1, 2, 3, 4, 5], (_, index) => {
                        const cell = cells[index];
                        const otherCell = cells[(index + 3) % 6];
                        if (cell.items) {
                            if (!otherCell.items) {
                                cell.rect[1] = _min(cell.rect[1], otherCell.rect[3]);
                                cell.rect[3] = _max(cell.rect[3], otherCell.rect[1])
                            }
                        }
                    });
                    _each([1, 4], (_, index) => {
                        const cell = cells[index];
                        const otherCell1 = cells[index - 1];
                        const otherCell2 = cells[index + 1];
                        let size1;
                        let size2;
                        if (cell.items) {
                            if (!otherCell1.items && !otherCell2.items) {
                                size1 = cell.rect[0] - otherCell1.rect[2];
                                size2 = otherCell2.rect[0] - cell.rect[2];
                                if (size1 > size2) {
                                    if (size1 / size2 >= 2) {
                                        cell.rect[0] -= size1;
                                        cell.right = true
                                    } else {
                                        cell.rect[0] -= size2;
                                        cell.rect[2] += size2
                                    }
                                } else if (size2 / size1 >= 2) {
                                    cell.rect[2] += size2;
                                    cell.center = null
                                } else {
                                    cell.rect[0] -= size1;
                                    cell.rect[2] += size1
                                }
                            }
                        } else {
                            if (otherCell1.items) {
                                otherCell1.rect[2] = (cell.rect[0] + cell.rect[2]) / 2
                            }
                            if (otherCell2.items) {
                                otherCell2.rect[0] = (cell.rect[0] + cell.rect[2]) / 2
                            }
                        }
                    })
                }(cells);
                _each(cells, (_, cell) => {
                    if (cell.items) {
                        hasHiddenItems = function(cell, forceMode) {
                            const cellRect = cell.rect;
                            const cellWidth = cellRect[2] - cellRect[0];
                            const cellHeight = cellRect[3] - cellRect[1];
                            let xOffset = 0;
                            let yOffset = 0;
                            let currentHeight = 0;
                            let totalL = cellRect[2];
                            let totalT = cellRect[3];
                            let totalR = cellRect[0];
                            let totalB = cellRect[1];
                            const moves = [];
                            let hasHiddenItems = false;
                            _each(cell.items, (_, item) => {
                                if (item.width > cellWidth || item.height > cellHeight) {
                                    moves.push(null);
                                    hasHiddenItems = true;
                                    return forceMode || false
                                }
                                if (xOffset + item.width > cellWidth) {
                                    yOffset += currentHeight;
                                    xOffset = currentHeight = 0
                                }
                                if (yOffset + item.height > cellHeight) {
                                    moves.push(null);
                                    hasHiddenItems = true;
                                    return forceMode || false
                                }
                                currentHeight = _max(currentHeight, item.height);
                                const dx = cell.horInversion ? cellRect[2] - item.width - xOffset : cellRect[0] + xOffset;
                                const dy = cell.verInversion ? cellRect[3] - item.height - yOffset : cellRect[1] + yOffset;
                                xOffset += item.width;
                                totalL = _min(totalL, dx);
                                totalT = _min(totalT, dy);
                                totalR = _max(totalR, dx + item.width);
                                totalB = _max(totalB, dy + item.height);
                                moves.push([dx, dy])
                            });
                            if (forceMode || !hasHiddenItems) {
                                xOffset = 0;
                                if (cell.right) {
                                    xOffset = cellRect[2] - cellRect[0] - totalR + totalL
                                } else if (cell.center) {
                                    xOffset = _round((cellRect[2] - cellRect[0] - totalR + totalL) / 2)
                                }
                                _each(cell.items, (i, item) => {
                                    const move = moves[i];
                                    if (move) {
                                        item.item.locate(move[0] + xOffset, move[1])
                                    } else {
                                        item.item.resize(null)
                                    }
                                });
                                cell.rect = [totalL, totalT, totalR, totalB];
                                cell.items = null
                            }
                            return hasHiddenItems
                        }(cell, forceMode) || hasHiddenItems
                    }
                });
                return hasHiddenItems
            }

            function LayoutControl(widget) {
                const that = this;
                that._items = [];
                that._suspended = 0;
                that._widget = widget;
                that._updateLayout = function() {
                    that._update()
                }
            }
            LayoutControl.prototype = {
                constructor: LayoutControl,
                dispose() {
                    this._items = this._updateLayout = null
                },
                setSize(canvas) {
                    this._canvas = canvas;
                    this._update()
                },
                suspend() {
                    ++this._suspended
                },
                resume() {
                    if (0 === --this._suspended) {
                        this._update()
                    }
                },
                addItem(item) {
                    this._items.push(item);
                    item.updateLayout = this._updateLayout
                },
                removeItem(item) {
                    const index = this._items.indexOf(item);
                    this._items.splice(index, 1);
                    item.updateLayout = null
                },
                _update() {
                    let canvas;
                    if (0 === this._suspended) {
                        canvas = this._canvas;
                        _each(this._items, (_, item) => {
                            item.resize(canvas)
                        });
                        this._widget.resolveItemsDeferred(this._items.filter(el => el.getTemplatesGroups && el.getTemplatesDef));
                        ! function(canvas, items) {
                            const cells = createCells(canvas, items);
                            if (adjustCellsAndApplyLayout(cells)) {
                                adjustCellsAndApplyLayout(cells, true)
                            }
                        }({
                            left: canvas.left,
                            top: canvas.top,
                            right: canvas.width + canvas.left,
                            bottom: canvas.height + canvas.top
                        }, this._items)
                    }
                }
            }
        },
        89492(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.LegendsControl = LegendsControl;
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _object = __webpack_require__( /*! ../../../core/utils/object */ 22263);
            var _legend = __webpack_require__( /*! ../../viz/components/legend */ 56358);
            const _extend = _extend2.extend;
            const _each = _iterator.each;
            const unknownSource = {
                category: "UNKNOWN",
                name: "UNKNOWN"
            };
            let Legend = function(parameters) {
                const that = this;
                that._params = parameters;
                that._root = parameters.renderer.g().attr({
                    class: "dxm-legend"
                }).linkOn(parameters.container, {
                    name: "legend",
                    after: "legend-base"
                }).enableLinks().linkAppend();
                parameters.layoutControl.addItem(that);
                _legend.Legend.call(that, {
                    renderer: parameters.renderer,
                    widget: parameters.widget,
                    group: that._root,
                    backgroundClass: null,
                    itemsGroupClass: null,
                    textField: "text",
                    getFormatObject: data => data
                });
                that._onDataChanged = function(data) {
                    that._updateData(data)
                }
            };
            Legend.prototype = _extend((0, _object.clone)(_legend.Legend.prototype), {
                constructor: Legend,
                dispose() {
                    this._params.layoutControl.removeItem(this);
                    this._unbindData();
                    this._root.linkRemove().linkOff();
                    this._params = this._root = this._onDataChanged = null;
                    return _legend.Legend.prototype.dispose.apply(this, arguments)
                },
                resize(size) {
                    this._params.notifyDirty();
                    if (null === size) {
                        this.erase()
                    } else {
                        this.draw(size.width, size.height)
                    }
                    this._params.notifyReady()
                },
                locate: _legend.Legend.prototype.shift,
                _updateData(data) {
                    this._options.defaultColor = data && data.defaultColor;
                    this.update(data ? function(partition, values, field) {
                        let i;
                        const ii = values.length;
                        const list = [];
                        let item;
                        for (i = 0; i < ii; ++i) {
                            list[i] = item = {
                                start: partition[i],
                                end: partition[i + 1],
                                index: i
                            };
                            item[field] = values[i];
                            item.states = {
                                normal: {
                                    fill: item.color
                                }
                            };
                            item.visible = true
                        }
                        return list
                    }(data.partition, data.values, this._dataName) : [], this._options, this._params.themeManager.theme("legend").title);
                    this.updateLayout()
                },
                _unbindData() {
                    if (this._dataCategory) {
                        this._params.dataExchanger.unbind(this._dataCategory, this._dataName, this._onDataChanged)
                    }
                },
                _bindData(arg) {
                    this._params.dataExchanger.bind(this._dataCategory = arg.category, this._dataName = arg.name, this._onDataChanged)
                },
                setOptions(options) {
                    this.update(this._data, options, this._params.themeManager.theme("legend").title);
                    this._unbindData();
                    const source = options.source;
                    this._bindData(source ? {
                        category: source.layer,
                        name: source.grouping
                    } : unknownSource);
                    this.updateLayout();
                    return this
                }
            });

            function LegendsControl(parameters) {
                this._params = parameters;
                this._items = [];
                parameters.container.virtualLink("legend-base")
            }
            LegendsControl.prototype = {
                constructor: LegendsControl,
                dispose() {
                    _each(this._items, (_, item) => {
                        item.dispose()
                    });
                    this._params = this._items = null
                },
                setOptions(options) {
                    const optionList = options && options.length ? options : [];
                    const items = this._items;
                    let i;
                    const ii = optionList.length;
                    const params = this._params;
                    const theme = params.themeManager.theme("legend");
                    for (i = items.length; i < ii; ++i) {
                        items[i] = new Legend(params)
                    }
                    for (i = items.length - 1; i >= ii; --i) {
                        items[i].dispose();
                        items.splice(i, 1)
                    }
                    params.layoutControl.suspend();
                    for (i = 0; i < ii; ++i) {
                        items[i].setOptions(_extend(true, {}, theme, optionList[i]))
                    }
                    params.layoutControl.resume()
                }
            }
        },
        4249(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.MapLayerCollection = MapLayerCollection;
            exports.getMaxBound = getMaxBound;
            var _data = __webpack_require__( /*! ../../../common/data */ 11036);
            var _common = __webpack_require__( /*! ../../../core/utils/common */ 17781);
            var _deferred = __webpack_require__( /*! ../../../core/utils/deferred */ 87739);
            var _extend2 = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _iterator = __webpack_require__( /*! ../../../core/utils/iterator */ 21274);
            var _type = __webpack_require__( /*! ../../../core/utils/type */ 11528);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            const _noop = _common.noop;
            const _extend = _extend2.extend;
            const _each = _iterator.each;
            const _concat = Array.prototype.concat;
            const STATE_TO_INDEX = [0, 1, 2, 2];
            const SELECTIONS = {
                none: null,
                single: -1,
                multiple: NaN
            };
            const _isArray = Array.isArray;
            const _Number = Number;
            const _String = String;
            const _abs = Math.abs;
            const _round = Math.round;
            const _min = Math.min;
            const _max = Math.max;
            const _sqrt = Math.sqrt;

            function getMaxBound(arr) {
                return arr.reduce((a, c) => c ? [_min(a[0], c[0]), _min(a[1], c[1]), _max(a[2], c[2]), _max(a[3], c[3])] : a, arr[0])
            }

            function getName(opt, index) {
                return (opt[index] || {}).name
            }

            function EmptySource() {}
            EmptySource.prototype.count = function() {
                return 0
            };

            function ArraySource(raw) {
                this.raw = raw
            }
            ArraySource.prototype = {
                constructor: ArraySource,
                count() {
                    return this.raw.length
                },
                item(index) {
                    return this.raw[index]
                },
                geometry: item => ({
                    coordinates: item.coordinates
                }),
                attributes: item => item.attributes,
                getBBox(index) {
                    return 0 === arguments.length ? void 0 : this.raw[index].bbox
                }
            };

            function GeoJsonSource(raw) {
                this.raw = raw
            }
            GeoJsonSource.prototype = {
                constructor: GeoJsonSource,
                count() {
                    return this.raw.features.length
                },
                item(index) {
                    return this.raw.features[index]
                },
                geometry: item => item.geometry,
                attributes: item => item.properties,
                getBBox(index) {
                    return 0 === arguments.length ? this.raw.bbox : this.raw.features[index].bbox
                }
            };

            function isGeoJsonObject(obj) {
                return _isArray(obj.features)
            }

            function setAreaLabelVisibility(label) {
                label.text.attr({
                    visibility: label.size[0] / label.spaceSize[0] < 1 && label.size[1] / label.spaceSize[1] < 1 ? null : "hidden"
                })
            }

            function setLineLabelVisibility(label) {
                label.text.attr({
                    visibility: label.size[0] / label.spaceSize[0] < 1 || label.size[1] / label.spaceSize[1] < 1 ? null : "hidden"
                })
            }

            function getDataValue(proxy, dataField) {
                return proxy.attribute(dataField)
            }
            const TYPE_TO_TYPE_MAP = {
                Point: "marker",
                MultiPoint: "line",
                LineString: "line",
                MultiLineString: "line",
                Polygon: "area",
                MultiPolygon: "area"
            };

            function pick(a, b) {
                return void 0 !== a ? a : b
            }
            const emptyStrategy = {
                setup: _noop,
                reset: _noop,
                arrange: _noop,
                updateGrouping: _noop,
                getDefaultColor: _noop
            };
            const strategiesByType = {};
            const strategiesByGeometry = {};
            const strategiesByElementType = {};
            let groupByColor;
            let groupBySize;
            let selectStrategy = function(options, data) {
                let type = (0, _utils.normalizeEnum)(options.type);
                let elementType = (0, _utils.normalizeEnum)(options.elementType);
                let sample;
                const strategy = _extend({}, emptyStrategy);
                if (data.count() > 0) {
                    sample = data.geometry(data.item(0));
                    type = strategiesByType[type] ? type : function(sample) {
                        let type = TYPE_TO_TYPE_MAP[sample.type];
                        const coordinates = sample.coordinates;
                        if (!type) {
                            if ("number" === typeof coordinates[0]) {
                                type = "marker"
                            } else if ("number" === typeof coordinates[0][0]) {
                                type = "line"
                            } else {
                                type = "area"
                            }
                        }
                        return type
                    }(sample);
                    _extend(strategy, strategiesByType[type]);
                    strategy.fullType = strategy.type = type;
                    if (strategiesByGeometry[type]) {
                        _extend(strategy, strategiesByGeometry[type](sample))
                    }
                    if (strategiesByElementType[type]) {
                        elementType = strategiesByElementType[type][elementType] ? elementType : strategiesByElementType[type]._default;
                        _extend(strategy, strategiesByElementType[type][elementType]);
                        strategy.elementType = elementType;
                        strategy.fullType += `:${elementType}`
                    }
                }
                return strategy
            };

            function applyElementState(figure, styles, state, field) {
                figure[field].attr(styles[field][state])
            }
            strategiesByType.area = {
                projectLabel: function(coordinates) {
                    let i;
                    const ii = coordinates.length;
                    let centroid;
                    let resultCentroid;
                    let maxArea = 0;
                    for (i = 0; i < ii; ++i) {
                        centroid = calculatePolygonCentroid(coordinates[i]);
                        if (centroid.area > maxArea) {
                            maxArea = centroid.area;
                            resultCentroid = centroid
                        }
                    }
                    return resultCentroid ? [resultCentroid.center, [_sqrt(resultCentroid.area), _sqrt(resultCentroid.area)]] : [
                        [],
                        []
                    ]
                },
                transform: transformPointList,
                transformLabel: function(label, projection, coordinates) {
                    const data = projection.transform(coordinates[0]);
                    label.spaceSize = projection.getSquareSize(coordinates[1]);
                    label.text.attr({
                        translateX: data[0],
                        translateY: data[1]
                    });
                    setAreaLabelVisibility(label)
                },
                draw(context, figure, data) {
                    figure.root = context.renderer.path([], "area").data(context.dataKey, data)
                },
                refresh: _noop,
                getLabelOffset(label) {
                    setAreaLabelVisibility(label);
                    return [0, 0]
                },
                getStyles(settings) {
                    const color = settings.color || null;
                    const borderColor = settings.borderColor || null;
                    const borderWidth = pick(settings.borderWidth, null);
                    const opacity = pick(settings.opacity, null);
                    return {
                        root: [{
                            class: "dxm-area",
                            stroke: borderColor,
                            "stroke-width": borderWidth,
                            fill: color,
                            opacity: opacity
                        }, {
                            class: "dxm-area dxm-area-hovered",
                            stroke: settings.hoveredBorderColor || borderColor,
                            "stroke-width": pick(settings.hoveredBorderWidth, borderWidth),
                            fill: settings.hoveredColor || color,
                            opacity: pick(settings.hoveredOpacity, opacity)
                        }, {
                            class: "dxm-area dxm-area-selected",
                            stroke: settings.selectedBorderColor || borderColor,
                            "stroke-width": pick(settings.selectedBorderWidth, borderWidth),
                            fill: settings.selectedColor || color,
                            opacity: pick(settings.selectedOpacity, opacity)
                        }]
                    }
                },
                setState(figure, styles, state) {
                    applyElementState(figure, styles, state, "root")
                },
                hasLabelsGroup: true,
                updateGrouping(context) {
                    groupByColor(context)
                },
                getDefaultColor: _noop
            };
            strategiesByType.line = {
                projectLabel: function(coordinates) {
                    let i;
                    const ii = coordinates.length;
                    let maxLength = 0;
                    let data;
                    let resultData;
                    for (i = 0; i < ii; ++i) {
                        data = calculateLineStringData(coordinates[i]);
                        if (data[2] > maxLength) {
                            maxLength = data[2];
                            resultData = data
                        }
                    }
                    return resultData || [
                        [],
                        []
                    ]
                },
                transform: transformPointList,
                transformLabel: function(label, projection, coordinates) {
                    const data = projection.transform(coordinates[0]);
                    label.spaceSize = projection.getSquareSize(coordinates[1]);
                    label.text.attr({
                        translateX: data[0],
                        translateY: data[1]
                    });
                    setLineLabelVisibility(label)
                },
                draw(context, figure, data) {
                    figure.root = context.renderer.path([], "line").data(context.dataKey, data)
                },
                refresh: _noop,
                getLabelOffset(label) {
                    setLineLabelVisibility(label);
                    return [0, 0]
                },
                getStyles(settings) {
                    const color = settings.color || settings.borderColor || null;
                    const width = pick(settings.borderWidth, null);
                    const opacity = pick(settings.opacity, null);
                    return {
                        root: [{
                            class: "dxm-line",
                            stroke: color,
                            "stroke-width": width,
                            opacity: opacity
                        }, {
                            class: "dxm-line dxm-line-hovered",
                            stroke: settings.hoveredColor || settings.hoveredBorderColor || color,
                            "stroke-width": pick(settings.hoveredBorderWidth, width),
                            opacity: pick(settings.hoveredOpacity, opacity)
                        }, {
                            class: "dxm-line dxm-line-selected",
                            stroke: settings.selectedColor || settings.selectedBorderColor || color,
                            "stroke-width": pick(settings.selectedBorderWidth, width),
                            opacity: pick(settings.selectedOpacity, opacity)
                        }]
                    }
                },
                setState(figure, styles, state) {
                    applyElementState(figure, styles, state, "root")
                },
                hasLabelsGroup: true,
                updateGrouping(context) {
                    groupByColor(context)
                },
                getDefaultColor: _noop
            };
            strategiesByType.marker = {
                project: function(projection, coordinates) {
                    return projection.project(coordinates)
                },
                transform: function(content, projection, coordinates) {
                    const data = projection.transform(coordinates);
                    content.root.attr({
                        translateX: data[0],
                        translateY: data[1]
                    })
                },
                draw(context, figure, data) {
                    figure.root = context.renderer.g();
                    this._draw(context, figure, data)
                },
                refresh: _noop,
                hasLabelsGroup: false,
                getLabelOffset: (label, settings) => [_round((label.size[0] + _max(settings.size || 0, 0)) / 2) + 2, 0],
                getStyles(settings) {
                    const styles = {
                        root: [{
                            class: "dxm-marker"
                        }, {
                            class: "dxm-marker dxm-marker-hovered"
                        }, {
                            class: "dxm-marker dxm-marker-selected"
                        }]
                    };
                    this._getStyles(styles, settings);
                    return styles
                },
                setState(figure, styles, state) {
                    applyElementState(figure, styles, state, "root");
                    this._setState(figure, styles, state)
                },
                updateGrouping(context) {
                    groupByColor(context);
                    groupBySize(context)
                },
                getDefaultColor: (ctx, palette) => ctx.params.themeManager.getAccentColor(palette)
            };
            strategiesByGeometry.area = function(sample) {
                return {
                    project: (projection, coordinates) => coordinates[0] && coordinates[0][0] && coordinates[0][0][0] && "number" === typeof coordinates[0][0][0][0] ? function(projection, coordinates) {
                        const output = [];
                        let i;
                        const ii = output.length = coordinates.length;
                        for (i = 0; i < ii; ++i) {
                            output[i] = projectPolygon(projection, coordinates[i])
                        }
                        return _concat.apply([], output)
                    }(projection, coordinates) : projectPolygon(projection, coordinates)
                }
            };
            strategiesByGeometry.line = function(sample) {
                const coordinates = sample.coordinates;
                return {
                    project: coordinates[0] && coordinates[0][0] && "number" === typeof coordinates[0][0][0] ? projectPolygon : projectLineString
                }
            };
            strategiesByElementType.marker = {
                _default: "dot",
                dot: {
                    setup(context) {
                        context.filter = context.renderer.shadowFilter("-40%", "-40%", "180%", "200%", 0, 1, 1, "#000000", .2)
                    },
                    reset(context) {
                        context.filter.dispose();
                        context.filter = null
                    },
                    _draw(ctx, figure, data) {
                        figure.back = ctx.renderer.circle().sharp().data(ctx.dataKey, data).append(figure.root);
                        figure.dot = ctx.renderer.circle().sharp().data(ctx.dataKey, data).append(figure.root)
                    },
                    refresh(ctx, figure, data, proxy, settings) {
                        figure.dot.attr({
                            filter: settings.shadow ? ctx.filter.id : null
                        })
                    },
                    _getStyles(styles, style) {
                        const size = style.size > 0 ? _Number(style.size) : 0;
                        const hoveredSize = size;
                        const selectedSize = size + (style.selectedStep > 0 ? _Number(style.selectedStep) : 0);
                        const hoveredBackSize = hoveredSize + (style.backStep > 0 ? _Number(style.backStep) : 0);
                        const selectedBackSize = selectedSize + (style.backStep > 0 ? _Number(style.backStep) : 0);
                        const color = style.color || null;
                        const borderColor = style.borderColor || null;
                        const borderWidth = pick(style.borderWidth, null);
                        const opacity = pick(style.opacity, null);
                        const backColor = style.backColor || null;
                        const backOpacity = pick(style.backOpacity, null);
                        styles.dot = [{
                            r: size / 2,
                            stroke: borderColor,
                            "stroke-width": borderWidth,
                            fill: color,
                            opacity: opacity
                        }, {
                            r: hoveredSize / 2,
                            stroke: style.hoveredBorderColor || borderColor,
                            "stroke-width": pick(style.hoveredBorderWidth, borderWidth),
                            fill: style.hoveredColor || color,
                            opacity: pick(style.hoveredOpacity, opacity)
                        }, {
                            r: selectedSize / 2,
                            stroke: style.selectedBorderColor || borderColor,
                            "stroke-width": pick(style.selectedBorderWidth, borderWidth),
                            fill: style.selectedColor || color,
                            opacity: pick(style.selectedOpacity, opacity)
                        }];
                        styles.back = [{
                            r: size / 2,
                            stroke: "none",
                            "stroke-width": 0,
                            fill: backColor,
                            opacity: backOpacity
                        }, {
                            r: hoveredBackSize / 2,
                            stroke: "none",
                            "stroke-width": 0,
                            fill: backColor,
                            opacity: backOpacity
                        }, {
                            r: selectedBackSize / 2,
                            stroke: "none",
                            "stroke-width": 0,
                            fill: backColor,
                            opacity: backOpacity
                        }]
                    },
                    _setState(figure, styles, state) {
                        applyElementState(figure, styles, state, "dot");
                        applyElementState(figure, styles, state, "back")
                    }
                },
                bubble: {
                    _draw(ctx, figure, data) {
                        figure.bubble = ctx.renderer.circle().sharp().data(ctx.dataKey, data).append(figure.root)
                    },
                    refresh(ctx, figure, data, proxy, settings) {
                        figure.bubble.attr({
                            r: settings.size / 2
                        })
                    },
                    _getStyles(styles, style) {
                        const color = style.color || null;
                        const borderColor = style.borderColor || null;
                        const borderWidth = pick(style.borderWidth, null);
                        const opacity = pick(style.opacity, null);
                        styles.bubble = [{
                            stroke: borderColor,
                            "stroke-width": borderWidth,
                            fill: color,
                            opacity: opacity
                        }, {
                            stroke: style.hoveredBorderColor || borderColor,
                            "stroke-width": pick(style.hoveredBorderWidth, borderWidth),
                            fill: style.hoveredColor || style.color,
                            opacity: pick(style.hoveredOpacity, opacity)
                        }, {
                            stroke: style.selectedBorderColor || borderColor,
                            "stroke-width": pick(style.selectedBorderWidth, borderWidth),
                            fill: style.selectedColor || style.color,
                            opacity: pick(style.selectedOpacity, opacity)
                        }]
                    },
                    _setState(figure, styles, state) {
                        applyElementState(figure, styles, state, "bubble")
                    },
                    arrange(context, handles) {
                        const values = [];
                        let i;
                        const ii = values.length = handles.length;
                        const settings = context.settings;
                        const dataField = settings.dataField;
                        const minSize = settings.minSize > 0 ? _Number(settings.minSize) : 0;
                        const maxSize = settings.maxSize > minSize ? _Number(settings.maxSize) : minSize;
                        if (settings.sizeGroups) {
                            return
                        }
                        for (i = 0; i < ii; ++i) {
                            values[i] = _max(getDataValue(handles[i].proxy, dataField) || 0, 0)
                        }
                        const minValue = _min.apply(null, values);
                        const maxValue = _max.apply(null, values);
                        const deltaValue = maxValue - minValue || 1;
                        const deltaSize = maxSize - minSize;
                        for (i = 0; i < ii; ++i) {
                            handles[i]._settings.size = minSize + deltaSize * (values[i] - minValue) / deltaValue
                        }
                    },
                    updateGrouping(context) {
                        const dataField = context.settings.dataField;
                        strategiesByType.marker.updateGrouping(context);
                        groupBySize(context, proxy => getDataValue(proxy, dataField))
                    }
                },
                pie: {
                    _draw(ctx, figure, data) {
                        figure.pie = ctx.renderer.g().append(figure.root);
                        figure.border = ctx.renderer.circle().sharp().data(ctx.dataKey, data).append(figure.root)
                    },
                    refresh(ctx, figure, data, proxy, settings) {
                        const values = getDataValue(proxy, ctx.settings.dataField) || [];
                        const colors = settings._colors;
                        let sum = 0;
                        const pie = figure.pie;
                        const renderer = ctx.renderer;
                        const dataKey = ctx.dataKey;
                        const r = (settings.size > 0 ? _Number(settings.size) : 0) / 2;
                        let start = 90;
                        let end = start;
                        let zeroSum = false;
                        sum = values.reduce((total, item) => total + (item || 0), 0);
                        if (0 === sum) {
                            zeroSum = true;
                            sum = 360 / values.length
                        }
                        values.forEach((item, i) => {
                            start = end;
                            end += zeroSum ? sum : (item || 0) / sum * 360;
                            renderer.arc(0, 0, 0, r, start, end).attr({
                                "stroke-linejoin": "round",
                                fill: colors[i]
                            }).data(dataKey, data).append(pie)
                        });
                        figure.border.attr({
                            r: r
                        })
                    },
                    _getStyles(styles, style) {
                        const opacity = pick(style.opacity, null);
                        const borderColor = style.borderColor || null;
                        const borderWidth = pick(style.borderWidth, null);
                        styles.pie = [{
                            opacity: opacity
                        }, {
                            opacity: pick(style.hoveredOpacity, opacity)
                        }, {
                            opacity: pick(style.selectedOpacity, opacity)
                        }];
                        styles.border = [{
                            stroke: borderColor,
                            "stroke-width": borderWidth
                        }, {
                            stroke: style.hoveredBorderColor || borderColor,
                            "stroke-width": pick(style.hoveredBorderWidth, borderWidth)
                        }, {
                            stroke: style.selectedBorderColor || borderColor,
                            "stroke-width": pick(style.selectedBorderWidth, borderWidth)
                        }]
                    },
                    _setState(figure, styles, state) {
                        applyElementState(figure, styles, state, "pie");
                        applyElementState(figure, styles, state, "border")
                    },
                    arrange(context, handles) {
                        let i;
                        const ii = handles.length;
                        const dataField = context.settings.dataField;
                        let values;
                        let count = 0;
                        let palette;
                        for (i = 0; i < ii; ++i) {
                            values = getDataValue(handles[i].proxy, dataField);
                            if (values && values.length > count) {
                                count = values.length
                            }
                        }
                        if (count > 0) {
                            palette = context.params.themeManager.createPalette(context.settings.palette, {
                                useHighlight: true,
                                extensionMode: "alternate"
                            });
                            values = palette.generateColors(count);
                            context.settings._colors = values;
                            context.grouping.color = {
                                callback: _noop,
                                field: "",
                                partition: [],
                                values: []
                            };
                            context.params.dataExchanger.set(context.name, "color", {
                                partition: [],
                                values: values
                            })
                        }
                    }
                },
                image: {
                    _draw(ctx, figure, data) {
                        figure.image = ctx.renderer.image(null, null, null, null, null, "center").attr({
                            "pointer-events": "visible"
                        }).data(ctx.dataKey, data).append(figure.root)
                    },
                    refresh(ctx, figure, data, proxy) {
                        figure.image.attr({
                            href: getDataValue(proxy, ctx.settings.dataField)
                        })
                    },
                    _getStyles(styles, style) {
                        const size = style.size > 0 ? _Number(style.size) : 0;
                        const hoveredSize = size + (style.hoveredStep > 0 ? _Number(style.hoveredStep) : 0);
                        const selectedSize = size + (style.selectedStep > 0 ? _Number(style.selectedStep) : 0);
                        const opacity = pick(style.opacity, null);
                        styles.image = [{
                            x: -size / 2,
                            y: -size / 2,
                            width: size,
                            height: size,
                            opacity: opacity
                        }, {
                            x: -hoveredSize / 2,
                            y: -hoveredSize / 2,
                            width: hoveredSize,
                            height: hoveredSize,
                            opacity: pick(style.hoveredOpacity, opacity)
                        }, {
                            x: -selectedSize / 2,
                            y: -selectedSize / 2,
                            width: selectedSize,
                            height: selectedSize,
                            opacity: pick(style.selectedOpacity, opacity)
                        }]
                    },
                    _setState(figure, styles, state) {
                        applyElementState(figure, styles, state, "image")
                    }
                }
            };

            function projectPointList(projection, coordinates) {
                const output = [];
                let i;
                const ii = output.length = coordinates.length;
                for (i = 0; i < ii; ++i) {
                    output[i] = projection.project(coordinates[i])
                }
                return output
            }

            function projectLineString(projection, coordinates) {
                return [projectPointList(projection, coordinates)]
            }

            function projectPolygon(projection, coordinates) {
                const output = [];
                let i;
                const ii = output.length = coordinates.length;
                for (i = 0; i < ii; ++i) {
                    output[i] = projectPointList(projection, coordinates[i])
                }
                return output
            }

            function transformList(projection, coordinates) {
                const output = [];
                let i;
                const ii = coordinates.length;
                let item;
                let k = 0;
                output.length = 2 * ii;
                for (i = 0; i < ii; ++i) {
                    item = projection.transform(coordinates[i]);
                    output[k++] = item[0];
                    output[k++] = item[1]
                }
                return output
            }

            function transformPointList(content, projection, coordinates) {
                const output = [];
                let i;
                const ii = output.length = coordinates.length;
                for (i = 0; i < ii; ++i) {
                    output[i] = transformList(projection, coordinates[i])
                }
                content.root.attr({
                    points: output
                })
            }

            function getItemSettings(context, proxy, settings) {
                const result = combineSettings(context.settings, settings);
                ! function(grouping, proxy, settings) {
                    _each(grouping, (name, data) => {
                        const index = findGroupingIndex(data.callback(proxy, data.field), data.partition);
                        if (index >= 0) {
                            settings[name] = data.values[index]
                        }
                    })
                }(context.grouping, proxy, result);
                if (void 0 === settings.color && settings.paletteIndex >= 0) {
                    result.color = result._colors[settings.paletteIndex]
                }
                return result
            }

            function findGroupingIndex(value, partition) {
                let start = 0;
                let end = partition.length - 1;
                let index = -1;
                let middle;
                if (partition[start] <= value && value <= partition[end]) {
                    if (value === partition[end]) {
                        index = end - 1
                    } else {
                        while (end - start > 1) {
                            middle = start + end >> 1;
                            if (value < partition[middle]) {
                                end = middle
                            } else {
                                start = middle
                            }
                        }
                        index = start
                    }
                }
                return index
            }

            function raiseChanged(context, handle, state, name) {
                context.params.eventTrigger(name, {
                    target: handle.proxy,
                    state: state
                })
            }

            function combineSettings(common, partial) {
                const obj = _extend({}, common, partial);
                obj.label = _extend({}, common.label, obj.label);
                obj.label.font = _extend({}, common.label.font, obj.label.font);
                return obj
            }

            function valueCallback(proxy, dataField) {
                return proxy.attribute(dataField)
            }
            let performGrouping = function(context, partition, settingField, dataField, valuesCallback) {
                let values;
                if (dataField && partition && partition.length > 1) {
                    values = valuesCallback(partition.length - 1);
                    context.grouping[settingField] = {
                        callback: (0, _type.isFunction)(dataField) ? dataField : valueCallback,
                        field: dataField,
                        partition: partition,
                        values: values
                    };
                    context.params.dataExchanger.set(context.name, settingField, {
                        partition: partition,
                        values: values,
                        defaultColor: context.settings.color
                    })
                }
            };

            function dropGrouping(context) {
                const name = context.name;
                const dataExchanger = context.params.dataExchanger;
                _each(context.grouping, field => {
                    dataExchanger.set(name, field, null)
                });
                context.grouping = {}
            }
            groupByColor = function(context) {
                performGrouping(context, context.settings.colorGroups, "color", context.settings.colorGroupingField, count => {
                    const _palette = context.params.themeManager.createDiscretePalette(context.settings.palette, count);
                    let i;
                    const list = [];
                    for (i = 0; i < count; ++i) {
                        list.push(_palette.getColor(i))
                    }
                    return list
                })
            };
            groupBySize = function(context, valueCallback) {
                const settings = context.settings;
                performGrouping(context, settings.sizeGroups, "size", valueCallback || settings.sizeGroupingField, count => {
                    const minSize = settings.minSize > 0 ? _Number(settings.minSize) : 0;
                    const maxSize = settings.maxSize >= minSize ? _Number(settings.maxSize) : 0;
                    let i = 0;
                    const sizes = [];
                    if (count > 1) {
                        for (i = 0; i < count; ++i) {
                            sizes.push((minSize * (count - i - 1) + maxSize * i) / (count - 1))
                        }
                    } else if (1 === count) {
                        sizes.push((minSize + maxSize) / 2)
                    }
                    return sizes
                })
            };

            function setFlag(flags, flag, state) {
                if (state) {
                    flags |= flag
                } else {
                    flags &= ~flag
                }
                return flags
            }

            function hasFlag(flags, flag) {
                return !!(flags & flag)
            }
            let MapLayerElement;
            let MapLayer = function(params, container, name, index) {
                this._params = params;
                this._onProjection();
                this.proxy = function(layer, name, index) {
                    const proxy = {
                        index: index,
                        name: name,
                        getElements: () => layer.getProxies(),
                        clearSelection(_noEvent) {
                            layer.clearSelection(_noEvent);
                            return proxy
                        },
                        getDataSource: () => layer.getDataSource(),
                        getBounds: () => layer.getBounds()
                    };
                    return proxy
                }(this, name, index);
                this._context = {
                    name: name,
                    layer: this.proxy,
                    renderer: params.renderer,
                    projection: params.projection,
                    params: params,
                    dataKey: params.dataKey,
                    str: emptyStrategy,
                    hover: false,
                    selection: null,
                    grouping: {},
                    root: params.renderer.g().attr({
                        class: "dxm-layer"
                    }).linkOn(container, name).linkAppend()
                };
                this._container = container;
                this._options = {};
                this._handles = [];
                this._data = new EmptySource;
                this._dataSourceLoaded = null
            };
            MapLayer.prototype = _extend({
                constructor: MapLayer,
                getDataReadyCallback() {
                    return this._dataSourceLoaded
                },
                _onProjection() {
                    const that = this;
                    that._removeHandlers = that._params.projection.on({
                        engine() {
                            that._project()
                        },
                        screen() {
                            that._transform()
                        },
                        center() {
                            that._transformCore()
                        },
                        zoom() {
                            that._transform()
                        }
                    })
                },
                getData() {
                    return this._data
                },
                _dataSourceLoadErrorHandler() {
                    this._dataSourceChangedHandler()
                },
                _dataSourceChangedHandler() {
                    this._data = function(source) {
                        let sourceType;
                        if (source) {
                            if (isGeoJsonObject(source)) {
                                sourceType = GeoJsonSource
                            } else if (1 === source.length && source[0] && isGeoJsonObject(source[0])) {
                                sourceType = GeoJsonSource;
                                source = source[0]
                            } else if (_isArray(source)) {
                                sourceType = ArraySource
                            }
                        }
                        sourceType = sourceType || EmptySource;
                        return new sourceType(source)
                    }(this._dataSource && this._dataSource.items());
                    this._update(true)
                },
                _dataSourceOptions: () => ({
                    paginate: false
                }),
                _getSpecificDataSourceOption() {
                    return this._specificDataSourceOption
                },
                _normalizeDataSource(dataSource) {
                    const store = dataSource.store();
                    if ("raw" === store._loadMode) {
                        store._loadMode = void 0
                    }
                    return dataSource
                },
                _offProjection() {
                    this._removeHandlers();
                    this._removeHandlers = null
                },
                dispose() {
                    this._disposeDataSource();
                    this._destroyHandles();
                    dropGrouping(this._context);
                    this._context.root.linkRemove().linkOff();
                    this._context.labelRoot && this._context.labelRoot.linkRemove().linkOff();
                    this._context.str.reset(this._context);
                    this._offProjection();
                    this._params = this._container = this._context = this.proxy = null;
                    return this
                },
                setOptions(options) {
                    const that = this;
                    options = that._options = options || {};
                    that._dataSourceLoaded = (0, _deferred.Deferred)();
                    if ("dataSource" in options && options.dataSource !== that._options_dataSource) {
                        that._options_dataSource = options.dataSource;
                        that._params.notifyDirty();
                        that._specificDataSourceOption = (option = options.dataSource, option ? isGeoJsonObject(option) ? [option] : option : []);
                        that._refreshDataSource()
                    } else if (that._data.count() > 0) {
                        that._params.notifyDirty();
                        that._update(void 0 !== options.type && options.type !== that._context.str.type || void 0 !== options.elementType && options.elementType !== that._context.str.elementType)
                    }
                    var option;
                    that._transformCore()
                },
                _update(isContextChanged) {
                    const that = this;
                    const context = that._context;
                    if (isContextChanged) {
                        context.str.reset(context);
                        context.root.clear();
                        context.labelRoot && context.labelRoot.clear();
                        that._params.tracker.reset();
                        that._destroyHandles();
                        context.str = selectStrategy(that._options, that._data);
                        context.str.setup(context);
                        that.proxy.type = context.str.type;
                        that.proxy.elementType = context.str.elementType
                    }
                    context.settings = function(context, options) {
                        const themeManager = context.params.themeManager;
                        const strategy = context.str;
                        const settings = combineSettings(_extend({
                            label: {},
                            color: strategy.getDefaultColor(context, options.palette)
                        }, themeManager.theme(`layer:${strategy.fullType}`)), options);
                        let colors;
                        let i;
                        let palette;
                        if (settings.paletteSize > 0) {
                            palette = themeManager.createDiscretePalette(settings.palette, settings.paletteSize);
                            for (i = 0, colors = []; i < settings.paletteSize; ++i) {
                                colors.push(palette.getColor(i))
                            }
                            settings._colors = colors
                        }
                        return settings
                    }(context, that._options);
                    context.hasSeparateLabel = !!(context.settings.label.enabled && context.str.hasLabelsGroup);
                    context.hover = !!(0, _utils.parseScalar)(context.settings.hoverEnabled, true);
                    if (context.selection) {
                        _each(context.selection.state, (_, handle) => {
                            handle && handle.resetSelected()
                        })
                    }
                    context.selection = function(selectionMode) {
                        let selection = (0, _utils.normalizeEnum)(selectionMode);
                        selection = selection in SELECTIONS ? SELECTIONS[selection] : SELECTIONS.single;
                        if (null !== selection) {
                            selection = {
                                state: {},
                                single: selection
                            }
                        }
                        return selection
                    }(context.settings.selectionMode);
                    if (context.hasSeparateLabel) {
                        if (!context.labelRoot) {
                            context.labelRoot = context.renderer.g().attr({
                                class: "dxm-layer-labels"
                            }).linkOn(that._container, {
                                name: `${context.name}-labels`,
                                after: context.name
                            }).linkAppend();
                            that._transformCore()
                        }
                    } else if (context.labelRoot) {
                        context.labelRoot.linkRemove().linkOff();
                        context.labelRoot = null
                    }
                    if (isContextChanged) {
                        that._createHandles()
                    }
                    dropGrouping(context);
                    context.str.arrange(context, that._handles);
                    context.str.updateGrouping(context);
                    that._updateHandles();
                    that._params.notifyReady();
                    if (that._dataSourceLoaded) {
                        that._dataSourceLoaded.resolve();
                        that._dataSourceLoaded = null
                    } else {
                        that._params.dataReady()
                    }
                },
                getBounds() {
                    return getMaxBound(this._handles.map(_ref => {
                        let {
                            proxy: proxy
                        } = _ref;
                        return proxy.coordinates().map(coords => {
                            if (!_isArray(coords)) {
                                return
                            }
                            const coordsToBoundsSearch = _isArray(coords[0][0]) ? coords.reduce((ac, val) => ac.concat(val), []) : coords;
                            const initValue = coordsToBoundsSearch[0];
                            return coordsToBoundsSearch.reduce((min, c) => [_min(min[0], c[0]), _min(min[1], c[1]), _max(min[2], c[0]), _max(min[3], c[1])], [initValue[0], initValue[1], initValue[0], initValue[1]])
                        })
                    }).map(getMaxBound))
                },
                _destroyHandles() {
                    this._handles.forEach(h => h.dispose());
                    if (this._context.selection) {
                        this._context.selection.state = {}
                    }
                    this._handles = []
                },
                _createHandles() {
                    const handles = this._handles = [];
                    const data = this._data;
                    let i;
                    const ii = handles.length = data.count();
                    const context = this._context;
                    const geometry = data.geometry;
                    const attributes = data.attributes;
                    let handle;
                    let dataItem;
                    for (i = 0; i < ii; ++i) {
                        dataItem = data.item(i);
                        handles[i] = new MapLayerElement(context, i, geometry(dataItem), attributes(dataItem))
                    }(0, _type.isFunction)(this._options.customize) && (proxies = this.getProxies(), callback = this._options.customize, widget = this._params.widget, void callback.call(widget, proxies));
                    var proxies, callback, widget;
                    for (i = 0; i < ii; ++i) {
                        handle = handles[i];
                        handle.project();
                        handle.draw();
                        handle.transform()
                    }
                    if (context.selection) {
                        _each(context.selection.state, (_, handle) => {
                            handle && handle.restoreSelected()
                        })
                    }
                },
                _updateHandles() {
                    const handles = this._handles;
                    let i;
                    const ii = handles.length;
                    for (i = 0; i < ii; ++i) {
                        handles[i].refresh()
                    }
                    if (this._context.settings.label.enabled) {
                        for (i = 0; i < ii; ++i) {
                            handles[i].measureLabel()
                        }
                        for (i = 0; i < ii; ++i) {
                            handles[i].adjustLabel()
                        }
                    }
                },
                _transformCore() {
                    const transform = this._params.projection.getTransform();
                    this._context.root.attr(transform);
                    this._context.labelRoot && this._context.labelRoot.attr(transform)
                },
                _project() {
                    const handles = this._handles;
                    let i;
                    const ii = handles.length;
                    for (i = 0; i < ii; ++i) {
                        handles[i].project()
                    }
                },
                _transform() {
                    const handles = this._handles;
                    let i;
                    const ii = handles.length;
                    this._transformCore();
                    for (i = 0; i < ii; ++i) {
                        handles[i].transform()
                    }
                },
                getProxies() {
                    return this._handles.map(p => p.proxy)
                },
                getProxy(index) {
                    return this._handles[index].proxy
                },
                raiseClick(i, dxEvent) {
                    this._params.eventTrigger("click", {
                        target: this._handles[i].proxy,
                        event: dxEvent
                    })
                },
                hoverItem(i, state) {
                    this._handles[i].setHovered(state)
                },
                selectItem(i, state, _noEvent) {
                    this._handles[i].setSelected(state, _noEvent)
                },
                clearSelection() {
                    const selection = this._context.selection;
                    if (selection) {
                        _each(selection.state, (_, handle) => {
                            handle && handle.setSelected(false)
                        });
                        selection.state = {}
                    }
                }
            }, _data.DataHelperMixin);
            MapLayerElement = function(context, index, geometry, attributes) {
                const proxy = this.proxy = function(handle, coords, attrs) {
                    const proxy = {
                        coordinates: () => coords,
                        attribute(name, value) {
                            if (arguments.length > 1) {
                                attrs[name] = value;
                                return proxy
                            } else {
                                return arguments.length > 0 ? attrs[name] : attrs
                            }
                        },
                        selected(state, _noEvent) {
                            if (arguments.length > 0) {
                                handle.setSelected(state, _noEvent);
                                return proxy
                            } else {
                                return handle.isSelected()
                            }
                        },
                        applySettings(settings) {
                            handle.update(settings);
                            return proxy
                        }
                    };
                    return proxy
                }(this, geometry.coordinates, _extend({}, attributes));
                this._ctx = context;
                this._index = index;
                this._fig = this._label = null;
                this._state = 0;
                this._coordinates = geometry.coordinates;
                this._settings = {
                    label: {}
                };
                proxy.index = index;
                proxy.layer = context.layer;
                this._data = {
                    name: context.name,
                    index: index
                }
            };
            MapLayerElement.prototype = {
                constructor: MapLayerElement,
                dispose() {
                    this._ctx = this.proxy = this._settings = this._fig = this._label = this.data = null;
                    return this
                },
                project() {
                    const context = this._ctx;
                    this._projection = context.str.project(context.projection, this._coordinates);
                    if (context.hasSeparateLabel && this._label) {
                        this._projectLabel()
                    }
                },
                _projectLabel() {
                    this._labelProjection = this._ctx.str.projectLabel(this._projection)
                },
                draw() {
                    const context = this._ctx;
                    context.str.draw(context, this._fig = {}, this._data);
                    this._fig.root.append(context.root)
                },
                transform() {
                    const that = this;
                    const context = that._ctx;
                    context.str.transform(that._fig, context.projection, that._projection);
                    if (context.hasSeparateLabel && that._label) {
                        that._transformLabel()
                    }
                },
                _transformLabel() {
                    this._ctx.str.transformLabel(this._label, this._ctx.projection, this._labelProjection)
                },
                refresh() {
                    const strategy = this._ctx.str;
                    const settings = getItemSettings(this._ctx, this.proxy, this._settings);
                    this._styles = strategy.getStyles(settings);
                    strategy.refresh(this._ctx, this._fig, this._data, this.proxy, settings);
                    this._refreshLabel(settings);
                    this._setState()
                },
                _refreshLabel(settings) {
                    const that = this;
                    const context = that._ctx;
                    const labelSettings = settings.label;
                    let label = that._label;
                    if (context.settings.label.enabled) {
                        if (!label) {
                            label = that._label = {
                                root: context.labelRoot || that._fig.root,
                                text: context.renderer.text().attr({
                                    class: "dxm-label"
                                }),
                                size: [0, 0]
                            };
                            if (context.hasSeparateLabel) {
                                that._projectLabel();
                                that._transformLabel()
                            }
                        }
                        label.value = _String(that.proxy.text || that.proxy.attribute(labelSettings.dataField) || "");
                        if (label.value) {
                            label.text.attr({
                                text: label.value,
                                x: 0,
                                y: 0
                            }).css((0, _utils.patchFontOptions)(labelSettings.font)).attr({
                                align: "center",
                                stroke: labelSettings.stroke,
                                "stroke-width": labelSettings["stroke-width"],
                                "stroke-opacity": labelSettings["stroke-opacity"]
                            }).data(context.dataKey, that._data).append(label.root);
                            label.settings = settings
                        }
                    } else if (label) {
                        label.text.remove();
                        that._label = null
                    }
                },
                measureLabel() {
                    const label = this._label;
                    let bBox;
                    if (label.value) {
                        bBox = label.text.getBBox();
                        label.size = [bBox.width, bBox.height, -bBox.y - bBox.height / 2]
                    }
                },
                adjustLabel() {
                    const label = this._label;
                    let offset;
                    if (label.value) {
                        offset = this._ctx.str.getLabelOffset(label, label.settings);
                        label.settings = null;
                        label.text.attr({
                            x: offset[0],
                            y: offset[1] + label.size[2]
                        })
                    }
                },
                update(settings) {
                    const that = this;
                    that._settings = combineSettings(that._settings, settings);
                    if (that._fig) {
                        that.refresh();
                        if (that._label && that._label.value) {
                            that.measureLabel();
                            that.adjustLabel()
                        }
                    }
                },
                _setState() {
                    this._ctx.str.setState(this._fig, this._styles, STATE_TO_INDEX[this._state])
                },
                _setForeground() {
                    const root = this._fig.root;
                    this._state ? root.toForeground() : root.toBackground()
                },
                setHovered(state) {
                    const that = this;
                    const currentState = hasFlag(that._state, 1);
                    const newState = !!state;
                    if (that._ctx.hover && currentState !== newState) {
                        that._state = setFlag(that._state, 1, newState);
                        that._setState();
                        that._setForeground();
                        raiseChanged(that._ctx, that, newState, "hoverChanged")
                    }
                    return that
                },
                setSelected(state, _noEvent) {
                    const that = this;
                    const currentState = hasFlag(that._state, 2);
                    const newState = !!state;
                    const selection = that._ctx.selection;
                    let tmp;
                    if (selection && currentState !== newState) {
                        that._state = setFlag(that._state, 2, newState);
                        tmp = selection.state[selection.single];
                        selection.state[selection.single] = null;
                        if (tmp) {
                            tmp.setSelected(false)
                        }
                        selection.state[selection.single || that._index] = state ? that : null;
                        if (that._fig) {
                            that._setState();
                            that._setForeground();
                            if (!_noEvent) {
                                raiseChanged(that._ctx, that, newState, "selectionChanged")
                            }
                        }
                    }
                },
                isSelected() {
                    return hasFlag(this._state, 2)
                },
                resetSelected() {
                    this._state = setFlag(this._state, 2, false)
                },
                restoreSelected() {
                    this._fig.root.toForeground()
                }
            };

            function calculatePolygonCentroid(coordinates) {
                let i;
                const length = coordinates.length;
                let v1;
                let v2 = coordinates[length - 1];
                let cross;
                let cx = 0;
                let cy = 0;
                let area = 0;
                let minX = 1 / 0;
                let maxX = -1 / 0;
                let minY = 1 / 0;
                let maxY = -1 / 0;
                for (i = 0; i < length; ++i) {
                    v1 = v2;
                    v2 = coordinates[i];
                    cross = v1[0] * v2[1] - v2[0] * v1[1];
                    area += cross;
                    cx += (v1[0] + v2[0]) * cross;
                    cy += (v1[1] + v2[1]) * cross;
                    minX = _min(minX, v2[0]);
                    maxX = _max(maxX, v2[0]);
                    minY = _min(minY, v2[1]);
                    maxY = _max(maxY, v2[1])
                }
                return {
                    area: _abs(area) / 2,
                    center: [2 * cx / 3 / area - (minX + maxX) / 2, 2 * cy / 3 / area - (minY + maxY) / 2]
                }
            }

            function calculateLineStringData(coordinates) {
                let i;
                const ii = coordinates.length;
                let v1;
                let v2 = coordinates[0] || [];
                let totalLength = 0;
                const items = [0];
                let min0 = v2[0];
                let max0 = v2[0];
                let min1 = v2[1];
                let max1 = v2[1];
                for (i = 1; i < ii; ++i) {
                    v1 = v2;
                    v2 = coordinates[i];
                    totalLength += _sqrt((v1[0] - v2[0]) * (v1[0] - v2[0]) + (v1[1] - v2[1]) * (v1[1] - v2[1]));
                    items[i] = totalLength;
                    min0 = _min(min0, v2[0]);
                    max0 = _max(max0, v2[0]);
                    min1 = _min(min1, v2[1]);
                    max1 = _max(max1, v2[1])
                }
                i = findGroupingIndex(totalLength / 2, items);
                v1 = coordinates[i];
                v2 = coordinates[i + 1];
                const t = (totalLength / 2 - items[i]) / (items[i + 1] - items[i]);
                return ii ? [
                    [v1[0] * (1 - t) + v2[0] * t, v1[1] * (1 - t) + v2[1] * t],
                    [max0 - min0, max1 - min1], totalLength
                ] : []
            }

            function MapLayerCollection(params) {
                const renderer = params.renderer;
                this._params = params;
                this._layers = [];
                this._layerByName = {};
                this._rect = [0, 0, 0, 0];
                this._clip = renderer.clipRect();
                this._background = renderer.rect().attr({
                    class: "dxm-background"
                }).data(params.dataKey, {
                    name: "background"
                }).append(renderer.root);
                this._container = renderer.g().attr({
                    class: "dxm-layers",
                    "clip-path": this._clip.id
                }).append(renderer.root).enableLinks();
                this._subscribeToTracker(params.tracker, renderer, params.eventTrigger);
                this._dataReady = params.dataReady
            }
            MapLayerCollection.prototype = {
                constructor: MapLayerCollection,
                dispose() {
                    this._clip.dispose();
                    this._layers.forEach(l => l.dispose());
                    this._offTracker();
                    this._params = this._offTracker = this._layers = this._layerByName = this._clip = this._background = this._container = null
                },
                _subscribeToTracker(tracker, renderer, eventTrigger) {
                    const that = this;
                    that._offTracker = tracker.on({
                        click(arg) {
                            const offset = renderer.getRootOffset();
                            const layer = that.byName(arg.data.name);
                            arg.$event.x = arg.x - offset.left;
                            arg.$event.y = arg.y - offset.top;
                            if (layer) {
                                layer.raiseClick(arg.data.index, arg.$event)
                            } else if ("background" === arg.data.name) {
                                eventTrigger("click", {
                                    event: arg.$event
                                })
                            }
                        },
                        "hover-on": function(arg) {
                            const layer = that.byName(arg.data.name);
                            if (layer) {
                                layer.hoverItem(arg.data.index, true)
                            }
                        },
                        "hover-off": function(arg) {
                            const layer = that.byName(arg.data.name);
                            if (layer) {
                                layer.hoverItem(arg.data.index, false)
                            }
                        }
                    })
                },
                setOptions(options) {
                    const that = this;
                    const optionList = options ? _isArray(options) ? options : [options] : [];
                    let layers = that._layers;
                    let readyCallbacks = [];
                    const needToCreateLayers = optionList.length !== layers.length || layers.some((l, i) => {
                        const name = getName(optionList, i);
                        return (0, _type.isDefined)(name) && name !== l.proxy.name
                    });
                    if (needToCreateLayers) {
                        that._params.tracker.reset();
                        that._layers.forEach(l => l.dispose());
                        const layerByName = that._layerByName = {};
                        that._layers = layers = [];
                        for (let i = 0, ii = optionList.length; i < ii; ++i) {
                            const name = getName(optionList, i) || `map-layer-${i}`;
                            const layer = layers[i] = new MapLayer(that._params, that._container, name, i);
                            layerByName[name] = layer
                        }
                    }
                    layers.forEach((l, i) => {
                        l.setOptions(optionList[i])
                    });
                    readyCallbacks = layers.map(l => l.getDataReadyCallback());
                    readyCallbacks.length && _deferred.when.apply(void 0, readyCallbacks).done(that._dataReady)
                },
                _updateClip() {
                    const rect = this._rect;
                    const bw = this._borderWidth;
                    this._clip.attr({
                        x: rect[0] + bw,
                        y: rect[1] + bw,
                        width: _max(rect[2] - 2 * bw, 0),
                        height: _max(rect[3] - 2 * bw, 0)
                    })
                },
                setBackgroundOptions(options) {
                    this._background.attr({
                        stroke: options.borderColor,
                        "stroke-width": options.borderWidth,
                        fill: options.color
                    });
                    this._borderWidth = _max(options.borderWidth, 0);
                    this._updateClip()
                },
                setRect(rect) {
                    this._rect = rect;
                    this._background.attr({
                        x: rect[0],
                        y: rect[1],
                        width: rect[2],
                        height: rect[3]
                    });
                    this._updateClip()
                },
                byIndex(index) {
                    return this._layers[index]
                },
                byName(name) {
                    return this._layerByName[name]
                },
                items() {
                    return this._layers
                }
            }
        },
        56984(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            Object.defineProperty(exports, "projection", {
                enumerable: true,
                get: function() {
                    return _projection.projection
                }
            });
            var _projection = __webpack_require__( /*! ../../viz/vector_map/projection.main */ 8593);
            const _min = Math.min;
            const _max = Math.max;
            const _sin = Math.sin;
            const _asin = Math.asin;
            const _tan = Math.tan;
            const _atan = Math.atan;
            const _exp = Math.exp;
            const _log = Math.log;
            const PI = Math.PI;
            const PI_DIV_4 = PI / 4;
            const RADIANS = PI / 180;
            const MERCATOR_LAT_BOUND = (2 * _atan(_exp(PI)) - PI / 2) / RADIANS;
            const MILLER_LAT_BOUND = (2.5 * _atan(_exp(.8 * PI)) - .625 * PI) / RADIANS;

            function clamp(value, threshold) {
                return _max(_min(value, +threshold), -threshold)
            }
            _projection.projection.add("mercator", (0, _projection.projection)({
                aspectRatio: 1,
                to: coordinates => [coordinates[0] / 180, _log(_tan(PI_DIV_4 + clamp(coordinates[1], MERCATOR_LAT_BOUND) * RADIANS / 2)) / PI],
                from: coordinates => [180 * coordinates[0], (2 * _atan(_exp(coordinates[1] * PI)) - PI / 2) / RADIANS]
            }));
            _projection.projection.add("equirectangular", (0, _projection.projection)({
                aspectRatio: 2,
                to: coordinates => [coordinates[0] / 180, coordinates[1] / 90],
                from: coordinates => [180 * coordinates[0], 90 * coordinates[1]]
            }));
            _projection.projection.add("lambert", (0, _projection.projection)({
                aspectRatio: 2,
                to: coordinates => [coordinates[0] / 180, _sin(clamp(coordinates[1], 90) * RADIANS)],
                from: coordinates => [180 * coordinates[0], _asin(clamp(coordinates[1], 1)) / RADIANS]
            }));
            _projection.projection.add("miller", (0, _projection.projection)({
                aspectRatio: 1,
                to: coordinates => [coordinates[0] / 180, 1.25 * _log(_tan(PI_DIV_4 + clamp(coordinates[1], MILLER_LAT_BOUND) * RADIANS * .4)) / PI],
                from: coordinates => [180 * coordinates[0], (2.5 * _atan(_exp(.8 * coordinates[1] * PI)) - .625 * PI) / RADIANS]
            }))
        },
        8593(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.projection = exports.Projection = void 0;
            var _extend = __webpack_require__( /*! ../../../core/utils/extend */ 52576);
            var _event_emitter = __webpack_require__( /*! ../../viz/vector_map/event_emitter */ 13612);
            const _Number = Number;
            const _min = Math.min;
            const _max = Math.max;
            const _abs = Math.abs;
            const _round = Math.round;
            const _ln = Math.log;
            const TWO_TO_LN2 = 2 / Math.LN2;
            const DEFAULT_CENTER = [NaN, NaN];

            function floatsEqual(f1, f2) {
                return _abs(f1 - f2) < 1e-8
            }

            function arraysEqual(a1, a2) {
                return floatsEqual(a1[0], a2[0]) && floatsEqual(a1[1], a2[1])
            }

            function parseAndClamp(value, minValue, maxValue, defaultValue) {
                const val = _Number(value);
                return isFinite(val) ? _min(_max(val, minValue), maxValue) : defaultValue
            }

            function parseAndClampArray(value, minValue, maxValue, defaultValue) {
                return [parseAndClamp(value[0], minValue[0], maxValue[0], defaultValue[0]), parseAndClamp(value[1], minValue[1], maxValue[1], defaultValue[1])]
            }

            function getEngine(engine) {
                return engine instanceof Engine && engine || projection.get(engine) || projection(engine) || projection.get("mercator")
            }
            const Projection = function(parameters) {
                this._initEvents();
                this._params = parameters;
                this._engine = getEngine();
                this._center = this._engine.center();
                this._adjustCenter()
            };
            exports.Projection = Projection;
            Projection.prototype = {
                constructor: Projection,
                _minZoom: 1,
                _maxZoom: 256,
                _zoom: 1,
                _center: DEFAULT_CENTER,
                _canvas: {},
                _scale: [],
                dispose() {
                    this._disposeEvents()
                },
                setEngine(value) {
                    const that = this;
                    const engine = getEngine(value);
                    if (that._engine !== engine) {
                        that._engine = engine;
                        that._fire("engine");
                        if (that._changeCenter(engine.center())) {
                            that._triggerCenterChanged()
                        }
                        if (that._changeZoom(that._minZoom)) {
                            that._triggerZoomChanged()
                        }
                        that._adjustCenter();
                        that._setupScreen()
                    }
                },
                setBounds(bounds) {
                    if (void 0 !== bounds) {
                        this.setEngine(this._engine.original().bounds(bounds))
                    }
                },
                _setupScreen() {
                    const that = this;
                    const canvas = that._canvas;
                    const width = canvas.width;
                    const height = canvas.height;
                    const engine = that._engine;
                    const aspectRatio = engine.ar();
                    that._x0 = canvas.left + width / 2;
                    that._y0 = canvas.top + height / 2;
                    const min = [that.project([engine.min()[0], 0])[0], that.project([0, engine.min()[1]])[1]];
                    const max = [that.project([engine.max()[0], 0])[0], that.project([0, engine.max()[1]])[1]];
                    const screenAR = width / height;
                    const boundsAR = _abs(max[0] - min[0]) / _abs(max[1] - min[1]);
                    let correction;
                    if (isNaN(boundsAR) || 0 === boundsAR || _min(screenAR, aspectRatio) <= aspectRatio * boundsAR && aspectRatio * boundsAR <= _max(screenAR, aspectRatio)) {
                        correction = 1
                    } else {
                        correction = boundsAR > 1 ? boundsAR : 1 / boundsAR
                    }
                    if (aspectRatio * boundsAR >= screenAR) {
                        that._xRadius = width / 2 / correction;
                        that._yRadius = width / 2 / (aspectRatio * correction)
                    } else {
                        that._xRadius = height / 2 * (aspectRatio / correction);
                        that._yRadius = height / 2 / correction
                    }
                    that._fire("screen")
                },
                setSize(canvas) {
                    this._canvas = canvas;
                    this._setupScreen()
                },
                getCanvas() {
                    return this._canvas
                },
                _toScreen(coordinates) {
                    return [this._x0 + this._xRadius * coordinates[0], this._y0 + this._yRadius * coordinates[1]]
                },
                _fromScreen(coordinates) {
                    return [(coordinates[0] - this._x0) / this._xRadius, (coordinates[1] - this._y0) / this._yRadius]
                },
                _toTransformed(coordinates) {
                    return [coordinates[0] * this._zoom + this._xCenter, coordinates[1] * this._zoom + this._yCenter]
                },
                _toTransformedFast(coordinates) {
                    return [coordinates[0] * this._zoom, coordinates[1] * this._zoom]
                },
                _fromTransformed(coordinates) {
                    return [(coordinates[0] - this._xCenter) / this._zoom, (coordinates[1] - this._yCenter) / this._zoom]
                },
                _adjustCenter() {
                    const center = this._engine.project(this._center);
                    this._xCenter = -center[0] * this._zoom || 0;
                    this._yCenter = -center[1] * this._zoom || 0
                },
                project(coordinates) {
                    return this._engine.project(coordinates)
                },
                transform(coordinates) {
                    return this._toScreen(this._toTransformedFast(coordinates))
                },
                isInvertible() {
                    return this._engine.isInvertible()
                },
                getSquareSize(size) {
                    return [size[0] * this._zoom * this._xRadius, size[1] * this._zoom * this._yRadius]
                },
                getZoom() {
                    return this._zoom
                },
                _changeZoom(value) {
                    const that = this;
                    const oldZoom = that._zoom;
                    const newZoom = that._zoom = parseAndClamp(value, that._minZoom, that._maxZoom, that._minZoom);
                    const isChanged = !floatsEqual(oldZoom, newZoom);
                    if (isChanged) {
                        that._adjustCenter();
                        that._fire("zoom")
                    }
                    return isChanged
                },
                setZoom(value) {
                    if (this._engine.isInvertible() && this._changeZoom(value)) {
                        this._triggerZoomChanged()
                    }
                },
                getScaledZoom() {
                    return _round((this._scale.length - 1) * _ln(this._zoom) / _ln(this._maxZoom))
                },
                setScaledZoom(scaledZoom) {
                    this.setZoom(this._scale[_round(scaledZoom)])
                },
                changeScaledZoom(deltaZoom) {
                    this.setZoom(this._scale[_max(_min(_round(this.getScaledZoom() + deltaZoom), this._scale.length - 1), 0)])
                },
                getZoomScalePartition() {
                    return this._scale.length - 1
                },
                _setupScaling() {
                    const that = this;
                    const k = _max(_round(TWO_TO_LN2 * _ln(that._maxZoom)), 4);
                    const step = that._maxZoom ** (1 / k);
                    let zoom = that._minZoom;
                    that._scale = [zoom];
                    for (let i = 1; i <= k; ++i) {
                        that._scale.push(zoom *= step)
                    }
                },
                setMaxZoom(maxZoom) {
                    const that = this;
                    that._minZoom = 1;
                    that._maxZoom = parseAndClamp(maxZoom, that._minZoom, _Number.MAX_VALUE, 256);
                    that._setupScaling();
                    if (that._zoom > that._maxZoom) {
                        that.setZoom(that._maxZoom)
                    }
                    that._fire("max-zoom")
                },
                getCenter() {
                    return this._center.slice()
                },
                setCenter(value) {
                    if (this._engine.isInvertible() && this._changeCenter(value || [])) {
                        this._triggerCenterChanged()
                    }
                },
                _changeCenter(value) {
                    const that = this;
                    const engine = that._engine;
                    const oldCenter = that._center;
                    const newCenter = that._center = parseAndClampArray(value, engine.min(), engine.max(), engine.center());
                    const isChanged = !arraysEqual(oldCenter, newCenter);
                    if (isChanged) {
                        that._adjustCenter();
                        that._fire("center")
                    }
                    return isChanged
                },
                _triggerCenterChanged() {
                    this._params.centerChanged(this.getCenter())
                },
                _triggerZoomChanged() {
                    this._params.zoomChanged(this.getZoom())
                },
                setCenterByPoint(coordinates, screenPosition) {
                    const p = this._engine.project(coordinates);
                    const q = this._fromScreen(screenPosition);
                    this.setCenter(this._engine.unproject([-q[0] / this._zoom + p[0], -q[1] / this._zoom + p[1]]))
                },
                beginMoveCenter() {
                    if (this._engine.isInvertible()) {
                        this._moveCenter = this._center
                    }
                },
                endMoveCenter() {
                    const that = this;
                    if (that._moveCenter) {
                        if (!arraysEqual(that._moveCenter, that._center)) {
                            that._triggerCenterChanged()
                        }
                        that._moveCenter = null
                    }
                },
                moveCenter(shift) {
                    const that = this;
                    if (that._moveCenter) {
                        const current = that.toScreenPoint(that._center);
                        that._changeCenter(that.fromScreenPoint([current[0] + shift[0], current[1] + shift[1]]))
                    }
                },
                getViewport() {
                    const unproject = this._engine.unproject;
                    const lt = unproject(this._fromTransformed([-1, -1]));
                    const lb = unproject(this._fromTransformed([-1, 1]));
                    const rt = unproject(this._fromTransformed([1, -1]));
                    const rb = unproject(this._fromTransformed([1, 1]));
                    const minMax = findMinMax([selectFarthestPoint(lt[0], lb[0], rt[0], rb[0]), selectFarthestPoint(lt[1], rt[1], lb[1], rb[1])], [selectFarthestPoint(rt[0], rb[0], lt[0], lb[0]), selectFarthestPoint(lb[1], rb[1], lt[1], rt[1])]);
                    return [].concat(minMax.min[0], minMax.max[1], minMax.max[0], minMax.min[1])
                },
                setViewport(viewport) {
                    const engine = this._engine;
                    const data = viewport ? function(project, unproject, viewport) {
                        const lt = project([viewport[0], viewport[3]]);
                        const lb = project([viewport[0], viewport[1]]);
                        const rt = project([viewport[2], viewport[3]]);
                        const rb = project([viewport[2], viewport[1]]);
                        const l = selectClosestPoint(lt[0], lb[0], rt[0], rb[0]);
                        const r = selectClosestPoint(rt[0], rb[0], lt[0], lb[0]);
                        const t = selectClosestPoint(lt[1], rt[1], lb[1], rb[1]);
                        const b = selectClosestPoint(lb[1], rb[1], lt[1], rt[1]);
                        return [2 / _max(_abs(l - r), _abs(t - b)), unproject([(l + r) / 2, (t + b) / 2])]
                    }(engine.project, engine.unproject, viewport) : [this._minZoom, engine.center()];
                    this.setZoom(data[0]);
                    this.setCenter(data[1])
                },
                getTransform() {
                    return {
                        translateX: this._xCenter * this._xRadius,
                        translateY: this._yCenter * this._yRadius
                    }
                },
                fromScreenPoint(coordinates) {
                    return this._engine.unproject(this._fromTransformed(this._fromScreen(coordinates)))
                },
                toScreenPoint(coordinates) {
                    return this._toScreen(this._toTransformed(this._engine.project(coordinates)))
                },
                _eventNames: ["engine", "screen", "center", "zoom", "max-zoom"]
            };
            (0, _event_emitter.makeEventEmitter)(Projection);

            function selectFarthestPoint(point1, point2, basePoint1, basePoint2) {
                const basePoint = (basePoint1 + basePoint2) / 2;
                return _abs(point1 - basePoint) > _abs(point2 - basePoint) ? point1 : point2
            }

            function selectClosestPoint(point1, point2, basePoint1, basePoint2) {
                const basePoint = (basePoint1 + basePoint2) / 2;
                return _abs(point1 - basePoint) < _abs(point2 - basePoint) ? point1 : point2
            }

            function setMinMax(engine, p1, p2) {
                const {
                    min: min,
                    max: max
                } = findMinMax(p1, p2);
                engine.min = returnArray(min);
                engine.max = returnArray(max)
            }
            const Engine = class {
                constructor(parameters) {
                    const project = (method = parameters.to, arg => invertVerticalAxis(method(arg)));
                    var method;
                    const unproject = parameters.from ? function(method) {
                        return arg => method(invertVerticalAxis(arg))
                    }(parameters.from) : returnValue(DEFAULT_CENTER);
                    this.project = project;
                    this.unproject = unproject;
                    this.original = returnValue(this);
                    this.source = function() {
                        return (0, _extend.extend)({}, parameters)
                    };
                    this.isInvertible = returnValue(!!parameters.from);
                    this.ar = returnValue(parameters.aspectRatio > 0 ? _Number(parameters.aspectRatio) : 1);
                    this.center = returnArray(unproject([0, 0]));
                    setMinMax(this, [unproject([-1, 0])[0], unproject([0, 1])[1]], [unproject([1, 0])[0], unproject([0, -1])[1]])
                }
                aspectRatio(aspectRatio) {
                    const engine = new Engine((0, _extend.extend)(this.source(), {
                        aspectRatio: aspectRatio
                    }));
                    engine.original = this.original;
                    engine.min = this.min;
                    engine.max = this.max;
                    return engine
                }
                bounds(bounds) {
                    bounds = bounds || [];
                    const parameters = this.source();
                    const min = this.min();
                    const max = this.max();
                    const b1 = parseAndClampArray([bounds[0], bounds[1]], min, max, min);
                    const b2 = parseAndClampArray([bounds[2], bounds[3]], min, max, max);
                    const p1 = parameters.to(b1);
                    const p2 = parameters.to(b2);
                    const delta = _min(_abs(p2[0] - p1[0]) > 1.54320987654321e-7 ? _abs(p2[0] - p1[0]) : 2, _abs(p2[1] - p1[1]) > 1.54320987654321e-7 ? _abs(p2[1] - p1[1]) : 2);
                    if (delta < 2) {
                        (0, _extend.extend)(parameters, function(project, unproject, p1, p2, delta) {
                            const x0 = (p1[0] + p2[0]) / 2 - delta / 2;
                            const y0 = (p1[1] + p2[1]) / 2 - delta / 2;
                            const k = 2 / delta;
                            return {
                                to(coordinates) {
                                    const [p0, p1] = project(coordinates);
                                    return [(p0 - x0) * k - 1, (p1 - y0) * k - 1]
                                },
                                from: coordinates => unproject([x0 + (coordinates[0] + 1) / k, y0 + (coordinates[1] + 1) / k])
                            }
                        }(parameters.to, parameters.from, p1, p2, delta))
                    }
                    const engine = new Engine(parameters);
                    engine.original = this.original;
                    setMinMax(engine, b1, b2);
                    return engine
                }
            };

            function invertVerticalAxis(pair) {
                return [pair[0], -pair[1]]
            }

            function returnValue(value) {
                return () => value
            }

            function returnArray(value) {
                return () => value.slice()
            }

            function findMinMax(p1, p2) {
                return {
                    min: [_min(p1[0], p2[0]), _min(p1[1], p2[1])],
                    max: [_max(p1[0], p2[0]), _max(p1[1], p2[1])]
                }
            }
            const projection = function(parameters) {
                return parameters && parameters.to ? new Engine(parameters) : null
            };
            exports.projection = projection;
            const projectionsCache = {};
            projection.get = function(name) {
                return projectionsCache[name] || null
            };
            projection.add = function(name, engine) {
                engine = engine instanceof Engine && engine || projection(engine);
                if (!projectionsCache[name] && engine) {
                    projectionsCache[name] = engine
                }
                return projection
            }
        },
        43803(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.TooltipViewer = TooltipViewer;

            function TooltipViewer(params) {
                this._subscribeToTracker(params.tracker, params.tooltip, params.layerCollection)
            }
            TooltipViewer.prototype = {
                constructor: TooltipViewer,
                dispose() {
                    this._offTracker();
                    this._offTracker = null
                },
                _subscribeToTracker(tracker, tooltip, layerCollection) {
                    this._offTracker = tracker.on({
                        "focus-on": function(arg) {
                            let layer;
                            let proxy;
                            if (tooltip.isEnabled()) {
                                layer = layerCollection.byName(arg.data.name);
                                proxy = layer && layer.getProxy(arg.data.index);
                                const callback = result => {
                                    result && arg.done(result)
                                };
                                proxy && callback(tooltip.show(proxy, {
                                    x: arg.x,
                                    y: arg.y,
                                    offset: 12
                                }, {
                                    target: proxy
                                }, void 0, callback))
                            }
                        },
                        "focus-move": function(arg) {
                            tooltip.move(arg.x, arg.y, 12)
                        },
                        "focus-off": function() {
                            tooltip.hide()
                        }
                    })
                }
            }
        },
        92673(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.Tracker = Tracker;
            var _events_engine = _interopRequireDefault(__webpack_require__( /*! ../../../common/core/events/core/events_engine */ 92774));
            var _wheel = __webpack_require__( /*! ../../../common/core/events/core/wheel */ 37373);
            var _index = __webpack_require__( /*! ../../../common/core/events/utils/index */ 98834);
            var _dom_adapter = _interopRequireDefault(__webpack_require__( /*! ../../../core/dom_adapter */ 64960));
            var _window = __webpack_require__( /*! ../../../core/utils/window */ 3104);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _event_emitter = __webpack_require__( /*! ../../viz/vector_map/event_emitter */ 13612);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            const navigator = (0, _window.getNavigator)();
            const _math = Math;
            const _abs = _math.abs;
            const _sqrt = _math.sqrt;
            const _round = _math.round;
            const _addNamespace = _index.addNamespace;
            const _NAME = "dxVectorMap";
            let EVENTS;
            let Focus;
            ! function() {
                let flags = [navigator.pointerEnabled, navigator.msPointerEnabled, (0, _window.hasProperty)("ontouchstart")];
                EVENTS = {
                    start: selectItem(flags, ["pointerdown", "MSPointerDown", "touchstart mousedown", "mousedown"]),
                    move: selectItem(flags, ["pointermove", "MSPointerMove", "touchmove mousemove", "mousemove"]),
                    end: selectItem(flags, ["pointerup", "MSPointerUp", "touchend mouseup", "mouseup"]),
                    wheel: _addNamespace(_wheel.name, _NAME)
                }
            }();

            function Tracker(parameters) {
                const that = this;
                that._root = parameters.root;
                that._createEventHandlers(parameters.dataKey);
                that._createProjectionHandlers(parameters.projection);
                that._initEvents();
                that._focus = new Focus((name, arg) => {
                    that._fire(name, arg)
                });
                that._attachHandlers()
            }
            Tracker.prototype = {
                constructor: Tracker,
                dispose() {
                    this._detachHandlers();
                    this._disposeEvents();
                    this._focus.dispose();
                    this._root = this._focus = this._docHandlers = this._rootHandlers = null
                },
                _eventNames: ["start", "move", "end", "zoom", "click", "hover-on", "hover-off", "focus-on", "focus-off", "focus-move"],
                _startClick(event, data) {
                    if (!data) {
                        return
                    }
                    const coords = getEventCoords(event);
                    this._clickState = {
                        x: coords.x,
                        y: coords.y,
                        threshold: isTouchEvent(event) ? 20 : 5,
                        time: Date.now()
                    }
                },
                _endClick(event, data) {
                    const state = this._clickState;
                    let threshold;
                    let coords;
                    if (!state) {
                        return
                    }
                    if (data && Date.now() - state.time <= 500) {
                        threshold = state.threshold;
                        coords = getEventCoords(event);
                        if (_abs(coords.x - state.x) <= threshold && _abs(coords.y - state.y) <= threshold) {
                            this._fire("click", {
                                data: data,
                                x: coords.x,
                                y: coords.y,
                                $event: event
                            })
                        }
                    }
                    this._clickState = null
                },
                _startDrag(event, data) {
                    if (!data) {
                        return
                    }
                    const coords = getEventCoords(event);
                    const state = this._dragState = {
                        x: coords.x,
                        y: coords.y,
                        data: data
                    };
                    this._fire("start", {
                        x: state.x,
                        y: state.y,
                        data: state.data
                    })
                },
                _moveDrag(event, data) {
                    const state = this._dragState;
                    if (!state) {
                        return
                    }
                    const coords = getEventCoords(event);
                    const threshold = isTouchEvent(event) ? 10 : 5;
                    if (state.active || _abs(coords.x - state.x) > threshold || _abs(coords.y - state.y) > threshold) {
                        state.x = coords.x;
                        state.y = coords.y;
                        state.active = true;
                        state.data = data || {};
                        this._fire("move", {
                            x: state.x,
                            y: state.y,
                            data: state.data
                        })
                    }
                },
                _endDrag() {
                    const state = this._dragState;
                    if (!state) {
                        return
                    }
                    this._dragState = null;
                    this._fire("end", {
                        x: state.x,
                        y: state.y,
                        data: state.data
                    })
                },
                _wheelZoom(event, data) {
                    if (!data) {
                        return
                    }
                    const lock = this._wheelLock;
                    const time = Date.now();
                    if (time - lock.time <= 50) {
                        return
                    }
                    if (time - lock.dirTime > 300) {
                        lock.dir = 0
                    }
                    const delta = function(delta, lock) {
                        if (0 === delta) {
                            return 0
                        }
                        let _delta = _abs(delta);
                        const sign = _round(delta / _delta);
                        if (lock.dir && sign !== lock.dir) {
                            return 0
                        }
                        lock.dir = sign;
                        if (_delta < .1) {
                            _delta = 0
                        } else if (_delta < 1) {
                            _delta = 1
                        } else if (_delta > 4) {
                            _delta = 4
                        } else {
                            _delta = _round(_delta)
                        }
                        return sign * _delta
                    }(event.delta / 120 || 0, lock);
                    if (0 === delta) {
                        return
                    }
                    const coords = getEventCoords(event);
                    this._fire("zoom", {
                        delta: delta,
                        x: coords.x,
                        y: coords.y
                    });
                    lock.time = lock.dirTime = time
                },
                _startZoom(event, data) {
                    if (!isTouchEvent(event) || !data) {
                        return
                    }
                    const state = this._zoomState = this._zoomState || {};
                    let coords;
                    let pointer2;
                    if (state.pointer1 && state.pointer2) {
                        return
                    }
                    if (void 0 === state.pointer1) {
                        state.pointer1 = getPointerId(event) || 0;
                        coords = getMultitouchEventCoords(event, state.pointer1);
                        state.x1 = state.x1_0 = coords.x;
                        state.y1 = state.y1_0 = coords.y
                    }
                    if (void 0 === state.pointer2) {
                        pointer2 = getPointerId(event) || 1;
                        if (pointer2 !== state.pointer1) {
                            coords = getMultitouchEventCoords(event, pointer2);
                            if (coords) {
                                state.x2 = state.x2_0 = coords.x;
                                state.y2 = state.y2_0 = coords.y;
                                state.pointer2 = pointer2;
                                state.ready = true;
                                this._endDrag()
                            }
                        }
                    }
                },
                _moveZoom(event) {
                    const state = this._zoomState;
                    let coords;
                    if (!state || !isTouchEvent(event)) {
                        return
                    }
                    if (void 0 !== state.pointer1) {
                        coords = getMultitouchEventCoords(event, state.pointer1);
                        if (coords) {
                            state.x1 = coords.x;
                            state.y1 = coords.y
                        }
                    }
                    if (void 0 !== state.pointer2) {
                        coords = getMultitouchEventCoords(event, state.pointer2);
                        if (coords) {
                            state.x2 = coords.x;
                            state.y2 = coords.y
                        }
                    }
                },
                _endZoom(event) {
                    const state = this._zoomState;
                    let startDistance;
                    let currentDistance;
                    if (!state || !isTouchEvent(event)) {
                        return
                    }
                    if (state.ready) {
                        startDistance = getDistance(state.x1_0, state.y1_0, state.x2_0, state.y2_0);
                        currentDistance = getDistance(state.x1, state.y1, state.x2, state.y2);
                        this._fire("zoom", {
                            ratio: currentDistance / startDistance,
                            x: (state.x1_0 + state.x2_0) / 2,
                            y: (state.y1_0 + state.y2_0) / 2
                        })
                    }
                    this._zoomState = null
                },
                _startHover(event, data) {
                    this._doHover(event, data, true)
                },
                _moveHover(event, data) {
                    this._doHover(event, data, false)
                },
                _doHover(event, data, isTouch) {
                    const that = this;
                    if (that._dragState && that._dragState.active || that._zoomState && that._zoomState.ready) {
                        that._cancelHover();
                        return
                    }
                    if (isTouchEvent(event) !== isTouch || that._hoverTarget === event.target || that._hoverState && that._hoverState.data === data) {
                        return
                    }
                    that._cancelHover();
                    if (data) {
                        that._hoverState = {
                            data: data
                        };
                        that._fire("hover-on", {
                            data: data
                        })
                    }
                    that._hoverTarget = event.target
                },
                _cancelHover() {
                    const state = this._hoverState;
                    this._hoverState = this._hoverTarget = null;
                    if (state) {
                        this._fire("hover-off", {
                            data: state.data
                        })
                    }
                },
                _startFocus(event, data) {
                    this._doFocus(event, data, true)
                },
                _moveFocus(event, data) {
                    this._doFocus(event, data, false)
                },
                _doFocus(event, data, isTouch) {
                    const that = this;
                    if (that._dragState && that._dragState.active || that._zoomState && that._zoomState.ready) {
                        that._cancelFocus();
                        return
                    }
                    if (isTouchEvent(event) !== isTouch) {
                        return
                    }
                    that._focus.turnOff();
                    data && that._focus.turnOn(data, getEventCoords(event))
                },
                _cancelFocus() {
                    this._focus.cancel()
                },
                _createEventHandlers(DATA_KEY) {
                    const that = this;
                    that._docHandlers = {};
                    that._rootHandlers = {};
                    that._docHandlers[EVENTS.start] = function(event) {
                        const isTouch = isTouchEvent(event);
                        const data = getData(event);
                        if (isTouch && !that._isTouchEnabled) {
                            return
                        }
                        if (data) {
                            event.preventDefault()
                        }
                        that._startClick(event, data);
                        that._startDrag(event, data);
                        that._startZoom(event, data);
                        that._startHover(event, data);
                        that._startFocus(event, data)
                    };
                    that._docHandlers[EVENTS.move] = function(event) {
                        const isTouch = isTouchEvent(event);
                        const data = getData(event);
                        if (isTouch && !that._isTouchEnabled) {
                            return
                        }
                        that._moveDrag(event, data);
                        that._moveZoom(event, data);
                        that._moveHover(event, data);
                        that._moveFocus(event, data)
                    };
                    that._docHandlers[EVENTS.end] = function(event) {
                        const isTouch = isTouchEvent(event);
                        const data = getData(event);
                        if (isTouch && !that._isTouchEnabled) {
                            return
                        }
                        that._endClick(event, data);
                        that._endDrag(event, data);
                        that._endZoom(event, data)
                    };
                    that._rootHandlers[EVENTS.wheel] = function(event) {
                        that._cancelFocus();
                        if (!that._isWheelEnabled) {
                            return
                        }
                        const data = getData(event);
                        if (data) {
                            event.preventDefault();
                            event.stopPropagation();
                            that._wheelZoom(event, data)
                        }
                    };
                    that._wheelLock = {
                        dir: 0
                    };

                    function getData(event) {
                        const target = event.target;
                        return ("tspan" === target.tagName ? target.parentNode : target)[DATA_KEY]
                    }
                },
                _createProjectionHandlers(projection) {
                    const that = this;
                    projection.on({
                        center: handler,
                        zoom: handler
                    });

                    function handler() {
                        that._cancelFocus()
                    }
                },
                reset() {
                    this._clickState = null;
                    this._endDrag();
                    this._cancelHover();
                    this._cancelFocus()
                },
                setOptions(options) {
                    this.reset();
                    this._detachHandlers();
                    this._isTouchEnabled = !!(0, _utils.parseScalar)(options.touchEnabled, true);
                    this._isWheelEnabled = !!(0, _utils.parseScalar)(options.wheelEnabled, true);
                    this._attachHandlers()
                },
                _detachHandlers() {
                    const that = this;
                    if (that._isTouchEnabled) {
                        that._root.css({
                            "touch-action": "",
                            "-webkit-user-select": ""
                        }).off(_addNamespace("MSHoldVisual", _NAME)).off(_addNamespace("contextmenu", _NAME))
                    }
                    _events_engine.default.off(_dom_adapter.default.getDocument(), that._docHandlers);
                    that._root.off(that._rootHandlers)
                },
                _attachHandlers() {
                    const that = this;
                    if (that._isTouchEnabled) {
                        that._root.css({
                            "touch-action": "none",
                            "-webkit-user-select": "none"
                        }).on(_addNamespace("MSHoldVisual", _NAME), event => {
                            event.preventDefault()
                        }).on(_addNamespace("contextmenu", _NAME), event => {
                            isTouchEvent(event) && event.preventDefault()
                        })
                    }
                    _events_engine.default.on(_dom_adapter.default.getDocument(), that._docHandlers);
                    that._root.on(that._rootHandlers)
                }
            };
            Focus = function(fire) {
                let that = this;
                let _activeData = null;
                let _data = null;
                let _disabled = false;
                let _x;
                let _y;
                that.dispose = function() {
                    that.turnOn = that.turnOff = that.cancel = that.dispose = that = fire = _activeData = _data = null
                };
                that.turnOn = function(data, coords) {
                    if (data === _data && _disabled) {
                        return
                    }
                    _disabled = false;
                    _data = data;
                    if (_activeData) {
                        _x = coords.x;
                        _y = coords.y;
                        if (_data === _activeData) {
                            fire("focus-move", {
                                data: _data,
                                x: _x,
                                y: _y
                            });
                            onCheck(true)
                        } else {
                            fire("focus-on", {
                                data: _data,
                                x: _x,
                                y: _y,
                                done: onCheck
                            })
                        }
                    } else {
                        _x = coords.x;
                        _y = coords.y;
                        fire("focus-on", {
                            data: _data,
                            x: _x,
                            y: _y,
                            done: onCheck
                        })
                    }

                    function onCheck(result) {
                        _disabled = !result;
                        if (result) {
                            _activeData = _data
                        }
                    }
                };
                that.turnOff = function() {
                    _data = null;
                    if (_activeData && !_disabled) {
                        fire("focus-off", {
                            data: _activeData
                        });
                        _activeData = null
                    }
                };
                that.cancel = function() {
                    if (_activeData) {
                        fire("focus-off", {
                            data: _activeData
                        })
                    }
                    _activeData = _data = null
                }
            };
            (0, _event_emitter.makeEventEmitter)(Tracker);

            function getDistance(x1, y1, x2, y2) {
                return _sqrt((x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 - y2))
            }

            function isTouchEvent(event) {
                const type = event.originalEvent.type;
                const pointerType = event.originalEvent.pointerType;
                return type.startsWith("touch") || type.startsWith("MSPointer") && 4 !== pointerType || type.startsWith("pointer") && "mouse" !== pointerType
            }

            function selectItem(flags, items) {
                let i = 0;
                const ii = flags.length;
                let item;
                for (; i < ii; ++i) {
                    if (flags[i]) {
                        item = items[i];
                        break
                    }
                }
                return _addNamespace(item || items[i], _NAME)
            }

            function getEventCoords(event) {
                const originalEvent = event.originalEvent;
                const touch = originalEvent.touches && originalEvent.touches[0] || {};
                return {
                    x: touch.pageX || originalEvent.pageX || event.pageX,
                    y: touch.pageY || originalEvent.pageY || event.pageY
                }
            }

            function getPointerId(event) {
                return event.originalEvent.pointerId
            }

            function getMultitouchEventCoords(event, pointerId) {
                let originalEvent = event.originalEvent;
                if (void 0 !== originalEvent.pointerId) {
                    originalEvent = originalEvent.pointerId === pointerId ? originalEvent : null
                } else {
                    originalEvent = originalEvent.touches[pointerId]
                }
                return originalEvent ? {
                    x: originalEvent.pageX || event.pageX,
                    y: originalEvent.pageY || event.pageY
                } : null
            }
        },
        5911(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.default = void 0;
            __webpack_require__( /*! ../../viz/vector_map/projection */ 56984);
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../../../core/component_registrator */ 92848));
            var _annotations = __webpack_require__( /*! ../../viz/core/annotations */ 77438);
            var _export = __webpack_require__( /*! ../../viz/core/export */ 43452);
            var _loading_indicator = __webpack_require__( /*! ../../viz/core/loading_indicator */ 71126);
            var _m_base_widget = _interopRequireDefault(__webpack_require__( /*! ../../viz/core/m_base_widget */ 34506));
            var _title = __webpack_require__( /*! ../../viz/core/title */ 69638);
            var _tooltip = __webpack_require__( /*! ../../viz/core/tooltip */ 94371);
            var _utils = __webpack_require__( /*! ../../viz/core/utils */ 98013);
            var _control_bar = __webpack_require__( /*! ../../viz/vector_map/control_bar/control_bar */ 3590);
            var _data_exchanger = __webpack_require__( /*! ../../viz/vector_map/data_exchanger */ 66879);
            var _gesture_handler = __webpack_require__( /*! ../../viz/vector_map/gesture_handler */ 48605);
            var _layout = __webpack_require__( /*! ../../viz/vector_map/layout */ 47943);
            var _legend = __webpack_require__( /*! ../../viz/vector_map/legend */ 89492);
            var _map_layer = __webpack_require__( /*! ../../viz/vector_map/map_layer */ 4249);
            var _projection2 = __webpack_require__( /*! ../../viz/vector_map/projection.main */ 8593);
            var _tooltip_viewer = __webpack_require__( /*! ../../viz/vector_map/tooltip_viewer */ 43803);
            var _tracker = __webpack_require__( /*! ../../viz/vector_map/tracker */ 92673);
            var _vector_map = __webpack_require__( /*! ../../viz/vector_map/vector_map.utils */ 53980);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }

            function mergeBounds(sumBounds, dataBounds) {
                return dataBounds ? [Math.min(dataBounds[0], dataBounds[2], sumBounds[0]), Math.min(dataBounds[1], dataBounds[3], sumBounds[3]), Math.max(dataBounds[0], dataBounds[2], sumBounds[2]), Math.max(dataBounds[1], dataBounds[3], sumBounds[1])] : sumBounds
            }
            const dxVectorMap = _m_base_widget.default.inherit({
                _eventsMap: {
                    onClick: {
                        name: "click"
                    },
                    onCenterChanged: {
                        name: "centerChanged"
                    },
                    onZoomFactorChanged: {
                        name: "zoomFactorChanged"
                    },
                    onHoverChanged: {
                        name: "hoverChanged"
                    },
                    onSelectionChanged: {
                        name: "selectionChanged"
                    }
                },
                _rootClassPrefix: "dxm",
                _rootClass: "dxm-vector-map",
                _themeSection: "map",
                _fontFields: ["layer:area.label.font", "layer:marker:dot.label.font", "layer:marker:bubble.label.font", "layer:marker:pie.label.font", "layer:marker:image.label.font", "legend.font", "legend.title.font", "legend.title.subtitle.font"],
                _initLayerCollection(dataKey) {
                    const that = this;
                    that._layerCollection = new _map_layer.MapLayerCollection({
                        renderer: that._renderer,
                        projection: that._projection,
                        themeManager: that._themeManager,
                        tracker: that._tracker,
                        dataKey: dataKey,
                        eventTrigger: that._eventTrigger,
                        dataExchanger: that._dataExchanger,
                        tooltip: that._tooltip,
                        notifyDirty: that._notifyDirty,
                        notifyReady: that._notifyReady,
                        dataReady() {
                            let bounds;
                            if (that.option("getBoundsFromData") && !that.option("bounds")) {
                                that._preventProjectionEvents();
                                bounds = that._getBoundsFromData();
                                that._projection.setBounds(bounds);
                                that._allowProjectionEvents()
                            }
                            if (!that.option("projection")) {
                                bounds = bounds || that._getBoundsFromData();
                                if (Math.ceil(bounds[0]) < -180 || Math.ceil(bounds[3]) < -90 || Math.floor(bounds[2]) > 180 || Math.floor(bounds[1]) > 90) {
                                    const longitudeLength = bounds[2] - bounds[0];
                                    const latitudeLength = bounds[1] - bounds[3];
                                    that._projection.setEngine({
                                        to: coordinates => [2 * (coordinates[0] - bounds[0]) / longitudeLength - 1, 2 * (coordinates[1] - bounds[3]) / latitudeLength - 1],
                                        from: coordinates => [(coordinates[0] + 1) * longitudeLength / 2 + bounds[0], (coordinates[1] + 1) * latitudeLength / 2 + bounds[3]]
                                    })
                                }
                            }
                        }
                    })
                },
                _getBoundsFromData() {
                    let bounds = this._getBoundingBoxFromDataSource();
                    if (!bounds) {
                        const layersBounds = this.getLayers().map(l => l.getBounds()).filter(x => void 0 !== x);
                        const boundsByData = (0, _map_layer.getMaxBound)(layersBounds);
                        if (boundsByData) {
                            bounds = boundsByData
                        }
                    }
                    bounds = bounds || [];
                    bounds = [bounds[0], bounds[3], bounds[2], bounds[1]];
                    return bounds
                },
                _initLegendsControl() {
                    this._legendsControl = new _legend.LegendsControl({
                        renderer: this._renderer,
                        container: this._root,
                        widget: this,
                        layoutControl: this._layoutControl,
                        themeManager: this._themeManager,
                        dataExchanger: this._dataExchanger,
                        notifyDirty: this._notifyDirty,
                        notifyReady: this._notifyReady
                    })
                },
                _initControlBar(dataKey) {
                    this._controlBar = new _control_bar.ControlBar({
                        renderer: this._renderer,
                        container: this._root,
                        layoutControl: this._layoutControl,
                        projection: this._projection,
                        tracker: this._tracker,
                        dataKey: dataKey
                    })
                },
                _initElements() {
                    const that = this;
                    const dataKey = (0, _vector_map.generateDataKey)();
                    let notifyCounter = 0;
                    let preventProjectionEvents;
                    that._preventProjectionEvents = function() {
                        preventProjectionEvents = true
                    };
                    that._allowProjectionEvents = function() {
                        preventProjectionEvents = false
                    };
                    that._notifyDirty = function() {
                        that._resetIsReady();
                        ++notifyCounter
                    };
                    that._notifyReady = function() {
                        that._allowProjectionEvents();
                        if (0 === --notifyCounter) {
                            that._drawn()
                        }
                    };
                    that._preventProjectionEvents();
                    that._dataExchanger = new _data_exchanger.DataExchanger;
                    that._projection = new _projection2.Projection({
                        centerChanged(value) {
                            if (!preventProjectionEvents) {
                                that._eventTrigger("centerChanged", {
                                    center: value
                                })
                            }
                        },
                        zoomChanged(value) {
                            if (!preventProjectionEvents) {
                                that._eventTrigger("zoomFactorChanged", {
                                    zoomFactor: value
                                })
                            }
                        }
                    });
                    that._tracker = new _tracker.Tracker({
                        root: that._root,
                        projection: that._projection,
                        dataKey: dataKey
                    });
                    that._gestureHandler = new _gesture_handler.GestureHandler({
                        projection: that._projection,
                        renderer: that._renderer,
                        tracker: that._tracker
                    });
                    that._layoutControl = new _layout.LayoutControl(that);
                    that._layoutControl.suspend();
                    that._initLayerCollection(dataKey);
                    that._createHtmlStructure();
                    that._initControlBar(dataKey);
                    that._initLegendsControl();
                    that._prepareExtraElements();
                    that._tooltipViewer = new _tooltip_viewer.TooltipViewer({
                        tracker: that._tracker,
                        tooltip: that._tooltip,
                        layerCollection: that._layerCollection
                    })
                },
                _change_RESUME_LAYOUT() {
                    this._layoutControl.resume()
                },
                _initialChanges: ["PROJECTION", "RESUME_LAYOUT", "LAYOUT_INIT", "BOUNDS", "MAX_ZOOM_FACTOR", "ZOOM_FACTOR", "CENTER"],
                _layoutChangesOrder: ["RESUME_LAYOUT", "LAYERS"],
                _customChangesOrder: ["EXTRA_ELEMENTS"],
                _initCore() {
                    this._root = this._renderer.root.attr({
                        align: "center",
                        cursor: "default"
                    });
                    this._initElements()
                },
                _disposeCore() {
                    this._controlBar.dispose();
                    this._gestureHandler.dispose();
                    this._tracker.dispose();
                    this._legendsControl.dispose();
                    this._layerCollection.dispose();
                    this._layoutControl.dispose();
                    this._tooltipViewer.dispose();
                    this._dataExchanger.dispose();
                    this._projection.dispose();
                    this._dataExchanger = this._gestureHandler = this._projection = this._tracker = this._layoutControl = this._root = this._layerCollection = this._controlBar = this._legendsControl = null
                },
                _setupInteraction() {
                    const options = {
                        centeringEnabled: !!(0, _utils.parseScalar)(this._getOption("panningEnabled", true), true),
                        zoomingEnabled: !!(0, _utils.parseScalar)(this._getOption("zoomingEnabled", true), true)
                    };
                    this._gestureHandler.setInteraction(options);
                    this._controlBar.setInteraction(options)
                },
                _getDefaultSize: () => ({
                    width: 800,
                    height: 400
                }),
                _applySize(rect) {
                    const layout = {
                        left: rect[0],
                        top: rect[1],
                        width: rect[2] - rect[0],
                        height: rect[3] - rect[1],
                        right: 0,
                        bottom: 0
                    };
                    this._projection.setSize(layout);
                    this._layoutControl.setSize(layout);
                    this._layerCollection.setRect([layout.left, layout.top, layout.width, layout.height]);
                    this._requestChange(["EXTRA_ELEMENTS"])
                },
                _optionChanging(name, currentValue, nextValue) {
                    if (currentValue && nextValue) {
                        if (name.startsWith("layers")) {
                            if (currentValue.dataSource && nextValue.dataSource && currentValue !== nextValue) {
                                currentValue.dataSource = null
                            } else if (name.endsWith(".dataSource")) {
                                this.option(name, null)
                            }
                        }
                    }
                },
                _applyChanges() {
                    this._notifyDirty();
                    this.callBase.apply(this, arguments);
                    this._notifyReady()
                },
                _optionChangesMap: {
                    background: "BACKGROUND",
                    layers: "LAYERS",
                    extraElements: "EXTRA_ELEMENTS",
                    controlBar: "CONTROL_BAR",
                    legends: "LEGENDS",
                    touchEnabled: "TRACKER",
                    wheelEnabled: "TRACKER",
                    panningEnabled: "INTERACTION",
                    zoomingEnabled: "INTERACTION",
                    projection: "PROJECTION",
                    bounds: "BOUNDS",
                    maxZoomFactor: "MAX_ZOOM_FACTOR",
                    zoomFactor: "ZOOM_FACTOR",
                    center: "CENTER"
                },
                _optionChangesOrder: ["PROJECTION", "BOUNDS", "MAX_ZOOM_FACTOR", "ZOOM_FACTOR", "CENTER", "BACKGROUND", "CONTROL_BAR", "LEGENDS", "TRACKER", "INTERACTION"],
                _change_PROJECTION() {
                    this._setProjection()
                },
                _change_BOUNDS() {
                    this._setBounds()
                },
                _change_MAX_ZOOM_FACTOR() {
                    this._setMaxZoom()
                },
                _change_ZOOM_FACTOR() {
                    this._setZoom()
                },
                _change_CENTER() {
                    this._setCenter()
                },
                _change_BACKGROUND() {
                    this._setBackgroundOptions()
                },
                _change_LAYERS() {
                    this._setLayerCollectionOptions()
                },
                _change_CONTROL_BAR() {
                    this._setControlBarOptions()
                },
                _change_EXTRA_ELEMENTS() {
                    this._renderExtraElements()
                },
                _change_LEGENDS() {
                    this._setLegendsOptions()
                },
                _change_TRACKER() {
                    this._setTrackerOptions()
                },
                _change_INTERACTION() {
                    this._setupInteraction()
                },
                _themeDependentChanges: ["BACKGROUND", "LAYERS", "CONTROL_BAR", "LEGENDS", "TRACKER", "INTERACTION"],
                _setProjection() {
                    this._projection.setEngine(this.option("projection"))
                },
                _setBounds() {
                    this._projection.setBounds(this.option("bounds"))
                },
                _setMaxZoom() {
                    this._projection.setMaxZoom(this.option("maxZoomFactor"))
                },
                _setZoom() {
                    this._projection.setZoom(this.option("zoomFactor"))
                },
                _setCenter() {
                    this._projection.setCenter(this.option("center"))
                },
                _setBackgroundOptions() {
                    this._layerCollection.setBackgroundOptions(this._getOption("background"))
                },
                _setLayerCollectionOptions() {
                    this._layerCollection.setOptions(this.option("layers"))
                },
                _getBoundingBoxFromDataSource() {
                    const layers = this._layerCollection.items();
                    const infinityBounds = [1 / 0, -1 / 0, -1 / 0, 1 / 0];
                    const resultBBox = layers && layers.length ? layers.reduce((sumBBox, l) => {
                        const layerData = l.getData();
                        const itemCount = layerData.count();
                        if (itemCount > 0) {
                            const rootBBox = layerData.getBBox();
                            if (rootBBox) {
                                sumBBox = mergeBounds(sumBBox, rootBBox)
                            } else {
                                for (let i = 0; i < itemCount; i++) {
                                    sumBBox = mergeBounds(sumBBox, layerData.getBBox(i))
                                }
                            }
                        }
                        return sumBBox
                    }, infinityBounds) : void 0;
                    return resultBBox === infinityBounds ? void 0 : resultBBox
                },
                _setControlBarOptions() {
                    this._controlBar.setOptions(this._getOption("controlBar"))
                },
                _setLegendsOptions() {
                    this._legendsControl.setOptions(this.option("legends"))
                },
                _setTrackerOptions() {
                    this._tracker.setOptions({
                        touchEnabled: this._getOption("touchEnabled", true),
                        wheelEnabled: this._getOption("wheelEnabled", true)
                    })
                },
                getLayers() {
                    return this._layerCollection.items().map(l => l.proxy)
                },
                getLayerByIndex(index) {
                    const layer = this._layerCollection.byIndex(index);
                    return layer ? layer.proxy : null
                },
                getLayerByName(name) {
                    const layer = this._layerCollection.byName(name);
                    return layer ? layer.proxy : null
                },
                clearSelection(_noEvent) {
                    const layers = this._layerCollection.items();
                    let i;
                    const ii = layers.length;
                    for (i = 0; i < ii; ++i) {
                        layers[i].clearSelection(_noEvent)
                    }
                    return this
                },
                center(value) {
                    const that = this;
                    if (void 0 === value) {
                        return that._projection.getCenter()
                    } else {
                        that._projection.setCenter(value);
                        return that
                    }
                },
                zoomFactor(value) {
                    const that = this;
                    if (void 0 === value) {
                        return that._projection.getZoom()
                    } else {
                        that._projection.setZoom(value);
                        return that
                    }
                },
                viewport(value) {
                    const that = this;
                    if (void 0 === value) {
                        return that._projection.getViewport()
                    } else {
                        that._projection.setViewport(value);
                        return that
                    }
                },
                convertToGeo(x, y) {
                    return this._projection.fromScreenPoint([x, y])
                },
                convertToXY(longitude, latitude) {
                    return this._projection.toScreenPoint([longitude, latitude])
                }
            });
            (0, _component_registrator.default)("dxVectorMap", dxVectorMap);
            exports.default = dxVectorMap;
            dxVectorMap.addPlugin(_export.plugin);
            dxVectorMap.addPlugin(_title.plugin);
            dxVectorMap.addPlugin(_tooltip.plugin);
            dxVectorMap.addPlugin(_loading_indicator.plugin);
            dxVectorMap.addPlugin(_annotations.plugins.core);
            dxVectorMap.addPlugin(_annotations.plugins.vectorMap)
        },
        53980(__unused_webpack_module, exports) {
            Object.defineProperty(exports, "__esModule", {
                value: true
            });
            exports.generateDataKey = function() {
                return "vectormap-data-" + nextDataKey++
            };
            let nextDataKey = 1
        },
        81578(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "cancelAnimationFrame", {
                enumerable: true,
                get: function() {
                    return _animation.cancelAnimationFrame
                }
            });
            Object.defineProperty(exports, "requestAnimationFrame", {
                enumerable: true,
                get: function() {
                    return _animation.requestAnimationFrame
                }
            });
            var _animation = __webpack_require__( /*! ../common/core/animation */ 16826)
        },
        44229(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _animation = __webpack_require__( /*! ../common/core/animation */ 16826);
            exports.default = _animation.fx;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        27287(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _animation = __webpack_require__( /*! ../common/core/animation */ 16826);
            exports.default = _animation.animationPresets;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        54830(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _animation = __webpack_require__( /*! ../common/core/animation */ 16826);
            exports.default = _animation.TransitionExecutor;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        10195(module, exports, __webpack_require__) {
            exports.default = void 0;
            __webpack_require__( /*! ./modules/parts/widgets-web */ 84789);
            __webpack_require__( /*! ../ui/recurrence_editor */ 29663);
            __webpack_require__( /*! ./modules/parts/viz */ 90750);
            var _core = (e = __webpack_require__( /*! ./modules/core */ 92307), e && e.__esModule ? e : {
                default: e
            });
            var e;
            var _events_strategy = __webpack_require__( /*! ../core/events_strategy */ 2607);
            var _index = __webpack_require__( /*! ../core/options/index */ 74453);
            _core.default.integration = {};
            _core.default.integration.EventsStrategy = _events_strategy.EventsStrategy;
            _core.default.integration.Options = _index.Options;
            exports.default = _core.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        27114(module, __unused_webpack_exports, __webpack_require__) {
            const DevExpress = __webpack_require__( /*! ./core */ 92307);
            DevExpress.common = DevExpress.common || {};
            DevExpress.common.charts = __webpack_require__( /*! ../../common/charts */ 20153);
            module.exports = DevExpress.common.charts
        },
        92307(module, __unused_webpack_exports, __webpack_require__) {
            const windowUtils = __webpack_require__( /*! ../../core/utils/window */ 3104);
            const window = windowUtils.getWindow();
            const DevExpress = window.DevExpress = window.DevExpress || {};
            const errors = DevExpress.errors = __webpack_require__( /*! ../../core/errors */ 87129);
            if (DevExpress._DEVEXTREME_BUNDLE_INITIALIZED) {
                throw errors.Error("E0024")
            }
            DevExpress._DEVEXTREME_BUNDLE_INITIALIZED = true;
            DevExpress.clientExporter = __webpack_require__( /*! ../../exporter */ 73549);
            DevExpress.excelExporter = __webpack_require__( /*! ../../common/export/excel */ 54594);
            DevExpress.pdfExporter = __webpack_require__( /*! ../../common/export/pdf */ 92731);
            DevExpress.VERSION = __webpack_require__( /*! ../../core/version */ 1956).version;
            DevExpress.assertDevExtremeVersion = __webpack_require__( /*! ../../core/version_check */ 48367).c;
            DevExpress.Class = __webpack_require__( /*! ../../core/class */ 55620);
            DevExpress.DOMComponent = __webpack_require__( /*! ../../core/dom_component */ 97832);
            DevExpress.Component = __webpack_require__( /*! ../../core/component */ 17863).Component;
            DevExpress.registerComponent = __webpack_require__( /*! ../../core/component_registrator */ 92848);
            DevExpress.devices = __webpack_require__( /*! ../../common/core/environment */ 63705).devices;
            DevExpress.trial = __webpack_require__( /*! ../../core/trial_panel */ 71669);
            DevExpress.Color = __webpack_require__( /*! ../../color */ 43101);
            const animationFrame = __webpack_require__( /*! ../../common/core/animation/frame */ 84096);
            DevExpress.utils = {};
            DevExpress.utils.requestAnimationFrame = animationFrame.requestAnimationFrame;
            DevExpress.utils.cancelAnimationFrame = animationFrame.cancelAnimationFrame;
            DevExpress.utils.initMobileViewport = __webpack_require__( /*! ../../common/core/environment */ 63705).initMobileViewport;
            DevExpress.utils.getTimeZones = __webpack_require__( /*! ../../common/core/environment */ 63705).getTimeZones;
            DevExpress.utils.extendFromObject = __webpack_require__( /*! ../../core/utils/extend */ 52576).extendFromObject;
            DevExpress.utils.triggerShownEvent = __webpack_require__( /*! ../../common/core/events/visibility_change */ 18029).triggerShownEvent;
            DevExpress.utils.triggerHidingEvent = __webpack_require__( /*! ../../common/core/events/visibility_change */ 18029).triggerHidingEvent;
            DevExpress.utils.resetActiveElement = __webpack_require__( /*! ../../core/utils/dom */ 86858).resetActiveElement;
            DevExpress.utils.findBestMatches = __webpack_require__( /*! ../../core/utils/common */ 17781).findBestMatches;
            DevExpress.createQueue = __webpack_require__( /*! ../../core/utils/queue */ 65221).create;
            DevExpress.utils.dom = __webpack_require__( /*! ../../core/utils/dom */ 86858);
            DevExpress.utils.common = __webpack_require__( /*! ../../core/utils/common */ 17781);
            DevExpress.utils.date = __webpack_require__( /*! ../../core/utils/date */ 41380);
            DevExpress.utils.browser = __webpack_require__( /*! ../../core/utils/browser */ 48314);
            DevExpress.utils.inflector = __webpack_require__( /*! ../../core/utils/inflector */ 53124);
            DevExpress.utils.iterator = __webpack_require__( /*! ../../core/utils/iterator */ 21274);
            DevExpress.utils.readyCallbacks = __webpack_require__( /*! ../../core/utils/ready_callbacks */ 3122);
            DevExpress.utils.resizeCallbacks = __webpack_require__( /*! ../../core/utils/resize_callbacks */ 63283);
            DevExpress.utils.console = __webpack_require__( /*! ../../core/utils/console */ 31951);
            DevExpress.utils.string = __webpack_require__( /*! ../../core/utils/string */ 54497);
            DevExpress.utils.support = __webpack_require__( /*! ../../core/utils/support */ 4785);
            DevExpress.utils.ajax = __webpack_require__( /*! ../../core/utils/ajax */ 78670);
            DevExpress.viewPort = __webpack_require__( /*! ../../core/utils/view_port */ 55355).value;
            DevExpress.hideTopOverlay = __webpack_require__( /*! ../../common/core/environment */ 63705).hideTopOverlay;
            DevExpress.formatHelper = __webpack_require__( /*! ../../format_helper */ 2082);
            DevExpress.config = __webpack_require__( /*! ../../common */ 83077).config;
            DevExpress.animationPresets = __webpack_require__( /*! ../../common/core/animation/presets/presets */ 61310).presets;
            DevExpress.fx = __webpack_require__( /*! ../../common/core/animation */ 16826).fx;
            DevExpress.TransitionExecutor = __webpack_require__( /*! ../../common/core/animation/transition_executor/transition_executor */ 33054).TransitionExecutor;
            DevExpress.AnimationPresetCollection = __webpack_require__( /*! ../../common/core/animation/presets/presets */ 61310).PresetCollection;
            DevExpress.events = __webpack_require__( /*! ../../common/core/events */ 52391);
            DevExpress.events.click = __webpack_require__( /*! ../../common/core/events/click */ 64044);
            DevExpress.events.utils = __webpack_require__( /*! ../../common/core/events/utils */ 98834);
            DevExpress.events.GestureEmitter = __webpack_require__( /*! ../../common/core/events/gesture/emitter.gesture */ 85915);
            DevExpress.localization = __webpack_require__( /*! ../../common/core/localization */ 46795);
            DevExpress.templateRendered = __webpack_require__( /*! ../../core/templates/template_base */ 42186).renderedCallbacks;
            DevExpress.setTemplateEngine = __webpack_require__( /*! ../../core/templates/template_engine_registry */ 35155).setTemplateEngine;
            module.exports = DevExpress
        },
        11166(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../excel_exporter */ 6285);
            __webpack_require__( /*! ../../pdf_exporter */ 72134);
            __webpack_require__( /*! ../../mobile/hide_top_overlay */ 90270);
            __webpack_require__( /*! ../../mobile/init_mobile_viewport */ 21113);
            __webpack_require__( /*! ../../file_management/custom_provider */ 85096);
            __webpack_require__( /*! ../../file_management/error */ 46327);
            __webpack_require__( /*! ../../file_management/file_system_item */ 53093);
            __webpack_require__( /*! ../../file_management/object_provider */ 76856);
            __webpack_require__( /*! ../../file_management/provider_base */ 65266);
            __webpack_require__( /*! ../../file_management/remote_provider */ 80175);
            __webpack_require__( /*! ../../events */ 69786);
            __webpack_require__( /*! ../../time_zone_utils */ 53200);
            __webpack_require__( /*! ../../core/config */ 66636);
            __webpack_require__( /*! ../../core/devices */ 65951);
            __webpack_require__( /*! ../../core/set_template_engine */ 91366);
            __webpack_require__( /*! ../../core/templates/template */ 67872);
            __webpack_require__( /*! ../../animation/frame */ 81578);
            __webpack_require__( /*! ../../animation/fx */ 44229);
            __webpack_require__( /*! ../../animation/presets */ 27287);
            __webpack_require__( /*! ../../animation/transition_executor */ 54830);
            __webpack_require__( /*! ../../localization/globalize/core */ 16615);
            __webpack_require__( /*! ../../localization/globalize/message */ 30725);
            __webpack_require__( /*! ../../localization/globalize/number */ 36069);
            __webpack_require__( /*! ../../localization/globalize/date */ 94348);
            __webpack_require__( /*! ../../localization/globalize/currency */ 89207)
        },
        54844(module, __unused_webpack_exports, __webpack_require__) {
            const DevExpress = __webpack_require__( /*! ./core */ 92307);
            const errors = __webpack_require__( /*! ../../core/errors */ 87129);
            module.exports = DevExpress.data = DevExpress.data || {};
            Object.defineProperty(DevExpress.data, "errorHandler", {
                get: function() {
                    return __webpack_require__( /*! ../../common/data */ 11036).errorHandler
                },
                set: function(value) {
                    errors.log("W0003", "DevExpress.data", "errorHandler", "21.1", "Use the 'setErrorHandler' method instead");
                    __webpack_require__( /*! ../../common/data/errors */ 82812).setErrorHandler(value)
                }
            });
            Object.defineProperty(DevExpress.data, "_errorHandler", {
                get: function() {
                    return __webpack_require__( /*! ../../common/data/errors */ 82812).handleError
                },
                set: function(value) {
                    errors.log("W0003", "DevExpress.data", "_errorHandler", "21.1", "Use the 'setErrorHandler' method instead");
                    __webpack_require__( /*! ../../common/data/errors */ 82812).setErrorHandler(value)
                }
            });
            DevExpress.data.setErrorHandler = __webpack_require__( /*! ../../common/data/errors */ 82812).setErrorHandler;
            DevExpress.data.DataSource = __webpack_require__( /*! ../../common/data/data_source */ 14479);
            DevExpress.data.query = __webpack_require__( /*! ../../common/data/query */ 30771);
            DevExpress.data.Store = __webpack_require__( /*! ../../data/abstract_store */ 77735);
            DevExpress.data.ArrayStore = __webpack_require__( /*! ../../common/data/array_store */ 80556);
            DevExpress.data.CustomStore = __webpack_require__( /*! ../../common/data/custom_store */ 63326).CustomStore;
            DevExpress.data.LocalStore = __webpack_require__( /*! ../../common/data/local_store */ 71790);
            DevExpress.data.base64_encode = __webpack_require__( /*! ../../common/data/utils */ 89358).base64_encode;
            DevExpress.data.applyChanges = __webpack_require__( /*! ../../common/data/apply_changes */ 99745);
            DevExpress.data.Guid = __webpack_require__( /*! ../../core/guid */ 19427);
            DevExpress.data.utils = {};
            DevExpress.data.utils.compileGetter = __webpack_require__( /*! ../../core/utils/data */ 31e3).compileGetter;
            DevExpress.data.utils.compileSetter = __webpack_require__( /*! ../../core/utils/data */ 31e3).compileSetter;
            DevExpress.EndpointSelector = __webpack_require__( /*! ../../common/data/endpoint_selector */ 44180);
            DevExpress.data.queryImpl = __webpack_require__( /*! ../../common/data/query_implementation */ 84816).queryImpl;
            DevExpress.data.queryAdapters = __webpack_require__( /*! ../../common/data/query_adapters */ 5842);
            const dataUtils = __webpack_require__( /*! ../../common/data/utils */ 89358);
            DevExpress.data.utils.normalizeBinaryCriterion = dataUtils.normalizeBinaryCriterion;
            DevExpress.data.utils.normalizeSortingInfo = dataUtils.normalizeSortingInfo;
            DevExpress.data.utils.errorMessageFromXhr = dataUtils.errorMessageFromXhr;
            DevExpress.data.utils.aggregators = dataUtils.aggregators;
            DevExpress.data.utils.keysEqual = dataUtils.keysEqual;
            DevExpress.data.utils.isDisjunctiveOperator = dataUtils.isDisjunctiveOperator;
            DevExpress.data.utils.isConjunctiveOperator = dataUtils.isConjunctiveOperator;
            DevExpress.data.utils.processRequestResultLock = dataUtils.processRequestResultLock;
            DevExpress.data.utils.toComparable = __webpack_require__( /*! ../../core/utils/data */ 31e3).toComparable;
            DevExpress.data.utils.multiLevelGroup = __webpack_require__( /*! ../../common/data/store_helper */ 66177).multiLevelGroup;
            DevExpress.data.utils.arrangeSortingInfo = __webpack_require__( /*! ../../common/data/store_helper */ 66177).arrangeSortingInfo;
            DevExpress.data.utils.normalizeDataSourceOptions = __webpack_require__( /*! ../../common/data/data_source/utils */ 97169).normalizeDataSourceOptions
        },
        23555(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../data/errors */ 74760);
            __webpack_require__( /*! ../../data/data_source */ 47283);
            __webpack_require__( /*! ../../data/query */ 22567);
            __webpack_require__( /*! ../../data/abstract_store */ 77735);
            __webpack_require__( /*! ../../data/array_store */ 67664);
            __webpack_require__( /*! ../../data/custom_store */ 37754);
            __webpack_require__( /*! ../../data/local_store */ 1242);
            __webpack_require__( /*! ../../data/utils */ 99354);
            __webpack_require__( /*! ../../data/apply_changes */ 50797);
            __webpack_require__( /*! ../../core/guid */ 19427);
            __webpack_require__( /*! ../../core/utils/data */ 31e3);
            __webpack_require__( /*! ../../data/endpoint_selector */ 73192);
            __webpack_require__( /*! ../../data/utils */ 99354)
        },
        71043(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ./data */ 54844);
            DevExpress.data.ODataStore = __webpack_require__( /*! ../../common/data/odata/store */ 29284);
            DevExpress.data.ODataContext = __webpack_require__( /*! ../../common/data/odata/context */ 34170);
            DevExpress.data.utils = DevExpress.data.utils || {};
            DevExpress.data.utils.odata = {};
            DevExpress.data.utils.odata.keyConverters = __webpack_require__( /*! ../../common/data/odata/utils */ 8056).keyConverters;
            DevExpress.data.EdmLiteral = __webpack_require__( /*! ../../common/data/odata/utils */ 8056).EdmLiteral;
            const ODataUtilsModule = __webpack_require__( /*! ../../common/data/odata/utils */ 8056);
            DevExpress.data.utils.odata.serializePropName = ODataUtilsModule.serializePropName;
            DevExpress.data.utils.odata.serializeValue = ODataUtilsModule.serializeValue;
            DevExpress.data.utils.odata.serializeKey = ODataUtilsModule.serializeKey;
            DevExpress.data.utils.odata.sendRequest = ODataUtilsModule.sendRequest;
            DevExpress.data.queryAdapters = DevExpress.data.queryAdapters || {};
            DevExpress.data.queryAdapters.odata = __webpack_require__( /*! ../../common/data/odata/query_adapter */ 65001).odata
        },
        42190(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ./data */ 54844);
            __webpack_require__( /*! ../../data/odata/store */ 25184);
            __webpack_require__( /*! ../../data/odata/context */ 87062);
            __webpack_require__( /*! ../../data/odata/utils */ 57076)
        },
        73338(module, __unused_webpack_exports, __webpack_require__) {
            var _core = _interopRequireDefault(__webpack_require__( /*! ./core */ 92307));
            var _error = _interopRequireDefault(__webpack_require__( /*! ../../file_management/error */ 46327));
            var _file_system_item = _interopRequireDefault(__webpack_require__( /*! ../../file_management/file_system_item */ 53093));
            var _object_provider = _interopRequireDefault(__webpack_require__( /*! ../../file_management/object_provider */ 76856));
            var _remote_provider = _interopRequireDefault(__webpack_require__( /*! ../../file_management/remote_provider */ 80175));
            var _custom_provider = _interopRequireDefault(__webpack_require__( /*! ../../file_management/custom_provider */ 85096));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            module.exports = _core.default.fileManagement = _core.default.fileManagement || {};
            _core.default.fileManagement.FileSystemError = _error.default;
            _core.default.fileManagement.FileSystemItem = _file_system_item.default;
            _core.default.fileManagement.ObjectFileSystemProvider = _object_provider.default;
            _core.default.fileManagement.RemoteFileSystemProvider = _remote_provider.default;
            _core.default.fileManagement.CustomFileSystemProvider = _custom_provider.default
        },
        67712(module, __unused_webpack_exports, __webpack_require__) {
            const DevExpress = __webpack_require__( /*! ../../../bundles/modules/core */ 92307);
            __webpack_require__( /*! ../../../bundles/modules/core.legacy */ 11166);
            __webpack_require__( /*! ../../../integration/jquery */ 21001);
            __webpack_require__( /*! ../../../integration/knockout */ 34563);
            __webpack_require__( /*! ../../../common/core/localization/globalize/core */ 23805);
            __webpack_require__( /*! ../../../common/core/localization/globalize/message */ 84207);
            __webpack_require__( /*! ../../../common/core/localization/globalize/number */ 13203);
            __webpack_require__( /*! ../../../common/core/localization/globalize/date */ 99862);
            __webpack_require__( /*! ../../../common/core/localization/globalize/currency */ 869);
            __webpack_require__( /*! ../../../common/core/events/click */ 64044);
            __webpack_require__( /*! ../../../common/core/events/contextmenu */ 80248);
            __webpack_require__( /*! ../../../common/core/events/double_click */ 5636);
            __webpack_require__( /*! ../../../common/core/events/drag */ 59144);
            __webpack_require__( /*! ../../../common/core/events/hold */ 68095);
            __webpack_require__( /*! ../../../common/core/events/hover */ 638);
            __webpack_require__( /*! ../../../common/core/events/pointer */ 89797);
            __webpack_require__( /*! ../../../common/core/events/swipe */ 80250);
            __webpack_require__( /*! ../../../common/core/events/transform */ 37008);
            module.exports = DevExpress
        },
        51323(module, __unused_webpack_exports, __webpack_require__) {
            const DevExpress = __webpack_require__( /*! ./core */ 67712);
            const data = DevExpress.data = __webpack_require__( /*! ../../../bundles/modules/data */ 54844);
            __webpack_require__( /*! ../../../bundles/modules/data.legacy */ 23555);
            data.odata = __webpack_require__( /*! ../../../bundles/modules/data.odata */ 71043);
            __webpack_require__( /*! ../../../bundles/modules/data.odata.legacy */ 42190);
            module.exports = data
        },
        18899(module, __unused_webpack_exports, __webpack_require__) {
            var _core = (e = __webpack_require__( /*! ./core */ 67712), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const fileManagement = __webpack_require__( /*! ../../../bundles/modules/file_management */ 73338);
            _core.default.fileManagement = fileManagement;
            module.exports = fileManagement
        },
        90750(module, __unused_webpack_exports, __webpack_require__) {
            const DevExpress = __webpack_require__( /*! ./core */ 67712);
            __webpack_require__( /*! ./data */ 51323);
            __webpack_require__( /*! ../../../bundles/modules/common.charts */ 27114);
            const viz = DevExpress.viz = __webpack_require__( /*! ../../../bundles/modules/viz */ 2211);
            viz.currentTheme = __webpack_require__( /*! ../../../viz/themes */ 84560).currentTheme;
            viz.registerTheme = __webpack_require__( /*! ../../../viz/themes */ 84560).registerTheme;
            viz.exportFromMarkup = __webpack_require__( /*! ../../../viz/export */ 88168).exportFromMarkup;
            viz.getMarkup = __webpack_require__( /*! ../../../viz/export */ 88168).getMarkup;
            viz.exportWidgets = __webpack_require__( /*! ../../../viz/export */ 88168).exportWidgets;
            viz.currentPalette = __webpack_require__( /*! ../../../viz/palette */ 9735).pq;
            viz.getPalette = __webpack_require__( /*! ../../../viz/palette */ 9735).Sf;
            viz.generateColors = __webpack_require__( /*! ../../../viz/palette */ 9735).oC;
            viz.registerPalette = __webpack_require__( /*! ../../../viz/palette */ 9735).hr;
            viz.refreshTheme = __webpack_require__( /*! ../../../viz/themes */ 84560).refreshTheme;
            viz.dxChart = __webpack_require__( /*! ../../../viz/chart */ 26408);
            viz.dxPieChart = __webpack_require__( /*! ../../../viz/pie_chart */ 4381);
            viz.dxPolarChart = __webpack_require__( /*! ../../../viz/polar_chart */ 11247);
            viz.dxLinearGauge = __webpack_require__( /*! ../../../viz/linear_gauge */ 4655);
            viz.dxCircularGauge = __webpack_require__( /*! ../../../viz/circular_gauge */ 89463);
            viz.dxBarGauge = __webpack_require__( /*! ../../../viz/bar_gauge */ 84601);
            viz.dxRangeSelector = __webpack_require__( /*! ../../../viz/range_selector */ 30185);
            viz.dxVectorMap = __webpack_require__( /*! ../../../viz/vector_map */ 85148);
            viz.map = {};
            viz.map.sources = {};
            viz.map.projection = __webpack_require__( /*! ../../../viz/vector_map/projection */ 99094).Q;
            viz.dxSparkline = __webpack_require__( /*! ../../../viz/sparkline */ 71871);
            viz.dxBullet = __webpack_require__( /*! ../../../viz/bullet */ 75954);
            viz.dxTreeMap = __webpack_require__( /*! ../../../viz/tree_map */ 61015);
            viz.dxFunnel = __webpack_require__( /*! ../../../viz/funnel */ 61434);
            viz.dxSankey = __webpack_require__( /*! ../../../viz/sankey */ 37755);
            viz.getTheme = __webpack_require__( /*! ../../../viz/themes */ 84560).getTheme;
            viz.findTheme = __webpack_require__( /*! ../../../viz/themes */ 84560).getTheme;
            viz.refreshAll = __webpack_require__( /*! ../../../viz/themes */ 84560).refreshTheme;
            viz.refreshPaths = __webpack_require__( /*! ../../../viz/utils */ 2225).refreshPaths;
            viz.gauges = {
                __internals: {}
            };
            viz._dashboard = {};
            viz._dashboard.Renderer = __webpack_require__( /*! ../../../viz/core/renderers/renderer */ 63022).A4;
            viz._dashboard.SvgElement = __webpack_require__( /*! ../../../viz/core/renderers/renderer */ 63022).hJ;
            viz._dashboard.patchFontOptions = __webpack_require__( /*! ../../../viz/core/utils */ 28779).a1;
            module.exports = viz
        },
        79178(module, __unused_webpack_exports, __webpack_require__) {
            const DevExpress = __webpack_require__( /*! ./core */ 67712);
            __webpack_require__( /*! ./data */ 51323);
            __webpack_require__( /*! ./file_management */ 18899);
            const ui = DevExpress.ui = __webpack_require__( /*! ../../../bundles/modules/ui */ 57190);
            ui.themes = __webpack_require__( /*! ../../../ui/themes */ 52071);
            ui.setTemplateEngine = __webpack_require__( /*! ../../../core/templates/template_engine_registry */ 35155).setTemplateEngine;
            ui.dialog = __webpack_require__( /*! ../../../ui/dialog */ 35757);
            ui.notify = __webpack_require__( /*! ../../../ui/notify */ 93380);
            ui.repaintFloatingActionButton = __webpack_require__( /*! ../../../ui/speed_dial_action/repaint_floating_action_button */ 92725);
            ui.hideToasts = __webpack_require__( /*! ../../../ui/toast/hide_toasts */ 41792);
            ui.dxActionSheet = __webpack_require__( /*! ../../../ui/action_sheet */ 45263);
            ui.dxAutocomplete = __webpack_require__( /*! ../../../ui/autocomplete */ 93485);
            ui.dxBox = __webpack_require__( /*! ../../../ui/box */ 91204);
            ui.dxButton = __webpack_require__( /*! ../../../ui/button */ 64973);
            ui.dxDropDownButton = __webpack_require__( /*! ../../../ui/drop_down_button */ 56582);
            ui.dxButtonGroup = __webpack_require__( /*! ../../../ui/button_group */ 17809);
            ui.dxCalendar = __webpack_require__( /*! ../../../ui/calendar */ 22195);
            ui.dxCheckBox = __webpack_require__( /*! ../../../ui/check_box */ 94319);
            ui.dxColorBox = __webpack_require__( /*! ../../../ui/color_box */ 87928);
            ui.dxChat = __webpack_require__( /*! ../../../ui/chat */ 73571);
            ui.dxDateBox = __webpack_require__( /*! ../../../ui/date_box */ 2739);
            ui.dxDateRangeBox = __webpack_require__( /*! ../../../ui/date_range_box */ 45453);
            ui.dxDrawer = __webpack_require__( /*! ../../../ui/drawer */ 7968);
            ui.dxDropDownBox = __webpack_require__( /*! ../../../ui/drop_down_box */ 74417);
            ui.dxFileUploader = __webpack_require__( /*! ../../../ui/file_uploader */ 26980);
            ui.dxForm = __webpack_require__( /*! ../../../ui/form */ 74075);
            ui.dxGallery = __webpack_require__( /*! ../../../ui/gallery */ 89987);
            ui.dxHtmlEditor = __webpack_require__( /*! ../../../ui/html_editor */ 16802);
            ui.dxInformer = __webpack_require__( /*! ../../../ui/informer */ 22363);
            ui.dxList = __webpack_require__( /*! ../../../ui/list */ 3121);
            ui.dxLoadIndicator = __webpack_require__( /*! ../../../ui/load_indicator */ 11979);
            ui.dxLoadPanel = __webpack_require__( /*! ../../../ui/load_panel */ 31876);
            ui.dxLookup = __webpack_require__( /*! ../../../ui/lookup */ 99203);
            ui.dxMap = __webpack_require__( /*! ../../../ui/map */ 55211);
            ui.dxMultiView = __webpack_require__( /*! ../../../ui/multi_view */ 24150);
            ui.dxNumberBox = __webpack_require__( /*! ../../../ui/number_box */ 48042);
            ui.dxOverlay = __webpack_require__( /*! ../../../ui/overlay/ui.overlay */ 89132);
            ui.dxPagination = __webpack_require__( /*! ../../../ui/pagination */ 38389);
            ui.dxPopover = __webpack_require__( /*! ../../../ui/popover */ 46184);
            ui.dxPopup = __webpack_require__( /*! ../../../ui/popup */ 97643);
            ui.dxProgressBar = __webpack_require__( /*! ../../../ui/progress_bar */ 58436);
            ui.dxRadioGroup = __webpack_require__( /*! ../../../ui/radio_group */ 84798);
            ui.dxRecurrenceEditor = __webpack_require__( /*! ../../../ui/recurrence_editor */ 29663);
            ui.dxRangeSlider = __webpack_require__( /*! ../../../ui/range_slider */ 80790);
            ui.dxResizable = __webpack_require__( /*! ../../../ui/resizable */ 28416);
            ui.dxResponsiveBox = __webpack_require__( /*! ../../../ui/responsive_box */ 43597);
            ui.dxScrollView = __webpack_require__( /*! ../../../ui/scroll_view */ 91374);
            ui.dxSelectBox = __webpack_require__( /*! ../../../ui/select_box */ 60695);
            ui.dxSlider = __webpack_require__( /*! ../../../ui/slider */ 56220);
            ui.dxSpeechToText = __webpack_require__( /*! ../../../ui/speech_to_text */ 27493);
            ui.dxSpeedDialAction = __webpack_require__( /*! ../../../ui/speed_dial_action */ 67924);
            ui.dxStepper = __webpack_require__( /*! ../../../ui/stepper */ 87244);
            ui.dxSplitter = __webpack_require__( /*! ../../../ui/splitter */ 78254);
            ui.dxSwitch = __webpack_require__( /*! ../../../ui/switch */ 91029);
            ui.dxTabPanel = __webpack_require__( /*! ../../../ui/tab_panel */ 78175);
            ui.dxTabs = __webpack_require__( /*! ../../../ui/tabs */ 94385);
            ui.dxTagBox = __webpack_require__( /*! ../../../ui/tag_box */ 4575);
            ui.dxTextArea = __webpack_require__( /*! ../../../ui/text_area */ 23116);
            ui.dxTextBox = __webpack_require__( /*! ../../../ui/text_box */ 20780);
            ui.dxTileView = __webpack_require__( /*! ../../../ui/tile_view */ 96993);
            ui.dxToast = __webpack_require__( /*! ../../../ui/toast */ 36574);
            ui.dxToolbar = __webpack_require__( /*! ../../../ui/toolbar */ 2850);
            ui.dxTooltip = __webpack_require__( /*! ../../../ui/tooltip */ 93370);
            ui.dxTrackBar = __webpack_require__( /*! ../../../ui/track_bar */ 76256);
            ui.dxDraggable = __webpack_require__( /*! ../../../ui/draggable */ 5298);
            ui.dxSortable = __webpack_require__( /*! ../../../ui/sortable */ 95305);
            DevExpress.validationEngine = __webpack_require__( /*! ../../../ui/validation_engine */ 19391);
            ui.dxValidationSummary = __webpack_require__( /*! ../../../ui/validation_summary */ 10585);
            ui.dxValidationGroup = __webpack_require__( /*! ../../../ui/validation_group */ 16390);
            ui.dxValidator = __webpack_require__( /*! ../../../ui/validator */ 71775);
            ui.CollectionWidget = __webpack_require__( /*! ../../../ui/collection/ui.collection_widget.edit */ 7607);
            ui.dxDropDownEditor = __webpack_require__( /*! ../../../ui/drop_down_editor/ui.drop_down_editor */ 99142);
            module.exports = ui
        },
        84789(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            const data = __webpack_require__( /*! ./data */ 51323);
            const ui = __webpack_require__( /*! ./widgets-base */ 79178);
            ui.dxAccordion = __webpack_require__( /*! ../../../ui/accordion */ 30543);
            ui.dxContextMenu = __webpack_require__( /*! ../../../ui/context_menu */ 34378);
            ui.dxDataGrid = __webpack_require__( /*! ../../../ui/data_grid */ 4920);
            ui.dxTreeList = __webpack_require__( /*! ../../../ui/tree_list */ 21872);
            ui.dxCardView = __webpack_require__( /*! ../../../ui/card_view */ 44655);
            ui.dxMenu = __webpack_require__( /*! ../../../ui/menu */ 1614);
            ui.dxPivotGrid = __webpack_require__( /*! ../../../ui/pivot_grid */ 49344);
            ui.dxPivotGridFieldChooser = __webpack_require__( /*! ../../../ui/pivot_grid_field_chooser */ 55633);
            data.PivotGridDataSource = __webpack_require__( /*! ../../../ui/pivot_grid/data_source */ 55067);
            data.XmlaStore = __webpack_require__( /*! ../../../ui/pivot_grid/xmla_store */ 80445);
            ui.dxScheduler = __webpack_require__( /*! ../../../ui/scheduler */ 17636);
            ui.dxTreeView = __webpack_require__( /*! ../../../ui/tree_view */ 4313);
            ui.dxFilterBuilder = __webpack_require__( /*! ../../../ui/filter_builder */ 35299);
            ui.dxFileManager = __webpack_require__( /*! ../../../ui/file_manager */ 14247);
            ui.dxDiagram = __webpack_require__( /*! ../../../ui/diagram */ 87632);
            ui.dxGantt = __webpack_require__( /*! ../../../ui/gantt */ 16075)
        },
        57190(module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ./core */ 92307);
            module.exports = DevExpress.ui = {}
        },
        2211(module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ./core */ 92307);
            module.exports = DevExpress.viz = DevExpress.viz || {}
        },
        43101(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_color = (e = __webpack_require__( /*! ./__internal/m_color */ 54699), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_color.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        83077(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "Guid", {
                enumerable: true,
                get: function() {
                    return _guid.default
                }
            });
            Object.defineProperty(exports, "config", {
                enumerable: true,
                get: function() {
                    return _config.default
                }
            });
            Object.defineProperty(exports, "setTemplateEngine", {
                enumerable: true,
                get: function() {
                    return _set_template_engine.default
                }
            });
            var _config = _interopRequireDefault(__webpack_require__( /*! ./common/config */ 66518));
            var _guid = _interopRequireDefault(__webpack_require__( /*! ./common/guid */ 71037));
            var _set_template_engine = _interopRequireDefault(__webpack_require__( /*! ./common/set_template_engine */ 32480));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
        },
        20153(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "registerGradient", {
                enumerable: true,
                get: function() {
                    return _m_charts.registerGradient
                }
            });
            Object.defineProperty(exports, "registerPattern", {
                enumerable: true,
                get: function() {
                    return _m_charts.registerPattern
                }
            });
            var _m_charts = __webpack_require__( /*! ../__internal/common/m_charts */ 55351)
        },
        66518(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_config = (e = __webpack_require__( /*! ../__internal/core/m_config */ 34338), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_config.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        16826(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "TransitionExecutor", {
                enumerable: true,
                get: function() {
                    return _transition_executor.default
                }
            });
            Object.defineProperty(exports, "animationPresets", {
                enumerable: true,
                get: function() {
                    return _presets.default
                }
            });
            Object.defineProperty(exports, "cancelAnimationFrame", {
                enumerable: true,
                get: function() {
                    return _frame.cancelAnimationFrame
                }
            });
            Object.defineProperty(exports, "fx", {
                enumerable: true,
                get: function() {
                    return _fx.default
                }
            });
            Object.defineProperty(exports, "requestAnimationFrame", {
                enumerable: true,
                get: function() {
                    return _frame.requestAnimationFrame
                }
            });
            var _frame = __webpack_require__( /*! ./animation/frame */ 84096);
            var _fx = _interopRequireDefault(__webpack_require__( /*! ./animation/fx */ 27075));
            var _presets = _interopRequireDefault(__webpack_require__( /*! ./animation/presets */ 58049));
            var _transition_executor = _interopRequireDefault(__webpack_require__( /*! ./animation/transition_executor */ 94680));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
        },
        84096(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "cancelAnimationFrame", {
                enumerable: true,
                get: function() {
                    return _frame.cancelAnimationFrame
                }
            });
            Object.defineProperty(exports, "requestAnimationFrame", {
                enumerable: true,
                get: function() {
                    return _frame.requestAnimationFrame
                }
            });
            var _frame = __webpack_require__( /*! ../../../__internal/common/core/animation/frame */ 26106)
        },
        27075(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _fx = (e = __webpack_require__( /*! ../../../__internal/common/core/animation/fx */ 28885), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _fx.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        3030(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_position = (e = __webpack_require__( /*! ../../../__internal/common/core/animation/m_position */ 36972), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_position.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        58049(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _presets = __webpack_require__( /*! ./presets/presets */ 61310);
            exports.default = _presets.presets;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        61310(__unused_webpack_module, exports, __webpack_require__) {
            var _m_presets = __webpack_require__( /*! ../../../../__internal/common/core/animation/presets/m_presets */ 50084);
            Object.keys(_m_presets).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _m_presets[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _m_presets[key]
                    }
                })
            })
        },
        94680(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _transition_executor = __webpack_require__( /*! ./transition_executor/transition_executor */ 33054);
            exports.default = _transition_executor.TransitionExecutor;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        33054(__unused_webpack_module, exports, __webpack_require__) {
            var _transition_executor = __webpack_require__( /*! ../../../../__internal/common/core/animation/transition_executor/transition_executor */ 33100);
            Object.keys(_transition_executor).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _transition_executor[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _transition_executor[key]
                    }
                })
            })
        },
        88603(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "clearCache", {
                enumerable: true,
                get: function() {
                    return _translator.clearCache
                }
            });
            Object.defineProperty(exports, "getTranslate", {
                enumerable: true,
                get: function() {
                    return _translator.getTranslate
                }
            });
            Object.defineProperty(exports, "getTranslateCss", {
                enumerable: true,
                get: function() {
                    return _translator.getTranslateCss
                }
            });
            Object.defineProperty(exports, "locate", {
                enumerable: true,
                get: function() {
                    return _translator.locate
                }
            });
            Object.defineProperty(exports, "move", {
                enumerable: true,
                get: function() {
                    return _translator.move
                }
            });
            Object.defineProperty(exports, "parseTranslate", {
                enumerable: true,
                get: function() {
                    return _translator.parseTranslate
                }
            });
            Object.defineProperty(exports, "resetPosition", {
                enumerable: true,
                get: function() {
                    return _translator.resetPosition
                }
            });
            var _translator = __webpack_require__( /*! ../../../__internal/common/core/animation/translator */ 10469)
        },
        63705(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "devices", {
                enumerable: true,
                get: function() {
                    return _devices.default
                }
            });
            Object.defineProperty(exports, "getTimeZones", {
                enumerable: true,
                get: function() {
                    return _time_zone_utils.getTimeZones
                }
            });
            Object.defineProperty(exports, "hideTopOverlay", {
                enumerable: true,
                get: function() {
                    return _hide_top_overlay.default
                }
            });
            Object.defineProperty(exports, "initMobileViewport", {
                enumerable: true,
                get: function() {
                    return _init_mobile_viewport.default
                }
            });
            var _devices = _interopRequireDefault(__webpack_require__( /*! ./environment/devices */ 44257));
            var _hide_top_overlay = _interopRequireDefault(__webpack_require__( /*! ./environment/hide_top_overlay */ 45527));
            var _init_mobile_viewport = _interopRequireDefault(__webpack_require__( /*! ./environment/init_mobile_viewport */ 64256));
            var _time_zone_utils = __webpack_require__( /*! ./environment/time_zone_utils */ 95256);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
        },
        44257(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_devices.default
                }
            });
            var _m_devices = (e = __webpack_require__( /*! ../../../__internal/core/m_devices */ 98905), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        83916(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "hideCallback", {
                enumerable: true,
                get: function() {
                    return _hide_callback.hideCallback
                }
            });
            var _hide_callback = __webpack_require__( /*! ../../../__internal/core/environment/hide_callback */ 91922)
        },
        45527(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _hide_callback = __webpack_require__( /*! ../../../__internal/core/environment/hide_callback */ 91922);
            exports.default = _hide_callback.fireCallback;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        64256(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _init_mobile_viewport = __webpack_require__( /*! ./init_mobile_viewport/init_mobile_viewport */ 79279);
            exports.default = _init_mobile_viewport.initMobileViewport;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        79279(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "initMobileViewport", {
                enumerable: true,
                get: function() {
                    return _init_mobile_viewport.initMobileViewport
                }
            });
            var _init_mobile_viewport = __webpack_require__( /*! ../../../../__internal/core/environment/init_mobile_viewport */ 1522)
        },
        95256(__unused_webpack_module, exports, __webpack_require__) {
            exports.getTimeZones = void 0;
            var _m_utils_time_zone = (e = __webpack_require__( /*! ../../../__internal/scheduler/m_utils_time_zone */ 18648), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.getTimeZones = _m_utils_time_zone.default.getTimeZones
        },
        52391(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "Event", {
                enumerable: true,
                get: function() {
                    return _events.Event
                }
            });
            Object.defineProperty(exports, "off", {
                enumerable: true,
                get: function() {
                    return _events.off
                }
            });
            Object.defineProperty(exports, "on", {
                enumerable: true,
                get: function() {
                    return _events.on
                }
            });
            Object.defineProperty(exports, "one", {
                enumerable: true,
                get: function() {
                    return _events.one
                }
            });
            Object.defineProperty(exports, "trigger", {
                enumerable: true,
                get: function() {
                    return _events.trigger
                }
            });
            var _events = __webpack_require__( /*! ../../__internal/events/core/events */ 49953)
        },
        64044(__unused_webpack_module, exports, __webpack_require__) {
            var _m_click = __webpack_require__( /*! ../../../__internal/events/m_click */ 28356);
            Object.keys(_m_click).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _m_click[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _m_click[key]
                    }
                })
            })
        },
        80248(__unused_webpack_module, exports, __webpack_require__) {
            var _m_contextmenu = __webpack_require__( /*! ../../../__internal/events/m_contextmenu */ 90096);
            Object.keys(_m_contextmenu).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _m_contextmenu[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _m_contextmenu[key]
                    }
                })
            })
        },
        69331(__unused_webpack_module, exports, __webpack_require__) {
            var _m_emitter = __webpack_require__( /*! ../../../../__internal/events/core/m_emitter.feedback */ 14911);
            Object.keys(_m_emitter).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _m_emitter[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _m_emitter[key]
                    }
                })
            })
        },
        59e3(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_emitter.default
                }
            });
            var _m_emitter = (e = __webpack_require__( /*! ../../../../__internal/events/core/m_emitter */ 96292), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        81411(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_emitter_registrator.default
                }
            });
            var _m_emitter_registrator = (e = __webpack_require__( /*! ../../../../__internal/events/core/m_emitter_registrator */ 58063), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        15273(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_event_registrator.default
                }
            });
            var _m_event_registrator = (e = __webpack_require__( /*! ../../../../__internal/events/core/m_event_registrator */ 65381), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        85030(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _memorized_callbacks = (e = __webpack_require__( /*! ../../../../core/memorized_callbacks */ 35329), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = new _memorized_callbacks.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        92774(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_events_engine.default
                }
            });
            var _m_events_engine = (e = __webpack_require__( /*! ../../../../__internal/events/core/m_events_engine */ 36306), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        65462(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_hook_touch_props.default
                }
            });
            var _m_hook_touch_props = (e = __webpack_require__( /*! ../../../../__internal/events/core/m_hook_touch_props */ 40866), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        52818(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_keyboard_processor.default
                }
            });
            var _m_keyboard_processor = (e = __webpack_require__( /*! ../../../../__internal/events/core/m_keyboard_processor */ 34422), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        37373(__unused_webpack_module, exports, __webpack_require__) {
            var _m_wheel = __webpack_require__( /*! ../../../../__internal/events/core/m_wheel */ 58065);
            Object.keys(_m_wheel).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _m_wheel[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _m_wheel[key]
                    }
                })
            })
        },
        5636(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "name", {
                enumerable: true,
                get: function() {
                    return _m_dblclick.name
                }
            });
            var _m_dblclick = __webpack_require__( /*! ../../../__internal/events/m_dblclick */ 36212);
            var _event_registrator = (e = __webpack_require__( /*! ./core/event_registrator */ 15273), e && e.__esModule ? e : {
                default: e
            });
            var e;
            (0, _event_registrator.default)(_m_dblclick.name, _m_dblclick.dblClick)
        },
        59144(__unused_webpack_module, exports, __webpack_require__) {
            var _m_drag = __webpack_require__( /*! ../../../__internal/events/m_drag */ 88480);
            Object.keys(_m_drag).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _m_drag[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _m_drag[key]
                    }
                })
            })
        },
        85915(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_emitter.default
                }
            });
            var _m_emitter = (e = __webpack_require__( /*! ../../../../__internal/events/gesture/m_emitter.gesture */ 77859), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        86548(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_emitterGesture.default
                }
            });
            var _m_emitterGesture = (e = __webpack_require__( /*! ../../../../__internal/events/gesture/m_emitter.gesture.scroll */ 18572), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        18278(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_swipeable.default
                }
            });
            var _m_swipeable = (e = __webpack_require__( /*! ../../../../__internal/events/gesture/m_swipeable */ 54078), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        68095(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_hold.default
                }
            });
            var _m_hold = (e = __webpack_require__( /*! ../../../__internal/events/m_hold */ 3111), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        638(__unused_webpack_module, exports, __webpack_require__) {
            var _m_hover = __webpack_require__( /*! ../../../__internal/events/m_hover */ 57798);
            Object.keys(_m_hover).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _m_hover[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _m_hover[key]
                    }
                })
            })
        },
        89797(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_pointer.default
                }
            });
            var _m_pointer = (e = __webpack_require__( /*! ../../../__internal/events/m_pointer */ 24381), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        725(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_base.default
                }
            });
            var _m_base = (e = __webpack_require__( /*! ../../../../__internal/events/pointer/m_base */ 37321), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        5949(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_mouse.default
                }
            });
            var _m_mouse = (e = __webpack_require__( /*! ../../../../__internal/events/pointer/m_mouse */ 45841), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        71887(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_mouse_and_touch.default
                }
            });
            var _m_mouse_and_touch = (e = __webpack_require__( /*! ../../../../__internal/events/pointer/m_mouse_and_touch */ 60699), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        38242(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_observer.default
                }
            });
            var _m_observer = (e = __webpack_require__( /*! ../../../../__internal/events/pointer/m_observer */ 62814), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        71017(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_touch.default
                }
            });
            var _m_touch = (e = __webpack_require__( /*! ../../../../__internal/events/pointer/m_touch */ 95253), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        28630(__unused_webpack_module, exports, __webpack_require__) {
            var _m_remove = __webpack_require__( /*! ../../../__internal/events/m_remove */ 92686);
            Object.keys(_m_remove).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _m_remove[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _m_remove[key]
                    }
                })
            })
        },
        42222(__unused_webpack_module, exports, __webpack_require__) {
            var _m_short = __webpack_require__( /*! ../../../__internal/events/m_short */ 43926);
            Object.keys(_m_short).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _m_short[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _m_short[key]
                    }
                })
            })
        },
        80250(__unused_webpack_module, exports, __webpack_require__) {
            var _m_swipe = __webpack_require__( /*! ../../../__internal/events/m_swipe */ 6066);
            Object.keys(_m_swipe).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _m_swipe[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _m_swipe[key]
                    }
                })
            })
        },
        37008(__unused_webpack_module, exports, __webpack_require__) {
            exports.zoomstart = exports.zoomend = exports.zoom = exports.translatestart = exports.translateend = exports.translate = exports.transformstart = exports.transformend = exports.transform = exports.rotatestart = exports.rotateend = exports.rotate = exports.pinchstart = exports.pinchend = exports.pinch = void 0;
            var _m_transform = __webpack_require__( /*! ../../../__internal/events/m_transform */ 68264);
            const {
                transformstart: transformstart,
                transform: transform,
                transformend: transformend,
                translatestart: translatestart,
                translate: translate,
                translateend: translateend,
                zoomstart: zoomstart,
                zoom: zoom,
                zoomend: zoomend,
                pinchstart: pinchstart,
                pinch: pinch,
                pinchend: pinchend,
                rotatestart: rotatestart,
                rotate: rotate,
                rotateend: rotateend
            } = _m_transform.exportNames;
            exports.rotateend = rotateend;
            exports.rotate = rotate;
            exports.rotatestart = rotatestart;
            exports.pinchend = pinchend;
            exports.pinch = pinch;
            exports.pinchstart = pinchstart;
            exports.zoomend = zoomend;
            exports.zoom = zoom;
            exports.zoomstart = zoomstart;
            exports.translateend = translateend;
            exports.translate = translate;
            exports.translatestart = translatestart;
            exports.transformend = transformend;
            exports.transform = transform;
            exports.transformstart = transformstart
        },
        47413(__unused_webpack_module, exports, __webpack_require__) {
            var _m_event_nodes_disposing = __webpack_require__( /*! ../../../../__internal/events/utils/m_event_nodes_disposing */ 68337);
            Object.keys(_m_event_nodes_disposing).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _m_event_nodes_disposing[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _m_event_nodes_disposing[key]
                    }
                })
            })
        },
        45280(__unused_webpack_module, exports, __webpack_require__) {
            var _m_event_target = __webpack_require__( /*! ../../../../__internal/events/utils/m_event_target */ 86940);
            Object.keys(_m_event_target).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _m_event_target[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _m_event_target[key]
                    }
                })
            })
        },
        98834(__unused_webpack_module, exports, __webpack_require__) {
            var _index = __webpack_require__( /*! ../../../../__internal/events/utils/index */ 61210);
            Object.keys(_index).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _index[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _index[key]
                    }
                })
            })
        },
        18029(__unused_webpack_module, exports, __webpack_require__) {
            exports.triggerShownEvent = exports.triggerResizeEvent = exports.triggerHidingEvent = exports.default = void 0;
            var _m_visibility_change = (e = __webpack_require__( /*! ../../../__internal/events/m_visibility_change */ 52997), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.triggerShownEvent = _m_visibility_change.default.triggerShownEvent;
            exports.triggerHidingEvent = _m_visibility_change.default.triggerHidingEvent;
            exports.triggerResizeEvent = _m_visibility_change.default.triggerResizeEvent;
            exports.default = _m_visibility_change.default
        },
        46795(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "date", {
                enumerable: true,
                get: function() {
                    return _localization.date
                }
            });
            Object.defineProperty(exports, "disableIntl", {
                enumerable: true,
                get: function() {
                    return _localization.disableIntl
                }
            });
            Object.defineProperty(exports, "formatDate", {
                enumerable: true,
                get: function() {
                    return _localization.formatDate
                }
            });
            Object.defineProperty(exports, "formatMessage", {
                enumerable: true,
                get: function() {
                    return _localization.formatMessage
                }
            });
            Object.defineProperty(exports, "formatNumber", {
                enumerable: true,
                get: function() {
                    return _localization.formatNumber
                }
            });
            Object.defineProperty(exports, "loadMessages", {
                enumerable: true,
                get: function() {
                    return _localization.loadMessages
                }
            });
            Object.defineProperty(exports, "locale", {
                enumerable: true,
                get: function() {
                    return _localization.locale
                }
            });
            Object.defineProperty(exports, "message", {
                enumerable: true,
                get: function() {
                    return _localization.message
                }
            });
            Object.defineProperty(exports, "number", {
                enumerable: true,
                get: function() {
                    return _localization.number
                }
            });
            Object.defineProperty(exports, "parseDate", {
                enumerable: true,
                get: function() {
                    return _localization.parseDate
                }
            });
            Object.defineProperty(exports, "parseNumber", {
                enumerable: true,
                get: function() {
                    return _localization.parseNumber
                }
            });
            var _localization = __webpack_require__( /*! ../../__internal/core/localization */ 85601)
        },
        84109(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _core = (e = __webpack_require__( /*! ../../../__internal/core/localization/core */ 55407), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _core.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        17333(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _currency = (e = __webpack_require__( /*! ../../../__internal/core/localization/currency */ 87631), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _currency.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        38662(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _date = (e = __webpack_require__( /*! ../../../__internal/core/localization/date */ 45508), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _date.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        81179(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _default_date_names = (e = __webpack_require__( /*! ../../../__internal/core/localization/default_date_names */ 4445), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _default_date_names.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        23805(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../../../__internal/core/localization/globalize/core */ 75107)
        },
        869(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../../../__internal/core/localization/globalize/currency */ 80811)
        },
        99862(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../../../__internal/core/localization/globalize/date */ 60256)
        },
        84207(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../../../__internal/core/localization/globalize/message */ 29113)
        },
        13203(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../../../__internal/core/localization/globalize/number */ 19377)
        },
        64333(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "getLanguageId", {
                enumerable: true,
                get: function() {
                    return _language_codes.getLanguageId
                }
            });
            var _language_codes = __webpack_require__( /*! ../../../__internal/core/localization/language_codes */ 22247)
        },
        83445(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "getFormat", {
                enumerable: true,
                get: function() {
                    return _date.getFormat
                }
            });
            var _date = __webpack_require__( /*! ../../../../__internal/core/localization/ldml/date.format */ 65015)
        },
        86670(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "getFormatter", {
                enumerable: true,
                get: function() {
                    return _date.getFormatter
                }
            });
            var _date = __webpack_require__( /*! ../../../../__internal/core/localization/ldml/date.formatter */ 19632)
        },
        46981(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "getParser", {
                enumerable: true,
                get: function() {
                    return _date.getParser
                }
            });
            Object.defineProperty(exports, "getPatternSetters", {
                enumerable: true,
                get: function() {
                    return _date.getPatternSetters
                }
            });
            Object.defineProperty(exports, "getRegExpInfo", {
                enumerable: true,
                get: function() {
                    return _date.getRegExpInfo
                }
            });
            Object.defineProperty(exports, "isPossibleForParsingFormat", {
                enumerable: true,
                get: function() {
                    return _date.isPossibleForParsingFormat
                }
            });
            var _date = __webpack_require__( /*! ../../../../__internal/core/localization/ldml/date.parser */ 86743)
        },
        33687(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "getFormat", {
                enumerable: true,
                get: function() {
                    return _number.getFormat
                }
            });
            Object.defineProperty(exports, "getFormatter", {
                enumerable: true,
                get: function() {
                    return _number.getFormatter
                }
            });
            var _number = __webpack_require__( /*! ../../../../__internal/core/localization/ldml/number */ 63249)
        },
        4671(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _message = (e = __webpack_require__( /*! ../../../__internal/core/localization/message */ 18205), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _message.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        52771(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _number = (e = __webpack_require__( /*! ../../../__internal/core/localization/number */ 60605), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _number.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        57181(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "toFixed", {
                enumerable: true,
                get: function() {
                    return _utils.toFixed
                }
            });
            var _utils = __webpack_require__( /*! ../../../__internal/core/localization/utils */ 82475)
        },
        11036(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "ArrayStore", {
                enumerable: true,
                get: function() {
                    return _array_store.default
                }
            });
            Object.defineProperty(exports, "CustomStore", {
                enumerable: true,
                get: function() {
                    return _custom_store.CustomStore
                }
            });
            Object.defineProperty(exports, "DataHelperMixin", {
                enumerable: true,
                get: function() {
                    return _m_data_helper.default
                }
            });
            Object.defineProperty(exports, "DataSource", {
                enumerable: true,
                get: function() {
                    return _data_source.default
                }
            });
            Object.defineProperty(exports, "EdmLiteral", {
                enumerable: true,
                get: function() {
                    return _utils2.EdmLiteral
                }
            });
            Object.defineProperty(exports, "EndpointSelector", {
                enumerable: true,
                get: function() {
                    return _endpoint_selector.default
                }
            });
            Object.defineProperty(exports, "LocalStore", {
                enumerable: true,
                get: function() {
                    return _local_store.default
                }
            });
            Object.defineProperty(exports, "ODataContext", {
                enumerable: true,
                get: function() {
                    return _context.default
                }
            });
            Object.defineProperty(exports, "ODataStore", {
                enumerable: true,
                get: function() {
                    return _store.default
                }
            });
            Object.defineProperty(exports, "applyChanges", {
                enumerable: true,
                get: function() {
                    return _apply_changes.default
                }
            });
            Object.defineProperty(exports, "base64_encode", {
                enumerable: true,
                get: function() {
                    return _utils.base64_encode
                }
            });
            Object.defineProperty(exports, "compileGetter", {
                enumerable: true,
                get: function() {
                    return _utils.compileGetter
                }
            });
            Object.defineProperty(exports, "compileSetter", {
                enumerable: true,
                get: function() {
                    return _utils.compileSetter
                }
            });
            Object.defineProperty(exports, "errorHandler", {
                enumerable: true,
                get: function() {
                    return _errors.errorHandler
                }
            });
            Object.defineProperty(exports, "isGroupItemsArray", {
                enumerable: true,
                get: function() {
                    return _custom_store.isGroupItemsArray
                }
            });
            Object.defineProperty(exports, "isItemsArray", {
                enumerable: true,
                get: function() {
                    return _custom_store.isItemsArray
                }
            });
            Object.defineProperty(exports, "isLoadResultObject", {
                enumerable: true,
                get: function() {
                    return _custom_store.isLoadResultObject
                }
            });
            Object.defineProperty(exports, "keyConverters", {
                enumerable: true,
                get: function() {
                    return _utils2.keyConverters
                }
            });
            Object.defineProperty(exports, "query", {
                enumerable: true,
                get: function() {
                    return _query.default
                }
            });
            Object.defineProperty(exports, "setErrorHandler", {
                enumerable: true,
                get: function() {
                    return _errors.setErrorHandler
                }
            });
            var _apply_changes = _interopRequireDefault(__webpack_require__( /*! ./data/apply_changes */ 99745));
            var _array_store = _interopRequireDefault(__webpack_require__( /*! ./data/array_store */ 80556));
            var _custom_store = __webpack_require__( /*! ./data/custom_store */ 63326);
            var _data_source = _interopRequireDefault(__webpack_require__( /*! ./data/data_source */ 14479));
            var _endpoint_selector = _interopRequireDefault(__webpack_require__( /*! ./data/endpoint_selector */ 44180));
            var _errors = __webpack_require__( /*! ./data/errors */ 82812);
            var _local_store = _interopRequireDefault(__webpack_require__( /*! ./data/local_store */ 71790));
            var _query = _interopRequireDefault(__webpack_require__( /*! ./data/query */ 30771));
            var _utils = __webpack_require__( /*! ./data/utils */ 89358);
            var _m_data_helper = _interopRequireDefault(__webpack_require__( /*! ../__internal/data/m_data_helper */ 16780));
            var _context = _interopRequireDefault(__webpack_require__( /*! ./data/odata/context */ 34170));
            var _store = _interopRequireDefault(__webpack_require__( /*! ./data/odata/store */ 29284));
            var _utils2 = __webpack_require__( /*! ./data/odata/utils */ 8056);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
        },
        5995(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_abstract_store.default
                }
            });
            var _m_abstract_store = (e = __webpack_require__( /*! ../../__internal/data/m_abstract_store */ 1773), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        99745(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _array_utils = __webpack_require__( /*! ./array_utils */ 43792);
            exports.default = _array_utils.applyChanges;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        65517(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_array_query.default
                }
            });
            var _m_array_query = (e = __webpack_require__( /*! ../../__internal/data/m_array_query */ 79587), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        80556(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_array_store.default
                }
            });
            var _m_array_store = (e = __webpack_require__( /*! ../../__internal/data/m_array_store */ 11338), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        43792(__unused_webpack_module, exports, __webpack_require__) {
            var _m_array_utils = __webpack_require__( /*! ../../__internal/data/m_array_utils */ 3198);
            Object.keys(_m_array_utils).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _m_array_utils[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _m_array_utils[key]
                    }
                })
            })
        },
        63326(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "CustomStore", {
                enumerable: true,
                get: function() {
                    return _m_custom_store.default
                }
            });
            Object.defineProperty(exports, "isGroupItemsArray", {
                enumerable: true,
                get: function() {
                    return _m_custom_store.isGroupItemsArray
                }
            });
            Object.defineProperty(exports, "isItemsArray", {
                enumerable: true,
                get: function() {
                    return _m_custom_store.isItemsArray
                }
            });
            Object.defineProperty(exports, "isLoadResultObject", {
                enumerable: true,
                get: function() {
                    return _m_custom_store.isLoadResultObject
                }
            });
            var _m_custom_store = function(e, t) {
                if ("function" == typeof WeakMap) {
                    var r = new WeakMap,
                        n = new WeakMap
                }
                return function(e, t) {
                    if (!t && e && e.__esModule) {
                        return e
                    }
                    var o, i, f = {
                        __proto__: null,
                        default: e
                    };
                    if (null === e || "object" != typeof e && "function" != typeof e) {
                        return f
                    }
                    if (o = t ? n : r) {
                        if (o.has(e)) {
                            return o.get(e)
                        }
                        o.set(e, f)
                    }
                    for (const t in e) {
                        "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t])
                    }
                    return f
                }(e, t)
            }(__webpack_require__( /*! ../../__internal/data/m_custom_store */ 12764))
        },
        14479(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _data_source = __webpack_require__( /*! ./data_source/data_source */ 68216);
            exports.default = _data_source.DataSource;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        68216(__unused_webpack_module, exports, __webpack_require__) {
            var _m_data_source = __webpack_require__( /*! ../../../__internal/data/data_source/m_data_source */ 79562);
            Object.keys(_m_data_source).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _m_data_source[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _m_data_source[key]
                    }
                })
            })
        },
        95853(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_operation_manager.default
                }
            });
            var _m_operation_manager = (e = __webpack_require__( /*! ../../../__internal/data/data_source/m_operation_manager */ 9427), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        97169(__unused_webpack_module, exports, __webpack_require__) {
            var _m_utils = __webpack_require__( /*! ../../../__internal/data/data_source/m_utils */ 23923);
            Object.keys(_m_utils).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _m_utils[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _m_utils[key]
                    }
                })
            })
        },
        44180(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_endpoint_selector.default
                }
            });
            var _m_endpoint_selector = (e = __webpack_require__( /*! ../../__internal/data/m_endpoint_selector */ 17410), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        82812(__unused_webpack_module, exports, __webpack_require__) {
            var _m_errors = __webpack_require__( /*! ../../__internal/data/m_errors */ 5930);
            Object.keys(_m_errors).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _m_errors[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _m_errors[key]
                    }
                })
            })
        },
        71790(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_local_store.default
                }
            });
            var _m_local_store = (e = __webpack_require__( /*! ../../__internal/data/m_local_store */ 33260), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        34170(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_context.default
                }
            });
            var _m_context = (e = __webpack_require__( /*! ../../../__internal/data/odata/m_context */ 58824), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        65001(__unused_webpack_module, exports, __webpack_require__) {
            var _m_query_adapter = __webpack_require__( /*! ../../../__internal/data/odata/m_query_adapter */ 61575);
            Object.keys(_m_query_adapter).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _m_query_adapter[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _m_query_adapter[key]
                    }
                })
            })
        },
        26098(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_request_dispatcher.default
                }
            });
            var _m_request_dispatcher = (e = __webpack_require__( /*! ../../../__internal/data/odata/m_request_dispatcher */ 8920), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        29284(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_store.default
                }
            });
            var _m_store = (e = __webpack_require__( /*! ../../../__internal/data/odata/m_store */ 17594), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        8056(__unused_webpack_module, exports, __webpack_require__) {
            var _m_utils = __webpack_require__( /*! ../../../__internal/data/odata/m_utils */ 14606);
            Object.keys(_m_utils).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _m_utils[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _m_utils[key]
                    }
                })
            })
        },
        30771(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_query.default
                }
            });
            var _m_query = (e = __webpack_require__( /*! ../../__internal/data/m_query */ 45149), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        5842(module, exports) {
            exports.default = void 0;
            exports.default = {};
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        84816(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "queryImpl", {
                enumerable: true,
                get: function() {
                    return _query_implementation.queryImpl
                }
            });
            var _query_implementation = __webpack_require__( /*! ../../__internal/data/query_implementation */ 16362)
        },
        66177(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_store_helper.default
                }
            });
            var _m_store_helper = (e = __webpack_require__( /*! ../../__internal/data/m_store_helper */ 41943), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        89358(__unused_webpack_module, exports, __webpack_require__) {
            var _exportNames = {
                compileGetter: true,
                compileSetter: true
            };
            Object.defineProperty(exports, "compileGetter", {
                enumerable: true,
                get: function() {
                    return _data.compileGetter
                }
            });
            Object.defineProperty(exports, "compileSetter", {
                enumerable: true,
                get: function() {
                    return _data.compileSetter
                }
            });
            var _data = __webpack_require__( /*! ../../core/utils/data */ 31e3);
            var _m_utils = __webpack_require__( /*! ../../__internal/data/m_utils */ 30912);
            Object.keys(_m_utils).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (Object.prototype.hasOwnProperty.call(_exportNames, key)) {
                    return
                }
                if (key in exports && exports[key] === _m_utils[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _m_utils[key]
                    }
                })
            })
        },
        54594(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "exportDataGrid", {
                enumerable: true,
                get: function() {
                    return _export_data_grid.exportDataGrid
                }
            });
            Object.defineProperty(exports, "exportPivotGrid", {
                enumerable: true,
                get: function() {
                    return _export_pivot_grid.exportPivotGrid
                }
            });
            var _export_data_grid = __webpack_require__( /*! ../../__internal/exporter/exceljs/export_data_grid */ 57391);
            var _export_pivot_grid = __webpack_require__( /*! ../../__internal/exporter/exceljs/export_pivot_grid */ 60457)
        },
        92731(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "exportDataGrid", {
                enumerable: true,
                get: function() {
                    return _export_data_grid.exportDataGrid
                }
            });
            Object.defineProperty(exports, "exportDataGridWithAutoTable", {
                enumerable: true,
                get: function() {
                    return _export_data_grid2.exportDataGrid
                }
            });
            Object.defineProperty(exports, "exportGantt", {
                enumerable: true,
                get: function() {
                    return _export_gantt.exportGantt
                }
            });
            var _export_data_grid = __webpack_require__( /*! ../../__internal/exporter/jspdf/export_data_grid */ 5954);
            var _export_data_grid2 = __webpack_require__( /*! ../../__internal/exporter/jspdf/autotable/export_data_grid */ 50328);
            var _export_gantt = __webpack_require__( /*! ../../__internal/exporter/jspdf/export_gantt */ 38113)
        },
        71037(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_guid = __webpack_require__( /*! ../__internal/core/m_guid */ 7201);
            exports.default = _m_guid.Guid;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        32480(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_set_template_engine = __webpack_require__( /*! ../__internal/core/m_set_template_engine */ 61644);
            exports.default = _m_set_template_engine.setTemplateEngine;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        88412(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_action = __webpack_require__( /*! ../__internal/core/m_action */ 3226);
            exports.default = _m_action.Action;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        55620(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_class = (e = __webpack_require__( /*! ../__internal/core/m_class */ 40958), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_class.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        17863(__unused_webpack_module, exports, __webpack_require__) {
            var _component = __webpack_require__( /*! ../__internal/core/widget/component */ 65020);
            Object.keys(_component).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _component[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _component[key]
                    }
                })
            })
        },
        92848(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_component_registrator = __webpack_require__( /*! ../__internal/core/m_component_registrator */ 10718);
            exports.default = _m_component_registrator.registerComponent;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        55771(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_component_registrator_callbacks = __webpack_require__( /*! ../__internal/core/m_component_registrator_callbacks */ 21233);
            exports.default = _m_component_registrator_callbacks.componentRegistratorCallbacks;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        66636(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _common = __webpack_require__( /*! ../common */ 83077);
            exports.default = _common.config;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        65951(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _environment = __webpack_require__( /*! ../common/core/environment */ 63705);
            exports.default = _environment.devices;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        64960(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_dom_adapter = __webpack_require__( /*! ../__internal/core/m_dom_adapter */ 62018);
            exports.default = _m_dom_adapter.domAdapter;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        97832(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _dom_component = (e = __webpack_require__( /*! ../__internal/core/widget/dom_component */ 22331), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _dom_component.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        61404(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "getPublicElement", {
                enumerable: true,
                get: function() {
                    return _m_element.getPublicElement
                }
            });
            Object.defineProperty(exports, "getPublicElementNonJquery", {
                enumerable: true,
                get: function() {
                    return _m_element.getPublicElementNonJquery
                }
            });
            Object.defineProperty(exports, "setPublicElementWrapper", {
                enumerable: true,
                get: function() {
                    return _m_element.setPublicElementWrapper
                }
            });
            var _m_element = __webpack_require__( /*! ../__internal/core/m_element */ 93630)
        },
        74663(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "afterCleanData", {
                enumerable: true,
                get: function() {
                    return _m_element_data.afterCleanData
                }
            });
            Object.defineProperty(exports, "beforeCleanData", {
                enumerable: true,
                get: function() {
                    return _m_element_data.beforeCleanData
                }
            });
            Object.defineProperty(exports, "cleanData", {
                enumerable: true,
                get: function() {
                    return _m_element_data.cleanData
                }
            });
            Object.defineProperty(exports, "cleanDataRecursive", {
                enumerable: true,
                get: function() {
                    return _m_element_data.cleanDataRecursive
                }
            });
            Object.defineProperty(exports, "data", {
                enumerable: true,
                get: function() {
                    return _m_element_data.data
                }
            });
            Object.defineProperty(exports, "getDataStrategy", {
                enumerable: true,
                get: function() {
                    return _m_element_data.getDataStrategy
                }
            });
            Object.defineProperty(exports, "removeData", {
                enumerable: true,
                get: function() {
                    return _m_element_data.removeData
                }
            });
            Object.defineProperty(exports, "setDataStrategy", {
                enumerable: true,
                get: function() {
                    return _m_element_data.setDataStrategy
                }
            });
            Object.defineProperty(exports, "strategyChanging", {
                enumerable: true,
                get: function() {
                    return _m_element_data.strategyChanging
                }
            });
            var _m_element_data = __webpack_require__( /*! ../__internal/core/m_element_data */ 29489)
        },
        87129(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_errors = (e = __webpack_require__( /*! ../__internal/core/m_errors */ 5583), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_errors.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        2607(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "EventsStrategy", {
                enumerable: true,
                get: function() {
                    return _m_events_strategy.EventsStrategy
                }
            });
            var _m_events_strategy = __webpack_require__( /*! ../__internal/core/m_events_strategy */ 14201)
        },
        19427(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _common = __webpack_require__( /*! ../common */ 83077);
            exports.default = _common.Guid;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        35688(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_http_request = __webpack_require__( /*! ../__internal/core/m_http_request */ 58670);
            exports.default = _m_http_request.httpRequest;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        16965(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_inferno_renderer = __webpack_require__( /*! ../__internal/core/m_inferno_renderer */ 21327);
            exports.default = _m_inferno_renderer.infernoRenderer;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        35329(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_memorized_callbacks = __webpack_require__( /*! ../__internal/core/m_memorized_callbacks */ 87107);
            exports.default = _m_memorized_callbacks.MemorizedCallbacks;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        74453(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "Options", {
                enumerable: true,
                get: function() {
                    return _m_index.Options
                }
            });
            var _m_index = __webpack_require__( /*! ../../__internal/core/options/m_index */ 43399)
        },
        1896(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "OptionManager", {
                enumerable: true,
                get: function() {
                    return _m_option_manager.OptionManager
                }
            });
            var _m_option_manager = __webpack_require__( /*! ../../__internal/core/options/m_option_manager */ 59830)
        },
        53904(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "convertRulesToOptions", {
                enumerable: true,
                get: function() {
                    return _m_utils.convertRulesToOptions
                }
            });
            Object.defineProperty(exports, "createDefaultOptionRules", {
                enumerable: true,
                get: function() {
                    return _m_utils.createDefaultOptionRules
                }
            });
            Object.defineProperty(exports, "deviceMatch", {
                enumerable: true,
                get: function() {
                    return _m_utils.deviceMatch
                }
            });
            Object.defineProperty(exports, "getFieldName", {
                enumerable: true,
                get: function() {
                    return _m_utils.getFieldName
                }
            });
            Object.defineProperty(exports, "getNestedOptionValue", {
                enumerable: true,
                get: function() {
                    return _m_utils.getNestedOptionValue
                }
            });
            Object.defineProperty(exports, "getParentName", {
                enumerable: true,
                get: function() {
                    return _m_utils.getParentName
                }
            });
            Object.defineProperty(exports, "normalizeOptions", {
                enumerable: true,
                get: function() {
                    return _m_utils.normalizeOptions
                }
            });
            var _m_utils = __webpack_require__( /*! ../../__internal/core/options/m_utils */ 33810)
        },
        21971(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "PostponedOperations", {
                enumerable: true,
                get: function() {
                    return _m_postponed_operations.PostponedOperations
                }
            });
            var _m_postponed_operations = __webpack_require__( /*! ../__internal/core/m_postponed_operations */ 45693)
        },
        64553(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_renderer = __webpack_require__( /*! ../__internal/core/m_renderer */ 95539);
            exports.default = _m_renderer.renderer;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        21681(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _m_renderer_base.default
                }
            });
            var _m_renderer_base = (e = __webpack_require__( /*! ../__internal/core/m_renderer_base */ 1811), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        11787(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_resize_observer = __webpack_require__( /*! ../__internal/core/m_resize_observer */ 57785);
            exports.default = _m_resize_observer.resizeObserverSingleton;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        91366(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _common.setTemplateEngine
                }
            });
            var _common = __webpack_require__( /*! ../common */ 83077);
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        27286(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "BindableTemplate", {
                enumerable: true,
                get: function() {
                    return _m_bindable_template.BindableTemplate
                }
            });
            var _m_bindable_template = __webpack_require__( /*! ../../__internal/core/templates/m_bindable_template */ 52820)
        },
        91585(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "ChildDefaultTemplate", {
                enumerable: true,
                get: function() {
                    return _m_child_default_template.ChildDefaultTemplate
                }
            });
            var _m_child_default_template = __webpack_require__( /*! ../../__internal/core/templates/m_child_default_template */ 93971)
        },
        48650(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "EmptyTemplate", {
                enumerable: true,
                get: function() {
                    return _m_empty_template.EmptyTemplate
                }
            });
            var _m_empty_template = __webpack_require__( /*! ../../__internal/core/templates/m_empty_template */ 11768)
        },
        38699(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "FunctionTemplate", {
                enumerable: true,
                get: function() {
                    return _m_function_template.FunctionTemplate
                }
            });
            var _m_function_template = __webpack_require__( /*! ../../__internal/core/templates/m_function_template */ 88969)
        },
        67872(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "Template", {
                enumerable: true,
                get: function() {
                    return _m_template.Template
                }
            });
            var _m_template = __webpack_require__( /*! ../../__internal/core/templates/m_template */ 52538)
        },
        42186(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "TemplateBase", {
                enumerable: true,
                get: function() {
                    return _m_template_base.TemplateBase
                }
            });
            Object.defineProperty(exports, "renderedCallbacks", {
                enumerable: true,
                get: function() {
                    return _m_template_base.renderedCallbacks
                }
            });
            var _m_template_base = __webpack_require__( /*! ../../__internal/core/templates/m_template_base */ 31292)
        },
        35155(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "getCurrentTemplateEngine", {
                enumerable: true,
                get: function() {
                    return _m_template_engine_registry.getCurrentTemplateEngine
                }
            });
            Object.defineProperty(exports, "registerTemplateEngine", {
                enumerable: true,
                get: function() {
                    return _m_template_engine_registry.registerTemplateEngine
                }
            });
            Object.defineProperty(exports, "setTemplateEngine", {
                enumerable: true,
                get: function() {
                    return _m_template_engine_registry.setTemplateEngine
                }
            });
            var _m_template_engine_registry = __webpack_require__( /*! ../../__internal/core/templates/m_template_engine_registry */ 70785)
        },
        71669(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _trial_panel = __webpack_require__( /*! ../__internal/core/license/trial_panel */ 99671);
            exports.default = {
                registerTrialPanelComponents: _trial_panel.registerTrialPanelComponents,
                showTrialPanel: _trial_panel.showTrialPanel
            };
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        78670(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_ajax = __webpack_require__( /*! ../../__internal/core/utils/m_ajax */ 14136);
            exports.default = _m_ajax.Ajax;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        28248(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "evalCrossDomainScript", {
                enumerable: true,
                get: function() {
                    return _m_ajax_utils.evalCrossDomainScript
                }
            });
            Object.defineProperty(exports, "evalScript", {
                enumerable: true,
                get: function() {
                    return _m_ajax_utils.evalScript
                }
            });
            Object.defineProperty(exports, "getAcceptHeader", {
                enumerable: true,
                get: function() {
                    return _m_ajax_utils.getAcceptHeader
                }
            });
            Object.defineProperty(exports, "getJsonpCallbackName", {
                enumerable: true,
                get: function() {
                    return _m_ajax_utils.getJsonpCallbackName
                }
            });
            Object.defineProperty(exports, "getMethod", {
                enumerable: true,
                get: function() {
                    return _m_ajax_utils.getMethod
                }
            });
            Object.defineProperty(exports, "getRequestHeaders", {
                enumerable: true,
                get: function() {
                    return _m_ajax_utils.getRequestHeaders
                }
            });
            Object.defineProperty(exports, "getRequestOptions", {
                enumerable: true,
                get: function() {
                    return _m_ajax_utils.getRequestOptions
                }
            });
            Object.defineProperty(exports, "isCrossDomain", {
                enumerable: true,
                get: function() {
                    return _m_ajax_utils.isCrossDomain
                }
            });
            var _m_ajax_utils = __webpack_require__( /*! ../../__internal/core/utils/m_ajax_utils */ 42202)
        },
        94487(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "getIntersection", {
                enumerable: true,
                get: function() {
                    return _m_array.getIntersection
                }
            });
            Object.defineProperty(exports, "getUniqueValues", {
                enumerable: true,
                get: function() {
                    return _m_array.getUniqueValues
                }
            });
            Object.defineProperty(exports, "groupBy", {
                enumerable: true,
                get: function() {
                    return _m_array.groupBy
                }
            });
            Object.defineProperty(exports, "normalizeIndexes", {
                enumerable: true,
                get: function() {
                    return _m_array.normalizeIndexes
                }
            });
            Object.defineProperty(exports, "removeDuplicates", {
                enumerable: true,
                get: function() {
                    return _m_array.removeDuplicates
                }
            });
            Object.defineProperty(exports, "wrapToArray", {
                enumerable: true,
                get: function() {
                    return _m_array.wrapToArray
                }
            });
            var _m_array = __webpack_require__( /*! ../../__internal/core/utils/m_array */ 28601)
        },
        13387(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "findChanges", {
                enumerable: true,
                get: function() {
                    return _m_array_compare.findChanges
                }
            });
            Object.defineProperty(exports, "isKeysEqual", {
                enumerable: true,
                get: function() {
                    return _m_array_compare.isKeysEqual
                }
            });
            var _m_array_compare = __webpack_require__( /*! ../../__internal/core/utils/m_array_compare */ 87525)
        },
        48314(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_browser = __webpack_require__( /*! ../../__internal/core/utils/m_browser */ 33436);
            exports.default = _m_browser.browser;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        13630(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_call_once = __webpack_require__( /*! ../../__internal/core/utils/m_call_once */ 58060);
            exports.default = _m_call_once.callOnce;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        84718(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_callbacks = __webpack_require__( /*! ../../__internal/core/utils/m_callbacks */ 63172);
            exports.default = _m_callbacks.Callbacks;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        17781(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "applyServerDecimalSeparator", {
                enumerable: true,
                get: function() {
                    return _m_common.applyServerDecimalSeparator
                }
            });
            Object.defineProperty(exports, "asyncNoop", {
                enumerable: true,
                get: function() {
                    return _m_common.asyncNoop
                }
            });
            Object.defineProperty(exports, "deferRender", {
                enumerable: true,
                get: function() {
                    return _m_common.deferRender
                }
            });
            Object.defineProperty(exports, "deferRenderer", {
                enumerable: true,
                get: function() {
                    return _m_common.deferRenderer
                }
            });
            Object.defineProperty(exports, "deferUpdate", {
                enumerable: true,
                get: function() {
                    return _m_common.deferUpdate
                }
            });
            Object.defineProperty(exports, "deferUpdater", {
                enumerable: true,
                get: function() {
                    return _m_common.deferUpdater
                }
            });
            Object.defineProperty(exports, "denormalizeKey", {
                enumerable: true,
                get: function() {
                    return _m_common.denormalizeKey
                }
            });
            Object.defineProperty(exports, "ensureDefined", {
                enumerable: true,
                get: function() {
                    return _m_common.ensureDefined
                }
            });
            Object.defineProperty(exports, "equalByValue", {
                enumerable: true,
                get: function() {
                    return _m_common.equalByValue
                }
            });
            Object.defineProperty(exports, "escapeRegExp", {
                enumerable: true,
                get: function() {
                    return _m_common.escapeRegExp
                }
            });
            Object.defineProperty(exports, "executeAsync", {
                enumerable: true,
                get: function() {
                    return _m_common.executeAsync
                }
            });
            Object.defineProperty(exports, "findBestMatches", {
                enumerable: true,
                get: function() {
                    return _m_common.findBestMatches
                }
            });
            Object.defineProperty(exports, "getKeyHash", {
                enumerable: true,
                get: function() {
                    return _m_common.getKeyHash
                }
            });
            Object.defineProperty(exports, "grep", {
                enumerable: true,
                get: function() {
                    return _m_common.grep
                }
            });
            Object.defineProperty(exports, "noop", {
                enumerable: true,
                get: function() {
                    return _m_common.noop
                }
            });
            Object.defineProperty(exports, "normalizeKey", {
                enumerable: true,
                get: function() {
                    return _m_common.normalizeKey
                }
            });
            Object.defineProperty(exports, "pairToObject", {
                enumerable: true,
                get: function() {
                    return _m_common.pairToObject
                }
            });
            Object.defineProperty(exports, "splitPair", {
                enumerable: true,
                get: function() {
                    return _m_common.splitPair
                }
            });
            var _m_common = __webpack_require__( /*! ../../__internal/core/utils/m_common */ 39315)
        },
        60648(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "equals", {
                enumerable: true,
                get: function() {
                    return _m_comparator.equals
                }
            });
            var _m_comparator = __webpack_require__( /*! ../../__internal/core/utils/m_comparator */ 90834)
        },
        31951(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "debug", {
                enumerable: true,
                get: function() {
                    return _m_console.debug
                }
            });
            Object.defineProperty(exports, "logger", {
                enumerable: true,
                get: function() {
                    return _m_console.logger
                }
            });
            var _m_console = __webpack_require__( /*! ../../__internal/core/utils/m_console */ 35005)
        },
        31e3(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "compileGetter", {
                enumerable: true,
                get: function() {
                    return _m_data.compileGetter
                }
            });
            Object.defineProperty(exports, "compileSetter", {
                enumerable: true,
                get: function() {
                    return _m_data.compileSetter
                }
            });
            Object.defineProperty(exports, "getPathParts", {
                enumerable: true,
                get: function() {
                    return _m_data.getPathParts
                }
            });
            Object.defineProperty(exports, "toComparable", {
                enumerable: true,
                get: function() {
                    return _m_data.toComparable
                }
            });
            var _m_data = __webpack_require__( /*! ../../__internal/core/utils/m_data */ 93142)
        },
        41380(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_date = __webpack_require__( /*! ../../__internal/core/utils/m_date */ 66570);
            exports.default = _m_date.dateUtils;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        71051(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_date_serialization = __webpack_require__( /*! ../../__internal/core/utils/m_date_serialization */ 62897);
            exports.default = _m_date_serialization.dateSerialization;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        87739(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "Deferred", {
                enumerable: true,
                get: function() {
                    return _m_deferred.Deferred
                }
            });
            Object.defineProperty(exports, "fromPromise", {
                enumerable: true,
                get: function() {
                    return _m_deferred.fromPromise
                }
            });
            Object.defineProperty(exports, "setStrategy", {
                enumerable: true,
                get: function() {
                    return _m_deferred.setStrategy
                }
            });
            Object.defineProperty(exports, "when", {
                enumerable: true,
                get: function() {
                    return _m_deferred.when
                }
            });
            var _m_deferred = __webpack_require__( /*! ../../__internal/core/utils/m_deferred */ 77117)
        },
        89656(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_dependency_injector = __webpack_require__( /*! ../../__internal/core/utils/m_dependency_injector */ 62142);
            exports.default = _m_dependency_injector.injector;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        86858(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "clearSelection", {
                enumerable: true,
                get: function() {
                    return _m_dom.clearSelection
                }
            });
            Object.defineProperty(exports, "clipboardText", {
                enumerable: true,
                get: function() {
                    return _m_dom.clipboardText
                }
            });
            Object.defineProperty(exports, "closestCommonParent", {
                enumerable: true,
                get: function() {
                    return _m_dom.closestCommonParent
                }
            });
            Object.defineProperty(exports, "contains", {
                enumerable: true,
                get: function() {
                    return _m_dom.contains
                }
            });
            Object.defineProperty(exports, "createTextElementHiddenCopy", {
                enumerable: true,
                get: function() {
                    return _m_dom.createTextElementHiddenCopy
                }
            });
            Object.defineProperty(exports, "extractTemplateMarkup", {
                enumerable: true,
                get: function() {
                    return _m_dom.extractTemplateMarkup
                }
            });
            Object.defineProperty(exports, "insertBefore", {
                enumerable: true,
                get: function() {
                    return _m_dom.insertBefore
                }
            });
            Object.defineProperty(exports, "isElementInDom", {
                enumerable: true,
                get: function() {
                    return _m_dom.isElementInDom
                }
            });
            Object.defineProperty(exports, "normalizeTemplateElement", {
                enumerable: true,
                get: function() {
                    return _m_dom.normalizeTemplateElement
                }
            });
            Object.defineProperty(exports, "replaceWith", {
                enumerable: true,
                get: function() {
                    return _m_dom.replaceWith
                }
            });
            Object.defineProperty(exports, "resetActiveElement", {
                enumerable: true,
                get: function() {
                    return _m_dom.resetActiveElement
                }
            });
            var _m_dom = __webpack_require__( /*! ../../__internal/core/utils/m_dom */ 76400)
        },
        67264(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_error = __webpack_require__( /*! ../../__internal/core/utils/m_error */ 40818);
            exports.default = _m_error.error;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        52576(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "extend", {
                enumerable: true,
                get: function() {
                    return _m_extend.extend
                }
            });
            Object.defineProperty(exports, "extendFromObject", {
                enumerable: true,
                get: function() {
                    return _m_extend.extendFromObject
                }
            });
            var _m_extend = __webpack_require__( /*! ../../__internal/core/utils/m_extend */ 96298)
        },
        23563(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "isTablePart", {
                enumerable: true,
                get: function() {
                    return _m_html_parser.isTablePart
                }
            });
            Object.defineProperty(exports, "parseHTML", {
                enumerable: true,
                get: function() {
                    return _m_html_parser.parseHTML
                }
            });
            var _m_html_parser = __webpack_require__( /*! ../../__internal/core/utils/m_html_parser */ 25317)
        },
        69629(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "getImageContainer", {
                enumerable: true,
                get: function() {
                    return _m_icon.getImageContainer
                }
            });
            Object.defineProperty(exports, "getImageSourceType", {
                enumerable: true,
                get: function() {
                    return _m_icon.getImageSourceType
                }
            });
            var _m_icon = __webpack_require__( /*! ../../__internal/core/utils/m_icon */ 42463)
        },
        53124(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "camelize", {
                enumerable: true,
                get: function() {
                    return _m_inflector.camelize
                }
            });
            Object.defineProperty(exports, "captionize", {
                enumerable: true,
                get: function() {
                    return _m_inflector.captionize
                }
            });
            Object.defineProperty(exports, "dasherize", {
                enumerable: true,
                get: function() {
                    return _m_inflector.dasherize
                }
            });
            Object.defineProperty(exports, "humanize", {
                enumerable: true,
                get: function() {
                    return _m_inflector.humanize
                }
            });
            Object.defineProperty(exports, "titleize", {
                enumerable: true,
                get: function() {
                    return _m_inflector.titleize
                }
            });
            Object.defineProperty(exports, "underscore", {
                enumerable: true,
                get: function() {
                    return _m_inflector.underscore
                }
            });
            var _m_inflector = __webpack_require__( /*! ../../__internal/core/utils/m_inflector */ 66122)
        },
        21274(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "each", {
                enumerable: true,
                get: function() {
                    return _m_iterator.each
                }
            });
            Object.defineProperty(exports, "map", {
                enumerable: true,
                get: function() {
                    return _m_iterator.map
                }
            });
            Object.defineProperty(exports, "reverseEach", {
                enumerable: true,
                get: function() {
                    return _m_iterator.reverseEach
                }
            });
            var _m_iterator = __webpack_require__( /*! ../../__internal/core/utils/m_iterator */ 26044)
        },
        50254(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "adjust", {
                enumerable: true,
                get: function() {
                    return _m_math.adjust
                }
            });
            Object.defineProperty(exports, "fitIntoRange", {
                enumerable: true,
                get: function() {
                    return _m_math.fitIntoRange
                }
            });
            Object.defineProperty(exports, "getExponent", {
                enumerable: true,
                get: function() {
                    return _m_math.getExponent
                }
            });
            Object.defineProperty(exports, "getExponentLength", {
                enumerable: true,
                get: function() {
                    return _m_math.getExponentLength
                }
            });
            Object.defineProperty(exports, "getPrecision", {
                enumerable: true,
                get: function() {
                    return _m_math.getPrecision
                }
            });
            Object.defineProperty(exports, "getRemainderByDivision", {
                enumerable: true,
                get: function() {
                    return _m_math.getRemainderByDivision
                }
            });
            Object.defineProperty(exports, "getRoot", {
                enumerable: true,
                get: function() {
                    return _m_math.getRoot
                }
            });
            Object.defineProperty(exports, "inRange", {
                enumerable: true,
                get: function() {
                    return _m_math.inRange
                }
            });
            Object.defineProperty(exports, "multiplyInExponentialForm", {
                enumerable: true,
                get: function() {
                    return _m_math.multiplyInExponentialForm
                }
            });
            Object.defineProperty(exports, "roundFloatPart", {
                enumerable: true,
                get: function() {
                    return _m_math.roundFloatPart
                }
            });
            Object.defineProperty(exports, "sign", {
                enumerable: true,
                get: function() {
                    return _m_math.sign
                }
            });
            Object.defineProperty(exports, "solveCubicEquation", {
                enumerable: true,
                get: function() {
                    return _m_math.solveCubicEquation
                }
            });
            Object.defineProperty(exports, "trunc", {
                enumerable: true,
                get: function() {
                    return _m_math.trunc
                }
            });
            var _m_math = __webpack_require__( /*! ../../__internal/core/utils/m_math */ 80764)
        },
        22263(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "clone", {
                enumerable: true,
                get: function() {
                    return _m_object.clone
                }
            });
            Object.defineProperty(exports, "deepExtendArraySafe", {
                enumerable: true,
                get: function() {
                    return _m_object.deepExtendArraySafe
                }
            });
            Object.defineProperty(exports, "legacyAssign", {
                enumerable: true,
                get: function() {
                    return _m_object.legacyAssign
                }
            });
            Object.defineProperty(exports, "newAssign", {
                enumerable: true,
                get: function() {
                    return _m_object.newAssign
                }
            });
            Object.defineProperty(exports, "orderEach", {
                enumerable: true,
                get: function() {
                    return _m_object.orderEach
                }
            });
            var _m_object = __webpack_require__( /*! ../../__internal/core/utils/m_object */ 86005)
        },
        41639(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "getBoundingRect", {
                enumerable: true,
                get: function() {
                    return _m_position.getBoundingRect
                }
            });
            Object.defineProperty(exports, "getDefaultAlignment", {
                enumerable: true,
                get: function() {
                    return _m_position.getDefaultAlignment
                }
            });
            var _m_position = __webpack_require__( /*! ../../__internal/core/utils/m_position */ 80125)
        },
        85521(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "attachInstanceToElement", {
                enumerable: true,
                get: function() {
                    return _m_public_component.attachInstanceToElement
                }
            });
            Object.defineProperty(exports, "getInstanceByElement", {
                enumerable: true,
                get: function() {
                    return _m_public_component.getInstanceByElement
                }
            });
            Object.defineProperty(exports, "name", {
                enumerable: true,
                get: function() {
                    return _m_public_component.name
                }
            });
            var _m_public_component = __webpack_require__( /*! ../../__internal/core/utils/m_public_component */ 871)
        },
        65221(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "create", {
                enumerable: true,
                get: function() {
                    return _m_queue.create
                }
            });
            Object.defineProperty(exports, "enqueue", {
                enumerable: true,
                get: function() {
                    return _m_queue.enqueue
                }
            });
            var _m_queue = __webpack_require__( /*! ../../__internal/core/utils/m_queue */ 52799)
        },
        3122(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_ready_callbacks = __webpack_require__( /*! ../../__internal/core/utils/m_ready_callbacks */ 18344);
            exports.default = _m_ready_callbacks.readyCallbacksModule;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        63283(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_resize_callbacks = __webpack_require__( /*! ../../__internal/core/utils/m_resize_callbacks */ 33717);
            exports.default = _m_resize_callbacks.resizeCallbacks;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        52877(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "SelectionFilterCreator", {
                enumerable: true,
                get: function() {
                    return _m_selection_filter.SelectionFilterCreator
                }
            });
            var _m_selection_filter = __webpack_require__( /*! ../../__internal/core/utils/m_selection_filter */ 67135)
        },
        93631(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "addShadowDomStyles", {
                enumerable: true,
                get: function() {
                    return _m_shadow_dom.addShadowDomStyles
                }
            });
            Object.defineProperty(exports, "getShadowElementsFromPoint", {
                enumerable: true,
                get: function() {
                    return _m_shadow_dom.getShadowElementsFromPoint
                }
            });
            var _m_shadow_dom = __webpack_require__( /*! ../../__internal/core/utils/m_shadow_dom */ 17113)
        },
        57653(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "addOffsetToMaxHeight", {
                enumerable: true,
                get: function() {
                    return _m_size.addOffsetToMaxHeight
                }
            });
            Object.defineProperty(exports, "addOffsetToMinHeight", {
                enumerable: true,
                get: function() {
                    return _m_size.addOffsetToMinHeight
                }
            });
            Object.defineProperty(exports, "getElementBoxParams", {
                enumerable: true,
                get: function() {
                    return _m_size.getElementBoxParams
                }
            });
            Object.defineProperty(exports, "getHeight", {
                enumerable: true,
                get: function() {
                    return _m_size.getHeight
                }
            });
            Object.defineProperty(exports, "getInnerHeight", {
                enumerable: true,
                get: function() {
                    return _m_size.getInnerHeight
                }
            });
            Object.defineProperty(exports, "getInnerWidth", {
                enumerable: true,
                get: function() {
                    return _m_size.getInnerWidth
                }
            });
            Object.defineProperty(exports, "getOffset", {
                enumerable: true,
                get: function() {
                    return _m_size.getOffset
                }
            });
            Object.defineProperty(exports, "getOuterHeight", {
                enumerable: true,
                get: function() {
                    return _m_size.getOuterHeight
                }
            });
            Object.defineProperty(exports, "getOuterWidth", {
                enumerable: true,
                get: function() {
                    return _m_size.getOuterWidth
                }
            });
            Object.defineProperty(exports, "getSize", {
                enumerable: true,
                get: function() {
                    return _m_size.getSize
                }
            });
            Object.defineProperty(exports, "getVerticalOffsets", {
                enumerable: true,
                get: function() {
                    return _m_size.getVerticalOffsets
                }
            });
            Object.defineProperty(exports, "getVisibleHeight", {
                enumerable: true,
                get: function() {
                    return _m_size.getVisibleHeight
                }
            });
            Object.defineProperty(exports, "getWidth", {
                enumerable: true,
                get: function() {
                    return _m_size.getWidth
                }
            });
            Object.defineProperty(exports, "getWindowByElement", {
                enumerable: true,
                get: function() {
                    return _m_size.getWindowByElement
                }
            });
            Object.defineProperty(exports, "implementationsMap", {
                enumerable: true,
                get: function() {
                    return _m_size.implementationsMap
                }
            });
            Object.defineProperty(exports, "parseHeight", {
                enumerable: true,
                get: function() {
                    return _m_size.parseHeight
                }
            });
            Object.defineProperty(exports, "setHeight", {
                enumerable: true,
                get: function() {
                    return _m_size.setHeight
                }
            });
            Object.defineProperty(exports, "setInnerHeight", {
                enumerable: true,
                get: function() {
                    return _m_size.setInnerHeight
                }
            });
            Object.defineProperty(exports, "setInnerWidth", {
                enumerable: true,
                get: function() {
                    return _m_size.setInnerWidth
                }
            });
            Object.defineProperty(exports, "setOuterHeight", {
                enumerable: true,
                get: function() {
                    return _m_size.setOuterHeight
                }
            });
            Object.defineProperty(exports, "setOuterWidth", {
                enumerable: true,
                get: function() {
                    return _m_size.setOuterWidth
                }
            });
            Object.defineProperty(exports, "setWidth", {
                enumerable: true,
                get: function() {
                    return _m_size.setWidth
                }
            });
            var _m_size = __webpack_require__( /*! ../../__internal/core/utils/m_size */ 64587)
        },
        98479(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "sessionStorage", {
                enumerable: true,
                get: function() {
                    return _m_storage.sessionStorage
                }
            });
            var _m_storage = __webpack_require__( /*! ../../__internal/core/utils/m_storage */ 47865)
        },
        54497(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "encodeHtml", {
                enumerable: true,
                get: function() {
                    return _m_string.encodeHtml
                }
            });
            Object.defineProperty(exports, "format", {
                enumerable: true,
                get: function() {
                    return _m_string.format
                }
            });
            Object.defineProperty(exports, "isEmpty", {
                enumerable: true,
                get: function() {
                    return _m_string.isEmpty
                }
            });
            Object.defineProperty(exports, "quadToObject", {
                enumerable: true,
                get: function() {
                    return _m_string.quadToObject
                }
            });
            var _m_string = __webpack_require__( /*! ../../__internal/core/utils/m_string */ 32527)
        },
        58515(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "normalizeStyleProp", {
                enumerable: true,
                get: function() {
                    return _m_style.normalizeStyleProp
                }
            });
            Object.defineProperty(exports, "parsePixelValue", {
                enumerable: true,
                get: function() {
                    return _m_style.parsePixelValue
                }
            });
            Object.defineProperty(exports, "setHeight", {
                enumerable: true,
                get: function() {
                    return _m_style.setHeight
                }
            });
            Object.defineProperty(exports, "setStyle", {
                enumerable: true,
                get: function() {
                    return _m_style.setStyle
                }
            });
            Object.defineProperty(exports, "setWidth", {
                enumerable: true,
                get: function() {
                    return _m_style.setWidth
                }
            });
            Object.defineProperty(exports, "styleProp", {
                enumerable: true,
                get: function() {
                    return _m_style.styleProp
                }
            });
            Object.defineProperty(exports, "stylePropPrefix", {
                enumerable: true,
                get: function() {
                    return _m_style.stylePropPrefix
                }
            });
            var _m_style = __webpack_require__( /*! ../../__internal/core/utils/m_style */ 11953)
        },
        4785(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "animation", {
                enumerable: true,
                get: function() {
                    return _m_support.animation
                }
            });
            Object.defineProperty(exports, "inputType", {
                enumerable: true,
                get: function() {
                    return _m_support.inputType
                }
            });
            Object.defineProperty(exports, "nativeScrolling", {
                enumerable: true,
                get: function() {
                    return _m_support.nativeScrolling
                }
            });
            Object.defineProperty(exports, "pointerEvents", {
                enumerable: true,
                get: function() {
                    return _m_support.pointerEvents
                }
            });
            Object.defineProperty(exports, "styleProp", {
                enumerable: true,
                get: function() {
                    return _m_support.styleProp
                }
            });
            Object.defineProperty(exports, "stylePropPrefix", {
                enumerable: true,
                get: function() {
                    return _m_support.stylePropPrefix
                }
            });
            Object.defineProperty(exports, "supportProp", {
                enumerable: true,
                get: function() {
                    return _m_support.supportProp
                }
            });
            Object.defineProperty(exports, "touch", {
                enumerable: true,
                get: function() {
                    return _m_support.touch
                }
            });
            Object.defineProperty(exports, "touchEvents", {
                enumerable: true,
                get: function() {
                    return _m_support.touchEvents
                }
            });
            Object.defineProperty(exports, "transition", {
                enumerable: true,
                get: function() {
                    return _m_support.transition
                }
            });
            Object.defineProperty(exports, "transitionEndEventName", {
                enumerable: true,
                get: function() {
                    return _m_support.transitionEndEventName
                }
            });
            var _m_support = __webpack_require__( /*! ../../__internal/core/utils/m_support */ 85991)
        },
        47420(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "HIDDEN_FOR_EXPORT", {
                enumerable: true,
                get: function() {
                    return _m_svg.HIDDEN_FOR_EXPORT
                }
            });
            Object.defineProperty(exports, "getSvgElement", {
                enumerable: true,
                get: function() {
                    return _m_svg.getSvgElement
                }
            });
            Object.defineProperty(exports, "getSvgMarkup", {
                enumerable: true,
                get: function() {
                    return _m_svg.getSvgMarkup
                }
            });
            var _m_svg = __webpack_require__( /*! ../../__internal/core/utils/m_svg */ 89650)
        },
        49194(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "acquireIntegrationTemplate", {
                enumerable: true,
                get: function() {
                    return _m_template_manager.acquireIntegrationTemplate
                }
            });
            Object.defineProperty(exports, "acquireTemplate", {
                enumerable: true,
                get: function() {
                    return _m_template_manager.acquireTemplate
                }
            });
            Object.defineProperty(exports, "addOneRenderedCall", {
                enumerable: true,
                get: function() {
                    return _m_template_manager.addOneRenderedCall
                }
            });
            Object.defineProperty(exports, "addPublicElementNormalization", {
                enumerable: true,
                get: function() {
                    return _m_template_manager.addPublicElementNormalization
                }
            });
            Object.defineProperty(exports, "defaultCreateElement", {
                enumerable: true,
                get: function() {
                    return _m_template_manager.defaultCreateElement
                }
            });
            Object.defineProperty(exports, "findTemplates", {
                enumerable: true,
                get: function() {
                    return _m_template_manager.findTemplates
                }
            });
            Object.defineProperty(exports, "getNormalizedTemplateArgs", {
                enumerable: true,
                get: function() {
                    return _m_template_manager.getNormalizedTemplateArgs
                }
            });
            Object.defineProperty(exports, "suitableTemplatesByName", {
                enumerable: true,
                get: function() {
                    return _m_template_manager.suitableTemplatesByName
                }
            });
            Object.defineProperty(exports, "templateKey", {
                enumerable: true,
                get: function() {
                    return _m_template_manager.templateKey
                }
            });
            Object.defineProperty(exports, "validateTemplateSource", {
                enumerable: true,
                get: function() {
                    return _m_template_manager.validateTemplateSource
                }
            });
            var _m_template_manager = __webpack_require__( /*! ../../__internal/core/utils/m_template_manager */ 91008)
        },
        11528(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "isBoolean", {
                enumerable: true,
                get: function() {
                    return _m_type.isBoolean
                }
            });
            Object.defineProperty(exports, "isDate", {
                enumerable: true,
                get: function() {
                    return _m_type.isDate
                }
            });
            Object.defineProperty(exports, "isDeferred", {
                enumerable: true,
                get: function() {
                    return _m_type.isDeferred
                }
            });
            Object.defineProperty(exports, "isDefined", {
                enumerable: true,
                get: function() {
                    return _m_type.isDefined
                }
            });
            Object.defineProperty(exports, "isEmptyObject", {
                enumerable: true,
                get: function() {
                    return _m_type.isEmptyObject
                }
            });
            Object.defineProperty(exports, "isEvent", {
                enumerable: true,
                get: function() {
                    return _m_type.isEvent
                }
            });
            Object.defineProperty(exports, "isExponential", {
                enumerable: true,
                get: function() {
                    return _m_type.isExponential
                }
            });
            Object.defineProperty(exports, "isFunction", {
                enumerable: true,
                get: function() {
                    return _m_type.isFunction
                }
            });
            Object.defineProperty(exports, "isNumeric", {
                enumerable: true,
                get: function() {
                    return _m_type.isNumeric
                }
            });
            Object.defineProperty(exports, "isObject", {
                enumerable: true,
                get: function() {
                    return _m_type.isObject
                }
            });
            Object.defineProperty(exports, "isPlainObject", {
                enumerable: true,
                get: function() {
                    return _m_type.isPlainObject
                }
            });
            Object.defineProperty(exports, "isPrimitive", {
                enumerable: true,
                get: function() {
                    return _m_type.isPrimitive
                }
            });
            Object.defineProperty(exports, "isPromise", {
                enumerable: true,
                get: function() {
                    return _m_type.isPromise
                }
            });
            Object.defineProperty(exports, "isRenderer", {
                enumerable: true,
                get: function() {
                    return _m_type.isRenderer
                }
            });
            Object.defineProperty(exports, "isString", {
                enumerable: true,
                get: function() {
                    return _m_type.isString
                }
            });
            Object.defineProperty(exports, "isWindow", {
                enumerable: true,
                get: function() {
                    return _m_type.isWindow
                }
            });
            Object.defineProperty(exports, "type", {
                enumerable: true,
                get: function() {
                    return _m_type.type
                }
            });
            var _m_type = __webpack_require__( /*! ../../__internal/core/utils/m_type */ 39918)
        },
        40216(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_variable_wrapper = __webpack_require__( /*! ../../__internal/core/utils/m_variable_wrapper */ 66082);
            exports.default = _m_variable_wrapper.variableWrapper;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        20142(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "compare", {
                enumerable: true,
                get: function() {
                    return _m_version.compare
                }
            });
            var _m_version = __webpack_require__( /*! ../../__internal/core/utils/m_version */ 5388)
        },
        55355(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "changeCallback", {
                enumerable: true,
                get: function() {
                    return _m_view_port.changeCallback
                }
            });
            Object.defineProperty(exports, "originalViewPort", {
                enumerable: true,
                get: function() {
                    return _m_view_port.originalViewPort
                }
            });
            Object.defineProperty(exports, "value", {
                enumerable: true,
                get: function() {
                    return _m_view_port.value
                }
            });
            var _m_view_port = __webpack_require__( /*! ../../__internal/core/utils/m_view_port */ 65913)
        },
        3104(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "defaultScreenFactorFunc", {
                enumerable: true,
                get: function() {
                    return _m_window.defaultScreenFactorFunc
                }
            });
            Object.defineProperty(exports, "getCurrentScreenFactor", {
                enumerable: true,
                get: function() {
                    return _m_window.getCurrentScreenFactor
                }
            });
            Object.defineProperty(exports, "getNavigator", {
                enumerable: true,
                get: function() {
                    return _m_window.getNavigator
                }
            });
            Object.defineProperty(exports, "getWindow", {
                enumerable: true,
                get: function() {
                    return _m_window.getWindow
                }
            });
            Object.defineProperty(exports, "hasProperty", {
                enumerable: true,
                get: function() {
                    return _m_window.hasProperty
                }
            });
            Object.defineProperty(exports, "hasWindow", {
                enumerable: true,
                get: function() {
                    return _m_window.hasWindow
                }
            });
            Object.defineProperty(exports, "setWindow", {
                enumerable: true,
                get: function() {
                    return _m_window.setWindow
                }
            });
            var _m_window = __webpack_require__( /*! ../../__internal/core/utils/m_window */ 14470)
        },
        1956(__unused_webpack_module, exports) {
            exports.version = exports.fullVersion = void 0;
            exports.version = "25.2.7";
            exports.fullVersion = "25.2.7"
        },
        48367(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "c", {
                enumerable: true,
                get: function() {
                    return _version.assertDevExtremeVersion
                }
            });
            var _version = __webpack_require__( /*! ../__internal/utils/version */ 20258)
        },
        77735(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _abstract_store.default
                }
            });
            var _abstract_store = (e = __webpack_require__( /*! ../common/data/abstract_store */ 5995), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        50797(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _data = __webpack_require__( /*! ../common/data */ 11036);
            exports.default = _data.applyChanges;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        67664(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _array_store = (e = __webpack_require__( /*! ../common/data/array_store */ 80556), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _array_store.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        37754(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _custom_store = __webpack_require__( /*! ../common/data/custom_store */ 63326);
            exports.default = _custom_store.CustomStore;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        47283(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _data_source = (e = __webpack_require__( /*! ../common/data/data_source */ 14479), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _data_source.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        15125(__unused_webpack_module, exports, __webpack_require__) {
            var _utils = __webpack_require__( /*! ../../common/data/data_source/utils */ 97169);
            Object.keys(_utils).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _utils[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _utils[key]
                    }
                })
            })
        },
        73192(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _endpoint_selector = (e = __webpack_require__( /*! ../common/data/endpoint_selector */ 44180), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _endpoint_selector.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        74760(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "errorHandler", {
                enumerable: true,
                get: function() {
                    return _errors.errorHandler
                }
            });
            Object.defineProperty(exports, "setErrorHandler", {
                enumerable: true,
                get: function() {
                    return _data.setErrorHandler
                }
            });
            var _data = __webpack_require__( /*! ../common/data */ 11036);
            var _errors = __webpack_require__( /*! ../common/data/errors */ 82812)
        },
        1242(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _local_store = (e = __webpack_require__( /*! ../common/data/local_store */ 71790), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _local_store.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        87062(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _context = (e = __webpack_require__( /*! ../../common/data/odata/context */ 34170), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _context.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        25184(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _store = (e = __webpack_require__( /*! ../../common/data/odata/store */ 29284), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _store.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        57076(__unused_webpack_module, exports, __webpack_require__) {
            var _utils = __webpack_require__( /*! ../../common/data/odata/utils */ 8056);
            Object.keys(_utils).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _utils[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _utils[key]
                    }
                })
            })
        },
        22567(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _data = __webpack_require__( /*! ../common/data */ 11036);
            exports.default = _data.query;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        99354(__unused_webpack_module, exports, __webpack_require__) {
            var _utils = __webpack_require__( /*! ../common/data/utils */ 89358);
            Object.keys(_utils).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _utils[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _utils[key]
                    }
                })
            })
        },
        14531(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _data_controller = (e = __webpack_require__( /*! ./__internal/data/data_controller/data_controller */ 11774), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _data_controller.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        87755(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_data_helper = __webpack_require__( /*! ./__internal/data/m_data_helper */ 16780);
            exports.default = _m_data_helper.DataHelperMixin;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        76772(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _events_engine.default
                }
            });
            var _events_engine = (e = __webpack_require__( /*! ../../common/core/events/core/events_engine */ 92774), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        10714(__unused_webpack_module, exports, __webpack_require__) {
            exports.triggerHandler = void 0;
            var _events_engine = (e = __webpack_require__( /*! ../common/core/events/core/events_engine */ 92774), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.triggerHandler = _events_engine.default.triggerHandler
        },
        69786(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "off", {
                enumerable: true,
                get: function() {
                    return _events.off
                }
            });
            Object.defineProperty(exports, "on", {
                enumerable: true,
                get: function() {
                    return _events.on
                }
            });
            Object.defineProperty(exports, "one", {
                enumerable: true,
                get: function() {
                    return _events.one
                }
            });
            Object.defineProperty(exports, "trigger", {
                enumerable: true,
                get: function() {
                    return _events.trigger
                }
            });
            Object.defineProperty(exports, "triggerHandler", {
                enumerable: true,
                get: function() {
                    return _events2.triggerHandler
                }
            });
            var _events = __webpack_require__( /*! ../common/core/events */ 52391);
            var _events2 = __webpack_require__( /*! ./events.types */ 10714)
        },
        92492(__unused_webpack_module, exports, __webpack_require__) {
            var _remove = __webpack_require__( /*! ../common/core/events/remove */ 28630);
            Object.keys(_remove).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _remove[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _remove[key]
                    }
                })
            })
        },
        34356(__unused_webpack_module, exports, __webpack_require__) {
            var _index = __webpack_require__( /*! ../../common/core/events/utils/index */ 98834);
            Object.keys(_index).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _index[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _index[key]
                    }
                })
            })
        },
        6285(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "exportDataGrid", {
                enumerable: true,
                get: function() {
                    return _excel.exportDataGrid
                }
            });
            Object.defineProperty(exports, "exportPivotGrid", {
                enumerable: true,
                get: function() {
                    return _excel.exportPivotGrid
                }
            });
            var _excel = __webpack_require__( /*! ./common/export/excel */ 54594)
        },
        73549(__unused_webpack_module, exports, __webpack_require__) {
            exports.export = function(data, options, getData) {
                if (!data) {
                    return (new _deferred.Deferred).resolve()
                }
                const exportingAction = options.exportingAction;
                const exportedAction = options.exportedAction;
                const fileSavingAction = options.fileSavingAction;
                const eventArgs = {
                    fileName: options.fileName,
                    format: options.format,
                    cancel: false
                };
                if ((0, _type.isBoolean)(options.selectedRowsOnly)) {
                    eventArgs.selectedRowsOnly = options.selectedRowsOnly
                }(0, _type.isFunction)(exportingAction) && exportingAction(eventArgs);
                if (!eventArgs.cancel) {
                    return getData(data, options).then(blob => {
                        (0, _type.isFunction)(exportedAction) && exportedAction();
                        if ((0, _type.isFunction)(fileSavingAction)) {
                            eventArgs.data = blob;
                            fileSavingAction(eventArgs)
                        }
                        if (!eventArgs.cancel) {
                            const format = "xlsx" === options.format ? "EXCEL" : options.format;
                            _file_saver.fileSaver.saveAs(eventArgs.fileName, format, blob)
                        }
                    })
                }
                return (new _deferred.Deferred).resolve()
            };
            Object.defineProperty(exports, "fileSaver", {
                enumerable: true,
                get: function() {
                    return _file_saver.fileSaver
                }
            });
            exports.svg = exports.pdf = exports.image = void 0;
            var _file_saver = __webpack_require__( /*! ./__internal/exporter/file_saver */ 47486);
            var _image_creator = __webpack_require__( /*! ./__internal/exporter/image_creator */ 80146);
            var _svg_creator = __webpack_require__( /*! ./__internal/exporter/svg_creator */ 75165);
            var _type = __webpack_require__( /*! ./core/utils/type */ 11528);
            var _deferred = __webpack_require__( /*! ./core/utils/deferred */ 87739);
            var _pdf_creator = __webpack_require__( /*! ./__internal/exporter/pdf_creator */ 16377);
            exports.image = {
                creator: _image_creator.imageCreator,
                getData: _image_creator.getData,
                testFormats: _image_creator.testFormats
            };
            exports.pdf = {
                getData: _pdf_creator.getData
            };
            exports.svg = {
                creator: _svg_creator.svgCreator,
                getData: _svg_creator.getData
            }
        },
        85096(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _custom_provider = (e = __webpack_require__( /*! ../__internal/file_management/custom_provider */ 43846), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _custom_provider.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        46327(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _error = (e = __webpack_require__( /*! ../__internal/file_management/error */ 44997), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _error.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        53093(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _file_system_item = (e = __webpack_require__( /*! ../__internal/file_management/file_system_item */ 50259), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _file_system_item.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        76856(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _object_provider = (e = __webpack_require__( /*! ../__internal/file_management/object_provider */ 91498), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _object_provider.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        65266(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _provider_base = (e = __webpack_require__( /*! ../__internal/file_management/provider_base */ 3508), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _provider_base.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        80175(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _remote_provider = (e = __webpack_require__( /*! ../__internal/file_management/remote_provider */ 77745), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _remote_provider.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        2082(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _type = __webpack_require__( /*! ./core/utils/type */ 11528);
            var _date = _interopRequireDefault(__webpack_require__( /*! ./core/utils/date */ 41380));
            var _number = _interopRequireDefault(__webpack_require__( /*! ./common/core/localization/number */ 52771));
            var _date2 = _interopRequireDefault(__webpack_require__( /*! ./common/core/localization/date */ 38662));
            var _dependency_injector = _interopRequireDefault(__webpack_require__( /*! ./core/utils/dependency_injector */ 89656));
            __webpack_require__( /*! ./common/core/localization/currency */ 17333);

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = (0, _dependency_injector.default)({
                format: function(value, format) {
                    const formatIsValid = (0, _type.isString)(format) && "" !== format || (0, _type.isPlainObject)(format) || (0, _type.isFunction)(format);
                    const valueIsValid = (0, _type.isNumeric)(value) || (0, _type.isDate)(value) && !isNaN(value.getTime());
                    if (!formatIsValid || !valueIsValid) {
                        return (0, _type.isDefined)(value) ? value.toString() : ""
                    }
                    if ((0, _type.isFunction)(format)) {
                        return format(value)
                    }
                    if ((0, _type.isString)(format)) {
                        format = {
                            type: format
                        }
                    }
                    if ((0, _type.isNumeric)(value)) {
                        return _number.default.format(value, format)
                    }
                    if ((0, _type.isDate)(value)) {
                        return _date2.default.format(value, format)
                    }
                },
                getTimeFormat: function(showSecond) {
                    return showSecond ? "longtime" : "shorttime"
                },
                _normalizeFormat: function(format) {
                    if (!Array.isArray(format)) {
                        return format
                    }
                    if (1 === format.length) {
                        return format[0]
                    }
                    return function(date) {
                        return format.map(function(formatPart) {
                            return _date2.default.format(date, formatPart)
                        }).join(" ")
                    }
                },
                getDateFormatByDifferences: function(dateDifferences, intervalFormat) {
                    const resultFormat = [];
                    const needSpecialSecondFormatter = intervalFormat && dateDifferences.millisecond && !(dateDifferences.year || dateDifferences.month || dateDifferences.day);
                    if (needSpecialSecondFormatter) {
                        const secondFormatter = function(date) {
                            return date.getSeconds() + date.getMilliseconds() / 1e3 + "s"
                        };
                        resultFormat.push(secondFormatter)
                    } else if (dateDifferences.millisecond) {
                        resultFormat.push("millisecond")
                    }
                    if (dateDifferences.hour || dateDifferences.minute || !needSpecialSecondFormatter && dateDifferences.second) {
                        resultFormat.unshift(this.getTimeFormat(dateDifferences.second))
                    }
                    if (dateDifferences.year && dateDifferences.month && dateDifferences.day) {
                        if (intervalFormat && "month" === intervalFormat) {
                            return "monthandyear"
                        } else {
                            resultFormat.unshift("shortdate");
                            return this._normalizeFormat(resultFormat)
                        }
                    }
                    if (dateDifferences.year && dateDifferences.month) {
                        return "monthandyear"
                    }
                    if (dateDifferences.year && dateDifferences.quarter) {
                        return "quarterandyear"
                    }
                    if (dateDifferences.year) {
                        return "year"
                    }
                    if (dateDifferences.quarter) {
                        return "quarter"
                    }
                    if (dateDifferences.month && dateDifferences.day) {
                        if (intervalFormat) {
                            const monthDayFormatter = function(date) {
                                return _date2.default.getMonthNames("abbreviated")[date.getMonth()] + " " + _date2.default.format(date, "day")
                            };
                            resultFormat.unshift(monthDayFormatter)
                        } else {
                            resultFormat.unshift("monthandday")
                        }
                        return this._normalizeFormat(resultFormat)
                    }
                    if (dateDifferences.month) {
                        return "month"
                    }
                    if (dateDifferences.day) {
                        if (intervalFormat) {
                            resultFormat.unshift("day")
                        } else {
                            const dayFormatter = function(date) {
                                return _date2.default.format(date, "dayofweek") + ", " + _date2.default.format(date, "day")
                            };
                            resultFormat.unshift(dayFormatter)
                        }
                        return this._normalizeFormat(resultFormat)
                    }
                    return this._normalizeFormat(resultFormat)
                },
                getDateFormatByTicks: function(ticks) {
                    let maxDiff;
                    let currentDiff;
                    let i;
                    if (ticks.length > 1) {
                        maxDiff = _date.default.getDatesDifferences(ticks[0], ticks[1]);
                        for (i = 1; i < ticks.length - 1; i++) {
                            currentDiff = _date.default.getDatesDifferences(ticks[i], ticks[i + 1]);
                            if (maxDiff.count < currentDiff.count) {
                                maxDiff = currentDiff
                            }
                        }
                    } else {
                        maxDiff = {
                            year: true,
                            month: true,
                            day: true,
                            hour: ticks[0].getHours() > 0,
                            minute: ticks[0].getMinutes() > 0,
                            second: ticks[0].getSeconds() > 0,
                            millisecond: ticks[0].getMilliseconds() > 0
                        }
                    }
                    const resultFormat = this.getDateFormatByDifferences(maxDiff);
                    return resultFormat
                },
                getDateFormatByTickInterval: function(startValue, endValue, tickInterval) {
                    let dateUnitInterval;
                    const correctDateDifferences = function(dateDifferences, tickInterval, value) {
                        switch (tickInterval) {
                            case "year":
                            case "quarter":
                                dateDifferences.month = value;
                            case "month":
                                dateDifferences.day = value;
                            case "week":
                            case "day":
                                dateDifferences.hour = value;
                            case "hour":
                                dateDifferences.minute = value;
                            case "minute":
                                dateDifferences.second = value;
                            case "second":
                                dateDifferences.millisecond = value
                        }
                    };
                    tickInterval = (0, _type.isString)(tickInterval) ? tickInterval.toLowerCase() : tickInterval;
                    const dateDifferences = _date.default.getDatesDifferences(startValue, endValue);
                    if (startValue !== endValue) {
                        ! function(differences, minDate, maxDate) {
                            if (!maxDate.getMilliseconds() && maxDate.getSeconds()) {
                                if (maxDate.getSeconds() - minDate.getSeconds() === 1) {
                                    differences.millisecond = true;
                                    differences.second = false
                                }
                            } else if (!maxDate.getSeconds() && maxDate.getMinutes()) {
                                if (maxDate.getMinutes() - minDate.getMinutes() === 1) {
                                    differences.second = true;
                                    differences.minute = false
                                }
                            } else if (!maxDate.getMinutes() && maxDate.getHours()) {
                                if (maxDate.getHours() - minDate.getHours() === 1) {
                                    differences.minute = true;
                                    differences.hour = false
                                }
                            } else if (!maxDate.getHours() && maxDate.getDate() > 1) {
                                if (maxDate.getDate() - minDate.getDate() === 1) {
                                    differences.hour = true;
                                    differences.day = false
                                }
                            } else if (1 === maxDate.getDate() && maxDate.getMonth()) {
                                if (maxDate.getMonth() - minDate.getMonth() === 1) {
                                    differences.day = true;
                                    differences.month = false
                                }
                            } else if (!maxDate.getMonth() && maxDate.getFullYear()) {
                                if (maxDate.getFullYear() - minDate.getFullYear() === 1) {
                                    differences.month = true;
                                    differences.year = false
                                }
                            }
                        }(dateDifferences, startValue > endValue ? endValue : startValue, startValue > endValue ? startValue : endValue)
                    }
                    dateUnitInterval = _date.default.getDateUnitInterval(dateDifferences);
                    correctDateDifferences(dateDifferences, dateUnitInterval, true);
                    dateUnitInterval = _date.default.getDateUnitInterval(tickInterval || "second");
                    correctDateDifferences(dateDifferences, dateUnitInterval, false);
                    dateDifferences[{
                        week: "day"
                    } [dateUnitInterval] || dateUnitInterval] = true;
                    const resultFormat = this.getDateFormatByDifferences(dateDifferences);
                    return resultFormat
                }
            });
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        21001(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../__internal/integration/jquery */ 24595)
        },
        34563(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../__internal/integration/knockout */ 453)
        },
        49077(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "formatDate", {
                enumerable: true,
                get: function() {
                    return _localization.formatDate
                }
            });
            Object.defineProperty(exports, "formatMessage", {
                enumerable: true,
                get: function() {
                    return _localization.formatMessage
                }
            });
            Object.defineProperty(exports, "formatNumber", {
                enumerable: true,
                get: function() {
                    return _localization.formatNumber
                }
            });
            Object.defineProperty(exports, "loadMessages", {
                enumerable: true,
                get: function() {
                    return _localization.loadMessages
                }
            });
            Object.defineProperty(exports, "locale", {
                enumerable: true,
                get: function() {
                    return _localization.locale
                }
            });
            Object.defineProperty(exports, "parseDate", {
                enumerable: true,
                get: function() {
                    return _localization.parseDate
                }
            });
            Object.defineProperty(exports, "parseNumber", {
                enumerable: true,
                get: function() {
                    return _localization.parseNumber
                }
            });
            var _localization = __webpack_require__( /*! ./__internal/core/localization */ 85601)
        },
        16615(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../__internal/core/localization/globalize/core */ 75107)
        },
        89207(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../__internal/core/localization/globalize/currency */ 80811)
        },
        94348(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../__internal/core/localization/globalize/date */ 60256)
        },
        30725(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../__internal/core/localization/globalize/message */ 29113)
        },
        36069(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
            __webpack_require__( /*! ../../__internal/core/localization/globalize/number */ 19377)
        },
        33881(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _message.default
                }
            });
            var _message = (e = __webpack_require__( /*! ../__internal/core/localization/message */ 18205), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        90270(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _environment = __webpack_require__( /*! ../common/core/environment */ 63705);
            exports.default = _environment.hideTopOverlay;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        21113(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _environment = __webpack_require__( /*! ../common/core/environment */ 63705);
            exports.default = _environment.initMobileViewport;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        72134(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "exportDataGrid", {
                enumerable: true,
                get: function() {
                    return _pdf.exportDataGrid
                }
            });
            Object.defineProperty(exports, "exportDataGridWithAutoTable", {
                enumerable: true,
                get: function() {
                    return _pdf.exportDataGridWithAutoTable
                }
            });
            Object.defineProperty(exports, "exportGantt", {
                enumerable: true,
                get: function() {
                    return _pdf.exportGantt
                }
            });
            var _pdf = __webpack_require__( /*! ./common/export/pdf */ 92731)
        },
        53200(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "getTimeZones", {
                enumerable: true,
                get: function() {
                    return _environment.getTimeZones
                }
            });
            var _environment = __webpack_require__( /*! ./common/core/environment */ 63705)
        },
        30543(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _accordion = (e = __webpack_require__( /*! ../__internal/ui/accordion */ 41581), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _accordion.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        45263(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _action_sheet = (e = __webpack_require__( /*! ../__internal/ui/action_sheet */ 11541), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _action_sheet.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        93485(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_autocomplete = (e = __webpack_require__( /*! ../__internal/ui/m_autocomplete */ 71795), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_autocomplete.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        91204(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _box = (e = __webpack_require__( /*! ../__internal/ui/box */ 6554), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _box.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        64973(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _index = (e = __webpack_require__( /*! ../__internal/ui/button/index */ 74660), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _index.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        17809(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _button_group = (e = __webpack_require__( /*! ../__internal/ui/button_group */ 3559), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _button_group.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        22195(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _calendar = (e = __webpack_require__( /*! ../__internal/ui/calendar/calendar */ 92874), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _calendar.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        44655(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _widget = (e = __webpack_require__( /*! ../__internal/grids/new/card_view/widget */ 67184), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _widget.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        73571(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _chat = (e = __webpack_require__( /*! ../__internal/ui/chat/chat */ 61454), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _chat.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        94319(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _index = (e = __webpack_require__( /*! ../__internal/ui/check_box/index */ 50758), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _index.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        33975(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _collection_widget = (e = __webpack_require__( /*! ../../__internal/ui/collection/collection_widget.async */ 12191), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _collection_widget.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        7607(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _collection_widget = (e = __webpack_require__( /*! ../../__internal/ui/collection/collection_widget.edit */ 79839), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _collection_widget.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        55213(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _collection_widget = (e = __webpack_require__( /*! ../../__internal/ui/collection/collection_widget.live_update */ 26821), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _collection_widget.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        87928(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_color_box = (e = __webpack_require__( /*! ../__internal/ui/color_box/m_color_box */ 26988), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_color_box.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        34378(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _context_menu = (e = __webpack_require__( /*! ../__internal/ui/context_menu/context_menu */ 84252), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _context_menu.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        4920(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_widget = _interopRequireDefault(__webpack_require__( /*! ../__internal/grids/data_grid/m_widget */ 89398));
            _interopRequireDefault(__webpack_require__( /*! ./filter_builder */ 35299));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = _m_widget.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        2739(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _date_box = (e = __webpack_require__( /*! ../__internal/ui/date_box/date_box */ 56146), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _date_box.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        45453(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_date_range_box = (e = __webpack_require__( /*! ../__internal/ui/date_range_box/m_date_range_box */ 61238), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_date_range_box.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        87632(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _ui = (e = __webpack_require__( /*! ./diagram/ui.diagram */ 14006), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _ui.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        14006(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _ui = (e = __webpack_require__( /*! ../../__internal/ui/diagram/ui.diagram */ 32392), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _ui.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        35757(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "alert", {
                enumerable: true,
                get: function() {
                    return _dialog.alert
                }
            });
            Object.defineProperty(exports, "confirm", {
                enumerable: true,
                get: function() {
                    return _dialog.confirm
                }
            });
            Object.defineProperty(exports, "custom", {
                enumerable: true,
                get: function() {
                    return _dialog.custom
                }
            });
            var _dialog = __webpack_require__( /*! ../__internal/ui/dialog */ 47207)
        },
        5298(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_draggable = (e = __webpack_require__( /*! ../__internal/m_draggable */ 89983), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_draggable.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        7968(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _drawer = (e = __webpack_require__( /*! ../__internal/ui/drawer/drawer */ 30580), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _drawer.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        74417(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_drop_down_box = (e = __webpack_require__( /*! ../__internal/ui/m_drop_down_box */ 41163), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_drop_down_box.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        56582(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_drop_down_button = (e = __webpack_require__( /*! ../__internal/ui/m_drop_down_button */ 73096), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_drop_down_button.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        99142(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_drop_down_editor = (e = __webpack_require__( /*! ../../__internal/ui/drop_down_editor/m_drop_down_editor */ 28906), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_drop_down_editor.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        78694(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _editor = (e = __webpack_require__( /*! ../../__internal/ui/editor/editor */ 24768), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _editor.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        7632(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_data_expression = (e = __webpack_require__( /*! ../../__internal/ui/editor/m_data_expression */ 42006), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_data_expression.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        14247(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _ui = (e = __webpack_require__( /*! ../__internal/ui/file_manager/ui.file_manager */ 8324), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _ui.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        26980(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _file_uploader = (e = __webpack_require__( /*! ../__internal/ui/file_uploader/file_uploader */ 95348), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _file_uploader.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        35299(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_filter_builder = (e = __webpack_require__( /*! ../__internal/filter_builder/m_filter_builder */ 26005), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_filter_builder.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        74075(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _ui = (e = __webpack_require__( /*! ./form/ui.form */ 37610), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _ui.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        37610(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _form = (e = __webpack_require__( /*! ../../__internal/ui/form/form */ 10378), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _form.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        89987(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _gallery = (e = __webpack_require__( /*! ../__internal/ui/gallery */ 11833), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _gallery.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        16075(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _ui = (e = __webpack_require__( /*! ../__internal/ui/gantt/ui.gantt */ 72986), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _ui.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        16802(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _ui = (e = __webpack_require__( /*! ./html_editor/ui.html_editor */ 4414), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _ui.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        4414(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _html_editor = (e = __webpack_require__( /*! ../../__internal/ui/html_editor/html_editor */ 90660), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _html_editor.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        22363(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _informer = (e = __webpack_require__( /*! ../__internal/ui/informer/informer */ 83706), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _informer.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        3121(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _list_light = (e = __webpack_require__( /*! ./list_light */ 80070), e && e.__esModule ? e : {
                default: e
            });
            var e;
            __webpack_require__( /*! ../__internal/ui/list/modules/selection */ 81400);
            __webpack_require__( /*! ../__internal/ui/list/modules/deleting */ 94660);
            __webpack_require__( /*! ../__internal/ui/list/modules/dragging */ 32061);
            __webpack_require__( /*! ../__internal/ui/list/modules/context */ 81745);
            __webpack_require__( /*! ../__internal/ui/list/modules/search */ 2308);
            exports.default = _list_light.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        80070(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _listEdit = (e = __webpack_require__( /*! ../__internal/ui/list/list.edit.search */ 51802), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _listEdit.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        11979(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _load_indicator = (e = __webpack_require__( /*! ../__internal/ui/load_indicator */ 32677), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _load_indicator.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        31876(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _load_panel = (e = __webpack_require__( /*! ../__internal/ui/load_panel */ 77986), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _load_panel.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        99203(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_lookup = (e = __webpack_require__( /*! ../__internal/ui/m_lookup */ 67825), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_lookup.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        55211(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _map = (e = __webpack_require__( /*! ../__internal/ui/map/map */ 87656), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _map.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        1614(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _menu = (e = __webpack_require__( /*! ../__internal/ui/menu/menu */ 81172), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _menu.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        24150(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _multi_view = (e = __webpack_require__( /*! ../__internal/ui/multi_view/multi_view */ 56484), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _multi_view.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        93380(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _notify = (e = __webpack_require__( /*! ../__internal/ui/notify */ 36810), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _notify.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        48042(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_number_box = (e = __webpack_require__( /*! ../__internal/ui/number_box/m_number_box */ 42284), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_number_box.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        89132(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _overlay = (e = __webpack_require__( /*! ../../__internal/ui/overlay/overlay */ 79384), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _overlay.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        38389(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _pagination = _interopRequireDefault(__webpack_require__( /*! ../__internal/pagination/wrappers/pagination */ 76988));
            var _component_registrator = _interopRequireDefault(__webpack_require__( /*! ../core/component_registrator */ 92848));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = _pagination.default;
            (0, _component_registrator.default)("dxPagination", _pagination.default);
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        49344(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _ui = (e = __webpack_require__( /*! ./pivot_grid/ui.pivot_grid */ 49406), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _ui.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        55067(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_data_source = __webpack_require__( /*! ../../__internal/grids/pivot_grid/data_source/m_data_source */ 87993);
            exports.default = _m_data_source.PivotGridDataSource;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        49406(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_widget = __webpack_require__( /*! ../../__internal/grids/pivot_grid/m_widget */ 16508);
            exports.default = _m_widget.PivotGrid;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        80445(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_xmla_store = __webpack_require__( /*! ../../__internal/grids/pivot_grid/xmla_store/m_xmla_store */ 48063);
            exports.default = _m_xmla_store.XmlaStore;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        55633(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_field_chooser = __webpack_require__( /*! ../__internal/grids/pivot_grid/field_chooser/m_field_chooser */ 62989);
            exports.default = _m_field_chooser.FieldChooser;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        46184(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _uiPopover = (e = __webpack_require__( /*! ./popover/ui.popover.full */ 82383), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _uiPopover.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        82383(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_popover = (e = __webpack_require__( /*! ../../__internal/ui/popover/m_popover.full */ 22085), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_popover.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        98894(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_popover = (e = __webpack_require__( /*! ../../__internal/ui/popover/m_popover */ 7784), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_popover.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        97643(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _uiPopup = (e = __webpack_require__( /*! ./popup/ui.popup.full */ 92861), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _uiPopup.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        92861(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_popup = (e = __webpack_require__( /*! ../../__internal/ui/popup/m_popup.full */ 53973), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_popup.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        10720(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_popup = (e = __webpack_require__( /*! ../../__internal/ui/popup/m_popup */ 43864), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_popup.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        58436(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_progress_bar = (e = __webpack_require__( /*! ../__internal/ui/m_progress_bar */ 74538), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_progress_bar.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        84798(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _radio_group = (e = __webpack_require__( /*! ./radio_group/radio_group */ 60266), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _radio_group.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        60266(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_radio_group = (e = __webpack_require__( /*! ../../__internal/ui/radio_group/m_radio_group */ 72076), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_radio_group.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        80790(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_range_slider = (e = __webpack_require__( /*! ../__internal/ui/m_range_slider */ 49824), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_range_slider.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        29663(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_recurrence_editor = (e = __webpack_require__( /*! ../__internal/scheduler/m_recurrence_editor */ 84056), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_recurrence_editor.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        28416(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _resizable = (e = __webpack_require__( /*! ../__internal/ui/resizable/resizable */ 4668), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _resizable.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        43597(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _responsive_box = (e = __webpack_require__( /*! ../__internal/ui/responsive_box */ 60035), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _responsive_box.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        17636(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_scheduler = (e = __webpack_require__( /*! ../__internal/scheduler/m_scheduler */ 21155), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_scheduler.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        91374(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _scroll_view = (e = __webpack_require__( /*! ../__internal/ui/scroll_view/scroll_view */ 71100), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _scroll_view.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        20876(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _scrollable = (e = __webpack_require__( /*! ../../__internal/ui/scroll_view/scrollable */ 85326), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _scrollable.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        60695(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_select_box = (e = __webpack_require__( /*! ../__internal/ui/m_select_box */ 30149), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_select_box.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        16191(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "hiddenFocus", {
                enumerable: true,
                get: function() {
                    return _accessibility.hiddenFocus
                }
            });
            Object.defineProperty(exports, "registerKeyboardAction", {
                enumerable: true,
                get: function() {
                    return _accessibility.registerKeyboardAction
                }
            });
            Object.defineProperty(exports, "restoreFocus", {
                enumerable: true,
                get: function() {
                    return _accessibility.restoreFocus
                }
            });
            Object.defineProperty(exports, "saveFocusedElementInfo", {
                enumerable: true,
                get: function() {
                    return _accessibility.saveFocusedElementInfo
                }
            });
            Object.defineProperty(exports, "selectView", {
                enumerable: true,
                get: function() {
                    return _accessibility.selectView
                }
            });
            Object.defineProperty(exports, "setTabIndex", {
                enumerable: true,
                get: function() {
                    return _accessibility.setTabIndex
                }
            });
            Object.defineProperty(exports, "subscribeVisibilityChange", {
                enumerable: true,
                get: function() {
                    return _accessibility.subscribeVisibilityChange
                }
            });
            Object.defineProperty(exports, "unsubscribeVisibilityChange", {
                enumerable: true,
                get: function() {
                    return _accessibility.unsubscribeVisibilityChange
                }
            });
            var _accessibility = __webpack_require__( /*! ../../__internal/ui/shared/accessibility */ 51697)
        },
        56417(module, exports, __webpack_require__) {
            Object.defineProperty(exports, "default", {
                enumerable: true,
                get: function() {
                    return _filtering.default
                }
            });
            var _filtering = (e = __webpack_require__( /*! ../../__internal/ui/shared/filtering */ 15303), e && e.__esModule ? e : {
                default: e
            });
            var e;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        87093(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _ui = (e = __webpack_require__( /*! ../../__internal/ui/shared/ui.editor_factory_mixin */ 36019), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _ui.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        56220(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_slider = (e = __webpack_require__( /*! ../__internal/ui/slider/m_slider */ 8532), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_slider.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        95305(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_sortable = (e = __webpack_require__( /*! ../__internal/m_sortable */ 96334), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_sortable.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        27493(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _speech_to_text = (e = __webpack_require__( /*! ../__internal/ui/speech_to_text/speech_to_text */ 84166), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _speech_to_text.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        67924(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_speed_dial_action = (e = __webpack_require__( /*! ../__internal/ui/speed_dial_action/m_speed_dial_action */ 16616), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_speed_dial_action.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        92725(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_repaint_floating_action_button = (e = __webpack_require__( /*! ../../__internal/ui/speed_dial_action/m_repaint_floating_action_button */ 24251), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_repaint_floating_action_button.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        78254(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _splitter = (e = __webpack_require__( /*! ../__internal/ui/splitter/splitter */ 32364), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _splitter.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        47744(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _splitter_control = (e = __webpack_require__( /*! ../__internal/ui/splitter_control */ 29058), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _splitter_control.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        87244(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _stepper = (e = __webpack_require__( /*! ../__internal/ui/stepper/stepper */ 65348), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _stepper.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        91029(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _switch = (e = __webpack_require__( /*! ../__internal/ui/switch */ 41067), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _switch.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        78175(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _tab_panel = (e = __webpack_require__( /*! ../__internal/ui/tab_panel/tab_panel */ 98444), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _tab_panel.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        94385(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _tabs = (e = __webpack_require__( /*! ../__internal/ui/tabs/tabs */ 43474), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _tabs.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        4575(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_tag_box = (e = __webpack_require__( /*! ../__internal/ui/m_tag_box */ 24341), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_tag_box.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        23116(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_text_area = (e = __webpack_require__( /*! ../__internal/ui/m_text_area */ 36234), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_text_area.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        20780(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _text_box = (e = __webpack_require__( /*! ./text_box/text_box */ 20098), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _text_box.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        20098(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_text_box = (e = __webpack_require__( /*! ../../__internal/ui/text_box/m_text_box */ 85968), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_text_box.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        52071(__unused_webpack_module, exports, __webpack_require__) {
            exports.waitWebFont = exports.waitForThemeLoad = exports.setDefaultTimeout = exports.resetTheme = exports.ready = exports.isWebFontLoaded = exports.isPendingThemeLoaded = exports.isMaterialBased = exports.isMaterial = exports.isGeneric = exports.isFluent = exports.isDark = exports.isCompact = exports.initialized = exports.init = exports.detachCssClasses = exports.default = exports.current = exports.attachCssClasses = void 0;
            var _themes = (e = __webpack_require__( /*! ../__internal/ui/themes */ 6013), e && e.__esModule ? e : {
                default: e
            });
            var e;
            const {
                setDefaultTimeout: setDefaultTimeout,
                init: init,
                initialized: initialized,
                resetTheme: resetTheme,
                ready: ready,
                waitWebFont: waitWebFont,
                isWebFontLoaded: isWebFontLoaded,
                isCompact: isCompact,
                isDark: isDark,
                isGeneric: isGeneric,
                isMaterial: isMaterial,
                isFluent: isFluent,
                isMaterialBased: isMaterialBased,
                detachCssClasses: detachCssClasses,
                attachCssClasses: attachCssClasses,
                current: current,
                waitForThemeLoad: waitForThemeLoad,
                isPendingThemeLoaded: isPendingThemeLoaded
            } = _themes.default;
            exports.isPendingThemeLoaded = isPendingThemeLoaded;
            exports.waitForThemeLoad = waitForThemeLoad;
            exports.current = current;
            exports.attachCssClasses = attachCssClasses;
            exports.detachCssClasses = detachCssClasses;
            exports.isMaterialBased = isMaterialBased;
            exports.isFluent = isFluent;
            exports.isMaterial = isMaterial;
            exports.isGeneric = isGeneric;
            exports.isDark = isDark;
            exports.isCompact = isCompact;
            exports.isWebFontLoaded = isWebFontLoaded;
            exports.waitWebFont = waitWebFont;
            exports.ready = ready;
            exports.resetTheme = resetTheme;
            exports.initialized = initialized;
            exports.init = init;
            exports.setDefaultTimeout = setDefaultTimeout;
            exports.default = _themes.default
        },
        96993(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _tile_view = (e = __webpack_require__( /*! ../__internal/ui/tile_view */ 89691), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _tile_view.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        36574(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _toast = (e = __webpack_require__( /*! ../__internal/ui/toast/toast */ 80932), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _toast.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        41792(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _hide_toasts = (e = __webpack_require__( /*! ../../__internal/ui/toast/hide_toasts */ 7066), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _hide_toasts.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        2850(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _ui = (e = __webpack_require__( /*! ./toolbar/ui.toolbar */ 8062), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _ui.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        21667(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _toolbar = (e = __webpack_require__( /*! ../../__internal/ui/toolbar/toolbar.base */ 28793), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _toolbar.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        8062(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _toolbar = (e = __webpack_require__( /*! ../../__internal/ui/toolbar/toolbar */ 53716), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _toolbar.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        93370(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_tooltip = (e = __webpack_require__( /*! ../__internal/ui/m_tooltip */ 3504), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_tooltip.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        76256(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_track_bar = (e = __webpack_require__( /*! ../__internal/ui/m_track_bar */ 37062), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_track_bar.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        21872(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_widget = (e = __webpack_require__( /*! ../__internal/grids/tree_list/m_widget */ 62514), e && e.__esModule ? e : {
                default: e
            });
            var e;
            __webpack_require__( /*! ./tree_list/ui.tree_list.base */ 35551);
            exports.default = _m_widget.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        35551(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_widget_base = (e = __webpack_require__( /*! ../../__internal/grids/tree_list/m_widget_base */ 7444), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_widget_base.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        4313(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _tree_view = (e = __webpack_require__( /*! ../__internal/ui/tree_view/tree_view.search */ 52192), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _tree_view.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        19391(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_validation_engine = (e = __webpack_require__( /*! ../__internal/ui/m_validation_engine */ 79697), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_validation_engine.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        16390(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_validation_group = (e = __webpack_require__( /*! ../__internal/ui/m_validation_group */ 89172), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_validation_group.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        59098(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_validation_message = (e = __webpack_require__( /*! ../__internal/ui/m_validation_message */ 22864), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_validation_message.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        10585(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_validation_summary = (e = __webpack_require__( /*! ../__internal/ui/m_validation_summary */ 31139), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_validation_summary.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        71775(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_validator = (e = __webpack_require__( /*! ../__internal/ui/m_validator */ 71449), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_validator.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        35185(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _error = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/error */ 67264));
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../core/errors */ 87129));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = (0, _error.default)(_errors.default.ERROR_MESSAGES, {
                E1001: "Module '{0}'. Controller '{1}' is already registered",
                E1002: "Module '{0}'. Controller '{1}' does not inherit from DevExpress.ui.dxDataGrid.Controller",
                E1003: "Module '{0}'. View '{1}' is already registered",
                E1004: "Module '{0}'. View '{1}' does not inherit from DevExpress.ui.dxDataGrid.View",
                E1005: "Public method '{0}' is already registered",
                E1006: "Public method '{0}.{1}' does not exist",
                E1007: "State storing cannot be provided due to the restrictions of the browser",
                E1010: "The template does not contain the TextBox widget",
                E1011: 'Items cannot be deleted from the List. Implement the "remove" function in the data store',
                E1012: "Editing type '{0}' with the name '{1}' is unsupported",
                E1016: "Unexpected type of data source is provided for a lookup column",
                E1018: "The 'collapseAll' method cannot be called if you use a remote data source",
                E1019: "Search mode '{0}' is unavailable",
                E1020: "The type cannot be changed after initialization",
                E1021: "{0} '{1}' you are trying to remove does not exist",
                E1022: 'The "markers" option is given an invalid value. Assign an array instead',
                E1023: 'The "routes" option is given an invalid value. Assign an array instead',
                E1025: "This layout is too complex to render",
                E1026: 'The "calculateCustomSummary" function is missing from a field whose "summaryType" option is set to "custom"',
                E1031: "Unknown subscription in the Scheduler widget: '{0}'",
                E1032: "Unknown start date in an appointment: '{0}'",
                E1033: "Unknown step in the date navigator: '{0}'",
                E1034: "The browser does not implement an API for saving files",
                E1035: "The editor cannot be created: {0}",
                E1037: "Invalid structure of grouped data",
                E1038: "The browser does not support local storages for local web pages",
                E1039: "A cell's position cannot be calculated",
                E1040: "The '{0}' key value is not unique within the data array",
                E1041: "The '{0}' script is referenced after the DevExtreme scripts or not referenced at all",
                E1042: "{0} requires the key field to be specified",
                E1043: "Changes cannot be processed due to the incorrectly set key",
                E1044: "The key field specified by the keyExpr option does not match the key field specified in the data store",
                E1045: "Editing requires the key field to be specified in the data store",
                E1046: "The '{0}' key field is not found in data objects",
                E1047: 'The "{0}" field is not found in the fields array',
                E1048: 'The "{0}" operation is not found in the filterOperations array',
                E1049: "Column '{0}': filtering is allowed but the 'dataField' or 'name' option is not specified",
                E1050: "The validationRules option does not apply to third-party editors defined in the editCellTemplate",
                E1052: '{0} should have the "dataSource" option specified',
                E1053: 'The "buttons" option accepts an array that contains only objects or string values',
                E1054: "All text editor buttons must have names",
                E1055: 'One or several text editor buttons have invalid or non-unique "name" values',
                E1056: 'The {0} widget does not support buttons of the "{1}" type',
                E1058: 'The "startDayHour" and "endDayHour" options must be integers in the [0, 24] range, with "endDayHour" being greater than "startDayHour".',
                E1059: "The following column names are not unique: {0}",
                E1060: "All editable columns must have names",
                E1061: 'The "offset" option must be an integer in the [-1440, 1440] range, divisible by 5 without a remainder.',
                E1062: 'The "cellDuration" must be a positive integer, evenly dividing the ("endDayHour" - "startDayHour") interval into minutes.',
                E1063: "The 'smartPaste(text)' method was called, but 'aiIntegration' is not configured.",
                E1064: "AI returned {1} for the {0} field, but this field only accepts {2} values. Update the 'instruction' for this field.",
                E1065: "The browser does not support Web Speech API (SpeechRecognition)",
                E1066: "All AI columns must have names.",
                E1067: "'aiIntegration' is not configured in the {0} column.",
                W1001: 'The "key" option cannot be modified after initialization',
                W1002: "An item with the key '{0}' does not exist",
                W1003: "A group with the key '{0}' in which you are trying to select items does not exist",
                W1004: "The item '{0}' you are trying to select in the group '{1}' does not exist",
                W1005: "Due to column data types being unspecified, data has been loaded twice in order to apply initial filter settings. To resolve this issue, specify data types for all grid columns.",
                W1006: "The map service returned the following error: '{0}'",
                W1007: "No item with key {0} was found in the data source, but this key was used as the parent key for item {1}",
                W1008: "Cannot scroll to the '{0}' date because it does not exist on the current view",
                W1009: "Searching works only if data is specified using the dataSource option",
                W1010: "The capability to select all items works with source data of plain structure only",
                W1011: 'The "keyExpr" option is not applied when dataSource is not an array',
                W1012: "The '{0}' key field is not found in data objects",
                W1013: 'The "message" field in the dialog component was renamed to "messageHtml". Change your code correspondingly. In addition, if you used HTML code in the message, make sure that it is secure',
                W1014: "The Floating Action Button exceeds the recommended speed dial action count. If you need to display more speed dial actions, increase the maxSpeedDialActionCount option value in the global config.",
                W1017: "The 'key' property is not specified for a lookup data source. Please specify it to prevent requests for the entire dataset when users filter data.",
                W1018: "Infinite scrolling may not work properly with multiple selection. To use these features together, set 'selection.deferred' to true or set 'selection.selectAllMode' to 'page'.",
                W1019: "Filter query string exceeds maximum length limit of {0} characters.",
                W1020: "hideEvent is ignored when the shading property is true",
                W1021: "The '{0}' is not rendered because none of the DOM elements match the value of the \"container\" property.",
                W1022: "{0} JSON parsing error: '{1}'",
                W1023: "Appointments require unique keys. Otherwise, the agenda view may not work correctly.",
                W1024: "The client-side export is enabled. Implement the 'onExporting' function.",
                W1025: "'scrolling.mode' is set to 'virtual' or 'infinite'. Specify the height of the component.",
                W1026: "The 'ai' toolbar item is defined, but aiIntegration is missing.",
                W1027: "A prompt should be specified for a custom command.",
                W1028: "Nested/banded columns do not support the following properties: {0}."
            });
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        11118(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _widget = (e = __webpack_require__( /*! ../../__internal/core/widget/widget */ 89275), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _widget.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        84601(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _bar_gauge = __webpack_require__( /*! ../__internal/viz/gauges/bar_gauge */ 73494);
            exports.default = _bar_gauge.dxBarGauge;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        75954(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _bullet = (e = __webpack_require__( /*! ../__internal/viz/sparklines/bullet */ 27383), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _bullet.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        26408(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_chart = (e = __webpack_require__( /*! ../__internal/viz/m_chart */ 3830), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_chart.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        45912(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _tracker = __webpack_require__( /*! ../../__internal/viz/chart_components/tracker */ 44094);
            exports.default = {
                ChartTracker: _tracker.ChartTracker,
                PieTracker: _tracker.PieTracker
            };
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        89463(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _circular_gauge = (e = __webpack_require__( /*! ../__internal/viz/gauges/circular_gauge */ 40414), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _circular_gauge.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        38355(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _error = _interopRequireDefault(__webpack_require__( /*! ../../core/utils/error */ 67264));
            var _errors = _interopRequireDefault(__webpack_require__( /*! ../../core/errors */ 87129));

            function _interopRequireDefault(e) {
                return e && e.__esModule ? e : {
                    default: e
                }
            }
            exports.default = (0, _error.default)(_errors.default.ERROR_MESSAGES, {
                E2001: "Invalid data source",
                E2002: "Axis type and data type are incompatible",
                E2003: 'The "{0}" data source field contains data of unsupported type',
                E2004: 'The "{0}" data source field is inconsistent',
                E2005: 'The value field "{0}" is absent in the data source or all its values are negative',
                E2006: "A cycle is detected in provided data",
                E2007: 'The value field "{0}" is absent in the data source',
                E2008: 'The value field "{0}" must be a string',
                E2009: 'The value field "{0}" must be a positive numeric value',
                E2101: "Unknown series type: {0}",
                E2102: "Ambiguity occurred between two value axes with the same name",
                E2103: 'The "{0}" option is given an invalid value. Assign a function instead',
                E2104: "Invalid logarithm base",
                E2105: 'Invalid value of a "{0}"',
                E2202: "Invalid {0} scale value",
                E2203: "The range you are trying to set is invalid",
                W2002: "The {0} series cannot be drawn because the {1} data field is missing",
                W2003: "Tick interval is too small",
                W2101: 'The "{0}" pane does not exist; the last pane is used by default',
                W2102: 'A value axis with the "{0}" name was created automatically',
                W2103: "The chart title was hidden due to the container size",
                W2104: "The legend was hidden due to the container size",
                W2105: 'The title of the "{0}" axis was hidden due to the container size',
                W2106: 'The labels of the "{0}" axis were hidden due to the container size',
                W2107: "The export menu was hidden due to the container size",
                W2108: "The browser does not support exporting images to {0} format.",
                W2301: "Invalid value range"
            });
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        74754(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "ExportMenu", {
                enumerable: true,
                get: function() {
                    return _export.ExportMenu
                }
            });
            Object.defineProperty(exports, "combineMarkups", {
                enumerable: true,
                get: function() {
                    return _export.combineMarkups
                }
            });
            Object.defineProperty(exports, "exportFromMarkup", {
                enumerable: true,
                get: function() {
                    return _export.exportFromMarkup
                }
            });
            Object.defineProperty(exports, "exportWidgets", {
                enumerable: true,
                get: function() {
                    return _export.exportWidgets
                }
            });
            Object.defineProperty(exports, "getMarkup", {
                enumerable: true,
                get: function() {
                    return _export.getMarkup
                }
            });
            Object.defineProperty(exports, "plugin", {
                enumerable: true,
                get: function() {
                    return _export.plugin
                }
            });
            var _export = __webpack_require__( /*! ../../__internal/viz/core/export */ 43452)
        },
        63022(__unused_webpack_module, exports, __webpack_require__) {
            0;
            0;
            0;
            Object.defineProperty(exports, "A4", {
                enumerable: true,
                get: function() {
                    return _renderer.Renderer
                }
            });
            Object.defineProperty(exports, "hJ", {
                enumerable: true,
                get: function() {
                    return _renderer.SvgElement
                }
            });
            0;
            0;
            0;
            0;
            0;
            var _renderer = __webpack_require__( /*! ../../../__internal/viz/core/renderers/renderer */ 15232)
        },
        28779(__unused_webpack_module, exports, __webpack_require__) {
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            Object.defineProperty(exports, "a1", {
                enumerable: true,
                get: function() {
                    return _utils.patchFontOptions
                }
            });
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            0;
            var _utils = __webpack_require__( /*! ../../__internal/viz/core/utils */ 98013)
        },
        88168(__unused_webpack_module, exports, __webpack_require__) {
            var _export = __webpack_require__( /*! ./core/export */ 74754);
            Object.keys(_export).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _export[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _export[key]
                    }
                })
            })
        },
        61434(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _funnel = (e = __webpack_require__( /*! ../__internal/viz/funnel */ 27516), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _funnel.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        5600(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _base_gauge = __webpack_require__( /*! ../../__internal/viz/gauges/base_gauge */ 90678);
            exports.default = _base_gauge.BaseGauge;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        4655(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _linear_gauge = (e = __webpack_require__( /*! ../__internal/viz/gauges/linear_gauge */ 98442), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _linear_gauge.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        9735(__unused_webpack_module, exports, __webpack_require__) {
            0;
            Object.defineProperty(exports, "pq", {
                enumerable: true,
                get: function() {
                    return _palette.currentPalette
                }
            });
            Object.defineProperty(exports, "oC", {
                enumerable: true,
                get: function() {
                    return _palette.generateColors
                }
            });
            0;
            0;
            0;
            Object.defineProperty(exports, "Sf", {
                enumerable: true,
                get: function() {
                    return _palette.getPalette
                }
            });
            Object.defineProperty(exports, "hr", {
                enumerable: true,
                get: function() {
                    return _palette.registerPalette
                }
            });
            var _palette = __webpack_require__( /*! ../__internal/viz/palette */ 79121)
        },
        4381(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_pie_chart = (e = __webpack_require__( /*! ../__internal/viz/m_pie_chart */ 98895), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_pie_chart.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        11247(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _m_polar_chart = (e = __webpack_require__( /*! ../__internal/viz/m_polar_chart */ 52769), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _m_polar_chart.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        30185(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _range_selector = (e = __webpack_require__( /*! ../__internal/viz/range_selector/range_selector */ 55713), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _range_selector.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        37755(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _sankey = (e = __webpack_require__( /*! ../__internal/viz/sankey */ 34541), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _sankey.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        71871(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _sparkline = (e = __webpack_require__( /*! ../__internal/viz/sparklines/sparkline */ 41772), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _sparkline.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        84560(__unused_webpack_module, exports, __webpack_require__) {
            var _themes = __webpack_require__( /*! ../__internal/viz/themes */ 4866);
            Object.keys(_themes).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _themes[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _themes[key]
                    }
                })
            })
        },
        61015(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _tree_map = (e = __webpack_require__( /*! ../__internal/viz/tree_map/tree_map */ 11197), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _tree_map.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        2225(__unused_webpack_module, exports, __webpack_require__) {
            var _utils = __webpack_require__( /*! ../__internal/viz/utils */ 49143);
            Object.keys(_utils).forEach(function(key) {
                if ("default" === key || "__esModule" === key) {
                    return
                }
                if (key in exports && exports[key] === _utils[key]) {
                    return
                }
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: function() {
                        return _utils[key]
                    }
                })
            })
        },
        85148(module, exports, __webpack_require__) {
            exports.default = void 0;
            var _vector_map = (e = __webpack_require__( /*! ../__internal/viz/vector_map/vector_map */ 5911), e && e.__esModule ? e : {
                default: e
            });
            var e;
            exports.default = _vector_map.default;
            module.exports = exports.default;
            module.exports.default = exports.default
        },
        99094(__unused_webpack_module, exports, __webpack_require__) {
            Object.defineProperty(exports, "Q", {
                enumerable: true,
                get: function() {
                    return _projection.projection
                }
            });
            var _projection = __webpack_require__( /*! ../../__internal/viz/vector_map/projection */ 56984)
        },
        1990(module) {
            module.exports = window.DevExpress.Gantt
        },
        40765(module) {
            module.exports = window.DevExpress.Quill
        },
        36761(module) {
            module.exports = window.DevExpress.diagram
        },
        87626(module) {
            module.exports = window.Globalize
        },
        87531(module) {
            module.exports = window.JSZip
        },
        10561(module) {
            module.exports = window.jQuery
        },
        78117(module) {
            module.exports = window.ko
        }
    };
    var __webpack_module_cache__ = {};

    function __webpack_require__(moduleId) {
        var cachedModule = __webpack_module_cache__[moduleId];
        if (void 0 !== cachedModule) {
            return cachedModule.exports
        }
        var module = __webpack_module_cache__[moduleId] = {
            exports: {}
        };
        if (!(moduleId in __webpack_modules__)) {
            delete __webpack_module_cache__[moduleId];
            var e = new Error("Cannot find module '" + moduleId + "'");
            e.code = "MODULE_NOT_FOUND";
            throw e
        }
        __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
        return module.exports
    }
    void(__webpack_require__.d = (exports, definition) => {
        for (var key in definition) {
            if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
                Object.defineProperty(exports, key, {
                    enumerable: true,
                    get: definition[key]
                })
            }
        }
    });
    void(__webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop));
    void(__webpack_require__.r = exports => {
        if ("undefined" !== typeof Symbol && Symbol.toStringTag) {
            Object.defineProperty(exports, Symbol.toStringTag, {
                value: "Module"
            })
        }
        Object.defineProperty(exports, "__esModule", {
            value: true
        })
    });
    __webpack_require__(10195)
})();